@sbb-esta/lyne-elements 2.5.1 → 2.7.0

package/popover/popover/popover.d.ts

@@ -1,4 +1,4 @@
-import { CSSResultGroup, PropertyValues, TemplateResult } from 'lit';
+import { CSSResultGroup, PropertyDeclaration, PropertyValues, TemplateResult } from 'lit';
 import { SbbOpenCloseBaseElement } from '../../core/base-elements.js';
 import { EventEmitter } from '../../core/eventing.js';
 declare const SbbPopoverElement_base: import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbHydrationMixinType> & typeof SbbOpenCloseBaseElement;
@@ -41,16 +41,17 @@ export declare class SbbPopoverElement extends SbbPopoverElement_base {
         closeTarget?: HTMLElement;
     }>;
     private _overlay;
-    private _triggerElement?;
     private _nextFocusedElement?;
     private _skipCloseFocus;
     private _popoverCloseElement?;
     private _isPointerDownEventOnPopover?;
-    private _popoverController;
-    private _openStateController;
-    private _sbbEscapableOverlayController;
-    private _focusHandler;
     private _hoverTrigger;
+    private _triggerElement?;
+    private _triggerAbortController;
+    private _triggerIdReferenceController;
+    private _openStateController;
+    private _escapableOverlayController;
+    private _focusTrapController;
     private _openTimeout?;
     private _closeTimeout?;
     private _language;
@@ -62,10 +63,10 @@ export declare class SbbPopoverElement extends SbbPopoverElement_base {
     private _handleClosing;
     private _handleOpening;
     connectedCallback(): void;
-    protected willUpdate(changedProperties: PropertyValues<this>): void;
+    requestUpdate(name?: PropertyKey, oldValue?: unknown, options?: PropertyDeclaration): void;
     protected firstUpdated(changedProperties: PropertyValues<this>): void;
     disconnectedCallback(): void;
-    private _configure;
+    private _configureTrigger;
     private _attachWindowEvents;
     private _closeOnSbbPopoverCloseClick;
     private _pointerDownListener;

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

@@ -1 +1 @@
-{"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["../../../../src/elements/popover/popover/popover.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAW1E,OAAO,EAAE,uBAAuB,EAAE,MAAM,6BAA6B,CAAC;AAQtE,OAAO,EAA4B,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAahF,OAAO,kCAAkC,CAAC;;AAU1C;;;;;;;;;;;;GAYG;AACH,qBAGM,iBAAkB,SAAQ,sBAA0C;IACxE,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD;;;OAGG;IACH,SAA4B,OAAO,EAAE,MAAM,GAAG,WAAW,GAAG,IAAI,CAAQ;IAExE,iDAAiD;IACjD,SAEgB,eAAe,EAAE,OAAO,CAAS;IAEjD,wDAAwD;IACxD,SAEgB,YAAY,EAAE,OAAO,CAAS;IAE9C,8CAA8C;IAC9C,SAEgB,SAAS,EAAE,MAAM,CAAK;IAEtC,+CAA+C;IAC/C,SAEgB,UAAU,EAAE,MAAM,CAAK;IAEvC,wEAAwE;IACxE,SAEgB,uBAAuB,EAAE,MAAM,CAAM;IAErD,sEAAsE;IACtE,UAAmB,SAAS,EAAE,YAAY,CAAC;QAAE,WAAW,CAAC,EAAE,WAAW,CAAA;KAAE,CAAC,CAIvE;IAEF,kDAAkD;IAClD,UAAmB,QAAQ,EAAE,YAAY,CAAC;QAAE,WAAW,CAAC,EAAE,WAAW,CAAA;KAAE,CAAC,CAItE;IAEF,OAAO,CAAC,QAAQ,CAAkB;IAClC,OAAO,CAAC,eAAe,CAAC,CAAqB;IAE7C,OAAO,CAAC,mBAAmB,CAAC,CAAc;IAC1C,OAAO,CAAC,eAAe,CAAkB;IACzC,OAAO,CAAC,oBAAoB,CAAC,CAAc;IAC3C,OAAO,CAAC,4BAA4B,CAAC,CAAU;IAC/C,OAAO,CAAC,kBAAkB,CAAmB;IAC7C,OAAO,CAAC,oBAAoB,CAAmB;IAC/C,OAAO,CAAC,8BAA8B,CAA2C;IACjF,OAAO,CAAC,aAAa,CAAyB;IAC9C,OAAO,CAAC,aAAa,CAAS;IAC9B,OAAO,CAAC,YAAY,CAAC,CAAgC;IACrD,OAAO,CAAC,aAAa,CAAC,CAAgC;IACtD,OAAO,CAAC,SAAS,CAAmC;IAEpD,0CAA0C;IACnC,IAAI,IAAI,IAAI;IAgCnB,0BAA0B;IACnB,KAAK,CAAC,MAAM,CAAC,EAAE,WAAW,GAAG,IAAI;IAqBxC,OAAO,CAAC,wBAAwB;IAIhC,OAAO,CAAC,cAAc;IAqBtB,OAAO,CAAC,cAAc;IAYN,iBAAiB,IAAI,IAAI;cAYtB,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;cAczD,YAAY,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAS9D,oBAAoB,IAAI,IAAI;IAS5C,OAAO,CAAC,UAAU;IAuDlB,OAAO,CAAC,mBAAmB;IAuB3B,OAAO,CAAC,4BAA4B;IAUpC,OAAO,CAAC,oBAAoB,CAE1B;IAGF,OAAO,CAAC,qBAAqB,CAS3B;IAEF,OAAO,CAAC,oBAAoB,CAM1B;IAEF,OAAO,CAAC,oBAAoB,CAM1B;IAEF,OAAO,CAAC,oBAAoB,CAI1B;IAEF,OAAO,CAAC,oBAAoB,CAI1B;IAMF,OAAO,CAAC,sBAAsB;IAS9B,OAAO,CAAC,gBAAgB;IAyCxB,OAAO,CAAC,mBAAmB;cA6BR,MAAM,IAAI,cAAc;CAkC5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,aAAa,EAAE,iBAAiB,CAAC;KAClC;CACF"}
+{"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["../../../../src/elements/popover/popover/popover.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,mBAAmB,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAM/F,OAAO,EAAE,uBAAuB,EAAE,MAAM,6BAA6B,CAAC;AAStE,OAAO,EAA4B,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAahF,OAAO,kCAAkC,CAAC;;AAU1C;;;;;;;;;;;;GAYG;AACH,qBAGM,iBAAkB,SAAQ,sBAA0C;IACxE,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD;;;OAGG;IACH,SAA4B,OAAO,EAAE,MAAM,GAAG,WAAW,GAAG,IAAI,CAAQ;IAExE,iDAAiD;IACjD,SAEgB,eAAe,EAAE,OAAO,CAAS;IAEjD,wDAAwD;IACxD,SAEgB,YAAY,EAAE,OAAO,CAAS;IAE9C,8CAA8C;IAC9C,SAEgB,SAAS,EAAE,MAAM,CAAK;IAEtC,+CAA+C;IAC/C,SAEgB,UAAU,EAAE,MAAM,CAAK;IAEvC,wEAAwE;IACxE,SAEgB,uBAAuB,EAAE,MAAM,CAAM;IAErD,sEAAsE;IACtE,UAAmB,SAAS,EAAE,YAAY,CAAC;QAAE,WAAW,CAAC,EAAE,WAAW,CAAA;KAAE,CAAC,CAIvE;IAEF,kDAAkD;IAClD,UAAmB,QAAQ,EAAE,YAAY,CAAC;QAAE,WAAW,CAAC,EAAE,WAAW,CAAA;KAAE,CAAC,CAItE;IAEF,OAAO,CAAC,QAAQ,CAAkB;IAElC,OAAO,CAAC,mBAAmB,CAAC,CAAc;IAC1C,OAAO,CAAC,eAAe,CAAkB;IACzC,OAAO,CAAC,oBAAoB,CAAC,CAAc;IAC3C,OAAO,CAAC,4BAA4B,CAAC,CAAU;IAC/C,OAAO,CAAC,aAAa,CAAS;IAC9B,OAAO,CAAC,eAAe,CAAC,CAAqB;IAC7C,OAAO,CAAC,uBAAuB,CAAmB;IAClD,OAAO,CAAC,6BAA6B,CAAiD;IACtF,OAAO,CAAC,oBAAoB,CAAmB;IAC/C,OAAO,CAAC,2BAA2B,CAA2C;IAC9E,OAAO,CAAC,oBAAoB,CAAoC;IAChE,OAAO,CAAC,YAAY,CAAC,CAAgC;IACrD,OAAO,CAAC,aAAa,CAAC,CAAgC;IACtD,OAAO,CAAC,SAAS,CAAmC;IAEpD,0CAA0C;IACnC,IAAI,IAAI,IAAI;IAgCnB,0BAA0B;IACnB,KAAK,CAAC,MAAM,CAAC,EAAE,WAAW,GAAG,IAAI;IAqBxC,OAAO,CAAC,wBAAwB;IAIhC,OAAO,CAAC,cAAc;IAoBtB,OAAO,CAAC,cAAc;IAUN,iBAAiB,IAAI,IAAI;IAQzB,aAAa,CAC3B,IAAI,CAAC,EAAE,WAAW,EAClB,QAAQ,CAAC,EAAE,OAAO,EAClB,OAAO,CAAC,EAAE,mBAAmB,GAC5B,IAAI;cAQY,YAAY,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAS9D,oBAAoB,IAAI,IAAI;IAS5C,OAAO,CAAC,iBAAiB;IA2DzB,OAAO,CAAC,mBAAmB;IAuB3B,OAAO,CAAC,4BAA4B;IAUpC,OAAO,CAAC,oBAAoB,CAE1B;IAGF,OAAO,CAAC,qBAAqB,CAS3B;IAEF,OAAO,CAAC,oBAAoB,CAM1B;IAEF,OAAO,CAAC,oBAAoB,CAM1B;IAEF,OAAO,CAAC,oBAAoB,CAI1B;IAEF,OAAO,CAAC,oBAAoB,CAI1B;IAMF,OAAO,CAAC,sBAAsB;IAS9B,OAAO,CAAC,gBAAgB;IAkCxB,OAAO,CAAC,mBAAmB;cA6BR,MAAM,IAAI,cAAc;CAkC5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,aAAa,EAAE,iBAAiB,CAAC;KAClC;CACF"}

package/popover/popover/popover.js

@@ -0,0 +1,261 @@
+var q = (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 } 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 C } from "../../core/decorators.js";
+import { isZeroAnimationDuration as le } from "../../core/dom.js";
+import { EventEmitter as Q, 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 V, removeAriaOverlayTriggerAttributes as he, setAriaOverlayTriggerAttributes as de, getElementPosition as ve } from "../../core/overlay.js";
+import "../../button/secondary-button.js";
+const ge = 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)}}`, ue = 16, _e = 32;
+let me = 0;
+const E = /* @__PURE__ */ new Set(), fe = T ? !1 : matchMedia(se).matches;
+let Fe = (() => {
+  var v, g, u, _, m, f, a;
+  let s = [J("sbb-popover"), ne({ popover: "manual" })], i, r = [], b, k = ce(oe), D, L = [], P = [], S, O = [], z = [], A, B = [], I = [], F, M = [], R = [], $, U = [], H = [], N, Y = [], Z = [];
+  var x = (a = class extends k {
+    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 ie(this, "trigger"), this._escapableOverlayController = new re(this), this._focusTrapController = new ee(this), this._language = new ae(this), this._pointerDownListener = (t) => {
+        this._isPointerDownEventOnPopover = V(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._onTriggerMouseEnter = () => {
+        this.state === "closed" || this.state === "closing" ? this._openTimeout = setTimeout(() => 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);
+      }, this._onOverlayMouseEnter = () => {
+        this.state !== "opening" && clearTimeout(this._closeTimeout);
+      }, this._onOverlayMouseLeave = () => {
+        this.state !== "opening" && (this._closeTimeout = setTimeout(() => this.close(), this.closeDelay));
+      };
+    }
+    /**
+     * The element that will trigger the popover overlay.
+     * Accepts both a string (id of an element) or an HTML element.
+     */
+    get trigger() {
+      return c(this, v);
+    }
+    set trigger(t) {
+      n(this, v, t);
+    }
+    /** Whether the close button should be hidden. */
+    get hideCloseButton() {
+      return c(this, g);
+    }
+    set hideCloseButton(t) {
+      n(this, g, t);
+    }
+    /** Whether the popover should be triggered on hover. */
+    get hoverTrigger() {
+      return c(this, u);
+    }
+    set hoverTrigger(t) {
+      n(this, u, t);
+    }
+    /** Open the popover after a certain delay. */
+    get openDelay() {
+      return c(this, _);
+    }
+    set openDelay(t) {
+      n(this, _, t);
+    }
+    /** Close the popover after a certain delay. */
+    get closeDelay() {
+      return c(this, m);
+    }
+    set closeDelay(t) {
+      n(this, m, t);
+    }
+    /** This will be forwarded as aria-label to the close button element. */
+    get accessibilityCloseLabel() {
+      return c(this, f);
+    }
+    set accessibilityCloseLabel(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 E) {
+          const p = o.getAttribute("data-state");
+          p && (p === "opened" || p === "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();
+      }
+    }
+    /** 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()));
+    }
+    _isZeroAnimationDuration() {
+      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;
+    }
+    _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-${++me}`), this._configureTrigger(), this.state = "closed", E.add(this);
+    }
+    requestUpdate(t, e, o) {
+      super.requestUpdate(t, e, o), !T && (!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(), this._triggerElement = null, (t = this._triggerAbortController) == null || t.abort(), (e = this._openStateController) == null || e.abort(), E.delete(this);
+    }
+    // Check if the trigger is valid and attach click event listeners.
+    _configureTrigger() {
+      var p;
+      if (T)
+        return;
+      if (this.hydrationRequired) {
+        this.hydrationComplete.then(() => this._configureTrigger());
+        return;
+      }
+      const t = this.hoverTrigger && !fe, e = this.trigger instanceof HTMLElement ? this.trigger : this._triggerIdReferenceController.find();
+      if (e === this._triggerElement && t === this._hoverTrigger || ((p = this._triggerAbortController) == null || p.abort(), he(this._triggerElement), this._triggerElement = e, this._hoverTrigger = t, !this._triggerElement))
+        return;
+      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();
+      }, { signal: o })) : this._triggerElement.addEventListener("click", () => {
+        this.state === "closed" && this.open();
+      }, { signal: o });
+    }
+    _attachWindowEvents() {
+      this._openStateController = new AbortController(), document.addEventListener("scroll", () => this._setPopoverPosition(), {
+        passive: !0,
+        signal: this._openStateController.signal,
+        // Without capture, other scroll contexts would not bubble to this event listener.
+        // Capture allows us to react to all scroll contexts in this DOM.
+        capture: !0
+      }), window.addEventListener("resize", () => this._setPopoverPosition(), {
+        passive: !0,
+        signal: this._openStateController.signal
+      }), window.addEventListener("pointerdown", this._pointerDownListener, {
+        signal: this._openStateController.signal
+      }), window.addEventListener("pointerup", this._closeOnBackdropClick, {
+        signal: this._openStateController.signal
+      });
+    }
+    // Close the popover on click of any element that has the 'sbb-popover-close' attribute.
+    _closeOnSbbPopoverCloseClick(t) {
+      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
+    // viewport from overflowing. And set the focus to the first focusable element once the popover is open.
+    // In rare cases it can be that the animationEnd event is triggered twice.
+    // To avoid entering a corrupt state, exit when state is not expected.
+    _onPopoverAnimationEnd(t) {
+      t.animationName === "open" && this.state === "opening" ? this._handleOpening() : t.animationName === "close" && this.state === "closing" && this._handleClosing();
+    }
+    // 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());
+        });
+      }, {
+        signal: this._openStateController.signal
+      }));
+    }
+    _setPopoverPosition() {
+      if (!this._overlay || !this._triggerElement)
+        return;
+      const t = ve(this._overlay, this._triggerElement, this.shadowRoot.querySelector(".sbb-popover__container"), {
+        verticalOffset: ue,
+        horizontalOffset: _e,
+        centered: !0,
+        responsiveHeight: !0
+      });
+      this.setAttribute("data-position", t.alignment.vertical);
+      const e = this._triggerElement.getBoundingClientRect().left - t.left + this._triggerElement.clientWidth / 2 - 8;
+      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`
+      <span class="sbb-popover__close">
+        <sbb-secondary-button
+          aria-label=${this.accessibilityCloseLabel || pe[this._language.current]}
+          size="s"
+          type="button"
+          icon-name="cross-small"
+          sbb-popover-close
+        ></sbb-secondary-button>
+      </span>
+    `;
+      return j`
+      <div class="sbb-popover__container">
+        <div
+          @animationend=${this._onPopoverAnimationEnd}
+          class="sbb-popover"
+          role="tooltip"
+          ${K((e) => this._overlay = e)}
+        >
+          <div
+            @click=${(e) => this._closeOnSbbPopoverCloseClick(e)}
+            class="sbb-popover__content"
+          >
+            ${!this.hideCloseButton && !this._hoverTrigger ? t : G}
+            <span>
+              <slot>No content</slot>
+            </span>
+          </div>
+        </div>
+      </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) => {
+      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) => {
+      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) => {
+      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) => {
+      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) => {
+      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) => {
+      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 = ge, l(b, r), a);
+  return x = b;
+})();
+export {
+  Fe as SbbPopoverElement
+};

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

@@ -0,0 +1,32 @@
+import { __esDecorate as n, __runInitializers as l } from "tslib";
+import { css as c, html as d } from "lit";
+import { customElement as u } from "lit/decorators.js";
+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)}`;
+let T = (() => {
+  var t;
+  let s = [u("sbb-popover-trigger")], b, e = [], o, a = m(p(h(v)));
+  return t = class extends a {
+    connectedCallback() {
+      super.connectedCallback();
+      const r = i("sbb-form-field", this) ?? i("[data-form-field]", this);
+      r && (this.toggleAttribute("data-icon-small", !0), this.negative = r.hasAttribute("negative"));
+    }
+    renderTemplate() {
+      return d`
+      <slot>
+        <sbb-icon name=${this.iconName || "circle-information-small"}></sbb-icon>
+      </slot>
+    `;
+    }
+  }, o = t, (() => {
+    const r = typeof Symbol == "function" && Symbol.metadata ? Object.create(a[Symbol.metadata] ?? null) : void 0;
+    n(null, b = { value: o }, s, { kind: "class", name: o.name, metadata: r }, null, e), o = b.value, r && Object.defineProperty(o, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: r });
+  })(), t.styles = g, l(o, e), o;
+})();
+export {
+  T as SbbPopoverTriggerElement
+};

package/popover/popover-trigger.d.ts

@@ -1,2 +1,5 @@
+/**
+ * @entrypoint
+ */
 export * from './popover-trigger/popover-trigger.js';
 //# sourceMappingURL=popover-trigger.d.ts.map

package/popover/popover-trigger.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"popover-trigger.d.ts","sourceRoot":"","sources":["../../../src/elements/popover/popover-trigger.ts"],"names":[],"mappings":"AAAA,cAAc,sCAAsC,CAAC"}
+{"version":3,"file":"popover-trigger.d.ts","sourceRoot":"","sources":["../../../src/elements/popover/popover-trigger.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,sCAAsC,CAAC"}

package/popover/popover-trigger.js

@@ -1,32 +1,4 @@
-import { __esDecorate as n, __runInitializers as l } from "tslib";
-import { css as c, html as d } from "lit";
-import { customElement as u } from "lit/decorators.js";
-import { SbbButtonBaseElement as v } from "../core/base-elements.js";
-import { hostContext as i } from "../core/dom.js";
-import { SbbDisabledTabIndexActionMixin as m, SbbNegativeMixin as h } from "../core/mixins.js";
-import { SbbIconNameMixin as p } 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:not([data-focus-origin=mouse],[data-focus-origin=touch])) .sbb-popover-trigger:before{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) 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],[data-focus-origin=mouse],[data-focus-origin=touch])) .sbb-popover-trigger{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) 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(h(p(v)));
-  return t = class extends a {
-    connectedCallback() {
-      super.connectedCallback();
-      const r = i("sbb-form-field", this) ?? i("[data-form-field]", this);
-      r && (this.toggleAttribute("data-icon-small", !0), this.negative = r.hasAttribute("negative"));
-    }
-    renderTemplate() {
-      return d`
-      <slot>
-        <sbb-icon name=${this.iconName || "circle-information-small"}></sbb-icon>
-      </slot>
-    `;
-    }
-  }, o = t, (() => {
-    const r = typeof Symbol == "function" && Symbol.metadata ? Object.create(a[Symbol.metadata] ?? null) : void 0;
-    n(null, b = { value: o }, s, { kind: "class", name: o.name, metadata: r }, null, e), o = b.value, r && Object.defineProperty(o, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: r });
-  })(), t.styles = g, l(o, e), o;
-})();
+import { SbbPopoverTriggerElement as o } from "./popover-trigger/popover-trigger.js";
 export {
-  T as SbbPopoverTriggerElement
+  o as SbbPopoverTriggerElement
 };

package/popover/popover.d.ts

@@ -1,2 +1,5 @@
+/**
+ * @entrypoint
+ */
 export * from './popover/popover.js';
 //# sourceMappingURL=popover.d.ts.map

package/popover/popover.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["../../../src/elements/popover/popover.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC"}
+{"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["../../../src/elements/popover/popover.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,sBAAsB,CAAC"}