@bobbykim/mcl-footer 0.7.0 → 0.9.0

package/dist/index.d.ts

@@ -1,127 +1,65 @@
 import { BodyText } from '@bobbykim/manguito-theme';
 import { ColorPalette } from '@bobbykim/manguito-theme';
 import { ComponentOptionsMixin } from 'vue';
+import { ComponentProvideOptions } from 'vue';
 import { CtaTarget } from '@bobbykim/manguito-theme';
 import { DefineComponent } from 'vue';
-import { ExtractPropTypes } from 'vue';
 import { HeadingSize } from '@bobbykim/manguito-theme';
-import { PropType } from 'vue';
 import { PublicProps } from 'vue';
 
-declare type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-
-declare type __VLS_Prettify<T> = {
-    [K in keyof T]: T[K];
-} & {};
-
-declare type __VLS_TypePropsToRuntimeProps<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: PropType<__VLS_NonUndefinedable<T[K]>>;
-    } : {
-        type: PropType<T[K]>;
-        required: true;
-    };
-};
-
-declare type __VLS_WithDefaults<P, D> = {
-    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
-        default: D[K];
-    }> : P[K];
-};
-
-declare type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};
-
-export declare const MclFooterA: __VLS_WithTemplateSlots<DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+declare const __VLS_component: DefineComponent<    {
 title: string;
-titleSize?: HeadingSize | undefined;
-titleColor?: ColorPalette | undefined;
-copyText?: string | undefined;
+titleSize?: HeadingSize;
+titleColor?: ColorPalette;
 logo: string;
-logoAlt?: string | undefined;
-logoAsLink?: boolean | undefined;
+logoAlt?: string;
+logoAsLink?: boolean;
 logoLink: string;
-logoLinkTarget?: CtaTarget | undefined;
-displaySocialIcons?: boolean | undefined;
+logoLinkTarget?: CtaTarget;
+displaySocialIcons?: boolean;
 socialIconColor: ColorPalette;
-socialLinks?: SocialUrl | undefined;
+socialLinks?: SocialUrl;
 menuItems: MenuItemType[];
-secondaryMenuItems?: MenuItemType[] | undefined;
-menuItemAsLink?: boolean | undefined;
-menuTextSize?: BodyText | undefined;
-menuTextColor?: ColorPalette | undefined;
-menuTextBold?: boolean | undefined;
-displayHighlight?: boolean | undefined;
-highlightColor?: ColorPalette | undefined;
-bgColor?: ColorPalette | undefined;
-borderTopColor?: ColorPalette | undefined;
-headlineColor?: ColorPalette | undefined;
-}>, {
-titleSize: string;
-titleColor: string;
-logoAsLink: boolean;
-logoLinkTarget: string;
-displaySocialIcons: boolean;
-socialIconColor: string;
-menuItemAsLink: boolean;
-menuTextSize: string;
-menuTextColor: string;
-menuTextBold: boolean;
-displayHighlight: boolean;
-highlightColor: string;
-bgColor: string;
-borderTopColor: string;
-headlineColor: string;
-}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
-"logo-click": (event: Event, link: string, target: CtaTarget) => void;
-"menu-click": (event: Event, item: MenuItemType) => void;
-}, string, PublicProps, Readonly<ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+secondaryMenuItems?: MenuItemType[];
+menuItemAsLink?: boolean;
+menuTextSize?: BodyText;
+menuTextColor?: ColorPalette;
+menuTextBold?: boolean;
+displayHighlight?: boolean;
+highlightColor?: ColorPalette;
+bgColor?: ColorPalette;
+borderTopColor?: ColorPalette;
+headlineColor?: ColorPalette;
+}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
+"logo-click": (event: Event, link: string, target: CtaTarget) => any;
+"menu-click": (event: Event, item: MenuItemType) => any;
+}, string, PublicProps, Readonly<{
 title: string;
-titleSize?: HeadingSize | undefined;
-titleColor?: ColorPalette | undefined;
-copyText?: string | undefined;
+titleSize?: HeadingSize;
+titleColor?: ColorPalette;
 logo: string;
-logoAlt?: string | undefined;
-logoAsLink?: boolean | undefined;
+logoAlt?: string;
+logoAsLink?: boolean;
 logoLink: string;
-logoLinkTarget?: CtaTarget | undefined;
-displaySocialIcons?: boolean | undefined;
+logoLinkTarget?: CtaTarget;
+displaySocialIcons?: boolean;
 socialIconColor: ColorPalette;
-socialLinks?: SocialUrl | undefined;
+socialLinks?: SocialUrl;
 menuItems: MenuItemType[];
-secondaryMenuItems?: MenuItemType[] | undefined;
-menuItemAsLink?: boolean | undefined;
-menuTextSize?: BodyText | undefined;
-menuTextColor?: ColorPalette | undefined;
-menuTextBold?: boolean | undefined;
-displayHighlight?: boolean | undefined;
-highlightColor?: ColorPalette | undefined;
-bgColor?: ColorPalette | undefined;
-borderTopColor?: ColorPalette | undefined;
-headlineColor?: ColorPalette | undefined;
-}>, {
-titleSize: string;
-titleColor: string;
-logoAsLink: boolean;
-logoLinkTarget: string;
-displaySocialIcons: boolean;
-socialIconColor: string;
-menuItemAsLink: boolean;
-menuTextSize: string;
-menuTextColor: string;
-menuTextBold: boolean;
-displayHighlight: boolean;
-highlightColor: string;
-bgColor: string;
-borderTopColor: string;
-headlineColor: string;
-}>>> & {
+secondaryMenuItems?: MenuItemType[];
+menuItemAsLink?: boolean;
+menuTextSize?: BodyText;
+menuTextColor?: ColorPalette;
+menuTextBold?: boolean;
+displayHighlight?: boolean;
+highlightColor?: ColorPalette;
+bgColor?: ColorPalette;
+borderTopColor?: ColorPalette;
+headlineColor?: ColorPalette;
+}> & Readonly<{
 "onLogo-click"?: ((event: Event, link: string, target: CtaTarget) => any) | undefined;
 "onMenu-click"?: ((event: Event, item: MenuItemType) => any) | undefined;
-}, {
+}>, {
 titleSize: HeadingSize;
 titleColor: ColorPalette;
 logoAsLink: boolean;
@@ -137,11 +75,27 @@ highlightColor: ColorPalette;
 bgColor: ColorPalette;
 borderTopColor: ColorPalette;
 headlineColor: ColorPalette;
-}, {}>, Readonly<{
-    default: any;
-}> & {
-    default: any;
-}>;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+
+declare function __VLS_template(): {
+    slots: Readonly<{
+        default: any;
+    }> & {
+        default: any;
+    };
+    refs: {};
+    attrs: Partial<{}>;
+};
+
+declare type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+
+declare type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+
+export declare const MclFooterA: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 
 export declare interface MenuItemType {
     title: string;

package/dist/mcl-footer.js

@@ -1,7 +1,7 @@
-(function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode('.nav__decorator[data-v-5578cce0]:before{content:"";position:absolute;bottom:0;left:0;height:100%;width:0;transition:width .3s linear}.nav__text:focus+.nav__decorator[data-v-5578cce0]:before,.nav__text:hover+.nav__decorator[data-v-5578cce0]:before{width:100%}')),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}})();
-import { defineComponent as b, computed as C, openBlock as s, createElementBlock as l, Fragment as L, renderList as v, createElementVNode as o, normalizeClass as d, useSlots as _, unref as y, createVNode as T, createCommentVNode as w, toDisplayString as I, renderSlot as A } from "vue";
-import r from "@bobbykim/manguito-theme";
-const M = `<svg
+(function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode('.nav__decorator[data-v-21dde3ea]:before{content:"";position:absolute;bottom:0;left:0;height:100%;width:0;transition:width .3s linear}.nav__text:focus+.nav__decorator[data-v-21dde3ea]:before,.nav__text:hover+.nav__decorator[data-v-21dde3ea]:before{width:100%}')),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}})();
+import { defineComponent as b, computed as y, openBlock as a, createElementBlock as r, Fragment as v, renderList as x, createElementVNode as o, normalizeClass as d, useSlots as _, unref as w, createVNode as T, createCommentVNode as C, renderSlot as I } from "vue";
+import i from "@bobbykim/manguito-theme";
+const A = `<svg
   xmlns="http://www.w3.org/2000/svg"
   viewBox="0 0 448 512"
   fill="currentColor"
@@ -13,7 +13,7 @@ const M = `<svg
   <path
     d="M400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zM277.3 415.7c-8.4 1.5-11.5-3.7-11.5-8 0-5.4.2-33 .2-55.3 0-15.6-5.2-25.5-11.3-30.7 37-4.1 76-9.2 76-73.1 0-18.2-6.5-27.3-17.1-39 1.7-4.3 7.4-22-1.7-45-13.9-4.3-45.7 17.9-45.7 17.9-13.2-3.7-27.5-5.6-41.6-5.6-14.1 0-28.4 1.9-41.6 5.6 0 0-31.8-22.2-45.7-17.9-9.1 22.9-3.5 40.6-1.7 45-10.6 11.7-15.6 20.8-15.6 39 0 63.6 37.3 69 74.3 73.1-4.8 4.3-9.1 11.7-10.6 22.3-9.5 4.3-33.8 11.7-48.3-13.9-9.1-15.8-25.5-17.1-25.5-17.1-16.2-.2-1.1 10.2-1.1 10.2 10.8 5 18.4 24.2 18.4 24.2 9.7 29.7 56.1 19.7 56.1 19.7 0 13.9.2 36.5.2 40.6 0 4.3-3 9.5-11.5 8-66-22.1-112.2-84.9-112.2-158.3 0-91.8 70.2-161.5 162-161.5S388 165.6 388 257.4c.1 73.4-44.7 136.3-110.7 158.3zm-98.1-61.1c-1.9.4-3.7-.4-3.9-1.7-.2-1.5 1.1-2.8 3-3.2 1.9-.2 3.7.6 3.9 1.9.3 1.3-1 2.6-3 3zm-9.5-.9c0 1.3-1.5 2.4-3.5 2.4-2.2.2-3.7-.9-3.7-2.4 0-1.3 1.5-2.4 3.5-2.4 1.9-.2 3.7.9 3.7 2.4zm-13.7-1.1c-.4 1.3-2.4 1.9-4.1 1.3-1.9-.4-3.2-1.9-2.8-3.2.4-1.3 2.4-1.9 4.1-1.5 2 .6 3.3 2.1 2.8 3.4zm-12.3-5.4c-.9 1.1-2.8.9-4.3-.6-1.5-1.3-1.9-3.2-.9-4.1.9-1.1 2.8-.9 4.3.6 1.3 1.3 1.8 3.3.9 4.1zm-9.1-9.1c-.9.6-2.6 0-3.7-1.5s-1.1-3.2 0-3.9c1.1-.9 2.8-.2 3.7 1.3 1.1 1.5 1.1 3.3 0 4.1zm-6.5-9.7c-.9.9-2.4.4-3.5-.6-1.1-1.3-1.3-2.8-.4-3.5.9-.9 2.4-.4 3.5.6 1.1 1.3 1.3 2.8.4 3.5zm-6.7-7.4c-.4.9-1.7 1.1-2.8.4-1.3-.6-1.9-1.7-1.5-2.6.4-.6 1.5-.9 2.8-.4 1.3.7 1.9 1.8 1.5 2.6z"
   />
-</svg>`, H = `<svg
+</svg>`, M = `<svg
   xmlns="http://www.w3.org/2000/svg"
   viewBox="0 0 448 512"
   fill="currentColor"
@@ -25,7 +25,7 @@ const M = `<svg
   <path
     d="M224,202.66A53.34,53.34,0,1,0,277.36,256,53.38,53.38,0,0,0,224,202.66Zm124.71-41a54,54,0,0,0-30.41-30.41c-21-8.29-71-6.43-94.3-6.43s-73.25-1.93-94.31,6.43a54,54,0,0,0-30.41,30.41c-8.28,21-6.43,71.05-6.43,94.33S91,329.26,99.32,350.33a54,54,0,0,0,30.41,30.41c21,8.29,71,6.43,94.31,6.43s73.24,1.93,94.3-6.43a54,54,0,0,0,30.41-30.41c8.35-21,6.43-71.05,6.43-94.33S357.1,182.74,348.75,161.67ZM224,338a82,82,0,1,1,82-82A81.9,81.9,0,0,1,224,338Zm85.38-148.3a19.14,19.14,0,1,1,19.13-19.14A19.1,19.1,0,0,1,309.42,189.74ZM400,32H48A48,48,0,0,0,0,80V432a48,48,0,0,0,48,48H400a48,48,0,0,0,48-48V80A48,48,0,0,0,400,32ZM382.88,322c-1.29,25.63-7.14,48.34-25.85,67s-41.4,24.63-67,25.85c-26.41,1.49-105.59,1.49-132,0-25.63-1.29-48.26-7.15-67-25.85s-24.63-41.42-25.85-67c-1.49-26.42-1.49-105.61,0-132,1.29-25.63,7.07-48.34,25.85-67s41.47-24.56,67-25.78c26.41-1.49,105.59-1.49,132,0,25.63,1.29,48.33,7.15,67,25.85s24.63,41.42,25.85,67.05C384.37,216.44,384.37,295.56,382.88,322Z"
   />
-</svg>`, z = `<svg
+</svg>`, H = `<svg
   xmlns="http://www.w3.org/2000/svg"
   viewBox="0 0 448 512"
   fill="currentColor"
@@ -37,7 +37,7 @@ const M = `<svg
   <path
     d="M416 32H31.9C14.3 32 0 46.5 0 64.3v383.4C0 465.5 14.3 480 31.9 480H416c17.6 0 32-14.5 32-32.3V64.3c0-17.8-14.4-32.3-32-32.3zM135.4 416H69V202.2h66.5V416zm-33.2-243c-21.3 0-38.5-17.3-38.5-38.5S80.9 96 102.2 96c21.2 0 38.5 17.3 38.5 38.5 0 21.3-17.2 38.5-38.5 38.5zm282.1 243h-66.4V312c0-24.8-.5-56.7-34.5-56.7-34.6 0-39.9 27-39.9 54.9V416h-66.4V202.2h63.7v29.2h.9c8.9-16.8 30.6-34.5 62.9-34.5 67.2 0 79.7 44.3 79.7 101.9V416z"
   />
-</svg>`, B = `<svg
+</svg>`, z = `<svg
   xmlns="http://www.w3.org/2000/svg"
   viewBox="0 0 448 512"
   fill="currentColor"
@@ -49,72 +49,68 @@ const M = `<svg
   <path
     d="M64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H384c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm297.1 84L257.3 234.6 379.4 396H283.8L209 298.1 123.3 396H75.8l111-126.9L69.7 116h98l67.7 89.5L313.6 116h47.5zM323.3 367.6L153.4 142.9H125.1L296.9 367.6h26.3z"
   />
-</svg>`, O = { class: "flex flex-wrap" }, F = ["href", "aria-label"], V = ["innerHTML"], R = /* @__PURE__ */ b({
+</svg>`, B = { class: "flex flex-wrap" }, O = ["href", "aria-label"], V = ["innerHTML"], F = /* @__PURE__ */ b({
   __name: "SocialIcons",
   props: {
     iconColor: { default: "light-1" },
     socialLinks: {}
   },
   setup(u) {
-    const i = u, c = C(() => {
+    const t = u, c = y(() => {
       var f, m, h, k;
-      const t = [];
-      return (f = i.socialLinks) != null && f.linkedin && t.push({
-        url: i.socialLinks.linkedin,
-        icon: z,
+      const s = [];
+      return (f = t.socialLinks) != null && f.linkedin && s.push({
+        url: t.socialLinks.linkedin,
+        icon: H,
         label: "linkedin social icon"
-      }), (m = i.socialLinks) != null && m.github && t.push({
-        url: i.socialLinks.github,
-        icon: M,
+      }), (m = t.socialLinks) != null && m.github && s.push({
+        url: t.socialLinks.github,
+        icon: A,
         label: "github social icon"
-      }), (h = i.socialLinks) != null && h.instagram && t.push({
-        url: i.socialLinks.instagram,
-        icon: H,
+      }), (h = t.socialLinks) != null && h.instagram && s.push({
+        url: t.socialLinks.instagram,
+        icon: M,
         label: "instagram social icon"
-      }), (k = i.socialLinks) != null && k.twitter && t.push({
-        url: i.socialLinks.twitter,
-        icon: B,
+      }), (k = t.socialLinks) != null && k.twitter && s.push({
+        url: t.socialLinks.twitter,
+        icon: z,
         label: "x/twitter social icon"
-      }), t;
-    }), g = (t) => [
-      r("TEXTCOLOR", t),
-      r("RINGCOLOR", t)
+      }), s;
+    }), g = (s) => [
+      i("TEXTCOLOR", s),
+      i("RINGCOLOR", s)
     ].join(" ");
-    return (t, f) => (s(), l("ul", O, [
-      (s(!0), l(L, null, v(c.value, (m, h) => (s(), l("li", {
+    return (s, f) => (a(), r("ul", B, [
+      (a(!0), r(v, null, x(c.value, (m, h) => (a(), r("li", {
         key: h,
         class: "mr-xs last:mr-0"
       }, [
         o("a", {
           href: m.url,
           target: "_blank",
-          class: d(["inline-block outline-none focus:ring-2 hover:ring-2 hover:opacity-70 ring-offset-2 ring-offset-transparent rounded-md transition-all duration-300 ease-linear", g(t.iconColor)]),
+          class: d(["inline-block outline-none focus:ring-2 hover:ring-2 hover:opacity-70 ring-offset-2 ring-offset-transparent rounded-md transition-all duration-300 ease-linear", g(s.iconColor)]),
           "aria-label": m.label,
           role: "button"
         }, [
           o("div", {
             innerHTML: m.icon
           }, null, 8, V)
-        ], 10, F)
+        ], 10, O)
       ]))), 128))
     ]));
   }
-}), S = { class: "container px-xs md:px-lg lg:px-xl" }, j = { class: "h-lg md:h-xl align-middle mb-xs" }, E = ["href", "target"], D = ["src", "alt"], $ = {
+}), R = { class: "container px-xs md:px-lg lg:px-xl" }, j = { class: "h-lg md:h-xl align-middle mb-xs" }, S = ["href", "target"], E = ["src", "alt"], $ = {
   key: 0,
   class: "mb-xs flex items-center justify-end md:justify-center"
-}, G = { class: "flex flex-wrap md:justify-between items-center md:items-start gap-6 md:gap-8" }, Z = { class: "grid gap-2 justify-items-center basis-full md:basis-1/3" }, N = ["innerHTML"], X = {
-  key: 0,
-  class: "text-xs text-white align-middle mb-2"
-}, P = { class: "px-xs md:px-0" }, Y = { class: "text-sm flex flex-col md:flex-row items-center sm:items-start sm:flex-row text-center sm:text-left gap-xs justify-between md:justify-around grow md:basis-1/2" }, q = { class: "flex flex-wrap md:flex-col justify-center items-center gap-2xs" }, J = ["href", "target", "onClick", "innerHTML"], K = {
+}, G = { class: "flex flex-wrap md:justify-between items-center md:items-start gap-6 md:gap-8" }, Z = { class: "grid gap-2 justify-items-center basis-full md:basis-1/3" }, D = ["innerHTML"], N = { class: "px-xs md:px-0" }, X = { class: "text-sm flex flex-col md:flex-row items-center sm:items-start sm:flex-row text-center sm:text-left gap-xs justify-between md:justify-around grow md:basis-1/2" }, P = { class: "flex flex-wrap md:flex-col justify-center items-center gap-2xs" }, Y = ["href", "target", "onClick", "innerHTML"], q = {
   key: 0,
   class: "flex flex-wrap md:flex-col justify-center items-center gap-2xs"
-}, Q = ["href", "target", "onClick", "innerHTML"], U = /* @__PURE__ */ b({
+}, J = ["href", "target", "onClick", "innerHTML"], K = /* @__PURE__ */ b({
   __name: "MclFooterA",
   props: {
     title: {},
     titleSize: { default: "md" },
     titleColor: { default: "light-1" },
-    copyText: {},
     logo: {},
     logoAlt: {},
     logoAsLink: { type: Boolean, default: !1 },
@@ -136,76 +132,75 @@ const M = `<svg
     headlineColor: { default: "light-1" }
   },
   emits: ["logo-click", "menu-click"],
-  setup(u, { emit: i }) {
+  setup(u, { emit: t }) {
     const c = u;
     _();
-    const g = i, t = C(() => {
-      const { bgColor: e, borderTopColor: a } = c;
+    const g = t, s = y(() => {
+      const { bgColor: e, borderTopColor: l } = c;
       return [
-        r("BGCOLOR", e),
-        r("BORDER", a)
+        i("BGCOLOR", e),
+        i("BORDER", l)
       ].join(" ");
-    }), f = C(() => {
-      const { titleSize: e, titleColor: a } = c;
+    }), f = y(() => {
+      const { titleSize: e, titleColor: l } = c;
       return [
-        r("H2", e),
-        r("TEXTCOLOR", a)
+        i("H2", e),
+        i("TEXTCOLOR", l)
       ].join(" ");
-    }), m = C(() => {
-      const { menuTextSize: e, menuTextColor: a, menuTextBold: n } = c;
+    }), m = y(() => {
+      const { menuTextSize: e, menuTextColor: l, menuTextBold: n } = c;
       return [
-        r("BODYTEXT", e),
-        r("TEXTCOLOR", a)
+        i("BODYTEXT", e),
+        i("TEXTCOLOR", l)
       ].join(" ");
     }), h = (e) => {
-      const { logoAsLink: a, logoLink: n, logoLinkTarget: p } = c;
-      !a && e.preventDefault(), g("logo-click", e, n, p);
-    }, k = (e, a) => {
+      const { logoAsLink: l, logoLink: n, logoLinkTarget: p } = c;
+      !l && e.preventDefault(), g("logo-click", e, n, p);
+    }, k = (e, l) => {
       const { menuItemAsLink: n } = c;
-      !n && e.preventDefault(), g("menu-click", e, a);
+      !n && e.preventDefault(), g("menu-click", e, l);
     };
-    return (e, a) => (s(), l("footer", {
-      class: d(["border-t-2 py-6 sm:py-8 md:py-12", t.value])
+    return (e, l) => (a(), r("footer", {
+      class: d(["border-t-2 py-6 sm:py-8 md:py-12", s.value])
     }, [
-      o("div", S, [
+      o("div", R, [
         o("div", {
-          class: d(["flex flex-col md:flex-row flex-wrap justify-between mb-xs md:mb-md px-xs md:px-md border-b-2", y(r)("BORDER", e.headlineColor)])
+          class: d(["flex flex-col md:flex-row flex-wrap justify-between mb-xs md:mb-md px-xs md:px-md border-b-2", w(i)("BORDER", e.headlineColor)])
         }, [
           o("div", j, [
             o("a", {
               href: e.logoLink,
               target: e.logoLinkTarget,
-              class: d(["h-full inline-block outline-none focus:ring-2 ring-offset-2 ring-offset-transparent rounded-md transition-all duration-300 ease-linear", y(r)("RINGCOLOR", e.titleColor)]),
-              onClick: a[0] || (a[0] = (n) => h(n))
+              class: d(["h-full inline-block outline-none focus:ring-2 ring-offset-2 ring-offset-transparent rounded-md transition-all duration-300 ease-linear", w(i)("RINGCOLOR", e.titleColor)]),
+              onClick: l[0] || (l[0] = (n) => h(n))
             }, [
               o("img", {
                 class: "inline-block h-full",
                 src: e.logo,
                 alt: e.logoAlt
-              }, null, 8, D)
-            ], 10, E)
+              }, null, 8, E)
+            ], 10, S)
           ]),
-          e.displaySocialIcons ? (s(), l("div", $, [
-            T(R, {
+          e.displaySocialIcons ? (a(), r("div", $, [
+            T(F, {
               "social-links": e.socialLinks,
               "icon-color": e.socialIconColor
             }, null, 8, ["social-links", "icon-color"])
-          ])) : w("", !0)
+          ])) : C("", !0)
         ], 2),
         o("div", G, [
           o("div", Z, [
             o("h2", {
               class: d(["inline-block align-middle tracking-wider", f.value]),
               innerHTML: e.title
-            }, null, 10, N),
-            e.copyText ? (s(), l("small", X, " © " + I(e.copyText + " " + (/* @__PURE__ */ new Date()).getFullYear()), 1)) : w("", !0),
-            o("div", P, [
-              A(e.$slots, "default", {}, void 0, !0)
+            }, null, 10, D),
+            o("div", N, [
+              I(e.$slots, "default", {}, void 0, !0)
             ])
           ]),
-          o("nav", Y, [
-            o("ul", q, [
-              (s(!0), l(L, null, v(e.menuItems, (n, p) => (s(), l("li", {
+          o("nav", X, [
+            o("ul", P, [
+              (a(!0), r(v, null, x(e.menuItems, (n, p) => (a(), r("li", {
                 key: `first-nav-${p}`,
                 class: "inline-block"
               }, [
@@ -213,17 +208,17 @@ const M = `<svg
                   href: n.url,
                   target: n.target ? n.target : "_self",
                   class: d(["tracking-wide outline-none nav__text", m.value]),
-                  onClick: (x) => k(x, n),
+                  onClick: (L) => k(L, n),
                   innerHTML: n.title
-                }, null, 10, J),
-                e.displayHighlight ? (s(), l("div", {
+                }, null, 10, Y),
+                e.displayHighlight ? (a(), r("div", {
                   key: 0,
-                  class: d(["relative top-3xs h-3xs nav__decorator", y(r)("BEFOREBG", e.highlightColor)])
-                }, null, 2)) : w("", !0)
+                  class: d(["relative top-3xs h-3xs nav__decorator", w(i)("BEFOREBG", e.highlightColor)])
+                }, null, 2)) : C("", !0)
               ]))), 128))
             ]),
-            e.secondaryMenuItems ? (s(), l("ul", K, [
-              (s(!0), l(L, null, v(e.secondaryMenuItems, (n, p) => (s(), l("li", {
+            e.secondaryMenuItems ? (a(), r("ul", q, [
+              (a(!0), r(v, null, x(e.secondaryMenuItems, (n, p) => (a(), r("li", {
                 key: `second-nav-${p}`,
                 class: "inline-block"
               }, [
@@ -231,26 +226,26 @@ const M = `<svg
                   href: n.url,
                   target: n.target ? n.target : "_self",
                   class: d(["tracking-wide outline-none nav__text", m.value]),
-                  onClick: (x) => k(x, n),
+                  onClick: (L) => k(L, n),
                   innerHTML: n.title
-                }, null, 10, Q),
-                e.displayHighlight ? (s(), l("div", {
+                }, null, 10, J),
+                e.displayHighlight ? (a(), r("div", {
                   key: 0,
-                  class: d(["relative top-3xs h-3xs nav__decorator", y(r)("BEFOREBG", e.highlightColor)])
-                }, null, 2)) : w("", !0)
+                  class: d(["relative top-3xs h-3xs nav__decorator", w(i)("BEFOREBG", e.highlightColor)])
+                }, null, 2)) : C("", !0)
               ]))), 128))
-            ])) : w("", !0)
+            ])) : C("", !0)
           ])
         ])
       ])
     ], 2));
   }
-}), W = (u, i) => {
+}), Q = (u, t) => {
   const c = u.__vccOpts || u;
-  for (const [g, t] of i)
-    c[g] = t;
+  for (const [g, s] of t)
+    c[g] = s;
   return c;
-}, oe = /* @__PURE__ */ W(U, [["__scopeId", "data-v-5578cce0"]]);
+}, ee = /* @__PURE__ */ Q(K, [["__scopeId", "data-v-21dde3ea"]]);
 export {
-  oe as MclFooterA
+  ee as MclFooterA
 };

package/dist/mcl-footer.umd.cjs

@@ -1,4 +1,4 @@
-(function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode('.nav__decorator[data-v-5578cce0]:before{content:"";position:absolute;bottom:0;left:0;height:100%;width:0;transition:width .3s linear}.nav__text:focus+.nav__decorator[data-v-5578cce0]:before,.nav__text:hover+.nav__decorator[data-v-5578cce0]:before{width:100%}')),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}})();
+(function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode('.nav__decorator[data-v-21dde3ea]:before{content:"";position:absolute;bottom:0;left:0;height:100%;width:0;transition:width .3s linear}.nav__text:focus+.nav__decorator[data-v-21dde3ea]:before,.nav__text:hover+.nav__decorator[data-v-21dde3ea]:before{width:100%}')),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}})();
 (function(a,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):(a=typeof globalThis<"u"?globalThis:a||self,e(a.MclFooter={},a.Vue,a.ManguitoTheme))})(this,function(a,e,l){"use strict";const u=`<svg
   xmlns="http://www.w3.org/2000/svg"
   viewBox="0 0 448 512"
@@ -11,7 +11,7 @@
   <path
     d="M400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zM277.3 415.7c-8.4 1.5-11.5-3.7-11.5-8 0-5.4.2-33 .2-55.3 0-15.6-5.2-25.5-11.3-30.7 37-4.1 76-9.2 76-73.1 0-18.2-6.5-27.3-17.1-39 1.7-4.3 7.4-22-1.7-45-13.9-4.3-45.7 17.9-45.7 17.9-13.2-3.7-27.5-5.6-41.6-5.6-14.1 0-28.4 1.9-41.6 5.6 0 0-31.8-22.2-45.7-17.9-9.1 22.9-3.5 40.6-1.7 45-10.6 11.7-15.6 20.8-15.6 39 0 63.6 37.3 69 74.3 73.1-4.8 4.3-9.1 11.7-10.6 22.3-9.5 4.3-33.8 11.7-48.3-13.9-9.1-15.8-25.5-17.1-25.5-17.1-16.2-.2-1.1 10.2-1.1 10.2 10.8 5 18.4 24.2 18.4 24.2 9.7 29.7 56.1 19.7 56.1 19.7 0 13.9.2 36.5.2 40.6 0 4.3-3 9.5-11.5 8-66-22.1-112.2-84.9-112.2-158.3 0-91.8 70.2-161.5 162-161.5S388 165.6 388 257.4c.1 73.4-44.7 136.3-110.7 158.3zm-98.1-61.1c-1.9.4-3.7-.4-3.9-1.7-.2-1.5 1.1-2.8 3-3.2 1.9-.2 3.7.6 3.9 1.9.3 1.3-1 2.6-3 3zm-9.5-.9c0 1.3-1.5 2.4-3.5 2.4-2.2.2-3.7-.9-3.7-2.4 0-1.3 1.5-2.4 3.5-2.4 1.9-.2 3.7.9 3.7 2.4zm-13.7-1.1c-.4 1.3-2.4 1.9-4.1 1.3-1.9-.4-3.2-1.9-2.8-3.2.4-1.3 2.4-1.9 4.1-1.5 2 .6 3.3 2.1 2.8 3.4zm-12.3-5.4c-.9 1.1-2.8.9-4.3-.6-1.5-1.3-1.9-3.2-.9-4.1.9-1.1 2.8-.9 4.3.6 1.3 1.3 1.8 3.3.9 4.1zm-9.1-9.1c-.9.6-2.6 0-3.7-1.5s-1.1-3.2 0-3.9c1.1-.9 2.8-.2 3.7 1.3 1.1 1.5 1.1 3.3 0 4.1zm-6.5-9.7c-.9.9-2.4.4-3.5-.6-1.1-1.3-1.3-2.8-.4-3.5.9-.9 2.4-.4 3.5.6 1.1 1.3 1.3 2.8.4 3.5zm-6.7-7.4c-.4.9-1.7 1.1-2.8.4-1.3-.6-1.9-1.7-1.5-2.6.4-.6 1.5-.9 2.8-.4 1.3.7 1.9 1.8 1.5 2.6z"
   />
-</svg>`,y=`<svg
+</svg>`,w=`<svg
   xmlns="http://www.w3.org/2000/svg"
   viewBox="0 0 448 512"
   fill="currentColor"
@@ -23,7 +23,7 @@
   <path
     d="M224,202.66A53.34,53.34,0,1,0,277.36,256,53.38,53.38,0,0,0,224,202.66Zm124.71-41a54,54,0,0,0-30.41-30.41c-21-8.29-71-6.43-94.3-6.43s-73.25-1.93-94.31,6.43a54,54,0,0,0-30.41,30.41c-8.28,21-6.43,71.05-6.43,94.33S91,329.26,99.32,350.33a54,54,0,0,0,30.41,30.41c21,8.29,71,6.43,94.31,6.43s73.24,1.93,94.3-6.43a54,54,0,0,0,30.41-30.41c8.35-21,6.43-71.05,6.43-94.33S357.1,182.74,348.75,161.67ZM224,338a82,82,0,1,1,82-82A81.9,81.9,0,0,1,224,338Zm85.38-148.3a19.14,19.14,0,1,1,19.13-19.14A19.1,19.1,0,0,1,309.42,189.74ZM400,32H48A48,48,0,0,0,0,80V432a48,48,0,0,0,48,48H400a48,48,0,0,0,48-48V80A48,48,0,0,0,400,32ZM382.88,322c-1.29,25.63-7.14,48.34-25.85,67s-41.4,24.63-67,25.85c-26.41,1.49-105.59,1.49-132,0-25.63-1.29-48.26-7.15-67-25.85s-24.63-41.42-25.85-67c-1.49-26.42-1.49-105.61,0-132,1.29-25.63,7.07-48.34,25.85-67s41.47-24.56,67-25.78c26.41-1.49,105.59-1.49,132,0,25.63,1.29,48.33,7.15,67,25.85s24.63,41.42,25.85,67.05C384.37,216.44,384.37,295.56,382.88,322Z"
   />
-</svg>`,w=`<svg
+</svg>`,y=`<svg
   xmlns="http://www.w3.org/2000/svg"
   viewBox="0 0 448 512"
   fill="currentColor"
@@ -47,4 +47,4 @@
   <path
     d="M64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H384c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm297.1 84L257.3 234.6 379.4 396H283.8L209 298.1 123.3 396H75.8l111-126.9L69.7 116h98l67.7 89.5L313.6 116h47.5zM323.3 367.6L153.4 142.9H125.1L296.9 367.6h26.3z"
   />
-</svg>`,x={class:"flex flex-wrap"},L=["href","aria-label"],b=["innerHTML"],_=e.defineComponent({__name:"SocialIcons",props:{iconColor:{default:"light-1"},socialLinks:{}},setup(m){const s=m,c=e.computed(()=>{var f,r,p,g;const t=[];return(f=s.socialLinks)!=null&&f.linkedin&&t.push({url:s.socialLinks.linkedin,icon:w,label:"linkedin social icon"}),(r=s.socialLinks)!=null&&r.github&&t.push({url:s.socialLinks.github,icon:u,label:"github social icon"}),(p=s.socialLinks)!=null&&p.instagram&&t.push({url:s.socialLinks.instagram,icon:y,label:"instagram social icon"}),(g=s.socialLinks)!=null&&g.twitter&&t.push({url:s.socialLinks.twitter,icon:C,label:"x/twitter social icon"}),t}),d=t=>[l("TEXTCOLOR",t),l("RINGCOLOR",t)].join(" ");return(t,f)=>(e.openBlock(),e.createElementBlock("ul",x,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(c.value,(r,p)=>(e.openBlock(),e.createElementBlock("li",{key:p,class:"mr-xs last:mr-0"},[e.createElementVNode("a",{href:r.url,target:"_blank",class:e.normalizeClass(["inline-block outline-none focus:ring-2 hover:ring-2 hover:opacity-70 ring-offset-2 ring-offset-transparent rounded-md transition-all duration-300 ease-linear",d(t.iconColor)]),"aria-label":r.label,role:"button"},[e.createElementVNode("div",{innerHTML:r.icon},null,8,b)],10,L)]))),128))]))}}),B={class:"container px-xs md:px-lg lg:px-xl"},E={class:"h-lg md:h-xl align-middle mb-xs"},T=["href","target"],V=["src","alt"],z={key:0,class:"mb-xs flex items-center justify-end md:justify-center"},M={class:"flex flex-wrap md:justify-between items-center md:items-start gap-6 md:gap-8"},I={class:"grid gap-2 justify-items-center basis-full md:basis-1/3"},A=["innerHTML"],H={key:0,class:"text-xs text-white align-middle mb-2"},N={class:"px-xs md:px-0"},F={class:"text-sm flex flex-col md:flex-row items-center sm:items-start sm:flex-row text-center sm:text-left gap-xs justify-between md:justify-around grow md:basis-1/2"},O={class:"flex flex-wrap md:flex-col justify-center items-center gap-2xs"},S=["href","target","onClick","innerHTML"],j={key:0,class:"flex flex-wrap md:flex-col justify-center items-center gap-2xs"},R=["href","target","onClick","innerHTML"],D=((m,s)=>{const c=m.__vccOpts||m;for(const[d,t]of s)c[d]=t;return c})(e.defineComponent({__name:"MclFooterA",props:{title:{},titleSize:{default:"md"},titleColor:{default:"light-1"},copyText:{},logo:{},logoAlt:{},logoAsLink:{type:Boolean,default:!1},logoLink:{},logoLinkTarget:{default:"_self"},displaySocialIcons:{type:Boolean,default:!0},socialIconColor:{default:"light-1"},socialLinks:{},menuItems:{},secondaryMenuItems:{},menuItemAsLink:{type:Boolean,default:!1},menuTextSize:{default:"md"},menuTextColor:{default:"light-1"},menuTextBold:{type:Boolean,default:!1},displayHighlight:{type:Boolean,default:!0},highlightColor:{default:"primary"},bgColor:{default:"dark-3"},borderTopColor:{default:"primary"},headlineColor:{default:"light-1"}},emits:["logo-click","menu-click"],setup(m,{emit:s}){const c=m;e.useSlots();const d=s,t=e.computed(()=>{const{bgColor:o,borderTopColor:i}=c;return[l("BGCOLOR",o),l("BORDER",i)].join(" ")}),f=e.computed(()=>{const{titleSize:o,titleColor:i}=c;return[l("H2",o),l("TEXTCOLOR",i)].join(" ")}),r=e.computed(()=>{const{menuTextSize:o,menuTextColor:i,menuTextBold:n}=c;return[l("BODYTEXT",o),l("TEXTCOLOR",i)].join(" ")}),p=o=>{const{logoAsLink:i,logoLink:n,logoLinkTarget:h}=c;!i&&o.preventDefault(),d("logo-click",o,n,h)},g=(o,i)=>{const{menuItemAsLink:n}=c;!n&&o.preventDefault(),d("menu-click",o,i)};return(o,i)=>(e.openBlock(),e.createElementBlock("footer",{class:e.normalizeClass(["border-t-2 py-6 sm:py-8 md:py-12",t.value])},[e.createElementVNode("div",B,[e.createElementVNode("div",{class:e.normalizeClass(["flex flex-col md:flex-row flex-wrap justify-between mb-xs md:mb-md px-xs md:px-md border-b-2",e.unref(l)("BORDER",o.headlineColor)])},[e.createElementVNode("div",E,[e.createElementVNode("a",{href:o.logoLink,target:o.logoLinkTarget,class:e.normalizeClass(["h-full inline-block outline-none focus:ring-2 ring-offset-2 ring-offset-transparent rounded-md transition-all duration-300 ease-linear",e.unref(l)("RINGCOLOR",o.titleColor)]),onClick:i[0]||(i[0]=n=>p(n))},[e.createElementVNode("img",{class:"inline-block h-full",src:o.logo,alt:o.logoAlt},null,8,V)],10,T)]),o.displaySocialIcons?(e.openBlock(),e.createElementBlock("div",z,[e.createVNode(_,{"social-links":o.socialLinks,"icon-color":o.socialIconColor},null,8,["social-links","icon-color"])])):e.createCommentVNode("",!0)],2),e.createElementVNode("div",M,[e.createElementVNode("div",I,[e.createElementVNode("h2",{class:e.normalizeClass(["inline-block align-middle tracking-wider",f.value]),innerHTML:o.title},null,10,A),o.copyText?(e.openBlock(),e.createElementBlock("small",H," © "+e.toDisplayString(o.copyText+" "+new Date().getFullYear()),1)):e.createCommentVNode("",!0),e.createElementVNode("div",N,[e.renderSlot(o.$slots,"default",{},void 0,!0)])]),e.createElementVNode("nav",F,[e.createElementVNode("ul",O,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.menuItems,(n,h)=>(e.openBlock(),e.createElementBlock("li",{key:`first-nav-${h}`,class:"inline-block"},[e.createElementVNode("a",{href:n.url,target:n.target?n.target:"_self",class:e.normalizeClass(["tracking-wide outline-none nav__text",r.value]),onClick:k=>g(k,n),innerHTML:n.title},null,10,S),o.displayHighlight?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["relative top-3xs h-3xs nav__decorator",e.unref(l)("BEFOREBG",o.highlightColor)])},null,2)):e.createCommentVNode("",!0)]))),128))]),o.secondaryMenuItems?(e.openBlock(),e.createElementBlock("ul",j,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.secondaryMenuItems,(n,h)=>(e.openBlock(),e.createElementBlock("li",{key:`second-nav-${h}`,class:"inline-block"},[e.createElementVNode("a",{href:n.url,target:n.target?n.target:"_self",class:e.normalizeClass(["tracking-wide outline-none nav__text",r.value]),onClick:k=>g(k,n),innerHTML:n.title},null,10,R),o.displayHighlight?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["relative top-3xs h-3xs nav__decorator",e.unref(l)("BEFOREBG",o.highlightColor)])},null,2)):e.createCommentVNode("",!0)]))),128))])):e.createCommentVNode("",!0)])])])],2))}}),[["__scopeId","data-v-5578cce0"]]);a.MclFooterA=D,Object.defineProperty(a,Symbol.toStringTag,{value:"Module"})});
+</svg>`,L={class:"flex flex-wrap"},b=["href","aria-label"],x=["innerHTML"],_=e.defineComponent({__name:"SocialIcons",props:{iconColor:{default:"light-1"},socialLinks:{}},setup(m){const s=m,c=e.computed(()=>{var f,r,h,g;const t=[];return(f=s.socialLinks)!=null&&f.linkedin&&t.push({url:s.socialLinks.linkedin,icon:y,label:"linkedin social icon"}),(r=s.socialLinks)!=null&&r.github&&t.push({url:s.socialLinks.github,icon:u,label:"github social icon"}),(h=s.socialLinks)!=null&&h.instagram&&t.push({url:s.socialLinks.instagram,icon:w,label:"instagram social icon"}),(g=s.socialLinks)!=null&&g.twitter&&t.push({url:s.socialLinks.twitter,icon:C,label:"x/twitter social icon"}),t}),d=t=>[l("TEXTCOLOR",t),l("RINGCOLOR",t)].join(" ");return(t,f)=>(e.openBlock(),e.createElementBlock("ul",L,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(c.value,(r,h)=>(e.openBlock(),e.createElementBlock("li",{key:h,class:"mr-xs last:mr-0"},[e.createElementVNode("a",{href:r.url,target:"_blank",class:e.normalizeClass(["inline-block outline-none focus:ring-2 hover:ring-2 hover:opacity-70 ring-offset-2 ring-offset-transparent rounded-md transition-all duration-300 ease-linear",d(t.iconColor)]),"aria-label":r.label,role:"button"},[e.createElementVNode("div",{innerHTML:r.icon},null,8,x)],10,b)]))),128))]))}}),B={class:"container px-xs md:px-lg lg:px-xl"},E={class:"h-lg md:h-xl align-middle mb-xs"},V=["href","target"],T=["src","alt"],z={key:0,class:"mb-xs flex items-center justify-end md:justify-center"},M={class:"flex flex-wrap md:justify-between items-center md:items-start gap-6 md:gap-8"},I={class:"grid gap-2 justify-items-center basis-full md:basis-1/3"},A=["innerHTML"],H={class:"px-xs md:px-0"},N={class:"text-sm flex flex-col md:flex-row items-center sm:items-start sm:flex-row text-center sm:text-left gap-xs justify-between md:justify-around grow md:basis-1/2"},O={class:"flex flex-wrap md:flex-col justify-center items-center gap-2xs"},F=["href","target","onClick","innerHTML"],j={key:0,class:"flex flex-wrap md:flex-col justify-center items-center gap-2xs"},S=["href","target","onClick","innerHTML"],R=((m,s)=>{const c=m.__vccOpts||m;for(const[d,t]of s)c[d]=t;return c})(e.defineComponent({__name:"MclFooterA",props:{title:{},titleSize:{default:"md"},titleColor:{default:"light-1"},logo:{},logoAlt:{},logoAsLink:{type:Boolean,default:!1},logoLink:{},logoLinkTarget:{default:"_self"},displaySocialIcons:{type:Boolean,default:!0},socialIconColor:{default:"light-1"},socialLinks:{},menuItems:{},secondaryMenuItems:{},menuItemAsLink:{type:Boolean,default:!1},menuTextSize:{default:"md"},menuTextColor:{default:"light-1"},menuTextBold:{type:Boolean,default:!1},displayHighlight:{type:Boolean,default:!0},highlightColor:{default:"primary"},bgColor:{default:"dark-3"},borderTopColor:{default:"primary"},headlineColor:{default:"light-1"}},emits:["logo-click","menu-click"],setup(m,{emit:s}){const c=m;e.useSlots();const d=s,t=e.computed(()=>{const{bgColor:o,borderTopColor:i}=c;return[l("BGCOLOR",o),l("BORDER",i)].join(" ")}),f=e.computed(()=>{const{titleSize:o,titleColor:i}=c;return[l("H2",o),l("TEXTCOLOR",i)].join(" ")}),r=e.computed(()=>{const{menuTextSize:o,menuTextColor:i,menuTextBold:n}=c;return[l("BODYTEXT",o),l("TEXTCOLOR",i)].join(" ")}),h=o=>{const{logoAsLink:i,logoLink:n,logoLinkTarget:p}=c;!i&&o.preventDefault(),d("logo-click",o,n,p)},g=(o,i)=>{const{menuItemAsLink:n}=c;!n&&o.preventDefault(),d("menu-click",o,i)};return(o,i)=>(e.openBlock(),e.createElementBlock("footer",{class:e.normalizeClass(["border-t-2 py-6 sm:py-8 md:py-12",t.value])},[e.createElementVNode("div",B,[e.createElementVNode("div",{class:e.normalizeClass(["flex flex-col md:flex-row flex-wrap justify-between mb-xs md:mb-md px-xs md:px-md border-b-2",e.unref(l)("BORDER",o.headlineColor)])},[e.createElementVNode("div",E,[e.createElementVNode("a",{href:o.logoLink,target:o.logoLinkTarget,class:e.normalizeClass(["h-full inline-block outline-none focus:ring-2 ring-offset-2 ring-offset-transparent rounded-md transition-all duration-300 ease-linear",e.unref(l)("RINGCOLOR",o.titleColor)]),onClick:i[0]||(i[0]=n=>h(n))},[e.createElementVNode("img",{class:"inline-block h-full",src:o.logo,alt:o.logoAlt},null,8,T)],10,V)]),o.displaySocialIcons?(e.openBlock(),e.createElementBlock("div",z,[e.createVNode(_,{"social-links":o.socialLinks,"icon-color":o.socialIconColor},null,8,["social-links","icon-color"])])):e.createCommentVNode("",!0)],2),e.createElementVNode("div",M,[e.createElementVNode("div",I,[e.createElementVNode("h2",{class:e.normalizeClass(["inline-block align-middle tracking-wider",f.value]),innerHTML:o.title},null,10,A),e.createElementVNode("div",H,[e.renderSlot(o.$slots,"default",{},void 0,!0)])]),e.createElementVNode("nav",N,[e.createElementVNode("ul",O,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.menuItems,(n,p)=>(e.openBlock(),e.createElementBlock("li",{key:`first-nav-${p}`,class:"inline-block"},[e.createElementVNode("a",{href:n.url,target:n.target?n.target:"_self",class:e.normalizeClass(["tracking-wide outline-none nav__text",r.value]),onClick:k=>g(k,n),innerHTML:n.title},null,10,F),o.displayHighlight?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["relative top-3xs h-3xs nav__decorator",e.unref(l)("BEFOREBG",o.highlightColor)])},null,2)):e.createCommentVNode("",!0)]))),128))]),o.secondaryMenuItems?(e.openBlock(),e.createElementBlock("ul",j,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.secondaryMenuItems,(n,p)=>(e.openBlock(),e.createElementBlock("li",{key:`second-nav-${p}`,class:"inline-block"},[e.createElementVNode("a",{href:n.url,target:n.target?n.target:"_self",class:e.normalizeClass(["tracking-wide outline-none nav__text",r.value]),onClick:k=>g(k,n),innerHTML:n.title},null,10,S),o.displayHighlight?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["relative top-3xs h-3xs nav__decorator",e.unref(l)("BEFOREBG",o.highlightColor)])},null,2)):e.createCommentVNode("",!0)]))),128))])):e.createCommentVNode("",!0)])])])],2))}}),[["__scopeId","data-v-21dde3ea"]]);a.MclFooterA=R,Object.defineProperty(a,Symbol.toStringTag,{value:"Module"})});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bobbykim/mcl-footer",
-  "version": "0.7.0",
+  "version": "0.9.0",
   "description": "a footer components built based on Manguito theme",
   "type": "module",
   "files": [
@@ -33,17 +33,17 @@
   },
   "license": "MIT",
   "dependencies": {
-    "@bobbykim/manguito-theme": "0.22.1",
-    "vue": "^3.3.10"
+    "@bobbykim/manguito-theme": "0.23.0",
+    "vue": "^3.5.13"
   },
   "devDependencies": {
-    "@vitejs/plugin-vue": "^4.5.2",
-    "sass": "^1.69.5",
-    "typescript": "^5.3.3",
-    "vite": "^4.5.1",
-    "vite-plugin-css-injected-by-js": "^3.5.0",
-    "vite-plugin-dts": "^3.8.3",
-    "vue-tsc": "^1.8.25"
+    "@vitejs/plugin-vue": "^5.2.1",
+    "sass": "^1.82.0",
+    "typescript": "^5.7.2",
+    "vite": "^6.0.3",
+    "vite-plugin-css-injected-by-js": "^3.5.2",
+    "vite-plugin-dts": "^4.3.0",
+    "vue-tsc": "^2.1.10"
   },
-  "gitHead": "f4cfa987ef03b3b80bfc4cd22cb033a404a249b3"
+  "gitHead": "0c86a1a70a33446112dafbaf5fce5fdcb5fdf755"
 }