@number-flow/svelte 0.1.4 → 0.1.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/NumberFlow.svelte
CHANGED
|
@@ -3,8 +3,8 @@ export class NumberFlowElement extends NumberFlowLite {
|
|
|
3
3
|
set __svelte_manual(manual) {
|
|
4
4
|
this.manual = manual;
|
|
5
5
|
}
|
|
6
|
-
set
|
|
7
|
-
super.
|
|
6
|
+
set data(data) {
|
|
7
|
+
super.data = data;
|
|
8
8
|
}
|
|
9
9
|
}
|
|
10
10
|
Object.keys(NumberFlowElement.defaultProps).forEach((key) => {
|
|
@@ -21,13 +21,15 @@ define("number-flow-svelte", NumberFlowElement);
|
|
|
21
21
|
|
|
22
22
|
<script>import {
|
|
23
23
|
render as renderFlow,
|
|
24
|
-
|
|
24
|
+
formatToData
|
|
25
25
|
} from "number-flow";
|
|
26
26
|
import { writable } from "svelte/store";
|
|
27
27
|
import { getGroupContext } from "./group.js";
|
|
28
28
|
export let locales = void 0;
|
|
29
29
|
export let format = void 0;
|
|
30
30
|
export let value;
|
|
31
|
+
export let prefix = void 0;
|
|
32
|
+
export let suffix = void 0;
|
|
31
33
|
export let willChange = false;
|
|
32
34
|
export let transformTiming = NumberFlowElement.defaultProps.transformTiming;
|
|
33
35
|
export let spinTiming = NumberFlowElement.defaultProps.spinTiming;
|
|
@@ -40,7 +42,7 @@ export let el = void 0;
|
|
|
40
42
|
const elStore = writable(el);
|
|
41
43
|
$: $elStore = el;
|
|
42
44
|
$: formatter = new Intl.NumberFormat(locales, format);
|
|
43
|
-
$:
|
|
45
|
+
$: data = formatToData(value, formatter, prefix, suffix);
|
|
44
46
|
const group = getGroupContext();
|
|
45
47
|
group?.register?.(elStore);
|
|
46
48
|
</script>
|
|
@@ -59,7 +61,7 @@ group?.register?.(elStore);
|
|
|
59
61
|
__svelte_respectMotionPreference={respectMotionPreference}
|
|
60
62
|
__svelte_trend={trend}
|
|
61
63
|
__svelte_continuous={continuous}
|
|
62
|
-
{
|
|
64
|
+
{data}
|
|
63
65
|
>
|
|
64
|
-
{@html renderFlow({
|
|
66
|
+
{@html renderFlow({ valueAsString: data.valueAsString, willChange })}
|
|
65
67
|
</number-flow-svelte>
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { SvelteComponent } from "svelte";
|
|
2
|
-
import { NumberFlowLite, type
|
|
2
|
+
import { NumberFlowLite, type Data } from 'number-flow';
|
|
3
3
|
export declare class NumberFlowElement extends NumberFlowLite {
|
|
4
4
|
set __svelte_manual(manual: boolean);
|
|
5
|
-
set
|
|
5
|
+
set data(data: Data | undefined);
|
|
6
6
|
}
|
|
7
7
|
import { type Value, type Format, type Props as NumberFlowProps } from 'number-flow';
|
|
8
8
|
import type { HTMLAttributes } from 'svelte/elements';
|
|
@@ -12,6 +12,8 @@ declare const __propDef: {
|
|
|
12
12
|
locales?: Intl.LocalesArgument;
|
|
13
13
|
format?: Format;
|
|
14
14
|
value: Value;
|
|
15
|
+
prefix?: string;
|
|
16
|
+
suffix?: string;
|
|
15
17
|
willChange?: boolean;
|
|
16
18
|
};
|
|
17
19
|
slots: {};
|
package/package.json
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
"publishConfig": {
|
|
4
4
|
"access": "public"
|
|
5
5
|
},
|
|
6
|
-
"version": "0.1.
|
|
6
|
+
"version": "0.1.5",
|
|
7
7
|
"description": "A component to transition and format numbers.",
|
|
8
8
|
"license": "MIT",
|
|
9
9
|
"homepage": "https://number-flow.barvian.me/svelte",
|
|
@@ -41,7 +41,7 @@
|
|
|
41
41
|
}
|
|
42
42
|
},
|
|
43
43
|
"dependencies": {
|
|
44
|
-
"number-flow": "0.3.
|
|
44
|
+
"number-flow": "0.3.8"
|
|
45
45
|
},
|
|
46
46
|
"peerDependencies": {
|
|
47
47
|
"svelte": "^4 || ^5"
|