@momentum-ui/web-components 2.13.12 → 2.13.13
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/chunks/md-10.js +2 -2
- package/dist/chunks/md-11.js +1 -1
- package/dist/chunks/md-13.js +2 -2
- package/dist/chunks/md-14.js +3 -3
- package/dist/chunks/md-17.js +25 -25
- package/dist/chunks/md-26.js +1 -1
- package/dist/chunks/md-31.js +1 -1
- package/dist/chunks/md-41.js +8 -8
- package/dist/chunks/md-44.js +16 -16
- package/dist/chunks/md-5.js +1 -1
- package/dist/chunks/md-57.js +15 -5
- package/dist/chunks/md-60.js +1 -1
- package/dist/chunks/md-63.js +5 -5
- package/dist/chunks/md-66.js +1 -1
- package/dist/chunks/md-68.js +1 -1
- package/dist/chunks/md-7.js +1 -1
- package/dist/chunks/md-71.js +18 -18
- package/dist/chunks/md-73.js +1 -1
- package/dist/chunks/md-80.js +16 -13
- package/dist/chunks/md-82.js +20 -7
- package/dist/chunks/md-83.js +31 -31
- package/dist/chunks/md-84.js +1 -1
- package/dist/comp/md-floating-minimize-entry.js +1 -1
- package/dist/comp/md-floating-modal-entry.js +1 -1
- package/dist/index-entry.js +1 -1
- package/dist/index.js +3 -3
- package/dist/types/components/button/Button.d.ts +1 -1
- package/dist/types/components/chip/Chip.d.ts +3 -0
- package/dist/types/components/floating-modal/FloatingMinimizedModal.d.ts +3 -3
- package/dist/types/components/help-text/HelpText.d.ts +1 -1
- package/dist/types/components/icon/Icon.d.ts +1 -1
- package/dist/types/components/input/Input.d.ts +3 -1
- package/dist/types/components/tabs/Tab.d.ts +5 -0
- package/dist/types/components/tabs/Tabs.d.ts +5 -2
- package/dist/types/components/taskitem/TaskItem.d.ts +1 -0
- package/dist/types/components/timepicker/TimePicker.d.ts +1 -1
- package/package.json +2 -2
package/dist/chunks/md-13.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[13],{55:function(e,t,r){"use strict";r.r(t),r.d(t,"HelpText",(function(){return
|
|
1
|
+
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[13],{55:function(e,t,r){"use strict";r.r(t),r.d(t,"HelpText",(function(){return o}));var o,i=r(6),s=r(5),a=r(0),n=r(4),m=a.css`.md-input__message{font-size:var(--body-secondary-font-size,.75rem)}.md-input__message.md-success{color:var(--md-alert-success-text-color,#03612c);display:flex;line-height:1.25rem}.md-input__message.md-success::before{color:var(--md-alert-success-text-color,#03612c)}.md-input__message.md-success md-icon{margin-right:.5rem}.md-input__message.md-error{color:var(--md-alert-error-text-color,#a12512);display:flex;line-height:1.25rem}.md-input__message.md-error::before{color:var(--md-alert-error-text-color,#a12512)}.md-input__message.md-error md-icon{margin-right:.5rem}.md-input__message.md-warning{color:var(--md-alert-warning-text-color,#7d4705);display:flex;line-height:1.25rem}.md-input__message.md-warning::before{color:var(--md-alert-warning-text-color,#7d4705)}.md-input__message.md-warning md-icon{margin-right:.5rem}.md-input__message.md-priority{color:var(--md-alert-info-text-color);display:flex;line-height:1.25rem}.md-input__message.md-priority::before{color:var(--md-alert-info-text-color)}.md-input__message.md-priority md-icon{margin-right:.5rem}:host(.help-text),:host(.help-text-checkbox),:host(.help-text-radio){align-items:flex-end;color:var(--help-text-default-color,#545454);display:flex;font-family:var(--brand-font-regular, "CiscoSansTT Regular", "Helvetica Neue", Helvetica, Arial, sans-serif);font-size:var(--body-secondary-font-size,.75rem);line-height:1.25rem;margin-bottom:.25rem;padding-left:1rem;padding-top:.5rem}:host(.help-text-checkbox),:host(.help-text-radio){padding-left:2rem}:host(.help-text-checkbox.newMomentum),:host(.help-text-radio.newMomentum),:host(.help-text.newMomentum){padding-left:0}:host(.help-text-checkbox.disabled.newMomentum),:host(.help-text-radio.disabled.newMomentum),:host(.help-text.disabled.newMomentum){color:var(--input-default-new-disabled-color)!important}`,l=function(e,t,r,o){var i,s=arguments.length,a=s<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,r):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,r,o);else for(var n=e.length-1;n>=0;n--)(i=e[n])&&(a=(s<3?i(a):s>3?i(t,r,a):i(t,r))||a);return s>3&&a&&Object.defineProperty(t,r,a),a};!function(e){let t=class extends a.LitElement{constructor(){super(...arguments),this.message="",this.messageType=void 0,this.id="",this.ariaLive="off"}get inputMessageClassMap(){return{["md-"+this.messageType]:!!this.messageType}}static get styles(){return[s.a,m]}getIconName(){switch(this.messageType){case"success":return"check-circle-badge-filled";case"error":return"clear-filled";case"warning":return"warning-filled";case"priority":return"priority-badge-filled";default:return""}}render(){return a.html`
|
|
2
2
|
<div
|
|
3
3
|
class="md-input__message ${Object(n.classMap)(this.inputMessageClassMap)}"
|
|
4
4
|
id=${this.id}
|
|
@@ -8,4 +8,4 @@
|
|
|
8
8
|
<md-icon name="${this.getIconName()}" size="14" iconSet="momentumDesign"></md-icon>
|
|
9
9
|
<slot>${this.message}</slot>
|
|
10
10
|
</div>
|
|
11
|
-
`}};
|
|
11
|
+
`}};l([Object(a.property)({type:String})],t.prototype,"message",void 0),l([Object(a.property)({type:String})],t.prototype,"messageType",void 0),l([Object(a.property)({type:String})],t.prototype,"id",void 0),l([Object(a.property)({type:String})],t.prototype,"ariaLive",void 0),t=l([Object(i.a)("md-help-text")],t),e.ELEMENT=t}(o||(o={}))}}]);
|
package/dist/chunks/md-14.js
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[14],{56:function(e,o,r){"use strict";r.r(o),r.d(o,"Label",(function(){return t}));var t,i=r(6),
|
|
1
|
+
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[14],{56:function(e,o,r){"use strict";r.r(o),r.d(o,"Label",(function(){return t}));var t,i=r(6),l=r(5),a=r(0),d=r(14),s=a.css`:host(:focus){box-shadow:none;outline:0}:host(md-checkbox){border-radius:.25rem;cursor:pointer;display:inline-flex;position:relative;vertical-align:middle}:host(md-checkbox) .checkbox-input{height:calc(1.25rem + .25rem);position:absolute;visibility:hidden;width:100%}:host(md-checkbox) .checkbox-label{cursor:pointer;display:inline-block;padding-left:2.25rem;padding-right:calc(.25rem/2);position:relative;width:100%;z-index:1}:host(md-checkbox) .checkbox-label::before{background:var(--checkbox-bg-color,#fff);border:.0625rem solid var(--checkbox-border-color,#545454);border-radius:.25rem;height:1.25rem;width:1.25rem}:host(md-checkbox) .checkbox-label::after,:host(md-checkbox) .checkbox-label::before{content:"";left:calc(.75rem*1.25);position:absolute;top:50%;transform:translate(-50%,-50%)}:host([focus-visible]:not([disabled])){box-shadow:0 0 0 .125rem var(--md-default-focus-outline-color,#005e7d)}:host(:hover:not([disabled])) .checkbox-label::before{background:var(--checkbox-hover-bg-color,#ededed);border:.0625rem solid var(--checkbox-hover-border-color,#545454)}:host(:active:not([disabled])) .checkbox-label::before{background:var(--checkbox-pressed-bg-color,#dedede);border:.0625rem solid var(--checkbox-pressed-border-color,#ccc)}:host([disabled]){opacity:.4}:host([disabled]) .checkbox-label{cursor:not-allowed}:host([disabled]) .checkbox-label::before{background:var(--checkbox-hover-bg-color,#ededed);border:.0625rem solid var(--checkbox-hover-border-color,#545454)}:host([aria-checked=true]) .checkbox-label::after{border:solid var(--checkbox-icon-color,#fff);border-width:0 .12em .12em 0;display:block;height:.6em;transform:translateY(-65%) translateX(-50%) rotate(45deg);width:.35em}:host([aria-checked=true]) .checkbox-label::before{background:var(--checkbox-selected-bg-color,#00a0d1);border:.0625rem solid var(--checkbox-selected-border-color,#00a0d1)}:host([indeterminate]) .checkbox-label::after{border:solid var(--checkbox-icon-color,#fff);border-width:0 0 .12em;display:block;height:.2em;transform:translateY(-85%) translateX(-50%) rotate(0);width:.75em}:host([indeterminate]) .checkbox-label::before{background:var(--checkbox-selected-bg-color,#00a0d1);border:.0625rem solid var(--checkbox-selected-border-color,#00a0d1)}:host([aria-checked=true]:hover:not([disabled])) .checkbox-label::before,:host([indeterminate]:hover:not([disabled])) .checkbox-label::before{background:var(--checkbox-selected-hover-bg-color,#007aa3);border-color:var(--checkbox-selected-hover-border-color,#007aa3)}:host([aria-checked=true]:active:not([disabled])) .checkbox-label::before,:host([indeterminate]:active:not([disabled])) .checkbox-label::before{background:var(--checkbox-selected-pressed-bg-color,#005e7d);border-color:var(--checkbox-selected-pressed-border-color,#005e7d)}@media(forced-colors:active){:host([focus-visible]:not([disabled])){outline:2px solid Highlight;box-shadow:none}}:host([alignment=vertical]) div{display:inline-flex;flex-direction:column}:host([alignment=vertical]) div ::slotted(md-checkbox:not(:last-child)){margin-bottom:calc(.25rem*6)}:host([alignment=horizontal]) div{display:flex;flex-direction:row}:host([alignment=horizontal]) div ::slotted(md-checkbox:not(:last-child)){margin-right:calc(.25rem*10)}:host{--radio-label-text-color:var(--radio-input-text-color, $lm-radio-input-text-color-light)}:host(md-radio) .md-radio-wrapper{max-height:1.4375rem;display:inline-flex}:host(md-radio) .md-radio-input{height:1.4375rem;position:absolute;visibility:hidden;width:100%}:host(md-radio) .md-radio-label{color:var(--md-primary-text-color,#121212);cursor:pointer;font-size:14px;line-height:1.4375rem;padding-left:calc(1.25rem*1.8);padding-right:calc(.25rem/2);pointer-events:none;position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;width:100%}:host(md-radio) .md-radio-label::before{content:"";position:absolute;border:.0625rem solid var(--radio-input-border-color,#545454);border-top-left-radius:50%;border-top-right-radius:50%;border-bottom-left-radius:50%;border-bottom-right-radius:50%;box-shadow:inset 0 0 0 .36rem var(--radio-input-bg-color,#fff),inset 0 0 0 1.25rem var(--radio-input-bg-color,#fff);box-sizing:border-box;height:1.25rem;left:.125rem;top:.0625rem;width:1.25rem}:host(:focus){box-shadow:none;outline:0}:host([focus-visible]:not([disabled])){box-shadow:0 0 0 .125rem var(--md-default-focus-outline-color,#005e7d)}:host(:hover:not([disabled])) .md-radio-label:before{border:.0625rem solid var(--radio-input-hover-border-color,#545454);box-shadow:inset 0 0 0 .36rem var(--radio-input-hover-bg-color,#545454),inset 0 0 0 1.25rem var(--radio-input-hover-bg-color,#545454)}:host(:active:not([disabled])) .md-radio-label:before{border:.0625rem solid var(--radio-input-pressed-border-color,#ccc);box-shadow:inset 0 0 0 .36rem var(--radio-input-pressed-bg-color,#dedede),inset 0 0 0 1.25rem var(--radio-input-pressed-bg-color,#dedede)}:host([disabled]){cursor:not-allowed;opacity:.4}:host([disabled]) .md-radio-label:before{border:.0625rem solid var(--radio-input-hover-border-color,#545454);box-shadow:inset 0 0 0 .36rem var(--radio-input-hover-bg-color,#545454),inset 0 0 0 1.25rem var(--radio-input-hover-bg-color,#545454)}:host([aria-checked=true]) .md-radio-label:before{border-color:var(--radio-input-selected-border-color,#00a0d1);box-shadow:inset 0 0 0 .36rem var(--radio-input-selected-bg-color,#00a0d1),inset 0 0 0 1.25rem var(--radio-input-icon-color,#fff)}:host([aria-checked=true]:hover:not([disabled])) .md-radio-label:before{border-color:var(--radio-input-selected-hover-border-color,#007aa3);box-shadow:inset 0 0 0 .36rem var(--radio-input-selected-hover-bg-color,#007aa3),inset 0 0 0 1.25rem var(--radio-input-icon-color,#fff)}:host([aria-checked=true]:active:not([disabled])) .md-radio-label:before{border-color:var(--radio-input-selected-pressed-border-color,#005e7d);box-shadow:inset 0 0 0 .36rem var(--radio-input-selected-pressed-bg-color,#005e7d),inset 0 0 0 1.25rem var(--radio-input-icon-color,#fff)}@media(forced-colors:active){:host(md-radio) .md-radio-label::before{border:1px solid CanvasText}:host(:active:not([disabled])) .md-radio-label:before,:host(:hover:not([disabled])) .md-radio-label:before{border:none;outline:2px solid Highlight;outline-offset:-1px}:host([aria-checked=true]) .md-radio-label:before{background-color:Highlight;border:none;outline:0}:host([aria-checked=true]:hover:not([disabled])) .md-radio-label:before{background-color:Highlight}:host([aria-checked=true]) .md-radio-label:after{content:"";position:absolute;top:50%;left:12px;transform:translate(-50%,-50%);width:8px;height:8px;background-color:Canvas;border-radius:50%}:host([focus-visible]:not([disabled])){outline:2px solid Highlight;outline-offset:-1px}}:host(md-radiogroup){display:flex}:host(md-radio){border-radius:.25rem;display:inline!important}:host([alignment=vertical]) div{display:inline-flex;flex-direction:column}:host([alignment=vertical]) div ::slotted(md-radio){margin-bottom:calc(.25rem*3)}:host([alignment=horizontal]) div{display:inline-flex;flex-direction:row}:host([alignment=horizontal]) div ::slotted(md-radio){margin-right:calc(.25rem*8)}:host([disabled]) div ::slotted(md-radio){pointer-events:none}:host(md-label) .md-label{color:var(--label-color,#000);font-family:var(--brand-font-regular, "CiscoSansTT Regular", "Helvetica Neue", Helvetica, Arial, sans-serif);font-size:var(--body-primary-font-size,.875rem);line-height:1.25rem;display:flex;align-items:center}:host(md-label) .md-label.right{float:none!important;text-align:right}:host(md-label) .md-label.inline{margin:0 0 1rem 0;padding:.50390625rem 0}:host(md-label) .md-label small{text-transform:capitalize}:host(md-label) .md-label span{font-size:inherit}:host(md-label) .md-secondary-label{color:var(--label-secondary,#545454);display:flex;flex-grow:1;font-size:var(--body-primary-font-size,.875rem);line-height:1.125rem;padding:.25rem 1rem 0}:host(.md-input__label.disabled) label,:host(.md-input__secondary-label.disabled) label{cursor:not-allowed}:host(.md-input__label.disabled.newMomentum) label,:host(.md-input__secondary-label.disabled.newMomentum) label{color:var(--input-default-new-disabled-color)!important}`,c=function(e,o,r,t){var i,l=arguments.length,a=l<3?o:null===t?t=Object.getOwnPropertyDescriptor(o,r):t;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,o,r,t);else for(var d=e.length-1;d>=0;d--)(i=e[d])&&(a=(l<3?i(a):l>3?i(o,r,a):i(o,r))||a);return l>3&&a&&Object.defineProperty(o,r,a),a};!function(e){let o=class extends a.LitElement{constructor(){super(...arguments),this.label="",this.theme="",this.radioLabel=!1,this.checkboxLabel=!1,this.toggleSwitchLabel=!1,this.htmlFor="",this.active=!1,this.disabled=!1,this.indeterminate=!1,this.secondaryLabel=!1}static get styles(){return[l.a,s]}setFocus(){this.dispatchEvent(new CustomEvent("setFocus"))}get labelClassMap(){return{["md-label--"+this.theme]:!!this.theme,"md-radio__label":this.radioLabel,"md-checkbox__label":this.checkboxLabel,"md-secondary-label":this.secondaryLabel,active:this.active,disabled:this.disabled,indeterminate:this.indeterminate}}handleClick(){this.setFocus(),this.dispatchEvent(new CustomEvent("label-click",{composed:!0,bubbles:!0,detail:{htmlFor:this.htmlFor}}))}render(){return a.html`
|
|
2
2
|
<label
|
|
3
3
|
@click="${()=>this.handleClick()}"
|
|
4
4
|
class="md-label ${Object(d.classMap)(this.labelClassMap)}"
|
|
5
5
|
for="${this.htmlFor}"
|
|
6
6
|
>
|
|
7
|
-
${this.label?
|
|
7
|
+
${this.label?a.html` <span>${this.label}</span> `:a.html` <slot></slot> `}
|
|
8
8
|
</label>
|
|
9
|
-
`}};
|
|
9
|
+
`}};c([Object(a.property)({type:String})],o.prototype,"label",void 0),c([Object(a.property)({type:String})],o.prototype,"theme",void 0),c([Object(a.property)({type:Boolean})],o.prototype,"radioLabel",void 0),c([Object(a.property)({type:Boolean})],o.prototype,"checkboxLabel",void 0),c([Object(a.property)({type:Boolean})],o.prototype,"toggleSwitchLabel",void 0),c([Object(a.property)({type:String})],o.prototype,"htmlFor",void 0),c([Object(a.property)({type:Boolean})],o.prototype,"active",void 0),c([Object(a.property)({type:Boolean})],o.prototype,"disabled",void 0),c([Object(a.property)({type:Boolean})],o.prototype,"indeterminate",void 0),c([Object(a.property)({type:Boolean})],o.prototype,"secondaryLabel",void 0),o=c([Object(i.a)("md-label")],o),e.ELEMENT=o}(t||(t={}))}}]);
|
package/dist/chunks/md-17.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[17],{28:function(e,t,i){"use strict";i.r(t),i.d(t,"containerSize",(function(){return g})),i.d(t,"inputSize",(function(){return f})),i.d(t,"inputType",(function(){return y})),i.d(t,"inputShape",(function(){return v})),i.d(t,"iconNames",(function(){return _})),i.d(t,"iconPosition",(function(){return x})),i.d(t,"nestedLevel",(function(){return w})),i.d(t,"ariaInvalidType",(function(){return k})),i.d(t,"Input",(function(){return $}));i(55),i(13),i(56),i(52);var r=i(1),n=i(6),o=i(33),a=i(5),d=i(10),l=i(0),s=i(3),p=i(4),c=i(2),m=i(15),u=i(8),b=l.css`@font-face{font-display:fallback;font-family:"CiscoSansTT Regular";font-style:normal;font-weight:400;src:url(/fonts/CiscoSansTTRegular.woff2) format("woff2"),url(/fonts/CiscoSansTTRegular.woff) format("woff")}[class*=md] *,[class*=md] ::after,[class*=md] ::before,[class*=md] button,[class*=md] input,[class*=md] select,[class*=md] textarea{-webkit-box-sizing:inherit;-moz-box-sizing:inherit;box-sizing:inherit;font-size:var(--rem-base)}[class*=md] button,[class*=md] input{overflow:visible}[class*=md] textarea{line-height:1.2rem;max-height:2.25rem;max-width:100%;overflow:auto;padding-bottom:.375rem;padding-top:.375rem;resize:none}[class*=md] textarea[rows]{height:auto}[class*=md] [type=submit]{appearance:none}[class*=md] input[type=file]{margin:0 0 1rem 0;width:100%}[class*=md] input::-webkit-inner-spin-button,[class*=md] input::-webkit-outer-spin-button{appearance:none;margin:0}[class*=md] input[type=number]{moz-appearance:textfield}[class*=md] [type=number]{appearance:textfield}[class*=md] [type=number]::-webkit-inner-spin-button,[class*=md] [type=number]::-webkit-outer-spin-button{height:auto}[class*=md] [type=search]::-webkit-search-cancel-button,[class*=md] [type=search]::-webkit-search-decoration{appearance:none}[class*=md] ::input-placeholder{color:inherit;opacity:.6}[class*=md] ::-webkit-file-upload-button{appearance:button;font:inherit}.md-input-container{box-sizing:border-box;line-height:0;margin-bottom:1rem;position:relative;width:100%;align-content:normal;align-items:normal;display:flex;flex-flow:column wrap;justify-content:normal}.md-input-container .md-input{background-color:var(--input-default-bg-color,#fff);color:var(--md-secondary-text-color,#545454);border-color:var(--input-default-border-color,#ccc)}.md-input-container .md-input::placeholder{color:var(--input-default-placeholder-color,#545454);opacity:1}.md-input-container .md-input.md-hover,.md-input-container .md-input:hover{background-color:var(--input-default-hover-bg-color,#ccc)}.md-input-container .md-input.md-hover:active,.md-input-container .md-input:hover:active{background-color:var(--input-default-pressed-bg-color,#ccc);border-color:var(--input-default-pressed-border-color,#ccc)}.md-input-container .md-input:focus{background-color:var(--input-default-focus-background-color,var(--input-default-bg-color))}.md-input-container .md-input.md-disabled,.md-input-container .md-input:disabled{background-color:var(--input-default-read-only-bg-color,#ededed);border-color:transparent;color:var(--input-disabled-text-color,#b2b2b2)!important}.md-input-container .md-input.md-disabled::placeholder,.md-input-container .md-input:disabled::placeholder{color:var(--input-disabled-text-color,#b2b2b2)}.md-input-container .md-input.md-disabled:hover,.md-input-container .md-input:disabled:hover{background-color:var(--input-default-read-only-bg-color,#ededed)}.md-input-container .md-input.md-readonly,.md-input-container .md-input[readonly]{background-color:var(--input-default-read-only-bg-color,#ededed);border-color:transparent;color:var(--md-primary-text-color,#121212)}.md-input-container .md-input.md-readonly:hover,.md-input-container .md-input[readonly]:hover{background-color:var(--input-default-read-only-bg-color,#ededed)}.md-input-container .md-input__after,.md-input-container .md-input__before{color:var(--md-secondary-text-color,#545454);fill:var(--md-secondary-text-color,#545454)}.md-input-container .md-input__after .md-spinner,.md-input-container .md-input__before .md-spinner{border:1px solid #b2b2b2}.md-input-container .md-input__after .md-spinner::after,.md-input-container .md-input__before .md-spinner::after{border-bottom:1px solid transparent;border-left:1px solid var(--md-secondary-text-color,#545454);border-right:1px solid transparent;border-top:1px solid transparent}.md-input-container .md-input__icon-clear{display:flex;background-color:rgba(0,0,0,0);color:var(--md-secondary-text-color,#545454);fill:var(--md-secondary-text-color,#545454)}.md-input-container .md-input__icon-clear:focus,.md-input-container .md-input__icon-clear:hover{background-color:rgba(0,0,0,0);color:#545454;fill:#545454}.md-input-container.md-disabled .md-input__before{color:var(--input-disabled-text-color,#b2b2b2);fill:var(--input-disabled-text-color,#b2b2b2)}.md-input-container.md-disabled .md-input__before .md-spinner{border:1px solid #b2b2b2}.md-input-container.md-disabled .md-input__before .md-spinner::after{border-bottom:1px solid transparent;border-left:1px solid var(--input-disabled-text-color,#b2b2b2);border-right:1px solid transparent;border-top:1px solid transparent}.md-input-container .md-input__messages{display:block}.md-input-container .md-input__help-text,.md-input-container .md-input__secondary-label{color:#545454}.md-input-container.md-multi{display:inline-flex;flex:1 1 100%;margin-bottom:0}.md-input-container .md-input.md-input--multi{background-color:var(--input-default-bg-color,#fff);border-color:var(--input-default-border-color,#ccc);box-shadow:transparent}.md-input-container .md-input.md-input--multi:hover{background-color:var(--input-default-hover-bg-color,#ccc)}.md-input-container .md-input__before.md-input__content{width:auto}.md-input-container.column,.md-input-container.columns{padding:0}.md-input-container.md-error .md-input{background-color:var(--input-error-bg-color,#ffe8e3);border-color:var(--input-error-border-color,#f7644a)}.md-input-container.md-error .md-input::placeholder{opacity:1}.md-input-container.md-error .md-input.md-hover,.md-input-container.md-error .md-input:hover{background-color:var(--input-error-hover-bg-color,#ffd5cc)}.md-input-container.md-error .md-input.md-hover:active,.md-input-container.md-error .md-input:hover:active{background-color:var(--input-error-pressed-bg-color,#ffbbad);border-color:var(--input-error-border-color,#f7644a)}.md-input-container.md-error .md-input:focus{background-color:var(--input-default-focus-background-color,var(--input-error-bg-color))}.md-input-container.md-error .md-input.md-disabled,.md-input-container.md-error .md-input:disabled{border-color:transparent}.md-input-container.md-error .md-input.md-readonly,.md-input-container.md-error .md-input[readonly]{border-color:transparent}.md-input-container.md-error .md-input__icon-clear{display:flex;background-color:rgba(0,0,0,0)}.md-input-container.md-error .md-input__icon-clear:focus,.md-input-container.md-error .md-input__icon-clear:hover{background-color:rgba(0,0,0,0)}.md-input-container.md-error .md-input__messages{display:block}.md-input-container.md-error:focus{border-color:var(--input-error-focus-border-color,#f7644a);outline:0;transition:border ease-in .15s}.md-input-container.md-error .md-input__message{color:var(--input-error-message-text-color,#a12512)}.md-input-container.md-error .md-input__message::before{content:"\\f38d"}.md-input-container.md-warning .md-input{background-color:var(--input-warning-bg-color,var(--md-alert-warning-bg-color,#ffecc2));border-color:var(--input-warning-border-color,var(--input-warning-border-color,#fc9d03))}.md-input-container.md-warning .md-input::placeholder{opacity:1}.md-input-container.md-warning .md-input.md-hover,.md-input-container.md-warning .md-input:hover{background-color:var(--input-warning-hover-bg-color,var(--md-alert-warning-bg-color,#ffecc2))}.md-input-container.md-warning .md-input.md-hover:active,.md-input-container.md-warning .md-input:hover:active{background-color:var(--input-warning-pressed-bg-color,var(--md-alert-warning-bg-color,#ffecc2));border-color:var(--input-warning-border-color,var(--input-warning-border-color,#fc9d03))}.md-input-container.md-warning .md-input:focus{background-color:var(--input-warning-pressed-bg-color,var(--md-alert-warning-bg-color,#ffecc2))}.md-input-container.md-warning .md-input.md-disabled,.md-input-container.md-warning .md-input:disabled{border-color:transparent}.md-input-container.md-warning .md-input.md-readonly,.md-input-container.md-warning .md-input[readonly]{border-color:transparent}.md-input-container.md-warning .md-input__icon-clear{display:flex;background-color:rgba(0,0,0,0)}.md-input-container.md-warning .md-input__icon-clear:focus,.md-input-container.md-warning .md-input__icon-clear:hover{background-color:rgba(0,0,0,0)}.md-input-container.md-warning .md-input__messages{display:block}.md-input-container.md-warning .md-input__message::before{content:"\\fca1"}.md-input-container.md-success .md-input{background-color:var(--input-success-bg-color,var(--md-alert-success-bg-color,#78f5b8));border-color:var(--input-success-border-color,var(--input-success-border-color,#00ab50))}.md-input-container.md-success .md-input::placeholder{opacity:1}.md-input-container.md-success .md-input.md-hover,.md-input-container.md-success .md-input:hover{background-color:var(--input-success-hover-bg-color,var(--md-alert-success-bg-color,#78f5b8))}.md-input-container.md-success .md-input.md-hover:active,.md-input-container.md-success .md-input:hover:active{background-color:var(--input-success-pressed-bg-color,var(--md-alert-success-bg-color,#befade));border-color:var(--input-success-border-color,var(--input-success-border-color,#00ab50))}.md-input-container.md-success .md-input:focus{background-color:var(--input-success-pressed-bg-color,var(--md-alert-success-bg-color,#befade))}.md-input-container.md-success .md-input.md-disabled,.md-input-container.md-success .md-input:disabled{border-color:transparent}.md-input-container.md-success .md-input.md-readonly,.md-input-container.md-success .md-input[readonly]{border-color:transparent}.md-input-container.md-success .md-input__icon-clear{display:flex;background-color:rgba(0,0,0,0)}.md-input-container.md-success .md-input__icon-clear:focus,.md-input-container.md-success .md-input__icon-clear:hover{background-color:rgba(0,0,0,0)}.md-input-container.md-success .md-input__messages{display:block}.md-input-container.md-success .md-input__message::before{content:"\\f37e"}.md-input-container.md-input--filled .md-input{background-color:var(--input-filled-bg-color,#ededed);border:none}.md-input-container.md-input--filled .md-input::placeholder{opacity:1}.md-input-container.md-input--filled .md-input.md-hover,.md-input-container.md-input--filled .md-input:hover{background-color:var(--input-filled-hover-bg-color,#dedede)}.md-input-container.md-input--filled .md-input.md-disabled,.md-input-container.md-input--filled .md-input:disabled{background-color:var(--input-filled-disabled-bg-color,#ededed);border-color:transparent}.md-input-container.md-input--filled .md-input.md-disabled:hover,.md-input-container.md-input--filled .md-input:disabled:hover{background-color:var(--input-filled-disabled-bg-color,#ededed)}.md-input-container.md-input--filled .md-input.md-readonly,.md-input-container.md-input--filled .md-input[readonly]{background-color:var(--input-filled-disabled-bg-color,#ededed);border-color:transparent}.md-input-container.md-input--filled .md-input.md-readonly:hover,.md-input-container.md-input--filled .md-input[readonly]:hover{background-color:var(--input-filled-disabled-bg-color,#ededed)}.md-input-container.md-input--filled .md-input__icon-clear{display:flex;background-color:rgba(0,0,0,0)}.md-input-container.md-input--filled .md-input__icon-clear:focus,.md-input-container.md-input--filled .md-input__icon-clear:hover{background-color:rgba(0,0,0,0)}.md-input-container.md-input--filled .md-input__messages{display:block}.md-input{border:.0625rem solid;border-radius:var(--input-border-radius,4px);font-family:var(--brand-font-regular, "CiscoSansTT Regular", "Helvetica Neue", Helvetica, Arial, sans-serif);font-size:1rem;height:2.125rem;padding:0 1rem;transition:box-shadow ease-out .15s;width:100%}.md-input.md-dirty{padding-right:2.1875rem}.md-input--nested-1{padding-left:2rem}.md-input--nested-2{padding-left:4rem}.md-input--nested-3{padding-left:6rem}.md-input::-ms-clear,.md-input::-ms-reveal{height:0;width:0}.md-input.md-focus,.md-input:focus{border-color:#007aa3;outline:0;transition:border ease-in .15s}.md-input.md-readonly,.md-input[readonly]{cursor:default}.md-input.md-disabled,.md-input:disabled{cursor:not-allowed}.md-input__after{left:auto;right:0}.md-input__before{left:0;right:auto}.md-input__after,.md-input__before{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;height:100%;position:absolute;top:0;width:2.75rem}.md-input__after md-icon::part(icon),.md-input__before md-icon::part(icon){display:flex}.md-input__help-text,.md-input__label,.md-input__messages{font-family:var(--brand-font-regular, "CiscoSansTT Regular", "Helvetica Neue", Helvetica, Arial, sans-serif);width:100%}.md-input__label{margin-bottom:.5rem}.md-input__messages{display:none;font-size:.75rem;line-height:1.375rem;padding-left:1rem;padding-top:.5rem}.md-input__message{display:inline-flex;line-height:1.375rem;width:100%}.md-input__message md-icon{margin-right:.5em}.md-input__message--error{color:var(--input-error-mesage-text-color,#f7644a);font-size:.75rem;line-height:1.375rem;padding-left:1rem;position:relative;top:-.5rem}.md-input__message--error::before{content:"\\f38d"}.md-input__message::before{float:left;font-family:momentum-ui-icons;font-size:1rem;margin-right:.5rem}.md-input__wrapper{box-sizing:border-box;display:block;flex-grow:1;height:auto;padding:0;position:relative}.md-input--after{padding-right:2.75rem}.md-input--before{padding-left:2.75rem}.md-input--pill{border-radius:18px}.md-input--multiline{min-height:4.3125rem;padding-right:2.75rem}.md-input__icon-clear{border:none;cursor:pointer}.md-input[type=search]{width:100%}.md-input[type=search].md-input--milti{border-color:transparent}.md-input[type=search].md-input--milti:hover{background-color:#dedede}:host .md-input__label{width:100%}::slotted(*){display:flex}.md-spinner-container{align-items:center;display:flex;line-height:1}.md-input__message md-icon{margin-right:.5em}@media(forced-colors:active){.md-input-container .md-input{border:1px solid CanvasText}.md-input-container .md-input.md-focus,.md-input-container .md-input:focus{border:none;outline:2px solid Highlight}.md-input-container .md-input.md-disabled,.md-input-container .md-input:disabled{color:GrayText!important;border:1px solid GrayText}}`,h=function(e,t,i,r){var n,o=arguments.length,a=o<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,i,r);else for(var d=e.length-1;d>=0;d--)(n=e[d])&&(a=(o<3?n(a):o>3?n(t,i,a):n(t,i))||a);return o>3&&a&&Object.defineProperty(t,i,a),a};const g=["small-1","small-2","small-3","small-4","small-5","small-6","small-7","small-8","small-9","small-10","small-11","small-12","medium-1","medium-2","medium-3","medium-4","medium-5","medium-6","medium-7","medium-8","medium-9","medium-10","medium-11","medium-12","large-1","large-2","large-3","large-4","large-5","large-6","large-7","large-8","large-9","large-10","large-11","large-12"],f=["small-1","small-2","small-3","small-4","small-5","small-6","small-7","small-8","small-9","small-10","small-11","small-12","medium-1","medium-2","medium-3","medium-4","medium-5","medium-6","medium-7","medium-8","medium-9","medium-10","medium-11","medium-12","large-1","large-2","large-3","large-4","large-5","large-6","large-7","large-8","large-9","large-10","large-11","large-12"],y=["text","number","password","email","tel","checkbox"],v=["none","pill"],_=d,x=["before","after"],w=[0,1,2,3],k=["grammar","false","spelling","true"];var $;!function(e){class t{determineMessageType(e){return e.reduce((e,t)=>"error"===t?e:t.type,"")}filterMessagesByType(e,t){return e.reduce((e,i)=>i.type===t?e.concat(i.message):e,[])}}e.MessageController=t;let i=class extends(Object(o.a)(l.LitElement)){constructor(){super(...arguments),this.ariaDescribedBy="",this.ariaInvalid="false",this.ariaLabel="input",this.autofocus=!1,this.auxiliaryContentPosition=null,this.clear=!1,this.clearAriaLabel="",this.compact=!1,this.containerSize="small-12",this.disabled=!1,this.id="",this.inputSize="",this.isFilled=!1,this.isLoading=!1,this.label="",this.helpText="",this.hideMessage=!1,this.htmlId="",this.role="",this.messageArr=[],this.min=void 0,this.max=void 0,this.maxLength=void 0,this.multi=!1,this.multiline=!1,this.name="",this.nestedLevel=0,this.placeholder="",this.readOnly=!1,this.required=!1,this.searchable=!1,this.secondaryLabel="",this.selectWhenInFocus=!1,this.shape="",this.type="text",this.value="",this.ariaControls="",this.ariaExpanded="",this.isEditing=!1,this.messageController=new t}connectedCallback(){super.connectedCallback(),document.addEventListener("click",this.handleOutsideClick)}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("click",this.handleOutsideClick)}select(){this.input.select()}handleOutsideClick(e){let t=!1;const i=e.composedPath();i.length&&(t=!!i.find(e=>e===this),t||(this.input.blur(),this.isEditing=!1))}handleKeyDown(e){this.dispatchEvent(new CustomEvent("input-keydown",{bubbles:!0,composed:!0,detail:{srcEvent:e}}))}handleFocus(e){this.disabled||(this.isEditing=!0,this.selectWhenInFocus&&this.select(),this.dispatchEvent(new CustomEvent("input-focus",{bubbles:!0,composed:!0,detail:{srcEvent:e}})))}handleMouseDown(e){this.disabled||(this.isEditing=!0,this.dispatchEvent(new CustomEvent("input-mousedown",{bubbles:!0,composed:!0,detail:{srcEvent:e}})))}handleChange(e){this.value=e.target.value,this.dispatchEvent(new CustomEvent("input-change",{bubbles:!0,composed:!0,detail:{srcEvent:e,value:this.value}}))}handleBlur(e){this.isEditing=!1,this.dispatchEvent(new CustomEvent("input-blur",{bubbles:!0,composed:!0,detail:{srcEvent:e}}))}handleClear(e){if("keydown"===e.type){const{code:t}=e;if(t!==r.b.Space&&t!==r.b.Enter)return;e.preventDefault()}this.input.focus(),this.dispatchEvent(new CustomEvent("input-clear",{bubbles:!0,composed:!0,detail:{srcEvent:e}})),document.dispatchEvent(new CustomEvent("on-widget-update")),this.handleChange(e)}handleLabelClick(){this.input.focus()}get messageType(){return this.messageArr.length>0?this.messageController.determineMessageType(this.messageArr):null}get messages(){return this.messageType?this.messageController.filterMessagesByType(this.messageArr,this.messageType):null}get inputClassMap(){return{"md-input--filled":this.isFilled,colums:!!this.containerSize,[""+this.containerSize]:!!this.containerSize,"md-read-only":this.readOnly,"md-disabled":this.disabled,["md-"+this.messageType]:!!this.messageType,["md-input--nested-"+this.nestedLevel]:!!this.nestedLevel,"md-multi":this.multi}}get inputWrapperClassMap(){return{columns:!!this.inputSize,[""+this.inputSize]:!!this.inputSize}}get inputTemplateClassMap(){return{"md-input--multiline":this.multiline,"md-input--multi":this.multi,["md-input--"+this.shape]:!!this.shape,"md-input--before":"before"===this.auxiliaryContentPosition||this.searchable,"md-input--after":"after"===this.auxiliaryContentPosition,"md-active":this.isEditing,"md-focus":this.isEditing,"md-read-only":this.readOnly,"md-disabled":this.disabled,"md-dirty":!!this.value}}get ariaExpandedValue(){return"true"===this.ariaExpanded||"false"===this.ariaExpanded?this.ariaExpanded:"undefined"}inputTemplate(){return this.multiline?l.html`
|
|
1
|
+
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[17],{28:function(e,t,n){"use strict";n.r(t),n.d(t,"containerSize",(function(){return g})),n.d(t,"inputSize",(function(){return f})),n.d(t,"inputType",(function(){return v})),n.d(t,"inputShape",(function(){return y})),n.d(t,"iconNames",(function(){return w})),n.d(t,"iconPosition",(function(){return _})),n.d(t,"nestedLevel",(function(){return x})),n.d(t,"ariaInvalidType",(function(){return k})),n.d(t,"Input",(function(){return O}));n(55),n(13),n(56),n(52);var r=n(1),i=n(6),o=n(33),d=n(5),a=n(10),m=n(0),l=n(3),p=n(4),u=n(2),c=n(15),s=n(8),b=m.css`@font-face{font-display:fallback;font-family:"CiscoSansTT Regular";font-style:normal;font-weight:400;src:url(/fonts/CiscoSansTTRegular.woff2) format("woff2"),url(/fonts/CiscoSansTTRegular.woff) format("woff")}[class*=md] *,[class*=md] ::after,[class*=md] ::before,[class*=md] button,[class*=md] input,[class*=md] select,[class*=md] textarea{-webkit-box-sizing:inherit;-moz-box-sizing:inherit;box-sizing:inherit;font-size:var(--rem-base)}[class*=md] button,[class*=md] input{overflow:visible}[class*=md] textarea{line-height:1.2rem;max-height:2.25rem;max-width:100%;overflow:auto;padding-bottom:.375rem;padding-top:.375rem;resize:none}[class*=md] textarea[rows]{height:auto}[class*=md] [type=submit]{appearance:none}[class*=md] input[type=file]{margin:0 0 1rem 0;width:100%}[class*=md] input::-webkit-inner-spin-button,[class*=md] input::-webkit-outer-spin-button{appearance:none;margin:0}[class*=md] input[type=number]{moz-appearance:textfield}[class*=md] [type=number]{appearance:textfield}[class*=md] [type=number]::-webkit-inner-spin-button,[class*=md] [type=number]::-webkit-outer-spin-button{height:auto}[class*=md] [type=search]::-webkit-search-cancel-button,[class*=md] [type=search]::-webkit-search-decoration{appearance:none}[class*=md] ::input-placeholder{color:inherit;opacity:.6}[class*=md] ::-webkit-file-upload-button{appearance:button;font:inherit}.md-input-container{box-sizing:border-box;line-height:0;margin-bottom:1rem;position:relative;width:100%;align-content:normal;align-items:normal;display:flex;flex-flow:column wrap;justify-content:normal}.md-input-container .md-input{background-color:var(--input-default-bg-color,#fff);color:var(--md-secondary-text-color,#545454);border-color:var(--input-default-border-color,#ccc)}.md-input-container .md-input::placeholder{color:var(--input-default-placeholder-color,#545454);opacity:1}.md-input-container .md-input.md-hover,.md-input-container .md-input:hover{background-color:var(--input-default-hover-bg-color,#ccc)}.md-input-container .md-input.md-hover:active,.md-input-container .md-input:hover:active{background-color:var(--input-default-pressed-bg-color,#ccc);border-color:var(--input-default-pressed-border-color,#ccc);outline:0}.md-input-container .md-input:focus{background-color:var(--input-default-focus-background-color,var(--input-default-bg-color));border-color:var(--input-default-focus-border-color,#007aa3)}.md-input-container .md-input.md-disabled,.md-input-container .md-input:disabled{background-color:var(--input-default-read-only-bg-color,#ededed);border-color:transparent;color:var(--input-disabled-text-color,#b2b2b2)!important}.md-input-container .md-input.md-disabled::placeholder,.md-input-container .md-input:disabled::placeholder{color:var(--input-disabled-text-color,#b2b2b2)}.md-input-container .md-input.md-disabled:hover,.md-input-container .md-input:disabled:hover{background-color:var(--input-default-read-only-bg-color,#ededed)}.md-input-container .md-input.md-readonly,.md-input-container .md-input[readonly]{background-color:var(--input-default-read-only-bg-color,#ededed);border-color:transparent;color:var(--md-primary-text-color,#121212)}.md-input-container .md-input.md-readonly:hover,.md-input-container .md-input[readonly]:hover{background-color:var(--input-default-read-only-bg-color,#ededed)}.md-input-container .md-input__after,.md-input-container .md-input__before{color:var(--md-secondary-text-color,#545454);fill:var(--md-secondary-text-color,#545454)}.md-input-container .md-input__after .md-spinner,.md-input-container .md-input__before .md-spinner{border:1px solid #b2b2b2}.md-input-container .md-input__after .md-spinner::after,.md-input-container .md-input__before .md-spinner::after{border-bottom:1px solid transparent;border-left:1px solid var(--md-secondary-text-color,#545454);border-right:1px solid transparent;border-top:1px solid transparent}.md-input-container .md-input__icon-clear{display:flex;background-color:rgba(0,0,0,0);color:var(--md-secondary-text-color,#545454);fill:var(--md-secondary-text-color,#545454)}.md-input-container .md-input__icon-clear:focus,.md-input-container .md-input__icon-clear:hover{background-color:rgba(0,0,0,0);color:#545454;fill:#545454}.md-input-container.md-disabled .md-input__before{color:var(--input-disabled-text-color,#b2b2b2);fill:var(--input-disabled-text-color,#b2b2b2)}.md-input-container.md-disabled .md-input__before .md-spinner{border:1px solid #b2b2b2}.md-input-container.md-disabled .md-input__before .md-spinner::after{border-bottom:1px solid transparent;border-left:1px solid var(--input-disabled-text-color,#b2b2b2);border-right:1px solid transparent;border-top:1px solid transparent}.md-input-container .md-input__messages{display:block}.md-input-container .md-input__help-text,.md-input-container .md-input__secondary-label{color:#545454}.md-input-container.md-multi{display:inline-flex;flex:1 1 100%;margin-bottom:0}.md-input-container .md-input.md-input--multi{background-color:var(--input-default-bg-color,#fff);border-color:var(--input-default-border-color,#ccc);box-shadow:transparent}.md-input-container .md-input.md-input--multi:hover{background-color:var(--input-default-hover-bg-color,#ccc)}.md-input-container .md-input__before.md-input__content{width:auto}.md-input-container.column,.md-input-container.columns{padding:0}.md-input-container.md-error .md-input{background-color:var(--input-error-bg-color,#ffe8e3);border-color:var(--input-error-border-color,#f7644a)}.md-input-container.md-error .md-input::placeholder{opacity:1}.md-input-container.md-error .md-input.md-hover,.md-input-container.md-error .md-input:hover{background-color:var(--input-error-hover-bg-color,#ffd5cc)}.md-input-container.md-error .md-input.md-hover:active,.md-input-container.md-error .md-input:hover:active{background-color:var(--input-error-pressed-bg-color,#ffbbad);border-color:var(--input-error-border-color,#f7644a);outline:0}.md-input-container.md-error .md-input:focus{background-color:var(--input-default-focus-background-color,var(--input-error-bg-color))}.md-input-container.md-error .md-input.md-disabled,.md-input-container.md-error .md-input:disabled{border-color:transparent}.md-input-container.md-error .md-input.md-readonly,.md-input-container.md-error .md-input[readonly]{border-color:transparent}.md-input-container.md-error .md-input__icon-clear{display:flex;background-color:rgba(0,0,0,0)}.md-input-container.md-error .md-input__icon-clear:focus,.md-input-container.md-error .md-input__icon-clear:hover{background-color:rgba(0,0,0,0)}.md-input-container.md-error .md-input__messages{display:block}.md-input-container.md-error:focus{border-color:var(--input-error-focus-border-color,#f7644a);outline:0;transition:border ease-in .15s}.md-input-container.md-error .md-input__message{color:var(--input-error-message-text-color,#a12512)}.md-input-container.md-error .md-input__message::before{content:"\\f38d"}.md-input-container.md-warning .md-input{background-color:var(--input-warning-bg-color,var(--md-alert-warning-bg-color,#ffecc2));border-color:var(--input-warning-border-color,var(--input-warning-border-color,#fc9d03))}.md-input-container.md-warning .md-input::placeholder{opacity:1}.md-input-container.md-warning .md-input.md-hover,.md-input-container.md-warning .md-input:hover{background-color:var(--input-warning-hover-bg-color,var(--md-alert-warning-bg-color,#ffecc2))}.md-input-container.md-warning .md-input.md-hover:active,.md-input-container.md-warning .md-input:hover:active{background-color:var(--input-warning-pressed-bg-color,var(--md-alert-warning-bg-color,#ffecc2));border-color:var(--input-warning-border-color,var(--input-warning-border-color,#fc9d03));outline:0}.md-input-container.md-warning .md-input:focus{background-color:var(--input-warning-pressed-bg-color,var(--md-alert-warning-bg-color,#ffecc2))}.md-input-container.md-warning .md-input.md-disabled,.md-input-container.md-warning .md-input:disabled{border-color:transparent}.md-input-container.md-warning .md-input.md-readonly,.md-input-container.md-warning .md-input[readonly]{border-color:transparent}.md-input-container.md-warning .md-input__icon-clear{display:flex;background-color:rgba(0,0,0,0)}.md-input-container.md-warning .md-input__icon-clear:focus,.md-input-container.md-warning .md-input__icon-clear:hover{background-color:rgba(0,0,0,0)}.md-input-container.md-warning .md-input__messages{display:block}.md-input-container.md-warning .md-input__message::before{content:"\\fca1"}.md-input-container.md-success .md-input{background-color:var(--input-success-bg-color,var(--md-alert-success-bg-color,#78f5b8));border-color:var(--input-success-border-color,var(--input-success-border-color,#00ab50))}.md-input-container.md-success .md-input::placeholder{opacity:1}.md-input-container.md-success .md-input.md-hover,.md-input-container.md-success .md-input:hover{background-color:var(--input-success-hover-bg-color,var(--md-alert-success-bg-color,#78f5b8))}.md-input-container.md-success .md-input.md-hover:active,.md-input-container.md-success .md-input:hover:active{background-color:var(--input-success-pressed-bg-color,var(--md-alert-success-bg-color,#befade));border-color:var(--input-success-border-color,var(--input-success-border-color,#00ab50));outline:0}.md-input-container.md-success .md-input:focus{background-color:var(--input-success-pressed-bg-color,var(--md-alert-success-bg-color,#befade))}.md-input-container.md-success .md-input.md-disabled,.md-input-container.md-success .md-input:disabled{border-color:transparent}.md-input-container.md-success .md-input.md-readonly,.md-input-container.md-success .md-input[readonly]{border-color:transparent}.md-input-container.md-success .md-input__icon-clear{display:flex;background-color:rgba(0,0,0,0)}.md-input-container.md-success .md-input__icon-clear:focus,.md-input-container.md-success .md-input__icon-clear:hover{background-color:rgba(0,0,0,0)}.md-input-container.md-success .md-input__messages{display:block}.md-input-container.md-success .md-input__message::before{content:"\\f37e"}.md-input-container.md-input--filled .md-input{background-color:var(--input-filled-bg-color,#ededed);border:none}.md-input-container.md-input--filled .md-input::placeholder{opacity:1}.md-input-container.md-input--filled .md-input.md-hover,.md-input-container.md-input--filled .md-input:hover{background-color:var(--input-filled-hover-bg-color,#dedede)}.md-input-container.md-input--filled .md-input.md-hover:active,.md-input-container.md-input--filled .md-input:hover:active{outline:0}.md-input-container.md-input--filled .md-input.md-disabled,.md-input-container.md-input--filled .md-input:disabled{background-color:var(--input-filled-disabled-bg-color,#ededed);border-color:transparent}.md-input-container.md-input--filled .md-input.md-disabled:hover,.md-input-container.md-input--filled .md-input:disabled:hover{background-color:var(--input-filled-disabled-bg-color,#ededed)}.md-input-container.md-input--filled .md-input.md-readonly,.md-input-container.md-input--filled .md-input[readonly]{background-color:var(--input-filled-disabled-bg-color,#ededed);border-color:transparent}.md-input-container.md-input--filled .md-input.md-readonly:hover,.md-input-container.md-input--filled .md-input[readonly]:hover{background-color:var(--input-filled-disabled-bg-color,#ededed)}.md-input-container.md-input--filled .md-input__icon-clear{display:flex;background-color:rgba(0,0,0,0)}.md-input-container.md-input--filled .md-input__icon-clear:focus,.md-input-container.md-input--filled .md-input__icon-clear:hover{background-color:rgba(0,0,0,0)}.md-input-container.md-input--filled .md-input__messages{display:block}.md-input-container.md-new-momentum .md-input{background-color:rgba(0,0,0,0);color:var(--input-default-text-color);border-color:var(--input-default-new-border-color)}.md-input-container.md-new-momentum .md-input::placeholder{color:var(--input-default-placeholder-color,#545454);opacity:1}.md-input-container.md-new-momentum .md-input.md-hover,.md-input-container.md-new-momentum .md-input:hover{background-color:var(--input-default-hover-bg-color)}.md-input-container.md-new-momentum .md-input.md-hover:active,.md-input-container.md-new-momentum .md-input:hover:active{background-color:var(--input-default-pressed-bg-color);border-color:var(--input-default-new-border-color);outline:0}.md-input-container.md-new-momentum .md-input:focus{background-color:var(--input-default-focus-background-color,var(--input-default-bg-color));border-color:var(--input-default-new-focus-border-color)}.md-input-container.md-new-momentum .md-input.md-disabled,.md-input-container.md-new-momentum .md-input:disabled{background-color:rgba(0,0,0,0);border-color:var(--input-default-new-disabled-color);color:var(--input-default-new-disabled-color)!important}.md-input-container.md-new-momentum .md-input.md-disabled::placeholder,.md-input-container.md-new-momentum .md-input:disabled::placeholder{color:var(--input-default-new-disabled-color)}.md-input-container.md-new-momentum .md-input.md-disabled:hover,.md-input-container.md-new-momentum .md-input:disabled:hover{background-color:rgba(0,0,0,0)}.md-input-container.md-new-momentum .md-input.md-readonly,.md-input-container.md-new-momentum .md-input[readonly]{background-color:rgba(0,0,0,0);border-color:var(--input-default-new-disabled-color);color:var(--md-primary-text-color)}.md-input-container.md-new-momentum .md-input.md-readonly:hover,.md-input-container.md-new-momentum .md-input[readonly]:hover{background-color:rgba(0,0,0,0)}.md-input-container.md-new-momentum .md-input__after,.md-input-container.md-new-momentum .md-input__before{color:var(--input-default-text-color);fill:var(--input-default-text-color)}.md-input-container.md-new-momentum .md-input__after .md-spinner,.md-input-container.md-new-momentum .md-input__before .md-spinner{border:1px solid #b2b2b2}.md-input-container.md-new-momentum .md-input__after .md-spinner::after,.md-input-container.md-new-momentum .md-input__before .md-spinner::after{border-bottom:1px solid transparent;border-left:1px solid var(--input-default-text-color);border-right:1px solid transparent;border-top:1px solid transparent}.md-input-container.md-new-momentum .md-input__icon-clear{display:flex;background-color:rgba(0,0,0,0);color:var(--md-secondary-text-color);fill:var(--md-secondary-text-color)}.md-input-container.md-new-momentum .md-input__icon-clear:focus,.md-input-container.md-new-momentum .md-input__icon-clear:hover{background-color:rgba(0,0,0,0);color:#545454;fill:#545454}.md-input-container.md-new-momentum.md-disabled .md-input__before{color:var(--input-default-new-disabled-color);fill:var(--input-default-new-disabled-color)}.md-input-container.md-new-momentum.md-disabled .md-input__before .md-spinner{border:1px solid #b2b2b2}.md-input-container.md-new-momentum.md-disabled .md-input__before .md-spinner::after{border-bottom:1px solid transparent;border-left:1px solid var(--input-default-new-disabled-color);border-right:1px solid transparent;border-top:1px solid transparent}.md-input-container.md-new-momentum .md-input__messages{display:block}.md-input-container.md-new-momentum .md-input__help-text,.md-input-container.md-new-momentum .md-input__secondary-label{color:#545454}.md-input-container.md-new-momentum .md-input{border-radius:8px}.md-input-container.md-new-momentum .md-input:focus{outline:2px solid var(--input-default-outline-color);outline-offset:.125rem;box-shadow:none}.md-input-container.md-new-momentum .md-input__messages{padding-left:0}.md-input-container.md-new-momentum.md-error .md-input{border-color:var(--input-error-border-color)}.md-input-container.md-new-momentum.md-error .md-input::placeholder{opacity:1}.md-input-container.md-new-momentum.md-error .md-input.md-hover:active,.md-input-container.md-new-momentum.md-error .md-input:hover:active{border-color:var(--input-error-border-color);outline:0}.md-input-container.md-new-momentum.md-error .md-input.md-disabled,.md-input-container.md-new-momentum.md-error .md-input:disabled{border-color:transparent}.md-input-container.md-new-momentum.md-error .md-input.md-readonly,.md-input-container.md-new-momentum.md-error .md-input[readonly]{border-color:transparent}.md-input-container.md-new-momentum.md-error .md-input__icon-clear{display:flex;background-color:rgba(0,0,0,0)}.md-input-container.md-new-momentum.md-error .md-input__icon-clear:focus,.md-input-container.md-new-momentum.md-error .md-input__icon-clear:hover{background-color:rgba(0,0,0,0)}.md-input-container.md-new-momentum.md-error .md-input__messages{display:block}.md-input-container.md-new-momentum.md-error:focus{border-color:var(--input-error-focus-border-color);outline:0;transition:border ease-in .15s}.md-input-container.md-new-momentum.md-warning .md-input{border-color:var(--input-warning-border-color)}.md-input-container.md-new-momentum.md-warning .md-input::placeholder{opacity:1}.md-input-container.md-new-momentum.md-warning .md-input.md-hover:active,.md-input-container.md-new-momentum.md-warning .md-input:hover:active{border-color:var(--input-warning-border-color);outline:0}.md-input-container.md-new-momentum.md-warning .md-input.md-disabled,.md-input-container.md-new-momentum.md-warning .md-input:disabled{border-color:transparent}.md-input-container.md-new-momentum.md-warning .md-input.md-readonly,.md-input-container.md-new-momentum.md-warning .md-input[readonly]{border-color:transparent}.md-input-container.md-new-momentum.md-warning .md-input__icon-clear{display:flex;background-color:rgba(0,0,0,0)}.md-input-container.md-new-momentum.md-warning .md-input__icon-clear:focus,.md-input-container.md-new-momentum.md-warning .md-input__icon-clear:hover{background-color:rgba(0,0,0,0)}.md-input-container.md-new-momentum.md-warning .md-input__messages{display:block}.md-input-container.md-new-momentum.md-success .md-input{border-color:var(--input-success-border-color)}.md-input-container.md-new-momentum.md-success .md-input::placeholder{opacity:1}.md-input-container.md-new-momentum.md-success .md-input.md-hover:active,.md-input-container.md-new-momentum.md-success .md-input:hover:active{border-color:var(--input-success-border-color);outline:0}.md-input-container.md-new-momentum.md-success .md-input.md-disabled,.md-input-container.md-new-momentum.md-success .md-input:disabled{border-color:transparent}.md-input-container.md-new-momentum.md-success .md-input.md-readonly,.md-input-container.md-new-momentum.md-success .md-input[readonly]{border-color:transparent}.md-input-container.md-new-momentum.md-success .md-input__icon-clear{display:flex;background-color:rgba(0,0,0,0)}.md-input-container.md-new-momentum.md-success .md-input__icon-clear:focus,.md-input-container.md-new-momentum.md-success .md-input__icon-clear:hover{background-color:rgba(0,0,0,0)}.md-input-container.md-new-momentum.md-success .md-input__messages{display:block}.md-input-container.md-new-momentum.md-priority .md-input{border-color:var(--input-default-outline-color)}.md-input-container.md-new-momentum.md-priority .md-input::placeholder{opacity:1}.md-input-container.md-new-momentum.md-priority .md-input.md-hover:active,.md-input-container.md-new-momentum.md-priority .md-input:hover:active{border-color:var(--input-default-outline-color);outline:0}.md-input-container.md-new-momentum.md-priority .md-input.md-disabled,.md-input-container.md-new-momentum.md-priority .md-input:disabled{border-color:transparent}.md-input-container.md-new-momentum.md-priority .md-input.md-readonly,.md-input-container.md-new-momentum.md-priority .md-input[readonly]{border-color:transparent}.md-input-container.md-new-momentum.md-priority .md-input__icon-clear{display:flex;background-color:rgba(0,0,0,0)}.md-input-container.md-new-momentum.md-priority .md-input__icon-clear:focus,.md-input-container.md-new-momentum.md-priority .md-input__icon-clear:hover{background-color:rgba(0,0,0,0)}.md-input-container.md-new-momentum.md-priority .md-input__messages{display:block}.md-input-container.md-new-momentum.md-priority .md-input__message::before{content:"\\fca1"}.md-input{border:.0625rem solid;border-radius:var(--input-border-radius,4px);font-family:var(--brand-font-regular, "CiscoSansTT Regular", "Helvetica Neue", Helvetica, Arial, sans-serif);font-size:1rem;height:2.125rem;padding:0 1rem;transition:box-shadow ease-out .15s;width:100%}.md-input.md-dirty{padding-right:2.1875rem}.md-input--nested-1{padding-left:2rem}.md-input--nested-2{padding-left:4rem}.md-input--nested-3{padding-left:6rem}.md-input::-ms-clear,.md-input::-ms-reveal{height:0;width:0}.md-input.md-focus,.md-input:focus{border-color:#007aa3;outline:0;transition:border ease-in .15s}.md-input.md-readonly,.md-input[readonly]{cursor:default}.md-input.md-disabled,.md-input:disabled{cursor:not-allowed}.md-input__after{left:auto;right:0}.md-input__before{left:0;right:auto}.md-input__after,.md-input__before{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;height:100%;position:absolute;top:0;width:2.75rem}.md-input__after md-icon::part(icon),.md-input__before md-icon::part(icon){display:flex}.md-input__help-text,.md-input__label,.md-input__messages{font-family:var(--brand-font-regular, "CiscoSansTT Regular", "Helvetica Neue", Helvetica, Arial, sans-serif);width:100%}.md-input__label{margin-bottom:.5rem}.md-input__messages{display:none;font-size:.75rem;line-height:1.375rem;padding-left:1rem;padding-top:.5rem}.md-input__message{display:inline-flex;line-height:1.375rem;width:100%}.md-input__message md-icon{margin-right:.5em}.md-input__message--error{color:var(--input-error-mesage-text-color,#f7644a);font-size:.75rem;line-height:1.375rem;padding-left:1rem;position:relative;top:-.5rem}.md-input__message--error::before{content:"\\f38d"}.md-input__message::before{float:left;font-family:momentum-ui-icons;font-size:1rem;margin-right:.5rem}.md-input__wrapper{box-sizing:border-box;display:block;flex-grow:1;height:auto;padding:0;position:relative}.md-input--after{padding-right:2.75rem}.md-input--before{padding-left:2.75rem}.md-input--pill{border-radius:18px}.md-input--multiline{min-height:4.3125rem;padding-right:2.75rem}.md-input__icon-clear{border:none;cursor:pointer}.md-input[type=search]{width:100%}.md-input[type=search].md-input--milti{border-color:transparent}.md-input[type=search].md-input--milti:hover{background-color:#dedede}:host .md-input__label{width:100%}::slotted(*){display:flex}.md-spinner-container{align-items:center;display:flex;line-height:1}.md-input__message md-icon{margin-right:.5em}@media(forced-colors:active){.md-input-container .md-input{border:1px solid CanvasText}.md-input-container .md-input.md-focus,.md-input-container .md-input:focus{border:none;outline:2px solid Highlight}.md-input-container .md-input.md-disabled,.md-input-container .md-input:disabled{color:GrayText!important;border:1px solid GrayText}}`,h=function(e,t,n,r){var i,o=arguments.length,d=o<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,n):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)d=Reflect.decorate(e,t,n,r);else for(var a=e.length-1;a>=0;a--)(i=e[a])&&(d=(o<3?i(d):o>3?i(t,n,d):i(t,n))||d);return o>3&&d&&Object.defineProperty(t,n,d),d};const g=["small-1","small-2","small-3","small-4","small-5","small-6","small-7","small-8","small-9","small-10","small-11","small-12","medium-1","medium-2","medium-3","medium-4","medium-5","medium-6","medium-7","medium-8","medium-9","medium-10","medium-11","medium-12","large-1","large-2","large-3","large-4","large-5","large-6","large-7","large-8","large-9","large-10","large-11","large-12"],f=["small-1","small-2","small-3","small-4","small-5","small-6","small-7","small-8","small-9","small-10","small-11","small-12","medium-1","medium-2","medium-3","medium-4","medium-5","medium-6","medium-7","medium-8","medium-9","medium-10","medium-11","medium-12","large-1","large-2","large-3","large-4","large-5","large-6","large-7","large-8","large-9","large-10","large-11","large-12"],v=["text","number","password","email","tel","checkbox"],y=["none","pill"],w=a,_=["before","after"],x=[0,1,2,3],k=["grammar","false","spelling","true"];var O;!function(e){class t{determineMessageType(e){return e.reduce((e,t)=>"error"===t?e:t.type,"")}filterMessagesByType(e,t){return e.reduce((e,n)=>n.type===t?e.concat(n.message):e,[])}}e.MessageController=t;let n=class extends(Object(o.a)(m.LitElement)){constructor(){super(...arguments),this.ariaDescribedBy="",this.ariaInvalid="false",this.ariaLabel="input",this.autofocus=!1,this.auxiliaryContentPosition=null,this.clear=!1,this.clearAriaLabel="",this.compact=!1,this.containerSize="small-12",this.disabled=!1,this.id="",this.inputSize="",this.isFilled=!1,this.isLoading=!1,this.label="",this.helpText="",this.hideMessage=!1,this.htmlId="",this.role="",this.messageArr=[],this.min=void 0,this.max=void 0,this.maxLength=void 0,this.multi=!1,this.multiline=!1,this.name="",this.nestedLevel=0,this.placeholder="",this.readOnly=!1,this.required=!1,this.searchable=!1,this.secondaryLabel="",this.selectWhenInFocus=!1,this.shape="",this.type="text",this.value="",this.ariaControls="",this.ariaExpanded="",this.newMomentum=!1,this.isEditing=!1,this.messageController=new t}connectedCallback(){super.connectedCallback(),document.addEventListener("click",this.handleOutsideClick)}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("click",this.handleOutsideClick)}select(){this.input.select()}handleOutsideClick(e){let t=!1;const n=e.composedPath();n.length&&(t=!!n.find(e=>e===this),t||(this.input.blur(),this.isEditing=!1))}handleKeyDown(e){this.dispatchEvent(new CustomEvent("input-keydown",{bubbles:!0,composed:!0,detail:{srcEvent:e}}))}handleFocus(e){this.disabled||(this.isEditing=!0,this.selectWhenInFocus&&this.select(),this.dispatchEvent(new CustomEvent("input-focus",{bubbles:!0,composed:!0,detail:{srcEvent:e}})))}handleMouseDown(e){this.disabled||(this.isEditing=!0,this.dispatchEvent(new CustomEvent("input-mousedown",{bubbles:!0,composed:!0,detail:{srcEvent:e}})))}handleChange(e){this.value=e.target.value,this.dispatchEvent(new CustomEvent("input-change",{bubbles:!0,composed:!0,detail:{srcEvent:e,value:this.value}}))}handleBlur(e){this.isEditing=!1,this.dispatchEvent(new CustomEvent("input-blur",{bubbles:!0,composed:!0,detail:{srcEvent:e}}))}handleClear(e){if("keydown"===e.type){const{code:t}=e;if(t!==r.b.Space&&t!==r.b.Enter)return;e.preventDefault()}this.input.focus(),this.dispatchEvent(new CustomEvent("input-clear",{bubbles:!0,composed:!0,detail:{srcEvent:e}})),document.dispatchEvent(new CustomEvent("on-widget-update")),this.handleChange(e)}handleLabelClick(){this.input.focus()}get messageType(){return this.messageArr.length>0?this.messageController.determineMessageType(this.messageArr):null}get messages(){return this.messageType?this.messageController.filterMessagesByType(this.messageArr,this.messageType):null}get inputClassMap(){return{"md-input--filled":this.isFilled,colums:!!this.containerSize,[""+this.containerSize]:!!this.containerSize,"md-read-only":this.readOnly,"md-disabled":this.disabled,["md-"+this.messageType]:!!this.messageType,["md-input--nested-"+this.nestedLevel]:!!this.nestedLevel,"md-multi":this.multi,"md-new-momentum":this.newMomentum}}get inputWrapperClassMap(){return{columns:!!this.inputSize,[""+this.inputSize]:!!this.inputSize}}get inputTemplateClassMap(){return{"md-input--multiline":this.multiline,"md-input--multi":this.multi,["md-input--"+this.shape]:!!this.shape,"md-input--before":"before"===this.auxiliaryContentPosition||this.searchable,"md-input--after":"after"===this.auxiliaryContentPosition,"md-active":this.isEditing,"md-focus":this.isEditing,"md-read-only":this.readOnly,"md-disabled":this.disabled,"md-dirty":!!this.value}}get ariaExpandedValue(){return"true"===this.ariaExpanded||"false"===this.ariaExpanded?this.ariaExpanded:"undefined"}inputTemplate(){var e;return this.multiline?m.html`
|
|
2
2
|
<textarea
|
|
3
3
|
part="input"
|
|
4
4
|
class="md-input ${Object(p.classMap)(this.inputTemplateClassMap)}"
|
|
@@ -15,13 +15,13 @@
|
|
|
15
15
|
aria-label=${this.ariaLabel}
|
|
16
16
|
aria-invalid=${this.ariaInvalid}
|
|
17
17
|
aria-errormessage="${this.htmlId}-message"
|
|
18
|
-
aria-disabled=${Object(
|
|
18
|
+
aria-disabled=${Object(u.ifDefined)(this.disabled||void 0)}
|
|
19
19
|
id=${this.htmlId}
|
|
20
20
|
placeholder=${this.placeholder}
|
|
21
21
|
?readonly=${this.readOnly}
|
|
22
|
-
maxlength=${Object(
|
|
22
|
+
maxlength=${Object(u.ifDefined)(this.maxLength)}
|
|
23
23
|
></textarea>
|
|
24
|
-
`:
|
|
24
|
+
`:m.html`
|
|
25
25
|
<input
|
|
26
26
|
part="input"
|
|
27
27
|
class="md-input ${Object(p.classMap)(this.inputTemplateClassMap)}"
|
|
@@ -37,28 +37,28 @@
|
|
|
37
37
|
.value=${this.value}
|
|
38
38
|
aria-describedby=${this.ariaDescribedBy}
|
|
39
39
|
aria-controls=${this.ariaControls}
|
|
40
|
-
aria-expanded=${Object(
|
|
40
|
+
aria-expanded=${Object(u.ifDefined)(null!==(e=this.ariaExpandedValue)&&void 0!==e?e:void 0)}
|
|
41
41
|
aria-label=${this.ariaLabel}
|
|
42
42
|
aria-invalid=${this.ariaInvalid}
|
|
43
43
|
aria-errormessage=${this.htmlId+"-message"}
|
|
44
|
-
aria-disabled=${Object(
|
|
44
|
+
aria-disabled=${Object(u.ifDefined)(this.disabled||void 0)}
|
|
45
45
|
id=${this.htmlId}
|
|
46
46
|
role=${this.role}
|
|
47
47
|
placeholder=${this.placeholder}
|
|
48
48
|
?readonly=${this.readOnly||this.disabled}
|
|
49
|
-
min=${Object(
|
|
50
|
-
max=${Object(
|
|
51
|
-
maxlength=${Object(
|
|
49
|
+
min=${Object(u.ifDefined)(this.min)}
|
|
50
|
+
max=${Object(u.ifDefined)(this.max)}
|
|
51
|
+
maxlength=${Object(u.ifDefined)(this.maxLength)}
|
|
52
52
|
/>
|
|
53
|
-
`}inputLeftTemplate(){return this.searchable?
|
|
53
|
+
`}inputLeftTemplate(){return this.searchable?m.html`
|
|
54
54
|
<div class="md-input__before">
|
|
55
|
-
${this.isLoading?
|
|
55
|
+
${this.isLoading?m.html` <md-spinner size="20"></md-spinner> `:m.html` <md-icon ariaHidden="true" name="search-bold" size="20" iconSet="momentumDesign"></md-icon> `}
|
|
56
56
|
</div>
|
|
57
|
-
`:"before"===this.auxiliaryContentPosition?
|
|
57
|
+
`:"before"===this.auxiliaryContentPosition?m.html`
|
|
58
58
|
<div class="md-input__before">
|
|
59
59
|
<slot name="input-section"> </slot>
|
|
60
60
|
</div>
|
|
61
|
-
`:
|
|
61
|
+
`:l.nothing}inputRightTemplate(){return this.clear&&!this.disabled&&this.value&&!this.readOnly?m.html`
|
|
62
62
|
<div class="md-input__after">
|
|
63
63
|
<md-button
|
|
64
64
|
hasRemoveStyle
|
|
@@ -75,27 +75,27 @@
|
|
|
75
75
|
</md-icon>
|
|
76
76
|
</md-button>
|
|
77
77
|
</div>
|
|
78
|
-
`:this.compact?void 0:
|
|
78
|
+
`:this.compact?void 0:m.html`
|
|
79
79
|
<div class="md-input__after">
|
|
80
80
|
<slot name="input-section-right"></slot>
|
|
81
81
|
</div>
|
|
82
|
-
`}secondaryLabelTemplate(){return this.secondaryLabel?
|
|
82
|
+
`}secondaryLabelTemplate(){return this.secondaryLabel?m.html`
|
|
83
83
|
<md-label
|
|
84
|
-
class="md-input__secondary-label ${Object(p.classMap)({disabled:this.disabled})}"
|
|
84
|
+
class="md-input__secondary-label ${Object(p.classMap)({disabled:this.disabled,newMomentum:this.newMomentum})}"
|
|
85
85
|
secondaryLabel
|
|
86
86
|
.htmlFor=${this.htmlId}
|
|
87
87
|
.label=${this.secondaryLabel}
|
|
88
88
|
@label-click="${()=>this.handleLabelClick()}"
|
|
89
89
|
></md-label>
|
|
90
|
-
`:
|
|
90
|
+
`:l.nothing}helpTextTemplate(){return this.helpText?m.html`
|
|
91
91
|
<md-help-text
|
|
92
|
-
class="help-text"
|
|
92
|
+
class="help-text ${Object(p.classMap)({disabled:this.disabled,newMomentum:this.newMomentum})}"
|
|
93
93
|
.message=${this.helpText}
|
|
94
|
-
style=${Object(
|
|
94
|
+
style=${Object(s.styleMap)({width:"100%"})}
|
|
95
95
|
></md-help-text>
|
|
96
|
-
`:
|
|
96
|
+
`:l.nothing}messagesTemplate(){return!this.hideMessage&&this.messages&&this.messages.length?m.html`
|
|
97
97
|
<div id="${this.htmlId}-message" part="message" class="md-input__messages">
|
|
98
|
-
${Object(
|
|
98
|
+
${Object(c.repeat)(this.messages,(e,t)=>m.html`
|
|
99
99
|
<md-help-text
|
|
100
100
|
.message=${e}
|
|
101
101
|
.id=${this.messageArr[t].id||""}
|
|
@@ -104,14 +104,14 @@
|
|
|
104
104
|
></md-help-text>
|
|
105
105
|
`)}
|
|
106
106
|
</div>
|
|
107
|
-
`:
|
|
107
|
+
`:l.nothing}labelTemplate(){return this.label?m.html`
|
|
108
108
|
<md-label
|
|
109
|
-
class="md-input__label ${Object(p.classMap)({disabled:this.disabled})}"
|
|
109
|
+
class="md-input__label ${Object(p.classMap)({disabled:this.disabled,newMomentum:this.newMomentum})}"
|
|
110
110
|
.htmlFor=${this.htmlId}
|
|
111
111
|
.label=${this.label}
|
|
112
112
|
@label-click="${()=>this.handleLabelClick()}"
|
|
113
113
|
></md-label>
|
|
114
|
-
`:
|
|
114
|
+
`:l.nothing}static get styles(){return[d.a,b]}render(){return m.html`
|
|
115
115
|
<div class="md-input-container ${Object(p.classMap)(this.inputClassMap)}" part="md-input-container">
|
|
116
116
|
${this.labelTemplate()}
|
|
117
117
|
<div class="md-input__wrapper ${Object(p.classMap)(this.inputWrapperClassMap)}">
|
|
@@ -119,4 +119,4 @@
|
|
|
119
119
|
</div>
|
|
120
120
|
${this.messagesTemplate()} ${this.secondaryLabelTemplate()} ${this.helpTextTemplate()}
|
|
121
121
|
</div>
|
|
122
|
-
`}};h([Object(
|
|
122
|
+
`}};h([Object(m.property)({type:String})],n.prototype,"ariaDescribedBy",void 0),h([Object(m.property)({type:String,reflect:!0})],n.prototype,"ariaInvalid",void 0),h([Object(m.property)({type:String})],n.prototype,"ariaLabel",void 0),h([Object(m.property)({type:Boolean,reflect:!0})],n.prototype,"autofocus",void 0),h([Object(m.property)({type:String})],n.prototype,"auxiliaryContentPosition",void 0),h([Object(m.property)({type:Boolean})],n.prototype,"clear",void 0),h([Object(m.property)({type:String})],n.prototype,"clearAriaLabel",void 0),h([Object(m.property)({type:Boolean})],n.prototype,"compact",void 0),h([Object(m.property)({type:String})],n.prototype,"containerSize",void 0),h([Object(m.property)({type:Boolean})],n.prototype,"disabled",void 0),h([Object(m.property)({type:String})],n.prototype,"id",void 0),h([Object(m.property)({type:String})],n.prototype,"inputSize",void 0),h([Object(m.property)({type:Boolean})],n.prototype,"isFilled",void 0),h([Object(m.property)({type:Boolean})],n.prototype,"isLoading",void 0),h([Object(m.property)({type:String})],n.prototype,"label",void 0),h([Object(m.property)({type:String})],n.prototype,"helpText",void 0),h([Object(m.property)({type:Boolean,attribute:"hide-message",reflect:!0})],n.prototype,"hideMessage",void 0),h([Object(m.property)({type:String})],n.prototype,"htmlId",void 0),h([Object(m.property)({type:String})],n.prototype,"role",void 0),h([Object(m.property)({type:Array})],n.prototype,"messageArr",void 0),h([Object(m.property)({type:Number,reflect:!0})],n.prototype,"min",void 0),h([Object(m.property)({type:Number,reflect:!0})],n.prototype,"max",void 0),h([Object(m.property)({type:Number})],n.prototype,"maxLength",void 0),h([Object(m.property)({type:Boolean})],n.prototype,"multi",void 0),h([Object(m.property)({type:Boolean})],n.prototype,"multiline",void 0),h([Object(m.property)({type:String,reflect:!0})],n.prototype,"name",void 0),h([Object(m.property)({type:Number})],n.prototype,"nestedLevel",void 0),h([Object(m.property)({type:String})],n.prototype,"placeholder",void 0),h([Object(m.property)({type:Boolean})],n.prototype,"readOnly",void 0),h([Object(m.property)({type:Boolean})],n.prototype,"required",void 0),h([Object(m.property)({type:Boolean})],n.prototype,"searchable",void 0),h([Object(m.property)({type:String})],n.prototype,"secondaryLabel",void 0),h([Object(m.property)({type:Boolean,attribute:"select-when-in-focus"})],n.prototype,"selectWhenInFocus",void 0),h([Object(m.property)({type:String})],n.prototype,"shape",void 0),h([Object(m.property)({type:String})],n.prototype,"type",void 0),h([Object(m.property)({type:String,reflect:!0})],n.prototype,"value",void 0),h([Object(m.property)({type:String})],n.prototype,"ariaControls",void 0),h([Object(m.property)({type:String})],n.prototype,"ariaExpanded",void 0),h([Object(m.property)({type:Boolean})],n.prototype,"newMomentum",void 0),h([Object(m.query)(".md-input")],n.prototype,"input",void 0),h([Object(m.internalProperty)()],n.prototype,"isEditing",void 0),n=h([Object(i.a)("md-input")],n),e.ELEMENT=n}(O||(O={}))}}]);
|
package/dist/chunks/md-26.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[26],{
|
|
1
|
+
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[26],{3202:function(e,t,n){(function(e,t){!function(e,n){"use strict";if(!e.setImmediate){var i,o,r,c,a,u=1,s={},l=!1,f=e.document,m=Object.getPrototypeOf&&Object.getPrototypeOf(e);m=m&&m.setTimeout?m:e,"[object process]"==={}.toString.call(e.process)?i=function(e){t.nextTick((function(){h(e)}))}:!function(){if(e.postMessage&&!e.importScripts){var t=!0,n=e.onmessage;return e.onmessage=function(){t=!1},e.postMessage("","*"),e.onmessage=n,t}}()?e.MessageChannel?((r=new MessageChannel).port1.onmessage=function(e){h(e.data)},i=function(e){r.port2.postMessage(e)}):f&&"onreadystatechange"in f.createElement("script")?(o=f.documentElement,i=function(e){var t=f.createElement("script");t.onreadystatechange=function(){h(e),t.onreadystatechange=null,o.removeChild(t),t=null},o.appendChild(t)}):i=function(e){setTimeout(h,0,e)}:(c="setImmediate$"+Math.random()+"$",a=function(t){t.source===e&&"string"==typeof t.data&&0===t.data.indexOf(c)&&h(+t.data.slice(c.length))},e.addEventListener?e.addEventListener("message",a,!1):e.attachEvent("onmessage",a),i=function(t){e.postMessage(c+t,"*")}),m.setImmediate=function(e){"function"!=typeof e&&(e=new Function(""+e));for(var t=new Array(arguments.length-1),n=0;n<t.length;n++)t[n]=arguments[n+1];var o={callback:e,args:t};return s[u]=o,i(u),u++},m.clearImmediate=d}function d(e){delete s[e]}function h(e){if(l)setTimeout(h,0,e);else{var t=s[e];if(t){l=!0;try{!function(e){var t=e.callback,n=e.args;switch(n.length){case 0:t();break;case 1:t(n[0]);break;case 2:t(n[0],n[1]);break;case 3:t(n[0],n[1],n[2]);break;default:t.apply(void 0,n)}}(t)}finally{d(e),l=!1}}}}}("undefined"==typeof self?void 0===e?this:e:self)}).call(this,n(91),n(3203))},3203:function(e,t){var n,i,o=e.exports={};function r(){throw new Error("setTimeout has not been defined")}function c(){throw new Error("clearTimeout has not been defined")}function a(e){if(n===setTimeout)return setTimeout(e,0);if((n===r||!n)&&setTimeout)return n=setTimeout,setTimeout(e,0);try{return n(e,0)}catch(t){try{return n.call(null,e,0)}catch(t){return n.call(this,e,0)}}}!function(){try{n="function"==typeof setTimeout?setTimeout:r}catch(e){n=r}try{i="function"==typeof clearTimeout?clearTimeout:c}catch(e){i=c}}();var u,s=[],l=!1,f=-1;function m(){l&&u&&(l=!1,u.length?s=u.concat(s):f=-1,s.length&&d())}function d(){if(!l){var e=a(m);l=!0;for(var t=s.length;t;){for(u=s,s=[];++f<t;)u&&u[f].run();f=-1,t=s.length}u=null,l=!1,function(e){if(i===clearTimeout)return clearTimeout(e);if((i===c||!i)&&clearTimeout)return i=clearTimeout,clearTimeout(e);try{i(e)}catch(t){try{return i.call(null,e)}catch(t){return i.call(this,e)}}}(e)}}function h(e,t){this.fun=e,this.array=t}function p(){}o.nextTick=function(e){var t=new Array(arguments.length-1);if(arguments.length>1)for(var n=1;n<arguments.length;n++)t[n-1]=arguments[n];s.push(new h(e,t)),1!==s.length||l||a(d)},h.prototype.run=function(){this.fun.apply(null,this.array)},o.title="browser",o.browser=!0,o.env={},o.argv=[],o.version="",o.versions={},o.on=p,o.addListener=p,o.once=p,o.off=p,o.removeListener=p,o.removeAllListeners=p,o.emit=p,o.prependListener=p,o.prependOnceListener=p,o.listeners=function(e){return[]},o.binding=function(e){throw new Error("process.binding is not supported")},o.cwd=function(){return"/"},o.chdir=function(e){throw new Error("process.chdir is not supported")},o.umask=function(){return 0}},64:function(e,t,n){(function(e){var i=void 0!==e&&e||"undefined"!=typeof self&&self||window,o=Function.prototype.apply;function r(e,t){this._id=e,this._clearFn=t}t.setTimeout=function(){return new r(o.call(setTimeout,i,arguments),clearTimeout)},t.setInterval=function(){return new r(o.call(setInterval,i,arguments),clearInterval)},t.clearTimeout=t.clearInterval=function(e){e&&e.close()},r.prototype.unref=r.prototype.ref=function(){},r.prototype.close=function(){this._clearFn.call(i,this._id)},t.enroll=function(e,t){clearTimeout(e._idleTimeoutId),e._idleTimeout=t},t.unenroll=function(e){clearTimeout(e._idleTimeoutId),e._idleTimeout=-1},t._unrefActive=t.active=function(e){clearTimeout(e._idleTimeoutId);var t=e._idleTimeout;t>=0&&(e._idleTimeoutId=setTimeout((function(){e._onTimeout&&e._onTimeout()}),t))},n(3202),t.setImmediate="undefined"!=typeof self&&self.setImmediate||void 0!==e&&e.setImmediate||this&&this.setImmediate,t.clearImmediate="undefined"!=typeof self&&self.clearImmediate||void 0!==e&&e.clearImmediate||this&&this.clearImmediate}).call(this,n(91))},91:function(e,t){var n;n=function(){return this}();try{n=n||new Function("return this")()}catch(e){"object"==typeof window&&(n=window)}e.exports=n}}]);
|
package/dist/chunks/md-31.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[31],{39:function(t,e,o){"use strict";var i=o(0);e.a=i.css`:host{box-sizing:border-box}:host(:focus){box-shadow:none!important;outline:0}:host([selected]) button{box-shadow:var(--tabs-default-active-bottom-border,inset 0 -2px 0 0 var(--tabs-default-active-border,#005e7d));border-radius:.25rem .25rem 0 0;color:var(--tabs-default-active,#005e7d);font-family:var(--brand-font-bold);font-weight:var(--brand-font-weight-bold)}:host([selected]) button:active{border-radius:.25rem}:host([vertical]) button{text-align:left!important}:host([selected][vertical]) button{border-radius:0 .25rem .25rem 0;box-shadow:var(--tabs-default-active-vertical-border,inset 2px 0 0 0 var(--tabs-default-active-border,#005e7d))}:host([selected][vertical]) button:active{border-radius:.25rem}:host(:
|
|
1
|
+
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[31],{39:function(t,e,o){"use strict";var i=o(0);e.a=i.css`:host{box-sizing:border-box}:host(:focus){box-shadow:none!important;outline:0}:host([selected]) button{box-shadow:var(--tabs-default-active-bottom-border,inset 0 -2px 0 0 var(--tabs-default-active-border,#005e7d));border-radius:.25rem .25rem 0 0;color:var(--tabs-default-active,#005e7d);font-family:var(--brand-font-bold);font-weight:var(--brand-font-weight-bold)}:host([selected]) button:active{border-radius:.25rem}:host([selected]) button.isPill{box-shadow:none;border-radius:1rem;background-color:var(--tabs-default-pressed,#dedede)}:host([selected]) button.isPill:active{border-radius:1rem}:host([selected]) button.isPill.onlyIcon{border-radius:100%}:host([selected]) button.isPill.onlyIcon:active{border-radius:100%}:host([vertical]) button{text-align:left!important}:host([selected][vertical]) button{border-radius:0 .25rem .25rem 0;box-shadow:var(--tabs-default-active-vertical-border,inset 2px 0 0 0 var(--tabs-default-active-border,#005e7d))}:host([selected][vertical]) button:active{border-radius:.25rem}:host([selected][vertical]) button.isPill{border-radius:1rem;box-shadow:none}:host([selected][vertical]) button.isPill:active{border-radius:1rem}:host([selected][vertical]) button.isPill.onlyIcon{border-radius:100%}:host([selected][vertical]) button.isPill.onlyIcon:active{border-radius:100%}:host(:focus) button{outline:2px solid var(--tabs-default-focus-border,#005e7d)!important;outline-offset:-.125rem;box-shadow:var(--tabs-default-focus-shadow,0 0 4px 2px transparent)!important}:host(:focus) button.newMomentum{background-color:var(--tabs-default-pressed,#dedede)}:host(:focus[selected]){background:rgba(0,0,0,0)}:host([viewporthidden]){display:none;height:auto!important;pointer-events:none;position:absolute;right:0;top:0;visibility:hidden;width:auto!important;z-index:-1}:host([measuringrealwidth]){width:auto!important}.tab-slot{display:inline-flex;justify-content:center;align-items:center;gap:.5rem;max-width:100%;height:100%}slot .tab-content{align-items:center;display:flex}slot .tab-content img,slot .tab-content md-icon{margin-right:.5rem}slot .tab-content img{height:1rem;width:1rem}.tab-action-button{display:flex;margin-left:calc(.125rem*4)}.tab-action-button md-icon{display:inherit}.tab-action-button:hover{cursor:pointer}.closable{display:flex;justify-content:space-between;align-items:center}md-icon:focus{border-radius:calc(.25rem/2);box-shadow:none;outline:0;box-shadow:0 0 0 .09375rem var(--md-focus-border-color)}button{background:rgba(0,0,0,0);border:none;border-radius:.25rem;color:var(--tabs-default-text-color,#545454);display:block;height:100%;min-height:2.8125rem;padding:.3rem 1rem;position:relative;text-align:center;text-decoration:none;white-space:nowrap;width:100%;vertical-align:middle}button:disabled{background:rgba(0,0,0,0);color:var(--tabs-default-disabled,#b2b2b2)!important;cursor:not-allowed}@media screen and (-ms-high-contrast:active){button:disabled{filter:brightness(1) contrast(1) saturate(1.5)}}button:disabled:hover{background:0 0}button:disabled:focus{outline:0!important;border:none!important}button ::slotted(span){display:flex;align-items:center;justify-content:center;gap:.5rem}button span{display:flex;align-items:center;justify-content:center;gap:.5rem}button:hover{background-color:var(--tabs-default-hover,#ededed)}button:active{background-color:var(--tabs-default-pressed,#dedede);outline:0}button:focus{outline:0}button.newMomentum{cursor:pointer;transition:background-color .2s,color .2s,border-color .2s;min-height:1.75rem;padding:0 .625rem 0 .625rem;justify-content:center}:host([vertical]) button .tab-slot{justify-content:flex-start}button.isPill{border-radius:1rem}button.isPill.onlyIcon{border-radius:100%}@media(forced-colors:active){:host{background-color:Canvas;box-shadow:none}:host button{border:none}:host([selected]) button{border-radius:.25rem .25rem 0 0;color:HighlightText;background-color:Highlight!important;forced-color-adjust:none}:host([selected]) button:active{border-radius:.25rem}:host(:focus) button{outline:2px solid Highlight;outline-offset:-2px;box-shadow:none;border:none}:host(:focus[selected]){background:Canvas}button:hover{outline:1px solid Highlight;outline-offset:-1px}button:focus:not(:disabled){outline:1px solid Highlight;outline-offset:-1px}button:disabled{forced-color-adjust:none;background-color:none;color:GrayText}}:host{display:flex;flex-direction:column;font-size:var(--body-secondary-font-size,14px);font-family:var(--brand-font-medium);font-weight:var(--brand-font-weight-medium);height:100%;padding:0;position:relative}.visible-tabs-slot{display:block;height:0;visibility:hidden;width:0}.visible-tabs-container{display:flex;flex-direction:row;width:100%}.visible-new-tabs{width:auto;gap:4px}.md-tab__list{border-bottom:1px solid var(--tabs-default-border-color,#ededed);display:inline-flex;height:3rem;min-height:3rem;padding-left:.125rem;padding-top:.125rem;text-align:center;width:100%}.md-tab__list .md-menu-overlay__more{height:100%;margin-left:auto;width:auto;max-width:128.5px}.md-tab__list .md-menu-overlay__more .md-menu-overlay__overflow-label{display:inline-block;max-width:70px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.md-tab__list .md-menu-overlay__more.md-menu-overlay__more--hidden{display:none;pointer-events:none;visibility:hidden;width:0!important;z-index:-1}.md-tab__list .md-menu-overlay__more_tab{height:100%;min-height:2.8125rem}.md-tab__list .md-menu-overlay__more_tab.md-menu-overlay__more_tab--measuring{opacity:0}.md-tab__list .md-menu-overlay__more_tab.md-menu-overlay__more_tab--hidden:not(.md-menu-overlay__more_tab--measuring){pointer-events:none;visibility:hidden;z-index:-1}.md-tab__list .md-menu-overlay__more_tab.md-menu-overlay__more_tab--hidden:not(.md-menu-overlay__more_tab--measuring)::part(tab){padding:0;border:none}.md-tab__list .md-menu-overlay__more_list{display:flex;flex-direction:column;height:auto;max-width:100%;padding:0;padding-bottom:calc(.125rem/2);padding-top:calc(.125rem/2);width:100%;overflow-x:hidden}.md-tab__list .md-menu-overlay__more_list md-tab::part(tab){text-align:left;padding-left:16px;padding-right:16px}.md-tab__list md-menu-overlay::part(overlay){top:-.8125rem}.tab-new-momentum{height:2rem;min-height:2rem}.tab-new-momentum img,.tab-new-momentum md-icon{margin-right:0!important}.md-tab__content{height:100%;overflow:hidden auto;padding:.125rem}md-menu-overlay md-tab md-tooltip{width:170px;position:relative;display:inline-flex;min-height:28px;align-items:center;overflow:hidden}md-menu-overlay md-tab md-tooltip .text-ellipsis{display:inline-block;vertical-align:middle;width:100%;max-width:100%;position:relative;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.md-tab__list ::slotted([slot=tab]){display:inline-block}.visible-tabs-container.md-tab__justified{display:flex;justify-content:space-between;padding-right:.125rem}.visible-tabs-container.md-tab__justified md-tab{display:inline-block;width:100%}.md-tab__list ::slotted([slot=tab][selected]),.md-tab__list md-tab[selected]{color:var(--tabs-default-active,#005e7d)}.md-tab__list ::slotted([slot=tab][disabled]),.md-tab__list md-tab[disabled]{color:var(--tabs-default-disabled,#b2b2b2)}.md-tab__list ::slotted([slot=tab]:focus),.md-tab__list md-tab:focus{box-shadow:none}.md-tab__content ::slotted([slot=panel]){display:none;visibility:hidden}.md-tab__content ::slotted([slot=panel][selected]){display:block;visibility:visible}.md-tab__content ::slotted([slot=panel][selected][focus-visible]:focus-visible){outline:2px solid var(--tabs-default-focus-border,#005e7d);outline-offset:calc(.125rem solid transparent*-2);outline-style:solid}.md-tab__content ::slotted([slot=panel][selected][focus-visible]:not(:focus-visible)){outline:0;outline-offset:none;outline-style:none}.md-tab__content{display:block;flex:1 1 auto}.no-tabs-visible{display:none!important}:host([direction=vertical]){flex-direction:row}:host([direction=vertical]) .md-tab__list{border-right:1px solid var(--tabs-default-border-color,#ededed);display:inline-flex;flex-direction:column;height:100%;justify-content:flex-start;width:auto}:host([direction=vertical]) .md-tab__list ::slotted([slot=tab]){border-left:.125rem solid transparent;display:block;height:auto;text-align:left}:host([direction=vertical]) .md-tab__list ::slotted([slot=tab])[selected]{color:var(--tabs-default-active,#005e7d)}:host([direction=vertical]) .md-tab__content ::slotted([slot=panel]){padding-left:.625rem}`}}]);
|
package/dist/chunks/md-41.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[41],{66:function(t,i,e){"use strict";var n=e(0);i.a=n.css`.md-floating{background-color:var(--floating-modal-main-bg-color,#fff);border:1px solid var(--floating-modal-outer-border-color,#ededed);border-radius:8px;box-shadow:var(--floating-modal-main-box-shadow,0 4px 8px rgba(0,0,0,.16),0 0 1px rgba(0,0,0,.16));display:flex;flex-direction:column;max-height:100%;max-width:100%;position:absolute;touch-action:none;user-select:none;z-index:1040}.md-floating.fixed{position:fixed}.md-floating.hide{display:block;height:0;visibility:hidden;width:0}.md-floating.md-floating-minimize{background:var(--floating-modal-main-bg-color-alternate,#545454);border-radius:8px;width:100%}.md-floating.md-floating-minimize:focus{box-shadow:0 0 0 .125rem #005e7d;outline:0}.md-floating .md-floating__header{align-items:center;border-bottom:1px solid var(--floating-modal-main-border-color,#dedede);color:var(--floating-modal-main-text-color,#121212);display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;max-height:3rem;padding:.5rem .5rem .5rem .75rem;width:100%}.md-floating .md-floating__header-text{flex:2 1 auto;font-family:var(--brand-font-regular, "CiscoSansTT Regular", "Helvetica Neue", Helvetica, Arial, sans-serif);font-size:16px;line-height:16px;text-align:left}.md-floating .md-floating__body{height:calc(100% - 3rem);overflow:auto;padding:.75rem 1.25rem}.md-floating .md-floating-body-minimize{display:block;height:0;visibility:hidden}.md-floating .md-floating__header-minimize{border-bottom:0;color:var(--floating-modal-main-text-color-alternate,#f7f7f7);font-size:16px;line-height:24px;width:100%}.md-floating-min-parent{bottom:0;height:3rem!important;position:absolute;right:0;width:223px!important}`},77:function(t,i,e){"use strict";e.r(i),e.d(i,"FloatingMinimizedModal",(function(){return n}));var n,o=e(
|
|
2
|
-
${this.show?
|
|
1
|
+
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[41],{66:function(t,i,e){"use strict";var n=e(0);i.a=n.css`.md-floating{background-color:var(--floating-modal-main-bg-color,#fff);border:1px solid var(--floating-modal-outer-border-color,#ededed);border-radius:8px;box-shadow:var(--floating-modal-main-box-shadow,0 4px 8px rgba(0,0,0,.16),0 0 1px rgba(0,0,0,.16));display:flex;flex-direction:column;max-height:100%;max-width:100%;position:absolute;touch-action:none;user-select:none;z-index:1040}.md-floating.fixed{position:fixed}.md-floating.hide{display:block;height:0;visibility:hidden;width:0}.md-floating.md-floating-minimize{background:var(--floating-modal-main-bg-color-alternate,#545454);border-radius:8px;width:100%}.md-floating.md-floating-minimize:focus{box-shadow:0 0 0 .125rem #005e7d;outline:0}.md-floating .md-floating__header{align-items:center;border-bottom:1px solid var(--floating-modal-main-border-color,#dedede);color:var(--floating-modal-main-text-color,#121212);display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;max-height:3rem;padding:.5rem .5rem .5rem .75rem;width:100%}.md-floating .md-floating__header-text{flex:2 1 auto;font-family:var(--brand-font-regular, "CiscoSansTT Regular", "Helvetica Neue", Helvetica, Arial, sans-serif);font-size:16px;line-height:16px;text-align:left}.md-floating .md-floating__body{height:calc(100% - 3rem);overflow:auto;padding:.75rem 1.25rem}.md-floating .md-floating-body-minimize{display:block;height:0;visibility:hidden}.md-floating .md-floating__header-minimize{border-bottom:0;color:var(--floating-modal-main-text-color-alternate,#f7f7f7);font-size:16px;line-height:24px;width:100%}.md-floating-min-parent{bottom:0;height:3rem!important;position:absolute;right:0;width:223px!important}`},77:function(t,i,e){"use strict";e.r(i),e.d(i,"FloatingMinimizedModal",(function(){return n}));e(16),e(13);var n,o=e(1),a=e(7),r=e(6),s=e(17),l=e(5),d=(e(47),e(48),e(49),e(21)),c=e.n(d),m=(e(50),e(0)),h=e(3),p=e(2),u=e(66),f=function(t,i,e,n){var o,a=arguments.length,r=a<3?i:null===n?n=Object.getOwnPropertyDescriptor(i,e):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,i,e,n);else for(var s=t.length-1;s>=0;s--)(o=t[s])&&(r=(a<3?o(r):a>3?o(i,e,r):o(i,e))||r);return a>3&&r&&Object.defineProperty(i,e,r),r},g=function(t,i,e,n){return new(e||(e=Promise))((function(o,a){function r(t){try{l(n.next(t))}catch(t){a(t)}}function s(t){try{l(n.throw(t))}catch(t){a(t)}}function l(t){var i;t.done?o(t.value):(i=t.value,i instanceof e?i:new e((function(t){t(i)}))).then(r,s)}l((n=n.apply(t,i||[])).next())}))};!function(t){let i=class extends(Object(a.a)(m.LitElement)){constructor(){super(...arguments),this.heading="",this.label="",this.show=!1,this.closeAriaLabel="Close Modal",this.minimize=!1,this.dragOccured=!1,this.containerTransform="",this.applyInitialPosition=!0,this.getInitialPosition=()=>{var t,i;return this.applyInitialPosition&&this.minPosition?{initialX:Number(null===(t=this.minPosition)||void 0===t?void 0:t.x),initialY:Number(null===(i=this.minPosition)||void 0===i?void 0:i.y)}:{initialX:0,initialY:0}},this.dragMoveListener=t=>{const{target:i}=t,{x:e,y:n}=this.getTransformValues(t);this.setTargetPosition(i,e,n),this.applyInitialPosition=!1},this.dragEndListener=()=>{this.dragOccured=!0,this.setContainerRect()}}static get styles(){return[l.a,u.a]}connectedCallback(){super.connectedCallback(),window.addEventListener("resize",Object(s.b)(()=>this.setInteractInstance(),250))}updated(t){super.updated(t),t.has("show")&&(this.container&&this.show?(this.applyInitialPosition=!0,this.setContainerRect(),this.setInteractInstance(),this.setFocusOnContainer()):(this.cleanContainerStyles(),this.destroyInteractInstance())),this.container&&t.has("minPosition")&&!t.has("show")&&this.setInitialTargetPosition(),t.has("minimize")&&void 0!==t.get("minimize")&&this.setFocusOnContainer()}isNewPositionNotSame(){var t,i,e,n;if(this.container)return Number(null===(t=this.container)||void 0===t?void 0:t.getAttribute("data-x"))!==(null===(i=this.minPosition)||void 0===i?void 0:i.x)||Number(null===(e=this.container)||void 0===e?void 0:e.getAttribute("data-y"))!==(null===(n=this.minPosition)||void 0===n?void 0:n.y)}setInitialTargetPosition(){var t,i;this.container&&this.isNewPositionNotSame()&&this.setTargetPosition(this.container,Number(null===(t=this.minPosition)||void 0===t?void 0:t.x),Number(null===(i=this.minPosition)||void 0===i?void 0:i.y))}setFocusOnContainer(){this.container&&(this.container.setAttribute("tabindex","0"),this.container.focus())}cleanContainerStyles(){this.containerTransform=""}getContainerTransform(){const t=this.container.getAttribute("data-x"),i=this.container.getAttribute("data-y");return t&&i?(this.dispatchEvent(new CustomEvent("floating-modal-minimize-location",{composed:!0,bubbles:!0,detail:{transform:{x:t,y:i}}})),`translate(${t}px, ${i}px)`):this.container.style.transform}setContainerRect(){requestAnimationFrame(()=>g(this,void 0,void 0,(function*(){yield this.updateComplete,this.containerTransform=this.getContainerTransform()})))}setInteractInstance(){requestAnimationFrame(()=>{this.container&&c()(this.container).draggable({autoScroll:!0,allowFrom:this.header,listeners:{move:this.dragMoveListener,end:this.dragEndListener},modifiers:[c.a.modifiers.restrictRect({restriction:document.body.getBoundingClientRect(),endOnly:!0})]})})}handleKeyDown(t){t.code!==o.b.Enter&&t.code!==o.b.Space||this.handleMinimize(t)}handleClose(t){this.show=!1,this.dispatchEvent(new CustomEvent("floating-modal-close",{composed:!0,bubbles:!0,detail:{srcEvent:t}})),t.stopPropagation()}handleMinimize(t){this.dragOccured||this.dispatchEvent(new CustomEvent("floating-min-modal-minimize",{composed:!0,bubbles:!0,detail:{srcEvent:t}})),this.dragOccured=!1}getTransformValues(t){const{target:i,dx:e,dy:n}=t,{initialX:o,initialY:a}=this.getInitialPosition();return{x:(parseFloat(i.getAttribute("data-x"))||0)+e+o,y:(parseFloat(i.getAttribute("data-y"))||0)+n+a}}setTargetPosition(t,i,e){t.style.transform=`translate(${i}px, ${e}px)`,t.setAttribute("data-x",""+i),t.setAttribute("data-y",""+e)}destroyInteractInstance(){this.container&&c.a.isSet(this.container)&&c()(this.container).unset()}disconnectedCallback(){super.disconnectedCallback(),this.destroyInteractInstance(),window.removeEventListener("resize",Object(s.b)(()=>this.setInteractInstance(),250))}render(){return m.html`
|
|
2
|
+
${this.show?m.html`
|
|
3
3
|
<div
|
|
4
4
|
class="md-floating ${this.minimize?"":"hide"} md-floating-minimize"
|
|
5
5
|
@click=${this.handleMinimize}
|
|
@@ -7,13 +7,13 @@
|
|
|
7
7
|
role="dialog"
|
|
8
8
|
tabindex="-1"
|
|
9
9
|
part="floating-minimized"
|
|
10
|
-
aria-label=${Object(
|
|
10
|
+
aria-label=${Object(p.ifDefined)(this.label||void 0)}
|
|
11
11
|
aria-modal="true"
|
|
12
|
-
style=${Object(
|
|
12
|
+
style=${Object(p.ifDefined)(this.minPosition?`transform: translate(${this.minPosition.x}px, ${this.minPosition.y}px) !important`:`transform: ${this.containerTransform} !important`)}
|
|
13
13
|
>
|
|
14
14
|
<div tabindex="-1" class="md-floating__header ${this.minimize?"md-floating__header-minimize":""}">
|
|
15
15
|
<div class="md-floating__header-text">
|
|
16
|
-
${this.heading?
|
|
16
|
+
${this.heading?m.html` ${this.heading} `:m.html` <slot></slot> `}
|
|
17
17
|
</div>
|
|
18
18
|
<md-button
|
|
19
19
|
color="color-none"
|
|
@@ -22,9 +22,9 @@
|
|
|
22
22
|
circle
|
|
23
23
|
@click=${this.handleClose}
|
|
24
24
|
>
|
|
25
|
-
<md-icon name="
|
|
25
|
+
<md-icon name="cancel-bold" size="16" iconSet="momentumDesign"></md-icon>
|
|
26
26
|
</md-button>
|
|
27
27
|
</div>
|
|
28
28
|
</div>
|
|
29
|
-
`:
|
|
30
|
-
`}};
|
|
29
|
+
`:h.nothing}
|
|
30
|
+
`}};f([Object(m.property)({type:String})],i.prototype,"heading",void 0),f([Object(m.property)({type:String})],i.prototype,"label",void 0),f([Object(m.property)({type:Boolean,reflect:!0})],i.prototype,"show",void 0),f([Object(m.property)({type:String,attribute:"close-aria-label"})],i.prototype,"closeAriaLabel",void 0),f([Object(m.property)({type:Boolean,reflect:!0})],i.prototype,"minimize",void 0),f([Object(m.property)({type:Object})],i.prototype,"minPosition",void 0),f([Object(m.query)(".md-floating")],i.prototype,"container",void 0),f([Object(m.query)(".md-floating__header")],i.prototype,"header",void 0),f([Object(m.internalProperty)()],i.prototype,"dragOccured",void 0),f([Object(m.internalProperty)()],i.prototype,"containerTransform",void 0),i=f([Object(r.a)("md-floating-modal-minimized")],i),t.ELEMENT=i}(n||(n={}))}}]);
|
package/dist/chunks/md-44.js
CHANGED
|
@@ -1,27 +1,27 @@
|
|
|
1
|
-
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[44],{45:function(e,
|
|
1
|
+
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[44],{45:function(t,e,s){"use strict";s.r(e),s.d(e,"TAB_CROSS_WIDTH",(function(){return b})),s.d(e,"Tab",(function(){return h}));var i=s(1),o=s(7),a=s(6),l=s(5),r=s(0),n=s(4),d=s(2),c=s(39),p=function(t,e,s,i){var o,a=arguments.length,l=a<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,s):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(t,e,s,i);else for(var r=t.length-1;r>=0;r--)(o=t[r])&&(l=(a<3?o(l):a>3?o(e,s,l):o(e,s))||l);return a>3&&l&&Object.defineProperty(e,s,l),l};const b=22;var h;!function(t){let e=class extends(Object(o.a)(r.LitElement)){constructor(){super(...arguments),this.tabIndex=-1,this.ariaLabel="",this.closable="",this.name="",this.isCrossVisible=!1,this.ariaRole="tab",this.type="Line",this.newMomentum=!1,this.onlyIcon=!1,this._disabled=!1,this._selected=0===this.tabIndex,this.vertical=!1,this.viewportHidden=!1}get disabled(){return this._disabled}set disabled(t){const e=this._disabled;this._disabled=t,this.setAttribute("aria-disabled",""+t),this.tabIndex=t?-1:0,this.requestUpdate("disabled",e)}get selected(){return this._selected}set selected(t){const e=this._selected;this._selected=t,t&&this.notifySelectedTab(),this.setAttribute("aria-selected",""+t),this.requestUpdate("selected",e)}static get styles(){return[l.a,c.a]}handleClick(t){t.preventDefault(),this.id&&this.dispatchEvent(new CustomEvent("tab-click",{detail:{id:this.id},bubbles:!0,composed:!0}))}handleCrossKeydown(t){t.stopPropagation(),t.code===i.b.Enter&&this.handleCrossEventDispatch()}handleCrossClick(t){t.preventDefault(),!0!==this.disabled&&this.handleCrossEventDispatch()}handleCrossEventDispatch(){this.id&&("auto"===this.closable?this.dispatchEvent(new CustomEvent("tab-cross-click",{detail:{id:this.id},bubbles:!0,composed:!0})):"custom"===this.closable&&this.dispatchEvent(new CustomEvent("tab-close-click",{detail:{id:this.id,name:this.name},bubbles:!0,composed:!0})))}notifySelectedTab(){this.dispatchEvent(new CustomEvent("focus-visible",{composed:!0,bubbles:!0}))}update(t){super.update(t),t.has("disabled")&&(this.selected=!1,this.setAttribute("aria-disabled",""+this.disabled))}connectedCallback(){super.connectedCallback()}firstUpdated(t){super.firstUpdated(t),this.ariaRole&&this.setAttribute("role",this.ariaRole)}renderCrossButton(){return r.html`
|
|
2
|
+
<div
|
|
3
|
+
?disabled=${this.disabled}
|
|
4
|
+
tabindex="-1"
|
|
5
|
+
class="tab-action-button"
|
|
6
|
+
@click=${t=>this.handleCrossClick(t)}
|
|
7
|
+
@keydown=${t=>this.handleCrossKeydown(t)}
|
|
8
|
+
>
|
|
9
|
+
<md-icon tabindex="0" name="cancel-bold" size="14" iconSet="momentumDesign"></md-icon>
|
|
10
|
+
</div>
|
|
11
|
+
`}render(){return r.html`
|
|
2
12
|
<button
|
|
3
13
|
type="button"
|
|
4
14
|
role="button"
|
|
5
15
|
?disabled=${this.disabled}
|
|
6
16
|
aria-selected="false"
|
|
7
|
-
aria-label=${Object(
|
|
17
|
+
aria-label=${Object(d.ifDefined)(this.ariaLabel||void 0)}
|
|
8
18
|
aria-hidden="true"
|
|
9
19
|
tabindex="-1"
|
|
10
20
|
part="tab"
|
|
11
|
-
class="${Object(
|
|
12
|
-
@click=${
|
|
21
|
+
class="${Object(n.classMap)({closable:""!==this.closable,isPill:"Pill"===this.type,newMomentum:this.newMomentum,onlyIcon:this.onlyIcon})}"
|
|
22
|
+
@click=${t=>this.handleClick(t)}
|
|
13
23
|
>
|
|
14
24
|
<slot class="tab-slot"></slot>
|
|
15
|
-
${this.isCrossVisible&&this.closable?
|
|
16
|
-
<div
|
|
17
|
-
?disabled=${this.disabled}
|
|
18
|
-
tabindex="-1"
|
|
19
|
-
class="tab-action-button"
|
|
20
|
-
@click=${e=>this.handleCrossClick(e)}
|
|
21
|
-
@keydown=${e=>this.handleCrossKeydown(e)}
|
|
22
|
-
>
|
|
23
|
-
<md-icon tabindex="0" name="cancel_14"></md-icon>
|
|
24
|
-
</div>
|
|
25
|
-
`:""}
|
|
25
|
+
${this.isCrossVisible&&this.closable?this.renderCrossButton():""}
|
|
26
26
|
</button>
|
|
27
|
-
`}};
|
|
27
|
+
`}};p([Object(r.property)({type:Number,reflect:!0})],e.prototype,"tabIndex",void 0),p([Object(r.property)({type:String,attribute:"aria-label"})],e.prototype,"ariaLabel",void 0),p([Object(r.property)({type:String,attribute:"closable"})],e.prototype,"closable",void 0),p([Object(r.property)({type:String,attribute:"name"})],e.prototype,"name",void 0),p([Object(r.property)({type:Boolean,attribute:"cross-visible"})],e.prototype,"isCrossVisible",void 0),p([Object(r.property)({type:String})],e.prototype,"ariaRole",void 0),p([Object(r.property)({type:String})],e.prototype,"type",void 0),p([Object(r.property)({type:Boolean})],e.prototype,"newMomentum",void 0),p([Object(r.property)({type:Boolean})],e.prototype,"onlyIcon",void 0),p([Object(r.property)({type:Boolean,reflect:!0})],e.prototype,"disabled",null),p([Object(r.property)({type:Boolean,reflect:!0})],e.prototype,"selected",null),p([Object(r.property)({type:Boolean,reflect:!0})],e.prototype,"vertical",void 0),p([Object(r.property)({type:Boolean,reflect:!0})],e.prototype,"viewportHidden",void 0),e=p([Object(a.a)("md-tab")],e),t.ELEMENT=e}(h||(h={}))}}]);
|