@bobbykim/mcl-cards 0.8.2 → 0.8.3

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.
Files changed (2) hide show
  1. package/dist/mcl-cards.js +13 -13
  2. package/package.json +3 -3
package/dist/mcl-cards.js CHANGED
@@ -1,5 +1,5 @@
1
1
  (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)}})();
2
- 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";
2
+ 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";
3
3
  import o from "@bobbykim/manguito-theme";
4
4
  const M = {
5
5
  key: 0,
@@ -72,17 +72,17 @@ const M = {
72
72
  target: l || "_self"
73
73
  });
74
74
  };
75
- return (t, r) => (g(), m("div", {
75
+ return (t, r) => (m(), g("div", {
76
76
  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]),
77
77
  onClick: c
78
78
  }, [
79
- t.displayImage ? (g(), m("div", M, [
79
+ t.displayImage ? (m(), g("div", M, [
80
80
  s("img", {
81
81
  src: t.imageSource,
82
82
  alt: t.imageAlt,
83
83
  class: "object-cover object-top h-[220px] min-w-full"
84
84
  }, null, 8, E),
85
- t.displayLabel ? (g(), m("span", {
85
+ t.displayLabel ? (m(), g("span", {
86
86
  key: 0,
87
87
  class: n(["py-3xs px-2xs ml-xs inline-block font-bold text-xs absolute bottom-0 translate-y-[50%]", k.value]),
88
88
  innerHTML: t.labelText
@@ -91,7 +91,7 @@ const M = {
91
91
  s("div", z, [
92
92
  s("div", G, [
93
93
  s("div", D, [
94
- !t.displayImage && t.displayLabel ? (g(), m("span", {
94
+ !t.displayImage && t.displayLabel ? (m(), g("span", {
95
95
  key: 0,
96
96
  class: n(["py-3xs px-2xs mb-2xs inline-block font-bold text-xs", k.value]),
97
97
  innerHTML: t.labelText
@@ -100,7 +100,7 @@ const M = {
100
100
  class: n(f.value),
101
101
  innerHTML: t.title
102
102
  }, null, 10, X),
103
- t.displayHighlight ? (g(), m("div", {
103
+ t.displayHighlight ? (m(), g("div", {
104
104
  key: 1,
105
105
  class: n(["mb-xs h-3xs w-md", A(o)("BGCOLOR", t.highlightColor)])
106
106
  }, null, 2)) : b("", !0),
@@ -113,7 +113,7 @@ const M = {
113
113
  ])
114
114
  ])
115
115
  ]),
116
- t.displayCta ? (g(), m("div", {
116
+ t.displayCta ? (m(), g("div", {
117
117
  key: 0,
118
118
  class: "pb-sm border-0 cursor-default",
119
119
  onClick: r[2] || (r[2] = S(() => {
@@ -179,7 +179,7 @@ const M = {
179
179
  };
180
180
  console.log(l), u("card-click", a, l);
181
181
  };
182
- return (a, c) => (g(), m("div", {
182
+ return (a, c) => (m(), g("div", {
183
183
  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])
184
184
  }, [
185
185
  s("a", {
@@ -238,7 +238,7 @@ const M = {
238
238
  }), x = (a) => {
239
239
  a.preventDefault(), u.value && v("card-click", a), u.value = !0;
240
240
  };
241
- return (a, c) => (g(), m("div", {
241
+ return (a, c) => (m(), g("div", {
242
242
  class: n(["relative aspect-square card transition duration-[1600ms] max-h-[400px] overflow-hidden", f.value]),
243
243
  onClick: x
244
244
  }, [
@@ -256,7 +256,7 @@ const M = {
256
256
  "relative flex flex-col justify-end p-sm h-full transition delay-500 duration-[800ms]"
257
257
  ])
258
258
  }, [
259
- a.displayTitle ? (g(), m("h3", {
259
+ a.displayTitle ? (m(), g("h3", {
260
260
  key: 0,
261
261
  class: n(["relative self-start", k.value])
262
262
  }, [
@@ -376,12 +376,12 @@ const M = {
376
376
  };
377
377
  !O && e.preventDefault(), k("card-click", e, j);
378
378
  };
379
- return (e, l) => (g(), m("div", {
379
+ return (e, l) => (m(), g("div", {
380
380
  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]),
381
381
  style: H(c.value)
382
382
  }, [
383
383
  s("div", Q, [
384
- e.displayImage ? (g(), m("img", {
384
+ e.displayImage ? (m(), g("img", {
385
385
  key: 0,
386
386
  src: e.imageSource,
387
387
  class: "object-cover object-top max-h-[200px] min-w-full",
@@ -393,7 +393,7 @@ const M = {
393
393
  s("h3", {
394
394
  class: n(["mb-xs", x.value])
395
395
  }, w(e.title), 3),
396
- e.displayHighlight ? (g(), m("div", {
396
+ e.displayHighlight ? (m(), g("div", {
397
397
  key: 0,
398
398
  class: n(["mb-xs h-3xs w-md", A(o)("BGCOLOR", e.highlightColor)])
399
399
  }, null, 2)) : b("", !0),
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bobbykim/mcl-cards",
3
- "version": "0.8.2",
3
+ "version": "0.8.3",
4
4
  "description": "card components based on @bobbykim/manguito-theme",
5
5
  "type": "module",
6
6
  "files": [
@@ -33,7 +33,7 @@
33
33
  },
34
34
  "license": "MIT",
35
35
  "dependencies": {
36
- "@bobbykim/manguito-theme": "0.24.0",
36
+ "@bobbykim/manguito-theme": "0.25.0",
37
37
  "vue": "^3.5.13"
38
38
  },
39
39
  "devDependencies": {
@@ -45,5 +45,5 @@
45
45
  "vite-plugin-dts": "^4.3.0",
46
46
  "vue-tsc": "^2.1.10"
47
47
  },
48
- "gitHead": "92ed1f261177034bd95ac0e3d60ba672e3473555"
48
+ "gitHead": "ff7499791d1ced7ae862e474ce4b8b421f947a27"
49
49
  }