p-f914e821.entry.js

/*!
 * Built by BASIS
 * Copyright BASIS International Ltd.
 */
import{r as t,c as i,h as e,g as s,w as o,H as r}from"./p-0f27354a.js";import{g as a}from"./p-dc076e70.js";import{o as n,f as c,P as h}from"./p-5618954f.js";import{D as l}from"./p-5440a118.js";import{h as d}from"./p-3e9fe89f.js";import{b as p,a as w,D as u}from"./p-02402e33.js";import{S as b}from"./p-56dff041.js";const m=class{constructor(e){t(this,e),this.openedEvent=i(this,"dwc-opened",7),this.closedEvent=i(this,"dwc-closed",7),this.cancelEvent=i(this,"dwc-canceled",7),this.selectedEvent=i(this,"dwc-selected",7),this.itemClickedEvent=i(this,"dwc-item-clicked",7),this.itemDbClickedEvent=i(this,"dwc-item-dbclicked",7),this.typeToSelectString="",this.alignment="left",this.allowDeselection=!1,this.disabled=!1,this.distance=3,this.expanse="m",this.items=[],this.multiSelection=!1,this.toggleOnClick=!0,this.toggleOnEnter=!0,this.openOnArrow=!0,this.opened=!1,this.openWidth="",this.openHeight="",this.placement="bottom-start",this.readonly=!1,this.selected=[],this.skidding=0,this.tickMark=!1,this.typeToSelect=!0,this.typeToSelectTimeout=1e3,this.typeToSelectCaseSensitive=!1}onOpenedChanged(){this.opened?this.open():this.close()}onWidthAndHeightChange(){this.updateDropdownStyle()}onProperOptionsChanged(){this.popper&&this.popper.setOptions({placement:this.placement,modifiers:[n(this.skidding,this.distance),c()]})}connectedCallback(){this.handleDocumentKeyDown=this.handleDocumentKeyDown.bind(this),this.handleDocumentMouseDown=this.handleDocumentMouseDown.bind(this),this.handleMenuSelect=this.handleMenuSelect.bind(this),this.handleMenuItemClicked=this.handleMenuItemClicked.bind(this),this.handleMenuItemDbClicked=this.handleMenuItemDbClicked.bind(this),this.handleMenuKeyDown=this.handleMenuKeyDown.bind(this),this.handleHandlerClick=this.handleHandlerClick.bind(this),this.handleHandlerKeyDown=this.handleHandlerKeyDown.bind(this),this.handleHandlerKeyUp=this.handleHandlerKeyUp.bind(this)}componentDidLoad(){null!=window.applyFocusVisiblePolyfill&&window.applyFocusVisiblePolyfill(this.el.shadowRoot),window.MutationObserver&&(this.mutationObserver=new MutationObserver((()=>{this.updateHandlerAccessible()})),this.mutationObserver.observe(this.el,{childList:!0,subtree:!0})),this.popper=new h(this.$handler,this.$positioner,{placement:this.placement,moveTo:document.body,restoreTo:this.el,transitionedElement:this.$menu,modifiers:[n(this.skidding,this.distance),c()],onAfterOpen:async()=>{await this.forceScroll(),await this.$menu.setFocus()}}),this.opened&&this.open()}disconnectedCallback(){this.close(),this.popper&&this.popper.destroy()}async open(){return this.doOpen(!1)}async close(){return this.doClose(!1)}async toggle(){return this.doToggle(!1)}async getMenu(){return this.$menu}async reposition(){this.isOpened&&this.popper&&this.popper.forceUpdate()}async forceScroll(){if(this.isOpened&&this.selected.length){const t=this.selected[this.selected.length-1];await this.$menu.scrollToIndex(t)}}async doOpen(t=!0){this.readonly||this.disabled||this.isOpened||(document.addEventListener("keydown",this.handleDocumentKeyDown),document.addEventListener("mousedown",this.handleDocumentMouseDown),await this.popper.open(),this.updateDropdownStyle(),this.isOpened=!0,this.opened=!0,t&&this.openedEvent.emit())}async doClose(t=!0){this.readonly||this.disabled||!this.isOpened||(document.removeEventListener("keydown",this.handleDocumentKeyDown),document.removeEventListener("mousedown",this.handleDocumentMouseDown),await this.popper.close(),this.isOpened=!1,this.opened=!1,this.focusHandler(),t&&this.closedEvent.emit())}async doToggle(t=!0){this.opened?await this.doClose(t):await this.doOpen(t)}focusHandler(){const t=this.$handler.querySelector("slot").assignedElements({flatten:!0})[0];t&&("function"==typeof t.setFocus?t.setFocus():"function"==typeof t.focus&&t.focus())}updateHandlerAccessible(){const t=this.$handler.querySelector("slot").assignedElements({flatten:!0});if(null==t?void 0:t.length){const i=a(t[0]);i&&(i.setAttribute("aria-haspopup","true"),i.setAttribute("aria-expanded",this.opened?"true":"false"))}}async updateDropdownStyle(){if(!this.$menu)return;const t=this.$menu;let i=this.openHeight?this.openHeight:t.style.getPropertyValue("--dwc-dropdown-max-height");const e=this.openWidth?this.openWidth:this.$handler.offsetWidth+"px",s=this.maxRowCount;if(s>0){const t=await this.getRowHeight();t>0&&(i=s*t+"px")}t.style.maxHeight=i,this.$positioner.style.width=t.style.width=e,this.reposition(),this.forceScroll()}async getRowHeight(){const t=this.$menu;if(t){const i=t.shadowRoot.querySelector('[part="item"]');if(i)return i.offsetHeight}return 0}async triggerTypeToSelect(t){(this.lastKeypressTime+this.typeToSelectTimeout<(new Date).getTime()||this.typeToSelectString==t)&&(this.typeToSelectString=""),this.typeToSelectString+=t.toLowerCase(),this.lastKeypressTime=(new Date).getTime();const i=await this.$menu.search(this.typeToSelectString,this.typeToSelectCaseSensitive);this.selected=[i],await this.$menu.scrollToIndex(i),this.selectedEvent.emit(null!==i?[{index:i,item:this.items[i]}]:[])}handleDocumentKeyDown(t){if("Escape"===t.key)return this.cancelEvent.emit(),this.doClose(),void this.focusHandler();if("Tab"===t.key){if(this.opened&&this.$menu.isSameNode(document.activeElement))return t.preventDefault(),this.doClose(),void this.focusHandler();setTimeout((()=>{var t;const i=this.el.getRootNode()instanceof ShadowRoot?null===(t=document.activeElement.shadowRoot)||void 0===t?void 0:t.activeElement:document.activeElement;(null==i?void 0:i.closest(this.el.tagName.toLowerCase()))!==this.el&&this.doClose()}))}}handleDocumentMouseDown(t){const i=t.composedPath();i.includes(this.$handler)||i.includes(this.$menu)||this.doToggle()}handleMenuSelect(t){this.selectedEvent.emit(t.detail),this.selected=t.detail.map((t=>t.index))}handleMenuItemClicked(t){this.itemClickedEvent.emit(t.detail),this.multiSelection||this.doClose(!0)}handleMenuItemDbClicked(t){this.itemDbClickedEvent.emit(t.detail),this.multiSelection||this.doClose(!0)}handleMenuKeyDown(t){if(["Enter","Escape"].includes(t.key)){if(t.preventDefault(),"Escape"===t.key&&this.cancelEvent.emit(),"Enter"===t.key&&this.multiSelection)return;this.doClose(),this.focusHandler()}}handleHandlerClick(){this.toggleOnClick&&this.doToggle()}async handleHandlerKeyDown(t){if(!this.readonly&&!this.disabled){if("Escape"===t.key)return this.cancelEvent.emit(),this.focusHandler(),void this.doClose();if(["Enter"].includes(t.key)&&this.toggleOnEnter)return t.preventDefault(),void this.doToggle();if(["ArrowDown","ArrowUp","Home","End"].includes(t.key)){t.preventDefault(),this.openOnArrow&&!1===this.opened&&this.doOpen();const i=this.$menu,e=await i.getActiveItem();let s=e?Number(e.dataset.index):-1;return"ArrowDown"===t.key?s++:"ArrowUp"===t.key?s--:"Home"===t.key?s=0:"End"===t.key&&(s=this.items.length-1),s<0&&(s=0),s>this.items.length-1&&(s=this.items.length-1),this.multiSelection?void i.activateItem(s):void await i.selectItem(s)}this.typeToSelect&&1===t.key.length&&await this.triggerTypeToSelect(t.key)}}handleHandlerKeyUp(t){" "===t.key&&t.preventDefault()}render(){return e("div",{key:"e8c55b78eb88f44c980d4bab79a6cd1ee941aee0",part:"control"},e("div",{key:"281511b067602b0714487b3cec8195286dd7f9b2",part:"handler",ref:t=>this.$handler=t,onClick:this.handleHandlerClick,onKeyDown:this.handleHandlerKeyDown,onKeyUp:this.handleHandlerKeyUp},e("slot",{key:"813fb44089e9917a0cca32dbc381acd0c0d7739b"})),e("div",{key:"5bcab0026851bbc51171139564d0e0da027fed6e",ref:t=>this.$positioner=t,class:"dwc-positioner dwc-positioner--dropdown"},e("dwc-listbox",{key:"00c6a7e96062962430636b44a046c86cb4b31e1e",ref:t=>this.$menu=t,alignment:this.alignment,class:"dwc-popper dwc-popper--dropdown",tabTraversable:-1,items:this.items,selected:this.selected,allowDeselection:this.allowDeselection,disabled:this.disabled,readonly:this.readonly,renderer:this.renderer,multiSelection:this.multiSelection,multiSelectionByClick:this.multiSelection,typeToSelect:this.typeToSelect,tickMark:this.tickMark,expanse:this.expanse,onKeyDown:this.handleMenuKeyDown,"onDwc-item-clicked":this.handleMenuItemClicked,"onDwc-item-dbclicked":this.handleMenuItemDbClicked,"onDwc-selected":this.handleMenuSelect,"data-dropdown-for":this.type})))}get el(){return s(this)}static get watchers(){return{opened:["onOpenedChanged"],openWidth:["onWidthAndHeightChange"],openHeight:["onWidthAndHeightChange"],distance:["onProperOptionsChanged"],placement:["onProperOptionsChanged"],skidding:["onProperOptionsChanged"]}}};m.style="@media (prefers-reduced-motion: reduce){*,::before,::after{animation-delay:-1ms !important;animation-duration:1ms !important;animation-iteration-count:1 !important;background-attachment:initial !important;scroll-behavior:auto !important;transition-delay:0s !important;transition-duration:0s !important}}:host{box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:relative;-webkit-tap-highlight-color:transparent;text-size-adjust:100%}:host *,:host *::before,:host *::after{box-sizing:inherit}:host{display:inline-block;text-align:inherit;width:100%}.control{position:relative}";const f=window.matchMedia("(any-pointer: coarse)").matches;let v=0;const g=class{constructor(e){t(this,e),this.selectedEvent=i(this,"dwc-selected",7),this.itemClickedEvent=i(this,"dwc-item-clicked",7),this.itemDbClickedEvent=i(this,"dwc-item-dbclicked",7),this.focusedEvent=i(this,"dwc-focused",7),this.blurredEvent=i(this,"dwc-blurred",7),this.validatedEvent=i(this,"dwc-validated",7),this.listId="list-"+ ++v,this.typeToSelectString="",this.lastSearchIndex=-1,this.validationExpressionEngine=new l("BBjListBox<dwc-listbox> Validation",["x","value","text","component","control"]),this.itemRendererExpressionEngine=new l("BBjListBox<dwc-listbox> Item Renderer",["x","item","component","control"]),this.loaded=!1,this.alignment="left",this.autoValidate=!0,this.autoValidateOnLoad=!1,this.autoWasValidated=!1,this.allowDeselection=!1,this.disabled=!1,this.expanse="m",this.hasFocus=!1,this.helperText="",this.items=[],this.invalid=!1,this.multiSelection=!1,this.multiSelectionByClick=!1,this.readonly=!1,this.selected=[],this.typeToSelect=!0,this.typeToSelectTimeout=1e3,this.typeToSelectCaseSensitive=!1,this.tabTraversable=0,this.tickMark=!1,this.validationIcon="dwc:info",this.validationPopoverDistance=6,this.validationPopoverSkidding=0,this.validationPopoverPlacement="bottom",this.validationStyle="popover",this.valid=!1}onSelectedChanged(){this.loaded&&this.autoValidate&&this.validate()}connectedCallback(){var t;this.handleMenuKeyDown=this.handleMenuKeyDown.bind(this),this.handleMenuClick=this.handleMenuClick.bind(this),this.handleMenuDbClick=this.handleMenuDbClick.bind(this),this.handleItemFocus=this.handleItemFocus.bind(this),this.handleItemBlur=this.handleItemBlur.bind(this),this.handleLabelClick=this.handleLabelClick.bind(this),this.slotsObserver||(this.slotsObserver=new b(this.el,"helper-text")),null===(t=this.slotsObserver)||void 0===t||t.connect()}disconnectedCallback(){var t;null===(t=this.slotsObserver)||void 0===t||t.disconnect()}componentWillUpdate(){this.loaded=!1}async componentDidLoad(){null!=window.applyFocusVisiblePolyfill&&window.applyFocusVisiblePolyfill(this.el.shadowRoot);const t=this.selected;t.length&&await this.scrollToIndex(t[t.length-1]),this.autoValidateOnLoad&&o((()=>{this.validate()}))}componentDidUpdate(){this.loaded=!0}async handleMenuKeyDown(t){if(!this.readonly&&!this.disabled){if("Enter"===t.key||" "===t.key){const i=await this.getActiveItem();if(i)return t.preventDefault(),void this.updateSelection(i,"enter",!1,!1)}if(" "!==t.key){if(["ArrowDown","ArrowUp","Home","End"].includes(t.key)){t.preventDefault();const i=await this.getActiveItem();if(!i)return;let e=Number(i.dataset.index);return"ArrowDown"===t.key?e=this.getNextIndex(e):"ArrowUp"===t.key?e=this.getPreviousIndex(e):"Home"===t.key?e=this.getFirstIndex():"End"===t.key&&(e=this.getLastIndex()),e<0&&(e=this.getFirstIndex()),e>this.items.length-1&&(e=this.getLastIndex()),this.multiSelection?void await this.activateItem(e):void await this.selectItem(e)}this.typeToSelect&&1===t.key.length&&await this.triggerTypeToSelect(t.key)}else t.preventDefault()}}async setFocus(){let t=await this.getActiveItem();t||(t=await this.getItem(0)),t&&await this.activateItem(t)}async removeFocus(){const t=await this.getActiveItem();t&&t.blur()}async getActiveItem(){var t;let i=this.el.shadowRoot.activeElement;if(!i&&this.selected.length){const e=this.selected[0];i=(null===(t=this.items[e])||void 0===t?void 0:t.disabled)?await this.getItem(this.getNextIndex(e)):await this.getItem(e)}return i}async scrollToIndex(t){const i=await this.getItem(t);i&&requestAnimationFrame((()=>{i.scrollIntoView({behavior:"auto",block:"nearest",inline:"nearest"})}))}async getItem(t){return t instanceof HTMLElement?t:this.$itemsContainer.querySelector(`[data-index="${t}"]`)}async getNextItem(){const t=await this.getActiveItem();if(t){let i=t.nextElementSibling;for(;null==i?void 0:i.hasAttribute("data-disabled");)i=i.nextElementSibling;return i}return null}async getPreviousItem(){const t=await this.getActiveItem();if(t){let i=t.previousElementSibling;for(;null==i?void 0:i.hasAttribute("data-disabled");)i=i.previousElementSibling;return i}return null}async selectNextItem(){const t=await this.getNextItem();t&&(await this.selectItem(t),this.updateSelection(t,"enter",!1,!1))}async selectPreviousItem(){const t=await this.getPreviousItem();t&&await this.selectItem(t)}async selectItem(t){const i=await this.getItem(t);i&&(await this.activateItem(i),this.updateSelection(i,"click",!1,!1))}async activateItem(t){var i;Array.from(this.$itemsContainer.querySelectorAll('[part~="item"]')).forEach((t=>{t.tabIndex=-1}));let e=!1,s=-1;t instanceof HTMLElement?(e="true"===t.getAttribute("aria-disabled"),s=Number(t.dataset.index)):(e=null===(i=this.items[t])||void 0===i?void 0:i.disabled,s=t);const o=e?await this.getItem(this.getNextIndex(s)):await this.getItem(s);o&&(o.tabIndex=0,o.focus())}async search(t,i=!1,e=!1,s=!0){return await this.doSearch(t,i,e,s)}async getPart(t){return new Promise((i=>{i(this.el.shadowRoot.querySelector(`[part~="${t}"]`))}))}async validate(){let t=!0;if(this.validator){const i=this.el,e=this.selected.map((t=>this.items[t].value)),s=e.join("\n");t=this.validationExpressionEngine.evaluate(this.validator,{x:e,value:e,text:s,component:i,control:i})}return this.invalid=!t,this.validatedEvent.emit(t),this.invalid&&(this.valid=!1),!this.invalid&&this.autoWasValidated&&(this.valid=!0),t}getNextIndex(t){var i;let e=t+1;for(;e<this.items.length&&(null===(i=this.items[e])||void 0===i?void 0:i.disabled);)e++;return e}getPreviousIndex(t){var i;let e=t-1;for(;e>=0&&(null===(i=this.items[e])||void 0===i?void 0:i.disabled);)e--;return e}getFirstIndex(){var t;let i=0;for(;i<this.items.length&&(null===(t=this.items[i])||void 0===t?void 0:t.disabled);)i++;return i}getLastIndex(){var t;let i=this.items.length-1;for(;i>=0&&(null===(t=this.items[i])||void 0===t?void 0:t.disabled);)i--;return i}getFirstFocusableIndex(){var t;let i=-1;if(this.selected.length)for(const e of this.selected)if(!(null===(t=this.items[e])||void 0===t?void 0:t.disabled)){i=e;break}return i<0&&(i=this.getFirstIndex()),i}updateSelection(t,i,e,s){if("true"===t.getAttribute("aria-disabled"))return;const o=!!(this.multiSelection&&e||this.multiSelection&&"enter"===i||this.multiSelection&&f||this.multiSelection&&this.multiSelectionByClick)||this.allowDeselection,r=Number(t.dataset.index);let a=[].concat(this.selected);const n=String(!o||"false"===t.getAttribute("aria-selected"));if(t.setAttribute("aria-selected",n),"false"===n)a.indexOf(r)>-1&&(a=a.filter((t=>t!=r)));else if(this.multiSelection&&"enter"===i||this.multiSelection&&(e||s)||this.multiSelection&&f||this.multiSelection&&this.multiSelectionByClick){if(s&&this.selected.length){const t=Math.min(...this.selected),i=r;a=Array(i>t?i-t:t-i+1).fill(0).map(((e,s)=>i>t?t+s:t-s))}a=[...a,r]}else a=[r];this.selected=[...new Set(a)];const c=[];this.items.forEach(((t,i)=>{this.selected.indexOf(i)>-1&&c.push({index:i,item:t})})),this.selectedEvent.emit(c)}async doSearch(t,i=!1,e=!1,s=!0,o=!1){let r=!1,a=-1;const n=i?t:t.toLowerCase(),c=this.items.filter((t=>"object"==typeof t));for(let t=0;t<c.length;t++){a=t;const e=c[a];if(null==e?void 0:e.disabled)continue;let s=e.label.replace(/[&<>'"]/g,(t=>({"&":"&amp;","<":"&lt;",">":"&gt;","'":"&#39;",'"':"&quot;"}[t]||t)))||"";if(s=i?s:s.toLowerCase(),s.substring(0,n.length)==n&&-1===this.selected.indexOf(a)){if(this.lastSearchIndex>a)continue;r=!0,this.lastSearchIndex=a;break}}return r?(await this.selectItem(a),a):(this.lastSearchIndex=-1,o?null:await this.doSearch(t,i,e,s,!0))}async triggerTypeToSelect(t){(this.lastKeypressTime+this.typeToSelectTimeout<(new Date).getTime()||this.typeToSelectString==t)&&(this.typeToSelectString=""),this.typeToSelectString+=t.toLowerCase(),this.lastKeypressTime=(new Date).getTime(),await this.doSearch(this.typeToSelectString,this.typeToSelectCaseSensitive,!0)}handleLabelClick(){this.setFocus()}handleMenuClick(t){if(this.readonly||this.disabled)return;const i=t.target.closest('[part~="item"]');if((!i||"true"!==i.getAttribute("aria-disabled"))&&(i&&this.updateSelection(i,"click",t.ctrlKey||t.metaKey,t.shiftKey),t.composedPath().includes(i))){const t=Number(i.dataset.index);this.itemClickedEvent.emit({index:t,item:this.items[t]})}}handleMenuDbClick(t){if(this.readonly||this.disabled)return;const i=t.target.closest('[part~="item"]');if("true"!==i.getAttribute("aria-disabled")&&t.composedPath().includes(i)){const t=Number(i.dataset.index);this.itemDbClickedEvent.emit({index:t,item:this.items[t]})}}handleItemFocus(){this.hasFocus=!0}handleItemBlur(){this.hasFocus=!1}renderItemLabel(t){return this.renderer?this.itemRendererExpressionEngine.evaluate(this.renderer,{x:t,item:t,component:this.el,control:this.el}):t.label}render(){var t,i;const s=this.invalid&&!!(this.invalidMessage&&this.invalidMessage.trim().length>0),o=this.getFirstFocusableIndex();let a=this.selected;!this.multiSelection&&a.length&&(a=[a[0]]);const n=(null===(t=this.helperText)||void 0===t?void 0:t.trim().length)>0||(null===(i=this.slotsObserver)||void 0===i?void 0:i.hasContent("helper-text"))||!1;return e(r,{key:"3614f203d34b6ceefad8a157c645ad5d8a98f313",class:d({BBjControl:!0,BBjListBox:!0,"bbj-disabled":this.disabled,"bbj-focused":this.hasFocus,"bbj-readonly":this.readonly,"bbj-valid":this.valid,"bbj-invalid":this.invalid})},e("div",{key:"d26e1637a86c0131075913f396f83e6a1841d99a",part:"container"},this.label&&e("div",{key:"1a6e621af773ed613f4c3fd4b1cc11dd54427a4a",part:"label",id:this.listId,onClick:this.handleLabelClick,innerHTML:this.label}),e("div",{key:"994671ed98d2c5aa8e8b8b614f231a1e83113ad6",part:"control-wrapper"},e("div",{key:"dbeb933a46bde926fb0fa67ef5170df19aeb3bdd",part:"control"},e("ul",{key:"8f18ca1cbb004895db384f3d931d39c2ec88a6f8",ref:t=>this.$itemsContainer=t,role:"listbox",part:"list","aria-multiselectable":this.multiSelection?"true":"false","aria-readonly":this.readonly?"true":"false","aria-disabled":this.disabled?"true":"false","aria-labelledby":this.listId,"aria-describedby":"helper-text",onClick:this.handleMenuClick,onDblClick:this.handleMenuDbClick},this.items.map(((t,i)=>{const s=(null==t?void 0:t.disabled)||!1,r=a.indexOf(i)>-1,n=["item"];return r&&n.push("item-selected"),s&&n.push("item-disabled"),e("li",{role:"option",part:n.join(" "),tabIndex:i===o&&this.tabTraversable>=0&&!this.disabled?0:-1,key:i,"data-index":i,"aria-disabled":s?"true":"false","aria-selected":r?"true":"false",onFocus:this.handleItemFocus,onBlur:this.handleItemBlur},t.prefix&&e("span",{slot:"prefix",part:"item-prefix",innerHTML:t.prefix}),e("span",{slot:"label",part:"item-label",innerHTML:this.renderItemLabel(t)}),t.suffix&&e("span",{slot:"suffix",part:"item-suffix",innerHTML:t.suffix}),r&&this.tickMark&&e("div",{part:"tick-mark"},e("dwc-icon",{part:"icon-check",pool:"dwc",name:"check",label:"check icon",theme:"primary"})))})))),"popover"===this.validationStyle&&s&&e(p,{key:"c9f1cbcf21027d416bdf3e252c4cb1a46fd1c524",invalidMessage:this.invalidMessage,icon:this.validationIcon,hasFocus:this.hasFocus,popoverDistance:this.validationPopoverDistance,popoverPlacement:this.validationPopoverPlacement,popoverSkidding:this.validationPopoverSkidding})),e(w,{key:"5761d6fc336cec6323d11bbc57598a7f0f6cf406",helperText:this.helperText,visible:n}),"inline"===this.validationStyle&&s&&e(u,{key:"8c9610776d19027344233f6163ba4a079918927e",invalidMessage:this.invalidMessage,icon:this.validationIcon})))}get el(){return s(this)}static get watchers(){return{selected:["onSelectedChanged"]}}};g.style='@media (prefers-reduced-motion: reduce){*,::before,::after{animation-delay:-1ms !important;animation-duration:1ms !important;animation-iteration-count:1 !important;background-attachment:initial !important;scroll-behavior:auto !important;transition-delay:0s !important;transition-duration:0s !important}}:host{box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:relative;-webkit-tap-highlight-color:transparent;text-size-adjust:100%}:host *,:host *::before,:host *::after{box-sizing:inherit}:host{--dwc-listbox-background:var(--dwc-surface-3);display:block;outline:none}:host([disabled]){cursor:var(--dwc-disabled-cursor)}[part=container]{display:flex;flex-direction:column;height:inherit;max-height:inherit;transition:var(--dwc-transition) color, var(--dwc-transition) border, var(--dwc-transition) box-shadow;width:inherit}[part=label]{align-items:center;color:var(--dwc-listbox-label-color, var(--dwc-color-body-text));cursor:var(--dwc-cursor-click);display:flex;font-size:90%;font-weight:var(--dwc-listbox-label-font-weight, var(--dwc-font-weight-semibold));gap:0.3rem;height:auto;margin:0;margin-bottom:var(--dwc-space-s);text-align:left;transition:var(--dwc-transition) color}[part=control]{height:100%;overflow:auto;width:100%}:host([disabled]) [part=control]{cursor:var(--dwc-disabled-cursor);opacity:var(--dwc-disabled-opacity);user-select:none;pointer-events:none;overflow:hidden}:host([disabled]) [part=control] *{cursor:var(--dwc-disabled-cursor);user-select:none;pointer-events:none}[part=list]{display:inline-block;list-style:none;margin:0;min-width:100%;padding:0}[part~=item]{align-items:center;color:var(--dwc-listbox-color, var(--dwc-color-body-text));cursor:var(--dwc-cursor-click);display:flex;font-family:inherit;font-size:inherit;font-style:inherit;outline:none;padding:var(--dwc-listbox-padding, var(--dwc-space));position:relative;transition:fill var(--dwc-transition);user-select:none;white-space:nowrap;width:100%}[part~=item]:focus{outline:none}[part~=item]:not([part~=item-disabled]){overflow:hidden;position:relative;transform:translate3d(0, 0, 0)}[part~=item]:not([part~=item-disabled])::after{background-image:radial-gradient(circle, var(--dwc-ripple-color, currentColor) 10%, transparent 10.01%);background-position:50%;background-repeat:no-repeat;content:"";display:block;filter:blur(3px);height:100%;left:50%;margin-left:-50%;opacity:0;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%) scale(10, 10);transition:transform var(--dwc-transition-fast), opacity var(--dwc-transition-x-slow), filter var(--dwc-transition-slow);width:100%}[part~=item]:not([part~=item-disabled]):active::after{filter:blur(0);opacity:0.2;transform:translateY(-50%) scale(0, 0) !important;transition:none}[part~=item-disabled]{cursor:var(--dwc-disabled-cursor);opacity:var(--dwc-disabled-opacity);user-select:none}[part~=item-disabled] *{cursor:var(--dwc-disabled-cursor);user-select:none}[part=item-label]{flex:1 1 auto}[part=item-prefix],[part=item-suffix]{align-items:center;display:inline-flex;flex:0 1 auto}[part=item-prefix] img,[part=item-suffix] img{max-height:100%}[part=item-prefix] img{margin-right:var(--dwc-space-s)}[part=item-suffix] img{margin-left:var(--dwc-space-s)}[part=control-wrapper]{background-color:var(--dwc-listbox-background, inherit);border:var(--dwc-border-width) var(--dwc-border-style) var(--dwc-listbox-border-color, var(--dwc-color-default));border-radius:var(--dwc-border-radius);box-sizing:border-box;height:100%;overflow:auto}[part~=item]:not([part~=item-disabled]):not([part~=item-selected]):focus,[part~=item]:not([part~=item-disabled]):not([part~=item-selected]):focus-within,[part~=item]:not([part~=item-disabled]):not([part~=item-selected]):hover{background-color:var(--dwc-listbox-highlighted-background, var(--dwc-color-primary-alt));color:var(--dwc-listbox-highlighted-color, var(--dwc-color-on-primary-text-alt))}[part~=item]{background-color:var(--dwc-listbox-item-background, transparent);color:var(--dwc-listbox-item-color, currentColor)}:host(:not([tick-mark])) [part~=item-selected]{background-color:var(--dwc-listbox-selected-background, var(--dwc-color-primary));color:var(--dwc-listbox-selected-color, var(--dwc-color-on-primary-text))}:host([tick-mark]) [part=list]{display:block}:host([tick-mark]) [part=item-label]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host([tick-mark]) [part=tick-mark]{--dwc-icon-size:1.5em;align-self:center;align-self:center;display:flex}dwc-alert{--dwc-alert-padding:var(--dwc-space-s) 0;margin-left:calc(var(--dwc-border-radius) / 4 + var(--dwc-border-width) * 2);text-align:left}:host([valid]),:host([invalid]){--dwc-icon-button-color:var(--dwc-input-color);--dwc-icon-button-hover-color:var(--dwc-icon-button-color);--dwc-icon-button-active-color:var(--dwc-icon-button-color)}:host([valid]:not([valid=false])){--dwc-input-label-color:var(--dwc-color-success-text);--dwc-input-label-hover-color:var(--dwc-color-success-text-light);--dwc-input-border-color:var(--dwc-color-success);--dwc-input-hover-border-color:var(--dwc-input-border-color);--dwc-input-focus-ring:var(--dwc-focus-ring-success);--dwc-input-placeholder-color:var(--dwc-color-gray-30);--dwc-input-selection-background:var(--dwc-color-success-light);--dwc-input-selection-color:var(--dwc-color-on-success-text-light);--dwc-input-required-field-indicator-color:var(--dwc-input-label-color)}:host([invalid]:not([invalid=false])){--dwc-input-label-color:var(--dwc-color-danger-text);--dwc-input-label-hover-color:var(--dwc-color-danger-text-light);--dwc-input-border-color:var(--dwc-color-danger);--dwc-input-hover-border-color:var(--dwc-input-border-color);--dwc-input-focus-ring:var(--dwc-focus-ring-danger);--dwc-input-placeholder-color:var(--dwc-color-gray-30);--dwc-input-selection-background:var(--dwc-color-danger-light);--dwc-input-selection-color:var(--dwc-color-on-danger-text-light);--dwc-alert-color:var(--dwc-input-label-color);--dwc-alert-icon-color:var(--dwc-alert-color);--dwc-input-required-field-indicator-color:var(--dwc-input-label-color)}[part=helper-text-wrapper],[part=helper-text-wrapper] ::slotted([slot=helper-text]){color:var(--dwc-color-gray-text-light);cursor:var(--dwc-cursor-text);font-size:var(--dwc-font-size-s);font-weight:var(--dwc-font-weight-normal);line-height:var(--dwc-font-line-height-s);text-align:left;transition:color 0.2s}[part=helper-text-wrapper][data-visible]{margin-left:calc(var(--dwc-border-radius) / 4 + var(--dwc-border-width) * 2);padding-top:var(--dwc-space-s)}:host([tick-mark].focus-visible) [part~=item-selected]{background-color:var(--dwc-listbox-highlighted-background, var(--dwc-color-primary-alt));color:var(--dwc-listbox-highlighted-color, var(--dwc-color-on-primary-text-alt))}:host(.focus-visible:not([disabled])) [part=control-wrapper]{border-color:var(--dwc-listbox-focus-border-color, var(--dwc-border-color-default));box-shadow:var(--dwc-listbox-focus-ring, var(--dwc-focus-ring-default))}:host([has-focus]:not([disabled])) [part=label]{color:var(--dwc-listbox-label-hover-color, var(--dwc-color-primary-text-light))}:host([invalid]){--dwc-listbox-label-color:var(--dwc-color-danger-text);--dwc-listbox-label-hover-color:var(--dwc-listbox-label-color);--dwc-listbox-border-color:var(--dwc-color-danger);--dwc-listbox-focus-border-color:var(--dwc-listbox-border-color);--dwc-listbox-focus-ring:var(--dwc-focus-ring-danger);--dwc-alert-color:var(--dwc-listbox-label-color);--dwc-alert-icon-color:var(--dwc-alert-color)}:host([expanse=xl]){font-size:var(--dwc-font-size-xl)}:host([expanse=xl]) [part~=item]{height:var(--dwc-size-xl)}:host([expanse=l]){font-size:var(--dwc-font-size-l)}:host([expanse=l]) [part~=item]{height:var(--dwc-size-l)}:host([expanse=m]){font-size:var(--dwc-font-size-m)}:host([expanse=m]) [part~=item]{height:var(--dwc-size-m)}:host([expanse=s]){font-size:var(--dwc-font-size-s)}:host([expanse=s]) [part~=item]{height:var(--dwc-size-s)}:host([expanse=xs]){font-size:var(--dwc-font-size-xs)}:host([expanse=xs]) [part~=item]{height:var(--dwc-size-xs)}:host([alignment=left]){text-align:left}:host([alignment=center]){text-align:center}:host([alignment=right]){text-align:right}:host([alignment=right]) [part=label]{justify-content:flex-end}:host([alignment=right]) [part~=item]{flex-direction:row-reverse}:host([alignment=right]) [part~=item-prefix]{margin-left:var(--dwc-space-s);margin-right:0}:host([alignment=right]) [part~=item-suffix]{margin-left:0;margin-right:var(--dwc-space-s)}:host([alignment=right]) [part=item-label]{margin-left:var(--dwc-space-s);margin-right:0}:host([alignment=right]) [part=tick-mark]{margin-left:var(--dwc-space-s);margin-right:0}';export{m as dwc_dropdown,g as dwc_listbox}