@getflip/swirl-components-react 0.517.0 → 0.518.0

package/dist/swirl-shell-layout.entry.2b70969f.js

@@ -0,0 +1,686 @@
+import { r as we, c as Y, h as d, H as Ne, g as _e } from "./index.791f6dbc.js";
+import { c as ke } from "./index-orsBiyT_.fc4357c3.js";
+import { r as q } from "./utils-CCck-DTo.e4e43b6a.js";
+import "react";
+import "react-dom";
+/*!
+* tabbable 6.2.0
+* @license MIT, https://github.com/focus-trap/tabbable/blob/master/LICENSE
+*/
+var he = ["input:not([inert])", "select:not([inert])", "textarea:not([inert])", "a[href]:not([inert])", "button:not([inert])", "[tabindex]:not(slot):not([inert])", "audio[controls]:not([inert])", "video[controls]:not([inert])", '[contenteditable]:not([contenteditable="false"]):not([inert])', "details>summary:first-of-type:not([inert])", "details:not([inert])"], V = /* @__PURE__ */ he.join(","), ve = typeof Element > "u", E = ve ? function() {
+} : Element.prototype.matches || Element.prototype.msMatchesSelector || Element.prototype.webkitMatchesSelector, G = !ve && Element.prototype.getRootNode ? function(l) {
+  var e;
+  return l == null || (e = l.getRootNode) === null || e === void 0 ? void 0 : e.call(l);
+} : function(l) {
+  return l == null ? void 0 : l.ownerDocument;
+}, j = function l(e, a) {
+  var t;
+  a === void 0 && (a = !0);
+  var o = e == null || (t = e.getAttribute) === null || t === void 0 ? void 0 : t.call(e, "inert"), c = o === "" || o === "true", i = c || a && e && l(e.parentNode);
+  return i;
+}, Se = function(e) {
+  var a, t = e == null || (a = e.getAttribute) === null || a === void 0 ? void 0 : a.call(e, "contenteditable");
+  return t === "" || t === "true";
+}, fe = function(e, a, t) {
+  if (j(e))
+    return [];
+  var o = Array.prototype.slice.apply(e.querySelectorAll(V));
+  return a && E.call(e, V) && o.unshift(e), o = o.filter(t), o;
+}, be = function l(e, a, t) {
+  for (var o = [], c = Array.from(e); c.length; ) {
+    var i = c.shift();
+    if (!j(i, !1))
+      if (i.tagName === "SLOT") {
+        var f = i.assignedElements(), v = f.length ? f : i.children, p = l(v, !0, t);
+        t.flatten ? o.push.apply(o, p) : o.push({
+          scopeParent: i,
+          candidates: p
+        });
+      } else {
+        var _ = E.call(i, V);
+        _ && t.filter(i) && (a || !e.includes(i)) && o.push(i);
+        var N = i.shadowRoot || typeof t.getShadowRoot == "function" && t.getShadowRoot(i), S = !j(N, !1) && (!t.shadowRootFilter || t.shadowRootFilter(i));
+        if (N && S) {
+          var O = l(N === !0 ? i.children : N.children, !0, t);
+          t.flatten ? o.push.apply(o, O) : o.push({
+            scopeParent: i,
+            candidates: O
+          });
+        } else
+          c.unshift.apply(c, i.children);
+      }
+  }
+  return o;
+}, ye = function(e) {
+  return !isNaN(parseInt(e.getAttribute("tabindex"), 10));
+}, C = function(e) {
+  if (!e)
+    throw new Error("No node provided");
+  return e.tabIndex < 0 && (/^(AUDIO|VIDEO|DETAILS)$/.test(e.tagName) || Se(e)) && !ye(e) ? 0 : e.tabIndex;
+}, Te = function(e, a) {
+  var t = C(e);
+  return t < 0 && a && !ye(e) ? 0 : t;
+}, xe = function(e, a) {
+  return e.tabIndex === a.tabIndex ? e.documentOrder - a.documentOrder : e.tabIndex - a.tabIndex;
+}, pe = function(e) {
+  return e.tagName === "INPUT";
+}, Ce = function(e) {
+  return pe(e) && e.type === "hidden";
+}, Ee = function(e) {
+  var a = e.tagName === "DETAILS" && Array.prototype.slice.apply(e.children).some(function(t) {
+    return t.tagName === "SUMMARY";
+  });
+  return a;
+}, Le = function(e, a) {
+  for (var t = 0; t < e.length; t++)
+    if (e[t].checked && e[t].form === a)
+      return e[t];
+}, Ie = function(e) {
+  if (!e.name)
+    return !0;
+  var a = e.form || G(e), t = function(f) {
+    return a.querySelectorAll('input[type="radio"][name="' + f + '"]');
+  }, o;
+  if (typeof window < "u" && typeof window.CSS < "u" && typeof window.CSS.escape == "function")
+    o = t(window.CSS.escape(e.name));
+  else
+    try {
+      o = t(e.name);
+    } catch (i) {
+      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", i.message), !1;
+    }
+  var c = Le(o, e.form);
+  return !c || c === e;
+}, Fe = function(e) {
+  return pe(e) && e.type === "radio";
+}, Ae = function(e) {
+  return Fe(e) && !Ie(e);
+}, Re = function(e) {
+  var a, t = e && G(e), o = (a = t) === null || a === void 0 ? void 0 : a.host, c = !1;
+  if (t && t !== e) {
+    var i, f, v;
+    for (c = !!((i = o) !== null && i !== void 0 && (f = i.ownerDocument) !== null && f !== void 0 && f.contains(o) || e != null && (v = e.ownerDocument) !== null && v !== void 0 && v.contains(e)); !c && o; ) {
+      var p, _, N;
+      t = G(o), o = (p = t) === null || p === void 0 ? void 0 : p.host, c = !!((_ = o) !== null && _ !== void 0 && (N = _.ownerDocument) !== null && N !== void 0 && N.contains(o));
+    }
+  }
+  return c;
+}, le = function(e) {
+  var a = e.getBoundingClientRect(), t = a.width, o = a.height;
+  return t === 0 && o === 0;
+}, De = function(e, a) {
+  var t = a.displayCheck, o = a.getShadowRoot;
+  if (getComputedStyle(e).visibility === "hidden")
+    return !0;
+  var c = E.call(e, "details>summary:first-of-type"), i = c ? e.parentElement : e;
+  if (E.call(i, "details:not([open]) *"))
+    return !0;
+  if (!t || t === "full" || t === "legacy-full") {
+    if (typeof o == "function") {
+      for (var f = e; e; ) {
+        var v = e.parentElement, p = G(e);
+        if (v && !v.shadowRoot && o(v) === !0)
+          return le(e);
+        e.assignedSlot ? e = e.assignedSlot : !v && p !== e.ownerDocument ? e = p.host : e = v;
+      }
+      e = f;
+    }
+    if (Re(e))
+      return !e.getClientRects().length;
+    if (t !== "legacy-full")
+      return !0;
+  } else if (t === "non-zero-area")
+    return le(e);
+  return !1;
+}, Oe = 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 o = a.children.item(t);
+          if (o.tagName === "LEGEND")
+            return E.call(a, "fieldset[disabled] *") ? !0 : !o.contains(e);
+        }
+        return !0;
+      }
+      a = a.parentElement;
+    }
+  return !1;
+}, K = function(e, a) {
+  return !(a.disabled || j(a) || Ce(a) || De(a, e) || Ee(a) || Oe(a));
+}, H = function(e, a) {
+  return !(Ae(a) || C(a) < 0 || !K(e, a));
+}, Pe = function(e) {
+  var a = parseInt(e.getAttribute("tabindex"), 10);
+  return !!(isNaN(a) || a >= 0);
+}, Be = function l(e) {
+  var a = [], t = [];
+  return e.forEach(function(o, c) {
+    var i = !!o.scopeParent, f = i ? o.scopeParent : o, v = Te(f, i), p = i ? l(o.candidates) : f;
+    v === 0 ? i ? a.push.apply(a, p) : a.push(f) : t.push({
+      documentOrder: c,
+      tabIndex: v,
+      item: o,
+      isScope: i,
+      content: p
+    });
+  }), t.sort(xe).reduce(function(o, c) {
+    return c.isScope ? o.push.apply(o, c.content) : o.push(c.content), o;
+  }, []).concat(a);
+}, Ve = function(e, a) {
+  a = a || {};
+  var t;
+  return a.getShadowRoot ? t = be([e], a.includeContainer, {
+    filter: H.bind(null, a),
+    flatten: !1,
+    getShadowRoot: a.getShadowRoot,
+    shadowRootFilter: Pe
+  }) : t = fe(e, a.includeContainer, H.bind(null, a)), Be(t);
+}, Ge = function(e, a) {
+  a = a || {};
+  var t;
+  return a.getShadowRoot ? t = be([e], a.includeContainer, {
+    filter: K.bind(null, a),
+    flatten: !0,
+    getShadowRoot: a.getShadowRoot
+  }) : t = fe(e, a.includeContainer, K.bind(null, a)), t;
+}, L = function(e, a) {
+  if (a = a || {}, !e)
+    throw new Error("No node provided");
+  return E.call(e, V) === !1 ? !1 : H(a, e);
+}, je = /* @__PURE__ */ he.concat("iframe").join(","), U = function(e, a) {
+  if (a = a || {}, !e)
+    throw new Error("No node provided");
+  return E.call(e, je) === !1 ? !1 : K(a, e);
+};
+/*!
+* focus-trap 7.5.4
+* @license MIT, https://github.com/focus-trap/focus-trap/blob/master/LICENSE
+*/
+function ie(l, e) {
+  var a = Object.keys(l);
+  if (Object.getOwnPropertySymbols) {
+    var t = Object.getOwnPropertySymbols(l);
+    e && (t = t.filter(function(o) {
+      return Object.getOwnPropertyDescriptor(l, o).enumerable;
+    })), a.push.apply(a, t);
+  }
+  return a;
+}
+function se(l) {
+  for (var e = 1; e < arguments.length; e++) {
+    var a = arguments[e] != null ? arguments[e] : {};
+    e % 2 ? ie(Object(a), !0).forEach(function(t) {
+      Ke(l, t, a[t]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(l, Object.getOwnPropertyDescriptors(a)) : ie(Object(a)).forEach(function(t) {
+      Object.defineProperty(l, t, Object.getOwnPropertyDescriptor(a, t));
+    });
+  }
+  return l;
+}
+function Ke(l, e, a) {
+  return e = ze(e), e in l ? Object.defineProperty(l, e, {
+    value: a,
+    enumerable: !0,
+    configurable: !0,
+    writable: !0
+  }) : l[e] = a, l;
+}
+function Me(l, e) {
+  if (typeof l != "object" || l === null)
+    return l;
+  var a = l[Symbol.toPrimitive];
+  if (a !== void 0) {
+    var t = a.call(l, e);
+    if (typeof t != "object")
+      return t;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return (e === "string" ? String : Number)(l);
+}
+function ze(l) {
+  var e = Me(l, "string");
+  return typeof e == "symbol" ? e : String(e);
+}
+var re = {
+  activateTrap: function(e, a) {
+    if (e.length > 0) {
+      var t = e[e.length - 1];
+      t !== a && t.pause();
+    }
+    var o = e.indexOf(a);
+    o === -1 || e.splice(o, 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();
+  }
+}, We = function(e) {
+  return e.tagName && e.tagName.toLowerCase() === "input" && typeof e.select == "function";
+}, Ye = function(e) {
+  return (e == null ? void 0 : e.key) === "Escape" || (e == null ? void 0 : e.key) === "Esc" || (e == null ? void 0 : e.keyCode) === 27;
+}, D = function(e) {
+  return (e == null ? void 0 : e.key) === "Tab" || (e == null ? void 0 : e.keyCode) === 9;
+}, qe = function(e) {
+  return D(e) && !e.shiftKey;
+}, Ue = function(e) {
+  return D(e) && e.shiftKey;
+}, oe = function(e) {
+  return setTimeout(e, 0);
+}, ne = function(e, a) {
+  var t = -1;
+  return e.every(function(o, c) {
+    return a(o) ? (t = c, !1) : !0;
+  }), t;
+}, R = function(e) {
+  for (var a = arguments.length, t = new Array(a > 1 ? a - 1 : 0), o = 1; o < a; o++)
+    t[o - 1] = arguments[o];
+  return typeof e == "function" ? e.apply(void 0, t) : e;
+}, B = function(e) {
+  return e.target.shadowRoot && typeof e.composedPath == "function" ? e.composedPath()[0] : e.target;
+}, He = [], Ze = function(e, a) {
+  var t = (a == null ? void 0 : a.document) || document, o = (a == null ? void 0 : a.trapStack) || He, c = se({
+    returnFocusOnDeactivate: !0,
+    escapeDeactivates: !0,
+    delayInitialFocus: !0,
+    isKeyForward: qe,
+    isKeyBackward: Ue
+  }, a), i = {
+    containers: [],
+    containerGroups: [],
+    tabbableGroups: [],
+    nodeFocusedBeforeActivation: null,
+    mostRecentlyFocusedNode: null,
+    active: !1,
+    paused: !1,
+    delayInitialFocusTimer: void 0,
+    recentNavEvent: void 0
+  }, f, v = function(r, s, n) {
+    return r && r[s] !== void 0 ? r[s] : c[n || s];
+  }, p = function(r, s) {
+    var n = typeof (s == null ? void 0 : s.composedPath) == "function" ? s.composedPath() : void 0;
+    return i.containerGroups.findIndex(function(u) {
+      var h = u.container, y = u.tabbableNodes;
+      return h.contains(r) || (n == null ? void 0 : n.includes(h)) || y.find(function(g) {
+        return g === r;
+      });
+    });
+  }, _ = function(r) {
+    var s = c[r];
+    if (typeof s == "function") {
+      for (var n = arguments.length, u = new Array(n > 1 ? n - 1 : 0), h = 1; h < n; h++)
+        u[h - 1] = arguments[h];
+      s = s.apply(void 0, u);
+    }
+    if (s === !0 && (s = void 0), !s) {
+      if (s === void 0 || s === !1)
+        return s;
+      throw new Error("`".concat(r, "` was specified but was not a node, or did not return a node"));
+    }
+    var y = s;
+    if (typeof s == "string" && (y = t.querySelector(s), !y))
+      throw new Error("`".concat(r, "` as selector refers to no known node"));
+    return y;
+  }, N = function() {
+    var r = _("initialFocus");
+    if (r === !1)
+      return !1;
+    if (r === void 0 || !U(r, c.tabbableOptions))
+      if (p(t.activeElement) >= 0)
+        r = t.activeElement;
+      else {
+        var s = i.tabbableGroups[0], n = s && s.firstTabbableNode;
+        r = n || _("fallbackFocus");
+      }
+    if (!r)
+      throw new Error("Your focus-trap needs to have at least one focusable element");
+    return r;
+  }, S = function() {
+    if (i.containerGroups = i.containers.map(function(r) {
+      var s = Ve(r, c.tabbableOptions), n = Ge(r, c.tabbableOptions), u = s.length > 0 ? s[0] : void 0, h = s.length > 0 ? s[s.length - 1] : void 0, y = n.find(function(m) {
+        return L(m);
+      }), g = n.slice().reverse().find(function(m) {
+        return L(m);
+      }), w = !!s.find(function(m) {
+        return C(m) > 0;
+      });
+      return {
+        container: r,
+        tabbableNodes: s,
+        focusableNodes: n,
+        posTabIndexesFound: w,
+        firstTabbableNode: u,
+        lastTabbableNode: h,
+        firstDomTabbableNode: y,
+        lastDomTabbableNode: g,
+        nextTabbableNode: function(x) {
+          var F = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !0, k = s.indexOf(x);
+          return k < 0 ? F ? n.slice(n.indexOf(x) + 1).find(function(A) {
+            return L(A);
+          }) : n.slice(0, n.indexOf(x)).reverse().find(function(A) {
+            return L(A);
+          }) : s[k + (F ? 1 : -1)];
+        }
+      };
+    }), i.tabbableGroups = i.containerGroups.filter(function(r) {
+      return r.tabbableNodes.length > 0;
+    }), i.tabbableGroups.length <= 0 && !_("fallbackFocus"))
+      throw new Error("Your focus-trap must have at least one container with at least one tabbable node in it at all times");
+    if (i.containerGroups.find(function(r) {
+      return r.posTabIndexesFound;
+    }) && i.containerGroups.length > 1)
+      throw new Error("At least one node with a positive tabindex was found in one of your focus-trap's multiple containers. Positive tabindexes are only supported in single-container focus-traps.");
+  }, O = function b(r) {
+    var s = r.activeElement;
+    if (!!s)
+      return s.shadowRoot && s.shadowRoot.activeElement !== null ? b(s.shadowRoot) : s;
+  }, T = function b(r) {
+    if (r !== !1 && r !== O(document)) {
+      if (!r || !r.focus) {
+        b(N());
+        return;
+      }
+      r.focus({
+        preventScroll: !!c.preventScroll
+      }), i.mostRecentlyFocusedNode = r, We(r) && r.select();
+    }
+  }, Z = function(r) {
+    var s = _("setReturnFocus", r);
+    return s || (s === !1 ? !1 : r);
+  }, $ = function(r) {
+    var s = r.target, n = r.event, u = r.isBackward, h = u === void 0 ? !1 : u;
+    s = s || B(n), S();
+    var y = null;
+    if (i.tabbableGroups.length > 0) {
+      var g = p(s, n), w = g >= 0 ? i.containerGroups[g] : void 0;
+      if (g < 0)
+        h ? y = i.tabbableGroups[i.tabbableGroups.length - 1].lastTabbableNode : y = i.tabbableGroups[0].firstTabbableNode;
+      else if (h) {
+        var m = ne(i.tabbableGroups, function(z) {
+          var W = z.firstTabbableNode;
+          return s === W;
+        });
+        if (m < 0 && (w.container === s || U(s, c.tabbableOptions) && !L(s, c.tabbableOptions) && !w.nextTabbableNode(s, !1)) && (m = g), m >= 0) {
+          var x = m === 0 ? i.tabbableGroups.length - 1 : m - 1, F = i.tabbableGroups[x];
+          y = C(s) >= 0 ? F.lastTabbableNode : F.lastDomTabbableNode;
+        } else
+          D(n) || (y = w.nextTabbableNode(s, !1));
+      } else {
+        var k = ne(i.tabbableGroups, function(z) {
+          var W = z.lastTabbableNode;
+          return s === W;
+        });
+        if (k < 0 && (w.container === s || U(s, c.tabbableOptions) && !L(s, c.tabbableOptions) && !w.nextTabbableNode(s)) && (k = g), k >= 0) {
+          var A = k === i.tabbableGroups.length - 1 ? 0 : k + 1, te = i.tabbableGroups[A];
+          y = C(s) >= 0 ? te.firstTabbableNode : te.firstDomTabbableNode;
+        } else
+          D(n) || (y = w.nextTabbableNode(s));
+      }
+    } else
+      y = _("fallbackFocus");
+    return y;
+  }, P = function(r) {
+    var s = B(r);
+    if (!(p(s, r) >= 0)) {
+      if (R(c.clickOutsideDeactivates, r)) {
+        f.deactivate({
+          returnFocus: c.returnFocusOnDeactivate
+        });
+        return;
+      }
+      R(c.allowOutsideClick, r) || r.preventDefault();
+    }
+  }, X = function(r) {
+    var s = B(r), n = p(s, r) >= 0;
+    if (n || s instanceof Document)
+      n && (i.mostRecentlyFocusedNode = s);
+    else {
+      r.stopImmediatePropagation();
+      var u, h = !0;
+      if (i.mostRecentlyFocusedNode)
+        if (C(i.mostRecentlyFocusedNode) > 0) {
+          var y = p(i.mostRecentlyFocusedNode), g = i.containerGroups[y].tabbableNodes;
+          if (g.length > 0) {
+            var w = g.findIndex(function(m) {
+              return m === i.mostRecentlyFocusedNode;
+            });
+            w >= 0 && (c.isKeyForward(i.recentNavEvent) ? w + 1 < g.length && (u = g[w + 1], h = !1) : w - 1 >= 0 && (u = g[w - 1], h = !1));
+          }
+        } else
+          i.containerGroups.some(function(m) {
+            return m.tabbableNodes.some(function(x) {
+              return C(x) > 0;
+            });
+          }) || (h = !1);
+      else
+        h = !1;
+      h && (u = $({
+        target: i.mostRecentlyFocusedNode,
+        isBackward: c.isKeyBackward(i.recentNavEvent)
+      })), T(u || i.mostRecentlyFocusedNode || N());
+    }
+    i.recentNavEvent = void 0;
+  }, ge = function(r) {
+    var s = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !1;
+    i.recentNavEvent = r;
+    var n = $({
+      event: r,
+      isBackward: s
+    });
+    n && (D(r) && r.preventDefault(), T(n));
+  }, J = function(r) {
+    if (Ye(r) && R(c.escapeDeactivates, r) !== !1) {
+      r.preventDefault(), f.deactivate();
+      return;
+    }
+    (c.isKeyForward(r) || c.isKeyBackward(r)) && ge(r, c.isKeyBackward(r));
+  }, Q = function(r) {
+    var s = B(r);
+    p(s, r) >= 0 || R(c.clickOutsideDeactivates, r) || R(c.allowOutsideClick, r) || (r.preventDefault(), r.stopImmediatePropagation());
+  }, ee = function() {
+    if (!!i.active)
+      return re.activateTrap(o, f), i.delayInitialFocusTimer = c.delayInitialFocus ? oe(function() {
+        T(N());
+      }) : T(N()), t.addEventListener("focusin", X, !0), t.addEventListener("mousedown", P, {
+        capture: !0,
+        passive: !1
+      }), t.addEventListener("touchstart", P, {
+        capture: !0,
+        passive: !1
+      }), t.addEventListener("click", Q, {
+        capture: !0,
+        passive: !1
+      }), t.addEventListener("keydown", J, {
+        capture: !0,
+        passive: !1
+      }), f;
+  }, ae = function() {
+    if (!!i.active)
+      return t.removeEventListener("focusin", X, !0), t.removeEventListener("mousedown", P, !0), t.removeEventListener("touchstart", P, !0), t.removeEventListener("click", Q, !0), t.removeEventListener("keydown", J, !0), f;
+  }, me = function(r) {
+    var s = r.some(function(n) {
+      var u = Array.from(n.removedNodes);
+      return u.some(function(h) {
+        return h === i.mostRecentlyFocusedNode;
+      });
+    });
+    s && T(N());
+  }, M = typeof window < "u" && "MutationObserver" in window ? new MutationObserver(me) : void 0, I = function() {
+    !M || (M.disconnect(), i.active && !i.paused && i.containers.map(function(r) {
+      M.observe(r, {
+        subtree: !0,
+        childList: !0
+      });
+    }));
+  };
+  return f = {
+    get active() {
+      return i.active;
+    },
+    get paused() {
+      return i.paused;
+    },
+    activate: function(r) {
+      if (i.active)
+        return this;
+      var s = v(r, "onActivate"), n = v(r, "onPostActivate"), u = v(r, "checkCanFocusTrap");
+      u || S(), i.active = !0, i.paused = !1, i.nodeFocusedBeforeActivation = t.activeElement, s == null || s();
+      var h = function() {
+        u && S(), ee(), I(), n == null || n();
+      };
+      return u ? (u(i.containers.concat()).then(h, h), this) : (h(), this);
+    },
+    deactivate: function(r) {
+      if (!i.active)
+        return this;
+      var s = se({
+        onDeactivate: c.onDeactivate,
+        onPostDeactivate: c.onPostDeactivate,
+        checkCanReturnFocus: c.checkCanReturnFocus
+      }, r);
+      clearTimeout(i.delayInitialFocusTimer), i.delayInitialFocusTimer = void 0, ae(), i.active = !1, i.paused = !1, I(), re.deactivateTrap(o, f);
+      var n = v(s, "onDeactivate"), u = v(s, "onPostDeactivate"), h = v(s, "checkCanReturnFocus"), y = v(s, "returnFocus", "returnFocusOnDeactivate");
+      n == null || n();
+      var g = function() {
+        oe(function() {
+          y && T(Z(i.nodeFocusedBeforeActivation)), u == null || u();
+        });
+      };
+      return y && h ? (h(Z(i.nodeFocusedBeforeActivation)).then(g, g), this) : (g(), this);
+    },
+    pause: function(r) {
+      if (i.paused || !i.active)
+        return this;
+      var s = v(r, "onPause"), n = v(r, "onPostPause");
+      return i.paused = !0, s == null || s(), ae(), I(), n == null || n(), this;
+    },
+    unpause: function(r) {
+      if (!i.paused || !i.active)
+        return this;
+      var s = v(r, "onUnpause"), n = v(r, "onPostUnpause");
+      return i.paused = !1, s == null || s(), S(), ee(), I(), n == null || n(), this;
+    },
+    updateContainerElements: function(r) {
+      var s = [].concat(r).filter(Boolean);
+      return i.containers = s.map(function(n) {
+        return typeof n == "string" ? t.querySelector(n) : n;
+      }), i.active && S(), I(), this;
+    }
+  }, f.updateContainerElements(e), f;
+};
+const $e = () => '.sc-swirl-shell-layout-h{--swirl-shell-background:var(--s-surface-sunken-default);--swirl-shell-text-color:var(--s-text-default);--swirl-shell-header-height:3.25rem;--swirl-shell-collapsed-nav-width:4rem;--swirl-shell-extended-nav-width:18rem;display:flex;width:100%;height:100%}.sc-swirl-shell-layout-h *.sc-swirl-shell-layout{box-sizing:border-box}.shell-layout.sc-swirl-shell-layout{display:grid;overflow:hidden;width:100%;min-height:100%;background-color:var(--swirl-shell-background);transition:grid-template-columns 0.1s;grid-template-columns:0 1fr 0;grid-template-rows:1fr;grid-template-areas:"nav main"}@media (prefers-reduced-motion){.shell-layout.sc-swirl-shell-layout{transition:none}}@media (min-width: 992px){.shell-layout.sc-swirl-shell-layout{padding-right:var(--s-space-8);padding-bottom:var(--s-space-8);-moz-column-gap:var(--s-space-8);column-gap:var(--s-space-8);grid-template-columns:var(--swirl-shell-extended-nav-width) 1fr 0;grid-template-rows:var(--swirl-shell-header-height) 1fr;grid-template-areas:"header header header"       "nav main sidebar"}}.shell-layout--branded-header.sc-swirl-shell-layout .shell-layout__header.sc-swirl-shell-layout{border-bottom:none;color:var(--s-text-on-action-primary);background-color:var(--s-action-primary-default)}.shell-layout--branded-header.sc-swirl-shell-layout .shell-layout__header.sc-swirl-shell-layout .shell-layout__header-tool.sc-swirl-shell-layout{color:var(--s-text-on-action-primary);background-color:var(--s-action-primary-default)}.shell-layout--branded-header.sc-swirl-shell-layout .shell-layout__header.sc-swirl-shell-layout .shell-layout__header-tool.sc-swirl-shell-layout:hover{background-color:var(--s-action-primary-hovered)}.shell-layout--branded-header.sc-swirl-shell-layout .shell-layout__header.sc-swirl-shell-layout .shell-layout__header-tool.sc-swirl-shell-layout:active{background-color:var(--s-action-primary-pressed)}.shell-layout--branded-header.sc-swirl-shell-layout .shell-layout__header.sc-swirl-shell-layout .shell-layout__header-tool.sc-swirl-shell-layout swirl-badge.sc-swirl-shell-layout{--swirl-badge-border-color:var(--s-action-primary-default)}@media (min-width: 992px){.shell-layout--navigation-collapsed.sc-swirl-shell-layout .shell-layout__nav.sc-swirl-shell-layout{scrollbar-width:none}.shell-layout--navigation-collapsed.sc-swirl-shell-layout .shell-layout__nav.sc-swirl-shell-layout::-webkit-scrollbar{width:0;background:transparent;-webkit-appearance:none}}.shell-layout--navigation-collapsed .shell-layout__secondary-nav-items--grid-view.sc-swirl-shell-layout-s>ul>*,.shell-layout--navigation-collapsed .shell-layout__secondary-nav-items--grid-view .sc-swirl-shell-layout-s>ul>*{max-width:100%;max-height:3rem;flex-basis:100%}@media (min-width: 992px){.shell-layout--navigation-collapsed.sc-swirl-shell-layout{grid-template-columns:var(--swirl-shell-collapsed-nav-width) 1fr 0}}.shell-layout--mobile-navigation-active.sc-swirl-shell-layout .shell-layout__nav.sc-swirl-shell-layout{transform:translate3d(0, 0, 0);box-shadow:var(--s-shadow-level-3)}@media (min-width: 992px){.shell-layout--mobile-navigation-active.sc-swirl-shell-layout .shell-layout__nav.sc-swirl-shell-layout{transform:none;box-shadow:none}}.shell-layout--mobile-navigation-active.sc-swirl-shell-layout .shell-layout__mobile-nav-backdrop.sc-swirl-shell-layout{display:block}@media (min-width: 992px){.shell-layout--mobile-navigation-active.sc-swirl-shell-layout .shell-layout__mobile-nav-backdrop.sc-swirl-shell-layout{display:none}}.shell-layout--has-secondary-nav.sc-swirl-shell-layout .shell-layout__secondary-nav.sc-swirl-shell-layout{display:block}.shell-layout--secondary-nav-collapsed.sc-swirl-shell-layout .shell-layout__secondary-nav-items.sc-swirl-shell-layout{display:none}.shell-layout__header.sc-swirl-shell-layout{position:relative;display:none;width:calc(100% + var(--s-space-8));padding-top:var(--s-space-8);padding-right:var(--s-space-16);padding-bottom:var(--s-space-8);padding-left:var(--s-space-16);justify-content:space-between;align-items:center;color:var(--swirl-shell-text-color);grid-area:header}@media (min-width: 992px){.shell-layout__header.sc-swirl-shell-layout{display:flex}}.shell-layout__skip-link.sc-swirl-shell-layout{position:absolute;z-index:9;top:0;left:0;padding:var(--s-space-4);border:none;color:var(--swirl-shell-text-color);background-color:var(--swirl-shell-background);font:inherit;cursor:pointer}.shell-layout__skip-link.sc-swirl-shell-layout:not(:focus):not(:active){position:absolute;overflow:hidden;width:1px;height:1px;white-space:nowrap;clip:rect(0 0 0 0);clip-path:inset(50%)}.shell-layout__header-left.sc-swirl-shell-layout{display:flex;padding-left:var(--s-space-2);flex-basis:8rem;flex-shrink:0;align-items:center;gap:var(--s-space-8)}.shell-layout__header-right.sc-swirl-shell-layout{display:flex;flex-basis:8rem;flex-shrink:0;justify-content:flex-end;align-items:center;gap:var(--s-space-8)}.shell-layout__logo.sc-swirl-shell-layout{display:flex;flex-grow:1;justify-content:center;align-items:center}.shell-layout__logo.sc-swirl-shell-layout-s>a{display:flex}.shell-layout__logo.sc-swirl-shell-layout-s>a img,.shell-layout__logo.sc-swirl-shell-layout-s>img{max-height:1.75rem}.shell-layout__header-tool.sc-swirl-shell-layout{position:relative;width:2.25rem;height:2.25rem;padding:var(--s-space-8);flex-shrink:0;border:none;border-radius:var(--s-border-radius-sm);color:var(--swirl-shell-text-color);background-color:var(--s-surface-sunken-default);font:inherit;cursor:pointer}.shell-layout__header-tool.sc-swirl-shell-layout:hover{background-color:var(--s-state-hovered)}.shell-layout__header-tool.sc-swirl-shell-layout:active{background-color:var(--s-state-pressed)}.shell-layout__header-tool.sc-swirl-shell-layout:focus{outline:none}.shell-layout__header-tool.sc-swirl-shell-layout:focus-visible{box-shadow:0 0 0 0.125rem var(--s-focus-default)}.shell-layout__header-tool.sc-swirl-shell-layout swirl-badge.sc-swirl-shell-layout{--swirl-badge-border-color:var(--s-surface-sunken-default);position:absolute;top:var(--s-space-2);right:var(--s-space-2);padding-right:var(--s-space-2);transform:translate3d(0.1875rem, 0, 0)}.shell-layout__nav.sc-swirl-shell-layout{position:fixed;z-index:9;top:0;bottom:0;left:0;overflow-x:hidden;overflow-y:auto;width:100%;max-width:18.75rem;color:var(--swirl-shell-text-color);background-color:var(--s-surface-overlay-default);transition:transform 0.1s, box-shadow 0.1s, width 0.1s;transform:translate3d(-100%, 0, 0);grid-area:nav}@media (prefers-reduced-motion){.shell-layout__nav.sc-swirl-shell-layout{transition:none}}@media (min-width: 992px){.shell-layout__nav.sc-swirl-shell-layout{position:relative;max-width:none;padding-top:0;padding-right:var(--s-space-4);padding-bottom:var(--s-space-8);padding-left:var(--s-space-12);background-color:var(--swirl-shell-background);transform:none;box-shadow:none;inset:auto}}.shell-layout__mobile-header.sc-swirl-shell-layout{display:flex;min-height:3.5rem;margin-bottom:var(--s-space-8);padding-top:var(--s-space-8);padding-right:var(--s-space-16);padding-bottom:var(--s-space-8);padding-left:var(--s-space-16);justify-content:space-between;align-items:center;border-bottom:0.0625rem solid var(--s-border-default)}.shell-layout__mobile-header.sc-swirl-shell-layout-s>img{max-height:1.75rem}.shell-layout__mobile-header.sc-swirl-shell-layout .shell-layout__header-tool.sc-swirl-shell-layout{background-color:var(--s-surface-overlay-default)}.shell-layout__mobile-header.sc-swirl-shell-layout .shell-layout__header-tool.sc-swirl-shell-layout:hover{background-color:var(--s-state-hovered)}.shell-layout__mobile-header.sc-swirl-shell-layout .shell-layout__header-tool.sc-swirl-shell-layout:active{background-color:var(--s-state-pressed)}@media (min-width: 992px){.shell-layout__mobile-header.sc-swirl-shell-layout{display:none}}.shell-layout__mobile-header-tools.sc-swirl-shell-layout{display:flex;justify-content:flex-end;align-items:center;gap:var(--s-space-8)}.shell-layout__nav-body.sc-swirl-shell-layout{padding:var(--s-space-8)}.shell-layout__nav-body.sc-swirl-shell-layout-s ul{margin:0;padding:0;list-style:none}.shell-layout__nav-body.sc-swirl-shell-layout-s li{display:flex}@media (min-width: 992px){.shell-layout__nav-body.sc-swirl-shell-layout{padding:0}}.shell-layout__mobile-nav-backdrop.sc-swirl-shell-layout{position:fixed;z-index:8;display:none;background-color:rgba(0, 0, 0, 0.25);animation:shell-layout-backdrop-fade-in 0.1s;inset:0}.shell-layout__secondary-nav.sc-swirl-shell-layout{display:none}.shell-layout__secondary-nav-items.sc-swirl-shell-layout-s>ul,.shell-layout__secondary-nav-items .sc-swirl-shell-layout-s>ul{display:flex;flex-direction:column;gap:var(--s-space-2)}.shell-layout:not(.shell-layout--navigation-collapsed) .shell-layout__secondary-nav-items--grid-view.sc-swirl-shell-layout-s>ul,.shell-layout:not(.shell-layout--navigation-collapsed) .shell-layout__secondary-nav-items--grid-view .sc-swirl-shell-layout-s>ul{flex-wrap:wrap;flex-direction:row;gap:var(--s-space-16)}.shell-layout:not(.shell-layout--navigation-collapsed) .shell-layout__secondary-nav-items--grid-view.sc-swirl-shell-layout-s>ul>*,.shell-layout:not(.shell-layout--navigation-collapsed) .shell-layout__secondary-nav-items--grid-view .sc-swirl-shell-layout-s>ul>*{min-width:0;max-height:none}.shell-layout:not(.shell-layout--navigation-collapsed) .shell-layout__secondary-nav-items--grid-view.shell-layout__secondary-nav-items--app-icon.sc-swirl-shell-layout-s>ul,.shell-layout:not(.shell-layout--navigation-collapsed) .shell-layout__secondary-nav-items--grid-view.shell-layout__secondary-nav-items--app-icon .sc-swirl-shell-layout-s>ul{row-gap:var(--s-space-16);-moz-column-gap:0;column-gap:0}.shell-layout--navigation-collapsed .shell-layout__secondary-nav-items--tiled.sc-swirl-shell-layout-s>ul,.shell-layout--navigation-collapsed .shell-layout__secondary-nav-items--tiled .sc-swirl-shell-layout-s>ul{gap:var(--s-space-16)}.shell-layout__secondary-nav-items--tiled.sc-swirl-shell-layout-s>ul>*,.shell-layout__secondary-nav-items--tiled .sc-swirl-shell-layout-s>ul>*{flex-basis:calc(50% - var(--s-space-8))}.shell-layout__secondary-nav-items--app-icon.sc-swirl-shell-layout-s>ul>*,.shell-layout__secondary-nav-items--app-icon .sc-swirl-shell-layout-s>ul>*{flex-basis:calc(100% / 3)}.shell-layout__main.sc-swirl-shell-layout{overflow:hidden;background-color:var(--s-background-default);grid-area:main}@media (min-width: 992px){.shell-layout__main.sc-swirl-shell-layout{width:calc(100% + var(--s-space-8));border:0.0625rem solid var(--s-border-default);border-radius:var(--s-border-radius-sm)}}@keyframes shell-layout-backdrop-fade-in{from{opacity:0}to{opacity:1}}@keyframes shell-layout-no-overflow-after-transition{0%{overflow:initial}99%{overflow:initial}100%{overflow:hidden}}', ce = "SWIRL_SHELL_SECONDARY_NAVIGATION_COLLAPSE_STATE", de = "SWIRL_SHELL_SECONDARY_NAVIGATION_VIEW_STATE", ue = "SWIRL_SHELL_NAVIGATION_COLLAPSE_STATE", Xe = class {
+  constructor(l) {
+    we(this, l), this.historyBackClick = Y(this, "historyBackClick", 7), this.historyForwardClick = Y(this, "historyForwardClick", 7), this.skipLinkClick = Y(this, "skipLinkClick", 7), this.browserBackButtonLabel = "Navigate back", this.browserForwardButtonLabel = "Navigate forward", this.collapseNavigationButtonLabel = "Collapse navigation", this.enableSecondaryNavGridLayout = !0, this.secondaryNavGridLayoutVariant = "tiled", this.expandNavigationButtonLabel = "Expand navigation", this.gridNavLayoutToggleLabel = "Grid", this.hideMobileNavigationButtonLabel = "Close navigation", this.listNavLayoutToggleLabel = "List", this.navigationLabel = "Main", this.secondaryNavCollapseLabel = "Show less", this.secondaryNavExpandLabel = "Show more", this.skipLinkLabel = "Skip to main content", this.isDesktopViewport = !0, this.secondaryNavView = "list", this.collectNavItems = () => {
+      this.mainNavItems = Array.from(this.el.querySelectorAll("swirl-shell-navigation-item[slot='nav'], [slot='nav'] swirl-shell-navigation-item")), this.secondaryNavItems = Array.from(this.el.querySelectorAll("swirl-shell-navigation-item[slot='secondary-nav'], [slot='secondary-nav'] swirl-shell-navigation-item")), this.toggleNavItemLabels(), this.setSecondaryNavItemsTiled();
+    }, this.toggleSecondaryNavView = (e) => {
+      e.stopPropagation(), this.secondaryNavView === "grid" ? this.secondaryNavView = "list" : this.secondaryNavView = "grid", this.setSecondaryNavItemsTiled(), localStorage.setItem(de, String(this.secondaryNavView));
+    }, this.toggleSecondaryNavCollapse = (e) => {
+      e.stopPropagation(), this.secondaryNavCollapsed = !this.secondaryNavCollapsed, localStorage.setItem(ce, String(this.secondaryNavCollapsed));
+    }, this.onNavigationToggleClick = () => {
+      this.navigationCollapsed = !this.navigationCollapsed;
+    }, this.onNavigationClick = () => {
+      this.hideMobileNavigation();
+    };
+  }
+  componentWillLoad() {
+    console.warn('[Swirl] The "swirl-shell-layout" component is deprecated and will be removed in the next major release.'), this.isDesktopViewport = q(), this.collectNavItems();
+    const l = localStorage.getItem(ue) === "true";
+    this.navigationCollapsed = l, this.restoreSecondaryNavState();
+  }
+  componentDidLoad() {
+    this.focusTrap = Ze(this.navElement, {
+      allowOutsideClick: !0,
+      tabbableOptions: {
+        getShadowRoot: (l) => l.shadowRoot
+      }
+    }), this.collectNavItems(), this.navMutationObserver = new MutationObserver(() => {
+      this.collectNavItems();
+    }), this.navMutationObserver.observe(this.navElement, {
+      childList: !0,
+      subtree: !0
+    });
+  }
+  componentDidRender() {
+    var l;
+    (l = this.focusTrap) == null || l.updateContainerElements(this.navElement);
+  }
+  disconnectedCallback() {
+    var l, e;
+    (l = this.focusTrap) == null || l.deactivate(), (e = this.navMutationObserver) == null || e.disconnect();
+  }
+  onWindowKeyDown(l) {
+    l.key === "Escape" && this.mobileNavigationActive && this.hideMobileNavigation();
+  }
+  watchEnableSecondaryNavGridLayout() {
+    this.restoreSecondaryNavState();
+  }
+  watchMobileNavigationState() {
+    this.mobileNavigationActive ? setTimeout(() => {
+      this.focusTrap.activate();
+    }, 200) : this.focusTrap.deactivate();
+  }
+  watchNavigationCollapsed() {
+    localStorage.setItem(ue, String(this.navigationCollapsed)), this.toggleNavItemLabels(), this.setSecondaryNavItemsTiled();
+  }
+  onWindowResize() {
+    this.isDesktopViewport !== q() && (this.isDesktopViewport = q(), this.collectNavItems());
+  }
+  async showMobileNavigation() {
+    this.mobileNavigationActive = !0, this.collectNavItems();
+  }
+  async hideMobileNavigation() {
+    this.mobileNavigationActive = !1, this.toggleNavItemLabels();
+  }
+  toggleNavItemLabels() {
+    [...this.secondaryNavItems, ...this.mainNavItems].forEach((l) => {
+      l.hideLabel = this.navigationCollapsed && this.isDesktopViewport;
+    });
+  }
+  setSecondaryNavItemsTiled() {
+    this.secondaryNavItems.forEach((l) => {
+      l.variant = this.enableSecondaryNavGridLayout && (this.secondaryNavView === "grid" || this.navigationCollapsed && this.isDesktopViewport) ? this.secondaryNavGridLayoutVariant : "default";
+    });
+  }
+  restoreSecondaryNavState() {
+    if (this.enableSecondaryNavGridLayout) {
+      const l = localStorage.getItem(ce) === "true";
+      this.secondaryNavCollapsed = l;
+      const e = localStorage.getItem(de);
+      this.secondaryNavView = e;
+    }
+  }
+  render() {
+    const l = this.navigationCollapsed && this.isDesktopViewport, e = Boolean(this.el.querySelector("[slot='secondary-nav']")), a = ke("shell-layout", {
+      "shell-layout--branded-header": this.brandedHeader,
+      "shell-layout--secondary-nav-collapsed": this.secondaryNavCollapsed,
+      "shell-layout--has-secondary-nav": e,
+      "shell-layout--mobile-navigation-active": this.mobileNavigationActive,
+      "shell-layout--navigation-collapsed": l
+    });
+    return d(Ne, { key: "7e56419c9354eb6ba1f90f1efcf794c6748f7cf7" }, d("div", { key: "f81b13ba8dbcaf8ef5086e0adc3da58435ac50e6", class: a }, d("header", { key: "4283a5eb1278245ccc111bdb8dc08c32fca9e9d1", class: "shell-layout__header", "data-tauri-drag-region": "true" }, d("button", { key: "31d1b780b9ca47f803b0ad7f29e5ef2bbf1f6d19", class: "shell-layout__skip-link", onClick: this.skipLinkClick.emit, type: "button" }, this.skipLinkLabel), d("div", { key: "e5e7da4040369e07b6d48bcc9043d20d58a7cd2e", class: "shell-layout__header-left" }, d("swirl-tooltip", { key: "bf3e3544e41e71018259dd5639cccc56048c6026", content: this.navigationCollapsed ? this.expandNavigationButtonLabel : this.collapseNavigationButtonLabel, delay: 100, position: "right" }, d("button", { key: "2c5e417357aed9e38f9f7ca3521535a9703ce6f5", class: "shell-layout__header-tool", onClick: this.onNavigationToggleClick, type: "button" }, this.navigationCollapsed ? d("swirl-icon-dock-left-expand", { size: 20 }) : d("swirl-icon-dock-left-collapse", { size: 20 }), d("swirl-visually-hidden", { key: "1962564db236fd5edb935b5133f4b9192c1fa649" }, this.navigationCollapsed ? this.expandNavigationButtonLabel : this.collapseNavigationButtonLabel))), d("a", { key: "622a130b5f133b6d5608b959e7c8defa70dd8e97", class: "shell-layout__header-tool", onClick: this.historyBackClick.emit, href: "javascript:history.back()" }, d("swirl-icon-arrow-back", { key: "7f617962a6329d7814b737852c69b8d09d2a69b4", size: 20 }), d("swirl-visually-hidden", { key: "267aa99557a27a77d7cda0bb27e9db2ffafb54a7" }, this.browserBackButtonLabel)), d("a", { key: "c6b12ca51f371ee1e9293676b9c409cc66708085", class: "shell-layout__header-tool", onClick: this.historyForwardClick.emit, href: "javascript:history.forward()" }, d("swirl-icon-arrow-forward", { key: "acfe125c2b547adb3d9962317b12d925111a72c1", size: 20 }), d("swirl-visually-hidden", { key: "670ce0083e9b46d8d62651051fdc625927029a2f" }, this.browserForwardButtonLabel)), d("slot", { key: "ed10ee608c3408d6e960cd8fe4b3b0ed135027f0", name: "left-header-tools" })), d("div", { key: "94d7924a4dddc8f84394b3db8d65e99234a546fb", class: "shell-layout__logo" }, d("slot", { key: "f3f08a86eaadc19f8587e74eeeff3b718d163179", name: "logo" })), d("div", { key: "99c5310fbf3ff65d455109f2e22e94f12a686031", class: "shell-layout__header-right" }, d("slot", { key: "4289988c2b530db7b176ff8a3b65ea7f13f87aa3", name: "right-header-tools" }), d("slot", { key: "46bbc136bd23ffdcd4b45a1134e99d14f38658ce", name: "avatar" }))), d("div", { key: "f3d9b3efaad3d11eefae9c96f8ba2c6bc07374d4", class: "shell-layout__mobile-nav-backdrop", onClick: this.onNavigationClick }), d("nav", { key: "f4b7826378c59be05b408746168a5338b8fd5583", "aria-labelledby": "main-navigation-label", class: "shell-layout__nav", onClick: this.onNavigationClick, ref: (t) => this.navElement = t }, d("div", { key: "d622a09276b6a90a1615c928ed3a14252f6ddf51", class: "shell-layout__mobile-header" }, d("slot", { key: "363d58e8d99bc16e100197a37a3acfdcf248f881", name: "mobile-logo" }), d("div", { key: "21e2ec4226a4c409c0cf94c2e0aa049123c84c08", class: "shell-layout__mobile-header-tools" }, d("slot", { key: "86cd1f215fcb6bbd42d6bf502cb7200103876442", name: "mobile-header-tools" }), d("button", { key: "0786473b9a866f4ee59a6e96d8f8fef54015946b", class: "shell-layout__header-tool", type: "button" }, d("swirl-icon-double-arrow-left", { key: "358cf83a10eebbe29f27d88c5ebbb32aaa0e801a", size: 20 }), d("swirl-visually-hidden", { key: "7ff00de6635af7f2d69dcc512490ade2ef6cd59a" }, this.hideMobileNavigationButtonLabel)))), d("div", { key: "b63a8d5c09d5252614836a6faa59a2b0492add34", class: "shell-layout__nav-body" }, d("swirl-visually-hidden", { key: "626d7f2f116d543a69c8d93a741d6949090e5db6" }, d("span", { key: "bd7e150b560f277a1208ee5bd3cd851ea38129ce", id: "main-navigation-label" }, this.navigationLabel)), d("slot", { key: "b116c7dfa92966282352809eec5d95c19c6e08f8", name: "nav", onSlotchange: this.collectNavItems }), d("div", { key: "d06dd1ca7fc7d9ebf2733930e24531816bf5628e", class: "shell-layout__secondary-nav" }, d("swirl-separator", { key: "87de81863db74c0704e749b80ac1811411ac45fb", color: "strong", spacing: "16" }), this.enableSecondaryNavGridLayout && d("swirl-box", { key: "a40c36462ff281b222d81e5272cc392c2e427071", paddingBlockEnd: "16" }, d("swirl-stack", { key: "7612a8083b21dd9837c31aab73b7e523bfbf3d1b", justify: l ? "center" : "space-between", orientation: "horizontal" }, d("swirl-button", { key: "cbaf08eb33268635953cefcfdc1ad0eb8ab6301a", hideLabel: l, icon: this.secondaryNavCollapsed ? "<swirl-icon-expand-more></swirl-icon-expand-more>" : "<swirl-icon-expand-less></swirl-icon-expand-less>", label: this.secondaryNavCollapsed ? this.secondaryNavExpandLabel : this.secondaryNavCollapseLabel, onClick: this.toggleSecondaryNavCollapse, variant: "plain" }), !l && !this.secondaryNavCollapsed && d("swirl-button", { key: "915bb04036124463c8d41e6826e1be69d1922b72", icon: this.secondaryNavView === "grid" ? "<swirl-icon-menu></swirl-icon-menu>" : "<swirl-icon-hamburger-menu></swirl-icon-hamburger-menu>", iconPosition: "end", label: this.secondaryNavView === "grid" ? this.gridNavLayoutToggleLabel : this.listNavLayoutToggleLabel, onClick: this.toggleSecondaryNavView, variant: "plain" }))), d("div", { key: "e60eb3d3bed4d9194bca8a3c31381495b00d8a31", class: {
+      [`shell-layout__secondary-nav-items--${this.secondaryNavGridLayoutVariant}`]: !0,
+      "shell-layout__secondary-nav-items": !0,
+      "shell-layout__secondary-nav-items--grid-view": this.enableSecondaryNavGridLayout && this.secondaryNavView === "grid"
+    } }, d("slot", { key: "02edc004748ceb9e3913ddf64eef816a913cec39", name: "secondary-nav", onSlotchange: this.collectNavItems }))))), d("main", { key: "6abe7457229664581076542b60a073760c788dd8", class: "shell-layout__main", id: "main-content" }, d("slot", { key: "5c479680ff729a7a7597745adb4e38946d958803" }))));
+  }
+  get el() {
+    return _e(this);
+  }
+  static get watchers() {
+    return {
+      enableSecondaryNavGridLayout: [{
+        watchEnableSecondaryNavGridLayout: 0
+      }],
+      mobileNavigationActive: [{
+        watchMobileNavigationState: 0
+      }],
+      navigationCollapsed: [{
+        watchNavigationCollapsed: 0
+      }]
+    };
+  }
+};
+Xe.style = $e();
+export {
+  Xe as swirl_shell_layout
+};