diff options
Diffstat (limited to 'vnfmarket/common/thirdparty/angular-material/modules/closure/card')
6 files changed, 382 insertions, 0 deletions
diff --git a/vnfmarket/common/thirdparty/angular-material/modules/closure/card/card-default-theme.css b/vnfmarket/common/thirdparty/angular-material/modules/closure/card/card-default-theme.css new file mode 100644 index 00000000..d715bf9c --- /dev/null +++ b/vnfmarket/common/thirdparty/angular-material/modules/closure/card/card-default-theme.css @@ -0,0 +1,19 @@ +/*! + * Angular Material Design + * https://github.com/angular/material + * @license MIT + * v1.1.3 + */ +md-card.md-THEME_NAME-theme { + color: '{{foreground-1}}'; + background-color: '{{background-hue-1}}'; + border-radius: 2px; } + md-card.md-THEME_NAME-theme .md-card-image { + border-radius: 2px 2px 0 0; } + md-card.md-THEME_NAME-theme md-card-header md-card-avatar md-icon { + color: '{{background-color}}'; + background-color: '{{foreground-3}}'; } + md-card.md-THEME_NAME-theme md-card-header md-card-header-text .md-subhead { + color: '{{foreground-2}}'; } + md-card.md-THEME_NAME-theme md-card-title md-card-title-text:not(:only-child) .md-subhead { + color: '{{foreground-2}}'; } diff --git a/vnfmarket/common/thirdparty/angular-material/modules/closure/card/card-default-theme.min.css b/vnfmarket/common/thirdparty/angular-material/modules/closure/card/card-default-theme.min.css new file mode 100644 index 00000000..eba17534 --- /dev/null +++ b/vnfmarket/common/thirdparty/angular-material/modules/closure/card/card-default-theme.min.css @@ -0,0 +1,6 @@ +/*! + * Angular Material Design + * https://github.com/angular/material + * @license MIT + * v1.1.2-master-a9ba340 + */md-card.md-THEME_NAME-theme{color:"{{foreground-1}}";background-color:"{{background-hue-1}}";border-radius:2px}md-card.md-THEME_NAME-theme .md-card-image{border-radius:2px 2px 0 0}md-card.md-THEME_NAME-theme md-card-header md-card-avatar md-icon{color:"{{background-color}}";background-color:"{{foreground-3}}"}md-card.md-THEME_NAME-theme md-card-header md-card-header-text .md-subhead,md-card.md-THEME_NAME-theme md-card-title md-card-title-text:not(:only-child) .md-subhead{color:"{{foreground-2}}"}
\ No newline at end of file diff --git a/vnfmarket/common/thirdparty/angular-material/modules/closure/card/card.css b/vnfmarket/common/thirdparty/angular-material/modules/closure/card/card.css new file mode 100644 index 00000000..28827aa5 --- /dev/null +++ b/vnfmarket/common/thirdparty/angular-material/modules/closure/card/card.css @@ -0,0 +1,202 @@ +/*! + * Angular Material Design + * https://github.com/angular/material + * @license MIT + * v1.1.3 + */ +md-card { + box-sizing: border-box; + display: -webkit-box; + display: -webkit-flex; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + flex-direction: column; + margin: 8px; + box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12); } + md-card md-card-header { + padding: 16px; + display: -webkit-box; + display: -webkit-flex; + display: flex; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -webkit-flex-direction: row; + flex-direction: row; } + md-card md-card-header:first-child md-card-avatar { + margin-right: 12px; } + [dir=rtl] md-card md-card-header:first-child md-card-avatar { + margin-right: auto; + margin-left: 12px; } + md-card md-card-header:last-child md-card-avatar { + margin-left: 12px; } + [dir=rtl] md-card md-card-header:last-child md-card-avatar { + margin-left: auto; + margin-right: 12px; } + md-card md-card-header md-card-avatar { + width: 40px; + height: 40px; } + md-card md-card-header md-card-avatar .md-user-avatar, + md-card md-card-header md-card-avatar md-icon { + border-radius: 50%; } + md-card md-card-header md-card-avatar md-icon { + padding: 8px; } + md-card md-card-header md-card-avatar md-icon > svg { + height: inherit; + width: inherit; } + md-card md-card-header md-card-avatar + md-card-header-text { + max-height: 40px; } + md-card md-card-header md-card-avatar + md-card-header-text .md-title { + font-size: 14px; } + md-card md-card-header md-card-header-text { + display: -webkit-box; + display: -webkit-flex; + display: flex; + -webkit-box-flex: 1; + -webkit-flex: 1; + flex: 1; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + flex-direction: column; } + md-card md-card-header md-card-header-text .md-subhead { + font-size: 14px; } + md-card > img, + md-card > md-card-header img, + md-card md-card-title-media img { + box-sizing: border-box; + display: -webkit-box; + display: -webkit-flex; + display: flex; + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + flex: 0 0 auto; + width: 100%; + height: auto; } + md-card md-card-title { + padding: 24px 16px 16px; + display: -webkit-box; + display: -webkit-flex; + display: flex; + -webkit-box-flex: 1; + -webkit-flex: 1 1 auto; + flex: 1 1 auto; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -webkit-flex-direction: row; + flex-direction: row; } + md-card md-card-title + md-card-content { + padding-top: 0; } + md-card md-card-title md-card-title-text { + -webkit-box-flex: 1; + -webkit-flex: 1; + flex: 1; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + flex-direction: column; + display: -webkit-box; + display: -webkit-flex; + display: flex; } + md-card md-card-title md-card-title-text .md-subhead { + padding-top: 0; + font-size: 14px; } + md-card md-card-title md-card-title-text:only-child .md-subhead { + padding-top: 12px; } + md-card md-card-title md-card-title-media { + margin-top: -8px; } + md-card md-card-title md-card-title-media .md-media-sm { + height: 80px; + width: 80px; } + md-card md-card-title md-card-title-media .md-media-md { + height: 112px; + width: 112px; } + md-card md-card-title md-card-title-media .md-media-lg { + height: 152px; + width: 152px; } + md-card md-card-content { + display: block; + padding: 16px; } + md-card md-card-content > p:first-child { + margin-top: 0; } + md-card md-card-content > p:last-child { + margin-bottom: 0; } + md-card md-card-content .md-media-xl { + height: 240px; + width: 240px; } + md-card .md-actions, md-card md-card-actions { + margin: 8px; } + md-card .md-actions.layout-column .md-button:not(.md-icon-button), md-card md-card-actions.layout-column .md-button:not(.md-icon-button) { + margin: 2px 0; } + md-card .md-actions.layout-column .md-button:not(.md-icon-button):first-of-type, md-card md-card-actions.layout-column .md-button:not(.md-icon-button):first-of-type { + margin-top: 0; } + md-card .md-actions.layout-column .md-button:not(.md-icon-button):last-of-type, md-card md-card-actions.layout-column .md-button:not(.md-icon-button):last-of-type { + margin-bottom: 0; } + md-card .md-actions.layout-column .md-button.md-icon-button, md-card md-card-actions.layout-column .md-button.md-icon-button { + margin-top: 6px; + margin-bottom: 6px; } + md-card .md-actions md-card-icon-actions, md-card md-card-actions md-card-icon-actions { + -webkit-box-flex: 1; + -webkit-flex: 1; + flex: 1; + -webkit-box-pack: start; + -webkit-justify-content: flex-start; + justify-content: flex-start; + display: -webkit-box; + display: -webkit-flex; + display: flex; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -webkit-flex-direction: row; + flex-direction: row; } + md-card .md-actions:not(.layout-column) .md-button:not(.md-icon-button), md-card md-card-actions:not(.layout-column) .md-button:not(.md-icon-button) { + margin: 0 4px; } + md-card .md-actions:not(.layout-column) .md-button:not(.md-icon-button):first-of-type, md-card md-card-actions:not(.layout-column) .md-button:not(.md-icon-button):first-of-type { + margin-left: 0; } + [dir=rtl] md-card .md-actions:not(.layout-column) .md-button:not(.md-icon-button):first-of-type, [dir=rtl] md-card md-card-actions:not(.layout-column) .md-button:not(.md-icon-button):first-of-type { + margin-left: auto; + margin-right: 0; } + md-card .md-actions:not(.layout-column) .md-button:not(.md-icon-button):last-of-type, md-card md-card-actions:not(.layout-column) .md-button:not(.md-icon-button):last-of-type { + margin-right: 0; } + [dir=rtl] md-card .md-actions:not(.layout-column) .md-button:not(.md-icon-button):last-of-type, [dir=rtl] md-card md-card-actions:not(.layout-column) .md-button:not(.md-icon-button):last-of-type { + margin-right: auto; + margin-left: 0; } + md-card .md-actions:not(.layout-column) .md-button.md-icon-button, md-card md-card-actions:not(.layout-column) .md-button.md-icon-button { + margin-left: 6px; + margin-right: 6px; } + md-card .md-actions:not(.layout-column) .md-button.md-icon-button:first-of-type, md-card md-card-actions:not(.layout-column) .md-button.md-icon-button:first-of-type { + margin-left: 12px; } + [dir=rtl] md-card .md-actions:not(.layout-column) .md-button.md-icon-button:first-of-type, [dir=rtl] md-card md-card-actions:not(.layout-column) .md-button.md-icon-button:first-of-type { + margin-left: auto; + margin-right: 12px; } + md-card .md-actions:not(.layout-column) .md-button.md-icon-button:last-of-type, md-card md-card-actions:not(.layout-column) .md-button.md-icon-button:last-of-type { + margin-right: 12px; } + [dir=rtl] md-card .md-actions:not(.layout-column) .md-button.md-icon-button:last-of-type, [dir=rtl] md-card md-card-actions:not(.layout-column) .md-button.md-icon-button:last-of-type { + margin-right: auto; + margin-left: 12px; } + md-card .md-actions:not(.layout-column) .md-button + md-card-icon-actions, md-card md-card-actions:not(.layout-column) .md-button + md-card-icon-actions { + -webkit-box-flex: 1; + -webkit-flex: 1; + flex: 1; + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + justify-content: flex-end; + display: -webkit-box; + display: -webkit-flex; + display: flex; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -webkit-flex-direction: row; + flex-direction: row; } + md-card md-card-footer { + margin-top: auto; + padding: 16px; } + +@media screen and (-ms-high-contrast: active) { + md-card { + border: 1px solid #fff; } } + +.md-image-no-fill > img { + width: auto; + height: auto; } diff --git a/vnfmarket/common/thirdparty/angular-material/modules/closure/card/card.js b/vnfmarket/common/thirdparty/angular-material/modules/closure/card/card.js new file mode 100644 index 00000000..f3a5e2fd --- /dev/null +++ b/vnfmarket/common/thirdparty/angular-material/modules/closure/card/card.js @@ -0,0 +1,142 @@ +/*! + * Angular Material Design + * https://github.com/angular/material + * @license MIT + * v1.1.3 + */ +goog.provide('ngmaterial.components.card'); +goog.require('ngmaterial.core'); +/** + * @ngdoc module + * @name material.components.card + * + * @description + * Card components. + */ +mdCardDirective['$inject'] = ["$mdTheming"]; +angular.module('material.components.card', [ + 'material.core' + ]) + .directive('mdCard', mdCardDirective); + + +/** + * @ngdoc directive + * @name mdCard + * @module material.components.card + * + * @restrict E + * + * @description + * The `<md-card>` directive is a container element used within `<md-content>` containers. + * + * An image included as a direct descendant will fill the card's width. If you want to avoid this, + * you can add the `md-image-no-fill` class to the parent element. The `<md-card-content>` + * container will wrap text content and provide padding. An `<md-card-footer>` element can be + * optionally included to put content flush against the bottom edge of the card. + * + * Action buttons can be included in an `<md-card-actions>` element, similar to `<md-dialog-actions>`. + * You can then position buttons using layout attributes. + * + * Card is built with: + * * `<md-card-header>` - Header for the card, holds avatar, text and squared image + * - `<md-card-avatar>` - Card avatar + * - `md-user-avatar` - Class for user image + * - `<md-icon>` + * - `<md-card-header-text>` - Contains elements for the card description + * - `md-title` - Class for the card title + * - `md-subhead` - Class for the card sub header + * * `<img>` - Image for the card + * * `<md-card-title>` - Card content title + * - `<md-card-title-text>` + * - `md-headline` - Class for the card content title + * - `md-subhead` - Class for the card content sub header + * - `<md-card-title-media>` - Squared image within the title + * - `md-media-sm` - Class for small image + * - `md-media-md` - Class for medium image + * - `md-media-lg` - Class for large image + * - `md-media-xl` - Class for extra large image + * * `<md-card-content>` - Card content + * * `<md-card-actions>` - Card actions + * - `<md-card-icon-actions>` - Icon actions + * + * Cards have constant width and variable heights; where the maximum height is limited to what can + * fit within a single view on a platform, but it can temporarily expand as needed. + * + * @usage + * ### Card with optional footer + * <hljs lang="html"> + * <md-card> + * <img src="card-image.png" class="md-card-image" alt="image caption"> + * <md-card-content> + * <h2>Card headline</h2> + * <p>Card content</p> + * </md-card-content> + * <md-card-footer> + * Card footer + * </md-card-footer> + * </md-card> + * </hljs> + * + * ### Card with actions + * <hljs lang="html"> + * <md-card> + * <img src="card-image.png" class="md-card-image" alt="image caption"> + * <md-card-content> + * <h2>Card headline</h2> + * <p>Card content</p> + * </md-card-content> + * <md-card-actions layout="row" layout-align="end center"> + * <md-button>Action 1</md-button> + * <md-button>Action 2</md-button> + * </md-card-actions> + * </md-card> + * </hljs> + * + * ### Card with header, image, title actions and content + * <hljs lang="html"> + * <md-card> + * <md-card-header> + * <md-card-avatar> + * <img class="md-user-avatar" src="avatar.png"/> + * </md-card-avatar> + * <md-card-header-text> + * <span class="md-title">Title</span> + * <span class="md-subhead">Sub header</span> + * </md-card-header-text> + * </md-card-header> + * <img ng-src="card-image.png" class="md-card-image" alt="image caption"> + * <md-card-title> + * <md-card-title-text> + * <span class="md-headline">Card headline</span> + * <span class="md-subhead">Card subheader</span> + * </md-card-title-text> + * </md-card-title> + * <md-card-actions layout="row" layout-align="start center"> + * <md-button>Action 1</md-button> + * <md-button>Action 2</md-button> + * <md-card-icon-actions> + * <md-button class="md-icon-button" aria-label="icon"> + * <md-icon md-svg-icon="icon"></md-icon> + * </md-button> + * </md-card-icon-actions> + * </md-card-actions> + * <md-card-content> + * <p> + * Card content + * </p> + * </md-card-content> + * </md-card> + * </hljs> + */ +function mdCardDirective($mdTheming) { + return { + restrict: 'E', + link: function ($scope, $element, attr) { + $element.addClass('_md'); // private md component indicator for styling + $mdTheming($element); + } + }; +} + +ngmaterial.components.card = angular.module("material.components.card");
\ No newline at end of file diff --git a/vnfmarket/common/thirdparty/angular-material/modules/closure/card/card.min.css b/vnfmarket/common/thirdparty/angular-material/modules/closure/card/card.min.css new file mode 100644 index 00000000..c936f19f --- /dev/null +++ b/vnfmarket/common/thirdparty/angular-material/modules/closure/card/card.min.css @@ -0,0 +1,6 @@ +/*! + * Angular Material Design + * https://github.com/angular/material + * @license MIT + * v1.1.2-master-a9ba340 + */md-card{box-sizing:border-box;-webkit-box-orient:vertical;-webkit-flex-direction:column;flex-direction:column;margin:8px;box-shadow:0 1px 3px 0 rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 2px 1px -1px rgba(0,0,0,.12)}md-card,md-card md-card-header{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-direction:normal}md-card md-card-header{padding:16px;-webkit-box-orient:horizontal;-webkit-flex-direction:row;flex-direction:row}md-card md-card-header:first-child md-card-avatar{margin-right:12px}[dir=rtl] md-card md-card-header:first-child md-card-avatar{margin-right:auto;margin-left:12px}md-card md-card-header:last-child md-card-avatar{margin-left:12px}[dir=rtl] md-card md-card-header:last-child md-card-avatar{margin-left:auto;margin-right:12px}md-card md-card-header md-card-avatar{width:40px;height:40px}md-card md-card-header md-card-avatar .md-user-avatar,md-card md-card-header md-card-avatar md-icon{border-radius:50%}md-card md-card-header md-card-avatar md-icon{padding:8px}md-card md-card-header md-card-avatar md-icon>svg{height:inherit;width:inherit}md-card md-card-header md-card-avatar+md-card-header-text{max-height:40px}md-card md-card-header md-card-avatar+md-card-header-text .md-title{font-size:14px}md-card md-card-header md-card-header-text{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-flex:1;-webkit-flex:1;flex:1;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column}md-card md-card-header md-card-header-text .md-subhead{font-size:14px}md-card>img,md-card>md-card-header img,md-card md-card-title-media img{box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-flex:0;-webkit-flex:0 0 auto;flex:0 0 auto;width:100%;height:auto}md-card md-card-title{padding:24px 16px 16px;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-flex:1;-webkit-flex:1 1 auto;flex:1 1 auto;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;flex-direction:row}md-card md-card-title+md-card-content{padding-top:0}md-card md-card-title md-card-title-text{-webkit-box-flex:1;-webkit-flex:1;flex:1;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;display:-webkit-box;display:-webkit-flex;display:flex}md-card md-card-title md-card-title-text .md-subhead{padding-top:0;font-size:14px}md-card md-card-title md-card-title-text:only-child .md-subhead{padding-top:12px}md-card md-card-title md-card-title-media{margin-top:-8px}md-card md-card-title md-card-title-media .md-media-sm{height:80px;width:80px}md-card md-card-title md-card-title-media .md-media-md{height:112px;width:112px}md-card md-card-title md-card-title-media .md-media-lg{height:152px;width:152px}md-card md-card-content{display:block;padding:16px}md-card md-card-content>p:first-child{margin-top:0}md-card md-card-content>p:last-child{margin-bottom:0}md-card md-card-content .md-media-xl{height:240px;width:240px}md-card .md-actions,md-card md-card-actions{margin:8px}md-card .md-actions.layout-column .md-button:not(.md-icon-button),md-card md-card-actions.layout-column .md-button:not(.md-icon-button){margin:2px 0}md-card .md-actions.layout-column .md-button:not(.md-icon-button):first-of-type,md-card md-card-actions.layout-column .md-button:not(.md-icon-button):first-of-type{margin-top:0}md-card .md-actions.layout-column .md-button:not(.md-icon-button):last-of-type,md-card md-card-actions.layout-column .md-button:not(.md-icon-button):last-of-type{margin-bottom:0}md-card .md-actions.layout-column .md-button.md-icon-button,md-card md-card-actions.layout-column .md-button.md-icon-button{margin-top:6px;margin-bottom:6px}md-card .md-actions md-card-icon-actions,md-card md-card-actions md-card-icon-actions{-webkit-box-flex:1;-webkit-flex:1;flex:1;-webkit-box-pack:start;-webkit-justify-content:flex-start;justify-content:flex-start;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;flex-direction:row}md-card .md-actions:not(.layout-column) .md-button:not(.md-icon-button),md-card md-card-actions:not(.layout-column) .md-button:not(.md-icon-button){margin:0 4px}md-card .md-actions:not(.layout-column) .md-button:not(.md-icon-button):first-of-type,md-card md-card-actions:not(.layout-column) .md-button:not(.md-icon-button):first-of-type{margin-left:0}[dir=rtl] md-card .md-actions:not(.layout-column) .md-button:not(.md-icon-button):first-of-type,[dir=rtl] md-card md-card-actions:not(.layout-column) .md-button:not(.md-icon-button):first-of-type{margin-left:auto;margin-right:0}md-card .md-actions:not(.layout-column) .md-button:not(.md-icon-button):last-of-type,md-card md-card-actions:not(.layout-column) .md-button:not(.md-icon-button):last-of-type{margin-right:0}[dir=rtl] md-card .md-actions:not(.layout-column) .md-button:not(.md-icon-button):last-of-type,[dir=rtl] md-card md-card-actions:not(.layout-column) .md-button:not(.md-icon-button):last-of-type{margin-right:auto;margin-left:0}md-card .md-actions:not(.layout-column) .md-button.md-icon-button,md-card md-card-actions:not(.layout-column) .md-button.md-icon-button{margin-left:6px;margin-right:6px}md-card .md-actions:not(.layout-column) .md-button.md-icon-button:first-of-type,md-card md-card-actions:not(.layout-column) .md-button.md-icon-button:first-of-type{margin-left:12px}[dir=rtl] md-card .md-actions:not(.layout-column) .md-button.md-icon-button:first-of-type,[dir=rtl] md-card md-card-actions:not(.layout-column) .md-button.md-icon-button:first-of-type{margin-left:auto;margin-right:12px}md-card .md-actions:not(.layout-column) .md-button.md-icon-button:last-of-type,md-card md-card-actions:not(.layout-column) .md-button.md-icon-button:last-of-type{margin-right:12px}[dir=rtl] md-card .md-actions:not(.layout-column) .md-button.md-icon-button:last-of-type,[dir=rtl] md-card md-card-actions:not(.layout-column) .md-button.md-icon-button:last-of-type{margin-right:auto;margin-left:12px}md-card .md-actions:not(.layout-column) .md-button+md-card-icon-actions,md-card md-card-actions:not(.layout-column) .md-button+md-card-icon-actions{-webkit-box-flex:1;-webkit-flex:1;flex:1;-webkit-box-pack:end;-webkit-justify-content:flex-end;justify-content:flex-end;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;flex-direction:row}md-card md-card-footer{margin-top:auto;padding:16px}@media screen and (-ms-high-contrast:active){md-card{border:1px solid #fff}}.md-image-no-fill>img{width:auto;height:auto}
\ No newline at end of file diff --git a/vnfmarket/common/thirdparty/angular-material/modules/closure/card/card.min.js b/vnfmarket/common/thirdparty/angular-material/modules/closure/card/card.min.js new file mode 100644 index 00000000..7266fb4e --- /dev/null +++ b/vnfmarket/common/thirdparty/angular-material/modules/closure/card/card.min.js @@ -0,0 +1,7 @@ +/*! + * Angular Material Design + * https://github.com/angular/material + * @license MIT + * v1.1.2-master-a9ba340 + */ +function mdCardDirective(e){return{restrict:"E",link:function(r,a,i){a.addClass("_md"),e(a)}}}goog.provide("ngmaterial.components.card"),goog.require("ngmaterial.core"),mdCardDirective.$inject=["$mdTheming"],angular.module("material.components.card",["material.core"]).directive("mdCard",mdCardDirective),ngmaterial.components.card=angular.module("material.components.card");
\ No newline at end of file |