@bobbykim/mcl-container 0.9.4 → 0.9.6
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-container.js +50 -53
- package/dist/mcl-container.umd.cjs +2 -2
- package/package.json +4 -3
package/dist/mcl-container.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
(function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode(".space-hts[data-v-
|
|
2
|
-
import { defineComponent as $,
|
|
1
|
+
(function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode(".space-hts[data-v-c077deeb]{height:calc(var(--space-height) + 36px)}@media screen and (min-width:768px){.space-hts[data-v-c077deeb]{height:calc(var(--space-height) + 48px)}}@media screen and (min-width:1024px){.space-hts[data-v-c077deeb]{height:calc(var(--space-height) + 64px)}}.bg-image[data-v-c077deeb]{background-image:var(--bg-image)}")),document.head.appendChild(e)}}catch(a){console.error("vite-plugin-css-injected-by-js",a)}})();
|
|
2
|
+
import { defineComponent as $, openBlock as g, createElementBlock as w, normalizeClass as d, unref as v, createElementVNode as r, renderSlot as B, createCommentVNode as M, onMounted as z, nextTick as D, getCurrentScope as O, onScopeDispose as E, getCurrentInstance as A, computed as x, shallowRef as S, watch as k, toValue as W, ref as _, normalizeStyle as I, createBlock as L, resolveDynamicComponent as G, withCtx as T, toDisplayString as F } from "vue";
|
|
3
3
|
import { generateClass as u } from "@bobbykim/manguito-theme";
|
|
4
|
-
const
|
|
4
|
+
const H = { class: "relative min-h-9 md:min-h-12 lg:min-h-15" }, N = ["points"], P = { class: "container grid gap-4 md:grid-cols-4" }, j = { class: "relative min-h-9 md:min-h-12 lg:min-h-15" }, U = ["points"], ue = /* @__PURE__ */ $({
|
|
5
5
|
__name: "MclContainerA",
|
|
6
6
|
props: {
|
|
7
7
|
sectionBg: { default: "light-1" },
|
|
@@ -12,7 +12,6 @@ const N = { class: "relative min-h-9 md:min-h-12 lg:min-h-15" }, P = ["points"],
|
|
|
12
12
|
leftColumnWidth: { default: 50 }
|
|
13
13
|
},
|
|
14
14
|
setup(e) {
|
|
15
|
-
z();
|
|
16
15
|
const t = (l, s) => l === "top" ? s === "left" ? "0,0 100,100 0,100" : "100,0 100,100 0,100" : s === "left" ? "0,0 100,0 0,100" : "0,0 100,0 100,100", n = (l, s) => {
|
|
17
16
|
if (!l)
|
|
18
17
|
return "md:col-span-4";
|
|
@@ -45,7 +44,7 @@ const N = { class: "relative min-h-9 md:min-h-12 lg:min-h-15" }, P = ["points"],
|
|
|
45
44
|
return (l, s) => (g(), w("section", {
|
|
46
45
|
class: d(["py-lg lg:py-xl", v(u).bgColorVariant({ color: e.sectionBg })])
|
|
47
46
|
}, [
|
|
48
|
-
r("div",
|
|
47
|
+
r("div", H, [
|
|
49
48
|
(g(), w("svg", {
|
|
50
49
|
class: d(["absolute inset-x-0 left-0 block h-full w-full", v(u).svgFillColorVariant({ color: e.containerBg })]),
|
|
51
50
|
viewBox: "0 0 100 100",
|
|
@@ -54,13 +53,13 @@ const N = { class: "relative min-h-9 md:min-h-12 lg:min-h-15" }, P = ["points"],
|
|
|
54
53
|
}, [
|
|
55
54
|
r("polygon", {
|
|
56
55
|
points: t("top", e.topDirection)
|
|
57
|
-
}, null, 8,
|
|
56
|
+
}, null, 8, N)
|
|
58
57
|
], 2))
|
|
59
58
|
]),
|
|
60
59
|
r("div", {
|
|
61
60
|
class: d(["px-sm py-md md:px-md md:py-lg lg:px-lg lg:py-xl", v(u).bgColorVariant({ color: e.containerBg })])
|
|
62
61
|
}, [
|
|
63
|
-
r("div",
|
|
62
|
+
r("div", P, [
|
|
64
63
|
r("div", {
|
|
65
64
|
class: d(n(e.twoColumns, e.leftColumnWidth))
|
|
66
65
|
}, [
|
|
@@ -71,10 +70,10 @@ const N = { class: "relative min-h-9 md:min-h-12 lg:min-h-15" }, P = ["points"],
|
|
|
71
70
|
class: d(c(e.twoColumns, e.leftColumnWidth))
|
|
72
71
|
}, [
|
|
73
72
|
B(l.$slots, "right-column")
|
|
74
|
-
], 2)) :
|
|
73
|
+
], 2)) : M("", !0)
|
|
75
74
|
])
|
|
76
75
|
], 2),
|
|
77
|
-
r("div",
|
|
76
|
+
r("div", j, [
|
|
78
77
|
(g(), w("svg", {
|
|
79
78
|
class: d(["absolute inset-x-0 left-0 block h-full w-full", v(u).svgFillColorVariant({ color: e.containerBg })]),
|
|
80
79
|
viewBox: "0 0 100 100",
|
|
@@ -83,51 +82,51 @@ const N = { class: "relative min-h-9 md:min-h-12 lg:min-h-15" }, P = ["points"],
|
|
|
83
82
|
}, [
|
|
84
83
|
r("polygon", {
|
|
85
84
|
points: t("bottom", e.bottomDirection)
|
|
86
|
-
}, null, 8,
|
|
85
|
+
}, null, 8, U)
|
|
87
86
|
], 2))
|
|
88
87
|
])
|
|
89
88
|
], 2));
|
|
90
89
|
}
|
|
91
90
|
});
|
|
92
|
-
function
|
|
93
|
-
return
|
|
91
|
+
function q(e, t) {
|
|
92
|
+
return O() ? (E(e, t), !0) : !1;
|
|
94
93
|
}
|
|
95
|
-
const
|
|
94
|
+
const J = typeof window < "u" && typeof document < "u";
|
|
96
95
|
typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
|
|
97
|
-
function
|
|
96
|
+
function K(e) {
|
|
98
97
|
return Array.isArray(e) ? e : [e];
|
|
99
98
|
}
|
|
100
|
-
function
|
|
101
|
-
return
|
|
99
|
+
function Q(e) {
|
|
100
|
+
return A();
|
|
102
101
|
}
|
|
103
|
-
function
|
|
104
|
-
|
|
102
|
+
function X(e, t = !0, n) {
|
|
103
|
+
Q() ? z(e, n) : t ? e() : D(e);
|
|
105
104
|
}
|
|
106
|
-
const
|
|
105
|
+
const R = J ? window : void 0;
|
|
107
106
|
function p(e) {
|
|
108
107
|
var t;
|
|
109
|
-
const n =
|
|
108
|
+
const n = W(e);
|
|
110
109
|
return (t = n?.$el) !== null && t !== void 0 ? t : n;
|
|
111
110
|
}
|
|
112
111
|
// @__NO_SIDE_EFFECTS__
|
|
113
|
-
function
|
|
114
|
-
const e = S(!1), t =
|
|
115
|
-
return t &&
|
|
112
|
+
function Y() {
|
|
113
|
+
const e = S(!1), t = A();
|
|
114
|
+
return t && z(() => {
|
|
116
115
|
e.value = !0;
|
|
117
116
|
}, t), e;
|
|
118
117
|
}
|
|
119
118
|
// @__NO_SIDE_EFFECTS__
|
|
120
|
-
function
|
|
121
|
-
const t = /* @__PURE__ */
|
|
119
|
+
function Z(e) {
|
|
120
|
+
const t = /* @__PURE__ */ Y();
|
|
122
121
|
return x(() => (t.value, !!e()));
|
|
123
122
|
}
|
|
124
|
-
function
|
|
125
|
-
const { window: c =
|
|
123
|
+
function ee(e, t, n = {}) {
|
|
124
|
+
const { window: c = R, ...l } = n;
|
|
126
125
|
let s;
|
|
127
|
-
const a = /* @__PURE__ */
|
|
126
|
+
const a = /* @__PURE__ */ Z(() => c && "ResizeObserver" in c), i = () => {
|
|
128
127
|
s && (s.disconnect(), s = void 0);
|
|
129
|
-
}, C =
|
|
130
|
-
const f =
|
|
128
|
+
}, C = k(x(() => {
|
|
129
|
+
const f = W(e);
|
|
131
130
|
return Array.isArray(f) ? f.map((o) => p(o)) : [p(f)];
|
|
132
131
|
}), (f) => {
|
|
133
132
|
if (i(), a.value && c) {
|
|
@@ -140,19 +139,19 @@ function te(e, t, n = {}) {
|
|
|
140
139
|
}), m = () => {
|
|
141
140
|
i(), C();
|
|
142
141
|
};
|
|
143
|
-
return
|
|
142
|
+
return q(m), {
|
|
144
143
|
isSupported: a,
|
|
145
144
|
stop: m
|
|
146
145
|
};
|
|
147
146
|
}
|
|
148
|
-
function
|
|
147
|
+
function te(e, t = {
|
|
149
148
|
width: 0,
|
|
150
149
|
height: 0
|
|
151
150
|
}, n = {}) {
|
|
152
|
-
const { window: c =
|
|
151
|
+
const { window: c = R, box: l = "content-box" } = n, s = x(() => {
|
|
153
152
|
var o;
|
|
154
153
|
return (o = p(e)) === null || o === void 0 || (o = o.namespaceURI) === null || o === void 0 ? void 0 : o.includes("svg");
|
|
155
|
-
}), a = S(t.width), i = S(t.height), { stop: C } =
|
|
154
|
+
}), a = S(t.width), i = S(t.height), { stop: C } = ee(e, ([o]) => {
|
|
156
155
|
const V = l === "border-box" ? o.borderBoxSize : l === "content-box" ? o.contentBoxSize : o.devicePixelContentBoxSize;
|
|
157
156
|
if (c && s.value) {
|
|
158
157
|
const b = p(e);
|
|
@@ -161,16 +160,16 @@ function oe(e, t = {
|
|
|
161
160
|
a.value = h.width, i.value = h.height;
|
|
162
161
|
}
|
|
163
162
|
} else if (V) {
|
|
164
|
-
const b =
|
|
163
|
+
const b = K(V);
|
|
165
164
|
a.value = b.reduce((h, { inlineSize: y }) => h + y, 0), i.value = b.reduce((h, { blockSize: y }) => h + y, 0);
|
|
166
165
|
} else
|
|
167
166
|
a.value = o.contentRect.width, i.value = o.contentRect.height;
|
|
168
167
|
}, n);
|
|
169
|
-
|
|
168
|
+
X(() => {
|
|
170
169
|
const o = p(e);
|
|
171
170
|
o && (a.value = "offsetWidth" in o ? o.offsetWidth : t.width, i.value = "offsetHeight" in o ? o.offsetHeight : t.height);
|
|
172
171
|
});
|
|
173
|
-
const m =
|
|
172
|
+
const m = k(() => p(e), (o) => {
|
|
174
173
|
a.value = o ? t.width : 0, i.value = o ? t.height : 0;
|
|
175
174
|
});
|
|
176
175
|
function f() {
|
|
@@ -182,7 +181,7 @@ function oe(e, t = {
|
|
|
182
181
|
stop: f
|
|
183
182
|
};
|
|
184
183
|
}
|
|
185
|
-
const
|
|
184
|
+
const oe = { class: "relative" }, ne = ["aria-label"], le = { class: "w-full" }, se = { class: "mt-sm" }, ie = /* @__PURE__ */ $({
|
|
186
185
|
__name: "MclContainerB",
|
|
187
186
|
props: {
|
|
188
187
|
sectionBgColor: { default: "transparent" },
|
|
@@ -195,9 +194,7 @@ const ne = { class: "relative" }, le = ["aria-label"], se = { class: "w-full" },
|
|
|
195
194
|
titleColor: { default: "dark-3" }
|
|
196
195
|
},
|
|
197
196
|
setup(e) {
|
|
198
|
-
const t = e
|
|
199
|
-
z();
|
|
200
|
-
const n = I(), { height: c } = oe(n), l = x(() => {
|
|
197
|
+
const t = e, n = _(), { height: c } = te(n), l = x(() => {
|
|
201
198
|
const { titleLevel: a, titleSize: i, titleColor: C } = t, m = {
|
|
202
199
|
h1: u.h1Variant({ size: i }),
|
|
203
200
|
h2: u.h2Variant({ size: i }),
|
|
@@ -214,7 +211,7 @@ const ne = { class: "relative" }, le = ["aria-label"], se = { class: "w-full" },
|
|
|
214
211
|
}));
|
|
215
212
|
return (a, i) => (g(), w("section", {
|
|
216
213
|
class: "relative",
|
|
217
|
-
style:
|
|
214
|
+
style: I(s.value)
|
|
218
215
|
}, [
|
|
219
216
|
r("div", {
|
|
220
217
|
class: d([
|
|
@@ -222,12 +219,12 @@ const ne = { class: "relative" }, le = ["aria-label"], se = { class: "w-full" },
|
|
|
222
219
|
"space-hts"
|
|
223
220
|
])
|
|
224
221
|
}, null, 2),
|
|
225
|
-
r("div",
|
|
222
|
+
r("div", oe, [
|
|
226
223
|
r("div", {
|
|
227
224
|
class: "bg-image absolute inset-0 bg-cover bg-fixed bg-top bg-no-repeat",
|
|
228
225
|
role: "img",
|
|
229
226
|
"aria-label": e.imageAlt
|
|
230
|
-
}, null, 8,
|
|
227
|
+
}, null, 8, ne),
|
|
231
228
|
r("div", {
|
|
232
229
|
class: "relative z-10 container max-w-285 -translate-y-1/2 px-xs",
|
|
233
230
|
ref_key: "mainContentElem",
|
|
@@ -236,16 +233,16 @@ const ne = { class: "relative" }, le = ["aria-label"], se = { class: "w-full" },
|
|
|
236
233
|
r("div", {
|
|
237
234
|
class: d([v(u).bgColorVariant({ color: e.containerBgColor }), "px-xs py-md md:px-md md:py-lg lg:p-xl"])
|
|
238
235
|
}, [
|
|
239
|
-
r("div",
|
|
240
|
-
(g(), G(
|
|
241
|
-
default:
|
|
236
|
+
r("div", le, [
|
|
237
|
+
(g(), L(G(e.titleLevel), null, {
|
|
238
|
+
default: T(() => [
|
|
242
239
|
r("span", {
|
|
243
240
|
class: d(l.value)
|
|
244
|
-
},
|
|
241
|
+
}, F(e.title), 3)
|
|
245
242
|
]),
|
|
246
243
|
_: 1
|
|
247
244
|
})),
|
|
248
|
-
r("div",
|
|
245
|
+
r("div", se, [
|
|
249
246
|
B(a.$slots, "content", {}, void 0, !0)
|
|
250
247
|
])
|
|
251
248
|
])
|
|
@@ -254,13 +251,13 @@ const ne = { class: "relative" }, le = ["aria-label"], se = { class: "w-full" },
|
|
|
254
251
|
])
|
|
255
252
|
], 4));
|
|
256
253
|
}
|
|
257
|
-
}),
|
|
254
|
+
}), re = (e, t) => {
|
|
258
255
|
const n = e.__vccOpts || e;
|
|
259
256
|
for (const [c, l] of t)
|
|
260
257
|
n[c] = l;
|
|
261
258
|
return n;
|
|
262
|
-
},
|
|
259
|
+
}, de = /* @__PURE__ */ re(ie, [["__scopeId", "data-v-c077deeb"]]);
|
|
263
260
|
export {
|
|
264
|
-
|
|
265
|
-
|
|
261
|
+
ue as MclContainerA,
|
|
262
|
+
de as MclContainerB
|
|
266
263
|
};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
(function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode(".space-hts[data-v-
|
|
2
|
-
(function(f,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):(f=typeof globalThis<"u"?globalThis:f||self,e(f.MclContainer={},f.Vue,f.ManguitoTheme))})(this,(function(f,e,c){"use strict";const y={class:"relative min-h-9 md:min-h-12 lg:min-h-15"},B=["points"],V={class:"container grid gap-4 md:grid-cols-4"},E={class:"relative min-h-9 md:min-h-12 lg:min-h-15"},k=["points"],
|
|
1
|
+
(function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode(".space-hts[data-v-c077deeb]{height:calc(var(--space-height) + 36px)}@media screen and (min-width:768px){.space-hts[data-v-c077deeb]{height:calc(var(--space-height) + 48px)}}@media screen and (min-width:1024px){.space-hts[data-v-c077deeb]{height:calc(var(--space-height) + 64px)}}.bg-image[data-v-c077deeb]{background-image:var(--bg-image)}")),document.head.appendChild(e)}}catch(a){console.error("vite-plugin-css-injected-by-js",a)}})();
|
|
2
|
+
(function(f,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):(f=typeof globalThis<"u"?globalThis:f||self,e(f.MclContainer={},f.Vue,f.ManguitoTheme))})(this,(function(f,e,c){"use strict";const y={class:"relative min-h-9 md:min-h-12 lg:min-h-15"},B=["points"],V={class:"container grid gap-4 md:grid-cols-4"},E={class:"relative min-h-9 md:min-h-12 lg:min-h-15"},k=["points"],z=e.defineComponent({__name:"MclContainerA",props:{sectionBg:{default:"light-1"},containerBg:{default:"primary"},topDirection:{default:"left"},bottomDirection:{default:"left"},twoColumns:{type:Boolean,default:!0},leftColumnWidth:{default:50}},setup(t){const n=(s,r)=>s==="top"?r==="left"?"0,0 100,100 0,100":"100,0 100,100 0,100":r==="left"?"0,0 100,0 0,100":"0,0 100,0 100,100",l=(s,r)=>{if(!s)return"md:col-span-4";switch(r){case 25:return"md:col-span-1";case 50:return"md:col-span-2";case 75:return"md:col-span-3";case 100:return"md:col-span-4";default:return""}},d=(s,r)=>{if(!s)return"";switch(r){case 25:return"md:col-span-3";case 50:return"md:col-span-2";case 75:return"md:col-span-1";default:return""}};return(s,r)=>(e.openBlock(),e.createElementBlock("section",{class:e.normalizeClass(["py-lg lg:py-xl",e.unref(c.generateClass).bgColorVariant({color:t.sectionBg})])},[e.createElementVNode("div",y,[(e.openBlock(),e.createElementBlock("svg",{class:e.normalizeClass(["absolute inset-x-0 left-0 block h-full w-full",e.unref(c.generateClass).svgFillColorVariant({color:t.containerBg})]),viewBox:"0 0 100 100",preserveAspectRatio:"none","aria-hidden":"true"},[e.createElementVNode("polygon",{points:n("top",t.topDirection)},null,8,B)],2))]),e.createElementVNode("div",{class:e.normalizeClass(["px-sm py-md md:px-md md:py-lg lg:px-lg lg:py-xl",e.unref(c.generateClass).bgColorVariant({color:t.containerBg})])},[e.createElementVNode("div",V,[e.createElementVNode("div",{class:e.normalizeClass(l(t.twoColumns,t.leftColumnWidth))},[e.renderSlot(s.$slots,"left-column")],2),t.twoColumns&&t.leftColumnWidth!==100?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(d(t.twoColumns,t.leftColumnWidth))},[e.renderSlot(s.$slots,"right-column")],2)):e.createCommentVNode("",!0)])],2),e.createElementVNode("div",E,[(e.openBlock(),e.createElementBlock("svg",{class:e.normalizeClass(["absolute inset-x-0 left-0 block h-full w-full",e.unref(c.generateClass).svgFillColorVariant({color:t.containerBg})]),viewBox:"0 0 100 100",preserveAspectRatio:"none","aria-hidden":"true"},[e.createElementVNode("polygon",{points:n("bottom",t.bottomDirection)},null,8,k)],2))])],2))}});function S(t,n){return e.getCurrentScope()?(e.onScopeDispose(t,n),!0):!1}const N=typeof window<"u"&&typeof document<"u";typeof WorkerGlobalScope<"u"&&globalThis instanceof WorkerGlobalScope;function $(t){return Array.isArray(t)?t:[t]}function M(t){return e.getCurrentInstance()}function A(t,n=!0,l){M()?e.onMounted(t,l):n?t():e.nextTick(t)}const w=N?window:void 0;function u(t){var n;const l=e.toValue(t);return(n=l?.$el)!==null&&n!==void 0?n:l}function R(){const t=e.shallowRef(!1),n=e.getCurrentInstance();return n&&e.onMounted(()=>{t.value=!0},n),t}function W(t){const n=R();return e.computed(()=>(n.value,!!t()))}function _(t,n,l={}){const{window:d=w,...s}=l;let r;const i=W(()=>d&&"ResizeObserver"in d),a=()=>{r&&(r.disconnect(),r=void 0)},p=e.watch(e.computed(()=>{const m=e.toValue(t);return Array.isArray(m)?m.map(o=>u(o)):[u(m)]}),m=>{if(a(),i.value&&d){r=new ResizeObserver(n);for(const o of m)o&&r.observe(o,s)}},{immediate:!0,flush:"post"}),g=()=>{a(),p()};return S(g),{isSupported:i,stop:g}}function O(t,n={width:0,height:0},l={}){const{window:d=w,box:s="content-box"}=l,r=e.computed(()=>{var o;return(o=u(t))===null||o===void 0||(o=o.namespaceURI)===null||o===void 0?void 0:o.includes("svg")}),i=e.shallowRef(n.width),a=e.shallowRef(n.height),{stop:p}=_(t,([o])=>{const x=s==="border-box"?o.borderBoxSize:s==="content-box"?o.contentBoxSize:o.devicePixelContentBoxSize;if(d&&r.value){const C=u(t);if(C){const h=C.getBoundingClientRect();i.value=h.width,a.value=h.height}}else if(x){const C=$(x);i.value=C.reduce((h,{inlineSize:b})=>h+b,0),a.value=C.reduce((h,{blockSize:b})=>h+b,0)}else i.value=o.contentRect.width,a.value=o.contentRect.height},l);A(()=>{const o=u(t);o&&(i.value="offsetWidth"in o?o.offsetWidth:n.width,a.value="offsetHeight"in o?o.offsetHeight:n.height)});const g=e.watch(()=>u(t),o=>{i.value=o?n.width:0,a.value=o?n.height:0});function m(){p(),g()}return{width:i,height:a,stop:m}}const D={class:"relative"},I=["aria-label"],L={class:"w-full"},j={class:"mt-sm"},G=((t,n)=>{const l=t.__vccOpts||t;for(const[d,s]of n)l[d]=s;return l})(e.defineComponent({__name:"MclContainerB",props:{sectionBgColor:{default:"transparent"},containerBgColor:{default:"light-2"},imageSource:{},imageAlt:{},title:{},titleLevel:{default:"h2"},titleSize:{default:"md"},titleColor:{default:"dark-3"}},setup(t){const n=t,l=e.ref(),{height:d}=O(l),s=e.computed(()=>{const{titleLevel:i,titleSize:a,titleColor:p}=n,g={h1:c.generateClass.h1Variant({size:a}),h2:c.generateClass.h2Variant({size:a}),h3:c.generateClass.h3Variant({size:a}),h4:c.generateClass.h4Variant({size:a})};return[c.generateClass.textColorVariant({color:p}),g[i]].join(" ")}),r=e.computed(()=>({"--bg-image":`url('${n.imageSource}')`,"--space-height":`${d.value/2}px`}));return(i,a)=>(e.openBlock(),e.createElementBlock("section",{class:"relative",style:e.normalizeStyle(r.value)},[e.createElementVNode("div",{class:e.normalizeClass([e.unref(c.generateClass).bgColorVariant({color:t.sectionBgColor}),"space-hts"])},null,2),e.createElementVNode("div",D,[e.createElementVNode("div",{class:"bg-image absolute inset-0 bg-cover bg-fixed bg-top bg-no-repeat",role:"img","aria-label":t.imageAlt},null,8,I),e.createElementVNode("div",{class:"relative z-10 container max-w-285 -translate-y-1/2 px-xs",ref_key:"mainContentElem",ref:l},[e.createElementVNode("div",{class:e.normalizeClass([e.unref(c.generateClass).bgColorVariant({color:t.containerBgColor}),"px-xs py-md md:px-md md:py-lg lg:p-xl"])},[e.createElementVNode("div",L,[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.titleLevel),null,{default:e.withCtx(()=>[e.createElementVNode("span",{class:e.normalizeClass(s.value)},e.toDisplayString(t.title),3)]),_:1})),e.createElementVNode("div",j,[e.renderSlot(i.$slots,"content",{},void 0,!0)])])],2)],512)])],4))}}),[["__scopeId","data-v-c077deeb"]]);f.MclContainerA=z,f.MclContainerB=G,Object.defineProperty(f,Symbol.toStringTag,{value:"Module"})}));
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@bobbykim/mcl-container",
|
|
3
|
-
"version": "0.9.
|
|
3
|
+
"version": "0.9.6",
|
|
4
4
|
"description": "basic container components based on manguito-theme",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"files": [
|
|
@@ -32,7 +32,7 @@
|
|
|
32
32
|
"dependencies": {
|
|
33
33
|
"@vueuse/core": "^12.0.0",
|
|
34
34
|
"vue": "^3.5.13",
|
|
35
|
-
"@bobbykim/manguito-theme": "1.
|
|
35
|
+
"@bobbykim/manguito-theme": "1.4.0"
|
|
36
36
|
},
|
|
37
37
|
"devDependencies": {
|
|
38
38
|
"@vitejs/plugin-vue": "^5.2.1",
|
|
@@ -44,6 +44,7 @@
|
|
|
44
44
|
"vue-tsc": "^2.1.10"
|
|
45
45
|
},
|
|
46
46
|
"scripts": {
|
|
47
|
-
"build": "vite build"
|
|
47
|
+
"build": "vite build",
|
|
48
|
+
"typecheck": "vue-tsc --noEmit -p tsconfig.json"
|
|
48
49
|
}
|
|
49
50
|
}
|