@sbb-esta/lyne-elements 1.13.0 → 1.14.0

package/checkbox/checkbox-group.js

@@ -1,62 +1,90 @@
-import { css as h, LitElement as l, html as d } from "lit";
-import { property as s, customElement as p } from "lit/decorators.js";
-import { interactivityChecker as x, isArrowKeyPressed as m, getNextElementIndex as u } from "../core/a11y.js";
-import { SbbConnectedAbortController as k } from "../core/controllers.js";
-import { slotState as g } from "../core/decorators.js";
-import { SbbDisabledMixin as f } from "../core/mixins.js";
-const w = h`*,:before,:after{box-sizing:border-box}:host{--sbb-checkbox-group-orientation: row;--sbb-checkbox-group-checkbox-width: auto;--sbb-checkbox-group-width: max-content;--sbb-checkbox-group-gap: var(--sbb-spacing-fixed-3x) var(--sbb-spacing-fixed-6x);display:block}:host([orientation=vertical]){--sbb-checkbox-group-orientation: column;--sbb-checkbox-group-width: 100%;--sbb-checkbox-group-checkbox-width: 100%}:host([orientation=vertical]) ::slotted(sbb-checkbox-panel){width:100%}:host([data-has-panel]){--sbb-checkbox-group-width: 100%}:host([data-has-panel]) ::slotted(sbb-checkbox-panel){flex:auto}:host([data-has-panel][orientation=vertical]){--sbb-checkbox-group-gap: var(--sbb-spacing-fixed-2x) var(--sbb-spacing-fixed-4x)}@media (min-width: 0rem){:host([orientation=vertical][horizontal-from=zero]){--sbb-checkbox-group-orientation: row;--sbb-checkbox-group-checkbox-width: auto}:host([orientation=vertical][horizontal-from=zero]) ::slotted(sbb-checkbox-panel){width:initial}:host([orientation=vertical][horizontal-from=zero]:not([data-has-panel])){--sbb-checkbox-group-width: max-content}}@media (min-width: 22.5rem){:host([orientation=vertical][horizontal-from=micro]){--sbb-checkbox-group-orientation: row;--sbb-checkbox-group-checkbox-width: auto}:host([orientation=vertical][horizontal-from=micro]) ::slotted(sbb-checkbox-panel){width:initial}:host([orientation=vertical][horizontal-from=micro]:not([data-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}:host([orientation=vertical][horizontal-from=small]) ::slotted(sbb-checkbox-panel){width:initial}:host([orientation=vertical][horizontal-from=small]:not([data-has-panel])){--sbb-checkbox-group-width: max-content}}@media (min-width: 52.5rem){:host([orientation=vertical][horizontal-from=medium]){--sbb-checkbox-group-orientation: row;--sbb-checkbox-group-checkbox-width: auto}:host([orientation=vertical][horizontal-from=medium]) ::slotted(sbb-checkbox-panel){width:initial}:host([orientation=vertical][horizontal-from=medium]:not([data-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}:host([orientation=vertical][horizontal-from=large]) ::slotted(sbb-checkbox-panel){width:initial}:host([orientation=vertical][horizontal-from=large]:not([data-has-panel])){--sbb-checkbox-group-width: max-content}}@media (min-width: 80rem){:host([orientation=vertical][horizontal-from=wide]){--sbb-checkbox-group-orientation: row;--sbb-checkbox-group-checkbox-width: auto}:host([orientation=vertical][horizontal-from=wide]) ::slotted(sbb-checkbox-panel){width:initial}:host([orientation=vertical][horizontal-from=wide]:not([data-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}:host([orientation=vertical][horizontal-from=ultra]) ::slotted(sbb-checkbox-panel){width:initial}:host([orientation=vertical][horizontal-from=ultra]:not([data-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)}.sbb-checkbox-group__error{display:inline-block;margin-block-start:var(--sbb-spacing-fixed-1x)}:host(:not([data-slot-names~=error])) .sbb-checkbox-group__error{display:none}::slotted(sbb-checkbox){width:var(--sbb-checkbox-group-checkbox-width)}`;
-var v = Object.defineProperty, z = Object.getOwnPropertyDescriptor, b = (t, o, e, r) => {
-  for (var i = r > 1 ? void 0 : r ? z(o, e) : o, n = t.length - 1, c; n >= 0; n--)
-    (c = t[n]) && (i = (r ? c(o, e, i) : c(i)) || i);
-  return r && i && v(o, e, i), i;
+var A = (i) => {
+  throw TypeError(i);
 };
-let a = class extends f(l) {
-  constructor() {
-    super(...arguments), this.required = !1, this.size = "m", this.orientation = "horizontal", this._abort = new k(this);
-  }
-  /** List of contained checkbox elements. */
-  get checkboxes() {
-    var t;
-    return Array.from(((t = this.querySelectorAll) == null ? void 0 : t.call(this, "sbb-checkbox, sbb-checkbox-panel")) ?? []).filter(
-      (o) => o.closest("sbb-checkbox-group") === this
-    );
-  }
-  connectedCallback() {
-    var o;
-    super.connectedCallback();
-    const t = this._abort.signal;
-    this.addEventListener("keydown", (e) => this._handleKeyDown(e), { signal: t }), this.toggleAttribute(
-      "data-has-panel",
-      !!((o = this.querySelector) != null && o.call(this, "sbb-selection-expansion-panel, sbb-checkbox-panel"))
-    );
-  }
-  willUpdate(t) {
-    super.willUpdate(t), t.has("disabled") && this.checkboxes.forEach((o) => {
-      var e;
-      return (e = o.requestUpdate) == null ? void 0 : e.call(o, "disabled");
-    }), t.has("required") && this.checkboxes.forEach((o) => {
-      var e;
-      return (e = o.requestUpdate) == null ? void 0 : e.call(o, "required");
-    }), t.has("size") && this.checkboxes.forEach((o) => {
+var U = (i, r, a) => r.has(i) || A("Cannot " + a);
+var u = (i, r, a) => (U(i, r, "read from private field"), a ? a.call(i) : r.get(i)), x = (i, r, a) => r.has(i) ? A("Cannot add the same private member more than once") : r instanceof WeakSet ? r.add(i) : r.set(i, a), c = (i, r, a, n) => (U(i, r, "write to private field"), n ? n.call(i, a) : r.set(i, a), a);
+import { __runInitializers as l, __esDecorate as p } from "tslib";
+import { css as L, LitElement as N, html as O } from "lit";
+import { customElement as T, property as g } from "lit/decorators.js";
+import { interactivityChecker as B, isArrowKeyPressed as G, getNextElementIndex as M } from "../core/a11y.js";
+import { SbbConnectedAbortController as V } from "../core/controllers.js";
+import { slotState as H, forceType as J } from "../core/decorators.js";
+import { SbbDisabledMixin as Q } from "../core/mixins.js";
+const R = L`*,:before,:after{box-sizing:border-box}:host{--sbb-checkbox-group-orientation: row;--sbb-checkbox-group-checkbox-width: auto;--sbb-checkbox-group-width: max-content;--sbb-checkbox-group-gap: var(--sbb-spacing-fixed-3x) var(--sbb-spacing-fixed-6x);display:block}:host([orientation=vertical]){--sbb-checkbox-group-orientation: column;--sbb-checkbox-group-width: 100%;--sbb-checkbox-group-checkbox-width: 100%}:host([orientation=vertical]) ::slotted(sbb-checkbox-panel){width:100%}:host([data-has-panel]){--sbb-checkbox-group-width: 100%}:host([data-has-panel]) ::slotted(sbb-checkbox-panel){flex:auto}:host([data-has-panel][orientation=vertical]){--sbb-checkbox-group-gap: var(--sbb-spacing-fixed-2x) var(--sbb-spacing-fixed-4x)}@media (min-width: 0rem){:host([orientation=vertical][horizontal-from=zero]){--sbb-checkbox-group-orientation: row;--sbb-checkbox-group-checkbox-width: auto}:host([orientation=vertical][horizontal-from=zero]) ::slotted(sbb-checkbox-panel){width:initial}:host([orientation=vertical][horizontal-from=zero]:not([data-has-panel])){--sbb-checkbox-group-width: max-content}}@media (min-width: 22.5rem){:host([orientation=vertical][horizontal-from=micro]){--sbb-checkbox-group-orientation: row;--sbb-checkbox-group-checkbox-width: auto}:host([orientation=vertical][horizontal-from=micro]) ::slotted(sbb-checkbox-panel){width:initial}:host([orientation=vertical][horizontal-from=micro]:not([data-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}:host([orientation=vertical][horizontal-from=small]) ::slotted(sbb-checkbox-panel){width:initial}:host([orientation=vertical][horizontal-from=small]:not([data-has-panel])){--sbb-checkbox-group-width: max-content}}@media (min-width: 52.5rem){:host([orientation=vertical][horizontal-from=medium]){--sbb-checkbox-group-orientation: row;--sbb-checkbox-group-checkbox-width: auto}:host([orientation=vertical][horizontal-from=medium]) ::slotted(sbb-checkbox-panel){width:initial}:host([orientation=vertical][horizontal-from=medium]:not([data-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}:host([orientation=vertical][horizontal-from=large]) ::slotted(sbb-checkbox-panel){width:initial}:host([orientation=vertical][horizontal-from=large]:not([data-has-panel])){--sbb-checkbox-group-width: max-content}}@media (min-width: 80rem){:host([orientation=vertical][horizontal-from=wide]){--sbb-checkbox-group-orientation: row;--sbb-checkbox-group-checkbox-width: auto}:host([orientation=vertical][horizontal-from=wide]) ::slotted(sbb-checkbox-panel){width:initial}:host([orientation=vertical][horizontal-from=wide]:not([data-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}:host([orientation=vertical][horizontal-from=ultra]) ::slotted(sbb-checkbox-panel){width:initial}:host([orientation=vertical][horizontal-from=ultra]:not([data-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)}.sbb-checkbox-group__error{display:inline-block;margin-block-start:var(--sbb-spacing-fixed-1x)}:host(:not([data-slot-names~=error])) .sbb-checkbox-group__error{display:none}::slotted(sbb-checkbox){width:var(--sbb-checkbox-group-checkbox-width)}`;
+let it = (() => {
+  var h, b, d, m, s;
+  let i = [T("sbb-checkbox-group"), H()], r, a = [], n, f = Q(N), z, w = [], _ = [], v, y = [], q = [], E, S = [], F = [], I, C = [], D = [];
+  return s = class extends f {
+    constructor() {
+      super(...arguments);
+      x(this, h);
+      x(this, b);
+      x(this, d);
+      x(this, m);
+      c(this, h, l(this, w, !1)), c(this, b, (l(this, _), l(this, y, "m"))), c(this, d, (l(this, q), l(this, S, null))), c(this, m, (l(this, F), l(this, C, "horizontal"))), this._abort = (l(this, D), new V(this));
+    }
+    /** Whether the checkbox group is required. */
+    get required() {
+      return u(this, h);
+    }
+    set required(e) {
+      c(this, h, e);
+    }
+    /** Size variant, either m or s. */
+    get size() {
+      return u(this, b);
+    }
+    set size(e) {
+      c(this, b, e);
+    }
+    /** Overrides the behaviour of `orientation` property. */
+    get horizontalFrom() {
+      return u(this, d);
+    }
+    set horizontalFrom(e) {
+      c(this, d, e);
+    }
+    /** Indicates the orientation of the checkboxes inside the `<sbb-checkbox-group>`. */
+    get orientation() {
+      return u(this, m);
+    }
+    set orientation(e) {
+      c(this, m, e);
+    }
+    /** List of contained checkbox elements. */
+    get checkboxes() {
       var e;
-      return (e = o.requestUpdate) == null ? void 0 : e.call(o, "size");
-    });
-  }
-  _handleKeyDown(t) {
-    var e;
-    const o = this.checkboxes.filter(
-      (r) => !r.disabled && x.isVisible(r)
-    );
-    if (!(!o || // don't trap nested handling
-    t.target !== this && t.target.parentElement !== this && t.target.parentElement.localName !== "sbb-selection-expansion-panel") && m(t)) {
-      const r = o.findIndex(
-        (n) => n === t.target
-      ), i = u(t, r, o.length);
-      (e = o[i]) == null || e.focus();
+      return Array.from(((e = this.querySelectorAll) == null ? void 0 : e.call(this, "sbb-checkbox, sbb-checkbox-panel")) ?? []).filter((t) => t.closest("sbb-checkbox-group") === this);
+    }
+    connectedCallback() {
+      var t;
+      super.connectedCallback();
+      const e = this._abort.signal;
+      this.addEventListener("keydown", (o) => this._handleKeyDown(o), { signal: e }), this.toggleAttribute("data-has-panel", !!((t = this.querySelector) != null && t.call(this, "sbb-selection-expansion-panel, sbb-checkbox-panel")));
     }
-  }
-  render() {
-    return d`
+    willUpdate(e) {
+      super.willUpdate(e), e.has("disabled") && this.checkboxes.forEach((t) => {
+        var o;
+        return (o = t.requestUpdate) == null ? void 0 : o.call(t, "disabled");
+      }), e.has("required") && this.checkboxes.forEach((t) => {
+        var o;
+        return (o = t.requestUpdate) == null ? void 0 : o.call(t, "required");
+      }), e.has("size") && this.checkboxes.forEach((t) => {
+        var o;
+        return (o = t.requestUpdate) == null ? void 0 : o.call(t, "size");
+      });
+    }
+    _handleKeyDown(e) {
+      var o;
+      const t = this.checkboxes.filter((k) => !k.disabled && B.isVisible(k));
+      if (!(!t || // don't trap nested handling
+      e.target !== this && e.target.parentElement !== this && e.target.parentElement.localName !== "sbb-selection-expansion-panel") && G(e)) {
+        const k = t.findIndex((j) => j === e.target), K = M(e, k, t.length);
+        (o = t[K]) == null || o.focus();
+      }
+    }
+    render() {
+      return O`
       <div class="sbb-checkbox-group">
         <slot></slot>
       </div>
@@ -64,25 +92,20 @@ let a = class extends f(l) {
         <slot name="error"></slot>
       </div>
     `;
-  }
-};
-a.styles = w;
-b([
-  s({ reflect: !0, type: Boolean })
-], a.prototype, "required", 2);
-b([
-  s()
-], a.prototype, "size", 2);
-b([
-  s({ attribute: "horizontal-from", reflect: !0 })
-], a.prototype, "horizontalFrom", 2);
-b([
-  s({ reflect: !0 })
-], a.prototype, "orientation", 2);
-a = b([
-  p("sbb-checkbox-group"),
-  g()
-], a);
+    }
+  }, h = new WeakMap(), b = new WeakMap(), d = new WeakMap(), m = new WeakMap(), n = s, (() => {
+    const e = typeof Symbol == "function" && Symbol.metadata ? Object.create(f[Symbol.metadata] ?? null) : void 0;
+    z = [J(), g({ reflect: !0, type: Boolean })], v = [g()], E = [g({ attribute: "horizontal-from", reflect: !0 })], I = [g({ reflect: !0 })], p(s, null, z, { kind: "accessor", name: "required", static: !1, private: !1, access: { has: (t) => "required" in t, get: (t) => t.required, set: (t, o) => {
+      t.required = o;
+    } }, metadata: e }, w, _), p(s, null, v, { kind: "accessor", name: "size", static: !1, private: !1, access: { has: (t) => "size" in t, get: (t) => t.size, set: (t, o) => {
+      t.size = o;
+    } }, metadata: e }, y, q), p(s, null, E, { kind: "accessor", name: "horizontalFrom", static: !1, private: !1, access: { has: (t) => "horizontalFrom" in t, get: (t) => t.horizontalFrom, set: (t, o) => {
+      t.horizontalFrom = o;
+    } }, metadata: e }, S, F), p(s, null, I, { kind: "accessor", name: "orientation", static: !1, private: !1, access: { has: (t) => "orientation" in t, get: (t) => t.orientation, set: (t, o) => {
+      t.orientation = o;
+    } }, metadata: e }, C, D), p(null, r = { value: n }, i, { kind: "class", name: n.name, metadata: e }, null, a), n = r.value, e && Object.defineProperty(n, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: e });
+  })(), s.styles = R, l(n, a), n;
+})();
 export {
-  a as SbbCheckboxGroupElement
+  it as SbbCheckboxGroupElement
 };

package/checkbox/checkbox-panel/checkbox-panel.d.ts

@@ -14,6 +14,7 @@ declare const SbbCheckboxPanelElement_base: import('../../core/mixins.js').Abstr
  * @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.
+ * @overrideType value - string | null
  */
 export declare class SbbCheckboxPanelElement extends SbbCheckboxPanelElement_base {
     static styles: CSSResultGroup;
@@ -23,9 +24,7 @@ export declare class SbbCheckboxPanelElement extends SbbCheckboxPanelElement_bas
         readonly panelConnected: "panelConnected";
     };
     /** Size variant. */
-    set size(value: SbbPanelSize);
-    get size(): SbbPanelSize;
-    private _size;
+    accessor size: SbbPanelSize;
     /**
      * @internal
      * Internal event that emits whenever the state of the checkbox

package/checkbox/checkbox-panel/checkbox-panel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox-panel.d.ts","sourceRoot":"","sources":["../../../../src/elements/checkbox/checkbox-panel/checkbox-panel.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,cAAc,EAEnB,UAAU,EAEV,KAAK,cAAc,EACnB,KAAK,cAAc,EACpB,MAAM,KAAK,CAAC;AAIb,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AACtD,OAAO,KAAK,EACV,qBAAqB,EACrB,sBAAsB,EACtB,cAAc,EACf,MAAM,gCAAgC,CAAC;AACxC,OAAO,EAGL,KAAK,YAAY,EAElB,MAAM,sBAAsB,CAAC;AAG9B,OAAO,6BAA6B,CAAC;AACrC,OAAO,0BAA0B,CAAC;AAElC,MAAM,MAAM,2BAA2B,GAAG,OAAO,CAC/C,cAAc,EACd,sBAAsB,GAAG,qBAAqB,CAC/C,CAAC;;AAEF;;;;;;;;;;GAUG;AACH,qBAEa,uBAAwB,SAAQ,4BAE5C;IACC,OAAuB,MAAM,EAAE,cAAc,CAA2C;IAGxF,gBAAuB,MAAM;;;;MAIlB;IAEX,oBAAoB;IACpB,IACW,IAAI,CAAC,KAAK,EAAE,YAAY,EAElC;IACD,IAAW,IAAI,IAAI,YAAY,CAE9B;IACD,OAAO,CAAC,KAAK,CAAqB;IAElC;;;;OAIG;IACH,SAAS,CAAC,WAAW,EAAE,YAAY,CAAC,2BAA2B,CAAC,CAI9D;cAEuB,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC;cAkBxE,MAAM,IAAI,cAAc;CA8B5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,oBAAoB,EAAE,uBAAuB,CAAC;KAC/C;CACF"}
+{"version":3,"file":"checkbox-panel.d.ts","sourceRoot":"","sources":["../../../../src/elements/checkbox/checkbox-panel/checkbox-panel.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,cAAc,EAEnB,UAAU,EAEV,KAAK,cAAc,EACnB,KAAK,cAAc,EACpB,MAAM,KAAK,CAAC;AAIb,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AACtD,OAAO,KAAK,EACV,qBAAqB,EACrB,sBAAsB,EACtB,cAAc,EACf,MAAM,gCAAgC,CAAC;AACxC,OAAO,EAGL,KAAK,YAAY,EAElB,MAAM,sBAAsB,CAAC;AAG9B,OAAO,6BAA6B,CAAC;AACrC,OAAO,0BAA0B,CAAC;AAElC,MAAM,MAAM,2BAA2B,GAAG,OAAO,CAC/C,cAAc,EACd,sBAAsB,GAAG,qBAAqB,CAC/C,CAAC;;AAEF;;;;;;;;;;;GAWG;AACH,qBAGM,uBAAwB,SAAQ,4BAErC;IACC,OAAuB,MAAM,EAAE,cAAc,CAA2C;IAGxF,gBAAuB,MAAM;;;;MAIlB;IAEX,oBAAoB;IACpB,SAEgB,IAAI,EAAE,YAAY,CAAO;IAEzC;;;;OAIG;IACH,SAAS,CAAC,WAAW,EAAE,YAAY,CAAC,2BAA2B,CAAC,CAI9D;cAEuB,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC;cAkBxE,MAAM,IAAI,cAAc;CA8B5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,oBAAoB,EAAE,uBAAuB,CAAC;KAC/C;CACF"}

package/checkbox/checkbox-panel.js

@@ -1,38 +1,38 @@
-import { LitElement as h, html as o, nothing as r } from "lit";
-import { property as p, customElement as d } from "lit/decorators.js";
-import { slotState as m } from "../core/decorators.js";
-import { EventEmitter as u } from "../core/eventing.js";
-import { SbbPanelMixin as x, SbbUpdateSchedulerMixin as f, panelCommonStyle as g } from "../core/mixins.js";
-import { SbbCheckboxCommonElementMixin as _, checkboxCommonStyle as k } from "./common.js";
+var k = (e) => {
+  throw TypeError(e);
+};
+var x = (e, t, s) => t.has(e) || k("Cannot " + s);
+var f = (e, t, s) => (x(e, t, "read from private field"), s ? s.call(e) : t.get(e)), g = (e, t, s) => t.has(e) ? k("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(e) : t.set(e, s), b = (e, t, s, i) => (x(e, t, "write to private field"), i ? i.call(e, s) : t.set(e, s), s);
+import { __runInitializers as h, __esDecorate as z } from "tslib";
+import { LitElement as S, html as C, nothing as y } from "lit";
+import { customElement as v, property as E } from "lit/decorators.js";
+import { slotState as w, getOverride as $ } from "../core/decorators.js";
+import { EventEmitter as D } from "../core/eventing.js";
+import { SbbPanelMixin as I, SbbUpdateSchedulerMixin as M, panelCommonStyle as O } from "../core/mixins.js";
+import { SbbCheckboxCommonElementMixin as U, checkboxCommonStyle as j } from "./common.js";
 import "../screen-reader-only.js";
 import "../visual-checkbox.js";
-var C = Object.defineProperty, v = Object.getOwnPropertyDescriptor, c = (e, i, n, a) => {
-  for (var s = a > 1 ? void 0 : a ? v(i, n) : i, l = e.length - 1, b; l >= 0; l--)
-    (b = e[l]) && (s = (a ? b(i, n, s) : b(s)) || s);
-  return a && s && C(i, n, s), s;
-};
-let t = class extends x(
-  _(f(h))
-) {
-  constructor() {
-    super(...arguments), this._size = "m", this.stateChange = new u(
-      this,
-      t.events.stateChange,
-      { bubbles: !0 }
-    );
-  }
-  set size(e) {
-    this._size = e;
-  }
-  get size() {
-    var e;
-    return (e = this.group) != null && e.size ? this.group.size === "xs" ? "s" : this.group.size : this._size;
-  }
-  async willUpdate(e) {
-    super.willUpdate(e), e.has("checked") && (this.toggleAttribute("data-checked", this.checked), this.checked !== e.get("checked") && this.stateChange.emit({ type: "checked", checked: this.checked })), e.has("disabled") && this.disabled !== e.get("disabled") && this.stateChange.emit({ type: "disabled", disabled: this.disabled });
-  }
-  render() {
-    return o`
+let P = (() => {
+  var c, l;
+  let e = [v("sbb-checkbox-panel"), w()], t, s = [], i, d = I(U(M(S))), m, p = [], u = [];
+  var o = (l = class extends d {
+    constructor() {
+      super(...arguments);
+      g(this, c);
+      b(this, c, h(this, p, "m")), this.stateChange = (h(this, u), new D(this, o.events.stateChange, { bubbles: !0 }));
+    }
+    /** Size variant. */
+    get size() {
+      return f(this, c);
+    }
+    set size(a) {
+      b(this, c, a);
+    }
+    async willUpdate(a) {
+      super.willUpdate(a), a.has("checked") && (this.toggleAttribute("data-checked", this.checked), this.checked !== a.get("checked") && this.stateChange.emit({ type: "checked", checked: this.checked })), a.has("disabled") && this.disabled !== a.get("disabled") && this.stateChange.emit({ type: "disabled", disabled: this.disabled });
+    }
+    render() {
+      return C`
       <span class="sbb-selection-panel">
         <div class="sbb-selection-panel__badge">
           <slot name="badge"></slot>
@@ -53,26 +53,27 @@ let t = class extends x(
               </span>
             </span>
             <slot name="subtext"></slot>
-            ${this.expansionState ? o`<sbb-screen-reader-only>${this.expansionState}</sbb-screen-reader-only>` : r}
+            ${this.expansionState ? C`<sbb-screen-reader-only>${this.expansionState}</sbb-screen-reader-only>` : y}
           </span>
         </span>
       </span>
     `;
-  }
-};
-t.styles = [k, g];
-t.events = {
-  didChange: "didChange",
-  stateChange: "stateChange",
-  panelConnected: "panelConnected"
-};
-c([
-  p({ reflect: !0 })
-], t.prototype, "size", 1);
-t = c([
-  d("sbb-checkbox-panel"),
-  m()
-], t);
+    }
+  }, c = new WeakMap(), i = l, (() => {
+    const a = typeof Symbol == "function" && Symbol.metadata ? Object.create(d[Symbol.metadata] ?? null) : void 0;
+    m = [E({ reflect: !0 }), $((n, r) => {
+      var _;
+      return (_ = n.group) != null && _.size ? n.group.size === "xs" ? "s" : n.group.size : r;
+    })], z(l, null, m, { kind: "accessor", name: "size", static: !1, private: !1, access: { has: (n) => "size" in n, get: (n) => n.size, set: (n, r) => {
+      n.size = r;
+    } }, metadata: a }, p, u), z(null, t = { value: i }, e, { kind: "class", name: i.name, metadata: a }, null, s), o = i = t.value, a && Object.defineProperty(i, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: a });
+  })(), l.styles = [j, O], l.events = {
+    didChange: "didChange",
+    stateChange: "stateChange",
+    panelConnected: "panelConnected"
+  }, h(i, s), l);
+  return o = i;
+})();
 export {
-  t as SbbCheckboxPanelElement
+  P as SbbCheckboxPanelElement
 };

package/checkbox/checkbox.js

@@ -1,30 +1,42 @@
-import { css as r, LitElement as h, html as p } from "lit";
-import { property as l, customElement as m } from "lit/decorators.js";
-import { slotState as d } from "../core/decorators.js";
-import { SbbIconNameMixin as x } from "../icon.js";
-import { SbbCheckboxCommonElementMixin as u, checkboxCommonStyle as f } from "./common.js";
-import "../visual-checkbox.js";
-const _ = r`:host{outline:none!important;display:inline-block}.sbb-checkbox__label--icon{color:var(--sbb-checkbox-label-icon-color)}:host([icon-placement=end]) .sbb-checkbox__label--icon{margin-inline-start:auto}:host(:not([icon-name],[data-slot-names~=icon])) .sbb-checkbox__label--icon{display:none}:host(:is([icon-name],[data-slot-names~=icon]):not([icon-placement=end])) .sbb-checkbox__label--icon{padding-inline-end:var(--sbb-spacing-fixed-2x)}:host(:is([icon-name],[data-slot-names~=icon])[icon-placement=end]) .sbb-checkbox__label--icon{padding-inline-start:var(--sbb-spacing-fixed-2x)}:host(:focus-visible:not([data-focus-origin=mouse],[data-focus-origin=touch])) .sbb-checkbox-wrapper{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) solid var(--sbb-focus-outline-width);border-radius:calc(var(--sbb-border-radius-4x) - var(--sbb-focus-outline-offset))}:host([icon-placement=start]) .sbb-checkbox__label{flex-direction:row-reverse;justify-content:flex-end}:host([icon-placement=end]) .sbb-checkbox__label{justify-content:flex-start;flex-grow:1}`;
-var k = Object.defineProperty, v = Object.getOwnPropertyDescriptor, a = (e, n, c, t) => {
-  for (var s = t > 1 ? void 0 : t ? v(n, c) : n, i = e.length - 1, b; i >= 0; i--)
-    (b = e[i]) && (s = (t ? b(n, c, s) : b(s)) || s);
-  return t && s && k(n, c, s), s;
+var y = (e) => {
+  throw TypeError(e);
 };
-let o = class extends u(
-  x(h)
-) {
-  constructor() {
-    super(...arguments), this._size = "m", this.iconPlacement = "end";
-  }
-  set size(e) {
-    this._size = e;
-  }
-  get size() {
-    var e;
-    return ((e = this.group) == null ? void 0 : e.size) ?? this._size;
-  }
-  render() {
-    return p`
+var S = (e, t, s) => t.has(e) || y("Cannot " + s);
+var m = (e, t, s) => (S(e, t, "read from private field"), s ? s.call(e) : t.get(e)), h = (e, t, s) => t.has(e) ? y("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(e) : t.set(e, s), d = (e, t, s, i) => (S(e, t, "write to private field"), i ? i.call(e, s) : t.set(e, s), s);
+import { __esDecorate as u, __runInitializers as b } from "tslib";
+import { css as w, LitElement as C, html as I } from "lit";
+import { customElement as E, property as P } from "lit/decorators.js";
+import { slotState as $, getOverride as j } from "../core/decorators.js";
+import { SbbIconNameMixin as D } from "../icon.js";
+import { SbbCheckboxCommonElementMixin as O, checkboxCommonStyle as M } from "./common.js";
+import "../visual-checkbox.js";
+const L = w`:host{outline:none!important;display:inline-block}.sbb-checkbox__label--icon{color:var(--sbb-checkbox-label-icon-color)}:host([icon-placement=end]) .sbb-checkbox__label--icon{margin-inline-start:auto}:host(:not([icon-name],[data-slot-names~=icon])) .sbb-checkbox__label--icon{display:none}:host(:is([icon-name],[data-slot-names~=icon]):not([icon-placement=end])) .sbb-checkbox__label--icon{padding-inline-end:var(--sbb-spacing-fixed-2x)}:host(:is([icon-name],[data-slot-names~=icon])[icon-placement=end]) .sbb-checkbox__label--icon{padding-inline-start:var(--sbb-spacing-fixed-2x)}:host(:focus-visible:not([data-focus-origin=mouse],[data-focus-origin=touch])) .sbb-checkbox-wrapper{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) solid var(--sbb-focus-outline-width);border-radius:calc(var(--sbb-border-radius-4x) - var(--sbb-focus-outline-offset))}:host([icon-placement=start]) .sbb-checkbox__label{flex-direction:row-reverse;justify-content:flex-end}:host([icon-placement=end]) .sbb-checkbox__label{justify-content:flex-start;flex-grow:1}`;
+let K = (() => {
+  var o, l, c;
+  let e = [E("sbb-checkbox"), $()], t, s = [], i, _ = O(D(C)), p, f = [], x = [], k, g = [], v = [];
+  return c = class extends _ {
+    constructor() {
+      super(...arguments);
+      h(this, o, b(this, f, "m"));
+      h(this, l, (b(this, x), b(this, g, "end")));
+      b(this, v);
+    }
+    /** Size variant. */
+    get size() {
+      return m(this, o);
+    }
+    set size(n) {
+      d(this, o, n);
+    }
+    /** The label position relative to the labelIcon. Defaults to end */
+    get iconPlacement() {
+      return m(this, l);
+    }
+    set iconPlacement(n) {
+      d(this, l, n);
+    }
+    render() {
+      return I`
       <span class="sbb-checkbox-wrapper">
         <span class="sbb-checkbox">
           <span class="sbb-checkbox__inner">
@@ -46,22 +58,21 @@ let o = class extends u(
         </span>
       </span>
     `;
-  }
-};
-o.styles = [f, _];
-o.events = {
-  didChange: "didChange"
-};
-a([
-  l({ reflect: !0 })
-], o.prototype, "size", 1);
-a([
-  l({ attribute: "icon-placement", reflect: !0 })
-], o.prototype, "iconPlacement", 2);
-o = a([
-  m("sbb-checkbox"),
-  d()
-], o);
+    }
+  }, o = new WeakMap(), l = new WeakMap(), i = c, (() => {
+    const n = typeof Symbol == "function" && Symbol.metadata ? Object.create(_[Symbol.metadata] ?? null) : void 0;
+    p = [P({ reflect: !0 }), j((a, r) => {
+      var z;
+      return ((z = a.group) == null ? void 0 : z.size) ?? r;
+    })], k = [P({ attribute: "icon-placement", reflect: !0 })], u(c, null, p, { kind: "accessor", name: "size", static: !1, private: !1, access: { has: (a) => "size" in a, get: (a) => a.size, set: (a, r) => {
+      a.size = r;
+    } }, metadata: n }, f, x), u(c, null, k, { kind: "accessor", name: "iconPlacement", static: !1, private: !1, access: { has: (a) => "iconPlacement" in a, get: (a) => a.iconPlacement, set: (a, r) => {
+      a.iconPlacement = r;
+    } }, metadata: n }, g, v), u(null, t = { value: i }, e, { kind: "class", name: i.name, metadata: n }, null, s), i = t.value, n && Object.defineProperty(i, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: n });
+  })(), c.styles = [M, L], c.events = {
+    didChange: "didChange"
+  }, b(i, s), i;
+})();
 export {
-  o as SbbCheckboxElement
+  K as SbbCheckboxElement
 };

package/checkbox/common/checkbox-common.d.ts

@@ -3,7 +3,7 @@ import { Constructor, SbbDisabledMixinType, SbbFormAssociatedCheckboxMixinType,
 import { SbbCheckboxGroupElement } from '../checkbox-group.js';
 export type SbbCheckboxSize = 'xs' | 's' | 'm';
 export declare class SbbCheckboxCommonElementMixinType extends SbbFormAssociatedCheckboxMixinType implements Partial<SbbDisabledMixinType>, Partial<SbbRequiredMixinType> {
-    indeterminate: boolean;
+    accessor indeterminate: boolean;
     get group(): SbbCheckboxGroupElement | null;
 }
 export declare const SbbCheckboxCommonElementMixin: <T extends Constructor<LitElement>>(superClass: T) => Constructor<SbbCheckboxCommonElementMixinType> & T;

package/checkbox/common/checkbox-common.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox-common.d.ts","sourceRoot":"","sources":["../../../../src/elements/checkbox/common/checkbox-common.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAkB,MAAM,KAAK,CAAC;AAGtD,OAAO,EACL,KAAK,WAAW,EAChB,KAAK,oBAAoB,EAEzB,KAAK,kCAAkC,EACvC,KAAK,oBAAoB,EAC1B,MAAM,sBAAsB,CAAC;AAC9B,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,sBAAsB,CAAC;AAEpE,MAAM,MAAM,eAAe,GAAG,IAAI,GAAG,GAAG,GAAG,GAAG,CAAC;AAE/C,MAAM,CAAC,OAAO,OAAO,iCACnB,SAAQ,kCACR,YAAW,OAAO,CAAC,oBAAoB,CAAC,EAAE,OAAO,CAAC,oBAAoB,CAAC;IAEhE,aAAa,EAAE,OAAO,CAAC;IAE9B,IAAW,KAAK,IAAI,uBAAuB,GAAG,IAAI,CAAC;CACpD;AAGD,eAAO,MAAM,6BAA6B,GAAI,CAAC,SAAS,WAAW,CAAC,UAAU,CAAC,cACjE,CAAC,KACZ,WAAW,CAAC,iCAAiC,CAAC,GAAG,CA6CnD,CAAC"}
+{"version":3,"file":"checkbox-common.d.ts","sourceRoot":"","sources":["../../../../src/elements/checkbox/common/checkbox-common.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAkB,MAAM,KAAK,CAAC;AAItD,OAAO,EACL,KAAK,WAAW,EAChB,KAAK,oBAAoB,EAEzB,KAAK,kCAAkC,EACvC,KAAK,oBAAoB,EAC1B,MAAM,sBAAsB,CAAC;AAC9B,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,sBAAsB,CAAC;AAEpE,MAAM,MAAM,eAAe,GAAG,IAAI,GAAG,GAAG,GAAG,GAAG,CAAC;AAE/C,MAAM,CAAC,OAAO,OAAO,iCACnB,SAAQ,kCACR,YAAW,OAAO,CAAC,oBAAoB,CAAC,EAAE,OAAO,CAAC,oBAAoB,CAAC;IAEvE,SAAgB,aAAa,EAAE,OAAO,CAAC;IAEvC,IAAW,KAAK,IAAI,uBAAuB,GAAG,IAAI,CAAC;CACpD;AAGD,eAAO,MAAM,6BAA6B,GAAI,CAAC,SAAS,WAAW,CAAC,UAAU,CAAC,cACjE,CAAC,KACZ,WAAW,CAAC,iCAAiC,CAAC,GAAG,CA+CnD,CAAC"}

package/checkbox/common.js

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

package/chip/chip.d.ts

@@ -7,9 +7,9 @@ import { CSSResultGroup, TemplateResult, LitElement } from 'lit';
 export declare class SbbChipElement extends LitElement {
     static styles: CSSResultGroup;
     /** Size of the chip. */
-    size: 'xxs' | 'xs' | 's';
+    accessor size: 'xxs' | 'xs' | 's';
     /** Color of the chip. */
-    color: 'milk' | 'charcoal' | 'white' | 'granite';
+    accessor color: 'milk' | 'charcoal' | 'white' | 'granite';
     protected render(): TemplateResult;
 }
 declare global {

package/chip/chip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"chip.d.ts","sourceRoot":"","sources":["../../../src/elements/chip/chip.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1D,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;AAKvC;;;;GAIG;AACH,qBACa,cAAe,SAAQ,UAAU;IAC5C,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD,wBAAwB;IAEjB,IAAI,EAAE,KAAK,GAAG,IAAI,GAAG,GAAG,CAAS;IAExC,yBAAyB;IAElB,KAAK,EAAE,MAAM,GAAG,UAAU,GAAG,OAAO,GAAG,SAAS,CAAU;cAE9C,MAAM,IAAI,cAAc;CAS5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,UAAU,EAAE,cAAc,CAAC;KAC5B;CACF"}
+{"version":3,"file":"chip.d.ts","sourceRoot":"","sources":["../../../src/elements/chip/chip.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1D,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;AAKvC;;;;GAIG;AACH,qBAEM,cAAe,SAAQ,UAAU;IACrC,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD,wBAAwB;IACxB,SACgB,IAAI,EAAE,KAAK,GAAG,IAAI,GAAG,GAAG,CAAS;IAEjD,yBAAyB;IACzB,SACgB,KAAK,EAAE,MAAM,GAAG,UAAU,GAAG,OAAO,GAAG,SAAS,CAAU;cAEvD,MAAM,IAAI,cAAc;CAS5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,UAAU,EAAE,cAAc,CAAC;KAC5B;CACF"}