geekin-devtoys 0.3.8 → 0.3.9

package/lib/GScroller/index.mjs

@@ -1,24 +1,7 @@
-import { ref as n, watchEffect as de, unref as W, defineComponent as ee, h as ve, useSlots as ge, computed as B, onMounted as pe, onUnmounted as he, watch as G, nextTick as P, createElementBlock as c, openBlock as r, normalizeStyle as C, normalizeClass as y, createElementVNode as m, createCommentVNode as le, Fragment as k, renderList as V, renderSlot as te, toDisplayString as se, createBlock as _e, withCtx as ye } from "vue";
-import { unrefElement as ke } from "@vueuse/core";
-import { i as Se, m as Te } from "../index-Bbr5fWvI.mjs";
-import { _ as we } from "../_plugin-vue_export-helper-CHgC5LLL.mjs";
-function Me(S, E) {
-  const p = n(!1);
-  return de((l) => {
-    const T = W(E) || {}, { once: H } = T, w = ke(S);
-    if (!w || H && p.value) return;
-    const g = Se(w, () => (p.value = !0, H ? void 0 : () => {
-      p.value = !1;
-    }), {
-      ...T,
-      root: W(T.root)
-    });
-    l(() => {
-      g();
-    });
-  }, { flush: "post" }), p;
-}
-const Ce = ["onMouseenter", "onClick"], He = { class: "g-scroller__item-text" }, be = { class: "g-scroller__item-text" }, ae = 80, Ie = 10, $e = /* @__PURE__ */ ee({
+import { defineComponent as j, ref as n, h as de, useSlots as fe, computed as H, onMounted as ve, onUnmounted as ge, watch as D, nextTick as L, createElementBlock as c, openBlock as r, normalizeStyle as S, normalizeClass as h, createElementVNode as m, createCommentVNode as J, Fragment as _, renderList as N, renderSlot as Q, toDisplayString as Z, createBlock as pe, unref as he, withCtx as _e } from "vue";
+import { useInView as ye, motion as ke } from "motion-v";
+import { _ as Se } from "../GBubble-C3cM9Put.mjs";
+const Te = ["onMouseenter", "onClick"], Me = { class: "g-scroller__item-text" }, we = { class: "g-scroller__item-text" }, x = 80, Ce = 10, He = /* @__PURE__ */ j({
   __name: "index",
   props: {
     items: { default: () => [] },
@@ -37,8 +20,8 @@ const Ce = ["onMouseenter", "onClick"], He = { class: "g-scroller__item-text" },
     seamlessPauseOnHover: { type: Boolean, default: !0 }
   },
   emits: ["itemSelected"],
-  setup(S, { emit: E }) {
-    const p = ee({
+  setup(b, { emit: ee }) {
+    const le = j({
       name: "AnimatedItem",
       props: {
         index: { type: Number, required: !0 },
@@ -47,12 +30,12 @@ const Ce = ["onMouseenter", "onClick"], He = { class: "g-scroller__item-text" },
         instant: { type: Boolean, default: !1 }
       },
       emits: ["mouseenter", "click"],
-      setup(e, { slots: a, emit: t }) {
-        const s = n(null), u = Me(s, { amount: 0.5, once: !1 });
-        return () => ve(
-          Te.div,
+      setup(e, { slots: a, emit: s }) {
+        const t = n(null), u = ye(t, { amount: 0.5, once: !1 });
+        return () => de(
+          ke.div,
           {
-            ref: s,
+            ref: t,
             "data-index": e.index,
             style: { marginBottom: "1rem", cursor: "pointer" },
             initial: { x: -24, opacity: 0 },
@@ -62,197 +45,197 @@ const Ce = ["onMouseenter", "onClick"], He = { class: "g-scroller__item-text" },
               delay: Math.min(e.index * e.stagger, 0.3),
               ease: "easeOut"
             },
-            onMouseenter: (v) => t("mouseenter", v),
-            onClick: (v) => t("click", v)
+            onMouseenter: (v) => s("mouseenter", v),
+            onClick: (v) => s("click", v)
           },
           a.default?.()
         );
       }
-    }), l = S, T = E, H = ge(), w = B(() => !!H.default), R = n(null), g = n(l.initialSelectedIndex), q = n(0), z = n(1), U = n(0), M = n(0), b = n(!1);
-    let f = null;
-    const I = n(!1);
-    let K = 0, D = 0, d = null;
-    const X = n(null), j = n(null), ne = B(
+    }), l = b, se = ee, te = fe(), F = H(() => !!te.default), E = n(null), y = n(l.initialSelectedIndex), G = n(0), P = n(1), Y = n(0), k = n(0), T = n(!1);
+    let d = null;
+    const M = n(!1);
+    let V = 0, $ = 0, f = null;
+    const W = n(null), q = n(null), ae = H(
       () => l.seamless && l.items.length > 0 ? [...l.items, ...l.items] : l.items
-    ), o = n(0), $ = n(!1), i = n(0), L = n(!1);
-    let h = null, _ = 0;
-    const oe = B(() => {
+    ), o = n(0), w = n(!1), i = n(0), I = n(!1);
+    let g = null, p = 0;
+    const ne = H(() => {
       const e = {};
       return l.height != null && l.height !== "" && (e.height = typeof l.height == "number" ? `${l.height}px` : String(l.height)), e;
-    }), re = B(() => ({
+    }), oe = H(() => ({
       transform: `translateY(${o.value}px)`
     }));
-    function ie(e, a, t) {
-      return Math.min(Math.max(e, a), t);
+    function re(e, a, s) {
+      return Math.min(Math.max(e, a), s);
     }
-    const J = (e) => {
-      g.value = e;
-    }, Q = (e, a) => {
-      g.value = a, T("itemSelected", e, a);
-    }, ue = (e) => {
-      const a = e.target, { scrollTop: t, scrollHeight: s, clientHeight: u } = a, v = performance.now();
-      D > 0 && Math.abs(t - K) / (v - D) > Ie && (I.value = !0), K = t, D = v, d && clearTimeout(d), d = setTimeout(() => {
-        I.value = !1;
-      }, 150), q.value = Math.min(t / 50, 1);
-      const F = s - (t + u);
-      z.value = s <= u ? 0 : Math.min(F / 50, 1);
+    const z = (e) => {
+      y.value = e;
+    }, U = (e, a) => {
+      y.value = a, se("itemSelected", e, a);
+    }, ie = (e) => {
+      const a = e.target, { scrollTop: s, scrollHeight: t, clientHeight: u } = a, v = performance.now();
+      $ > 0 && Math.abs(s - V) / (v - $) > Ce && (M.value = !0), V = s, $ = v, f && clearTimeout(f), f = setTimeout(() => {
+        M.value = !1;
+      }, 150), G.value = Math.min(s / 50, 1);
+      const R = t - (s + u);
+      P.value = t <= u ? 0 : Math.min(R / 50, 1);
     };
-    function ce(e) {
-      const a = R.value;
+    function ue(e) {
+      const a = E.value;
       if (!a) return;
-      const { scrollTop: t, scrollHeight: s, clientHeight: u } = a;
-      if (s <= u) return;
-      const v = t <= 0, F = t + u >= s - 1;
-      if (v && e.deltaY < 0 || F && e.deltaY > 0) {
-        const x = ie(M.value - e.deltaY * 0.3, -ae, ae);
-        M.value = x, b.value = !0, f && clearTimeout(f), f = setTimeout(() => {
-          M.value = 0, b.value = !1;
+      const { scrollTop: s, scrollHeight: t, clientHeight: u } = a;
+      if (t <= u) return;
+      const v = s <= 0, R = s + u >= t - 1;
+      if (v && e.deltaY < 0 || R && e.deltaY > 0) {
+        const X = re(k.value - e.deltaY * 0.3, -x, x);
+        k.value = X, T.value = !0, d && clearTimeout(d), d = setTimeout(() => {
+          k.value = 0, T.value = !1;
         }, 150);
       }
     }
-    function O() {
-      const e = j.value;
+    function C() {
+      const e = q.value;
       if (!e || l.items.length === 0) {
-        i.value = 0, L.value = !1;
+        i.value = 0, I.value = !1;
         return;
       }
-      const a = l.items.length, t = e.children[a];
-      i.value = t ? t.offsetTop : e.scrollHeight / 2;
-      const s = X.value;
-      L.value = s ? i.value > s.clientHeight : !0;
+      const a = l.items.length, s = e.children[a];
+      i.value = s ? s.offsetTop : e.scrollHeight / 2;
+      const t = W.value;
+      I.value = t ? i.value > t.clientHeight : !0;
     }
-    function Z(e) {
-      _ === 0 && (_ = e);
-      const a = e - _;
-      if (_ = e, !$.value && i.value > 0 && l.items.length > 0) {
-        const t = l.seamlessSpeed * a / 1e3;
-        l.seamlessDirection === "down" ? (o.value += t, o.value >= 0 && (o.value -= i.value)) : (o.value -= t, o.value <= -i.value && (o.value += i.value));
+    function K(e) {
+      p === 0 && (p = e);
+      const a = e - p;
+      if (p = e, !w.value && i.value > 0 && l.items.length > 0) {
+        const s = l.seamlessSpeed * a / 1e3;
+        l.seamlessDirection === "down" ? (o.value += s, o.value >= 0 && (o.value -= i.value)) : (o.value -= s, o.value <= -i.value && (o.value += i.value));
       }
-      h = requestAnimationFrame(Z);
+      g = requestAnimationFrame(K);
+    }
+    function B() {
+      g == null && (p = 0, g = requestAnimationFrame(K));
     }
-    function N() {
-      h == null && (_ = 0, h = requestAnimationFrame(Z));
+    function O() {
+      g != null && (cancelAnimationFrame(g), g = null), p = 0;
     }
-    function A() {
-      h != null && (cancelAnimationFrame(h), h = null), _ = 0;
+    function ce() {
+      l.seamlessPauseOnHover && (w.value = !0);
     }
     function me() {
-      l.seamlessPauseOnHover && ($.value = !0);
-    }
-    function fe() {
-      l.seamlessPauseOnHover && ($.value = !1);
+      l.seamlessPauseOnHover && (w.value = !1);
     }
-    return pe(() => {
-      l.seamless && !l.loading && (O(), o.value = l.seamlessDirection === "down" ? -i.value : 0, N());
-    }), he(() => {
-      A(), f && (clearTimeout(f), f = null), d && (clearTimeout(d), d = null);
-    }), G(
+    return ve(() => {
+      l.seamless && !l.loading && (C(), o.value = l.seamlessDirection === "down" ? -i.value : 0, B());
+    }), ge(() => {
+      O(), d && (clearTimeout(d), d = null), f && (clearTimeout(f), f = null);
+    }), D(
       () => l.items,
       () => {
-        l.seamless && P(() => {
-          O(), o.value = l.seamlessDirection === "down" ? -i.value : 0;
-        }), U.value++, g.value = -1;
+        l.seamless && L(() => {
+          C(), o.value = l.seamlessDirection === "down" ? -i.value : 0;
+        }), Y.value++, y.value = -1;
       }
-    ), G(
+    ), D(
       () => l.seamless,
       (e) => {
-        e && !l.loading ? P(() => {
-          O(), o.value = l.seamlessDirection === "down" ? -i.value : 0, N();
-        }) : (A(), o.value = 0, $.value = !1);
+        e && !l.loading ? L(() => {
+          C(), o.value = l.seamlessDirection === "down" ? -i.value : 0, B();
+        }) : (O(), o.value = 0, w.value = !1);
       }
-    ), G(
+    ), D(
       () => l.loading,
       (e) => {
-        e ? (M.value = 0, b.value = !1, I.value = !1, A(), f && (clearTimeout(f), f = null), d && (clearTimeout(d), d = null)) : l.seamless && P(() => {
-          O(), o.value = l.seamlessDirection === "down" ? -i.value : 0, N();
+        e ? (k.value = 0, T.value = !1, M.value = !1, O(), d && (clearTimeout(d), d = null), f && (clearTimeout(f), f = null)) : l.seamless && L(() => {
+          C(), o.value = l.seamlessDirection === "down" ? -i.value : 0, B();
         });
       }
     ), (e, a) => (r(), c("div", {
-      class: y(["g-scroller", e.className]),
-      style: C(oe.value)
+      class: h(["g-scroller", e.className]),
+      style: S(ne.value)
     }, [
       e.seamless && !e.loading ? (r(), c("div", {
         key: 0,
         ref_key: "seamlessWrapRef",
-        ref: X,
+        ref: W,
         class: "g-scroller__seamless",
-        onMouseenter: me,
-        onMouseleave: fe
+        onMouseenter: ce,
+        onMouseleave: me
       }, [
         m("div", {
           ref_key: "seamlessTrackRef",
-          ref: j,
+          ref: q,
           class: "g-scroller__seamless-track",
-          style: C(re.value)
+          style: S(oe.value)
         }, [
-          (r(!0), c(k, null, V(ne.value, (t, s) => (r(), c("div", {
-            key: `seamless-${s}`,
-            class: y([
+          (r(!0), c(_, null, N(ae.value, (s, t) => (r(), c("div", {
+            key: `seamless-${t}`,
+            class: h([
               "g-scroller__item",
               "g-scroller__item--seamless",
-              !w.value && "g-scroller__item--default",
-              g.value === s % e.items.length && "g-scroller__item--active",
+              !F.value && "g-scroller__item--default",
+              y.value === t % e.items.length && "g-scroller__item--active",
               e.itemClassName
             ]),
-            onMouseenter: (u) => J(s % e.items.length),
-            onClick: (u) => Q(t, s % e.items.length)
+            onMouseenter: (u) => z(t % e.items.length),
+            onClick: (u) => U(s, t % e.items.length)
           }, [
-            te(e.$slots, "default", {
-              item: t,
-              index: s % e.items.length
+            Q(e.$slots, "default", {
+              item: s,
+              index: t % e.items.length
             }, () => [
-              m("p", He, se(t), 1)
+              m("p", Me, Z(s), 1)
             ], !0)
-          ], 42, Ce))), 128))
+          ], 42, Te))), 128))
         ], 4),
-        e.showGradients && L.value ? (r(), c(k, { key: 0 }, [
+        e.showGradients && I.value ? (r(), c(_, { key: 0 }, [
           a[0] || (a[0] = m("div", { class: "g-scroller__gradient g-scroller__gradient--top" }, null, -1)),
           a[1] || (a[1] = m("div", { class: "g-scroller__gradient g-scroller__gradient--bottom" }, null, -1))
-        ], 64)) : le("", !0)
+        ], 64)) : J("", !0)
       ], 544)) : e.loading ? (r(), c("div", {
         key: 1,
-        class: y(["g-scroller__list", !e.displayScrollbar && "g-scroller__list--hidden-scrollbar"])
+        class: h(["g-scroller__list", !e.displayScrollbar && "g-scroller__list--hidden-scrollbar"])
       }, [
-        (r(!0), c(k, null, V(e.skeletonCount, (t) => (r(), c("div", {
-          key: `skeleton-${t}`,
+        (r(!0), c(_, null, N(e.skeletonCount, (s) => (r(), c("div", {
+          key: `skeleton-${s}`,
           class: "g-scroller__skeleton"
         }, a[2] || (a[2] = [
           m("div", { class: "g-scroller__skeleton-line" }, null, -1)
         ])))), 128))
-      ], 2)) : (r(), c(k, { key: 2 }, [
+      ], 2)) : (r(), c(_, { key: 2 }, [
         m("div", {
           ref_key: "listRef",
-          ref: R,
-          class: y(["g-scroller__list", !e.displayScrollbar && "g-scroller__list--hidden-scrollbar"]),
-          onScroll: ue,
-          onWheel: ce
+          ref: E,
+          class: h(["g-scroller__list", !e.displayScrollbar && "g-scroller__list--hidden-scrollbar"]),
+          onScroll: ie,
+          onWheel: ue
         }, [
           m("div", {
-            class: y(["g-scroller__content", { "g-scroller__content--pulling": b.value }]),
-            style: C({ transform: `translateY(${M.value}px)` })
+            class: h(["g-scroller__content", { "g-scroller__content--pulling": T.value }]),
+            style: S({ transform: `translateY(${k.value}px)` })
           }, [
-            (r(!0), c(k, null, V(e.items, (t, s) => (r(), _e(W(p), {
-              key: `${U.value}-${s}`,
-              index: s,
+            (r(!0), c(_, null, N(e.items, (s, t) => (r(), pe(he(le), {
+              key: `${Y.value}-${t}`,
+              index: t,
               stagger: e.stagger,
-              instant: I.value,
-              onMouseenter: (u) => J(s),
-              onClick: (u) => Q(t, s)
+              instant: M.value,
+              onMouseenter: (u) => z(t),
+              onClick: (u) => U(s, t)
             }, {
-              default: ye(() => [
+              default: _e(() => [
                 m("div", {
-                  class: y([
+                  class: h([
                     "g-scroller__item",
-                    !w.value && "g-scroller__item--default",
-                    g.value === s && "g-scroller__item--active",
+                    !F.value && "g-scroller__item--default",
+                    y.value === t && "g-scroller__item--active",
                     e.itemClassName
                   ])
                 }, [
-                  te(e.$slots, "default", {
-                    item: t,
-                    index: s
+                  Q(e.$slots, "default", {
+                    item: s,
+                    index: t
                   }, () => [
-                    m("p", be, se(t), 1)
+                    m("p", we, Z(s), 1)
                   ], !0)
                 ], 2)
               ]),
@@ -260,24 +243,24 @@ const Ce = ["onMouseenter", "onClick"], He = { class: "g-scroller__item-text" },
             }, 1032, ["index", "stagger", "instant", "onMouseenter", "onClick"]))), 128))
           ], 6)
         ], 34),
-        e.showGradients ? (r(), c(k, { key: 0 }, [
+        e.showGradients ? (r(), c(_, { key: 0 }, [
           m("div", {
             class: "g-scroller__gradient g-scroller__gradient--top",
-            style: C({ opacity: q.value })
+            style: S({ opacity: G.value })
           }, null, 4),
           m("div", {
             class: "g-scroller__gradient g-scroller__gradient--bottom",
-            style: C({ opacity: z.value })
+            style: S({ opacity: P.value })
           }, null, 4)
-        ], 64)) : le("", !0)
+        ], 64)) : J("", !0)
       ], 64))
     ], 6));
   }
-}), Y = /* @__PURE__ */ we($e, [["__scopeId", "data-v-972060e6"]]);
-Y.install = (S) => {
-  S.component(Y.name, Y);
+}), A = /* @__PURE__ */ Se(He, [["__scopeId", "data-v-972060e6"]]);
+A.install = (b) => {
+  b.component(A.name, A);
 };
 export {
-  Y as GScroller,
-  Y as default
+  A as GScroller,
+  A as default
 };

package/lib/GShinyText/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("vue"),u=require("../index-B8Ap0044.js");function A(...t){const e=!Array.isArray(t[0]),l=e?0:-1,n=t[0+l],s=t[1+l],r=t[2+l],c=t[3+l],o=u.interpolate(s,r,c);return e?o(n):o}function S(t){let e=0;const l=({timestamp:s,delta:r})=>{e||(e=s),t(s-e,r)},n=()=>u.cancelFrame(l);a.onBeforeUpdate(()=>{n(),u.frame.update(l,!0)}),a.onUnmounted(()=>n()),u.frame.update(l,!0)}function k(t){const e=u.motionValue(t()),l=()=>e.set(t()),n=()=>u.frame.preRender(l,!1,!0);let s;const r=o=>{s=o.map(i=>i.on("change",n))},c=()=>{s.forEach(o=>o()),u.cancelFrame(l)};return a.getCurrentInstance()&&a.onUnmounted(()=>{c()}),{subscribe:r,unsubscribe:c,value:e,updateValue:l}}function T(t){u.collectMotionValues.current=[];const{value:e,subscribe:l,unsubscribe:n,updateValue:s}=k(t);return l(u.collectMotionValues.current),u.collectMotionValues.current=void 0,a.watchEffect(()=>{n(),u.collectMotionValues.current=[],s(),l(u.collectMotionValues.current),u.collectMotionValues.current=void 0}),e}function B(t,e,l,n){if(typeof t=="function")return T(t);let s,r;if(typeof e=="function")r=e,s=Array.isArray(t)?t:[t];else if(a.isRef(e)){const o=u.motionValue(0);let i=A(e.value,l,n);a.watch(e,v=>{i=A(v,l,n),o.set(o.get()+1)},{flush:"sync"}),r=v=>Array.isArray(v)?i(v[0]):i(v),s=Array.isArray(t)?[...t,o]:[t,o]}else r=A(e,l,n),s=Array.isArray(t)?t:[t];const c=Array.isArray(t)?M(s,r):M(s,o=>r(o[0]));if(!Array.isArray(t)){const o=t.accelerate;if(o&&!o.isTransformed&&typeof e!="function"&&Array.isArray(l)&&n?.clamp!==!1){const i=a.isRef(e)?e.value:e;c.accelerate={...o,times:i,keyframes:l,isTransformed:!0}}}return c}function M(t,e){const l=[],n=()=>{l.length=0;const c=t.length;for(let o=0;o<c;o++)l[o]=t[o].get();return e(l)},{value:s,subscribe:r}=k(n);return r(t),s}const m=a.defineComponent({__name:"index",props:{text:{},disabled:{type:Boolean,default:!1},speed:{default:2},className:{default:""},color:{default:"#b5b5b5"},shineColor:{default:"#ffffff"},spread:{default:120},yoyo:{type:Boolean,default:!1},pauseOnHover:{type:Boolean,default:!1},direction:{default:"left"},delay:{default:0}},setup(t){const e=t,l=a.ref(!1),n=u.motionValue(0),s=a.ref(0),r=a.ref(null),c=a.ref(e.direction==="left"?1:-1),o=a.computed(()=>e.speed*1e3),i=a.computed(()=>e.delay*1e3);S(f=>{if(e.disabled||l.value){r.value=null;return}if(r.value===null){r.value=f;return}const V=f-r.value;if(r.value=f,s.value+=V,e.yoyo){const y=o.value+i.value,b=y*2,d=s.value%b;if(d<o.value){const p=d/o.value*100;n.set(c.value===1?p:100-p)}else if(d<y)n.set(c.value===1?100:0);else if(d<y+o.value){const h=100-(d-y)/o.value*100;n.set(c.value===1?h:100-h)}else n.set(c.value===1?0:100)}else{const y=o.value+i.value,b=s.value%y;if(b<o.value){const d=b/o.value*100;n.set(c.value===1?d:100-d)}else n.set(c.value===1?100:0)}}),a.watch(()=>e.direction,()=>{c.value=e.direction==="left"?1:-1,s.value=0,n.set(0)},{immediate:!0});const v=B(n,f=>`${150-f*2}% center`),C=()=>{e.pauseOnHover&&(l.value=!0)},g=()=>{e.pauseOnHover&&(l.value=!1)},x=a.computed(()=>({backgroundImage:`linear-gradient(${e.spread}deg, ${e.color} 0%, ${e.color} 35%, ${e.shineColor} 50%, ${e.color} 65%, ${e.color} 100%)`,backgroundSize:"200% auto",WebkitBackgroundClip:"text",backgroundClip:"text",WebkitTextFillColor:"transparent"}));return(f,V)=>(a.openBlock(),a.createBlock(a.unref(u.Motion),{tag:"span",class:a.normalizeClass(["inline-block",f.className]),style:a.normalizeStyle({...x.value,backgroundPosition:a.unref(v)}),onMouseenter:C,onMouseleave:g},{default:a.withCtx(()=>[a.createTextVNode(a.toDisplayString(f.text),1)]),_:1},8,["class","style"]))}});m.install=t=>{t.component(m.name,m)};exports.GShinyText=m;exports.default=m;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),f=require("motion-v"),i=e.defineComponent({__name:"index",props:{text:{},disabled:{type:Boolean,default:!1},speed:{default:2},className:{default:""},color:{default:"#b5b5b5"},shineColor:{default:"#ffffff"},spread:{default:120},yoyo:{type:Boolean,default:!1},pauseOnHover:{type:Boolean,default:!1},direction:{default:"left"},delay:{default:0}},setup(v){const l=v,p=e.ref(!1),t=f.useMotionValue(0),c=e.ref(0),r=e.ref(null),s=e.ref(l.direction==="left"?1:-1),a=e.computed(()=>l.speed*1e3),y=e.computed(()=>l.delay*1e3);f.useAnimationFrame(o=>{if(l.disabled||p.value){r.value=null;return}if(r.value===null){r.value=o;return}const b=o-r.value;if(r.value=o,c.value+=b,l.yoyo){const u=a.value+y.value,d=u*2,n=c.value%d;if(n<a.value){const m=n/a.value*100;t.set(s.value===1?m:100-m)}else if(n<u)t.set(s.value===1?100:0);else if(n<u+a.value){const g=100-(n-u)/a.value*100;t.set(s.value===1?g:100-g)}else t.set(s.value===1?0:100)}else{const u=a.value+y.value,d=c.value%u;if(d<a.value){const n=d/a.value*100;t.set(s.value===1?n:100-n)}else t.set(s.value===1?100:0)}}),e.watch(()=>l.direction,()=>{s.value=l.direction==="left"?1:-1,c.value=0,t.set(0)},{immediate:!0});const k=f.useTransform(t,o=>`${150-o*2}% center`),T=()=>{l.pauseOnHover&&(p.value=!0)},C=()=>{l.pauseOnHover&&(p.value=!1)},h=e.computed(()=>({backgroundImage:`linear-gradient(${l.spread}deg, ${l.color} 0%, ${l.color} 35%, ${l.shineColor} 50%, ${l.color} 65%, ${l.color} 100%)`,backgroundSize:"200% auto",WebkitBackgroundClip:"text",backgroundClip:"text",WebkitTextFillColor:"transparent"}));return(o,b)=>(e.openBlock(),e.createBlock(e.unref(f.Motion),{tag:"span",class:e.normalizeClass(["inline-block",o.className]),style:e.normalizeStyle({...h.value,backgroundPosition:e.unref(k)}),onMouseenter:T,onMouseleave:C},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(o.text),1)]),_:1},8,["class","style"]))}});i.install=v=>{v.component(i.name,i)};exports.GShinyText=i;exports.default=i;

package/lib/GShinyText/index.mjs

@@ -1,80 +1,6 @@
-import { onBeforeUpdate as z, onUnmounted as S, getCurrentInstance as E, watchEffect as F, isRef as M, watch as T, defineComponent as H, ref as m, computed as b, createBlock as N, openBlock as P, unref as g, normalizeStyle as U, normalizeClass as L, withCtx as W, createTextVNode as G, toDisplayString as j } from "vue";
-import { c as q, d as $, f as k, e as C, g as v, M as J } from "../index-Bbr5fWvI.mjs";
-function A(...t) {
-  const e = !Array.isArray(t[0]), s = e ? 0 : -1, o = t[0 + s], l = t[1 + s], n = t[2 + s], r = t[3 + s], a = q(l, n, r);
-  return e ? a(o) : a;
-}
-function K(t) {
-  let e = 0;
-  const s = ({ timestamp: l, delta: n }) => {
-    e || (e = l), t(l - e, n);
-  }, o = () => $(s);
-  z(() => {
-    o(), k.update(s, !0);
-  }), S(() => o()), k.update(s, !0);
-}
-function D(t) {
-  const e = C(t()), s = () => e.set(t()), o = () => k.preRender(s, !1, !0);
-  let l;
-  const n = (a) => {
-    l = a.map((c) => c.on("change", o));
-  }, r = () => {
-    l.forEach((a) => a()), $(s);
-  };
-  return E() && S(() => {
-    r();
-  }), {
-    subscribe: n,
-    unsubscribe: r,
-    value: e,
-    updateValue: s
-  };
-}
-function Q(t) {
-  v.current = [];
-  const { value: e, subscribe: s, unsubscribe: o, updateValue: l } = D(t);
-  return s(v.current), v.current = void 0, F(() => {
-    o(), v.current = [], l(), s(v.current), v.current = void 0;
-  }), e;
-}
-function X(t, e, s, o) {
-  if (typeof t == "function") return Q(t);
-  let l, n;
-  if (typeof e == "function")
-    n = e, l = Array.isArray(t) ? t : [t];
-  else if (M(e)) {
-    const a = C(0);
-    let c = A(e.value, s, o);
-    T(e, (f) => {
-      c = A(f, s, o), a.set(a.get() + 1);
-    }, { flush: "sync" }), n = (f) => Array.isArray(f) ? c(f[0]) : c(f), l = Array.isArray(t) ? [...t, a] : [t, a];
-  } else
-    n = A(e, s, o), l = Array.isArray(t) ? t : [t];
-  const r = Array.isArray(t) ? B(l, n) : B(l, (a) => n(a[0]));
-  if (!Array.isArray(t)) {
-    const a = t.accelerate;
-    if (a && !a.isTransformed && typeof e != "function" && Array.isArray(s) && o?.clamp !== !1) {
-      const c = M(e) ? e.value : e;
-      r.accelerate = {
-        ...a,
-        times: c,
-        keyframes: s,
-        isTransformed: !0
-      };
-    }
-  }
-  return r;
-}
-function B(t, e) {
-  const s = [], o = () => {
-    s.length = 0;
-    const r = t.length;
-    for (let a = 0; a < r; a++) s[a] = t[a].get();
-    return e(s);
-  }, { value: l, subscribe: n } = D(o);
-  return n(t), l;
-}
-const h = /* @__PURE__ */ H({
+import { defineComponent as $, ref as c, computed as p, watch as B, createBlock as M, openBlock as D, unref as k, normalizeStyle as S, normalizeClass as _, withCtx as z, createTextVNode as H, toDisplayString as N } from "vue";
+import { useMotionValue as O, useAnimationFrame as P, useTransform as R, Motion as w } from "motion-v";
+const m = /* @__PURE__ */ $({
   __name: "index",
   props: {
     text: {},
@@ -89,76 +15,76 @@ const h = /* @__PURE__ */ H({
     direction: { default: "left" },
     delay: { default: 0 }
   },
-  setup(t) {
-    const e = t, s = m(!1), o = C(0), l = m(0), n = m(null), r = m(e.direction === "left" ? 1 : -1), a = b(() => e.speed * 1e3), c = b(() => e.delay * 1e3);
-    K((u) => {
-      if (e.disabled || s.value) {
-        n.value = null;
+  setup(d) {
+    const e = d, f = c(!1), a = O(0), r = c(0), u = c(null), n = c(e.direction === "left" ? 1 : -1), l = p(() => e.speed * 1e3), y = p(() => e.delay * 1e3);
+    P((t) => {
+      if (e.disabled || f.value) {
+        u.value = null;
         return;
       }
-      if (n.value === null) {
-        n.value = u;
+      if (u.value === null) {
+        u.value = t;
         return;
       }
-      const V = u - n.value;
-      if (n.value = u, l.value += V, e.yoyo) {
-        const d = a.value + c.value, y = d * 2, i = l.value % y;
-        if (i < a.value) {
-          const p = i / a.value * 100;
-          o.set(r.value === 1 ? p : 100 - p);
-        } else if (i < d)
-          o.set(r.value === 1 ? 100 : 0);
-        else if (i < d + a.value) {
-          const x = 100 - (i - d) / a.value * 100;
-          o.set(r.value === 1 ? x : 100 - x);
+      const b = t - u.value;
+      if (u.value = t, r.value += b, e.yoyo) {
+        const s = l.value + y.value, i = s * 2, o = r.value % i;
+        if (o < l.value) {
+          const v = o / l.value * 100;
+          a.set(n.value === 1 ? v : 100 - v);
+        } else if (o < s)
+          a.set(n.value === 1 ? 100 : 0);
+        else if (o < s + l.value) {
+          const g = 100 - (o - s) / l.value * 100;
+          a.set(n.value === 1 ? g : 100 - g);
         } else
-          o.set(r.value === 1 ? 0 : 100);
+          a.set(n.value === 1 ? 0 : 100);
       } else {
-        const d = a.value + c.value, y = l.value % d;
-        if (y < a.value) {
-          const i = y / a.value * 100;
-          o.set(r.value === 1 ? i : 100 - i);
+        const s = l.value + y.value, i = r.value % s;
+        if (i < l.value) {
+          const o = i / l.value * 100;
+          a.set(n.value === 1 ? o : 100 - o);
         } else
-          o.set(r.value === 1 ? 100 : 0);
+          a.set(n.value === 1 ? 100 : 0);
       }
-    }), T(
+    }), B(
       () => e.direction,
       () => {
-        r.value = e.direction === "left" ? 1 : -1, l.value = 0, o.set(0);
+        n.value = e.direction === "left" ? 1 : -1, r.value = 0, a.set(0);
       },
       {
         immediate: !0
       }
     );
-    const f = X(o, (u) => `${150 - u * 2}% center`), _ = () => {
-      e.pauseOnHover && (s.value = !0);
-    }, I = () => {
-      e.pauseOnHover && (s.value = !1);
-    }, w = b(() => ({
+    const T = R(a, (t) => `${150 - t * 2}% center`), x = () => {
+      e.pauseOnHover && (f.value = !0);
+    }, C = () => {
+      e.pauseOnHover && (f.value = !1);
+    }, h = p(() => ({
       backgroundImage: `linear-gradient(${e.spread}deg, ${e.color} 0%, ${e.color} 35%, ${e.shineColor} 50%, ${e.color} 65%, ${e.color} 100%)`,
       backgroundSize: "200% auto",
       WebkitBackgroundClip: "text",
       backgroundClip: "text",
       WebkitTextFillColor: "transparent"
     }));
-    return (u, V) => (P(), N(g(J), {
+    return (t, b) => (D(), M(k(w), {
       tag: "span",
-      class: L(["inline-block", u.className]),
-      style: U({ ...w.value, backgroundPosition: g(f) }),
-      onMouseenter: _,
-      onMouseleave: I
+      class: _(["inline-block", t.className]),
+      style: S({ ...h.value, backgroundPosition: k(T) }),
+      onMouseenter: x,
+      onMouseleave: C
     }, {
-      default: W(() => [
-        G(j(u.text), 1)
+      default: z(() => [
+        H(N(t.text), 1)
       ]),
       _: 1
     }, 8, ["class", "style"]));
   }
 });
-h.install = (t) => {
-  t.component(h.name, h);
+m.install = (d) => {
+  d.component(m.name, m);
 };
 export {
-  h as GShinyText,
-  h as default
+  m as GShinyText,
+  m as default
 };