@vonage/vivid 5.24.0 → 5.25.0

package/rich-text-editor/index.js

@@ -8,7 +8,8 @@ import { i as m, r as h, t as g } from "../bundled/definition8.js";
 import { n as ee, r as te } from "../bundled/definition9.js";
 import { n as ne } from "../bundled/render-in-light-dom.js";
 import { n as _, r as re } from "../bundled/definition12.js";
-import { r as ie, t as ae } from "../bundled/definition17.js";
+import { t as ie } from "../bundled/option.js";
+import { t as ae } from "../bundled/definition17.js";
 import { n as oe, r as se } from "../bundled/definition19.js";
 import { t as ce } from "../bundled/definition20.js";
 import { t as v } from "../bundled/divider.js";
@@ -5698,8 +5699,6 @@ function Es(e) {
 		/* v8 ignore if -- @preserve It's currently not possible to exercise this code in our RTE */
 		if (n.isTextblock && !n.hasRequiredAttrs()) return n;
 	}
-	/* v8 ignore next 1 -- @preserve*/
-	throw Error("No default textblock found.");
 }
 //#endregion
 //#region src/lib/rich-text-editor/rte/utils/ui.style.scss?inline
@@ -5788,12 +5787,16 @@ var Fs = new N({ state: {
 		];
 	}
 	getPlugins(e) {
-		let t = qo((t, n, r) => n ? {
-			type: Es(r.node(r.depth - 1).contentMatchAt(r.indexAfter(r.depth - 1))),
-			attrs: e.textblockAttrs.extractFromNode(t)
-		} : {
-			type: t.type,
-			attrs: t.attrs
+		let t = qo((t, n, r) => {
+			if (!n) return {
+				type: t.type,
+				attrs: t.attrs
+			};
+			let i = Es(r.node(r.depth - 1).contentMatchAt(r.indexAfter(r.depth - 1)));
+			return i ? {
+				type: i,
+				attrs: e.textblockAttrs.extractFromNode(t)
+			} : null;
 		}), n = ss(Ho, Go, Ko, (e, n) => t(e, n && ((t) => {
 			let r = e.storedMarks || e.selection.$to.parentOffset && e.selection.$from.marks();
 			r && t.ensureMarks(r), n(t);
@@ -7488,7 +7491,7 @@ var cu = (e) => e.parent.textBetween(0, e.parentOffset, void 0, ""), lu = cla
 	}
 	getSchema() {
 		return [this.contribution({ nodes: {
-			doc: { content: "block+" },
+			doc: { content: this.config?.singleBlock ? "block" : "block+" },
 			text: { group: "inline" }
 		} })];
 	}
@@ -8209,14 +8212,14 @@ var Lu = Symbol("mixedColor"), Ru = y(class extends w {
 	return e.doc.nodesBetween(t.pos, n.pos, (t) => {
 		t.type.isInGroup("list") && (i = t.type), t.type === e.schema.nodes.listItem && i !== r && (a = !1);
 	}), a;
-}, td = (e, t, n) => {
-	Ku(t) ? nd(t, n) : rd(e, t, n);
-}, nd = (e, t) => {
+}, td = (e, t, n) => Ku(t) ? (nd(t, n), !0) : rd(e, t, n), nd = (e, t) => {
 	let n = new fe(e.doc.resolve(e.before()), e.doc.resolve(e.after()), e.depth - 1);
 	t.lift(n, e.depth - 2);
 }, rd = (e, t, n) => {
-	let r = Gu(t), i = t.index(Uu(t)), a = Es(t.node(Uu(t)).contentMatchAt(i + 1)), o = qu(t, Hu(t)), s = Ju(t, Hu(t));
-	n.step(new Ye(t.before() - +!!o, t.after() + +!!s, t.start(), t.end(), new T((o ? x.empty : x.from(r.copy(x.empty))).append(x.from(a.create(e.textblockAttrs.extractFromNode(Wu(t))))).append(s ? x.empty : x.from(r.copy(x.empty))), +!o, +!s), +!o + 1));
+	let r = Gu(t), i = t.index(Uu(t)), a = Es(t.node(Uu(t)).contentMatchAt(i + 1));
+	if (!a) return !1;
+	let o = qu(t, Hu(t)), s = Ju(t, Hu(t));
+	return n.step(new Ye(t.before() - +!!o, t.after() + +!!s, t.start(), t.end(), new T((o ? x.empty : x.from(r.copy(x.empty))).append(x.from(a.create(e.textblockAttrs.extractFromNode(Wu(t))))).append(s ? x.empty : x.from(r.copy(x.empty))), +!o, +!s), +!o + 1)), !0;
 }, id = (e, t, n, r) => {
 	n.parent.type === e.schema.nodes.listItem ? ad(t, n, r) : od(e, t, n, r);
 }, ad = (e, t, n) => {
@@ -8273,7 +8276,7 @@ var Lu = Symbol("mixedColor"), Ru = y(class extends w {
 				let n = $u(e);
 				if (n && Vu(Wu(n))) {
 					let r = e.tr;
-					return td(this.rte, n, r), t?.(r.scrollIntoView()), !0;
+					return td(this.rte, n, r) ? (t?.(r.scrollIntoView()), !0) : !1;
 				}
 				return !1;
 			},
@@ -8282,7 +8285,7 @@ var Lu = Symbol("mixedColor"), Ru = y(class extends w {
 				if (n && Bu(n)) {
 					if (qu(n, Hu(n)) && Yu(n, Uu(n))?.type === Gu(n).type) return !1;
 					let r = e.tr;
-					return td(this.rte, n, r), t?.(r.scrollIntoView()), !0;
+					return td(this.rte, n, r) ? (t?.(r.scrollIntoView()), !0) : !1;
 				}
 				return !1;
 			},
@@ -9107,7 +9110,7 @@ var Ad = y(class extends w {
 		for (let [n, r] of Object.entries(this.options.shortcuts)) t[n] = kd(r, e.facade);
 		return [this.contribution(W(t), pe.high)];
 	}
-}), jd = ".suggest-popover{flex-direction:column;gap:2px;max-block-size:408px;min-inline-size:128px;max-inline-size:248px;padding:4px;display:flex}.suggest-loading-widget{vertical-align:middle;white-space:normal;align-items:center;margin-inline-start:2px;display:inline-flex}.suggest-empty-message{color:var(--vvd-color-neutral-300);font:var(--vvd-typography-base);text-align:center;justify-content:center;align-items:center;min-block-size:40px;display:flex}.suggest-item--visible-focus{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}", Md = (e) => !!(e?.suggestions && !e.dismissed), Nd = (e) => Md(e) && e.suggestions.items.length > 0;
+}), jd = ".suggest-popover{flex-direction:column;gap:2px;max-block-size:408px;min-inline-size:128px;max-inline-size:248px;padding:4px;display:flex}.suggest-loading-widget{vertical-align:middle;white-space:normal;align-items:center;margin-inline-start:2px;display:inline-flex}.suggest-empty-message{color:var(--vvd-color-neutral-300);font:var(--vvd-typography-base);text-align:center;justify-content:center;align-items:center;min-block-size:40px;display:flex}", Md = (e) => !!(e?.suggestions && !e.dismissed), Nd = (e) => Md(e) && e.suggestions.items.length > 0;
 function Pd(e, t) {
 	let { $cursor: n } = e.selection;
 	if (!n) return null;
@@ -9247,7 +9250,7 @@ var Fd = (e, t, n) => {
 					}
 					for (let [n, a] of o.items.entries()) {
 						let s = e.createComponent(ie);
-						s.text = a.text, s.textSecondary = a.textSecondary, n === o.selectedIndex && (s._highlighted = !0, s.dataset.highlighted = "true", o.visibleFocus && s.classList.add("suggest-item--visible-focus"), queueMicrotask(() => {
+						s.text = a.text, s.textSecondary = a.textSecondary, n === o.selectedIndex && (s.selected = !0, o.visibleFocus && (s._highlighted = !0), queueMicrotask(() => {
 							s.scrollIntoView({ block: "nearest" });
 						})), s.addEventListener("click", (e) => {
 							e.preventDefault(), e.stopPropagation(), this.selectSuggestion(t, r, a);

package/rich-text-view/definition.cjs

@@ -1,5 +1,5 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_definition = require("../unbundled/definition63.cjs");
+const require_definition = require("../unbundled/definition64.cjs");
 exports.VwcRichTextViewElement = require_definition.RichTextView;
 exports.registerRichTextView = require_definition.registerRichTextView;
 exports.richTextViewDefinition = require_definition.richTextViewDefinition;

package/rich-text-view/definition.js

@@ -1,2 +1,2 @@
-import { n as richTextViewDefinition, r as RichTextView, t as registerRichTextView } from "../unbundled/definition63.js";
+import { n as richTextViewDefinition, r as RichTextView, t as registerRichTextView } from "../unbundled/definition64.js";
 export { RichTextView as VwcRichTextViewElement, registerRichTextView, richTextViewDefinition };

package/searchable-select/definition.cjs

@@ -1,5 +1,5 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_definition = require("../unbundled/definition64.cjs");
+const require_definition = require("../unbundled/definition65.cjs");
 exports.VwcSearchableSelectElement = require_definition.SearchableSelect;
 exports.registerSearchableSelect = require_definition.registerSearchableSelect;
 exports.searchableSelectDefinition = require_definition.searchableSelectDefinition;

package/searchable-select/definition.js

@@ -1,2 +1,2 @@
-import { n as searchableSelectDefinition, r as SearchableSelect, t as registerSearchableSelect } from "../unbundled/definition64.js";
+import { n as searchableSelectDefinition, r as SearchableSelect, t as registerSearchableSelect } from "../unbundled/definition65.js";
 export { SearchableSelect as VwcSearchableSelectElement, registerSearchableSelect, searchableSelectDefinition };

package/searchable-select/index.cjs

@@ -1,13 +1,13 @@
-const e=require(`../bundled/localized.cjs`),t=require(`../bundled/vivid-element.cjs`),n=require(`../bundled/repeat.cjs`),r=require(`../bundled/slotted.cjs`),i=require(`../bundled/ref.cjs`),a=require(`../bundled/when.cjs`),o=require(`../bundled/decorate.cjs`),s=require(`../bundled/class-names.cjs`),c=require(`../bundled/definition3.cjs`),l=require(`../bundled/affix.cjs`),u=require(`../bundled/definition5.cjs`),d=require(`../bundled/delegates-aria.cjs`),f=require(`../bundled/form-associated.cjs`),p=require(`../bundled/definition6.cjs`),m=require(`../bundled/definition8.cjs`),h=require(`../bundled/mixins.cjs`),g=require(`../bundled/form-element.cjs`),_=require(`../bundled/with-contextual-help.cjs`),v=require(`../bundled/with-error-text.cjs`),y=require(`../bundled/with-success-text.cjs`),b=require(`../bundled/scrollIntoView.cjs`),x=require(`../bundled/definition17.cjs`),S=require(`../bundled/definition18.cjs`),C=require(`../bundled/extractOptions.cjs`),w=require(`../bundled/definition20.cjs`),T=require(`../bundled/divider.cjs`);var E=`.label-wrapper{align-items:center;gap:var(--label-wrapper-gap,4px);flex-direction:row;display:flex}.label-wrapper[hidden]{display:none}.label:not(slot),.label::slotted(label){flex:0 auto}.chevron{font:var(--vvd-typography-base-extended);flex-shrink:0;display:flex;transform:rotate(0)}@media (prefers-reduced-motion:no-preference){.chevron{transition:transform .2s}}:host([data-expanded=true]) .chevron,:host([open]) .chevron{transform:rotate(180deg)}:not(.disabled) .chevron{cursor:pointer}.disabled .chevron{color:var(--_low-ink-color);cursor:not-allowed}:host(:focus-visible){outline:none}:host{--_low-ink-color:var(--vvd-color-neutral-600);inline-size:300px;display:inline-block}:host([disabled]){--_low-ink-color:var(--vvd-color-neutral-400);cursor:not-allowed}.control-wrapper{flex-direction:column;gap:4px;display:flex}.label{color:var(--vvd-color-canvas-text);font:var(--vvd-typography-base)}.selection-count{color:var(--_low-ink-color);font:var(--vvd-typography-base)}.fieldset{--_connotation-color-primary:var(--vvd-searchable-select-accent-primary,var(--vvd-color-canvas-text));--_connotation-color-primary-text:var(--vvd-searchable-select-accent-primary-text,var(--vvd-color-canvas));--_connotation-color-primary-increment:var(--vvd-searchable-select-accent-primary-increment,var(--vvd-color-neutral-800));--_connotation-color-intermediate:var(--vvd-searchable-select-accent-intermediate,var(--vvd-color-neutral-500));--_connotation-color-faint:var(--vvd-searchable-select-accent-faint,var(--vvd-color-neutral-50));--_connotation-color-soft:var(--vvd-searchable-select-accent-soft,var(--vvd-color-neutral-100));--_connotation-color-firm:var(--vvd-searchable-select-accent-firm,var(--vvd-color-canvas-text));--_connotation-color-fierce:var(--vvd-searchable-select-accent-fierce,var(--vvd-color-neutral-700));--_appearance-color-text:var(--vvd-color-canvas-text);--_appearance-color-fill:var(--vvd-color-canvas);--_appearance-color-outline:var(--vvd-color-neutral-500)}.fieldset.appearance-ghost{--_appearance-color-text:var(--_connotation-color-firm);--_appearance-color-fill:transparent;--_appearance-color-outline:transparent}@media (hover:hover){.fieldset: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)}.fieldset: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}}.fieldset.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)}.fieldset.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}.fieldset:disabled{--_appearance-color-text:var(--vvd-color-neutral-600);--_appearance-color-fill:var(--vvd-color-neutral-100);--_appearance-color-outline:var(--vvd-color-neutral-300)}.fieldset:disabled.appearance-ghost{--_appearance-color-text:var(--vvd-color-neutral-300);--_appearance-color-fill:transparent;--_appearance-color-outline:transparent}.fieldset.disabled{--_appearance-color-text:var(--vvd-color-neutral-600);--_appearance-color-fill:var(--vvd-color-neutral-100);--_appearance-color-outline:var(--vvd-color-neutral-300)}.fieldset.disabled.appearance-ghost{--_appearance-color-text:var(--vvd-color-neutral-300);--_appearance-color-fill:transparent;--_appearance-color-outline:transparent}.fieldset.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)}.fieldset.readonly:where(:not(.disabled,:disabled)).appearance-ghost{--_appearance-color-text:var(--vvd-color-neutral-600);--_appearance-color-fill:transparent;--_appearance-color-outline:transparent}.fieldset.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)}.fieldset.error:where(:not(.disabled,:disabled)).appearance-ghost{--_appearance-color-text:notset;--_appearance-color-fill:var(--vvd-color-alert-50);--_appearance-color-outline:transparent}.fieldset.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)}.fieldset.success:where(:not(.disabled,:disabled)).appearance-ghost{--_appearance-color-text:notset;--_appearance-color-fill:var(--vvd-color-success-50);--_appearance-color-outline:transparent}.fieldset{--_searchable-select-block-size:24px;--_searchable-select-padding-block:8px;--_searchable-select-padding-inline:16px;--_searchable-select-icon-size:20px;--_searchable-select-border-radius:8px;--_searchable-select-gap:8px;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);justify-content:space-between;align-items:center;gap:var(--_searchable-select-gap);padding-block:var(--_searchable-select-padding-block);padding-inline:var(--_searchable-select-padding-inline);transition:box-shadow .2s,background-color .2s;display:flex}.fieldset.size-condensed{--_searchable-select-block-size:20px;--_searchable-select-padding-block:6px;--_searchable-select-padding-inline:12px;--_searchable-select-gap:6px}.fieldset.size-condensed:not(.shape-pill){--_searchable-select-border-radius:4px}@supports selector(:has(*)){.fieldset:not(.has-highlighted-option):has(input:focus){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}}@supports not selector(:has(*)){.fieldset:not(.has-highlighted-option):focus-within{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(:not([shape=pill])) .fieldset{border-radius:var(--_searchable-select-border-radius)}:host([shape=pill]) .fieldset{border-radius:24px}.popup-wrapper{position:relative}.content-area{gap:var(--_searchable-select-gap);min-block-size:var(--_searchable-select-block-size);flex-direction:column;flex:1;display:flex;overflow:hidden}.tag-row{gap:var(--_searchable-select-gap);inline-size:100%;display:flex}.tag-row.contains-only-input:not(:focus-within){display:contents}.tag-wrapper{overflow:hidden}.tag{max-inline-size:100%}input{box-sizing:border-box;block-size:var(--_searchable-select-block-size);font:var(--vvd-typography-base);background:0 0;border:none;outline:none;flex:1;min-inline-size:min(100px,40%);max-inline-size:100%}.contains-only-input input:not(:focus){opacity:0;pointer-events:none;block-size:0;inline-size:0;min-inline-size:0;position:absolute}.listbox{max-block-size:var(--searchable-select-height,408px);--_suppressable-focus-shadow:none;--_suppressable-focus-outline:none;--_suppressable-focus-outline-offset:0;flex-direction:column;gap:2px;padding:4px;display:flex;overflow-y:auto}.empty-message{color:var(--vvd-color-neutral-300);font:var(--vvd-typography-base);text-align:center;justify-content:center;align-items:center;min-block-size:40px;display:flex}::part(popup-base){inline-size:max-content;min-inline-size:var(--_searchable-select-fixed-width,100%)}slot[name=icon]{font-size:var(--_searchable-select-icon-size)}.visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.divider{margin-block:10px;margin-inline:12px}`,D=`:host{display:block}.base.connotation-cta{--_connotation-color-contrast:var(--vvd-option-tag-cta-contrast,var(--vvd-color-cta-800))}.base:not(.connotation-cta){--_connotation-color-contrast:var(--vvd-option-tag-accent-contrast,var(--vvd-color-neutral-800))}.base{--_option-tag-block-size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 16));box-sizing:border-box;background-color:var(--fill-color);block-size:var(--_option-tag-block-size);box-shadow:inset 0 0 0 1px var(--outline-color);color:var(--text-color);font:var(--vvd-typography-base-bold);user-select:none;align-items:center;column-gap:8px;max-inline-size:100%;padding-inline:8px;display:flex;position:relative}.base.size-condensed{--_option-tag-block-size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 20));padding-inline:4px}.base:not(.disabled){--text-color:var(--_connotation-color-contrast);--fill-color:var(--_connotation-color-soft);--outline-color:transparent}@supports (background-color:color-mix(in srgb, black 50%, white)){.base:not(.disabled){--fill-color:color-mix(in sRGB, var(--_connotation-color-contrast), transparent 87.5%)}}.base.disabled{--text-color:var(--vvd-color-neutral-300);--fill-color:var(--vvd-color-neutral-200);--outline-color:transparent}@supports (background-color:color-mix(in srgb, black 50%, white)){.base.disabled{--fill-color:color-mix(in sRGB, var(--vvd-color-neutral-800), transparent 87.5%)}}.base:not(.shape-pill){border-radius:4px}.base.shape-pill{border-radius:16px}.label{text-overflow:ellipsis;white-space:nowrap;max-inline-size:100%;overflow:hidden}slot[name=icon]{font-size:calc(var(--_option-tag-block-size) / 1.5);line-height:1}.icon-placeholder{inline-size:calc(var(--_option-tag-block-size) / 1.5)}.remove-button{border-radius:inherit;cursor:pointer;outline:none;align-items:center;display:flex}.disabled .remove-button{pointer-events:none}.remove-button:focus-visible:before{--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));z-index:1;border-radius:inherit;content:"";pointer-events:none;display:block;position:absolute;inset:0}`,O=8,k=100,A=10,j=e=>typeof e==`string`,M=class extends _.t(h.t(v.t(y.t(g.t(d.t(l.n(e.t(f.n(t.t))))))))){constructor(...e){super(...e),this.fixedDropdown=!1,this.open=!1,this.multiple=!1,this.externalTags=!1,this.maxLines=null,this.values=[],this.initialValues=[],this._currentSearchText=null,this._areOptionsInitialized=!1,this.#r={handleChange:(e,t)=>{e.selected&&!this.values.includes(e.value)?this.values=[...this.values,e.value]:!e.selected&&this.values.includes(e.value)&&(this.values=this.values.filter(t=>t!==e.value))}},this.#o=new Map,this._filteredOptions=[],this._filteredEnabledOptions=[],this.loading=!1,this._highlightedOptionIndex=null,this._numElidedTags=0,this._tagRows=[],this._lastTagRow=[],this.clearable=!1,this.maxSelected=null,this._slottedDisabledOptions=[],this.enableSelectAll=!1,this.proxy=document.createElement(`input`),this.setFormValue=(e,t)=>{j(e)||super.setFormValue(e,t)},this._changeDescription=``,this.#O=new ResizeObserver(()=>{this.#b()}),this.#k=()=>{this._slottedElements&&this._slottedElementsChanged()}}openChanged(){this.open||this.#u(null)}valuesChanged(){if(this._areOptionsInitialized){if(!this.multiple&&this.values.length>1){this.values=[this.values[0]];return}if(this.values.some(e=>!this.#n(e))){this.values=this.values.filter(e=>this.#n(e));return}this.value=this.values.length?this.values[0]:``,this.#T(),this.#i(),this.$fastController.isConnected&&this.#b(),this.#D()}}#e(e){this.values=e,this.$emit(`change`,void 0,{bubbles:!1}),this.$emit(`input`,void 0,{bubbles:!1})}#t(e){let t=new Set(this.values),n=new Set(e);this.values=[...this.values].filter(e=>n.has(e)).concat([...e].filter(e=>!t.has(e)))}initialValuesChanged(){this.dirtyValue||=(this.values=this.initialValues,!1)}#n(e){return this._slottedOptions.some(t=>t.value===e)}valueChanged(e,t){if(super.valueChanged(e,t),!this._areOptionsInitialized)return;let n=this._slottedOptions.some(e=>e.value===t);this.values[0]!==t&&(this.values=n?[t]:[])}get selectedIndex(){return this.values.length?this._slottedOptions.findIndex(e=>e.value===this.values[0]):-1}set selectedIndex(e){this.value=this._slottedOptions[e]?.value??``}get options(){return[...this._slottedOptions]}get selectedOptions(){return this._slottedOptions.filter(e=>this.values.includes(e.value))}_currentSearchTextChanged(){this.#l(),this.$emit(`search-text-change`,void 0,{bubbles:!1,composed:!1})}get searchText(){return this._currentSearchText??``}get _inputValue(){return this._currentSearchText??(!this.multiple&&this.value!==``?this.#v(this.value)??``:``)}_onInputInput(e){this._currentSearchText=e.target.value}_onInputFocus(e){this.#l()}_onInputBlur(e){this.open=!1,this._currentSearchText=null,this._changeDescription=``}_onInputKeydown(e){if(e.ctrlKey||e.shiftKey)return!0;switch(e.key){case`Enter`:return this.#d(),this._inputValue===``&&(this.open=!this.open),!1;case`Escape`:this.open=!1;break;case`Home`:if(!this.open){this.open=!0;break}return this.#f(),!1;case`End`:if(!this.open){this.open=!0;break}return this.#p(),!1;case`PageUp`:if(!this.open){this.open=!0;break}return this.#m(),!1;case`PageDown`:if(!this.open){this.open=!0;break}return this.#h(),!1;case`ArrowUp`:if(!this.open){this.open=!0;break}return this.#g(),!1;case`ArrowDown`:if(!this.open){this.open=!0;break}return this.#_(),!1;case`ArrowLeft`:return this.multiple&&this._inputValue===``&&this.values.length&&!this.externalTags?(this.#x(this.#S(this.values.length)),!1):!0;case`Backspace`:return this.multiple&&this._inputValue===``&&this.values.length?(this._onTagRemoved(this.values[this.values.length-1]),!1):!0;default:return this.open||=!0,!0}return!0}_slottedElementsChanged(){this._slottedOptions=C.t(this._slottedElements)}_slottedOptionsChanged(e,n){let r=!!this.querySelectorAll(`:not([slot])`).length;if(!n.length&&r)return;if(this._areOptionsInitialized=!0,e){this._slottedDisabledOptions=[];for(let n of e)t.k.getNotifier(n).unsubscribe(this.#r,`selected`)}if(n)for(let e of n)e._displayCheckmark=!0,t.k.getNotifier(e).subscribe(this.#r,`selected`);let i=[];for(let e of this._slottedOptions)(e.selected||e.value===this.value||this.values.includes(e.value))&&i.push(e.value),e.disabled&&this._slottedDisabledOptions.push(e);this.#t(i),this.#l(),this.#T()}#r;#i(){for(let e of this._slottedOptions)e.selected=this.values.includes(e.value),this.#c(e)}#a(e){let t=e.value,n,r=!1,i=!this.values.includes(t);this.multiple?(n=i?[...this.values,t]:this.values.filter(e=>e!==t),r=!0):(i?(n=[t],r=!0):n=[],this.open=!1),this.#e(n);let a=i?this.locale.searchableSelect.optionSelectedMessage(e._getAccessibleName()):this.locale.searchableSelect.optionDeselectedMessage(e._getAccessibleName()),o=this.multiple&&this.maxSelected&&this.maxSelected>=1?this.locale.searchableSelect.maxSelectedMessage(this.values.length,this.maxSelected):``;this._changeDescription=`${a} ${o}`,r&&(this._currentSearchText=null)}#o;#s(e){return e.querySelector(`[slot="tag-icon"]`)}_tagIconSlotName(e){return`_tag-icon-${this.values.indexOf(e)}`}#c(e){if(e.selected&&this.#s(e)){let t=this.#o.get(e);t||(t=this.#s(e).cloneNode(!0),this.#o.set(e,t)),t.slot=this._tagIconSlotName(e.value),this.appendChild(t)}else{let t=this.#o.get(e);t&&(t.remove(),this.#o.delete(e))}}optionFilterChanged(){this.#l()}loadingChanged(e,t){this._changeDescription=this.locale.searchableSelect.loadingOptionsMessage,e&&!t&&(this._changeDescription=``)}#l(){let e=[],t=this.optionFilter??((e,t)=>e.text.toLowerCase().includes(t.toLowerCase()));for(let n of this._slottedOptions??[]){n._vvdSearchText=this.searchText;let r=!this.searchText||t(n,this.searchText);n._isNotMatching=!r,!n.hidden&&r&&e.push(n)}for(let e of this._slottedElements??[])if(S.r(e)){let t=Array.from(e.children).some(e=>x.i(e)&&!e._isNotMatching&&!e.hidden);e.style.display=t?``:`none`}this.#u(null),this._filteredOptions=e;let n=e.filter(e=>!e.disabled);this._selectAllOption?this._filteredEnabledOptions=[this._selectAllOption,...n]:this._filteredEnabledOptions=n}#u(e){if(typeof this._highlightedOptionIndex==`number`){let e=this._filteredEnabledOptions[this._highlightedOptionIndex];e._highlighted=!1}if(typeof e==`number`&&(e=this._filteredEnabledOptions.length?Math.max(0,Math.min(this._filteredEnabledOptions.length-1,e)):null),this._highlightedOptionIndex=e,typeof this._highlightedOptionIndex==`number`){let e=this._filteredEnabledOptions[this._highlightedOptionIndex];e._highlighted=!0,b.t(e,this._listbox,`nearest`),this._changeDescription=this.locale.searchableSelect.optionFocusedMessage(e._getAccessibleName(),this._highlightedOptionIndex+1,this._filteredEnabledOptions.length,e.selected)}}#d(){if(this._highlightedOptionIndex===null)return;let e=this._filteredEnabledOptions[this._highlightedOptionIndex];if(e.getAttribute(`data-select-all`)!==null){this._toggleSelectAll();return}this.#a(e)}#f(){this.#u(0)}#p(){this.#u(this._filteredEnabledOptions.length-1)}#m(){this.#u((this._highlightedOptionIndex??this._filteredEnabledOptions.length)-A)}#h(){this.#u((this._highlightedOptionIndex??-1)+A)}#g(){this.#u((this._highlightedOptionIndex??this._filteredEnabledOptions.length)-1)}#_(){this.#u((this._highlightedOptionIndex??-1)+1)}_tagLabelForValue(e){return this._slottedOptions.find(t=>t.value===e).label}_tagConnotationForValue(e){return this._slottedOptions.find(t=>t.value===e).tagConnotation}_isTagDisabled(e){let t=this._slottedOptions.find(t=>t.value===e);return this.disabled||t.disabled}#v(e){return this._slottedOptions?.find(t=>t.value===e)?.label}#y(e,t,n){let r=document.createElement(this._optionTagTagName);r.label=e,r.removable=t,r.style.cssText=`position: absolute; visibility: hidden;`,r.hasIconPlaceholder=n,this.shadowRoot.appendChild(r);let i=r.getBoundingClientRect().width;return r.remove(),i}#b(){if(!this.multiple){this._numElidedTags=0,this._tagRows=[],this._lastTagRow=[];return}if(this.externalTags){this._numElidedTags=this.values.length,this._tagRows=[],this._lastTagRow=[];return}let e=this._contentArea.getBoundingClientRect().width,t=[[]],n=0,r=k,i;for(i=this.values.length-1;i>=0;i--){let a=this.maxLines&&n===this.maxLines-1,o=this.#y(this._tagLabelForValue(this.values[i]),!0,this.#s(this.selectedOptions[i])!==null),s={value:this.values[i],width:o},c=0;if(a){let e=i;e&&(c=O+this.#y(e.toString(),!1,!1))}if(r+O+o+c>e){if(a)if(i===this.values.length-1)t[n].unshift(s),r+=O+o;else break;else t.push([]),n++,t[n].unshift(s),r=o;continue}t[n].unshift(s),r+=O+o}this._numElidedTags=i+1,t.reverse();for(let n=0;n<t.length-1;n++){let r=t[n].map(e=>e.width).reduce((e,t)=>e+t,0)+(t[n].length-1)*O;for(n===0&&this._numElidedTags&&(r+=O+this.#y(this._numElidedTags.toString(),!1,!1));t[n+1].length&&r+O+t[n+1][0].width<=e;){let e=t[n+1].shift();t[n].push(e),r+=O+e.width}}let a=t.map(e=>e.map(e=>e.value));this._tagRows=a.slice(0,-1),this._lastTagRow=a.slice(-1)[0]}_onTagRemoved(e){this.#e(this.values.filter(t=>t!==e)),this.#l()}_onTagKeydown(e){let n=parseInt(e.target.dataset.index);switch(e.key){case`Backspace`:case`Delete`:case`Enter`:case` `:this._onTagRemoved(this.values[n]),t.M.process(),this.#x(this.#w(n));break;case`ArrowLeft`:this.#x(this.#S(n)??n);break;case`ArrowRight`:this.#x(this.#C(n));break}return!0}#x(e){e===null?this._input.focus():this.shadowRoot.querySelector(`[data-index="${e}"]`)?.focus()}#S(e){if(!this.values.length)return null;for(let t=e-1;t>=0;t--)if(!this._isTagDisabled(this.values[t]))return t;return null}#C(e){if(!this.values.length)return null;for(let t=e+1;t<this.values.length;t++)if(!this._isTagDisabled(this.values[t]))return t;return null}#w(e){return this.#C(e-1)??this.#S(e)}_onListboxClick(e){if(this.disabled)return;let t=e.target.closest(`option,[role=option],[data-vvd-component=option]`);if(t?.getAttribute(`data-select-all`)!==null){this._toggleSelectAll();return}t&&!t.disabled&&this.#a(t)}get _shouldShowClearButton(){return this.clearable&&this.values.length>0}_onClearButtonClick(){this.#e(this.selectedOptions.filter(e=>e.disabled).map(e=>e.value))}maxSelectedChanged(){this.#T()}#T(){if(!this.multiple||!this._slottedOptions||typeof this.maxSelected!=`number`||this.maxSelected<=0)return;let e=this._slottedOptions.filter(e=>!this._slottedDisabledOptions.includes(e));if(this.values.length>=this.maxSelected){let t=e.filter(e=>!this.selectedOptions.includes(e));for(let e of t)e.disabled=!0}else for(let t of e)t.disabled=!1}get _hasSelectionCount(){return this.multiple&&this.maxSelected&&this.maxSelected>=1}get _selectableOptions(){return this._slottedOptions?.filter(e=>!this._slottedDisabledOptions.includes(e)&&!e.disabled)??[]}get _selectAllLabel(){return this._isAllSelected?this.deselectAllText??this.locale.searchableSelect.deselectAllLabel:this.selectAllText??this.locale.searchableSelect.selectAllLabel}get _isAllSelected(){let e=this.values;if(!this.multiple||!this._slottedOptions)return!1;let t=this._selectableOptions;if(t.length===0)return!1;let n=new Set(e);return t.every(e=>n.has(e.value))}_toggleSelectAll(){let e=this._selectableOptions.map(e=>e.value);if(this._isAllSelected){let t=this.values.filter(t=>!e.includes(t));this.#e(t),this._changeDescription=this.locale.searchableSelect.deselectedAllMessage;return}let t=e.filter(e=>!this.values.includes(e)),n=[...this.values,...t];this.#e(n),this._changeDescription=this.locale.searchableSelect.selectedAllMessage}#E(){return this.initialValues.length?this.initialValues:this.initialValue?[this.initialValue]:[]}nameChanged(e,t){super.nameChanged(e,t),this.#D()}#D(){if(!this.name)this.setFormValue(null);else{let e=new FormData;for(let t of this.values)e.append(this.name,t);this.setFormValue(e)}}formResetCallback(){super.formResetCallback(),this.#e(this.#E())}#O;_onFieldsetClick(e){this.disabled||e.defaultPrevented||(this._input.focus(),this.open=!0)}_onChevronClick(){return this.open?(this.open=!1,!1):!0}connectedCallback(){super.connectedCallback(),this.values.length||(this.values=this.#E()),this.#O.observe(this._contentArea),this.addEventListener(`optgroup-change`,this.#k)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener(`optgroup-change`,this.#k),this.#O.disconnect()}#k;validate(){super.validate(this._input??void 0)}focus(e){this._input?.focus(e)}_onMouseDown(e){let t=e.composedPath()[0];return!e.defaultPrevented&&t!==this._input&&!this._isFromContextualHelp(e)?(this._input.focus(),!1):!0}};o.t([t.m],M.prototype,`appearance`,void 0),o.t([t.m],M.prototype,`shape`,void 0),o.t([t.m()],M.prototype,`scale`,void 0),o.t([t.m({mode:`boolean`,attribute:`fixed-dropdown`})],M.prototype,`fixedDropdown`,void 0),o.t([t.m],M.prototype,`placeholder`,void 0),o.t([t.m({mode:`boolean`})],M.prototype,`open`,void 0),o.t([t.m({mode:`boolean`})],M.prototype,`multiple`,void 0),o.t([t.m({attribute:`external-tags`,mode:`boolean`})],M.prototype,`externalTags`,void 0),o.t([t.m({attribute:`max-lines`,converter:t.h})],M.prototype,`maxLines`,void 0),o.t([t.A],M.prototype,`values`,void 0),o.t([t.A],M.prototype,`initialValues`,void 0),o.t([t.A],M.prototype,`_input`,void 0),o.t([t.A],M.prototype,`_currentSearchText`,void 0),o.t([t.A],M.prototype,`_slottedElements`,void 0),o.t([t.A],M.prototype,`_slottedOptions`,void 0),o.t([t.A],M.prototype,`optionFilter`,void 0),o.t([t.A],M.prototype,`_filteredOptions`,void 0),o.t([t.A],M.prototype,`_filteredEnabledOptions`,void 0),o.t([t.m({mode:`boolean`})],M.prototype,`loading`,void 0),o.t([t.A],M.prototype,`_highlightedOptionIndex`,void 0),o.t([t.A],M.prototype,`_contentArea`,void 0),o.t([t.A],M.prototype,`_numElidedTags`,void 0),o.t([t.A],M.prototype,`_tagRows`,void 0),o.t([t.A],M.prototype,`_lastTagRow`,void 0),o.t([t.A],M.prototype,`_listbox`,void 0),o.t([t.m({mode:`boolean`})],M.prototype,`clearable`,void 0),o.t([t.m({attribute:`max-selected`,converter:t.h})],M.prototype,`maxSelected`,void 0),o.t([t.A],M.prototype,`_slottedDisabledOptions`,void 0),o.t([t.m({attribute:`enable-select-all`,mode:`boolean`})],M.prototype,`enableSelectAll`,void 0),o.t([t.m({attribute:`select-all-text`})],M.prototype,`selectAllText`,void 0),o.t([t.m({attribute:`deselect-all-text`})],M.prototype,`deselectAllText`,void 0),o.t([t.A],M.prototype,`_selectAllOption`,void 0),o.t([t.A],M.prototype,`_changeDescription`,void 0),o.t([t.A],M.prototype,`_anchor`,void 0);var N=class extends e.t(t.t){constructor(...e){super(...e),this.removable=!1,this.disabled=!1,this.hasIconPlaceholder=!1}_onClickRemove(){this.$emit(`remove`,void 0,{bubbles:!1})}};o.t([t.m],N.prototype,`shape`,void 0),o.t([t.A],N.prototype,`connotation`,void 0),o.t([t.m],N.prototype,`label`,void 0),o.t([t.m({mode:`boolean`})],N.prototype,`removable`,void 0),o.t([t.m({mode:`boolean`})],N.prototype,`disabled`,void 0),o.t([t.A],N.prototype,`hasIconPlaceholder`,void 0),o.t([t.m()],N.prototype,`scale`,void 0);function P(){return t.p`
+const e=require(`../bundled/localized.cjs`),t=require(`../bundled/vivid-element.cjs`),n=require(`../bundled/repeat.cjs`),r=require(`../bundled/slotted.cjs`),i=require(`../bundled/ref.cjs`),a=require(`../bundled/when.cjs`),o=require(`../bundled/decorate.cjs`),s=require(`../bundled/class-names.cjs`),c=require(`../bundled/definition3.cjs`),l=require(`../bundled/icon.cjs`),u=require(`../bundled/affix.cjs`),d=require(`../bundled/definition5.cjs`),f=require(`../bundled/delegates-aria.cjs`),p=require(`../bundled/form-associated.cjs`),m=require(`../bundled/definition6.cjs`),h=require(`../bundled/definition8.cjs`),g=require(`../bundled/mixins.cjs`),_=require(`../bundled/form-element.cjs`),v=require(`../bundled/with-contextual-help.cjs`),y=require(`../bundled/with-error-text.cjs`),b=require(`../bundled/with-success-text.cjs`),x=require(`../bundled/scrollIntoView.cjs`),S=require(`../bundled/option.cjs`),C=require(`../bundled/definition17.cjs`),w=require(`../bundled/optgroup.cjs`),T=require(`../bundled/definition18.cjs`),E=require(`../bundled/extractOptions.cjs`),D=require(`../bundled/definition20.cjs`),O=require(`../bundled/divider.cjs`);var k=`.label-wrapper{align-items:center;gap:var(--label-wrapper-gap,4px);flex-direction:row;display:flex}.label-wrapper[hidden]{display:none}.label:not(slot),.label::slotted(label){flex:0 auto}.chevron{font:var(--vvd-typography-base-extended);flex-shrink:0;display:flex;transform:rotate(0)}@media (prefers-reduced-motion:no-preference){.chevron{transition:transform .2s}}:host([data-expanded=true]) .chevron,:host([open]) .chevron{transform:rotate(180deg)}:not(.disabled) .chevron{cursor:pointer}.disabled .chevron{color:var(--_low-ink-color);cursor:not-allowed}:host(:focus-visible){outline:none}:host{--_low-ink-color:var(--vvd-color-neutral-600);inline-size:300px;display:inline-block}:host([disabled]){--_low-ink-color:var(--vvd-color-neutral-400);cursor:not-allowed}.control-wrapper{flex-direction:column;gap:4px;display:flex}.label{color:var(--vvd-color-canvas-text);font:var(--vvd-typography-base)}.selection-count{color:var(--_low-ink-color);font:var(--vvd-typography-base)}.fieldset{--_connotation-color-primary:var(--vvd-searchable-select-accent-primary,var(--vvd-color-canvas-text));--_connotation-color-primary-text:var(--vvd-searchable-select-accent-primary-text,var(--vvd-color-canvas));--_connotation-color-primary-increment:var(--vvd-searchable-select-accent-primary-increment,var(--vvd-color-neutral-800));--_connotation-color-intermediate:var(--vvd-searchable-select-accent-intermediate,var(--vvd-color-neutral-500));--_connotation-color-faint:var(--vvd-searchable-select-accent-faint,var(--vvd-color-neutral-50));--_connotation-color-soft:var(--vvd-searchable-select-accent-soft,var(--vvd-color-neutral-100));--_connotation-color-firm:var(--vvd-searchable-select-accent-firm,var(--vvd-color-canvas-text));--_connotation-color-fierce:var(--vvd-searchable-select-accent-fierce,var(--vvd-color-neutral-700));--_appearance-color-text:var(--vvd-color-canvas-text);--_appearance-color-fill:var(--vvd-color-canvas);--_appearance-color-outline:var(--vvd-color-neutral-500)}.fieldset.appearance-ghost{--_appearance-color-text:var(--_connotation-color-firm);--_appearance-color-fill:transparent;--_appearance-color-outline:transparent}@media (hover:hover){.fieldset: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)}.fieldset: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}}.fieldset.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)}.fieldset.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}.fieldset:disabled{--_appearance-color-text:var(--vvd-color-neutral-600);--_appearance-color-fill:var(--vvd-color-neutral-100);--_appearance-color-outline:var(--vvd-color-neutral-300)}.fieldset:disabled.appearance-ghost{--_appearance-color-text:var(--vvd-color-neutral-300);--_appearance-color-fill:transparent;--_appearance-color-outline:transparent}.fieldset.disabled{--_appearance-color-text:var(--vvd-color-neutral-600);--_appearance-color-fill:var(--vvd-color-neutral-100);--_appearance-color-outline:var(--vvd-color-neutral-300)}.fieldset.disabled.appearance-ghost{--_appearance-color-text:var(--vvd-color-neutral-300);--_appearance-color-fill:transparent;--_appearance-color-outline:transparent}.fieldset.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)}.fieldset.readonly:where(:not(.disabled,:disabled)).appearance-ghost{--_appearance-color-text:var(--vvd-color-neutral-600);--_appearance-color-fill:transparent;--_appearance-color-outline:transparent}.fieldset.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)}.fieldset.error:where(:not(.disabled,:disabled)).appearance-ghost{--_appearance-color-text:notset;--_appearance-color-fill:var(--vvd-color-alert-50);--_appearance-color-outline:transparent}.fieldset.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)}.fieldset.success:where(:not(.disabled,:disabled)).appearance-ghost{--_appearance-color-text:notset;--_appearance-color-fill:var(--vvd-color-success-50);--_appearance-color-outline:transparent}.fieldset{--_searchable-select-block-size:24px;--_searchable-select-padding-block:8px;--_searchable-select-padding-inline:16px;--_searchable-select-icon-size:20px;--_searchable-select-border-radius:8px;--_searchable-select-gap:8px;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);justify-content:space-between;align-items:center;gap:var(--_searchable-select-gap);padding-block:var(--_searchable-select-padding-block);padding-inline:var(--_searchable-select-padding-inline);transition:box-shadow .2s,background-color .2s;display:flex}.fieldset.size-condensed{--_searchable-select-block-size:20px;--_searchable-select-padding-block:6px;--_searchable-select-padding-inline:12px;--_searchable-select-gap:6px}.fieldset.size-condensed:not(.shape-pill){--_searchable-select-border-radius:4px}@supports selector(:has(*)){.fieldset:not(.has-highlighted-option):has(input:focus){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}}@supports not selector(:has(*)){.fieldset:not(.has-highlighted-option):focus-within{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(:not([shape=pill])) .fieldset{border-radius:var(--_searchable-select-border-radius)}:host([shape=pill]) .fieldset{border-radius:24px}.popup-wrapper{position:relative}.content-area{gap:var(--_searchable-select-gap);min-block-size:var(--_searchable-select-block-size);flex-direction:column;flex:1;display:flex;overflow:hidden}.tag-row{gap:var(--_searchable-select-gap);inline-size:100%;display:flex}.tag-row.contains-only-input:not(:focus-within){display:contents}.tag-wrapper{overflow:hidden}.tag{max-inline-size:100%}input{box-sizing:border-box;block-size:var(--_searchable-select-block-size);font:var(--vvd-typography-base);background:0 0;border:none;outline:none;flex:1;min-inline-size:min(100px,40%);max-inline-size:100%}.contains-only-input input:not(:focus){opacity:0;pointer-events:none;block-size:0;inline-size:0;min-inline-size:0;position:absolute}.listbox{max-block-size:var(--searchable-select-height,408px);flex-direction:column;gap:2px;padding:4px;display:flex;overflow-y:auto}.empty-message{color:var(--vvd-color-neutral-300);font:var(--vvd-typography-base);text-align:center;justify-content:center;align-items:center;min-block-size:40px;display:flex}::part(popup-base){inline-size:max-content;min-inline-size:var(--_searchable-select-fixed-width,100%)}slot[name=icon]{font-size:var(--_searchable-select-icon-size)}.visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.divider{margin-block:10px;margin-inline:12px}`,A=`:host{display:block}.base.connotation-cta{--_connotation-color-contrast:var(--vvd-option-tag-cta-contrast,var(--vvd-color-cta-800))}.base:not(.connotation-cta){--_connotation-color-contrast:var(--vvd-option-tag-accent-contrast,var(--vvd-color-neutral-800))}.base{--_option-tag-block-size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 16));box-sizing:border-box;background-color:var(--fill-color);block-size:var(--_option-tag-block-size);box-shadow:inset 0 0 0 1px var(--outline-color);color:var(--text-color);font:var(--vvd-typography-base-bold);user-select:none;align-items:center;column-gap:8px;max-inline-size:100%;padding-inline:8px;display:flex;position:relative}.base.size-condensed{--_option-tag-block-size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 20));padding-inline:4px}.base:not(.disabled){--text-color:var(--_connotation-color-contrast);--fill-color:var(--_connotation-color-soft);--outline-color:transparent}@supports (background-color:color-mix(in srgb, black 50%, white)){.base:not(.disabled){--fill-color:color-mix(in sRGB, var(--_connotation-color-contrast), transparent 87.5%)}}.base.disabled{--text-color:var(--vvd-color-neutral-300);--fill-color:var(--vvd-color-neutral-200);--outline-color:transparent}@supports (background-color:color-mix(in srgb, black 50%, white)){.base.disabled{--fill-color:color-mix(in sRGB, var(--vvd-color-neutral-800), transparent 87.5%)}}.base:not(.shape-pill){border-radius:4px}.base.shape-pill{border-radius:16px}.label{text-overflow:ellipsis;white-space:nowrap;max-inline-size:100%;overflow:hidden}slot[name=icon]{font-size:calc(var(--_option-tag-block-size) / 1.5);line-height:1}.icon-placeholder{inline-size:calc(var(--_option-tag-block-size) / 1.5)}.remove-button{border-radius:inherit;cursor:pointer;outline:none;align-items:center;display:flex}.disabled .remove-button{pointer-events:none}.remove-button:focus-visible:before{--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));z-index:1;border-radius:inherit;content:"";pointer-events:none;display:block;position:absolute;inset:0}`,j=8,M=100,N=10,P=e=>typeof e==`string`,F=class extends v.t(g.t(y.t(b.t(_.t(f.t(u.n(e.t(p.n(t.t))))))))){constructor(...e){super(...e),this.fixedDropdown=!1,this.open=!1,this.multiple=!1,this.externalTags=!1,this.maxLines=null,this.values=[],this.initialValues=[],this._currentSearchText=null,this._areOptionsInitialized=!1,this.#r={handleChange:(e,t)=>{e.selected&&!this.values.includes(e.value)?this.values=[...this.values,e.value]:!e.selected&&this.values.includes(e.value)&&(this.values=this.values.filter(t=>t!==e.value))}},this.#o=new Map,this._filteredOptions=[],this._filteredEnabledOptions=[],this.loading=!1,this._highlightedOptionIndex=null,this._numElidedTags=0,this._tagRows=[],this._lastTagRow=[],this.clearable=!1,this.maxSelected=null,this._slottedDisabledOptions=[],this.enableSelectAll=!1,this.proxy=document.createElement(`input`),this.setFormValue=(e,t)=>{P(e)||super.setFormValue(e,t)},this._changeDescription=``,this.#O=new ResizeObserver(()=>{this.#b()}),this.#k=()=>{this._slottedElements&&this._slottedElementsChanged()}}openChanged(){this.open||this.#u(null)}valuesChanged(){if(this._areOptionsInitialized){if(!this.multiple&&this.values.length>1){this.values=[this.values[0]];return}if(this.values.some(e=>!this.#n(e))){this.values=this.values.filter(e=>this.#n(e));return}this.value=this.values.length?this.values[0]:``,this.#T(),this.#i(),this.$fastController.isConnected&&this.#b(),this.#D()}}#e(e){this.values=e,this.$emit(`change`,void 0,{bubbles:!1}),this.$emit(`input`,void 0,{bubbles:!1})}#t(e){let t=new Set(this.values),n=new Set(e);this.values=[...this.values].filter(e=>n.has(e)).concat([...e].filter(e=>!t.has(e)))}initialValuesChanged(){this.dirtyValue||=(this.values=this.initialValues,!1)}#n(e){return this._slottedOptions.some(t=>t.value===e)}valueChanged(e,t){if(super.valueChanged(e,t),!this._areOptionsInitialized)return;let n=this._slottedOptions.some(e=>e.value===t);this.values[0]!==t&&(this.values=n?[t]:[])}get selectedIndex(){return this.values.length?this._slottedOptions.findIndex(e=>e.value===this.values[0]):-1}set selectedIndex(e){this.value=this._slottedOptions[e]?.value??``}get options(){return[...this._slottedOptions]}get selectedOptions(){return this._slottedOptions.filter(e=>this.values.includes(e.value))}_currentSearchTextChanged(){this.#l(),this.$emit(`search-text-change`,void 0,{bubbles:!1,composed:!1})}get searchText(){return this._currentSearchText??``}get _inputValue(){return this._currentSearchText??(!this.multiple&&this.value!==``?this.#v(this.value)??``:``)}_onInputInput(e){this._currentSearchText=e.target.value}_onInputFocus(e){this.#l()}_onInputBlur(e){this.open=!1,this._currentSearchText=null,this._changeDescription=``}_onInputKeydown(e){if(e.ctrlKey||e.shiftKey)return!0;switch(e.key){case`Enter`:return this.#d(),this._inputValue===``&&(this.open=!this.open),!1;case`Escape`:this.open=!1;break;case`Home`:if(!this.open){this.open=!0;break}return this.#f(),!1;case`End`:if(!this.open){this.open=!0;break}return this.#p(),!1;case`PageUp`:if(!this.open){this.open=!0;break}return this.#m(),!1;case`PageDown`:if(!this.open){this.open=!0;break}return this.#h(),!1;case`ArrowUp`:if(!this.open){this.open=!0;break}return this.#g(),!1;case`ArrowDown`:if(!this.open){this.open=!0;break}return this.#_(),!1;case`ArrowLeft`:return this.multiple&&this._inputValue===``&&this.values.length&&!this.externalTags?(this.#x(this.#S(this.values.length)),!1):!0;case`Backspace`:return this.multiple&&this._inputValue===``&&this.values.length?(this._onTagRemoved(this.values[this.values.length-1]),!1):!0;default:return this.open||=!0,!0}return!0}_slottedElementsChanged(){this._slottedOptions=E.t(this._slottedElements)}_slottedOptionsChanged(e,n){let r=!!this.querySelectorAll(`:not([slot])`).length;if(!n.length&&r)return;if(this._areOptionsInitialized=!0,e){this._slottedDisabledOptions=[];for(let n of e)t.k.getNotifier(n).unsubscribe(this.#r,`selected`)}if(n)for(let e of n)e._displayCheckmark=!0,t.k.getNotifier(e).subscribe(this.#r,`selected`);let i=[];for(let e of this._slottedOptions)(e.selected||e.value===this.value||this.values.includes(e.value))&&i.push(e.value),e.disabled&&this._slottedDisabledOptions.push(e);this.#t(i),this.#l(),this.#T()}#r;#i(){for(let e of this._slottedOptions)e.selected=this.values.includes(e.value),this.#c(e)}#a(e){let t=e.value,n,r=!1,i=!this.values.includes(t);this.multiple?(n=i?[...this.values,t]:this.values.filter(e=>e!==t),r=!0):(i?(n=[t],r=!0):n=[],this.open=!1),this.#e(n);let a=i?this.locale.searchableSelect.optionSelectedMessage(e._getAccessibleName()):this.locale.searchableSelect.optionDeselectedMessage(e._getAccessibleName()),o=this.multiple&&this.maxSelected&&this.maxSelected>=1?this.locale.searchableSelect.maxSelectedMessage(this.values.length,this.maxSelected):``;this._changeDescription=`${a} ${o}`,r&&(this._currentSearchText=null)}#o;#s(e){return e.querySelector(`[slot="tag-icon"]`)}_tagIconSlotName(e){return`_tag-icon-${this.values.indexOf(e)}`}#c(e){if(e.selected&&this.#s(e)){let t=this.#o.get(e);t||(t=this.#s(e).cloneNode(!0),this.#o.set(e,t)),t.slot=this._tagIconSlotName(e.value),this.appendChild(t)}else{let t=this.#o.get(e);t&&(t.remove(),this.#o.delete(e))}}optionFilterChanged(){this.#l()}loadingChanged(e,t){this._changeDescription=this.locale.searchableSelect.loadingOptionsMessage,e&&!t&&(this._changeDescription=``)}#l(){let e=[],t=this.optionFilter??((e,t)=>e.text.toLowerCase().includes(t.toLowerCase()));for(let n of this._slottedOptions??[]){n._vvdSearchText=this.searchText;let r=!this.searchText||t(n,this.searchText);n._isNotMatching=!r,!n.hidden&&r&&e.push(n)}for(let e of this._slottedElements??[])if(w.n(e)){let t=Array.from(e.children).some(e=>S.n(e)&&!e._isNotMatching&&!e.hidden);e.style.display=t?``:`none`}this.#u(null),this._filteredOptions=e;let n=e.filter(e=>!e.disabled);this._selectAllOption?this._filteredEnabledOptions=[this._selectAllOption,...n]:this._filteredEnabledOptions=n}#u(e){if(typeof this._highlightedOptionIndex==`number`){let e=this._filteredEnabledOptions[this._highlightedOptionIndex];e._highlighted=!1}if(typeof e==`number`&&(e=this._filteredEnabledOptions.length?Math.max(0,Math.min(this._filteredEnabledOptions.length-1,e)):null),this._highlightedOptionIndex=e,typeof this._highlightedOptionIndex==`number`){let e=this._filteredEnabledOptions[this._highlightedOptionIndex];e._highlighted=!0,x.t(e,this._listbox,`nearest`),this._changeDescription=this.locale.searchableSelect.optionFocusedMessage(e._getAccessibleName(),this._highlightedOptionIndex+1,this._filteredEnabledOptions.length,e.selected)}}#d(){if(this._highlightedOptionIndex===null)return;let e=this._filteredEnabledOptions[this._highlightedOptionIndex];if(e.getAttribute(`data-select-all`)!==null){this._toggleSelectAll();return}this.#a(e)}#f(){this.#u(0)}#p(){this.#u(this._filteredEnabledOptions.length-1)}#m(){this.#u((this._highlightedOptionIndex??this._filteredEnabledOptions.length)-N)}#h(){this.#u((this._highlightedOptionIndex??-1)+N)}#g(){this.#u((this._highlightedOptionIndex??this._filteredEnabledOptions.length)-1)}#_(){this.#u((this._highlightedOptionIndex??-1)+1)}_tagLabelForValue(e){return this._slottedOptions.find(t=>t.value===e).label}_tagConnotationForValue(e){return this._slottedOptions.find(t=>t.value===e).tagConnotation}_isTagDisabled(e){let t=this._slottedOptions.find(t=>t.value===e);return this.disabled||t.disabled}#v(e){return this._slottedOptions?.find(t=>t.value===e)?.label}#y(e,t,n){let r=document.createElement(this._optionTagTagName);r.label=e,r.removable=t,r.style.cssText=`position: absolute; visibility: hidden;`,r.hasIconPlaceholder=n,this.shadowRoot.appendChild(r);let i=r.getBoundingClientRect().width;return r.remove(),i}#b(){if(!this.multiple){this._numElidedTags=0,this._tagRows=[],this._lastTagRow=[];return}if(this.externalTags){this._numElidedTags=this.values.length,this._tagRows=[],this._lastTagRow=[];return}let e=this._contentArea.getBoundingClientRect().width,t=[[]],n=0,r=M,i;for(i=this.values.length-1;i>=0;i--){let a=this.maxLines&&n===this.maxLines-1,o=this.#y(this._tagLabelForValue(this.values[i]),!0,this.#s(this.selectedOptions[i])!==null),s={value:this.values[i],width:o},c=0;if(a){let e=i;e&&(c=j+this.#y(e.toString(),!1,!1))}if(r+j+o+c>e){if(a)if(i===this.values.length-1)t[n].unshift(s),r+=j+o;else break;else t.push([]),n++,t[n].unshift(s),r=o;continue}t[n].unshift(s),r+=j+o}this._numElidedTags=i+1,t.reverse();for(let n=0;n<t.length-1;n++){let r=t[n].map(e=>e.width).reduce((e,t)=>e+t,0)+(t[n].length-1)*j;for(n===0&&this._numElidedTags&&(r+=j+this.#y(this._numElidedTags.toString(),!1,!1));t[n+1].length&&r+j+t[n+1][0].width<=e;){let e=t[n+1].shift();t[n].push(e),r+=j+e.width}}let a=t.map(e=>e.map(e=>e.value));this._tagRows=a.slice(0,-1),this._lastTagRow=a.slice(-1)[0]}_onTagRemoved(e){this.#e(this.values.filter(t=>t!==e)),this.#l()}_onTagKeydown(e){let n=parseInt(e.target.dataset.index);switch(e.key){case`Backspace`:case`Delete`:case`Enter`:case` `:this._onTagRemoved(this.values[n]),t.M.process(),this.#x(this.#w(n));break;case`ArrowLeft`:this.#x(this.#S(n)??n);break;case`ArrowRight`:this.#x(this.#C(n));break}return!0}#x(e){e===null?this._input.focus():this.shadowRoot.querySelector(`[data-index="${e}"]`)?.focus()}#S(e){if(!this.values.length)return null;for(let t=e-1;t>=0;t--)if(!this._isTagDisabled(this.values[t]))return t;return null}#C(e){if(!this.values.length)return null;for(let t=e+1;t<this.values.length;t++)if(!this._isTagDisabled(this.values[t]))return t;return null}#w(e){return this.#C(e-1)??this.#S(e)}_onListboxClick(e){if(this.disabled)return;let t=e.target.closest(`option,[role=option],[data-vvd-component=option]`);if(t?.getAttribute(`data-select-all`)!==null){this._toggleSelectAll();return}t&&!t.disabled&&this.#a(t)}get _shouldShowClearButton(){return this.clearable&&this.values.length>0}_onClearButtonClick(){this.#e(this.selectedOptions.filter(e=>e.disabled).map(e=>e.value))}maxSelectedChanged(){this.#T()}#T(){if(!this.multiple||!this._slottedOptions||typeof this.maxSelected!=`number`||this.maxSelected<=0)return;let e=this._slottedOptions.filter(e=>!this._slottedDisabledOptions.includes(e));if(this.values.length>=this.maxSelected){let t=e.filter(e=>!this.selectedOptions.includes(e));for(let e of t)e.disabled=!0}else for(let t of e)t.disabled=!1}get _hasSelectionCount(){return this.multiple&&this.maxSelected&&this.maxSelected>=1}get _selectableOptions(){return this._slottedOptions?.filter(e=>!this._slottedDisabledOptions.includes(e)&&!e.disabled)??[]}get _selectAllLabel(){return this._isAllSelected?this.deselectAllText??this.locale.searchableSelect.deselectAllLabel:this.selectAllText??this.locale.searchableSelect.selectAllLabel}get _isAllSelected(){let e=this.values;if(!this.multiple||!this._slottedOptions)return!1;let t=this._selectableOptions;if(t.length===0)return!1;let n=new Set(e);return t.every(e=>n.has(e.value))}_toggleSelectAll(){let e=this._selectableOptions.map(e=>e.value);if(this._isAllSelected){let t=this.values.filter(t=>!e.includes(t));this.#e(t),this._changeDescription=this.locale.searchableSelect.deselectedAllMessage;return}let t=e.filter(e=>!this.values.includes(e)),n=[...this.values,...t];this.#e(n),this._changeDescription=this.locale.searchableSelect.selectedAllMessage}#E(){return this.initialValues.length?this.initialValues:this.initialValue?[this.initialValue]:[]}nameChanged(e,t){super.nameChanged(e,t),this.#D()}#D(){if(!this.name)this.setFormValue(null);else{let e=new FormData;for(let t of this.values)e.append(this.name,t);this.setFormValue(e)}}formResetCallback(){super.formResetCallback(),this.#e(this.#E())}#O;_onFieldsetClick(e){this.disabled||e.defaultPrevented||(this._input.focus(),this.open=!0)}_onChevronClick(){return this.open?(this.open=!1,!1):!0}connectedCallback(){super.connectedCallback(),this.values.length||(this.values=this.#E()),this.#O.observe(this._contentArea),this.addEventListener(`optgroup-change`,this.#k)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener(`optgroup-change`,this.#k),this.#O.disconnect()}#k;validate(){super.validate(this._input??void 0)}focus(e){this._input?.focus(e)}_onMouseDown(e){let t=e.composedPath()[0];return!e.defaultPrevented&&t!==this._input&&!this._isFromContextualHelp(e)?(this._input.focus(),!1):!0}};o.t([t.m],F.prototype,`appearance`,void 0),o.t([t.m],F.prototype,`shape`,void 0),o.t([t.m()],F.prototype,`scale`,void 0),o.t([t.m({mode:`boolean`,attribute:`fixed-dropdown`})],F.prototype,`fixedDropdown`,void 0),o.t([t.m],F.prototype,`placeholder`,void 0),o.t([t.m({mode:`boolean`})],F.prototype,`open`,void 0),o.t([t.m({mode:`boolean`})],F.prototype,`multiple`,void 0),o.t([t.m({attribute:`external-tags`,mode:`boolean`})],F.prototype,`externalTags`,void 0),o.t([t.m({attribute:`max-lines`,converter:t.h})],F.prototype,`maxLines`,void 0),o.t([t.A],F.prototype,`values`,void 0),o.t([t.A],F.prototype,`initialValues`,void 0),o.t([t.A],F.prototype,`_input`,void 0),o.t([t.A],F.prototype,`_currentSearchText`,void 0),o.t([t.A],F.prototype,`_slottedElements`,void 0),o.t([t.A],F.prototype,`_slottedOptions`,void 0),o.t([t.A],F.prototype,`optionFilter`,void 0),o.t([t.A],F.prototype,`_filteredOptions`,void 0),o.t([t.A],F.prototype,`_filteredEnabledOptions`,void 0),o.t([t.m({mode:`boolean`})],F.prototype,`loading`,void 0),o.t([t.A],F.prototype,`_highlightedOptionIndex`,void 0),o.t([t.A],F.prototype,`_contentArea`,void 0),o.t([t.A],F.prototype,`_numElidedTags`,void 0),o.t([t.A],F.prototype,`_tagRows`,void 0),o.t([t.A],F.prototype,`_lastTagRow`,void 0),o.t([t.A],F.prototype,`_listbox`,void 0),o.t([t.m({mode:`boolean`})],F.prototype,`clearable`,void 0),o.t([t.m({attribute:`max-selected`,converter:t.h})],F.prototype,`maxSelected`,void 0),o.t([t.A],F.prototype,`_slottedDisabledOptions`,void 0),o.t([t.m({attribute:`enable-select-all`,mode:`boolean`})],F.prototype,`enableSelectAll`,void 0),o.t([t.m({attribute:`select-all-text`})],F.prototype,`selectAllText`,void 0),o.t([t.m({attribute:`deselect-all-text`})],F.prototype,`deselectAllText`,void 0),o.t([t.A],F.prototype,`_selectAllOption`,void 0),o.t([t.A],F.prototype,`_changeDescription`,void 0),o.t([t.A],F.prototype,`_anchor`,void 0);var I=class extends e.t(t.t){constructor(...e){super(...e),this.removable=!1,this.disabled=!1,this.hasIconPlaceholder=!1}_onClickRemove(){this.$emit(`remove`,void 0,{bubbles:!1})}};o.t([t.m],I.prototype,`shape`,void 0),o.t([t.A],I.prototype,`connotation`,void 0),o.t([t.m],I.prototype,`label`,void 0),o.t([t.m({mode:`boolean`})],I.prototype,`removable`,void 0),o.t([t.m({mode:`boolean`})],I.prototype,`disabled`,void 0),o.t([t.A],I.prototype,`hasIconPlaceholder`,void 0),o.t([t.m()],I.prototype,`scale`,void 0);function L(){return t.p`
 		<label for="control" class="label" id="label"> ${e=>e.label} </label>
-	`}function F(){return t.p`
+	`}function R(){return t.p`
 		<span
 			id="selection-count"
 			class="selection-count"
 			aria-label="${e=>e.locale.searchableSelect.maxSelectedMessage(e.values.length,e.maxSelected)}"
 			>(${e=>`${e.values.length}/${e.maxSelected}`})</span
 		>
-	`}var I=(e,n)=>{let r=e.tagFor(N);return t.p`
+	`}var z=(e,n)=>{let r=e.tagFor(I);return t.p`
 		<div class="tag-wrapper">
 			<${r}
 				class="tag"
@@ -25,7 +25,7 @@ const e=require(`../bundled/localized.cjs`),t=require(`../bundled/vivid-element.
 				<slot slot="icon" name="${(e,t)=>n(t)._tagIconSlotName(e)}"></slot>
 			</${r}>
 		</div>
-	`},L=(e,n)=>{let r=e.tagFor(N);return t.p`
+	`},B=(e,n)=>{let r=e.tagFor(I);return t.p`
 		<${r}
 			class="tag"
 			tabindex="-1"
@@ -35,13 +35,13 @@ const e=require(`../bundled/localized.cjs`),t=require(`../bundled/vivid-element.
 			?disabled="${(e,t)=>n(e,t).disabled}"
 			@mousedown="${()=>!1}">
 		</${r}>
-	`};function R(e){let r=e.tagFor(p.i),o=e.tagFor(u.r),c=l.a(e),f=p.r(e),m=I(e,e=>e.parent),h=I(e,e=>e.parentContext.parent),g=L(e,(e,t)=>e),_=L(e,(e,t)=>t.parent);return t.p`
+	`};function V(e){let r=e.tagFor(m.i),o=e.tagFor(d.r),c=u.a(e),l=m.r(e),p=z(e,e=>e.parent),h=z(e,e=>e.parentContext.parent),g=B(e,(e,t)=>e),_=B(e,(e,t)=>t.parent);return t.p`
 		<div
 			class="fieldset ${e=>s.t([`disabled`,e.disabled],[`appearance-${e.appearance}`,!!e.appearance],[`shape-${e.shape}`,!!e.shape],[`size-${e.scale}`,!!e.scale],[`error`,!!e.errorValidationMessage],[`success`,!!e.successText],[`has-highlighted-option`,e._highlightedOptionIndex!==null])}"
 			@click="${(e,t)=>e._onFieldsetClick(t.event)}"
 			${i.t(`_anchor`)}
 		>
-			${e=>c(e.icon,l.i.Slot)}
+			${e=>c(e.icon,u.i.Slot)}
 			<div class="content-area" ${i.t(`_contentArea`)}>
 				${n.n(e=>e._tagRows,t.p`
 						<div class="tag-row">
@@ -53,12 +53,12 @@ const e=require(`../bundled/localized.cjs`),t=require(`../bundled/vivid-element.
 					class="tag-row ${e=>s.t([`contains-only-input`,e._tagRows.length>0&&e._lastTagRow.length===0])}"
 				>
 					${a.t(e=>e._tagRows.length===0&&e._numElidedTags,g)}
-					${n.n(e=>e._lastTagRow,m)}
+					${n.n(e=>e._lastTagRow,p)}
 					<input
 						id="control"
 						class="control"
 						autocomplete="off"
-						${d.n({role:`combobox`,ariaAutoComplete:`list`,ariaHasPopup:`listbox`,ariaExpanded:e=>e.open,ariaControls:`listbox`,ariaDescribedBy:e=>`${e._feedbackDescribedBy} ${e.multiple&&e.maxSelected&&e.maxSelected>=1?`selection-count`:null}`})}
+						${f.n({role:`combobox`,ariaAutoComplete:`list`,ariaHasPopup:`listbox`,ariaExpanded:e=>e.open,ariaControls:`listbox`,ariaDescribedBy:e=>`${e._feedbackDescribedBy} ${e.multiple&&e.maxSelected&&e.maxSelected>=1?`selection-count`:null}`})}
 						placeholder="${e=>e.multiple&&e.values.length?``:e.placeholder}"
 						type="text"
 						?disabled="${e=>e.disabled}"
@@ -86,10 +86,10 @@ const e=require(`../bundled/localized.cjs`),t=require(`../bundled/vivid-element.
 				></${r}>`)}
 			<div @mousedown="${()=>!1}" @click="${e=>e._onChevronClick()}">
 				${a.t(e=>e.loading,t.p`<${o} indeterminate size="-6" aria-hidden="true"></${o}>`)}
-				${a.t(e=>!e.loading,f)}
+				${a.t(e=>!e.loading,l)}
 			</div>
 		</div>
-	`}function z(e){return e.open&&e.fixedDropdown?`--_searchable-select-fixed-width: ${Math.round(e.getBoundingClientRect().width)}px`:null}function B(e){let n=e.tagFor(x.r),r=e.tagFor(T.t);return t.p`
+	`}function H(e){return e.open&&e.fixedDropdown?`--_searchable-select-fixed-width: ${Math.round(e.getBoundingClientRect().width)}px`:null}function U(e){let n=e.tagFor(S.t),r=e.tagFor(O.t);return t.p`
     <${n}
       data-select-all
       tabindex="-1"
@@ -100,12 +100,12 @@ const e=require(`../bundled/localized.cjs`),t=require(`../bundled/vivid-element.
       ${i.t(`_selectAllOption`)}>
     </${n}>
 		<${r} class="divider"></${r}>
-  `}function V(e){let n=e.tagFor(m.i);return t.p`
+  `}function W(e){let n=e.tagFor(h.i);return t.p`
 		<div class="label-wrapper" ?hidden=${e=>!e.label&&!e._hasContextualHelp&&!e._hasSelectionCount}>
 			${a.t(e=>e.label||e._hasSelectionCount,t.p`
 					<div>
-						${a.t(e=>e.label,P())}
-						${a.t(e=>e._hasSelectionCount,F())}
+						${a.t(e=>e.label,L())}
+						${a.t(e=>e._hasSelectionCount,R())}
 					</div>
 				`)}
 			<slot name="contextual-help" ${r.t(`_contextualHelpSlottedContent`)}></slot>
@@ -114,14 +114,14 @@ const e=require(`../bundled/localized.cjs`),t=require(`../bundled/vivid-element.
 			${e=>e._changeDescription}
 		</span>
 		<div>
-			${R(e)}
+			${V(e)}
 			<div class="popup-wrapper">
 				<${n}
 					:anchor="${e=>e._anchor}"
 					:open="${e=>e.open}"
 					class="popup"
 					placement="bottom-start"
-					style="${z}"
+					style="${H}"
 					strategy="${e=>e.fixedDropdown?`fixed`:`absolute`}">
 					<div
 						class="listbox"
@@ -132,9 +132,9 @@ const e=require(`../bundled/localized.cjs`),t=require(`../bundled/vivid-element.
 						@click="${(e,t)=>e._onListboxClick(t.event)}"
 						@mousedown="${()=>!1}"
 					>
-						${a.t(e=>e.enableSelectAll&&e.multiple&&!e.maxSelected,B(e))}
+						${a.t(e=>e.enableSelectAll&&e.multiple&&!e.maxSelected,U(e))}
 						<slot
-							${r.t({filter:(e=>x.i(e)||S.r(e)),flatten:!0,property:`_slottedElements`})}>
+							${r.t({filter:(e=>S.n(e)||w.n(e)),flatten:!0,property:`_slottedElements`})}>
 						</slot>
 						${a.t(e=>e._filteredOptions.length===0,t.p`<div class="empty-message">
 								${a.t(e=>e.loading,t.p`<slot name="loading-options">
@@ -151,16 +151,16 @@ const e=require(`../bundled/localized.cjs`),t=require(`../bundled/vivid-element.
 				</${n}>
 			</div>
 		</div>
-	`}var H=e=>{let n=e.tagFor(N,!0);return t.p`
+	`}var G=e=>{let n=e.tagFor(I,!0);return t.p`
 		<template
 			:_optionTagTagName="${()=>n}"
 			@mousedown="${(e,t)=>e._onMouseDown(t.event)}"
 		>
 			<div class="control-wrapper">
-				${V(e)} ${t=>t._getFeedbackTemplate(e)}
+				${W(e)} ${t=>t._getFeedbackTemplate(e)}
 			</div>
 		</template>
-	`};function U(e){return t.p`
+	`};function K(e){return t.p`
 		<span
 			class="remove-button"
 			aria-label="${e=>e.locale.searchableSelect.removeTagButtonLabel(e.label)}"
@@ -170,7 +170,7 @@ const e=require(`../bundled/localized.cjs`),t=require(`../bundled/vivid-element.
 		>
 			<${e} name="close-line"></${e}>
 		</span>
-	`}var W=t.u(`option-tag`,N,e=>{let n=e.tagFor(c.r);return t.p`<span
+	`}var q=t.u(`option-tag`,I,e=>{let n=e.tagFor(l.t);return t.p`<span
 		class="${e=>s.t(`base`,[`disabled`,e.disabled],[`removable`,e.removable],[`shape-${e.shape}`,!!e.shape],[`connotation-${e.connotation}`,!!e.connotation],[`size-${e.scale}`,!!e.scale])}"
 		aria-disabled="${e=>e.disabled}"
 	>
@@ -178,5 +178,5 @@ const e=require(`../bundled/localized.cjs`),t=require(`../bundled/vivid-element.
 			${a.t(e=>e.hasIconPlaceholder,t.p`<div class="icon-placeholder"></div>`)}
 		</slot>
 		${a.t(e=>e.label,e=>t.p`<span class="label">${e.label}</span>`)}
-		${a.t(e=>e.removable,U(n))}
-	</span>`},[c.t],{styles:[D],shadowOptions:{delegatesFocus:!0}}),G=t.u(`searchable-select`,M,H,[p.t,m.t,c.t,W,u.t,h.r,x.t,S.t,w.t],{styles:E});t.d(G)();
+		${a.t(e=>e.removable,K(n))}
+	</span>`},[c.t],{styles:[A],shadowOptions:{delegatesFocus:!0}}),J=t.u(`searchable-select`,F,G,[m.t,h.t,c.t,q,d.t,g.r,C.t,T.t,D.t],{styles:k});t.d(J)();

package/searchable-select/index.js

@@ -6,7 +6,8 @@ import { t as f } from "../bundled/ref.js";
 import { t as p } from "../bundled/when.js";
 import { t as m } from "../bundled/decorate.js";
 import { t as h } from "../bundled/class-names.js";
-import { r as g, t as _ } from "../bundled/definition3.js";
+import { t as g } from "../bundled/definition3.js";
+import { t as _ } from "../bundled/icon.js";
 import { a as v, i as y, n as b } from "../bundled/affix.js";
 import { r as x, t as S } from "../bundled/definition5.js";
 import { n as ee, t as te } from "../bundled/delegates-aria.js";
@@ -19,13 +20,15 @@ import { t as j } from "../bundled/with-contextual-help.js";
 import { t as M } from "../bundled/with-error-text.js";
 import { t as N } from "../bundled/with-success-text.js";
 import { t as P } from "../bundled/scrollIntoView.js";
-import { i as F, r as I, t as L } from "../bundled/definition17.js";
-import { r as R, t as re } from "../bundled/definition18.js";
+import { n as F, t as I } from "../bundled/option.js";
+import { t as L } from "../bundled/definition17.js";
+import { n as R } from "../bundled/optgroup.js";
+import { t as re } from "../bundled/definition18.js";
 import { t as z } from "../bundled/extractOptions.js";
 import { t as B } from "../bundled/definition20.js";
 import { t as V } from "../bundled/divider.js";
 //#region src/lib/searchable-select/searchable-select.scss?inline
-var H = ".label-wrapper{align-items:center;gap:var(--label-wrapper-gap,4px);flex-direction:row;display:flex}.label-wrapper[hidden]{display:none}.label:not(slot),.label::slotted(label){flex:0 auto}.chevron{font:var(--vvd-typography-base-extended);flex-shrink:0;display:flex;transform:rotate(0)}@media (prefers-reduced-motion:no-preference){.chevron{transition:transform .2s}}:host([data-expanded=true]) .chevron,:host([open]) .chevron{transform:rotate(180deg)}:not(.disabled) .chevron{cursor:pointer}.disabled .chevron{color:var(--_low-ink-color);cursor:not-allowed}:host(:focus-visible){outline:none}:host{--_low-ink-color:var(--vvd-color-neutral-600);inline-size:300px;display:inline-block}:host([disabled]){--_low-ink-color:var(--vvd-color-neutral-400);cursor:not-allowed}.control-wrapper{flex-direction:column;gap:4px;display:flex}.label{color:var(--vvd-color-canvas-text);font:var(--vvd-typography-base)}.selection-count{color:var(--_low-ink-color);font:var(--vvd-typography-base)}.fieldset{--_connotation-color-primary:var(--vvd-searchable-select-accent-primary,var(--vvd-color-canvas-text));--_connotation-color-primary-text:var(--vvd-searchable-select-accent-primary-text,var(--vvd-color-canvas));--_connotation-color-primary-increment:var(--vvd-searchable-select-accent-primary-increment,var(--vvd-color-neutral-800));--_connotation-color-intermediate:var(--vvd-searchable-select-accent-intermediate,var(--vvd-color-neutral-500));--_connotation-color-faint:var(--vvd-searchable-select-accent-faint,var(--vvd-color-neutral-50));--_connotation-color-soft:var(--vvd-searchable-select-accent-soft,var(--vvd-color-neutral-100));--_connotation-color-firm:var(--vvd-searchable-select-accent-firm,var(--vvd-color-canvas-text));--_connotation-color-fierce:var(--vvd-searchable-select-accent-fierce,var(--vvd-color-neutral-700));--_appearance-color-text:var(--vvd-color-canvas-text);--_appearance-color-fill:var(--vvd-color-canvas);--_appearance-color-outline:var(--vvd-color-neutral-500)}.fieldset.appearance-ghost{--_appearance-color-text:var(--_connotation-color-firm);--_appearance-color-fill:transparent;--_appearance-color-outline:transparent}@media (hover:hover){.fieldset: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)}.fieldset: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}}.fieldset.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)}.fieldset.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}.fieldset:disabled{--_appearance-color-text:var(--vvd-color-neutral-600);--_appearance-color-fill:var(--vvd-color-neutral-100);--_appearance-color-outline:var(--vvd-color-neutral-300)}.fieldset:disabled.appearance-ghost{--_appearance-color-text:var(--vvd-color-neutral-300);--_appearance-color-fill:transparent;--_appearance-color-outline:transparent}.fieldset.disabled{--_appearance-color-text:var(--vvd-color-neutral-600);--_appearance-color-fill:var(--vvd-color-neutral-100);--_appearance-color-outline:var(--vvd-color-neutral-300)}.fieldset.disabled.appearance-ghost{--_appearance-color-text:var(--vvd-color-neutral-300);--_appearance-color-fill:transparent;--_appearance-color-outline:transparent}.fieldset.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)}.fieldset.readonly:where(:not(.disabled,:disabled)).appearance-ghost{--_appearance-color-text:var(--vvd-color-neutral-600);--_appearance-color-fill:transparent;--_appearance-color-outline:transparent}.fieldset.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)}.fieldset.error:where(:not(.disabled,:disabled)).appearance-ghost{--_appearance-color-text:notset;--_appearance-color-fill:var(--vvd-color-alert-50);--_appearance-color-outline:transparent}.fieldset.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)}.fieldset.success:where(:not(.disabled,:disabled)).appearance-ghost{--_appearance-color-text:notset;--_appearance-color-fill:var(--vvd-color-success-50);--_appearance-color-outline:transparent}.fieldset{--_searchable-select-block-size:24px;--_searchable-select-padding-block:8px;--_searchable-select-padding-inline:16px;--_searchable-select-icon-size:20px;--_searchable-select-border-radius:8px;--_searchable-select-gap:8px;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);justify-content:space-between;align-items:center;gap:var(--_searchable-select-gap);padding-block:var(--_searchable-select-padding-block);padding-inline:var(--_searchable-select-padding-inline);transition:box-shadow .2s,background-color .2s;display:flex}.fieldset.size-condensed{--_searchable-select-block-size:20px;--_searchable-select-padding-block:6px;--_searchable-select-padding-inline:12px;--_searchable-select-gap:6px}.fieldset.size-condensed:not(.shape-pill){--_searchable-select-border-radius:4px}@supports selector(:has(*)){.fieldset:not(.has-highlighted-option):has(input:focus){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}}@supports not selector(:has(*)){.fieldset:not(.has-highlighted-option):focus-within{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(:not([shape=pill])) .fieldset{border-radius:var(--_searchable-select-border-radius)}:host([shape=pill]) .fieldset{border-radius:24px}.popup-wrapper{position:relative}.content-area{gap:var(--_searchable-select-gap);min-block-size:var(--_searchable-select-block-size);flex-direction:column;flex:1;display:flex;overflow:hidden}.tag-row{gap:var(--_searchable-select-gap);inline-size:100%;display:flex}.tag-row.contains-only-input:not(:focus-within){display:contents}.tag-wrapper{overflow:hidden}.tag{max-inline-size:100%}input{box-sizing:border-box;block-size:var(--_searchable-select-block-size);font:var(--vvd-typography-base);background:0 0;border:none;outline:none;flex:1;min-inline-size:min(100px,40%);max-inline-size:100%}.contains-only-input input:not(:focus){opacity:0;pointer-events:none;block-size:0;inline-size:0;min-inline-size:0;position:absolute}.listbox{max-block-size:var(--searchable-select-height,408px);--_suppressable-focus-shadow:none;--_suppressable-focus-outline:none;--_suppressable-focus-outline-offset:0;flex-direction:column;gap:2px;padding:4px;display:flex;overflow-y:auto}.empty-message{color:var(--vvd-color-neutral-300);font:var(--vvd-typography-base);text-align:center;justify-content:center;align-items:center;min-block-size:40px;display:flex}::part(popup-base){inline-size:max-content;min-inline-size:var(--_searchable-select-fixed-width,100%)}slot[name=icon]{font-size:var(--_searchable-select-icon-size)}.visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.divider{margin-block:10px;margin-inline:12px}", U = ":host{display:block}.base.connotation-cta{--_connotation-color-contrast:var(--vvd-option-tag-cta-contrast,var(--vvd-color-cta-800))}.base:not(.connotation-cta){--_connotation-color-contrast:var(--vvd-option-tag-accent-contrast,var(--vvd-color-neutral-800))}.base{--_option-tag-block-size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 16));box-sizing:border-box;background-color:var(--fill-color);block-size:var(--_option-tag-block-size);box-shadow:inset 0 0 0 1px var(--outline-color);color:var(--text-color);font:var(--vvd-typography-base-bold);user-select:none;align-items:center;column-gap:8px;max-inline-size:100%;padding-inline:8px;display:flex;position:relative}.base.size-condensed{--_option-tag-block-size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 20));padding-inline:4px}.base:not(.disabled){--text-color:var(--_connotation-color-contrast);--fill-color:var(--_connotation-color-soft);--outline-color:transparent}@supports (background-color:color-mix(in srgb, black 50%, white)){.base:not(.disabled){--fill-color:color-mix(in sRGB, var(--_connotation-color-contrast), transparent 87.5%)}}.base.disabled{--text-color:var(--vvd-color-neutral-300);--fill-color:var(--vvd-color-neutral-200);--outline-color:transparent}@supports (background-color:color-mix(in srgb, black 50%, white)){.base.disabled{--fill-color:color-mix(in sRGB, var(--vvd-color-neutral-800), transparent 87.5%)}}.base:not(.shape-pill){border-radius:4px}.base.shape-pill{border-radius:16px}.label{text-overflow:ellipsis;white-space:nowrap;max-inline-size:100%;overflow:hidden}slot[name=icon]{font-size:calc(var(--_option-tag-block-size) / 1.5);line-height:1}.icon-placeholder{inline-size:calc(var(--_option-tag-block-size) / 1.5)}.remove-button{border-radius:inherit;cursor:pointer;outline:none;align-items:center;display:flex}.disabled .remove-button{pointer-events:none}.remove-button:focus-visible:before{--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));z-index:1;border-radius:inherit;content:\"\";pointer-events:none;display:block;position:absolute;inset:0}", W = 8, G = 100, K = 10, q = (e) => typeof e == "string", J = class extends j(k(M(N(A(te(b(e(ne(c))))))))) {
+var H = ".label-wrapper{align-items:center;gap:var(--label-wrapper-gap,4px);flex-direction:row;display:flex}.label-wrapper[hidden]{display:none}.label:not(slot),.label::slotted(label){flex:0 auto}.chevron{font:var(--vvd-typography-base-extended);flex-shrink:0;display:flex;transform:rotate(0)}@media (prefers-reduced-motion:no-preference){.chevron{transition:transform .2s}}:host([data-expanded=true]) .chevron,:host([open]) .chevron{transform:rotate(180deg)}:not(.disabled) .chevron{cursor:pointer}.disabled .chevron{color:var(--_low-ink-color);cursor:not-allowed}:host(:focus-visible){outline:none}:host{--_low-ink-color:var(--vvd-color-neutral-600);inline-size:300px;display:inline-block}:host([disabled]){--_low-ink-color:var(--vvd-color-neutral-400);cursor:not-allowed}.control-wrapper{flex-direction:column;gap:4px;display:flex}.label{color:var(--vvd-color-canvas-text);font:var(--vvd-typography-base)}.selection-count{color:var(--_low-ink-color);font:var(--vvd-typography-base)}.fieldset{--_connotation-color-primary:var(--vvd-searchable-select-accent-primary,var(--vvd-color-canvas-text));--_connotation-color-primary-text:var(--vvd-searchable-select-accent-primary-text,var(--vvd-color-canvas));--_connotation-color-primary-increment:var(--vvd-searchable-select-accent-primary-increment,var(--vvd-color-neutral-800));--_connotation-color-intermediate:var(--vvd-searchable-select-accent-intermediate,var(--vvd-color-neutral-500));--_connotation-color-faint:var(--vvd-searchable-select-accent-faint,var(--vvd-color-neutral-50));--_connotation-color-soft:var(--vvd-searchable-select-accent-soft,var(--vvd-color-neutral-100));--_connotation-color-firm:var(--vvd-searchable-select-accent-firm,var(--vvd-color-canvas-text));--_connotation-color-fierce:var(--vvd-searchable-select-accent-fierce,var(--vvd-color-neutral-700));--_appearance-color-text:var(--vvd-color-canvas-text);--_appearance-color-fill:var(--vvd-color-canvas);--_appearance-color-outline:var(--vvd-color-neutral-500)}.fieldset.appearance-ghost{--_appearance-color-text:var(--_connotation-color-firm);--_appearance-color-fill:transparent;--_appearance-color-outline:transparent}@media (hover:hover){.fieldset: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)}.fieldset: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}}.fieldset.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)}.fieldset.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}.fieldset:disabled{--_appearance-color-text:var(--vvd-color-neutral-600);--_appearance-color-fill:var(--vvd-color-neutral-100);--_appearance-color-outline:var(--vvd-color-neutral-300)}.fieldset:disabled.appearance-ghost{--_appearance-color-text:var(--vvd-color-neutral-300);--_appearance-color-fill:transparent;--_appearance-color-outline:transparent}.fieldset.disabled{--_appearance-color-text:var(--vvd-color-neutral-600);--_appearance-color-fill:var(--vvd-color-neutral-100);--_appearance-color-outline:var(--vvd-color-neutral-300)}.fieldset.disabled.appearance-ghost{--_appearance-color-text:var(--vvd-color-neutral-300);--_appearance-color-fill:transparent;--_appearance-color-outline:transparent}.fieldset.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)}.fieldset.readonly:where(:not(.disabled,:disabled)).appearance-ghost{--_appearance-color-text:var(--vvd-color-neutral-600);--_appearance-color-fill:transparent;--_appearance-color-outline:transparent}.fieldset.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)}.fieldset.error:where(:not(.disabled,:disabled)).appearance-ghost{--_appearance-color-text:notset;--_appearance-color-fill:var(--vvd-color-alert-50);--_appearance-color-outline:transparent}.fieldset.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)}.fieldset.success:where(:not(.disabled,:disabled)).appearance-ghost{--_appearance-color-text:notset;--_appearance-color-fill:var(--vvd-color-success-50);--_appearance-color-outline:transparent}.fieldset{--_searchable-select-block-size:24px;--_searchable-select-padding-block:8px;--_searchable-select-padding-inline:16px;--_searchable-select-icon-size:20px;--_searchable-select-border-radius:8px;--_searchable-select-gap:8px;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);justify-content:space-between;align-items:center;gap:var(--_searchable-select-gap);padding-block:var(--_searchable-select-padding-block);padding-inline:var(--_searchable-select-padding-inline);transition:box-shadow .2s,background-color .2s;display:flex}.fieldset.size-condensed{--_searchable-select-block-size:20px;--_searchable-select-padding-block:6px;--_searchable-select-padding-inline:12px;--_searchable-select-gap:6px}.fieldset.size-condensed:not(.shape-pill){--_searchable-select-border-radius:4px}@supports selector(:has(*)){.fieldset:not(.has-highlighted-option):has(input:focus){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}}@supports not selector(:has(*)){.fieldset:not(.has-highlighted-option):focus-within{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(:not([shape=pill])) .fieldset{border-radius:var(--_searchable-select-border-radius)}:host([shape=pill]) .fieldset{border-radius:24px}.popup-wrapper{position:relative}.content-area{gap:var(--_searchable-select-gap);min-block-size:var(--_searchable-select-block-size);flex-direction:column;flex:1;display:flex;overflow:hidden}.tag-row{gap:var(--_searchable-select-gap);inline-size:100%;display:flex}.tag-row.contains-only-input:not(:focus-within){display:contents}.tag-wrapper{overflow:hidden}.tag{max-inline-size:100%}input{box-sizing:border-box;block-size:var(--_searchable-select-block-size);font:var(--vvd-typography-base);background:0 0;border:none;outline:none;flex:1;min-inline-size:min(100px,40%);max-inline-size:100%}.contains-only-input input:not(:focus){opacity:0;pointer-events:none;block-size:0;inline-size:0;min-inline-size:0;position:absolute}.listbox{max-block-size:var(--searchable-select-height,408px);flex-direction:column;gap:2px;padding:4px;display:flex;overflow-y:auto}.empty-message{color:var(--vvd-color-neutral-300);font:var(--vvd-typography-base);text-align:center;justify-content:center;align-items:center;min-block-size:40px;display:flex}::part(popup-base){inline-size:max-content;min-inline-size:var(--_searchable-select-fixed-width,100%)}slot[name=icon]{font-size:var(--_searchable-select-icon-size)}.visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.divider{margin-block:10px;margin-inline:12px}", U = ":host{display:block}.base.connotation-cta{--_connotation-color-contrast:var(--vvd-option-tag-cta-contrast,var(--vvd-color-cta-800))}.base:not(.connotation-cta){--_connotation-color-contrast:var(--vvd-option-tag-accent-contrast,var(--vvd-color-neutral-800))}.base{--_option-tag-block-size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 16));box-sizing:border-box;background-color:var(--fill-color);block-size:var(--_option-tag-block-size);box-shadow:inset 0 0 0 1px var(--outline-color);color:var(--text-color);font:var(--vvd-typography-base-bold);user-select:none;align-items:center;column-gap:8px;max-inline-size:100%;padding-inline:8px;display:flex;position:relative}.base.size-condensed{--_option-tag-block-size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 20));padding-inline:4px}.base:not(.disabled){--text-color:var(--_connotation-color-contrast);--fill-color:var(--_connotation-color-soft);--outline-color:transparent}@supports (background-color:color-mix(in srgb, black 50%, white)){.base:not(.disabled){--fill-color:color-mix(in sRGB, var(--_connotation-color-contrast), transparent 87.5%)}}.base.disabled{--text-color:var(--vvd-color-neutral-300);--fill-color:var(--vvd-color-neutral-200);--outline-color:transparent}@supports (background-color:color-mix(in srgb, black 50%, white)){.base.disabled{--fill-color:color-mix(in sRGB, var(--vvd-color-neutral-800), transparent 87.5%)}}.base:not(.shape-pill){border-radius:4px}.base.shape-pill{border-radius:16px}.label{text-overflow:ellipsis;white-space:nowrap;max-inline-size:100%;overflow:hidden}slot[name=icon]{font-size:calc(var(--_option-tag-block-size) / 1.5);line-height:1}.icon-placeholder{inline-size:calc(var(--_option-tag-block-size) / 1.5)}.remove-button{border-radius:inherit;cursor:pointer;outline:none;align-items:center;display:flex}.disabled .remove-button{pointer-events:none}.remove-button:focus-visible:before{--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));z-index:1;border-radius:inherit;content:\"\";pointer-events:none;display:block;position:absolute;inset:0}", W = 8, G = 100, K = 10, q = (e) => typeof e == "string", J = class extends j(k(M(N(A(te(b(e(ne(c))))))))) {
 	constructor(...e) {
 		super(...e), this.fixedDropdown = !1, this.open = !1, this.multiple = !1, this.externalTags = !1, this.maxLines = null, this.values = [], this.initialValues = [], this._currentSearchText = null, this._areOptionsInitialized = !1, this.#r = { handleChange: (e, t) => {
 			e.selected && !this.values.includes(e.value) ? this.values = [...this.values, e.value] : !e.selected && this.values.includes(e.value) && (this.values = this.values.filter((t) => t !== e.value));
@@ -702,9 +705,9 @@ function $(e) {
 r(l("searchable-select", J, le, [
 	T,
 	D,
-	_,
+	g,
 	l("option-tag", Y, (e) => {
-		let t = e.tagFor(g);
+		let t = e.tagFor(_);
 		return s`<span
 		class="${(e) => h("base", ["disabled", e.disabled], ["removable", e.removable], [`shape-${e.shape}`, !!e.shape], [`connotation-${e.connotation}`, !!e.connotation], [`size-${e.scale}`, !!e.scale])}"
 		aria-disabled="${(e) => e.disabled}"
@@ -715,7 +718,7 @@ r(l("searchable-select", J, le, [
 		${p((e) => e.label, (e) => s`<span class="label">${e.label}</span>`)}
 		${p((e) => e.removable, $(t))}
 	</span>`;
-	}, [_], {
+	}, [g], {
 		styles: [U],
 		shadowOptions: { delegatesFocus: !0 }
 	}),

package/select/definition.cjs

@@ -1,5 +1,5 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_definition = require("../unbundled/definition62.cjs");
+const require_definition = require("../unbundled/definition63.cjs");
 exports.VwcSelectElement = require_definition.Select;
 exports.registerSelect = require_definition.registerSelect;
 exports.selectDefinition = require_definition.selectDefinition;

package/select/definition.js

@@ -1,2 +1,2 @@
-import { n as selectDefinition, r as Select, t as registerSelect } from "../unbundled/definition62.js";
+import { n as selectDefinition, r as Select, t as registerSelect } from "../unbundled/definition63.js";
 export { Select as VwcSelectElement, registerSelect, selectDefinition };

package/selectable-box/definition.cjs

@@ -1,5 +1,5 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_definition = require("../unbundled/definition65.cjs");
+const require_definition = require("../unbundled/definition66.cjs");
 exports.VwcSelectableBoxElement = require_definition.SelectableBox;
 exports.registerSelectableBox = require_definition.registerSelectableBox;
 exports.selectableBoxDefinition = require_definition.selectableBoxDefinition;

package/selectable-box/definition.js

@@ -1,2 +1,2 @@
-import { n as selectableBoxDefinition, r as SelectableBox, t as registerSelectableBox } from "../unbundled/definition65.js";
+import { n as selectableBoxDefinition, r as SelectableBox, t as registerSelectableBox } from "../unbundled/definition66.js";
 export { SelectableBox as VwcSelectableBoxElement, registerSelectableBox, selectableBoxDefinition };

package/shared/listbox/commands.d.ts

@@ -0,0 +1,17 @@
+import { TypeaheadState } from './typeahead.ts';
+import { Context, ListboxState, ListboxUIState } from './state.ts';
+import { Selection } from './selection.ts';
+export type ActionCommand = {
+    type: 'action';
+    targetIndex: number;
+    selection: Selection;
+};
+export type TypeaheadCommand = {
+    type: 'typeahead';
+    typeahead: TypeaheadState;
+    selection: Selection;
+};
+export type Command = ActionCommand | TypeaheadCommand;
+export declare function commandFromKey(state: ListboxState, ctx: Context, e: KeyboardEvent, now: number): Command | null;
+export declare function commandFromClick(_state: ListboxUIState, ctx: Context, e: MouseEvent, targetIndex: number): Command;
+export declare function apply(state: ListboxUIState, context: Context, command: Command): ListboxUIState;

package/shared/listbox/move.d.ts

@@ -0,0 +1,6 @@
+export type Move = {
+    direction: 'forward' | 'backward';
+    amount: 'step' | 'page' | 'limit';
+};
+export declare function moveFromKey(key: string): Move | null;
+export declare function moveIndex(index: number, numItems: number, pageSize: number, move: Move): number;

package/shared/listbox/options.d.ts

@@ -0,0 +1,12 @@
+import { ListboxOption } from '../../lib/option/option.ts';
+import { Context } from './state.ts';
+export type Value = string;
+export type Options = {
+    numOptions: number;
+    optionValue: (index: number) => Value;
+    optionText: (index: number) => string;
+    optionIndex: (value: Value) => number | null;
+    isEq: (options: ListboxOption[]) => boolean;
+};
+export declare const optionsInterface: (options: ListboxOption[]) => Options;
+export declare function initialValues(ctx: Context, allOptions: ListboxOption[], providedValues: Value[]): Value[];

package/shared/listbox/selection.d.ts

@@ -0,0 +1,28 @@
+import { Context, ListboxUIState } from './state.ts';
+import { Command } from './commands.ts';
+import { Value } from './options.ts';
+import { Move } from './move.ts';
+export type SelectAction = {
+    type: 'select';
+} | {
+    type: 'toggle';
+} | {
+    type: 'select-from-current';
+} | {
+    type: 'select-from-most-recent';
+} | {
+    type: 'extend-from-anchor';
+    anchorIndex: number;
+};
+export type Selection = {
+    action: SelectAction;
+    replaceExisting: boolean;
+} | null;
+type ModifierKeys = 'ShiftMod' | 'Shift' | 'Mod' | null;
+export declare const modifierKeys: (e: KeyboardEvent | MouseEvent) => ModifierKeys;
+export declare const selectionForMove: (state: ListboxUIState, ctx: Context, move: Move, mods: ModifierKeys) => Selection;
+export declare const selectionForTrigger: (ctx: Context, mods: ModifierKeys) => Selection;
+export declare function addRange(baseValues: Value[], ctx: Context, fromIdx: number, toIdx: number): Value[];
+export declare function updateAnchoredRange(baseValues: Value[], ctx: Context, anchorIdx: number, targetIdx: number, prevTargetIdx: number): Value[];
+export declare function applyAction(state: ListboxUIState, ctx: Context, command: Command): ListboxUIState;
+export {};