@bobbykim/mcl-footer 0.6.3 → 0.7.0

package/dist/mcl-footer.js

@@ -1,117 +1,114 @@
-(function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode('.nav__decorator[data-v-962994fc]:before{content:"";position:absolute;bottom:0;left:0;height:100%;width:0;transition:width .3s linear}.nav__text:focus+.nav__decorator[data-v-962994fc]:before,.nav__text:hover+.nav__decorator[data-v-962994fc]:before{width:100%}')),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}})();
-import { openBlock as l, createElementBlock as s, createElementVNode as o, defineComponent as T, ref as L, onMounted as $, Fragment as w, renderList as b, normalizeClass as d, createBlock as I, resolveDynamicComponent as B, markRaw as y, useSlots as M, unref as x, createVNode as z, createCommentVNode as k, toDisplayString as A, renderSlot as O } from "vue";
+(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 C = (i, c) => {
-  const u = i.__vccOpts || i;
-  for (const [_, p] of c)
-    u[_] = p;
-  return u;
-}, H = {}, R = {
-  xmlns: "http://www.w3.org/2000/svg",
-  viewBox: "0 0 448 512",
-  fill: "currentColor",
-  class: "h-md w-md",
-  role: "img"
-}, S = /* @__PURE__ */ o("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" }, null, -1), V = [
-  S
-];
-function j(i, c) {
-  return l(), s("svg", R, V);
-}
-const E = /* @__PURE__ */ C(H, [["render", j]]), D = {}, F = {
-  xmlns: "http://www.w3.org/2000/svg",
-  viewBox: "0 0 448 512",
-  fill: "currentColor",
-  class: "h-md w-md",
-  role: "img"
-}, G = /* @__PURE__ */ o("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" }, null, -1), Z = [
-  G
-];
-function N(i, c) {
-  return l(), s("svg", F, Z);
-}
-const X = /* @__PURE__ */ C(D, [["render", N]]), Y = {}, q = {
-  xmlns: "http://www.w3.org/2000/svg",
-  viewBox: "0 0 448 512",
-  fill: "currentColor",
-  class: "h-md w-md",
-  role: "img"
-}, J = /* @__PURE__ */ o("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" }, null, -1), K = [
-  J
-];
-function P(i, c) {
-  return l(), s("svg", q, K);
-}
-const Q = /* @__PURE__ */ C(Y, [["render", P]]), U = {}, W = {
-  xmlns: "http://www.w3.org/2000/svg",
-  viewBox: "0 0 448 512",
-  fill: "currentColor",
-  class: "h-md w-md",
-  role: "img"
-}, ee = /* @__PURE__ */ o("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-48zm-48.9 158.8c.2 2.8.2 5.7.2 8.5 0 86.7-66 186.6-186.6 186.6-37.2 0-71.7-10.8-100.7-29.4 5.3.6 10.4.8 15.8.8 30.7 0 58.9-10.4 81.4-28-28.8-.6-53-19.5-61.3-45.5 10.1 1.5 19.2 1.5 29.6-1.2-30-6.1-52.5-32.5-52.5-64.4v-.8c8.7 4.9 18.9 7.9 29.6 8.3a65.447 65.447 0 0 1-29.2-54.6c0-12.2 3.2-23.4 8.9-33.1 32.3 39.8 80.8 65.8 135.2 68.6-9.3-44.5 24-80.6 64-80.6 18.9 0 35.9 7.9 47.9 20.7 14.8-2.8 29-8.3 41.6-15.8-4.9 15.2-15.2 28-28.8 36.1 13.2-1.4 26-5.1 37.8-10.2-8.9 13.1-20.1 24.7-32.9 34z" }, null, -1), te = [
-  ee
-];
-function oe(i, c) {
-  return l(), s("svg", W, te);
-}
-const le = /* @__PURE__ */ C(U, [["render", oe]]), se = { class: "flex flex-wrap" }, ne = ["href", "aria-label"], re = /* @__PURE__ */ T({
+const M = `<svg
+  xmlns="http://www.w3.org/2000/svg"
+  viewBox="0 0 448 512"
+  fill="currentColor"
+  class="h-md w-md"
+  role="img"
+  aria-label="github social icon"
+>
+  <!--! Font Awesome Pro 6.2.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. -->
+  <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
+  xmlns="http://www.w3.org/2000/svg"
+  viewBox="0 0 448 512"
+  fill="currentColor"
+  class="h-md w-md"
+  role="img"
+  aria-label="instagram social icon"
+>
+  <!--! Font Awesome Pro 6.2.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. -->
+  <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
+  xmlns="http://www.w3.org/2000/svg"
+  viewBox="0 0 448 512"
+  fill="currentColor"
+  class="h-md w-md"
+  role="img"
+  aria-label="linkedin social icon"
+>
+  <!--! Font Awesome Pro 6.2.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. -->
+  <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
+  xmlns="http://www.w3.org/2000/svg"
+  viewBox="0 0 448 512"
+  fill="currentColor"
+  class="h-md w-md"
+  role="img"
+  aria-label="x/twitter social icon"
+>
+  <!-- !Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc. -->
+  <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({
   __name: "SocialIcons",
   props: {
     iconColor: { default: "light-1" },
     socialLinks: {}
   },
-  setup(i) {
-    const c = i, u = L([]), _ = () => {
-      const { linkedin: a, instagram: h, github: m, twitter: g } = c.socialLinks, e = [];
-      a && e.push({
-        url: a,
-        icon: y(Q),
+  setup(u) {
+    const i = u, c = C(() => {
+      var f, m, h, k;
+      const t = [];
+      return (f = i.socialLinks) != null && f.linkedin && t.push({
+        url: i.socialLinks.linkedin,
+        icon: z,
         label: "linkedin social icon"
-      }), m && e.push({
-        url: m,
-        icon: y(E),
+      }), (m = i.socialLinks) != null && m.github && t.push({
+        url: i.socialLinks.github,
+        icon: M,
         label: "github social icon"
-      }), h && e.push({
-        url: h,
-        icon: y(X),
+      }), (h = i.socialLinks) != null && h.instagram && t.push({
+        url: i.socialLinks.instagram,
+        icon: H,
         label: "instagram social icon"
-      }), g && e.push({
-        url: g,
-        icon: y(le),
-        label: "twitter social icon"
-      }), u.value = e;
-    }, p = (a) => [
-      r("TEXTCOLOR", a),
-      r("RINGCOLOR", a)
+      }), (k = i.socialLinks) != null && k.twitter && t.push({
+        url: i.socialLinks.twitter,
+        icon: B,
+        label: "x/twitter social icon"
+      }), t;
+    }), g = (t) => [
+      r("TEXTCOLOR", t),
+      r("RINGCOLOR", t)
     ].join(" ");
-    return $(() => {
-      _();
-    }), (a, h) => (l(), s("ul", se, [
-      (l(!0), s(w, null, b(u.value, (m, g) => (l(), s("li", {
-        key: g,
+    return (t, f) => (s(), l("ul", O, [
+      (s(!0), l(L, null, v(c.value, (m, h) => (s(), l("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", p(a.iconColor)]),
-          "aria-label": m.label
+          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)]),
+          "aria-label": m.label,
+          role: "button"
         }, [
-          (l(), I(B(m.icon)))
-        ], 10, ne)
+          o("div", {
+            innerHTML: m.icon
+          }, null, 8, V)
+        ], 10, F)
       ]))), 128))
     ]));
   }
-}), ie = { class: "container px-xs md:px-lg lg:px-xl" }, ce = { class: "h-lg md:h-xl align-middle mb-xs" }, ae = ["href", "target"], de = ["src", "alt"], ue = {
+}), 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"], $ = {
   key: 0,
   class: "mb-xs flex items-center justify-end md:justify-center"
-}, me = { class: "flex flex-wrap md:justify-between items-center md:items-start gap-6 md:gap-8" }, fe = { class: "grid gap-2 justify-items-center basis-full md:basis-1/3" }, he = ["innerHTML"], ge = {
+}, 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"
-}, _e = { class: "px-xs md:px-0" }, pe = { 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" }, ke = { class: "flex flex-wrap md:flex-col justify-center items-center gap-2xs" }, Ce = ["href", "target", "onClick", "innerHTML"], ye = {
+}, 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 = {
   key: 0,
   class: "flex flex-wrap md:flex-col justify-center items-center gap-2xs"
-}, xe = ["href", "target", "onClick", "innerHTML"], ve = /* @__PURE__ */ T({
+}, Q = ["href", "target", "onClick", "innerHTML"], U = /* @__PURE__ */ b({
   __name: "MclFooterA",
   props: {
     title: {},
@@ -120,7 +117,7 @@ const le = /* @__PURE__ */ C(U, [["render", oe]]), se = { class: "flex flex-wrap
     copyText: {},
     logo: {},
     logoAlt: {},
-    logoAsLink: { type: Boolean, default: !0 },
+    logoAsLink: { type: Boolean, default: !1 },
     logoLink: {},
     logoLinkTarget: { default: "_self" },
     displaySocialIcons: { type: Boolean, default: !0 },
@@ -128,7 +125,7 @@ const le = /* @__PURE__ */ C(U, [["render", oe]]), se = { class: "flex flex-wrap
     socialLinks: {},
     menuItems: {},
     secondaryMenuItems: {},
-    menuItemAsLink: { type: Boolean, default: !0 },
+    menuItemAsLink: { type: Boolean, default: !1 },
     menuTextSize: { default: "md" },
     menuTextColor: { default: "light-1" },
     menuTextBold: { type: Boolean, default: !1 },
@@ -139,116 +136,121 @@ const le = /* @__PURE__ */ C(U, [["render", oe]]), se = { class: "flex flex-wrap
     headlineColor: { default: "light-1" }
   },
   emits: ["logo-click", "menu-click"],
-  setup(i, { emit: c }) {
-    const u = i;
-    M();
-    const _ = c, p = (e, n) => [
-      r("BGCOLOR", e),
-      r("BORDER", n)
-    ].join(" "), a = (e, n) => [
-      r("H2", e),
-      r("TEXTCOLOR", n)
-    ].join(" "), h = (e, n, t) => {
-      const f = [
+  setup(u, { emit: i }) {
+    const c = u;
+    _();
+    const g = i, t = C(() => {
+      const { bgColor: e, borderTopColor: a } = c;
+      return [
+        r("BGCOLOR", e),
+        r("BORDER", a)
+      ].join(" ");
+    }), f = C(() => {
+      const { titleSize: e, titleColor: a } = c;
+      return [
+        r("H2", e),
+        r("TEXTCOLOR", a)
+      ].join(" ");
+    }), m = C(() => {
+      const { menuTextSize: e, menuTextColor: a, menuTextBold: n } = c;
+      return [
         r("BODYTEXT", e),
-        r("TEXTCOLOR", n)
-      ];
-      return t && f.push("font-bold"), f.join(" ");
-    }, m = (e) => {
-      const { logoAsLink: n, logoLink: t, logoLinkTarget: f } = u;
-      !n && e.preventDefault(), _("logo-click", e, t, f);
-    }, g = (e, n) => {
-      const { menuItemAsLink: t } = u;
-      !t && e.preventDefault(), _("menu-click", e, n);
+        r("TEXTCOLOR", a)
+      ].join(" ");
+    }), h = (e) => {
+      const { logoAsLink: a, logoLink: n, logoLinkTarget: p } = c;
+      !a && e.preventDefault(), g("logo-click", e, n, p);
+    }, k = (e, a) => {
+      const { menuItemAsLink: n } = c;
+      !n && e.preventDefault(), g("menu-click", e, a);
     };
-    return (e, n) => (l(), s("footer", {
-      class: d(["border-t-2 py-6 sm:py-8 md:py-12", p(e.bgColor, e.borderTopColor)])
+    return (e, a) => (s(), l("footer", {
+      class: d(["border-t-2 py-6 sm:py-8 md:py-12", t.value])
     }, [
-      o("div", ie, [
+      o("div", S, [
         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", x(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", y(r)("BORDER", e.headlineColor)])
         }, [
-          o("div", ce, [
+          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", x(r)("RINGCOLOR", e.titleColor)]),
-              onClick: n[0] || (n[0] = (t) => m(t))
+              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))
             }, [
               o("img", {
                 class: "inline-block h-full",
                 src: e.logo,
                 alt: e.logoAlt
-              }, null, 8, de)
-            ], 10, ae)
+              }, null, 8, D)
+            ], 10, E)
           ]),
-          e.displaySocialIcons ? (l(), s("div", ue, [
-            z(re, {
+          e.displaySocialIcons ? (s(), l("div", $, [
+            T(R, {
               "social-links": e.socialLinks,
               "icon-color": e.socialIconColor
             }, null, 8, ["social-links", "icon-color"])
-          ])) : k("", !0)
+          ])) : w("", !0)
         ], 2),
-        o("div", me, [
-          o("div", fe, [
+        o("div", G, [
+          o("div", Z, [
             o("h2", {
-              class: d(["inline-block align-middle tracking-wider", a(e.titleSize, e.titleColor)]),
+              class: d(["inline-block align-middle tracking-wider", f.value]),
               innerHTML: e.title
-            }, null, 10, he),
-            e.copyText ? (l(), s("small", ge, " © " + A(e.copyText + " " + (/* @__PURE__ */ new Date()).getFullYear()), 1)) : k("", !0),
-            o("div", _e, [
-              O(e.$slots, "default", {}, void 0, !0)
+            }, 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)
             ])
           ]),
-          o("nav", pe, [
-            o("ul", ke, [
-              (l(!0), s(w, null, b(e.menuItems, (t, f) => (l(), s("li", {
-                key: `first-nav-${f}`,
+          o("nav", Y, [
+            o("ul", q, [
+              (s(!0), l(L, null, v(e.menuItems, (n, p) => (s(), l("li", {
+                key: `first-nav-${p}`,
                 class: "inline-block"
               }, [
                 o("a", {
-                  href: t.url,
-                  target: t.target ? t.target : "_self",
-                  class: d([
-                    "tracking-wide outline-none nav__text",
-                    h(e.menuTextSize, e.menuTextColor, e.menuTextBold)
-                  ]),
-                  onClick: (v) => g(v, t),
-                  innerHTML: t.title
-                }, null, 10, Ce),
-                e.displayHighlight ? (l(), s("div", {
+                  href: n.url,
+                  target: n.target ? n.target : "_self",
+                  class: d(["tracking-wide outline-none nav__text", m.value]),
+                  onClick: (x) => k(x, n),
+                  innerHTML: n.title
+                }, null, 10, J),
+                e.displayHighlight ? (s(), l("div", {
                   key: 0,
-                  class: d(["relative top-3xs h-3xs nav__decorator", x(r)("BEFOREBG", e.highlightColor)])
-                }, null, 2)) : k("", !0)
+                  class: d(["relative top-3xs h-3xs nav__decorator", y(r)("BEFOREBG", e.highlightColor)])
+                }, null, 2)) : w("", !0)
               ]))), 128))
             ]),
-            e.secondaryMenuItems ? (l(), s("ul", ye, [
-              (l(!0), s(w, null, b(e.secondaryMenuItems, (t, f) => (l(), s("li", {
-                key: `second-nav-${f}`,
+            e.secondaryMenuItems ? (s(), l("ul", K, [
+              (s(!0), l(L, null, v(e.secondaryMenuItems, (n, p) => (s(), l("li", {
+                key: `second-nav-${p}`,
                 class: "inline-block"
               }, [
                 o("a", {
-                  href: t.url,
-                  target: t.target ? t.target : "_self",
-                  class: d([
-                    "tracking-wide outline-none nav__text",
-                    h(e.menuTextSize, e.menuTextColor, e.menuTextBold)
-                  ]),
-                  onClick: (v) => g(v, t),
-                  innerHTML: t.title
-                }, null, 10, xe),
-                e.displayHighlight ? (l(), s("div", {
+                  href: n.url,
+                  target: n.target ? n.target : "_self",
+                  class: d(["tracking-wide outline-none nav__text", m.value]),
+                  onClick: (x) => k(x, n),
+                  innerHTML: n.title
+                }, null, 10, Q),
+                e.displayHighlight ? (s(), l("div", {
                   key: 0,
-                  class: d(["relative top-3xs h-3xs nav__decorator", x(r)("BEFOREBG", e.highlightColor)])
-                }, null, 2)) : k("", !0)
+                  class: d(["relative top-3xs h-3xs nav__decorator", y(r)("BEFOREBG", e.highlightColor)])
+                }, null, 2)) : w("", !0)
               ]))), 128))
-            ])) : k("", !0)
+            ])) : w("", !0)
           ])
         ])
       ])
     ], 2));
   }
-}), Te = /* @__PURE__ */ C(ve, [["__scopeId", "data-v-962994fc"]]);
+}), W = (u, i) => {
+  const c = u.__vccOpts || u;
+  for (const [g, t] of i)
+    c[g] = t;
+  return c;
+}, oe = /* @__PURE__ */ W(U, [["__scopeId", "data-v-5578cce0"]]);
 export {
-  Te as MclFooterA
+  oe as MclFooterA
 };

package/dist/mcl-footer.umd.cjs

@@ -1,2 +1,50 @@
-(function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode('.nav__decorator[data-v-962994fc]:before{content:"";position:absolute;bottom:0;left:0;height:100%;width:0;transition:width .3s linear}.nav__text:focus+.nav__decorator[data-v-962994fc]:before,.nav__text:hover+.nav__decorator[data-v-962994fc]:before{width:100%}')),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}})();
-(function(i,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):(i=typeof globalThis<"u"?globalThis:i||self,e(i.MclFooter={},i.Vue,i.ManguitoTheme))})(this,function(i,e,l){"use strict";const g=(s,r)=>{const a=s.__vccOpts||s;for(const[p,k]of r)a[p]=k;return a},u={},B={xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 448 512",fill:"currentColor",class:"h-md w-md",role:"img"},y=[e.createElementVNode("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"},null,-1)];function C(s,r){return e.openBlock(),e.createElementBlock("svg",B,y)}const w=g(u,[["render",C]]),x={},E={xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 448 512",fill:"currentColor",class:"h-md w-md",role:"img"},b=[e.createElementVNode("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"},null,-1)];function T(s,r){return e.openBlock(),e.createElementBlock("svg",E,b)}const V=g(x,[["render",T]]),L={},z={xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 448 512",fill:"currentColor",class:"h-md w-md",role:"img"},$=[e.createElementVNode("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"},null,-1)];function M(s,r){return e.openBlock(),e.createElementBlock("svg",z,$)}const N=g(L,[["render",M]]),I={},A={xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 448 512",fill:"currentColor",class:"h-md w-md",role:"img"},O=[e.createElementVNode("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-48zm-48.9 158.8c.2 2.8.2 5.7.2 8.5 0 86.7-66 186.6-186.6 186.6-37.2 0-71.7-10.8-100.7-29.4 5.3.6 10.4.8 15.8.8 30.7 0 58.9-10.4 81.4-28-28.8-.6-53-19.5-61.3-45.5 10.1 1.5 19.2 1.5 29.6-1.2-30-6.1-52.5-32.5-52.5-64.4v-.8c8.7 4.9 18.9 7.9 29.6 8.3a65.447 65.447 0 0 1-29.2-54.6c0-12.2 3.2-23.4 8.9-33.1 32.3 39.8 80.8 65.8 135.2 68.6-9.3-44.5 24-80.6 64-80.6 18.9 0 35.9 7.9 47.9 20.7 14.8-2.8 29-8.3 41.6-15.8-4.9 15.2-15.2 28-28.8 36.1 13.2-1.4 26-5.1 37.8-10.2-8.9 13.1-20.1 24.7-32.9 34z"},null,-1)];function R(s,r){return e.openBlock(),e.createElementBlock("svg",A,O)}const H=g(I,[["render",R]]),S={class:"flex flex-wrap"},j=["href","aria-label"],F=e.defineComponent({__name:"SocialIcons",props:{iconColor:{default:"light-1"},socialLinks:{}},setup(s){const r=s,a=e.ref([]),p=()=>{const{linkedin:c,instagram:f,github:d,twitter:h}=r.socialLinks,o=[];c&&o.push({url:c,icon:e.markRaw(N),label:"linkedin social icon"}),d&&o.push({url:d,icon:e.markRaw(w),label:"github social icon"}),f&&o.push({url:f,icon:e.markRaw(V),label:"instagram social icon"}),h&&o.push({url:h,icon:e.markRaw(H),label:"twitter social icon"}),a.value=o},k=c=>[l("TEXTCOLOR",c),l("RINGCOLOR",c)].join(" ");return e.onMounted(()=>{p()}),(c,f)=>(e.openBlock(),e.createElementBlock("ul",S,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.value,(d,h)=>(e.openBlock(),e.createElementBlock("li",{key:h,class:"mr-xs last:mr-0"},[e.createElementVNode("a",{href:d.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",k(c.iconColor)]),"aria-label":d.label},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(d.icon)))],10,j)]))),128))]))}}),D={class:"container px-xs md:px-lg lg:px-xl"},G={class:"h-lg md:h-xl align-middle mb-xs"},Z=["href","target"],X=["src","alt"],q={key:0,class:"mb-xs flex items-center justify-end md:justify-center"},Y={class:"flex flex-wrap md:justify-between items-center md:items-start gap-6 md:gap-8"},P={class:"grid gap-2 justify-items-center basis-full md:basis-1/3"},J=["innerHTML"],K={key:0,class:"text-xs text-white align-middle mb-2"},Q={class:"px-xs md:px-0"},U={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"},W={class:"flex flex-wrap md:flex-col justify-center items-center gap-2xs"},v=["href","target","onClick","innerHTML"],ee={key:0,class:"flex flex-wrap md:flex-col justify-center items-center gap-2xs"},oe=["href","target","onClick","innerHTML"],te=g(e.defineComponent({__name:"MclFooterA",props:{title:{},titleSize:{default:"md"},titleColor:{default:"light-1"},copyText:{},logo:{},logoAlt:{},logoAsLink:{type:Boolean,default:!0},logoLink:{},logoLinkTarget:{default:"_self"},displaySocialIcons:{type:Boolean,default:!0},socialIconColor:{default:"light-1"},socialLinks:{},menuItems:{},secondaryMenuItems:{},menuItemAsLink:{type:Boolean,default:!0},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(s,{emit:r}){const a=s;e.useSlots();const p=r,k=(o,n)=>[l("BGCOLOR",o),l("BORDER",n)].join(" "),c=(o,n)=>[l("H2",o),l("TEXTCOLOR",n)].join(" "),f=(o,n,t)=>{const m=[l("BODYTEXT",o),l("TEXTCOLOR",n)];return t&&m.push("font-bold"),m.join(" ")},d=o=>{const{logoAsLink:n,logoLink:t,logoLinkTarget:m}=a;!n&&o.preventDefault(),p("logo-click",o,t,m)},h=(o,n)=>{const{menuItemAsLink:t}=a;!t&&o.preventDefault(),p("menu-click",o,n)};return(o,n)=>(e.openBlock(),e.createElementBlock("footer",{class:e.normalizeClass(["border-t-2 py-6 sm:py-8 md:py-12",k(o.bgColor,o.borderTopColor)])},[e.createElementVNode("div",D,[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",G,[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:n[0]||(n[0]=t=>d(t))},[e.createElementVNode("img",{class:"inline-block h-full",src:o.logo,alt:o.logoAlt},null,8,X)],10,Z)]),o.displaySocialIcons?(e.openBlock(),e.createElementBlock("div",q,[e.createVNode(F,{"social-links":o.socialLinks,"icon-color":o.socialIconColor},null,8,["social-links","icon-color"])])):e.createCommentVNode("",!0)],2),e.createElementVNode("div",Y,[e.createElementVNode("div",P,[e.createElementVNode("h2",{class:e.normalizeClass(["inline-block align-middle tracking-wider",c(o.titleSize,o.titleColor)]),innerHTML:o.title},null,10,J),o.copyText?(e.openBlock(),e.createElementBlock("small",K," © "+e.toDisplayString(o.copyText+" "+new Date().getFullYear()),1)):e.createCommentVNode("",!0),e.createElementVNode("div",Q,[e.renderSlot(o.$slots,"default",{},void 0,!0)])]),e.createElementVNode("nav",U,[e.createElementVNode("ul",W,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.menuItems,(t,m)=>(e.openBlock(),e.createElementBlock("li",{key:`first-nav-${m}`,class:"inline-block"},[e.createElementVNode("a",{href:t.url,target:t.target?t.target:"_self",class:e.normalizeClass(["tracking-wide outline-none nav__text",f(o.menuTextSize,o.menuTextColor,o.menuTextBold)]),onClick:_=>h(_,t),innerHTML:t.title},null,10,v),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",ee,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.secondaryMenuItems,(t,m)=>(e.openBlock(),e.createElementBlock("li",{key:`second-nav-${m}`,class:"inline-block"},[e.createElementVNode("a",{href:t.url,target:t.target?t.target:"_self",class:e.normalizeClass(["tracking-wide outline-none nav__text",f(o.menuTextSize,o.menuTextColor,o.menuTextBold)]),onClick:_=>h(_,t),innerHTML:t.title},null,10,oe),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-962994fc"]]);i.MclFooterA=te,Object.defineProperty(i,Symbol.toStringTag,{value:"Module"})});
+(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(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"
+  fill="currentColor"
+  class="h-md w-md"
+  role="img"
+  aria-label="github social icon"
+>
+  <!--! Font Awesome Pro 6.2.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. -->
+  <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
+  xmlns="http://www.w3.org/2000/svg"
+  viewBox="0 0 448 512"
+  fill="currentColor"
+  class="h-md w-md"
+  role="img"
+  aria-label="instagram social icon"
+>
+  <!--! Font Awesome Pro 6.2.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. -->
+  <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
+  xmlns="http://www.w3.org/2000/svg"
+  viewBox="0 0 448 512"
+  fill="currentColor"
+  class="h-md w-md"
+  role="img"
+  aria-label="linkedin social icon"
+>
+  <!--! Font Awesome Pro 6.2.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. -->
+  <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>`,C=`<svg
+  xmlns="http://www.w3.org/2000/svg"
+  viewBox="0 0 448 512"
+  fill="currentColor"
+  class="h-md w-md"
+  role="img"
+  aria-label="x/twitter social icon"
+>
+  <!-- !Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc. -->
+  <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"})});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bobbykim/mcl-footer",
-  "version": "0.6.3",
+  "version": "0.7.0",
   "description": "a footer components built based on Manguito theme",
   "type": "module",
   "files": [
@@ -33,7 +33,7 @@
   },
   "license": "MIT",
   "dependencies": {
-    "@bobbykim/manguito-theme": "0.22.0",
+    "@bobbykim/manguito-theme": "0.22.1",
     "vue": "^3.3.10"
   },
   "devDependencies": {
@@ -45,5 +45,5 @@
     "vite-plugin-dts": "^3.8.3",
     "vue-tsc": "^1.8.25"
   },
-  "gitHead": "611995a0ec341a9fb5289ab695114ea7b1ac949e"
+  "gitHead": "f4cfa987ef03b3b80bfc4cd22cb033a404a249b3"
 }