@bobbykim/mcl-cards 0.10.3 → 0.10.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,2 +1,2 @@
1
1
  (function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode('.perspective[data-v-eac7e2f0]{-webkit-perspective:1800px;perspective:1800px}.card[data-v-eac7e2f0]{-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-eac7e2f0]{-webkit-transform:rotateY(360deg);transform:rotateY(360deg)}.card[data-v-8bf2cac0]{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-8bf2cac0 4s linear infinite}@keyframes bg-spin-8bf2cac0{0%{--border-angle: 0deg}to{--border-angle: 360deg}}.card[data-v-8bf2cac0]: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)}})();
2
- (function(f,r){typeof exports=="object"&&typeof module<"u"?r(exports,require("vue"),require("@bobbykim/manguito-theme")):typeof define=="function"&&define.amd?define(["exports","vue","@bobbykim/manguito-theme"],r):(f=typeof globalThis<"u"?globalThis:f||self,r(f.MclCards={},f.Vue,f.ManguitoTheme))})(this,(function(f,r,b){"use strict";function C(t){var s,a,o="";if(typeof t=="string"||typeof t=="number")o+=t;else if(typeof t=="object")if(Array.isArray(t)){var m=t.length;for(s=0;s<m;s++)t[s]&&(a=C(t[s]))&&(o&&(o+=" "),o+=a)}else for(a in t)t[a]&&(o&&(o+=" "),o+=a);return o}function z(){for(var t,s,a=0,o="",m=arguments.length;a<m;a++)(t=arguments[a])&&(s=C(t))&&(o&&(o+=" "),o+=s);return o}const v=t=>typeof t=="boolean"?`${t}`:t===0?"0":t,V=z,e=(t,s)=>a=>{var o;if(s?.variants==null)return V(t,a?.class,a?.className);const{variants:m,defaultVariants:h}=s,k=Object.keys(m).map(g=>{const l=a?.[g],n=h?.[g];if(l===null)return null;const i=v(l)||v(n);return m[g][i]}),u=a&&Object.entries(a).reduce((g,l)=>{let[n,i]=l;return i===void 0||(g[n]=i),g},{}),d=s==null||(o=s.compoundVariants)===null||o===void 0?void 0:o.reduce((g,l)=>{let{class:n,className:i,...c}=l;return Object.entries(c).every(x=>{let[p,y]=x;return Array.isArray(y)?y.includes({...h,...u}[p]):{...h,...u}[p]===y})?[...g,n,i]:g},[]);return V(t,k,d,a?.class,a?.className)},E=e("",{variants:{color:{primary:"mcl-bg-primary",secondary:"mcl-bg-secondary",success:"mcl-bg-success",danger:"mcl-bg-danger",info:"mcl-bg-info",warning:"mcl-bg-warning","light-1":"mcl-bg-light-1","light-2":"mcl-bg-light-2","light-3":"mcl-bg-light-3","light-4":"mcl-bg-light-4","dark-1":"mcl-bg-dark-1","dark-2":"mcl-bg-dark-2","dark-3":"mcl-bg-dark-3","dark-4":"mcl-bg-dark-4",black:"mcl-bg-black",white:"mcl-bg-white",transparent:"mcl-bg-transparent"}}}),L=e("",{variants:{color:{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"}}}),S=e("",{variants:{color:{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"}}}),A=e("",{variants:{color:{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"}}}),N=e("",{variants:{color:{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"}}}),j=e("",{variants:{color:{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"}}}),M=e("",{variants:{color:{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"}}}),T=e("",{variants:{color:{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"}}}),O=e("",{variants:{color:{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"}}}),$=e("",{variants:{color:{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"}}}),H=e("",{variants:{color:{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"}}}),W=e("",{variants:{color:{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"}}}),D=e("",{variants:{color:{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"}}}),R=e("",{variants:{color:{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"}}}),I=e("",{variants:{color:{primary:"peer-checked:bg-primary",secondary:"peer-checked:bg-secondary",success:"peer-checked:bg-success",danger:"peer-checked:bg-danger",info:"peer-checked:bg-info",warning:"peer-checked:bg-warning","light-1":"peer-checked:bg-light-1","light-2":"peer-checked:bg-light-2","light-3":"peer-checked:bg-light-3","light-4":"peer-checked:bg-light-4","dark-1":"peer-checked:bg-dark-1","dark-2":"peer-checked:bg-dark-2","dark-3":"peer-checked:bg-dark-3","dark-4":"peer-checked:bg-dark-4",black:"peer-checked:bg-black",white:"peer-checked:bg-white",transparent:"peer-checked:bg-transparent"}}}),X=e("",{variants:{color:{primary:"peer-focus-visible:ring-primary",secondary:"peer-focus-visible:ring-secondary",success:"peer-focus-visible:ring-success",danger:"peer-focus-visible:ring-danger",info:"peer-focus-visible:ring-info",warning:"peer-focus-visible:ring-warning","light-1":"peer-focus-visible:ring-light-1","light-2":"peer-focus-visible:ring-light-2","light-3":"peer-focus-visible:ring-light-3","light-4":"peer-focus-visible:ring-light-4","dark-1":"peer-focus-visible:ring-dark-1","dark-2":"peer-focus-visible:ring-dark-2","dark-3":"peer-focus-visible:ring-dark-3","dark-4":"peer-focus-visible:ring-dark-4",black:"peer-focus-visible:ring-black",white:"peer-focus-visible:ring-white",transparent:"peer-focus-visible:ring-transparent"}}}),Y=e("",{variants:{color:{primary:"focus-visible:ring-primary",secondary:"focus-visible:ring-secondary",success:"focus-visible:ring-success",danger:"focus-visible:ring-danger",info:"focus-visible:ring-info",warning:"focus-visible:ring-warning","light-1":"focus-visible:ring-light-1","light-2":"focus-visible:ring-light-2","light-3":"focus-visible:ring-light-3","light-4":"focus-visible:ring-light-4","dark-1":"focus-visible:ring-dark-1","dark-2":"focus-visible:ring-dark-2","dark-3":"focus-visible:ring-dark-3","dark-4":"focus-visible:ring-dark-4",black:"focus-visible:ring-black",white:"focus-visible:ring-white",transparent:"focus-visible:ring-transparent"}}}),q=e("",{variants:{color:{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"}}}),F=e("",{variants:{color:{primary:"mcl-outline-primary",secondary:"mcl-outline-secondary",success:"mcl-outline-success",danger:"mcl-outline-danger",info:"mcl-outline-info",warning:"mcl-outline-warning","light-1":"mcl-outline-light-1","light-2":"mcl-outline-light-2","light-3":"mcl-outline-light-3","light-4":"mcl-outline-light-4","dark-1":"mcl-outline-dark-1","dark-2":"mcl-outline-dark-2","dark-3":"mcl-outline-dark-3","dark-4":"mcl-outline-dark-4",black:"mcl-outline-black",white:"mcl-outline-white",transparent:"mcl-outline-transparent"}}}),G=e("",{variants:{color:{primary:"focus:mcl-outline-primary",secondary:"focus:mcl-outline-secondary",success:"focus:mcl-outline-success",danger:"focus:mcl-outline-danger",info:"focus:mcl-outline-info",warning:"focus:mcl-outline-warning","light-1":"focus:mcl-outline-light-1","light-2":"focus:mcl-outline-light-2","light-3":"focus:mcl-outline-light-3","light-4":"focus:mcl-outline-light-4","dark-1":"focus:mcl-outline-dark-1","dark-2":"focus:mcl-outline-dark-2","dark-3":"focus:mcl-outline-dark-3","dark-4":"focus:mcl-outline-dark-4",black:"focus:mcl-outline-black",white:"focus:mcl-outline-white",transparent:"focus:mcl-outline-transparent"}}}),P=e("",{variants:{color:{primary:"active:mcl-outline-primary",secondary:"active:mcl-outline-secondary",success:"active:mcl-outline-success",danger:"active:mcl-outline-danger",info:"active:mcl-outline-info",warning:"active:mcl-outline-warning","light-1":"active:mcl-outline-light-1","light-2":"active:mcl-outline-light-2","light-3":"active:mcl-outline-light-3","light-4":"active:mcl-outline-light-4","dark-1":"active:mcl-outline-dark-1","dark-2":"active:mcl-outline-dark-2","dark-3":"active:mcl-outline-dark-3","dark-4":"active:mcl-outline-dark-4",black:"active:mcl-outline-black",white:"active:mcl-outline-white",transparent:"active:mcl-outline-transparent"}}}),J=e("",{variants:{color:{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"}}}),K=e("",{variants:{color:{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"}}}),Q=e("",{variants:{color:{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"}}}),U=e("",{variants:{color:{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"}}}),Z=e("",{variants:{color:{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"}}}),_=e("",{variants:{color:{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"}}}),rr=e("",{variants:{color:{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"}}}),tr=e("",{variants:{color:{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"}}}),er=e("",{variants:{color:{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"}}}),ar=e("",{variants:{size:{xs:"text-xs",sm:"text-sm",md:"text-md",lg:"text-lg",xl:"text-xl"}}}),lr=e("",{variants:{weight:{light:"font-light",normal:"font-normal",bold:"font-bold"}}}),ir=e("",{variants:{align:{left:"text-left",center:"text-center",right:"text-right"}}}),or=e("",{variants:{size:{sm:"h1-sm",md:"h1-md",lg:"h1-lg",xl:"h1-xl"}}}),nr=e("",{variants:{size:{sm:"h2-sm",md:"h2-md",lg:"h2-lg",xl:"h2-xl"}}}),sr=e("",{variants:{size:{sm:"h3-sm",md:"h3-md",lg:"h3-lg",xl:"h3-xl"}}}),cr=e("",{variants:{size:{sm:"h4-sm",md:"h4-md",lg:"h4-lg",xl:"h4-xl"}}}),dr={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]"},gr={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]"},br={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]"},hr={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]"},mr={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]"},pr={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]"},xr={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]"},fr=t=>dr[t.width]??"",kr=t=>gr[t.width]??"",ur=t=>br[t.width]??"",yr=t=>hr[t.width]??"",wr=t=>mr[t.width]??"",Cr=t=>pr[t.width]??"",vr=t=>xr[t.width]??"",Vr={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"},Br={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"},zr={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"},Er=t=>Vr[t.opacity]??"",Lr=t=>Br[t.opacity]??"",Sr=t=>zr[t.opacity]??"",Ar=e("",{variants:{spacing:{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"}}}),Nr=e("",{variants:{spacing:{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"}}}),jr=e("",{variants:{spacing:{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"}}}),Mr=e("",{variants:{spacing:{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"}}}),Tr=e("",{variants:{spacing:{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"}}}),Or=e("",{variants:{spacing:{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"}}}),$r=e("",{variants:{spacing:{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"}}}),Hr=e("",{variants:{spacing:{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"}}}),Wr=e("",{variants:{spacing:{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"}}}),Dr=e("",{variants:{spacing:{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"}}}),Rr=e("",{variants:{spacing:{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"}}}),Ir=e("",{variants:{spacing:{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"}}}),Xr=e("",{variants:{spacing:{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"}}}),Yr=e("",{variants:{spacing:{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"}}}),qr=e("",{variants:{spacing:{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"}}}),Fr={bgColorVariant:E,hoverBgColorVariant:L,focusBgColorVariant:S,beforeBgColorVariant:A,afterBgColorVariant:N,activeBgColorVariant:j,textColorVariant:M,hoverTextColorVariant:T,focusTextColorVariant:O,disabledTextColorVariant:$,svgFillColorVariant:H,ringColorVariant:W,focusRingColorVariant:D,activeRingColorVariant:R,peerCheckedBgColorVariant:I,peerFocusVisibleRingColorVariant:X,focusVisibleRingColorVariant:Y,ringOffsetColorVariant:q,outlineColorVariant:F,focusOutlineColorVariant:G,activeOutlineColorVariant:P,btnColorVariant:J,listColorVariant:K,borderColorVariant:Q,borderXColorVariant:U,borderYColorVariant:Z,borderTopColorVariant:_,borderBottomColorVariant:rr,borderLeftColorVariant:tr,borderRightColorVariant:er,bodyTextVariant:ar,fontWeightVariant:lr,textAlignVariant:ir,h1Variant:or,h2Variant:nr,h3Variant:sr,h4Variant:cr,borderWidthVariant:fr,borderXWidthVariant:kr,borderYWidthVariant:ur,borderTopWidthVariant:yr,borderBottomWidthVariant:wr,borderLeftWidthVariant:Cr,borderRightWidthVariant:vr,opacityVariant:Er,bgOpacityVariant:Lr,outlineOpacityVariant:Sr,marginVariant:Ar,marginXVariant:Nr,marginYVariant:jr,marginTopVariant:Mr,marginBottomVariant:Tr,marginLeftVariant:Or,marginRightVariant:$r,paddingVariant:Hr,paddingXVariant:Wr,paddingYVariant:Dr,paddingTopVariant:Rr,paddingBottomVariant:Ir,paddingLeftVariant:Xr,paddingRightVariant:Yr,gapVariant:qr};r.defineComponent({setup(t,{slots:s}){const a=r.ref(!1);return r.onMounted(()=>{a.value=!0}),()=>a.value&&s.default?s.default():null}});const Gr={xs:"backdrop-blur-xs",sm:"backdrop-blur-sm",md:"backdrop-blur-md",lg:"backdrop-blur-lg",xl:"backdrop-blur-xl"},Pr={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"},Jr={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"},Kr=(t,s,a,o=10)=>["mcl-glassmorphism",Pr[t],Gr[s],Fr.bgOpacityVariant({opacity:a}),Jr[o]].filter(Boolean).join(" "),Qr={key:0,class:"relative"},Ur=["src","alt"],Zr=["innerHTML"],_r={class:"flex h-full flex-col justify-between"},rt={class:"flex-1 px-xs pt-sm"},tt=["innerHTML"],et=["innerHTML"],at={class:"w-full px-xs"},lt=["href","target"],it=r.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},showImage:{type:Boolean,default:!0},imageSource:{},imageAlt:{},showCta:{type:Boolean,default:!0},ctaAsLink:{type:Boolean,default:!1},ctaText:{default:"cta text"},ctaColor:{default:"primary"},ctaLink:{default:"#"},ctaTarget:{default:"_self"},showLabel:{type:Boolean,default:!0},labelText:{default:"Lorem ipsum"},labelTextColor:{default:"light-1"},labelColor:{default:"dark-4"},enlargeOnHover:{type:Boolean,default:!1},showHighlight:{type:Boolean,default:!0},highlightColor:{default:"primary"},rounded:{type:Boolean,default:!0},showShadow:{type:Boolean,default:!0}},emits:["card-click","card-btn-click"],setup(t,{emit:s}){const a=t;r.useSlots();const o=s,m=r.computed(()=>{const{borderColor:l,bgColor:n,rounded:i,enlargeOnHover:c,showShadow:x,glass:p,glassBlur:y,glassOpacity:w,fullWidth:kt}=a;return[b.generateClass.borderColorVariant({color:l}),b.generateClass.bgColorVariant({color:n}),!kt&&"max-w-[450px] sm:max-w-[350px]",i?"rounded-lg":"rounded-sm",c&&"hover:scale-105 transition ease-in duration-300",x&&"drop-shadow-md",p&&Kr(n,y,w)].filter(Boolean).join(" ")}),h=r.computed(()=>{const{titleSize:l,titleColor:n,showHighlight:i}=a;return[b.generateClass.h3Variant({size:l}),b.generateClass.textColorVariant({color:n}),i?"mb-2xs":"mb-xs"].filter(Boolean).join(" ")}),k=r.computed(()=>{const{labelTextColor:l,labelColor:n}=a;return[b.generateClass.textColorVariant({color:l}),b.generateClass.bgColorVariant({color:n})].filter(Boolean).join(" ")}),u=r.computed(()=>{const{ctaColor:l,rounded:n}=a,i=["light-1","light-2","light-3","light-4"];return[b.generateClass.btnColorVariant({color:l}),i.includes(l)?"text-black":"text-white",n&&"btn-round"].filter(Boolean).join(" ")}),d=l=>{const{title:n,ctaLink:i,ctaTarget:c,ctaAsLink:x}=a,p={title:n,url:i,target:c||"_self"};!x&&l.preventDefault(),o("card-btn-click",l,p)},g=l=>{const{title:n,ctaLink:i,ctaTarget:c}=a;o("card-click",l,{title:n,url:i,target:c||"_self"})};return(l,n)=>(r.openBlock(),r.createElementBlock("div",{class:r.normalizeClass(["xs:w-auto flex w-full flex-shrink-0 flex-grow cursor-pointer flex-col overflow-hidden border",m.value]),onClick:g},[t.showImage?(r.openBlock(),r.createElementBlock("div",Qr,[r.createElementVNode("img",{src:t.imageSource,alt:t.imageAlt,class:"aspect-video min-w-full object-cover object-top"},null,8,Ur),t.showLabel?(r.openBlock(),r.createElementBlock("span",{key:0,class:r.normalizeClass(["absolute bottom-0 ml-xs inline-block translate-y-[50%] px-2xs py-3xs text-xs font-bold",k.value]),innerHTML:t.labelText},null,10,Zr)):r.createCommentVNode("",!0)])):r.createCommentVNode("",!0),r.createElementVNode("div",_r,[r.createElementVNode("div",rt,[!t.showImage&&t.showLabel?(r.openBlock(),r.createElementBlock("span",{key:0,class:r.normalizeClass(["mb-2xs inline-block px-2xs py-3xs text-xs font-bold",k.value]),innerHTML:t.labelText},null,10,tt)):r.createCommentVNode("",!0),r.createElementVNode("h3",{class:r.normalizeClass(h.value),innerHTML:t.title},null,10,et),t.showHighlight?(r.openBlock(),r.createElementBlock("div",{key:1,class:r.normalizeClass(["mb-xs h-3xs w-md",r.unref(b.generateClass).bgColorVariant({color:t.highlightColor})])},null,2)):r.createCommentVNode("",!0),r.createElementVNode("div",{class:"mb-sm cursor-default",onClick:n[0]||(n[0]=r.withModifiers(()=>{},["stop"]))},[r.renderSlot(l.$slots,"default")])]),t.showCta?(r.openBlock(),r.createElementBlock("div",{key:0,class:"cursor-default border-0 pb-sm",onClick:n[2]||(n[2]=r.withModifiers(()=>{},["stop"]))},[r.createElementVNode("div",at,[r.createElementVNode("a",{href:t.ctaLink,target:t.ctaTarget,class:r.normalizeClass(["btn btn-full",u.value]),onClick:n[1]||(n[1]=i=>d(i))},r.toDisplayString(t.ctaText),11,lt)])])):r.createCommentVNode("",!0)])],2))}}),ot=["href","target"],nt={class:"peer absolute inset-0 z-15 flex flex-col items-start justify-end p-xs transition-opacity duration-200 hover:opacity-100 [@media(hover:hover)]:opacity-0"},st=["innerHTML"],ct=["src","alt"],dt=r.defineComponent({__name:"MclCardB",props:{title:{},titleSize:{default:"md"},titleColor:{default:"light-1"},titleBlockColor:{default:"dark-4"},borderColor:{default:"light-3"},imageSource:{},imageAlt:{},showGrayScale:{type:Boolean,default:!0},ctaAsLink:{type:Boolean,default:!1},ctaLink:{default:"#"},ctaTarget:{default:"_self"},rounded:{type:Boolean,default:!1}},emits:["card-click"],setup(t,{emit:s}){const a=t;r.useSlots();const o=s,m=r.computed(()=>{const{borderColor:d,rounded:g}=a,l=[b.generateClass.borderColorVariant({color:d})];return l.push(g?"rounded-md":"rounded-sm"),l.join(" ")}),h=r.computed(()=>{const{showGrayScale:d}=a;return d?"[@media(hover:hover)]:grayscale peer-hover:grayscale-0":""}),k=r.computed(()=>{const{titleSize:d,titleColor:g,titleBlockColor:l}=a;return[b.generateClass.h3Variant({size:d}),b.generateClass.textColorVariant({color:g}),b.generateClass.bgColorVariant({color:l})].join(" ")}),u=d=>{const{title:g,ctaLink:l,ctaTarget:n,ctaAsLink:i}=a;!i&&d.preventDefault();const c={title:g,url:l,target:n||"_self"};console.log(c),o("card-click",d,c)};return(d,g)=>(r.openBlock(),r.createElementBlock("div",{class:r.normalizeClass(["xs:w-auto relative w-full max-w-112.5 shrink-0 grow cursor-pointer overflow-hidden border sm:max-w-87.5",m.value])},[r.createElementVNode("a",{href:t.ctaLink,target:t.ctaTarget,onClick:g[0]||(g[0]=l=>u(l))},[r.createElementVNode("div",nt,[r.createElementVNode("h3",{innerHTML:t.title,class:r.normalizeClass(["pointer-events-none mb-2xs inline-block px-xs py-2xs tracking-wide",k.value])},null,10,st),r.renderSlot(d.$slots,"default")]),r.createElementVNode("img",{src:t.imageSource,alt:t.imageAlt,class:r.normalizeClass(["relative z-10 aspect-3/4 h-full w-full object-cover object-center transition-all duration-200",h.value])},null,10,ct)],8,ot)],2))}}),gt=["src","alt"],bt=r.defineComponent({__name:"MclCardC",props:{imageSource:{},imageAlt:{},title:{},titleSize:{default:"md"},titleColor:{default:"dark-3"},showHighlight:{type:Boolean,default:!1},highlightColor:{default:"light-3"},highlightOpacity:{default:80},showTitle:{type:Boolean,default:!1},cardColor:{default:"primary"}},emits:["card-click"],setup(t,{emit:s}){const a=t;r.useSlots();const o=r.ref(!1),m=s,h=r.computed(()=>{const d=[b.generateClass.bgColorVariant({color:a.cardColor})];return o.value&&d.push("flip-card"),d.join(" ")}),k=r.computed(()=>{const{titleSize:d,titleColor:g,showHighlight:l,highlightColor:n,highlightOpacity:i}=a,c=[b.generateClass.h3Variant({size:d}),b.generateClass.textColorVariant({color:g})];return l&&(c.push("px-xs py-2xs mb-2xs rounded"),c.push(b.generateClass.bgColorVariant({color:n})),c.push(b.generateClass.bgOpacityVariant({opacity:i}))),c.join(" ")}),u=d=>{d.preventDefault(),o.value&&m("card-click",d),o.value=!0};return(d,g)=>(r.openBlock(),r.createElementBlock("div",{class:r.normalizeClass(["card relative aspect-square max-h-100 overflow-hidden transition duration-1600",h.value]),onClick:u},[r.createElementVNode("img",{src:t.imageSource,alt:t.imageAlt,class:r.normalizeClass([o.value?"opacity-100":"opacity-0","absolute aspect-square h-full w-full object-cover object-center transition-opacity delay-500 duration-800"])},null,10,gt),r.createElementVNode("div",{class:r.normalizeClass([o.value?"cursor-pointer opacity-100":"opacity-0","relative flex h-full flex-col justify-end p-sm transition delay-500 duration-800"])},[t.showTitle?(r.openBlock(),r.createElementBlock("h3",{key:0,class:r.normalizeClass(["relative self-start",k.value])},[r.createElementVNode("span",null,r.toDisplayString(t.title),1)],2)):r.createCommentVNode("",!0),r.renderSlot(d.$slots,"card-body",{},void 0,!0)],2)],2))}}),B=(t,s)=>{const a=t.__vccOpts||t;for(const[o,m]of s)a[o]=m;return a},ht=B(bt,[["__scopeId","data-v-eac7e2f0"]]),mt={class:"flex flex-col overflow-hidden rounded-md"},pt=["src","alt"],xt=["href","target"],ft=B(r.defineComponent({__name:"MclCardD",props:{showImage:{type:Boolean,default:!0},imageSource:{},imageAlt:{default:""},title:{},titleSize:{default:"md"},titleColor:{default:"dark-4"},bgColor:{default:"light-1"},showHighlight:{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(t,{emit:s}){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"},o={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"},m={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=t;r.useSlots();const k=s,u=r.computed(()=>{const{titleSize:i,titleColor:c}=h;return[b.generateClass.h2Variant({size:i}),b.generateClass.textColorVariant({color:c})].join(" ")}),d=r.computed(()=>{const{ctaButton:i,ctaButtonColor:c,ctaButtonBlock:x}=h,p=[],y=["light-1","light-2","light-3","light-4"];return i?p.push("btn",b.generateClass.btnColorVariant({color:c})):p.push("mcl-link"),i&&x&&p.push("btn-full"),i&&!y.includes(c)&&p.push("text-white"),p.join(" ")}),g=r.computed(()=>({"--border-width":`${h.borderWidth}px`})),l=r.computed(()=>{const i=a[h.borderColor],c=o[h.gradient1],x=m[h.gradient2];return[b.generateClass.borderColorVariant({color:h.borderColor}),i,c,x].join(" ")}),n=i=>{const{title:c,ctaLink:x,ctaLinkTarget:p,ctaAsLink:y}=h,w={title:c,url:x,target:p||"_self"};!y&&i.preventDefault(),k("card-click",i,w)};return(i,c)=>(r.openBlock(),r.createElementBlock("div",{class:r.normalizeClass(["card xs:w-auto w-full max-w-112.5 shrink-0 grow overflow-hidden rounded-md border from-20% sm:max-w-87.5",l.value]),style:r.normalizeStyle(g.value)},[r.createElementVNode("div",mt,[t.showImage?(r.openBlock(),r.createElementBlock("img",{key:0,src:t.imageSource,class:"max-h-50 min-w-full object-cover object-top",alt:t.imageAlt},null,8,pt)):r.createCommentVNode("",!0),r.createElementVNode("div",{class:r.normalizeClass(["p-xs",r.unref(b.generateClass).bgColorVariant({color:t.bgColor})])},[r.createElementVNode("h3",{class:r.normalizeClass(["mb-xs",u.value])},r.toDisplayString(t.title),3),t.showHighlight?(r.openBlock(),r.createElementBlock("div",{key:0,class:r.normalizeClass(["mb-xs h-3xs w-md",r.unref(b.generateClass).bgColorVariant({color:t.highlightColor})])},null,2)):r.createCommentVNode("",!0),r.createElementVNode("div",null,[r.renderSlot(i.$slots,"default",{},void 0,!0)]),r.createElementVNode("div",{class:r.normalizeClass(["mt-xs",{"mb-2xs":!t.ctaButton}])},[r.createElementVNode("a",{href:t.ctaLink,target:t.ctaLinkTarget,class:r.normalizeClass(d.value),onClick:n},r.toDisplayString(t.ctaText),11,xt)],2)],2)])],6))}}),[["__scopeId","data-v-8bf2cac0"]]);f.MclCardA=it,f.MclCardB=dt,f.MclCardC=ht,f.MclCardD=ft,Object.defineProperty(f,Symbol.toStringTag,{value:"Module"})}));
2
+ (function(g,t){typeof exports=="object"&&typeof module<"u"?t(exports,require("vue"),require("@bobbykim/manguito-theme"),require("@bobbykim/manguito-theme/util")):typeof define=="function"&&define.amd?define(["exports","vue","@bobbykim/manguito-theme","@bobbykim/manguito-theme/util"],t):(g=typeof globalThis<"u"?globalThis:g||self,t(g.MclCards={},g.Vue,g.ManguitoTheme,g.ManguitoThemeUtil))})(this,(function(g,t,n,w){"use strict";const B={key:0,class:"relative"},V=["src","alt"],E=["innerHTML"],S={class:"flex h-full flex-col justify-between"},z={class:"flex-1 px-xs pt-sm"},L=["innerHTML"],N=["innerHTML"],A={class:"w-full px-xs"},j=["href","target"],M=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},showImage:{type:Boolean,default:!0},imageSource:{},imageAlt:{},showCta:{type:Boolean,default:!0},ctaAsLink:{type:Boolean,default:!1},ctaText:{default:"cta text"},ctaColor:{default:"primary"},ctaLink:{default:"#"},ctaTarget:{default:"_self"},showLabel:{type:Boolean,default:!0},labelText:{default:"Lorem ipsum"},labelTextColor:{default:"light-1"},labelColor:{default:"dark-4"},enlargeOnHover:{type:Boolean,default:!1},showHighlight:{type:Boolean,default:!0},highlightColor:{default:"primary"},rounded:{type:Boolean,default:!0},showShadow:{type:Boolean,default:!0}},emits:["card-click","card-btn-click"],setup(e,{emit:C}){const i=e;t.useSlots();const d=C,u=t.computed(()=>{const{borderColor:l,bgColor:o,rounded:a,enlargeOnHover:r,showShadow:h,glass:m,glassBlur:y,glassOpacity:p,fullWidth:U}=i;return[n.generateClass.borderColorVariant({color:l}),n.generateClass.bgColorVariant({color:o}),!U&&"max-w-[450px] sm:max-w-[350px]",a?"rounded-lg":"rounded-sm",r&&"hover:scale-105 transition ease-in duration-300",h&&"drop-shadow-md",m&&w.getGlassmorphismClass(o,y,p)].filter(Boolean).join(" ")}),f=t.computed(()=>{const{titleSize:l,titleColor:o,showHighlight:a}=i;return[n.generateClass.h3Variant({size:l}),n.generateClass.textColorVariant({color:o}),a?"mb-2xs":"mb-xs"].filter(Boolean).join(" ")}),k=t.computed(()=>{const{labelTextColor:l,labelColor:o}=i;return[n.generateClass.textColorVariant({color:l}),n.generateClass.bgColorVariant({color:o})].filter(Boolean).join(" ")}),b=t.computed(()=>{const{ctaColor:l,rounded:o}=i,a=["light-1","light-2","light-3","light-4"];return[n.generateClass.btnColorVariant({color:l}),a.includes(l)?"text-black":"text-white",o&&"btn-round"].filter(Boolean).join(" ")}),s=l=>{const{title:o,ctaLink:a,ctaTarget:r,ctaAsLink:h}=i,m={title:o,url:a,target:r||"_self"};!h&&l.preventDefault(),d("card-btn-click",l,m)},c=l=>{const{title:o,ctaLink:a,ctaTarget:r}=i;d("card-click",l,{title:o,url:a,target:r||"_self"})};return(l,o)=>(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",u.value]),onClick:c},[e.showImage?(t.openBlock(),t.createElementBlock("div",B,[t.createElementVNode("img",{src:e.imageSource,alt:e.imageAlt,class:"aspect-video min-w-full object-cover object-top"},null,8,V),e.showLabel?(t.openBlock(),t.createElementBlock("span",{key:0,class:t.normalizeClass(["absolute bottom-0 ml-xs inline-block translate-y-[50%] px-2xs py-3xs text-xs font-bold",k.value]),innerHTML:e.labelText},null,10,E)):t.createCommentVNode("",!0)])):t.createCommentVNode("",!0),t.createElementVNode("div",S,[t.createElementVNode("div",z,[!e.showImage&&e.showLabel?(t.openBlock(),t.createElementBlock("span",{key:0,class:t.normalizeClass(["mb-2xs inline-block px-2xs py-3xs text-xs font-bold",k.value]),innerHTML:e.labelText},null,10,L)):t.createCommentVNode("",!0),t.createElementVNode("h3",{class:t.normalizeClass(f.value),innerHTML:e.title},null,10,N),e.showHighlight?(t.openBlock(),t.createElementBlock("div",{key:1,class:t.normalizeClass(["mb-xs h-3xs w-md",t.unref(n.generateClass).bgColorVariant({color:e.highlightColor})])},null,2)):t.createCommentVNode("",!0),t.createElementVNode("div",{class:"mb-sm cursor-default",onClick:o[0]||(o[0]=t.withModifiers(()=>{},["stop"]))},[t.renderSlot(l.$slots,"default")])]),e.showCta?(t.openBlock(),t.createElementBlock("div",{key:0,class:"cursor-default border-0 pb-sm",onClick:o[2]||(o[2]=t.withModifiers(()=>{},["stop"]))},[t.createElementVNode("div",A,[t.createElementVNode("a",{href:e.ctaLink,target:e.ctaTarget,class:t.normalizeClass(["btn btn-full",b.value]),onClick:o[1]||(o[1]=a=>s(a))},t.toDisplayString(e.ctaText),11,j)])])):t.createCommentVNode("",!0)])],2))}}),H=["href","target"],$={class:"peer absolute inset-0 z-15 flex flex-col items-start justify-end p-xs transition-opacity duration-200 hover:opacity-100 [@media(hover:hover)]:opacity-0"},T=["innerHTML"],D=["src","alt"],O=t.defineComponent({__name:"MclCardB",props:{title:{},titleSize:{default:"md"},titleColor:{default:"light-1"},titleBlockColor:{default:"dark-4"},borderColor:{default:"light-3"},imageSource:{},imageAlt:{},showGrayScale:{type:Boolean,default:!0},ctaAsLink:{type:Boolean,default:!1},ctaLink:{default:"#"},ctaTarget:{default:"_self"},rounded:{type:Boolean,default:!1}},emits:["card-click"],setup(e,{emit:C}){const i=e;t.useSlots();const d=C,u=t.computed(()=>{const{borderColor:s,rounded:c}=i,l=[n.generateClass.borderColorVariant({color:s})];return l.push(c?"rounded-md":"rounded-sm"),l.join(" ")}),f=t.computed(()=>{const{showGrayScale:s}=i;return s?"[@media(hover:hover)]:grayscale peer-hover:grayscale-0":""}),k=t.computed(()=>{const{titleSize:s,titleColor:c,titleBlockColor:l}=i;return[n.generateClass.h3Variant({size:s}),n.generateClass.textColorVariant({color:c}),n.generateClass.bgColorVariant({color:l})].join(" ")}),b=s=>{const{title:c,ctaLink:l,ctaTarget:o,ctaAsLink:a}=i;!a&&s.preventDefault();const r={title:c,url:l,target:o||"_self"};console.log(r),d("card-click",s,r)};return(s,c)=>(t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["xs:w-auto relative w-full max-w-112.5 shrink-0 grow cursor-pointer overflow-hidden border sm:max-w-87.5",u.value])},[t.createElementVNode("a",{href:e.ctaLink,target:e.ctaTarget,onClick:c[0]||(c[0]=l=>b(l))},[t.createElementVNode("div",$,[t.createElementVNode("h3",{innerHTML:e.title,class:t.normalizeClass(["pointer-events-none mb-2xs inline-block px-xs py-2xs tracking-wide",k.value])},null,10,T),t.renderSlot(s.$slots,"default")]),t.createElementVNode("img",{src:e.imageSource,alt:e.imageAlt,class:t.normalizeClass(["relative z-10 aspect-3/4 h-full w-full object-cover object-center transition-all duration-200",f.value])},null,10,D)],8,H)],2))}}),I=["src","alt"],q=t.defineComponent({__name:"MclCardC",props:{imageSource:{},imageAlt:{},title:{},titleSize:{default:"md"},titleColor:{default:"dark-3"},showHighlight:{type:Boolean,default:!1},highlightColor:{default:"light-3"},highlightOpacity:{default:80},showTitle:{type:Boolean,default:!1},cardColor:{default:"primary"}},emits:["card-click"],setup(e,{emit:C}){const i=e;t.useSlots();const d=t.ref(!1),u=C,f=t.computed(()=>{const s=[n.generateClass.bgColorVariant({color:i.cardColor})];return d.value&&s.push("flip-card"),s.join(" ")}),k=t.computed(()=>{const{titleSize:s,titleColor:c,showHighlight:l,highlightColor:o,highlightOpacity:a}=i,r=[n.generateClass.h3Variant({size:s}),n.generateClass.textColorVariant({color:c})];return l&&(r.push("px-xs py-2xs mb-2xs rounded"),r.push(n.generateClass.bgColorVariant({color:o})),r.push(n.generateClass.bgOpacityVariant({opacity:a}))),r.join(" ")}),b=s=>{s.preventDefault(),d.value&&u("card-click",s),d.value=!0};return(s,c)=>(t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["card relative aspect-square max-h-100 overflow-hidden transition duration-1600",f.value]),onClick:b},[t.createElementVNode("img",{src:e.imageSource,alt:e.imageAlt,class:t.normalizeClass([d.value?"opacity-100":"opacity-0","absolute aspect-square h-full w-full object-cover object-center transition-opacity delay-500 duration-800"])},null,10,I),t.createElementVNode("div",{class:t.normalizeClass([d.value?"cursor-pointer opacity-100":"opacity-0","relative flex h-full flex-col justify-end p-sm transition delay-500 duration-800"])},[e.showTitle?(t.openBlock(),t.createElementBlock("h3",{key:0,class:t.normalizeClass(["relative self-start",k.value])},[t.createElementVNode("span",null,t.toDisplayString(e.title),1)],2)):t.createCommentVNode("",!0),t.renderSlot(s.$slots,"card-body",{},void 0,!0)],2)],2))}}),x=(e,C)=>{const i=e.__vccOpts||e;for(const[d,u]of C)i[d]=u;return i},W=x(q,[["__scopeId","data-v-eac7e2f0"]]),G={class:"flex flex-col overflow-hidden rounded-md"},F=["src","alt"],P=["href","target"],R=x(t.defineComponent({__name:"MclCardD",props:{showImage:{type:Boolean,default:!0},imageSource:{},imageAlt:{default:""},title:{},titleSize:{default:"md"},titleColor:{default:"dark-4"},bgColor:{default:"light-1"},showHighlight:{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(e,{emit:C}){const i={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"},f=e;t.useSlots();const k=C,b=t.computed(()=>{const{titleSize:a,titleColor:r}=f;return[n.generateClass.h2Variant({size:a}),n.generateClass.textColorVariant({color:r})].join(" ")}),s=t.computed(()=>{const{ctaButton:a,ctaButtonColor:r,ctaButtonBlock:h}=f,m=[],y=["light-1","light-2","light-3","light-4"];return a?m.push("btn",n.generateClass.btnColorVariant({color:r})):m.push("mcl-link"),a&&h&&m.push("btn-full"),a&&!y.includes(r)&&m.push("text-white"),m.join(" ")}),c=t.computed(()=>({"--border-width":`${f.borderWidth}px`})),l=t.computed(()=>{const a=i[f.borderColor],r=d[f.gradient1],h=u[f.gradient2];return[n.generateClass.borderColorVariant({color:f.borderColor}),a,r,h].join(" ")}),o=a=>{const{title:r,ctaLink:h,ctaLinkTarget:m,ctaAsLink:y}=f,p={title:r,url:h,target:m||"_self"};!y&&a.preventDefault(),k("card-click",a,p)};return(a,r)=>(t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["card xs:w-auto w-full max-w-112.5 shrink-0 grow overflow-hidden rounded-md border from-20% sm:max-w-87.5",l.value]),style:t.normalizeStyle(c.value)},[t.createElementVNode("div",G,[e.showImage?(t.openBlock(),t.createElementBlock("img",{key:0,src:e.imageSource,class:"max-h-50 min-w-full object-cover object-top",alt:e.imageAlt},null,8,F)):t.createCommentVNode("",!0),t.createElementVNode("div",{class:t.normalizeClass(["p-xs",t.unref(n.generateClass).bgColorVariant({color:e.bgColor})])},[t.createElementVNode("h3",{class:t.normalizeClass(["mb-xs",b.value])},t.toDisplayString(e.title),3),e.showHighlight?(t.openBlock(),t.createElementBlock("div",{key:0,class:t.normalizeClass(["mb-xs h-3xs w-md",t.unref(n.generateClass).bgColorVariant({color:e.highlightColor})])},null,2)):t.createCommentVNode("",!0),t.createElementVNode("div",null,[t.renderSlot(a.$slots,"default",{},void 0,!0)]),t.createElementVNode("div",{class:t.normalizeClass(["mt-xs",{"mb-2xs":!e.ctaButton}])},[t.createElementVNode("a",{href:e.ctaLink,target:e.ctaLinkTarget,class:t.normalizeClass(s.value),onClick:o},t.toDisplayString(e.ctaText),11,P)],2)],2)])],6))}}),[["__scopeId","data-v-8bf2cac0"]]);g.MclCardA=M,g.MclCardB=O,g.MclCardC=W,g.MclCardD=R,Object.defineProperty(g,Symbol.toStringTag,{value:"Module"})}));
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bobbykim/mcl-cards",
3
- "version": "0.10.3",
3
+ "version": "0.10.4",
4
4
  "description": "card components based on @bobbykim/manguito-theme",
5
5
  "type": "module",
6
6
  "files": [
@@ -31,7 +31,7 @@
31
31
  "license": "MIT",
32
32
  "dependencies": {
33
33
  "vue": "^3.5.13",
34
- "@bobbykim/manguito-theme": "1.1.0"
34
+ "@bobbykim/manguito-theme": "1.2.0"
35
35
  },
36
36
  "devDependencies": {
37
37
  "@vitejs/plugin-vue": "^5.2.1",