@momentum-ui/web-components 2.24.2 → 3.0.0-alpha.1

package/dist/comp/md-combobox-entry.js

@@ -1,4 +1,27 @@
-!function(t,e){if("object"==typeof exports&&"object"==typeof module)module.exports=e(require("lit-element"),require("lit-html/directives/class-map"),require("lit-html/directives/style-map"),require("lit-html"),require("lit-html/directives/if-defined"),require("@momentum-ui/icons/data/momentumUiIconsNames.json"),require("@momentum-ui/utils/lib/getColorValue"),require("mobx"),require("lit-html/directives/repeat"),require("lit-virtualizer"));else if("function"==typeof define&&define.amd)define(["lit-element","lit-html/directives/class-map","lit-html/directives/style-map","lit-html","lit-html/directives/if-defined","@momentum-ui/icons/data/momentumUiIconsNames.json","@momentum-ui/utils/lib/getColorValue","mobx","lit-html/directives/repeat","lit-virtualizer"],e);else{var i="object"==typeof exports?e(require("lit-element"),require("lit-html/directives/class-map"),require("lit-html/directives/style-map"),require("lit-html"),require("lit-html/directives/if-defined"),require("@momentum-ui/icons/data/momentumUiIconsNames.json"),require("@momentum-ui/utils/lib/getColorValue"),require("mobx"),require("lit-html/directives/repeat"),require("lit-virtualizer")):e(t["lit-element"],t["lit-html/directives/class-map"],t["lit-html/directives/style-map"],t["lit-html"],t["lit-html/directives/if-defined"],t["@momentum-ui/icons/data/momentumUiIconsNames.json"],t["@momentum-ui/utils/lib/getColorValue"],t.mobx,t["lit-html/directives/repeat"],t["lit-virtualizer"]);for(var s in i)("object"==typeof exports?exports:t)[s]=i[s]}}(self,(t,e,i,s,o,l,n,r,a,h)=>(()=>{"use strict";var d,p={4928:(t,e,i)=>{i.r(e),i.d(e,{ComboBox:()=>s}),i(20109),i(61200);var s,o=i(90195),l=i(3001),n=i(31890),r=i(66677),a=i(26272),h=i(41488),d=i(40333),p=i(23968),u=i(97822),c=i(22818),m=i(8229),b=i(86635),g=i(97103),f=i(46795),x=function(t,e,i,s){var o,l=arguments.length,n=l<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,s);else for(var r=t.length-1;r>=0;r--)(o=t[r])&&(n=(l<3?o(n):l>3?o(e,i,n):o(e,i))||n);return l>3&&n&&Object.defineProperty(e,i,n),n},v=function(t,e,i,s){return new(i||(i=Promise))(function(o,l){function n(t){try{a(s.next(t))}catch(t){l(t)}}function r(t){try{a(s.throw(t))}catch(t){l(t)}}function a(t){var e;t.done?o(t.value):(e=t.value,e instanceof i?e:new i(function(t){t(e)})).then(n,r)}a((s=s.apply(t,e||[])).next())})};!function(t){class e{determineMessageType(t){return t.reduce((t,e)=>"error"===e?t:e.type,"")}filterMessagesByType(t,e){return t.reduce((t,i)=>i.type===e?t.concat(i.message):t,[])}}t.MessageController=e;let i=class extends((0,l.yC)(h.LitElement)){constructor(){super(...arguments),this._focusedIndex=-1,this._focusedGroupIndex=-1,this.label="Options",this.options=[],this.customOptions=[],this.placeholder="",this.isMulti=!1,this.useVirtualScroll=!1,this.disabled=!1,this.ordered=!1,this.expanded=!1,this.groupExpandedList=[],this.searchItem=!1,this.compact=!1,this.noClearIcon=!1,this.selectWhenInFocus=!1,this.selectedOptions=[],this.visibleOptions=8,this.optionId="",this.optionValue="",this.isCustomContent=!1,this.searchable=!1,this.shape="none",this.value=[],this.inputValue="",this.allowCustomValue=!1,this.autofocus=!1,this.resultsTextLocalization="No Results",this.optionsTextLocalization="No Options",this.trimSpace=!1,this.invalid=!1,this.invalidText="",this.ariaLabel="",this.searchResultAriaLabel="",this.ariaLabelForComboBox="",this.clearAriaLabel="Clear",this.arrowAriaLabel="Expand",this.clearIconHeight="auto",this.allTextLocalization="All",this.selectAllTextLocalization="Select All",this.selectedTextLocalization="Selected",this.allowSelectAll=!1,this.showCustomError=!1,this.showLoader=!1,this.showSelectedCount=!1,this.popupChevronAriaHidden="true",this.newMomentum=!1,this.showFilterIcon=!1,this.preventFilter=!1,this.isDropdownArrow=!1,this.comboboxId="",this.helpText="",this.messageArr=[],this.htmlId="",this.readOnly=!1,this.messageController=new e,this.isOptGroup=!1,this.isSelectAllChecked=!1,this.multiSelectedIndex=-1,this.multiSelected=[],this.customContent=[],this.notifySelectedChange=(0,r.sg)(t=>{this.dispatchEvent(new CustomEvent("change-selected",{composed:!0,bubbles:!0,detail:t}))},0),this.handleGroupFilter=t=>{const e=t.filter(t=>{if("string"!=typeof t&&"true"===t.isLabel)return t.groupName});return this.searchItem=!0,this.groupExpandedList=e.map(t=>{if("string"!=typeof t)return t.groupName}),t.filter(e=>"string"==typeof e||"true"!==e.isLabel||!!t.find(t=>{if("string"!=typeof e&&"string"!=typeof t)return e.groupName===t.groupName&&"false"===t.isLabel}))},this.notifyInputValueChanged=(0,r.sg)(t=>{this.dispatchEvent(new CustomEvent("combobox-input",{composed:!0,bubbles:!0,detail:{value:t}})),this.notifySearchResultCount(),this.focusedGroupIndex=0,requestAnimationFrame(()=>{this.input.focus(),this.focusedGroupIndex=-1})},250),this.handleOutsideClick=t=>{let e=!1;const i=t.composedPath();i.length&&(e=!!i.find(t=>t===this),e||(this.setVisualListbox(!1),this.unselectedAllMultiTag()))}}get focusedIndex(){return this._focusedIndex}set focusedIndex(t){this.updateFocusedIndex(t)}updateFocusedIndex(t){var e;const i=this._focusedIndex;if(this.checkForVirtualScroll()){let i;i=this.allowSelectAll?0===t?"selectAll":this.getOptionId(this.filteredOptions[t-1]):this.getOptionId(this.filteredOptions[t]);const s=this.lists?null===(e=[...this.lists])||void 0===e?void 0:e.find(t=>0!==t.offsetHeight&&t.id===i):"";this.lists&&[...this.lists].forEach(t=>{t.toggleAttribute("focused",!1)}),s&&(null==s||s.toggleAttribute("focused",!0))}else if(this.lists){const e=this.lists[i];e&&e.toggleAttribute("focused",!1);const s=this.lists[t];s&&s.toggleAttribute("focused",!0)}this._focusedIndex=t,this.requestUpdate("focusedIndex",i)}get focusedGroupIndex(){return this._focusedGroupIndex}set focusedGroupIndex(t){const e=this._focusedGroupIndex;if(this.labels&&0!==this.labels.length){const i=this.labels[e];i&&i.toggleAttribute("focused",!1);const s=this.labels[t];s&&(s.toggleAttribute("focused",!0),s.focus())}this._focusedGroupIndex=t,this.requestUpdate("focusedGroupIndex",e)}get messageType(){return this.messageArr.length>0?this.messageController.determineMessageType(this.messageArr):null}get messages(){return this.messageType?this.messageController.filterMessagesByType(this.messageArr,this.messageType):null}notifySearchResultCount(){if(this.searchResultAriaLabel){const t=/{{.*?}}/g;this.ariaLabelForComboBox=this.searchResultAriaLabel.replace(t,this.filteredOptions.length.toString())}else this.ariaLabel?this.ariaLabelForComboBox=`${this.ariaLabel}, ${this.filteredOptions.length} results found.`:this.ariaLabelForComboBox=`ComboBox Element, ${this.filteredOptions.length} results found.`}firstUpdated(t){this.ariaLabelForComboBox=this.ariaLabel?this.ariaLabel:"ComboBox Element",super.firstUpdated(t),this.isCustomContent&&(this.optionId="id",this.optionValue="value",this.setOptionCustomContent()),this.setInitialValue()}updated(t){super.updated(t),t.has("expanded")&&(this.expanded?(this.resizeListbox(),this.checkSelectedOptions()):this.unCheckAllOptions()),t.has("focusedIndex")&&this.focusedIndex>=0&&(this.checkForVirtualScroll()||this.scrollToOption()),t.has("value")&&0===this.selectedOptions.length&&this.setInitialValue(),t.has("customOptions")&&this.isCustomContent&&(this.setOptionCustomContent(),this.resizeListbox()),t.has("showCustomError")&&this.resizeListbox(),t.has("showLoader")&&this.resizeListbox(),t.has("searchItem")&&this.resizeListbox()}handleFocusIn(t){var e;this.disabled&&!this.readOnly||(this.noClearIcon&&(requestAnimationFrame(()=>{this.input.focus(),this.focusedGroupIndex=-1}),this.selectWhenInFocus&&this.input.select()),null===(e=super.handleFocusIn)||void 0===e||e.call(this,t)),this.dispatchEvent(new CustomEvent("combobox-focus-in",{composed:!0,bubbles:!0}))}handleFocusOut(t){var e;null===(e=super.handleFocusOut)||void 0===e||e.call(this,t),this.dispatchEvent(new CustomEvent("combobox-focus-out",{composed:!0,bubbles:!0}))}findFilteredOption(t){return this.isOptionObject(t)?this.filteredOptions.findIndex(e=>this.getOptionId(e)===this.getOptionId(t)&&this.getOptionValue(e)===this.getOptionValue(t)):this.filteredOptions.indexOf(t)}setInitialValue(){var t;if(this.value.length)if(this.isMulti)this.value.forEach(t=>{-1!==this.findFilteredOption(t)&&this.setSelectedOption(t)});else{const e=this.value[0],i=this.findFilteredOption(e);-1!==i&&(this.setSelectedOption(e),this.setInputValue(this.getOptionValue(e)),null===(t=this.input)||void 0===t||t.setAttribute(o.iw.AriaActivedescendant,this.getOptionId(e)),this.focusedIndex=i,this.focusedGroupIndex=-1)}}isOptionObject(t){return"object"==typeof t&&null!==t}setOptionCustomContent(){if(this.isOptGroup){const t=[...this.querySelectorAll("optgroup")],e=[];for(const i of t){const t=i.getAttribute("label"),s=[...i.querySelectorAll("[slot]")];e.push({isLabel:"true",[this.optionValue]:t,groupName:t});for(const i of s){const s=i.getAttribute("aria-label"),o=i.getAttribute("display-value"),l=i.getAttribute("slot");s&&o&&e.push({[this.optionId]:s,[this.optionValue]:o,isLabel:"false",groupName:t,slot:l})}}this.options=e}else this.customContent=[...this.querySelectorAll("[slot]")],this.customContent&&this.customContent.length?this.options=this.customContent.map(t=>{const e=t.getAttribute("aria-label"),i=t.getAttribute("display-value");if(e&&i)return{[this.optionId]:e,[this.optionValue]:i}}):this.options=[]}getOptionValue(t){return this.isOptionObject(t)?t[this.optionValue]:t}getOptionGroupName(t){return null==t?void 0:t.groupName}getOptionId(t){return this.isOptionObject(t)?t[this.optionId]:t}getFocusedItem(t){if(t>=0)return this.filteredOptions[t]}setupEvents(){document.addEventListener("click",this.handleOutsideClick),this.addEventListener("remove-all-selected",this.removeAllSelected),this.addEventListener("selected-changed",this.selectedChange)}teardownEvents(){document.removeEventListener("click",this.handleOutsideClick),this.removeEventListener("remove-all-selected",this.removeAllSelected),this.removeEventListener("selected-changed",this.selectedChange)}setVisualListbox(t){this.expanded=t}setGroupList(t){this.groupExpandedList.includes(t)?(this.groupExpandedList.splice(this.groupExpandedList.indexOf(t),1),this.groupExpandedList=[...this.groupExpandedList]):this.searchItem?this.groupExpandedList.push(t):this.groupExpandedList=[t]}findSelectedOption(t){return this.optionId&&t?this.selectedOptions.findIndex(e=>e&&e[this.optionId]===t[this.optionId]):this.selectedOptions.indexOf(t)}findOptionIndex(t){const e=t.composedPath();if(this.checkForVirtualScroll()){let t="";return[...this.lists].forEach(i=>{e.includes(i)&&(t=i.id)}),this.filteredOptions.findIndex(e=>this.getOptionId(e)===t)}return[...this.lists].findIndex(t=>e.includes(t))}checkSelectedOptions(){if(this.checkForVirtualScroll()){const t=this.selectedOptions.map(t=>this.getOptionId(t)),e=[...this.lists].filter(t=>"selectAll"!==t.id);null==e||e.forEach(e=>{t.includes(e.id)?(this.isMulti&&(null==e||e.setAttribute("aria-checked","true")),null==e||e.setAttribute("aria-selected","true")):this.isMulti&&(null==e||e.setAttribute("aria-checked","false"))})}}unCheckAllOptions(){var t;this.checkForVirtualScroll()&&this.isMulti&&(null===(t=[...this.lists])||void 0===t||t.forEach(t=>{"selectAll"!==(null==t?void 0:t.id)&&(null==t||t.setAttribute("aria-checked","false"))}))}setSelectedOption(t){this.isMulti||(this.selectedOptions=[]);const e=this.findSelectedOption(t);if(-1!==e){const t=this.selectedOptions[e];this.selectedOptions.splice(e,1),this.notifySelectedChange({value:t,selected:this.selectedOptions})}else this.selectedOptions.push(t),this.notifySelectedChange({value:t,selected:this.selectedOptions});this.checkSelectedOptions(),this.isMulti&&this.allowSelectAll&&(this.isSelectAllChecked=this.isSelectAllSelected()),this.requestUpdate()}filterOptions(t){if(this.preventFilter)return this.searchItem=!1,this.options;if(t&&t.length){const e=this.options.filter(e=>this.isOptGroup&&"string"!=typeof e&&"true"===e.isLabel?e:(this.isCustomContent?this.getOptionId(e):this.getOptionValue(e)).toLowerCase().includes(t.toLowerCase()));return this.isOptGroup?this.handleGroupFilter(e):e}return this.searchItem=!1,this.options}getListBoxVerticalPadding(){if(this.listBox){const t=window.getComputedStyle(this.listBox,null),e=parseInt(t.getPropertyValue("padding-top"))+parseInt(t.getPropertyValue("padding-bottom"));if(!isNaN(e))return e+2}return 10}resizeListbox(){this.updateOnNextFrame(()=>{var t;let e=0,i=0,s=0;const o=this.getListBoxVerticalPadding();if(this.lists){const t=this.checkForVirtualScroll()?[...this.lists].filter(t=>0!==t.offsetHeight):[...this.lists];e=t.slice(0,this.visibleOptions).reduce((t,e)=>t+e.offsetHeight,0),s=this.checkForVirtualScroll()&&this.allowSelectAll?t.slice(1,this.visibleOptions).reduce((t,e)=>t+e.offsetHeight,0):t.slice(0,this.visibleOptions).reduce((t,e)=>t+e.offsetHeight,0)}if(this.labels&&(i=[...this.labels].slice(0,this.visibleOptions).reduce((t,e)=>t+e.offsetHeight,0)),this.listBox&&(this.listBox.style.maxHeight=`${e+i+o}px`),this.virtualizer&&(this.virtualizer.style.height=`${s+o}px`),this.showCustomError||this.showLoader){const e=null===(t=this.listBox)||void 0===t?void 0:t.querySelector("[slot]");this.listBox&&e&&(this.listBox.style.height=`${e.clientHeight+o}px`,this.listBox.style.maxHeight=`${e.clientHeight+o}px`)}})}setInputValue(t=""){this.input.value=t}updateOnNextFrame(t){requestAnimationFrame(t)}unCheckedAllOptions(){this.isMulti&&(this.lists.forEach((t,e)=>this.unCheckedOption(e)),this.isSelectAllChecked=!1)}unCheckedOption(t){this.isMulti&&(this.lists[t].setAttribute("aria-checked","false"),this.notifySelectedChange({value:this.filteredOptions[t],selected:this.selectedOptions}))}checkAllOptions(){this.isMulti&&this.lists.forEach((t,e)=>this.checkOption(e))}checkOption(t){this.isMulti&&(this.lists[t].setAttribute("aria-checked","true"),this.notifySelectedChange({value:this.filteredOptions[t],selected:this.selectedOptions}))}isSelectAllSelected(){return this.selectedOptions.length===this.options.length}setFocusOnHost(t){this.setFocus&&this.setFocus(t)}isOptionFocused(t){return this.focusedIndex===t}getAriaState(t){return this.isOptionFocused(t)}scrollToOption(){var t,e;let i=0;const{top:s,bottom:o}=this.listBox.getBoundingClientRect(),l=this.lists[this.focusedIndex],n=null===(t=this.lists[this.focusedIndex+1]||l)||void 0===t?void 0:t.getBoundingClientRect(),r=null===(e=this.lists[this.focusedIndex-1]||l)||void 0===e?void 0:e.getBoundingClientRect();(null==n?void 0:n.bottom)>o?i=n.bottom-o+2:(null==r?void 0:r.top)<s&&(i=r.top-s-2),this.updateOnNextFrame(()=>{this.listBox.scrollTop+=i})}getCustomContentName(t){const e=this.options.indexOf(t);if(this.isOptGroup){const t=this.options[e];if(t&&"string"!=typeof t)return t.slot}else if(-1!==e)return this.customContent[e].slot}setInputSelectionRange(t,e){this.input.setSelectionRange(t,e)}isOptionChecked(t){return-1!==this.findSelectedOption(t)?"true":"false"}getInputSelection(){return this.input.selectionStart}canMultiSelect(){return 0===this.getInputSelection()&&0!==this.selectedOptions.length&&this.isMulti}removeMultiTag(){this.selected&&this.multiSelected.forEach(t=>{const e=this.selected[t];e&&e.hasAttribute("selected")&&this.removeSelected(this.selectedOptions[t])})}unselectedAllMultiTag(){this.selected&&this.selected.forEach(t=>t.removeAttribute("selected")),this.multiSelectedIndex=-1}findLastMultiSelected(){return this.selected[this.multiSelectedIndex]}toggleMultiSelectedTag(t,e){t&&t.toggleAttribute("selected",e)}selectMultiTag(t){if(this.canMultiSelect()){if(!t){this.multiSelected=[];const t=this.findLastMultiSelected();this.toggleMultiSelectedTag(t,!1)}this.multiSelectedIndex<=0?this.multiSelectedIndex=this.selectedOptions.length-1:this.multiSelectedIndex--,this.multiSelected.push(this.multiSelectedIndex);const e=this.findLastMultiSelected();this.toggleMultiSelectedTag(e,!0)}}handleListClick(t){return v(this,void 0,void 0,function*(){this.dispatchEvent(new CustomEvent("selected-changed",{detail:{event:t}})),yield this.updateComplete,this.isMulti?this.setVisualListbox(!0):this.setVisualListbox(!1),this.updateOnNextFrame(()=>{this.input.focus(),this.focusedGroupIndex=-1})})}handleSelectAll(){return v(this,void 0,void 0,function*(){this.isSelectAllChecked=!this.isSelectAllChecked,this.isSelectAllChecked?(this.selectedOptions=[...this.options],this.checkAllOptions()):(this.selectedOptions=[],this.unCheckedAllOptions()),yield this.updateComplete,this.setVisualListbox(!0),this.notifySelectedChange({selected:this.selectedOptions})})}handleInputKeyUp(t){switch(t.code){case o.Uz.Escape:break;case o.Uz.Backspace:this.setFocusOnHost(!0),this.setVisualListbox(!0),this.resizeListbox(),this.removeMultiTag();break;case o.Uz.ArrowLeft:this.isMulti&&(t.shiftKey?this.selectMultiTag(!0):this.selectMultiTag(!1));break;default:this.isMulti&&this.unselectedAllMultiTag()}}handleInput(t){const e=t.target.value;this.inputValue=e.trim(),this.notifyInputValueChanged(e.trim())}removeAllSelected(){var t;this.focusedIndex=-1,this.focusedGroupIndex=-1,this.selectedOptions=[],this.inputValue="",this.setInputValue(),null===(t=this.input)||void 0===t||t.setAttribute(o.iw.AriaActivedescendant,""),this.setVisualListbox(!1),this.unCheckedAllOptions(),this.setSelectedAttribute(void 0),this.updateOnNextFrame(()=>{this.input.focus()}),this.notifySelectedChange({selected:this.selectedOptions})}removeSelected(t){const e=this.findSelectedOption(t),i=this.filteredOptions.indexOf(t);-1!==i&&this.unCheckedOption(i),-1!==e&&(this.selectedOptions.splice(e,1),this.requestUpdate()),this.updateOnNextFrame(()=>{this.input.focus(),this.focusedGroupIndex=-1})}selectedChange(t){var e;const{event:i}=t.detail;let s=this.findOptionIndex(i);if(-1!==s){this.focusedIndex=this.allowSelectAll&&this.checkForVirtualScroll()?s+1:s,this.isMulti&&this.allowSelectAll&&!this.checkForVirtualScroll()&&(s-=1);const t=this.getFocusedItem(s);this.setSelectedAttribute(t),t&&(this.setSelectedOption(t),this.isMulti?this.isMulti&&this.allowSelectAll&&(this.isSelectAllChecked=this.isSelectAllSelected()):(this.setInputValue(this.getOptionValue(t)),null===(e=this.input)||void 0===e||e.setAttribute(o.iw.AriaActivedescendant,this.getOptionId(t))))}}setSelectedAttribute(t){var e;let i="";t&&(i=this.getOptionId(t)),null===(e=this.lists)||void 0===e||e.forEach((t,e)=>{(null==t?void 0:t.id)===i?null==t||t.setAttribute("selected","true"):null==t||t.setAttribute("selected","false")})}shouldChangeButton(){const t=this.input&&this.input.value.length>0&&!this.noClearIcon||this.isMulti&&this.selectedOptions.length&&!this.noClearIcon;return t&&document.dispatchEvent(new CustomEvent("on-widget-update")),t}setCustomValue(){this.optionId||this.optionValue||(this.options=[...this.options,this.inputValue],this.setSelectedOption(this.inputValue),this.isMulti||this.updateOnNextFrame(()=>{var t;this.focusedIndex=this.filteredOptions.length-1;const e=this.getFocusedItem(this.focusedIndex);e&&(this.setInputValue(this.getOptionValue(e)),null===(t=this.input)||void 0===t||t.setAttribute(o.iw.AriaActivedescendant,this.getOptionId(e)))}),this.dispatchEvent(new CustomEvent("custom-value-add",{composed:!0,bubbles:!0,detail:{value:this.inputValue}}))),this.inputValue=""}handleGroupFocus(){this.setFocusOnHost(!1),this.expanded||this.setVisualListbox(!0),this.filteredGroupOptions.length>0&&-1===this.focusedGroupIndex&&(this.focusedGroupIndex=this.filteredGroupOptions.findIndex(t=>"string"!=typeof t&&t.groupName===this.groupExpandedList[0])),this.updateOnNextFrame(()=>{-1===this.focusedGroupIndex||!this.allowSelectAll&&this.focusedGroupIndex>=this.filteredGroupOptions.length-1||this.allowSelectAll&&this.focusedGroupIndex>=this.filteredGroupOptions.length?this.focusedGroupIndex=0:this.focusedGroupIndex++}),this.focusedIndex=-1}handleInputKeyDown(t){var e,i;switch(t.code){case o.Uz.Backspace:this.focusedIndex=-1;break;case o.Uz.Tab:case o.Uz.Enter:if(this.setFocusOnHost(!0),this.expanded&&this.updateOnNextFrame(()=>{var t;const e=this.getFocusedItem(this.allowSelectAll?this.focusedIndex-1:this.focusedIndex);this.allowCustomValue&&this.input&&this.input.value.length&&-1===this.findFilteredOption(this.inputValue)?this.setCustomValue():(e&&(this.setSelectedAttribute(e),this.setSelectedOption(e),this.showSelectedCount||(this.setInputValue(this.getOptionValue(e)),null===(t=this.input)||void 0===t||t.setAttribute(o.iw.AriaActivedescendant,this.getOptionId(e)))),this.isMulti&&this.allowSelectAll&&0===this.focusedIndex&&this.handleSelectAll())}),this.setVisualListbox(!1),t.code===o.Uz.Tab&&this.isMulti)return;break;case o.Uz.ArrowDown:if(this.isOptGroup&&0===this.filteredOptions.length)return void this.handleGroupFocus();this.setFocusOnHost(!1),this.expanded||this.setVisualListbox(!0),this.updateOnNextFrame(()=>{var t;-1===this.focusedIndex||!this.allowSelectAll&&this.focusedIndex>=this.filteredOptions.length-1||this.allowSelectAll&&this.focusedIndex>=this.filteredOptions.length?this.focusedIndex=0:this.focusedIndex++;const e=this.getFocusedItem(this.focusedIndex);this.groupExpandedList=[this.getOptionGroupName(e)],!this.showSelectedCount&&e&&(this.setInputValue(this.getOptionValue(e)),null===(t=this.input)||void 0===t||t.setAttribute(o.iw.AriaActivedescendant,this.getOptionId(e))),this.focusedGroupIndex=-1});break;case o.Uz.ArrowUp:if(this.isOptGroup&&0===this.filteredOptions.length)return void this.handleGroupFocus();this.setFocusOnHost(!1),this.expanded||this.setVisualListbox(!0),this.updateOnNextFrame(()=>{var t;this.focusedIndex<=0?this.focusedIndex=this.allowSelectAll?this.filteredOptions.length:this.filteredOptions.length-1:this.focusedIndex--;const e=this.getFocusedItem(this.focusedIndex);this.groupExpandedList=[this.getOptionGroupName(e)],e&&!this.showSelectedCount&&(this.setInputValue(this.getOptionValue(e)),null===(t=this.input)||void 0===t||t.setAttribute(o.iw.AriaActivedescendant,this.getOptionId(e)),this.focusedGroupIndex=-1)});break;case o.Uz.ArrowLeft:case o.Uz.ArrowRight:t.stopPropagation();break;case o.Uz.Escape:this.setFocusOnHost(!0),this.expanded?(t.stopPropagation(),this.setVisualListbox(!1)):(this.setInputValue(),null===(e=this.input)||void 0===e||e.setAttribute(o.iw.AriaActivedescendant,""),this.focusedIndex=-1,this.focusedGroupIndex=-1,this.removeAllSelected(),this.setSelectedAttribute(void 0));break;case o.Uz.Home:this.setInputSelectionRange(0,0);break;case o.Uz.End:{const{length:t}=this.inputValue;this.setInputSelectionRange(t,t)}break;case o.Uz.Space:if(this.isMulti&&this.expanded){t.preventDefault();const e=this.getFocusedItem(this.allowSelectAll?this.focusedIndex-1:this.focusedIndex);e&&(this.setSelectedOption(e),this.setSelectedAttribute(e),this.showSelectedCount||(this.setInputValue(),null===(i=this.input)||void 0===i||i.setAttribute(o.iw.AriaActivedescendant,""))),0===this.focusedIndex&&this.allowSelectAll&&this.handleSelectAll()}this.expanded=!0}}handleGroupLabelKeyDown(t,e){switch(t.code){case o.Uz.Tab:this.handleGroupFocus();break;case o.Uz.Enter:case o.Uz.Space:-1!==this.focusedGroupIndex?this.toggleGroupListBox(t,e.value):(this.setFocusOnHost(!0),this.setVisualListbox(!1),this.updateOnNextFrame(()=>{var t;const e=this.getFocusedItem(this.allowSelectAll?this.focusedIndex-1:this.focusedIndex);e&&(this.setSelectedOption(e),this.showSelectedCount||(this.setInputValue(this.getOptionValue(e)),null===(t=this.input)||void 0===t||t.setAttribute(o.iw.AriaActivedescendant,this.getOptionId(e)),this.updateOnNextFrame(()=>{this.input.focus(),this.focusedGroupIndex=-1}))),this.isMulti&&this.allowSelectAll&&0===this.focusedIndex&&this.handleSelectAll()}));break;case o.Uz.ArrowDown:if(0===this.filteredOptions.length)return;this.setFocusOnHost(!1),this.updateOnNextFrame(()=>{var t;-1===this.focusedIndex||!this.allowSelectAll&&this.focusedIndex>=this.filteredOptions.length-1||this.allowSelectAll&&this.focusedIndex>=this.filteredOptions.length?this.focusedIndex=0:this.focusedIndex++;const e=this.getFocusedItem(this.focusedIndex);this.groupExpandedList=[this.getOptionGroupName(e)],!this.showSelectedCount&&e&&(this.setInputValue(this.getOptionValue(e)),null===(t=this.input)||void 0===t||t.setAttribute(o.iw.AriaActivedescendant,this.getOptionId(e))),this.focusedGroupIndex=-1});break;case o.Uz.ArrowUp:if(this.isOptGroup&&0===this.filteredOptions.length)return;this.setFocusOnHost(!1),this.updateOnNextFrame(()=>{var t;this.focusedIndex<=0?this.focusedIndex=this.allowSelectAll?this.filteredOptions.length:this.filteredOptions.length-1:this.focusedIndex--;const e=this.getFocusedItem(this.focusedIndex);this.groupExpandedList=[this.getOptionGroupName(e)],e&&!this.showSelectedCount&&(this.setInputValue(this.getOptionValue(e)),null===(t=this.input)||void 0===t||t.setAttribute(o.iw.AriaActivedescendant,this.getOptionId(e)))});break;case o.Uz.Escape:this.focusedGroupIndex=-1,this.setVisualListbox(!1),this.setFocusOnHost(!0),this.input.focus();break;default:this.setVisualListbox(!0)}}toggleVisualListBox(t){var e,i;if(!this.readOnly){if(t.target.classList.contains("md-combobox-listbox"))t.target.focus();else if("md-icon"===t.target.localName){const s=null===(i=null===(e=t.target.parentElement)||void 0===e?void 0:e.parentElement)||void 0===i?void 0:i.parentElement;if(s){const t=s.querySelector(".md-combobox-listbox");(0,g.setTimeout)(()=>{t.focus()},10)}}this.expanded?this.setVisualListbox(!1):(this.dispatchEvent(new CustomEvent("combobox-on-expand",{composed:!0,bubbles:!0})),this.notifySearchResultCount(),this.setVisualListbox(!0)),this.input.focus(),this.setGroupList(""),this.focusedGroupIndex=-1}}toggleGroupListBox(t,e){t.stopPropagation(),this.focusedGroupIndex=this.filteredGroupOptions.findIndex(t=>"string"!=typeof t&&t.groupName===e),this.setGroupList(e),this.resizeListbox()}handleRemoveAll(t){t.stopPropagation(),this.dispatchEvent(new CustomEvent("remove-all-selected"))}connectedCallback(){super.connectedCallback(),this.setupEvents(),this.querySelector("optgroup")&&(this.isOptGroup=!0)}disconnectedCallback(){super.disconnectedCallback(),this.teardownEvents()}static get styles(){return[a.A,f.A]}get listItemOptionMap(){return{"md-combobox-multiselect":this.isMulti,compact:this.compact,"md-combobox-dropdown-arrow":this.isDropdownArrow}}get filteredOptions(){return this.filterOptions(this.trimSpace?this.inputValue.replace(/\s+/g,""):this.inputValue).filter(t=>!this.isOptGroup||("string"!=typeof t&&this.groupExpandedList.includes(this.getOptionGroupName(t))?"false"===t.isLabel:void 0))}get filteredGroupOptions(){return this.filterOptions(this.trimSpace?this.inputValue.replace(/\s+/g,""):this.inputValue).filter(t=>!this.isOptGroup||("string"!=typeof t?"true"===t.isLabel:void 0))}get comboBoxTemplateClassMap(){return{[`md-combobox--${this.shape}`]:!!this.shape,"md-combobox-searchable":this.searchable,"md-combobox-has-leading-icon":this.searchable||this.showFilterIcon,"md-new-combobox":this.newMomentum,[`md-${this.messageType}`]:!!this.messageType,"md-combobox-readonly":this.readOnly,"md-combobox-compact":this.compact,"md-combobox-dropdown-arrow":this.isDropdownArrow}}searchIconTemplate(){return this.leadingIconTemplate("search-bold","search-icon")}filterIconTemplate(){return this.leadingIconTemplate("filter-bold","filter-icon")}leadingIconTemplate(t,e){return h.html`
+!function(t,e){if("object"==typeof exports&&"object"==typeof module)module.exports=e(require("lit"),require("lit/decorators.js"),require("lit/directives/class-map.js"),require("lit/directives/style-map.js"),require("lit/directives/if-defined.js"),require("@momentum-ui/icons/data/momentumUiIconsNames.json"),require("@momentum-ui/utils/lib/getColorValue"),require("mobx"),require("lit/directives/repeat.js"));else if("function"==typeof define&&define.amd)define(["lit","lit/decorators.js","lit/directives/class-map.js","lit/directives/style-map.js","lit/directives/if-defined.js","@momentum-ui/icons/data/momentumUiIconsNames.json","@momentum-ui/utils/lib/getColorValue","mobx","lit/directives/repeat.js"],e);else{var i="object"==typeof exports?e(require("lit"),require("lit/decorators.js"),require("lit/directives/class-map.js"),require("lit/directives/style-map.js"),require("lit/directives/if-defined.js"),require("@momentum-ui/icons/data/momentumUiIconsNames.json"),require("@momentum-ui/utils/lib/getColorValue"),require("mobx"),require("lit/directives/repeat.js")):e(t.lit,t["lit/decorators.js"],t["lit/directives/class-map.js"],t["lit/directives/style-map.js"],t["lit/directives/if-defined.js"],t["@momentum-ui/icons/data/momentumUiIconsNames.json"],t["@momentum-ui/utils/lib/getColorValue"],t.mobx,t["lit/directives/repeat.js"]);for(var s in i)("object"==typeof exports?exports:t)[s]=i[s]}}(self,(t,e,i,s,o,l,n,r,a)=>(()=>{"use strict";var h,d={4928:(t,e,i)=>{i.r(e),i.d(e,{ComboBox:()=>s}),i(20109),i(61200);var s,o=i(90195),l=i(3001),n=i(31890),r=i(66677),a=i(4313),h=i(87161),d=i(70429),p=i(85125),u=i(20291),c=i(58175),m=i(10318),b=i(97103),g=i(79270),f=function(t,e,i,s){var o,l=arguments.length,n=l<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,s);else for(var r=t.length-1;r>=0;r--)(o=t[r])&&(n=(l<3?o(n):l>3?o(e,i,n):o(e,i))||n);return l>3&&n&&Object.defineProperty(e,i,n),n},x=function(t,e,i,s){return new(i||(i=Promise))(function(o,l){function n(t){try{a(s.next(t))}catch(t){l(t)}}function r(t){try{a(s.throw(t))}catch(t){l(t)}}function a(t){var e;t.done?o(t.value):(e=t.value,e instanceof i?e:new i(function(t){t(e)})).then(n,r)}a((s=s.apply(t,e||[])).next())})};!function(t){class e{determineMessageType(t){return t.reduce((t,e)=>"error"===e?t:e.type,"")}filterMessagesByType(t,e){return t.reduce((t,i)=>i.type===e?t.concat(i.message):t,[])}}t.MessageController=e;let i=class extends((0,l.yC)(h.LitElement)){constructor(){super(...arguments),this._focusedIndex=-1,this._focusedGroupIndex=-1,this.label="Options",this.options=[],this.customOptions=[],this.placeholder="",this.isMulti=!1,this.useVirtualScroll=!1,this.disabled=!1,this.ordered=!1,this.expanded=!1,this.groupExpandedList=[],this.searchItem=!1,this.compact=!1,this.noClearIcon=!1,this.selectWhenInFocus=!1,this.selectedOptions=[],this.visibleOptions=8,this.optionId="",this.optionValue="",this.isCustomContent=!1,this.searchable=!1,this.shape="none",this.value=[],this.inputValue="",this.allowCustomValue=!1,this.autofocus=!1,this.resultsTextLocalization="No Results",this.optionsTextLocalization="No Options",this.trimSpace=!1,this.invalid=!1,this.invalidText="",this.ariaLabel="",this.searchResultAriaLabel="",this.ariaLabelForComboBox="",this.clearAriaLabel="Clear",this.arrowAriaLabel="Expand",this.clearIconHeight="auto",this.allTextLocalization="All",this.selectAllTextLocalization="Select All",this.selectedTextLocalization="Selected",this.allowSelectAll=!1,this.showCustomError=!1,this.showLoader=!1,this.showSelectedCount=!1,this.popupChevronAriaHidden="true",this.newMomentum=!1,this.showFilterIcon=!1,this.preventFilter=!1,this.isDropdownArrow=!1,this.comboboxId="",this.helpText="",this.messageArr=[],this.htmlId="",this.readOnly=!1,this.messageController=new e,this.isOptGroup=!1,this.isSelectAllChecked=!1,this.multiSelectedIndex=-1,this.multiSelected=[],this.customContent=[],this.notifySelectedChange=(0,r.sg)(t=>{this.dispatchEvent(new CustomEvent("change-selected",{composed:!0,bubbles:!0,detail:t}))},0),this.handleGroupFilter=t=>{const e=t.filter(t=>{if("string"!=typeof t&&"true"===t.isLabel)return t.groupName});return this.searchItem=!0,this.groupExpandedList=e.map(t=>{if("string"!=typeof t)return t.groupName}),t.filter(e=>"string"==typeof e||"true"!==e.isLabel||!!t.find(t=>{if("string"!=typeof e&&"string"!=typeof t)return e.groupName===t.groupName&&"false"===t.isLabel}))},this.notifyInputValueChanged=(0,r.sg)(t=>{this.dispatchEvent(new CustomEvent("combobox-input",{composed:!0,bubbles:!0,detail:{value:t}})),this.notifySearchResultCount(),this.focusedGroupIndex=0,requestAnimationFrame(()=>{this.input.focus(),this.focusedGroupIndex=-1})},250),this.handleOutsideClick=t=>{let e=!1;const i=t.composedPath();i.length&&(e=!!i.find(t=>t===this),e||(this.setVisualListbox(!1),this.unselectedAllMultiTag()))},this.renderItem=(t,e)=>{const i=this.allowSelectAll?e+2:e+1,s=this.allowSelectAll?this.options.length+1:this.options.length,o=this.checkForVirtualScroll()?`, ${i} of ${s}`:"";return h.html`
+        <div
+          id=${this.getOptionId(t)}
+          title="${this.getOptionValue(t)}"
+          part="combobox-option"
+          class="md-combobox-option"
+          aria-posinset=${i}
+          aria-setsize=${s}
+          role=${this.isMulti?"checkbox":"listitem"}
+          aria-label="${this.isCustomContent?this.getOptionId(t):this.getOptionValue(t)}${o}"
+          tabindex="-1"
+          @click=${this.handleListClick}
+          aria-checked=${(0,u.ifDefined)(this.isMulti?this.isOptionChecked.call(this,t):void 0)}
+        >
+          ${this.isMulti?h.html`
+                <span class="select-option" aria-hidden="true">
+                  <md-icon name="check-bold" size="14" iconSet="momentumDesign"></md-icon>
+                </span>
+              `:h.nothing}
+          <span part="label" class="select-label" aria-hidden="true">
+            ${this.isCustomContent?this.getCustomContent(t):this.highlightingSearchedText(t)}
+          </span>
+        </div>
+      `}}get focusedIndex(){return this._focusedIndex}set focusedIndex(t){this.updateFocusedIndex(t)}updateFocusedIndex(t){var e,i,s,o;const l=this._focusedIndex;if(this.checkForVirtualScroll()){let l;l=this.allowSelectAll?0===t?"selectAll":this.getOptionId(this.filteredOptions[t-1]):this.getOptionId(this.filteredOptions[t]);const n=this.lists?null===(e=[...this.lists])||void 0===e?void 0:e.find(t=>0!==t.offsetHeight&&t.id===l):"";this.lists&&[...this.lists].forEach(t=>{t.toggleAttribute("focused",!1)}),n&&(null==n||n.toggleAttribute("focused",!0));const r=null===(i=this.shadowRoot)||void 0===i?void 0:i.querySelector("lit-virtualizer");r&&(-1===t?null===(s=r.element(t))||void 0===s||s.scrollIntoView({block:"start"}):null===(o=r.element(t))||void 0===o||o.scrollIntoView({block:"center"}))}else if(this.lists){const e=this.lists[l];e&&e.toggleAttribute("focused",!1);const i=this.lists[t];i&&i.toggleAttribute("focused",!0)}this._focusedIndex=t,this.requestUpdate("focusedIndex",l)}get focusedGroupIndex(){return this._focusedGroupIndex}set focusedGroupIndex(t){const e=this._focusedGroupIndex;if(this.labels&&0!==this.labels.length){const i=this.labels[e];i&&i.toggleAttribute("focused",!1);const s=this.labels[t];s&&(s.toggleAttribute("focused",!0),s.focus())}this._focusedGroupIndex=t,this.requestUpdate("focusedGroupIndex",e)}get messageType(){return this.messageArr.length>0?this.messageController.determineMessageType(this.messageArr):null}get messages(){return this.messageType?this.messageController.filterMessagesByType(this.messageArr,this.messageType):null}notifySearchResultCount(){if(this.searchResultAriaLabel){const t=/{{.*?}}/g;this.ariaLabelForComboBox=this.searchResultAriaLabel.replace(t,this.filteredOptions.length.toString())}else this.ariaLabel?this.ariaLabelForComboBox=`${this.ariaLabel}, ${this.filteredOptions.length} results found.`:this.ariaLabelForComboBox=`ComboBox Element, ${this.filteredOptions.length} results found.`}firstUpdated(t){this.ariaLabelForComboBox=this.ariaLabel?this.ariaLabel:"ComboBox Element",super.firstUpdated(t),this.isCustomContent&&(this.optionId="id",this.optionValue="value",this.setOptionCustomContent()),this.setInitialValue()}updated(t){super.updated(t),t.has("expanded")&&(this.expanded?(this.resizeListbox(),this.checkSelectedOptions()):this.unCheckAllOptions()),t.has("focusedIndex")&&this.focusedIndex>=0&&(this.checkForVirtualScroll()||this.scrollToOption()),t.has("value")&&0===this.selectedOptions.length&&this.setInitialValue(),t.has("customOptions")&&this.isCustomContent&&(this.setOptionCustomContent(),this.resizeListbox()),t.has("showCustomError")&&this.resizeListbox(),t.has("showLoader")&&this.resizeListbox(),t.has("searchItem")&&this.resizeListbox()}handleFocusIn(t){var e;this.disabled&&!this.readOnly||(this.noClearIcon&&(requestAnimationFrame(()=>{this.input.focus(),this.focusedGroupIndex=-1}),this.selectWhenInFocus&&this.input.select()),null===(e=super.handleFocusIn)||void 0===e||e.call(this,t)),this.dispatchEvent(new CustomEvent("combobox-focus-in",{composed:!0,bubbles:!0}))}handleFocusOut(t){var e;null===(e=super.handleFocusOut)||void 0===e||e.call(this,t),this.dispatchEvent(new CustomEvent("combobox-focus-out",{composed:!0,bubbles:!0}))}findFilteredOption(t){return this.isOptionObject(t)?this.filteredOptions.findIndex(e=>this.getOptionId(e)===this.getOptionId(t)&&this.getOptionValue(e)===this.getOptionValue(t)):this.filteredOptions.indexOf(t)}setInitialValue(){var t;if(this.value.length)if(this.isMulti)this.value.forEach(t=>{-1!==this.findFilteredOption(t)&&this.setSelectedOption(t)});else{const e=this.value[0],i=this.findFilteredOption(e);-1!==i&&(this.setSelectedOption(e),this.setInputValue(this.getOptionValue(e)),null===(t=this.input)||void 0===t||t.setAttribute(o.iw.AriaActivedescendant,this.getOptionId(e)),this.focusedIndex=i,this.focusedGroupIndex=-1)}}isOptionObject(t){return"object"==typeof t&&null!==t}setOptionCustomContent(){if(this.isOptGroup){const t=[...this.querySelectorAll("optgroup")],e=[];for(const i of t){const t=i.getAttribute("label"),s=[...i.querySelectorAll("[slot]")];e.push({isLabel:"true",[this.optionValue]:t,groupName:t});for(const i of s){const s=i.getAttribute("aria-label"),o=i.getAttribute("display-value"),l=i.getAttribute("slot");s&&o&&e.push({[this.optionId]:s,[this.optionValue]:o,isLabel:"false",groupName:t,slot:l})}}this.options=e}else this.customContent=[...this.querySelectorAll("[slot]")],this.customContent&&this.customContent.length?this.options=this.customContent.map(t=>{const e=t.getAttribute("aria-label"),i=t.getAttribute("display-value");if(e&&i)return{[this.optionId]:e,[this.optionValue]:i}}):this.options=[]}getOptionValue(t){return this.isOptionObject(t)?t[this.optionValue]:t}getOptionGroupName(t){return null==t?void 0:t.groupName}getOptionId(t){return this.isOptionObject(t)?t[this.optionId]:t}getFocusedItem(t){if(t>=0)return this.filteredOptions[t]}setupEvents(){document.addEventListener("click",this.handleOutsideClick),this.addEventListener("remove-all-selected",this.removeAllSelected),this.addEventListener("selected-changed",this.selectedChange)}teardownEvents(){document.removeEventListener("click",this.handleOutsideClick),this.removeEventListener("remove-all-selected",this.removeAllSelected),this.removeEventListener("selected-changed",this.selectedChange)}setVisualListbox(t){this.expanded=t}setGroupList(t){this.groupExpandedList.includes(t)?(this.groupExpandedList.splice(this.groupExpandedList.indexOf(t),1),this.groupExpandedList=[...this.groupExpandedList]):this.searchItem?this.groupExpandedList.push(t):this.groupExpandedList=[t]}findSelectedOption(t){return this.optionId&&t?this.selectedOptions.findIndex(e=>e&&e[this.optionId]===t[this.optionId]):this.selectedOptions.indexOf(t)}findOptionIndex(t){const e=t.composedPath();if(this.checkForVirtualScroll()){let t="";return[...this.lists].forEach(i=>{e.includes(i)&&(t=i.id)}),this.filteredOptions.findIndex(e=>this.getOptionId(e)===t)}return[...this.lists].findIndex(t=>e.includes(t))}checkSelectedOptions(){if(this.checkForVirtualScroll()){const t=this.selectedOptions.map(t=>this.getOptionId(t)),e=[...this.lists].filter(t=>"selectAll"!==t.id);null==e||e.forEach(e=>{t.includes(e.id)?(this.isMulti&&(null==e||e.setAttribute("aria-checked","true")),null==e||e.setAttribute("aria-selected","true")):this.isMulti&&(null==e||e.setAttribute("aria-checked","false"))})}}unCheckAllOptions(){var t;this.checkForVirtualScroll()&&this.isMulti&&(null===(t=[...this.lists])||void 0===t||t.forEach(t=>{"selectAll"!==(null==t?void 0:t.id)&&(null==t||t.setAttribute("aria-checked","false"))}))}setSelectedOption(t){this.isMulti||(this.selectedOptions=[]);const e=this.findSelectedOption(t);if(-1!==e){const t=this.selectedOptions[e];this.selectedOptions.splice(e,1),this.notifySelectedChange({value:t,selected:this.selectedOptions})}else this.selectedOptions.push(t),this.notifySelectedChange({value:t,selected:this.selectedOptions});this.checkSelectedOptions(),this.isMulti&&this.allowSelectAll&&(this.isSelectAllChecked=this.isSelectAllSelected()),this.requestUpdate()}filterOptions(t){if(this.preventFilter)return this.searchItem=!1,this.options;if(t&&t.length){const e=this.options.filter(e=>this.isOptGroup&&"string"!=typeof e&&"true"===e.isLabel?e:(this.isCustomContent?this.getOptionId(e):this.getOptionValue(e)).toLowerCase().includes(t.toLowerCase()));return this.isOptGroup?this.handleGroupFilter(e):e}return this.searchItem=!1,this.options}getListBoxVerticalPadding(){if(this.listBox){const t=window.getComputedStyle(this.listBox,null),e=parseInt(t.getPropertyValue("padding-top"))+parseInt(t.getPropertyValue("padding-bottom"));if(!isNaN(e))return e+2}return 10}resizeListbox(){this.updateOnNextFrame(()=>{var t;let e=0,i=0,s=0;const o=this.getListBoxVerticalPadding();if(this.lists){const t=this.checkForVirtualScroll()?[...this.lists].filter(t=>0!==t.offsetHeight):[...this.lists];e=t.slice(0,this.visibleOptions).reduce((t,e)=>t+e.offsetHeight,0),s=this.checkForVirtualScroll()&&this.allowSelectAll?t.slice(1,this.visibleOptions).reduce((t,e)=>t+e.offsetHeight,0):t.slice(0,this.visibleOptions).reduce((t,e)=>t+e.offsetHeight,0)}if(this.labels&&(i=[...this.labels].slice(0,this.visibleOptions).reduce((t,e)=>t+e.offsetHeight,0)),this.listBox&&(this.listBox.style.maxHeight=`${e+i+o}px`),this.virtualizer&&(this.virtualizer.style.height=`${s+o}px`),this.showCustomError||this.showLoader){const e=null===(t=this.listBox)||void 0===t?void 0:t.querySelector("[slot]");this.listBox&&e&&(this.listBox.style.height=`${e.clientHeight+o}px`,this.listBox.style.maxHeight=`${e.clientHeight+o}px`)}})}setInputValue(t=""){this.input.value=t}updateOnNextFrame(t){requestAnimationFrame(t)}unCheckedAllOptions(){this.isMulti&&(this.lists.forEach((t,e)=>this.unCheckedOption(e)),this.isSelectAllChecked=!1)}unCheckedOption(t){this.isMulti&&(this.lists[t].setAttribute("aria-checked","false"),this.notifySelectedChange({value:this.filteredOptions[t],selected:this.selectedOptions}))}checkAllOptions(){this.isMulti&&this.lists.forEach((t,e)=>this.checkOption(e))}checkOption(t){this.isMulti&&(this.lists[t].setAttribute("aria-checked","true"),this.notifySelectedChange({value:this.filteredOptions[t],selected:this.selectedOptions}))}isSelectAllSelected(){return this.selectedOptions.length===this.options.length}setFocusOnHost(t){this.setFocus&&this.setFocus(t)}isOptionFocused(t){return this.focusedIndex===t}getAriaState(t){return this.isOptionFocused(t)}scrollToOption(){var t,e;let i=0;const{top:s,bottom:o}=this.listBox.getBoundingClientRect(),l=this.lists[this.focusedIndex],n=null===(t=this.lists[this.focusedIndex+1]||l)||void 0===t?void 0:t.getBoundingClientRect(),r=null===(e=this.lists[this.focusedIndex-1]||l)||void 0===e?void 0:e.getBoundingClientRect();(null==n?void 0:n.bottom)>o?i=n.bottom-o+2:(null==r?void 0:r.top)<s&&(i=r.top-s-2),this.updateOnNextFrame(()=>{this.listBox.scrollTop+=i})}getCustomContentName(t){const e=this.options.indexOf(t);if(this.isOptGroup){const t=this.options[e];if(t&&"string"!=typeof t)return t.slot}else if(-1!==e)return this.customContent[e].slot}setInputSelectionRange(t,e){this.input.setSelectionRange(t,e)}isOptionChecked(t){return-1!==this.findSelectedOption(t)?"true":"false"}getInputSelection(){return this.input.selectionStart}canMultiSelect(){return 0===this.getInputSelection()&&0!==this.selectedOptions.length&&this.isMulti}removeMultiTag(){this.selected&&this.multiSelected.forEach(t=>{const e=this.selected[t];e&&e.hasAttribute("selected")&&this.removeSelected(this.selectedOptions[t])})}unselectedAllMultiTag(){this.selected&&this.selected.forEach(t=>t.removeAttribute("selected")),this.multiSelectedIndex=-1}findLastMultiSelected(){return this.selected[this.multiSelectedIndex]}toggleMultiSelectedTag(t,e){t&&t.toggleAttribute("selected",e)}selectMultiTag(t){if(this.canMultiSelect()){if(!t){this.multiSelected=[];const t=this.findLastMultiSelected();this.toggleMultiSelectedTag(t,!1)}this.multiSelectedIndex<=0?this.multiSelectedIndex=this.selectedOptions.length-1:this.multiSelectedIndex--,this.multiSelected.push(this.multiSelectedIndex);const e=this.findLastMultiSelected();this.toggleMultiSelectedTag(e,!0)}}handleListClick(t){return x(this,void 0,void 0,function*(){this.dispatchEvent(new CustomEvent("selected-changed",{detail:{event:t}})),yield this.updateComplete,this.isMulti?this.setVisualListbox(!0):this.setVisualListbox(!1),this.updateOnNextFrame(()=>{this.input.focus(),this.focusedGroupIndex=-1})})}handleSelectAll(){return x(this,void 0,void 0,function*(){this.isSelectAllChecked=!this.isSelectAllChecked,this.isSelectAllChecked?(this.selectedOptions=[...this.options],this.checkAllOptions()):(this.selectedOptions=[],this.unCheckedAllOptions()),yield this.updateComplete,this.setVisualListbox(!0),this.notifySelectedChange({selected:this.selectedOptions})})}handleInputKeyUp(t){switch(t.code){case o.Uz.Escape:break;case o.Uz.Backspace:this.setFocusOnHost(!0),this.setVisualListbox(!0),this.resizeListbox(),this.removeMultiTag();break;case o.Uz.ArrowLeft:this.isMulti&&(t.shiftKey?this.selectMultiTag(!0):this.selectMultiTag(!1));break;default:this.isMulti&&this.unselectedAllMultiTag()}}handleInput(t){const e=t.target.value;this.inputValue=e.trim(),this.notifyInputValueChanged(e.trim())}removeAllSelected(){var t;this.focusedIndex=-1,this.focusedGroupIndex=-1,this.selectedOptions=[],this.inputValue="",this.setInputValue(),null===(t=this.input)||void 0===t||t.setAttribute(o.iw.AriaActivedescendant,""),this.setVisualListbox(!1),this.unCheckedAllOptions(),this.setSelectedAttribute(void 0),this.updateOnNextFrame(()=>{this.input.focus()}),this.notifySelectedChange({selected:this.selectedOptions})}removeSelected(t){const e=this.findSelectedOption(t),i=this.filteredOptions.indexOf(t);-1!==i&&this.unCheckedOption(i),-1!==e&&(this.selectedOptions.splice(e,1),this.requestUpdate()),this.updateOnNextFrame(()=>{this.input.focus(),this.focusedGroupIndex=-1})}selectedChange(t){var e;const{event:i}=t.detail;let s=this.findOptionIndex(i);if(-1!==s){this.focusedIndex=this.allowSelectAll&&this.checkForVirtualScroll()?s+1:s,this.isMulti&&this.allowSelectAll&&!this.checkForVirtualScroll()&&(s-=1);const t=this.getFocusedItem(s);this.setSelectedAttribute(t),t&&(this.setSelectedOption(t),this.isMulti?this.isMulti&&this.allowSelectAll&&(this.isSelectAllChecked=this.isSelectAllSelected()):(this.setInputValue(this.getOptionValue(t)),null===(e=this.input)||void 0===e||e.setAttribute(o.iw.AriaActivedescendant,this.getOptionId(t))))}}setSelectedAttribute(t){var e;let i="";t&&(i=this.getOptionId(t)),null===(e=this.lists)||void 0===e||e.forEach((t,e)=>{(null==t?void 0:t.id)===i?null==t||t.setAttribute("selected","true"):null==t||t.setAttribute("selected","false")})}shouldChangeButton(){const t=this.input&&this.input.value.length>0&&!this.noClearIcon||this.isMulti&&this.selectedOptions.length&&!this.noClearIcon;return t&&document.dispatchEvent(new CustomEvent("on-widget-update")),t}setCustomValue(){this.optionId||this.optionValue||(this.options=[...this.options,this.inputValue],this.setSelectedOption(this.inputValue),this.isMulti||this.updateOnNextFrame(()=>{var t;this.focusedIndex=this.filteredOptions.length-1;const e=this.getFocusedItem(this.focusedIndex);e&&(this.setInputValue(this.getOptionValue(e)),null===(t=this.input)||void 0===t||t.setAttribute(o.iw.AriaActivedescendant,this.getOptionId(e)))}),this.dispatchEvent(new CustomEvent("custom-value-add",{composed:!0,bubbles:!0,detail:{value:this.inputValue}}))),this.inputValue=""}handleGroupFocus(){this.setFocusOnHost(!1),this.expanded||this.setVisualListbox(!0),this.filteredGroupOptions.length>0&&-1===this.focusedGroupIndex&&(this.focusedGroupIndex=this.filteredGroupOptions.findIndex(t=>"string"!=typeof t&&t.groupName===this.groupExpandedList[0])),this.updateOnNextFrame(()=>{-1===this.focusedGroupIndex||!this.allowSelectAll&&this.focusedGroupIndex>=this.filteredGroupOptions.length-1||this.allowSelectAll&&this.focusedGroupIndex>=this.filteredGroupOptions.length?this.focusedGroupIndex=0:this.focusedGroupIndex++}),this.focusedIndex=-1}handleInputKeyDown(t){var e,i;switch(t.code){case o.Uz.Backspace:this.focusedIndex=-1;break;case o.Uz.Tab:case o.Uz.Enter:if(this.setFocusOnHost(!0),this.expanded&&this.updateOnNextFrame(()=>{var t;const e=this.getFocusedItem(this.allowSelectAll?this.focusedIndex-1:this.focusedIndex);this.allowCustomValue&&this.input&&this.input.value.length&&-1===this.findFilteredOption(this.inputValue)?this.setCustomValue():(e&&(this.setSelectedAttribute(e),this.setSelectedOption(e),this.showSelectedCount||(this.setInputValue(this.getOptionValue(e)),null===(t=this.input)||void 0===t||t.setAttribute(o.iw.AriaActivedescendant,this.getOptionId(e)))),this.isMulti&&this.allowSelectAll&&0===this.focusedIndex&&this.handleSelectAll())}),this.setVisualListbox(!1),t.code===o.Uz.Tab&&this.isMulti)return;break;case o.Uz.ArrowDown:if(this.isOptGroup&&0===this.filteredOptions.length)return void this.handleGroupFocus();this.setFocusOnHost(!1),this.expanded||this.setVisualListbox(!0),this.updateOnNextFrame(()=>{var t;-1===this.focusedIndex||!this.allowSelectAll&&this.focusedIndex>=this.filteredOptions.length-1||this.allowSelectAll&&this.focusedIndex>=this.filteredOptions.length?this.focusedIndex=0:this.focusedIndex++;const e=this.getFocusedItem(this.focusedIndex);this.groupExpandedList=[this.getOptionGroupName(e)],!this.showSelectedCount&&e&&(this.setInputValue(this.getOptionValue(e)),null===(t=this.input)||void 0===t||t.setAttribute(o.iw.AriaActivedescendant,this.getOptionId(e))),this.focusedGroupIndex=-1});break;case o.Uz.ArrowUp:if(this.isOptGroup&&0===this.filteredOptions.length)return void this.handleGroupFocus();this.setFocusOnHost(!1),this.expanded||this.setVisualListbox(!0),this.updateOnNextFrame(()=>{var t;this.focusedIndex<=0?this.focusedIndex=this.allowSelectAll?this.filteredOptions.length:this.filteredOptions.length-1:this.focusedIndex--;const e=this.getFocusedItem(this.focusedIndex);this.groupExpandedList=[this.getOptionGroupName(e)],e&&!this.showSelectedCount&&(this.setInputValue(this.getOptionValue(e)),null===(t=this.input)||void 0===t||t.setAttribute(o.iw.AriaActivedescendant,this.getOptionId(e)),this.focusedGroupIndex=-1)});break;case o.Uz.ArrowLeft:case o.Uz.ArrowRight:t.stopPropagation();break;case o.Uz.Escape:this.setFocusOnHost(!0),this.expanded?(t.stopPropagation(),this.setVisualListbox(!1)):(this.setInputValue(),null===(e=this.input)||void 0===e||e.setAttribute(o.iw.AriaActivedescendant,""),this.focusedIndex=-1,this.focusedGroupIndex=-1,this.removeAllSelected(),this.setSelectedAttribute(void 0));break;case o.Uz.Home:this.setInputSelectionRange(0,0);break;case o.Uz.End:{const{length:t}=this.inputValue;this.setInputSelectionRange(t,t)}break;case o.Uz.Space:if(this.isMulti&&this.expanded){t.preventDefault();const e=this.getFocusedItem(this.allowSelectAll?this.focusedIndex-1:this.focusedIndex);e&&(this.setSelectedOption(e),this.setSelectedAttribute(e),this.showSelectedCount||(this.setInputValue(),null===(i=this.input)||void 0===i||i.setAttribute(o.iw.AriaActivedescendant,""))),0===this.focusedIndex&&this.allowSelectAll&&this.handleSelectAll()}this.expanded=!0}}handleGroupLabelKeyDown(t,e){switch(t.code){case o.Uz.Tab:this.handleGroupFocus();break;case o.Uz.Enter:case o.Uz.Space:-1!==this.focusedGroupIndex?this.toggleGroupListBox(t,e.value):(this.setFocusOnHost(!0),this.setVisualListbox(!1),this.updateOnNextFrame(()=>{var t;const e=this.getFocusedItem(this.allowSelectAll?this.focusedIndex-1:this.focusedIndex);e&&(this.setSelectedOption(e),this.showSelectedCount||(this.setInputValue(this.getOptionValue(e)),null===(t=this.input)||void 0===t||t.setAttribute(o.iw.AriaActivedescendant,this.getOptionId(e)),this.updateOnNextFrame(()=>{this.input.focus(),this.focusedGroupIndex=-1}))),this.isMulti&&this.allowSelectAll&&0===this.focusedIndex&&this.handleSelectAll()}));break;case o.Uz.ArrowDown:if(0===this.filteredOptions.length)return;this.setFocusOnHost(!1),this.updateOnNextFrame(()=>{var t;-1===this.focusedIndex||!this.allowSelectAll&&this.focusedIndex>=this.filteredOptions.length-1||this.allowSelectAll&&this.focusedIndex>=this.filteredOptions.length?this.focusedIndex=0:this.focusedIndex++;const e=this.getFocusedItem(this.focusedIndex);this.groupExpandedList=[this.getOptionGroupName(e)],!this.showSelectedCount&&e&&(this.setInputValue(this.getOptionValue(e)),null===(t=this.input)||void 0===t||t.setAttribute(o.iw.AriaActivedescendant,this.getOptionId(e))),this.focusedGroupIndex=-1});break;case o.Uz.ArrowUp:if(this.isOptGroup&&0===this.filteredOptions.length)return;this.setFocusOnHost(!1),this.updateOnNextFrame(()=>{var t;this.focusedIndex<=0?this.focusedIndex=this.allowSelectAll?this.filteredOptions.length:this.filteredOptions.length-1:this.focusedIndex--;const e=this.getFocusedItem(this.focusedIndex);this.groupExpandedList=[this.getOptionGroupName(e)],e&&!this.showSelectedCount&&(this.setInputValue(this.getOptionValue(e)),null===(t=this.input)||void 0===t||t.setAttribute(o.iw.AriaActivedescendant,this.getOptionId(e)))});break;case o.Uz.Escape:this.focusedGroupIndex=-1,this.setVisualListbox(!1),this.setFocusOnHost(!0),this.input.focus();break;default:this.setVisualListbox(!0)}}toggleVisualListBox(t){var e,i;if(!this.readOnly){if(t.target.classList.contains("md-combobox-listbox"))t.target.focus();else if("md-icon"===t.target.localName){const s=null===(i=null===(e=t.target.parentElement)||void 0===e?void 0:e.parentElement)||void 0===i?void 0:i.parentElement;if(s){const t=s.querySelector(".md-combobox-listbox");(0,b.setTimeout)(()=>{t.focus()},10)}}this.expanded?this.setVisualListbox(!1):(this.dispatchEvent(new CustomEvent("combobox-on-expand",{composed:!0,bubbles:!0})),this.notifySearchResultCount(),this.setVisualListbox(!0)),this.input.focus(),this.setGroupList(""),this.focusedGroupIndex=-1}}toggleGroupListBox(t,e){t.stopPropagation(),this.focusedGroupIndex=this.filteredGroupOptions.findIndex(t=>"string"!=typeof t&&t.groupName===e),this.setGroupList(e),this.resizeListbox()}handleRemoveAll(t){t.stopPropagation(),this.dispatchEvent(new CustomEvent("remove-all-selected"))}connectedCallback(){super.connectedCallback(),this.setupEvents(),this.querySelector("optgroup")&&(this.isOptGroup=!0)}disconnectedCallback(){super.disconnectedCallback(),this.teardownEvents()}static get styles(){return[a.A,g.A]}get listItemOptionMap(){return{"md-combobox-multiselect":this.isMulti,compact:this.compact,"md-combobox-dropdown-arrow":this.isDropdownArrow}}get filteredOptions(){return this.filterOptions(this.trimSpace?this.inputValue.replace(/\s+/g,""):this.inputValue).filter(t=>!this.isOptGroup||("string"!=typeof t&&this.groupExpandedList.includes(this.getOptionGroupName(t))?"false"===t.isLabel:void 0))}get filteredGroupOptions(){return this.filterOptions(this.trimSpace?this.inputValue.replace(/\s+/g,""):this.inputValue).filter(t=>!this.isOptGroup||("string"!=typeof t?"true"===t.isLabel:void 0))}get comboBoxTemplateClassMap(){return{[`md-combobox--${this.shape}`]:!!this.shape,"md-combobox-searchable":this.searchable,"md-combobox-has-leading-icon":this.searchable||this.showFilterIcon,"md-new-combobox":this.newMomentum,[`md-${this.messageType}`]:!!this.messageType,"md-combobox-readonly":this.readOnly,"md-combobox-compact":this.compact,"md-combobox-dropdown-arrow":this.isDropdownArrow}}searchIconTemplate(){return this.leadingIconTemplate("search-bold","search-icon")}filterIconTemplate(){return this.leadingIconTemplate("filter-bold","filter-icon")}leadingIconTemplate(t,e){return h.html`
         <md-icon
           name=${t}
           class=${e}
@@ -85,7 +108,7 @@
 
           <span part="label" class="select-label" aria-hidden="true">${this.selectAllTextLocalization}</span>
         </div>
-      `}getSelctedCount(){return 0===this.selectedOptions.length?d.nothing:this.isSelectAllSelected()?h.html` <span class="selected-count">${this.allTextLocalization}</span> `:h.html`
+      `}getSelctedCount(){return 0===this.selectedOptions.length?h.nothing:this.isSelectAllSelected()?h.html` <span class="selected-count">${this.allTextLocalization}</span> `:h.html`
         <span class="selected-count">${this.selectedOptions.length} ${this.selectedTextLocalization}</span>
       `}checkForVirtualScroll(){return this.useVirtualScroll&&!this.isOptGroup}rangeChanged(){this.updateFocusedIndex(this.focusedIndex),this.checkSelectedOptions(),this.resizeListbox()}getCustomErrorContent(){const t=this.querySelector("[slot]")||this.shadowRoot.querySelector("[slot]");return document.createRange().createContextualFragment(`${null==t?void 0:t.outerHTML}`)}getCustomContent(t){const e=this.getCustomContentName(t);if(this.isOptGroup){const t=[...this.querySelectorAll("[slot]")].find(t=>t.slot===e);return t?document.createRange().createContextualFragment(`${t.outerHTML}`):h.html``}return h.html` <slot name=${(0,u.ifDefined)(e)}></slot> `}renderGroupLabelHeader(t,e){return h.html`
         <div
@@ -102,36 +125,13 @@
           <span part="group-label">${t.value}</span>
           ${this.groupArrowButtonTemplate(t.value)}
         </div>
-      `}renderWithoutVirtualScroll(){return(0,c.repeat)(this.filterOptions(this.trimSpace?this.inputValue.replace(/\s+/g,""):this.inputValue),t=>this.getOptionId(t),(t,e)=>"string"!=typeof t&&this.isOptGroup&&"true"===t.isLabel?this.renderGroupLabelHeader(t,e):!this.isOptGroup||this.groupExpandedList.includes(this.getOptionGroupName(t))?this.renderItem(t,e):void 0)}highlightingSearchedText(t){return(0,r.ws)(this.getOptionValue(t),this.trimSpace?this.inputValue.replace(/\s+/g,""):this.inputValue).map(({text:t,matching:e})=>e?h.html` <span class="highlight-text" part="select-label">${t}</span> `:h.html` <span class="selected-label-text" part="select-label">${t}</span> `)}addStyle(){const t=!this.expanded||this.options.length&&0===this.filteredOptions.length&&this.inputValue&&this.allowCustomValue;return this.checkForVirtualScroll()?(0,m.styleMap)({visibility:t?"hidden":"visible","z-index":t?"-1":"99",overflow:"hidden"}):(0,m.styleMap)({display:t?"none":"block","z-index":"99",overflow:"auto"})}renderItem(t,e){const i=this.allowSelectAll?e+2:e+1,s=this.allowSelectAll?this.options.length+1:this.options.length,o=this.checkForVirtualScroll()?`, ${i} of ${s}`:"";return h.html`
-        <div
-          id=${this.getOptionId(t)}
-          title="${this.getOptionValue(t)}"
-          part="combobox-option"
-          class="md-combobox-option"
-          aria-posinset=${i}
-          aria-setsize=${s}
-          role=${this.isMulti?"checkbox":"listitem"}
-          aria-label="${this.isCustomContent?this.getOptionId(t):this.getOptionValue(t)}${o}"
-          tabindex="-1"
-          @click=${this.handleListClick}
-          aria-checked=${(0,u.ifDefined)(this.isMulti?this.isOptionChecked.call(this,t):void 0)}
-        >
-          ${this.isMulti?h.html`
-                <span class="select-option" aria-hidden="true">
-                  <md-icon name="check-bold" size="14" iconSet="momentumDesign"></md-icon>
-                </span>
-              `:d.nothing}
-          <span part="label" class="select-label" aria-hidden="true">
-            ${this.isCustomContent?this.getCustomContent(t):this.highlightingSearchedText(t)}
-          </span>
-        </div>
-      `}inputTitle(){return this.isMulti?this.selectedOptions.length>0?`${this.selectedOptions.length} ${this.selectedTextLocalization}`:this.placeholder:this.selectedOptions.length>0?this.getOptionValue(this.selectedOptions[0]):this.placeholder}helpTextTemplate(){return this.helpText?h.html`
+      `}renderWithoutVirtualScroll(){return(0,c.repeat)(this.filterOptions(this.trimSpace?this.inputValue.replace(/\s+/g,""):this.inputValue),t=>this.getOptionId(t),(t,e)=>"string"!=typeof t&&this.isOptGroup&&"true"===t.isLabel?this.renderGroupLabelHeader(t,e):!this.isOptGroup||this.groupExpandedList.includes(this.getOptionGroupName(t))?this.renderItem(t,e):void 0)}highlightingSearchedText(t){return(0,r.ws)(this.getOptionValue(t),this.trimSpace?this.inputValue.replace(/\s+/g,""):this.inputValue).map(({text:t,matching:e})=>e?h.html` <span class="highlight-text" part="select-label">${t}</span> `:h.html` <span class="selected-label-text" part="select-label">${t}</span> `)}addStyle(){const t=!this.expanded||this.options.length&&0===this.filteredOptions.length&&this.inputValue&&this.allowCustomValue;return this.checkForVirtualScroll()?(0,m.styleMap)({visibility:t?"hidden":"visible","z-index":t?"-1":"99",overflow:"hidden"}):(0,m.styleMap)({display:t?"none":"block","z-index":"99",overflow:"auto"})}inputTitle(){return this.isMulti?this.selectedOptions.length>0?`${this.selectedOptions.length} ${this.selectedTextLocalization}`:this.placeholder:this.selectedOptions.length>0?this.getOptionValue(this.selectedOptions[0]):this.placeholder}helpTextTemplate(){return this.helpText?h.html`
             <md-help-text
               class="help-text ${(0,p.classMap)({disabled:this.disabled,newMomentum:this.newMomentum})}"
               .message=${this.helpText}
               style=${(0,m.styleMap)({width:"100%"})}
             ></md-help-text>
-          `:d.nothing}messagesTemplate(){return this.messages&&this.messages.length?h.html`
+          `:h.nothing}messagesTemplate(){return this.messages&&this.messages.length?h.html`
             <div id="${this.htmlId}-message" part="message" class="md-combobox__messages">
               ${(0,c.repeat)(this.messages,(t,e)=>h.html`
                   <md-help-text
@@ -142,12 +142,19 @@
                   ></md-help-text>
                 `)}
             </div>
-          `:d.nothing}get newArrowButtonTemplate(){return h.html`<div class="md-combobox-right-arrow">${this.arrowButtonTemplate()}</div>`}get renderNewMomentumArrow(){return h.html` ${this.isDropdownArrow?this.arrowButtonTemplate():this.newArrowButtonTemplate} `}get renderTrailingInputControls(){const t=this.shouldChangeButton();return this.newMomentum?t&&this.isDropdownArrow?h.html`${this.clearButtonTemplate()}`:t?h.html`${this.clearButtonTemplate()} ${this.renderNewMomentumArrow}`:this.renderNewMomentumArrow:this.compact?h.html`${d.nothing}`:h.html`${t?this.clearButtonTemplate():this.arrowButtonTemplate()}`}render(){return h.html`
+          `:h.nothing}get newArrowButtonTemplate(){return h.html`<div class="md-combobox-right-arrow">${this.arrowButtonTemplate()}</div>`}get renderNewMomentumArrow(){return h.html` ${this.isDropdownArrow?this.arrowButtonTemplate():this.newArrowButtonTemplate} `}get renderTrailingInputControls(){const t=this.shouldChangeButton();return this.newMomentum?t&&this.isDropdownArrow?h.html`${this.clearButtonTemplate()}`:t?h.html`${this.clearButtonTemplate()} ${this.renderNewMomentumArrow}`:this.renderNewMomentumArrow:this.compact?h.html`${h.nothing}`:h.html`${t?this.clearButtonTemplate():this.arrowButtonTemplate()}`}get renderVirtualScroll(){return h.html`
+        <div class="virtual-scroll" @rangeChanged=${this.rangeChanged}>
+          <lit-virtualizer
+            .items=${this.filterOptions(this.trimSpace?this.inputValue.replace(/\s+/g,""):this.inputValue)}
+            .renderItem=${(t,e)=>this.renderItem(t,e)}
+          ></lit-virtualizer>
+        </div>
+      `}render(){return h.html`
         <div part="combobox" class="md-combobox md-combobox-list ${(0,p.classMap)(this.comboBoxTemplateClassMap)}">
           <div part="group" class="group ${(0,p.classMap)(this.listItemOptionMap)}">
-            ${this.searchable?this.searchIconTemplate():this.showFilterIcon?this.filterIconTemplate():d.nothing}
+            ${this.searchable?this.searchIconTemplate():this.showFilterIcon?this.filterIconTemplate():h.nothing}
             <div class="md-combobox__multiwrap" part="multiwrap">
-              ${this.isMulti?this.isMulti&&!this.showSelectedCount?(0,c.repeat)(this.selectedOptions,t=>this.selectedOptionTemplate(t)):this.getSelctedCount():d.nothing}
+              ${this.isMulti?this.isMulti&&!this.showSelectedCount?(0,c.repeat)(this.selectedOptions,t=>this.selectedOptionTemplate(t)):this.getSelctedCount():h.nothing}
               <input
                 id=${(0,u.ifDefined)(this.comboboxId||void 0)}
                 class="md-combobox-listbox"
@@ -190,22 +197,18 @@
                   style=${this.addStyle()}
                   role=${(0,u.ifDefined)(this.checkForVirtualScroll()?void 0:"list")}
                 >
-                  ${this.isMulti&&this.allowSelectAll&&this.expanded?this.getSelectAllOption():d.nothing}
-                  ${this.checkForVirtualScroll()?0!==this.options.length&&this.filterOptions(this.trimSpace?this.inputValue.replace(/\s+/g,""):this.inputValue).length>0?h.html`
-                          <div class="virtual-scroll" @rangechange=${this.rangeChanged}>
-                            ${(0,b.scroll)({items:this.filterOptions(this.trimSpace?this.inputValue.replace(/\s+/g,""):this.inputValue),renderItem:(t,e)=>this.renderItem(t,e||0),useShadowDOM:!1,scrollToIndex:{index:this.focusedIndex,position:-1===this.focusedIndex?"start":"center"}})}
-                          </div>
-                        `:d.nothing:this.renderWithoutVirtualScroll()}
+                  ${this.isMulti&&this.allowSelectAll&&this.expanded?this.getSelectAllOption():h.nothing}
+                  ${this.checkForVirtualScroll()?0!==this.options.length&&this.filterOptions(this.trimSpace?this.inputValue.replace(/\s+/g,""):this.inputValue).length>0?this.renderVirtualScroll:h.nothing:this.renderWithoutVirtualScroll()}
                   ${this.options.length&&0===this.filteredOptions.length&&this.inputValue&&!this.allowCustomValue?h.html`
                         <div class="no-result md-combobox-option" role="option" aria-selected="false" tabindex="-1">
                           ${this.resultsTextLocalization.trim()}
                         </div>
-                      `:d.nothing}
+                      `:h.nothing}
                   ${0===this.options.length?h.html`
                         <div class="no-result md-combobox-option" role="option" aria-selected="false" tabindex="-1">
                           ${this.optionsTextLocalization.trim()}
                         </div>
-                      `:d.nothing}
+                      `:h.nothing}
                 </div>
               `}
         </div>
@@ -213,6 +216,6 @@
               <div part="message" class="md-combobox-error ${(0,p.classMap)({"md-new-combobox-error":this.newMomentum})}">
                 <md-help-text .message=${this.invalidText} messageType="error"></md-help-text>
               </div>
-            `:d.nothing}
+            `:h.nothing}
         ${this.messagesTemplate()} ${this.helpTextTemplate()}
-      `}};x([(0,h.property)({type:String})],i.prototype,"label",void 0),x([(0,h.property)({type:Array})],i.prototype,"options",void 0),x([(0,h.property)({type:Array,attribute:"custom-options"})],i.prototype,"customOptions",void 0),x([(0,h.property)({type:String})],i.prototype,"placeholder",void 0),x([(0,h.property)({type:Boolean,attribute:"is-multi"})],i.prototype,"isMulti",void 0),x([(0,h.property)({type:Boolean,attribute:"use-virtual-scroll"})],i.prototype,"useVirtualScroll",void 0),x([(0,h.property)({type:Boolean,reflect:!0})],i.prototype,"disabled",void 0),x([(0,h.property)({type:Boolean,reflect:!0})],i.prototype,"ordered",void 0),x([(0,h.property)({type:Boolean,reflect:!0})],i.prototype,"expanded",void 0),x([(0,h.property)({type:Array,reflect:!0})],i.prototype,"groupExpandedList",void 0),x([(0,h.property)({type:Boolean,reflect:!0})],i.prototype,"searchItem",void 0),x([(0,h.property)({type:Boolean,reflect:!0})],i.prototype,"compact",void 0),x([(0,h.property)({type:Boolean,attribute:"no-clear-icon"})],i.prototype,"noClearIcon",void 0),x([(0,h.property)({type:Boolean,attribute:"select-when-in-focus"})],i.prototype,"selectWhenInFocus",void 0),x([(0,h.property)({type:Array})],i.prototype,"selectedOptions",void 0),x([(0,h.property)({type:Number,attribute:"visible-option",reflect:!0})],i.prototype,"visibleOptions",void 0),x([(0,h.property)({type:String,attribute:"option-id",reflect:!0})],i.prototype,"optionId",void 0),x([(0,h.property)({type:String,attribute:"option-value",reflect:!0})],i.prototype,"optionValue",void 0),x([(0,h.property)({type:Boolean,attribute:"with-custom-content"})],i.prototype,"isCustomContent",void 0),x([(0,h.property)({type:Boolean,reflect:!0})],i.prototype,"searchable",void 0),x([(0,h.property)({type:String})],i.prototype,"shape",void 0),x([(0,h.property)({type:Array})],i.prototype,"value",void 0),x([(0,h.property)({type:String,attribute:"input-value",reflect:!0})],i.prototype,"inputValue",void 0),x([(0,h.property)({type:Boolean,attribute:"allow-custom-value",reflect:!0})],i.prototype,"allowCustomValue",void 0),x([(0,h.property)({type:Boolean,reflect:!0})],i.prototype,"autofocus",void 0),x([(0,h.property)({type:String,attribute:"no-results-i18n"})],i.prototype,"resultsTextLocalization",void 0),x([(0,h.property)({type:String,attribute:"no-options-i18n"})],i.prototype,"optionsTextLocalization",void 0),x([(0,h.property)({type:Boolean,reflect:!0,attribute:"search-trim-space"})],i.prototype,"trimSpace",void 0),x([(0,h.property)({type:Boolean,reflect:!0})],i.prototype,"invalid",void 0),x([(0,h.property)({type:String,reflect:!0,attribute:"invalid-text-i18n"})],i.prototype,"invalidText",void 0),x([(0,h.property)({type:String,reflect:!0})],i.prototype,"ariaLabel",void 0),x([(0,h.property)({type:String,attribute:"search-result-aria-label"})],i.prototype,"searchResultAriaLabel",void 0),x([(0,h.internalProperty)()],i.prototype,"ariaLabelForComboBox",void 0),x([(0,h.property)({type:String,attribute:"clear-aria-label"})],i.prototype,"clearAriaLabel",void 0),x([(0,h.property)({type:String,attribute:"arrow-aria-label"})],i.prototype,"arrowAriaLabel",void 0),x([(0,h.property)({type:String,attribute:"clear-icon-height"})],i.prototype,"clearIconHeight",void 0),x([(0,h.property)({type:String,attribute:"all-i18n"})],i.prototype,"allTextLocalization",void 0),x([(0,h.property)({type:String,attribute:"select-all-i18n"})],i.prototype,"selectAllTextLocalization",void 0),x([(0,h.property)({type:String,attribute:"selected-all-i18n"})],i.prototype,"selectedTextLocalization",void 0),x([(0,h.property)({type:Boolean,attribute:"allow-select-all",reflect:!0})],i.prototype,"allowSelectAll",void 0),x([(0,h.property)({type:Boolean,attribute:"show-custom-error",reflect:!0})],i.prototype,"showCustomError",void 0),x([(0,h.property)({type:Boolean,attribute:"show-loader",reflect:!0})],i.prototype,"showLoader",void 0),x([(0,h.property)({type:Boolean,attribute:"show-selected-count",reflect:!0})],i.prototype,"showSelectedCount",void 0),x([(0,h.property)({type:String,attribute:"popup-chevron-aria-hidden"})],i.prototype,"popupChevronAriaHidden",void 0),x([(0,h.property)({type:Boolean,reflect:!0})],i.prototype,"newMomentum",void 0),x([(0,h.property)({type:Boolean,attribute:"show-filter-icon"})],i.prototype,"showFilterIcon",void 0),x([(0,h.property)({type:Boolean,attribute:"prevent-filter"})],i.prototype,"preventFilter",void 0),x([(0,h.property)({type:Boolean,attribute:"is-dropdown-arrow"})],i.prototype,"isDropdownArrow",void 0),x([(0,h.property)({type:String})],i.prototype,"comboboxId",void 0),x([(0,h.property)({type:String})],i.prototype,"helpText",void 0),x([(0,h.property)({type:Array})],i.prototype,"messageArr",void 0),x([(0,h.property)({type:String})],i.prototype,"htmlId",void 0),x([(0,h.property)({type:Boolean,reflect:!0})],i.prototype,"readOnly",void 0),x([(0,h.internalProperty)()],i.prototype,"isOptGroup",void 0),x([(0,h.internalProperty)()],i.prototype,"isSelectAllChecked",void 0),x([(0,h.query)(".group")],i.prototype,"group",void 0),x([(0,h.query)(".md-combobox-listbox")],i.prototype,"input",void 0),x([(0,h.query)(".md-combobox-button")],i.prototype,"button",void 0),x([(0,h.query)("div#md-combobox-listbox")],i.prototype,"listBox",void 0),x([(0,h.query)(".virtual-scroll")],i.prototype,"virtualizer",void 0),x([(0,h.queryAll)("div.md-combobox-option")],i.prototype,"lists",void 0),x([(0,h.queryAll)(".group-label")],i.prototype,"labels",void 0),x([(0,h.queryAll)(".md-combobox-selected-item")],i.prototype,"selected",void 0),i=x([(0,n.w)("md-combobox")],i),t.ELEMENT=i}(s||(s={}))},8229:t=>{t.exports=i},22818:t=>{t.exports=a},23968:t=>{t.exports=e},32022:t=>{t.exports=l},40333:t=>{t.exports=s},41488:e=>{e.exports=t},60554:t=>{t.exports=n},85314:t=>{t.exports=r},86635:t=>{t.exports=h},97822:t=>{t.exports=o}},u={};function c(t){var e=u[t];if(void 0!==e)return e.exports;var i=u[t]={exports:{}};return p[t].call(i.exports,i,i.exports,c),i.exports}c.m=p,d=[],c.O=(t,e,i,s)=>{if(!e){var o=1/0;for(a=0;a<d.length;a++){for(var[e,i,s]=d[a],l=!0,n=0;n<e.length;n++)(!1&s||o>=s)&&Object.keys(c.O).every(t=>c.O[t](e[n]))?e.splice(n--,1):(l=!1,s<o&&(o=s));if(l){d.splice(a--,1);var r=i();void 0!==r&&(t=r)}}return t}s=s||0;for(var a=d.length;a>0&&d[a-1][2]>s;a--)d[a]=d[a-1];d[a]=[e,i,s]},c.n=t=>{var e=t&&t.__esModule?()=>t.default:()=>t;return c.d(e,{a:e}),e},c.d=(t,e)=>{for(var i in e)c.o(e,i)&&!c.o(t,i)&&Object.defineProperty(t,i,{enumerable:!0,get:e[i]})},c.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(t){if("object"==typeof window)return window}}(),c.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e),c.r=t=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},(()=>{var t={2169:0,2547:0};c.O.j=e=>0===t[e];var e=(e,i)=>{var s,o,[l,n,r]=i,a=0;if(l.some(e=>0!==t[e])){for(s in n)c.o(n,s)&&(c.m[s]=n[s]);if(r)var h=r(c)}for(e&&e(i);a<l.length;a++)o=l[a],c.o(t,o)&&t[o]&&t[o][0](),t[o]=0;return c.O(h)},i=self["momentum-web-components-[id]"]=self["momentum-web-components-[id]"]||[];i.forEach(e.bind(null,0)),i.push=e.bind(null,i.push.bind(i))})();var m=c.O(void 0,[6633,7103,1890,6272,6325,6283,9217,2176,6798,5830,1200,8889,8373,4624,300,591,768,3001,4977,109,6795,3820,5433],()=>c(4928));return c.O(m)})());
+      `}};f([(0,d.property)({type:String})],i.prototype,"label",void 0),f([(0,d.property)({type:Array})],i.prototype,"options",void 0),f([(0,d.property)({type:Array,attribute:"custom-options"})],i.prototype,"customOptions",void 0),f([(0,d.property)({type:String})],i.prototype,"placeholder",void 0),f([(0,d.property)({type:Boolean,attribute:"is-multi"})],i.prototype,"isMulti",void 0),f([(0,d.property)({type:Boolean,attribute:"use-virtual-scroll"})],i.prototype,"useVirtualScroll",void 0),f([(0,d.property)({type:Boolean,reflect:!0})],i.prototype,"disabled",void 0),f([(0,d.property)({type:Boolean,reflect:!0})],i.prototype,"ordered",void 0),f([(0,d.property)({type:Boolean,reflect:!0})],i.prototype,"expanded",void 0),f([(0,d.property)({type:Array,reflect:!0})],i.prototype,"groupExpandedList",void 0),f([(0,d.property)({type:Boolean,reflect:!0})],i.prototype,"searchItem",void 0),f([(0,d.property)({type:Boolean,reflect:!0})],i.prototype,"compact",void 0),f([(0,d.property)({type:Boolean,attribute:"no-clear-icon"})],i.prototype,"noClearIcon",void 0),f([(0,d.property)({type:Boolean,attribute:"select-when-in-focus"})],i.prototype,"selectWhenInFocus",void 0),f([(0,d.property)({type:Array})],i.prototype,"selectedOptions",void 0),f([(0,d.property)({type:Number,attribute:"visible-option",reflect:!0})],i.prototype,"visibleOptions",void 0),f([(0,d.property)({type:String,attribute:"option-id",reflect:!0})],i.prototype,"optionId",void 0),f([(0,d.property)({type:String,attribute:"option-value",reflect:!0})],i.prototype,"optionValue",void 0),f([(0,d.property)({type:Boolean,attribute:"with-custom-content"})],i.prototype,"isCustomContent",void 0),f([(0,d.property)({type:Boolean,reflect:!0})],i.prototype,"searchable",void 0),f([(0,d.property)({type:String})],i.prototype,"shape",void 0),f([(0,d.property)({type:Array})],i.prototype,"value",void 0),f([(0,d.property)({type:String,attribute:"input-value",reflect:!0})],i.prototype,"inputValue",void 0),f([(0,d.property)({type:Boolean,attribute:"allow-custom-value",reflect:!0})],i.prototype,"allowCustomValue",void 0),f([(0,d.property)({type:Boolean,reflect:!0})],i.prototype,"autofocus",void 0),f([(0,d.property)({type:String,attribute:"no-results-i18n"})],i.prototype,"resultsTextLocalization",void 0),f([(0,d.property)({type:String,attribute:"no-options-i18n"})],i.prototype,"optionsTextLocalization",void 0),f([(0,d.property)({type:Boolean,reflect:!0,attribute:"search-trim-space"})],i.prototype,"trimSpace",void 0),f([(0,d.property)({type:Boolean,reflect:!0})],i.prototype,"invalid",void 0),f([(0,d.property)({type:String,reflect:!0,attribute:"invalid-text-i18n"})],i.prototype,"invalidText",void 0),f([(0,d.property)({type:String,reflect:!0})],i.prototype,"ariaLabel",void 0),f([(0,d.property)({type:String,attribute:"search-result-aria-label"})],i.prototype,"searchResultAriaLabel",void 0),f([(0,d.state)()],i.prototype,"ariaLabelForComboBox",void 0),f([(0,d.property)({type:String,attribute:"clear-aria-label"})],i.prototype,"clearAriaLabel",void 0),f([(0,d.property)({type:String,attribute:"arrow-aria-label"})],i.prototype,"arrowAriaLabel",void 0),f([(0,d.property)({type:String,attribute:"clear-icon-height"})],i.prototype,"clearIconHeight",void 0),f([(0,d.property)({type:String,attribute:"all-i18n"})],i.prototype,"allTextLocalization",void 0),f([(0,d.property)({type:String,attribute:"select-all-i18n"})],i.prototype,"selectAllTextLocalization",void 0),f([(0,d.property)({type:String,attribute:"selected-all-i18n"})],i.prototype,"selectedTextLocalization",void 0),f([(0,d.property)({type:Boolean,attribute:"allow-select-all",reflect:!0})],i.prototype,"allowSelectAll",void 0),f([(0,d.property)({type:Boolean,attribute:"show-custom-error",reflect:!0})],i.prototype,"showCustomError",void 0),f([(0,d.property)({type:Boolean,attribute:"show-loader",reflect:!0})],i.prototype,"showLoader",void 0),f([(0,d.property)({type:Boolean,attribute:"show-selected-count",reflect:!0})],i.prototype,"showSelectedCount",void 0),f([(0,d.property)({type:String,attribute:"popup-chevron-aria-hidden"})],i.prototype,"popupChevronAriaHidden",void 0),f([(0,d.property)({type:Boolean,reflect:!0})],i.prototype,"newMomentum",void 0),f([(0,d.property)({type:Boolean,attribute:"show-filter-icon"})],i.prototype,"showFilterIcon",void 0),f([(0,d.property)({type:Boolean,attribute:"prevent-filter"})],i.prototype,"preventFilter",void 0),f([(0,d.property)({type:Boolean,attribute:"is-dropdown-arrow"})],i.prototype,"isDropdownArrow",void 0),f([(0,d.property)({type:String})],i.prototype,"comboboxId",void 0),f([(0,d.property)({type:String})],i.prototype,"helpText",void 0),f([(0,d.property)({type:Array})],i.prototype,"messageArr",void 0),f([(0,d.property)({type:String})],i.prototype,"htmlId",void 0),f([(0,d.property)({type:Boolean,reflect:!0})],i.prototype,"readOnly",void 0),f([(0,d.state)()],i.prototype,"isOptGroup",void 0),f([(0,d.state)()],i.prototype,"isSelectAllChecked",void 0),f([(0,d.query)(".group")],i.prototype,"group",void 0),f([(0,d.query)(".md-combobox-listbox")],i.prototype,"input",void 0),f([(0,d.query)(".md-combobox-button")],i.prototype,"button",void 0),f([(0,d.query)("div#md-combobox-listbox")],i.prototype,"listBox",void 0),f([(0,d.query)(".virtual-scroll")],i.prototype,"virtualizer",void 0),f([(0,d.queryAll)("div.md-combobox-option")],i.prototype,"lists",void 0),f([(0,d.queryAll)(".group-label")],i.prototype,"labels",void 0),f([(0,d.queryAll)(".md-combobox-selected-item")],i.prototype,"selected",void 0),i=f([(0,n.w)("md-combobox")],i),t.ELEMENT=i}(s||(s={}))},10318:t=>{t.exports=s},20291:t=>{t.exports=o},32022:t=>{t.exports=l},58175:t=>{t.exports=a},60554:t=>{t.exports=n},70429:t=>{t.exports=e},85125:t=>{t.exports=i},85314:t=>{t.exports=r},87161:e=>{e.exports=t}},p={};function u(t){var e=p[t];if(void 0!==e)return e.exports;var i=p[t]={exports:{}};return d[t].call(i.exports,i,i.exports,u),i.exports}u.m=d,h=[],u.O=(t,e,i,s)=>{if(!e){var o=1/0;for(a=0;a<h.length;a++){for(var[e,i,s]=h[a],l=!0,n=0;n<e.length;n++)(!1&s||o>=s)&&Object.keys(u.O).every(t=>u.O[t](e[n]))?e.splice(n--,1):(l=!1,s<o&&(o=s));if(l){h.splice(a--,1);var r=i();void 0!==r&&(t=r)}}return t}s=s||0;for(var a=h.length;a>0&&h[a-1][2]>s;a--)h[a]=h[a-1];h[a]=[e,i,s]},u.n=t=>{var e=t&&t.__esModule?()=>t.default:()=>t;return u.d(e,{a:e}),e},u.d=(t,e)=>{for(var i in e)u.o(e,i)&&!u.o(t,i)&&Object.defineProperty(t,i,{enumerable:!0,get:e[i]})},u.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(t){if("object"==typeof window)return window}}(),u.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e),u.r=t=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},(()=>{var t={2169:0,2547:0};u.O.j=e=>0===t[e];var e=(e,i)=>{var s,o,[l,n,r]=i,a=0;if(l.some(e=>0!==t[e])){for(s in n)u.o(n,s)&&(u.m[s]=n[s]);if(r)var h=r(u)}for(e&&e(i);a<l.length;a++)o=l[a],u.o(t,o)&&t[o]&&t[o][0](),t[o]=0;return u.O(h)},i=self["momentum-web-components-[id]"]=self["momentum-web-components-[id]"]||[];i.forEach(e.bind(null,0)),i.push=e.bind(null,i.push.bind(i))})();var c=u.O(void 0,[6633,7103,1890,4313,510,6283,5087,2176,6798,6865,1200,8889,8373,4624,300,591,768,3001,5630,109,9270,3820,5433],()=>u(4928));return u.O(c)})());

package/dist/comp/md-combobox.js

@@ -1 +1 @@
-require("../6633"),require("../7103"),require("../1890"),require("../6272"),require("../6325"),require("../6283"),require("../9217"),require("../2176"),require("../6798"),require("../5830"),require("../1200"),require("../8889"),require("../8373"),require("../4624"),require("../300"),require("../591"),require("../768"),require("../3001"),require("../4977"),require("../109"),require("../6795"),require("../3820"),require("../5433"),module.exports=require("../comp/md-combobox-entry");
+require("../6633"),require("../7103"),require("../1890"),require("../4313"),require("../510"),require("../6283"),require("../5087"),require("../2176"),require("../6798"),require("../6865"),require("../1200"),require("../8889"),require("../8373"),require("../4624"),require("../300"),require("../591"),require("../768"),require("../3001"),require("../5630"),require("../109"),require("../9270"),require("../3820"),require("../5433"),module.exports=require("../comp/md-combobox-entry");

package/dist/comp/md-composite-avatar-entry.js

@@ -1,5 +1,5 @@
-!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("lit-element"),require("lit-html/directives/class-map"));else if("function"==typeof define&&define.amd)define(["lit-element","lit-html/directives/class-map"],t);else{var r="object"==typeof exports?t(require("lit-element"),require("lit-html/directives/class-map")):t(e["lit-element"],e["lit-html/directives/class-map"]);for(var o in r)("object"==typeof exports?exports:e)[o]=r[o]}}(self,(e,t)=>(()=>{"use strict";var r,o={2207:(e,t,r)=>{r.r(t),r.d(t,{CompositeAvatar:()=>o});var o,i=r(26272),s=r(31890),l=r(41488),a=r(23968),n=r(3553),p=function(e,t,r,o){var i,s=arguments.length,l=s<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,r):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(e,t,r,o);else for(var a=e.length-1;a>=0;a--)(i=e[a])&&(l=(s<3?i(l):s>3?i(t,r,l):i(t,r))||l);return s>3&&l&&Object.defineProperty(t,r,l),l};!function(e){let t=class extends l.LitElement{constructor(){super(...arguments),this.size=0}static get styles(){return[i.A,n.A]}get avatarClassMap(){return{[`md-composite-avatar--${this.size}`]:!!this.size}}render(){return l.html`
-        <div class="md-composite-avatar ${(0,a.classMap)(this.avatarClassMap)}">
+!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("lit"),require("lit/decorators.js"),require("lit/directives/class-map.js"));else if("function"==typeof define&&define.amd)define(["lit","lit/decorators.js","lit/directives/class-map.js"],t);else{var r="object"==typeof exports?t(require("lit"),require("lit/decorators.js"),require("lit/directives/class-map.js")):t(e.lit,e["lit/decorators.js"],e["lit/directives/class-map.js"]);for(var o in r)("object"==typeof exports?exports:e)[o]=r[o]}}(self,(e,t,r)=>(()=>{"use strict";var o,s={2207:(e,t,r)=>{r.r(t),r.d(t,{CompositeAvatar:()=>o});var o,s=r(31890),i=r(4313),a=r(87161),l=r(70429),n=r(85125),c=r(7292),p=function(e,t,r,o){var s,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 l=e.length-1;l>=0;l--)(s=e[l])&&(a=(i<3?s(a):i>3?s(t,r,a):s(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.size=0}static get styles(){return[i.A,c.A]}get avatarClassMap(){return{[`md-composite-avatar--${this.size}`]:!!this.size}}render(){return a.html`
+        <div class="md-composite-avatar ${(0,n.classMap)(this.avatarClassMap)}">
           <slot></slot>
         </div>
-      `}};p([(0,l.property)({type:Number})],t.prototype,"size",void 0),t=p([(0,s.w)("md-composite-avatar")],t),e.ELEMENT=t}(o||(o={}))},23968:e=>{e.exports=t},41488:t=>{t.exports=e}},i={};function s(e){var t=i[e];if(void 0!==t)return t.exports;var r=i[e]={exports:{}};return o[e](r,r.exports,s),r.exports}s.m=o,r=[],s.O=(e,t,o,i)=>{if(!t){var l=1/0;for(c=0;c<r.length;c++){for(var[t,o,i]=r[c],a=!0,n=0;n<t.length;n++)(!1&i||l>=i)&&Object.keys(s.O).every(e=>s.O[e](t[n]))?t.splice(n--,1):(a=!1,i<l&&(l=i));if(a){r.splice(c--,1);var p=o();void 0!==p&&(e=p)}}return e}i=i||0;for(var c=r.length;c>0&&r[c-1][2]>i;c--)r[c]=r[c-1];r[c]=[t,o,i]},s.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return s.d(t,{a:t}),t},s.d=(e,t)=>{for(var r in t)s.o(t,r)&&!s.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},s.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),s.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},(()=>{var e={6085:0};s.O.j=t=>0===e[t];var t=(t,r)=>{var o,i,[l,a,n]=r,p=0;if(l.some(t=>0!==e[t])){for(o in a)s.o(a,o)&&(s.m[o]=a[o]);if(n)var c=n(s)}for(t&&t(r);p<l.length;p++)i=l[p],s.o(e,i)&&e[i]&&e[i][0](),e[i]=0;return s.O(c)},r=self["momentum-web-components-[id]"]=self["momentum-web-components-[id]"]||[];r.forEach(t.bind(null,0)),r.push=t.bind(null,r.push.bind(r))})();var l=s.O(void 0,[1890,6272,3553],()=>s(2207));return s.O(l)})());
+      `}};p([(0,l.property)({type:Number})],t.prototype,"size",void 0),t=p([(0,s.w)("md-composite-avatar")],t),e.ELEMENT=t}(o||(o={}))},70429:e=>{e.exports=t},85125:e=>{e.exports=r},87161:t=>{t.exports=e}},i={};function a(e){var t=i[e];if(void 0!==t)return t.exports;var r=i[e]={exports:{}};return s[e](r,r.exports,a),r.exports}a.m=s,o=[],a.O=(e,t,r,s)=>{if(!t){var i=1/0;for(p=0;p<o.length;p++){for(var[t,r,s]=o[p],l=!0,n=0;n<t.length;n++)(!1&s||i>=s)&&Object.keys(a.O).every(e=>a.O[e](t[n]))?t.splice(n--,1):(l=!1,s<i&&(i=s));if(l){o.splice(p--,1);var c=r();void 0!==c&&(e=c)}}return e}s=s||0;for(var p=o.length;p>0&&o[p-1][2]>s;p--)o[p]=o[p-1];o[p]=[t,r,s]},a.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return a.d(t,{a:t}),t},a.d=(e,t)=>{for(var r in t)a.o(t,r)&&!a.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},a.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),a.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},(()=>{var e={6085:0};a.O.j=t=>0===e[t];var t=(t,r)=>{var o,s,[i,l,n]=r,c=0;if(i.some(t=>0!==e[t])){for(o in l)a.o(l,o)&&(a.m[o]=l[o]);if(n)var p=n(a)}for(t&&t(r);c<i.length;c++)s=i[c],a.o(e,s)&&e[s]&&e[s][0](),e[s]=0;return a.O(p)},r=self["momentum-web-components-[id]"]=self["momentum-web-components-[id]"]||[];r.forEach(t.bind(null,0)),r.push=t.bind(null,r.push.bind(r))})();var l=a.O(void 0,[1890,4313,7292],()=>a(2207));return a.O(l)})());

package/dist/comp/md-composite-avatar.js

@@ -1 +1 @@
-require("../1890"),require("../6272"),require("../3553"),module.exports=require("../comp/md-composite-avatar-entry");
+require("../1890"),require("../4313"),require("../7292"),module.exports=require("../comp/md-composite-avatar-entry");

package/dist/comp/md-country-code-picker-entry.js

@@ -1,6 +1,6 @@
-!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("lit-element"),require("lit-html/directives/class-map"),require("lit-html/directives/style-map"),require("lit-html"),require("lit-html/directives/if-defined"),require("@momentum-ui/icons/data/momentumUiIconsNames.json"),require("@momentum-ui/utils/lib/getColorValue"),require("mobx"),require("lit-html/directives/repeat"),require("lit-virtualizer"),require("country-codes-list"),require("country-flags-svg"),require("lit-html/directives/repeat.js"));else if("function"==typeof define&&define.amd)define(["lit-element","lit-html/directives/class-map","lit-html/directives/style-map","lit-html","lit-html/directives/if-defined","@momentum-ui/icons/data/momentumUiIconsNames.json","@momentum-ui/utils/lib/getColorValue","mobx","lit-html/directives/repeat","lit-virtualizer","country-codes-list","country-flags-svg","lit-html/directives/repeat.js"],t);else{var o="object"==typeof exports?t(require("lit-element"),require("lit-html/directives/class-map"),require("lit-html/directives/style-map"),require("lit-html"),require("lit-html/directives/if-defined"),require("@momentum-ui/icons/data/momentumUiIconsNames.json"),require("@momentum-ui/utils/lib/getColorValue"),require("mobx"),require("lit-html/directives/repeat"),require("lit-virtualizer"),require("country-codes-list"),require("country-flags-svg"),require("lit-html/directives/repeat.js")):t(e["lit-element"],e["lit-html/directives/class-map"],e["lit-html/directives/style-map"],e["lit-html"],e["lit-html/directives/if-defined"],e["@momentum-ui/icons/data/momentumUiIconsNames.json"],e["@momentum-ui/utils/lib/getColorValue"],e.mobx,e["lit-html/directives/repeat"],e["lit-virtualizer"],e["country-codes-list"],e["country-flags-svg"],e["lit-html/directives/repeat.js"]);for(var r in o)("object"==typeof exports?exports:e)[r]=o[r]}}(self,(e,t,o,r,i,l,n,s,a,d,u,p,c)=>(()=>{"use strict";var m,h={6963:e=>{e.exports=c},8229:e=>{e.exports=o},13060:e=>{e.exports=u},18224:(e,t,o)=>{o.r(t),o.d(t,{CountryCodePicker:()=>r}),o(4928);var r,i=o(31890),l=o(26272),n=o(13060),s=o(65875),a=o(41488),d=o(40333),u=o(23968),p=o(6963),c=o(96953),m=function(e,t,o,r){var i,l=arguments.length,n=l<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,o):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,o,r);else for(var s=e.length-1;s>=0;s--)(i=e[s])&&(n=(l<3?i(n):l>3?i(t,o,n):i(t,o))||n);return l>3&&n&&Object.defineProperty(t,o,n),n};!function(e){let t=class extends a.LitElement{constructor(){super(...arguments),this.codePlaceholder="+1",this.countryCallingCode="",this.showFlags=!1,this.pill=!1,this.disabled=!1,this.ariaLabel="",this.clearAriaLabel="Clear Country Code",this.id="",this.newMomentum=!1,this.isDropdownArrow=!0,this.countryCode="US",this.codeList=[]}connectedCallback(){super.connectedCallback(),this.codeList=(0,n.customArray)({name:"{countryNameEn}",value:"{countryCallingCode}",code:"{countryCode}"}),""===this.id&&(this.id=`md-country-code-picker-${Math.random().toString(36).substring(2,6)}`)}getCountryFlag(e){return a.html`
+!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("lit"),require("lit/decorators.js"),require("lit/directives/class-map.js"),require("lit/directives/style-map.js"),require("lit/directives/if-defined.js"),require("@momentum-ui/icons/data/momentumUiIconsNames.json"),require("@momentum-ui/utils/lib/getColorValue"),require("mobx"),require("lit/directives/repeat.js"),require("country-codes-list"),require("country-flags-svg"));else if("function"==typeof define&&define.amd)define(["lit","lit/decorators.js","lit/directives/class-map.js","lit/directives/style-map.js","lit/directives/if-defined.js","@momentum-ui/icons/data/momentumUiIconsNames.json","@momentum-ui/utils/lib/getColorValue","mobx","lit/directives/repeat.js","country-codes-list","country-flags-svg"],t);else{var o="object"==typeof exports?t(require("lit"),require("lit/decorators.js"),require("lit/directives/class-map.js"),require("lit/directives/style-map.js"),require("lit/directives/if-defined.js"),require("@momentum-ui/icons/data/momentumUiIconsNames.json"),require("@momentum-ui/utils/lib/getColorValue"),require("mobx"),require("lit/directives/repeat.js"),require("country-codes-list"),require("country-flags-svg")):t(e.lit,e["lit/decorators.js"],e["lit/directives/class-map.js"],e["lit/directives/style-map.js"],e["lit/directives/if-defined.js"],e["@momentum-ui/icons/data/momentumUiIconsNames.json"],e["@momentum-ui/utils/lib/getColorValue"],e.mobx,e["lit/directives/repeat.js"],e["country-codes-list"],e["country-flags-svg"]);for(var r in o)("object"==typeof exports?exports:e)[r]=o[r]}}(self,(e,t,o,r,i,s,n,l,a,d,c)=>(()=>{"use strict";var u,p={10318:e=>{e.exports=r},13060:e=>{e.exports=d},18224:(e,t,o)=>{o.r(t),o.d(t,{CountryCodePicker:()=>r}),o(4928);var r,i=o(31890),s=o(4313),n=o(13060),l=o(65875),a=o(87161),d=o(36752),c=o(6683),u=o(64935),p=o(70429),m=o(75838),y=function(e,t,o,r){var i,s=arguments.length,n=s<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,o):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,o,r);else for(var l=e.length-1;l>=0;l--)(i=e[l])&&(n=(s<3?i(n):s>3?i(t,o,n):i(t,o))||n);return s>3&&n&&Object.defineProperty(t,o,n),n};!function(e){let t=class extends a.LitElement{constructor(){super(...arguments),this.codePlaceholder="+1",this.countryCallingCode="",this.showFlags=!1,this.pill=!1,this.disabled=!1,this.ariaLabel="",this.clearAriaLabel="Clear Country Code",this.id="",this.newMomentum=!1,this.isDropdownArrow=!0,this.countryCode="US",this.codeList=[]}connectedCallback(){super.connectedCallback(),this.codeList=(0,n.customArray)({name:"{countryNameEn}",value:"{countryCallingCode}",code:"{countryCode}"}),""===this.id&&(this.id=`md-country-code-picker-${Math.random().toString(36).substring(2,6)}`)}getCountryFlag(e){return a.html`
         <span class="flag-svg-wrapper">
-          <img src="${(0,s.findFlagUrlByIso2Code)(e)}" />
+          <img src="${(0,l.findFlagUrlByIso2Code)(e)}" />
         </span>
       `}countryCodeOptionTemplate(e,t){return a.html`
         <div
@@ -10,15 +10,15 @@
           slot=${t}
           aria-label="+${e.value}, ${e.name}, ${e.code}"
         >
-          ${this.showFlags?this.getCountryFlag(e.code):d.nothing}
+          ${this.showFlags?this.getCountryFlag(e.code):d.s6}
           <span>${e.name}</span>
           <span>+${e.value}</span>
         </div>
-      `}handleCountryChange(e){var t,o;e.detail.value&&(null===(t=e.detail.value)||void 0===t?void 0:t.id)?(this.countryCallingCode=e.detail.value.id,this.countryCode=null===(o=e.detail.value.id.split(",")[2])||void 0===o?void 0:o.trim()):(this.countryCode="US",this.countryCallingCode=""),this.dispatchEvent(new CustomEvent("country-code-changed",{bubbles:!0,composed:!0,detail:{srcEvent:e}}))}get flagClassMap(){return{"new-momentum":this.newMomentum}}get containerClassMap(){return{"md-country-code-picker__container":!0,"show-flags":this.showFlags}}getFormatedCountryCallingCode(){var e;return{id:this.countryCallingCode,value:null===(e=this.countryCallingCode.split(",")[0])||void 0===e?void 0:e.trim()}}static get styles(){return[l.A,c.A]}render(){return a.html`
-        <div class="${(0,u.classMap)(this.containerClassMap)}">
+      `}handleCountryChange(e){var t,o;e.detail.value&&(null===(t=e.detail.value)||void 0===t?void 0:t.id)?(this.countryCallingCode=e.detail.value.id,this.countryCode=null===(o=e.detail.value.id.split(",")[2])||void 0===o?void 0:o.trim()):(this.countryCode="US",this.countryCallingCode=""),this.dispatchEvent(new CustomEvent("country-code-changed",{bubbles:!0,composed:!0,detail:{srcEvent:e}}))}get flagClassMap(){return{"new-momentum":this.newMomentum}}get containerClassMap(){return{"md-country-code-picker__container":!0,"show-flags":this.showFlags}}getFormatedCountryCallingCode(){var e;return{id:this.countryCallingCode,value:null===(e=this.countryCallingCode.split(",")[0])||void 0===e?void 0:e.trim()}}static get styles(){return[s.A,m.A]}render(){return a.html`
+        <div class="${(0,c.H)(this.containerClassMap)}">
           ${this.showFlags?a.html`
-                <span class="flag-box ${(0,u.classMap)(this.flagClassMap)}">${this.getCountryFlag(this.countryCode)}</span>
-              `:d.nothing}
+                <span class="flag-box ${(0,c.H)(this.flagClassMap)}">${this.getCountryFlag(this.countryCode)}</span>
+              `:d.s6}
           <md-combobox
             part="combobox"
             exportparts="group: combobox-group, combobox-options: options-container"
@@ -33,7 +33,7 @@
             ?is-dropdown-arrow=${this.isDropdownArrow}
             .clearAriaLabel="${this.clearAriaLabel}"
           >
-            ${(0,p.repeat)(this.codeList,e=>e.name,(e,t)=>this.countryCodeOptionTemplate(e,t))}
+            ${(0,u.u)(this.codeList,e=>e.name,(e,t)=>this.countryCodeOptionTemplate(e,t))}
           </md-combobox>
         </div>
-      `}};m([(0,a.property)({type:String,reflect:!0})],t.prototype,"codePlaceholder",void 0),m([(0,a.property)({type:String,attribute:"country-calling-code"})],t.prototype,"countryCallingCode",void 0),m([(0,a.property)({type:Boolean,attribute:"show-flags"})],t.prototype,"showFlags",void 0),m([(0,a.property)({type:Boolean})],t.prototype,"pill",void 0),m([(0,a.property)({type:Boolean})],t.prototype,"disabled",void 0),m([(0,a.property)({type:String})],t.prototype,"ariaLabel",void 0),m([(0,a.property)({type:String})],t.prototype,"clearAriaLabel",void 0),m([(0,a.property)({type:String})],t.prototype,"id",void 0),m([(0,a.property)({type:Boolean})],t.prototype,"newMomentum",void 0),m([(0,a.property)({type:Boolean})],t.prototype,"isDropdownArrow",void 0),m([(0,a.internalProperty)()],t.prototype,"countryCode",void 0),m([(0,a.internalProperty)()],t.prototype,"codeList",void 0),m([(0,a.query)("md-combobox")],t.prototype,"combobox",void 0),t=m([(0,i.w)("md-country-code-picker")],t),e.ELEMENT=t}(r||(r={}))},22818:e=>{e.exports=a},23968:e=>{e.exports=t},32022:e=>{e.exports=l},40333:e=>{e.exports=r},41488:t=>{t.exports=e},60554:e=>{e.exports=n},65875:e=>{e.exports=p},85314:e=>{e.exports=s},86635:e=>{e.exports=d},97822:e=>{e.exports=i}},y={};function v(e){var t=y[e];if(void 0!==t)return t.exports;var o=y[e]={exports:{}};return h[e].call(o.exports,o,o.exports,v),o.exports}v.m=h,m=[],v.O=(e,t,o,r)=>{if(!t){var i=1/0;for(a=0;a<m.length;a++){for(var[t,o,r]=m[a],l=!0,n=0;n<t.length;n++)(!1&r||i>=r)&&Object.keys(v.O).every(e=>v.O[e](t[n]))?t.splice(n--,1):(l=!1,r<i&&(i=r));if(l){m.splice(a--,1);var s=o();void 0!==s&&(e=s)}}return e}r=r||0;for(var a=m.length;a>0&&m[a-1][2]>r;a--)m[a]=m[a-1];m[a]=[t,o,r]},v.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return v.d(t,{a:t}),t},v.d=(e,t)=>{for(var o in t)v.o(t,o)&&!v.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:t[o]})},v.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),v.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),v.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},(()=>{var e={6753:0};v.O.j=t=>0===e[t];var t=(t,o)=>{var r,i,[l,n,s]=o,a=0;if(l.some(t=>0!==e[t])){for(r in n)v.o(n,r)&&(v.m[r]=n[r]);if(s)var d=s(v)}for(t&&t(o);a<l.length;a++)i=l[a],v.o(e,i)&&e[i]&&e[i][0](),e[i]=0;return v.O(d)},o=self["momentum-web-components-[id]"]=self["momentum-web-components-[id]"]||[];o.forEach(t.bind(null,0)),o.push=t.bind(null,o.push.bind(o))})();var g=v.O(void 0,[6633,7103,1890,6272,6325,6283,9217,2176,6798,5830,1200,8889,8373,4624,300,591,768,3001,4977,109,6795,3820,5433,2547,6953],()=>v(18224));return v.O(g)})());
+      `}};y([(0,p.property)({type:String,reflect:!0})],t.prototype,"codePlaceholder",void 0),y([(0,p.property)({type:String,attribute:"country-calling-code"})],t.prototype,"countryCallingCode",void 0),y([(0,p.property)({type:Boolean,attribute:"show-flags"})],t.prototype,"showFlags",void 0),y([(0,p.property)({type:Boolean})],t.prototype,"pill",void 0),y([(0,p.property)({type:Boolean})],t.prototype,"disabled",void 0),y([(0,p.property)({type:String})],t.prototype,"ariaLabel",void 0),y([(0,p.property)({type:String})],t.prototype,"clearAriaLabel",void 0),y([(0,p.property)({type:String})],t.prototype,"id",void 0),y([(0,p.property)({type:Boolean})],t.prototype,"newMomentum",void 0),y([(0,p.property)({type:Boolean})],t.prototype,"isDropdownArrow",void 0),y([(0,p.state)()],t.prototype,"countryCode",void 0),y([(0,p.state)()],t.prototype,"codeList",void 0),y([(0,p.query)("md-combobox")],t.prototype,"combobox",void 0),t=y([(0,i.w)("md-country-code-picker")],t),e.ELEMENT=t}(r||(r={}))},20291:e=>{e.exports=i},32022:e=>{e.exports=s},58175:e=>{e.exports=a},60554:e=>{e.exports=n},65875:e=>{e.exports=c},70429:e=>{e.exports=t},85125:e=>{e.exports=o},85314:e=>{e.exports=l},87161:t=>{t.exports=e}},m={};function y(e){var t=m[e];if(void 0!==t)return t.exports;var o=m[e]={exports:{}};return p[e].call(o.exports,o,o.exports,y),o.exports}y.m=p,u=[],y.O=(e,t,o,r)=>{if(!t){var i=1/0;for(a=0;a<u.length;a++){for(var[t,o,r]=u[a],s=!0,n=0;n<t.length;n++)(!1&r||i>=r)&&Object.keys(y.O).every(e=>y.O[e](t[n]))?t.splice(n--,1):(s=!1,r<i&&(i=r));if(s){u.splice(a--,1);var l=o();void 0!==l&&(e=l)}}return e}r=r||0;for(var a=u.length;a>0&&u[a-1][2]>r;a--)u[a]=u[a-1];u[a]=[t,o,r]},y.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return y.d(t,{a:t}),t},y.d=(e,t)=>{for(var o in t)y.o(t,o)&&!y.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:t[o]})},y.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),y.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),y.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},(()=>{var e={6753:0};y.O.j=t=>0===e[t];var t=(t,o)=>{var r,i,[s,n,l]=o,a=0;if(s.some(t=>0!==e[t])){for(r in n)y.o(n,r)&&(y.m[r]=n[r]);if(l)var d=l(y)}for(t&&t(o);a<s.length;a++)i=s[a],y.o(e,i)&&e[i]&&e[i][0](),e[i]=0;return y.O(d)},o=self["momentum-web-components-[id]"]=self["momentum-web-components-[id]"]||[];o.forEach(t.bind(null,0)),o.push=t.bind(null,o.push.bind(o))})();var v=y.O(void 0,[6633,7103,6683,4935,1990,1890,4313,510,6283,5087,2176,6798,6865,1200,8889,8373,4624,300,591,768,3001,5630,109,9270,3820,5433,2547,5838],()=>y(18224));return y.O(v)})());

package/dist/comp/md-country-code-picker.js

@@ -1 +1 @@
-require("../6633"),require("../7103"),require("../1890"),require("../6272"),require("../6325"),require("../6283"),require("../9217"),require("../2176"),require("../6798"),require("../5830"),require("../1200"),require("../8889"),require("../8373"),require("../4624"),require("../300"),require("../591"),require("../768"),require("../3001"),require("../4977"),require("../109"),require("../6795"),require("../3820"),require("../5433"),require("../2547"),require("../6953"),module.exports=require("../comp/md-country-code-picker-entry");
+require("../6633"),require("../7103"),require("../6683"),require("../4935"),require("../1990"),require("../1890"),require("../4313"),require("../510"),require("../6283"),require("../5087"),require("../2176"),require("../6798"),require("../6865"),require("../1200"),require("../8889"),require("../8373"),require("../4624"),require("../300"),require("../591"),require("../768"),require("../3001"),require("../5630"),require("../109"),require("../9270"),require("../3820"),require("../5433"),require("../2547"),require("../5838"),module.exports=require("../comp/md-country-code-picker-entry");

package/dist/comp/md-date-range-picker-entry.js

@@ -1 +1 @@
-!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("luxon"),require("lit-element"),require("lit-html/directives/class-map"),require("lit-html/directives/style-map"),require("lit-html"),require("lit-html/directives/if-defined"),require("@momentum-ui/icons/data/momentumUiIconsNames.json"),require("@momentum-ui/utils/lib/getColorValue"),require("mobx"),require("lit-html/directives/class-map.js"),require("lit-html/directives/repeat"),require("@popperjs/core/lib/modifiers/arrow"),require("@popperjs/core/lib/modifiers/flip"),require("@popperjs/core/lib/modifiers/offset"),require("@popperjs/core/lib/modifiers/preventOverflow"),require("@popperjs/core/lib/popper-lite"),require("@floating-ui/dom"),require("lit-html/directives/if-defined.js"));else if("function"==typeof define&&define.amd)define(["luxon","lit-element","lit-html/directives/class-map","lit-html/directives/style-map","lit-html","lit-html/directives/if-defined","@momentum-ui/icons/data/momentumUiIconsNames.json","@momentum-ui/utils/lib/getColorValue","mobx","lit-html/directives/class-map.js","lit-html/directives/repeat","@popperjs/core/lib/modifiers/arrow","@popperjs/core/lib/modifiers/flip","@popperjs/core/lib/modifiers/offset","@popperjs/core/lib/modifiers/preventOverflow","@popperjs/core/lib/popper-lite","@floating-ui/dom","lit-html/directives/if-defined.js"],t);else{var i="object"==typeof exports?t(require("luxon"),require("lit-element"),require("lit-html/directives/class-map"),require("lit-html/directives/style-map"),require("lit-html"),require("lit-html/directives/if-defined"),require("@momentum-ui/icons/data/momentumUiIconsNames.json"),require("@momentum-ui/utils/lib/getColorValue"),require("mobx"),require("lit-html/directives/class-map.js"),require("lit-html/directives/repeat"),require("@popperjs/core/lib/modifiers/arrow"),require("@popperjs/core/lib/modifiers/flip"),require("@popperjs/core/lib/modifiers/offset"),require("@popperjs/core/lib/modifiers/preventOverflow"),require("@popperjs/core/lib/popper-lite"),require("@floating-ui/dom"),require("lit-html/directives/if-defined.js")):t(e.luxon,e["lit-element"],e["lit-html/directives/class-map"],e["lit-html/directives/style-map"],e["lit-html"],e["lit-html/directives/if-defined"],e["@momentum-ui/icons/data/momentumUiIconsNames.json"],e["@momentum-ui/utils/lib/getColorValue"],e.mobx,e["lit-html/directives/class-map.js"],e["lit-html/directives/repeat"],e["@popperjs/core/lib/modifiers/arrow"],e["@popperjs/core/lib/modifiers/flip"],e["@popperjs/core/lib/modifiers/offset"],e["@popperjs/core/lib/modifiers/preventOverflow"],e["@popperjs/core/lib/popper-lite"],e["@floating-ui/dom"],e["lit-html/directives/if-defined.js"]);for(var r in i)("object"==typeof exports?exports:e)[r]=i[r]}}(self,(e,t,i,r,o,s,l,a,n,p,d,u,c,m,f,h,v,D)=>(()=>{"use strict";var b,g={4863:e=>{e.exports=h},5784:e=>{e.exports=v},8229:e=>{e.exports=r},17518:e=>{e.exports=p},22818:e=>{e.exports=d},22962:e=>{e.exports=u},23968:e=>{e.exports=i},32022:e=>{e.exports=l},40333:e=>{e.exports=o},41488:e=>{e.exports=t},60554:e=>{e.exports=a},65796:t=>{t.exports=e},68250:e=>{e.exports=m},69371:e=>{e.exports=f},69494:(e,t,i)=>{i.r(t),i.d(t,{DateRangePicker:()=>d});var r=i(31890),o=i(81625),s=i(41488),l=i(65796),a=i(38654),n=function(e,t,i,r){var o,s=arguments.length,l=s<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(e,t,i,r);else for(var a=e.length-1;a>=0;a--)(o=e[a])&&(l=(s<3?o(l):s>3?o(t,i,l):o(t,i))||l);return s>3&&l&&Object.defineProperty(t,i,l),l};const p=" - ";var d;!function(e){let t=class extends a.DatePicker.ELEMENT{constructor(){super(...arguments),this.startDate=void 0,this.endDate=void 0,this.updateValue=()=>{if(this.startDate&&this.endDate){const e=e=>this.useISOFormat?e:l.DateTime.fromISO(e).toLocaleString(l.DateTime.DATE_SHORT,{locale:this.locale}),t=e(this.startDate),i=e(this.endDate);this.value=`${t}${p}${i}`}},this.isValueValid=()=>{var e,t;if(!this.validateDate)return!0;const i=null!==(t=null===(e=this.value)||void 0===e?void 0:e.split(p))&&void 0!==t?t:[];return 2===i.length&&this.validateDateString(i[0])&&this.validateDateString(i[1])},this.getDefaultAriaLabel=()=>{if(this.startDate&&this.endDate){const e=l.DateTime.fromISO(this.startDate),t=l.DateTime.fromISO(this.endDate);if(e.isValid&&t.isValid)return`Choose Date Range, currently selected range is ${e.toLocaleString(l.DateTime.DATE_FULL)} to ${t.toLocaleString(l.DateTime.DATE_FULL)}`}return"Choose Date Range"}}connectedCallback(){super.connectedCallback(),super.render(),this.addEventListener("date-pre-selection-change",this.handleDateSelection),this.updateValue()}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("date-pre-selection-change",this.handleDateSelection)}updated(e){super.updated(e),!e.has("startDate")&&!e.has("endDate")||e.has("focusedDate")||this.updateValue()}getPlaceHolderString(){if(this.placeholder)return this.placeholder;if(this.useISOFormat)return`YYYY-MM-DD${p}YYYY-MM-DD`;const e=(0,o.gq)(this.locale).toUpperCase();return`${e}${p}${e}`}setSelected(){}dateToSqlTranslate(e){return e.toSQLDate()}onApplyClick(){this.emitDateRange(),this.updateValue(),this.shouldCloseOnSelect&&this.setOpen(!1)}handleDateSelection(e){var t;const i=e.detail.data;i&&(this.selectedDate=i,this.focusedDate=i,this.startDate?this.endDate?(this.startDate=this.dateToSqlTranslate(i),this.endDate=void 0):i<l.DateTime.fromISO(this.startDate)?(this.endDate=this.startDate,this.startDate=this.dateToSqlTranslate(i)):this.endDate=this.dateToSqlTranslate(i):this.startDate=this.dateToSqlTranslate(i),(null===(t=this.controlButtons)||void 0===t?void 0:t.apply)||(this.emitDateRange(),this.updateValue()))}emitDateRange(){if(!this.startDate||!this.endDate)return;const e=new CustomEvent("date-range-change",{detail:{startDate:this.startDate,endDate:this.endDate}});this.dispatchEvent(e)}};n([(0,s.property)({type:String,attribute:"start-date",reflect:!0})],t.prototype,"startDate",void 0),n([(0,s.property)({type:String,attribute:"end-date",reflect:!0})],t.prototype,"endDate",void 0),t=n([(0,r.w)("md-date-range-picker")],t),e.ELEMENT=t}(d||(d={}))},73679:e=>{e.exports=D},84157:e=>{e.exports=c},85314:e=>{e.exports=n},97822:e=>{e.exports=s}},j={};function q(e){var t=j[e];if(void 0!==t)return t.exports;var i=j[e]={exports:{}};return g[e](i,i.exports,q),i.exports}q.m=g,b=[],q.O=(e,t,i,r)=>{if(!t){var o=1/0;for(n=0;n<b.length;n++){for(var[t,i,r]=b[n],s=!0,l=0;l<t.length;l++)(!1&r||o>=r)&&Object.keys(q.O).every(e=>q.O[e](t[l]))?t.splice(l--,1):(s=!1,r<o&&(o=r));if(s){b.splice(n--,1);var a=i();void 0!==a&&(e=a)}}return e}r=r||0;for(var n=b.length;n>0&&b[n-1][2]>r;n--)b[n]=b[n-1];b[n]=[t,i,r]},q.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return q.d(t,{a:t}),t},q.d=(e,t)=>{for(var i in t)q.o(t,i)&&!q.o(e,i)&&Object.defineProperty(e,i,{enumerable:!0,get:t[i]})},q.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),q.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),q.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},(()=>{var e={2105:0};q.O.j=t=>0===e[t];var t=(t,i)=>{var r,o,[s,l,a]=i,n=0;if(s.some(t=>0!==e[t])){for(r in l)q.o(l,r)&&(q.m[r]=l[r]);if(a)var p=a(q)}for(t&&t(i);n<s.length;n++)o=s[n],q.o(e,o)&&e[o]&&e[o][0](),e[o]=0;return q.O(p)},i=self["momentum-web-components-[id]"]=self["momentum-web-components-[id]"]||[];i.forEach(t.bind(null,0)),i.push=t.bind(null,i.push.bind(i))})();var x=q.O(void 0,[6633,1890,6272,6325,6283,9217,2176,6798,5830,1200,2576,8210,4977,1270,3135,1598,109,1572,6366,6396,4974,6408,1323,8004,6754,4548,7719,984,1625,7814,2555,6273],()=>q(69494));return q.O(x)})());
+!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("luxon"),require("lit/decorators.js"),require("lit"),require("lit/directives/class-map.js"),require("lit/directives/style-map.js"),require("lit/directives/if-defined.js"),require("@momentum-ui/icons/data/momentumUiIconsNames.json"),require("@momentum-ui/utils/lib/getColorValue"),require("mobx"),require("lit/directives/repeat.js"),require("@popperjs/core/lib/modifiers/arrow"),require("@popperjs/core/lib/modifiers/flip"),require("@popperjs/core/lib/modifiers/offset"),require("@popperjs/core/lib/modifiers/preventOverflow"),require("@popperjs/core/lib/popper-lite"),require("@floating-ui/dom"));else if("function"==typeof define&&define.amd)define(["luxon","lit/decorators.js","lit","lit/directives/class-map.js","lit/directives/style-map.js","lit/directives/if-defined.js","@momentum-ui/icons/data/momentumUiIconsNames.json","@momentum-ui/utils/lib/getColorValue","mobx","lit/directives/repeat.js","@popperjs/core/lib/modifiers/arrow","@popperjs/core/lib/modifiers/flip","@popperjs/core/lib/modifiers/offset","@popperjs/core/lib/modifiers/preventOverflow","@popperjs/core/lib/popper-lite","@floating-ui/dom"],t);else{var r="object"==typeof exports?t(require("luxon"),require("lit/decorators.js"),require("lit"),require("lit/directives/class-map.js"),require("lit/directives/style-map.js"),require("lit/directives/if-defined.js"),require("@momentum-ui/icons/data/momentumUiIconsNames.json"),require("@momentum-ui/utils/lib/getColorValue"),require("mobx"),require("lit/directives/repeat.js"),require("@popperjs/core/lib/modifiers/arrow"),require("@popperjs/core/lib/modifiers/flip"),require("@popperjs/core/lib/modifiers/offset"),require("@popperjs/core/lib/modifiers/preventOverflow"),require("@popperjs/core/lib/popper-lite"),require("@floating-ui/dom")):t(e.luxon,e["lit/decorators.js"],e.lit,e["lit/directives/class-map.js"],e["lit/directives/style-map.js"],e["lit/directives/if-defined.js"],e["@momentum-ui/icons/data/momentumUiIconsNames.json"],e["@momentum-ui/utils/lib/getColorValue"],e.mobx,e["lit/directives/repeat.js"],e["@popperjs/core/lib/modifiers/arrow"],e["@popperjs/core/lib/modifiers/flip"],e["@popperjs/core/lib/modifiers/offset"],e["@popperjs/core/lib/modifiers/preventOverflow"],e["@popperjs/core/lib/popper-lite"],e["@floating-ui/dom"]);for(var i in r)("object"==typeof exports?exports:e)[i]=r[i]}}(self,(e,t,r,i,o,s,a,l,n,p,d,u,c,f,m,h)=>(()=>{"use strict";var v,D={4863:e=>{e.exports=m},5784:e=>{e.exports=h},10318:e=>{e.exports=o},20291:e=>{e.exports=s},22962:e=>{e.exports=d},32022:e=>{e.exports=a},58175:e=>{e.exports=p},60554:e=>{e.exports=l},65796:t=>{t.exports=e},68250:e=>{e.exports=c},69371:e=>{e.exports=f},69494:(e,t,r)=>{r.r(t),r.d(t,{DateRangePicker:()=>d});var i=r(31890),o=r(81625),s=r(70429),a=r(65796),l=r(38654),n=function(e,t,r,i){var o,s=arguments.length,a=s<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,r):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,r,i);else for(var l=e.length-1;l>=0;l--)(o=e[l])&&(a=(s<3?o(a):s>3?o(t,r,a):o(t,r))||a);return s>3&&a&&Object.defineProperty(t,r,a),a};const p=" - ";var d;!function(e){let t=class extends l.DatePicker.ELEMENT{constructor(){super(...arguments),this.startDate=void 0,this.endDate=void 0,this.updateValue=()=>{if(this.startDate&&this.endDate){const e=e=>this.useISOFormat?e:a.DateTime.fromISO(e).toLocaleString(a.DateTime.DATE_SHORT,{locale:this.locale}),t=e(this.startDate),r=e(this.endDate);this.value=`${t}${p}${r}`}},this.isValueValid=()=>{var e,t;if(!this.validateDate)return!0;const r=null!==(t=null===(e=this.value)||void 0===e?void 0:e.split(p))&&void 0!==t?t:[];return 2===r.length&&this.validateDateString(r[0])&&this.validateDateString(r[1])},this.getDefaultAriaLabel=()=>{if(this.startDate&&this.endDate){const e=a.DateTime.fromISO(this.startDate),t=a.DateTime.fromISO(this.endDate);if(e.isValid&&t.isValid)return`Choose Date Range, currently selected range is ${e.toLocaleString(a.DateTime.DATE_FULL)} to ${t.toLocaleString(a.DateTime.DATE_FULL)}`}return"Choose Date Range"}}connectedCallback(){super.connectedCallback(),super.render(),this.addEventListener("date-pre-selection-change",this.handleDateSelection),this.updateValue()}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("date-pre-selection-change",this.handleDateSelection)}updated(e){super.updated(e),!e.has("startDate")&&!e.has("endDate")||e.has("focusedDate")||this.updateValue()}getPlaceHolderString(){if(this.placeholder)return this.placeholder;if(this.useISOFormat)return`YYYY-MM-DD${p}YYYY-MM-DD`;const e=(0,o.gq)(this.locale).toUpperCase();return`${e}${p}${e}`}setSelected(){}dateToSqlTranslate(e){return e.toSQLDate()}onApplyClick(){this.emitDateRange(),this.updateValue(),this.shouldCloseOnSelect&&this.setOpen(!1)}handleDateSelection(e){var t;const r=e.detail.data;r&&(this.selectedDate=r,this.focusedDate=r,this.startDate?this.endDate?(this.startDate=this.dateToSqlTranslate(r),this.endDate=void 0):r<a.DateTime.fromISO(this.startDate)?(this.endDate=this.startDate,this.startDate=this.dateToSqlTranslate(r)):this.endDate=this.dateToSqlTranslate(r):this.startDate=this.dateToSqlTranslate(r),(null===(t=this.controlButtons)||void 0===t?void 0:t.apply)||(this.emitDateRange(),this.updateValue()))}emitDateRange(){if(!this.startDate||!this.endDate)return;const e=new CustomEvent("date-range-change",{detail:{startDate:this.startDate,endDate:this.endDate}});this.dispatchEvent(e)}};n([(0,s.property)({type:String,attribute:"start-date",reflect:!0})],t.prototype,"startDate",void 0),n([(0,s.property)({type:String,attribute:"end-date",reflect:!0})],t.prototype,"endDate",void 0),t=n([(0,i.w)("md-date-range-picker")],t),e.ELEMENT=t}(d||(d={}))},70429:e=>{e.exports=t},84157:e=>{e.exports=u},85125:e=>{e.exports=i},85314:e=>{e.exports=n},87161:e=>{e.exports=r}},b={};function j(e){var t=b[e];if(void 0!==t)return t.exports;var r=b[e]={exports:{}};return D[e](r,r.exports,j),r.exports}j.m=D,v=[],j.O=(e,t,r,i)=>{if(!t){var o=1/0;for(n=0;n<v.length;n++){for(var[t,r,i]=v[n],s=!0,a=0;a<t.length;a++)(!1&i||o>=i)&&Object.keys(j.O).every(e=>j.O[e](t[a]))?t.splice(a--,1):(s=!1,i<o&&(o=i));if(s){v.splice(n--,1);var l=r();void 0!==l&&(e=l)}}return e}i=i||0;for(var n=v.length;n>0&&v[n-1][2]>i;n--)v[n]=v[n-1];v[n]=[t,r,i]},j.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return j.d(t,{a:t}),t},j.d=(e,t)=>{for(var r in t)j.o(t,r)&&!j.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},j.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),j.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),j.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},(()=>{var e={2105:0};j.O.j=t=>0===e[t];var t=(t,r)=>{var i,o,[s,a,l]=r,n=0;if(s.some(t=>0!==e[t])){for(i in a)j.o(a,i)&&(j.m[i]=a[i]);if(l)var p=l(j)}for(t&&t(r);n<s.length;n++)o=s[n],j.o(e,o)&&e[o]&&e[o][0](),e[o]=0;return j.O(p)},r=self["momentum-web-components-[id]"]=self["momentum-web-components-[id]"]||[];r.forEach(t.bind(null,0)),r.push=t.bind(null,r.push.bind(r))})();var g=j.O(void 0,[6633,4765,6752,1890,4313,510,6283,5087,2176,6798,6865,1200,2576,8210,5630,1270,3135,1013,109,3739,7819,6396,4363,6408,1323,8345,6754,4548,7719,984,1625,7814,2555,6273],()=>j(69494));return j.O(g)})());

package/dist/comp/md-date-range-picker.js

@@ -1 +1 @@
-require("../6633"),require("../1890"),require("../6272"),require("../6325"),require("../6283"),require("../9217"),require("../2176"),require("../6798"),require("../5830"),require("../1200"),require("../2576"),require("../8210"),require("../4977"),require("../1270"),require("../3135"),require("../1598"),require("../109"),require("../1572"),require("../6366"),require("../6396"),require("../4974"),require("../6408"),require("../1323"),require("../8004"),require("../6754"),require("../4548"),require("../7719"),require("../984"),require("../1625"),require("../7814"),require("../2555"),require("../6273"),module.exports=require("../comp/md-date-range-picker-entry");
+require("../6633"),require("../4765"),require("../6752"),require("../1890"),require("../4313"),require("../510"),require("../6283"),require("../5087"),require("../2176"),require("../6798"),require("../6865"),require("../1200"),require("../2576"),require("../8210"),require("../5630"),require("../1270"),require("../3135"),require("../1013"),require("../109"),require("../3739"),require("../7819"),require("../6396"),require("../4363"),require("../6408"),require("../1323"),require("../8345"),require("../6754"),require("../4548"),require("../7719"),require("../984"),require("../1625"),require("../7814"),require("../2555"),require("../6273"),module.exports=require("../comp/md-date-range-picker-entry");