@getflip/swirl-components-react 0.529.0 → 0.530.0

package/dist/swirl-popover_2.entry.efd6d841.js

@@ -1,336 +0,0 @@
-import { r as g, c, h as a, H as u, g as f } from "./index.7bd9898f.js";
-import { o as h, f as A, c as k, a as E, s as C } from "./floating-ui.dom-CLsTbQHn.fe95e3a6.js";
-import { d as x, e as T } from "./body-scroll-lock-BkJDOYVb.e3ad4cd3.js";
-import { c as P } from "./index-orsBiyT_.fc4357c3.js";
-import { t as S } from "./index.esm-DBTxpXCn.fccbd562.js";
-import { o as L, k as m, i as B, q as d, j as v } from "./utils-CCck-DTo.e4e43b6a.js";
-import "react";
-import "react-dom";
-const O = () => ':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-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-fade-out forwards}@media (prefers-reduced-motion){.popover--closing .popover__content{animation:none}}.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}}.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}}.popover--inactive .popover__content{display:none}.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}.popover--placement-bottom-end .popover__content,.popover--placement-left .popover__content,.popover--placement-left-start .popover__content{transform-origin:top right}.popover--placement-top .popover__content,.popover--placement-top-start .popover__content,.popover--placement-right-end .popover__content{transform-origin:bottom left}.popover--placement-top-end .popover__content,.popover--placement-left-end .popover__content{transform-origin:bottom right}.popover--transparent .popover__content{background-color:transparent;box-shadow:none}.popover--transparent .popover__scroll-container{padding:0}.popover__backdrop{position:fixed;z-index:0;display:none;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}}.popover__content{position:fixed;z-index:2;overflow:hidden;border-radius:var(     --swirl-popover-border-radius,     var(--s-border-radius-base)   );max-width:22.5rem;background-color:var(--s-surface-overlay-default);box-shadow:var(--s-shadow-level-2)}.popover__scroll-container{overflow-x:hidden;overflow-y:auto;width:100%;max-height:22rem;overscroll-behavior:contain}.popover--padded .popover__scroll-container{padding:var(--s-space-4)}.popover__handle{position:absolute;top:var(--s-space-8);left:50%;display:none;width:2.5rem;height:0.375rem;border-radius:0.1875rem;background-color:var(--s-border-default);transform:translatex(-50%)}@media (max-width: 767px){.popover--mobile-bottom-sheet.popover--active:not(.popover--closing) .popover__content{animation:0.15s popover-slide-in}@media (prefers-reduced-motion){.popover--mobile-bottom-sheet.popover--active:not(.popover--closing) .popover__content{animation:none}}.popover--mobile-bottom-sheet.popover--closing .popover__content{animation:0.15s popover-slide-out forwards}@media (prefers-reduced-motion){.popover--mobile-bottom-sheet.popover--closing .popover__content{animation:none}}.popover--mobile-bottom-sheet .popover__backdrop{display:block}.popover--mobile-bottom-sheet .popover__content{right:0;bottom:0;left:0;border-radius:var(--s-border-radius-xl) var(--s-border-radius-xl) 0 0;max-width:none;background-color:var(--s-surface-overlay-default);box-shadow:none}.popover--mobile-bottom-sheet .popover__scroll-container{max-height:90vh;padding:var(--s-space-24) 0}.popover--mobile-bottom-sheet .popover__handle{display:block}}.popover--translucent .popover__content{background-color:transparent;outline:var(--s-border-width-default) solid       var(--s-border-translucent-outline)}.popover--translucent .popover__content:before{content:"";position:absolute;inset:0;z-index:-1;background:var(--s-translucent-low-default);-webkit-backdrop-filter:blur(var(--s-blur-l));backdrop-filter:blur(var(--s-blur-l));border-radius:inherit}.popover--translucent .popover__handle{background-color:var(--s-border-on-translucent)}@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{padding-top:env(safe-area-inset-top);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}}@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}}', H = ["xs", "sm", "base", "l", "xl"], M = class {
-  constructor(e) {
-    g(this, e), this.popoverClose = c(this, "popoverClose", 7), this.popoverOpen = c(this, "popoverOpen", 7), this.animation = "scale-in-xy", this.enableFlip = !0, this.fallbackAxisSideDirection = "none", this.maxHeight = "22rem", this.mobileBottomSheet = !0, this.offset = 8, this.padded = !0, this.placement = "bottom-start", this.returnFocusToTrigger = !0, this.translucent = !0, this.borderRadius = "base", this.active = !1, this.closing = !1, this.componentLoaded = !1, this.togglePopover = (t) => {
-      t.stopPropagation(), this.active ? this.close() : this.open();
-    }, this.onKeydown = (t) => {
-      t.code === "Escape" && this.active && (t.stopImmediatePropagation(), t.stopPropagation(), this.close());
-    }, this.reposition = async () => {
-      if (!Boolean(this.triggerEl) || !Boolean(this.contentContainer))
-        return;
-      if (this.bottomSheetActive) {
-        this.position = void 0;
-        return;
-      }
-      const t = typeof this.offset == "number" ? { mainAxis: this.offset, crossAxis: 0 } : { mainAxis: this.offset[0], crossAxis: this.offset[1] }, o = L("--s-space-16"), i = C({
-        padding: {
-          left: o,
-          right: o
-        }
-      }), r = this.enableFlip ? [
-        h(t),
-        A({
-          fallbackAxisSideDirection: this.fallbackAxisSideDirection
-        }),
-        i
-      ] : [h(t), i];
-      this.position = await k(this.triggerEl, this.contentContainer, {
-        middleware: r,
-        placement: this.placement,
-        strategy: "fixed"
-      });
-    }, this.onCloseButtonClick = () => {
-      this.close();
-    };
-  }
-  connectedCallback() {
-    this.componentLoaded && this.connectTrigger();
-  }
-  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'), this.componentLoaded = !0;
-  }
-  disconnectedCallback() {
-    var e, t;
-    this.unlockBodyScroll(), (e = this.disableAutoUpdate) == null || e.call(this), this.disableAutoUpdate = void 0, (t = this.triggerEl) == null || t.removeEventListener("click", this.togglePopover);
-  }
-  onWindowFocusIn(e) {
-    if (!this.active)
-      return;
-    const t = /^((?!chrome|android).)*safari/i.test(navigator.userAgent), o = "webkit" in window, i = t || o, r = e.target, s = e.relatedTarget, n = m(), l = e.composedPath(), b = ["SWIRL-TAB"], _ = !l.includes(this.el) && !this.el.contains(n), w = !l.includes(this.triggerEl), y = i && !this.el.contains(s || r) && s !== this.el;
-    !b.includes(r.tagName) && _ && w && (!i || y) && this.close();
-  }
-  onWindowBlur() {
-    if (!this.active || this.closing)
-      return;
-    const e = document.activeElement;
-    e && ["IFRAME"].includes(e.tagName) && this.close();
-  }
-  onWindowClick(e) {
-    if (!this.active || this.closing)
-      return;
-    const t = e.target, o = this.el.contains(t), i = e.composedPath().some((s) => Boolean(s) && s instanceof Node ? this.el.contains(s) : !1), r = t === this.triggerEl || this.triggerEl.contains(t) || e.composedPath().includes(this.triggerEl);
-    !o && !i && !r && this.close();
-  }
-  async close(e) {
-    var o;
-    if (this.closing || !this.active)
-      return;
-    this.popoverClose.emit(), this.disableAutoUpdate && this.disableAutoUpdate(), this.closing = !0, setTimeout(() => {
-      var i;
-      (i = this.popoverEl) == null || i.hidePopover(), this.active = !1, this.closing = !1, this.position = void 0, this.updateTriggerAttributes(this.openedVia), this.openedVia = void 0;
-    }, 150), this.unlockBodyScroll();
-    const t = this.openedVia === "hover" || this.openedVia === "focus";
-    this.returnFocusToTrigger && !e && !t && ((o = this.getNativeTriggerElement()) == null || o.focus());
-  }
-  async open(e, t, o) {
-    if (this.triggerEl = e || this.triggerEl, this.active || !Boolean(this.triggerEl))
-      return;
-    this.adjustWidth(), this.position = void 0, this.active = !0, this.openedVia = o, this.updateTriggerAttributes(o);
-    const i = this.getFocusableChildren();
-    requestAnimationFrame(async () => {
-      var r;
-      (r = this.popoverEl) == null || r.showPopover(), await this.reposition(), this.popoverOpen.emit({ position: this.position }), i.length > 0 && !t ? i[0].focus() : t || this.contentContainer.focus(), this.disableAutoUpdate && this.disableAutoUpdate(), this.disableAutoUpdate = E(this.triggerEl, this.contentContainer, () => this.reposition()), this.scrollContainer.scrollTop = 0, this.lockBodyScroll();
-    });
-  }
-  async isOpen() {
-    return this.active && !this.closing;
-  }
-  async toggle(e, t) {
-    this.active ? this.close() : this.open(e, void 0, t);
-  }
-  get bottomSheetActive() {
-    return this.mobileBottomSheet && B();
-  }
-  connectTrigger() {
-    if (!Boolean(this.trigger)) {
-      this.triggerEl = void 0;
-      return;
-    }
-    this.triggerEl = typeof this.trigger == "string" ? d(this.triggerContainer || document.body, `#${this.trigger}`)[0] : this.trigger, Boolean(this.triggerEl) && this.triggerEl.addEventListener("click", this.togglePopover);
-  }
-  getNativeTriggerElement() {
-    return S(this.triggerEl, {
-      includeContainer: !0,
-      getShadowRoot: !0
-    }).at(0);
-  }
-  updateTriggerAttributes(e) {
-    if (!Boolean(this.triggerEl))
-      return;
-    const t = this.getNativeTriggerElement();
-    !Boolean(t) || (e !== "hover" && e !== "focus" ? (t.setAttribute("aria-controls", this.el.id), t.setAttribute("aria-expanded", String(this.active))) : (t.removeAttribute("aria-controls"), t.removeAttribute("aria-expanded")), t.setAttribute("aria-haspopup", "dialog"));
-  }
-  getFocusableChildren() {
-    return d(this.el, '[role="menuitem"], [role="menuitemradio"], [role="option"]');
-  }
-  adjustWidth() {
-    let e = this.useContainerWidth;
-    if ([!0, "true"].includes(this.useContainerWidth) ? e = !0 : [!1, "false"].includes(this.useContainerWidth) && (e = !1), Boolean(e) && !this.bottomSheetActive) {
-      const t = typeof e == "string" ? this.el.closest(e) || this.el.parentElement : this.el.parentElement;
-      this.contentContainer.style.maxWidth = "none", this.contentContainer.style.width = t.getBoundingClientRect().width + "px";
-    } else
-      this.contentContainer.style.maxWidth = "", this.contentContainer.style.width = "";
-  }
-  lockBodyScroll() {
-    !this.bottomSheetActive || this.disableScrollLock || !Boolean(this.scrollContainer) || x(this.scrollContainer);
-  }
-  unlockBodyScroll() {
-    !this.bottomSheetActive || this.disableScrollLock || !Boolean(this.scrollContainer) || T(this.scrollContainer);
-  }
-  render() {
-    var i, r, s;
-    const e = this.bottomSheetActive, t = H.includes(this.borderRadius) ? `var(--s-border-radius-${this.borderRadius})` : this.borderRadius, o = P("popover", `popover--animation-${this.animation}`, `popover--placement-${(i = this.position) == null ? void 0 : i.placement}`, {
-      "popover--active": this.active,
-      "popover--closing": this.closing,
-      "popover--fullscreen-bottom-sheet": this.fullscreenBottomSheet && this.mobileBottomSheet,
-      "popover--inactive": !this.active,
-      "popover--mobile-bottom-sheet": this.mobileBottomSheet,
-      "popover--translucent": this.translucent && !this.transparent,
-      "popover--transparent": this.transparent,
-      "popover--padded": this.padded
-    });
-    return a(u, { key: "3b3bb710683441a4f971a25542894ad965254b42" }, a("div", { key: "a142e898bbe09ad766ee5111b1ed6c1b0320cf7e", popover: "manual", class: o, onKeyDown: this.onKeydown, ref: (n) => this.popoverEl = n }, a("div", { key: "820a28e75d0b508b6d939219734522d92943c0d6", "aria-hidden": this.active ? "false" : "true", "aria-label": this.label, class: "popover__content", id: this.popoverId, part: "popover__content", role: "dialog", ref: (n) => this.contentContainer = n, style: {
-      top: Boolean(this.position) ? `${(r = this.position) == null ? void 0 : r.y}px` : "",
-      left: Boolean(this.position) ? `${(s = this.position) == null ? void 0 : s.x}px` : "",
-      opacity: this.active && !this.position && !e ? "0" : void 0,
-      "--swirl-popover-border-radius": t
-    }, tabindex: "-1" }, a("span", { key: "4ce3efbab020862c26ad9177274c0ed6794374bd", class: "popover__handle" }), a("div", { key: "526fc65ea325a29ece87639893af06f37cf71978", class: "popover__scroll-container", part: "popover__scroll-container", ref: (n) => this.scrollContainer = n, style: {
-      maxHeight: !e && Boolean(this.maxHeight) ? this.maxHeight : void 0
-    } }, a("slot", { key: "6fc74e080d35e318cf520d65520c2d73fb434d75" }))), this.active && a("div", { key: "83df142ba2da01ee5312e82dbbc2b83775d526ed", class: "popover__backdrop", onClick: this.onCloseButtonClick })));
-  }
-  get el() {
-    return f(this);
-  }
-};
-M.style = O();
-const R = () => ".sc-swirl-popover-trigger-h{display:contents}", p = [
-  "click",
-  "hover",
-  "focus"
-], W = class {
-  constructor(e) {
-    g(this, e), this.hidePopoverWhenInvisible = !0, this.setAriaAttributes = !0, this.triggerOnClick = !0, this.triggerOnHover = !1, this.componentLoaded = !1, this.triggerIsActive = !1, this.triggerMethods = [], this.popoverMouseEnter = () => {
-      this.stopHoverLingerTimer();
-    }, this.popoverMouseLeave = () => {
-      this.triggerIsActive && this.mouseleaveHandler();
-    }, this.onMouseenter = () => {
-      !this.triggerMethods.includes("hover") || (this.stopHoverLingerTimer(), this.triggerIsActive = !0, this.hoverDelayReference = setTimeout(() => {
-        this.hoverDelayReference = void 0, this.triggerMethods.includes("hover") && this.openPopover("hover", !0);
-      }, this.hoverDelay));
-    }, this.onMouseleave = () => {
-      clearTimeout(this.hoverDelayReference), this.mouseleaveHandler();
-    }, this.mouseleaveHandler = () => {
-      !this.triggerMethods.includes("hover") || this.startHoverLingerTimer();
-    }, this.onClick = () => {
-      if (!this.triggerMethods.includes("click"))
-        return;
-      const t = this.getPopoverEl(), o = this.getTriggerEl();
-      !Boolean(t) || (this.syncAriaOnNextTransition(t), t.toggle(o, "click"));
-    }, this.onFocusin = () => {
-      !this.triggerMethods.includes("focus") || this.triggerMethods.includes("click") && !this.triggerMethods.includes("hover") || this.openPopover("focus", !0);
-    }, this.onFocusout = (t) => {
-      !this.triggerMethods.includes("focus") || this.focusStaysWithin(t.relatedTarget) || this.closePopover(!0);
-    }, this.onKeyDown = (t) => {
-      t.code === "Escape" && (!this.isPopoverOpen() || (t.stopPropagation(), this.closePopover(!0)));
-    }, this.ariaOpenHandler = () => {
-      this.updateTriggerElAriaAttributes(!0);
-    }, this.ariaCloseHandler = () => {
-      this.updateTriggerElAriaAttributes(!1);
-    }, this.updateTriggerElAriaAttributes = (t) => {
-      var r;
-      if (!this.setAriaAttributes)
-        return;
-      const o = this.getTriggerEl();
-      if (!Boolean(o))
-        return;
-      const i = (r = this.getPopoverEl()) == null ? void 0 : r.id;
-      o.tagName.startsWith("SWIRL-") ? (this.opensWithoutActivation ? (o.removeAttribute("swirl-aria-controls"), o.removeAttribute("swirl-aria-expanded")) : (o.setAttribute("swirl-aria-controls", i), o.setAttribute("swirl-aria-expanded", String(t || "false"))), o.setAttribute("swirl-aria-haspopup", "dialog")) : (this.opensWithoutActivation ? (o.removeAttribute("aria-controls"), o.removeAttribute("aria-expanded")) : (o.setAttribute("aria-controls", i), o.setAttribute("aria-expanded", String(t || "false"))), o.setAttribute("aria-haspopup", "dialog"));
-    };
-  }
-  connectedCallback() {
-    this.componentLoaded && (this.setupHoverListeners(), this.setupIntersectionObserver());
-  }
-  componentWillLoad() {
-    this.warnAboutDeprecatedProps(), this.resolveTriggerMethods();
-  }
-  componentDidLoad() {
-    this.updateTriggerElAriaAttributes(), this.setupHoverListeners(), this.setupIntersectionObserver(), this.componentLoaded = !0;
-  }
-  disconnectedCallback() {
-    var e;
-    (e = this.intersectionObserver) == null || e.disconnect(), this.removeHoverListeners(), this.removeAriaSyncListeners(), clearTimeout(this.hoverDelayReference), clearTimeout(this.hoverLingerReference);
-  }
-  watchPopover() {
-    this.updateTriggerElAriaAttributes();
-  }
-  watchTrigger() {
-    this.resolveTriggerMethods(), this.componentLoaded && this.updateTriggerElAriaAttributes(), clearTimeout(this.hoverDelayReference), clearTimeout(this.hoverLingerReference);
-  }
-  warnAboutDeprecatedProps() {
-    this.triggerOnHover === !0 && console.warn('[Swirl] The "triggerOnHover" prop of swirl-popover-trigger is deprecated and will be removed with the next major release. Please use the "trigger" prop instead, e.g. trigger="hover focus".'), this.triggerOnClick === !1 && console.warn('[Swirl] The "triggerOnClick" prop of swirl-popover-trigger is deprecated and will be removed with the next major release. Please use the "trigger" prop instead, e.g. trigger="hover focus".'), Boolean(this.trigger) && (this.triggerOnHover === !0 || this.triggerOnClick === !1) && console.warn('[Swirl] swirl-popover-trigger: the "trigger" prop takes precedence over "triggerOnClick"/"triggerOnHover", which are ignored.');
-  }
-  resolveTriggerMethods() {
-    if (Boolean(this.trigger)) {
-      const o = (Array.isArray(this.trigger) ? this.trigger : String(this.trigger).split(/[\s,]+/)).map((r) => String(r).trim().toLowerCase()).filter((r) => r.length > 0), i = o.filter((r) => !p.includes(r));
-      i.length > 0 && console.warn(`[Swirl] Unsupported "trigger" value(s) for swirl-popover-trigger: ${i.join(", ")}. Supported values: ${p.join(", ")}.`), this.triggerMethods = o.filter((r) => p.includes(r));
-      return;
-    }
-    const e = [];
-    this.triggerOnClick && e.push("click"), this.triggerOnHover && e.push("hover", "focus"), this.triggerMethods = e;
-  }
-  getPopoverEl() {
-    var e, t;
-    return typeof this.swirlPopover == "string" ? document.querySelector(`#${this.swirlPopover}`) : (t = (e = this.swirlPopover) == null ? void 0 : e.el) != null ? t : this.swirlPopover;
-  }
-  getTriggerEl() {
-    return this.el.children.length !== 1 && console.warn('[Swirl] The "swirl-popover-trigger" component expects exactly one child element.'), this.el.children[0];
-  }
-  setupIntersectionObserver() {
-    var e;
-    if ((e = this.intersectionObserver) == null || e.disconnect(), this.hidePopoverWhenInvisible) {
-      this.intersectionObserver = new IntersectionObserver(this.onVisibilityChange.bind(this), {
-        root: this.parentScrollContainer,
-        threshold: 0
-      });
-      const t = this.el.querySelector("*");
-      if (!Boolean(t))
-        return;
-      this.intersectionObserver.observe(t);
-    }
-  }
-  onVisibilityChange(e) {
-    var o;
-    !e[0].isIntersecting && this.isPopoverOpen() && ((o = this.getPopoverEl()) == null || o.close());
-  }
-  setupHoverListeners() {
-    this.popoverElRef = this.getPopoverEl(), Boolean(this.popoverElRef) && (this.popoverElRef.addEventListener("mouseenter", this.popoverMouseEnter), this.popoverElRef.addEventListener("mouseleave", this.popoverMouseLeave));
-  }
-  removeHoverListeners() {
-    Boolean(this.popoverElRef) && (this.popoverElRef.removeEventListener("mouseenter", this.popoverMouseEnter), this.popoverElRef.removeEventListener("mouseleave", this.popoverMouseLeave));
-  }
-  startHoverLingerTimer() {
-    clearTimeout(this.hoverLingerReference), this.hoverLingerReference = setTimeout(() => {
-      this.triggerIsActive && this.isPopoverOpen() && !this.focusStaysWithin(m()) && this.closePopover(!0), this.triggerIsActive = !1;
-    }, this.hoverLingerDuration);
-  }
-  stopHoverLingerTimer() {
-    clearTimeout(this.hoverLingerReference);
-  }
-  focusStaysWithin(e) {
-    if (!Boolean(e))
-      return !1;
-    const t = this.getPopoverEl();
-    return v(e, this.el) || Boolean(t) && v(e, t);
-  }
-  removeAriaSyncListeners() {
-    const e = this.getPopoverEl();
-    e == null || e.removeEventListener("popoverOpen", this.ariaOpenHandler), e == null || e.removeEventListener("popoverClose", this.ariaCloseHandler);
-  }
-  syncAriaOnNextTransition(e) {
-    this.removeAriaSyncListeners(), e.addEventListener("popoverOpen", this.ariaOpenHandler, {
-      once: !0
-    }), e.addEventListener("popoverClose", this.ariaCloseHandler, {
-      once: !0
-    });
-  }
-  openPopover(e, t) {
-    const o = this.getPopoverEl(), i = this.getTriggerEl();
-    !Boolean(o) || (this.syncAriaOnNextTransition(o), o.open(i, t, e));
-  }
-  closePopover(e) {
-    const t = this.getPopoverEl();
-    !Boolean(t) || (this.syncAriaOnNextTransition(t), t.close(e));
-  }
-  get opensWithoutActivation() {
-    return this.triggerMethods.includes("hover") || this.triggerMethods.includes("focus");
-  }
-  isPopoverOpen() {
-    var i, r, s, n;
-    const e = this.getPopoverEl(), t = (r = (i = e == null ? void 0 : e.shadowRoot) == null ? void 0 : i.firstElementChild) == null ? void 0 : r.classList.contains("popover--active"), o = (n = (s = e == null ? void 0 : e.shadowRoot) == null ? void 0 : s.firstElementChild) == null ? void 0 : n.classList.contains("popover--closing");
-    return Boolean(t) && !o;
-  }
-  render() {
-    return a(u, { key: "41d9dbdc7a68af0b94561323006b53c96242622d", onClick: this.onClick, onFocusin: this.onFocusin, onFocusout: this.onFocusout, onKeyDown: this.onKeyDown, onMouseenter: this.onMouseenter, onMouseleave: this.onMouseleave }, a("slot", { key: "4dd8f675b36af944ac83f22e087c3c5f6c572157" }));
-  }
-  get el() {
-    return f(this);
-  }
-  static get watchers() {
-    return {
-      swirlPopover: [{
-        watchPopover: 0
-      }],
-      trigger: [{
-        watchTrigger: 0
-      }],
-      triggerOnClick: [{
-        watchTrigger: 0
-      }],
-      triggerOnHover: [{
-        watchTrigger: 0
-      }]
-    };
-  }
-};
-W.style = R();
-export {
-  M as swirl_popover,
-  W as swirl_popover_trigger
-};

package/dist/swirl-radio-group.entry.cbeff897.js

@@ -1,50 +0,0 @@
-import { r as o, c as s, h as r, H as n, g as d } from "./index.7bd9898f.js";
-import "react";
-import "react-dom";
-const l = () => ".sc-swirl-radio-group-h{display:block}.sc-swirl-radio-group-h *.sc-swirl-radio-group{box-sizing:border-box}.radio-group.sc-swirl-radio-group{display:flex;flex-direction:column;gap:var(--s-space-12)}", h = class {
-  constructor(e) {
-    o(this, e), this.valueChange = s(this, "valueChange", 7), this.componentLoaded = !1, this.onRadioValueChange = (a) => {
-      a.stopPropagation();
-      const i = a.target;
-      (i.checked === !0 || i.checked === "true") && (this.value = i.value, this.valueChange.emit(i.value), this.radioButtons.forEach((t) => {
-        t !== i && (t.checked = !1);
-      }));
-    };
-  }
-  connectedCallback() {
-    this.componentLoaded && this.addValueChangeListeners();
-  }
-  componentDidLoad() {
-    this.radioButtons = Array.from(this.el.querySelectorAll("swirl-radio")), this.initValue(), this.addValueChangeListeners(), this.componentLoaded = !0;
-  }
-  disconnectedCallback() {
-    this.removeValueChangeListeners();
-  }
-  initValue() {
-    if (this.value === void 0)
-      return;
-    const e = this.radioButtons.find((a) => a.value === this.value);
-    !Boolean(e) || (e.checked = !0);
-  }
-  addValueChangeListeners() {
-    this.radioButtons.forEach((e) => {
-      e.addEventListener("valueChange", this.onRadioValueChange);
-    });
-  }
-  removeValueChangeListeners() {
-    var e;
-    (e = this.radioButtons) == null || e.forEach((a) => {
-      a.removeEventListener("valueChange", this.onRadioValueChange);
-    });
-  }
-  render() {
-    return r(n, { key: "c5111ca547221792d21835a65a0a00f739b93758", "aria-describedby": this.swirlAriaDescribedby, role: "radiogroup" }, r("div", { key: "be0437f0a447f52d88dfb3fa0405867b0ffb74df", class: "radio-group" }, r("slot", { key: "c6ee307c768ae38223dbad1141b43103e2bcd5a6" })));
-  }
-  get el() {
-    return d(this);
-  }
-};
-h.style = l();
-export {
-  h as swirl_radio_group
-};

package/dist/swirl-radio.entry.c9d30334.js

@@ -1,27 +0,0 @@
-import { r as s, c, h as i, H as l } from "./index.7bd9898f.js";
-import { c as t } from "./index-orsBiyT_.fc4357c3.js";
-import "react";
-import "react-dom";
-const n = () => '.sc-swirl-radio-h{display:inline-flex}.sc-swirl-radio-h *.sc-swirl-radio{box-sizing:border-box}.radio.sc-swirl-radio{display:inline-flex;line-height:var(--s-line-height-base);cursor:pointer;align-items:center}.radio.sc-swirl-radio:focus-within .radio__box.sc-swirl-radio{box-shadow:0 0 0 0.0625rem var(--s-background-default),       0 0 0 0.1875rem var(--s-focus-default)}.radio--variant-card.sc-swirl-radio{width:100%;padding:var(--s-space-16);border:0.0625rem solid var(--s-border-default);border-radius:var(--s-border-radius-sm);background-color:var(--s-surface)}.radio--variant-card.sc-swirl-radio:focus-within{box-shadow:0 0 0 0.125rem var(--s-background-default),       0 0 0 0.25rem var(--s-focus-default)}.radio--variant-card.sc-swirl-radio:focus-within .radio__box.sc-swirl-radio{box-shadow:none}.radio--variant-card.sc-swirl-radio:hover:not(.radio--disabled){background-color:var(--s-state-hovered)}.radio--variant-card.sc-swirl-radio:active:not(.radio--disabled){background-color:var(--s-state-pressed)}.radio--variant-card.radio--checked.sc-swirl-radio:not(.radio--disabled){border-color:var(--s-border-highlight)}.radio--variant-card.radio--invalid.sc-swirl-radio:not(.radio--disabled){border-color:var(--s-border-critical)}.radio--checked.sc-swirl-radio .radio__control.sc-swirl-radio:hover .radio__box.sc-swirl-radio{border-color:var(--s-interactive-primary-hovered);background-color:var(--s-interactive-primary-hovered)}.radio--checked.sc-swirl-radio .radio__box.sc-swirl-radio{position:relative;border-color:var(--s-icon-highlight);background-color:var(--s-icon-highlight)}.radio--checked.sc-swirl-radio .radio__box.sc-swirl-radio:after{position:absolute;top:50%;left:50%;width:0.5rem;height:0.5rem;border-radius:50%;background-color:var(--s-background-default);content:"";transform:translate3d(-50%, -50%, 0)}.radio--invalid.radio--checked.sc-swirl-radio .radio__box.sc-swirl-radio,.radio--invalid.radio--indeterminate.sc-swirl-radio .radio__box.sc-swirl-radio{background-color:var(--s-icon-critical)}.radio--invalid.sc-swirl-radio .radio__box.sc-swirl-radio{border-color:var(--s-icon-critical)}.radio--disabled.sc-swirl-radio{cursor:default}.radio--disabled.radio--checked.sc-swirl-radio .radio__control.sc-swirl-radio:hover .radio__box.sc-swirl-radio{border-color:var(--s-icon-disabled);background-color:transparent}.radio--disabled.radio--checked.sc-swirl-radio .radio__box.sc-swirl-radio{border-color:var(--s-icon-disabled);background-color:var(--s-background-default)}.radio--disabled.radio--checked.sc-swirl-radio .radio__box.sc-swirl-radio:after{background-color:var(--s-icon-disabled)}.radio--disabled.sc-swirl-radio .radio__control.sc-swirl-radio:hover .radio__box.sc-swirl-radio{background-color:transparent}.radio--disabled.sc-swirl-radio .radio__box.sc-swirl-radio{border-color:var(--s-icon-disabled)}.radio--disabled.sc-swirl-radio .radio__description.sc-swirl-radio,.radio--disabled.sc-swirl-radio .radio__label.sc-swirl-radio{color:var(--s-text-disabled)}.radio__control.sc-swirl-radio{position:relative;display:inline-flex;width:1.5rem;height:1.5rem;padding:var(--s-space-2);flex-shrink:0}.radio__control.sc-swirl-radio:hover .radio__box.sc-swirl-radio{background-color:var(--s-action-neutral-hovered)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.radio__control.sc-swirl-radio{width:1.375rem;height:1.375rem}}.radio__box.sc-swirl-radio{position:relative;display:flex;width:100%;height:100%;justify-content:center;align-items:center;border:0.125rem solid var(--s-icon-default);border-radius:50%}.radio__label-container.sc-swirl-radio{display:inline-flex;margin-left:var(--s-space-8);padding-top:var(--s-space-2);flex-direction:column}.radio__label.sc-swirl-radio{display:flex;align-items:center;font-weight:var(--s-font-weight-medium);gap:var(--s-space-8)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.radio__label.sc-swirl-radio{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.radio__description.sc-swirl-radio{color:var(--s-text-subdued)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.radio__description.sc-swirl-radio{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}', h = class {
-  constructor(r) {
-    s(this, r), this.valueChange = c(this, "valueChange", 7), this.checked = !1, this.disabled = !1, this.variant = "default", this.onChange = () => {
-      this.checked = !0, this.valueChange.emit(this.value);
-    };
-  }
-  getAriaCheckedLabel(r, a) {
-    return r ? "true" : a ? "false" : "mixed";
-  }
-  render() {
-    const r = this.checked === !1 || this.checked === "false", a = this.checked === !0 || this.checked === "true", d = this.getAriaCheckedLabel(a, r), o = this.invalid, e = t("radio", `radio--variant-${this.variant}`, {
-      "radio--checked": a,
-      "radio--disabled": this.disabled,
-      "radio--invalid": this.invalid,
-      "radio--unchecked": r
-    });
-    return i(l, { key: "9181653221cedb79869b31485fe601ef029ff8bc", style: { width: this.variant === "card" ? "100%" : void 0 } }, i("label", { key: "800685a86f6f4b1dbd20f20d2218d04a68822878", class: e, htmlFor: this.inputId }, i("span", { key: "410ffd0fdc0b061015dd554ab5a56229c979f4dd", class: "radio__control" }, i("swirl-visually-hidden", { key: "e41aba02a81284faacd3aeee82b95ae8a28a449e" }, i("input", { key: "0f9cffc32cc44fb967098fedeea7f16388fe050a", "aria-checked": d, "aria-invalid": o, checked: a, class: "radio__input", disabled: this.disabled, id: this.inputId, name: this.inputName, onChange: this.onChange, type: "radio", value: this.value })), i("span", { key: "4871dc0ced3a8a5220b95cadf004c4776901745d", "aria-hidden": "true", class: "radio__box" })), i("span", { key: "2c5c0205c7934d38092ee8bb374750dd46906a30", class: "radio__label-container" }, this.label && i("span", { key: "f17ef8b7670effbbc2baba7cc52eaf595b7d132c", class: "radio__label" }, this.label, this.tooltip && i("swirl-tooltip", { key: "68877a4be5e32dc51c3c0115b30890ec65705039", content: this.tooltip, position: "top" }, i("swirl-icon-help", { key: "b3f6a1ba1d8851b9e229818d7cad7bc28970dbd7", color: "default", size: 20, tabIndex: 0 }))), this.description && i("span", { key: "37802eb7bf729e22f4af1ef481499bddf37c16c8", class: "radio__description", innerHTML: this.description }))));
-  }
-};
-h.style = n();
-export {
-  h as swirl_radio
-};

package/dist/swirl-resource-list-file-item.entry.68460850.js

@@ -1,39 +0,0 @@
-import { r as n, c as m, h as e, H as f, g as d } from "./index.7bd9898f.js";
-import { c as h } from "./index-orsBiyT_.fc4357c3.js";
-import { D as u } from "./media-query.service-CCYT6DU8.f0931fdc.js";
-import "react";
-import "react-dom";
-import "./utils-CCck-DTo.e4e43b6a.js";
-const b = () => '.sc-swirl-resource-list-file-item-h{display:block;width:100%}.sc-swirl-resource-list-file-item-h *.sc-swirl-resource-list-file-item{box-sizing:border-box}.resource-list-file-item.sc-swirl-resource-list-file-item{position:relative;display:flex;width:100%;padding:var(--s-space-12) var(--s-space-16);align-items:center;background-color:var(--s-background-default);line-height:var(--s-line-height-base);gap:var(--s-space-12)}.resource-list-file-item.sc-swirl-resource-list-file-item:focus{outline:none}.resource-list-file-item.sc-swirl-resource-list-file-item:focus-visible{background-color:var(--s-background-hovered)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.resource-list-file-item.sc-swirl-resource-list-file-item{padding:var(--s-space-12);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.resource-list-file-item--has-control.sc-swirl-resource-list-file-item .resource-list-file-item__label-container.sc-swirl-resource-list-file-item{padding-right:calc(var(--s-space-12) + 2.5rem)}.resource-list-file-item__icon.sc-swirl-resource-list-file-item{width:1.5rem;height:1.5rem;color:var(--s-icon-highlight)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.resource-list-file-item__icon.sc-swirl-resource-list-file-item{width:1.25rem;height:1.25rem}}.resource-list-file-item__label-container.sc-swirl-resource-list-file-item{position:relative;display:flex;min-width:0;min-height:2.875rem;flex-grow:1;justify-content:center;flex-direction:column}.resource-list-file-item__label-container.sc-swirl-resource-list-file-item:after{position:absolute;right:0;bottom:calc(-1 * var(--s-space-12));left:0;height:0.0625rem;background-color:var(--s-border-default);content:""}.resource-list-file-item__label.sc-swirl-resource-list-file-item{overflow:hidden;font-weight:var(--s-font-weight-medium);white-space:nowrap;text-overflow:ellipsis}.resource-list-file-item__description.sc-swirl-resource-list-file-item{overflow:hidden;margin-top:var(--s-space-2);color:var(--s-text-subdued);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);white-space:nowrap;text-overflow:ellipsis}.resource-list-file-item__error-message.sc-swirl-resource-list-file-item{margin-top:var(--s-space-2)}.resource-list-file-item__remove-button.sc-swirl-resource-list-file-item{position:absolute;top:50%;right:var(--s-space-16);display:inline-flex;transform:translateY(-50%)}.resource-list-file-item__spinner.sc-swirl-resource-list-file-item{position:absolute;top:50%;right:var(--s-space-24);display:inline-flex;transform:translateY(-50%)}', p = class {
-  constructor(i) {
-    n(this, i), this.remove = m(this, "remove", 7), this.icon = "<swirl-icon-file></swirl-icon-file>", this.removeButtonLabel = "Remove file", this.mediaQueryUnsubscribe = () => {
-    };
-  }
-  componentDidLoad() {
-    this.mediaQueryUnsubscribe = u.subscribe((i) => {
-      this.forceIconProps(i);
-    });
-  }
-  disconnectedCallback() {
-    this.mediaQueryUnsubscribe();
-  }
-  forceIconProps(i) {
-    if (!Boolean(this.iconEl))
-      return;
-    const s = this.iconEl.children[0];
-    s == null || s.setAttribute("size", i ? "20" : "24");
-  }
-  render() {
-    const i = Boolean(this.errorMessage), s = !i && Boolean(this.description), r = !i && this.loading, t = this.removable && !r, l = this.el.closest('[role="grid"]') ? "row" : "listitem", o = l === "row" ? "gridcell" : void 0, c = h("resource-list-file-item", {
-      "resource-list-file-item--has-control": r || t
-    });
-    return e(f, { key: "57d8d886d1e3b8c58cc33c6109067ceca943575a", role: l }, e("div", { key: "b0506fae441acf58537c6f87b5f2b3685edbd3d6", class: c, part: "resource-list-file-item", role: o }, e("span", { key: "e087a525ec625e1e8a78e14a6e7ea1f11ac6ca63", class: "resource-list-file-item__icon", innerHTML: this.icon, ref: (a) => this.iconEl = a }), e("span", { key: "ee3eea4d4298c57213823f57a7fbbec179513c69", class: "resource-list-file-item__label-container" }, e("span", { key: "b97dec876b3960365b3c58938b3d77cefa8b1363", class: "resource-list-file-item__label", id: "label" }, this.label), s && e("span", { key: "274707a162d1c9ee6c5e4522af2b01bdd4770534", class: "resource-list-file-item__description" }, this.description), i && e("span", { key: "f09998e243ff0816de52bdc0c3d8239e453dd9c7", "aria-live": "polite", class: "resource-list-file-item__error-message" }, e("swirl-inline-error", { key: "aaeb77c249ea0b3bc5f29c0327384caa83634c5e", message: this.errorMessage, size: "s" }))), r && e("span", { key: "436b9144713b82d8764381490f6aa4cbdd54fbaa", class: "resource-list-file-item__spinner" }, e("swirl-spinner", { key: "7d33a9c541b70bed0b15d90b548db1e3dff18e87", size: "s" })), t && e("span", { key: "f530945cb30404165a853f49504162145a0f8b2b", class: "resource-list-file-item__remove-button" }, e("swirl-button", { key: "6e4b097b951c92f8a3af15748f11342ba7e250da", hideLabel: !0, icon: "<swirl-icon-close></swirl-icon-close>", label: this.removeButtonLabel, onClick: this.remove.emit }))));
-  }
-  get el() {
-    return d(this);
-  }
-};
-p.style = b();
-export {
-  p as swirl_resource_list_file_item
-};

package/dist/swirl-resource-list-item.entry.c4f8a79b.js

@@ -1,115 +0,0 @@
-import { r as y, c, h as s, H as C, g as I } from "./index.7bd9898f.js";
-import { c as T } from "./index-orsBiyT_.fc4357c3.js";
-import { D as M } from "./media-query.service-CCYT6DU8.f0931fdc.js";
-import "react";
-import "react-dom";
-import "./utils-CCck-DTo.e4e43b6a.js";
-const z = () => '.sc-swirl-resource-list-item-h{position:relative;display:block;width:100%}.sc-swirl-resource-list-item-h *.sc-swirl-resource-list-item{box-sizing:border-box}[aria-selected="true"].sc-swirl-resource-list-item-h .resource-list-item.sc-swirl-resource-list-item{background-color:var(--swirl-resource-list-item-background-hovered)}[aria-selected="true"].sc-swirl-resource-list-item-h .resource-list-item.sc-swirl-resource-list-item .resource-list-item__media.sc-swirl-resource-list-item,[aria-selected="true"].sc-swirl-resource-list-item-h .resource-list-item.sc-swirl-resource-list-item .resource-list-item__meta.sc-swirl-resource-list-item{--swirl-avatar-background-color:var(--s-surface-raised-hovered)}.swirl-resource-list-item--drag.sc-swirl-resource-list-item-h{border-radius:var(--s-border-radius-sm);background-color:var(--s-translucent-medium-pressed)}.resource-list-item.sc-swirl-resource-list-item{position:relative;width:100%;display:flex;overflow:hidden;padding:var(--s-space-12) var(--s-space-8);gap:var(--s-space-12);border-radius:var(--s-border-radius-sm);background-color:var(--swirl-resource-list-item-background-default);--swirl-badge-border-color:transparent}.resource-list-item.sc-swirl-resource-list-item:has(.resource-list-item__content:focus-visible){background-color:var(--swirl-resource-list-item-background-hovered);outline-color:var(--s-focus-default);outline-style:solid;outline-width:0.125rem;z-index:1}.resource-list-item.sc-swirl-resource-list-item:has(.resource-list-item__checkbox:focus-visible){background-color:var(--swirl-resource-list-item-background-hovered)}.resource-list-item.sc-swirl-resource-list-item:not(.resource-list-item--has-control) .resource-list-item__control.sc-swirl-resource-list-item{display:none}.resource-list-item--interactive.sc-swirl-resource-list-item{cursor:pointer}.resource-list-item--interactive.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item{cursor:pointer}.resource-list-item--interactive.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item:disabled{cursor:default}.resource-list-item--interactive.resource-list-item--disabled.sc-swirl-resource-list-item{cursor:default}.resource-list-item--interactive.sc-swirl-resource-list-item:hover:not(.resource-list-item--disabled),.resource-list-item--interactive.sc-swirl-resource-list-item:focus-visible:not(.resource-list-item--disabled){background-color:var(--swirl-resource-list-item-background-hovered)}.resource-list-item--interactive.sc-swirl-resource-list-item:hover:not(.resource-list-item--disabled) .resource-list-item__media.sc-swirl-resource-list-item,.resource-list-item--interactive.sc-swirl-resource-list-item:hover:not(.resource-list-item--disabled) .resource-list-item__meta.sc-swirl-resource-list-item,.resource-list-item--interactive.sc-swirl-resource-list-item:focus-visible:not(.resource-list-item--disabled) .resource-list-item__media.sc-swirl-resource-list-item,.resource-list-item--interactive.sc-swirl-resource-list-item:focus-visible:not(.resource-list-item--disabled) .resource-list-item__meta.sc-swirl-resource-list-item{--swirl-avatar-background-color:var(--s-surface-raised-hovered)}.resource-list-item--interactive.sc-swirl-resource-list-item:active:not(.resource-list-item--disabled){background-color:var(--swirl-resource-list-item-background-pressed)}.resource-list-item--active.sc-swirl-resource-list-item{--swirl-badge-border-color:var(     --swirl-resource-list-item-background-hovered   );background-color:var(--swirl-resource-list-item-background-hovered)}.resource-list-item--checked.sc-swirl-resource-list-item .resource-list-item__checkbox.sc-swirl-resource-list-item{border-color:var(--s-icon-highlight);color:var(--s-text-on-status);background-color:var(--s-icon-highlight)}.resource-list-item--compact.sc-swirl-resource-list-item{padding:var(--s-space-8)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.resource-list-item--compact.sc-swirl-resource-list-item{padding:var(--s-space-8)}}.resource-list-item--compact.sc-swirl-resource-list-item .resource-list-item__label-container.sc-swirl-resource-list-item{min-height:2rem}.resource-list-item--selectable.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item{padding-left:calc(var(--s-space-16) + 0.75rem + var(--s-space-12))}@media (min-width: 768px){.resource-list-item--selectable.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item{padding-left:calc(var(--s-space-16) + 1.5rem + var(--s-space-12))}}.resource-list-item--selectable.sc-swirl-resource-list-item .resource-list-item__label-container.sc-swirl-resource-list-item{padding-right:var(--s-space-8)}@media (min-width: 768px){.resource-list-item--selectable.sc-swirl-resource-list-item .resource-list-item__label-container.sc-swirl-resource-list-item{padding-right:var(--s-space-16)}}.resource-list-item--label-weight-medium.sc-swirl-resource-list-item .resource-list-item__label.sc-swirl-resource-list-item{font-weight:var(--s-font-weight-medium)}.resource-list-item--label-weight-semibold.sc-swirl-resource-list-item .resource-list-item__label.sc-swirl-resource-list-item{font-weight:var(--s-font-weight-semibold)}.resource-list-item--label-weight-bold.sc-swirl-resource-list-item .resource-list-item__label.sc-swirl-resource-list-item{font-weight:var(--s-font-weight-bold)}@media (hover: hover){.resource-list-item--show-control-on-focus.sc-swirl-resource-list-item:hover .resource-list-item__control.sc-swirl-resource-list-item,.resource-list-item--show-control-on-focus.sc-swirl-resource-list-item:focus .resource-list-item__control.sc-swirl-resource-list-item,.resource-list-item--show-control-on-focus.sc-swirl-resource-list-item:focus-within .resource-list-item__control.sc-swirl-resource-list-item{pointer-events:auto;opacity:1;position:static;transform:none;margin:calc(-1 * var(--s-space-4)) 0}.resource-list-item--show-control-on-focus.sc-swirl-resource-list-item:hover .resource-list-item__meta.sc-swirl-resource-list-item,.resource-list-item--show-control-on-focus.sc-swirl-resource-list-item:focus .resource-list-item__meta.sc-swirl-resource-list-item,.resource-list-item--show-control-on-focus.sc-swirl-resource-list-item:focus-within .resource-list-item__meta.sc-swirl-resource-list-item{margin-right:0;padding-right:0}.resource-list-item--show-control-on-focus.sc-swirl-resource-list-item .resource-list-item__meta.sc-swirl-resource-list-item{margin-right:calc(-1 * var(--s-space-16));padding-right:var(--s-space-16);transition:margin 0.1s}.resource-list-item--show-control-on-focus.sc-swirl-resource-list-item .resource-list-item__control.sc-swirl-resource-list-item{pointer-events:none;opacity:0;position:absolute;top:50%;right:var(--s-space-8);transform:translateY(-50%);transition:opacity 0.1s}}.resource-list-item--draggable.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item{padding-left:calc(var(--s-space-12) * 2 + 1.5rem)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.resource-list-item--draggable.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item{padding-left:calc(var(--s-space-12) * 2 + 1rem)}}.resource-list-item--dragging.sc-swirl-resource-list-item{z-index:1;border-radius:var(--s-border-radius-s);background-color:var(--s-state-pressed);box-shadow:0 0.0625rem 0.125rem rgba(25, 26, 28, 0.08),     0 0.25rem 2rem rgba(25, 26, 28, 0.16)}.resource-list-item--dragging.sc-swirl-resource-list-item:hover:not(.resource-list-item--disabled){background-color:var(--s-state-pressed)}.resource-list-item--disabled.resource-list-item--checked.sc-swirl-resource-list-item .resource-list-item__checkbox.sc-swirl-resource-list-item{border-color:var(--s-icon-disabled);background-color:var(--s-icon-disabled)}.resource-list-item--disabled.sc-swirl-resource-list-item .resource-list-item__checkbox.sc-swirl-resource-list-item{border-color:var(--s-icon-disabled);background-color:transparent}.resource-list-item--disabled.sc-swirl-resource-list-item .resource-list-item__checkbox-icon.sc-swirl-resource-list-item{color:var(--s-text-on-status)}.resource-list-item--wrap-description.sc-swirl-resource-list-item .resource-list-item__description.sc-swirl-resource-list-item{white-space:normal}.resource-list-item--wrap-label.sc-swirl-resource-list-item .resource-list-item__label.sc-swirl-resource-list-item{white-space:normal}.resource-list-item--wrap-label-max-lines.sc-swirl-resource-list-item .resource-list-item__label.sc-swirl-resource-list-item{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;white-space:normal}.resource-list-item__content.sc-swirl-resource-list-item{--swirl-avatar-group-border-color:transparent;display:flex;width:100%;min-width:0;margin:0;padding:0;align-items:flex-start;border:none;color:var(--s-text-default);background:none;font:inherit;line-height:var(--s-line-height-sm);text-align:left;text-decoration:none;gap:var(--s-space-12)}.resource-list-item__content.sc-swirl-resource-list-item:focus,.resource-list-item__content.sc-swirl-resource-list-item:focus-visible{outline:none}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.resource-list-item__content.sc-swirl-resource-list-item{line-height:var(--s-line-height-base)}}.resource-list-item__media.sc-swirl-resource-list-item{display:inline-flex;flex-shrink:0}.resource-list-item__label-container.sc-swirl-resource-list-item{position:relative;display:flex;height:100%;min-width:0;min-height:3rem;padding-right:var(--s-space-16);justify-content:center;flex-direction:column}.resource-list-item__label.sc-swirl-resource-list-item{overflow:hidden;font-size:var(--s-font-size-base);line-height:var(--s-line-height-base);white-space:nowrap;text-overflow:ellipsis}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.resource-list-item__label.sc-swirl-resource-list-item{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.resource-list-item__description.sc-swirl-resource-list-item{overflow:hidden;color:var(--s-text-subdued);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);white-space:nowrap;text-overflow:ellipsis}.resource-list-item__menu-trigger.sc-swirl-resource-list-item{position:absolute;top:50%;right:var(--s-space-16);transform:translateY(-50%)}.resource-list-item__control.sc-swirl-resource-list-item{align-self:center}.resource-list-item__checkbox.sc-swirl-resource-list-item{position:absolute;top:50%;left:calc(var(--s-space-16) - var(--s-space-2));display:flex;width:1.125rem;height:1.125rem;justify-content:center;align-items:center;border:0.125rem solid var(--s-icon-default);border-radius:var(--s-border-radius-s);transform:translateY(-50%);pointer-events:none}button.resource-list-item__checkbox.sc-swirl-resource-list-item{margin:0;padding:0;color:inherit;background:none;font:inherit;cursor:pointer;pointer-events:auto}button.resource-list-item__checkbox.sc-swirl-resource-list-item::after{content:"";position:absolute;inset:calc(-1 * var(--s-space-8))}button.resource-list-item__checkbox.sc-swirl-resource-list-item:focus-visible{outline:none;box-shadow:0 0 0 0.0625rem var(--s-background-default),       0 0 0 0.1875rem var(--s-focus-default)}.resource-list-item__checkbox-icon.sc-swirl-resource-list-item{display:inline-flex;width:1.0625rem;height:1.0625rem}.resource-list-item__checkbox-icon.sc-swirl-resource-list-item>*.sc-swirl-resource-list-item::part(icon),.resource-list-item__checkbox-icon.sc-swirl-resource-list-item>*.sc-swirl-resource-list-item [part~="icon"]{width:1.0625rem;height:1.0625rem}.resource-list-item__meta.sc-swirl-resource-list-item{display:flex;align-items:flex-end;color:var(--s-text-subdued);font-size:var(--s-font-size-sm);flex-direction:column;align-self:flex-start;gap:var(--s-space-2)}.resource-list-item__meta.sc-swirl-resource-list-item:not(:has(.resource-list-item__meta-text)){align-self:center}.resource-list-item__meta-text.sc-swirl-resource-list-item{line-height:var(--s-line-height-base);margin-top:var(--s-space-2);white-space:nowrap}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.resource-list-item__meta-text.sc-swirl-resource-list-item{line-height:var(--s-line-height-sm);margin-top:var(--s-space-4)}}.resource-list-item__badges.sc-swirl-resource-list-item{display:inline-flex;width:-moz-max-content;width:max-content}.resource-list-item__drag-handle.sc-swirl-resource-list-item{position:absolute;z-index:1;top:50%;left:var(--s-space-4);display:inline-flex;margin:0;padding:var(--s-space-8);flex-shrink:0;border:none;color:var(--s-icon-default);background-color:transparent;cursor:grab;transform:translateY(-50%)}.resource-list-item__drag-handle.sc-swirl-resource-list-item:active{cursor:grabbing}.resource-list-item__drag-handle.sc-swirl-resource-list-item:focus:not(:focus-visible){outline:none}.resource-list-item__drag-handle.sc-swirl-resource-list-item:focus-visible{outline-color:var(--s-focus-default)}', L = class {
-  constructor(i) {
-    y(this, i), this.activate = c(this, "activate", 7), this.toggleDrag = c(this, "toggleDrag", 7), this.valueChange = c(this, "valueChange", 7), this.checkboxLabel = "Select", this.checked = !1, this.dragHandleDescription = "Press spacebar to toggle grab", this.dragHandleLabel = "Move item", this.interactive = !0, this.labelWeight = "medium", this.labelTooltipPosition = "top", this.menuTriggerLabel = "Options", this.selectionMode = "row", this.hasMedia = !1, this.iconSize = 24, this.elementId = crypto.randomUUID(), this.mediaQueryUnsubscribe = () => {
-    }, this.rowHasFocus = !1, this.onClick = () => {
-      if (!!this.selectable) {
-        if (this.hasInteractiveCheckbox) {
-          if (this.disabled)
-            return;
-          this.activate.emit(this.el);
-          return;
-        }
-        this.toggle();
-      }
-    }, this.onMenuTriggerClick = (e) => {
-      this.disabled && !Boolean(this.href) && e.stopPropagation();
-    }, this.onDragHandleKeyDown = (e) => {
-      (e.code === "Space" || e.code === "Enter") && (e.preventDefault(), this.toggleDrag.emit(this.el));
-    }, this.onControlClick = (e) => {
-      e.preventDefault(), e.stopPropagation();
-    }, this.onCheckboxClick = (e) => {
-      e.preventDefault(), e.stopPropagation(), !this.disabled && this.toggle();
-    };
-  }
-  componentWillLoad() {
-    this.updateMediaState();
-  }
-  componentDidLoad() {
-    var i;
-    this.parentSemantics = (i = this.el.closest("swirl-resource-list")) == null ? void 0 : i.semantics, this.mediaQueryUnsubscribe = M.subscribe((e) => {
-      this.forceIconProps(e), this.updateIconSize(e);
-    }), this.rowHasFocus = this.el.contains(document.activeElement), this.syncTabIndex(this.getControl()), this.syncTabIndex(this.checkboxEl), Boolean(this.menuTriggerId) && console.warn('[Swirl] The "menu-trigger-id" prop of swirl-resource-list-item is deprecated and will be removed with the next major release. Please use the "control" slot to add a menu button instead. https://swirl-storybook.flip-app.dev/?path=/docs/components-swirlresourcelistitem--docs');
-  }
-  componentDidRender() {
-    this.syncTabIndex(this.checkboxEl);
-  }
-  disconnectedCallback() {
-    this.mediaQueryUnsubscribe();
-  }
-  onFocusIn() {
-    this.rowHasFocus = !0, this.syncTabIndex(this.getControl()), this.syncTabIndex(this.checkboxEl);
-  }
-  onFocusOut(i) {
-    const e = i.relatedTarget;
-    Boolean(e) && this.el.contains(e) || (this.rowHasFocus = !1, this.syncTabIndex(this.getControl()), this.syncTabIndex(this.checkboxEl));
-  }
-  get hasInteractiveCheckbox() {
-    return this.interactive && this.selectable && this.selectionMode === "checkbox";
-  }
-  get hasBadges() {
-    return Boolean(this.el.querySelector("[slot='badges']"));
-  }
-  get showMeta() {
-    return Boolean(this.meta) || this.hasBadges;
-  }
-  forceIconProps(i) {
-    var t;
-    const e = (t = this.iconEl) == null ? void 0 : t.children[0];
-    e == null || e.setAttribute("size", i ? "20" : "24");
-  }
-  updateIconSize(i) {
-    this.iconSize = i ? 20 : 24;
-  }
-  updateMediaState() {
-    const i = this.el.querySelector('[slot="media"]'), e = Boolean(i);
-    e !== this.hasMedia && (this.hasMedia = e);
-  }
-  getControl() {
-    return this.el.querySelector('[slot="control"] button');
-  }
-  syncTabIndex(i) {
-    !Boolean(i) || !i.isConnected || this.parentSemantics !== "grid" || (i.tabIndex = this.rowHasFocus ? 0 : -1);
-  }
-  toggle() {
-    this.checked = !this.checked, this.valueChange.emit(this.checked);
-  }
-  render() {
-    var u;
-    const i = !this.interactive && !this.selectable ? "div" : Boolean(this.href) && !this.selectable ? "a" : "button", e = i === "a", t = this.disabled && !Boolean(this.href), d = this.hasBadges, r = this.el.querySelector("[slot='control']"), m = Boolean(this.menuTriggerId) || r, o = this.hasInteractiveCheckbox, h = this.interactive && Boolean(this.href) ? this.href : void 0, b = r && (Boolean(this.meta) || d), w = Boolean(this.menuTriggerId) && !Boolean(this.meta) && !this.selectable, l = this.showMeta, g = Boolean(this.swirlAriaLabel) ? this.swirlAriaLabel : this.label, p = this.selectable && !o ? String(this.checked) : void 0, f = this.interactive && this.selectable && !o ? "checkbox" : void 0, a = this.el.closest('[role="grid"]') ? "row" : "listitem", v = a === "row" ? "gridcell" : void 0, _ = {
-      minHeight: (u = this.labelMinHeight) != null ? u : void 0
-    }, n = () => s("span", { key: "fea7211cf22cb6523f2973cdd0ad40e422c8b5d5", class: "resource-list-item__label", id: this.elementId, innerHTML: this.allowHtml ? this.label : void 0, style: {
-      "-webkit-line-clamp": this.labelWrapMaxLines ? String(this.labelWrapMaxLines) : void 0
-    } }, !this.allowHtml && this.label), k = T("resource-list-item", `resource-list-item--label-weight-${this.labelWeight}`, {
-      "resource-list-item--active": this.active,
-      "resource-list-item--checked": this.checked,
-      "resource-list-item--compact": this.compact,
-      "resource-list-item--disabled": this.disabled,
-      "resource-list-item--draggable": this.allowDrag,
-      "resource-list-item--dragging": this.dragging,
-      "resource-list-item--has-control": r,
-      "resource-list-item--has-menu": m,
-      "resource-list-item--hide-divider": this.hideDivider,
-      "resource-list-item--interactive": this.interactive || this.selectable,
-      "resource-list-item--selectable": this.selectable,
-      "resource-list-item--show-control-on-focus": b,
-      "resource-list-item--show-meta": l,
-      "resource-list-item--wrap-description": this.descriptionWrap,
-      "resource-list-item--wrap-label": this.labelWrap,
-      "resource-list-item--wrap-label-max-lines": this.labelWrapMaxLines
-    });
-    return s(C, { key: "ce9b59a8ca38a15d10673ca82218ff75366568d6", role: a }, s("div", { key: "9022a969766c2ac4713a5905c48b86fec35b4ecd", class: k, role: v, onClick: this.onClick }, s(i, { key: "44c333e8f173cc07f2419d728510ce737d669dde", "aria-checked": p, "aria-current": this.swirlAriaCurrent, "aria-disabled": t ? "true" : void 0, "aria-label": g, "aria-labelledby": Boolean(this.swirlAriaLabel) ? void 0 : this.elementId, class: "resource-list-item__content", style: { alignItems: this.alignItems }, href: h, rel: e ? this.rel : void 0, target: e ? this.target : void 0, disabled: t, part: "resource-list-item__content", role: f, tabIndex: 0, type: i === "button" ? "button" : void 0 }, this.hasMedia && s("span", { key: "f8d27a75fdf104f349079b6958fec68657c7f9b2", class: "resource-list-item__media" }, s("slot", { key: "3e15606fa983a44f5b8af619b1c9d37401a160c7", name: "media" })), s("span", { key: "6588f49298b4db91cffb0f16f00923a7dd9c5f8c", class: "resource-list-item__label-container", style: _ }, this.labelTooltip ? s("swirl-tooltip", { content: this.labelTooltip, position: this.labelTooltipPosition }, n()) : n(), this.description && s("span", { key: "c412b89410706c3bd139999fe4496ecb7152bd8f", class: "resource-list-item__description", innerHTML: this.allowHtml ? this.description : void 0 }, !this.allowHtml && this.description))), this.selectable && (o ? s("button", { "aria-checked": String(this.checked), "aria-label": `${this.checkboxLabel} "${this.label}"`, class: "resource-list-item__checkbox", disabled: t, onClick: this.onCheckboxClick, ref: (x) => this.checkboxEl = x, role: "checkbox", type: "button" }, s("span", { class: "resource-list-item__checkbox-icon" }, this.checked && s("swirl-icon-check-strong", null))) : s("span", { "aria-hidden": "true", class: "resource-list-item__checkbox" }, s("span", { class: "resource-list-item__checkbox-icon" }, this.checked && s("swirl-icon-check-strong", null)))), l && s("span", { key: "bb6240107ad71fc0107b5533ec1964fbc40d6c61", class: "resource-list-item__meta" }, this.meta && s("span", { key: "9eddc75aa1301fae3190f3e96c9fa4e3fe56bf59", class: "resource-list-item__meta-text" }, this.meta), s("span", { key: "fee6e458b26e312c70038b3ecac7475a1bd42a28", class: "resource-list-item__badges" }, s("slot", { key: "f579b01951729f47b7ee3fc40d3541d5bdec9005", name: "badges" }))), s("span", { key: "2a9ac0d61e3c6880f01d1b9c11ba3310e8d5b89e", class: "resource-list-item__control", onClick: this.onControlClick }, s("slot", { key: "f969ff21ff4dd43ed4aabbd8ab199c731eadbd67", name: "control" })), w && s("swirl-popover-trigger", { key: "ad9b97495ae044148d11b4b70ce7c3af1b44c8cb", swirlPopover: this.menuTriggerId }, s("swirl-button", { key: "84ddc33a749b9e3765ce7c6c818234acdeedaeba", "aria-disabled": t ? "true" : void 0, class: "resource-list-item__menu-trigger", disabled: t, hideLabel: !0, icon: "<swirl-icon-more-horizontal></swirl-icon-more-horizontal>", intent: "primary", label: this.menuTriggerLabel, onClick: this.onMenuTriggerClick }))), this.allowDrag && s("button", { key: "4f2ace004c8b5049576fd9c07af7aa1cf942f4a2", "aria-describedby": this.dragHandleDescription, "aria-label": `${this.dragHandleLabel} "${this.label}"`, class: "resource-list-item__drag-handle", onKeyDown: this.onDragHandleKeyDown, type: "button" }, s("swirl-icon-drag-handle", { key: "cb9b0043129ea4b3093279639ac47189008e3f4d", size: this.iconSize })));
-  }
-  get el() {
-    return I(this);
-  }
-};
-L.style = z();
-export {
-  L as swirl_resource_list_item
-};