@bobbykim/mcl-header 0.6.1 → 0.6.2

package/dist/mcl-header.js

@@ -1,9 +1,9 @@
 (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 X, ref as z, computed as H, openBlock as i, createElementBlock as d, createElementVNode as n, withDirectives as W, normalizeClass as B, toDisplayString as R, unref as b, createCommentVNode as E, createVNode as j, withCtx as O, Fragment as A, renderList as S, pushScopeId as U, popScopeId as q, withKeys as F, useSlots as J, createBlock as x, renderSlot as N } from "vue";
+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__ */ X({
+], ce = { class: "relative pt-2xs" }, he = { class: "relative flex flex-col" }, fe = ["href", "target", "onClick"], me = /* @__PURE__ */ D({
   __name: "NavCollapse",
   props: {
     navId: {},
@@ -20,18 +20,18 @@ const ae = (k) => (U("data-v-1b1467b6"), k = k(), q(), k), se = { class: "flex f
   },
   emits: ["child-click", "label-click"],
   setup(k, { emit: w }) {
-    const L = k, p = w, g = z(!1), T = H(() => {
-      const { navId: t } = L;
+    const B = k, p = w, g = z(!1), b = H(() => {
+      const { navId: t } = B;
       return `nav-${t.toLowerCase().replaceAll(" ", "-")}`;
     }), a = H(() => {
-      const { navAccordionGroup: t } = L;
+      const { navAccordionGroup: t } = B;
       return `accordion-${t.toLocaleLowerCase().replaceAll(" ", "-")}`;
     }), h = (t) => {
       g.value = t;
     }, C = (t, s) => {
       p("label-click", t, s, g.value);
-    }, y = (t, s) => {
-      const { asLink: l } = L;
+    }, T = (t, s) => {
+      const { asLink: l } = B;
       !l && t.preventDefault(), p("child-click", t, s);
     }, r = (t, s, l) => {
       const f = [
@@ -43,28 +43,28 @@ const ae = (k) => (U("data-v-1b1467b6"), k = k(), q(), k), se = { class: "flex f
     return (t, s) => (i(), d("div", se, [
       n("div", re, [
         W((i(), d("button", {
-          class: B(["tracking-wider align-middle outline-none nav__text flex items-center gap-3xs", r(t.menuTextSize, t.menuTextColor, t.menuTextBold)]),
+          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))
         }, [
-          n("span", null, R(t.navItem.title), 1),
+          n("span", null, A(t.navItem.title), 1),
           (i(), d("svg", {
             xmlns: "http://www.w3.org/2000/svg",
             viewBox: "0 0 448 512",
-            class: B(["h-[0.8rem] fill-current", [
+            class: y(["h-[0.8rem] fill-current", [
               g.value ? "rotate-180" : "rotate-0",
               "transition-transform duration-300 ease-in"
             ]])
           }, de, 2))
         ], 2)), [
-          [b(P), void 0, T.value]
+          [L(P), void 0, b.value]
         ]),
         t.displayHighlight ? (i(), d("div", {
           key: 0,
-          class: B(["relative -top-[2px] h-[6px] nav__decorator", b(o)("BEFOREBG", t.highlightColor)])
+          class: y(["relative -top-[2px] h-[6px] nav__decorator", L(o)("BEFOREBG", t.highlightColor)])
         }, null, 2)) : E("", !0)
       ]),
-      j(b(Q), {
-        id: T.value,
+      j(L(Q), {
+        id: b.value,
         visible: !1,
         accordion: a.value,
         onOpen: h,
@@ -74,19 +74,19 @@ const ae = (k) => (U("data-v-1b1467b6"), k = k(), q(), k), se = { class: "flex f
           n("div", ce, [
             t.displayHighlight ? (i(), d("div", {
               key: 0,
-              class: B(["absolute w-md bg-opacity-25 -left-4 h-full", b(o)("BGCOLOR", t.highlightColor)])
+              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(A, null, S(t.navItem.children, (l, f) => (i(), d("a", {
+              (i(!0), d(S, null, X(t.navItem.children, (l, f) => (i(), d("a", {
                 href: l.url,
                 target: l.target,
-                class: B(["w-full pb-2xs last:pb-0", [
-                  b(o)("TEXTCOLOR", t.menuTextColor),
-                  b(o)("BODYTEXT", t.menuTextSize)
+                class: y(["w-full pb-2xs last:pb-0", [
+                  L(o)("TEXTCOLOR", t.menuTextColor),
+                  L(o)("BODYTEXT", t.menuTextSize)
                 ]]),
                 key: f,
-                onClick: (v) => y(v, l)
-              }, R(l.title), 11, fe))), 128))
+                onClick: (v) => T(v, l)
+              }, A(l.title), 11, fe))), 128))
             ])
           ])
         ]),
@@ -94,15 +94,14 @@ const ae = (k) => (U("data-v-1b1467b6"), k = k(), q(), k), se = { class: "flex f
       }, 8, ["id", "accordion"])
     ]));
   }
-});
-const G = (k, w) => {
-  const L = k.__vccOpts || k;
+}), G = (k, w) => {
+  const B = k.__vccOpts || k;
   for (const [p, g] of w)
-    L[p] = g;
-  return L;
+    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__ */ X({
+], be = ["href", "target", "onClick"], Te = /* @__PURE__ */ D({
   __name: "NavDropdown",
   props: {
     navItem: {},
@@ -116,19 +115,19 @@ const G = (k, w) => {
   },
   emits: ["label-click", "child-click"],
   setup(k, { emit: w }) {
-    const L = k, p = w, g = z(-1), T = z(), a = (r, t, s) => {
+    const B = k, p = w, g = z(-1), b = z(), a = (r, t, s) => {
       const l = [
         o("BODYTEXT", r),
         o("TEXTCOLOR", t)
       ];
       return s && l.push("font-bold"), l.join(" ");
     }, h = (r) => {
-      const t = L.navItem.children.length;
-      T.value !== void 0 && (r === "down" && g.value < t - 1 && g.value++, r === "up" && g.value > 0 && g.value--, T.value[g.value].focus());
+      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);
-    }, y = (r, t) => {
-      const { asLink: s } = L;
+    }, T = (r, t) => {
+      const { asLink: s } = B;
       !s && r.preventDefault(), p("child-click", r, t);
     };
     return (r, t) => (i(), d("div", {
@@ -137,18 +136,18 @@ const G = (k, w) => {
         t[1] || (t[1] = F((s) => h("up"), ["up"]))
       ]
     }, [
-      j(b(te), null, {
+      j(L(te), null, {
         toggler: O(({ toggle: s, dropdownState: l }) => [
           n("div", null, [
             n("button", {
-              class: B(["tracking-wider align-middle outline-none nav__text flex items-center gap-3xs", a(r.menuTextSize, r.menuTextColor, r.menuTextBold)]),
+              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))
             }, [
-              n("span", null, R(r.navItem.title), 1),
+              n("span", null, A(r.navItem.title), 1),
               (i(), d("svg", {
                 xmlns: "http://www.w3.org/2000/svg",
                 viewBox: "0 0 448 512",
-                class: B(["h-[0.8rem] fill-current", [
+                class: y(["h-[0.8rem] fill-current", [
                   l ? "rotate-180" : "rotate-0",
                   "transition-transform duration-300 ease-in"
                 ]])
@@ -156,29 +155,29 @@ const G = (k, w) => {
             ], 10, ke),
             r.displayHighlight ? (i(), d("div", {
               key: 0,
-              class: B(["relative -top-[2px] h-[6px] nav__decorator", b(o)("BEFOREBG", r.highlightColor)])
+              class: y(["relative -top-[2px] h-[6px] nav__decorator", L(o)("BEFOREBG", r.highlightColor)])
             }, null, 2)) : E("", !0)
           ])
         ]),
         default: O(() => [
-          j(b(oe), { className: "border drop-shadow-sm" }, {
+          j(L(oe), { className: "border drop-shadow-sm" }, {
             default: O(({ itemClick: s }) => [
-              (i(!0), d(A, null, S(r.navItem.children, (l, f) => (i(), d("a", {
+              (i(!0), d(S, null, X(r.navItem.children, (l, f) => (i(), d("a", {
                 href: l.url,
                 target: l.target,
                 key: f,
                 ref_for: !0,
                 ref_key: "navItemRef",
-                ref: T,
-                class: B(["px-xs py-2xs block w-full hover:bg-opacity-50 focus:bg-opacity-50 transition-all duration-200 ease-linear", [
-                  b(o)("BGCOLOR", r.bgColor),
-                  b(o)("HVBGCOLOR", r.highlightColor),
-                  b(o)("FCBGCOLOR", r.highlightColor),
-                  b(o)("TEXTCOLOR", r.menuTextColor),
-                  b(o)("BODYTEXT", r.menuTextSize)
+                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)
                 ]]),
-                onClick: (v) => (s(), y(v, l))
-              }, R(l.title), 11, be))), 128))
+                onClick: (v) => (s(), T(v, l))
+              }, A(l.title), 11, be))), 128))
             ]),
             _: 1
           })
@@ -187,8 +186,7 @@ const G = (k, w) => {
       })
     ], 32));
   }
-});
-const ye = /* @__PURE__ */ G(Te, [["__scopeId", "data-v-3cd6e9eb"]]), Be = ["href", "target", "innerHTML"], Le = /* @__PURE__ */ X({
+}), ye = /* @__PURE__ */ G(Te, [["__scopeId", "data-v-3cd6e9eb"]]), Be = ["href", "target", "innerHTML"], Le = /* @__PURE__ */ D({
   __name: "NavLink",
   props: {
     navItem: {},
@@ -201,14 +199,14 @@ const ye = /* @__PURE__ */ G(Te, [["__scopeId", "data-v-3cd6e9eb"]]), Be = ["hre
   },
   emits: ["nav-link"],
   setup(k, { emit: w }) {
-    const L = k, p = w, g = (a, h, C) => {
-      const y = [
+    const B = k, p = w, g = (a, h, C) => {
+      const T = [
         o("BODYTEXT", a),
         o("TEXTCOLOR", h)
       ];
-      return C && y.push("font-bold"), y.join(" ");
-    }, T = (a, h) => {
-      const { asLink: C } = L;
+      return C && T.push("font-bold"), T.join(" ");
+    }, b = (a, h) => {
+      const { asLink: C } = B;
       !C && a.preventDefault(), p("nav-link", a, h);
     };
     return (a, h) => (i(), d("div", null, [
@@ -216,20 +214,19 @@ const ye = /* @__PURE__ */ G(Te, [["__scopeId", "data-v-3cd6e9eb"]]), Be = ["hre
         href: a.navItem.url,
         target: a.navItem.target,
         innerHTML: a.navItem.title,
-        class: B(["tracking-wider outline-none nav__text", g(a.menuTextSize, a.menuTextColor, a.menuTextBold)]),
-        onClick: h[0] || (h[0] = (C) => T(C, a.navItem))
+        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", {
         key: 0,
-        class: B(["relative -top-[2px] h-[6px] nav__decorator", b(o)("BEFOREBG", a.highlightColor)])
+        class: y(["relative -top-[2px] h-[6px] nav__decorator", L(o)("BEFOREBG", a.highlightColor)])
       }, null, 2)) : E("", !0)
     ]));
   }
-});
-const 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"], _e = ["innerHTML"], ze = { class: "hidden lg:flex flex-wrap" }, Re = {
+}), 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 = {
   key: 0,
   class: "hidden lg:block"
-}, Ae = { class: "flex flex-col items-center justify-center p-xs" }, Se = { key: 0 }, sl = /* @__PURE__ */ X({
+}, Se = { class: "flex flex-col items-center justify-center p-xs" }, Xe = { key: 0 }, sl = /* @__PURE__ */ D({
   __name: "MclHeaderA",
   props: {
     logo: {},
@@ -256,14 +253,14 @@ const V = /* @__PURE__ */ G(Le, [["__scopeId", "data-v-94d8fa7b"]]), we = { clas
     scrollDistance: { default: 50 }
   },
   emits: ["toggle-drawer", "title-click", "menu-click", "collapse-click"],
-  setup(k, { expose: w, emit: L }) {
-    const p = k, g = z(), T = J(), a = L, h = () => {
+  setup(k, { expose: w, emit: B }) {
+    const p = k, g = z(), b = J(), a = B, 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();
-    }, y = (l, f) => {
+    }, T = (l, f) => {
       const { menuItemAsLink: v } = p;
       v || l.preventDefault(), a("menu-click", l, f), h();
     }, r = (l, f, v) => {
@@ -277,7 +274,7 @@ const V = /* @__PURE__ */ G(Le, [["__scopeId", "data-v-94d8fa7b"]]), we = { clas
     };
     return w({
       headerClose: h
-    }), (l, f) => (i(), x(b(ne), {
+    }), (l, f) => (i(), x(L(ne), {
       ref_key: "componentRef",
       ref: g,
       "bg-color": l.bgColor,
@@ -297,7 +294,7 @@ const V = /* @__PURE__ */ G(Le, [["__scopeId", "data-v-94d8fa7b"]]), we = { clas
               n("img", {
                 src: l.logo,
                 alt: l.logoAlt,
-                class: B(["h-full", [l.logoSmall ? "hidden lg:inline-block" : "inline-block"]])
+                class: y(["h-full", [l.logoSmall ? "hidden lg:inline-block" : "inline-block"]])
               }, null, 10, xe),
               l.logoSmall ? (i(), d("img", {
                 key: 0,
@@ -314,12 +311,12 @@ const V = /* @__PURE__ */ G(Le, [["__scopeId", "data-v-94d8fa7b"]]), we = { clas
               onClick: C
             }, [
               n("h2", {
-                class: B(["inline-block align-middle tracking-wider", t(l.titleSize, l.titleColor)]),
+                class: y(["inline-block align-middle tracking-wider", t(l.titleSize, l.titleColor)]),
                 innerHTML: l.title
-              }, null, 10, _e)
+              }, null, 10, ze)
             ], 8, Ee),
-            n("ul", ze, [
-              (i(!0), d(A, null, S(l.menuItems, (v, e) => (i(), d("li", {
+            n("ul", Re, [
+              (i(!0), d(S, null, X(l.menuItems, (v, e) => (i(), d("li", {
                 class: "mr-xs last:mr-0",
                 key: `menu-${e}`
               }, [
@@ -333,7 +330,7 @@ const V = /* @__PURE__ */ G(Le, [["__scopeId", "data-v-94d8fa7b"]]), we = { clas
                   "highlight-color": l.highlightColor,
                   "bg-color": l.bgColor,
                   "as-link": l.menuItemAsLink,
-                  onChildClick: y,
+                  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, {
                   key: 0,
@@ -344,7 +341,7 @@ const V = /* @__PURE__ */ G(Le, [["__scopeId", "data-v-94d8fa7b"]]), we = { clas
                   "display-highlight": l.displayHighlight,
                   "highlight-color": l.highlightColor,
                   "as-link": l.menuItemAsLink,
-                  onNavLink: y
+                  onNavLink: T
                 }, null, 8, ["nav-item", "menu-text-color", "menu-text-size", "menu-text-bold", "display-highlight", "highlight-color", "as-link"]))
               ]))), 128))
             ])
@@ -352,14 +349,14 @@ const V = /* @__PURE__ */ G(Le, [["__scopeId", "data-v-94d8fa7b"]]), we = { clas
         ])
       ]),
       "content-right": O(() => [
-        b(T)["content-right"] ? (i(), d("div", Re, [
-          N(l.$slots, "content-right")
+        b["content-right"] ? (i(), d("div", Ae, [
+          _(l.$slots, "content-right")
         ])) : E("", !0)
       ]),
       "mobile-content": O(() => [
         n("div", null, [
-          n("ul", Ae, [
-            (i(!0), d(A, null, S(l.menuItems, (v, e) => (i(), d("li", {
+          n("ul", Se, [
+            (i(!0), d(S, null, X(l.menuItems, (v, e) => (i(), d("li", {
               class: "mb-2xs last:mb-0",
               key: `mobile-${e}`
             }, [
@@ -374,7 +371,7 @@ const V = /* @__PURE__ */ G(Le, [["__scopeId", "data-v-94d8fa7b"]]), we = { clas
                 "highlight-color": l.highlightColor,
                 "nav-accordion-group": l.title,
                 "as-link": l.menuItemAsLink,
-                onChildClick: y,
+                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, {
                 key: 0,
@@ -385,21 +382,21 @@ const V = /* @__PURE__ */ G(Le, [["__scopeId", "data-v-94d8fa7b"]]), we = { clas
                 "display-highlight": l.displayHighlight,
                 "highlight-color": l.highlightColor,
                 "as-link": l.menuItemAsLink,
-                onNavLink: y
+                onNavLink: T
               }, null, 8, ["nav-item", "menu-text-color", "menu-text-size", "menu-text-bold", "display-highlight", "highlight-color", "as-link"]))
             ]))), 128))
           ]),
-          b(T)["mobile-bottom"] ? (i(), d("div", Se, [
-            N(l.$slots, "mobile-bottom", { headerClose: h })
+          b["mobile-bottom"] ? (i(), d("div", Xe, [
+            _(l.$slots, "mobile-bottom", { headerClose: h })
           ])) : E("", !0)
         ])
       ]),
       _: 3
     }, 8, ["bg-color", "drawer-btn-border", "drawer-btn-color", "fade-in-on-scroll", "mobile-menu-bg-color"]));
   }
-}), Xe = { class: "relative flex gap-2 items-center justify-center" }, De = /* @__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), Me = [
-  De
-], Ne = ["href", "target", "onClick"], je = { class: "relative" }, K = /* @__PURE__ */ X({
+}), 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({
   __name: "NavCollapseVertical",
   props: {
     navId: {},
@@ -414,18 +411,18 @@ const V = /* @__PURE__ */ G(Le, [["__scopeId", "data-v-94d8fa7b"]]), we = { clas
     asLink: { type: Boolean, default: !0 }
   },
   emits: ["label-click", "child-click"],
-  setup(k, { expose: w, emit: L }) {
-    const p = k, g = z(!1), T = z(), a = L, h = (e) => {
+  setup(k, { expose: w, emit: B }) {
+    const p = k, g = z(!1), b = z(), a = B, h = (e) => {
       g.value = e;
     }, C = () => {
       var e;
-      (e = T.value) == null || e.close();
-    }, y = (e, c) => {
+      (e = b.value) == null || e.close();
+    }, T = (e, c) => {
       a("label-click", e, c, g.value);
     }, r = (e, c) => {
       var m;
       const { asLink: u } = p;
-      u || e.preventDefault(), a("child-click", e, c), (m = T.value) == null || m.close(), C();
+      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}`;
@@ -435,22 +432,22 @@ const V = /* @__PURE__ */ G(Le, [["__scopeId", "data-v-94d8fa7b"]]), we = { clas
     }), l = H(() => {
       const { textColor: e, textSize: c, dHl: u, hlColor: m, fontBold: $ } = p, I = [o("BODYTEXT", c)];
       if (!u) {
-        const D = [
+        const M = [
           o("TEXTCOLOR", e),
           o("HVTEXTCOLOR", m),
           o("FCTEXTCOLOR", m)
         ];
-        I.push(D.join(" "));
+        I.push(M.join(" "));
       }
       if (u) {
-        const D = o("BEFOREBG", m), _ = "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 ";
-        I.push(_ + D);
-        const M = [
+        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 = [
           o("TEXTCOLOR", m),
           o("HVTEXTCOLOR", e),
           o("FCTEXTCOLOR", e)
         ];
-        I.push(M.join(" "));
+        I.push(N.join(" "));
       }
       return $ && I.push("font-bold"), I.join(" ");
     }), f = H(() => {
@@ -461,55 +458,55 @@ const V = /* @__PURE__ */ G(Le, [["__scopeId", "data-v-94d8fa7b"]]), we = { clas
       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 D = c === "xl" ? "lg" : c === "lg" ? "md" : c === "md" ? "sm" : "xs";
-      const _ = [
+      let M = c === "xl" ? "lg" : c === "lg" ? "md" : c === "md" ? "sm" : "xs";
+      const R = [
         o("TEXTCOLOR", e),
-        o("BODYTEXT", D)
+        o("BODYTEXT", M)
       ];
-      if (I === "mobile" && _.push("text-end"), !u) {
-        const M = [
+      if (I === "mobile" && R.push("text-end"), !u) {
+        const N = [
           o("TEXTCOLOR", e),
           o("HVTEXTCOLOR", m),
           o("FCTEXTCOLOR", m)
         ];
-        _.push(M.join(" "));
+        R.push(N.join(" "));
       }
       if (u) {
-        const M = 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] ";
-        _.push(Z + ee + M);
+        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 = [
           o("TEXTCOLOR", m),
           o("HVTEXTCOLOR", e),
           o("FCTEXTCOLOR", e)
         ];
-        _.push(le.join(" "));
+        R.push(le.join(" "));
       }
-      return $ && _.push("font-bold"), _.join(" ");
+      return $ && R.push("font-bold"), R.join(" ");
     });
     return w({
       closeCollapse: C
     }), (e, c) => (i(), d("div", null, [
       W((i(), d("button", {
-        class: B(["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) => y(u, e.menuItem.title))
+        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))
       }, [
-        n("div", Xe, [
-          n("span", null, R(e.menuItem.title), 1),
+        n("div", De, [
+          n("span", null, A(e.menuItem.title), 1),
           (i(), d("svg", {
             xmlns: "http://www.w3.org/2000/svg",
             viewBox: "0 0 448 512",
-            class: B(["h-[0.8rem] fill-current", [
+            class: y(["h-[0.8rem] fill-current", [
               g.value ? "rotate-180" : "rotate-0",
               "transition-transform duration-300 ease-in"
             ]])
-          }, Me, 2))
+          }, Ne, 2))
         ])
       ], 2)), [
-        [b(P), void 0, t.value]
+        [L(P), void 0, t.value]
       ]),
-      j(b(Q), {
+      j(L(Q), {
         ref_key: "collapseRef",
-        ref: T,
+        ref: b,
         id: t.value,
         accordion: s.value,
         onOpen: h,
@@ -517,20 +514,20 @@ const V = /* @__PURE__ */ G(Le, [["__scopeId", "data-v-94d8fa7b"]]), we = { clas
       }, {
         default: O(() => [
           n("ul", {
-            class: B(["relative", [f.value]])
+            class: y(["relative", [f.value]])
           }, [
-            (i(!0), d(A, null, S(e.menuItem.children, (u, m) => (i(), d("li", {
+            (i(!0), d(S, null, X(e.menuItem.children, (u, m) => (i(), d("li", {
               key: m,
-              class: B([e.navLocation === "desktop" ? "ml-xs" : "mr-xs"])
+              class: y([e.navLocation === "desktop" ? "ml-xs" : "mr-xs"])
             }, [
               n("a", {
                 href: u.url,
                 target: u.target,
                 onClick: ($) => r($, u),
-                class: B(["relative before:absolute w-full px-2xs py-3xs block overflow-x-hidden transition-colors duration-300 ease-linear", [v.value]])
+                class: y(["relative before:absolute w-full px-2xs py-3xs block overflow-x-hidden transition-colors duration-300 ease-linear", [v.value]])
               }, [
-                n("span", je, R(u.title), 1)
-              ], 10, Ne)
+                n("span", je, A(u.title), 1)
+              ], 10, _e)
             ], 2))), 128))
           ], 2)
         ]),
@@ -538,7 +535,7 @@ const V = /* @__PURE__ */ G(Le, [["__scopeId", "data-v-94d8fa7b"]]), we = { clas
       }, 8, ["id", "accordion"])
     ]));
   }
-}), Ge = ["href", "target"], Fe = { class: "relative" }, Y = /* @__PURE__ */ X({
+}), Ge = ["href", "target"], Fe = { class: "relative" }, Y = /* @__PURE__ */ D({
   __name: "NavLinkVertical",
   props: {
     menuItem: {},
@@ -551,24 +548,24 @@ const V = /* @__PURE__ */ G(Le, [["__scopeId", "data-v-94d8fa7b"]]), we = { clas
   },
   emits: ["menu-click"],
   setup(k, { emit: w }) {
-    const L = k, p = w, g = (a, h) => {
-      const { asLink: C } = L;
+    const B = k, p = w, g = (a, h) => {
+      const { asLink: C } = B;
       C || a.preventDefault(), p("menu-click", a, h);
-    }, T = H(() => {
-      const { textColor: a, textSize: h, dHl: C, hlColor: y, fontBold: r } = L, t = [o("BODYTEXT", h)];
+    }, b = H(() => {
+      const { textColor: a, textSize: h, dHl: C, hlColor: T, fontBold: r } = B, t = [o("BODYTEXT", h)];
       if (!C) {
         const s = [
           o("TEXTCOLOR", a),
-          o("HVTEXTCOLOR", y),
-          o("FCTEXTCOLOR", y)
+          o("HVTEXTCOLOR", T),
+          o("FCTEXTCOLOR", T)
         ];
         t.push(s.join(" "));
       }
       if (C) {
-        const s = o("BEFOREBG", y), l = "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 ";
-        t.push(l + s);
+        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);
         const f = [
-          o("TEXTCOLOR", y),
+          o("TEXTCOLOR", T),
           o("HVTEXTCOLOR", a),
           o("FCTEXTCOLOR", a)
         ];
@@ -577,15 +574,15 @@ const V = /* @__PURE__ */ G(Le, [["__scopeId", "data-v-94d8fa7b"]]), we = { clas
       return r && t.push("font-bold"), t.join(" ");
     });
     return (a, h) => (i(), d("a", {
-      class: B([[T.value], "px-xs py-2xs relative text-center block w-full before:absolute transition-colors duration-300 ease-linear"]),
+      class: y([[b.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))
     }, [
-      n("span", Fe, R(a.menuItem.title), 1)
+      n("span", Fe, A(a.menuItem.title), 1)
     ], 10, Ge));
   }
-}), 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__ */ X({
+}), 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({
   __name: "MclHeaderB",
   props: {
     logo: {},
@@ -609,10 +606,10 @@ const V = /* @__PURE__ */ G(Le, [["__scopeId", "data-v-94d8fa7b"]]), we = { clas
     headerWidth: { default: 160 }
   },
   emits: ["toggle-drawer", "title-click", "menu-click", "collapse-click"],
-  setup(k, { expose: w, emit: L }) {
-    const p = k, g = J(), T = L, a = z(), h = z(), C = (e, c) => {
-      T("toggle-drawer", e, c);
-    }, y = () => {
+  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 = () => {
       var e;
       (e = a.value) == null || e.headerClose();
     }, r = () => {
@@ -620,12 +617,12 @@ const V = /* @__PURE__ */ G(Le, [["__scopeId", "data-v-94d8fa7b"]]), we = { clas
         h.value[e].closeCollapse();
     }, t = (e) => {
       const { titleBlockAsLink: c, titleBlockLink: u, titleBlockLinkTarget: m } = p;
-      c || e.preventDefault(), T("title-click", e, u, m), y(), r();
+      c || e.preventDefault(), b("title-click", e, u, m), T(), r();
     }, s = (e, c) => {
       const { menuItemAsLink: u } = p;
-      u || e.preventDefault(), T("menu-click", e, c), y(), r();
+      u || e.preventDefault(), b("menu-click", e, c), T(), r();
     }, l = (e, c, u) => {
-      T("collapse-click", e, c, u);
+      b("collapse-click", e, c, u);
     }, f = H(() => {
       const { titleSize: e, titleColor: c } = p;
       return [
@@ -637,8 +634,8 @@ const V = /* @__PURE__ */ G(Le, [["__scopeId", "data-v-94d8fa7b"]]), we = { clas
       return typeof c.children > "u" ? !1 : c.children.length > 0;
     };
     return w({
-      headerClose: y
-    }), (e, c) => (i(), x(b(ie), {
+      headerClose: T
+    }), (e, c) => (i(), x(L(ie), {
       "bg-color": e.bgColor,
       "drawer-btn-color": e.drawerBtnColor,
       "drawer-btn-border": e.drawerBtnBorder,
@@ -648,7 +645,7 @@ const V = /* @__PURE__ */ G(Le, [["__scopeId", "data-v-94d8fa7b"]]), we = { clas
       ref: a
     }, {
       default: O(() => [
-        N(e.$slots, "default")
+        _(e.$slots, "default")
       ]),
       content: O(() => [
         n("div", null, [
@@ -672,13 +669,13 @@ const V = /* @__PURE__ */ G(Le, [["__scopeId", "data-v-94d8fa7b"]]), we = { clas
               onClick: t
             }, [
               n("h3", {
-                class: B([f.value, "text-center mb-md"]),
+                class: y([f.value, "text-center mb-md"]),
                 innerHTML: e.title
               }, null, 10, Ue)
             ], 8, We)
           ]),
           n("ul", qe, [
-            (i(!0), d(A, null, S(e.menuItems, (u, m) => (i(), d("li", {
+            (i(!0), d(S, null, X(e.menuItems, (u, m) => (i(), d("li", {
               key: `menu-${m}`
             }, [
               v(u) ? (i(), x(K, {
@@ -714,8 +711,8 @@ const V = /* @__PURE__ */ G(Le, [["__scopeId", "data-v-94d8fa7b"]]), we = { clas
         ])
       ]),
       "content-bottom": O(() => [
-        b(g)["content-bottom"] ? (i(), d("div", Je, [
-          N(e.$slots, "content-bottom")
+        g["content-bottom"] ? (i(), d("div", Je, [
+          _(e.$slots, "content-bottom")
         ])) : E("", !0)
       ]),
       "mobile-content": O(({ headerClose: u }) => [
@@ -741,13 +738,13 @@ const V = /* @__PURE__ */ G(Le, [["__scopeId", "data-v-94d8fa7b"]]), we = { clas
                 onClick: t
               }, [
                 n("h3", {
-                  class: B([f.value, "text-center mb-md"]),
+                  class: y([f.value, "text-center mb-md"]),
                   innerHTML: e.title
                 }, null, 10, tl)
               ], 8, ll)
             ]),
             n("ul", ol, [
-              (i(!0), d(A, null, S(e.menuItems, (m, $) => (i(), d("li", {
+              (i(!0), d(S, null, X(e.menuItems, (m, $) => (i(), d("li", {
                 key: `menu-${$}`
               }, [
                 v(m) ? (i(), x(K, {
@@ -778,8 +775,8 @@ const V = /* @__PURE__ */ G(Le, [["__scopeId", "data-v-94d8fa7b"]]), we = { clas
               ]))), 128))
             ])
           ]),
-          b(g)["mobile-bottom"] ? (i(), d("div", nl, [
-            N(e.$slots, "mobile-bottom", { headerClose: u })
+          g["mobile-bottom"] ? (i(), d("div", nl, [
+            _(e.$slots, "mobile-bottom", { headerClose: u })
           ])) : E("", !0)
         ])
       ]),

package/dist/mcl-header.umd.cjs

@@ -1,2 +1,2 @@
 (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)}})();
-(function(L,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("@bobbykim/manguito-theme")):typeof define=="function"&&define.amd?define(["exports","vue","@bobbykim/manguito-theme"],e):(L=typeof globalThis<"u"?globalThis:L||self,e(L.MclHeader={},L.Vue,L.ManguitoTheme))})(this,function(L,e,t){"use strict";const $=k=>(e.pushScopeId("data-v-1b1467b6"),k=k(),e.popScopeId(),k),_={class:"flex flex-col w-full"},S={class:"self-center"},H=[$(()=>e.createElementVNode("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))],R={class:"relative pt-2xs"},A={class:"relative flex flex-col"},D=["href","target","onClick"],X=e.defineComponent({__name:"NavCollapse",props:{navId:{},navAccordionGroup:{},navItem:{},bgColor:{default:"light-2"},hoverBgColor:{default:"dark-1"},menuTextSize:{default:"md"},menuTextColor:{default:"dark-3"},menuTextBold:{type:Boolean,default:!1},displayHighlight:{type:Boolean,default:!0},highlightColor:{default:"primary"},asLink:{type:Boolean,default:!0}},emits:["child-click","label-click"],setup(k,{emit:T}){const b=k,p=T,f=e.ref(!1),C=e.computed(()=>{const{navId:n}=b;return`nav-${n.toLowerCase().replaceAll(" ","-")}`}),i=e.computed(()=>{const{navAccordionGroup:n}=b;return`accordion-${n.toLocaleLowerCase().replaceAll(" ","-")}`}),d=n=>{f.value=n},u=(n,r)=>{p("label-click",n,r,f.value)},B=(n,r)=>{const{asLink:o}=b;!o&&n.preventDefault(),p("child-click",n,r)},a=(n,r,o)=>{const m=[t("BODYTEXT",n),t("TEXTCOLOR",r)];return o&&m.push("font-bold"),m.join(" ")};return(n,r)=>(e.openBlock(),e.createElementBlock("div",_,[e.createElementVNode("div",S,[e.withDirectives((e.openBlock(),e.createElementBlock("button",{class:e.normalizeClass(["tracking-wider align-middle outline-none nav__text flex items-center gap-3xs",a(n.menuTextSize,n.menuTextColor,n.menuTextBold)]),onClick:r[0]||(r[0]=o=>u(o,n.navItem.title))},[e.createElementVNode("span",null,e.toDisplayString(n.navItem.title),1),(e.openBlock(),e.createElementBlock("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 448 512",class:e.normalizeClass(["h-[0.8rem] fill-current",[f.value?"rotate-180":"rotate-0","transition-transform duration-300 ease-in"]])},H,2))],2)),[[e.unref(t.vCollapse),void 0,C.value]]),n.displayHighlight?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["relative -top-[2px] h-[6px] nav__decorator",e.unref(t)("BEFOREBG",n.highlightColor)])},null,2)):e.createCommentVNode("",!0)]),e.createVNode(e.unref(t.Collapse),{id:C.value,visible:!1,accordion:i.value,onOpen:d,onClose:d},{default:e.withCtx(()=>[e.createElementVNode("div",R,[n.displayHighlight?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["absolute w-md bg-opacity-25 -left-4 h-full",e.unref(t)("BGCOLOR",n.highlightColor)])},null,2)):e.createCommentVNode("",!0),e.createElementVNode("div",A,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.navItem.children,(o,m)=>(e.openBlock(),e.createElementBlock("a",{href:o.url,target:o.target,class:e.normalizeClass(["w-full pb-2xs last:pb-0",[e.unref(t)("TEXTCOLOR",n.menuTextColor),e.unref(t)("BODYTEXT",n.menuTextSize)]]),key:m,onClick:g=>B(g,o)},e.toDisplayString(o.title),11,D))),128))])])]),_:1},8,["id","accordion"])]))}}),Se="",x=(k,T)=>{const b=k.__vccOpts||k;for(const[p,f]of T)b[p]=f;return b},M=x(X,[["__scopeId","data-v-1b1467b6"]]),j=k=>(e.pushScopeId("data-v-3cd6e9eb"),k=k(),e.popScopeId(),k),F=["onClick"],G=[j(()=>e.createElementVNode("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))],K=["href","target","onClick"],Y=e.defineComponent({__name:"NavDropdown",props:{navItem:{},bgColor:{default:"light-1"},menuTextSize:{default:"md"},menuTextColor:{default:"dark-3"},menuTextBold:{type:Boolean,default:!1},displayHighlight:{type:Boolean,default:!0},highlightColor:{default:"primary"},asLink:{type:Boolean,default:!0}},emits:["label-click","child-click"],setup(k,{emit:T}){const b=k,p=T,f=e.ref(-1),C=e.ref(),i=(a,n,r)=>{const o=[t("BODYTEXT",a),t("TEXTCOLOR",n)];return r&&o.push("font-bold"),o.join(" ")},d=a=>{const n=b.navItem.children.length;C.value!==void 0&&(a==="down"&&f.value<n-1&&f.value++,a==="up"&&f.value>0&&f.value--,C.value[f.value].focus())},u=(a,n,r)=>{f.value=-1,p("label-click",a,n,r)},B=(a,n)=>{const{asLink:r}=b;!r&&a.preventDefault(),p("child-click",a,n)};return(a,n)=>(e.openBlock(),e.createElementBlock("div",{onKeyup:[n[0]||(n[0]=e.withKeys(r=>d("down"),["down"])),n[1]||(n[1]=e.withKeys(r=>d("up"),["up"]))]},[e.createVNode(e.unref(t.DropdownContainer),null,{toggler:e.withCtx(({toggle:r,dropdownState:o})=>[e.createElementVNode("div",null,[e.createElementVNode("button",{class:e.normalizeClass(["tracking-wider align-middle outline-none nav__text flex items-center gap-3xs",i(a.menuTextSize,a.menuTextColor,a.menuTextBold)]),onClick:m=>(r(m),u(m,a.navItem.title,o))},[e.createElementVNode("span",null,e.toDisplayString(a.navItem.title),1),(e.openBlock(),e.createElementBlock("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 448 512",class:e.normalizeClass(["h-[0.8rem] fill-current",[o?"rotate-180":"rotate-0","transition-transform duration-300 ease-in"]])},G,2))],10,F),a.displayHighlight?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["relative -top-[2px] h-[6px] nav__decorator",e.unref(t)("BEFOREBG",a.highlightColor)])},null,2)):e.createCommentVNode("",!0)])]),default:e.withCtx(()=>[e.createVNode(e.unref(t.DropdownContent),{className:"border drop-shadow-sm"},{default:e.withCtx(({itemClick:r})=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.navItem.children,(o,m)=>(e.openBlock(),e.createElementBlock("a",{href:o.url,target:o.target,key:m,ref_for:!0,ref_key:"navItemRef",ref:C,class:e.normalizeClass(["px-xs py-2xs block w-full hover:bg-opacity-50 focus:bg-opacity-50 transition-all duration-200 ease-linear",[e.unref(t)("BGCOLOR",a.bgColor),e.unref(t)("HVBGCOLOR",a.highlightColor),e.unref(t)("FCBGCOLOR",a.highlightColor),e.unref(t)("TEXTCOLOR",a.menuTextColor),e.unref(t)("BODYTEXT",a.menuTextSize)]]),onClick:g=>(r(),B(g,o))},e.toDisplayString(o.title),11,K))),128))]),_:1})]),_:1})],32))}}),Re="",q=x(Y,[["__scopeId","data-v-3cd6e9eb"]]),W=["href","target","innerHTML"],P=e.defineComponent({__name:"NavLink",props:{navItem:{},menuTextSize:{default:"md"},menuTextColor:{default:"dark-3"},menuTextBold:{type:Boolean,default:!1},displayHighlight:{type:Boolean,default:!0},highlightColor:{default:"primary"},asLink:{type:Boolean,default:!0}},emits:["nav-link"],setup(k,{emit:T}){const b=k,p=T,f=(i,d,u)=>{const B=[t("BODYTEXT",i),t("TEXTCOLOR",d)];return u&&B.push("font-bold"),B.join(" ")},C=(i,d)=>{const{asLink:u}=b;!u&&i.preventDefault(),p("nav-link",i,d)};return(i,d)=>(e.openBlock(),e.createElementBlock("div",null,[e.createElementVNode("a",{href:i.navItem.url,target:i.navItem.target,innerHTML:i.navItem.title,class:e.normalizeClass(["tracking-wider outline-none nav__text",f(i.menuTextSize,i.menuTextColor,i.menuTextBold)]),onClick:d[0]||(d[0]=u=>C(u,i.navItem))},null,10,W),i.displayHighlight?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["relative -top-[2px] h-[6px] nav__decorator",e.unref(t)("BEFOREBG",i.highlightColor)])},null,2)):e.createCommentVNode("",!0)]))}}),Ae="",I=x(P,[["__scopeId","data-v-94d8fa7b"]]),U={class:"flex flex-shrink-0 items-center self-center"},J={class:"h-md md:h-lg lg:h-xl mr-2xs md:mr-sm align-middle"},Q=["href","target"],Z=["src","alt"],v=["src","alt"],ee={class:"flex flex-col justify-center ml-2"},le=["href","target"],oe=["innerHTML"],te={class:"hidden lg:flex flex-wrap"},ne={key:0,class:"hidden lg:block"},ie={class:"flex flex-col items-center justify-center p-xs"},re={key:0},ae=e.defineComponent({__name:"MclHeaderA",props:{logo:{},logoSmall:{},logoAlt:{default:""},title:{},titleSize:{default:"md"},titleColor:{default:"dark-3"},titleBlockAsLink:{type:Boolean,default:!1},titleBlockLinkTarget:{default:"_self"},titleBlockLink:{},menuItems:{},menuItemAsLink:{type:Boolean,default:!1},menuTextSize:{default:"md"},menuTextColor:{default:"dark-3"},menuTextBold:{type:Boolean,default:!1},displayHighlight:{type:Boolean,default:!0},highlightColor:{default:"primary"},bgColor:{default:"light-1"},mobileMenuBgColor:{default:"light-2"},drawerBtnColor:{default:"dark-1"},drawerBtnBorder:{type:Boolean,default:!0},fadeInOnScroll:{type:Boolean,default:!0},scrollDistance:{default:50}},emits:["toggle-drawer","title-click","menu-click","collapse-click"],setup(k,{expose:T,emit:b}){const p=k,f=e.ref(),C=e.useSlots(),i=b,d=()=>{var o;(o=f.value)==null||o.headerClose()},u=o=>{const{titleBlockAsLink:m,titleBlockLink:g,titleBlockLinkTarget:l}=p;m||o.preventDefault(),i("title-click",o,g,l),d()},B=(o,m)=>{const{menuItemAsLink:g}=p;g||o.preventDefault(),i("menu-click",o,m),d()},a=(o,m,g)=>{i("collapse-click",o,m,g)},n=(o,m)=>[t("H2",o),t("TEXTCOLOR",m)].join(" "),r=o=>{const m=o;return typeof m.children>"u"?!1:m.children.length>0};return T({headerClose:d}),(o,m)=>(e.openBlock(),e.createBlock(e.unref(t.HeaderHorizontal),{ref_key:"componentRef",ref:f,"bg-color":o.bgColor,"drawer-btn-border":o.drawerBtnBorder,"drawer-btn-color":o.drawerBtnColor,"fade-in-on-scroll":o.fadeInOnScroll,"mobile-menu-bg-color":o.mobileMenuBgColor},{content:e.withCtx(()=>[e.createElementVNode("div",U,[e.createElementVNode("div",J,[e.createElementVNode("a",{href:o.titleBlockLink,target:o.titleBlockLinkTarget,onClick:u},[e.createElementVNode("img",{src:o.logo,alt:o.logoAlt,class:e.normalizeClass(["h-full",[o.logoSmall?"hidden lg:inline-block":"inline-block"]])},null,10,Z),o.logoSmall?(e.openBlock(),e.createElementBlock("img",{key:0,src:o.logoSmall,alt:o.logoAlt,class:"inline-block lg:hidden h-full"},null,8,v)):e.createCommentVNode("",!0)],8,Q)]),e.createElementVNode("div",ee,[e.createElementVNode("a",{href:o.titleBlockLink,target:o.titleBlockLinkTarget,onClick:u},[e.createElementVNode("h2",{class:e.normalizeClass(["inline-block align-middle tracking-wider",n(o.titleSize,o.titleColor)]),innerHTML:o.title},null,10,oe)],8,le),e.createElementVNode("ul",te,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.menuItems,(g,l)=>(e.openBlock(),e.createElementBlock("li",{class:"mr-xs last:mr-0",key:`menu-${l}`},[r(g)?(e.openBlock(),e.createBlock(q,{key:1,"nav-item":g,"menu-text-color":o.menuTextColor,"menu-text-size":o.menuTextSize,"menu-text-bold":o.menuTextBold,"display-highlight":o.displayHighlight,"highlight-color":o.highlightColor,"bg-color":o.bgColor,"as-link":o.menuItemAsLink,onChildClick:B,onLabelClick:a},null,8,["nav-item","menu-text-color","menu-text-size","menu-text-bold","display-highlight","highlight-color","bg-color","as-link"])):(e.openBlock(),e.createBlock(I,{key:0,"nav-item":g,"menu-text-color":o.menuTextColor,"menu-text-size":o.menuTextSize,"menu-text-bold":o.menuTextBold,"display-highlight":o.displayHighlight,"highlight-color":o.highlightColor,"as-link":o.menuItemAsLink,onNavLink:B},null,8,["nav-item","menu-text-color","menu-text-size","menu-text-bold","display-highlight","highlight-color","as-link"]))]))),128))])])])]),"content-right":e.withCtx(()=>[e.unref(C)["content-right"]?(e.openBlock(),e.createElementBlock("div",ne,[e.renderSlot(o.$slots,"content-right")])):e.createCommentVNode("",!0)]),"mobile-content":e.withCtx(()=>[e.createElementVNode("div",null,[e.createElementVNode("ul",ie,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.menuItems,(g,l)=>(e.openBlock(),e.createElementBlock("li",{class:"mb-2xs last:mb-0",key:`mobile-${l}`},[r(g)?(e.openBlock(),e.createBlock(M,{key:1,"nav-id":g.title,"nav-item":g,"menu-text-color":o.menuTextColor,"menu-text-size":o.menuTextSize,"menu-text-bold":o.menuTextBold,"display-highlight":o.displayHighlight,"highlight-color":o.highlightColor,"nav-accordion-group":o.title,"as-link":o.menuItemAsLink,onChildClick:B,onLabelClick:a},null,8,["nav-id","nav-item","menu-text-color","menu-text-size","menu-text-bold","display-highlight","highlight-color","nav-accordion-group","as-link"])):(e.openBlock(),e.createBlock(I,{key:0,"nav-item":g,"menu-text-color":o.menuTextColor,"menu-text-size":o.menuTextSize,"menu-text-bold":o.menuTextBold,"display-highlight":o.displayHighlight,"highlight-color":o.highlightColor,"as-link":o.menuItemAsLink,onNavLink:B},null,8,["nav-item","menu-text-color","menu-text-size","menu-text-bold","display-highlight","highlight-color","as-link"]))]))),128))]),e.unref(C)["mobile-bottom"]?(e.openBlock(),e.createElementBlock("div",re,[e.renderSlot(o.$slots,"mobile-bottom",{headerClose:d})])):e.createCommentVNode("",!0)])]),_:3},8,["bg-color","drawer-btn-border","drawer-btn-color","fade-in-on-scroll","mobile-menu-bg-color"]))}}),se={class:"relative flex gap-2 items-center justify-center"},ce=[e.createElementVNode("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=["href","target","onClick"],me={class:"relative"},z=e.defineComponent({__name:"NavCollapseVertical",props:{navId:{},navAccordionGroup:{},navLocation:{},menuItem:{},textColor:{default:"dark-3"},textSize:{default:"md"},fontBold:{type:Boolean,default:!1},dHl:{type:Boolean,default:!0},hlColor:{default:"primary"},asLink:{type:Boolean,default:!0}},emits:["label-click","child-click"],setup(k,{expose:T,emit:b}){const p=k,f=e.ref(!1),C=e.ref(),i=b,d=l=>{f.value=l},u=()=>{var l;(l=C.value)==null||l.close()},B=(l,c)=>{i("label-click",l,c,f.value)},a=(l,c)=>{var h;const{asLink:s}=p;s||l.preventDefault(),i("child-click",l,c),(h=C.value)==null||h.close(),u()},n=e.computed(()=>{const{navId:l,navLocation:c}=p,h=l.toLowerCase().replaceAll(" ","-");return`nav-${c}-${h}`}),r=e.computed(()=>{const{navAccordionGroup:l,navLocation:c}=p,s=l.toLowerCase().replaceAll(" ","-");return`nav-accordion-group-${c}-${s}`}),o=e.computed(()=>{const{textColor:l,textSize:c,dHl:s,hlColor:h,fontBold:E}=p,y=[t("BODYTEXT",c)];if(!s){const O=[t("TEXTCOLOR",l),t("HVTEXTCOLOR",h),t("FCTEXTCOLOR",h)];y.push(O.join(" "))}if(s){const O=t("BEFOREBG",h),w="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 ";y.push(w+O);const N=[t("TEXTCOLOR",h),t("HVTEXTCOLOR",l),t("FCTEXTCOLOR",l)];y.push(N.join(" "))}return E&&y.push("font-bold"),y.join(" ")}),m=e.computed(()=>{const{dHl:l,hlColor:c,navLocation:s}=p,h=[];if(!l)return"";const E="before:absolute before:w-xs before:h-full before:bg-primary before:bg-opacity-70 ",y=s==="desktop"?"before:left-0 ":"before:right-0 ";return h.push(E+y+t("BEFOREBG",c)),h.join(" ")}),g=e.computed(()=>{const{textColor:l,textSize:c,dHl:s,hlColor:h,fontBold:E,navLocation:y}=p;let O=c==="xl"?"lg":c==="lg"?"md":c==="md"?"sm":"xs";const w=[t("TEXTCOLOR",l),t("BODYTEXT",O)];if(y==="mobile"&&w.push("text-end"),!s){const N=[t("TEXTCOLOR",l),t("HVTEXTCOLOR",h),t("FCTEXTCOLOR",h)];w.push(N.join(" "))}if(s){const N=t("BEFOREBG",h),ze="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 ",Ve=y==="desktop"?"before:left-0 before:transition-[width] ":"before:left-full hover:before:left-0 focus:before:left-0 before:transition-[all] ";w.push(ze+Ve+N);const $e=[t("TEXTCOLOR",h),t("HVTEXTCOLOR",l),t("FCTEXTCOLOR",l)];w.push($e.join(" "))}return E&&w.push("font-bold"),w.join(" ")});return T({closeCollapse:u}),(l,c)=>(e.openBlock(),e.createElementBlock("div",null,[e.withDirectives((e.openBlock(),e.createElementBlock("button",{class:e.normalizeClass(["px-xs py-2xs relative text-center block w-full before:absolute transition-colors duration-300 ease-linear",[o.value]]),onClick:c[0]||(c[0]=s=>B(s,l.menuItem.title))},[e.createElementVNode("div",se,[e.createElementVNode("span",null,e.toDisplayString(l.menuItem.title),1),(e.openBlock(),e.createElementBlock("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 448 512",class:e.normalizeClass(["h-[0.8rem] fill-current",[f.value?"rotate-180":"rotate-0","transition-transform duration-300 ease-in"]])},ce,2))])],2)),[[e.unref(t.vCollapse),void 0,n.value]]),e.createVNode(e.unref(t.Collapse),{ref_key:"collapseRef",ref:C,id:n.value,accordion:r.value,onOpen:d,onClose:d},{default:e.withCtx(()=>[e.createElementVNode("ul",{class:e.normalizeClass(["relative",[m.value]])},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.menuItem.children,(s,h)=>(e.openBlock(),e.createElementBlock("li",{key:h,class:e.normalizeClass([l.navLocation==="desktop"?"ml-xs":"mr-xs"])},[e.createElementVNode("a",{href:s.url,target:s.target,onClick:E=>a(E,s),class:e.normalizeClass(["relative before:absolute w-full px-2xs py-3xs block overflow-x-hidden transition-colors duration-300 ease-linear",[g.value]])},[e.createElementVNode("span",me,e.toDisplayString(s.title),1)],10,de)],2))),128))],2)]),_:1},8,["id","accordion"])]))}}),he=["href","target"],fe={class:"relative"},V=e.defineComponent({__name:"NavLinkVertical",props:{menuItem:{},textColor:{default:"dark-3"},textSize:{default:"md"},fontBold:{type:Boolean,default:!1},dHl:{type:Boolean,default:!0},hlColor:{default:"primary"},asLink:{type:Boolean,default:!0}},emits:["menu-click"],setup(k,{emit:T}){const b=k,p=T,f=(i,d)=>{const{asLink:u}=b;u||i.preventDefault(),p("menu-click",i,d)},C=e.computed(()=>{const{textColor:i,textSize:d,dHl:u,hlColor:B,fontBold:a}=b,n=[t("BODYTEXT",d)];if(!u){const r=[t("TEXTCOLOR",i),t("HVTEXTCOLOR",B),t("FCTEXTCOLOR",B)];n.push(r.join(" "))}if(u){const r=t("BEFOREBG",B),o="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 ";n.push(o+r);const m=[t("TEXTCOLOR",B),t("HVTEXTCOLOR",i),t("FCTEXTCOLOR",i)];n.push(m.join(" "))}return a&&n.push("font-bold"),n.join(" ")});return(i,d)=>(e.openBlock(),e.createElementBlock("a",{class:e.normalizeClass([[C.value],"px-xs py-2xs relative text-center block w-full before:absolute transition-colors duration-300 ease-linear"]),href:i.menuItem.url,target:i.menuItem.target?i.menuItem.target:"_self",onClick:d[0]||(d[0]=u=>f(u,i.menuItem))},[e.createElementVNode("span",fe,e.toDisplayString(i.menuItem.title),1)],10,he))}}),pe={class:"p-md text-center"},ke=["href","target"],ue=["src","alt"],ge=["href","target"],Ce=["innerHTML"],Be={class:"flex flex-col"},be={key:0},Te={class:"flex flex-col justify-between h-full"},ye={class:"p-md text-center"},Le=["href","target"],Ee=["src","alt"],we=["href","target"],Oe=["innerHTML"],Ne={class:"flex flex-col"},xe={key:0},Ie=e.defineComponent({__name:"MclHeaderB",props:{logo:{},logoAlt:{default:""},title:{},titleSize:{default:"md"},titleColor:{default:"dark-3"},titleBlockAsLink:{type:Boolean,default:!1},titleBlockLinkTarget:{default:"_self"},titleBlockLink:{},menuItems:{},menuItemAsLink:{type:Boolean,default:!1},menuTextSize:{default:"md"},menuTextColor:{default:"dark-3"},menuTextBold:{type:Boolean,default:!1},displayHighlight:{type:Boolean,default:!0},highlightColor:{default:"primary"},bgColor:{default:"light-1"},drawerBtnColor:{default:"dark-1"},drawerBtnBorder:{type:Boolean,default:!0},headerWidth:{default:160}},emits:["toggle-drawer","title-click","menu-click","collapse-click"],setup(k,{expose:T,emit:b}){const p=k,f=e.useSlots(),C=b,i=e.ref(),d=e.ref(),u=(l,c)=>{C("toggle-drawer",l,c)},B=()=>{var l;(l=i.value)==null||l.headerClose()},a=()=>{for(let l=0;l<d.value.length;l++)d.value[l].closeCollapse()},n=l=>{const{titleBlockAsLink:c,titleBlockLink:s,titleBlockLinkTarget:h}=p;c||l.preventDefault(),C("title-click",l,s,h),B(),a()},r=(l,c)=>{const{menuItemAsLink:s}=p;s||l.preventDefault(),C("menu-click",l,c),B(),a()},o=(l,c,s)=>{C("collapse-click",l,c,s)},m=e.computed(()=>{const{titleSize:l,titleColor:c}=p;return[t("H3",l),t("TEXTCOLOR",c)].join(" ")}),g=l=>{const c=l;return typeof c.children>"u"?!1:c.children.length>0};return T({headerClose:B}),(l,c)=>(e.openBlock(),e.createBlock(e.unref(t.HeaderVertical),{"bg-color":l.bgColor,"drawer-btn-color":l.drawerBtnColor,"drawer-btn-border":l.drawerBtnBorder,"header-width":l.headerWidth,onToggleDrawer:u,ref_key:"componentRef",ref:i},{default:e.withCtx(()=>[e.renderSlot(l.$slots,"default")]),content:e.withCtx(()=>[e.createElementVNode("div",null,[e.createElementVNode("div",pe,[e.createElementVNode("a",{href:l.titleBlockLink,target:l.titleBlockLinkTarget,onClick:n},[e.createElementVNode("img",{src:l.logo,alt:l.logoAlt,class:"h-full inline-block max-h-xl"},null,8,ue)],8,ke)]),e.createElementVNode("div",null,[e.createElementVNode("a",{href:l.titleBlockLink,target:l.titleBlockLinkTarget,onClick:n},[e.createElementVNode("h3",{class:e.normalizeClass([m.value,"text-center mb-md"]),innerHTML:l.title},null,10,Ce)],8,ge)]),e.createElementVNode("ul",Be,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.menuItems,(s,h)=>(e.openBlock(),e.createElementBlock("li",{key:`menu-${h}`},[g(s)?(e.openBlock(),e.createBlock(z,{key:1,ref_for:!0,ref_key:"collapseRef",ref:d,"nav-id":s.title,"nav-location":"desktop","nav-accordion-group":l.title,"menu-item":s,"as-link":l.menuItemAsLink,"text-color":l.menuTextColor,"text-size":l.menuTextSize,"font-bold":l.menuTextBold,"d-hl":l.displayHighlight,"hl-color":l.highlightColor,onChildClick:r,onLabelClick:o},null,8,["nav-id","nav-accordion-group","menu-item","as-link","text-color","text-size","font-bold","d-hl","hl-color"])):(e.openBlock(),e.createBlock(V,{key:0,"menu-item":s,"as-link":l.menuItemAsLink,"text-color":l.menuTextColor,"text-size":l.menuTextSize,"font-bold":l.menuTextBold,"d-hl":l.displayHighlight,"hl-color":l.highlightColor,onMenuClick:r},null,8,["menu-item","as-link","text-color","text-size","font-bold","d-hl","hl-color"]))]))),128))])])]),"content-bottom":e.withCtx(()=>[e.unref(f)["content-bottom"]?(e.openBlock(),e.createElementBlock("div",be,[e.renderSlot(l.$slots,"content-bottom")])):e.createCommentVNode("",!0)]),"mobile-content":e.withCtx(({headerClose:s})=>[e.createElementVNode("div",Te,[e.createElementVNode("div",null,[e.createElementVNode("div",ye,[e.createElementVNode("a",{href:l.titleBlockLink,target:l.titleBlockLinkTarget,onClick:n},[e.createElementVNode("img",{src:l.logo,alt:l.logoAlt,class:"h-full inline-block max-h-xl"},null,8,Ee)],8,Le)]),e.createElementVNode("div",null,[e.createElementVNode("a",{href:l.titleBlockLink,target:l.titleBlockLinkTarget,onClick:n},[e.createElementVNode("h3",{class:e.normalizeClass([m.value,"text-center mb-md"]),innerHTML:l.title},null,10,Oe)],8,we)]),e.createElementVNode("ul",Ne,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.menuItems,(h,E)=>(e.openBlock(),e.createElementBlock("li",{key:`menu-${E}`},[g(h)?(e.openBlock(),e.createBlock(z,{key:1,"nav-id":h.title,"nav-location":"mobile","nav-accordion-group":l.title,"menu-item":h,"as-link":l.menuItemAsLink,"text-color":l.menuTextColor,"text-size":l.menuTextSize,"font-bold":l.menuTextBold,"d-hl":l.displayHighlight,"hl-color":l.highlightColor,onChildClick:r,onLabelClick:o},null,8,["nav-id","nav-accordion-group","menu-item","as-link","text-color","text-size","font-bold","d-hl","hl-color"])):(e.openBlock(),e.createBlock(V,{key:0,"menu-item":h,"as-link":l.menuItemAsLink,"text-color":l.menuTextColor,"text-size":l.menuTextSize,"font-bold":l.menuTextBold,"d-hl":l.displayHighlight,"hl-color":l.highlightColor,onMenuClick:r},null,8,["menu-item","as-link","text-color","text-size","font-bold","d-hl","hl-color"]))]))),128))])]),e.unref(f)["mobile-bottom"]?(e.openBlock(),e.createElementBlock("div",xe,[e.renderSlot(l.$slots,"mobile-bottom",{headerClose:s})])):e.createCommentVNode("",!0)])]),_:3},8,["bg-color","drawer-btn-color","drawer-btn-border","header-width"]))}});L.MclHeaderA=ae,L.MclHeaderB=Ie,Object.defineProperty(L,Symbol.toStringTag,{value:"Module"})});
+(function(L,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("@bobbykim/manguito-theme")):typeof define=="function"&&define.amd?define(["exports","vue","@bobbykim/manguito-theme"],e):(L=typeof globalThis<"u"?globalThis:L||self,e(L.MclHeader={},L.Vue,L.ManguitoTheme))})(this,function(L,e,t){"use strict";const $=k=>(e.pushScopeId("data-v-1b1467b6"),k=k(),e.popScopeId(),k),S={class:"flex flex-col w-full"},H={class:"self-center"},R=[$(()=>e.createElementVNode("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))],A={class:"relative pt-2xs"},D={class:"relative flex flex-col"},X=["href","target","onClick"],_=e.defineComponent({__name:"NavCollapse",props:{navId:{},navAccordionGroup:{},navItem:{},bgColor:{default:"light-2"},hoverBgColor:{default:"dark-1"},menuTextSize:{default:"md"},menuTextColor:{default:"dark-3"},menuTextBold:{type:Boolean,default:!1},displayHighlight:{type:Boolean,default:!0},highlightColor:{default:"primary"},asLink:{type:Boolean,default:!0}},emits:["child-click","label-click"],setup(k,{emit:T}){const b=k,p=T,f=e.ref(!1),C=e.computed(()=>{const{navId:n}=b;return`nav-${n.toLowerCase().replaceAll(" ","-")}`}),i=e.computed(()=>{const{navAccordionGroup:n}=b;return`accordion-${n.toLocaleLowerCase().replaceAll(" ","-")}`}),d=n=>{f.value=n},u=(n,r)=>{p("label-click",n,r,f.value)},B=(n,r)=>{const{asLink:o}=b;!o&&n.preventDefault(),p("child-click",n,r)},a=(n,r,o)=>{const m=[t("BODYTEXT",n),t("TEXTCOLOR",r)];return o&&m.push("font-bold"),m.join(" ")};return(n,r)=>(e.openBlock(),e.createElementBlock("div",S,[e.createElementVNode("div",H,[e.withDirectives((e.openBlock(),e.createElementBlock("button",{class:e.normalizeClass(["tracking-wider align-middle outline-none nav__text flex items-center gap-3xs",a(n.menuTextSize,n.menuTextColor,n.menuTextBold)]),onClick:r[0]||(r[0]=o=>u(o,n.navItem.title))},[e.createElementVNode("span",null,e.toDisplayString(n.navItem.title),1),(e.openBlock(),e.createElementBlock("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 448 512",class:e.normalizeClass(["h-[0.8rem] fill-current",[f.value?"rotate-180":"rotate-0","transition-transform duration-300 ease-in"]])},R,2))],2)),[[e.unref(t.vCollapse),void 0,C.value]]),n.displayHighlight?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["relative -top-[2px] h-[6px] nav__decorator",e.unref(t)("BEFOREBG",n.highlightColor)])},null,2)):e.createCommentVNode("",!0)]),e.createVNode(e.unref(t.Collapse),{id:C.value,visible:!1,accordion:i.value,onOpen:d,onClose:d},{default:e.withCtx(()=>[e.createElementVNode("div",A,[n.displayHighlight?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["absolute w-md bg-opacity-25 -left-4 h-full",e.unref(t)("BGCOLOR",n.highlightColor)])},null,2)):e.createCommentVNode("",!0),e.createElementVNode("div",D,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.navItem.children,(o,m)=>(e.openBlock(),e.createElementBlock("a",{href:o.url,target:o.target,class:e.normalizeClass(["w-full pb-2xs last:pb-0",[e.unref(t)("TEXTCOLOR",n.menuTextColor),e.unref(t)("BODYTEXT",n.menuTextSize)]]),key:m,onClick:g=>B(g,o)},e.toDisplayString(o.title),11,X))),128))])])]),_:1},8,["id","accordion"])]))}}),I=(k,T)=>{const b=k.__vccOpts||k;for(const[p,f]of T)b[p]=f;return b},M=I(_,[["__scopeId","data-v-1b1467b6"]]),j=k=>(e.pushScopeId("data-v-3cd6e9eb"),k=k(),e.popScopeId(),k),F=["onClick"],G=[j(()=>e.createElementVNode("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))],K=["href","target","onClick"],Y=I(e.defineComponent({__name:"NavDropdown",props:{navItem:{},bgColor:{default:"light-1"},menuTextSize:{default:"md"},menuTextColor:{default:"dark-3"},menuTextBold:{type:Boolean,default:!1},displayHighlight:{type:Boolean,default:!0},highlightColor:{default:"primary"},asLink:{type:Boolean,default:!0}},emits:["label-click","child-click"],setup(k,{emit:T}){const b=k,p=T,f=e.ref(-1),C=e.ref(),i=(a,n,r)=>{const o=[t("BODYTEXT",a),t("TEXTCOLOR",n)];return r&&o.push("font-bold"),o.join(" ")},d=a=>{const n=b.navItem.children.length;C.value!==void 0&&(a==="down"&&f.value<n-1&&f.value++,a==="up"&&f.value>0&&f.value--,C.value[f.value].focus())},u=(a,n,r)=>{f.value=-1,p("label-click",a,n,r)},B=(a,n)=>{const{asLink:r}=b;!r&&a.preventDefault(),p("child-click",a,n)};return(a,n)=>(e.openBlock(),e.createElementBlock("div",{onKeyup:[n[0]||(n[0]=e.withKeys(r=>d("down"),["down"])),n[1]||(n[1]=e.withKeys(r=>d("up"),["up"]))]},[e.createVNode(e.unref(t.DropdownContainer),null,{toggler:e.withCtx(({toggle:r,dropdownState:o})=>[e.createElementVNode("div",null,[e.createElementVNode("button",{class:e.normalizeClass(["tracking-wider align-middle outline-none nav__text flex items-center gap-3xs",i(a.menuTextSize,a.menuTextColor,a.menuTextBold)]),onClick:m=>(r(m),u(m,a.navItem.title,o))},[e.createElementVNode("span",null,e.toDisplayString(a.navItem.title),1),(e.openBlock(),e.createElementBlock("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 448 512",class:e.normalizeClass(["h-[0.8rem] fill-current",[o?"rotate-180":"rotate-0","transition-transform duration-300 ease-in"]])},G,2))],10,F),a.displayHighlight?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["relative -top-[2px] h-[6px] nav__decorator",e.unref(t)("BEFOREBG",a.highlightColor)])},null,2)):e.createCommentVNode("",!0)])]),default:e.withCtx(()=>[e.createVNode(e.unref(t.DropdownContent),{className:"border drop-shadow-sm"},{default:e.withCtx(({itemClick:r})=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.navItem.children,(o,m)=>(e.openBlock(),e.createElementBlock("a",{href:o.url,target:o.target,key:m,ref_for:!0,ref_key:"navItemRef",ref:C,class:e.normalizeClass(["px-xs py-2xs block w-full hover:bg-opacity-50 focus:bg-opacity-50 transition-all duration-200 ease-linear",[e.unref(t)("BGCOLOR",a.bgColor),e.unref(t)("HVBGCOLOR",a.highlightColor),e.unref(t)("FCBGCOLOR",a.highlightColor),e.unref(t)("TEXTCOLOR",a.menuTextColor),e.unref(t)("BODYTEXT",a.menuTextSize)]]),onClick:g=>(r(),B(g,o))},e.toDisplayString(o.title),11,K))),128))]),_:1})]),_:1})],32))}}),[["__scopeId","data-v-3cd6e9eb"]]),q=["href","target","innerHTML"],x=I(e.defineComponent({__name:"NavLink",props:{navItem:{},menuTextSize:{default:"md"},menuTextColor:{default:"dark-3"},menuTextBold:{type:Boolean,default:!1},displayHighlight:{type:Boolean,default:!0},highlightColor:{default:"primary"},asLink:{type:Boolean,default:!0}},emits:["nav-link"],setup(k,{emit:T}){const b=k,p=T,f=(i,d,u)=>{const B=[t("BODYTEXT",i),t("TEXTCOLOR",d)];return u&&B.push("font-bold"),B.join(" ")},C=(i,d)=>{const{asLink:u}=b;!u&&i.preventDefault(),p("nav-link",i,d)};return(i,d)=>(e.openBlock(),e.createElementBlock("div",null,[e.createElementVNode("a",{href:i.navItem.url,target:i.navItem.target,innerHTML:i.navItem.title,class:e.normalizeClass(["tracking-wider outline-none nav__text",f(i.menuTextSize,i.menuTextColor,i.menuTextBold)]),onClick:d[0]||(d[0]=u=>C(u,i.navItem))},null,10,q),i.displayHighlight?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["relative -top-[2px] h-[6px] nav__decorator",e.unref(t)("BEFOREBG",i.highlightColor)])},null,2)):e.createCommentVNode("",!0)]))}}),[["__scopeId","data-v-94d8fa7b"]]),W={class:"flex flex-shrink-0 items-center self-center"},P={class:"h-md md:h-lg lg:h-xl mr-2xs md:mr-sm align-middle"},U=["href","target"],J=["src","alt"],Q=["src","alt"],Z={class:"flex flex-col justify-center ml-2"},v=["href","target"],ee=["innerHTML"],le={class:"hidden lg:flex flex-wrap"},oe={key:0,class:"hidden lg:block"},te={class:"flex flex-col items-center justify-center p-xs"},ne={key:0},ie=e.defineComponent({__name:"MclHeaderA",props:{logo:{},logoSmall:{},logoAlt:{default:""},title:{},titleSize:{default:"md"},titleColor:{default:"dark-3"},titleBlockAsLink:{type:Boolean,default:!1},titleBlockLinkTarget:{default:"_self"},titleBlockLink:{},menuItems:{},menuItemAsLink:{type:Boolean,default:!1},menuTextSize:{default:"md"},menuTextColor:{default:"dark-3"},menuTextBold:{type:Boolean,default:!1},displayHighlight:{type:Boolean,default:!0},highlightColor:{default:"primary"},bgColor:{default:"light-1"},mobileMenuBgColor:{default:"light-2"},drawerBtnColor:{default:"dark-1"},drawerBtnBorder:{type:Boolean,default:!0},fadeInOnScroll:{type:Boolean,default:!0},scrollDistance:{default:50}},emits:["toggle-drawer","title-click","menu-click","collapse-click"],setup(k,{expose:T,emit:b}){const p=k,f=e.ref(),C=e.useSlots(),i=b,d=()=>{var o;(o=f.value)==null||o.headerClose()},u=o=>{const{titleBlockAsLink:m,titleBlockLink:g,titleBlockLinkTarget:l}=p;m||o.preventDefault(),i("title-click",o,g,l),d()},B=(o,m)=>{const{menuItemAsLink:g}=p;g||o.preventDefault(),i("menu-click",o,m),d()},a=(o,m,g)=>{i("collapse-click",o,m,g)},n=(o,m)=>[t("H2",o),t("TEXTCOLOR",m)].join(" "),r=o=>{const m=o;return typeof m.children>"u"?!1:m.children.length>0};return T({headerClose:d}),(o,m)=>(e.openBlock(),e.createBlock(e.unref(t.HeaderHorizontal),{ref_key:"componentRef",ref:f,"bg-color":o.bgColor,"drawer-btn-border":o.drawerBtnBorder,"drawer-btn-color":o.drawerBtnColor,"fade-in-on-scroll":o.fadeInOnScroll,"mobile-menu-bg-color":o.mobileMenuBgColor},{content:e.withCtx(()=>[e.createElementVNode("div",W,[e.createElementVNode("div",P,[e.createElementVNode("a",{href:o.titleBlockLink,target:o.titleBlockLinkTarget,onClick:u},[e.createElementVNode("img",{src:o.logo,alt:o.logoAlt,class:e.normalizeClass(["h-full",[o.logoSmall?"hidden lg:inline-block":"inline-block"]])},null,10,J),o.logoSmall?(e.openBlock(),e.createElementBlock("img",{key:0,src:o.logoSmall,alt:o.logoAlt,class:"inline-block lg:hidden h-full"},null,8,Q)):e.createCommentVNode("",!0)],8,U)]),e.createElementVNode("div",Z,[e.createElementVNode("a",{href:o.titleBlockLink,target:o.titleBlockLinkTarget,onClick:u},[e.createElementVNode("h2",{class:e.normalizeClass(["inline-block align-middle tracking-wider",n(o.titleSize,o.titleColor)]),innerHTML:o.title},null,10,ee)],8,v),e.createElementVNode("ul",le,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.menuItems,(g,l)=>(e.openBlock(),e.createElementBlock("li",{class:"mr-xs last:mr-0",key:`menu-${l}`},[r(g)?(e.openBlock(),e.createBlock(Y,{key:1,"nav-item":g,"menu-text-color":o.menuTextColor,"menu-text-size":o.menuTextSize,"menu-text-bold":o.menuTextBold,"display-highlight":o.displayHighlight,"highlight-color":o.highlightColor,"bg-color":o.bgColor,"as-link":o.menuItemAsLink,onChildClick:B,onLabelClick:a},null,8,["nav-item","menu-text-color","menu-text-size","menu-text-bold","display-highlight","highlight-color","bg-color","as-link"])):(e.openBlock(),e.createBlock(x,{key:0,"nav-item":g,"menu-text-color":o.menuTextColor,"menu-text-size":o.menuTextSize,"menu-text-bold":o.menuTextBold,"display-highlight":o.displayHighlight,"highlight-color":o.highlightColor,"as-link":o.menuItemAsLink,onNavLink:B},null,8,["nav-item","menu-text-color","menu-text-size","menu-text-bold","display-highlight","highlight-color","as-link"]))]))),128))])])])]),"content-right":e.withCtx(()=>[C["content-right"]?(e.openBlock(),e.createElementBlock("div",oe,[e.renderSlot(o.$slots,"content-right")])):e.createCommentVNode("",!0)]),"mobile-content":e.withCtx(()=>[e.createElementVNode("div",null,[e.createElementVNode("ul",te,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.menuItems,(g,l)=>(e.openBlock(),e.createElementBlock("li",{class:"mb-2xs last:mb-0",key:`mobile-${l}`},[r(g)?(e.openBlock(),e.createBlock(M,{key:1,"nav-id":g.title,"nav-item":g,"menu-text-color":o.menuTextColor,"menu-text-size":o.menuTextSize,"menu-text-bold":o.menuTextBold,"display-highlight":o.displayHighlight,"highlight-color":o.highlightColor,"nav-accordion-group":o.title,"as-link":o.menuItemAsLink,onChildClick:B,onLabelClick:a},null,8,["nav-id","nav-item","menu-text-color","menu-text-size","menu-text-bold","display-highlight","highlight-color","nav-accordion-group","as-link"])):(e.openBlock(),e.createBlock(x,{key:0,"nav-item":g,"menu-text-color":o.menuTextColor,"menu-text-size":o.menuTextSize,"menu-text-bold":o.menuTextBold,"display-highlight":o.displayHighlight,"highlight-color":o.highlightColor,"as-link":o.menuItemAsLink,onNavLink:B},null,8,["nav-item","menu-text-color","menu-text-size","menu-text-bold","display-highlight","highlight-color","as-link"]))]))),128))]),C["mobile-bottom"]?(e.openBlock(),e.createElementBlock("div",ne,[e.renderSlot(o.$slots,"mobile-bottom",{headerClose:d})])):e.createCommentVNode("",!0)])]),_:3},8,["bg-color","drawer-btn-border","drawer-btn-color","fade-in-on-scroll","mobile-menu-bg-color"]))}}),re={class:"relative flex gap-2 items-center justify-center"},ae=[e.createElementVNode("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)],se=["href","target","onClick"],ce={class:"relative"},z=e.defineComponent({__name:"NavCollapseVertical",props:{navId:{},navAccordionGroup:{},navLocation:{},menuItem:{},textColor:{default:"dark-3"},textSize:{default:"md"},fontBold:{type:Boolean,default:!1},dHl:{type:Boolean,default:!0},hlColor:{default:"primary"},asLink:{type:Boolean,default:!0}},emits:["label-click","child-click"],setup(k,{expose:T,emit:b}){const p=k,f=e.ref(!1),C=e.ref(),i=b,d=l=>{f.value=l},u=()=>{var l;(l=C.value)==null||l.close()},B=(l,c)=>{i("label-click",l,c,f.value)},a=(l,c)=>{var h;const{asLink:s}=p;s||l.preventDefault(),i("child-click",l,c),(h=C.value)==null||h.close(),u()},n=e.computed(()=>{const{navId:l,navLocation:c}=p,h=l.toLowerCase().replaceAll(" ","-");return`nav-${c}-${h}`}),r=e.computed(()=>{const{navAccordionGroup:l,navLocation:c}=p,s=l.toLowerCase().replaceAll(" ","-");return`nav-accordion-group-${c}-${s}`}),o=e.computed(()=>{const{textColor:l,textSize:c,dHl:s,hlColor:h,fontBold:E}=p,y=[t("BODYTEXT",c)];if(!s){const O=[t("TEXTCOLOR",l),t("HVTEXTCOLOR",h),t("FCTEXTCOLOR",h)];y.push(O.join(" "))}if(s){const O=t("BEFOREBG",h);y.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 "+O);const N=[t("TEXTCOLOR",h),t("HVTEXTCOLOR",l),t("FCTEXTCOLOR",l)];y.push(N.join(" "))}return E&&y.push("font-bold"),y.join(" ")}),m=e.computed(()=>{const{dHl:l,hlColor:c,navLocation:s}=p,h=[];if(!l)return"";const E="before:absolute before:w-xs before:h-full before:bg-primary before:bg-opacity-70 ",y=s==="desktop"?"before:left-0 ":"before:right-0 ";return h.push(E+y+t("BEFOREBG",c)),h.join(" ")}),g=e.computed(()=>{const{textColor:l,textSize:c,dHl:s,hlColor:h,fontBold:E,navLocation:y}=p;let O=c==="xl"?"lg":c==="lg"?"md":c==="md"?"sm":"xs";const w=[t("TEXTCOLOR",l),t("BODYTEXT",O)];if(y==="mobile"&&w.push("text-end"),!s){const N=[t("TEXTCOLOR",l),t("HVTEXTCOLOR",h),t("FCTEXTCOLOR",h)];w.push(N.join(" "))}if(s){const N=t("BEFOREBG",h),Ie="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 ",xe=y==="desktop"?"before:left-0 before:transition-[width] ":"before:left-full hover:before:left-0 focus:before:left-0 before:transition-[all] ";w.push(Ie+xe+N);const ze=[t("TEXTCOLOR",h),t("HVTEXTCOLOR",l),t("FCTEXTCOLOR",l)];w.push(ze.join(" "))}return E&&w.push("font-bold"),w.join(" ")});return T({closeCollapse:u}),(l,c)=>(e.openBlock(),e.createElementBlock("div",null,[e.withDirectives((e.openBlock(),e.createElementBlock("button",{class:e.normalizeClass(["px-xs py-2xs relative text-center block w-full before:absolute transition-colors duration-300 ease-linear",[o.value]]),onClick:c[0]||(c[0]=s=>B(s,l.menuItem.title))},[e.createElementVNode("div",re,[e.createElementVNode("span",null,e.toDisplayString(l.menuItem.title),1),(e.openBlock(),e.createElementBlock("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 448 512",class:e.normalizeClass(["h-[0.8rem] fill-current",[f.value?"rotate-180":"rotate-0","transition-transform duration-300 ease-in"]])},ae,2))])],2)),[[e.unref(t.vCollapse),void 0,n.value]]),e.createVNode(e.unref(t.Collapse),{ref_key:"collapseRef",ref:C,id:n.value,accordion:r.value,onOpen:d,onClose:d},{default:e.withCtx(()=>[e.createElementVNode("ul",{class:e.normalizeClass(["relative",[m.value]])},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.menuItem.children,(s,h)=>(e.openBlock(),e.createElementBlock("li",{key:h,class:e.normalizeClass([l.navLocation==="desktop"?"ml-xs":"mr-xs"])},[e.createElementVNode("a",{href:s.url,target:s.target,onClick:E=>a(E,s),class:e.normalizeClass(["relative before:absolute w-full px-2xs py-3xs block overflow-x-hidden transition-colors duration-300 ease-linear",[g.value]])},[e.createElementVNode("span",ce,e.toDisplayString(s.title),1)],10,se)],2))),128))],2)]),_:1},8,["id","accordion"])]))}}),de=["href","target"],me={class:"relative"},V=e.defineComponent({__name:"NavLinkVertical",props:{menuItem:{},textColor:{default:"dark-3"},textSize:{default:"md"},fontBold:{type:Boolean,default:!1},dHl:{type:Boolean,default:!0},hlColor:{default:"primary"},asLink:{type:Boolean,default:!0}},emits:["menu-click"],setup(k,{emit:T}){const b=k,p=T,f=(i,d)=>{const{asLink:u}=b;u||i.preventDefault(),p("menu-click",i,d)},C=e.computed(()=>{const{textColor:i,textSize:d,dHl:u,hlColor:B,fontBold:a}=b,n=[t("BODYTEXT",d)];if(!u){const r=[t("TEXTCOLOR",i),t("HVTEXTCOLOR",B),t("FCTEXTCOLOR",B)];n.push(r.join(" "))}if(u){const r=t("BEFOREBG",B);n.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 m=[t("TEXTCOLOR",B),t("HVTEXTCOLOR",i),t("FCTEXTCOLOR",i)];n.push(m.join(" "))}return a&&n.push("font-bold"),n.join(" ")});return(i,d)=>(e.openBlock(),e.createElementBlock("a",{class:e.normalizeClass([[C.value],"px-xs py-2xs relative text-center block w-full before:absolute transition-colors duration-300 ease-linear"]),href:i.menuItem.url,target:i.menuItem.target?i.menuItem.target:"_self",onClick:d[0]||(d[0]=u=>f(u,i.menuItem))},[e.createElementVNode("span",me,e.toDisplayString(i.menuItem.title),1)],10,de))}}),he={class:"p-md text-center"},fe=["href","target"],pe=["src","alt"],ke=["href","target"],ue=["innerHTML"],ge={class:"flex flex-col"},Ce={key:0},Be={class:"flex flex-col justify-between h-full"},be={class:"p-md text-center"},Te=["href","target"],ye=["src","alt"],Le=["href","target"],Ee=["innerHTML"],we={class:"flex flex-col"},Oe={key:0},Ne=e.defineComponent({__name:"MclHeaderB",props:{logo:{},logoAlt:{default:""},title:{},titleSize:{default:"md"},titleColor:{default:"dark-3"},titleBlockAsLink:{type:Boolean,default:!1},titleBlockLinkTarget:{default:"_self"},titleBlockLink:{},menuItems:{},menuItemAsLink:{type:Boolean,default:!1},menuTextSize:{default:"md"},menuTextColor:{default:"dark-3"},menuTextBold:{type:Boolean,default:!1},displayHighlight:{type:Boolean,default:!0},highlightColor:{default:"primary"},bgColor:{default:"light-1"},drawerBtnColor:{default:"dark-1"},drawerBtnBorder:{type:Boolean,default:!0},headerWidth:{default:160}},emits:["toggle-drawer","title-click","menu-click","collapse-click"],setup(k,{expose:T,emit:b}){const p=k,f=e.useSlots(),C=b,i=e.ref(),d=e.ref(),u=(l,c)=>{C("toggle-drawer",l,c)},B=()=>{var l;(l=i.value)==null||l.headerClose()},a=()=>{for(let l=0;l<d.value.length;l++)d.value[l].closeCollapse()},n=l=>{const{titleBlockAsLink:c,titleBlockLink:s,titleBlockLinkTarget:h}=p;c||l.preventDefault(),C("title-click",l,s,h),B(),a()},r=(l,c)=>{const{menuItemAsLink:s}=p;s||l.preventDefault(),C("menu-click",l,c),B(),a()},o=(l,c,s)=>{C("collapse-click",l,c,s)},m=e.computed(()=>{const{titleSize:l,titleColor:c}=p;return[t("H3",l),t("TEXTCOLOR",c)].join(" ")}),g=l=>{const c=l;return typeof c.children>"u"?!1:c.children.length>0};return T({headerClose:B}),(l,c)=>(e.openBlock(),e.createBlock(e.unref(t.HeaderVertical),{"bg-color":l.bgColor,"drawer-btn-color":l.drawerBtnColor,"drawer-btn-border":l.drawerBtnBorder,"header-width":l.headerWidth,onToggleDrawer:u,ref_key:"componentRef",ref:i},{default:e.withCtx(()=>[e.renderSlot(l.$slots,"default")]),content:e.withCtx(()=>[e.createElementVNode("div",null,[e.createElementVNode("div",he,[e.createElementVNode("a",{href:l.titleBlockLink,target:l.titleBlockLinkTarget,onClick:n},[e.createElementVNode("img",{src:l.logo,alt:l.logoAlt,class:"h-full inline-block max-h-xl"},null,8,pe)],8,fe)]),e.createElementVNode("div",null,[e.createElementVNode("a",{href:l.titleBlockLink,target:l.titleBlockLinkTarget,onClick:n},[e.createElementVNode("h3",{class:e.normalizeClass([m.value,"text-center mb-md"]),innerHTML:l.title},null,10,ue)],8,ke)]),e.createElementVNode("ul",ge,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.menuItems,(s,h)=>(e.openBlock(),e.createElementBlock("li",{key:`menu-${h}`},[g(s)?(e.openBlock(),e.createBlock(z,{key:1,ref_for:!0,ref_key:"collapseRef",ref:d,"nav-id":s.title,"nav-location":"desktop","nav-accordion-group":l.title,"menu-item":s,"as-link":l.menuItemAsLink,"text-color":l.menuTextColor,"text-size":l.menuTextSize,"font-bold":l.menuTextBold,"d-hl":l.displayHighlight,"hl-color":l.highlightColor,onChildClick:r,onLabelClick:o},null,8,["nav-id","nav-accordion-group","menu-item","as-link","text-color","text-size","font-bold","d-hl","hl-color"])):(e.openBlock(),e.createBlock(V,{key:0,"menu-item":s,"as-link":l.menuItemAsLink,"text-color":l.menuTextColor,"text-size":l.menuTextSize,"font-bold":l.menuTextBold,"d-hl":l.displayHighlight,"hl-color":l.highlightColor,onMenuClick:r},null,8,["menu-item","as-link","text-color","text-size","font-bold","d-hl","hl-color"]))]))),128))])])]),"content-bottom":e.withCtx(()=>[f["content-bottom"]?(e.openBlock(),e.createElementBlock("div",Ce,[e.renderSlot(l.$slots,"content-bottom")])):e.createCommentVNode("",!0)]),"mobile-content":e.withCtx(({headerClose:s})=>[e.createElementVNode("div",Be,[e.createElementVNode("div",null,[e.createElementVNode("div",be,[e.createElementVNode("a",{href:l.titleBlockLink,target:l.titleBlockLinkTarget,onClick:n},[e.createElementVNode("img",{src:l.logo,alt:l.logoAlt,class:"h-full inline-block max-h-xl"},null,8,ye)],8,Te)]),e.createElementVNode("div",null,[e.createElementVNode("a",{href:l.titleBlockLink,target:l.titleBlockLinkTarget,onClick:n},[e.createElementVNode("h3",{class:e.normalizeClass([m.value,"text-center mb-md"]),innerHTML:l.title},null,10,Ee)],8,Le)]),e.createElementVNode("ul",we,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.menuItems,(h,E)=>(e.openBlock(),e.createElementBlock("li",{key:`menu-${E}`},[g(h)?(e.openBlock(),e.createBlock(z,{key:1,"nav-id":h.title,"nav-location":"mobile","nav-accordion-group":l.title,"menu-item":h,"as-link":l.menuItemAsLink,"text-color":l.menuTextColor,"text-size":l.menuTextSize,"font-bold":l.menuTextBold,"d-hl":l.displayHighlight,"hl-color":l.highlightColor,onChildClick:r,onLabelClick:o},null,8,["nav-id","nav-accordion-group","menu-item","as-link","text-color","text-size","font-bold","d-hl","hl-color"])):(e.openBlock(),e.createBlock(V,{key:0,"menu-item":h,"as-link":l.menuItemAsLink,"text-color":l.menuTextColor,"text-size":l.menuTextSize,"font-bold":l.menuTextBold,"d-hl":l.displayHighlight,"hl-color":l.highlightColor,onMenuClick:r},null,8,["menu-item","as-link","text-color","text-size","font-bold","d-hl","hl-color"]))]))),128))])]),f["mobile-bottom"]?(e.openBlock(),e.createElementBlock("div",Oe,[e.renderSlot(l.$slots,"mobile-bottom",{headerClose:s})])):e.createCommentVNode("",!0)])]),_:3},8,["bg-color","drawer-btn-color","drawer-btn-border","header-width"]))}});L.MclHeaderA=ie,L.MclHeaderB=Ne,Object.defineProperty(L,Symbol.toStringTag,{value:"Module"})});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bobbykim/mcl-header",
-  "version": "0.6.1",
+  "version": "0.6.2",
   "description": "header components based on manguito theme",
   "type": "module",
   "files": [
@@ -33,7 +33,7 @@
   },
   "license": "MIT",
   "dependencies": {
-    "@bobbykim/manguito-theme": "0.20.0",
+    "@bobbykim/manguito-theme": "0.21.0",
     "vue": "^3.3.10"
   },
   "devDependencies": {
@@ -45,5 +45,5 @@
     "vite-plugin-dts": "^3.8.3",
     "vue-tsc": "^1.8.25"
   },
-  "gitHead": "2e677770b8628a9616237cd3812af2dcb20ee5bb"
+  "gitHead": "e2e70414089db93125eaa4855b0c0a33f1c0ecbf"
 }