@sbb-esta/lyne-elements 2.11.0 → 2.11.2

package/core/mixins/form-associated-mixin.js

@@ -1,12 +1,12 @@
-var _ = (a) => {
+var g = (a) => {
   throw TypeError(a);
 };
-var V = (a, s, r) => s.has(a) || _("Cannot " + r);
-var S = (a, s, r) => (V(a, s, "read from private field"), r ? r.call(a) : s.get(a)), D = (a, s, r) => s.has(a) ? _("Cannot add the same private member more than once") : s instanceof WeakSet ? s.add(a) : s.set(a, r), h = (a, s, r, o) => (V(a, s, "write to private field"), o ? o.call(a, r) : s.set(a, r), r);
-import { __esDecorate as f, __runInitializers as m } from "tslib";
-import { property as E, state as M } from "lit/decorators.js";
-import { isWebkit as w } from "../dom.js";
-const k = {
+var _ = (a, i, r) => i.has(a) || g("Cannot " + r);
+var V = (a, i, r) => (_(a, i, "read from private field"), r ? r.call(a) : i.get(a)), S = (a, i, r) => i.has(a) ? g("Cannot add the same private member more than once") : i instanceof WeakSet ? i.add(a) : i.set(a, r), c = (a, i, r, o) => (_(a, i, "write to private field"), o ? o.call(a, r) : i.set(a, r), r);
+import { __esDecorate as h, __runInitializers as f } from "tslib";
+import { property as D, state as I } from "lit/decorators.js";
+import { isWebkit as M } from "../dom.js";
+const E = {
   badInput: !1,
   customError: !1,
   patternMismatch: !1,
@@ -27,21 +27,20 @@ if (typeof ValidityState > "u") {
       throw new TypeError("Illegal constructor");
     }
   };
-  Object.entries(k).forEach(([s, r]) => Object.assign(a.prototype, {
-    get [s]() {
+  Object.entries(E).forEach(([i, r]) => Object.assign(a.prototype, {
+    get [i]() {
       return r;
     }
   })), globalThis.ValidityState = a;
 }
-const z = (a) => (() => {
-  var d, l;
-  let r = a, o = [], y, v, p, b = [], g = [];
-  return l = class extends r {
+const x = (a) => (() => {
+  var d, n;
+  let r = a, o = [], m, y, v, p = [], b = [];
+  return n = class extends r {
     constructor(...t) {
-      var e;
       super(...t);
-      D(this, d);
-      this._value = (m(this, o), null), this.internals = this.attachInternals(), this._validityStates = /* @__PURE__ */ new Map(), h(this, d, m(this, b, !1)), m(this, g), (e = this.addEventListener) == null || e.call(this, "invalid", (i) => i.preventDefault());
+      S(this, d);
+      this._value = (f(this, o), null), this.internals = this.attachInternals(), this._validityStates = /* @__PURE__ */ new Map(), c(this, d, f(this, p, !1)), f(this, b), this.addEventListener?.("invalid", (e) => e.preventDefault());
     }
     /**
      * Returns the form owner of this element.
@@ -99,13 +98,13 @@ const z = (a) => (() => {
     }
     /** Whenever a surrounding form or fieldset is changing its disabled state. */
     get formDisabled() {
-      return S(this, d);
+      return V(this, d);
     }
     set formDisabled(t) {
-      h(this, d, t);
+      c(this, d, t);
     }
-    attributeChangedCallback(t, e, i) {
-      (t !== "name" || e !== i) && super.attributeChangedCallback(t, e, i);
+    attributeChangedCallback(t, e, s) {
+      (t !== "name" || e !== s) && super.attributeChangedCallback(t, e, s);
     }
     /**
      * Returns true if this element has no validity problems; false otherwise.
@@ -140,8 +139,8 @@ const z = (a) => (() => {
         this.formDisabled = t;
       });
     }
-    requestUpdate(t, e, i) {
-      super.requestUpdate(t, e, i), this.hasUpdated && this.shouldValidate(t) && this.validate();
+    requestUpdate(t, e, s) {
+      super.requestUpdate(t, e, s), this.hasUpdated && this.shouldValidate(t) && this.validate();
     }
     firstUpdated(t) {
       super.firstUpdated(t), this.validate();
@@ -170,10 +169,10 @@ const z = (a) => (() => {
      *     }
      *   }
      */
-    setValidityFlag(t, e, i) {
-      i ?? (i = !0);
-      const u = this._validityStates.get(t);
-      (!u || u.message !== e || u.flagValue !== i) && (this._validityStates.set(t, { flagValue: i, message: e }), this._setInternalValidity());
+    setValidityFlag(t, e, s) {
+      s ??= !0;
+      const l = this._validityStates.get(t);
+      (!l || l.message !== e || l.flagValue !== s) && (this._validityStates.set(t, { flagValue: s, message: e }), this._setInternalValidity());
     }
     /** Removes the validity state flag entry and updates validity state. */
     removeValidityFlag(t) {
@@ -187,33 +186,32 @@ const z = (a) => (() => {
       return !t;
     }
     _setInternalValidity() {
-      var u;
-      let t = (u = this._validityStates.get("customError")) == null ? void 0 : u.message;
+      let t = this._validityStates.get("customError")?.message;
       const e = {};
-      this._validityStates.forEach(({ flagValue: n, message: c }, I) => {
-        e[I] = n, t || (t = c);
+      this._validityStates.forEach(({ flagValue: l, message: u }, k) => {
+        e[k] = l, t ||= u;
       });
-      const i = Object.keys(ValidityState.prototype).filter((n) => !(n in k) && n !== "valid");
-      for (const n of i) {
-        const c = n in e ? e[n] : !1;
-        Object.defineProperty(this.internals.validity, n, { value: c, configurable: !0 }), c && (e.customError = !0);
+      const s = Object.keys(ValidityState.prototype).filter((l) => !(l in E) && l !== "valid");
+      for (const l of s) {
+        const u = l in e ? e[l] : !1;
+        Object.defineProperty(this.internals.validity, l, { value: u, configurable: !0 }), u && (e.customError = !0);
       }
-      this.internals.setValidity(e, t), w && Object.defineProperty(this.internals.validity, "customError", {
+      this.internals.setValidity(e, t), M && Object.defineProperty(this.internals.validity, "customError", {
         value: this._validityStates.has("customError") || !!e.customError,
         configurable: !0
       });
     }
   }, d = new WeakMap(), (() => {
     const t = typeof Symbol == "function" && Symbol.metadata ? Object.create(r[Symbol.metadata] ?? null) : void 0;
-    y = [E()], v = [E()], p = [M()], f(l, null, y, { kind: "setter", name: "name", static: !1, private: !1, access: { has: (e) => "name" in e, set: (e, i) => {
-      e.name = i;
-    } }, metadata: t }, null, o), f(l, null, v, { kind: "setter", name: "value", static: !1, private: !1, access: { has: (e) => "value" in e, set: (e, i) => {
-      e.value = i;
-    } }, metadata: t }, null, o), f(l, null, p, { kind: "accessor", name: "formDisabled", static: !1, private: !1, access: { has: (e) => "formDisabled" in e, get: (e) => e.formDisabled, set: (e, i) => {
-      e.formDisabled = i;
-    } }, metadata: t }, b, g), t && Object.defineProperty(l, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: t });
-  })(), l.formAssociated = !0, l;
+    m = [D()], y = [D()], v = [I()], h(n, null, m, { kind: "setter", name: "name", static: !1, private: !1, access: { has: (e) => "name" in e, set: (e, s) => {
+      e.name = s;
+    } }, metadata: t }, null, o), h(n, null, y, { kind: "setter", name: "value", static: !1, private: !1, access: { has: (e) => "value" in e, set: (e, s) => {
+      e.value = s;
+    } }, metadata: t }, null, o), h(n, null, v, { kind: "accessor", name: "formDisabled", static: !1, private: !1, access: { has: (e) => "formDisabled" in e, get: (e) => e.formDisabled, set: (e, s) => {
+      e.formDisabled = s;
+    } }, metadata: t }, p, b), t && Object.defineProperty(n, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: t });
+  })(), n.formAssociated = !0, n;
 })();
 export {
-  z as SbbFormAssociatedMixin
+  x as SbbFormAssociatedMixin
 };

package/core/mixins/form-associated-radio-button-mixin.js

@@ -34,8 +34,7 @@ const c = /* @__PURE__ */ new WeakMap(), D = (h) => (() => {
       return "radio";
     }
     constructor() {
-      var e;
-      super(), this._checked = (u(this, r), !1), this.abort = new R(this), this._languageController = new y(this), this.internals.role = "radio", (e = this.addEventListener) == null || e.call(this, "keydown", (t) => this._handleArrowKeyDown(t));
+      super(), this._checked = (u(this, r), !1), this.abort = new R(this), this._languageController = new y(this), this.internals.role = "radio", this.addEventListener?.("keydown", (e) => this._handleArrowKeyDown(e));
     }
     connectedCallback() {
       super.connectedCallback(), this._connectToRegistry(), this._synchronizeGroupState();
@@ -84,7 +83,7 @@ const c = /* @__PURE__ */ new WeakMap(), D = (h) => (() => {
         return;
       let e = !1, t = !1;
       for (const i of this.associatedRadioButtons)
-        e || (e = i.required), t || (t = i.checked);
+        e ||= i.required, t ||= i.checked;
       e && !t ? this.associatedRadioButtons.forEach((i) => i.setValidityFlag("valueMissing", k[this._languageController.current])) : this.associatedRadioButtons.forEach((i) => i.removeValidityFlag("valueMissing"));
     }
     /**
@@ -124,8 +123,7 @@ const c = /* @__PURE__ */ new WeakMap(), D = (h) => (() => {
      * Remove `this` from the radioButton registry and, if the group is empty, delete the entry from the groups Map
      */
     _disconnectFromRegistry() {
-      var e, t, i;
-      (e = this.associatedRadioButtons) == null || e.delete(this), ((t = this.associatedRadioButtons) == null ? void 0 : t.size) === 0 ? (i = this._radioButtonGroupsMap) == null || i.delete(this.name) : this.validate(), this.associatedRadioButtons = void 0, this._radioButtonGroupsMap = void 0;
+      this.associatedRadioButtons?.delete(this), this.associatedRadioButtons?.size === 0 ? this._radioButtonGroupsMap?.delete(this.name) : this.validate(), this.associatedRadioButtons = void 0, this._radioButtonGroupsMap = void 0;
     }
     /**
      * Return a list of 'interactable' grouped radios, ordered in DOM order

package/core/mixins/hydration-mixin.js

@@ -1,5 +1,5 @@
-const d = (s) => {
-  class a extends s {
+const h = (o) => {
+  class n extends o {
     /**
      * Returns a Promise that resolves when the element has completed hydration.
      * The Promise value is a boolean that is `true` if the element required hydration
@@ -15,25 +15,24 @@ const d = (s) => {
     get hydrationRequired() {
       return this._hydrationRequired;
     }
-    constructor(...r) {
-      var o;
-      if (super(...r), this._hydrationComplete = new Promise((i) => this._resolveHydration = i), this._hydrationRequired = !!this.shadowRoot, !this._hydrationRequired)
+    constructor(...i) {
+      if (super(...i), this._hydrationComplete = new Promise((t) => this._resolveHydration = t), this._hydrationRequired = !!this.shadowRoot, !this._hydrationRequired)
         this._resolveHydration(!1);
       else {
-        const i = (e) => {
+        const t = (e) => {
           this._hydrationRequired && e.stopImmediatePropagation();
-        }, n = { capture: !0 }, t = (o = this.shadowRoot) == null ? void 0 : o.querySelectorAll("slot");
-        t != null && t.length && (t.forEach((e) => e.addEventListener("slotchange", i, n)), this.hydrationComplete.then(() => t.forEach((e) => {
-          e.removeEventListener("slotchange", i, n), e.assignedNodes().length && e.dispatchEvent(new Event("slotchange", { bubbles: !0 }));
+        }, s = { capture: !0 }, r = this.shadowRoot?.querySelectorAll("slot");
+        r?.length && (r.forEach((e) => e.addEventListener("slotchange", t, s)), this.hydrationComplete.then(() => r.forEach((e) => {
+          e.removeEventListener("slotchange", t, s), e.assignedNodes().length && e.dispatchEvent(new Event("slotchange", { bubbles: !0 }));
         })));
       }
     }
-    update(r) {
-      super.update(r), this._hydrationRequired && (this._hydrationRequired = !1, this._resolveHydration(!0));
+    update(i) {
+      super.update(i), this._hydrationRequired && (this._hydrationRequired = !1, this._resolveHydration(!0));
     }
   }
-  return a;
+  return n;
 };
 export {
-  d as SbbHydrationMixin
+  h as SbbHydrationMixin
 };

package/core/mixins/named-slot-list-mixin.js

@@ -1,23 +1,23 @@
-var p = (l) => {
+var C = (l) => {
   throw TypeError(l);
 };
-var S = (l, i, s) => i.has(l) || p("Cannot " + s);
-var f = (l, i, s) => (S(l, i, "read from private field"), s ? s.call(l) : i.get(l)), _ = (l, i, s) => i.has(l) ? p("Cannot add the same private member more than once") : i instanceof WeakSet ? i.add(l) : i.set(l, s), c = (l, i, s, o) => (S(l, i, "write to private field"), o ? o.call(l, s) : i.set(l, s), s);
-import { __runInitializers as g, __esDecorate as L } from "tslib";
+var p = (l, i, s) => i.has(l) || C("Cannot " + s);
+var S = (l, i, s) => (p(l, i, "read from private field"), s ? s.call(l) : i.get(l)), f = (l, i, s) => i.has(l) ? C("Cannot add the same private member more than once") : i instanceof WeakSet ? i.add(l) : i.set(l, s), c = (l, i, s, o) => (p(l, i, "write to private field"), o ? o.call(l, s) : i.set(l, s), s);
+import { __runInitializers as _, __esDecorate as $ } from "tslib";
 import { nothing as m, html as h } from "lit";
-import { state as N } from "lit/decorators.js";
-import { SbbHydrationMixin as v } from "./hydration-mixin.js";
+import { state as L } from "lit/decorators.js";
+import { SbbHydrationMixin as N } from "./hydration-mixin.js";
 import "../../screen-reader-only.js";
-const y = "data-ssr-child-count", $ = "li", A = (l) => (() => {
-  var r, a;
-  let s = v(l), o, u = [], C = [];
-  return a = class extends s {
+const g = "data-ssr-child-count", y = "li", O = (l) => (() => {
+  var a, n;
+  let s = N(l), o, u = [], b = [];
+  return n = class extends s {
     constructor() {
       super(...arguments);
-      _(this, r);
-      c(this, r, g(this, u, [])), this._handleSlotchange = (g(this, C), () => {
+      f(this, a);
+      c(this, a, _(this, u, [])), this._handleSlotchange = (_(this, b), () => {
         const e = Array.from(this.children ?? []).filter((t) => this.listChildLocalNames.includes(t.localName));
-        e.length === this.listChildren.length && this.listChildren.every((t, n) => e[n] === t) || (this.listChildren.filter((t) => !e.includes(t)).forEach((t) => t.removeAttribute("slot")), this.listChildren = e, this.listChildren.forEach((t, n) => t.setAttribute("slot", `${$}-${n}`)), this.removeAttribute(y));
+        e.length === this.listChildren.length && this.listChildren.every((t, r) => e[r] === t) || (this.listChildren.filter((t) => !e.includes(t)).forEach((t) => t.removeAttribute("slot")), this.listChildren = e, this.listChildren.forEach((t, r) => t.setAttribute("slot", `${y}-${r}`)), this.removeAttribute(g));
       });
     }
     /**
@@ -26,18 +26,16 @@ const y = "data-ssr-child-count", $ = "li", A = (l) => (() => {
      * to the child elements.
      */
     get listChildren() {
-      return f(this, r);
+      return S(this, a);
     }
     set listChildren(e) {
-      c(this, r, e);
+      c(this, a, e);
     }
     connectedCallback() {
-      var e;
-      super.connectedCallback(), (e = this.shadowRoot) == null || e.addEventListener("slotchange", this._handleSlotchange, { passive: !0 });
+      super.connectedCallback(), this.shadowRoot?.addEventListener("slotchange", this._handleSlotchange, { passive: !0 });
     }
     disconnectedCallback() {
-      var e;
-      super.disconnectedCallback(), (e = this.shadowRoot) == null || e.removeEventListener("slotchange", this._handleSlotchange);
+      super.disconnectedCallback(), this.shadowRoot?.removeEventListener("slotchange", this._handleSlotchange);
     }
     /**
      * Renders list and list slots for slotted children or a number of list slots
@@ -49,23 +47,23 @@ const y = "data-ssr-child-count", $ = "li", A = (l) => (() => {
      * children to be passed via the `data-ssr-child-count` attribute value.
      */
     renderList(e = {}, t = {}) {
-      const n = this.listSlotEntries(t);
-      return n.length >= 2 ? h`
+      const r = this.listSlotEntries(t);
+      return r.length >= 2 ? h`
           <ul
             class=${e.class || this.localName}
             aria-label=${e.ariaLabel || m}
             aria-labelledby=${e.ariaLabelledby || m}
           >
-            ${n.map((d) => h`
+            ${r.map((d) => h`
                 <li aria-hidden=${d.ariaHidden || m}>
                   <slot name=${d.name}></slot>
                 </li>
               `)}
           </ul>
           ${this.renderHiddenSlot()}
-        ` : n.length === 1 ? h`<sbb-screen-reader-only>${e.ariaLabel}</sbb-screen-reader-only>
+        ` : r.length === 1 ? h`<sbb-screen-reader-only>${e.ariaLabel}</sbb-screen-reader-only>
           <span class=${e.class || this.localName}>
-            <span><slot name=${n[0].name}></slot></span>
+            <span><slot name=${r[0].name}></slot></span>
           </span>
           ${this.renderHiddenSlot()} ` : this.renderHiddenSlot();
     }
@@ -79,13 +77,10 @@ const y = "data-ssr-child-count", $ = "li", A = (l) => (() => {
      * children to be passed via the `data-ssr-child-count` attribute value.
      */
     listSlotEntries(e) {
-      return (this.listChildren.length ? this.listChildren : Array.from({ length: +(this.getAttribute(y) ?? 0) })).map((n, d) => {
-        var b;
-        return {
-          name: `${$}-${d}`,
-          ariaHidden: ((b = e == null ? void 0 : e.localNameVisualOnly) == null ? void 0 : b.includes(n.localName)) ?? !1
-        };
-      });
+      return (this.listChildren.length ? this.listChildren : Array.from({ length: +(this.getAttribute(g) ?? 0) })).map((r, d) => ({
+        name: `${y}-${d}`,
+        ariaHidden: e?.localNameVisualOnly?.includes(r.localName) ?? !1
+      }));
     }
     /**
      * Returns a hidden slot, which is intended as the children change detection.
@@ -95,13 +90,13 @@ const y = "data-ssr-child-count", $ = "li", A = (l) => (() => {
     renderHiddenSlot() {
       return h`<span hidden><slot></slot></span>`;
     }
-  }, r = new WeakMap(), (() => {
+  }, a = new WeakMap(), (() => {
     const e = typeof Symbol == "function" && Symbol.metadata ? Object.create(s[Symbol.metadata] ?? null) : void 0;
-    o = [N()], L(a, null, o, { kind: "accessor", name: "listChildren", static: !1, private: !1, access: { has: (t) => "listChildren" in t, get: (t) => t.listChildren, set: (t, n) => {
-      t.listChildren = n;
-    } }, metadata: e }, u, C), e && Object.defineProperty(a, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: e });
-  })(), a;
+    o = [L()], $(n, null, o, { kind: "accessor", name: "listChildren", static: !1, private: !1, access: { has: (t) => "listChildren" in t, get: (t) => t.listChildren, set: (t, r) => {
+      t.listChildren = r;
+    } }, metadata: e }, u, b), e && Object.defineProperty(n, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: e });
+  })(), n;
 })();
 export {
-  A as SbbNamedSlotListMixin
+  O as SbbNamedSlotListMixin
 };

package/core/mixins/panel-mixin.js

@@ -1,60 +1,59 @@
-var k = (t) => {
-  throw TypeError(t);
+var k = (e) => {
+  throw TypeError(e);
 };
-var I = (t, a, r) => a.has(t) || k("Cannot " + r);
-var h = (t, a, r) => (I(t, a, "read from private field"), r ? r.call(t) : a.get(t)), b = (t, a, r) => a.has(t) ? k("Cannot add the same private member more than once") : a instanceof WeakSet ? a.add(t) : a.set(t, r), i = (t, a, r, p) => (I(t, a, "write to private field"), p ? p.call(t, r) : a.set(t, r), r);
+var I = (e, s, a) => s.has(e) || k("Cannot " + a);
+var h = (e, s, a) => (I(e, s, "read from private field"), a ? a.call(e) : s.get(e)), b = (e, s, a) => s.has(e) ? k("Cannot add the same private member more than once") : s instanceof WeakSet ? s.add(e) : s.set(e, a), i = (e, s, a, p) => (I(e, s, "write to private field"), p ? p.call(e, a) : s.set(e, a), a);
 import { __runInitializers as d, __esDecorate as _ } from "tslib";
 import { property as m } from "lit/decorators.js";
 import { forceType as w } from "../decorators.js";
 import { EventEmitter as j } from "../eventing.js";
-const q = (t) => (() => {
-  var n, l, c, o;
-  let r = t, p, f = [], x = [], g, S = [], y = [], v, z = [], C = [];
-  return o = class extends r {
+const q = (e) => (() => {
+  var n, l, c, r;
+  let a = e, p, f = [], x = [], g, S = [], y = [], v, z = [], C = [];
+  return r = class extends a {
     constructor() {
       super(...arguments);
       b(this, n);
       b(this, l);
       b(this, c);
-      i(this, n, d(this, f, "white")), i(this, l, (d(this, x), d(this, S, !1))), i(this, c, (d(this, y), d(this, z, ""))), this._panelConnected = (d(this, C), new j(this, o.events.panelConnected, { bubbles: !0 }));
+      i(this, n, d(this, f, "white")), i(this, l, (d(this, x), d(this, S, !1))), i(this, c, (d(this, y), d(this, z, ""))), this._panelConnected = (d(this, C), new j(this, r.events.panelConnected, { bubbles: !0 }));
     }
     /** The background color of the panel. */
     get color() {
       return h(this, n);
     }
-    set color(s) {
-      i(this, n, s);
+    set color(o) {
+      i(this, n, o);
     }
     /** Whether the unselected panel has a border. */
     get borderless() {
       return h(this, l);
     }
-    set borderless(s) {
-      i(this, l, s);
+    set borderless(o) {
+      i(this, l, o);
     }
     /** @internal used for accessibility label when in expansion panel */
     get expansionState() {
       return h(this, c);
     }
-    set expansionState(s) {
-      i(this, c, s);
+    set expansionState(o) {
+      i(this, c, o);
     }
     connectedCallback() {
-      var s, e;
-      super.connectedCallback(), this._panelConnected.emit(), (e = (s = this.closest) == null ? void 0 : s.call(this, "sbb-radio-button-group, sbb-checkbox-group")) == null || e.toggleAttribute("data-has-panel", !0);
+      super.connectedCallback(), this._panelConnected.emit(), this.closest?.("sbb-radio-button-group, sbb-checkbox-group")?.toggleAttribute("data-has-panel", !0);
     }
   }, n = new WeakMap(), l = new WeakMap(), c = new WeakMap(), (() => {
-    const s = typeof Symbol == "function" && Symbol.metadata ? Object.create(r[Symbol.metadata] ?? null) : void 0;
-    p = [m({ reflect: !0 })], g = [w(), m({ reflect: !0, type: Boolean })], v = [w(), m()], _(o, null, p, { kind: "accessor", name: "color", static: !1, private: !1, access: { has: (e) => "color" in e, get: (e) => e.color, set: (e, u) => {
-      e.color = u;
-    } }, metadata: s }, f, x), _(o, null, g, { kind: "accessor", name: "borderless", static: !1, private: !1, access: { has: (e) => "borderless" in e, get: (e) => e.borderless, set: (e, u) => {
-      e.borderless = u;
-    } }, metadata: s }, S, y), _(o, null, v, { kind: "accessor", name: "expansionState", static: !1, private: !1, access: { has: (e) => "expansionState" in e, get: (e) => e.expansionState, set: (e, u) => {
-      e.expansionState = u;
-    } }, metadata: s }, z, C), s && Object.defineProperty(o, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: s });
-  })(), o.events = {
+    const o = typeof Symbol == "function" && Symbol.metadata ? Object.create(a[Symbol.metadata] ?? null) : void 0;
+    p = [m({ reflect: !0 })], g = [w(), m({ reflect: !0, type: Boolean })], v = [w(), m()], _(r, null, p, { kind: "accessor", name: "color", static: !1, private: !1, access: { has: (t) => "color" in t, get: (t) => t.color, set: (t, u) => {
+      t.color = u;
+    } }, metadata: o }, f, x), _(r, null, g, { kind: "accessor", name: "borderless", static: !1, private: !1, access: { has: (t) => "borderless" in t, get: (t) => t.borderless, set: (t, u) => {
+      t.borderless = u;
+    } }, metadata: o }, S, y), _(r, null, v, { kind: "accessor", name: "expansionState", static: !1, private: !1, access: { has: (t) => "expansionState" in t, get: (t) => t.expansionState, set: (t, u) => {
+      t.expansionState = u;
+    } }, metadata: o }, z, C), o && Object.defineProperty(r, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: o });
+  })(), r.events = {
     panelConnected: "panelConnected"
-  }, o;
+  }, r;
 })();
 export {
   q as SbbPanelMixin

package/core/mixins.js

@@ -11,7 +11,7 @@ import { SbbPanelMixin as C } from "./mixins/panel-mixin.js";
 import { SbbRequiredMixin as D } from "./mixins/required-mixin.js";
 import { SbbUpdateSchedulerMixin as R } from "./mixins/update-scheduler-mixin.js";
 import { css as e } from "lit";
-const s = e`:host{--sbb-selection-panel-background: var( --sbb-selection-expansion-panel-inner-background, var(--sbb-color-white) );--sbb-selection-panel-border-color: var(--sbb-color-cloud);--sbb-selection-panel-border-radius: var( --sbb-selection-expansion-panel-border-radius, var(--sbb-border-radius-4x) );--sbb-selection-panel-border-width: var( --sbb-selection-expansion-panel-inner-border-width, var(--sbb-border-width-1x) );--sbb-selection-panel-input-padding: var(--sbb-spacing-responsive-xs) var(--sbb-spacing-responsive-xxs);--sbb-selection-panel-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-4x) );--sbb-selection-panel-cursor: pointer;--sbb-selection-panel-suffix-color: var(--sbb-color-charcoal);--sbb-selection-panel-subtext-color: var(--sbb-color-granite);display:block;outline:none!important}:host([size=s]){--sbb-selection-panel-input-padding: var(--sbb-spacing-responsive-xxs) var(--sbb-spacing-responsive-xxxs)}:host([color=milk]){--sbb-selection-panel-background: var( --sbb-selection-expansion-panel-inner-background, var(--sbb-color-milk) )}:host([borderless]:not([data-checked])){--sbb-selection-panel-border-color: transparent}:host(:is([data-checked]):not(:disabled,[disabled])){--sbb-selection-panel-border-color: var(--sbb-color-charcoal);--sbb-selection-panel-border-width: var( --sbb-selection-expansion-panel-inner-border-width, var(--sbb-border-width-2x) )}:host(:is(:disabled,[disabled])){--sbb-selection-panel-cursor: default}.sbb-selection-panel{display:block;cursor:var(--sbb-selection-panel-cursor);position:relative;border-radius:var(--sbb-selection-panel-border-radius);box-shadow:inset 0 0 0 var(--sbb-selection-panel-border-width) var(--sbb-selection-panel-border-color);padding:var(--sbb-selection-panel-input-padding);background-color:var(--sbb-selection-panel-background);transition-duration:var(--sbb-selection-panel-animation-duration);transition-timing-function:var(--sbb-animation-easing);transition-property:box-shadow}@media (forced-colors: active){.sbb-selection-panel:after{content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;border:var(--sbb-selection-panel-border-width) solid var(--sbb-selection-panel-border-color);border-radius:var(--sbb-selection-panel-border-radius)}}:host(:focus-visible) .sbb-selection-panel{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) var(--sbb-focus-outline-style, solid) var(--sbb-focus-outline-width)}.sbb-selection-panel__badge{-webkit-user-select:none;user-select:none;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--sbb-selection-panel-border-radius);overflow:hidden}slot[name=suffix]{color:var(--sbb-selection-panel-suffix-color)}slot[name=subtext]{display:block;color:var(--sbb-selection-panel-subtext-color);padding-inline-start:var(--sbb-spacing-fixed-8x)}:host(:not([data-slot-names~=subtext])) slot[name=subtext]{display:none}`;
+const s = e`:host{--sbb-selection-panel-background: var( --sbb-selection-expansion-panel-inner-background, var(--sbb-color-white) );--sbb-selection-panel-border-color: var(--sbb-color-cloud);--sbb-selection-panel-border-radius: var( --sbb-selection-expansion-panel-border-radius, var(--sbb-border-radius-4x) );--sbb-selection-panel-border-width: var( --sbb-selection-expansion-panel-inner-border-width, var(--sbb-border-width-1x) );--sbb-selection-panel-input-padding: var(--sbb-spacing-responsive-xs) var(--sbb-spacing-responsive-xxs);--sbb-selection-panel-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-4x) );--sbb-selection-panel-cursor: pointer;--sbb-selection-panel-suffix-color: var(--sbb-color-charcoal);--sbb-selection-panel-subtext-color: var(--sbb-color-granite);display:block;outline:none!important}:host([size=s]){--sbb-selection-panel-input-padding: var(--sbb-spacing-responsive-xxs) var(--sbb-spacing-responsive-xxxs)}:host([color=milk]){--sbb-selection-panel-background: var( --sbb-selection-expansion-panel-inner-background, var(--sbb-color-milk) )}:host([borderless]:not([data-checked])){--sbb-selection-panel-border-color: transparent}:host(:is([data-checked]):not(:disabled,[disabled])){--sbb-selection-panel-border-color: var(--sbb-color-charcoal);--sbb-selection-panel-border-width: var( --sbb-selection-expansion-panel-inner-border-width, var(--sbb-border-width-2x) )}:host(:is(:disabled,[disabled])){--sbb-selection-panel-cursor: default}.sbb-selection-panel{display:block;cursor:var(--sbb-selection-panel-cursor);position:relative;border-radius:var(--sbb-selection-panel-border-radius);box-shadow:inset 0 0 0 var(--sbb-selection-panel-border-width) var(--sbb-selection-panel-border-color);padding:var(--sbb-selection-panel-input-padding);background-color:var(--sbb-selection-panel-background);transition-duration:var(--sbb-selection-panel-animation-duration);transition-timing-function:var(--sbb-animation-easing);transition-property:box-shadow}@media (forced-colors: active){.sbb-selection-panel:after{content:"";display:block;position:absolute;inset:0;pointer-events:none;border:var(--sbb-selection-panel-border-width) solid var(--sbb-selection-panel-border-color);border-radius:var(--sbb-selection-panel-border-radius)}}:host(:focus-visible) .sbb-selection-panel{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) var(--sbb-focus-outline-style, solid) var(--sbb-focus-outline-width)}.sbb-selection-panel__badge{-webkit-user-select:none;user-select:none;pointer-events:none;position:absolute;inset:0;border-radius:var(--sbb-selection-panel-border-radius);overflow:hidden}slot[name=suffix]{color:var(--sbb-selection-panel-suffix-color)}slot[name=subtext]{display:block;color:var(--sbb-selection-panel-subtext-color);padding-inline-start:var(--sbb-spacing-fixed-8x)}:host(:not([data-slot-names~=subtext])) slot[name=subtext]{display:none}`;
 export {
   r as SbbAnimationCompleteMixin,
   a as SbbDisabledInteractiveMixin,

package/core/overlay/position.js

@@ -1,6 +1,6 @@
-function w(t) {
-  const o = window.getComputedStyle(t), c = o.display, e = parseInt(o.maxHeight, 10).toString();
-  if (c !== "none" && e !== "0")
+function b(t) {
+  const o = window.getComputedStyle(t), l = o.display, h = parseInt(o.maxHeight, 10).toString();
+  if (l !== "none" && h !== "0")
     return {
       scrollHeight: t.scrollHeight,
       clientHeight: t.clientHeight,
@@ -10,31 +10,31 @@ function w(t) {
       offsetWidth: t.offsetWidth
     };
   t.style.position = "absolute", t.style.visibility = "hidden", t.style.display = "block";
-  const v = t.scrollHeight, i = t.clientHeight, g = t.offsetHeight, m = t.scrollWidth, l = t.clientWidth, n = t.offsetWidth;
-  return t.style.display = "", t.style.position = "", t.style.visibility = "", { scrollHeight: v, clientHeight: i, offsetHeight: g, scrollWidth: m, clientWidth: l, offsetWidth: n };
+  const y = t.scrollHeight, e = t.clientHeight, g = t.offsetHeight, a = t.scrollWidth, n = t.clientWidth, i = t.offsetWidth;
+  return t.style.display = "", t.style.position = "", t.style.visibility = "", { scrollHeight: y, clientHeight: e, offsetHeight: g, scrollWidth: a, clientWidth: n, offsetWidth: i };
 }
-function x(t, o) {
+function w(t, o) {
   if (!t || !o)
     return !1;
-  const c = t.getBoundingClientRect();
-  return c.top <= o.clientY && o.clientY <= c.top + c.height && c.left <= o.clientX && o.clientX <= c.left + c.width;
+  const l = t.getBoundingClientRect();
+  return l.top <= o.clientY && o.clientY <= l.top + l.height && l.left <= o.clientX && o.clientX <= l.left + l.width;
 }
-function O(t, o, c, e) {
-  const i = (e == null ? void 0 : e.verticalOffset) || 0, g = (e == null ? void 0 : e.horizontalOffset) || 0, m = (e == null ? void 0 : e.responsiveHeight) || !1, l = o.getBoundingClientRect(), n = w(t), d = l.left, H = l.top, r = document.documentElement.clientWidth - (d + l.width), a = H - i, W = document.documentElement.clientHeight - (H + l.height + i);
-  let h = d, u = H + l.height + i, f = n.offsetWidth - l.width;
-  const s = { horizontal: "start", vertical: "below" };
-  let b = `${W - i}px`;
-  e != null && e.centered && d - 16 + l.width / 2 > n.offsetWidth / 2 && r - 16 > f / 2 && (h -= f /= 2, s.horizontal = "center"), r < f && d > f && (h = h - f, s.horizontal = "end"), g && s.horizontal !== "center" && l.width / 2 < g && (h += g * (s.horizontal === "start" ? -1 : 1)), (d < f && r < f || document.documentElement.clientWidth < n.offsetWidth) && (h = document.documentElement.clientWidth / 2 - n.offsetWidth / 2), (W - i < n.scrollHeight && a - i > (m ? n.clientHeight : n.scrollHeight) || a > W && W - i < n.clientHeight && !m) && (u = a < n.scrollHeight ? u - l.height - a - i : H - n.clientHeight - i, b = `${a - i}px`, s.vertical = "above");
-  const y = c.getBoundingClientRect();
-  return y.left < 0 && (h -= y.left), y.top < 0 && (u -= y.top), {
-    top: u,
-    left: h,
-    maxHeight: b,
-    alignment: s
+function x(t, o, l, h) {
+  const e = h?.verticalOffset || 0, g = h?.horizontalOffset || 0, a = h?.responsiveHeight || !1, n = o.getBoundingClientRect(), i = b(t), d = n.left, m = n.top, p = document.documentElement.clientWidth - (d + n.width), r = m - e, H = document.documentElement.clientHeight - (m + n.height + e);
+  let c = d, W = m + n.height + e, s = i.offsetWidth - n.width;
+  const f = { horizontal: "start", vertical: "below" };
+  let v = `${H - e}px`;
+  h?.centered && d - 16 + n.width / 2 > i.offsetWidth / 2 && p - 16 > s / 2 && (c -= s /= 2, f.horizontal = "center"), p < s && d > s && (c = c - s, f.horizontal = "end"), g && f.horizontal !== "center" && n.width / 2 < g && (c += g * (f.horizontal === "start" ? -1 : 1)), (d < s && p < s || document.documentElement.clientWidth < i.offsetWidth) && (c = document.documentElement.clientWidth / 2 - i.offsetWidth / 2), (H - e < i.scrollHeight && r - e > (a ? i.clientHeight : i.scrollHeight) || r > H && H - e < i.clientHeight && !a) && (W = r < i.scrollHeight ? W - n.height - r - e : m - i.clientHeight - e, v = `${r - e}px`, f.vertical = "above");
+  const u = l.getBoundingClientRect();
+  return u.left < 0 && (c -= u.left), u.top < 0 && (W -= u.top), {
+    top: W,
+    left: c,
+    maxHeight: v,
+    alignment: f
   };
 }
 export {
-  O as getElementPosition,
-  w as getElementRectangle,
-  x as isEventOnElement
+  x as getElementPosition,
+  b as getElementRectangle,
+  w as isEventOnElement
 };

package/core/styles/core/mediaqueries.scss

@@ -4,7 +4,7 @@
 @use 'sass:math';
 @use 'sass:meta';
 @use 'sass:string';
-@use '../node_modules_@sbb-esta_lyne-design-tokens_dist_scss_sbb-variables.scss' as sbb-tokens;
+@use '@sbb-esta/lyne-design-tokens/dist/scss/sbb-variables.scss' as sbb-tokens;
 
 $mq-breakpoints: (
   zero: sbb-tokens.$sbb-breakpoint-zero-min,

package/core/styles/core.scss

@@ -1,5 +1,4 @@
-@use 'node_modules_@sbb-esta_lyne-design-tokens_dist_scss_sbb-variables_css--mixin.scss' as
-  sbb-css-tokens;
+@use '@sbb-esta/lyne-design-tokens/dist/scss/sbb-variables_css--mixin.scss' as sbb-css-tokens;
 @use './core/mediaqueries';
 @use './core/functions';
 @use './mixins/a11y';
@@ -173,32 +172,32 @@ sbb-form-field {
 
 // Hiding components until they are instantiated
 :is(
-    sbb-autocomplete,
-    sbb-autocomplete-grid,
-    sbb-dialog,
-    sbb-menu,
-    sbb-navigation,
-    sbb-navigation-section,
-    sbb-overlay,
-    sbb-popover,
-    sbb-select,
-    sbb-skiplink-list,
-    sbb-toast
-  ):not(:defined) {
+  sbb-autocomplete,
+  sbb-autocomplete-grid,
+  sbb-dialog,
+  sbb-menu,
+  sbb-navigation,
+  sbb-navigation-section,
+  sbb-overlay,
+  sbb-popover,
+  sbb-select,
+  sbb-skiplink-list,
+  sbb-toast
+):not(:defined) {
   display: none;
 }
 
 // Hide popover artifacts
 [popover]:where(
-    sbb-autocomplete,
-    sbb-autocomplete-grid,
-    sbb-dialog,
-    sbb-menu,
-    sbb-navigation,
-    sbb-overlay,
-    sbb-popover,
-    sbb-toast
-  ) {
+  sbb-autocomplete,
+  sbb-autocomplete-grid,
+  sbb-dialog,
+  sbb-menu,
+  sbb-navigation,
+  sbb-overlay,
+  sbb-popover,
+  sbb-toast
+) {
   margin: 0;
   padding: 0;
   border: none;
@@ -449,11 +448,11 @@ sbb-sidebar-container:is(
 
 // Toggles visibility of backdrop if there is an affected sidebar inside the container.
 sbb-sidebar-container:has(
-    > sbb-sidebar:is([mode='over'], [data-mode-over-forced]):is(
-        [data-state='opening'],
-        [data-state='opened']
-      )
-  ) {
+  > sbb-sidebar:is([mode='over'], [data-mode-over-forced]):is(
+      [data-state='opening'],
+      [data-state='opened']
+    )
+) {
   --sbb-sidebar-container__backdrop-visibility: visible;
   --sbb-sidebar-container-backdrop-opacity: 0.4;
 }