@sbb-esta/lyne-elements-dev 4.7.0-dev.1773349426 → 4.7.0-dev.1773388991

package/train-wagon.component-BW-JxcK6.js

@@ -0,0 +1,259 @@
+import { __esDecorate as e, __runInitializers as t } from "tslib";
+import { css as n, nothing as r } from "lit";
+import { property as i } from "lit/decorators.js";
+import { SbbElement as a } from "./core/base-elements.js";
+import { forceType as o, handleDistinctChange as s, omitEmptyConverter as c } from "./core/decorators.js";
+import { SbbNamedSlotListMixin as l } from "./core/mixins.js";
+import { boxSizingStyles as u } from "./core/styles.js";
+import { html as d } from "lit/static-html.js";
+import { SbbLanguageController as f } from "./core/controllers.js";
+import { i18nAdditionalWagonInformationHeading as p, i18nBlockedPassage as m, i18nClass as h, i18nClosedCompartmentLabel as g, i18nCouchetteWagonLabel as _, i18nLocomotiveLabel as v, i18nRestaurantWagonLabel as y, i18nSector as b, i18nSleepingWagonLabel as x, i18nWagonLabel as S, i18nWagonLabelNumber as C } from "./core/i18n.js";
+import "./icon.js";
+import "./timetable-occupancy-icon.js";
+import { when as w } from "lit/directives/when.js";
+//#region src/elements/train/train-wagon/train-wagon.scss?lit&inline
+var T = n`:host{--sbb-train-wagon-width:var(--sbb-train-formation-wagon-width);--sbb-train-wagon-height:var(--sbb-train-formation-wagon-height);--sbb-train-wagon-shape-color:var(--sbb-color-3);--sbb-train-wagon-main-icon-height:1.25rem;--sbb-train-wagon-main-icon-margin-block-start:.625rem;--sbb-train-wagon-attribute-icon-gap:var(--sbb-spacing-fixed-1x);--sbb-train-wagon-attribute-icon-height:.875rem;--sbb-train-wagon-attribute-icon-color:var(--sbb-color-1);--sbb-train-wagon-occupancy-height:.75rem;display:block}@media (forced-colors:active){:host{--sbb-train-wagon-shape-color:CanvasText}:host([type=closed]){--sbb-train-wagon-shape-color:GrayText}}:host(:is([type=sleeping],[type=couchette])){--sbb-train-wagon-main-icon-margin-block-start:.390625rem}:host(:is([type=wagon],[type=restaurant],[type=sleeping],[type=couchette])){--sbb-train-wagon-shape:var(--sbb-train-wagon-wagon-shape)}:host([type=closed]){--sbb-train-wagon-shape:var(--sbb-train-wagon-wagon-closed-shape)}:host([type=locomotive]){--sbb-train-wagon-shape:var(--sbb-train-wagon-locomotive-shape)}:host([type=wagon-end-left]){--sbb-train-wagon-shape:var(--sbb-train-wagon-wagon-end-left-shape)}:host([type=wagon-end-right]){--sbb-train-wagon-shape:var(--sbb-train-wagon-wagon-end-right-shape)}.sbb-train-wagon{width:var(--sbb-train-wagon-width);align-items:center;gap:var(--sbb-train-formation-vertical-gap);flex-direction:column;display:flex}.sbb-train-wagon__compartment{font-size:inherit;grid-template:"label label""occupancy class"1fr/1fr 1fr;margin:0;padding:0;list-style:none;display:grid}.sbb-train-wagon__compartment:before{content:"";pointer-events:none;width:var(--sbb-train-wagon-width);height:var(--sbb-train-wagon-height);background-color:var(--sbb-train-wagon-shape-color);-webkit-mask-image:var(--sbb-train-wagon-shape);mask-image:var(--sbb-train-wagon-shape);grid-area:occupancy/occupancy/occupancy/class}.sbb-train-wagon__main-icon{--sbb-icon-svg-height:var(--sbb-train-wagon-main-icon-height);grid-area:occupancy/occupancy/occupancy/class;justify-self:center;margin-block-start:var(--sbb-train-wagon-main-icon-margin-block-start)}.sbb-train-wagon__label{--sbb-text-font-size:var(--sbb-text-font-size-xxs);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-text);letter-spacing:var(--sbb-typo-letter-spacing-text);font-size:var(--sbb-text-font-size);text-align:center;display:var(--sbb-train-formation-wagon-label-display,inline-block);min-height:calc(1em * var(--sbb-typo-line-height-text));grid-area:label}.sbb-train-wagon__occupancy,.sbb-train-wagon__class{height:var(--sbb-train-wagon-height);justify-content:center;align-items:center;display:flex}.sbb-train-wagon__occupancy{--sbb-icon-svg-height:var(--sbb-train-wagon-occupancy-height);grid-area:occupancy}.sbb-train-wagon__class{--sbb-title-font-size:var(--sbb-title-font-size-level-6-lean,var(--sbb-heading-font-size-6));--sbb-title-line-height:var(--sbb-typo-line-height-text);margin-block:var(--sbb-title-margin-block,0);font-family:var(--sbb-typo-font-family);font-weight:700;line-height:var(--sbb-title-line-height,var(--sbb-typo-line-height-heading));letter-spacing:var(--sbb-typo-letter-spacing-heading);font-size:var(--sbb-title-font-size);grid-area:class;margin-inline:0}.sbb-train-wagon__attribute-icon-list{font-size:inherit;--sbb-icon-svg-height:var(--sbb-train-wagon-attribute-icon-height);justify-content:center;gap:var(--sbb-train-wagon-attribute-icon-gap);color:var(--sbb-train-wagon-attribute-icon-color);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.sbb-train-wagon__attribute-icon-list>:is(li,span){display:inline-flex}.sbb-screen-reader-only{clip-path:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}`, E = {
+	couchette: "sa-cc",
+	sleeping: "sa-wl",
+	restaurant: "sa-wr"
+}, D = (() => {
+	let n = l(a), D, O = [], k = [], A, j = [], M = [], N, P = [], F = [], I, L = [], R = [], z, B = [], V = [], H, U = [], W = [], G, K = [], q = [];
+	return class extends n {
+		constructor() {
+			super(...arguments), this.#e = t(this, O, "wagon"), this.listChildLocalNames = (t(this, k), ["sbb-icon"]), this.#t = t(this, j, null), this.#n = (t(this, M), t(this, P, "")), this.#r = (t(this, F), t(this, L, "none")), this.#i = (t(this, R), t(this, B, null)), this.#a = (t(this, V), t(this, U, "")), this.#o = (t(this, W), t(this, K, "")), this._language = (t(this, q), new f(this));
+		}
+		static {
+			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(n[Symbol.metadata] ?? null) : void 0;
+			D = [i({ reflect: !0 })], A = [i()], N = [
+				o(),
+				s((e) => e._sectorChanged()),
+				i({
+					reflect: !0,
+					converter: c
+				})
+			], I = [i({ attribute: "blocked-passage" })], z = [i({ attribute: "wagon-class" })], H = [o(), i({
+				reflect: !0,
+				converter: c
+			})], G = [o(), i({ attribute: "additional-accessibility-text" })], e(this, null, D, {
+				kind: "accessor",
+				name: "type",
+				static: !1,
+				private: !1,
+				access: {
+					has: (e) => "type" in e,
+					get: (e) => e.type,
+					set: (e, t) => {
+						e.type = t;
+					}
+				},
+				metadata: t
+			}, O, k), e(this, null, A, {
+				kind: "accessor",
+				name: "occupancy",
+				static: !1,
+				private: !1,
+				access: {
+					has: (e) => "occupancy" in e,
+					get: (e) => e.occupancy,
+					set: (e, t) => {
+						e.occupancy = t;
+					}
+				},
+				metadata: t
+			}, j, M), e(this, null, N, {
+				kind: "accessor",
+				name: "sector",
+				static: !1,
+				private: !1,
+				access: {
+					has: (e) => "sector" in e,
+					get: (e) => e.sector,
+					set: (e, t) => {
+						e.sector = t;
+					}
+				},
+				metadata: t
+			}, P, F), e(this, null, I, {
+				kind: "accessor",
+				name: "blockedPassage",
+				static: !1,
+				private: !1,
+				access: {
+					has: (e) => "blockedPassage" in e,
+					get: (e) => e.blockedPassage,
+					set: (e, t) => {
+						e.blockedPassage = t;
+					}
+				},
+				metadata: t
+			}, L, R), e(this, null, z, {
+				kind: "accessor",
+				name: "wagonClass",
+				static: !1,
+				private: !1,
+				access: {
+					has: (e) => "wagonClass" in e,
+					get: (e) => e.wagonClass,
+					set: (e, t) => {
+						e.wagonClass = t;
+					}
+				},
+				metadata: t
+			}, B, V), e(this, null, H, {
+				kind: "accessor",
+				name: "label",
+				static: !1,
+				private: !1,
+				access: {
+					has: (e) => "label" in e,
+					get: (e) => e.label,
+					set: (e, t) => {
+						e.label = t;
+					}
+				},
+				metadata: t
+			}, U, W), e(this, null, G, {
+				kind: "accessor",
+				name: "additionalAccessibilityText",
+				static: !1,
+				private: !1,
+				access: {
+					has: (e) => "additionalAccessibilityText" in e,
+					get: (e) => e.additionalAccessibilityText,
+					set: (e, t) => {
+						e.additionalAccessibilityText = t;
+					}
+				},
+				metadata: t
+			}, K, q), t && Object.defineProperty(this, Symbol.metadata, {
+				enumerable: !0,
+				configurable: !0,
+				writable: !0,
+				value: t
+			});
+		}
+		static {
+			this.elementName = "sbb-train-wagon";
+		}
+		static {
+			this.styles = [u, T];
+		}
+		static {
+			this.events = { sectorchange: "sectorchange" };
+		}
+		#e;
+		get type() {
+			return this.#e;
+		}
+		set type(e) {
+			this.#e = e;
+		}
+		#t;
+		get occupancy() {
+			return this.#t;
+		}
+		set occupancy(e) {
+			this.#t = e;
+		}
+		#n;
+		get sector() {
+			return this.#n;
+		}
+		set sector(e) {
+			this.#n = e;
+		}
+		#r;
+		get blockedPassage() {
+			return this.#r;
+		}
+		set blockedPassage(e) {
+			this.#r = e;
+		}
+		#i;
+		get wagonClass() {
+			return this.#i;
+		}
+		set wagonClass(e) {
+			this.#i = e;
+		}
+		#a;
+		get label() {
+			return this.#a;
+		}
+		set label(e) {
+			this.#a = e;
+		}
+		#o;
+		get additionalAccessibilityText() {
+			return this.#o;
+		}
+		set additionalAccessibilityText(e) {
+			this.#o = e;
+		}
+		_sectorChanged() {
+			this.dispatchEvent(new Event("sectorchange", {
+				bubbles: !0,
+				composed: !0
+			}));
+		}
+		_typeLabel() {
+			return this.type === "closed" ? g[this._language.current] : this.type === "locomotive" ? v[this._language.current] : this.type === "couchette" ? _[this._language.current] : this.type === "sleeping" ? x[this._language.current] : this.type === "restaurant" ? y[this._language.current] : S[this._language.current];
+		}
+		render() {
+			let e = this.type === "wagon-end-left" && this.blockedPassage === "none" ? "previous" : this.type === "wagon-end-right" && this.blockedPassage === "none" ? "next" : this.blockedPassage ?? "none", t = e !== "none", n = +!!this.sector + +!!this.label + +(!!this.wagonClass && this.type !== "closed") + +(!!this.occupancy && this.type !== "closed") + +t, i = `${b[this._language.current]}, ${this.sector}`, a = this.label ? d`<span class="sbb-screen-reader-only">
+            ${`${C[this._language.current]}, ${this.label}`}
+          </span>
+          <span aria-hidden="true">${this.label}</span>` : r, o = d`<span class="sbb-screen-reader-only">
+        ${this.wagonClass === "1" ? h.first[this._language.current] : h.second[this._language.current]}
+      </span>
+      <span aria-hidden="true">${this.wagonClass}</span>`, s = E[this.type] ? d`<sbb-icon
+          name=${E[this.type]}
+          class="sbb-train-wagon__main-icon"
+        ></sbb-icon>` : r;
+			return d`
+      <div class="sbb-train-wagon">
+        ${w(n > 1, () => d`<ul aria-label=${this._typeLabel()} class="sbb-train-wagon__compartment">
+              ${this.sector ? d`<li class="sbb-screen-reader-only">${i}</li>` : r}
+              <li class="sbb-train-wagon__label" aria-hidden=${`${!this.label}`}>
+                ${a}
+              </li>
+              ${this.wagonClass && this.type !== "closed" ? d`<li class="sbb-train-wagon__class">${o}</li>` : r}
+              ${this.occupancy && this.type !== "closed" ? d`<sbb-timetable-occupancy-icon
+                    class="sbb-train-wagon__occupancy"
+                    role="listitem"
+                    occupancy=${this.occupancy}
+                  ></sbb-timetable-occupancy-icon>` : r}
+              ${t ? d`<li class="sbb-screen-reader-only">
+                    ${m[e][this._language.current]}
+                  </li>` : r}
+              ${s}
+            </ul>`, () => d`<div class="sbb-train-wagon__compartment">
+              <span class="sbb-screen-reader-only">
+                ${`${this._typeLabel()}${this.sector ? `, ${i}` : ""}`}
+              </span>
+              <span class="sbb-train-wagon__label" aria-hidden=${`${!this.label}`}>
+                ${a}
+              </span>
+
+              ${this.wagonClass && this.type !== "closed" ? d`<span class="sbb-train-wagon__class">${o}</span>` : r}
+              ${this.occupancy && this.type !== "closed" ? d`<sbb-timetable-occupancy-icon
+                    class="sbb-train-wagon__occupancy"
+                    occupancy=${this.occupancy}
+                  ></sbb-timetable-occupancy-icon>` : r}
+              ${t ? d`<span class="sbb-screen-reader-only">
+                    ${m[e][this._language.current]}
+                  </span>` : r}
+              ${s}
+            </div> `)}
+        ${this.additionalAccessibilityText ? d`<span class="sbb-screen-reader-only">, ${this.additionalAccessibilityText}</span>` : r}
+        ${this.renderList({
+				class: "sbb-train-wagon__attribute-icon-list",
+				ariaLabel: p[this._language.current]
+			})}
+      </div>
+    `;
+		}
+	};
+})();
+//#endregion
+export { D as t };

package/train.component-B_Nlu8Kh.js

@@ -0,0 +1,176 @@
+import { __esDecorate as e, __runInitializers as t } from "tslib";
+import { css as n, nothing as r } from "lit";
+import { property as i } from "lit/decorators.js";
+import { SbbElement as a } from "./core/base-elements.js";
+import { forceType as o, omitEmptyConverter as s } from "./core/decorators.js";
+import { SbbNamedSlotListMixin as c } from "./core/mixins.js";
+import { boxSizingStyles as l } from "./core/styles.js";
+import { html as u, unsafeStatic as d } from "lit/static-html.js";
+import { SbbLanguageController as f } from "./core/controllers.js";
+import { i18nTrain as p, i18nWagonsLabel as m } from "./core/i18n.js";
+import "./icon.js";
+//#region src/elements/train/train/train.scss?lit&inline
+var h = n`:host{--sbb-train-direction-label-spacing:var(--sbb-spacing-fixed-1x);display:block}.sbb-train{--sbb-text-font-size:var(--sbb-text-font-size-xs);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-text);letter-spacing:var(--sbb-typo-letter-spacing-text);font-size:var(--sbb-text-font-size);gap:var(--sbb-train-formation-vertical-gap);flex-direction:column;display:flex;position:relative}.sbb-train:before{content:"";display:var(--sbb-train-formation-reserve-spacing-display,none);height:max(var(--sbb-size-icon-ui-small), 1em * var(--sbb-typo-line-height-text))}.sbb-train__wagons{font-size:inherit;gap:var(--sbb-train-formation-wagon-gap);margin:0;padding:0;list-style:none;display:flex}.sbb-train__direction-heading{width:100%;display:flex;position:absolute}.sbb-train__direction-sticky-wrapper{align-items:center;gap:var(--sbb-train-direction-label-spacing);max-width:100%;display:inline-flex;position:sticky;inset-inline-start:0}.sbb-train__direction-label{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.sbb-train__direction-label-sr{clip-path:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}`, g = (() => {
+	let n = c(a), g, _ = [], v = [], y, b = [], x = [], S, C = [], w = [], T, E = [], D = [], O, k = [], A = [];
+	return class extends n {
+		constructor() {
+			super(...arguments), this.listChildLocalNames = ["sbb-train-wagon", "sbb-train-blocked-passage"], this.#e = t(this, _, ""), this.#t = (t(this, v), t(this, b, "6")), this.#n = (t(this, x), t(this, C, "")), this.#r = (t(this, w), t(this, E, "")), this.#i = (t(this, D), t(this, k, "left")), this._language = (t(this, A), new f(this));
+		}
+		static {
+			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(n[Symbol.metadata] ?? null) : void 0;
+			g = [o(), i({
+				attribute: "direction-label",
+				reflect: !0,
+				converter: s
+			})], y = [i({ attribute: "direction-label-level" })], S = [o(), i()], T = [o(), i({ attribute: "accessibility-label" })], O = [i({ reflect: !0 })], e(this, null, g, {
+				kind: "accessor",
+				name: "directionLabel",
+				static: !1,
+				private: !1,
+				access: {
+					has: (e) => "directionLabel" in e,
+					get: (e) => e.directionLabel,
+					set: (e, t) => {
+						e.directionLabel = t;
+					}
+				},
+				metadata: t
+			}, _, v), e(this, null, y, {
+				kind: "accessor",
+				name: "directionLabelLevel",
+				static: !1,
+				private: !1,
+				access: {
+					has: (e) => "directionLabelLevel" in e,
+					get: (e) => e.directionLabelLevel,
+					set: (e, t) => {
+						e.directionLabelLevel = t;
+					}
+				},
+				metadata: t
+			}, b, x), e(this, null, S, {
+				kind: "accessor",
+				name: "station",
+				static: !1,
+				private: !1,
+				access: {
+					has: (e) => "station" in e,
+					get: (e) => e.station,
+					set: (e, t) => {
+						e.station = t;
+					}
+				},
+				metadata: t
+			}, C, w), e(this, null, T, {
+				kind: "accessor",
+				name: "accessibilityLabel",
+				static: !1,
+				private: !1,
+				access: {
+					has: (e) => "accessibilityLabel" in e,
+					get: (e) => e.accessibilityLabel,
+					set: (e, t) => {
+						e.accessibilityLabel = t;
+					}
+				},
+				metadata: t
+			}, E, D), e(this, null, O, {
+				kind: "accessor",
+				name: "direction",
+				static: !1,
+				private: !1,
+				access: {
+					has: (e) => "direction" in e,
+					get: (e) => e.direction,
+					set: (e, t) => {
+						e.direction = t;
+					}
+				},
+				metadata: t
+			}, k, A), t && Object.defineProperty(this, Symbol.metadata, {
+				enumerable: !0,
+				configurable: !0,
+				writable: !0,
+				value: t
+			});
+		}
+		static {
+			this.elementName = "sbb-train";
+		}
+		static {
+			this.styles = [l, h];
+		}
+		static {
+			this.events = { trainslotchange: "trainslotchange" };
+		}
+		#e;
+		get directionLabel() {
+			return this.#e;
+		}
+		set directionLabel(e) {
+			this.#e = e;
+		}
+		#t;
+		get directionLabelLevel() {
+			return this.#t;
+		}
+		set directionLabelLevel(e) {
+			this.#t = e;
+		}
+		#n;
+		get station() {
+			return this.#n;
+		}
+		set station(e) {
+			this.#n = e;
+		}
+		#r;
+		get accessibilityLabel() {
+			return this.#r;
+		}
+		set accessibilityLabel(e) {
+			this.#r = e;
+		}
+		#i;
+		get direction() {
+			return this.#i;
+		}
+		set direction(e) {
+			this.#i = e;
+		}
+		_getDirectionAriaLabel() {
+			let e = [p[this._language.current]];
+			return this.directionLabel && this.station && e.push(`${this.directionLabel} ${this.station}`), this.accessibilityLabel && e.push(this.accessibilityLabel), `${e.join(", ")}.`;
+		}
+		willUpdate(e) {
+			super.willUpdate(e), e.has("listChildren") && this.dispatchEvent(new Event("trainslotchange", { bubbles: !0 }));
+		}
+		render() {
+			let e = `h${this.directionLabelLevel}`;
+			return u`
+      <div class="sbb-train">
+        <${d(e)} class="sbb-train__direction-label-sr">
+          ${this._getDirectionAriaLabel()}
+        </${d(e)}>
+        ${this.directionLabel ? u`<div class="sbb-train__direction-heading" aria-hidden="true">
+                <span class="sbb-train__direction-sticky-wrapper">
+                  ${this.direction === "left" ? u`<sbb-icon name="chevron-small-left-small"></sbb-icon>` : r}
+
+                  <span class="sbb-train__direction-label">
+                    ${this.directionLabel} ${this.station}
+                  </span>
+
+                  ${this.direction === "right" ? u`<sbb-icon name="chevron-small-right-small"></sbb-icon>` : r}
+                </span>
+              </div>` : r}
+        ${this.renderList({
+				class: "sbb-train__wagons",
+				ariaLabel: m[this._language.current]
+			})}
+      </div>
+    `;
+		}
+	};
+})();
+//#endregion
+export { g as t };

package/train.js

@@ -1,14 +1,8 @@
-import { SbbTrainBlockedPassageElement as e } from "./train/train-blocked-passage/train-blocked-passage.component.js";
-import { SbbTrainFormationElement as n } from "./train/train-formation/train-formation.component.js";
-import { SbbTrainWagonElement as r } from "./train/train-wagon/train-wagon.component.js";
-import { SbbTrainElement as i } from "./train/train/train.component.js";
-i.define();
-e.define();
-n.define();
-r.define();
-export {
-  e as SbbTrainBlockedPassageElement,
-  i as SbbTrainElement,
-  n as SbbTrainFormationElement,
-  r as SbbTrainWagonElement
-};
+import { t as e } from "./train-blocked-passage.component-Dz7lD_V1.js";
+import { t } from "./train-formation.component-CGTqQgp7.js";
+import { t as n } from "./train-wagon.component-BW-JxcK6.js";
+import { t as r } from "./train.component-B_Nlu8Kh.js";
+import "./train.pure.js";
+r.define(), e.define(), t.define(), n.define();
+//#endregion
+export { e as SbbTrainBlockedPassageElement, r as SbbTrainElement, t as SbbTrainFormationElement, n as SbbTrainWagonElement };

package/train.pure.js

@@ -1,10 +1,5 @@
-import { SbbTrainBlockedPassageElement as o } from "./train/train-blocked-passage/train-blocked-passage.component.js";
-import { SbbTrainFormationElement as m } from "./train/train-formation/train-formation.component.js";
-import { SbbTrainWagonElement as a } from "./train/train-wagon/train-wagon.component.js";
-import { SbbTrainElement as i } from "./train/train/train.component.js";
-export {
-  o as SbbTrainBlockedPassageElement,
-  i as SbbTrainElement,
-  m as SbbTrainFormationElement,
-  a as SbbTrainWagonElement
-};
+import { t as e } from "./train-blocked-passage.component-Dz7lD_V1.js";
+import { t } from "./train-formation.component-CGTqQgp7.js";
+import { t as n } from "./train-wagon.component-BW-JxcK6.js";
+import { t as r } from "./train.component-B_Nlu8Kh.js";
+export { e as SbbTrainBlockedPassageElement, r as SbbTrainElement, t as SbbTrainFormationElement, n as SbbTrainWagonElement };

package/visual-checkbox/visual-checkbox.component.js

@@ -1,81 +1,2 @@
-var y = (e) => {
-  throw TypeError(e);
-};
-var w = (e, t, i) => t.has(e) || y("Cannot " + i);
-var h = (e, t, i) => (w(e, t, "read from private field"), i ? i.call(e) : t.get(e)), u = (e, t, i) => t.has(e) ? y("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(e) : t.set(e, i), v = (e, t, i, a) => (w(e, t, "write to private field"), a ? a.call(e, i) : t.set(e, i), i);
-import { __esDecorate as k, __runInitializers as c } from "tslib";
-import { css as j, nothing as I, html as S } from "lit";
-import { property as m } from "lit/decorators.js";
-import { SbbElement as M } from "../core/base-elements.js";
-import { forceType as B } from "../core/decorators.js";
-import { isLean as L } from "../core/dom.js";
-import { SbbDisabledMixin as T, SbbNegativeMixin as D } from "../core/mixins.js";
-import { boxSizingStyles as G } from "../core/styles.js";
-const H = j`:host{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--sbb-visual-checkbox-dimension);height:var(--sbb-visual-checkbox-dimension);border-radius:var(--sbb-border-radius-2x);background-color:var(--sbb-visual-checkbox-background-color);cursor:var(--sbb-visual-checkbox-cursor);outline:var(--sbb-visual-checkbox-border-width) var(--sbb-visual-checkbox-border-style) var(--sbb-visual-checkbox-border-color);outline-offset:calc(-1 * var(--sbb-visual-checkbox-border-width))}:host([size=xs]){--sbb-visual-checkbox-dimension: var(--sbb-checkbox-dimension-xs)}:host([size=s]){--sbb-visual-checkbox-dimension: var(--sbb-checkbox-dimension-s)}:host([size=m]){--sbb-visual-checkbox-dimension: var(--sbb-checkbox-dimension-m)}:host([negative]){--sbb-visual-checkbox-background-color: var(--sbb-visual-checkbox-background-color-negative);--sbb-visual-checkbox-selection-color: var(--sbb-visual-checkbox-selection-color-negative)}:host([disabled]){--sbb-visual-checkbox-background-color: var(--sbb-visual-checkbox-background-color-disabled);--sbb-visual-checkbox-border-style: var(--sbb-visual-checkbox-border-style-disabled);--sbb-visual-checkbox-cursor: var(--sbb-cursor-default);--sbb-visual-checkbox-border-color: var(--sbb-visual-checkbox-border-color-disabled);--sbb-visual-checkbox-selection-color: var(--sbb-visual-checkbox-selection-color-disabled)}:host([disabled][negative]){--sbb-visual-checkbox-background-color: var( --sbb-visual-checkbox-background-color-negative-disabled );--sbb-visual-checkbox-selection-color: var( --sbb-visual-checkbox-selection-color-disabled-negative )}@media(forced-colors:active){:host([indeterminate]){--sbb-visual-checkbox-selection-color: ButtonBorder}:host([indeterminate][disabled]){--sbb-visual-checkbox-selection-color: GrayText}:host([checked]:not([indeterminate])){--sbb-visual-checkbox-background-color: Highlight;--sbb-visual-checkbox-border-width: 0}:host([disabled][checked]:not([indeterminate])){--sbb-visual-checkbox-background-color: GrayText}}path{stroke:var(--sbb-visual-checkbox-selection-color)}`;
-let R = (() => {
-  var b, l, n, o;
-  let e = T(D(M)), t, i = [], a = [], x, g = [], f = [], p, _ = [], z = [];
-  return o = class extends e {
-    constructor() {
-      super(...arguments);
-      u(this, b, c(this, i, !1));
-      u(this, l, (c(this, a), c(this, g, !1)));
-      u(this, n, (c(this, f), c(this, _, L() ? "xs" : "m")));
-      c(this, z);
-    }
-    /** Checked state. */
-    get checked() {
-      return h(this, b);
-    }
-    set checked(r) {
-      v(this, b, r);
-    }
-    /** Indeterminate state. */
-    get indeterminate() {
-      return h(this, l);
-    }
-    set indeterminate(r) {
-      v(this, l, r);
-    }
-    /**
-     * Size of the checkbox, either xs, s or m.
-     * @default 'm' / 'xs' (lean)
-     */
-    get size() {
-      return h(this, n);
-    }
-    set size(r) {
-      v(this, n, r);
-    }
-    render() {
-      return S`
-      ${this.checked || this.indeterminate ? S`<svg
-            viewBox="0 0 24 24"
-            xmlns="http://www.w3.org/2000/svg"
-            width="100%"
-            height="100%"
-          >
-            <path
-              fill="none"
-              d=${this.indeterminate ? "M9 12H15" : "M8 12.3304L10.4615 15L16 9"}
-              stroke-width="2"
-              stroke-linecap="round"
-              stroke-linejoin="round"
-            />
-          </svg>` : I}
-    `;
-    }
-  }, b = new WeakMap(), l = new WeakMap(), n = new WeakMap(), (() => {
-    const r = typeof Symbol == "function" && Symbol.metadata ? Object.create(e[Symbol.metadata] ?? null) : void 0;
-    t = [B(), m({ reflect: !0, type: Boolean })], x = [B(), m({ reflect: !0, type: Boolean })], p = [m({ reflect: !0 })], k(o, null, t, { kind: "accessor", name: "checked", static: !1, private: !1, access: { has: (s) => "checked" in s, get: (s) => s.checked, set: (s, d) => {
-      s.checked = d;
-    } }, metadata: r }, i, a), k(o, null, x, { kind: "accessor", name: "indeterminate", static: !1, private: !1, access: { has: (s) => "indeterminate" in s, get: (s) => s.indeterminate, set: (s, d) => {
-      s.indeterminate = d;
-    } }, metadata: r }, g, f), k(o, null, p, { kind: "accessor", name: "size", static: !1, private: !1, access: { has: (s) => "size" in s, get: (s) => s.size, set: (s, d) => {
-      s.size = d;
-    } }, metadata: r }, _, z), r && Object.defineProperty(o, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: r });
-  })(), o.elementName = "sbb-visual-checkbox", o.styles = [G, H], o;
-})();
-export {
-  R as SbbVisualCheckboxElement
-};
+import { t as e } from "../visual-checkbox.component-bB_pG0vn.js";
+export { e as SbbVisualCheckboxElement };