@momentum-ui/web-components 2.10.11 → 2.11.1-dev1
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-1.js +1 -1
- package/dist/chunks/md-10.js +1 -1
- package/dist/chunks/md-13.js +1 -1
- package/dist/chunks/md-15.js +3 -3
- package/dist/chunks/md-16.js +1 -1
- package/dist/chunks/md-17.js +3 -3
- package/dist/chunks/md-19.js +1 -1
- package/dist/chunks/md-20.js +1 -1
- package/dist/chunks/md-24.js +1 -1
- package/dist/chunks/md-27.js +1 -1
- package/dist/chunks/md-29.js +1 -1
- package/dist/chunks/md-30.js +1 -1
- package/dist/chunks/md-31.js +1 -1
- package/dist/chunks/md-34.js +1 -1
- package/dist/chunks/md-35.js +2 -2
- package/dist/chunks/md-37.js +3 -3
- package/dist/chunks/md-39.js +1 -1
- package/dist/chunks/md-41.js +1 -1
- package/dist/chunks/md-42.js +1 -1
- package/dist/chunks/md-47.js +1 -1
- package/dist/chunks/md-48.js +1 -1
- package/dist/chunks/md-49.js +1 -1
- package/dist/chunks/md-51.js +2 -2
- package/dist/chunks/md-52.js +1 -1
- package/dist/chunks/md-53.js +1 -1
- package/dist/chunks/md-56.js +1 -1
- package/dist/chunks/md-57.js +1 -1
- package/dist/chunks/md-6.js +1 -1
- package/dist/chunks/md-63.js +2 -2
- package/dist/chunks/md-64.js +2 -2
- package/dist/chunks/md-68.js +1 -1
- package/dist/chunks/md-7.js +2 -2
- package/dist/chunks/md-71.js +1 -1
- package/dist/chunks/md-72.js +1 -1
- package/dist/chunks/md-73.js +1 -1
- package/dist/chunks/md-76.js +4 -4
- package/dist/chunks/md-77.js +2 -2
- package/dist/chunks/md-78.js +1 -1
- package/dist/chunks/md-79.js +1 -1
- package/dist/chunks/md-80.js +1 -1
- package/dist/chunks/md-81.js +1 -1
- package/dist/chunks/md-82.js +2 -2
- package/dist/chunks/md-84.js +1 -1
- package/dist/index-entry.js +1 -1
- package/dist/index.js +1 -1
- package/dist/types/components/button/Button.d.ts +2 -2
- package/dist/types/components/combobox/ComboBox.d.ts +1 -0
- package/dist/types/components/datepicker/datepicker-calendar/DatePickerCalendar.d.ts +1 -1
- package/dist/types/components/tabs/TabPanel.d.ts +1 -1
- package/dist/types/index.d.ts +1 -1
- package/package.json +2 -2
package/dist/chunks/md-30.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[30],{49:function(e,o,t){"use strict";t.r(o),t.d(o,"Badge",(function(){return r}));var r,a=t(6),d=t(5),i=t(0),l=t(3),c=t(4),n=i.css`.md-badge{align-items:center;display:inline-flex;font-family:"CiscoSansTT Regular","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:400;height:2rem;justify-content:flex-start;line-height:1rem;margin-bottom:auto;overflow:hidden;position:relative;text-align:center;text-decoration:none;white-space:nowrap;padding:.25rem 1rem;font-size:.75rem;background-color:var(--badge-default-bg-color,#f7f7f7);color:var(--badge-default-text-color,#545454);border-radius:6.25rem}.md-badge:focus{outline:2px solid var(--button-focus-ring-color);outline-offset:2px}.md-badge--small{padding:.1875rem .75rem;font-size:.75rem;height:1.5rem;min-width:auto}.md-badge--compact,.md-badge--split{padding:.25rem 1rem .25rem .25rem;font-size:.75rem}.md-badge--circle{padding:.75rem .75rem;font-size:.75rem;height:2.5rem;justify-content:center;min-width:auto;width:2.5rem}.md-badge--circle ::slotted(md-icon){margin:0!important}.md-badge--outline{color:var(--badge-outline-color,#b2b2b2);border:2px solid var(--badge-outline-color,#b2b2b2);background-color:rgba(0,0,0,0);border:1px solid;min-width:auto}.md-badge--gray{background-color:var(--badge-gray-bg-color,#dedede);color:var(--badge-gray-text-color,#121212)}.md-badge--gold{background-color:var(--badge-gold-bg-color,#f5eaa2);color:var(--badge-gold-text-color,#735107)}.md-badge--lime{background-color:var(--badge-lime-bg-color,#ddf2ae);color:var(--badge-lime-text-color,#416116)}.md-badge--blue,.md-badge--cobalt{background-color:var(--badge-blue-bg-color,#c7eeff);color:var(--badge-blue-text-color,#08599c)}.md-badge--mint{background-color:var(--badge-mint-bg-color,#baf5e7);color:var(--badge-mint-text-color,#12615a)}.md-badge--darkmint{background-color:var(--badge-darkmint-bg-color,#16a693);color:var(--badge-darkmint-text-color,#f7f7f7)}.md-badge--green{background-color:var(--badge-green-bg-color,#78f5b8);color:var(--badge-green-text-color,#03612c)}.md-badge--yellow{background-color:var(--badge-yellow-bg-color,#ffd98c);color:var(--badge-yellow-text-color,#7d4705)}.md-badge--red{background-color:var(--badge-red-bg-color);color:var(--badge-red-text-color,#a12512)}.md-badge--darkred{background-color:var(--badge-darkred-bg-color,#16a693);color:var(--badge-darkred-text-color,#4a1812)}.md-badge--orange{background-color:var(--badge-orange-bg-color,#fce4c7);color:var(--badge-orange-text-color,#914017)}.md-badge--purple{background-color:var(--badge-purple-bg-color,#fce1fc);color:var(--badge-purple-text-color,#932099)}.md-badge--violet{background-color:var(--badge-violet-bg-color,#f0e3fc);color:var(--badge-violet-text-color,#643abd)}.md-badge--cyan{background-color:var(--badge-cyan-bg-color,#b2f4f7);color:var(--badge-cyan-text-color,#066070)}.md-badge--pink{background-color:var(--badge-pink-bg-color,#ffe0e7);color:var(--badge-pink-text-color,#a12a3a)}.md-badge--hold{background-color:var(--badge-hold-bg-color,#ffecc2);color:var(--badge-hold-text-color,#121212)}.md-badge--disabled{background-color:var(--md-quaternary-two-bg-color,#dedede);color:var(--md-disabled-text-color,#b2b2b2)}.md-badge--disabled ::slotted(md-icon){color:var(--md-disabled-text-color,#b2b2b2)}.md-badge--small.md-badge--circle{height:1.5rem;width:1.5rem}.badge-counter{font-weight:700;margin-left:.5rem}::slotted(md-icon){height:1rem;margin-right:.5rem;width:1rem}::slotted(md-badge){height:1rem;margin-right:.5rem;width:1rem}::slotted(span){align-items:center;display:inline-flex;height:1rem;justify-content:center}.split-separator{margin:0 .5rem;opacity:.4}@media
|
|
1
|
+
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[30],{49:function(e,o,t){"use strict";t.r(o),t.d(o,"Badge",(function(){return r}));var r,a=t(6),d=t(5),i=t(0),l=t(3),c=t(4),n=i.css`.md-badge{align-items:center;display:inline-flex;font-family:"CiscoSansTT Regular","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:400;height:2rem;justify-content:flex-start;line-height:1rem;margin-bottom:auto;overflow:hidden;position:relative;text-align:center;text-decoration:none;white-space:nowrap;padding:.25rem 1rem;font-size:.75rem;background-color:var(--badge-default-bg-color,#f7f7f7);color:var(--badge-default-text-color,#545454);border-radius:6.25rem}.md-badge:focus{outline:2px solid var(--button-focus-ring-color);outline-offset:2px}.md-badge--small{padding:.1875rem .75rem;font-size:.75rem;height:1.5rem;min-width:auto}.md-badge--compact,.md-badge--split{padding:.25rem 1rem .25rem .25rem;font-size:.75rem}.md-badge--circle{padding:.75rem .75rem;font-size:.75rem;height:2.5rem;justify-content:center;min-width:auto;width:2.5rem}.md-badge--circle ::slotted(md-icon){margin:0!important}.md-badge--outline{color:var(--badge-outline-color,#b2b2b2);border:2px solid var(--badge-outline-color,#b2b2b2);background-color:rgba(0,0,0,0);border:1px solid;min-width:auto}.md-badge--gray{background-color:var(--badge-gray-bg-color,#dedede);color:var(--badge-gray-text-color,#121212)}.md-badge--gold{background-color:var(--badge-gold-bg-color,#f5eaa2);color:var(--badge-gold-text-color,#735107)}.md-badge--lime{background-color:var(--badge-lime-bg-color,#ddf2ae);color:var(--badge-lime-text-color,#416116)}.md-badge--blue,.md-badge--cobalt{background-color:var(--badge-blue-bg-color,#c7eeff);color:var(--badge-blue-text-color,#08599c)}.md-badge--mint{background-color:var(--badge-mint-bg-color,#baf5e7);color:var(--badge-mint-text-color,#12615a)}.md-badge--darkmint{background-color:var(--badge-darkmint-bg-color,#16a693);color:var(--badge-darkmint-text-color,#f7f7f7)}.md-badge--green{background-color:var(--badge-green-bg-color,#78f5b8);color:var(--badge-green-text-color,#03612c)}.md-badge--yellow{background-color:var(--badge-yellow-bg-color,#ffd98c);color:var(--badge-yellow-text-color,#7d4705)}.md-badge--red{background-color:var(--badge-red-bg-color);color:var(--badge-red-text-color,#a12512)}.md-badge--darkred{background-color:var(--badge-darkred-bg-color,#16a693);color:var(--badge-darkred-text-color,#4a1812)}.md-badge--orange{background-color:var(--badge-orange-bg-color,#fce4c7);color:var(--badge-orange-text-color,#914017)}.md-badge--purple{background-color:var(--badge-purple-bg-color,#fce1fc);color:var(--badge-purple-text-color,#932099)}.md-badge--violet{background-color:var(--badge-violet-bg-color,#f0e3fc);color:var(--badge-violet-text-color,#643abd)}.md-badge--cyan{background-color:var(--badge-cyan-bg-color,#b2f4f7);color:var(--badge-cyan-text-color,#066070)}.md-badge--pink{background-color:var(--badge-pink-bg-color,#ffe0e7);color:var(--badge-pink-text-color,#a12a3a)}.md-badge--hold{background-color:var(--badge-hold-bg-color,#ffecc2);color:var(--badge-hold-text-color,#121212)}.md-badge--disabled{background-color:var(--md-quaternary-two-bg-color,#dedede);color:var(--md-disabled-text-color,#b2b2b2)}.md-badge--disabled ::slotted(md-icon){color:var(--md-disabled-text-color,#b2b2b2)}.md-badge--small.md-badge--circle{height:1.5rem;width:1.5rem}.badge-counter{font-weight:700;margin-left:.5rem}::slotted(md-icon){height:1rem;margin-right:.5rem;width:1rem}::slotted(md-badge){height:1rem;margin-right:.5rem;width:1rem}::slotted(span){align-items:center;display:inline-flex;height:1rem;justify-content:center}.split-separator{margin:0 .5rem;opacity:.4}@media(forced-colors:active){.md-badge{forced-color-adjust:none;background-color:Canvas!important;color:CanvasText!important;outline:1px solid CanvasText!important}}`,g=t(2),b=function(e,o,t,r){var a,d=arguments.length,i=d<3?o:null===r?r=Object.getOwnPropertyDescriptor(o,t):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,o,t,r);else for(var l=e.length-1;l>=0;l--)(a=e[l])&&(i=(d<3?a(i):d>3?a(o,t,i):a(o,t))||i);return d>3&&i&&Object.defineProperty(o,t,i),i};!function(e){let o=class extends i.LitElement{constructor(){super(...arguments),this.ariaLabel="",this.color="",this.bgColor="",this.textColor="",this.height="",this.width="",this.outlined=!1,this.compact=!1,this.circle=!1,this.small=!1,this.split=!1,this.disabled=!1,this.tabIndexing="",this.ariaHiddenSplits="",this.renderBgColor=()=>this.bgColor?`background-color: ${this.bgColor};`:l.nothing,this.renderTextColor=()=>this.textColor?`color: ${this.textColor};`:l.nothing,this.renderHeight=()=>this.height?`height: ${this.height};`:l.nothing,this.renderWidth=()=>this.width?`width: ${this.width};`:l.nothing,this.getStyles=()=>this.bgColor||this.textColor||this.height||this.width?i.html`
|
|
2
2
|
<style>
|
|
3
3
|
:host .md-badge {
|
|
4
4
|
${this.renderBgColor()};
|
package/dist/chunks/md-31.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[31],{77:function(e,t,o){"use strict";o.r(t),o.d(t,"Favorite",(function(){return i}));var i,r=o(5),a=o(0),c=o(7),d=o(6),n=(o(15),a.css`:host{align-content:center;align-items:center;display:inline-flex;flex-flow:row nowrap;justify-content:center}.md-favorite{align-content:center;align-items:center;display:inline-flex;flex-flow:row nowrap;justify-content:center;border-radius:.25rem;height:1.25rem;padding:calc(.125rem
|
|
1
|
+
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[31],{77:function(e,t,o){"use strict";o.r(t),o.d(t,"Favorite",(function(){return i}));var i,r=o(5),a=o(0),c=o(7),d=o(6),n=(o(15),a.css`:host{align-content:center;align-items:center;display:inline-flex;flex-flow:row nowrap;justify-content:center}.md-favorite{align-content:center;align-items:center;display:inline-flex;flex-flow:row nowrap;justify-content:center;border-radius:.25rem;height:1.25rem;padding:calc(.125rem*1.5);padding-top:calc(.125rem*2.5);position:relative;width:1.25rem}.md-favorite input{visibility:hidden}.md-favorite md-icon{position:absolute}.md-favorite md-icon,.md-favorite md-icon::part(icon){color:var(--button-secondary-text-color,#121212);line-height:.8125rem}.md-favorite:hover{background-color:var(--button-favorite-hover-bg-color,#ededed)}.md-favorite:focus{outline:0}.md-favorite:active{background-color:var(--button-favorite-pressed-bg-color,#dedede)}.md-favorite::after{border-radius:.25rem;content:"";display:block;height:100%;left:0;position:absolute;top:0;width:100%}.md-favorite:focus::after{box-shadow:0 0 0 .125rem var(--md-default-focus-outline-color,#007aa3)}.md-favorite--disabled{background-color:rgba(0,0,0,0)}.md-favorite--disabled:active,.md-favorite--disabled:hover{background-color:rgba(0,0,0,0)}.md-favorite--disabled md-icon::part(icon){color:var(--button-disabled-text-color,#b2b2b2)}.md-favorite--active md-icon::part(icon){color:var(--button-favorite-icon-color,#d97f00)}.md-favorite--active:hover md-icon::part(icon){color:var(--button-favorite-hover-icon-color,#d97f00)}.md-favorite--active:active md-icon::part(icon){color:var(--button-favorite-pressed-icon-color,#d97f00)}@media(forced-colors:active){:host{border:none}.md-favorite{background-color:ButtonFace}.md-favorite md-icon,.md-favorite md-icon::part(icon){color:ButtonText}.md-favorite:focus{outline:2px solid Highlight}.md-favorite--disabled{background-color:ButtonFace;color:GrayText}.md-favorite--disabled md-icon::part(icon){color:GrayText}.md-favorite--active md-icon::part(icon){color:ButtonText}}`),l=o(1),s=o(3),v=o(4),h=o(2),b=function(e,t,o,i){var r,a=arguments.length,c=a<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)c=Reflect.decorate(e,t,o,i);else for(var d=e.length-1;d>=0;d--)(r=e[d])&&(c=(a<3?r(c):a>3?r(t,o,c):r(t,o))||c);return a>3&&c&&Object.defineProperty(t,o,c),c};!function(e){let t=class extends(Object(c.a)(a.LitElement)){constructor(){super(...arguments),this.disabled=!1,this.checked=!1,this.value="Select favorite",this.id="",this.label="Favorite",this.customId=""}connectedCallback(){super.connectedCallback(),this.addEventListener("keydown",this.handleElectKeyDown),this.addEventListener("click",this.handleFavorite)}static get styles(){return[r.a,n]}handleFavorite(e){this.disabled||(this.checked=!this.checked,this.dispatchEvent(new CustomEvent("favorite-toggle",{detail:{active:this.checked,value:this.value},bubbles:!0,composed:!0})))}handleElectKeyDown(e){e.code!==l.b.Enter&&e.code!==l.b.Space||(this.checked=!this.checked,this.dispatchEvent(new CustomEvent("favorite-keydown",{detail:{active:this.checked,value:this.value},bubbles:!0,composed:!0})))}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("keydown",this.handleElectKeyDown),this.removeEventListener("click",this.handleFavorite)}get favoriteClassMap(){return{"md-favorite--active":this.checked,"md-favorite--disabled":this.disabled}}render(){return a.html`
|
|
2
2
|
<label
|
|
3
3
|
for="favorite-checkbox"
|
|
4
4
|
id="${this.id}"
|
package/dist/chunks/md-34.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[34],{59:function(e,o,r){"use strict";var c=r(0);o.a=c.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
|
|
1
|
+
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[34],{59:function(e,o,r){"use strict";var c=r(0);o.a=c.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)}`}}]);
|
package/dist/chunks/md-35.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[35],{78:function(e,t
|
|
1
|
+
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[35],{78:function(e,r,t){"use strict";t.r(r),t.d(r,"ProgressBar",(function(){return a}));var a,o=t(5),s=t(6),i=t(0),n=t(4),l=i.css`.progress-bar{background-color:var(--border-color);border-radius:var(--border-radius-small) var(--border-radius-small) 0;box-sizing:border-box;height:4px;margin-bottom:-4px;overflow:hidden;position:relative;width:100%}.progress-bar-value{animation:indeterminateAnimation 1s infinite linear;background-color:var(--link-color);border-radius:var(--border-radius-small) var(--border-radius-small) 0;height:100%;transform-origin:0 50%;width:100%}@keyframes indeterminateAnimation{0%{transform:translateX(0) scaleX(0)}40%{transform:translateX(0) scaleX(.4)}100%{transform:translateX(100%) scaleX(.5)}}.progressbar-label{text-align:left}.progressbar-progress{float:right}.progressbar-label,.progressbar-progress{color:var(--progress-bar-label-text-color,#000);font-family:"CiscoSansTT Regular","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:.6875rem}.progress{background-color:var(--progress-bar-track-bg-color,#dedede);height:.25rem;margin-bottom:.625rem;overflow:hidden;padding:0;border-radius:var(--progress-bar-border-radius,4px)}.progress .meter{background:#00a0d1;display:block;height:100%}.progress--indeterminate .meter{animation:indeterminateAnimation 1s infinite linear;transform-origin:0 50%;width:100%}@keyframes indeterminateAnimation{0%{transform:translateX(0) scaleX(0)}40%{transform:translateX(0) scaleX(.4)}100%{transform:translateX(100%) scaleX(.5)}}.progress.secondary .meter{background:#545454;display:block;height:100%}.progress.success .meter{background:#00ab50;display:block;height:100%}.progress.danger .meter{background:#f7644a;display:block;height:100%}.progress.warning .meter{background:#d97f00;display:block;height:100%}.progress.info .meter{background:#16a693;display:block;height:100%}@media(forced-colors:active){.progress{background-color:HighlightText;outline:1px solid Highlight;outline-offset:-1px}.progress .meter{background-color:Highlight}}`,p=function(e,r,t,a){var o,s=arguments.length,i=s<3?r:null===a?a=Object.getOwnPropertyDescriptor(r,t):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,r,t,a);else for(var n=e.length-1;n>=0;n--)(o=e[n])&&(i=(s<3?o(i):s>3?o(r,t,i):o(r,t))||i);return s>3&&i&&Object.defineProperty(r,t,i),i};!function(e){let r=class extends i.LitElement{constructor(){super(...arguments),this.dynamic=!1,this.color="",this.label="",this.displayFormat="percentage",this.type="indeterminate",this.min=0,this.max=100,this.value=25,this.adjustedValue=0,this.valueFraction=0,this.meterWidth="100",this.getDisplayFormat=()=>"indeterminate"===this.type?(this.value=100,null):(this.adjustedValue=this.max-this.value<0?this.max:this.value,this.valueFraction=this.adjustedValue/this.max*100||0,this.meterWidth=this.valueFraction.toFixed(0)+"%","none"===this.displayFormat?null:"percentage"===this.displayFormat?this.meterWidth:`${this.adjustedValue} / ${this.max}`),this.getColor=()=>this.color?this.color:this.dynamic?this.valueFraction<25?"success":this.valueFraction<50?"info":this.valueFraction<75?"warning":"danger":void 0}connectedCallback(){super.connectedCallback(),this.requestUpdate("value")}static get styles(){return[o.a,l]}render(){const e={["progress--"+this.type]:this.type,["progress--"+this.color]:this.color};return i.html`
|
|
2
2
|
<span>
|
|
3
3
|
<div class="progressbar-info" data-key="${this.min}">
|
|
4
4
|
<span class="progressbar-label">${this.label}</span>
|
|
@@ -18,4 +18,4 @@
|
|
|
18
18
|
</span>
|
|
19
19
|
</div>
|
|
20
20
|
</span>
|
|
21
|
-
`}};p([Object(
|
|
21
|
+
`}};p([Object(i.property)({type:Boolean})],r.prototype,"dynamic",void 0),p([Object(i.property)({type:String})],r.prototype,"color",void 0),p([Object(i.property)({type:String})],r.prototype,"label",void 0),p([Object(i.property)({type:String})],r.prototype,"displayFormat",void 0),p([Object(i.property)({type:String})],r.prototype,"type",void 0),p([Object(i.property)({type:Number})],r.prototype,"min",void 0),p([Object(i.property)({type:Number})],r.prototype,"max",void 0),p([Object(i.property)({type:Number})],r.prototype,"value",void 0),p([Object(i.property)({type:Number})],r.prototype,"adjustedValue",void 0),p([Object(i.property)({type:Number})],r.prototype,"valueFraction",void 0),p([Object(i.property)({type:String})],r.prototype,"meterWidth",void 0),r=p([Object(s.a)("md-progress-bar")],r),e.ELEMENT=r}(a||(a={}))}}]);
|
package/dist/chunks/md-37.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[37],{79:function(t,e,o){"use strict";o.r(e),o.d(e,"ComboBox",(function(){return i}));o(50),o(15);var i,s=o(1),l=o(7),r=o(6),n=o(18),a=o(5),c=o(0),d=o(3),h=o(4),p=o(2),u=o(14),b=o(9),m=o(53),x=o(61),g=c.css`:host{--combobox-input-clear-bg:var(--combobox-group-button-bg-color, $lm-combobox-group-button-bg-color-light)}:host .group{background:var(--combobox-bg-color,#fff)}:host(:focus){box-shadow:none!important;outline:0!important}:host([focus-visible]) .group{border-color:var(--combobox-focus-border-color,#005e7d);box-shadow:none}:host([disabled]) .group,:host([disabled]) .group:active,:host([disabled]) .group:hover{background:var(--combobox-disabled-bg-color,#ededed);pointer-events:none}:host([disabled]) .group:active>md-icon,:host([disabled]) .group:hover>md-icon,:host([disabled]) .group>md-icon{opacity:.3}:host([expanded]) .md-combobox-button.arrow-down{transform:rotate(180deg)}:host([invalid]) .group,:host([invalid]) .group:active,:host([invalid]) .group:hover{background:var(--combobox-invalid-bg-color,#ffe8e3);border-color:var(--combobox-invalid-border-color,#f7644a)}:host([invalid]) .md-combobox-error{padding:.1875rem 0 0 .75rem}.md-combobox-list{position:relative;height:2rem}.md-combobox .group{align-items:start;background:var(--combobox-bg-color,#fff);border:1px solid var(--combobox-border-color,#b2b2b2);border-radius:var(--combobox-group-radius,.25rem);display:flex;padding:0 .75rem;height:2.125rem}.md-combobox .group md-icon{color:var(--md-secondary-text-color,#545454);cursor:pointer;fill:var(--md-secondary-text-color,#545454);height:1.75rem}.md-combobox .group md-icon:focus{box-shadow:none;outline:0;box-shadow:0 0 0 .125rem var(--md-focus-border-color,#005e7d)}.md-combobox .group:hover{background:var(--combobox-hover-bg-color,#dedede)}.md-combobox .group:active{background:var(--combobox-pressed-bg-color,#ccc)}.md-combobox .group.multiselect:hover{background:var(--combobox-bg-color,#fff)}.md-combobox .group.multiselect:active{background:var(--combobox-bg-color,#fff)}.md-combobox .md-combobox-button[disabled] md-icon{color:var(--md-disabled-text-color,#b2b2b2)}.md-combobox--pill .group{border-radius:18px}.md-combobox-button{transition:all .15s linear;align-self:center;background:0 0;border:0;cursor:pointer;margin:0;margin-left:calc(.25rem * 2);outline:0;padding:0;padding-top:calc(.25rem / 2);position:relative;vertical-align:bottom;height:inherit;display:flex}.md-combobox-button .md-input__icon-clear{align-items:center;display:flex}.md-combobox-button md-icon{color:var(--combobox-dropdown-item-icon-color,#121212)}.md-combobox-button.clear{height:auto;padding:.115rem}.md-combobox-button.arrow-down:focus,.md-combobox-button.clear:focus{outline:2px solid var(--button-focus-ring-color,#007aa3)}div#md-combobox-listbox{background-color:var(--combobox-dropdown-bg-color,#fff);border:1px solid var(--combobox-border-color,#b2b2b2);border-radius:.5rem;box-shadow:0 4px 8px rgba(0,0,0,.16),0 0 1px rgba(0,0,0,.16);box-sizing:border-box;font-size:14px;left:0;list-style:none;margin:0;overflow:auto;overflow-x:hidden;padding:0;position:absolute;top:calc(100% + .25rem);width:100%}div#md-combobox-listbox .no-result{padding:.4375rem .75rem .5rem}.virtual-scroll{overflow:auto;position:relative}.md-combobox-multi-input{width:initial}.highlight-text{font-weight:700}.selected-label-text{white-space:pre-wrap}.group-label{justify-content:space-between;font-weight:400;font-size:14px;line-height:19px;color:var(--combobox-group-label-color);padding:.4375rem .75rem .5rem;border-bottom:1px solid var(--combobox-group-label-border-color);display:flex;width:100%;background-color:var(--combobox-group-label-bg-color)}.group-label:hover{background:unset}.group-label[focused]{background:var(--combobox-dropdown-item-focus-bg-color,#005e7d)}.md-combobox-option{align-items:center;color:var(--md-primary-text-color,#f7f7f7);display:flex;margin:0;outline:0;padding:.4375rem .75rem .5rem;width:100%;border:solid 2px transparent}.md-combobox-option .select-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:default;display:block;letter-spacing:normal;width:calc(100% - 1.25rem)}.md-combobox-option .select-label span{margin-right:-.25rem;white-space:nowrap}.md-combobox-option .select-option{background:var(--combobox-dropdown-item-select-bg-color,#fff);border:1px solid var(--combobox-select-border-color,#545454);border-radius:calc(.5rem / 2);box-sizing:border-box;cursor:pointer;display:inline-block;height:1.25rem;margin-right:1rem;min-width:1.25rem;position:relative}.md-combobox-option .select-option md-icon{height:1.125rem;left:.125rem;position:absolute;top:-.1875rem;vertical-align:top;visibility:hidden}.md-combobox-option:hover{background:var(--combobox-dropdown-item-hover-bg-color,#91ebff);color:var(--combobox-dropdown-item-select-font-color,#121212)}.md-combobox-option.md-combobox-multiselect{border-bottom:1px solid var(--md-button-tertiary-outline-color,#545454)}.md-combobox-option[aria-checked=true] .select-option{background:var(--combobox-dropdown-item-checked-bg-color,#00a0d1);border:1px solid var(--combobox-dropdown-item-checked-bg-color,#00a0d1)}.md-combobox-option[aria-checked=true] .select-option md-icon{color:var(--combobox-dropdown-item-checked-icon-color,#fff);visibility:visible}.md-combobox-option[focused]{border:2px solid var(--combobox-dropdown-item-focus-bg-color,#005e7d)}.md-combobox-option[selected=true]{background:var(--combobox-dropdown-item-selected-bg-color,#00a0d1);color:var(--combobox-dropdown-item-select-font-color,#121212)}.md-combobox-option[selected=true] .select-option{border:1px solid #fff}.md-combobox__multiwrap{align-items:center;display:inline-flex;flex:1 1 auto;margin-left:0;max-height:calc(1.25rem * 4.5)}.md-combobox__multiwrap .selected-count{color:var(--md-primary-text-color,#f7f7f7)}.md-combobox__multiwrap .md-combobox-selected-item{align-items:center;background:var(--combobox-selected-bg-color,#dedede);border:1px solid var(--combobox-selected-border-color,#ccc);border-radius:.875rem;box-sizing:border-box;cursor:pointer;display:flex;font-size:12px;margin-bottom:calc(.25rem / 2);margin-right:.25rem;margin-top:.25rem;max-height:1.5rem;padding:0 .75rem}.md-combobox__multiwrap .md-combobox-selected-item span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;max-width:calc(1.25rem * 4)}.md-combobox__multiwrap .md-combobox-selected-item .remove-item{height:1.5rem}.md-combobox__multiwrap .md-combobox-selected-item:hover{background:var(--combobox-selected-hover,#b2b2b2)}.md-combobox__multiwrap .md-combobox-selected-item[selected]{background:var(--combobox-selected-hover,#b2b2b2)}.md-combobox__multiwrap input{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:0;color:var(--md-secondary-text-color,#545454);display:inline-block;flex:1 1 auto;height:2rem;outline:0}.md-combobox__multiwrap ::input-placeholder{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;width:calc(100%)}.md-combobox__multiwrap .remove-item{padding-left:calc(.25rem * 3)}.md-combobox-searchable .md-combobox__multiwrap{margin-left:calc(.25rem * 3)}input::-webkit-input-placeholder,input::placeholder{opacity:1;color:var(--combobox-placeholder-color,#545454)}@media (forced-colors:active){:host([focus-visible]) .group{border:none;outline:2px solid Highlight;box-shadow:none}.md-combobox-option .select-option{background:Canvas;color:CanvasText;border:1px solid CanvasText}.md-combobox-option[aria-checked=true] .select-option{background:Canvas;color:CanvasText;border:1px solid CanvasText}.md-combobox-option[aria-checked=true] .select-option md-icon{color:CanvasText;visibility:visible}.md-combobox-option[focused]{forced-color-adjust:none;color:Canvas;background-color:Highlight}}`,f=function(t,e,o,i){var s,l=arguments.length,r=l<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,e,o,i);else for(var n=t.length-1;n>=0;n--)(s=t[n])&&(r=(l<3?s(r):l>3?s(e,o,r):s(e,o))||r);return l>3&&r&&Object.defineProperty(e,o,r),r},v=function(t,e,o,i){return new(o||(o=Promise))((function(s,l){function r(t){try{a(i.next(t))}catch(t){l(t)}}function n(t){try{a(i.throw(t))}catch(t){l(t)}}function a(t){var e;t.done?s(t.value):(e=t.value,e instanceof o?e:new o((function(t){t(e)}))).then(r,n)}a((i=i.apply(t,e||[])).next())}))};!function(t){let e=class extends(Object(l.a)(c.LitElement)){constructor(){super(...arguments),this._focusedIndex=-1,this._focusedGroupIndex=-1,this.label="Options",this.options=[],this.customOptions=[],this.placeholder="",this.isMulti=!1,this.useVirtualScroll=!1,this.disabled=!1,this.ordered=!1,this.expanded=!1,this.groupExpandedList=[],this.searchItem=!1,this.compact=!1,this.noClearIcon=!1,this.selectWhenInFocus=!1,this.selectedOptions=[],this.visibleOptions=8,this.optionId="",this.optionValue="",this.isCustomContent=!1,this.searchable=!1,this.shape="none",this.value=[],this.inputValue="",this.allowCustomValue=!1,this.autofocus=!1,this.resultsTextLocalization="No Results",this.optionsTextLocalization="No Options",this.trimSpace=!1,this.invalid=!1,this.invalidText="",this.ariaLabel="",this.searchResultAriaLabel="",this.ariaLabelForComboBox="",this.clearAriaLabel="Clear",this.arrowAriaLabel="Expand",this.clearIconHeight="auto",this.allTextLocalization="All",this.selectAllTextLocalization="Select All",this.selectedTextLocalization="Selected",this.allowSelectAll=!1,this.showCustomError=!1,this.showLoader=!1,this.showSelectedCount=!1,this.popupChevronAriaHidden="true",this.comboboxId="",this.isOptGroup=!1,this.isSelectAllChecked=!1,this.multiSelectedIndex=-1,this.multiSelected=[],this.customContent=[],this.notifySelectedChange=Object(n.b)(t=>{this.dispatchEvent(new CustomEvent("change-selected",{composed:!0,bubbles:!0,detail:t}))},0),this.handleGroupFilter=t=>{const e=t.filter(t=>{if("string"!=typeof t&&"true"===t.isLabel)return t.groupName});return this.searchItem=!0,this.groupExpandedList=e.map(t=>{if("string"!=typeof t)return t.groupName}),t.filter(e=>{if("string"!=typeof e&&"true"===e.isLabel){return!!t.find(t=>{if("string"!=typeof e&&"string"!=typeof t)return e.groupName===t.groupName&&"false"===t.isLabel})}return!0})},this.notifyInputValueChanged=Object(n.b)(t=>{this.dispatchEvent(new CustomEvent("combobox-input",{composed:!0,bubbles:!0,detail:{value:t}})),this.notifySearchResultCount(),this.focusedGroupIndex=0,requestAnimationFrame(()=>{this.input.focus(),this.focusedGroupIndex=-1})},250),this.handleOutsideClick=t=>{let e=!1;const o=t.composedPath();o.length&&(e=!!o.find(t=>t===this),e||(this.setVisualListbox(!1),this.unselectedAllMultiTag()))}}get focusedIndex(){return this._focusedIndex}set focusedIndex(t){var e;const o=this._focusedIndex;if(this.checkForVirtualScroll()){let o;o=this.allowSelectAll?0===t?"selectAll":this.getOptionId(this.filteredOptions[t-1]):this.getOptionId(this.filteredOptions[t]);const i=this.lists?null===(e=[...this.lists])||void 0===e?void 0:e.find(t=>0!==t.offsetHeight&&t.id===o):"";this.lists&&[...this.lists].forEach(t=>{t.toggleAttribute("focused",!1)}),i&&(null==i||i.toggleAttribute("focused",!0))}else if(this.lists){const e=this.lists[o];e&&e.toggleAttribute("focused",!1);const i=this.lists[t];i&&i.toggleAttribute("focused",!0)}this._focusedIndex=t,this.requestUpdate("focusedIndex",o)}get focusedGroupIndex(){return this._focusedGroupIndex}set focusedGroupIndex(t){const e=this._focusedGroupIndex;if(this.labels&&0!==this.labels.length){const o=this.labels[e];o&&o.toggleAttribute("focused",!1);const i=this.labels[t];i&&(i.toggleAttribute("focused",!0),i.focus())}this._focusedGroupIndex=t,this.requestUpdate("focusedGroupIndex",e)}notifySearchResultCount(){if(this.searchResultAriaLabel){const t=/{{.*?}}/g;this.ariaLabelForComboBox=this.searchResultAriaLabel.replace(t,this.filteredOptions.length.toString())}else this.ariaLabel?this.ariaLabelForComboBox=`${this.ariaLabel}, ${this.filteredOptions.length} results found.`:this.ariaLabelForComboBox=`ComboBox Element, ${this.filteredOptions.length} results found.`}firstUpdated(t){this.ariaLabelForComboBox=this.ariaLabel?this.ariaLabel:"ComboBox Element",super.firstUpdated(t),this.isCustomContent&&(this.optionId="id",this.optionValue="value",this.setOptionCustomContent()),this.setInitialValue()}updated(t){super.updated(t),t.has("expanded")&&(this.expanded?(this.resizeListbox(),this.checkSelectedOptions()):this.unCheckAllOptions()),t.has("focusedIndex")&&this.focusedIndex>=0&&(this.checkForVirtualScroll()||this.scrollToOption()),t.has("value")&&0===this.selectedOptions.length&&this.setInitialValue(),t.has("customOptions")&&this.isCustomContent&&(this.setOptionCustomContent(),this.resizeListbox()),t.has("showCustomError")&&this.resizeListbox(),t.has("showLoader")&&this.resizeListbox(),t.has("searchItem")&&this.resizeListbox()}handleFocusIn(t){this.disabled||(this.noClearIcon&&(requestAnimationFrame(()=>{this.input.focus(),this.focusedGroupIndex=-1}),this.selectWhenInFocus&&this.input.select()),super.handleFocusIn&&super.handleFocusIn(t)),this.dispatchEvent(new CustomEvent("combobox-focus-in",{composed:!0,bubbles:!0}))}handleFocusOut(t){super.handleFocusOut&&super.handleFocusOut(t),this.dispatchEvent(new CustomEvent("combobox-focus-out",{composed:!0,bubbles:!0}))}findFilteredOption(t){return this.isOptionObject(t)?this.filteredOptions.findIndex(e=>this.getOptionId(e)===this.getOptionId(t)&&this.getOptionValue(e)===this.getOptionValue(t)):this.filteredOptions.indexOf(t)}setInitialValue(){var t;if(this.value.length)if(this.isMulti)this.value.forEach(t=>{-1!==this.findFilteredOption(t)&&this.setSelectedOption(t)});else{const e=this.value[0],o=this.findFilteredOption(e);-1!==o&&(this.setSelectedOption(e),this.setInputValue(this.getOptionValue(e)),null===(t=this.input)||void 0===t||t.setAttribute(s.a.AriaActivedescendant,this.getOptionId(e)),this.focusedIndex=o,this.focusedGroupIndex=-1)}}isOptionObject(t){return"object"==typeof t&&null!==t}setOptionCustomContent(){if(this.isOptGroup){const t=[...this.querySelectorAll("optgroup")],e=[];for(const o of t){const t=o.getAttribute("label"),i=[...o.querySelectorAll("[slot]")];e.push({isLabel:"true",[this.optionValue]:t,groupName:t});for(const o of i){const i=o.getAttribute("aria-label"),s=o.getAttribute("display-value"),l=o.getAttribute("slot");i&&s&&e.push({[this.optionId]:i,[this.optionValue]:s,isLabel:"false",groupName:t,slot:l})}}this.options=e}else this.customContent=[...this.querySelectorAll("[slot]")],this.customContent&&this.customContent.length?this.options=this.customContent.map(t=>{const e=t.getAttribute("aria-label"),o=t.getAttribute("display-value");if(e&&o)return{[this.optionId]:e,[this.optionValue]:o}}):this.options=[]}getOptionValue(t){return this.isOptionObject(t)?t[this.optionValue]:t}getOptionGroupName(t){return null==t?void 0:t.groupName}getOptionId(t){return this.isOptionObject(t)?t[this.optionId]:t}getFocusedItem(t){if(t>=0)return this.filteredOptions[t]}setupEvents(){document.addEventListener("click",this.handleOutsideClick),this.addEventListener("remove-all-selected",this.removeAllSelected),this.addEventListener("selected-changed",this.selectedChange)}teardownEvents(){document.removeEventListener("click",this.handleOutsideClick),this.removeEventListener("remove-all-selected",this.removeAllSelected),this.removeEventListener("selected-changed",this.selectedChange)}setVisualListbox(t){this.expanded=t}setGroupList(t){this.groupExpandedList.includes(t)?(this.groupExpandedList.splice(this.groupExpandedList.indexOf(t),1),this.groupExpandedList=[...this.groupExpandedList]):this.searchItem?this.groupExpandedList.push(t):this.groupExpandedList=[t]}findSelectedOption(t){return this.optionId&&t?this.selectedOptions.findIndex(e=>e&&e[this.optionId]===t[this.optionId]):this.selectedOptions.indexOf(t)}findOptionIndex(t){const e=t.composedPath();if(this.checkForVirtualScroll()){let t="";return[...this.lists].forEach(o=>{e.includes(o)&&(t=o.id)}),this.filteredOptions.findIndex(e=>this.getOptionId(e)===t)}return[...this.lists].findIndex(t=>e.includes(t))}checkSelectedOptions(){if(this.checkForVirtualScroll()){const t=this.selectedOptions.map(t=>this.getOptionId(t)),e=[...this.lists].filter(t=>"selectAll"!==t.id);null==e||e.forEach(e=>{t.includes(e.id)?(this.isMulti&&(null==e||e.setAttribute("aria-checked","true")),null==e||e.setAttribute("aria-selected","true")):this.isMulti&&(null==e||e.setAttribute("aria-checked","false"))})}}unCheckAllOptions(){var t;this.checkForVirtualScroll()&&this.isMulti&&(null===(t=[...this.lists])||void 0===t||t.forEach(t=>{"selectAll"!==(null==t?void 0:t.id)&&(null==t||t.setAttribute("aria-checked","false"))}))}setSelectedOption(t){this.isMulti||(this.selectedOptions=[]);const e=this.findSelectedOption(t);if(-1!==e){const t=this.selectedOptions[e];this.selectedOptions.splice(e,1),this.notifySelectedChange({value:t,selected:this.selectedOptions})}else this.selectedOptions.push(t),this.notifySelectedChange({value:t,selected:this.selectedOptions});this.checkSelectedOptions(),this.isMulti&&this.allowSelectAll&&(this.isSelectAllChecked=this.isSelectAllSelected()),this.requestUpdate()}filterOptions(t){if(t&&t.length){const e=this.options.filter(e=>this.isOptGroup&&"string"!=typeof e&&"true"===e.isLabel?e:(this.isCustomContent?this.getOptionId(e):this.getOptionValue(e)).toLowerCase().includes(t.toLowerCase()));return this.isOptGroup?this.handleGroupFilter(e):e}return this.searchItem=!1,this.options}resizeListbox(){this.updateOnNextFrame(()=>{var t;let e=0,o=0,i=0;if(this.lists){const t=this.checkForVirtualScroll()?[...this.lists].filter(t=>0!==t.offsetHeight):[...this.lists];e=t.slice(0,this.visibleOptions).reduce((t,e)=>t+e.offsetHeight,0),i=this.checkForVirtualScroll()&&this.allowSelectAll?t.slice(1,this.visibleOptions).reduce((t,e)=>t+e.offsetHeight,0):t.slice(0,this.visibleOptions).reduce((t,e)=>t+e.offsetHeight,0)}if(this.labels&&(o=[...this.labels].slice(0,this.visibleOptions).reduce((t,e)=>t+e.offsetHeight,0)),this.listBox&&(this.listBox.style.maxHeight=e+o+10+"px"),this.virtualizer&&(this.virtualizer.style.height=i+10+"px"),this.showCustomError||this.showLoader){const e=null===(t=this.listBox)||void 0===t?void 0:t.querySelector("[slot]");this.listBox&&e&&(this.listBox.style.height=e.clientHeight+2+"px",this.listBox.style.maxHeight=e.clientHeight+2+"px")}})}setInputValue(t=""){this.input.value=t}updateOnNextFrame(t){requestAnimationFrame(t)}unCheckedAllOptions(){this.isMulti&&(this.lists.forEach((t,e)=>this.unCheckedOption(e)),this.isSelectAllChecked=!1)}unCheckedOption(t){this.isMulti&&(this.lists[t].setAttribute("aria-checked","false"),this.notifySelectedChange({value:this.filteredOptions[t],selected:this.selectedOptions}))}checkAllOptions(){this.isMulti&&this.lists.forEach((t,e)=>this.checkOption(e))}checkOption(t){this.isMulti&&(this.lists[t].setAttribute("aria-checked","true"),this.notifySelectedChange({value:this.filteredOptions[t],selected:this.selectedOptions}))}isSelectAllSelected(){return this.selectedOptions.length===this.options.length}setFocusOnHost(t){this.setFocus&&this.setFocus(t)}isOptionFocused(t){return this.focusedIndex===t}getAriaState(t){return this.isOptionFocused(t)}scrollToOption(){var t,e;let o=0;const{top:i,bottom:s}=this.listBox.getBoundingClientRect(),l=this.lists[this.focusedIndex],r=null===(t=this.lists[this.focusedIndex+1]||l)||void 0===t?void 0:t.getBoundingClientRect(),n=null===(e=this.lists[this.focusedIndex-1]||l)||void 0===e?void 0:e.getBoundingClientRect();(null==r?void 0:r.bottom)>s?o=r.bottom-s+2:(null==n?void 0:n.top)<i&&(o=n.top-i-2),this.updateOnNextFrame(()=>{this.listBox.scrollTop+=o})}getCustomContentName(t){const e=this.options.indexOf(t);if(this.isOptGroup){const t=this.options[e];if(t&&"string"!=typeof t)return t.slot}else if(-1!==e)return this.customContent[e].slot}setInputSelectionRange(t,e){this.input.setSelectionRange(t,e)}isOptionChecked(t){return-1!==this.findSelectedOption(t)?"true":"false"}getInputSelection(){return this.input.selectionStart}canMultiSelect(){return 0===this.getInputSelection()&&0!==this.selectedOptions.length&&this.isMulti}removeMultiTag(){this.selected&&this.multiSelected.forEach(t=>{const e=this.selected[t];e&&e.hasAttribute("selected")&&this.removeSelected(this.selectedOptions[t])})}unselectedAllMultiTag(){this.selected&&this.selected.forEach(t=>t.removeAttribute("selected")),this.multiSelectedIndex=-1}findLastMultiSelected(){return this.selected[this.multiSelectedIndex]}toggleMultiSelectedTag(t,e){t&&t.toggleAttribute("selected",e)}selectMultiTag(t){if(this.canMultiSelect()){if(!t){this.multiSelected=[];const t=this.findLastMultiSelected();this.toggleMultiSelectedTag(t,!1)}this.multiSelectedIndex<=0?this.multiSelectedIndex=this.selectedOptions.length-1:this.multiSelectedIndex--,this.multiSelected.push(this.multiSelectedIndex);const e=this.findLastMultiSelected();this.toggleMultiSelectedTag(e,!0)}}handleListClick(t){return v(this,void 0,void 0,(function*(){this.dispatchEvent(new CustomEvent("selected-changed",{detail:{event:t}})),yield this.updateComplete,this.isMulti?this.setVisualListbox(!0):this.setVisualListbox(!1),this.updateOnNextFrame(()=>{this.input.focus(),this.focusedGroupIndex=-1})}))}handleSelectAll(){return v(this,void 0,void 0,(function*(){this.isSelectAllChecked=!this.isSelectAllChecked,this.isSelectAllChecked?(this.selectedOptions=[...this.options],this.checkAllOptions()):(this.selectedOptions=[],this.unCheckedAllOptions()),yield this.updateComplete,this.setVisualListbox(!0),this.notifySelectedChange({selected:this.selectedOptions})}))}handleInputKeyUp(t){switch(t.code){case s.b.Escape:break;case s.b.Backspace:this.setFocusOnHost(!0),this.setVisualListbox(!0),this.resizeListbox(),this.removeMultiTag();break;case s.b.ArrowLeft:this.isMulti&&(t.shiftKey?this.selectMultiTag(!0):this.selectMultiTag(!1));break;default:this.isMulti&&this.unselectedAllMultiTag()}}handleInput(t){const e=t.target.value;this.inputValue=e.trim(),this.notifyInputValueChanged(e.trim())}removeAllSelected(){var t;this.focusedIndex=-1,this.focusedGroupIndex=-1,this.selectedOptions=[],this.inputValue="",this.setInputValue(),null===(t=this.input)||void 0===t||t.setAttribute(s.a.AriaActivedescendant,""),this.setVisualListbox(!1),this.unCheckedAllOptions(),this.setSelectedAttribute(void 0),this.updateOnNextFrame(()=>{this.input.focus()}),this.notifySelectedChange({selected:this.selectedOptions})}removeSelected(t){const e=this.findSelectedOption(t),o=this.filteredOptions.indexOf(t);-1!==o&&this.unCheckedOption(o),-1!==e&&(this.selectedOptions.splice(e,1),this.requestUpdate()),this.updateOnNextFrame(()=>{this.input.focus(),this.focusedGroupIndex=-1})}selectedChange(t){var e;const{event:o}=t.detail;let i=this.findOptionIndex(o);if(-1!==i){this.focusedIndex=this.allowSelectAll&&this.checkForVirtualScroll()?i+1:i,this.isMulti&&this.allowSelectAll&&!this.checkForVirtualScroll()&&(i-=1);const t=this.getFocusedItem(i);this.setSelectedAttribute(t),t&&(this.setSelectedOption(t),this.isMulti?this.isMulti&&this.allowSelectAll&&(this.isSelectAllChecked=this.isSelectAllSelected()):(this.setInputValue(this.getOptionValue(t)),null===(e=this.input)||void 0===e||e.setAttribute(s.a.AriaActivedescendant,this.getOptionId(t))))}}setSelectedAttribute(t){var e;let o="";t&&(o=this.getOptionId(t)),null===(e=this.lists)||void 0===e||e.forEach((t,e)=>{(null==t?void 0:t.id)===o?null==t||t.setAttribute("selected","true"):null==t||t.setAttribute("selected","false")})}shouldChangeButton(){const t=this.input&&this.input.value.length>0&&!this.noClearIcon||this.isMulti&&this.selectedOptions.length&&!this.noClearIcon;return t&&document.dispatchEvent(new CustomEvent("on-widget-update")),t}setCustomValue(){this.optionId||this.optionValue||(this.options=[...this.options,this.inputValue],this.setSelectedOption(this.inputValue),this.isMulti||this.updateOnNextFrame(()=>{var t;this.focusedIndex=this.filteredOptions.length-1;const e=this.getFocusedItem(this.focusedIndex);e&&(this.setInputValue(this.getOptionValue(e)),null===(t=this.input)||void 0===t||t.setAttribute(s.a.AriaActivedescendant,this.getOptionId(e)))}),this.dispatchEvent(new CustomEvent("custom-value-add",{composed:!0,bubbles:!0,detail:{value:this.inputValue}}))),this.inputValue=""}handleGroupFocus(){this.setFocusOnHost(!1),this.expanded||this.setVisualListbox(!0),this.filteredGroupOptions.length>0&&-1===this.focusedGroupIndex&&(this.focusedGroupIndex=this.filteredGroupOptions.findIndex(t=>"string"!=typeof t&&t.groupName===this.groupExpandedList[0])),this.updateOnNextFrame(()=>{-1===this.focusedGroupIndex||!this.allowSelectAll&&this.focusedGroupIndex>=this.filteredGroupOptions.length-1||this.allowSelectAll&&this.focusedGroupIndex>=this.filteredGroupOptions.length?this.focusedGroupIndex=0:this.focusedGroupIndex++}),this.focusedIndex=-1}handleInputKeyDown(t){var e,o;switch(t.code){case s.b.Backspace:this.focusedIndex=-1;break;case s.b.Tab:case s.b.Enter:if(this.setFocusOnHost(!0),this.expanded&&this.updateOnNextFrame(()=>{var t;const e=this.getFocusedItem(this.allowSelectAll?this.focusedIndex-1:this.focusedIndex);if(this.allowCustomValue&&this.input&&this.input.value.length){if(-1===this.findFilteredOption(this.inputValue))return void this.setCustomValue()}e&&(this.setSelectedAttribute(e),this.setSelectedOption(e),this.showSelectedCount||(this.setInputValue(this.getOptionValue(e)),null===(t=this.input)||void 0===t||t.setAttribute(s.a.AriaActivedescendant,this.getOptionId(e)))),this.isMulti&&this.allowSelectAll&&0===this.focusedIndex&&this.handleSelectAll()}),this.setVisualListbox(!1),t.code===s.b.Tab&&this.isMulti)return;break;case s.b.ArrowDown:if(this.isOptGroup&&0===this.filteredOptions.length)return void this.handleGroupFocus();this.setFocusOnHost(!1),this.expanded||this.setVisualListbox(!0),this.updateOnNextFrame(()=>{var t;-1===this.focusedIndex||!this.allowSelectAll&&this.focusedIndex>=this.filteredOptions.length-1||this.allowSelectAll&&this.focusedIndex>=this.filteredOptions.length?this.focusedIndex=0:this.focusedIndex++;const e=this.getFocusedItem(this.focusedIndex);this.groupExpandedList=[this.getOptionGroupName(e)],!this.showSelectedCount&&e&&(this.setInputValue(this.getOptionValue(e)),null===(t=this.input)||void 0===t||t.setAttribute(s.a.AriaActivedescendant,this.getOptionId(e))),this.focusedGroupIndex=-1});break;case s.b.ArrowUp:if(this.isOptGroup&&0===this.filteredOptions.length)return void this.handleGroupFocus();this.setFocusOnHost(!1),this.expanded||this.setVisualListbox(!0),this.updateOnNextFrame(()=>{var t;this.focusedIndex<=0?this.focusedIndex=this.allowSelectAll?this.filteredOptions.length:this.filteredOptions.length-1:this.focusedIndex--;const e=this.getFocusedItem(this.focusedIndex);this.groupExpandedList=[this.getOptionGroupName(e)],e&&!this.showSelectedCount&&(this.setInputValue(this.getOptionValue(e)),null===(t=this.input)||void 0===t||t.setAttribute(s.a.AriaActivedescendant,this.getOptionId(e)),this.focusedGroupIndex=-1)});break;case s.b.ArrowLeft:case s.b.ArrowRight:t.stopPropagation();break;case s.b.Escape:this.setFocusOnHost(!0),this.expanded?(t.stopPropagation(),this.setVisualListbox(!1)):(this.setInputValue(),null===(e=this.input)||void 0===e||e.setAttribute(s.a.AriaActivedescendant,""),this.focusedIndex=-1,this.focusedGroupIndex=-1,this.removeAllSelected(),this.setSelectedAttribute(void 0));break;case s.b.Home:this.setInputSelectionRange(0,0);break;case s.b.End:{const{length:t}=this.inputValue;this.setInputSelectionRange(t,t)}break;case s.b.Space:if(this.isMulti&&this.expanded){t.preventDefault();const e=this.getFocusedItem(this.allowSelectAll?this.focusedIndex-1:this.focusedIndex);e&&(this.setSelectedOption(e),this.setSelectedAttribute(e),this.showSelectedCount||(this.setInputValue(),null===(o=this.input)||void 0===o||o.setAttribute(s.a.AriaActivedescendant,""))),0===this.focusedIndex&&this.allowSelectAll&&this.handleSelectAll()}this.expanded=!0}}handleGroupLabelKeyDown(t,e){switch(t.code){case s.b.Tab:this.handleGroupFocus();break;case s.b.Enter:case s.b.Space:-1!==this.focusedGroupIndex?this.toggleGroupListBox(t,e.value):(this.setFocusOnHost(!0),this.setVisualListbox(!1),this.updateOnNextFrame(()=>{var t;const e=this.getFocusedItem(this.allowSelectAll?this.focusedIndex-1:this.focusedIndex);e&&(this.setSelectedOption(e),this.showSelectedCount||(this.setInputValue(this.getOptionValue(e)),null===(t=this.input)||void 0===t||t.setAttribute(s.a.AriaActivedescendant,this.getOptionId(e)),this.updateOnNextFrame(()=>{this.input.focus(),this.focusedGroupIndex=-1}))),this.isMulti&&this.allowSelectAll&&0===this.focusedIndex&&this.handleSelectAll()}));break;case s.b.ArrowDown:if(0===this.filteredOptions.length)return;this.setFocusOnHost(!1),this.updateOnNextFrame(()=>{var t;-1===this.focusedIndex||!this.allowSelectAll&&this.focusedIndex>=this.filteredOptions.length-1||this.allowSelectAll&&this.focusedIndex>=this.filteredOptions.length?this.focusedIndex=0:this.focusedIndex++;const e=this.getFocusedItem(this.focusedIndex);this.groupExpandedList=[this.getOptionGroupName(e)],!this.showSelectedCount&&e&&(this.setInputValue(this.getOptionValue(e)),null===(t=this.input)||void 0===t||t.setAttribute(s.a.AriaActivedescendant,this.getOptionId(e))),this.focusedGroupIndex=-1});break;case s.b.ArrowUp:if(this.isOptGroup&&0===this.filteredOptions.length)return;this.setFocusOnHost(!1),this.updateOnNextFrame(()=>{var t;this.focusedIndex<=0?this.focusedIndex=this.allowSelectAll?this.filteredOptions.length:this.filteredOptions.length-1:this.focusedIndex--;const e=this.getFocusedItem(this.focusedIndex);this.groupExpandedList=[this.getOptionGroupName(e)],e&&!this.showSelectedCount&&(this.setInputValue(this.getOptionValue(e)),null===(t=this.input)||void 0===t||t.setAttribute(s.a.AriaActivedescendant,this.getOptionId(e)))});break;case s.b.Escape:this.focusedGroupIndex=-1,this.setVisualListbox(!1),this.setFocusOnHost(!0),this.input.focus();break;default:this.setVisualListbox(!0)}}toggleVisualListBox(t){var e,o;if(t.target.classList.contains("md-combobox-listbox"))t.target.focus();else if("md-icon"===t.target.localName){const i=null===(o=null===(e=t.target.parentElement)||void 0===e?void 0:e.parentElement)||void 0===o?void 0:o.parentElement;if(i){const t=i.querySelector(".md-combobox-listbox");Object(x.setTimeout)(()=>{t.focus()},10)}}this.expanded?this.setVisualListbox(!1):(this.dispatchEvent(new CustomEvent("combobox-on-expand",{composed:!0,bubbles:!0})),this.notifySearchResultCount(),this.setVisualListbox(!0)),this.input.focus(),this.setGroupList(""),this.focusedGroupIndex=-1}toggleGroupListBox(t,e){t.stopPropagation(),this.focusedGroupIndex=this.filteredGroupOptions.findIndex(t=>"string"!=typeof t&&t.groupName===e),this.setGroupList(e),this.resizeListbox()}handleRemoveAll(t){t.stopPropagation(),this.dispatchEvent(new CustomEvent("remove-all-selected"))}connectedCallback(){super.connectedCallback(),this.setupEvents();this.querySelector("optgroup")&&(this.isOptGroup=!0)}disconnectedCallback(){super.disconnectedCallback(),this.teardownEvents()}static get styles(){return[a.a,g]}get listItemOptionMap(){return{"md-combobox-multiselect":this.isMulti}}get filteredOptions(){return this.filterOptions(this.trimSpace?this.inputValue.replace(/\s+/g,""):this.inputValue).filter(t=>!this.isOptGroup||("string"!=typeof t&&this.groupExpandedList.includes(this.getOptionGroupName(t))?"false"===t.isLabel:void 0))}get filteredGroupOptions(){return this.filterOptions(this.trimSpace?this.inputValue.replace(/\s+/g,""):this.inputValue).filter(t=>!this.isOptGroup||("string"!=typeof t?"true"===t.isLabel:void 0))}get comboBoxTemplateClassMap(){return{["md-combobox--"+this.shape]:!!this.shape,"md-combobox-searchable":this.searchable}}searchIconTemplate(){return c.html`
|
|
1
|
+
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[37],{79:function(t,e,o){"use strict";o.r(e),o.d(e,"ComboBox",(function(){return i}));o(50),o(15);var i,s=o(1),l=o(7),r=o(6),n=o(18),a=o(5),c=o(0),d=o(3),h=o(4),p=o(2),u=o(14),b=o(9),m=o(53),g=o(61),x=c.css`:host{--combobox-input-clear-bg:var(--combobox-group-button-bg-color, $lm-combobox-group-button-bg-color-light)}:host .group{background:var(--combobox-bg-color,#fff)}:host(:focus){box-shadow:none!important;outline:0!important}:host([focus-visible]) .group{border-color:var(--combobox-focus-border-color,#005e7d);box-shadow:none}:host([disabled]) .group,:host([disabled]) .group:active,:host([disabled]) .group:hover{background:var(--combobox-disabled-bg-color,#ededed);pointer-events:none}:host([disabled]) .group:active>md-icon,:host([disabled]) .group:hover>md-icon,:host([disabled]) .group>md-icon{opacity:.3}:host([expanded]) .md-combobox-button.arrow-down{transform:rotate(180deg)}:host([invalid]) .group,:host([invalid]) .group:active,:host([invalid]) .group:hover{background:var(--combobox-invalid-bg-color,#ffe8e3);border-color:var(--combobox-invalid-border-color,#f7644a)}:host([invalid]) .md-combobox-error{padding:.1875rem 0 0 .75rem}.md-combobox-list{position:relative;height:2rem}.md-combobox .group{align-items:start;background:var(--combobox-bg-color,#fff);border:1px solid var(--combobox-border-color,#b2b2b2);border-radius:var(--combobox-group-radius,.25rem);display:flex;padding:0 .75rem;height:2.125rem}.md-combobox .group md-icon{color:var(--md-secondary-text-color,#545454);cursor:pointer;fill:var(--md-secondary-text-color,#545454);height:1.75rem}.md-combobox .group md-icon:focus{box-shadow:none;outline:0;box-shadow:0 0 0 .125rem var(--md-focus-border-color,#005e7d)}.md-combobox .group:hover{background:var(--combobox-hover-bg-color,#dedede)}.md-combobox .group:active{background:var(--combobox-pressed-bg-color,#ccc)}.md-combobox .group.multiselect:hover{background:var(--combobox-bg-color,#fff)}.md-combobox .group.multiselect:active{background:var(--combobox-bg-color,#fff)}.md-combobox .md-combobox-button[disabled] md-icon{color:var(--md-disabled-text-color,#b2b2b2)}.md-combobox--pill .group{border-radius:18px}.md-combobox-button{transition:all .15s linear;align-self:center;background:rgba(0,0,0,0);border:0;cursor:pointer;margin:0;margin-left:calc(.25rem*2);outline:0;padding:0;padding-top:calc(.25rem/2);position:relative;vertical-align:bottom;height:inherit;display:flex}.md-combobox-button .md-input__icon-clear{align-items:center;display:flex}.md-combobox-button md-icon{color:var(--combobox-dropdown-item-icon-color,#121212)}.md-combobox-button.clear{height:auto;padding:.115rem}.md-combobox-button.arrow-down:focus,.md-combobox-button.clear:focus{outline:2px solid var(--button-focus-ring-color,#007aa3)}div#md-combobox-listbox{background-color:var(--combobox-dropdown-bg-color,#fff);border:1px solid var(--combobox-border-color,#b2b2b2);border-radius:.5rem;box-shadow:0 4px 8px rgba(0,0,0,.16),0 0 1px rgba(0,0,0,.16);box-sizing:border-box;font-size:14px;left:0;list-style:none;margin:0;overflow:auto;overflow-x:hidden;padding:0;position:absolute;top:calc(100% + .25rem);width:100%;padding:var(--wc-menu-padding)}div#md-combobox-listbox .no-result{padding:.4375rem .75rem .5rem}.virtual-scroll{overflow:auto;position:relative}.md-combobox-multi-input{width:initial}.highlight-text{font-weight:700}.selected-label-text{white-space:pre-wrap}.group-label{justify-content:space-between;font-weight:400;font-size:14px;line-height:19px;color:var(--combobox-group-label-color);padding:.4375rem .75rem .5rem;border-bottom:1px solid var(--combobox-group-label-border-color);display:flex;width:100%;background-color:var(--combobox-group-label-bg-color);border-radius:var(--wc-menu-item-rounded-border-radius)}.group-label:hover{background:unset}.group-label[focused]{background:var(--combobox-dropdown-item-focus-bg-color,#005e7d)}.md-combobox-option{align-items:center;color:var(--md-primary-text-color,#f7f7f7);display:flex;margin:0;outline:0;padding:.4375rem .75rem .5rem;width:100%;border:solid 2px transparent;border-radius:var(--wc-menu-item-rounded-border-radius)}.md-combobox-option .select-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:default;display:block;letter-spacing:normal;width:calc(100% - 1.25rem)}.md-combobox-option .select-label span{margin-right:-.25rem;white-space:nowrap}.md-combobox-option .select-option{background:var(--combobox-dropdown-item-select-bg-color,#fff);border:1px solid var(--combobox-select-border-color,#545454);border-radius:calc(.5rem/2);box-sizing:border-box;cursor:pointer;display:inline-block;height:1.25rem;margin-right:1rem;min-width:1.25rem;position:relative}.md-combobox-option .select-option md-icon{height:1.125rem;left:.125rem;position:absolute;top:-.1875rem;vertical-align:top;visibility:hidden}.md-combobox-option:hover{background:var(--combobox-dropdown-item-hover-bg-color,#91ebff);color:var(--combobox-dropdown-item-select-font-color,#121212)}.md-combobox-option.md-combobox-multiselect{border-bottom:1px solid var(--md-primary-seperator-color,#545454);border-bottom-left-radius:0;border-bottom-right-radius:0}.md-combobox-option[aria-checked=true] .select-option{background:var(--combobox-dropdown-item-checked-bg-color,#00a0d1);border:1px solid var(--combobox-dropdown-item-checked-bg-color,#00a0d1)}.md-combobox-option[aria-checked=true] .select-option md-icon{color:var(--combobox-dropdown-item-checked-icon-color,#fff);visibility:visible}.md-combobox-option[focused]{border:2px solid var(--combobox-dropdown-item-focus-border-color,#005e7d)}.md-combobox-option[selected=true]{background:var(--combobox-dropdown-item-select-bg-color,#00a0d1);color:var(--combobox-dropdown-item-select-font-color,#121212)}.md-combobox-option[selected=true] .select-option{border:1px solid #fff}.md-combobox__multiwrap{align-items:center;display:inline-flex;flex:1 1 auto;margin-left:0;max-height:calc(1.25rem*4.5)}.md-combobox__multiwrap .selected-count{color:var(--md-primary-text-color,#f7f7f7)}.md-combobox__multiwrap .md-combobox-selected-item{align-items:center;background:var(--combobox-selected-bg-color,#dedede);border:1px solid var(--combobox-selected-border-color,#ccc);border-radius:.875rem;box-sizing:border-box;cursor:pointer;display:flex;font-size:12px;margin-bottom:calc(.25rem/2);margin-right:.25rem;margin-top:.25rem;max-height:1.5rem;padding:0 .75rem}.md-combobox__multiwrap .md-combobox-selected-item span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;max-width:calc(1.25rem*4)}.md-combobox__multiwrap .md-combobox-selected-item .remove-item{height:1.5rem}.md-combobox__multiwrap .md-combobox-selected-item:hover{background:var(--combobox-selected-hover,#b2b2b2)}.md-combobox__multiwrap .md-combobox-selected-item[selected]{background:var(--combobox-selected-hover,#b2b2b2)}.md-combobox__multiwrap input{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:rgba(0,0,0,0);border:0;color:var(--md-secondary-text-color,#545454);display:inline-block;flex:1 1 auto;height:2rem;outline:0}.md-combobox__multiwrap ::input-placeholder{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;width:100%}.md-combobox__multiwrap .remove-item{padding-left:calc(.25rem*3)}.md-combobox-searchable .md-combobox__multiwrap{margin-left:calc(.25rem*3)}input::-webkit-input-placeholder,input::placeholder{opacity:1;color:var(--combobox-placeholder-color,#545454)}@media(forced-colors:active){:host([focus-visible]) .group{border:none;outline:2px solid Highlight;box-shadow:none}.md-combobox-option .select-option{background:Canvas;color:CanvasText;border:1px solid CanvasText}.md-combobox-option[aria-checked=true] .select-option{background:Canvas;color:CanvasText;border:1px solid CanvasText}.md-combobox-option[aria-checked=true] .select-option md-icon{color:CanvasText;visibility:visible}.md-combobox-option[focused]{forced-color-adjust:none;color:Canvas;background-color:Highlight}}`,f=function(t,e,o,i){var s,l=arguments.length,r=l<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,e,o,i);else for(var n=t.length-1;n>=0;n--)(s=t[n])&&(r=(l<3?s(r):l>3?s(e,o,r):s(e,o))||r);return l>3&&r&&Object.defineProperty(e,o,r),r},v=function(t,e,o,i){return new(o||(o=Promise))((function(s,l){function r(t){try{a(i.next(t))}catch(t){l(t)}}function n(t){try{a(i.throw(t))}catch(t){l(t)}}function a(t){var e;t.done?s(t.value):(e=t.value,e instanceof o?e:new o((function(t){t(e)}))).then(r,n)}a((i=i.apply(t,e||[])).next())}))};!function(t){let e=class extends(Object(l.a)(c.LitElement)){constructor(){super(...arguments),this._focusedIndex=-1,this._focusedGroupIndex=-1,this.label="Options",this.options=[],this.customOptions=[],this.placeholder="",this.isMulti=!1,this.useVirtualScroll=!1,this.disabled=!1,this.ordered=!1,this.expanded=!1,this.groupExpandedList=[],this.searchItem=!1,this.compact=!1,this.noClearIcon=!1,this.selectWhenInFocus=!1,this.selectedOptions=[],this.visibleOptions=8,this.optionId="",this.optionValue="",this.isCustomContent=!1,this.searchable=!1,this.shape="none",this.value=[],this.inputValue="",this.allowCustomValue=!1,this.autofocus=!1,this.resultsTextLocalization="No Results",this.optionsTextLocalization="No Options",this.trimSpace=!1,this.invalid=!1,this.invalidText="",this.ariaLabel="",this.searchResultAriaLabel="",this.ariaLabelForComboBox="",this.clearAriaLabel="Clear",this.arrowAriaLabel="Expand",this.clearIconHeight="auto",this.allTextLocalization="All",this.selectAllTextLocalization="Select All",this.selectedTextLocalization="Selected",this.allowSelectAll=!1,this.showCustomError=!1,this.showLoader=!1,this.showSelectedCount=!1,this.popupChevronAriaHidden="true",this.comboboxId="",this.isOptGroup=!1,this.isSelectAllChecked=!1,this.multiSelectedIndex=-1,this.multiSelected=[],this.customContent=[],this.notifySelectedChange=Object(n.b)(t=>{this.dispatchEvent(new CustomEvent("change-selected",{composed:!0,bubbles:!0,detail:t}))},0),this.handleGroupFilter=t=>{const e=t.filter(t=>{if("string"!=typeof t&&"true"===t.isLabel)return t.groupName});return this.searchItem=!0,this.groupExpandedList=e.map(t=>{if("string"!=typeof t)return t.groupName}),t.filter(e=>{if("string"!=typeof e&&"true"===e.isLabel){return!!t.find(t=>{if("string"!=typeof e&&"string"!=typeof t)return e.groupName===t.groupName&&"false"===t.isLabel})}return!0})},this.notifyInputValueChanged=Object(n.b)(t=>{this.dispatchEvent(new CustomEvent("combobox-input",{composed:!0,bubbles:!0,detail:{value:t}})),this.notifySearchResultCount(),this.focusedGroupIndex=0,requestAnimationFrame(()=>{this.input.focus(),this.focusedGroupIndex=-1})},250),this.handleOutsideClick=t=>{let e=!1;const o=t.composedPath();o.length&&(e=!!o.find(t=>t===this),e||(this.setVisualListbox(!1),this.unselectedAllMultiTag()))}}get focusedIndex(){return this._focusedIndex}set focusedIndex(t){var e;const o=this._focusedIndex;if(this.checkForVirtualScroll()){let o;o=this.allowSelectAll?0===t?"selectAll":this.getOptionId(this.filteredOptions[t-1]):this.getOptionId(this.filteredOptions[t]);const i=this.lists?null===(e=[...this.lists])||void 0===e?void 0:e.find(t=>0!==t.offsetHeight&&t.id===o):"";this.lists&&[...this.lists].forEach(t=>{t.toggleAttribute("focused",!1)}),i&&(null==i||i.toggleAttribute("focused",!0))}else if(this.lists){const e=this.lists[o];e&&e.toggleAttribute("focused",!1);const i=this.lists[t];i&&i.toggleAttribute("focused",!0)}this._focusedIndex=t,this.requestUpdate("focusedIndex",o)}get focusedGroupIndex(){return this._focusedGroupIndex}set focusedGroupIndex(t){const e=this._focusedGroupIndex;if(this.labels&&0!==this.labels.length){const o=this.labels[e];o&&o.toggleAttribute("focused",!1);const i=this.labels[t];i&&(i.toggleAttribute("focused",!0),i.focus())}this._focusedGroupIndex=t,this.requestUpdate("focusedGroupIndex",e)}notifySearchResultCount(){if(this.searchResultAriaLabel){const t=/{{.*?}}/g;this.ariaLabelForComboBox=this.searchResultAriaLabel.replace(t,this.filteredOptions.length.toString())}else this.ariaLabel?this.ariaLabelForComboBox=`${this.ariaLabel}, ${this.filteredOptions.length} results found.`:this.ariaLabelForComboBox=`ComboBox Element, ${this.filteredOptions.length} results found.`}firstUpdated(t){this.ariaLabelForComboBox=this.ariaLabel?this.ariaLabel:"ComboBox Element",super.firstUpdated(t),this.isCustomContent&&(this.optionId="id",this.optionValue="value",this.setOptionCustomContent()),this.setInitialValue()}updated(t){super.updated(t),t.has("expanded")&&(this.expanded?(this.resizeListbox(),this.checkSelectedOptions()):this.unCheckAllOptions()),t.has("focusedIndex")&&this.focusedIndex>=0&&(this.checkForVirtualScroll()||this.scrollToOption()),t.has("value")&&0===this.selectedOptions.length&&this.setInitialValue(),t.has("customOptions")&&this.isCustomContent&&(this.setOptionCustomContent(),this.resizeListbox()),t.has("showCustomError")&&this.resizeListbox(),t.has("showLoader")&&this.resizeListbox(),t.has("searchItem")&&this.resizeListbox()}handleFocusIn(t){this.disabled||(this.noClearIcon&&(requestAnimationFrame(()=>{this.input.focus(),this.focusedGroupIndex=-1}),this.selectWhenInFocus&&this.input.select()),super.handleFocusIn&&super.handleFocusIn(t)),this.dispatchEvent(new CustomEvent("combobox-focus-in",{composed:!0,bubbles:!0}))}handleFocusOut(t){super.handleFocusOut&&super.handleFocusOut(t),this.dispatchEvent(new CustomEvent("combobox-focus-out",{composed:!0,bubbles:!0}))}findFilteredOption(t){return this.isOptionObject(t)?this.filteredOptions.findIndex(e=>this.getOptionId(e)===this.getOptionId(t)&&this.getOptionValue(e)===this.getOptionValue(t)):this.filteredOptions.indexOf(t)}setInitialValue(){var t;if(this.value.length)if(this.isMulti)this.value.forEach(t=>{-1!==this.findFilteredOption(t)&&this.setSelectedOption(t)});else{const e=this.value[0],o=this.findFilteredOption(e);-1!==o&&(this.setSelectedOption(e),this.setInputValue(this.getOptionValue(e)),null===(t=this.input)||void 0===t||t.setAttribute(s.a.AriaActivedescendant,this.getOptionId(e)),this.focusedIndex=o,this.focusedGroupIndex=-1)}}isOptionObject(t){return"object"==typeof t&&null!==t}setOptionCustomContent(){if(this.isOptGroup){const t=[...this.querySelectorAll("optgroup")],e=[];for(const o of t){const t=o.getAttribute("label"),i=[...o.querySelectorAll("[slot]")];e.push({isLabel:"true",[this.optionValue]:t,groupName:t});for(const o of i){const i=o.getAttribute("aria-label"),s=o.getAttribute("display-value"),l=o.getAttribute("slot");i&&s&&e.push({[this.optionId]:i,[this.optionValue]:s,isLabel:"false",groupName:t,slot:l})}}this.options=e}else this.customContent=[...this.querySelectorAll("[slot]")],this.customContent&&this.customContent.length?this.options=this.customContent.map(t=>{const e=t.getAttribute("aria-label"),o=t.getAttribute("display-value");if(e&&o)return{[this.optionId]:e,[this.optionValue]:o}}):this.options=[]}getOptionValue(t){return this.isOptionObject(t)?t[this.optionValue]:t}getOptionGroupName(t){return null==t?void 0:t.groupName}getOptionId(t){return this.isOptionObject(t)?t[this.optionId]:t}getFocusedItem(t){if(t>=0)return this.filteredOptions[t]}setupEvents(){document.addEventListener("click",this.handleOutsideClick),this.addEventListener("remove-all-selected",this.removeAllSelected),this.addEventListener("selected-changed",this.selectedChange)}teardownEvents(){document.removeEventListener("click",this.handleOutsideClick),this.removeEventListener("remove-all-selected",this.removeAllSelected),this.removeEventListener("selected-changed",this.selectedChange)}setVisualListbox(t){this.expanded=t}setGroupList(t){this.groupExpandedList.includes(t)?(this.groupExpandedList.splice(this.groupExpandedList.indexOf(t),1),this.groupExpandedList=[...this.groupExpandedList]):this.searchItem?this.groupExpandedList.push(t):this.groupExpandedList=[t]}findSelectedOption(t){return this.optionId&&t?this.selectedOptions.findIndex(e=>e&&e[this.optionId]===t[this.optionId]):this.selectedOptions.indexOf(t)}findOptionIndex(t){const e=t.composedPath();if(this.checkForVirtualScroll()){let t="";return[...this.lists].forEach(o=>{e.includes(o)&&(t=o.id)}),this.filteredOptions.findIndex(e=>this.getOptionId(e)===t)}return[...this.lists].findIndex(t=>e.includes(t))}checkSelectedOptions(){if(this.checkForVirtualScroll()){const t=this.selectedOptions.map(t=>this.getOptionId(t)),e=[...this.lists].filter(t=>"selectAll"!==t.id);null==e||e.forEach(e=>{t.includes(e.id)?(this.isMulti&&(null==e||e.setAttribute("aria-checked","true")),null==e||e.setAttribute("aria-selected","true")):this.isMulti&&(null==e||e.setAttribute("aria-checked","false"))})}}unCheckAllOptions(){var t;this.checkForVirtualScroll()&&this.isMulti&&(null===(t=[...this.lists])||void 0===t||t.forEach(t=>{"selectAll"!==(null==t?void 0:t.id)&&(null==t||t.setAttribute("aria-checked","false"))}))}setSelectedOption(t){this.isMulti||(this.selectedOptions=[]);const e=this.findSelectedOption(t);if(-1!==e){const t=this.selectedOptions[e];this.selectedOptions.splice(e,1),this.notifySelectedChange({value:t,selected:this.selectedOptions})}else this.selectedOptions.push(t),this.notifySelectedChange({value:t,selected:this.selectedOptions});this.checkSelectedOptions(),this.isMulti&&this.allowSelectAll&&(this.isSelectAllChecked=this.isSelectAllSelected()),this.requestUpdate()}filterOptions(t){if(t&&t.length){const e=this.options.filter(e=>this.isOptGroup&&"string"!=typeof e&&"true"===e.isLabel?e:(this.isCustomContent?this.getOptionId(e):this.getOptionValue(e)).toLowerCase().includes(t.toLowerCase()));return this.isOptGroup?this.handleGroupFilter(e):e}return this.searchItem=!1,this.options}getListBoxVerticalPadding(){if(this.listBox){const t=window.getComputedStyle(this.listBox,null),e=parseInt(t.getPropertyValue("padding-top"))+parseInt(t.getPropertyValue("padding-bottom"));if(!isNaN(e))return e+2}return 10}resizeListbox(){this.updateOnNextFrame(()=>{var t;let e=0,o=0,i=0;const s=this.getListBoxVerticalPadding();if(this.lists){const t=this.checkForVirtualScroll()?[...this.lists].filter(t=>0!==t.offsetHeight):[...this.lists];e=t.slice(0,this.visibleOptions).reduce((t,e)=>t+e.offsetHeight,0),i=this.checkForVirtualScroll()&&this.allowSelectAll?t.slice(1,this.visibleOptions).reduce((t,e)=>t+e.offsetHeight,0):t.slice(0,this.visibleOptions).reduce((t,e)=>t+e.offsetHeight,0)}if(this.labels&&(o=[...this.labels].slice(0,this.visibleOptions).reduce((t,e)=>t+e.offsetHeight,0)),this.listBox&&(this.listBox.style.maxHeight=e+o+s+"px"),this.virtualizer&&(this.virtualizer.style.height=i+s+"px"),this.showCustomError||this.showLoader){const e=null===(t=this.listBox)||void 0===t?void 0:t.querySelector("[slot]");this.listBox&&e&&(this.listBox.style.height=e.clientHeight+s+"px",this.listBox.style.maxHeight=e.clientHeight+s+"px")}})}setInputValue(t=""){this.input.value=t}updateOnNextFrame(t){requestAnimationFrame(t)}unCheckedAllOptions(){this.isMulti&&(this.lists.forEach((t,e)=>this.unCheckedOption(e)),this.isSelectAllChecked=!1)}unCheckedOption(t){this.isMulti&&(this.lists[t].setAttribute("aria-checked","false"),this.notifySelectedChange({value:this.filteredOptions[t],selected:this.selectedOptions}))}checkAllOptions(){this.isMulti&&this.lists.forEach((t,e)=>this.checkOption(e))}checkOption(t){this.isMulti&&(this.lists[t].setAttribute("aria-checked","true"),this.notifySelectedChange({value:this.filteredOptions[t],selected:this.selectedOptions}))}isSelectAllSelected(){return this.selectedOptions.length===this.options.length}setFocusOnHost(t){this.setFocus&&this.setFocus(t)}isOptionFocused(t){return this.focusedIndex===t}getAriaState(t){return this.isOptionFocused(t)}scrollToOption(){var t,e;let o=0;const{top:i,bottom:s}=this.listBox.getBoundingClientRect(),l=this.lists[this.focusedIndex],r=null===(t=this.lists[this.focusedIndex+1]||l)||void 0===t?void 0:t.getBoundingClientRect(),n=null===(e=this.lists[this.focusedIndex-1]||l)||void 0===e?void 0:e.getBoundingClientRect();(null==r?void 0:r.bottom)>s?o=r.bottom-s+2:(null==n?void 0:n.top)<i&&(o=n.top-i-2),this.updateOnNextFrame(()=>{this.listBox.scrollTop+=o})}getCustomContentName(t){const e=this.options.indexOf(t);if(this.isOptGroup){const t=this.options[e];if(t&&"string"!=typeof t)return t.slot}else if(-1!==e)return this.customContent[e].slot}setInputSelectionRange(t,e){this.input.setSelectionRange(t,e)}isOptionChecked(t){return-1!==this.findSelectedOption(t)?"true":"false"}getInputSelection(){return this.input.selectionStart}canMultiSelect(){return 0===this.getInputSelection()&&0!==this.selectedOptions.length&&this.isMulti}removeMultiTag(){this.selected&&this.multiSelected.forEach(t=>{const e=this.selected[t];e&&e.hasAttribute("selected")&&this.removeSelected(this.selectedOptions[t])})}unselectedAllMultiTag(){this.selected&&this.selected.forEach(t=>t.removeAttribute("selected")),this.multiSelectedIndex=-1}findLastMultiSelected(){return this.selected[this.multiSelectedIndex]}toggleMultiSelectedTag(t,e){t&&t.toggleAttribute("selected",e)}selectMultiTag(t){if(this.canMultiSelect()){if(!t){this.multiSelected=[];const t=this.findLastMultiSelected();this.toggleMultiSelectedTag(t,!1)}this.multiSelectedIndex<=0?this.multiSelectedIndex=this.selectedOptions.length-1:this.multiSelectedIndex--,this.multiSelected.push(this.multiSelectedIndex);const e=this.findLastMultiSelected();this.toggleMultiSelectedTag(e,!0)}}handleListClick(t){return v(this,void 0,void 0,(function*(){this.dispatchEvent(new CustomEvent("selected-changed",{detail:{event:t}})),yield this.updateComplete,this.isMulti?this.setVisualListbox(!0):this.setVisualListbox(!1),this.updateOnNextFrame(()=>{this.input.focus(),this.focusedGroupIndex=-1})}))}handleSelectAll(){return v(this,void 0,void 0,(function*(){this.isSelectAllChecked=!this.isSelectAllChecked,this.isSelectAllChecked?(this.selectedOptions=[...this.options],this.checkAllOptions()):(this.selectedOptions=[],this.unCheckedAllOptions()),yield this.updateComplete,this.setVisualListbox(!0),this.notifySelectedChange({selected:this.selectedOptions})}))}handleInputKeyUp(t){switch(t.code){case s.b.Escape:break;case s.b.Backspace:this.setFocusOnHost(!0),this.setVisualListbox(!0),this.resizeListbox(),this.removeMultiTag();break;case s.b.ArrowLeft:this.isMulti&&(t.shiftKey?this.selectMultiTag(!0):this.selectMultiTag(!1));break;default:this.isMulti&&this.unselectedAllMultiTag()}}handleInput(t){const e=t.target.value;this.inputValue=e.trim(),this.notifyInputValueChanged(e.trim())}removeAllSelected(){var t;this.focusedIndex=-1,this.focusedGroupIndex=-1,this.selectedOptions=[],this.inputValue="",this.setInputValue(),null===(t=this.input)||void 0===t||t.setAttribute(s.a.AriaActivedescendant,""),this.setVisualListbox(!1),this.unCheckedAllOptions(),this.setSelectedAttribute(void 0),this.updateOnNextFrame(()=>{this.input.focus()}),this.notifySelectedChange({selected:this.selectedOptions})}removeSelected(t){const e=this.findSelectedOption(t),o=this.filteredOptions.indexOf(t);-1!==o&&this.unCheckedOption(o),-1!==e&&(this.selectedOptions.splice(e,1),this.requestUpdate()),this.updateOnNextFrame(()=>{this.input.focus(),this.focusedGroupIndex=-1})}selectedChange(t){var e;const{event:o}=t.detail;let i=this.findOptionIndex(o);if(-1!==i){this.focusedIndex=this.allowSelectAll&&this.checkForVirtualScroll()?i+1:i,this.isMulti&&this.allowSelectAll&&!this.checkForVirtualScroll()&&(i-=1);const t=this.getFocusedItem(i);this.setSelectedAttribute(t),t&&(this.setSelectedOption(t),this.isMulti?this.isMulti&&this.allowSelectAll&&(this.isSelectAllChecked=this.isSelectAllSelected()):(this.setInputValue(this.getOptionValue(t)),null===(e=this.input)||void 0===e||e.setAttribute(s.a.AriaActivedescendant,this.getOptionId(t))))}}setSelectedAttribute(t){var e;let o="";t&&(o=this.getOptionId(t)),null===(e=this.lists)||void 0===e||e.forEach((t,e)=>{(null==t?void 0:t.id)===o?null==t||t.setAttribute("selected","true"):null==t||t.setAttribute("selected","false")})}shouldChangeButton(){const t=this.input&&this.input.value.length>0&&!this.noClearIcon||this.isMulti&&this.selectedOptions.length&&!this.noClearIcon;return t&&document.dispatchEvent(new CustomEvent("on-widget-update")),t}setCustomValue(){this.optionId||this.optionValue||(this.options=[...this.options,this.inputValue],this.setSelectedOption(this.inputValue),this.isMulti||this.updateOnNextFrame(()=>{var t;this.focusedIndex=this.filteredOptions.length-1;const e=this.getFocusedItem(this.focusedIndex);e&&(this.setInputValue(this.getOptionValue(e)),null===(t=this.input)||void 0===t||t.setAttribute(s.a.AriaActivedescendant,this.getOptionId(e)))}),this.dispatchEvent(new CustomEvent("custom-value-add",{composed:!0,bubbles:!0,detail:{value:this.inputValue}}))),this.inputValue=""}handleGroupFocus(){this.setFocusOnHost(!1),this.expanded||this.setVisualListbox(!0),this.filteredGroupOptions.length>0&&-1===this.focusedGroupIndex&&(this.focusedGroupIndex=this.filteredGroupOptions.findIndex(t=>"string"!=typeof t&&t.groupName===this.groupExpandedList[0])),this.updateOnNextFrame(()=>{-1===this.focusedGroupIndex||!this.allowSelectAll&&this.focusedGroupIndex>=this.filteredGroupOptions.length-1||this.allowSelectAll&&this.focusedGroupIndex>=this.filteredGroupOptions.length?this.focusedGroupIndex=0:this.focusedGroupIndex++}),this.focusedIndex=-1}handleInputKeyDown(t){var e,o;switch(t.code){case s.b.Backspace:this.focusedIndex=-1;break;case s.b.Tab:case s.b.Enter:if(this.setFocusOnHost(!0),this.expanded&&this.updateOnNextFrame(()=>{var t;const e=this.getFocusedItem(this.allowSelectAll?this.focusedIndex-1:this.focusedIndex);if(this.allowCustomValue&&this.input&&this.input.value.length){if(-1===this.findFilteredOption(this.inputValue))return void this.setCustomValue()}e&&(this.setSelectedAttribute(e),this.setSelectedOption(e),this.showSelectedCount||(this.setInputValue(this.getOptionValue(e)),null===(t=this.input)||void 0===t||t.setAttribute(s.a.AriaActivedescendant,this.getOptionId(e)))),this.isMulti&&this.allowSelectAll&&0===this.focusedIndex&&this.handleSelectAll()}),this.setVisualListbox(!1),t.code===s.b.Tab&&this.isMulti)return;break;case s.b.ArrowDown:if(this.isOptGroup&&0===this.filteredOptions.length)return void this.handleGroupFocus();this.setFocusOnHost(!1),this.expanded||this.setVisualListbox(!0),this.updateOnNextFrame(()=>{var t;-1===this.focusedIndex||!this.allowSelectAll&&this.focusedIndex>=this.filteredOptions.length-1||this.allowSelectAll&&this.focusedIndex>=this.filteredOptions.length?this.focusedIndex=0:this.focusedIndex++;const e=this.getFocusedItem(this.focusedIndex);this.groupExpandedList=[this.getOptionGroupName(e)],!this.showSelectedCount&&e&&(this.setInputValue(this.getOptionValue(e)),null===(t=this.input)||void 0===t||t.setAttribute(s.a.AriaActivedescendant,this.getOptionId(e))),this.focusedGroupIndex=-1});break;case s.b.ArrowUp:if(this.isOptGroup&&0===this.filteredOptions.length)return void this.handleGroupFocus();this.setFocusOnHost(!1),this.expanded||this.setVisualListbox(!0),this.updateOnNextFrame(()=>{var t;this.focusedIndex<=0?this.focusedIndex=this.allowSelectAll?this.filteredOptions.length:this.filteredOptions.length-1:this.focusedIndex--;const e=this.getFocusedItem(this.focusedIndex);this.groupExpandedList=[this.getOptionGroupName(e)],e&&!this.showSelectedCount&&(this.setInputValue(this.getOptionValue(e)),null===(t=this.input)||void 0===t||t.setAttribute(s.a.AriaActivedescendant,this.getOptionId(e)),this.focusedGroupIndex=-1)});break;case s.b.ArrowLeft:case s.b.ArrowRight:t.stopPropagation();break;case s.b.Escape:this.setFocusOnHost(!0),this.expanded?(t.stopPropagation(),this.setVisualListbox(!1)):(this.setInputValue(),null===(e=this.input)||void 0===e||e.setAttribute(s.a.AriaActivedescendant,""),this.focusedIndex=-1,this.focusedGroupIndex=-1,this.removeAllSelected(),this.setSelectedAttribute(void 0));break;case s.b.Home:this.setInputSelectionRange(0,0);break;case s.b.End:{const{length:t}=this.inputValue;this.setInputSelectionRange(t,t)}break;case s.b.Space:if(this.isMulti&&this.expanded){t.preventDefault();const e=this.getFocusedItem(this.allowSelectAll?this.focusedIndex-1:this.focusedIndex);e&&(this.setSelectedOption(e),this.setSelectedAttribute(e),this.showSelectedCount||(this.setInputValue(),null===(o=this.input)||void 0===o||o.setAttribute(s.a.AriaActivedescendant,""))),0===this.focusedIndex&&this.allowSelectAll&&this.handleSelectAll()}this.expanded=!0}}handleGroupLabelKeyDown(t,e){switch(t.code){case s.b.Tab:this.handleGroupFocus();break;case s.b.Enter:case s.b.Space:-1!==this.focusedGroupIndex?this.toggleGroupListBox(t,e.value):(this.setFocusOnHost(!0),this.setVisualListbox(!1),this.updateOnNextFrame(()=>{var t;const e=this.getFocusedItem(this.allowSelectAll?this.focusedIndex-1:this.focusedIndex);e&&(this.setSelectedOption(e),this.showSelectedCount||(this.setInputValue(this.getOptionValue(e)),null===(t=this.input)||void 0===t||t.setAttribute(s.a.AriaActivedescendant,this.getOptionId(e)),this.updateOnNextFrame(()=>{this.input.focus(),this.focusedGroupIndex=-1}))),this.isMulti&&this.allowSelectAll&&0===this.focusedIndex&&this.handleSelectAll()}));break;case s.b.ArrowDown:if(0===this.filteredOptions.length)return;this.setFocusOnHost(!1),this.updateOnNextFrame(()=>{var t;-1===this.focusedIndex||!this.allowSelectAll&&this.focusedIndex>=this.filteredOptions.length-1||this.allowSelectAll&&this.focusedIndex>=this.filteredOptions.length?this.focusedIndex=0:this.focusedIndex++;const e=this.getFocusedItem(this.focusedIndex);this.groupExpandedList=[this.getOptionGroupName(e)],!this.showSelectedCount&&e&&(this.setInputValue(this.getOptionValue(e)),null===(t=this.input)||void 0===t||t.setAttribute(s.a.AriaActivedescendant,this.getOptionId(e))),this.focusedGroupIndex=-1});break;case s.b.ArrowUp:if(this.isOptGroup&&0===this.filteredOptions.length)return;this.setFocusOnHost(!1),this.updateOnNextFrame(()=>{var t;this.focusedIndex<=0?this.focusedIndex=this.allowSelectAll?this.filteredOptions.length:this.filteredOptions.length-1:this.focusedIndex--;const e=this.getFocusedItem(this.focusedIndex);this.groupExpandedList=[this.getOptionGroupName(e)],e&&!this.showSelectedCount&&(this.setInputValue(this.getOptionValue(e)),null===(t=this.input)||void 0===t||t.setAttribute(s.a.AriaActivedescendant,this.getOptionId(e)))});break;case s.b.Escape:this.focusedGroupIndex=-1,this.setVisualListbox(!1),this.setFocusOnHost(!0),this.input.focus();break;default:this.setVisualListbox(!0)}}toggleVisualListBox(t){var e,o;if(t.target.classList.contains("md-combobox-listbox"))t.target.focus();else if("md-icon"===t.target.localName){const i=null===(o=null===(e=t.target.parentElement)||void 0===e?void 0:e.parentElement)||void 0===o?void 0:o.parentElement;if(i){const t=i.querySelector(".md-combobox-listbox");Object(g.setTimeout)(()=>{t.focus()},10)}}this.expanded?this.setVisualListbox(!1):(this.dispatchEvent(new CustomEvent("combobox-on-expand",{composed:!0,bubbles:!0})),this.notifySearchResultCount(),this.setVisualListbox(!0)),this.input.focus(),this.setGroupList(""),this.focusedGroupIndex=-1}toggleGroupListBox(t,e){t.stopPropagation(),this.focusedGroupIndex=this.filteredGroupOptions.findIndex(t=>"string"!=typeof t&&t.groupName===e),this.setGroupList(e),this.resizeListbox()}handleRemoveAll(t){t.stopPropagation(),this.dispatchEvent(new CustomEvent("remove-all-selected"))}connectedCallback(){super.connectedCallback(),this.setupEvents();this.querySelector("optgroup")&&(this.isOptGroup=!0)}disconnectedCallback(){super.disconnectedCallback(),this.teardownEvents()}static get styles(){return[a.a,x]}get listItemOptionMap(){return{"md-combobox-multiselect":this.isMulti}}get filteredOptions(){return this.filterOptions(this.trimSpace?this.inputValue.replace(/\s+/g,""):this.inputValue).filter(t=>!this.isOptGroup||("string"!=typeof t&&this.groupExpandedList.includes(this.getOptionGroupName(t))?"false"===t.isLabel:void 0))}get filteredGroupOptions(){return this.filterOptions(this.trimSpace?this.inputValue.replace(/\s+/g,""):this.inputValue).filter(t=>!this.isOptGroup||("string"!=typeof t?"true"===t.isLabel:void 0))}get comboBoxTemplateClassMap(){return{["md-combobox--"+this.shape]:!!this.shape,"md-combobox-searchable":this.searchable}}searchIconTemplate(){return c.html`
|
|
2
2
|
<md-icon name="icon-search_16" @click=${this.toggleVisualListBox}></md-icon>
|
|
3
3
|
`}selectedOptionTemplate(t){return c.html`
|
|
4
4
|
<div class="md-combobox-selected-item">
|
|
@@ -163,8 +163,8 @@
|
|
|
163
163
|
>
|
|
164
164
|
${this.isMulti&&this.allowSelectAll&&this.expanded?this.getSelectAllOption():d.nothing}
|
|
165
165
|
${this.checkForVirtualScroll()?0!==this.options.length&&this.filterOptions(this.trimSpace?this.inputValue.replace(/\s+/g,""):this.inputValue).length>0?c.html`
|
|
166
|
-
|
|
167
|
-
|
|
166
|
+
<div class="virtual-scroll" @rangechange=${this.rangeChanged}>
|
|
167
|
+
${Object(m.scroll)({items:this.filterOptions(this.trimSpace?this.inputValue.replace(/\s+/g,""):this.inputValue),renderItem:(t,e)=>this.renderItem(t,e||0),useShadowDOM:!1,scrollToIndex:{index:this.focusedIndex,position:-1===this.focusedIndex?"start":"center"}})}
|
|
168
168
|
</div>
|
|
169
169
|
`:d.nothing:this.renderWithoutVirtualScroll()}
|
|
170
170
|
${this.options.length&&0===this.filteredOptions.length&&this.inputValue&&!this.allowCustomValue?c.html`
|
package/dist/chunks/md-39.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[39],{62:function(e,r,d){"use strict";var o=d(0);r.a=o.css`:host{display:block}.md-draggable-item.extended{align-items:center;background-color:var(--md-secondary-white-bg-color);border:1px solid var(--md-menu-overlay-border-color);display:flex;flex-direction:row;padding:.375rem}.md-draggable-item.extended md-icon{cursor:grab;margin-right:.375rem}.md-draggable-item.extended:hover{background-color:var(--md-secondary-bg-color)}.md-draggable-item.extended ::slotted(*){flex:1 1 auto;margin-right:calc(.375rem
|
|
1
|
+
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[39],{62:function(e,r,d){"use strict";var o=d(0);r.a=o.css`:host{display:block}.md-draggable-item.extended{align-items:center;background-color:var(--md-secondary-white-bg-color);border:1px solid var(--md-menu-overlay-border-color);display:flex;flex-direction:row;padding:.375rem}.md-draggable-item.extended md-icon{cursor:grab;margin-right:.375rem}.md-draggable-item.extended:hover{background-color:var(--md-secondary-bg-color)}.md-draggable-item.extended ::slotted(*){flex:1 1 auto;margin-right:calc(.375rem*2);text-align:left}.md-draggable-item.default{border:2px solid transparent;border-radius:.25rem;cursor:grab;display:flex;padding:calc(.375rem/2) .375rem}.md-draggable-item.default:hover{background-color:var(--md-tertiary-white-bg-color);border:2px solid var(--md-default-focus-outline-color);box-shadow:0 2px 4px rgba(0,0,0,.1),0 0 1px rgba(0,0,0,.18)}.md-draggable-item.disabled{cursor:default}.md-draggable-item.disabled:hover{background-color:rgba(0,0,0,0);border:2px solid transparent;box-shadow:none}@media(forced-colors:active){.md-draggable-item.extended{border:1px solid CanvasText}.md-draggable-item.default{border:none;outline:0}.md-draggable-item.default:hover{outline:1px solid Highlight;border:none}}`}}]);
|
package/dist/chunks/md-41.js
CHANGED
|
@@ -12,4 +12,4 @@
|
|
|
12
12
|
<slot></slot>
|
|
13
13
|
</a>
|
|
14
14
|
</li>
|
|
15
|
-
`}};o([Object(l.property)({type:String})],t.prototype,"href",void 0),o([Object(l.property)({type:String})],t.prototype,"label",void 0),o([Object(l.property)({type:Number,reflect:!0})],t.prototype,"tabIndex",void 0),o([Object(l.property)({type:Boolean,reflect:!0})],t.prototype,"disabled",null),o([Object(l.property)({type:Boolean,reflect:!0})],t.prototype,"selected",null),t=o([Object(n.a)("md-menu-item")],t),e.ELEMENT=t}(s||(s={}))},64:function(e,t,i){"use strict";var s=i(0);t.a=s.css`.md-menu{margin:0;padding:0}.md-menu--horizontal .md-menu-list ::slotted(*){display:inline-flex}.md-menu--vertical .md-menu-list ::slotted(*){display:flex}.md-menu.justified .md-menu-list{display:flex;justify-content:space-between}.md-menu .md-menu-list{margin:0}.md-menu-item{list-style:none;padding:.125rem}.md-menu-item a{color:var(--menu-default,#121212);display:flex;padding:.375rem .75rem}.md-menu-item ::slotted(*){padding:0 .1875rem}.md-menu-item--selected{background:var(--menu-pressed-bg,#91ebff)}.md-menu-item:hover{background:var(--menu-hover-bg,#c9f4ff)}.md-menu-item:active{background:var(--menu-pressed-bg,#91ebff)}.md-menu-item.disabled{pointer-events:none}.md-menu-item.disabled a{background:0
|
|
15
|
+
`}};o([Object(l.property)({type:String})],t.prototype,"href",void 0),o([Object(l.property)({type:String})],t.prototype,"label",void 0),o([Object(l.property)({type:Number,reflect:!0})],t.prototype,"tabIndex",void 0),o([Object(l.property)({type:Boolean,reflect:!0})],t.prototype,"disabled",null),o([Object(l.property)({type:Boolean,reflect:!0})],t.prototype,"selected",null),t=o([Object(n.a)("md-menu-item")],t),e.ELEMENT=t}(s||(s={}))},64:function(e,t,i){"use strict";var s=i(0);t.a=s.css`.md-menu{margin:0;padding:0}.md-menu--horizontal .md-menu-list ::slotted(*){display:inline-flex}.md-menu--vertical .md-menu-list ::slotted(*){display:flex}.md-menu.justified .md-menu-list{display:flex;justify-content:space-between}.md-menu .md-menu-list{margin:0}.md-menu-item{list-style:none;padding:.125rem}.md-menu-item a{color:var(--menu-default,#121212);display:flex;padding:.375rem .75rem}.md-menu-item ::slotted(*){padding:0 .1875rem}.md-menu-item--selected{background:var(--menu-pressed-bg,#91ebff)}.md-menu-item:hover{background:var(--menu-hover-bg,#c9f4ff)}.md-menu-item:active{background:var(--menu-pressed-bg,#91ebff)}.md-menu-item.disabled{pointer-events:none}.md-menu-item.disabled a{background:rgba(0,0,0,0);color:var(--md-disabled-text-color)}@media(forced-colors:active){.md-menu-item--selected,.md-menu-item:active,.md-menu-item:focus,.md-menu-item:hover{outline:1px solid Highlight}.md-menu-item.disabled a{color:GrayText}}`}}]);
|
package/dist/chunks/md-42.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[42],{66:function(o,e,r){"use strict";var i=r(0);e.a=i.css`: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
|
+
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[42],{66:function(o,e,r){"use strict";var i=r(0);e.a=i.css`: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}`}}]);
|
package/dist/chunks/md-47.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[47],{104:function(e,r,t){"use strict";t.r(r),t.d(r,"AlertBanner",(function(){return n}));var n,a=t(1),o=t(5),l=t(6),c=t(0),s=t(13),d=(t(17),t(15),c.css`.md-alert-banner{padding:.75rem;position:relative;text-align:center}.md-alert-banner.md-alert-banner--default{background-color:var(--alert-banner-default-bg-color,#c9f4ff);color:var(--alert-banner-default-text-color,#005e7d)}.md-alert-banner.md-alert-banner--default md-icon{color:var(--alert-banner-default-text-color,#005e7d)}.md-alert-banner.md-alert-banner--warning{background-color:var(--alert-banner-warning-bg-color,#ffecc2);color:var(--alert-banner-warning-text-color,#7d4705)}.md-alert-banner.md-alert-banner--warning md-icon{color:var(--alert-banner-warning-text-color,#7d4705)}.md-alert-banner.md-alert-banner--error{background-color:var(--alert-banner-error-bg-color,#ffe8e3);color:var(--alert-banner-error-text-color,#a12512)}.md-alert-banner.md-alert-banner--error md-icon{color:var(--alert-banner-error-text-color,#a12512)}.md-alert-banner.md-alert-banner--success{background-color:var(--alert-banner-success-bg-color,#c9f4ff);color:var(--alert-banner-success-text-color,#005e7d)}.md-alert-banner.md-alert-banner--success md-icon{color:var(--alert-banner-success-text-color,#005e7d)}.md-alert-banner__text{font-size:.875rem;padding:0 1.75rem;text-align:center}.md-alert-banner__text a{color:inherit;text-decoration:underline}.md-alert-banner__close{cursor:pointer;height:1rem;position:absolute;right:1rem;top:.75rem;width:1rem}@media
|
|
1
|
+
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[47],{104:function(e,r,t){"use strict";t.r(r),t.d(r,"AlertBanner",(function(){return n}));var n,a=t(1),o=t(5),l=t(6),c=t(0),s=t(13),d=(t(17),t(15),c.css`.md-alert-banner{padding:.75rem;position:relative;text-align:center}.md-alert-banner.md-alert-banner--default{background-color:var(--alert-banner-default-bg-color,#c9f4ff);color:var(--alert-banner-default-text-color,#005e7d)}.md-alert-banner.md-alert-banner--default md-icon{color:var(--alert-banner-default-text-color,#005e7d)}.md-alert-banner.md-alert-banner--warning{background-color:var(--alert-banner-warning-bg-color,#ffecc2);color:var(--alert-banner-warning-text-color,#7d4705)}.md-alert-banner.md-alert-banner--warning md-icon{color:var(--alert-banner-warning-text-color,#7d4705)}.md-alert-banner.md-alert-banner--error{background-color:var(--alert-banner-error-bg-color,#ffe8e3);color:var(--alert-banner-error-text-color,#a12512)}.md-alert-banner.md-alert-banner--error md-icon{color:var(--alert-banner-error-text-color,#a12512)}.md-alert-banner.md-alert-banner--success{background-color:var(--alert-banner-success-bg-color,#c9f4ff);color:var(--alert-banner-success-text-color,#005e7d)}.md-alert-banner.md-alert-banner--success md-icon{color:var(--alert-banner-success-text-color,#005e7d)}.md-alert-banner__text{font-size:.875rem;padding:0 1.75rem;text-align:center}.md-alert-banner__text a{color:inherit;text-decoration:underline}.md-alert-banner__close{cursor:pointer;height:1rem;position:absolute;right:1rem;top:.75rem;width:1rem}@media(forced-colors:active){.md-alert-banner{box-shadow:none;outline:2px solid CanvasText}}`),i=function(e,r,t,n){var a,o=arguments.length,l=o<3?r:null===n?n=Object.getOwnPropertyDescriptor(r,t):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(e,r,t,n);else for(var c=e.length-1;c>=0;c--)(a=e[c])&&(l=(o<3?a(l):o>3?a(r,t,l):a(r,t))||l);return o>3&&l&&Object.defineProperty(r,t,l),l};!function(e){let r=class extends c.LitElement{constructor(){super(...arguments),this.type="",this.message="",this.closable=!1,this.show=!1,this.closeAriaLabel="Close Banner"}connectedCallback(){super.connectedCallback(),this.requestUpdate("show")}onHide(){this.show=!this.show,this.dispatchEvent(new CustomEvent("alertBanner-hide")),this.requestUpdate("show")}handleKeyDown(e){const{code:r}=e;r!==a.b.Enter&&r!==a.b.Space||this.onHide()}static get styles(){return[o.a,d]}render(){const e={"md-alert-banner":!0,["md-alert-banner--"+this.type]:this.type},r=this.closable?c.html`
|
|
2
2
|
<md-button
|
|
3
3
|
class="md-alert-banner__close"
|
|
4
4
|
hasRemoveStyle
|
package/dist/chunks/md-48.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[48],{105:function(e,t,r){"use strict";r.r(t),r.d(t,"Alert",(function(){return o}));var o,l=r(5),i=r(6),a=r(0),n=r(3),c=r(4),s=(r(17),r(15),a.css`:host{--alert-icon-size:var(--alert-default-icon-size, $lm-alert-default-icon-size-light);--alert-close-btn:var(--alert-close-bg-color, $lm-alert-close-bg-color-light)}:host(md-alert){display:flex;flex:1 1 100%}.md-alert{align-content:center;align-items:flex-start;display:flex;flex-flow:row nowrap;justify-content:space-between;border-top-left-radius:.3125rem;border-top-right-radius:.3125rem;border-bottom-left-radius:.3125rem;border-bottom-right-radius:.3125rem;background-color:var(--alert-default-bg-color,#fff);border:1px solid rgba(0,0,0,.12);box-shadow:0 8px 16px 0 rgba(0,0,0,.08);flex:1 1 100%;margin-bottom:.5rem;max-height:19.25rem;max-width:23rem;min-height:4.875rem;padding:.75rem}.md-alert__icon{align-self:center}.md-alert__icon md-icon::part(icon){font-size:var(--alert-default-icon-size,24px)!important;line-height:var(--alert-default-icon-size,24px)!important}.md-alert__content{display:flex;flex-basis:0;flex-direction:column;flex-grow:2;max-width:17rem;padding-left:.75rem;padding-right:.125rem;align-self:center}.md-alert__title{-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;text-overflow:ellipsis;color:var(--alert-title-text-color,#121212);font-size:var(--alert-title-font-size,1rem);line-height:1.5rem;width:
|
|
1
|
+
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[48],{105:function(e,t,r){"use strict";r.r(t),r.d(t,"Alert",(function(){return o}));var o,l=r(5),i=r(6),a=r(0),n=r(3),c=r(4),s=(r(17),r(15),a.css`:host{--alert-icon-size:var(--alert-default-icon-size, $lm-alert-default-icon-size-light);--alert-close-btn:var(--alert-close-bg-color, $lm-alert-close-bg-color-light)}:host(md-alert){display:flex;flex:1 1 100%}.md-alert{align-content:center;align-items:flex-start;display:flex;flex-flow:row nowrap;justify-content:space-between;border-top-left-radius:.3125rem;border-top-right-radius:.3125rem;border-bottom-left-radius:.3125rem;border-bottom-right-radius:.3125rem;background-color:var(--alert-default-bg-color,#fff);border:1px solid rgba(0,0,0,.12);box-shadow:0 8px 16px 0 rgba(0,0,0,.08);flex:1 1 100%;margin-bottom:.5rem;max-height:19.25rem;max-width:23rem;min-height:4.875rem;padding:.75rem}.md-alert__icon{align-self:center}.md-alert__icon md-icon::part(icon){font-size:var(--alert-default-icon-size,24px)!important;line-height:var(--alert-default-icon-size,24px)!important}.md-alert__content{display:flex;flex-basis:0;flex-direction:column;flex-grow:2;max-width:17rem;padding-left:.75rem;padding-right:.125rem;align-self:center}.md-alert__title{-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;text-overflow:ellipsis;color:var(--alert-title-text-color,#121212);font-size:var(--alert-title-font-size,1rem);line-height:1.5rem;width:100%}.md-alert__message{-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;color:var(--alert-default-text-color,#545454);font-family:"CiscoSansTT Light","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:.875rem;line-height:1.35;width:100%;word-wrap:break-word}.md-alert__button{margin-left:.25rem;align-self:center}.md-alert__button md-button::part(button){align-items:center;background-color:var(--alert-close-bg-color,#fff);border-radius:50%;display:inline-flex;height:var(--alert-close-size,1rem);justify-content:center;width:var(--alert-close-size,1rem)}.md-alert__button md-icon::part(icon){color:var(--alert-close-text-color,#121212)}.md-alert.md-alert__inline{border:0;box-shadow:none;margin-bottom:0}@media(forced-colors:active){.md-alert__button md-icon::part(icon){color:ButtonText}.md-alert__icon{background:0 0}.md-alert__icon md-icon::part(icon){color:CanvasText}.md-alert .md-badge{background-color:inherit}}`),d=function(e,t,r,o){var l,i=arguments.length,a=i<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--)(l=e[n])&&(a=(i<3?l(a):i>3?l(t,r,a):l(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.closable=!1,this.message="",this.show=!1,this.internalClose=!0,this.title="",this.btnlabel="Close",this.type="default",this.inline=!1,this.renderIconTemplate=()=>{switch(this.type){case"error":return a.html`
|
|
2
2
|
<md-icon name="icon-warning_32" color="red-50"></md-icon>
|
|
3
3
|
`;case"info":return a.html`
|
|
4
4
|
<md-icon name="info_32" color="blue-50"></md-icon>
|
package/dist/chunks/md-49.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[49],{106:function(e,t,i){"use strict";i.r(t),i.d(t,"playbackSpeeds",(function(){return u})),i.d(t,"defaultLabelMap",(function(){return c})),i.d(t,"AudioPlayer",(function(){return h}));var o=i(6),a=i(0),l=i(4),r=a.css`:host(md-audio-player){display:block}.md-audio-player{background:var(--audio-player-background-body,#ededed);box-shadow:inset 0 0 1.25rem rgba(176,176,176,.25);border-radius:1.875rem;height:3.75rem;color:var(--audio-player-font-color,#121212);flex-direction:column;justify-content:center;display:flex;padding:0 1.25rem;font-size:14px}.inner-container{display:flex;gap:.625rem;align-items:center;justify-items:center}.timeline-container{flex:1;z-index:0}.timeline-container md-tooltip{display:unset}md-button::part(button){vertical-align:text-bottom}md-button::part(button):focus::after{outline:0;box-shadow:none}md-button::part(button):focus-visible{box-shadow:0 0 0 .125rem var(--aido-player-focus-ring-color,#007aa3)}.timeline{background:var(--audio-player-background-timeline,#ccc);cursor:pointer;height:.375rem;width:100%;border-radius:.25rem;position:relative}.progress-bar{background:var(--audio-player-background-progress-bar,#3b3b3b);height:100%;width:0;transition:.25s;border-radius:.25rem;position:absolute;z-index:2}.buffer-bar{background:var(--audio-player-background-buffer-bar,#b2b2b2);height:100%;width:0;transition:.25s;border-radius:.25rem;position:absolute;top:0;opacity:.6}.text-container{display:flex;justify-content:space-between}.play-btn{cursor:pointer}.play-btn md-icon{vertical-align:sub}.volume-container{height:1.75rem;border-radius:1.875rem;display:flex;align-items:center;justify-content:center;transition:.25s}.volume-container md-icon{cursor:pointer}.volume-container:hover{background:var(--audio-player-background-body,#ededed);box-shadow:inset 0 0 1.25rem rgba(176,176,176,.25);padding:0 .9375rem}.volume-container:hover .volume{width:5rem;margin-right:.625rem}.volume{cursor:pointer;height:.375rem;width:0;overflow:hidden;border-radius:.625rem;transition:.25s;background:var(--audio-player-background-timeline,#ccc)}.volume-slider{background:var(--audio-player-background-progress-bar,#3b3b3b);height:100%;width:24%}.speed-icon-container{position:relative}#speed-btn{cursor:pointer}.speed-popup{display:none;position:absolute;z-index:1;bottom:-.375rem;right:4.75rem;height:100%;width:100%;justify-content:center;align-items:flex-end}.speed-popup.popup-open{display:flex}.speed-popup ul{list-style:none;padding:.375rem 0;text-align:left;display:flex;align-items:center;justify-content:center;flex-direction:column;background:var(--audio-player-background-speed-popup,#fff);box-shadow:0 .25rem .5rem rgba(0,0,0,.2),0 0 .0625rem rgba(0,0,0,.12);border-radius:.5rem}.speed-popup ul li{padding:.125rem .75rem .125rem .75rem;color:var(--audio-player-font-color,#121212);width:10rem;height:1.875rem;cursor:pointer;transition:background .1s ease;display:inline-flex;justify-content:space-between;align-items:center}.speed-popup ul li:hover{background:var(--audio-player-background-speed-popup-hover,#f7f7f7)}.speed-popup-selected-speed{background:var(--audio-player-background-speed-popup-hover,#f7f7f7)}@media
|
|
1
|
+
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[49],{106:function(e,t,i){"use strict";i.r(t),i.d(t,"playbackSpeeds",(function(){return u})),i.d(t,"defaultLabelMap",(function(){return c})),i.d(t,"AudioPlayer",(function(){return h}));var o=i(6),a=i(0),l=i(4),r=a.css`:host(md-audio-player){display:block}.md-audio-player{background:var(--audio-player-background-body,#ededed);box-shadow:inset 0 0 1.25rem rgba(176,176,176,.25);border-radius:1.875rem;height:3.75rem;color:var(--audio-player-font-color,#121212);flex-direction:column;justify-content:center;display:flex;padding:0 1.25rem;font-size:14px}.inner-container{display:flex;gap:.625rem;align-items:center;justify-items:center}.timeline-container{flex:1;z-index:0}.timeline-container md-tooltip{display:unset}md-button::part(button){vertical-align:text-bottom}md-button::part(button):focus::after{outline:0;box-shadow:none}md-button::part(button):focus-visible{box-shadow:0 0 0 .125rem var(--aido-player-focus-ring-color,#007aa3)}.timeline{background:var(--audio-player-background-timeline,#ccc);cursor:pointer;height:.375rem;width:100%;border-radius:.25rem;position:relative}.progress-bar{background:var(--audio-player-background-progress-bar,#3b3b3b);height:100%;width:0;transition:.25s;border-radius:.25rem;position:absolute;z-index:2}.buffer-bar{background:var(--audio-player-background-buffer-bar,#b2b2b2);height:100%;width:0;transition:.25s;border-radius:.25rem;position:absolute;top:0;opacity:.6}.text-container{display:flex;justify-content:space-between}.play-btn{cursor:pointer}.play-btn md-icon{vertical-align:sub}.volume-container{height:1.75rem;border-radius:1.875rem;display:flex;align-items:center;justify-content:center;transition:.25s}.volume-container md-icon{cursor:pointer}.volume-container:hover{background:var(--audio-player-background-body,#ededed);box-shadow:inset 0 0 1.25rem rgba(176,176,176,.25);padding:0 .9375rem}.volume-container:hover .volume{width:5rem;margin-right:.625rem}.volume{cursor:pointer;height:.375rem;width:0;overflow:hidden;border-radius:.625rem;transition:.25s;background:var(--audio-player-background-timeline,#ccc)}.volume-slider{background:var(--audio-player-background-progress-bar,#3b3b3b);height:100%;width:24%}.speed-icon-container{position:relative}#speed-btn{cursor:pointer}.speed-popup{display:none;position:absolute;z-index:1;bottom:-.375rem;right:4.75rem;height:100%;width:100%;justify-content:center;align-items:flex-end}.speed-popup.popup-open{display:flex}.speed-popup ul{list-style:none;padding:.375rem 0;text-align:left;display:flex;align-items:center;justify-content:center;flex-direction:column;background:var(--audio-player-background-speed-popup,#fff);box-shadow:0 .25rem .5rem rgba(0,0,0,.2),0 0 .0625rem rgba(0,0,0,.12);border-radius:.5rem}.speed-popup ul li{padding:.125rem .75rem .125rem .75rem;color:var(--audio-player-font-color,#121212);width:10rem;height:1.875rem;cursor:pointer;transition:background .1s ease;display:inline-flex;justify-content:space-between;align-items:center}.speed-popup ul li:hover{background:var(--audio-player-background-speed-popup-hover,#f7f7f7)}.speed-popup-selected-speed{background:var(--audio-player-background-speed-popup-hover,#f7f7f7)}@media(forced-colors:active){.md-audio-player{outline:1px solid transparent!important}.buffer-bar{forced-color-adjust:none;opacity:.3;background-color:GrayText}.progress-bar{forced-color-adjust:none;background-color:Highlight}.volume{forced-color-adjust:none;background-color:HighlightText;outline:1px solid Highlight;outline-offset:-1px}.volume-slider{forced-color-adjust:none;background-color:Highlight}.speed-popup ul{outline:1px solid Highlight}.speed-popup ul li:hover{forced-color-adjust:none;color:Canvas;background:Highlight}#speed-popup-menu>.speed-popup-selected-speed{forced-color-adjust:none;color:Canvas;background:Highlight}}`,s=i(5),n=i(3),d=i(1),p=function(e,t,i,o){var a,l=arguments.length,r=l<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,i,o);else for(var s=e.length-1;s>=0;s--)(a=e[s])&&(r=(l<3?a(r):l>3?a(t,i,r):a(t,i))||r);return l>3&&r&&Object.defineProperty(t,i,r),r};const u=[{value:.25,label:"0.25"},{value:.5,label:"0.50"},{value:.75,label:"0.75"},{value:1,label:"Normal"},{value:1.25,label:"1.25"},{value:1.5,label:"1.50"},{value:1.75,label:"1.75"},{value:2,label:"2"}],c={playBtn:{ariaLabel:"Play",tooltipText:"Play"},pauseBtn:{ariaLabel:"Pause",tooltipText:"Pause"},duration:{ariaLabel:"Duration:",tooltipText:"Duration"},timeline:{ariaLabel:"Audio Seekbar",tooltipText:"Audio Seekbar"},volumeBtn:{ariaLabel:"Mute / Unmute Audio",tooltipText:"Mute / Unmute"},volumeSlider:{ariaLabel:"Volume level",tooltipText:"Volume level"},playbackSpeedBtn:{ariaLabel:"Playback speed",tooltipText:"Playback speed"}};var h;!function(e){let t=class extends a.LitElement{constructor(){super(),this.src="",this.events=[],this.isPlaying=!1,this.isMuted=!1,this.duration=0,this.volume=100,this.currentTime=0,this.showSpeedPopup=!1,this.playbackSpeed=1,this.volumeExpanded=!1,this.bufferedRange=0,this.selectedPlaybackSpeed=this.playbackSpeed,this.currentlySelectingPlaybackSpeed=!1,this.onOutsideClick=e=>{let t=!1;const i=e.composedPath();i.length&&(t=!!i.find(e=>"speed-btn"===e.id),t||(this.showSpeedPopup=!1))},this.handleKeyDown=e=>{const{code:t}=e;switch(t){case d.b.ArrowLeft:this.volumeExpanded?this.setVolumeKeydown(this.volume-.01):this.setTimeKeydown(this.currentTime-1);break;case d.b.ArrowRight:this.volumeExpanded?this.setVolumeKeydown(this.volume+.01):this.setTimeKeydown(this.currentTime+1);break;case d.b.ArrowUp:if(this.showSpeedPopup){this.currentlySelectingPlaybackSpeed=!0;const t=u.findIndex(e=>e.value===this.selectedPlaybackSpeed),i=Math.max(0,t-1);this.selectedPlaybackSpeed=u[i].value,e.preventDefault(),this.currentlySelectingPlaybackSpeed=!1}break;case d.b.ArrowDown:if(this.showSpeedPopup){this.currentlySelectingPlaybackSpeed=!0;const t=u.findIndex(e=>e.value===this.selectedPlaybackSpeed),i=Math.min(u.length-1,t+1);this.selectedPlaybackSpeed=u[i].value,e.preventDefault(),this.currentlySelectingPlaybackSpeed=!1}break;case d.b.Enter:this.showSpeedPopup&&(this.setPlaybackSpeed(this.selectedPlaybackSpeed),e.preventDefault())}},this.audio=new Audio,this.setAudioEventListeners(),this.labelMap=c}firstUpdated(e){super.firstUpdated(e),e.has("src")&&(this.audio.src=this.src)}updated(e){super.updated(e),e.has("src")&&(this.audio.src=this.src)}connectedCallback(){super.connectedCallback(),this.requestUpdate("src"),document.addEventListener("click",this.onOutsideClick),document.addEventListener("keydown",this.handleKeyDown)}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("click",this.onOutsideClick),document.removeEventListener("keydown",this.handleKeyDown),this.audio.pause(),this.isPlaying=!1}setAudioEventListeners(){this.audio.onloadeddata=()=>{this.duration=this.audio.duration,this.audio.volume=.75},this.audio.onerror=()=>{this.audio.src&&this.dispatchEvent(new CustomEvent("playback-error",{composed:!0,bubbles:!0}))},this.audio.onended=()=>{this.audio.currentTime=0,this.isPlaying=!1},this.audio.ontimeupdate=()=>{this.currentTime=this.audio.currentTime},this.audio.onvolumechange=()=>{this.volume=this.audio.volume},this.audio.onprogress=()=>{this.bufferedRange=this.audio.buffered.end(0)}}togglePlay(){this.isPlaying=!this.isPlaying,this.isPlaying?(this.audio.play(),this.dispatchEvent(new CustomEvent("play-clicked",{composed:!0,bubbles:!0}))):this.audio.pause()}toTimecode(e){const t=Math.floor(e);return`${Math.floor(t/60)}:${String(t%60).padStart(2,"0")}`}setTime(e){const t=this.getBarPercentage(e,"timeline"),i=Math.floor(t*this.duration);this.audio.currentTime=i}setVolume(e){const t=this.getBarPercentage(e,"volume");this.audio.volume=t}getBarPercentage(e,t){const i=(e.target.className===t?e.target:e.target.parentElement).getBoundingClientRect();return(e.clientX-i.x)/i.width}toggleSoundMute(){this.isMuted=!this.isMuted,this.audio.muted=this.isMuted}toggleSpeedPopup(){this.showSpeedPopup=!this.showSpeedPopup}setTimeKeydown(e){e>this.duration?(this.currentTime=this.duration,this.audio.currentTime=this.duration):e<0?(this.currentTime=0,this.audio.currentTime=0):(this.currentTime=e,this.audio.currentTime=e)}setVolumeKeydown(e){e>1?(this.volume=1,this.audio.volume=1):e<0?(this.isMuted||this.toggleSoundMute(),this.volume=0,this.audio.volume=0):(this.isMuted&&this.toggleSoundMute(),this.volume=e,this.audio.volume=e)}get popupClassMap(){return{"popup-open":this.showSpeedPopup}}setPlaybackSpeed(e){this.playbackSpeed=e,this.audio.playbackRate=this.playbackSpeed,this.showSpeedPopup=!1}toggleVolumeExpand(e){this.volumeExpanded=e}static get styles(){return[s.a,r]}render(){return a.html`
|
|
2
2
|
<div class="md-audio-player">
|
|
3
3
|
<div class="inner-container">
|
|
4
4
|
<div class="play-container">
|
package/dist/chunks/md-51.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[51],{108:function(t,e,o){"use strict";o.r(e),o.d(e,"ButtonGroup",(function(){return s}));var s,n=o(1),
|
|
1
|
+
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[51],{108:function(t,e,o){"use strict";o.r(e),o.d(e,"ButtonGroup",(function(){return s}));var s,n=o(1),r=o(7),i=o(5),d=o(0),l=d.css`:host(:focus){box-shadow:none;outline:0!important}:host(md-button-group){display:flex}:host(md-button-group) .md-button-group{align-content:flex-start;align-items:center;display:inline-flex;flex-flow:row nowrap;justify-content:flex-start;background:var(--button-group-bg-color,#dedede);border-radius:var(--button-group-border-radius,.25rem);font-size:12px;padding:var(--button-group-indent,.125rem);transition:background .2s ease;border:1px solid var(--button-group-outline-border)}:host(md-button-group) .md-button-group:hover{background:var(--button-group-bg-color-hover,#ccc)}:host(md-button-group) .md-button-group:active{background:var(--button-group-bg-color-pressed,#b2b2b2)}:host(md-button-group) .md-button-group ::slotted(button){align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;background:0 0;border:0;border-radius:var(--button-group-border-radius,.25rem);color:var(--button-group-color,#545454);cursor:pointer;height:1.875rem;margin:0 var(--button-group-indent,.125rem);outline:0;padding:.25rem .75rem}:host(md-button-group) .md-button-group ::slotted(button):first-child{margin-left:0}:host(md-button-group) .md-button-group ::slotted(button):last-child{margin-right:0}:host(md-button-group) .md-button-group ::slotted(:hover){background:var(--button-group-color-hover,none);color:var(--button-group-color-active,#121212)}:host(md-button-group) .md-button-group ::slotted([selected]){background:var(--button-group-bg-color-active,#fff);box-shadow:0 2px 4px rgba(0,0,0,.1),0 0 1px rgba(0,0,0,.18);color:var(--button-group-color-active,#121212)}:host([focus-visible]:not([disabled])) .md-button-group{box-shadow:0 0 0 .125rem var(--md-default-focus-outline-color,#005e7d)}:host([disabled]) .md-button-group{opacity:.5;pointer-events:none}@media(forced-colors:active){:host(md-button-group) .md-button-group{outline:1px solid CanvasText;background:Canvas}:host(md-button-group) .md-button-group ::slotted([selected]){forced-color-adjust:none;outline:1px solid Highlight;background:Highlight;color:HighlightText}:host([focus-visible]:not([disabled])) .md-button-group{outline:2px solid Highlight}}`,u=function(t,e,o,s){var n,r=arguments.length,i=r<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,o):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(t,e,o,s);else for(var d=t.length-1;d>=0;d--)(n=t[d])&&(i=(r<3?n(i):r>3?n(e,o,i):n(e,o))||i);return r>3&&i&&Object.defineProperty(e,o,i),i};!function(t){let e=class extends(Object(r.e)(Object(r.a)(d.LitElement))){constructor(){super(...arguments),this.active=0,this.tabIndex=0,this._disabled=!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 slotElement(){return this.buttonSlot}static get styles(){return[i.a,l]}firstUpdated(t){super.firstUpdated(t),this.setAttribute("role","group")}setButtonTabIndex(){this.slotted.forEach(t=>t.tabIndex=-1)}updated(t){super.updated(t),t.has("slotted")&&(this.setButtonTabIndex(),this.setFirstActive())}get selectedBtnValue(){return this.slotted[this.active].value}notifySelectedChange(){this.dispatchEvent(new CustomEvent("button-group-change",{detail:{selected:this.selectedBtnValue},bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("focus-visible",{composed:!0,bubbles:!0}))}setSelected(t){const e=this.findSelectedBtnIndex();-1!==e&&e!==t&&this.slotted[e].toggleAttribute("selected",!1),this.slotted[t].toggleAttribute("selected",!0)}setFirstActive(){-1===this.findSelectedBtnIndex()&&this.setSelected(this.active)}findBtnIndex(t){const e=t.composedPath();return this.slotted.findIndex(t=>e.includes(t))}findSelectedBtnIndex(){return this.slotted.findIndex(t=>t.hasAttribute("selected"))}isBtnDisabled(t){return this.slotted[t].disabled}connectedCallback(){super.connectedCallback(),this.addEventListener("keydown",this.handleKeyDown),this.addEventListener("click",this.handleClick)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("keydown",this.handleKeyDown),this.removeEventListener("click",this.handleClick)}switchBtnOnArrowPress(t,e=1){const o=this.getAvailableSelectedIndex(t,e);-1!==o&&(this.active=o,this.setSelected(o),this.notifySelectedChange())}getAvailableSelectedIndex(t,e=1){const o=this.slotted.length;for(let s=0,n=t;s<o;s+=1,n+=e){n<0?n=o-1:n>=o&&(n=0);const t=this.slotted[n];if(this.isFocusable(t))return n}return-1}isFocusable(t){return!t.hasAttribute("disabled")&&!t.hasAttribute("hidden")}handleClick(t){const e=this.findBtnIndex(t);-1!==e&&(this.isBtnDisabled(e)||(this.active=e,this.setSelected(e),this.notifySelectedChange()))}handleKeyDown(t){const{code:e}=t;switch(e){case n.b.Enter:case n.b.Space:this.isBtnDisabled(this.active)||(this.setSelected(this.active),this.notifySelectedChange());break;case n.b.ArrowLeft:0===this.active?this.switchBtnOnArrowPress(this.slotted.length-1,-1):this.switchBtnOnArrowPress(this.active-1,-1);break;case n.b.ArrowRight:this.active===this.slotted.length-1?this.switchBtnOnArrowPress(0):this.switchBtnOnArrowPress(this.active+1)}}render(){return d.html`
|
|
2
2
|
<div role="group" class="md-button-group" part="button-group">
|
|
3
3
|
<slot name="button"></slot>
|
|
4
4
|
</div>
|
|
5
|
-
`}};
|
|
5
|
+
`}};u([Object(d.property)({type:Number,reflect:!0})],e.prototype,"active",void 0),u([Object(d.property)({type:Number,reflect:!0})],e.prototype,"tabIndex",void 0),u([Object(d.query)("slot[name='button']")],e.prototype,"buttonSlot",void 0),u([Object(d.property)({type:Boolean,reflect:!0})],e.prototype,"disabled",null),e=u([Object(r.f)("md-button-group")],e),t.ELEMENT=e}(s||(s={}))}}]);
|
package/dist/chunks/md-52.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[52],{109:function(e,t,d){"use strict";d.r(t),d.d(t,"Card",(function(){return r}));d(17),d(77),d(15),d(68),d(69);var r,o=d(6),a=d(5),i=d(0),n=d(3),c=d(14),s=d(1),m=i.css`:host(md-card){display:inline-block}:host(md-card) .md-card{align-content:center;align-items:stretch;display:flex;flex-flow:column nowrap;justify-content:flex-start;background:var(--md-tertiary-white-bg-color);border:var(--md-quaternary-bg-color);border-radius:.5rem;box-shadow:0 .125rem .25rem rgba(0,0,0,.16),0 0 .0625rem rgba(0,0,0,.16);color:var(--md-secondary-text-color);cursor:pointer;max-width:26.5rem;padding:calc(.5rem
|
|
1
|
+
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[52],{109:function(e,t,d){"use strict";d.r(t),d.d(t,"Card",(function(){return r}));d(17),d(77),d(15),d(68),d(69);var r,o=d(6),a=d(5),i=d(0),n=d(3),c=d(14),s=d(1),m=i.css`:host(md-card){display:inline-block}:host(md-card) .md-card{align-content:center;align-items:stretch;display:flex;flex-flow:column nowrap;justify-content:flex-start;background:var(--md-tertiary-white-bg-color);border:var(--md-quaternary-bg-color);border-radius:.5rem;box-shadow:0 .125rem .25rem rgba(0,0,0,.16),0 0 .0625rem rgba(0,0,0,.16);color:var(--md-secondary-text-color);cursor:pointer;max-width:26.5rem;padding:calc(.5rem*2);position:relative;width:100%}:host(md-card) .md-card-header{align-content:flex-start;align-items:flex-start;display:flex;flex-flow:row nowrap;justify-content:space-between;flex:1 0 100%;margin-bottom:.5rem}:host(md-card) .md-card-header md-favorite{padding-top:calc(.5rem*.5)}:host(md-card) .md-card-header-title{display:flex;flex:1 1 100%;flex-direction:column;margin:0 .5rem}:host(md-card) .md-card-header-title h1{color:var(--md-primary-text-color);font-family:CiscoSans-Medium,"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:16px;line-height:calc(.5rem*3);margin:0}:host(md-card) .md-card-header-title h2{color:var(--md-secondary-text-color);font-size:12px;line-height:calc(.5rem*2.25)}:host(md-card) .md-card-header-actions{align-self:stretch;display:inline-flex;position:relative;z-index:1}:host(md-card) .md-card-header-actions .md-card-info-icon,:host(md-card) .md-card-header-actions .md-card-max-icon{padding-right:.5rem}:host(md-card) .md-card-header-actions md-menu-overlay::part(overlay-content){max-width:9rem}:host(md-card) .md-card .md-card-menu-icon{border-radius:calc(.5rem/2);display:inline-flex}:host(md-card) .md-card .md-card-menu-icon::part(button){padding:calc(.5rem*.25)}:host(md-card) .md-card .md-card-menu-icon:hover{background-color:var(--md-tertiary-bg-color)}:host(md-card) .md-card .md-card-menu-icon:active{background-color:var(--md-quaternary-bg-color)}:host(md-card) .md-card .md-card-menu-list-items{padding:calc(.5rem*.25)}:host(md-card) .md-card-content{background:var(--md-secondary-bg-color);border:var(--md-quaternary-bg-color);border-radius:calc(.5rem/2);height:14rem;margin-bottom:calc(.5rem*2);overflow:hidden}:host(md-card) .md-card.full-screen{display:inline-block;height:100%!important;left:0;max-width:100%;position:absolute;top:0;width:100%}:host(md-card) .md-card.full-screen .md-card-content{height:auto}:host(md-card) .md-card-footer{display:flex;flex-wrap:wrap;gap:.5rem}@media(forced-colors:active){:host(md-card) .md-card{box-shadow:none;outline:1px solid CanvasText}:host(md-card) .md-card:focus{outline:2px solid Highlight}:host(md-card) .md-card-header md-favorite{color:windowText}}`,l=function(e,t,d,r){var o,a=arguments.length,i=a<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,d):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,t,d,r);else for(var n=e.length-1;n>=0;n--)(o=e[n])&&(i=(a<3?o(i):a>3?o(t,d,i):o(t,d))||i);return a>3&&i&&Object.defineProperty(t,d,i),i};!function(e){let t=class extends i.LitElement{constructor(){super(...arguments),this.title="title",this.subtitle="",this.id="",this.info="",this.infoAriaLabel="Card Info",this.menuAriaLabel="Card Menu",this.menuOptions=[]}static get styles(){return[a.a,m]}handleCardClick(e){this.dispatchEvent(new CustomEvent("card-click",{detail:{id:this.id},bubbles:!0,composed:!0}))}handleCardKeyDown(e){e.code!==s.b.Enter&&e.code!==s.b.Space||this.dispatchEvent(new CustomEvent("card-keydown",{detail:{id:this.id},bubbles:!0,composed:!0}))}handleCardMenuEvent(e,t){e.stopPropagation();const d=t.toLowerCase();this.dispatchEvent(new CustomEvent("card-menu-click",{detail:{id:this.id,type:d},bubbles:!0,composed:!0}))}handleCardMenuKeyDown(e,t){e.preventDefault(),this.dispatchEvent(new CustomEvent("card-menu-keydown",{detail:{id:this.id,type:t.toLowerCase(),keyCode:e.code},bubbles:!0,composed:!0}))}render(){return i.html`
|
|
2
2
|
<div
|
|
3
3
|
class="md-card"
|
|
4
4
|
id="${this.id}"
|
package/dist/chunks/md-53.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[53],{110:function(e,t,s){"use strict";s.r(t),s.d(t,"ChatMessage",(function(){return a}));var a,i=s(5),o=s(6),c=s(0),r=c.css`:host(:focus){box-shadow:none;outline:0!important}:host(md-chat-message) .md-chat-message{color:var(--chat-message-color,#1c1c1c);display:flex;font-size:.875rem;line-height:1.375rem;margin:.75rem 0}:host(md-chat-message) .md-chat-message_content{display:flex;flex-direction:column;padding-left:.75rem}:host(md-chat-message) .md-chat-message_heading{color:var(--chat-message-color-heading,#3b3b3b);display:flex;flex:0 1 auto;font-size:.75rem;line-height:.75rem;margin-bottom:calc(.75rem
|
|
1
|
+
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[53],{110:function(e,t,s){"use strict";s.r(t),s.d(t,"ChatMessage",(function(){return a}));var a,i=s(5),o=s(6),c=s(0),r=c.css`:host(:focus){box-shadow:none;outline:0!important}:host(md-chat-message) .md-chat-message{color:var(--chat-message-color,#1c1c1c);display:flex;font-size:.875rem;line-height:1.375rem;margin:.75rem 0}:host(md-chat-message) .md-chat-message_content{display:flex;flex-direction:column;padding-left:.75rem}:host(md-chat-message) .md-chat-message_heading{color:var(--chat-message-color-heading,#3b3b3b);display:flex;flex:0 1 auto;font-size:.75rem;line-height:.75rem;margin-bottom:calc(.75rem*.5)}:host(md-chat-message) .md-chat-message_title{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;flex:0 1 auto}:host(md-chat-message) .md-chat-message_title span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;display:block}:host(md-chat-message) .md-chat-message_time{margin-left:calc(.75rem*1.5)}@media(forced-colors:active){.md-alert__icon{background-color:Canvas}}`,l=(s(43),s(2)),n=function(e,t,s,a){var i,o=arguments.length,c=o<3?t:null===a?a=Object.getOwnPropertyDescriptor(t,s):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)c=Reflect.decorate(e,t,s,a);else for(var r=e.length-1;r>=0;r--)(i=e[r])&&(c=(o<3?i(c):o>3?i(t,s,c):i(t,s))||c);return o>3&&c&&Object.defineProperty(t,s,c),c};!function(e){let t=class extends c.LitElement{constructor(){super(...arguments),this.title="",this.src="",this.time="",this.label="Avatar",this.self=!1}static get styles(){return[i.a,r]}render(){return c.html`
|
|
2
2
|
<div class="md-chat-message">
|
|
3
3
|
<md-avatar
|
|
4
4
|
type=${Object(l.ifDefined)(this.self?"self":void 0)}
|
package/dist/chunks/md-56.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[56],{111:function(o,e,r){"use strict";r.r(e),r.d(e,"tooltipPlacement",(function(){return n})),r.d(e,"Chip",(function(){return v}));var c=r(1),t=r(5),a=r(6),l=r(0),d=r(3),i=r(4),g=(r(15),r(78),r(70),l.css`:focus{outline:0}.md-chip{border-radius:1.125rem;align-items:center;background-color:var(--md-secondary-bg-color,#f7f7f7);color:var(--md-primary-text-color,#121212);cursor:pointer;display:inline-flex;font-family:"CiscoSansTT Regular","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:400;height:2rem;justify-content:space-between;line-height:1rem;margin-bottom:auto;max-width:12.5rem;overflow:auto;position:relative;text-align:center;text-decoration:none;white-space:nowrap;width:auto;padding:.25rem 1rem;font-size:.75rem}.md-chip--small{padding:.1875rem .75rem;font-size:.75rem;height:1.5rem;min-width:auto}.md-chip:focus{box-shadow:0 0 0 .0625rem var(--md-default-focus-outline-color,#005e7d)}.md-chip:hover{background-color:var(--md-tertiary-bg-color,#ededed)}.md-chip:active,.md-chip[aria-selected=true]{background-color:var(--md-quaternary-bg-color,#dedede)}.md-chip--blue,.md-chip--cobalt{background-color:var(--badge-blue-bg-color,#c7eeff);color:var(--badge-blue-text-color,#08599c)}.md-chip--blue:hover,.md-chip--cobalt:hover{background-color:var(--badge-blue-bg-color,#c7eeff);color:var(--badge-blue-text-color,#08599c)}.md-chip--blue:active,.md-chip--cobalt:active{background-color:var(--badge-blue-bg-color,#c7eeff);color:var(--badge-blue-text-color,#08599c)}.md-chip--blue:hover,.md-chip--cobalt:hover{background-color:var(--badge-blue-hover-bg-color,#9df);color:var(--badge-blue-text-color,#08599c)}.md-chip--blue:hover:hover,.md-chip--cobalt:hover:hover{background-color:var(--badge-blue-hover-bg-color,#9df);color:var(--badge-blue-text-color,#08599c)}.md-chip--blue:hover:active,.md-chip--cobalt:hover:active{background-color:var(--badge-blue-hover-bg-color,#9df);color:var(--badge-blue-text-color,#08599c)}.md-chip--blue:active,.md-chip--cobalt:active{background-color:var(--badge-blue-active-bg-color,#5ebff6);color:var(--badge-blue-text-color,#08599c)}.md-chip--blue:active:hover,.md-chip--cobalt:active:hover{background-color:var(--badge-blue-active-bg-color,#5ebff6);color:var(--badge-blue-text-color,#08599c)}.md-chip--blue:active:active,.md-chip--cobalt:active:active{background-color:var(--badge-blue-active-bg-color,#5ebff6);color:var(--badge-blue-text-color,#08599c)}.md-chip--gray{background-color:var(--badge-gray-bg-color,#dedede);color:var(--badge-gray-text-color,#121212)}.md-chip--gray:hover{background-color:var(--badge-gray-bg-color,#dedede);color:var(--badge-gray-text-color,#121212)}.md-chip--gray:active{background-color:var(--badge-gray-bg-color,#dedede);color:var(--badge-gray-text-color,#121212)}.md-chip--gray:hover{background-color:var(--badge-gray-hover-bg-color,#ccc);color:var(--badge-gray-text-color,#121212)}.md-chip--gray:hover:hover{background-color:var(--badge-gray-hover-bg-color,#ccc);color:var(--badge-gray-text-color,#121212)}.md-chip--gray:hover:active{background-color:var(--badge-gray-hover-bg-color,#ccc);color:var(--badge-gray-text-color,#121212)}.md-chip--gray:active{background-color:var(--badge-gray-active-bg-color,#ccc);color:var(--badge-gray-text-color,#121212)}.md-chip--gray:active:hover{background-color:var(--badge-gray-active-bg-color,#ccc);color:var(--badge-gray-text-color,#121212)}.md-chip--gray:active:active{background-color:var(--badge-gray-active-bg-color,#ccc);color:var(--badge-gray-text-color,#121212)}.md-chip--mint{background-color:var(--badge-mint-bg-color,#baf5e7);color:var(--badge-mint-text-color,#12615a)}.md-chip--mint:hover{background-color:var(--badge-mint-bg-color,#baf5e7);color:var(--badge-mint-text-color,#12615a)}.md-chip--mint:active{background-color:var(--badge-mint-bg-color,#baf5e7);color:var(--badge-mint-text-color,#12615a)}.md-chip--mint:hover{background-color:var(--badge-mint-hover-bg-color,#74e8d1);color:var(--badge-mint-text-color,#12615a)}.md-chip--mint:hover:hover{background-color:var(--badge-mint-hover-bg-color,#74e8d1);color:var(--badge-mint-text-color,#12615a)}.md-chip--mint:hover:active{background-color:var(--badge-mint-hover-bg-color,#74e8d1);color:var(--badge-mint-text-color,#12615a)}.md-chip--mint:active{background-color:var(--badge-mint-active-bg-color,#30c9b0);color:var(--badge-mint-text-color,#12615a)}.md-chip--mint:active:hover{background-color:var(--badge-mint-active-bg-color,#30c9b0);color:var(--badge-mint-text-color,#12615a)}.md-chip--mint:active:active{background-color:var(--badge-mint-active-bg-color,#30c9b0);color:var(--badge-mint-text-color,#12615a)}.md-chip--darkmint{background-color:var(--badge-darkmint-bg-color,#16a693);color:var(--badge-darkmint-text-color,#f7f7f7)}.md-chip--darkmint:hover{background-color:var(--badge-darkmint-bg-color,#16a693);color:var(--badge-darkmint-text-color,#f7f7f7)}.md-chip--darkmint:active{background-color:var(--badge-darkmint-bg-color,#16a693);color:var(--badge-darkmint-text-color,#f7f7f7)}.md-chip--green{background-color:var(--badge-green-bg-color,#78f5b8);color:var(--badge-green-text-color,#03612c)}.md-chip--green:hover{background-color:var(--badge-green-bg-color,#78f5b8);color:var(--badge-green-text-color,#03612c)}.md-chip--green:active{background-color:var(--badge-green-bg-color,#78f5b8);color:var(--badge-green-text-color,#03612c)}.md-chip--yellow{background-color:var(--badge-yellow-bg-color,#ffd98c);color:var(--badge-yellow-text-color,#7d4705)}.md-chip--yellow:hover{background-color:var(--badge-yellow-bg-color,#ffd98c);color:var(--badge-yellow-text-color,#7d4705)}.md-chip--yellow:active{background-color:var(--badge-yellow-bg-color,#ffd98c);color:var(--badge-yellow-text-color,#7d4705)}.md-chip--red{background-color:var(--badge-red-bg-color,#ffd5cc);color:var(--badge-red-text-color,#a12512)}.md-chip--red:hover{background-color:var(--badge-red-bg-color,#ffd5cc);color:var(--badge-red-text-color,#a12512)}.md-chip--red:active{background-color:var(--badge-red-bg-color,#ffd5cc);color:var(--badge-red-text-color,#a12512)}.md-chip--orange{background-color:var(--badge-orange-bg-color,#fce4c7);color:var(--badge-orange-text-color,#914017)}.md-chip--orange:hover{background-color:var(--badge-orange-bg-color,#fce4c7);color:var(--badge-orange-text-color,#914017)}.md-chip--orange:active{background-color:var(--badge-orange-bg-color,#fce4c7);color:var(--badge-orange-text-color,#914017)}.md-chip--orange:hover{background-color:var(--badge-orange-hover-bg-color,#ffca99);color:var(--badge-orange-text-color,#914017)}.md-chip--orange:hover:hover{background-color:var(--badge-orange-hover-bg-color,#ffca99);color:var(--badge-orange-text-color,#914017)}.md-chip--orange:hover:active{background-color:var(--badge-orange-hover-bg-color,#ffca99);color:var(--badge-orange-text-color,#914017)}.md-chip--orange:active{background-color:var(--badge-orange-active-bg-color,#ff9d52);color:var(--badge-orange-text-color,#914017)}.md-chip--orange:active:hover{background-color:var(--badge-orange-active-bg-color,#ff9d52);color:var(--badge-orange-text-color,#914017)}.md-chip--orange:active:active{background-color:var(--badge-orange-active-bg-color,#ff9d52);color:var(--badge-orange-text-color,#914017)}.md-chip--gold{background-color:var(--badge-gold-bg-color,#f5eaa2);color:var(--badge-gold-text-color,#735107)}.md-chip--gold:hover{background-color:var(--badge-gold-bg-color,#f5eaa2);color:var(--badge-gold-text-color,#735107)}.md-chip--gold:active{background-color:var(--badge-gold-bg-color,#f5eaa2);color:var(--badge-gold-text-color,#735107)}.md-chip--gold:hover{background-color:var(--badge-gold-hover-bg-color,#ebd460);color:var(--badge-gold-text-color,#735107)}.md-chip--gold:hover:hover{background-color:var(--badge-gold-hover-bg-color,#ebd460);color:var(--badge-gold-text-color,#735107)}.md-chip--gold:hover:active{background-color:var(--badge-gold-hover-bg-color,#ebd460);color:var(--badge-gold-text-color,#735107)}.md-chip--gold:active{background-color:var(--badge-gold-active-bg-color,#d6b220);color:var(--badge-gold-text-color,#735107)}.md-chip--gold:active:hover{background-color:var(--badge-gold-active-bg-color,#d6b220);color:var(--badge-gold-text-color,#735107)}.md-chip--gold:active:active{background-color:var(--badge-gold-active-bg-color,#d6b220);color:var(--badge-gold-text-color,#735107)}.md-chip--lime{background-color:var(--badge-lime-bg-color,#ddf2ae);color:var(--badge-lime-text-color,#416116)}.md-chip--lime:hover{background-color:var(--badge-lime-bg-color,#ddf2ae);color:var(--badge-lime-text-color,#416116)}.md-chip--lime:active{background-color:var(--badge-lime-bg-color,#ddf2ae);color:var(--badge-lime-text-color,#416116)}.md-chip--lime:hover{background-color:var(--badge-lime-hover-bg-color,#bce36f);color:var(--badge-lime-text-color,#416116)}.md-chip--lime:hover:hover{background-color:var(--badge-lime-hover-bg-color,#bce36f);color:var(--badge-lime-text-color,#416116)}.md-chip--lime:hover:active{background-color:var(--badge-lime-hover-bg-color,#bce36f);color:var(--badge-lime-text-color,#416116)}.md-chip--lime:active{background-color:var(--badge-lime-active-bg-color,#93c437);color:var(--badge-lime-text-color,#416116)}.md-chip--lime:active:hover{background-color:var(--badge-lime-active-bg-color,#93c437);color:var(--badge-lime-text-color,#416116)}.md-chip--lime:active:active{background-color:var(--badge-lime-active-bg-color,#93c437);color:var(--badge-lime-text-color,#416116)}.md-chip--pink{background-color:var(--badge-pink-bg-color,#ffe0e7);color:var(--badge-pink-text-color,#a12a3a)}.md-chip--pink:hover{background-color:var(--badge-pink-bg-color,#ffe0e7);color:var(--badge-pink-text-color,#a12a3a)}.md-chip--pink:active{background-color:var(--badge-pink-bg-color,#ffe0e7);color:var(--badge-pink-text-color,#a12a3a)}.md-chip--pink:hover{background-color:var(--badge-pink-hover-bg-color,#ffc7d2);color:var(--badge-pink-text-color,#a12a3a)}.md-chip--pink:hover:hover{background-color:var(--badge-pink-hover-bg-color,#ffc7d2);color:var(--badge-pink-text-color,#a12a3a)}.md-chip--pink:hover:active{background-color:var(--badge-pink-hover-bg-color,#ffc7d2);color:var(--badge-pink-text-color,#a12a3a)}.md-chip--pink:active{background-color:var(--badge-pink-active-bg-color,#fc97aa);color:var(--badge-pink-text-color,#a12a3a)}.md-chip--pink:active:hover{background-color:var(--badge-pink-active-bg-color,#fc97aa);color:var(--badge-pink-text-color,#a12a3a)}.md-chip--pink:active:active{background-color:var(--badge-pink-active-bg-color,#fc97aa);color:var(--badge-pink-text-color,#a12a3a)}.md-chip--purple{background-color:var(--badge-purple-bg-color,#fce1fc);color:var(--badge-purple-text-color,#932099)}.md-chip--purple:hover{background-color:var(--badge-purple-bg-color,#fce1fc);color:var(--badge-purple-text-color,#932099)}.md-chip--purple:active{background-color:var(--badge-purple-bg-color,#fce1fc);color:var(--badge-purple-text-color,#932099)}.md-chip--violet{background-color:var(--badge-violet-bg-color,#f0e3fc);color:var(--badge-violet-text-color,#643abd)}.md-chip--violet:hover{background-color:var(--badge-violet-bg-color,#f0e3fc);color:var(--badge-violet-text-color,#643abd)}.md-chip--violet:active{background-color:var(--badge-violet-bg-color,#f0e3fc);color:var(--badge-violet-text-color,#643abd)}.md-chip--violet:hover{background-color:var(--badge-violet-hover-bg-color,#e2cafc);color:var(--badge-violet-text-color,#643abd)}.md-chip--violet:hover:hover{background-color:var(--badge-violet-hover-bg-color,#e2cafc);color:var(--badge-violet-text-color,#643abd)}.md-chip--violet:hover:active{background-color:var(--badge-violet-hover-bg-color,#e2cafc);color:var(--badge-violet-text-color,#643abd)}.md-chip--violet:active{background-color:var(--badge-violet-active-bg-color,#c7a5fa);color:var(--badge-violet-text-color,#643abd)}.md-chip--violet:active:hover{background-color:var(--badge-violet-active-bg-color,#c7a5fa);color:var(--badge-violet-text-color,#643abd)}.md-chip--violet:active:active{background-color:var(--badge-violet-active-bg-color,#c7a5fa);color:var(--badge-violet-text-color,#643abd)}.md-chip--cyan{background-color:var(--badge-cyan-bg-color,#b2f4f7);color:var(--badge-cyan-text-color,#066070)}.md-chip--cyan:hover{background-color:var(--badge-cyan-bg-color,#b2f4f7);color:var(--badge-cyan-text-color,#066070)}.md-chip--cyan:active{background-color:var(--badge-cyan-bg-color,#b2f4f7);color:var(--badge-cyan-text-color,#066070)}.md-chip .md-chip--clear{height:.875rem;right:.75rem;top:.75rem;width:.875rem;display:flow-root;margin-left:.625rem;margin-right:0}.md-chip .md-chip--clear::before{font-size:.875rem}.md-chip .md-chip--loading{left:0;overflow:hidden;position:absolute;top:-.125rem;width:100%}.md-chip .md-chip--textcontent{max-width:9.375rem}.md-chip md-icon{display:flex;margin-right:.625rem}.md-chip.md-chip--disabled{border-radius:1.125rem;align-items:center;background-color:var(--md-secondary-bg-color,#f7f7f7);color:var(--md-primary-text-color,#121212);cursor:pointer;display:inline-flex;font-family:"CiscoSansTT Regular","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:400;height:2rem;justify-content:space-between;line-height:1rem;margin-bottom:auto;max-width:12.5rem;overflow:auto;position:relative;text-align:center;text-decoration:none;white-space:nowrap;width:auto;color:var(--md-disabled-text-color,#b2b2b2);cursor:default}.md-chip.md-chip--disabled md-icon{color:var(--md-disabled-text-color,#b2b2b2)}::slotted(*){line-height:normal}::slotted([slot=custom-left-content]){margin-right:.625rem}::slotted([slot=custom-right-content]){margin-left:.625rem}@media (forced-colors:active){.md-chip{outline:1px solid CanvasText}.md-chip:focus,.md-chip:hover{box-shadow:none;outline:2px solid Highlight}.md-chip.md-chip--disabled{color:GrayText;outline:1px solid GrayText}.md-chip.md-chip--disabled:focus,.md-chip.md-chip--disabled:hover{outline:2px solid Highlight}.md-chip.md-chip--disabled md-icon{color:GrayText}}`),b=function(o,e,r,c){var t,a=arguments.length,l=a<3?e:null===c?c=Object.getOwnPropertyDescriptor(e,r):c;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(o,e,r,c);else for(var d=o.length-1;d>=0;d--)(t=o[d])&&(l=(a<3?t(l):a>3?t(e,r,l):t(e,r))||l);return a>3&&l&&Object.defineProperty(e,r,l),l};const n=["auto","auto-start","auto-end","left-start","left","left-end","right-start","right","right-end","top-start","top","top-end","bottom-start","bottom","bottom-end"];var v;!function(o){let e=class extends l.LitElement{constructor(){super(...arguments),this.color="",this.bgColor="",this.textColor="",this.height="",this.icon="",this.iconColor="",this.role="group",this.id="",this.small=!1,this.readonly=!1,this.selected=!1,this.disabled=!1,this.determinateProgress=0,this.indeterminateProgress=!1,this.tooltipText="",this.tooltipPlacement="auto",this.value="",this.textOverflow=!1,this.renderedText="",this.MAX_LENGTH=18,this.PRE_TRUNC_CHARS=6,this.POST_TRUNC_CHARS=9,this.DOT_COUNT=3,this.selectionChange=o=>{this.dispatchEvent(new CustomEvent("chip-selected",{composed:!0,bubbles:!0,detail:{selected:o}}))},this.handleClear=o=>{this.dispatchEvent(new CustomEvent("chip-deleted",{composed:!0,bubbles:!0,detail:{id:o}}))},this.handleSelect=()=>{this.disabled||(this.selected=!0,this.selectionChange(!0))},this.handleDeSelect=()=>{this.selected=!1,this.selectionChange(!1)},this.renderBgColor=()=>this.bgColor?`background-color: ${this.bgColor};`:d.nothing,this.renderTextColor=()=>this.textColor?`color: ${this.textColor};`:d.nothing,this.renderHeight=()=>this.height?`height: ${this.height};`:d.nothing,this.getStyles=()=>this.bgColor||this.textColor||this.height?l.html`
|
|
1
|
+
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[56],{111:function(o,e,r){"use strict";r.r(e),r.d(e,"tooltipPlacement",(function(){return n})),r.d(e,"Chip",(function(){return v}));var c=r(1),t=r(5),a=r(6),l=r(0),d=r(3),i=r(4),g=(r(15),r(78),r(70),l.css`:focus{outline:0}.md-chip{border-radius:1.125rem;align-items:center;background-color:var(--md-secondary-bg-color,#f7f7f7);color:var(--md-primary-text-color,#121212);cursor:pointer;display:inline-flex;font-family:"CiscoSansTT Regular","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:400;height:2rem;justify-content:space-between;line-height:1rem;margin-bottom:auto;max-width:12.5rem;overflow:auto;position:relative;text-align:center;text-decoration:none;white-space:nowrap;width:auto;padding:.25rem 1rem;font-size:.75rem}.md-chip--small{padding:.1875rem .75rem;font-size:.75rem;height:1.5rem;min-width:auto}.md-chip:focus{box-shadow:0 0 0 .0625rem var(--md-default-focus-outline-color,#005e7d)}.md-chip:hover{background-color:var(--md-tertiary-bg-color,#ededed)}.md-chip:active,.md-chip[aria-selected=true]{background-color:var(--md-quaternary-bg-color,#dedede)}.md-chip--blue,.md-chip--cobalt{background-color:var(--badge-blue-bg-color,#c7eeff);color:var(--badge-blue-text-color,#08599c)}.md-chip--blue:hover,.md-chip--cobalt:hover{background-color:var(--badge-blue-bg-color,#c7eeff);color:var(--badge-blue-text-color,#08599c)}.md-chip--blue:active,.md-chip--cobalt:active{background-color:var(--badge-blue-bg-color,#c7eeff);color:var(--badge-blue-text-color,#08599c)}.md-chip--blue:hover,.md-chip--cobalt:hover{background-color:var(--badge-blue-hover-bg-color,#9df);color:var(--badge-blue-text-color,#08599c)}.md-chip--blue:hover:hover,.md-chip--cobalt:hover:hover{background-color:var(--badge-blue-hover-bg-color,#9df);color:var(--badge-blue-text-color,#08599c)}.md-chip--blue:hover:active,.md-chip--cobalt:hover:active{background-color:var(--badge-blue-hover-bg-color,#9df);color:var(--badge-blue-text-color,#08599c)}.md-chip--blue:active,.md-chip--cobalt:active{background-color:var(--badge-blue-active-bg-color,#5ebff6);color:var(--badge-blue-text-color,#08599c)}.md-chip--blue:active:hover,.md-chip--cobalt:active:hover{background-color:var(--badge-blue-active-bg-color,#5ebff6);color:var(--badge-blue-text-color,#08599c)}.md-chip--blue:active:active,.md-chip--cobalt:active:active{background-color:var(--badge-blue-active-bg-color,#5ebff6);color:var(--badge-blue-text-color,#08599c)}.md-chip--gray{background-color:var(--badge-gray-bg-color,#dedede);color:var(--badge-gray-text-color,#121212)}.md-chip--gray:hover{background-color:var(--badge-gray-bg-color,#dedede);color:var(--badge-gray-text-color,#121212)}.md-chip--gray:active{background-color:var(--badge-gray-bg-color,#dedede);color:var(--badge-gray-text-color,#121212)}.md-chip--gray:hover{background-color:var(--badge-gray-hover-bg-color,#ccc);color:var(--badge-gray-text-color,#121212)}.md-chip--gray:hover:hover{background-color:var(--badge-gray-hover-bg-color,#ccc);color:var(--badge-gray-text-color,#121212)}.md-chip--gray:hover:active{background-color:var(--badge-gray-hover-bg-color,#ccc);color:var(--badge-gray-text-color,#121212)}.md-chip--gray:active{background-color:var(--badge-gray-active-bg-color,#ccc);color:var(--badge-gray-text-color,#121212)}.md-chip--gray:active:hover{background-color:var(--badge-gray-active-bg-color,#ccc);color:var(--badge-gray-text-color,#121212)}.md-chip--gray:active:active{background-color:var(--badge-gray-active-bg-color,#ccc);color:var(--badge-gray-text-color,#121212)}.md-chip--mint{background-color:var(--badge-mint-bg-color,#baf5e7);color:var(--badge-mint-text-color,#12615a)}.md-chip--mint:hover{background-color:var(--badge-mint-bg-color,#baf5e7);color:var(--badge-mint-text-color,#12615a)}.md-chip--mint:active{background-color:var(--badge-mint-bg-color,#baf5e7);color:var(--badge-mint-text-color,#12615a)}.md-chip--mint:hover{background-color:var(--badge-mint-hover-bg-color,#74e8d1);color:var(--badge-mint-text-color,#12615a)}.md-chip--mint:hover:hover{background-color:var(--badge-mint-hover-bg-color,#74e8d1);color:var(--badge-mint-text-color,#12615a)}.md-chip--mint:hover:active{background-color:var(--badge-mint-hover-bg-color,#74e8d1);color:var(--badge-mint-text-color,#12615a)}.md-chip--mint:active{background-color:var(--badge-mint-active-bg-color,#30c9b0);color:var(--badge-mint-text-color,#12615a)}.md-chip--mint:active:hover{background-color:var(--badge-mint-active-bg-color,#30c9b0);color:var(--badge-mint-text-color,#12615a)}.md-chip--mint:active:active{background-color:var(--badge-mint-active-bg-color,#30c9b0);color:var(--badge-mint-text-color,#12615a)}.md-chip--darkmint{background-color:var(--badge-darkmint-bg-color,#16a693);color:var(--badge-darkmint-text-color,#f7f7f7)}.md-chip--darkmint:hover{background-color:var(--badge-darkmint-bg-color,#16a693);color:var(--badge-darkmint-text-color,#f7f7f7)}.md-chip--darkmint:active{background-color:var(--badge-darkmint-bg-color,#16a693);color:var(--badge-darkmint-text-color,#f7f7f7)}.md-chip--green{background-color:var(--badge-green-bg-color,#78f5b8);color:var(--badge-green-text-color,#03612c)}.md-chip--green:hover{background-color:var(--badge-green-bg-color,#78f5b8);color:var(--badge-green-text-color,#03612c)}.md-chip--green:active{background-color:var(--badge-green-bg-color,#78f5b8);color:var(--badge-green-text-color,#03612c)}.md-chip--yellow{background-color:var(--badge-yellow-bg-color,#ffd98c);color:var(--badge-yellow-text-color,#7d4705)}.md-chip--yellow:hover{background-color:var(--badge-yellow-bg-color,#ffd98c);color:var(--badge-yellow-text-color,#7d4705)}.md-chip--yellow:active{background-color:var(--badge-yellow-bg-color,#ffd98c);color:var(--badge-yellow-text-color,#7d4705)}.md-chip--red{background-color:var(--badge-red-bg-color,#ffd5cc);color:var(--badge-red-text-color,#a12512)}.md-chip--red:hover{background-color:var(--badge-red-bg-color,#ffd5cc);color:var(--badge-red-text-color,#a12512)}.md-chip--red:active{background-color:var(--badge-red-bg-color,#ffd5cc);color:var(--badge-red-text-color,#a12512)}.md-chip--orange{background-color:var(--badge-orange-bg-color,#fce4c7);color:var(--badge-orange-text-color,#914017)}.md-chip--orange:hover{background-color:var(--badge-orange-bg-color,#fce4c7);color:var(--badge-orange-text-color,#914017)}.md-chip--orange:active{background-color:var(--badge-orange-bg-color,#fce4c7);color:var(--badge-orange-text-color,#914017)}.md-chip--orange:hover{background-color:var(--badge-orange-hover-bg-color,#ffca99);color:var(--badge-orange-text-color,#914017)}.md-chip--orange:hover:hover{background-color:var(--badge-orange-hover-bg-color,#ffca99);color:var(--badge-orange-text-color,#914017)}.md-chip--orange:hover:active{background-color:var(--badge-orange-hover-bg-color,#ffca99);color:var(--badge-orange-text-color,#914017)}.md-chip--orange:active{background-color:var(--badge-orange-active-bg-color,#ff9d52);color:var(--badge-orange-text-color,#914017)}.md-chip--orange:active:hover{background-color:var(--badge-orange-active-bg-color,#ff9d52);color:var(--badge-orange-text-color,#914017)}.md-chip--orange:active:active{background-color:var(--badge-orange-active-bg-color,#ff9d52);color:var(--badge-orange-text-color,#914017)}.md-chip--gold{background-color:var(--badge-gold-bg-color,#f5eaa2);color:var(--badge-gold-text-color,#735107)}.md-chip--gold:hover{background-color:var(--badge-gold-bg-color,#f5eaa2);color:var(--badge-gold-text-color,#735107)}.md-chip--gold:active{background-color:var(--badge-gold-bg-color,#f5eaa2);color:var(--badge-gold-text-color,#735107)}.md-chip--gold:hover{background-color:var(--badge-gold-hover-bg-color,#ebd460);color:var(--badge-gold-text-color,#735107)}.md-chip--gold:hover:hover{background-color:var(--badge-gold-hover-bg-color,#ebd460);color:var(--badge-gold-text-color,#735107)}.md-chip--gold:hover:active{background-color:var(--badge-gold-hover-bg-color,#ebd460);color:var(--badge-gold-text-color,#735107)}.md-chip--gold:active{background-color:var(--badge-gold-active-bg-color,#d6b220);color:var(--badge-gold-text-color,#735107)}.md-chip--gold:active:hover{background-color:var(--badge-gold-active-bg-color,#d6b220);color:var(--badge-gold-text-color,#735107)}.md-chip--gold:active:active{background-color:var(--badge-gold-active-bg-color,#d6b220);color:var(--badge-gold-text-color,#735107)}.md-chip--lime{background-color:var(--badge-lime-bg-color,#ddf2ae);color:var(--badge-lime-text-color,#416116)}.md-chip--lime:hover{background-color:var(--badge-lime-bg-color,#ddf2ae);color:var(--badge-lime-text-color,#416116)}.md-chip--lime:active{background-color:var(--badge-lime-bg-color,#ddf2ae);color:var(--badge-lime-text-color,#416116)}.md-chip--lime:hover{background-color:var(--badge-lime-hover-bg-color,#bce36f);color:var(--badge-lime-text-color,#416116)}.md-chip--lime:hover:hover{background-color:var(--badge-lime-hover-bg-color,#bce36f);color:var(--badge-lime-text-color,#416116)}.md-chip--lime:hover:active{background-color:var(--badge-lime-hover-bg-color,#bce36f);color:var(--badge-lime-text-color,#416116)}.md-chip--lime:active{background-color:var(--badge-lime-active-bg-color,#93c437);color:var(--badge-lime-text-color,#416116)}.md-chip--lime:active:hover{background-color:var(--badge-lime-active-bg-color,#93c437);color:var(--badge-lime-text-color,#416116)}.md-chip--lime:active:active{background-color:var(--badge-lime-active-bg-color,#93c437);color:var(--badge-lime-text-color,#416116)}.md-chip--pink{background-color:var(--badge-pink-bg-color,#ffe0e7);color:var(--badge-pink-text-color,#a12a3a)}.md-chip--pink:hover{background-color:var(--badge-pink-bg-color,#ffe0e7);color:var(--badge-pink-text-color,#a12a3a)}.md-chip--pink:active{background-color:var(--badge-pink-bg-color,#ffe0e7);color:var(--badge-pink-text-color,#a12a3a)}.md-chip--pink:hover{background-color:var(--badge-pink-hover-bg-color,#ffc7d2);color:var(--badge-pink-text-color,#a12a3a)}.md-chip--pink:hover:hover{background-color:var(--badge-pink-hover-bg-color,#ffc7d2);color:var(--badge-pink-text-color,#a12a3a)}.md-chip--pink:hover:active{background-color:var(--badge-pink-hover-bg-color,#ffc7d2);color:var(--badge-pink-text-color,#a12a3a)}.md-chip--pink:active{background-color:var(--badge-pink-active-bg-color,#fc97aa);color:var(--badge-pink-text-color,#a12a3a)}.md-chip--pink:active:hover{background-color:var(--badge-pink-active-bg-color,#fc97aa);color:var(--badge-pink-text-color,#a12a3a)}.md-chip--pink:active:active{background-color:var(--badge-pink-active-bg-color,#fc97aa);color:var(--badge-pink-text-color,#a12a3a)}.md-chip--purple{background-color:var(--badge-purple-bg-color,#fce1fc);color:var(--badge-purple-text-color,#932099)}.md-chip--purple:hover{background-color:var(--badge-purple-bg-color,#fce1fc);color:var(--badge-purple-text-color,#932099)}.md-chip--purple:active{background-color:var(--badge-purple-bg-color,#fce1fc);color:var(--badge-purple-text-color,#932099)}.md-chip--violet{background-color:var(--badge-violet-bg-color,#f0e3fc);color:var(--badge-violet-text-color,#643abd)}.md-chip--violet:hover{background-color:var(--badge-violet-bg-color,#f0e3fc);color:var(--badge-violet-text-color,#643abd)}.md-chip--violet:active{background-color:var(--badge-violet-bg-color,#f0e3fc);color:var(--badge-violet-text-color,#643abd)}.md-chip--violet:hover{background-color:var(--badge-violet-hover-bg-color,#e2cafc);color:var(--badge-violet-text-color,#643abd)}.md-chip--violet:hover:hover{background-color:var(--badge-violet-hover-bg-color,#e2cafc);color:var(--badge-violet-text-color,#643abd)}.md-chip--violet:hover:active{background-color:var(--badge-violet-hover-bg-color,#e2cafc);color:var(--badge-violet-text-color,#643abd)}.md-chip--violet:active{background-color:var(--badge-violet-active-bg-color,#c7a5fa);color:var(--badge-violet-text-color,#643abd)}.md-chip--violet:active:hover{background-color:var(--badge-violet-active-bg-color,#c7a5fa);color:var(--badge-violet-text-color,#643abd)}.md-chip--violet:active:active{background-color:var(--badge-violet-active-bg-color,#c7a5fa);color:var(--badge-violet-text-color,#643abd)}.md-chip--cyan{background-color:var(--badge-cyan-bg-color,#b2f4f7);color:var(--badge-cyan-text-color,#066070)}.md-chip--cyan:hover{background-color:var(--badge-cyan-bg-color,#b2f4f7);color:var(--badge-cyan-text-color,#066070)}.md-chip--cyan:active{background-color:var(--badge-cyan-bg-color,#b2f4f7);color:var(--badge-cyan-text-color,#066070)}.md-chip .md-chip--clear{height:.875rem;right:.75rem;top:.75rem;width:.875rem;display:flow-root;margin-left:.625rem;margin-right:0}.md-chip .md-chip--clear::before{font-size:.875rem}.md-chip .md-chip--loading{left:0;overflow:hidden;position:absolute;top:-.125rem;width:100%}.md-chip .md-chip--textcontent{max-width:9.375rem}.md-chip md-icon{display:flex;margin-right:.625rem}.md-chip.md-chip--disabled{border-radius:1.125rem;align-items:center;background-color:var(--md-secondary-bg-color,#f7f7f7);color:var(--md-primary-text-color,#121212);cursor:pointer;display:inline-flex;font-family:"CiscoSansTT Regular","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:400;height:2rem;justify-content:space-between;line-height:1rem;margin-bottom:auto;max-width:12.5rem;overflow:auto;position:relative;text-align:center;text-decoration:none;white-space:nowrap;width:auto;color:var(--md-disabled-text-color,#b2b2b2);cursor:default}.md-chip.md-chip--disabled md-icon{color:var(--md-disabled-text-color,#b2b2b2)}::slotted(*){line-height:normal}::slotted([slot=custom-left-content]){margin-right:.625rem}::slotted([slot=custom-right-content]){margin-left:.625rem}@media(forced-colors:active){.md-chip{outline:1px solid CanvasText}.md-chip:focus,.md-chip:hover{box-shadow:none;outline:2px solid Highlight}.md-chip.md-chip--disabled{color:GrayText;outline:1px solid GrayText}.md-chip.md-chip--disabled:focus,.md-chip.md-chip--disabled:hover{outline:2px solid Highlight}.md-chip.md-chip--disabled md-icon{color:GrayText}}`),b=function(o,e,r,c){var t,a=arguments.length,l=a<3?e:null===c?c=Object.getOwnPropertyDescriptor(e,r):c;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(o,e,r,c);else for(var d=o.length-1;d>=0;d--)(t=o[d])&&(l=(a<3?t(l):a>3?t(e,r,l):t(e,r))||l);return a>3&&l&&Object.defineProperty(e,r,l),l};const n=["auto","auto-start","auto-end","left-start","left","left-end","right-start","right","right-end","top-start","top","top-end","bottom-start","bottom","bottom-end"];var v;!function(o){let e=class extends l.LitElement{constructor(){super(...arguments),this.color="",this.bgColor="",this.textColor="",this.height="",this.icon="",this.iconColor="",this.role="group",this.id="",this.small=!1,this.readonly=!1,this.selected=!1,this.disabled=!1,this.determinateProgress=0,this.indeterminateProgress=!1,this.tooltipText="",this.tooltipPlacement="auto",this.value="",this.textOverflow=!1,this.renderedText="",this.MAX_LENGTH=18,this.PRE_TRUNC_CHARS=6,this.POST_TRUNC_CHARS=9,this.DOT_COUNT=3,this.selectionChange=o=>{this.dispatchEvent(new CustomEvent("chip-selected",{composed:!0,bubbles:!0,detail:{selected:o}}))},this.handleClear=o=>{this.dispatchEvent(new CustomEvent("chip-deleted",{composed:!0,bubbles:!0,detail:{id:o}}))},this.handleSelect=()=>{this.disabled||(this.selected=!0,this.selectionChange(!0))},this.handleDeSelect=()=>{this.selected=!1,this.selectionChange(!1)},this.renderBgColor=()=>this.bgColor?`background-color: ${this.bgColor};`:d.nothing,this.renderTextColor=()=>this.textColor?`color: ${this.textColor};`:d.nothing,this.renderHeight=()=>this.height?`height: ${this.height};`:d.nothing,this.getStyles=()=>this.bgColor||this.textColor||this.height?l.html`
|
|
2
2
|
<style>
|
|
3
3
|
:host .md-chip {
|
|
4
4
|
${this.renderBgColor()};
|