@bobbykim/mcl-footer 0.10.4 → 0.10.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/mcl-footer.js +47 -49
- package/dist/mcl-footer.umd.cjs +2 -2
- package/package.json +5 -2
package/dist/mcl-footer.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
(function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode('.nav__decorator[data-v-
|
|
2
|
-
import { defineComponent as p, computed as w, openBlock as r, createElementBlock as c, Fragment as v, renderList as y, createElementVNode as n, normalizeClass as d,
|
|
1
|
+
(function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode('.nav__decorator[data-v-8870e783]:before{content:"";position:absolute;bottom:0;left:0;height:100%;width:0;transition:width .3s linear}.nav__text:focus+.nav__decorator[data-v-8870e783]:before,.nav__text:hover+.nav__decorator[data-v-8870e783]:before{width:100%}')),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}})();
|
|
2
|
+
import { defineComponent as p, computed as w, openBlock as r, createElementBlock as c, Fragment as v, renderList as y, createElementVNode as n, normalizeClass as d, unref as h, createVNode as V, createCommentVNode as x, renderSlot as I } from "vue";
|
|
3
3
|
import { generateClass as a } from "@bobbykim/manguito-theme";
|
|
4
4
|
const _ = `<svg
|
|
5
5
|
xmlns="http://www.w3.org/2000/svg"
|
|
@@ -13,7 +13,7 @@ const _ = `<svg
|
|
|
13
13
|
<path
|
|
14
14
|
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"
|
|
15
15
|
/>
|
|
16
|
-
</svg>`,
|
|
16
|
+
</svg>`, A = `<svg
|
|
17
17
|
xmlns="http://www.w3.org/2000/svg"
|
|
18
18
|
viewBox="0 0 448 512"
|
|
19
19
|
fill="currentColor"
|
|
@@ -25,7 +25,7 @@ const _ = `<svg
|
|
|
25
25
|
<path
|
|
26
26
|
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"
|
|
27
27
|
/>
|
|
28
|
-
</svg>`,
|
|
28
|
+
</svg>`, M = `<svg
|
|
29
29
|
xmlns="http://www.w3.org/2000/svg"
|
|
30
30
|
viewBox="0 0 448 512"
|
|
31
31
|
fill="currentColor"
|
|
@@ -37,7 +37,7 @@ const _ = `<svg
|
|
|
37
37
|
<path
|
|
38
38
|
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"
|
|
39
39
|
/>
|
|
40
|
-
</svg>`,
|
|
40
|
+
</svg>`, z = `<svg
|
|
41
41
|
xmlns="http://www.w3.org/2000/svg"
|
|
42
42
|
viewBox="0 0 448 512"
|
|
43
43
|
fill="currentColor"
|
|
@@ -49,7 +49,7 @@ const _ = `<svg
|
|
|
49
49
|
<path
|
|
50
50
|
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"
|
|
51
51
|
/>
|
|
52
|
-
</svg>`,
|
|
52
|
+
</svg>`, H = { class: "flex flex-wrap" }, T = ["href", "aria-label"], B = ["innerHTML"], j = /* @__PURE__ */ p({
|
|
53
53
|
__name: "SocialIcons",
|
|
54
54
|
props: {
|
|
55
55
|
iconColor: { default: "light-1" },
|
|
@@ -60,7 +60,7 @@ const _ = `<svg
|
|
|
60
60
|
const t = [];
|
|
61
61
|
return s.socialLinks?.linkedin && t.push({
|
|
62
62
|
url: s.socialLinks.linkedin,
|
|
63
|
-
icon:
|
|
63
|
+
icon: M,
|
|
64
64
|
label: "linkedin social icon"
|
|
65
65
|
}), s.socialLinks?.github && t.push({
|
|
66
66
|
url: s.socialLinks.github,
|
|
@@ -68,18 +68,18 @@ const _ = `<svg
|
|
|
68
68
|
label: "github social icon"
|
|
69
69
|
}), s.socialLinks?.instagram && t.push({
|
|
70
70
|
url: s.socialLinks.instagram,
|
|
71
|
-
icon:
|
|
71
|
+
icon: A,
|
|
72
72
|
label: "instagram social icon"
|
|
73
73
|
}), s.socialLinks?.twitter && t.push({
|
|
74
74
|
url: s.socialLinks.twitter,
|
|
75
|
-
icon:
|
|
75
|
+
icon: z,
|
|
76
76
|
label: "x/twitter social icon"
|
|
77
77
|
}), t;
|
|
78
|
-
}),
|
|
78
|
+
}), f = (t) => [
|
|
79
79
|
a.textColorVariant({ color: t }),
|
|
80
80
|
a.ringColorVariant({ color: t })
|
|
81
81
|
].join(" ");
|
|
82
|
-
return (t, k) => (r(), c("ul",
|
|
82
|
+
return (t, k) => (r(), c("ul", H, [
|
|
83
83
|
(r(!0), c(v, null, y(m.value, (g, C) => (r(), c("li", {
|
|
84
84
|
key: C,
|
|
85
85
|
class: "mr-xs last:mr-0"
|
|
@@ -87,24 +87,24 @@ const _ = `<svg
|
|
|
87
87
|
n("a", {
|
|
88
88
|
href: g.url,
|
|
89
89
|
target: "_blank",
|
|
90
|
-
class: d(["inline-block rounded-md ring-offset-2 ring-offset-transparent transition-all duration-300 ease-linear outline-none hover:opacity-70 hover:ring-2 focus:ring-2",
|
|
90
|
+
class: d(["inline-block rounded-md ring-offset-2 ring-offset-transparent transition-all duration-300 ease-linear outline-none hover:opacity-70 hover:ring-2 focus:ring-2", f(e.iconColor)]),
|
|
91
91
|
"aria-label": g.label,
|
|
92
92
|
role: "button"
|
|
93
93
|
}, [
|
|
94
94
|
n("div", {
|
|
95
95
|
innerHTML: g.icon
|
|
96
|
-
}, null, 8,
|
|
97
|
-
], 10,
|
|
96
|
+
}, null, 8, B)
|
|
97
|
+
], 10, T)
|
|
98
98
|
]))), 128))
|
|
99
99
|
]));
|
|
100
100
|
}
|
|
101
|
-
}), F = { class: "container px-xs md:px-lg lg:px-xl" },
|
|
101
|
+
}), F = { class: "container px-xs md:px-lg lg:px-xl" }, S = { class: "mb-xs h-lg align-middle md:h-xl" }, $ = ["href", "target"], Z = ["src", "alt"], N = {
|
|
102
102
|
key: 0,
|
|
103
103
|
class: "mb-xs flex items-center justify-end md:justify-center"
|
|
104
|
-
},
|
|
104
|
+
}, P = { class: "flex flex-wrap items-center gap-6 md:items-start md:justify-between md:gap-8" }, D = { class: "grid basis-full justify-items-center gap-2 md:basis-1/3" }, E = ["innerHTML"], G = { class: "px-xs md:px-0" }, O = { class: "flex grow flex-col items-center justify-between gap-xs text-center text-sm sm:flex-row sm:items-start sm:text-left md:basis-1/2 md:flex-row md:justify-around" }, X = { class: "flex flex-wrap items-center justify-center gap-2xs md:flex-col" }, q = ["href", "target", "onClick", "innerHTML"], J = {
|
|
105
105
|
key: 0,
|
|
106
106
|
class: "flex flex-wrap items-center justify-center gap-2xs md:flex-col"
|
|
107
|
-
},
|
|
107
|
+
}, K = ["href", "target", "onClick", "innerHTML"], Q = /* @__PURE__ */ p({
|
|
108
108
|
__name: "MclFooterA",
|
|
109
109
|
props: {
|
|
110
110
|
title: {},
|
|
@@ -132,9 +132,7 @@ const _ = `<svg
|
|
|
132
132
|
},
|
|
133
133
|
emits: ["logo-click", "menu-click"],
|
|
134
134
|
setup(e, { emit: s }) {
|
|
135
|
-
const m = e
|
|
136
|
-
V();
|
|
137
|
-
const u = s, t = w(() => {
|
|
135
|
+
const m = e, f = s, t = w(() => {
|
|
138
136
|
const { bgColor: l, borderTopColor: i } = m;
|
|
139
137
|
return [
|
|
140
138
|
a.bgColorVariant({ color: l }),
|
|
@@ -147,17 +145,17 @@ const _ = `<svg
|
|
|
147
145
|
a.textColorVariant({ color: i })
|
|
148
146
|
].join(" ");
|
|
149
147
|
}), g = w(() => {
|
|
150
|
-
const { menuTextSize: l, menuTextColor: i, menuTextBold: o } = m
|
|
151
|
-
return [
|
|
148
|
+
const { menuTextSize: l, menuTextColor: i, menuTextBold: o } = m, u = [
|
|
152
149
|
a.bodyTextVariant({ size: l }),
|
|
153
150
|
a.textColorVariant({ color: i })
|
|
154
|
-
]
|
|
151
|
+
];
|
|
152
|
+
return o && u.push("font-bold"), u.join(" ");
|
|
155
153
|
}), C = (l) => {
|
|
156
|
-
const { logoAsLink: i, logoLink: o, logoLinkTarget:
|
|
157
|
-
|
|
154
|
+
const { logoAsLink: i, logoLink: o, logoLinkTarget: u } = m;
|
|
155
|
+
i || l.preventDefault(), f("logo-click", l, o, u);
|
|
158
156
|
}, L = (l, i) => {
|
|
159
157
|
const { menuItemAsLink: o } = m;
|
|
160
|
-
|
|
158
|
+
o || l.preventDefault(), f("menu-click", l, i);
|
|
161
159
|
};
|
|
162
160
|
return (l, i) => (r(), c("footer", {
|
|
163
161
|
class: d(["border-t-2 py-6 sm:py-8 md:py-12", t.value])
|
|
@@ -166,7 +164,7 @@ const _ = `<svg
|
|
|
166
164
|
n("div", {
|
|
167
165
|
class: d(["mb-xs flex flex-col flex-wrap justify-between border-b-2 px-xs md:mb-md md:flex-row md:px-md", h(a).borderColorVariant({ color: e.headlineColor })])
|
|
168
166
|
}, [
|
|
169
|
-
n("div",
|
|
167
|
+
n("div", S, [
|
|
170
168
|
n("a", {
|
|
171
169
|
href: e.logoLink,
|
|
172
170
|
target: e.logoLinkTarget,
|
|
@@ -177,30 +175,30 @@ const _ = `<svg
|
|
|
177
175
|
class: "inline-block h-full",
|
|
178
176
|
src: e.logo,
|
|
179
177
|
alt: e.logoAlt
|
|
180
|
-
}, null, 8,
|
|
181
|
-
], 10,
|
|
178
|
+
}, null, 8, Z)
|
|
179
|
+
], 10, $)
|
|
182
180
|
]),
|
|
183
|
-
e.showSocialIcons ? (r(), c("div",
|
|
184
|
-
|
|
181
|
+
e.showSocialIcons ? (r(), c("div", N, [
|
|
182
|
+
V(j, {
|
|
185
183
|
"social-links": e.socialLinks,
|
|
186
184
|
"icon-color": e.socialIconColor
|
|
187
185
|
}, null, 8, ["social-links", "icon-color"])
|
|
188
186
|
])) : x("", !0)
|
|
189
187
|
], 2),
|
|
190
|
-
n("div",
|
|
191
|
-
n("div",
|
|
188
|
+
n("div", P, [
|
|
189
|
+
n("div", D, [
|
|
192
190
|
n("h2", {
|
|
193
191
|
class: d(["inline-block align-middle tracking-wider", k.value]),
|
|
194
192
|
innerHTML: e.title
|
|
195
|
-
}, null, 10,
|
|
196
|
-
n("div",
|
|
193
|
+
}, null, 10, E),
|
|
194
|
+
n("div", G, [
|
|
197
195
|
I(l.$slots, "default", {}, void 0, !0)
|
|
198
196
|
])
|
|
199
197
|
]),
|
|
200
|
-
n("nav",
|
|
201
|
-
n("ul",
|
|
202
|
-
(r(!0), c(v, null, y(e.menuItems, (o,
|
|
203
|
-
key: `first-nav-${
|
|
198
|
+
n("nav", O, [
|
|
199
|
+
n("ul", X, [
|
|
200
|
+
(r(!0), c(v, null, y(e.menuItems, (o, u) => (r(), c("li", {
|
|
201
|
+
key: `first-nav-${u}`,
|
|
204
202
|
class: "inline-block"
|
|
205
203
|
}, [
|
|
206
204
|
n("a", {
|
|
@@ -209,7 +207,7 @@ const _ = `<svg
|
|
|
209
207
|
class: d(["nav__text tracking-wide outline-none", g.value]),
|
|
210
208
|
onClick: (b) => L(b, o),
|
|
211
209
|
innerHTML: o.title
|
|
212
|
-
}, null, 10,
|
|
210
|
+
}, null, 10, q),
|
|
213
211
|
e.showHighlight ? (r(), c("div", {
|
|
214
212
|
key: 0,
|
|
215
213
|
class: d([
|
|
@@ -219,9 +217,9 @@ const _ = `<svg
|
|
|
219
217
|
}, null, 2)) : x("", !0)
|
|
220
218
|
]))), 128))
|
|
221
219
|
]),
|
|
222
|
-
e.secondaryMenuItems ? (r(), c("ul",
|
|
223
|
-
(r(!0), c(v, null, y(e.secondaryMenuItems, (o,
|
|
224
|
-
key: `second-nav-${
|
|
220
|
+
e.secondaryMenuItems ? (r(), c("ul", J, [
|
|
221
|
+
(r(!0), c(v, null, y(e.secondaryMenuItems, (o, u) => (r(), c("li", {
|
|
222
|
+
key: `second-nav-${u}`,
|
|
225
223
|
class: "inline-block"
|
|
226
224
|
}, [
|
|
227
225
|
n("a", {
|
|
@@ -230,7 +228,7 @@ const _ = `<svg
|
|
|
230
228
|
class: d(["nav__text tracking-wide outline-none", g.value]),
|
|
231
229
|
onClick: (b) => L(b, o),
|
|
232
230
|
innerHTML: o.title
|
|
233
|
-
}, null, 10,
|
|
231
|
+
}, null, 10, K),
|
|
234
232
|
e.showHighlight ? (r(), c("div", {
|
|
235
233
|
key: 0,
|
|
236
234
|
class: d([
|
|
@@ -245,12 +243,12 @@ const _ = `<svg
|
|
|
245
243
|
])
|
|
246
244
|
], 2));
|
|
247
245
|
}
|
|
248
|
-
}),
|
|
246
|
+
}), R = (e, s) => {
|
|
249
247
|
const m = e.__vccOpts || e;
|
|
250
|
-
for (const [
|
|
251
|
-
m[
|
|
248
|
+
for (const [f, t] of s)
|
|
249
|
+
m[f] = t;
|
|
252
250
|
return m;
|
|
253
|
-
},
|
|
251
|
+
}, Y = /* @__PURE__ */ R(Q, [["__scopeId", "data-v-8870e783"]]);
|
|
254
252
|
export {
|
|
255
|
-
|
|
253
|
+
Y as MclFooterA
|
|
256
254
|
};
|
package/dist/mcl-footer.umd.cjs
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
(function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode('.nav__decorator[data-v-
|
|
1
|
+
(function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode('.nav__decorator[data-v-8870e783]:before{content:"";position:absolute;bottom:0;left:0;height:100%;width:0;transition:width .3s linear}.nav__text:focus+.nav__decorator[data-v-8870e783]:before,.nav__text:hover+.nav__decorator[data-v-8870e783]:before{width:100%}')),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}})();
|
|
2
2
|
(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,s){"use strict";const x=`<svg
|
|
3
3
|
xmlns="http://www.w3.org/2000/svg"
|
|
4
4
|
viewBox="0 0 448 512"
|
|
@@ -47,4 +47,4 @@
|
|
|
47
47
|
<path
|
|
48
48
|
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"
|
|
49
49
|
/>
|
|
50
|
-
</svg>`,b={class:"flex flex-wrap"},y=["href","aria-label"],L=["innerHTML"],V=e.defineComponent({__name:"SocialIcons",props:{iconColor:{default:"light-1"},socialLinks:{}},setup(o){const a=o,c=e.computed(()=>{const n=[];return a.socialLinks?.linkedin&&n.push({url:a.socialLinks.linkedin,icon:p,label:"linkedin social icon"}),a.socialLinks?.github&&n.push({url:a.socialLinks.github,icon:x,label:"github social icon"}),a.socialLinks?.instagram&&n.push({url:a.socialLinks.instagram,icon:u,label:"instagram social icon"}),a.socialLinks?.twitter&&n.push({url:a.socialLinks.twitter,icon:w,label:"x/twitter social icon"}),n}),
|
|
50
|
+
</svg>`,b={class:"flex flex-wrap"},y=["href","aria-label"],L=["innerHTML"],V=e.defineComponent({__name:"SocialIcons",props:{iconColor:{default:"light-1"},socialLinks:{}},setup(o){const a=o,c=e.computed(()=>{const n=[];return a.socialLinks?.linkedin&&n.push({url:a.socialLinks.linkedin,icon:p,label:"linkedin social icon"}),a.socialLinks?.github&&n.push({url:a.socialLinks.github,icon:x,label:"github social icon"}),a.socialLinks?.instagram&&n.push({url:a.socialLinks.instagram,icon:u,label:"instagram social icon"}),a.socialLinks?.twitter&&n.push({url:a.socialLinks.twitter,icon:w,label:"x/twitter social icon"}),n}),d=n=>[s.generateClass.textColorVariant({color:n}),s.generateClass.ringColorVariant({color:n})].join(" ");return(n,g)=>(e.openBlock(),e.createElementBlock("ul",b,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(c.value,(f,h)=>(e.openBlock(),e.createElementBlock("li",{key:h,class:"mr-xs last:mr-0"},[e.createElementVNode("a",{href:f.url,target:"_blank",class:e.normalizeClass(["inline-block rounded-md ring-offset-2 ring-offset-transparent transition-all duration-300 ease-linear outline-none hover:opacity-70 hover:ring-2 focus:ring-2",d(o.iconColor)]),"aria-label":f.label,role:"button"},[e.createElementVNode("div",{innerHTML:f.icon},null,8,L)],10,y)]))),128))]))}}),B={class:"container px-xs md:px-lg lg:px-xl"},z={class:"mb-xs h-lg align-middle md:h-xl"},_=["href","target"],M=["src","alt"],E={key:0,class:"mb-xs flex items-center justify-end md:justify-center"},A={class:"flex flex-wrap items-center gap-6 md:items-start md:justify-between md:gap-8"},I={class:"grid basis-full justify-items-center gap-2 md:basis-1/3"},H=["innerHTML"],N={class:"px-xs md:px-0"},F={class:"flex grow flex-col items-center justify-between gap-xs text-center text-sm sm:flex-row sm:items-start sm:text-left md:basis-1/2 md:flex-row md:justify-around"},j={class:"flex flex-wrap items-center justify-center gap-2xs md:flex-col"},S=["href","target","onClick","innerHTML"],T={key:0,class:"flex flex-wrap items-center justify-center gap-2xs md:flex-col"},$=["href","target","onClick","innerHTML"],Z=((o,a)=>{const c=o.__vccOpts||o;for(const[d,n]of a)c[d]=n;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"},showSocialIcons:{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},showHighlight:{type:Boolean,default:!0},highlightColor:{default:"primary"},bgColor:{default:"dark-3"},borderTopColor:{default:"primary"},headlineColor:{default:"light-1"}},emits:["logo-click","menu-click"],setup(o,{emit:a}){const c=o,d=a,n=e.computed(()=>{const{bgColor:l,borderTopColor:r}=c;return[s.generateClass.bgColorVariant({color:l}),s.generateClass.borderColorVariant({color:r})].join(" ")}),g=e.computed(()=>{const{titleSize:l,titleColor:r}=c;return[s.generateClass.h2Variant({size:l}),s.generateClass.textColorVariant({color:r})].join(" ")}),f=e.computed(()=>{const{menuTextSize:l,menuTextColor:r,menuTextBold:t}=c,m=[s.generateClass.bodyTextVariant({size:l}),s.generateClass.textColorVariant({color:r})];return t&&m.push("font-bold"),m.join(" ")}),h=l=>{const{logoAsLink:r,logoLink:t,logoLinkTarget:m}=c;r||l.preventDefault(),d("logo-click",l,t,m)},C=(l,r)=>{const{menuItemAsLink:t}=c;t||l.preventDefault(),d("menu-click",l,r)};return(l,r)=>(e.openBlock(),e.createElementBlock("footer",{class:e.normalizeClass(["border-t-2 py-6 sm:py-8 md:py-12",n.value])},[e.createElementVNode("div",B,[e.createElementVNode("div",{class:e.normalizeClass(["mb-xs flex flex-col flex-wrap justify-between border-b-2 px-xs md:mb-md md:flex-row md:px-md",e.unref(s.generateClass).borderColorVariant({color:o.headlineColor})])},[e.createElementVNode("div",z,[e.createElementVNode("a",{href:o.logoLink,target:o.logoLinkTarget,class:e.normalizeClass(["inline-block h-full rounded-md ring-offset-2 ring-offset-transparent transition-all duration-300 ease-linear outline-none focus:ring-2",e.unref(s.generateClass).ringColorVariant({color:o.titleColor})]),onClick:r[0]||(r[0]=t=>h(t))},[e.createElementVNode("img",{class:"inline-block h-full",src:o.logo,alt:o.logoAlt},null,8,M)],10,_)]),o.showSocialIcons?(e.openBlock(),e.createElementBlock("div",E,[e.createVNode(V,{"social-links":o.socialLinks,"icon-color":o.socialIconColor},null,8,["social-links","icon-color"])])):e.createCommentVNode("",!0)],2),e.createElementVNode("div",A,[e.createElementVNode("div",I,[e.createElementVNode("h2",{class:e.normalizeClass(["inline-block align-middle tracking-wider",g.value]),innerHTML:o.title},null,10,H),e.createElementVNode("div",N,[e.renderSlot(l.$slots,"default",{},void 0,!0)])]),e.createElementVNode("nav",F,[e.createElementVNode("ul",j,[(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(["nav__text tracking-wide outline-none",f.value]),onClick:k=>C(k,t),innerHTML:t.title},null,10,S),o.showHighlight?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["nav__decorator relative top-3xs h-3xs",e.unref(s.generateClass).beforeBgColorVariant({color:o.highlightColor})])},null,2)):e.createCommentVNode("",!0)]))),128))]),o.secondaryMenuItems?(e.openBlock(),e.createElementBlock("ul",T,[(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(["nav__text tracking-wide outline-none",f.value]),onClick:k=>C(k,t),innerHTML:t.title},null,10,$),o.showHighlight?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["nav__decorator relative top-3xs h-3xs",e.unref(s.generateClass).beforeBgColorVariant({color:o.highlightColor})])},null,2)):e.createCommentVNode("",!0)]))),128))])):e.createCommentVNode("",!0)])])])],2))}}),[["__scopeId","data-v-8870e783"]]);i.MclFooterA=Z,Object.defineProperty(i,Symbol.toStringTag,{value:"Module"})}));
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@bobbykim/mcl-footer",
|
|
3
|
-
"version": "0.10.
|
|
3
|
+
"version": "0.10.5",
|
|
4
4
|
"description": "a footer components built based on Manguito theme",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"files": [
|
|
@@ -43,6 +43,9 @@
|
|
|
43
43
|
"vue-tsc": "^2.1.10"
|
|
44
44
|
},
|
|
45
45
|
"scripts": {
|
|
46
|
-
"build": "vite build"
|
|
46
|
+
"build": "vite build",
|
|
47
|
+
"test": "vitest run",
|
|
48
|
+
"test:watch": "vitest",
|
|
49
|
+
"typecheck": "vue-tsc --noEmit -p tsconfig.json"
|
|
47
50
|
}
|
|
48
51
|
}
|