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

package/train/train-formation.js

@@ -1,4 +1,7 @@
-import { t as e } from "../train-formation.component-CGTqQgp7.js";
-e.define(), console.warn("The entrypoint '@sbb-esta/elements/train/train-formation.js' has been deprecated.\nUse either '@sbb-esta/elements/train.js' or '@sbb-esta/elements/train.pure.js' instead.");
-//#endregion
-export { e as SbbTrainFormationElement };
+import { SbbTrainFormationElement as e } from "./train-formation/train-formation.component.js";
+e.define();
+console.warn(`The entrypoint '@sbb-esta/elements/train/train-formation.js' has been deprecated.
+Use either '@sbb-esta/elements/train.js' or '@sbb-esta/elements/train.pure.js' instead.`);
+export {
+  e as SbbTrainFormationElement
+};

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

@@ -1,2 +1,174 @@
-import { t as e } from "../../train-wagon.component-BW-JxcK6.js";
-export { e as SbbTrainWagonElement };
+var Q = (e) => {
+  throw TypeError(e);
+};
+var U = (e, i, l) => i.has(e) || Q("Cannot " + l);
+var g = (e, i, l) => (U(e, i, "read from private field"), l ? l.call(e) : i.get(e)), h = (e, i, l) => i.has(e) ? Q("Cannot add the same private member more than once") : i instanceof WeakSet ? i.add(e) : i.set(e, l), o = (e, i, l, x) => (U(e, i, "write to private field"), x ? x.call(e, l) : i.set(e, l), l);
+import { __runInitializers as r, __esDecorate as p } from "tslib";
+import { css as E, nothing as b } from "lit";
+import { property as d } from "lit/decorators.js";
+import { when as W } from "lit/directives/when.js";
+import { html as c } from "lit/static-html.js";
+import { SbbElement as tt } from "../../core/base-elements.js";
+import { SbbLanguageController as at } from "../../core/controllers.js";
+import { forceType as $, handleDistinctChange as et, omitEmptyConverter as V } from "../../core/decorators.js";
+import { i18nClosedCompartmentLabel as st, i18nLocomotiveLabel as it, i18nCouchetteWagonLabel as nt, i18nSleepingWagonLabel as ot, i18nRestaurantWagonLabel as rt, i18nWagonLabel as ct, i18nSector as lt, i18nWagonLabelNumber as bt, i18nClass as X, i18nBlockedPassage as Y, i18nAdditionalWagonInformationHeading as gt } from "../../core/i18n.js";
+import { SbbNamedSlotListMixin as ht } from "../../core/mixins.js";
+import { boxSizingStyles as pt } from "../../core/styles.js";
+import "../../icon.js";
+import "../../timetable-occupancy-icon.js";
+const dt = E`:host{display:block;--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}@media(forced-colors:active){:host{--sbb-train-wagon-shape-color: CanvasText}}@media(forced-colors:active){: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{display:flex;flex-direction:column;align-items:center;width:var(--sbb-train-wagon-width);gap:var(--sbb-train-formation-vertical-gap)}.sbb-train-wagon__compartment{list-style:none;margin:0;padding:0;font-size:inherit;display:grid;grid-template:"label label" auto "occupancy class" 1fr/1fr 1fr}.sbb-train-wagon__compartment:before{content:"";grid-column:occupancy/class;grid-row:occupancy;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)}.sbb-train-wagon__main-icon{--sbb-icon-svg-height: var(--sbb-train-wagon-main-icon-height);grid-column:occupancy/class;grid-row:occupancy;margin-block-start:var(--sbb-train-wagon-main-icon-margin-block-start);justify-self:center}.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);grid-area:label;text-align:center;display:var(--sbb-train-formation-wagon-label-display, inline-block);min-height:calc(1em * var(--sbb-typo-line-height-text))}.sbb-train-wagon__occupancy,.sbb-train-wagon__class{height:var(--sbb-train-wagon-height);display:flex;align-items:center;justify-content:center}.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);margin-inline: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}.sbb-train-wagon__attribute-icon-list{list-style:none;margin:0;padding:0;font-size:inherit;--sbb-icon-svg-height: var(--sbb-train-wagon-attribute-icon-height);display:flex;flex-wrap:wrap;justify-content:center;gap:var(--sbb-train-wagon-attribute-icon-gap);color:var(--sbb-train-wagon-attribute-icon-color)}.sbb-train-wagon__attribute-icon-list>:is(li,span){display:inline-flex}.sbb-screen-reader-only{border:0;clip-path:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}`, Z = {
+  couchette: "sa-cc",
+  sleeping: "sa-wl",
+  restaurant: "sa-wr"
+};
+let It = (() => {
+  var u, y, m, w, _, f, v, s;
+  let e = ht(tt), i, l = [], x = [], k, C = [], z = [], P, L = [], A = [], I, T = [], j = [], S, N = [], B = [], D, M = [], O = [], G, H = [], R = [];
+  return s = class extends e {
+    constructor() {
+      super(...arguments);
+      h(this, u);
+      h(this, y);
+      h(this, m);
+      h(this, w);
+      h(this, _);
+      h(this, f);
+      h(this, v);
+      o(this, u, r(this, l, "wagon")), this.listChildLocalNames = (r(this, x), ["sbb-icon"]), o(this, y, r(this, C, null)), o(this, m, (r(this, z), r(this, L, ""))), o(this, w, (r(this, A), r(this, T, "none"))), o(this, _, (r(this, j), r(this, N, null))), o(this, f, (r(this, B), r(this, M, ""))), o(this, v, (r(this, O), r(this, H, ""))), this._language = (r(this, R), new at(this));
+    }
+    /**
+     * Wagon type.
+     * For `wagon-end-left` and `wagon-end-right`, please set the corresponding value of the `blockedPassage` property.
+     */
+    get type() {
+      return g(this, u);
+    }
+    set type(a) {
+      o(this, u, a);
+    }
+    /** Occupancy of a wagon. */
+    get occupancy() {
+      return g(this, y);
+    }
+    set occupancy(a) {
+      o(this, y, a);
+    }
+    /** Sector in which the wagon stops. */
+    get sector() {
+      return g(this, m);
+    }
+    set sector(a) {
+      o(this, m, a);
+    }
+    /** Accessibility text for blocked passages of the wagon. */
+    get blockedPassage() {
+      return g(this, w);
+    }
+    set blockedPassage(a) {
+      o(this, w, a);
+    }
+    /** Class label */
+    get wagonClass() {
+      return g(this, _);
+    }
+    set wagonClass(a) {
+      o(this, _, a);
+    }
+    /** Wagon number */
+    get label() {
+      return g(this, f);
+    }
+    set label(a) {
+      o(this, f, a);
+    }
+    /** Additional accessibility text which will be appended to the end. */
+    get additionalAccessibilityText() {
+      return g(this, v);
+    }
+    set additionalAccessibilityText(a) {
+      o(this, v, a);
+    }
+    _sectorChanged() {
+      this.dispatchEvent(new Event("sectorchange", { bubbles: !0, composed: !0 }));
+    }
+    _typeLabel() {
+      return this.type === "closed" ? st[this._language.current] : this.type === "locomotive" ? it[this._language.current] : this.type === "couchette" ? nt[this._language.current] : this.type === "sleeping" ? ot[this._language.current] : this.type === "restaurant" ? rt[this._language.current] : ct[this._language.current];
+    }
+    render() {
+      const a = this.type === "wagon-end-left" && this.blockedPassage === "none" ? "previous" : this.type === "wagon-end-right" && this.blockedPassage === "none" ? "next" : this.blockedPassage ?? "none", t = a !== "none", n = +!!this.sector + +!!this.label + +(!!this.wagonClass && this.type !== "closed") + +(!!this.occupancy && this.type !== "closed") + +t, q = `${lt[this._language.current]}, ${this.sector}`, F = this.label ? c`<span class="sbb-screen-reader-only">
+            ${`${bt[this._language.current]}, ${this.label}`}
+          </span>
+          <span aria-hidden="true">${this.label}</span>` : b, J = c`<span class="sbb-screen-reader-only">
+        ${this.wagonClass === "1" ? X.first[this._language.current] : X.second[this._language.current]}
+      </span>
+      <span aria-hidden="true">${this.wagonClass}</span>`, K = Z[this.type] ? c`<sbb-icon
+          name=${Z[this.type]}
+          class="sbb-train-wagon__main-icon"
+        ></sbb-icon>` : b;
+      return c`
+      <div class="sbb-train-wagon">
+        ${W(n > 1, () => c`<ul aria-label=${this._typeLabel()} class="sbb-train-wagon__compartment">
+              ${this.sector ? c`<li class="sbb-screen-reader-only">${q}</li>` : b}
+              <li class="sbb-train-wagon__label" aria-hidden=${`${!this.label}`}>
+                ${F}
+              </li>
+              ${this.wagonClass && this.type !== "closed" ? c`<li class="sbb-train-wagon__class">${J}</li>` : b}
+              ${this.occupancy && this.type !== "closed" ? c`<sbb-timetable-occupancy-icon
+                    class="sbb-train-wagon__occupancy"
+                    role="listitem"
+                    occupancy=${this.occupancy}
+                  ></sbb-timetable-occupancy-icon>` : b}
+              ${t ? c`<li class="sbb-screen-reader-only">
+                    ${Y[a][this._language.current]}
+                  </li>` : b}
+              ${K}
+            </ul>`, () => c`<div class="sbb-train-wagon__compartment">
+              <span class="sbb-screen-reader-only">
+                ${`${this._typeLabel()}${this.sector ? `, ${q}` : ""}`}
+              </span>
+              <span class="sbb-train-wagon__label" aria-hidden=${`${!this.label}`}>
+                ${F}
+              </span>
+
+              ${this.wagonClass && this.type !== "closed" ? c`<span class="sbb-train-wagon__class">${J}</span>` : b}
+              ${this.occupancy && this.type !== "closed" ? c`<sbb-timetable-occupancy-icon
+                    class="sbb-train-wagon__occupancy"
+                    occupancy=${this.occupancy}
+                  ></sbb-timetable-occupancy-icon>` : b}
+              ${t ? c`<span class="sbb-screen-reader-only">
+                    ${Y[a][this._language.current]}
+                  </span>` : b}
+              ${K}
+            </div> `)}
+        ${this.additionalAccessibilityText ? c`<span class="sbb-screen-reader-only">, ${this.additionalAccessibilityText}</span>` : b}
+        ${this.renderList({
+        class: "sbb-train-wagon__attribute-icon-list",
+        ariaLabel: gt[this._language.current]
+      })}
+      </div>
+    `;
+    }
+  }, u = new WeakMap(), y = new WeakMap(), m = new WeakMap(), w = new WeakMap(), _ = new WeakMap(), f = new WeakMap(), v = new WeakMap(), (() => {
+    const a = typeof Symbol == "function" && Symbol.metadata ? Object.create(e[Symbol.metadata] ?? null) : void 0;
+    i = [d({ reflect: !0 })], k = [d()], P = [$(), et((t) => t._sectorChanged()), d({ reflect: !0, converter: V })], I = [d({ attribute: "blocked-passage" })], S = [d({ attribute: "wagon-class" })], D = [$(), d({ reflect: !0, converter: V })], G = [$(), d({ attribute: "additional-accessibility-text" })], p(s, null, i, { kind: "accessor", name: "type", static: !1, private: !1, access: { has: (t) => "type" in t, get: (t) => t.type, set: (t, n) => {
+      t.type = n;
+    } }, metadata: a }, l, x), p(s, null, k, { kind: "accessor", name: "occupancy", static: !1, private: !1, access: { has: (t) => "occupancy" in t, get: (t) => t.occupancy, set: (t, n) => {
+      t.occupancy = n;
+    } }, metadata: a }, C, z), p(s, null, P, { kind: "accessor", name: "sector", static: !1, private: !1, access: { has: (t) => "sector" in t, get: (t) => t.sector, set: (t, n) => {
+      t.sector = n;
+    } }, metadata: a }, L, A), p(s, null, I, { kind: "accessor", name: "blockedPassage", static: !1, private: !1, access: { has: (t) => "blockedPassage" in t, get: (t) => t.blockedPassage, set: (t, n) => {
+      t.blockedPassage = n;
+    } }, metadata: a }, T, j), p(s, null, S, { kind: "accessor", name: "wagonClass", static: !1, private: !1, access: { has: (t) => "wagonClass" in t, get: (t) => t.wagonClass, set: (t, n) => {
+      t.wagonClass = n;
+    } }, metadata: a }, N, B), p(s, null, D, { kind: "accessor", name: "label", static: !1, private: !1, access: { has: (t) => "label" in t, get: (t) => t.label, set: (t, n) => {
+      t.label = n;
+    } }, metadata: a }, M, O), p(s, null, G, { kind: "accessor", name: "additionalAccessibilityText", static: !1, private: !1, access: { has: (t) => "additionalAccessibilityText" in t, get: (t) => t.additionalAccessibilityText, set: (t, n) => {
+      t.additionalAccessibilityText = n;
+    } }, metadata: a }, H, R), a && Object.defineProperty(s, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: a });
+  })(), s.elementName = "sbb-train-wagon", s.styles = [pt, dt], s.events = {
+    sectorchange: "sectorchange"
+  }, s;
+})();
+export {
+  It as SbbTrainWagonElement
+};

package/train/train-wagon.js

@@ -1,4 +1,7 @@
-import { t as e } from "../train-wagon.component-BW-JxcK6.js";
-e.define(), console.warn("The entrypoint '@sbb-esta/elements/train/train-wagon.js' has been deprecated.\nUse either '@sbb-esta/elements/train.js' or '@sbb-esta/elements/train.pure.js' instead.");
-//#endregion
-export { e as SbbTrainWagonElement };
+import { SbbTrainWagonElement as e } from "./train-wagon/train-wagon.component.js";
+e.define();
+console.warn(`The entrypoint '@sbb-esta/elements/train/train-wagon.js' has been deprecated.
+Use either '@sbb-esta/elements/train.js' or '@sbb-esta/elements/train.pure.js' instead.`);
+export {
+  e as SbbTrainWagonElement
+};

package/train/train.js

@@ -1,4 +1,7 @@
-import { t as e } from "../train.component-B_Nlu8Kh.js";
-e.define(), console.warn("The entrypoint '@sbb-esta/elements/train/train.js' has been deprecated.\nUse either '@sbb-esta/elements/train.js' or '@sbb-esta/elements/train.pure.js' instead.");
-//#endregion
-export { e as SbbTrainElement };
+import { SbbTrainElement as e } from "./train/train.component.js";
+e.define();
+console.warn(`The entrypoint '@sbb-esta/elements/train/train.js' has been deprecated.
+Use either '@sbb-esta/elements/train.js' or '@sbb-esta/elements/train.pure.js' instead.`);
+export {
+  e as SbbTrainElement
+};

package/train.js

@@ -1,8 +1,14 @@
-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 };
+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
+};

package/train.pure.js

@@ -1,5 +1,10 @@
-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 };
+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
+};

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

@@ -1,2 +1,81 @@
-import { t as e } from "../visual-checkbox.component-bB_pG0vn.js";
-export { e as SbbVisualCheckboxElement };
+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
+};

package/visual-checkbox.js

@@ -1,6 +1,5 @@
-import { t as e } from "./visual-checkbox.component-bB_pG0vn.js";
-import "./visual-checkbox.pure.js";
-//#region src/elements/visual-checkbox.ts
+import { SbbVisualCheckboxElement as e } from "./visual-checkbox/visual-checkbox.component.js";
 e.define();
-//#endregion
-export { e as SbbVisualCheckboxElement };
+export {
+  e as SbbVisualCheckboxElement
+};

package/visual-checkbox.pure.js

@@ -1,2 +1,4 @@
-import { t as e } from "./visual-checkbox.component-bB_pG0vn.js";
-export { e as SbbVisualCheckboxElement };
+import { SbbVisualCheckboxElement as o } from "./visual-checkbox/visual-checkbox.component.js";
+export {
+  o as SbbVisualCheckboxElement
+};

package/accordion.component-DmaGQH3Q.js

@@ -1,127 +0,0 @@
-import { __esDecorate as e, __runInitializers as t } from "tslib";
-import { css as n, html 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 } from "./core/decorators.js";
-import { isLean as c } from "./core/dom.js";
-import { isEventPrevented as l } from "./core/eventing.js";
-import { ɵstateController as u } from "./core/mixins.js";
-import { boxSizingStyles as d } from "./core/styles.js";
-//#region src/elements/accordion/accordion.scss?lit&inline
-var f = n`:host{display:block}`, p = (() => {
-	let n = a, p, m = [], h = [], g, _ = [], v = [], y, b = [], x = [];
-	return class extends n {
-		static {
-			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(n[Symbol.metadata] ?? null) : void 0;
-			p = [i({ reflect: !0 })], g = [s((e) => e._setTitleLevelOnChildren()), i({ attribute: "title-level" })], y = [
-				o(),
-				s((e, t, n) => e._resetExpansionPanels(t, !!n)),
-				i({ type: Boolean })
-			], e(this, null, p, {
-				kind: "accessor",
-				name: "size",
-				static: !1,
-				private: !1,
-				access: {
-					has: (e) => "size" in e,
-					get: (e) => e.size,
-					set: (e, t) => {
-						e.size = t;
-					}
-				},
-				metadata: t
-			}, m, h), e(this, null, g, {
-				kind: "accessor",
-				name: "titleLevel",
-				static: !1,
-				private: !1,
-				access: {
-					has: (e) => "titleLevel" in e,
-					get: (e) => e.titleLevel,
-					set: (e, t) => {
-						e.titleLevel = t;
-					}
-				},
-				metadata: t
-			}, _, v), e(this, null, y, {
-				kind: "accessor",
-				name: "multi",
-				static: !1,
-				private: !1,
-				access: {
-					has: (e) => "multi" in e,
-					get: (e) => e.multi,
-					set: (e, t) => {
-						e.multi = t;
-					}
-				},
-				metadata: t
-			}, b, x), t && Object.defineProperty(this, Symbol.metadata, {
-				enumerable: !0,
-				configurable: !0,
-				writable: !0,
-				value: t
-			});
-		}
-		static {
-			this.elementName = "sbb-accordion";
-		}
-		static {
-			this.styles = [d, f];
-		}
-		#e = t(this, m, c() ? "s" : "l");
-		get size() {
-			return this.#e;
-		}
-		set size(e) {
-			this.#e = e;
-		}
-		#t = (t(this, h), t(this, _, null));
-		get titleLevel() {
-			return this.#t;
-		}
-		set titleLevel(e) {
-			this.#t = e;
-		}
-		#n = (t(this, v), t(this, b, !1));
-		get multi() {
-			return this.#n;
-		}
-		set multi(e) {
-			this.#n = e;
-		}
-		constructor() {
-			super(), t(this, x), this.addEventListener?.("beforeopen", async (e) => {
-				await l(e) || this._closePanels(e);
-			}, { capture: !0 });
-		}
-		_expansionPanels() {
-			return Array.from(this.querySelectorAll?.("sbb-expansion-panel") ?? []);
-		}
-		_closePanels(e) {
-			e.target?.localName !== "sbb-expansion-panel" || this.multi || this._expansionPanels().filter((t) => t !== e.target).forEach((e) => e.expanded = !1);
-		}
-		willUpdate(e) {
-			super.willUpdate(e), e.has("size") && this._expansionPanels().forEach((e) => e.size = this.size);
-		}
-		_resetExpansionPanels(e, t) {
-			let n = this._expansionPanels();
-			n.length > 1 && t && !e && (n[0].expanded = !0, n.filter((e, t) => t > 0).forEach((e) => e.expanded = !1));
-		}
-		_setTitleLevelOnChildren() {
-			this._expansionPanels().forEach((e) => e.titleLevel = this.titleLevel);
-		}
-		_handleSlotchange() {
-			this._expansionPanels().forEach((e, t, n) => {
-				e.titleLevel = this.titleLevel, e.size = this.size;
-				let r = u(e);
-				r.toggle("accordion-first", t === 0), r.toggle("accordion-last", t === n.length - 1);
-			});
-		}
-		render() {
-			return r`<slot @slotchange=${this._handleSlotchange}></slot>`;
-		}
-	};
-})();
-//#endregion
-export { p as t };