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

package/carousel/carousel-item.js

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

package/carousel/carousel-list/carousel-list.component.js

@@ -1,2 +1,90 @@
-import { t as e } from "../../carousel-list.component-DMMk66SP.js";
-export { e as SbbCarouselListElement };
+import { IntersectionController as i } from "@lit-labs/observers/intersection-controller.js";
+import { ResizeController as l } from "@lit-labs/observers/resize-controller.js";
+import { css as h, html as c } from "lit";
+import { isArrowKeyPressed as u } from "../../core/a11y.js";
+import { SbbElement as d } from "../../core/base-elements.js";
+import { SbbLanguageController as b } from "../../core/controllers.js";
+import { i18nCarouselItemAriaLabel as f } from "../../core/i18n.js";
+const m = h`:host{--sbb-carousel-list-border-radius: var(--sbb-border-radius-4x);display:flex;height:var(--sbb-carousel-list-height);width:var(--sbb-carousel-list-width, 0);overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;outline:none;border-radius:var(--sbb-carousel-inherit-border-radius)}:host(:focus-visible):before{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) var(--sbb-focus-outline-style, solid) var(--sbb-focus-outline-width);content:"";position:absolute;height:inherit;width:inherit;border-start-start-radius:var(--sbb-carousel-list-border-radius);border-start-end-radius:var(--sbb-carousel-list-border-radius);border-end-start-radius:var(--sbb-carousel-inherit-border-radius);border-end-end-radius:var(--sbb-carousel-inherit-border-radius)}`, o = class o extends d {
+  constructor() {
+    super(), this._currentIndex = 0, this._language = new b(this), this._observedCarouselItems = [], this._beforeShowObserver = new i(this, {
+      target: null,
+      callback: (e) => {
+        e.filter((r) => r.isIntersecting && r.target !== this).forEach((r) => {
+          const s = r.target;
+          s.dispatchEvent(new CustomEvent("beforeshow", {
+            detail: { index: this._carouselItems().findIndex((a) => a === s) },
+            bubbles: !0,
+            composed: !0
+          }));
+        });
+      },
+      config: { threshold: 0.01, root: this, rootMargin: "100% 0% 100% 0%" }
+    }), this._showObserver = new i(this, {
+      target: null,
+      callback: (e) => {
+        for (const t of e) {
+          if (t.target === this)
+            continue;
+          const r = t.target;
+          t.isIntersecting ? (r.ariaHidden = null, this._currentIndex = this._carouselItems().findIndex((s) => s === r), r.dispatchEvent(new CustomEvent("show", {
+            detail: { index: this._currentIndex },
+            bubbles: !0,
+            composed: !0
+          }))) : r.ariaHidden = "true";
+        }
+      },
+      config: { threshold: 0.99, root: this, rootMargin: "100% 0% 100% 0%" }
+    }), this._resizeObserverController = new l(this, {
+      skipInitial: !0,
+      callback: () => this._readDimensions()
+    }), this.addEventListener?.("keydown", (e) => this._onKeyDown(e));
+  }
+  /** Gets the slotted items. */
+  _carouselItems() {
+    return Array.from(this.querySelectorAll?.("sbb-carousel-item") ?? []);
+  }
+  _handleSlotchange() {
+    this._observedCarouselItems.forEach((t) => {
+      this._beforeShowObserver.unobserve(t), this._showObserver.unobserve(t);
+    });
+    const e = this._carouselItems();
+    e.forEach((t, r) => {
+      t.ariaLabel ||= f(r + 1, e.length)[this._language.current], t.ariaHidden = r === this._currentIndex ? null : "true";
+    }), this._readDimensions();
+  }
+  /**
+   * Reads the dimensions of the first carousel item and sets the CSS properties accordingly.
+   * Should set the dimensions only once, when the first item becomes visible and if the value is non-zero.
+   */
+  _readDimensions() {
+    const e = this._carouselItems();
+    if (e.length === 0)
+      return;
+    const t = e[0];
+    t.clientHeight > 0 && this.style.setProperty("--sbb-carousel-list-height", `${t.clientHeight}px`), t.clientWidth > 0 && (this.style.setProperty("--sbb-carousel-list-width", `${t.clientWidth}px`), e.forEach((r) => {
+      this._beforeShowObserver.observe(r), this._showObserver.observe(r);
+    }), this._observedCarouselItems = e, this._resizeObserverController.unobserve(this));
+  }
+  _onKeyDown(e) {
+    if (!u(e))
+      return;
+    e.preventDefault();
+    let t = this._currentIndex;
+    const r = e.key === "ArrowUp" || e.key === "ArrowLeft", s = e.key === "ArrowDown" || e.key === "ArrowRight";
+    r ? t = Math.max(0, this._currentIndex - 1) : s && (t = Math.min(this._carouselItems().length - 1, this._currentIndex + 1)), t !== this._currentIndex && (this._currentIndex = t, this.scrollTo({
+      left: this._carouselItems()[this._currentIndex].offsetLeft - this.offsetLeft
+    }));
+  }
+  connectedCallback() {
+    super.connectedCallback(), this.internals.ariaLive = "polite", this.internals.ariaAtomic = "true";
+  }
+  render() {
+    return c`<slot @slotchange=${this._handleSlotchange}></slot>`;
+  }
+};
+o.elementName = "sbb-carousel-list", o.styles = m;
+let n = o;
+export {
+  n as SbbCarouselListElement
+};

package/carousel/carousel-list.js

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

package/carousel/carousel.js

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

package/carousel.js

@@ -1,7 +1,11 @@
-import { t as e } from "./carousel-item.component-kv3rY8B-.js";
-import { t } from "./carousel-list.component-DMMk66SP.js";
-import { t as n } from "./carousel.component-Bd0iGUbf.js";
-import "./carousel.pure.js";
-n.define(), e.define(), t.define();
-//#endregion
-export { n as SbbCarouselElement, e as SbbCarouselItemElement, t as SbbCarouselListElement };
+import { SbbCarouselItemElement as e } from "./carousel/carousel-item/carousel-item.component.js";
+import { SbbCarouselListElement as m } from "./carousel/carousel-list/carousel-list.component.js";
+import { SbbCarouselElement as o } from "./carousel/carousel/carousel.component.js";
+o.define();
+e.define();
+m.define();
+export {
+  o as SbbCarouselElement,
+  e as SbbCarouselItemElement,
+  m as SbbCarouselListElement
+};

package/carousel.pure.js

@@ -1,4 +1,8 @@
-import { t as e } from "./carousel-item.component-kv3rY8B-.js";
-import { t } from "./carousel-list.component-DMMk66SP.js";
-import { t as n } from "./carousel.component-Bd0iGUbf.js";
-export { n as SbbCarouselElement, e as SbbCarouselItemElement, t as SbbCarouselListElement };
+import { SbbCarouselItemElement as r } from "./carousel/carousel-item/carousel-item.component.js";
+import { SbbCarouselListElement as m } from "./carousel/carousel-list/carousel-list.component.js";
+import { SbbCarouselElement as l } from "./carousel/carousel/carousel.component.js";
+export {
+  l as SbbCarouselElement,
+  r as SbbCarouselItemElement,
+  m as SbbCarouselListElement
+};

package/checkbox/checkbox-group.js

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

package/checkbox/checkbox-panel.js

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

package/checkbox/checkbox.component.js

@@ -1,3 +1,91 @@
-import { t as e } from "../checkbox.component-CJcC5JnN.js";
-import "../checkbox-common-D9htxWLZ.js";
-export { e as SbbCheckboxElement };
+var y = (t) => {
+  throw TypeError(t);
+};
+var P = (t, s, i) => s.has(t) || y("Cannot " + i);
+var h = (t, s, i) => (P(t, s, "read from private field"), i ? i.call(t) : s.get(t)), u = (t, s, i) => s.has(t) ? y("Cannot add the same private member more than once") : s instanceof WeakSet ? s.add(t) : s.set(t, i), d = (t, s, i, n) => (P(t, s, "write to private field"), n ? n.call(t, i) : s.set(t, i), i);
+import { __esDecorate as f, __runInitializers as l } from "tslib";
+import { css as S, html as w } from "lit";
+import { property as p } from "lit/decorators.js";
+import { SbbElement as I } from "../core/base-elements.js";
+import { getOverride as j } from "../core/decorators.js";
+import { isLean as $ } from "../core/dom.js";
+import { boxSizingStyles as O } from "../core/styles.js";
+import { SbbIconNameMixin as D } from "../icon.js";
+import { SbbCheckboxCommonElementMixin as M, checkboxCommonStyle as N } from "./common/checkbox-common.js";
+import "../visual-checkbox.js";
+const L = S`:host{outline:none!important;display:inline-block}:host([icon-placement=start]){--sbb-checkbox-label-icon-flex-direction: row-reverse;--sbb-checkbox-label-icon-justify-content: flex-end;--sbb-checkbox-label-icon-flex-grow: 0}:host(:focus-visible) .sbb-checkbox-wrapper{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) var(--sbb-focus-outline-style, solid) var(--sbb-focus-outline-width);border-radius:calc(var(--sbb-border-radius-4x) - var(--sbb-focus-outline-offset))}.sbb-checkbox__label{flex-direction:var(--sbb-checkbox-label-icon-flex-direction);justify-content:var(--sbb-checkbox-label-icon-justify-content);flex-grow:var(--sbb-checkbox-label-icon-flex-grow);gap:var(--sbb-checkbox-label-gap)}:host(:not(:is(:state(slotted),[state--slotted]),:is(:state(slotted-icon),[state--slotted-icon]),:is(:state(has-icon-name),[state--has-icon-name]))) .sbb-checkbox__label{display:none}sbb-icon,slot[name=icon] ::slotted(sbb-icon){display:flex;align-items:center;height:calc(1em * var(--sbb-typo-line-height-text))}`;
+let V = (() => {
+  var r, b, m, a;
+  let t = D(M(I)), s, i = [], n = [], x, _ = [], v = [], g, k = [], z = [];
+  return a = class extends t {
+    constructor() {
+      super(...arguments);
+      u(this, r, l(this, i, null));
+      u(this, b, (l(this, n), l(this, _, $() ? "xs" : "m")));
+      u(this, m, (l(this, v), l(this, k, "end")));
+      l(this, z);
+    }
+    /** Value of the form element. */
+    get value() {
+      return h(this, r);
+    }
+    set value(o) {
+      d(this, r, o);
+    }
+    /**
+     * Size variant, either xs, s or m.
+     * @default 'm' / 'xs' (lean)
+     */
+    get size() {
+      return h(this, b);
+    }
+    set size(o) {
+      d(this, b, o);
+    }
+    /** The label position relative to the labelIcon. Defaults to end */
+    get iconPlacement() {
+      return h(this, m);
+    }
+    set iconPlacement(o) {
+      d(this, m, o);
+    }
+    render() {
+      return w`
+      <span class="sbb-checkbox-wrapper">
+        <span class="sbb-checkbox">
+          <span class="sbb-checkbox__inner">
+            <span class="sbb-checkbox__aligner">
+              <sbb-visual-checkbox
+                ?checked=${this.checked}
+                ?indeterminate=${this.indeterminate}
+                ?disabled=${this.disabled || this.formDisabled}
+                .size=${this.size}
+              ></sbb-visual-checkbox>
+            </span>
+            <span class="sbb-checkbox__label">
+              <slot></slot>
+              ${this.renderIconSlot()}
+            </span>
+          </span>
+        </span>
+      </span>
+    `;
+    }
+  }, r = new WeakMap(), b = new WeakMap(), m = new WeakMap(), (() => {
+    const o = typeof Symbol == "function" && Symbol.metadata ? Object.create(t[Symbol.metadata] ?? null) : void 0;
+    s = [p()], x = [p({ reflect: !0 }), j((e, c) => e.group?.size ?? c)], g = [p({ attribute: "icon-placement", reflect: !0 })], f(a, null, s, { kind: "accessor", name: "value", static: !1, private: !1, access: { has: (e) => "value" in e, get: (e) => e.value, set: (e, c) => {
+      e.value = c;
+    } }, metadata: o }, i, n), f(a, null, x, { kind: "accessor", name: "size", static: !1, private: !1, access: { has: (e) => "size" in e, get: (e) => e.size, set: (e, c) => {
+      e.size = c;
+    } }, metadata: o }, _, v), f(a, null, g, { kind: "accessor", name: "iconPlacement", static: !1, private: !1, access: { has: (e) => "iconPlacement" in e, get: (e) => e.iconPlacement, set: (e, c) => {
+      e.iconPlacement = c;
+    } }, metadata: o }, k, z), o && Object.defineProperty(a, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: o });
+  })(), a.elementName = "sbb-checkbox", a.styles = [
+    O,
+    N,
+    L
+  ], a;
+})();
+export {
+  V as SbbCheckboxElement
+};

package/checkbox/checkbox.js

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

package/checkbox/common/checkbox-common.js

@@ -1,2 +1,57 @@
-import { n as e, t } from "../../checkbox-common-D9htxWLZ.js";
-export { t as SbbCheckboxCommonElementMixin, e as checkboxCommonStyle };
+var h = (e) => {
+  throw TypeError(e);
+};
+var m = (e, t, i) => t.has(e) || h("Cannot " + i);
+var d = (e, t, i) => (m(e, t, "read from private field"), i ? i.call(e) : t.get(e)), x = (e, t, i) => t.has(e) ? h("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(e) : t.set(e, i), n = (e, t, i, a) => (m(e, t, "write to private field"), a ? a.call(e, i) : t.set(e, i), i);
+import { __runInitializers as p, __esDecorate as k } from "tslib";
+import { property as f } from "lit/decorators.js";
+import "../../core/base-elements.js";
+import { forceType as g } from "../../core/decorators.js";
+import { SbbFormAssociatedCheckboxMixin as v } from "../../core/mixins.js";
+import { css as _ } from "lit";
+const I = _`@charset "UTF-8";:host([size=xs]){--sbb-checkbox-font-size: var(--sbb-text-font-size-xs);--sbb-checkbox-dimension: var(--sbb-checkbox-dimension-xs)}:host([size=s]){--sbb-checkbox-font-size: var(--sbb-text-font-size-s);--sbb-checkbox-dimension: var(--sbb-checkbox-dimension-s)}:host([size=m]){--sbb-checkbox-font-size: var(--sbb-text-font-size-m);--sbb-checkbox-dimension: var(--sbb-checkbox-dimension-m)}:host(:disabled){--sbb-checkbox-cursor: var(--sbb-cursor-default);--sbb-checkbox-label-color: var(--sbb-color-granite);--sbb-checkbox-label-color: light-dark(var(--sbb-color-granite), var(--sbb-color-aluminium))}.sbb-checkbox-wrapper{display:flex}.sbb-checkbox-wrapper:before{content:"​";-webkit-user-select:none;user-select:none;width:0;height:0}.sbb-checkbox{font-size:var(--sbb-checkbox-font-size);letter-spacing:var(--sbb-typo-letter-spacing-text);position:relative;display:block;width:100%;cursor:var(--sbb-checkbox-cursor);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.sbb-checkbox__inner{display:flex;align-items:start;gap:var(--sbb-spacing-fixed-2x)}.sbb-checkbox__label{display:flex;flex-grow:1;color:var(--sbb-checkbox-label-color);line-height:max(1em * var(--sbb-typo-line-height-text),var(--sbb-checkbox-dimension))}.sbb-checkbox__aligner{display:flex;align-items:center;height:calc(1em * var(--sbb-typo-line-height-text))}`, j = (e) => (() => {
+  var o, r;
+  let i = v(e), a, c = [], l = [];
+  return r = class extends i {
+    constructor() {
+      super(...arguments);
+      x(this, o);
+      n(this, o, p(this, c, !1)), this._group = (p(this, l), null);
+    }
+    /** Whether the checkbox is indeterminate. */
+    get indeterminate() {
+      return d(this, o);
+    }
+    set indeterminate(s) {
+      n(this, o, s);
+    }
+    /** Reference to the connected checkbox group. */
+    get group() {
+      return this._group;
+    }
+    connectedCallback() {
+      super.connectedCallback(), this._group = this.closest("sbb-checkbox-group"), ["disabled", "required", "size"].forEach((s) => this.requestUpdate(s));
+    }
+    willUpdate(s) {
+      super.willUpdate(s), (s.has("checked") || s.has("indeterminate")) && (this.internals.ariaChecked = this.indeterminate ? "mixed" : `${this.checked}`);
+    }
+    isDisabledExternally() {
+      return this.group?.disabled ?? !1;
+    }
+    isRequiredExternally() {
+      return this.group?.required ?? !1;
+    }
+    withUserInteraction() {
+      this.indeterminate && (this.indeterminate = !1);
+    }
+  }, o = new WeakMap(), (() => {
+    const s = typeof Symbol == "function" && Symbol.metadata ? Object.create(i[Symbol.metadata] ?? null) : void 0;
+    a = [g(), f({ type: Boolean })], k(r, null, a, { kind: "accessor", name: "indeterminate", static: !1, private: !1, access: { has: (b) => "indeterminate" in b, get: (b) => b.indeterminate, set: (b, u) => {
+      b.indeterminate = u;
+    } }, metadata: s }, c, l), s && Object.defineProperty(r, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: s });
+  })(), r;
+})();
+export {
+  j as SbbCheckboxCommonElementMixin,
+  I as checkboxCommonStyle
+};

package/checkbox/common.js

@@ -1,5 +1,7 @@
-import { n as e, t } from "../checkbox-common-D9htxWLZ.js";
-//#region src/elements/checkbox/common.ts
-console.warn("The entrypoint '@sbb-esta/elements/checkbox/common.js' has been deprecated.\nUse either '@sbb-esta/elements/checkbox.js' or '@sbb-esta/elements/checkbox.pure.js' instead.");
-//#endregion
-export { t as SbbCheckboxCommonElementMixin, e as checkboxCommonStyle };
+import { SbbCheckboxCommonElementMixin as s, checkboxCommonStyle as b } from "./common/checkbox-common.js";
+console.warn(`The entrypoint '@sbb-esta/elements/checkbox/common.js' has been deprecated.
+Use either '@sbb-esta/elements/checkbox.js' or '@sbb-esta/elements/checkbox.pure.js' instead.`);
+export {
+  s as SbbCheckboxCommonElementMixin,
+  b as checkboxCommonStyle
+};

package/checkbox-group/checkbox-group.component.js

@@ -1,2 +1,101 @@
-import { t as e } from "../checkbox-group.component-CNAwwaS0.js";
-export { e as SbbCheckboxGroupElement };
+var I = (o) => {
+  throw TypeError(o);
+};
+var S = (o, i, r) => i.has(o) || I("Cannot " + r);
+var u = (o, i, r) => (S(o, i, "read from private field"), r ? r.call(o) : i.get(o)), m = (o, i, r) => i.has(o) ? I("Cannot add the same private member more than once") : i instanceof WeakSet ? i.add(o) : i.set(o, r), p = (o, i, r, n) => (S(o, i, "write to private field"), n ? n.call(o, r) : i.set(o, r), r);
+import { __esDecorate as x, __runInitializers as c } from "tslib";
+import { MutationController as E } from "@lit-labs/observers/mutation-controller.js";
+import { css as N, html as A } from "lit";
+import { property as g } from "lit/decorators.js";
+import { interactivityChecker as K, isArrowKeyPressed as L, getNextElementIndex as j } from "../core/a11y.js";
+import { SbbElement as M } from "../core/base-elements.js";
+import { forceType as O } from "../core/decorators.js";
+import { isLean as B } from "../core/dom.js";
+import { SbbDisabledMixin as T } from "../core/mixins.js";
+import { boxSizingStyles as V } from "../core/styles.js";
+const H = N`:host{display:block}:host([orientation=vertical]){--sbb-checkbox-group-orientation: column;--sbb-checkbox-group-width: 100%;--sbb-checkbox-group-checkbox-width: 100%}:host(:is(:state(has-panel),[state--has-panel])){--sbb-checkbox-group-width: 100%;--sbb-checkbox-group-gap: var(--sbb-spacing-fixed-2x) var(--sbb-spacing-fixed-4x);--sbb-checkbox-group-checkbox-flex: auto}@media(min-width:0rem){:host([orientation=vertical][horizontal-from=zero]){--sbb-checkbox-group-orientation: row;--sbb-checkbox-group-checkbox-width: auto;--sbb-checkbox-group-checkbox-width: initial}:host([orientation=vertical][horizontal-from=zero]:not(:is(:state(has-panel),[state--has-panel]))){--sbb-checkbox-group-width: max-content}}@media(min-width:37.5rem){:host([orientation=vertical][horizontal-from=small]){--sbb-checkbox-group-orientation: row;--sbb-checkbox-group-checkbox-width: auto;--sbb-checkbox-group-checkbox-width: initial}:host([orientation=vertical][horizontal-from=small]:not(:is(:state(has-panel),[state--has-panel]))){--sbb-checkbox-group-width: max-content}}@media(min-width:64rem){:host([orientation=vertical][horizontal-from=large]){--sbb-checkbox-group-orientation: row;--sbb-checkbox-group-checkbox-width: auto;--sbb-checkbox-group-checkbox-width: initial}:host([orientation=vertical][horizontal-from=large]:not(:is(:state(has-panel),[state--has-panel]))){--sbb-checkbox-group-width: max-content}}@media(min-width:90rem){:host([orientation=vertical][horizontal-from=ultra]){--sbb-checkbox-group-orientation: row;--sbb-checkbox-group-checkbox-width: auto;--sbb-checkbox-group-checkbox-width: initial}:host([orientation=vertical][horizontal-from=ultra]:not(:is(:state(has-panel),[state--has-panel]))){--sbb-checkbox-group-width: max-content}}.sbb-checkbox-group{display:flex;flex-direction:var(--sbb-checkbox-group-orientation);gap:var(--sbb-checkbox-group-gap);align-items:flex-start;width:var(--sbb-checkbox-group-width)}:host(:is(:state(slotted-error),[state--slotted-error])) .sbb-checkbox-group{margin-block-end:var(--sbb-spacing-fixed-1x)}::slotted(:is(sbb-checkbox,sbb-checkbox-panel)){width:var(--sbb-checkbox-group-checkbox-width)}::slotted(sbb-checkbox-panel){flex:var(--sbb-checkbox-group-checkbox-flex)}`;
+let te = (() => {
+  var l, h, b, d, a;
+  let o = T(M), i, r = [], n = [], f, k = [], z = [], w, _ = [], y = [], v, q = [], F = [];
+  return a = class extends o {
+    constructor() {
+      super();
+      m(this, l, c(this, r, !1));
+      m(this, h, (c(this, n), c(this, k, B() ? "xs" : "m")));
+      m(this, b, (c(this, z), c(this, _, null)));
+      m(this, d, (c(this, y), c(this, q, "horizontal")));
+      c(this, F), this.addEventListener?.("keydown", (t) => this._handleKeyDown(t)), this.addController(new E(this, {
+        config: { childList: !0, subtree: !0 },
+        callback: () => this.toggleState("has-panel", !!this.querySelector?.("sbb-checkbox-panel"))
+      }));
+    }
+    /** Whether the checkbox group is required. */
+    get required() {
+      return u(this, l);
+    }
+    set required(t) {
+      p(this, l, t);
+    }
+    /**
+     * Size variant, either xs, s or m.
+     * @default 'm' / 'xs' (lean)
+     */
+    get size() {
+      return u(this, h);
+    }
+    set size(t) {
+      p(this, h, t);
+    }
+    /** Overrides the behavior of `orientation` property. */
+    get horizontalFrom() {
+      return u(this, b);
+    }
+    set horizontalFrom(t) {
+      p(this, b, t);
+    }
+    /** Indicates the orientation of the checkboxes inside the `<sbb-checkbox-group>`. */
+    get orientation() {
+      return u(this, d);
+    }
+    set orientation(t) {
+      p(this, d, t);
+    }
+    /** List of contained checkbox elements. */
+    get checkboxes() {
+      return Array.from(this.querySelectorAll?.("sbb-checkbox, sbb-checkbox-panel") ?? []).filter((t) => t.closest("sbb-checkbox-group") === this);
+    }
+    willUpdate(t) {
+      super.willUpdate(t), t.has("disabled") && this.checkboxes.forEach((e) => e.requestUpdate?.("disabled")), t.has("required") && this.checkboxes.forEach((e) => e.requestUpdate?.("required")), t.has("size") && this.checkboxes.forEach((e) => e.requestUpdate?.("size"));
+    }
+    _handleKeyDown(t) {
+      const e = this.checkboxes.filter((s) => !s.disabled && K.isVisible(s));
+      if (!(!e || // don't trap nested handling
+      t.target !== this && t.target.parentElement !== this && t.target.parentElement.localName !== "sbb-selection-expansion-panel" && t.target.parentElement.localName !== "sbb-selection-action-panel") && L(t)) {
+        const s = e.findIndex((D) => D === t.target), U = j(t, s, e.length);
+        e[U]?.focus();
+      }
+    }
+    render() {
+      return A`
+      <div class="sbb-checkbox-group">
+        <slot></slot>
+      </div>
+      <slot name="error"></slot>
+    `;
+    }
+  }, l = new WeakMap(), h = new WeakMap(), b = new WeakMap(), d = new WeakMap(), (() => {
+    const t = typeof Symbol == "function" && Symbol.metadata ? Object.create(o[Symbol.metadata] ?? null) : void 0;
+    i = [O(), g({ reflect: !0, type: Boolean })], f = [g()], w = [g({ attribute: "horizontal-from", reflect: !0 })], v = [g({ reflect: !0 })], x(a, null, i, { kind: "accessor", name: "required", static: !1, private: !1, access: { has: (e) => "required" in e, get: (e) => e.required, set: (e, s) => {
+      e.required = s;
+    } }, metadata: t }, r, n), x(a, null, f, { kind: "accessor", name: "size", static: !1, private: !1, access: { has: (e) => "size" in e, get: (e) => e.size, set: (e, s) => {
+      e.size = s;
+    } }, metadata: t }, k, z), x(a, null, w, { kind: "accessor", name: "horizontalFrom", static: !1, private: !1, access: { has: (e) => "horizontalFrom" in e, get: (e) => e.horizontalFrom, set: (e, s) => {
+      e.horizontalFrom = s;
+    } }, metadata: t }, _, y), x(a, null, v, { kind: "accessor", name: "orientation", static: !1, private: !1, access: { has: (e) => "orientation" in e, get: (e) => e.orientation, set: (e, s) => {
+      e.orientation = s;
+    } }, metadata: t }, q, F), t && Object.defineProperty(a, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: t });
+  })(), a.elementName = "sbb-checkbox-group", a.styles = [V, H], a;
+})();
+export {
+  te as SbbCheckboxGroupElement
+};

package/checkbox-group.js

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

package/checkbox-group.pure.js

@@ -1,2 +1,4 @@
-import { t as e } from "./checkbox-group.component-CNAwwaS0.js";
-export { e as SbbCheckboxGroupElement };
+import { SbbCheckboxGroupElement as b } from "./checkbox-group/checkbox-group.component.js";
+export {
+  b as SbbCheckboxGroupElement
+};

package/checkbox-panel/checkbox-panel.component.js

@@ -1,60 +1,38 @@
-import { __esDecorate as e, __runInitializers as t } from "tslib";
-import { html 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 { SbbPanelMixin as o, SbbUpdateSchedulerMixin as s, panelCommonStyle as c } from "../core/mixins.js";
-import { boxSizingStyles as l } from "../core/styles.js";
+var c = (e) => {
+  throw TypeError(e);
+};
+var b = (e, t, s) => t.has(e) || c("Cannot " + s);
+var m = (e, t, s) => (b(e, t, "read from private field"), s ? s.call(e) : t.get(e)), p = (e, t, s) => t.has(e) ? c("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(e) : t.set(e, s), h = (e, t, s, r) => (b(e, t, "write to private field"), r ? r.call(e, s) : t.set(e, s), s);
+import { __esDecorate as x, __runInitializers as u } from "tslib";
+import { nothing as f, html as d } from "lit";
+import { property as _ } from "lit/decorators.js";
+import { SbbCheckboxCommonElementMixin as v, checkboxCommonStyle as k } from "../checkbox/common/checkbox-common.js";
+import { SbbElement as S } from "../core/base-elements.js";
+import { SbbPanelMixin as y, SbbUpdateSchedulerMixin as g, panelCommonStyle as $ } from "../core/mixins.js";
+import { boxSizingStyles as z } from "../core/styles.js";
 import "../screen-reader-only.js";
-import { SbbCheckboxCommonElementMixin as u, checkboxCommonStyle as d } from "../checkbox/common/checkbox-common.js";
 import "../visual-checkbox.js";
-//#region src/elements/checkbox-panel/checkbox-panel.component.ts
-var f = (() => {
-	let f = o(u(s(a))), p, m = [], h = [];
-	return class extends f {
-		static {
-			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(f[Symbol.metadata] ?? null) : void 0;
-			p = [i()], e(this, null, p, {
-				kind: "accessor",
-				name: "value",
-				static: !1,
-				private: !1,
-				access: {
-					has: (e) => "value" in e,
-					get: (e) => e.value,
-					set: (e, t) => {
-						e.value = t;
-					}
-				},
-				metadata: t
-			}, m, h), t && Object.defineProperty(this, Symbol.metadata, {
-				enumerable: !0,
-				configurable: !0,
-				writable: !0,
-				value: t
-			});
-		}
-		static {
-			this.elementName = "sbb-checkbox-panel";
-		}
-		static {
-			this.styles = [
-				l,
-				d,
-				c
-			];
-		}
-		#e = t(this, m, null);
-		get value() {
-			return this.#e;
-		}
-		set value(e) {
-			this.#e = e;
-		}
-		requestUpdate(e, t, n) {
-			super.requestUpdate(e, t, n), e === "checked" && (this.internals.ariaChecked = `${this.checked}`, this.toggleState("checked", this.checked));
-		}
-		render() {
-			return n`
+let B = (() => {
+  var n, a;
+  let e = y(v(g(S))), t, s = [], r = [];
+  return a = class extends e {
+    constructor() {
+      super(...arguments);
+      p(this, n, u(this, s, null));
+      u(this, r);
+    }
+    /** Value of the form element. */
+    get value() {
+      return m(this, n);
+    }
+    set value(i) {
+      h(this, n, i);
+    }
+    requestUpdate(i, l, o) {
+      super.requestUpdate(i, l, o), i === "checked" && (this.internals.ariaChecked = `${this.checked}`, this.toggleState("checked", this.checked));
+    }
+    render() {
+      return d`
       <span class="sbb-selection-panel">
         <div class="sbb-selection-panel__badge">
           <slot name="badge"></slot>
@@ -76,16 +54,23 @@ var f = (() => {
               </span>
             </span>
             <slot name="subtext"></slot>
-            ${this.expansionState ? n`<sbb-screen-reader-only>${this.expansionState}</sbb-screen-reader-only>` : r}
+            ${this.expansionState ? d`<sbb-screen-reader-only>${this.expansionState}</sbb-screen-reader-only>` : f}
           </span>
         </span>
       </span>
     `;
-		}
-		constructor() {
-			super(...arguments), t(this, h);
-		}
-	};
+    }
+  }, n = new WeakMap(), (() => {
+    const i = typeof Symbol == "function" && Symbol.metadata ? Object.create(e[Symbol.metadata] ?? null) : void 0;
+    t = [_()], x(a, null, t, { kind: "accessor", name: "value", static: !1, private: !1, access: { has: (l) => "value" in l, get: (l) => l.value, set: (l, o) => {
+      l.value = o;
+    } }, metadata: i }, s, r), i && Object.defineProperty(a, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: i });
+  })(), a.elementName = "sbb-checkbox-panel", a.styles = [
+    z,
+    k,
+    $
+  ], a;
 })();
-//#endregion
-export { f as SbbCheckboxPanelElement };
+export {
+  B as SbbCheckboxPanelElement
+};

package/checkbox-panel.js

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