@sbb-esta/lyne-elements 3.0.0 → 3.1.0

package/overlay/overlay-base-element.js

@@ -1,8 +1,8 @@
 var A = (i) => {
   throw TypeError(i);
 };
-var k = (i, r, s) => r.has(i) || A("Cannot " + s);
-var b = (i, r, s) => (k(i, r, "read from private field"), s ? s.call(i) : r.get(i)), m = (i, r, s) => r.has(i) ? A("Cannot add the same private member more than once") : r instanceof WeakSet ? r.add(i) : r.set(i, s), l = (i, r, s, u) => (k(i, r, "write to private field"), u ? u.call(i, s) : r.set(i, s), s);
+var k = (i, s, r) => s.has(i) || A("Cannot " + r);
+var p = (i, s, r) => (k(i, s, "read from private field"), r ? r.call(i) : s.get(i)), b = (i, s, r) => s.has(i) ? A("Cannot add the same private member more than once") : s instanceof WeakSet ? s.add(i) : s.set(i, r), l = (i, s, r, u) => (k(i, s, "write to private field"), u ? u.call(i, r) : s.set(i, r), r);
 import { __runInitializers as g, __esDecorate as f } from "tslib";
 import { isServer as O } from "lit";
 import { property as v } from "lit/decorators.js";
@@ -13,18 +13,18 @@ import { idReference as I, forceType as w } from "../core/decorators.js";
 import { SbbScrollHandler as U } from "../core/dom.js";
 import { i18nDialog as D } from "../core/i18n.js";
 import { SbbNegativeMixin as H } from "../core/mixins.js";
-import { removeAriaOverlayTriggerAttributes as $, setAriaOverlayTriggerAttributes as q } from "../core/overlay.js";
-const d = [];
+import { removeAriaOverlayTriggerAttributes as N, setAriaOverlayTriggerAttributes as $ } from "../core/overlay.js";
+const m = [];
 let Y = (() => {
   var n, c, h, a;
-  let i = H(S), r, s = [], u = [], _, C = [], y = [], E, L = [], R = [];
+  let i = H(S), s, r = [], u = [], _, C = [], y = [], E, L = [], R = [];
   return a = class extends i {
     constructor() {
       super(...arguments);
-      m(this, n);
-      m(this, c);
-      m(this, h);
-      l(this, n, g(this, s, null)), l(this, c, (g(this, u), g(this, C, ""))), l(this, h, (g(this, y), g(this, L, !1))), this.lastFocusedElement = g(this, R), this.focusTrapController = new F(this), this.scrollHandler = new U(), this.language = new T(this), this.inertController = new x(this), this.escapableOverlayController = new z(this), this._ariaLiveRefToggle = !1, this._triggerElement = null;
+      b(this, n);
+      b(this, c);
+      b(this, h);
+      l(this, n, g(this, r, null)), l(this, c, (g(this, u), g(this, C, ""))), l(this, h, (g(this, y), g(this, L, !1))), this.lastFocusedElement = g(this, R), this.focusTrapController = new F(this), this.scrollHandler = new U(), this.language = new T(this), this.inertController = new x(this), this.escapableOverlayController = new z(this), this._ariaLiveRefToggle = !1, this._triggerElement = null;
     }
     /**
      * The element that will trigger the menu overlay.
@@ -32,14 +32,14 @@ let Y = (() => {
      * For attribute usage, provide an id reference.
      */
     get trigger() {
-      return b(this, n);
+      return p(this, n);
     }
     set trigger(e) {
       l(this, n, e);
     }
     /** This will be forwarded as aria-label to the relevant nested element to describe the purpose of the overlay. */
     get accessibilityLabel() {
-      return b(this, c);
+      return p(this, c);
     }
     set accessibilityLabel(e) {
       l(this, c, e);
@@ -50,14 +50,14 @@ let Y = (() => {
      * you provide your own equivalent, if you decide to turn it off.
      */
     get skipFocusRestoration() {
-      return b(this, h);
+      return p(this, h);
     }
     set skipFocusRestoration(e) {
       l(this, h, e);
     }
     /** Opens the component. */
     open() {
-      this.state === "closed" && (this.lastFocusedElement = document.activeElement, this.dispatchBeforeOpenEvent() && (this.showPopover?.(), this.state = "opening", this._triggerElement?.setAttribute("aria-expanded", "true"), d.push(this), this.scrollHandler.disableScroll(), this.isZeroAnimationDuration() && this.handleOpening()));
+      this.state === "closed" && (this.lastFocusedElement = document.activeElement, this.dispatchBeforeOpenEvent() && (this.showPopover?.(), this.state = "opening", this._triggerElement?.setAttribute("aria-expanded", "true"), m.push(this), this.scrollHandler.disableScroll(), this.isZeroAnimationDuration() && this.handleOpening()));
     }
     /** Closes the component. */
     close(e, t) {
@@ -75,7 +75,7 @@ let Y = (() => {
     }
     // Check if the trigger is valid and attach click event listeners.
     _configureTrigger() {
-      this.trigger !== this._triggerElement && (this._triggerAbortController?.abort(), $(this._triggerElement), this._triggerElement = this.trigger, this._triggerElement && (q(this._triggerElement, "dialog", this.id, this.state), this._triggerAbortController = new AbortController(), this._triggerElement.addEventListener("click", () => this.open(), {
+      this.trigger !== this._triggerElement && (this._triggerAbortController?.abort(), N(this._triggerElement), this._triggerElement = this.trigger, this._triggerElement && ($(this._triggerElement, "dialog", this.id, this.state), this._triggerAbortController = new AbortController(), this._triggerElement.addEventListener("click", () => this.open(), {
         signal: this._triggerAbortController.signal
       })));
     }
@@ -98,15 +98,15 @@ let Y = (() => {
       });
     }
     removeInstanceFromGlobalCollection() {
-      d.splice(d.indexOf(this), 1);
+      m.splice(m.indexOf(this), 1);
     }
     // Close the component on click of any element that has the `closeAttribute` attribute.
     closeOnSbbOverlayCloseClick(e) {
-      const t = e.composedPath().filter((p) => p instanceof window.HTMLElement).find((p) => p.hasAttribute(this.closeAttribute) && !p.hasAttribute("disabled"));
-      if (!t)
+      const t = e.composedPath().filter((d) => d instanceof window.HTMLElement).find((d) => (d.hasAttribute(this.closeAttribute) || d.localName === this.closeTag) && !d.hasAttribute("disabled"));
+      if (!t || t.closest(this.localName) !== this && !this.shadowRoot?.contains(t))
         return;
       const o = t.getAttribute("type") === "submit" ? t.form ?? null : null;
-      d[d.length - 1].close(o, t);
+      m[m.length - 1].close(o, t);
     }
     removeAriaLiveRefContent() {
       this._ariaLiveRef.textContent = "";
@@ -128,9 +128,9 @@ let Y = (() => {
     }
   }, n = new WeakMap(), c = new WeakMap(), h = new WeakMap(), (() => {
     const e = typeof Symbol == "function" && Symbol.metadata ? Object.create(i[Symbol.metadata] ?? null) : void 0;
-    r = [I(), v()], _ = [w(), v({ attribute: "accessibility-label" })], E = [w(), v({ type: Boolean })], f(a, null, r, { kind: "accessor", name: "trigger", static: !1, private: !1, access: { has: (t) => "trigger" in t, get: (t) => t.trigger, set: (t, o) => {
+    s = [I(), v()], _ = [w(), v({ attribute: "accessibility-label" })], E = [w(), v({ type: Boolean })], f(a, null, s, { kind: "accessor", name: "trigger", static: !1, private: !1, access: { has: (t) => "trigger" in t, get: (t) => t.trigger, set: (t, o) => {
       t.trigger = o;
-    } }, metadata: e }, s, u), f(a, null, _, { kind: "accessor", name: "accessibilityLabel", static: !1, private: !1, access: { has: (t) => "accessibilityLabel" in t, get: (t) => t.accessibilityLabel, set: (t, o) => {
+    } }, metadata: e }, r, u), f(a, null, _, { kind: "accessor", name: "accessibilityLabel", static: !1, private: !1, access: { has: (t) => "accessibilityLabel" in t, get: (t) => t.accessibilityLabel, set: (t, o) => {
       t.accessibilityLabel = o;
     } }, metadata: e }, C, y), f(a, null, E, { kind: "accessor", name: "skipFocusRestoration", static: !1, private: !1, access: { has: (t) => "skipFocusRestoration" in t, get: (t) => t.skipFocusRestoration, set: (t, o) => {
       t.skipFocusRestoration = o;
@@ -139,5 +139,5 @@ let Y = (() => {
 })();
 export {
   Y as SbbOverlayBaseElement,
-  d as overlayRefs
+  m as overlayRefs
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sbb-esta/lyne-elements",
-  "version": "3.0.0",
+  "version": "3.1.0",
   "description": "Lyne Design System",
   "keywords": [
     "design system",
@@ -11,8 +11,8 @@
   "type": "module",
   "customElements": "custom-elements.json",
   "dependencies": {
-    "@lit-labs/observers": "^2.0.5",
-    "lit": "^3.3.0",
+    "@lit-labs/observers": "^2.0.6",
+    "lit": "^3.3.1",
     "tslib": "^2.8.1"
   },
   "publishConfig": {
@@ -467,6 +467,11 @@
       "development": "./development/dialog/dialog-actions.js",
       "default": "./dialog/dialog-actions.js"
     },
+    "./dialog/dialog-close-button.js": {
+      "types": "./development/dialog/dialog-close-button.d.ts",
+      "development": "./development/dialog/dialog-close-button.js",
+      "default": "./dialog/dialog-close-button.js"
+    },
     "./dialog/dialog-content.js": {
       "types": "./development/dialog/dialog-content.d.ts",
       "development": "./development/dialog/dialog-content.js",
@@ -587,6 +592,11 @@
       "development": "./development/header/header-button.js",
       "default": "./header/header-button.js"
     },
+    "./header/header-environment.js": {
+      "types": "./development/header/header-environment.d.ts",
+      "development": "./development/header/header-environment.js",
+      "default": "./header/header-environment.js"
+    },
     "./header/header-link.js": {
       "types": "./development/header/header-link.d.ts",
       "development": "./development/header/header-link.js",
@@ -782,6 +792,11 @@
       "development": "./development/option/option.js",
       "default": "./option/option.js"
     },
+    "./option/option-hint.js": {
+      "types": "./development/option/option-hint.d.ts",
+      "development": "./development/option/option-hint.js",
+      "default": "./option/option-hint.js"
+    },
     "./overlay.js": {
       "types": "./development/overlay.d.ts",
       "development": "./development/overlay.js",
@@ -857,6 +872,11 @@
       "development": "./development/select.js",
       "default": "./select.js"
     },
+    "./selection-action-panel.js": {
+      "types": "./development/selection-action-panel.d.ts",
+      "development": "./development/selection-action-panel.js",
+      "default": "./selection-action-panel.js"
+    },
     "./selection-expansion-panel.js": {
       "types": "./development/selection-expansion-panel.d.ts",
       "development": "./development/selection-expansion-panel.js",

package/popover/popover/popover.component.d.ts

@@ -18,6 +18,7 @@ export declare abstract class SbbPopoverBaseElement extends SbbPopoverBaseElemen
     private _openStateController;
     private _escapableOverlayController;
     private _focusTrapController;
+    private _blurTimeout;
     protected closeTimeout?: ReturnType<typeof setTimeout>;
     protected overlay?: HTMLDivElement;
     /** Opens the popover on trigger click. */
@@ -63,10 +64,24 @@ export declare class SbbPopoverElement extends SbbPopoverBaseElement {
     accessor hideCloseButton: boolean;
     /** Whether the popover should be triggered on hover. */
     accessor hoverTrigger: boolean;
-    /** Open the popover after a certain delay. */
-    accessor openDelay: number;
-    /** Close the popover after a certain delay. */
-    accessor closeDelay: number;
+    /**
+     * Open the popover after a given delay in milliseconds.
+     * Global configuration is used as default, if not set.
+     *
+     * @default 0
+     */
+    set openDelay(value: number);
+    get openDelay(): number;
+    private _openDelay?;
+    /**
+     * Close the popover after a given delay in milliseconds.
+     * Global configuration is used as default, if not set.
+     *
+     * @default 0
+     */
+    set closeDelay(value: number);
+    get closeDelay(): number;
+    private _closeDelay?;
     /** This will be forwarded as aria-label to the close button element. */
     accessor accessibilityCloseLabel: string;
     private _hoverTrigger;

package/popover/popover/popover.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"popover.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/popover/popover/popover.component.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"popover.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/popover/popover/popover.component.ts"],"names":[],"mappings":"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"}

package/popover/popover/popover.component.js

@@ -1,36 +1,37 @@
-var $ = (i) => {
+var B = (i) => {
   throw TypeError(i);
 };
-var R = (i, r, a) => r.has(i) || $("Cannot " + a);
-var v = (i, r, a) => (R(i, r, "read from private field"), a ? a.call(i) : r.get(i)), g = (i, r, a) => r.has(i) ? $("Cannot add the same private member more than once") : r instanceof WeakSet ? r.add(i) : r.set(i, a), l = (i, r, a, n) => (R(i, r, "write to private field"), n ? n.call(i, a) : r.set(i, a), a);
-import { __runInitializers as b, __esDecorate as u } from "tslib";
-import { css as H, isServer as L, html as O, nothing as Y } from "lit";
-import { property as T, customElement as Z } from "lit/decorators.js";
-import { ref as j } from "lit/directives/ref.js";
-import { SbbFocusTrapController as q, IS_FOCUSABLE_QUERY as W, sbbInputModalityDetector as Q, isFakeMousedownFromScreenReader as V } from "../../core/a11y.js";
-import { SbbOpenCloseBaseElement as X } from "../../core/base-elements.js";
-import { SbbMediaQueryPointerCoarse as G, SbbEscapableOverlayController as J, SbbLanguageController as K } from "../../core/controllers.js";
-import { idReference as ee, forceType as x } from "../../core/decorators.js";
-import { isZeroAnimationDuration as te } from "../../core/dom.js";
-import { composedPathHasAttribute as oe } from "../../core/eventing.js";
-import { i18nClosePopover as se } from "../../core/i18n.js";
-import { SbbHydrationMixin as ie } from "../../core/mixins.js";
-import { isEventOnElement as N, removeAriaOverlayTriggerAttributes as re, setAriaOverlayTriggerAttributes as ae, getElementPosition as ne } from "../../core/overlay.js";
+var F = (i, r, a) => r.has(i) || B("Cannot " + a);
+var y = (i, r, a) => (F(i, r, "read from private field"), a ? a.call(i) : r.get(i)), w = (i, r, a) => r.has(i) ? B("Cannot add the same private member more than once") : r instanceof WeakSet ? r.add(i) : r.set(i, a), d = (i, r, a, n) => (F(i, r, "write to private field"), n ? n.call(i, a) : r.set(i, a), a);
+import { __runInitializers as p, __esDecorate as v } from "tslib";
+import { css as U, isServer as E, html as k, nothing as $ } from "lit";
+import { property as _, customElement as R } from "lit/decorators.js";
+import { ref as N } from "lit/directives/ref.js";
+import { SbbFocusTrapController as H, IS_FOCUSABLE_QUERY as Y, sbbInputModalityDetector as Z, isFakeMousedownFromScreenReader as j } from "../../core/a11y.js";
+import { SbbOpenCloseBaseElement as q } from "../../core/base-elements.js";
+import { readConfig as M } from "../../core/config.js";
+import { SbbMediaQueryPointerCoarse as W, SbbEscapableOverlayController as Q, SbbLanguageController as V } from "../../core/controllers.js";
+import { idReference as X, forceType as T } from "../../core/decorators.js";
+import { isZeroAnimationDuration as G } from "../../core/dom.js";
+import { composedPathHasAttribute as J } from "../../core/eventing.js";
+import { i18nClosePopover as K } from "../../core/i18n.js";
+import { SbbHydrationMixin as ee } from "../../core/mixins.js";
+import { isEventOnElement as I, removeAriaOverlayTriggerAttributes as te, setAriaOverlayTriggerAttributes as oe, getElementPosition as se } from "../../core/overlay.js";
 import "../../button/secondary-button.js";
-const le = H`*,: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)}}`, be = 16, pe = 32;
-let ce = 0;
-const k = /* @__PURE__ */ new Set(), he = L ? !1 : matchMedia(G).matches;
-let de = (() => {
-  var h, p;
-  let i = ie(X), r, a = [], n = [];
-  return p = class extends i {
+const ie = U`*,: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)}}`, re = 16, ae = 32;
+let ne = 0;
+const x = /* @__PURE__ */ new Set(), le = E ? !1 : matchMedia(W).matches;
+let be = (() => {
+  var h, l;
+  let i = ee(q), r, a = [], n = [];
+  return l = class extends i {
     constructor() {
       super(...arguments);
-      g(this, h);
-      l(this, h, b(this, a, null)), this._nextFocusedElement = b(this, n), this._skipCloseFocus = !1, this._escapableOverlayController = new J(this), this._focusTrapController = new q(this), this._pointerDownListener = (e) => {
-        this._isPointerDownEventOnPopover = N(this.overlay, e);
+      w(this, h);
+      d(this, h, p(this, a, null)), this._nextFocusedElement = p(this, n), this._skipCloseFocus = !1, this._escapableOverlayController = new Q(this), this._focusTrapController = new H(this), this._blurTimeout = null, this._pointerDownListener = (e) => {
+        this._isPointerDownEventOnPopover = I(this.overlay, e);
       }, this._closeOnBackdropClick = (e) => {
-        !this._isPointerDownEventOnPopover && !N(this.overlay, e) && (this._nextFocusedElement = e.composedPath().filter((s) => s instanceof window.HTMLElement).find((s) => s.matches(W)), clearTimeout(this.closeTimeout), this.close());
+        !this._isPointerDownEventOnPopover && !I(this.overlay, e) && (this._nextFocusedElement = e.composedPath().filter((s) => s instanceof window.HTMLElement).find((s) => s.matches(Y)), clearTimeout(this.closeTimeout), this.close());
       };
     }
     /**
@@ -39,15 +40,15 @@ let de = (() => {
      * For attribute usage, provide an id reference.
      */
     get trigger() {
-      return v(this, h);
+      return y(this, h);
     }
     set trigger(e) {
-      l(this, h, e);
+      d(this, h, e);
     }
     /** Opens the popover on trigger click. */
     open() {
       if (!(this.state !== "closed" && this.state !== "closing" || !this.overlay || !this.dispatchBeforeOpenEvent())) {
-        for (const e of k) {
+        for (const e of x) {
           const s = e.getAttribute("data-state");
           s && (s === "opened" || s === "opening") && e.close();
         }
@@ -59,7 +60,7 @@ let de = (() => {
       this.state !== "opened" && this.state !== "opening" || (this._popoverCloseElement = e, this.dispatchBeforeCloseEvent({ closeTarget: e ?? null }) && (this.state = "closing", this.inert = !0, this._triggerElement?.setAttribute("aria-expanded", "false"), this._isZeroAnimationDuration() && this._handleClosing()));
     }
     _isZeroAnimationDuration() {
-      return te(this, "--sbb-popover-animation-duration");
+      return G(this, "--sbb-popover-animation-duration");
     }
     _handleClosing() {
       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.dispatchCloseEvent({ closeTarget: this._popoverCloseElement ?? null }), this._openStateController?.abort(), this._focusTrapController.enabled = !1;
@@ -68,20 +69,20 @@ let de = (() => {
       this.state = "opened", this.inert = !1, this._attachWindowEvents(), this._escapableOverlayController.connect(), this._setPopoverFocus(), this._focusTrapController.enabled = !0, this.dispatchOpenEvent();
     }
     connectedCallback() {
-      this.popover = "manual", super.connectedCallback(), this.id ||= `sbb-popover-${++ce}`, this.state = "closed", k.add(this), this.hasUpdated && this._configureTrigger();
+      this.popover = "manual", super.connectedCallback(), this.id ||= `sbb-popover-${++ne}`, this.state = "closed", x.add(this), this.hasUpdated && this._configureTrigger();
     }
-    requestUpdate(e, s, f) {
-      super.requestUpdate(e, s, f), !L && (!e || e === "trigger" || e === "hoverTrigger") && this.hasUpdated && this._configureTrigger();
+    requestUpdate(e, s, u) {
+      super.requestUpdate(e, s, u), !E && (!e || e === "trigger" || e === "hoverTrigger") && this.hasUpdated && this._configureTrigger();
     }
     firstUpdated(e) {
       super.firstUpdated(e), this._configureTrigger();
     }
     disconnectedCallback() {
-      super.disconnectedCallback(), this._triggerElement = null, this._triggerAbortController?.abort(), this._openStateController?.abort(), k.delete(this);
+      super.disconnectedCallback(), this._triggerElement = null, this._triggerAbortController?.abort(), this._openStateController?.abort(), x.delete(this), this._blurTimeout && clearTimeout(this._blurTimeout);
     }
     // Check if the trigger is valid and attach click event listeners.
     _configureTrigger() {
-      if (!L) {
+      if (!E) {
         if (this.hydrationRequired) {
           this.hydrationComplete.then(() => this._configureTrigger());
           return;
@@ -90,7 +91,7 @@ let de = (() => {
       }
     }
     configureTrigger(e) {
-      this._triggerAbortController?.abort(), re(this._triggerElement), this._triggerElement = this.trigger, this._triggerElement && (ae(this._triggerElement, "dialog", this.id, this.state), this._triggerAbortController = new AbortController(), this.registerTriggerListeners(this._triggerAbortController.signal));
+      this._triggerAbortController?.abort(), te(this._triggerElement), this._triggerElement = this.trigger, this._triggerElement && (oe(this._triggerElement, "dialog", this.id, this.state), this._triggerAbortController = new AbortController(), this.registerTriggerListeners(this._triggerAbortController.signal));
     }
     registerTriggerListeners(e) {
       this._triggerElement.addEventListener("click", () => this.open(), { signal: e });
@@ -113,7 +114,7 @@ let de = (() => {
     }
     // Close the popover on click of any element that has the 'sbb-popover-close' attribute.
     _closeOnSbbPopoverCloseClick(e) {
-      const s = oe(e, "sbb-popover-close", this);
+      const s = J(e, "sbb-popover-close", this);
       s && !s.hasAttribute("disabled") && (clearTimeout(this.closeTimeout), this.close(s));
     }
     // Set popover position (x, y) to '0' once the popover is closed and the transition ended to prevent the
@@ -125,9 +126,13 @@ let de = (() => {
     }
     // Set focus on the first focusable element.
     _setPopoverFocus() {
-      this._focusTrapController.focusInitialElement() || (this.setAttribute("tabindex", "0"), this.focus(), this.addEventListener("blur", () => {
-        setTimeout(() => {
-          document.visibilityState !== "hidden" && (this.removeAttribute("tabindex"), (this.state === "opened" || this.state === "opening") && (this._skipCloseFocus = !0), this.close());
+      this._focusTrapController.focusInitialElement() || (this.setAttribute("tabindex", "0"), this.focus(), this.addEventListener("blur", (s) => {
+        this._blurTimeout = setTimeout(() => {
+          if (document.visibilityState !== "hidden") {
+            if (this.removeAttribute("tabindex"), this.contains(s.relatedTarget))
+              return;
+            (this.state === "opened" || this.state === "opening") && (this._skipCloseFocus = !0), this.close();
+          }
         });
       }, {
         signal: this._openStateController.signal
@@ -136,9 +141,9 @@ let de = (() => {
     _setPopoverPosition() {
       if (!this.overlay || !this._triggerElement)
         return;
-      const e = ne(this.overlay, this._triggerElement, this.shadowRoot.querySelector(".sbb-popover__container"), {
-        verticalOffset: be,
-        horizontalOffset: pe,
+      const e = se(this.overlay, this._triggerElement, this.shadowRoot.querySelector(".sbb-popover__container"), {
+        verticalOffset: re,
+        horizontalOffset: ae,
         centered: !0,
         responsiveHeight: !0
       });
@@ -156,13 +161,13 @@ let de = (() => {
       return this.dispatchEvent(new CustomEvent("close", { detail: e }));
     }
     render() {
-      return O`
+      return k`
       <div class="sbb-popover__container">
         <div
           @animationend=${this._onPopoverAnimationEnd}
           class="sbb-popover"
           role="tooltip"
-          ${j((e) => this.overlay = e)}
+          ${N((e) => this.overlay = e)}
         >
           <div
             @click=${(e) => this._closeOnSbbPopoverCloseClick(e)}
@@ -176,24 +181,22 @@ let de = (() => {
     }
   }, h = new WeakMap(), (() => {
     const e = typeof Symbol == "function" && Symbol.metadata ? Object.create(i[Symbol.metadata] ?? null) : void 0;
-    r = [ee(), T()], u(p, null, r, { kind: "accessor", name: "trigger", static: !1, private: !1, access: { has: (s) => "trigger" in s, get: (s) => s.trigger, set: (s, f) => {
-      s.trigger = f;
-    } }, metadata: e }, a, n), e && Object.defineProperty(p, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: e });
-  })(), p.styles = le, p;
-})(), De = (() => {
-  var m, _, y, w, C, c;
-  let i = [Z("sbb-popover")], r, a = [], n, h = de, p, S = [], E = [], e, s = [], f = [], D, A = [], P = [], z, B = [], F = [], I, M = [], U = [];
-  return c = class extends h {
+    r = [X(), _()], v(l, null, r, { kind: "accessor", name: "trigger", static: !1, private: !1, access: { has: (s) => "trigger" in s, get: (s) => s.trigger, set: (s, u) => {
+      s.trigger = u;
+    } }, metadata: e }, a, n), e && Object.defineProperty(l, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: e });
+  })(), l.styles = ie, l;
+})(), Le = (() => {
+  var g, f, m, b;
+  let i = [R("sbb-popover")], r, a = [], n, h = be, l = [], L, C = [], e = [], s, u = [], O = [], S, A, D, P = [], z = [];
+  return b = class extends h {
     constructor() {
       super(...arguments);
-      g(this, m);
-      g(this, _);
-      g(this, y);
-      g(this, w);
-      g(this, C);
-      l(this, m, b(this, S, !1)), l(this, _, (b(this, E), b(this, s, !1))), l(this, y, (b(this, f), b(this, A, 0))), l(this, w, (b(this, P), b(this, B, 0))), l(this, C, (b(this, F), b(this, M, ""))), this._hoverTrigger = (b(this, U), !1), this._language = new K(this), this._overlayAbortController = null, this._onTriggerMouseEnter = () => {
+      w(this, g);
+      w(this, f);
+      w(this, m);
+      d(this, g, (p(this, l), p(this, C, !1))), d(this, f, (p(this, e), p(this, u, !1))), this._openDelay = p(this, O), d(this, m, p(this, P, "")), this._hoverTrigger = (p(this, z), !1), this._language = new V(this), this._overlayAbortController = null, this._onTriggerMouseEnter = () => {
         this.state === "closed" || this.state === "closing" ? this._openTimeout = setTimeout(() => {
-          Q.reset(), this.open();
+          Z.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);
@@ -205,41 +208,51 @@ let de = (() => {
     }
     /** Whether the close button should be hidden. */
     get hideCloseButton() {
-      return v(this, m);
+      return y(this, g);
     }
     set hideCloseButton(o) {
-      l(this, m, o);
+      d(this, g, o);
     }
     /** Whether the popover should be triggered on hover. */
     get hoverTrigger() {
-      return v(this, _);
+      return y(this, f);
     }
     set hoverTrigger(o) {
-      l(this, _, o);
-    }
-    /** Open the popover after a certain delay. */
-    get openDelay() {
-      return v(this, y);
+      d(this, f, o);
     }
+    /**
+     * Open the popover after a given delay in milliseconds.
+     * Global configuration is used as default, if not set.
+     *
+     * @default 0
+     */
     set openDelay(o) {
-      l(this, y, o);
+      this._openDelay = +o;
     }
-    /** Close the popover after a certain delay. */
-    get closeDelay() {
-      return v(this, w);
+    get openDelay() {
+      return this._openDelay ?? M().popover?.openDelay ?? 0;
     }
+    /**
+     * Close the popover after a given delay in milliseconds.
+     * Global configuration is used as default, if not set.
+     *
+     * @default 0
+     */
     set closeDelay(o) {
-      l(this, w, o);
+      this._closeDelay = +o;
+    }
+    get closeDelay() {
+      return this._closeDelay ?? M().popover?.closeDelay ?? 0;
     }
     /** This will be forwarded as aria-label to the close button element. */
     get accessibilityCloseLabel() {
-      return v(this, C);
+      return y(this, m);
     }
     set accessibilityCloseLabel(o) {
-      l(this, C, o);
+      d(this, m, o);
     }
     configureTrigger(o) {
-      const t = this.hoverTrigger && !he;
+      const t = this.hoverTrigger && !le;
       this.trigger === o && t === this._hoverTrigger || (this._hoverTrigger !== t && (this._hoverTrigger = t, this._registerOverlayListeners()), super.configureTrigger(o));
     }
     _registerOverlayListeners() {
@@ -253,17 +266,17 @@ let de = (() => {
       this._hoverTrigger && this.trigger ? (this.trigger.addEventListener("mouseenter", this._onTriggerMouseEnter, { signal: o }), this.trigger.addEventListener("mouseleave", this._onTriggerMouseLeave, { signal: o }), this.trigger.addEventListener("keydown", (t) => {
         (t.code === "Space" || t.code === "Enter") && this.open();
       }, { signal: o }), this.trigger.addEventListener("mousedown", (t) => {
-        V(t) && this.open();
+        j(t) && this.open();
       }, { signal: o })) : super.registerTriggerListeners(o);
     }
     firstUpdated(o) {
       super.firstUpdated(o), this._registerOverlayListeners();
     }
     renderContent() {
-      const o = O`
+      const o = k`
       <span class="sbb-popover__close">
         <sbb-secondary-button
-          aria-label=${this.accessibilityCloseLabel || se[this._language.current]}
+          aria-label=${this.accessibilityCloseLabel || K[this._language.current]}
           size="s"
           type="button"
           icon-name="cross-small"
@@ -271,29 +284,29 @@ let de = (() => {
         ></sbb-secondary-button>
       </span>
     `;
-      return O`
-      ${!this.hideCloseButton && !this._hoverTrigger ? o : Y}
+      return k`
+      ${!this.hideCloseButton && !this._hoverTrigger ? o : $}
       <span>
         <slot>No content</slot>
       </span>
     `;
     }
-  }, m = new WeakMap(), _ = new WeakMap(), y = new WeakMap(), w = new WeakMap(), C = new WeakMap(), n = c, (() => {
+  }, g = new WeakMap(), f = new WeakMap(), m = new WeakMap(), n = b, (() => {
     const o = typeof Symbol == "function" && Symbol.metadata ? Object.create(h[Symbol.metadata] ?? null) : void 0;
-    p = [x(), T({ attribute: "hide-close-button", type: Boolean })], e = [x(), T({ attribute: "hover-trigger", type: Boolean })], D = [x(), T({ attribute: "open-delay", type: Number })], z = [x(), T({ attribute: "close-delay", type: Number })], I = [x(), T({ attribute: "accessibility-close-label" })], u(c, null, p, { kind: "accessor", name: "hideCloseButton", static: !1, private: !1, access: { has: (t) => "hideCloseButton" in t, get: (t) => t.hideCloseButton, set: (t, d) => {
-      t.hideCloseButton = d;
-    } }, metadata: o }, S, E), u(c, null, e, { kind: "accessor", name: "hoverTrigger", static: !1, private: !1, access: { has: (t) => "hoverTrigger" in t, get: (t) => t.hoverTrigger, set: (t, d) => {
-      t.hoverTrigger = d;
-    } }, metadata: o }, s, f), u(c, null, D, { kind: "accessor", name: "openDelay", static: !1, private: !1, access: { has: (t) => "openDelay" in t, get: (t) => t.openDelay, set: (t, d) => {
-      t.openDelay = d;
-    } }, metadata: o }, A, P), u(c, null, z, { kind: "accessor", name: "closeDelay", static: !1, private: !1, access: { has: (t) => "closeDelay" in t, get: (t) => t.closeDelay, set: (t, d) => {
-      t.closeDelay = d;
-    } }, metadata: o }, B, F), u(c, null, I, { kind: "accessor", name: "accessibilityCloseLabel", static: !1, private: !1, access: { has: (t) => "accessibilityCloseLabel" in t, get: (t) => t.accessibilityCloseLabel, set: (t, d) => {
-      t.accessibilityCloseLabel = d;
-    } }, metadata: o }, M, U), u(null, r = { value: n }, i, { kind: "class", name: n.name, metadata: o }, null, a), n = r.value, o && Object.defineProperty(n, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: o }), b(n, a);
+    L = [T(), _({ attribute: "hide-close-button", type: Boolean })], s = [T(), _({ attribute: "hover-trigger", type: Boolean })], S = [_({ attribute: "open-delay", type: Number })], A = [_({ attribute: "close-delay", type: Number })], D = [T(), _({ attribute: "accessibility-close-label" })], v(b, null, L, { kind: "accessor", name: "hideCloseButton", static: !1, private: !1, access: { has: (t) => "hideCloseButton" in t, get: (t) => t.hideCloseButton, set: (t, c) => {
+      t.hideCloseButton = c;
+    } }, metadata: o }, C, e), v(b, null, s, { kind: "accessor", name: "hoverTrigger", static: !1, private: !1, access: { has: (t) => "hoverTrigger" in t, get: (t) => t.hoverTrigger, set: (t, c) => {
+      t.hoverTrigger = c;
+    } }, metadata: o }, u, O), v(b, null, S, { kind: "setter", name: "openDelay", static: !1, private: !1, access: { has: (t) => "openDelay" in t, set: (t, c) => {
+      t.openDelay = c;
+    } }, metadata: o }, null, l), v(b, null, A, { kind: "setter", name: "closeDelay", static: !1, private: !1, access: { has: (t) => "closeDelay" in t, set: (t, c) => {
+      t.closeDelay = c;
+    } }, metadata: o }, null, l), v(b, null, D, { kind: "accessor", name: "accessibilityCloseLabel", static: !1, private: !1, access: { has: (t) => "accessibilityCloseLabel" in t, get: (t) => t.accessibilityCloseLabel, set: (t, c) => {
+      t.accessibilityCloseLabel = c;
+    } }, metadata: o }, P, z), v(null, r = { value: n }, i, { kind: "class", name: n.name, metadata: o }, null, a), n = r.value, o && Object.defineProperty(n, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: o }), p(n, a);
   })(), n;
 })();
 export {
-  de as SbbPopoverBaseElement,
-  De as SbbPopoverElement
+  be as SbbPopoverBaseElement,
+  Le as SbbPopoverElement
 };