@momentum-ui/web-components 3.2.16 → 3.2.19
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/2273.js +48 -46
- package/dist/7137.js +1 -1
- package/dist/7262.js +1 -1
- package/dist/8881.js +1 -1
- package/dist/comp/md-accordion-item-entry.js +1 -1
- package/dist/comp/md-accordion-item.js +1 -1
- package/dist/comp/md-button-group-entry.js +1 -1
- package/dist/comp/md-button-group.js +1 -1
- package/dist/comp/md-card-alert-entry.js +18 -21
- package/dist/comp/md-card-entry.js +1 -1
- package/dist/comp/md-card.js +1 -1
- package/dist/comp/md-checkbox-entry.js +1 -1
- package/dist/comp/md-checkbox.js +1 -1
- package/dist/comp/md-coachmark-entry.js +1 -1
- package/dist/comp/md-coachmark.js +1 -1
- package/dist/comp/md-combobox-entry.js +48 -46
- package/dist/comp/md-combobox.js +1 -1
- package/dist/comp/md-country-code-picker-entry.js +1 -1
- package/dist/comp/md-country-code-picker.js +1 -1
- package/dist/comp/md-draggable-item-entry.js +1 -1
- package/dist/comp/md-draggable-item.js +1 -1
- package/dist/comp/md-dropdown-entry.js +1 -1
- package/dist/comp/md-dropdown.js +1 -1
- package/dist/comp/md-favorite-entry.js +1 -1
- package/dist/comp/md-favorite.js +1 -1
- package/dist/comp/md-floating-minimize-entry.js +1 -1
- package/dist/comp/md-floating-minimize.js +1 -1
- package/dist/comp/md-floating-modal-entry.js +80 -53
- package/dist/comp/md-floating-modal.js +1 -1
- package/dist/comp/md-grabber-entry.js +1 -1
- package/dist/comp/md-grabber.js +1 -1
- package/dist/comp/md-list-item-entry.js +1 -1
- package/dist/comp/md-list-item.js +1 -1
- package/dist/comp/md-menu-entry.js +1 -1
- package/dist/comp/md-menu.js +1 -1
- package/dist/comp/md-modal-entry.js +1 -1
- package/dist/comp/md-modal.js +1 -1
- package/dist/comp/md-phone-input-entry.js +1 -1
- package/dist/comp/md-phone-input.js +1 -1
- package/dist/comp/md-radio-entry.js +1 -1
- package/dist/comp/md-radio.js +1 -1
- package/dist/comp/md-slider-entry.js +1 -1
- package/dist/comp/md-slider.js +1 -1
- package/dist/comp/md-tab-entry.js +1 -1
- package/dist/comp/md-tab-panel-entry.js +1 -1
- package/dist/comp/md-tab-panel.js +1 -1
- package/dist/comp/md-tab.js +1 -1
- package/dist/comp/md-tabs-entry.js +1 -1
- package/dist/comp/md-tabs.js +1 -1
- package/dist/comp/md-timepicker-entry.js +1 -1
- package/dist/comp/md-timepicker.js +1 -1
- package/dist/comp/md-toggle-switch-entry.js +1 -1
- package/dist/comp/md-toggle-switch.js +1 -1
- package/dist/esm/2273.js +48 -46
- package/dist/esm/3155.js +1 -1
- package/dist/esm/3648.js +1 -1
- package/dist/esm/4654.js +48 -46
- package/dist/esm/7137.js +1 -1
- package/dist/esm/comp/md-accordion-item-entry.js +1 -1
- package/dist/esm/comp/md-accordion-item.js +1 -1
- package/dist/esm/comp/md-button-group-entry.js +1 -1
- package/dist/esm/comp/md-button-group.js +1 -1
- package/dist/esm/comp/md-card-alert-entry.js +19 -22
- package/dist/esm/comp/md-card-entry.js +1 -1
- package/dist/esm/comp/md-card.js +1 -1
- package/dist/esm/comp/md-checkbox-entry.js +1 -1
- package/dist/esm/comp/md-checkbox.js +1 -1
- package/dist/esm/comp/md-coachmark-entry.js +1 -1
- package/dist/esm/comp/md-coachmark.js +1 -1
- package/dist/esm/comp/md-combobox-entry.js +1 -1
- package/dist/esm/comp/md-combobox.js +1 -1
- package/dist/esm/comp/md-country-code-picker-entry.js +1 -1
- package/dist/esm/comp/md-country-code-picker.js +1 -1
- package/dist/esm/comp/md-draggable-item-entry.js +1 -1
- package/dist/esm/comp/md-draggable-item.js +1 -1
- package/dist/esm/comp/md-dropdown-entry.js +1 -1
- package/dist/esm/comp/md-dropdown.js +1 -1
- package/dist/esm/comp/md-favorite-entry.js +1 -1
- package/dist/esm/comp/md-favorite.js +1 -1
- package/dist/esm/comp/md-floating-minimize-entry.js +1 -1
- package/dist/esm/comp/md-floating-minimize.js +1 -1
- package/dist/esm/comp/md-floating-modal-entry.js +71 -44
- package/dist/esm/comp/md-floating-modal.js +1 -1
- package/dist/esm/comp/md-grabber-entry.js +1 -1
- package/dist/esm/comp/md-grabber.js +1 -1
- package/dist/esm/comp/md-list-item-entry.js +1 -1
- package/dist/esm/comp/md-list-item.js +1 -1
- package/dist/esm/comp/md-menu-entry.js +1 -1
- package/dist/esm/comp/md-menu.js +1 -1
- package/dist/esm/comp/md-modal-entry.js +1 -1
- package/dist/esm/comp/md-modal.js +1 -1
- package/dist/esm/comp/md-phone-input-entry.js +1 -1
- package/dist/esm/comp/md-phone-input.js +1 -1
- package/dist/esm/comp/md-radio-entry.js +1 -1
- package/dist/esm/comp/md-radio.js +1 -1
- package/dist/esm/comp/md-slider-entry.js +1 -1
- package/dist/esm/comp/md-slider.js +1 -1
- package/dist/esm/comp/md-tab-entry.js +1 -1
- package/dist/esm/comp/md-tab-panel-entry.js +1 -1
- package/dist/esm/comp/md-tab-panel.js +1 -1
- package/dist/esm/comp/md-tab.js +1 -1
- package/dist/esm/comp/md-tabs-entry.js +1 -1
- package/dist/esm/comp/md-tabs.js +1 -1
- package/dist/esm/comp/md-timepicker-entry.js +1 -1
- package/dist/esm/comp/md-timepicker.js +1 -1
- package/dist/esm/comp/md-toggle-switch-entry.js +1 -1
- package/dist/esm/comp/md-toggle-switch.js +1 -1
- package/dist/esm/index-entry.js +256 -232
- package/dist/esm/index.js +1 -1
- package/dist/index-entry.js +143 -117
- package/dist/index.js +1 -1
- package/dist/types/[sandbox]/examples/editable-field.d.ts +1 -1
- package/dist/types/components/avatar/Avatar.d.ts +3 -3
- package/dist/types/components/badge/Badge.d.ts +1 -1
- package/dist/types/components/button/Button.d.ts +2 -2
- package/dist/types/components/card-alert/CardAlert.d.ts +9 -2
- package/dist/types/components/chip/Chip.d.ts +3 -3
- package/dist/types/components/combobox/ComboBox.d.ts +5 -3
- package/dist/types/components/dropdown/Dropdown.d.ts +2 -2
- package/dist/types/components/editable-textfield/EditableTextfield.d.ts +1 -1
- package/dist/types/components/floating-modal/FloatingModal.d.ts +8 -0
- package/dist/types/components/floating-modal/FloatingModal.stories.d.ts +4 -0
- package/dist/types/components/input/Input.d.ts +5 -5
- package/dist/types/components/radio/Radio.d.ts +1 -1
- package/dist/types/components/taskitem/TaskItem.utils.d.ts +1 -1
- package/dist/types/internal-components/color-table/ColorTable.d.ts +1 -1
- package/package.json +1 -1
package/dist/esm/4654.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export const __webpack_esm_id__=4654;export const __webpack_esm_ids__=[2273,4654];export const __webpack_esm_modules__={2273(t,e,i){i(7906),i(1821);var s,o=i(2900),l=i(7704),n=i(9609),r=i(2050),h=i(4084),a=i(2927),d=i(8899),p=i(4955),u=i(3517),c=i(2577),m=i(1156),b=i(7103),g=i(4047),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{h(s.next(t))}catch(t){l(t)}}function r(t){try{h(s.throw(t))}catch(t){l(t)}}function h(t){var e;t.done?o(t.value):(e=t.value,e instanceof i?e:new i(function(t){t(e)})).then(n,r)}h((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)(a.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,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("options")&&this.expanded&&this.checkForVirtualScroll()&&this.updateOnNextFrame(()=>{this.resizeListbox()}),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)?String(t[this.optionValue]):t}getOptionGroupName(t){return null==t?void 0:t.groupName}getOptionId(t){return this.isOptionObject(t)?String(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);if(this.setSelectedAttribute(t),t)if(this.setSelectedOption(t),this.isMulti)this.isMulti&&this.allowSelectAll&&(this.isSelectAllChecked=this.isSelectAllSelected());else{const i=this.getOptionValue(t);this.inputValue=i,this.setInputValue(i),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;if(!this.readOnly)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){if(this.allowCustomValue&&this.input&&this.input.value.length&&-1===this.findFilteredOption(this.inputValue))return void this.setCustomValue();this.updateOnNextFrame(()=>{var t;const e=this.getFocusedItem(this.allowSelectAll?this.focusedIndex-1:this.focusedIndex);!e||this.showSelectedCount||this.isMulti||(this.inputValue=this.getOptionValue(e)),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()})}if(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[h.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 a.html`
|
|
1
|
+
export const __webpack_esm_id__=4654;export const __webpack_esm_ids__=[2273,4654];export const __webpack_esm_modules__={2273(t,e,i){i(7906),i(1821);var s,o=i(2900),l=i(7704),n=i(9609),r=i(2050),a=i(93),h=i(4084),d=i(2927),p=i(8899),u=i(4955),c=i(3517),m=i(2577),b=i(1156),g=i(7103),f=i(4047),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)(d.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._fallbackId=(0,a.O)("md-combobox"),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 messageId(){return`${this.htmlId||this._fallbackId}-message`}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("options")&&this.expanded&&this.checkForVirtualScroll()&&this.updateOnNextFrame(()=>{this.resizeListbox()}),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)?String(t[this.optionValue]):t}getOptionGroupName(t){return null==t?void 0:t.groupName}getOptionId(t){return this.isOptionObject(t)?String(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);if(this.setSelectedAttribute(t),t)if(this.setSelectedOption(t),this.isMulti)this.isMulti&&this.allowSelectAll&&(this.isSelectAllChecked=this.isSelectAllSelected());else{const i=this.getOptionValue(t);this.inputValue=i,this.setInputValue(i),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;if(!this.readOnly)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){if(this.allowCustomValue&&this.input&&this.input.value.length&&-1===this.findFilteredOption(this.inputValue))return void this.setCustomValue();this.updateOnNextFrame(()=>{var t;const e=this.getFocusedItem(this.allowSelectAll?this.focusedIndex-1:this.focusedIndex);!e||this.showSelectedCount||this.isMulti||(this.inputValue=this.getOptionValue(e)),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()})}if(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[h.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 d.html`
|
|
2
2
|
<md-icon
|
|
3
3
|
name=${t}
|
|
4
4
|
class=${e}
|
|
@@ -7,7 +7,7 @@ export const __webpack_esm_id__=4654;export const __webpack_esm_ids__=[2273,4654
|
|
|
7
7
|
aria-hidden="true"
|
|
8
8
|
@click=${this.toggleVisualListBox}
|
|
9
9
|
></md-icon>
|
|
10
|
-
`}selectedOptionTemplate(t){return
|
|
10
|
+
`}selectedOptionTemplate(t){return d.html`
|
|
11
11
|
<div class="md-combobox-selected-item">
|
|
12
12
|
<span>${this.getOptionValue(t)}</span>
|
|
13
13
|
<md-icon
|
|
@@ -19,7 +19,7 @@ export const __webpack_esm_id__=4654;export const __webpack_esm_ids__=[2273,4654
|
|
|
19
19
|
@click=${()=>this.removeSelected(t)}
|
|
20
20
|
></md-icon>
|
|
21
21
|
</div>
|
|
22
|
-
`}clearButtonTemplate(){return
|
|
22
|
+
`}clearButtonTemplate(){return d.html`
|
|
23
23
|
<button
|
|
24
24
|
type="button"
|
|
25
25
|
class="md-combobox-button clear"
|
|
@@ -39,28 +39,28 @@ export const __webpack_esm_id__=4654;export const __webpack_esm_ids__=[2273,4654
|
|
|
39
39
|
style="height: ${this.clearIconHeight};"
|
|
40
40
|
></md-icon>
|
|
41
41
|
</button>
|
|
42
|
-
`}arrowButtonTemplate(){return
|
|
42
|
+
`}arrowButtonTemplate(){return d.html`
|
|
43
43
|
<button
|
|
44
44
|
type="button"
|
|
45
45
|
class="md-combobox-button arrow-down"
|
|
46
46
|
part="combobox-button-arrow"
|
|
47
47
|
aria-expanded=${this.expanded}
|
|
48
|
-
aria-label=${(0,
|
|
48
|
+
aria-label=${(0,c.ifDefined)("true"===this.popupChevronAriaHidden?void 0:this.arrowAriaLabel)}
|
|
49
49
|
aria-controls="md-combobox-listbox"
|
|
50
50
|
tabindex="-1"
|
|
51
|
-
aria-hidden=${(0,
|
|
51
|
+
aria-hidden=${(0,c.ifDefined)("true"===this.popupChevronAriaHidden?"true":void 0)}
|
|
52
52
|
?disabled=${this.disabled}
|
|
53
53
|
?readonly=${this.readOnly}
|
|
54
54
|
@click=${this.toggleVisualListBox}
|
|
55
55
|
>
|
|
56
56
|
<md-icon name="arrow-down-bold" size="16" iconSet="momentumDesign" aria-hidden="true"></md-icon>
|
|
57
57
|
</button>
|
|
58
|
-
`}groupArrowButtonTemplate(t){const e=this.groupExpandedList.includes(t)?"arrow-up-bold":"arrow-down-bold";return
|
|
58
|
+
`}groupArrowButtonTemplate(t){const e=this.groupExpandedList.includes(t)?"arrow-up-bold":"arrow-down-bold";return d.html`
|
|
59
59
|
<button
|
|
60
60
|
type="button"
|
|
61
61
|
class="md-combobox-button"
|
|
62
62
|
part="combobox-button-arrow"
|
|
63
|
-
aria-label=${(0,
|
|
63
|
+
aria-label=${(0,c.ifDefined)("true"===this.popupChevronAriaHidden?void 0:this.arrowAriaLabel)}
|
|
64
64
|
aria-controls="md-combobox-listbox"
|
|
65
65
|
tabindex="-1"
|
|
66
66
|
aria-hidden=${"true"===this.popupChevronAriaHidden?"true":"false"}
|
|
@@ -72,14 +72,14 @@ export const __webpack_esm_id__=4654;export const __webpack_esm_ids__=[2273,4654
|
|
|
72
72
|
<md-icon name=${e} size="12" iconSet="momentumDesign" aria-hidden="true"></md-icon>
|
|
73
73
|
</span>
|
|
74
74
|
</button>
|
|
75
|
-
`}getSelectAllOption(){const t=this.checkForVirtualScroll()?`, 1 of ${this.options.length+1}`:"";return
|
|
75
|
+
`}getSelectAllOption(){const t=this.checkForVirtualScroll()?`, 1 of ${this.options.length+1}`:"";return d.html`
|
|
76
76
|
<div
|
|
77
77
|
id="selectAll"
|
|
78
78
|
part="combobox-option"
|
|
79
|
-
class="md-combobox-option ${(0,
|
|
79
|
+
class="md-combobox-option ${(0,u.classMap)(this.listItemOptionMap)}"
|
|
80
80
|
@click=${this.handleSelectAll}
|
|
81
81
|
aria-label="${this.selectAllTextLocalization}${t}"
|
|
82
|
-
aria-checked=${(0,
|
|
82
|
+
aria-checked=${(0,c.ifDefined)(this.isSelectAllChecked?"true":void 0)}
|
|
83
83
|
role="checkbox"
|
|
84
84
|
>
|
|
85
85
|
<span class="select-option" aria-hidden="true">
|
|
@@ -88,9 +88,9 @@ export const __webpack_esm_id__=4654;export const __webpack_esm_ids__=[2273,4654
|
|
|
88
88
|
|
|
89
89
|
<span part="label" class="select-label" aria-hidden="true">${this.selectAllTextLocalization}</span>
|
|
90
90
|
</div>
|
|
91
|
-
`}getSelctedCount(){return 0===this.selectedOptions.length?
|
|
91
|
+
`}getSelctedCount(){return 0===this.selectedOptions.length?d.nothing:this.isSelectAllSelected()?d.html` <span class="selected-count">${this.allTextLocalization}</span> `:d.html`
|
|
92
92
|
<span class="selected-count">${this.selectedOptions.length} ${this.selectedTextLocalization}</span>
|
|
93
|
-
`}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}`):
|
|
93
|
+
`}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}`):d.html``}return d.html` <slot name=${(0,c.ifDefined)(e)}></slot> `}renderGroupLabelHeader(t,e){return d.html`
|
|
94
94
|
<div
|
|
95
95
|
part="group-label"
|
|
96
96
|
class="group-label"
|
|
@@ -105,7 +105,7 @@ export const __webpack_esm_id__=4654;export const __webpack_esm_ids__=[2273,4654
|
|
|
105
105
|
<span part="group-label">${t.value}</span>
|
|
106
106
|
${this.groupArrowButtonTemplate(t.value)}
|
|
107
107
|
</div>
|
|
108
|
-
`}renderWithoutVirtualScroll(){return(0,
|
|
108
|
+
`}renderWithoutVirtualScroll(){return(0,m.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?d.html` <span class="highlight-text" part="select-label">${t}</span> `:d.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,b.styleMap)({visibility:t?"hidden":"visible","z-index":t?"-1":"99",overflow:"hidden"}):(0,b.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 d.html`
|
|
109
109
|
<div
|
|
110
110
|
id=${this.getOptionId(t)}
|
|
111
111
|
title="${this.getOptionValue(t)}"
|
|
@@ -117,26 +117,26 @@ export const __webpack_esm_id__=4654;export const __webpack_esm_ids__=[2273,4654
|
|
|
117
117
|
aria-label="${this.isCustomContent?this.getOptionId(t):this.getOptionValue(t)}${o}"
|
|
118
118
|
tabindex="-1"
|
|
119
119
|
@click=${t=>this.handleListClick(t)}
|
|
120
|
-
aria-checked=${(0,
|
|
120
|
+
aria-checked=${(0,c.ifDefined)(this.isMulti?this.isOptionChecked.call(this,t):void 0)}
|
|
121
121
|
>
|
|
122
|
-
${this.isMulti?
|
|
122
|
+
${this.isMulti?d.html`
|
|
123
123
|
<span class="select-option" aria-hidden="true">
|
|
124
124
|
<md-icon name="check-bold" size="14" iconSet="momentumDesign"></md-icon>
|
|
125
125
|
</span>
|
|
126
|
-
`:
|
|
126
|
+
`:d.nothing}
|
|
127
127
|
<span part="label" class="select-label" aria-hidden="true">
|
|
128
128
|
${this.isCustomContent?this.getCustomContent(t):this.highlightingSearchedText(t)}
|
|
129
129
|
</span>
|
|
130
130
|
</div>
|
|
131
|
-
`}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?
|
|
131
|
+
`}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?d.html`
|
|
132
132
|
<md-help-text
|
|
133
|
-
class="help-text ${(0,
|
|
133
|
+
class="help-text ${(0,u.classMap)({disabled:this.disabled,newMomentum:this.newMomentum})}"
|
|
134
134
|
.message=${this.helpText}
|
|
135
|
-
style=${(0,
|
|
135
|
+
style=${(0,b.styleMap)({width:"100%"})}
|
|
136
136
|
></md-help-text>
|
|
137
|
-
`:
|
|
138
|
-
<div id="${this.
|
|
139
|
-
${(0,
|
|
137
|
+
`:d.nothing}messagesTemplate(){return this.messages&&this.messages.length?d.html`
|
|
138
|
+
<div id="${this.messageId}" part="message" class="md-combobox__messages">
|
|
139
|
+
${(0,m.repeat)(this.messages,(t,e)=>d.html`
|
|
140
140
|
<md-help-text
|
|
141
141
|
.message=${t}
|
|
142
142
|
.id=${this.messageArr[e].id||""}
|
|
@@ -145,26 +145,28 @@ export const __webpack_esm_id__=4654;export const __webpack_esm_ids__=[2273,4654
|
|
|
145
145
|
></md-help-text>
|
|
146
146
|
`)}
|
|
147
147
|
</div>
|
|
148
|
-
`:
|
|
148
|
+
`:d.nothing}get newArrowButtonTemplate(){return d.html`<div class="md-combobox-right-arrow">${this.arrowButtonTemplate()}</div>`}get renderNewMomentumArrow(){return d.html` ${this.isDropdownArrow?this.arrowButtonTemplate():this.newArrowButtonTemplate} `}get renderTrailingInputControls(){const t=!this.readOnly&&this.shouldChangeButton();return this.newMomentum?t&&this.isDropdownArrow?d.html`${this.clearButtonTemplate()}`:t?d.html`${this.clearButtonTemplate()} ${this.renderNewMomentumArrow}`:this.renderNewMomentumArrow:this.compact?d.html`${d.nothing}`:d.html`${t?this.clearButtonTemplate():this.arrowButtonTemplate()}`}get renderVirtualScroll(){return d.html`
|
|
149
149
|
<div class="virtual-scroll" @rangeChanged=${this.rangeChanged}>
|
|
150
150
|
<lit-virtualizer
|
|
151
151
|
.items=${this.filterOptions(this.trimSpace?this.inputValue.replace(/\s+/g,""):this.inputValue)}
|
|
152
152
|
.renderItem=${(t,e)=>this.renderItem(t,e)}
|
|
153
153
|
></lit-virtualizer>
|
|
154
154
|
</div>
|
|
155
|
-
`}render(){return
|
|
156
|
-
<div part="combobox" class="md-combobox md-combobox-list ${(0,
|
|
157
|
-
<div part="group" class="group ${(0,
|
|
158
|
-
${this.searchable?this.searchIconTemplate():this.showFilterIcon?this.filterIconTemplate():
|
|
155
|
+
`}render(){return d.html`
|
|
156
|
+
<div part="combobox" class="md-combobox md-combobox-list ${(0,u.classMap)(this.comboBoxTemplateClassMap)}">
|
|
157
|
+
<div part="group" class="group ${(0,u.classMap)(this.listItemOptionMap)}">
|
|
158
|
+
${this.searchable?this.searchIconTemplate():this.showFilterIcon?this.filterIconTemplate():d.nothing}
|
|
159
159
|
<div class="md-combobox__multiwrap" part="multiwrap">
|
|
160
|
-
${this.isMulti?this.isMulti&&!this.showSelectedCount?(0,
|
|
160
|
+
${this.isMulti?this.isMulti&&!this.showSelectedCount?(0,m.repeat)(this.selectedOptions,t=>this.selectedOptionTemplate(t)):this.getSelctedCount():d.nothing}
|
|
161
161
|
<input
|
|
162
|
-
id=${(0,
|
|
162
|
+
id=${(0,c.ifDefined)(this.comboboxId||void 0)}
|
|
163
163
|
class="md-combobox-listbox"
|
|
164
164
|
type="text"
|
|
165
165
|
role="combobox"
|
|
166
166
|
aria-autocomplete="both"
|
|
167
|
-
aria-label=${(0,
|
|
167
|
+
aria-label=${(0,c.ifDefined)(this.inputValue&&this.selectedOptions.length>0?void 0:this.ariaLabelForComboBox)}
|
|
168
|
+
aria-describedby=${(0,c.ifDefined)(this.messages&&this.messages.length?this.messageId:void 0)}
|
|
169
|
+
aria-invalid=${(0,c.ifDefined)("error"===this.messageType?"true":void 0)}
|
|
168
170
|
part="multiwrap-input"
|
|
169
171
|
aria-expanded=${this.expanded}
|
|
170
172
|
placeholder=${this.inputValue&&this.selectedOptions.length>0||this.isMulti&&this.showSelectedCount&&0!==this.selectedOptions.length?"":this.placeholder}
|
|
@@ -172,7 +174,7 @@ export const __webpack_esm_id__=4654;export const __webpack_esm_ids__=[2273,4654
|
|
|
172
174
|
?readonly=${this.allowSelectAll||this.readOnly}
|
|
173
175
|
?disabled=${this.disabled}
|
|
174
176
|
?autofocus=${this.autofocus}
|
|
175
|
-
title=${(0,
|
|
177
|
+
title=${(0,c.ifDefined)(this.inputValue&&this.selectedOptions.length>0?void 0:this.inputTitle())}
|
|
176
178
|
.value=${this.inputValue}
|
|
177
179
|
@click=${this.toggleVisualListBox}
|
|
178
180
|
@input=${this.handleInput}
|
|
@@ -183,42 +185,42 @@ export const __webpack_esm_id__=4654;export const __webpack_esm_ids__=[2273,4654
|
|
|
183
185
|
${this.renderTrailingInputControls}
|
|
184
186
|
</div>
|
|
185
187
|
|
|
186
|
-
${this.showLoader||this.showCustomError?
|
|
188
|
+
${this.showLoader||this.showCustomError?d.html`
|
|
187
189
|
<div
|
|
188
190
|
id="md-combobox-listbox"
|
|
189
191
|
part="combobox-options"
|
|
190
192
|
aria-label=${this.ariaLabel}
|
|
191
|
-
style=${(0,
|
|
193
|
+
style=${(0,b.styleMap)({display:this.expanded?"block":"none","z-index":"99"})}
|
|
192
194
|
>
|
|
193
195
|
${this.getCustomErrorContent()}
|
|
194
196
|
</div>
|
|
195
|
-
`:
|
|
197
|
+
`:d.html`
|
|
196
198
|
<div
|
|
197
199
|
id="md-combobox-listbox"
|
|
198
200
|
part="combobox-options"
|
|
199
201
|
aria-label=${this.ariaLabel||this.label}
|
|
200
202
|
style=${this.addStyle()}
|
|
201
|
-
role=${(0,
|
|
203
|
+
role=${(0,c.ifDefined)(this.checkForVirtualScroll()?void 0:"listbox")}
|
|
202
204
|
>
|
|
203
|
-
${this.isMulti&&this.allowSelectAll&&this.expanded?this.getSelectAllOption():
|
|
204
|
-
${this.checkForVirtualScroll()?0!==this.options.length&&this.filterOptions(this.trimSpace?this.inputValue.replace(/\s+/g,""):this.inputValue).length>0?this.renderVirtualScroll:
|
|
205
|
-
${this.options.length&&0===this.filteredOptions.length&&this.inputValue&&!this.allowCustomValue?
|
|
205
|
+
${this.isMulti&&this.allowSelectAll&&this.expanded?this.getSelectAllOption():d.nothing}
|
|
206
|
+
${this.checkForVirtualScroll()?0!==this.options.length&&this.filterOptions(this.trimSpace?this.inputValue.replace(/\s+/g,""):this.inputValue).length>0?this.renderVirtualScroll:d.nothing:this.renderWithoutVirtualScroll()}
|
|
207
|
+
${this.options.length&&0===this.filteredOptions.length&&this.inputValue&&!this.allowCustomValue?d.html`
|
|
206
208
|
<div class="no-result md-combobox-option" role="option" aria-selected="false" tabindex="-1">
|
|
207
209
|
${this.resultsTextLocalization.trim()}
|
|
208
210
|
</div>
|
|
209
|
-
`:
|
|
210
|
-
${0===this.options.length?
|
|
211
|
+
`:d.nothing}
|
|
212
|
+
${0===this.options.length?d.html`
|
|
211
213
|
<div class="no-result md-combobox-option" role="option" aria-selected="false" tabindex="-1">
|
|
212
214
|
${this.optionsTextLocalization.trim()}
|
|
213
215
|
</div>
|
|
214
|
-
`:
|
|
216
|
+
`:d.nothing}
|
|
215
217
|
</div>
|
|
216
218
|
`}
|
|
217
219
|
</div>
|
|
218
|
-
${this.invalid?
|
|
219
|
-
<div part="message" class="md-combobox-error ${(0,
|
|
220
|
+
${this.invalid?d.html`
|
|
221
|
+
<div part="message" class="md-combobox-error ${(0,u.classMap)({"md-new-combobox-error":this.newMomentum})}">
|
|
220
222
|
<md-help-text .message=${this.invalidText} messageType="error"></md-help-text>
|
|
221
223
|
</div>
|
|
222
|
-
`:
|
|
224
|
+
`:d.nothing}
|
|
223
225
|
${this.messagesTemplate()} ${this.helpTextTemplate()}
|
|
224
|
-
`}};
|
|
226
|
+
`}};x([(0,p.property)({type:String})],i.prototype,"label",void 0),x([(0,p.property)({type:Array})],i.prototype,"options",void 0),x([(0,p.property)({type:Array,attribute:"custom-options"})],i.prototype,"customOptions",void 0),x([(0,p.property)({type:String})],i.prototype,"placeholder",void 0),x([(0,p.property)({type:Boolean,attribute:"is-multi"})],i.prototype,"isMulti",void 0),x([(0,p.property)({type:Boolean,attribute:"use-virtual-scroll"})],i.prototype,"useVirtualScroll",void 0),x([(0,p.property)({type:Boolean,reflect:!0})],i.prototype,"disabled",void 0),x([(0,p.property)({type:Boolean,reflect:!0})],i.prototype,"ordered",void 0),x([(0,p.property)({type:Boolean,reflect:!0})],i.prototype,"expanded",void 0),x([(0,p.property)({type:Array,reflect:!0})],i.prototype,"groupExpandedList",void 0),x([(0,p.property)({type:Boolean,reflect:!0})],i.prototype,"searchItem",void 0),x([(0,p.property)({type:Boolean,reflect:!0})],i.prototype,"compact",void 0),x([(0,p.property)({type:Boolean,attribute:"no-clear-icon"})],i.prototype,"noClearIcon",void 0),x([(0,p.property)({type:Boolean,attribute:"select-when-in-focus"})],i.prototype,"selectWhenInFocus",void 0),x([(0,p.property)({type:Array})],i.prototype,"selectedOptions",void 0),x([(0,p.property)({type:Number,attribute:"visible-option",reflect:!0})],i.prototype,"visibleOptions",void 0),x([(0,p.property)({type:String,attribute:"option-id",reflect:!0})],i.prototype,"optionId",void 0),x([(0,p.property)({type:String,attribute:"option-value",reflect:!0})],i.prototype,"optionValue",void 0),x([(0,p.property)({type:Boolean,attribute:"with-custom-content"})],i.prototype,"isCustomContent",void 0),x([(0,p.property)({type:Boolean,reflect:!0})],i.prototype,"searchable",void 0),x([(0,p.property)({type:String})],i.prototype,"shape",void 0),x([(0,p.property)({type:Array})],i.prototype,"value",void 0),x([(0,p.property)({type:String,attribute:"input-value",reflect:!0})],i.prototype,"inputValue",void 0),x([(0,p.property)({type:Boolean,attribute:"allow-custom-value",reflect:!0})],i.prototype,"allowCustomValue",void 0),x([(0,p.property)({type:Boolean,reflect:!0})],i.prototype,"autofocus",void 0),x([(0,p.property)({type:String,attribute:"no-results-i18n"})],i.prototype,"resultsTextLocalization",void 0),x([(0,p.property)({type:String,attribute:"no-options-i18n"})],i.prototype,"optionsTextLocalization",void 0),x([(0,p.property)({type:Boolean,reflect:!0,attribute:"search-trim-space"})],i.prototype,"trimSpace",void 0),x([(0,p.property)({type:Boolean,reflect:!0})],i.prototype,"invalid",void 0),x([(0,p.property)({type:String,reflect:!0,attribute:"invalid-text-i18n"})],i.prototype,"invalidText",void 0),x([(0,p.property)({type:String,reflect:!0})],i.prototype,"ariaLabel",void 0),x([(0,p.property)({type:String,attribute:"search-result-aria-label"})],i.prototype,"searchResultAriaLabel",void 0),x([(0,p.state)()],i.prototype,"ariaLabelForComboBox",void 0),x([(0,p.property)({type:String,attribute:"clear-aria-label"})],i.prototype,"clearAriaLabel",void 0),x([(0,p.property)({type:String,attribute:"arrow-aria-label"})],i.prototype,"arrowAriaLabel",void 0),x([(0,p.property)({type:String,attribute:"clear-icon-height"})],i.prototype,"clearIconHeight",void 0),x([(0,p.property)({type:String,attribute:"all-i18n"})],i.prototype,"allTextLocalization",void 0),x([(0,p.property)({type:String,attribute:"select-all-i18n"})],i.prototype,"selectAllTextLocalization",void 0),x([(0,p.property)({type:String,attribute:"selected-all-i18n"})],i.prototype,"selectedTextLocalization",void 0),x([(0,p.property)({type:Boolean,attribute:"allow-select-all",reflect:!0})],i.prototype,"allowSelectAll",void 0),x([(0,p.property)({type:Boolean,attribute:"show-custom-error",reflect:!0})],i.prototype,"showCustomError",void 0),x([(0,p.property)({type:Boolean,attribute:"show-loader",reflect:!0})],i.prototype,"showLoader",void 0),x([(0,p.property)({type:Boolean,attribute:"show-selected-count",reflect:!0})],i.prototype,"showSelectedCount",void 0),x([(0,p.property)({type:String,attribute:"popup-chevron-aria-hidden"})],i.prototype,"popupChevronAriaHidden",void 0),x([(0,p.property)({type:Boolean,reflect:!0})],i.prototype,"newMomentum",void 0),x([(0,p.property)({type:Boolean,attribute:"show-filter-icon"})],i.prototype,"showFilterIcon",void 0),x([(0,p.property)({type:Boolean,attribute:"prevent-filter"})],i.prototype,"preventFilter",void 0),x([(0,p.property)({type:Boolean,attribute:"is-dropdown-arrow"})],i.prototype,"isDropdownArrow",void 0),x([(0,p.property)({type:String})],i.prototype,"comboboxId",void 0),x([(0,p.property)({type:String})],i.prototype,"helpText",void 0),x([(0,p.property)({type:Array})],i.prototype,"messageArr",void 0),x([(0,p.property)({type:String})],i.prototype,"htmlId",void 0),x([(0,p.property)({type:Boolean,reflect:!0})],i.prototype,"readOnly",void 0),x([(0,p.state)()],i.prototype,"isOptGroup",void 0),x([(0,p.state)()],i.prototype,"isSelectAllChecked",void 0),x([(0,p.query)(".group")],i.prototype,"group",void 0),x([(0,p.query)(".md-combobox-listbox")],i.prototype,"input",void 0),x([(0,p.query)(".md-combobox-button")],i.prototype,"button",void 0),x([(0,p.query)("div#md-combobox-listbox")],i.prototype,"listBox",void 0),x([(0,p.query)(".virtual-scroll")],i.prototype,"virtualizer",void 0),x([(0,p.queryAll)("div.md-combobox-option")],i.prototype,"lists",void 0),x([(0,p.queryAll)(".group-label")],i.prototype,"labels",void 0),x([(0,p.queryAll)(".md-combobox-selected-item")],i.prototype,"selected",void 0),i=x([(0,n.w)("md-combobox")],i),t.ELEMENT=i}(s||(s={}))}};
|
package/dist/esm/7137.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export const __webpack_esm_id__=7137;export const __webpack_esm_ids__=[7137];export const __webpack_esm_modules__={7137(e,t
|
|
1
|
+
export const __webpack_esm_id__=7137;export const __webpack_esm_ids__=[7137];export const __webpack_esm_modules__={7137(r,e,t){t.d(e,{A:()=>a});const a=t(2927).css`:host(md-card-alert){display:block}:host(md-card-alert) .md-card-alert{align-content:center;align-items:stretch;display:flex;flex-flow:column nowrap;justify-content:flex-start;background:var(--md-glass-overlay-bg-color);border:1px solid var(--md-quaternary-bg-color);border-radius:.75rem;box-sizing:border-box;box-shadow:0 2px 8px rgba(0,0,0,.1);gap:.75rem;padding:.75rem;width:19.5625rem}:host(md-card-alert) .md-card-alert--no-insight{height:329px;max-height:329px;min-height:329px}:host(md-card-alert) .md-card-alert:not(:host(md-card-alert).md-card-alert--expanded):hover{background:var(--md-card-v2-background-hover,var(--md-glass-overlay-bg-color));border:1px solid var(--card-v2-border-hover,var(--md-quaternary-bg-color))}:host(md-card-alert) .md-card-alert--expanded{border:1px solid var(--md-primary-text-color);background:var(--md-secondary-bg-color)}:host(md-card-alert) .md-card-alert:focus{outline:0}:host(md-card-alert) .md-card-alert-header{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:space-between;flex-wrap:nowrap}:host(md-card-alert) .md-card-alert-chips{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:flex-start;gap:.375rem;min-width:0;overflow:hidden}:host(md-card-alert) .md-card-alert-timestamp{color:var(--md-secondary-text-color);font-size:.875rem;font-weight:400;flex-shrink:0}:host(md-card-alert) .md-card-alert-title-section{align-content:center;align-items:flex-start;display:flex;flex-flow:column nowrap;justify-content:flex-start;gap:.125rem;min-width:0;width:100%}:host(md-card-alert) .md-card-alert-title{-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;color:var(--md-primary-text-color);display:-webkit-box;font-size:1rem;font-weight:700;max-height:3rem;line-height:1.5rem;margin:0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:normal;width:100%}:host(md-card-alert) .md-card-alert-subtitle{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:flex-start;color:var(--md-secondary-text-color);font-size:.875rem;gap:.25rem;margin:0}:host(md-card-alert) .md-card-alert-subtitle-icon{flex-shrink:0;--md-icon-size:1rem}:host(md-card-alert) .md-card-alert-details{align-content:center;align-items:stretch;display:flex;flex-flow:column nowrap;justify-content:flex-start;margin-top:auto;background:var(--md-subtle-bg-color,#f3f4f6);border-radius:.5rem;gap:.1875rem;padding:.75rem}:host(md-card-alert) .md-card-alert-details-heading{color:var(--md-secondary-text-color);display:block;font-size:.875rem;margin-bottom:.125rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host(md-card-alert) .md-card-alert-detail-row{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:space-between}:host(md-card-alert) .md-card-alert-detail-label{color:var(--md-primary-text-color);font-size:.875rem;font-weight:700;margin-bottom:.125rem}:host(md-card-alert) .md-card-alert-detail-value{color:var(--md-primary-text-color);font-size:.875rem;text-align:right;margin-bottom:.125rem}:host(md-card-alert) .md-card-alert-detail-value--positive{color:var(--md-alert-success-text-color,#16a34a)}:host(md-card-alert) .md-card-alert-detail-value--negative{color:var(--md-alert-error-text-color,#dc2626)}:host(md-card-alert) .md-card-alert-insight{align-content:center;align-items:flex-start;display:flex;flex-flow:row nowrap;justify-content:flex-start;background:var(--card-ai-blue-bg-color,#eff6ff);border-radius:.5rem;border:1px solid var(--badge-confidence-cobalt-border-color,#dbeafe);color:var(--md-primary-text-color);gap:.5rem;padding:.625rem .75rem}:host(md-card-alert) .md-card-alert-insight-icon{color:var(--badge-status-accent-text-color,#0284c7);flex-shrink:0;margin-top:.0625rem;--md-icon-size:1rem}:host(md-card-alert) .md-card-alert-insight-text{font-size:.875rem;line-height:1.25rem}:host(md-card-alert) .md-card-alert-actions{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:flex-start;gap:.5rem}`}};
|
|
@@ -37,4 +37,4 @@ var e,t,o={4466(e,t,o){o.d(t,{A:()=>i}),o(1821);var i,r=o(7704),s=o(9609),d=o(93
|
|
|
37
37
|
<slot></slot>
|
|
38
38
|
</div>
|
|
39
39
|
</div>
|
|
40
|
-
`}};m([(0,l.property)({type:String})],t.prototype,"label",void 0),m([(0,l.property)({type:Boolean,reflect:!0})],t.prototype,"disabled",void 0),m([(0,l.property)({type:Boolean,attribute:"double-click-to-expand"})],t.prototype,"doubleClickToExpand",void 0),m([(0,l.property)({type:Boolean,reflect:!0})],t.prototype,"expanded",null),m([(0,l.property)({type:Number,reflect:!0})],t.prototype,"level",null),m([(0,l.query)(".md-accordion-expander")],t.prototype,"header",void 0),t=m([(0,s.w)("md-accordion-item")],t),e.ELEMENT=t}(i||(i={}))}},i={};function r(e){var t=i[e];if(void 0!==t)return t.exports;var s=i[e]={exports:{}};return o[e](s,s.exports,r),s.exports}r.m=o,e=[],r.O=(t,o,i,s)=>{if(!o){var d=1/0;for(p=0;p<e.length;p++){for(var[o,i,s]=e[p],a=!0,n=0;n<o.length;n++)(!1&s||d>=s)&&Object.keys(r.O).every(e=>r.O[e](o[n]))?o.splice(n--,1):(a=!1,s<d&&(d=s));if(a){e.splice(p--,1);var l=i();void 0!==l&&(t=l)}}return t}s=s||0;for(var p=e.length;p>0&&e[p-1][2]>s;p--)e[p]=e[p-1];e[p]=[o,i,s]},r.d=(e,t)=>{for(var o in t)r.o(t,o)&&!r.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:t[o]})},r.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t);export{r as __webpack_require__};t={2330:0},r.C=e=>{var o,i,{__webpack_esm_ids__:s,__webpack_esm_modules__:d,__webpack_esm_runtime__:a}=e,n=0;for(o in d)r.o(d,o)&&(r.m[o]=d[o]);for(a&&a(r);n<s.length;n++)i=s[n],r.o(t,i)&&t[i]&&t[i][0](),t[s[n]]=0;r.O()},r.O.j=e=>0===t[e];import*as s from"../9609.js";r.C(s);import*as d from"../4084.js";r.C(d);import*as a from"../4955.js";r.C(a);import*as n from"../3517.js";r.C(n);import*as l from"../1156.js";r.C(l);import*as p from"../3305.js";r.C(p);import*as c from"../4739.js";r.C(c);import*as m from"../7154.js";r.C(m);import*as h from"../9773.js";r.C(h);import*as u from"../5983.js";r.C(u);import*as f from"../7755.js";r.C(f);import*as v from"../1821.js";r.C(v);import*as b from"../2364.js";r.C(b);import*as y from"../4980.js";r.C(y);import*as C from"../5308.js";r.C(C);import*as j from"../9938.js";r.C(j);import*as x from"../9500.js";r.C(x);import*as E from"../4781.js";r.C(E);import*as _ from"../
|
|
40
|
+
`}};m([(0,l.property)({type:String})],t.prototype,"label",void 0),m([(0,l.property)({type:Boolean,reflect:!0})],t.prototype,"disabled",void 0),m([(0,l.property)({type:Boolean,attribute:"double-click-to-expand"})],t.prototype,"doubleClickToExpand",void 0),m([(0,l.property)({type:Boolean,reflect:!0})],t.prototype,"expanded",null),m([(0,l.property)({type:Number,reflect:!0})],t.prototype,"level",null),m([(0,l.query)(".md-accordion-expander")],t.prototype,"header",void 0),t=m([(0,s.w)("md-accordion-item")],t),e.ELEMENT=t}(i||(i={}))}},i={};function r(e){var t=i[e];if(void 0!==t)return t.exports;var s=i[e]={exports:{}};return o[e](s,s.exports,r),s.exports}r.m=o,e=[],r.O=(t,o,i,s)=>{if(!o){var d=1/0;for(p=0;p<e.length;p++){for(var[o,i,s]=e[p],a=!0,n=0;n<o.length;n++)(!1&s||d>=s)&&Object.keys(r.O).every(e=>r.O[e](o[n]))?o.splice(n--,1):(a=!1,s<d&&(d=s));if(a){e.splice(p--,1);var l=i();void 0!==l&&(t=l)}}return t}s=s||0;for(var p=e.length;p>0&&e[p-1][2]>s;p--)e[p]=e[p-1];e[p]=[o,i,s]},r.d=(e,t)=>{for(var o in t)r.o(t,o)&&!r.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:t[o]})},r.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t);export{r as __webpack_require__};t={2330:0},r.C=e=>{var o,i,{__webpack_esm_ids__:s,__webpack_esm_modules__:d,__webpack_esm_runtime__:a}=e,n=0;for(o in d)r.o(d,o)&&(r.m[o]=d[o]);for(a&&a(r);n<s.length;n++)i=s[n],r.o(t,i)&&t[i]&&t[i][0](),t[s[n]]=0;r.O()},r.O.j=e=>0===t[e];import*as s from"../9609.js";r.C(s);import*as d from"../4084.js";r.C(d);import*as a from"../4955.js";r.C(a);import*as n from"../3517.js";r.C(n);import*as l from"../1156.js";r.C(l);import*as p from"../3305.js";r.C(p);import*as c from"../4739.js";r.C(c);import*as m from"../7154.js";r.C(m);import*as h from"../9773.js";r.C(h);import*as u from"../5983.js";r.C(u);import*as f from"../7755.js";r.C(f);import*as v from"../1821.js";r.C(v);import*as b from"../2364.js";r.C(b);import*as y from"../4980.js";r.C(y);import*as C from"../5308.js";r.C(C);import*as j from"../9938.js";r.C(j);import*as x from"../9500.js";r.C(x);import*as E from"../4781.js";r.C(E);import*as _ from"../5584.js";r.C(_);import*as k from"../5201.js";r.C(k);import*as w from"../8227.js";r.C(w);import*as O from"../2900.js";r.C(O);import*as g from"../7704.js";r.C(g);import*as $ from"../1280.js";r.C($);import*as q from"../93.js";r.C(q);import*as I from"../742.js";r.C(I);var A=r.O(void 0,[9609,4084,4955,3517,1156,3305,4739,7154,9773,5983,7755,1821,2364,4980,5308,9938,9500,4781,5584,5201,8227,2900,7704,1280,93,742],()=>r(4466));const D=(A=r.O(A)).A;export{D as AccordionItem};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import"../9609.js";import"../4084.js";import"../4955.js";import"../3517.js";import"../1156.js";import"../3305.js";import"../4739.js";import"../7154.js";import"../9773.js";import"../5983.js";import"../7755.js";import"../1821.js";import"../2364.js";import"../4980.js";import"../5308.js";import"../9938.js";import"../9500.js";import"../4781.js";import"../
|
|
1
|
+
import"../9609.js";import"../4084.js";import"../4955.js";import"../3517.js";import"../1156.js";import"../3305.js";import"../4739.js";import"../7154.js";import"../9773.js";import"../5983.js";import"../7755.js";import"../1821.js";import"../2364.js";import"../4980.js";import"../5308.js";import"../9938.js";import"../9500.js";import"../4781.js";import"../5584.js";import"../5201.js";import"../8227.js";import"../2900.js";import"../7704.js";import"../1280.js";import"../93.js";import"../742.js";export*from"../comp/md-accordion-item-entry.js";
|
|
@@ -2,4 +2,4 @@ var t,e,s={2890(t,e,s){s.d(e,{e:()=>i});var i,r=s(2900),o=s(7704),n=s(4084),d=s(
|
|
|
2
2
|
<div role="group" class="md-button-group" part="button-group">
|
|
3
3
|
<slot name="button"></slot>
|
|
4
4
|
</div>
|
|
5
|
-
`}};c([(0,l.property)({type:Number,reflect:!0})],e.prototype,"active",void 0),c([(0,l.property)({type:Number,reflect:!0})],e.prototype,"tabIndex",void 0),c([(0,l.property)({type:Boolean,reflect:!0})],e.prototype,"newMomentum",void 0),c([(0,l.query)("slot[name='button']")],e.prototype,"buttonSlot",void 0),c([(0,l.property)({type:Boolean,reflect:!0})],e.prototype,"disabled",null),e=c([(0,o.wW)("md-button-group")],e),t.ELEMENT=e}(i||(i={}))},7704(t,e,s){s.d(e,{TS:()=>r.T,wW:()=>o.w,yC:()=>i.y}),s(2364);var i=s(3203),r=(s(9938),s(5201),s(4781),s(608)),o=s(9609)}},i={};function r(t){var e=i[t];if(void 0!==e)return e.exports;var o=i[t]={exports:{}};return s[t](o,o.exports,r),o.exports}r.m=s,t=[],r.O=(e,s,i,o)=>{if(!s){var n=1/0;for(c=0;c<t.length;c++){for(var[s,i,o]=t[c],d=!0,l=0;l<s.length;l++)(!1&o||n>=o)&&Object.keys(r.O).every(t=>r.O[t](s[l]))?s.splice(l--,1):(d=!1,o<n&&(n=o));if(d){t.splice(c--,1);var a=i();void 0!==a&&(e=a)}}return e}o=o||0;for(var c=t.length;c>0&&t[c-1][2]>o;c--)t[c]=t[c-1];t[c]=[s,i,o]},r.d=(t,e)=>{for(var s in e)r.o(e,s)&&!r.o(t,s)&&Object.defineProperty(t,s,{enumerable:!0,get:e[s]})},r.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e);export{r as __webpack_require__};e={561:0,2942:0,5310:0,5323:0,7704:0,8180:0},r.C=t=>{var s,i,{__webpack_esm_ids__:o,__webpack_esm_modules__:n,__webpack_esm_runtime__:d}=t,l=0;for(s in n)r.o(n,s)&&(r.m[s]=n[s]);for(d&&d(r);l<o.length;l++)i=o[l],r.o(e,i)&&e[i]&&e[i][0](),e[o[l]]=0;r.O()},r.O.j=t=>0===e[t];import*as o from"../9609.js";r.C(o);import*as n from"../4084.js";r.C(n);import*as d from"../2364.js";r.C(d);import*as l from"../9938.js";r.C(l);import*as a from"../4781.js";r.C(a);import*as c from"../
|
|
5
|
+
`}};c([(0,l.property)({type:Number,reflect:!0})],e.prototype,"active",void 0),c([(0,l.property)({type:Number,reflect:!0})],e.prototype,"tabIndex",void 0),c([(0,l.property)({type:Boolean,reflect:!0})],e.prototype,"newMomentum",void 0),c([(0,l.query)("slot[name='button']")],e.prototype,"buttonSlot",void 0),c([(0,l.property)({type:Boolean,reflect:!0})],e.prototype,"disabled",null),e=c([(0,o.wW)("md-button-group")],e),t.ELEMENT=e}(i||(i={}))},7704(t,e,s){s.d(e,{TS:()=>r.T,wW:()=>o.w,yC:()=>i.y}),s(2364);var i=s(3203),r=(s(9938),s(5201),s(4781),s(608)),o=s(9609)}},i={};function r(t){var e=i[t];if(void 0!==e)return e.exports;var o=i[t]={exports:{}};return s[t](o,o.exports,r),o.exports}r.m=s,t=[],r.O=(e,s,i,o)=>{if(!s){var n=1/0;for(c=0;c<t.length;c++){for(var[s,i,o]=t[c],d=!0,l=0;l<s.length;l++)(!1&o||n>=o)&&Object.keys(r.O).every(t=>r.O[t](s[l]))?s.splice(l--,1):(d=!1,o<n&&(n=o));if(d){t.splice(c--,1);var a=i();void 0!==a&&(e=a)}}return e}o=o||0;for(var c=t.length;c>0&&t[c-1][2]>o;c--)t[c]=t[c-1];t[c]=[s,i,o]},r.d=(t,e)=>{for(var s in e)r.o(e,s)&&!r.o(t,s)&&Object.defineProperty(t,s,{enumerable:!0,get:e[s]})},r.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e);export{r as __webpack_require__};e={561:0,2942:0,5310:0,5323:0,7704:0,8180:0},r.C=t=>{var s,i,{__webpack_esm_ids__:o,__webpack_esm_modules__:n,__webpack_esm_runtime__:d}=t,l=0;for(s in n)r.o(n,s)&&(r.m[s]=n[s]);for(d&&d(r);l<o.length;l++)i=o[l],r.o(e,i)&&e[i]&&e[i][0](),e[o[l]]=0;r.O()},r.O.j=t=>0===e[t];import*as o from"../9609.js";r.C(o);import*as n from"../4084.js";r.C(n);import*as d from"../2364.js";r.C(d);import*as l from"../9938.js";r.C(l);import*as a from"../4781.js";r.C(a);import*as c from"../5584.js";r.C(c);import*as h from"../5201.js";r.C(h);import*as p from"../2900.js";r.C(p);import*as u from"../2927.js";r.C(u);import*as b from"../608.js";r.C(b);import*as f from"../8899.js";r.C(f);import*as v from"../2670.js";r.C(v);var m=r.O(void 0,[9609,4084,2364,9938,4781,5584,5201,2900,2927,608,8899,2670],()=>r(2890));const y=(m=r.O(m)).e;export{y as ButtonGroup};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import"../9609.js";import"../4084.js";import"../2364.js";import"../9938.js";import"../4781.js";import"../
|
|
1
|
+
import"../9609.js";import"../4084.js";import"../2364.js";import"../9938.js";import"../4781.js";import"../5584.js";import"../5201.js";import"../2900.js";import"../2927.js";import"../608.js";import"../8899.js";import"../2670.js";export*from"../comp/md-button-group-entry.js";
|