@sbb-esta/lyne-elements-dev 0.0.0 → 4.5.1-dev.1771859294

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

@@ -0,0 +1,173 @@
+var V = (e) => {
+  throw TypeError(e);
+};
+var X = (e, s, l) => s.has(e) || V("Cannot " + l);
+var h = (e, s, l) => (X(e, s, "read from private field"), l ? l.call(e) : s.get(e)), p = (e, s, l) => s.has(e) ? V("Cannot add the same private member more than once") : s instanceof WeakSet ? s.add(e) : s.set(e, l), o = (e, s, l, b) => (X(e, s, "write to private field"), b ? b.call(e, l) : s.set(e, l), l);
+import { __runInitializers as r, __esDecorate as d } from "tslib";
+import { css as et, LitElement as st, nothing as g } from "lit";
+import { customElement as it, property as u } from "lit/decorators.js";
+import { when as nt } from "lit/directives/when.js";
+import { html as c } from "lit/static-html.js";
+import { SbbLanguageController as ot } from "../../core/controllers.js";
+import { forceType as $, handleDistinctChange as rt, omitEmptyConverter as Y } from "../../core/decorators.js";
+import { i18nClosedCompartmentLabel as ct, i18nLocomotiveLabel as lt, i18nCouchetteWagonLabel as bt, i18nSleepingWagonLabel as gt, i18nRestaurantWagonLabel as ht, i18nWagonLabel as pt, i18nSector as dt, i18nWagonLabelNumber as ut, i18nClass as Z, i18nBlockedPassage as tt, i18nAdditionalWagonInformationHeading as yt } from "../../core/i18n.js";
+import { SbbNamedSlotListMixin as mt } from "../../core/mixins.js";
+import { boxSizingStyles as _t } from "../../core/styles.js";
+import "../../icon.js";
+import "../../timetable-occupancy-icon.js";
+const wt = et`: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}`, at = {
+  couchette: "sa-cc",
+  sleeping: "sa-wl",
+  restaurant: "sa-wr"
+};
+let Wt = (() => {
+  var y, m, _, w, f, v, x, i;
+  let e = [it("sbb-train-wagon")], s, l = [], b, k = mt(st), C, z = [], T = [], L, P = [], S = [], A, I = [], E = [], W, j = [], D = [], N, B = [], M = [], O, G = [], H = [], R, q = [], F = [];
+  return i = class extends k {
+    constructor() {
+      super(...arguments);
+      p(this, y);
+      p(this, m);
+      p(this, _);
+      p(this, w);
+      p(this, f);
+      p(this, v);
+      p(this, x);
+      o(this, y, r(this, z, "wagon")), this.listChildLocalNames = (r(this, T), ["sbb-icon"]), o(this, m, r(this, P, null)), o(this, _, (r(this, S), r(this, I, ""))), o(this, w, (r(this, E), r(this, j, "none"))), o(this, f, (r(this, D), r(this, B, null))), o(this, v, (r(this, M), r(this, G, ""))), o(this, x, (r(this, H), r(this, q, ""))), this._language = (r(this, F), new ot(this));
+    }
+    /**
+     * Wagon type.
+     * For `wagon-end-left` and `wagon-end-right`, please set the corresponding value of the `blockedPassage` property.
+     */
+    get type() {
+      return h(this, y);
+    }
+    set type(a) {
+      o(this, y, a);
+    }
+    /** Occupancy of a wagon. */
+    get occupancy() {
+      return h(this, m);
+    }
+    set occupancy(a) {
+      o(this, m, a);
+    }
+    /** Sector in which the wagon stops. */
+    get sector() {
+      return h(this, _);
+    }
+    set sector(a) {
+      o(this, _, a);
+    }
+    /** Accessibility text for blocked passages of the wagon. */
+    get blockedPassage() {
+      return h(this, w);
+    }
+    set blockedPassage(a) {
+      o(this, w, a);
+    }
+    /** Class label */
+    get wagonClass() {
+      return h(this, f);
+    }
+    set wagonClass(a) {
+      o(this, f, a);
+    }
+    /** Wagon number */
+    get label() {
+      return h(this, v);
+    }
+    set label(a) {
+      o(this, v, a);
+    }
+    /** Additional accessibility text which will be appended to the end. */
+    get additionalAccessibilityText() {
+      return h(this, x);
+    }
+    set additionalAccessibilityText(a) {
+      o(this, x, a);
+    }
+    _sectorChanged() {
+      this.dispatchEvent(new Event("sectorchange", { bubbles: !0, composed: !0 }));
+    }
+    _typeLabel() {
+      return this.type === "closed" ? ct[this._language.current] : this.type === "locomotive" ? lt[this._language.current] : this.type === "couchette" ? bt[this._language.current] : this.type === "sleeping" ? gt[this._language.current] : this.type === "restaurant" ? ht[this._language.current] : pt[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, J = `${dt[this._language.current]}, ${this.sector}`, K = this.label ? c`<span class="sbb-screen-reader-only">
+            ${`${ut[this._language.current]}, ${this.label}`}
+          </span>
+          <span aria-hidden="true">${this.label}</span>` : g, Q = c`<span class="sbb-screen-reader-only">
+        ${this.wagonClass === "1" ? Z.first[this._language.current] : Z.second[this._language.current]}
+      </span>
+      <span aria-hidden="true">${this.wagonClass}</span>`, U = at[this.type] ? c`<sbb-icon
+          name=${at[this.type]}
+          class="sbb-train-wagon__main-icon"
+        ></sbb-icon>` : g;
+      return c`
+      <div class="sbb-train-wagon">
+        ${nt(n > 1, () => c`<ul aria-label=${this._typeLabel()} class="sbb-train-wagon__compartment">
+              ${this.sector ? c`<li class="sbb-screen-reader-only">${J}</li>` : g}
+              <li class="sbb-train-wagon__label" aria-hidden=${`${!this.label}`}>
+                ${K}
+              </li>
+              ${this.wagonClass && this.type !== "closed" ? c`<li class="sbb-train-wagon__class">${Q}</li>` : g}
+              ${this.occupancy && this.type !== "closed" ? c`<sbb-timetable-occupancy-icon
+                    class="sbb-train-wagon__occupancy"
+                    role="listitem"
+                    occupancy=${this.occupancy}
+                  ></sbb-timetable-occupancy-icon>` : g}
+              ${t ? c`<li class="sbb-screen-reader-only">
+                    ${tt[a][this._language.current]}
+                  </li>` : g}
+              ${U}
+            </ul>`, () => c`<div class="sbb-train-wagon__compartment">
+              <span class="sbb-screen-reader-only">
+                ${`${this._typeLabel()}${this.sector ? `, ${J}` : ""}`}
+              </span>
+              <span class="sbb-train-wagon__label" aria-hidden=${`${!this.label}`}>
+                ${K}
+              </span>
+
+              ${this.wagonClass && this.type !== "closed" ? c`<span class="sbb-train-wagon__class">${Q}</span>` : g}
+              ${this.occupancy && this.type !== "closed" ? c`<sbb-timetable-occupancy-icon
+                    class="sbb-train-wagon__occupancy"
+                    occupancy=${this.occupancy}
+                  ></sbb-timetable-occupancy-icon>` : g}
+              ${t ? c`<span class="sbb-screen-reader-only">
+                    ${tt[a][this._language.current]}
+                  </span>` : g}
+              ${U}
+            </div> `)}
+        ${this.additionalAccessibilityText ? c`<span class="sbb-screen-reader-only">, ${this.additionalAccessibilityText}</span>` : g}
+        ${this.renderList({
+        class: "sbb-train-wagon__attribute-icon-list",
+        ariaLabel: yt[this._language.current]
+      })}
+      </div>
+    `;
+    }
+  }, y = new WeakMap(), m = new WeakMap(), _ = new WeakMap(), w = new WeakMap(), f = new WeakMap(), v = new WeakMap(), x = new WeakMap(), b = i, (() => {
+    const a = typeof Symbol == "function" && Symbol.metadata ? Object.create(k[Symbol.metadata] ?? null) : void 0;
+    C = [u({ reflect: !0 })], L = [u()], A = [$(), rt((t) => t._sectorChanged()), u({ reflect: !0, converter: Y })], W = [u({ attribute: "blocked-passage" })], N = [u({ attribute: "wagon-class" })], O = [$(), u({ reflect: !0, converter: Y })], R = [$(), u({ attribute: "additional-accessibility-text" })], d(i, null, C, { 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 }, z, T), d(i, null, L, { 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 }, P, S), d(i, null, A, { 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 }, I, E), d(i, null, W, { 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 }, j, D), d(i, null, N, { 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 }, B, M), d(i, null, O, { 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 }, G, H), d(i, null, R, { 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 }, q, F), d(null, s = { value: b }, e, { kind: "class", name: b.name, metadata: a }, null, l), b = s.value, a && Object.defineProperty(b, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: a });
+  })(), i.styles = [_t, wt], i.events = {
+    sectorchange: "sectorchange"
+  }, r(b, l), b;
+})();
+export {
+  Wt as SbbTrainWagonElement
+};

package/train/train-wagon.js

@@ -0,0 +1,4 @@
+import { SbbTrainWagonElement as o } from "./train-wagon/train-wagon.component.js";
+export {
+  o as SbbTrainWagonElement
+};

package/train/train.js

@@ -0,0 +1,4 @@
+import { SbbTrainElement as b } from "./train/train.component.js";
+export {
+  b as SbbTrainElement
+};

package/train.js

@@ -0,0 +1,10 @@
+import { SbbTrainElement as o } from "./train/train/train.component.js";
+import { SbbTrainBlockedPassageElement as m } from "./train/train-blocked-passage/train-blocked-passage.component.js";
+import { SbbTrainFormationElement as a } from "./train/train-formation/train-formation.component.js";
+import { SbbTrainWagonElement as i } from "./train/train-wagon/train-wagon.component.js";
+export {
+  m as SbbTrainBlockedPassageElement,
+  o as SbbTrainElement,
+  a as SbbTrainFormationElement,
+  i as SbbTrainWagonElement
+};

package/typography.css

@@ -0,0 +1,67 @@
+sub, sup {
+  font-size: 60%;
+  line-height: 0;
+  position: relative;
+  vertical-align: baseline;
+}
+
+sub {
+  bottom: -0.36em;
+}
+
+sup {
+  top: -0.5em;
+}
+
+.sbb-text-xxs,
+.sbb-text-xs,
+.sbb-text-s,
+.sbb-text-m,
+.sbb-text-l,
+.sbb-text-xl {
+  font-family: var(--sbb-typo-font-family);
+  font-weight: normal;
+  line-height: var(--sbb-typo-line-height-text);
+  letter-spacing: var(--sbb-typo-letter-spacing-text);
+  font-size: var(--sbb-text-font-size);
+}
+
+.sbb-text-xxs {
+  --sbb-text-font-size: var(--sbb-text-font-size-xxs);
+}
+
+.sbb-text-xs {
+  --sbb-text-font-size: var(--sbb-text-font-size-xs);
+}
+
+.sbb-text-s {
+  --sbb-text-font-size: var(--sbb-text-font-size-s);
+}
+
+.sbb-text-m {
+  --sbb-text-font-size: var(--sbb-text-font-size-m);
+}
+
+.sbb-text-l {
+  --sbb-text-font-size: var(--sbb-text-font-size-l);
+}
+
+.sbb-text-xl {
+  --sbb-text-font-size: var(--sbb-text-font-size-xl);
+}
+
+.sbb-text--bold {
+  font-weight: bold;
+}
+
+.sbb-legend {
+  --sbb-text-font-size: var(--sbb-text-font-size-xs);
+  font-family: var(--sbb-typo-font-family);
+  font-weight: normal;
+  line-height: var(--sbb-typo-line-height-text);
+  letter-spacing: var(--sbb-typo-letter-spacing-text);
+  font-size: var(--sbb-text-font-size);
+  padding: 0;
+  color: var(--sbb-color-granite);
+  color: light-dark(var(--sbb-color-granite), var(--sbb-color-cement));
+}

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

@@ -0,0 +1,80 @@
+var I = (e) => {
+  throw TypeError(e);
+};
+var j = (e, t, i) => t.has(e) || I("Cannot " + i);
+var h = (e, t, i) => (j(e, t, "read from private field"), i ? i.call(e) : t.get(e)), u = (e, t, i) => t.has(e) ? I("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(e) : t.set(e, i), v = (e, t, i, a) => (j(e, t, "write to private field"), a ? a.call(e, i) : t.set(e, i), i);
+import { __esDecorate as k, __runInitializers as r } from "tslib";
+import { css as L, LitElement as M, nothing as T, html as D } from "lit";
+import { customElement as G, property as m } from "lit/decorators.js";
+import { forceType as E } from "../core/decorators.js";
+import { isLean as H } from "../core/dom.js";
+import { SbbDisabledMixin as O, SbbNegativeMixin as $ } from "../core/mixins.js";
+import { boxSizingStyles as C } from "../core/styles.js";
+const N = L`: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 U = (() => {
+  var l, b, n, c;
+  let e = [G("sbb-visual-checkbox")], t, i = [], a, x = O($(M)), g, _ = [], f = [], p, z = [], y = [], w, S = [], B = [];
+  return c = class extends x {
+    constructor() {
+      super(...arguments);
+      u(this, l, r(this, _, !1));
+      u(this, b, (r(this, f), r(this, z, !1)));
+      u(this, n, (r(this, y), r(this, S, H() ? "xs" : "m")));
+      r(this, B);
+    }
+    /** Checked state. */
+    get checked() {
+      return h(this, l);
+    }
+    set checked(o) {
+      v(this, l, o);
+    }
+    /** Indeterminate state. */
+    get indeterminate() {
+      return h(this, b);
+    }
+    set indeterminate(o) {
+      v(this, b, o);
+    }
+    /**
+     * Size of the checkbox, either xs, s or m.
+     * @default 'm' / 'xs' (lean)
+     */
+    get size() {
+      return h(this, n);
+    }
+    set size(o) {
+      v(this, n, o);
+    }
+    render() {
+      return D`
+      ${this.checked || this.indeterminate ? D`<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>` : T}
+    `;
+    }
+  }, l = new WeakMap(), b = new WeakMap(), n = new WeakMap(), a = c, (() => {
+    const o = typeof Symbol == "function" && Symbol.metadata ? Object.create(x[Symbol.metadata] ?? null) : void 0;
+    g = [E(), m({ reflect: !0, type: Boolean })], p = [E(), m({ reflect: !0, type: Boolean })], w = [m({ reflect: !0 })], k(c, null, g, { 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: o }, _, f), k(c, null, p, { 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: o }, z, y), k(c, null, w, { 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: o }, S, B), k(null, t = { value: a }, e, { kind: "class", name: a.name, metadata: o }, null, i), a = t.value, o && Object.defineProperty(a, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: o });
+  })(), c.styles = [C, N], r(a, i), a;
+})();
+export {
+  U as SbbVisualCheckboxElement
+};

package/visual-checkbox.js

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