@bobbykim/mcl-container 0.6.1 → 0.6.3

package/dist/mcl-container.js

@@ -1,7 +1,7 @@
 (function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode(".parallax-container[data-v-f3bc2137]{height:var(--container-height-mobile, 256px)}.parallax-image[data-v-f3bc2137]{height:var(--container-height-mobile, 256px);background-image:var(--bg-image);background-position:center top}@media screen and (min-width: 768px){.parallax-container[data-v-f3bc2137],.parallax-image[data-v-f3bc2137]{height:var(--container-height-desktop, 384px)}}")),document.head.appendChild(e)}}catch(a){console.error("vite-plugin-css-injected-by-js",a)}})();
-import { defineComponent as f, useSlots as h, openBlock as p, createElementBlock as d, normalizeClass as i, unref as r, createElementVNode as t, renderSlot as g, createCommentVNode as v, computed as C, resolveComponent as _, normalizeStyle as B, createVNode as b, withCtx as x, pushScopeId as y, popScopeId as w } from "vue";
+import { defineComponent as h, useSlots as f, openBlock as p, createElementBlock as d, normalizeClass as i, unref as r, createElementVNode as t, renderSlot as g, createCommentVNode as v, computed as C, resolveComponent as _, normalizeStyle as B, createVNode as b, withCtx as x, pushScopeId as w, popScopeId as y } from "vue";
 import n from "@bobbykim/manguito-theme";
-const L = { class: "relative min-h-[36px] md:min-h-[48px] lg:min-h-[60px]" }, $ = ["points"], H = { class: "container grid md:grid-cols-4 gap-4" }, S = { class: "relative min-h-[36px] md:min-h-[48px] lg:min-h-[60px]" }, k = ["points"], z = /* @__PURE__ */ f({
+const L = { class: "relative min-h-[36px] md:min-h-[48px] lg:min-h-[60px]" }, $ = ["points"], H = { class: "container grid md:grid-cols-4 gap-4" }, S = { class: "relative min-h-[36px] md:min-h-[48px] lg:min-h-[60px]" }, k = ["points"], z = /* @__PURE__ */ h({
   __name: "MclContainerA",
   props: {
     sectionBg: { default: "light-1" },
@@ -12,7 +12,7 @@ const L = { class: "relative min-h-[36px] md:min-h-[48px] lg:min-h-[60px]" }, $
     leftColumnWidth: { default: 50 }
   },
   setup(s) {
-    h();
+    f();
     const l = (e, o) => e === "top" ? o === "left" ? "0,0 100,100 0,100" : "100,0 100,100 0,100" : o === "left" ? "0,0 100,0 0,100" : "0,0 100,0 100,100", a = (e, o) => {
       if (!e)
         return "md:col-span-4";
@@ -89,7 +89,7 @@ const L = { class: "relative min-h-[36px] md:min-h-[48px] lg:min-h-[60px]" }, $
       ])
     ], 2));
   }
-}), M = (s) => (y("data-v-f3bc2137"), s = s(), w(), s), O = /* @__PURE__ */ M(() => /* @__PURE__ */ t("div", { class: "absolute parallax-image bg-fixed bg-cover w-full top-0 left-0 bg-no-repeat" }, null, -1)), I = { class: "container relative z-[10] px-xs top-[-48px] md:top-[-96px] max-w-[1140px]" }, R = { class: "w-full" }, D = ["innerHTML"], G = { class: "mt-sm" }, W = /* @__PURE__ */ f({
+}), O = (s) => (w("data-v-f3bc2137"), s = s(), y(), s), M = /* @__PURE__ */ O(() => /* @__PURE__ */ t("div", { class: "absolute parallax-image bg-fixed bg-cover w-full top-0 left-0 bg-no-repeat" }, null, -1)), I = { class: "container relative z-[10] px-xs top-[-48px] md:top-[-96px] max-w-[1140px]" }, R = { class: "w-full" }, D = ["innerHTML"], G = { class: "mt-sm" }, W = /* @__PURE__ */ h({
   __name: "MclContainerB",
   props: {
     sectionBgColor: { default: "transparent" },
@@ -104,7 +104,7 @@ const L = { class: "relative min-h-[36px] md:min-h-[48px] lg:min-h-[60px]" }, $
   },
   setup(s) {
     const l = s;
-    h();
+    f();
     const a = (e, o, u) => {
       let m;
       return e === "h1" ? m = n("H1", o) : e === "h2" ? m = n("H2", o) : m = n("H3", o), `${m} ${n("TEXTCOLOR", u)}`;
@@ -122,7 +122,7 @@ const L = { class: "relative min-h-[36px] md:min-h-[48px] lg:min-h-[60px]" }, $
           class: "relative parallax-container",
           style: B(c.value)
         }, [
-          O,
+          M,
           t("div", I, [
             t("div", {
               class: i([r(n)("BGCOLOR", e.containerBgColor), "py-md md:py-lg px-xs md:px-md lg:p-xl"])
@@ -147,8 +147,7 @@ const L = { class: "relative min-h-[36px] md:min-h-[48px] lg:min-h-[60px]" }, $
       ], 2);
     };
   }
-});
-const T = (s, l) => {
+}), T = (s, l) => {
   const a = s.__vccOpts || s;
   for (const [c, e] of l)
     a[c] = e;

package/dist/mcl-container.umd.cjs

@@ -1,2 +1,2 @@
 (function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode(".parallax-container[data-v-f3bc2137]{height:var(--container-height-mobile, 256px)}.parallax-image[data-v-f3bc2137]{height:var(--container-height-mobile, 256px);background-image:var(--bg-image);background-position:center top}@media screen and (min-width: 768px){.parallax-container[data-v-f3bc2137],.parallax-image[data-v-f3bc2137]{height:var(--container-height-desktop, 384px)}}")),document.head.appendChild(e)}}catch(a){console.error("vite-plugin-css-injected-by-js",a)}})();
-(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.MclContainer={},i.Vue,i.ManguitoTheme))})(this,function(i,e,l){"use strict";const m={class:"relative min-h-[36px] md:min-h-[48px] lg:min-h-[60px]"},p=["points"],f={class:"container grid md:grid-cols-4 gap-4"},h={class:"relative min-h-[36px] md:min-h-[48px] lg:min-h-[60px]"},g=["points"],u=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(s){e.useSlots();const n=(t,o)=>t==="top"?o==="left"?"0,0 100,100 0,100":"100,0 100,100 0,100":o==="left"?"0,0 100,0 0,100":"0,0 100,0 100,100",r=(t,o)=>{if(!t)return"md:col-span-4";switch(o){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""}},a=(t,o)=>{if(!t)return"";switch(o){case 25:return"md:col-span-3";case 50:return"md:col-span-2";case 75:return"md:col-span-1";case 100:default:return""}};return(t,o)=>(e.openBlock(),e.createElementBlock("section",{class:e.normalizeClass(["py-lg lg:py-xl",e.unref(l)("BGCOLOR",t.sectionBg)])},[e.createElementVNode("div",m,[(e.openBlock(),e.createElementBlock("svg",{class:e.normalizeClass(["block absolute left-0 inset-x-0 h-full w-full",e.unref(l)("SVGFILL",t.containerBg)]),viewBox:"0 0 100 100",preserveAspectRatio:"none","aria-hidden":"true"},[e.createElementVNode("polygon",{points:n("top",t.topDirection)},null,8,p)],2))]),e.createElementVNode("div",{class:e.normalizeClass(["py-md md:py-lg lg:py-xl px-sm md:px-md lg:px-lg",e.unref(l)("BGCOLOR",t.containerBg)])},[e.createElementVNode("div",f,[e.createElementVNode("div",{class:e.normalizeClass(r(t.twoColumns,t.leftColumnWidth))},[e.renderSlot(t.$slots,"left-column")],2),t.twoColumns&&t.leftColumnWidth!==100?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(a(t.twoColumns,t.leftColumnWidth))},[e.renderSlot(t.$slots,"right-column")],2)):e.createCommentVNode("",!0)])],2),e.createElementVNode("div",h,[(e.openBlock(),e.createElementBlock("svg",{class:e.normalizeClass(["block absolute left-0 inset-x-0 h-full w-full",e.unref(l)("SVGFILL",t.containerBg)]),viewBox:"0 0 100 100",preserveAspectRatio:"none","aria-hidden":"true"},[e.createElementVNode("polygon",{points:n("bottom",t.bottomDirection)},null,8,g)],2))])],2))}}),C=(s=>(e.pushScopeId("data-v-f3bc2137"),s=s(),e.popScopeId(),s))(()=>e.createElementVNode("div",{class:"absolute parallax-image bg-fixed bg-cover w-full top-0 left-0 bg-no-repeat"},null,-1)),_={class:"container relative z-[10] px-xs top-[-48px] md:top-[-96px] max-w-[1140px]"},B={class:"w-full"},b=["innerHTML"],y={class:"mt-sm"},k=e.defineComponent({__name:"MclContainerB",props:{sectionBgColor:{default:"transparent"},containerBgColor:{default:"light-2"},imageSource:{},imgHeightMobile:{default:256},imgHeightDesktop:{default:384},title:{},titleLevel:{default:"h2"},titleSize:{default:"md"},titleColor:{default:"dark-3"}},setup(s){const n=s;e.useSlots();const r=(t,o,d)=>{let c;return t==="h1"?c=l("H1",o):t==="h2"?c=l("H2",o):c=l("H3",o),`${c} ${l("TEXTCOLOR",d)}`},a=e.computed(()=>({"--bg-image":`url('${n.imageSource}')`,"--container-height-mobile":`${n.imgHeightMobile}px`,"--container-height-desktop":`${n.imgHeightDesktop>n.imgHeightMobile?n.imgHeightDesktop:n.imgHeightMobile}px`}));return(t,o)=>{const d=e.resolveComponent("compoenent");return e.openBlock(),e.createElementBlock("section",{class:e.normalizeClass(["relative pt-xl md:pt-3xl",e.unref(l)("BGCOLOR",t.sectionBgColor)])},[e.createElementVNode("div",{class:"relative parallax-container",style:e.normalizeStyle(a.value)},[C,e.createElementVNode("div",_,[e.createElementVNode("div",{class:e.normalizeClass([e.unref(l)("BGCOLOR",t.containerBgColor),"py-md md:py-lg px-xs md:px-md lg:p-xl"])},[e.createElementVNode("div",B,[e.createVNode(d,{is:t.titleLevel},{default:e.withCtx(()=>[e.createElementVNode("span",{class:e.normalizeClass(r(t.titleLevel,t.titleSize,t.titleColor)),innerHTML:t.title},null,10,b)]),_:1},8,["is"]),e.createElementVNode("div",y,[e.renderSlot(t.$slots,"content",{},void 0,!0)])])],2)])],4)],2)}}}),x="",E=((s,n)=>{const r=s.__vccOpts||s;for(const[a,t]of n)r[a]=t;return r})(k,[["__scopeId","data-v-f3bc2137"]]);i.MclContainerA=u,i.MclContainerB=E,Object.defineProperty(i,Symbol.toStringTag,{value:"Module"})});
+(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.MclContainer={},i.Vue,i.ManguitoTheme))})(this,function(i,e,l){"use strict";const m={class:"relative min-h-[36px] md:min-h-[48px] lg:min-h-[60px]"},p=["points"],f={class:"container grid md:grid-cols-4 gap-4"},h={class:"relative min-h-[36px] md:min-h-[48px] lg:min-h-[60px]"},g=["points"],u=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(s){e.useSlots();const n=(t,o)=>t==="top"?o==="left"?"0,0 100,100 0,100":"100,0 100,100 0,100":o==="left"?"0,0 100,0 0,100":"0,0 100,0 100,100",r=(t,o)=>{if(!t)return"md:col-span-4";switch(o){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""}},a=(t,o)=>{if(!t)return"";switch(o){case 25:return"md:col-span-3";case 50:return"md:col-span-2";case 75:return"md:col-span-1";case 100:default:return""}};return(t,o)=>(e.openBlock(),e.createElementBlock("section",{class:e.normalizeClass(["py-lg lg:py-xl",e.unref(l)("BGCOLOR",t.sectionBg)])},[e.createElementVNode("div",m,[(e.openBlock(),e.createElementBlock("svg",{class:e.normalizeClass(["block absolute left-0 inset-x-0 h-full w-full",e.unref(l)("SVGFILL",t.containerBg)]),viewBox:"0 0 100 100",preserveAspectRatio:"none","aria-hidden":"true"},[e.createElementVNode("polygon",{points:n("top",t.topDirection)},null,8,p)],2))]),e.createElementVNode("div",{class:e.normalizeClass(["py-md md:py-lg lg:py-xl px-sm md:px-md lg:px-lg",e.unref(l)("BGCOLOR",t.containerBg)])},[e.createElementVNode("div",f,[e.createElementVNode("div",{class:e.normalizeClass(r(t.twoColumns,t.leftColumnWidth))},[e.renderSlot(t.$slots,"left-column")],2),t.twoColumns&&t.leftColumnWidth!==100?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(a(t.twoColumns,t.leftColumnWidth))},[e.renderSlot(t.$slots,"right-column")],2)):e.createCommentVNode("",!0)])],2),e.createElementVNode("div",h,[(e.openBlock(),e.createElementBlock("svg",{class:e.normalizeClass(["block absolute left-0 inset-x-0 h-full w-full",e.unref(l)("SVGFILL",t.containerBg)]),viewBox:"0 0 100 100",preserveAspectRatio:"none","aria-hidden":"true"},[e.createElementVNode("polygon",{points:n("bottom",t.bottomDirection)},null,8,g)],2))])],2))}}),C=(s=>(e.pushScopeId("data-v-f3bc2137"),s=s(),e.popScopeId(),s))(()=>e.createElementVNode("div",{class:"absolute parallax-image bg-fixed bg-cover w-full top-0 left-0 bg-no-repeat"},null,-1)),B={class:"container relative z-[10] px-xs top-[-48px] md:top-[-96px] max-w-[1140px]"},_={class:"w-full"},b=["innerHTML"],k={class:"mt-sm"},y=((s,n)=>{const r=s.__vccOpts||s;for(const[a,t]of n)r[a]=t;return r})(e.defineComponent({__name:"MclContainerB",props:{sectionBgColor:{default:"transparent"},containerBgColor:{default:"light-2"},imageSource:{},imgHeightMobile:{default:256},imgHeightDesktop:{default:384},title:{},titleLevel:{default:"h2"},titleSize:{default:"md"},titleColor:{default:"dark-3"}},setup(s){const n=s;e.useSlots();const r=(t,o,d)=>{let c;return t==="h1"?c=l("H1",o):t==="h2"?c=l("H2",o):c=l("H3",o),`${c} ${l("TEXTCOLOR",d)}`},a=e.computed(()=>({"--bg-image":`url('${n.imageSource}')`,"--container-height-mobile":`${n.imgHeightMobile}px`,"--container-height-desktop":`${n.imgHeightDesktop>n.imgHeightMobile?n.imgHeightDesktop:n.imgHeightMobile}px`}));return(t,o)=>{const d=e.resolveComponent("compoenent");return e.openBlock(),e.createElementBlock("section",{class:e.normalizeClass(["relative pt-xl md:pt-3xl",e.unref(l)("BGCOLOR",t.sectionBgColor)])},[e.createElementVNode("div",{class:"relative parallax-container",style:e.normalizeStyle(a.value)},[C,e.createElementVNode("div",B,[e.createElementVNode("div",{class:e.normalizeClass([e.unref(l)("BGCOLOR",t.containerBgColor),"py-md md:py-lg px-xs md:px-md lg:p-xl"])},[e.createElementVNode("div",_,[e.createVNode(d,{is:t.titleLevel},{default:e.withCtx(()=>[e.createElementVNode("span",{class:e.normalizeClass(r(t.titleLevel,t.titleSize,t.titleColor)),innerHTML:t.title},null,10,b)]),_:1},8,["is"]),e.createElementVNode("div",k,[e.renderSlot(t.$slots,"content",{},void 0,!0)])])],2)])],4)],2)}}}),[["__scopeId","data-v-f3bc2137"]]);i.MclContainerA=u,i.MclContainerB=y,Object.defineProperty(i,Symbol.toStringTag,{value:"Module"})});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bobbykim/mcl-container",
-  "version": "0.6.1",
+  "version": "0.6.3",
   "description": "basic container components based on manguito-theme",
   "type": "module",
   "files": [
@@ -33,7 +33,7 @@
   },
   "license": "MIT",
   "dependencies": {
-    "@bobbykim/manguito-theme": "0.20.0",
+    "@bobbykim/manguito-theme": "0.22.0",
     "vue": "^3.3.10"
   },
   "devDependencies": {
@@ -45,5 +45,5 @@
     "vite-plugin-dts": "^3.8.3",
     "vue-tsc": "^1.8.25"
   },
-  "gitHead": "2e677770b8628a9616237cd3812af2dcb20ee5bb"
+  "gitHead": "611995a0ec341a9fb5289ab695114ea7b1ac949e"
 }