@sbb-esta/lyne-elements 0.52.1 → 0.53.0

package/datepicker/datepicker.js

@@ -1,261 +1,261 @@
-import { css as m, LitElement as f, html as v } from "lit";
-import { property as l, state as w, customElement as g } from "lit/decorators.js";
-import { readConfig as y } from "../core/config.js";
-import { SbbConnectedAbortController as D, SbbLanguageController as C } from "../core/controllers.js";
-import { defaultDateAdapter as p } from "../core/datetime.js";
-import { findReferencedElement as x, findInput as u } from "../core/dom.js";
+import { css as c, LitElement as b, html as f } from "lit";
+import { property as u, state as E, customElement as g } from "lit/decorators.js";
+import { readConfig as v } from "../core/config.js";
+import { SbbConnectedAbortController as C, SbbLanguageController as w } from "../core/controllers.js";
+import { defaultDateAdapter as m } from "../core/datetime.js";
+import { findReferencedElement as D, findInput as h } from "../core/dom.js";
 import { EventEmitter as d } from "../core/eventing.js";
-import { i18nDatePickerPlaceholder as c, i18nDateChangedTo as E } from "../core/i18n.js";
-import { AgnosticMutationObserver as V } from "../core/observers.js";
-const k = m`:host{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}`;
-var A = Object.defineProperty, O = Object.getOwnPropertyDescriptor, o = (t, e, s, a) => {
-  for (var i = a > 1 ? void 0 : a ? O(e, s) : e, r = t.length - 1, h; r >= 0; r--)
-    (h = t[r]) && (i = (a ? h(e, s, i) : h(i)) || i);
-  return a && i && A(e, s, i), i;
+import { i18nDatePickerPlaceholder as p, i18nDateChangedTo as A } from "../core/i18n.js";
+import { AgnosticMutationObserver as y } from "../core/observers.js";
+const V = c`:host{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}`;
+var x = Object.defineProperty, P = Object.getOwnPropertyDescriptor, l = (t, e, n, a) => {
+  for (var i = a > 1 ? void 0 : a ? P(e, n) : e, s = t.length - 1, o; s >= 0; s--)
+    (o = t[s]) && (i = (a ? o(e, n, i) : o(i)) || i);
+  return a && i && x(e, n, i), i;
 };
 const U = /(^0?[1-9]?|[12]?[0-9]?|3?[01]?)[.,\\/\-\s](0?[1-9]?|1?[0-2]?)?[.,\\/\-\s](\d{1,4}$)?/;
-function S(t, e) {
-  var s;
+function N(t, e) {
+  var n;
   if (!e) {
-    const a = (s = t.closest) == null ? void 0 : s.call(t, "sbb-form-field");
+    const a = (n = t.closest) == null ? void 0 : n.call(t, "sbb-form-field");
     return a == null ? void 0 : a.querySelector("sbb-datepicker");
   }
-  return x(e);
+  return D(e);
 }
-function b(t, e, s, a) {
+function _(t, e, n, a) {
   let i = a.addCalendarDays(t, e);
-  if (s)
-    for (; !s(i); )
+  if (n)
+    for (; !n(i); )
       i = a.addCalendarDays(i, e);
   return i;
 }
-function $(t, e, s, a) {
-  const i = b(t, -1, e, s), r = s.deserialize(a);
-  return !r || s.isValid(r) && s.compareDate(i, r) >= 0 ? i : t;
+function $(t, e, n, a) {
+  const i = _(t, -1, e, n), s = n.deserialize(a);
+  return !s || n.isValid(s) && n.compareDate(i, s) >= 0 ? i : t;
 }
-function q(t, e, s, a) {
-  const i = b(t, 1, e, s), r = s.deserialize(a);
-  return !r || s.isValid(r) && s.compareDate(i, r) <= 0 ? i : t;
+function H(t, e, n, a) {
+  const i = _(t, 1, e, n), s = n.deserialize(a);
+  return !s || n.isValid(s) && n.compareDate(i, s) <= 0 ? i : t;
 }
-function F(t, e, s, a) {
-  const i = p, r = i.deserialize(s), h = i.deserialize(a);
-  return i.isValid(r) && i.compareDate(t, r) < 0 || i.isValid(h) && i.compareDate(t, h) > 0 ? !1 : e ? e(t) : !0;
+function k(t, e, n, a) {
+  const i = m, s = i.deserialize(n), o = i.deserialize(a);
+  return i.isValid(s) && i.compareDate(t, s) < 0 || i.isValid(o) && i.compareDate(t, o) > 0 ? !1 : e ? e(t) : !0;
 }
-const L = () => new CustomEvent("datepickerControlRegistered", {
+const j = () => new CustomEvent("datepickerControlRegistered", {
   bubbles: !1,
   composed: !0
 });
-let n = class extends f {
+let r = class extends b {
   constructor() {
     var t;
-    super(...arguments), this.wide = !1, this.dateFilter = () => !0, this.g = null, this.p = new d(this, n.events.didChange, {
+    super(...arguments), this.wide = !1, this.dateFilter = () => !0, this._now = null, this._didChange = new d(this, r.events.didChange, {
       bubbles: !0,
       cancelable: !0
-    }), this.q = new d(this, n.events.change, {
+    }), this._change = new d(this, r.events.change, {
       bubbles: !0
-    }), this.j = new d(
+    }), this._inputUpdated = new d(
       this,
-      n.events.inputUpdated,
+      r.events.inputUpdated,
       { bubbles: !0, cancelable: !0 }
-    ), this.r = new d(
+    ), this._datePickerUpdated = new d(
       this,
-      n.events.datePickerUpdated,
+      r.events.datePickerUpdated,
       {
         bubbles: !0,
         cancelable: !0
       }
-    ), this.s = new d(
+    ), this._validationChange = new d(
       this,
-      n.events.validationChange
-    ), this.c = null, this.h = new V(this.l.bind(this)), this.b = ((t = y().datetime) == null ? void 0 : t.dateAdapter) ?? p, this.w = new D(this), this.e = new C(this).withHandler(() => {
-      if (this.a) {
-        this.a.placeholder = c[this.e.current];
+      r.events.validationChange
+    ), this._inputElementState = null, this._inputObserver = new y(this._onInputPropertiesChange.bind(this)), this._dateAdapter = ((t = v().datetime) == null ? void 0 : t.dateAdapter) ?? m, this._abort = new C(this), this._language = new w(this).withHandler(() => {
+      if (this._inputElement) {
+        this._inputElement.placeholder = p[this._language.current];
         const e = this.getValueAsDate();
-        e && (this.a.value = this.f(e));
+        e && (this._inputElement.value = this._format(e));
       }
     });
   }
   set now(t) {
-    this.g = this.b.getValidDateOrNull(this.b.deserialize(t));
+    this._now = this._dateAdapter.getValidDateOrNull(this._dateAdapter.deserialize(t));
   }
   get now() {
-    return this.g ?? this.b.today();
+    return this._now ?? this._dateAdapter.today();
   }
-  get a() {
-    return this.c;
+  get _inputElement() {
+    return this._inputElementState;
   }
-  set a(t) {
-    const e = this.c;
-    this.c = t, this.t(this.c, e);
+  set _inputElement(t) {
+    const e = this._inputElementState;
+    this._inputElementState = t, this._registerInputElement(this._inputElementState, e);
   }
-  u(t, e) {
-    t !== e && (this.a = u(this, this.input));
+  _findInput(t, e) {
+    t !== e && (this._inputElement = h(this, this.input));
   }
-  t(t, e) {
-    var s, a;
+  _registerInputElement(t, e) {
+    var n, a;
     if (t !== e) {
-      if ((s = this.d) == null || s.abort(), this.d = new AbortController(), !this.a)
+      if ((n = this._datePickerController) == null || n.abort(), this._datePickerController = new AbortController(), !this._inputElement)
         return;
-      (a = this.h) == null || a.disconnect(), this.h.observe(this.a, {
+      (a = this._inputObserver) == null || a.disconnect(), this._inputObserver.observe(this._inputElement, {
         attributeFilter: ["disabled", "readonly", "min", "max", "value"]
-      }), this.a.type = "text", this.a.placeholder || (this.a.placeholder = c[this.e.current]), this.a.addEventListener(
+      }), this._inputElement.type = "text", this._inputElement.placeholder || (this._inputElement.placeholder = p[this._language.current]), this._inputElement.addEventListener(
         "change",
         (i) => {
-          i instanceof CustomEvent || this.v(i);
+          i instanceof CustomEvent || this._valueChanged(i);
         },
         {
-          signal: this.d.signal
+          signal: this._datePickerController.signal
         }
       );
     }
   }
   /** Gets the input value with the correct date format. */
   getValueAsDate() {
-    if (this.a && this.a.value)
-      return this.i(this.a.value);
+    if (this._inputElement && this._inputElement.value)
+      return this._parse(this._inputElement.value);
   }
   /** Set the input value to the correctly formatted value. */
   setValueAsDate(t) {
     const e = t instanceof Date ? t : new Date(t);
-    this.a && (this.k(this.a.value, e), this.a.dispatchEvent(new Event("blur", { composed: !0 })));
+    this._inputElement && (this._formatAndUpdateValue(this._inputElement.value, e), this._inputElement.dispatchEvent(new Event("blur", { composed: !0 })));
   }
   /**
    * @internal
    * Whether a custom now is configured.
    */
   hasCustomNow() {
-    return !!this.g;
+    return !!this._now;
   }
-  l(t) {
-    var e, s, a, i;
-    this.j.emit({
-      disabled: (e = this.a) == null ? void 0 : e.disabled,
-      readonly: (s = this.a) == null ? void 0 : s.readOnly,
-      min: (a = this.a) == null ? void 0 : a.min,
-      max: (i = this.a) == null ? void 0 : i.max
-    }), this.a && t && Array.from(t).some((r) => r.attributeName === "value") && (this.a.value = this.m(this.a.getAttribute("value")));
+  _onInputPropertiesChange(t) {
+    var e, n, a, i;
+    this._inputUpdated.emit({
+      disabled: (e = this._inputElement) == null ? void 0 : e.disabled,
+      readonly: (n = this._inputElement) == null ? void 0 : n.readOnly,
+      min: (a = this._inputElement) == null ? void 0 : a.min,
+      max: (i = this._inputElement) == null ? void 0 : i.max
+    }), this._inputElement && t && Array.from(t).some((s) => s.attributeName === "value") && (this._inputElement.value = this._getValidValue(this._inputElement.getAttribute("value")));
   }
   connectedCallback() {
     super.connectedCallback();
-    const t = this.w.signal;
-    this.addEventListener("datepickerControlRegistered", () => this.l(), {
+    const t = this._abort.signal;
+    this.addEventListener("datepickerControlRegistered", () => this._onInputPropertiesChange(), {
       signal: t
-    }), this.a = u(this, this.input), this.a && (this.a.value = this.m(this.a.value), this.j.emit({
-      disabled: this.a.disabled,
-      readonly: this.a.readOnly,
-      min: this.a.min,
-      max: this.a.max
+    }), this._inputElement = h(this, this.input), this._inputElement && (this._inputElement.value = this._getValidValue(this._inputElement.value), this._inputUpdated.emit({
+      disabled: this._inputElement.disabled,
+      readonly: this._inputElement.readOnly,
+      min: this._inputElement.min,
+      max: this._inputElement.max
     }));
   }
   willUpdate(t) {
-    super.willUpdate(t), t.has("input") && this.u(this.input, t.get("input")), (t.has("wide") || t.has("dateFilter") || t.has("now")) && this.r.emit();
+    super.willUpdate(t), t.has("input") && this._findInput(this.input, t.get("input")), (t.has("wide") || t.has("dateFilter") || t.has("now")) && this._datePickerUpdated.emit();
   }
   disconnectedCallback() {
     var t, e;
-    super.disconnectedCallback(), (t = this.h) == null || t.disconnect(), (e = this.d) == null || e.abort();
+    super.disconnectedCallback(), (t = this._inputObserver) == null || t.disconnect(), (e = this._datePickerController) == null || e.abort();
   }
   firstUpdated(t) {
-    super.firstUpdated(t), this.n(this.getValueAsDate());
+    super.firstUpdated(t), this._setAriaLiveMessage(this.getValueAsDate());
   }
-  x(t) {
-    const e = this.i(t);
-    return this.b.isValid(e) ? this.f(e) : t;
+  _parseAndFormatValue(t) {
+    const e = this._parse(t);
+    return this._dateAdapter.isValid(e) ? this._format(e) : t;
   }
-  o(t) {
+  _createAndComposeDate(t) {
     const e = new Date(t);
-    return this.f(e);
+    return this._format(e);
   }
-  v(t) {
+  _valueChanged(t) {
     const e = t.target.value;
-    this.k(e, this.i(e));
+    this._formatAndUpdateValue(e, this._parse(e));
   }
   /** Applies the correct format to values and triggers event dispatch. */
-  k(t, e) {
-    var s, a;
-    if (this.a) {
-      this.a.value = this.b.isValid(e) ? this.f(e) : t;
-      const i = !t || !!e && F(
+  _formatAndUpdateValue(t, e) {
+    var n, a;
+    if (this._inputElement) {
+      this._inputElement.value = this._dateAdapter.isValid(e) ? this._format(e) : t;
+      const i = !t || !!e && k(
         e,
         this.dateFilter,
-        (s = this.a) == null ? void 0 : s.min,
-        (a = this.a) == null ? void 0 : a.max
-      ), r = !this.a.hasAttribute("data-sbb-invalid");
-      this.a.toggleAttribute("data-sbb-invalid", !i), r !== i && this.s.emit({ valid: i }), this.y(e);
+        (n = this._inputElement) == null ? void 0 : n.min,
+        (a = this._inputElement) == null ? void 0 : a.max
+      ), s = !this._inputElement.hasAttribute("data-sbb-invalid");
+      this._inputElement.toggleAttribute("data-sbb-invalid", !i), s !== i && this._validationChange.emit({ valid: i }), this._emitChange(e);
     }
   }
   /** Emits the change event. */
-  y(t) {
-    this.n(t), this.q.emit(), this.p.emit(), this.a && (this.a.dispatchEvent(new InputEvent("input", { bubbles: !0, composed: !0 })), this.a.dispatchEvent(
+  _emitChange(t) {
+    this._setAriaLiveMessage(t), this._change.emit(), this._didChange.emit(), this._inputElement && (this._inputElement.dispatchEvent(new InputEvent("input", { bubbles: !0, composed: !0 })), this._inputElement.dispatchEvent(
       new CustomEvent("change", { bubbles: !0, composed: !0 })
     ));
   }
-  m(t) {
+  _getValidValue(t) {
     if (!t)
       return "";
     const e = t.match(U);
-    return (e == null ? void 0 : e.index) === 0 ? this.x(t) : Number.isInteger(+t) ? this.o(+t) : this.b.isValid(new Date(t)) ? this.o(t) : t;
+    return (e == null ? void 0 : e.index) === 0 ? this._parseAndFormatValue(t) : Number.isInteger(+t) ? this._createAndComposeDate(+t) : this._dateAdapter.isValid(new Date(t)) ? this._createAndComposeDate(t) : t;
   }
-  i(t) {
-    return this.dateParser ? this.dateParser(t) : this.b.parse(t, this.now);
+  _parse(t) {
+    return this.dateParser ? this.dateParser(t) : this._dateAdapter.parse(t, this.now);
   }
-  f(t) {
-    return this.format ? this.format(t) : this.b.format(t);
+  _format(t) {
+    return this.format ? this.format(t) : this._dateAdapter.format(t);
   }
-  n(t) {
-    var i, r;
-    const e = new Intl.DateTimeFormat(`${this.e.current}-CH`, {
+  _setAriaLiveMessage(t) {
+    var i, s;
+    const e = new Intl.DateTimeFormat(`${this._language.current}-CH`, {
       weekday: "long"
-    }), s = new Intl.DateTimeFormat("de-CH", {
+    }), n = new Intl.DateTimeFormat("de-CH", {
       day: "2-digit",
       month: "2-digit",
       year: "numeric"
-    }), a = (r = (i = this.shadowRoot) == null ? void 0 : i.querySelector) == null ? void 0 : r.call(i, "#status-container");
-    a && (a.innerText = t ? `${E[this.e.current]} ${e.format(
+    }), a = (s = (i = this.shadowRoot) == null ? void 0 : i.querySelector) == null ? void 0 : s.call(i, "#status-container");
+    a && (a.innerText = t ? `${A[this._language.current]} ${e.format(
       t
-    )}, ${s.format(t)}` : "");
+    )}, ${n.format(t)}` : "");
   }
   render() {
-    return v`<p id="status-container" role="status"></p>`;
+    return f`<p id="status-container" role="status"></p>`;
   }
 };
-n.styles = k;
-n.events = {
+r.styles = V;
+r.events = {
   didChange: "didChange",
   change: "change",
   inputUpdated: "inputUpdated",
   datePickerUpdated: "datePickerUpdated",
   validationChange: "validationChange"
 };
-o([
-  l({ type: Boolean })
-], n.prototype, "wide", 2);
-o([
-  l({ attribute: "date-filter" })
-], n.prototype, "dateFilter", 2);
-o([
-  l({ attribute: "date-parser" })
-], n.prototype, "dateParser", 2);
-o([
-  l()
-], n.prototype, "format", 2);
-o([
-  l()
-], n.prototype, "input", 2);
-o([
-  l()
-], n.prototype, "now", 1);
-o([
-  w()
-], n.prototype, "a", 1);
-n = o([
+l([
+  u({ type: Boolean })
+], r.prototype, "wide", 2);
+l([
+  u({ attribute: "date-filter" })
+], r.prototype, "dateFilter", 2);
+l([
+  u({ attribute: "date-parser" })
+], r.prototype, "dateParser", 2);
+l([
+  u()
+], r.prototype, "format", 2);
+l([
+  u()
+], r.prototype, "input", 2);
+l([
+  u()
+], r.prototype, "now", 1);
+l([
+  E()
+], r.prototype, "_inputElement", 1);
+r = l([
   g("sbb-datepicker")
-], n);
+], r);
 export {
-  n as SbbDatepickerElement,
-  L as datepickerControlRegisteredEventFactory,
-  q as findNextAvailableDate,
+  r as SbbDatepickerElement,
+  j as datepickerControlRegisteredEventFactory,
+  H as findNextAvailableDate,
   $ as findPreviousAvailableDate,
-  b as getAvailableDate,
-  S as getDatePicker,
-  F as isDateAvailable
+  _ as getAvailableDate,
+  N as getDatePicker,
+  k as isDateAvailable
 };

package/development/checkbox/checkbox/checkbox.d.ts

@@ -1,17 +1,12 @@
-import { CSSResultGroup, LitElement, PropertyValues, TemplateResult } from 'lit';
-import { SbbCheckedStateChange, SbbDisabledStateChange, SbbIconPlacement, SbbStateChange } from '../../core/interfaces.js';
-import { SbbCheckboxGroupElement } from '../checkbox-group.js';
+import { LitElement, CSSResultGroup, TemplateResult } from 'lit';
+import { SbbIconPlacement } from '../../core/interfaces.js';
 
-export type SbbCheckboxStateChange = Extract<SbbStateChange, SbbDisabledStateChange | SbbCheckedStateChange>;
-export type SbbCheckboxSize = 's' | 'm';
-declare const SbbCheckboxElement_base: import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbUpdateSchedulerMixinType> & import('../../core/mixins.js').Constructor<import('../../core/mixins.js').SbbFormAssociatedCheckboxMixinType> & import('../../core/mixins.js').AbstractConstructor<import('../../icon.js').SbbIconNameMixinType> & import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbHydrationMixinType> & typeof LitElement;
+declare const SbbCheckboxElement_base: import('../../core/mixins.js').Constructor<import('../common.js').SbbCheckboxCommonElementMixinType> & import('../../core/mixins.js').AbstractConstructor<import('../../icon.js').SbbIconNameMixinType> & typeof LitElement;
 /**
  * It displays a checkbox enhanced with the SBB Design.
  *
  * @slot - Use the unnamed slot to add content to the `sbb-checkbox`.
  * @slot icon - Slot used to render the checkbox icon (disabled inside a selection panel).
- * @slot subtext - Slot used to render a subtext under the label (only visible within a selection panel).
- * @slot suffix - Slot used to render additional content after the label (only visible within a selection panel).
  * @event {CustomEvent<void>} didChange - Deprecated. used for React. Will probably be removed once React 19 is available.
  * @event {Event} change - Event fired on change.
  * @event {InputEvent} input - Event fired on input.
@@ -20,48 +15,10 @@ export declare class SbbCheckboxElement extends SbbCheckboxElement_base {
     static styles: CSSResultGroup;
     static readonly events: {
         readonly didChange: "didChange";
-        readonly stateChange: "stateChange";
-        readonly checkboxLoaded: "checkboxLoaded";
     };
-    /** Whether the checkbox is indeterminate. */
-    indeterminate: boolean;
     /** The label position relative to the labelIcon. Defaults to end */
     iconPlacement: SbbIconPlacement;
-    /** Label size variant, either m or s. */
-    set size(value: SbbCheckboxSize);
-    get size(): SbbCheckboxSize;
-    private _size;
-    /** Reference to the connected checkbox group. */
-    get group(): SbbCheckboxGroupElement | null;
-    private _group;
-    /**
-     * Whether the input is the main input of a selection panel.
-     * @internal
-     */
-    get isSelectionPanelInput(): boolean;
-    /** The label describing whether the selection panel is expanded (for screen readers only). */
-    private _selectionPanelExpandedLabel;
-    private _language;
-    private _selectionPanelElement;
-    /**
-     * @internal
-     * Internal event that emits whenever the state of the checkbox
-     * in relation to the parent selection panel changes.
-     */
-    private _stateChange;
-    /**
-     * @internal
-     * Internal event that emits when the checkbox is loaded.
-     */
-    private _checkboxLoaded;
     constructor();
-    connectedCallback(): void;
-    protected willUpdate(changedProperties: PropertyValues<this>): Promise<void>;
-    protected firstUpdated(changedProperties: PropertyValues<this>): void;
-    protected isDisabledExternally(): boolean;
-    protected isRequiredExternally(): boolean;
-    protected withUserInteraction(): void;
-    private _updateExpandedLabel;
     protected render(): TemplateResult;
 }
 declare global {

package/development/checkbox/checkbox/checkbox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../../../../src/elements/checkbox/checkbox/checkbox.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,cAAc,EAEnB,UAAU,EACV,KAAK,cAAc,EACnB,KAAK,cAAc,EACpB,MAAM,KAAK,CAAC;AAMb,OAAO,KAAK,EACV,qBAAqB,EACrB,sBAAsB,EACtB,gBAAgB,EAChB,cAAc,EACf,MAAM,0BAA0B,CAAC;AAQlC,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,sBAAsB,CAAC;AAIpE,OAAO,6BAA6B,CAAC;AACrC,OAAO,0BAA0B,CAAC;AAElC,MAAM,MAAM,sBAAsB,GAAG,OAAO,CAC1C,cAAc,EACd,sBAAsB,GAAG,qBAAqB,CAC/C,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG,GAAG,GAAG,GAAG,CAAC;;AAExC;;;;;;;;;;GAUG;AACH,qBACa,kBAAmB,SAAQ,uBAEvC;IACC,OAAuB,MAAM,EAAE,cAAc,CAAS;IACtD,gBAAuB,MAAM;;;;MAIlB;IAEX,6CAA6C;IACT,aAAa,UAAS;IAE1D,oEAAoE;IAE7D,aAAa,EAAE,gBAAgB,CAAS;IAE/C,yCAAyC;IACzC,IACW,IAAI,CAAC,KAAK,EAAE,eAAe,EAErC;IACD,IAAW,IAAI,IAAI,eAAe,CAEjC;IACD,OAAO,CAAC,KAAK,CAAwB;IAErC,iDAAiD;IACjD,IAAW,KAAK,IAAI,uBAAuB,GAAG,IAAI,CAEjD;IACD,OAAO,CAAC,MAAM,CAAwC;IAEtD;;;OAGG;IACH,IAAW,qBAAqB,IAAI,OAAO,CAE1C;IAED,8FAA8F;IACrF,OAAO,CAAC,4BAA4B,CAAU;IAEvD,OAAO,CAAC,SAAS,CAAmC;IACpD,OAAO,CAAC,sBAAsB,CAAyC;IAEvE;;;;OAIG;IACH,OAAO,CAAC,YAAY,CAIlB;IAEF;;;OAGG;IACH,OAAO,CAAC,eAAe,CAIrB;;IAOc,iBAAiB,IAAI,IAAI;cAiBhB,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC;cAmBxE,YAAY,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;cAW3D,oBAAoB,IAAI,OAAO;cAI/B,oBAAoB,IAAI,OAAO;cAI/B,mBAAmB,IAAI,IAAI;YAMhC,oBAAoB;cAcf,MAAM,IAAI,cAAc;CA0B5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,cAAc,EAAE,kBAAkB,CAAC;KACpC;CACF"}
+{"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../../../../src/elements/checkbox/checkbox/checkbox.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAQ,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAIjF,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAIjE,OAAO,0BAA0B,CAAC;;AAIlC;;;;;;;;GAQG;AACH,qBACa,kBAAmB,SAAQ,uBAEvC;IACC,OAAuB,MAAM,EAAE,cAAc,CAAwC;IAErF,gBAAuB,MAAM;;MAElB;IAEX,oEAAoE;IAE7D,aAAa,EAAE,gBAAgB,CAAS;;cAO5B,MAAM,IAAI,cAAc;CAuB5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,cAAc,EAAE,kBAAkB,CAAC;KACpC;CACF"}

package/development/checkbox/checkbox-group/checkbox-group.d.ts

@@ -1,6 +1,8 @@
 import { CSSResultGroup, PropertyValues, TemplateResult, LitElement } from 'lit';
 import { SbbHorizontalFrom, SbbOrientation } from '../../core/interfaces.js';
-import { SbbCheckboxElement, SbbCheckboxSize } from '../checkbox.js';
+import { SbbCheckboxPanelElement } from '../checkbox-panel.js';
+import { SbbCheckboxElement } from '../checkbox.js';
+import { SbbCheckboxSize } from '../common.js';
 
 declare const SbbCheckboxGroupElement_base: import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbDisabledMixinType> & typeof LitElement;
 /**
@@ -20,7 +22,7 @@ export declare class SbbCheckboxGroupElement extends SbbCheckboxGroupElement_bas
     /** Indicates the orientation of the checkboxes inside the `<sbb-checkbox-group>`. */
     orientation: SbbOrientation;
     /** List of contained checkbox elements. */
-    get checkboxes(): SbbCheckboxElement[];
+    get checkboxes(): (SbbCheckboxElement | SbbCheckboxPanelElement)[];
     private _abort;
     constructor();
     connectedCallback(): void;

package/development/checkbox/checkbox-group/checkbox-group.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox-group.d.ts","sourceRoot":"","sources":["../../../../../src/elements/checkbox/checkbox-group/checkbox-group.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1E,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;AAKvC,OAAO,KAAK,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAElF,OAAO,KAAK,EAAE,kBAAkB,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;;AAI1E;;;;;GAKG;AACH,qBACa,uBAAwB,SAAQ,4BAA4B;IACvE,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD,8CAA8C;IACK,QAAQ,UAAS;IAEpE,mCAAmC;IAChB,IAAI,EAAE,eAAe,CAAO;IAE/C,yDAAyD;IAElD,cAAc,CAAC,EAAE,iBAAiB,CAAC;IAE1C,qFAAqF;IAE9E,WAAW,EAAE,cAAc,CAAgB;IAElD,2CAA2C;IAC3C,IAAW,UAAU,IAAI,kBAAkB,EAAE,CAI5C;IAED,OAAO,CAAC,MAAM,CAAsE;;IAOpE,iBAAiB,IAAI,IAAI;cAOtB,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAc5E,OAAO,CAAC,cAAc;cAyBH,MAAM,IAAI,cAAc;CAU5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,oBAAoB,EAAE,uBAAuB,CAAC;KAC/C;CACF"}
+{"version":3,"file":"checkbox-group.d.ts","sourceRoot":"","sources":["../../../../../src/elements/checkbox/checkbox-group/checkbox-group.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1E,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAKvC,OAAO,KAAK,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAElF,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,sBAAsB,CAAC;AACpE,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AACzD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;;AAIpD;;;;;GAKG;AACH,qBACa,uBAAwB,SAAQ,4BAA4B;IACvE,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD,8CAA8C;IACK,QAAQ,UAAS;IAEpE,mCAAmC;IAChB,IAAI,EAAE,eAAe,CAAO;IAE/C,yDAAyD;IAElD,cAAc,CAAC,EAAE,iBAAiB,CAAC;IAE1C,qFAAqF;IAE9E,WAAW,EAAE,cAAc,CAAgB;IAElD,2CAA2C;IAC3C,IAAW,UAAU,IAAI,CAAC,kBAAkB,GAAG,uBAAuB,CAAC,EAAE,CAMxE;IAED,OAAO,CAAC,MAAM,CAAsE;;IAOpE,iBAAiB,IAAI,IAAI;cAUtB,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAc5E,OAAO,CAAC,cAAc;cA0BH,MAAM,IAAI,cAAc;CAU5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,oBAAoB,EAAE,uBAAuB,CAAC;KAC/C;CACF"}