@momentum-ui/web-components 2.11.1-dev1 → 2.11.1-dev2
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/assets/styles/fonts.css +104 -0
- package/dist/chunks/md-1.js +1 -1
- package/dist/chunks/md-10.js +1 -1
- package/dist/chunks/md-11.js +1 -1
- package/dist/chunks/md-12.js +2 -2
- package/dist/chunks/md-13.js +4 -4
- package/dist/chunks/md-15.js +10 -10
- package/dist/chunks/md-16.js +2 -2
- package/dist/chunks/md-17.js +2 -2
- package/dist/chunks/md-19.js +1 -1
- package/dist/chunks/md-24.js +1 -1
- package/dist/chunks/md-25.js +1 -1
- package/dist/chunks/md-27.js +1 -1
- package/dist/chunks/md-29.js +1 -1
- package/dist/chunks/md-3.js +1 -1
- package/dist/chunks/md-30.js +1 -1
- package/dist/chunks/md-35.js +1 -1
- package/dist/chunks/md-37.js +1 -1
- package/dist/chunks/md-38.js +1 -1
- package/dist/chunks/md-4.js +1 -1
- package/dist/chunks/md-40.js +1 -1
- package/dist/chunks/md-41.js +3 -3
- package/dist/chunks/md-46.js +1 -1
- package/dist/chunks/md-47.js +1 -1
- package/dist/chunks/md-48.js +7 -7
- package/dist/chunks/md-5.js +1 -1
- package/dist/chunks/md-52.js +1 -1
- package/dist/chunks/md-56.js +1 -1
- package/dist/chunks/md-57.js +21 -15
- package/dist/chunks/md-61.js +1 -1
- package/dist/chunks/md-63.js +1 -1
- package/dist/chunks/md-65.js +1 -1
- package/dist/chunks/md-67.js +1 -1
- package/dist/chunks/md-69.js +1 -1
- package/dist/chunks/md-7.js +2 -2
- package/dist/chunks/md-70.js +3 -3
- package/dist/chunks/md-71.js +1 -1
- package/dist/chunks/md-78.js +1 -1
- package/dist/chunks/md-8.js +1 -1
- package/dist/chunks/md-80.js +2 -3
- package/dist/chunks/md-81.js +1 -1
- package/dist/chunks/md-82.js +2 -2
- package/dist/chunks/md-83.js +1 -1
- package/dist/chunks/md-9.js +1 -1
- package/dist/comp/md-button-entry.js +1 -1
- package/dist/comp/md-coachmark-entry.js +1 -1
- package/dist/comp/md-coachmark.js +1 -0
- package/dist/index-entry.js +1 -1
- package/dist/types/components/alert/Alert.d.ts +1 -1
- package/dist/types/components/coachmark/Coachmark.d.ts +3 -1
- package/dist/types/components/combobox/ComboBox.d.ts +1 -1
- package/dist/types/components/tabs/Tabs.d.ts +3 -3
- package/dist/types/components/timepicker/TimePicker.d.ts +1 -1
- package/package.json +2 -2
package/dist/chunks/md-11.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[11],{
|
|
1
|
+
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[11],{16:function(t,n,e){"use strict";e.d(n,"c",(function(){return o})),e.d(n,"b",(function(){return u})),e.d(n,"a",(function(){return r}));const o=(t,n)=>{const e=[];[n].forEach(n=>{e.push(...((t,n)=>{const e=n.length;if(0===e)return[];const o=[],u=t.toLowerCase(),r=n.toLowerCase();let c=0,s=u.indexOf(r,c);for(;s>-1;)c=s+e,o.push([s,c]),s=u.indexOf(r,s+1);return o})(t,n))});const o=(([...t])=>{if(!t.length)return[];t.sort((t,n)=>t[0]!==n[0]?t[0]-n[0]:t[1]-n[1]);const n=[];let e=t[0][0],o=t[0][1];return t.shift(),t.forEach(([t,u])=>{t>=o?(n.push([e,o]),e=t,o=u):u>o&&(o=u)}),n.push([e,o]),n})(e),u=[];let r=0;return o.forEach(([n,e])=>{r!==n&&u.push({range:[n,e],matching:!1,text:t.slice(r,n)}),u.push({range:[n,e],matching:!0,text:t.slice(n,e)}),r=e}),r!==t.length&&u.push({range:[r],matching:!1,text:t.slice(r)}),u};function u(t,n,e){let o;return function(...u){const r=this,c=e&&!o;clearTimeout(o),o=setTimeout((function(){o=null,e||t.apply(r,u)}),n),c&&t.apply(r,u)}}function r(t,n){return function n(e){if(!e||e===document||e===window)return null;const o=e.closest(t);return o||n(e.getRootNode().host)}(n)}}}]);
|
package/dist/chunks/md-12.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[12],{50:function(e,t,r){"use strict";r.r(t),r.d(t,"HelpText",(function(){return s}));var s,
|
|
1
|
+
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[12],{50:function(e,t,r){"use strict";r.r(t),r.d(t,"HelpText",(function(){return s}));var s,o=r(5),i=r(6),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}: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}`,c=function(e,t,r,s){var o,i=arguments.length,a=i<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,r):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,r,s);else for(var n=e.length-1;n>=0;n--)(o=e[n])&&(a=(i<3?o(a):i>3?o(t,r,a):o(t,r))||a);return i>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[o.a,m]}getIconName(){switch(this.messageType){case"success":return"check_12";case"error":return"error_12";case"warning":return"warning_12";default:return""}}render(){return a.html`
|
|
2
2
|
<div class="md-input__message ${Object(n.classMap)(this.inputMessageClassMap)}"
|
|
3
3
|
id=${this.id}
|
|
4
4
|
aria-live=${this.ariaLive}
|
|
@@ -6,4 +6,4 @@
|
|
|
6
6
|
<md-icon name="${this.getIconName()}"></md-icon>
|
|
7
7
|
<slot>${this.message}</slot>
|
|
8
8
|
</div>
|
|
9
|
-
`}};c([Object(a.property)({type:String})],t.prototype,"message",void 0),c([Object(a.property)({type:String})],t.prototype,"messageType",void 0),c([Object(a.property)({type:String})],t.prototype,"id",void 0),c([Object(a.property)({type:String})],t.prototype,"ariaLive",void 0),t=c([Object(
|
|
9
|
+
`}};c([Object(a.property)({type:String})],t.prototype,"message",void 0),c([Object(a.property)({type:String})],t.prototype,"messageType",void 0),c([Object(a.property)({type:String})],t.prototype,"id",void 0),c([Object(a.property)({type:String})],t.prototype,"ariaLive",void 0),t=c([Object(i.a)("md-help-text")],t),e.ELEMENT=t}(s||(s={}))}}]);
|
package/dist/chunks/md-13.js
CHANGED
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[13],{51:function(e,o,r){"use strict";r.r(o),r.d(o,"Label",(function(){return t}));var t,i=r(5),
|
|
1
|
+
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[13],{51:function(e,o,r){"use strict";r.r(o),r.d(o,"Label",(function(){return t}));var t,i=r(5),a=r(6),l=r(0),d=r(13),c=l.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}`,s=function(e,o,r,t){var i,a=arguments.length,l=a<3?o:null===t?t=Object.getOwnPropertyDescriptor(o,r):t;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(e,o,r,t);else for(var d=e.length-1;d>=0;d--)(i=e[d])&&(l=(a<3?i(l):a>3?i(o,r,l):i(o,r))||l);return a>3&&l&&Object.defineProperty(o,r,l),l};!function(e){let o=class extends l.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[i.a,c]}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(e){this.setFocus(),this.dispatchEvent(new CustomEvent("label-click",{composed:!0,bubbles:!0,detail:{htmlFor:this.htmlFor}}))}render(){return l.html`
|
|
2
2
|
<label
|
|
3
3
|
@click="${e=>this.handleClick(e)}"
|
|
4
4
|
class="md-label ${Object(d.classMap)(this.labelClassMap)}"
|
|
5
5
|
for="${this.htmlFor}"
|
|
6
6
|
>
|
|
7
|
-
${this.label?
|
|
7
|
+
${this.label?l.html`
|
|
8
8
|
<span>${this.label}</span>
|
|
9
|
-
`:
|
|
9
|
+
`:l.html`
|
|
10
10
|
<slot></slot>
|
|
11
11
|
`}
|
|
12
12
|
</label>
|
|
13
|
-
`}};s([Object(
|
|
13
|
+
`}};s([Object(l.property)({type:String})],o.prototype,"label",void 0),s([Object(l.property)({type:String})],o.prototype,"theme",void 0),s([Object(l.property)({type:Boolean})],o.prototype,"radioLabel",void 0),s([Object(l.property)({type:Boolean})],o.prototype,"checkboxLabel",void 0),s([Object(l.property)({type:Boolean})],o.prototype,"toggleSwitchLabel",void 0),s([Object(l.property)({type:String})],o.prototype,"htmlFor",void 0),s([Object(l.property)({type:Boolean})],o.prototype,"active",void 0),s([Object(l.property)({type:Boolean})],o.prototype,"disabled",void 0),s([Object(l.property)({type:Boolean})],o.prototype,"indeterminate",void 0),s([Object(l.property)({type:Boolean})],o.prototype,"secondaryLabel",void 0),o=s([Object(a.a)("md-label")],o),e.ELEMENT=o}(t||(t={}))}}]);
|
package/dist/chunks/md-15.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[15],{24: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(50),i(15),i(51),i(48);var n=i(1),r=i(6),o=i(33),d=i(5),a=i(10),l=i(0),s=i(3),p=i(4),m=i(2),c=i(14),u=i(9),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{align-content:normal;align-items:normal;display:flex;flex-flow:column wrap;justify-content:normal;box-sizing:border-box;line-height:0;margin-bottom:1rem;position:relative;width:100%}.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{background-color:rgba(0,0,0,0);color:var(--md-secondary-text-color,#545454);fill:var(--md-secondary-text-color,#545454);display:flex}.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-hover-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)}.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{background-color:rgba(0,0,0,0);display:flex}.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(--md-alert-warning-bg-color,#ffecc2);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(--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(--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{background-color:rgba(0,0,0,0);display:flex}.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(--md-alert-success-bg-color,#78f5b8);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(--md-alert-success-bg-color,#78f5b8)}.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{background-color:rgba(0,0,0,0);display:flex}.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{background-color:rgba(0,0,0,0);display:flex}.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:4px;font-family:"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:"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,n){var r,o=arguments.length,d=o<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,i):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)d=Reflect.decorate(e,t,i,n);else for(var a=e.length-1;a>=0;a--)(r=e[a])&&(d=(o<3?r(d):o>3?r(t,i,d):r(t,i))||d);return o>3&&d&&Object.defineProperty(t,i,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"],y=["text","number","password","email","tel","checkbox"],v=["none","pill"],_=a,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.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!==n.b.Space&&t!==n.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}}inputTemplate(){return this.multiline?l.html`
|
|
1
|
+
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[15],{24: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(50),i(15),i(51),i(48);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(14),u=i(9),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{align-content:normal;align-items:normal;display:flex;flex-flow:column wrap;justify-content:normal;box-sizing:border-box;line-height:0;margin-bottom:1rem;position:relative;width:100%}.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{background-color:rgba(0,0,0,0);color:var(--md-secondary-text-color,#545454);fill:var(--md-secondary-text-color,#545454);display:flex}.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{background-color:rgba(0,0,0,0);display:flex}.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{background-color:rgba(0,0,0,0);display:flex}.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{background-color:rgba(0,0,0,0);display:flex}.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{background-color:rgba(0,0,0,0);display:flex}.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: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.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}}inputTemplate(){return this.multiline?l.html`
|
|
2
2
|
<textarea
|
|
3
3
|
part="input"
|
|
4
4
|
class="md-input ${Object(p.classMap)(this.inputTemplateClassMap)}"
|
|
@@ -15,11 +15,11 @@
|
|
|
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(c.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(c.ifDefined)(this.maxLength)}
|
|
23
23
|
></textarea>
|
|
24
24
|
`:l.html`
|
|
25
25
|
<input
|
|
@@ -40,14 +40,14 @@
|
|
|
40
40
|
aria-label=${this.ariaLabel}
|
|
41
41
|
aria-invalid=${this.ariaInvalid}
|
|
42
42
|
aria-errormessage=${this.htmlId+"-message"}
|
|
43
|
-
aria-disabled=${Object(
|
|
43
|
+
aria-disabled=${Object(c.ifDefined)(this.disabled||void 0)}
|
|
44
44
|
id=${this.htmlId}
|
|
45
45
|
role=${this.role}
|
|
46
46
|
placeholder=${this.placeholder}
|
|
47
47
|
?readonly=${this.readOnly||this.disabled}
|
|
48
|
-
min=${Object(
|
|
49
|
-
max=${Object(
|
|
50
|
-
maxlength=${Object(
|
|
48
|
+
min=${Object(c.ifDefined)(this.min)}
|
|
49
|
+
max=${Object(c.ifDefined)(this.max)}
|
|
50
|
+
maxlength=${Object(c.ifDefined)(this.maxLength)}
|
|
51
51
|
/>
|
|
52
52
|
`}inputLeftTemplate(){return this.searchable?l.html`
|
|
53
53
|
<div class="md-input__before">
|
|
@@ -96,7 +96,7 @@
|
|
|
96
96
|
></md-help-text>
|
|
97
97
|
`:s.nothing}messagesTemplate(){return!this.hideMessage&&this.messages&&this.messages.length?l.html`
|
|
98
98
|
<div id="${this.htmlId}-message" part="message" class="md-input__messages">
|
|
99
|
-
${Object(
|
|
99
|
+
${Object(m.repeat)(this.messages,(e,t)=>l.html`
|
|
100
100
|
<md-help-text
|
|
101
101
|
.message=${e}
|
|
102
102
|
.id=${this.messageArr[t].id||""}
|
|
@@ -112,7 +112,7 @@
|
|
|
112
112
|
.label=${this.label}
|
|
113
113
|
@label-click="${()=>this.handleLabelClick()}"
|
|
114
114
|
></md-label>
|
|
115
|
-
`:s.nothing}static get styles(){return[
|
|
115
|
+
`:s.nothing}static get styles(){return[a.a,b]}render(){return l.html`
|
|
116
116
|
<div class="md-input-container ${Object(p.classMap)(this.inputClassMap)}" part="md-input-container">
|
|
117
117
|
${this.labelTemplate()}
|
|
118
118
|
<div class="md-input__wrapper ${Object(p.classMap)(this.inputWrapperClassMap)}">
|
|
@@ -120,4 +120,4 @@
|
|
|
120
120
|
</div>
|
|
121
121
|
${this.messagesTemplate()} ${this.secondaryLabelTemplate()} ${this.helpTextTemplate()}
|
|
122
122
|
</div>
|
|
123
|
-
`}};h([Object(l.property)({type:String})],i.prototype,"ariaDescribedBy",void 0),h([Object(l.property)({type:String,reflect:!0})],i.prototype,"ariaInvalid",void 0),h([Object(l.property)({type:String})],i.prototype,"ariaLabel",void 0),h([Object(l.property)({type:Boolean,reflect:!0})],i.prototype,"autofocus",void 0),h([Object(l.property)({type:String})],i.prototype,"auxiliaryContentPosition",void 0),h([Object(l.property)({type:Boolean})],i.prototype,"clear",void 0),h([Object(l.property)({type:String})],i.prototype,"clearAriaLabel",void 0),h([Object(l.property)({type:Boolean})],i.prototype,"compact",void 0),h([Object(l.property)({type:String})],i.prototype,"containerSize",void 0),h([Object(l.property)({type:Boolean})],i.prototype,"disabled",void 0),h([Object(l.property)({type:String})],i.prototype,"id",void 0),h([Object(l.property)({type:String})],i.prototype,"inputSize",void 0),h([Object(l.property)({type:Boolean})],i.prototype,"isFilled",void 0),h([Object(l.property)({type:Boolean})],i.prototype,"isLoading",void 0),h([Object(l.property)({type:String})],i.prototype,"label",void 0),h([Object(l.property)({type:String})],i.prototype,"helpText",void 0),h([Object(l.property)({type:Boolean,attribute:"hide-message",reflect:!0})],i.prototype,"hideMessage",void 0),h([Object(l.property)({type:String})],i.prototype,"htmlId",void 0),h([Object(l.property)({type:String})],i.prototype,"role",void 0),h([Object(l.property)({type:Array})],i.prototype,"messageArr",void 0),h([Object(l.property)({type:Number,reflect:!0})],i.prototype,"min",void 0),h([Object(l.property)({type:Number,reflect:!0})],i.prototype,"max",void 0),h([Object(l.property)({type:Number})],i.prototype,"maxLength",void 0),h([Object(l.property)({type:Boolean})],i.prototype,"multi",void 0),h([Object(l.property)({type:Boolean})],i.prototype,"multiline",void 0),h([Object(l.property)({type:String,reflect:!0})],i.prototype,"name",void 0),h([Object(l.property)({type:Number})],i.prototype,"nestedLevel",void 0),h([Object(l.property)({type:String})],i.prototype,"placeholder",void 0),h([Object(l.property)({type:Boolean})],i.prototype,"readOnly",void 0),h([Object(l.property)({type:Boolean})],i.prototype,"required",void 0),h([Object(l.property)({type:Boolean})],i.prototype,"searchable",void 0),h([Object(l.property)({type:String})],i.prototype,"secondaryLabel",void 0),h([Object(l.property)({type:Boolean,attribute:"select-when-in-focus"})],i.prototype,"selectWhenInFocus",void 0),h([Object(l.property)({type:String})],i.prototype,"shape",void 0),h([Object(l.property)({type:String})],i.prototype,"type",void 0),h([Object(l.property)({type:String,reflect:!0})],i.prototype,"value",void 0),h([Object(l.property)({type:String})],i.prototype,"ariaControls",void 0),h([Object(l.query)(".md-input")],i.prototype,"input",void 0),h([Object(l.internalProperty)()],i.prototype,"isEditing",void 0),i=h([Object(
|
|
123
|
+
`}};h([Object(l.property)({type:String})],i.prototype,"ariaDescribedBy",void 0),h([Object(l.property)({type:String,reflect:!0})],i.prototype,"ariaInvalid",void 0),h([Object(l.property)({type:String})],i.prototype,"ariaLabel",void 0),h([Object(l.property)({type:Boolean,reflect:!0})],i.prototype,"autofocus",void 0),h([Object(l.property)({type:String})],i.prototype,"auxiliaryContentPosition",void 0),h([Object(l.property)({type:Boolean})],i.prototype,"clear",void 0),h([Object(l.property)({type:String})],i.prototype,"clearAriaLabel",void 0),h([Object(l.property)({type:Boolean})],i.prototype,"compact",void 0),h([Object(l.property)({type:String})],i.prototype,"containerSize",void 0),h([Object(l.property)({type:Boolean})],i.prototype,"disabled",void 0),h([Object(l.property)({type:String})],i.prototype,"id",void 0),h([Object(l.property)({type:String})],i.prototype,"inputSize",void 0),h([Object(l.property)({type:Boolean})],i.prototype,"isFilled",void 0),h([Object(l.property)({type:Boolean})],i.prototype,"isLoading",void 0),h([Object(l.property)({type:String})],i.prototype,"label",void 0),h([Object(l.property)({type:String})],i.prototype,"helpText",void 0),h([Object(l.property)({type:Boolean,attribute:"hide-message",reflect:!0})],i.prototype,"hideMessage",void 0),h([Object(l.property)({type:String})],i.prototype,"htmlId",void 0),h([Object(l.property)({type:String})],i.prototype,"role",void 0),h([Object(l.property)({type:Array})],i.prototype,"messageArr",void 0),h([Object(l.property)({type:Number,reflect:!0})],i.prototype,"min",void 0),h([Object(l.property)({type:Number,reflect:!0})],i.prototype,"max",void 0),h([Object(l.property)({type:Number})],i.prototype,"maxLength",void 0),h([Object(l.property)({type:Boolean})],i.prototype,"multi",void 0),h([Object(l.property)({type:Boolean})],i.prototype,"multiline",void 0),h([Object(l.property)({type:String,reflect:!0})],i.prototype,"name",void 0),h([Object(l.property)({type:Number})],i.prototype,"nestedLevel",void 0),h([Object(l.property)({type:String})],i.prototype,"placeholder",void 0),h([Object(l.property)({type:Boolean})],i.prototype,"readOnly",void 0),h([Object(l.property)({type:Boolean})],i.prototype,"required",void 0),h([Object(l.property)({type:Boolean})],i.prototype,"searchable",void 0),h([Object(l.property)({type:String})],i.prototype,"secondaryLabel",void 0),h([Object(l.property)({type:Boolean,attribute:"select-when-in-focus"})],i.prototype,"selectWhenInFocus",void 0),h([Object(l.property)({type:String})],i.prototype,"shape",void 0),h([Object(l.property)({type:String})],i.prototype,"type",void 0),h([Object(l.property)({type:String,reflect:!0})],i.prototype,"value",void 0),h([Object(l.property)({type:String})],i.prototype,"ariaControls",void 0),h([Object(l.query)(".md-input")],i.prototype,"input",void 0),h([Object(l.internalProperty)()],i.prototype,"isEditing",void 0),i=h([Object(n.a)("md-input")],i),e.ELEMENT=i}($||($={}))}}]);
|
package/dist/chunks/md-16.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[16],{32:function(e,t,r){"use strict";r.r(t),r.d(t,"OverlaySizes",(function(){return i})),r.d(t,"menuOverlaySize",(function(){return w})),r.d(t,"menuOverlayPlacement",(function(){return x})),r.d(t,"menuOverlayRole",(function(){return L})),r.d(t,"MenuOverlay",(function(){return C}));var i,o=r(1),
|
|
1
|
+
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[16],{32:function(e,t,r){"use strict";r.r(t),r.d(t,"OverlaySizes",(function(){return i})),r.d(t,"menuOverlaySize",(function(){return w})),r.d(t,"menuOverlayPlacement",(function(){return x})),r.d(t,"menuOverlayRole",(function(){return L})),r.d(t,"MenuOverlay",(function(){return C}));var i,o=r(1),a=r(6),n=r(34),s=r(16),l=r(25),d=r.n(l),h=r(26),p=r.n(h),c=r(27),v=r.n(c),u=r(28),m=r.n(u),g=r(21),y=r(0),b=y.css`:host{--vw-padding:16px}.md-menu-overlay{box-sizing:border-box;color:var(--md-primary-text-color);position:relative}.md-menu-overlay *{box-sizing:inherit}.md-menu-overlay .overlay-content{background-color:var(--md-primary-bg-color);border:1px solid var(--md-menu-overlay-border-color,--gray-20);border-radius:.5rem;display:flex;justify-content:space-around;max-width:calc(100vw - var(--vw-padding)*2);overflow-y:auto}.md-menu-overlay .overlay-container{border-radius:.5rem;box-shadow:0 8px 16px rgba(0,0,0,.16),0 0 1px rgba(0,0,0,.14);box-sizing:border-box;display:none;position:absolute;z-index:1000}.md-menu-overlay .overlay-container[data-show]{display:block}.overlay-arrow{filter:drop-shadow(0 0 5px rgba(0, 0, 0, .16));height:0;visibility:hidden;width:0;z-index:-1}.overlay-arrow[data-show]{visibility:visible}.overlay-container[data-popper-placement^=top]>.overlay-arrow{border-left:solid 1rem transparent;border-right:solid 1rem transparent;border-top:solid 1rem var(--md-menu-overlay-arrow-bg-color,var(--md-tertiary-white-bg-color));bottom:-.875rem}.overlay-container[data-popper-placement^=bottom]>.overlay-arrow{border-bottom:solid 1rem var(--md-menu-overlay-arrow-bg-color,var(--md-tertiary-white-bg-color));border-left:solid 1rem transparent;border-right:solid 1rem transparent;top:-.875rem}.overlay-container[data-popper-placement^=right]>.overlay-arrow{border-bottom:solid 1rem transparent;border-right:solid 1rem var(--md-menu-overlay-arrow-bg-color,var(--md-tertiary-white-bg-color));border-top:solid 1rem transparent;left:-.875rem}.overlay-container[data-popper-placement^=left]>.overlay-arrow{border-bottom:solid 1rem transparent;border-left:solid 1rem var(--md-menu-overlay-arrow-bg-color,var(--md-tertiary-white-bg-color));border-top:solid 1rem transparent;right:-.875rem}`,O=r(2),E=function(e,t,r,i){var o,a=arguments.length,n=a<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,r):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,r,i);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(n=(a<3?o(n):a>3?o(t,r,n):o(t,r))||n);return a>3&&n&&Object.defineProperty(t,r,n),n},f=function(e,t,r,i){return new(r||(r=Promise))((function(o,a){function n(e){try{l(i.next(e))}catch(e){a(e)}}function s(e){try{l(i.throw(e))}catch(e){a(e)}}function l(e){var t;e.done?o(e.value):(t=e.value,t instanceof r?t:new r((function(e){e(t)}))).then(n,s)}l((i=i.apply(e,t||[])).next())}))};!function(e){e.small="260px",e.large="370px"}(i||(i={}));const w=["small","large"],x=["left-start","left","left-end","right-start","right","right-end","top-start","top","top-end","bottom-start","bottom","bottom-end"],L=["menu","dialog"];var C;!function(e){let t=class extends(Object(n.a)(y.LitElement)){constructor(){super(...arguments),this._isOpen=!1,this.size="large",this.maxHeight="",this.customWidth="",this.showArrow=!1,this.disabled=!1,this.placement="bottom",this.allowHoverToggle=!1,this.ariaRole="menu",this.ariaLabel="",this.popperInstance=null,this.triggerElement=null,this.shouldWrapFocus=()=>"dialog"===this.ariaRole,this.updateActiveMenuOverlayOpened=t=>{var r;this===t.target&&(null===(r=e.ELEMENT.activeOverlay)||void 0===r||r.push(t.target))},this.updateActiveMenuOverlayClosed=t=>{var r,i;let o=e.ELEMENT.activeOverlay.indexOf(t.target);this===t.target&&-1!==o&&(e.ELEMENT.activeOverlay.splice(o,1),e.ELEMENT.activeOverlay.length>0?(null===(r=e.ELEMENT.activeOverlay[e.ELEMENT.activeOverlay.length-1])||void 0===r||r.setFocusableElements(),null===(i=e.ELEMENT.activeOverlay[e.ELEMENT.activeOverlay.length-1])||void 0===i||i.focusOnNestedTrigger(this.triggerElement)):this.setFocusableElements())},this.handleTriggerClick=e=>{this.toggleOverlay()},this.setOverlay=Object(s.b)(e=>{this.disabled||(this.isOpen=e)},100),this.expandPopup=()=>{this.setOverlay(!0)},this.collapsePopup=()=>{this.setOverlay(!1)},this.handleOutsideOverlayKeydown=t=>f(this,void 0,void 0,(function*(){let r=!1;const i=t.composedPath();if((!i.length||(r=!!i.find(e=>e===this),r))&&this.overlayContainer&&t.code===o.b.Escape){t.preventDefault(),(e.ELEMENT.activeOverlay.length>0?e.ELEMENT.activeOverlay[e.ELEMENT.activeOverlay.length-1]:void 0)===this&&(this.isOpen=!1,yield this.updateComplete,this.focusOnTrigger())}})),this.handleTriggerKeyDown=e=>f(this,void 0,void 0,(function*(){switch(e.code){case o.b.Space:case o.b.Enter:e.preventDefault(),this.toggleOverlay(),this.isOpen||(yield this.updateComplete,this.focusOnTrigger())}})),this.handleOutsideOverlayClick=e=>{let t=!1;const r=e.composedPath();r.length&&(t=!!r.find(e=>e===this),t||this.preventClickOutside||(this.isOpen=!1))}}get isOpen(){return this._isOpen}set isOpen(e){const t=this._isOpen;this._isOpen=e,this.handleInstance(e),this.overlayContainer&&this.overlayContainer.toggleAttribute("data-show",e),this.requestUpdate("isOpen",t)}renderMaxHeight(){return this.maxHeight?`max-height: ${this.maxHeight};`:"max-height: calc(100vh - 48px);"}renderWidth(){return this.customWidth?`width: ${this.customWidth};`:"small"===this.size?`width: ${i.small};`:`width: ${i.large};`}getStyles(){return y.html`
|
|
2
2
|
<style>
|
|
3
3
|
:host .md-menu-overlay .overlay-content {
|
|
4
4
|
${this.renderMaxHeight()};
|
|
@@ -19,4 +19,4 @@
|
|
|
19
19
|
</div>
|
|
20
20
|
</div>
|
|
21
21
|
</div>
|
|
22
|
-
`}};t.activeOverlay=[],E([Object(y.property)({type:Boolean,attribute:"is-open",reflect:!0})],t.prototype,"isOpen",null),E([Object(y.property)({type:String})],t.prototype,"size",void 0),E([Object(y.property)({type:String,attribute:"max-height"})],t.prototype,"maxHeight",void 0),E([Object(y.property)({type:String,attribute:"custom-width"})],t.prototype,"customWidth",void 0),E([Object(y.property)({type:Boolean,attribute:"show-arrow"})],t.prototype,"showArrow",void 0),E([Object(y.property)({type:Boolean})],t.prototype,"disabled",void 0),E([Object(y.property)({type:String})],t.prototype,"placement",void 0),E([Object(y.property)({type:Boolean,attribute:"allow-hover-toggle"})],t.prototype,"allowHoverToggle",void 0),E([Object(y.property)({type:String})],t.prototype,"ariaRole",void 0),E([Object(y.property)({type:String})],t.prototype,"ariaLabel",void 0),E([Object(y.query)(".overlay-container")],t.prototype,"overlayContainer",void 0),E([Object(y.query)(".overlay-arrow")],t.prototype,"arrow",void 0),E([Object(y.queryAssignedNodes)("menu-trigger",!0)],t.prototype,"trigger",void 0),t=E([Object(
|
|
22
|
+
`}};t.activeOverlay=[],E([Object(y.property)({type:Boolean,attribute:"is-open",reflect:!0})],t.prototype,"isOpen",null),E([Object(y.property)({type:String})],t.prototype,"size",void 0),E([Object(y.property)({type:String,attribute:"max-height"})],t.prototype,"maxHeight",void 0),E([Object(y.property)({type:String,attribute:"custom-width"})],t.prototype,"customWidth",void 0),E([Object(y.property)({type:Boolean,attribute:"show-arrow"})],t.prototype,"showArrow",void 0),E([Object(y.property)({type:Boolean})],t.prototype,"disabled",void 0),E([Object(y.property)({type:String})],t.prototype,"placement",void 0),E([Object(y.property)({type:Boolean,attribute:"allow-hover-toggle"})],t.prototype,"allowHoverToggle",void 0),E([Object(y.property)({type:String})],t.prototype,"ariaRole",void 0),E([Object(y.property)({type:String})],t.prototype,"ariaLabel",void 0),E([Object(y.query)(".overlay-container")],t.prototype,"overlayContainer",void 0),E([Object(y.query)(".overlay-arrow")],t.prototype,"arrow",void 0),E([Object(y.queryAssignedNodes)("menu-trigger",!0)],t.prototype,"trigger",void 0),t=E([Object(a.a)("md-menu-overlay")],t),e.ELEMENT=t}(C||(C={}))}}]);
|
package/dist/chunks/md-17.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[17],{29:function(e,t,r){"use strict";var a=r(0);t.a=a.css`.md-datepicker__month-container{display:flex;flex-direction:column;height:17.5rem;justify-content:space-between;padding:12px 10px 12px}.md-datepicker__navigation--buttons{align-items:center;color:var(--md-primary-text-color,inherit);display:flex;justify-content:space-between;line-height:normal;width:2.75rem}.md-datepicker__navigation--buttons md-button[disabled]::part(button){background-color:none;color:var(--md-disabled-text-color,inherit)}.md-datepicker__month{width:auto}.md-datepicker__week{height:2.125rem}.md-datepicker__navigation--current-month{font-size:1rem;font-weight:700;text-transform:capitalize}.md-datepicker__navigation{display:flex;justify-content:space-between;padding:0 6px}.md-datepicker__day--names{display:flex}.md-datepicker__day{border-radius:100%;display:inline-block;height:1.75rem;width:1.75rem}.md-datepicker__day--names{color:var(--md-secondary-text-color,#545454);display:flex;font-size:.625rem;justify-content:space-around;line-height:.875rem;margin:12px 0 8px;text-transform:capitalize}.md-datepicker__day::part(button):hover{background:var(--datepicker-default-hover-bg-color,#545454)}.md-datepicker__day[disabled]::part(button){background:0 0;color:var(--md-disabled-text-color,inherit)}.md-datepicker__day--today::part(button){font-weight:700}.md-datepicker__day--today::part(button)::after{border:1px solid var(--datepicker-range-text-color,#121212);height:1.8rem;left:7%;position:absolute;top:4%;width:1.8rem}.md-datepicker__day--focus::part(button){background:var(--datepicker-range-hover-bg-color,#dedede)}.md-datepicker__day--selected::part(button){background:var(--md-primary-text-color,#121212);color:var(--md-secondary-bg-color,#fff)}.md-datepicker__day--outside-month{color:var(--md-disabled-text-color,inherit)}.md-datepicker__day--in-range::part(button){color:var(--datepicker-range-text-color,#121212);z-index:10}.md-datepicker__day--in-range::part(button)::before{background:var(--datepicker-range-bg-color);content:"";display:block;height:1.75rem;position:absolute;top:0;width:2.25rem;z-index:-1}.md-datepicker__day--in-range::part(button):
|
|
1
|
+
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[17],{29:function(e,t,r){"use strict";var a=r(0);t.a=a.css`.md-datepicker__month-container{display:flex;flex-direction:column;height:17.5rem;justify-content:space-between;padding:12px 10px 12px}.md-datepicker__navigation--buttons{align-items:center;color:var(--datepicker-default-navigation-button,var(--md-primary-text-color,inherit));display:flex;justify-content:space-between;line-height:normal;width:2.75rem}.md-datepicker__navigation--buttons md-button[disabled]::part(button){background-color:none;color:var(--md-disabled-text-color,inherit)}.md-datepicker__month{width:auto}.md-datepicker__week{height:2.125rem}.md-datepicker__navigation--current-month{font-size:1rem;font-weight:700;text-transform:capitalize;color:var(--datepicker-default-navigation-label,inherit)}.md-datepicker__navigation{display:flex;justify-content:space-between;padding:0 6px}.md-datepicker__day--names{display:flex}.md-datepicker__day{color:var(--datepicker-default-number-color,inherit);background-color:var(--datepicker-default-number-bg-color,inherit);border-radius:100%;display:inline-block;height:1.75rem;width:1.75rem}.md-datepicker__day--names{color:var(--datepicker-default-days,var(--md-secondary-text-color,#545454));display:flex;font-size:.625rem;justify-content:space-around;line-height:.875rem;margin:12px 0 8px;text-transform:capitalize}.md-datepicker__day::part(button):hover{background:var(--datepicker-default-hover-bg-color,#545454)}.md-datepicker__day[disabled]::part(button){background:0 0;color:var(--md-disabled-text-color,inherit)}.md-datepicker__day--today::part(button){font-weight:700}.md-datepicker__day--today::part(button)::after{border:var(--datepicker-selected-today-border,1px solid var(--datepicker-range-text-color,#121212));height:1.8rem;left:7%;position:absolute;top:4%;width:1.8rem}.md-datepicker__day--focus::part(button){background:var(--datepicker-default-number-bg-color,var(--datepicker-range-hover-bg-color,#dedede))}.md-datepicker__day--selected::part(button){background:var(--datepicker-selected-bg-color,var(--md-primary-text-color,#121212));color:var(--datepicker-selected-text-color,var(--md-secondary-bg-color,#fff))}.md-datepicker__day--outside-month{color:var(--datepicker-invalid-text-color,var(--md-disabled-text-color,inherit))}.md-datepicker__day--in-range::part(button){color:var(--datepicker-range-text-color,#121212);z-index:10}.md-datepicker__day--in-range::part(button)::before{background:var(--datepicker-range-bg-color);content:"";display:block;height:1.75rem;position:absolute;top:0;width:2.25rem;z-index:-1}.md-datepicker__day--in-range::part(button):hover{color:var(--datepicker-hover-text-color,var(--datepicker-range-text-color,#121212))}.md-datepicker__day--in-range::part(button):active{color:var(--datepicker-pressed-text-color,#121212)}.md-datepicker__day--in-range::part(button):focus{color:var(--datepicker-focus-text-color,var(--datepicker-range-text-color,#121212))}.md-datepicker__day--in-range::part(button):focus::before{background:radial-gradient(circle at 43% center,var(--datepicker-range-hover-bg-color) 60%,rgba(0,0,0,0) 60%,var(--datepicker-range-bg-color) 60%,var(--datepicker-range-bg-color) 60%)}.md-datepicker__day--in-range::part(button):focus::after{background:radial-gradient(circle at 50% center,rgba(0,0,0,0) 50%,var(--datepicker-range-hover-bg-color) 51%,var(--datepicker-range-hover-bg-color) 100%,rgba(0,0,0,0) 100%);content:""}.md-datepicker__day--week-first::part(button)::before{border-bottom-left-radius:1rem;border-top-left-radius:1rem}.md-datepicker__day--week-last::part(button)::before{border-bottom-right-radius:1rem;border-top-right-radius:1rem;width:calc(2rem - 2px)}.md-datepicker__day--start-date::part(button){color:var(--md-secondary-bg-color,#121212)}.md-datepicker__day--start-date::part(button)::before{background:radial-gradient(circle at 40% center,var(--md-primary-text-color,#121212) 59%,rgba(0,0,0,0) 50%,var(--datepicker-range-bg-color) 50%,var(--datepicker-range-bg-color) 50%);border-bottom-left-radius:1rem;border-top-left-radius:1rem}.md-datepicker__day--start-date::part(button)::after{background:radial-gradient(circle at 50% center,rgba(0,0,0,0) 50%,var(--datepicker-range-edge-bg-color,#121212) 51%,var(--datepicker-range-edge-bg-color,#121212) 100%,rgba(0,0,0,0) 100%);content:""}.md-datepicker__day--end-date::part(button){color:var(--md-secondary-bg-color,#121212)}.md-datepicker__day--end-date::part(button)::before{background:radial-gradient(circle at 47% center,var(--datepicker-range-edge-bg-color,#121212) 58%,rgba(0,0,0,0) 50%,var(--datepicker-range-bg-color) 50%,var(--datepicker-range-bg-color) 50%);border-bottom-right-radius:1rem;border-top-right-radius:1rem;width:calc(2rem - 2px)}.md-datepicker__day--end-date::part(button)::after{background:radial-gradient(circle at 50% center,rgba(0,0,0,0) 50%,var(--datepicker-range-edge-bg-color,#121212) 51%,var(--datepicker-range-edge-bg-color,#121212) 100%,rgba(0,0,0,0) 100%);content:""}`},74:function(e,t,r){"use strict";r.r(t),r.d(t,"DatePickerDay",(function(){return a}));r(18);var a,d=r(6),i=r(8),o=r(16),n=r(5),c=r(0),s=r(4),l=r(2),p=r(29),h=function(e,t,r,a){var d,i=arguments.length,o=i<3?t:null===a?a=Object.getOwnPropertyDescriptor(t,r):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(e,t,r,a);else for(var n=e.length-1;n>=0;n--)(d=e[n])&&(o=(i<3?d(o):i>3?d(t,r,o):d(t,r))||o);return i>3&&o&&Object.defineProperty(t,r,o),o};!function(e){let t=class extends c.LitElement{constructor(){super(...arguments),this.focused=!1,this.selected=!1,this.disabled=!1,this.day=Object(i.n)(),this.viewAnchorMonth=void 0,this.filterParams=void 0,this.datePickerProps=void 0,this.isOutsideMonth=!1,this.isToday=!1,this.parentRangePicker=null,this.dateIsInRange=!1,this.handleClick=e=>{this.dispatchEvent(new CustomEvent("day-select",{bubbles:!0,composed:!0,detail:{date:this.day,sourceEvent:e}}))},this.isDateInRange=()=>{const e=this.parentRangePicker,t=null==e?void 0:e.startDate,r=null==e?void 0:e.endDate;return!this.isPrimarySelection()&&(this.day.toSQLDate()>t&&this.day.toSQLDate()<r||this.day.toSQLDate()==t||this.day.toSQLDate()==r||!1)},this.handleKeyDown=e=>{this.dispatchEvent(new CustomEvent("day-key-event",{bubbles:!0,composed:!0,detail:{date:this.day,sourceEvent:e}}))}}connectedCallback(){super.connectedCallback(),this.disabled=this.filterParams&&Object(i.j)(this.day,this.filterParams)||!1,this.isOutsideMonth=this.day.month!==this.viewAnchorMonth,this.isToday=Object(i.k)(this.day,Object(i.n)()),this.selected=this.datePickerProps&&Object(i.k)(this.datePickerProps.selected,this.day)||!1,this.focused=this.datePickerProps&&Object(i.k)(this.datePickerProps.focused,this.day)||!1,this.parentRangePicker=Object(o.a)("md-date-range-picker",this)}updated(e){var t,r;super.updated(e),this.disabled=this.filterParams&&Object(i.j)(this.day,this.filterParams)||!1,this.isOutsideMonth=this.day.month!==this.viewAnchorMonth,this.isToday=Object(i.k)(this.day,Object(i.n)()),this.selected=this.datePickerProps&&Object(i.k)(this.datePickerProps.selected,this.day)||!1,this.focused=this.datePickerProps&&Object(i.k)(this.datePickerProps.focused,this.day)||!1,this.focused&&this.button&&(null===(r=null===(t=this.button.shadowRoot)||void 0===t?void 0:t.querySelector("button"))||void 0===r||r.focus()),this.parentRangePicker&&(this.dateIsInRange=this.isDateInRange())}isPrimarySelection(){var e;return(null===(e=this.parentRangePicker)||void 0===e?void 0:e.startDate)&&void 0===this.parentRangePicker.endDate}isLeadingRangeEdge(){var e;return this===(null===(e=this.parentNode)||void 0===e?void 0:e.firstElementChild)}isEndingRangeEdge(){var e;return this===(null===(e=this.parentNode)||void 0===e?void 0:e.lastElementChild)}isStartDate(){var e;return(null===(e=this.parentRangePicker)||void 0===e?void 0:e.startDate)===this.day.toSQLDate()&&!this.isPrimarySelection()}isEndDate(){var e;return(null===(e=this.parentRangePicker)||void 0===e?void 0:e.endDate)===this.day.toSQLDate()}get getDayClassMap(){return{"md-datepicker__day--selected":this.selected,"md-datepicker__day--focus":this.focused,"md-datepicker__day--today":this.isToday,"md-datepicker__day--outside-month":this.isOutsideMonth,"md-datepicker__day--in-range":this.dateIsInRange,"md-datepicker__day--week-first":this.isLeadingRangeEdge(),"md-datepicker__day--week-last":this.isEndingRangeEdge(),"md-datepicker__day--start-date":this.isStartDate(),"md-datepicker__day--end-date":this.isEndDate()}}static get styles(){return[n.a,p.a]}render(){var e;const t=Object(i.m)(this.day,(null===(e=this.datePickerProps)||void 0===e?void 0:e.locale)||"en").toFormat("D, dd MMMM yyyy");return c.html`
|
|
2
2
|
<md-button
|
|
3
3
|
circle
|
|
4
4
|
size=${28}
|
|
@@ -9,7 +9,7 @@
|
|
|
9
9
|
@keydown=${e=>this.handleKeyDown(e)}
|
|
10
10
|
ariaLabel=${""+t}
|
|
11
11
|
title=${""+t}
|
|
12
|
-
aria-selected=${Object(
|
|
12
|
+
aria-selected=${Object(l.ifDefined)(this.selected)}
|
|
13
13
|
tab-index=${this.focused?"0":"-1"}
|
|
14
14
|
>
|
|
15
15
|
${this.day&&Object(i.d)(this.day)}
|