@getflip/swirl-components-react 0.7.0 → 0.7.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@getflip/swirl-components-react",
-  "version": "0.7.0",
+  "version": "0.7.2",
   "type": "module",
   "files": [
     "dist"
@@ -18,7 +18,7 @@
     "build": "tsc && vite build"
   },
   "dependencies": {
-    "@getflip/swirl-components": "^0.8.0",
+    "@getflip/swirl-components": "^0.8.2",
     "react": "^18.2.0",
     "react-dom": "^18.2.0"
   },

package/dist/flip-console-layout.entry.a6368096.js

@@ -1,513 +0,0 @@
-import { r as oe, c as U, h as u, H as se, g as le } from "./index.6432d866.js";
-import { c as ce } from "./index-6d2e18c6.289636d4.js";
-import { i as F } from "./utils-39b2afe8.37b54ba4.js";
-import "react";
-import "react-dom";
-import "./_commonjsHelpers-44457d8d.ba94af77.js";
-/*!
-* tabbable 6.0.1
-* @license MIT, https://github.com/focus-trap/tabbable/blob/master/LICENSE
-*/
-var X = ["input", "select", "textarea", "a[href]", "button", "[tabindex]:not(slot)", "audio[controls]", "video[controls]", '[contenteditable]:not([contenteditable="false"])', "details>summary:first-of-type", "details"], D = /* @__PURE__ */ X.join(","), J = typeof Element > "u", T = J ? function() {
-} : Element.prototype.matches || Element.prototype.msMatchesSelector || Element.prototype.webkitMatchesSelector, L = !J && Element.prototype.getRootNode ? function(r) {
-  return r.getRootNode();
-} : function(r) {
-  return r.ownerDocument;
-}, Q = function(e, t, a) {
-  var s = Array.prototype.slice.apply(e.querySelectorAll(D));
-  return t && T.call(e, D) && s.unshift(e), s = s.filter(a), s;
-}, ee = function r(e, t, a) {
-  for (var s = [], l = Array.from(e); l.length; ) {
-    var i = l.shift();
-    if (i.tagName === "SLOT") {
-      var d = i.assignedElements(), h = d.length ? d : i.children, g = r(h, !0, a);
-      a.flatten ? s.push.apply(s, g) : s.push({
-        scopeParent: i,
-        candidates: g
-      });
-    } else {
-      var _ = T.call(i, D);
-      _ && a.filter(i) && (t || !e.includes(i)) && s.push(i);
-      var y = i.shadowRoot || typeof a.getShadowRoot == "function" && a.getShadowRoot(i), C = !a.shadowRootFilter || a.shadowRootFilter(i);
-      if (y && C) {
-        var w = r(y === !0 ? i.children : y.children, !0, a);
-        a.flatten ? s.push.apply(s, w) : s.push({
-          scopeParent: i,
-          candidates: w
-        });
-      } else
-        l.unshift.apply(l, i.children);
-    }
-  }
-  return s;
-}, te = 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;
-}, ae = function(e) {
-  return e.tagName === "INPUT";
-}, de = function(e) {
-  return ae(e) && e.type === "hidden";
-}, fe = function(e) {
-  var t = e.tagName === "DETAILS" && Array.prototype.slice.apply(e.children).some(function(a) {
-    return a.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];
-}, ve = function(e) {
-  if (!e.name)
-    return !0;
-  var t = e.form || L(e), a = function(d) {
-    return t.querySelectorAll('input[type="radio"][name="' + d + '"]');
-  }, s;
-  if (typeof window < "u" && typeof window.CSS < "u" && typeof window.CSS.escape == "function")
-    s = a(window.CSS.escape(e.name));
-  else
-    try {
-      s = a(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 l = be(s, e.form);
-  return !l || l === e;
-}, he = function(e) {
-  return ae(e) && e.type === "radio";
-}, pe = function(e) {
-  return he(e) && !ve(e);
-}, ge = function(e) {
-  for (var t, a = L(e).host, s = !!((t = a) !== null && t !== void 0 && t.ownerDocument.contains(a) || e.ownerDocument.contains(e)); !s && a; ) {
-    var l;
-    a = L(a).host, s = !!((l = a) !== null && l !== void 0 && l.ownerDocument.contains(a));
-  }
-  return s;
-}, V = function(e) {
-  var t = e.getBoundingClientRect(), a = t.width, s = t.height;
-  return a === 0 && s === 0;
-}, me = function(e, t) {
-  var a = t.displayCheck, s = t.getShadowRoot;
-  if (getComputedStyle(e).visibility === "hidden")
-    return !0;
-  var l = T.call(e, "details>summary:first-of-type"), i = l ? e.parentElement : e;
-  if (T.call(i, "details:not([open]) *"))
-    return !0;
-  if (!a || a === "full" || a === "legacy-full") {
-    if (typeof s == "function") {
-      for (var d = e; e; ) {
-        var h = e.parentElement, g = L(e);
-        if (h && !h.shadowRoot && s(h) === !0)
-          return V(e);
-        e.assignedSlot ? e = e.assignedSlot : !h && g !== e.ownerDocument ? e = g.host : e = h;
-      }
-      e = d;
-    }
-    if (ge(e))
-      return !e.getClientRects().length;
-    if (a !== "legacy-full")
-      return !0;
-  } else if (a === "non-zero-area")
-    return V(e);
-  return !1;
-}, ye = 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);
-          if (s.tagName === "LEGEND")
-            return T.call(t, "fieldset[disabled] *") ? !0 : !s.contains(e);
-        }
-        return !0;
-      }
-      t = t.parentElement;
-    }
-  return !1;
-}, R = function(e, t) {
-  return !(t.disabled || de(t) || me(t, e) || fe(t) || ye(t));
-}, P = function(e, t) {
-  return !(pe(t) || te(t) < 0 || !R(e, t));
-}, we = function(e) {
-  var t = parseInt(e.getAttribute("tabindex"), 10);
-  return !!(isNaN(t) || t >= 0);
-}, ke = function r(e) {
-  var t = [], a = [];
-  return e.forEach(function(s, l) {
-    var i = !!s.scopeParent, d = i ? s.scopeParent : s, h = te(d, i), g = i ? r(s.candidates) : d;
-    h === 0 ? i ? t.push.apply(t, g) : t.push(d) : a.push({
-      documentOrder: l,
-      tabIndex: h,
-      item: s,
-      isScope: i,
-      content: g
-    });
-  }), a.sort(ue).reduce(function(s, l) {
-    return l.isScope ? s.push.apply(s, l.content) : s.push(l.content), s;
-  }, []).concat(t);
-}, _e = function(e, t) {
-  t = t || {};
-  var a;
-  return t.getShadowRoot ? a = ee([e], t.includeContainer, {
-    filter: P.bind(null, t),
-    flatten: !1,
-    getShadowRoot: t.getShadowRoot,
-    shadowRootFilter: we
-  }) : a = Q(e, t.includeContainer, P.bind(null, t)), ke(a);
-}, Ce = function(e, t) {
-  t = t || {};
-  var a;
-  return t.getShadowRoot ? a = ee([e], t.includeContainer, {
-    filter: R.bind(null, t),
-    flatten: !0,
-    getShadowRoot: t.getShadowRoot
-  }) : a = Q(e, t.includeContainer, R.bind(null, t)), a;
-}, E = function(e, t) {
-  if (t = t || {}, !e)
-    throw new Error("No node provided");
-  return T.call(e, D) === !1 ? !1 : P(t, e);
-}, Te = /* @__PURE__ */ X.concat("iframe").join(","), O = function(e, t) {
-  if (t = t || {}, !e)
-    throw new Error("No node provided");
-  return T.call(e, Te) === !1 ? !1 : R(t, e);
-};
-/*!
-* focus-trap 7.1.0
-* @license MIT, https://github.com/focus-trap/focus-trap/blob/master/LICENSE
-*/
-function Z(r, e) {
-  var t = Object.keys(r);
-  if (Object.getOwnPropertySymbols) {
-    var a = Object.getOwnPropertySymbols(r);
-    e && (a = a.filter(function(s) {
-      return Object.getOwnPropertyDescriptor(r, s).enumerable;
-    })), t.push.apply(t, a);
-  }
-  return t;
-}
-function z(r) {
-  for (var e = 1; e < arguments.length; e++) {
-    var t = arguments[e] != null ? arguments[e] : {};
-    e % 2 ? Z(Object(t), !0).forEach(function(a) {
-      Se(r, a, t[a]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(r, Object.getOwnPropertyDescriptors(t)) : Z(Object(t)).forEach(function(a) {
-      Object.defineProperty(r, a, Object.getOwnPropertyDescriptor(t, a));
-    });
-  }
-  return r;
-}
-function Se(r, e, t) {
-  return e in r ? Object.defineProperty(r, e, {
-    value: t,
-    enumerable: !0,
-    configurable: !0,
-    writable: !0
-  }) : r[e] = t, r;
-}
-var xe = [], W = {
-  activateTrap: function(e, t) {
-    if (e.length > 0) {
-      var a = e[e.length - 1];
-      a !== t && a.pause();
-    }
-    var s = e.indexOf(t);
-    s === -1 || e.splice(s, 1), e.push(t);
-  },
-  deactivateTrap: function(e, t) {
-    var a = e.indexOf(t);
-    a !== -1 && e.splice(a, 1), e.length > 0 && e[e.length - 1].unpause();
-  }
-}, Ne = function(e) {
-  return e.tagName && e.tagName.toLowerCase() === "input" && typeof e.select == "function";
-}, Fe = function(e) {
-  return e.key === "Escape" || e.key === "Esc" || e.keyCode === 27;
-}, Ee = function(e) {
-  return e.key === "Tab" || e.keyCode === 9;
-}, Y = function(e) {
-  return setTimeout(e, 0);
-}, $ = function(e, t) {
-  var a = -1;
-  return e.every(function(s, l) {
-    return t(s) ? (a = l, !1) : !0;
-  }), a;
-}, x = 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;
-}, A = 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) || xe, l = z({
-    returnFocusOnDeactivate: !0,
-    escapeDeactivates: !0,
-    delayInitialFocus: !0
-  }, t), i = {
-    containers: [],
-    containerGroups: [],
-    tabbableGroups: [],
-    nodeFocusedBeforeActivation: null,
-    mostRecentlyFocusedNode: null,
-    active: !1,
-    paused: !1,
-    delayInitialFocusTimer: void 0
-  }, d, h = function(n, o, c) {
-    return n && n[o] !== void 0 ? n[o] : l[c || o];
-  }, g = function(n) {
-    return i.containerGroups.findIndex(function(o) {
-      var c = o.container, v = o.tabbableNodes;
-      return c.contains(n) || v.find(function(f) {
-        return f === n;
-      });
-    });
-  }, _ = function(n) {
-    var o = l[n];
-    if (typeof o == "function") {
-      for (var c = arguments.length, v = new Array(c > 1 ? c - 1 : 0), f = 1; f < c; f++)
-        v[f - 1] = arguments[f];
-      o = o.apply(void 0, v);
-    }
-    if (o === !0 && (o = void 0), !o) {
-      if (o === void 0 || o === !1)
-        return o;
-      throw new Error("`".concat(n, "` was specified but was not a node, or did not return a node"));
-    }
-    var p = o;
-    if (typeof o == "string" && (p = a.querySelector(o), !p))
-      throw new Error("`".concat(n, "` as selector refers to no known node"));
-    return p;
-  }, y = function() {
-    var n = _("initialFocus");
-    if (n === !1)
-      return !1;
-    if (n === void 0)
-      if (g(a.activeElement) >= 0)
-        n = a.activeElement;
-      else {
-        var o = i.tabbableGroups[0], c = o && o.firstTabbableNode;
-        n = c || _("fallbackFocus");
-      }
-    if (!n)
-      throw new Error("Your focus-trap needs to have at least one focusable element");
-    return n;
-  }, C = function() {
-    if (i.containerGroups = i.containers.map(function(n) {
-      var o = _e(n, l.tabbableOptions), c = Ce(n, l.tabbableOptions);
-      return {
-        container: n,
-        tabbableNodes: o,
-        focusableNodes: c,
-        firstTabbableNode: o.length > 0 ? o[0] : null,
-        lastTabbableNode: o.length > 0 ? o[o.length - 1] : null,
-        nextTabbableNode: function(f) {
-          var p = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !0, m = c.findIndex(function(k) {
-            return k === f;
-          });
-          if (!(m < 0))
-            return p ? c.slice(m + 1).find(function(k) {
-              return E(k, l.tabbableOptions);
-            }) : c.slice(0, m).reverse().find(function(k) {
-              return E(k, l.tabbableOptions);
-            });
-        }
-      };
-    }), i.tabbableGroups = i.containerGroups.filter(function(n) {
-      return n.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");
-  }, w = function b(n) {
-    if (n !== !1 && n !== a.activeElement) {
-      if (!n || !n.focus) {
-        b(y());
-        return;
-      }
-      n.focus({
-        preventScroll: !!l.preventScroll
-      }), i.mostRecentlyFocusedNode = n, Ne(n) && n.select();
-    }
-  }, M = function(n) {
-    var o = _("setReturnFocus", n);
-    return o || (o === !1 ? !1 : n);
-  }, N = function(n) {
-    var o = A(n);
-    if (!(g(o) >= 0)) {
-      if (x(l.clickOutsideDeactivates, n)) {
-        d.deactivate({
-          returnFocus: l.returnFocusOnDeactivate && !O(o, l.tabbableOptions)
-        });
-        return;
-      }
-      x(l.allowOutsideClick, n) || n.preventDefault();
-    }
-  }, H = function(n) {
-    var o = A(n), c = g(o) >= 0;
-    c || o instanceof Document ? c && (i.mostRecentlyFocusedNode = o) : (n.stopImmediatePropagation(), w(i.mostRecentlyFocusedNode || y()));
-  }, ie = function(n) {
-    var o = A(n);
-    C();
-    var c = null;
-    if (i.tabbableGroups.length > 0) {
-      var v = g(o), f = v >= 0 ? i.containerGroups[v] : void 0;
-      if (v < 0)
-        n.shiftKey ? c = i.tabbableGroups[i.tabbableGroups.length - 1].lastTabbableNode : c = i.tabbableGroups[0].firstTabbableNode;
-      else if (n.shiftKey) {
-        var p = $(i.tabbableGroups, function(I) {
-          var B = I.firstTabbableNode;
-          return o === B;
-        });
-        if (p < 0 && (f.container === o || O(o, l.tabbableOptions) && !E(o, l.tabbableOptions) && !f.nextTabbableNode(o, !1)) && (p = v), p >= 0) {
-          var m = p === 0 ? i.tabbableGroups.length - 1 : p - 1, k = i.tabbableGroups[m];
-          c = k.lastTabbableNode;
-        }
-      } else {
-        var S = $(i.tabbableGroups, function(I) {
-          var B = I.lastTabbableNode;
-          return o === B;
-        });
-        if (S < 0 && (f.container === o || O(o, l.tabbableOptions) && !E(o, l.tabbableOptions) && !f.nextTabbableNode(o)) && (S = v), S >= 0) {
-          var re = S === i.tabbableGroups.length - 1 ? 0 : S + 1, ne = i.tabbableGroups[re];
-          c = ne.firstTabbableNode;
-        }
-      }
-    } else
-      c = _("fallbackFocus");
-    c && (n.preventDefault(), w(c));
-  }, j = function(n) {
-    if (Fe(n) && x(l.escapeDeactivates, n) !== !1) {
-      n.preventDefault(), d.deactivate();
-      return;
-    }
-    if (Ee(n)) {
-      ie(n);
-      return;
-    }
-  }, q = function(n) {
-    var o = A(n);
-    g(o) >= 0 || x(l.clickOutsideDeactivates, n) || x(l.allowOutsideClick, n) || (n.preventDefault(), n.stopImmediatePropagation());
-  }, G = function() {
-    if (!!i.active)
-      return W.activateTrap(s, d), i.delayInitialFocusTimer = l.delayInitialFocus ? Y(function() {
-        w(y());
-      }) : w(y()), a.addEventListener("focusin", H, !0), a.addEventListener("mousedown", N, {
-        capture: !0,
-        passive: !1
-      }), a.addEventListener("touchstart", N, {
-        capture: !0,
-        passive: !1
-      }), a.addEventListener("click", q, {
-        capture: !0,
-        passive: !1
-      }), a.addEventListener("keydown", j, {
-        capture: !0,
-        passive: !1
-      }), d;
-  }, K = function() {
-    if (!!i.active)
-      return a.removeEventListener("focusin", H, !0), a.removeEventListener("mousedown", N, !0), a.removeEventListener("touchstart", N, !0), a.removeEventListener("click", q, !0), a.removeEventListener("keydown", j, !0), d;
-  };
-  return d = {
-    get active() {
-      return i.active;
-    },
-    get paused() {
-      return i.paused;
-    },
-    activate: function(n) {
-      if (i.active)
-        return this;
-      var o = h(n, "onActivate"), c = h(n, "onPostActivate"), v = h(n, "checkCanFocusTrap");
-      v || C(), i.active = !0, i.paused = !1, i.nodeFocusedBeforeActivation = a.activeElement, o && o();
-      var f = function() {
-        v && C(), G(), c && c();
-      };
-      return v ? (v(i.containers.concat()).then(f, f), this) : (f(), this);
-    },
-    deactivate: function(n) {
-      if (!i.active)
-        return this;
-      var o = z({
-        onDeactivate: l.onDeactivate,
-        onPostDeactivate: l.onPostDeactivate,
-        checkCanReturnFocus: l.checkCanReturnFocus
-      }, n);
-      clearTimeout(i.delayInitialFocusTimer), i.delayInitialFocusTimer = void 0, K(), i.active = !1, i.paused = !1, W.deactivateTrap(s, d);
-      var c = h(o, "onDeactivate"), v = h(o, "onPostDeactivate"), f = h(o, "checkCanReturnFocus"), p = h(o, "returnFocus", "returnFocusOnDeactivate");
-      c && c();
-      var m = function() {
-        Y(function() {
-          p && w(M(i.nodeFocusedBeforeActivation)), v && v();
-        });
-      };
-      return p && f ? (f(M(i.nodeFocusedBeforeActivation)).then(m, m), this) : (m(), this);
-    },
-    pause: function() {
-      return i.paused || !i.active ? this : (i.paused = !0, K(), this);
-    },
-    unpause: function() {
-      return !i.paused || !i.active ? this : (i.paused = !1, C(), G(), this);
-    },
-    updateContainerElements: function(n) {
-      var o = [].concat(n).filter(Boolean);
-      return i.containers = o.map(function(c) {
-        return typeof c == "string" ? a.querySelector(c) : c;
-      }), i.active && C(), this;
-    }
-  }, d.updateContainerElements(e), d;
-};
-const De = `:host{display:block;width:100%;height:100vh}:host *{box-sizing:border-box}.console-layout{display:grid;width:100%;height:100%;grid-template-columns:1fr;grid-template-areas:"main"}@media (min-width: 768px){.console-layout{grid-template-columns:20rem 1fr;grid-template-areas:"sidebar main"}}@media (max-width: 767px){.console-layout--sidebar-active .console-layout__sidebar{transform:translate3d(0, 0, 0)}}.console-layout__sidebar{position:fixed;z-index:1;top:4rem;bottom:0;left:0;display:grid;overflow-x:hidden;overflow-y:auto;width:100%;max-width:20rem;border-right:var(--s-border-width-default) solid var(--s-border-default);transition:transform 0.15s;transform:translate3d(-100%, 0, 0);box-shadow:0 0 1rem rgba(0, 0, 0, 0.06);grid-template-rows:auto 1fr auto;grid-template-areas:"header"
-    "navigation"
-    "user"}@media (prefers-reduced-motion){.console-layout__sidebar{transition:none}}@media (min-width: 768px){.console-layout__sidebar{position:static;top:auto;left:auto;max-width:none;height:100%;transform:none;box-shadow:none;grid-area:sidebar}}.console-layout__header{overflow:hidden;min-width:0;padding:var(--s-space-20) var(--s-space-24);background-color:var(--s-background-default);grid-area:header}.console-layout__navigation{overflow-x:hidden;overflow-y:auto;padding-top:var(--s-space-8);padding-bottom:var(--s-space-8);background-color:var(--s-background-default);grid-area:navigation}@media (min-width: 768px){.console-layout__hide-navigation-button{display:none}}.console-layout__user{overflow:hidden;margin-top:var(--s-border-width-default);padding:var(--s-space-16) var(--s-space-24) var(--s-space-24);border-top:var(--s-border-width-default) solid var(--s-border-default);background-color:var(--s-background-default);grid-area:user}.console-layout__main{display:grid;overflow-x:hidden;overflow-y:auto;width:100%;height:100%;grid-area:main;gap:var(--s-border-width-default);grid-template-rows:4rem 1fr;grid-template-areas:"app-bar"
-    "content"}.console-layout__app-bar{position:sticky;z-index:1;top:0;display:flex;min-width:0;padding-right:var(--s-space-16);padding-left:var(--s-space-16);align-items:center;border-bottom:var(--s-border-width-default) solid var(--s-border-default);background-color:var(--s-background-default);gap:var(--s-space-12);grid-area:app-bar}@media (min-width: 768px){.console-layout__app-bar{padding-right:2.5rem;padding-left:2.5rem}}@media (min-width: 768px){.console-layout__mobile-navigation-button{display:none}}.console-layout__app-name{min-width:0;flex-grow:1}.console-layout__app-name .heading{overflow:hidden;font-weight:var(--s-font-weight-regular);white-space:nowrap;text-overflow:ellipsis}.console-layout__help-button{flex-shrink:0}.console-layout__content{display:flex;padding:var(--s-space-16);background-color:var(--s-background-default);flex-direction:column;grid-area:content}@media (min-width: 768px){.console-layout__content{padding:2.5rem}}.console-layout__content-header{flex-shrink:0}.console-layout__integration{flex-grow:1}.console-layout__logo{display:flex;min-width:0;align-items:center;gap:var(--s-space-12)}.console-layout__logo-mark{flex-shrink:0}.console-layout__logo-text{min-width:0}.console-layout__logo-text::part(text){overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.console-layout__content-header{display:flex;margin-bottom:2.5rem;gap:var(--s-space-16)}.console-layout__back-button{position:relative;top:calc(-1 * var(--s-space-2));flex-shrink:0}.console-layout__subheading{margin-top:var(--s-space-8)}`, Le = class {
-  constructor(r) {
-    oe(this, r), this.backButtonClick = U(this, "backButtonClick", 7), this.helpButtonClick = U(this, "helpButtonClick", 7), this.backButonLabel = "Back", this.helpButonLabel = "Help", this.hideNavigationButtonLabel = "Hide main navigation", this.logoText = "Admin", this.showNavigationButtonLabel = "Show main navigation", this.navigationLabel = "Main", this.onBackButtonClick = (e) => {
-      this.backButtonClick.emit(e);
-    }, this.onHelpButtonClick = (e) => {
-      this.helpButtonClick.emit(e);
-    }, this.onMobileNavigationToggleClick = () => {
-      this.toggleSidebar();
-    }, this.onClick = (e) => {
-      const t = e.target, a = Boolean(t.closest(".console-layout__mobile-navigation-button"));
-      !e.composedPath().includes(this.sidebarEl) && !a && this.sidebarActive && (this.sidebarActive = !1);
-    }, this.onKeyDown = (e) => {
-      e.code === "Escape" && this.sidebarActive && this.deactivateSidebar();
-    };
-  }
-  componentDidLoad() {
-    const r = [
-      this.sidebarEl,
-      ...Array.from(this.el.querySelectorAll('[slot="navigation"], [slot="user"]')).filter((e) => Boolean(e))
-    ];
-    this.focusTrap = Ae(r, {
-      clickOutsideDeactivates: !0
-    }), queueMicrotask(() => {
-      F() ? this.deactivateSidebar() : this.activateSidebar();
-    });
-  }
-  onWindowResize() {
-    const r = F();
-    !r && !this.sidebarActive ? this.activateSidebar() : r && this.deactivateSidebar();
-  }
-  async toggleSidebar() {
-    this.sidebarActive ? this.deactivateSidebar() : this.activateSidebar();
-  }
-  activateSidebar() {
-    var r;
-    this.sidebarActive = !0, this.sidebarEl.removeAttribute("inert"), F() && ((r = this.focusTrap) === null || r === void 0 || r.activate());
-  }
-  deactivateSidebar() {
-    var r;
-    this.sidebarActive = !1, F() && this.sidebarEl.setAttribute("inert", ""), (r = this.focusTrap) === null || r === void 0 || r.deactivate({ returnFocus: !0 });
-  }
-  render() {
-    const r = ce("console-layout", {
-      "console-layout--sidebar-active": this.sidebarActive
-    });
-    return u(se, null, u("div", { class: r, onClick: this.onClick, onKeyDown: this.onKeyDown }, u("div", { "aria-hidden": String(!this.sidebarActive), class: "console-layout__sidebar", ref: (e) => this.sidebarEl = e }, u("header", { class: "console-layout__header" }, u("div", { class: "console-layout__logo" }, u("svg", { class: "console-layout__logo-mark", fill: "none", height: "26", viewBox: "0 0 16 26", width: "16", xmlns: "http://www.w3.org/2000/svg" }, u("path", { d: "M0.624238 14.0705C0.326496 13.5353 0.118077 12.9406 0.0287543 12.3161C-0.0307941 11.662 -0.0010199 11.0375 0.147851 10.4428C0.296722 9.84813 0.594464 9.25343 0.951754 8.77767C1.33882 8.27217 1.78543 7.85588 2.35114 7.55853L14.6181 0.362671C14.9159 0.8979 15.1243 1.4926 15.2136 2.11703C15.3029 2.74147 15.2434 3.3659 15.0945 3.99034C14.9456 4.58504 14.6479 5.17974 14.2906 5.6555C13.9035 6.16099 13.4569 6.57728 12.8912 6.87463L0.624238 14.0705Z", fill: "#145AF5" }), u("path", { d: "M3.69214 21.4743C3.3944 20.9391 3.18598 20.3444 3.09666 19.72C3.00733 19.0956 3.06688 18.4711 3.21575 17.8467C3.36462 17.252 3.66237 16.6573 4.01966 16.1815C4.40672 15.676 4.85333 15.2597 5.41904 14.9624L12.2076 10.9779C12.5053 11.5131 12.7137 12.1078 12.803 12.7323C12.8924 13.3567 12.8328 13.9811 12.6839 14.6056C12.5351 15.2003 12.2373 15.795 11.88 16.2707C11.493 16.7762 11.0464 17.1925 10.4807 17.4899L3.69214 21.4743Z", fill: "#145AF5" }), u("path", { d: "M3.69141 21.4739L7.77047 19.0951C8.39573 20.1953 8.5446 21.5036 8.24686 22.7228C7.91934 23.9419 7.14521 24.9826 6.04357 25.6368L3.69141 21.4739Z", fill: "#80A8F4" }), u("path", { d: "M12.2072 10.9785L7.32419 10.1459L0.625 14.0709L5.38887 14.9629L12.2072 10.9785Z", fill: "#80A8F4" })), u("flip-text", { class: "console-layout__logo-text", weight: "medium" }, this.logoText))), u("nav", { "aria-label": this.navigationLabel, class: "console-layout__navigation" }, u("slot", { name: "navigation" }), this.sidebarActive && u("flip-visually-hidden", null, u("button", { class: "console-layout__hide-navigation-button", onClick: this.onMobileNavigationToggleClick, type: "button" }, this.hideNavigationButtonLabel))), u("div", { class: "console-layout__user" }, u("slot", { name: "user" }))), u("main", { "aria-labelledby": "app-name", class: "console-layout__main" }, u("header", { class: "console-layout__app-bar" }, u("flip-button", { class: "console-layout__mobile-navigation-button", flipAriaExpanded: String(this.sidebarActive), hideLabel: !0, icon: this.sidebarActive ? "<flip-icon-close></flip-icon-close>" : "<flip-icon-menu></flip-icon-menu>", label: this.sidebarActive ? this.hideNavigationButtonLabel : this.showNavigationButtonLabel, onClick: this.onMobileNavigationToggleClick }), u("flip-heading", { as: "h1", class: "console-layout__app-name", headingId: "app-name", level: 4, text: this.appName }), this.showHelpButton && u("flip-button", { class: "console-layout__help-button", hideLabel: !0, icon: "<flip-icon-help></flip-icon-help>", label: this.helpButonLabel, onClick: this.onHelpButtonClick })), u("section", { "aria-labelledby": "heading", class: "console-layout__content" }, u("header", { class: "console-layout__content-header" }, this.showBackButton && u("flip-button", { class: "console-layout__back-button", hideLabel: !0, icon: "<flip-icon-arrow-back></flip-icon-arrow-back>", label: this.backButonLabel, onClick: this.onBackButtonClick }), u("div", null, u("flip-heading", { as: "h2", class: "console-layout__heading", headingId: "heading", level: 1, text: this.heading }), this.subheading && u("flip-text", { class: "console-layout__subheading", color: "subdued" }, this.subheading))), u("div", { class: "console-layout__integration" }, u("slot", { name: "content" }))))));
-  }
-  get el() {
-    return le(this);
-  }
-};
-Le.style = De;
-export {
-  Le as flip_console_layout
-};