@bobbykim/mcl-header 0.6.3 → 0.7.0

package/dist/mcl-header.js

@@ -1,9 +1,7 @@
 (function(){"use strict";try{if(typeof document<"u"){var t=document.createElement("style");t.appendChild(document.createTextNode('.nav__decorator[data-v-1b1467b6]:before{content:"";position:absolute;bottom:0;left:0;height:100%;width:0;transition:width .3s linear}.nav__text:focus+.nav__decorator[data-v-1b1467b6]:before,.nav__text:hover+.nav__decorator[data-v-1b1467b6]:before{width:100%}.nav__decorator[data-v-3cd6e9eb]:before{content:"";position:absolute;bottom:0;left:0;height:100%;width:0;transition:width .3s linear}.nav__text:focus+.nav__decorator[data-v-3cd6e9eb]:before,.nav__text:hover+.nav__decorator[data-v-3cd6e9eb]:before{width:100%}.nav__decorator[data-v-94d8fa7b]:before{content:"";position:absolute;bottom:0;left:0;height:100%;width:0;transition:width .3s linear}.nav__text:focus+.nav__decorator[data-v-94d8fa7b]:before,.nav__text:hover+.nav__decorator[data-v-94d8fa7b]:before{width:100%}')),document.head.appendChild(t)}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}})();
-import { defineComponent as D, ref as z, computed as H, openBlock as i, createElementBlock as d, createElementVNode as n, withDirectives as W, normalizeClass as y, toDisplayString as A, unref as L, createCommentVNode as E, createVNode as j, withCtx as O, Fragment as S, renderList as X, pushScopeId as U, popScopeId as q, withKeys as F, useSlots as J, createBlock as x, renderSlot as _ } from "vue";
-import o, { vCollapse as P, Collapse as Q, DropdownContainer as te, DropdownContent as oe, HeaderHorizontal as ne, HeaderVertical as ie } from "@bobbykim/manguito-theme";
-const ae = (k) => (U("data-v-1b1467b6"), k = k(), q(), k), se = { class: "flex flex-col w-full" }, re = { class: "self-center" }, ue = /* @__PURE__ */ ae(() => /* @__PURE__ */ n("path", { d: "M224 416c-8.188 0-16.38-3.125-22.62-9.375l-192-192c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L224 338.8l169.4-169.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-192 192C240.4 412.9 232.2 416 224 416z" }, null, -1)), de = [
-  ue
-], ce = { class: "relative pt-2xs" }, he = { class: "relative flex flex-col" }, fe = ["href", "target", "onClick"], me = /* @__PURE__ */ D({
+import { defineComponent as D, ref as R, computed as E, openBlock as i, createElementBlock as c, createElementVNode as n, withDirectives as _, normalizeClass as T, toDisplayString as A, unref as B, createCommentVNode as z, createVNode as G, withCtx as O, Fragment as S, renderList as X, withKeys as V, useSlots as U, createBlock as x, renderSlot as j } from "vue";
+import o, { vCollapse as q, Collapse as J, DropdownContainer as ee, DropdownContent as le, HeaderHorizontal as te, HeaderVertical as oe } from "@bobbykim/manguito-theme";
+const ne = { class: "flex flex-col w-full" }, ie = { class: "self-center" }, ae = { class: "relative pt-2xs" }, re = { class: "relative flex flex-col" }, se = ["href", "target", "onClick"], ue = /* @__PURE__ */ D({
   __name: "NavCollapse",
   props: {
     navId: {},
@@ -19,74 +17,76 @@ const ae = (k) => (U("data-v-1b1467b6"), k = k(), q(), k), se = { class: "flex f
     asLink: { type: Boolean, default: !0 }
   },
   emits: ["child-click", "label-click"],
-  setup(k, { emit: w }) {
-    const B = k, p = w, g = z(!1), b = H(() => {
-      const { navId: t } = B;
+  setup(L, { emit: w }) {
+    const y = L, p = w, g = R(!1), v = E(() => {
+      const { navId: t } = y;
       return `nav-${t.toLowerCase().replaceAll(" ", "-")}`;
-    }), a = H(() => {
-      const { navAccordionGroup: t } = B;
+    }), a = E(() => {
+      const { navAccordionGroup: t } = y;
       return `accordion-${t.toLocaleLowerCase().replaceAll(" ", "-")}`;
     }), h = (t) => {
       g.value = t;
-    }, C = (t, s) => {
-      p("label-click", t, s, g.value);
-    }, T = (t, s) => {
-      const { asLink: l } = B;
-      !l && t.preventDefault(), p("child-click", t, s);
-    }, r = (t, s, l) => {
+    }, k = (t, r) => {
+      p("label-click", t, r, g.value);
+    }, b = (t, r) => {
+      const { asLink: l } = y;
+      !l && t.preventDefault(), p("child-click", t, r);
+    }, s = (t, r, l) => {
       const f = [
         o("BODYTEXT", t),
-        o("TEXTCOLOR", s)
+        o("TEXTCOLOR", r)
       ];
       return l && f.push("font-bold"), f.join(" ");
     };
-    return (t, s) => (i(), d("div", se, [
-      n("div", re, [
-        W((i(), d("button", {
-          class: y(["tracking-wider align-middle outline-none nav__text flex items-center gap-3xs", r(t.menuTextSize, t.menuTextColor, t.menuTextBold)]),
-          onClick: s[0] || (s[0] = (l) => C(l, t.navItem.title))
+    return (t, r) => (i(), c("div", ne, [
+      n("div", ie, [
+        _((i(), c("button", {
+          class: T(["tracking-wider align-middle outline-none nav__text flex items-center gap-3xs", s(t.menuTextSize, t.menuTextColor, t.menuTextBold)]),
+          onClick: r[0] || (r[0] = (l) => k(l, t.navItem.title))
         }, [
           n("span", null, A(t.navItem.title), 1),
-          (i(), d("svg", {
+          (i(), c("svg", {
             xmlns: "http://www.w3.org/2000/svg",
             viewBox: "0 0 448 512",
-            class: y(["h-[0.8rem] fill-current", [
+            class: T(["h-[0.8rem] fill-current", [
               g.value ? "rotate-180" : "rotate-0",
               "transition-transform duration-300 ease-in"
             ]])
-          }, de, 2))
+          }, r[1] || (r[1] = [
+            n("path", { d: "M224 416c-8.188 0-16.38-3.125-22.62-9.375l-192-192c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L224 338.8l169.4-169.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-192 192C240.4 412.9 232.2 416 224 416z" }, null, -1)
+          ]), 2))
         ], 2)), [
-          [L(P), void 0, b.value]
+          [B(q), void 0, v.value]
         ]),
-        t.displayHighlight ? (i(), d("div", {
+        t.displayHighlight ? (i(), c("div", {
           key: 0,
-          class: y(["relative -top-[2px] h-[6px] nav__decorator", L(o)("BEFOREBG", t.highlightColor)])
-        }, null, 2)) : E("", !0)
+          class: T(["relative -top-[2px] h-[6px] nav__decorator", B(o)("BEFOREBG", t.highlightColor)])
+        }, null, 2)) : z("", !0)
       ]),
-      j(L(Q), {
-        id: b.value,
+      G(B(J), {
+        id: v.value,
         visible: !1,
         accordion: a.value,
         onOpen: h,
         onClose: h
       }, {
         default: O(() => [
-          n("div", ce, [
-            t.displayHighlight ? (i(), d("div", {
+          n("div", ae, [
+            t.displayHighlight ? (i(), c("div", {
               key: 0,
-              class: y(["absolute w-md bg-opacity-25 -left-4 h-full", L(o)("BGCOLOR", t.highlightColor)])
-            }, null, 2)) : E("", !0),
-            n("div", he, [
-              (i(!0), d(S, null, X(t.navItem.children, (l, f) => (i(), d("a", {
+              class: T(["absolute w-md bg-opacity-25 -left-4 h-full", B(o)("BGCOLOR", t.highlightColor)])
+            }, null, 2)) : z("", !0),
+            n("div", re, [
+              (i(!0), c(S, null, X(t.navItem.children, (l, f) => (i(), c("a", {
                 href: l.url,
                 target: l.target,
-                class: y(["w-full pb-2xs last:pb-0", [
-                  L(o)("TEXTCOLOR", t.menuTextColor),
-                  L(o)("BODYTEXT", t.menuTextSize)
+                class: T(["w-full pb-2xs last:pb-0", [
+                  B(o)("TEXTCOLOR", t.menuTextColor),
+                  B(o)("BODYTEXT", t.menuTextSize)
                 ]]),
                 key: f,
-                onClick: (v) => T(v, l)
-              }, A(l.title), 11, fe))), 128))
+                onClick: (C) => b(C, l)
+              }, A(l.title), 11, se))), 128))
             ])
           ])
         ]),
@@ -94,14 +94,12 @@ const ae = (k) => (U("data-v-1b1467b6"), k = k(), q(), k), se = { class: "flex f
       }, 8, ["id", "accordion"])
     ]));
   }
-}), G = (k, w) => {
-  const B = k.__vccOpts || k;
+}), F = (L, w) => {
+  const y = L.__vccOpts || L;
   for (const [p, g] of w)
-    B[p] = g;
-  return B;
-}, ge = /* @__PURE__ */ G(me, [["__scopeId", "data-v-1b1467b6"]]), pe = (k) => (U("data-v-3cd6e9eb"), k = k(), q(), k), ke = ["onClick"], Ce = /* @__PURE__ */ pe(() => /* @__PURE__ */ n("path", { d: "M224 416c-8.188 0-16.38-3.125-22.62-9.375l-192-192c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L224 338.8l169.4-169.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-192 192C240.4 412.9 232.2 416 224 416z" }, null, -1)), ve = [
-  Ce
-], be = ["href", "target", "onClick"], Te = /* @__PURE__ */ D({
+    y[p] = g;
+  return y;
+}, de = /* @__PURE__ */ F(ue, [["__scopeId", "data-v-1b1467b6"]]), ce = ["onClick"], he = ["href", "target", "onClick"], fe = /* @__PURE__ */ D({
   __name: "NavDropdown",
   props: {
     navItem: {},
@@ -114,70 +112,72 @@ const ae = (k) => (U("data-v-1b1467b6"), k = k(), q(), k), se = { class: "flex f
     asLink: { type: Boolean, default: !0 }
   },
   emits: ["label-click", "child-click"],
-  setup(k, { emit: w }) {
-    const B = k, p = w, g = z(-1), b = z(), a = (r, t, s) => {
+  setup(L, { emit: w }) {
+    const y = L, p = w, g = R(-1), v = R(), a = (s, t, r) => {
       const l = [
-        o("BODYTEXT", r),
+        o("BODYTEXT", s),
         o("TEXTCOLOR", t)
       ];
-      return s && l.push("font-bold"), l.join(" ");
-    }, h = (r) => {
-      const t = B.navItem.children.length;
-      b.value !== void 0 && (r === "down" && g.value < t - 1 && g.value++, r === "up" && g.value > 0 && g.value--, b.value[g.value].focus());
-    }, C = (r, t, s) => {
-      g.value = -1, p("label-click", r, t, s);
-    }, T = (r, t) => {
-      const { asLink: s } = B;
-      !s && r.preventDefault(), p("child-click", r, t);
+      return r && l.push("font-bold"), l.join(" ");
+    }, h = (s) => {
+      const t = y.navItem.children.length;
+      v.value !== void 0 && (s === "down" && g.value < t - 1 && g.value++, s === "up" && g.value > 0 && g.value--, v.value[g.value].focus());
+    }, k = (s, t, r) => {
+      g.value = -1, p("label-click", s, t, r);
+    }, b = (s, t) => {
+      const { asLink: r } = y;
+      !r && s.preventDefault(), p("child-click", s, t);
     };
-    return (r, t) => (i(), d("div", {
+    return (s, t) => (i(), c("div", {
       onKeyup: [
-        t[0] || (t[0] = F((s) => h("down"), ["down"])),
-        t[1] || (t[1] = F((s) => h("up"), ["up"]))
+        t[0] || (t[0] = V((r) => h("down"), ["down"])),
+        t[1] || (t[1] = V((r) => h("up"), ["up"]))
       ]
     }, [
-      j(L(te), null, {
-        toggler: O(({ toggle: s, dropdownState: l }) => [
+      G(B(ee), null, {
+        toggler: O(({ toggle: r, dropdownState: l }) => [
           n("div", null, [
             n("button", {
-              class: y(["tracking-wider align-middle outline-none nav__text flex items-center gap-3xs", a(r.menuTextSize, r.menuTextColor, r.menuTextBold)]),
-              onClick: (f) => (s(f), C(f, r.navItem.title, l))
+              class: T(["tracking-wider align-middle outline-none nav__text flex items-center gap-3xs", a(s.menuTextSize, s.menuTextColor, s.menuTextBold)]),
+              onClick: (f) => (r(f), k(f, s.navItem.title, l))
             }, [
-              n("span", null, A(r.navItem.title), 1),
-              (i(), d("svg", {
+              n("span", null, A(s.navItem.title), 1),
+              (i(), c("svg", {
                 xmlns: "http://www.w3.org/2000/svg",
                 viewBox: "0 0 448 512",
-                class: y(["h-[0.8rem] fill-current", [
+                class: T(["h-[0.8rem] fill-current", [
                   l ? "rotate-180" : "rotate-0",
                   "transition-transform duration-300 ease-in"
                 ]])
-              }, ve, 2))
-            ], 10, ke),
-            r.displayHighlight ? (i(), d("div", {
+              }, t[2] || (t[2] = [
+                n("path", { d: "M224 416c-8.188 0-16.38-3.125-22.62-9.375l-192-192c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L224 338.8l169.4-169.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-192 192C240.4 412.9 232.2 416 224 416z" }, null, -1)
+              ]), 2))
+            ], 10, ce),
+            s.displayHighlight ? (i(), c("div", {
               key: 0,
-              class: y(["relative -top-[2px] h-[6px] nav__decorator", L(o)("BEFOREBG", r.highlightColor)])
-            }, null, 2)) : E("", !0)
+              class: T(["relative -top-[2px] h-[6px] nav__decorator", B(o)("BEFOREBG", s.highlightColor)])
+            }, null, 2)) : z("", !0)
           ])
         ]),
         default: O(() => [
-          j(L(oe), { className: "border drop-shadow-sm" }, {
-            default: O(({ itemClick: s }) => [
-              (i(!0), d(S, null, X(r.navItem.children, (l, f) => (i(), d("a", {
+          G(B(le), { className: "border drop-shadow-sm" }, {
+            default: O(({ itemClick: r }) => [
+              (i(!0), c(S, null, X(s.navItem.children, (l, f) => (i(), c("a", {
                 href: l.url,
                 target: l.target,
                 key: f,
                 ref_for: !0,
                 ref_key: "navItemRef",
-                ref: b,
-                class: y(["px-xs py-2xs block w-full hover:bg-opacity-50 focus:bg-opacity-50 transition-all duration-200 ease-linear", [
-                  L(o)("BGCOLOR", r.bgColor),
-                  L(o)("HVBGCOLOR", r.highlightColor),
-                  L(o)("FCBGCOLOR", r.highlightColor),
-                  L(o)("TEXTCOLOR", r.menuTextColor),
-                  L(o)("BODYTEXT", r.menuTextSize)
+                ref: v,
+                class: T(["px-xs py-2xs block w-full hover:bg-opacity-50 focus:bg-opacity-50 transition-all duration-200 ease-linear", [
+                  B(o)("BGCOLOR", s.bgColor),
+                  B(o)("HVBGCOLOR", s.highlightColor),
+                  B(o)("FCBGCOLOR", s.highlightColor),
+                  B(o)("TEXTCOLOR", s.menuTextColor),
+                  B(o)("BODYTEXT", s.menuTextSize)
                 ]]),
-                onClick: (v) => (s(), T(v, l))
-              }, A(l.title), 11, be))), 128))
+                onClick: (C) => (r(), b(C, l))
+              }, A(l.title), 11, he))), 128))
             ]),
             _: 1
           })
@@ -186,7 +186,7 @@ const ae = (k) => (U("data-v-1b1467b6"), k = k(), q(), k), se = { class: "flex f
       })
     ], 32));
   }
-}), ye = /* @__PURE__ */ G(Te, [["__scopeId", "data-v-3cd6e9eb"]]), Be = ["href", "target", "innerHTML"], Le = /* @__PURE__ */ D({
+}), me = /* @__PURE__ */ F(fe, [["__scopeId", "data-v-3cd6e9eb"]]), ge = ["href", "target", "innerHTML"], pe = /* @__PURE__ */ D({
   __name: "NavLink",
   props: {
     navItem: {},
@@ -198,35 +198,35 @@ const ae = (k) => (U("data-v-1b1467b6"), k = k(), q(), k), se = { class: "flex f
     asLink: { type: Boolean, default: !0 }
   },
   emits: ["nav-link"],
-  setup(k, { emit: w }) {
-    const B = k, p = w, g = (a, h, C) => {
-      const T = [
+  setup(L, { emit: w }) {
+    const y = L, p = w, g = (a, h, k) => {
+      const b = [
         o("BODYTEXT", a),
         o("TEXTCOLOR", h)
       ];
-      return C && T.push("font-bold"), T.join(" ");
-    }, b = (a, h) => {
-      const { asLink: C } = B;
-      !C && a.preventDefault(), p("nav-link", a, h);
+      return k && b.push("font-bold"), b.join(" ");
+    }, v = (a, h) => {
+      const { asLink: k } = y;
+      !k && a.preventDefault(), p("nav-link", a, h);
     };
-    return (a, h) => (i(), d("div", null, [
+    return (a, h) => (i(), c("div", null, [
       n("a", {
         href: a.navItem.url,
         target: a.navItem.target,
         innerHTML: a.navItem.title,
-        class: y(["tracking-wider outline-none nav__text", g(a.menuTextSize, a.menuTextColor, a.menuTextBold)]),
-        onClick: h[0] || (h[0] = (C) => b(C, a.navItem))
-      }, null, 10, Be),
-      a.displayHighlight ? (i(), d("div", {
+        class: T(["tracking-wider outline-none nav__text", g(a.menuTextSize, a.menuTextColor, a.menuTextBold)]),
+        onClick: h[0] || (h[0] = (k) => v(k, a.navItem))
+      }, null, 10, ge),
+      a.displayHighlight ? (i(), c("div", {
         key: 0,
-        class: y(["relative -top-[2px] h-[6px] nav__decorator", L(o)("BEFOREBG", a.highlightColor)])
-      }, null, 2)) : E("", !0)
+        class: T(["relative -top-[2px] h-[6px] nav__decorator", B(o)("BEFOREBG", a.highlightColor)])
+      }, null, 2)) : z("", !0)
     ]));
   }
-}), V = /* @__PURE__ */ G(Le, [["__scopeId", "data-v-94d8fa7b"]]), we = { class: "flex flex-shrink-0 items-center self-center" }, Oe = { class: "h-md md:h-lg lg:h-xl mr-2xs md:mr-sm align-middle" }, Ie = ["href", "target"], xe = ["src", "alt"], $e = ["src", "alt"], He = { class: "flex flex-col justify-center ml-2" }, Ee = ["href", "target"], ze = ["innerHTML"], Re = { class: "hidden lg:flex flex-wrap" }, Ae = {
+}), K = /* @__PURE__ */ F(pe, [["__scopeId", "data-v-94d8fa7b"]]), ke = { class: "flex flex-shrink-0 items-center self-center" }, Ce = { class: "h-md md:h-lg lg:h-xl mr-2xs md:mr-sm align-middle" }, ve = ["href", "target"], be = ["src", "alt"], Te = ["src", "alt"], ye = { class: "flex flex-col justify-center ml-2" }, Be = ["href", "target"], Le = ["innerHTML"], we = { class: "hidden lg:flex flex-wrap" }, Oe = {
   key: 0,
   class: "hidden lg:block"
-}, Se = { class: "flex flex-col items-center justify-center p-xs" }, Xe = { key: 0 }, sl = /* @__PURE__ */ D({
+}, Ie = { class: "flex flex-col items-center justify-center p-xs" }, xe = { key: 0 }, Pe = /* @__PURE__ */ D({
   __name: "MclHeaderA",
   props: {
     logo: {},
@@ -253,28 +253,28 @@ const ae = (k) => (U("data-v-1b1467b6"), k = k(), q(), k), se = { class: "flex f
     scrollDistance: { default: 50 }
   },
   emits: ["toggle-drawer", "title-click", "menu-click", "collapse-click"],
-  setup(k, { expose: w, emit: B }) {
-    const p = k, g = z(), b = J(), a = B, h = () => {
+  setup(L, { expose: w, emit: y }) {
+    const p = L, g = R(), v = U(), a = y, h = () => {
       var l;
       (l = g.value) == null || l.headerClose();
-    }, C = (l) => {
-      const { titleBlockAsLink: f, titleBlockLink: v, titleBlockLinkTarget: e } = p;
-      f || l.preventDefault(), a("title-click", l, v, e), h();
-    }, T = (l, f) => {
-      const { menuItemAsLink: v } = p;
-      v || l.preventDefault(), a("menu-click", l, f), h();
-    }, r = (l, f, v) => {
-      a("collapse-click", l, f, v);
+    }, k = (l) => {
+      const { titleBlockAsLink: f, titleBlockLink: C, titleBlockLinkTarget: e } = p;
+      f || l.preventDefault(), a("title-click", l, C, e), h();
+    }, b = (l, f) => {
+      const { menuItemAsLink: C } = p;
+      C || l.preventDefault(), a("menu-click", l, f), h();
+    }, s = (l, f, C) => {
+      a("collapse-click", l, f, C);
     }, t = (l, f) => [
       o("H2", l),
       o("TEXTCOLOR", f)
-    ].join(" "), s = (l) => {
+    ].join(" "), r = (l) => {
       const f = l;
       return typeof f.children > "u" ? !1 : f.children.length > 0;
     };
     return w({
       headerClose: h
-    }), (l, f) => (i(), x(L(ne), {
+    }), (l, f) => (i(), x(B(te), {
       ref_key: "componentRef",
       ref: g,
       "bg-color": l.bgColor,
@@ -284,45 +284,45 @@ const ae = (k) => (U("data-v-1b1467b6"), k = k(), q(), k), se = { class: "flex f
       "mobile-menu-bg-color": l.mobileMenuBgColor
     }, {
       content: O(() => [
-        n("div", we, [
-          n("div", Oe, [
+        n("div", ke, [
+          n("div", Ce, [
             n("a", {
               href: l.titleBlockLink,
               target: l.titleBlockLinkTarget,
-              onClick: C
+              onClick: k
             }, [
               n("img", {
                 src: l.logo,
                 alt: l.logoAlt,
-                class: y(["h-full", [l.logoSmall ? "hidden lg:inline-block" : "inline-block"]])
-              }, null, 10, xe),
-              l.logoSmall ? (i(), d("img", {
+                class: T(["h-full", [l.logoSmall ? "hidden lg:inline-block" : "inline-block"]])
+              }, null, 10, be),
+              l.logoSmall ? (i(), c("img", {
                 key: 0,
                 src: l.logoSmall,
                 alt: l.logoAlt,
                 class: "inline-block lg:hidden h-full"
-              }, null, 8, $e)) : E("", !0)
-            ], 8, Ie)
+              }, null, 8, Te)) : z("", !0)
+            ], 8, ve)
           ]),
-          n("div", He, [
+          n("div", ye, [
             n("a", {
               href: l.titleBlockLink,
               target: l.titleBlockLinkTarget,
-              onClick: C
+              onClick: k
             }, [
               n("h2", {
-                class: y(["inline-block align-middle tracking-wider", t(l.titleSize, l.titleColor)]),
+                class: T(["inline-block align-middle tracking-wider", t(l.titleSize, l.titleColor)]),
                 innerHTML: l.title
-              }, null, 10, ze)
-            ], 8, Ee),
-            n("ul", Re, [
-              (i(!0), d(S, null, X(l.menuItems, (v, e) => (i(), d("li", {
+              }, null, 10, Le)
+            ], 8, Be),
+            n("ul", we, [
+              (i(!0), c(S, null, X(l.menuItems, (C, e) => (i(), c("li", {
                 class: "mr-xs last:mr-0",
                 key: `menu-${e}`
               }, [
-                s(v) ? (i(), x(ye, {
+                r(C) ? (i(), x(me, {
                   key: 1,
-                  "nav-item": v,
+                  "nav-item": C,
                   "menu-text-color": l.menuTextColor,
                   "menu-text-size": l.menuTextSize,
                   "menu-text-bold": l.menuTextBold,
@@ -330,18 +330,18 @@ const ae = (k) => (U("data-v-1b1467b6"), k = k(), q(), k), se = { class: "flex f
                   "highlight-color": l.highlightColor,
                   "bg-color": l.bgColor,
                   "as-link": l.menuItemAsLink,
-                  onChildClick: T,
-                  onLabelClick: r
-                }, null, 8, ["nav-item", "menu-text-color", "menu-text-size", "menu-text-bold", "display-highlight", "highlight-color", "bg-color", "as-link"])) : (i(), x(V, {
+                  onChildClick: b,
+                  onLabelClick: s
+                }, null, 8, ["nav-item", "menu-text-color", "menu-text-size", "menu-text-bold", "display-highlight", "highlight-color", "bg-color", "as-link"])) : (i(), x(K, {
                   key: 0,
-                  "nav-item": v,
+                  "nav-item": C,
                   "menu-text-color": l.menuTextColor,
                   "menu-text-size": l.menuTextSize,
                   "menu-text-bold": l.menuTextBold,
                   "display-highlight": l.displayHighlight,
                   "highlight-color": l.highlightColor,
                   "as-link": l.menuItemAsLink,
-                  onNavLink: T
+                  onNavLink: b
                 }, null, 8, ["nav-item", "menu-text-color", "menu-text-size", "menu-text-bold", "display-highlight", "highlight-color", "as-link"]))
               ]))), 128))
             ])
@@ -349,21 +349,21 @@ const ae = (k) => (U("data-v-1b1467b6"), k = k(), q(), k), se = { class: "flex f
         ])
       ]),
       "content-right": O(() => [
-        b["content-right"] ? (i(), d("div", Ae, [
-          _(l.$slots, "content-right")
-        ])) : E("", !0)
+        v["content-right"] ? (i(), c("div", Oe, [
+          j(l.$slots, "content-right")
+        ])) : z("", !0)
       ]),
       "mobile-content": O(() => [
         n("div", null, [
-          n("ul", Se, [
-            (i(!0), d(S, null, X(l.menuItems, (v, e) => (i(), d("li", {
+          n("ul", Ie, [
+            (i(!0), c(S, null, X(l.menuItems, (C, e) => (i(), c("li", {
               class: "mb-2xs last:mb-0",
               key: `mobile-${e}`
             }, [
-              s(v) ? (i(), x(ge, {
+              r(C) ? (i(), x(de, {
                 key: 1,
-                "nav-id": v.title,
-                "nav-item": v,
+                "nav-id": C.title,
+                "nav-item": C,
                 "menu-text-color": l.menuTextColor,
                 "menu-text-size": l.menuTextSize,
                 "menu-text-bold": l.menuTextBold,
@@ -371,32 +371,30 @@ const ae = (k) => (U("data-v-1b1467b6"), k = k(), q(), k), se = { class: "flex f
                 "highlight-color": l.highlightColor,
                 "nav-accordion-group": l.title,
                 "as-link": l.menuItemAsLink,
-                onChildClick: T,
-                onLabelClick: r
-              }, null, 8, ["nav-id", "nav-item", "menu-text-color", "menu-text-size", "menu-text-bold", "display-highlight", "highlight-color", "nav-accordion-group", "as-link"])) : (i(), x(V, {
+                onChildClick: b,
+                onLabelClick: s
+              }, null, 8, ["nav-id", "nav-item", "menu-text-color", "menu-text-size", "menu-text-bold", "display-highlight", "highlight-color", "nav-accordion-group", "as-link"])) : (i(), x(K, {
                 key: 0,
-                "nav-item": v,
+                "nav-item": C,
                 "menu-text-color": l.menuTextColor,
                 "menu-text-size": l.menuTextSize,
                 "menu-text-bold": l.menuTextBold,
                 "display-highlight": l.displayHighlight,
                 "highlight-color": l.highlightColor,
                 "as-link": l.menuItemAsLink,
-                onNavLink: T
+                onNavLink: b
               }, null, 8, ["nav-item", "menu-text-color", "menu-text-size", "menu-text-bold", "display-highlight", "highlight-color", "as-link"]))
             ]))), 128))
           ]),
-          b["mobile-bottom"] ? (i(), d("div", Xe, [
-            _(l.$slots, "mobile-bottom", { headerClose: h })
-          ])) : E("", !0)
+          v["mobile-bottom"] ? (i(), c("div", xe, [
+            j(l.$slots, "mobile-bottom", { headerClose: h })
+          ])) : z("", !0)
         ])
       ]),
       _: 3
     }, 8, ["bg-color", "drawer-btn-border", "drawer-btn-color", "fade-in-on-scroll", "mobile-menu-bg-color"]));
   }
-}), De = { class: "relative flex gap-2 items-center justify-center" }, Me = /* @__PURE__ */ n("path", { d: "M224 416c-8.188 0-16.38-3.125-22.62-9.375l-192-192c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L224 338.8l169.4-169.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-192 192C240.4 412.9 232.2 416 224 416z" }, null, -1), Ne = [
-  Me
-], _e = ["href", "target", "onClick"], je = { class: "relative" }, K = /* @__PURE__ */ D({
+}), He = { class: "relative flex gap-2 items-center justify-center" }, Ee = ["href", "target", "onClick"], ze = { class: "relative" }, Y = /* @__PURE__ */ D({
   __name: "NavCollapseVertical",
   props: {
     navId: {},
@@ -411,27 +409,27 @@ const ae = (k) => (U("data-v-1b1467b6"), k = k(), q(), k), se = { class: "flex f
     asLink: { type: Boolean, default: !0 }
   },
   emits: ["label-click", "child-click"],
-  setup(k, { expose: w, emit: B }) {
-    const p = k, g = z(!1), b = z(), a = B, h = (e) => {
+  setup(L, { expose: w, emit: y }) {
+    const p = L, g = R(!1), v = R(), a = y, h = (e) => {
       g.value = e;
-    }, C = () => {
+    }, k = () => {
       var e;
-      (e = b.value) == null || e.close();
-    }, T = (e, c) => {
-      a("label-click", e, c, g.value);
-    }, r = (e, c) => {
+      (e = v.value) == null || e.close();
+    }, b = (e, u) => {
+      a("label-click", e, u, g.value);
+    }, s = (e, u) => {
       var m;
-      const { asLink: u } = p;
-      u || e.preventDefault(), a("child-click", e, c), (m = b.value) == null || m.close(), C();
-    }, t = H(() => {
-      const { navId: e, navLocation: c } = p, m = e.toLowerCase().replaceAll(" ", "-");
-      return `nav-${c}-${m}`;
-    }), s = H(() => {
-      const { navAccordionGroup: e, navLocation: c } = p, u = e.toLowerCase().replaceAll(" ", "-");
-      return `nav-accordion-group-${c}-${u}`;
-    }), l = H(() => {
-      const { textColor: e, textSize: c, dHl: u, hlColor: m, fontBold: $ } = p, I = [o("BODYTEXT", c)];
-      if (!u) {
+      const { asLink: d } = p;
+      d || e.preventDefault(), a("child-click", e, u), (m = v.value) == null || m.close(), k();
+    }, t = E(() => {
+      const { navId: e, navLocation: u } = p, m = e.toLowerCase().replaceAll(" ", "-");
+      return `nav-${u}-${m}`;
+    }), r = E(() => {
+      const { navAccordionGroup: e, navLocation: u } = p, d = e.toLowerCase().replaceAll(" ", "-");
+      return `nav-accordion-group-${u}-${d}`;
+    }), l = E(() => {
+      const { textColor: e, textSize: u, dHl: d, hlColor: m, fontBold: H } = p, I = [o("BODYTEXT", u)];
+      if (!d) {
         const M = [
           o("TEXTCOLOR", e),
           o("HVTEXTCOLOR", m),
@@ -439,7 +437,7 @@ const ae = (k) => (U("data-v-1b1467b6"), k = k(), q(), k), se = { class: "flex f
         ];
         I.push(M.join(" "));
       }
-      if (u) {
+      if (d) {
         const M = o("BEFOREBG", m);
         I.push("before:inset-y-0 before:left-0 before:transition-[width] before:duration-300 before:ease-linear before:w-0 hover:before:w-full focus:before:w-full " + M);
         const N = [
@@ -449,85 +447,87 @@ const ae = (k) => (U("data-v-1b1467b6"), k = k(), q(), k), se = { class: "flex f
         ];
         I.push(N.join(" "));
       }
-      return $ && I.push("font-bold"), I.join(" ");
-    }), f = H(() => {
-      const { dHl: e, hlColor: c, navLocation: u } = p, m = [];
+      return H && I.push("font-bold"), I.join(" ");
+    }), f = E(() => {
+      const { dHl: e, hlColor: u, navLocation: d } = p, m = [];
       if (!e)
         return "";
-      const $ = "before:absolute before:w-xs before:h-full before:bg-primary before:bg-opacity-70 ", I = u === "desktop" ? "before:left-0 " : "before:right-0 ";
-      return m.push($ + I + o("BEFOREBG", c)), m.join(" ");
-    }), v = H(() => {
-      const { textColor: e, textSize: c, dHl: u, hlColor: m, fontBold: $, navLocation: I } = p;
-      let M = c === "xl" ? "lg" : c === "lg" ? "md" : c === "md" ? "sm" : "xs";
-      const R = [
+      const H = "before:absolute before:w-xs before:h-full before:bg-primary before:bg-opacity-70 ", I = d === "desktop" ? "before:left-0 " : "before:right-0 ";
+      return m.push(H + I + o("BEFOREBG", u)), m.join(" ");
+    }), C = E(() => {
+      const { textColor: e, textSize: u, dHl: d, hlColor: m, fontBold: H, navLocation: I } = p;
+      let M = u === "xl" ? "lg" : u === "lg" ? "md" : u === "md" ? "sm" : "xs";
+      const $ = [
         o("TEXTCOLOR", e),
         o("BODYTEXT", M)
       ];
-      if (I === "mobile" && R.push("text-end"), !u) {
+      if (I === "mobile" && $.push("text-end"), !d) {
         const N = [
           o("TEXTCOLOR", e),
           o("HVTEXTCOLOR", m),
           o("FCTEXTCOLOR", m)
         ];
-        R.push(N.join(" "));
+        $.push(N.join(" "));
       }
-      if (u) {
-        const N = o("BEFOREBG", m), Z = "before:inset-y-0 before:duration-300 before:ease-linear before:w-0 hover:before:w-full focus:before:w-full before:bg-opacity-70 ", ee = I === "desktop" ? "before:left-0 before:transition-[width] " : "before:left-full hover:before:left-0 focus:before:left-0 before:transition-[all] ";
-        R.push(Z + ee + N);
-        const le = [
+      if (d) {
+        const N = o("BEFOREBG", m), P = "before:inset-y-0 before:duration-300 before:ease-linear before:w-0 hover:before:w-full focus:before:w-full before:bg-opacity-70 ", Q = I === "desktop" ? "before:left-0 before:transition-[width] " : "before:left-full hover:before:left-0 focus:before:left-0 before:transition-[all] ";
+        $.push(P + Q + N);
+        const Z = [
           o("TEXTCOLOR", m),
           o("HVTEXTCOLOR", e),
           o("FCTEXTCOLOR", e)
         ];
-        R.push(le.join(" "));
+        $.push(Z.join(" "));
       }
-      return $ && R.push("font-bold"), R.join(" ");
+      return H && $.push("font-bold"), $.join(" ");
     });
     return w({
-      closeCollapse: C
-    }), (e, c) => (i(), d("div", null, [
-      W((i(), d("button", {
-        class: y(["px-xs py-2xs relative text-center block w-full before:absolute transition-colors duration-300 ease-linear", [l.value]]),
-        onClick: c[0] || (c[0] = (u) => T(u, e.menuItem.title))
+      closeCollapse: k
+    }), (e, u) => (i(), c("div", null, [
+      _((i(), c("button", {
+        class: T(["px-xs py-2xs relative text-center block w-full before:absolute transition-colors duration-300 ease-linear", [l.value]]),
+        onClick: u[0] || (u[0] = (d) => b(d, e.menuItem.title))
       }, [
-        n("div", De, [
+        n("div", He, [
           n("span", null, A(e.menuItem.title), 1),
-          (i(), d("svg", {
+          (i(), c("svg", {
             xmlns: "http://www.w3.org/2000/svg",
             viewBox: "0 0 448 512",
-            class: y(["h-[0.8rem] fill-current", [
+            class: T(["h-[0.8rem] fill-current", [
               g.value ? "rotate-180" : "rotate-0",
               "transition-transform duration-300 ease-in"
             ]])
-          }, Ne, 2))
+          }, u[1] || (u[1] = [
+            n("path", { d: "M224 416c-8.188 0-16.38-3.125-22.62-9.375l-192-192c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L224 338.8l169.4-169.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-192 192C240.4 412.9 232.2 416 224 416z" }, null, -1)
+          ]), 2))
         ])
       ], 2)), [
-        [L(P), void 0, t.value]
+        [B(q), void 0, t.value]
       ]),
-      j(L(Q), {
+      G(B(J), {
         ref_key: "collapseRef",
-        ref: b,
+        ref: v,
         id: t.value,
-        accordion: s.value,
+        accordion: r.value,
         onOpen: h,
         onClose: h
       }, {
         default: O(() => [
           n("ul", {
-            class: y(["relative", [f.value]])
+            class: T(["relative", [f.value]])
           }, [
-            (i(!0), d(S, null, X(e.menuItem.children, (u, m) => (i(), d("li", {
+            (i(!0), c(S, null, X(e.menuItem.children, (d, m) => (i(), c("li", {
               key: m,
-              class: y([e.navLocation === "desktop" ? "ml-xs" : "mr-xs"])
+              class: T([e.navLocation === "desktop" ? "ml-xs" : "mr-xs"])
             }, [
               n("a", {
-                href: u.url,
-                target: u.target,
-                onClick: ($) => r($, u),
-                class: y(["relative before:absolute w-full px-2xs py-3xs block overflow-x-hidden transition-colors duration-300 ease-linear", [v.value]])
+                href: d.url,
+                target: d.target,
+                onClick: (H) => s(H, d),
+                class: T(["relative before:absolute w-full px-2xs py-3xs block overflow-x-hidden transition-colors duration-300 ease-linear", [C.value]])
               }, [
-                n("span", je, A(u.title), 1)
-              ], 10, _e)
+                n("span", ze, A(d.title), 1)
+              ], 10, Ee)
             ], 2))), 128))
           ], 2)
         ]),
@@ -535,7 +535,7 @@ const ae = (k) => (U("data-v-1b1467b6"), k = k(), q(), k), se = { class: "flex f
       }, 8, ["id", "accordion"])
     ]));
   }
-}), Ge = ["href", "target"], Fe = { class: "relative" }, Y = /* @__PURE__ */ D({
+}), Re = ["href", "target"], $e = { class: "relative" }, W = /* @__PURE__ */ D({
   __name: "NavLinkVertical",
   props: {
     menuItem: {},
@@ -547,42 +547,42 @@ const ae = (k) => (U("data-v-1b1467b6"), k = k(), q(), k), se = { class: "flex f
     asLink: { type: Boolean, default: !0 }
   },
   emits: ["menu-click"],
-  setup(k, { emit: w }) {
-    const B = k, p = w, g = (a, h) => {
-      const { asLink: C } = B;
-      C || a.preventDefault(), p("menu-click", a, h);
-    }, b = H(() => {
-      const { textColor: a, textSize: h, dHl: C, hlColor: T, fontBold: r } = B, t = [o("BODYTEXT", h)];
-      if (!C) {
-        const s = [
+  setup(L, { emit: w }) {
+    const y = L, p = w, g = (a, h) => {
+      const { asLink: k } = y;
+      k || a.preventDefault(), p("menu-click", a, h);
+    }, v = E(() => {
+      const { textColor: a, textSize: h, dHl: k, hlColor: b, fontBold: s } = y, t = [o("BODYTEXT", h)];
+      if (!k) {
+        const r = [
           o("TEXTCOLOR", a),
-          o("HVTEXTCOLOR", T),
-          o("FCTEXTCOLOR", T)
+          o("HVTEXTCOLOR", b),
+          o("FCTEXTCOLOR", b)
         ];
-        t.push(s.join(" "));
+        t.push(r.join(" "));
       }
-      if (C) {
-        const s = o("BEFOREBG", T);
-        t.push("before:inset-y-0 before:left-0 before:transition-[width] before:duration-300 before:ease-linear before:w-0 hover:before:w-full focus:before:w-full " + s);
+      if (k) {
+        const r = o("BEFOREBG", b);
+        t.push("before:inset-y-0 before:left-0 before:transition-[width] before:duration-300 before:ease-linear before:w-0 hover:before:w-full focus:before:w-full " + r);
         const f = [
-          o("TEXTCOLOR", T),
+          o("TEXTCOLOR", b),
           o("HVTEXTCOLOR", a),
           o("FCTEXTCOLOR", a)
         ];
         t.push(f.join(" "));
       }
-      return r && t.push("font-bold"), t.join(" ");
+      return s && t.push("font-bold"), t.join(" ");
     });
-    return (a, h) => (i(), d("a", {
-      class: y([[b.value], "px-xs py-2xs relative text-center block w-full before:absolute transition-colors duration-300 ease-linear"]),
+    return (a, h) => (i(), c("a", {
+      class: T([[v.value], "px-xs py-2xs relative text-center block w-full before:absolute transition-colors duration-300 ease-linear"]),
       href: a.menuItem.url,
       target: a.menuItem.target ? a.menuItem.target : "_self",
-      onClick: h[0] || (h[0] = (C) => g(C, a.menuItem))
+      onClick: h[0] || (h[0] = (k) => g(k, a.menuItem))
     }, [
-      n("span", Fe, A(a.menuItem.title), 1)
-    ], 10, Ge));
+      n("span", $e, A(a.menuItem.title), 1)
+    ], 10, Re));
   }
-}), Ve = { class: "p-md text-center" }, Ke = ["href", "target"], Ye = ["src", "alt"], We = ["href", "target"], Ue = ["innerHTML"], qe = { class: "flex flex-col" }, Je = { key: 0 }, Pe = { class: "flex flex-col justify-between h-full" }, Qe = { class: "p-md text-center" }, Ze = ["href", "target"], el = ["src", "alt"], ll = ["href", "target"], tl = ["innerHTML"], ol = { class: "flex flex-col" }, nl = { key: 0 }, rl = /* @__PURE__ */ D({
+}), Ae = { class: "p-md text-center" }, Se = ["href", "target"], Xe = ["src", "alt"], De = ["href", "target"], Me = ["innerHTML"], Ne = { class: "flex flex-col" }, je = { key: 0 }, Ge = { class: "flex flex-col justify-between h-full" }, Fe = { class: "p-md text-center" }, Ve = ["href", "target"], Ke = ["src", "alt"], Ye = ["href", "target"], We = ["innerHTML"], _e = { class: "flex flex-col" }, Ue = { key: 0 }, Qe = /* @__PURE__ */ D({
   __name: "MclHeaderB",
   props: {
     logo: {},
@@ -606,50 +606,50 @@ const ae = (k) => (U("data-v-1b1467b6"), k = k(), q(), k), se = { class: "flex f
     headerWidth: { default: 160 }
   },
   emits: ["toggle-drawer", "title-click", "menu-click", "collapse-click"],
-  setup(k, { expose: w, emit: B }) {
-    const p = k, g = J(), b = B, a = z(), h = z(), C = (e, c) => {
-      b("toggle-drawer", e, c);
-    }, T = () => {
+  setup(L, { expose: w, emit: y }) {
+    const p = L, g = U(), v = y, a = R(), h = R(), k = (e, u) => {
+      v("toggle-drawer", e, u);
+    }, b = () => {
       var e;
       (e = a.value) == null || e.headerClose();
-    }, r = () => {
+    }, s = () => {
       for (let e = 0; e < h.value.length; e++)
         h.value[e].closeCollapse();
     }, t = (e) => {
-      const { titleBlockAsLink: c, titleBlockLink: u, titleBlockLinkTarget: m } = p;
-      c || e.preventDefault(), b("title-click", e, u, m), T(), r();
-    }, s = (e, c) => {
-      const { menuItemAsLink: u } = p;
-      u || e.preventDefault(), b("menu-click", e, c), T(), r();
-    }, l = (e, c, u) => {
-      b("collapse-click", e, c, u);
-    }, f = H(() => {
-      const { titleSize: e, titleColor: c } = p;
+      const { titleBlockAsLink: u, titleBlockLink: d, titleBlockLinkTarget: m } = p;
+      u || e.preventDefault(), v("title-click", e, d, m), b(), s();
+    }, r = (e, u) => {
+      const { menuItemAsLink: d } = p;
+      d || e.preventDefault(), v("menu-click", e, u), b(), s();
+    }, l = (e, u, d) => {
+      v("collapse-click", e, u, d);
+    }, f = E(() => {
+      const { titleSize: e, titleColor: u } = p;
       return [
         o("H3", e),
-        o("TEXTCOLOR", c)
+        o("TEXTCOLOR", u)
       ].join(" ");
-    }), v = (e) => {
-      const c = e;
-      return typeof c.children > "u" ? !1 : c.children.length > 0;
+    }), C = (e) => {
+      const u = e;
+      return typeof u.children > "u" ? !1 : u.children.length > 0;
     };
     return w({
-      headerClose: T
-    }), (e, c) => (i(), x(L(ie), {
+      headerClose: b
+    }), (e, u) => (i(), x(B(oe), {
       "bg-color": e.bgColor,
       "drawer-btn-color": e.drawerBtnColor,
       "drawer-btn-border": e.drawerBtnBorder,
       "header-width": e.headerWidth,
-      onToggleDrawer: C,
+      onToggleDrawer: k,
       ref_key: "componentRef",
       ref: a
     }, {
       default: O(() => [
-        _(e.$slots, "default")
+        j(e.$slots, "default")
       ]),
       content: O(() => [
         n("div", null, [
-          n("div", Ve, [
+          n("div", Ae, [
             n("a", {
               href: e.titleBlockLink,
               target: e.titleBlockLinkTarget,
@@ -659,8 +659,8 @@ const ae = (k) => (U("data-v-1b1467b6"), k = k(), q(), k), se = { class: "flex f
                 src: e.logo,
                 alt: e.logoAlt,
                 class: "h-full inline-block max-h-xl"
-              }, null, 8, Ye)
-            ], 8, Ke)
+              }, null, 8, Xe)
+            ], 8, Se)
           ]),
           n("div", null, [
             n("a", {
@@ -669,56 +669,56 @@ const ae = (k) => (U("data-v-1b1467b6"), k = k(), q(), k), se = { class: "flex f
               onClick: t
             }, [
               n("h3", {
-                class: y([f.value, "text-center mb-md"]),
+                class: T([f.value, "text-center mb-md"]),
                 innerHTML: e.title
-              }, null, 10, Ue)
-            ], 8, We)
+              }, null, 10, Me)
+            ], 8, De)
           ]),
-          n("ul", qe, [
-            (i(!0), d(S, null, X(e.menuItems, (u, m) => (i(), d("li", {
+          n("ul", Ne, [
+            (i(!0), c(S, null, X(e.menuItems, (d, m) => (i(), c("li", {
               key: `menu-${m}`
             }, [
-              v(u) ? (i(), x(K, {
+              C(d) ? (i(), x(Y, {
                 key: 1,
                 ref_for: !0,
                 ref_key: "collapseRef",
                 ref: h,
-                "nav-id": u.title,
+                "nav-id": d.title,
                 "nav-location": "desktop",
                 "nav-accordion-group": e.title,
-                "menu-item": u,
+                "menu-item": d,
                 "as-link": e.menuItemAsLink,
                 "text-color": e.menuTextColor,
                 "text-size": e.menuTextSize,
                 "font-bold": e.menuTextBold,
                 "d-hl": e.displayHighlight,
                 "hl-color": e.highlightColor,
-                onChildClick: s,
+                onChildClick: r,
                 onLabelClick: l
-              }, null, 8, ["nav-id", "nav-accordion-group", "menu-item", "as-link", "text-color", "text-size", "font-bold", "d-hl", "hl-color"])) : (i(), x(Y, {
+              }, null, 8, ["nav-id", "nav-accordion-group", "menu-item", "as-link", "text-color", "text-size", "font-bold", "d-hl", "hl-color"])) : (i(), x(W, {
                 key: 0,
-                "menu-item": u,
+                "menu-item": d,
                 "as-link": e.menuItemAsLink,
                 "text-color": e.menuTextColor,
                 "text-size": e.menuTextSize,
                 "font-bold": e.menuTextBold,
                 "d-hl": e.displayHighlight,
                 "hl-color": e.highlightColor,
-                onMenuClick: s
+                onMenuClick: r
               }, null, 8, ["menu-item", "as-link", "text-color", "text-size", "font-bold", "d-hl", "hl-color"]))
             ]))), 128))
           ])
         ])
       ]),
       "content-bottom": O(() => [
-        g["content-bottom"] ? (i(), d("div", Je, [
-          _(e.$slots, "content-bottom")
-        ])) : E("", !0)
+        g["content-bottom"] ? (i(), c("div", je, [
+          j(e.$slots, "content-bottom")
+        ])) : z("", !0)
       ]),
-      "mobile-content": O(({ headerClose: u }) => [
-        n("div", Pe, [
+      "mobile-content": O(({ headerClose: d }) => [
+        n("div", Ge, [
           n("div", null, [
-            n("div", Qe, [
+            n("div", Fe, [
               n("a", {
                 href: e.titleBlockLink,
                 target: e.titleBlockLinkTarget,
@@ -728,8 +728,8 @@ const ae = (k) => (U("data-v-1b1467b6"), k = k(), q(), k), se = { class: "flex f
                   src: e.logo,
                   alt: e.logoAlt,
                   class: "h-full inline-block max-h-xl"
-                }, null, 8, el)
-              ], 8, Ze)
+                }, null, 8, Ke)
+              ], 8, Ve)
             ]),
             n("div", null, [
               n("a", {
@@ -738,16 +738,16 @@ const ae = (k) => (U("data-v-1b1467b6"), k = k(), q(), k), se = { class: "flex f
                 onClick: t
               }, [
                 n("h3", {
-                  class: y([f.value, "text-center mb-md"]),
+                  class: T([f.value, "text-center mb-md"]),
                   innerHTML: e.title
-                }, null, 10, tl)
-              ], 8, ll)
+                }, null, 10, We)
+              ], 8, Ye)
             ]),
-            n("ul", ol, [
-              (i(!0), d(S, null, X(e.menuItems, (m, $) => (i(), d("li", {
-                key: `menu-${$}`
+            n("ul", _e, [
+              (i(!0), c(S, null, X(e.menuItems, (m, H) => (i(), c("li", {
+                key: `menu-${H}`
               }, [
-                v(m) ? (i(), x(K, {
+                C(m) ? (i(), x(Y, {
                   key: 1,
                   "nav-id": m.title,
                   "nav-location": "mobile",
@@ -759,9 +759,9 @@ const ae = (k) => (U("data-v-1b1467b6"), k = k(), q(), k), se = { class: "flex f
                   "font-bold": e.menuTextBold,
                   "d-hl": e.displayHighlight,
                   "hl-color": e.highlightColor,
-                  onChildClick: s,
+                  onChildClick: r,
                   onLabelClick: l
-                }, null, 8, ["nav-id", "nav-accordion-group", "menu-item", "as-link", "text-color", "text-size", "font-bold", "d-hl", "hl-color"])) : (i(), x(Y, {
+                }, null, 8, ["nav-id", "nav-accordion-group", "menu-item", "as-link", "text-color", "text-size", "font-bold", "d-hl", "hl-color"])) : (i(), x(W, {
                   key: 0,
                   "menu-item": m,
                   "as-link": e.menuItemAsLink,
@@ -770,14 +770,14 @@ const ae = (k) => (U("data-v-1b1467b6"), k = k(), q(), k), se = { class: "flex f
                   "font-bold": e.menuTextBold,
                   "d-hl": e.displayHighlight,
                   "hl-color": e.highlightColor,
-                  onMenuClick: s
+                  onMenuClick: r
                 }, null, 8, ["menu-item", "as-link", "text-color", "text-size", "font-bold", "d-hl", "hl-color"]))
               ]))), 128))
             ])
           ]),
-          g["mobile-bottom"] ? (i(), d("div", nl, [
-            _(e.$slots, "mobile-bottom", { headerClose: u })
-          ])) : E("", !0)
+          g["mobile-bottom"] ? (i(), c("div", Ue, [
+            j(e.$slots, "mobile-bottom", { headerClose: d })
+          ])) : z("", !0)
         ])
       ]),
       _: 3
@@ -785,6 +785,6 @@ const ae = (k) => (U("data-v-1b1467b6"), k = k(), q(), k), se = { class: "flex f
   }
 });
 export {
-  sl as MclHeaderA,
-  rl as MclHeaderB
+  Pe as MclHeaderA,
+  Qe as MclHeaderB
 };