@getflip/swirl-components-react 0.37.3 → 0.38.0

package/dist/swirl-modal.entry.647f1b21.js

@@ -0,0 +1,528 @@
+import { r as oe, c as N, h as p, H as ne, g as se } from "./index.df277ce6.js";
+import { d as le, e as ce } from "./bodyScrollLock.esm-ce6356d8.2c600fb9.js";
+import { c as de } from "./index-d280dafb.186cdb0e.js";
+import "react";
+import "react-dom";
+/*!
+* tabbable 6.0.1
+* @license MIT, https://github.com/focus-trap/tabbable/blob/master/LICENSE
+*/
+var Z = ["input", "select", "textarea", "a[href]", "button", "[tabindex]:not(slot)", "audio[controls]", "video[controls]", '[contenteditable]:not([contenteditable="false"])', "details>summary:first-of-type", "details"], A = /* @__PURE__ */ Z.join(","), X = typeof Element > "u", T = X ? function() {
+} : Element.prototype.matches || Element.prototype.msMatchesSelector || Element.prototype.webkitMatchesSelector, R = !X && Element.prototype.getRootNode ? function(n) {
+  return n.getRootNode();
+} : function(n) {
+  return n.ownerDocument;
+}, J = function(e, t, a) {
+  var s = Array.prototype.slice.apply(e.querySelectorAll(A));
+  return t && T.call(e, A) && s.unshift(e), s = s.filter(a), s;
+}, Q = function n(e, t, a) {
+  for (var s = [], l = Array.from(e); l.length; ) {
+    var r = l.shift();
+    if (r.tagName === "SLOT") {
+      var d = r.assignedElements(), u = d.length ? d : r.children, v = n(u, !0, a);
+      a.flatten ? s.push.apply(s, v) : s.push({
+        scopeParent: r,
+        candidates: v
+      });
+    } else {
+      var k = T.call(r, A);
+      k && a.filter(r) && (t || !e.includes(r)) && s.push(r);
+      var y = r.shadowRoot || typeof a.getShadowRoot == "function" && a.getShadowRoot(r), C = !a.shadowRootFilter || a.shadowRootFilter(r);
+      if (y && C) {
+        var w = n(y === !0 ? r.children : y.children, !0, a);
+        a.flatten ? s.push.apply(s, w) : s.push({
+          scopeParent: r,
+          candidates: w
+        });
+      } else
+        l.unshift.apply(l, r.children);
+    }
+  }
+  return s;
+}, ee = function(e, t) {
+  return e.tabIndex < 0 && (t || /^(AUDIO|VIDEO|DETAILS)$/.test(e.tagName) || e.isContentEditable) && isNaN(parseInt(e.getAttribute("tabindex"), 10)) ? 0 : e.tabIndex;
+}, ue = function(e, t) {
+  return e.tabIndex === t.tabIndex ? e.documentOrder - t.documentOrder : e.tabIndex - t.tabIndex;
+}, te = function(e) {
+  return e.tagName === "INPUT";
+}, fe = function(e) {
+  return te(e) && e.type === "hidden";
+}, be = function(e) {
+  var t = e.tagName === "DETAILS" && Array.prototype.slice.apply(e.children).some(function(a) {
+    return a.tagName === "SUMMARY";
+  });
+  return t;
+}, he = function(e, t) {
+  for (var a = 0; a < e.length; a++)
+    if (e[a].checked && e[a].form === t)
+      return e[a];
+}, ve = function(e) {
+  if (!e.name)
+    return !0;
+  var t = e.form || R(e), a = function(d) {
+    return t.querySelectorAll('input[type="radio"][name="' + d + '"]');
+  }, s;
+  if (typeof window < "u" && typeof window.CSS < "u" && typeof window.CSS.escape == "function")
+    s = a(window.CSS.escape(e.name));
+  else
+    try {
+      s = a(e.name);
+    } catch (r) {
+      return console.error("Looks like you have a radio button with a name attribute containing invalid CSS selector characters and need the CSS.escape polyfill: %s", r.message), !1;
+    }
+  var l = he(s, e.form);
+  return !l || l === e;
+}, me = function(e) {
+  return te(e) && e.type === "radio";
+}, pe = function(e) {
+  return me(e) && !ve(e);
+}, ge = function(e) {
+  for (var t, a = R(e).host, s = !!((t = a) !== null && t !== void 0 && t.ownerDocument.contains(a) || e.ownerDocument.contains(e)); !s && a; ) {
+    var l;
+    a = R(a).host, s = !!((l = a) !== null && l !== void 0 && l.ownerDocument.contains(a));
+  }
+  return s;
+}, q = function(e) {
+  var t = e.getBoundingClientRect(), a = t.width, s = t.height;
+  return a === 0 && s === 0;
+}, ye = function(e, t) {
+  var a = t.displayCheck, s = t.getShadowRoot;
+  if (getComputedStyle(e).visibility === "hidden")
+    return !0;
+  var l = T.call(e, "details>summary:first-of-type"), r = l ? e.parentElement : e;
+  if (T.call(r, "details:not([open]) *"))
+    return !0;
+  if (!a || a === "full" || a === "legacy-full") {
+    if (typeof s == "function") {
+      for (var d = e; e; ) {
+        var u = e.parentElement, v = R(e);
+        if (u && !u.shadowRoot && s(u) === !0)
+          return q(e);
+        e.assignedSlot ? e = e.assignedSlot : !u && v !== e.ownerDocument ? e = v.host : e = u;
+      }
+      e = d;
+    }
+    if (ge(e))
+      return !e.getClientRects().length;
+    if (a !== "legacy-full")
+      return !0;
+  } else if (a === "non-zero-area")
+    return q(e);
+  return !1;
+}, we = function(e) {
+  if (/^(INPUT|BUTTON|SELECT|TEXTAREA)$/.test(e.tagName))
+    for (var t = e.parentElement; t; ) {
+      if (t.tagName === "FIELDSET" && t.disabled) {
+        for (var a = 0; a < t.children.length; a++) {
+          var s = t.children.item(a);
+          if (s.tagName === "LEGEND")
+            return T.call(t, "fieldset[disabled] *") ? !0 : !s.contains(e);
+        }
+        return !0;
+      }
+      t = t.parentElement;
+    }
+  return !1;
+}, O = function(e, t) {
+  return !(t.disabled || fe(t) || ye(t, e) || be(t) || we(t));
+}, B = function(e, t) {
+  return !(pe(t) || ee(t) < 0 || !O(e, t));
+}, Se = function(e) {
+  var t = parseInt(e.getAttribute("tabindex"), 10);
+  return !!(isNaN(t) || t >= 0);
+}, ke = function n(e) {
+  var t = [], a = [];
+  return e.forEach(function(s, l) {
+    var r = !!s.scopeParent, d = r ? s.scopeParent : s, u = ee(d, r), v = r ? n(s.candidates) : d;
+    u === 0 ? r ? t.push.apply(t, v) : t.push(d) : a.push({
+      documentOrder: l,
+      tabIndex: u,
+      item: s,
+      isScope: r,
+      content: v
+    });
+  }), a.sort(ue).reduce(function(s, l) {
+    return l.isScope ? s.push.apply(s, l.content) : s.push(l.content), s;
+  }, []).concat(t);
+}, Ce = function(e, t) {
+  t = t || {};
+  var a;
+  return t.getShadowRoot ? a = Q([e], t.includeContainer, {
+    filter: B.bind(null, t),
+    flatten: !1,
+    getShadowRoot: t.getShadowRoot,
+    shadowRootFilter: Se
+  }) : a = J(e, t.includeContainer, B.bind(null, t)), ke(a);
+}, Te = function(e, t) {
+  t = t || {};
+  var a;
+  return t.getShadowRoot ? a = Q([e], t.includeContainer, {
+    filter: O.bind(null, t),
+    flatten: !0,
+    getShadowRoot: t.getShadowRoot
+  }) : a = J(e, t.includeContainer, O.bind(null, t)), a;
+}, D = function(e, t) {
+  if (t = t || {}, !e)
+    throw new Error("No node provided");
+  return T.call(e, A) === !1 ? !1 : B(t, e);
+}, Ee = /* @__PURE__ */ Z.concat("iframe").join(","), P = function(e, t) {
+  if (t = t || {}, !e)
+    throw new Error("No node provided");
+  return T.call(e, Ee) === !1 ? !1 : O(t, e);
+};
+/*!
+* focus-trap 7.1.0
+* @license MIT, https://github.com/focus-trap/focus-trap/blob/master/LICENSE
+*/
+function U(n, e) {
+  var t = Object.keys(n);
+  if (Object.getOwnPropertySymbols) {
+    var a = Object.getOwnPropertySymbols(n);
+    e && (a = a.filter(function(s) {
+      return Object.getOwnPropertyDescriptor(n, s).enumerable;
+    })), t.push.apply(t, a);
+  }
+  return t;
+}
+function W(n) {
+  for (var e = 1; e < arguments.length; e++) {
+    var t = arguments[e] != null ? arguments[e] : {};
+    e % 2 ? U(Object(t), !0).forEach(function(a) {
+      _e(n, a, t[a]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(n, Object.getOwnPropertyDescriptors(t)) : U(Object(t)).forEach(function(a) {
+      Object.defineProperty(n, a, Object.getOwnPropertyDescriptor(t, a));
+    });
+  }
+  return n;
+}
+function _e(n, e, t) {
+  return e in n ? Object.defineProperty(n, e, {
+    value: t,
+    enumerable: !0,
+    configurable: !0,
+    writable: !0
+  }) : n[e] = t, n;
+}
+var Fe = [], V = {
+  activateTrap: function(e, t) {
+    if (e.length > 0) {
+      var a = e[e.length - 1];
+      a !== t && a.pause();
+    }
+    var s = e.indexOf(t);
+    s === -1 || e.splice(s, 1), e.push(t);
+  },
+  deactivateTrap: function(e, t) {
+    var a = e.indexOf(t);
+    a !== -1 && e.splice(a, 1), e.length > 0 && e[e.length - 1].unpause();
+  }
+}, Ne = function(e) {
+  return e.tagName && e.tagName.toLowerCase() === "input" && typeof e.select == "function";
+}, De = function(e) {
+  return e.key === "Escape" || e.key === "Esc" || e.keyCode === 27;
+}, xe = function(e) {
+  return e.key === "Tab" || e.keyCode === 9;
+}, Y = function(e) {
+  return setTimeout(e, 0);
+}, $ = function(e, t) {
+  var a = -1;
+  return e.every(function(s, l) {
+    return t(s) ? (a = l, !1) : !0;
+  }), a;
+}, _ = function(e) {
+  for (var t = arguments.length, a = new Array(t > 1 ? t - 1 : 0), s = 1; s < t; s++)
+    a[s - 1] = arguments[s];
+  return typeof e == "function" ? e.apply(void 0, a) : e;
+}, x = function(e) {
+  return e.target.shadowRoot && typeof e.composedPath == "function" ? e.composedPath()[0] : e.target;
+}, Ae = function(e, t) {
+  var a = (t == null ? void 0 : t.document) || document, s = (t == null ? void 0 : t.trapStack) || Fe, l = W({
+    returnFocusOnDeactivate: !0,
+    escapeDeactivates: !0,
+    delayInitialFocus: !0
+  }, t), r = {
+    containers: [],
+    containerGroups: [],
+    tabbableGroups: [],
+    nodeFocusedBeforeActivation: null,
+    mostRecentlyFocusedNode: null,
+    active: !1,
+    paused: !1,
+    delayInitialFocusTimer: void 0
+  }, d, u = function(i, o, c) {
+    return i && i[o] !== void 0 ? i[o] : l[c || o];
+  }, v = function(i) {
+    return r.containerGroups.findIndex(function(o) {
+      var c = o.container, h = o.tabbableNodes;
+      return c.contains(i) || h.find(function(f) {
+        return f === i;
+      });
+    });
+  }, k = function(i) {
+    var o = l[i];
+    if (typeof o == "function") {
+      for (var c = arguments.length, h = new Array(c > 1 ? c - 1 : 0), f = 1; f < c; f++)
+        h[f - 1] = arguments[f];
+      o = o.apply(void 0, h);
+    }
+    if (o === !0 && (o = void 0), !o) {
+      if (o === void 0 || o === !1)
+        return o;
+      throw new Error("`".concat(i, "` was specified but was not a node, or did not return a node"));
+    }
+    var m = o;
+    if (typeof o == "string" && (m = a.querySelector(o), !m))
+      throw new Error("`".concat(i, "` as selector refers to no known node"));
+    return m;
+  }, y = function() {
+    var i = k("initialFocus");
+    if (i === !1)
+      return !1;
+    if (i === void 0)
+      if (v(a.activeElement) >= 0)
+        i = a.activeElement;
+      else {
+        var o = r.tabbableGroups[0], c = o && o.firstTabbableNode;
+        i = c || k("fallbackFocus");
+      }
+    if (!i)
+      throw new Error("Your focus-trap needs to have at least one focusable element");
+    return i;
+  }, C = function() {
+    if (r.containerGroups = r.containers.map(function(i) {
+      var o = Ce(i, l.tabbableOptions), c = Te(i, l.tabbableOptions);
+      return {
+        container: i,
+        tabbableNodes: o,
+        focusableNodes: c,
+        firstTabbableNode: o.length > 0 ? o[0] : null,
+        lastTabbableNode: o.length > 0 ? o[o.length - 1] : null,
+        nextTabbableNode: function(f) {
+          var m = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !0, g = c.findIndex(function(S) {
+            return S === f;
+          });
+          if (!(g < 0))
+            return m ? c.slice(g + 1).find(function(S) {
+              return D(S, l.tabbableOptions);
+            }) : c.slice(0, g).reverse().find(function(S) {
+              return D(S, l.tabbableOptions);
+            });
+        }
+      };
+    }), r.tabbableGroups = r.containerGroups.filter(function(i) {
+      return i.tabbableNodes.length > 0;
+    }), r.tabbableGroups.length <= 0 && !k("fallbackFocus"))
+      throw new Error("Your focus-trap must have at least one container with at least one tabbable node in it at all times");
+  }, w = function b(i) {
+    if (i !== !1 && i !== a.activeElement) {
+      if (!i || !i.focus) {
+        b(y());
+        return;
+      }
+      i.focus({
+        preventScroll: !!l.preventScroll
+      }), r.mostRecentlyFocusedNode = i, Ne(i) && i.select();
+    }
+  }, H = function(i) {
+    var o = k("setReturnFocus", i);
+    return o || (o === !1 ? !1 : i);
+  }, F = function(i) {
+    var o = x(i);
+    if (!(v(o) >= 0)) {
+      if (_(l.clickOutsideDeactivates, i)) {
+        d.deactivate({
+          returnFocus: l.returnFocusOnDeactivate && !P(o, l.tabbableOptions)
+        });
+        return;
+      }
+      _(l.allowOutsideClick, i) || i.preventDefault();
+    }
+  }, j = function(i) {
+    var o = x(i), c = v(o) >= 0;
+    c || o instanceof Document ? c && (r.mostRecentlyFocusedNode = o) : (i.stopImmediatePropagation(), w(r.mostRecentlyFocusedNode || y()));
+  }, ae = function(i) {
+    var o = x(i);
+    C();
+    var c = null;
+    if (r.tabbableGroups.length > 0) {
+      var h = v(o), f = h >= 0 ? r.containerGroups[h] : void 0;
+      if (h < 0)
+        i.shiftKey ? c = r.tabbableGroups[r.tabbableGroups.length - 1].lastTabbableNode : c = r.tabbableGroups[0].firstTabbableNode;
+      else if (i.shiftKey) {
+        var m = $(r.tabbableGroups, function(I) {
+          var L = I.firstTabbableNode;
+          return o === L;
+        });
+        if (m < 0 && (f.container === o || P(o, l.tabbableOptions) && !D(o, l.tabbableOptions) && !f.nextTabbableNode(o, !1)) && (m = h), m >= 0) {
+          var g = m === 0 ? r.tabbableGroups.length - 1 : m - 1, S = r.tabbableGroups[g];
+          c = S.lastTabbableNode;
+        }
+      } else {
+        var E = $(r.tabbableGroups, function(I) {
+          var L = I.lastTabbableNode;
+          return o === L;
+        });
+        if (E < 0 && (f.container === o || P(o, l.tabbableOptions) && !D(o, l.tabbableOptions) && !f.nextTabbableNode(o)) && (E = h), E >= 0) {
+          var re = E === r.tabbableGroups.length - 1 ? 0 : E + 1, ie = r.tabbableGroups[re];
+          c = ie.firstTabbableNode;
+        }
+      }
+    } else
+      c = k("fallbackFocus");
+    c && (i.preventDefault(), w(c));
+  }, M = function(i) {
+    if (De(i) && _(l.escapeDeactivates, i) !== !1) {
+      i.preventDefault(), d.deactivate();
+      return;
+    }
+    if (xe(i)) {
+      ae(i);
+      return;
+    }
+  }, G = function(i) {
+    var o = x(i);
+    v(o) >= 0 || _(l.clickOutsideDeactivates, i) || _(l.allowOutsideClick, i) || (i.preventDefault(), i.stopImmediatePropagation());
+  }, K = function() {
+    if (!!r.active)
+      return V.activateTrap(s, d), r.delayInitialFocusTimer = l.delayInitialFocus ? Y(function() {
+        w(y());
+      }) : w(y()), a.addEventListener("focusin", j, !0), a.addEventListener("mousedown", F, {
+        capture: !0,
+        passive: !1
+      }), a.addEventListener("touchstart", F, {
+        capture: !0,
+        passive: !1
+      }), a.addEventListener("click", G, {
+        capture: !0,
+        passive: !1
+      }), a.addEventListener("keydown", M, {
+        capture: !0,
+        passive: !1
+      }), d;
+  }, z = function() {
+    if (!!r.active)
+      return a.removeEventListener("focusin", j, !0), a.removeEventListener("mousedown", F, !0), a.removeEventListener("touchstart", F, !0), a.removeEventListener("click", G, !0), a.removeEventListener("keydown", M, !0), d;
+  };
+  return d = {
+    get active() {
+      return r.active;
+    },
+    get paused() {
+      return r.paused;
+    },
+    activate: function(i) {
+      if (r.active)
+        return this;
+      var o = u(i, "onActivate"), c = u(i, "onPostActivate"), h = u(i, "checkCanFocusTrap");
+      h || C(), r.active = !0, r.paused = !1, r.nodeFocusedBeforeActivation = a.activeElement, o && o();
+      var f = function() {
+        h && C(), K(), c && c();
+      };
+      return h ? (h(r.containers.concat()).then(f, f), this) : (f(), this);
+    },
+    deactivate: function(i) {
+      if (!r.active)
+        return this;
+      var o = W({
+        onDeactivate: l.onDeactivate,
+        onPostDeactivate: l.onPostDeactivate,
+        checkCanReturnFocus: l.checkCanReturnFocus
+      }, i);
+      clearTimeout(r.delayInitialFocusTimer), r.delayInitialFocusTimer = void 0, z(), r.active = !1, r.paused = !1, V.deactivateTrap(s, d);
+      var c = u(o, "onDeactivate"), h = u(o, "onPostDeactivate"), f = u(o, "checkCanReturnFocus"), m = u(o, "returnFocus", "returnFocusOnDeactivate");
+      c && c();
+      var g = function() {
+        Y(function() {
+          m && w(H(r.nodeFocusedBeforeActivation)), h && h();
+        });
+      };
+      return m && f ? (f(H(r.nodeFocusedBeforeActivation)).then(g, g), this) : (g(), this);
+    },
+    pause: function() {
+      return r.paused || !r.active ? this : (r.paused = !0, z(), this);
+    },
+    unpause: function() {
+      return !r.paused || !r.active ? this : (r.paused = !1, C(), K(), this);
+    },
+    updateContainerElements: function(i) {
+      var o = [].concat(i).filter(Boolean);
+      return r.containers = o.map(function(c) {
+        return typeof c == "string" ? a.querySelector(c) : c;
+      }), r.active && C(), this;
+    }
+  }, d.updateContainerElements(e), d;
+};
+const Re = ':host{--swirl-ghost-button-background-default:var(--s-surface-overlay-default);--swirl-ghost-button-background-hovered:var(--s-surface-overlay-hovered);--swirl-ghost-button-background-pressed:var(--s-surface-overlay-pressed);display:block}:host *{box-sizing:border-box}.modal{position:fixed;z-index:var(--s-z-40);display:flex;justify-content:center;align-items:center;inset:0}.modal[aria-hidden="true"]{display:none}.modal:not(.modal--closing) .modal__backdrop{-webkit-animation:0.15s modal-backdrop-fade-in;animation:0.15s modal-backdrop-fade-in}@media (prefers-reduced-motion){.modal:not(.modal--closing) .modal__backdrop{-webkit-animation:none;animation:none}}.modal:not(.modal--closing) .modal__body{-webkit-animation:0.15s modal-scale-in;animation:0.15s modal-scale-in}@media (prefers-reduced-motion){.modal:not(.modal--closing) .modal__body{-webkit-animation:none;animation:none}}.modal--padded .modal__content{padding-top:var(--s-space-24);padding-right:var(--s-space-16);padding-bottom:var(--s-space-24);padding-left:var(--s-space-16)}@media (min-width: 768px){.modal--padded .modal__content{padding-top:0;padding-right:var(--s-space-24);padding-bottom:var(--s-space-16);padding-left:var(--s-space-24)}}.modal--has-custom-header .modal__content{padding-top:var(--s-space-16)}.modal--closing{-webkit-animation:0.15s modal-fade-out;animation:0.15s modal-fade-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@media (prefers-reduced-motion){.modal--closing{-webkit-animation:none;animation:none}}@media (min-width: 768px){.modal--scrollable .modal__content{padding-bottom:0}}.modal--scrollable:not(.modal--scrolled-down) .modal__controls{border-top:var(--s-border-width-default) solid var(--s-border-default)}@media (min-width: 768px){.modal--scrolled .modal__header{border-bottom-color:var(--s-border-default)}}.modal__backdrop{position:fixed;background-color:rgba(0, 0, 0, 0.2);inset:0}.modal__body{position:relative;z-index:var(--s-z-40);display:flex;overflow:hidden;width:100vw;max-width:40rem;height:100vh;background-color:var(--s-surface-overlay-default);flex-direction:column}@media (min-width: 768px){.modal__body{width:90vw;height:auto;max-height:90vh;border-radius:var(--s-border-radius-base);box-shadow:var(--s-shadow-level-3)}}.modal__close-button{position:absolute;top:var(--s-space-8);left:var(--s-space-8)}@media (min-width: 768px){.modal__close-button{top:var(--s-space-16);right:var(--s-space-16);left:auto}}.modal__header{display:flex;height:3.5rem;padding-top:var(--s-space-8);padding-right:var(--s-space-16);padding-bottom:var(--s-space-8);padding-left:calc(var(--s-space-8) + 2.5rem + var(--s-space-8));flex-shrink:0;align-items:center;border-bottom:var(--s-border-width-default) solid var(--s-border-default);gap:var(--s-space-16)}@media (min-width: 768px){.modal__header{height:4.125rem;padding-top:var(--s-space-24);padding-right:calc(var(--s-space-16) + 2.5rem + var(--s-space-8));padding-bottom:var(--s-space-16);padding-left:var(--s-space-24);border-bottom:var(--s-border-width-default) solid transparent}}.modal__custom-header{flex-shrink:0;border-bottom:var(--s-border-width-default) solid var(--s-border-default)}.modal__heading{overflow:hidden}.modal__heading .heading{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.modal__content{overflow-x:hidden;overflow-y:auto;flex-grow:1;line-height:var(--s-line-height-base)}.modal__content ::slotted(*){margin:0}.modal__controls{display:flex;padding-top:var(--s-space-16);padding-right:var(--s-space-24);padding-bottom:var(--s-space-16);padding-left:var(--s-space-24);flex-shrink:0;justify-content:flex-end}@-webkit-keyframes modal-scale-in{from{transform:scale(0)}to{transform:scale(1)}}@keyframes modal-scale-in{from{transform:scale(0)}to{transform:scale(1)}}@-webkit-keyframes modal-backdrop-fade-in{from{opacity:0}to{opacity:1}}@keyframes modal-backdrop-fade-in{from{opacity:0}to{opacity:1}}@-webkit-keyframes modal-fade-out{from{opacity:1}to{opacity:0}}@keyframes modal-fade-out{from{opacity:1}to{opacity:0}}', Oe = class {
+  constructor(n) {
+    oe(this, n), this.modalClose = N(this, "modalClose", 7), this.modalOpen = N(this, "modalOpen", 7), this.primaryAction = N(this, "primaryAction", 7), this.secondaryAction = N(this, "secondaryAction", 7), this.onKeyDown = (e) => {
+      e.code === "Escape" && this.close();
+    }, this.onBackdropClick = () => {
+      this.close();
+    }, this.onCloseButtonClick = () => {
+      this.close();
+    }, this.onPrimaryAction = (e) => {
+      this.primaryAction.emit(e);
+    }, this.onSecondaryAction = (e) => {
+      this.secondaryAction.emit(e);
+    }, this.onCustomHeaderSlotChange = () => {
+      this.hasCustomHeader = this.customHeaderSlot.assignedElements().length > 0;
+    }, this.determineScrollStatus = () => {
+      var e, t, a, s, l, r;
+      const d = ((e = this.scrollContainer) === null || e === void 0 ? void 0 : e.scrollTop) > 0, u = Math.ceil(((t = this.scrollContainer) === null || t === void 0 ? void 0 : t.scrollTop) + ((a = this.scrollContainer) === null || a === void 0 ? void 0 : a.offsetHeight)) >= ((s = this.scrollContainer) === null || s === void 0 ? void 0 : s.scrollHeight), v = ((l = this.scrollContainer) === null || l === void 0 ? void 0 : l.scrollHeight) > ((r = this.scrollContainer) === null || r === void 0 ? void 0 : r.offsetHeight);
+      d !== this.scrolled && (this.scrolled = d), u !== this.scrolledDown && (this.scrolledDown = u), v !== this.scrollable && (this.scrollable = v);
+    }, this.closeButtonLabel = "Close modal", this.hideCloseButton = void 0, this.hideLabel = void 0, this.label = void 0, this.maxWidth = void 0, this.padded = !0, this.primaryActionLabel = void 0, this.secondaryActionLabel = void 0, this.isOpen = !1, this.closing = !1, this.hasCustomHeader = void 0, this.scrollable = !1, this.scrolled = !1, this.scrolledDown = !1;
+  }
+  componentDidLoad() {
+    this.focusTrap = Ae(this.modalEl, {
+      tabbableOptions: { getShadowRoot: (n) => n.shadowRoot }
+    }), this.determineScrollStatus();
+  }
+  disconnectedCallback() {
+    this.focusTrap.deactivate(), this.unlockBodyScroll();
+  }
+  onWindowResize() {
+    this.determineScrollStatus();
+  }
+  watchIsOpen() {
+    this.isOpen ? setTimeout(() => {
+      this.focusTrap.activate();
+    }, 200) : this.focusTrap.deactivate();
+  }
+  async open() {
+    this.isOpen = !0, this.modalOpen.emit(), this.lockBodyScroll(), this.determineScrollStatus();
+  }
+  async close() {
+    this.closing || (this.closing = !0, this.unlockBodyScroll(), setTimeout(() => {
+      this.isOpen = !1, this.modalClose.emit(), this.closing = !1;
+    }, 150));
+  }
+  lockBodyScroll() {
+    le(this.scrollContainer);
+  }
+  unlockBodyScroll() {
+    ce(this.scrollContainer);
+  }
+  render() {
+    const n = Boolean(this.primaryActionLabel) || Boolean(this.secondaryActionLabel), e = de("modal", {
+      "modal--closing": this.closing,
+      "modal--has-custom-header": this.hasCustomHeader,
+      "modal--padded": this.padded,
+      "modal--scrollable": this.scrollable,
+      "modal--scrolled": this.scrolled,
+      "modal--scrolled-down": this.scrolledDown
+    });
+    return p(ne, null, p("section", { "aria-hidden": String(!this.isOpen), "aria-label": this.label, "aria-modal": "true", class: e, onKeyDown: this.onKeyDown, role: "dialog", ref: (t) => this.modalEl = t }, p("div", { class: "modal__backdrop", onClick: this.onBackdropClick }), p("div", { class: "modal__body", style: { maxWidth: this.maxWidth } }, !this.hideCloseButton && p("swirl-button", { class: "modal__close-button", hideLabel: !0, icon: "<swirl-icon-close></swirl-icon-close>", label: this.closeButtonLabel, onClick: this.onCloseButtonClick }), p("header", { class: "modal__custom-header" }, p("slot", { name: "custom-header", onSlotchange: this.onCustomHeaderSlotChange, ref: (t) => this.customHeaderSlot = t })), !this.hideLabel && p("header", { class: "modal__header" }, p("swirl-heading", { as: "h2", class: "modal__heading", level: 3, text: this.label })), p("div", { class: "modal__content", onScroll: this.determineScrollStatus, ref: (t) => this.scrollContainer = t }, p("slot", null)), n && p("footer", { class: "modal__controls" }, p("swirl-button-group", { wrap: !0 }, this.secondaryActionLabel && p("swirl-button", { label: this.secondaryActionLabel, onClick: this.onSecondaryAction }), this.primaryActionLabel && p("swirl-button", { intent: "primary", label: this.primaryActionLabel, onClick: this.onPrimaryAction, variant: "flat" }))))));
+  }
+  get el() {
+    return se(this);
+  }
+  static get watchers() {
+    return {
+      isOpen: ["watchIsOpen"]
+    };
+  }
+};
+Oe.style = Re;
+export {
+  Oe as swirl_modal
+};

package/dist/{swirl-option-list-section.entry.7dcd4e03.js → swirl-option-list-section.entry.6d346b11.js}

@@ -1,4 +1,4 @@
-import { r as s, h as t, H as e } from "./index.a9a3d115.js";
+import { r as s, h as t, H as e } from "./index.df277ce6.js";
 import "react";
 import "react-dom";
 const o = ":host{display:block}:host *{box-sizing:border-box}.option-list-section{background-color:var(--s-surface-overlay-default)}.option-list-section__label{display:block;width:100%;padding:var(--s-space-8) var(--s-space-16);border-bottom:var(--s-border-width-default) solid var(--s-border-default);color:var(--s-text-subdued);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-base);text-align:left}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.option-list-section__label{padding:var(--s-space-8) var(--s-space-12);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}", l = class {

package/dist/{swirl-pagination.entry.d268f00b.js → swirl-pagination.entry.ead335ac.js}

@@ -1,4 +1,4 @@
-import { r as o, c as r, h as i, H as p } from "./index.a9a3d115.js";
+import { r as o, c as r, h as i, H as p } from "./index.df277ce6.js";
 import { c as g } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-pdf-reader.entry.07594f69.js → swirl-pdf-reader.entry.eb167c23.js}

@@ -1,4 +1,4 @@
-import { r as l, h as e, H as n, g as d } from "./index.a9a3d115.js";
+import { r as l, h as e, H as n, g as d } from "./index.df277ce6.js";
 import { A as c } from "./a11y-dialog.esm-d7a94c8c.bd6ae411.js";
 import { d as h, e as p } from "./bodyScrollLock.esm-ce6356d8.2c600fb9.js";
 import { c as r } from "./index-d280dafb.186cdb0e.js";

package/dist/{swirl-popover.entry.62d30087.js → swirl-popover.entry.c970a0ed.js}

@@ -1,4 +1,4 @@
-import { r as h, c as r, h as n, H as m, g as v } from "./index.a9a3d115.js";
+import { r as h, c as r, h as n, H as m, g as v } from "./index.df277ce6.js";
 import { o as p, s as l, f, c as u, a as g } from "./floating-ui.dom.esm-b9f28f6d.15013ef7.js";
 import { d as b, e as y } from "./bodyScrollLock.esm-ce6356d8.2c600fb9.js";
 import { c as k } from "./index-d280dafb.186cdb0e.js";

package/dist/{swirl-progress-indicator.entry.eae8bf16.js → swirl-progress-indicator.entry.45bd7b1d.js}

@@ -1,4 +1,4 @@
-import { r as t, h as s, H as n } from "./index.a9a3d115.js";
+import { r as t, h as s, H as n } from "./index.df277ce6.js";
 import { c } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-radio-group.entry.c954434d.js → swirl-radio-group.entry.8375bf4e.js}

@@ -1,4 +1,4 @@
-import { r as a, c as o, h as i, H as l, g as n } from "./index.a9a3d115.js";
+import { r as a, c as o, h as i, H as l, g as n } from "./index.df277ce6.js";
 import "react";
 import "react-dom";
 const u = ".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)}", d = class {

package/dist/{swirl-radio.entry.4c2753ac.js → swirl-radio.entry.305fdfa5.js}

@@ -1,4 +1,4 @@
-import { r as e, c as l, h as i, H as c } from "./index.a9a3d115.js";
+import { r as e, c as l, h as i, H as c } from "./index.df277ce6.js";
 import { c as t } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-resource-list-file-item.entry.829bae48.js → swirl-resource-list-file-item.entry.fd1c2dc9.js}

@@ -1,4 +1,4 @@
-import { r as n, c as a, h as s, H as c } from "./index.a9a3d115.js";
+import { r as n, c as a, h as s, H as c } from "./index.df277ce6.js";
 import { c as d } from "./index-d280dafb.186cdb0e.js";
 import { a as h } from "./utils-61f188cc.4a43deab.js";
 import "react";

package/dist/{swirl-search.entry.b07aac78.js → swirl-search.entry.b9a829a1.js}

@@ -1,4 +1,4 @@
-import { r as i, c as r, h as a, H as t } from "./index.a9a3d115.js";
+import { r as i, c as r, h as a, H as t } from "./index.df277ce6.js";
 import { c } from "./index-d280dafb.186cdb0e.js";
 import { a as l } from "./utils-61f188cc.4a43deab.js";
 import "react";

package/dist/{swirl-select.entry.a9e72b52.js → swirl-select.entry.12b1a390.js}

@@ -1,4 +1,4 @@
-import { r as a, c as r, h as e, H as c, g as d } from "./index.a9a3d115.js";
+import { r as a, c as r, h as e, H as c, g as d } from "./index.df277ce6.js";
 import { c as h } from "./index-d280dafb.186cdb0e.js";
 import { q as p } from "./utils-61f188cc.4a43deab.js";
 import "react";

package/dist/{swirl-shell-layout.entry.bf129977.js → swirl-shell-layout.entry.f5bd70e0.js}

@@ -1,4 +1,4 @@
-import { r as o, h as e, H as t } from "./index.a9a3d115.js";
+import { r as o, h as e, H as t } from "./index.df277ce6.js";
 import { c as i } from "./index-d280dafb.186cdb0e.js";
 import { a as r, g as d } from "./utils-61f188cc.4a43deab.js";
 import "react";

package/dist/{swirl-shell-navigation-item.entry.bd881f14.js → swirl-shell-navigation-item.entry.cf0fc2b6.js}

@@ -1,4 +1,4 @@
-import { r as t, h as n, H as a, g as s } from "./index.a9a3d115.js";
+import { r as t, h as n, H as a, g as s } from "./index.df277ce6.js";
 import { c as o } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-skeleton-box.entry.030b97c1.js → swirl-skeleton-box.entry.fc7ccd91.js}

@@ -1,4 +1,4 @@
-import { r as t, h as s, H as i } from "./index.a9a3d115.js";
+import { r as t, h as s, H as i } from "./index.df277ce6.js";
 import { c as o } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-skeleton-text.entry.1888664d.js → swirl-skeleton-text.entry.d2acdf23.js}

@@ -1,4 +1,4 @@
-import { r as l, h as t, H as a } from "./index.a9a3d115.js";
+import { r as l, h as t, H as a } from "./index.df277ce6.js";
 import { c as s } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-stack.entry.0c61ba9e.js → swirl-stack.entry.9c6fe41b.js}

@@ -1,4 +1,4 @@
-import { r as i, h as s, H as e } from "./index.a9a3d115.js";
+import { r as i, h as s, H as e } from "./index.df277ce6.js";
 import { c as n } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-switch.entry.e9560f4f.js → swirl-switch.entry.83dc9dc5.js}

@@ -1,4 +1,4 @@
-import { r as h, c as n, h as e, H as a, g as l } from "./index.a9a3d115.js";
+import { r as h, c as n, h as e, H as a, g as l } from "./index.df277ce6.js";
 import { c as o } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-tab.entry.af09a22e.js → swirl-tab.entry.32c9f28d.js}

@@ -1,4 +1,4 @@
-import { r as a, h as s, H as i } from "./index.a9a3d115.js";
+import { r as a, h as s, H as i } from "./index.df277ce6.js";
 import { c as e } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-table-cell.entry.348ff8eb.js → swirl-table-cell.entry.eb1d801d.js}

@@ -1,4 +1,4 @@
-import { r as e, h as s, H as l } from "./index.a9a3d115.js";
+import { r as e, h as s, H as l } from "./index.df277ce6.js";
 import "react";
 import "react-dom";
 const o = ":host{display:flex;overflow:auto;padding-top:var(--s-space-8);padding-right:var(--s-space-16);padding-bottom:var(--s-space-8);padding-left:var(--s-space-16);flex-basis:0;flex-grow:1;flex-shrink:1;align-items:center;background-color:var(--s-background-default);word-break:break-word;-webkit-hyphens:auto;hyphens:auto;transition:box-shadow 0.15s}:host(.table-cell--has-shadow-right){box-shadow:var(--swirl-table-sticky-right-shadow)}:host(.table-cell--has-shadow-left){box-shadow:var(--swirl-table-sticky-left-shadow)}:host *{box-sizing:border-box}", t = class {