@kong-ui-public/app-layout 0.11.0

package/dist/app-layout.es.js

@@ -0,0 +1,1893 @@
+import { defineComponent as Y, useCssVars as Qe, unref as h, computed as x, openBlock as m, createElementBlock as E, createElementVNode as T, renderSlot as L, toDisplayString as re, createCommentVNode as F, resolveComponent as Ne, normalizeClass as ae, createBlock as Z, resolveDynamicComponent as hn, withCtx as V, withKeys as mn, createVNode as Re, Fragment as be, renderList as ye, withModifiers as Rt, ref as z, onMounted as et, watch as Ae, onUnmounted as gn, Comment as yn, cloneVNode as _n, useSlots as Lt, onBeforeUnmount as Zt, createTextVNode as $e, nextTick as wn, pushScopeId as tt, popScopeId as at, reactive as Ye, watchEffect as Tn, toRef as kn, createSlots as Et, createStaticVNode as Sn } from "vue";
+import { KIcon as Pt, KTooltip as In, KDropdownMenu as Cn, KDropdownItem as xn } from "@kong/kongponents";
+const On = { class: "kong-ui-app-navbar" }, En = { class: "header-content" }, Nn = { class: "mobile-header-left" }, An = /* @__PURE__ */ Y({
+  __name: "AppNavbar",
+  props: {
+    topOffset: {
+      type: Number,
+      default: 0
+    },
+    leftOffset: {
+      type: Number,
+      default: 240
+      // Defaults to the width of AppSidebar.vue
+    },
+    zIndex: {
+      type: Number,
+      default: 3
+    }
+  },
+  setup(n) {
+    const t = n;
+    Qe((r) => ({
+      "769793c2": h(a).top,
+      a0e75924: h(a).zIndex,
+      "5c627706": h(a).left
+    }));
+    const a = x(() => ({
+      top: t.topOffset ? `${t.topOffset}px` : "0",
+      left: t.leftOffset ? `${t.leftOffset}px` : "0",
+      zIndex: t.zIndex
+    }));
+    return (r, c) => (m(), E("header", On, [
+      T("div", En, [
+        T("div", Nn, [
+          L(r.$slots, "mobile-sidebar-toggle", {}, void 0, !0),
+          L(r.$slots, "mobile-logo", {}, void 0, !0)
+        ]),
+        L(r.$slots, "default", {}, void 0, !0)
+      ])
+    ]));
+  }
+});
+const q = (n, t) => {
+  const a = n.__vccOpts || n;
+  for (const [r, c] of t)
+    a[r] = c;
+  return a;
+}, $n = /* @__PURE__ */ q(An, [["__scopeId", "data-v-bc6741e9"]]), Fn = ["title"], Dn = /* @__PURE__ */ Y({
+  __name: "ItemBadge",
+  props: {
+    count: {
+      type: Number,
+      required: !0,
+      default: void 0
+    }
+  },
+  setup(n) {
+    const t = n, a = 99, r = x(() => t.count ? t.count > a ? `${a}+` : t.count.toString() : "");
+    return (c, u) => h(r) ? (m(), E("div", {
+      key: 0,
+      class: "item-badge",
+      title: (n.count || 0) > a ? String(n.count) : void 0
+    }, re(h(r)), 9, Fn)) : F("", !0);
+  }
+});
+const Bn = /* @__PURE__ */ q(Dn, [["__scopeId", "data-v-353c13e0"]]), Mn = ["data-testid"], Rn = ["aria-controls", "aria-expanded", "href", "target", "onClick", "onKeypress"], Ln = {
+  key: 0,
+  class: "sidebar-item-icon"
+}, Zn = { class: "sidebar-item-name-container" }, Pn = { class: "sidebar-item-name has-tooltip" }, jn = {
+  key: 2,
+  class: "sidebar-item-label truncate-text truncate-20"
+}, Hn = ["id"], Kn = /* @__PURE__ */ Y({
+  __name: "SidebarItem",
+  props: {
+    item: {
+      type: Object,
+      required: !0
+    },
+    subnavItem: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: ["click"],
+  setup(n, { emit: t }) {
+    const a = n, r = x(() => typeof a.item.to != "string" ? !1 : !!a.item.newWindow || !!a.item.external || a.item.to.startsWith("http")), c = x(() => !a.item.to || typeof a.item.to != "string" || !a.item.newWindow ? !1 : a.item.newWindow && (a.item.to.startsWith("http") || a.item.to.startsWith("/"))), u = x(() => a.subnavItem && a.item.badgeCount !== void 0), s = (_) => {
+      t("click", _);
+    }, b = (_, w, A) => {
+      s(w), typeof A == "function" && (_.preventDefault(), A());
+    };
+    return (_, w) => {
+      var O;
+      const A = Ne("SidebarItem", !0);
+      return m(), E("li", {
+        class: ae([n.subnavItem ? "sidebar-item-secondary" : "sidebar-item-primary", { expanded: n.item.expanded }, { active: n.item.active }]),
+        "data-testid": n.item.testId ? `sidebar-item-${n.item.testId}` : void 0
+      }, [
+        (m(), Z(hn(h(r) ? "div" : "router-link"), {
+          custom: h(r) ? void 0 : !0,
+          to: !h(r) && !h(c) ? n.item.to : void 0
+        }, {
+          default: V((y) => {
+            var k, B;
+            return [
+              T("a", {
+                "aria-controls": (k = n.item.items) != null && k.length && n.item.expanded ? `subnav-${n.item.key}` : void 0,
+                "aria-expanded": (B = n.item.items) != null && B.length && n.item.expanded ? !0 : void 0,
+                class: ae(["sidebar-item-link", { "sidebar-item-external-link": h(c), "router-link": !h(r) }]),
+                href: h(r) ? String(n.item.to || "#") : y == null ? void 0 : y.href,
+                target: h(c) ? "_blank" : void 0,
+                onClick: (P) => b(P, n.item, y == null ? void 0 : y.navigate),
+                onKeypress: mn((P) => b(P, n.item, y == null ? void 0 : y.navigate), ["enter"])
+              }, [
+                T("div", {
+                  class: ae(["sidebar-item-display", { "has-label": !!n.item.label && n.item.expanded, "has-badge": h(u) }])
+                }, [
+                  n.item.icon ? (m(), E("div", Ln, [
+                    Re(h(Pt), {
+                      color: n.item.active || n.item.expanded ? "var(--white, #fff)" : "#B5BECD",
+                      icon: String(n.item.icon),
+                      size: "20"
+                    }, null, 8, ["color", "icon"])
+                  ])) : F("", !0),
+                  T("div", Zn, [
+                    (n.subnavItem ? n.item.name.length < 25 : n.item.name.length < 18) ? (m(), E("div", {
+                      key: 0,
+                      class: ae(["sidebar-item-name truncate-text", [n.subnavItem ? "has-badge-max-width truncate-24" : "truncate-17"]])
+                    }, re(n.item.name), 3)) : (m(), Z(h(In), {
+                      key: 1,
+                      class: "sidebar-item-tooltip",
+                      label: n.item.name,
+                      placement: "right",
+                      "position-fixed": ""
+                    }, {
+                      default: V(() => [
+                        T("div", Pn, [
+                          T("span", {
+                            class: ae(["truncate-text", [n.subnavItem ? "truncate-20" : "truncate-17", { "has-badge-max-width": h(u) }]])
+                          }, re(n.item.name), 3)
+                        ])
+                      ]),
+                      _: 1
+                    }, 8, ["label"])),
+                    n.item.label && n.item.expanded ? (m(), E("div", jn, re(n.item.label), 1)) : F("", !0)
+                  ]),
+                  h(u) ? (m(), Z(Bn, {
+                    key: 1,
+                    count: n.item.badgeCount
+                  }, null, 8, ["count"])) : F("", !0)
+                ], 2)
+              ], 42, Rn)
+            ];
+          }),
+          _: 1
+        }, 8, ["custom", "to"])),
+        (O = n.item.items) != null && O.length && n.item.expanded ? (m(), E("ul", {
+          key: 0,
+          id: `subnav-${n.item.key}`,
+          class: "level-secondary"
+        }, [
+          (m(!0), E(be, null, ye(n.item.items, (y) => (m(), Z(A, {
+            key: y.name,
+            item: y,
+            "subnav-item": !0,
+            onClick: (k) => s(y)
+          }, null, 8, ["item", "onClick"]))), 128))
+        ], 8, Hn)) : F("", !0)
+      ], 10, Mn);
+    };
+  }
+});
+const Nt = /* @__PURE__ */ q(Kn, [["__scopeId", "data-v-37098230"]]), zn = {}, Vn = {
+  class: "profile-icon",
+  fill: "none",
+  height: "30",
+  width: "30",
+  xmlns: "http://www.w3.org/2000/svg"
+}, Wn = /* @__PURE__ */ T("path", {
+  d: "M0 15C0 6.716 6.716 0 15 0c8.284 0 15 6.716 15 15 0 8.284-6.716 15-15 15-8.284 0-15-6.716-15-15Z",
+  fill: "#0A7FAE"
+}, null, -1), Gn = /* @__PURE__ */ T("path", {
+  d: "M12.613 15 8.5 18.115V23h13v-4.885L17.648 15h-5.035ZM15 13a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z",
+  fill: "#fff"
+}, null, -1), Un = [
+  Wn,
+  Gn
+];
+function qn(n, t) {
+  return m(), E("svg", Vn, Un);
+}
+const Yn = /* @__PURE__ */ q(zn, [["render", qn]]), Xn = {
+  "aria-haspopup": "true",
+  "aria-label": "Profile Menu",
+  class: "sidebar-footer"
+}, Jn = { class: "sidebar-profile-link" }, Qn = { class: "sidebar-item-icon" }, er = { class: "sidebar-profile-item-container" }, tr = { class: "sidebar-profile-dropdown-container" }, ar = {
+  key: 0,
+  class: "sidebar-profile-name"
+}, nr = { class: "sidebar-profile-name" }, rr = /* @__PURE__ */ Y({
+  __name: "SidebarFooter",
+  props: {
+    name: {
+      type: String,
+      required: !0
+    },
+    itemCount: {
+      type: Number,
+      required: !0,
+      default: 0
+    }
+  },
+  setup(n) {
+    const t = n, a = x(() => t.itemCount > 0);
+    return (r, c) => (m(), E("nav", Xn, [
+      T("div", Jn, [
+        T("div", Qn, [
+          Re(Yn)
+        ]),
+        T("div", er, [
+          T("div", tr, [
+            h(a) ? (m(), Z(h(Cn), {
+              key: 1,
+              "kpop-attributes": { placement: "right", popoverClasses: "ml-5 sidebar-profile-menu-popover", target: ".sidebar-footer" },
+              width: "240"
+            }, {
+              items: V(() => [
+                L(r.$slots, "default", {}, void 0, !0)
+              ]),
+              default: V(() => [
+                T("a", {
+                  "aria-label": "Open Profile Menu",
+                  class: "profile-dropdown-trigger",
+                  role: "button",
+                  tabindex: "0",
+                  onClick: c[0] || (c[0] = Rt(() => {
+                  }, ["prevent"]))
+                }, [
+                  T("span", nr, re(n.name), 1)
+                ])
+              ]),
+              _: 3
+            }, 8, ["kpop-attributes"])) : (m(), E("div", ar, re(n.name), 1))
+          ])
+        ])
+      ])
+    ]));
+  }
+});
+const ir = /* @__PURE__ */ q(rr, [["__scopeId", "data-v-b53ca5d3"]]);
+/*!
+* tabbable 6.0.1
+* @license MIT, https://github.com/focus-trap/tabbable/blob/master/LICENSE
+*/
+var jt = ["input", "select", "textarea", "a[href]", "button", "[tabindex]:not(slot)", "audio[controls]", "video[controls]", '[contenteditable]:not([contenteditable="false"])', "details>summary:first-of-type", "details"], Fe = /* @__PURE__ */ jt.join(","), Ht = typeof Element > "u", le = Ht ? function() {
+} : Element.prototype.matches || Element.prototype.msMatchesSelector || Element.prototype.webkitMatchesSelector, De = !Ht && Element.prototype.getRootNode ? function(n) {
+  return n.getRootNode();
+} : function(n) {
+  return n.ownerDocument;
+}, Kt = function(t, a, r) {
+  var c = Array.prototype.slice.apply(t.querySelectorAll(Fe));
+  return a && le.call(t, Fe) && c.unshift(t), c = c.filter(r), c;
+}, zt = function n(t, a, r) {
+  for (var c = [], u = Array.from(t); u.length; ) {
+    var s = u.shift();
+    if (s.tagName === "SLOT") {
+      var b = s.assignedElements(), _ = b.length ? b : s.children, w = n(_, !0, r);
+      r.flatten ? c.push.apply(c, w) : c.push({
+        scopeParent: s,
+        candidates: w
+      });
+    } else {
+      var A = le.call(s, Fe);
+      A && r.filter(s) && (a || !t.includes(s)) && c.push(s);
+      var O = s.shadowRoot || // check for an undisclosed shadow
+      typeof r.getShadowRoot == "function" && r.getShadowRoot(s), y = !r.shadowRootFilter || r.shadowRootFilter(s);
+      if (O && y) {
+        var k = n(O === !0 ? s.children : O.children, !0, r);
+        r.flatten ? c.push.apply(c, k) : c.push({
+          scopeParent: s,
+          candidates: k
+        });
+      } else
+        u.unshift.apply(u, s.children);
+    }
+  }
+  return c;
+}, Vt = function(t, a) {
+  return t.tabIndex < 0 && (a || /^(AUDIO|VIDEO|DETAILS)$/.test(t.tagName) || t.isContentEditable) && isNaN(parseInt(t.getAttribute("tabindex"), 10)) ? 0 : t.tabIndex;
+}, or = function(t, a) {
+  return t.tabIndex === a.tabIndex ? t.documentOrder - a.documentOrder : t.tabIndex - a.tabIndex;
+}, Wt = function(t) {
+  return t.tagName === "INPUT";
+}, sr = function(t) {
+  return Wt(t) && t.type === "hidden";
+}, cr = function(t) {
+  var a = t.tagName === "DETAILS" && Array.prototype.slice.apply(t.children).some(function(r) {
+    return r.tagName === "SUMMARY";
+  });
+  return a;
+}, lr = function(t, a) {
+  for (var r = 0; r < t.length; r++)
+    if (t[r].checked && t[r].form === a)
+      return t[r];
+}, ur = function(t) {
+  if (!t.name)
+    return !0;
+  var a = t.form || De(t), r = function(b) {
+    return a.querySelectorAll('input[type="radio"][name="' + b + '"]');
+  }, c;
+  if (typeof window < "u" && typeof window.CSS < "u" && typeof window.CSS.escape == "function")
+    c = r(window.CSS.escape(t.name));
+  else
+    try {
+      c = r(t.name);
+    } catch (s) {
+      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", s.message), !1;
+    }
+  var u = lr(c, t.form);
+  return !u || u === t;
+}, dr = function(t) {
+  return Wt(t) && t.type === "radio";
+}, fr = function(t) {
+  return dr(t) && !ur(t);
+}, vr = function(t) {
+  for (var a, r = De(t).host, c = !!((a = r) !== null && a !== void 0 && a.ownerDocument.contains(r) || t.ownerDocument.contains(t)); !c && r; ) {
+    var u;
+    r = De(r).host, c = !!((u = r) !== null && u !== void 0 && u.ownerDocument.contains(r));
+  }
+  return c;
+}, At = function(t) {
+  var a = t.getBoundingClientRect(), r = a.width, c = a.height;
+  return r === 0 && c === 0;
+}, br = function(t, a) {
+  var r = a.displayCheck, c = a.getShadowRoot;
+  if (getComputedStyle(t).visibility === "hidden")
+    return !0;
+  var u = le.call(t, "details>summary:first-of-type"), s = u ? t.parentElement : t;
+  if (le.call(s, "details:not([open]) *"))
+    return !0;
+  if (!r || r === "full" || r === "legacy-full") {
+    if (typeof c == "function") {
+      for (var b = t; t; ) {
+        var _ = t.parentElement, w = De(t);
+        if (_ && !_.shadowRoot && c(_) === !0)
+          return At(t);
+        t.assignedSlot ? t = t.assignedSlot : !_ && w !== t.ownerDocument ? t = w.host : t = _;
+      }
+      t = b;
+    }
+    if (vr(t))
+      return !t.getClientRects().length;
+    if (r !== "legacy-full")
+      return !0;
+  } else if (r === "non-zero-area")
+    return At(t);
+  return !1;
+}, pr = function(t) {
+  if (/^(INPUT|BUTTON|SELECT|TEXTAREA)$/.test(t.tagName))
+    for (var a = t.parentElement; a; ) {
+      if (a.tagName === "FIELDSET" && a.disabled) {
+        for (var r = 0; r < a.children.length; r++) {
+          var c = a.children.item(r);
+          if (c.tagName === "LEGEND")
+            return le.call(a, "fieldset[disabled] *") ? !0 : !c.contains(t);
+        }
+        return !0;
+      }
+      a = a.parentElement;
+    }
+  return !1;
+}, Be = function(t, a) {
+  return !(a.disabled || sr(a) || br(a, t) || // For a details element with a summary, the summary element gets the focus
+  cr(a) || pr(a));
+}, Je = function(t, a) {
+  return !(fr(a) || Vt(a) < 0 || !Be(t, a));
+}, hr = function(t) {
+  var a = parseInt(t.getAttribute("tabindex"), 10);
+  return !!(isNaN(a) || a >= 0);
+}, mr = function n(t) {
+  var a = [], r = [];
+  return t.forEach(function(c, u) {
+    var s = !!c.scopeParent, b = s ? c.scopeParent : c, _ = Vt(b, s), w = s ? n(c.candidates) : b;
+    _ === 0 ? s ? a.push.apply(a, w) : a.push(b) : r.push({
+      documentOrder: u,
+      tabIndex: _,
+      item: c,
+      isScope: s,
+      content: w
+    });
+  }), r.sort(or).reduce(function(c, u) {
+    return u.isScope ? c.push.apply(c, u.content) : c.push(u.content), c;
+  }, []).concat(a);
+}, gr = function(t, a) {
+  a = a || {};
+  var r;
+  return a.getShadowRoot ? r = zt([t], a.includeContainer, {
+    filter: Je.bind(null, a),
+    flatten: !1,
+    getShadowRoot: a.getShadowRoot,
+    shadowRootFilter: hr
+  }) : r = Kt(t, a.includeContainer, Je.bind(null, a)), mr(r);
+}, yr = function(t, a) {
+  a = a || {};
+  var r;
+  return a.getShadowRoot ? r = zt([t], a.includeContainer, {
+    filter: Be.bind(null, a),
+    flatten: !0,
+    getShadowRoot: a.getShadowRoot
+  }) : r = Kt(t, a.includeContainer, Be.bind(null, a)), r;
+}, xe = function(t, a) {
+  if (a = a || {}, !t)
+    throw new Error("No node provided");
+  return le.call(t, Fe) === !1 ? !1 : Je(a, t);
+}, _r = /* @__PURE__ */ jt.concat("iframe").join(","), Xe = function(t, a) {
+  if (a = a || {}, !t)
+    throw new Error("No node provided");
+  return le.call(t, _r) === !1 ? !1 : Be(a, t);
+};
+/*!
+* focus-trap 7.2.0
+* @license MIT, https://github.com/focus-trap/focus-trap/blob/master/LICENSE
+*/
+function $t(n, t) {
+  var a = Object.keys(n);
+  if (Object.getOwnPropertySymbols) {
+    var r = Object.getOwnPropertySymbols(n);
+    t && (r = r.filter(function(c) {
+      return Object.getOwnPropertyDescriptor(n, c).enumerable;
+    })), a.push.apply(a, r);
+  }
+  return a;
+}
+function Ft(n) {
+  for (var t = 1; t < arguments.length; t++) {
+    var a = arguments[t] != null ? arguments[t] : {};
+    t % 2 ? $t(Object(a), !0).forEach(function(r) {
+      wr(n, r, a[r]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(n, Object.getOwnPropertyDescriptors(a)) : $t(Object(a)).forEach(function(r) {
+      Object.defineProperty(n, r, Object.getOwnPropertyDescriptor(a, r));
+    });
+  }
+  return n;
+}
+function wr(n, t, a) {
+  return t = kr(t), t in n ? Object.defineProperty(n, t, {
+    value: a,
+    enumerable: !0,
+    configurable: !0,
+    writable: !0
+  }) : n[t] = a, n;
+}
+function Tr(n, t) {
+  if (typeof n != "object" || n === null)
+    return n;
+  var a = n[Symbol.toPrimitive];
+  if (a !== void 0) {
+    var r = a.call(n, t || "default");
+    if (typeof r != "object")
+      return r;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return (t === "string" ? String : Number)(n);
+}
+function kr(n) {
+  var t = Tr(n, "string");
+  return typeof t == "symbol" ? t : String(t);
+}
+var Dt = {
+  activateTrap: function(t, a) {
+    if (t.length > 0) {
+      var r = t[t.length - 1];
+      r !== a && r.pause();
+    }
+    var c = t.indexOf(a);
+    c === -1 || t.splice(c, 1), t.push(a);
+  },
+  deactivateTrap: function(t, a) {
+    var r = t.indexOf(a);
+    r !== -1 && t.splice(r, 1), t.length > 0 && t[t.length - 1].unpause();
+  }
+}, Sr = function(t) {
+  return t.tagName && t.tagName.toLowerCase() === "input" && typeof t.select == "function";
+}, Ir = function(t) {
+  return t.key === "Escape" || t.key === "Esc" || t.keyCode === 27;
+}, _e = function(t) {
+  return t.key === "Tab" || t.keyCode === 9;
+}, Cr = function(t) {
+  return _e(t) && !t.shiftKey;
+}, xr = function(t) {
+  return _e(t) && t.shiftKey;
+}, Bt = function(t) {
+  return setTimeout(t, 0);
+}, Mt = function(t, a) {
+  var r = -1;
+  return t.every(function(c, u) {
+    return a(c) ? (r = u, !1) : !0;
+  }), r;
+}, ge = function(t) {
+  for (var a = arguments.length, r = new Array(a > 1 ? a - 1 : 0), c = 1; c < a; c++)
+    r[c - 1] = arguments[c];
+  return typeof t == "function" ? t.apply(void 0, r) : t;
+}, Oe = function(t) {
+  return t.target.shadowRoot && typeof t.composedPath == "function" ? t.composedPath()[0] : t.target;
+}, Or = [], Er = function(t, a) {
+  var r = (a == null ? void 0 : a.document) || document, c = (a == null ? void 0 : a.trapStack) || Or, u = Ft({
+    returnFocusOnDeactivate: !0,
+    escapeDeactivates: !0,
+    delayInitialFocus: !0,
+    isKeyForward: Cr,
+    isKeyBackward: xr
+  }, a), s = {
+    // containers given to createFocusTrap()
+    // @type {Array<HTMLElement>}
+    containers: [],
+    // list of objects identifying tabbable nodes in `containers` in the trap
+    // NOTE: it's possible that a group has no tabbable nodes if nodes get removed while the trap
+    //  is active, but the trap should never get to a state where there isn't at least one group
+    //  with at least one tabbable node in it (that would lead to an error condition that would
+    //  result in an error being thrown)
+    // @type {Array<{
+    //   container: HTMLElement,
+    //   tabbableNodes: Array<HTMLElement>, // empty if none
+    //   focusableNodes: Array<HTMLElement>, // empty if none
+    //   firstTabbableNode: HTMLElement|null,
+    //   lastTabbableNode: HTMLElement|null,
+    //   nextTabbableNode: (node: HTMLElement, forward: boolean) => HTMLElement|undefined
+    // }>}
+    containerGroups: [],
+    // same order/length as `containers` list
+    // references to objects in `containerGroups`, but only those that actually have
+    //  tabbable nodes in them
+    // NOTE: same order as `containers` and `containerGroups`, but __not necessarily__
+    //  the same length
+    tabbableGroups: [],
+    nodeFocusedBeforeActivation: null,
+    mostRecentlyFocusedNode: null,
+    active: !1,
+    paused: !1,
+    // timer ID for when delayInitialFocus is true and initial focus in this trap
+    //  has been delayed during activation
+    delayInitialFocusTimer: void 0
+  }, b, _ = function(l, d, p) {
+    return l && l[d] !== void 0 ? l[d] : u[p || d];
+  }, w = function(l) {
+    return s.containerGroups.findIndex(function(d) {
+      var p = d.container, C = d.tabbableNodes;
+      return p.contains(l) || // fall back to explicit tabbable search which will take into consideration any
+      //  web components if the `tabbableOptions.getShadowRoot` option was used for
+      //  the trap, enabling shadow DOM support in tabbable (`Node.contains()` doesn't
+      //  look inside web components even if open)
+      C.find(function(g) {
+        return g === l;
+      });
+    });
+  }, A = function(l) {
+    var d = u[l];
+    if (typeof d == "function") {
+      for (var p = arguments.length, C = new Array(p > 1 ? p - 1 : 0), g = 1; g < p; g++)
+        C[g - 1] = arguments[g];
+      d = d.apply(void 0, C);
+    }
+    if (d === !0 && (d = void 0), !d) {
+      if (d === void 0 || d === !1)
+        return d;
+      throw new Error("`".concat(l, "` was specified but was not a node, or did not return a node"));
+    }
+    var N = d;
+    if (typeof d == "string" && (N = r.querySelector(d), !N))
+      throw new Error("`".concat(l, "` as selector refers to no known node"));
+    return N;
+  }, O = function() {
+    var l = A("initialFocus");
+    if (l === !1)
+      return !1;
+    if (l === void 0)
+      if (w(r.activeElement) >= 0)
+        l = r.activeElement;
+      else {
+        var d = s.tabbableGroups[0], p = d && d.firstTabbableNode;
+        l = p || A("fallbackFocus");
+      }
+    if (!l)
+      throw new Error("Your focus-trap needs to have at least one focusable element");
+    return l;
+  }, y = function() {
+    if (s.containerGroups = s.containers.map(function(l) {
+      var d = gr(l, u.tabbableOptions), p = yr(l, u.tabbableOptions);
+      return {
+        container: l,
+        tabbableNodes: d,
+        focusableNodes: p,
+        firstTabbableNode: d.length > 0 ? d[0] : null,
+        lastTabbableNode: d.length > 0 ? d[d.length - 1] : null,
+        /**
+         * Finds the __tabbable__ node that follows the given node in the specified direction,
+         *  in this container, if any.
+         * @param {HTMLElement} node
+         * @param {boolean} [forward] True if going in forward tab order; false if going
+         *  in reverse.
+         * @returns {HTMLElement|undefined} The next tabbable node, if any.
+         */
+        nextTabbableNode: function(g) {
+          var N = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !0, f = p.findIndex(function(R) {
+            return R === g;
+          });
+          if (!(f < 0))
+            return N ? p.slice(f + 1).find(function(R) {
+              return xe(R, u.tabbableOptions);
+            }) : p.slice(0, f).reverse().find(function(R) {
+              return xe(R, u.tabbableOptions);
+            });
+        }
+      };
+    }), s.tabbableGroups = s.containerGroups.filter(function(l) {
+      return l.tabbableNodes.length > 0;
+    }), s.tabbableGroups.length <= 0 && !A("fallbackFocus"))
+      throw new Error("Your focus-trap must have at least one container with at least one tabbable node in it at all times");
+  }, k = function I(l) {
+    if (l !== !1 && l !== r.activeElement) {
+      if (!l || !l.focus) {
+        I(O());
+        return;
+      }
+      l.focus({
+        preventScroll: !!u.preventScroll
+      }), s.mostRecentlyFocusedNode = l, Sr(l) && l.select();
+    }
+  }, B = function(l) {
+    var d = A("setReturnFocus", l);
+    return d || (d === !1 ? !1 : l);
+  }, P = function(l) {
+    var d = Oe(l);
+    if (!(w(d) >= 0)) {
+      if (ge(u.clickOutsideDeactivates, l)) {
+        b.deactivate({
+          // if, on deactivation, we should return focus to the node originally-focused
+          //  when the trap was activated (or the configured `setReturnFocus` node),
+          //  then assume it's also OK to return focus to the outside node that was
+          //  just clicked, causing deactivation, as long as that node is focusable;
+          //  if it isn't focusable, then return focus to the original node focused
+          //  on activation (or the configured `setReturnFocus` node)
+          // NOTE: by setting `returnFocus: false`, deactivate() will do nothing,
+          //  which will result in the outside click setting focus to the node
+          //  that was clicked, whether it's focusable or not; by setting
+          //  `returnFocus: true`, we'll attempt to re-focus the node originally-focused
+          //  on activation (or the configured `setReturnFocus` node)
+          returnFocus: u.returnFocusOnDeactivate && !Xe(d, u.tabbableOptions)
+        });
+        return;
+      }
+      ge(u.allowOutsideClick, l) || l.preventDefault();
+    }
+  }, X = function(l) {
+    var d = Oe(l), p = w(d) >= 0;
+    p || d instanceof Document ? p && (s.mostRecentlyFocusedNode = d) : (l.stopImmediatePropagation(), k(s.mostRecentlyFocusedNode || O()));
+  }, H = function(l) {
+    var d = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !1, p = Oe(l);
+    y();
+    var C = null;
+    if (s.tabbableGroups.length > 0) {
+      var g = w(p), N = g >= 0 ? s.containerGroups[g] : void 0;
+      if (g < 0)
+        d ? C = s.tabbableGroups[s.tabbableGroups.length - 1].lastTabbableNode : C = s.tabbableGroups[0].firstTabbableNode;
+      else if (d) {
+        var f = Mt(s.tabbableGroups, function(pe) {
+          var S = pe.firstTabbableNode;
+          return p === S;
+        });
+        if (f < 0 && (N.container === p || Xe(p, u.tabbableOptions) && !xe(p, u.tabbableOptions) && !N.nextTabbableNode(p, !1)) && (f = g), f >= 0) {
+          var R = f === 0 ? s.tabbableGroups.length - 1 : f - 1, ie = s.tabbableGroups[R];
+          C = ie.lastTabbableNode;
+        } else
+          _e(l) || (C = N.nextTabbableNode(p, !1));
+      } else {
+        var J = Mt(s.tabbableGroups, function(pe) {
+          var S = pe.lastTabbableNode;
+          return p === S;
+        });
+        if (J < 0 && (N.container === p || Xe(p, u.tabbableOptions) && !xe(p, u.tabbableOptions) && !N.nextTabbableNode(p)) && (J = g), J >= 0) {
+          var Q = J === s.tabbableGroups.length - 1 ? 0 : J + 1, Le = s.tabbableGroups[Q];
+          C = Le.firstTabbableNode;
+        } else
+          _e(l) || (C = N.nextTabbableNode(p));
+      }
+    } else
+      C = A("fallbackFocus");
+    C && (_e(l) && l.preventDefault(), k(C));
+  }, G = function(l) {
+    if (Ir(l) && ge(u.escapeDeactivates, l) !== !1) {
+      l.preventDefault(), b.deactivate();
+      return;
+    }
+    (u.isKeyForward(l) || u.isKeyBackward(l)) && H(l, u.isKeyBackward(l));
+  }, $ = function(l) {
+    var d = Oe(l);
+    w(d) >= 0 || ge(u.clickOutsideDeactivates, l) || ge(u.allowOutsideClick, l) || (l.preventDefault(), l.stopImmediatePropagation());
+  }, M = function() {
+    if (s.active)
+      return Dt.activateTrap(c, b), s.delayInitialFocusTimer = u.delayInitialFocus ? Bt(function() {
+        k(O());
+      }) : k(O()), r.addEventListener("focusin", X, !0), r.addEventListener("mousedown", P, {
+        capture: !0,
+        passive: !1
+      }), r.addEventListener("touchstart", P, {
+        capture: !0,
+        passive: !1
+      }), r.addEventListener("click", $, {
+        capture: !0,
+        passive: !1
+      }), r.addEventListener("keydown", G, {
+        capture: !0,
+        passive: !1
+      }), b;
+  }, W = function() {
+    if (s.active)
+      return r.removeEventListener("focusin", X, !0), r.removeEventListener("mousedown", P, !0), r.removeEventListener("touchstart", P, !0), r.removeEventListener("click", $, !0), r.removeEventListener("keydown", G, !0), b;
+  };
+  return b = {
+    get active() {
+      return s.active;
+    },
+    get paused() {
+      return s.paused;
+    },
+    activate: function(l) {
+      if (s.active)
+        return this;
+      var d = _(l, "onActivate"), p = _(l, "onPostActivate"), C = _(l, "checkCanFocusTrap");
+      C || y(), s.active = !0, s.paused = !1, s.nodeFocusedBeforeActivation = r.activeElement, d && d();
+      var g = function() {
+        C && y(), M(), p && p();
+      };
+      return C ? (C(s.containers.concat()).then(g, g), this) : (g(), this);
+    },
+    deactivate: function(l) {
+      if (!s.active)
+        return this;
+      var d = Ft({
+        onDeactivate: u.onDeactivate,
+        onPostDeactivate: u.onPostDeactivate,
+        checkCanReturnFocus: u.checkCanReturnFocus
+      }, l);
+      clearTimeout(s.delayInitialFocusTimer), s.delayInitialFocusTimer = void 0, W(), s.active = !1, s.paused = !1, Dt.deactivateTrap(c, b);
+      var p = _(d, "onDeactivate"), C = _(d, "onPostDeactivate"), g = _(d, "checkCanReturnFocus"), N = _(d, "returnFocus", "returnFocusOnDeactivate");
+      p && p();
+      var f = function() {
+        Bt(function() {
+          N && k(B(s.nodeFocusedBeforeActivation)), C && C();
+        });
+      };
+      return N && g ? (g(B(s.nodeFocusedBeforeActivation)).then(f, f), this) : (f(), this);
+    },
+    pause: function() {
+      return s.paused || !s.active ? this : (s.paused = !0, W(), this);
+    },
+    unpause: function() {
+      return !s.paused || !s.active ? this : (s.paused = !1, y(), M(), this);
+    },
+    updateContainerElements: function(l) {
+      var d = [].concat(l).filter(Boolean);
+      return s.containers = d.map(function(p) {
+        return typeof p == "string" ? r.querySelector(p) : p;
+      }), s.active && y(), this;
+    }
+  }, b.updateContainerElements(t), b;
+};
+/*!
+  * focus-trap-vue v4.0.0
+  * (c) 2022 Eduardo San Martin Morote
+  * @license MIT
+  */
+const Nr = {
+  escapeDeactivates: {
+    type: Boolean,
+    default: !0
+  },
+  returnFocusOnDeactivate: {
+    type: Boolean,
+    default: !0
+  },
+  allowOutsideClick: {
+    type: [Boolean, Function],
+    default: !0
+  },
+  clickOutsideDeactivates: [Boolean, Function],
+  initialFocus: [String, Function, Boolean],
+  fallbackFocus: [String, Function],
+  checkCanFocusTrap: Function,
+  checkCanReturnFocus: Function,
+  delayInitialFocus: { type: Boolean, default: !0 },
+  document: Object,
+  preventScroll: Boolean,
+  setReturnFocus: [Object, String, Boolean, Function],
+  tabbableOptions: Object
+}, Ar = Y({
+  props: Object.assign({
+    active: {
+      // TODO: could be options for activate but what about the options for deactivating?
+      type: Boolean,
+      default: !0
+    }
+  }, Nr),
+  emits: [
+    "update:active",
+    "activate",
+    "postActivate",
+    "deactivate",
+    "postDeactivate"
+  ],
+  render() {
+    return this.renderImpl();
+  },
+  setup(n, { slots: t, emit: a }) {
+    let r;
+    const c = z(null), u = x(() => {
+      const b = c.value;
+      return b && (b instanceof HTMLElement ? b : b.$el);
+    }), s = () => r || (r = Er(u.value, {
+      escapeDeactivates: n.escapeDeactivates,
+      allowOutsideClick: n.allowOutsideClick,
+      returnFocusOnDeactivate: n.returnFocusOnDeactivate,
+      clickOutsideDeactivates: n.clickOutsideDeactivates,
+      onActivate: () => {
+        a("update:active", !0), a("activate");
+      },
+      onDeactivate: () => {
+        a("update:active", !1), a("deactivate");
+      },
+      onPostActivate: () => a("postActivate"),
+      onPostDeactivate: () => a("postDeactivate"),
+      initialFocus: n.initialFocus,
+      fallbackFocus: n.fallbackFocus,
+      tabbableOptions: n.tabbableOptions
+    }));
+    return et(() => {
+      Ae(() => n.active, (b) => {
+        b && u.value ? s().activate() : r && (r.deactivate(), (!u.value || u.value.nodeType === Node.COMMENT_NODE) && (r = null));
+      }, { immediate: !0, flush: "post" });
+    }), gn(() => {
+      r && r.deactivate(), r = null;
+    }), {
+      activate() {
+        s(), r.activate();
+      },
+      deactivate() {
+        r && r.deactivate();
+      },
+      renderImpl() {
+        if (!t.default)
+          return null;
+        const b = t.default().filter((w) => w.type !== yn);
+        return !b || !b.length || b.length > 1 ? (console.error("[focus-trap-vue]: FocusTrap requires exactly one child."), b) : _n(b[0], { ref: c });
+      }
+    };
+  }
+});
+function Gt() {
+  return {
+    debounce: (t, a) => {
+      let r;
+      return (...c) => {
+        clearTimeout(r), r = window == null ? void 0 : window.setTimeout(() => {
+          t(...c);
+        }, a);
+      };
+    }
+  };
+}
+var Ee = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {}, Me = {}, $r = {
+  get exports() {
+    return Me;
+  },
+  set exports(n) {
+    Me = n;
+  }
+};
+(function(n, t) {
+  var a = 200, r = "__lodash_hash_undefined__", c = 9007199254740991, u = "[object Arguments]", s = "[object Array]", b = "[object Boolean]", _ = "[object Date]", w = "[object Error]", A = "[object Function]", O = "[object GeneratorFunction]", y = "[object Map]", k = "[object Number]", B = "[object Object]", P = "[object Promise]", X = "[object RegExp]", H = "[object Set]", G = "[object String]", $ = "[object Symbol]", M = "[object WeakMap]", W = "[object ArrayBuffer]", I = "[object DataView]", l = "[object Float32Array]", d = "[object Float64Array]", p = "[object Int8Array]", C = "[object Int16Array]", g = "[object Int32Array]", N = "[object Uint8Array]", f = "[object Uint8ClampedArray]", R = "[object Uint16Array]", ie = "[object Uint32Array]", J = /[\\^$.*+?()[\]{}|]/g, Q = /\w*$/, Le = /^\[object .+?Constructor\]$/, pe = /^(?:0|[1-9]\d*)$/, S = {};
+  S[u] = S[s] = S[W] = S[I] = S[b] = S[_] = S[l] = S[d] = S[p] = S[C] = S[g] = S[y] = S[k] = S[B] = S[X] = S[H] = S[G] = S[$] = S[N] = S[f] = S[R] = S[ie] = !0, S[w] = S[A] = S[M] = !1;
+  var qt = typeof Ee == "object" && Ee && Ee.Object === Object && Ee, Yt = typeof self == "object" && self && self.Object === Object && self, ee = qt || Yt || Function("return this")(), rt = t && !t.nodeType && t, it = rt && !0 && n && !n.nodeType && n, Xt = it && it.exports === rt;
+  function Jt(e, i) {
+    return e.set(i[0], i[1]), e;
+  }
+  function Qt(e, i) {
+    return e.add(i), e;
+  }
+  function ea(e, i) {
+    for (var o = -1, v = e ? e.length : 0; ++o < v && i(e[o], o, e) !== !1; )
+      ;
+    return e;
+  }
+  function ta(e, i) {
+    for (var o = -1, v = i.length, D = e.length; ++o < v; )
+      e[D + o] = i[o];
+    return e;
+  }
+  function ot(e, i, o, v) {
+    var D = -1, j = e ? e.length : 0;
+    for (v && j && (o = e[++D]); ++D < j; )
+      o = i(o, e[D], D, e);
+    return o;
+  }
+  function aa(e, i) {
+    for (var o = -1, v = Array(e); ++o < e; )
+      v[o] = i(o);
+    return v;
+  }
+  function na(e, i) {
+    return e == null ? void 0 : e[i];
+  }
+  function st(e) {
+    var i = !1;
+    if (e != null && typeof e.toString != "function")
+      try {
+        i = !!(e + "");
+      } catch {
+      }
+    return i;
+  }
+  function ct(e) {
+    var i = -1, o = Array(e.size);
+    return e.forEach(function(v, D) {
+      o[++i] = [D, v];
+    }), o;
+  }
+  function Ze(e, i) {
+    return function(o) {
+      return e(i(o));
+    };
+  }
+  function lt(e) {
+    var i = -1, o = Array(e.size);
+    return e.forEach(function(v) {
+      o[++i] = v;
+    }), o;
+  }
+  var ra = Array.prototype, ia = Function.prototype, we = Object.prototype, Pe = ee["__core-js_shared__"], ut = function() {
+    var e = /[^.]+$/.exec(Pe && Pe.keys && Pe.keys.IE_PROTO || "");
+    return e ? "Symbol(src)_1." + e : "";
+  }(), dt = ia.toString, ne = we.hasOwnProperty, Te = we.toString, oa = RegExp(
+    "^" + dt.call(ne).replace(J, "\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, "$1.*?") + "$"
+  ), ft = Xt ? ee.Buffer : void 0, vt = ee.Symbol, bt = ee.Uint8Array, sa = Ze(Object.getPrototypeOf, Object), ca = Object.create, la = we.propertyIsEnumerable, ua = ra.splice, pt = Object.getOwnPropertySymbols, da = ft ? ft.isBuffer : void 0, fa = Ze(Object.keys, Object), je = fe(ee, "DataView"), he = fe(ee, "Map"), He = fe(ee, "Promise"), Ke = fe(ee, "Set"), ze = fe(ee, "WeakMap"), me = fe(Object, "create"), va = ce(je), ba = ce(he), pa = ce(He), ha = ce(Ke), ma = ce(ze), ht = vt ? vt.prototype : void 0, mt = ht ? ht.valueOf : void 0;
+  function oe(e) {
+    var i = -1, o = e ? e.length : 0;
+    for (this.clear(); ++i < o; ) {
+      var v = e[i];
+      this.set(v[0], v[1]);
+    }
+  }
+  function ga() {
+    this.__data__ = me ? me(null) : {};
+  }
+  function ya(e) {
+    return this.has(e) && delete this.__data__[e];
+  }
+  function _a(e) {
+    var i = this.__data__;
+    if (me) {
+      var o = i[e];
+      return o === r ? void 0 : o;
+    }
+    return ne.call(i, e) ? i[e] : void 0;
+  }
+  function wa(e) {
+    var i = this.__data__;
+    return me ? i[e] !== void 0 : ne.call(i, e);
+  }
+  function Ta(e, i) {
+    var o = this.__data__;
+    return o[e] = me && i === void 0 ? r : i, this;
+  }
+  oe.prototype.clear = ga, oe.prototype.delete = ya, oe.prototype.get = _a, oe.prototype.has = wa, oe.prototype.set = Ta;
+  function te(e) {
+    var i = -1, o = e ? e.length : 0;
+    for (this.clear(); ++i < o; ) {
+      var v = e[i];
+      this.set(v[0], v[1]);
+    }
+  }
+  function ka() {
+    this.__data__ = [];
+  }
+  function Sa(e) {
+    var i = this.__data__, o = ke(i, e);
+    if (o < 0)
+      return !1;
+    var v = i.length - 1;
+    return o == v ? i.pop() : ua.call(i, o, 1), !0;
+  }
+  function Ia(e) {
+    var i = this.__data__, o = ke(i, e);
+    return o < 0 ? void 0 : i[o][1];
+  }
+  function Ca(e) {
+    return ke(this.__data__, e) > -1;
+  }
+  function xa(e, i) {
+    var o = this.__data__, v = ke(o, e);
+    return v < 0 ? o.push([e, i]) : o[v][1] = i, this;
+  }
+  te.prototype.clear = ka, te.prototype.delete = Sa, te.prototype.get = Ia, te.prototype.has = Ca, te.prototype.set = xa;
+  function ue(e) {
+    var i = -1, o = e ? e.length : 0;
+    for (this.clear(); ++i < o; ) {
+      var v = e[i];
+      this.set(v[0], v[1]);
+    }
+  }
+  function Oa() {
+    this.__data__ = {
+      hash: new oe(),
+      map: new (he || te)(),
+      string: new oe()
+    };
+  }
+  function Ea(e) {
+    return Se(this, e).delete(e);
+  }
+  function Na(e) {
+    return Se(this, e).get(e);
+  }
+  function Aa(e) {
+    return Se(this, e).has(e);
+  }
+  function $a(e, i) {
+    return Se(this, e).set(e, i), this;
+  }
+  ue.prototype.clear = Oa, ue.prototype.delete = Ea, ue.prototype.get = Na, ue.prototype.has = Aa, ue.prototype.set = $a;
+  function de(e) {
+    this.__data__ = new te(e);
+  }
+  function Fa() {
+    this.__data__ = new te();
+  }
+  function Da(e) {
+    return this.__data__.delete(e);
+  }
+  function Ba(e) {
+    return this.__data__.get(e);
+  }
+  function Ma(e) {
+    return this.__data__.has(e);
+  }
+  function Ra(e, i) {
+    var o = this.__data__;
+    if (o instanceof te) {
+      var v = o.__data__;
+      if (!he || v.length < a - 1)
+        return v.push([e, i]), this;
+      o = this.__data__ = new ue(v);
+    }
+    return o.set(e, i), this;
+  }
+  de.prototype.clear = Fa, de.prototype.delete = Da, de.prototype.get = Ba, de.prototype.has = Ma, de.prototype.set = Ra;
+  function La(e, i) {
+    var o = Ge(e) || ln(e) ? aa(e.length, String) : [], v = o.length, D = !!v;
+    for (var j in e)
+      (i || ne.call(e, j)) && !(D && (j == "length" || rn(j, v))) && o.push(j);
+    return o;
+  }
+  function gt(e, i, o) {
+    var v = e[i];
+    (!(ne.call(e, i) && Tt(v, o)) || o === void 0 && !(i in e)) && (e[i] = o);
+  }
+  function ke(e, i) {
+    for (var o = e.length; o--; )
+      if (Tt(e[o][0], i))
+        return o;
+    return -1;
+  }
+  function Za(e, i) {
+    return e && yt(i, Ue(i), e);
+  }
+  function Ve(e, i, o, v, D, j, U) {
+    var K;
+    if (v && (K = j ? v(e, D, j, U) : v(e)), K !== void 0)
+      return K;
+    if (!Ie(e))
+      return e;
+    var It = Ge(e);
+    if (It) {
+      if (K = tn(e), !i)
+        return Ja(e, K);
+    } else {
+      var ve = se(e), Ct = ve == A || ve == O;
+      if (dn(e))
+        return Va(e, i);
+      if (ve == B || ve == u || Ct && !j) {
+        if (st(e))
+          return j ? e : {};
+        if (K = an(Ct ? {} : e), !i)
+          return Qa(e, Za(K, e));
+      } else {
+        if (!S[ve])
+          return j ? e : {};
+        K = nn(e, ve, Ve, i);
+      }
+    }
+    U || (U = new de());
+    var xt = U.get(e);
+    if (xt)
+      return xt;
+    if (U.set(e, K), !It)
+      var Ot = o ? en(e) : Ue(e);
+    return ea(Ot || e, function(qe, Ce) {
+      Ot && (Ce = qe, qe = e[Ce]), gt(K, Ce, Ve(qe, i, o, v, Ce, e, U));
+    }), K;
+  }
+  function Pa(e) {
+    return Ie(e) ? ca(e) : {};
+  }
+  function ja(e, i, o) {
+    var v = i(e);
+    return Ge(e) ? v : ta(v, o(e));
+  }
+  function Ha(e) {
+    return Te.call(e);
+  }
+  function Ka(e) {
+    if (!Ie(e) || sn(e))
+      return !1;
+    var i = St(e) || st(e) ? oa : Le;
+    return i.test(ce(e));
+  }
+  function za(e) {
+    if (!wt(e))
+      return fa(e);
+    var i = [];
+    for (var o in Object(e))
+      ne.call(e, o) && o != "constructor" && i.push(o);
+    return i;
+  }
+  function Va(e, i) {
+    if (i)
+      return e.slice();
+    var o = new e.constructor(e.length);
+    return e.copy(o), o;
+  }
+  function We(e) {
+    var i = new e.constructor(e.byteLength);
+    return new bt(i).set(new bt(e)), i;
+  }
+  function Wa(e, i) {
+    var o = i ? We(e.buffer) : e.buffer;
+    return new e.constructor(o, e.byteOffset, e.byteLength);
+  }
+  function Ga(e, i, o) {
+    var v = i ? o(ct(e), !0) : ct(e);
+    return ot(v, Jt, new e.constructor());
+  }
+  function Ua(e) {
+    var i = new e.constructor(e.source, Q.exec(e));
+    return i.lastIndex = e.lastIndex, i;
+  }
+  function qa(e, i, o) {
+    var v = i ? o(lt(e), !0) : lt(e);
+    return ot(v, Qt, new e.constructor());
+  }
+  function Ya(e) {
+    return mt ? Object(mt.call(e)) : {};
+  }
+  function Xa(e, i) {
+    var o = i ? We(e.buffer) : e.buffer;
+    return new e.constructor(o, e.byteOffset, e.length);
+  }
+  function Ja(e, i) {
+    var o = -1, v = e.length;
+    for (i || (i = Array(v)); ++o < v; )
+      i[o] = e[o];
+    return i;
+  }
+  function yt(e, i, o, v) {
+    o || (o = {});
+    for (var D = -1, j = i.length; ++D < j; ) {
+      var U = i[D], K = v ? v(o[U], e[U], U, o, e) : void 0;
+      gt(o, U, K === void 0 ? e[U] : K);
+    }
+    return o;
+  }
+  function Qa(e, i) {
+    return yt(e, _t(e), i);
+  }
+  function en(e) {
+    return ja(e, Ue, _t);
+  }
+  function Se(e, i) {
+    var o = e.__data__;
+    return on(i) ? o[typeof i == "string" ? "string" : "hash"] : o.map;
+  }
+  function fe(e, i) {
+    var o = na(e, i);
+    return Ka(o) ? o : void 0;
+  }
+  var _t = pt ? Ze(pt, Object) : bn, se = Ha;
+  (je && se(new je(new ArrayBuffer(1))) != I || he && se(new he()) != y || He && se(He.resolve()) != P || Ke && se(new Ke()) != H || ze && se(new ze()) != M) && (se = function(e) {
+    var i = Te.call(e), o = i == B ? e.constructor : void 0, v = o ? ce(o) : void 0;
+    if (v)
+      switch (v) {
+        case va:
+          return I;
+        case ba:
+          return y;
+        case pa:
+          return P;
+        case ha:
+          return H;
+        case ma:
+          return M;
+      }
+    return i;
+  });
+  function tn(e) {
+    var i = e.length, o = e.constructor(i);
+    return i && typeof e[0] == "string" && ne.call(e, "index") && (o.index = e.index, o.input = e.input), o;
+  }
+  function an(e) {
+    return typeof e.constructor == "function" && !wt(e) ? Pa(sa(e)) : {};
+  }
+  function nn(e, i, o, v) {
+    var D = e.constructor;
+    switch (i) {
+      case W:
+        return We(e);
+      case b:
+      case _:
+        return new D(+e);
+      case I:
+        return Wa(e, v);
+      case l:
+      case d:
+      case p:
+      case C:
+      case g:
+      case N:
+      case f:
+      case R:
+      case ie:
+        return Xa(e, v);
+      case y:
+        return Ga(e, v, o);
+      case k:
+      case G:
+        return new D(e);
+      case X:
+        return Ua(e);
+      case H:
+        return qa(e, v, o);
+      case $:
+        return Ya(e);
+    }
+  }
+  function rn(e, i) {
+    return i = i ?? c, !!i && (typeof e == "number" || pe.test(e)) && e > -1 && e % 1 == 0 && e < i;
+  }
+  function on(e) {
+    var i = typeof e;
+    return i == "string" || i == "number" || i == "symbol" || i == "boolean" ? e !== "__proto__" : e === null;
+  }
+  function sn(e) {
+    return !!ut && ut in e;
+  }
+  function wt(e) {
+    var i = e && e.constructor, o = typeof i == "function" && i.prototype || we;
+    return e === o;
+  }
+  function ce(e) {
+    if (e != null) {
+      try {
+        return dt.call(e);
+      } catch {
+      }
+      try {
+        return e + "";
+      } catch {
+      }
+    }
+    return "";
+  }
+  function cn(e) {
+    return Ve(e, !0, !0);
+  }
+  function Tt(e, i) {
+    return e === i || e !== e && i !== i;
+  }
+  function ln(e) {
+    return un(e) && ne.call(e, "callee") && (!la.call(e, "callee") || Te.call(e) == u);
+  }
+  var Ge = Array.isArray;
+  function kt(e) {
+    return e != null && fn(e.length) && !St(e);
+  }
+  function un(e) {
+    return vn(e) && kt(e);
+  }
+  var dn = da || pn;
+  function St(e) {
+    var i = Ie(e) ? Te.call(e) : "";
+    return i == A || i == O;
+  }
+  function fn(e) {
+    return typeof e == "number" && e > -1 && e % 1 == 0 && e <= c;
+  }
+  function Ie(e) {
+    var i = typeof e;
+    return !!e && (i == "object" || i == "function");
+  }
+  function vn(e) {
+    return !!e && typeof e == "object";
+  }
+  function Ue(e) {
+    return kt(e) ? La(e) : za(e);
+  }
+  function bn() {
+    return [];
+  }
+  function pn() {
+    return !1;
+  }
+  n.exports = cn;
+})($r, Me);
+const Fr = Me, Dr = {
+  key: 0,
+  class: "sidebar-header"
+}, Br = { class: "sidebar-content-container" }, Mr = {
+  key: 0,
+  class: "sidebar-top"
+}, Rr = { "aria-label": "Main menu" }, Lr = {
+  key: 0,
+  class: "level-primary top-items"
+}, Zr = {
+  key: 1,
+  class: "sidebar-level-divider",
+  role: "separator"
+}, Pr = {
+  key: 2,
+  class: "level-primary bottom-items"
+}, jr = ["href", "target"], Hr = /* @__PURE__ */ Y({
+  __name: "AppSidebar",
+  props: {
+    topItems: {
+      type: Array,
+      default: () => []
+    },
+    bottomItems: {
+      type: Array,
+      default: () => []
+    },
+    profileItems: {
+      type: Array,
+      default: () => []
+    },
+    profileName: {
+      type: String,
+      default: ""
+    },
+    headerHeight: {
+      type: Number,
+      default: 60
+    },
+    topOffset: {
+      type: Number,
+      default: 0
+    },
+    zIndex: {
+      type: Number,
+      default: 2
+    },
+    // Props that only impact mobile
+    open: {
+      type: Boolean,
+      default: !1
+    },
+    mobileEnabled: {
+      type: Boolean,
+      default: !1
+    },
+    mobileTopOffset: {
+      type: Number,
+      default: 0
+    },
+    mobileHeaderVisible: {
+      type: Boolean,
+      default: !1
+    },
+    mobileCloseDelay: {
+      type: Number,
+      default: 350
+    },
+    mobileOverlay: {
+      type: Boolean,
+      default: !0
+    },
+    mobileOverlayZIndex: {
+      type: Number,
+      default: null
+    },
+    mobileOverlayCloseOnClick: {
+      type: Boolean,
+      default: !0
+    }
+  },
+  emits: ["click", "toggle"],
+  setup(n, { emit: t }) {
+    const a = n;
+    Qe((g) => ({
+      bdbd8fbc: h(s).mobileTop,
+      "788ae98c": h(s).mobileHeight,
+      "93522ba4": n.zIndex,
+      "609d40b8": h(s).height,
+      debeb938: h(s).top,
+      "7f77b890": h(_).marginTop,
+      "03d17258": h(b).display,
+      "82aee0aa": h(b).minHeight,
+      d82cea1a: h(w).top,
+      "827243cc": h(w).zIndex
+    }));
+    const r = Lt(), c = x(() => !!r.header), u = x(() => !!r.top), s = x(() => ({
+      mobileTop: a.mobileTopOffset && a.mobileEnabled ? `${a.mobileTopOffset}px` : a.topOffset ? `${a.topOffset}px` : "0",
+      top: a.topOffset ? `${a.topOffset}px` : "0",
+      mobileHeight: a.mobileTopOffset && a.mobileEnabled ? `calc(100% - ${a.mobileTopOffset}px)` : "100%",
+      height: a.topOffset ? `calc(100% - ${a.topOffset}px)` : "100%"
+    })), b = x(() => ({
+      display: !a.mobileHeaderVisible && a.mobileEnabled ? "none" : "flex",
+      minHeight: `${a.headerHeight}px`
+    })), _ = x(() => ({
+      marginTop: c.value ? `${a.headerHeight}px` : "0"
+    })), w = x(() => ({
+      top: a.mobileTopOffset && a.mobileEnabled ? `${a.mobileTopOffset}px` : "0",
+      zIndex: a.mobileOverlayZIndex !== null ? a.mobileOverlayZIndex : a.zIndex > 1 ? a.zIndex - 1 : 1
+    })), A = (g) => Fr(g).map((f) => {
+      var R, ie, J;
+      if (f) {
+        (!f.key || !((R = f.key) != null && R.trim())) && (f.key = String(f.name || "").trim().toLowerCase().replace(/[^[a-z]/gi, "-")), (!f.testId || !((ie = f.testId) != null && ie.trim())) && (f.testId = String(f.name || "").trim().toLowerCase().replace(/[^[a-z]/gi, "-"));
+        for (const Q of f.items || [])
+          Q.parentKey = f.key, (!Q.testId || !((J = Q.testId) != null && J.trim())) && (Q.testId = String(Q.name || "").trim().toLowerCase().replace(/[^[a-z]/gi, "-"));
+      }
+      return f;
+    }), O = x(() => a.topItems.length ? A(a.topItems) : []), y = x(() => a.bottomItems.length ? A(a.bottomItems) : []), k = z(a.open), B = (g) => {
+      var N, f;
+      k.value !== g && (k.value = g, t("toggle", g)), g ? (N = document == null ? void 0 : document.body) == null || N.classList.add("kong-ui-app-sidebar-open") : (f = document == null ? void 0 : document.body) == null || f.classList.remove("kong-ui-app-sidebar-open"), X.value = !1;
+    }, P = () => {
+      a.mobileOverlayCloseOnClick && B(!1);
+    }, X = z(!1), H = (g) => {
+      X.value = !0, t("click", g), setTimeout(() => {
+        B(!1);
+      }, a.mobileCloseDelay);
+    };
+    Ae(() => a.open, (g) => {
+      B(g);
+    });
+    const { debounce: G } = Gt(), $ = G(() => {
+      k.value && M.value !== (window == null ? void 0 : window.innerWidth) && (M.value = window == null ? void 0 : window.innerWidth, B(!1));
+    }, 200), M = z(), W = z(!1), I = z(), l = () => {
+      W.value || (W.value = !0, clearTimeout(I.value), I.value = setTimeout(() => W.value = !1, 1300));
+    }, d = z(null), p = x(() => k.value && a.mobileEnabled), C = async (g) => {
+      var N, f;
+      g ? (await wn(), await new Promise((R) => setTimeout(R, 300)), (N = d.value) == null || N.activate()) : (f = d.value) == null || f.deactivate();
+    };
+    return Ae(p, async (g) => {
+      g ? await C(!0) : await C(!1);
+    }, { immediate: !0 }), et(() => {
+      M.value = window == null ? void 0 : window.innerWidth, window.addEventListener("resize", $), window.addEventListener("resize", l);
+    }), Zt(() => {
+      window.removeEventListener("resize", $), window.removeEventListener("resize", l);
+    }), (g, N) => (m(), E(be, null, [
+      k.value && n.mobileOverlay && n.mobileEnabled ? (m(), E("div", {
+        key: 0,
+        class: "kong-ui-app-sidebar-overlay",
+        onClick: P
+      })) : F("", !0),
+      Re(h(Ar), {
+        ref_key: "focusTrap",
+        ref: d,
+        active: !1,
+        "allow-outside-click": "",
+        "fallback-focus": ".kong-ui-app-sidebar"
+      }, {
+        default: V(() => [
+          T("aside", {
+            class: ae(["kong-ui-app-sidebar", {
+              "sidebar-open": k.value,
+              "no-sidebar-header": !h(c),
+              "mobile-header-hidden": n.mobileEnabled && (!h(c) || !n.mobileHeaderVisible),
+              "mobile-disabled": !n.mobileEnabled,
+              "disable-transitions": W.value
+            }]),
+            tabindex: "-1"
+          }, [
+            h(c) ? (m(), E("div", Dr, [
+              L(g.$slots, "header", {}, void 0, !0)
+            ])) : F("", !0),
+            T("div", Br, [
+              h(u) ? (m(), E("div", Mr, [
+                L(g.$slots, "top", {}, void 0, !0)
+              ])) : F("", !0),
+              T("nav", Rr, [
+                h(O).length ? (m(), E("ul", Lr, [
+                  (m(!0), E(be, null, ye(h(O), (f) => (m(), Z(Nt, {
+                    key: f.name,
+                    item: f,
+                    onClick: H
+                  }, null, 8, ["item"]))), 128))
+                ])) : F("", !0),
+                h(O).length && h(y).length ? (m(), E("div", Zr)) : F("", !0),
+                h(y).length ? (m(), E("ul", Pr, [
+                  (m(!0), E(be, null, ye(h(y), (f) => (m(), Z(Nt, {
+                    key: f.name,
+                    item: f,
+                    onClick: H
+                  }, null, 8, ["item"]))), 128))
+                ])) : F("", !0)
+              ])
+            ]),
+            n.profileName || n.profileItems.length ? (m(), Z(ir, {
+              key: 1,
+              class: "sidebar-profile-menu",
+              "item-count": n.profileItems.length,
+              name: n.profileName
+            }, {
+              default: V(() => [
+                (m(!0), E(be, null, ye(n.profileItems, (f) => (m(), Z(h(xn), {
+                  key: f.name,
+                  class: ae([{ "has-divider": f.hasDivider }, { "external-profile-dropdown-link": (f.external || f.newWindow) && typeof f.to == "string" }]),
+                  "has-divider": f.hasDivider,
+                  item: (f.external || f.newWindow) && typeof f.to == "string" ? void 0 : { label: f.name, to: f.to },
+                  onClick: (R) => H(f)
+                }, {
+                  default: V(() => [
+                    (f.external || f.newWindow) && typeof f.to == "string" ? (m(), E("a", {
+                      key: 0,
+                      class: "sidebar-item-external-link",
+                      href: f.to,
+                      target: f.newWindow ? "_blank" : void 0
+                    }, [
+                      $e(re(f.name) + " ", 1),
+                      f.newWindow ? (m(), Z(h(Pt), {
+                        key: 0,
+                        color: "var(--black-70, rgba(0,0,0,0.7))",
+                        icon: "externalLink",
+                        size: "20",
+                        viewBox: "0 0 20 20"
+                      })) : F("", !0)
+                    ], 8, jr)) : F("", !0)
+                  ]),
+                  _: 2
+                }, 1032, ["class", "has-divider", "item", "onClick"]))), 128))
+              ]),
+              _: 1
+            }, 8, ["item-count", "name"])) : F("", !0)
+          ], 2)
+        ]),
+        _: 3
+      }, 512)
+    ], 64));
+  }
+});
+const Kr = /* @__PURE__ */ q(Hr, [["__scopeId", "data-v-1c82e900"]]), nt = (n) => (tt("data-v-e9d81dd5"), n = n(), at(), n), zr = ["aria-label", "onClick"], Vr = /* @__PURE__ */ nt(() => /* @__PURE__ */ T("span", { class: "line" }, null, -1)), Wr = /* @__PURE__ */ nt(() => /* @__PURE__ */ T("span", { class: "line" }, null, -1)), Gr = /* @__PURE__ */ nt(() => /* @__PURE__ */ T("span", { class: "line" }, null, -1)), Ur = [
+  Vr,
+  Wr,
+  Gr
+], qr = /* @__PURE__ */ Y({
+  __name: "SidebarToggle",
+  props: {
+    active: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: ["toggle"],
+  setup(n, { emit: t }) {
+    const a = n, r = z(a.active || !1), c = () => {
+      r.value = !r.value, t("toggle", r.value);
+    };
+    return Ae(() => a.active, (u) => {
+      r.value = u;
+    }), (u, s) => (m(), E("a", {
+      "aria-haspopup": "true",
+      "aria-label": r.value ? "Close Main Menu" : "Open Main Menu",
+      class: ae(["sidebar-menu-toggle", { active: r.value }]),
+      href: "#",
+      role: "button",
+      onClick: Rt(c, ["prevent"])
+    }, Ur, 10, zr));
+  }
+});
+const Yr = /* @__PURE__ */ q(qr, [["__scopeId", "data-v-e9d81dd5"]]), Xr = (n) => (tt("data-v-897d6d1b"), n = n(), at(), n), Jr = { id: "kong-ui-app-layout-notification" }, Qr = { class: "mobile-logo" }, ei = { class: "kong-ui-app-layout-main" }, ti = { class: "kong-ui-app-layout-content" }, ai = /* @__PURE__ */ Xr(() => /* @__PURE__ */ T("div", { id: "kong-ui-app-layout-teleport-default-slot" }, null, -1)), ni = /* @__PURE__ */ Y({
+  __name: "AppLayout",
+  props: {
+    hideDefaultSlot: {
+      type: Boolean,
+      default: !1
+    },
+    // Navbar props
+    navbarHidden: {
+      type: Boolean,
+      default: !1
+    },
+    // Sidebar props
+    sidebarHidden: {
+      type: Boolean,
+      default: !1
+    },
+    sidebarOpen: {
+      type: Boolean,
+      default: !1
+    },
+    sidebarTopItems: {
+      type: Array,
+      default: () => []
+    },
+    sidebarBottomItems: {
+      type: Array,
+      default: () => []
+    },
+    sidebarProfileItems: {
+      type: Array,
+      default: () => []
+    },
+    sidebarProfileName: {
+      type: String,
+      default: ""
+    }
+  },
+  emits: ["sidebar-click"],
+  setup(n, { emit: t }) {
+    const a = n;
+    Qe(($) => ({
+      af8c4ebe: h(P)
+    }));
+    const r = Lt(), c = Ye({
+      navbarMobileLogo: x(() => !!r["navbar-mobile-logo"]),
+      sidebarHeader: x(() => !!r["sidebar-header"]),
+      sidebarTop: x(() => !!r["sidebar-top"])
+    }), u = x(() => a.hideDefaultSlot), s = Ye({
+      hidden: x(() => a.navbarHidden)
+    }), b = Ye({
+      topItems: x(() => a.sidebarTopItems),
+      bottomItems: x(() => a.sidebarBottomItems),
+      profileItems: x(() => a.sidebarProfileItems),
+      profileName: x(() => a.sidebarProfileName),
+      open: x(() => a.sidebarOpen),
+      hidden: x(() => a.sidebarHidden)
+    }), _ = ($) => {
+      t("sidebar-click", $);
+    }, w = z(!1), A = ($) => {
+      w.value = $;
+    };
+    Tn(() => {
+      w.value = kn(b, "open").value || !1;
+    });
+    const O = z(0), y = z(60), k = z(0), B = x(() => s.hidden ? k.value : y.value + k.value), P = x(() => `${B.value}px`), { debounce: X } = Gt(), H = X(($ = !1) => {
+      if ($ || O.value !== (window == null ? void 0 : window.innerWidth)) {
+        const M = document == null ? void 0 : document.querySelector(".kong-ui-app-layout #kong-ui-app-layout-notification");
+        M && (k.value = M.offsetHeight);
+      }
+    }, 200), G = z();
+    return et(() => {
+      var M, W;
+      (M = document == null ? void 0 : document.body) == null || M.classList.add("kong-ui-app-layout-body"), (W = document == null ? void 0 : document.documentElement) == null || W.classList.add("kong-ui-app-layout-html"), O.value = window == null ? void 0 : window.innerWidth, H(!0);
+      const $ = document == null ? void 0 : document.querySelector(".kong-ui-app-layout #kong-ui-app-layout-notification");
+      $ && (G.value = new ResizeObserver((I) => {
+        for (const l of I) {
+          const d = l.contentRect.height;
+          k.value !== d && (k.value = d);
+        }
+      }), G.value.observe($)), window.addEventListener("resize", H);
+    }), Zt(() => {
+      G.value && G.value.disconnect(), window.removeEventListener("resize", H);
+    }), ($, M) => (m(), E("div", {
+      class: ae(["kong-ui-app-layout", [
+        { "navbar-hidden": s.hidden },
+        { "sidebar-hidden": b.hidden }
+      ]])
+    }, [
+      T("div", Jr, [
+        L($.$slots, "notification", {}, void 0, !0)
+      ]),
+      s.hidden ? F("", !0) : (m(), Z($n, {
+        key: 0,
+        "left-offset": b.hidden ? 0 : void 0,
+        "top-offset": k.value
+      }, Et({
+        "mobile-sidebar-toggle": V(() => [
+          b.hidden ? F("", !0) : (m(), Z(Yr, {
+            key: 0,
+            active: w.value,
+            onToggle: A
+          }, null, 8, ["active"]))
+        ]),
+        default: V(() => [
+          L($.$slots, "navbar", {}, void 0, !0)
+        ]),
+        _: 2
+      }, [
+        c.navbarMobileLogo ? {
+          name: "mobile-logo",
+          fn: V(() => [
+            T("div", Qr, [
+              L($.$slots, "navbar-mobile-logo", {}, void 0, !0)
+            ])
+          ]),
+          key: "0"
+        } : void 0
+      ]), 1032, ["left-offset", "top-offset"])),
+      b.hidden ? F("", !0) : (m(), Z(Kr, {
+        key: 1,
+        "bottom-items": b.bottomItems,
+        "header-height": y.value,
+        "mobile-enabled": "",
+        "mobile-header-visible": !1,
+        "mobile-top-offset": h(B),
+        open: w.value,
+        "profile-items": b.profileItems,
+        "profile-name": b.profileName,
+        "top-items": b.topItems,
+        "top-offset": k.value,
+        onClick: _,
+        onToggle: A
+      }, Et({ _: 2 }, [
+        c.sidebarHeader ? {
+          name: "header",
+          fn: V(() => [
+            L($.$slots, "sidebar-header", {}, void 0, !0)
+          ]),
+          key: "0"
+        } : void 0,
+        c.sidebarTop ? {
+          name: "top",
+          fn: V(() => [
+            L($.$slots, "sidebar-top", {}, void 0, !0)
+          ]),
+          key: "1"
+        } : void 0
+      ]), 1032, ["bottom-items", "header-height", "mobile-top-offset", "open", "profile-items", "profile-name", "top-items", "top-offset"])),
+      T("main", ei, [
+        T("div", ti, [
+          ai,
+          L($.$slots, "app-error", {}, void 0, !0),
+          h(u) ? F("", !0) : L($.$slots, "default", { key: 0 }, void 0, !0)
+        ])
+      ])
+    ], 2));
+  }
+});
+const ri = /* @__PURE__ */ q(ni, [["__scopeId", "data-v-897d6d1b"]]), ii = /* @__PURE__ */ Y({
+  __name: "NavbarDropdownMenu",
+  props: {
+    options: {
+      type: Array,
+      default: () => []
+    },
+    tooltip: {
+      type: String,
+      default: ""
+    },
+    width: {
+      type: String,
+      default: "175"
+    },
+    disabled: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: ["change"],
+  setup(n, { emit: t }) {
+    var u;
+    const a = n, r = z(((u = a.options) == null ? void 0 : u.filter((s) => !!s.selected)[0]) || a.options[0]), c = (s) => {
+      r.value = s, t("change", r.value);
+    };
+    return (s, b) => {
+      const _ = Ne("KDropdownItem"), w = Ne("KDropdownMenu");
+      return m(), Z(w, {
+        appearance: "selectionMenu",
+        class: "top-bar-dropdown-menu",
+        disabled: n.disabled,
+        "disabled-tooltip": n.tooltip,
+        "kpop-attributes": { placement: "bottomStart", disabled: n.disabled },
+        label: r.value.label,
+        width: n.width,
+        onChange: b[0] || (b[0] = (A) => c(A))
+      }, {
+        items: V(({ handleSelection: A }) => [
+          L(s.$slots, "default", {}, () => [
+            (m(!0), E(be, null, ye(n.options, (O) => (m(), Z(_, {
+              key: O.value,
+              "data-testid": "select-" + O.value,
+              selected: r.value.value === O.value,
+              onClick: (y) => A(O)
+            }, {
+              default: V(() => [
+                L(s.$slots, "default", { option: O }, () => [
+                  $e(re(O.label), 1)
+                ], !0)
+              ]),
+              _: 2
+            }, 1032, ["data-testid", "selected", "onClick"]))), 128))
+          ], !0)
+        ]),
+        _: 3
+      }, 8, ["disabled", "disabled-tooltip", "kpop-attributes", "label", "width"]);
+    };
+  }
+});
+const ki = /* @__PURE__ */ q(ii, [["__scopeId", "data-v-b5a37136"]]), oi = {}, si = {
+  fill: "none",
+  height: "130",
+  width: "130",
+  xmlns: "http://www.w3.org/2000/svg"
+}, ci = /* @__PURE__ */ Sn('<path clip-rule="evenodd" d="M19.111 120.198c-.226 0-.409-.164-.409-.368v-4.812c0-.203.183-.368.409-.368.226 0 .409.165.409.368v4.812c0 .204-.183.368-.409.368Zm0-9.625c-.226 0-.409-.165-.409-.368v-4.813c0-.203.183-.368.409-.368.226 0 .409.165.409.368v4.813c0 .203-.183.368-.409.368Zm0-9.625c-.226 0-.409-.165-.409-.368v-4.813c0-.203.183-.368.409-.368.226 0 .409.165.409.368v4.813c0 .203-.183.368-.409.368Zm0-9.626c-.226 0-.409-.165-.409-.368v-4.812c0-.204.183-.368.409-.368.226 0 .409.164.409.368v4.812c0 .204-.183.368-.409.368Zm0-9.625c-.226 0-.409-.165-.409-.368v-4.813c0-.203.183-.368.409-.368.226 0 .409.165.409.368v4.813c0 .203-.183.368-.409.368Zm0-9.626c-.226 0-.409-.164-.409-.367V66.89c0-.203.183-.368.409-.368.226 0 .409.165.409.368v4.813c0 .203-.183.368-.409.368Zm0-9.625c-.226 0-.409-.165-.409-.368v-4.813c0-.203.183-.368.409-.368.226 0 .409.165.409.368v4.813c0 .203-.183.368-.409.368Zm0-9.625c-.226 0-.409-.165-.409-.368V47.64c0-.203.183-.368.409-.368.226 0 .409.165.409.368v4.813c0 .203-.183.368-.409.368Zm0-9.626c-.226 0-.409-.164-.409-.368v-4.812c0-.204.183-.368.409-.368.226 0 .409.164.409.368v4.812c0 .204-.183.368-.409.368Zm0-9.625c-.226 0-.409-.165-.409-.368v-4.813c0-.203.183-.368.409-.368.226 0 .409.165.409.368v4.813c0 .203-.183.368-.409.368Zm0-9.625c-.226 0-.409-.165-.409-.369v-4.812c0-.203.183-.368.409-.368.226 0 .409.165.409.368v4.813c0 .203-.183.368-.409.368Zm0-9.626c-.226 0-.409-.165-.409-.368V9.138c0-.203.183-.368.409-.368.226 0 .409.165.409.368v4.813c0 .203-.183.368-.409.368ZM110.889 120.198c-.225 0-.408-.164-.408-.368v-4.812c0-.203.183-.368.408-.368.226 0 .409.165.409.368v4.812c0 .204-.183.368-.409.368Zm0-9.625c-.225 0-.408-.165-.408-.368v-4.813c0-.203.183-.368.408-.368.226 0 .409.165.409.368v4.813c0 .203-.183.368-.409.368Zm0-9.625c-.225 0-.408-.165-.408-.368v-4.813c0-.203.183-.368.408-.368.226 0 .409.165.409.368v4.813c0 .203-.183.368-.409.368Zm0-9.626c-.225 0-.408-.165-.408-.368v-4.812c0-.204.183-.368.408-.368.226 0 .409.164.409.368v4.812c0 .204-.183.368-.409.368Zm0-9.625c-.225 0-.408-.165-.408-.368v-4.813c0-.203.183-.368.408-.368.226 0 .409.165.409.368v4.813c0 .203-.183.368-.409.368Zm0-9.626c-.225 0-.408-.164-.408-.367V66.89c0-.203.183-.368.408-.368.226 0 .409.165.409.368v4.813c0 .203-.183.368-.409.368Zm0-9.625c-.225 0-.408-.165-.408-.368v-4.813c0-.203.183-.368.408-.368.226 0 .409.165.409.368v4.813c0 .203-.183.368-.409.368Zm0-9.625c-.225 0-.408-.165-.408-.368V47.64c0-.203.183-.368.408-.368.226 0 .409.165.409.368v4.813c0 .203-.183.368-.409.368Zm0-9.626c-.225 0-.408-.164-.408-.368v-4.812c0-.204.183-.368.408-.368.226 0 .409.164.409.368v4.812c0 .204-.183.368-.409.368Zm0-9.625c-.225 0-.408-.165-.408-.368v-4.813c0-.203.183-.368.408-.368.226 0 .409.165.409.368v4.813c0 .203-.183.368-.409.368Zm0-9.625c-.225 0-.408-.165-.408-.369v-4.812c0-.203.183-.368.408-.368.226 0 .409.165.409.368v4.813c0 .203-.183.368-.409.368Zm0-9.626c-.225 0-.408-.165-.408-.368V9.138c0-.203.183-.368.408-.368.226 0 .409.165.409.368v4.813c0 .203-.183.368-.409.368Z" fill="#D6D6D6" fill-rule="evenodd"></path><path clip-rule="evenodd" d="M123.553 107.758a.399.399 0 0 1-.388.408h-5.068a.398.398 0 0 1-.387-.408c0-.226.173-.409.387-.409h5.068c.214 0 .388.183.388.409Zm-10.136 0a.398.398 0 0 1-.387.408h-5.068a.399.399 0 0 1-.388-.408c0-.226.174-.409.388-.409h5.068c.214 0 .387.183.387.409Zm-10.136 0a.398.398 0 0 1-.387.408h-5.068a.398.398 0 0 1-.388-.408c0-.226.174-.409.388-.409h5.068c.214 0 .387.183.387.409Zm-10.136 0a.398.398 0 0 1-.387.408H87.69a.398.398 0 0 1-.388-.408c0-.226.174-.409.388-.409h5.068c.214 0 .387.183.387.409Zm-10.136 0a.398.398 0 0 1-.387.408h-5.068a.398.398 0 0 1-.388-.408c0-.226.174-.409.388-.409h5.068c.214 0 .387.183.387.409Zm-10.135 0a.398.398 0 0 1-.388.408h-5.068a.398.398 0 0 1-.388-.408c0-.226.174-.409.388-.409h5.068c.214 0 .388.183.388.409Zm-10.136 0a.398.398 0 0 1-.388.408h-5.068a.398.398 0 0 1-.387-.408c0-.226.173-.409.387-.409h5.068c.214 0 .388.183.388.409Zm-10.136 0a.398.398 0 0 1-.388.408h-5.068a.398.398 0 0 1-.387-.408c0-.226.173-.409.387-.409h5.068c.214 0 .388.183.388.409Zm-10.136 0a.398.398 0 0 1-.388.408H37.01a.398.398 0 0 1-.387-.408c0-.226.173-.409.387-.409h5.068c.214 0 .388.183.388.409Zm-10.136 0a.398.398 0 0 1-.388.408h-5.067a.398.398 0 0 1-.388-.408c0-.226.174-.409.388-.409h5.067c.215 0 .388.183.388.409Zm-10.136 0a.398.398 0 0 1-.387.408h-5.068a.398.398 0 0 1-.388-.408c0-.226.174-.409.388-.409h5.068c.214 0 .387.183.387.409Zm-10.136 0a.398.398 0 0 1-.387.408H6.603a.398.398 0 0 1-.388-.408c0-.226.174-.409.388-.409h5.068c.214 0 .387.183.387.409ZM123.553 21.434a.399.399 0 0 1-.388.409h-5.068a.398.398 0 0 1-.387-.409c0-.226.173-.408.387-.408h5.068c.214 0 .388.183.388.408Zm-10.136 0a.399.399 0 0 1-.388.409h-5.068a.398.398 0 0 1-.387-.409c0-.226.173-.408.387-.408h5.068c.214 0 .388.183.388.408Zm-10.136 0a.398.398 0 0 1-.387.409h-5.068a.399.399 0 0 1-.388-.409c0-.226.174-.408.388-.408h5.068c.214 0 .387.183.387.408Zm-10.136 0a.398.398 0 0 1-.387.409H87.69a.398.398 0 0 1-.388-.409c0-.226.174-.408.388-.408h5.068c.214 0 .387.183.387.408Zm-10.136 0a.398.398 0 0 1-.387.409h-5.068a.398.398 0 0 1-.388-.409c0-.226.174-.408.388-.408h5.068c.214 0 .387.183.387.408Zm-10.136 0a.398.398 0 0 1-.387.409h-5.068a.398.398 0 0 1-.388-.409c0-.226.174-.408.388-.408h5.068c.214 0 .387.183.387.408Zm-10.135 0a.399.399 0 0 1-.388.409h-5.068a.398.398 0 0 1-.387-.409c0-.226.173-.408.387-.408h5.068c.214 0 .388.183.388.408Zm-10.136 0a.398.398 0 0 1-.388.409h-5.068a.398.398 0 0 1-.387-.409c0-.226.173-.408.387-.408h5.068c.214 0 .388.183.388.408Zm-10.136 0a.398.398 0 0 1-.388.409H37.01a.398.398 0 0 1-.387-.409c0-.226.173-.408.387-.408h5.068c.214 0 .388.183.388.408Zm-10.136 0a.398.398 0 0 1-.388.409h-5.068a.398.398 0 0 1-.387-.409c0-.226.173-.408.387-.408h5.068c.214 0 .388.183.388.408Zm-10.136 0a.398.398 0 0 1-.388.409h-5.068a.398.398 0 0 1-.387-.409c0-.226.173-.408.387-.408h5.068c.214 0 .388.183.388.408Zm-10.136 0a.398.398 0 0 1-.387.409H6.603a.398.398 0 0 1-.388-.409c0-.226.174-.408.388-.408h5.068c.214 0 .387.183.387.408Z" fill="#D6D6D6" fill-rule="evenodd"></path><circle cx="65" cy="65" opacity=".5" r="64" stroke="#B6B6BD" stroke-dasharray="5.69 5.69" stroke-linecap="round" stroke-width=".854"></circle><g clip-path="url(#a)" stroke="#169FCC" stroke-miterlimit="10" stroke-width="1.42"><path d="m33.523 104.868-5.72-.695a1.214 1.214 0 0 1-.766-.386 1.182 1.182 0 0 1-.312-.788v-7.448c0-.095.038-.186.106-.253a.365.365 0 0 1 .256-.104l5.254-.263M61.471 22.733a1.761 1.761 0 0 1 1.45.235 49.628 49.628 0 0 1 15.613 17.6 48.797 48.797 0 0 1 5.65 22.702 47.236 47.236 0 0 1-.333 5.325 41.34 41.34 0 0 0-12.501-.441 48.503 48.503 0 0 0-1.813-23.734 49.117 49.117 0 0 0-12.91-20.119c1.602-.591 3.223-1.136 4.844-1.568Z"></path><path d="M71.35 68.154a39.493 39.493 0 0 0-10.813 3.757 51.298 51.298 0 0 0 3.251-18.062c0-9.392-4.939-19.179-9.783-27.237-.257-.432 0-1.616 2.642-2.32"></path><path d="M56.236 78.58a13.605 13.605 0 0 0-4.29-9.289 14.017 14.017 0 0 0-9.622-3.786 9.617 9.617 0 0 1-6.456-2.446 9.341 9.341 0 0 1-3.079-6.1l-.286-4.256c3.09 0 9.46 4.105 13.216 4.866 3.757.76 8.21.253 11.862 3.437a13.303 13.303 0 0 1 4.357 6.575"></path><path d="M68.594 75.442c-3.432 6.95-7.914 11.59-14.303 16.033a47.076 47.076 0 0 1-21.702 8.058v-4.696c11.642-4.809 22.208-11.806 27.948-22.88"></path><path d="M76.499 84.815a46.939 46.939 0 0 1-17.392 14.511 50.925 50.925 0 0 1-22.885 5.457c-2.317 0-3.662.47-3.662-.695v-4.555"></path><path d="M83.85 68.595c22.304 16.22 4.044 39.25-19.652 37.663.954-.939 29.95-22.222-3.661-34.3"></path><path d="M84.184 58.47c13.607 0 25.746 26.242 17.383 30.995-1.182-17.508-17.716-20.87-17.716-20.87"></path></g><defs><clipPath id="a"><path d="M0 0h79v85H0z" fill="#fff" transform="translate(26 22)"></path></clipPath></defs>', 5), li = [
+  ci
+];
+function ui(n, t) {
+  return m(), E("svg", si, li);
+}
+const di = /* @__PURE__ */ q(oi, [["render", ui]]), Ut = (n) => (tt("data-v-aaa5c166"), n = n(), at(), n), fi = { class: "kong-ui-app-error" }, vi = { class: "banana-icon" }, bi = { class: "kong-ui-app-error-content" }, pi = /* @__PURE__ */ Ut(() => /* @__PURE__ */ T("h2", null, "An unexpected error has occurred", -1)), hi = /* @__PURE__ */ Ut(() => /* @__PURE__ */ T("p", null, [
+  /* @__PURE__ */ $e("Go back to the previous page or "),
+  /* @__PURE__ */ T("a", { href: "/" }, "return home"),
+  /* @__PURE__ */ $e(".")
+], -1)), mi = /* @__PURE__ */ Y({
+  __name: "AppError",
+  setup(n) {
+    return (t, a) => (m(), E("section", fi, [
+      T("div", vi, [
+        Re(di)
+      ]),
+      T("div", bi, [
+        L(t.$slots, "default", {}, () => [
+          pi,
+          hi
+        ], !0)
+      ])
+    ]));
+  }
+});
+const Si = /* @__PURE__ */ q(mi, [["__scopeId", "data-v-aaa5c166"]]);
+function gi(n) {
+  return !!new RegExp("^(https?:\\/\\/)?((([a-z\\d]([a-z\\d-]*[a-z\\d])*)\\.)+[a-z]{2,}|((\\d{1,3}\\.){3}\\d{1,3}))(\\:\\d+)?(\\/[-a-z\\d%_.~+]*)*(\\?[;&a-z\\d%_.~+=-]*)?(\\#[-a-z\\d_]*)?$", "i").test(n);
+}
+const yi = ["href"], _i = /* @__PURE__ */ Y({
+  __name: "ExternalLink",
+  props: {
+    href: {
+      type: String,
+      required: !0,
+      validator: function(n) {
+        return gi(n) || n === "";
+      }
+    },
+    hideIcon: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  setup(n) {
+    return (t, a) => {
+      const r = Ne("KIcon");
+      return n.href ? (m(), E("a", {
+        key: 0,
+        class: "external-link",
+        href: n.href,
+        rel: "noopener",
+        target: "_blank"
+      }, [
+        L(t.$slots, "default", {}, void 0, !0),
+        n.hideIcon ? F("", !0) : (m(), Z(r, {
+          key: 0,
+          class: "ml-mb-auto",
+          icon: "externalLink",
+          size: "12"
+        }))
+      ], 8, yi)) : F("", !0);
+    };
+  }
+});
+const Ii = /* @__PURE__ */ q(_i, [["__scopeId", "data-v-8368fd0f"]]), Ci = {
+  // Customize Vue plugin options as desired
+  // Providing a `name` property allows for customizing the registered
+  // name of your component (useful if exporting a single component).
+  install: (n, t = {}) => {
+    n.component(t.name || "AppLayout", ri);
+  }
+};
+export {
+  Si as AppError,
+  ri as AppLayout,
+  $n as AppNavbar,
+  Kr as AppSidebar,
+  Ii as ExternalLink,
+  ki as NavbarDropdownMenu,
+  Yr as SidebarToggle,
+  Ci as default
+};
+//# sourceMappingURL=app-layout.es.js.map