@sbb-esta/lyne-elements 2.2.0 → 2.3.0

package/button/mini-button-group.js

@@ -11,31 +11,31 @@ import { isLean as D } from "../core/dom.js";
 import { SbbNegativeMixin as M, SbbNamedSlotListMixin as O } from "../core/mixins.js";
 const j = k`*,:before,:after{box-sizing:border-box}:host{display:block;--sbb-mini-button-group-background: var(--sbb-color-white);--sbb-mini-button-group-border-color: var(--sbb-color-cloud);--sbb-mini-button-group-border-width: var(--sbb-border-width-2x);--sbb-mini-button-group-border: var(--sbb-mini-button-group-border-width) solid var(--sbb-mini-button-group-border-color);--sbb-mini-button-group-gap: var(--sbb-spacing-fixed-2x);--sbb-mini-button-group-min-height: var(--sbb-size-element-s);--sbb-mini-button-group-padding-inline: var(--sbb-spacing-fixed-3x)}:host([negative]){--sbb-mini-button-group-background: var(--sbb-color-midnight);--sbb-mini-button-group-border-color: var(--sbb-color-anthracite);--sbb-focus-outline-color: var(--sbb-focus-outline-color-dark)}:host([size=s]){--sbb-mini-button-group-min-height: var(--sbb-size-element-xs);--sbb-mini-button-group-padding-inline: var(--sbb-spacing-fixed-2x)}:host([size=l]){--sbb-mini-button-group-min-height: var(--sbb-size-element-m)}:host([size=xl]){--sbb-mini-button-group-min-height: var(--sbb-size-element-l);--sbb-mini-button-group-padding-inline: var(--sbb-spacing-fixed-4x)}::slotted(:is(sbb-mini-button,sbb-divider)){display:flex}::slotted(sbb-divider){--sbb-divider-border-width: var(--sbb-border-width-1x);padding-block:var(--sbb-spacing-fixed-1x);padding-inline:var(--sbb-spacing-fixed-1x);height:var(--sbb-size-icon-ui-small)}.sbb-mini-button-group{list-style:none;margin:0;padding:0;font-size:inherit;display:flex;flex-wrap:nowrap;align-items:center;gap:var(--sbb-mini-button-group-gap);width:fit-content;min-height:var(--sbb-mini-button-group-min-height);background-color:var(--sbb-mini-button-group-background);border:var(--sbb-mini-button-group-border);border-radius:var(--sbb-border-radius-infinity);padding-inline:calc(var(--sbb-mini-button-group-padding-inline) - var(--sbb-mini-button-group-border-width))}`;
 let $ = (() => {
-  var n, o, a;
+  var o, n, a;
   let i = [E("sbb-mini-button-group")], t, s = [], r, p = M(O(S)), h, v = [], f = [], y, x = [], _ = [];
   return a = class extends p {
     constructor() {
       super(...arguments);
-      m(this, n);
       m(this, o);
-      this.listChildLocalNames = ["sbb-mini-button", "sbb-divider"], l(this, n, c(this, v, "")), l(this, o, (c(this, f), c(this, x, D() ? "s" : "m"))), c(this, _);
+      m(this, n);
+      this.listChildLocalNames = ["sbb-mini-button", "sbb-divider"], l(this, o, c(this, v, "")), l(this, n, (c(this, f), c(this, x, D() ? "s" : "m"))), c(this, _);
     }
     /** This will be forwarded as aria-label to the list that contains the buttons. */
     get accessibilityLabel() {
-      return d(this, n);
+      return d(this, o);
     }
     set accessibilityLabel(e) {
-      l(this, n, e);
+      l(this, o, e);
     }
     /**
      * Size variant, either s, m, l or xl.
      * @default 'm' / 's' (lean)
      */
     get size() {
-      return d(this, o);
+      return d(this, n);
     }
     set size(e) {
-      l(this, o, e);
+      l(this, n, e);
     }
     willUpdate(e) {
       super.willUpdate(e), e.has("negative") && this._proxyNegative();
@@ -49,7 +49,7 @@ let $ = (() => {
       ${this.renderList({ ariaLabel: this.accessibilityLabel }, { localNameVisualOnly: ["sbb-divider"] })}
     `;
     }
-  }, n = new WeakMap(), o = new WeakMap(), r = a, (() => {
+  }, o = new WeakMap(), n = new WeakMap(), r = a, (() => {
     const e = typeof Symbol == "function" && Symbol.metadata ? Object.create(p[Symbol.metadata] ?? null) : void 0;
     h = [I(), w({ attribute: "accessibility-label" })], y = [w({ reflect: !0 })], g(a, null, h, { kind: "accessor", name: "accessibilityLabel", static: !1, private: !1, access: { has: (b) => "accessibilityLabel" in b, get: (b) => b.accessibilityLabel, set: (b, u) => {
       b.accessibilityLabel = u;

package/button/secondary-button-link.js

@@ -3,15 +3,15 @@ import { customElement as m } from "lit/decorators.js";
 import { SbbLinkBaseElement as b } from "../core/base-elements.js";
 import { SbbDisabledInteractiveMixin as c, SbbDisabledMixin as u } from "../core/mixins.js";
 import { SbbButtonCommonElementMixin as d, buttonCommonStyle as S, buttonSecondaryStyle as y } from "./common.js";
-let E = (() => {
+let D = (() => {
   var e;
-  let o = [m("sbb-secondary-button-link")], l, n = [], t, i = d(c(u(b)));
-  return e = class extends i {
+  let o = [m("sbb-secondary-button-link")], l, i = [], t, n = d(c(u(b)));
+  return e = class extends n {
   }, t = e, (() => {
-    const a = typeof Symbol == "function" && Symbol.metadata ? Object.create(i[Symbol.metadata] ?? null) : void 0;
-    r(null, l = { value: t }, o, { kind: "class", name: t.name, metadata: a }, null, n), t = l.value, a && Object.defineProperty(t, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: a });
-  })(), e.styles = [S, y], s(t, n), t;
+    const a = typeof Symbol == "function" && Symbol.metadata ? Object.create(n[Symbol.metadata] ?? null) : void 0;
+    r(null, l = { value: t }, o, { kind: "class", name: t.name, metadata: a }, null, i), t = l.value, a && Object.defineProperty(t, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: a });
+  })(), e.styles = [S, y], s(t, i), t;
 })();
 export {
-  E as SbbSecondaryButtonLinkElement
+  D as SbbSecondaryButtonLinkElement
 };

package/button/secondary-button-static.js

@@ -1,16 +1,16 @@
-import { __esDecorate as r, __runInitializers as i } from "tslib";
+import { __esDecorate as i, __runInitializers as n } from "tslib";
 import { customElement as m } from "lit/decorators.js";
 import { SbbActionBaseElement as c } from "../core/base-elements.js";
 import { SbbDisabledMixin as b } from "../core/mixins.js";
-import { SbbButtonCommonElementMixin as u, buttonCommonStyle as d, buttonSecondaryStyle as S } from "./common.js";
+import { SbbButtonCommonElementMixin as u, buttonCommonStyle as S, buttonSecondaryStyle as d } from "./common.js";
 let E = (() => {
   var e;
-  let s = [m("sbb-secondary-button-static")], l, o = [], t, n = u(b(c));
-  return e = class extends n {
+  let r = [m("sbb-secondary-button-static")], l, o = [], t, s = u(b(c));
+  return e = class extends s {
   }, t = e, (() => {
-    const a = typeof Symbol == "function" && Symbol.metadata ? Object.create(n[Symbol.metadata] ?? null) : void 0;
-    r(null, l = { value: t }, s, { kind: "class", name: t.name, metadata: a }, null, o), t = l.value, a && Object.defineProperty(t, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: a });
-  })(), e.styles = [d, S], i(t, o), t;
+    const a = typeof Symbol == "function" && Symbol.metadata ? Object.create(s[Symbol.metadata] ?? null) : void 0;
+    i(null, l = { value: t }, r, { kind: "class", name: t.name, metadata: a }, null, o), t = l.value, a && Object.defineProperty(t, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: a });
+  })(), e.styles = [S, d], n(t, o), t;
 })();
 export {
   E as SbbSecondaryButtonStaticElement

package/button/secondary-button.js

@@ -5,12 +5,12 @@ import { SbbDisabledTabIndexActionMixin as b } from "../core/mixins.js";
 import { SbbButtonCommonElementMixin as u, buttonCommonStyle as d, buttonSecondaryStyle as S } from "./common.js";
 let E = (() => {
   var e;
-  let r = [m("sbb-secondary-button")], l, o = [], t, n = u(b(c));
+  let r = [m("sbb-secondary-button")], o, l = [], t, n = u(b(c));
   return e = class extends n {
   }, t = e, (() => {
     const a = typeof Symbol == "function" && Symbol.metadata ? Object.create(n[Symbol.metadata] ?? null) : void 0;
-    s(null, l = { value: t }, r, { kind: "class", name: t.name, metadata: a }, null, o), t = l.value, a && Object.defineProperty(t, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: a });
-  })(), e.styles = [d, S], i(t, o), t;
+    s(null, o = { value: t }, r, { kind: "class", name: t.name, metadata: a }, null, l), t = o.value, a && Object.defineProperty(t, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: a });
+  })(), e.styles = [d, S], i(t, l), t;
 })();
 export {
   E as SbbSecondaryButtonElement

package/button/transparent-button-link.js

@@ -2,16 +2,16 @@ import { __esDecorate as s, __runInitializers as o } from "tslib";
 import { customElement as m } from "lit/decorators.js";
 import { SbbLinkBaseElement as b } from "../core/base-elements.js";
 import { SbbDisabledInteractiveMixin as c, SbbDisabledMixin as u } from "../core/mixins.js";
-import { SbbButtonCommonElementMixin as p, buttonCommonStyle as d, buttonTransparentStyle as S } from "./common.js";
-let E = (() => {
+import { SbbButtonCommonElementMixin as p, buttonCommonStyle as S, buttonTransparentStyle as d } from "./common.js";
+let D = (() => {
   var e;
-  let i = [m("sbb-transparent-button-link")], n, l = [], t, r = p(c(u(b)));
+  let i = [m("sbb-transparent-button-link")], l, n = [], t, r = p(c(u(b)));
   return e = class extends r {
   }, t = e, (() => {
     const a = typeof Symbol == "function" && Symbol.metadata ? Object.create(r[Symbol.metadata] ?? null) : void 0;
-    s(null, n = { value: t }, i, { kind: "class", name: t.name, metadata: a }, null, l), t = n.value, a && Object.defineProperty(t, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: a });
-  })(), e.styles = [d, S], o(t, l), t;
+    s(null, l = { value: t }, i, { kind: "class", name: t.name, metadata: a }, null, n), t = l.value, a && Object.defineProperty(t, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: a });
+  })(), e.styles = [S, d], o(t, n), t;
 })();
 export {
-  E as SbbTransparentButtonLinkElement
+  D as SbbTransparentButtonLinkElement
 };

package/button/transparent-button-static.js

@@ -5,12 +5,12 @@ import { SbbDisabledMixin as b } from "../core/mixins.js";
 import { SbbButtonCommonElementMixin as u, buttonCommonStyle as p, buttonTransparentStyle as S } from "./common.js";
 let E = (() => {
   var e;
-  let s = [m("sbb-transparent-button-static")], l, n = [], t, r = u(b(c));
-  return e = class extends r {
+  let n = [m("sbb-transparent-button-static")], l, r = [], t, s = u(b(c));
+  return e = class extends s {
   }, t = e, (() => {
-    const a = typeof Symbol == "function" && Symbol.metadata ? Object.create(r[Symbol.metadata] ?? null) : void 0;
-    o(null, l = { value: t }, s, { kind: "class", name: t.name, metadata: a }, null, n), t = l.value, a && Object.defineProperty(t, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: a });
-  })(), e.styles = [p, S], i(t, n), t;
+    const a = typeof Symbol == "function" && Symbol.metadata ? Object.create(s[Symbol.metadata] ?? null) : void 0;
+    o(null, l = { value: t }, n, { kind: "class", name: t.name, metadata: a }, null, r), t = l.value, a && Object.defineProperty(t, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: a });
+  })(), e.styles = [p, S], i(t, r), t;
 })();
 export {
   E as SbbTransparentButtonStaticElement

package/button/transparent-button.js

@@ -1,16 +1,16 @@
-import { __esDecorate as o, __runInitializers as i } from "tslib";
+import { __esDecorate as s, __runInitializers as i } from "tslib";
 import { customElement as m } from "lit/decorators.js";
 import { SbbButtonBaseElement as b } from "../core/base-elements.js";
-import { SbbDisabledTabIndexActionMixin as u } from "../core/mixins.js";
-import { SbbButtonCommonElementMixin as c, buttonCommonStyle as p, buttonTransparentStyle as d } from "./common.js";
+import { SbbDisabledTabIndexActionMixin as c } from "../core/mixins.js";
+import { SbbButtonCommonElementMixin as u, buttonCommonStyle as p, buttonTransparentStyle as d } from "./common.js";
 let E = (() => {
   var e;
-  let s = [m("sbb-transparent-button")], n, l = [], t, r = c(u(b));
+  let o = [m("sbb-transparent-button")], l, n = [], t, r = u(c(b));
   return e = class extends r {
   }, t = e, (() => {
     const a = typeof Symbol == "function" && Symbol.metadata ? Object.create(r[Symbol.metadata] ?? null) : void 0;
-    o(null, n = { value: t }, s, { kind: "class", name: t.name, metadata: a }, null, l), t = n.value, a && Object.defineProperty(t, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: a });
-  })(), e.styles = [p, d], i(t, l), t;
+    s(null, l = { value: t }, o, { kind: "class", name: t.name, metadata: a }, null, n), t = l.value, a && Object.defineProperty(t, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: a });
+  })(), e.styles = [p, d], i(t, n), t;
 })();
 export {
   E as SbbTransparentButtonElement

package/calendar.js

@@ -4,7 +4,7 @@ var he = (o) => {
 var _e = (o, h, f) => h.has(o) || he("Cannot " + f);
 var v = (o, h, f) => (_e(o, h, "read from private field"), f ? f.call(o) : h.get(o)), w = (o, h, f) => h.has(o) ? he("Cannot add the same private member more than once") : h instanceof WeakSet ? h.add(o) : h.set(o, f), u = (o, h, f, p) => (_e(o, h, "write to private field"), p ? p.call(o, f) : h.set(o, f), f);
 import { __esDecorate as m, __runInitializers as c } from "tslib";
-import { css as ge, LitElement as pe, isServer as ue, html as n, nothing as g } from "lit";
+import { css as ge, LitElement as pe, isServer as ue, nothing as g, html as n } from "lit";
 import { customElement as ve, property as A, state as F } from "lit/decorators.js";
 import { classMap as R } from "lit/directives/class-map.js";
 import { sbbInputModalityDetector as we, isArrowKeyOrPageKeysPressed as ye } from "./core/a11y.js";

package/card/card-badge.js

@@ -1,9 +1,9 @@
-var u = (e) => {
+var m = (e) => {
   throw TypeError(e);
 };
-var m = (e, a, t) => a.has(e) || u("Cannot " + t);
-var h = (e, a, t) => (m(e, a, "read from private field"), t ? t.call(e) : a.get(e)), f = (e, a, t) => a.has(e) ? u("Cannot add the same private member more than once") : a instanceof WeakSet ? a.add(e) : a.set(e, t), l = (e, a, t, r) => (m(e, a, "write to private field"), r ? r.call(e, t) : a.set(e, t), t);
-import { __runInitializers as d, __esDecorate as v } from "tslib";
+var u = (e, a, t) => a.has(e) || m("Cannot " + t);
+var h = (e, a, t) => (u(e, a, "read from private field"), t ? t.call(e) : a.get(e)), f = (e, a, t) => a.has(e) ? m("Cannot add the same private member more than once") : a instanceof WeakSet ? a.add(e) : a.set(e, t), l = (e, a, t, r) => (u(e, a, "write to private field"), r ? r.call(e, t) : a.set(e, t), t);
+import { __runInitializers as i, __esDecorate as v } from "tslib";
 import { css as _, LitElement as k, html as y } from "lit";
 import { customElement as w, property as E } from "lit/decorators.js";
 import { hostAttributes as z } from "../core/decorators.js";
@@ -13,12 +13,12 @@ let T = (() => {
   let e = [w("sbb-card-badge"), z({
     slot: "badge",
     role: "text"
-  })], a, t = [], r, i = k, n, g = [], p = [];
-  return o = class extends i {
+  })], a, t = [], r, d = k, n, g = [], p = [];
+  return o = class extends d {
     constructor() {
       super(...arguments);
       f(this, s);
-      l(this, s, d(this, g, "charcoal")), this._parentElement = d(this, p);
+      l(this, s, i(this, g, "charcoal")), this._parentElement = i(this, p);
     }
     /** Color of the card badge. */
     get color() {
@@ -46,11 +46,11 @@ let T = (() => {
     `;
     }
   }, s = new WeakMap(), r = o, (() => {
-    const b = typeof Symbol == "function" && Symbol.metadata ? Object.create(i[Symbol.metadata] ?? null) : void 0;
+    const b = typeof Symbol == "function" && Symbol.metadata ? Object.create(d[Symbol.metadata] ?? null) : void 0;
     n = [E({ reflect: !0 })], v(o, null, n, { kind: "accessor", name: "color", static: !1, private: !1, access: { has: (c) => "color" in c, get: (c) => c.color, set: (c, x) => {
       c.color = x;
     } }, metadata: b }, g, p), v(null, a = { value: r }, e, { kind: "class", name: r.name, metadata: b }, null, t), r = a.value, b && Object.defineProperty(r, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: b });
-  })(), o.styles = C, d(r, t), r;
+  })(), o.styles = C, i(r, t), r;
 })();
 export {
   T as SbbCardBadgeElement

package/card/card-button.js

@@ -1,19 +1,19 @@
-import { __esDecorate as s, __runInitializers as m } from "tslib";
+import { __esDecorate as n, __runInitializers as m } from "tslib";
 import { customElement as i } from "lit/decorators.js";
 import { SbbButtonBaseElement as c } from "../core/base-elements.js";
 import { SbbCardActionCommonElementMixin as u } from "./common.js";
-let _ = (() => {
+let f = (() => {
   var e;
-  let n = [i("sbb-card-button")], r, l = [], t, o = u(c);
+  let s = [i("sbb-card-button")], r, l = [], t, o = u(c);
   return e = class extends o {
     constructor() {
       super(...arguments), this.actionRole = "button";
     }
   }, t = e, (() => {
     const a = typeof Symbol == "function" && Symbol.metadata ? Object.create(o[Symbol.metadata] ?? null) : void 0;
-    s(null, r = { value: t }, n, { kind: "class", name: t.name, metadata: a }, null, l), t = r.value, a && Object.defineProperty(t, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: a }), m(t, l);
+    n(null, r = { value: t }, s, { kind: "class", name: t.name, metadata: a }, null, l), t = r.value, a && Object.defineProperty(t, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: a }), m(t, l);
   })(), t;
 })();
 export {
-  _ as SbbCardButtonElement
+  f as SbbCardButtonElement
 };

package/card/card-link.js

@@ -1,19 +1,19 @@
-import { __esDecorate as i, __runInitializers as o } from "tslib";
+import { __esDecorate as n, __runInitializers as o } from "tslib";
 import { customElement as m } from "lit/decorators.js";
 import { SbbLinkBaseElement as c } from "../core/base-elements.js";
 import { SbbCardActionCommonElementMixin as u } from "./common.js";
-let _ = (() => {
+let f = (() => {
   var t;
-  let s = [m("sbb-card-link")], l, r = [], e, n = u(c);
-  return t = class extends n {
+  let i = [m("sbb-card-link")], l, r = [], e, s = u(c);
+  return t = class extends s {
     constructor() {
       super(...arguments), this.actionRole = "link";
     }
   }, e = t, (() => {
-    const a = typeof Symbol == "function" && Symbol.metadata ? Object.create(n[Symbol.metadata] ?? null) : void 0;
-    i(null, l = { value: e }, s, { kind: "class", name: e.name, metadata: a }, null, r), e = l.value, a && Object.defineProperty(e, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: a }), o(e, r);
+    const a = typeof Symbol == "function" && Symbol.metadata ? Object.create(s[Symbol.metadata] ?? null) : void 0;
+    n(null, l = { value: e }, i, { kind: "class", name: e.name, metadata: a }, null, r), e = l.value, a && Object.defineProperty(e, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: a }), o(e, r);
   })(), e;
 })();
 export {
-  _ as SbbCardLinkElement
+  f as SbbCardLinkElement
 };

package/card/card.js

@@ -4,7 +4,7 @@ var _ = (a) => {
 var z = (a, r, s) => r.has(a) || _("Cannot " + s);
 var l = (a, r, s) => (z(a, r, "read from private field"), s ? s.call(a) : r.get(a)), v = (a, r, s) => r.has(a) ? _("Cannot add the same private member more than once") : r instanceof WeakSet ? r.add(a) : r.set(a, s), p = (a, r, s, e) => (z(a, r, "write to private field"), e ? e.call(a, s) : r.set(a, s), s);
 import { __esDecorate as h, __runInitializers as c } from "tslib";
-import { css as E, LitElement as I, html as y, nothing as T } from "lit";
+import { css as E, LitElement as I, nothing as T, html as y } from "lit";
 import { customElement as B, property as S } from "lit/decorators.js";
 import { isLean as D } from "../core/dom.js";
 const L = E`*,:before,:after{box-sizing:border-box}:host{display:block;--sbb-card-background-color: var(--sbb-color-white);--sbb-card-border-radius: var(--sbb-border-radius-4x);--sbb-card-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-1x) );--sbb-card-animation-easing: var(--sbb-animation-easing);--sbb-card-border-color: transparent;--sbb-card-border-style: solid;--sbb-card-hover-shift: 0;--sbb-focus-outline-color: var(--sbb-focus-outline-color-default)}@media (forced-colors: active){:host{--sbb-card-border-color: CanvasText;--sbb-card-border-width: var(--sbb-border-width-2x)}}:host([color=milk]){--sbb-card-background-color: var(--sbb-color-milk);--sbb-card-border-color: transparent}:host([color=transparent-bordered]){--sbb-card-background-color: transparent;--sbb-card-border-color: var(--sbb-color-cloud);--sbb-card-border-width: var(--sbb-border-width-1x);--sbb-focus-outline-color: inherit}:host([color=transparent-bordered-dashed]){--sbb-card-background-color: transparent;--sbb-card-border-color: var(--sbb-color-cement);--sbb-card-border-width: var(--sbb-border-width-1x);--sbb-card-border-style: dashed;--sbb-focus-outline-color: inherit}:host([data-has-active-action]){--sbb-card-border-color: var(--sbb-color-charcoal);--sbb-card-border-width: var(--sbb-border-width-2x);--sbb-card-border-style: solid}@media (forced-colors: active){:host([data-has-active-action]){--sbb-card-border-color: Highlight}}:host([size=xs]){--sbb-card-padding-inline: var(--sbb-spacing-responsive-xxs);--sbb-card-padding-block-start: var(--sbb-spacing-fixed-3x);--sbb-card-padding-block-end: var(--sbb-card-padding-block-start)}:host([size=s]){--sbb-card-padding-inline: var(--sbb-spacing-responsive-xxs);--sbb-card-padding-block-start: var(--sbb-spacing-responsive-xxxs);--sbb-card-padding-block-end: var(--sbb-card-padding-block-start)}:host([size=m]){--sbb-card-padding-inline: var(--sbb-spacing-responsive-s);--sbb-card-padding-block-start: var(--sbb-spacing-responsive-xxxs);--sbb-card-padding-block-end: var(--sbb-card-padding-block-start)}:host([size=m][data-has-card-badge]){--sbb-card-padding-block-start: var(--sbb-spacing-fixed-6x);--sbb-card-padding-block-end: var(--sbb-spacing-responsive-xxxs)}:host([size=l]){--sbb-card-padding-inline: var(--sbb-spacing-responsive-xxs);--sbb-card-padding-block-start: var(--sbb-spacing-fixed-4x);--sbb-card-padding-block-end: var(--sbb-card-padding-block-start)}:host([size=l][data-has-card-badge]){--sbb-card-padding-block-start: var(--sbb-spacing-fixed-6x);--sbb-card-padding-block-end: var(--sbb-spacing-fixed-4x)}:host([size=xl]){--sbb-card-padding-inline: var(--sbb-spacing-responsive-xxs);--sbb-card-padding-block-start: var(--sbb-spacing-responsive-xxs);--sbb-card-padding-block-end: var(--sbb-card-padding-block-start)}:host([size=xl][data-has-card-badge]){--sbb-card-padding-block-start: var(--sbb-spacing-fixed-6x);--sbb-card-padding-block-end: var(--sbb-spacing-responsive-xxs)}:host([size=xxl]){--sbb-card-padding-inline: var(--sbb-spacing-responsive-s);--sbb-card-padding-block-start: var(--sbb-spacing-responsive-s);--sbb-card-padding-block-end: var(--sbb-card-padding-block-start)}:host([size=xxxl]){--sbb-card-padding-inline: var(--sbb-spacing-responsive-l);--sbb-card-padding-block-start: var(--sbb-spacing-responsive-l);--sbb-card-padding-block-end: var(--sbb-card-padding-block-start)}@media (forced-colors: active){:host([data-has-action]){--sbb-title-text-color-normal-override: var(--sbb-card-color)}}@media (any-hover: hover){:host([data-has-action]:not([data-has-active-action]):hover){--sbb-card-hover-shift: -.125rem}:host([data-has-action]:not([data-has-active-action]):hover) .sbb-card{box-shadow:var(--sbb-shadow-elevation-level-9-shadow-2-offset-x) var(--sbb-shadow-elevation-level-9-shadow-2-offset-y) var(--sbb-shadow-elevation-level-9-shadow-2-blur) var(--sbb-shadow-elevation-level-9-shadow-2-spread) var(--sbb-shadow-elevation-level-9-hard-2-color),var(--sbb-shadow-elevation-level-9-shadow-1-offset-x) var(--sbb-shadow-elevation-level-9-shadow-1-offset-y) var(--sbb-shadow-elevation-level-9-shadow-1-blur) var(--sbb-shadow-elevation-level-9-shadow-1-spread) var(--sbb-shadow-elevation-level-9-hard-1-color)}}@media (any-hover: hover) and (forced-colors: active){:host([data-has-action]:not([data-has-active-action]):hover){--sbb-card-border-color: Highlight}}@media (forced-colors: active){:host([data-has-action][data-action-role=button]){--sbb-card-color: ButtonText}}@media (forced-colors: active){:host([data-has-action][data-action-role=link]){--sbb-card-color: LinkText}}.sbb-card{width:100%;height:100%;display:block;position:relative;padding-inline:var(--sbb-card-padding-inline);padding-block:var(--sbb-card-padding-block-start) var(--sbb-card-padding-block-end);border-radius:var(--sbb-card-border-radius);background-color:var(--sbb-card-background-color);box-shadow:none;transition:box-shadow var(--sbb-card-animation-duration) var(--sbb-card-animation-easing);color:var(--sbb-card-color)}.sbb-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:transparent;border:var(--sbb-card-border-width) var(--sbb-card-border-style) var(--sbb-card-border-color);border-radius:var(--sbb-card-border-radius);pointer-events:none}.sbb-card__wrapper{display:block;height:100%}:host([data-has-action]) .sbb-card__wrapper{pointer-events:none;transform:translateY(var(--sbb-card-hover-shift));transition:transform var(--sbb-card-animation-duration) var(--sbb-card-animation-easing)}.sbb-card__badge-wrapper{overflow:hidden;position:absolute;top:0;right:0;bottom:0;left:0;inset-block-end:unset;border-start-start-radius:var(--sbb-card-border-radius);border-start-end-radius:var(--sbb-card-border-radius)}:host([data-has-action]) .sbb-card__badge-wrapper{pointer-events:none}:host(:not([data-has-card-badge])) .sbb-card__badge-wrapper{display:none}::slotted(sbb-title){margin-block-start:0}`;

package/checkbox/checkbox-panel.js

@@ -1,11 +1,11 @@
-var f = (e) => {
+var k = (e) => {
   throw TypeError(e);
 };
-var k = (e, t, s) => t.has(e) || f("Cannot " + s);
-var x = (e, t, s) => (k(e, t, "read from private field"), s ? s.call(e) : t.get(e)), g = (e, t, s) => t.has(e) ? f("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(e) : t.set(e, s), b = (e, t, s, i) => (k(e, t, "write to private field"), i ? i.call(e, s) : t.set(e, s), s);
+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 y, html as S, nothing as C } from "lit";
-import { customElement as v, property as E } from "lit/decorators.js";
+import { LitElement as v, nothing as y, html as S } from "lit";
+import { customElement as C, property as E } from "lit/decorators.js";
 import { slotState as w, getOverride as $ } from "../core/decorators.js";
 import { isLean as D } from "../core/dom.js";
 import { EventEmitter as I } from "../core/eventing.js";
@@ -15,19 +15,19 @@ import "../screen-reader-only.js";
 import "../visual-checkbox.js";
 let R = (() => {
   var c, l;
-  let e = [v("sbb-checkbox-panel"), w()], t, s = [], i, m = M(j(O(y))), d, p = [], u = [];
-  var r = (l = class extends m {
+  let e = [C("sbb-checkbox-panel"), w()], t, s = [], i, m = M(j(O(v))), d, p = [], u = [];
+  var o = (l = class extends m {
     constructor() {
       super(...arguments);
       g(this, c);
-      b(this, c, h(this, p, D() ? "s" : "m")), this.stateChange = (h(this, u), new I(this, r.events.stateChange, { bubbles: !0 }));
+      b(this, c, h(this, p, D() ? "s" : "m")), this.stateChange = (h(this, u), new I(this, o.events.stateChange, { bubbles: !0 }));
     }
     /**
      * Size variant, either m or s.
      * @default 'm' / 's' (lean)
      */
     get size() {
-      return x(this, c);
+      return f(this, c);
     }
     set size(a) {
       b(this, c, a);
@@ -57,7 +57,7 @@ let R = (() => {
               </span>
             </span>
             <slot name="subtext"></slot>
-            ${this.expansionState ? S`<sbb-screen-reader-only>${this.expansionState}</sbb-screen-reader-only>` : C}
+            ${this.expansionState ? S`<sbb-screen-reader-only>${this.expansionState}</sbb-screen-reader-only>` : y}
           </span>
         </span>
       </span>
@@ -65,17 +65,17 @@ let R = (() => {
     }
   }, c = new WeakMap(), i = l, (() => {
     const a = typeof Symbol == "function" && Symbol.metadata ? Object.create(m[Symbol.metadata] ?? null) : void 0;
-    d = [E({ reflect: !0 }), $((n, o) => {
+    d = [E({ reflect: !0 }), $((n, r) => {
       var _;
-      return (_ = n.group) != null && _.size ? n.group.size === "xs" ? "s" : n.group.size : o;
-    })], z(l, null, d, { kind: "accessor", name: "size", static: !1, private: !1, access: { has: (n) => "size" in n, get: (n) => n.size, set: (n, o) => {
-      n.size = o;
-    } }, metadata: a }, p, u), z(null, t = { value: i }, e, { kind: "class", name: i.name, metadata: a }, null, s), r = i = t.value, a && Object.defineProperty(i, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: a });
+      return (_ = n.group) != null && _.size ? n.group.size === "xs" ? "s" : n.group.size : r;
+    })], z(l, null, d, { 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 = [L, U], l.events = {
     stateChange: "stateChange",
     panelConnected: "panelConnected"
   }, h(i, s), l);
-  return r = i;
+  return o = i;
 })();
 export {
   R as SbbCheckboxPanelElement

package/checkbox/checkbox.js

@@ -13,31 +13,31 @@ import { SbbCheckboxCommonElementMixin as L, checkboxCommonStyle as M } from "./
 import "../visual-checkbox.js";
 const N = 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 R = (() => {
-  var o, l, c;
-  let e = [$("sbb-checkbox"), j()], t, s = [], i, _ = L(O(I)), p, f = [], x = [], k, g = [], z = [];
+  var n, l, c;
+  let e = [$("sbb-checkbox"), j()], t, s = [], i, _ = L(O(I)), p, f = [], x = [], k, g = [], v = [];
   return c = class extends _ {
     constructor() {
       super(...arguments);
-      h(this, o, b(this, f, D() ? "xs" : "m"));
+      h(this, n, b(this, f, D() ? "xs" : "m"));
       h(this, l, (b(this, x), b(this, g, "end")));
-      b(this, z);
+      b(this, v);
     }
     /**
      * Size variant, either m, s or xs.
      * @default 'm' / 'xs' (lean)
      */
     get size() {
-      return m(this, o);
+      return m(this, n);
     }
-    set size(n) {
-      d(this, o, n);
+    set size(o) {
+      d(this, n, o);
     }
     /** The label position relative to the labelIcon. Defaults to end */
     get iconPlacement() {
       return m(this, l);
     }
-    set iconPlacement(n) {
-      d(this, l, n);
+    set iconPlacement(o) {
+      d(this, l, o);
     }
     render() {
       return E`
@@ -63,16 +63,16 @@ let R = (() => {
       </span>
     `;
     }
-  }, o = new WeakMap(), l = new WeakMap(), i = c, (() => {
-    const n = typeof Symbol == "function" && Symbol.metadata ? Object.create(_[Symbol.metadata] ?? null) : void 0;
+  }, n = new WeakMap(), l = new WeakMap(), i = c, (() => {
+    const o = typeof Symbol == "function" && Symbol.metadata ? Object.create(_[Symbol.metadata] ?? null) : void 0;
     p = [P({ reflect: !0 }), C((a, r) => {
-      var v;
-      return ((v = a.group) == null ? void 0 : v.size) ?? 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) => {
+    } }, metadata: o }, 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, z), 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 });
+    } }, metadata: o }, g, v), u(null, t = { value: i }, e, { kind: "class", name: i.name, metadata: o }, null, s), i = t.value, o && Object.defineProperty(i, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: o });
   })(), c.styles = [M, N], b(i, s), i;
 })();
 export {

package/checkbox/common.js

@@ -1,8 +1,8 @@
 var h = (e) => {
   throw TypeError(e);
 };
-var d = (e, i, s) => i.has(e) || h("Cannot " + s);
-var m = (e, i, s) => (d(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) => (d(e, i, "write to private field"), b ? b.call(e, s) : i.set(e, s), 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";
@@ -19,7 +19,7 @@ const q = (e) => (() => {
     }
     /** Whether the checkbox is indeterminate. */
     get indeterminate() {
-      return m(this, r);
+      return d(this, r);
     }
     set indeterminate(t) {
       n(this, r, t);

package/clock.js

@@ -1,8 +1,8 @@
-var z = (n) => {
+var f = (n) => {
   throw TypeError(n);
 };
-var S = (n, i, e) => i.has(n) || z("Cannot " + e);
-var w = (n, i, e) => (S(n, i, "read from private field"), e ? e.call(n) : i.get(n)), L = (n, i, e) => i.has(n) ? z("Cannot add the same private member more than once") : i instanceof WeakSet ? i.add(n) : i.set(n, e), h = (n, i, e, c) => (S(n, i, "write to private field"), c ? c.call(n, e) : i.set(n, e), e);
+var S = (n, i, e) => i.has(n) || f("Cannot " + e);
+var w = (n, i, e) => (S(n, i, "read from private field"), e ? e.call(n) : i.get(n)), L = (n, i, e) => i.has(n) ? f("Cannot add the same private member more than once") : i instanceof WeakSet ? i.add(n) : i.set(n, e), h = (n, i, e, c) => (S(n, i, "write to private field"), c ? c.call(n, e) : i.set(n, e), e);
 import { __runInitializers as m, __esDecorate as C } from "tslib";
 import { css as P, LitElement as I, isServer as E, html as F } from "lit";
 import { customElement as x, property as U } from "lit/decorators.js";
@@ -17,12 +17,12 @@ const $ = `<svg focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0
 };
 let it = (() => {
   var r, l;
-  let n = [x("sbb-clock")], i, e = [], c, u = I, b, k = [], v = [];
+  let n = [x("sbb-clock")], i, e = [], c, u = I, b, v = [], k = [];
   return l = class extends u {
     constructor() {
       super(...arguments);
       L(this, r);
-      h(this, r, m(this, k, null)), this._clockHandHours = m(this, v), this._moveHoursHandFn = () => this._moveHoursHand(), this._moveMinutesHandFn = () => this._moveMinutesHand(), this._handlePageVisibilityChange = async () => {
+      h(this, r, m(this, v, null)), this._clockHandHours = m(this, k), this._moveHoursHandFn = () => this._moveHoursHand(), this._moveMinutesHandFn = () => this._moveMinutesHand(), this._handlePageVisibilityChange = async () => {
         document.visibilityState === "hidden" ? await this._stopClock() : this.now || await this._startClock();
       };
     }
@@ -63,11 +63,11 @@ let it = (() => {
     }
     /** Set the starting position for the three hands on the clock face. */
     _setHandsStartingPosition() {
-      var M, H, g, p, y, f;
+      var M, H, g, p, y, z;
       this._assignCurrentTime();
       const t = A - this._seconds, s = K - this._minutes, o = R - this._hours;
       let a = 0, d = 0;
-      t > 0 && (a += t, d = 1), s > 0 && (a += (s - d) * J, d = 1), o > 0 && (a += (o - d) * Q), (M = this.style) == null || M.setProperty("--sbb-clock-hours-animation-start-angle", `${Math.ceil(this._hours * T + this._minutes / 2)}deg`), (H = this.style) == null || H.setProperty("--sbb-clock-hours-animation-duration", `${a}s`), (g = this.style) == null || g.setProperty("--sbb-clock-seconds-animation-start-angle", `${Math.ceil(this._seconds * q)}deg`), (p = this.style) == null || p.setProperty("--sbb-clock-seconds-animation-duration", `${t}s`), this._setMinutesHand(), (y = this._clockHandSeconds) == null || y.classList.add("sbb-clock__hand-seconds--initial-minute"), (f = this._clockHandHours) == null || f.classList.add("sbb-clock__hand-hours--initial-hour"), this.toggleAttribute("data-initialized", !0);
+      t > 0 && (a += t, d = 1), s > 0 && (a += (s - d) * J, d = 1), o > 0 && (a += (o - d) * Q), (M = this.style) == null || M.setProperty("--sbb-clock-hours-animation-start-angle", `${Math.ceil(this._hours * T + this._minutes / 2)}deg`), (H = this.style) == null || H.setProperty("--sbb-clock-hours-animation-duration", `${a}s`), (g = this.style) == null || g.setProperty("--sbb-clock-seconds-animation-start-angle", `${Math.ceil(this._seconds * q)}deg`), (p = this.style) == null || p.setProperty("--sbb-clock-seconds-animation-duration", `${t}s`), this._setMinutesHand(), (y = this._clockHandSeconds) == null || y.classList.add("sbb-clock__hand-seconds--initial-minute"), (z = this._clockHandHours) == null || z.classList.add("sbb-clock__hand-hours--initial-hour"), this.toggleAttribute("data-initialized", !0);
     }
     /** Given the current date, calculates the hh/mm/ss values and the hh/mm/ss left to the next midnight. */
     _assignCurrentTime() {
@@ -146,7 +146,7 @@ let it = (() => {
     const t = typeof Symbol == "function" && Symbol.metadata ? Object.create(u[Symbol.metadata] ?? null) : void 0;
     b = [U()], C(l, null, b, { kind: "accessor", name: "now", static: !1, private: !1, access: { has: (s) => "now" in s, get: (s) => s.now, set: (s, o) => {
       s.now = o;
-    } }, metadata: t }, k, v), C(null, i = { value: c }, n, { kind: "class", name: c.name, metadata: t }, null, e), c = i.value, t && Object.defineProperty(c, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: t });
+    } }, metadata: t }, v, k), C(null, i = { value: c }, n, { kind: "class", name: c.name, metadata: t }, null, e), c = i.value, t && Object.defineProperty(c, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: t });
   })(), l.styles = B, m(c, e), c;
 })();
 export {

package/container/container.js

@@ -10,12 +10,12 @@ import { slotState as q, forceType as T } from "../core/decorators.js";
 const A = U`@charset "UTF-8";*,:before,:after{box-sizing:border-box}:host{--sbb-container-background-border-radius: 0;--sbb-container-color: inherit;display:block}:host([color=white]){--sbb-container-background-color: var(--sbb-color-white)}:host([color=milk]){--sbb-container-background-color: var(--sbb-color-milk)}:host([color=midnight]),:host([color=charcoal]){--sbb-focus-outline-color: var(--sbb-focus-outline-color-dark);--sbb-container-color: var(--sbb-color-white)}:host([color=midnight]){--sbb-container-background-color: var(--sbb-color-midnight)}:host([color=charcoal]){--sbb-container-background-color: var(--sbb-color-charcoal)}:host([data-slot-names~=image]){--sbb-container-background-color: transparent;--sbb-container-padding: var(--sbb-spacing-responsive-xxl)}:host([background-expanded]:not([expanded])){background-color:var(--sbb-container-background-color)}:host([data-slot-names~=image][background-expanded]){position:relative}@media (min-width: 90rem){:host(:not([expanded],[background-expanded])){--sbb-container-background-border-radius: var(--sbb-border-radius-4x)}}.sbb-container{color:var(--sbb-container-color);background-color:var(--sbb-container-background-color);padding:var(--sbb-container-padding)}.sbb-container:after,.sbb-container:before{content:" ";display:block;visibility:hidden;height:0;overflow:hidden}:host([color=transparent]) .sbb-container{background-color:transparent}:host(:not([expanded])) .sbb-container{padding-inline:var(--sbb-layout-base-offset-responsive);margin-inline:auto;width:100%}@media (min-width: 90rem){:host(:not([expanded])) .sbb-container{max-width:calc(var(--sbb-layout-base-page-max-width) + 2 * var(--sbb-layout-base-offset-responsive))}}:host([expanded]) .sbb-container{padding-inline:var(--sbb-spacing-responsive-xxs)}:host([data-slot-names~=image]:not([background-expanded])) .sbb-container{position:relative}:host([data-slot-names~=image]) .sbb-container__content{position:relative}::slotted([slot=image]){position:absolute;top:0;right:0;bottom:0;left:0;height:100%;width:100%}`;
 let K = (() => {
   var d, l, b, n;
-  let t = [O("sbb-container"), q()], a, r = [], s, x = j, k, _ = [], f = [], v, y = [], w = [], E, z = [], S = [];
+  let t = [O("sbb-container"), q()], a, r = [], s, x = j, k, _ = [], v = [], f, y = [], w = [], E, z = [], S = [];
   return n = class extends x {
     constructor() {
       super(...arguments);
       u(this, d, c(this, _, !1));
-      u(this, l, (c(this, f), c(this, y, !1)));
+      u(this, l, (c(this, v), c(this, y, !1)));
       u(this, b, (c(this, w), c(this, z, "white")));
       c(this, S);
     }
@@ -57,9 +57,9 @@ let K = (() => {
     }
   }, d = new WeakMap(), l = new WeakMap(), b = new WeakMap(), s = n, (() => {
     const o = typeof Symbol == "function" && Symbol.metadata ? Object.create(x[Symbol.metadata] ?? null) : void 0;
-    k = [T(), m({ type: Boolean, reflect: !0 })], v = [T(), m({ type: Boolean, reflect: !0, attribute: "background-expanded" })], E = [m({ reflect: !0 })], g(n, null, k, { kind: "accessor", name: "expanded", static: !1, private: !1, access: { has: (e) => "expanded" in e, get: (e) => e.expanded, set: (e, i) => {
+    k = [T(), m({ type: Boolean, reflect: !0 })], f = [T(), m({ type: Boolean, reflect: !0, attribute: "background-expanded" })], E = [m({ reflect: !0 })], g(n, null, k, { kind: "accessor", name: "expanded", static: !1, private: !1, access: { has: (e) => "expanded" in e, get: (e) => e.expanded, set: (e, i) => {
       e.expanded = i;
-    } }, metadata: o }, _, f), g(n, null, v, { kind: "accessor", name: "backgroundExpanded", static: !1, private: !1, access: { has: (e) => "backgroundExpanded" in e, get: (e) => e.backgroundExpanded, set: (e, i) => {
+    } }, metadata: o }, _, v), g(n, null, f, { kind: "accessor", name: "backgroundExpanded", static: !1, private: !1, access: { has: (e) => "backgroundExpanded" in e, get: (e) => e.backgroundExpanded, set: (e, i) => {
       e.backgroundExpanded = i;
     } }, metadata: o }, y, w), g(n, null, E, { kind: "accessor", name: "color", static: !1, private: !1, access: { has: (e) => "color" in e, get: (e) => e.color, set: (e, i) => {
       e.color = i;