@vonage/vivid 5.15.1 → 5.17.0

package/bundled/definition19.cjs

@@ -1,87 +1,5 @@
-"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;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);!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}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}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),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}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(),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(){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:if(t.preventDefault(),this.typeaheadExpired){this.toggleSelectedForAllCheckedOptions();return}default:{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=>{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"
-	>
-		${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)=>(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=>t(o.icon,v.IconWrapper.Slot)}
-			<span class="text">${o=>o.displayValue}</span>
-			<slot name="meta" ${f.slotted("metaSlottedContent")}></slot>
-		</div>
-		${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">
-				${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="${e=>e.fixedDropdown?null:"absolute"}">
-					<div class="listbox"
-						id="${e=>e.listboxId}"
-						role="listbox"
-						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:y.Listbox.slottedOptionFilter,flatten:!0,property:"slottedOptions"})}>
-						</slot>
-				 	</div>
-				</${t}>
-			</div>
-		`}function p(r){return(t,e)=>e.event.composedPath().includes(t._feedbackWrapper)?!0:r(t,e.event)}const X=r=>n.html`
-		<template
-			${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))}"
-		>
-			${U(r)}
-			<div class="feedback-wrapper" ${b.ref("_feedbackWrapper")}>
-				${t=>t._getFeedbackTemplate(r)}
-			</div>
-		</template>
-	`,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;
+const e=require(`./vivid-element.cjs`),t=require(`./class-names.cjs`),n=require(`./host-semantics.cjs`),r=require(`./divider.cjs`);var i=`:host{display:block}.base{--_connotation-color-soft:var(--vvd-divider-accent-soft,var(--vvd-color-neutral-100));--_connotation-color-dim:var(--vvd-divider-accent-dim,var(--vvd-color-neutral-200));display:block}.base:not(.vertical){block-size:1px;inline-size:100%}.base.vertical{block-size:100%;inline-size:1px}.base.appearance-ghost{background-color:var(--_connotation-color-dim)}.base.appearance-subtle{background-color:var(--_connotation-color-soft)}`,a=e.d`<template
+	${n.n({role:e=>e.role||r.n.separator,ariaHidden:!0,ariaOrientation:({role:e,orientation:t})=>e===r.n.presentation?null:t})}
+>
+	<span class="${({orientation:e,appearance:n})=>t.t(`base`,[`${e}`,!!e],[`appearance-${n}`,!!n])}"></span
+></template>`,o=e.o(`divider`,r.t,a,[],{styles:i}),s=e.s(o);Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return s}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return o}});