@sbb-esta/lyne-elements 2.11.1 → 2.11.2

package/overlay/overlay.component.js

@@ -2,12 +2,12 @@ var Y = (a) => {
   throw TypeError(a);
 };
 var j = (a, s, o) => s.has(a) || Y("Cannot " + o);
-var y = (a, s, o) => (j(a, s, "read from private field"), o ? o.call(a) : s.get(a)), p = (a, s, o) => s.has(a) ? Y("Cannot add the same private member more than once") : s instanceof WeakSet ? s.add(a) : s.set(a, o), n = (a, s, o, l) => (j(a, s, "write to private field"), l ? l.call(a, o) : s.set(a, o), o);
-import { __runInitializers as b, __esDecorate as u } from "tslib";
+var m = (a, s, o) => (j(a, s, "read from private field"), o ? o.call(a) : s.get(a)), y = (a, s, o) => s.has(a) ? Y("Cannot add the same private member more than once") : s instanceof WeakSet ? s.add(a) : s.set(a, o), n = (a, s, o, r) => (j(a, s, "write to private field"), r ? r.call(a, o) : s.set(a, o), o);
+import { __runInitializers as b, __esDecorate as p } from "tslib";
 import { css as G, nothing as N } from "lit";
-import { customElement as P, property as _ } from "lit/decorators.js";
-import { unsafeStatic as g, html as x } from "lit/static-html.js";
-import { forceType as k } from "../core/decorators.js";
+import { customElement as P, property as u } from "lit/decorators.js";
+import { unsafeStatic as _, html as x } from "lit/static-html.js";
+import { forceType as g } from "../core/decorators.js";
 import { isZeroAnimationDuration as R } from "../core/dom.js";
 import { EventEmitter as Z, forwardEvent as q } from "../core/eventing.js";
 import { i18nCloseDialog as H, i18nGoBack as V } from "../core/i18n.js";
@@ -19,51 +19,50 @@ import "../screen-reader-only.js";
 const J = G`*,:before,:after{box-sizing:border-box}:host{--sbb-scrollbar-thumb-width: .125rem;--sbb-scrollbar-thumb-width-hover: .25rem;--sbb-scrollbar-width-firefox: thin;--sbb-scrollbar-color: var(--sbb-color-black-alpha-30);--sbb-scrollbar-color-hover: var(--sbb-color-black-alpha-60);--sbb-scrollbar-track-color: transparent;--sbb-overlay-background-color: var(--sbb-color-milk);--sbb-overlay-height: 100%;--sbb-overlay-inset: 0 auto auto 0;--sbb-overlay-padding-block: calc(var(--sbb-spacing-fixed-14x) + var(--sbb-spacing-responsive-l));--sbb-overlay-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-6x) );--sbb-overlay-animation-easing: ease;--sbb-overlay-pointer-events: none;display:none;position:fixed;inset:var(--sbb-overlay-inset);z-index:var(--sbb-overlay-z-index, var(--sbb-overlay-default-z-index))}:host([data-state]:not([data-state=closed])){display:block}:host(:is([data-state=opening],[data-state=opened])){--sbb-overlay-pointer-events: all}:host([negative]){--sbb-scrollbar-color: var(--sbb-color-white-alpha-30);--sbb-scrollbar-color-hover: var(--sbb-color-white-alpha-60);--sbb-focus-outline-color: var(--sbb-focus-outline-color-dark);--sbb-overlay-color: var(--sbb-color-white);--sbb-overlay-background-color: var(--sbb-color-midnight)}:host(:not([data-state=closed])){--sbb-overlay-inset: 0}.sbb-overlay__container{background-color:var(--sbb-overlay-background-color);pointer-events:var(--sbb-overlay-pointer-events);display:none;align-items:center;position:fixed;inset:var(--sbb-overlay-inset)}:host([data-state]:not([data-state=closed])) .sbb-overlay__container{display:flex;animation-name:open;animation-duration:var(--sbb-overlay-animation-duration);animation-timing-function:var(--sbb-overlay-animation-easing)}:host([data-state][data-state=closing]) .sbb-overlay__container{pointer-events:none;animation-name:close}.sbb-overlay{position:absolute;inset-inline:0;margin:auto;padding:0;border:none;height:var(--sbb-overlay-height);overflow:auto;color:var(--sbb-overlay-color)}:host([data-state]:not([data-state=closed])) .sbb-overlay{animation-name:open-move-in;animation-duration:var(--sbb-overlay-animation-duration);animation-timing-function:var(--sbb-overlay-animation-easing)}:host([data-state][data-state=closing]) .sbb-overlay{animation-name:close-move-out}.sbb-overlay__wrapper{display:flex;flex-direction:column;width:100%;height:var(--sbb-overlay-height);outline:none;position:fixed}@media (min-width: 52.5rem){.sbb-overlay__wrapper{position:sticky;inset-block-start:0;height:auto}}.sbb-overlay__header{position:absolute;inset-inline-start:0;display:flex;pointer-events:none;align-items:start;justify-content:space-between;width:100%;padding:var(--sbb-spacing-responsive-xs);padding-block-end:0;z-index:1}.sbb-overlay__header *{pointer-events:all}.sbb-overlay__close{margin-inline-start:auto}.sbb-overlay__content{--sbb-scrollbar-width: var(--sbb-spacing-fixed-3x)}.sbb-overlay__content::-webkit-scrollbar{width:var(--sbb-scrollbar-width);height:var(--sbb-scrollbar-width);background-color:var(--sbb-scrollbar-track-color, transparent)}.sbb-overlay__content::-webkit-scrollbar-corner{background-color:var(--sbb-scrollbar-track-color, transparent)}.sbb-overlay__content::-webkit-scrollbar-thumb{background-color:var(--sbb-scrollbar-color, currentcolor);border:calc(.5 * (var(--sbb-scrollbar-width) - var(--sbb-scrollbar-thumb-width))) solid transparent;border-radius:var(--sbb-border-radius-4x);background-clip:padding-box}.sbb-overlay__content::-webkit-scrollbar-thumb:hover{background-color:var(--sbb-scrollbar-color-hover, currentcolor);border-width:calc(.5 * (var(--sbb-scrollbar-width) - var(--sbb-scrollbar-thumb-width-hover)))}.sbb-overlay__content::-webkit-scrollbar-button,.sbb-overlay__content::-webkit-scrollbar-corner{display:none}@supports not selector(::-webkit-scrollbar){.sbb-overlay__content{scrollbar-width:var(--sbb-scrollbar-width-firefox);scrollbar-color:var(--sbb-scrollbar-color, currentcolor) var(--sbb-scrollbar-track-color, transparent)}}.sbb-overlay__content{height:100vh;overflow:auto;-webkit-overflow-scrolling:touch}.sbb-overlay__content-container{padding-block:var(--sbb-overlay-padding-block)}@keyframes open{0%{opacity:0}to{opacity:1}}@keyframes open-move-in{0%{transform:translateY(var(--sbb-spacing-fixed-4x))}to{transform:translateY(0)}}@keyframes close{0%{opacity:1}to{opacity:0}}@keyframes close-move-out{0%{transform:translateY(0)}to{transform:translateY(var(--sbb-spacing-fixed-4x))}}`;
 let ce = (() => {
   var c, d, v, h, i;
-  let a = [P("sbb-overlay")], s, o = [], l, w = M, C, B = [], L = [], O, E = [], z = [], $, S = [], A = [], T, I = [], D = [];
-  var f = (i = class extends w {
+  let a = [P("sbb-overlay")], s, o = [], r, w = M, C, B = [], L = [], O, E = [], z = [], $, S = [], A = [], T, I = [], D = [];
+  var k = (i = class extends w {
     constructor() {
       super(...arguments);
-      p(this, c);
-      p(this, d);
-      p(this, v);
-      p(this, h);
-      n(this, c, b(this, B, !1)), n(this, d, (b(this, L), b(this, E, !1))), n(this, v, (b(this, z), b(this, S, ""))), n(this, h, (b(this, A), b(this, I, ""))), this.closeAttribute = (b(this, D), "sbb-overlay-close"), this._backClick = new Z(this, f.events.backClick), this._overlayContentElement = null;
+      y(this, c);
+      y(this, d);
+      y(this, v);
+      y(this, h);
+      n(this, c, b(this, B, !1)), n(this, d, (b(this, L), b(this, E, !1))), n(this, v, (b(this, z), b(this, S, ""))), n(this, h, (b(this, A), b(this, I, ""))), this.closeAttribute = (b(this, D), "sbb-overlay-close"), this._backClick = new Z(this, k.events.backClick), this._overlayContentElement = null;
     }
     /**
      * Whether to allow the overlay content to stretch to full width.
      * By default, the content has the appropriate page size.
      */
     get expanded() {
-      return y(this, c);
+      return m(this, c);
     }
     set expanded(t) {
       n(this, c, t);
     }
     /** Whether a back button is displayed next to the title. */
     get backButton() {
-      return y(this, d);
+      return m(this, d);
     }
     set backButton(t) {
       n(this, d, t);
     }
     /** This will be forwarded as aria-label to the close button element. */
     get accessibilityCloseLabel() {
-      return y(this, v);
+      return m(this, v);
     }
     set accessibilityCloseLabel(t) {
       n(this, v, t);
     }
     /** This will be forwarded as aria-label to the back button element. */
     get accessibilityBackLabel() {
-      return y(this, h);
+      return m(this, h);
     }
     set accessibilityBackLabel(t) {
       n(this, h, t);
     }
     /** Opens the component. */
     open() {
-      var t, e;
-      this.state === "closed" && (this.lastFocusedElement = document.activeElement, this._overlayContentElement = (t = this.shadowRoot) == null ? void 0 : t.querySelector(".sbb-overlay__content"), this.willOpen.emit() && ((e = this.showPopover) == null || e.call(this), this.state = "opening", F.push(this), this.scrollHandler.disableScroll(), this.isZeroAnimationDuration() && this._handleOpening()));
+      this.state === "closed" && (this.lastFocusedElement = document.activeElement, this._overlayContentElement = this.shadowRoot?.querySelector(".sbb-overlay__content"), this.willOpen.emit() && (this.showPopover?.(), this.state = "opening", F.push(this), this.scrollHandler.disableScroll(), this.isZeroAnimationDuration() && this._handleOpening()));
     }
     isZeroAnimationDuration() {
       return R(this, "--sbb-overlay-animation-duration");
@@ -72,8 +71,7 @@ let ce = (() => {
       this.state = "opened", this.inertController.activate(), this.sbbEscapableOverlayController.connect(), this.attachOpenOverlayEvents(), this.focusTrapController.focusInitialElement(), setTimeout(() => this.setAriaLiveRefContent(this.accessibilityLabel)), this.focusTrapController.enabled = !0, this.didOpen.emit();
     }
     handleClosing() {
-      var t, e, r, m;
-      (t = this._overlayContentElement) == null || t.scrollTo(0, 0), this.state = "closed", (e = this.hidePopover) == null || e.call(this), this.inertController.deactivate(), (r = this.lastFocusedElement) == null || r.focus(), (m = this.openOverlayController) == null || m.abort(), this.focusTrapController.enabled = !1, this.removeInstanceFromGlobalCollection(), F.length || this.scrollHandler.enableScroll(), this.sbbEscapableOverlayController.disconnect(), this.didClose.emit({
+      this._overlayContentElement?.scrollTo(0, 0), this.state = "closed", this.hidePopover?.(), this.inertController.deactivate(), this.lastFocusedElement?.focus(), this.openOverlayController?.abort(), this.focusTrapController.enabled = !1, this.removeInstanceFromGlobalCollection(), F.length || this.scrollHandler.enableScroll(), this.sbbEscapableOverlayController.disconnect(), this.didClose.emit({
         returnValue: this.returnValue,
         closeTarget: this.overlayCloseElement
       });
@@ -86,7 +84,7 @@ let ce = (() => {
     }
     render() {
       const t = this.negative ? "sbb-transparent-button" : "sbb-secondary-button", e = x`
-      <${g(t)}
+      <${_(t)}
         class="sbb-overlay__close"
         aria-label=${this.accessibilityCloseLabel || H[this.language.current]}
         ?negative=${this.negative}
@@ -94,9 +92,9 @@ let ce = (() => {
         type="button"
         icon-name="cross-small"
         sbb-overlay-close
-      ></${g(t)}>
-    `, r = x`
-      <${g(t)}
+      ></${_(t)}>
+    `, l = x`
+      <${_(t)}
         class="sbb-overlay__back"
         aria-label=${this.accessibilityBackLabel || V[this.language.current]}
         ?negative=${this.negative}
@@ -104,19 +102,19 @@ let ce = (() => {
         type="button"
         icon-name="chevron-small-left-small"
         @click=${() => this._backClick.emit()}
-      ></${g(t)}>
+      ></${_(t)}>
     `;
       return x`
       <div class="sbb-overlay__container" @animationend=${this.onOverlayAnimationEnd}>
         <div class="sbb-overlay">
           <div
-            @click=${(m) => this.closeOnSbbOverlayCloseClick(m)}
+            @click=${(f) => this.closeOnSbbOverlayCloseClick(f)}
             class="sbb-overlay__wrapper"
           >
             <div class="sbb-overlay__header">
-              ${this.backButton ? r : N} ${e}
+              ${this.backButton ? l : N} ${e}
             </div>
-            <div class="sbb-overlay__content" @scroll=${(m) => q(m, document)}>
+            <div class="sbb-overlay__content" @scroll=${(f) => q(f, document)}>
               <sbb-container
                 class="sbb-overlay__content-container"
                 ?expanded=${this.expanded}
@@ -131,25 +129,25 @@ let ce = (() => {
       <sbb-screen-reader-only aria-live="polite"></sbb-screen-reader-only>
     `;
     }
-  }, c = new WeakMap(), d = new WeakMap(), v = new WeakMap(), h = new WeakMap(), l = i, (() => {
+  }, c = new WeakMap(), d = new WeakMap(), v = new WeakMap(), h = new WeakMap(), r = i, (() => {
     const t = typeof Symbol == "function" && Symbol.metadata ? Object.create(w[Symbol.metadata] ?? null) : void 0;
-    C = [k(), _({ reflect: !0, type: Boolean })], O = [k(), _({ attribute: "back-button", type: Boolean })], $ = [k(), _({ attribute: "accessibility-close-label" })], T = [k(), _({ attribute: "accessibility-back-label" })], u(i, null, C, { kind: "accessor", name: "expanded", static: !1, private: !1, access: { has: (e) => "expanded" in e, get: (e) => e.expanded, set: (e, r) => {
-      e.expanded = r;
-    } }, metadata: t }, B, L), u(i, null, O, { kind: "accessor", name: "backButton", static: !1, private: !1, access: { has: (e) => "backButton" in e, get: (e) => e.backButton, set: (e, r) => {
-      e.backButton = r;
-    } }, metadata: t }, E, z), u(i, null, $, { kind: "accessor", name: "accessibilityCloseLabel", static: !1, private: !1, access: { has: (e) => "accessibilityCloseLabel" in e, get: (e) => e.accessibilityCloseLabel, set: (e, r) => {
-      e.accessibilityCloseLabel = r;
-    } }, metadata: t }, S, A), u(i, null, T, { kind: "accessor", name: "accessibilityBackLabel", static: !1, private: !1, access: { has: (e) => "accessibilityBackLabel" in e, get: (e) => e.accessibilityBackLabel, set: (e, r) => {
-      e.accessibilityBackLabel = r;
-    } }, metadata: t }, I, D), u(null, s = { value: l }, a, { kind: "class", name: l.name, metadata: t }, null, o), f = l = s.value, t && Object.defineProperty(l, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: t });
+    C = [g(), u({ reflect: !0, type: Boolean })], O = [g(), u({ attribute: "back-button", type: Boolean })], $ = [g(), u({ attribute: "accessibility-close-label" })], T = [g(), u({ attribute: "accessibility-back-label" })], p(i, null, C, { kind: "accessor", name: "expanded", static: !1, private: !1, access: { has: (e) => "expanded" in e, get: (e) => e.expanded, set: (e, l) => {
+      e.expanded = l;
+    } }, metadata: t }, B, L), p(i, null, O, { kind: "accessor", name: "backButton", static: !1, private: !1, access: { has: (e) => "backButton" in e, get: (e) => e.backButton, set: (e, l) => {
+      e.backButton = l;
+    } }, metadata: t }, E, z), p(i, null, $, { kind: "accessor", name: "accessibilityCloseLabel", static: !1, private: !1, access: { has: (e) => "accessibilityCloseLabel" in e, get: (e) => e.accessibilityCloseLabel, set: (e, l) => {
+      e.accessibilityCloseLabel = l;
+    } }, metadata: t }, S, A), p(i, null, T, { kind: "accessor", name: "accessibilityBackLabel", static: !1, private: !1, access: { has: (e) => "accessibilityBackLabel" in e, get: (e) => e.accessibilityBackLabel, set: (e, l) => {
+      e.accessibilityBackLabel = l;
+    } }, metadata: t }, I, D), p(null, s = { value: r }, a, { kind: "class", name: r.name, metadata: t }, null, o), k = r = s.value, t && Object.defineProperty(r, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: t });
   })(), i.styles = J, i.events = {
     willOpen: "willOpen",
     didOpen: "didOpen",
     willClose: "willClose",
     didClose: "didClose",
     backClick: "requestBackAction"
-  }, b(l, o), i);
-  return f = l;
+  }, b(r, o), i);
+  return k = r;
 })();
 export {
   ce as SbbOverlayElement

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sbb-esta/lyne-elements",
-  "version": "2.11.1",
+  "version": "2.11.2",
   "description": "Lyne Design System",
   "keywords": [
     "design system",

package/paginator/paginator/paginator.component.js

@@ -84,7 +84,6 @@ let Q = (() => {
       this._getVisiblePages().find((n) => n === a.target) && (this._markForFocus = this.pageIndex);
     }
     _renderItemPerPageTemplate() {
-      var a;
       return this.pageSizeOptions && this.pageSizeOptions.length > 0 ? b`
           <div class="sbb-paginator__page-size-options">
             <label for="select">${D[this.language.current]}</label>
@@ -97,10 +96,10 @@ let Q = (() => {
               <sbb-select
                 id="select"
                 ?disabled=${this.disabled}
-                value=${((a = this.pageSizeOptions) == null ? void 0 : a.find((e) => e === this.pageSize)) ?? this.pageSizeOptions[0]}
-                @change=${(e) => this.pageSize = +e.target.value}
+                value=${this.pageSizeOptions?.find((a) => a === this.pageSize) ?? this.pageSizeOptions[0]}
+                @change=${(a) => this.pageSize = +a.target.value}
               >
-                ${I(this.pageSizeOptions, (e) => b`<sbb-option value=${e}>${e}</sbb-option>`)}
+                ${I(this.pageSizeOptions, (a) => b`<sbb-option value=${a}>${a}</sbb-option>`)}
               </sbb-select>
             </sbb-form-field>
           </div>

package/popover/popover/popover.component.js

@@ -1,44 +1,44 @@
-var q = (s) => {
+var Z = (s) => {
   throw TypeError(s);
 };
-var W = (s, i, r) => i.has(s) || q("Cannot " + r);
-var c = (s, i, r) => (W(s, i, "read from private field"), r ? r.call(s) : i.get(s)), h = (s, i, r) => i.has(s) ? q("Cannot add the same private member more than once") : i instanceof WeakSet ? i.add(s) : i.set(s, r), n = (s, i, r, b) => (W(s, i, "write to private field"), b ? b.call(s, r) : i.set(s, r), r);
-import { __runInitializers as l, __esDecorate as d } from "tslib";
-import { css as X, isServer as T, html as j, nothing as G } from "lit";
-import { customElement as J, property as w } from "lit/decorators.js";
-import { ref as K } from "lit/directives/ref.js";
-import { SbbFocusTrapController as ee, IS_FOCUSABLE_QUERY as te, sbbInputModalityDetector as oe } from "../../core/a11y.js";
-import { SbbOpenCloseBaseElement as se } from "../../core/base-elements.js";
-import { SbbMediaQueryPointerCoarse as ie, SbbIdReferenceController as re, SbbEscapableOverlayController as ae, SbbLanguageController as ne } from "../../core/controllers.js";
-import { hostAttributes as le, forceType as C } from "../../core/decorators.js";
-import { isZeroAnimationDuration as be } from "../../core/dom.js";
-import { EventEmitter as Q, composedPathHasAttribute as pe } from "../../core/eventing.js";
-import { i18nClosePopover as ce } from "../../core/i18n.js";
-import { SbbHydrationMixin as he } from "../../core/mixins.js";
-import { isEventOnElement as V, removeAriaOverlayTriggerAttributes as de, setAriaOverlayTriggerAttributes as ve, getElementPosition as ge } from "../../core/overlay.js";
+var q = (s, i, r) => i.has(s) || Z("Cannot " + r);
+var p = (s, i, r) => (q(s, i, "read from private field"), r ? r.call(s) : i.get(s)), c = (s, i, r) => i.has(s) ? Z("Cannot add the same private member more than once") : i instanceof WeakSet ? i.add(s) : i.set(s, r), n = (s, i, r, b) => (q(s, i, "write to private field"), b ? b.call(s, r) : i.set(s, r), r);
+import { __runInitializers as l, __esDecorate as h } from "tslib";
+import { css as V, isServer as x, html as W, nothing as X } from "lit";
+import { customElement as G, property as f } from "lit/decorators.js";
+import { ref as J } from "lit/directives/ref.js";
+import { SbbFocusTrapController as K, IS_FOCUSABLE_QUERY as ee, sbbInputModalityDetector as te } from "../../core/a11y.js";
+import { SbbOpenCloseBaseElement as oe } from "../../core/base-elements.js";
+import { SbbMediaQueryPointerCoarse as se, SbbIdReferenceController as ie, SbbEscapableOverlayController as re, SbbLanguageController as ae } from "../../core/controllers.js";
+import { hostAttributes as ne, forceType as y } from "../../core/decorators.js";
+import { isZeroAnimationDuration as le } from "../../core/dom.js";
+import { EventEmitter as j, composedPathHasAttribute as be } from "../../core/eventing.js";
+import { i18nClosePopover as pe } from "../../core/i18n.js";
+import { SbbHydrationMixin as ce } from "../../core/mixins.js";
+import { isEventOnElement as Q, removeAriaOverlayTriggerAttributes as he, setAriaOverlayTriggerAttributes as de, getElementPosition as ve } from "../../core/overlay.js";
 import "../../button/secondary-button.js";
-const ue = X`*,:before,:after{box-sizing:border-box}:host{--sbb-popover-position: absolute;--sbb-popover-position-x: 0;--sbb-popover-position-y: 0;--sbb-popover-arrow-size: var(--sbb-spacing-fixed-4x);--sbb-popover-arrow-position-x: 0;--sbb-popover-max-width: calc(100% - var(--sbb-spacing-fixed-2x));--sbb-popover-inset: 0 auto auto 0;--sbb-popover-border-radius: var(--sbb-border-radius-8x);--sbb-popover-padding: var(--sbb-spacing-fixed-4x);--sbb-popover-background: var(--sbb-color-white);--sbb-popover-color: var(--sbb-color-charcoal);--sbb-popover-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-4x) );--sbb-popover-animation-easing: ease-out;--sbb-popover-transform: translateY(var(--sbb-spacing-fixed-2x));--sbb-focus-outline-color: var(--sbb-focus-outline-color-default);outline:none!important;display:none}:host([data-state]:not([data-state=closed])){display:block;--sbb-popover-inset: 0}:host([data-position=above]){--sbb-popover-transform: translateY(calc(var(--sbb-spacing-fixed-2x) * -1))}.sbb-popover:after,.sbb-popover__content:before{content:"";position:absolute;display:block;width:var(--sbb-popover-arrow-size);height:var(--sbb-popover-arrow-size);left:var(--sbb-popover-arrow-position-x);bottom:calc(100% - var(--sbb-popover-arrow-size) / 2);background-color:var(--sbb-popover-background);border-radius:var(--sbb-border-radius-2x) 0;transform:rotate(45deg)}.sbb-popover__container{position:fixed;inset:var(--sbb-popover-inset);pointer-events:none;z-index:var(--sbb-popover-z-index, var(--sbb-overlay-default-z-index));color:var(--sbb-popover-color)}.sbb-popover{box-shadow:var(--sbb-shadow-elevation-level-5-shadow-2-offset-x) var(--sbb-shadow-elevation-level-5-shadow-2-offset-y) var(--sbb-shadow-elevation-level-5-shadow-2-blur) var(--sbb-shadow-elevation-level-5-shadow-2-spread) var(--sbb-shadow-elevation-level-5-hard-2-color),var(--sbb-shadow-elevation-level-5-shadow-1-offset-x) var(--sbb-shadow-elevation-level-5-shadow-1-offset-y) var(--sbb-shadow-elevation-level-5-shadow-1-blur) var(--sbb-shadow-elevation-level-5-shadow-1-spread) var(--sbb-shadow-elevation-level-5-hard-1-color);display:none;position:var(--sbb-popover-position);pointer-events:all;top:var(--sbb-popover-position-y);bottom:unset;left:var(--sbb-popover-position-x);right:unset;border:none;border-radius:var(--sbb-popover-border-radius);padding:0;max-width:var(--sbb-popover-max-width);width:max-content;background-color:var(--sbb-popover-background);outline:none}:host(:focus-visible) .sbb-popover{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) var(--sbb-focus-outline-style, solid) var(--sbb-focus-outline-width)}:host([data-state]:not([data-state=closed])) .sbb-popover{display:block;animation-name:open;animation-duration:var(--sbb-popover-animation-duration);animation-timing-function:var(--sbb-popover-animation-easing)}:host([data-state][data-state=closing]) .sbb-popover{pointer-events:none;animation-name:close;animation-duration:var(--sbb-popover-animation-duration);animation-timing-function:var(--sbb-popover-animation-easing)}.sbb-popover:after{z-index:-1;box-shadow:var(--sbb-shadow-elevation-level-5-shadow-2-offset-x) var(--sbb-shadow-elevation-level-5-shadow-2-offset-y) var(--sbb-shadow-elevation-level-5-shadow-2-blur) var(--sbb-shadow-elevation-level-5-shadow-2-spread) var(--sbb-shadow-elevation-level-5-hard-2-color),var(--sbb-shadow-elevation-level-5-shadow-1-offset-x) var(--sbb-shadow-elevation-level-5-shadow-1-offset-y) var(--sbb-shadow-elevation-level-5-shadow-1-blur) var(--sbb-shadow-elevation-level-5-shadow-1-spread) var(--sbb-shadow-elevation-level-5-hard-1-color)}@media (forced-colors: active){.sbb-popover:after{outline:var(--sbb-border-width-1x) solid CanvasText}}:host([data-position=above]) .sbb-popover:after{top:calc(100% - var(--sbb-popover-arrow-size) / 2)}@media (forced-colors: active){.sbb-popover{outline:var(--sbb-border-width-1x) solid CanvasText}}.sbb-popover:before{content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background-color:transparent}:host([data-position=below]) .sbb-popover:before{inset-block-start:calc(-1 * var(--sbb-spacing-fixed-6x))}:host([data-position=above]) .sbb-popover:before{inset-block-end:calc(-1 * var(--sbb-spacing-fixed-6x))}.sbb-popover__content{display:flex;gap:var(--sbb-spacing-fixed-4x);border-radius:var(--sbb-popover-border-radius);padding:var(--sbb-popover-padding);outline:none;background-color:var(--sbb-popover-background);overflow:hidden;flex-direction:row-reverse}:host([data-position=above]) .sbb-popover__content:before{top:calc(100% - var(--sbb-popover-arrow-size) / 2)}@keyframes open{0%{opacity:0;transform:var(--sbb-popover-transform)}to{opacity:1;transform:translateY(0)}}@keyframes close{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:var(--sbb-popover-transform)}}`, _e = 16, me = 32;
-let fe = 0;
-const E = /* @__PURE__ */ new Set(), ye = T ? !1 : matchMedia(ie).matches;
-let Me = (() => {
-  var v, g, u, _, m, f, a;
-  let s = [J("sbb-popover"), le({ popover: "manual" })], i, r = [], b, k = he(se), D, L = [], P = [], S, O = [], z = [], A, B = [], I = [], F, M = [], R = [], $, U = [], H = [], N, Y = [], Z = [];
-  var x = (a = class extends k {
+const ge = V`*,:before,:after{box-sizing:border-box}:host{--sbb-popover-position: absolute;--sbb-popover-position-x: 0;--sbb-popover-position-y: 0;--sbb-popover-arrow-size: var(--sbb-spacing-fixed-4x);--sbb-popover-arrow-position-x: 0;--sbb-popover-max-width: calc(100% - var(--sbb-spacing-fixed-2x));--sbb-popover-inset: 0 auto auto 0;--sbb-popover-border-radius: var(--sbb-border-radius-8x);--sbb-popover-padding: var(--sbb-spacing-fixed-4x);--sbb-popover-background: var(--sbb-color-white);--sbb-popover-color: var(--sbb-color-charcoal);--sbb-popover-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-4x) );--sbb-popover-animation-easing: ease-out;--sbb-popover-transform: translateY(var(--sbb-spacing-fixed-2x));--sbb-focus-outline-color: var(--sbb-focus-outline-color-default);outline:none!important;display:none}:host([data-state]:not([data-state=closed])){display:block;--sbb-popover-inset: 0}:host([data-position=above]){--sbb-popover-transform: translateY(calc(var(--sbb-spacing-fixed-2x) * -1))}.sbb-popover:after,.sbb-popover__content:before{content:"";position:absolute;display:block;width:var(--sbb-popover-arrow-size);height:var(--sbb-popover-arrow-size);left:var(--sbb-popover-arrow-position-x);bottom:calc(100% - var(--sbb-popover-arrow-size) / 2);background-color:var(--sbb-popover-background);border-radius:var(--sbb-border-radius-2x) 0;transform:rotate(45deg)}.sbb-popover__container{position:fixed;inset:var(--sbb-popover-inset);pointer-events:none;z-index:var(--sbb-popover-z-index, var(--sbb-overlay-default-z-index));color:var(--sbb-popover-color)}.sbb-popover{box-shadow:var(--sbb-shadow-elevation-level-5-shadow-2-offset-x) var(--sbb-shadow-elevation-level-5-shadow-2-offset-y) var(--sbb-shadow-elevation-level-5-shadow-2-blur) var(--sbb-shadow-elevation-level-5-shadow-2-spread) var(--sbb-shadow-elevation-level-5-hard-2-color),var(--sbb-shadow-elevation-level-5-shadow-1-offset-x) var(--sbb-shadow-elevation-level-5-shadow-1-offset-y) var(--sbb-shadow-elevation-level-5-shadow-1-blur) var(--sbb-shadow-elevation-level-5-shadow-1-spread) var(--sbb-shadow-elevation-level-5-hard-1-color);display:none;position:var(--sbb-popover-position);pointer-events:all;top:var(--sbb-popover-position-y);bottom:unset;left:var(--sbb-popover-position-x);right:unset;border:none;border-radius:var(--sbb-popover-border-radius);padding:0;max-width:var(--sbb-popover-max-width);width:max-content;background-color:var(--sbb-popover-background);outline:none}:host(:focus-visible) .sbb-popover{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) var(--sbb-focus-outline-style, solid) var(--sbb-focus-outline-width)}:host([data-state]:not([data-state=closed])) .sbb-popover{display:block;animation-name:open;animation-duration:var(--sbb-popover-animation-duration);animation-timing-function:var(--sbb-popover-animation-easing)}:host([data-state][data-state=closing]) .sbb-popover{pointer-events:none;animation-name:close;animation-duration:var(--sbb-popover-animation-duration);animation-timing-function:var(--sbb-popover-animation-easing)}.sbb-popover:after{z-index:-1;box-shadow:var(--sbb-shadow-elevation-level-5-shadow-2-offset-x) var(--sbb-shadow-elevation-level-5-shadow-2-offset-y) var(--sbb-shadow-elevation-level-5-shadow-2-blur) var(--sbb-shadow-elevation-level-5-shadow-2-spread) var(--sbb-shadow-elevation-level-5-hard-2-color),var(--sbb-shadow-elevation-level-5-shadow-1-offset-x) var(--sbb-shadow-elevation-level-5-shadow-1-offset-y) var(--sbb-shadow-elevation-level-5-shadow-1-blur) var(--sbb-shadow-elevation-level-5-shadow-1-spread) var(--sbb-shadow-elevation-level-5-hard-1-color)}@media (forced-colors: active){.sbb-popover:after{outline:var(--sbb-border-width-1x) solid CanvasText}}:host([data-position=above]) .sbb-popover:after{top:calc(100% - var(--sbb-popover-arrow-size) / 2)}@media (forced-colors: active){.sbb-popover{outline:var(--sbb-border-width-1x) solid CanvasText}}.sbb-popover:before{content:"";display:block;position:absolute;inset:0;z-index:-1;background-color:transparent}:host([data-position=below]) .sbb-popover:before{inset-block-start:calc(-1 * var(--sbb-spacing-fixed-6x))}:host([data-position=above]) .sbb-popover:before{inset-block-end:calc(-1 * var(--sbb-spacing-fixed-6x))}.sbb-popover__content{display:flex;gap:var(--sbb-spacing-fixed-4x);border-radius:var(--sbb-popover-border-radius);padding:var(--sbb-popover-padding);outline:none;background-color:var(--sbb-popover-background);overflow:hidden;flex-direction:row-reverse}:host([data-position=above]) .sbb-popover__content:before{top:calc(100% - var(--sbb-popover-arrow-size) / 2)}@keyframes open{0%{opacity:0;transform:var(--sbb-popover-transform)}to{opacity:1;transform:translateY(0)}}@keyframes close{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:var(--sbb-popover-transform)}}`, ue = 16, _e = 32;
+let me = 0;
+const C = /* @__PURE__ */ new Set(), fe = x ? !1 : matchMedia(se).matches;
+let Ie = (() => {
+  var d, v, g, u, _, m, a;
+  let s = [G("sbb-popover"), ne({ popover: "manual" })], i, r = [], b, T = ce(oe), E, k = [], D = [], L, P = [], S = [], O, z = [], A = [], B, F = [], I = [], M, R = [], $ = [], U, H = [], N = [];
+  var w = (a = class extends T {
     constructor() {
       super(...arguments);
-      h(this, v);
-      h(this, g);
-      h(this, u);
-      h(this, _);
-      h(this, m);
-      h(this, f);
-      n(this, v, l(this, L, null)), n(this, g, (l(this, P), l(this, O, !1))), n(this, u, (l(this, z), l(this, B, !1))), n(this, _, (l(this, I), l(this, M, 0))), n(this, m, (l(this, R), l(this, U, 0))), n(this, f, (l(this, H), l(this, Y, ""))), this.willClose = (l(this, Z), new Q(this, x.events.willClose, { cancelable: !0 })), this.didClose = new Q(this, x.events.didClose, { cancelable: !0 }), this._skipCloseFocus = !1, this._hoverTrigger = !1, this._triggerIdReferenceController = new re(this, "trigger"), this._escapableOverlayController = new ae(this), this._focusTrapController = new ee(this), this._language = new ne(this), this._pointerDownListener = (t) => {
-        this._isPointerDownEventOnPopover = V(this._overlay, t);
+      c(this, d);
+      c(this, v);
+      c(this, g);
+      c(this, u);
+      c(this, _);
+      c(this, m);
+      n(this, d, l(this, k, null)), n(this, v, (l(this, D), l(this, P, !1))), n(this, g, (l(this, S), l(this, z, !1))), n(this, u, (l(this, A), l(this, F, 0))), n(this, _, (l(this, I), l(this, R, 0))), n(this, m, (l(this, $), l(this, H, ""))), this.willClose = (l(this, N), new j(this, w.events.willClose, { cancelable: !0 })), this.didClose = new j(this, w.events.didClose, { cancelable: !0 }), this._skipCloseFocus = !1, this._hoverTrigger = !1, this._triggerIdReferenceController = new ie(this, "trigger"), this._escapableOverlayController = new re(this), this._focusTrapController = new K(this), this._language = new ae(this), this._pointerDownListener = (t) => {
+        this._isPointerDownEventOnPopover = Q(this._overlay, t);
       }, this._closeOnBackdropClick = (t) => {
-        !this._isPointerDownEventOnPopover && !V(this._overlay, t) && (this._nextFocusedElement = t.composedPath().filter((e) => e instanceof window.HTMLElement).find((e) => e.matches(te)), clearTimeout(this._closeTimeout), this.close());
+        !this._isPointerDownEventOnPopover && !Q(this._overlay, t) && (this._nextFocusedElement = t.composedPath().filter((e) => e instanceof window.HTMLElement).find((e) => e.matches(ee)), clearTimeout(this._closeTimeout), this.close());
       }, this._onTriggerMouseEnter = () => {
         this.state === "closed" || this.state === "closing" ? this._openTimeout = setTimeout(() => {
-          oe.reset(), this.open();
+          te.reset(), this.open();
         }, this.openDelay) : clearTimeout(this._closeTimeout);
       }, this._onTriggerMouseLeave = () => {
         this.state === "opened" || this.state === "opening" ? this._closeTimeout = setTimeout(() => this.close(), this.closeDelay) : clearTimeout(this._openTimeout);
@@ -53,105 +53,96 @@ let Me = (() => {
      * Accepts both a string (id of an element) or an HTML element.
      */
     get trigger() {
-      return c(this, v);
+      return p(this, d);
     }
     set trigger(t) {
-      n(this, v, t);
+      n(this, d, t);
     }
     /** Whether the close button should be hidden. */
     get hideCloseButton() {
-      return c(this, g);
+      return p(this, v);
     }
     set hideCloseButton(t) {
-      n(this, g, t);
+      n(this, v, t);
     }
     /** Whether the popover should be triggered on hover. */
     get hoverTrigger() {
-      return c(this, u);
+      return p(this, g);
     }
     set hoverTrigger(t) {
-      n(this, u, t);
+      n(this, g, t);
     }
     /** Open the popover after a certain delay. */
     get openDelay() {
-      return c(this, _);
+      return p(this, u);
     }
     set openDelay(t) {
-      n(this, _, t);
+      n(this, u, t);
     }
     /** Close the popover after a certain delay. */
     get closeDelay() {
-      return c(this, m);
+      return p(this, _);
     }
     set closeDelay(t) {
-      n(this, m, t);
+      n(this, _, t);
     }
     /** This will be forwarded as aria-label to the close button element. */
     get accessibilityCloseLabel() {
-      return c(this, f);
+      return p(this, m);
     }
     set accessibilityCloseLabel(t) {
-      n(this, f, t);
+      n(this, m, t);
     }
     /** Opens the popover on trigger click. */
     open() {
-      var t, e;
       if (!(this.state !== "closed" && this.state !== "closing" || !this._overlay || !this.willOpen.emit())) {
-        for (const o of E) {
-          const p = o.getAttribute("data-state");
-          p && (p === "opened" || p === "opening") && o.close();
+        for (const t of C) {
+          const e = t.getAttribute("data-state");
+          e && (e === "opened" || e === "opening") && t.close();
         }
-        (t = this.showPopover) == null || t.call(this), this.state = "opening", this.inert = !0, this._setPopoverPosition(), (e = this._triggerElement) == null || e.setAttribute("aria-expanded", "true"), this._nextFocusedElement = void 0, this._skipCloseFocus = !1, this._isZeroAnimationDuration() && this._handleOpening();
+        this.showPopover?.(), this.state = "opening", this.inert = !0, this._setPopoverPosition(), this._triggerElement?.setAttribute("aria-expanded", "true"), this._nextFocusedElement = void 0, this._skipCloseFocus = !1, this._isZeroAnimationDuration() && this._handleOpening();
       }
     }
     /** Closes the popover. */
     close(t) {
-      var e;
-      this.state !== "opened" && this.state !== "opening" || (this._popoverCloseElement = t, this.willClose.emit({ closeTarget: t }) && (this.state = "closing", this.inert = !0, (e = this._triggerElement) == null || e.setAttribute("aria-expanded", "false"), this._isZeroAnimationDuration() && this._handleClosing()));
+      this.state !== "opened" && this.state !== "opening" || (this._popoverCloseElement = t, this.willClose.emit({ closeTarget: t }) && (this.state = "closing", this.inert = !0, this._triggerElement?.setAttribute("aria-expanded", "false"), this._isZeroAnimationDuration() && this._handleClosing()));
     }
     _isZeroAnimationDuration() {
-      return be(this, "--sbb-popover-animation-duration");
+      return le(this, "--sbb-popover-animation-duration");
     }
     _handleClosing() {
-      var t, e, o, p;
-      if (this.state = "closed", (t = this.hidePopover) == null || t.call(this), (o = (e = this._overlay) == null ? void 0 : e.firstElementChild) == null || o.scrollTo(0, 0), this.removeAttribute("tabindex"), !this._skipCloseFocus) {
-        const y = this._nextFocusedElement || this._triggerElement;
-        y == null || y.focus();
-      }
-      this._escapableOverlayController.disconnect(), this.didClose.emit({ closeTarget: this._popoverCloseElement }), (p = this._openStateController) == null || p.abort(), this._focusTrapController.enabled = !1;
+      this.state = "closed", this.hidePopover?.(), this._overlay?.firstElementChild?.scrollTo(0, 0), this.removeAttribute("tabindex"), this._skipCloseFocus || (this._nextFocusedElement || this._triggerElement)?.focus(), this._escapableOverlayController.disconnect(), this.didClose.emit({ closeTarget: this._popoverCloseElement }), this._openStateController?.abort(), this._focusTrapController.enabled = !1;
     }
     _handleOpening() {
       this.state = "opened", this.inert = !1, this._attachWindowEvents(), this._escapableOverlayController.connect(), this._setPopoverFocus(), this._focusTrapController.enabled = !0, this.didOpen.emit();
     }
     connectedCallback() {
-      super.connectedCallback(), this.id || (this.id = `sbb-popover-${++fe}`), this.state = "closed", E.add(this), this.hasUpdated && this._configureTrigger();
+      super.connectedCallback(), this.id ||= `sbb-popover-${++me}`, this.state = "closed", C.add(this), this.hasUpdated && this._configureTrigger();
     }
     requestUpdate(t, e, o) {
-      super.requestUpdate(t, e, o), !T && (!t || t === "trigger" || t === "hoverTrigger") && this.hasUpdated && this._configureTrigger();
+      super.requestUpdate(t, e, o), !x && (!t || t === "trigger" || t === "hoverTrigger") && this.hasUpdated && this._configureTrigger();
     }
     firstUpdated(t) {
       super.firstUpdated(t), this._configureTrigger(), this._hoverTrigger && (this._overlay.addEventListener("mouseenter", () => this._onOverlayMouseEnter()), this._overlay.addEventListener("mouseleave", () => this._onOverlayMouseLeave()));
     }
     disconnectedCallback() {
-      var t, e;
-      super.disconnectedCallback(), this._triggerElement = null, (t = this._triggerAbortController) == null || t.abort(), (e = this._openStateController) == null || e.abort(), E.delete(this);
+      super.disconnectedCallback(), this._triggerElement = null, this._triggerAbortController?.abort(), this._openStateController?.abort(), C.delete(this);
     }
     // Check if the trigger is valid and attach click event listeners.
     _configureTrigger() {
-      var p;
-      if (T)
+      if (x)
         return;
       if (this.hydrationRequired) {
         this.hydrationComplete.then(() => this._configureTrigger());
         return;
       }
-      const t = this.hoverTrigger && !ye, e = this.trigger instanceof HTMLElement ? this.trigger : this._triggerIdReferenceController.find();
-      if (e === this._triggerElement && t === this._hoverTrigger || ((p = this._triggerAbortController) == null || p.abort(), de(this._triggerElement), this._triggerElement = e, this._hoverTrigger = t, !this._triggerElement))
+      const t = this.hoverTrigger && !fe, e = this.trigger instanceof HTMLElement ? this.trigger : this._triggerIdReferenceController.find();
+      if (e === this._triggerElement && t === this._hoverTrigger || (this._triggerAbortController?.abort(), he(this._triggerElement), this._triggerElement = e, this._hoverTrigger = t, !this._triggerElement))
         return;
-      ve(this._triggerElement, "dialog", this.id, this.state);
+      de(this._triggerElement, "dialog", this.id, this.state);
       const { signal: o } = this._triggerAbortController = new AbortController();
-      this._hoverTrigger ? (this._triggerElement.addEventListener("mouseenter", this._onTriggerMouseEnter, { signal: o }), this._triggerElement.addEventListener("mouseleave", this._onTriggerMouseLeave, { signal: o }), this._triggerElement.addEventListener("keydown", (y) => {
-        (y.code === "Space" || y.code === "Enter") && this.open();
+      this._hoverTrigger ? (this._triggerElement.addEventListener("mouseenter", this._onTriggerMouseEnter, { signal: o }), this._triggerElement.addEventListener("mouseleave", this._onTriggerMouseLeave, { signal: o }), this._triggerElement.addEventListener("keydown", (Y) => {
+        (Y.code === "Space" || Y.code === "Enter") && this.open();
       }, { signal: o })) : this._triggerElement.addEventListener("click", () => {
         this.state === "closed" && this.open();
       }, { signal: o });
@@ -174,7 +165,7 @@ let Me = (() => {
     }
     // Close the popover on click of any element that has the 'sbb-popover-close' attribute.
     _closeOnSbbPopoverCloseClick(t) {
-      const e = pe(t, "sbb-popover-close", this);
+      const e = be(t, "sbb-popover-close", this);
       e && !e.hasAttribute("disabled") && (clearTimeout(this._closeTimeout), this.close(e));
     }
     // Set popover position (x, y) to '0' once the popover is closed and the transition ended to prevent the
@@ -197,9 +188,9 @@ let Me = (() => {
     _setPopoverPosition() {
       if (!this._overlay || !this._triggerElement)
         return;
-      const t = ge(this._overlay, this._triggerElement, this.shadowRoot.querySelector(".sbb-popover__container"), {
-        verticalOffset: _e,
-        horizontalOffset: me,
+      const t = ve(this._overlay, this._triggerElement, this.shadowRoot.querySelector(".sbb-popover__container"), {
+        verticalOffset: ue,
+        horizontalOffset: _e,
         centered: !0,
         responsiveHeight: !0
       });
@@ -208,10 +199,10 @@ let Me = (() => {
       this.style.setProperty("--sbb-popover-position-x", `${t.left}px`), this.style.setProperty("--sbb-popover-position-y", `${t.top}px`), this.style.setProperty("--sbb-popover-arrow-position-x", `${e}px`);
     }
     render() {
-      const t = j`
+      const t = W`
       <span class="sbb-popover__close">
         <sbb-secondary-button
-          aria-label=${this.accessibilityCloseLabel || ce[this._language.current]}
+          aria-label=${this.accessibilityCloseLabel || pe[this._language.current]}
           size="s"
           type="button"
           icon-name="cross-small"
@@ -219,19 +210,19 @@ let Me = (() => {
         ></sbb-secondary-button>
       </span>
     `;
-      return j`
+      return W`
       <div class="sbb-popover__container">
         <div
           @animationend=${this._onPopoverAnimationEnd}
           class="sbb-popover"
           role="tooltip"
-          ${K((e) => this._overlay = e)}
+          ${J((e) => this._overlay = e)}
         >
           <div
             @click=${(e) => this._closeOnSbbPopoverCloseClick(e)}
             class="sbb-popover__content"
           >
-            ${!this.hideCloseButton && !this._hoverTrigger ? t : G}
+            ${!this.hideCloseButton && !this._hoverTrigger ? t : X}
             <span>
               <slot>No content</slot>
             </span>
@@ -240,24 +231,24 @@ let Me = (() => {
       </div>
     `;
     }
-  }, v = new WeakMap(), g = new WeakMap(), u = new WeakMap(), _ = new WeakMap(), m = new WeakMap(), f = new WeakMap(), b = a, (() => {
-    const t = typeof Symbol == "function" && Symbol.metadata ? Object.create(k[Symbol.metadata] ?? null) : void 0;
-    D = [w()], S = [C(), w({ attribute: "hide-close-button", type: Boolean })], A = [C(), w({ attribute: "hover-trigger", type: Boolean })], F = [C(), w({ attribute: "open-delay", type: Number })], $ = [C(), w({ attribute: "close-delay", type: Number })], N = [C(), w({ attribute: "accessibility-close-label" })], d(a, null, D, { kind: "accessor", name: "trigger", static: !1, private: !1, access: { has: (e) => "trigger" in e, get: (e) => e.trigger, set: (e, o) => {
+  }, d = new WeakMap(), v = new WeakMap(), g = new WeakMap(), u = new WeakMap(), _ = new WeakMap(), m = new WeakMap(), b = a, (() => {
+    const t = typeof Symbol == "function" && Symbol.metadata ? Object.create(T[Symbol.metadata] ?? null) : void 0;
+    E = [f()], L = [y(), f({ attribute: "hide-close-button", type: Boolean })], O = [y(), f({ attribute: "hover-trigger", type: Boolean })], B = [y(), f({ attribute: "open-delay", type: Number })], M = [y(), f({ attribute: "close-delay", type: Number })], U = [y(), f({ attribute: "accessibility-close-label" })], h(a, null, E, { kind: "accessor", name: "trigger", static: !1, private: !1, access: { has: (e) => "trigger" in e, get: (e) => e.trigger, set: (e, o) => {
       e.trigger = o;
-    } }, metadata: t }, L, P), d(a, null, S, { kind: "accessor", name: "hideCloseButton", static: !1, private: !1, access: { has: (e) => "hideCloseButton" in e, get: (e) => e.hideCloseButton, set: (e, o) => {
+    } }, metadata: t }, k, D), h(a, null, L, { kind: "accessor", name: "hideCloseButton", static: !1, private: !1, access: { has: (e) => "hideCloseButton" in e, get: (e) => e.hideCloseButton, set: (e, o) => {
       e.hideCloseButton = o;
-    } }, metadata: t }, O, z), d(a, null, A, { kind: "accessor", name: "hoverTrigger", static: !1, private: !1, access: { has: (e) => "hoverTrigger" in e, get: (e) => e.hoverTrigger, set: (e, o) => {
+    } }, metadata: t }, P, S), h(a, null, O, { kind: "accessor", name: "hoverTrigger", static: !1, private: !1, access: { has: (e) => "hoverTrigger" in e, get: (e) => e.hoverTrigger, set: (e, o) => {
       e.hoverTrigger = o;
-    } }, metadata: t }, B, I), d(a, null, F, { kind: "accessor", name: "openDelay", static: !1, private: !1, access: { has: (e) => "openDelay" in e, get: (e) => e.openDelay, set: (e, o) => {
+    } }, metadata: t }, z, A), h(a, null, B, { kind: "accessor", name: "openDelay", static: !1, private: !1, access: { has: (e) => "openDelay" in e, get: (e) => e.openDelay, set: (e, o) => {
       e.openDelay = o;
-    } }, metadata: t }, M, R), d(a, null, $, { kind: "accessor", name: "closeDelay", static: !1, private: !1, access: { has: (e) => "closeDelay" in e, get: (e) => e.closeDelay, set: (e, o) => {
+    } }, metadata: t }, F, I), h(a, null, M, { kind: "accessor", name: "closeDelay", static: !1, private: !1, access: { has: (e) => "closeDelay" in e, get: (e) => e.closeDelay, set: (e, o) => {
       e.closeDelay = o;
-    } }, metadata: t }, U, H), d(a, null, N, { kind: "accessor", name: "accessibilityCloseLabel", static: !1, private: !1, access: { has: (e) => "accessibilityCloseLabel" in e, get: (e) => e.accessibilityCloseLabel, set: (e, o) => {
+    } }, metadata: t }, R, $), h(a, null, U, { kind: "accessor", name: "accessibilityCloseLabel", static: !1, private: !1, access: { has: (e) => "accessibilityCloseLabel" in e, get: (e) => e.accessibilityCloseLabel, set: (e, o) => {
       e.accessibilityCloseLabel = o;
-    } }, metadata: t }, Y, Z), d(null, i = { value: b }, s, { kind: "class", name: b.name, metadata: t }, null, r), x = b = i.value, t && Object.defineProperty(b, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: t });
-  })(), a.styles = ue, l(b, r), a);
-  return x = b;
+    } }, metadata: t }, H, N), h(null, i = { value: b }, s, { kind: "class", name: b.name, metadata: t }, null, r), w = b = i.value, t && Object.defineProperty(b, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: t });
+  })(), a.styles = ge, l(b, r), a);
+  return w = b;
 })();
 export {
-  Me as SbbPopoverElement
+  Ie as SbbPopoverElement
 };

package/popover/popover-trigger/popover-trigger.component.js

@@ -5,7 +5,7 @@ import { SbbButtonBaseElement as v } from "../../core/base-elements.js";
 import { hostContext as i } from "../../core/dom.js";
 import { SbbDisabledTabIndexActionMixin as m, SbbNegativeMixin as p } from "../../core/mixins.js";
 import { SbbIconNameMixin as h } from "../../icon.js";
-const g = c`*,:before,:after{box-sizing:border-box}:host{display:inline-block;outline:none!important;--sbb-popover-color: inherit}@media (forced-colors: active){:host{--sbb-popover-color: ButtonText !important}}@media (any-hover: hover){:host(:hover){--sbb-popover-color: var(--sbb-color-iron)}:host(:hover[negative]){--sbb-popover-color: var(--sbb-color-cloud)}}:host([negative]){--sbb-focus-outline-color: var(--sbb-focus-outline-color-dark)}:host(:is(:active,[data-active])){--sbb-popover-color: var(--sbb-color-anthracite)}:host(:is(:active,[data-active])[negative]){--sbb-popover-color: var(--sbb-color-cement)}:host(:is(:disabled,[disabled-interactive])){pointer-events:none;--sbb-popover-color: var(--sbb-color-graphite)}@media (forced-colors: active){:host(:is(:disabled,[disabled-interactive])){--sbb-popover-color: GrayText !important}}:host(:is(:disabled,[disabled-interactive])[negative]){--sbb-popover-color: var(--sbb-color-smoke)}:host([data-icon-small]){display:inline-block;-webkit-tap-highlight-color:transparent;height:fit-content;outline:none!important;--sbb-button-color-text: var(--sbb-color-charcoal);--sbb-button-color-default-background: var(--sbb-color-black-alpha-0);--sbb-button-color-hover-background: var(--sbb-color-milk);--sbb-button-color-active-background: var(--sbb-color-cloud);--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-width: var(--sbb-border-width-1x);--sbb-button-border-disabled-style: dashed;--sbb-button-border-radius: var(--sbb-border-radius-infinity);--sbb-button-transition-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-2x) );--sbb-button-transition-easing-function: var(--sbb-animation-easing)}@media (forced-colors: active){:host([data-icon-small]){--sbb-button-color-text: ButtonText !important;--sbb-button-color-hover-background: Highlight !important;--sbb-button-color-active-background: Highlight !important;--sbb-button-color-disabled-background: Canvas !important;--sbb-button-color-disabled-border: GrayText !important;--sbb-button-color-disabled-text: GrayText !important}}:host([data-icon-small]) .sbb-popover-trigger{position:relative;transition-duration:var(--sbb-button-transition-duration);transition-timing-function:var(--sbb-button-transition-easing-function);transition-property:color;border-radius:var(--sbb-button-border-radius);color:var(--sbb-button-color-text);cursor:pointer;-webkit-user-select:none;user-select:none;display:flex}:host([data-icon-small]) .sbb-popover-trigger:before{position:absolute;content:"";top:0;right:0;bottom:0;left:0;border-radius:var(--sbb-button-border-radius);background-color:var(--sbb-button-color-default-background);transition-duration:var(--sbb-button-transition-duration);transition-timing-function:var(--sbb-button-transition-easing-function);transition-property:inset,background-color}sbb-icon{transition:transform var(--sbb-button-transition-duration) var(--sbb-button-transition-easing-function);transform:translateY(var(--sbb-button-translate-y-content-hover, 0rem));display:flex}:host([data-icon-small][negative]){--sbb-button-color-text: var(--sbb-color-milk);--sbb-button-color-default-background: var(--sbb-color-black-alpha-0);--sbb-button-color-hover-background: var(--sbb-color-charcoal);--sbb-button-color-active-background: var(--sbb-color-iron);--sbb-button-color-disabled-background: var(--sbb-color-charcoal);--sbb-button-color-disabled-border: var(--sbb-color-smoke);--sbb-button-color-disabled-text: var(--sbb-color-smoke)}:host([data-icon-small]:is(:disabled,[disabled-interactive])) .sbb-popover-trigger{color:var(--sbb-button-color-disabled-text);cursor:default;pointer-events:none}:host([data-icon-small]:is(:disabled,[disabled-interactive])) .sbb-popover-trigger:before{background-color:var(--sbb-button-color-disabled-background);border:var(--sbb-button-border-disabled-width) var(--sbb-button-border-disabled-style) var(--sbb-button-color-disabled-border)}:host([data-icon-small]:focus-visible) .sbb-popover-trigger: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)}@media (any-hover: hover){:host([data-icon-small]:not(:disabled,[disabled-interactive],active):hover){--sbb-button-translate-y-content-hover: -.0625rem}}@media (any-hover: hover){:host([data-icon-small]:not(:disabled,[disabled-interactive],active):hover) .sbb-popover-trigger:before{background-color:var(--sbb-button-color-hover-background)}}:host([data-icon-small]:is(active)) .sbb-popover-trigger:before{background-color:var(--sbb-button-color-active-background)}:host(:not([data-icon-small])) .sbb-popover-trigger{font-family:inherit;font-weight:inherit;line-height:inherit;letter-spacing:inherit;font-size:inherit;text-align:inherit;display:flex;cursor:pointer;color:var(--sbb-popover-color)}:host(:focus-visible:not([data-icon-small])) .sbb-popover-trigger{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) var(--sbb-focus-outline-style, solid) var(--sbb-focus-outline-width);border-radius:var(--sbb-border-radius-4x)}sbb-icon{min-width:var(--sbb-size-icon-ui-small);min-height:var(--sbb-size-icon-ui-small)}`;
+const g = c`*,:before,:after{box-sizing:border-box}:host{display:inline-block;outline:none!important;--sbb-popover-color: inherit}@media (forced-colors: active){:host{--sbb-popover-color: ButtonText !important}}@media (any-hover: hover){:host(:hover){--sbb-popover-color: var(--sbb-color-iron)}:host(:hover[negative]){--sbb-popover-color: var(--sbb-color-cloud)}}:host([negative]){--sbb-focus-outline-color: var(--sbb-focus-outline-color-dark)}:host(:is(:active,[data-active])){--sbb-popover-color: var(--sbb-color-anthracite)}:host(:is(:active,[data-active])[negative]){--sbb-popover-color: var(--sbb-color-cement)}:host(:is(:disabled,[disabled-interactive])){pointer-events:none;--sbb-popover-color: var(--sbb-color-graphite)}@media (forced-colors: active){:host(:is(:disabled,[disabled-interactive])){--sbb-popover-color: GrayText !important}}:host(:is(:disabled,[disabled-interactive])[negative]){--sbb-popover-color: var(--sbb-color-smoke)}:host([data-icon-small]){display:inline-block;-webkit-tap-highlight-color:transparent;height:fit-content;outline:none!important;--sbb-button-color-text: var(--sbb-color-charcoal);--sbb-button-color-default-background: var(--sbb-color-black-alpha-0);--sbb-button-color-hover-background: var(--sbb-color-milk);--sbb-button-color-active-background: var(--sbb-color-cloud);--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-width: var(--sbb-border-width-1x);--sbb-button-border-disabled-style: dashed;--sbb-button-border-radius: var(--sbb-border-radius-infinity);--sbb-button-transition-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-2x) );--sbb-button-transition-easing-function: var(--sbb-animation-easing)}@media (forced-colors: active){:host([data-icon-small]){--sbb-button-color-text: ButtonText !important;--sbb-button-color-hover-background: Highlight !important;--sbb-button-color-active-background: Highlight !important;--sbb-button-color-disabled-background: Canvas !important;--sbb-button-color-disabled-border: GrayText !important;--sbb-button-color-disabled-text: GrayText !important}}:host([data-icon-small]) .sbb-popover-trigger{position:relative;transition-duration:var(--sbb-button-transition-duration);transition-timing-function:var(--sbb-button-transition-easing-function);transition-property:color;border-radius:var(--sbb-button-border-radius);color:var(--sbb-button-color-text);cursor:pointer;-webkit-user-select:none;user-select:none;display:flex}:host([data-icon-small]) .sbb-popover-trigger:before{position:absolute;content:"";inset:0;border-radius:var(--sbb-button-border-radius);background-color:var(--sbb-button-color-default-background);transition-duration:var(--sbb-button-transition-duration);transition-timing-function:var(--sbb-button-transition-easing-function);transition-property:inset,background-color}sbb-icon{transition:transform var(--sbb-button-transition-duration) var(--sbb-button-transition-easing-function);transform:translateY(var(--sbb-button-translate-y-content-hover, 0rem));display:flex}:host([data-icon-small][negative]){--sbb-button-color-text: var(--sbb-color-milk);--sbb-button-color-default-background: var(--sbb-color-black-alpha-0);--sbb-button-color-hover-background: var(--sbb-color-charcoal);--sbb-button-color-active-background: var(--sbb-color-iron);--sbb-button-color-disabled-background: var(--sbb-color-charcoal);--sbb-button-color-disabled-border: var(--sbb-color-smoke);--sbb-button-color-disabled-text: var(--sbb-color-smoke)}:host([data-icon-small]:is(:disabled,[disabled-interactive])) .sbb-popover-trigger{color:var(--sbb-button-color-disabled-text);cursor:default;pointer-events:none}:host([data-icon-small]:is(:disabled,[disabled-interactive])) .sbb-popover-trigger:before{background-color:var(--sbb-button-color-disabled-background);border:var(--sbb-button-border-disabled-width) var(--sbb-button-border-disabled-style) var(--sbb-button-color-disabled-border)}:host([data-icon-small]:focus-visible) .sbb-popover-trigger: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)}@media (any-hover: hover){:host([data-icon-small]:not(:disabled,[disabled-interactive],active):hover){--sbb-button-translate-y-content-hover: -.0625rem}}@media (any-hover: hover){:host([data-icon-small]:not(:disabled,[disabled-interactive],active):hover) .sbb-popover-trigger:before{background-color:var(--sbb-button-color-hover-background)}}:host([data-icon-small]:is(active)) .sbb-popover-trigger:before{background-color:var(--sbb-button-color-active-background)}:host(:not([data-icon-small])) .sbb-popover-trigger{font-family:inherit;font-weight:inherit;line-height:inherit;letter-spacing:inherit;font-size:inherit;text-align:inherit;display:flex;cursor:pointer;color:var(--sbb-popover-color)}:host(:focus-visible:not([data-icon-small])) .sbb-popover-trigger{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) var(--sbb-focus-outline-style, solid) var(--sbb-focus-outline-width);border-radius:var(--sbb-border-radius-4x)}sbb-icon{min-width:var(--sbb-size-icon-ui-small);min-height:var(--sbb-size-icon-ui-small)}`;
 let T = (() => {
   var t;
   let s = [u("sbb-popover-trigger")], b, e = [], o, a = m(p(h(v)));