@number-flow/vue 0.3.0 → 0.3.2

package/dist/index.js

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

package/dist/index.mjs

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

package/package.json

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