@sbb-esta/lyne-elements 3.0.1 → 3.1.0

package/selection-expansion-panel/selection-expansion-panel.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"selection-expansion-panel.component.d.ts","sourceRoot":"","sources":["../../../src/elements/selection-expansion-panel/selection-expansion-panel.component.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,cAAc,EAGnB,UAAU,EACV,KAAK,cAAc,EACnB,KAAK,cAAc,EACpB,MAAM,KAAK,CAAC;AAcb,OAAO,eAAe,CAAC;;AAEvB;;;;;GAKG;AACH,qBAGM,iCAAkC,SAAQ,sCAA6B;IAE3E,OAAuB,MAAM,EAAE,cAAc,CAAS;IACtD,gBAAuB,MAAM;;;;;MAKlB;IAEX,yCAAyC;IACzC,SAA6C,KAAK,EAAE,OAAO,GAAG,MAAM,CAAW;IAE/E,qDAAqD;IACrD,SAEgB,SAAS,EAAE,OAAO,CAAS;IAE3C,iDAAiD;IACjD,SAEgB,UAAU,EAAE,OAAO,CAAS;IAE5C,wCAAwC;IAExC,OAAO,KAAK,MAAM,QAEjB;IACD,OAAO,KAAK,MAAM,GAEjB;IAED,8CAA8C;IAC9C,OAAO,KAAK,QAAQ,QAEnB;IACD,OAAO,KAAK,QAAQ,GAEnB;IAED,+CAA+C;IAC/C,OAAO,KAAK,SAAS,QAEpB;IAED,OAAO,CAAC,SAAS,CAAmC;IACpD,OAAO,CAAC,sBAAsB,CAIrB;IAET,2CAA2C;IAC3C,OAAO,KAAK,WAAW,GAGtB;IAED,OAAO,KAAK,MAAM,GAIjB;;IAOe,iBAAiB,IAAI,IAAI;IAMzB,oBAAoB,IAAI,IAAI;cAKzB,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAQ5E,OAAO,CAAC,YAAY;IAapB,OAAO,CAAC,KAAK;IAgBb,OAAO,CAAC,MAAM;IAgBd,OAAO,CAAC,wBAAwB;IAIhC,OAAO,CAAC,cAAc;IAMtB,OAAO,CAAC,cAAc;IAMtB,OAAO,CAAC,cAAc;IAWtB;;;;;;OAMG;IACH,OAAO,CAAC,uBAAuB;IAY/B,OAAO,CAAC,mBAAmB;IAY3B,OAAO,CAAC,eAAe;YAQT,oBAAoB;cAoBf,MAAM,IAAI,cAAc;CAmB5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,+BAA+B,EAAE,iCAAiC,CAAC;KACpE;CACF"}
+{"version":3,"file":"selection-expansion-panel.component.d.ts","sourceRoot":"","sources":["../../../src/elements/selection-expansion-panel/selection-expansion-panel.component.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,cAAc,EAEnB,UAAU,EACV,KAAK,cAAc,EACnB,KAAK,cAAc,EACpB,MAAM,KAAK,CAAC;AAQb,OAAO,KAAK,EAAwB,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAMlF,OAAO,eAAe,CAAC;;AAEvB;;;;;GAKG;AACH,qBAGM,iCAAkC,SAAQ,sCAE/C;IAEC,OAAuB,MAAM,EAAE,cAAc,CAAS;IACtD,gBAAuB,MAAM;;;;;MAKlB;IAEX,qDAAqD;IACrD,SAEgB,SAAS,EAAE,OAAO,CAAS;IAE3C,wCAAwC;IAExC,OAAO,KAAK,MAAM,QAEjB;IACD,OAAO,KAAK,MAAM,GAEjB;IAED,OAAO,CAAC,SAAS,CAAmC;IAEpD,2CAA2C;IAC3C,OAAO,KAAK,WAAW,GAGtB;IAEe,iBAAiB,IAAI,IAAI;cAMtB,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;cAQzD,aAAa,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI;cAKjC,kBAAkB,CAAC,KAAK,EAAE,WAAW,CAAC,cAAc,CAAC,GAAG,IAAI;IAK/E,OAAO,CAAC,YAAY;IAapB,OAAO,CAAC,KAAK;IAgBb,OAAO,CAAC,MAAM;IAgBd,OAAO,CAAC,wBAAwB;IAIhC,OAAO,CAAC,cAAc;IAMtB,OAAO,CAAC,cAAc;IAMtB,OAAO,CAAC,eAAe;YAQT,oBAAoB;cAoBf,MAAM,IAAI,cAAc;CAmB5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,+BAA+B,EAAE,iCAAiC,CAAC;KACpE;CACF"}

package/selection-expansion-panel/selection-expansion-panel.component.js

@@ -1,49 +1,33 @@
-var I = (n) => {
+var f = (n) => {
   throw TypeError(n);
 };
-var D = (n, s, i) => s.has(n) || I("Cannot " + i);
-var u = (n, s, i) => (D(n, s, "read from private field"), i ? i.call(n) : s.get(n)), _ = (n, s, i) => s.has(n) ? I("Cannot add the same private member more than once") : s instanceof WeakSet ? s.add(n) : s.set(n, i), c = (n, s, i, o) => (D(n, s, "write to private field"), o ? o.call(n, i) : s.set(n, i), i);
-import { __esDecorate as h, __runInitializers as l } from "tslib";
-import { css as Z, LitElement as F, isServer as N, html as U } from "lit";
-import { customElement as $, property as m, state as j } from "lit/decorators.js";
-import { SbbLanguageController as q } from "../core/controllers.js";
-import { slotState as B, forceType as L } from "../core/decorators.js";
-import { isZeroAnimationDuration as M } from "../core/dom.js";
-import { i18nExpanded as T, i18nCollapsed as H } from "../core/i18n.js";
-import { SbbHydrationMixin as P } from "../core/mixins.js";
+var v = (n, t, a) => t.has(n) || f("Cannot " + a);
+var g = (n, t, a) => (v(n, t, "read from private field"), a ? a.call(n) : t.get(n)), w = (n, t, a) => t.has(n) ? f("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(n) : t.set(n, a), c = (n, t, a, i) => (v(n, t, "write to private field"), i ? i.call(n, a) : t.set(n, a), a);
+import { __runInitializers as l, __esDecorate as b } from "tslib";
+import { css as y, LitElement as k, html as S } from "lit";
+import { customElement as E, property as O, state as C } from "lit/decorators.js";
+import { SbbLanguageController as A } from "../core/controllers.js";
+import { slotState as I, forceType as z } from "../core/decorators.js";
+import { isZeroAnimationDuration as D } from "../core/dom.js";
+import { i18nExpanded as L, i18nCollapsed as Z } from "../core/i18n.js";
+import { SbbSelectionPanelMixin as U, SbbHydrationMixin as $ } from "../core/mixins.js";
 import "../divider.js";
-const G = Z`*,:before,:after{box-sizing:border-box}:host{--sbb-selection-expansion-panel-background: var(--sbb-color-white);--sbb-selection-expansion-panel-border-color: var(--sbb-color-cloud);--sbb-selection-expansion-panel-inner-background: transparent;--sbb-selection-expansion-panel-inner-border-width: 0px;--sbb-selection-expansion-panel-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-4x) );--sbb-selection-expansion-panel-border-width: var(--sbb-border-width-1x);--sbb-selection-expansion-panel-content-visibility: hidden;--sbb-selection-expansion-panel-content-padding-inline: var(--sbb-spacing-responsive-xxs);--sbb-selection-expansion-panel-border-radius: var(--sbb-border-radius-4x);--sbb-focus-outline-color: var(--sbb-focus-outline-color-default);display:contents}:host([data-size=s]){--sbb-selection-expansion-panel-content-padding-inline: var(--sbb-spacing-responsive-xxxs)}:host([color=milk]){--sbb-selection-expansion-panel-background: var(--sbb-color-milk)}:host([data-checked]:not([data-disabled])){--sbb-selection-expansion-panel-border-color: var(--sbb-color-charcoal);--sbb-selection-expansion-panel-border-width: var(--sbb-border-width-2x)}:host([data-slot-names~=content][data-disabled]){--sbb-selection-expansion-panel-border-color: var(--sbb-color-cloud)}:host([borderless]:not([data-checked])){--sbb-selection-expansion-panel-border-color: transparent}:host([data-slot-names~=content]:where([data-state=opening],[data-state=opened])){--sbb-selection-expansion-panel-content-visibility: visible;--sbb-selection-expansion-panel-content-padding-block-end: var(--sbb-spacing-responsive-xs)}.sbb-selection-expansion-panel{flex:auto;position:relative;width:100%;background-color:var(--sbb-selection-expansion-panel-background);border-radius:var(--sbb-selection-expansion-panel-border-radius);box-shadow:inset 0 0 0 var(--sbb-selection-expansion-panel-border-width) var(--sbb-selection-expansion-panel-border-color);transition-duration:var(--sbb-selection-expansion-panel-animation-duration);transition-timing-function:var(--sbb-animation-easing);transition-property:box-shadow}@media (forced-colors: active){.sbb-selection-expansion-panel:after{content:"";display:block;position:absolute;inset:0;pointer-events:none;border:var(--sbb-selection-expansion-panel-border-width) solid var(--sbb-selection-expansion-panel-border-color);border-radius:var(--sbb-selection-expansion-panel-border-radius)}}.sbb-selection-expansion-panel__content--wrapper{display:grid;visibility:var(--sbb-selection-expansion-panel-content-visibility);grid-template-rows:0fr;opacity:0}:host([data-state=opened]) .sbb-selection-expansion-panel__content--wrapper{grid-template-rows:1fr;opacity:1}:host([data-state=opening]) .sbb-selection-expansion-panel__content--wrapper{animation-name:open,open-opacity;animation-fill-mode:forwards;animation-duration:var(--sbb-selection-expansion-panel-animation-duration);animation-timing-function:var(--sbb-animation-easing);animation-delay:0s,var(--sbb-selection-expansion-panel-animation-duration)}:host([data-state=closing]) .sbb-selection-expansion-panel__content--wrapper{animation-name:close;animation-duration:var(--sbb-selection-expansion-panel-animation-duration);animation-timing-function:var(--sbb-animation-easing)}:host(:not([data-slot-names~=content])) .sbb-selection-expansion-panel__content--wrapper{display:none}.sbb-selection-expansion-panel__content{overflow:hidden;padding-inline:var(--sbb-selection-expansion-panel-content-padding-inline);padding-block-end:var(--sbb-selection-expansion-panel-content-padding-block-end);transition:padding var(--sbb-selection-expansion-panel-animation-duration) var(--sbb-animation-easing)}sbb-divider{margin-block-end:var(--sbb-spacing-responsive-xxs)}@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 se = (() => {
-  var b, d, p, a;
-  let n = [$("sbb-selection-expansion-panel"), B()], s, i = [], o, g = P(F), f = [], x, v = [], y = [], k, w = [], z = [], O, S = [], E = [], A;
-  return a = class extends g {
+const j = y`*,:before,:after{box-sizing:border-box}:host{--sbb-selection-expansion-panel-background: var(--sbb-color-white);--sbb-selection-expansion-panel-border-color: var(--sbb-color-cloud);--sbb-selection-panel-inner-background: transparent;--sbb-selection-panel-inner-border-width: 0px;--sbb-selection-expansion-panel-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-4x) );--sbb-selection-expansion-panel-border-width: var(--sbb-border-width-1x);--sbb-selection-expansion-panel-content-visibility: hidden;--sbb-selection-expansion-panel-content-padding-inline: var(--sbb-spacing-responsive-xxs);--sbb-selection-expansion-panel-border-radius: var(--sbb-border-radius-4x);--sbb-focus-outline-color: var(--sbb-focus-outline-color-default);display:contents}:host([data-size=s]){--sbb-selection-expansion-panel-content-padding-inline: var(--sbb-spacing-responsive-xxxs)}:host([color=milk]){--sbb-selection-expansion-panel-background: var(--sbb-color-milk)}:host(:where(:state(checked),[state--checked]):not(:where(:state(disabled),[state--disabled]))){--sbb-selection-expansion-panel-border-color: var(--sbb-color-charcoal);--sbb-selection-expansion-panel-border-width: var(--sbb-border-width-2x)}:host([data-slot-names~=content]:where(:state(disabled),[state--disabled])){--sbb-selection-expansion-panel-border-color: var(--sbb-color-cloud)}:host([borderless]:not(:where(:state(checked),[state--checked]))){--sbb-selection-expansion-panel-border-color: transparent}:host([data-slot-names~=content]:where([data-state=opening],[data-state=opened])){--sbb-selection-expansion-panel-content-visibility: visible;--sbb-selection-expansion-panel-content-padding-block-end: var(--sbb-spacing-responsive-xs)}.sbb-selection-expansion-panel{flex:auto;position:relative;width:100%;background-color:var(--sbb-selection-expansion-panel-background);border-radius:var(--sbb-selection-expansion-panel-border-radius);box-shadow:inset 0 0 0 var(--sbb-selection-expansion-panel-border-width) var(--sbb-selection-expansion-panel-border-color);transition-duration:var(--sbb-selection-expansion-panel-animation-duration);transition-timing-function:var(--sbb-animation-easing);transition-property:box-shadow}@media (forced-colors: active){.sbb-selection-expansion-panel:after{content:"";display:block;position:absolute;inset:0;pointer-events:none;border:var(--sbb-selection-expansion-panel-border-width) solid var(--sbb-selection-expansion-panel-border-color);border-radius:var(--sbb-selection-expansion-panel-border-radius)}}.sbb-selection-expansion-panel__content--wrapper{display:grid;visibility:var(--sbb-selection-expansion-panel-content-visibility);grid-template-rows:0fr;opacity:0}:host([data-state=opened]) .sbb-selection-expansion-panel__content--wrapper{grid-template-rows:1fr;opacity:1}:host([data-state=opening]) .sbb-selection-expansion-panel__content--wrapper{animation-name:open,open-opacity;animation-fill-mode:forwards;animation-duration:var(--sbb-selection-expansion-panel-animation-duration);animation-timing-function:var(--sbb-animation-easing);animation-delay:0s,var(--sbb-selection-expansion-panel-animation-duration)}:host([data-state=closing]) .sbb-selection-expansion-panel__content--wrapper{animation-name:close;animation-duration:var(--sbb-selection-expansion-panel-animation-duration);animation-timing-function:var(--sbb-animation-easing)}:host(:not([data-slot-names~=content])) .sbb-selection-expansion-panel__content--wrapper{display:none}.sbb-selection-expansion-panel__content{overflow:hidden;padding-inline:var(--sbb-selection-expansion-panel-content-padding-inline);padding-block-end:var(--sbb-selection-expansion-panel-content-padding-block-end);transition:padding var(--sbb-selection-expansion-panel-animation-duration) var(--sbb-animation-easing)}sbb-divider{margin-block-end:var(--sbb-spacing-responsive-xxs)}@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 = (() => {
+  var r, o;
+  let n = [E("sbb-selection-expansion-panel"), I()], t, a = [], i, d = U($(k)), h = [], u, m = [], _ = [], x;
+  return o = class extends d {
     constructor() {
-      super();
-      _(this, b);
-      _(this, d);
-      _(this, p);
-      c(this, b, (l(this, f), l(this, v, "white"))), c(this, d, (l(this, y), l(this, w, !1))), c(this, p, (l(this, z), l(this, S, !1))), this._language = (l(this, E), new q(this)), this._sizeAttributeObserver = N ? null : new MutationObserver((e) => this._onSizeAttributesChange(e)), this.addEventListener?.("panelconnected", (e) => this._initFromInput(e));
-    }
-    /** The background color of the panel. */
-    get color() {
-      return u(this, b);
-    }
-    set color(e) {
-      c(this, b, e);
+      super(...arguments);
+      w(this, r);
+      c(this, r, (l(this, h), l(this, m, !1))), this._language = (l(this, _), new A(this));
     }
     /** Whether the content section is always visible. */
     get forceOpen() {
-      return u(this, d);
+      return g(this, r);
     }
     set forceOpen(e) {
-      c(this, d, e);
-    }
-    /** Whether the unselected panel has a border. */
-    get borderless() {
-      return u(this, p);
-    }
-    set borderless(e) {
-      c(this, p, e);
+      c(this, r, e);
     }
     /** The state of the selection panel. */
     set _state(e) {
@@ -52,35 +36,24 @@ let se = (() => {
     get _state() {
       return this.getAttribute("data-state");
     }
-    /** Whether the selection panel is checked. */
-    set _checked(e) {
-      this.toggleAttribute("data-checked", e);
-    }
-    get _checked() {
-      return this.hasAttribute("data-checked");
-    }
-    /** Whether the selection panel is disabled. */
-    set _disabled(e) {
-      this.toggleAttribute("data-disabled", e);
-    }
     /** Whether it has an expandable content */
     get _hasContent() {
       return this.querySelectorAll?.('[slot="content"]').length > 0;
     }
-    get _group() {
-      return this.closest("sbb-radio-button-group, sbb-checkbox-group");
-    }
     connectedCallback() {
       super.connectedCallback(), this._state ||= "closed";
     }
-    disconnectedCallback() {
-      super.disconnectedCallback(), this._sizeAttributeObserver?.disconnect();
-    }
     willUpdate(e) {
       super.willUpdate(e), e.has("forceOpen") && this._updateState();
     }
+    initFromInput(e) {
+      super.initFromInput(e), this._updateState();
+    }
+    onInputStateChange(e) {
+      super.onInputStateChange(e), this._updateState();
+    }
     _updateState() {
-      this._hasContent && (this.forceOpen || this._checked ? this._open() : this._close(), this._updateExpandedLabel(this.forceOpen || this._checked));
+      this._hasContent && (this.forceOpen || this.checked ? this._open() : this._close(), this._updateExpandedLabel(this.forceOpen || this.checked));
     }
     _open() {
       this._state !== "closed" && this._state !== "closing" || (this._state = "opening", this.dispatchEvent(new Event("beforeopen", { cancelable: !0 })), (!this.hasUpdated || this._isZeroAnimationDuration()) && this._handleOpening());
@@ -89,7 +62,7 @@ let se = (() => {
       this._state !== "opened" && this._state !== "opening" || (this._state = "closing", this.dispatchEvent(new Event("beforeclose", { cancelable: !0 })), this._isZeroAnimationDuration() && this._handleClosing());
     }
     _isZeroAnimationDuration() {
-      return M(this, "--sbb-selection-expansion-panel-animation-duration");
+      return D(this, "--sbb-selection-expansion-panel-animation-duration");
     }
     _handleClosing() {
       this._state = "closed", this.dispatchEvent(new Event("close"));
@@ -97,50 +70,24 @@ let se = (() => {
     _handleOpening() {
       this._state = "opened", this.dispatchEvent(new Event("open"));
     }
-    _initFromInput(e) {
-      const t = e.target;
-      this._checked = t.checked, this._disabled = t.disabled, this._sizeAttributeObserver?.disconnect(), this._sizeAttributeObserver?.observe(t, { attributeFilter: ["size"] }), this._updateState();
-    }
-    /**
-     * Set the data-size in two cases:
-     * - if there's no group, so the size change comes directly from a change on the inner panel;
-     * - if there's a wrapper group and its size changes, syncing it with the panel size.
-     *
-     * On the other hand, if there's a wrapper group and the size changes on the inner panel, the data-size doesn't change.
-     */
-    _onSizeAttributesChange(e) {
-      for (const t of e)
-        if (t.attributeName === "size") {
-          const r = this._group, C = t.target.getAttribute("size");
-          (!r || r.size === C) && this.setAttribute("data-size", C);
-        }
-    }
-    _onInputStateChange(e) {
-      if (e.detail.type === "disabled") {
-        this._disabled = e.detail.disabled;
-        return;
-      } else if (e.detail.type !== "checked")
-        return;
-      this._checked = e.detail.checked, this._updateState();
-    }
     _onAnimationEnd(e) {
       e.animationName === "open-opacity" && this._state === "opening" ? this._handleOpening() : e.animationName === "close" && this._state === "closing" && this._handleClosing();
     }
     async _updateExpandedLabel(e) {
       await this.hydrationComplete;
-      const t = this.querySelector("sbb-radio-button-panel, sbb-checkbox-panel");
-      if (t) {
+      const s = this.querySelector("sbb-radio-button-panel, sbb-checkbox-panel");
+      if (s) {
         if (!this._hasContent) {
-          t.expansionState = "";
+          s.expansionState = "";
           return;
         }
-        t.expansionState = e ? ", " + T[this._language.current] : ", " + H[this._language.current];
+        s.expansionState = e ? ", " + L[this._language.current] : ", " + Z[this._language.current];
       }
     }
     render() {
-      return U`
+      return S`
       <div class="sbb-selection-expansion-panel">
-        <div class="sbb-selection-expansion-panel__input" @statechange=${this._onInputStateChange}>
+        <div class="sbb-selection-expansion-panel__input" @statechange=${this.onInputStateChange}>
           <slot></slot>
         </div>
         <div
@@ -156,24 +103,20 @@ let se = (() => {
       </div>
     `;
     }
-  }, b = new WeakMap(), d = new WeakMap(), p = new WeakMap(), o = a, (() => {
-    const e = typeof Symbol == "function" && Symbol.metadata ? Object.create(g[Symbol.metadata] ?? null) : void 0;
-    x = [m({ reflect: !0 })], k = [L(), m({ attribute: "force-open", type: Boolean })], O = [L(), m({ reflect: !0, type: Boolean })], A = [j()], h(a, null, x, { kind: "accessor", name: "color", static: !1, private: !1, access: { has: (t) => "color" in t, get: (t) => t.color, set: (t, r) => {
-      t.color = r;
-    } }, metadata: e }, v, y), h(a, null, k, { kind: "accessor", name: "forceOpen", static: !1, private: !1, access: { has: (t) => "forceOpen" in t, get: (t) => t.forceOpen, set: (t, r) => {
-      t.forceOpen = r;
-    } }, metadata: e }, w, z), h(a, null, O, { kind: "accessor", name: "borderless", static: !1, private: !1, access: { has: (t) => "borderless" in t, get: (t) => t.borderless, set: (t, r) => {
-      t.borderless = r;
-    } }, metadata: e }, S, E), h(a, null, A, { kind: "setter", name: "_state", static: !1, private: !1, access: { has: (t) => "_state" in t, set: (t, r) => {
-      t._state = r;
-    } }, metadata: e }, null, f), h(null, s = { value: o }, n, { kind: "class", name: o.name, metadata: e }, null, i), o = s.value, e && Object.defineProperty(o, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: e });
-  })(), a.styles = G, a.events = {
+  }, r = new WeakMap(), i = o, (() => {
+    const e = typeof Symbol == "function" && Symbol.metadata ? Object.create(d[Symbol.metadata] ?? null) : void 0;
+    u = [z(), O({ attribute: "force-open", type: Boolean })], x = [C()], b(o, null, u, { kind: "accessor", name: "forceOpen", static: !1, private: !1, access: { has: (s) => "forceOpen" in s, get: (s) => s.forceOpen, set: (s, p) => {
+      s.forceOpen = p;
+    } }, metadata: e }, m, _), b(o, null, x, { kind: "setter", name: "_state", static: !1, private: !1, access: { has: (s) => "_state" in s, set: (s, p) => {
+      s._state = p;
+    } }, metadata: e }, null, h), b(null, t = { value: i }, n, { kind: "class", name: i.name, metadata: e }, null, a), i = t.value, e && Object.defineProperty(i, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: e });
+  })(), o.styles = j, o.events = {
     beforeopen: "beforeopen",
     open: "open",
     beforeclose: "beforeclose",
     close: "close"
-  }, l(o, i), o;
+  }, l(i, a), i;
 })();
 export {
-  se as SbbSelectionExpansionPanelElement
+  Q as SbbSelectionExpansionPanelElement
 };

package/standard-theme.css

@@ -1686,10 +1686,12 @@ sbb-toggle:has(:focus-visible) {
   --sbb-focus-outline-offset: calc(-1 * var(--sbb-spacing-fixed-1x));
   --sbb-option-focus-outline-inset: 0 var(--sbb-spacing-fixed-1x);
 }
-
 :where(sbb-select, sbb-autocomplete, sbb-autocomplete-grid)[size=s] sbb-optgroup {
   --sbb-optgroup-label-padding-end: var(--sbb-spacing-fixed-1x);
 }
+:where(sbb-select, sbb-autocomplete, sbb-autocomplete-grid)[size=s] sbb-option-hint {
+  --sbb-option-hint-padding-block-end: var(--sbb-spacing-fixed-1x);
+}
 
 sbb-dialog[negative] sbb-dialog-actions {
   --sbb-dialog-actions-border-color: var(--sbb-color-iron);
@@ -1702,6 +1704,25 @@ sbb-dialog[negative]:is(:state(overflows), [state--overflows]) sbb-dialog-action
   box-shadow: var(--sbb-shadow-elevation-level-9-shadow-2-offset-x) var(--sbb-shadow-elevation-level-9-shadow-2-offset-y) var(--sbb-shadow-elevation-level-9-shadow-2-blur) var(--sbb-shadow-elevation-level-9-shadow-2-spread) var(--sbb-shadow-elevation-level-9-soft-negative-2-color), var(--sbb-shadow-elevation-level-9-shadow-1-offset-x) var(--sbb-shadow-elevation-level-9-shadow-1-offset-y) var(--sbb-shadow-elevation-level-9-shadow-1-blur) var(--sbb-shadow-elevation-level-9-shadow-1-spread) var(--sbb-shadow-elevation-level-9-soft-negative-1-color);
 }
 
+sbb-dialog:has(> sbb-dialog-title) > sbb-dialog-content {
+  padding-block-start: 0;
+}
+
+sbb-dialog:has(> sbb-dialog-close-button) > sbb-dialog-title {
+  margin-inline-end: 0;
+}
+
+sbb-dialog:not(:has(> sbb-dialog-title)) > sbb-dialog-close-button {
+  position: absolute;
+  z-index: 1;
+}
+sbb-dialog:has(> sbb-dialog-title[visual-level="3"]) > sbb-dialog-close-button {
+  --_sbb-dialog-title-size: var(--sbb-font-size-title-3);
+}
+sbb-dialog:has(> sbb-dialog-title[visual-level="5"]) > sbb-dialog-close-button {
+  --_sbb-dialog-title-size: var(--sbb-font-size-title-5);
+}
+
 sbb-notification:has(sbb-title) {
   --_sbb-notification-icon-authoritative-font-size: var(--sbb-font-size-title-5);
   --_sbb-notification-icon-authoritative-line-height: var(--sbb-typo-line-height-titles);

package/transparent-button-rf30m88X.js

@@ -0,0 +1,9 @@
+import { css as o } from "lit";
+const t = o`*,:before,:after{box-sizing:border-box}:host{display:inline-block;outline:none!important;--sbb-button-icon-size: var(--sbb-size-icon-ui-small);--sbb-button-shadow-1-offset-y: var(--sbb-shadow-elevation-level-3-shadow-1-offset-y);--sbb-button-shadow-2-offset-y: var(--sbb-shadow-elevation-level-3-shadow-2-offset-y);--sbb-button-shadow-1-blur: var(--sbb-shadow-elevation-level-3-shadow-1-blur);--sbb-button-shadow-2-blur: var(--sbb-shadow-elevation-level-3-shadow-2-blur);--sbb-button-color-disabled-background: var(--sbb-color-milk);--sbb-button-color-disabled-border: var(--sbb-color-smoke);--sbb-button-color-disabled-text: var(--sbb-color-granite);--sbb-button-border-disabled-style: dashed;--sbb-button-border-width: var(--sbb-border-width-2x);--sbb-button-border-disabled-width: var(--sbb-border-width-1x);--sbb-button-border-radius: var(--sbb-border-radius-infinity);--sbb-button-min-height: var(--sbb-size-element-m);--sbb-button-transition-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-2x) );--sbb-button-transition-easing-function: var(--sbb-animation-easing);--sbb-button-padding-block-min: var(--sbb-spacing-fixed-1x);--sbb-button-padding-inline: var(--sbb-spacing-fixed-8x);--sbb-button-gap: var(--sbb-spacing-fixed-2x);--sbb-button-box-shadow: transparent 0 0;--sbb-button-box-shadow-definition: var(--sbb-shadow-elevation-level-3-shadow-2-offset-x) var(--sbb-button-shadow-2-offset-y) var(--sbb-button-shadow-2-blur) var(--sbb-shadow-elevation-level-3-shadow-2-spread) var(--sbb-button-shadow-2-color), var(--sbb-shadow-elevation-level-3-shadow-1-offset-x) var(--sbb-button-shadow-1-offset-y) var(--sbb-button-shadow-1-blur) var(--sbb-shadow-elevation-level-3-shadow-1-spread) var(--sbb-button-shadow-1-color);--sbb-button-loading-border-width: var(--sbb-border-width-3x);--sbb-button-loading-delay: .3s;--_width: unset;--_min-height-modifier: 0rem;--_border-color: var(--sbb-button-color-default-border);--_background-color: var(--sbb-button-color-default-background);--_color: var(--sbb-button-color-default-text);--_button-inset: 0;--_border: calc(var(--sbb-button-border-width) + var(--sbb-button-border-overlap-fix, 1px)) solid var(--_border-color)}@media (min-width: 52.5rem){:host{--sbb-button-padding-inline: var(--sbb-spacing-fixed-10x)}}@media (forced-colors: active){:host{--sbb-button-color-default-border: CanvasText !important;--sbb-button-color-active-border: Highlight !important;--sbb-button-color-default-background: Canvas !important;--sbb-button-color-hover-background: Canvas !important;--sbb-button-color-active-background: Canvas !important;--sbb-button-color-disabled-background: Canvas !important;--sbb-button-color-disabled-text: GrayText !important;--sbb-button-color-loading-border: Highlight !important;--sbb-button-color-default-text: CanvasText !important;--sbb-button-color-hover-text: CanvasText !important;--sbb-button-color-active-text: CanvasText !important;--sbb-button-border-overlap-fix: 0rem}}@media (forced-colors: active){:host([data-button]){--sbb-button-color-default-text: ButtonText !important;--sbb-button-color-hover-text: ButtonText !important;--sbb-button-color-active-text: ButtonText !important}}@media (forced-colors: active){:host([data-link]){--sbb-button-color-default-text: LinkText !important;--sbb-button-color-hover-text: LinkText !important;--sbb-button-color-active-text: LinkText !important}}:host([negative]){--sbb-button-color-disabled-background: var(--sbb-color-charcoal);--sbb-button-color-disabled-text: var(--sbb-color-aluminium)}:host([size=m]){--sbb-button-min-height: var(--sbb-size-element-s);--sbb-button-padding-inline: var(--sbb-spacing-fixed-5x)}@media (min-width: 52.5rem){:host([size=m]){--sbb-button-padding-inline: var(--sbb-spacing-fixed-8x)}}:host([size=s]){--sbb-button-min-height: var(--sbb-size-element-xs);--sbb-button-padding-inline: var(--sbb-spacing-fixed-4x);--sbb-button-gap: var(--sbb-spacing-fixed-1x)}@media (min-width: 52.5rem){:host([size=s]){--sbb-button-padding-inline: var(--sbb-spacing-fixed-5x)}}:host(:where([data-slot-names~=icon],[icon-name]):not([data-slot-names~=unnamed])){--sbb-button-padding-inline: 0;--_width: calc(var(--sbb-button-min-height) + var(--_min-height-modifier))}@media (any-hover: hover){:host(:not([disabled],:disabled,[disabled-interactive],:active,[data-active],[loading]):hover){--sbb-button-translate-y-content-hover: -.0625rem;--sbb-button-shadow-1-offset-y: calc( .5 * var(--sbb-shadow-elevation-level-3-shadow-1-offset-y) );--sbb-button-shadow-1-blur: calc(.5 * var(--sbb-shadow-elevation-level-3-shadow-1-blur));--sbb-button-shadow-2-blur: calc(.5 * var(--sbb-shadow-elevation-level-3-shadow-2-blur));--sbb-button-cursor: pointer;--_border-color: var(--sbb-button-color-hover-border);--_color: var(--sbb-button-color-hover-text);--_background-color: var(--sbb-button-color-hover-background);--_button-inset: calc(var(--sbb-button-border-width) * -1)}}@media (forced-colors: active){:host(:not([disabled],:disabled,[disabled-interactive],:active,[data-active],[loading]):hover){--sbb-button-color-hover-border: Highlight !important}}:host(:is([disabled],:disabled,[disabled-interactive])){--sbb-button-cursor: default;--_color: var(--sbb-button-color-disabled-text);--_background-color: var(--sbb-button-color-disabled-background);--_border-color: var(--sbb-button-color-disabled-border);--_border: var(--sbb-button-border-disabled-width) var(--sbb-button-border-disabled-style) var(--_border-color)}:host(:not([disabled],:disabled,[disabled-interactive]):is(:active,[data-active],[loading])){--_color: var(--sbb-button-color-active-text);--_background-color: var(--sbb-button-color-active-background);--_border-color: var(--sbb-button-color-active-border)}:host([loading]:not([disabled],:disabled,[disabled-interactive])){--_min-height-modifier: calc(-2 * var(--sbb-button-loading-border-width));--sbb-button-focus-outline-offset-override: calc( var(--sbb-focus-outline-offset) + var(--sbb-button-loading-border-width) );--_border: none;--_transform-style: preserve-3d}.sbb-action-base{--sbb-text-font-size: var(--sbb-font-size-text-xs);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-body-text);letter-spacing:var(--sbb-typo-letter-spacing-body-text);font-size:var(--sbb-text-font-size);font-weight:700;display:flex;gap:var(--sbb-button-gap);align-items:center;justify-content:center;text-align:left;white-space:nowrap;text-decoration:none;min-height:calc(var(--sbb-button-min-height) + var(--_min-height-modifier));outline:none;width:var(--_width);border-radius:var(--sbb-button-border-radius);color:var(--_color);cursor:var(--sbb-button-cursor);-webkit-user-select:none;user-select:none;background-color:var(--_background-color);transition-duration:var(--sbb-button-transition-duration);transition-timing-function:var(--sbb-button-transition-easing-function);transition-property:color,background-color;transform-style:var(--_transform-style, flat);padding-block:var(--sbb-button-padding-block-min);padding-inline:var(--sbb-button-padding-inline);position:relative}.sbb-action-base:before{content:"";position:absolute;inset:var(--_button-inset);border:var(--_border);border-radius:var(--sbb-button-border-radius);pointer-events:none;box-shadow:var(--sbb-button-box-shadow);transition-duration:var(--sbb-button-transition-duration);transition-timing-function:var(--sbb-button-transition-easing-function);transition-property:inset,border,box-shadow}:host([loading]:not([disabled],:disabled,[disabled-interactive])) .sbb-action-base{margin:var(--sbb-button-loading-border-width);padding-inline:calc(var(--sbb-button-padding-inline) - var(--sbb-button-loading-border-width));transition-property:none}:host([data-focus-visible]) .sbb-action-base:before,:host(:focus-visible) .sbb-action-base:before,.sbb-action-base:focus-visible:before{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) var(--sbb-focus-outline-style, solid) var(--sbb-focus-outline-width);outline-offset:var(--sbb-button-focus-outline-offset-override, var(--sbb-focus-outline-offset))}.sbb-button__label{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host(:where([data-slot-names~=icon],[icon-name]):not([data-slot-names~=unnamed])) .sbb-button__label{display:none}.sbb-button__label,::slotted([slot=icon]),sbb-icon{transition:translate var(--sbb-button-transition-duration) var(--sbb-button-transition-easing-function);translate:0 var(--sbb-button-translate-y-content-hover, 0)}.sbb-button-loading-border{position:absolute;inset:calc(-1 * var(--sbb-button-loading-border-width));clip-path:border-box;border-radius:var(--sbb-button-border-radius);background:var(--_background-color);transform:translateZ(-1px);z-index:-1;container-type:inline-size;contain:paint;animation:background-fade-in var(--sbb-disable-animation-duration, var(--sbb-animation-duration-6x)) var(--sbb-disable-animation-duration, var(--sbb-button-loading-delay)) linear;animation-fill-mode:forwards}.sbb-button-loading-border:before{content:"";display:block;width:64cqmin;max-height:var(--sbb-button-min-height);aspect-ratio:2/1;position:absolute;background:radial-gradient(100% 100% at right,var(--sbb-button-color-active-text),transparent 50%);offset-path:border-box;offset-anchor:100% 50%;opacity:0;animation:snake-fade-in var(--sbb-disable-animation-duration, calc(var(--sbb-animation-duration-12x) * 2)) var(--sbb-disable-animation-duration, calc(var(--sbb-button-loading-delay) + var(--sbb-animation-duration-5x))) var(--sbb-animation-easing),snake-position var(--sbb-disable-animation-duration, calc(max(tan(atan2(var(--sbb-button-width), 1px)) / 136, .5)*3s) ) infinite linear;animation-fill-mode:forwards;transform-style:preserve-3d}@keyframes snake-position{to{offset-distance:100%}}@keyframes snake-fade-in{to{opacity:1}}@keyframes background-fade-in{to{background:var(--sbb-button-color-loading-border)}}`, r = o`:host{--sbb-button-color-active-background: var(--sbb-color-red150);--sbb-button-color-active-border: var(--sbb-color-red150);--sbb-button-color-active-text: var(--sbb-color-cloud);--sbb-button-color-default-background: var(--sbb-color-red);--sbb-button-color-default-border: var(--sbb-color-red);--sbb-button-color-default-text: var(--sbb-color-white);--sbb-button-color-hover-background: var(--sbb-color-red125);--sbb-button-color-hover-border: var(--sbb-color-red125);--sbb-button-color-hover-text: var(--sbb-color-milk);--sbb-button-color-loading-border: color-mix( in srgb, var(--sbb-button-color-active-background) 50%, var(--sbb-color-white) );--sbb-button-shadow-1-color: var(--sbb-color-red-alpha-20);--sbb-button-shadow-2-color: var(--sbb-color-red125-alpha-20)}:host([negative]){--sbb-button-color-active-background: var(--sbb-color-red150);--sbb-button-color-active-border: var(--sbb-color-red150);--sbb-button-color-active-text: var(--sbb-color-cloud);--sbb-button-color-default-background: var(--sbb-color-red);--sbb-button-color-default-border: var(--sbb-color-red);--sbb-button-color-default-text: var(--sbb-color-white);--sbb-button-color-hover-background: var(--sbb-color-red125);--sbb-button-color-hover-border: var(--sbb-color-red125);--sbb-button-color-hover-text: var(--sbb-color-milk);--sbb-button-color-loading-border: color-mix( in srgb, var(--sbb-button-color-active-background) 70%, var(--sbb-color-white) );--sbb-button-shadow-1-color: var(--sbb-color-red-alpha-60);--sbb-button-shadow-2-color: var(--sbb-color-red125-alpha-60)}:host(:not([disabled],:disabled,[disabled-interactive],:active,[data-active],[loading])){--sbb-button-box-shadow: var(--sbb-button-box-shadow-definition)}`, a = o`:host{--sbb-button-color-active-background: var(--sbb-color-milk);--sbb-button-color-active-border: var(--sbb-color-cloud);--sbb-button-color-active-text: var(--sbb-color-anthracite);--sbb-button-color-default-background: var(--sbb-color-white);--sbb-button-color-default-border: var(--sbb-color-cloud);--sbb-button-color-default-text: var(--sbb-color-charcoal);--sbb-button-color-hover-background: var(--sbb-color-white);--sbb-button-color-hover-border: var(--sbb-color-cloud);--sbb-button-color-hover-text: var(--sbb-color-iron);--sbb-button-color-loading-border: var(--sbb-color-cloud);--sbb-button-shadow-1-color: var(--sbb-color-platinum-alpha-20);--sbb-button-shadow-2-color: var(--sbb-color-cement-alpha-20);--sbb-button-border-overlap-fix: 0rem}:host([negative]){--sbb-button-color-active-background: var(--sbb-color-charcoal);--sbb-button-color-active-border: var(--sbb-color-iron);--sbb-button-color-active-text: var(--sbb-color-graphite);--sbb-button-color-default-background: var(--sbb-color-midnight);--sbb-button-color-default-border: var(--sbb-color-iron);--sbb-button-color-default-text: var(--sbb-color-white);--sbb-button-color-hover-background: var(--sbb-color-midnight);--sbb-button-color-hover-border: var(--sbb-color-iron);--sbb-button-color-hover-text: var(--sbb-color-cloud);--sbb-button-color-loading-border: var(--sbb-color-iron);--sbb-button-shadow-1-color: var(--sbb-color-black-alpha-30);--sbb-button-shadow-2-color: var(--sbb-color-black-alpha-30)}:host(:not([disabled],:disabled,[disabled-interactive],:active,[data-active])){--sbb-button-box-shadow: var(--sbb-button-box-shadow-definition)}`, n = o`:host{--sbb-button-color-active-background: var(--sbb-color-midnight);--sbb-button-color-active-border: var(--sbb-color-midnight);--sbb-button-color-active-text: var(--sbb-color-cloud);--sbb-button-color-default-background: var(--sbb-color-charcoal);--sbb-button-color-default-border: var(--sbb-color-charcoal);--sbb-button-color-default-text: var(--sbb-color-white);--sbb-button-color-hover-background: var(--sbb-color-charcoal);--sbb-button-color-hover-border: var(--sbb-color-charcoal);--sbb-button-color-hover-text: var(--sbb-color-milk);--sbb-button-color-loading-border: var(--sbb-color-iron);--sbb-button-shadow-1-color: var(--sbb-color-platinum-alpha-20);--sbb-button-shadow-2-color: var(--sbb-color-cement-alpha-20)}:host([negative]){--sbb-button-color-active-background: var(--sbb-color-white);--sbb-button-color-active-border: var(--sbb-color-white);--sbb-button-color-active-text: var(--sbb-color-anthracite);--sbb-button-color-default-background: var(--sbb-color-milk);--sbb-button-color-default-border: var(--sbb-color-milk);--sbb-button-color-default-text: var(--sbb-color-midnight);--sbb-button-color-hover-background: var(--sbb-color-milk);--sbb-button-color-hover-border: var(--sbb-color-milk);--sbb-button-color-hover-text: var(--sbb-color-iron);--sbb-button-color-loading-border: var(--sbb-color-silver);--sbb-button-shadow-1-color: var(--sbb-color-black-alpha-30);--sbb-button-shadow-2-color: var(--sbb-color-black-alpha-30)}:host(:not([disabled],:disabled,[disabled-interactive],:active,[data-active],[loading])){--sbb-button-box-shadow: var(--sbb-button-box-shadow-definition)}`, s = o`:host{--sbb-button-color-active-background: var(--sbb-color-cloud);--sbb-button-color-active-border: var(--sbb-color-cloud);--sbb-button-color-active-text: var(--sbb-color-midnight);--sbb-button-color-default-background: transparent;--sbb-button-color-default-border: transparent;--sbb-button-color-default-text: var(--sbb-color-midnight);--sbb-button-color-hover-background: var(--sbb-color-milk);--sbb-button-color-hover-border: var(--sbb-color-milk);--sbb-button-color-hover-text: var(--sbb-color-midnight);--sbb-button-color-loading-border: var(--sbb-color-silver)}:host([negative]){--sbb-button-color-active-background: var(--sbb-color-iron);--sbb-button-color-active-border: var(--sbb-color-iron);--sbb-button-color-active-text: var(--sbb-color-white);--sbb-button-color-default-background: transparent;--sbb-button-color-default-border: transparent;--sbb-button-color-default-text: var(--sbb-color-white);--sbb-button-color-hover-background: var(--sbb-color-charcoal);--sbb-button-color-hover-border: var(--sbb-color-charcoal);--sbb-button-color-hover-text: var(--sbb-color-white);--sbb-button-color-loading-border: var(--sbb-color-granite)}`;
+export {
+  n as a,
+  t as b,
+  r as p,
+  a as s,
+  s as t
+};

package/transparent-button-BlbvexCb.js

@@ -1,9 +0,0 @@
-import { css as o } from "lit";
-const t = o`*,:before,:after{box-sizing:border-box}:host{display:inline-block;outline:none!important;--sbb-button-icon-size: var(--sbb-size-icon-ui-small);--sbb-button-shadow-1-offset-y: var(--sbb-shadow-elevation-level-3-shadow-1-offset-y);--sbb-button-shadow-2-offset-y: var(--sbb-shadow-elevation-level-3-shadow-2-offset-y);--sbb-button-shadow-1-blur: var(--sbb-shadow-elevation-level-3-shadow-1-blur);--sbb-button-shadow-2-blur: var(--sbb-shadow-elevation-level-3-shadow-2-blur);--sbb-button-color-disabled-background: var(--sbb-color-milk);--sbb-button-color-disabled-border: var(--sbb-color-smoke);--sbb-button-color-disabled-text: var(--sbb-color-granite);--sbb-button-border-disabled-style: dashed;--sbb-button-border-width: var(--sbb-border-width-2x);--sbb-button-border-disabled-width: var(--sbb-border-width-1x);--sbb-button-border-radius: var(--sbb-border-radius-infinity);--sbb-button-min-height: var(--sbb-size-element-m);--sbb-button-transition-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-2x) );--sbb-button-transition-easing-function: var(--sbb-animation-easing);--sbb-button-padding-block-min: var(--sbb-spacing-fixed-1x);--sbb-button-padding-inline: var(--sbb-spacing-fixed-8x);--sbb-button-gap: var(--sbb-spacing-fixed-2x);--sbb-button-box-shadow: transparent 0 0;--sbb-button-box-shadow-definition: var(--sbb-shadow-elevation-level-3-shadow-2-offset-x) var(--sbb-button-shadow-2-offset-y) var(--sbb-button-shadow-2-blur) var(--sbb-shadow-elevation-level-3-shadow-2-spread) var(--sbb-button-shadow-2-color), var(--sbb-shadow-elevation-level-3-shadow-1-offset-x) var(--sbb-button-shadow-1-offset-y) var(--sbb-button-shadow-1-blur) var(--sbb-shadow-elevation-level-3-shadow-1-spread) var(--sbb-button-shadow-1-color);--_width: unset;--_border-color: var(--sbb-button-color-default-border);--_background-color: var(--sbb-button-color-default-background);--_color: var(--sbb-button-color-default-text);--_button-inset: 0;--_border: calc(var(--sbb-button-border-width) + var(--sbb-button-border-overlap-fix, 1px)) solid var(--_border-color)}@media (min-width: 52.5rem){:host{--sbb-button-padding-inline: var(--sbb-spacing-fixed-10x)}}@media (forced-colors: active){:host{--sbb-button-color-default-border: CanvasText !important;--sbb-button-color-active-border: Highlight !important;--sbb-button-color-default-background: Canvas !important;--sbb-button-color-hover-background: Canvas !important;--sbb-button-color-active-background: Canvas !important;--sbb-button-color-disabled-background: Canvas !important;--sbb-button-color-disabled-text: GrayText !important;--sbb-button-color-default-text: CanvasText !important;--sbb-button-color-hover-text: CanvasText !important;--sbb-button-color-active-text: CanvasText !important;--sbb-button-border-overlap-fix: 0rem}}@media (forced-colors: active){:host([data-button]){--sbb-button-color-default-text: ButtonText !important;--sbb-button-color-hover-text: ButtonText !important;--sbb-button-color-active-text: ButtonText !important}}@media (forced-colors: active){:host([data-link]){--sbb-button-color-default-text: LinkText !important;--sbb-button-color-hover-text: LinkText !important;--sbb-button-color-active-text: LinkText !important}}:host([negative]){--sbb-button-color-disabled-background: var(--sbb-color-charcoal);--sbb-button-color-disabled-text: var(--sbb-color-aluminium)}:host([size=m]){--sbb-button-min-height: var(--sbb-size-element-s);--sbb-button-padding-inline: var(--sbb-spacing-fixed-5x)}@media (min-width: 52.5rem){:host([size=m]){--sbb-button-padding-inline: var(--sbb-spacing-fixed-8x)}}:host([size=s]){--sbb-button-min-height: var(--sbb-size-element-xs);--sbb-button-padding-inline: var(--sbb-spacing-fixed-4x);--sbb-button-gap: var(--sbb-spacing-fixed-1x)}@media (min-width: 52.5rem){:host([size=s]){--sbb-button-padding-inline: var(--sbb-spacing-fixed-5x)}}:host(:where([data-slot-names~=icon],[icon-name]):not([data-slot-names~=unnamed])){--sbb-button-padding-inline: 0;--_width: var(--sbb-button-min-height)}@media (any-hover: hover){:host(:not([disabled],:disabled,[disabled-interactive],:active,[data-active]):hover){--sbb-button-translate-y-content-hover: -.0625rem;--sbb-button-shadow-1-offset-y: calc( .5 * var(--sbb-shadow-elevation-level-3-shadow-1-offset-y) );--sbb-button-shadow-1-blur: calc(.5 * var(--sbb-shadow-elevation-level-3-shadow-1-blur));--sbb-button-shadow-2-blur: calc(.5 * var(--sbb-shadow-elevation-level-3-shadow-2-blur));--sbb-button-cursor: pointer;--_border-color: var(--sbb-button-color-hover-border);--_color: var(--sbb-button-color-hover-text);--_background-color: var(--sbb-button-color-hover-background);--_button-inset: calc(var(--sbb-button-border-width) * -1)}}@media (forced-colors: active){:host(:not([disabled],:disabled,[disabled-interactive],:active,[data-active]):hover){--sbb-button-color-hover-border: Highlight !important}}:host(:is([disabled],:disabled,[disabled-interactive])){--sbb-button-cursor: default;--_color: var(--sbb-button-color-disabled-text);--_background-color: var(--sbb-button-color-disabled-background);--_border-color: var(--sbb-button-color-disabled-border);--_border: var(--sbb-button-border-disabled-width) var(--sbb-button-border-disabled-style) var(--_border-color)}:host(:not([disabled],:disabled,[disabled-interactive]):is(:active,[data-active])){--_color: var(--sbb-button-color-active-text);--_background-color: var(--sbb-button-color-active-background);--_border-color: var(--sbb-button-color-active-border)}.sbb-action-base{--sbb-text-font-size: var(--sbb-font-size-text-xs);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-body-text);letter-spacing:var(--sbb-typo-letter-spacing-body-text);font-size:var(--sbb-text-font-size);font-weight:700;display:flex;gap:var(--sbb-button-gap);align-items:center;justify-content:center;text-align:left;white-space:nowrap;text-decoration:none;min-height:var(--sbb-button-min-height);outline:none;width:var(--_width);border-radius:var(--sbb-button-border-radius);color:var(--_color);cursor:var(--sbb-button-cursor);-webkit-user-select:none;user-select:none;background-color:var(--_background-color);transition-duration:var(--sbb-button-transition-duration);transition-timing-function:var(--sbb-button-transition-easing-function);transition-property:color,background-color;padding-block:var(--sbb-button-padding-block-min);padding-inline:var(--sbb-button-padding-inline);position:relative}.sbb-action-base:before{content:"";position:absolute;inset:var(--_button-inset);border:var(--_border);border-radius:var(--sbb-button-border-radius);pointer-events:none;box-shadow:var(--sbb-button-box-shadow);transition-duration:var(--sbb-button-transition-duration);transition-timing-function:var(--sbb-button-transition-easing-function);transition-property:inset,border,box-shadow}:host([data-focus-visible]) .sbb-action-base:before,:host(:focus-visible) .sbb-action-base:before,.sbb-action-base:focus-visible:before{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-button__label{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host(:where([data-slot-names~=icon],[icon-name]):not([data-slot-names~=unnamed])) .sbb-button__label{display:none}.sbb-button__label,::slotted([slot=icon]),sbb-icon{transition:translate var(--sbb-button-transition-duration) var(--sbb-button-transition-easing-function);translate:0 var(--sbb-button-translate-y-content-hover, 0)}`, r = o`:host{--sbb-button-color-active-background: var(--sbb-color-red150);--sbb-button-color-active-border: var(--sbb-color-red150);--sbb-button-color-active-text: var(--sbb-color-cloud);--sbb-button-color-default-background: var(--sbb-color-red);--sbb-button-color-default-border: var(--sbb-color-red);--sbb-button-color-default-text: var(--sbb-color-white);--sbb-button-color-hover-background: var(--sbb-color-red125);--sbb-button-color-hover-border: var(--sbb-color-red125);--sbb-button-color-hover-text: var(--sbb-color-milk);--sbb-button-shadow-1-color: var(--sbb-color-red-alpha-20);--sbb-button-shadow-2-color: var(--sbb-color-red125-alpha-20)}:host([negative]){--sbb-button-color-active-background: var(--sbb-color-red150);--sbb-button-color-active-border: var(--sbb-color-red150);--sbb-button-color-active-text: var(--sbb-color-cloud);--sbb-button-color-default-background: var(--sbb-color-red);--sbb-button-color-default-border: var(--sbb-color-red);--sbb-button-color-default-text: var(--sbb-color-white);--sbb-button-color-hover-background: var(--sbb-color-red125);--sbb-button-color-hover-border: var(--sbb-color-red125);--sbb-button-color-hover-text: var(--sbb-color-milk);--sbb-button-shadow-1-color: var(--sbb-color-red-alpha-60);--sbb-button-shadow-2-color: var(--sbb-color-red125-alpha-60)}:host(:not([disabled],:disabled,[disabled-interactive],:active,[data-active])){--sbb-button-box-shadow: var(--sbb-button-box-shadow-definition)}`, a = o`:host{--sbb-button-color-active-background: var(--sbb-color-milk);--sbb-button-color-active-border: var(--sbb-color-cloud);--sbb-button-color-active-text: var(--sbb-color-anthracite);--sbb-button-color-default-background: var(--sbb-color-white);--sbb-button-color-default-border: var(--sbb-color-cloud);--sbb-button-color-default-text: var(--sbb-color-charcoal);--sbb-button-color-hover-background: var(--sbb-color-white);--sbb-button-color-hover-border: var(--sbb-color-cloud);--sbb-button-color-hover-text: var(--sbb-color-iron);--sbb-button-shadow-1-color: var(--sbb-color-platinum-alpha-20);--sbb-button-shadow-2-color: var(--sbb-color-cement-alpha-20);--sbb-button-border-overlap-fix: 0rem}:host([negative]){--sbb-button-color-active-background: var(--sbb-color-charcoal);--sbb-button-color-active-border: var(--sbb-color-iron);--sbb-button-color-active-text: var(--sbb-color-graphite);--sbb-button-color-default-background: var(--sbb-color-midnight);--sbb-button-color-default-border: var(--sbb-color-iron);--sbb-button-color-default-text: var(--sbb-color-white);--sbb-button-color-hover-background: var(--sbb-color-midnight);--sbb-button-color-hover-border: var(--sbb-color-iron);--sbb-button-color-hover-text: var(--sbb-color-cloud);--sbb-button-shadow-1-color: var(--sbb-color-black-alpha-30);--sbb-button-shadow-2-color: var(--sbb-color-black-alpha-30)}:host(:not([disabled],:disabled,[disabled-interactive],:active,[data-active])){--sbb-button-box-shadow: var(--sbb-button-box-shadow-definition)}`, s = o`:host{--sbb-button-color-active-background: var(--sbb-color-midnight);--sbb-button-color-active-border: var(--sbb-color-midnight);--sbb-button-color-active-text: var(--sbb-color-cloud);--sbb-button-color-default-background: var(--sbb-color-charcoal);--sbb-button-color-default-border: var(--sbb-color-charcoal);--sbb-button-color-default-text: var(--sbb-color-white);--sbb-button-color-hover-background: var(--sbb-color-charcoal);--sbb-button-color-hover-border: var(--sbb-color-charcoal);--sbb-button-color-hover-text: var(--sbb-color-milk);--sbb-button-shadow-1-color: var(--sbb-color-platinum-alpha-20);--sbb-button-shadow-2-color: var(--sbb-color-cement-alpha-20)}:host([negative]){--sbb-button-color-active-background: var(--sbb-color-white);--sbb-button-color-active-border: var(--sbb-color-white);--sbb-button-color-active-text: var(--sbb-color-anthracite);--sbb-button-color-default-background: var(--sbb-color-milk);--sbb-button-color-default-border: var(--sbb-color-milk);--sbb-button-color-default-text: var(--sbb-color-midnight);--sbb-button-color-hover-background: var(--sbb-color-milk);--sbb-button-color-hover-border: var(--sbb-color-milk);--sbb-button-color-hover-text: var(--sbb-color-iron);--sbb-button-shadow-1-color: var(--sbb-color-black-alpha-30);--sbb-button-shadow-2-color: var(--sbb-color-black-alpha-30)}:host(:not([disabled],:disabled,[disabled-interactive],:active,[data-active])){--sbb-button-box-shadow: var(--sbb-button-box-shadow-definition)}`, e = o`:host{--sbb-button-color-active-background: var(--sbb-color-cloud);--sbb-button-color-active-border: var(--sbb-color-cloud);--sbb-button-color-active-text: var(--sbb-color-midnight);--sbb-button-color-default-background: transparent;--sbb-button-color-default-border: transparent;--sbb-button-color-default-text: var(--sbb-color-midnight);--sbb-button-color-hover-background: var(--sbb-color-milk);--sbb-button-color-hover-border: var(--sbb-color-milk);--sbb-button-color-hover-text: var(--sbb-color-midnight)}:host([negative]){--sbb-button-color-active-background: var(--sbb-color-iron);--sbb-button-color-active-border: var(--sbb-color-iron);--sbb-button-color-active-text: var(--sbb-color-white);--sbb-button-color-default-background: transparent;--sbb-button-color-default-border: transparent;--sbb-button-color-default-text: var(--sbb-color-white);--sbb-button-color-hover-background: var(--sbb-color-charcoal);--sbb-button-color-hover-border: var(--sbb-color-charcoal);--sbb-button-color-hover-text: var(--sbb-color-white)}`;
-export {
-  s as a,
-  t as b,
-  r as p,
-  a as s,
-  e as t
-};