diff options
Diffstat (limited to 'vnfmarket/common/thirdparty/angular-material/modules/js/subheader')
7 files changed, 231 insertions, 0 deletions
diff --git a/vnfmarket/common/thirdparty/angular-material/modules/js/subheader/bower.json b/vnfmarket/common/thirdparty/angular-material/modules/js/subheader/bower.json new file mode 100644 index 00000000..5561eb08 --- /dev/null +++ b/vnfmarket/common/thirdparty/angular-material/modules/js/subheader/bower.json @@ -0,0 +1,8 @@ +{ + "name": "angular-material-subheader", + "version": "1.1.2-master-a9ba340", + "dependencies": { + "angular-material-core": "1.1.2-master-a9ba340", + "angular-material-sticky": "1.1.2-master-a9ba340" + } +}
\ No newline at end of file diff --git a/vnfmarket/common/thirdparty/angular-material/modules/js/subheader/subheader-default-theme.css b/vnfmarket/common/thirdparty/angular-material/modules/js/subheader/subheader-default-theme.css new file mode 100644 index 00000000..fae30e7e --- /dev/null +++ b/vnfmarket/common/thirdparty/angular-material/modules/js/subheader/subheader-default-theme.css @@ -0,0 +1,15 @@ +/*! + * Angular Material Design + * https://github.com/angular/material + * @license MIT + * v1.1.3 + */ +.md-subheader.md-THEME_NAME-theme { + color: '{{ foreground-2-0.23 }}'; + background-color: '{{background-default}}'; } + .md-subheader.md-THEME_NAME-theme.md-primary { + color: '{{primary-color}}'; } + .md-subheader.md-THEME_NAME-theme.md-accent { + color: '{{accent-color}}'; } + .md-subheader.md-THEME_NAME-theme.md-warn { + color: '{{warn-color}}'; } diff --git a/vnfmarket/common/thirdparty/angular-material/modules/js/subheader/subheader-default-theme.min.css b/vnfmarket/common/thirdparty/angular-material/modules/js/subheader/subheader-default-theme.min.css new file mode 100644 index 00000000..c04976cf --- /dev/null +++ b/vnfmarket/common/thirdparty/angular-material/modules/js/subheader/subheader-default-theme.min.css @@ -0,0 +1,6 @@ +/*! + * Angular Material Design + * https://github.com/angular/material + * @license MIT + * v1.1.2-master-a9ba340 + */.md-subheader.md-THEME_NAME-theme{color:"{{ foreground-2-0.23 }}";background-color:"{{background-default}}"}.md-subheader.md-THEME_NAME-theme.md-primary{color:"{{primary-color}}"}.md-subheader.md-THEME_NAME-theme.md-accent{color:"{{accent-color}}"}.md-subheader.md-THEME_NAME-theme.md-warn{color:"{{warn-color}}"}
\ No newline at end of file diff --git a/vnfmarket/common/thirdparty/angular-material/modules/js/subheader/subheader.css b/vnfmarket/common/thirdparty/angular-material/modules/js/subheader/subheader.css new file mode 100644 index 00000000..b1020b5f --- /dev/null +++ b/vnfmarket/common/thirdparty/angular-material/modules/js/subheader/subheader.css @@ -0,0 +1,57 @@ +/*! + * Angular Material Design + * https://github.com/angular/material + * @license MIT + * v1.1.3 + */ +@-webkit-keyframes subheaderStickyHoverIn { + 0% { + box-shadow: 0 0 0 0 transparent; } + 100% { + box-shadow: 0px 2px 4px 0 rgba(0, 0, 0, 0.16); } } + +@keyframes subheaderStickyHoverIn { + 0% { + box-shadow: 0 0 0 0 transparent; } + 100% { + box-shadow: 0px 2px 4px 0 rgba(0, 0, 0, 0.16); } } + +@-webkit-keyframes subheaderStickyHoverOut { + 0% { + box-shadow: 0px 2px 4px 0 rgba(0, 0, 0, 0.16); } + 100% { + box-shadow: 0 0 0 0 transparent; } } + +@keyframes subheaderStickyHoverOut { + 0% { + box-shadow: 0px 2px 4px 0 rgba(0, 0, 0, 0.16); } + 100% { + box-shadow: 0 0 0 0 transparent; } } + +.md-subheader-wrapper:not(.md-sticky-no-effect) { + -webkit-transition: 0.2s ease-out margin; + transition: 0.2s ease-out margin; } + .md-subheader-wrapper:not(.md-sticky-no-effect) .md-subheader { + margin: 0; } + .md-subheader-wrapper:not(.md-sticky-no-effect).md-sticky-clone { + z-index: 2; } + .md-subheader-wrapper:not(.md-sticky-no-effect)[sticky-state="active"] { + margin-top: -2px; } + .md-subheader-wrapper:not(.md-sticky-no-effect):not(.md-sticky-clone)[sticky-prev-state="active"] .md-subheader-inner:after { + -webkit-animation: subheaderStickyHoverOut 0.3s ease-out both; + animation: subheaderStickyHoverOut 0.3s ease-out both; } + +.md-subheader { + display: block; + font-size: 14px; + font-weight: 500; + line-height: 1em; + margin: 0 0 0 0; + position: relative; } + .md-subheader .md-subheader-inner { + display: block; + padding: 16px; } + .md-subheader .md-subheader-content { + display: block; + z-index: 1; + position: relative; } diff --git a/vnfmarket/common/thirdparty/angular-material/modules/js/subheader/subheader.js b/vnfmarket/common/thirdparty/angular-material/modules/js/subheader/subheader.js new file mode 100644 index 00000000..d8ea608b --- /dev/null +++ b/vnfmarket/common/thirdparty/angular-material/modules/js/subheader/subheader.js @@ -0,0 +1,132 @@ +/*! + * Angular Material Design + * https://github.com/angular/material + * @license MIT + * v1.1.3 + */ +(function( window, angular, undefined ){ +"use strict"; + +/** + * @ngdoc module + * @name material.components.subheader + * @description + * SubHeader module + * + * Subheaders are special list tiles that delineate distinct sections of a + * list or grid list and are typically related to the current filtering or + * sorting criteria. Subheader tiles are either displayed inline with tiles or + * can be associated with content, for example, in an adjacent column. + * + * Upon scrolling, subheaders remain pinned to the top of the screen and remain + * pinned until pushed on or off screen by the next subheader. @see [Material + * Design Specifications](https://www.google.com/design/spec/components/subheaders.html) + * + * > To improve the visual grouping of content, use the system color for your subheaders. + * + */ +MdSubheaderDirective['$inject'] = ["$mdSticky", "$compile", "$mdTheming", "$mdUtil", "$mdAria"]; +angular + .module('material.components.subheader', [ + 'material.core', + 'material.components.sticky' + ]) + .directive('mdSubheader', MdSubheaderDirective); + +/** + * @ngdoc directive + * @name mdSubheader + * @module material.components.subheader + * + * @restrict E + * + * @description + * The `md-subheader` directive creates a sticky subheader for a section. + * + * Developers are able to disable the stickiness of the subheader by using the following markup + * + * <hljs lang="html"> + * <md-subheader class="md-no-sticky">Not Sticky</md-subheader> + * </hljs> + * + * ### Notes + * - The `md-subheader` directive uses the <a ng-href="api/service/$mdSticky">$mdSticky</a> service + * to make the subheader sticky. + * + * > Whenever the current browser doesn't support stickiness natively, the subheader + * will be compiled twice to create a sticky clone of the subheader. + * + * @usage + * <hljs lang="html"> + * <md-subheader>Online Friends</md-subheader> + * </hljs> + */ + +function MdSubheaderDirective($mdSticky, $compile, $mdTheming, $mdUtil, $mdAria) { + return { + restrict: 'E', + replace: true, + transclude: true, + template: ( + '<div class="md-subheader _md">' + + ' <div class="md-subheader-inner">' + + ' <div class="md-subheader-content"></div>' + + ' </div>' + + '</div>' + ), + link: function postLink(scope, element, attr, controllers, transclude) { + $mdTheming(element); + element.addClass('_md'); + + // Remove the ngRepeat attribute from the root element, because we don't want to compile + // the ngRepeat for the sticky clone again. + $mdUtil.prefixer().removeAttribute(element, 'ng-repeat'); + + var outerHTML = element[0].outerHTML; + + function getContent(el) { + return angular.element(el[0].querySelector('.md-subheader-content')); + } + + // Set the ARIA attributes on the original element since it keeps it's original place in + // the DOM, whereas the clones are in reverse order. Should be done after the outerHTML, + // in order to avoid having multiple element be marked as headers. + attr.$set('role', 'heading'); + $mdAria.expect(element, 'aria-level', '2'); + + // Transclude the user-given contents of the subheader + // the conventional way. + transclude(scope, function(clone) { + getContent(element).append(clone); + }); + + // Create another clone, that uses the outer and inner contents + // of the element, that will be 'stickied' as the user scrolls. + if (!element.hasClass('md-no-sticky')) { + transclude(scope, function(clone) { + // If the user adds an ng-if or ng-repeat directly to the md-subheader element, the + // compiled clone below will only be a comment tag (since they replace their elements with + // a comment) which cannot be properly passed to the $mdSticky; so we wrap it in our own + // DIV to ensure we have something $mdSticky can use + var wrapper = $compile('<div class="md-subheader-wrapper" aria-hidden="true">' + outerHTML + '</div>')(scope); + + // Delay initialization until after any `ng-if`/`ng-repeat`/etc has finished before + // attempting to create the clone + $mdUtil.nextTick(function() { + // Append our transcluded clone into the wrapper. + // We don't have to recompile the element again, because the clone is already + // compiled in it's transclusion scope. If we recompile the outerHTML of the new clone, we would lose + // our ngIf's and other previous registered bindings / properties. + getContent(wrapper).append(clone); + }); + + // Make the element sticky and provide the stickyClone our self, to avoid recompilation of the subheader + // element. + $mdSticky(scope, element, wrapper); + }); + } + } + }; +} + +})(window, window.angular);
\ No newline at end of file diff --git a/vnfmarket/common/thirdparty/angular-material/modules/js/subheader/subheader.min.css b/vnfmarket/common/thirdparty/angular-material/modules/js/subheader/subheader.min.css new file mode 100644 index 00000000..9ae1aa37 --- /dev/null +++ b/vnfmarket/common/thirdparty/angular-material/modules/js/subheader/subheader.min.css @@ -0,0 +1,6 @@ +/*! + * Angular Material Design + * https://github.com/angular/material + * @license MIT + * v1.1.2-master-a9ba340 + */@-webkit-keyframes subheaderStickyHoverIn{0%{box-shadow:0 0 0 0 transparent}to{box-shadow:0 2px 4px 0 rgba(0,0,0,.16)}}@keyframes subheaderStickyHoverIn{0%{box-shadow:0 0 0 0 transparent}to{box-shadow:0 2px 4px 0 rgba(0,0,0,.16)}}@-webkit-keyframes subheaderStickyHoverOut{0%{box-shadow:0 2px 4px 0 rgba(0,0,0,.16)}to{box-shadow:0 0 0 0 transparent}}@keyframes subheaderStickyHoverOut{0%{box-shadow:0 2px 4px 0 rgba(0,0,0,.16)}to{box-shadow:0 0 0 0 transparent}}.md-subheader-wrapper:not(.md-sticky-no-effect){-webkit-transition:margin .2s ease-out;transition:margin .2s ease-out}.md-subheader-wrapper:not(.md-sticky-no-effect) .md-subheader{margin:0}.md-subheader-wrapper:not(.md-sticky-no-effect).md-sticky-clone{z-index:2}.md-subheader-wrapper:not(.md-sticky-no-effect)[sticky-state=active]{margin-top:-2px}.md-subheader-wrapper:not(.md-sticky-no-effect):not(.md-sticky-clone)[sticky-prev-state=active] .md-subheader-inner:after{-webkit-animation:subheaderStickyHoverOut .3s ease-out both;animation:subheaderStickyHoverOut .3s ease-out both}.md-subheader{display:block;font-size:14px;font-weight:500;line-height:1em;margin:0;position:relative}.md-subheader .md-subheader-inner{display:block;padding:16px}.md-subheader .md-subheader-content{display:block;z-index:1;position:relative}
\ No newline at end of file diff --git a/vnfmarket/common/thirdparty/angular-material/modules/js/subheader/subheader.min.js b/vnfmarket/common/thirdparty/angular-material/modules/js/subheader/subheader.min.js new file mode 100644 index 00000000..86b071fb --- /dev/null +++ b/vnfmarket/common/thirdparty/angular-material/modules/js/subheader/subheader.min.js @@ -0,0 +1,7 @@ +/*! + * Angular Material Design + * https://github.com/angular/material + * @license MIT + * v1.1.2-master-a9ba340 + */ +!function(e,t,i){"use strict";function n(e,i,n,d,r){return{restrict:"E",replace:!0,transclude:!0,template:'<div class="md-subheader _md"> <div class="md-subheader-inner"> <div class="md-subheader-content"></div> </div></div>',link:function(a,c,s,m,u){function o(e){return t.element(e[0].querySelector(".md-subheader-content"))}n(c),c.addClass("_md"),d.prefixer().removeAttribute(c,"ng-repeat");var l=c[0].outerHTML;s.$set("role","heading"),r.expect(c,"aria-level","2"),u(a,function(e){o(c).append(e)}),c.hasClass("md-no-sticky")||u(a,function(t){var n=i('<div class="md-subheader-wrapper" aria-hidden="true">'+l+"</div>")(a);d.nextTick(function(){o(n).append(t)}),e(a,c,n)})}}}n.$inject=["$mdSticky","$compile","$mdTheming","$mdUtil","$mdAria"],t.module("material.components.subheader",["material.core","material.components.sticky"]).directive("mdSubheader",n)}(window,window.angular);
\ No newline at end of file |