@getflip/swirl-components-react 0.89.0 → 0.91.0

package/dist/{swirl-modal.entry.747b5d6a.js → swirl-modal.entry.83f9d2a8.js}

@@ -1,4 +1,4 @@
-import { r as ie, c as x, h, H as ne, g as se } from "./index.23adb121.js";
+import { r as ie, c as k, h as c, H as ne, g as se } from "./index.e6b3a061.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";
@@ -7,214 +7,214 @@ 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() {
+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(i) {
   return i.getRootNode();
 } : function(i) {
   return i.ownerDocument;
-}, J = function(e, t, a) {
+}, J = function(e, a, t) {
   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 i(e, t, a) {
+  return a && x.call(e, A) && s.unshift(e), s = s.filter(t), s;
+}, Q = function i(e, a, t) {
   for (var s = [], l = Array.from(e); l.length; ) {
     var r = l.shift();
     if (r.tagName === "SLOT") {
-      var c = r.assignedElements(), u = c.length ? c : r.children, v = i(u, !0, a);
-      a.flatten ? s.push.apply(s, v) : s.push({
+      var u = r.assignedElements(), f = u.length ? u : r.children, v = i(f, !0, t);
+      t.flatten ? s.push.apply(s, v) : s.push({
         scopeParent: r,
         candidates: v
       });
     } else {
-      var C = T.call(r, A);
-      C && a.filter(r) && (t || !e.includes(r)) && s.push(r);
-      var w = r.shadowRoot || typeof a.getShadowRoot == "function" && a.getShadowRoot(r), S = !a.shadowRootFilter || a.shadowRootFilter(r);
-      if (w && S) {
-        var y = i(w === !0 ? r.children : w.children, !0, a);
-        a.flatten ? s.push.apply(s, y) : s.push({
+      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 = i(y === !0 ? r.children : y.children, !0, t);
+        t.flatten ? s.push.apply(s, w) : s.push({
           scopeParent: r,
-          candidates: y
+          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) {
+}, 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";
 }, fe = function(e) {
-  return te(e) && e.type === "hidden";
+  return ae(e) && e.type === "hidden";
 }, he = function(e) {
-  var t = e.tagName === "DETAILS" && Array.prototype.slice.apply(e.children).some(function(a) {
-    return a.tagName === "SUMMARY";
+  var a = e.tagName === "DETAILS" && Array.prototype.slice.apply(e.children).some(function(t) {
+    return t.tagName === "SUMMARY";
   });
-  return t;
-}, be = function(e, t) {
-  for (var a = 0; a < e.length; a++)
-    if (e[a].checked && e[a].form === t)
-      return e[a];
-}, me = function(e) {
+  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];
+}, be = function(e) {
   if (!e.name)
     return !0;
-  var t = e.form || R(e), a = function(c) {
-    return t.querySelectorAll('input[type="radio"][name="' + c + '"]');
+  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 = a(window.CSS.escape(e.name));
+    s = t(window.CSS.escape(e.name));
   else
     try {
-      s = a(e.name);
+      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 = be(s, e.form);
+  var l = me(s, e.form);
   return !l || l === e;
 }, ve = function(e) {
-  return te(e) && e.type === "radio";
+  return ae(e) && e.type === "radio";
 }, pe = function(e) {
-  return ve(e) && !me(e);
+  return ve(e) && !be(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; ) {
+  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;
-    a = R(a).host, s = !!((l = a) !== null && l !== void 0 && l.ownerDocument.contains(a));
+    t = R(t).host, s = !!((l = t) !== null && l !== void 0 && l.ownerDocument.contains(t));
   }
   return s;
 }, z = function(e) {
-  var t = e.getBoundingClientRect(), a = t.width, s = t.height;
-  return a === 0 && s === 0;
-}, we = function(e, t) {
-  var a = t.displayCheck, s = t.getShadowRoot;
+  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 = T.call(e, "details>summary:first-of-type"), r = l ? e.parentElement : e;
-  if (T.call(r, "details:not([open]) *"))
+  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 (!a || a === "full" || a === "legacy-full") {
+  if (!t || t === "full" || t === "legacy-full") {
     if (typeof s == "function") {
-      for (var c = e; e; ) {
-        var u = e.parentElement, v = R(e);
-        if (u && !u.shadowRoot && s(u) === !0)
+      for (var u = e; e; ) {
+        var f = e.parentElement, v = R(e);
+        if (f && !f.shadowRoot && s(f) === !0)
           return z(e);
-        e.assignedSlot ? e = e.assignedSlot : !u && v !== e.ownerDocument ? e = v.host : e = u;
+        e.assignedSlot ? e = e.assignedSlot : !f && v !== e.ownerDocument ? e = v.host : e = f;
       }
-      e = c;
+      e = u;
     }
     if (ge(e))
       return !e.getClientRects().length;
-    if (a !== "legacy-full")
+    if (t !== "legacy-full")
       return !0;
-  } else if (a === "non-zero-area")
+  } else if (t === "non-zero-area")
     return z(e);
   return !1;
-}, ye = function(e) {
+}, 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);
+    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 T.call(t, "fieldset[disabled] *") ? !0 : !s.contains(e);
+            return x.call(a, "fieldset[disabled] *") ? !0 : !s.contains(e);
         }
         return !0;
       }
-      t = t.parentElement;
+      a = a.parentElement;
     }
   return !1;
-}, O = function(e, t) {
-  return !(t.disabled || fe(t) || we(t, e) || he(t) || ye(t));
-}, P = function(e, t) {
-  return !(pe(t) || ee(t) < 0 || !O(e, t));
+}, O = function(e, a) {
+  return !(a.disabled || fe(a) || ye(a, e) || he(a) || we(a));
+}, P = function(e, a) {
+  return !(pe(a) || ee(a) < 0 || !O(e, a));
 }, _e = function(e) {
-  var t = parseInt(e.getAttribute("tabindex"), 10);
-  return !!(isNaN(t) || t >= 0);
-}, Ce = function i(e) {
-  var t = [], a = [];
+  var a = parseInt(e.getAttribute("tabindex"), 10);
+  return !!(isNaN(a) || a >= 0);
+}, Se = function i(e) {
+  var a = [], t = [];
   return e.forEach(function(s, l) {
-    var r = !!s.scopeParent, c = r ? s.scopeParent : s, u = ee(c, r), v = r ? i(s.candidates) : c;
-    u === 0 ? r ? t.push.apply(t, v) : t.push(c) : a.push({
+    var r = !!s.scopeParent, u = r ? s.scopeParent : s, f = ee(u, r), v = r ? i(s.candidates) : u;
+    f === 0 ? r ? a.push.apply(a, v) : a.push(u) : t.push({
       documentOrder: l,
-      tabIndex: u,
+      tabIndex: f,
       item: s,
       isScope: r,
       content: v
     });
-  }), a.sort(ue).reduce(function(s, l) {
+  }), t.sort(ue).reduce(function(s, l) {
     return l.isScope ? s.push.apply(s, l.content) : s.push(l.content), s;
-  }, []).concat(t);
-}, Se = function(e, t) {
-  t = t || {};
-  var a;
-  return t.getShadowRoot ? a = Q([e], t.includeContainer, {
-    filter: P.bind(null, t),
+  }, []).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: t.getShadowRoot,
+    getShadowRoot: a.getShadowRoot,
     shadowRootFilter: _e
-  }) : a = J(e, t.includeContainer, P.bind(null, t)), Ce(a);
-}, Te = function(e, t) {
-  t = t || {};
-  var a;
-  return t.getShadowRoot ? a = Q([e], t.includeContainer, {
-    filter: O.bind(null, t),
+  }) : 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: t.getShadowRoot
-  }) : a = J(e, t.includeContainer, O.bind(null, t)), a;
-}, N = function(e, t) {
-  if (t = t || {}, !e)
+    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 T.call(e, A) === !1 ? !1 : P(t, e);
-}, ke = /* @__PURE__ */ Z.concat("iframe").join(","), B = function(e, t) {
-  if (t = t || {}, !e)
+  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 T.call(e, ke) === !1 ? !1 : O(t, e);
+  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(i, e) {
-  var t = Object.keys(i);
+  var a = Object.keys(i);
   if (Object.getOwnPropertySymbols) {
-    var a = Object.getOwnPropertySymbols(i);
-    e && (a = a.filter(function(s) {
+    var t = Object.getOwnPropertySymbols(i);
+    e && (t = t.filter(function(s) {
       return Object.getOwnPropertyDescriptor(i, s).enumerable;
-    })), t.push.apply(t, a);
+    })), a.push.apply(a, t);
   }
-  return t;
+  return a;
 }
 function W(i) {
   for (var e = 1; e < arguments.length; e++) {
-    var t = arguments[e] != null ? arguments[e] : {};
-    e % 2 ? U(Object(t), !0).forEach(function(a) {
-      xe(i, a, t[a]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(i, Object.getOwnPropertyDescriptors(t)) : U(Object(t)).forEach(function(a) {
-      Object.defineProperty(i, a, Object.getOwnPropertyDescriptor(t, a));
+    var a = arguments[e] != null ? arguments[e] : {};
+    e % 2 ? U(Object(a), !0).forEach(function(t) {
+      ke(i, t, a[t]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(i, Object.getOwnPropertyDescriptors(a)) : U(Object(a)).forEach(function(t) {
+      Object.defineProperty(i, t, Object.getOwnPropertyDescriptor(a, t));
     });
   }
   return i;
 }
-function xe(i, e, t) {
+function ke(i, e, a) {
   return e in i ? Object.defineProperty(i, e, {
-    value: t,
+    value: a,
     enumerable: !0,
     configurable: !0,
     writable: !0
-  }) : i[e] = t, i;
+  }) : i[e] = a, i;
 }
 var Fe = [], V = {
-  activateTrap: function(e, t) {
+  activateTrap: function(e, a) {
     if (e.length > 0) {
-      var a = e[e.length - 1];
-      a !== t && a.pause();
+      var t = e[e.length - 1];
+      t !== a && t.pause();
     }
-    var s = e.indexOf(t);
-    s === -1 || e.splice(s, 1), e.push(t);
+    var s = e.indexOf(a);
+    s === -1 || e.splice(s, 1), e.push(a);
   },
-  deactivateTrap: function(e, t) {
-    var a = e.indexOf(t);
-    a !== -1 && e.splice(a, 1), e.length > 0 && e[e.length - 1].unpause();
+  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";
@@ -224,23 +224,23 @@ var Fe = [], V = {
   return e.key === "Tab" || e.keyCode === 9;
 }, $ = function(e) {
   return setTimeout(e, 0);
-}, Y = function(e, t) {
-  var a = -1;
+}, Y = function(e, a) {
+  var t = -1;
   return e.every(function(s, l) {
-    return t(s) ? (a = l, !1) : !0;
-  }), a;
+    return a(s) ? (t = l, !1) : !0;
+  }), t;
 }, F = 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;
+  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, t) {
-  var a = (t == null ? void 0 : t.document) || document, s = (t == null ? void 0 : t.trapStack) || Fe, l = W({
+}, 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
-  }, t), r = {
+  }, a), r = {
     containers: [],
     containerGroups: [],
     tabbableGroups: [],
@@ -249,21 +249,21 @@ var Fe = [], V = {
     active: !1,
     paused: !1,
     delayInitialFocusTimer: void 0
-  }, c, u = function(o, n, d) {
+  }, u, f = function(o, n, d) {
     return o && o[n] !== void 0 ? o[n] : l[d || n];
   }, v = function(o) {
     return r.containerGroups.findIndex(function(n) {
-      var d = n.container, m = n.tabbableNodes;
-      return d.contains(o) || m.find(function(f) {
-        return f === o;
+      var d = n.container, b = n.tabbableNodes;
+      return d.contains(o) || b.find(function(h) {
+        return h === o;
       });
     });
-  }, C = function(o) {
+  }, S = function(o) {
     var n = l[o];
     if (typeof n == "function") {
-      for (var d = arguments.length, m = new Array(d > 1 ? d - 1 : 0), f = 1; f < d; f++)
-        m[f - 1] = arguments[f];
-      n = n.apply(void 0, m);
+      for (var d = arguments.length, b = new Array(d > 1 ? d - 1 : 0), h = 1; h < d; h++)
+        b[h - 1] = arguments[h];
+      n = n.apply(void 0, b);
     }
     if (n === !0 && (n = void 0), !n) {
       if (n === void 0 || n === !1)
@@ -271,35 +271,35 @@ var Fe = [], V = {
       throw new Error("`".concat(o, "` was specified but was not a node, or did not return a node"));
     }
     var p = n;
-    if (typeof n == "string" && (p = a.querySelector(n), !p))
+    if (typeof n == "string" && (p = t.querySelector(n), !p))
       throw new Error("`".concat(o, "` as selector refers to no known node"));
     return p;
-  }, w = function() {
-    var o = C("initialFocus");
+  }, y = function() {
+    var o = S("initialFocus");
     if (o === !1)
       return !1;
     if (o === void 0)
-      if (v(a.activeElement) >= 0)
-        o = a.activeElement;
+      if (v(t.activeElement) >= 0)
+        o = t.activeElement;
       else {
         var n = r.tabbableGroups[0], d = n && n.firstTabbableNode;
-        o = d || C("fallbackFocus");
+        o = d || S("fallbackFocus");
       }
     if (!o)
       throw new Error("Your focus-trap needs to have at least one focusable element");
     return o;
-  }, S = function() {
+  }, C = function() {
     if (r.containerGroups = r.containers.map(function(o) {
-      var n = Se(o, l.tabbableOptions), d = Te(o, l.tabbableOptions);
+      var n = Ce(o, l.tabbableOptions), d = xe(o, l.tabbableOptions);
       return {
         container: o,
         tabbableNodes: n,
         focusableNodes: d,
         firstTabbableNode: n.length > 0 ? n[0] : null,
         lastTabbableNode: n.length > 0 ? n[n.length - 1] : null,
-        nextTabbableNode: function(f) {
+        nextTabbableNode: function(h) {
           var p = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !0, g = d.findIndex(function(_) {
-            return _ === f;
+            return _ === h;
           });
           if (!(g < 0))
             return p ? d.slice(g + 1).find(function(_) {
@@ -311,12 +311,12 @@ var Fe = [], V = {
       };
     }), r.tabbableGroups = r.containerGroups.filter(function(o) {
       return o.tabbableNodes.length > 0;
-    }), r.tabbableGroups.length <= 0 && !C("fallbackFocus"))
+    }), 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");
-  }, y = function b(o) {
-    if (o !== !1 && o !== a.activeElement) {
+  }, w = function m(o) {
+    if (o !== !1 && o !== t.activeElement) {
       if (!o || !o.focus) {
-        b(w());
+        m(y());
         return;
       }
       o.focus({
@@ -324,59 +324,59 @@ var Fe = [], V = {
       }), r.mostRecentlyFocusedNode = o, Ee(o) && o.select();
     }
   }, H = function(o) {
-    var n = C("setReturnFocus", o);
+    var n = S("setReturnFocus", o);
     return n || (n === !1 ? !1 : o);
   }, E = function(o) {
     var n = D(o);
     if (!(v(n) >= 0)) {
       if (F(l.clickOutsideDeactivates, o)) {
-        c.deactivate({
+        u.deactivate({
           returnFocus: l.returnFocusOnDeactivate && !B(n, l.tabbableOptions)
         });
         return;
       }
       F(l.allowOutsideClick, o) || o.preventDefault();
     }
-  }, M = function(o) {
+  }, q = function(o) {
     var n = D(o), d = v(n) >= 0;
-    d || n instanceof Document ? d && (r.mostRecentlyFocusedNode = n) : (o.stopImmediatePropagation(), y(r.mostRecentlyFocusedNode || w()));
-  }, ae = function(o) {
+    d || n instanceof Document ? d && (r.mostRecentlyFocusedNode = n) : (o.stopImmediatePropagation(), w(r.mostRecentlyFocusedNode || y()));
+  }, te = function(o) {
     var n = D(o);
-    S();
+    C();
     var d = null;
     if (r.tabbableGroups.length > 0) {
-      var m = v(n), f = m >= 0 ? r.containerGroups[m] : void 0;
-      if (m < 0)
+      var b = v(n), h = b >= 0 ? r.containerGroups[b] : void 0;
+      if (b < 0)
         o.shiftKey ? d = r.tabbableGroups[r.tabbableGroups.length - 1].lastTabbableNode : d = r.tabbableGroups[0].firstTabbableNode;
       else if (o.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 = m), p >= 0) {
+        if (p < 0 && (h.container === n || B(n, l.tabbableOptions) && !N(n, l.tabbableOptions) && !h.nextTabbableNode(n, !1)) && (p = b), p >= 0) {
           var g = p === 0 ? r.tabbableGroups.length - 1 : p - 1, _ = r.tabbableGroups[g];
           d = _.lastTabbableNode;
         }
       } else {
-        var k = Y(r.tabbableGroups, function(L) {
+        var T = Y(r.tabbableGroups, function(L) {
           var I = L.lastTabbableNode;
           return n === I;
         });
-        if (k < 0 && (f.container === n || B(n, l.tabbableOptions) && !N(n, l.tabbableOptions) && !f.nextTabbableNode(n)) && (k = m), k >= 0) {
-          var re = k === r.tabbableGroups.length - 1 ? 0 : k + 1, oe = r.tabbableGroups[re];
+        if (T < 0 && (h.container === n || B(n, l.tabbableOptions) && !N(n, l.tabbableOptions) && !h.nextTabbableNode(n)) && (T = b), T >= 0) {
+          var re = T === r.tabbableGroups.length - 1 ? 0 : T + 1, oe = r.tabbableGroups[re];
           d = oe.firstTabbableNode;
         }
       }
     } else
-      d = C("fallbackFocus");
-    d && (o.preventDefault(), y(d));
-  }, q = function(o) {
+      d = S("fallbackFocus");
+    d && (o.preventDefault(), w(d));
+  }, M = function(o) {
     if (Ne(o) && F(l.escapeDeactivates, o) !== !1) {
-      o.preventDefault(), c.deactivate();
+      o.preventDefault(), u.deactivate();
       return;
     }
     if (De(o)) {
-      ae(o);
+      te(o);
       return;
     }
   }, j = function(o) {
@@ -384,26 +384,26 @@ var Fe = [], V = {
     v(n) >= 0 || F(l.clickOutsideDeactivates, o) || F(l.allowOutsideClick, o) || (o.preventDefault(), o.stopImmediatePropagation());
   }, G = function() {
     if (!!r.active)
-      return V.activateTrap(s, c), r.delayInitialFocusTimer = l.delayInitialFocus ? $(function() {
-        y(w());
-      }) : y(w()), a.addEventListener("focusin", M, !0), a.addEventListener("mousedown", E, {
+      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
-      }), a.addEventListener("touchstart", E, {
+      }), t.addEventListener("touchstart", E, {
         capture: !0,
         passive: !1
-      }), a.addEventListener("click", j, {
+      }), t.addEventListener("click", j, {
         capture: !0,
         passive: !1
-      }), a.addEventListener("keydown", q, {
+      }), t.addEventListener("keydown", M, {
         capture: !0,
         passive: !1
-      }), c;
+      }), u;
   }, K = function() {
     if (!!r.active)
-      return a.removeEventListener("focusin", M, !0), a.removeEventListener("mousedown", E, !0), a.removeEventListener("touchstart", E, !0), a.removeEventListener("click", j, !0), a.removeEventListener("keydown", q, !0), c;
+      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 c = {
+  return u = {
     get active() {
       return r.active;
     },
@@ -413,12 +413,12 @@ var Fe = [], V = {
     activate: function(o) {
       if (r.active)
         return this;
-      var n = u(o, "onActivate"), d = u(o, "onPostActivate"), m = u(o, "checkCanFocusTrap");
-      m || S(), r.active = !0, r.paused = !1, r.nodeFocusedBeforeActivation = a.activeElement, n && n();
-      var f = function() {
-        m && S(), G(), d && d();
+      var n = f(o, "onActivate"), d = f(o, "onPostActivate"), b = f(o, "checkCanFocusTrap");
+      b || C(), r.active = !0, r.paused = !1, r.nodeFocusedBeforeActivation = t.activeElement, n && n();
+      var h = function() {
+        b && C(), G(), d && d();
       };
-      return m ? (m(r.containers.concat()).then(f, f), this) : (f(), this);
+      return b ? (b(r.containers.concat()).then(h, h), this) : (h(), this);
     },
     deactivate: function(o) {
       if (!r.active)
@@ -428,29 +428,29 @@ var Fe = [], V = {
         onPostDeactivate: l.onPostDeactivate,
         checkCanReturnFocus: l.checkCanReturnFocus
       }, o);
-      clearTimeout(r.delayInitialFocusTimer), r.delayInitialFocusTimer = void 0, K(), r.active = !1, r.paused = !1, V.deactivateTrap(s, c);
-      var d = u(n, "onDeactivate"), m = u(n, "onPostDeactivate"), f = u(n, "checkCanReturnFocus"), p = u(n, "returnFocus", "returnFocusOnDeactivate");
+      clearTimeout(r.delayInitialFocusTimer), r.delayInitialFocusTimer = void 0, K(), r.active = !1, r.paused = !1, V.deactivateTrap(s, u);
+      var d = f(n, "onDeactivate"), b = f(n, "onPostDeactivate"), h = f(n, "checkCanReturnFocus"), p = f(n, "returnFocus", "returnFocusOnDeactivate");
       d && d();
       var g = function() {
         $(function() {
-          p && y(H(r.nodeFocusedBeforeActivation)), m && m();
+          p && w(H(r.nodeFocusedBeforeActivation)), b && b();
         });
       };
-      return p && f ? (f(H(r.nodeFocusedBeforeActivation)).then(g, g), this) : (g(), this);
+      return p && h ? (h(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, S(), G(), this);
+      return !r.paused || !r.active ? this : (r.paused = !1, C(), G(), this);
     },
     updateContainerElements: function(o) {
       var n = [].concat(o).filter(Boolean);
       return r.containers = n.map(function(d) {
-        return typeof d == "string" ? a.querySelector(d) : d;
-      }), r.active && S(), this;
+        return typeof d == "string" ? t.querySelector(d) : d;
+      }), r.active && C(), this;
     }
-  }, c.updateContainerElements(e), c;
+  }, 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
@@ -458,9 +458,9 @@ const Re = `:host{display:block}:host *{box-sizing:border-box}.modal{--swirl-gho
     --s-surface-overlay-hovered
   );--swirl-resource-list-item-background-pressed:var(
     --s-surface-overlay-pressed
-  );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}}@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__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-tools{display:block}@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__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:4.125rem;padding-top:var(--s-space-24);padding-right:var(--s-space-24);padding-bottom:var(--s-space-16);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)}@media (min-width: 768px){.modal__header-tools{padding-right:var(--s-space-24);padding-left:var(--s-space-24)}}.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__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 {
+  );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}}@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__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}@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-height:none;flex-basis:calc(100% - 20rem)}}.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{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:90vh;border-radius:var(--s-border-radius-base);box-shadow:var(--s-shadow-level-3)}}@media (min-width: 992px){.modal__body{height:auto}}.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:4.125rem;padding-top:var(--s-space-24);padding-right:var(--s-space-24);padding-bottom:var(--s-space-16);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{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}.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:20rem;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(i) {
-    ie(this, i), this.modalClose = x(this, "modalClose", 7), this.modalOpen = x(this, "modalOpen", 7), this.primaryAction = x(this, "primaryAction", 7), this.requestModalClose = x(this, "requestModalClose", 7), this.secondaryAction = x(this, "secondaryAction", 7), this.onKeyDown = (e) => {
+    ie(this, i), 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();
@@ -471,10 +471,10 @@ const Re = `:host{display:block}:host *{box-sizing:border-box}.modal{--swirl-gho
     }, this.onSecondaryAction = (e) => {
       this.secondaryAction.emit(e);
     }, this.determineScrollStatus = () => {
-      var s, l, r, c, u, v;
-      const e = ((s = this.scrollContainer) == null ? void 0 : s.scrollTop) > 0, t = Math.ceil(((l = this.scrollContainer) == null ? void 0 : l.scrollTop) + ((r = this.scrollContainer) == null ? void 0 : r.offsetHeight)) >= ((c = this.scrollContainer) == null ? void 0 : c.scrollHeight), a = ((u = this.scrollContainer) == null ? void 0 : u.scrollHeight) > ((v = this.scrollContainer) == null ? void 0 : v.offsetHeight);
-      e !== this.scrolled && (this.scrolled = e), t !== this.scrolledDown && (this.scrolledDown = t), a !== this.scrollable && (this.scrollable = a);
-    }, this.closable = !0, this.closeButtonLabel = "Close modal", 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.scrollable = !1, this.scrolled = !1, this.scrolledDown = !1;
+      var s, l, r, u, f, v;
+      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 = ((f = this.scrollContainer) == null ? void 0 : f.scrollHeight) > ((v = this.scrollContainer) == null ? void 0 : v.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.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, {
@@ -483,7 +483,7 @@ const Re = `:host{display:block}:host *{box-sizing:border-box}.modal{--swirl-gho
         getShadowRoot: (i) => i.shadowRoot
       }
     }), this.determineScrollStatus(), queueMicrotask(() => {
-      this.updateCustomFooterStatus(), this.updateCustomHeaderStatus(), this.updateHeaderToolsStatus();
+      this.updateCustomFooterStatus(), this.updateCustomHeaderStatus(), this.updateHeaderToolsStatus(), this.updateSecondaryContentStatus();
     });
   }
   disconnectedCallback() {
@@ -514,6 +514,9 @@ const Re = `:host{display:block}:host *{box-sizing:border-box}.modal{--swirl-gho
   updateHeaderToolsStatus() {
     this.hasHeaderTools = Boolean(this.el.querySelector('[slot="header-tools"]'));
   }
+  updateSecondaryContentStatus() {
+    this.hasSecondaryContent = Boolean(this.el.querySelector('[slot="secondary-content"]'));
+  }
   handleAutoFocus() {
     var i;
     (i = this.modalEl.querySelector("input[autofocus]")) == null || i.focus();
@@ -530,13 +533,14 @@ const Re = `:host{display:block}:host *{box-sizing:border-box}.modal{--swirl-gho
       "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 h(ne, null, h("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 }, h("div", { class: "modal__backdrop", onClick: this.onBackdropClick }), h("div", { class: "modal__body", style: { maxHeight: this.maxHeight, maxWidth: this.maxWidth } }, h("header", { class: "modal__custom-header" }, h("slot", { name: "custom-header" })), (!this.hideLabel || !this.hideCloseButton) && h("header", { class: "modal__header" }, h("div", { class: "modal__header-bar" }, !this.hideCloseButton && h("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 && h("swirl-heading", { as: "h2", class: "modal__heading", level: 3, text: this.label })), h("div", { class: "modal__header-tools" }, h("slot", { name: "header-tools" }))), h("div", { class: "modal__content", onScroll: this.determineScrollStatus, ref: (t) => this.scrollContainer = t }, h("slot", null)), h("div", { class: "modal__custom-footer" }, h("slot", { name: "custom-footer" })), i && h("footer", { class: "modal__controls" }, h("swirl-button-group", { wrap: !0 }, this.secondaryActionLabel && h("swirl-button", { label: this.secondaryActionLabel, onClick: this.onSecondaryAction }), this.primaryActionLabel && h("swirl-button", { intent: "primary", label: this.primaryActionLabel, onClick: this.onPrimaryAction, variant: "flat" }))))));
+    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: { maxHeight: this.maxHeight, 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" })), i && 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);