@bobbykim/mcl-footer 0.9.9 → 0.10.1
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/index.d.ts +4 -4
- package/dist/mcl-footer.js +101 -95
- package/dist/mcl-footer.umd.cjs +6 -6
- package/package.json +7 -8
package/dist/index.d.ts
CHANGED
|
@@ -18,13 +18,13 @@ titleSize: HeadingSize;
|
|
|
18
18
|
titleColor: ColorPalette;
|
|
19
19
|
logoAsLink: boolean;
|
|
20
20
|
logoLinkTarget: CtaTarget;
|
|
21
|
-
|
|
21
|
+
showSocialIcons: boolean;
|
|
22
22
|
socialIconColor: ColorPalette;
|
|
23
23
|
menuItemAsLink: boolean;
|
|
24
24
|
menuTextSize: BodyText;
|
|
25
25
|
menuTextColor: ColorPalette;
|
|
26
26
|
menuTextBold: boolean;
|
|
27
|
-
|
|
27
|
+
showHighlight: boolean;
|
|
28
28
|
highlightColor: ColorPalette;
|
|
29
29
|
bgColor: ColorPalette;
|
|
30
30
|
borderTopColor: ColorPalette;
|
|
@@ -40,7 +40,7 @@ declare type __VLS_Props = {
|
|
|
40
40
|
logoAsLink?: boolean;
|
|
41
41
|
logoLink: string;
|
|
42
42
|
logoLinkTarget?: CtaTarget;
|
|
43
|
-
|
|
43
|
+
showSocialIcons?: boolean;
|
|
44
44
|
socialIconColor: ColorPalette;
|
|
45
45
|
socialLinks?: SocialUrl;
|
|
46
46
|
menuItems: MenuItemType[];
|
|
@@ -49,7 +49,7 @@ declare type __VLS_Props = {
|
|
|
49
49
|
menuTextSize?: BodyText;
|
|
50
50
|
menuTextColor?: ColorPalette;
|
|
51
51
|
menuTextBold?: boolean;
|
|
52
|
-
|
|
52
|
+
showHighlight?: boolean;
|
|
53
53
|
highlightColor?: ColorPalette;
|
|
54
54
|
bgColor?: ColorPalette;
|
|
55
55
|
borderTopColor?: ColorPalette;
|
package/dist/mcl-footer.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
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
|
|
3
|
-
import a from "@bobbykim/manguito-theme";
|
|
1
|
+
(function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode('.nav__decorator[data-v-7bf1ebe4]:before{content:"";position:absolute;bottom:0;left:0;height:100%;width:0;transition:width .3s linear}.nav__text:focus+.nav__decorator[data-v-7bf1ebe4]:before,.nav__text:hover+.nav__decorator[data-v-7bf1ebe4]: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, useSlots as V, unref as h, createVNode as A, createCommentVNode as x, renderSlot as I } from "vue";
|
|
3
|
+
import { generateClass as a } from "@bobbykim/manguito-theme";
|
|
4
4
|
const _ = `<svg
|
|
5
5
|
xmlns="http://www.w3.org/2000/svg"
|
|
6
6
|
viewBox="0 0 448 512"
|
|
@@ -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>`, z = `<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>`, H = `<svg
|
|
41
41
|
xmlns="http://www.w3.org/2000/svg"
|
|
42
42
|
viewBox="0 0 448 512"
|
|
43
43
|
fill="currentColor"
|
|
@@ -49,62 +49,62 @@ 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>`, T = { class: "flex flex-wrap" }, B = ["href", "aria-label"], j = ["innerHTML"], S = /* @__PURE__ */ p({
|
|
53
53
|
__name: "SocialIcons",
|
|
54
54
|
props: {
|
|
55
55
|
iconColor: { default: "light-1" },
|
|
56
56
|
socialLinks: {}
|
|
57
57
|
},
|
|
58
58
|
setup(e) {
|
|
59
|
-
const s = e, m =
|
|
60
|
-
const
|
|
61
|
-
return s.socialLinks?.linkedin &&
|
|
59
|
+
const s = e, m = w(() => {
|
|
60
|
+
const t = [];
|
|
61
|
+
return s.socialLinks?.linkedin && t.push({
|
|
62
62
|
url: s.socialLinks.linkedin,
|
|
63
|
-
icon:
|
|
63
|
+
icon: z,
|
|
64
64
|
label: "linkedin social icon"
|
|
65
|
-
}), s.socialLinks?.github &&
|
|
65
|
+
}), s.socialLinks?.github && t.push({
|
|
66
66
|
url: s.socialLinks.github,
|
|
67
67
|
icon: _,
|
|
68
68
|
label: "github social icon"
|
|
69
|
-
}), s.socialLinks?.instagram &&
|
|
69
|
+
}), s.socialLinks?.instagram && t.push({
|
|
70
70
|
url: s.socialLinks.instagram,
|
|
71
71
|
icon: M,
|
|
72
72
|
label: "instagram social icon"
|
|
73
|
-
}), s.socialLinks?.twitter &&
|
|
73
|
+
}), s.socialLinks?.twitter && t.push({
|
|
74
74
|
url: s.socialLinks.twitter,
|
|
75
|
-
icon:
|
|
75
|
+
icon: H,
|
|
76
76
|
label: "x/twitter social icon"
|
|
77
|
-
}),
|
|
78
|
-
}), u = (
|
|
79
|
-
a(
|
|
80
|
-
a(
|
|
77
|
+
}), t;
|
|
78
|
+
}), u = (t) => [
|
|
79
|
+
a.textColorVariant({ color: t }),
|
|
80
|
+
a.ringColorVariant({ color: t })
|
|
81
81
|
].join(" ");
|
|
82
|
-
return (
|
|
83
|
-
(
|
|
82
|
+
return (t, k) => (r(), c("ul", T, [
|
|
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"
|
|
86
86
|
}, [
|
|
87
|
-
|
|
87
|
+
n("a", {
|
|
88
88
|
href: g.url,
|
|
89
89
|
target: "_blank",
|
|
90
|
-
class: d(["inline-block
|
|
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", u(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, j)
|
|
97
|
+
], 10, B)
|
|
98
98
|
]))), 128))
|
|
99
99
|
]));
|
|
100
100
|
}
|
|
101
|
-
}),
|
|
101
|
+
}), F = { class: "container px-xs md:px-lg lg:px-xl" }, $ = { class: "mb-xs h-lg align-middle md:h-xl" }, Z = ["href", "target"], N = ["src", "alt"], P = {
|
|
102
102
|
key: 0,
|
|
103
103
|
class: "mb-xs flex items-center justify-end md:justify-center"
|
|
104
|
-
},
|
|
104
|
+
}, D = { class: "flex flex-wrap items-center gap-6 md:items-start md:justify-between md:gap-8" }, E = { class: "grid basis-full justify-items-center gap-2 md:basis-1/3" }, G = ["innerHTML"], O = { class: "px-xs md:px-0" }, X = { 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" }, q = { class: "flex flex-wrap items-center justify-center gap-2xs md:flex-col" }, J = ["href", "target", "onClick", "innerHTML"], K = {
|
|
105
105
|
key: 0,
|
|
106
|
-
class: "flex flex-wrap
|
|
107
|
-
},
|
|
106
|
+
class: "flex flex-wrap items-center justify-center gap-2xs md:flex-col"
|
|
107
|
+
}, Q = ["href", "target", "onClick", "innerHTML"], R = /* @__PURE__ */ p({
|
|
108
108
|
__name: "MclFooterA",
|
|
109
109
|
props: {
|
|
110
110
|
title: {},
|
|
@@ -115,7 +115,7 @@ const _ = `<svg
|
|
|
115
115
|
logoAsLink: { type: Boolean, default: !1 },
|
|
116
116
|
logoLink: {},
|
|
117
117
|
logoLinkTarget: { default: "_self" },
|
|
118
|
-
|
|
118
|
+
showSocialIcons: { type: Boolean, default: !0 },
|
|
119
119
|
socialIconColor: { default: "light-1" },
|
|
120
120
|
socialLinks: {},
|
|
121
121
|
menuItems: {},
|
|
@@ -124,7 +124,7 @@ const _ = `<svg
|
|
|
124
124
|
menuTextSize: { default: "md" },
|
|
125
125
|
menuTextColor: { default: "light-1" },
|
|
126
126
|
menuTextBold: { type: Boolean, default: !1 },
|
|
127
|
-
|
|
127
|
+
showHighlight: { type: Boolean, default: !0 },
|
|
128
128
|
highlightColor: { default: "primary" },
|
|
129
129
|
bgColor: { default: "dark-3" },
|
|
130
130
|
borderTopColor: { default: "primary" },
|
|
@@ -133,104 +133,110 @@ const _ = `<svg
|
|
|
133
133
|
emits: ["logo-click", "menu-click"],
|
|
134
134
|
setup(e, { emit: s }) {
|
|
135
135
|
const m = e;
|
|
136
|
-
|
|
137
|
-
const u = s,
|
|
136
|
+
V();
|
|
137
|
+
const u = s, t = w(() => {
|
|
138
138
|
const { bgColor: l, borderTopColor: i } = m;
|
|
139
139
|
return [
|
|
140
|
-
a(
|
|
141
|
-
a(
|
|
140
|
+
a.bgColorVariant({ color: l }),
|
|
141
|
+
a.borderColorVariant({ color: i })
|
|
142
142
|
].join(" ");
|
|
143
|
-
}),
|
|
143
|
+
}), k = w(() => {
|
|
144
144
|
const { titleSize: l, titleColor: i } = m;
|
|
145
145
|
return [
|
|
146
|
-
a(
|
|
147
|
-
a(
|
|
146
|
+
a.h2Variant({ size: l }),
|
|
147
|
+
a.textColorVariant({ color: i })
|
|
148
148
|
].join(" ");
|
|
149
|
-
}), g =
|
|
150
|
-
const { menuTextSize: l, menuTextColor: i, menuTextBold:
|
|
149
|
+
}), g = w(() => {
|
|
150
|
+
const { menuTextSize: l, menuTextColor: i, menuTextBold: o } = m;
|
|
151
151
|
return [
|
|
152
|
-
a(
|
|
153
|
-
a(
|
|
152
|
+
a.bodyTextVariant({ size: l }),
|
|
153
|
+
a.textColorVariant({ color: i })
|
|
154
154
|
].join(" ");
|
|
155
155
|
}), C = (l) => {
|
|
156
|
-
const { logoAsLink: i, logoLink:
|
|
157
|
-
!i && l.preventDefault(), u("logo-click", l,
|
|
158
|
-
},
|
|
159
|
-
const { menuItemAsLink:
|
|
160
|
-
!
|
|
156
|
+
const { logoAsLink: i, logoLink: o, logoLinkTarget: f } = m;
|
|
157
|
+
!i && l.preventDefault(), u("logo-click", l, o, f);
|
|
158
|
+
}, L = (l, i) => {
|
|
159
|
+
const { menuItemAsLink: o } = m;
|
|
160
|
+
!o && l.preventDefault(), u("menu-click", l, i);
|
|
161
161
|
};
|
|
162
|
-
return (l, i) => (
|
|
163
|
-
class: d(["border-t-2 py-6 sm:py-8 md:py-12",
|
|
162
|
+
return (l, i) => (r(), c("footer", {
|
|
163
|
+
class: d(["border-t-2 py-6 sm:py-8 md:py-12", t.value])
|
|
164
164
|
}, [
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
class: d(["flex flex-col
|
|
165
|
+
n("div", F, [
|
|
166
|
+
n("div", {
|
|
167
|
+
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
168
|
}, [
|
|
169
|
-
|
|
170
|
-
|
|
169
|
+
n("div", $, [
|
|
170
|
+
n("a", {
|
|
171
171
|
href: e.logoLink,
|
|
172
172
|
target: e.logoLinkTarget,
|
|
173
|
-
class: d(["
|
|
174
|
-
onClick: i[0] || (i[0] = (
|
|
173
|
+
class: d(["inline-block h-full rounded-md ring-offset-2 ring-offset-transparent transition-all duration-300 ease-linear outline-none focus:ring-2", h(a).ringColorVariant({ color: e.titleColor })]),
|
|
174
|
+
onClick: i[0] || (i[0] = (o) => C(o))
|
|
175
175
|
}, [
|
|
176
|
-
|
|
176
|
+
n("img", {
|
|
177
177
|
class: "inline-block h-full",
|
|
178
178
|
src: e.logo,
|
|
179
179
|
alt: e.logoAlt
|
|
180
|
-
}, null, 8,
|
|
181
|
-
], 10,
|
|
180
|
+
}, null, 8, N)
|
|
181
|
+
], 10, Z)
|
|
182
182
|
]),
|
|
183
|
-
e.
|
|
184
|
-
|
|
183
|
+
e.showSocialIcons ? (r(), c("div", P, [
|
|
184
|
+
A(S, {
|
|
185
185
|
"social-links": e.socialLinks,
|
|
186
186
|
"icon-color": e.socialIconColor
|
|
187
187
|
}, null, 8, ["social-links", "icon-color"])
|
|
188
188
|
])) : x("", !0)
|
|
189
189
|
], 2),
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
class: d(["inline-block align-middle tracking-wider",
|
|
190
|
+
n("div", D, [
|
|
191
|
+
n("div", E, [
|
|
192
|
+
n("h2", {
|
|
193
|
+
class: d(["inline-block align-middle tracking-wider", k.value]),
|
|
194
194
|
innerHTML: e.title
|
|
195
|
-
}, null, 10,
|
|
196
|
-
|
|
197
|
-
|
|
195
|
+
}, null, 10, G),
|
|
196
|
+
n("div", O, [
|
|
197
|
+
I(l.$slots, "default", {}, void 0, !0)
|
|
198
198
|
])
|
|
199
199
|
]),
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
(
|
|
200
|
+
n("nav", X, [
|
|
201
|
+
n("ul", q, [
|
|
202
|
+
(r(!0), c(v, null, y(e.menuItems, (o, f) => (r(), c("li", {
|
|
203
203
|
key: `first-nav-${f}`,
|
|
204
204
|
class: "inline-block"
|
|
205
205
|
}, [
|
|
206
|
-
|
|
207
|
-
href:
|
|
208
|
-
target:
|
|
209
|
-
class: d(["tracking-wide outline-none
|
|
210
|
-
onClick: (
|
|
211
|
-
innerHTML:
|
|
212
|
-
}, null, 10,
|
|
213
|
-
e.
|
|
206
|
+
n("a", {
|
|
207
|
+
href: o.url,
|
|
208
|
+
target: o.target ? o.target : "_self",
|
|
209
|
+
class: d(["nav__text tracking-wide outline-none", g.value]),
|
|
210
|
+
onClick: (b) => L(b, o),
|
|
211
|
+
innerHTML: o.title
|
|
212
|
+
}, null, 10, J),
|
|
213
|
+
e.showHighlight ? (r(), c("div", {
|
|
214
214
|
key: 0,
|
|
215
|
-
class: d([
|
|
215
|
+
class: d([
|
|
216
|
+
"nav__decorator relative top-3xs h-3xs",
|
|
217
|
+
h(a).beforeBgColorVariant({ color: e.highlightColor })
|
|
218
|
+
])
|
|
216
219
|
}, null, 2)) : x("", !0)
|
|
217
220
|
]))), 128))
|
|
218
221
|
]),
|
|
219
|
-
e.secondaryMenuItems ? (
|
|
220
|
-
(
|
|
222
|
+
e.secondaryMenuItems ? (r(), c("ul", K, [
|
|
223
|
+
(r(!0), c(v, null, y(e.secondaryMenuItems, (o, f) => (r(), c("li", {
|
|
221
224
|
key: `second-nav-${f}`,
|
|
222
225
|
class: "inline-block"
|
|
223
226
|
}, [
|
|
224
|
-
|
|
225
|
-
href:
|
|
226
|
-
target:
|
|
227
|
-
class: d(["tracking-wide outline-none
|
|
228
|
-
onClick: (
|
|
229
|
-
innerHTML:
|
|
230
|
-
}, null, 10,
|
|
231
|
-
e.
|
|
227
|
+
n("a", {
|
|
228
|
+
href: o.url,
|
|
229
|
+
target: o.target ? o.target : "_self",
|
|
230
|
+
class: d(["nav__text tracking-wide outline-none", g.value]),
|
|
231
|
+
onClick: (b) => L(b, o),
|
|
232
|
+
innerHTML: o.title
|
|
233
|
+
}, null, 10, Q),
|
|
234
|
+
e.showHighlight ? (r(), c("div", {
|
|
232
235
|
key: 0,
|
|
233
|
-
class: d([
|
|
236
|
+
class: d([
|
|
237
|
+
"nav__decorator relative top-3xs h-3xs",
|
|
238
|
+
h(a).beforeBgColorVariant({ color: e.highlightColor })
|
|
239
|
+
])
|
|
234
240
|
}, null, 2)) : x("", !0)
|
|
235
241
|
]))), 128))
|
|
236
242
|
])) : x("", !0)
|
|
@@ -239,12 +245,12 @@ const _ = `<svg
|
|
|
239
245
|
])
|
|
240
246
|
], 2));
|
|
241
247
|
}
|
|
242
|
-
}),
|
|
248
|
+
}), U = (e, s) => {
|
|
243
249
|
const m = e.__vccOpts || e;
|
|
244
|
-
for (const [u,
|
|
245
|
-
m[u] =
|
|
250
|
+
for (const [u, t] of s)
|
|
251
|
+
m[u] = t;
|
|
246
252
|
return m;
|
|
247
|
-
}, ee = /* @__PURE__ */
|
|
253
|
+
}, ee = /* @__PURE__ */ U(R, [["__scopeId", "data-v-7bf1ebe4"]]);
|
|
248
254
|
export {
|
|
249
255
|
ee as MclFooterA
|
|
250
256
|
};
|
package/dist/mcl-footer.umd.cjs
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
|
-
(function(
|
|
1
|
+
(function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode('.nav__decorator[data-v-7bf1ebe4]:before{content:"";position:absolute;bottom:0;left:0;height:100%;width:0;transition:width .3s linear}.nav__text:focus+.nav__decorator[data-v-7bf1ebe4]:before,.nav__text:hover+.nav__decorator[data-v-7bf1ebe4]:before{width:100%}')),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}})();
|
|
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"
|
|
5
5
|
fill="currentColor"
|
|
@@ -11,7 +11,7 @@
|
|
|
11
11
|
<path
|
|
12
12
|
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"
|
|
13
13
|
/>
|
|
14
|
-
</svg>`,
|
|
14
|
+
</svg>`,u=`<svg
|
|
15
15
|
xmlns="http://www.w3.org/2000/svg"
|
|
16
16
|
viewBox="0 0 448 512"
|
|
17
17
|
fill="currentColor"
|
|
@@ -23,7 +23,7 @@
|
|
|
23
23
|
<path
|
|
24
24
|
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"
|
|
25
25
|
/>
|
|
26
|
-
</svg>`,
|
|
26
|
+
</svg>`,p=`<svg
|
|
27
27
|
xmlns="http://www.w3.org/2000/svg"
|
|
28
28
|
viewBox="0 0 448 512"
|
|
29
29
|
fill="currentColor"
|
|
@@ -35,7 +35,7 @@
|
|
|
35
35
|
<path
|
|
36
36
|
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"
|
|
37
37
|
/>
|
|
38
|
-
</svg>`,
|
|
38
|
+
</svg>`,w=`<svg
|
|
39
39
|
xmlns="http://www.w3.org/2000/svg"
|
|
40
40
|
viewBox="0 0 448 512"
|
|
41
41
|
fill="currentColor"
|
|
@@ -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>`,
|
|
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}),m=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,(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 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",m(o.iconColor)]),"aria-label":d.label,role:"button"},[e.createElementVNode("div",{innerHTML:d.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[m,n]of a)c[m]=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;e.useSlots();const m=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(" ")}),d=e.computed(()=>{const{menuTextSize:l,menuTextColor:r,menuTextBold:t}=c;return[s.generateClass.bodyTextVariant({size:l}),s.generateClass.textColorVariant({color:r})].join(" ")}),h=l=>{const{logoAsLink:r,logoLink:t,logoLinkTarget:f}=c;!r&&l.preventDefault(),m("logo-click",l,t,f)},C=(l,r)=>{const{menuItemAsLink:t}=c;!t&&l.preventDefault(),m("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,f)=>(e.openBlock(),e.createElementBlock("li",{key:`first-nav-${f}`,class:"inline-block"},[e.createElementVNode("a",{href:t.url,target:t.target?t.target:"_self",class:e.normalizeClass(["nav__text tracking-wide outline-none",d.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,f)=>(e.openBlock(),e.createElementBlock("li",{key:`second-nav-${f}`,class:"inline-block"},[e.createElementVNode("a",{href:t.url,target:t.target?t.target:"_self",class:e.normalizeClass(["nav__text tracking-wide outline-none",d.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-7bf1ebe4"]]);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.
|
|
3
|
+
"version": "0.10.1",
|
|
4
4
|
"description": "a footer components built based on Manguito theme",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"files": [
|
|
@@ -16,9 +16,6 @@
|
|
|
16
16
|
"require": "./dist/mcl-footer.umd.cjs"
|
|
17
17
|
}
|
|
18
18
|
},
|
|
19
|
-
"scripts": {
|
|
20
|
-
"build": "vite build"
|
|
21
|
-
},
|
|
22
19
|
"author": {
|
|
23
20
|
"name": "Bobby Kim",
|
|
24
21
|
"url": "https://www.devbobbykim.com/"
|
|
@@ -33,8 +30,8 @@
|
|
|
33
30
|
},
|
|
34
31
|
"license": "MIT",
|
|
35
32
|
"dependencies": {
|
|
36
|
-
"
|
|
37
|
-
"
|
|
33
|
+
"vue": "^3.5.13",
|
|
34
|
+
"@bobbykim/manguito-theme": "1.0.1"
|
|
38
35
|
},
|
|
39
36
|
"devDependencies": {
|
|
40
37
|
"@vitejs/plugin-vue": "^5.2.1",
|
|
@@ -45,5 +42,7 @@
|
|
|
45
42
|
"vite-plugin-dts": "^4.3.0",
|
|
46
43
|
"vue-tsc": "^2.1.10"
|
|
47
44
|
},
|
|
48
|
-
"
|
|
49
|
-
|
|
45
|
+
"scripts": {
|
|
46
|
+
"build": "vite build"
|
|
47
|
+
}
|
|
48
|
+
}
|