@getflip/swirl-components-react 0.430.0 → 0.432.0-beta-20260202154637

package/dist/swirl-modal.entry.5c4d820b.js

@@ -1,368 +0,0 @@
-import { r as I, c as u, h as i, H as L, g as O } from "./index.454917cd.js";
-import { d as w, e as _ } from "./bodyScrollLock.esm-B0kNlhKL.c7a66a82.js";
-import { c as S } from "./index-orsBiyT_.fc4357c3.js";
-import { c as D } from "./focus-trap.esm-DIdMBZfn.c41dd5d8.js";
-import { k as R } from "./utils-wi_3Z3FQ.29a3aebe.js";
-import "react";
-import "react-dom";
-/*!
-* tabbable 6.4.0
-* @license MIT, https://github.com/focus-trap/tabbable/blob/master/LICENSE
-*/
-var P = ["input:not([inert]):not([inert] *)", "select:not([inert]):not([inert] *)", "textarea:not([inert]):not([inert] *)", "a[href]:not([inert]):not([inert] *)", "button:not([inert]):not([inert] *)", "[tabindex]:not(slot):not([inert]):not([inert] *)", "audio[controls]:not([inert]):not([inert] *)", "video[controls]:not([inert]):not([inert] *)", '[contenteditable]:not([contenteditable="false"]):not([inert]):not([inert] *)', "details>summary:first-of-type:not([inert]):not([inert] *)", "details:not([inert]):not([inert] *)"], v = /* @__PURE__ */ P.join(","), k = typeof Element > "u", b = k ? function() {
-} : Element.prototype.matches || Element.prototype.msMatchesSelector || Element.prototype.webkitMatchesSelector, f = !k && Element.prototype.getRootNode ? function(o) {
-  var e;
-  return o == null || (e = o.getRootNode) === null || e === void 0 ? void 0 : e.call(o);
-} : function(o) {
-  return o == null ? void 0 : o.ownerDocument;
-}, p = function(e, a) {
-  var t;
-  a === void 0 && (a = !0);
-  var r = e == null || (t = e.getAttribute) === null || t === void 0 ? void 0 : t.call(e, "inert"), l = r === "" || r === "true", d = l || a && e && (typeof e.closest == "function" ? e.closest("[inert]") : p(e.parentNode));
-  return d;
-}, N = function(e) {
-  var a, t = e == null || (a = e.getAttribute) === null || a === void 0 ? void 0 : a.call(e, "contenteditable");
-  return t === "" || t === "true";
-}, M = function(e, a, t) {
-  if (p(e))
-    return [];
-  var r = Array.prototype.slice.apply(e.querySelectorAll(v));
-  return a && b.call(e, v) && r.unshift(e), r = r.filter(t), r;
-}, g = function(e, a, t) {
-  for (var r = [], l = Array.from(e); l.length; ) {
-    var d = l.shift();
-    if (!p(d, !1))
-      if (d.tagName === "SLOT") {
-        var n = d.assignedElements(), c = n.length ? n : d.children, s = g(c, !0, t);
-        t.flatten ? r.push.apply(r, s) : r.push({
-          scopeParent: d,
-          candidates: s
-        });
-      } else {
-        var h = b.call(d, v);
-        h && t.filter(d) && (a || !e.includes(d)) && r.push(d);
-        var m = d.shadowRoot || typeof t.getShadowRoot == "function" && t.getShadowRoot(d), A = !p(m, !1) && (!t.shadowRootFilter || t.shadowRootFilter(d));
-        if (m && A) {
-          var y = g(m === !0 ? d.children : m.children, !0, t);
-          t.flatten ? r.push.apply(r, y) : r.push({
-            scopeParent: d,
-            candidates: y
-          });
-        } else
-          l.unshift.apply(l, d.children);
-      }
-  }
-  return r;
-}, T = function(e) {
-  return !isNaN(parseInt(e.getAttribute("tabindex"), 10));
-}, B = function(e) {
-  if (!e)
-    throw new Error("No node provided");
-  return e.tabIndex < 0 && (/^(AUDIO|VIDEO|DETAILS)$/.test(e.tagName) || N(e)) && !T(e) ? 0 : e.tabIndex;
-}, H = function(e, a) {
-  var t = B(e);
-  return t < 0 && a && !T(e) ? 0 : t;
-}, q = function(e, a) {
-  return e.tabIndex === a.tabIndex ? e.documentOrder - a.documentOrder : e.tabIndex - a.tabIndex;
-}, F = function(e) {
-  return e.tagName === "INPUT";
-}, W = function(e) {
-  return F(e) && e.type === "hidden";
-}, z = function(e) {
-  var a = e.tagName === "DETAILS" && Array.prototype.slice.apply(e.children).some(function(t) {
-    return t.tagName === "SUMMARY";
-  });
-  return a;
-}, $ = function(e, a) {
-  for (var t = 0; t < e.length; t++)
-    if (e[t].checked && e[t].form === a)
-      return e[t];
-}, V = function(e) {
-  if (!e.name)
-    return !0;
-  var a = e.form || f(e), t = function(n) {
-    return a.querySelectorAll('input[type="radio"][name="' + n + '"]');
-  }, r;
-  if (typeof window < "u" && typeof window.CSS < "u" && typeof window.CSS.escape == "function")
-    r = t(window.CSS.escape(e.name));
-  else
-    try {
-      r = t(e.name);
-    } catch (d) {
-      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", d.message), !1;
-    }
-  var l = $(r, e.form);
-  return !l || l === e;
-}, j = function(e) {
-  return F(e) && e.type === "radio";
-}, U = function(e) {
-  return j(e) && !V(e);
-}, G = function(e) {
-  var a, t = e && f(e), r = (a = t) === null || a === void 0 ? void 0 : a.host, l = !1;
-  if (t && t !== e) {
-    var d, n, c;
-    for (l = !!((d = r) !== null && d !== void 0 && (n = d.ownerDocument) !== null && n !== void 0 && n.contains(r) || e != null && (c = e.ownerDocument) !== null && c !== void 0 && c.contains(e)); !l && r; ) {
-      var s, h, m;
-      t = f(r), r = (s = t) === null || s === void 0 ? void 0 : s.host, l = !!((h = r) !== null && h !== void 0 && (m = h.ownerDocument) !== null && m !== void 0 && m.contains(r));
-    }
-  }
-  return l;
-}, x = function(e) {
-  var a = e.getBoundingClientRect(), t = a.width, r = a.height;
-  return t === 0 && r === 0;
-}, K = function(e, a) {
-  var t = a.displayCheck, r = a.getShadowRoot;
-  if (t === "full-native" && "checkVisibility" in e) {
-    var l = e.checkVisibility({
-      checkOpacity: !1,
-      opacityProperty: !1,
-      contentVisibilityAuto: !0,
-      visibilityProperty: !0,
-      checkVisibilityCSS: !0
-    });
-    return !l;
-  }
-  if (getComputedStyle(e).visibility === "hidden")
-    return !0;
-  var d = b.call(e, "details>summary:first-of-type"), n = d ? e.parentElement : e;
-  if (b.call(n, "details:not([open]) *"))
-    return !0;
-  if (!t || t === "full" || t === "full-native" || t === "legacy-full") {
-    if (typeof r == "function") {
-      for (var c = e; e; ) {
-        var s = e.parentElement, h = f(e);
-        if (s && !s.shadowRoot && r(s) === !0)
-          return x(e);
-        e.assignedSlot ? e = e.assignedSlot : !s && h !== e.ownerDocument ? e = h.host : e = s;
-      }
-      e = c;
-    }
-    if (G(e))
-      return !e.getClientRects().length;
-    if (t !== "legacy-full")
-      return !0;
-  } else if (t === "non-zero-area")
-    return x(e);
-  return !1;
-}, Z = 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 r = a.children.item(t);
-          if (r.tagName === "LEGEND")
-            return b.call(a, "fieldset[disabled] *") ? !0 : !r.contains(e);
-        }
-        return !0;
-      }
-      a = a.parentElement;
-    }
-  return !1;
-}, X = function(e, a) {
-  return !(a.disabled || W(a) || K(a, e) || z(a) || Z(a));
-}, C = function(e, a) {
-  return !(U(a) || B(a) < 0 || !X(e, a));
-}, Y = function(e) {
-  var a = parseInt(e.getAttribute("tabindex"), 10);
-  return !!(isNaN(a) || a >= 0);
-}, E = function(e) {
-  var a = [], t = [];
-  return e.forEach(function(r, l) {
-    var d = !!r.scopeParent, n = d ? r.scopeParent : r, c = H(n, d), s = d ? E(r.candidates) : n;
-    c === 0 ? d ? a.push.apply(a, s) : a.push(n) : t.push({
-      documentOrder: l,
-      tabIndex: c,
-      item: r,
-      isScope: d,
-      content: s
-    });
-  }), t.sort(q).reduce(function(r, l) {
-    return l.isScope ? r.push.apply(r, l.content) : r.push(l.content), r;
-  }, []).concat(a);
-}, J = function(e, a) {
-  a = a || {};
-  var t;
-  return a.getShadowRoot ? t = g([e], a.includeContainer, {
-    filter: C.bind(null, a),
-    flatten: !1,
-    getShadowRoot: a.getShadowRoot,
-    shadowRootFilter: Y
-  }) : t = M(e, a.includeContainer, C.bind(null, a)), E(t);
-};
-const Q = `: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;--swirl-modal-view-height:100vh;--swirl-modal-header-height:3.75rem;--swirl-modal-max-width:40rem;--swirl-modal-sidebar-width:25rem;--swirl-modal-max-secondary-content-width:24rem;--swirl-modal-footer-padding-small:var(--s-space-12) var(--s-space-16)
-    var(--s-space-12) var(--s-space-16);--swirl-modal-footer-padding-large:var(--s-space-16) var(--s-space-24)
-    var(--s-space-16) var(--s-space-24)}@supports (height: 100dvh){.modal{--swirl-modal-max-height:90dvh;--swirl-modal-view-height:100dvh}}.modal{position:fixed;z-index:var(--s-z-40);display:flex;justify-content:center;align-items:center;height:var(--swirl-modal-view-height);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))}.modal--variant-drawer .modal__header-bar .modal__fullscreen-button{display:none}@media (min-width: 768px){.modal--variant-drawer .modal__header-bar{flex-direction:row}}@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:var(--swirl-modal-footer-padding-small)}@media (min-width: 768px){.modal--has-custom-footer .modal__custom-footer{padding:var(--swirl-modal-footer-padding-large)}}.modal--has-header-tools .modal__header{border-bottom-color:transparent}.modal--has-header-tools .modal__header-tools{display:block}.modal--has-secondary-content.modal.modal--variant-default:not(.modal--fullscreen) .modal__body,.modal--has-secondary-content.modal.modal--variant-drawer:not(.modal--fullscreen) .modal__body{max-width:calc(
-      var(--swirl-modal-max-width) +
-        var(--swirl-modal-max-secondary-content-width)
-    )}.modal--has-secondary-content:not(.modal--has-header-tools):not(.modal--hide-secondary-content-borders) .modal__header{border-bottom-color:var(--s-border-default)}.modal--has-secondary-content.modal--has-header-tools:not(.modal--hide-secondary-content-borders) .modal__header-tools{border-bottom-color:var(--s-border-default)}.modal--has-secondary-content.modal--has-custom-footer:not(.modal--hide-secondary-content-borders) .modal__custom-footer{border-top:var(--s-border-width-default) solid var(--s-border-default)}.modal--has-secondary-content:not(.modal--has-custom-footer):not(.modal--hide-secondary-content-borders) .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% - var(--swirl-modal-max-secondary-content-width));max-height:none;flex-basis:calc(100% - var(--swirl-modal-max-secondary-content-width))}}.modal--has-secondary-content .modal__secondary-content{display:block}.modal__main-content{display:flex;flex-direction:column;overflow-y:auto;flex-grow:1}.modal__sidebar{display:none}.modal.modal--has-sidebar-content.modal.modal--variant-default:not(.modal--fullscreen) .modal__body,.modal.modal--has-sidebar-content.modal.modal--variant-drawer:not(.modal--fullscreen) .modal__body{max-width:calc(
-      var(--swirl-modal-max-width) + var(--swirl-modal-sidebar-width)
-    )}@media (min-width: 768px){.modal.modal--has-sidebar-content .modal__sidebar{display:flex;flex-direction:column;overflow-y:auto;flex-shrink:0;width:var(--swirl-modal-sidebar-width);border-right:var(--s-border-width-default) solid var(--s-border-default)}.modal.modal--has-sidebar-content .modal__sidebar .modal__sidebar-header{border-bottom:var(--s-border-width-default) solid transparent;display:flex;align-items:center;gap:var(--s-space-8);padding-right:var(--s-space-24);padding-left:var(--s-space-24)}.modal.modal--has-sidebar-content .modal__sidebar .modal__sidebar-header.modal__sidebar-header--has-close-button{padding-left:var(--s-space-16)}.modal.modal--has-sidebar-content .modal__sidebar .modal__sidebar-header .modal__sidebar-heading{display:flex;align-items:center;height:var(--swirl-modal-header-height)}.modal.modal--has-sidebar-content .modal__sidebar .modal__sidebar-content{display:block;flex-grow:1;overflow-y:auto}}@media (min-width: 992px){.modal.modal--has-sidebar-content .modal__primary-content{flex-basis:calc(100% - 20rem)}}.modal--sidebar-padded .modal__sidebar .modal__sidebar-content{padding-left:var(--s-space-24);padding-right:var(--s-space-24);padding-bottom:var(--s-space-16);padding-top:var(--s-space-16)}@media (min-width: 768px){.modal--scrolled:not(.modal--hide-scrolled-header-border):not(.modal--has-header-tools) .modal__header{border-bottom-color:var(--s-border-default)}.modal--scrolled:not(.modal--hide-scrolled-header-border).modal--has-header-tools .modal__header-tools{border-bottom-color:var(--s-border-default)}.modal--scrolled:not(.modal--hide-scrolled-header-border) .modal__custom-header{border-bottom-color:var(--s-border-default)}}@media (min-width: 768px){.modal--sidebar-scrolled .modal__sidebar .modal__sidebar-header{border-bottom-color:var(--s-border-default)}}.modal--has-sidebar-footer.modal--sidebar-footer-padded .modal__sidebar-footer{padding:var(--swirl-modal-footer-padding-small)}@media (min-width: 768px){.modal--has-sidebar-footer.modal--sidebar-footer-padded .modal__sidebar-footer{padding:var(--swirl-modal-footer-padding-large)}}@media (min-width: 768px){.modal--sidebar-scrollable .modal__sidebar-content{padding-bottom:0 !important}}.modal--sidebar-scrollable:not(.modal--sidebar-scrolled-down).modal--has-sidebar-footer .modal__sidebar-footer{border-top:var(--s-border-width-default) solid 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;flex-direction:row;overflow:hidden;width:100vw;max-width:100vw;height:var(--swirl-modal-view-height);max-height:var(--swirl-modal-view-height);background-color:var(--s-surface-overlay-default)}.modal--fullscreen .modal__body{min-height:var(--swirl-modal-view-height)}.modal--fullscreen-transitioning .modal__body{transition:width 0.15s ease-out, max-width 0.15s ease-out,
-    max-height 0.15s ease-out, min-height 0.15s ease-out}@media (min-width: 768px){.modal.modal--variant-default:not(.modal--fullscreen) .modal__body{width:90vw;max-width:var(--swirl-modal-max-width);max-height:var(--swirl-modal-max-height);min-height:0;border-radius:var(--s-border-radius-base);box-shadow:var(--s-shadow-level-3)}}@media (min-width: 992px){.modal.modal--variant-default:not(.modal--fullscreen) .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:var(--swirl-modal-header-height);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}}.modal__fullscreen-button{display:none}@media (min-width: 768px){.modal__fullscreen-button{display:block}}.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)}@media (min-width: 768px){.modal__custom-header{border-bottom-color:transparent}}.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;overflow-y:auto;min-width:0;flex-basis:100%;flex-grow:1;flex-direction:column}.modal__content{overflow-x:hidden;overflow-y:auto;height:100%}.modal__content ::slotted(*){margin:0}.modal__secondary-content{display:none;overflow:visible;overflow-x:hidden;overflow-y:auto;min-width:0;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:var(--swirl-modal-max-secondary-content-width);max-height:none;padding-right:var(--s-space-24);padding-bottom:var(--s-space-16);padding-left:0;flex-basis:50%;flex-grow:1}}.modal__custom-footer{flex-shrink:0}.modal__controls{display:flex;padding:var(--swirl-modal-footer-padding-small);flex-shrink:0;justify-content:flex-end}@media (min-width: 768px){.modal__controls{padding:var(--swirl-modal-footer-padding-large)}}.modal--has-secondary-content.modal--has-sidebar-content:not(.modal--fullscreen) .modal__body{max-width:calc(
-      var(--swirl-modal-max-width) + var(--swirl-modal-sidebar-width) +
-        var(--swirl-modal-max-secondary-content-width)
-    )}@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)}}`, ee = class {
-  constructor(o) {
-    I(this, o), this.toggleFullscreen = u(this, "toggleFullscreen", 7), this.modalClose = u(this, "modalClose", 7), this.modalOpen = u(this, "modalOpen", 7), this.primaryAction = u(this, "primaryAction", 7), this.requestModalClose = u(this, "requestModalClose", 7), this.secondaryAction = u(this, "secondaryAction", 7), this.sidebarClose = u(this, "sidebarClose", 7), this.closable = !0, this.closeButtonLabel = "Close modal", this.fullscreenEnableButtonLabel = "Full screen", this.fullscreenDisableButtonLabel = "Exit full screen", this.padded = !0, this.variant = "default", this.sidebarPadded = !0, this.sidebarFooterPadded = !0, this.sidebarCloseButtonLabel = "Close sidebar", this.isOpen = !1, this.isFullscreen = !1, this.isFullscreenTransitioning = !1, this.closing = !1, this.scrollable = !1, this.scrolled = !1, this.scrolledDown = !1, this.sidebarScrolled = !1, this.sidebarScrolledDown = !1, this.sidebarScrollable = !1, this.onKeyDown = (e) => {
-      e.code === "Escape" && (e.stopImmediatePropagation(), this.close());
-    }, this.onBackdropClick = () => {
-      this.close();
-    }, this.onCloseButtonClick = () => {
-      this.close();
-    }, this.onFullscreenButtonClick = () => {
-      this.setFullscreen(!this.isFullscreen);
-    }, this.onSidebarCloseButtonClick = () => {
-      this.hideSidebarContent = !0, this.sidebarClose.emit();
-    }, this.onPrimaryAction = (e) => {
-      this.primaryAction.emit(e);
-    }, this.onSecondaryAction = (e) => {
-      this.secondaryAction.emit(e);
-    }, this.determineScrollStatus = () => {
-      this.determineMainScrollStatus(), this.determineSidebarScrollStatus();
-    }, this.determineMainScrollStatus = () => {
-      var r, l, d, n, c, s;
-      const e = ((r = this.scrollContainer) == null ? void 0 : r.scrollTop) > 0, a = Math.ceil(((l = this.scrollContainer) == null ? void 0 : l.scrollTop) + ((d = this.scrollContainer) == null ? void 0 : d.offsetHeight)) >= ((n = this.scrollContainer) == null ? void 0 : n.scrollHeight), t = ((c = this.scrollContainer) == null ? void 0 : c.scrollHeight) > ((s = this.scrollContainer) == null ? void 0 : s.offsetHeight);
-      e !== this.scrolled && (this.scrolled = e), a !== this.scrolledDown && (this.scrolledDown = a), t !== this.scrollable && (this.scrollable = t);
-    }, this.determineSidebarScrollStatus = () => {
-      var r, l, d, n, c, s;
-      const e = ((r = this.sidebarScrollContainer) == null ? void 0 : r.scrollTop) > 0, a = Math.ceil(((l = this.sidebarScrollContainer) == null ? void 0 : l.scrollTop) + ((d = this.sidebarScrollContainer) == null ? void 0 : d.offsetHeight)) >= ((n = this.sidebarScrollContainer) == null ? void 0 : n.scrollHeight), t = ((c = this.sidebarScrollContainer) == null ? void 0 : c.scrollHeight) > ((s = this.sidebarScrollContainer) == null ? void 0 : s.offsetHeight);
-      e !== this.sidebarScrolled && (this.sidebarScrolled = e), a !== this.sidebarScrolledDown && (this.sidebarScrolledDown = a), t !== this.sidebarScrollable && (this.sidebarScrollable = t);
-    };
-  }
-  componentDidLoad() {
-    this.determineScrollStatus(), this.updateCustomFooterStatus(), this.updateCustomHeaderStatus(), this.updateHeaderToolsStatus(), this.updateSecondaryContentStatus(), this.updateSidebarContentStatus(), this.updateSidebarFooterStatus();
-  }
-  componentDidRender() {
-    var o;
-    (o = this.focusTrap) == null || o.updateContainerElements(this.modalEl);
-  }
-  disconnectedCallback() {
-    var o, e;
-    (o = this.focusTrap) == null || o.deactivate(), (e = this.mutationObserver) == null || e.disconnect(), this.unlockBodyScroll();
-  }
-  onWindowResize() {
-    this.determineScrollStatus();
-  }
-  async open() {
-    this.isOpen = !0, this.modalOpen.emit(), this.setupFocusTrap(), this.setupMutationObserver(), setTimeout(() => {
-      this.lockBodyScroll(), this.determineScrollStatus();
-    }), setTimeout(() => {
-      var o;
-      (o = this.focusTrap) == null || o.activate(), this.mutationObserver.observe(this.modalEl, {
-        subtree: !0,
-        childList: !0
-      }), this.handleAutoFocus();
-    }, 200);
-  }
-  async close(o) {
-    this.closing || (this.requestModalClose.emit(), !(!this.closable && !o) && (this.closing = !0, this.unlockBodyScroll(), setTimeout(() => {
-      var e, a;
-      (e = this.focusTrap) == null || e.deactivate(), (a = this.mutationObserver) == null || a.disconnect(), this.isOpen = !1, this.modalClose.emit(), this.closing = !1;
-    }, 150)));
-  }
-  async setFullscreen(o) {
-    this.isFullscreen !== o && (this.isFullscreenTransitioning = !0, this.isFullscreen = o, this.toggleFullscreen.emit(this.isFullscreen), setTimeout(() => this.isFullscreenTransitioning = !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"]'));
-  }
-  updateSidebarContentStatus() {
-    this.hasSidebarContent = Boolean(this.el.querySelector('[slot="sidebar-content"]'));
-  }
-  updateSidebarFooterStatus() {
-    this.hasSidebarFooter = Boolean(this.el.querySelector('[slot="sidebar-footer"]'));
-  }
-  handleAutoFocus() {
-    var o;
-    (o = this.modalEl.querySelector("input[autofocus]")) == null || o.focus();
-  }
-  lockBodyScroll() {
-    w(this.scrollContainer), w(this.sidebarScrollContainer);
-  }
-  setupFocusTrap() {
-    this.focusTrap = D(this.modalEl, {
-      allowOutsideClick: !0,
-      setReturnFocus: R(),
-      escapeDeactivates: !1,
-      tabbableOptions: {
-        getShadowRoot: (o) => o.shadowRoot
-      }
-    });
-  }
-  setupMutationObserver() {
-    this.mutationObserver = new MutationObserver(() => {
-      var o;
-      !this.isOpen || document.activeElement === document.body && ((o = J(this.modalEl).at(0)) == null || o.focus());
-    });
-  }
-  unlockBodyScroll() {
-    this.scrollContainer && _(this.scrollContainer), this.sidebarScrollContainer && _(this.sidebarScrollContainer);
-  }
-  render() {
-    const o = Boolean(this.primaryActionLabel) || Boolean(this.secondaryActionLabel), e = S("modal", `modal--variant-${this.variant}`, {
-      "modal--closing": this.closing,
-      "modal--fullscreen": this.isFullscreen,
-      "modal--fullscreen-transitioning": this.isFullscreenTransitioning,
-      "modal--has-custom-footer": this.hasCustomFooter,
-      "modal--has-custom-header": this.hasCustomHeader,
-      "modal--has-header-tools": this.hasHeaderTools,
-      "modal--has-secondary-content": this.hasSecondaryContent && !this.hideSecondaryContent,
-      "modal--hide-label": this.hideLabel,
-      "modal--padded": this.padded,
-      "modal--scrollable": this.scrollable,
-      "modal--scrolled": this.scrolled,
-      "modal--hide-scrolled-header-border": this.hideScrolledHeaderBorder,
-      "modal--scrolled-down": this.scrolledDown,
-      "modal--hide-secondary-content-borders": this.hideSecondaryContentBorders,
-      "modal--has-sidebar-content": this.hasSidebarContent && !this.hideSidebarContent,
-      "modal--sidebar-padded": this.sidebarPadded,
-      "modal--has-sidebar-footer": this.hasSidebarFooter && this.hasSidebarContent && !this.hideSidebarContent,
-      "modal--sidebar-footer-padded": this.sidebarFooterPadded,
-      "modal--sidebar-scrolled": this.sidebarScrolled,
-      "modal--sidebar-scrolled-down": this.sidebarScrolledDown,
-      "modal--sidebar-scrollable": this.sidebarScrollable
-    });
-    return i(L, { key: "81656f63099103b2eab478e31a7bb327a90f023d" }, i("section", { key: "734cb0520fac7eae91ac2a065ed951bcc7641b95", "aria-hidden": String(!this.isOpen), "aria-label": this.label, "aria-modal": "true", class: e, onKeyDown: this.onKeyDown, role: "dialog", ref: (a) => this.modalEl = a }, i("div", { key: "4e21e2825c54e88125fb18d36d1240db0e875378", class: "modal__backdrop", onClick: this.onBackdropClick }), i("div", { key: "5ffc5fd8b4054829940f6e84dd73b627f27ce3f6", class: "modal__body", style: this.isFullscreen ? {} : {
-      "--swirl-modal-max-height": this.maxHeight,
-      "--swirl-modal-height": this.height,
-      minHeight: this.minHeight,
-      maxWidth: this.maxWidth
-    } }, i("aside", { key: "f05fbc18212ab6f3615c1d7f195c8dedb841e5a8", class: "modal__sidebar" }, this.sidebarLabel && i("header", { key: "8fb95b6697c874fd1f89353213cbedfe8327a42c", class: S("modal__sidebar-header", {
-      "modal__sidebar-header--has-close-button": this.hasSidebarCloseButton
-    }) }, this.hasSidebarCloseButton && i("swirl-button", { key: "b661986e19bac458d2f143395ac1173740d865d5", hideLabel: !0, icon: "<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>", label: this.sidebarCloseButtonLabel, onClick: this.onSidebarCloseButtonClick }), i("swirl-heading", { key: "b2c5b138e3d8116a0976bfbc0005403799f00b0e", as: "h3", class: "modal__sidebar-heading", level: 5, text: this.sidebarLabel })), i("div", { key: "b612f2f14d02ef4486146ceef7a3bb6a4dc689a4", class: "modal__sidebar-content", onScroll: this.determineSidebarScrollStatus, ref: (a) => this.sidebarScrollContainer = a }, i("slot", { key: "787792d9dc98aa65f88f29a5aa59c749c23306d0", name: "sidebar-content" })), i("div", { key: "f7389ce9b7006b7b34bb00858687e059e19ae41b", class: "modal__sidebar-footer" }, i("slot", { key: "b0aea59e35a896224d1c0ecc61b61891bf5981bd", name: "sidebar-footer" }))), i("div", { key: "d7ce5f41a5754bfa92e56c921410ebdcafe7fb81", class: "modal__main-content" }, i("header", { key: "9af862ef966d8d8fcfa5d58dd13725b03a04e870", class: "modal__custom-header" }, i("slot", { key: "72a61d8f796bfc007fe83ea63e92253c85291371", name: "custom-header" })), (!this.hideLabel || !this.hideCloseButton) && i("header", { key: "2ebd0f60688c0be985af35eb34b7c2698a38a7c8", class: "modal__header" }, i("div", { key: "44bb801af273333c02c99dd790a22c519d8bfbf3", class: "modal__header-bar" }, !this.hideCloseButton && i("swirl-button", { key: "4ed8491f3824c1275a45e9bd283d11a38d2fa93d", 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.showFullscreenButton && i("swirl-button", { key: "62cffe0d3620fc0d762fb0b1a2baaa6dc4cc6d4c", class: "modal__fullscreen-button", hideLabel: !0, icon: this.isFullscreen ? "<swirl-icon-close-fullscreen></swirl-icon-close-fullscreen>" : "<swirl-icon-open-in-full></swirl-icon-open-in-full>", label: this.isFullscreen ? this.fullscreenDisableButtonLabel : this.fullscreenEnableButtonLabel, onClick: this.onFullscreenButtonClick }), !this.hideLabel && i("swirl-heading", { key: "103a71e407a9e9fa42cd81023e5d681a528ed6ae", as: "h2", class: "modal__heading", level: 3, text: this.label }))), i("div", { key: "aecc7b2c9c3cdd460d5d13725e00c95e69558d97", class: "modal__content-container", style: {
-      gap: this.contentGap ? `var(--s-space-${this.contentGap})` : void 0
-    } }, i("div", { key: "9cb557fc46eb643cd306effeef479c66af516b1a", class: "modal__primary-content", style: {
-      maxWidth: this.primaryContentMaxWidth,
-      flex: this.primaryContentFlex
-    } }, i("div", { key: "8e36a38f7dca97f2761e3f434693f27189ab101a", class: "modal__header-tools" }, i("slot", { key: "519698f12f0707f33fa2d99a1b04a93a144a87cb", name: "header-tools" })), i("div", { key: "8194daa3a61ab69ffa2c00b4c14436598606ecc2", class: "modal__content", onScroll: this.determineMainScrollStatus, ref: (a) => this.scrollContainer = a }, i("slot", { key: "ca6d9be16bea0bd484207ec0da244fb2d984b614" }))), i("div", { key: "4d7ab36e6a1cef3c6ed7de20b7771f1495f49b29", class: "modal__secondary-content", style: {
-      maxWidth: this.secondaryContentMaxWidth,
-      flex: this.secondaryContentFlex,
-      padding: Boolean(this.secondaryContentPadding) ? `var(--s-space-${this.secondaryContentPadding})` : void 0,
-      paddingBlockEnd: Boolean(this.secondaryContentPaddingBlockEnd) ? `var(--s-space-${this.secondaryContentPaddingBlockEnd})` : void 0,
-      paddingBlockStart: Boolean(this.secondaryContentPaddingBlockStart) ? `var(--s-space-${this.secondaryContentPaddingBlockStart})` : void 0,
-      paddingInlineEnd: Boolean(this.secondaryContentPaddingInlineEnd) ? `var(--s-space-${this.secondaryContentPaddingInlineEnd})` : void 0,
-      paddingInlineStart: Boolean(this.secondaryContentPaddingInlineStart) ? `var(--s-space-${this.secondaryContentPaddingInlineStart})` : void 0
-    } }, i("slot", { key: "3a2d68016feb32443e79a90497d7097b9d9c6d84", name: "secondary-content" }))), i("div", { key: "43a297fd479922092f42f6c4f62bee40036b3eed", class: "modal__custom-footer" }, i("slot", { key: "186fa7d28f91f3df53d3c3816990993249d3543e", name: "custom-footer" })), o && i("footer", { key: "cdcafa45f76c7f94cd22117561814df74bb37c3f", class: "modal__controls" }, i("swirl-button-group", { key: "6a45248f5d2c2057f6edfbb4e347898a0c2e28e2", wrap: !0 }, this.secondaryActionLabel && i("swirl-button", { key: "33647b6e473c8e331b58fc0b89d00e4f88e5794b", label: this.secondaryActionLabel, onClick: this.onSecondaryAction }), this.primaryActionLabel && i("swirl-button", { key: "d92130919c1a55b5c238c8c4ce08e833981d0238", intent: "primary", label: this.primaryActionLabel, onClick: this.onPrimaryAction, variant: "flat" })))))));
-  }
-  get el() {
-    return O(this);
-  }
-};
-ee.style = Q;
-export {
-  ee as swirl_modal
-};

package/dist/swirl-option-list-section.entry.3c028a81.js

@@ -1,15 +0,0 @@
-import { r as i, h as e, H as t } from "./index.454917cd.js";
-import "react";
-import "react-dom";
-const a = ":host{display:block;width:100%}: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);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)}}", o = class {
-  constructor(s) {
-    i(this, s), this.separatorSpacing = "4", this.spacing = "0", this.hasSeparator = !1;
-  }
-  render() {
-    return e(t, { key: "6b450fec47c894ee11d27eabf6dc6ce16296d3b2" }, this.hasSeparator && e("swirl-separator", { key: "558382aceb2c811b9a25280b36a55a569c8d3538", spacing: this.separatorSpacing }), e("div", { key: "75ddfb7cbd8b5f6652bd43609a27ebfc3079ff9f", "aria-labelledby": "label", class: "option-list-section", role: "group" }, e("span", { key: "b40c79a25f30f3d6c58b8e17faff65c65d856e11", class: "option-list-section__label", id: "label", part: "option-list-section__label" }, this.label), e("swirl-stack", { key: "fde8b94523be51edf7557fb632a5dea10e8cecca", spacing: this.spacing, align: "stretch" }, e("slot", { key: "f0e3b85451ecc8f062ff4b987af75470c93beb35" }))));
-  }
-};
-o.style = a;
-export {
-  o as swirl_option_list_section
-};