@vonage/vivid 5.12.0 → 5.15.0

package/bundled/base-color-picker.js

@@ -76,8 +76,8 @@ const q = (a) => {
     }
     /**
      * @internal
-     * /
-    /* v8 ignore next -- @preserve */
+     */
+    /* v8 ignore next */
     _handleColorSaving() {
     }
     /**

package/bundled/definition19.cjs

@@ -1,68 +1,87 @@
-"use strict";const g=require("./definition9.cjs"),$=require("./definition2.cjs"),m=require("./definition12.cjs"),r=require("./vivid-element.cjs"),y=require("./mixins.cjs"),k=require("./listbox.cjs"),_=require("./host-semantics.cjs"),C=require("./form-associated.cjs"),h=require("./numbers.cjs"),A=require("./with-contextual-help.cjs"),D=require("./with-error-text.cjs"),E=require("./with-success-text.cjs"),H=require("./form-element.cjs"),v=require("./affix.cjs"),V=require("./strings.cjs"),s=require("./key-codes.cjs"),q=require("./definition3.cjs"),F=require("./index.cjs"),x=require("./ref.cjs"),u=require("./when.cjs"),f=require("./slotted.cjs"),T=require("./class-names.cjs");var z=Object.defineProperty,L=Object.getOwnPropertyDescriptor,c=(n,e,t,o)=>{for(var a=o>1?void 0:o?L(e,t):e,l=n.length-1,d;l>=0;l--)(d=n[l])&&(a=(o?d(e,t,a):d(a))||a);return o&&a&&z(e,t,a),a};class i extends y.WithLightDOMFeedback(A.WithContextualHelp(D.WithErrorText(E.WithSuccessText(H.FormElement(_.HostSemantics(v.AffixIconWithTrailing(C.FormAssociated(k.Listbox)))))))){constructor(){super(...arguments),this.proxy=document.createElement("select"),this.activeIndex=-1,this.rangeStartIndex=-1,this.open=!1,this.listboxId=V.uniqueId("listbox-"),this.maxHeight=0,this.fixedDropdown=!1,this._feedbackWrapper=null}get activeOption(){return this.options[this.activeIndex]}get checkedOptions(){return this.options.filter(e=>e.checked)}get firstSelectedOptionIndex(){return this.options.indexOf(this.firstSelectedOption)}activeIndexChanged(e,t){this._activeDescendant=this.options[t]?.id??"",this.focusAndScrollOptionIntoView()}checkActiveIndex(){const e=this.activeOption;/* v8 ignore else -- @preserve */e&&(e.checked=!0)}checkFirstOption(e){const t=this.getNextSelectableIndex(0);t!==-1&&(e?(this.rangeStartIndex===-1&&(this.rangeStartIndex=this.activeIndex),this.options.forEach((o,a)=>{o.checked=h.inRange(a,t,this.rangeStartIndex+1)&&!o.disabled})):this.uncheckAllOptions(),this.activeIndex=t,this.checkActiveIndex())}checkLastOption(e){const t=this.getPreviousSelectableIndex(this.length-1);t!==-1&&(e?(this.rangeStartIndex===-1&&(this.rangeStartIndex=this.activeIndex),this.options.forEach((o,a)=>{o.checked=h.inRange(a,this.rangeStartIndex,t+1)&&!o.disabled})):this.uncheckAllOptions(),this.activeIndex=t,this.checkActiveIndex())}checkNextOption(e){const t=this.getNextSelectableIndex(this.activeIndex+1);t!==-1&&(e?(this.rangeStartIndex===-1&&(this.rangeStartIndex=this.activeIndex),this.options.forEach((o,a)=>{o.checked=h.inRange(a,this.rangeStartIndex,t+1)&&!o.disabled})):this.uncheckAllOptions(),this.activeIndex=t,this.checkActiveIndex())}checkPreviousOption(e){const t=this.getPreviousSelectableIndex(this.activeIndex-1);t!==-1&&(e?(this.rangeStartIndex===-1&&(this.rangeStartIndex=this.activeIndex),this.checkedOptions.length===1&&(this.rangeStartIndex+=1),this.options.forEach((o,a)=>{o.checked=h.inRange(a,t,this.rangeStartIndex+1)&&!o.disabled})):this.uncheckAllOptions(),this.activeIndex=t,this.checkActiveIndex())}focusAndScrollOptionIntoView(){super.focusAndScrollOptionIntoView(this.activeOption)}focusinHandler(e){if(!this.multiple)return super.focusinHandler(e);/* v8 ignore else -- @preserve */!this.shouldSkipFocus&&e.target===e.currentTarget&&(this.uncheckAllOptions(),this.activeIndex===-1&&(this.activeIndex=this.firstSelectedOptionIndex!==-1?this.firstSelectedOptionIndex:0),this.checkActiveIndex(),this.setSelectedOptions(),this.focusAndScrollOptionIntoView()),this.shouldSkipFocus=!1}setSelectedOptions(){if(!this.multiple){super.setSelectedOptions();return}/* v8 ignore else -- @preserve */this.$fastController.isConnected&&this.options&&(this.selectedOptions=this.options.filter(e=>e.selected),this.focusAndScrollOptionIntoView())}toggleSelectedForAllCheckedOptions(){const e=this.checkedOptions.filter(o=>!o.disabled),t=!e.every(o=>o.selected);e.forEach(o=>o.selected=t),this.selectedIndex=this.options.indexOf(e[e.length-1]),this.setSelectedOptions(),this.updateValue(!0)}typeaheadBufferChanged(e,t){if(!this.multiple){super.typeaheadBufferChanged(e,t);return}/* v8 ignore if -- @preserve */if(this.$fastController.isConnected){const o=this.getTypeaheadMatches(),a=this.options.indexOf(o[0]);a>-1&&(this.activeIndex=a,this.uncheckAllOptions(),this.checkActiveIndex()),this.typeaheadExpired=!1}}uncheckAllOptions(e=!1){this.options.forEach(t=>t.checked=!1);/* v8 ignore else -- @preserve */e||(this.rangeStartIndex=-1)}openChanged(e,t){if(!this.collapsible)return;if(this.open){this.focusAndScrollOptionIntoView(),this.indexWhenOpened=this.selectedIndex,r.Updates.enqueue(()=>this.focus());return}const o=e===!0&&t===!1,a=this.indexWhenOpened!==this.selectedIndex;o&&a&&this.updateValue(!0)}get collapsible(){return!this.multiple}valueChanged(e,t){const o=this.options.findIndex(d=>d.value===t),a=this._validSelectedIndex(o),l=this.options[a]?.value??"";this.selectedIndex!==a&&(this.selectedIndex=a),t===l&&(super.valueChanged(e,t),this.updateDisplayValue())}updateValue(e){this.$fastController.isConnected&&(this.value=this.firstSelectedOption?.value??""),e&&(this.$emit("input"),this.$emit("change",this,{bubbles:!0,composed:void 0}))}selectedIndexChanged(e,t){super.selectedIndexChanged(e,t),this.updateValue()}clickHandler(e){if(this.disabled||this._isFromContextualHelp(e))return;const t=e.target.closest("option,[role=option],[data-vvd-component=option]");if(!(t&&t.disabled))return this.multiple?(this.uncheckAllOptions(),this.activeIndex=this.options.indexOf(t),this.checkActiveIndex(),this.toggleSelectedForAllCheckedOptions()):super.clickHandler(e),this.collapsible&&(this.open=!this.open),!0}focusoutHandler(e){if(this.multiple&&this.uncheckAllOptions(),!this.open)return!0;const t=e.relatedTarget;if(this.isSameNode(t)){this.focus();return}/* v8 ignore else -- @preserve */this.options.includes(t)||(this.open=!1,this.indexWhenOpened!==this.selectedIndex&&this.updateValue(!0))}handleChange(e,t){super.handleChange(e,t),t==="value"&&this.updateValue()}mousedownHandler(e){return e.offsetX>=0&&e.offsetX<=this.listbox.scrollWidth?super.mousedownHandler(e):this.collapsible}multipleChanged(e,t){this.options.forEach(o=>{o.checked=t?!1:void 0}),this.setSelectedOptions();/* v8 ignore if -- @preserve */this.proxy&&(this.proxy.multiple=t)}selectedOptionsChanged(e,t){super.selectedOptionsChanged(e,t),this.options.forEach((o,a)=>{const l=this.proxy.options.item(a);l&&(l.selected=o.selected)})}setProxyOptions(){/* v8 ignore else -- @preserve */this.proxy instanceof HTMLSelectElement&&this.options&&(this.proxy.length=0,this.options.forEach(e=>{const t=e.proxy||(e instanceof HTMLOptionElement?e.cloneNode():null);t&&this.proxy.options.add(t)}))}multipleKeydownHandler(e){if(this.disabled)return;const{key:t,shiftKey:o}=e;switch(this.shouldSkipFocus=!1,t){case s.keyHome:{this.checkFirstOption(o);return}case s.keyArrowDown:{this.checkNextOption(o);return}case s.keyArrowUp:{this.checkPreviousOption(o);return}case s.keyEnd:{this.checkLastOption(o);return}case s.keyTab:{this.focusAndScrollOptionIntoView();return}case s.keyEscape:{this.uncheckAllOptions(),this.checkActiveIndex();return}case s.keySpace:{e.preventDefault();/* v8 ignore else -- @preserve */if(this.typeaheadExpired){this.toggleSelectedForAllCheckedOptions();return}}default:{/* v8 ignore else -- @preserve */t.length===1&&this.handleTypeAhead(`${t}`);return}}}keydownHandler(e){const t=this.selectedIndex;switch(this.multiple?this.multipleKeydownHandler(e):super.keydownHandler(e),e.key){case s.keySpace:{e.preventDefault(),this.collapsible&&this.typeaheadExpired&&(this.open=!this.open);break}case s.keyHome:case s.keyEnd:{e.preventDefault();break}case s.keyEnter:{e.preventDefault(),this.open=!this.open;break}case s.keyEscape:{this.collapsible&&this.open&&(e.preventDefault(),this.open=!1);break}case s.keyTab:return this.collapsible&&this.open&&(e.preventDefault(),this.open=!1),!0}return this.collapsible&&!this.open&&this.selectedIndex!==t&&this.updateValue(!0),!(e.key===s.keyArrowDown||e.key===s.keyArrowUp)}connectedCallback(){super.connectedCallback(),this.addEventListener("focusout",this.focusoutHandler),this.addEventListener("contentchange",this.updateDisplayValue)}disconnectedCallback(){this.removeEventListener("focusout",this.focusoutHandler),this.removeEventListener("contentchange",this.updateDisplayValue),super.disconnectedCallback()}updateDisplayValue(){this.collapsible&&r.Observable.notify(this,"displayValue")}get displayValue(){return r.Observable.track(this,"displayValue"),this.firstSelectedOption?.getAttribute("label")??this.firstSelectedOption?.text??this.placeholder??""}_newDefaultSelectedIndex(e,t,o){const a=super._newDefaultSelectedIndex(e,t,o);if(a===null&&o===-1&&!this.placeholder){const l=this.getNextSelectableIndex(0);if(l!==-1)return l}return a}_isDefaultSelected(e){return super._isDefaultSelected(e)||e.value===this.initialValue}slottedOptionsChanged(e,t){this.options.forEach(a=>{r.Observable.getNotifier(a).unsubscribe(this,"value")}),super.slottedOptionsChanged(e,t),this.options.forEach(a=>{r.Observable.getNotifier(a).subscribe(this,"value")}),this.setProxyOptions(),this.updateValue();const o=this.getAttribute("scale")||this.scale;t.forEach(a=>{o&&(a.setAttribute("scale",o),a.scale=o)}),this.proxy.value=this.value,this.validate()}formResetCallback(){this.setProxyOptions(),this.selectedIndex=this._newDefaultSelectedIndex([],this.options,-1)??-1}}c([r.observable],i.prototype,"activeIndex",2);c([r.attr({mode:"boolean"})],i.prototype,"multiple",2);c([r.attr({attribute:"open",mode:"boolean"})],i.prototype,"open",2);c([r.volatile],i.prototype,"collapsible",1);c([r.observable],i.prototype,"control",2);c([r.observable],i.prototype,"maxHeight",2);c([r.observable],i.prototype,"_anchor",2);c([r.attr()],i.prototype,"scale",2);c([r.attr],i.prototype,"appearance",2);c([r.attr],i.prototype,"shape",2);c([r.attr({mode:"boolean",attribute:"fixed-dropdown"})],i.prototype,"fixedDropdown",2);c([r.attr],i.prototype,"placeholder",2);c([r.observable],i.prototype,"_feedbackWrapper",2);c([r.observable],i.prototype,"metaSlottedContent",2);const P=".label-wrapper{display:flex;flex-direction:row;align-items:center;gap:var(--label-wrapper-gap, 4px)}.label-wrapper[hidden]{display:none}.label:not(slot),.label::slotted(label){flex:0 1 auto}.chevron{display:flex;flex-shrink:0;font:var(--vvd-typography-base-extended);transform:rotate(0);transition:transform .2s}:host([data-expanded=true]) .chevron,:host([open]) .chevron{transform:rotate(180deg)}:host(:focus-visible){outline:none}:host{display:inline-flex;flex-direction:column;gap:4px;--_low-ink-color: var(--vvd-color-neutral-600);--focus-stroke-gap-color: transparent}:host([disabled]){--_low-ink-color: var(--vvd-color-neutral-400);cursor:not-allowed}.label{color:var(--vvd-color-canvas-text);font:var(--vvd-typography-base)}.control{--_appearance-color-text: var(--vvd-color-canvas-text);--_appearance-color-fill: var(--vvd-color-canvas);--_appearance-color-outline: var(--vvd-color-neutral-500)}.control.appearance-ghost{--_appearance-color-text: var(--_connotation-color-firm);--_appearance-color-fill: transparent;--_appearance-color-outline: transparent}@media (hover: hover){.control:hover:where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text: var(--vvd-color-canvas-text);--_appearance-color-fill: var(--vvd-color-canvas);--_appearance-color-outline: var(--vvd-color-neutral-700)}.control:hover:where(:not(.disabled,:disabled,.readonly)).appearance-ghost{--_appearance-color-text: var(--_connotation-color-firm);--_appearance-color-fill: var(--_connotation-color-faint);--_appearance-color-outline: transparent}}.control.hover:where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text: var(--vvd-color-canvas-text);--_appearance-color-fill: var(--vvd-color-canvas);--_appearance-color-outline: var(--vvd-color-neutral-700)}.control.hover:where(:not(.disabled,:disabled,.readonly)).appearance-ghost{--_appearance-color-text: var(--_connotation-color-firm);--_appearance-color-fill: var(--_connotation-color-faint);--_appearance-color-outline: transparent}.control:disabled{--_appearance-color-text: var(--vvd-color-neutral-300);--_appearance-color-fill: var(--vvd-color-neutral-100);--_appearance-color-outline: var(--vvd-color-neutral-300)}.control:disabled.appearance-ghost{--_appearance-color-text: var(--vvd-color-neutral-300);--_appearance-color-fill: transparent;--_appearance-color-outline: transparent}.control.disabled{--_appearance-color-text: var(--vvd-color-neutral-300);--_appearance-color-fill: var(--vvd-color-neutral-100);--_appearance-color-outline: var(--vvd-color-neutral-300)}.control.disabled.appearance-ghost{--_appearance-color-text: var(--vvd-color-neutral-300);--_appearance-color-fill: transparent;--_appearance-color-outline: transparent}.control.readonly:where(:not(.disabled,:disabled)){--_appearance-color-text: var(--vvd-color-canvas-text);--_appearance-color-fill: var(--vvd-color-neutral-200);--_appearance-color-outline: var(--vvd-color-neutral-400)}.control.readonly:where(:not(.disabled,:disabled)).appearance-ghost{--_appearance-color-text: var(--vvd-color-neutral-600);--_appearance-color-fill: transparent;--_appearance-color-outline: transparent}.control.error:where(:not(.disabled,:disabled)){--_appearance-color-text: notSet;--_appearance-color-fill: var(--vvd-color-alert-50);--_appearance-color-outline: var(--vvd-color-alert-500)}.control.error:where(:not(.disabled,:disabled)).appearance-ghost{--_appearance-color-text: notSet;--_appearance-color-fill: var(--vvd-color-alert-50);--_appearance-color-outline: transparent}.control.success:where(:not(.disabled,:disabled)){--_appearance-color-text: notSet;--_appearance-color-fill: var(--vvd-color-success-50);--_appearance-color-outline: var(--vvd-color-success-500)}.control.success:where(:not(.disabled,:disabled)).appearance-ghost{--_appearance-color-text: notSet;--_appearance-color-fill: var(--vvd-color-success-50);--_appearance-color-outline: transparent}.control{--_connotation-color-primary: var(--vvd-select-accent-primary, var(--vvd-color-canvas-text));--_connotation-color-primary-text: var(--vvd-select-accent-primary-text, var(--vvd-color-canvas));--_connotation-color-primary-increment: var(--vvd-select-accent-primary-increment, var(--vvd-color-neutral-800));--_connotation-color-intermediate: var(--vvd-select-accent-intermediate, var(--vvd-color-neutral-500));--_connotation-color-faint: var(--vvd-select-accent-faint, var(--vvd-color-neutral-50));--_connotation-color-soft: var(--vvd-select-accent-soft, var(--vvd-color-neutral-100));--_connotation-color-firm: var(--vvd-select-accent-firm, var(--vvd-color-canvas-text));--_connotation-color-fierce: var(--vvd-select-accent-fierce, var(--vvd-color-neutral-700))}.control{border-radius:var(--_select-control-border-radius);block-size:var(--_select-block-size);padding-inline:var(--_select-padding-inline)}.control{--_select-icon-size: calc(1px*(40 + 4*clamp(-1, var(--vvd-size-density, 0), 2))/2) ;--_select-block-size: calc(1px*(40 + 4*clamp(-1, var(--vvd-size-density, 0), 2))) ;--_select-padding-inline: calc(1px*(40 + 4*clamp(-1, var(--vvd-size-density, 0), 2))*.4) ;display:flex;align-items:center;justify-content:space-between;background-color:var(--_appearance-color-fill);box-shadow:inset 0 0 0 1px var(--_appearance-color-outline);color:var(--_appearance-color-text);font:var(--vvd-typography-base);gap:8px;transition:box-shadow .2s,background-color .2s}.control.size-condensed{--_select-icon-size: calc(1px*(40 + 4*clamp(-1, var(--vvd-size-density, 0), 2))*.4) ;--_select-block-size: calc(1px*(32 + 4*clamp(-1, var(--vvd-size-density, 0), 2))) ;--_select-padding-inline: calc(1px*(24 + 4*clamp(-1, var(--vvd-size-density, 0), 2))/2) }.control.size-condensed:not(.shape-pill){--_select-control-border-radius: 4px}.control-wrapper{position:relative}.control:not(.disabled){cursor:pointer}.control.disabled{pointer-events:none}.control:not(.shape-pill){--_select-control-border-radius: 8px}.control.shape-pill{--_select-control-border-radius: 24px}.listbox{display:flex;max-height:var(--select-height, 408px);flex-direction:column;padding:4px;gap:2px;overflow-y:auto}:host([multiple]:focus-visible) .listbox{box-shadow:0 0 0 4px color-mix(in srgb,var(--focus-stroke-color, var(--vvd-color-cta-500)),transparent 85%),inset 0 0 0 3px var(--focus-stroke-gap-color, currentColor);outline:1px solid var(--focus-stroke-color, var(--vvd-color-cta-500));outline-offset:calc(-1px - var(--focus-inset, 0px));border-radius:8px}.selected-value{display:flex;overflow:hidden;flex-grow:1;align-items:center;column-gap:12px;white-space:nowrap}.selected-value .text{overflow:hidden;max-inline-size:100%;text-overflow:ellipsis}.control.shows-placeholder .selected-value .text{color:var(--vvd-color-neutral-600)}.selected-value slot[name=icon]{flex:0 0 var(--_select-icon-size);font-size:var(--_select-icon-size);line-height:1}.control.has-meta .selected-value{padding-inline-end:8px}.feedback-wrapper{display:contents}::part(popup-base){inline-size:max-content;min-inline-size:var(--_select-fixed-width, 100%)}:host([multiple]) ::part(popup-base){position:static}:host(:focus-within) .control:not(.has-activedescendant){--focus-stroke-gap-color: transparent;box-shadow:0 0 0 4px color-mix(in srgb,var(--focus-stroke-color, var(--vvd-color-cta-500)),transparent 85%),inset 0 0 0 3px var(--focus-stroke-gap-color, currentColor);outline:1px solid var(--focus-stroke-color, var(--vvd-color-cta-500));outline-offset:calc(-1px - var(--focus-inset, 0px))}:host(:not([multiple])) ::slotted([data-vvd-component=option][current-selected]){border-radius:8px;box-shadow:0 0 0 4px color-mix(in srgb,var(--focus-stroke-color, var(--vvd-color-cta-500)),transparent 85%),inset 0 0 0 3px var(--focus-stroke-gap-color, currentColor);outline:1px solid var(--focus-stroke-color, var(--vvd-color-cta-500));outline-offset:calc(-1px - var(--focus-inset, 0px));--focus-stroke-gap-color: transparent}",W=({shape:n,disabled:e,appearance:t,metaSlottedContent:o,errorValidationMessage:a,successText:l,placeholder:d,value:w,scale:b,_activeDescendant:O,open:S})=>T.classNames(["has-activedescendant",!!O&&S],["disabled",e],[`appearance-${t}`,!!t],[`shape-${n}`,!!n],["has-meta",!!o?.length],["error",!!a],["success",!!l],["shows-placeholder",!!d&&!w],[`size-${b}`,!!b]);function B(){return r.html` <label
-		for="${n=>n.multiple?null:"control"}"
+"use strict";const m=require("./definition9.cjs"),A=require("./definition2.cjs"),_=require("./definition12.cjs"),x=require("./definition3.cjs"),n=require("./vivid-element.cjs"),k=require("./mixins.cjs"),y=require("./listbox.cjs"),w=require("./host-semantics.cjs"),D=require("./form-associated.cjs"),u=require("./numbers.cjs"),B=require("./with-contextual-help.cjs"),E=require("./with-error-text.cjs"),H=require("./with-success-text.cjs"),F=require("./localized.cjs"),V=require("./form-element.cjs"),v=require("./affix.cjs"),z=require("./strings.cjs"),c=require("./key-codes.cjs"),q=require("./index.cjs"),b=require("./ref.cjs"),h=require("./when.cjs"),f=require("./slotted.cjs"),T=require("./class-names.cjs");var L=Object.defineProperty,P=Object.getOwnPropertyDescriptor,i=(r,t,e,o)=>{for(var a=o>1?void 0:o?P(t,e):t,s=r.length-1,d;s>=0;s--)(d=r[s])&&(a=(o?d(t,e,a):d(a))||a);return o&&a&&L(t,e,a),a};class l extends k.WithLightDOMFeedback(B.WithContextualHelp(E.WithErrorText(H.WithSuccessText(F.Localized(V.FormElement(w.HostSemantics(v.AffixIconWithTrailing(D.FormAssociated(y.Listbox))))))))){constructor(){super(...arguments),this.proxy=document.createElement("select"),this.activeIndex=-1,this.rangeStartIndex=-1,this.open=!1,this.listboxId=z.uniqueId("listbox-"),this.maxHeight=0,this.fixedDropdown=!1,this._feedbackWrapper=null,this.clearable=!1,this._isClearButtonFocused=!1}get activeOption(){return this.options[this.activeIndex]}get checkedOptions(){return this.options.filter(t=>t.checked)}get firstSelectedOptionIndex(){return this.options.indexOf(this.firstSelectedOption)}activeIndexChanged(t,e){this._activeDescendant=this.options[e]?.id??"",this.focusAndScrollOptionIntoView()}checkActiveIndex(){const t=this.activeOption;/* v8 ignore else -- @preserve */t&&(t.checked=!0)}checkFirstOption(t){const e=this.getNextSelectableIndex(0);e!==-1&&(t?(this.rangeStartIndex===-1&&(this.rangeStartIndex=this.activeIndex),this.options.forEach((o,a)=>{o.checked=u.inRange(a,e,this.rangeStartIndex+1)&&!o.disabled})):this.uncheckAllOptions(),this.activeIndex=e,this.checkActiveIndex())}checkLastOption(t){const e=this.getPreviousSelectableIndex(this.length-1);e!==-1&&(t?(this.rangeStartIndex===-1&&(this.rangeStartIndex=this.activeIndex),this.options.forEach((o,a)=>{o.checked=u.inRange(a,this.rangeStartIndex,e+1)&&!o.disabled})):this.uncheckAllOptions(),this.activeIndex=e,this.checkActiveIndex())}checkNextOption(t){const e=this.getNextSelectableIndex(this.activeIndex+1);e!==-1&&(t?(this.rangeStartIndex===-1&&(this.rangeStartIndex=this.activeIndex),this.options.forEach((o,a)=>{o.checked=u.inRange(a,this.rangeStartIndex,e+1)&&!o.disabled})):this.uncheckAllOptions(),this.activeIndex=e,this.checkActiveIndex())}checkPreviousOption(t){const e=this.getPreviousSelectableIndex(this.activeIndex-1);e!==-1&&(t?(this.rangeStartIndex===-1&&(this.rangeStartIndex=this.activeIndex),this.checkedOptions.length===1&&(this.rangeStartIndex+=1),this.options.forEach((o,a)=>{o.checked=u.inRange(a,e,this.rangeStartIndex+1)&&!o.disabled})):this.uncheckAllOptions(),this.activeIndex=e,this.checkActiveIndex())}focusAndScrollOptionIntoView(){super.focusAndScrollOptionIntoView(this.activeOption)}focusinHandler(t){if(!this.multiple)return super.focusinHandler(t);/* v8 ignore else -- @preserve */!this.shouldSkipFocus&&t.target===t.currentTarget&&(this.uncheckAllOptions(),this.activeIndex===-1&&(this.activeIndex=this.firstSelectedOptionIndex!==-1?this.firstSelectedOptionIndex:0),this.checkActiveIndex(),this.setSelectedOptions(),this.focusAndScrollOptionIntoView()),this.shouldSkipFocus=!1}setSelectedOptions(){if(!this.multiple){super.setSelectedOptions();return}/* v8 ignore else -- @preserve */this.$fastController.isConnected&&this.options&&(this.selectedOptions=this.options.filter(t=>t.selected),this.focusAndScrollOptionIntoView())}toggleSelectedForAllCheckedOptions(){const t=this.checkedOptions.filter(o=>!o.disabled),e=!t.every(o=>o.selected);t.forEach(o=>o.selected=e),this.selectedIndex=this.options.indexOf(t[t.length-1]),this.setSelectedOptions(),this.updateValue(!0)}typeaheadBufferChanged(t,e){if(!this.multiple){super.typeaheadBufferChanged(t,e);return}/* v8 ignore if -- @preserve */if(this.$fastController.isConnected){const o=this.getTypeaheadMatches(),a=this.options.indexOf(o[0]);a>-1&&(this.activeIndex=a,this.uncheckAllOptions(),this.checkActiveIndex()),this.typeaheadExpired=!1}}uncheckAllOptions(t=!1){this.options.forEach(e=>e.checked=!1);/* v8 ignore else -- @preserve */t||(this.rangeStartIndex=-1)}openChanged(t,e){if(!this.collapsible)return;if(this.open){this.focusAndScrollOptionIntoView(),this.indexWhenOpened=this.selectedIndex,n.Updates.enqueue(()=>this.focus());return}const o=t===!0&&e===!1,a=this.indexWhenOpened!==this.selectedIndex;o&&a&&this.updateValue(!0)}get collapsible(){return!this.multiple}valueChanged(t,e){const o=this.options.findIndex(d=>d.value===e),a=this._validSelectedIndex(o),s=this.options[a]?.value??"";this.selectedIndex!==a&&(this.selectedIndex=a),e===s&&(super.valueChanged(t,e),this.updateDisplayValue())}updateValue(t){this.$fastController.isConnected&&(this.value=this.firstSelectedOption?.value??""),t&&(this.$emit("input"),this.$emit("change",this,{bubbles:!0,composed:void 0}))}selectedIndexChanged(t,e){super.selectedIndexChanged(t,e),this.updateValue()}clickHandler(t){if(this.disabled||this._isFromContextualHelp(t))return;const e=t.target.closest("option,[role=option],[data-vvd-component=option]");if(!(e&&e.disabled))return this.multiple?(this.uncheckAllOptions(),this.activeIndex=this.options.indexOf(e),this.checkActiveIndex(),this.toggleSelectedForAllCheckedOptions()):super.clickHandler(t),this.collapsible&&(this.open=!this.open),!0}focusoutHandler(t){if(this.multiple&&this.uncheckAllOptions(),!this.open)return!0;const e=t.relatedTarget;if(this.isSameNode(e)){this.focus();return}/* v8 ignore else -- @preserve */this.options.includes(e)||(this.open=!1,this.indexWhenOpened!==this.selectedIndex&&this.updateValue(!0))}handleChange(t,e){super.handleChange(t,e),e==="value"&&this.updateValue()}mousedownHandler(t){return t.offsetX>=0&&t.offsetX<=this.listbox.scrollWidth?super.mousedownHandler(t):this.collapsible}multipleChanged(t,e){this.options.forEach(o=>{o.checked=e?!1:void 0}),this.setSelectedOptions();/* v8 ignore if -- @preserve */this.proxy&&(this.proxy.multiple=e)}selectedOptionsChanged(t,e){super.selectedOptionsChanged(t,e),this.options.forEach((o,a)=>{const s=this.proxy.options.item(a);s&&(s.selected=o.selected)})}setProxyOptions(){/* v8 ignore else -- @preserve */this.proxy instanceof HTMLSelectElement&&this.options&&(this.proxy.length=0,this.options.forEach(t=>{const e=t.proxy||(t instanceof HTMLOptionElement?t.cloneNode():null);e&&this.proxy.options.add(e)}))}multipleKeydownHandler(t){if(this.disabled)return;const{key:e,shiftKey:o}=t;switch(this.shouldSkipFocus=!1,e){case c.keyHome:{this.checkFirstOption(o);return}case c.keyArrowDown:{this.checkNextOption(o);return}case c.keyArrowUp:{this.checkPreviousOption(o);return}case c.keyEnd:{this.checkLastOption(o);return}case c.keyTab:{this.focusAndScrollOptionIntoView();return}case c.keyEscape:{this.uncheckAllOptions(),this.checkActiveIndex();return}case c.keySpace:{t.preventDefault();/* v8 ignore else -- @preserve */if(this.typeaheadExpired){this.toggleSelectedForAllCheckedOptions();return}}default:{/* v8 ignore else -- @preserve */e.length===1&&this.handleTypeAhead(`${e}`);return}}}keydownHandler(t){const e=this.selectedIndex;switch(this.multiple?this.multipleKeydownHandler(t):super.keydownHandler(t),t.key){case c.keySpace:{t.preventDefault(),this.collapsible&&this.typeaheadExpired&&(this.open=!this.open);break}case c.keyHome:case c.keyEnd:{t.preventDefault();break}case c.keyEnter:{t.preventDefault(),this.open=!this.open;break}case c.keyEscape:{this.collapsible&&this.open&&(t.preventDefault(),this.open=!1);break}case c.keyTab:return this.collapsible&&this.open&&(t.preventDefault(),this.open=!1),!0}return this.collapsible&&!this.open&&this.selectedIndex!==e&&this.updateValue(!0),!(t.key===c.keyArrowDown||t.key===c.keyArrowUp)}connectedCallback(){super.connectedCallback(),this.addEventListener("focusout",this.focusoutHandler),this.addEventListener("contentchange",this.updateDisplayValue)}disconnectedCallback(){this.removeEventListener("focusout",this.focusoutHandler),this.removeEventListener("contentchange",this.updateDisplayValue),super.disconnectedCallback()}updateDisplayValue(){this.collapsible&&n.Observable.notify(this,"displayValue")}get displayValue(){return n.Observable.track(this,"displayValue"),this.firstSelectedOption?.getAttribute("label")??this.firstSelectedOption?.text??this.placeholder??""}_newDefaultSelectedIndex(t,e,o){const a=super._newDefaultSelectedIndex(t,e,o);if(a===null&&o===-1&&!this.placeholder){const s=this.getNextSelectableIndex(0);if(s!==-1)return s}return a}_isDefaultSelected(t){return super._isDefaultSelected(t)||t.value===this.initialValue}slottedOptionsChanged(t,e){this.options.forEach(a=>{n.Observable.getNotifier(a).unsubscribe(this,"value")}),super.slottedOptionsChanged(t,e),this.options.forEach(a=>{n.Observable.getNotifier(a).subscribe(this,"value")}),this.setProxyOptions(),this.updateValue();const o=this.getAttribute("scale")||this.scale;e.forEach(a=>{o&&(a.setAttribute("scale",o),a.scale=o)}),this.proxy.value=this.value,this.validate()}formResetCallback(){this.setProxyOptions(),this.selectedIndex=this._newDefaultSelectedIndex([],this.options,-1)??-1}get _shouldShowClearButton(){return this.clearable?this.multiple?this.selectedOptions?.length>0:this.value!=="":!1}_onClearButtonFocus(){this._isClearButtonFocused=!0,this.activeIndex=-1,this.uncheckAllOptions()}_onClearButtonBlur(){this._isClearButtonFocused=!1}get _shouldShowLabelWrapper(){return!!(this.label||this._hasContextualHelp||this.multiple&&this._shouldShowClearButton)}_onClearButtonClick(){this.multiple?this.selectedOptions?.forEach(t=>{/* v8 ignore else -- @preserve */t.disabled||(t.selected=!1)}):this.selectedIndex=-1,this.updateValue(!0)}}i([n.observable],l.prototype,"activeIndex",2);i([n.attr({mode:"boolean"})],l.prototype,"multiple",2);i([n.attr({attribute:"open",mode:"boolean"})],l.prototype,"open",2);i([n.volatile],l.prototype,"collapsible",1);i([n.observable],l.prototype,"control",2);i([n.observable],l.prototype,"maxHeight",2);i([n.observable],l.prototype,"_anchor",2);i([n.attr()],l.prototype,"scale",2);i([n.attr],l.prototype,"appearance",2);i([n.attr],l.prototype,"shape",2);i([n.attr({mode:"boolean",attribute:"fixed-dropdown"})],l.prototype,"fixedDropdown",2);i([n.attr],l.prototype,"placeholder",2);i([n.observable],l.prototype,"_feedbackWrapper",2);i([n.observable],l.prototype,"metaSlottedContent",2);i([n.attr({mode:"boolean"})],l.prototype,"clearable",2);i([n.observable],l.prototype,"_isClearButtonFocused",2);const W=".label-wrapper{display:flex;flex-direction:row;align-items:center;gap:var(--label-wrapper-gap, 4px)}.label-wrapper[hidden]{display:none}.label:not(slot),.label::slotted(label){flex:0 1 auto}.chevron{display:flex;flex-shrink:0;font:var(--vvd-typography-base-extended);transform:rotate(0);transition:transform .2s}:host([data-expanded=true]) .chevron,:host([open]) .chevron{transform:rotate(180deg)}:host(:focus-visible){outline:none}:host{display:inline-flex;flex-direction:column;gap:4px;--_low-ink-color: var(--vvd-color-neutral-600);--focus-stroke-gap-color: transparent}:host([disabled]){--_low-ink-color: var(--vvd-color-neutral-400);cursor:not-allowed}.label{color:var(--vvd-color-canvas-text);font:var(--vvd-typography-base)}.control{--_appearance-color-text: var(--vvd-color-canvas-text);--_appearance-color-fill: var(--vvd-color-canvas);--_appearance-color-outline: var(--vvd-color-neutral-500)}.control.appearance-ghost{--_appearance-color-text: var(--_connotation-color-firm);--_appearance-color-fill: transparent;--_appearance-color-outline: transparent}@media (hover: hover){.control:hover:where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text: var(--vvd-color-canvas-text);--_appearance-color-fill: var(--vvd-color-canvas);--_appearance-color-outline: var(--vvd-color-neutral-700)}.control:hover:where(:not(.disabled,:disabled,.readonly)).appearance-ghost{--_appearance-color-text: var(--_connotation-color-firm);--_appearance-color-fill: var(--_connotation-color-faint);--_appearance-color-outline: transparent}}.control.hover:where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text: var(--vvd-color-canvas-text);--_appearance-color-fill: var(--vvd-color-canvas);--_appearance-color-outline: var(--vvd-color-neutral-700)}.control.hover:where(:not(.disabled,:disabled,.readonly)).appearance-ghost{--_appearance-color-text: var(--_connotation-color-firm);--_appearance-color-fill: var(--_connotation-color-faint);--_appearance-color-outline: transparent}.control:disabled{--_appearance-color-text: var(--vvd-color-neutral-300);--_appearance-color-fill: var(--vvd-color-neutral-100);--_appearance-color-outline: var(--vvd-color-neutral-300)}.control:disabled.appearance-ghost{--_appearance-color-text: var(--vvd-color-neutral-300);--_appearance-color-fill: transparent;--_appearance-color-outline: transparent}.control.disabled{--_appearance-color-text: var(--vvd-color-neutral-300);--_appearance-color-fill: var(--vvd-color-neutral-100);--_appearance-color-outline: var(--vvd-color-neutral-300)}.control.disabled.appearance-ghost{--_appearance-color-text: var(--vvd-color-neutral-300);--_appearance-color-fill: transparent;--_appearance-color-outline: transparent}.control.readonly:where(:not(.disabled,:disabled)){--_appearance-color-text: var(--vvd-color-canvas-text);--_appearance-color-fill: var(--vvd-color-neutral-200);--_appearance-color-outline: var(--vvd-color-neutral-400)}.control.readonly:where(:not(.disabled,:disabled)).appearance-ghost{--_appearance-color-text: var(--vvd-color-neutral-600);--_appearance-color-fill: transparent;--_appearance-color-outline: transparent}.control.error:where(:not(.disabled,:disabled)){--_appearance-color-text: notSet;--_appearance-color-fill: var(--vvd-color-alert-50);--_appearance-color-outline: var(--vvd-color-alert-500)}.control.error:where(:not(.disabled,:disabled)).appearance-ghost{--_appearance-color-text: notSet;--_appearance-color-fill: var(--vvd-color-alert-50);--_appearance-color-outline: transparent}.control.success:where(:not(.disabled,:disabled)){--_appearance-color-text: notSet;--_appearance-color-fill: var(--vvd-color-success-50);--_appearance-color-outline: var(--vvd-color-success-500)}.control.success:where(:not(.disabled,:disabled)).appearance-ghost{--_appearance-color-text: notSet;--_appearance-color-fill: var(--vvd-color-success-50);--_appearance-color-outline: transparent}.control{--_connotation-color-primary: var(--vvd-select-accent-primary, var(--vvd-color-canvas-text));--_connotation-color-primary-text: var(--vvd-select-accent-primary-text, var(--vvd-color-canvas));--_connotation-color-primary-increment: var(--vvd-select-accent-primary-increment, var(--vvd-color-neutral-800));--_connotation-color-intermediate: var(--vvd-select-accent-intermediate, var(--vvd-color-neutral-500));--_connotation-color-faint: var(--vvd-select-accent-faint, var(--vvd-color-neutral-50));--_connotation-color-soft: var(--vvd-select-accent-soft, var(--vvd-color-neutral-100));--_connotation-color-firm: var(--vvd-select-accent-firm, var(--vvd-color-canvas-text));--_connotation-color-fierce: var(--vvd-select-accent-fierce, var(--vvd-color-neutral-700))}.control{border-radius:var(--_select-control-border-radius);block-size:var(--_select-block-size);padding-inline:var(--_select-padding-inline)}.control{--_select-icon-size: calc(1px*(40 + 4*clamp(-1, var(--vvd-size-density, 0), 2))/2) ;--_select-block-size: calc(1px*(40 + 4*clamp(-1, var(--vvd-size-density, 0), 2))) ;--_select-padding-inline: calc(1px*(40 + 4*clamp(-1, var(--vvd-size-density, 0), 2))*.4) ;display:flex;align-items:center;justify-content:space-between;background-color:var(--_appearance-color-fill);box-shadow:inset 0 0 0 1px var(--_appearance-color-outline);color:var(--_appearance-color-text);font:var(--vvd-typography-base);gap:8px;transition:box-shadow .2s,background-color .2s}.control.size-condensed{--_select-icon-size: calc(1px*(40 + 4*clamp(-1, var(--vvd-size-density, 0), 2))*.4) ;--_select-block-size: calc(1px*(32 + 4*clamp(-1, var(--vvd-size-density, 0), 2))) ;--_select-padding-inline: calc(1px*(24 + 4*clamp(-1, var(--vvd-size-density, 0), 2))/2) }.control.size-condensed:not(.shape-pill){--_select-control-border-radius: 4px}.control-wrapper{position:relative}.control:not(.disabled){cursor:pointer}.control.disabled{pointer-events:none}.control:not(.shape-pill){--_select-control-border-radius: 8px}.control.shape-pill{--_select-control-border-radius: 24px}.listbox{display:flex;max-height:var(--select-height, 408px);flex-direction:column;padding:4px;gap:2px;overflow-y:auto}:host([multiple]:focus-visible) .listbox{box-shadow:0 0 0 4px color-mix(in srgb,var(--focus-stroke-color, var(--vvd-color-cta-500)),transparent 85%),inset 0 0 0 3px var(--focus-stroke-gap-color, currentColor);outline:1px solid var(--focus-stroke-color, var(--vvd-color-cta-500));outline-offset:calc(-1px - var(--focus-inset, 0px));border-radius:8px}.selected-value{display:flex;overflow:hidden;flex-grow:1;align-items:center;column-gap:12px;white-space:nowrap}.selected-value .text{overflow:hidden;max-inline-size:100%;text-overflow:ellipsis}.control.shows-placeholder .selected-value .text{color:var(--vvd-color-neutral-600)}.selected-value slot[name=icon]{flex:0 0 var(--_select-icon-size);font-size:var(--_select-icon-size);line-height:1}.control.has-meta .selected-value{padding-inline-end:8px}.feedback-wrapper{display:contents}::part(popup-base){inline-size:max-content;min-inline-size:var(--_select-fixed-width, 100%)}:host([multiple]) ::part(popup-base){position:static}@supports selector(:has(*)){:host(:focus-within) .control:not(.has-activedescendant,:has(.clear-button:focus)){--focus-stroke-gap-color: transparent;box-shadow:0 0 0 4px color-mix(in srgb,var(--focus-stroke-color, var(--vvd-color-cta-500)),transparent 85%),inset 0 0 0 3px var(--focus-stroke-gap-color, currentColor);outline:1px solid var(--focus-stroke-color, var(--vvd-color-cta-500));outline-offset:calc(-1px - var(--focus-inset, 0px))}}@supports not selector(:has(*)){:host(:focus-within) .control:not(.has-activedescendant){--focus-stroke-gap-color: transparent;box-shadow:0 0 0 4px color-mix(in srgb,var(--focus-stroke-color, var(--vvd-color-cta-500)),transparent 85%),inset 0 0 0 3px var(--focus-stroke-gap-color, currentColor);outline:1px solid var(--focus-stroke-color, var(--vvd-color-cta-500));outline-offset:calc(-1px - var(--focus-inset, 0px))}}:host(:not([multiple])) ::slotted([data-vvd-component=option][current-selected]){border-radius:8px;box-shadow:0 0 0 4px color-mix(in srgb,var(--focus-stroke-color, var(--vvd-color-cta-500)),transparent 85%),inset 0 0 0 3px var(--focus-stroke-gap-color, currentColor);outline:1px solid var(--focus-stroke-color, var(--vvd-color-cta-500));outline-offset:calc(-1px - var(--focus-inset, 0px));--focus-stroke-gap-color: transparent}:host([multiple]) .clear-button{margin-inline-start:auto}:host([multiple][clearable]) .label-wrapper{min-block-size:calc(1px*(24 + 4*clamp(-1,var(--vvd-size-density, 0),2)))}",N=({shape:r,disabled:t,appearance:e,metaSlottedContent:o,errorValidationMessage:a,successText:s,placeholder:d,value:O,scale:g,_activeDescendant:$,open:C})=>T.classNames(["has-activedescendant",!!$&&C],["disabled",t],[`appearance-${e}`,!!e],[`shape-${r}`,!!r],["has-meta",!!o?.length],["error",!!a],["success",!!s],["shows-placeholder",!!d&&!O],[`size-${g}`,!!g]);function M(){return n.html` <label
+		for="${r=>r.multiple?null:"control"}"
 		class="label"
 		id="label"
 	>
-		${n=>n.label}
-	</label>`}function N(n){const e=n.tagFor(m.ListboxOption);return r.html`
-		<${e} text="${t=>t.placeholder}" hidden disabled>
-		</${e}>`}function M(n){const e=v.affixIconTemplateFactory(n),t=q.chevronTemplateFactory(n);return r.html` <div
-		class="control ${W}"
-		${x.ref("_anchor")}
+		${r=>r.label}
+	</label>`}function R(r){const t=r.tagFor(_.ListboxOption);return n.html`
+		<${t} text="${e=>e.placeholder}" hidden disabled>
+		</${t}>`}function I(r){const t=r.tagFor(x.Button);return n.html`
+		<${t}
+			aria-label="${e=>e.locale.select.clearButtonLabel}"
+			aria-hidden="${e=>e._isClearButtonFocused?"false":"true"}"
+			@click="${(e,o)=>{e._onClearButtonClick(),o.event.stopPropagation()}}"
+			@mousedown="${()=>!1}"
+			@keydown="${(e,o)=>{/* v8 ignore next -- @preserve */return o.event.key==="Tab"&&e._onClearButtonBlur(),o.event.stopPropagation(),!0}}"
+			@focusin="${(e,o)=>{o.event.stopPropagation(),e._onClearButtonFocus()}}"
+			@focusout="${e=>e._onClearButtonBlur()}"
+			?disabled="${e=>e.disabled}"
+			:shape="${e=>e.shape}"
+			size="super-condensed"
+			icon="close-line"
+			appearance="ghost-light"
+			class="clear-button"
+			tabindex="0"
+		></${t}>
+	`}function K(r){const t=v.affixIconTemplateFactory(r),e=x.chevronTemplateFactory(r);return n.html` <div
+		class="control ${N}"
+		${b.ref("_anchor")}
 		id="control"
 		?disabled="${o=>o.disabled}"
 	>
 		<div class="selected-value">
-			${o=>e(o.icon,v.IconWrapper.Slot)}
+			${o=>t(o.icon,v.IconWrapper.Slot)}
 			<span class="text">${o=>o.displayValue}</span>
 			<slot name="meta" ${f.slotted("metaSlottedContent")}></slot>
 		</div>
-		${t}
-	</div>`}function R(n){return n.open&&n.fixedDropdown?`--_select-fixed-width: ${Math.round(n.getBoundingClientRect().width)}px`:null}function K(n){const e=n.tagFor(g.Popup);return r.html`
-			<div class="label-wrapper" ?hidden=${t=>!t.label&&!t._hasContextualHelp}>
-				${u.when(t=>t.label,B())}
+		${h.when(o=>o._shouldShowClearButton,I(r))}
+		${e}
+	</div>`}function j(r){return r.open&&r.fixedDropdown?`--_select-fixed-width: ${Math.round(r.getBoundingClientRect().width)}px`:null}function U(r){const t=r.tagFor(m.Popup);return n.html`
+			<div class="label-wrapper" ?hidden=${e=>!e._shouldShowLabelWrapper}>
+				${h.when(e=>e.label,M())}
+				${h.when(e=>e.multiple&&e._shouldShowClearButton,I(r))}
 				<slot name="contextual-help" ${f.slotted("_contextualHelpSlottedContent")}></slot>
 			</div>
 			<div class="control-wrapper">
-				${u.when(t=>!t.multiple,M(n))}
-				<${e} class="popup"
-					style="${R}"
-					?open="${t=>t.collapsible?t.open:!0}"
-					:anchor="${t=>t._anchor}"
+				${h.when(e=>!e.multiple,K(r))}
+				<${t} class="popup"
+					style="${j}"
+					?open="${e=>e.collapsible?e.open:!0}"
+					:anchor="${e=>e._anchor}"
 					placement="bottom-start"
-					strategy="${t=>t.fixedDropdown?null:"absolute"}">
+					strategy="${e=>e.fixedDropdown?null:"absolute"}">
 					<div class="listbox"
-						id="${t=>t.listboxId}"
+						id="${e=>e.listboxId}"
 						role="listbox"
-						aria-multiselectable="${t=>t.multiple}"
-						aria-label="${t=>t.multiple&&!t.label&&t.ariaLabel?t.ariaLabel:null}"
-						aria-labelledby="${t=>t.multiple&&t.label?"label":null}"
-						?disabled="${t=>t.disabled}"
-						?hidden="${t=>t.collapsible?!t.open:!1}"
-						${x.ref("listbox")}>
-						${u.when(t=>t.placeholder,N(n))}
+						aria-multiselectable="${e=>e.multiple}"
+						aria-label="${e=>e.multiple&&!e.label&&e.ariaLabel?e.ariaLabel:null}"
+						aria-labelledby="${e=>e.multiple&&e.label?"label":null}"
+						?disabled="${e=>e.disabled}"
+						?hidden="${e=>e.collapsible?!e.open:!1}"
+						${b.ref("listbox")}>
+						${h.when(e=>e.placeholder,R(r))}
 						<slot
-							${f.slotted({filter:k.Listbox.slottedOptionFilter,flatten:!0,property:"slottedOptions"})}>
+							${f.slotted({filter:y.Listbox.slottedOptionFilter,flatten:!0,property:"slottedOptions"})}>
 						</slot>
 				 	</div>
-				</${e}>
+				</${t}>
 			</div>
-		`}function p(n){return(e,t)=>t.event.composedPath().includes(e._feedbackWrapper)?!0:n(e,t.event)}const j=n=>r.html`
+		`}function p(r){return(t,e)=>e.event.composedPath().includes(t._feedbackWrapper)?!0:r(t,e.event)}const X=r=>n.html`
 		<template
-			${_.applyHostSemantics({role:"combobox",ariaLabel:e=>e.ariaLabel??e.label,ariaHasPopup:e=>e.collapsible?"listbox":"false",ariaExpanded:e=>e.open,ariaDisabled:e=>e.disabled})}
-			aria-controls="${e=>e.listboxId}"
-			aria-activedescendant="${e=>e.open?e._activeDescendant:null}"
-			aria-describedby="${e=>e._feedbackDescribedBy}"
-			tabindex="${e=>e.disabled?null:"0"}"
-			@click="${p((e,t)=>e.clickHandler(t))}"
-			@focusin="${p((e,t)=>e.focusinHandler(t))}"
-			@focusout="${p((e,t)=>e.focusoutHandler(t))}"
-			@keydown="${p((e,t)=>(e.open&&F.handleEscapeKeyAndStopPropogation(t),e.keydownHandler(t)))}"
-			@mousedown="${p((e,t)=>e.mousedownHandler(t))}"
+			${w.applyHostSemantics({role:"combobox",ariaLabel:t=>t.ariaLabel??t.label,ariaHasPopup:t=>t.collapsible?"listbox":"false",ariaExpanded:t=>t.open,ariaDisabled:t=>t.disabled})}
+			aria-controls="${t=>t.listboxId}"
+			aria-activedescendant="${t=>t.open?t._activeDescendant:null}"
+			aria-describedby="${t=>t._feedbackDescribedBy}"
+			tabindex="${t=>t.disabled?null:"0"}"
+			@click="${p((t,e)=>t.clickHandler(e))}"
+			@focusin="${p((t,e)=>t.focusinHandler(e))}"
+			@focusout="${p((t,e)=>t.focusoutHandler(e))}"
+			@keydown="${p((t,e)=>(t.open&&q.handleEscapeKeyAndStopPropogation(e),t.keydownHandler(e)))}"
+			@mousedown="${p((t,e)=>t.mousedownHandler(e))}"
 		>
-			${K(n)}
-			<div class="feedback-wrapper" ${x.ref("_feedbackWrapper")}>
-				${e=>e._getFeedbackTemplate(n)}
+			${U(r)}
+			<div class="feedback-wrapper" ${b.ref("_feedbackWrapper")}>
+				${t=>t._getFeedbackTemplate(r)}
 			</div>
 		</template>
-	`,I=r.defineVividComponent("select",i,j,[g.popupDefinition,$.iconDefinition,m.listboxOptionDefinition,y.feedbackMessageDefinition],{styles:P}),U=r.createRegisterFunction(I);exports.Select=i;exports.registerSelect=U;exports.selectDefinition=I;
+	`,S=n.defineVividComponent("select",l,X,[m.popupDefinition,A.iconDefinition,_.listboxOptionDefinition,x.buttonDefinition,k.feedbackMessageDefinition],{styles:W}),G=n.createRegisterFunction(S);exports.Select=l;exports.registerSelect=G;exports.selectDefinition=S;