@sbb-esta/lyne-elements 0.52.1 → 0.53.0

package/core/mixins.js

@@ -1,24 +1,24 @@
-import { property as l, state as g } from "lit/decorators.js";
-import { defaultConverter as c, isServer as d, html as o, nothing as u } from "lit";
-import { hostAttributes as y } from "./decorators.js";
-import { preventScrollOnSpacebarPress as b, forwardEventToHost as S } from "./eventing.js";
-import { getLocalName as p } from "./dom.js";
+import { property as o, state as g } from "lit/decorators.js";
+import { defaultConverter as h, isServer as b, html as l, nothing as u, css as C } from "lit";
+import { hostAttributes as x } from "./decorators.js";
+import { preventScrollOnSpacebarPress as p, forwardEventToHost as S, EventEmitter as k } from "./eventing.js";
+import { getLocalName as v } from "./dom.js";
 import "../screen-reader-only.js";
-var _ = Object.defineProperty, E = Object.getOwnPropertyDescriptor, x = (a, s, r, t) => {
-  for (var e = E(s, r), i = a.length - 1, n; i >= 0; i--)
-    (n = a[i]) && (e = n(s, r, e) || e);
-  return e && _(s, r, e), e;
+var w = Object.defineProperty, E = Object.getOwnPropertyDescriptor, P = (n, r, s, t) => {
+  for (var e = E(r, s), i = n.length - 1, a; i >= 0; i--)
+    (a = n[i]) && (e = a(r, s, e) || e);
+  return e && w(r, s, e), e;
 };
-const C = (a) => {
-  class s extends a {
+const y = (n) => {
+  class r extends n {
     constructor() {
-      super(...arguments), this.a = !1;
+      super(...arguments), this._disabled = !1;
     }
     set disabled(t) {
-      this.a = !!t;
+      this._disabled = !!t;
     }
     get disabled() {
-      return this.a || this.isDisabledExternally();
+      return this._disabled || this.isDisabledExternally();
     }
     /**
      * Will be used as 'or' check to the current disabled state.
@@ -28,26 +28,26 @@ const C = (a) => {
       return !1;
     }
   }
-  return x([
-    l({ reflect: !0, type: Boolean })
-  ], s.prototype, "disabled"), s;
-}, z = (a) => {
-  class s extends C(a) {
+  return P([
+    o({ reflect: !0, type: Boolean })
+  ], r.prototype, "disabled"), r;
+}, W = (n) => {
+  class r extends y(n) {
     willUpdate(t) {
       super.willUpdate(t), t.has("disabled") && (this.disabled ? (this.setAttribute("aria-disabled", "true"), this.removeAttribute("tabindex")) : (this.removeAttribute("aria-disabled"), this.setAttribute("tabindex", "0")));
     }
   }
-  return s;
+  return r;
 };
-var w = Object.defineProperty, $ = Object.getOwnPropertyDescriptor, h = (a, s, r, t) => {
-  for (var e = t > 1 ? void 0 : t ? $(s, r) : s, i = a.length - 1, n; i >= 0; i--)
-    (n = a[i]) && (e = (t ? n(s, r, e) : n(e)) || e);
-  return t && e && w(s, r, e), e;
+var $ = Object.defineProperty, R = Object.getOwnPropertyDescriptor, d = (n, r, s, t) => {
+  for (var e = t > 1 ? void 0 : t ? R(r, s) : r, i = n.length - 1, a; i >= 0; i--)
+    (a = n[i]) && (e = (t ? a(r, s, e) : a(e)) || e);
+  return t && e && $(r, s, e), e;
 };
-const A = (a) => {
-  const r = class r extends a {
+const A = (n) => {
+  const s = class s extends n {
     constructor() {
-      super(...arguments), this.a = null, this.internals = this.attachInternals(), this.formDisabled = !1;
+      super(...arguments), this._value = null, this.internals = this.attachInternals(), this.formDisabled = !1;
     }
     /**
      * Returns the form owner of internals target element.
@@ -66,10 +66,10 @@ const A = (a) => {
       return this.localName;
     }
     set value(e) {
-      this.a = e, this.updateFormValue();
+      this._value = e, this.updateFormValue();
     }
     get value() {
-      return this.a;
+      return this._value;
     }
     /**
      * Returns the ValidityState object for internals target element.
@@ -97,8 +97,8 @@ const A = (a) => {
     get willValidate() {
       return this.internals.willValidate;
     }
-    attributeChangedCallback(e, i, n) {
-      (e !== "name" || i !== n) && super.attributeChangedCallback(e, i, n);
+    attributeChangedCallback(e, i, a) {
+      (e !== "name" || i !== a) && super.attributeChangedCallback(e, i, a);
     }
     /**
      * Returns true if internals target element has no validity problems; false otherwise.
@@ -133,31 +133,31 @@ const A = (a) => {
       this.internals.setFormValue(this.value);
     }
   };
-  r.formAssociated = !0;
-  let s = r;
-  return h([
-    l()
-  ], s.prototype, "name", 1), h([
-    l()
-  ], s.prototype, "value", 1), h([
+  s.formAssociated = !0;
+  let r = s;
+  return d([
+    o()
+  ], r.prototype, "name", 1), d([
+    o()
+  ], r.prototype, "value", 1), d([
     g()
-  ], s.prototype, "formDisabled", 2), s;
+  ], r.prototype, "formDisabled", 2), r;
 };
-var k = Object.defineProperty, P = Object.getOwnPropertyDescriptor, O = (a, s, r, t) => {
-  for (var e = P(s, r), i = a.length - 1, n; i >= 0; i--)
-    (n = a[i]) && (e = n(s, r, e) || e);
-  return e && k(s, r, e), e;
+var O = Object.defineProperty, q = Object.getOwnPropertyDescriptor, L = (n, r, s, t) => {
+  for (var e = q(r, s), i = n.length - 1, a; i >= 0; i--)
+    (a = n[i]) && (e = a(r, s, e) || e);
+  return e && O(r, s, e), e;
 };
-const L = (a) => {
-  class s extends a {
+const U = (n) => {
+  class r extends n {
     constructor() {
-      super(...arguments), this.a = !1;
+      super(...arguments), this._required = !1;
     }
     set required(t) {
-      this.a = !!t;
+      this._required = !!t;
     }
     get required() {
-      return this.a || this.isRequiredExternally();
+      return this._required || this.isRequiredExternally();
     }
     async willUpdate(t) {
       super.willUpdate(t), t.has("required") && (this.internals.ariaRequired = `${this.required}`);
@@ -170,40 +170,40 @@ const L = (a) => {
       return !1;
     }
   }
-  return O([
-    l({ reflect: !0, type: Boolean })
-  ], s.prototype, "required"), s;
+  return L([
+    o({ reflect: !0, type: Boolean })
+  ], r.prototype, "required"), r;
 };
-var D = Object.defineProperty, R = Object.getOwnPropertyDescriptor, f = (a, s, r, t) => {
-  for (var e = t > 1 ? void 0 : t ? R(s, r) : s, i = a.length - 1, n; i >= 0; i--)
-    (n = a[i]) && (e = (t ? n(s, r, e) : n(e)) || e);
-  return t && e && D(s, r, e), e;
+var D = Object.defineProperty, M = Object.getOwnPropertyDescriptor, f = (n, r, s, t) => {
+  for (var e = t > 1 ? void 0 : t ? M(r, s) : r, i = n.length - 1, a; i >= 0; i--)
+    (a = n[i]) && (e = (t ? a(r, s, e) : a(e)) || e);
+  return t && e && D(r, s, e), e;
 };
-const J = (a) => {
-  let s = class extends C(L(A(a))) {
+const Y = (n) => {
+  let r = class extends y(U(A(n))) {
     constructor() {
-      super(), this.a = !1, this.c = !1, this.d = (r) => {
-        r.key === " " && this.b();
-      }, this.b = () => {
-        var r;
-        this.disabled || ((r = this.withUserInteraction) == null || r.call(this), this.checked = !this.checked, this.a = !0, this.dispatchEvent(new InputEvent("input", { composed: !0, bubbles: !0 })), this.dispatchEvent(new Event("change", { bubbles: !0 })), this.dispatchEvent(new CustomEvent("didChange", { bubbles: !0 })));
+      super(), this._attributeMutationBlocked = !1, this._checked = !1, this._handleKeyboardInteraction = (s) => {
+        s.key === " " && this._handleUserInteraction();
+      }, this._handleUserInteraction = () => {
+        var s;
+        this.disabled || ((s = this.withUserInteraction) == null || s.call(this), this.checked = !this.checked, this._attributeMutationBlocked = !0, this.dispatchEvent(new InputEvent("input", { composed: !0, bubbles: !0 })), this.dispatchEvent(new Event("change", { bubbles: !0 })), this.dispatchEvent(new CustomEvent("didChange", { bubbles: !0 })));
       }, this.internals.role = "checkbox";
     }
-    set checked(r) {
-      const t = typeof r == "object" ? r.attribute : !1;
-      t && (r = r.value), this.hasUpdated && !t && (this.a = !0), this.c = !!r, this.updateFormValue();
+    set checked(s) {
+      const t = typeof s == "object" ? s.attribute : !1;
+      t && (s = s.value), this.hasUpdated && !t && (this._attributeMutationBlocked = !0), this._checked = !!s, this.updateFormValue();
     }
     get checked() {
-      return this.c;
+      return this._checked;
     }
     connectedCallback() {
-      super.connectedCallback(), this.addEventListener("click", this.b), this.addEventListener("keydown", b), this.addEventListener("keyup", this.d);
+      super.connectedCallback(), this.addEventListener("click", this._handleUserInteraction), this.addEventListener("keydown", p), this.addEventListener("keyup", this._handleKeyboardInteraction);
     }
     disconnectedCallback() {
-      super.disconnectedCallback(), this.removeEventListener("click", this.b), this.removeEventListener("keydown", b), this.removeEventListener("keyup", this.d);
+      super.disconnectedCallback(), this.removeEventListener("click", this._handleUserInteraction), this.removeEventListener("keydown", p), this.removeEventListener("keyup", this._handleKeyboardInteraction);
     }
-    attributeChangedCallback(r, t, e) {
-      (r !== "checked" || !this.a) && super.attributeChangedCallback(r, t, e);
+    attributeChangedCallback(s, t, e) {
+      (s !== "checked" || !this._attributeMutationBlocked) && super.attributeChangedCallback(s, t, e);
     }
     /**
      * Is called whenever the form is being reset.
@@ -211,7 +211,7 @@ const J = (a) => {
      * @internal
      */
     formResetCallback() {
-      this.checked = this.hasAttribute("checked"), this.a = !1;
+      this.checked = this.hasAttribute("checked"), this._attributeMutationBlocked = !1;
     }
     /**
      *  Called when the browser is trying to restore element’s state to state in which case
@@ -222,37 +222,37 @@ const J = (a) => {
      *
      * @internal
      */
-    formStateRestoreCallback(r, t) {
-      r && (this.checked = r === "true");
+    formStateRestoreCallback(s, t) {
+      s && (this.checked = s === "true");
     }
     updateFormValue() {
       this.checked ? this.internals.setFormValue(this.value, `${this.checked}`) : this.internals.setFormValue(null);
     }
   };
   return f([
-    l({
+    o({
       type: Boolean,
       converter: {
-        ...c,
+        ...h,
         // We need to pass information to the setter so that we know it was called by attribute change.
-        fromAttribute: (r, t) => {
-          var i, n;
-          return { value: (n = (i = c).fromAttribute) == null ? void 0 : n.call(i, r, t), attribute: !0 };
+        fromAttribute: (s, t) => {
+          var i, a;
+          return { value: (a = (i = h).fromAttribute) == null ? void 0 : a.call(i, s, t), attribute: !0 };
         }
       }
     })
-  ], s.prototype, "checked", 1), s = f([
-    y({
+  ], r.prototype, "checked", 1), r = f([
+    x({
       tabindex: "0"
     })
-  ], s), s;
-}, U = "litElementHydrateSupport", N = d || globalThis.testGroup === "ssr-non-hydrated", M = (a) => {
-  class s extends a {
+  ], r), r;
+}, B = "litElementHydrateSupport", H = b || globalThis.testGroup === "ssr-non-hydrated", I = (n) => {
+  class r extends n {
     constructor() {
-      super(...arguments), this.a = !1, this.d = new Promise(
-        (t) => this.b = t
-      ), this.c = (t) => {
-        if (!this.a)
+      super(...arguments), this._hydrationRequired = !1, this._hydrationComplete = new Promise(
+        (t) => this._resolveHydration = t
+      ), this._handleBeforeHydrationSlotchange = (t) => {
+        if (!this._hydrationRequired)
           return;
         t.stopImmediatePropagation();
         const e = t.target;
@@ -268,21 +268,21 @@ const J = (a) => {
      * @internal
      */
     get hydrationComplete() {
-      return this.d;
+      return this._hydrationComplete;
     }
     createRenderRoot() {
       var t, e;
-      if (this.a = !!this.shadowRoot && U in globalThis && (d || !N), !this.a)
-        this.b(!1);
+      if (this._hydrationRequired = !!this.shadowRoot && B in globalThis && (b || !H), !this._hydrationRequired)
+        this._resolveHydration(!1);
       else {
         const i = (t = this.shadowRoot) == null ? void 0 : t.querySelectorAll("slot");
         i != null && i.length && (i.forEach(
-          (n) => n.addEventListener("slotchange", this.c, {
+          (a) => a.addEventListener("slotchange", this._handleBeforeHydrationSlotchange, {
             capture: !0
           })
         ), this.hydrationComplete.then(
           () => i.forEach(
-            (n) => n.removeEventListener("slotchange", this.c)
+            (a) => a.removeEventListener("slotchange", this._handleBeforeHydrationSlotchange)
           )
         )), (e = this.recoverSsrState) == null || e.call(this);
       }
@@ -290,10 +290,10 @@ const J = (a) => {
     }
     willUpdate(t) {
       var e;
-      super.willUpdate(t), d && ((e = this.recoverSsrState) == null || e.call(this));
+      super.willUpdate(t), b && ((e = this.recoverSsrState) == null || e.call(this));
     }
     update(t) {
-      super.update(t), this.a && (this.a = !1, this.b(!0));
+      super.update(t), this._hydrationRequired && (this._hydrationRequired = !1, this._resolveHydration(!0));
     }
     /** Reads and removes an attribute with the given name. Either returns the attributte value or null. */
     getAndRemoveAttribute(t) {
@@ -301,32 +301,32 @@ const J = (a) => {
       return this.removeAttribute(t), e;
     }
   }
-  return s;
+  return r;
 };
-var V = Object.defineProperty, j = (a, s, r, t) => {
-  for (var e = void 0, i = a.length - 1, n; i >= 0; i--)
-    (n = a[i]) && (e = n(s, r, e) || e);
-  return e && V(s, r, e), e;
+var N = Object.defineProperty, V = (n, r, s, t) => {
+  for (var e = void 0, i = n.length - 1, a; i >= 0; i--)
+    (a = n[i]) && (e = a(r, s, e) || e);
+  return e && N(r, s, e), e;
 };
-const m = "data-ssr-child-count", v = "li", K = (a) => {
-  class s extends M(a) {
+const m = "data-ssr-child-count", _ = "li", Z = (n) => {
+  class r extends I(n) {
     constructor() {
-      super(...arguments), this.listChildren = [], this.a = () => {
+      super(...arguments), this.listChildren = [], this._handleSlotchange = () => {
         const t = Array.from(this.children ?? []).filter(
           (e) => this.listChildLocalNames.includes(e.localName)
         );
         t.length === this.listChildren.length && this.listChildren.every((e, i) => t[i] === e) || (this.listChildren.filter((e) => !t.includes(e)).forEach((e) => e.removeAttribute("slot")), this.listChildren = t, this.listChildren.forEach(
-          (e, i) => e.setAttribute("slot", `${v}-${i}`)
+          (e, i) => e.setAttribute("slot", `${_}-${i}`)
         ), this.removeAttribute(m));
       };
     }
     connectedCallback() {
       var t;
-      super.connectedCallback(), (t = this.shadowRoot) == null || t.addEventListener("slotchange", this.a, { passive: !0 });
+      super.connectedCallback(), (t = this.shadowRoot) == null || t.addEventListener("slotchange", this._handleSlotchange, { passive: !0 });
     }
     disconnectedCallback() {
       var t;
-      super.disconnectedCallback(), (t = this.shadowRoot) == null || t.removeEventListener("slotchange", this.a);
+      super.disconnectedCallback(), (t = this.shadowRoot) == null || t.removeEventListener("slotchange", this._handleSlotchange);
     }
     /**
      * Renders list and list slots for slotted children or an amount of list slots
@@ -339,17 +339,17 @@ const m = "data-ssr-child-count", v = "li", K = (a) => {
      */
     renderList(t = {}) {
       const e = this.listSlotNames();
-      return e.length >= 2 ? o`
+      return e.length >= 2 ? l`
           <ul
-            class=${t.class || (this.localName ?? p(this))}
+            class=${t.class || (this.localName ?? v(this))}
             aria-label=${t.ariaLabel || u}
             aria-labelledby=${t.ariaLabelledby || u}
           >
-            ${e.map((i) => o`<li><slot name=${i}></slot></li>`)}
+            ${e.map((i) => l`<li><slot name=${i}></slot></li>`)}
           </ul>
           ${this.renderHiddenSlot()}
-        ` : e.length === 1 ? o`<sbb-screen-reader-only>${t.ariaLabel}</sbb-screen-reader-only>
-          <span class=${t.class || (this.localName ?? p(this))}>
+        ` : e.length === 1 ? l`<sbb-screen-reader-only>${t.ariaLabel}</sbb-screen-reader-only>
+          <span class=${t.class || (this.localName ?? v(this))}>
             <span><slot name=${e[0]}></slot></span>
           </span>
           ${this.renderHiddenSlot()} ` : this.renderHiddenSlot();
@@ -364,7 +364,7 @@ const m = "data-ssr-child-count", v = "li", K = (a) => {
      * children to be passed via the `data-ssr-child-count` attribute value.
      */
     listSlotNames() {
-      return (this.listChildren.length ? this.listChildren : Array.from({ length: +(this.getAttribute(m) ?? 0) })).map((e, i) => `${v}-${i}`);
+      return (this.listChildren.length ? this.listChildren : Array.from({ length: +(this.getAttribute(m) ?? 0) })).map((e, i) => `${_}-${i}`);
     }
     /**
      * Returns a hidden slot, which is intended as the children change detection.
@@ -372,54 +372,85 @@ const m = "data-ssr-child-count", v = "li", K = (a) => {
      * the slotchange event, which can be used to assign it to the appropriate named slot.
      */
     renderHiddenSlot() {
-      return o`<span hidden><slot></slot></span>`;
+      return l`<span hidden><slot></slot></span>`;
     }
   }
-  return j([
+  return V([
     g()
-  ], s.prototype, "listChildren"), s;
+  ], r.prototype, "listChildren"), r;
 };
-var q = Object.defineProperty, H = (a, s, r, t) => {
-  for (var e = void 0, i = a.length - 1, n; i >= 0; i--)
-    (n = a[i]) && (e = n(s, r, e) || e);
-  return e && q(s, r, e), e;
+var j = Object.defineProperty, T = (n, r, s, t) => {
+  for (var e = void 0, i = n.length - 1, a; i >= 0; i--)
+    (a = n[i]) && (e = a(r, s, e) || e);
+  return e && j(r, s, e), e;
 };
-const Q = (a) => {
-  class s extends a {
+const ee = (n) => {
+  class r extends n {
     constructor() {
       super(...arguments), this.negative = !1;
     }
   }
-  return H([
-    l({ reflect: !0, type: Boolean })
-  ], s.prototype, "negative"), s;
-}, W = (a) => {
-  class s extends a {
+  return T([
+    o({ reflect: !0, type: Boolean })
+  ], r.prototype, "negative"), r;
+};
+var F = Object.defineProperty, c = (n, r, s, t) => {
+  for (var e = void 0, i = n.length - 1, a; i >= 0; i--)
+    (a = n[i]) && (e = a(r, s, e) || e);
+  return e && F(r, s, e), e;
+};
+const te = (n) => {
+  var t;
+  const r = (t = class extends n {
+    constructor() {
+      super(...arguments), this.color = "white", this.borderless = !1, this._panelConnected = new k(
+        this,
+        t.events.panelConnected,
+        { bubbles: !0 }
+      );
+    }
+    connectedCallback() {
+      super.connectedCallback(), this._panelConnected.emit();
+    }
+  }, t.events = {
+    panelConnected: "panelConnected"
+  }, t);
+  return c([
+    o()
+  ], r.prototype, "color"), c([
+    o({ reflect: !0, type: Boolean })
+  ], r.prototype, "borderless"), c([
+    o()
+  ], r.prototype, "expansionState"), r;
+}, re = (n) => {
+  class r extends n {
     constructor() {
-      super(...arguments), this.a = Promise.resolve(), this.b = () => {
+      super(...arguments), this._updatePromise = Promise.resolve(), this._updateResolve = () => {
       };
     }
     startUpdate() {
-      this.a = new Promise((t) => this.b = t);
+      this._updatePromise = new Promise((t) => this._updateResolve = t);
     }
     completeUpdate() {
-      this.b();
+      this._updateResolve();
     }
     async getUpdateComplete() {
       const t = await super.getUpdateComplete();
-      return await this.a, t;
+      return await this._updatePromise, t;
     }
   }
-  return s;
-};
+  return r;
+}, se = C`: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-zero-time, 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([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) 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}`;
 export {
-  C as SbbDisabledMixin,
-  z as SbbDisabledTabIndexActionMixin,
-  J as SbbFormAssociatedCheckboxMixin,
+  y as SbbDisabledMixin,
+  W as SbbDisabledTabIndexActionMixin,
+  Y as SbbFormAssociatedCheckboxMixin,
   A as SbbFormAssociatedMixin,
-  M as SbbHydrationMixin,
-  K as SbbNamedSlotListMixin,
-  Q as SbbNegativeMixin,
-  L as SbbRequiredMixin,
-  W as SbbUpdateSchedulerMixin
+  I as SbbHydrationMixin,
+  Z as SbbNamedSlotListMixin,
+  ee as SbbNegativeMixin,
+  te as SbbPanelMixin,
+  U as SbbRequiredMixin,
+  re as SbbUpdateSchedulerMixin,
+  se as panelCommonStyle
 };

package/core/styles/node_modules_@sbb-esta_lyne-design-tokens_dist_scss_sbb-variables_css--mixin.scss

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 28 May 2024 11:11:03 GMT
+ * Generated on Fri, 14 Jun 2024 15:20:35 GMT
  */
 
 @mixin lyne-design-tokens-css-variables {

package/core/testing.js

@@ -1,12 +1,12 @@
 class u {
-  constructor(i, e = null) {
-    this.e = i, this.a = e, this.b = 0, this.c = [], this.a || (this.a = document), this.d();
+  constructor(n, e = null) {
+    this._event = n, this._target = e, this._count = 0, this._events = [], this._target || (this._target = document), this._listenForEvent();
   }
   get count() {
-    return this.b;
+    return this._count;
   }
   get events() {
-    return this.c;
+    return this._events;
   }
   get firstEvent() {
     return this.events.length ? this.events[0] : null;
@@ -14,60 +14,60 @@ class u {
   get lastEvent() {
     return this.events.length ? this.events[this.events.length - 1] : null;
   }
-  d() {
-    var i;
-    (i = this.a) == null || i.addEventListener(this.e, (e) => {
-      this.c.push(e), this.b++;
+  _listenForEvent() {
+    var n;
+    (n = this._target) == null || n.addEventListener(this._event, (e) => {
+      this._events.push(e), this._count++;
     });
   }
 }
-const m = (t, i, e) => {
+const m = (t, n, e) => {
   if (t)
-    return Mocha.describe(i, e);
-}, h = (t, i, e) => {
+    return Mocha.describe(n, e);
+}, h = (t, n, e) => {
   if (t)
-    return Mocha.test(i, e);
+    return Mocha.test(n, e);
 };
-function d(t) {
+function v(t) {
   window.scrollTo(t), document.dispatchEvent(new Event("scroll"));
 }
-async function g(t, i = 30, e = 2 * 1e3) {
-  const n = /* @__PURE__ */ new Date();
+async function d(t, n = 30, e = 2 * 1e3) {
+  const i = /* @__PURE__ */ new Date();
   let o = 0;
-  function s() {
+  function r() {
     return o++, t();
   }
-  for (; !await s() && n.getTime() + e >= (/* @__PURE__ */ new Date()).getTime(); )
-    await new Promise((r) => setTimeout(r, i));
-  return n.getTime() + e < (/* @__PURE__ */ new Date()).getTime() ? Promise.reject(
-    `waitForCondition timeout: ${t.toString()}, attempts: ${o}, start: ${n.getTime()}, end: ${(/* @__PURE__ */ new Date()).getTime()}`
+  for (; !await r() && i.getTime() + e >= (/* @__PURE__ */ new Date()).getTime(); )
+    await new Promise((s) => setTimeout(s, n));
+  return i.getTime() + e < (/* @__PURE__ */ new Date()).getTime() ? Promise.reject(
+    `waitForCondition timeout: ${t.toString()}, attempts: ${o}, start: ${i.getTime()}, end: ${(/* @__PURE__ */ new Date()).getTime()}`
   ) : Promise.resolve(!0);
 }
-async function w(t, i = 2 * 1e3) {
-  t.complete || await new Promise((e, n) => {
-    const o = setTimeout(() => n("image loading timeout"), i);
+async function g(t, n = 2 * 1e3) {
+  t.complete || await new Promise((e, i) => {
+    const o = setTimeout(() => i("image loading timeout"), n);
     t.addEventListener("load", () => {
       clearTimeout(o), e();
     }), t.addEventListener("error", () => {
-      clearTimeout(o), n("image error");
+      clearTimeout(o), i("image error");
     });
   });
 }
 const a = (t) => !!t.updateComplete, c = Promise.resolve(), l = async (t) => {
-  const i = [t, ...t.querySelectorAll("*")].filter(a).map((e) => [
+  const n = [t, ...t.querySelectorAll("*")].filter(a).map((e) => [
     e.updateComplete,
     e.hydrationComplete ?? c,
     l(e.renderRoot)
   ]).flat(1 / 0);
-  await Promise.all(i);
+  await Promise.all(n);
 };
 export {
   u as EventSpy,
   m as describeIf,
   a as isReactiveElement,
-  d as mockScrollTo,
+  v as mockScrollTo,
   h as testIf,
-  g as waitForCondition,
-  w as waitForImageReady,
+  d as waitForCondition,
+  g as waitForImageReady,
   l as waitForLitRender
 };

package/core.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 28 May 2024 11:11:03 GMT
+ * Generated on Fri, 14 Jun 2024 15:20:35 GMT
  */
 /**
  * Better font rendering (on OS X)