@bobbykim/mcl-cards 0.7.4 → 0.8.0

package/dist/mcl-cards.umd.cjs

@@ -1,2 +1,2 @@
-(function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode('.content-height[data-v-7bb0ad8b]{height:calc(100% - 200px)}.perspective[data-v-4f321931]{perspective:1800px}.card[data-v-4f321931]{transform-style:preserve-3d;transform:rotateY(0);backface-visibility:hidden}.flip-card[data-v-4f321931]{transform:rotateY(360deg)}.card[data-v-09793bca]{background-size:cover;background-position:center center;background-repeat:no-repeat;padding:var(--border-width);animation:bg-spin-09793bca 4s linear infinite}@keyframes bg-spin-09793bca{to{--border-angle: 360deg}}.card[data-v-09793bca]:hover{animation-play-state:paused}@property --border-angle{syntax: "<angle>"; inherits: true; initial-value: 0deg;}')),document.head.appendChild(e)}}catch(a){console.error("vite-plugin-css-injected-by-js",a)}})();
-(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.MclCards={},f.Vue,f.ManguitoTheme))})(this,function(f,e,i){"use strict";const B={key:0,class:"relative"},T=["src","alt","crossorigin"],w=["innerHTML"],E={class:"content-height flex flex-col justify-between"},L={class:"min-h-[100px] p-0"},O={class:"px-xs pt-sm"},S=["innerHTML"],A=["innerHTML"],N={class:"w-full px-xs"},V=["href","target"],z=e.defineComponent({__name:"MclCardA",props:{title:{},titleSize:{default:"md"},titleColor:{default:"dark-3"},borderColor:{default:"light-3"},bgColor:{default:"light-1"},displayImage:{type:Boolean,default:!0},imageSource:{},imageAlt:{},imageCors:{default:"anonymous"},displayCta:{type:Boolean,default:!0},ctaAsLink:{type:Boolean,default:!1},ctaText:{default:"cta text"},ctaColor:{default:"primary"},ctaLink:{default:"#"},ctaTarget:{default:"_self"},displayLabel:{type:Boolean,default:!0},labelText:{default:"Lorem ipsum"},labelTextColor:{default:"light-1"},labelColor:{default:"dark-4"},enlargeOnHover:{type:Boolean,default:!1},displayHighlight:{type:Boolean,default:!0},highlightColor:{default:"primary"},rounded:{type:Boolean,default:!0},displayShadow:{type:Boolean,default:!0}},emits:["card-click","card-btn-click"],setup(h,{emit:g}){const p=h;e.useSlots();const d=g,u=(t,r,o,a,c)=>{const s=[i("BORDER",t),i("BGCOLOR",r)];return o?s.push("rounded-md"):s.push("rounded-sm"),a&&s.push("hover:scale-105 transition ease-in duration-300"),c&&s.push("drop-shadow-md"),s.join(" ")},m=(t,r,o)=>{const a=[i("H3",t),i("TEXTCOLOR",r)];return o?a.push("mb-2xs"):a.push("mb-xs"),a.join(" ")},C=(t,r)=>[i("TEXTCOLOR",t),i("BGCOLOR",r)].join(" "),y=(t,r)=>{const o=[i("BTNCOLOR",t)];let c=["light-1","light-2","light-3","light-4"].includes(t)?"text-black":"text-white";return o.push(c),r&&o.push("btn-round"),o.join(" ")},l=t=>{const{title:r,ctaLink:o,ctaTarget:a,ctaAsLink:c}=p,s={title:r,url:o,target:a||"_self"};!c&&t.preventDefault(),d("card-btn-click",t,s)},n=t=>{const{title:r,ctaLink:o,ctaTarget:a}=p;d("card-click",t,{title:r,url:o,target:a||"_self"})};return(t,r)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["overflow-hidden border max-w-[450px] sm:max-w-[350px] w-full xs:w-auto flex-grow flex-shrink-0 cursor-pointer",u(t.borderColor,t.bgColor,t.rounded,t.enlargeOnHover,t.displayShadow)]),onClick:n},[t.displayImage?(e.openBlock(),e.createElementBlock("div",B,[e.createElementVNode("img",{src:t.imageSource,alt:t.imageAlt,crossorigin:t.imageCors,class:"object-cover object-top h-[220px] min-w-full"},null,8,T),t.displayLabel?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(["py-3xs px-2xs ml-xs inline-block font-bold text-xs absolute bottom-0 translate-y-[50%]",C(t.labelTextColor,t.labelColor)]),innerHTML:t.labelText},null,10,w)):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0),e.createElementVNode("div",E,[e.createElementVNode("div",L,[e.createElementVNode("div",O,[!t.displayImage&&t.displayLabel?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(["py-3xs px-2xs mb-2xs inline-block font-bold text-xs",C(t.labelTextColor,t.labelColor)]),innerHTML:t.labelText},null,10,S)):e.createCommentVNode("",!0),e.createElementVNode("h3",{class:e.normalizeClass(m(t.titleSize,t.titleColor,t.displayHighlight)),innerHTML:t.title},null,10,A),t.displayHighlight?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(["mb-xs h-3xs w-md",e.unref(i)("BGCOLOR",t.highlightColor)])},null,2)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:"mb-sm cursor-default",onClick:r[0]||(r[0]=e.withModifiers(()=>{},["stop"]))},[e.renderSlot(t.$slots,"default",{},void 0,!0)])])]),t.displayCta?(e.openBlock(),e.createElementBlock("div",{key:0,class:"pb-sm border-0 cursor-default",onClick:r[2]||(r[2]=e.withModifiers(()=>{},["stop"]))},[e.createElementVNode("div",N,[e.createElementVNode("a",{href:t.ctaLink,target:t.ctaTarget,class:e.normalizeClass(["btn btn-full",y(t.ctaColor,t.rounded)]),onClick:r[1]||(r[1]=o=>l(o))},e.toDisplayString(t.ctaText),11,V)])])):e.createCommentVNode("",!0)])],2))}}),k=(h,g)=>{const p=h.__vccOpts||h;for(const[d,u]of g)p[d]=u;return p},M=k(z,[["__scopeId","data-v-7bb0ad8b"]]),j=["href","target"],H={class:"absolute z-[15] flex flex-col justify-end items-start inset-0 p-xs [@media(hover:hover)]:opacity-0 hover:opacity-100 peer transition-opacity duration-200"},R=["innerHTML"],x=["src","alt","crossorigin"],$=e.defineComponent({__name:"MclCardB",props:{title:{},titleSize:{default:"md"},titleColor:{default:"light-1"},titleBlockColor:{default:"dark-4"},borderColor:{default:"light-3"},imageSource:{},imageAlt:{},imageCors:{default:"anonymous"},displayGrayScale:{type:Boolean,default:!0},ctaAsLink:{type:Boolean,default:!1},ctaLink:{default:"#"},ctaTarget:{default:"_self"},rounded:{type:Boolean,default:!1}},emits:["card-click"],setup(h,{emit:g}){const p=h;e.useSlots();const d=g,u=(l,n)=>{const t=[i("BORDER",l)];return n?t.push("rounded-md"):t.push("rounded-sm"),t.join(" ")},m=l=>l?"[@media(hover:hover)]:grayscale peer-hover:grayscale-0":"",C=(l,n,t)=>[i("H3",l),i("TEXTCOLOR",n),i("BGCOLOR",t)].join(" "),y=l=>{const{title:n,ctaLink:t,ctaTarget:r,ctaAsLink:o}=p;!o&&l.preventDefault();const a={title:n,url:t,target:r||"_self"};console.log(a),d("card-click",l,a)};return(l,n)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["relative max-w-[450px] sm:max-w-[350px] w-full xs:w-auto flex-grow flex-shrink-0 cursor-pointer overflow-hidden border border-light-3",u(l.borderColor,l.rounded)])},[e.createElementVNode("a",{href:l.ctaLink,target:l.ctaTarget,onClick:n[0]||(n[0]=t=>y(t))},[e.createElementVNode("div",H,[e.createElementVNode("h3",{innerHTML:l.title,class:e.normalizeClass(["inline-block px-xs py-2xs mb-2xs pointer-events-none tracking-wide",C(l.titleSize,l.titleColor,l.titleBlockColor)])},null,10,R),e.renderSlot(l.$slots,"default")]),e.createElementVNode("img",{src:l.imageSource,alt:l.imageAlt,crossorigin:l.imageCors,class:e.normalizeClass(["relative z-10 object-cover aspect-[3/4] transition-all duration-200",m(l.displayGrayScale)])},null,10,x)],8,j)],2))}}),D=["src","alt","crossorigin"],G=k(e.defineComponent({__name:"MclCardC",props:{imageSource:{},imageAlt:{},title:{},titleSize:{default:"md"},titleColor:{default:"dark-3"},displayHighlight:{type:Boolean,default:!1},highlightColor:{default:"light-3"},highlightOpacity:{default:80},displayTitle:{type:Boolean,default:!1},cardColor:{default:"primary"},imageCors:{default:"anonymous"}},emits:["card-click"],setup(h,{emit:g}){const p=h;e.useSlots();const d=e.ref(!1),u=g,m=e.computed(()=>{const l=[i("BGCOLOR",p.cardColor)];return d.value&&l.push("flip-card"),l.join(" ")}),C=(l,n,t,r,o)=>{const a=[i("H3",l),i("TEXTCOLOR",n)];return t&&(a.push("px-xs py-2xs mb-2xs rounded"),a.push(i("BGCOLOR",r)),a.push(i("BGOPACITY",o))),a.join(" ")},y=l=>{l.preventDefault(),d.value&&u("card-click",l),d.value=!0};return(l,n)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["relative aspect-square card transition duration-[1600ms] max-h-[400px] overflow-hidden",m.value]),onClick:y},[e.createElementVNode("img",{src:l.imageSource,alt:l.imageAlt,class:e.normalizeClass([d.value?"opacity-100":"opacity-0","absolute inset-0 object-cover object-center transition-opacity delay-500 duration-[800ms] grayscale-0 hover:grayscale"]),crossorigin:l.imageCors},null,10,D),e.createElementVNode("div",{class:e.normalizeClass([d.value?"cursor-pointer opacity-100":"opacity-0","relative flex flex-col justify-end p-sm h-full transition delay-500 duration-[800ms]"])},[l.displayTitle?(e.openBlock(),e.createElementBlock("h3",{key:0,class:e.normalizeClass(["relative self-start",C(l.titleSize,l.titleColor,l.displayHighlight,l.highlightColor,l.highlightOpacity)])},[e.createElementVNode("span",null,e.toDisplayString(l.title),1)],2)):e.createCommentVNode("",!0),e.renderSlot(l.$slots,"card-body",{},void 0,!0)],2)],2))}}),[["__scopeId","data-v-4f321931"]]),I={class:"flex flex-col rounded-md overflow-hidden"},X=["src","crossorigin","alt"],q=["href","target"],P=k(e.defineComponent({__name:"MclCardD",props:{displayImage:{type:Boolean,default:!0},imageSource:{},imageAlt:{default:""},imageCors:{default:"anonymous"},title:{},titleSize:{default:"md"},titleColor:{default:"dark-4"},bgColor:{default:"light-1"},displayHighlight:{type:Boolean,default:!0},highlightColor:{default:"primary"},ctaText:{default:"Read more"},ctaLink:{},ctaLinkTarget:{default:"_self"},ctaAsLink:{type:Boolean,default:!1},ctaButton:{type:Boolean,default:!1},ctaButtonColor:{default:"warning"},ctaButtonBlock:{type:Boolean,default:!1},borderWidth:{default:3},borderColor:{default:"light-3"},gradient1:{default:"primary"},gradient2:{default:"secondary"},customColor:{}},emits:["card-click"],setup(h,{emit:g}){const p={primary:"from-primary",secondary:"from-secondary",success:"from-success",info:"from-info",warning:"from-warning",danger:"from-danger","light-1":"from-light-1","light-2":"from-light-2","light-3":"from-light-3","light-4":"from-light-4","dark-1":"from-dark-1","dark-2":"from-dark-2","dark-3":"from-dark-3","dark-4":"from-dark-4",black:"from-black",white:"from-white",transparent:"from-transparent"},d={primary:"via-primary",secondary:"via-secondary",success:"via-success",info:"via-info",warning:"via-warning",danger:"via-danger","light-1":"via-light-1","light-2":"via-light-2","light-3":"via-light-3","light-4":"via-light-4","dark-1":"via-dark-1","dark-2":"via-dark-2","dark-3":"via-dark-3","dark-4":"via-dark-4",black:"via-black",white:"via-white",transparent:"via-transparent"},u={primary:"to-primary",secondary:"to-secondary",success:"to-success",info:"to-info",warning:"to-warning",danger:"to-danger","light-1":"to-light-1","light-2":"to-light-2","light-3":"to-light-3","light-4":"to-light-4","dark-1":"to-dark-1","dark-2":"to-dark-2","dark-3":"to-dark-3","dark-4":"to-dark-4",black:"to-black",white:"to-white",transparent:"to-transparent"},m=h;e.useSlots();const C=g,y=(o,a)=>[i("H2",o),i("TEXTCOLOR",a)].join(" "),l=(o,a,c)=>{const s=[],b=["light-1","light-2","light-3","light-4"];return o||s.push("mcl-link"),o&&(s.push("btn"),s.push(i("BTNCOLOR",a))),o&&c&&s.push("btn-full"),o&&!b.includes(a)&&s.push("text-white"),s.join(" ")},n=e.computed(()=>({"--border-width":`${m.borderWidth}px`})),t=e.computed(()=>{const o=p[m.borderColor],a=d[m.gradient1],c=u[m.gradient2];return[i("BORDER",m.borderColor),o,a,c].join(" ")}),r=o=>{const{title:a,ctaLink:c,ctaLinkTarget:s,ctaAsLink:b}=m,W={title:a,url:c,target:s||"_self"};!b&&o.preventDefault(),C("card-click",o,W)};return(o,a)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["card [--border-angle:0deg] bg-[conic-gradient(from_var(--border-angle),var(--tw-gradient-stops))] from-20% overflow-hidden rounded-md max-w-[450px] sm:max-w-[350px] w-full xs:w-auto flex-grow flex-shrink-0 border",t.value]),style:e.normalizeStyle(n.value)},[e.createElementVNode("div",I,[o.displayImage?(e.openBlock(),e.createElementBlock("img",{key:0,src:o.imageSource,crossorigin:o.imageCors,class:"object-cover object-top max-h-[200px]",alt:o.imageAlt},null,8,X)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(["p-xs",e.unref(i)("BGCOLOR",o.bgColor)])},[e.createElementVNode("h3",{class:e.normalizeClass(["mb-xs",y(o.titleSize,o.titleColor)])},e.toDisplayString(o.title),3),o.displayHighlight?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["mb-xs h-3xs w-md",e.unref(i)("BGCOLOR",o.highlightColor)])},null,2)):e.createCommentVNode("",!0),e.createElementVNode("div",null,[e.renderSlot(o.$slots,"default",{},void 0,!0)]),e.createElementVNode("div",{class:e.normalizeClass(["mt-xs",{"mb-2xs":!o.ctaButton}])},[e.createElementVNode("a",{href:o.ctaLink,target:o.ctaLinkTarget,class:e.normalizeClass(l(o.ctaButton,o.ctaButtonColor,o.ctaButtonBlock)),onClick:r},e.toDisplayString(o.ctaText),11,q)],2)],2)])],6))}}),[["__scopeId","data-v-09793bca"]]);f.MclCardA=M,f.MclCardB=$,f.MclCardC=G,f.MclCardD=P,Object.defineProperty(f,Symbol.toStringTag,{value:"Module"})});
+(function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode('.content-height[data-v-9021bcb6]{height:calc(100% - 200px)}.perspective[data-v-0d2f293c]{perspective:1800px}.card[data-v-0d2f293c]{transform-style:preserve-3d;transform:rotateY(0);backface-visibility:hidden}.flip-card[data-v-0d2f293c]{transform:rotateY(360deg)}.card[data-v-237930d5]{background-size:cover;background-position:center center;background-repeat:no-repeat;padding:var(--border-width);animation:bg-spin-237930d5 4s linear infinite}@keyframes bg-spin-237930d5{to{--border-angle: 360deg}}.card[data-v-237930d5]:hover{animation-play-state:paused}@property --border-angle{syntax: "<angle>"; inherits: true; initial-value: 0deg;}')),document.head.appendChild(e)}}catch(a){console.error("vite-plugin-css-injected-by-js",a)}})();
+(function(f,t){typeof exports=="object"&&typeof module<"u"?t(exports,require("vue"),require("@bobbykim/manguito-theme")):typeof define=="function"&&define.amd?define(["exports","vue","@bobbykim/manguito-theme"],t):(f=typeof globalThis<"u"?globalThis:f||self,t(f.MclCards={},f.Vue,f.ManguitoTheme))})(this,function(f,t,i){"use strict";const B={key:0,class:"relative"},w=["src","alt"],x=["innerHTML"],E={class:"content-height flex flex-col justify-between"},L={class:"min-h-[100px] p-0"},T={class:"px-xs pt-sm"},O=["innerHTML"],S=["innerHTML"],_={class:"w-full px-xs"},A=["href","target"],N=t.defineComponent({__name:"MclCardA",props:{title:{},titleSize:{default:"md"},titleColor:{default:"dark-3"},borderColor:{default:"light-3"},bgColor:{default:"light-1"},displayImage:{type:Boolean,default:!0},imageSource:{},imageAlt:{},displayCta:{type:Boolean,default:!0},ctaAsLink:{type:Boolean,default:!1},ctaText:{default:"cta text"},ctaColor:{default:"primary"},ctaLink:{default:"#"},ctaTarget:{default:"_self"},displayLabel:{type:Boolean,default:!0},labelText:{default:"Lorem ipsum"},labelTextColor:{default:"light-1"},labelColor:{default:"dark-4"},enlargeOnHover:{type:Boolean,default:!1},displayHighlight:{type:Boolean,default:!0},highlightColor:{default:"primary"},rounded:{type:Boolean,default:!0},displayShadow:{type:Boolean,default:!0}},emits:["card-click","card-btn-click"],setup(h,{emit:u}){const s=h;t.useSlots();const d=u,g=t.computed(()=>{const{borderColor:e,bgColor:r,rounded:l,enlargeOnHover:a,displayShadow:p}=s,n=[i("BORDER",e),i("BGCOLOR",r)];return n.push(l?"rounded-md":"rounded-sm"),a&&n.push("hover:scale-105 transition ease-in duration-300"),p&&n.push("drop-shadow-md"),n.join(" ")}),m=t.computed(()=>{const{titleSize:e,titleColor:r,displayHighlight:l}=s,a=[i("H3",e),i("TEXTCOLOR",r)];return a.push(l?"mb-2xs":"mb-xs"),a.join(" ")}),k=t.computed(()=>{const{labelTextColor:e,labelColor:r}=s;return[i("TEXTCOLOR",e),i("BGCOLOR",r)].join(" ")}),y=t.computed(()=>{const{ctaColor:e,rounded:r}=s,l=[i("BTNCOLOR",e)];let p=["light-1","light-2","light-3","light-4"].includes(e)?"text-black":"text-white";return l.push(p),r&&l.push("btn-round"),l.join(" ")}),o=e=>{const{title:r,ctaLink:l,ctaTarget:a,ctaAsLink:p}=s,n={title:r,url:l,target:a||"_self"};!p&&e.preventDefault(),d("card-btn-click",e,n)},c=e=>{const{title:r,ctaLink:l,ctaTarget:a}=s;d("card-click",e,{title:r,url:l,target:a||"_self"})};return(e,r)=>(t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["overflow-hidden border max-w-[450px] sm:max-w-[350px] w-full xs:w-auto flex-grow flex-shrink-0 cursor-pointer",g.value]),onClick:c},[e.displayImage?(t.openBlock(),t.createElementBlock("div",B,[t.createElementVNode("img",{src:e.imageSource,alt:e.imageAlt,class:"object-cover object-top h-[220px] min-w-full"},null,8,w),e.displayLabel?(t.openBlock(),t.createElementBlock("span",{key:0,class:t.normalizeClass(["py-3xs px-2xs ml-xs inline-block font-bold text-xs absolute bottom-0 translate-y-[50%]",k.value]),innerHTML:e.labelText},null,10,x)):t.createCommentVNode("",!0)])):t.createCommentVNode("",!0),t.createElementVNode("div",E,[t.createElementVNode("div",L,[t.createElementVNode("div",T,[!e.displayImage&&e.displayLabel?(t.openBlock(),t.createElementBlock("span",{key:0,class:t.normalizeClass(["py-3xs px-2xs mb-2xs inline-block font-bold text-xs",k.value]),innerHTML:e.labelText},null,10,O)):t.createCommentVNode("",!0),t.createElementVNode("h3",{class:t.normalizeClass(m.value),innerHTML:e.title},null,10,S),e.displayHighlight?(t.openBlock(),t.createElementBlock("div",{key:1,class:t.normalizeClass(["mb-xs h-3xs w-md",t.unref(i)("BGCOLOR",e.highlightColor)])},null,2)):t.createCommentVNode("",!0),t.createElementVNode("div",{class:"mb-sm cursor-default",onClick:r[0]||(r[0]=t.withModifiers(()=>{},["stop"]))},[t.renderSlot(e.$slots,"default",{},void 0,!0)])])]),e.displayCta?(t.openBlock(),t.createElementBlock("div",{key:0,class:"pb-sm border-0 cursor-default",onClick:r[2]||(r[2]=t.withModifiers(()=>{},["stop"]))},[t.createElementVNode("div",_,[t.createElementVNode("a",{href:e.ctaLink,target:e.ctaTarget,class:t.normalizeClass(["btn btn-full",y.value]),onClick:r[1]||(r[1]=l=>o(l))},t.toDisplayString(e.ctaText),11,A)])])):t.createCommentVNode("",!0)])],2))}}),C=(h,u)=>{const s=h.__vccOpts||h;for(const[d,g]of u)s[d]=g;return s},V=C(N,[["__scopeId","data-v-9021bcb6"]]),z=["href","target"],j={class:"absolute z-[15] flex flex-col justify-end items-start inset-0 p-xs [@media(hover:hover)]:opacity-0 hover:opacity-100 peer transition-opacity duration-200"},M=["innerHTML"],R=["src","alt"],H=t.defineComponent({__name:"MclCardB",props:{title:{},titleSize:{default:"md"},titleColor:{default:"light-1"},titleBlockColor:{default:"dark-4"},borderColor:{default:"light-3"},imageSource:{},imageAlt:{},displayGrayScale:{type:Boolean,default:!0},ctaAsLink:{type:Boolean,default:!1},ctaLink:{default:"#"},ctaTarget:{default:"_self"},rounded:{type:Boolean,default:!1}},emits:["card-click"],setup(h,{emit:u}){const s=h;t.useSlots();const d=u,g=t.computed(()=>{const{borderColor:o,rounded:c}=s,e=[i("BORDER",o)];return e.push(c?"rounded-md":"rounded-sm"),e.join(" ")}),m=t.computed(()=>{const{displayGrayScale:o}=s;return o?"[@media(hover:hover)]:grayscale peer-hover:grayscale-0":""}),k=t.computed(()=>{const{titleSize:o,titleColor:c,titleBlockColor:e}=s;return[i("H3",o),i("TEXTCOLOR",c),i("BGCOLOR",e)].join(" ")}),y=o=>{const{title:c,ctaLink:e,ctaTarget:r,ctaAsLink:l}=s;!l&&o.preventDefault();const a={title:c,url:e,target:r||"_self"};console.log(a),d("card-click",o,a)};return(o,c)=>(t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["relative max-w-[450px] sm:max-w-[350px] w-full xs:w-auto flex-grow flex-shrink-0 cursor-pointer overflow-hidden border",g.value])},[t.createElementVNode("a",{href:o.ctaLink,target:o.ctaTarget,onClick:c[0]||(c[0]=e=>y(e))},[t.createElementVNode("div",j,[t.createElementVNode("h3",{innerHTML:o.title,class:t.normalizeClass(["inline-block px-xs py-2xs mb-2xs pointer-events-none tracking-wide",k.value])},null,10,M),t.renderSlot(o.$slots,"default")]),t.createElementVNode("img",{src:o.imageSource,alt:o.imageAlt,class:t.normalizeClass(["relative h-full w-full z-10 object-cover object-center aspect-[3/4] transition-all duration-200",m.value])},null,10,R)],8,z)],2))}}),$=["src","alt"],D=C(t.defineComponent({__name:"MclCardC",props:{imageSource:{},imageAlt:{},title:{},titleSize:{default:"md"},titleColor:{default:"dark-3"},displayHighlight:{type:Boolean,default:!1},highlightColor:{default:"light-3"},highlightOpacity:{default:80},displayTitle:{type:Boolean,default:!1},cardColor:{default:"primary"}},emits:["card-click"],setup(h,{emit:u}){const s=h;t.useSlots();const d=t.ref(!1),g=u,m=t.computed(()=>{const o=[i("BGCOLOR",s.cardColor)];return d.value&&o.push("flip-card"),o.join(" ")}),k=t.computed(()=>{const{titleSize:o,titleColor:c,displayHighlight:e,highlightColor:r,highlightOpacity:l}=s,a=[i("H3",o),i("TEXTCOLOR",c)];return e&&(a.push("px-xs py-2xs mb-2xs rounded"),a.push(i("BGCOLOR",r)),a.push(i("BGOPACITY",l))),a.join(" ")}),y=o=>{o.preventDefault(),d.value&&g("card-click",o),d.value=!0};return(o,c)=>(t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["relative aspect-square card transition duration-[1600ms] max-h-[400px] overflow-hidden",m.value]),onClick:y},[t.createElementVNode("img",{src:o.imageSource,alt:o.imageAlt,class:t.normalizeClass([d.value?"opacity-100":"opacity-0","absolute w-full h-full object-cover object-center aspect-square transition-opacity delay-500 duration-[800ms]"])},null,10,$),t.createElementVNode("div",{class:t.normalizeClass([d.value?"cursor-pointer opacity-100":"opacity-0","relative flex flex-col justify-end p-sm h-full transition delay-500 duration-[800ms]"])},[o.displayTitle?(t.openBlock(),t.createElementBlock("h3",{key:0,class:t.normalizeClass(["relative self-start",k.value])},[t.createElementVNode("span",null,t.toDisplayString(o.title),1)],2)):t.createCommentVNode("",!0),t.renderSlot(o.$slots,"card-body",{},void 0,!0)],2)],2))}}),[["__scopeId","data-v-0d2f293c"]]),G={class:"flex flex-col rounded-md overflow-hidden"},I=["src","alt"],X=["href","target"],q=C(t.defineComponent({__name:"MclCardD",props:{displayImage:{type:Boolean,default:!0},imageSource:{},imageAlt:{default:""},title:{},titleSize:{default:"md"},titleColor:{default:"dark-4"},bgColor:{default:"light-1"},displayHighlight:{type:Boolean,default:!0},highlightColor:{default:"primary"},ctaText:{default:"Read more"},ctaLink:{},ctaLinkTarget:{default:"_self"},ctaAsLink:{type:Boolean,default:!1},ctaButton:{type:Boolean,default:!1},ctaButtonColor:{default:"warning"},ctaButtonBlock:{type:Boolean,default:!1},borderWidth:{default:3},borderColor:{default:"light-3"},gradient1:{default:"primary"},gradient2:{default:"secondary"},customColor:{}},emits:["card-click"],setup(h,{emit:u}){const s={primary:"from-primary",secondary:"from-secondary",success:"from-success",info:"from-info",warning:"from-warning",danger:"from-danger","light-1":"from-light-1","light-2":"from-light-2","light-3":"from-light-3","light-4":"from-light-4","dark-1":"from-dark-1","dark-2":"from-dark-2","dark-3":"from-dark-3","dark-4":"from-dark-4",black:"from-black",white:"from-white",transparent:"from-transparent"},d={primary:"via-primary",secondary:"via-secondary",success:"via-success",info:"via-info",warning:"via-warning",danger:"via-danger","light-1":"via-light-1","light-2":"via-light-2","light-3":"via-light-3","light-4":"via-light-4","dark-1":"via-dark-1","dark-2":"via-dark-2","dark-3":"via-dark-3","dark-4":"via-dark-4",black:"via-black",white:"via-white",transparent:"via-transparent"},g={primary:"to-primary",secondary:"to-secondary",success:"to-success",info:"to-info",warning:"to-warning",danger:"to-danger","light-1":"to-light-1","light-2":"to-light-2","light-3":"to-light-3","light-4":"to-light-4","dark-1":"to-dark-1","dark-2":"to-dark-2","dark-3":"to-dark-3","dark-4":"to-dark-4",black:"to-black",white:"to-white",transparent:"to-transparent"},m=h;t.useSlots();const k=u,y=t.computed(()=>{const{titleSize:l,titleColor:a}=m;return[i("H2",l),i("TEXTCOLOR",a)].join(" ")}),o=t.computed(()=>{const{ctaButton:l,ctaButtonColor:a,ctaButtonBlock:p}=m,n=[],b=["light-1","light-2","light-3","light-4"];return l?n.push("btn",i("BTNCOLOR",a)):n.push("mcl-link"),l&&p&&n.push("btn-full"),l&&!b.includes(a)&&n.push("text-white"),n.join(" ")}),c=t.computed(()=>({"--border-width":`${m.borderWidth}px`})),e=t.computed(()=>{const l=s[m.borderColor],a=d[m.gradient1],p=g[m.gradient2];return[i("BORDER",m.borderColor),l,a,p].join(" ")}),r=l=>{const{title:a,ctaLink:p,ctaLinkTarget:n,ctaAsLink:b}=m,P={title:a,url:p,target:n||"_self"};!b&&l.preventDefault(),k("card-click",l,P)};return(l,a)=>(t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["card [--border-angle:0deg] bg-[conic-gradient(from_var(--border-angle),var(--tw-gradient-stops))] from-20% overflow-hidden rounded-md max-w-[450px] sm:max-w-[350px] w-full xs:w-auto flex-grow flex-shrink-0 border",e.value]),style:t.normalizeStyle(c.value)},[t.createElementVNode("div",G,[l.displayImage?(t.openBlock(),t.createElementBlock("img",{key:0,src:l.imageSource,class:"object-cover object-top max-h-[200px] min-w-full",alt:l.imageAlt},null,8,I)):t.createCommentVNode("",!0),t.createElementVNode("div",{class:t.normalizeClass(["p-xs",t.unref(i)("BGCOLOR",l.bgColor)])},[t.createElementVNode("h3",{class:t.normalizeClass(["mb-xs",y.value])},t.toDisplayString(l.title),3),l.displayHighlight?(t.openBlock(),t.createElementBlock("div",{key:0,class:t.normalizeClass(["mb-xs h-3xs w-md",t.unref(i)("BGCOLOR",l.highlightColor)])},null,2)):t.createCommentVNode("",!0),t.createElementVNode("div",null,[t.renderSlot(l.$slots,"default",{},void 0,!0)]),t.createElementVNode("div",{class:t.normalizeClass(["mt-xs",{"mb-2xs":!l.ctaButton}])},[t.createElementVNode("a",{href:l.ctaLink,target:l.ctaLinkTarget,class:t.normalizeClass(o.value),onClick:r},t.toDisplayString(l.ctaText),11,X)],2)],2)])],6))}}),[["__scopeId","data-v-237930d5"]]);f.MclCardA=V,f.MclCardB=H,f.MclCardC=D,f.MclCardD=q,Object.defineProperty(f,Symbol.toStringTag,{value:"Module"})});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bobbykim/mcl-cards",
-  "version": "0.7.4",
+  "version": "0.8.0",
   "description": "card components based on @bobbykim/manguito-theme",
   "type": "module",
   "files": [
@@ -33,17 +33,17 @@
   },
   "license": "MIT",
   "dependencies": {
-    "@bobbykim/manguito-theme": "0.22.1",
-    "vue": "^3.3.10"
+    "@bobbykim/manguito-theme": "0.23.0",
+    "vue": "^3.5.13"
   },
   "devDependencies": {
-    "@vitejs/plugin-vue": "^4.5.2",
-    "sass": "^1.69.5",
-    "typescript": "^5.3.3",
-    "vite": "^4.5.1",
-    "vite-plugin-css-injected-by-js": "^3.5.0",
-    "vite-plugin-dts": "^3.8.3",
-    "vue-tsc": "^1.8.25"
+    "@vitejs/plugin-vue": "^5.2.1",
+    "sass": "^1.82.0",
+    "typescript": "^5.7.2",
+    "vite": "^6.0.3",
+    "vite-plugin-css-injected-by-js": "^3.5.2",
+    "vite-plugin-dts": "^4.3.0",
+    "vue-tsc": "^2.1.10"
   },
-  "gitHead": "9b631d93e295d0a94a1bee83153c6671045221ef"
+  "gitHead": "0c86a1a70a33446112dafbaf5fce5fdcb5fdf755"
 }