vlite3 1.4.22 → 1.4.24

package/components/Skeleton/Skeleton.vue.js

@@ -1,8 +1,8 @@
-import { defineComponent as ue, ref as c, shallowRef as de, computed as a, watch as ce, nextTick as ve, onMounted as me, onUnmounted as fe, openBlock as l, createElementBlock as v, normalizeClass as ye, createElementVNode as H, normalizeStyle as k, renderSlot as M, createCommentVNode as m, Fragment as pe, renderList as ge, isMemoSame as he, setBlockTracking as f, createBlock as L, resolveDynamicComponent as N, withCtx as D, createTextVNode as P, toDisplayString as $, unref as z } from "vue";
+import { defineComponent as ue, ref as c, shallowRef as de, computed as a, watch as ce, nextTick as ve, onMounted as fe, onUnmounted as me, openBlock as r, createElementBlock as v, normalizeClass as ye, createElementVNode as H, normalizeStyle as k, renderSlot as A, createCommentVNode as f, Fragment as pe, renderList as ge, isMemoSame as he, setBlockTracking as m, createBlock as L, resolveDynamicComponent as N, withCtx as D, createTextVNode as P, toDisplayString as w, unref as z } from "vue";
 import { normalizeBone as J } from "./types.js";
-import { getRegisteredBones as be, resolveResponsive as ke, getGlobalConfig as $e } from "./shared.js";
-import { snapshotBones as we } from "./extract.js";
-const Be = ["data-boneyard"], Re = { style: { position: "relative", width: "100%", height: "100%" } }, Ce = "rgba(0, 0, 0, 0.03)", Ee = "rgba(255, 255, 255, 0.05)", Se = 0.4, xe = 1, Me = 1, Ae = 0.1, Q = "0, 0, 0", Z = "255, 255, 255", ee = "0.04", te = "0", He = /* @__PURE__ */ ue({
+import { getRegisteredBones as be, resolveResponsive as ke, getGlobalConfig as we } from "./shared.js";
+import { snapshotBones as $e } from "./extract.js";
+const Be = ["data-boneyard"], Re = { style: { position: "relative", width: "100%", height: "100%" } }, Ce = "rgba(0, 0, 0, 0.03)", Ee = "rgba(255, 255, 255, 0.05)", Se = 0.4, xe = 1, Ae = 1, Me = 0.1, Q = "0, 0, 0", Z = "255, 255, 255", ee = "0.04", te = "0", He = /* @__PURE__ */ ue({
   __name: "Skeleton",
   props: {
     loading: { type: Boolean },
@@ -17,18 +17,18 @@ const Be = ["data-boneyard"], Re = { style: { position: "relative", width: "100%
     class: {},
     snapshotConfig: {}
   },
-  setup(w) {
-    const n = w, s = c(null), A = c(null), y = c(0), B = c(0), p = c(!1), u = Math.random().toString(36).slice(2, 8), O = de(null), g = $e(), ne = a(() => n.animate ?? g.animate ?? "pulse"), h = a(() => {
+  setup($) {
+    const n = $, s = c(null), M = c(null), y = c(0), B = c(0), p = c(!1), u = Math.random().toString(36).slice(2, 8), O = de(null), g = we(), ne = a(() => n.animate ?? g.animate ?? "pulse"), h = a(() => {
       const e = ne.value;
       return e === !0 ? "pulse" : e === !1 ? "solid" : e;
-    }), G = a(
+    }), F = a(
       () => p.value ? n.darkColor ?? g.darkColor ?? Ee : n.color ?? g.color ?? Ce
-    ), Y = a(
+    ), G = a(
       () => O.value ?? n.initialBones ?? (n.name ? be(n.name) : void 0)
-    ), F = a(
+    ), Y = a(
       () => typeof window < "u" ? window.innerWidth : y.value
-    ), r = a(
-      () => Y.value && (F.value > 0 || y.value > 0) ? ke(Y.value, F.value || y.value) : null
+    ), l = a(
+      () => G.value && (Y.value > 0 || y.value > 0) ? ke(G.value, Y.value || y.value) : null
     ), b = a(() => {
       const e = n.stagger ?? g.stagger;
       return e === !0 ? 80 : e === !1 || !e ? 0 : e;
@@ -40,24 +40,24 @@ const Be = ["data-boneyard"], Re = { style: { position: "relative", width: "100%
     ce(
       () => n.loading,
       (e, t) => {
-        t && !e && R.value > 0 && r.value && (C && clearTimeout(C), d.value = !0, C = setTimeout(() => {
+        t && !e && R.value > 0 && l.value && (C && clearTimeout(C), d.value = !0, C = setTimeout(() => {
           d.value = !1, C = null;
         }, R.value)), e && n.auto && ae();
       },
       { immediate: !0 }
     );
-    const K = a(() => (n.loading || d.value) && !!r.value), oe = a(
-      () => n.loading && !r.value && !d.value && !n.auto
-    ), W = a(
-      () => B.value > 0 ? B.value : r.value?.height ?? 0
-    ), q = a(() => r.value?.height ?? 0), U = a(
-      () => W.value > 0 && q.value > 0 ? W.value / q.value : 1
+    const q = a(() => (n.loading || d.value) && !!l.value), oe = a(
+      () => n.loading && !l.value && !d.value && !n.auto
+    ), K = a(
+      () => B.value > 0 ? B.value : l.value?.height ?? 0
+    ), W = a(() => l.value?.height ?? 0), U = a(
+      () => K.value > 0 && W.value > 0 ? K.value / W.value : 1
     );
     function ae() {
-      ve(() => {
-        requestAnimationFrame(() => {
-          A.value && (O.value = we(
-            A.value,
+      typeof window > "u" || typeof window.requestAnimationFrame != "function" || ve(() => {
+        window.requestAnimationFrame(() => {
+          M.value && (O.value = $e(
+            M.value,
             n.name || "auto-skeleton",
             n.snapshotConfig
           ));
@@ -77,7 +77,7 @@ const Be = ["data-boneyard"], Re = { style: { position: "relative", width: "100%
         e
       ) ? e : "0px";
     }
-    function le(e, t, o) {
+    function re(e, t, o) {
       const i = J(e), V = ie(i.r);
       return {
         position: "absolute",
@@ -92,7 +92,7 @@ const Be = ["data-boneyard"], Re = { style: { position: "relative", width: "100%
         animation: b.value > 0 ? `by-${u} 0.3s ease-out ${o * b.value}ms forwards` : "none"
       };
     }
-    function re(e, t) {
+    function le(e, t) {
       const o = J(e);
       return {
         width: "100%",
@@ -123,7 +123,7 @@ const Be = ["data-boneyard"], Re = { style: { position: "relative", width: "100%
       return {};
     }
     let I = null, T = null, E = null, S = null;
-    return me(() => {
+    return fe(() => {
       if (_(), s.value) {
         const e = s.value.getBoundingClientRect();
         y.value = Math.round(e.width), e.height > 0 && (B.value = Math.round(e.height));
@@ -135,78 +135,78 @@ const Be = ["data-boneyard"], Re = { style: { position: "relative", width: "100%
         const t = e[0]?.contentRect;
         y.value = Math.round(t?.width ?? 0), t && t.height > 0 && (B.value = Math.round(t.height));
       }), s.value && I.observe(s.value);
-    }), fe(() => {
+    }), me(() => {
       S && E && S.removeEventListener("change", E), T?.disconnect(), I?.disconnect();
-    }), (e, t) => (l(), v("div", {
+    }), (e, t) => (r(), v("div", {
       ref_key: "containerRef",
       ref: s,
       class: ye(n.class),
       style: { position: "relative" },
-      "data-boneyard": w.name
+      "data-boneyard": $.name
     }, [
       H("div", {
         "data-boneyard-content": "true",
-        style: k({ visibility: K.value && !d.value ? "hidden" : void 0 })
+        style: k({ visibility: q.value && !d.value ? "hidden" : void 0 })
       }, [
-        oe.value ? M(e.$slots, "fallback", { key: 0 }) : M(e.$slots, "default", { key: 1 })
+        oe.value ? A(e.$slots, "fallback", { key: 0 }) : A(e.$slots, "default", { key: 1 })
       ], 4),
-      w.loading && w.auto && !O.value ? (l(), v("div", {
+      $.loading && $.auto && !O.value ? (r(), v("div", {
         key: 0,
         "data-boneyard-fixture": "",
         ref_key: "fixtureRef",
-        ref: A,
+        ref: M,
         style: { position: "absolute", inset: "0", "z-index": "-1", opacity: "0.001", "pointer-events": "none" },
         "aria-hidden": "true"
       }, [
-        M(e.$slots, "fixture", {}, () => [
-          M(e.$slots, "default")
+        A(e.$slots, "fixture", {}, () => [
+          A(e.$slots, "default")
         ])
-      ], 512)) : m("", !0),
-      K.value && r.value ? (l(), v("div", {
+      ], 512)) : f("", !0),
+      q.value && l.value ? (r(), v("div", {
         key: 1,
         "data-boneyard-overlay": "true",
         style: k(`position:absolute;inset:0;overflow:hidden;opacity:${d.value ? 0 : 1};${R.value > 0 ? `transition:opacity ${R.value}ms ease-out;` : ""}pointer-events:none;will-change:opacity;contain:strict;`)
       }, [
         H("div", Re, [
-          (l(!0), v(pe, null, ge(r.value.bones, (o, i, V, x) => {
-            const X = [o, U.value, G.value, h.value, p.value, b.value];
+          (r(!0), v(pe, null, ge(l.value.bones, (o, i, V, x) => {
+            const X = [o, U.value, F.value, h.value, p.value, b.value];
             if (x && x.key === `${i}-${o.x ?? o[0]}` && he(x, X)) return x;
-            const j = (l(), v("div", {
+            const j = (r(), v("div", {
               key: `${i}-${o.x ?? o[0]}`,
               "data-boneyard-bone": "true",
-              style: k(le(o, U.value, i))
+              style: k(re(o, U.value, i))
             }, [
               H("div", {
-                style: k(re(o, G.value))
+                style: k(le(o, F.value))
               }, [
-                h.value !== "solid" ? (l(), v("div", {
+                h.value !== "solid" ? (r(), v("div", {
                   key: 0,
                   style: k(se(p.value, h.value))
-                }, null, 4)) : m("", !0)
+                }, null, 4)) : f("", !0)
               ], 4)
             ], 4));
             return j.memo = X, j;
           }, t, 0), 128)),
-          t[2] || (f(-1, !0), (t[2] = h.value === "pulse" ? (l(), L(N("style"), { key: 0 }, {
+          t[2] || (m(-1, !0), (t[2] = h.value === "pulse" ? (r(), L(N("style"), { key: 0 }, {
             default: D(() => [
-              P(" @keyframes bp-" + $(z(u)) + " { 0%, 100% { opacity: " + $(Ae) + "; } 50% { opacity: " + $(Me) + "; } } ", 1)
+              P(" @keyframes bp-" + w(z(u)) + " { 0%, 100% { opacity: " + w(Me) + "; } 50% { opacity: " + w(Ae) + "; } } ", 1)
             ]),
             _: 1
-          })) : m("", !0)).cacheIndex = 2, f(1), t[2]),
-          t[3] || (f(-1, !0), (t[3] = h.value === "shimmer" ? (l(), L(N("style"), { key: 1 }, {
+          })) : f("", !0)).cacheIndex = 2, m(1), t[2]),
+          t[3] || (m(-1, !0), (t[3] = h.value === "shimmer" ? (r(), L(N("style"), { key: 1 }, {
             default: D(() => [
-              P(" @keyframes bs-" + $(z(u)) + " { 0% { transform: translateX(-100%); } 100% { transform: translateX(100%); } } ", 1)
+              P(" @keyframes bs-" + w(z(u)) + " { 0% { transform: translateX(-100%); } 100% { transform: translateX(100%); } } ", 1)
             ]),
             _: 1
-          })) : m("", !0)).cacheIndex = 3, f(1), t[3]),
-          t[4] || (f(-1, !0), (t[4] = b.value > 0 ? (l(), L(N("style"), { key: 2 }, {
+          })) : f("", !0)).cacheIndex = 3, m(1), t[3]),
+          t[4] || (m(-1, !0), (t[4] = b.value > 0 ? (r(), L(N("style"), { key: 2 }, {
             default: D(() => [
-              P(" @keyframes by-" + $(z(u)) + " { from { opacity: 0; } to { opacity: 1; } } ", 1)
+              P(" @keyframes by-" + w(z(u)) + " { from { opacity: 0; } to { opacity: 1; } } ", 1)
             ]),
             _: 1
-          })) : m("", !0)).cacheIndex = 4, f(1), t[4])
+          })) : f("", !0)).cacheIndex = 4, m(1), t[4])
         ])
-      ], 4)) : m("", !0)
+      ], 4)) : f("", !0)
     ], 10, Be));
   }
 });

package/package.json

@@ -3,7 +3,7 @@
   "private": false,
   "description": "A Vue 3 UI component library built with Tailwind CSS.",
   "license": "MIT",
-  "version": "1.4.22",
+  "version": "1.4.24",
   "type": "module",
   "main": "index.js",
   "module": "index.js",