@bobbykim/mcl-cards 0.9.1 → 0.9.3

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('.perspective[data-v-0d2f293c]{-webkit-perspective:1800px;perspective:1800px}.card[data-v-0d2f293c]{-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform:rotateY(0deg);transform:rotateY(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.flip-card[data-v-0d2f293c]{-webkit-transform:rotateY(360deg);transform:rotateY(360deg)}.card[data-v-390b5ad7]{background-size:cover;background-position:center center;background-repeat:no-repeat;padding:var(--border-width);background:conic-gradient(from var(--border-angle, 0deg),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-via),var(--tw-gradient-to));animation:bg-spin-390b5ad7 4s linear infinite}@keyframes bg-spin-390b5ad7{0%{--border-angle: 0deg}to{--border-angle: 360deg}}.card[data-v-390b5ad7]:hover{animation-play-state:paused}@property --border-angle{syntax: "<angle>"; inherits: false; 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 w={key:0,class:"relative"},x=["src","alt"],E=["innerHTML"],L={class:"flex h-full flex-col justify-between"},T={class:"px-xs pt-sm flex-1"},O=["innerHTML"],S=["innerHTML"],z={class:"px-xs w-full"},N=["href","target"],V=t.defineComponent({__name:"MclCardA",props:{title:{},titleSize:{default:"md"},titleColor:{default:"dark-3"},borderColor:{default:"light-3"},bgColor:{default:"light-1"},fullWidth:{type:Boolean,default:!1},glass:{type:Boolean,default:!1},glassBlur:{default:"sm"},glassOpacity:{default:20},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 c=u,g=t.computed(()=>{const{borderColor:e,bgColor:a,rounded:l,enlargeOnHover:r,displayShadow:p,glass:m,glassBlur:C,glassOpacity:b,fullWidth:W}=s;return[i("BORDER",e),i("BGCOLOR",a),!W&&"max-w-[450px] sm:max-w-[350px]",l?"rounded-lg":"rounded-sm",r&&"hover:scale-105 transition ease-in duration-300",p&&"drop-shadow-md",m&&i.getGlassmorphismClass(a,C,b)].filter(Boolean).join(" ")}),d=t.computed(()=>{const{titleSize:e,titleColor:a,displayHighlight:l}=s;return[i("H3",e),i("TEXTCOLOR",a),l?"mb-2xs":"mb-xs"].filter(Boolean).join(" ")}),k=t.computed(()=>{const{labelTextColor:e,labelColor:a}=s;return[i("TEXTCOLOR",e),i("BGCOLOR",a)].filter(Boolean).join(" ")}),y=t.computed(()=>{const{ctaColor:e,rounded:a}=s,l=["light-1","light-2","light-3","light-4"];return[i("BTNCOLOR",e),l.includes(e)?"text-black":"text-white",a&&"btn-round"].filter(Boolean).join(" ")}),o=e=>{const{title:a,ctaLink:l,ctaTarget:r,ctaAsLink:p}=s,m={title:a,url:l,target:r||"_self"};!p&&e.preventDefault(),c("card-btn-click",e,m)},n=e=>{const{title:a,ctaLink:l,ctaTarget:r}=s;c("card-click",e,{title:a,url:l,target:r||"_self"})};return(e,a)=>(t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["xs:w-auto flex w-full flex-shrink-0 flex-grow cursor-pointer flex-col overflow-hidden border",g.value]),onClick:n},[e.displayImage?(t.openBlock(),t.createElementBlock("div",w,[t.createElementVNode("img",{src:e.imageSource,alt:e.imageAlt,class:"aspect-video min-w-full object-cover object-top"},null,8,x),e.displayLabel?(t.openBlock(),t.createElementBlock("span",{key:0,class:t.normalizeClass(["py-3xs px-2xs ml-xs absolute bottom-0 inline-block translate-y-[50%] text-xs font-bold",k.value]),innerHTML:e.labelText},null,10,E)):t.createCommentVNode("",!0)])):t.createCommentVNode("",!0),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 text-xs font-bold",k.value]),innerHTML:e.labelText},null,10,O)):t.createCommentVNode("",!0),t.createElementVNode("h3",{class:t.normalizeClass(d.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:a[0]||(a[0]=t.withModifiers(()=>{},["stop"]))},[t.renderSlot(e.$slots,"default")])]),e.displayCta?(t.openBlock(),t.createElementBlock("div",{key:0,class:"pb-sm cursor-default border-0",onClick:a[2]||(a[2]=t.withModifiers(()=>{},["stop"]))},[t.createElementVNode("div",z,[t.createElementVNode("a",{href:e.ctaLink,target:e.ctaTarget,class:t.normalizeClass(["btn btn-full",y.value]),onClick:a[1]||(a[1]=l=>o(l))},t.toDisplayString(e.ctaText),11,N)])])):t.createCommentVNode("",!0)])],2))}}),_=["href","target"],A={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"},j=["innerHTML"],M=["src","alt"],R=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 c=u,g=t.computed(()=>{const{borderColor:o,rounded:n}=s,e=[i("BORDER",o)];return e.push(n?"rounded-md":"rounded-sm"),e.join(" ")}),d=t.computed(()=>{const{displayGrayScale:o}=s;return o?"[@media(hover:hover)]:grayscale peer-hover:grayscale-0":""}),k=t.computed(()=>{const{titleSize:o,titleColor:n,titleBlockColor:e}=s;return[i("H3",o),i("TEXTCOLOR",n),i("BGCOLOR",e)].join(" ")}),y=o=>{const{title:n,ctaLink:e,ctaTarget:a,ctaAsLink:l}=s;!l&&o.preventDefault();const r={title:n,url:e,target:a||"_self"};console.log(r),c("card-click",o,r)};return(o,n)=>(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:n[0]||(n[0]=e=>y(e))},[t.createElementVNode("div",A,[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,j),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",d.value])},null,10,M)],8,_)],2))}}),H=["src","alt"],$=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 c=t.ref(!1),g=u,d=t.computed(()=>{const o=[i("BGCOLOR",s.cardColor)];return c.value&&o.push("flip-card"),o.join(" ")}),k=t.computed(()=>{const{titleSize:o,titleColor:n,displayHighlight:e,highlightColor:a,highlightOpacity:l}=s,r=[i("H3",o),i("TEXTCOLOR",n)];return e&&(r.push("px-xs py-2xs mb-2xs rounded"),r.push(i("BGCOLOR",a)),r.push(i("BGOPACITY",l))),r.join(" ")}),y=o=>{o.preventDefault(),c.value&&g("card-click",o),c.value=!0};return(o,n)=>(t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["relative aspect-square card transition duration-[1600ms] max-h-[400px] overflow-hidden",d.value]),onClick:y},[t.createElementVNode("img",{src:o.imageSource,alt:o.imageAlt,class:t.normalizeClass([c.value?"opacity-100":"opacity-0","absolute w-full h-full object-cover object-center aspect-square transition-opacity delay-500 duration-[800ms]"])},null,10,H),t.createElementVNode("div",{class:t.normalizeClass([c.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))}}),B=(h,u)=>{const s=h.__vccOpts||h;for(const[c,g]of u)s[c]=g;return s},D=B($,[["__scopeId","data-v-0d2f293c"]]),G={class:"flex flex-col overflow-hidden rounded-md"},I=["src","alt"],X=["href","target"],q=B(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"},c={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"},d=h;t.useSlots();const k=u,y=t.computed(()=>{const{titleSize:l,titleColor:r}=d;return[i("H2",l),i("TEXTCOLOR",r)].join(" ")}),o=t.computed(()=>{const{ctaButton:l,ctaButtonColor:r,ctaButtonBlock:p}=d,m=[],C=["light-1","light-2","light-3","light-4"];return l?m.push("btn",i("BTNCOLOR",r)):m.push("mcl-link"),l&&p&&m.push("btn-full"),l&&!C.includes(r)&&m.push("text-white"),m.join(" ")}),n=t.computed(()=>({"--border-width":`${d.borderWidth}px`})),e=t.computed(()=>{const l=s[d.borderColor],r=c[d.gradient1],p=g[d.gradient2];return[i("BORDER",d.borderColor),l,r,p].join(" ")}),a=l=>{const{title:r,ctaLink:p,ctaLinkTarget:m,ctaAsLink:C}=d,b={title:r,url:p,target:m||"_self"};!C&&l.preventDefault(),k("card-click",l,b)};return(l,r)=>(t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["card xs:w-auto w-full max-w-[450px] flex-shrink-0 flex-grow overflow-hidden rounded-md border from-20% sm:max-w-[350px]",e.value]),style:t.normalizeStyle(n.value)},[t.createElementVNode("div",G,[l.displayImage?(t.openBlock(),t.createElementBlock("img",{key:0,src:l.imageSource,class:"max-h-[200px] min-w-full object-cover object-top",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:a},t.toDisplayString(l.ctaText),11,X)],2)],2)])],6))}}),[["__scopeId","data-v-390b5ad7"]]);f.MclCardA=V,f.MclCardB=R,f.MclCardC=D,f.MclCardD=q,Object.defineProperty(f,Symbol.toStringTag,{value:"Module"})});
+(function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode('.perspective[data-v-f748c495]{-webkit-perspective:1800px;perspective:1800px}.card[data-v-f748c495]{-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform:rotateY(0deg);transform:rotateY(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.flip-card[data-v-f748c495]{-webkit-transform:rotateY(360deg);transform:rotateY(360deg)}.card[data-v-09214c6f]{background-size:cover;background-position:center center;background-repeat:no-repeat;padding:var(--border-width);background:conic-gradient(from var(--border-angle, 0deg),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-via),var(--tw-gradient-to));animation:bg-spin-09214c6f 4s linear infinite}@keyframes bg-spin-09214c6f{0%{--border-angle: 0deg}to{--border-angle: 360deg}}.card[data-v-09214c6f]:hover{animation-play-state:paused}@property --border-angle{syntax: "<angle>"; inherits: false; initial-value: 0deg;}')),document.head.appendChild(e)}}catch(r){console.error("vite-plugin-css-injected-by-js",r)}})();
+(function(p,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):(p=typeof globalThis<"u"?globalThis:p||self,t(p.MclCards={},p.Vue,p.ManguitoTheme))})(this,(function(p,t,n){"use strict";class v{bodyText={xs:"text-xs",sm:"text-sm",md:"text-md",lg:"text-lg",xl:"text-xl"};fontweight={light:"font-light",normal:"font-normal",bold:"font-bold"};textAlign={left:"text-left",center:"text-center",right:"text-right"}}class B{borderWidth={1:"border-[1px]",2:"border-[2px]",3:"border-[3px]",4:"border-[4px]",5:"border-[5px]",6:"border-[6px]",7:"border-[7px]",8:"border-[8px]",9:"border-[9px]",10:"border-[10px]",11:"border-[11px]",12:"border-[12px]"};borderXWidth={1:"border-x-[1px]",2:"border-x-[2px]",3:"border-x-[3px]",4:"border-x-[4px]",5:"border-x-[5px]",6:"border-x-[6px]",7:"border-x-[7px]",8:"border-x-[8px]",9:"border-x-[9px]",10:"border-x-[10px]",11:"border-x-[11px]",12:"border-x-[12px]"};borderYWidth={1:"border-y-[1px]",2:"border-y-[2px]",3:"border-y-[3px]",4:"border-y-[4px]",5:"border-y-[5px]",6:"border-y-[6px]",7:"border-y-[7px]",8:"border-y-[8px]",9:"border-y-[9px]",10:"border-y-[10px]",11:"border-y-[11px]",12:"border-y-[12px]"};borderTopWidth={1:"border-t-[1px]",2:"border-t-[2px]",3:"border-t-[3px]",4:"border-t-[4px]",5:"border-t-[5px]",6:"border-t-[6px]",7:"border-t-[7px]",8:"border-t-[8px]",9:"border-t-[9px]",10:"border-t-[10px]",11:"border-t-[11px]",12:"border-t-[12px]"};borderBottomWidth={1:"border-b-[1px]",2:"border-b-[2px]",3:"border-b-[3px]",4:"border-b-[4px]",5:"border-b-[5px]",6:"border-b-[6px]",7:"border-b-[7px]",8:"border-b-[8px]",9:"border-b-[9px]",10:"border-b-[10px]",11:"border-b-[11px]",12:"border-b-[12px]"};borderLeftWidth={1:"border-l-[1px]",2:"border-l-[2px]",3:"border-l-[3px]",4:"border-l-[4px]",5:"border-l-[5px]",6:"border-l-[6px]",7:"border-l-[7px]",8:"border-l-[8px]",9:"border-l-[9px]",10:"border-l-[10px]",11:"border-l-[11px]",12:"border-l-[12px]"};borderRightWidth={1:"border-r-[1px]",2:"border-r-[2px]",3:"border-r-[3px]",4:"border-r-[4px]",5:"border-r-[5px]",6:"border-r-[6px]",7:"border-r-[7px]",8:"border-r-[8px]",9:"border-r-[9px]",10:"border-r-[10px]",11:"border-r-[11px]",12:"border-r-[12px]"}}class w{bgColor={primary:"bg-primary",secondary:"bg-secondary",success:"bg-success",danger:"bg-danger",info:"bg-info",warning:"bg-warning","light-1":"bg-light-1","light-2":"bg-light-2","light-3":"bg-light-3","light-4":"bg-light-4","dark-1":"bg-dark-1","dark-2":"bg-dark-2","dark-3":"bg-dark-3","dark-4":"bg-dark-4",black:"bg-black",white:"bg-white",transparent:"bg-transparent"};hoverBgColor={primary:"hover:bg-primary",secondary:"hover:bg-secondary",success:"hover:bg-success",danger:"hover:bg-danger",info:"hover:bg-info",warning:"hover:bg-warning","light-1":"hover:bg-light-1","light-2":"hover:bg-light-2","light-3":"hover:bg-light-3","light-4":"hover:bg-light-4","dark-1":"hover:bg-dark-1","dark-2":"hover:bg-dark-2","dark-3":"hover:bg-dark-3","dark-4":"hover:bg-dark-4",black:"hover:bg-black",white:"hover:bg-white",transparent:"hover:bg-transparent"};focusBgColor={primary:"focus:bg-primary",secondary:"focus:bg-secondary",success:"focus:bg-success",danger:"focus:bg-danger",info:"focus:bg-info",warning:"focus:bg-warning","light-1":"focus:bg-light-1","light-2":"focus:bg-light-2","light-3":"focus:bg-light-3","light-4":"focus:bg-light-4","dark-1":"focus:bg-dark-1","dark-2":"focus:bg-dark-2","dark-3":"focus:bg-dark-3","dark-4":"focus:bg-dark-4",black:"focus:bg-black",white:"focus:bg-white",transparent:"focus:bg-transparent"};beforeBgColor={primary:"before:bg-primary",secondary:"before:bg-secondary",success:"before:bg-success",danger:"before:bg-danger",info:"before:bg-info",warning:"before:bg-warning","light-1":"before:bg-light-1","light-2":"before:bg-light-2","light-3":"before:bg-light-3","light-4":"before:bg-light-4","dark-1":"before:bg-dark-1","dark-2":"before:bg-dark-2","dark-3":"before:bg-dark-3","dark-4":"before:bg-dark-4",black:"before:bg-black",white:"before:bg-white",transparent:"before:bg-transparent"};afterBgColor={primary:"after:bg-primary",secondary:"after:bg-secondary",success:"after:bg-success",danger:"after:bg-danger",info:"after:bg-info",warning:"after:bg-warning","light-1":"after:bg-light-1","light-2":"after:bg-light-2","light-3":"after:bg-light-3","light-4":"after:bg-light-4","dark-1":"after:bg-dark-1","dark-2":"after:bg-dark-2","dark-3":"after:bg-dark-3","dark-4":"after:bg-dark-4",black:"after:bg-black",white:"after:bg-white",transparent:"after:bg-transparent"};bgActiveColor={primary:"active:bg-primary",secondary:"active:bg-secondary",success:"active:bg-success",danger:"active:bg-danger",info:"active:bg-info",warning:"active:bg-warning","light-1":"active:bg-light-1","light-2":"active:bg-light-2","light-3":"active:bg-light-3","light-4":"active:bg-light-4","dark-1":"active:bg-dark-1","dark-2":"active:bg-dark-2","dark-3":"active:bg-dark-3","dark-4":"active:bg-dark-4",black:"active:bg-black",white:"active:bg-white",transparent:"active:bg-transparent"};textColor={primary:"text-primary",secondary:"text-secondary",success:"text-success",danger:"text-danger",info:"text-info",warning:"text-warning","light-1":"text-light-1","light-2":"text-light-2","light-3":"text-light-3","light-4":"text-light-4","dark-1":"text-dark-1","dark-2":"text-dark-2","dark-3":"text-dark-3","dark-4":"text-dark-4",black:"text-black",white:"text-white",transparent:"text-transparent"};hoverTextColor={primary:"hover:text-primary",secondary:"hover:text-secondary",success:"hover:text-success",danger:"hover:text-danger",info:"hover:text-info",warning:"hover:text-warning","light-1":"hover:text-light-1","light-2":"hover:text-light-2","light-3":"hover:text-light-3","light-4":"hover:text-light-4","dark-1":"hover:text-dark-1","dark-2":"hover:text-dark-2","dark-3":"hover:text-dark-3","dark-4":"hover:text-dark-4",black:"hover:text-black",white:"hover:text-white",transparent:"hover:text-transparent"};focusTextColor={primary:"focus:text-primary",secondary:"focus:text-secondary",success:"focus:text-success",danger:"focus:text-danger",info:"focus:text-info",warning:"focus:text-warning","light-1":"focus:text-light-1","light-2":"focus:text-light-2","light-3":"focus:text-light-3","light-4":"focus:text-light-4","dark-1":"focus:text-dark-1","dark-2":"focus:text-dark-2","dark-3":"focus:text-dark-3","dark-4":"focus:text-dark-4",black:"focus:text-black",white:"focus:text-white",transparent:"focus:text-transparent"};disabledTextColor={primary:"disabled:text-primary",secondary:"disabled:text-secondary",success:"disabled:text-success",danger:"disabled:text-danger",info:"disabled:text-info",warning:"disabled:text-warning","light-1":"disabled:text-light-1","light-2":"disabled:text-light-2","light-3":"disabled:text-light-3","light-4":"disabled:text-light-4","dark-1":"disabled:text-dark-1","dark-2":"disabled:text-dark-2","dark-3":"disabled:text-dark-3","dark-4":"disabled:text-dark-4",black:"disabled:text-black",white:"disabled:text-white",transparent:"disabled:text-transparent"};svgFillColor={primary:"fill-primary",secondary:"fill-secondary",success:"fill-success",danger:"fill-danger",info:"fill-info",warning:"fill-warning","light-1":"fill-light-1","light-2":"fill-light-2","light-3":"fill-light-3","light-4":"fill-light-4","dark-1":"fill-dark-1","dark-2":"fill-dark-2","dark-3":"fill-dark-3","dark-4":"fill-dark-4",black:"fill-black",white:"fill-white",transparent:"fill-transparent"};ringColor={primary:"ring-primary",secondary:"ring-secondary",success:"ring-success",danger:"ring-danger",info:"ring-info",warning:"ring-warning","light-1":"ring-light-1","light-2":"ring-light-2","light-3":"ring-light-3","light-4":"ring-light-4","dark-1":"ring-dark-1","dark-2":"ring-dark-2","dark-3":"ring-dark-3","dark-4":"ring-dark-4",black:"ring-black",white:"ring-white",transparent:"ring-transparent"};ringFocusColor={primary:"focus:ring-primary",secondary:"focus:ring-secondary",success:"focus:ring-success",danger:"focus:ring-danger",info:"focus:ring-info",warning:"focus:ring-warning","light-1":"focus:ring-light-1","light-2":"focus:ring-light-2","light-3":"focus:ring-light-3","light-4":"focus:ring-light-4","dark-1":"focus:ring-dark-1","dark-2":"focus:ring-dark-2","dark-3":"focus:ring-dark-3","dark-4":"focus:ring-dark-4",black:"focus:ring-black",white:"focus:ring-white",transparent:"focus:ring-transparent"};ringActiveColor={primary:"active:ring-primary",secondary:"active:ring-secondary",success:"active:ring-success",danger:"active:ring-danger",info:"active:ring-info",warning:"active:ring-warning","light-1":"active:ring-light-1","light-2":"active:ring-light-2","light-3":"active:ring-light-3","light-4":"active:ring-light-4","dark-1":"active:ring-dark-1","dark-2":"active:ring-dark-2","dark-3":"active:ring-dark-3","dark-4":"active:ring-dark-4",black:"active:ring-black",white:"active:ring-white",transparent:"active:ring-transparent"};ringOffsetColor={primary:"ring-offset-primary",secondary:"ring-offset-secondary",success:"ring-offset-success",danger:"ring-offset-danger",info:"ring-offset-info",warning:"ring-offset-warning","light-1":"ring-offset-light-1","light-2":"ring-offset-light-2","light-3":"ring-offset-light-3","light-4":"ring-offset-light-4","dark-1":"ring-offset-dark-1","dark-2":"ring-offset-dark-2","dark-3":"ring-offset-dark-3","dark-4":"ring-offset-dark-4",black:"ring-offset-black",white:"ring-offset-white",transparent:"ring-offset-transparent"};outlineColor={primary:"outline-primary",secondary:"outline-secondary",success:"outline-success",danger:"outline-danger",info:"outline-info",warning:"outline-warning","light-1":"outline-light-1","light-2":"outline-light-2","light-3":"outline-light-3","light-4":"outline-light-4","dark-1":"outline-dark-1","dark-2":"outline-dark-2","dark-3":"outline-dark-3","dark-4":"outline-dark-4",black:"outline-black",white:"outline-white",transparent:"outline-transparent"};focusOutlineColor={primary:"focus:outline-primary",secondary:"focus:outline-secondary",success:"focus:outline-success",danger:"focus:outline-danger",info:"focus:outline-info",warning:"focus:outline-warning","light-1":"focus:outline-light-1","light-2":"focus:outline-light-2","light-3":"focus:outline-light-3","light-4":"focus:outline-light-4","dark-1":"focus:outline-dark-1","dark-2":"focus:outline-dark-2","dark-3":"focus:outline-dark-3","dark-4":"focus:outline-dark-4",black:"focus:outline-black",white:"focus:outline-white",transparent:"focus:outline-transparent"};activeOutlineColor={primary:"active:outline-primary",secondary:"active:outline-secondary",success:"active:outline-success",danger:"active:outline-danger",info:"active:outline-info",warning:"active:outline-warning","light-1":"active:outline-light-1","light-2":"active:outline-light-2","light-3":"active:outline-light-3","light-4":"active:outline-light-4","dark-1":"active:outline-dark-1","dark-2":"active:outline-dark-2","dark-3":"active:outline-dark-3","dark-4":"active:outline-dark-4",black:"active:outline-black",white:"active:outline-white",transparent:"active:outline-transparent"};btnColor={primary:"btn-primary",secondary:"btn-secondary",success:"btn-success",danger:"btn-danger",info:"btn-info",warning:"btn-warning","light-1":"btn-light-1","light-2":"btn-light-2","light-3":"btn-light-3","light-4":"btn-light-4","dark-1":"btn-dark-1","dark-2":"btn-dark-2","dark-3":"btn-dark-3","dark-4":"btn-dark-4",black:"btn-black",white:"btn-white",transparent:"btn-transparent"};listColor={primary:"mcl-list-primary",secondary:"mcl-list-secondary",success:"mcl-list-success",danger:"mcl-list-danger",info:"mcl-list-info",warning:"mcl-list-warning","light-1":"mcl-list-light-1","light-2":"mcl-list-light-2","light-3":"mcl-list-light-3","light-4":"mcl-list-light-4","dark-1":"mcl-list-dark-1","dark-2":"mcl-list-dark-2","dark-3":"mcl-list-dark-3","dark-4":"mcl-list-dark-4",black:"mcl-list-black",white:"mcl-list-white",transparent:"mcl-list-transparent"};borderColor={primary:"border-primary",secondary:"border-secondary",success:"border-success",danger:"border-danger",info:"border-info",warning:"border-warning","light-1":"border-light-1","light-2":"border-light-2","light-3":"border-light-3","light-4":"border-light-4","dark-1":"border-dark-1","dark-2":"border-dark-2","dark-3":"border-dark-3","dark-4":"border-dark-4",black:"border-black",white:"border-white",transparent:"border-transparent"};borderXColor={primary:"border-x-primary",secondary:"border-x-secondary",success:"border-x-success",danger:"border-x-danger",info:"border-x-info",warning:"border-x-warning","light-1":"border-x-light-1","light-2":"border-x-light-2","light-3":"border-x-light-3","light-4":"border-x-light-4","dark-1":"border-x-dark-1","dark-2":"border-x-dark-2","dark-3":"border-x-dark-3","dark-4":"border-x-dark-4",black:"border-x-black",white:"border-x-white",transparent:"border-x-transparent"};borderYColor={primary:"border-y-primary",secondary:"border-y-secondary",success:"border-y-success",danger:"border-y-danger",info:"border-y-info",warning:"border-y-warning","light-1":"border-y-light-1","light-2":"border-y-light-2","light-3":"border-y-light-3","light-4":"border-y-light-4","dark-1":"border-y-dark-1","dark-2":"border-y-dark-2","dark-3":"border-y-dark-3","dark-4":"border-y-dark-4",black:"border-y-black",white:"border-y-white",transparent:"border-y-transparent"};borderTopColor={primary:"border-t-primary",secondary:"border-t-secondary",success:"border-t-success",danger:"border-t-danger",info:"border-t-info",warning:"border-t-warning","light-1":"border-t-light-1","light-2":"border-t-light-2","light-3":"border-t-light-3","light-4":"border-t-light-4","dark-1":"border-t-dark-1","dark-2":"border-t-dark-2","dark-3":"border-t-dark-3","dark-4":"border-t-dark-4",black:"border-t-black",white:"border-t-white",transparent:"border-t-transparent"};borderBottomColor={primary:"border-b-primary",secondary:"border-b-secondary",success:"border-b-success",danger:"border-b-danger",info:"border-b-info",warning:"border-b-warning","light-1":"border-b-light-1","light-2":"border-b-light-2","light-3":"border-b-light-3","light-4":"border-b-light-4","dark-1":"border-b-dark-1","dark-2":"border-b-dark-2","dark-3":"border-b-dark-3","dark-4":"border-b-dark-4",black:"border-b-black",white:"border-b-white",transparent:"border-b-transparent"};borderLeftColor={primary:"border-l-primary",secondary:"border-l-secondary",success:"border-l-success",danger:"border-l-danger",info:"border-l-info",warning:"border-l-warning","light-1":"border-l-light-1","light-2":"border-l-light-2","light-3":"border-l-light-3","light-4":"border-l-light-4","dark-1":"border-l-dark-1","dark-2":"border-l-dark-2","dark-3":"border-l-dark-3","dark-4":"border-l-dark-4",black:"border-l-black",white:"border-l-white",transparent:"border-l-transparent"};borderRightColor={primary:"border-r-primary",secondary:"border-r-secondary",success:"border-r-success",danger:"border-r-danger",info:"border-r-info",warning:"border-r-warning","light-1":"border-r-light-1","light-2":"border-r-light-2","light-3":"border-r-light-3","light-4":"border-r-light-4","dark-1":"border-r-dark-1","dark-2":"border-r-dark-2","dark-3":"border-r-dark-3","dark-4":"border-r-dark-4",black:"border-r-black",white:"border-r-white",transparent:"border-r-transparent"}}class O{heading1={sm:"h1-sm",md:"h1-md",lg:"h1-lg",xl:"h1-xl"};heading2={sm:"h2-sm",md:"h2-md",lg:"h2-lg",xl:"h2-xl"};heading3={sm:"h3-sm",md:"h3-md",lg:"h3-lg",xl:"h3-xl"};heading4={sm:"h4-sm",md:"h4-md",lg:"h4-lg",xl:"h4-xl"}}let R=class{backgroundOpacity={10:"bg-opacity-10",20:"bg-opacity-20",30:"bg-opacity-30",40:"bg-opacity-40",50:"bg-opacity-50",60:"bg-opacity-60",70:"bg-opacity-70",80:"bg-opacity-80",90:"bg-opacity-90",100:"bg-opacity-100"};opacity={10:"opacity-10",20:"opacity-20",30:"opacity-30",40:"opacity-40",50:"opacity-50",60:"opacity-60",70:"opacity-70",80:"opacity-80",90:"opacity-90",100:"opacity-100"};outlineOpacity={10:"outline-opacity-10",20:"outline-opacity-20",30:"outline-opacity-30",40:"outline-opacity-40",50:"outline-opacity-50",60:"outline-opacity-60",70:"outline-opacity-70",80:"outline-opacity-80",90:"outline-opacity-90",100:"outline-opacity-100"}},V=class{margin={0:"m-0","3xs":"m-3xs","2xs":"m-2xs",xs:"m-xs",sm:"m-sm",md:"m-md",lg:"m-lg",xl:"m-xl","2xl":"m-2xl","3xl":"m-3xl"};marginX={0:"mx-0","3xs":"mx-3xs","2xs":"mx-2xs",xs:"mx-xs",sm:"mx-sm",md:"mx-md",lg:"mx-lg",xl:"mx-xl","2xl":"mx-2xl","3xl":"mx-3xl"};marginY={0:"my-0","3xs":"my-3xs","2xs":"my-2xs",xs:"my-xs",sm:"my-sm",md:"my-md",lg:"my-lg",xl:"my-xl","2xl":"my-2xl","3xl":"my-3xl"};marginTop={0:"mt-0","3xs":"mt-3xs","2xs":"mt-2xs",xs:"mt-xs",sm:"mt-sm",md:"mt-md",lg:"mt-lg",xl:"mt-xl","2xl":"mt-2xl","3xl":"mt-3xl"};marginBottom={0:"mb-0","3xs":"mb-3xs","2xs":"mb-2xs",xs:"mb-xs",sm:"mb-sm",md:"mb-md",lg:"mb-lg",xl:"mb-xl","2xl":"mb-2xl","3xl":"mb-3xl"};marginLeft={0:"ml-0","3xs":"ml-3xs","2xs":"ml-2xs",xs:"ml-xs",sm:"ml-sm",md:"ml-md",lg:"ml-lg",xl:"ml-xl","2xl":"ml-2xl","3xl":"ml-3xl"};marginRight={0:"mr-0","3xs":"mr-3xs","2xs":"mr-2xs",xs:"mr-xs",sm:"mr-sm",md:"mr-md",lg:"mr-lg",xl:"mr-xl","2xl":"mr-2xl","3xl":"mr-3xl"};padding={0:"p-0","3xs":"p-3xs","2xs":"p-2xs",xs:"p-xs",sm:"p-sm",md:"p-md",lg:"p-lg",xl:"p-xl","2xl":"p-2xl","3xl":"p-3xl"};paddingX={0:"px-0","3xs":"px-3xs","2xs":"px-2xs",xs:"px-xs",sm:"px-sm",md:"px-md",lg:"px-lg",xl:"px-xl","2xl":"px-2xl","3xl":"px-3xl"};paddingY={0:"py-0","3xs":"py-3xs","2xs":"py-2xs",xs:"py-xs",sm:"py-sm",md:"py-md",lg:"py-lg",xl:"py-xl","2xl":"py-2xl","3xl":"py-3xl"};paddingTop={0:"pt-0","3xs":"pt-3xs","2xs":"pt-2xs",xs:"pt-xs",sm:"pt-sm",md:"pt-md",lg:"pt-lg",xl:"pt-xl","2xl":"pt-2xl","3xl":"pt-3xl"};paddingBottom={0:"pb-0","3xs":"pb-3xs","2xs":"pb-2xs",xs:"pb-xs",sm:"pb-sm",md:"pb-md",lg:"pb-lg",xl:"pb-xl","2xl":"pb-2xl","3xl":"pb-3xl"};paddingLeft={0:"pl-0","3xs":"pl-3xs","2xs":"pl-2xs",xs:"pl-xs",sm:"pl-sm",md:"pl-md",lg:"pl-lg",xl:"pl-xl","2xl":"pl-2xl","3xl":"pl-3xl"};paddingRight={0:"pr-0","3xs":"pr-3xs","2xs":"pr-2xs",xs:"pr-xs",sm:"pr-sm",md:"pr-md",lg:"pr-lg",xl:"pr-xl","2xl":"pr-2xl","3xl":"pr-3xl"};gap={0:"gap-0","3xs":"gap-3xs","2xs":"gap-2xs",xs:"gap-xs",sm:"gap-sm",md:"gap-md",lg:"gap-lg",xl:"gap-xl","2xl":"gap-2xl","3xl":"gap-3xl"}},E=class{classType;constructor(e){this.classType=e}validateColorType(e){return typeof e!="string"||!/(primary|secondary|success|info|warning|danger|light-1|light-2|light-3|light-4|dark-1|dark-2|dark-3|dark-4|black|white|transparent)/.test(e)?!1:m.colorType.includes(this.classType)}validateSpaceType(e){return typeof e!="string"||!/(0|3xs|2xs|xs|sm|md|lg|xl|2xl|3xl)/.test(e)?!1:m.spacingType.includes(this.classType)}validateHeadingTextSizeType(e){return typeof e!="string"||!/(sm|md|lg|xl)/.test(e)?!1:m.headingSizeType.includes(this.classType)}validateBodyTextSizeType(e){return typeof e!="string"||!/(xs|sm|md|lg|xl)/.test(e)?!1:m.textType.includes(this.classType)}validateFontWeightType(e){return typeof e!="string"||!/(light|normal|bold)/.test(e)?!1:m.fontWeightType.includes(this.classType)}validateOpacityType(e){return typeof e!="number"||!/\b(0|[1-9]0|100)\b/.test(e.toString())?!1:m.scaleType.includes(this.classType)}validateRangeType(e){return typeof e!="number"||!/\b([1-9]|1[0-2])\b/.test(e.toString())?!1:m.borderWidthType.includes(this.classType)}validateAlignment(e){return typeof e!="string"||!/(left|center|right)/.test(e)?!1:m.textAlignType.includes(this.classType)}};const m={colorType:["BGCOLOR","BEFOREBG","AFTERBG","HVBGCOLOR","FCBGCOLOR","ACTIVEBG","TEXTCOLOR","HVTEXTCOLOR","FCTEXTCOLOR","DISABLEDTEXTCOLOR","SVGFILL","RINGCOLOR","FOCUSRING","ACTIVERING","OUTLINE","FOCUSOUTLINE","ACTIVEOUTLINE","OFFSETRING","BTNCOLOR","LISTCOLOR","BORDER","BORDERX","BORDERY","BORDERT","BORDERB","BORDERL","BORDERR"],textType:["BODYTEXT"],fontWeightType:["FONTWEIGHT"],textAlignType:["TEXTALIGN"],headingSizeType:["H1","H2","H3","H4"],borderWidthType:["BORDERW","BORDERXW","BORDERYW","BORDERTW","BORDERBW","BORDERLW","BORDERRW"],scaleType:["BGOPACITY","OPACITY","OUTLINEOPACITY"],spacingType:["MARGIN","MARGINX","MARGINY","MARGINT","MARGINB","MARGINL","MARGINR","PADDING","PADDINGX","PADDINGY","PADDINGT","PADDINGB","PADDINGL","PADDINGR","GAP"]};class L{classType;classValue;colorClass;headingSizeClass;borderWidthClass;opacityClass;spacingClass;textClass;validator;constructor(e,a){this.classType=e,this.classValue=a,this.colorClass=new w,this.headingSizeClass=new O,this.borderWidthClass=new B,this.opacityClass=new R,this.spacingClass=new V,this.textClass=new v,this.validator=new E(e)}generateClass(){switch(this.classType){case"BGCOLOR":return this.getBgColorClass();case"HVBGCOLOR":return this.getHoverBgColorClass();case"FCBGCOLOR":return this.getFocusBgColorClass();case"BEFOREBG":return this.getBeforeBgColorClass();case"AFTERBG":return this.getAfterBgColorClass();case"ACTIVEBG":return this.getActiveBgColorClass();case"TEXTCOLOR":return this.getTextColorClass();case"HVTEXTCOLOR":return this.getHoverTextColorClass();case"FCTEXTCOLOR":return this.getFocusTextColorClass();case"DISABLEDTEXTCOLOR":return this.getDisabledTextColorClass();case"SVGFILL":return this.getSvgFillColorClass();case"RINGCOLOR":return this.getRingColorClass();case"FOCUSRING":return this.getFocusRingColorClass();case"ACTIVERING":return this.getActiveRingColorClass();case"OFFSETRING":return this.getRingOffsetColorClass();case"OUTLINE":return this.getOutlineColorClass();case"FOCUSOUTLINE":return this.getFocusOutlineColorClass();case"ACTIVEOUTLINE":return this.getActiveOutlineColorClass();case"BTNCOLOR":return this.getBtnColorClass();case"LISTCOLOR":return this.getListColorClass();case"BORDER":return this.getBorderColorClass();case"BORDERX":return this.getBorderXColorClass();case"BORDERY":return this.getBorderYColorClass();case"BORDERT":return this.getBorderTopColorClass();case"BORDERB":return this.getBorderBottomColorClass();case"BORDERL":return this.getBorderLeftColorClass();case"BORDERR":return this.getBorderRightColorClass();case"H1":return this.getH1Class();case"H2":return this.getH2Class();case"H3":return this.getH3Class();case"H4":return this.getH4Class();case"BODYTEXT":return this.getBodyTextSizeClass();case"FONTWEIGHT":return this.getFontWeightClass();case"TEXTALIGN":return this.getTextAlignClass();case"BORDERW":return this.getBorderWidthClass();case"BORDERXW":return this.getBorderXWidthClass();case"BORDERYW":return this.getBorderYWidthClass();case"BORDERTW":return this.getBorderTopWidthClass();case"BORDERBW":return this.getBorderBottomWidthClass();case"BORDERLW":return this.getBorderLeftWidthClass();case"BORDERRW":return this.getBorderRightWidthClass();case"OPACITY":return this.getOpacityClass();case"BGOPACITY":return this.getBgOpacityClass();case"OUTLINEOPACITY":return this.getOutlineOpacityClass();case"MARGIN":return this.getMarginClass();case"MARGINX":return this.getMarginXClass();case"MARGINY":return this.getMarginYClass();case"MARGINT":return this.getMarginTopClass();case"MARGINB":return this.getMarginBottomClass();case"MARGINL":return this.getMarginLeftClass();case"MARGINR":return this.getMarginRightClass();case"PADDING":return this.getPaddingClass();case"PADDINGX":return this.getPaddingXClass();case"PADDINGY":return this.getPaddingYClass();case"PADDINGT":return this.getPaddingTopClass();case"PADDINGB":return this.getPaddingBottomClass();case"PADDINGL":return this.getPaddingLeftClass();case"PADDINGR":return this.getPaddingRightClass();case"GAP":return this.getGapClass();default:return" "}}getBgColorClass(){return this.validator.validateColorType(this.classValue)?this.colorClass.bgColor[this.classValue]:" "}getHoverBgColorClass(){return this.validator.validateColorType(this.classValue)?this.colorClass.hoverBgColor[this.classValue]:" "}getFocusBgColorClass(){return this.validator.validateColorType(this.classValue)?this.colorClass.focusBgColor[this.classValue]:" "}getBeforeBgColorClass(){return this.validator.validateColorType(this.classValue)?this.colorClass.beforeBgColor[this.classValue]:" "}getAfterBgColorClass(){return this.validator.validateColorType(this.classValue)?this.colorClass.afterBgColor[this.classValue]:" "}getActiveBgColorClass(){return this.validator.validateColorType(this.classValue)?this.colorClass.bgActiveColor[this.classValue]:" "}getTextColorClass(){return this.validator.validateColorType(this.classValue)?this.colorClass.textColor[this.classValue]:" "}getHoverTextColorClass(){return this.validator.validateColorType(this.classValue)?this.colorClass.hoverTextColor[this.classValue]:" "}getFocusTextColorClass(){return this.validator.validateColorType(this.classValue)?this.colorClass.focusTextColor[this.classValue]:" "}getDisabledTextColorClass(){return this.validator.validateColorType(this.classValue)?this.colorClass.disabledTextColor[this.classValue]:" "}getSvgFillColorClass(){return this.validator.validateColorType(this.classValue)?this.colorClass.svgFillColor[this.classValue]:" "}getRingColorClass(){return this.validator.validateColorType(this.classValue)?this.colorClass.ringColor[this.classValue]:" "}getFocusRingColorClass(){return this.validator.validateColorType(this.classValue)?this.colorClass.ringFocusColor[this.classValue]:" "}getActiveRingColorClass(){return this.validator.validateColorType(this.classValue)?this.colorClass.ringActiveColor[this.classValue]:" "}getRingOffsetColorClass(){return this.validator.validateColorType(this.classValue)?this.colorClass.ringOffsetColor[this.classValue]:" "}getOutlineColorClass(){return this.validator.validateColorType(this.classValue)?this.colorClass.outlineColor[this.classValue]:" "}getFocusOutlineColorClass(){return this.validator.validateColorType(this.classValue)?this.colorClass.focusOutlineColor[this.classValue]:" "}getActiveOutlineColorClass(){return this.validator.validateColorType(this.classValue)?this.colorClass.activeOutlineColor[this.classValue]:" "}getBtnColorClass(){return this.validator.validateColorType(this.classValue)?this.colorClass.btnColor[this.classValue]:" "}getListColorClass(){return this.validator.validateColorType(this.classValue)?this.colorClass.listColor[this.classValue]:" "}getBorderColorClass(){return this.validator.validateColorType(this.classValue)?this.colorClass.borderColor[this.classValue]:" "}getBorderXColorClass(){return this.validator.validateColorType(this.classValue)?this.colorClass.borderXColor[this.classValue]:" "}getBorderYColorClass(){return this.validator.validateColorType(this.classValue)?this.colorClass.borderYColor[this.classValue]:" "}getBorderTopColorClass(){return this.validator.validateColorType(this.classValue)?this.colorClass.borderTopColor[this.classValue]:" "}getBorderBottomColorClass(){return this.validator.validateColorType(this.classValue)?this.colorClass.borderBottomColor[this.classValue]:" "}getBorderLeftColorClass(){return this.validator.validateColorType(this.classValue)?this.colorClass.borderLeftColor[this.classValue]:" "}getBorderRightColorClass(){return this.validator.validateColorType(this.classValue)?this.colorClass.borderRightColor[this.classValue]:" "}getH1Class(){return this.validator.validateHeadingTextSizeType(this.classValue)?this.headingSizeClass.heading1[this.classValue]:" "}getH2Class(){return this.validator.validateHeadingTextSizeType(this.classValue)?this.headingSizeClass.heading2[this.classValue]:" "}getH3Class(){return this.validator.validateHeadingTextSizeType(this.classValue)?this.headingSizeClass.heading3[this.classValue]:" "}getH4Class(){return this.validator.validateHeadingTextSizeType(this.classValue)?this.headingSizeClass.heading4[this.classValue]:" "}getBodyTextSizeClass(){return this.validator.validateBodyTextSizeType(this.classValue)?this.textClass.bodyText[this.classValue]:" "}getFontWeightClass(){return this.validator.validateFontWeightType(this.classValue)?this.textClass.fontweight[this.classValue]:" "}getTextAlignClass(){return this.validator.validateAlignment(this.classValue)?this.textClass.textAlign[this.classValue]:" "}getBorderWidthClass(){return this.validator.validateRangeType(this.classValue)?this.borderWidthClass.borderWidth[this.classValue]:" "}getBorderXWidthClass(){return this.validator.validateRangeType(this.classValue)?this.borderWidthClass.borderXWidth[this.classValue]:" "}getBorderYWidthClass(){return this.validator.validateRangeType(this.classValue)?this.borderWidthClass.borderYWidth[this.classValue]:" "}getBorderTopWidthClass(){return this.validator.validateRangeType(this.classValue)?this.borderWidthClass.borderTopWidth[this.classValue]:" "}getBorderBottomWidthClass(){return this.validator.validateRangeType(this.classValue)?this.borderWidthClass.borderBottomWidth[this.classValue]:" "}getBorderLeftWidthClass(){return this.validator.validateRangeType(this.classValue)?this.borderWidthClass.borderLeftWidth[this.classValue]:" "}getBorderRightWidthClass(){return this.validator.validateRangeType(this.classValue)?this.borderWidthClass.borderRightWidth[this.classValue]:" "}getOpacityClass(){return this.validator.validateOpacityType(this.classValue)?this.opacityClass.opacity[this.classValue]:" "}getBgOpacityClass(){return this.validator.validateOpacityType(this.classValue)?this.opacityClass.backgroundOpacity[this.classValue]:" "}getOutlineOpacityClass(){return this.validator.validateOpacityType(this.classValue)?this.opacityClass.outlineOpacity[this.classValue]:" "}getMarginClass(){return this.validator.validateSpaceType(this.classValue)?this.spacingClass.margin[this.classValue]:" "}getMarginXClass(){return this.validator.validateSpaceType(this.classValue)?this.spacingClass.marginX[this.classValue]:" "}getMarginYClass(){return this.validator.validateSpaceType(this.classValue)?this.spacingClass.marginY[this.classValue]:" "}getMarginTopClass(){return this.validator.validateSpaceType(this.classValue)?this.spacingClass.marginTop[this.classValue]:" "}getMarginBottomClass(){return this.validator.validateSpaceType(this.classValue)?this.spacingClass.marginBottom[this.classValue]:" "}getMarginLeftClass(){return this.validator.validateSpaceType(this.classValue)?this.spacingClass.marginLeft[this.classValue]:" "}getMarginRightClass(){return this.validator.validateSpaceType(this.classValue)?this.spacingClass.marginRight[this.classValue]:" "}getPaddingClass(){return this.validator.validateSpaceType(this.classValue)?this.spacingClass.padding[this.classValue]:" "}getPaddingXClass(){return this.validator.validateSpaceType(this.classValue)?this.spacingClass.paddingX[this.classValue]:" "}getPaddingYClass(){return this.validator.validateSpaceType(this.classValue)?this.spacingClass.paddingY[this.classValue]:" "}getPaddingTopClass(){return this.validator.validateSpaceType(this.classValue)?this.spacingClass.paddingTop[this.classValue]:" "}getPaddingBottomClass(){return this.validator.validateSpaceType(this.classValue)?this.spacingClass.paddingBottom[this.classValue]:" "}getPaddingLeftClass(){return this.validator.validateSpaceType(this.classValue)?this.spacingClass.paddingLeft[this.classValue]:" "}getPaddingRightClass(){return this.validator.validateSpaceType(this.classValue)?this.spacingClass.paddingRight[this.classValue]:" "}getGapClass(){return this.validator.validateSpaceType(this.classValue)?this.spacingClass.gap[this.classValue]:" "}}const A=(r,e)=>new L(r,e).generateClass();t.defineComponent({setup(r,{slots:e}){const a=t.ref(!1);return t.onMounted(()=>{a.value=!0}),()=>a.value&&e.default?e.default():null}});const S={xs:"backdrop-blur-xs",sm:"backdrop-blur-sm",md:"backdrop-blur-md",lg:"backdrop-blur-lg",xl:"backdrop-blur-xl"},N={primary:"mcl-glass-primary",secondary:"mcl-glass-secondary",success:"mcl-glass-success",info:"mcl-glass-info",danger:"mcl-glass-danger",warning:"mcl-glass-warning","light-1":"mcl-glass-light-1","light-2":"mcl-glass-light-2","light-3":"mcl-glass-light-3","light-4":"mcl-glass-light-4","dark-1":"mcl-glass-dark-1","dark-2":"mcl-glass-dark-2","dark-3":"mcl-glass-dark-3","dark-4":"mcl-glass-dark-4",black:"mcl-glass-black",white:"mcl-glass-white",transparent:"mcl-glass-transparent"},D={10:"mcl-depth-10",20:"mcl-depth-20",30:"mcl-depth-30",40:"mcl-depth-40",50:"mcl-depth-50",60:"mcl-depth-60",70:"mcl-depth-70",80:"mcl-depth-80",90:"mcl-depth-90",100:"mcl-depth-100"},I=(r,e,a,c=10)=>["mcl-glassmorphism",N[r],S[e],A("BGOPACITY",a),D[c]].filter(Boolean).join(" "),G={key:0,class:"relative"},W=["src","alt"],H=["innerHTML"],M={class:"flex h-full flex-col justify-between"},z={class:"px-xs pt-sm flex-1"},X=["innerHTML"],F=["innerHTML"],P={class:"px-xs w-full"},Y=["href","target"],j=t.defineComponent({__name:"MclCardA",props:{title:{},titleSize:{default:"md"},titleColor:{default:"dark-3"},borderColor:{default:"light-3"},bgColor:{default:"light-1"},fullWidth:{type:Boolean,default:!1},glass:{type:Boolean,default:!1},glassBlur:{default:"sm"},glassOpacity:{default:20},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(r,{emit:e}){const a=r;t.useSlots();const c=e,x=t.computed(()=>{const{borderColor:l,bgColor:i,rounded:s,enlargeOnHover:o,displayShadow:b,glass:u,glassBlur:y,glassOpacity:k,fullWidth:lt}=a;return[n("BORDER",l),n("BGCOLOR",i),!lt&&"max-w-[450px] sm:max-w-[350px]",s?"rounded-lg":"rounded-sm",o&&"hover:scale-105 transition ease-in duration-300",b&&"drop-shadow-md",u&&I(i,y,k)].filter(Boolean).join(" ")}),h=t.computed(()=>{const{titleSize:l,titleColor:i,displayHighlight:s}=a;return[n("H3",l),n("TEXTCOLOR",i),s?"mb-2xs":"mb-xs"].filter(Boolean).join(" ")}),C=t.computed(()=>{const{labelTextColor:l,labelColor:i}=a;return[n("TEXTCOLOR",l),n("BGCOLOR",i)].filter(Boolean).join(" ")}),f=t.computed(()=>{const{ctaColor:l,rounded:i}=a,s=["light-1","light-2","light-3","light-4"];return[n("BTNCOLOR",l),s.includes(l)?"text-black":"text-white",i&&"btn-round"].filter(Boolean).join(" ")}),d=l=>{const{title:i,ctaLink:s,ctaTarget:o,ctaAsLink:b}=a,u={title:i,url:s,target:o||"_self"};!b&&l.preventDefault(),c("card-btn-click",l,u)},g=l=>{const{title:i,ctaLink:s,ctaTarget:o}=a;c("card-click",l,{title:i,url:s,target:o||"_self"})};return(l,i)=>(t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["xs:w-auto flex w-full flex-shrink-0 flex-grow cursor-pointer flex-col overflow-hidden border",x.value]),onClick:g},[r.displayImage?(t.openBlock(),t.createElementBlock("div",G,[t.createElementVNode("img",{src:r.imageSource,alt:r.imageAlt,class:"aspect-video min-w-full object-cover object-top"},null,8,W),r.displayLabel?(t.openBlock(),t.createElementBlock("span",{key:0,class:t.normalizeClass(["py-3xs px-2xs ml-xs absolute bottom-0 inline-block translate-y-[50%] text-xs font-bold",C.value]),innerHTML:r.labelText},null,10,H)):t.createCommentVNode("",!0)])):t.createCommentVNode("",!0),t.createElementVNode("div",M,[t.createElementVNode("div",z,[!r.displayImage&&r.displayLabel?(t.openBlock(),t.createElementBlock("span",{key:0,class:t.normalizeClass(["py-3xs px-2xs mb-2xs inline-block text-xs font-bold",C.value]),innerHTML:r.labelText},null,10,X)):t.createCommentVNode("",!0),t.createElementVNode("h3",{class:t.normalizeClass(h.value),innerHTML:r.title},null,10,F),r.displayHighlight?(t.openBlock(),t.createElementBlock("div",{key:1,class:t.normalizeClass(["mb-xs h-3xs w-md",t.unref(n)("BGCOLOR",r.highlightColor)])},null,2)):t.createCommentVNode("",!0),t.createElementVNode("div",{class:"mb-sm cursor-default",onClick:i[0]||(i[0]=t.withModifiers(()=>{},["stop"]))},[t.renderSlot(l.$slots,"default")])]),r.displayCta?(t.openBlock(),t.createElementBlock("div",{key:0,class:"pb-sm cursor-default border-0",onClick:i[2]||(i[2]=t.withModifiers(()=>{},["stop"]))},[t.createElementVNode("div",P,[t.createElementVNode("a",{href:r.ctaLink,target:r.ctaTarget,class:t.normalizeClass(["btn btn-full",f.value]),onClick:i[1]||(i[1]=s=>d(s))},t.toDisplayString(r.ctaText),11,Y)])])):t.createCommentVNode("",!0)])],2))}}),$=["href","target"],U={class:"z-15 p-xs peer absolute inset-0 flex flex-col items-start justify-end transition-opacity duration-200 hover:opacity-100 [@media(hover:hover)]:opacity-0"},q=["innerHTML"],J=["src","alt"],K=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(r,{emit:e}){const a=r;t.useSlots();const c=e,x=t.computed(()=>{const{borderColor:d,rounded:g}=a,l=[n("BORDER",d)];return l.push(g?"rounded-md":"rounded-sm"),l.join(" ")}),h=t.computed(()=>{const{displayGrayScale:d}=a;return d?"[@media(hover:hover)]:grayscale peer-hover:grayscale-0":""}),C=t.computed(()=>{const{titleSize:d,titleColor:g,titleBlockColor:l}=a;return[n("H3",d),n("TEXTCOLOR",g),n("BGCOLOR",l)].join(" ")}),f=d=>{const{title:g,ctaLink:l,ctaTarget:i,ctaAsLink:s}=a;!s&&d.preventDefault();const o={title:g,url:l,target:i||"_self"};console.log(o),c("card-click",d,o)};return(d,g)=>(t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["max-w-112.5 sm:max-w-87.5 xs:w-auto relative w-full shrink-0 grow cursor-pointer overflow-hidden border",x.value])},[t.createElementVNode("a",{href:r.ctaLink,target:r.ctaTarget,onClick:g[0]||(g[0]=l=>f(l))},[t.createElementVNode("div",U,[t.createElementVNode("h3",{innerHTML:r.title,class:t.normalizeClass(["px-xs py-2xs mb-2xs pointer-events-none inline-block tracking-wide",C.value])},null,10,q),t.renderSlot(d.$slots,"default")]),t.createElementVNode("img",{src:r.imageSource,alt:r.imageAlt,class:t.normalizeClass(["aspect-3/4 relative z-10 h-full w-full object-cover object-center transition-all duration-200",h.value])},null,10,J)],8,$)],2))}}),Q=["src","alt"],Z=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(r,{emit:e}){const a=r;t.useSlots();const c=t.ref(!1),x=e,h=t.computed(()=>{const d=[n("BGCOLOR",a.cardColor)];return c.value&&d.push("flip-card"),d.join(" ")}),C=t.computed(()=>{const{titleSize:d,titleColor:g,displayHighlight:l,highlightColor:i,highlightOpacity:s}=a,o=[n("H3",d),n("TEXTCOLOR",g)];return l&&(o.push("px-xs py-2xs mb-2xs rounded"),o.push(n("BGCOLOR",i)),o.push(n("BGOPACITY",s))),o.join(" ")}),f=d=>{d.preventDefault(),c.value&&x("card-click",d),c.value=!0};return(d,g)=>(t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["card duration-1600 max-h-100 relative aspect-square overflow-hidden transition",h.value]),onClick:f},[t.createElementVNode("img",{src:r.imageSource,alt:r.imageAlt,class:t.normalizeClass([c.value?"opacity-100":"opacity-0","duration-800 absolute aspect-square h-full w-full object-cover object-center transition-opacity delay-500"])},null,10,Q),t.createElementVNode("div",{class:t.normalizeClass([c.value?"cursor-pointer opacity-100":"opacity-0","p-sm duration-800 relative flex h-full flex-col justify-end transition delay-500"])},[r.displayTitle?(t.openBlock(),t.createElementBlock("h3",{key:0,class:t.normalizeClass(["relative self-start",C.value])},[t.createElementVNode("span",null,t.toDisplayString(r.title),1)],2)):t.createCommentVNode("",!0),t.renderSlot(d.$slots,"card-body",{},void 0,!0)],2)],2))}}),T=(r,e)=>{const a=r.__vccOpts||r;for(const[c,x]of e)a[c]=x;return a},_=T(Z,[["__scopeId","data-v-f748c495"]]),tt={class:"flex flex-col overflow-hidden rounded-md"},rt=["src","alt"],et=["href","target"],at=T(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(r,{emit:e}){const a={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"},c={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"},x={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"},h=r;t.useSlots();const C=e,f=t.computed(()=>{const{titleSize:s,titleColor:o}=h;return[n("H2",s),n("TEXTCOLOR",o)].join(" ")}),d=t.computed(()=>{const{ctaButton:s,ctaButtonColor:o,ctaButtonBlock:b}=h,u=[],y=["light-1","light-2","light-3","light-4"];return s?u.push("btn",n("BTNCOLOR",o)):u.push("mcl-link"),s&&b&&u.push("btn-full"),s&&!y.includes(o)&&u.push("text-white"),u.join(" ")}),g=t.computed(()=>({"--border-width":`${h.borderWidth}px`})),l=t.computed(()=>{const s=a[h.borderColor],o=c[h.gradient1],b=x[h.gradient2];return[n("BORDER",h.borderColor),s,o,b].join(" ")}),i=s=>{const{title:o,ctaLink:b,ctaLinkTarget:u,ctaAsLink:y}=h,k={title:o,url:b,target:u||"_self"};!y&&s.preventDefault(),C("card-click",s,k)};return(s,o)=>(t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["card xs:w-auto max-w-112.5 sm:max-w-87.5 w-full shrink-0 grow overflow-hidden rounded-md border from-20%",l.value]),style:t.normalizeStyle(g.value)},[t.createElementVNode("div",tt,[r.displayImage?(t.openBlock(),t.createElementBlock("img",{key:0,src:r.imageSource,class:"max-h-50 min-w-full object-cover object-top",alt:r.imageAlt},null,8,rt)):t.createCommentVNode("",!0),t.createElementVNode("div",{class:t.normalizeClass(["p-xs",t.unref(n)("BGCOLOR",r.bgColor)])},[t.createElementVNode("h3",{class:t.normalizeClass(["mb-xs",f.value])},t.toDisplayString(r.title),3),r.displayHighlight?(t.openBlock(),t.createElementBlock("div",{key:0,class:t.normalizeClass(["mb-xs h-3xs w-md",t.unref(n)("BGCOLOR",r.highlightColor)])},null,2)):t.createCommentVNode("",!0),t.createElementVNode("div",null,[t.renderSlot(s.$slots,"default",{},void 0,!0)]),t.createElementVNode("div",{class:t.normalizeClass(["mt-xs",{"mb-2xs":!r.ctaButton}])},[t.createElementVNode("a",{href:r.ctaLink,target:r.ctaLinkTarget,class:t.normalizeClass(d.value),onClick:i},t.toDisplayString(r.ctaText),11,et)],2)],2)])],6))}}),[["__scopeId","data-v-09214c6f"]]);p.MclCardA=j,p.MclCardB=K,p.MclCardC=_,p.MclCardD=at,Object.defineProperty(p,Symbol.toStringTag,{value:"Module"})}));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bobbykim/mcl-cards",
-  "version": "0.9.1",
+  "version": "0.9.3",
   "description": "card components based on @bobbykim/manguito-theme",
   "type": "module",
   "files": [
@@ -33,7 +33,7 @@
   },
   "license": "MIT",
   "dependencies": {
-    "@bobbykim/manguito-theme": "0.28.1",
+    "@bobbykim/manguito-theme": "0.28.3",
     "vue": "^3.5.13"
   },
   "devDependencies": {
@@ -45,5 +45,5 @@
     "vite-plugin-dts": "^4.3.0",
     "vue-tsc": "^2.1.10"
   },
-  "gitHead": "9ffea0493c49e2c7df51c45e3c2f72d256663048"
+  "gitHead": "fc1830324e5a409b68bbb2b39280fe0b3cf3673a"
 }