@sbb-esta/lyne-elements 2.5.1 → 2.6.0

package/expansion-panel/expansion-panel.js

@@ -1,54 +1,54 @@
 var T = (s) => {
   throw TypeError(s);
 };
-var U = (s, i, o) => i.has(s) || T("Cannot " + o);
-var m = (s, i, o) => (U(s, i, "read from private field"), o ? o.call(s) : i.get(s)), f = (s, i, o) => i.has(s) ? T("Cannot add the same private member more than once") : i instanceof WeakSet ? i.add(s) : i.set(s, o), d = (s, i, o, r) => (U(s, i, "write to private field"), r ? r.call(s, o) : i.set(s, o), o);
+var Z = (s, i, o) => i.has(s) || T("Cannot " + o);
+var m = (s, i, o) => (Z(s, i, "read from private field"), o ? o.call(s) : i.get(s)), f = (s, i, o) => i.has(s) ? T("Cannot add the same private member more than once") : i instanceof WeakSet ? i.add(s) : i.set(s, o), d = (s, i, o, r) => (Z(s, i, "write to private field"), r ? r.call(s, o) : i.set(s, o), o);
 import { __esDecorate as b, __runInitializers as l } from "tslib";
-import { css as B, LitElement as G } from "lit";
+import { css as G, LitElement as U } from "lit";
 import { customElement as j, property as u } from "lit/decorators.js";
-import { unsafeStatic as Z, html as M } from "lit/static-html.js";
+import { unsafeStatic as B, html as M } from "lit/static-html.js";
 import { forceType as P } from "../core/decorators.js";
 import { isLean as q, isZeroAnimationDuration as F } from "../core/dom.js";
 import { EventEmitter as g } from "../core/eventing.js";
 import { SbbHydrationMixin as J } from "../core/mixins.js";
-const K = B`*,:before,:after{box-sizing:border-box}:host{--sbb-expansion-panel-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-4x) );--sbb-expansion-panel-background-color: var(--sbb-color-white);--sbb-expansion-panel-content-visibility: hidden;--sbb-expansion-panel-border-width: var(--sbb-border-width-1x);--sbb-expansion-panel-border-color: var(--sbb-color-cloud);--sbb-expansion-panel-border-block-start-width: var(--sbb-expansion-panel-border-width);--sbb-expansion-panel-border-block-start-color: var(--sbb-color-cloud);--sbb-expansion-panel-border-radius: var(--sbb-border-radius-4x);--sbb-expansion-panel-start-end-radius: var(--sbb-expansion-panel-border-radius);--sbb-expansion-panel-start-start-radius: var(--sbb-expansion-panel-border-radius);--sbb-expansion-panel-end-end-radius: var(--sbb-expansion-panel-border-radius);--sbb-expansion-panel-end-start-radius: var(--sbb-expansion-panel-border-radius);--sbb-expansion-panel-title-gap: var(--sbb-spacing-fixed-4x);--sbb-expansion-panel-icon-size: var(--sbb-size-icon-ui-medium);display:block}:host([size=s]){--sbb-expansion-panel-title-gap: var(--sbb-spacing-fixed-2x)}@media (forced-colors: active){:host([disabled]){--sbb-expansion-panel-border-color: GrayText;--sbb-expansion-panel-border-block-start-color: GrayText}}:host([expanded]){--sbb-expansion-panel-content-visibility: visible}:host([data-accordion][data-accordion-first]){--sbb-expansion-panel-start-end-radius: var(--sbb-expansion-panel-border-radius);--sbb-expansion-panel-start-start-radius: var(--sbb-expansion-panel-border-radius)}:host([data-accordion]:not([data-accordion-first])){--sbb-expansion-panel-border-block-start-width: 0;--sbb-expansion-panel-border-block-start-color: transparent;--sbb-expansion-panel-start-end-radius: 0;--sbb-expansion-panel-start-start-radius: 0}:host([data-accordion][data-accordion-last]){--sbb-expansion-panel-end-end-radius: var(--sbb-expansion-panel-border-radius);--sbb-expansion-panel-end-start-radius: var(--sbb-expansion-panel-border-radius)}:host([data-accordion]:not([data-accordion-last])){--sbb-expansion-panel-end-end-radius: 0;--sbb-expansion-panel-end-start-radius: 0}:host([color=milk]){--sbb-expansion-panel-background-color: var(--sbb-color-milk)}:host([borderless]){--sbb-expansion-panel-border-width: 0;--sbb-expansion-panel-border-color: transparent;--sbb-expansion-panel-border-block-start-width: 0;--sbb-expansion-panel-border-block-start-color: transparent}@media (forced-colors: active){:host([borderless]){--sbb-expansion-panel-border-width: var(--sbb-border-width-1x);--sbb-expansion-panel-border-block-start-width: var(--sbb-expansion-panel-border-width)}}:host([borderless][data-accordion]:not([data-accordion-first])){--sbb-expansion-panel-border-block-start-width: var(--sbb-spacing-fixed-1x)}@media (forced-colors: active){:host([borderless][data-accordion]:not([data-accordion-first])){--sbb-expansion-panel-border-block-start-width: 0}}:host(:not([disabled])[data-toggle-hover]){--sbb-expansion-panel-background-color: var(--sbb-color-milk)}@media (forced-colors: active){:host(:not([disabled])[data-toggle-hover]){--sbb-expansion-panel-border-color: Highlight;--sbb-expansion-panel-border-block-start-color: Highlight}}:host(:not([disabled])[color=milk][data-toggle-hover]){--sbb-expansion-panel-background-color: var(--sbb-color-white)}.sbb-expansion-panel{background-color:var(--sbb-expansion-panel-background-color);border:var(--sbb-expansion-panel-border-width) solid var(--sbb-expansion-panel-border-color);border-block-start-color:var(--sbb-expansion-panel-border-block-start-color);border-block-start-width:var(--sbb-expansion-panel-border-block-start-width);border-radius:var(--sbb-expansion-panel-start-start-radius) var(--sbb-expansion-panel-start-end-radius) var(--sbb-expansion-panel-end-end-radius) var(--sbb-expansion-panel-end-start-radius);background-clip:padding-box}.sbb-expansion-panel__header{margin:0}.sbb-expansion-panel__content-wrapper{display:grid;visibility:var(--sbb-expansion-panel-content-visibility);grid-template-rows:0fr;opacity:0}:host([data-state=opened]) .sbb-expansion-panel__content-wrapper{grid-template-rows:1fr;opacity:1}:host([data-state=opening]) .sbb-expansion-panel__content-wrapper{animation-name:open,open-opacity;animation-fill-mode:forwards;animation-duration:var(--sbb-expansion-panel-animation-duration);animation-timing-function:var(--sbb-animation-easing);animation-delay:0s,var(--sbb-expansion-panel-animation-duration)}:host([data-state=closing]) .sbb-expansion-panel__content-wrapper{animation-name:close;animation-duration:var(--sbb-expansion-panel-animation-duration);animation-timing-function:var(--sbb-animation-easing)}.sbb-expansion-panel__content{overflow:hidden}@keyframes open{0%{grid-template-rows:0fr}to{grid-template-rows:1fr}}@keyframes open-opacity{0%{opacity:0}to{opacity:1}}@keyframes close{0%{grid-template-rows:1fr;opacity:1}to{grid-template-rows:0fr;opacity:0}}`;
+const K = G`*,:before,:after{box-sizing:border-box}:host{--sbb-expansion-panel-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-4x) );--sbb-expansion-panel-background-color: var(--sbb-color-white);--sbb-expansion-panel-content-visibility: hidden;--sbb-expansion-panel-border-width: var(--sbb-border-width-1x);--sbb-expansion-panel-border-color: var(--sbb-color-cloud);--sbb-expansion-panel-border-block-start-width: var(--sbb-expansion-panel-border-width);--sbb-expansion-panel-border-block-start-color: var(--sbb-color-cloud);--sbb-expansion-panel-border-radius: var(--sbb-border-radius-4x);--sbb-expansion-panel-start-end-radius: var(--sbb-expansion-panel-border-radius);--sbb-expansion-panel-start-start-radius: var(--sbb-expansion-panel-border-radius);--sbb-expansion-panel-end-end-radius: var(--sbb-expansion-panel-border-radius);--sbb-expansion-panel-end-start-radius: var(--sbb-expansion-panel-border-radius);--sbb-expansion-panel-title-gap: var(--sbb-spacing-fixed-4x);--sbb-expansion-panel-icon-size: var(--sbb-size-icon-ui-medium);display:block}:host([size=s]){--sbb-expansion-panel-title-gap: var(--sbb-spacing-fixed-2x)}@media (forced-colors: active){:host([disabled]){--sbb-expansion-panel-border-color: GrayText;--sbb-expansion-panel-border-block-start-color: GrayText}}:host([expanded]){--sbb-expansion-panel-content-visibility: visible}:host([data-accordion][data-accordion-first]){--sbb-expansion-panel-start-end-radius: var(--sbb-expansion-panel-border-radius);--sbb-expansion-panel-start-start-radius: var(--sbb-expansion-panel-border-radius)}:host([data-accordion]:not([data-accordion-first])){--sbb-expansion-panel-border-block-start-width: 0;--sbb-expansion-panel-border-block-start-color: transparent;--sbb-expansion-panel-start-end-radius: 0;--sbb-expansion-panel-start-start-radius: 0}:host([data-accordion][data-accordion-last]){--sbb-expansion-panel-end-end-radius: var(--sbb-expansion-panel-border-radius);--sbb-expansion-panel-end-start-radius: var(--sbb-expansion-panel-border-radius)}:host([data-accordion]:not([data-accordion-last])){--sbb-expansion-panel-end-end-radius: 0;--sbb-expansion-panel-end-start-radius: 0}:host([color=milk]){--sbb-expansion-panel-background-color: var(--sbb-color-milk)}:host([borderless]){--sbb-expansion-panel-border-width: 0;--sbb-expansion-panel-border-color: transparent;--sbb-expansion-panel-border-block-start-width: 0;--sbb-expansion-panel-border-block-start-color: transparent}@media (forced-colors: active){:host([borderless]){--sbb-expansion-panel-border-width: var(--sbb-border-width-1x);--sbb-expansion-panel-border-block-start-width: var(--sbb-expansion-panel-border-width)}}:host([borderless][data-accordion]:not([data-accordion-first])){--sbb-expansion-panel-border-block-start-width: var(--sbb-spacing-fixed-1x)}@media (forced-colors: active){:host([borderless][data-accordion]:not([data-accordion-first])){--sbb-expansion-panel-border-block-start-width: 0}}:host(:not([disabled])[data-toggle-hover]){--sbb-expansion-panel-background-color: var(--sbb-color-milk)}@media (forced-colors: active){:host(:not([disabled])[data-toggle-hover]){--sbb-expansion-panel-border-color: Highlight;--sbb-expansion-panel-border-block-start-color: Highlight}}:host(:not([disabled])[color=milk][data-toggle-hover]){--sbb-expansion-panel-background-color: var(--sbb-color-white)}.sbb-expansion-panel{background-color:var(--sbb-expansion-panel-background-color);border:var(--sbb-expansion-panel-border-width) solid var(--sbb-expansion-panel-border-color);border-block-start-color:var(--sbb-expansion-panel-border-block-start-color);border-block-start-width:var(--sbb-expansion-panel-border-block-start-width);border-radius:var(--sbb-expansion-panel-start-start-radius) var(--sbb-expansion-panel-start-end-radius) var(--sbb-expansion-panel-end-end-radius) var(--sbb-expansion-panel-end-start-radius);background-clip:padding-box}.sbb-expansion-panel__header{margin:0}.sbb-expansion-panel__content-wrapper{display:grid;visibility:var(--sbb-expansion-panel-content-visibility);grid-template-rows:0fr;opacity:0}:host([data-state=opened]) .sbb-expansion-panel__content-wrapper{grid-template-rows:1fr;opacity:1}:host([data-state=opening]) .sbb-expansion-panel__content-wrapper{animation-name:open,open-opacity;animation-fill-mode:forwards;animation-duration:var(--sbb-expansion-panel-animation-duration);animation-timing-function:var(--sbb-animation-easing);animation-delay:0s,var(--sbb-expansion-panel-animation-duration)}:host([data-state=closing]) .sbb-expansion-panel__content-wrapper{animation-name:close;animation-duration:var(--sbb-expansion-panel-animation-duration);animation-timing-function:var(--sbb-animation-easing)}.sbb-expansion-panel__content{overflow:hidden}@keyframes open{0%{grid-template-rows:0fr}to{grid-template-rows:1fr}}@keyframes open-opacity{0%{opacity:0}to{opacity:1}}@keyframes close{0%{grid-template-rows:1fr;opacity:1}to{grid-template-rows:0fr;opacity:0}}`;
 let Q = 0, oe = (() => {
   var c, h, _, x, n;
-  let s = [j("sbb-expansion-panel")], i, o = [], r, k = J(G), v = [], y, z = [], A = [], R, S = [], C = [], E, O, L, I = [], D = [], $, H = [], N = [];
+  let s = [j("sbb-expansion-panel")], i, o = [], r, k = J(U), v = [], y, z = [], A = [], R, S = [], C = [], E, O, L, I = [], D = [], $, H = [], N = [];
   var p = (n = class extends k {
     constructor() {
-      var e;
+      var t;
       super();
       f(this, c);
       f(this, h);
       f(this, _);
       f(this, x);
-      d(this, c, (l(this, v), l(this, z, null))), d(this, h, (l(this, A), l(this, S, "white"))), this._expanded = (l(this, C), !1), this._disabled = !1, d(this, _, l(this, I, !1)), d(this, x, (l(this, D), l(this, H, q() ? "s" : "l"))), this._willOpen = (l(this, N), new g(this, p.events.willOpen, { cancelable: !0 })), this._didOpen = new g(this, p.events.didOpen, { cancelable: !0 }), this._willClose = new g(this, p.events.willClose, { cancelable: !0 }), this._didClose = new g(this, p.events.didClose, { cancelable: !0 }), this._progressiveId = `-${++Q}`, this._initialized = !1, (e = this.addEventListener) == null || e.call(this, "toggleExpanded", () => this._toggleExpanded());
+      d(this, c, (l(this, v), l(this, z, null))), d(this, h, (l(this, A), l(this, S, "white"))), this._expanded = (l(this, C), !1), this._disabled = !1, d(this, _, l(this, I, !1)), d(this, x, (l(this, D), l(this, H, q() ? "s" : "l"))), this._willOpen = (l(this, N), new g(this, p.events.willOpen, { cancelable: !0 })), this._didOpen = new g(this, p.events.didOpen, { cancelable: !0 }), this._willClose = new g(this, p.events.willClose, { cancelable: !0 }), this._didClose = new g(this, p.events.didClose, { cancelable: !0 }), this._progressiveId = `-${++Q}`, (t = this.addEventListener) == null || t.call(this, "toggleExpanded", () => this._toggleExpanded());
     }
     /** Heading level; if unset, a `div` will be rendered. */
     get titleLevel() {
       return m(this, c);
     }
-    set titleLevel(e) {
-      d(this, c, e);
+    set titleLevel(t) {
+      d(this, c, t);
     }
     /** The background color of the panel. */
     get color() {
       return m(this, h);
     }
-    set color(e) {
-      d(this, h, e);
+    set color(t) {
+      d(this, h, t);
     }
     /** Whether the panel is expanded. */
-    set expanded(e) {
-      this._expanded = e, this._onExpandedChange();
+    set expanded(t) {
+      this._expanded = t, this._onExpandedChange();
     }
     get expanded() {
       return this._expanded;
     }
     /** Whether the panel is disabled, so its expanded state can't be changed. */
-    set disabled(e) {
-      this._disabled = e, this._updateDisabledOnHeader(this._disabled);
+    set disabled(t) {
+      this._disabled = t, this._updateDisabledOnHeader(this._disabled);
     }
     get disabled() {
       return this._disabled;
@@ -57,8 +57,8 @@ let Q = 0, oe = (() => {
     get borderless() {
       return m(this, _);
     }
-    set borderless(e) {
-      d(this, _, e);
+    set borderless(t) {
+      d(this, _, t);
     }
     /**
      * Size variant, either l or s.
@@ -67,41 +67,38 @@ let Q = 0, oe = (() => {
     get size() {
       return m(this, x);
     }
-    set size(e) {
-      d(this, x, e);
+    set size(t) {
+      d(this, x, t);
     }
     /**
      * The state of the notification.
      */
-    set _state(e) {
-      this.setAttribute("data-state", e);
+    set _state(t) {
+      this.setAttribute("data-state", t);
     }
     get _state() {
       return this.getAttribute("data-state");
     }
     connectedCallback() {
-      var e;
-      super.connectedCallback(), this.toggleAttribute("data-accordion", !!((e = this.closest) != null && e.call(this, "sbb-accordion")));
+      var t;
+      super.connectedCallback(), this.toggleAttribute("data-accordion", !!((t = this.closest) != null && t.call(this, "sbb-accordion")));
     }
-    willUpdate(e) {
-      var t, a;
-      super.willUpdate(e), e.has("size") && ((t = this._headerRef) == null || t.setAttribute("data-size", String(this.size)), (a = this._contentRef) == null || a.setAttribute("data-size", String(this.size)));
+    willUpdate(t) {
+      var e, a;
+      super.willUpdate(t), t.has("size") && ((e = this._headerRef) == null || e.setAttribute("data-size", String(this.size)), (a = this._contentRef) == null || a.setAttribute("data-size", String(this.size)));
     }
     disconnectedCallback() {
       super.disconnectedCallback(), this.removeAttribute("data-accordion");
     }
-    firstUpdated(e) {
-      super.firstUpdated(e), this._initialized = !0;
-    }
     _toggleExpanded() {
       this.expanded = !this.expanded;
     }
     _onExpandedChange() {
-      var e, t;
-      (e = this._headerRef) == null || e.setAttribute("aria-expanded", String(this.expanded)), (t = this._contentRef) == null || t.setAttribute("aria-hidden", String(!this.expanded)), this.expanded ? this._open() : this._state === "opened" && this._close();
+      var t, e;
+      (t = this._headerRef) == null || t.setAttribute("aria-expanded", String(this.expanded)), (e = this._contentRef) == null || e.setAttribute("aria-hidden", String(!this.expanded)), this.expanded ? this._open() : this._state === "opened" && this._close();
     }
     _open() {
-      this._state = "opening", this._willOpen.emit(), (!this._initialized || this._isZeroAnimationDuration()) && this._handleOpening();
+      this._state = "opening", this._willOpen.emit(), (!this.hasUpdated || this._isZeroAnimationDuration()) && this._handleOpening();
     }
     _close() {
       this._state = "closing", this._willClose.emit(), this._isZeroAnimationDuration() && this._handleClosing();
@@ -115,23 +112,23 @@ let Q = 0, oe = (() => {
     _handleClosing() {
       this._state = "closed", this._didClose.emit();
     }
-    _updateDisabledOnHeader(e) {
-      this._headerRef && (this._headerRef.disabled = e);
+    _updateDisabledOnHeader(t) {
+      this._headerRef && (this._headerRef.disabled = t);
     }
     _handleSlotchange() {
-      const e = Array.from(this.children ?? []), t = e.find((w) => w.localName === "sbb-expansion-panel-header"), a = e.find((w) => w.localName === "sbb-expansion-panel-content");
-      this._headerRef === t && this._contentRef === a || (t && this._headerRef !== t && (t.id || (t.id = `sbb-expansion-panel-header${this._progressiveId}`), t.setAttribute("aria-expanded", String(this.expanded)), t.toggleAttribute("disabled", this.disabled), t.setAttribute("data-size", String(this.size))), a && this._contentRef !== a && (a.id || (a.id = `sbb-expansion-panel-content${this._progressiveId}`), a.setAttribute("aria-hidden", String(!this.expanded)), a.setAttribute("data-size", String(this.size))), this._headerRef = t, this._contentRef = a, this._headerRef && this._contentRef && (this._headerRef.setAttribute("aria-controls", this._contentRef.id), this._contentRef.setAttribute("aria-labelledby", this._headerRef.id), this._contentRef.toggleAttribute("data-icon-space", this._headerRef.hasAttribute("data-icon"))));
+      const t = Array.from(this.children ?? []), e = t.find((w) => w.localName === "sbb-expansion-panel-header"), a = t.find((w) => w.localName === "sbb-expansion-panel-content");
+      this._headerRef === e && this._contentRef === a || (e && this._headerRef !== e && (e.id || (e.id = `sbb-expansion-panel-header${this._progressiveId}`), e.setAttribute("aria-expanded", String(this.expanded)), e.toggleAttribute("disabled", this.disabled), e.setAttribute("data-size", String(this.size))), a && this._contentRef !== a && (a.id || (a.id = `sbb-expansion-panel-content${this._progressiveId}`), a.setAttribute("aria-hidden", String(!this.expanded)), a.setAttribute("data-size", String(this.size))), this._headerRef = e, this._contentRef = a, this._headerRef && this._contentRef && (this._headerRef.setAttribute("aria-controls", this._contentRef.id), this._contentRef.setAttribute("aria-labelledby", this._headerRef.id), this._contentRef.toggleAttribute("data-icon-space", this._headerRef.hasAttribute("data-icon"))));
     }
-    _onAnimationEnd(e) {
-      e.animationName === "open-opacity" && this._state === "opening" ? this._handleOpening() : e.animationName === "close" && this._state === "closing" && this._handleClosing();
+    _onAnimationEnd(t) {
+      t.animationName === "open-opacity" && this._state === "opening" ? this._handleOpening() : t.animationName === "close" && this._state === "closing" && this._handleClosing();
     }
     render() {
-      const e = this.titleLevel ? `h${this.titleLevel}` : "div";
+      const t = this.titleLevel ? `h${this.titleLevel}` : "div";
       return M`
       <div class="sbb-expansion-panel">
-        <${Z(e)} class="sbb-expansion-panel__header">
+        <${B(t)} class="sbb-expansion-panel__header">
           <slot name="header" @slotchange=${this._handleSlotchange}></slot>
-        </${Z(e)}>
+        </${B(t)}>
         <div class="sbb-expansion-panel__content-wrapper" @animationend=${this._onAnimationEnd}>
           <span class="sbb-expansion-panel__content">
             <slot name="content" @slotchange=${this._handleSlotchange}></slot>
@@ -141,20 +138,20 @@ let Q = 0, oe = (() => {
     `;
     }
   }, c = new WeakMap(), h = new WeakMap(), _ = new WeakMap(), x = new WeakMap(), r = n, (() => {
-    const e = typeof Symbol == "function" && Symbol.metadata ? Object.create(k[Symbol.metadata] ?? null) : void 0;
-    y = [u({ attribute: "title-level" })], R = [u({ reflect: !0 })], E = [u({ reflect: !0, type: Boolean })], O = [u({ reflect: !0, type: Boolean })], L = [P(), u({ reflect: !0, type: Boolean })], $ = [u({ reflect: !0 })], b(n, null, y, { kind: "accessor", name: "titleLevel", static: !1, private: !1, access: { has: (t) => "titleLevel" in t, get: (t) => t.titleLevel, set: (t, a) => {
-      t.titleLevel = a;
-    } }, metadata: e }, z, A), b(n, null, R, { kind: "accessor", name: "color", static: !1, private: !1, access: { has: (t) => "color" in t, get: (t) => t.color, set: (t, a) => {
-      t.color = a;
-    } }, metadata: e }, S, C), b(n, null, E, { kind: "setter", name: "expanded", static: !1, private: !1, access: { has: (t) => "expanded" in t, set: (t, a) => {
-      t.expanded = a;
-    } }, metadata: e }, null, v), b(n, null, O, { kind: "setter", name: "disabled", static: !1, private: !1, access: { has: (t) => "disabled" in t, set: (t, a) => {
-      t.disabled = a;
-    } }, metadata: e }, null, v), b(n, null, L, { kind: "accessor", name: "borderless", static: !1, private: !1, access: { has: (t) => "borderless" in t, get: (t) => t.borderless, set: (t, a) => {
-      t.borderless = a;
-    } }, metadata: e }, I, D), b(n, null, $, { kind: "accessor", name: "size", static: !1, private: !1, access: { has: (t) => "size" in t, get: (t) => t.size, set: (t, a) => {
-      t.size = a;
-    } }, metadata: e }, H, N), b(null, i = { value: r }, s, { kind: "class", name: r.name, metadata: e }, null, o), p = r = i.value, e && Object.defineProperty(r, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: e });
+    const t = typeof Symbol == "function" && Symbol.metadata ? Object.create(k[Symbol.metadata] ?? null) : void 0;
+    y = [u({ attribute: "title-level" })], R = [u({ reflect: !0 })], E = [u({ reflect: !0, type: Boolean })], O = [u({ reflect: !0, type: Boolean })], L = [P(), u({ reflect: !0, type: Boolean })], $ = [u({ reflect: !0 })], b(n, null, y, { kind: "accessor", name: "titleLevel", static: !1, private: !1, access: { has: (e) => "titleLevel" in e, get: (e) => e.titleLevel, set: (e, a) => {
+      e.titleLevel = a;
+    } }, metadata: t }, z, A), b(n, null, R, { kind: "accessor", name: "color", static: !1, private: !1, access: { has: (e) => "color" in e, get: (e) => e.color, set: (e, a) => {
+      e.color = a;
+    } }, metadata: t }, S, C), b(n, null, E, { kind: "setter", name: "expanded", static: !1, private: !1, access: { has: (e) => "expanded" in e, set: (e, a) => {
+      e.expanded = a;
+    } }, metadata: t }, null, v), b(n, null, O, { kind: "setter", name: "disabled", static: !1, private: !1, access: { has: (e) => "disabled" in e, set: (e, a) => {
+      e.disabled = a;
+    } }, metadata: t }, null, v), b(n, null, L, { kind: "accessor", name: "borderless", static: !1, private: !1, access: { has: (e) => "borderless" in e, get: (e) => e.borderless, set: (e, a) => {
+      e.borderless = a;
+    } }, metadata: t }, I, D), b(n, null, $, { kind: "accessor", name: "size", static: !1, private: !1, access: { has: (e) => "size" in e, get: (e) => e.size, set: (e, a) => {
+      e.size = a;
+    } }, metadata: t }, H, N), b(null, i = { value: r }, s, { kind: "class", name: r.name, metadata: t }, null, o), p = r = i.value, t && Object.defineProperty(r, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: t });
   })(), n.styles = K, n.events = {
     willOpen: "willOpen",
     didOpen: "didOpen",

package/flip-card/flip-card-details/flip-card-details.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"flip-card-details.d.ts","sourceRoot":"","sources":["../../../../src/elements/flip-card/flip-card-details/flip-card-details.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1D,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;AAQvC;;;;GAIG;AACH,qBAKM,yBAA0B,SAAQ,UAAU;IAChD,OAAuB,MAAM,EAAE,cAAc,CAAS;;IAetD,OAAO,CAAC,uBAAuB;cAQZ,MAAM,IAAI,cAAc;CAS5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,uBAAuB,EAAE,yBAAyB,CAAC;KACpD;CACF"}
+{"version":3,"file":"flip-card-details.d.ts","sourceRoot":"","sources":["../../../../src/elements/flip-card/flip-card-details/flip-card-details.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1D,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;AAQvC;;;;GAIG;AACH,qBAKM,yBAA0B,SAAQ,UAAU;IAChD,OAAuB,MAAM,EAAE,cAAc,CAAS;;IAiBtD,OAAO,CAAC,uBAAuB;cAQZ,MAAM,IAAI,cAAc;CAS5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,uBAAuB,EAAE,yBAAyB,CAAC;KACpD;CACF"}

package/flip-card/flip-card-details.js

@@ -4,22 +4,22 @@ import { css as p, LitElement as f, html as u } from "lit";
 import { customElement as m } from "lit/decorators.js";
 import { IS_FOCUSABLE_QUERY as v } from "../core/a11y.js";
 import { hostAttributes as y } from "../core/decorators.js";
-const g = p`*,:before,:after{box-sizing:border-box}:host{--sbb-focus-outline-color: var(--sbb-focus-outline-color-dark);--sbb-flip-card-details-opacity: 0;--sbb-flip-card-details-translate-y: var(--sbb-spacing-fixed-2x);--sbb-flip-card-details-transition-delay: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-5x) );--sbb-flip-card-details-padding: var(--sbb-spacing-responsive-s);--sbb-flip-card-details-padding-block-end: calc( var(--sbb-spacing-responsive-s) + var(--sbb-spacing-responsive-xs) + var(--sbb-size-element-m) );display:contents}.sbb-flip-card-details--wrapper{position:absolute;pointer-events:none;color:var(--sbb-color-milk);opacity:var(--sbb-flip-card-details-opacity);transform:translateY(var(--sbb-flip-card-details-translate-y));transition-property:transform,opacity;transition-duration:var(--sbb-flip-card-details-transition-duration)}:host([data-flipped]) .sbb-flip-card-details--wrapper{transition-delay:var(--sbb-flip-card-details-transition-delay),var(--sbb-flip-card-details-transition-delay)}.sbb-flip-card-details{overflow:hidden;padding:var(--sbb-flip-card-details-padding);padding-block-end:var(--sbb-flip-card-details-padding-block-end)}`;
+const h = p`*,:before,:after{box-sizing:border-box}:host{--sbb-focus-outline-color: var(--sbb-focus-outline-color-dark);--sbb-flip-card-details-opacity: 0;--sbb-flip-card-details-translate-y: var(--sbb-spacing-fixed-2x);--sbb-flip-card-details-transition-delay: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-5x) );--sbb-flip-card-details-padding: var(--sbb-spacing-responsive-s);--sbb-flip-card-details-padding-block-end: calc( var(--sbb-spacing-responsive-s) + var(--sbb-spacing-responsive-xs) + var(--sbb-size-element-m) );display:contents}.sbb-flip-card-details--wrapper{position:absolute;pointer-events:none;color:var(--sbb-color-milk);opacity:var(--sbb-flip-card-details-opacity);transform:translateY(var(--sbb-flip-card-details-translate-y));transition-property:transform,opacity;transition-duration:var(--sbb-flip-card-details-transition-duration)}:host([data-flipped]) .sbb-flip-card-details--wrapper{transition-delay:var(--sbb-flip-card-details-transition-delay),var(--sbb-flip-card-details-transition-delay)}.sbb-flip-card-details{overflow:hidden;padding:var(--sbb-flip-card-details-padding);padding-block-end:var(--sbb-flip-card-details-padding-block-end)}`;
 let E = (() => {
   var a;
   let o = [m("sbb-flip-card-details"), y({
     slot: "details"
-  })], e, i = [], t, r = f;
-  return a = class extends r {
+  })], e, r = [], t, i = f;
+  return a = class extends i {
     constructor() {
-      super(), new c(this, {
+      super(), this.addController(new c(this, {
         config: {
           childList: !0,
           subtree: !0,
           attributes: !0
         },
         callback: () => this._checkForSlottedActions()
-      });
+      }));
     }
     _checkForSlottedActions() {
       var l;
@@ -36,9 +36,9 @@ let E = (() => {
     `;
     }
   }, t = a, (() => {
-    const s = typeof Symbol == "function" && Symbol.metadata ? Object.create(r[Symbol.metadata] ?? null) : void 0;
-    n(null, e = { value: t }, o, { kind: "class", name: t.name, metadata: s }, null, i), t = e.value, s && Object.defineProperty(t, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: s });
-  })(), a.styles = g, b(t, i), t;
+    const s = typeof Symbol == "function" && Symbol.metadata ? Object.create(i[Symbol.metadata] ?? null) : void 0;
+    n(null, e = { value: t }, o, { kind: "class", name: t.name, metadata: s }, null, r), t = e.value, s && Object.defineProperty(t, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: s });
+  })(), a.styles = h, b(t, r), t;
 })();
 export {
   E as SbbFlipCardDetailsElement

package/form-field/form-field/form-field.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"form-field.d.ts","sourceRoot":"","sources":["../../../../src/elements/form-field/form-field/form-field.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,cAAc,EAGnB,UAAU,EAEV,KAAK,cAAc,EACnB,KAAK,cAAc,EACpB,MAAM,KAAK,CAAC;AAcb,OAAO,eAAe,CAAC;;AAOvB;;;;;;;;GAQG;AACH,qBAGM,mBAAoB,SAAQ,wBAA+C;IAC/E,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD,OAAO,CAAC,QAAQ,CAAC,6BAA6B,CAK5C;IAEF,OAAO,CAAC,QAAQ,CAAC,uBAAuB,CAItC;IAEF,OAAO,CAAC,QAAQ,CAAC,sBAAsB,CAA2C;IAElF,OAAO,CAAC,QAAQ,CAAC,oCAAoC,CAMnD;IAEF,OAAO,CAAC,QAAQ,CAAC,iCAAiC,CAQhD;IAEF;;;;OAIG;IACH,SACgB,UAAU,EAAE,MAAM,GAAG,SAAS,CAAU;IAExD,+CAA+C;IAC/C,SAEgB,QAAQ,EAAE,OAAO,CAAS;IAE1C;;;OAGG;IACH,SAA6C,IAAI,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,CAAwB;IAE1F,0DAA0D;IAC1D,SAEgB,UAAU,EAAE,OAAO,CAAS;IAE5C;;+EAE2E;IAC3E,SAA6C,KAAK,EAAE,SAAS,GAAG,UAAU,CAAa;IAEvF,wFAAwF;IACxF,SAEgB,WAAW,EAAE,OAAO,CAAS;IAE7C,4FAA4F;IAC5F,SAEgB,aAAa,EAAE,OAAO,CAAS;IAE/C,qDAAqD;IAC5C,OAAO,CAAC,QAAQ,CAAC,cAAc,CAAiB;IAEzD,oEAAoE;IACpE,OAAO,CAAC,6BAA6B,CAAC,CAAgB;IAEtD,8CAA8C;IACrC,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAkE;IAElG,+CAA+C;IACtC,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAoB;IAEpD,iCAAiC;IACjC,IAAW,YAAY,IAAI,gBAAgB,GAAG,iBAAiB,GAAG,WAAW,GAAG,SAAS,CAExF;IAED,OAAO,CAAC,SAAS,CAAmC;IAEpD;;OAEG;IACH,OAAO,CAAC,2BAA2B,CAM1B;IAET,OAAO,CAAC,qBAAqB,CAAyB;IAEtC,iBAAiB,IAAI,IAAI;cAMtB,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAQ5D,oBAAoB,IAAI,IAAI;IAS5C,OAAO,CAAC,mBAAmB;IAgB3B,OAAO,CAAC,uBAAuB;IAW/B,OAAO,CAAC,kBAAkB;IAW1B;;OAEG;IACH,OAAO,CAAC,kBAAkB;IAkC1B,OAAO,CAAC,yBAAyB;IA4BjC,OAAO,CAAC,sBAAsB;IA+E9B,OAAO,CAAC,aAAa;IASrB,OAAO,CAAC,gBAAgB;IA4BxB,OAAO,CAAC,kBAAkB;IAS1B,OAAO,CAAC,yBAAyB;IAQjC,OAAO,CAAC,aAAa;IAerB,OAAO,CAAC,kBAAkB;IAK1B,OAAO,CAAC,YAAY;IAOpB,OAAO,CAAC,eAAe;IAgBvB;;OAEG;IACH,OAAO,CAAC,kBAAkB;IAsB1B,OAAO,CAAC,qBAAqB;IAiB7B,qFAAqF;IAC9E,KAAK,IAAI,IAAI;IAIpB,4FAA4F;IACrF,KAAK,IAAI,IAAI;IAQpB,OAAO,CAAC,aAAa;cAMF,MAAM,IAAI,cAAc;CAmC5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,gBAAgB,EAAE,mBAAmB,CAAC;KACvC;CACF"}
+{"version":3,"file":"form-field.d.ts","sourceRoot":"","sources":["../../../../src/elements/form-field/form-field/form-field.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,cAAc,EAGnB,UAAU,EAEV,KAAK,cAAc,EACnB,KAAK,cAAc,EACpB,MAAM,KAAK,CAAC;AAcb,OAAO,eAAe,CAAC;;AAOvB;;;;;;;;GAQG;AACH,qBAGM,mBAAoB,SAAQ,wBAA+C;IAC/E,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD,OAAO,CAAC,QAAQ,CAAC,6BAA6B,CAK5C;IAEF,OAAO,CAAC,QAAQ,CAAC,uBAAuB,CAItC;IAEF,OAAO,CAAC,QAAQ,CAAC,sBAAsB,CAAuD;IAE9F,OAAO,CAAC,QAAQ,CAAC,oCAAoC,CAMnD;IAEF,OAAO,CAAC,QAAQ,CAAC,iCAAiC,CAQhD;IAEF;;;;OAIG;IACH,SACgB,UAAU,EAAE,MAAM,GAAG,SAAS,CAAU;IAExD,+CAA+C;IAC/C,SAEgB,QAAQ,EAAE,OAAO,CAAS;IAE1C;;;OAGG;IACH,SAA6C,IAAI,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,CAAwB;IAE1F,0DAA0D;IAC1D,SAEgB,UAAU,EAAE,OAAO,CAAS;IAE5C;;+EAE2E;IAC3E,SAA6C,KAAK,EAAE,SAAS,GAAG,UAAU,CAAa;IAEvF,wFAAwF;IACxF,SAEgB,WAAW,EAAE,OAAO,CAAS;IAE7C,4FAA4F;IAC5F,SAEgB,aAAa,EAAE,OAAO,CAAS;IAE/C,qDAAqD;IAC5C,OAAO,CAAC,QAAQ,CAAC,cAAc,CAAiB;IAEzD,oEAAoE;IACpE,OAAO,CAAC,6BAA6B,CAAC,CAAgB;IAEtD,8CAA8C;IACrC,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAkE;IAElG,+CAA+C;IACtC,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAoB;IAEpD,iCAAiC;IACjC,IAAW,YAAY,IAAI,gBAAgB,GAAG,iBAAiB,GAAG,WAAW,GAAG,SAAS,CAExF;IAED,OAAO,CAAC,SAAS,CAAmC;IAEpD;;OAEG;IACH,OAAO,CAAC,2BAA2B,CAM1B;IAET,OAAO,CAAC,qBAAqB,CAAyB;IAEtC,iBAAiB,IAAI,IAAI;cAMtB,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAQ5D,oBAAoB,IAAI,IAAI;IAS5C,OAAO,CAAC,mBAAmB;IAgB3B,OAAO,CAAC,uBAAuB;IAW/B,OAAO,CAAC,kBAAkB;IAW1B;;OAEG;IACH,OAAO,CAAC,kBAAkB;IAoC1B,OAAO,CAAC,yBAAyB;IA4BjC,OAAO,CAAC,sBAAsB;IA+E9B,OAAO,CAAC,aAAa;IASrB,OAAO,CAAC,gBAAgB;IA4BxB,OAAO,CAAC,kBAAkB;IAS1B,OAAO,CAAC,yBAAyB;IAQjC,OAAO,CAAC,aAAa;IAkBrB,OAAO,CAAC,kBAAkB;IAK1B,OAAO,CAAC,YAAY;IAOpB,OAAO,CAAC,eAAe;IAgBvB;;OAEG;IACH,OAAO,CAAC,kBAAkB;IAsB1B,OAAO,CAAC,qBAAqB;IAiB7B,qFAAqF;IAC9E,KAAK,IAAI,IAAI;IAIpB,4FAA4F;IACrF,KAAK,IAAI,IAAI;IAQpB,OAAO,CAAC,aAAa;cAMF,MAAM,IAAI,cAAc;CAmC5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,gBAAgB,EAAE,mBAAmB,CAAC;KACvC;CACF"}