@momentum-ui/web-components 2.5.4 → 2.5.7-dev1

package/dist/chunks/md-36.js

@@ -1,11 +1,11 @@
-(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[36],{77: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),n=o(7),l=o(5),a=o(19),r=o(4),c=o(0),d=o(2),p=o(3),h=o(6),u=o(14),b=o(9),m=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}.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;min-height:2rem;padding:0 .75rem}.md-combobox .group md-icon{color:var(--md-secondary-text-color,#545454);cursor:pointer;fill:var(--md-secondary-text-color,#545454);height:1.75rem;padding:calc(.25rem / 2)}.md-combobox .group md-icon:focus{box-shadow:none;outline:0;box-shadow:0 0 0 .125rem var(--md-focus-border-color,#91ebff)}.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;background:0 0;border:0;cursor:pointer;height:2rem;margin:0;margin-left:calc(.25rem * 2);outline:0;padding:0;padding-top:calc(.25rem / 2);position:relative;vertical-align:bottom}.md-combobox-button md-icon{color:var(--combobox-dropdown-item-icon-color,#121212)}ul{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%}ul .no-result{padding:.4375rem .75rem .5rem}.md-combobox-multi-input{width:initial}.highlight-text{font-weight:700}.selected-label-text{white-space:pre-wrap}.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%}.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-border-color,#b2b2b2);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,#c9f4ff)}.md-combobox-option.md-combobox-multiselect{border-bottom:1px solid rgba(0,0,0,.08)}.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]{background:var(--combobox-dropdown-item-focus-bg-color,#91ebff)}.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 .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)}`,x=function(t,e,o,i){var s,n=arguments.length,l=n<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(t,e,o,i);else for(var a=t.length-1;a>=0;a--)(s=t[a])&&(l=(n<3?s(l):n>3?s(e,o,l):s(e,o))||l);return n>3&&l&&Object.defineProperty(e,o,l),l},g=function(t,e,o,i){return new(o||(o=Promise))((function(s,n){function l(t){try{r(i.next(t))}catch(t){n(t)}}function a(t){try{r(i.throw(t))}catch(t){n(t)}}function r(t){var e;t.done?s(t.value):(e=t.value,e instanceof o?e:new o((function(t){t(e)}))).then(l,a)}r((i=i.apply(t,e||[])).next())}))};!function(t){let e=class extends(Object(n.a)(c.LitElement)){constructor(){super(...arguments),this._focusedIndex=-1,this.label="Options",this.options=[],this.customOptions=[],this.placeholder="",this.isMulti=!1,this.disabled=!1,this.ordered=!1,this.expanded=!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="Combobox Input",this.clearAriaLabel="Clear",this.arrowAriaLabel="Expand",this.multiSelectedIndex=-1,this.multiSelected=[],this.customContent=[],this.notifyInputValueChanged=Object(a.b)(t=>{this.dispatchEvent(new CustomEvent("combobox-input",{composed:!0,bubbles:!0,detail:{value:t}}))},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){const e=this._focusedIndex;if(this.lists){const o=this.lists[e];o&&o.toggleAttribute("focused",!1);const i=this.lists[t];i&&i.toggleAttribute("focused",!0)}this._focusedIndex=t,this.requestUpdate("focusedIndex",e)}firstUpdated(t){super.firstUpdated(t),this.setAttribute("tabindex","0"),this.isCustomContent&&(this.optionId="id",this.optionValue="value",this.setOptionCustomContent()),this.setInitialValue()}updated(t){super.updated(t),t.has("expanded")&&this.expanded&&this.resizeListbox(),t.has("focusedIndex")&&this.focusedIndex>=0&&this.scrollToOption(),t.has("value")&&0===this.selectedOptions.length&&this.setInitialValue(),t.has("customOptions")&&this.isCustomContent&&(this.setOptionCustomContent(),this.resizeListbox())}handleFocusIn(t){this.disabled||(requestAnimationFrame(()=>{this.input.focus()}),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(){if(this.value.length)if(this.isMulti)this.value.forEach(t=>{-1!==this.findFilteredOption(t)&&this.setSelectedOption(t)});else{const t=this.value[0],e=this.findFilteredOption(t);-1!==e&&(this.setSelectedOption(t),this.setInputValue(this.getOptionValue(t)),this.focusedIndex=e)}}isOptionObject(t){return"object"==typeof t&&null!==t}setOptionCustomContent(){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}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}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();return[...this.lists].findIndex(t=>e.includes(t))}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.requestUpdate()}notifySelectedChange(t){this.dispatchEvent(new CustomEvent("change-selected",{composed:!0,bubbles:!0,detail:t}))}filterOptions(t){return t&&t.length?this.options.filter(e=>(this.isCustomContent?this.getOptionId(e):this.getOptionValue(e)).toLowerCase().includes(t.toLowerCase())):this.options}resizeListbox(){this.updateOnNextFrame(()=>{if(this.lists){const t=[...this.lists].slice(0,this.visibleOptions).reduce((t,e)=>t+e.offsetHeight,0);this.listBox&&(this.listBox.style.maxHeight=t+"px")}})}setInputValue(t=""){this.input.value=t}updateOnNextFrame(t){requestAnimationFrame(t)}unCheckedAllOptions(){this.isMulti&&this.lists.forEach((t,e)=>this.unCheckedOption(e))}unCheckedOption(t){this.isMulti&&(this.lists[t].setAttribute("aria-checked","false"),this.notifySelectedChange({value:this.filteredOptions[t],selected:this.selectedOptions}))}setFocusOnHost(t){this.setFocus&&this.setFocus(t)}isOptionFocused(t){return this.focusedIndex===t}getAriaState(t){return this.isOptionFocused(t)}scrollToOption(){let t=0;const{top:e,bottom:o}=this.listBox.getBoundingClientRect(),i=this.lists[this.focusedIndex],s=(this.lists[this.focusedIndex+1]||i).getBoundingClientRect(),n=(this.lists[this.focusedIndex-1]||i).getBoundingClientRect();s.bottom>o?t=s.bottom-o+2:n.top<e&&(t=n.top-e-2),this.updateOnNextFrame(()=>{this.listBox.scrollTop+=t})}getCustomContentName(t){const e=this.options.indexOf(t);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 g(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()})}))}handleInputKeyUp(t){switch(t.code){case s.a.Escape:return;case s.a.Backspace:this.setFocusOnHost(!0),this.setVisualListbox(!0),this.resizeListbox(),this.removeMultiTag();break;case s.a.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,this.notifyInputValueChanged(e)}removeAllSelected(){this.focusedIndex=-1,this.selectedOptions=[],this.inputValue="",this.setInputValue(),this.setVisualListbox(!1),this.unCheckedAllOptions(),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()})}selectedChange(t){const{event:e}=t.detail,o=this.findOptionIndex(e);if(-1!==o){this.focusedIndex=o;const t=this.getFocusedItem(o);t&&(this.setSelectedOption(t),this.isMulti||this.setInputValue(this.getOptionValue(t)))}}shouldChangeButton(){return this.input&&this.input.value.length>0&&!this.noClearIcon||this.isMulti&&this.selectedOptions.length}setCustomValue(){this.optionId||this.optionValue||(this.options=[...this.options,this.inputValue],this.setSelectedOption(this.inputValue),this.isMulti||this.updateOnNextFrame(()=>{this.focusedIndex=this.filteredOptions.length-1;const t=this.getFocusedItem(this.focusedIndex);t&&this.setInputValue(this.getOptionValue(t))}),this.dispatchEvent(new CustomEvent("custom-value-add",{composed:!0,bubbles:!0,detail:{value:this.inputValue}}))),this.inputValue=""}handleInputKeyDown(t){switch(t.code){case s.a.Backspace:this.focusedIndex=-1;break;case s.a.Tab:case s.a.Enter:this.setFocusOnHost(!0),this.setVisualListbox(!1),this.updateOnNextFrame(()=>{const t=this.getFocusedItem(this.focusedIndex);if(this.allowCustomValue&&this.input&&this.input.value.length){if(-1===this.findFilteredOption(this.inputValue))return void this.setCustomValue()}t&&(this.setSelectedOption(t),this.setInputValue(this.getOptionValue(t)))});break;case s.a.ArrowDown:this.setFocusOnHost(!1),this.expanded||this.setVisualListbox(!0),this.updateOnNextFrame(()=>{-1===this.focusedIndex||this.focusedIndex>=this.filteredOptions.length-1?this.focusedIndex=0:this.focusedIndex++;const t=this.getFocusedItem(this.focusedIndex);t&&this.setInputValue(this.getOptionValue(t))});break;case s.a.ArrowUp:this.setFocusOnHost(!1),this.expanded||this.setVisualListbox(!0),this.updateOnNextFrame(()=>{this.focusedIndex<=0?this.focusedIndex=this.filteredOptions.length-1:this.focusedIndex--;const t=this.getFocusedItem(this.focusedIndex);t&&this.setInputValue(this.getOptionValue(t))});break;case s.a.Escape:this.setFocusOnHost(!0),this.expanded?(t.stopPropagation(),this.setVisualListbox(!1)):(this.setInputValue(),this.focusedIndex=-1,this.removeAllSelected());break;case s.a.Home:this.setInputSelectionRange(0,0);break;case s.a.End:{const{length:t}=this.inputValue;this.setInputSelectionRange(t,t)}break;case s.a.Space:if(this.isMulti){t.preventDefault();const e=this.getFocusedItem(this.focusedIndex);e&&(this.setSelectedOption(e),this.setInputValue())}break;default:this.setVisualListbox(!0)}}toggleVisualListBox(){this.expanded?this.setVisualListbox(!1):this.setVisualListbox(!0),this.input.focus()}handleRemoveAll(t){t.stopPropagation(),this.dispatchEvent(new CustomEvent("remove-all-selected"))}connectedCallback(){super.connectedCallback(),this.setupEvents()}disconnectedCallback(){super.disconnectedCallback(),this.teardownEvents()}static get styles(){return[r.a,m]}get listItemOptionMap(){return{"md-combobox-multiselect":this.isMulti}}get filteredOptions(){return this.filterOptions(this.trimSpace?this.inputValue.replace(/\s+/g,""):this.inputValue)}get comboBoxTemplateClassMap(){return{["md-combobox--"+this.shape]:!!this.shape,"md-combobox-searchable":this.searchable}}searchIconTemplate(){return c.html`
+(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[36],{77: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),n=o(5),c=o(18),a=o(4),r=o(0),d=o(2),h=o(3),p=o(6),u=o(14),b=o(9),m=r.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;padding:calc(.25rem / 2)}.md-combobox .group md-icon:focus{box-shadow:none;outline:0;box-shadow:0 0 0 .125rem var(--md-focus-border-color,#91ebff)}.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;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}.md-combobox-button .md-input__icon-clear{display:flex;align-items:center;height:inherit}.md-combobox-button md-icon{color:var(--combobox-dropdown-item-icon-color,#121212)}ul{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%}ul .no-result{padding:.4375rem .75rem .5rem}.md-combobox-multi-input{width:initial}.highlight-text{font-weight:700}.selected-label-text{white-space:pre-wrap}.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%}.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-border-color,#b2b2b2);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 .indeterminate{background:var(--combobox-dropdown-item-checked-bg-color,#00a0d1);border:1px solid var(--combobox-dropdown-item-checked-bg-color,#00a0d1)}.md-combobox-option .indeterminate md-icon{color:var(--combobox-dropdown-item-checked-icon-color,#fff);visibility:visible}.md-combobox-option:hover{background:var(--combobox-dropdown-item-hover-bg-color,#c9f4ff)}.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]{background:var(--combobox-dropdown-item-focus-bg-color,#91ebff)}.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)}`,x=function(t,e,o,i){var s,l=arguments.length,n=l<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,o,i);else for(var c=t.length-1;c>=0;c--)(s=t[c])&&(n=(l<3?s(n):l>3?s(e,o,n):s(e,o))||n);return l>3&&n&&Object.defineProperty(e,o,n),n},g=function(t,e,o,i){return new(o||(o=Promise))((function(s,l){function n(t){try{a(i.next(t))}catch(t){l(t)}}function c(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(n,c)}a((i=i.apply(t,e||[])).next())}))};!function(t){let e=class extends(Object(l.a)(r.LitElement)){constructor(){super(...arguments),this._focusedIndex=-1,this.label="Options",this.options=[],this.customOptions=[],this.placeholder="",this.isMulti=!1,this.disabled=!1,this.ordered=!1,this.expanded=!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="Combobox Input",this.clearAriaLabel="Clear",this.arrowAriaLabel="Expand",this.allTextLocalization="All",this.selectAllTextLocalization="Select All",this.selectedTextLocalization="Selected",this.allowSelectAll=!1,this.showCustomError=!1,this.showSelectedCount=!1,this.isSelectAllChecked=!1,this.multiSelectedIndex=-1,this.multiSelected=[],this.customContent=[],this.notifySelectedChange=Object(c.b)(t=>{this.dispatchEvent(new CustomEvent("change-selected",{composed:!0,bubbles:!0,detail:t}))},250),this.notifyInputValueChanged=Object(c.b)(t=>{this.dispatchEvent(new CustomEvent("combobox-input",{composed:!0,bubbles:!0,detail:{value:t}}))},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){const e=this._focusedIndex;if(this.lists){const o=this.lists[e];o&&o.toggleAttribute("focused",!1);const i=this.lists[t];i&&i.toggleAttribute("focused",!0)}this._focusedIndex=t,this.requestUpdate("focusedIndex",e)}firstUpdated(t){super.firstUpdated(t),this.setAttribute("tabindex","0"),this.isCustomContent&&(this.optionId="id",this.optionValue="value",this.setOptionCustomContent()),this.setInitialValue()}updated(t){super.updated(t),t.has("expanded")&&this.expanded&&this.resizeListbox(),t.has("focusedIndex")&&this.focusedIndex>=0&&this.scrollToOption(),t.has("value")&&0===this.selectedOptions.length&&this.setInitialValue(),t.has("customOptions")&&this.isCustomContent&&(this.setOptionCustomContent(),this.resizeListbox())}handleFocusIn(t){this.disabled||(requestAnimationFrame(()=>{this.input.focus()}),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(){if(this.value.length)if(this.isMulti)this.value.forEach(t=>{-1!==this.findFilteredOption(t)&&this.setSelectedOption(t)});else{const t=this.value[0],e=this.findFilteredOption(t);-1!==e&&(this.setSelectedOption(t),this.setInputValue(this.getOptionValue(t)),this.focusedIndex=e)}}isOptionObject(t){return"object"==typeof t&&null!==t}setOptionCustomContent(){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}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}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();return[...this.lists].findIndex(t=>e.includes(t))}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.isMulti&&this.allowSelectAll&&(this.isSelectAllChecked=this.isSelectAllSelected()),this.requestUpdate()}filterOptions(t){return t&&t.length?this.options.filter(e=>(this.isCustomContent?this.getOptionId(e):this.getOptionValue(e)).toLowerCase().includes(t.toLowerCase())):this.options}resizeListbox(){this.updateOnNextFrame(()=>{var t;if(this.lists){const t=[...this.lists].slice(0,this.visibleOptions).reduce((t,e)=>t+e.offsetHeight,0);this.listBox&&(this.listBox.style.maxHeight=t+"px")}if(this.showCustomError){const e=null===(t=this.listBox)||void 0===t?void 0:t.querySelector("[slot]");this.listBox&&e&&(this.listBox.style.height=e.clientHeight+"px",this.listBox.style.maxHeight=e.clientHeight+"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(){let t=0;const{top:e,bottom:o}=this.listBox.getBoundingClientRect(),i=this.lists[this.focusedIndex],s=(this.lists[this.focusedIndex+1]||i).getBoundingClientRect(),l=(this.lists[this.focusedIndex-1]||i).getBoundingClientRect();s.bottom>o?t=s.bottom-o+2:l.top<e&&(t=l.top-e-2),this.updateOnNextFrame(()=>{this.listBox.scrollTop+=t})}getCustomContentName(t){const e=this.options.indexOf(t);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 g(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()})}))}handleSelectAll(){return g(this,void 0,void 0,(function*(){(0===this.selectedOptions.length||this.isSelectAllSelected())&&(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.a.Escape:return;case s.a.Backspace:this.setFocusOnHost(!0),this.setVisualListbox(!0),this.resizeListbox(),this.removeMultiTag();break;case s.a.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,this.notifyInputValueChanged(e)}removeAllSelected(){this.focusedIndex=-1,this.selectedOptions=[],this.inputValue="",this.setInputValue(),this.setVisualListbox(!1),this.unCheckedAllOptions(),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()})}selectedChange(t){const{event:e}=t.detail;let o=this.findOptionIndex(e);if(-1!==o){this.focusedIndex=o,this.isMulti&&this.allowSelectAll&&(o-=1);const t=this.getFocusedItem(o);t&&(this.setSelectedOption(t),this.isMulti?this.isMulti&&this.allowSelectAll&&(this.isSelectAllChecked=this.isSelectAllSelected()):this.setInputValue(this.getOptionValue(t)))}}shouldChangeButton(){return this.input&&this.input.value.length>0&&!this.noClearIcon||this.isMulti&&this.selectedOptions.length&&!this.noClearIcon}setCustomValue(){this.optionId||this.optionValue||(this.options=[...this.options,this.inputValue],this.setSelectedOption(this.inputValue),this.isMulti||this.updateOnNextFrame(()=>{this.focusedIndex=this.filteredOptions.length-1;const t=this.getFocusedItem(this.focusedIndex);t&&this.setInputValue(this.getOptionValue(t))}),this.dispatchEvent(new CustomEvent("custom-value-add",{composed:!0,bubbles:!0,detail:{value:this.inputValue}}))),this.inputValue=""}handleInputKeyDown(t){switch(t.code){case s.a.Backspace:this.focusedIndex=-1;break;case s.a.Tab:case s.a.Enter:this.setFocusOnHost(!0),this.setVisualListbox(!1),this.updateOnNextFrame(()=>{const t=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()}t&&(this.setSelectedOption(t),this.showSelectedCount||this.setInputValue(this.getOptionValue(t))),this.isMulti&&this.allowSelectAll&&0===this.focusedIndex&&this.handleSelectAll()});break;case s.a.ArrowDown:this.setFocusOnHost(!1),this.expanded||this.setVisualListbox(!0),this.updateOnNextFrame(()=>{-1===this.focusedIndex||!this.allowSelectAll&&this.focusedIndex>=this.filteredOptions.length-1||this.allowSelectAll&&this.focusedIndex>=this.filteredOptions.length?this.focusedIndex=0:this.focusedIndex++;const t=this.getFocusedItem(this.focusedIndex);!this.showSelectedCount&&t&&this.setInputValue(this.getOptionValue(t))});break;case s.a.ArrowUp:this.setFocusOnHost(!1),this.expanded||this.setVisualListbox(!0),this.updateOnNextFrame(()=>{this.focusedIndex<=0?this.focusedIndex=this.allowSelectAll?this.filteredOptions.length:this.filteredOptions.length-1:this.focusedIndex--;const t=this.getFocusedItem(this.focusedIndex);t&&!this.showSelectedCount&&this.setInputValue(this.getOptionValue(t))});break;case s.a.Escape:this.setFocusOnHost(!0),this.expanded?(t.stopPropagation(),this.setVisualListbox(!1)):(this.setInputValue(),this.focusedIndex=-1,this.removeAllSelected());break;case s.a.Home:this.setInputSelectionRange(0,0);break;case s.a.End:{const{length:t}=this.inputValue;this.setInputSelectionRange(t,t)}break;case s.a.Space:if(this.isMulti){t.preventDefault();const e=this.getFocusedItem(this.allowSelectAll?this.focusedIndex-1:this.focusedIndex);e&&(this.setSelectedOption(e),this.showSelectedCount||this.setInputValue()),0===this.focusedIndex&&this.allowSelectAll&&this.handleSelectAll()}break;default:this.setVisualListbox(!0)}}toggleVisualListBox(){this.expanded?this.setVisualListbox(!1):this.setVisualListbox(!0),this.input.focus()}handleRemoveAll(t){t.stopPropagation(),this.dispatchEvent(new CustomEvent("remove-all-selected"))}connectedCallback(){super.connectedCallback(),this.setupEvents()}disconnectedCallback(){super.disconnectedCallback(),this.teardownEvents()}static get styles(){return[a.a,m]}get listItemOptionMap(){return{"md-combobox-multiselect":this.isMulti}}get filteredOptions(){return this.filterOptions(this.trimSpace?this.inputValue.replace(/\s+/g,""):this.inputValue)}get comboBoxTemplateClassMap(){return{["md-combobox--"+this.shape]:!!this.shape,"md-combobox-searchable":this.searchable}}searchIconTemplate(){return r.html`
         <md-icon name="icon-search_16" @click=${this.toggleVisualListBox}></md-icon>
-      `}selectedOptionTemplate(t){return c.html`
+      `}selectedOptionTemplate(t){return r.html`
         <div class="md-combobox-selected-item">
           <span>${this.getOptionValue(t)}</span>
           <md-icon class="remove-item" name="cancel_8" @click=${()=>this.removeSelected(t)}></md-icon>
         </div>
-      `}clearButtonTemplate(){return c.html`
+      `}clearButtonTemplate(){return r.html`
         <button
           type="button"
           class="md-combobox-button clear"
@@ -18,7 +18,7 @@
         >
           <span> <md-icon class="md-input__icon-clear" name="clear-active_12"></md-icon></span>
         </button>
-      `}arrowButtonTemplate(){return c.html`
+      `}arrowButtonTemplate(){return r.html`
         <button
           type="button"
           class="md-combobox-button arrow-down"
@@ -31,16 +31,40 @@
         >
           <span><md-icon name="icon-arrow-down_16"></md-icon> </span>
         </button>
-      `}render(){return c.html`
+      `}getSelectAllOption(){return r.html`
+        <li
+          id="selectAll"
+          part="combobox-option"
+          role="option"
+          class="md-combobox-option ${Object(h.classMap)(this.listItemOptionMap)}"
+          @click=${this.handleSelectAll}
+          aria-checked=${Object(p.ifDefined)(this.isSelectAllChecked?"true":void 0)}
+        >
+          ${this.isSelectAllChecked||0===this.selectedOptions.length?r.html`
+                <span class="select-option">
+                  <md-icon name="icon-check_14"></md-icon>
+                </span>
+              `:r.html`
+                <span class="select-option indeterminate">
+                  <md-icon name="icon-minus_14"></md-icon>
+                </span>
+              `}
+          <span part="label" class="select-label">${this.selectAllTextLocalization}</span>
+        </li>
+      `}getSelctedCount(){return 0===this.selectedOptions.length?d.nothing:this.isSelectAllSelected()?r.html`
+          <md-span class="selected-count">${this.allTextLocalization}</md-span>
+        `:r.html`
+        <md-span class="selected-count">${this.selectedOptions.length} ${this.selectedTextLocalization}</md-span>
+      `}getCustomErrorContent(){return this.querySelector("[slot]")||this.shadowRoot.querySelector("[slot]")}render(){return r.html`
         <div
           part="combobox"
           aria-label=${this.ariaLabel}
-          class="md-combobox md-combobox-list ${Object(p.classMap)(this.comboBoxTemplateClassMap)}"
+          class="md-combobox md-combobox-list ${Object(h.classMap)(this.comboBoxTemplateClassMap)}"
         >
-          <div part="group" class="group ${Object(p.classMap)(this.listItemOptionMap)}">
+          <div part="group" class="group ${Object(h.classMap)(this.listItemOptionMap)}">
             ${this.searchable?this.searchIconTemplate():d.nothing}
             <div class="md-combobox__multiwrap" part="multiwrap">
-              ${this.isMulti?Object(u.repeat)(this.selectedOptions,t=>this.selectedOptionTemplate(t)):d.nothing}
+              ${this.isMulti?this.isMulti&&!this.showSelectedCount?Object(u.repeat)(this.selectedOptions,t=>this.selectedOptionTemplate(t)):this.getSelctedCount():d.nothing}
               <input
                 class="md-combobox-listbox"
                 type="text"
@@ -49,11 +73,11 @@
                 aria-label=${this.ariaLabel}
                 part="multiwrap-input"
                 aria-expanded=${this.expanded}
-                placeholder=${this.placeholder}
+                placeholder=${this.isMulti&&this.showSelectedCount&&0!==this.selectedOptions.length?"":this.placeholder}
                 aria-controls="md-combobox-listbox"
                 ?disabled=${this.disabled}
                 ?autofocus=${this.autofocus}
-                title=${Object(h.ifDefined)(this.selectedOptions.length>0?this.selectedOptions[0]:this.placeholder)}
+                title=${Object(p.ifDefined)(this.selectedOptions.length>0?this.selectedOptions[0]:this.placeholder)}
                 .value=${this.inputValue}
                 @click=${this.toggleVisualListBox}
                 @input=${this.handleInput}
@@ -63,57 +87,70 @@
             </div>
             ${this.compact?d.nothing:this.shouldChangeButton()?this.clearButtonTemplate():this.arrowButtonTemplate()}
           </div>
-          <ul
-            id="md-combobox-listbox"
-            part="combobox-options"
-            role="listbox"
-            aria-label=${this.label}
-            style=${Object(b.styleMap)({display:this.expanded?this.options.length&&0===this.filteredOptions.length&&this.inputValue&&this.allowCustomValue?"none":"block":"none","z-index":"1"})}
-          >
-            ${Object(u.repeat)(this.filterOptions(this.trimSpace?this.inputValue.replace(/\s+/g,""):this.inputValue),t=>this.getOptionId(t),(t,e)=>c.html`
-                <li
-                  id=${this.getOptionId(t)}
-                  title="${this.getOptionValue(t)}"
-                  part="combobox-option"
-                  role="option"
-                  class="md-combobox-option ${Object(p.classMap)(this.listItemOptionMap)}"
-                  aria-label=${this.getOptionValue(t)}
-                  aria-selected=${this.getAriaState(e)}
-                  tabindex="-1"
-                  @click=${this.handleListClick}
-                  aria-checked=${Object(h.ifDefined)(this.isMulti?this.isOptionChecked(t):void 0)}
+          ${this.showCustomError?r.html`
+                <ul
+                  id="md-combobox-listbox"
+                  part="combobox-options"
+                  role="listbox"
+                  aria-label=${this.label}
+                  style=${Object(b.styleMap)({display:this.expanded?"block":"none","z-index":"1"})}
+                >
+                  ${this.getCustomErrorContent()}
+                </ul>
+              `:r.html`
+                <ul
+                  id="md-combobox-listbox"
+                  part="combobox-options"
+                  role="listbox"
+                  aria-label=${this.label}
+                  style=${Object(b.styleMap)({display:this.expanded?this.options.length&&0===this.filteredOptions.length&&this.inputValue&&this.allowCustomValue?"none":"block":"none","z-index":"1"})}
                 >
-                  ${this.isMulti?c.html`
-                        <span class="select-option">
-                          <md-icon name="icon-check_14"></md-icon>
+                  ${this.isMulti&&this.allowSelectAll?this.getSelectAllOption():d.nothing}
+                  ${Object(u.repeat)(this.filterOptions(this.trimSpace?this.inputValue.replace(/\s+/g,""):this.inputValue),t=>this.getOptionId(t),(t,e)=>r.html`
+                      <li
+                        id=${this.getOptionId(t)}
+                        title="${this.getOptionValue(t)}"
+                        part="combobox-option"
+                        role="option"
+                        class="md-combobox-option"
+                        aria-label=${this.getOptionValue(t)}
+                        aria-selected=${this.getAriaState(e)}
+                        tabindex="-1"
+                        @click=${this.handleListClick}
+                        aria-checked=${Object(p.ifDefined)(this.isMulti?this.isOptionChecked(t):void 0)}
+                      >
+                        ${this.isMulti?r.html`
+                              <span class="select-option">
+                                <md-icon name="icon-check_14"></md-icon>
+                              </span>
+                            `:d.nothing}
+                        <span part="label" class="select-label">
+                          ${this.isCustomContent?r.html`
+                                <slot name=${Object(p.ifDefined)(this.getCustomContentName(t))}></slot>
+                              `:Object(c.c)(this.getOptionValue(t),this.trimSpace?this.inputValue.replace(/\s+/g,""):this.inputValue).map(({text:t,matching:e})=>e?r.html`
+                                      <span class="highlight-text">${t}</span>
+                                    `:r.html`
+                                      <span class="selected-label-text">${t}</span>
+                                    `)}
                         </span>
+                      </li>
+                    `)}
+                  ${this.options.length&&0===this.filteredOptions.length&&this.inputValue&&!this.allowCustomValue?r.html`
+                        <li class="no-result" role="option" aria-selected="false" tabindex="-1">
+                          ${this.resultsTextLocalization.trim()}
+                        </li>
+                      `:d.nothing}
+                  ${0===this.options.length?r.html`
+                        <li class="no-result" role="option" aria-selected="false" tabindex="-1">
+                          ${this.optionsTextLocalization.trim()}
+                        </li>
                       `:d.nothing}
-                  <span part="label" class="select-label">
-                    ${this.isCustomContent?c.html`
-                          <slot name=${Object(h.ifDefined)(this.getCustomContentName(t))}></slot>
-                        `:Object(a.c)(this.getOptionValue(t),this.trimSpace?this.inputValue.replace(/\s+/g,""):this.inputValue).map(({text:t,matching:e})=>e?c.html`
-                                <span class="highlight-text">${t}</span>
-                              `:c.html`
-                                <span class="selected-label-text">${t}</span>
-                              `)}
-                  </span>
-                </li>
-              `)}
-            ${this.options.length&&0===this.filteredOptions.length&&this.inputValue&&!this.allowCustomValue?c.html`
-                  <li class="no-result" role="option" aria-selected="false" tabindex="-1">
-                    ${this.resultsTextLocalization.trim()}
-                  </li>
-                `:d.nothing}
-            ${0===this.options.length?c.html`
-                  <li class="no-result" role="option" aria-selected="false" tabindex="-1">
-                    ${this.optionsTextLocalization.trim()}
-                  </li>
-                `:d.nothing}
-          </ul>
+                </ul>
+              `}
         </div>
-        ${this.invalid?c.html`
+        ${this.invalid?r.html`
               <div part="message" class="md-combobox-error">
                 <md-help-text .message=${this.invalidText} messageType="error"></md-help-text>
               </div>
             `:d.nothing}
-      `}};x([Object(c.property)({type:String})],e.prototype,"label",void 0),x([Object(c.property)({type:Array})],e.prototype,"options",void 0),x([Object(c.property)({type:Array,attribute:"custom-options"})],e.prototype,"customOptions",void 0),x([Object(c.property)({type:String})],e.prototype,"placeholder",void 0),x([Object(c.property)({type:Boolean,attribute:"is-multi"})],e.prototype,"isMulti",void 0),x([Object(c.property)({type:Boolean,reflect:!0})],e.prototype,"disabled",void 0),x([Object(c.property)({type:Boolean,reflect:!0})],e.prototype,"ordered",void 0),x([Object(c.property)({type:Boolean,reflect:!0})],e.prototype,"expanded",void 0),x([Object(c.property)({type:Boolean,reflect:!0})],e.prototype,"compact",void 0),x([Object(c.property)({type:Boolean,attribute:"no-clear-icon"})],e.prototype,"noClearIcon",void 0),x([Object(c.property)({type:Boolean,attribute:"select-when-in-focus"})],e.prototype,"selectWhenInFocus",void 0),x([Object(c.property)({type:Array})],e.prototype,"selectedOptions",void 0),x([Object(c.property)({type:Number,attribute:"visible-option",reflect:!0})],e.prototype,"visibleOptions",void 0),x([Object(c.property)({type:String,attribute:"option-id",reflect:!0})],e.prototype,"optionId",void 0),x([Object(c.property)({type:String,attribute:"option-value",reflect:!0})],e.prototype,"optionValue",void 0),x([Object(c.property)({type:Boolean,attribute:"with-custom-content"})],e.prototype,"isCustomContent",void 0),x([Object(c.property)({type:Boolean,reflect:!0})],e.prototype,"searchable",void 0),x([Object(c.property)({type:String})],e.prototype,"shape",void 0),x([Object(c.property)({type:Array})],e.prototype,"value",void 0),x([Object(c.property)({type:String,attribute:"input-value",reflect:!0})],e.prototype,"inputValue",void 0),x([Object(c.property)({type:Boolean,attribute:"allow-custom-value",reflect:!0})],e.prototype,"allowCustomValue",void 0),x([Object(c.property)({type:Boolean,reflect:!0})],e.prototype,"autofocus",void 0),x([Object(c.property)({type:String,attribute:"no-results-i18n"})],e.prototype,"resultsTextLocalization",void 0),x([Object(c.property)({type:String,attribute:"no-options-i18n"})],e.prototype,"optionsTextLocalization",void 0),x([Object(c.property)({type:Boolean,reflect:!0,attribute:"search-trim-space"})],e.prototype,"trimSpace",void 0),x([Object(c.property)({type:Boolean,reflect:!0})],e.prototype,"invalid",void 0),x([Object(c.property)({type:String,reflect:!0,attribute:"invalid-text-i18n"})],e.prototype,"invalidText",void 0),x([Object(c.property)({type:String,attribute:"aria-label"})],e.prototype,"ariaLabel",void 0),x([Object(c.property)({type:String,attribute:"clear-aria-label"})],e.prototype,"clearAriaLabel",void 0),x([Object(c.property)({type:String,attribute:"arrow-aria-label"})],e.prototype,"arrowAriaLabel",void 0),x([Object(c.property)({type:Number,attribute:!1})],e.prototype,"focusedIndex",null),x([Object(c.query)(".group")],e.prototype,"group",void 0),x([Object(c.query)(".md-combobox-listbox")],e.prototype,"input",void 0),x([Object(c.query)(".md-combobox-button")],e.prototype,"button",void 0),x([Object(c.query)("ul[role='listbox'")],e.prototype,"listBox",void 0),x([Object(c.queryAll)("li[role='option']")],e.prototype,"lists",void 0),x([Object(c.queryAll)(".md-combobox-selected-item")],e.prototype,"selected",void 0),e=x([Object(l.a)("md-combobox")],e),t.ELEMENT=e}(i||(i={}))}}]);
+      `}};x([Object(r.property)({type:String})],e.prototype,"label",void 0),x([Object(r.property)({type:Array})],e.prototype,"options",void 0),x([Object(r.property)({type:Array,attribute:"custom-options"})],e.prototype,"customOptions",void 0),x([Object(r.property)({type:String})],e.prototype,"placeholder",void 0),x([Object(r.property)({type:Boolean,attribute:"is-multi"})],e.prototype,"isMulti",void 0),x([Object(r.property)({type:Boolean,reflect:!0})],e.prototype,"disabled",void 0),x([Object(r.property)({type:Boolean,reflect:!0})],e.prototype,"ordered",void 0),x([Object(r.property)({type:Boolean,reflect:!0})],e.prototype,"expanded",void 0),x([Object(r.property)({type:Boolean,reflect:!0})],e.prototype,"compact",void 0),x([Object(r.property)({type:Boolean,attribute:"no-clear-icon"})],e.prototype,"noClearIcon",void 0),x([Object(r.property)({type:Boolean,attribute:"select-when-in-focus"})],e.prototype,"selectWhenInFocus",void 0),x([Object(r.property)({type:Array})],e.prototype,"selectedOptions",void 0),x([Object(r.property)({type:Number,attribute:"visible-option",reflect:!0})],e.prototype,"visibleOptions",void 0),x([Object(r.property)({type:String,attribute:"option-id",reflect:!0})],e.prototype,"optionId",void 0),x([Object(r.property)({type:String,attribute:"option-value",reflect:!0})],e.prototype,"optionValue",void 0),x([Object(r.property)({type:Boolean,attribute:"with-custom-content"})],e.prototype,"isCustomContent",void 0),x([Object(r.property)({type:Boolean,reflect:!0})],e.prototype,"searchable",void 0),x([Object(r.property)({type:String})],e.prototype,"shape",void 0),x([Object(r.property)({type:Array})],e.prototype,"value",void 0),x([Object(r.property)({type:String,attribute:"input-value",reflect:!0})],e.prototype,"inputValue",void 0),x([Object(r.property)({type:Boolean,attribute:"allow-custom-value",reflect:!0})],e.prototype,"allowCustomValue",void 0),x([Object(r.property)({type:Boolean,reflect:!0})],e.prototype,"autofocus",void 0),x([Object(r.property)({type:String,attribute:"no-results-i18n"})],e.prototype,"resultsTextLocalization",void 0),x([Object(r.property)({type:String,attribute:"no-options-i18n"})],e.prototype,"optionsTextLocalization",void 0),x([Object(r.property)({type:Boolean,reflect:!0,attribute:"search-trim-space"})],e.prototype,"trimSpace",void 0),x([Object(r.property)({type:Boolean,reflect:!0})],e.prototype,"invalid",void 0),x([Object(r.property)({type:String,reflect:!0,attribute:"invalid-text-i18n"})],e.prototype,"invalidText",void 0),x([Object(r.property)({type:String,attribute:"aria-label"})],e.prototype,"ariaLabel",void 0),x([Object(r.property)({type:String,attribute:"clear-aria-label"})],e.prototype,"clearAriaLabel",void 0),x([Object(r.property)({type:String,attribute:"arrow-aria-label"})],e.prototype,"arrowAriaLabel",void 0),x([Object(r.property)({type:String,attribute:"all-i18n"})],e.prototype,"allTextLocalization",void 0),x([Object(r.property)({type:String,attribute:"select-all-i18n"})],e.prototype,"selectAllTextLocalization",void 0),x([Object(r.property)({type:String,attribute:"selected-all-i18n"})],e.prototype,"selectedTextLocalization",void 0),x([Object(r.property)({type:Boolean,attribute:"allow-select-all",reflect:!0})],e.prototype,"allowSelectAll",void 0),x([Object(r.property)({type:Boolean,attribute:"show-custom-error",reflect:!0})],e.prototype,"showCustomError",void 0),x([Object(r.property)({type:Boolean,attribute:"show-selected-count",reflect:!0})],e.prototype,"showSelectedCount",void 0),x([Object(r.property)({type:Number,attribute:!1}),Object(r.internalProperty)()],e.prototype,"isSelectAllChecked",void 0),x([Object(r.query)(".group")],e.prototype,"group",void 0),x([Object(r.query)(".md-combobox-listbox")],e.prototype,"input",void 0),x([Object(r.query)(".md-combobox-button")],e.prototype,"button",void 0),x([Object(r.query)("ul[role='listbox'")],e.prototype,"listBox",void 0),x([Object(r.queryAll)("li[role='option']")],e.prototype,"lists",void 0),x([Object(r.queryAll)(".md-combobox-selected-item")],e.prototype,"selected",void 0),e=x([Object(n.a)("md-combobox")],e),t.ELEMENT=e}(i||(i={}))}}]);

package/dist/chunks/md-37.js

@@ -1,4 +1,4 @@
-(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[37],{40:function(e,t,a){"use strict";a.r(t),a.d(t,"DatePicker",(function(){return i}));a(69),a(24),a(32);var i,s=a(5),o=a(8),l=a(19),n=a(18),r=a(0),c=a(6),d=a(12),h=function(e,t,a,i){var s,o=arguments.length,l=o<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,a):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(e,t,a,i);else for(var n=e.length-1;n>=0;n--)(s=e[n])&&(l=(o<3?s(l):o>3?s(t,a,l):s(t,a))||l);return o>3&&l&&Object.defineProperty(t,a,l),l},p=function(e,t,a,i){return new(a||(a=Promise))((function(s,o){function l(e){try{r(i.next(e))}catch(e){o(e)}}function n(e){try{r(i.throw(e))}catch(e){o(e)}}function r(e){var t;e.done?s(e.value):(t=e.value,t instanceof a?t:new a((function(e){e(t)}))).then(l,n)}r((i=i.apply(e,t||[])).next())}))};!function(e){e.weekStartDays=["Sunday","Monday"];let t=class extends r.LitElement{constructor(){super(...arguments),this.shouldCloseOnSelect=!1,this.maxDate=void 0,this.minDate=void 0,this.value=void 0,this.weekStart="Sunday",this.placeholder=void 0,this.locale="en-US",this.includesTime=!1,this.disabled=!1,this.customTrigger=!1,this.selectedDate=Object(o.n)(),this.focusedDate=Object(o.n)(),this.filterDate=void 0,this.maxDateData=void 0,this.minDateData=void 0,this.handleDateInputChange=e=>{var t,a;(null===(t=null==e?void 0:e.detail)||void 0===t?void 0:t.value)&&(this.value=null===(a=null==e?void 0:e.detail)||void 0===a?void 0:a.value),this.dispatchEvent(new CustomEvent("date-input-change",{bubbles:!0,composed:!0,detail:{sourceEvent:e,value:this.value}}))},this.setOpen=e=>{this.menuOverlay.isOpen=e},this.handleSelect=e=>{const t=e.detail.date,a=e.detail.sourceEvent;this.setPreSelection(t),this.setSelected(t,a),this.shouldCloseOnSelect&&this.setOpen(!1)},this.setSelected=(e,t)=>{const a={maxDate:this.maxDateData,minDate:this.minDateData,filterDate:this.filterDate};if(!Object(o.j)(e,a)){const t=this.includesTime?e.startOf("second").toISO({suppressMilliseconds:!0}):e.toISODate();this.selectedDate=e,this.value=t}this.dispatchEvent(new CustomEvent("date-selection-change",{bubbles:!0,composed:!0,detail:{sourceEvent:t,data:e}}))},this.setPreSelection=e=>{const t={maxDate:this.maxDateData,minDate:this.minDateData,filterDate:this.filterDate};Object(o.j)(e,t)||(this.focusedDate=e)},this.handleKeyDown=e=>{const t=e.detail.sourceEvent;let a=!1;const i=this.focusedDate;switch(!t.shiftKey&&t.code){case"Space":case"Enter":this.handleSelect(e),a=!0;break;case"Escape":this.setOpen(!1);break;case"ArrowUp":this.setPreSelection(Object(o.s)(i,1)),a=!0;break;case"ArrowLeft":this.setPreSelection(Object(o.q)(i,1)),a=!0;break;case"ArrowRight":this.setPreSelection(Object(o.a)(i,1)),a=!0;break;case"ArrowDown":this.setPreSelection(Object(o.c)(i,1)),a=!0}a&&(t.stopPropagation(),t.preventDefault())},this.chosenDateLabel=()=>this.selectedDate?`, Selected date is ${this.selectedDate.weekdayLong} ${this.selectedDate.monthLong} ${this.selectedDate.day}, ${this.selectedDate.year}`:void 0,this.isValueValid=()=>{const e=Object(l.a)("md-date-range-picker",this),t=e&&e.startDate&&e.endDate?n.a.dateRangeString:this.includesTime?n.a.ISOString:n.a.ISODateString,a=RegExp(t),i={maxDate:this.maxDateData,minDate:this.minDateData,filterDate:this.filterDate};return this.value&&a.test(this.value)&&!Object(o.j)(d.DateTime.fromISO(this.value,{locale:this.locale}),i)}}connectedCallback(){super.connectedCallback(),this.minDate&&(this.minDateData=d.DateTime.fromISO(this.minDate,{locale:this.locale})),this.maxDate&&(this.maxDateData=d.DateTime.fromISO(this.maxDate,{locale:this.locale}))}firstUpdated(e){const t=Object.create(null,{firstUpdated:{get:()=>super.firstUpdated}});var a,i;return p(this,void 0,void 0,(function*(){t.firstUpdated.call(this,e),this.value||(this.value=this.includesTime?null===(a=this.selectedDate)||void 0===a?void 0:a.startOf("second").toISO({suppressMilliseconds:!0}):null===(i=this.selectedDate)||void 0===i?void 0:i.toISODate())}))}updated(e){if(super.updated(e),this.value&&e.has("value")){if(Object(l.a)("md-date-range-picker",this))return;this.selectedDate=d.DateTime.fromISO(this.value,{locale:this.locale}),this.setPreSelection(this.selectedDate)}e.has("locale")&&this.render(),this.minDate&&e.has("minDate")&&(this.minDateData=d.DateTime.fromISO(this.minDate,{locale:this.locale})),this.maxDate&&e.has("maxDate")&&(this.maxDateData=d.DateTime.fromISO(this.maxDate,{locale:this.locale}))}render(){return r.html`
+(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[37],{40:function(e,t,a){"use strict";a.r(t),a.d(t,"DatePicker",(function(){return i}));a(69),a(24),a(32);var i,s=a(5),o=a(8),l=a(18),n=a(19),r=a(0),c=a(6),d=a(12),h=function(e,t,a,i){var s,o=arguments.length,l=o<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,a):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(e,t,a,i);else for(var n=e.length-1;n>=0;n--)(s=e[n])&&(l=(o<3?s(l):o>3?s(t,a,l):s(t,a))||l);return o>3&&l&&Object.defineProperty(t,a,l),l},p=function(e,t,a,i){return new(a||(a=Promise))((function(s,o){function l(e){try{r(i.next(e))}catch(e){o(e)}}function n(e){try{r(i.throw(e))}catch(e){o(e)}}function r(e){var t;e.done?s(e.value):(t=e.value,t instanceof a?t:new a((function(e){e(t)}))).then(l,n)}r((i=i.apply(e,t||[])).next())}))};!function(e){e.weekStartDays=["Sunday","Monday"];let t=class extends r.LitElement{constructor(){super(...arguments),this.shouldCloseOnSelect=!1,this.maxDate=void 0,this.minDate=void 0,this.value=void 0,this.weekStart="Sunday",this.placeholder=void 0,this.locale="en-US",this.includesTime=!1,this.disabled=!1,this.customTrigger=!1,this.selectedDate=Object(o.n)(),this.focusedDate=Object(o.n)(),this.filterDate=void 0,this.maxDateData=void 0,this.minDateData=void 0,this.handleDateInputChange=e=>{var t,a;(null===(t=null==e?void 0:e.detail)||void 0===t?void 0:t.value)&&(this.value=null===(a=null==e?void 0:e.detail)||void 0===a?void 0:a.value),this.dispatchEvent(new CustomEvent("date-input-change",{bubbles:!0,composed:!0,detail:{sourceEvent:e,value:this.value}}))},this.setOpen=e=>{this.menuOverlay.isOpen=e},this.handleSelect=e=>{const t=e.detail.date,a=e.detail.sourceEvent;this.setPreSelection(t),this.setSelected(t,a),this.shouldCloseOnSelect&&this.setOpen(!1)},this.setSelected=(e,t)=>{const a={maxDate:this.maxDateData,minDate:this.minDateData,filterDate:this.filterDate};if(!Object(o.j)(e,a)){const t=this.includesTime?e.startOf("second").toISO({suppressMilliseconds:!0}):e.toISODate();this.selectedDate=e,this.value=t}this.dispatchEvent(new CustomEvent("date-selection-change",{bubbles:!0,composed:!0,detail:{sourceEvent:t,data:e}}))},this.setPreSelection=e=>{const t={maxDate:this.maxDateData,minDate:this.minDateData,filterDate:this.filterDate};Object(o.j)(e,t)||(this.focusedDate=e)},this.handleKeyDown=e=>{const t=e.detail.sourceEvent;let a=!1;const i=this.focusedDate;switch(!t.shiftKey&&t.code){case"Space":case"Enter":this.handleSelect(e),a=!0;break;case"Escape":this.setOpen(!1);break;case"ArrowUp":this.setPreSelection(Object(o.s)(i,1)),a=!0;break;case"ArrowLeft":this.setPreSelection(Object(o.q)(i,1)),a=!0;break;case"ArrowRight":this.setPreSelection(Object(o.a)(i,1)),a=!0;break;case"ArrowDown":this.setPreSelection(Object(o.c)(i,1)),a=!0}a&&(t.stopPropagation(),t.preventDefault())},this.chosenDateLabel=()=>this.selectedDate?`, Selected date is ${this.selectedDate.weekdayLong} ${this.selectedDate.monthLong} ${this.selectedDate.day}, ${this.selectedDate.year}`:void 0,this.isValueValid=()=>{const e=Object(l.a)("md-date-range-picker",this),t=e&&e.startDate&&e.endDate?n.a.dateRangeString:this.includesTime?n.a.ISOString:n.a.ISODateString,a=RegExp(t),i={maxDate:this.maxDateData,minDate:this.minDateData,filterDate:this.filterDate};return this.value&&a.test(this.value)&&!Object(o.j)(d.DateTime.fromISO(this.value,{locale:this.locale}),i)}}connectedCallback(){super.connectedCallback(),this.minDate&&(this.minDateData=d.DateTime.fromISO(this.minDate,{locale:this.locale})),this.maxDate&&(this.maxDateData=d.DateTime.fromISO(this.maxDate,{locale:this.locale}))}firstUpdated(e){const t=Object.create(null,{firstUpdated:{get:()=>super.firstUpdated}});var a,i;return p(this,void 0,void 0,(function*(){t.firstUpdated.call(this,e),this.value||(this.value=this.includesTime?null===(a=this.selectedDate)||void 0===a?void 0:a.startOf("second").toISO({suppressMilliseconds:!0}):null===(i=this.selectedDate)||void 0===i?void 0:i.toISODate())}))}updated(e){if(super.updated(e),this.value&&e.has("value")){if(Object(l.a)("md-date-range-picker",this))return;this.selectedDate=d.DateTime.fromISO(this.value,{locale:this.locale}),this.setPreSelection(this.selectedDate)}e.has("locale")&&this.render(),this.minDate&&e.has("minDate")&&(this.minDateData=d.DateTime.fromISO(this.minDate,{locale:this.locale})),this.maxDate&&e.has("maxDate")&&(this.maxDateData=d.DateTime.fromISO(this.maxDate,{locale:this.locale}))}render(){return r.html`
         <md-menu-overlay custom-width="248px" ?disabled=${this.disabled}>
           ${this.customTrigger?r.html`
                 <span slot="menu-trigger">

package/dist/chunks/md-39.js

@@ -1,4 +1,4 @@
-(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[39],{61:function(t,i,e){"use strict";var n=e(0);i.a=n.css`.md-floating{background-color:var(--floating-modal-main-bg-color,#fff);border:1px solid var(--floating-modal-outer-border-color,#ededed);border-radius:8px;box-shadow:var(--floating-modal-main-box-shadow,0 4px 8px rgba(0,0,0,.16),0 0 1px rgba(0,0,0,.16));display:flex;flex-direction:column;max-height:100%;max-width:100%;position:absolute;touch-action:none;user-select:none;z-index:1040}.md-floating.fixed{position:fixed}.md-floating.hide{display:block;height:0;visibility:hidden;width:0}.md-floating.md-floating-minimize{background:var(--floating-modal-main-bg-color-alternate,#545454);border-radius:8px;width:100%}.md-floating.md-floating-minimize:focus{box-shadow:0 0 0 .125rem #005e7d;outline:0}.md-floating .md-floating__header{align-items:center;border-bottom:1px solid var(--floating-modal-main-border-color,#dedede);color:var(--floating-modal-main-text-color,#121212);display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;max-height:3rem;padding:.5rem .5rem .5rem .75rem;width:100%}.md-floating .md-floating__header-text{flex:2 1 auto;font-family:"CiscoSansTT Regular","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:16px;line-height:16px;text-align:left}.md-floating .md-floating__body{height:calc(100% - 3rem);overflow:auto;padding:.75rem 1.25rem}.md-floating .md-floating-body-minimize{display:block;height:0;visibility:hidden}.md-floating .md-floating__header-minimize{border-bottom:0;color:var(--floating-modal-main-text-color-alternate,#f7f7f7);font-size:16px;line-height:24px;width:100%}.md-floating-min-parent{bottom:0;height:3rem!important;position:absolute;right:0;width:223px!important}`},73:function(t,i,e){"use strict";e.r(i),e.d(i,"FloatingMinimizedModal",(function(){return n}));var n,o=e(4),a=e(5),r=e(0),s=(e(17),e(15),e(61)),l=e(6),d=e(2),c=(e(44),e(45),e(46),e(47),e(20)),m=e.n(c),h=e(19),p=e(7),f=e(1),u=function(t,i,e,n){var o,a=arguments.length,r=a<3?i:null===n?n=Object.getOwnPropertyDescriptor(i,e):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,i,e,n);else for(var s=t.length-1;s>=0;s--)(o=t[s])&&(r=(a<3?o(r):a>3?o(i,e,r):o(i,e))||r);return a>3&&r&&Object.defineProperty(i,e,r),r},g=function(t,i,e,n){return new(e||(e=Promise))((function(o,a){function r(t){try{l(n.next(t))}catch(t){a(t)}}function s(t){try{l(n.throw(t))}catch(t){a(t)}}function l(t){var i;t.done?o(t.value):(i=t.value,i instanceof e?i:new e((function(t){t(i)}))).then(r,s)}l((n=n.apply(t,i||[])).next())}))};!function(t){let i=class extends(Object(p.a)(r.LitElement)){constructor(){super(...arguments),this.heading="",this.label="",this.show=!1,this.closeAriaLabel="Close Modal",this.minimize=!1,this.dragOccured=!1,this.containerTransform="",this.applyInitialPosition=!0,this.getInitialPosition=()=>{var t,i;return this.applyInitialPosition&&this.minPosition?{initialX:Number(null===(t=this.minPosition)||void 0===t?void 0:t.x),initialY:Number(null===(i=this.minPosition)||void 0===i?void 0:i.y)}:{initialX:0,initialY:0}},this.dragMoveListener=t=>{const{target:i}=t,{x:e,y:n}=this.getTransformValues(t);this.setTargetPosition(i,e,n),this.applyInitialPosition=!1},this.dragEndListener=()=>{this.dragOccured=!0,this.setContainerRect()}}static get styles(){return[o.a,s.a]}connectedCallback(){super.connectedCallback(),window.addEventListener("resize",Object(h.b)(()=>this.setInteractInstance(),250))}updated(t){super.updated(t),t.has("show")&&(this.container&&this.show?(this.applyInitialPosition=!0,this.setContainerRect(),this.setInteractInstance(),this.setFocusOnContainer()):(this.cleanContainerStyles(),this.destroyInteractInstance())),this.container&&t.has("minPosition")&&!t.has("show")&&this.setInitialTargetPosition(),t.has("minimize")&&void 0!==t.get("minimize")&&this.setFocusOnContainer()}isNewPositionNotSame(){var t,i,e,n;if(this.container)return Number(null===(t=this.container)||void 0===t?void 0:t.getAttribute("data-x"))!==(null===(i=this.minPosition)||void 0===i?void 0:i.x)||Number(null===(e=this.container)||void 0===e?void 0:e.getAttribute("data-y"))!==(null===(n=this.minPosition)||void 0===n?void 0:n.y)}setInitialTargetPosition(){var t,i;this.container&&this.isNewPositionNotSame()&&this.setTargetPosition(this.container,Number(null===(t=this.minPosition)||void 0===t?void 0:t.x),Number(null===(i=this.minPosition)||void 0===i?void 0:i.y))}setFocusOnContainer(){this.container&&(this.container.setAttribute("tabindex","0"),this.container.focus())}cleanContainerStyles(){this.containerTransform=""}getContainerTransform(){const t=this.container.getAttribute("data-x"),i=this.container.getAttribute("data-y");return t&&i?(this.dispatchEvent(new CustomEvent("floating-modal-minimize-location",{composed:!0,bubbles:!0,detail:{transform:{x:t,y:i}}})),`translate(${t}px, ${i}px)`):this.container.style.transform}setContainerRect(){requestAnimationFrame(()=>g(this,void 0,void 0,(function*(){yield this.updateComplete,this.containerTransform=this.getContainerTransform()})))}setInteractInstance(){requestAnimationFrame(()=>{this.container&&m()(this.container).draggable({autoScroll:!0,allowFrom:this.header,listeners:{move:this.dragMoveListener,end:this.dragEndListener},modifiers:[m.a.modifiers.restrictRect({restriction:document.body.getBoundingClientRect(),endOnly:!0})]})})}handleKeyDown(t){t.code!==f.a.Enter&&t.code!==f.a.Space||this.handleMinimize(t)}handleClose(t){this.show=!1,this.dispatchEvent(new CustomEvent("floating-modal-close",{composed:!0,bubbles:!0,detail:{srcEvent:t}})),t.stopPropagation()}handleMinimize(t){this.dragOccured||this.dispatchEvent(new CustomEvent("floating-min-modal-minimize",{composed:!0,bubbles:!0,detail:{srcEvent:t}})),this.dragOccured=!1}getTransformValues(t){const{target:i,dx:e,dy:n}=t,{initialX:o,initialY:a}=this.getInitialPosition();return{x:(parseFloat(i.getAttribute("data-x"))||0)+e+o,y:(parseFloat(i.getAttribute("data-y"))||0)+n+a}}setTargetPosition(t,i,e){t.style.transform=`translate(${i}px, ${e}px)`,t.setAttribute("data-x",""+i),t.setAttribute("data-y",""+e)}destroyInteractInstance(){this.container&&m.a.isSet(this.container)&&m()(this.container).unset()}disconnectedCallback(){super.disconnectedCallback(),this.destroyInteractInstance(),window.removeEventListener("resize",Object(h.b)(()=>this.setInteractInstance(),250))}render(){return r.html`
+(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[39],{61:function(t,i,e){"use strict";var n=e(0);i.a=n.css`.md-floating{background-color:var(--floating-modal-main-bg-color,#fff);border:1px solid var(--floating-modal-outer-border-color,#ededed);border-radius:8px;box-shadow:var(--floating-modal-main-box-shadow,0 4px 8px rgba(0,0,0,.16),0 0 1px rgba(0,0,0,.16));display:flex;flex-direction:column;max-height:100%;max-width:100%;position:absolute;touch-action:none;user-select:none;z-index:1040}.md-floating.fixed{position:fixed}.md-floating.hide{display:block;height:0;visibility:hidden;width:0}.md-floating.md-floating-minimize{background:var(--floating-modal-main-bg-color-alternate,#545454);border-radius:8px;width:100%}.md-floating.md-floating-minimize:focus{box-shadow:0 0 0 .125rem #005e7d;outline:0}.md-floating .md-floating__header{align-items:center;border-bottom:1px solid var(--floating-modal-main-border-color,#dedede);color:var(--floating-modal-main-text-color,#121212);display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;max-height:3rem;padding:.5rem .5rem .5rem .75rem;width:100%}.md-floating .md-floating__header-text{flex:2 1 auto;font-family:"CiscoSansTT Regular","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:16px;line-height:16px;text-align:left}.md-floating .md-floating__body{height:calc(100% - 3rem);overflow:auto;padding:.75rem 1.25rem}.md-floating .md-floating-body-minimize{display:block;height:0;visibility:hidden}.md-floating .md-floating__header-minimize{border-bottom:0;color:var(--floating-modal-main-text-color-alternate,#f7f7f7);font-size:16px;line-height:24px;width:100%}.md-floating-min-parent{bottom:0;height:3rem!important;position:absolute;right:0;width:223px!important}`},73:function(t,i,e){"use strict";e.r(i),e.d(i,"FloatingMinimizedModal",(function(){return n}));var n,o=e(4),a=e(5),r=e(0),s=(e(17),e(15),e(61)),l=e(6),d=e(2),c=(e(44),e(45),e(46),e(47),e(20)),m=e.n(c),h=e(18),p=e(7),f=e(1),u=function(t,i,e,n){var o,a=arguments.length,r=a<3?i:null===n?n=Object.getOwnPropertyDescriptor(i,e):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,i,e,n);else for(var s=t.length-1;s>=0;s--)(o=t[s])&&(r=(a<3?o(r):a>3?o(i,e,r):o(i,e))||r);return a>3&&r&&Object.defineProperty(i,e,r),r},g=function(t,i,e,n){return new(e||(e=Promise))((function(o,a){function r(t){try{l(n.next(t))}catch(t){a(t)}}function s(t){try{l(n.throw(t))}catch(t){a(t)}}function l(t){var i;t.done?o(t.value):(i=t.value,i instanceof e?i:new e((function(t){t(i)}))).then(r,s)}l((n=n.apply(t,i||[])).next())}))};!function(t){let i=class extends(Object(p.a)(r.LitElement)){constructor(){super(...arguments),this.heading="",this.label="",this.show=!1,this.closeAriaLabel="Close Modal",this.minimize=!1,this.dragOccured=!1,this.containerTransform="",this.applyInitialPosition=!0,this.getInitialPosition=()=>{var t,i;return this.applyInitialPosition&&this.minPosition?{initialX:Number(null===(t=this.minPosition)||void 0===t?void 0:t.x),initialY:Number(null===(i=this.minPosition)||void 0===i?void 0:i.y)}:{initialX:0,initialY:0}},this.dragMoveListener=t=>{const{target:i}=t,{x:e,y:n}=this.getTransformValues(t);this.setTargetPosition(i,e,n),this.applyInitialPosition=!1},this.dragEndListener=()=>{this.dragOccured=!0,this.setContainerRect()}}static get styles(){return[o.a,s.a]}connectedCallback(){super.connectedCallback(),window.addEventListener("resize",Object(h.b)(()=>this.setInteractInstance(),250))}updated(t){super.updated(t),t.has("show")&&(this.container&&this.show?(this.applyInitialPosition=!0,this.setContainerRect(),this.setInteractInstance(),this.setFocusOnContainer()):(this.cleanContainerStyles(),this.destroyInteractInstance())),this.container&&t.has("minPosition")&&!t.has("show")&&this.setInitialTargetPosition(),t.has("minimize")&&void 0!==t.get("minimize")&&this.setFocusOnContainer()}isNewPositionNotSame(){var t,i,e,n;if(this.container)return Number(null===(t=this.container)||void 0===t?void 0:t.getAttribute("data-x"))!==(null===(i=this.minPosition)||void 0===i?void 0:i.x)||Number(null===(e=this.container)||void 0===e?void 0:e.getAttribute("data-y"))!==(null===(n=this.minPosition)||void 0===n?void 0:n.y)}setInitialTargetPosition(){var t,i;this.container&&this.isNewPositionNotSame()&&this.setTargetPosition(this.container,Number(null===(t=this.minPosition)||void 0===t?void 0:t.x),Number(null===(i=this.minPosition)||void 0===i?void 0:i.y))}setFocusOnContainer(){this.container&&(this.container.setAttribute("tabindex","0"),this.container.focus())}cleanContainerStyles(){this.containerTransform=""}getContainerTransform(){const t=this.container.getAttribute("data-x"),i=this.container.getAttribute("data-y");return t&&i?(this.dispatchEvent(new CustomEvent("floating-modal-minimize-location",{composed:!0,bubbles:!0,detail:{transform:{x:t,y:i}}})),`translate(${t}px, ${i}px)`):this.container.style.transform}setContainerRect(){requestAnimationFrame(()=>g(this,void 0,void 0,(function*(){yield this.updateComplete,this.containerTransform=this.getContainerTransform()})))}setInteractInstance(){requestAnimationFrame(()=>{this.container&&m()(this.container).draggable({autoScroll:!0,allowFrom:this.header,listeners:{move:this.dragMoveListener,end:this.dragEndListener},modifiers:[m.a.modifiers.restrictRect({restriction:document.body.getBoundingClientRect(),endOnly:!0})]})})}handleKeyDown(t){t.code!==f.a.Enter&&t.code!==f.a.Space||this.handleMinimize(t)}handleClose(t){this.show=!1,this.dispatchEvent(new CustomEvent("floating-modal-close",{composed:!0,bubbles:!0,detail:{srcEvent:t}})),t.stopPropagation()}handleMinimize(t){this.dragOccured||this.dispatchEvent(new CustomEvent("floating-min-modal-minimize",{composed:!0,bubbles:!0,detail:{srcEvent:t}})),this.dragOccured=!1}getTransformValues(t){const{target:i,dx:e,dy:n}=t,{initialX:o,initialY:a}=this.getInitialPosition();return{x:(parseFloat(i.getAttribute("data-x"))||0)+e+o,y:(parseFloat(i.getAttribute("data-y"))||0)+n+a}}setTargetPosition(t,i,e){t.style.transform=`translate(${i}px, ${e}px)`,t.setAttribute("data-x",""+i),t.setAttribute("data-y",""+e)}destroyInteractInstance(){this.container&&m.a.isSet(this.container)&&m()(this.container).unset()}disconnectedCallback(){super.disconnectedCallback(),this.destroyInteractInstance(),window.removeEventListener("resize",Object(h.b)(()=>this.setInteractInstance(),250))}render(){return r.html`
         ${this.show?r.html`     
               <div class="md-floating ${this.minimize?"":"hide"} md-floating-minimize"
                 @click=${this.handleMinimize}

package/dist/chunks/md-47.js

@@ -1,4 +1,4 @@
-(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[47],{102:function(e,t,r){"use strict";r.r(t),r.d(t,"Alert",(function(){return o}));var o,l=r(4),i=r(5),a=r(0),n=r(2),s=r(3),c=(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 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}.md-alert__title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--alert-title-text-color,#121212);font-size:var(--alert-title-font-size,1rem);line-height:1.5rem;width:calc(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:calc(100%)}.md-alert__message,.md-alert__title{word-wrap:break-word}.md-alert__button{margin-left:.25rem}.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}`),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`
+(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[47],{102:function(e,t,r){"use strict";r.r(t),r.d(t,"Alert",(function(){return o}));var o,l=r(4),i=r(5),a=r(0),n=r(2),s=r(3),c=(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{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--alert-title-text-color,#121212);font-size:var(--alert-title-font-size,1rem);line-height:1.5rem;width:calc(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:calc(100%)}.md-alert__message,.md-alert__title{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}`),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`
             <md-icon name="icon-warning_32" color="red"></md-icon>
           `;case"info":return a.html`
             <md-icon name="info_32" color="blue"></md-icon>

package/dist/chunks/md-59.js

@@ -1,4 +1,4 @@
-(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[59],{89:function(t,e,a){"use strict";a.r(e),a.d(e,"Draggable",(function(){return o}));var o,s=a(0),r=a(30),i=a.n(r),n=a(4),l=a(60),h=a(19),p=a(7),d=function(t,e,a,o){var s,r=arguments.length,i=r<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,a):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(t,e,a,o);else for(var n=t.length-1;n>=0;n--)(s=t[n])&&(i=(r<3?s(i):r>3?s(e,a,i):s(e,a))||i);return r>3&&i&&Object.defineProperty(e,a,i),i};!function(t){let e=class extends(Object(p.e)(s.LitElement)){constructor(){super(...arguments),this.delay=0,this.animation=0,this.handle="",this.filter="",this.easing="",this.direction="vertical",this.group=null,this.draggableItems="md-draggable-item",this.ghostClass="",this.chosenClass="",this.dragClass="",this.fallbackClass="",this.swapThreshold=1,this.touchStartThreshold=0,this.forceFallback=!1,this.sort=!1,this.disabled=!1,this.editable=!1,this.sortableInstance=null,this.handleOnChange=t=>{t.stopPropagation(),this.dispatchDragEvent("drag-change",t)},this.handleOnClone=t=>{t.stopPropagation(),this.dispatchDragEvent("drag-clone",t)},this.handleOnUnchoose=t=>{t.stopPropagation(),this.dispatchDragEvent("drag-unchoose",t)},this.handleOnRemove=t=>{t.stopPropagation(),this.dispatchDragEvent("drag-remove",t)},this.handleOnAdd=t=>{t.stopPropagation(),this.dispatchDragEvent("drag-add",t)},this.handleOnChoose=t=>{t.stopPropagation(),this.dispatchDragEvent("drag-choose",t)},this.handleOnEnd=t=>{t.stopPropagation(),this.dispatchDragEvent("drag-end",t)},this.handleOnMove=Object(h.b)(t=>{t.stopPropagation(),this.dispatchDragEvent("drag-move",t)},100),this.handleOnStart=t=>{t.stopPropagation(),this.dispatchDragEvent("drag-start",t)}}static get styles(){return[n.a,l.a]}get slotElement(){return this.draggableSlot}generateOptions(){return Object.assign(Object.assign({},this.group&&{group:this.group}),{disabled:this.disabled,animation:this.animation,sort:this.sort,delay:this.delay,handle:this.handle,easing:this.easing,filter:this.filter,swapThreshold:this.swapThreshold,touchStartThreshold:this.touchStartThreshold,draggable:this.draggableItems,direction:this.direction,ghostClass:this.ghostClass,chosenClass:this.chosenClass,dragClass:this.dragClass,fallbackClass:this.fallbackClass,forceFallback:this.forceFallback,onStart:this.handleOnStart,onMove:this.handleOnMove,onEnd:this.handleOnEnd,onChoose:this.handleOnChoose,onAdd:this.handleOnAdd,onRemove:this.handleOnRemove,onUnchoose:this.handleOnUnchoose,onClone:this.handleOnClone,onChange:this.handleOnChange})}initializeSortable(){this.sortableInstance||(this.sortableInstance=i.a.create(this,this.generateOptions()))}dispatchDragEvent(t,e){this.dispatchEvent(new CustomEvent(t,{composed:!0,bubbles:!0,detail:{srcEvent:e}}))}cleanupSortable(){this.sortableInstance&&(this.sortableInstance.destroy(),this.sortableInstance=null)}connectedCallback(){super.connectedCallback(),this.initializeSortable()}disconnectedCallback(){super.disconnectedCallback(),this.cleanupSortable()}setSortableOption(t,e){this.sortableInstance&&void 0!==this.sortableInstance.option(t)&&this.sortableInstance.option(t,e)}updateSortableInstance(t){for(const e of t.keys()){const t=this[e];this.setSortableOption(e,t)}}updated(t){super.updated(t),this.updateSortableInstance(t)}slottedChanged(){this.initializeSortable()}render(){return s.html`
+(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[59],{89:function(t,e,a){"use strict";a.r(e),a.d(e,"Draggable",(function(){return o}));var o,s=a(0),r=a(30),i=a.n(r),n=a(4),l=a(60),h=a(18),p=a(7),d=function(t,e,a,o){var s,r=arguments.length,i=r<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,a):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(t,e,a,o);else for(var n=t.length-1;n>=0;n--)(s=t[n])&&(i=(r<3?s(i):r>3?s(e,a,i):s(e,a))||i);return r>3&&i&&Object.defineProperty(e,a,i),i};!function(t){let e=class extends(Object(p.e)(s.LitElement)){constructor(){super(...arguments),this.delay=0,this.animation=0,this.handle="",this.filter="",this.easing="",this.direction="vertical",this.group=null,this.draggableItems="md-draggable-item",this.ghostClass="",this.chosenClass="",this.dragClass="",this.fallbackClass="",this.swapThreshold=1,this.touchStartThreshold=0,this.forceFallback=!1,this.sort=!1,this.disabled=!1,this.editable=!1,this.sortableInstance=null,this.handleOnChange=t=>{t.stopPropagation(),this.dispatchDragEvent("drag-change",t)},this.handleOnClone=t=>{t.stopPropagation(),this.dispatchDragEvent("drag-clone",t)},this.handleOnUnchoose=t=>{t.stopPropagation(),this.dispatchDragEvent("drag-unchoose",t)},this.handleOnRemove=t=>{t.stopPropagation(),this.dispatchDragEvent("drag-remove",t)},this.handleOnAdd=t=>{t.stopPropagation(),this.dispatchDragEvent("drag-add",t)},this.handleOnChoose=t=>{t.stopPropagation(),this.dispatchDragEvent("drag-choose",t)},this.handleOnEnd=t=>{t.stopPropagation(),this.dispatchDragEvent("drag-end",t)},this.handleOnMove=Object(h.b)(t=>{t.stopPropagation(),this.dispatchDragEvent("drag-move",t)},100),this.handleOnStart=t=>{t.stopPropagation(),this.dispatchDragEvent("drag-start",t)}}static get styles(){return[n.a,l.a]}get slotElement(){return this.draggableSlot}generateOptions(){return Object.assign(Object.assign({},this.group&&{group:this.group}),{disabled:this.disabled,animation:this.animation,sort:this.sort,delay:this.delay,handle:this.handle,easing:this.easing,filter:this.filter,swapThreshold:this.swapThreshold,touchStartThreshold:this.touchStartThreshold,draggable:this.draggableItems,direction:this.direction,ghostClass:this.ghostClass,chosenClass:this.chosenClass,dragClass:this.dragClass,fallbackClass:this.fallbackClass,forceFallback:this.forceFallback,onStart:this.handleOnStart,onMove:this.handleOnMove,onEnd:this.handleOnEnd,onChoose:this.handleOnChoose,onAdd:this.handleOnAdd,onRemove:this.handleOnRemove,onUnchoose:this.handleOnUnchoose,onClone:this.handleOnClone,onChange:this.handleOnChange})}initializeSortable(){this.sortableInstance||(this.sortableInstance=i.a.create(this,this.generateOptions()))}dispatchDragEvent(t,e){this.dispatchEvent(new CustomEvent(t,{composed:!0,bubbles:!0,detail:{srcEvent:e}}))}cleanupSortable(){this.sortableInstance&&(this.sortableInstance.destroy(),this.sortableInstance=null)}connectedCallback(){super.connectedCallback(),this.initializeSortable()}disconnectedCallback(){super.disconnectedCallback(),this.cleanupSortable()}setSortableOption(t,e){this.sortableInstance&&void 0!==this.sortableInstance.option(t)&&this.sortableInstance.option(t,e)}updateSortableInstance(t){for(const e of t.keys()){const t=this[e];this.setSortableOption(e,t)}}updated(t){super.updated(t),this.updateSortableInstance(t)}slottedChanged(){this.initializeSortable()}render(){return s.html`
         <div class="md-draggable" part="draggable" aria-disabled=${this.disabled}>
           <slot name="draggable-item"></slot>
         </div>

package/dist/chunks/md-62.js

@@ -1,4 +1,4 @@
-(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[62],{111:function(e,t,i){"use strict";i.r(t),i.d(t,"alignment",(function(){return g})),i.d(t,"EditableTextfield",(function(){return u}));var l=i(18),r=i(4),d=i(42),a=i.n(d),s=i(5),o=i(0),n=i(2),c=i(3),h=i(6),b=i(24),p=o.css`:focus{outline:0}.md-editable-textfield{border-radius:.25rem;line-height:calc(19 / 14) rem;min-height:2rem;overflow-y:auto;padding:0 .375rem 0 .375rem}.md-editable-textfield:hover{background-color:var(--editable-textfield-default-hover-bg-color,#ededed)}.md-editable-textfield:active{background-color:var(--editable-textfield-default-pressed-bg-color,#dedede)}.md-editable-textfield:focus{box-shadow:0 0 0 .0625rem var(--md-default-focus-outline-color,#007aa3)}.md-editable-textfield--left .md-input{text-align:left}.md-editable-textfield--center .md-input{text-align:center}.md-editable-textfield--center ::slotted(*){text-align:center}.md-editable-textfield--right .md-input{text-align:right}.md-editable-textfield--right ::slotted(*){text-align:right}.md-editable-textfield--disabled{background-color:transparent;color:var(--md-secondary-text-color,#545454);cursor:default}.md-editable-textfield--disabled:hover{background-color:transparent}.md-editable-textfield--disabled:focus{box-shadow:none;outline:0}.md-editable-textfield--error{background-color:var(--md-alert-error-bg-color,#ffe8e3);border:1px solid var(--editable-textfield-error-border-color,#a12512);color:var(--md-alert-error-text-color,#a12512)}.md-editable-textfield--error:focus{box-shadow:none;outline:0}.md-editable-textfield--warning{background-color:var(--md-alert-warning-bg-color,#ffecc2);border:1px solid var(--editable-textfield-warning-border-color,#d97f00);color:var(--md-alert-warning-text-color,#7d4705)}.md-editable-textfield--warning:focus{box-shadow:none;outline:0}.md-editable-textfield--success{background-color:var(--md-alert-success-bg-color,#befade);border:1px solid var(--editable-textfield-success-border-color,#00ab50);color:var(--md-alert-success-text-color,#03612c)}.md-editable-textfield--success:focus{box-shadow:none;outline:0}.md-editable-textfield--textoverflow{-webkit-box-orient:vertical;display:-webkit-box;overflow-y:hidden;text-overflow:ellipsis}.md-editable-textfield__messages{padding:.375rem 0 0 1rem}`,m=function(e,t,i,l){var r,d=arguments.length,a=d<3?t:null===l?l=Object.getOwnPropertyDescriptor(t,i):l;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,i,l);else for(var s=e.length-1;s>=0;s--)(r=e[s])&&(a=(d<3?r(a):d>3?r(t,i,a):r(t,i))||a);return d>3&&a&&Object.defineProperty(t,i,a),a};const g=["left","right","center"];var u;!function(e){let t=class extends o.LitElement{constructor(){super(...arguments),this.alignment="left",this.disabled=!1,this.isEditing=!1,this.maxLines="",this.content="Click to edit text",this.message={type:"error",message:"That is not a valid input."},this.alert=!1,this.hideMessage=!1,this.pattern="",this.type=null,this.ariaLabel="editable field",this.ariaDescribedBy="",this.messageController=new b.Input.MessageController,this.reportValidity=()=>{this.dispatchEvent(new Event("invalid",{bubbles:!1,cancelable:!0,composed:!0}))},this.checkValidity=e=>{let t=!0;const i=i=>{null===e.match(i)&&(t=!1)};if(this.pattern){i(new RegExp(this.pattern))}else if(e&&this.type)switch(this.type){case"integer":i(new RegExp(l.a.integerString));break;case"decimal":i(new RegExp(l.a.decimalString))}return t},this.handleFocus=()=>{this.disabled||(this.isEditing=!0,this.setRange())},this.handleKeydown=e=>{var t;const{key:i,code:l}=e;if(["Tab","Meta","Shift","Delete","Backspace","Arrow"].some(e=>l.includes(e)))return;"integer"===this.type&&i.includes(".")&&e.preventDefault();const r=(null===(t=this.editableField)||void 0===t?void 0:t.innerText.trim())+i;if(this.type)if(isNaN(Number(r)))e.preventDefault();else{if("integer"!==this.type||Number.isInteger(Number(r)))return;e.preventDefault()}},this.handleBlur=()=>{var e;this.isEditing=!1,this.maxLines.length>0&&this.editableField&&this.editableField.scrollTo(0,0),this.content=(null===(e=this.editableField)||void 0===e?void 0:e.innerText.trim())||"",this.alert=!1,this.handleValidation()}}connectedCallback(){super.connectedCallback(),this.addEventListener("focus",this.handleFocus)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("focus",this.handleFocus)}firstUpdated(e){super.firstUpdated(e),this.innerText&&this.innerText.length>0?this.content=this.innerText.trim():this.innerText=a.a.sanitize(this.content)}updated(e){super.updated(e),e.has("content")&&this.editableField&&(this.editableField.innerText=a.a.sanitize(this.content))}setRange(){var e;if(this.editableField){const t=document.createRange(),i=window.getSelection(),l=null===(e=this.editableField.childNodes[0].nodeValue)||void 0===e?void 0:e.length;if(t.setStart(this.editableField.childNodes[0],l||0),t.collapse(!0),!i||0!==i.toString().length)return;i.removeAllRanges(),i.addRange(t),this.maxLines.length>0&&(this.editableField.scrollTop=this.editableField.scrollHeight)}}handleValidation(){if(this.type||this.pattern){this.checkValidity&&this.checkValidity(this.content)||(this.reportValidity(),this.showAlert())}}showAlert(){this.alert=!0}static get styles(){return[r.a,p]}get overflowStyles(){return this.maxLines.length&&this.maxLines.length>0&&`max-height: ${2*parseInt(this.maxLines)}rem; -webkit-line-clamp: ${this.maxLines}; word-break: break-all;`}messagesTemplate(){var e,t,i;return this.alert?o.html`
+(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[62],{111:function(e,t,i){"use strict";i.r(t),i.d(t,"alignment",(function(){return g})),i.d(t,"EditableTextfield",(function(){return u}));var l=i(19),r=i(4),d=i(42),a=i.n(d),s=i(5),o=i(0),n=i(2),c=i(3),h=i(6),b=i(24),p=o.css`:focus{outline:0}.md-editable-textfield{border-radius:.25rem;line-height:calc(19 / 14) rem;min-height:2rem;overflow-y:auto;padding:0 .375rem 0 .375rem}.md-editable-textfield:hover{background-color:var(--editable-textfield-default-hover-bg-color,#ededed)}.md-editable-textfield:active{background-color:var(--editable-textfield-default-pressed-bg-color,#dedede)}.md-editable-textfield:focus{box-shadow:0 0 0 .0625rem var(--md-default-focus-outline-color,#007aa3)}.md-editable-textfield--left .md-input{text-align:left}.md-editable-textfield--center .md-input{text-align:center}.md-editable-textfield--center ::slotted(*){text-align:center}.md-editable-textfield--right .md-input{text-align:right}.md-editable-textfield--right ::slotted(*){text-align:right}.md-editable-textfield--disabled{background-color:transparent;color:var(--md-secondary-text-color,#545454);cursor:default}.md-editable-textfield--disabled:hover{background-color:transparent}.md-editable-textfield--disabled:focus{box-shadow:none;outline:0}.md-editable-textfield--error{background-color:var(--md-alert-error-bg-color,#ffe8e3);border:1px solid var(--editable-textfield-error-border-color,#a12512);color:var(--md-alert-error-text-color,#a12512)}.md-editable-textfield--error:focus{box-shadow:none;outline:0}.md-editable-textfield--warning{background-color:var(--md-alert-warning-bg-color,#ffecc2);border:1px solid var(--editable-textfield-warning-border-color,#d97f00);color:var(--md-alert-warning-text-color,#7d4705)}.md-editable-textfield--warning:focus{box-shadow:none;outline:0}.md-editable-textfield--success{background-color:var(--md-alert-success-bg-color,#befade);border:1px solid var(--editable-textfield-success-border-color,#00ab50);color:var(--md-alert-success-text-color,#03612c)}.md-editable-textfield--success:focus{box-shadow:none;outline:0}.md-editable-textfield--textoverflow{-webkit-box-orient:vertical;display:-webkit-box;overflow-y:hidden;text-overflow:ellipsis}.md-editable-textfield__messages{padding:.375rem 0 0 1rem}`,m=function(e,t,i,l){var r,d=arguments.length,a=d<3?t:null===l?l=Object.getOwnPropertyDescriptor(t,i):l;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,i,l);else for(var s=e.length-1;s>=0;s--)(r=e[s])&&(a=(d<3?r(a):d>3?r(t,i,a):r(t,i))||a);return d>3&&a&&Object.defineProperty(t,i,a),a};const g=["left","right","center"];var u;!function(e){let t=class extends o.LitElement{constructor(){super(...arguments),this.alignment="left",this.disabled=!1,this.isEditing=!1,this.maxLines="",this.content="Click to edit text",this.message={type:"error",message:"That is not a valid input."},this.alert=!1,this.hideMessage=!1,this.pattern="",this.type=null,this.ariaLabel="editable field",this.ariaDescribedBy="",this.messageController=new b.Input.MessageController,this.reportValidity=()=>{this.dispatchEvent(new Event("invalid",{bubbles:!1,cancelable:!0,composed:!0}))},this.checkValidity=e=>{let t=!0;const i=i=>{null===e.match(i)&&(t=!1)};if(this.pattern){i(new RegExp(this.pattern))}else if(e&&this.type)switch(this.type){case"integer":i(new RegExp(l.a.integerString));break;case"decimal":i(new RegExp(l.a.decimalString))}return t},this.handleFocus=()=>{this.disabled||(this.isEditing=!0,this.setRange())},this.handleKeydown=e=>{var t;const{key:i,code:l}=e;if(["Tab","Meta","Shift","Delete","Backspace","Arrow"].some(e=>l.includes(e)))return;"integer"===this.type&&i.includes(".")&&e.preventDefault();const r=(null===(t=this.editableField)||void 0===t?void 0:t.innerText.trim())+i;if(this.type)if(isNaN(Number(r)))e.preventDefault();else{if("integer"!==this.type||Number.isInteger(Number(r)))return;e.preventDefault()}},this.handleBlur=()=>{var e;this.isEditing=!1,this.maxLines.length>0&&this.editableField&&this.editableField.scrollTo(0,0),this.content=(null===(e=this.editableField)||void 0===e?void 0:e.innerText.trim())||"",this.alert=!1,this.handleValidation()}}connectedCallback(){super.connectedCallback(),this.addEventListener("focus",this.handleFocus)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("focus",this.handleFocus)}firstUpdated(e){super.firstUpdated(e),this.innerText&&this.innerText.length>0?this.content=this.innerText.trim():this.innerText=a.a.sanitize(this.content)}updated(e){super.updated(e),e.has("content")&&this.editableField&&(this.editableField.innerText=a.a.sanitize(this.content))}setRange(){var e;if(this.editableField){const t=document.createRange(),i=window.getSelection(),l=null===(e=this.editableField.childNodes[0].nodeValue)||void 0===e?void 0:e.length;if(t.setStart(this.editableField.childNodes[0],l||0),t.collapse(!0),!i||0!==i.toString().length)return;i.removeAllRanges(),i.addRange(t),this.maxLines.length>0&&(this.editableField.scrollTop=this.editableField.scrollHeight)}}handleValidation(){if(this.type||this.pattern){this.checkValidity&&this.checkValidity(this.content)||(this.reportValidity(),this.showAlert())}}showAlert(){this.alert=!0}static get styles(){return[r.a,p]}get overflowStyles(){return this.maxLines.length&&this.maxLines.length>0&&`max-height: ${2*parseInt(this.maxLines)}rem; -webkit-line-clamp: ${this.maxLines}; word-break: break-all;`}messagesTemplate(){var e,t,i;return this.alert?o.html`
             <div class="md-editable-textfield__messages" style="display: ${this.hideMessage?"none":"block"}">
               <md-help-text
                 id="alert-message"

package/dist/chunks/md-67.js

@@ -1,4 +1,4 @@
-(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[67],{100:function(t,e,r){"use strict";r.r(e),r.d(e,"MeetingAlertRole",(function(){return c})),r.d(e,"MeetingAlert",(function(){return p}));var o=r(1),l=r(4),a=r(5),i=r(0),n=r(2),d=(r(43),r(17),r(15),r(6));var m=i.css`.md-alert__container{position:fixed;z-index:9999}.md-alert__container--top-left{left:1em;top:1em}.md-alert__container--top-center{left:50%;top:1em;transform:translate(-50%)}.md-alert__container--top-right{right:1em;top:1em}.md-alert__container--bottom-left{bottom:1em;left:1em}.md-alert__container--bottom-center{bottom:1em;left:50%;transform:translate(-50%)}.md-alert__container--bottom-right{bottom:1em;right:1em}.md-alert__container--call{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;left:50%;top:50%;transform:translate(-50%,-50%)}.md-alert{align-content:space-between;align-items:center;display:flex;flex-flow:row nowrap;justify-content:space-between;border-top-left-radius:5px;border-top-right-radius:5px;border-bottom-left-radius:5px;border-bottom-right-radius:5px;background-color:#fff;border:1px solid rgba(0,0,0,.12);box-shadow:0 8px 16px 0 rgba(0,0,0,.08);justify-content:space-between;margin-bottom:.5rem;max-height:19.25rem;min-height:4.875rem;padding:.5rem .8125rem .5rem 1.0625rem;width:21.375rem}.md-alert__icon{font-family:momentum-ui-icons;font-size:2.75rem;line-height:0}.md-alert__icon::before{content:"\\f6e5";color:#00a0d1}.md-alert__content{display:flex;flex-basis:0%;flex-direction:column;flex-grow:2;padding-left:1rem;padding-right:.125rem}.md-alert__title{color:#00a0d1;font-size:1rem;line-height:1.5rem}.md-alert__message,.md-alert__status{font-family:"CiscoSansTT Light","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:.875rem;line-height:1.125rem}.md-alert__status{color:#03612c}.md-alert__message{color:#292929}.md-alert__message,.md-alert__title{max-width:10rem;word-wrap:break-word}.md-alert__button{margin-left:.5rem}.md-alert.md-alert--success .md-alert__icon::before{content:"\\f381";color:#00ab50}.md-alert.md-alert--success .md-alert__title{color:#00ab50}.md-alert.md-alert--warning .md-alert__icon::before{content:"\\fca0";color:#d97f00}.md-alert.md-alert--warning .md-alert__title{color:#d97f00}.md-alert.md-alert--error .md-alert__icon::before{content:"\\fca0";color:#f7644a}.md-alert.md-alert--error .md-alert__title{color:#f7644a}.md-alert.md-alert--meeting .md-alert__content{width:10rem}.md-alert.md-alert--meeting .md-alert__content--wide{width:13rem}.md-alert.md-alert--meeting .md-alert__message,.md-alert.md-alert--meeting .md-alert__title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.md-alert.md-alert--meeting .md-alert__title{color:#000}.md-alert.md-alert--call{align-content:center;align-items:center;display:flex;flex-flow:column nowrap;justify-content:center;margin-right:.9375rem;max-height:31.25rem;min-height:17.625rem;padding:.75rem 1.0625rem 1.5625rem 1.0625rem;width:17.375rem}.md-alert.md-alert--call .md-alert__title{color:#000;font-size:.875rem;font-weight:700;line-height:1.375rem;padding-bottom:1.5rem}.md-alert.md-alert--call .md-alert__caller{align-content:center;align-items:center;display:flex;flex-flow:column nowrap;justify-content:center}.md-alert.md-alert--call .md-alert__caller-title{font-size:1rem;font-weight:700;line-height:1.5rem;padding-top:.5rem}.md-alert.md-alert--call .md-alert__caller-subtitle{font-size:.875rem;line-height:1.375rem}.md-alert.md-alert--call .md-alert--call--buttons{padding-top:1.5rem}.md-alert.md-alert--call .md-alert--call--buttons .md-icon{fill:#fff}.md-alert.md-alert--call .md-list{padding-top:.75rem}.md-alert.md-alert--call .md-list .md-list-item{background-color:rgba(0,0,0,.04)}.md-alert.md-alert--call .md-list .md-list-item:hover{background-color:rgba(0,0,0,.04)}.md-alert.md-alert--call .md-list .md-list-item:last-child{border-bottom-left-radius:8px;border-bottom-right-radius:8px}.md-alert.md-alert--call .md-list .md-list-item-header{border-top-left-radius:8px;border-top-right-radius:8px;border-bottom:1px solid rgba(0,0,0,.08)}`,s=function(t,e,r,o){var l,a=arguments.length,i=a<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,r):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(t,e,r,o);else for(var n=t.length-1;n>=0;n--)(l=t[n])&&(i=(a<3?l(i):a>3?l(e,r,i):l(e,r))||i);return a>3&&i&&Object.defineProperty(e,r,i),i};const c=["alert","alertdialog","button","checkbox","dialog","link","option","status"];var p;!function(t){let e=class extends i.LitElement{constructor(){super(...arguments),this.attendees=[{title:"Attendee",src:null,alt:"Attendee"}],this.closeAriaLabel="close",this.onKeyDown=null,this.onSnooze=null,this.message="",this.snoozeAriaLabel="snooze",this.role="button",this.show=!1,this.src="",this.status="",this.userStyles="",this.title="",this._onSnooze=t=>{this.dispatchEvent(new CustomEvent("snooze",{composed:!0,detail:{srcEvent:t}}))},this._onClose=t=>{this.dispatchEvent(new CustomEvent("close",{composed:!0,detail:{srcEvent:t}}))},this.handleSnooze=t=>{this.onSnooze?this.onSnooze(t):this._onSnooze(t),t.stopPropagation()},this.handleClose=t=>{this._onClose(t),t.stopPropagation()},this.handleKeyDown=t=>{if(t.code===o.a.Escape&&this.handleClose(t),t.code===o.a.Enter||t.code===o.a.Space){switch(t.target.attributes.getNamedItem("aria-label").value){case"close":this.handleClose(t);break;case"snooze":this.handleSnooze(t)}t.preventDefault()}this.onKeyDown&&this.onKeyDown(t)}}getStyles(){return i.html`
+(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[67],{100:function(t,e,r){"use strict";r.r(e),r.d(e,"MeetingAlertRole",(function(){return c})),r.d(e,"MeetingAlert",(function(){return p}));var o=r(1),l=r(4),a=r(5),i=r(0),n=r(2),d=(r(43),r(17),r(15),r(6));var m=i.css`.md-alert__container{position:fixed;z-index:9999}.md-alert__container--top-left{left:1em;top:1em}.md-alert__container--top-center{left:50%;top:1em;transform:translate(-50%)}.md-alert__container--top-right{right:1em;top:1em}.md-alert__container--bottom-left{bottom:1em;left:1em}.md-alert__container--bottom-center{bottom:1em;left:50%;transform:translate(-50%)}.md-alert__container--bottom-right{bottom:1em;right:1em}.md-alert__container--call{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;left:50%;top:50%;transform:translate(-50%,-50%)}.md-alert{align-content:space-between;align-items:center;display:flex;flex-flow:row nowrap;justify-content:space-between;border-top-left-radius:5px;border-top-right-radius:5px;border-bottom-left-radius:5px;border-bottom-right-radius:5px;background-color:#fff;border:1px solid rgba(0,0,0,.12);box-shadow:0 8px 16px 0 rgba(0,0,0,.08);justify-content:space-between;margin-bottom:.5rem;max-height:19.25rem;min-height:4.875rem;padding:.5rem .8125rem .5rem 1.0625rem;width:21.375rem}.md-alert__icon{font-family:momentum-ui-icons;font-size:2.75rem;line-height:0}.md-alert__icon::before{content:"\\f6e6";color:#00a0d1}.md-alert__content{display:flex;flex-basis:0%;flex-direction:column;flex-grow:2;padding-left:1rem;padding-right:.125rem}.md-alert__title{color:#00a0d1;font-size:1rem;line-height:1.5rem}.md-alert__message,.md-alert__status{font-family:"CiscoSansTT Light","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:.875rem;line-height:1.125rem}.md-alert__status{color:#03612c}.md-alert__message{color:#292929}.md-alert__message,.md-alert__title{max-width:10rem;word-wrap:break-word}.md-alert__button{margin-left:.5rem}.md-alert.md-alert--success .md-alert__icon::before{content:"\\f381";color:#00ab50}.md-alert.md-alert--success .md-alert__title{color:#00ab50}.md-alert.md-alert--warning .md-alert__icon::before{content:"\\fca1";color:#d97f00}.md-alert.md-alert--warning .md-alert__title{color:#d97f00}.md-alert.md-alert--error .md-alert__icon::before{content:"\\fca1";color:#f7644a}.md-alert.md-alert--error .md-alert__title{color:#f7644a}.md-alert.md-alert--meeting .md-alert__content{width:10rem}.md-alert.md-alert--meeting .md-alert__content--wide{width:13rem}.md-alert.md-alert--meeting .md-alert__message,.md-alert.md-alert--meeting .md-alert__title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.md-alert.md-alert--meeting .md-alert__title{color:#000}.md-alert.md-alert--call{align-content:center;align-items:center;display:flex;flex-flow:column nowrap;justify-content:center;margin-right:.9375rem;max-height:31.25rem;min-height:17.625rem;padding:.75rem 1.0625rem 1.5625rem 1.0625rem;width:17.375rem}.md-alert.md-alert--call .md-alert__title{color:#000;font-size:.875rem;font-weight:700;line-height:1.375rem;padding-bottom:1.5rem}.md-alert.md-alert--call .md-alert__caller{align-content:center;align-items:center;display:flex;flex-flow:column nowrap;justify-content:center}.md-alert.md-alert--call .md-alert__caller-title{font-size:1rem;font-weight:700;line-height:1.5rem;padding-top:.5rem}.md-alert.md-alert--call .md-alert__caller-subtitle{font-size:.875rem;line-height:1.375rem}.md-alert.md-alert--call .md-alert--call--buttons{padding-top:1.5rem}.md-alert.md-alert--call .md-alert--call--buttons .md-icon{fill:#fff}.md-alert.md-alert--call .md-list{padding-top:.75rem}.md-alert.md-alert--call .md-list .md-list-item{background-color:rgba(0,0,0,.04)}.md-alert.md-alert--call .md-list .md-list-item:hover{background-color:rgba(0,0,0,.04)}.md-alert.md-alert--call .md-list .md-list-item:last-child{border-bottom-left-radius:8px;border-bottom-right-radius:8px}.md-alert.md-alert--call .md-list .md-list-item-header{border-top-left-radius:8px;border-top-right-radius:8px;border-bottom:1px solid rgba(0,0,0,.08)}`,s=function(t,e,r,o){var l,a=arguments.length,i=a<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,r):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(t,e,r,o);else for(var n=t.length-1;n>=0;n--)(l=t[n])&&(i=(a<3?l(i):a>3?l(e,r,i):l(e,r))||i);return a>3&&i&&Object.defineProperty(e,r,i),i};const c=["alert","alertdialog","button","checkbox","dialog","link","option","status"];var p;!function(t){let e=class extends i.LitElement{constructor(){super(...arguments),this.attendees=[{title:"Attendee",src:null,alt:"Attendee"}],this.closeAriaLabel="close",this.onKeyDown=null,this.onSnooze=null,this.message="",this.snoozeAriaLabel="snooze",this.role="button",this.show=!1,this.src="",this.status="",this.userStyles="",this.title="",this._onSnooze=t=>{this.dispatchEvent(new CustomEvent("snooze",{composed:!0,detail:{srcEvent:t}}))},this._onClose=t=>{this.dispatchEvent(new CustomEvent("close",{composed:!0,detail:{srcEvent:t}}))},this.handleSnooze=t=>{this.onSnooze?this.onSnooze(t):this._onSnooze(t),t.stopPropagation()},this.handleClose=t=>{this._onClose(t),t.stopPropagation()},this.handleKeyDown=t=>{if(t.code===o.a.Escape&&this.handleClose(t),t.code===o.a.Enter||t.code===o.a.Space){switch(t.target.attributes.getNamedItem("aria-label").value){case"close":this.handleClose(t);break;case"snooze":this.handleSnooze(t)}t.preventDefault()}this.onKeyDown&&this.onKeyDown(t)}}getStyles(){return i.html`
         <style>
           ::slotted(img) {
             display: inline-block;

package/dist/chunks/md-71.js

@@ -1,9 +1,10 @@
-(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[71],{116:function(t,e,o){"use strict";o.r(e),o.d(e,"PhoneInput",(function(){return i}));o(77),o(24);var i,n=o(5),r=o(4),a=o(78),d=o(79),p=o(63),l=o(0),s=o(2),c=o(36),h=l.css`.md-phone-input__container{--combo-box-contaier-width:100px;display:flex;position:relative}.md-phone-input__container span.flag-box{align-items:center;border:1px solid var(--input-default-border-color,#ccc);border-bottom-left-radius:.25rem;border-right:none;border-top-left-radius:.25rem;display:flex;height:2.125rem;justify-content:center;position:relative;width:2.25rem}.md-phone-input__container span.flag-box .flag-svg-wrapper{justify-content:center}.md-phone-input__container .flag-svg-wrapper{align-items:center;display:flex;width:2rem}.md-phone-input__container .flag-svg-wrapper img{max-height:.7rem}.md-phone-input__container md-combobox{width:var(--combo-box-contaier-width)}.md-phone-input__container md-combobox::part(combobox){position:initial}.md-phone-input__container md-combobox::part(group){border-bottom-right-radius:0;border-right-width:0;border-top-right-radius:0}.md-phone-input__container md-combobox::part(multiwrap){overflow-x:hidden}.md-phone-input__container md-combobox::part(multiwrap-input){padding-left:0;padding-right:0;width:100%}.md-phone-input__container md-combobox::part(combobox-options){top:2.5rem}.md-phone-input__container md-combobox::part(label){width:100%}.md-phone-input__container md-input::part(input){border-bottom-left-radius:0;border-top-left-radius:0;padding-right:2.75rem}.md-phone-input__container md-input::part(message){margin-left:calc(var(--combo-box-contaier-width) * -1);width:calc(100% + var(--combo-box-contaier-width))}.md-phone-input__container .md-phone-input__option{align-items:center;display:flex;justify-content:start}.md-phone-input__container .md-phone-input__option :nth-child(3){margin-left:1rem}.md-phone-input__container md-input[disabled]::part(input){background:var(--phone-input-disabled-bg-color);border:1px solid var(--phone-input-default-border-color);color:var(--md-disabled-text-color)}.md-phone-input__container md-input[disabled]::part(input)::placeholder{border:none}`,u=function(t,e,o,i){var n,r=arguments.length,a=r<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,o,i);else for(var d=t.length-1;d>=0;d--)(n=t[d])&&(a=(r<3?n(a):r>3?n(e,o,a):n(e,o))||a);return r>3&&a&&Object.defineProperty(e,o,a),a};!function(t){let e=class extends l.LitElement{constructor(){super(...arguments),this.codePlaceholder="+1",this.numberPlaceholder="Enter Phone Number",this.countryCallingCode="",this.showFlags=!1,this.pill=!1,this.disabled=!1,this.value="",this.errorMessage="",this.countryCode="US",this.codeList=[],this.formattedValue="",this.isValid=!0}connectedCallback(){super.connectedCallback(),this.codeList=Object(a.customArray)({name:"{countryNameEn}",value:"{countryCallingCode}",code:"{countryCode}"})}getCountryFlag(t){return l.html`
+(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[71],{116:function(t,e,o){"use strict";o.r(e),o.d(e,"PhoneInput",(function(){return i}));o(77),o(24);var i,n=o(5),r=o(4),a=o(78),d=o(79),l=o(63),p=o(0),s=o(2),h=o(36),u=p.css`.md-phone-input__container{--combo-box-contaier-width:100px;display:flex;position:relative}.md-phone-input__container span.flag-box{align-items:center;border:1px solid var(--input-default-border-color,#ccc);border-bottom-left-radius:.25rem;border-right:none;border-top-left-radius:.25rem;display:flex;height:2.125rem;justify-content:center;position:relative;width:2.25rem}.md-phone-input__container span.flag-box .flag-svg-wrapper{justify-content:center}.md-phone-input__container .flag-svg-wrapper{align-items:center;display:flex;width:2rem}.md-phone-input__container .flag-svg-wrapper img{max-height:.7rem}.md-phone-input__container md-combobox{width:var(--combo-box-contaier-width)}.md-phone-input__container md-combobox::part(combobox){position:initial}.md-phone-input__container md-combobox::part(group){border-bottom-right-radius:0;border-right-width:0;border-top-right-radius:0}.md-phone-input__container md-combobox::part(multiwrap){overflow-x:hidden}.md-phone-input__container md-combobox::part(multiwrap-input){padding-left:0;padding-right:0;width:100%}.md-phone-input__container md-combobox::part(combobox-options){top:2.5rem}.md-phone-input__container md-combobox::part(label){width:100%}.md-phone-input__container md-input::part(input){border-bottom-left-radius:0;border-top-left-radius:0;padding-right:2.75rem}.md-phone-input__container md-input::part(message){margin-left:calc(var(--combo-box-contaier-width) * -1);width:calc(100% + var(--combo-box-contaier-width))}.md-phone-input__container .md-phone-input__option{align-items:center;display:flex;justify-content:start}.md-phone-input__container .md-phone-input__option :nth-child(3){margin-left:1rem}.md-phone-input__container md-input[disabled]::part(input){background:var(--phone-input-disabled-bg-color);border:1px solid var(--phone-input-default-border-color);color:var(--md-disabled-text-color)}.md-phone-input__container md-input[disabled]::part(input)::placeholder{border:none}`,c=function(t,e,o,i){var n,r=arguments.length,a=r<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,o,i);else for(var d=t.length-1;d>=0;d--)(n=t[d])&&(a=(r<3?n(a):r>3?n(e,o,a):n(e,o))||a);return r>3&&a&&Object.defineProperty(e,o,a),a};!function(t){let e=class extends p.LitElement{constructor(){super(...arguments),this.codePlaceholder="+1",this.numberPlaceholder="Enter Phone Number",this.countryCallingCode="",this.showFlags=!1,this.pill=!1,this.disabled=!1,this.value="",this.errorMessage="",this.showErrorMessage=!1,this.countryCode="US",this.codeList=[],this.formattedValue="",this.isValid=!0}connectedCallback(){super.connectedCallback(),this.codeList=Object(a.customArray)({name:"{countryNameEn}",value:"{countryCallingCode}",code:"{countryCode}"}),this.validateInput(this.value)}getCountryFlag(t){return p.html`
         <span class="flag-svg-wrapper">
           <img src="${Object(d.findFlagUrlByIso2Code)(t)}" />
         </span>
-      `}countryCodeOptionTemplate(t,e){return l.html`
+      `}countryCodeOptionTemplate(t,e){return p.html`
         <div
+          part="option"
           class="md-phone-input__option"
           display-value="+${t.value}"
           slot=${e}
@@ -13,7 +14,7 @@
           <span>${t.name}</span>
           <span>+${t.value}</span>
         </div>
-      `}handleCountryChange(t){t.detail.value&&t.detail.value.id&&(this.countryCallingCode=t.detail.value.id,this.countryCode=t.detail.value.id.split(",")[2])}handlePhoneChange(t){this.value=t.detail.value,this.validateInput(this.value),t.stopPropagation(),this.dispatchEvent(new CustomEvent("phoneinput-change",{bubbles:!0,composed:!0,detail:{srcEvent:t,value:`${this.countryCallingCode}${this.value}`,isValid:this.isValid}}))}handleKeydown(t){this.isValid=!0,t.stopPropagation(),this.dispatchEvent(new CustomEvent("phoneinput-keydown",{bubbles:!0,composed:!0,detail:{srcEvent:t,value:`${this.countryCallingCode}${this.value}`}}))}handleBlur(t){this.isValid=!!this.value&&Object(p.isValidNumberForRegion)(this.value,this.countryCode),t.stopPropagation(),this.dispatchEvent(new CustomEvent("phoneinput-blur",{bubbles:!0,composed:!0,detail:{srcEvent:t,value:`${this.countryCallingCode}${this.value}`,isValid:this.isValid}}))}validateInput(t){this.formattedValue=new p.AsYouType(this.countryCode).input(t)}getModStyle(){return l.html`
+      `}validateNumber(){this.isValid=!!this.value&&Object(l.isValidNumberForRegion)(this.value,this.countryCode)}handleCountryChange(t){var e;if(!t.detail.value||!t.detail.value.id)return this.countryCode="US",this.countryCallingCode="",void this.validateNumber();this.countryCallingCode=t.detail.value.id,this.countryCode=null===(e=t.detail.value.id.split(",")[2])||void 0===e?void 0:e.trim(),this.validateNumber()}handlePhoneChange(t){this.value=t.detail.value,this.validateInput(this.value),t.stopPropagation(),this.dispatchEvent(new CustomEvent("phoneinput-change",{bubbles:!0,composed:!0,detail:{srcEvent:t,value:`${this.countryCallingCode}${this.value}`,isValid:this.isValid,phoneNumber:this.value}}))}handleKeydown(t){this.isValid=!0,t.stopPropagation(),this.dispatchEvent(new CustomEvent("phoneinput-keydown",{bubbles:!0,composed:!0,detail:{srcEvent:t,value:`${this.countryCallingCode}${this.value}`,isValid:this.isValid,phoneNumber:this.value}}))}handleBlur(t){this.validateNumber(),t.stopPropagation(),this.dispatchEvent(new CustomEvent("phoneinput-blur",{bubbles:!0,composed:!0,detail:{srcEvent:t,value:`${this.countryCallingCode}${this.value}`,isValid:this.isValid,phoneNumber:this.value}}))}validateInput(t){this.formattedValue=new l.AsYouType(this.countryCode).input(t)}getFormatedCountryCallingCode(){var t;return{id:this.countryCallingCode,value:null===(t=this.countryCallingCode.split(",")[0])||void 0===t?void 0:t.trim()}}getModStyle(){return p.html`
         <style>
           .md-phone-input__container md-combobox {
             width: 5.625rem;
@@ -26,10 +27,10 @@
             padding-left: 0;
           }
         </style>
-      `}static get styles(){return[r.a,h]}render(){return l.html`
+      `}static get styles(){return[r.a,u]}render(){return p.html`
         ${this.showFlags?this.getModStyle():s.nothing}
         <div class="md-phone-input__container">
-          ${this.showFlags?l.html`
+          ${this.showFlags?p.html`
                 <span class="flag-box">${this.getCountryFlag(this.countryCode)}</span>
               `:s.nothing}
           <md-combobox
@@ -37,11 +38,11 @@
             ?disabled=${this.disabled}
             shape="${this.pill?"pill":"none"}"
             placeholder="${this.codePlaceholder}"
-            .value="${this.countryCallingCode?[this.countryCallingCode]:[]}"
+            .value="${this.countryCallingCode?[this.getFormatedCountryCallingCode()]:[]}"
             @change-selected="${t=>this.handleCountryChange(t)}"
             with-custom-content
           >
-            ${Object(c.repeat)(this.codeList,t=>t.name,(t,e)=>this.countryCodeOptionTemplate(t,e))}
+            ${Object(h.repeat)(this.codeList,t=>t.name,(t,e)=>this.countryCodeOptionTemplate(t,e))}
           </md-combobox>
           <md-input
             part="md-input"
@@ -54,7 +55,7 @@
             clear
             type="tel"
             value="${this.formattedValue}"
-            .messageArr="${this.isValid?[]:[{type:"error",message:this.errorMessage}]}"
+            .messageArr="${!this.isValid||this.showErrorMessage?[{type:"error",message:this.errorMessage}]:[]}"
           ></md-input>
         </div>
-      `}};u([Object(l.property)({type:String,reflect:!0})],e.prototype,"codePlaceholder",void 0),u([Object(l.property)({type:String})],e.prototype,"numberPlaceholder",void 0),u([Object(l.property)({type:String,attribute:"country-calling-code"})],e.prototype,"countryCallingCode",void 0),u([Object(l.property)({type:Boolean,attribute:"show-flags"})],e.prototype,"showFlags",void 0),u([Object(l.property)({type:Boolean})],e.prototype,"pill",void 0),u([Object(l.property)({type:Boolean})],e.prototype,"disabled",void 0),u([Object(l.property)({type:String})],e.prototype,"value",void 0),u([Object(l.property)({type:String})],e.prototype,"errorMessage",void 0),u([Object(l.internalProperty)()],e.prototype,"countryCode",void 0),u([Object(l.internalProperty)()],e.prototype,"codeList",void 0),u([Object(l.internalProperty)()],e.prototype,"formattedValue",void 0),u([Object(l.internalProperty)()],e.prototype,"isValid",void 0),u([Object(l.query)("md-combobox")],e.prototype,"combobox",void 0),e=u([Object(n.a)("md-phone-input")],e),t.ELEMENT=e}(i||(i={}))}}]);
+      `}};c([Object(p.property)({type:String,reflect:!0})],e.prototype,"codePlaceholder",void 0),c([Object(p.property)({type:String})],e.prototype,"numberPlaceholder",void 0),c([Object(p.property)({type:String,attribute:"country-calling-code"})],e.prototype,"countryCallingCode",void 0),c([Object(p.property)({type:Boolean,attribute:"show-flags"})],e.prototype,"showFlags",void 0),c([Object(p.property)({type:Boolean})],e.prototype,"pill",void 0),c([Object(p.property)({type:Boolean})],e.prototype,"disabled",void 0),c([Object(p.property)({type:String})],e.prototype,"value",void 0),c([Object(p.property)({type:String})],e.prototype,"errorMessage",void 0),c([Object(p.property)({type:Boolean})],e.prototype,"showErrorMessage",void 0),c([Object(p.internalProperty)()],e.prototype,"countryCode",void 0),c([Object(p.internalProperty)()],e.prototype,"codeList",void 0),c([Object(p.internalProperty)()],e.prototype,"formattedValue",void 0),c([Object(p.internalProperty)()],e.prototype,"isValid",void 0),c([Object(p.query)("md-combobox")],e.prototype,"combobox",void 0),e=c([Object(n.a)("md-phone-input")],e),t.ELEMENT=e}(i||(i={}))}}]);