aboutsummaryrefslogtreecommitdiffstats
path: root/vnfmarket/common/thirdparty/angular-material/modules/js/bottomSheet
diff options
context:
space:
mode:
authorseshukm <seshu.kumar.m@huawei.com>2017-03-06 10:23:16 +0530
committerseshukm <seshu.kumar.m@huawei.com>2017-03-06 10:23:16 +0530
commit663394f188c4460ad889b70a82557db0f9754032 (patch)
tree09d5bea2b0684b5752f5cd8f74e1f3f4ffaa740a /vnfmarket/common/thirdparty/angular-material/modules/js/bottomSheet
parent194d6e19da729265130123b6638e0f57589c9367 (diff)
thirdparty files updated for the vnf market place
IssueId : CLIENT-4 Change-Id: Id58c2d11985bda35dc482b122dc404aea2e477da Signed-off-by: seshukm <seshu.kumar.m@huawei.com>
Diffstat (limited to 'vnfmarket/common/thirdparty/angular-material/modules/js/bottomSheet')
-rw-r--r--vnfmarket/common/thirdparty/angular-material/modules/js/bottomSheet/bottomSheet-default-theme.css15
-rw-r--r--vnfmarket/common/thirdparty/angular-material/modules/js/bottomSheet/bottomSheet-default-theme.min.css6
-rw-r--r--vnfmarket/common/thirdparty/angular-material/modules/js/bottomSheet/bottomSheet.css170
-rw-r--r--vnfmarket/common/thirdparty/angular-material/modules/js/bottomSheet/bottomSheet.js302
-rw-r--r--vnfmarket/common/thirdparty/angular-material/modules/js/bottomSheet/bottomSheet.min.css6
-rw-r--r--vnfmarket/common/thirdparty/angular-material/modules/js/bottomSheet/bottomSheet.min.js7
-rw-r--r--vnfmarket/common/thirdparty/angular-material/modules/js/bottomSheet/bower.json8
7 files changed, 514 insertions, 0 deletions
diff --git a/vnfmarket/common/thirdparty/angular-material/modules/js/bottomSheet/bottomSheet-default-theme.css b/vnfmarket/common/thirdparty/angular-material/modules/js/bottomSheet/bottomSheet-default-theme.css
new file mode 100644
index 00000000..8119b5b0
--- /dev/null
+++ b/vnfmarket/common/thirdparty/angular-material/modules/js/bottomSheet/bottomSheet-default-theme.css
@@ -0,0 +1,15 @@
+/*!
+ * Angular Material Design
+ * https://github.com/angular/material
+ * @license MIT
+ * v1.1.3
+ */
+md-bottom-sheet.md-THEME_NAME-theme {
+ background-color: '{{background-50}}';
+ border-top-color: '{{background-300}}'; }
+ md-bottom-sheet.md-THEME_NAME-theme.md-list md-list-item {
+ color: '{{foreground-1}}'; }
+ md-bottom-sheet.md-THEME_NAME-theme .md-subheader {
+ background-color: '{{background-50}}'; }
+ md-bottom-sheet.md-THEME_NAME-theme .md-subheader {
+ color: '{{foreground-1}}'; }
diff --git a/vnfmarket/common/thirdparty/angular-material/modules/js/bottomSheet/bottomSheet-default-theme.min.css b/vnfmarket/common/thirdparty/angular-material/modules/js/bottomSheet/bottomSheet-default-theme.min.css
new file mode 100644
index 00000000..0d9e2a84
--- /dev/null
+++ b/vnfmarket/common/thirdparty/angular-material/modules/js/bottomSheet/bottomSheet-default-theme.min.css
@@ -0,0 +1,6 @@
+/*!
+ * Angular Material Design
+ * https://github.com/angular/material
+ * @license MIT
+ * v1.1.2-master-a9ba340
+ */md-bottom-sheet.md-THEME_NAME-theme{background-color:"{{background-50}}";border-top-color:"{{background-300}}"}md-bottom-sheet.md-THEME_NAME-theme.md-list md-list-item{color:"{{foreground-1}}"}md-bottom-sheet.md-THEME_NAME-theme .md-subheader{background-color:"{{background-50}}";color:"{{foreground-1}}"} \ No newline at end of file
diff --git a/vnfmarket/common/thirdparty/angular-material/modules/js/bottomSheet/bottomSheet.css b/vnfmarket/common/thirdparty/angular-material/modules/js/bottomSheet/bottomSheet.css
new file mode 100644
index 00000000..025737fd
--- /dev/null
+++ b/vnfmarket/common/thirdparty/angular-material/modules/js/bottomSheet/bottomSheet.css
@@ -0,0 +1,170 @@
+/*!
+ * Angular Material Design
+ * https://github.com/angular/material
+ * @license MIT
+ * v1.1.3
+ */
+md-bottom-sheet {
+ position: absolute;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ padding: 8px 16px 88px 16px;
+ z-index: 70;
+ border-top-width: 1px;
+ border-top-style: solid;
+ -webkit-transform: translate3d(0, 80px, 0);
+ transform: translate3d(0, 80px, 0);
+ -webkit-transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
+ transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
+ -webkit-transition-property: -webkit-transform;
+ transition-property: -webkit-transform;
+ transition-property: transform;
+ transition-property: transform, -webkit-transform; }
+ md-bottom-sheet.md-has-header {
+ padding-top: 0; }
+ md-bottom-sheet.ng-enter {
+ opacity: 0;
+ -webkit-transform: translate3d(0, 100%, 0);
+ transform: translate3d(0, 100%, 0); }
+ md-bottom-sheet.ng-enter-active {
+ opacity: 1;
+ display: block;
+ -webkit-transform: translate3d(0, 80px, 0) !important;
+ transform: translate3d(0, 80px, 0) !important; }
+ md-bottom-sheet.ng-leave-active {
+ -webkit-transform: translate3d(0, 100%, 0) !important;
+ transform: translate3d(0, 100%, 0) !important;
+ -webkit-transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
+ transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2); }
+ md-bottom-sheet .md-subheader {
+ background-color: transparent;
+ font-family: Roboto, "Helvetica Neue", sans-serif;
+ line-height: 56px;
+ padding: 0;
+ white-space: nowrap; }
+ md-bottom-sheet md-inline-icon {
+ display: inline-block;
+ height: 24px;
+ width: 24px;
+ fill: #444; }
+ md-bottom-sheet md-list-item {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: flex;
+ outline: none; }
+ md-bottom-sheet md-list-item:hover {
+ cursor: pointer; }
+ md-bottom-sheet.md-list md-list-item {
+ padding: 0;
+ -webkit-box-align: center;
+ -webkit-align-items: center;
+ align-items: center;
+ height: 48px; }
+ md-bottom-sheet.md-grid {
+ padding-left: 24px;
+ padding-right: 24px;
+ padding-top: 0; }
+ md-bottom-sheet.md-grid md-list {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: flex;
+ -webkit-box-orient: horizontal;
+ -webkit-box-direction: normal;
+ -webkit-flex-direction: row;
+ flex-direction: row;
+ -webkit-flex-wrap: wrap;
+ flex-wrap: wrap;
+ -webkit-transition: all 0.5s;
+ transition: all 0.5s;
+ -webkit-box-align: center;
+ -webkit-align-items: center;
+ align-items: center; }
+ md-bottom-sheet.md-grid md-list-item {
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -webkit-flex-direction: column;
+ flex-direction: column;
+ -webkit-box-align: center;
+ -webkit-align-items: center;
+ align-items: center;
+ -webkit-transition: all 0.5s;
+ transition: all 0.5s;
+ height: 96px;
+ margin-top: 8px;
+ margin-bottom: 8px;
+ /* Mixin for how many grid items to show per row */ }
+ @media (max-width: 960px) {
+ md-bottom-sheet.md-grid md-list-item {
+ -webkit-box-flex: 1;
+ -webkit-flex: 1 1 33.33333%;
+ flex: 1 1 33.33333%;
+ max-width: 33.33333%; }
+ md-bottom-sheet.md-grid md-list-item:nth-of-type(3n + 1) {
+ -webkit-box-align: start;
+ -webkit-align-items: flex-start;
+ align-items: flex-start; }
+ md-bottom-sheet.md-grid md-list-item:nth-of-type(3n) {
+ -webkit-box-align: end;
+ -webkit-align-items: flex-end;
+ align-items: flex-end; } }
+ @media (min-width: 960px) and (max-width: 1279px) {
+ md-bottom-sheet.md-grid md-list-item {
+ -webkit-box-flex: 1;
+ -webkit-flex: 1 1 25%;
+ flex: 1 1 25%;
+ max-width: 25%; } }
+ @media (min-width: 1280px) and (max-width: 1919px) {
+ md-bottom-sheet.md-grid md-list-item {
+ -webkit-box-flex: 1;
+ -webkit-flex: 1 1 16.66667%;
+ flex: 1 1 16.66667%;
+ max-width: 16.66667%; } }
+ @media (min-width: 1920px) {
+ md-bottom-sheet.md-grid md-list-item {
+ -webkit-box-flex: 1;
+ -webkit-flex: 1 1 14.28571%;
+ flex: 1 1 14.28571%;
+ max-width: 14.28571%; } }
+ md-bottom-sheet.md-grid md-list-item::before {
+ display: none; }
+ md-bottom-sheet.md-grid md-list-item .md-list-item-content {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -webkit-flex-direction: column;
+ flex-direction: column;
+ -webkit-box-align: center;
+ -webkit-align-items: center;
+ align-items: center;
+ width: 48px;
+ padding-bottom: 16px; }
+ md-bottom-sheet.md-grid md-list-item .md-grid-item-content {
+ border: 1px solid transparent;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -webkit-flex-direction: column;
+ flex-direction: column;
+ -webkit-box-align: center;
+ -webkit-align-items: center;
+ align-items: center;
+ width: 80px; }
+ md-bottom-sheet.md-grid md-list-item .md-grid-text {
+ font-weight: 400;
+ line-height: 16px;
+ font-size: 13px;
+ margin: 0;
+ white-space: nowrap;
+ width: 64px;
+ text-align: center;
+ text-transform: none;
+ padding-top: 8px; }
+
+@media screen and (-ms-high-contrast: active) {
+ md-bottom-sheet {
+ border: 1px solid #fff; } }
diff --git a/vnfmarket/common/thirdparty/angular-material/modules/js/bottomSheet/bottomSheet.js b/vnfmarket/common/thirdparty/angular-material/modules/js/bottomSheet/bottomSheet.js
new file mode 100644
index 00000000..114d0fa9
--- /dev/null
+++ b/vnfmarket/common/thirdparty/angular-material/modules/js/bottomSheet/bottomSheet.js
@@ -0,0 +1,302 @@
+/*!
+ * Angular Material Design
+ * https://github.com/angular/material
+ * @license MIT
+ * v1.1.3
+ */
+(function( window, angular, undefined ){
+"use strict";
+
+/**
+ * @ngdoc module
+ * @name material.components.bottomSheet
+ * @description
+ * BottomSheet
+ */
+MdBottomSheetDirective['$inject'] = ["$mdBottomSheet"];
+MdBottomSheetProvider['$inject'] = ["$$interimElementProvider"];
+angular
+ .module('material.components.bottomSheet', [
+ 'material.core',
+ 'material.components.backdrop'
+ ])
+ .directive('mdBottomSheet', MdBottomSheetDirective)
+ .provider('$mdBottomSheet', MdBottomSheetProvider);
+
+/* ngInject */
+function MdBottomSheetDirective($mdBottomSheet) {
+ return {
+ restrict: 'E',
+ link : function postLink(scope, element) {
+ element.addClass('_md'); // private md component indicator for styling
+
+ // When navigation force destroys an interimElement, then
+ // listen and $destroy() that interim instance...
+ scope.$on('$destroy', function() {
+ $mdBottomSheet.destroy();
+ });
+ }
+ };
+}
+
+
+/**
+ * @ngdoc service
+ * @name $mdBottomSheet
+ * @module material.components.bottomSheet
+ *
+ * @description
+ * `$mdBottomSheet` opens a bottom sheet over the app and provides a simple promise API.
+ *
+ * ## Restrictions
+ *
+ * - The bottom sheet's template must have an outer `<md-bottom-sheet>` element.
+ * - Add the `md-grid` class to the bottom sheet for a grid layout.
+ * - Add the `md-list` class to the bottom sheet for a list layout.
+ *
+ * @usage
+ * <hljs lang="html">
+ * <div ng-controller="MyController">
+ * <md-button ng-click="openBottomSheet()">
+ * Open a Bottom Sheet!
+ * </md-button>
+ * </div>
+ * </hljs>
+ * <hljs lang="js">
+ * var app = angular.module('app', ['ngMaterial']);
+ * app.controller('MyController', function($scope, $mdBottomSheet) {
+ * $scope.openBottomSheet = function() {
+ * $mdBottomSheet.show({
+ * template: '<md-bottom-sheet>Hello!</md-bottom-sheet>'
+ * });
+ * };
+ * });
+ * </hljs>
+ */
+
+ /**
+ * @ngdoc method
+ * @name $mdBottomSheet#show
+ *
+ * @description
+ * Show a bottom sheet with the specified options.
+ *
+ * @param {object} options An options object, with the following properties:
+ *
+ * - `templateUrl` - `{string=}`: The url of an html template file that will
+ * be used as the content of the bottom sheet. Restrictions: the template must
+ * have an outer `md-bottom-sheet` element.
+ * - `template` - `{string=}`: Same as templateUrl, except this is an actual
+ * template string.
+ * - `scope` - `{object=}`: the scope to link the template / controller to. If none is specified, it will create a new child scope.
+ * This scope will be destroyed when the bottom sheet is removed unless `preserveScope` is set to true.
+ * - `preserveScope` - `{boolean=}`: whether to preserve the scope when the element is removed. Default is false
+ * - `controller` - `{string=}`: The controller to associate with this bottom sheet.
+ * - `locals` - `{string=}`: An object containing key/value pairs. The keys will
+ * be used as names of values to inject into the controller. For example,
+ * `locals: {three: 3}` would inject `three` into the controller with the value
+ * of 3.
+ * - `clickOutsideToClose` - `{boolean=}`: Whether the user can click outside the bottom sheet to
+ * close it. Default true.
+ * - `bindToController` - `{boolean=}`: When set to true, the locals will be bound to the controller instance.
+ * - `disableBackdrop` - `{boolean=}`: When set to true, the bottomsheet will not show a backdrop.
+ * - `escapeToClose` - `{boolean=}`: Whether the user can press escape to close the bottom sheet.
+ * Default true.
+ * - `resolve` - `{object=}`: Similar to locals, except it takes promises as values
+ * and the bottom sheet will not open until the promises resolve.
+ * - `controllerAs` - `{string=}`: An alias to assign the controller to on the scope.
+ * - `parent` - `{element=}`: The element to append the bottom sheet to. The `parent` may be a `function`, `string`,
+ * `object`, or null. Defaults to appending to the body of the root element (or the root element) of the application.
+ * e.g. angular.element(document.getElementById('content')) or "#content"
+ * - `disableParentScroll` - `{boolean=}`: Whether to disable scrolling while the bottom sheet is open.
+ * Default true.
+ *
+ * @returns {promise} A promise that can be resolved with `$mdBottomSheet.hide()` or
+ * rejected with `$mdBottomSheet.cancel()`.
+ */
+
+/**
+ * @ngdoc method
+ * @name $mdBottomSheet#hide
+ *
+ * @description
+ * Hide the existing bottom sheet and resolve the promise returned from
+ * `$mdBottomSheet.show()`. This call will close the most recently opened/current bottomsheet (if any).
+ *
+ * @param {*=} response An argument for the resolved promise.
+ *
+ */
+
+/**
+ * @ngdoc method
+ * @name $mdBottomSheet#cancel
+ *
+ * @description
+ * Hide the existing bottom sheet and reject the promise returned from
+ * `$mdBottomSheet.show()`.
+ *
+ * @param {*=} response An argument for the rejected promise.
+ *
+ */
+
+function MdBottomSheetProvider($$interimElementProvider) {
+ // how fast we need to flick down to close the sheet, pixels/ms
+ bottomSheetDefaults['$inject'] = ["$animate", "$mdConstant", "$mdUtil", "$mdTheming", "$mdBottomSheet", "$rootElement", "$mdGesture", "$log"];
+ var CLOSING_VELOCITY = 0.5;
+ var PADDING = 80; // same as css
+
+ return $$interimElementProvider('$mdBottomSheet')
+ .setDefaults({
+ methods: ['disableParentScroll', 'escapeToClose', 'clickOutsideToClose'],
+ options: bottomSheetDefaults
+ });
+
+ /* ngInject */
+ function bottomSheetDefaults($animate, $mdConstant, $mdUtil, $mdTheming, $mdBottomSheet, $rootElement,
+ $mdGesture, $log) {
+ var backdrop;
+
+ return {
+ themable: true,
+ onShow: onShow,
+ onRemove: onRemove,
+ disableBackdrop: false,
+ escapeToClose: true,
+ clickOutsideToClose: true,
+ disableParentScroll: true
+ };
+
+
+ function onShow(scope, element, options, controller) {
+
+ element = $mdUtil.extractElementByName(element, 'md-bottom-sheet');
+
+ // prevent tab focus or click focus on the bottom-sheet container
+ element.attr('tabindex',"-1");
+
+ // Once the md-bottom-sheet has `ng-cloak` applied on his template the opening animation will not work properly.
+ // This is a very common problem, so we have to notify the developer about this.
+ if (element.hasClass('ng-cloak')) {
+ var message = '$mdBottomSheet: using `<md-bottom-sheet ng-cloak >` will affect the bottom-sheet opening animations.';
+ $log.warn( message, element[0] );
+ }
+
+ if (!options.disableBackdrop) {
+ // Add a backdrop that will close on click
+ backdrop = $mdUtil.createBackdrop(scope, "md-bottom-sheet-backdrop md-opaque");
+
+ // Prevent mouse focus on backdrop; ONLY programatic focus allowed.
+ // This allows clicks on backdrop to propogate to the $rootElement and
+ // ESC key events to be detected properly.
+
+ backdrop[0].tabIndex = -1;
+
+ if (options.clickOutsideToClose) {
+ backdrop.on('click', function() {
+ $mdUtil.nextTick($mdBottomSheet.cancel,true);
+ });
+ }
+
+ $mdTheming.inherit(backdrop, options.parent);
+
+ $animate.enter(backdrop, options.parent, null);
+ }
+
+ var bottomSheet = new BottomSheet(element, options.parent);
+ options.bottomSheet = bottomSheet;
+
+ $mdTheming.inherit(bottomSheet.element, options.parent);
+
+ if (options.disableParentScroll) {
+ options.restoreScroll = $mdUtil.disableScrollAround(bottomSheet.element, options.parent);
+ }
+
+ return $animate.enter(bottomSheet.element, options.parent, backdrop)
+ .then(function() {
+ var focusable = $mdUtil.findFocusTarget(element) || angular.element(
+ element[0].querySelector('button') ||
+ element[0].querySelector('a') ||
+ element[0].querySelector($mdUtil.prefixer('ng-click', true))
+ ) || backdrop;
+
+ if (options.escapeToClose) {
+ options.rootElementKeyupCallback = function(e) {
+ if (e.keyCode === $mdConstant.KEY_CODE.ESCAPE) {
+ $mdUtil.nextTick($mdBottomSheet.cancel,true);
+ }
+ };
+
+ $rootElement.on('keyup', options.rootElementKeyupCallback);
+ focusable && focusable.focus();
+ }
+ });
+
+ }
+
+ function onRemove(scope, element, options) {
+
+ var bottomSheet = options.bottomSheet;
+
+ if (!options.disableBackdrop) $animate.leave(backdrop);
+ return $animate.leave(bottomSheet.element).then(function() {
+ if (options.disableParentScroll) {
+ options.restoreScroll();
+ delete options.restoreScroll;
+ }
+
+ bottomSheet.cleanup();
+ });
+ }
+
+ /**
+ * BottomSheet class to apply bottom-sheet behavior to an element
+ */
+ function BottomSheet(element, parent) {
+ var deregister = $mdGesture.register(parent, 'drag', { horizontal: false });
+ parent.on('$md.dragstart', onDragStart)
+ .on('$md.drag', onDrag)
+ .on('$md.dragend', onDragEnd);
+
+ return {
+ element: element,
+ cleanup: function cleanup() {
+ deregister();
+ parent.off('$md.dragstart', onDragStart);
+ parent.off('$md.drag', onDrag);
+ parent.off('$md.dragend', onDragEnd);
+ }
+ };
+
+ function onDragStart(ev) {
+ // Disable transitions on transform so that it feels fast
+ element.css($mdConstant.CSS.TRANSITION_DURATION, '0ms');
+ }
+
+ function onDrag(ev) {
+ var transform = ev.pointer.distanceY;
+ if (transform < 5) {
+ // Slow down drag when trying to drag up, and stop after PADDING
+ transform = Math.max(-PADDING, transform / 2);
+ }
+ element.css($mdConstant.CSS.TRANSFORM, 'translate3d(0,' + (PADDING + transform) + 'px,0)');
+ }
+
+ function onDragEnd(ev) {
+ if (ev.pointer.distanceY > 0 &&
+ (ev.pointer.distanceY > 20 || Math.abs(ev.pointer.velocityY) > CLOSING_VELOCITY)) {
+ var distanceRemaining = element.prop('offsetHeight') - ev.pointer.distanceY;
+ var transitionDuration = Math.min(distanceRemaining / ev.pointer.velocityY * 0.75, 500);
+ element.css($mdConstant.CSS.TRANSITION_DURATION, transitionDuration + 'ms');
+ $mdUtil.nextTick($mdBottomSheet.cancel,true);
+ } else {
+ element.css($mdConstant.CSS.TRANSITION_DURATION, '');
+ element.css($mdConstant.CSS.TRANSFORM, '');
+ }
+ }
+ }
+
+ }
+
+}
+
+})(window, window.angular); \ No newline at end of file
diff --git a/vnfmarket/common/thirdparty/angular-material/modules/js/bottomSheet/bottomSheet.min.css b/vnfmarket/common/thirdparty/angular-material/modules/js/bottomSheet/bottomSheet.min.css
new file mode 100644
index 00000000..430f966f
--- /dev/null
+++ b/vnfmarket/common/thirdparty/angular-material/modules/js/bottomSheet/bottomSheet.min.css
@@ -0,0 +1,6 @@
+/*!
+ * Angular Material Design
+ * https://github.com/angular/material
+ * @license MIT
+ * v1.1.2-master-a9ba340
+ */md-bottom-sheet{position:absolute;left:0;right:0;bottom:0;padding:8px 16px 88px;z-index:70;border-top-width:1px;border-top-style:solid;-webkit-transform:translate3d(0,80px,0);transform:translate3d(0,80px,0);-webkit-transition:all .4s cubic-bezier(.25,.8,.25,1);transition:all .4s cubic-bezier(.25,.8,.25,1);-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform}md-bottom-sheet.md-has-header{padding-top:0}md-bottom-sheet.ng-enter{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}md-bottom-sheet.ng-enter-active{opacity:1;display:block;-webkit-transform:translate3d(0,80px,0)!important;transform:translate3d(0,80px,0)!important}md-bottom-sheet.ng-leave-active{-webkit-transform:translate3d(0,100%,0)!important;transform:translate3d(0,100%,0)!important;-webkit-transition:all .3s cubic-bezier(.55,0,.55,.2);transition:all .3s cubic-bezier(.55,0,.55,.2)}md-bottom-sheet .md-subheader{background-color:transparent;font-family:Roboto,Helvetica Neue,sans-serif;line-height:56px;padding:0;white-space:nowrap}md-bottom-sheet md-inline-icon{display:inline-block;height:24px;width:24px;fill:#444}md-bottom-sheet md-list-item{display:-webkit-box;display:-webkit-flex;display:flex;outline:none}md-bottom-sheet md-list-item:hover{cursor:pointer}md-bottom-sheet.md-list md-list-item{padding:0;-webkit-box-align:center;-webkit-align-items:center;align-items:center;height:48px}md-bottom-sheet.md-grid{padding-left:24px;padding-right:24px;padding-top:0}md-bottom-sheet.md-grid md-list{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:horizontal;-webkit-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;flex-wrap:wrap}md-bottom-sheet.md-grid md-list,md-bottom-sheet.md-grid md-list-item{-webkit-box-direction:normal;-webkit-transition:all .5s;transition:all .5s;-webkit-box-align:center;-webkit-align-items:center;align-items:center}md-bottom-sheet.md-grid md-list-item{-webkit-box-orient:vertical;-webkit-flex-direction:column;flex-direction:column;height:96px;margin-top:8px;margin-bottom:8px}@media (max-width:960px){md-bottom-sheet.md-grid md-list-item{-webkit-box-flex:1;-webkit-flex:1 1 33.33333%;flex:1 1 33.33333%;max-width:33.33333%}md-bottom-sheet.md-grid md-list-item:nth-of-type(3n+1){-webkit-box-align:start;-webkit-align-items:flex-start;align-items:flex-start}md-bottom-sheet.md-grid md-list-item:nth-of-type(3n){-webkit-box-align:end;-webkit-align-items:flex-end;align-items:flex-end}}@media (min-width:960px) and (max-width:1279px){md-bottom-sheet.md-grid md-list-item{-webkit-box-flex:1;-webkit-flex:1 1 25%;flex:1 1 25%;max-width:25%}}@media (min-width:1280px) and (max-width:1919px){md-bottom-sheet.md-grid md-list-item{-webkit-box-flex:1;-webkit-flex:1 1 16.66667%;flex:1 1 16.66667%;max-width:16.66667%}}@media (min-width:1920px){md-bottom-sheet.md-grid md-list-item{-webkit-box-flex:1;-webkit-flex:1 1 14.28571%;flex:1 1 14.28571%;max-width:14.28571%}}md-bottom-sheet.md-grid md-list-item:before{display:none}md-bottom-sheet.md-grid md-list-item .md-list-item-content{width:48px;padding-bottom:16px}md-bottom-sheet.md-grid md-list-item .md-grid-item-content,md-bottom-sheet.md-grid md-list-item .md-list-item-content{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;align-items:center}md-bottom-sheet.md-grid md-list-item .md-grid-item-content{border:1px solid transparent;width:80px}md-bottom-sheet.md-grid md-list-item .md-grid-text{font-weight:400;line-height:16px;font-size:13px;margin:0;white-space:nowrap;width:64px;text-align:center;text-transform:none;padding-top:8px}@media screen and (-ms-high-contrast:active){md-bottom-sheet{border:1px solid #fff}} \ No newline at end of file
diff --git a/vnfmarket/common/thirdparty/angular-material/modules/js/bottomSheet/bottomSheet.min.js b/vnfmarket/common/thirdparty/angular-material/modules/js/bottomSheet/bottomSheet.min.js
new file mode 100644
index 00000000..d965b0a9
--- /dev/null
+++ b/vnfmarket/common/thirdparty/angular-material/modules/js/bottomSheet/bottomSheet.min.js
@@ -0,0 +1,7 @@
+/*!
+ * Angular Material Design
+ * https://github.com/angular/material
+ * @license MIT
+ * v1.1.2-master-a9ba340
+ */
+!function(e,t,o){"use strict";function n(e){return{restrict:"E",link:function(t,o){o.addClass("_md"),t.$on("$destroy",function(){e.destroy()})}}}function r(e){function o(e,o,a,c,i,l,s,d){function m(n,r,s,m){if(r=a.extractElementByName(r,"md-bottom-sheet"),r.attr("tabindex","-1"),r.hasClass("ng-cloak")){var u="$mdBottomSheet: using `<md-bottom-sheet ng-cloak >` will affect the bottom-sheet opening animations.";d.warn(u,r[0])}s.disableBackdrop||(p=a.createBackdrop(n,"md-bottom-sheet-backdrop md-opaque"),p[0].tabIndex=-1,s.clickOutsideToClose&&p.on("click",function(){a.nextTick(i.cancel,!0)}),c.inherit(p,s.parent),e.enter(p,s.parent,null));var f=new S(r,s.parent);return s.bottomSheet=f,c.inherit(f.element,s.parent),s.disableParentScroll&&(s.restoreScroll=a.disableScrollAround(f.element,s.parent)),e.enter(f.element,s.parent,p).then(function(){var e=a.findFocusTarget(r)||t.element(r[0].querySelector("button")||r[0].querySelector("a")||r[0].querySelector(a.prefixer("ng-click",!0)))||p;s.escapeToClose&&(s.rootElementKeyupCallback=function(e){e.keyCode===o.KEY_CODE.ESCAPE&&a.nextTick(i.cancel,!0)},l.on("keyup",s.rootElementKeyupCallback),e&&e.focus())})}function u(t,o,n){var r=n.bottomSheet;return n.disableBackdrop||e.leave(p),e.leave(r.element).then(function(){n.disableParentScroll&&(n.restoreScroll(),delete n.restoreScroll),r.cleanup()})}function S(e,t){function c(t){e.css(o.CSS.TRANSITION_DURATION,"0ms")}function l(t){var n=t.pointer.distanceY;n<5&&(n=Math.max(-r,n/2)),e.css(o.CSS.TRANSFORM,"translate3d(0,"+(r+n)+"px,0)")}function d(t){if(t.pointer.distanceY>0&&(t.pointer.distanceY>20||Math.abs(t.pointer.velocityY)>n)){var r=e.prop("offsetHeight")-t.pointer.distanceY,c=Math.min(r/t.pointer.velocityY*.75,500);e.css(o.CSS.TRANSITION_DURATION,c+"ms"),a.nextTick(i.cancel,!0)}else e.css(o.CSS.TRANSITION_DURATION,""),e.css(o.CSS.TRANSFORM,"")}var m=s.register(t,"drag",{horizontal:!1});return t.on("$md.dragstart",c).on("$md.drag",l).on("$md.dragend",d),{element:e,cleanup:function(){m(),t.off("$md.dragstart",c),t.off("$md.drag",l),t.off("$md.dragend",d)}}}var p;return{themable:!0,onShow:m,onRemove:u,disableBackdrop:!1,escapeToClose:!0,clickOutsideToClose:!0,disableParentScroll:!0}}o.$inject=["$animate","$mdConstant","$mdUtil","$mdTheming","$mdBottomSheet","$rootElement","$mdGesture","$log"];var n=.5,r=80;return e("$mdBottomSheet").setDefaults({methods:["disableParentScroll","escapeToClose","clickOutsideToClose"],options:o})}n.$inject=["$mdBottomSheet"],r.$inject=["$$interimElementProvider"],t.module("material.components.bottomSheet",["material.core","material.components.backdrop"]).directive("mdBottomSheet",n).provider("$mdBottomSheet",r)}(window,window.angular); \ No newline at end of file
diff --git a/vnfmarket/common/thirdparty/angular-material/modules/js/bottomSheet/bower.json b/vnfmarket/common/thirdparty/angular-material/modules/js/bottomSheet/bower.json
new file mode 100644
index 00000000..e784c15a
--- /dev/null
+++ b/vnfmarket/common/thirdparty/angular-material/modules/js/bottomSheet/bower.json
@@ -0,0 +1,8 @@
+{
+ "name": "angular-material-bottomSheet",
+ "version": "1.1.2-master-a9ba340",
+ "dependencies": {
+ "angular-material-core": "1.1.2-master-a9ba340",
+ "angular-material-backdrop": "1.1.2-master-a9ba340"
+ }
+} \ No newline at end of file