@sbb-esta/lyne-elements 2.5.1 → 2.6.0

package/popover/popover.js

@@ -1,41 +1,41 @@
-var W = (s) => {
+var j = (s) => {
   throw TypeError(s);
 };
-var j = (s, i, r) => i.has(s) || W("Cannot " + r);
-var p = (s, i, r) => (j(s, i, "read from private field"), r ? r.call(s) : i.get(s)), c = (s, i, r) => i.has(s) ? W("Cannot add the same private member more than once") : i instanceof WeakSet ? i.add(s) : i.set(s, r), n = (s, i, r, b) => (j(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 J, isServer as G, html as Q, nothing as K } from "lit";
+var Q = (s, i, r) => i.has(s) || j("Cannot " + r);
+var p = (s, i, r) => (Q(s, i, "read from private field"), r ? r.call(s) : i.get(s)), h = (s, i, r) => i.has(s) ? j("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 d } from "tslib";
+import { css as J, isServer as L, html as V, nothing as K } from "lit";
 import { customElement as ee, property as y } from "lit/decorators.js";
 import { ref as te } from "lit/directives/ref.js";
-import { SbbFocusHandler as oe, IS_FOCUSABLE_QUERY as se, setModalityOnNextFocus as E, getFirstFocusableElement as ie } from "../core/a11y.js";
+import { SbbFocusHandler as oe, IS_FOCUSABLE_QUERY as se, setModalityOnNextFocus as T, getFirstFocusableElement as ie } from "../core/a11y.js";
 import { SbbOpenCloseBaseElement as re } from "../core/base-elements.js";
-import { SbbMediaQueryPointerCoarse as ae, SbbEscapableOverlayController as ne, SbbLanguageController as le } from "../core/controllers.js";
-import { hostAttributes as be, forceType as w } from "../core/decorators.js";
-import { isZeroAnimationDuration as pe, findReferencedElement as ce } from "../core/dom.js";
-import { EventEmitter as V, composedPathHasAttribute as he } from "../core/eventing.js";
+import { SbbMediaQueryPointerCoarse as ae, SbbIdReferenceController as ne, SbbEscapableOverlayController as le, SbbLanguageController as be } from "../core/controllers.js";
+import { hostAttributes as ce, forceType as C } from "../core/decorators.js";
+import { isZeroAnimationDuration as pe } from "../core/dom.js";
+import { EventEmitter as X, composedPathHasAttribute as he } from "../core/eventing.js";
 import { i18nClosePopover as de } from "../core/i18n.js";
 import { SbbHydrationMixin as ve } from "../core/mixins.js";
-import { isEventOnElement as X, removeAriaOverlayTriggerAttributes as ue, setAriaOverlayTriggerAttributes as ge, getElementPosition as _e } from "../core/overlay.js";
+import { isEventOnElement as G, removeAriaOverlayTriggerAttributes as ge, setAriaOverlayTriggerAttributes as ue, getElementPosition as _e } from "../core/overlay.js";
 import "../button/secondary-button.js";
 const me = J`*,: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);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}.sbb-popover:focus-visible:not([data-focus-origin=mouse],[data-focus-origin=touch]){outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) 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)}}`, fe = 16, ye = 32;
 let we = 0;
-const T = /* @__PURE__ */ new Set(), Ce = G ? !1 : matchMedia(ae).matches;
+const k = /* @__PURE__ */ new Set(), Ce = L ? !1 : matchMedia(ae).matches;
 let Re = (() => {
-  var d, v, u, g, _, m, a;
-  let s = [ee("sbb-popover"), be({ popover: "manual" })], i, r = [], b, k = ve(re), D, L = [], S = [], O, P = [], z = [], A, B = [], F = [], M, I = [], H = [], R, $ = [], N = [], U, Y = [], Z = [];
-  var C = (a = class extends k {
+  var v, g, u, _, m, f, a;
+  let s = [ee("sbb-popover"), ce({ popover: "manual" })], i, r = [], b, D = ve(re), S, O = [], P = [], z, A = [], B = [], F, I = [], M = [], H, R = [], $ = [], N, U = [], q = [], Y, Z = [], W = [];
+  var x = (a = class extends D {
     constructor() {
       super(...arguments);
-      c(this, d);
-      c(this, v);
-      c(this, u);
-      c(this, g);
-      c(this, _);
-      c(this, m);
-      n(this, d, l(this, L, null)), n(this, v, (l(this, S), l(this, P, !1))), n(this, u, (l(this, z), l(this, B, !1))), n(this, g, (l(this, F), l(this, I, 0))), n(this, _, (l(this, H), l(this, $, 0))), n(this, m, (l(this, N), l(this, Y, ""))), this.willClose = (l(this, Z), new V(this, C.events.willClose, { cancelable: !0 })), this.didClose = new V(this, C.events.didClose, { cancelable: !0 }), this._skipCloseFocus = !1, this._sbbEscapableOverlayController = new ne(this), this._focusHandler = new oe(), this._hoverTrigger = !1, this._language = new le(this), this._pointerDownListener = (t) => {
-        this._isPointerDownEventOnPopover = X(this._overlay, t);
+      h(this, v);
+      h(this, g);
+      h(this, u);
+      h(this, _);
+      h(this, m);
+      h(this, f);
+      n(this, v, l(this, O, null)), n(this, g, (l(this, P), l(this, A, !1))), n(this, u, (l(this, B), l(this, I, !1))), n(this, _, (l(this, M), l(this, R, 0))), n(this, m, (l(this, $), l(this, U, 0))), n(this, f, (l(this, q), l(this, Z, ""))), this.willClose = (l(this, W), new X(this, x.events.willClose, { cancelable: !0 })), this.didClose = new X(this, x.events.didClose, { cancelable: !0 }), this._skipCloseFocus = !1, this._hoverTrigger = !1, this._triggerIdReferenceController = new ne(this, "trigger"), this._escapableOverlayController = new le(this), this._focusHandler = new oe(), this._language = new be(this), this._pointerDownListener = (t) => {
+        this._isPointerDownEventOnPopover = G(this._overlay, t);
       }, this._closeOnBackdropClick = (t) => {
-        !this._isPointerDownEventOnPopover && !X(this._overlay, t) && (this._nextFocusedElement = t.composedPath().filter((e) => e instanceof window.HTMLElement).find((e) => e.matches(se)), clearTimeout(this._closeTimeout), this.close());
+        !this._isPointerDownEventOnPopover && !G(this._overlay, t) && (this._nextFocusedElement = t.composedPath().filter((e) => e instanceof window.HTMLElement).find((e) => e.matches(se)), clearTimeout(this._closeTimeout), this.close());
       }, this._onTriggerMouseEnter = () => {
         this.state === "closed" || this.state === "closing" ? this._openTimeout = setTimeout(() => this.open(), this.openDelay) : clearTimeout(this._closeTimeout);
       }, this._onTriggerMouseLeave = () => {
@@ -51,17 +51,17 @@ let Re = (() => {
      * Accepts both a string (id of an element) or an HTML element.
      */
     get trigger() {
-      return p(this, d);
+      return p(this, v);
     }
     set trigger(t) {
-      n(this, d, t);
+      n(this, v, t);
     }
     /** Whether the close button should be hidden. */
     get hideCloseButton() {
-      return p(this, v);
+      return p(this, g);
     }
     set hideCloseButton(t) {
-      n(this, v, t);
+      n(this, g, t);
     }
     /** Whether the popover should be triggered on hover. */
     get hoverTrigger() {
@@ -72,32 +72,32 @@ let Re = (() => {
     }
     /** Open the popover after a certain delay. */
     get openDelay() {
-      return p(this, g);
+      return p(this, _);
     }
     set openDelay(t) {
-      n(this, g, t);
+      n(this, _, t);
     }
     /** Close the popover after a certain delay. */
     get closeDelay() {
-      return p(this, _);
+      return p(this, m);
     }
     set closeDelay(t) {
-      n(this, _, t);
+      n(this, m, t);
     }
     /** This will be forwarded as aria-label to the close button element. */
     get accessibilityCloseLabel() {
-      return p(this, m);
+      return p(this, f);
     }
     set accessibilityCloseLabel(t) {
-      n(this, m, t);
+      n(this, f, 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 Array.from(T)) {
-          const f = o.getAttribute("data-state");
-          f && (f === "opened" || f === "opening") && o.close();
+      if (!(this.state !== "closed" && this.state !== "closing" || !this._overlay || !this.willOpen.emit())) {
+        for (const o of k) {
+          const c = o.getAttribute("data-state");
+          c && (c === "opened" || c === "opening") && o.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();
       }
@@ -111,50 +111,50 @@ let Re = (() => {
       return pe(this, "--sbb-popover-animation-duration");
     }
     _handleClosing() {
-      var t, e, o, f, q;
-      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), (f = this._overlay) == null || f.removeAttribute("tabindex"), !this._skipCloseFocus) {
-        const x = this._nextFocusedElement || this._triggerElement;
-        E(x), x == null || x.focus();
+      var t, e, o, c, w;
+      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), (c = this._overlay) == null || c.removeAttribute("tabindex"), !this._skipCloseFocus) {
+        const E = this._nextFocusedElement || this._triggerElement;
+        T(E), E == null || E.focus();
       }
-      this._sbbEscapableOverlayController.disconnect(), this.didClose.emit({ closeTarget: this._popoverCloseElement }), (q = this._openStateController) == null || q.abort(), this._focusHandler.disconnect();
+      this._escapableOverlayController.disconnect(), this.didClose.emit({ closeTarget: this._popoverCloseElement }), (w = this._openStateController) == null || w.abort(), this._focusHandler.disconnect();
     }
     _handleOpening() {
-      this.state = "opened", this.inert = !1, this._attachWindowEvents(), this._sbbEscapableOverlayController.connect(), this._setPopoverFocus(), this._focusHandler.trap(this, {
+      this.state = "opened", this.inert = !1, this._attachWindowEvents(), this._escapableOverlayController.connect(), this._setPopoverFocus(), this._focusHandler.trap(this, {
         postFilter: (t) => t !== this._overlay
       }), this.didOpen.emit();
     }
     connectedCallback() {
-      super.connectedCallback(), this.id || (this.id = this.id || `sbb-popover-${++we}`), this._configure(), this.state = "closed", T.add(this);
+      super.connectedCallback(), this.id || (this.id = `sbb-popover-${++we}`), this._configureTrigger(), this.state = "closed", k.add(this);
     }
-    willUpdate(t) {
-      var e, o;
-      super.willUpdate(t), t.has("trigger") && this.trigger !== t.get("trigger") && ((e = this._popoverController) == null || e.abort(), (o = this._openStateController) == null || o.abort(), this._configure()), t.has("hoverTrigger") && this._configure();
+    requestUpdate(t, e, o) {
+      super.requestUpdate(t, e, o), !L && (!t || t === "trigger" || t === "hoverTrigger") && this.hasUpdated && this._configureTrigger();
     }
     firstUpdated(t) {
       super.firstUpdated(t), this._hoverTrigger && (this._overlay.addEventListener("mouseenter", () => this._onOverlayMouseEnter()), this._overlay.addEventListener("mouseleave", () => this._onOverlayMouseLeave()));
     }
     disconnectedCallback() {
       var t, e;
-      super.disconnectedCallback(), (t = this._popoverController) == null || t.abort(), (e = this._openStateController) == null || e.abort(), this._focusHandler.disconnect(), T.delete(this);
+      super.disconnectedCallback(), this._triggerElement = null, (t = this._triggerAbortController) == null || t.abort(), (e = this._openStateController) == null || e.abort(), this._focusHandler.disconnect(), k.delete(this);
     }
     // Check if the trigger is valid and attach click event listeners.
-    _configure() {
-      var e;
-      if (G)
+    _configureTrigger() {
+      var c;
+      if (L)
         return;
       if (this.hydrationRequired) {
-        this.hydrationComplete.then(() => this._configure());
+        this.hydrationComplete.then(() => this._configureTrigger());
         return;
       }
-      if (ue(this._triggerElement), !this.trigger || (this._triggerElement = ce(this.trigger), !this._triggerElement))
+      const t = this.hoverTrigger && !Ce, e = this.trigger instanceof HTMLElement ? this.trigger : this._triggerIdReferenceController.find();
+      if (e === this._triggerElement && t === this._hoverTrigger || ((c = this._triggerAbortController) == null || c.abort(), ge(this._triggerElement), this._triggerElement = e, this._hoverTrigger = t, !this._triggerElement))
         return;
-      ge(this._triggerElement, "dialog", this.id, this.state), this._hoverTrigger = this.hoverTrigger && !Ce, (e = this._popoverController) == null || e.abort();
-      const { signal: t } = this._popoverController = new AbortController();
-      this._hoverTrigger ? (this._triggerElement.addEventListener("mouseenter", this._onTriggerMouseEnter, { signal: t }), this._triggerElement.addEventListener("mouseleave", this._onTriggerMouseLeave, { signal: t }), this._triggerElement.addEventListener("keydown", (o) => {
-        (o.code === "Space" || o.code === "Enter") && this.open();
-      }, { signal: t })) : this._triggerElement.addEventListener("click", () => {
+      ue(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", (w) => {
+        (w.code === "Space" || w.code === "Enter") && this.open();
+      }, { signal: o })) : this._triggerElement.addEventListener("click", () => {
         this.state === "closed" && this.open();
-      }, { signal: t });
+      }, { signal: o });
     }
     _attachWindowEvents() {
       this._openStateController = new AbortController(), document.addEventListener("scroll", () => this._setPopoverPosition(), {
@@ -187,7 +187,7 @@ let Re = (() => {
     // Set focus on the first focusable element.
     _setPopoverFocus() {
       const t = this.shadowRoot.querySelector("[sbb-popover-close]") || ie(Array.from(this.children).filter((e) => e instanceof window.HTMLElement));
-      t ? (E(t), t.focus()) : (this._overlay.setAttribute("tabindex", "0"), E(this._overlay), this._overlay.focus(), this._overlay.addEventListener("blur", () => {
+      t ? (T(t), t.focus()) : (this._overlay.setAttribute("tabindex", "0"), T(this._overlay), this._overlay.focus(), this._overlay.addEventListener("blur", () => {
         setTimeout(() => {
           var e;
           document.visibilityState !== "hidden" && ((e = this._overlay) == null || e.removeAttribute("tabindex"), (this.state === "opened" || this.state === "opening") && (this._skipCloseFocus = !0), this.close());
@@ -210,7 +210,7 @@ let Re = (() => {
       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 = Q`
+      const t = V`
       <span class="sbb-popover__close">
         <sbb-secondary-button
           aria-label=${this.accessibilityCloseLabel || de[this._language.current]}
@@ -221,7 +221,7 @@ let Re = (() => {
         ></sbb-secondary-button>
       </span>
     `;
-      return Q`
+      return V`
       <div class="sbb-popover__container">
         <div
           @animationend=${this._onPopoverAnimationEnd}
@@ -242,23 +242,23 @@ let Re = (() => {
       </div>
     `;
     }
-  }, d = new WeakMap(), v = new WeakMap(), u = new WeakMap(), g = new WeakMap(), _ = new WeakMap(), m = new WeakMap(), b = a, (() => {
-    const t = typeof Symbol == "function" && Symbol.metadata ? Object.create(k[Symbol.metadata] ?? null) : void 0;
-    D = [y()], O = [w(), y({ attribute: "hide-close-button", type: Boolean })], A = [w(), y({ attribute: "hover-trigger", type: Boolean })], M = [w(), y({ attribute: "open-delay", type: Number })], R = [w(), y({ attribute: "close-delay", type: Number })], U = [w(), y({ attribute: "accessibility-close-label" })], h(a, null, D, { kind: "accessor", name: "trigger", static: !1, private: !1, access: { has: (e) => "trigger" in e, get: (e) => e.trigger, set: (e, o) => {
+  }, 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(D[Symbol.metadata] ?? null) : void 0;
+    S = [y()], z = [C(), y({ attribute: "hide-close-button", type: Boolean })], F = [C(), y({ attribute: "hover-trigger", type: Boolean })], H = [C(), y({ attribute: "open-delay", type: Number })], N = [C(), y({ attribute: "close-delay", type: Number })], Y = [C(), y({ attribute: "accessibility-close-label" })], d(a, null, S, { 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, S), h(a, null, O, { kind: "accessor", name: "hideCloseButton", static: !1, private: !1, access: { has: (e) => "hideCloseButton" in e, get: (e) => e.hideCloseButton, set: (e, o) => {
+    } }, metadata: t }, O, P), d(a, null, z, { 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 }, P, z), h(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 }, A, B), d(a, null, F, { 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, F), h(a, null, M, { kind: "accessor", name: "openDelay", static: !1, private: !1, access: { has: (e) => "openDelay" in e, get: (e) => e.openDelay, set: (e, o) => {
+    } }, metadata: t }, I, M), d(a, null, H, { 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 }, I, H), h(a, null, R, { kind: "accessor", name: "closeDelay", static: !1, private: !1, access: { has: (e) => "closeDelay" in e, get: (e) => e.closeDelay, set: (e, o) => {
+    } }, metadata: t }, R, $), d(a, null, N, { 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 }, $, N), 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) => {
+    } }, metadata: t }, U, q), d(a, null, Y, { 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), h(null, i = { value: b }, s, { kind: "class", name: b.name, metadata: t }, null, r), C = b = i.value, t && Object.defineProperty(b, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: t });
+    } }, metadata: t }, Z, W), 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 = me, l(b, r), a);
-  return C = b;
+  return x = b;
 })();
 export {
   Re as SbbPopoverElement

package/select/select.d.ts

@@ -60,7 +60,7 @@ export declare class SbbSelectElement extends SbbSelectElement_base {
     private _originElement;
     private _triggerElement;
     private _openPanelEventsController;
-    private _sbbEscapableOverlayController;
+    private _escapableOverlayController;
     private _overlayId;
     private _activeItemIndex;
     private _searchTimeout?;

package/select/select.d.ts.map

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