@getflip/swirl-components-react 0.115.0 → 0.117.0

package/dist/swirl-modal.entry.c848bf4f.js

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

@@ -1,58 +0,0 @@
-import { r as o, h as e, H as t } from "./index.0853091f.js";
-import { c as i } from "./index-d280dafb.186cdb0e.js";
-import { g as r, a as d } from "./utils-9f141e25.a4ae3adc.js";
-import "react";
-import "react-dom";
-const n = `:host{--extended-sidebar-width:17rem;--collapsed-sidebar-width:4rem;display:flex;width:100%;height:100%}:host *{box-sizing:border-box}.shell-layout{display:grid;width:100%;min-height:100%;transition:grid-template-columns 0.2s;grid-template-columns:0 1fr;grid-template-rows:auto 1fr;grid-template-areas:"banner banner"
-    "sidebar main"}@media (min-width: 992px){.shell-layout{grid-template-columns:var(--extended-sidebar-width) 1fr}}.shell-layout--collapsed-sidebar{grid-template-columns:0 1fr}@media (min-width: 992px){.shell-layout--collapsed-sidebar:not(.shell-layout--collapsing) .shell-layout__sidebar-wrapper.shell-layout__sidebar-wrapper--hovered .shell-layout__sidebar,.shell-layout--collapsed-sidebar:not(.shell-layout--collapsing) .shell-layout__sidebar-wrapper:focus-within .shell-layout__sidebar{width:var(--extended-sidebar-width);box-shadow:0 0.75rem 2rem rgba(25, 26, 28, 0.12),
-              0 0.25rem 0.75rem rgba(25, 26, 28, 0.08)}}.shell-layout--collapsed-sidebar .shell-layout__sidebar-wrapper{transform:translate3d(-100%, 0, 0)}.shell-layout--collapsed-sidebar .shell-layout__sidebar-wrapper .shell-layout__sidebar{width:100%;box-shadow:none}@media (min-width: 992px){.shell-layout--collapsed-sidebar .shell-layout__sidebar-wrapper{max-width:var(--collapsed-sidebar-width);flex-basis:var(--collapsed-sidebar-width);transform:none}.shell-layout--collapsed-sidebar .shell-layout__sidebar-wrapper:not(.shell-layout__sidebar-wrapper--hovered):not(:focus-within) .shell-layout__sidebar{box-shadow:none}.shell-layout--collapsed-sidebar .shell-layout__sidebar-wrapper:not(.shell-layout__sidebar-wrapper--hovered):not(:focus-within) .shell-layout__collapsed-logo{display:inline-flex;justify-content:center;align-items:center}.shell-layout--collapsed-sidebar .shell-layout__sidebar-wrapper:not(.shell-layout__sidebar-wrapper--hovered):not(:focus-within) .shell-layout__expanded-logo{display:none}.shell-layout--collapsed-sidebar .shell-layout__sidebar-wrapper:not(.shell-layout__sidebar-wrapper--hovered):not(:focus-within) .shell-layout__toggle{display:none}}@media (min-width: 992px){.shell-layout--collapsed-sidebar{grid-template-columns:var(--collapsed-sidebar-width) 1fr}}.shell-layout--hide-sidebar{grid-template-columns:1fr;grid-template-areas:"banner"
-    "main"}@media (min-width: 992px){.shell-layout--hide-sidebar{grid-template-columns:1fr}}.shell-layout__banner{grid-area:banner}.shell-layout__sidebar-wrapper{position:absolute;z-index:2;top:0;bottom:0;left:0;width:100%;max-width:var(--extended-sidebar-width);min-height:0;flex-basis:var(--extended-sidebar-width);flex-shrink:0;transition:max-width 0.2s, transform 0.2s;grid-area:sidebar}@media (min-width: 992px){.shell-layout__sidebar-wrapper{position:relative;inset:auto}}.shell-layout__sidebar{display:flex;width:var(--extended-sidebar-width);height:100%;border-right:var(--s-border-width-default) solid var(--s-border-default);flex-direction:column;transition:box-shadow 0.2s, width 0.2s;box-shadow:0 0.75rem 2rem rgba(25, 26, 28, 0.12),
-    0 0.25rem 0.75rem rgba(25, 26, 28, 0.08)}@media (min-width: 992px){.shell-layout__sidebar{box-shadow:none}}.shell-layout__header{flex-shrink:0;border-bottom:var(--s-border-width-default) solid var(--s-border-default);background-color:var(--s-background-default)}.shell-layout__logo-bar{display:flex;overflow:hidden;align-items:center;height:4.5rem}.shell-layout__expanded-logo{padding-right:var(--s-space-12);padding-left:var(--s-space-12);flex-grow:1}.shell-layout__collapsed-logo{display:none;padding-right:var(--s-space-12);padding-left:var(--s-space-12);flex-grow:1}.shell-layout__toggle{padding-right:var(--s-space-16);padding-left:var(--s-space-12);flex-grow:0;flex-shrink:0}.shell-layout__mobile-toggle{position:absolute;z-index:2;top:var(--s-space-12);left:calc(100% + var(--s-space-16))}@media (min-width: 992px){.shell-layout__mobile-toggle{display:none}}.shell-layout__main-navigation{overflow:auto;flex-grow:1;background-color:var(--s-background-default)}.shell-layout__main{min-height:0;background-color:var(--s-background-default);grid-area:main}.shell-layout__main>*,.shell-layout__main ::slotted(*){height:100%}.shell-layout__backdrop{position:fixed;z-index:1;background-color:rgba(0, 0, 0, 0.4);animation:shell-layout-backdrop-fade-in 0.1s;inset:0}@media (min-width: 992px){.shell-layout__backdrop{display:none}}.shell-layout__backdrop--fading{animation:shell-layout-backdrop-fade-out 0.2s}@keyframes shell-layout-backdrop-fade-in{from{opacity:0}to{opacity:1}}@keyframes shell-layout-backdrop-fade-out{from{opacity:1}to{opacity:0}}`, h = class {
-  constructor(s) {
-    o(this, s), this.desktopMediaQuery = r(), this.desktopMediaQueryHandler = (a) => {
-      a.matches ? this.expandLeftSidebar() : this.collapseLeftSidebar();
-    }, this.collapseLeftSidebar = () => {
-      this.collapsedSidebar = !0, this.collapsing = !0, setTimeout(() => {
-        this.collapsing = !1, this.sidebarHovered = !1;
-      }, 200);
-    }, this.expandLeftSidebar = () => {
-      this.hideSidebar || (this.collapsedSidebar = !1);
-    }, this.toggleSidebar = () => {
-      this.collapsedSidebar ? this.expandLeftSidebar() : this.collapseLeftSidebar();
-    }, this.onBackdropClick = () => {
-      this.collapsedSidebar || this.collapseLeftSidebar();
-    }, this.onSidebarClick = () => {
-      var a, l;
-      this.collapsedSidebar && ((a = document.activeElement) == null || a.blur(), (l = d()) == null || l.blur());
-    }, this.onSidebarMouseEnter = () => {
-      this.sidebarHovered = !0;
-    }, this.onSidebarMouseLeave = () => {
-      this.sidebarHovered = !1;
-    }, this.hideSidebar = void 0, this.mainNavigationLabel = "Main", this.sidebarToggleLabel = "Toggle sidebar", this.collapsedSidebar = void 0, this.collapsing = void 0, this.sidebarHovered = void 0;
-  }
-  componentWillLoad() {
-    this.desktopMediaQuery.matches || this.collapseLeftSidebar(), this.desktopMediaQuery.onchange = this.desktopMediaQueryHandler;
-  }
-  async collapseSidebar() {
-    this.collapseLeftSidebar();
-  }
-  async extendSidebar() {
-    this.expandLeftSidebar();
-  }
-  render() {
-    const s = i("shell-layout", {
-      "shell-layout--collapsed-sidebar": this.collapsedSidebar,
-      "shell-layout--collapsing": this.collapsing,
-      "shell-layout--hide-sidebar": this.hideSidebar
-    }), a = i("shell-layout__sidebar-wrapper", {
-      "shell-layout__sidebar-wrapper--hovered": this.sidebarHovered
-    }), l = i("shell-layout__backdrop", {
-      "shell-layout__backdrop--fading": this.collapsing
-    });
-    return e(t, null, e("div", { class: s }, e("div", { class: "shell-layout__banner" }, e("slot", { name: "banner" })), e("div", { class: a, onClick: this.onSidebarClick, onMouseEnter: this.onSidebarMouseEnter, onMouseLeave: this.onSidebarMouseLeave }, !this.hideSidebar && e("div", { class: "shell-layout__sidebar" }, e("header", { class: "shell-layout__header" }, e("div", { class: "shell-layout__logo-bar" }, e("div", { class: "shell-layout__expanded-logo" }, e("slot", { name: "logo-expanded" })), e("div", { class: "shell-layout__collapsed-logo" }, e("slot", { name: "logo-collapsed" })), e("div", { class: "shell-layout__toggle" }, e("swirl-button", { swirlAriaExpanded: String(!this.collapsedSidebar), hideLabel: !0, icon: this.collapsedSidebar ? "<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>" : "<swirl-icon-double-arrow-left></swirl-icon-double-arrow-left>", label: this.sidebarToggleLabel, onClick: this.toggleSidebar }))), e("div", { class: "shell-layout__tools" }, e("slot", { name: "tools" }))), e("nav", { "aria-label": this.mainNavigationLabel, class: "shell-layout__main-navigation" }, e("slot", { name: "main-navigation" })))), e("main", { class: "shell-layout__main" }, e("slot", { name: "main" })), (!this.collapsedSidebar || this.collapsing) && e("div", { class: l, onClick: this.onBackdropClick })));
-  }
-};
-h.style = n;
-export {
-  h as swirl_shell_layout
-};

package/dist/swirl-visually-hidden.entry.ac97b65f.js

@@ -1,15 +0,0 @@
-import { r as s, h as i, H as l } from "./index.0853091f.js";
-import "react";
-import "react-dom";
-const t = ":host{position:absolute;display:inline;overflow:hidden;width:1px;height:1px;margin:-1px;padding:0;border:0;white-space:nowrap;word-wrap:normal;clip:rect(0, 0, 0, 0)}", o = class {
-  constructor(r) {
-    s(this, r);
-  }
-  render() {
-    return i(l, null, i("slot", null));
-  }
-};
-o.style = t;
-export {
-  o as swirl_visually_hidden
-};