@number-flow/vue 0.2.5 → 0.2.7

package/dist/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),n=require("number-flow"),p=require("esm-env"),f=Symbol(),v=e.defineComponent({__name:"NumberFlowGroup",setup(o){const l=new Set;let r=!1;const a=(i,s)=>{l.add(i),e.watch(s,async()=>{r||(r=!0,l.forEach(async t=>{var m;!t.value||!t.value.created||(t.value.willUpdate(),await e.nextTick(),(m=t.value)==null||m.didUpdate())}),await e.nextTick(),r=!1)}),e.onUnmounted(()=>{l.delete(i)})};return e.provide(f,a),(i,s)=>e.renderSlot(i.$slots,"default")}}),g=["aria-label","manual","trend","continuous","animated","transformTiming","spinTiming","opacityTiming","respectMotionPreference","data-will-change","innerHTML","data"],w=e.defineComponent({inheritAttrs:!1,__name:"index",props:{transformTiming:{default:()=>n.NumberFlowLite.defaultProps.transformTiming},spinTiming:{default:()=>n.NumberFlowLite.defaultProps.spinTiming},opacityTiming:{default:()=>n.NumberFlowLite.defaultProps.opacityTiming},animated:{type:Boolean,default:()=>n.NumberFlowLite.defaultProps.animated},respectMotionPreference:{type:Boolean,default:()=>n.NumberFlowLite.defaultProps.respectMotionPreference},trend:{type:[Boolean,String],default:()=>n.NumberFlowLite.defaultProps.trend},continuous:{type:Boolean,default:()=>n.NumberFlowLite.defaultProps.continuous},locales:{},format:{},value:{},prefix:{},suffix:{},willChange:{type:Boolean,default:!1}},emits:["animationsstart","animationsfinish"],setup(o,{expose:l,emit:r}){const a=e.ref();l({el:a});const i=r,s=e.computed(()=>new Intl.NumberFormat(o.locales,o.format)),t=e.computed(()=>n.formatToData(o.value,s.value,o.prefix,o.suffix)),m=e.inject(f,void 0);return m==null||m(a,t),(u,d)=>(e.openBlock(),e.createElementBlock("number-flow-vue",e.mergeProps({ref_key:"el",ref:a,"aria-label":t.value.valueAsString},u.$attrs,{role:"img",manual:!!e.unref(m),trend:u.trend,continuous:u.continuous,animated:u.animated,transformTiming:u.transformTiming,spinTiming:u.spinTiming,opacityTiming:u.opacityTiming,respectMotionPreference:u.respectMotionPreference,"data-will-change":u.willChange?"":void 0,innerHTML:e.unref(p.BROWSER)?void 0:e.unref(n.renderInnerHTML)(t.value),"data-allow-mismatch":"",onAnimationsstart:d[0]||(d[0]=c=>i("animationsstart")),onAnimationsfinish:d[1]||(d[1]=c=>i("animationsfinish")),data:t.value}),null,16,g))}});n.define("number-flow-vue",n.NumberFlowLite);function b({respectMotionPreference:o=!0}={}){const l=e.ref(n.canAnimate),r=e.ref(!1);return e.onMounted(()=>{var a;l.value=n.canAnimate,r.value=((a=n.prefersReducedMotion)==null?void 0:a.matches)??!1}),e.watchEffect(a=>{var s;if(!e.toValue(o))return;const i=({matches:t})=>{r.value=t};(s=n.prefersReducedMotion)==null||s.addEventListener("change",i),a(()=>{var t;(t=n.prefersReducedMotion)==null||t.removeEventListener("change",i)})}),e.computed(()=>l.value&&(!e.toValue(o)||!r.value))}Object.defineProperty(exports,"NumberFlowElement",{enumerable:!0,get:()=>n.NumberFlowLite});exports.NumberFlowGroup=v;exports.default=w;exports.useCanAnimate=b;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),n=require("number-flow"),v=require("esm-env"),c=Symbol(),g=e.defineComponent({__name:"NumberFlowGroup",setup(o){const l=new Set;let r=!1;const a=(i,s)=>{l.add(i),e.watch(s,async()=>{r||(r=!0,l.forEach(async t=>{var m;!t.value||!t.value.created||(t.value.willUpdate(),await e.nextTick(),(m=t.value)==null||m.didUpdate())}),await e.nextTick(),r=!1)}),e.onUnmounted(()=>{l.delete(i)})};return e.provide(c,a),(i,s)=>e.renderSlot(i.$slots,"default")}}),w=["aria-label","manual","trend","continuous","animated","transformTiming","spinTiming","opacityTiming","respectMotionPreference","data-will-change","innerHTML","data"],b=e.defineComponent({inheritAttrs:!1,__name:"index",props:{transformTiming:{default:()=>n.NumberFlowLite.defaultProps.transformTiming},spinTiming:{default:()=>n.NumberFlowLite.defaultProps.spinTiming},opacityTiming:{default:()=>n.NumberFlowLite.defaultProps.opacityTiming},animated:{type:Boolean,default:()=>n.NumberFlowLite.defaultProps.animated},respectMotionPreference:{type:Boolean,default:()=>n.NumberFlowLite.defaultProps.respectMotionPreference},trend:{type:[Boolean,String],default:()=>n.NumberFlowLite.defaultProps.trend},continuous:{type:Boolean,default:()=>n.NumberFlowLite.defaultProps.continuous},locales:{},format:{},value:{},prefix:{},suffix:{},willChange:{type:Boolean,default:!1}},emits:["animationsstart","animationsfinish"],setup(o,{expose:l,emit:r}){const a=e.ref();l({el:a});const i=r,s=e.computed(()=>new Intl.NumberFormat(o.locales,o.format)),t=e.computed(()=>n.formatToData(o.value,s.value,o.prefix,o.suffix)),m=v.BROWSER?void 0:n.renderInnerHTML(t.value),d=e.inject(c,void 0);return d==null||d(a,t),(u,f)=>(e.openBlock(),e.createElementBlock("number-flow-vue",e.mergeProps({ref_key:"el",ref:a,"aria-label":t.value.valueAsString},u.$attrs,{role:"img",manual:!!e.unref(d),trend:u.trend,continuous:u.continuous,animated:u.animated,transformTiming:u.transformTiming,spinTiming:u.spinTiming,opacityTiming:u.opacityTiming,respectMotionPreference:u.respectMotionPreference,"data-will-change":u.willChange?"":void 0,innerHTML:e.unref(m),"data-allow-mismatch":"",onAnimationsstart:f[0]||(f[0]=p=>i("animationsstart")),onAnimationsfinish:f[1]||(f[1]=p=>i("animationsfinish")),data:t.value}),null,16,w))}});n.define("number-flow-vue",n.NumberFlowLite);function T({respectMotionPreference:o=!0}={}){const l=e.ref(n.canAnimate),r=e.ref(!1);return e.onMounted(()=>{var a;l.value=n.canAnimate,r.value=((a=n.prefersReducedMotion)==null?void 0:a.matches)??!1}),e.watchEffect(a=>{var s;if(!e.toValue(o))return;const i=({matches:t})=>{r.value=t};(s=n.prefersReducedMotion)==null||s.addEventListener("change",i),a(()=>{var t;(t=n.prefersReducedMotion)==null||t.removeEventListener("change",i)})}),e.computed(()=>l.value&&(!e.toValue(o)||!r.value))}Object.defineProperty(exports,"NumberFlowElement",{enumerable:!0,get:()=>n.NumberFlowLite});exports.NumberFlowGroup=g;exports.default=b;exports.useCanAnimate=T;

package/dist/index.mjs

@@ -1,14 +1,14 @@
-import { defineComponent as h, provide as P, renderSlot as b, watch as M, nextTick as g, onUnmounted as B, ref as c, computed as p, inject as A, openBlock as E, createElementBlock as L, mergeProps as F, unref as f, onMounted as N, watchEffect as S, toValue as v } from "vue";
-import { NumberFlowLite as l, formatToData as $, renderInnerHTML as k, define as C, canAnimate as T, prefersReducedMotion as d } from "number-flow";
-import { NumberFlowLite as V } from "number-flow";
-import { BROWSER as G } from "esm-env";
-const w = Symbol(), I = /* @__PURE__ */ h({
+import { defineComponent as w, provide as b, renderSlot as M, watch as B, nextTick as g, onUnmounted as A, ref as c, computed as p, inject as E, openBlock as L, createElementBlock as F, mergeProps as N, unref as v, onMounted as S, watchEffect as $, toValue as T } from "vue";
+import { NumberFlowLite as l, formatToData as k, renderInnerHTML as C, define as G, canAnimate as h, prefersReducedMotion as d } from "number-flow";
+import { NumberFlowLite as q } from "number-flow";
+import { BROWSER as H } from "esm-env";
+const y = Symbol(), j = /* @__PURE__ */ w({
   __name: "NumberFlowGroup",
   setup(t) {
     const r = /* @__PURE__ */ new Set();
     let a = !1;
-    return P(w, (n, s) => {
-      r.add(n), M(
+    return b(y, (n, s) => {
+      r.add(n), B(
         s,
         async () => {
           a || (a = !0, r.forEach(async (e) => {
@@ -17,12 +17,12 @@ const w = Symbol(), I = /* @__PURE__ */ h({
           }), await g(), a = !1);
         }
         // { flush: 'pre' } // default
-      ), B(() => {
+      ), A(() => {
         r.delete(n);
       });
-    }), (n, s) => b(n.$slots, "default");
+    }), (n, s) => M(n.$slots, "default");
   }
-}), H = ["aria-label", "manual", "trend", "continuous", "animated", "transformTiming", "spinTiming", "opacityTiming", "respectMotionPreference", "data-will-change", "innerHTML", "data"], j = /* @__PURE__ */ h({
+}), R = ["aria-label", "manual", "trend", "continuous", "animated", "transformTiming", "spinTiming", "opacityTiming", "respectMotionPreference", "data-will-change", "innerHTML", "data"], x = /* @__PURE__ */ w({
   inheritAttrs: !1,
   __name: "index",
   props: {
@@ -44,14 +44,14 @@ const w = Symbol(), I = /* @__PURE__ */ h({
   setup(t, { expose: r, emit: a }) {
     const i = c();
     r({ el: i });
-    const n = a, s = p(() => new Intl.NumberFormat(t.locales, t.format)), e = p(() => $(t.value, s.value, t.prefix, t.suffix)), u = A(w, void 0);
-    return u == null || u(i, e), (o, m) => (E(), L("number-flow-vue", F({
+    const n = a, s = p(() => new Intl.NumberFormat(t.locales, t.format)), e = p(() => k(t.value, s.value, t.prefix, t.suffix)), u = H ? void 0 : C(e.value), m = E(y, void 0);
+    return m == null || m(i, e), (o, f) => (L(), F("number-flow-vue", N({
       ref_key: "el",
       ref: i,
       "aria-label": e.value.valueAsString
     }, o.$attrs, {
       role: "img",
-      manual: !!f(u),
+      manual: !!v(m),
       trend: o.trend,
       continuous: o.continuous,
       animated: o.animated,
@@ -60,25 +60,25 @@ const w = Symbol(), I = /* @__PURE__ */ h({
       opacityTiming: o.opacityTiming,
       respectMotionPreference: o.respectMotionPreference,
       "data-will-change": o.willChange ? "" : void 0,
-      innerHTML: f(G) ? void 0 : f(k)(e.value),
+      innerHTML: v(u),
       "data-allow-mismatch": "",
-      onAnimationsstart: m[0] || (m[0] = (y) => n("animationsstart")),
-      onAnimationsfinish: m[1] || (m[1] = (y) => n("animationsfinish")),
+      onAnimationsstart: f[0] || (f[0] = (P) => n("animationsstart")),
+      onAnimationsfinish: f[1] || (f[1] = (P) => n("animationsfinish")),
       data: e.value
-    }), null, 16, H));
+    }), null, 16, R));
   }
 });
-C("number-flow-vue", l);
-function x({
+G("number-flow-vue", l);
+function D({
   respectMotionPreference: t = !0
 } = {}) {
-  const r = c(T), a = c(!1);
-  return N(() => {
+  const r = c(h), a = c(!1);
+  return S(() => {
     var i;
-    r.value = T, a.value = ((i = d) == null ? void 0 : i.matches) ?? !1;
-  }), S((i) => {
+    r.value = h, a.value = ((i = d) == null ? void 0 : i.matches) ?? !1;
+  }), $((i) => {
     var s;
-    if (!v(t)) return;
+    if (!T(t)) return;
     const n = ({ matches: e }) => {
       a.value = e;
     };
@@ -87,12 +87,12 @@ function x({
       (e = d) == null || e.removeEventListener("change", n);
     });
   }), p(
-    () => r.value && (!v(t) || !a.value)
+    () => r.value && (!T(t) || !a.value)
   );
 }
 export {
-  V as NumberFlowElement,
-  I as NumberFlowGroup,
-  j as default,
-  x as useCanAnimate
+  q as NumberFlowElement,
+  j as NumberFlowGroup,
+  x as default,
+  D as useCanAnimate
 };

package/package.json

@@ -3,7 +3,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "version": "0.2.5",
+  "version": "0.2.7",
   "author": {
     "name": "Maxwell Barvian",
     "email": "max@barvian.me",
@@ -44,7 +44,7 @@
   },
   "dependencies": {
     "esm-env": "^1.1.4",
-    "number-flow": "0.3.9"
+    "number-flow": "0.3.10"
   },
   "devDependencies": {
     "@playwright/test": "^1.48.0",