@helvetia-design/core 0.0.5 → 0.0.6

package/dist/esm/ds-select.entry.js

@@ -1,20 +1,20 @@
 /*!
  * (C) Helvetia Design System https://helvetia-design.vercel.app/ - Apache License 2.0
  */
-import { D as registerInstance, J as createEvent, x as defaultConfig, E as raf, F as h$1, I as getElement } from './index-vF16SDFF.js';
-import { _ as __decorate, L as Logger, a as __metadata } from './tslib.es6-CJY5Vco2.js';
+import { D as registerInstance, J as createEvent, x as defaultConfig, E as raf, F as h$1, I as getElement } from './index-BZEWgXed.js';
+import { _ as __decorate, L as Logger, a as __metadata } from './tslib.es6-syzWW8yN.js';
 import { i as inheritAttributes } from './attributes-ChyhE5ro.js';
-import { s as stopEventBubbling, a as setFormValue } from './form-control-BJWSlSG_.js';
+import { s as stopEventBubbling, a as setFormValue } from './form-control-CDcwGSHl.js';
 import { w as watchInvalidTextSlot } from './invalid-text-slot-DK-5xkJt.js';
-import { F as Field } from './field.util-Df-hqJaT.js';
+import { F as Field } from './field.util-Bynx8isK.js';
 import { I as INPUT_COLORS } from './input.interfaces-tQJW0EmK.js';
-import { T as Type } from './type-CGNubZpn.js';
-import { O as OneOf } from './one-of-0XcP43f0.js';
-import { L as ListenToConfig } from './config.utils-Dp02shGd.js';
+import { T as Type } from './type-Djd2i_VN.js';
+import { O as OneOf } from './one-of-CEp_lE0A.js';
+import { L as ListenToConfig } from './config.utils-C2ZxpLao.js';
 import './dom-BbGwCnDa.js';
 import './aria-Bo-aKWH3.js';
 import './label.i18n-TfUKLdG8.js';
-import './create-validator-decorator-C9h9tdvI.js';
+import './create-validator-decorator-DoOlbRcm.js';
 
 //#region src/slim-select/classes.ts
 var e = class {
@@ -285,9 +285,7 @@ function T(e, t) {
 		if (a !== S(i)) return false;
 		if (a) {
 			if (!w(r, i)) return false;
-			continue;
-		}
-		if (!C(r, i)) return false;
+		} else if (!C(r, i)) return false;
 	}
 	return true;
 }
@@ -348,11 +346,7 @@ var O = class {
 		if (this.state === "opening" || this.state === "open") return;
 		this.cancelPending();
 		let e = ++this.generation;
-		if (this.handlers.beforeOpen && this.handlers.beforeOpen(), this.state = "opening", await this.waitForPhase("open", e), e !== this.generation) {
-			this.state === "opening" && (this.state = "closed");
-			return;
-		}
-		this.state = "open", this.handlers.afterOpen && this.handlers.afterOpen(), this.handlers.onOpenReady && this.handlers.onOpenReady();
+		this.handlers.beforeOpen && this.handlers.beforeOpen(), this.state = "opening", await this.waitForPhase("open", e), e === this.generation ? (this.state = "open", this.handlers.afterOpen && this.handlers.afterOpen(), this.handlers.onOpenReady && this.handlers.onOpenReady()) : this.state === "opening" && (this.state = "closed");
 	}
 	async requestClose(e = {
 		source: "api",
@@ -476,13 +470,9 @@ var O = class {
 		return e.id === t.id || t.value !== "" && e.value !== "" && e.value === t.value;
 	}
 	findOptionInData(e, t) {
-		for (let n of e) {
-			if (n instanceof A) {
-				if (this.optionMatchesSelected(n, t)) return n;
-				continue;
-			}
-			for (let e of n.options) if (this.optionMatchesSelected(e, t)) return e;
-		}
+		for (let n of e) if (n instanceof A) {
+			if (this.optionMatchesSelected(n, t)) return n;
+		} else for (let e of n.options) if (this.optionMatchesSelected(e, t)) return e;
 		return null;
 	}
 	setData(e, t = false) {
@@ -595,14 +585,11 @@ var O = class {
 		}), e.forEach((e) => {
 			let n = false;
 			t.forEach((t) => {
-				if (e.id === t.id) {
-					n = true;
-					return;
-				}
+				e.id === t.id && (n = true);
 			}), n || t.push(e);
 		}), t;
 	}
-}, N = class {
+}, N = 1e3, P = class {
 	settings;
 	store;
 	callbacks;
@@ -617,6 +604,8 @@ var O = class {
 	positionObserverRaf = 0;
 	lastObservedContentHeight = -1;
 	overflowShiftRaf = 0;
+	typeaheadQuery = "";
+	typeaheadTimer = null;
 	modalElements = null;
 	modalSessionActive = null;
 	bodyScrollLocked = false;
@@ -744,16 +733,17 @@ var O = class {
 	mainDiv() {
 		let e = document.createElement("div");
 		e.dataset.id = this.settings.id, e.setAttribute("aria-label", this.settings.ariaLabel), e.tabIndex = 0, e.onkeydown = (e) => {
+			if (this.isTypeaheadKey(e)) return e.preventDefault(), this.callbacks.open(), this.typeahead(e.key), false;
 			switch (e.key) {
 				case "ArrowUp":
-				case "ArrowDown": return this.callbacks.open(), e.key === "ArrowDown" ? this.highlight("down") : this.highlight("up"), false;
-				case "Tab": return this.requestClose("tab"), true;
+				case "ArrowDown": return this.clearTypeahead(), this.callbacks.open(), e.key === "ArrowDown" ? this.highlight("down") : this.highlight("up"), false;
+				case "Tab": return this.clearTypeahead(), this.requestClose("tab"), true;
 				case "Enter":
 				case " ":
-					this.callbacks.open();
+					this.clearTypeahead(), this.callbacks.open();
 					let t = this.content.list.querySelector("." + this.classes.getFirst("highlighted"));
 					return t && t.click(), false;
-				case "Escape": return this.requestClose("escape"), false;
+				case "Escape": return this.clearTypeahead(), this.requestClose("escape"), false;
 			}
 			return e.key.length === 1 && this.callbacks.open(), true;
 		}, e.onclick = (e) => {
@@ -815,11 +805,7 @@ var O = class {
 		return this.addClasses(n, this.classes.placeholder), n.innerHTML = t, n;
 	}
 	renderValues() {
-		if (!this.settings.isMultiple) {
-			this.renderSingleValue();
-			return;
-		}
-		this.renderMultipleValues(), this.updateDeselectAll();
+		this.settings.isMultiple ? (this.renderMultipleValues(), this.updateDeselectAll()) : this.renderSingleValue();
 	}
 	renderSingleValue() {
 		let e = this.store.filter((e) => e.selected && !e.placeholder, false, false), t = e.length > 0 ? e[0] : null;
@@ -967,21 +953,7 @@ var O = class {
 		this.settings.isOpen && !this.isModalViewActive() && this.settings.contentPosition !== "relative" && this.content.main.classList.contains(this.classes.getFirst("dirAbove")) && this.moveContentAbove();
 	}
 	moveContent() {
-		if (!this.isModalViewActive()) {
-			if (this.settings.contentPosition === "relative") {
-				this.moveContentBelow();
-				return;
-			}
-			if (this.settings.openPosition === "down") {
-				this.moveContentBelow();
-				return;
-			}
-			if (this.settings.openPosition === "up") {
-				this.moveContentAbove();
-				return;
-			}
-			this.putContent() === "up" ? this.moveContentAbove() : this.moveContentBelow();
-		}
+		this.isModalViewActive() || (this.settings.contentPosition === "relative" || this.settings.openPosition === "down" ? this.moveContentBelow() : this.settings.openPosition === "up" || this.putContent() === "up" ? this.moveContentAbove() : this.moveContentBelow());
 	}
 	startPositionTracking() {
 		this.settings.contentPosition !== "absolute" || this.isModalViewActive() || (this.stopPositionTracking(), typeof ResizeObserver < "u" && (this.lastObservedContentHeight = -1, this.positionObserver = new ResizeObserver((e) => {
@@ -1124,6 +1096,41 @@ var O = class {
 		let r = t[e === "down" ? 0 : t.length - 1];
 		this.addClasses(r, this.classes.highlighted), r.id && this.main.main.setAttribute("aria-activedescendant", r.id), this.ensureElementInView(this.content.list, r);
 	}
+	isTypeaheadKey(e) {
+		return this.settings.showSearch || this.settings.disabled || e.ctrlKey || e.metaKey || e.altKey || e.isComposing ? false : e.key.length === 1 && /[\p{L}\p{N}]/u.test(e.key);
+	}
+	typeahead(e) {
+		let t = this.getOptions(true, true, true);
+		if (t.length === 0) return;
+		let n = e.toLowerCase(), r = this.typeaheadQuery.length > 0 && [...this.typeaheadQuery].every((e) => e === n);
+		this.typeaheadTimer !== null && clearTimeout(this.typeaheadTimer), this.typeaheadTimer = setTimeout(() => {
+			this.typeaheadQuery = "", this.typeaheadTimer = null;
+		}, N);
+		let i = this.classes.getFirst("highlighted"), a = this.classes.getFirst("selected"), o = t.findIndex((e) => e.classList.contains(i));
+		o < 0 && (o = t.findIndex((e) => e.classList.contains(a)));
+		let s;
+		r ? (this.typeaheadQuery = n, s = o >= 0 ? (o + 1) % t.length : 0) : (this.typeaheadQuery += n, s = o >= 0 ? o : 0);
+		let c = this.findTypeaheadOption(t, this.typeaheadQuery, s);
+		c && this.highlightOption(c);
+	}
+	findTypeaheadOption(e, t, n) {
+		for (let r = 0; r < e.length; r++) {
+			let i = e[(n + r) % e.length];
+			if ((i.textContent || "").trim().toLowerCase().startsWith(t)) return i;
+		}
+		return null;
+	}
+	highlightOption(e) {
+		let t = this.classes.getFirst("highlighted");
+		this.content.list.querySelectorAll("." + t).forEach((t) => {
+			t !== e && this.removeClasses(t, this.classes.highlighted);
+		}), this.addClasses(e, this.classes.highlighted), e.id && this.main.main.setAttribute("aria-activedescendant", e.id);
+		let n = e.parentElement;
+		n && n.classList.contains(this.classes.getFirst("close")) && n.querySelector("." + this.classes.getFirst("optgroupLabel"))?.click(), this.ensureElementInView(this.content.list, e);
+	}
+	clearTypeahead() {
+		this.typeaheadQuery = "", this.typeaheadTimer !== null && (clearTimeout(this.typeaheadTimer), this.typeaheadTimer = null);
+	}
 	listDiv() {
 		let e = document.createElement("div");
 		this.addClasses(e, this.classes.list);
@@ -1176,9 +1183,7 @@ var O = class {
 								return true;
 							});
 							this.callbacks.setSelected(t, true);
-							return;
-						}
-						{
+						} else {
 							let t = n.options.map((e) => e.id).filter((e) => e !== void 0), r = e.concat(t);
 							for (let e of n.options) e.id && !this.store.getOptionByID(e.id) && this.callbacks.addOption(new A(e));
 							this.callbacks.setSelected(r, true);
@@ -1256,11 +1261,7 @@ var O = class {
 				r = true;
 				break;
 			}
-			if (!r) {
-				this.addClasses(n, this.classes.hide);
-				continue;
-			}
-			this.removeClasses(n, this.classes.hide), e !== "" && (this.removeClasses(n, this.classes.close), this.addClasses(n, this.classes.mainOpen));
+			r ? (this.removeClasses(n, this.classes.hide), e !== "" && (this.removeClasses(n, this.classes.close), this.addClasses(n, this.classes.mainOpen))) : this.addClasses(n, this.classes.hide);
 		}
 	}
 	updateSearchResultsMessage(e, t) {
@@ -1326,9 +1327,7 @@ var O = class {
 		if (this.isGlobalAllSelected(t)) {
 			let t = new Set(e.map((e) => e.id)), n = this.store.getSelected().filter((e) => !t.has(e));
 			this.callbacks.setSelected(n, true);
-			return;
-		}
-		this.callbacks.setSelected(e.map((e) => e.id), true);
+		} else this.callbacks.setSelected(e.map((e) => e.id), true);
 	}
 	updateGlobalSelectAllState() {
 		let e = this.content.search.selectAll;
@@ -1377,11 +1376,7 @@ var O = class {
 			t.preventDefault(), t.stopPropagation();
 			let n = this.store.getSelected(), r = t.currentTarget, i = String(r.dataset.id), a = this.store.getOptionByID(i) ?? e, o = n.includes(i), s = t.ctrlKey || t.metaKey;
 			if (e.disabled) return;
-			if (!this.settings.isMultiple && o && !this.settings.allowDeselect) {
-				this.closeOnSingleSelectReclick(a);
-				return;
-			}
-			if (o && a.mandatory) {
+			if (!this.settings.isMultiple && o && !this.settings.allowDeselect || o && a.mandatory) {
 				this.closeOnSingleSelectReclick(a);
 				return;
 			}
@@ -1408,7 +1403,7 @@ var O = class {
 		}), t;
 	}
 	destroy() {
-		this.stopPositionTracking(), this.modalElements ? (this.unlockBodyScroll(), this.content.main.parentElement === this.modalElements.dialog && this.restoreContentOffscreen(), this.modalElements.overlay.remove(), this.modalElements = null) : this.bodyScrollLocked && this.unlockBodyScroll(), this.main.main.remove(), this.content.main.remove(), this.removeDetachedInstanceDom();
+		this.clearTypeahead(), this.stopPositionTracking(), this.modalElements ? (this.unlockBodyScroll(), this.content.main.parentElement === this.modalElements.dialog && this.restoreContentOffscreen(), this.modalElements.overlay.remove(), this.modalElements = null) : this.bodyScrollLocked && this.unlockBodyScroll(), this.main.main.remove(), this.content.main.remove(), this.removeDetachedInstanceDom();
 	}
 	removeDetachedInstanceDom() {
 		let e = this.settings.id, t = this.classes.getFirst("main"), n = this.classes.getFirst("content"), r = this.classes.getFirst("modalOverlay");
@@ -1454,21 +1449,13 @@ var O = class {
 		let t, n;
 		this.settings.contentPosition === "fixed" ? (t = e.top + e.height, n = e.left) : (t = e.top + window.scrollY + e.height, n = e.left + window.scrollX), this.content.main.style.top = t + "px", this.content.main.style.left = n + "px", this.applyContentWidth(e);
 		let r = this.getKnownContentWidth(e);
-		if (r !== null) {
-			this.content.main.style.left = this.adjustLeftForOverflow(n, e.left, r) + "px";
-			return;
-		}
-		this.overflowShiftRaf = requestAnimationFrame(() => {
+		r === null ? this.overflowShiftRaf = requestAnimationFrame(() => {
 			this.overflowShiftRaf = 0, this.applyOverflowShiftFromMeasure();
-		});
+		}) : this.content.main.style.left = this.adjustLeftForOverflow(n, e.left, r) + "px";
 	}
 	applyContentWidth(e) {
 		let t = this.settings.contentWidth;
-		if (this.content.main.style.width = "", this.content.main.style.minWidth = "", this.content.main.style.maxWidth = "", !t) {
-			this.settings.contentPosition !== "relative" && (this.content.main.style.width = e.width + "px");
-			return;
-		}
-		t === "auto" ? this.content.main.style.minWidth = e.width + "px" : t.startsWith(">") ? this.content.main.style.minWidth = t.slice(1) : t.startsWith("<") ? this.content.main.style.maxWidth = t.slice(1) : this.content.main.style.width = t;
+		this.content.main.style.width = "", this.content.main.style.minWidth = "", this.content.main.style.maxWidth = "", t ? t === "auto" ? this.content.main.style.minWidth = e.width + "px" : t.startsWith(">") ? this.content.main.style.minWidth = t.slice(1) : t.startsWith("<") ? this.content.main.style.maxWidth = t.slice(1) : this.content.main.style.width = t : this.settings.contentPosition !== "relative" && (this.content.main.style.width = e.width + "px");
 	}
 	cancelOverflowShift() {
 		this.overflowShiftRaf &&= (cancelAnimationFrame(this.overflowShiftRaf), 0);
@@ -1514,7 +1501,7 @@ var O = class {
 };
 //#endregion
 //#region src/slim-select/mutations.ts
-function P(e, t) {
+function F(e, t) {
 	let n = {
 		classChanged: false,
 		titleChanged: false,
@@ -1536,7 +1523,7 @@ function P(e, t) {
 }
 //#endregion
 //#region src/slim-select/select.ts
-var F = class {
+var I = class {
 	select;
 	onValueChange;
 	onClassChange;
@@ -1599,7 +1586,7 @@ var F = class {
 	}
 	observeCall(e) {
 		if (!this.listen) return;
-		let { classChanged: t, titleChanged: n, disabledChanged: r, optgroupOptionChanged: i, selectionChanged: a } = P(e, this.select), o = a;
+		let { classChanged: t, titleChanged: n, disabledChanged: r, optgroupOptionChanged: i, selectionChanged: a } = F(e, this.select), o = a;
 		if (t && this.onClassChange && this.onClassChange(this.select.className.split(" ")), n && this.onTitleChange && this.onTitleChange(this.select.getAttribute("title") || ""), r && this.onDisabledChange && (this.changeListen(false), this.onDisabledChange(this.select.disabled), this.changeListen(true)), i && this.clearLeftoverHiddenDisplay(e), i && this.onOptionsChange) {
 			if (this.isUpdating) {
 				if (this.select.options.length > 0) {
@@ -1791,21 +1778,16 @@ var F = class {
 };
 //#endregion
 //#region src/slim-select/sync.ts
-function I(e, t) {
+function L(e, t) {
 	return T(e.getData(false), t);
 }
-function L(e, t) {
+function R(e, t) {
 	let n = Array.isArray(t) ? t : [t], r = e.getDataOptions(false), i = [];
-	for (let e of n) {
-		if (r.find((t) => t.id == e)) {
-			i.push(e);
-			continue;
-		}
-		for (let t of r.filter((t) => t.value == e)) i.push(t.id);
-	}
+	for (let e of n) if (r.find((t) => t.id == e)) i.push(e);
+	else for (let t of r.filter((t) => t.value == e)) i.push(t.id);
 	return i;
 }
-var R = class {
+var z = class {
 	deps;
 	queue = [];
 	flushScheduled = false;
@@ -1814,11 +1796,7 @@ var R = class {
 		this.deps = e;
 	}
 	enqueue(e) {
-		if (this.queue.push(e), e.source === "native") {
-			this.flushScheduled || (this.flushScheduled = true, queueMicrotask(() => this.flush()));
-			return;
-		}
-		this.isSyncing || this.flush();
+		this.queue.push(e), e.source === "native" ? this.flushScheduled || (this.flushScheduled = true, queueMicrotask(() => this.flush())) : this.isSyncing || this.flush();
 	}
 	flush() {
 		if (this.flushScheduled = false, this.queue.length === 0) return;
@@ -1852,7 +1830,7 @@ var R = class {
 	}
 	applyStructure(e, t, n = false, r = false) {
 		let { store: i, select: a, render: o, events: s } = this.deps;
-		if (!r && I(i, e)) return;
+		if (!r && L(i, e)) return;
 		let c = i.getSelected(), l = i.validateDataArray(e);
 		if (l) {
 			s.error ? s.error(l) : this.deps.onError && this.deps.onError(l);
@@ -1881,7 +1859,7 @@ var R = class {
 		t.setSelectedByValue(r);
 	}
 	applySelection(e, t, n) {
-		let { store: r, render: a, events: o } = this.deps, s = r.getSelected(), c = L(r, e);
+		let { store: r, render: a, events: o } = this.deps, s = r.getSelected(), c = R(r, e);
 		if (v(s, c)) return;
 		r.setSelectedBy("id", c), this.syncNativeSelection(), a.renderValues();
 		let l = a.content.search.input.value.trim();
@@ -1889,13 +1867,9 @@ var R = class {
 	}
 	applyAddOption(e) {
 		let { store: t, select: n, render: r, events: i } = this.deps, a = t.getSelected(), o = r.content.search.input.value.trim() !== "" && !!this.deps.search, s = e.value ?? e.text ?? "", c = (e) => {
-			for (let t of e) {
-				if (t instanceof j) {
-					if (t.options.some((e) => (e.value ?? e.text) === s)) return true;
-					continue;
-				}
-				if ((t.value ?? t.text) === s) return true;
-			}
+			for (let t of e) if (t instanceof j) {
+				if (t.options.some((e) => (e.value ?? e.text) === s)) return true;
+			} else if ((t.value ?? t.text) === s) return true;
 			return false;
 		};
 		if (!c(t.getData(false))) {
@@ -1911,7 +1885,7 @@ var R = class {
 		} else n.updateOptions(l);
 		r.renderValues(), r.renderOptions(l), i.afterChange && !v(a, t.getSelected()) && i.afterChange(t.getSelectedOptions());
 	}
-}, z = class {
+}, B = class {
 	selectEl;
 	settings;
 	cssClasses;
@@ -1949,7 +1923,7 @@ var R = class {
 			"afterClose"
 		];
 		for (let e in t.events) t.events.hasOwnProperty(e) && (n.indexOf(e) === -1 ? this.events[e] = t.events[e] : this.events[e] = _(t.events[e], 100));
-		this.settings.disabled = t.settings?.disabled ? t.settings.disabled : this.selectEl.disabled, this.settings.isMultiple = this.selectEl.multiple, this.settings.style = this.selectEl.style.cssText, this.settings.class = this.selectEl.className.split(" "), this.select = new F(this.selectEl), this.selectEl.id || (this.selectEl.id = this.settings.id), this.select.updateSelect(this.settings.id, this.settings.style, this.settings.class), this.select.hideUI(), this.select.onClassChange = (e) => {
+		this.settings.disabled = t.settings?.disabled ? t.settings.disabled : this.selectEl.disabled, this.settings.isMultiple = this.selectEl.multiple, this.settings.style = this.selectEl.style.cssText, this.settings.class = this.selectEl.className.split(" "), this.select = new I(this.selectEl), this.selectEl.id || (this.selectEl.id = this.settings.id), this.select.updateSelect(this.settings.id, this.settings.style, this.settings.class), this.select.hideUI(), this.select.onClassChange = (e) => {
 			this.settings.class = e, this.render.updateClassStyles();
 		}, this.select.onTitleChange = (e) => {
 			this.render.updateTitle(e);
@@ -1987,7 +1961,7 @@ var R = class {
 			beforeChange: this.events.beforeChange,
 			afterChange: this.events.afterChange
 		};
-		this.settings.modalTitle = t.settings?.modalTitle ?? m(this.selectEl), this.render = new N(this.settings, this.cssClasses, this.store, i), this.settings.timeoutDelay = a(this.render.content.main, t.settings?.timeoutDelay), this.sync = new R({
+		this.settings.modalTitle = t.settings?.modalTitle ?? m(this.selectEl), this.render = new P(this.settings, this.cssClasses, this.store, i), this.settings.timeoutDelay = a(this.render.content.main, t.settings?.timeoutDelay), this.sync = new z({
 			select: this.select,
 			store: this.store,
 			render: this.render,
@@ -2100,27 +2074,15 @@ var R = class {
 	}
 	search(e) {
 		let t = e.trim();
-		if (t === "" ? this.render.content.search.input.value = "" : this.render.content.search.input.value !== e && (this.render.content.search.input.value = e), this.events.search) {
-			this.runApiSearch(t);
-			return;
-		}
-		if (t === "") {
-			this.clearSearch();
-			return;
-		}
-		this.runLocalSearch(t);
+		t === "" ? this.render.content.search.input.value = "" : this.render.content.search.input.value !== e && (this.render.content.search.input.value = e), this.events.search ? this.runApiSearch(t) : t === "" ? this.clearSearch() : this.runLocalSearch(t);
 	}
 	clearSearch() {
-		if (this.render.content.search.input.value = "", this.searchGeneration++, !this.events.search && this.render.canFilterOptionsInPlace()) {
-			this.render.filterOptionsInPlace("", this.events.searchFilter), this.render.resetSearchFilterState();
-			return;
-		}
-		this.render.resetSearchFilterState(), this.sync.enqueue({
+		this.render.content.search.input.value = "", this.searchGeneration++, !this.events.search && this.render.canFilterOptionsInPlace() ? (this.render.filterOptionsInPlace("", this.events.searchFilter), this.render.resetSearchFilterState()) : (this.render.resetSearchFilterState(), this.sync.enqueue({
 			type: "structure",
 			data: this.store.getCatalogData(),
 			source: "api",
 			preserveSelection: true
-		});
+		}));
 	}
 	runLocalSearch(e) {
 		if (this.render.canFilterOptionsInPlace()) {
@@ -2142,17 +2104,9 @@ var R = class {
 				isSearchResult: true
 			});
 		};
-		if (n instanceof Promise) {
-			n.then(r).catch((e) => {
-				t === this.searchGeneration && this.render.renderError(typeof e == "string" ? e : e.message);
-			});
-			return;
-		}
-		if (Array.isArray(n)) {
-			r(n);
-			return;
-		}
-		this.render.renderError("Search event must return a promise or an array of data");
+		n instanceof Promise ? n.then(r).catch((e) => {
+			t === this.searchGeneration && this.render.renderError(typeof e == "string" ? e : e.message);
+		}) : Array.isArray(n) ? r(n) : this.render.renderError("Search event must return a promise or an array of data");
 	}
 	destroy() {
 		this.lifecycle.destroy(), this.render.stopPositionTracking(), this.globalEvents.detach({ listenScroll: this.settings.openPosition === "auto" }), this.store.setData([]), this.render.destroy(), this.select.destroy(), delete this.selectEl.slim;
@@ -2297,7 +2251,7 @@ class SelectPickerController {
     }
     init() {
         const { selectEl, popupEl, language, searchable, placeholder, disabled, readonly, multiple, clearable, data } = this.config;
-        this.slimSelect = new z({
+        this.slimSelect = new B({
             select: selectEl,
             settings: {
                 contentLocation: popupEl,

package/dist/esm/ds-shape.entry.js

@@ -1,10 +1,10 @@
 /*!
  * (C) Helvetia Design System https://helvetia-design.vercel.app/ - Apache License 2.0
  */
-import { F as h, D as registerInstance, G as Host, I as getElement } from './index-vF16SDFF.js';
-import { _ as __decorate, L as Logger, a as __metadata } from './tslib.es6-CJY5Vco2.js';
-import { O as OneOf } from './one-of-0XcP43f0.js';
-import './create-validator-decorator-C9h9tdvI.js';
+import { F as h, D as registerInstance, G as Host, I as getElement } from './index-BZEWgXed.js';
+import { _ as __decorate, L as Logger, a as __metadata } from './tslib.es6-syzWW8yN.js';
+import { O as OneOf } from './one-of-CEp_lE0A.js';
+import './create-validator-decorator-DoOlbRcm.js';
 
 const shapes = [
     h("g", { id: "e8353d3b-35a2-4e20-9245-0eceed641ae5" }, h("g", { id: "af87362a-72b2-42cf-8efe-c9917dc1f7f6" }, h("path", { class: "st0", d: "M132,66v66H66V66H132z M132,0v66H66V0H132z M66,0v66H0V6.4C0,4.2,0,3,0.4,2.2c0.4-0.7,1-1.4,1.7-1.7\n            C3,0,4.2,0,6.4,0H66z M191.6,0c2.2,0,3.4,0,4.2,0.4c0.7,0.4,1.4,1,1.7,1.7c0.4,0.9,0.4,2,0.4,4.2V66h-66V0H191.6z M0,125.6V66h66\n            v66H6.4H0 M198,132v59.6c0,2.2,0,3.4-0.4,4.2c-0.4,0.7-1,1.4-1.7,1.7c-0.9,0.4-2,0.4-4.2,0.4H132v-66H198z" }))),

package/dist/esm/ds-sheet.entry.js

@@ -1,11 +1,11 @@
 /*!
  * (C) Helvetia Design System https://helvetia-design.vercel.app/ - Apache License 2.0
  */
-import { D as registerInstance, F as h, G as Host, I as getElement } from './index-vF16SDFF.js';
-import { _ as __decorate, L as Logger, a as __metadata } from './tslib.es6-CJY5Vco2.js';
+import { D as registerInstance, F as h, G as Host, I as getElement } from './index-BZEWgXed.js';
+import { _ as __decorate, L as Logger, a as __metadata } from './tslib.es6-syzWW8yN.js';
 import { S as SHEET_CONTAINER_SIZES } from './sheet.interfaces-D4PDkOD_.js';
-import { O as OneOf } from './one-of-0XcP43f0.js';
-import './create-validator-decorator-C9h9tdvI.js';
+import { O as OneOf } from './one-of-CEp_lE0A.js';
+import './create-validator-decorator-DoOlbRcm.js';
 
 const sheetHostCss = () => `:host{--_sheet-background:var(--sheet-background, var(--mod-sheet-background, var(--ds-sheet-background)));--_sheet-radius:var(--sheet-radius, var(--mod-sheet-radius, var(--ds-sheet-radius)));--_sheet-shadow:var(--sheet-shadow, var(--mod-sheet-shadow, var(--ds-sheet-shadow)));--_sheet-position-bottom:var(--sheet-position-bottom, var(--mod-sheet-position-bottom, var(--ds-sheet-position-bottom)));display:block;position:fixed;bottom:var(--_sheet-position-bottom);left:0;right:0;width:100%;z-index:var(--ds-alias-z-index-sticky)}:host .ds-container{margin:0 var(--ds-device-container-space);max-width:var(--ds-alias-container-width-default)}@media screen and (min-width: 1024px){:host .ds-container{margin:0 auto}}:host .ds-container{background-color:var(--_sheet-background);border-radius:var(--_sheet-radius);-webkit-box-shadow:var(--_sheet-shadow);box-shadow:var(--_sheet-shadow);padding:1rem}@media screen and (min-width: 769px){:host .ds-container{padding:1rem 1.5rem}}:host .ds-container.is-fluid{max-width:var(--ds-alias-container-width-fluid)}:host .ds-container.is-compact{max-width:var(--ds-alias-container-width-compact)}`;
 

package/dist/esm/ds-slider.entry.js

@@ -1,19 +1,19 @@
 /*!
  * (C) Helvetia Design System https://helvetia-design.vercel.app/ - Apache License 2.0
  */
-import { D as registerInstance, J as createEvent, x as defaultConfig, M as debounceEvent, F as h, I as getElement } from './index-vF16SDFF.js';
-import { _ as __decorate, L as Logger, a as __metadata } from './tslib.es6-CJY5Vco2.js';
-import { i as isNaN$1 } from './isNaN-7y2s4B42.js';
+import { D as registerInstance, J as createEvent, x as defaultConfig, M as debounceEvent, F as h, I as getElement } from './index-BZEWgXed.js';
+import { _ as __decorate, L as Logger, a as __metadata } from './tslib.es6-syzWW8yN.js';
+import { i as isNaN$1 } from './isNaN-CnSbS9y5.js';
 import { i as inheritAttributes } from './attributes-ChyhE5ro.js';
-import { a as setFormValue } from './form-control-BJWSlSG_.js';
-import { h as hasValue } from './has-value-gNK_M3-3.js';
+import { a as setFormValue } from './form-control-CDcwGSHl.js';
+import { h as hasValue } from './has-value-Bo85hk4Z.js';
 import { w as watchInvalidTextSlot } from './invalid-text-slot-DK-5xkJt.js';
-import { i as isValueEmpty } from './create-validator-decorator-C9h9tdvI.js';
-import { F as Field } from './field.util-Df-hqJaT.js';
+import { i as isValueEmpty } from './create-validator-decorator-DoOlbRcm.js';
+import { F as Field } from './field.util-Bynx8isK.js';
 import { I as INPUT_COLORS } from './input.interfaces-tQJW0EmK.js';
-import { T as Type } from './type-CGNubZpn.js';
-import { O as OneOf } from './one-of-0XcP43f0.js';
-import { L as ListenToConfig } from './config.utils-Dp02shGd.js';
+import { T as Type } from './type-Djd2i_VN.js';
+import { O as OneOf } from './one-of-CEp_lE0A.js';
+import { L as ListenToConfig } from './config.utils-C2ZxpLao.js';
 import './dom-BbGwCnDa.js';
 import './aria-Bo-aKWH3.js';
 import './label.i18n-TfUKLdG8.js';

package/dist/esm/ds-snackbar.entry.js

@@ -1,19 +1,19 @@
 /*!
  * (C) Helvetia Design System https://helvetia-design.vercel.app/ - Apache License 2.0
  */
-import { D as registerInstance, J as createEvent, E as raf, F as h, G as Host, I as getElement } from './index-vF16SDFF.js';
-import { _ as __decorate, L as Logger, a as __metadata } from './tslib.es6-CJY5Vco2.js';
-import { s as stopEventBubbling } from './form-control-BJWSlSG_.js';
-import { h as hasValue } from './has-value-gNK_M3-3.js';
+import { D as registerInstance, J as createEvent, E as raf, F as h, G as Host, I as getElement } from './index-BZEWgXed.js';
+import { _ as __decorate, L as Logger, a as __metadata } from './tslib.es6-syzWW8yN.js';
+import { s as stopEventBubbling } from './form-control-CDcwGSHl.js';
+import { h as hasValue } from './has-value-Bo85hk4Z.js';
 import { s as sanitizeSvg } from './svg-BNUaCToz.js';
 import { B as BUTTON_TARGETS } from './button.interfaces-B2Xeuprg.js';
-import { d as dsBreakpoints } from './breakpoints.subject-I5r5lNF8.js';
-import { O as OneOf } from './one-of-0XcP43f0.js';
-import { T as Type } from './type-CGNubZpn.js';
-import { L as ListenToBreakpoints } from './breakpoints.decorator-CnkvAW5b.js';
-import './create-validator-decorator-C9h9tdvI.js';
-import './listener-CoC_59Q5.js';
-import './device-Cgmtx8Rt.js';
+import { d as dsBreakpoints } from './breakpoints.subject-1t_GD0pz.js';
+import { O as OneOf } from './one-of-CEp_lE0A.js';
+import { T as Type } from './type-Djd2i_VN.js';
+import { L as ListenToBreakpoints } from './breakpoints.decorator-BCEvQ01q.js';
+import './create-validator-decorator-DoOlbRcm.js';
+import './listener-D0i_9cCL.js';
+import './device-C6cGaC0a.js';
 
 const SNACKBAR_COLORS = ['primary', 'info', 'success', 'warning', 'danger'];
 

package/dist/esm/ds-step-panel.entry.js

@@ -1,11 +1,11 @@
 /*!
  * (C) Helvetia Design System https://helvetia-design.vercel.app/ - Apache License 2.0
  */
-import { D as registerInstance, F as h, G as Host, I as getElement } from './index-vF16SDFF.js';
-import { _ as __decorate, L as Logger, a as __metadata } from './tslib.es6-CJY5Vco2.js';
-import { R as Required } from './required-BbKCKkv2.js';
-import { T as Type } from './type-CGNubZpn.js';
-import './create-validator-decorator-C9h9tdvI.js';
+import { D as registerInstance, F as h, G as Host, I as getElement } from './index-BZEWgXed.js';
+import { _ as __decorate, L as Logger, a as __metadata } from './tslib.es6-syzWW8yN.js';
+import { R as Required } from './required-DFokOkqn.js';
+import { T as Type } from './type-Djd2i_VN.js';
+import './create-validator-decorator-DoOlbRcm.js';
 
 const stepPanelHostCss = () => `:host{--_step-panel-p:var(--step-panel-p, var(--mod-step-panel-p, var(--ds-step-panel-padding)));display:none}:host(.is-selected){display:block;padding:var(--_step-panel-p)}`;
 

package/dist/esm/ds-step.entry.js

@@ -1,11 +1,11 @@
 /*!
  * (C) Helvetia Design System https://helvetia-design.vercel.app/ - Apache License 2.0
  */
-import { D as registerInstance, J as createEvent, F as h, G as Host, I as getElement } from './index-vF16SDFF.js';
-import { _ as __decorate, L as Logger, a as __metadata } from './tslib.es6-CJY5Vco2.js';
-import { T as Type } from './type-CGNubZpn.js';
-import { R as Required } from './required-BbKCKkv2.js';
-import './create-validator-decorator-C9h9tdvI.js';
+import { D as registerInstance, J as createEvent, F as h, G as Host, I as getElement } from './index-BZEWgXed.js';
+import { _ as __decorate, L as Logger, a as __metadata } from './tslib.es6-syzWW8yN.js';
+import { T as Type } from './type-Djd2i_VN.js';
+import { R as Required } from './required-DFokOkqn.js';
+import './create-validator-decorator-DoOlbRcm.js';
 
 const stepHostCss = () => `:host{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex:1;flex:1;min-width:0;position:relative;outline:none}:host(.is-hidden){display:none}.circle{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;user-drag:none;position:relative;z-index:1;-ms-flex-negative:0;flex-shrink:0;width:var(--_steps-circle-size);height:var(--_steps-circle-size);border-radius:9999px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;background-color:var(--_steps-circle-color-bg);color:var(--_steps-circle-color-text);font-family:var(--_steps-step-font-family);font-size:var(--_steps-step-font-size);font-weight:var(--_steps-step-font-weight);line-height:1;-webkit-transition:background-color 180ms ease,color 180ms ease;transition:background-color 180ms ease,color 180ms ease;cursor:pointer}:host(.is-disabled) .circle{cursor:not-allowed}.step-invalid{color:var(--_steps-circle-color-text-invalid);font-family:var(--_steps-step-font-family);font-size:var(--_steps-step-font-size);font-weight:var(--_steps-step-font-weight);line-height:1}:host(.is-selected) .circle{background-color:var(--_steps-circle-color-bg-selected);color:var(--_steps-circle-color-text-selected)}:host(.is-done) .circle{background-color:var(--_steps-circle-color-bg-done);color:var(--_steps-circle-color-text-done)}:host(.is-invalid) .circle{background-color:var(--_steps-circle-color-bg-invalid);color:var(--_steps-circle-color-text-invalid)}:host(.is-disabled) .circle{background-color:var(--_steps-circle-color-bg-disabled);color:var(--_steps-circle-color-text-disabled);opacity:.5}.step-label{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;user-drag:none;margin-top:.5rem;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;color:var(--_steps-step-color);font-family:var(--_steps-step-font-family);font-size:var(--_steps-step-font-size);font-weight:var(--_steps-step-font-weight);line-height:var(--_steps-step-line-height);-webkit-transition:color 180ms ease;transition:color 180ms ease}:host(.is-selected) .step-label{color:var(--_steps-step-color-selected)}:host(.is-done) .step-label{color:var(--_steps-step-color-done)}:host(.is-disabled) .step-label{color:var(--_steps-step-color-disabled);opacity:.4}.connector{position:absolute;top:calc(var(--_steps-circle-size)/2);-webkit-transform:translateY(-50%);transform:translateY(-50%);left:calc(50% + var(--_steps-circle-size)/2 + 4px);right:calc(-50% + var(--_steps-circle-size)/2 + 4px);height:var(--_steps-connector-height);border-radius:9999px;background-color:var(--_steps-connector-color);z-index:0;-webkit-transition:background-color 180ms ease;transition:background-color 180ms ease}:host(.is-filled) .connector{background-color:var(--_steps-connector-color-filled)}:host(:last-of-type) .connector{display:none}@media screen and (max-width: 768px){.circle{width:var(--_steps-circle-size-sm);height:var(--_steps-circle-size-sm);font-size:var(--_steps-step-font-size-sm);--mod-icon-size:var(--ds-icon-size-sm);--mod-icon-inner-size:var(--ds-icon-size-sm)}.step-label{display:none}.connector{top:calc(var(--_steps-circle-size-sm)/2);left:calc(50% + var(--_steps-circle-size-sm)/2 + 4px);right:calc(-50% + var(--_steps-circle-size-sm)/2 + 4px)}}@media (hover: hover)and (pointer: fine){:host(:focus-visible:not(:active)) .circle{-webkit-box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--_steps-step-color-focus) 0 0 0 5px !important;box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--_steps-step-color-focus) 0 0 0 5px !important}}:host(.is-vertical){-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex:unset;flex:unset;width:100%;padding:.5rem 0}:host(.is-vertical) .circle{-ms-flex-negative:0;flex-shrink:0}:host(.is-vertical) .step-label{display:block;margin-top:0;margin-left:.75rem;text-align:left;white-space:normal}:host(.is-vertical) .connector{display:none}:host(.is-navigation){cursor:default}:host(.is-navigation) ::slotted(a){-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;user-drag:none;display:block;margin-top:.5rem;text-align:center;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;color:var(--_steps-step-color);font-family:var(--_steps-step-font-family);font-size:var(--_steps-step-font-size);font-weight:var(--_steps-step-font-weight);line-height:var(--_steps-step-line-height);-webkit-transition:color 180ms ease;transition:color 180ms ease;outline:none}:host(.is-navigation.is-selected) ::slotted(a),:host(.is-navigation) ::slotted([aria-current]){color:var(--_steps-step-color-selected)}:host(.is-navigation.is-disabled) ::slotted(a){color:var(--_steps-step-color-disabled);opacity:.4}:host(.is-navigation) ::slotted(a:focus-visible){border-radius:var(--ds-alias-radius-base)}@media (hover: hover)and (pointer: fine){:host(.is-navigation) ::slotted(a:focus-visible){-webkit-box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--_steps-step-color-focus) 0 0 0 5px !important;box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--_steps-step-color-focus) 0 0 0 5px !important}}:host(.is-navigation.is-vertical) ::slotted(a){margin-top:0;margin-left:.75rem;text-align:left;white-space:normal}@media screen and (max-width: 768px){:host(.is-navigation) ::slotted(a){font-size:var(--_steps-step-font-size-sm)}}`;
 

package/dist/esm/ds-steps.entry.js

@@ -1,13 +1,13 @@
 /*!
  * (C) Helvetia Design System https://helvetia-design.vercel.app/ - Apache License 2.0
  */
-import { D as registerInstance, J as createEvent, F as h, G as Host, I as getElement } from './index-vF16SDFF.js';
-import { _ as __decorate, L as Logger, a as __metadata } from './tslib.es6-CJY5Vco2.js';
+import { D as registerInstance, J as createEvent, F as h, G as Host, I as getElement } from './index-BZEWgXed.js';
+import { _ as __decorate, L as Logger, a as __metadata } from './tslib.es6-syzWW8yN.js';
 import { d as directChildren, b as byTagName } from './dom-BbGwCnDa.js';
-import { s as stopEventBubbling } from './form-control-BJWSlSG_.js';
-import { O as OneOf } from './one-of-0XcP43f0.js';
-import { T as Type } from './type-CGNubZpn.js';
-import './create-validator-decorator-C9h9tdvI.js';
+import { s as stopEventBubbling } from './form-control-CDcwGSHl.js';
+import { O as OneOf } from './one-of-CEp_lE0A.js';
+import { T as Type } from './type-Djd2i_VN.js';
+import './create-validator-decorator-DoOlbRcm.js';
 
 const STEPS_COLORS = ['purple', 'green', 'red', 'yellow'];