@sbb-esta/lyne-elements 4.11.0 → 5.0.0-next

package/core/base-elements/element.js

@@ -1,14 +1,179 @@
-import { LitElement as e } from "lit";
-import { SbbElementInternalsMixin as t } from "../mixins/element-internals-mixin.js";
-import { SbbHydrationMixin as n } from "../mixins/hydration-mixin.js";
+import { LitElement as e, isServer as t } from "lit";
 //#region src/elements/core/base-elements/element.ts
-var r = class extends n(t(e)) {
+var n = t || !CSS.supports("selector(:is(:state(loading),[state--loading]))") ? class extends Set {
+	constructor(e) {
+		super(), this._host = e, this._applied = t, this._host.addController(this), t || Promise.resolve().then(() => this._applyStates());
+	}
+	add(e) {
+		return this._applied && this._toggleState(e, !0), super.add(e);
+	}
+	delete(e) {
+		return this._toggleState(e, !1), super.delete(e);
+	}
+	clear() {
+		this.forEach((e) => this.delete(e));
+	}
+	hostConnected() {
+		this._applyStates();
+	}
+	_toggleState(e, t) {
+		this._host.toggleAttribute(`state--${e}`, t);
+	}
+	_applyStates() {
+		this._applied || (this._applied = !0, this.forEach((e) => this._toggleState(e, !0)));
+	}
+} : null;
+if (!t) {
+	let e = 0, t = (e) => e.shadowRoot?.host ?? (e instanceof Element ? e : (() => {
+		throw Error("Unable to resolve related element! This should never happen.");
+	})()), n = {
+		attributes: !0,
+		attributeFilter: ["id"]
+	}, r = (t, n, r) => {
+		let i = r[Element.name] ?? r[ElementInternals.name];
+		t.setAttribute(n, i.id ||= `aria-ref-${e++}`);
+	}, i = (t, n, r) => {
+		t.setAttribute(n, Object.values(r).reduce((e, t) => e.concat(t)).filter((e, t, n) => n.indexOf(e) === t).map((t) => t.id ||= `aria-ref-${e++}`).join(" "));
+	};
+	for (let e of [ElementInternals, Element]) {
+		let a = e.prototype;
+		if (!("ariaActiveDescendantElement" in a)) {
+			let i = "aria-activedescendant", o = /* @__PURE__ */ new WeakMap();
+			Object.defineProperty(a, "ariaActiveDescendantElement", {
+				enumerable: !0,
+				configurable: !0,
+				get() {
+					let e = t(this), n = e.getAttribute(i)?.split(/\s+/)[0] ?? null;
+					return n ? e.getRootNode().getElementById?.(n) ?? null : null;
+				},
+				set(a) {
+					if (a !== null && !(a instanceof Element)) throw TypeError(`Failed to set the 'ariaActiveDescendantElement' property on '${e.name}': Failed to convert value to 'Element'.`);
+					let s = t(this), c = o.get(s);
+					if (c?.observer?.disconnect(), a === null) c && (delete c.elements[e.name], Object.keys(c).length ? c.observer.observe(Object.values(c.elements)[0], n) : (o.delete(s), s.removeAttribute(i)));
+					else if (c) c.elements[e.name] = a, r(s, i, c.elements), Object.values(c.elements).forEach((e) => c.observer.observe(e, n));
+					else {
+						let t = { [e.name]: a };
+						r(s, i, t);
+						let c = new MutationObserver(() => r(s, i, t));
+						c.observe(a, n), o.set(s, {
+							elements: t,
+							observer: c
+						});
+					}
+				}
+			});
+		}
+		for (let r of [
+			"ariaControlsElements",
+			"ariaDescribedByElements",
+			"ariaDetailsElements",
+			"ariaErrorMessageElements",
+			"ariaLabelledByElements",
+			"ariaOwnsElements"
+		]) if (!(r in a)) {
+			let o = /* @__PURE__ */ new WeakMap(), s = `aria-${r.slice(4, -8).toLowerCase()}`;
+			Object.defineProperty(a, r, {
+				enumerable: !0,
+				configurable: !0,
+				get() {
+					let e = t(this), n = e.getAttribute(s)?.split(/\s+/).filter((e, t, n) => n.indexOf(e) === t).map((t) => e.getRootNode().getElementById?.(t)).filter((e) => e instanceof Element);
+					return n?.length ? Object.freeze(n) : null;
+				},
+				set(a) {
+					if (a !== null && (!Array.isArray(a) || a.some((e) => !(e instanceof Element)))) throw TypeError(`Failed to set the '${r}' property on '${e.name}': Failed to convert value to 'Element'.`);
+					let c = t(this);
+					a = a?.filter((e, t, n) => n.indexOf(e) === t) ?? null;
+					let l = o.get(c);
+					if (l?.observer?.disconnect(), a === null) l && (delete l.elements[e.name], Object.keys(l.elements).length ? Object.values(l.elements).reduce((e, t) => e.concat(t)).forEach((e) => l.observer.observe(e, n)) : o.delete(c));
+					else if (l) l.elements[e.name] = a, i(c, s, l.elements), Object.values(l.elements).reduce((e, t) => e.concat(t)).forEach((e) => l.observer.observe(e, n));
+					else {
+						let t = { [e.name]: a };
+						i(c, s, t);
+						let r = new MutationObserver(() => i(c, s, t));
+						a.forEach((e) => r.observe(e, n)), o.set(c, {
+							elements: t,
+							observer: r
+						});
+					}
+				}
+			});
+		}
+	}
+}
+var r = /* @__PURE__ */ new WeakMap();
+function i(e) {
+	if (!e) return null;
+	let t = r.get(e)?.states, n = function(e, t) {
+		t || t !== !1 && !this.has(e) ? this.add(e) : this.delete(e);
+	};
+	return t ? {
+		add(e) {
+			return t.add(e), this;
+		},
+		delete: (e) => t.delete(e),
+		has: (e) => t.has(e),
+		toggle: n
+	} : {
+		add(t) {
+			return e.toggleAttribute(`state--${t}`, !0), this;
+		},
+		delete: (t) => e.toggleAttribute(`state--${t}`, !1),
+		has: (t) => e.hasAttribute(`state--${t}`),
+		toggle: n
+	};
+}
+var a = class extends Event {
+	constructor(e) {
+		super("slottedchange", { composed: !0 }), this.slot = e;
+	}
+}, o = (e, ...t) => {
+	let n = t.filter((e) => !!e);
+	return e?.length ? e.concat(n) : t.length ? n : null;
+}, s = (e, ...t) => {
+	t = t.filter((e) => !!e);
+	let n = e?.filter((e) => !t.includes(e)) ?? null;
+	return n?.length ? n : null;
+}, c = class extends e {
 	static {
 		this._$sbbElement$ = !0;
 	}
-	static define(e = customElements) {
+	get hydrationComplete() {
+		return this._hydrationComplete;
+	}
+	get hydrationRequired() {
+		return this._hydrationRequired;
+	}
+	constructor() {
+		if (super(), this.internals = this.attachInternals(), this._hydrationComplete = new Promise((e) => this._resolveHydration = e), r.set(this, this.internals), n) Object.defineProperty(this.internals, "states", {
+			value: new n(this),
+			writable: !1,
+			configurable: !1,
+			enumerable: !1
+		});
+		else for (let e of this.getAttributeNames().filter((e) => e.startsWith("state--"))) this.internals.states.add(e.slice(7)), this.removeAttribute(e);
+		let e = this.constructor.role;
+		if (e && (this.internals.role = e), this._hydrationRequired = !!this.shadowRoot, !this._hydrationRequired) this._resolveHydration(!1);
+		else {
+			let e = (e) => {
+				this._hydrationRequired && e.stopImmediatePropagation();
+			}, t = { capture: !0 }, n = this.shadowRoot?.querySelectorAll("slot");
+			n?.length && (n.forEach((n) => n.addEventListener("slotchange", e, t)), this.hydrationComplete.then(() => n.forEach((n) => {
+				n.removeEventListener("slotchange", e, t), n.assignedNodes().length && n.dispatchEvent(new Event("slotchange", { bubbles: !0 }));
+			})));
+		}
+	}
+	static define() {
 		if (!this.elementName) throw Error(`The static property "elementName" is not defined on ${this.name}. Please define it to register the custom element.`);
-		e.get(this.elementName) || e.define(this.elementName, this);
+		if (!customElements.get(this.elementName)) {
+			customElements.define(this.elementName, this);
+			let e = [], t = this;
+			for (; t._$sbbElement$;) Array.isArray(t.elementDependencies) && e.push(...t.elementDependencies), t = Object.getPrototypeOf(t);
+			new Set(e).forEach((e) => e.define());
+		}
+	}
+	createRenderRoot() {
+		let e = super.createRenderRoot();
+		return this.shadowRoot?.addEventListener("slotchange", (e) => this._slotchangeHandler(e, e.target)), this.shadowRoot?.addEventListener("slottedchange", (e) => this._slotchangeHandler(e, e.slot), { capture: !0 }), this.shadowRoot?.querySelectorAll?.("slot").forEach((e) => this._handleSlotChangeForSlottedState(e)), e;
 	}
 	addController(e) {
 		super.addController(e), (this._controllers ??= /* @__PURE__ */ new Set()).add(e);
@@ -25,6 +190,32 @@ var r = class extends n(t(e)) {
 			this._controllers?.forEach((t) => t.hostPropertyUpdate?.(e, a, n));
 		}
 	}
+	update(e) {
+		super.update(e), this._hydrationRequired && (this._hydrationRequired = !1, this._resolveHydration(!0));
+	}
+	toggleState(e, t) {
+		t || t !== !1 && !this.internals.states.has(e) ? this.internals.states.add(e) : this.internals.states.delete(e);
+	}
+	_slotchangeHandler(e, t) {
+		let n = this.shadowRoot.contains(t) ? t : e.composedPath().find((e) => e instanceof HTMLSlotElement && this.shadowRoot.contains(e));
+		n && this._handleSlotChangeForSlottedState(n);
+	}
+	_handleSlotChangeForSlottedState(e) {
+		this._updateSlottedState(e), e.name || this._observeTextNodesInSlot(e);
+	}
+	_updateSlottedState(e) {
+		let t = e.name ? `slotted-${e.name}` : "slotted", n = this._hasSlottedContent(e);
+		n && !this.internals.states.has(t) ? (this.internals.states.add(t), this.dispatchEvent(new a(e))) : !n && this.internals.states.has(t) && (this.internals.states.delete(t), this.dispatchEvent(new a(e)));
+	}
+	_observeTextNodesInSlot(e) {
+		this._textObserver?.disconnect(), this._textObserver ??= new MutationObserver(() => {
+			let e = this.shadowRoot.querySelector("slot:not([name])");
+			e ? this._updateSlottedState(e) : this._textObserver.disconnect();
+		}), e.assignedNodes().filter((e) => e.nodeType === e.TEXT_NODE).forEach((e) => this._textObserver.observe(e, { characterData: !0 }));
+	}
+	_hasSlottedContent(e) {
+		return e.name ? e.assignedElements().some((e) => !(e instanceof HTMLSlotElement) || this._hasSlottedContent(e)) : e.assignedNodes().some((e) => e instanceof HTMLSlotElement ? this._hasSlottedContent(e) : e.nodeType !== e.TEXT_NODE || !!e.textContent?.trim());
+	}
 };
 //#endregion
-export { r as SbbElement };
+export { c as SbbElement, a as SbbSlottedChangeEvent, o as appendAriaElements, s as removeAriaElements, i as ɵstateController };

package/core/base-elements/link-base-element.js

@@ -2,9 +2,10 @@ import { SbbActionBaseElement as e } from "./action-base-element.js";
 import { __esDecorate as t, __runInitializers as n } from "tslib";
 import { html as r, isServer as i, nothing as a } from "lit";
 import { property as o } from "lit/decorators.js";
-import { forceType as s, omitEmptyConverter as c } from "../decorators.js";
-import { SbbLanguageController as l } from "../controllers.js";
-import { i18nTargetOpensInNewWindow as u } from "../i18n.js";
+import { forceType as s } from "../decorators/force-type.js";
+import { SbbLanguageController as c } from "../controllers/language-controller.js";
+import { omitEmptyConverter as l } from "../decorators/omit-empty-converter.js";
+import { i18nTargetOpensInNewWindow as u } from "../i18n/i18n.js";
 //#region src/elements/core/base-elements/link-base-element.ts
 var d = (() => {
 	let d = e, f, p = [], m = [], h, g = [], _ = [], v, y = [], b = [], x, S = [], C = [], w, T = [], E = [], D, O = [], k = [];
@@ -13,13 +14,13 @@ var d = (() => {
 			let e = typeof Symbol == "function" && Symbol.metadata ? Object.create(d[Symbol.metadata] ?? null) : void 0;
 			f = [s(), o({
 				reflect: !0,
-				converter: c
+				converter: l
 			})], h = [s(), o({
 				reflect: !0,
-				converter: c
+				converter: l
 			})], v = [s(), o({
 				reflect: !0,
-				converter: c
+				converter: l
 			})], x = [s(), o({
 				type: Boolean,
 				reflect: !0
@@ -151,7 +152,7 @@ var d = (() => {
 			this.#a = e;
 		}
 		constructor() {
-			super(), this.#e = n(this, p, ""), this.#t = (n(this, m), n(this, g, "")), this.#n = (n(this, _), n(this, y, "")), this.#r = (n(this, b), n(this, S, !1)), this.#i = (n(this, C), n(this, T, "")), this.#a = (n(this, E), n(this, O, "")), this.language = (n(this, k), new l(this)), this.anchorRole = null, this._evaluateRelAttribute = () => this.rel ? this.rel : this.target === "_blank" ? "external noopener nofollow" : a, this.internals.states.add("link"), i || this.setupBaseEventHandlers();
+			super(), this.#e = n(this, p, ""), this.#t = (n(this, m), n(this, g, "")), this.#n = (n(this, _), n(this, y, "")), this.#r = (n(this, b), n(this, S, !1)), this.#i = (n(this, C), n(this, T, "")), this.#a = (n(this, E), n(this, O, "")), this.language = (n(this, k), new c(this)), this.anchorRole = null, this._evaluateRelAttribute = () => this.rel ? this.rel : this.target === "_blank" ? "external noopener nofollow" : a, this.internals.states.add("link"), i || this.setupBaseEventHandlers();
 		}
 		focus(e) {
 			this.shadowRoot.querySelector("a")?.focus(e);

package/core/base-elements/selection-group-base-element.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../selection-group-base-element-B2VHp5_l.js";
+import { t as e } from "../../selection-group-base-element-DwtaC7vx.js";
 export { e as SbbSelectionGroupBaseElement };

package/core/controllers/language-controller.js

@@ -1,5 +1,5 @@
 import { isServer as e } from "lit";
-import { readConfig as t } from "../config.js";
+import { readConfig as t } from "../config/config.js";
 //#region src/elements/core/controllers/language-controller.ts
 var n = class n {
 	static {

package/core/controllers/media-matchers-controller.js

@@ -1,8 +1,7 @@
-import { c as e, i as t, n, o as r, r as i, t as a } from "../../sbb-tokens-CWYlBuxJ.js";
+import { c as e, i as t, n, o as r, r as i, t as a } from "../../sbb-tokens-vtQhz2S7.js";
 import { isServer as o } from "lit";
-import { ɵstateController as s } from "../mixins/element-internals-mixin.js";
 //#region src/elements/core/controllers/media-matchers-controller.ts
-var c = "(forced-colors: active)", l = "(prefers-color-scheme: dark)", u = "(any-hover: hover)", d = "(pointer: coarse)", f = `(min-width: ${e})`, p = `(min-width: ${t})`, m = `(min-width: ${n})`, h = `(min-width: ${r})`, g = `(max-width: ${i})`, _ = `(max-width: ${a})`, v = /* @__PURE__ */ new Map(), y = class {
+var s = "(forced-colors: active)", c = "(prefers-color-scheme: dark)", l = "(any-hover: hover)", u = "(pointer: coarse)", d = `(min-width: ${e})`, f = `(min-width: ${t})`, p = `(min-width: ${n})`, m = `(min-width: ${r})`, h = `(max-width: ${i})`, g = `(max-width: ${a})`, _ = /* @__PURE__ */ new Map(), v = class {
 	constructor(e, t) {
 		this._queries = t, e.addController(this);
 	}
@@ -11,11 +10,11 @@ var c = "(forced-colors: active)", l = "(prefers-color-scheme: dark)", u = "(any
 	}
 	hostConnected() {
 		if (!o) for (let [e, t] of Object.entries(this._queries)) {
-			let n = v.get(e);
+			let n = _.get(e);
 			if (n) n.handlers.add(t);
 			else {
 				let n = matchMedia(e), r = new Set([t]), i = (e) => r.forEach((t) => t(e.matches));
-				n.addEventListener("change", i), v.set(e, {
+				n.addEventListener("change", i), _.set(e, {
 					mediaQueryList: n,
 					handlers: r,
 					eventHandler: i
@@ -25,11 +24,11 @@ var c = "(forced-colors: active)", l = "(prefers-color-scheme: dark)", u = "(any
 	}
 	hostDisconnected() {
 		for (let [e, t] of Object.entries(this._queries)) {
-			let n = v.get(e);
-			n && (n.handlers.delete(t), n.handlers.size || v.delete(e));
+			let n = _.get(e);
+			n && (n.handlers.delete(t), n.handlers.size || _.delete(e));
 		}
 	}
-}, b = class e extends y {
+}, y = class e extends v {
 	static {
 		this._currentMode = this._readLightDarkClass();
 	}
@@ -49,9 +48,9 @@ var c = "(forced-colors: active)", l = "(prefers-color-scheme: dark)", u = "(any
 	}
 	constructor(e, t) {
 		let n = () => {
-			t(this.matches()), s(this._host).toggle("dark", this.matches());
+			t(this.matches()), this._host.toggleState?.("dark", this.matches());
 		};
-		super(e, { [l]: n }), this._host = e, this._onChangeWithStateUpdater = n;
+		super(e, { [c]: n }), this._host = e, this._onChangeWithStateUpdater = n;
 	}
 	static _readLightDarkClass() {
 		if (o) return null;
@@ -63,15 +62,15 @@ var c = "(forced-colors: active)", l = "(prefers-color-scheme: dark)", u = "(any
 		].find((t) => e.contains(t)) ?? null;
 	}
 	static requestUpdate() {
-		let e = v.get(l);
+		let e = _.get(c);
 		e && e.handlers.forEach((t) => t(e.mediaQueryList.matches));
 	}
 	hostConnected() {
-		let t = (v.get("(prefers-color-scheme: dark)")?.handlers.size ?? 0) === 0;
+		let t = (_.get("(prefers-color-scheme: dark)")?.handlers.size ?? 0) === 0;
 		super.hostConnected(), t && e._observer.observe(document.documentElement, e._observerConfig), this._onChangeWithStateUpdater();
 	}
 	hostDisconnected() {
-		super.hostDisconnected(), (v.get("(prefers-color-scheme: dark)")?.handlers.size ?? 0) === 0 && e._observer.disconnect();
+		super.hostDisconnected(), (_.get("(prefers-color-scheme: dark)")?.handlers.size ?? 0) === 0 && e._observer.disconnect();
 	}
 	matches() {
 		if (o) return !1;
@@ -80,4 +79,4 @@ var c = "(forced-colors: active)", l = "(prefers-color-scheme: dark)", u = "(any
 	}
 };
 //#endregion
-export { b as SbbDarkModeController, y as SbbMediaMatcherController, m as SbbMediaQueryBreakpointLargeAndAbove, _ as SbbMediaQueryBreakpointLargeAndBelow, p as SbbMediaQueryBreakpointSmallAndAbove, g as SbbMediaQueryBreakpointSmallAndBelow, h as SbbMediaQueryBreakpointUltraAndAbove, f as SbbMediaQueryBreakpointZeroAndAbove, l as SbbMediaQueryDarkMode, c as SbbMediaQueryForcedColors, u as SbbMediaQueryHover, d as SbbMediaQueryPointerCoarse };
+export { y as SbbDarkModeController, v as SbbMediaMatcherController, p as SbbMediaQueryBreakpointLargeAndAbove, g as SbbMediaQueryBreakpointLargeAndBelow, f as SbbMediaQueryBreakpointSmallAndAbove, h as SbbMediaQueryBreakpointSmallAndBelow, m as SbbMediaQueryBreakpointUltraAndAbove, d as SbbMediaQueryBreakpointZeroAndAbove, c as SbbMediaQueryDarkMode, s as SbbMediaQueryForcedColors, l as SbbMediaQueryHover, u as SbbMediaQueryPointerCoarse };

package/core/datetime/native-date-adapter.js

@@ -1,5 +1,5 @@
 import { DateAdapter as e } from "./date-adapter.js";
-import { SbbLanguageController as t } from "../controllers.js";
+import { SbbLanguageController as t } from "../controllers/language-controller.js";
 //#region src/elements/core/datetime/native-date-adapter.ts
 var n = /^\d{4}-\d{2}-\d{2}(?:T\d{2}:\d{2}:\d{2}(?:\.\d+)?(?:Z|(?:(?:\+|-)\d{2}:\d{2}))?)?$/, r = class extends e {
 	getYear(e) {

package/core/datetime/temporal-date-adapter.js

@@ -1,5 +1,5 @@
 import { DateAdapter as e } from "./date-adapter.js";
-import { SbbLanguageController as t } from "../controllers.js";
+import { SbbLanguageController as t } from "../controllers/language-controller.js";
 //#region src/elements/core/datetime/temporal-date-adapter.ts
 var n = /^\d{4}-\d{2}-\d{2}(?:T\d{2}:\d{2}:\d{2}(?:\.\d+)?(?:Z|(?:(?:\+|-)\d{2}:\d{2}))?)?$/, r = class extends e {
 	constructor(e) {

package/core/decorators/plain-date.js

@@ -1,5 +1,5 @@
-import { readConfig as e } from "../config.js";
-import { defaultDateAdapter as t } from "../datetime.js";
+import { readConfig as e } from "../config/config.js";
+import { defaultDateAdapter as t } from "../datetime/native-date-adapter.js";
 //#region src/elements/core/decorators/plain-date.ts
 var n = { toAttribute(n, r) {
 	let i = e().datetime?.dateAdapter ?? t;

package/core/mixins/disabled-mixin.js

@@ -1,6 +1,6 @@
 import { __esDecorate as e, __runInitializers as t } from "tslib";
 import { property as n } from "lit/decorators.js";
-import { forceType as r } from "../decorators.js";
+import { forceType as r } from "../decorators/force-type.js";
 //#region src/elements/core/mixins/disabled-mixin.ts
 var i = (r) => (() => {
 	let i = r, a = [], o;

package/core/mixins/form-associated-checkbox-mixin.js

@@ -1,107 +1,103 @@
 import { SbbDisabledMixin as e } from "./disabled-mixin.js";
-import { SbbElementInternalsMixin as t } from "./element-internals-mixin.js";
-import { SbbFormAssociatedMixin as n } from "./form-associated-mixin.js";
-import { SbbRequiredMixin as r } from "./required-mixin.js";
-import { __esDecorate as i, __runInitializers as a } from "tslib";
-import { defaultConverter as o } from "lit";
-import { property as s } from "lit/decorators.js";
-import { hostAttributes as c } from "../decorators.js";
-import { preventScrollOnSpacebarPress as l } from "../eventing.js";
-import { SbbLanguageController as u } from "../controllers.js";
-import { i18nCheckboxRequired as d } from "../i18n.js";
+import { SbbFormAssociatedMixin as t } from "./form-associated-mixin.js";
+import { SbbRequiredMixin as n } from "./required-mixin.js";
+import { __esDecorate as r, __runInitializers as i } from "tslib";
+import { defaultConverter as a } from "lit";
+import { property as o } from "lit/decorators.js";
+import { hostAttributes as s } from "../decorators/host-attributes.js";
+import { SbbLanguageController as c } from "../controllers/language-controller.js";
+import { i18nCheckboxRequired as l } from "../i18n/i18n.js";
+import { preventScrollOnSpacebarPress as u } from "../eventing/form-element-handlers.js";
 //#region src/elements/core/mixins/form-associated-checkbox-mixin.ts
-var f = (f) => {
-	let p = f._$sbbElement$ ? f : t(f);
-	return (() => {
-		let t = [c({ tabindex: "0" })], f, m = [], h, g = e(r(n(p))), _ = [], v;
-		var y = class extends g {
-			static {
-				h = this;
-			}
-			static {
-				let e = typeof Symbol == "function" && Symbol.metadata ? Object.create(g[Symbol.metadata] ?? null) : void 0;
-				v = [s({
-					type: Boolean,
-					converter: {
-						...o,
-						fromAttribute: (e, t) => ({
-							value: o.fromAttribute?.(e, t),
-							attribute: !0
-						})
+var d = (d) => (() => {
+	let f = [s({ tabindex: "0" })], p, m = [], h, g = e(n(t(d))), _ = [], v;
+	var y = class extends g {
+		static {
+			h = this;
+		}
+		static {
+			let e = typeof Symbol == "function" && Symbol.metadata ? Object.create(g[Symbol.metadata] ?? null) : void 0;
+			v = [o({
+				type: Boolean,
+				converter: {
+					...a,
+					fromAttribute: (e, t) => ({
+						value: a.fromAttribute?.(e, t),
+						attribute: !0
+					})
+				}
+			})], r(this, null, v, {
+				kind: "setter",
+				name: "checked",
+				static: !1,
+				private: !1,
+				access: {
+					has: (e) => "checked" in e,
+					set: (e, t) => {
+						e.checked = t;
 					}
-				})], i(this, null, v, {
-					kind: "setter",
-					name: "checked",
-					static: !1,
-					private: !1,
-					access: {
-						has: (e) => "checked" in e,
-						set: (e, t) => {
-							e.checked = t;
-						}
-					},
-					metadata: e
-				}, null, _), i(null, f = { value: h }, t, {
-					kind: "class",
-					name: h.name,
-					metadata: e
-				}, null, m), y = h = f.value, e && Object.defineProperty(h, Symbol.metadata, {
-					enumerable: !0,
-					configurable: !0,
-					writable: !0,
-					value: e
-				});
-			}
-			static {
-				this.role = "checkbox";
-			}
-			set checked(e) {
-				let t = typeof e == "object" ? e.attribute : !1;
-				t && (e = e.value), this.hasUpdated && !t && (this._attributeMutationBlocked = !0), this._checked = !!e, this.updateFormValue();
-			}
-			get checked() {
-				return this._checked;
-			}
-			get type() {
-				return "checkbox";
-			}
-			constructor() {
-				super(), this._attributeMutationBlocked = (a(this, _), !1), this._languageController = new u(this), this._checked = !1, this._handleKeyboardInteraction = (e) => {
-					e.key === " " && this._handleUserInteraction();
-				}, this._handleUserInteraction = () => {
-					this.disabled || (this.withUserInteraction?.(), this.checked = !this.checked, this._attributeMutationBlocked = !0, this.dispatchEvent(new InputEvent("input", {
-						composed: !0,
-						bubbles: !0
-					})), this.dispatchEvent(new Event("change", { bubbles: !0 })));
-				}, this.addEventListener?.("click", this._handleUserInteraction), this.addEventListener?.("keydown", l), this.addEventListener?.("keyup", this._handleKeyboardInteraction);
-			}
-			attributeChangedCallback(e, t, n) {
-				(e !== "checked" || !this._attributeMutationBlocked) && super.attributeChangedCallback(e, t, n);
-			}
-			formResetCallback() {
-				this.checked = this.hasAttribute("checked"), this._attributeMutationBlocked = !1;
-			}
-			formStateRestoreCallback(e, t) {
-				e && (this.checked = e === "true");
-			}
-			updateFormValue() {
-				this.checked ? super.updateFormValue() : this.internals.setFormValue(null);
-			}
-			formState() {
-				return `${this.checked}`;
-			}
-			shouldValidate(e) {
-				return super.shouldValidate(e) || e === "checked" || e === "required";
-			}
-			validate() {
-				super.validate(), this.required && !this.checked ? this.setValidityFlag("valueMissing", d[this._languageController.current]) : this.removeValidityFlag("valueMissing");
-			}
-			static {
-				a(h, m);
-			}
-		};
-		return h;
-	})();
-};
+				},
+				metadata: e
+			}, null, _), r(null, p = { value: h }, f, {
+				kind: "class",
+				name: h.name,
+				metadata: e
+			}, null, m), y = h = p.value, e && Object.defineProperty(h, Symbol.metadata, {
+				enumerable: !0,
+				configurable: !0,
+				writable: !0,
+				value: e
+			});
+		}
+		static {
+			this.role = "checkbox";
+		}
+		set checked(e) {
+			let t = typeof e == "object" ? e.attribute : !1;
+			t && (e = e.value), this.hasUpdated && !t && (this._attributeMutationBlocked = !0), this._checked = !!e, this.updateFormValue();
+		}
+		get checked() {
+			return this._checked;
+		}
+		get type() {
+			return "checkbox";
+		}
+		constructor() {
+			super(), this._attributeMutationBlocked = (i(this, _), !1), this._languageController = new c(this), this._checked = !1, this._handleKeyboardInteraction = (e) => {
+				e.key === " " && this._handleUserInteraction();
+			}, this._handleUserInteraction = () => {
+				this.disabled || (this.withUserInteraction?.(), this.checked = !this.checked, this._attributeMutationBlocked = !0, this.dispatchEvent(new InputEvent("input", {
+					composed: !0,
+					bubbles: !0
+				})), this.dispatchEvent(new Event("change", { bubbles: !0 })));
+			}, this.addEventListener?.("click", this._handleUserInteraction), this.addEventListener?.("keydown", u), this.addEventListener?.("keyup", this._handleKeyboardInteraction);
+		}
+		attributeChangedCallback(e, t, n) {
+			(e !== "checked" || !this._attributeMutationBlocked) && super.attributeChangedCallback(e, t, n);
+		}
+		formResetCallback() {
+			this.checked = this.hasAttribute("checked"), this._attributeMutationBlocked = !1;
+		}
+		formStateRestoreCallback(e, t) {
+			e && (this.checked = e === "true");
+		}
+		updateFormValue() {
+			this.checked ? super.updateFormValue() : this.internals.setFormValue(null);
+		}
+		formState() {
+			return `${this.checked}`;
+		}
+		shouldValidate(e) {
+			return super.shouldValidate(e) || e === "checked" || e === "required";
+		}
+		validate() {
+			super.validate(), this.required && !this.checked ? this.setValidityFlag("valueMissing", l[this._languageController.current]) : this.removeValidityFlag("valueMissing");
+		}
+		static {
+			i(h, m);
+		}
+	};
+	return h;
+})();
 //#endregion
-export { f as SbbFormAssociatedCheckboxMixin };
+export { d as SbbFormAssociatedCheckboxMixin };