diff options
author | talasila <talasila@research.att.com> | 2017-02-07 15:03:57 -0500 |
---|---|---|
committer | talasila <talasila@research.att.com> | 2017-02-07 15:05:15 -0500 |
commit | 4ad39a5c96dd99acf819ce189b13fec946d7506b (patch) | |
tree | a1449286441947cc3d07a45227fa0d6f978e1a7d /ecomp-portal-FE/client/bower_components/angular-material/modules/closure/progressLinear | |
parent | 5500448cbd1f374d0ac743ee2fd636fe2d3c0027 (diff) |
Initial OpenECOMP Portal commit
Change-Id: I804b80e0830c092e307da1599bd9fbb5c3e2da77
Signed-off-by: talasila <talasila@research.att.com>
Diffstat (limited to 'ecomp-portal-FE/client/bower_components/angular-material/modules/closure/progressLinear')
3 files changed, 440 insertions, 0 deletions
diff --git a/ecomp-portal-FE/client/bower_components/angular-material/modules/closure/progressLinear/progressLinear-default-theme.css b/ecomp-portal-FE/client/bower_components/angular-material/modules/closure/progressLinear/progressLinear-default-theme.css new file mode 100644 index 00000000..6680eb20 --- /dev/null +++ b/ecomp-portal-FE/client/bower_components/angular-material/modules/closure/progressLinear/progressLinear-default-theme.css @@ -0,0 +1,27 @@ +/*! + * Angular Material Design + * https://github.com/angular/material + * @license MIT + * v0.9.8 + */ +/* mixin definition ; sets LTR and RTL within the same style call */ +md-progress-linear.md-THEME_NAME-theme .md-container { + background-color: '{{primary-100}}'; } +md-progress-linear.md-THEME_NAME-theme .md-bar { + background-color: '{{primary-color}}'; } +md-progress-linear.md-THEME_NAME-theme.md-warn .md-container { + background-color: '{{warn-100}}'; } +md-progress-linear.md-THEME_NAME-theme.md-warn .md-bar { + background-color: '{{warn-color}}'; } +md-progress-linear.md-THEME_NAME-theme.md-accent .md-container { + background-color: '{{accent-100}}'; } +md-progress-linear.md-THEME_NAME-theme.md-accent .md-bar { + background-color: '{{accent-color}}'; } +md-progress-linear.md-THEME_NAME-theme[md-mode=buffer].md-warn .md-bar1 { + background-color: '{{warn-100}}'; } +md-progress-linear.md-THEME_NAME-theme[md-mode=buffer].md-warn .md-dashed:before { + background: radial-gradient('{{warn-100}}' 0%, '{{warn-100}}' 16%, transparent 42%); } +md-progress-linear.md-THEME_NAME-theme[md-mode=buffer].md-accent .md-bar1 { + background-color: '{{accent-100}}'; } +md-progress-linear.md-THEME_NAME-theme[md-mode=buffer].md-accent .md-dashed:before { + background: radial-gradient('{{accent-100}}' 0%, '{{accent-100}}' 16%, transparent 42%); } diff --git a/ecomp-portal-FE/client/bower_components/angular-material/modules/closure/progressLinear/progressLinear.css b/ecomp-portal-FE/client/bower_components/angular-material/modules/closure/progressLinear/progressLinear.css new file mode 100644 index 00000000..31da85d2 --- /dev/null +++ b/ecomp-portal-FE/client/bower_components/angular-material/modules/closure/progressLinear/progressLinear.css @@ -0,0 +1,287 @@ +/*! + * Angular Material Design + * https://github.com/angular/material + * @license MIT + * v0.9.8 + */ +/* mixin definition ; sets LTR and RTL within the same style call */ +md-progress-linear:not([md-mode="indeterminate"]) { + display: block; + width: 100%; + height: 5px; } + md-progress-linear:not([md-mode="indeterminate"]) .md-container { + overflow: hidden; + position: relative; + height: 5px; + top: 5px; + -webkit-transform: translate(0, 5px) scale(1, 0); + transform: translate(0, 5px) scale(1, 0); + transition: all .3s linear; } + md-progress-linear:not([md-mode="indeterminate"]) .md-container.md-ready { + -webkit-transform: translate(0, 0) scale(1, 1); + transform: translate(0, 0) scale(1, 1); } + md-progress-linear:not([md-mode="indeterminate"]) .md-bar { + height: 5px; + position: absolute; + width: 100%; } + md-progress-linear:not([md-mode="indeterminate"]) .md-bar1, md-progress-linear:not([md-mode="indeterminate"]) .md-bar2 { + transition: all 0.2s linear; } + md-progress-linear:not([md-mode="indeterminate"])[md-mode=determinate] .md-bar1 { + display: none; } + md-progress-linear:not([md-mode="indeterminate"])[md-mode=buffer] .md-container { + background-color: transparent !important; } + md-progress-linear:not([md-mode="indeterminate"])[md-mode=buffer] .md-dashed:before { + content: ""; + display: block; + height: 5px; + width: 100%; + margin-top: 0; + position: absolute; + background-color: transparent; + background-size: 10px 10px !important; + background-position: 0px -23px; + -webkit-animation: buffer 3s infinite linear; + animation: buffer 3s infinite linear; } + md-progress-linear:not([md-mode="indeterminate"])[md-mode=query] .md-bar2 { + -webkit-animation: query .8s infinite cubic-bezier(0.39, 0.575, 0.565, 1); + animation: query .8s infinite cubic-bezier(0.39, 0.575, 0.565, 1); } + +md-progress-linear[md-mode="indeterminate"] { + display: block; + width: 100%; + height: 5px; + position: relative; } + md-progress-linear[md-mode="indeterminate"] .md-container { + width: 100%; + overflow: hidden; + position: relative; + height: 5px; + top: 5px; + transition: all .3s linear; } + md-progress-linear[md-mode="indeterminate"] .md-container .md-bar { + height: 5px; + left: 0; + width: 80%; + position: absolute; + top: 0; + bottom: 0; } + md-progress-linear[md-mode="indeterminate"] .md-container .md-bar1 { + -webkit-animation: md-progress-linear-indeterminate-scale-1 4s infinite, md-progress-linear-indeterminate-1 4s infinite; + animation: md-progress-linear-indeterminate-scale-1 4s infinite, md-progress-linear-indeterminate-1 4s infinite; } + md-progress-linear[md-mode="indeterminate"] .md-container .md-bar2 { + -webkit-animation: md-progress-linear-indeterminate-scale-2 4s infinite, md-progress-linear-indeterminate-2 4s infinite; + animation: md-progress-linear-indeterminate-scale-2 4s infinite, md-progress-linear-indeterminate-2 4s infinite; } + +@-webkit-keyframes query { + 0% { + opacity: 1; + -webkit-transform: translateX(35%) scale(.3, 1); + transform: translateX(35%) scale(.3, 1); } + + 100% { + opacity: 0; + -webkit-transform: translateX(-50%) scale(0, 1); + transform: translateX(-50%) scale(0, 1); } } + +@keyframes query { + 0% { + opacity: 1; + -webkit-transform: translateX(35%) scale(.3, 1); + transform: translateX(35%) scale(.3, 1); } + + 100% { + opacity: 0; + -webkit-transform: translateX(-50%) scale(0, 1); + transform: translateX(-50%) scale(0, 1); } } + +@-webkit-keyframes buffer { + 0% { + opacity: 1; + background-position: 0px -23px; } + + 50% { + opacity: 0; } + + 100% { + opacity: 1; + background-position: -200px -23px; } } + +@keyframes buffer { + 0% { + opacity: 1; + background-position: 0px -23px; } + + 50% { + opacity: 0; } + + 100% { + opacity: 1; + background-position: -200px -23px; } } + +@-webkit-keyframes md-progress-linear-indeterminate-scale-1 { + 0% { + -webkit-transform: scaleX(0.1); + transform: scaleX(0.1); + -webkit-animation-timing-function: linear; + animation-timing-function: linear; } + + 36.6% { + -webkit-transform: scaleX(0.1); + transform: scaleX(0.1); + -webkit-animation-timing-function: cubic-bezier(0.33473, 0.12482, 0.78584, 1); + animation-timing-function: cubic-bezier(0.33473, 0.12482, 0.78584, 1); } + + 69.15% { + -webkit-transform: scaleX(0.83); + transform: scaleX(0.83); + -webkit-animation-timing-function: cubic-bezier(0.22573, 0, 0.23365, 1.37098); + animation-timing-function: cubic-bezier(0.22573, 0, 0.23365, 1.37098); } + + 100% { + -webkit-transform: scaleX(0.1); + transform: scaleX(0.1); } } + +@keyframes md-progress-linear-indeterminate-scale-1 { + 0% { + -webkit-transform: scaleX(0.1); + transform: scaleX(0.1); + -webkit-animation-timing-function: linear; + animation-timing-function: linear; } + + 36.6% { + -webkit-transform: scaleX(0.1); + transform: scaleX(0.1); + -webkit-animation-timing-function: cubic-bezier(0.33473, 0.12482, 0.78584, 1); + animation-timing-function: cubic-bezier(0.33473, 0.12482, 0.78584, 1); } + + 69.15% { + -webkit-transform: scaleX(0.83); + transform: scaleX(0.83); + -webkit-animation-timing-function: cubic-bezier(0.22573, 0, 0.23365, 1.37098); + animation-timing-function: cubic-bezier(0.22573, 0, 0.23365, 1.37098); } + + 100% { + -webkit-transform: scaleX(0.1); + transform: scaleX(0.1); } } + +@-webkit-keyframes md-progress-linear-indeterminate-1 { + 0% { + left: -105.16667%; + -webkit-animation-timing-function: linear; + animation-timing-function: linear; } + + 20% { + left: -105.16667%; + -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582); + animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582); } + + 69.15% { + left: 21.5%; + -webkit-animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635); + animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635); } + + 100% { + left: 95.44444%; } } + +@keyframes md-progress-linear-indeterminate-1 { + 0% { + left: -105.16667%; + -webkit-animation-timing-function: linear; + animation-timing-function: linear; } + + 20% { + left: -105.16667%; + -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582); + animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582); } + + 69.15% { + left: 21.5%; + -webkit-animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635); + animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635); } + + 100% { + left: 95.44444%; } } + +@-webkit-keyframes md-progress-linear-indeterminate-scale-2 { + 0% { + -webkit-transform: scaleX(0.1); + transform: scaleX(0.1); + -webkit-animation-timing-function: cubic-bezier(0.20503, 0.05705, 0.57661, 0.45397); + animation-timing-function: cubic-bezier(0.20503, 0.05705, 0.57661, 0.45397); } + + 19.15% { + -webkit-transform: scaleX(0.57); + transform: scaleX(0.57); + -webkit-animation-timing-function: cubic-bezier(0.15231, 0.19643, 0.64837, 1.00432); + animation-timing-function: cubic-bezier(0.15231, 0.19643, 0.64837, 1.00432); } + + 44.15% { + -webkit-transform: scaleX(0.91); + transform: scaleX(0.91); + -webkit-animation-timing-function: cubic-bezier(0.25776, -0.00316, 0.21176, 1.38179); + animation-timing-function: cubic-bezier(0.25776, -0.00316, 0.21176, 1.38179); } + + 100% { + -webkit-transform: scaleX(0.1); + transform: scaleX(0.1); } } + +@keyframes md-progress-linear-indeterminate-scale-2 { + 0% { + -webkit-transform: scaleX(0.1); + transform: scaleX(0.1); + -webkit-animation-timing-function: cubic-bezier(0.20503, 0.05705, 0.57661, 0.45397); + animation-timing-function: cubic-bezier(0.20503, 0.05705, 0.57661, 0.45397); } + + 19.15% { + -webkit-transform: scaleX(0.57); + transform: scaleX(0.57); + -webkit-animation-timing-function: cubic-bezier(0.15231, 0.19643, 0.64837, 1.00432); + animation-timing-function: cubic-bezier(0.15231, 0.19643, 0.64837, 1.00432); } + + 44.15% { + -webkit-transform: scaleX(0.91); + transform: scaleX(0.91); + -webkit-animation-timing-function: cubic-bezier(0.25776, -0.00316, 0.21176, 1.38179); + animation-timing-function: cubic-bezier(0.25776, -0.00316, 0.21176, 1.38179); } + + 100% { + -webkit-transform: scaleX(0.1); + transform: scaleX(0.1); } } + +@-webkit-keyframes md-progress-linear-indeterminate-2 { + 0% { + left: -54.88889%; + -webkit-animation-timing-function: cubic-bezier(0.15, 0, 0.51506, 0.40968); + animation-timing-function: cubic-bezier(0.15, 0, 0.51506, 0.40968); } + + 25% { + left: -17.25%; + -webkit-animation-timing-function: cubic-bezier(0.31033, 0.28406, 0.8, 0.73372); + animation-timing-function: cubic-bezier(0.31033, 0.28406, 0.8, 0.73372); } + + 48.35% { + left: 29.5%; + -webkit-animation-timing-function: cubic-bezier(0.4, 0.62703, 0.6, 0.90203); + animation-timing-function: cubic-bezier(0.4, 0.62703, 0.6, 0.90203); } + + 100% { + left: 117.38889%; } } + +@keyframes md-progress-linear-indeterminate-2 { + 0% { + left: -54.88889%; + -webkit-animation-timing-function: cubic-bezier(0.15, 0, 0.51506, 0.40968); + animation-timing-function: cubic-bezier(0.15, 0, 0.51506, 0.40968); } + + 25% { + left: -17.25%; + -webkit-animation-timing-function: cubic-bezier(0.31033, 0.28406, 0.8, 0.73372); + animation-timing-function: cubic-bezier(0.31033, 0.28406, 0.8, 0.73372); } + + 48.35% { + left: 29.5%; + -webkit-animation-timing-function: cubic-bezier(0.4, 0.62703, 0.6, 0.90203); + animation-timing-function: cubic-bezier(0.4, 0.62703, 0.6, 0.90203); } + + 100% { + left: 117.38889%; } } diff --git a/ecomp-portal-FE/client/bower_components/angular-material/modules/closure/progressLinear/progressLinear.js b/ecomp-portal-FE/client/bower_components/angular-material/modules/closure/progressLinear/progressLinear.js new file mode 100644 index 00000000..2e7b4f0a --- /dev/null +++ b/ecomp-portal-FE/client/bower_components/angular-material/modules/closure/progressLinear/progressLinear.js @@ -0,0 +1,126 @@ +/*! + * Angular Material Design + * https://github.com/angular/material + * @license MIT + * v0.9.8 + */ +goog.provide('ng.material.components.progressLinear'); +goog.require('ng.material.core'); +/** + * @ngdoc module + * @name material.components.progressLinear + * @description Linear Progress module! + */ +angular.module('material.components.progressLinear', [ + 'material.core' +]) + .directive('mdProgressLinear', MdProgressLinearDirective); + +/** + * @ngdoc directive + * @name mdProgressLinear + * @module material.components.progressLinear + * @restrict E + * + * @description + * The linear progress directive is used to make loading content in your app as delightful and painless as possible by minimizing the amount of visual change a user sees before they can view and interact with content. Each operation should only be represented by one activity indicator—for example, one refresh operation should not display both a refresh bar and an activity circle. + * + * For operations where the percentage of the operation completed can be determined, use a determinate indicator. They give users a quick sense of how long an operation will take. + * + * For operations where the user is asked to wait a moment while something finishes up, and it’s not necessary to expose what's happening behind the scenes and how long it will take, use an indeterminate indicator. + * + * @param {string} md-mode Select from one of four modes: determinate, indeterminate, buffer or query. + * @param {number=} value In determinate and buffer modes, this number represents the percentage of the primary progress bar. Default: 0 + * @param {number=} md-buffer-value In the buffer mode, this number represents the precentage of the secondary progress bar. Default: 0 + * + * @usage + * <hljs lang="html"> + * <md-progress-linear md-mode="determinate" value="..."></md-progress-linear> + * + * <md-progress-linear md-mode="determinate" ng-value="..."></md-progress-linear> + * + * <md-progress-linear md-mode="indeterminate"></md-progress-linear> + * + * <md-progress-linear md-mode="buffer" value="..." md-buffer-value="..."></md-progress-linear> + * + * <md-progress-linear md-mode="query"></md-progress-linear> + * </hljs> + */ +function MdProgressLinearDirective($$rAF, $mdConstant, $mdTheming) { + + return { + restrict: 'E', + template: '<div class="md-container">' + + '<div class="md-dashed"></div>' + + '<div class="md-bar md-bar1"></div>' + + '<div class="md-bar md-bar2"></div>' + + '</div>', + compile: compile + }; + + function compile(tElement, tAttrs, transclude) { + tElement.attr('aria-valuemin', 0); + tElement.attr('aria-valuemax', 100); + tElement.attr('role', 'progressbar'); + + return postLink; + } + function postLink(scope, element, attr) { + $mdTheming(element); + var bar1Style = element[0].querySelector('.md-bar1').style, + bar2Style = element[0].querySelector('.md-bar2').style, + container = angular.element(element[0].querySelector('.md-container')); + + attr.$observe('value', function(value) { + if (attr.mdMode == 'query') { + return; + } + + var clamped = clamp(value); + element.attr('aria-valuenow', clamped); + bar2Style[$mdConstant.CSS.TRANSFORM] = transforms[clamped]; + }); + + attr.$observe('mdBufferValue', function(value) { + bar1Style[$mdConstant.CSS.TRANSFORM] = transforms[clamp(value)]; + }); + + $$rAF(function() { + container.addClass('md-ready'); + }); + } + + function clamp(value) { + if (value > 100) { + return 100; + } + + if (value < 0) { + return 0; + } + + return Math.ceil(value || 0); + } +} +MdProgressLinearDirective.$inject = ["$$rAF", "$mdConstant", "$mdTheming"]; + + +// ********************************************************** +// Private Methods +// ********************************************************** +var transforms = (function() { + var values = new Array(101); + for(var i = 0; i < 101; i++){ + values[i] = makeTransform(i); + } + + return values; + + function makeTransform(value){ + var scale = value/100; + var translateX = (value-100)/2; + return 'translateX(' + translateX.toString() + '%) scale(' + scale.toString() + ', 1)'; + } +})(); + +ng.material.components.progressLinear = angular.module("material.components.progressLinear");
\ No newline at end of file |