From 663394f188c4460ad889b70a82557db0f9754032 Mon Sep 17 00:00:00 2001 From: seshukm Date: Mon, 6 Mar 2017 10:23:16 +0530 Subject: thirdparty files updated for the vnf market place IssueId : CLIENT-4 Change-Id: Id58c2d11985bda35dc482b122dc404aea2e477da Signed-off-by: seshukm --- .../closure/select/select-default-theme.css | 121 ++ .../closure/select/select-default-theme.min.css | 6 + .../modules/closure/select/select.css | 356 ++++ .../modules/closure/select/select.js | 1694 ++++++++++++++++++++ .../modules/closure/select/select.min.css | 6 + .../modules/closure/select/select.min.js | 7 + 6 files changed, 2190 insertions(+) create mode 100644 vnfmarket/common/thirdparty/angular-material/modules/closure/select/select-default-theme.css create mode 100644 vnfmarket/common/thirdparty/angular-material/modules/closure/select/select-default-theme.min.css create mode 100644 vnfmarket/common/thirdparty/angular-material/modules/closure/select/select.css create mode 100644 vnfmarket/common/thirdparty/angular-material/modules/closure/select/select.js create mode 100644 vnfmarket/common/thirdparty/angular-material/modules/closure/select/select.min.css create mode 100644 vnfmarket/common/thirdparty/angular-material/modules/closure/select/select.min.js (limited to 'vnfmarket/common/thirdparty/angular-material/modules/closure/select') diff --git a/vnfmarket/common/thirdparty/angular-material/modules/closure/select/select-default-theme.css b/vnfmarket/common/thirdparty/angular-material/modules/closure/select/select-default-theme.css new file mode 100644 index 00000000..780ef770 --- /dev/null +++ b/vnfmarket/common/thirdparty/angular-material/modules/closure/select/select-default-theme.css @@ -0,0 +1,121 @@ +/*! + * Angular Material Design + * https://github.com/angular/material + * @license MIT + * v1.1.3 + */ +md-input-container md-select.md-THEME_NAME-theme .md-select-value span:first-child:after { + color: '{{warn-A700}}'; } + +md-input-container:not(.md-input-focused):not(.md-input-invalid) md-select.md-THEME_NAME-theme .md-select-value span:first-child:after { + color: '{{foreground-3}}'; } + +md-input-container.md-input-focused:not(.md-input-has-value) md-select.md-THEME_NAME-theme .md-select-value { + color: '{{primary-color}}'; } + md-input-container.md-input-focused:not(.md-input-has-value) md-select.md-THEME_NAME-theme .md-select-value.md-select-placeholder { + color: '{{primary-color}}'; } + +md-input-container.md-input-invalid md-select.md-THEME_NAME-theme .md-select-value { + color: '{{warn-A700}}' !important; + border-bottom-color: '{{warn-A700}}' !important; } + +md-input-container.md-input-invalid md-select.md-THEME_NAME-theme.md-no-underline .md-select-value { + border-bottom-color: transparent !important; } + +md-select.md-THEME_NAME-theme[disabled] .md-select-value { + border-bottom-color: transparent; + background-image: -webkit-linear-gradient(left, "{{foreground-3}}" 0%, "{{foreground-3}}" 33%, transparent 0%); + background-image: linear-gradient(to right, "{{foreground-3}}" 0%, "{{foreground-3}}" 33%, transparent 0%); + background-image: -ms-linear-gradient(left, transparent 0%, "{{foreground-3}}" 100%); } + +md-select.md-THEME_NAME-theme .md-select-value { + border-bottom-color: '{{foreground-4}}'; } + md-select.md-THEME_NAME-theme .md-select-value.md-select-placeholder { + color: '{{foreground-3}}'; } + md-select.md-THEME_NAME-theme .md-select-value span:first-child:after { + color: '{{warn-A700}}'; } + +md-select.md-THEME_NAME-theme.md-no-underline .md-select-value { + border-bottom-color: transparent !important; } + +md-select.md-THEME_NAME-theme.ng-invalid.ng-touched .md-select-value { + color: '{{warn-A700}}' !important; + border-bottom-color: '{{warn-A700}}' !important; } + +md-select.md-THEME_NAME-theme.ng-invalid.ng-touched.md-no-underline .md-select-value { + border-bottom-color: transparent !important; } + +md-select.md-THEME_NAME-theme:not([disabled]):focus .md-select-value { + border-bottom-color: '{{primary-color}}'; + color: '{{ foreground-1 }}'; } + md-select.md-THEME_NAME-theme:not([disabled]):focus .md-select-value.md-select-placeholder { + color: '{{ foreground-1 }}'; } + +md-select.md-THEME_NAME-theme:not([disabled]):focus.md-no-underline .md-select-value { + border-bottom-color: transparent !important; } + +md-select.md-THEME_NAME-theme:not([disabled]):focus.md-accent .md-select-value { + border-bottom-color: '{{accent-color}}'; } + +md-select.md-THEME_NAME-theme:not([disabled]):focus.md-warn .md-select-value { + border-bottom-color: '{{warn-color}}'; } + +md-select.md-THEME_NAME-theme[disabled] .md-select-value { + color: '{{foreground-3}}'; } + md-select.md-THEME_NAME-theme[disabled] .md-select-value.md-select-placeholder { + color: '{{foreground-3}}'; } + +md-select.md-THEME_NAME-theme[disabled] .md-select-icon { + color: '{{foreground-3}}'; } + +md-select.md-THEME_NAME-theme .md-select-icon { + color: '{{foreground-2}}'; } + +md-select-menu.md-THEME_NAME-theme md-content { + background: '{{background-A100}}'; } + md-select-menu.md-THEME_NAME-theme md-content md-optgroup { + color: '{{background-600-0.87}}'; } + md-select-menu.md-THEME_NAME-theme md-content md-option { + color: '{{background-900-0.87}}'; } + md-select-menu.md-THEME_NAME-theme md-content md-option[disabled] .md-text { + color: '{{background-400-0.87}}'; } + md-select-menu.md-THEME_NAME-theme md-content md-option:not([disabled]):focus, md-select-menu.md-THEME_NAME-theme md-content md-option:not([disabled]):hover { + background: '{{background-200}}'; } + md-select-menu.md-THEME_NAME-theme md-content md-option[selected] { + color: '{{primary-500}}'; } + md-select-menu.md-THEME_NAME-theme md-content md-option[selected]:focus { + color: '{{primary-600}}'; } + md-select-menu.md-THEME_NAME-theme md-content md-option[selected].md-accent { + color: '{{accent-color}}'; } + md-select-menu.md-THEME_NAME-theme md-content md-option[selected].md-accent:focus { + color: '{{accent-A700}}'; } + +.md-checkbox-enabled.md-THEME_NAME-theme .md-ripple { + color: '{{primary-600}}'; } + +.md-checkbox-enabled.md-THEME_NAME-theme[selected] .md-ripple { + color: '{{background-600}}'; } + +.md-checkbox-enabled.md-THEME_NAME-theme .md-ink-ripple { + color: '{{foreground-2}}'; } + +.md-checkbox-enabled.md-THEME_NAME-theme[selected] .md-ink-ripple { + color: '{{primary-color-0.87}}'; } + +.md-checkbox-enabled.md-THEME_NAME-theme:not(.md-checked) .md-icon { + border-color: '{{foreground-2}}'; } + +.md-checkbox-enabled.md-THEME_NAME-theme[selected] .md-icon { + background-color: '{{primary-color-0.87}}'; } + +.md-checkbox-enabled.md-THEME_NAME-theme[selected].md-focused .md-container:before { + background-color: '{{primary-color-0.26}}'; } + +.md-checkbox-enabled.md-THEME_NAME-theme[selected] .md-icon:after { + border-color: '{{primary-contrast-0.87}}'; } + +.md-checkbox-enabled.md-THEME_NAME-theme .md-indeterminate[disabled] .md-container { + color: '{{foreground-3}}'; } + +.md-checkbox-enabled.md-THEME_NAME-theme md-option .md-text { + color: '{{background-900-0.87}}'; } diff --git a/vnfmarket/common/thirdparty/angular-material/modules/closure/select/select-default-theme.min.css b/vnfmarket/common/thirdparty/angular-material/modules/closure/select/select-default-theme.min.css new file mode 100644 index 00000000..b9fd2682 --- /dev/null +++ b/vnfmarket/common/thirdparty/angular-material/modules/closure/select/select-default-theme.min.css @@ -0,0 +1,6 @@ +/*! + * Angular Material Design + * https://github.com/angular/material + * @license MIT + * v1.1.2-master-a9ba340 + */md-input-container md-select.md-THEME_NAME-theme .md-select-value span:first-child:after{color:"{{warn-A700}}"}md-input-container:not(.md-input-focused):not(.md-input-invalid) md-select.md-THEME_NAME-theme .md-select-value span:first-child:after{color:"{{foreground-3}}"}md-input-container.md-input-focused:not(.md-input-has-value) md-select.md-THEME_NAME-theme .md-select-value,md-input-container.md-input-focused:not(.md-input-has-value) md-select.md-THEME_NAME-theme .md-select-value.md-select-placeholder{color:"{{primary-color}}"}md-input-container.md-input-invalid md-select.md-THEME_NAME-theme .md-select-value{color:"{{warn-A700}}"!important;border-bottom-color:"{{warn-A700}}"!important}md-input-container.md-input-invalid md-select.md-THEME_NAME-theme.md-no-underline .md-select-value{border-bottom-color:transparent!important}md-select.md-THEME_NAME-theme[disabled] .md-select-value{border-bottom-color:transparent;background-image:-webkit-linear-gradient(left,"{{foreground-3}}","{{foreground-3}}" 33%,transparent 0);background-image:linear-gradient(90deg,"{{foreground-3}}" 0,"{{foreground-3}}" 33%,transparent 0);background-image:-ms-linear-gradient(left,transparent 0,"{{foreground-3}}" 100%)}md-select.md-THEME_NAME-theme .md-select-value{border-bottom-color:"{{foreground-4}}"}md-select.md-THEME_NAME-theme .md-select-value.md-select-placeholder{color:"{{foreground-3}}"}md-select.md-THEME_NAME-theme .md-select-value span:first-child:after{color:"{{warn-A700}}"}md-select.md-THEME_NAME-theme.md-no-underline .md-select-value{border-bottom-color:transparent!important}md-select.md-THEME_NAME-theme.ng-invalid.ng-touched .md-select-value{color:"{{warn-A700}}"!important;border-bottom-color:"{{warn-A700}}"!important}md-select.md-THEME_NAME-theme.ng-invalid.ng-touched.md-no-underline .md-select-value{border-bottom-color:transparent!important}md-select.md-THEME_NAME-theme:not([disabled]):focus .md-select-value{border-bottom-color:"{{primary-color}}";color:"{{ foreground-1 }}"}md-select.md-THEME_NAME-theme:not([disabled]):focus .md-select-value.md-select-placeholder{color:"{{ foreground-1 }}"}md-select.md-THEME_NAME-theme:not([disabled]):focus.md-no-underline .md-select-value{border-bottom-color:transparent!important}md-select.md-THEME_NAME-theme:not([disabled]):focus.md-accent .md-select-value{border-bottom-color:"{{accent-color}}"}md-select.md-THEME_NAME-theme:not([disabled]):focus.md-warn .md-select-value{border-bottom-color:"{{warn-color}}"}md-select.md-THEME_NAME-theme[disabled] .md-select-icon,md-select.md-THEME_NAME-theme[disabled] .md-select-value,md-select.md-THEME_NAME-theme[disabled] .md-select-value.md-select-placeholder{color:"{{foreground-3}}"}md-select.md-THEME_NAME-theme .md-select-icon{color:"{{foreground-2}}"}md-select-menu.md-THEME_NAME-theme md-content{background:"{{background-A100}}"}md-select-menu.md-THEME_NAME-theme md-content md-optgroup{color:"{{background-600-0.87}}"}md-select-menu.md-THEME_NAME-theme md-content md-option{color:"{{background-900-0.87}}"}md-select-menu.md-THEME_NAME-theme md-content md-option[disabled] .md-text{color:"{{background-400-0.87}}"}md-select-menu.md-THEME_NAME-theme md-content md-option:not([disabled]):focus,md-select-menu.md-THEME_NAME-theme md-content md-option:not([disabled]):hover{background:"{{background-200}}"}md-select-menu.md-THEME_NAME-theme md-content md-option[selected]{color:"{{primary-500}}"}md-select-menu.md-THEME_NAME-theme md-content md-option[selected]:focus{color:"{{primary-600}}"}md-select-menu.md-THEME_NAME-theme md-content md-option[selected].md-accent{color:"{{accent-color}}"}md-select-menu.md-THEME_NAME-theme md-content md-option[selected].md-accent:focus{color:"{{accent-A700}}"}.md-checkbox-enabled.md-THEME_NAME-theme .md-ripple{color:"{{primary-600}}"}.md-checkbox-enabled.md-THEME_NAME-theme[selected] .md-ripple{color:"{{background-600}}"}.md-checkbox-enabled.md-THEME_NAME-theme .md-ink-ripple{color:"{{foreground-2}}"}.md-checkbox-enabled.md-THEME_NAME-theme[selected] .md-ink-ripple{color:"{{primary-color-0.87}}"}.md-checkbox-enabled.md-THEME_NAME-theme:not(.md-checked) .md-icon{border-color:"{{foreground-2}}"}.md-checkbox-enabled.md-THEME_NAME-theme[selected] .md-icon{background-color:"{{primary-color-0.87}}"}.md-checkbox-enabled.md-THEME_NAME-theme[selected].md-focused .md-container:before{background-color:"{{primary-color-0.26}}"}.md-checkbox-enabled.md-THEME_NAME-theme[selected] .md-icon:after{border-color:"{{primary-contrast-0.87}}"}.md-checkbox-enabled.md-THEME_NAME-theme .md-indeterminate[disabled] .md-container{color:"{{foreground-3}}"}.md-checkbox-enabled.md-THEME_NAME-theme md-option .md-text{color:"{{background-900-0.87}}"} \ No newline at end of file diff --git a/vnfmarket/common/thirdparty/angular-material/modules/closure/select/select.css b/vnfmarket/common/thirdparty/angular-material/modules/closure/select/select.css new file mode 100644 index 00000000..0f3440d0 --- /dev/null +++ b/vnfmarket/common/thirdparty/angular-material/modules/closure/select/select.css @@ -0,0 +1,356 @@ +/*! + * Angular Material Design + * https://github.com/angular/material + * @license MIT + * v1.1.3 + */ +md-input-container:not([md-no-float]) .md-select-placeholder span:first-child { + -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); + transition: -webkit-transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); + transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); + transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), -webkit-transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); + -webkit-transform-origin: left top; + transform-origin: left top; } + [dir=rtl] md-input-container:not([md-no-float]) .md-select-placeholder span:first-child { + -webkit-transform-origin: right top; + transform-origin: right top; } + +md-input-container.md-input-focused:not([md-no-float]) .md-select-placeholder span:first-child { + -webkit-transform: translateY(-22px) translateX(-2px) scale(0.75); + transform: translateY(-22px) translateX(-2px) scale(0.75); } + +.md-select-menu-container { + position: fixed; + left: 0; + top: 0; + z-index: 90; + opacity: 0; + display: none; + -webkit-transform: translateY(-1px); + transform: translateY(-1px); } + .md-select-menu-container:not(.md-clickable) { + pointer-events: none; } + .md-select-menu-container md-progress-circular { + display: table; + margin: 24px auto !important; } + .md-select-menu-container.md-active { + display: block; + opacity: 1; } + .md-select-menu-container.md-active md-select-menu { + -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-duration: 150ms; + transition-duration: 150ms; } + .md-select-menu-container.md-active md-select-menu > * { + opacity: 1; + -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); + -webkit-transition-duration: 150ms; + transition-duration: 150ms; + -webkit-transition-delay: 100ms; + transition-delay: 100ms; } + .md-select-menu-container.md-leave { + opacity: 0; + -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); + -webkit-transition-duration: 250ms; + transition-duration: 250ms; } + +md-input-container > md-select { + margin: 0; + -webkit-box-ordinal-group: 3; + -webkit-order: 2; + order: 2; } + +md-input-container:not(.md-input-has-value) md-select[required]:not(.md-no-asterisk) .md-select-value span:first-child:after, md-input-container:not(.md-input-has-value) md-select.ng-required:not(.md-no-asterisk) .md-select-value span:first-child:after { + content: ' *'; + font-size: 13px; + vertical-align: top; } + +md-input-container.md-input-invalid md-select .md-select-value { + border-bottom-style: solid; + padding-bottom: 1px; } + +md-select { + display: -webkit-box; + display: -webkit-flex; + display: flex; + margin: 20px 0 26px 0; } + md-select[required].ng-invalid:not(.md-no-asterisk) .md-select-value span:first-child:after, md-select.ng-required.ng-invalid:not(.md-no-asterisk) .md-select-value span:first-child:after { + content: ' *'; + font-size: 13px; + vertical-align: top; } + md-select[disabled] .md-select-value { + background-position: 0 bottom; + background-size: 4px 1px; + background-repeat: repeat-x; + margin-bottom: -1px; } + md-select:focus { + outline: none; } + md-select[disabled]:hover { + cursor: default; } + md-select:not([disabled]):hover { + cursor: pointer; } + md-select:not([disabled]).ng-invalid.ng-touched .md-select-value { + border-bottom-style: solid; + padding-bottom: 1px; } + md-select:not([disabled]):focus .md-select-value { + border-bottom-width: 2px; + border-bottom-style: solid; + padding-bottom: 0; } + md-select:not([disabled]):focus.ng-invalid.ng-touched .md-select-value { + padding-bottom: 0; } + +md-input-container.md-input-has-value .md-select-value > span:not(.md-select-icon) { + -webkit-transform: translate3d(0, 1px, 0); + transform: translate3d(0, 1px, 0); } + +.md-select-value { + display: -webkit-box; + display: -webkit-flex; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + align-items: center; + padding: 2px 2px 1px; + border-bottom-width: 1px; + border-bottom-style: solid; + background-color: transparent; + position: relative; + box-sizing: content-box; + min-width: 64px; + min-height: 26px; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + flex-grow: 1; } + .md-select-value > span:not(.md-select-icon) { + max-width: 100%; + -webkit-box-flex: 1; + -webkit-flex: 1 1 auto; + flex: 1 1 auto; + text-overflow: ellipsis; + white-space: nowrap; + overflow: hidden; } + .md-select-value > span:not(.md-select-icon) .md-text { + display: inline; } + .md-select-value .md-select-icon { + display: block; + -webkit-box-align: end; + -webkit-align-items: flex-end; + align-items: flex-end; + text-align: end; + width: 24px; + margin: 0 4px; + -webkit-transform: translate3d(0, -2px, 0); + transform: translate3d(0, -2px, 0); + font-size: 1.2rem; } + .md-select-value .md-select-icon:after { + display: block; + content: '\25BC'; + position: relative; + top: 2px; + speak: none; + font-size: 13px; + -webkit-transform: scaleY(0.5) scaleX(1); + transform: scaleY(0.5) scaleX(1); } + .md-select-value.md-select-placeholder { + display: -webkit-box; + display: -webkit-flex; + display: flex; + -webkit-box-ordinal-group: 2; + -webkit-order: 1; + order: 1; + pointer-events: none; + -webkit-font-smoothing: antialiased; + padding-left: 2px; + z-index: 1; } + +md-select-menu { + display: -webkit-box; + display: -webkit-flex; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + flex-direction: column; + 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); + max-height: 256px; + min-height: 48px; + overflow-y: hidden; + -webkit-transform-origin: left top; + transform-origin: left top; + -webkit-transform: scale(1); + transform: scale(1); } + md-select-menu.md-reverse { + -webkit-box-orient: vertical; + -webkit-box-direction: reverse; + -webkit-flex-direction: column-reverse; + flex-direction: column-reverse; } + md-select-menu:not(.md-overflow) md-content { + padding-top: 8px; + padding-bottom: 8px; } + [dir=rtl] md-select-menu { + -webkit-transform-origin: right top; + transform-origin: right top; } + md-select-menu md-content { + min-width: 136px; + min-height: 48px; + max-height: 256px; + overflow-y: auto; } + md-select-menu > * { + opacity: 0; } + +md-option { + cursor: pointer; + position: relative; + display: -webkit-box; + display: -webkit-flex; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + align-items: center; + width: auto; + -webkit-transition: background 0.15s linear; + transition: background 0.15s linear; + padding: 0 16px 0 16px; + height: 48px; } + md-option[disabled] { + cursor: default; } + md-option:focus { + outline: none; } + md-option .md-text { + -webkit-touch-callout: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + width: auto; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; } + +md-optgroup { + display: block; } + md-optgroup label { + display: block; + font-size: 14px; + text-transform: uppercase; + padding: 16px; + font-weight: 500; } + md-optgroup md-option { + padding-left: 32px; + padding-right: 32px; } + +@media screen and (-ms-high-contrast: active) { + .md-select-backdrop { + background-color: transparent; } + md-select-menu { + border: 1px solid #fff; } } + +md-select-menu[multiple] md-option.md-checkbox-enabled { + padding-left: 40px; + padding-right: 16px; } + [dir=rtl] md-select-menu[multiple] md-option.md-checkbox-enabled { + padding-left: 16px; } + [dir=rtl] md-select-menu[multiple] md-option.md-checkbox-enabled { + padding-right: 40px; } + md-select-menu[multiple] md-option.md-checkbox-enabled .md-container { + position: absolute; + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + box-sizing: border-box; + display: inline-block; + width: 20px; + height: 20px; + left: 0; + right: auto; } + [dir=rtl] md-select-menu[multiple] md-option.md-checkbox-enabled .md-container { + left: auto; } + [dir=rtl] md-select-menu[multiple] md-option.md-checkbox-enabled .md-container { + right: 0; } + md-select-menu[multiple] md-option.md-checkbox-enabled .md-container:before { + box-sizing: border-box; + background-color: transparent; + border-radius: 50%; + content: ''; + position: absolute; + display: block; + height: auto; + left: 0; + top: 0; + right: 0; + bottom: 0; + -webkit-transition: all 0.5s; + transition: all 0.5s; + width: auto; } + md-select-menu[multiple] md-option.md-checkbox-enabled .md-container:after { + box-sizing: border-box; + content: ''; + position: absolute; + top: -10px; + right: -10px; + bottom: -10px; + left: -10px; } + md-select-menu[multiple] md-option.md-checkbox-enabled .md-container .md-ripple-container { + position: absolute; + display: block; + width: auto; + height: auto; + left: -15px; + top: -15px; + right: -15px; + bottom: -15px; } + md-select-menu[multiple] md-option.md-checkbox-enabled .md-icon { + box-sizing: border-box; + -webkit-transition: 240ms; + transition: 240ms; + position: absolute; + top: 0; + left: 0; + width: 20px; + height: 20px; + border-width: 2px; + border-style: solid; + border-radius: 2px; } + md-select-menu[multiple] md-option.md-checkbox-enabled[selected] .md-icon { + border-color: transparent; } + md-select-menu[multiple] md-option.md-checkbox-enabled[selected] .md-icon:after { + box-sizing: border-box; + -webkit-transform: rotate(45deg); + transform: rotate(45deg); + position: absolute; + left: 4.66667px; + top: 0.22222px; + display: table; + width: 6.66667px; + height: 13.33333px; + border-width: 2px; + border-style: solid; + border-top: 0; + border-left: 0; + content: ''; } + md-select-menu[multiple] md-option.md-checkbox-enabled[disabled] { + cursor: default; } + md-select-menu[multiple] md-option.md-checkbox-enabled.md-indeterminate .md-icon:after { + box-sizing: border-box; + position: absolute; + top: 50%; + left: 50%; + -webkit-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); + display: table; + width: 12px; + height: 2px; + border-width: 2px; + border-style: solid; + border-top: 0; + border-left: 0; + content: ''; } + md-select-menu[multiple] md-option.md-checkbox-enabled .md-container { + margin-left: 10.66667px; + margin-right: auto; } + [dir=rtl] md-select-menu[multiple] md-option.md-checkbox-enabled .md-container { + margin-left: auto; } + [dir=rtl] md-select-menu[multiple] md-option.md-checkbox-enabled .md-container { + margin-right: 10.66667px; } diff --git a/vnfmarket/common/thirdparty/angular-material/modules/closure/select/select.js b/vnfmarket/common/thirdparty/angular-material/modules/closure/select/select.js new file mode 100644 index 00000000..e1c57939 --- /dev/null +++ b/vnfmarket/common/thirdparty/angular-material/modules/closure/select/select.js @@ -0,0 +1,1694 @@ +/*! + * Angular Material Design + * https://github.com/angular/material + * @license MIT + * v1.1.3 + */ +goog.provide('ngmaterial.components.select'); +goog.require('ngmaterial.components.backdrop'); +goog.require('ngmaterial.core'); +/** + * @ngdoc module + * @name material.components.select + */ + +/*************************************************** + + ### TODO - POST RC1 ### + - [ ] Abstract placement logic in $mdSelect service to $mdMenu service + + ***************************************************/ + +SelectDirective['$inject'] = ["$mdSelect", "$mdUtil", "$mdConstant", "$mdTheming", "$mdAria", "$parse", "$sce", "$injector"]; +SelectMenuDirective['$inject'] = ["$parse", "$mdUtil", "$mdConstant", "$mdTheming"]; +OptionDirective['$inject'] = ["$mdButtonInkRipple", "$mdUtil"]; +SelectProvider['$inject'] = ["$$interimElementProvider"]; +var SELECT_EDGE_MARGIN = 8; +var selectNextId = 0; +var CHECKBOX_SELECTION_INDICATOR = + angular.element('
'); + +angular.module('material.components.select', [ + 'material.core', + 'material.components.backdrop' + ]) + .directive('mdSelect', SelectDirective) + .directive('mdSelectMenu', SelectMenuDirective) + .directive('mdOption', OptionDirective) + .directive('mdOptgroup', OptgroupDirective) + .directive('mdSelectHeader', SelectHeaderDirective) + .provider('$mdSelect', SelectProvider); + +/** + * @ngdoc directive + * @name mdSelect + * @restrict E + * @module material.components.select + * + * @description Displays a select box, bound to an ng-model. + * + * When the select is required and uses a floating label, then the label will automatically contain + * an asterisk (`*`). This behavior can be disabled by using the `md-no-asterisk` attribute. + * + * By default, the select will display with an underline to match other form elements. This can be + * disabled by applying the `md-no-underline` CSS class. + * + * ### Option Params + * + * When applied, `md-option-empty` will mark the option as "empty" allowing the option to clear the + * select and put it back in it's default state. You may supply this attribute on any option you + * wish, however, it is automatically applied to an option whose `value` or `ng-value` are not + * defined. + * + * **Automatically Applied** + * + * - `` + * - `` + * - `` + * - `` + * - `` + * + * **NOT Automatically Applied** + * + * - `` + * - `` + * - `` + * - `` (this evaluates to the string `"undefined"`) + * - <md-option ng-value="{{someValueThatMightBeUndefined}}"> + * + * **Note:** A value of `undefined` ***is considered a valid value*** (and does not auto-apply this + * attribute) since you may wish this to be your "Not Available" or "None" option. + * + * **Note:** Using the `value` attribute (as opposed to `ng-value`) always evaluates to a string, so + * `value="null"` will require the test `ng-if="myValue != 'null'"` rather than `ng-if="!myValue"`. + * + * @param {expression} ng-model The model! + * @param {boolean=} multiple When set to true, allows for more than one option to be selected. The model is an array with the selected choices. + * @param {expression=} md-on-close Expression to be evaluated when the select is closed. + * @param {expression=} md-on-open Expression to be evaluated when opening the select. + * Will hide the select options and show a spinner until the evaluated promise resolves. + * @param {expression=} md-selected-text Expression to be evaluated that will return a string + * to be displayed as a placeholder in the select input box when it is closed. The value + * will be treated as *text* (not html). + * @param {expression=} md-selected-html Expression to be evaluated that will return a string + * to be displayed as a placeholder in the select input box when it is closed. The value + * will be treated as *html*. The value must either be explicitly marked as trustedHtml or + * the ngSanitize module must be loaded. + * @param {string=} placeholder Placeholder hint text. + * @param md-no-asterisk {boolean=} When set to true, an asterisk will not be appended to the + * floating label. **Note:** This attribute is only evaluated once; it is not watched. + * @param {string=} aria-label Optional label for accessibility. Only necessary if no placeholder or + * explicit label is present. + * @param {string=} md-container-class Class list to get applied to the `.md-select-menu-container` + * element (for custom styling). + * + * @usage + * With a placeholder (label and aria-label are added dynamically) + * + * + * + * {{ opt }} + * + * + * + * + * With an explicit label + * + * + * + * + * {{ opt }} + * + * + * + * + * With a select-header + * + * When a developer needs to put more than just a text label in the + * md-select-menu, they should use the md-select-header. + * The user can put custom HTML inside of the header and style it to their liking. + * One common use case of this would be a sticky search bar. + * + * When using the md-select-header the labels that would previously be added to the + * OptGroupDirective are ignored. + * + * + * + * + * + * Neighborhoods - + * + * {{ opt }} + * + * + * + * + * ## Selects and object equality + * When using a `md-select` to pick from a list of objects, it is important to realize how javascript handles + * equality. Consider the following example: + * + * angular.controller('MyCtrl', function($scope) { + * $scope.users = [ + * { id: 1, name: 'Bob' }, + * { id: 2, name: 'Alice' }, + * { id: 3, name: 'Steve' } + * ]; + * $scope.selectedUser = { id: 1, name: 'Bob' }; + * }); + * + * + *
+ * + * {{ user.name }} + * + *
+ *
+ * + * At first one might expect that the select should be populated with "Bob" as the selected user. However, + * this is not true. To determine whether something is selected, + * `ngModelController` is looking at whether `$scope.selectedUser == (any user in $scope.users);`; + * + * Javascript's `==` operator does not check for deep equality (ie. that all properties + * on the object are the same), but instead whether the objects are *the same object in memory*. + * In this case, we have two instances of identical objects, but they exist in memory as unique + * entities. Because of this, the select will have no value populated for a selected user. + * + * To get around this, `ngModelController` provides a `track by` option that allows us to specify a different + * expression which will be used for the equality operator. As such, we can update our `html` to + * make use of this by specifying the `ng-model-options="{trackBy: '$value.id'}"` on the `md-select` + * element. This converts our equality expression to be + * `$scope.selectedUser.id == (any id in $scope.users.map(function(u) { return u.id; }));` + * which results in Bob being selected as desired. + * + * Working HTML: + * + *
+ * + * {{ user.name }} + * + *
+ *
+ */ +function SelectDirective($mdSelect, $mdUtil, $mdConstant, $mdTheming, $mdAria, $parse, $sce, + $injector) { + var keyCodes = $mdConstant.KEY_CODE; + var NAVIGATION_KEYS = [keyCodes.SPACE, keyCodes.ENTER, keyCodes.UP_ARROW, keyCodes.DOWN_ARROW]; + + return { + restrict: 'E', + require: ['^?mdInputContainer', 'mdSelect', 'ngModel', '?^form'], + compile: compile, + controller: function() { + } // empty placeholder controller to be initialized in link + }; + + function compile(element, attr) { + // add the select value that will hold our placeholder or selected option value + var valueEl = angular.element(''); + valueEl.append(''); + valueEl.addClass('md-select-value'); + if (!valueEl[0].hasAttribute('id')) { + valueEl.attr('id', 'select_value_label_' + $mdUtil.nextUid()); + } + + // There's got to be an md-content inside. If there's not one, let's add it. + if (!element.find('md-content').length) { + element.append(angular.element('').append(element.contents())); + } + + + // Add progress spinner for md-options-loading + if (attr.mdOnOpen) { + + // Show progress indicator while loading async + // Use ng-hide for `display:none` so the indicator does not interfere with the options list + element + .find('md-content') + .prepend(angular.element( + '
' + + ' ' + + '
' + )); + + // Hide list [of item options] while loading async + element + .find('md-option') + .attr('ng-show', '$$loadingAsyncDone'); + } + + if (attr.name) { + var autofillClone = angular.element(',