@number-flow/vue 0.4.9 → 0.4.11

package/dist/index.d.ts

@@ -52,9 +52,12 @@ declare type Props = Partial<Props_2> & {
     value: Value;
     prefix?: string;
     suffix?: string;
+    nonce?: string;
     willChange?: boolean;
 };
 
+export declare const styles: readonly [string, string, string];
+
 export { Trend }
 
 export declare function useCanAnimate({ respectMotionPreference }?: {

package/dist/index.js

@@ -1,57 +1,97 @@
-import { defineComponent as T, provide as P, renderSlot as b, watch as M, nextTick as g, onUnmounted as B, ref as p, computed as c, inject as E, openBlock as A, createElementBlock as F, mergeProps as L, unref as v, onMounted as N, watchEffect as $, toValue as h } from "vue";
-import r, { formatToData as k, renderInnerHTML as C, define as G, canAnimate as S, prefersReducedMotion as f } from "number-flow/lite";
-import { default as q } from "number-flow/lite";
+import { defineComponent as M, provide as F, renderSlot as L, watch as N, nextTick as T, onUnmounted as j, ref as v, computed as y, inject as V, openBlock as X, createElementBlock as G, mergeProps as z, unref as P, onMounted as H, watchEffect as R, toValue as x } from "vue";
+import o, { formatToData as U, renderInnerHTML as W, define as I, canAnimate as Y, prefersReducedMotion as b } from "number-flow/lite";
+import { default as le } from "number-flow/lite";
+import { BROWSER as h } from "esm-env";
 export * from "number-flow/plugins";
-import { BROWSER as H } from "esm-env";
-const w = Symbol(), j = /* @__PURE__ */ T({
+const k = String.raw;
+h && (() => {
+  try {
+    document.createElement("div").animate({ opacity: 0 }, { easing: "linear(0, 1)" });
+  } catch {
+    return !1;
+  }
+  return !0;
+})();
+h && typeof CSS < "u" && CSS.supports && CSS.supports("line-height", "mod(1,1)");
+h && typeof matchMedia < "u" && matchMedia("(prefers-reduced-motion: reduce)");
+const _ = "--_number-flow-d-opacity", C = "--_number-flow-d-width", w = "--_number-flow-dx", E = "--_number-flow-d";
+(() => {
+  try {
+    return CSS.registerProperty({
+      name: _,
+      syntax: "<number>",
+      inherits: !1,
+      initialValue: "0"
+    }), CSS.registerProperty({
+      name: w,
+      syntax: "<length>",
+      inherits: !0,
+      initialValue: "0px"
+    }), CSS.registerProperty({
+      name: C,
+      syntax: "<number>",
+      inherits: !1,
+      initialValue: "0"
+    }), CSS.registerProperty({
+      name: E,
+      syntax: "<number>",
+      inherits: !0,
+      initialValue: "0"
+    }), !0;
+  } catch {
+    return !1;
+  }
+})();
+const S = "var(--number-flow-char-height, 1em)", g = "round(nearest, calc(var(--number-flow-mask-height, 0.25em) / 2), 1px)", s = `calc(${g} * 2)`, $ = "var(--number-flow-mask-width, 0.5em)", c = `calc(${$} / var(--scale-x))`, f = "#000 0, transparent 71%", D = k`:host{display:inline-block;direction:ltr;white-space:nowrap;isolation:isolate;line-height:${S} !important}.number,.number__inner{display:inline-block;transform-origin:left top}:host([data-will-change]) :is(.number,.number__inner,.section,.digit,.digit__num,.symbol){will-change:transform}.number{--scale-x:calc(1 + var(${C}) / var(--width));transform:translateX(var(${w})) scaleX(var(--scale-x));margin:0 calc(-1 * ${$});position:relative;-webkit-mask-image:linear-gradient(to right,transparent 0,#000 ${c},#000 calc(100% - ${c}),transparent ),linear-gradient(to bottom,transparent 0,#000 ${s},#000 calc(100% - ${s}),transparent 100% ),radial-gradient(at bottom right,${f}),radial-gradient(at bottom left,${f}),radial-gradient(at top left,${f}),radial-gradient(at top right,${f});-webkit-mask-size:100% calc(100% - ${s} * 2),calc(100% - ${c} * 2) 100%,${c} ${s},${c} ${s},${c} ${s},${c} ${s};-webkit-mask-position:center,center,top left,top right,bottom right,bottom left;-webkit-mask-repeat:no-repeat}.number__inner{padding:${g} ${$};transform:scaleX(calc(1 / var(--scale-x))) translateX(calc(-1 * var(${w})))}:host > :not(.number){z-index:5}.section,.symbol{display:inline-block;position:relative;isolation:isolate}.section::after{content:'\200b';display:inline-block}.section--justify-left{transform-origin:center left}.section--justify-right{transform-origin:center right}.section > [inert],.symbol > [inert]{margin:0 !important;position:absolute !important;z-index:-1}.digit{display:inline-block;position:relative;--c:var(--current) + var(${E})}.digit__num,.number .section::after{padding:${g} 0}.digit__num{display:inline-block;--offset-raw:mod(var(--length) + var(--n) - mod(var(--c),var(--length)),var(--length));--offset:calc( var(--offset-raw) - var(--length) * round(down,var(--offset-raw) / (var(--length) / 2),1) );--y:clamp(-100%,var(--offset) * 100%,100%);transform:translateY(var(--y))}.digit__num[inert]{position:absolute;top:0;left:50%;transform:translateX(-50%) translateY(var(--y))}.digit:not(.is-spinning) .digit__num[inert]{display:none}.symbol__value{display:inline-block;mix-blend-mode:plus-lighter;white-space:pre}.section--justify-left .symbol > [inert]{left:0}.section--justify-right .symbol > [inert]{right:0}.animate-presence{opacity:calc(1 + var(${_}))}`, O = k`:host{display:inline-block;direction:ltr;white-space:nowrap;line-height:${S} !important}span{display:inline-block}:host([data-will-change]) span{will-change:transform}.number,.digit{padding:${g} 0}.symbol{white-space:pre}`, q = (e = "") => k`number-flow${e} > span{font-kerning:none;display:inline-block;line-height:${S} !important;padding:${s} 0}`, J = (e) => [O, q(e), D], B = Symbol(), te = /* @__PURE__ */ M({
   __name: "NumberFlowGroup",
-  setup(a) {
-    const s = /* @__PURE__ */ new Set();
-    let i = !1;
-    return P(w, (t, l) => {
-      s.add(t), M(
-        l,
+  setup(e) {
+    const l = /* @__PURE__ */ new Set();
+    let a = !1;
+    return F(B, (i, m) => {
+      l.add(i), N(
+        m,
         async () => {
-          i || (i = !0, s.forEach(async (e) => {
-            var u;
-            !e.value || !e.value.created || (e.value.willUpdate(), await g(), (u = e.value) == null || u.didUpdate());
-          }), await g(), i = !1);
+          a || (a = !0, l.forEach(async (t) => {
+            var d;
+            !t.value || !t.value.created || (t.value.willUpdate(), await T(), (d = t.value) == null || d.didUpdate());
+          }), await T(), a = !1);
         }
         // { flush: 'pre' } // default
-      ), B(() => {
-        s.delete(t);
+      ), j(() => {
+        l.delete(i);
       });
-    }), (t, l) => b(t.$slots, "default");
+    }), (i, m) => L(i.$slots, "default");
   }
-}), R = ["batched", "trend", "plugins", "animated", "transformTiming", "spinTiming", "opacityTiming", "respectMotionPreference", "data-will-change", "digits", "innerHTML", "data"], x = /* @__PURE__ */ T({
+}), K = ["batched", "trend", "plugins", "animated", "transformTiming", "spinTiming", "opacityTiming", "respectMotionPreference", "nonce", "data-will-change", "digits", "innerHTML", "data"], ne = /* @__PURE__ */ M({
   inheritAttrs: !1,
   __name: "index",
   props: {
-    transformTiming: { default: () => r.defaultProps.transformTiming },
-    spinTiming: { default: () => r.defaultProps.spinTiming },
-    opacityTiming: { default: () => r.defaultProps.opacityTiming },
-    animated: { type: Boolean, default: () => r.defaultProps.animated },
-    respectMotionPreference: { type: Boolean, default: () => r.defaultProps.respectMotionPreference },
-    trend: { type: [Number, Function], default: () => r.defaultProps.trend },
-    plugins: { default: () => r.defaultProps.plugins },
-    digits: { default: () => r.defaultProps.digits },
+    transformTiming: { default: () => o.defaultProps.transformTiming },
+    spinTiming: { default: () => o.defaultProps.spinTiming },
+    opacityTiming: { default: () => o.defaultProps.opacityTiming },
+    animated: { type: Boolean, default: () => o.defaultProps.animated },
+    respectMotionPreference: { type: Boolean, default: () => o.defaultProps.respectMotionPreference },
+    trend: { type: [Number, Function], default: () => o.defaultProps.trend },
+    plugins: { default: () => o.defaultProps.plugins },
+    digits: { default: () => o.defaultProps.digits },
     locales: {},
     format: {},
     value: {},
     prefix: {},
     suffix: {},
+    nonce: {},
     willChange: { type: Boolean, default: !1 }
   },
   emits: ["animationsstart", "animationsfinish"],
-  setup(a, { expose: s, emit: i }) {
-    const o = p();
-    s({ el: o });
-    const t = i, l = c(() => new Intl.NumberFormat(a.locales, a.format)), e = c(() => k(a.value, l.value, a.prefix, a.suffix)), u = H ? void 0 : C(e.value), m = E(w, void 0);
-    return m == null || m(o, e), (n, d) => (A(), F("number-flow-vue", L({
+  setup(e, { expose: l, emit: a }) {
+    const r = v();
+    l({ el: r });
+    const i = a, m = y(() => new Intl.NumberFormat(e.locales, e.format)), t = y(() => U(e.value, m.value, e.prefix, e.suffix)), d = h ? void 0 : W(t.value, { nonce: e.nonce, elementSuffix: "-vue" }), u = V(B, void 0);
+    return u == null || u(r, t), (n, p) => (X(), G("number-flow-vue", z({
       ref_key: "el",
-      ref: o
+      ref: r
     }, n.$attrs, {
-      batched: !!v(m),
+      batched: !!P(u),
       trend: n.trend,
       plugins: n.plugins,
       animated: n.animated,
@@ -59,41 +99,43 @@ const w = Symbol(), j = /* @__PURE__ */ T({
       spinTiming: n.spinTiming,
       opacityTiming: n.opacityTiming,
       respectMotionPreference: n.respectMotionPreference,
+      nonce: n.nonce,
       "data-will-change": n.willChange ? "" : void 0,
       digits: n.digits,
-      innerHTML: v(u),
+      innerHTML: P(d),
       "data-allow-mismatch": "",
-      onAnimationsstart: d[0] || (d[0] = (y) => t("animationsstart")),
-      onAnimationsfinish: d[1] || (d[1] = (y) => t("animationsfinish")),
-      data: e.value
-    }), null, 16, R));
+      onAnimationsstart: p[0] || (p[0] = (A) => i("animationsstart")),
+      onAnimationsfinish: p[1] || (p[1] = (A) => i("animationsfinish")),
+      data: t.value
+    }), null, 16, K));
   }
-});
-G("number-flow-vue", r);
-function D({
-  respectMotionPreference: a = !0
+}), ie = J("-vue");
+I("number-flow-vue", o);
+function ae({
+  respectMotionPreference: e = !0
 } = {}) {
-  const s = p(!1), i = p(!1);
-  return N(() => {
-    var o;
-    s.value = S, i.value = ((o = f) == null ? void 0 : o.matches) ?? !1;
-  }), $((o) => {
-    var l;
-    if (!h(a)) return;
-    const t = ({ matches: e }) => {
-      i.value = e;
+  const l = v(!1), a = v(!1);
+  return H(() => {
+    var r;
+    l.value = Y, a.value = ((r = b) == null ? void 0 : r.matches) ?? !1;
+  }), R((r) => {
+    var m;
+    if (!x(e)) return;
+    const i = ({ matches: t }) => {
+      a.value = t;
     };
-    (l = f) == null || l.addEventListener("change", t), o(() => {
-      var e;
-      (e = f) == null || e.removeEventListener("change", t);
+    (m = b) == null || m.addEventListener("change", i), r(() => {
+      var t;
+      (t = b) == null || t.removeEventListener("change", i);
     });
-  }), c(
-    () => s.value && (!h(a) || !i.value)
+  }), y(
+    () => l.value && (!x(e) || !a.value)
   );
 }
 export {
-  q as NumberFlowElement,
-  j as NumberFlowGroup,
-  x as default,
-  D as useCanAnimate
+  le as NumberFlowElement,
+  te as NumberFlowGroup,
+  ne as default,
+  ie as styles,
+  ae as useCanAnimate
 };

package/dist/index.umd.cjs

@@ -1 +1 @@
-(function(t,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("number-flow/lite"),require("number-flow/plugins"),require("esm-env")):typeof define=="function"&&define.amd?define(["exports","vue","number-flow/lite","number-flow/plugins","esm-env"],e):(t=typeof globalThis<"u"?globalThis:t||self,e(t["number-flow-vue"]={},t.Vue,t.NumberFlowLite,t.plugins,t.Env))})(this,function(t,e,n,p,h){"use strict";const g=Symbol(),T=e.defineComponent({__name:"NumberFlowGroup",setup(i){const f=new Set;let d=!1;const r=(o,l)=>{f.add(o),e.watch(l,async()=>{d||(d=!0,f.forEach(async a=>{var u;!a.value||!a.value.created||(a.value.willUpdate(),await e.nextTick(),(u=a.value)==null||u.didUpdate())}),await e.nextTick(),d=!1)}),e.onUnmounted(()=>{f.delete(o)})};return e.provide(g,r),(o,l)=>e.renderSlot(o.$slots,"default")}}),y=["batched","trend","plugins","animated","transformTiming","spinTiming","opacityTiming","respectMotionPreference","data-will-change","digits","innerHTML","data"],P=e.defineComponent({inheritAttrs:!1,__name:"index",props:{transformTiming:{default:()=>n.defaultProps.transformTiming},spinTiming:{default:()=>n.defaultProps.spinTiming},opacityTiming:{default:()=>n.defaultProps.opacityTiming},animated:{type:Boolean,default:()=>n.defaultProps.animated},respectMotionPreference:{type:Boolean,default:()=>n.defaultProps.respectMotionPreference},trend:{type:[Number,Function],default:()=>n.defaultProps.trend},plugins:{default:()=>n.defaultProps.plugins},digits:{default:()=>n.defaultProps.digits},locales:{},format:{},value:{},prefix:{},suffix:{},willChange:{type:Boolean,default:!1}},emits:["animationsstart","animationsfinish"],setup(i,{expose:f,emit:d}){const r=e.ref();f({el:r});const o=d,l=e.computed(()=>new Intl.NumberFormat(i.locales,i.format)),a=e.computed(()=>n.formatToData(i.value,l.value,i.prefix,i.suffix)),u=h.BROWSER?void 0:n.renderInnerHTML(a.value),m=e.inject(g,void 0);return m==null||m(r,a),(s,c)=>(e.openBlock(),e.createElementBlock("number-flow-vue",e.mergeProps({ref_key:"el",ref:r},s.$attrs,{batched:!!e.unref(m),trend:s.trend,plugins:s.plugins,animated:s.animated,transformTiming:s.transformTiming,spinTiming:s.spinTiming,opacityTiming:s.opacityTiming,respectMotionPreference:s.respectMotionPreference,"data-will-change":s.willChange?"":void 0,digits:s.digits,innerHTML:e.unref(u),"data-allow-mismatch":"",onAnimationsstart:c[0]||(c[0]=v=>o("animationsstart")),onAnimationsfinish:c[1]||(c[1]=v=>o("animationsfinish")),data:a.value}),null,16,y))}});n.define("number-flow-vue",n);function M({respectMotionPreference:i=!0}={}){const f=e.ref(!1),d=e.ref(!1);return e.onMounted(()=>{var r;f.value=n.canAnimate,d.value=((r=n.prefersReducedMotion)==null?void 0:r.matches)??!1}),e.watchEffect(r=>{var l;if(!e.toValue(i))return;const o=({matches:a})=>{d.value=a};(l=n.prefersReducedMotion)==null||l.addEventListener("change",o),r(()=>{var a;(a=n.prefersReducedMotion)==null||a.removeEventListener("change",o)})}),e.computed(()=>f.value&&(!e.toValue(i)||!d.value))}t.NumberFlowElement=n,t.NumberFlowGroup=T,t.default=P,t.useCanAnimate=M,Object.keys(p).forEach(i=>{i!=="default"&&!Object.prototype.hasOwnProperty.call(t,i)&&Object.defineProperty(t,i,{enumerable:!0,get:()=>p[i]})}),Object.defineProperties(t,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+(function(i,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("number-flow/lite"),require("esm-env"),require("number-flow/plugins")):typeof define=="function"&&define.amd?define(["exports","vue","number-flow/lite","esm-env","number-flow/plugins"],e):(i=typeof globalThis<"u"?globalThis:i||self,e(i["number-flow-vue"]={},i.Vue,i.NumberFlowLite,i.Env,i.plugins))})(this,function(i,e,t,u,S){"use strict";const $=String.raw;u.BROWSER&&(()=>{try{document.createElement("div").animate({opacity:0},{easing:"linear(0, 1)"})}catch{return!1}return!0})(),u.BROWSER&&typeof CSS<"u"&&CSS.supports&&CSS.supports("line-height","mod(1,1)"),u.BROWSER&&typeof matchMedia<"u"&&matchMedia("(prefers-reduced-motion: reduce)");const T="--_number-flow-d-opacity",P="--_number-flow-d-width",v="--_number-flow-dx",M="--_number-flow-d";(()=>{try{return CSS.registerProperty({name:T,syntax:"<number>",inherits:!1,initialValue:"0"}),CSS.registerProperty({name:v,syntax:"<length>",inherits:!0,initialValue:"0px"}),CSS.registerProperty({name:P,syntax:"<number>",inherits:!1,initialValue:"0"}),CSS.registerProperty({name:M,syntax:"<number>",inherits:!0,initialValue:"0"}),!0}catch{return!1}})();const w="var(--number-flow-char-height, 1em)",p="round(nearest, calc(var(--number-flow-mask-height, 0.25em) / 2), 1px)",d=`calc(${p} * 2)`,k="var(--number-flow-mask-width, 0.5em)",m=`calc(${k} / var(--scale-x))`,g="#000 0, transparent 71%",C=$`:host{display:inline-block;direction:ltr;white-space:nowrap;isolation:isolate;line-height:${w} !important}.number,.number__inner{display:inline-block;transform-origin:left top}:host([data-will-change]) :is(.number,.number__inner,.section,.digit,.digit__num,.symbol){will-change:transform}.number{--scale-x:calc(1 + var(${P}) / var(--width));transform:translateX(var(${v})) scaleX(var(--scale-x));margin:0 calc(-1 * ${k});position:relative;-webkit-mask-image:linear-gradient(to right,transparent 0,#000 ${m},#000 calc(100% - ${m}),transparent ),linear-gradient(to bottom,transparent 0,#000 ${d},#000 calc(100% - ${d}),transparent 100% ),radial-gradient(at bottom right,${g}),radial-gradient(at bottom left,${g}),radial-gradient(at top left,${g}),radial-gradient(at top right,${g});-webkit-mask-size:100% calc(100% - ${d} * 2),calc(100% - ${m} * 2) 100%,${m} ${d},${m} ${d},${m} ${d},${m} ${d};-webkit-mask-position:center,center,top left,top right,bottom right,bottom left;-webkit-mask-repeat:no-repeat}.number__inner{padding:${p} ${k};transform:scaleX(calc(1 / var(--scale-x))) translateX(calc(-1 * var(${v})))}:host > :not(.number){z-index:5}.section,.symbol{display:inline-block;position:relative;isolation:isolate}.section::after{content:'\200b';display:inline-block}.section--justify-left{transform-origin:center left}.section--justify-right{transform-origin:center right}.section > [inert],.symbol > [inert]{margin:0 !important;position:absolute !important;z-index:-1}.digit{display:inline-block;position:relative;--c:var(--current) + var(${M})}.digit__num,.number .section::after{padding:${p} 0}.digit__num{display:inline-block;--offset-raw:mod(var(--length) + var(--n) - mod(var(--c),var(--length)),var(--length));--offset:calc( var(--offset-raw) - var(--length) * round(down,var(--offset-raw) / (var(--length) / 2),1) );--y:clamp(-100%,var(--offset) * 100%,100%);transform:translateY(var(--y))}.digit__num[inert]{position:absolute;top:0;left:50%;transform:translateX(-50%) translateY(var(--y))}.digit:not(.is-spinning) .digit__num[inert]{display:none}.symbol__value{display:inline-block;mix-blend-mode:plus-lighter;white-space:pre}.section--justify-left .symbol > [inert]{left:0}.section--justify-right .symbol > [inert]{right:0}.animate-presence{opacity:calc(1 + var(${T}))}`,R=$`:host{display:inline-block;direction:ltr;white-space:nowrap;line-height:${w} !important}span{display:inline-block}:host([data-will-change]) span{will-change:transform}.number,.digit{padding:${p} 0}.symbol{white-space:pre}`,j=(n="")=>$`number-flow${n} > span{font-kerning:none;display:inline-block;line-height:${w} !important;padding:${d} 0}`,B=n=>[R,j(n),C],_=Symbol(),E=e.defineComponent({__name:"NumberFlowGroup",setup(n){const c=new Set;let l=!1;const o=(s,f)=>{c.add(s),e.watch(f,async()=>{l||(l=!0,c.forEach(async a=>{var h;!a.value||!a.value.created||(a.value.willUpdate(),await e.nextTick(),(h=a.value)==null||h.didUpdate())}),await e.nextTick(),l=!1)}),e.onUnmounted(()=>{c.delete(s)})};return e.provide(_,o),(s,f)=>e.renderSlot(s.$slots,"default")}}),x=["batched","trend","plugins","animated","transformTiming","spinTiming","opacityTiming","respectMotionPreference","nonce","data-will-change","digits","innerHTML","data"],O=e.defineComponent({inheritAttrs:!1,__name:"index",props:{transformTiming:{default:()=>t.defaultProps.transformTiming},spinTiming:{default:()=>t.defaultProps.spinTiming},opacityTiming:{default:()=>t.defaultProps.opacityTiming},animated:{type:Boolean,default:()=>t.defaultProps.animated},respectMotionPreference:{type:Boolean,default:()=>t.defaultProps.respectMotionPreference},trend:{type:[Number,Function],default:()=>t.defaultProps.trend},plugins:{default:()=>t.defaultProps.plugins},digits:{default:()=>t.defaultProps.digits},locales:{},format:{},value:{},prefix:{},suffix:{},nonce:{},willChange:{type:Boolean,default:!1}},emits:["animationsstart","animationsfinish"],setup(n,{expose:c,emit:l}){const o=e.ref();c({el:o});const s=l,f=e.computed(()=>new Intl.NumberFormat(n.locales,n.format)),a=e.computed(()=>t.formatToData(n.value,f.value,n.prefix,n.suffix)),h=u.BROWSER?void 0:t.renderInnerHTML(a.value,{nonce:n.nonce,elementSuffix:"-vue"}),y=e.inject(_,void 0);return y==null||y(o,a),(r,b)=>(e.openBlock(),e.createElementBlock("number-flow-vue",e.mergeProps({ref_key:"el",ref:o},r.$attrs,{batched:!!e.unref(y),trend:r.trend,plugins:r.plugins,animated:r.animated,transformTiming:r.transformTiming,spinTiming:r.spinTiming,opacityTiming:r.opacityTiming,respectMotionPreference:r.respectMotionPreference,nonce:r.nonce,"data-will-change":r.willChange?"":void 0,digits:r.digits,innerHTML:e.unref(h),"data-allow-mismatch":"",onAnimationsstart:b[0]||(b[0]=W=>s("animationsstart")),onAnimationsfinish:b[1]||(b[1]=W=>s("animationsfinish")),data:a.value}),null,16,x))}}),A=B("-vue");t.define("number-flow-vue",t);function V({respectMotionPreference:n=!0}={}){const c=e.ref(!1),l=e.ref(!1);return e.onMounted(()=>{var o;c.value=t.canAnimate,l.value=((o=t.prefersReducedMotion)==null?void 0:o.matches)??!1}),e.watchEffect(o=>{var f;if(!e.toValue(n))return;const s=({matches:a})=>{l.value=a};(f=t.prefersReducedMotion)==null||f.addEventListener("change",s),o(()=>{var a;(a=t.prefersReducedMotion)==null||a.removeEventListener("change",s)})}),e.computed(()=>c.value&&(!e.toValue(n)||!l.value))}i.NumberFlowElement=t,i.NumberFlowGroup=E,i.default=O,i.styles=A,i.useCanAnimate=V,Object.keys(S).forEach(n=>{n!=="default"&&!Object.prototype.hasOwnProperty.call(i,n)&&Object.defineProperty(i,n,{enumerable:!0,get:()=>S[n]})}),Object.defineProperties(i,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/package.json

@@ -4,7 +4,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "version": "0.4.9",
+  "version": "0.4.11",
   "author": {
     "name": "Maxwell Barvian",
     "email": "max@barvian.me",
@@ -45,7 +45,7 @@
   },
   "dependencies": {
     "esm-env": "^1.1.4",
-    "number-flow": "0.5.9"
+    "number-flow": "0.5.11"
   },
   "devDependencies": {
     "@playwright/test": "^1.48.0",