@prefabs.tech/vue3-layout 0.16.0 → 0.18.0

package/dist/{index-C32V-DYI.js → index-B5xvgE1C.js}

@@ -1,12 +1,12 @@
 import { useI18n as Ke, LocaleSwitcher as re, prependMessages as Ye } from "@prefabs.tech/vue3-i18n";
-import { defineComponent as L, computed as M, createElementBlock as g, openBlock as p, createTextVNode as de, createElementVNode as S, toDisplayString as T, unref as b, renderSlot as d, createBlock as x, createCommentVNode as k, h as he, resolveComponent as Ce, createVNode as N, withCtx as w, ref as j, onUnmounted as _e, normalizeClass as O, Transition as Me, Fragment as Ae, renderList as ie, useSlots as Ne, defineAsyncComponent as Je, shallowRef as Xe, markRaw as et, watch as tt, resolveDynamicComponent as nt, createSlots as Te, onMounted as ot, withDirectives as st, vShow as rt, inject as it } from "vue";
+import { defineComponent as I, computed as C, createElementBlock as v, openBlock as h, createTextVNode as de, createElementVNode as S, toDisplayString as T, unref as b, renderSlot as d, createBlock as x, createCommentVNode as k, h as he, resolveComponent as Ce, createVNode as N, withCtx as w, ref as j, onUnmounted as _e, normalizeClass as O, Transition as Me, Fragment as Ae, renderList as ie, useSlots as Ne, defineAsyncComponent as Je, shallowRef as Xe, markRaw as et, watch as tt, resolveDynamicComponent as nt, createSlots as Te, onMounted as ot, withDirectives as st, vShow as rt, inject as it } from "vue";
 import { useConfig as q } from "@prefabs.tech/vue3-config";
 import { useWindowSize as je } from "@vueuse/core";
 import { ResponsiveMenu as lt } from "@prefabs.tech/vue3-ui";
 import { useRoute as le, useRouter as Pe } from "vue-router";
 const at = { class: "copyright" }, ct = ["href"], ut = {
   name: "Copyright"
-}, ft = /* @__PURE__ */ L({
+}, ft = /* @__PURE__ */ I({
   ...ut,
   props: {
     holder: {
@@ -20,8 +20,8 @@ const at = { class: "copyright" }, ct = ["href"], ut = {
     }
   },
   setup(e) {
-    const n = e, t = ro(), { t: s } = Ke({ messages: t }), o = M(() => n.showDisclaimer ? s("copyright.disclaimer") : null), r = (/* @__PURE__ */ new Date()).getFullYear();
-    return (i, l) => (p(), g("div", at, [
+    const n = e, t = ro(), { t: s } = Ke({ messages: t }), o = C(() => n.showDisclaimer ? s("copyright.disclaimer") : null), r = (/* @__PURE__ */ new Date()).getFullYear();
+    return (i, l) => (h(), v("div", at, [
       de(" © " + T(b(r)) + " ", 1),
       S("a", {
         href: e.url,
@@ -32,13 +32,13 @@ const at = { class: "copyright" }, ct = ["href"], ut = {
   }
 }), dt = { class: "version" }, ht = {
   name: "AppFooter"
-}, ae = /* @__PURE__ */ L({
+}, ae = /* @__PURE__ */ I({
   ...ht,
   setup(e) {
     const n = q();
-    return (t, s) => (p(), g("footer", null, [
+    return (t, s) => (h(), v("footer", null, [
       d(t.$slots, "copyright", {}, () => [
-        b(n)?.copyright ? (p(), x(ft, {
+        b(n)?.copyright ? (h(), x(ft, {
           key: 0,
           holder: b(n).copyright.holder,
           url: b(n).copyright.url
@@ -66,7 +66,7 @@ const at = { class: "copyright" }, ct = ["href"], ut = {
       prefix: a,
       name: l
     };
-    return n && !Q(c) ? null : c;
+    return n && !U(c) ? null : c;
   }
   const r = o[0], i = r.split("-");
   if (i.length > 1) {
@@ -75,7 +75,7 @@ const at = { class: "copyright" }, ct = ["href"], ut = {
       prefix: i.shift(),
       name: i.join("-")
     };
-    return n && !Q(l) ? null : l;
+    return n && !U(l) ? null : l;
   }
   if (t && s === "") {
     const l = {
@@ -83,10 +83,10 @@ const at = { class: "copyright" }, ct = ["href"], ut = {
       prefix: "",
       name: r
     };
-    return n && !Q(l, t) ? null : l;
+    return n && !U(l, t) ? null : l;
   }
   return null;
-}, Q = (e, n) => e ? !!// Check prefix: cannot be empty, unless allowSimpleName is enabled
+}, U = (e, n) => e ? !!// Check prefix: cannot be empty, unless allowSimpleName is enabled
 // Check name: cannot be empty
 ((n && e.prefix === "" || e.prefix) && e.name) : !1, Fe = Object.freeze(
   {
@@ -260,7 +260,7 @@ function kt(e, n) {
     })), o;
   }
   const t = e.prefix;
-  if (!Q({
+  if (!U({
     prefix: t,
     name: "a"
   }))
@@ -340,48 +340,48 @@ function Mt(e, n) {
   };
   let r = t.body;
   [t, s].forEach(($) => {
-    const m = [], P = $.hFlip, E = $.vFlip;
+    const p = [], P = $.hFlip, E = $.vFlip;
     let A = $.rotate;
-    P ? E ? A += 2 : (m.push(
+    P ? E ? A += 2 : (p.push(
       "translate(" + (o.width + o.left).toString() + " " + (0 - o.top).toString() + ")"
-    ), m.push("scale(-1 1)"), o.top = o.left = 0) : E && (m.push(
+    ), p.push("scale(-1 1)"), o.top = o.left = 0) : E && (p.push(
       "translate(" + (0 - o.left).toString() + " " + (o.height + o.top).toString() + ")"
-    ), m.push("scale(1 -1)"), o.top = o.left = 0);
-    let C;
+    ), p.push("scale(1 -1)"), o.top = o.left = 0);
+    let _;
     switch (A < 0 && (A -= Math.floor(A / 4) * 4), A = A % 4, A) {
       case 1:
-        C = o.height / 2 + o.top, m.unshift(
-          "rotate(90 " + C.toString() + " " + C.toString() + ")"
+        _ = o.height / 2 + o.top, p.unshift(
+          "rotate(90 " + _.toString() + " " + _.toString() + ")"
         );
         break;
       case 2:
-        m.unshift(
+        p.unshift(
           "rotate(180 " + (o.width / 2 + o.left).toString() + " " + (o.height / 2 + o.top).toString() + ")"
         );
         break;
       case 3:
-        C = o.width / 2 + o.left, m.unshift(
-          "rotate(-90 " + C.toString() + " " + C.toString() + ")"
+        _ = o.width / 2 + o.left, p.unshift(
+          "rotate(-90 " + _.toString() + " " + _.toString() + ")"
         );
         break;
     }
-    A % 2 === 1 && (o.left !== o.top && (C = o.left, o.left = o.top, o.top = C), o.width !== o.height && (C = o.width, o.width = o.height, o.height = C)), m.length && (r = Ct(
+    A % 2 === 1 && (o.left !== o.top && (_ = o.left, o.left = o.top, o.top = _), o.width !== o.height && (_ = o.width, o.width = o.height, o.height = _)), p.length && (r = Ct(
       r,
-      '<g transform="' + m.join(" ") + '">',
+      '<g transform="' + p.join(" ") + '">',
       "</g>"
     ));
   });
   const i = s.width, l = s.height, a = o.width, c = o.height;
-  let u, h;
-  i === null ? (h = l === null ? "1em" : l === "auto" ? c : l, u = ge(h, a / c)) : (u = i === "auto" ? a : i, h = l === null ? ge(u, c / a) : l === "auto" ? c : l);
-  const f = {}, v = ($, m) => {
-    _t(m) || (f[$] = m.toString());
+  let f, m;
+  i === null ? (m = l === null ? "1em" : l === "auto" ? c : l, f = ge(m, a / c)) : (f = i === "auto" ? a : i, m = l === null ? ge(f, c / a) : l === "auto" ? c : l);
+  const u = {}, g = ($, p) => {
+    _t(p) || (u[$] = p.toString());
   };
-  v("width", u), v("height", h);
-  const I = [o.left, o.top, a, c];
-  return f.viewBox = I.join(" "), {
-    attributes: f,
-    viewBox: I,
+  g("width", f), g("height", m);
+  const L = [o.left, o.top, a, c];
+  return u.viewBox = L.join(" "), {
+    attributes: u,
+    viewBox: L,
     body: r
   };
 }
@@ -440,11 +440,11 @@ function ce(e) {
 const ue = /* @__PURE__ */ Object.create(null), z = [
   "https://api.simplesvg.com",
   "https://api.unisvg.com"
-], U = [];
+], Q = [];
 for (; z.length > 0; )
-  z.length === 1 || Math.random() > 0.5 ? U.push(z.shift()) : U.push(z.pop());
+  z.length === 1 || Math.random() > 0.5 ? Q.push(z.shift()) : Q.push(z.pop());
 ue[""] = ce({
-  resources: ["https://api.iconify.design"].concat(U)
+  resources: ["https://api.iconify.design"].concat(Q)
 });
 function Et(e, n) {
   const t = ce(n);
@@ -574,14 +574,14 @@ function qt(e) {
       return;
     s = o;
     const r = o.provider, i = o.prefix, l = o.name, a = t[r] || (t[r] = /* @__PURE__ */ Object.create(null)), c = a[i] || (a[i] = R(r, i));
-    let u;
-    l in c.icons ? u = n.loaded : i === "" || c.missing.has(l) ? u = n.missing : u = n.pending;
-    const h = {
+    let f;
+    l in c.icons ? f = n.loaded : i === "" || c.missing.has(l) ? f = n.missing : f = n.pending;
+    const m = {
       provider: r,
       prefix: i,
       name: l
     };
-    u.push(h);
+    f.push(m);
   }), n;
 }
 function qe(e, n) {
@@ -628,9 +628,9 @@ function Vt(e) {
     });
   }));
 }
-let Qt = 0;
-function Ut(e, n, t) {
-  const s = Qt++, o = qe.bind(null, t, s);
+let Ut = 0;
+function Qt(e, n, t) {
+  const s = Ut++, o = qe.bind(null, t, s);
   if (!n.pending.length)
     return o;
   const r = {
@@ -664,25 +664,25 @@ function Zt(e, n, t, s) {
   if (e.random) {
     let y = e.resources.slice(0);
     for (i = []; y.length > 1; ) {
-      const _ = Math.floor(Math.random() * y.length);
-      i.push(y[_]), y = y.slice(0, _).concat(y.slice(_ + 1));
+      const M = Math.floor(Math.random() * y.length);
+      i.push(y[M]), y = y.slice(0, M).concat(y.slice(M + 1));
     }
     i = i.concat(y);
   } else
     i = e.resources.slice(r).concat(e.resources.slice(0, r));
   const l = Date.now();
-  let a = "pending", c = 0, u, h = null, f = [], v = [];
-  typeof s == "function" && v.push(s);
-  function I() {
-    h && (clearTimeout(h), h = null);
+  let a = "pending", c = 0, f, m = null, u = [], g = [];
+  typeof s == "function" && g.push(s);
+  function L() {
+    m && (clearTimeout(m), m = null);
   }
   function $() {
-    a === "pending" && (a = "aborted"), I(), f.forEach((y) => {
+    a === "pending" && (a = "aborted"), L(), u.forEach((y) => {
       y.status === "pending" && (y.status = "aborted");
-    }), f = [];
+    }), u = [];
   }
-  function m(y, _) {
-    _ && (v = []), typeof y == "function" && v.push(y);
+  function p(y, M) {
+    M && (g = []), typeof y == "function" && g.push(y);
   }
   function P() {
     return {
@@ -690,24 +690,24 @@ function Zt(e, n, t, s) {
       payload: n,
       status: a,
       queriesSent: c,
-      queriesPending: f.length,
-      subscribe: m,
+      queriesPending: u.length,
+      subscribe: p,
       abort: $
     };
   }
   function E() {
-    a = "failed", v.forEach((y) => {
-      y(void 0, u);
+    a = "failed", g.forEach((y) => {
+      y(void 0, f);
     });
   }
   function A() {
-    f.forEach((y) => {
+    u.forEach((y) => {
       y.status === "pending" && (y.status = "aborted");
-    }), f = [];
+    }), u = [];
   }
-  function C(y, _, B) {
-    const V = _ !== "success";
-    switch (f = f.filter((F) => F !== y), a) {
+  function _(y, M, B) {
+    const V = M !== "success";
+    switch (u = u.filter((F) => F !== y), a) {
       case "pending":
         break;
       case "failed":
@@ -717,45 +717,45 @@ function Zt(e, n, t, s) {
       default:
         return;
     }
-    if (_ === "abort") {
-      u = B, E();
+    if (M === "abort") {
+      f = B, E();
       return;
     }
     if (V) {
-      u = B, f.length || (i.length ? Y() : E());
+      f = B, u.length || (i.length ? Y() : E());
       return;
     }
-    if (I(), A(), !e.random) {
+    if (L(), A(), !e.random) {
       const F = e.resources.indexOf(y.resource);
       F !== -1 && F !== e.index && (e.index = F);
     }
-    a = "completed", v.forEach((F) => {
+    a = "completed", g.forEach((F) => {
       F(B);
     });
   }
   function Y() {
     if (a !== "pending")
       return;
-    I();
+    L();
     const y = i.shift();
     if (y === void 0) {
-      if (f.length) {
-        h = setTimeout(() => {
-          I(), a === "pending" && (A(), E());
+      if (u.length) {
+        m = setTimeout(() => {
+          L(), a === "pending" && (A(), E());
         }, e.timeout);
         return;
       }
       E();
       return;
     }
-    const _ = {
+    const M = {
       status: "pending",
       resource: y,
       callback: (B, V) => {
-        C(_, B, V);
+        _(M, B, V);
       }
     };
-    f.push(_), c++, h = setTimeout(Y, e.rotate), t(y, n, _.callback);
+    u.push(M), c++, m = setTimeout(Y, e.rotate), t(y, n, M.callback);
   }
   return setTimeout(Y), P;
 }
@@ -769,15 +769,15 @@ function Ve(e) {
     t = t.filter((l) => l().status === "pending");
   }
   function o(l, a, c) {
-    const u = Zt(
+    const f = Zt(
       n,
       l,
       a,
-      (h, f) => {
-        s(), c && c(h, f);
+      (m, u) => {
+        s(), c && c(m, u);
       }
     );
-    return t.push(u), u;
+    return t.push(f), f;
   }
   function r(l) {
     return t.find((a) => l(a)) || null;
@@ -878,23 +878,23 @@ function en(e, n) {
     if (e.loadIcons && (o.length > 1 || !r)) {
       we(
         e.loadIcons(o, s, t),
-        (u) => {
-          D(e, o, u);
+        (f) => {
+          D(e, o, f);
         }
       );
       return;
     }
     if (r) {
-      o.forEach((u) => {
-        const h = r(u, s, t);
-        we(h, (f) => {
-          const v = f ? {
+      o.forEach((f) => {
+        const m = r(f, s, t);
+        we(m, (u) => {
+          const g = u ? {
             prefix: s,
             icons: {
-              [u]: f
+              [f]: u
             }
           } : null;
-          D(e, [u], v);
+          D(e, [f], g);
         });
       });
       return;
@@ -907,9 +907,9 @@ function en(e, n) {
       D(e, i, null);
       return;
     }
-    a.prepare(t, s, i).forEach((u) => {
-      Yt(t, u, (h) => {
-        D(e, u.icons, h);
+    a.prepare(t, s, i).forEach((f) => {
+      Yt(t, f, (m) => {
+        D(e, f.icons, m);
       });
     });
   }));
@@ -932,19 +932,19 @@ const tn = (e, n) => {
   const o = /* @__PURE__ */ Object.create(null), r = [];
   let i, l;
   return s.pending.forEach((a) => {
-    const { provider: c, prefix: u } = a;
-    if (u === l && c === i)
+    const { provider: c, prefix: f } = a;
+    if (f === l && c === i)
       return;
-    i = c, l = u, r.push(R(c, u));
-    const h = o[c] || (o[c] = /* @__PURE__ */ Object.create(null));
-    h[u] || (h[u] = []);
+    i = c, l = f, r.push(R(c, f));
+    const m = o[c] || (o[c] = /* @__PURE__ */ Object.create(null));
+    m[f] || (m[f] = []);
   }), s.pending.forEach((a) => {
-    const { provider: c, prefix: u, name: h } = a, f = R(c, u), v = f.pendingIcons || (f.pendingIcons = /* @__PURE__ */ new Set());
-    v.has(h) || (v.add(h), o[c][u].push(h));
+    const { provider: c, prefix: f, name: m } = a, u = R(c, f), g = u.pendingIcons || (u.pendingIcons = /* @__PURE__ */ new Set());
+    g.has(m) || (g.add(m), o[c][f].push(m));
   }), r.forEach((a) => {
     const c = o[a.provider][a.prefix];
     c.length && en(a, c);
-  }), n ? Ut(n, s, r) : be;
+  }), n ? Qt(n, s, r) : be;
 };
 function nn(e, n) {
   const t = {
@@ -1022,7 +1022,7 @@ const $e = {
   display: "inline-block"
 }, oe = {
   backgroundColor: "currentColor"
-}, Qe = {
+}, Ue = {
   backgroundColor: "transparent"
 }, ke = {
   Image: "var(--svg)",
@@ -1031,7 +1031,7 @@ const $e = {
 }, Se = {
   webkitMask: oe,
   mask: oe,
-  background: Qe
+  background: Ue
 };
 for (const e in Se) {
   const n = Se[e];
@@ -1049,8 +1049,8 @@ function Le(e) {
 const Ie = (e, n) => {
   const t = nn($e, n), s = { ...fn }, o = n.mode || "svg", r = {}, i = n.style, l = typeof i == "object" && !(i instanceof Array) ? i : {};
   for (let $ in n) {
-    const m = n[$];
-    if (m !== void 0)
+    const p = n[$];
+    if (p !== void 0)
       switch ($) {
         // Properties to ignore
         case "icon":
@@ -1063,28 +1063,28 @@ const Ie = (e, n) => {
         case "inline":
         case "hFlip":
         case "vFlip":
-          t[$] = m === !0 || m === "true" || m === 1;
+          t[$] = p === !0 || p === "true" || p === 1;
           break;
         // Flip as string: 'horizontal,vertical'
         case "flip":
-          typeof m == "string" && sn(t, m);
+          typeof p == "string" && sn(t, p);
           break;
         // Color: override style
         case "color":
-          r.color = m;
+          r.color = p;
           break;
         // Rotation as string
         case "rotate":
-          typeof m == "string" ? t[$] = rn(m) : typeof m == "number" && (t[$] = m);
+          typeof p == "string" ? t[$] = rn(p) : typeof p == "number" && (t[$] = p);
           break;
         // Remove aria-hidden
         case "ariaHidden":
         case "aria-hidden":
-          m !== !0 && m !== "true" && delete s["aria-hidden"];
+          p !== !0 && p !== "true" && delete s["aria-hidden"];
           break;
         default: {
           const P = W[$];
-          P ? (m === !0 || m === "true" || m === 1) && (t[P] = !0) : $e[$] === void 0 && (s[$] = m);
+          P ? (p === !0 || p === "true" || p === 1) && (t[P] = !0) : $e[$] === void 0 && (s[$] = p);
         }
       }
   }
@@ -1094,21 +1094,21 @@ const Ie = (e, n) => {
       ...r,
       ...l
     }, Object.assign(s, c);
-    let $ = 0, m = n.id;
-    return typeof m == "string" && (m = m.replace(/-/g, "_")), s.innerHTML = jt(a.body, m ? () => m + "ID" + $++ : "iconifyVue"), he("svg", s);
+    let $ = 0, p = n.id;
+    return typeof p == "string" && (p = p.replace(/-/g, "_")), s.innerHTML = jt(a.body, p ? () => p + "ID" + $++ : "iconifyVue"), he("svg", s);
   }
-  const { body: u, width: h, height: f } = e, v = o === "mask" || (o === "bg" ? !1 : u.indexOf("currentColor") !== -1), I = ln(u, {
+  const { body: f, width: m, height: u } = e, g = o === "mask" || (o === "bg" ? !1 : f.indexOf("currentColor") !== -1), L = ln(f, {
     ...c,
-    width: h + "",
-    height: f + ""
+    width: m + "",
+    height: u + ""
   });
   return s.style = {
     ...r,
-    "--svg": un(I),
+    "--svg": un(L),
     width: Le(c.width),
     height: Le(c.height),
     ...dn,
-    ...v ? oe : Qe,
+    ...g ? oe : Ue,
     ...l
   }, he("span", s);
 };
@@ -1148,7 +1148,7 @@ if (typeof document < "u" && typeof window < "u") {
 const hn = {
   ...K,
   body: ""
-}, xe = L({
+}, xe = I({
   // Do not inherit other attributes: it is handled by render()
   inheritAttrs: !1,
   // Set initial data
@@ -1220,7 +1220,7 @@ const hn = {
   class: "logo-default"
 }, vn = {
   name: "Logo"
-}, Ue = /* @__PURE__ */ L({
+}, Qe = /* @__PURE__ */ I({
   ...vn,
   props: {
     alt: {
@@ -1237,23 +1237,23 @@ const hn = {
     }
   },
   setup(e) {
-    const n = e, { appName: t, appTitle: s, layout: o } = q(), r = M(() => {
+    const n = e, { appName: t, appTitle: s, layout: o } = q(), r = C(() => {
       if (t)
         return t.replace("@", "").replace("/", " ");
     }), i = n.alt || o?.logoAlt || r.value || s || "My App", l = n.src || o?.logo, a = n.route || o?.logoRoute || "home";
-    return (c, u) => {
-      const h = Ce("router-link");
-      return p(), g("div", pn, [
+    return (c, f) => {
+      const m = Ce("router-link");
+      return h(), v("div", pn, [
         d(c.$slots, "default", {}, () => [
-          N(h, {
+          N(m, {
             to: { name: b(a) }
           }, {
             default: w(() => [
-              b(l) ? (p(), g("img", {
+              b(l) ? (h(), v("img", {
                 key: 0,
                 alt: b(i),
                 src: b(l)
-              }, null, 8, mn)) : (p(), g("span", gn, [
+              }, null, 8, mn)) : (h(), v("span", gn, [
                 S("span", null, T(b(i)[0]), 1),
                 S("span", null, T(b(i)), 1)
               ]))
@@ -1266,7 +1266,7 @@ const hn = {
   }
 }), yn = {
   name: "MainMenu"
-}, bn = /* @__PURE__ */ L({
+}, bn = /* @__PURE__ */ I({
   ...yn,
   props: {
     routes: {
@@ -1276,12 +1276,12 @@ const hn = {
   },
   emits: ["close"],
   setup(e) {
-    const n = e, t = le(), s = Pe(), o = M(() => {
+    const n = e, t = le(), s = Pe(), o = C(() => {
       let l = n.routes?.find(
         (a) => a.route === t?.name
       )?.route;
       return l || (l = r.value), l;
-    }), r = M(() => {
+    }), r = C(() => {
       const l = t?.matched;
       if (l?.length > 1) {
         const a = l[l.length - 2];
@@ -1292,7 +1292,7 @@ const hn = {
       const a = s.getRoutes().find((c) => c.path === l);
       return String(a?.name);
     };
-    return (l, a) => (p(), x(b(lt), {
+    return (l, a) => (h(), x(b(lt), {
       ref: "mainMenu",
       "active-route": o.value ?? "home",
       routes: e.routes,
@@ -1301,7 +1301,7 @@ const hn = {
   }
 }), wn = {
   name: "AppHeader"
-}, We = /* @__PURE__ */ L({
+}, We = /* @__PURE__ */ I({
   ...wn,
   props: {
     noLocaleSwitcher: Boolean,
@@ -1310,57 +1310,57 @@ const hn = {
     noToggle: Boolean
   },
   setup(e, { expose: n }) {
-    const { layout: t } = q(), { width: s } = je(), o = j(null), r = j(!0), i = t && t?.homeRoute ? t.homeRoute : void 0, l = t?.localeSwitcher?.showBadges, a = M(() => s.value > 576), c = () => {
+    const { layout: t } = q(), { width: s } = je(), o = j(null), r = j(!0), i = t && t?.homeRoute ? t.homeRoute : void 0, l = t?.localeSwitcher?.showBadges, a = C(() => s.value > 576), c = () => {
       r.value = !1;
-    }, u = () => {
+    }, f = () => {
       window.innerWidth >= 576 ? r.value = !0 : r.value = !1;
-    }, h = () => {
+    }, m = () => {
       r.value = !r.value;
     };
     return _e(() => {
-      window.removeEventListener("resize", u);
-    }), window.addEventListener("resize", u), u(), n({
+      window.removeEventListener("resize", f);
+    }), window.addEventListener("resize", f), f(), n({
       expanded: r
-    }), (f, v) => (p(), g("header", {
+    }), (u, g) => (h(), v("header", {
       ref_key: "dzangolabVueAppHeader",
       ref: o
     }, [
-      !e.noToggle || !a.value ? (p(), g("div", {
+      !e.noToggle || !a.value ? (h(), v("div", {
         key: 0,
         class: "toggle",
-        onClick: h
+        onClick: m
       }, [
-        d(f.$slots, "toggle", {}, () => [
-          r.value && !a.value ? (p(), x(b(xe), {
+        d(u.$slots, "toggle", {}, () => [
+          r.value && !a.value ? (h(), x(b(xe), {
             key: 0,
             icon: "prime:times",
             height: "2rem"
-          })) : (p(), x(b(xe), {
+          })) : (h(), x(b(xe), {
             key: 1,
             icon: "prime:bars",
             height: "2rem"
           }))
         ])
       ])) : k("", !0),
-      d(f.$slots, "logo", { class: "logo" }, () => [
-        e.noLogo ? k("", !0) : (p(), x(Ue, {
+      d(u.$slots, "logo", { class: "logo" }, () => [
+        e.noLogo ? k("", !0) : (h(), x(Qe, {
           key: 0,
           route: b(i)
         }, null, 8, ["route"]))
       ]),
       S("nav", null, [
-        d(f.$slots, "menu", {}, () => [
-          b(t)?.mainMenu && !e.noMainMenu ? (p(), x(bn, {
+        d(u.$slots, "menu", {}, () => [
+          b(t)?.mainMenu && !e.noMainMenu ? (h(), x(bn, {
             key: 0,
             class: "main-menu",
             routes: b(t)?.mainMenu,
             onClose: c
           }, null, 8, ["routes"])) : k("", !0)
         ]),
-        d(f.$slots, "userMenu"),
-        d(f.$slots, "addon"),
-        d(f.$slots, "locales", {}, () => [
-          e.noLocaleSwitcher ? k("", !0) : (p(), x(b(re), {
+        d(u.$slots, "userMenu"),
+        d(u.$slots, "addon"),
+        d(u.$slots, "locales", {}, () => [
+          e.noLocaleSwitcher ? k("", !0) : (h(), x(b(re), {
             key: 0,
             "show-badges": b(l),
             class: "locales"
@@ -1384,9 +1384,9 @@ const hn = {
 }, Cn = {
   name: "NavMenuItem",
   components: {
-    NavMenuItem: () => import("./NavMenuItem-F-SRvhP6.js")
+    NavMenuItem: () => import("./NavMenuItem-B4GnVnC1.js")
   }
-}, _n = /* @__PURE__ */ L({
+}, _n = /* @__PURE__ */ I({
   ...Cn,
   props: {
     item: {
@@ -1401,33 +1401,33 @@ const hn = {
   },
   emits: ["select:menu"],
   setup(e, { emit: n }) {
-    const t = e, s = n, o = le(), r = Pe(), i = j(!1), l = M(() => {
-      const f = o?.matched;
-      if (f?.length > 1) {
-        const v = f[f.length - 2];
-        return u(v?.path);
+    const t = e, s = n, o = le(), r = Pe(), i = j(!1), l = C(() => {
+      const u = o?.matched;
+      if (u?.length > 1) {
+        const g = u[u.length - 2];
+        return f(g?.path);
       }
       return "";
-    }), a = M(() => {
-      let f = o.name === t.item?.routeName;
-      return f || (t.item?.routeName ? f = !!l.value && l.value === t.item?.routeName : !t.item?.routeName && !t.item?.children?.length && o.name === l.value && (f = !0)), f;
-    }), c = M(() => !t.sidebarActive && t.item.shortName), u = (f) => {
-      const v = r.getRoutes().find((I) => I.path === f);
-      return String(v?.name);
-    }, h = () => {
+    }), a = C(() => {
+      let u = o.name === t.item?.routeName;
+      return u || (t.item?.routeName ? u = !!l.value && l.value === t.item?.routeName : !t.item?.routeName && !t.item?.children?.length && o.name === l.value && (u = !0)), u;
+    }), c = C(() => !t.sidebarActive && t.item.shortName), f = (u) => {
+      const g = r.getRoutes().find((L) => L.path === u);
+      return String(g?.name);
+    }, m = () => {
       t.item.routeName ? (r.push({ name: t.item.routeName }), s("select:menu")) : !t.item.routeName && !t.item.children?.length ? (r.push({ name: l.value }), s("select:menu")) : i.value = !i.value;
     };
     return t.item.children?.length && (i.value = !!t.item.children.find(
-      (f) => o.name === f?.routeName
-    )), (f, v) => {
-      const I = Ce("NavMenuItem", !0);
-      return p(), g("div", kn, [
+      (u) => o.name === u?.routeName
+    )), (u, g) => {
+      const L = Ce("NavMenuItem", !0);
+      return h(), v("div", kn, [
         S("a", {
           class: O([{ active: a.value }, "link"]),
           "aria-label": "open menu",
-          onClick: h
+          onClick: m
         }, [
-          e.item.icon ? (p(), g("i", {
+          e.item.icon ? (h(), v("i", {
             key: 0,
             class: O([
               "icon",
@@ -1435,15 +1435,15 @@ const hn = {
               { "icon-only": !c.value && !e.sidebarActive }
             ])
           }, null, 2)) : k("", !0),
-          c.value ? (p(), g("span", Sn, T(e.item.shortName), 1)) : k("", !0),
-          e.sidebarActive ? (p(), g("span", Ln, T(e.item.name), 1)) : k("", !0),
-          e.item.children && e.item.children.length ? (p(), g("span", In, [
-            (p(), g("svg", {
+          c.value ? (h(), v("span", Sn, T(e.item.shortName), 1)) : k("", !0),
+          e.sidebarActive ? (h(), v("span", Ln, T(e.item.name), 1)) : k("", !0),
+          e.item.children && e.item.children.length ? (h(), v("span", In, [
+            (h(), v("svg", {
               class: O({ "up-chevron": i.value }),
               viewBox: "0 0 24 24",
               fill: "none",
               xmlns: "http://www.w3.org/2000/svg"
-            }, v[1] || (v[1] = [
+            }, g[1] || (g[1] = [
               S("path", {
                 "fill-rule": "evenodd",
                 "clip-rule": "evenodd",
@@ -1455,12 +1455,12 @@ const hn = {
         ], 2),
         N(Me, { name: "fade" }, {
           default: w(() => [
-            e.item.children && e.item.children.length && i.value ? (p(), g("div", xn, [
-              (p(!0), g(Ae, null, ie(e.item.children, ($, m) => (p(), x(I, {
-                key: $.name + "-" + m,
+            e.item.children && e.item.children.length && i.value ? (h(), v("div", xn, [
+              (h(!0), v(Ae, null, ie(e.item.children, ($, p) => (h(), x(L, {
+                key: $.name + "-" + p,
                 item: $,
                 "sidebar-active": e.sidebarActive,
-                "onSelect:menu": v[0] || (v[0] = (P) => f.$emit("select:menu"))
+                "onSelect:menu": g[0] || (g[0] = (P) => u.$emit("select:menu"))
               }, null, 8, ["item", "sidebar-active"]))), 128))
             ])) : k("", !0)
           ]),
@@ -1474,7 +1474,7 @@ const hn = {
   class: "menu"
 }, Nn = {
   name: "NavMenu"
-}, Tn = /* @__PURE__ */ L({
+}, Tn = /* @__PURE__ */ I({
   ...Nn,
   props: {
     menu: {
@@ -1489,7 +1489,7 @@ const hn = {
   },
   emits: ["select:menu"],
   setup(e) {
-    const n = e, t = M(() => n.menu?.map((s) => {
+    const n = e, t = C(() => n.menu?.map((s) => {
       if (s.hide)
         return null;
       const o = s.children?.filter((r) => !r.hide) || [];
@@ -1498,9 +1498,9 @@ const hn = {
         children: o.length ? o : void 0
       };
     }).filter(Boolean));
-    return (s, o) => (p(), g("nav", Mn, [
-      t.value?.length > 0 ? (p(), g("div", An, [
-        (p(!0), g(Ae, null, ie(t.value, (r, i) => (p(), x(_n, {
+    return (s, o) => (h(), v("nav", Mn, [
+      t.value?.length > 0 ? (h(), v("div", An, [
+        (h(!0), v(Ae, null, ie(t.value, (r, i) => (h(), x(_n, {
           key: r.name + "-" + i,
           item: r,
           "sidebar-active": e.sidebarActive,
@@ -1530,7 +1530,7 @@ const hn = {
   src: $n
 }, Dn = {
   name: "Sidebar"
-}, Ge = /* @__PURE__ */ L({
+}, Ge = /* @__PURE__ */ I({
   ...Dn,
   props: {
     collapsible: {
@@ -1548,21 +1548,21 @@ const hn = {
   },
   emits: ["select:menu"],
   setup(e, { expose: n }) {
-    const t = e, s = M(() => !r.value && t.collapsible ? !t.menu?.filter((i) => !!i.shortName)?.length : !1), o = Ne(), r = j(!0);
+    const t = e, s = C(() => !r.value && t.collapsible ? !t.menu?.filter((i) => !!i.shortName)?.length : !1), o = Ne(), r = j(!0);
     return n({
       sidebarActive: r
-    }), (i, l) => s.value ? (p(), g("div", {
+    }), (i, l) => s.value ? (h(), v("div", {
       key: 1,
       class: "no-sidebar",
       onClick: l[2] || (l[2] = (a) => r.value = !0)
     }, [
-      r.value ? k("", !0) : (p(), g("img", zn))
-    ])) : (p(), g("div", {
+      r.value ? k("", !0) : (h(), v("img", zn))
+    ])) : (h(), v("div", {
       key: 0,
       class: O(["sidebar", { collapsible: e.collapsible }])
     }, [
-      e.noHeader ? k("", !0) : (p(), g("div", jn, [
-        N(Ue),
+      e.noHeader ? k("", !0) : (h(), v("div", jn, [
+        N(Qe),
         S("div", Pn, [
           d(i.$slots, "title")
         ]),
@@ -1573,12 +1573,12 @@ const hn = {
           }, [
             N(Me, { name: "sidebar-toggle" }, {
               default: w(() => [
-                r.value ? (p(), g("svg", En, l[3] || (l[3] = [
+                r.value ? (h(), v("svg", En, l[3] || (l[3] = [
                   S("path", {
                     d: "m13.06 12l4.42-4.42a.75.75 0 1 0-1.06-1.06L12 10.94L7.58 6.52a.75.75 0 0 0-1.06 1.06L10.94 12l-4.42 4.42a.75.75 0 0 0 0 1.06a.75.75 0 0 0 1.06 0L12 13.06l4.42 4.42a.75.75 0 0 0 1.06 0a.75.75 0 0 0 0-1.06Z",
                     fill: "currentColor"
                   }, null, -1)
-                ]))) : (p(), g("svg", Fn, l[4] || (l[4] = [
+                ]))) : (h(), v("svg", Fn, l[4] || (l[4] = [
                   S("path", {
                     d: "M19 12.75H5a.75.75 0 0 1 0-1.5h14a.75.75 0 0 1 0 1.5m0-4.5H5a.75.75 0 0 1 0-1.5h14a.75.75 0 0 1 0 1.5m0 9H5a.75.75 0 0 1 0-1.5h14a.75.75 0 0 1 0 1.5",
                     fill: "currentColor"
@@ -1604,14 +1604,14 @@ const hn = {
         ]),
         d(i.$slots, "afterSidebarMenu")
       ]),
-      b(o).footer ? (p(), g("div", Bn, [
+      b(o).footer ? (h(), v("div", Bn, [
         d(i.$slots, "footer")
       ])) : k("", !0)
     ], 2));
   }
 }), Hn = { class: "content" }, qn = {
   name: "StickyCollapsibleFooter"
-}, ho = /* @__PURE__ */ L({
+}, ho = /* @__PURE__ */ I({
   ...qn,
   props: {
     fixed: {
@@ -1620,7 +1620,7 @@ const hn = {
     }
   },
   setup(e) {
-    return (n, t) => (p(), g("footer", {
+    return (n, t) => (h(), v("footer", {
       class: O(`sticky-collapsible ${e.fixed ? "fixed" : ""}`)
     }, [
       S("div", Hn, [
@@ -1631,10 +1631,10 @@ const hn = {
 }), Vn = Je({
   loader: () => Promise.resolve().then(() => Xn),
   timeout: 3e3
-}), Qn = {
+}), Un = {
   name: "Layout"
-}, Un = /* @__PURE__ */ L({
-  ...Qn,
+}, Qn = /* @__PURE__ */ I({
+  ...Un,
   props: {
     defaultLayout: {
       default: Vn,
@@ -1644,7 +1644,7 @@ const hn = {
   setup(e) {
     const n = e, t = le(), s = Ne(), o = Object.keys(s);
     let r = Xe(n.defaultLayout);
-    const i = M(() => et(r.value));
+    const i = C(() => et(r.value));
     return tt(
       () => t.meta,
       async (l) => {
@@ -1657,7 +1657,7 @@ const hn = {
         else
           r.value = n.defaultLayout;
       }
-    ), (l, a) => (p(), x(nt(i.value), null, Te({
+    ), (l, a) => (h(), x(nt(i.value), null, Te({
       default: w(() => [
         d(l.$slots, "default")
       ]),
@@ -1673,14 +1673,14 @@ const hn = {
   }
 }), Wn = ["aria-expanded"], Gn = {
   name: "BasicLayout"
-}, po = /* @__PURE__ */ L({
+}, po = /* @__PURE__ */ I({
   ...Gn,
   props: {
     noLocaleSwitcher: Boolean
   },
   setup(e) {
     const n = j();
-    return (t, s) => (p(), g("div", {
+    return (t, s) => (h(), v("div", {
       "aria-expanded": n.value?.expanded,
       class: "layout basic"
     }, [
@@ -1742,7 +1742,7 @@ function Yn(e, n, t, s, o, r) {
 const Jn = /* @__PURE__ */ Kn(Zn, [["render", Yn]]), Xn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: Jn
-}, Symbol.toStringTag, { value: "Module" })), eo = ["aria-expanded"], mo = /* @__PURE__ */ L({
+}, Symbol.toStringTag, { value: "Module" })), eo = ["aria-expanded"], mo = /* @__PURE__ */ I({
   __name: "SidebarHeaderLayout",
   props: {
     collapsible: {
@@ -1765,63 +1765,64 @@ const Jn = /* @__PURE__ */ Kn(Zn, [["render", Yn]]), Xn = /* @__PURE__ */ Object
     }
   },
   setup(e, { expose: n }) {
-    const { layout: t } = q(), s = t?.localeSwitcher?.showBadges, { width: o } = je(), r = j(), i = j(), l = j(!1), a = M(() => o.value > 576), c = () => {
+    const { layout: t } = q(), s = t?.localeSwitcher?.showBadges, { width: o } = je(), r = j(), i = j(), l = j(!1), a = e, c = C(() => o.value > 576), f = C(() => (a.userMenuLocation === "sidebar" || !c.value) && !a.noSidebar), m = () => {
       window.innerWidth >= 576 ? (l.value = !1, i.value && (i.value.sidebarActive = !0)) : (l.value = !0, i.value && (i.value.sidebarActive = !1));
     }, u = () => {
-      a.value || (i.value.sidebarActive = !1);
+      c.value || (i.value.sidebarActive = !1);
     };
     return ot(() => {
       window.innerWidth < 576 && i.value && (i.value.sidebarActive = !1);
     }), _e(() => {
-      window.removeEventListener("resize", c);
-    }), window.addEventListener("resize", c), c(), n({
+      window.removeEventListener("resize", m);
+    }), window.addEventListener("resize", m), m(), n({
       onSelectMenu: u
-    }), (h, f) => (p(), g("div", {
-      "aria-expanded": a.value ? r.value?.expanded : i.value?.sidebarActive,
+    }), (g, L) => (h(), v("div", {
+      "aria-expanded": c.value ? r.value?.expanded : i.value?.sidebarActive,
       class: O(["layout sidebar-header-layout", { collapsible: e.collapsible }])
     }, [
-      d(h.$slots, "header", {}, () => [
+      d(g.$slots, "header", {}, () => [
         st(N(We, {
           ref_key: "appHeader",
           ref: r,
+          class: O({ "no-locale-switcher-header": e.noLocaleSwitcher }),
           "no-locale-switcher": e.noLocaleSwitcher,
           "no-toggle": !e.collapsible || e.noSidebar,
           "no-main-menu": ""
         }, Te({
           locales: w(() => [
-            d(h.$slots, "locales")
+            d(g.$slots, "locales")
           ]),
           _: 2
         }, [
-          e.userMenuLocation === "header" ? {
+          e.userMenuLocation === "header" && c.value ? {
             name: "userMenu",
             fn: w(() => [
-              d(h.$slots, "userMenu")
+              d(g.$slots, "userMenu")
             ]),
             key: "0"
           } : void 0
-        ]), 1032, ["no-locale-switcher", "no-toggle"]), [
-          [rt, a.value]
+        ]), 1032, ["class", "no-locale-switcher", "no-toggle"]), [
+          [rt, c.value]
         ])
       ]),
-      !e.noSidebar || !a.value ? (p(), x(Ge, {
+      !e.noSidebar || !c.value ? (h(), x(Ge, {
         key: 0,
         ref_key: "sidebar",
         ref: i,
-        collapsible: e.collapsible && a.value,
+        collapsible: e.collapsible && c.value,
         menu: e.menu,
-        "no-header": a.value,
+        "no-header": c.value,
         class: "layout-sidebar",
         "onSelect:menu": u
       }, {
         afterNavLinks: w(() => [
-          d(h.$slots, "afterNavLinks")
+          d(g.$slots, "afterNavLinks")
         ]),
         afterSidebarMenu: w(() => [
-          d(h.$slots, "afterSidebarMenu"),
-          e.userMenuLocation === "sidebar" && !e.noSidebar ? d(h.$slots, "userMenu", { key: 0 }) : k("", !0),
-          l.value ? d(h.$slots, "locales", { key: 1 }, () => [
-            e.noLocaleSwitcher ? k("", !0) : (p(), x(b(re), {
+          d(g.$slots, "afterSidebarMenu"),
+          f.value ? d(g.$slots, "userMenu", { key: 0 }) : k("", !0),
+          l.value ? d(g.$slots, "locales", { key: 1 }, () => [
+            e.noLocaleSwitcher ? k("", !0) : (h(), x(b(re), {
               key: 0,
               "show-badges": b(s),
               class: "locales"
@@ -1829,18 +1830,18 @@ const Jn = /* @__PURE__ */ Kn(Zn, [["render", Yn]]), Xn = /* @__PURE__ */ Object
           ]) : k("", !0)
         ]),
         footer: w(() => [
-          d(h.$slots, "footer", {}, () => [
+          d(g.$slots, "footer", {}, () => [
             N(ae)
           ])
         ]),
         _: 3
       }, 8, ["collapsible", "menu", "no-header"])) : k("", !0),
       S("main", null, [
-        d(h.$slots, "default")
+        d(g.$slots, "default")
       ])
     ], 10, eo));
   }
-}), to = "data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20stroke-width='0'%3e%3c/g%3e%3cg%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3c/g%3e%3cg%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M12%207C12.2652%207%2012.5196%207.10536%2012.7071%207.29289L19.7071%2014.2929C20.0976%2014.6834%2020.0976%2015.3166%2019.7071%2015.7071C19.3166%2016.0976%2018.6834%2016.0976%2018.2929%2015.7071L12%209.41421L5.70711%2015.7071C5.31658%2016.0976%204.68342%2016.0976%204.29289%2015.7071C3.90237%2015.3166%203.90237%2014.6834%204.29289%2014.2929L11.2929%207.29289C11.4804%207.10536%2011.7348%207%2012%207Z'%20fill='%23ffffff'%3e%3c/path%3e%3c/g%3e%3c/svg%3e", no = { class: "layout sidebar-only" }, go = /* @__PURE__ */ L({
+}), to = "data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20stroke-width='0'%3e%3c/g%3e%3cg%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3c/g%3e%3cg%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M12%207C12.2652%207%2012.5196%207.10536%2012.7071%207.29289L19.7071%2014.2929C20.0976%2014.6834%2020.0976%2015.3166%2019.7071%2015.7071C19.3166%2016.0976%2018.6834%2016.0976%2018.2929%2015.7071L12%209.41421L5.70711%2015.7071C5.31658%2016.0976%204.68342%2016.0976%204.29289%2015.7071C3.90237%2015.3166%203.90237%2014.6834%204.29289%2014.2929L11.2929%207.29289C11.4804%207.10536%2011.7348%207%2012%207Z'%20fill='%23ffffff'%3e%3c/path%3e%3c/g%3e%3c/svg%3e", no = { class: "layout sidebar-only" }, go = /* @__PURE__ */ I({
   __name: "SidebarOnlyLayout",
   props: {
     menu: {
@@ -1855,7 +1856,7 @@ const Jn = /* @__PURE__ */ Kn(Zn, [["render", Yn]]), Xn = /* @__PURE__ */ Object
   },
   setup(e) {
     const { layout: n } = q(), t = n?.localeSwitcher?.showBadges;
-    return (s, o) => (p(), g("div", no, [
+    return (s, o) => (h(), v("div", no, [
       N(Ge, {
         menu: e.menu,
         "no-header": e.noHeader,
@@ -1868,7 +1869,7 @@ const Jn = /* @__PURE__ */ Kn(Zn, [["render", Yn]]), Xn = /* @__PURE__ */ Object
           d(s.$slots, "afterSidebarMenu"),
           d(s.$slots, "userMenu"),
           d(s.$slots, "locales", {}, () => [
-            e.noLocaleSwitcher ? k("", !0) : (p(), x(b(re), {
+            e.noLocaleSwitcher ? k("", !0) : (h(), x(b(re), {
               key: 0,
               "show-badges": b(t),
               class: "locales"
@@ -1900,7 +1901,7 @@ const Jn = /* @__PURE__ */ Kn(Zn, [["render", Yn]]), Xn = /* @__PURE__ */ Object
   "dzangolab.vue-layout.translations"
 ), ro = () => it(Ze, se), vo = {
   install: (e, n) => {
-    e.component("Layout", Un);
+    e.component("Layout", Qn);
     const t = n?.translations ? Ye(se, n.translations) : se;
     e.provide(Ze, t);
   }
@@ -1912,8 +1913,8 @@ export {
   We as b,
   po as c,
   ft as d,
-  Un as e,
-  Ue as f,
+  Qn as e,
+  Qe as f,
   bn as g,
   Ge as h,
   mo as i,