@sbb-esta/lyne-elements-dev 5.0.0-next.3-dev.1779298726 → 5.0.0-next.3-dev.1779349365

package/option/option/option-base-element.js

@@ -5,16 +5,16 @@ import { SbbDisabledMixin as o, SbbElement as s, SbbPropertyWatcherController as
 import { SbbIconNameMixin as m } from "../../icon.pure.js";
 import { MutationController as h } from "@lit-labs/observers/mutation-controller.js";
 //#region src/elements/option/option/option-base-element.ts
-var g = 0, _ = d, v = {
+var g = d, _ = {
 	childList: !0,
 	subtree: !0,
 	characterData: !0
-}, y = (() => {
-	let d = o(m(s)), y = [], b, x, S, C = [], w = [], T, E = [], D = [], O, k = [], A = [], j, M = [], N = [], P, F = [], I = [], L, R = [], z = [];
+}, v = (() => {
+	let d = o(m(s)), v = [], y, b, x, S = [], C = [], w, T = [], E = [], D, O = [], k = [], A, j = [], M = [], N, P = [], F = [], I, L = [], R = [];
 	return class extends d {
 		static {
 			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(d[Symbol.metadata] ?? null) : void 0;
-			b = [i()], x = [i({ type: Boolean })], S = [a()], T = [a()], O = [a()], j = [a()], P = [a()], L = [a()], e(this, null, b, {
+			y = [i()], b = [i({ type: Boolean })], x = [a()], w = [a()], D = [a()], A = [a()], N = [a()], I = [a()], e(this, null, y, {
 				kind: "setter",
 				name: "value",
 				static: !1,
@@ -26,7 +26,7 @@ var g = 0, _ = d, v = {
 					}
 				},
 				metadata: t
-			}, null, y), e(this, null, x, {
+			}, null, v), e(this, null, b, {
 				kind: "setter",
 				name: "selected",
 				static: !1,
@@ -38,7 +38,7 @@ var g = 0, _ = d, v = {
 					}
 				},
 				metadata: t
-			}, null, y), e(this, null, S, {
+			}, null, v), e(this, null, x, {
 				kind: "accessor",
 				name: "disabledFromGroup",
 				static: !1,
@@ -51,7 +51,7 @@ var g = 0, _ = d, v = {
 					}
 				},
 				metadata: t
-			}, C, w), e(this, null, T, {
+			}, S, C), e(this, null, w, {
 				kind: "accessor",
 				name: "groupLabel",
 				static: !1,
@@ -64,7 +64,7 @@ var g = 0, _ = d, v = {
 					}
 				},
 				metadata: t
-			}, E, D), e(this, null, O, {
+			}, T, E), e(this, null, D, {
 				kind: "accessor",
 				name: "label",
 				static: !1,
@@ -77,7 +77,7 @@ var g = 0, _ = d, v = {
 					}
 				},
 				metadata: t
-			}, k, A), e(this, null, j, {
+			}, O, k), e(this, null, A, {
 				kind: "accessor",
 				name: "disableLabelHighlight",
 				static: !1,
@@ -90,7 +90,7 @@ var g = 0, _ = d, v = {
 					}
 				},
 				metadata: t
-			}, M, N), e(this, null, P, {
+			}, j, M), e(this, null, N, {
 				kind: "accessor",
 				name: "_highlightString",
 				static: !1,
@@ -103,7 +103,7 @@ var g = 0, _ = d, v = {
 					}
 				},
 				metadata: t
-			}, F, I), e(this, null, L, {
+			}, P, F), e(this, null, I, {
 				kind: "accessor",
 				name: "_inertAriaGroups",
 				static: !1,
@@ -116,7 +116,7 @@ var g = 0, _ = d, v = {
 					}
 				},
 				metadata: t
-			}, R, z), t && Object.defineProperty(this, Symbol.metadata, {
+			}, L, R), t && Object.defineProperty(this, Symbol.metadata, {
 				enumerable: !0,
 				configurable: !0,
 				writable: !0,
@@ -184,14 +184,14 @@ var g = 0, _ = d, v = {
 			this.#a = e;
 		}
 		constructor() {
-			super(), this._value = (t(this, y), null), this.#e = t(this, C, !1), this.#t = (t(this, w), t(this, E, "")), this.#n = (t(this, D), t(this, k, void 0)), this.#r = (t(this, A), t(this, M, !1)), this.#i = (t(this, N), t(this, F, null)), this.#a = (t(this, I), t(this, R, !1)), this._previousSize = (t(this, z), null), this.addEventListener?.("click", (e) => this.selectByClick(e), { passive: !0 }), this.addController(new h(this, {
-				config: v,
+			super(), this._value = (t(this, v), null), this.#e = t(this, S, !1), this.#t = (t(this, C), t(this, T, "")), this.#n = (t(this, E), t(this, O, void 0)), this.#r = (t(this, k), t(this, j, !1)), this.#i = (t(this, M), t(this, P, null)), this.#a = (t(this, F), t(this, L, !1)), this._previousSize = (t(this, R), null), this.addEventListener?.("click", (e) => this.selectByClick(e), { passive: !0 }), this.addController(new h(this, {
+				config: _,
 				callback: () => {
 					this.handleHighlightState(), this.dispatchEvent(new Event("optionLabelChanged", { bubbles: !0 }));
 				}
 			})), this.addController(new c(this, () => this.closest("sbb-autocomplete, sbb-autocomplete-grid"), { negative: (e) => this.toggleState("negative", e.negative) })), this.addController(new c(this, () => this.closest("sbb-autocomplete, sbb-autocomplete-grid, sbb-select"), { size: (e) => {
 				this._previousSize && this.internals.states.delete(`size-${this._previousSize}`), this._previousSize = e.size, this._previousSize && this.internals.states.add(`size-${this._previousSize}`);
-			} })), _ && (this.hydrationRequired ? this.hydrationComplete.then(() => this._inertAriaGroups = _) : this._inertAriaGroups = _);
+			} })), g && (this.hydrationRequired ? this.hydrationComplete.then(() => this._inertAriaGroups = g) : this._inertAriaGroups = g);
 		}
 		attributeChangedCallback(e, t, n) {
 			(e !== "value" || t !== n) && super.attributeChangedCallback(e, t, n);
@@ -205,9 +205,6 @@ var g = 0, _ = d, v = {
 				composed: !0
 			}));
 		}
-		connectedCallback() {
-			super.connectedCallback(), this.id ||= `${this.optionId}-${g++}`;
-		}
 		requestUpdate(e, t, n) {
 			super.requestUpdate(e, t, n), (e === "disabled" || e === "disabledFromGroup") && (this.toggleState("disabled", this.disabled || this.disabledFromGroup), p(this, "tabindex", l && !this.disabled && !this.disabledFromGroup ? 0 : null), this.updateAriaDisabled());
 		}
@@ -271,4 +268,4 @@ var g = 0, _ = d, v = {
 	};
 })();
 //#endregion
-export { y as SbbOptionBaseElement };
+export { v as SbbOptionBaseElement };

package/option/option/option.component.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../option.component-DiH8AMlV.js";
+import { t as e } from "../../option.component-BgcpoHWM.js";
 export { e as SbbOptionElement };

package/{option.component-DiH8AMlV.js → option.component-BgcpoHWM.js}

@@ -29,7 +29,7 @@ var o = ":host{--sbb-focus-outline-offset: var(--sbb-option-focus-outline-offset
 		return this._variantInternal ?? null;
 	}
 	constructor() {
-		super(), this.optionId = "sbb-option", this.addController(new i(this, () => this.closest("sbb-optgroup"), {
+		super(), this.addController(new i(this, () => this.closest("sbb-optgroup"), {
 			disabled: (e) => this.disabledFromGroup = e.disabled,
 			label: (e) => this.groupLabel = e.label
 		})), this.addController(new i(this, () => this.closest("sbb-select"), {

package/option.js

@@ -3,7 +3,7 @@ import { SbbOptGroupElement as t } from "./option/optgroup/optgroup.component.js
 import { t as n } from "./option-hint.component-NSxCKXEy.js";
 import { t as r } from "./option-styles-DcD5grSB.js";
 import { SbbOptionBaseElement as i } from "./option/option/option-base-element.js";
-import { t as a } from "./option.component-DiH8AMlV.js";
+import { t as a } from "./option.component-BgcpoHWM.js";
 import "./option.pure.js";
 t.define(), a.define(), n.define();
 //#endregion

package/option.pure.js

@@ -3,5 +3,5 @@ import { SbbOptGroupElement as t } from "./option/optgroup/optgroup.component.js
 import { t as n } from "./option-hint.component-NSxCKXEy.js";
 import { t as r } from "./option-styles-DcD5grSB.js";
 import { SbbOptionBaseElement as i } from "./option/option/option-base-element.js";
-import { t as a } from "./option.component-DiH8AMlV.js";
+import { t as a } from "./option.component-BgcpoHWM.js";
 export { t as SbbOptGroupElement, e as SbbOptgroupBaseElement, i as SbbOptionBaseElement, a as SbbOptionElement, n as SbbOptionHintElement, r as optionPanelStyles };

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@sbb-esta/lyne-elements-dev",
-  "version": "5.0.0-next.3-dev.1779298726",
+  "version": "5.0.0-next.3-dev.1779349365",
   "description": "Lyne Design System",
   "keywords": [
     "design system",
     "web components",
     "lit",
-    "https://github.com/sbb-design-systems/lyne-components/commit/b400de9b7b5bfe14268d0e98e921a24df81ae479"
+    "https://github.com/sbb-design-systems/lyne-components/commit/23b896527679e297aaa67aaf5193766c5cb521a0"
   ],
   "type": "module",
   "exports": {

package/select/select.component.js

@@ -1,2 +1,2 @@
-import { t as e } from "../select.component-UcWSndDu.js";
+import { t as e } from "../select.component-CDv5tSW6.js";
 export { e as SbbSelectElement };

package/{select.component-UcWSndDu.js → select.component-CDv5tSW6.js}

@@ -438,14 +438,14 @@ var ie = ":host{--sbb-select-placeholder-fallback-color: var(--sbb-color-metal);
 			this._setActiveElement(i, a), this.multiple ? e?.shiftKey && i.selectViaUserInteraction(!i.selected) : this._setSelectedElement(i, a), this._activeItemIndex = r;
 		}
 		_setActiveElement(e, t = null, n = !0) {
-			e.setActive(!0), e.scrollIntoView({ block: "nearest" }), n && this._triggerElement?.setAttribute("aria-activedescendant", e.id), t && !this.compareWith(t.value, e.value) && t.setActive(!1);
+			e.setActive(!0), e.scrollIntoView({ block: "nearest" }), n && (this._triggerElement.ariaActiveDescendantElement = e), t && !this.compareWith(t.value, e.value) && t.setActive(!1);
 		}
 		_setSelectedElement(e, t) {
 			e.selectViaUserInteraction(!0), t && !this.compareWith(t.value, e.value) && t.selectViaUserInteraction(!1);
 		}
 		_resetActiveElement() {
 			let e = this._selectableOptions()[this._activeItemIndex];
-			e && e.setActive(!1), this._activeItemIndex = -1, this._triggerElement?.removeAttribute("aria-activedescendant");
+			e && e.setActive(!1), this._activeItemIndex = -1, this._triggerElement && (this._triggerElement.ariaActiveDescendantElement = null);
 		}
 		_updateOptionsFromValue() {
 			let e = Array.isArray(this.value) ? this.value : [this.value], t = [];

package/select.js

@@ -1,4 +1,4 @@
-import { t as e } from "./select.component-UcWSndDu.js";
+import { t as e } from "./select.component-CDv5tSW6.js";
 import "./select.pure.js";
 //#region src/elements/select.ts
 e.define();

package/select.pure.js

@@ -1,2 +1,2 @@
-import { t as e } from "./select.component-UcWSndDu.js";
+import { t as e } from "./select.component-CDv5tSW6.js";
 export { e as SbbSelectElement };