@getflip/swirl-components 0.452.1 → 0.453.0

package/dist/components/swirl-popover-trigger2.js

@@ -1,209 +1 @@
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-
-const swirlPopoverTriggerCss = ".sc-swirl-popover-trigger-h{display:contents}";
-
-const SwirlPopoverTrigger = /*@__PURE__*/ proxyCustomElement(class SwirlPopoverTrigger extends HTMLElement {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.hidePopoverWhenInvisible = true;
-        this.setAriaAttributes = true;
-        this.triggerOnClick = true;
-        this.triggerOnHover = false;
-        this.triggerIsActive = false;
-        this.popoverMouseEnter = () => {
-            this.stopHoverLingerTimer();
-        };
-        this.popoverMouseLeave = () => {
-            if (this.triggerIsActive) {
-                this.mouseleaveHandler();
-            }
-        };
-        this.onMouseenter = () => {
-            if (!this.triggerOnHover)
-                return;
-            this.stopHoverLingerTimer();
-            this.triggerIsActive = true;
-            this.hoverDelayReference = setTimeout(() => {
-                this.hoverDelayReference = undefined;
-                if (this.triggerOnHover) {
-                    this.mouseenterHandler();
-                }
-            }, this.hoverDelay);
-        };
-        this.mouseenterHandler = () => {
-            const popoverEl = this.getPopoverEl();
-            const triggerEl = this.getTriggerEl();
-            popoverEl.open(triggerEl, true, "hover");
-            popoverEl.addEventListener("popoverOpen", () => {
-                this.updateTriggerElAriaAttributes(true);
-            }, { once: true });
-            popoverEl.addEventListener("popoverClose", () => {
-                this.updateTriggerElAriaAttributes(false);
-            }, { once: true });
-        };
-        this.onMouseleave = () => {
-            clearTimeout(this.hoverDelayReference);
-            this.mouseleaveHandler();
-        };
-        this.mouseleaveHandler = () => {
-            if (!this.triggerOnHover)
-                return;
-            this.startHoverLingerTimer();
-        };
-        this.onClick = () => {
-            if (!this.triggerOnClick)
-                return;
-            const popoverEl = this.getPopoverEl();
-            const triggerEl = this.getTriggerEl();
-            popoverEl.toggle(triggerEl, "click");
-            popoverEl.addEventListener("popoverOpen", () => {
-                this.updateTriggerElAriaAttributes(true);
-            }, { once: true });
-            popoverEl.addEventListener("popoverClose", () => {
-                this.updateTriggerElAriaAttributes(false);
-            }, { once: true });
-        };
-        this.updateTriggerElAriaAttributes = (open) => {
-            if (!this.setAriaAttributes) {
-                return;
-            }
-            const triggerEl = this.getTriggerEl();
-            if (!Boolean(triggerEl)) {
-                return;
-            }
-            const popoverId = this.getPopoverEl()?.id;
-            if (triggerEl.tagName.startsWith("SWIRL-")) {
-                if (!this.triggerOnHover) {
-                    triggerEl.setAttribute("swirl-aria-controls", popoverId);
-                    triggerEl.setAttribute("swirl-aria-expanded", String(open || "false"));
-                }
-                else {
-                    triggerEl.removeAttribute("swirl-aria-controls");
-                    triggerEl.removeAttribute("swirl-aria-expanded");
-                }
-                triggerEl.setAttribute("swirl-aria-haspopup", "dialog");
-            }
-            else {
-                if (!this.triggerOnHover) {
-                    triggerEl.setAttribute("aria-controls", popoverId);
-                    triggerEl.setAttribute("aria-expanded", String(open || "false"));
-                }
-                else {
-                    triggerEl.removeAttribute("aria-controls");
-                    triggerEl.removeAttribute("aria-expanded");
-                }
-                triggerEl.setAttribute("aria-haspopup", "dialog");
-            }
-        };
-    }
-    componentDidLoad() {
-        this.updateTriggerElAriaAttributes();
-        this.setupHoverListeners();
-        if (this.hidePopoverWhenInvisible) {
-            this.intersectionObserver = new IntersectionObserver(this.onVisibilityChange.bind(this), {
-                root: this.parentScrollContainer,
-                threshold: 1,
-            });
-            const firstChild = this.el.querySelector("*");
-            if (!Boolean(firstChild)) {
-                return;
-            }
-            this.intersectionObserver.observe(firstChild);
-        }
-    }
-    disconnectedCallback() {
-        this.intersectionObserver?.disconnect();
-        const popoverEl = this.getPopoverEl();
-        if (Boolean(popoverEl)) {
-            popoverEl.removeEventListener("mouseenter", this.popoverMouseEnter);
-            popoverEl.removeEventListener("mouseleave", this.popoverMouseLeave);
-        }
-    }
-    watchPopover() {
-        this.updateTriggerElAriaAttributes();
-    }
-    watchHover() {
-        this.updateTriggerElAriaAttributes();
-        clearTimeout(this.hoverDelayReference);
-        clearTimeout(this.hoverLingerReference);
-    }
-    getPopoverEl() {
-        return typeof this.swirlPopover === "string"
-            ? document.querySelector(`#${this.swirlPopover}`)
-            : this.swirlPopover?.el ??
-                this.swirlPopover;
-    }
-    getTriggerEl() {
-        if (this.el.children.length !== 1) {
-            console.warn('[Swirl] The "swirl-popover-trigger" component expects exactly one child element.');
-        }
-        return this.el.children[0];
-    }
-    onVisibilityChange(entries) {
-        const triggerIsVisible = entries[0].isIntersecting;
-        if (!triggerIsVisible && this.isPopoverOpen()) {
-            this.getPopoverEl()?.close();
-        }
-    }
-    setupHoverListeners() {
-        const popoverEl = this.getPopoverEl();
-        if (Boolean(popoverEl)) {
-            popoverEl.addEventListener("mouseenter", this.popoverMouseEnter);
-            popoverEl.addEventListener("mouseleave", this.popoverMouseLeave);
-        }
-    }
-    startHoverLingerTimer() {
-        clearTimeout(this.hoverLingerReference);
-        this.hoverLingerReference = setTimeout(() => {
-            if (this.triggerIsActive && this.isPopoverOpen()) {
-                this.getPopoverEl().close(true);
-            }
-            this.triggerIsActive = false;
-        }, this.hoverLingerDuration);
-    }
-    stopHoverLingerTimer() {
-        clearTimeout(this.hoverLingerReference);
-    }
-    isPopoverOpen() {
-        const popover = this.getPopoverEl();
-        const isActive = popover?.shadowRoot.firstChild?.classList.contains("popover--active");
-        return isActive;
-    }
-    render() {
-        return (h(Host, { key: 'ed30529af4247d3ba38e3013d25502fce887ab9a', onClick: this.onClick, onMouseenter: this.onMouseenter, onMouseleave: this.onMouseleave }, h("slot", { key: 'f79c47723269879b126adecab2186349bb51055e' })));
-    }
-    get el() { return this; }
-    static get watchers() { return {
-        "swirlPopover": ["watchPopover"],
-        "triggerOnHover": ["watchHover"]
-    }; }
-    static get style() { return swirlPopoverTriggerCss; }
-}, [6, "swirl-popover-trigger", {
-        "hidePopoverWhenInvisible": [4, "hide-popover-when-invisible"],
-        "parentScrollContainer": [16, "parent-scroll-container"],
-        "setAriaAttributes": [4, "set-aria-attributes"],
-        "swirlPopover": [1, "swirl-popover"],
-        "triggerOnClick": [4, "trigger-on-click"],
-        "triggerOnHover": [4, "trigger-on-hover"],
-        "hoverLingerDuration": [2, "hover-linger-duration"],
-        "hoverDelay": [2, "hover-delay"]
-    }, undefined, {
-        "swirlPopover": ["watchPopover"],
-        "triggerOnHover": ["watchHover"]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["swirl-popover-trigger"];
-    components.forEach(tagName => { switch (tagName) {
-        case "swirl-popover-trigger":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, SwirlPopoverTrigger);
-            }
-            break;
-    } });
-}
-
-export { SwirlPopoverTrigger as S, defineCustomElement as d };
+import{proxyCustomElement as t,HTMLElement as e,h as i,Host as s,transformTag as r}from"@stencil/core/internal/client";const o=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.hidePopoverWhenInvisible=!0,this.setAriaAttributes=!0,this.triggerOnClick=!0,this.triggerOnHover=!1,this.triggerIsActive=!1,this.popoverMouseEnter=()=>{this.stopHoverLingerTimer()},this.popoverMouseLeave=()=>{this.triggerIsActive&&this.mouseleaveHandler()},this.onMouseenter=()=>{this.triggerOnHover&&(this.stopHoverLingerTimer(),this.triggerIsActive=!0,this.hoverDelayReference=setTimeout((()=>{this.hoverDelayReference=void 0,this.triggerOnHover&&this.mouseenterHandler()}),this.hoverDelay))},this.mouseenterHandler=()=>{const t=this.getPopoverEl(),e=this.getTriggerEl();t.open(e,!0,"hover"),t.addEventListener("popoverOpen",(()=>{this.updateTriggerElAriaAttributes(!0)}),{once:!0}),t.addEventListener("popoverClose",(()=>{this.updateTriggerElAriaAttributes(!1)}),{once:!0})},this.onMouseleave=()=>{clearTimeout(this.hoverDelayReference),this.mouseleaveHandler()},this.mouseleaveHandler=()=>{this.triggerOnHover&&this.startHoverLingerTimer()},this.onClick=()=>{if(!this.triggerOnClick)return;const t=this.getPopoverEl(),e=this.getTriggerEl();t.toggle(e,"click"),t.addEventListener("popoverOpen",(()=>{this.updateTriggerElAriaAttributes(!0)}),{once:!0}),t.addEventListener("popoverClose",(()=>{this.updateTriggerElAriaAttributes(!1)}),{once:!0})},this.updateTriggerElAriaAttributes=t=>{if(!this.setAriaAttributes)return;const e=this.getTriggerEl();if(!Boolean(e))return;const i=this.getPopoverEl()?.id;e.tagName.startsWith("SWIRL-")?(this.triggerOnHover?(e.removeAttribute("swirl-aria-controls"),e.removeAttribute("swirl-aria-expanded")):(e.setAttribute("swirl-aria-controls",i),e.setAttribute("swirl-aria-expanded",String(t||"false"))),e.setAttribute("swirl-aria-haspopup","dialog")):(this.triggerOnHover?(e.removeAttribute("aria-controls"),e.removeAttribute("aria-expanded")):(e.setAttribute("aria-controls",i),e.setAttribute("aria-expanded",String(t||"false"))),e.setAttribute("aria-haspopup","dialog"))}}componentDidLoad(){if(this.updateTriggerElAriaAttributes(),this.setupHoverListeners(),this.hidePopoverWhenInvisible){this.intersectionObserver=new IntersectionObserver(this.onVisibilityChange.bind(this),{root:this.parentScrollContainer,threshold:1});const t=this.el.querySelector("*");if(!Boolean(t))return;this.intersectionObserver.observe(t)}}disconnectedCallback(){this.intersectionObserver?.disconnect();const t=this.getPopoverEl();Boolean(t)&&(t.removeEventListener("mouseenter",this.popoverMouseEnter),t.removeEventListener("mouseleave",this.popoverMouseLeave))}watchPopover(){this.updateTriggerElAriaAttributes()}watchHover(){this.updateTriggerElAriaAttributes(),clearTimeout(this.hoverDelayReference),clearTimeout(this.hoverLingerReference)}getPopoverEl(){return"string"==typeof this.swirlPopover?document.querySelector(`#${this.swirlPopover}`):this.swirlPopover?.el??this.swirlPopover}getTriggerEl(){return 1!==this.el.children.length&&console.warn('[Swirl] The "swirl-popover-trigger" component expects exactly one child element.'),this.el.children[0]}onVisibilityChange(t){!t[0].isIntersecting&&this.isPopoverOpen()&&this.getPopoverEl()?.close()}setupHoverListeners(){const t=this.getPopoverEl();Boolean(t)&&(t.addEventListener("mouseenter",this.popoverMouseEnter),t.addEventListener("mouseleave",this.popoverMouseLeave))}startHoverLingerTimer(){clearTimeout(this.hoverLingerReference),this.hoverLingerReference=setTimeout((()=>{this.triggerIsActive&&this.isPopoverOpen()&&this.getPopoverEl().close(!0),this.triggerIsActive=!1}),this.hoverLingerDuration)}stopHoverLingerTimer(){clearTimeout(this.hoverLingerReference)}isPopoverOpen(){const t=this.getPopoverEl(),e=t?.shadowRoot.firstChild?.classList.contains("popover--active");return e}render(){return i(s,{key:"6153ce306184ea0590f0576daca1741b1d7d5255",onClick:this.onClick,onMouseenter:this.onMouseenter,onMouseleave:this.onMouseleave},i("slot",{key:"1ace385a657a063fff383d561ac438d6f3179549"}))}get el(){return this}static get watchers(){return{swirlPopover:[{watchPopover:0}],triggerOnHover:[{watchHover:0}]}}static get style(){return".sc-swirl-popover-trigger-h{display:contents}"}},[262,"swirl-popover-trigger",{hidePopoverWhenInvisible:[4,"hide-popover-when-invisible"],parentScrollContainer:[16],setAriaAttributes:[4,"set-aria-attributes"],swirlPopover:[1,"swirl-popover"],triggerOnClick:[4,"trigger-on-click"],triggerOnHover:[4,"trigger-on-hover"],hoverLingerDuration:[2,"hover-linger-duration"],hoverDelay:[2,"hover-delay"]},void 0,{swirlPopover:[{watchPopover:0}],triggerOnHover:[{watchHover:0}]}]);function h(){"undefined"!=typeof customElements&&["swirl-popover-trigger"].forEach((t=>{"swirl-popover-trigger"===t&&(customElements.get(r(t))||customElements.define(r(t),o))}))}export{o as S,h as d}

package/dist/components/swirl-popover.js

@@ -1,6 +1 @@
-import { S as SwirlPopover$1, d as defineCustomElement$1 } from './swirl-popover2.js';
-
-const SwirlPopover = SwirlPopover$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { SwirlPopover, defineCustomElement };
+import{S as o,d as r}from"./swirl-popover2.js";const s=o,p=r;export{s as SwirlPopover,p as defineCustomElement}

package/dist/components/swirl-popover2.js

@@ -1,360 +1 @@
-import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { c as computePosition, a as autoUpdate, s as shift, o as offset, f as flip } from './floating-ui.dom.js';
-import { d as disableBodyScroll, e as enableBodyScroll } from './bodyScrollLock.esm.js';
-import { c as classNames } from './index2.js';
-import { t as tabbable } from './index.esm.js';
-import { i as isMobileViewport, t as getPixelsFromRemToken, k as getActiveElement, q as querySelectorAllDeep } from './utils.js';
-
-const swirlPopoverCss = ":host{position:relative;z-index:var(--s-z-40);display:contents}:host *{box-sizing:border-box}.popover{border:none;padding:0;margin:0}.popover::backdrop{display:none}.popover--active:not(.popover--closing) .popover__backdrop{animation:0.15s popover-fade-in}@media (prefers-reduced-motion){.popover--active:not(.popover--closing) .popover__backdrop{animation:none}}.popover--active:not(.popover--closing) .popover__content{animation:0.15s popover-slide-in}@media (min-width: 768px){.popover--active:not(.popover--closing) .popover__content{animation:0.15s popover-fade-scale-in-xy}}@media (prefers-reduced-motion){.popover--active:not(.popover--closing) .popover__content{animation:none}}.popover--closing .popover__backdrop{animation:0.15s popover-fade-out forwards}@media (prefers-reduced-motion){.popover--closing .popover__backdrop{animation:none}}.popover--closing .popover__content{animation:0.15s popover-slide-out forwards}@media (min-width: 768px){.popover--closing .popover__content{animation:0.15s popover-fade-out forwards}}@media (prefers-reduced-motion){.popover--closing .popover__content{animation:none}}.popover--inactive .popover__content{display:none}@media (max-width: 767px){.popover--fullscreen-bottom-sheet.popover--active:not(.popover--closing) .popover__content{animation:0.15s popover-fade-in}@media (prefers-reduced-motion){.popover--fullscreen-bottom-sheet.popover--active:not(.popover--closing) .popover__content{animation:none}}.popover--fullscreen-bottom-sheet.popover--closing .popover__content{animation:0.15s popover-fade-out forwards}@media (prefers-reduced-motion){.popover--fullscreen-bottom-sheet.popover--closing .popover__content{animation:none}}.popover--fullscreen-bottom-sheet .popover__backdrop{display:none}.popover--fullscreen-bottom-sheet .popover__content{top:0;border-top-left-radius:0;border-top-right-radius:0}.popover--fullscreen-bottom-sheet .popover__scroll-container{height:100%;max-height:none;padding-top:0;padding-bottom:0}.popover--fullscreen-bottom-sheet .popover__handle{display:none}}@media (min-width: 768px){.popover--animation-scale-in-y.popover--active:not(.popover--closing) .popover__content{animation:0.15s popover-fade-scale-in-y}}@media (prefers-reduced-motion){.popover--animation-scale-in-y.popover--active:not(.popover--closing) .popover__content{animation:none}}@media (min-width: 768px){.popover--animation-fade-in.popover--active:not(.popover--closing) .popover__content{animation:0.15s popover-fade-in}}@media (prefers-reduced-motion){.popover--animation-fade-in.popover--active:not(.popover--closing) .popover__content{animation:none}}@media (min-width: 768px){.popover--placement-bottom .popover__content,.popover--placement-bottom-start .popover__content,.popover--placement-right .popover__content,.popover--placement-right-start .popover__content{transform-origin:top left}}@media (min-width: 768px){.popover--placement-bottom-end .popover__content,.popover--placement-left .popover__content,.popover--placement-left-start .popover__content{transform-origin:top right}}@media (min-width: 768px){.popover--placement-top .popover__content,.popover--placement-top-start .popover__content,.popover--placement-right-end .popover__content{transform-origin:bottom left}}@media (min-width: 768px){.popover--placement-top-end .popover__content,.popover--placement-left-end .popover__content{transform-origin:bottom right}}@media (min-width: 768px){.popover--transparent .popover__content{background-color:transparent;box-shadow:none}}@media (min-width: 768px){.popover--transparent .popover__scroll-container{padding:0}}.popover--translucent .popover__content{background:var(--s-translucent-low-default);-webkit-backdrop-filter:blur(var(--s-blur-l));backdrop-filter:blur(var(--s-blur-l));outline:var(--s-border-width-default) solid\n      var(--s-border-translucent-outline)}.popover--translucent .popover__handle{background-color:var(--s-border-on-translucent)}.popover__backdrop{position:fixed;z-index:0;background-color:rgba(0, 0, 0, 0.2);animation:0.15s popover-backdrop-fade-in;inset:0}@media (prefers-reduced-motion){.popover__backdrop{animation:none}}@media (min-width: 768px){.popover__backdrop{display:none}}.popover__content{position:fixed;z-index:2;right:0;bottom:0;left:0;overflow:hidden;border-top-left-radius:var(--s-border-radius-xl);border-top-right-radius:var(--s-border-radius-xl);background-color:var(--s-surface-overlay-default)}@media (min-width: 768px){.popover__content{right:unset;bottom:unset;left:unset;border-radius:var(\n      --swirl-popover-border-radius,\n      var(--s-border-radius-base)\n    );max-width:22.5rem;animation:none;box-shadow:var(--s-shadow-level-2)}}.popover__scroll-container{overflow-x:hidden;overflow-y:auto;width:100%;max-height:90vh;padding-top:var(--s-space-24);padding-bottom:var(--s-space-24);overscroll-behavior:contain}@media (min-width: 768px){.popover__scroll-container{max-height:22rem;padding-top:0;padding-bottom:0}}@media (min-width: 768px){.popover--padded .popover__scroll-container{padding:var(--s-space-4)}}.popover__handle{position:absolute;top:var(--s-space-8);left:50%;width:2.5rem;height:0.375rem;border-radius:0.1875rem;background-color:var(--s-border-default);transform:translatex(-50%)}@media (min-width: 768px){.popover__handle{display:none}}@keyframes popover-slide-in{from{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes popover-slide-out{from{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes popover-fade-in{from{opacity:0}to{opacity:1}}@keyframes popover-fade-out{from{opacity:1}to{opacity:0}}@keyframes popover-fade-scale-in-xy{from{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@keyframes popover-fade-scale-in-y{from{transform:scaleY(0);opacity:0}to{transform:scaleY(1);opacity:1}}";
-
-const swirlPopoverBorderRadiusTokens = ["xs", "sm", "base", "l", "xl"];
-const SwirlPopover = /*@__PURE__*/ proxyCustomElement(class SwirlPopover extends HTMLElement {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.popoverClose = createEvent(this, "popoverClose", 7);
-        this.popoverOpen = createEvent(this, "popoverOpen", 7);
-        this.animation = "scale-in-xy";
-        this.enableFlip = true;
-        this.maxHeight = "22rem";
-        this.offset = 8;
-        this.padded = true;
-        this.placement = "bottom-start";
-        this.returnFocusToTrigger = true;
-        this.borderRadius = "base";
-        this.active = false;
-        this.closing = false;
-        this.togglePopover = (event) => {
-            event.stopPropagation();
-            if (this.active) {
-                this.close();
-            }
-            else {
-                this.open();
-            }
-        };
-        this.onKeydown = (event) => {
-            if (event.code === "Escape" && this.active) {
-                event.stopImmediatePropagation();
-                event.stopPropagation();
-                this.close();
-            }
-        };
-        this.reposition = async () => {
-            const mobile = isMobileViewport();
-            if (!Boolean(this.triggerEl) || !Boolean(this.contentContainer)) {
-                return;
-            }
-            if (mobile) {
-                this.position = undefined;
-                return;
-            }
-            const offsetOptions = typeof this.offset === "number"
-                ? { mainAxis: this.offset, crossAxis: 0 }
-                : { mainAxis: this.offset[0], crossAxis: this.offset[1] };
-            const shiftPaddingX = getPixelsFromRemToken("--s-space-16");
-            const shiftWithPadding = shift({
-                padding: {
-                    left: shiftPaddingX,
-                    right: shiftPaddingX,
-                },
-            });
-            const middleware = this.enableFlip
-                ? [offset(offsetOptions), shiftWithPadding, flip()]
-                : [offset(offsetOptions), shiftWithPadding];
-            this.position = await computePosition(this.triggerEl, this.contentContainer, {
-                middleware,
-                placement: this.placement,
-                strategy: "fixed",
-            });
-        };
-        this.onCloseButtonClick = () => {
-            this.close();
-        };
-    }
-    componentDidLoad() {
-        this.connectTrigger();
-        this.updateTriggerAttributes();
-        if (Boolean(this.trigger)) {
-            console.warn('[Swirl] The "trigger" prop of swirl-popover is deprecated and will be removed with the next major release. Please use the swirl-popover-trigger component instead. https://swirl-storybook.flip-app.dev/?path=/docs/components-swirlpopovertrigger--docs');
-        }
-    }
-    disconnectedCallback() {
-        this.unlockBodyScroll();
-    }
-    onWindowFocusIn(event) {
-        if (!this.active) {
-            return;
-        }
-        const isSafari = /^((?!chrome|android).)*safari/i.test(navigator.userAgent);
-        const isWKWebView = "webkit" in window;
-        const isSafariOrWKWebView = isSafari || isWKWebView;
-        const target = event.target;
-        const relatedTarget = event.relatedTarget;
-        const activeElement = getActiveElement();
-        const swirlComponentsExcludedFromAutoClosing = ["SWIRL-TAB"];
-        // Check if the focus has moved outside the popover or its trigger.
-        const focusIsOutsidePopover = !this.el.contains(target) && !this.el.contains(activeElement);
-        const focusIsNotOnTrigger = target !== this.triggerEl && !this.triggerEl?.contains(target);
-        const extraCheckForSafariOrWKWebView = isSafariOrWKWebView &&
-            !this.el.contains(relatedTarget || target) &&
-            relatedTarget !== this.el;
-        // Close the popover if the focus is outside and additional checks for Safari or WKWebView pass.
-        if (!swirlComponentsExcludedFromAutoClosing.includes(target.tagName) &&
-            focusIsOutsidePopover &&
-            focusIsNotOnTrigger &&
-            (!isSafariOrWKWebView || extraCheckForSafariOrWKWebView)) {
-            this.close();
-        }
-    }
-    onWindowBlur() {
-        if (!this.active || this.closing) {
-            return;
-        }
-        const activeElement = document.activeElement;
-        const elementsIncludedForAutoClosing = ["IFRAME"];
-        if (activeElement &&
-            elementsIncludedForAutoClosing.includes(activeElement.tagName)) {
-            this.close();
-        }
-    }
-    onWindowClick(event) {
-        if (!this.active || this.closing) {
-            return;
-        }
-        const target = event.target;
-        const clickedChild = this.el.contains(target);
-        const clickedShadowChild = event
-            .composedPath()
-            .some((el) => Boolean(el) && el instanceof Node
-            ? this.el.contains(el)
-            : false);
-        const clickedTrigger = target === this.triggerEl ||
-            this.triggerEl.contains(target) ||
-            event.composedPath().includes(this.triggerEl);
-        if (!clickedChild && !clickedShadowChild && !clickedTrigger) {
-            this.close();
-        }
-    }
-    /**
-     * Close the popover.
-     * @returns
-     */
-    async close(disableFocus) {
-        if (this.closing || !this.active) {
-            return;
-        }
-        this.popoverClose.emit();
-        if (this.disableAutoUpdate) {
-            this.disableAutoUpdate();
-        }
-        this.closing = true;
-        setTimeout(() => {
-            this.popoverEl?.hidePopover();
-            this.active = false;
-            this.closing = false;
-            this.updateTriggerAttributes(this.openedVia);
-            this.openedVia = undefined;
-        }, 150);
-        this.unlockBodyScroll();
-        if (this.returnFocusToTrigger && !disableFocus) {
-            this.getNativeTriggerElement()?.focus();
-        }
-    }
-    /**
-     * Open the popover.
-     * @returns
-     */
-    async open(triggerEl, disableFocus, via) {
-        this.triggerEl = triggerEl || this.triggerEl;
-        if (this.active || !Boolean(this.triggerEl)) {
-            return;
-        }
-        this.adjustWidth();
-        this.active = true;
-        this.openedVia = via;
-        this.updateTriggerAttributes(via);
-        const focusableChildren = this.getFocusableChildren();
-        requestAnimationFrame(async () => {
-            this.popoverEl?.showPopover();
-            await this.reposition();
-            this.popoverOpen.emit({ position: this.position });
-            if (focusableChildren.length > 0 && !disableFocus) {
-                focusableChildren[0].focus();
-            }
-            else if (!disableFocus) {
-                this.contentContainer.focus();
-            }
-            if (this.disableAutoUpdate) {
-                this.disableAutoUpdate();
-            }
-            this.disableAutoUpdate = autoUpdate(this.triggerEl, this.contentContainer, () => this.reposition());
-            this.scrollContainer.scrollTop = 0;
-            this.lockBodyScroll();
-        });
-    }
-    /**
-     * Return whether the popover is open.
-     * @returns Promise<boolean>
-     */
-    async isOpen() {
-        return this.active && !this.closing;
-    }
-    /**
-     * Toggles the popover.
-     */
-    async toggle(triggerEl, via) {
-        if (this.active) {
-            this.close();
-        }
-        else {
-            this.open(triggerEl, undefined, via);
-        }
-    }
-    connectTrigger() {
-        if (!Boolean(this.trigger)) {
-            this.triggerEl = undefined;
-            return;
-        }
-        this.triggerEl =
-            typeof this.trigger === "string"
-                ? querySelectorAllDeep(this.triggerContainer || document.body, `#${this.trigger}`)[0]
-                : this.trigger;
-        if (!Boolean(this.triggerEl)) {
-            return;
-        }
-        this.triggerEl.addEventListener("click", (event) => {
-            this.togglePopover(event);
-        });
-    }
-    getNativeTriggerElement() {
-        return tabbable(this.triggerEl, {
-            includeContainer: true,
-            getShadowRoot: true,
-        }).at(0);
-    }
-    updateTriggerAttributes(controlledVia) {
-        if (!Boolean(this.triggerEl)) {
-            return;
-        }
-        const nativeTriggerEl = this.getNativeTriggerElement();
-        if (!Boolean(nativeTriggerEl)) {
-            return;
-        }
-        if (controlledVia !== "hover") {
-            nativeTriggerEl.setAttribute("aria-controls", this.el.id);
-            nativeTriggerEl.setAttribute("aria-expanded", String(this.active));
-        }
-        else {
-            nativeTriggerEl.removeAttribute("aria-controls");
-            nativeTriggerEl.removeAttribute("aria-expanded");
-        }
-        nativeTriggerEl.setAttribute("aria-haspopup", "dialog");
-    }
-    getFocusableChildren() {
-        return querySelectorAllDeep(this.el, '[role="menuitem"], [role="menuitemradio"], [role="option"]');
-    }
-    adjustWidth() {
-        let useContainerWidth = this.useContainerWidth;
-        if ([true, "true"].includes(this.useContainerWidth)) {
-            useContainerWidth = true;
-        }
-        else if ([false, "false"].includes(this.useContainerWidth)) {
-            useContainerWidth = false;
-        }
-        const mobile = !window.matchMedia("(min-width: 768px)").matches;
-        if (Boolean(useContainerWidth) && !mobile) {
-            const container = typeof useContainerWidth === "string"
-                ? this.el.closest(useContainerWidth) || this.el.parentElement
-                : this.el.parentElement;
-            this.contentContainer.style.maxWidth = "none";
-            this.contentContainer.style.width =
-                container.getBoundingClientRect().width + "px";
-        }
-        else {
-            this.contentContainer.style.maxWidth = "";
-            this.contentContainer.style.width = "";
-        }
-    }
-    lockBodyScroll() {
-        const mobile = isMobileViewport();
-        if (!mobile || this.disableScrollLock || !Boolean(this.scrollContainer)) {
-            return;
-        }
-        disableBodyScroll(this.scrollContainer);
-    }
-    unlockBodyScroll() {
-        const mobile = isMobileViewport();
-        if (!mobile || this.disableScrollLock || !Boolean(this.scrollContainer)) {
-            return;
-        }
-        enableBodyScroll(this.scrollContainer);
-    }
-    render() {
-        const mobile = !window.matchMedia("(min-width: 768px)").matches;
-        const borderRadius = swirlPopoverBorderRadiusTokens.includes(this.borderRadius)
-            ? `var(--s-border-radius-${this.borderRadius})`
-            : this.borderRadius;
-        const className = classNames("popover", `popover--animation-${this.animation}`, `popover--placement-${this.position?.placement}`, {
-            "popover--active": this.active,
-            "popover--closing": this.closing,
-            "popover--fullscreen-bottom-sheet": this.fullscreenBottomSheet,
-            "popover--inactive": !this.active,
-            "popover--translucent": this.translucent,
-            "popover--transparent": this.transparent,
-            "popover--padded": this.padded,
-        });
-        return (h(Host, { key: 'b221feec466dd4c5c5ab4947a7e8b1c9b6ffbe47' }, h("div", { key: '1c9cde4c67150cb76fcc3282914e496c6f6a62c4', popover: "manual", class: className, onKeyDown: this.onKeydown, ref: (el) => (this.popoverEl = el) }, h("div", { key: '163d77610f0c32d3fb8a749363301d541bec24ef', "aria-hidden": !this.active ? "true" : "false", "aria-label": this.label, class: "popover__content", id: this.popoverId, part: "popover__content", role: "dialog", ref: (el) => (this.contentContainer = el), style: {
-                top: Boolean(this.position) ? `${this.position?.y}px` : "",
-                left: Boolean(this.position) ? `${this.position?.x}px` : "",
-                "--swirl-popover-border-radius": borderRadius,
-            }, tabindex: "-1" }, h("span", { key: '45cef3598a1ea77bfb84d3d0670842e67a0369f0', class: "popover__handle" }), h("div", { key: '4cd6de72b74aa320beaa90083dc3728ab71d064d', class: "popover__scroll-container", part: "popover__scroll-container", ref: (el) => (this.scrollContainer = el), style: {
-                maxHeight: !mobile && Boolean(this.maxHeight)
-                    ? this.maxHeight
-                    : undefined,
-            } }, h("slot", { key: 'c8e6dd00e2790cb7d89761dc164e4e043b22f8d3' }))), this.active && (h("div", { key: 'c31005382b91fa78596fdbaffce5341935802c0f', class: "popover__backdrop", onClick: this.onCloseButtonClick })))));
-    }
-    get el() { return this; }
-    static get style() { return swirlPopoverCss; }
-}, [1, "swirl-popover", {
-        "animation": [1],
-        "disableScrollLock": [4, "disable-scroll-lock"],
-        "enableFlip": [4, "enable-flip"],
-        "fullscreenBottomSheet": [4, "fullscreen-bottom-sheet"],
-        "label": [1],
-        "maxHeight": [1, "max-height"],
-        "offset": [2],
-        "padded": [4],
-        "popoverId": [1, "popover-id"],
-        "placement": [1],
-        "returnFocusToTrigger": [4, "return-focus-to-trigger"],
-        "translucent": [4],
-        "transparent": [4],
-        "trigger": [1],
-        "triggerContainer": [16, "trigger-container"],
-        "useContainerWidth": [8, "use-container-width"],
-        "borderRadius": [1, "border-radius"],
-        "active": [32],
-        "closing": [32],
-        "position": [32],
-        "close": [64],
-        "open": [64],
-        "isOpen": [64],
-        "toggle": [64]
-    }, [[8, "focusin", "onWindowFocusIn"], [8, "blur", "onWindowBlur"], [8, "click", "onWindowClick"]]]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["swirl-popover"];
-    components.forEach(tagName => { switch (tagName) {
-        case "swirl-popover":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, SwirlPopover);
-            }
-            break;
-    } });
-}
-
-export { SwirlPopover as S, defineCustomElement as d };
+import{proxyCustomElement as o,HTMLElement as e,createEvent as t,h as i,Host as r,transformTag as n}from"@stencil/core/internal/client";import{c as s,a as p,s as a,o as d,f as c}from"./floating-ui.dom.js";import{d as l,e as h}from"./bodyScrollLock.esm.js";import{c as v}from"./index2.js";import{t as m}from"./index.esm.js";import{i as f,t as u,k as _,q as b}from"./utils.js";const g=["xs","sm","base","l","xl"],w=o(class extends e{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.popoverClose=t(this,"popoverClose",7),this.popoverOpen=t(this,"popoverOpen",7),this.animation="scale-in-xy",this.enableFlip=!0,this.maxHeight="22rem",this.offset=8,this.padded=!0,this.placement="bottom-start",this.returnFocusToTrigger=!0,this.borderRadius="base",this.active=!1,this.closing=!1,this.togglePopover=o=>{o.stopPropagation(),this.active?this.close():this.open()},this.onKeydown=o=>{"Escape"===o.code&&this.active&&(o.stopImmediatePropagation(),o.stopPropagation(),this.close())},this.reposition=async()=>{const o=f();if(!Boolean(this.triggerEl)||!Boolean(this.contentContainer))return;if(o)return void(this.position=void 0);const e="number"==typeof this.offset?{mainAxis:this.offset,crossAxis:0}:{mainAxis:this.offset[0],crossAxis:this.offset[1]},t=u("--s-space-16"),i=a({padding:{left:t,right:t}}),r=this.enableFlip?[d(e),i,c()]:[d(e),i];this.position=await s(this.triggerEl,this.contentContainer,{middleware:r,placement:this.placement,strategy:"fixed"})},this.onCloseButtonClick=()=>{this.close()}}componentDidLoad(){this.connectTrigger(),this.updateTriggerAttributes(),Boolean(this.trigger)&&console.warn('[Swirl] The "trigger" prop of swirl-popover is deprecated and will be removed with the next major release. Please use the swirl-popover-trigger component instead. https://swirl-storybook.flip-app.dev/?path=/docs/components-swirlpopovertrigger--docs')}disconnectedCallback(){this.unlockBodyScroll()}onWindowFocusIn(o){if(!this.active)return;const e=/^((?!chrome|android).)*safari/i.test(navigator.userAgent),t="webkit"in window,i=e||t,r=o.target,n=o.relatedTarget,s=_(),p=!this.el.contains(r)&&!this.el.contains(s),a=r!==this.triggerEl&&!this.triggerEl?.contains(r),d=i&&!this.el.contains(n||r)&&n!==this.el;["SWIRL-TAB"].includes(r.tagName)||!p||!a||i&&!d||this.close()}onWindowBlur(){if(!this.active||this.closing)return;const o=document.activeElement;o&&["IFRAME"].includes(o.tagName)&&this.close()}onWindowClick(o){if(!this.active||this.closing)return;const e=o.target,t=this.el.contains(e),i=o.composedPath().some((o=>!!(Boolean(o)&&o instanceof Node)&&this.el.contains(o))),r=e===this.triggerEl||this.triggerEl.contains(e)||o.composedPath().includes(this.triggerEl);t||i||r||this.close()}async close(o){!this.closing&&this.active&&(this.popoverClose.emit(),this.disableAutoUpdate&&this.disableAutoUpdate(),this.closing=!0,setTimeout((()=>{this.popoverEl?.hidePopover(),this.active=!1,this.closing=!1,this.updateTriggerAttributes(this.openedVia),this.openedVia=void 0}),150),this.unlockBodyScroll(),this.returnFocusToTrigger&&!o&&this.getNativeTriggerElement()?.focus())}async open(o,e,t){if(this.triggerEl=o||this.triggerEl,this.active||!Boolean(this.triggerEl))return;this.adjustWidth(),this.active=!0,this.openedVia=t,this.updateTriggerAttributes(t);const i=this.getFocusableChildren();requestAnimationFrame((async()=>{this.popoverEl?.showPopover(),await this.reposition(),this.popoverOpen.emit({position:this.position}),i.length>0&&!e?i[0].focus():e||this.contentContainer.focus(),this.disableAutoUpdate&&this.disableAutoUpdate(),this.disableAutoUpdate=p(this.triggerEl,this.contentContainer,(()=>this.reposition())),this.scrollContainer.scrollTop=0,this.lockBodyScroll()}))}async isOpen(){return this.active&&!this.closing}async toggle(o,e){this.active?this.close():this.open(o,void 0,e)}connectTrigger(){Boolean(this.trigger)?(this.triggerEl="string"==typeof this.trigger?b(this.triggerContainer||document.body,`#${this.trigger}`)[0]:this.trigger,Boolean(this.triggerEl)&&this.triggerEl.addEventListener("click",(o=>{this.togglePopover(o)}))):this.triggerEl=void 0}getNativeTriggerElement(){return m(this.triggerEl,{includeContainer:!0,getShadowRoot:!0}).at(0)}updateTriggerAttributes(o){if(!Boolean(this.triggerEl))return;const e=this.getNativeTriggerElement();Boolean(e)&&("hover"!==o?(e.setAttribute("aria-controls",this.el.id),e.setAttribute("aria-expanded",String(this.active))):(e.removeAttribute("aria-controls"),e.removeAttribute("aria-expanded")),e.setAttribute("aria-haspopup","dialog"))}getFocusableChildren(){return b(this.el,'[role="menuitem"], [role="menuitemradio"], [role="option"]')}adjustWidth(){let o=this.useContainerWidth;[!0,"true"].includes(this.useContainerWidth)?o=!0:[!1,"false"].includes(this.useContainerWidth)&&(o=!1);const e=!window.matchMedia("(min-width: 768px)").matches;if(Boolean(o)&&!e){const e="string"==typeof o&&this.el.closest(o)||this.el.parentElement;this.contentContainer.style.maxWidth="none",this.contentContainer.style.width=e.getBoundingClientRect().width+"px"}else this.contentContainer.style.maxWidth="",this.contentContainer.style.width=""}lockBodyScroll(){f()&&!this.disableScrollLock&&Boolean(this.scrollContainer)&&l(this.scrollContainer)}unlockBodyScroll(){f()&&!this.disableScrollLock&&Boolean(this.scrollContainer)&&h(this.scrollContainer)}render(){const o=!window.matchMedia("(min-width: 768px)").matches,e=g.includes(this.borderRadius)?`var(--s-border-radius-${this.borderRadius})`:this.borderRadius,t=v("popover",`popover--animation-${this.animation}`,`popover--placement-${this.position?.placement}`,{"popover--active":this.active,"popover--closing":this.closing,"popover--fullscreen-bottom-sheet":this.fullscreenBottomSheet,"popover--inactive":!this.active,"popover--translucent":this.translucent,"popover--transparent":this.transparent,"popover--padded":this.padded});return i(r,{key:"b221feec466dd4c5c5ab4947a7e8b1c9b6ffbe47"},i("div",{key:"1c9cde4c67150cb76fcc3282914e496c6f6a62c4",popover:"manual",class:t,onKeyDown:this.onKeydown,ref:o=>this.popoverEl=o},i("div",{key:"163d77610f0c32d3fb8a749363301d541bec24ef","aria-hidden":this.active?"false":"true","aria-label":this.label,class:"popover__content",id:this.popoverId,part:"popover__content",role:"dialog",ref:o=>this.contentContainer=o,style:{top:Boolean(this.position)?`${this.position?.y}px`:"",left:Boolean(this.position)?`${this.position?.x}px`:"","--swirl-popover-border-radius":e},tabindex:"-1"},i("span",{key:"45cef3598a1ea77bfb84d3d0670842e67a0369f0",class:"popover__handle"}),i("div",{key:"4cd6de72b74aa320beaa90083dc3728ab71d064d",class:"popover__scroll-container",part:"popover__scroll-container",ref:o=>this.scrollContainer=o,style:{maxHeight:!o&&Boolean(this.maxHeight)?this.maxHeight:void 0}},i("slot",{key:"c8e6dd00e2790cb7d89761dc164e4e043b22f8d3"}))),this.active&&i("div",{key:"c31005382b91fa78596fdbaffce5341935802c0f",class:"popover__backdrop",onClick:this.onCloseButtonClick})))}get el(){return this}static get style(){return":host{position:relative;z-index:var(--s-z-40);display:contents}:host *{box-sizing:border-box}.popover{border:none;padding:0;margin:0}.popover::backdrop{display:none}.popover--active:not(.popover--closing) .popover__backdrop{animation:0.15s popover-fade-in}@media (prefers-reduced-motion){.popover--active:not(.popover--closing) .popover__backdrop{animation:none}}.popover--active:not(.popover--closing) .popover__content{animation:0.15s popover-slide-in}@media (min-width: 768px){.popover--active:not(.popover--closing) .popover__content{animation:0.15s popover-fade-scale-in-xy}}@media (prefers-reduced-motion){.popover--active:not(.popover--closing) .popover__content{animation:none}}.popover--closing .popover__backdrop{animation:0.15s popover-fade-out forwards}@media (prefers-reduced-motion){.popover--closing .popover__backdrop{animation:none}}.popover--closing .popover__content{animation:0.15s popover-slide-out forwards}@media (min-width: 768px){.popover--closing .popover__content{animation:0.15s popover-fade-out forwards}}@media (prefers-reduced-motion){.popover--closing .popover__content{animation:none}}.popover--inactive .popover__content{display:none}@media (max-width: 767px){.popover--fullscreen-bottom-sheet.popover--active:not(.popover--closing) .popover__content{animation:0.15s popover-fade-in}@media (prefers-reduced-motion){.popover--fullscreen-bottom-sheet.popover--active:not(.popover--closing) .popover__content{animation:none}}.popover--fullscreen-bottom-sheet.popover--closing .popover__content{animation:0.15s popover-fade-out forwards}@media (prefers-reduced-motion){.popover--fullscreen-bottom-sheet.popover--closing .popover__content{animation:none}}.popover--fullscreen-bottom-sheet .popover__backdrop{display:none}.popover--fullscreen-bottom-sheet .popover__content{top:0;border-top-left-radius:0;border-top-right-radius:0}.popover--fullscreen-bottom-sheet .popover__scroll-container{height:100%;max-height:none;padding-top:0;padding-bottom:0}.popover--fullscreen-bottom-sheet .popover__handle{display:none}}@media (min-width: 768px){.popover--animation-scale-in-y.popover--active:not(.popover--closing) .popover__content{animation:0.15s popover-fade-scale-in-y}}@media (prefers-reduced-motion){.popover--animation-scale-in-y.popover--active:not(.popover--closing) .popover__content{animation:none}}@media (min-width: 768px){.popover--animation-fade-in.popover--active:not(.popover--closing) .popover__content{animation:0.15s popover-fade-in}}@media (prefers-reduced-motion){.popover--animation-fade-in.popover--active:not(.popover--closing) .popover__content{animation:none}}@media (min-width: 768px){.popover--placement-bottom .popover__content,.popover--placement-bottom-start .popover__content,.popover--placement-right .popover__content,.popover--placement-right-start .popover__content{transform-origin:top left}}@media (min-width: 768px){.popover--placement-bottom-end .popover__content,.popover--placement-left .popover__content,.popover--placement-left-start .popover__content{transform-origin:top right}}@media (min-width: 768px){.popover--placement-top .popover__content,.popover--placement-top-start .popover__content,.popover--placement-right-end .popover__content{transform-origin:bottom left}}@media (min-width: 768px){.popover--placement-top-end .popover__content,.popover--placement-left-end .popover__content{transform-origin:bottom right}}@media (min-width: 768px){.popover--transparent .popover__content{background-color:transparent;box-shadow:none}}@media (min-width: 768px){.popover--transparent .popover__scroll-container{padding:0}}.popover--translucent .popover__content{background:var(--s-translucent-low-default);-webkit-backdrop-filter:blur(var(--s-blur-l));backdrop-filter:blur(var(--s-blur-l));outline:var(--s-border-width-default) solid       var(--s-border-translucent-outline)}.popover--translucent .popover__handle{background-color:var(--s-border-on-translucent)}.popover__backdrop{position:fixed;z-index:0;background-color:rgba(0, 0, 0, 0.2);animation:0.15s popover-backdrop-fade-in;inset:0}@media (prefers-reduced-motion){.popover__backdrop{animation:none}}@media (min-width: 768px){.popover__backdrop{display:none}}.popover__content{position:fixed;z-index:2;right:0;bottom:0;left:0;overflow:hidden;border-top-left-radius:var(--s-border-radius-xl);border-top-right-radius:var(--s-border-radius-xl);background-color:var(--s-surface-overlay-default)}@media (min-width: 768px){.popover__content{right:unset;bottom:unset;left:unset;border-radius:var(       --swirl-popover-border-radius,       var(--s-border-radius-base)     );max-width:22.5rem;animation:none;box-shadow:var(--s-shadow-level-2)}}.popover__scroll-container{overflow-x:hidden;overflow-y:auto;width:100%;max-height:90vh;padding-top:var(--s-space-24);padding-bottom:var(--s-space-24);overscroll-behavior:contain}@media (min-width: 768px){.popover__scroll-container{max-height:22rem;padding-top:0;padding-bottom:0}}@media (min-width: 768px){.popover--padded .popover__scroll-container{padding:var(--s-space-4)}}.popover__handle{position:absolute;top:var(--s-space-8);left:50%;width:2.5rem;height:0.375rem;border-radius:0.1875rem;background-color:var(--s-border-default);transform:translatex(-50%)}@media (min-width: 768px){.popover__handle{display:none}}@keyframes popover-slide-in{from{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes popover-slide-out{from{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes popover-fade-in{from{opacity:0}to{opacity:1}}@keyframes popover-fade-out{from{opacity:1}to{opacity:0}}@keyframes popover-fade-scale-in-xy{from{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@keyframes popover-fade-scale-in-y{from{transform:scaleY(0);opacity:0}to{transform:scaleY(1);opacity:1}}"}},[257,"swirl-popover",{animation:[1],disableScrollLock:[4,"disable-scroll-lock"],enableFlip:[4,"enable-flip"],fullscreenBottomSheet:[4,"fullscreen-bottom-sheet"],label:[1],maxHeight:[1,"max-height"],offset:[2],padded:[4],popoverId:[1,"popover-id"],placement:[1],returnFocusToTrigger:[4,"return-focus-to-trigger"],translucent:[4],transparent:[4],trigger:[1],triggerContainer:[16],useContainerWidth:[8,"use-container-width"],borderRadius:[1,"border-radius"],active:[32],closing:[32],position:[32],close:[64],open:[64],isOpen:[64],toggle:[64]},[[8,"focusin","onWindowFocusIn"],[8,"blur","onWindowBlur"],[8,"click","onWindowClick"]]]);function x(){"undefined"!=typeof customElements&&["swirl-popover"].forEach((o=>{"swirl-popover"===o&&(customElements.get(n(o))||customElements.define(n(o),w))}))}export{w as S,x as d}

package/dist/components/swirl-progress-indicator.js

@@ -1,6 +1 @@
-import { S as SwirlProgressIndicator$1, d as defineCustomElement$1 } from './swirl-progress-indicator2.js';
-
-const SwirlProgressIndicator = SwirlProgressIndicator$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { SwirlProgressIndicator, defineCustomElement };
+import{S as r,d as s}from"./swirl-progress-indicator2.js";const o=r,i=s;export{o as SwirlProgressIndicator,i as defineCustomElement}