@bobbykim/mcl-cards 0.8.1 → 0.8.3

package/dist/mcl-cards.js

@@ -1,5 +1,5 @@
 (function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode('.content-height[data-v-9021bcb6]{height:calc(100% - 200px)}.perspective[data-v-0d2f293c]{perspective:1800px}.card[data-v-0d2f293c]{transform-style:preserve-3d;transform:rotateY(0);backface-visibility:hidden}.flip-card[data-v-0d2f293c]{transform:rotateY(360deg)}.card[data-v-237930d5]{background-size:cover;background-position:center center;background-repeat:no-repeat;padding:var(--border-width);animation:bg-spin-237930d5 4s linear infinite}@keyframes bg-spin-237930d5{to{--border-angle: 360deg}}.card[data-v-237930d5]:hover{animation-play-state:paused}@property --border-angle{syntax: "<angle>"; inherits: true; initial-value: 0deg;}')),document.head.appendChild(e)}}catch(a){console.error("vite-plugin-css-injected-by-js",a)}})();
-import { defineComponent as B, useSlots as L, computed as h, openBlock as g, createElementBlock as m, normalizeClass as n, createElementVNode as s, createCommentVNode as b, unref as A, withModifiers as S, renderSlot as T, toDisplayString as w, ref as R, normalizeStyle as H } from "vue";
+import { defineComponent as B, useSlots as L, computed as h, createElementBlock as g, openBlock as m, normalizeClass as n, createCommentVNode as b, createElementVNode as s, unref as A, withModifiers as S, renderSlot as T, toDisplayString as w, ref as R, normalizeStyle as H } from "vue";
 import o from "@bobbykim/manguito-theme";
 const M = {
   key: 0,
@@ -72,17 +72,17 @@ const M = {
         target: l || "_self"
       });
     };
-    return (t, r) => (g(), m("div", {
+    return (t, r) => (m(), g("div", {
       class: n(["overflow-hidden border max-w-[450px] sm:max-w-[350px] w-full xs:w-auto flex-grow flex-shrink-0 cursor-pointer", v.value]),
       onClick: c
     }, [
-      t.displayImage ? (g(), m("div", M, [
+      t.displayImage ? (m(), g("div", M, [
         s("img", {
           src: t.imageSource,
           alt: t.imageAlt,
           class: "object-cover object-top h-[220px] min-w-full"
         }, null, 8, E),
-        t.displayLabel ? (g(), m("span", {
+        t.displayLabel ? (m(), g("span", {
           key: 0,
           class: n(["py-3xs px-2xs ml-xs inline-block font-bold text-xs absolute bottom-0 translate-y-[50%]", k.value]),
           innerHTML: t.labelText
@@ -91,7 +91,7 @@ const M = {
       s("div", z, [
         s("div", G, [
           s("div", D, [
-            !t.displayImage && t.displayLabel ? (g(), m("span", {
+            !t.displayImage && t.displayLabel ? (m(), g("span", {
               key: 0,
               class: n(["py-3xs px-2xs mb-2xs inline-block font-bold text-xs", k.value]),
               innerHTML: t.labelText
@@ -100,7 +100,7 @@ const M = {
               class: n(f.value),
               innerHTML: t.title
             }, null, 10, X),
-            t.displayHighlight ? (g(), m("div", {
+            t.displayHighlight ? (m(), g("div", {
               key: 1,
               class: n(["mb-xs h-3xs w-md", A(o)("BGCOLOR", t.highlightColor)])
             }, null, 2)) : b("", !0),
@@ -113,7 +113,7 @@ const M = {
             ])
           ])
         ]),
-        t.displayCta ? (g(), m("div", {
+        t.displayCta ? (m(), g("div", {
           key: 0,
           class: "pb-sm border-0 cursor-default",
           onClick: r[2] || (r[2] = S(() => {
@@ -179,7 +179,7 @@ const M = {
       };
       console.log(l), u("card-click", a, l);
     };
-    return (a, c) => (g(), m("div", {
+    return (a, c) => (m(), g("div", {
       class: n(["relative max-w-[450px] sm:max-w-[350px] w-full xs:w-auto flex-grow flex-shrink-0 cursor-pointer overflow-hidden border", v.value])
     }, [
       s("a", {
@@ -238,7 +238,7 @@ const M = {
     }), x = (a) => {
       a.preventDefault(), u.value && v("card-click", a), u.value = !0;
     };
-    return (a, c) => (g(), m("div", {
+    return (a, c) => (m(), g("div", {
       class: n(["relative aspect-square card transition duration-[1600ms] max-h-[400px] overflow-hidden", f.value]),
       onClick: x
     }, [
@@ -256,7 +256,7 @@ const M = {
           "relative flex flex-col justify-end p-sm h-full transition delay-500 duration-[800ms]"
         ])
       }, [
-        a.displayTitle ? (g(), m("h3", {
+        a.displayTitle ? (m(), g("h3", {
           key: 0,
           class: n(["relative self-start", k.value])
         }, [
@@ -376,12 +376,12 @@ const M = {
       };
       !O && e.preventDefault(), k("card-click", e, j);
     };
-    return (e, l) => (g(), m("div", {
+    return (e, l) => (m(), g("div", {
       class: n(["card [--border-angle:0deg] bg-[conic-gradient(from_var(--border-angle),var(--tw-gradient-stops))] from-20% overflow-hidden rounded-md max-w-[450px] sm:max-w-[350px] w-full xs:w-auto flex-grow flex-shrink-0 border", t.value]),
       style: H(c.value)
     }, [
       s("div", Q, [
-        e.displayImage ? (g(), m("img", {
+        e.displayImage ? (m(), g("img", {
           key: 0,
           src: e.imageSource,
           class: "object-cover object-top max-h-[200px] min-w-full",
@@ -393,7 +393,7 @@ const M = {
           s("h3", {
             class: n(["mb-xs", x.value])
           }, w(e.title), 3),
-          e.displayHighlight ? (g(), m("div", {
+          e.displayHighlight ? (m(), g("div", {
             key: 0,
             class: n(["mb-xs h-3xs w-md", A(o)("BGCOLOR", e.highlightColor)])
           }, null, 2)) : b("", !0),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bobbykim/mcl-cards",
-  "version": "0.8.1",
+  "version": "0.8.3",
   "description": "card components based on @bobbykim/manguito-theme",
   "type": "module",
   "files": [
@@ -33,7 +33,7 @@
   },
   "license": "MIT",
   "dependencies": {
-    "@bobbykim/manguito-theme": "0.23.1",
+    "@bobbykim/manguito-theme": "0.25.0",
     "vue": "^3.5.13"
   },
   "devDependencies": {
@@ -45,5 +45,5 @@
     "vite-plugin-dts": "^4.3.0",
     "vue-tsc": "^2.1.10"
   },
-  "gitHead": "afe5374be029e87ef182b284589763b138e7f100"
+  "gitHead": "ff7499791d1ced7ae862e474ce4b8b421f947a27"
 }