@getflip/swirl-components-react 0.460.0 → 0.461.0

package/dist/swirl-shell-layout.entry.79692103.js

@@ -1,686 +0,0 @@
-import { r as we, c as Y, h as d, H as Ne, g as ke } from "./index.32a8a6c6.js";
-import { c as _e } 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;
-}, K = 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 (K(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 (!K(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 k = E.call(i, V);
-        k && t.filter(i) && (a || !e.includes(i)) && o.push(i);
-        var N = i.shadowRoot || typeof t.getShadowRoot == "function" && t.getShadowRoot(i), S = !K(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, k, N;
-      t = G(o), o = (p = t) === null || p === void 0 ? void 0 : p.host, c = !!((k = o) !== null && k !== void 0 && (N = k.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;
-}, M = function(e, a) {
-  return !(a.disabled || K(a) || Ce(a) || De(a, e) || Ee(a) || Oe(a));
-}, H = function(e, a) {
-  return !(Ae(a) || C(a) < 0 || !M(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: M.bind(null, a),
-    flatten: !0,
-    getShadowRoot: a.getShadowRoot
-  }) : t = fe(e, a.includeContainer, M.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);
-}, Ke = /* @__PURE__ */ he.concat("iframe").join(","), U = function(e, a) {
-  if (a = a || {}, !e)
-    throw new Error("No node provided");
-  return E.call(e, Ke) === !1 ? !1 : M(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) {
-      Me(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 Me(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 je(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 = je(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;
-      });
-    });
-  }, k = 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 = k("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 || k("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, _ = s.indexOf(x);
-          return _ < 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[_ + (F ? 1 : -1)];
-        }
-      };
-    }), i.tabbableGroups = i.containerGroups.filter(function(r) {
-      return r.tabbableNodes.length > 0;
-    }), i.tabbableGroups.length <= 0 && !k("fallbackFocus"))
-      throw new Error("Your focus-trap must have at least one container with at least one tabbable node in it at all times");
-    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 = k("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 _ = ne(i.tabbableGroups, function(z) {
-          var W = z.lastTabbableNode;
-          return s === W;
-        });
-        if (_ < 0 && (w.container === s || U(s, c.tabbableOptions) && !L(s, c.tabbableOptions) && !w.nextTabbableNode(s)) && (_ = g), _ >= 0) {
-          var A = _ === i.tabbableGroups.length - 1 ? 0 : _ + 1, te = i.tabbableGroups[A];
-          y = C(s) >= 0 ? te.firstTabbableNode : te.firstDomTabbableNode;
-        } else
-          D(n) || (y = w.nextTabbableNode(s));
-      }
-    } else
-      y = k("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());
-  }, j = typeof window < "u" && "MutationObserver" in window ? new MutationObserver(me) : void 0, I = function() {
-    !j || (j.disconnect(), i.active && !i.paused && i.containers.map(function(r) {
-      j.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{--swirl-ghost-button-background-default:var(--s-surface-sunken-default);--swirl-ghost-button-background-hovered:var(--s-surface-sunken-hovered);--swirl-ghost-button-background-pressed:var(--s-surface-sunken-pressed);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-surface-sunken-hovered)}.shell-layout__header-tool.sc-swirl-shell-layout:active{background-color:var(--s-surface-sunken-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-surface-overlay-hovered)}.shell-layout__mobile-header.sc-swirl-shell-layout .shell-layout__header-tool.sc-swirl-shell-layout:active{background-color:var(--s-surface-overlay-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() {
-    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 = _e("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: "e139235339bd65d5a0fb36e25032f04f22261a0b" }, d("div", { key: "ffa06f1c0dc82956016339d5175d256be3477e87", class: a }, d("header", { key: "cb68d44dba28a76772235e7f33d0ee7deec4b32b", class: "shell-layout__header", "data-tauri-drag-region": "true" }, d("button", { key: "3eec419fff5aee8561e5ccb636cbfd4d898a7c7c", class: "shell-layout__skip-link", onClick: this.skipLinkClick.emit, type: "button" }, this.skipLinkLabel), d("div", { key: "c447b9262733330a9e1f3d33430f97408bbdd637", class: "shell-layout__header-left" }, d("swirl-tooltip", { key: "9dda075058b6f069218d928137d591b322c99d60", content: this.navigationCollapsed ? this.expandNavigationButtonLabel : this.collapseNavigationButtonLabel, delay: 100, position: "right" }, d("button", { key: "ee23b4a55a74473c5c5068260f53dfc03e86e26a", 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: "2925638db7cbfef7d7157172bfaab68eb37fa07f" }, this.navigationCollapsed ? this.expandNavigationButtonLabel : this.collapseNavigationButtonLabel))), d("a", { key: "3257658b39209ed253e13c54f4cd2091e2b8c060", class: "shell-layout__header-tool", onClick: this.historyBackClick.emit, href: "javascript:history.back()" }, d("swirl-icon-arrow-back", { key: "5addae8e91fb6e56faa32d3c6ecbc24598a22d06", size: 20 }), d("swirl-visually-hidden", { key: "bea9a21b7c414e30006bb59d08191c67af8cb2f3" }, this.browserBackButtonLabel)), d("a", { key: "681f52ef62a7444317a9d0166c337bbb4956bf13", class: "shell-layout__header-tool", onClick: this.historyForwardClick.emit, href: "javascript:history.forward()" }, d("swirl-icon-arrow-forward", { key: "f707719946d4bd51d4cd0a7bd076a6f187a5171c", size: 20 }), d("swirl-visually-hidden", { key: "8163bfeedfb31a3d2b9b72d2b15189e6091383a8" }, this.browserForwardButtonLabel)), d("slot", { key: "ffeaa23afb77cbf3d27e33c703add4bafd54f9bd", name: "left-header-tools" })), d("div", { key: "23204ce79cfe133294f171d1dc21a870c15c734c", class: "shell-layout__logo" }, d("slot", { key: "ef9824c10716399cdcefbe268168d9179c29be81", name: "logo" })), d("div", { key: "bae5969da488ad56f010e0426ac4cd0c1c741f73", class: "shell-layout__header-right" }, d("slot", { key: "1bf17538296f1f5effa4ef40ad226de3a147abf7", name: "right-header-tools" }), d("slot", { key: "8a9651b05d3b8b8dfc26580b1e585deb4672e36a", name: "avatar" }))), d("div", { key: "d65fe6f6d1f713d4bfaf3ee300a71c71068287ec", class: "shell-layout__mobile-nav-backdrop", onClick: this.onNavigationClick }), d("nav", { key: "0280b9a2d477c54f9dc043f50a688b4b6085d196", "aria-labelledby": "main-navigation-label", class: "shell-layout__nav", onClick: this.onNavigationClick, ref: (t) => this.navElement = t }, d("div", { key: "15ed13a3740b833a4b0f77f160ca30fcbe52c39b", class: "shell-layout__mobile-header" }, d("slot", { key: "c9d15e81fcce423f3053a834c3632a478d8a9cad", name: "mobile-logo" }), d("div", { key: "6c8b3ed102f711dfcb92432cb3e54569f94d9108", class: "shell-layout__mobile-header-tools" }, d("slot", { key: "5618f200282053b182f4b5f99752d64dde2d8486", name: "mobile-header-tools" }), d("button", { key: "0a12eaa2f39dff63ddad60e074910d347ebc6440", class: "shell-layout__header-tool", type: "button" }, d("swirl-icon-double-arrow-left", { key: "c7d56f93db77391d2e9cf1997ccd7be156fdda88", size: 20 }), d("swirl-visually-hidden", { key: "354ee6d176827243ce7909cefea152b7e3508378" }, this.hideMobileNavigationButtonLabel)))), d("div", { key: "b41d20a4685f3bb7f9f3382187c1275860521423", class: "shell-layout__nav-body" }, d("swirl-visually-hidden", { key: "54cb0539941169b9ea7418061b7c3901ffd47bd7" }, d("span", { key: "06d34b0346ebf09b69a811e9035e52416efe3b63", id: "main-navigation-label" }, this.navigationLabel)), d("slot", { key: "6f38e6ef9ba1b040080c31a6b11fd4ba521567ca", name: "nav", onSlotchange: this.collectNavItems }), d("div", { key: "1a5ad0c71c428c54674696ec43e6506bd77ccf61", class: "shell-layout__secondary-nav" }, d("swirl-separator", { key: "b87f02d671ae514167388ed4fdbd79271fc06b26", color: "strong", spacing: "16" }), this.enableSecondaryNavGridLayout && d("swirl-box", { key: "20cb50ba266eb9c49ab5a8a004ea6d67c22eaf5e", paddingBlockEnd: "16" }, d("swirl-stack", { key: "26a2349c1725e9ed6830facd78cab0d8d7e122a1", justify: l ? "center" : "space-between", orientation: "horizontal" }, d("swirl-button", { key: "2a657d6ca97bd56fdbb74365614064c0dffddb9c", 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: "c7e4bc5d84d33f529563e6e48096c7cd4a0000c2", 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: "39b0f25ebba87c949ffe11354d2725d8cbed93c3", 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: "9ba25ccb178dab04d09811f17b552df4656220a7", name: "secondary-nav", onSlotchange: this.collectNavItems }))))), d("main", { key: "746a0d369ebcdd293684c032a30dd3d42de31676", class: "shell-layout__main", id: "main-content" }, d("slot", { key: "b37e6888ff9e4f32e93540e5932d292f63cee192" }))));
-  }
-  get el() {
-    return ke(this);
-  }
-  static get watchers() {
-    return {
-      enableSecondaryNavGridLayout: [{
-        watchEnableSecondaryNavGridLayout: 0
-      }],
-      mobileNavigationActive: [{
-        watchMobileNavigationState: 0
-      }],
-      navigationCollapsed: [{
-        watchNavigationCollapsed: 0
-      }]
-    };
-  }
-};
-Xe.style = $e();
-export {
-  Xe as swirl_shell_layout
-};