@bobbykim/mcl-footer 0.10.0 → 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/mcl-footer.js +18 -12
- package/dist/mcl-footer.umd.cjs +2 -2
- package/package.json +2 -2
package/dist/mcl-footer.js
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-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
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
3
|
import { generateClass as a } from "@bobbykim/manguito-theme";
|
|
4
4
|
const _ = `<svg
|
|
@@ -87,7 +87,7 @@ const _ = `<svg
|
|
|
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
|
}, [
|
|
@@ -98,12 +98,12 @@ const _ = `<svg
|
|
|
98
98
|
]))), 128))
|
|
99
99
|
]));
|
|
100
100
|
}
|
|
101
|
-
}), F = { class: "container px-xs md:px-lg lg:px-xl" }, $ = { class: "
|
|
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
|
-
}, D = { class: "flex flex-wrap
|
|
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
|
|
106
|
+
class: "flex flex-wrap items-center justify-center gap-2xs md:flex-col"
|
|
107
107
|
}, Q = ["href", "target", "onClick", "innerHTML"], R = /* @__PURE__ */ p({
|
|
108
108
|
__name: "MclFooterA",
|
|
109
109
|
props: {
|
|
@@ -164,13 +164,13 @@ const _ = `<svg
|
|
|
164
164
|
}, [
|
|
165
165
|
n("div", F, [
|
|
166
166
|
n("div", {
|
|
167
|
-
class: d(["flex flex-col
|
|
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
169
|
n("div", $, [
|
|
170
170
|
n("a", {
|
|
171
171
|
href: e.logoLink,
|
|
172
172
|
target: e.logoLinkTarget,
|
|
173
|
-
class: d(["
|
|
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
174
|
onClick: i[0] || (i[0] = (o) => C(o))
|
|
175
175
|
}, [
|
|
176
176
|
n("img", {
|
|
@@ -206,13 +206,16 @@ const _ = `<svg
|
|
|
206
206
|
n("a", {
|
|
207
207
|
href: o.url,
|
|
208
208
|
target: o.target ? o.target : "_self",
|
|
209
|
-
class: d(["tracking-wide outline-none
|
|
209
|
+
class: d(["nav__text tracking-wide outline-none", g.value]),
|
|
210
210
|
onClick: (b) => L(b, o),
|
|
211
211
|
innerHTML: o.title
|
|
212
212
|
}, null, 10, J),
|
|
213
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
|
]),
|
|
@@ -224,13 +227,16 @@ const _ = `<svg
|
|
|
224
227
|
n("a", {
|
|
225
228
|
href: o.url,
|
|
226
229
|
target: o.target ? o.target : "_self",
|
|
227
|
-
class: d(["tracking-wide outline-none
|
|
230
|
+
class: d(["nav__text tracking-wide outline-none", g.value]),
|
|
228
231
|
onClick: (b) => L(b, o),
|
|
229
232
|
innerHTML: o.title
|
|
230
233
|
}, null, 10, Q),
|
|
231
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)
|
|
@@ -244,7 +250,7 @@ const _ = `<svg
|
|
|
244
250
|
for (const [u, t] of s)
|
|
245
251
|
m[u] = t;
|
|
246
252
|
return m;
|
|
247
|
-
}, ee = /* @__PURE__ */ U(R, [["__scopeId", "data-v-
|
|
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,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-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
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}),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
|
|
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.10.
|
|
3
|
+
"version": "0.10.1",
|
|
4
4
|
"description": "a footer components built based on Manguito theme",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"files": [
|
|
@@ -31,7 +31,7 @@
|
|
|
31
31
|
"license": "MIT",
|
|
32
32
|
"dependencies": {
|
|
33
33
|
"vue": "^3.5.13",
|
|
34
|
-
"@bobbykim/manguito-theme": "1.0.
|
|
34
|
+
"@bobbykim/manguito-theme": "1.0.1"
|
|
35
35
|
},
|
|
36
36
|
"devDependencies": {
|
|
37
37
|
"@vitejs/plugin-vue": "^5.2.1",
|