timered-counter 0.0.3 → 0.0.4

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.
Files changed (38) hide show
  1. package/dist/custom-elements.json +1492 -1445
  2. package/dist/src/easing/index.d.ts +1 -0
  3. package/dist/src/easing/index.js +1 -0
  4. package/dist/src/easing/index.js.map +1 -1
  5. package/dist/src/index.d.ts +2 -0
  6. package/dist/src/index.js +2 -0
  7. package/dist/src/index.js.map +1 -1
  8. package/dist/src/mixins/counter-animation.d.ts +3 -3
  9. package/dist/src/mixins/counter-animation.js.map +1 -1
  10. package/dist/src/mixins/counter-base.js +2 -2
  11. package/dist/src/mixins/counter-base.js.map +1 -1
  12. package/dist/src/mixins/counter-parts.js +9 -1
  13. package/dist/src/mixins/counter-parts.js.map +1 -1
  14. package/dist/src/mixins/counter-styles.d.ts +4 -4
  15. package/dist/src/mixins/counter-styles.js.map +1 -1
  16. package/dist/src/styles/timered-counter-styles.js +16 -9
  17. package/dist/src/styles/timered-counter-styles.js.map +1 -1
  18. package/dist/src/timered-counter-datetime-duration.js +2 -1
  19. package/dist/src/timered-counter-datetime-duration.js.map +1 -1
  20. package/dist/src/timered-counter-number.js +2 -1
  21. package/dist/src/timered-counter-number.js.map +1 -1
  22. package/dist/src/timered-counter-string.d.ts +0 -2
  23. package/dist/src/timered-counter-string.js +2 -7
  24. package/dist/src/timered-counter-string.js.map +1 -1
  25. package/dist/src/timered-counter.js +2 -1
  26. package/dist/src/timered-counter.js.map +1 -1
  27. package/dist/src/transitions/roller/roller-digit.js +49 -58
  28. package/dist/src/transitions/roller/roller-digit.js.map +1 -1
  29. package/dist/src/transitions/roller/roller.d.ts +1 -1
  30. package/dist/src/transitions/roller/roller.js +17 -13
  31. package/dist/src/transitions/roller/roller.js.map +1 -1
  32. package/dist/src/transitions/roller/styles.js +15 -0
  33. package/dist/src/transitions/roller/styles.js.map +1 -1
  34. package/dist/src/types/index.d.ts +2 -0
  35. package/dist/src/types/index.js +3 -0
  36. package/dist/src/types/index.js.map +1 -0
  37. package/dist/tsconfig.tsbuildinfo +1 -1
  38. package/package.json +1 -1
package/dist/custom-elements.json CHANGED
@@ -173,6 +173,22 @@
173
173
  "name": "TimeredCounterString",
174
174
  "module": "src/index.ts"
175
175
  }
176
+ },
177
+ {
178
+ "kind": "js",
179
+ "name": "*",
180
+ "declaration": {
181
+ "name": "*",
182
+ "package": "./easing/index.js"
183
+ }
184
+ },
185
+ {
186
+ "kind": "js",
187
+ "name": "*",
188
+ "declaration": {
189
+ "name": "*",
190
+ "package": "./types/index.js"
191
+ }
176
192
  }
177
193
  ]
178
194
  },
@@ -368,7 +384,7 @@
368
384
  "kind": "field",
369
385
  "name": "animationOptions",
370
386
  "type": {
371
- "text": "PartDigitValue<KeyframeAnimationOptions>"
387
+ "text": "PartDigitValueOrGetter<KeyframeAnimationOptions>"
372
388
  },
373
389
  "default": "{}",
374
390
  "description": "传递给 Web Animations API 的选项.",
@@ -415,7 +431,7 @@
415
431
  "kind": "field",
416
432
  "name": "keyframes",
417
433
  "type": {
418
- "text": "PartDigitValue<PropertyIndexedKeyframes>"
434
+ "text": "PartDigitValueOrGetter<PropertyIndexedKeyframes>"
419
435
  },
420
436
  "default": "{}",
421
437
  "description": "传递给 Web Animations API 的关键帧配置.",
@@ -462,7 +478,7 @@
462
478
  "kind": "field",
463
479
  "name": "cellStyles",
464
480
  "type": {
465
- "text": "PartDigitCellValue<Partial<CSSStyleDeclaration>>"
481
+ "text": "PartDigitCellValueOrGetter<Partial<CSSStyleDeclaration>>"
466
482
  },
467
483
  "default": "{}",
468
484
  "description": "对 `cell` 部分的样式进行设置. 传入的对象将被直接应用到 `cell` 的 `style` 上.\n你还可以使用 `cellStylesDynamic` 来动态设置样式.",
@@ -509,7 +525,7 @@
509
525
  "kind": "field",
510
526
  "name": "digitStyles",
511
527
  "type": {
512
- "text": "PartDigitValue<Partial<CSSStyleDeclaration>>"
528
+ "text": "PartDigitValueOrGetter<Partial<CSSStyleDeclaration>>"
513
529
  },
514
530
  "default": "{}",
515
531
  "description": "与 `cell` 类似, 但是是对 `digit` 部分的样式进行设置.\n你还可以使用 `digitStylesDynamic` 来动态设置样式.",
@@ -556,7 +572,7 @@
556
572
  "kind": "field",
557
573
  "name": "partStyles",
558
574
  "type": {
559
- "text": "PartValue<Partial<CSSStyleDeclaration>>"
575
+ "text": "PartValueOrGetter<Partial<CSSStyleDeclaration>>"
560
576
  },
561
577
  "default": "{}",
562
578
  "description": "与 `cell` 类似, 但是是对 `part` 部分的样式进行设置.\n你还可以使用 `partStylesDynamic` 来动态设置样式.",
@@ -938,7 +954,7 @@
938
954
  {
939
955
  "name": "animation-options",
940
956
  "type": {
941
- "text": "PartDigitValue<KeyframeAnimationOptions>"
957
+ "text": "PartDigitValueOrGetter<KeyframeAnimationOptions>"
942
958
  },
943
959
  "default": "{}",
944
960
  "description": "传递给 Web Animations API 的选项.",
@@ -951,7 +967,7 @@
951
967
  {
952
968
  "name": "keyframes",
953
969
  "type": {
954
- "text": "PartDigitValue<PropertyIndexedKeyframes>"
970
+ "text": "PartDigitValueOrGetter<PropertyIndexedKeyframes>"
955
971
  },
956
972
  "default": "{}",
957
973
  "description": "传递给 Web Animations API 的关键帧配置.",
@@ -964,7 +980,7 @@
964
980
  {
965
981
  "name": "cell-styles",
966
982
  "type": {
967
- "text": "PartDigitCellValue<Partial<CSSStyleDeclaration>>"
983
+ "text": "PartDigitCellValueOrGetter<Partial<CSSStyleDeclaration>>"
968
984
  },
969
985
  "default": "{}",
970
986
  "description": "对 `cell` 部分的样式进行设置. 传入的对象将被直接应用到 `cell` 的 `style` 上.\n你还可以使用 `cellStylesDynamic` 来动态设置样式.",
@@ -977,7 +993,7 @@
977
993
  {
978
994
  "name": "digit-styles",
979
995
  "type": {
980
- "text": "PartDigitValue<Partial<CSSStyleDeclaration>>"
996
+ "text": "PartDigitValueOrGetter<Partial<CSSStyleDeclaration>>"
981
997
  },
982
998
  "default": "{}",
983
999
  "description": "与 `cell` 类似, 但是是对 `digit` 部分的样式进行设置.\n你还可以使用 `digitStylesDynamic` 来动态设置样式.",
@@ -990,7 +1006,7 @@
990
1006
  {
991
1007
  "name": "part-styles",
992
1008
  "type": {
993
- "text": "PartValue<Partial<CSSStyleDeclaration>>"
1009
+ "text": "PartValueOrGetter<Partial<CSSStyleDeclaration>>"
994
1010
  },
995
1011
  "default": "{}",
996
1012
  "description": "与 `cell` 类似, 但是是对 `part` 部分的样式进行设置.\n你还可以使用 `partStylesDynamic` 来动态设置样式.",
@@ -1223,7 +1239,7 @@
1223
1239
  "kind": "field",
1224
1240
  "name": "animationOptions",
1225
1241
  "type": {
1226
- "text": "PartDigitValue<KeyframeAnimationOptions>"
1242
+ "text": "PartDigitValueOrGetter<KeyframeAnimationOptions>"
1227
1243
  },
1228
1244
  "default": "{}",
1229
1245
  "description": "传递给 Web Animations API 的选项.",
@@ -1270,7 +1286,7 @@
1270
1286
  "kind": "field",
1271
1287
  "name": "keyframes",
1272
1288
  "type": {
1273
- "text": "PartDigitValue<PropertyIndexedKeyframes>"
1289
+ "text": "PartDigitValueOrGetter<PropertyIndexedKeyframes>"
1274
1290
  },
1275
1291
  "default": "{}",
1276
1292
  "description": "传递给 Web Animations API 的关键帧配置.",
@@ -1317,7 +1333,7 @@
1317
1333
  "kind": "field",
1318
1334
  "name": "cellStyles",
1319
1335
  "type": {
1320
- "text": "PartDigitCellValue<Partial<CSSStyleDeclaration>>"
1336
+ "text": "PartDigitCellValueOrGetter<Partial<CSSStyleDeclaration>>"
1321
1337
  },
1322
1338
  "default": "{}",
1323
1339
  "description": "对 `cell` 部分的样式进行设置. 传入的对象将被直接应用到 `cell` 的 `style` 上.\n你还可以使用 `cellStylesDynamic` 来动态设置样式.",
@@ -1364,7 +1380,7 @@
1364
1380
  "kind": "field",
1365
1381
  "name": "digitStyles",
1366
1382
  "type": {
1367
- "text": "PartDigitValue<Partial<CSSStyleDeclaration>>"
1383
+ "text": "PartDigitValueOrGetter<Partial<CSSStyleDeclaration>>"
1368
1384
  },
1369
1385
  "default": "{}",
1370
1386
  "description": "与 `cell` 类似, 但是是对 `digit` 部分的样式进行设置.\n你还可以使用 `digitStylesDynamic` 来动态设置样式.",
@@ -1411,7 +1427,7 @@
1411
1427
  "kind": "field",
1412
1428
  "name": "partStyles",
1413
1429
  "type": {
1414
- "text": "PartValue<Partial<CSSStyleDeclaration>>"
1430
+ "text": "PartValueOrGetter<Partial<CSSStyleDeclaration>>"
1415
1431
  },
1416
1432
  "default": "{}",
1417
1433
  "description": "与 `cell` 类似, 但是是对 `part` 部分的样式进行设置.\n你还可以使用 `partStylesDynamic` 来动态设置样式.",
@@ -1830,7 +1846,7 @@
1830
1846
  {
1831
1847
  "name": "animation-options",
1832
1848
  "type": {
1833
- "text": "PartDigitValue<KeyframeAnimationOptions>"
1849
+ "text": "PartDigitValueOrGetter<KeyframeAnimationOptions>"
1834
1850
  },
1835
1851
  "default": "{}",
1836
1852
  "description": "传递给 Web Animations API 的选项.",
@@ -1843,7 +1859,7 @@
1843
1859
  {
1844
1860
  "name": "keyframes",
1845
1861
  "type": {
1846
- "text": "PartDigitValue<PropertyIndexedKeyframes>"
1862
+ "text": "PartDigitValueOrGetter<PropertyIndexedKeyframes>"
1847
1863
  },
1848
1864
  "default": "{}",
1849
1865
  "description": "传递给 Web Animations API 的关键帧配置.",
@@ -1856,7 +1872,7 @@
1856
1872
  {
1857
1873
  "name": "cell-styles",
1858
1874
  "type": {
1859
- "text": "PartDigitCellValue<Partial<CSSStyleDeclaration>>"
1875
+ "text": "PartDigitCellValueOrGetter<Partial<CSSStyleDeclaration>>"
1860
1876
  },
1861
1877
  "default": "{}",
1862
1878
  "description": "对 `cell` 部分的样式进行设置. 传入的对象将被直接应用到 `cell` 的 `style` 上.\n你还可以使用 `cellStylesDynamic` 来动态设置样式.",
@@ -1869,7 +1885,7 @@
1869
1885
  {
1870
1886
  "name": "digit-styles",
1871
1887
  "type": {
1872
- "text": "PartDigitValue<Partial<CSSStyleDeclaration>>"
1888
+ "text": "PartDigitValueOrGetter<Partial<CSSStyleDeclaration>>"
1873
1889
  },
1874
1890
  "default": "{}",
1875
1891
  "description": "与 `cell` 类似, 但是是对 `digit` 部分的样式进行设置.\n你还可以使用 `digitStylesDynamic` 来动态设置样式.",
@@ -1882,7 +1898,7 @@
1882
1898
  {
1883
1899
  "name": "part-styles",
1884
1900
  "type": {
1885
- "text": "PartValue<Partial<CSSStyleDeclaration>>"
1901
+ "text": "PartValueOrGetter<Partial<CSSStyleDeclaration>>"
1886
1902
  },
1887
1903
  "default": "{}",
1888
1904
  "description": "与 `cell` 类似, 但是是对 `part` 部分的样式进行设置.\n你还可以使用 `partStylesDynamic` 来动态设置样式.",
@@ -2188,7 +2204,7 @@
2188
2204
  "kind": "field",
2189
2205
  "name": "animationOptions",
2190
2206
  "type": {
2191
- "text": "PartDigitValue<KeyframeAnimationOptions>"
2207
+ "text": "PartDigitValueOrGetter<KeyframeAnimationOptions>"
2192
2208
  },
2193
2209
  "default": "{}",
2194
2210
  "description": "传递给 Web Animations API 的选项.",
@@ -2235,7 +2251,7 @@
2235
2251
  "kind": "field",
2236
2252
  "name": "keyframes",
2237
2253
  "type": {
2238
- "text": "PartDigitValue<PropertyIndexedKeyframes>"
2254
+ "text": "PartDigitValueOrGetter<PropertyIndexedKeyframes>"
2239
2255
  },
2240
2256
  "default": "{}",
2241
2257
  "description": "传递给 Web Animations API 的关键帧配置.",
@@ -2282,7 +2298,7 @@
2282
2298
  "kind": "field",
2283
2299
  "name": "cellStyles",
2284
2300
  "type": {
2285
- "text": "PartDigitCellValue<Partial<CSSStyleDeclaration>>"
2301
+ "text": "PartDigitCellValueOrGetter<Partial<CSSStyleDeclaration>>"
2286
2302
  },
2287
2303
  "default": "{}",
2288
2304
  "description": "对 `cell` 部分的样式进行设置. 传入的对象将被直接应用到 `cell` 的 `style` 上.\n你还可以使用 `cellStylesDynamic` 来动态设置样式.",
@@ -2329,7 +2345,7 @@
2329
2345
  "kind": "field",
2330
2346
  "name": "digitStyles",
2331
2347
  "type": {
2332
- "text": "PartDigitValue<Partial<CSSStyleDeclaration>>"
2348
+ "text": "PartDigitValueOrGetter<Partial<CSSStyleDeclaration>>"
2333
2349
  },
2334
2350
  "default": "{}",
2335
2351
  "description": "与 `cell` 类似, 但是是对 `digit` 部分的样式进行设置.\n你还可以使用 `digitStylesDynamic` 来动态设置样式.",
@@ -2376,7 +2392,7 @@
2376
2392
  "kind": "field",
2377
2393
  "name": "partStyles",
2378
2394
  "type": {
2379
- "text": "PartValue<Partial<CSSStyleDeclaration>>"
2395
+ "text": "PartValueOrGetter<Partial<CSSStyleDeclaration>>"
2380
2396
  },
2381
2397
  "default": "{}",
2382
2398
  "description": "与 `cell` 类似, 但是是对 `part` 部分的样式进行设置.\n你还可以使用 `partStylesDynamic` 来动态设置样式.",
@@ -2758,7 +2774,7 @@
2758
2774
  {
2759
2775
  "name": "animation-options",
2760
2776
  "type": {
2761
- "text": "PartDigitValue<KeyframeAnimationOptions>"
2777
+ "text": "PartDigitValueOrGetter<KeyframeAnimationOptions>"
2762
2778
  },
2763
2779
  "default": "{}",
2764
2780
  "description": "传递给 Web Animations API 的选项.",
@@ -2771,7 +2787,7 @@
2771
2787
  {
2772
2788
  "name": "keyframes",
2773
2789
  "type": {
2774
- "text": "PartDigitValue<PropertyIndexedKeyframes>"
2790
+ "text": "PartDigitValueOrGetter<PropertyIndexedKeyframes>"
2775
2791
  },
2776
2792
  "default": "{}",
2777
2793
  "description": "传递给 Web Animations API 的关键帧配置.",
@@ -2784,7 +2800,7 @@
2784
2800
  {
2785
2801
  "name": "cell-styles",
2786
2802
  "type": {
2787
- "text": "PartDigitCellValue<Partial<CSSStyleDeclaration>>"
2803
+ "text": "PartDigitCellValueOrGetter<Partial<CSSStyleDeclaration>>"
2788
2804
  },
2789
2805
  "default": "{}",
2790
2806
  "description": "对 `cell` 部分的样式进行设置. 传入的对象将被直接应用到 `cell` 的 `style` 上.\n你还可以使用 `cellStylesDynamic` 来动态设置样式.",
@@ -2797,7 +2813,7 @@
2797
2813
  {
2798
2814
  "name": "digit-styles",
2799
2815
  "type": {
2800
- "text": "PartDigitValue<Partial<CSSStyleDeclaration>>"
2816
+ "text": "PartDigitValueOrGetter<Partial<CSSStyleDeclaration>>"
2801
2817
  },
2802
2818
  "default": "{}",
2803
2819
  "description": "与 `cell` 类似, 但是是对 `digit` 部分的样式进行设置.\n你还可以使用 `digitStylesDynamic` 来动态设置样式.",
@@ -2810,7 +2826,7 @@
2810
2826
  {
2811
2827
  "name": "part-styles",
2812
2828
  "type": {
2813
- "text": "PartValue<Partial<CSSStyleDeclaration>>"
2829
+ "text": "PartValueOrGetter<Partial<CSSStyleDeclaration>>"
2814
2830
  },
2815
2831
  "default": "{}",
2816
2832
  "description": "与 `cell` 类似, 但是是对 `part` 部分的样式进行设置.\n你还可以使用 `partStylesDynamic` 来动态设置样式.",
@@ -3009,7 +3025,7 @@
3009
3025
  "kind": "field",
3010
3026
  "name": "animationOptions",
3011
3027
  "type": {
3012
- "text": "PartDigitValue<KeyframeAnimationOptions>"
3028
+ "text": "PartDigitValueOrGetter<KeyframeAnimationOptions>"
3013
3029
  },
3014
3030
  "default": "{}",
3015
3031
  "description": "传递给 Web Animations API 的选项.",
@@ -3056,7 +3072,7 @@
3056
3072
  "kind": "field",
3057
3073
  "name": "keyframes",
3058
3074
  "type": {
3059
- "text": "PartDigitValue<PropertyIndexedKeyframes>"
3075
+ "text": "PartDigitValueOrGetter<PropertyIndexedKeyframes>"
3060
3076
  },
3061
3077
  "default": "{}",
3062
3078
  "description": "传递给 Web Animations API 的关键帧配置.",
@@ -3103,7 +3119,7 @@
3103
3119
  "kind": "field",
3104
3120
  "name": "cellStyles",
3105
3121
  "type": {
3106
- "text": "PartDigitCellValue<Partial<CSSStyleDeclaration>>"
3122
+ "text": "PartDigitCellValueOrGetter<Partial<CSSStyleDeclaration>>"
3107
3123
  },
3108
3124
  "default": "{}",
3109
3125
  "description": "对 `cell` 部分的样式进行设置. 传入的对象将被直接应用到 `cell` 的 `style` 上.\n你还可以使用 `cellStylesDynamic` 来动态设置样式.",
@@ -3150,7 +3166,7 @@
3150
3166
  "kind": "field",
3151
3167
  "name": "digitStyles",
3152
3168
  "type": {
3153
- "text": "PartDigitValue<Partial<CSSStyleDeclaration>>"
3169
+ "text": "PartDigitValueOrGetter<Partial<CSSStyleDeclaration>>"
3154
3170
  },
3155
3171
  "default": "{}",
3156
3172
  "description": "与 `cell` 类似, 但是是对 `digit` 部分的样式进行设置.\n你还可以使用 `digitStylesDynamic` 来动态设置样式.",
@@ -3197,7 +3213,7 @@
3197
3213
  "kind": "field",
3198
3214
  "name": "partStyles",
3199
3215
  "type": {
3200
- "text": "PartValue<Partial<CSSStyleDeclaration>>"
3216
+ "text": "PartValueOrGetter<Partial<CSSStyleDeclaration>>"
3201
3217
  },
3202
3218
  "default": "{}",
3203
3219
  "description": "与 `cell` 类似, 但是是对 `part` 部分的样式进行设置.\n你还可以使用 `partStylesDynamic` 来动态设置样式.",
@@ -3615,7 +3631,7 @@
3615
3631
  {
3616
3632
  "name": "animation-options",
3617
3633
  "type": {
3618
- "text": "PartDigitValue<KeyframeAnimationOptions>"
3634
+ "text": "PartDigitValueOrGetter<KeyframeAnimationOptions>"
3619
3635
  },
3620
3636
  "default": "{}",
3621
3637
  "description": "传递给 Web Animations API 的选项.",
@@ -3628,7 +3644,7 @@
3628
3644
  {
3629
3645
  "name": "keyframes",
3630
3646
  "type": {
3631
- "text": "PartDigitValue<PropertyIndexedKeyframes>"
3647
+ "text": "PartDigitValueOrGetter<PropertyIndexedKeyframes>"
3632
3648
  },
3633
3649
  "default": "{}",
3634
3650
  "description": "传递给 Web Animations API 的关键帧配置.",
@@ -3641,7 +3657,7 @@
3641
3657
  {
3642
3658
  "name": "cell-styles",
3643
3659
  "type": {
3644
- "text": "PartDigitCellValue<Partial<CSSStyleDeclaration>>"
3660
+ "text": "PartDigitCellValueOrGetter<Partial<CSSStyleDeclaration>>"
3645
3661
  },
3646
3662
  "default": "{}",
3647
3663
  "description": "对 `cell` 部分的样式进行设置. 传入的对象将被直接应用到 `cell` 的 `style` 上.\n你还可以使用 `cellStylesDynamic` 来动态设置样式.",
@@ -3654,7 +3670,7 @@
3654
3670
  {
3655
3671
  "name": "digit-styles",
3656
3672
  "type": {
3657
- "text": "PartDigitValue<Partial<CSSStyleDeclaration>>"
3673
+ "text": "PartDigitValueOrGetter<Partial<CSSStyleDeclaration>>"
3658
3674
  },
3659
3675
  "default": "{}",
3660
3676
  "description": "与 `cell` 类似, 但是是对 `digit` 部分的样式进行设置.\n你还可以使用 `digitStylesDynamic` 来动态设置样式.",
@@ -3667,7 +3683,7 @@
3667
3683
  {
3668
3684
  "name": "part-styles",
3669
3685
  "type": {
3670
- "text": "PartValue<Partial<CSSStyleDeclaration>>"
3686
+ "text": "PartValueOrGetter<Partial<CSSStyleDeclaration>>"
3671
3687
  },
3672
3688
  "default": "{}",
3673
3689
  "description": "与 `cell` 类似, 但是是对 `part` 部分的样式进行设置.\n你还可以使用 `partStylesDynamic` 来动态设置样式.",
@@ -3871,6 +3887,14 @@
3871
3887
  "package": "./easing-functions.js"
3872
3888
  }
3873
3889
  },
3890
+ {
3891
+ "kind": "js",
3892
+ "name": "*",
3893
+ "declaration": {
3894
+ "name": "*",
3895
+ "package": "./cubic-bezier.js"
3896
+ }
3897
+ },
3874
3898
  {
3875
3899
  "kind": "js",
3876
3900
  "name": "*",
@@ -4457,7 +4481,7 @@
4457
4481
  "kind": "field",
4458
4482
  "name": "animationOptions",
4459
4483
  "type": {
4460
- "text": "PartDigitValue<KeyframeAnimationOptions>"
4484
+ "text": "PartDigitValueOrGetter<KeyframeAnimationOptions>"
4461
4485
  }
4462
4486
  },
4463
4487
  {
@@ -4480,7 +4504,7 @@
4480
4504
  "kind": "field",
4481
4505
  "name": "keyframes",
4482
4506
  "type": {
4483
- "text": "PartDigitValue<PropertyIndexedKeyframes>"
4507
+ "text": "PartDigitValueOrGetter<PropertyIndexedKeyframes>"
4484
4508
  }
4485
4509
  },
4486
4510
  {
@@ -4510,7 +4534,7 @@
4510
4534
  "kind": "field",
4511
4535
  "name": "animationOptions",
4512
4536
  "type": {
4513
- "text": "PartDigitValue<KeyframeAnimationOptions>"
4537
+ "text": "PartDigitValueOrGetter<KeyframeAnimationOptions>"
4514
4538
  },
4515
4539
  "default": "{}",
4516
4540
  "description": "传递给 Web Animations API 的选项.",
@@ -4541,7 +4565,7 @@
4541
4565
  "kind": "field",
4542
4566
  "name": "keyframes",
4543
4567
  "type": {
4544
- "text": "PartDigitValue<PropertyIndexedKeyframes>"
4568
+ "text": "PartDigitValueOrGetter<PropertyIndexedKeyframes>"
4545
4569
  },
4546
4570
  "default": "{}",
4547
4571
  "description": "传递给 Web Animations API 的关键帧配置.",
@@ -4573,7 +4597,7 @@
4573
4597
  {
4574
4598
  "name": "animation-options",
4575
4599
  "type": {
4576
- "text": "PartDigitValue<KeyframeAnimationOptions>"
4600
+ "text": "PartDigitValueOrGetter<KeyframeAnimationOptions>"
4577
4601
  },
4578
4602
  "default": "{}",
4579
4603
  "description": "传递给 Web Animations API 的选项.",
@@ -4582,7 +4606,7 @@
4582
4606
  {
4583
4607
  "name": "keyframes",
4584
4608
  "type": {
4585
- "text": "PartDigitValue<PropertyIndexedKeyframes>"
4609
+ "text": "PartDigitValueOrGetter<PropertyIndexedKeyframes>"
4586
4610
  },
4587
4611
  "default": "{}",
4588
4612
  "description": "传递给 Web Animations API 的关键帧配置.",
@@ -5115,7 +5139,7 @@
5115
5139
  "kind": "field",
5116
5140
  "name": "cellStyles",
5117
5141
  "type": {
5118
- "text": "PartDigitCellValue<Partial<CSSStyleDeclaration>>"
5142
+ "text": "PartDigitCellValueOrGetter<Partial<CSSStyleDeclaration>>"
5119
5143
  }
5120
5144
  },
5121
5145
  {
@@ -5138,7 +5162,7 @@
5138
5162
  "kind": "field",
5139
5163
  "name": "digitStyles",
5140
5164
  "type": {
5141
- "text": "PartDigitValue<Partial<CSSStyleDeclaration>>"
5165
+ "text": "PartDigitValueOrGetter<Partial<CSSStyleDeclaration>>"
5142
5166
  }
5143
5167
  },
5144
5168
  {
@@ -5161,7 +5185,7 @@
5161
5185
  "kind": "field",
5162
5186
  "name": "partStyles",
5163
5187
  "type": {
5164
- "text": "PartValue<Partial<CSSStyleDeclaration>>"
5188
+ "text": "PartValueOrGetter<Partial<CSSStyleDeclaration>>"
5165
5189
  }
5166
5190
  },
5167
5191
  {
@@ -5198,7 +5222,7 @@
5198
5222
  "kind": "field",
5199
5223
  "name": "cellStyles",
5200
5224
  "type": {
5201
- "text": "PartDigitCellValue<Partial<CSSStyleDeclaration>>"
5225
+ "text": "PartDigitCellValueOrGetter<Partial<CSSStyleDeclaration>>"
5202
5226
  },
5203
5227
  "default": "{}",
5204
5228
  "description": "对 `cell` 部分的样式进行设置. 传入的对象将被直接应用到 `cell` 的 `style` 上.\n你还可以使用 `cellStylesDynamic` 来动态设置样式.",
@@ -5229,7 +5253,7 @@
5229
5253
  "kind": "field",
5230
5254
  "name": "digitStyles",
5231
5255
  "type": {
5232
- "text": "PartDigitValue<Partial<CSSStyleDeclaration>>"
5256
+ "text": "PartDigitValueOrGetter<Partial<CSSStyleDeclaration>>"
5233
5257
  },
5234
5258
  "default": "{}",
5235
5259
  "description": "与 `cell` 类似, 但是是对 `digit` 部分的样式进行设置.\n你还可以使用 `digitStylesDynamic` 来动态设置样式.",
@@ -5260,7 +5284,7 @@
5260
5284
  "kind": "field",
5261
5285
  "name": "partStyles",
5262
5286
  "type": {
5263
- "text": "PartValue<Partial<CSSStyleDeclaration>>"
5287
+ "text": "PartValueOrGetter<Partial<CSSStyleDeclaration>>"
5264
5288
  },
5265
5289
  "default": "{}",
5266
5290
  "description": "与 `cell` 类似, 但是是对 `part` 部分的样式进行设置.\n你还可以使用 `partStylesDynamic` 来动态设置样式.",
@@ -5303,7 +5327,7 @@
5303
5327
  {
5304
5328
  "name": "cell-styles",
5305
5329
  "type": {
5306
- "text": "PartDigitCellValue<Partial<CSSStyleDeclaration>>"
5330
+ "text": "PartDigitCellValueOrGetter<Partial<CSSStyleDeclaration>>"
5307
5331
  },
5308
5332
  "default": "{}",
5309
5333
  "description": "对 `cell` 部分的样式进行设置. 传入的对象将被直接应用到 `cell` 的 `style` 上.\n你还可以使用 `cellStylesDynamic` 来动态设置样式.",
@@ -5312,7 +5336,7 @@
5312
5336
  {
5313
5337
  "name": "digit-styles",
5314
5338
  "type": {
5315
- "text": "PartDigitValue<Partial<CSSStyleDeclaration>>"
5339
+ "text": "PartDigitValueOrGetter<Partial<CSSStyleDeclaration>>"
5316
5340
  },
5317
5341
  "default": "{}",
5318
5342
  "description": "与 `cell` 类似, 但是是对 `digit` 部分的样式进行设置.\n你还可以使用 `digitStylesDynamic` 来动态设置样式.",
@@ -5321,7 +5345,7 @@
5321
5345
  {
5322
5346
  "name": "part-styles",
5323
5347
  "type": {
5324
- "text": "PartValue<Partial<CSSStyleDeclaration>>"
5348
+ "text": "PartValueOrGetter<Partial<CSSStyleDeclaration>>"
5325
5349
  },
5326
5350
  "default": "{}",
5327
5351
  "description": "与 `cell` 类似, 但是是对 `part` 部分的样式进行设置.\n你还可以使用 `partStylesDynamic` 来动态设置样式.",
@@ -5478,6 +5502,90 @@
5478
5502
  "declarations": [],
5479
5503
  "exports": []
5480
5504
  },
5505
+ {
5506
+ "kind": "javascript-module",
5507
+ "path": "src/styles/timered-counter-datetime-styles.ts",
5508
+ "declarations": [
5509
+ {
5510
+ "kind": "variable",
5511
+ "name": "timeredCounterDatetimeStyles",
5512
+ "default": "css` ::part(part-suffix) { font-size: 0.4em; line-height: 1; } `"
5513
+ }
5514
+ ],
5515
+ "exports": [
5516
+ {
5517
+ "kind": "js",
5518
+ "name": "timeredCounterDatetimeStyles",
5519
+ "declaration": {
5520
+ "name": "timeredCounterDatetimeStyles",
5521
+ "module": "src/styles/timered-counter-datetime-styles.ts"
5522
+ }
5523
+ }
5524
+ ]
5525
+ },
5526
+ {
5527
+ "kind": "javascript-module",
5528
+ "path": "src/styles/timered-counter-number-styles.ts",
5529
+ "declarations": [
5530
+ {
5531
+ "kind": "variable",
5532
+ "name": "timeredCounterNumberStyles",
5533
+ "default": "css``"
5534
+ }
5535
+ ],
5536
+ "exports": [
5537
+ {
5538
+ "kind": "js",
5539
+ "name": "timeredCounterNumberStyles",
5540
+ "declaration": {
5541
+ "name": "timeredCounterNumberStyles",
5542
+ "module": "src/styles/timered-counter-number-styles.ts"
5543
+ }
5544
+ }
5545
+ ]
5546
+ },
5547
+ {
5548
+ "kind": "javascript-module",
5549
+ "path": "src/styles/timered-counter-string-styles.ts",
5550
+ "declarations": [
5551
+ {
5552
+ "kind": "variable",
5553
+ "name": "timeredCounterStringStyles",
5554
+ "default": "css``"
5555
+ }
5556
+ ],
5557
+ "exports": [
5558
+ {
5559
+ "kind": "js",
5560
+ "name": "timeredCounterStringStyles",
5561
+ "declaration": {
5562
+ "name": "timeredCounterStringStyles",
5563
+ "module": "src/styles/timered-counter-string-styles.ts"
5564
+ }
5565
+ }
5566
+ ]
5567
+ },
5568
+ {
5569
+ "kind": "javascript-module",
5570
+ "path": "src/styles/timered-counter-styles.ts",
5571
+ "declarations": [
5572
+ {
5573
+ "kind": "variable",
5574
+ "name": "timeredCounterStyles",
5575
+ "default": "css` :host { position: relative; white-space: nowrap; display: inline-block; } //.timered-counter { // position: relative; // display: inline-flex; // overflow: hidden; // // /** // inline-block 和 overflow-hidden 同时存在会使得基线为下边缘. 手动设置 align-bottom 以修正这个问题. // @see https://stackoverflow.com/questions/22421782/css-overflow-hidden-increases-height-of-container // @see https://www.w3.org/TR/CSS2/visudet.html#propdef-vertical-align // */ // vertical-align: bottom; //} .timered-counter.debug { overflow: visible; } //.timered-counter-datetime-duration .duration-unit { // font-size: 0.4em; // line-height: 1; //} `"
5576
+ }
5577
+ ],
5578
+ "exports": [
5579
+ {
5580
+ "kind": "js",
5581
+ "name": "timeredCounterStyles",
5582
+ "declaration": {
5583
+ "name": "timeredCounterStyles",
5584
+ "module": "src/styles/timered-counter-styles.ts"
5585
+ }
5586
+ }
5587
+ ]
5588
+ },
5481
5589
  {
5482
5590
  "kind": "javascript-module",
5483
5591
  "path": "src/string-adapter/build-in-intl-segmenter.ts",
@@ -5594,192 +5702,236 @@
5594
5702
  },
5595
5703
  {
5596
5704
  "kind": "javascript-module",
5597
- "path": "stories/story-parts/animation-events.ts",
5705
+ "path": "src/types/duration.ts",
5598
5706
  "declarations": [
5599
5707
  {
5600
- "kind": "function",
5601
- "name": "animationEvents",
5602
- "parameters": [
5603
- {
5604
- "name": "context",
5605
- "type": {
5606
- "text": "Parameters<NoUndefinedField<StoryObj>['play']>[0]"
5607
- }
5608
- },
5609
- {
5610
- "name": "{\n counter,\n list = range(0, 5).map(v => v * 10) as T[],\n setBy,\n equal = _equal,\n }",
5611
- "type": {
5612
- "text": "{\n counter: TC;\n list?: T[];\n setBy: (counter: TC, key: string, value: T) => void;\n equal?: (counter: TimeredCounter, a: any, b: any) => Promise<void>;\n }"
5613
- }
5614
- }
5615
- ]
5708
+ "kind": "variable",
5709
+ "name": "DurationPartMillisecond",
5710
+ "type": {
5711
+ "text": "{\n [DurationPartType.Millisecond]: 1,\n [DurationPartType.Second]: 1000,\n [DurationPartType.Minute]: 60000,\n [DurationPartType.Hour]: 3600000,\n [DurationPartType.Day]: 86400000,\n [DurationPartType.Week]: 604800000,\n [DurationPartType.Month]: 2629800000,\n [DurationPartType.Quarter]: 7889400000,\n [DurationPartType.Year]: 31557600000,\n}"
5712
+ },
5713
+ "default": "{ [DurationPartType.Millisecond]: 1, [DurationPartType.Second]: 1000, [DurationPartType.Minute]: 60000, [DurationPartType.Hour]: 3600000, [DurationPartType.Day]: 86400000, [DurationPartType.Week]: 604800000, [DurationPartType.Month]: 2629800000, [DurationPartType.Quarter]: 7889400000, [DurationPartType.Year]: 31557600000, }"
5714
+ },
5715
+ {
5716
+ "kind": "variable",
5717
+ "name": "DurationPartMillisecondToType",
5718
+ "type": {
5719
+ "text": "{\n 1: DurationPartType.Millisecond,\n 1000: DurationPartType.Second,\n 60000: DurationPartType.Minute,\n 3600000: DurationPartType.Hour,\n 86400000: DurationPartType.Day,\n 604800000: DurationPartType.Week,\n 2629800000: DurationPartType.Month,\n 7889400000: DurationPartType.Quarter,\n 31557600000: DurationPartType.Year,\n}"
5720
+ },
5721
+ "default": "{ 1: DurationPartType.Millisecond, 1000: DurationPartType.Second, 60000: DurationPartType.Minute, 3600000: DurationPartType.Hour, 86400000: DurationPartType.Day, 604800000: DurationPartType.Week, 2629800000: DurationPartType.Month, 7889400000: DurationPartType.Quarter, 31557600000: DurationPartType.Year, }"
5616
5722
  }
5617
5723
  ],
5618
5724
  "exports": [
5619
5725
  {
5620
5726
  "kind": "js",
5621
- "name": "animationEvents",
5727
+ "name": "DurationPartMillisecond",
5622
5728
  "declaration": {
5623
- "name": "animationEvents",
5624
- "module": "stories/story-parts/animation-events.ts"
5729
+ "name": "DurationPartMillisecond",
5730
+ "module": "src/types/duration.ts"
5731
+ }
5732
+ },
5733
+ {
5734
+ "kind": "js",
5735
+ "name": "DurationPartMillisecondToType",
5736
+ "declaration": {
5737
+ "name": "DurationPartMillisecondToType",
5738
+ "module": "src/types/duration.ts"
5625
5739
  }
5626
5740
  }
5627
5741
  ]
5628
5742
  },
5629
5743
  {
5630
5744
  "kind": "javascript-module",
5631
- "path": "stories/story-parts/animation-options.ts",
5632
- "declarations": [
5633
- {
5634
- "kind": "function",
5635
- "name": "animationOptions",
5636
- "parameters": [
5637
- {
5638
- "name": "context",
5639
- "type": {
5640
- "text": "Parameters<NoUndefinedField<StoryObj>['play']>[0]"
5641
- }
5642
- },
5643
- {
5644
- "name": "{\n counter,\n list = [114514] as T[],\n setBy,\n }",
5645
- "type": {
5646
- "text": "{\n counter: TC;\n list?: T[];\n setBy: (counter: TC, key: string, value: T) => void;\n }"
5647
- }
5648
- }
5649
- ]
5650
- }
5651
- ],
5745
+ "path": "src/types/group.ts",
5746
+ "declarations": [],
5747
+ "exports": []
5748
+ },
5749
+ {
5750
+ "kind": "javascript-module",
5751
+ "path": "src/types/index.ts",
5752
+ "declarations": [],
5652
5753
  "exports": [
5653
5754
  {
5654
5755
  "kind": "js",
5655
- "name": "animationOptions",
5756
+ "name": "*",
5656
5757
  "declaration": {
5657
- "name": "animationOptions",
5658
- "module": "stories/story-parts/animation-options.ts"
5758
+ "name": "*",
5759
+ "package": "./duration.js"
5760
+ }
5761
+ },
5762
+ {
5763
+ "kind": "js",
5764
+ "name": "*",
5765
+ "declaration": {
5766
+ "name": "*",
5767
+ "package": "./group.js"
5659
5768
  }
5660
5769
  }
5661
5770
  ]
5662
5771
  },
5663
5772
  {
5664
5773
  "kind": "javascript-module",
5665
- "path": "stories/story-parts/big-number.ts",
5774
+ "path": "src/utils/any-base.ts",
5666
5775
  "declarations": [
5667
5776
  {
5668
5777
  "kind": "function",
5669
- "name": "bigNumber",
5778
+ "name": "anyBase",
5670
5779
  "parameters": [
5671
5780
  {
5672
- "name": "context",
5781
+ "name": "sa",
5673
5782
  "type": {
5674
- "text": "Parameters<NoUndefinedField<StoryObj>['play']>[0]"
5783
+ "text": "StringAdapter"
5675
5784
  }
5676
5785
  },
5677
5786
  {
5678
- "name": "{\n counter,\n setBy,\n equal = _equal,\n }",
5787
+ "name": "srcAlphabet",
5679
5788
  "type": {
5680
- "text": "{\n counter: TC;\n setBy: (counter: TC, key: string, value: string) => void;\n equal?: (counter: TimeredCounter, a: any, b: any) => Promise<void>;\n }"
5789
+ "text": "string"
5790
+ }
5791
+ },
5792
+ {
5793
+ "name": "dstAlphabet",
5794
+ "type": {
5795
+ "text": "string"
5681
5796
  }
5682
5797
  }
5683
5798
  ]
5799
+ },
5800
+ {
5801
+ "kind": "variable",
5802
+ "name": "BIN",
5803
+ "type": {
5804
+ "text": "string"
5805
+ },
5806
+ "default": "'01'"
5807
+ },
5808
+ {
5809
+ "kind": "variable",
5810
+ "name": "OCT",
5811
+ "type": {
5812
+ "text": "string"
5813
+ },
5814
+ "default": "'01234567'"
5815
+ },
5816
+ {
5817
+ "kind": "variable",
5818
+ "name": "DEC",
5819
+ "type": {
5820
+ "text": "string"
5821
+ },
5822
+ "default": "'0123456789'"
5823
+ },
5824
+ {
5825
+ "kind": "variable",
5826
+ "name": "HEX",
5827
+ "type": {
5828
+ "text": "string"
5829
+ },
5830
+ "default": "'0123456789abcdef'"
5684
5831
  }
5685
5832
  ],
5686
5833
  "exports": [
5687
5834
  {
5688
5835
  "kind": "js",
5689
- "name": "bigNumber",
5836
+ "name": "anyBase",
5690
5837
  "declaration": {
5691
- "name": "bigNumber",
5692
- "module": "stories/story-parts/big-number.ts"
5838
+ "name": "anyBase",
5839
+ "module": "src/utils/any-base.ts"
5693
5840
  }
5694
- }
5695
- ]
5696
- },
5697
- {
5698
- "kind": "javascript-module",
5699
- "path": "stories/story-parts/datetime-locale.ts",
5700
- "declarations": [
5841
+ },
5701
5842
  {
5702
- "kind": "function",
5703
- "name": "datetimeLocale",
5704
- "parameters": [
5705
- {
5706
- "name": "context",
5707
- "type": {
5708
- "text": "Parameters<NoUndefinedField<StoryObj>['play']>[0]"
5709
- }
5710
- },
5711
- {
5712
- "name": "{\n counter,\n setBy,\n }",
5713
- "type": {
5714
- "text": "{\n counter: TC;\n setBy: (counter: TC, key: string, value: Date[] | string) => void;\n equal: (counter: TimeredCounter, a: any, b: Date[]) => Promise<void>;\n }"
5715
- }
5716
- }
5717
- ]
5718
- }
5719
- ],
5720
- "exports": [
5843
+ "kind": "js",
5844
+ "name": "BIN",
5845
+ "declaration": {
5846
+ "name": "BIN",
5847
+ "module": "src/utils/any-base.ts"
5848
+ }
5849
+ },
5721
5850
  {
5722
5851
  "kind": "js",
5723
- "name": "datetimeLocale",
5852
+ "name": "OCT",
5724
5853
  "declaration": {
5725
- "name": "datetimeLocale",
5726
- "module": "stories/story-parts/datetime-locale.ts"
5854
+ "name": "OCT",
5855
+ "module": "src/utils/any-base.ts"
5856
+ }
5857
+ },
5858
+ {
5859
+ "kind": "js",
5860
+ "name": "DEC",
5861
+ "declaration": {
5862
+ "name": "DEC",
5863
+ "module": "src/utils/any-base.ts"
5864
+ }
5865
+ },
5866
+ {
5867
+ "kind": "js",
5868
+ "name": "HEX",
5869
+ "declaration": {
5870
+ "name": "HEX",
5871
+ "module": "src/utils/any-base.ts"
5727
5872
  }
5728
5873
  }
5729
5874
  ]
5730
5875
  },
5731
5876
  {
5732
5877
  "kind": "javascript-module",
5733
- "path": "stories/story-parts/datetime-precision.ts",
5878
+ "path": "src/utils/duration.ts",
5734
5879
  "declarations": [
5735
5880
  {
5736
5881
  "kind": "function",
5737
- "name": "datetimePrecision",
5882
+ "name": "durationObject",
5883
+ "return": {
5884
+ "type": {
5885
+ "text": "{ [key in DurationPartType]?: number }"
5886
+ }
5887
+ },
5738
5888
  "parameters": [
5739
5889
  {
5740
- "name": "context",
5890
+ "name": "start",
5741
5891
  "type": {
5742
- "text": "Parameters<NoUndefinedField<StoryObj>['play']>[0]"
5892
+ "text": "Date"
5743
5893
  }
5744
5894
  },
5745
5895
  {
5746
- "name": "{\n counter,\n setBy,\n }",
5896
+ "name": "end",
5747
5897
  "type": {
5748
- "text": "{\n counter: TC;\n setBy: (counter: TC, key: string, value: Date[] | string) => void;\n equal: (counter: TimeredCounter, a: any, b: Date[]) => Promise<void>;\n }"
5898
+ "text": "Date"
5899
+ }
5900
+ },
5901
+ {
5902
+ "name": "parts",
5903
+ "type": {
5904
+ "text": "DurationPartType[]"
5749
5905
  }
5750
5906
  }
5751
- ]
5752
- }
5753
- ],
5754
- "exports": [
5755
- {
5756
- "kind": "js",
5757
- "name": "datetimePrecision",
5758
- "declaration": {
5759
- "name": "datetimePrecision",
5760
- "module": "stories/story-parts/datetime-precision.ts"
5761
- }
5762
- }
5763
- ]
5764
- },
5765
- {
5766
- "kind": "javascript-module",
5767
- "path": "stories/story-parts/edge-case.ts",
5768
- "declarations": [
5907
+ ],
5908
+ "description": "计算两个日期之间的时间间隔. 返回一个数组, 包含 parts 每个部分的值."
5909
+ },
5769
5910
  {
5770
5911
  "kind": "function",
5771
- "name": "edgeCase",
5912
+ "name": "duration",
5913
+ "return": {
5914
+ "type": {
5915
+ "text": "number[]"
5916
+ }
5917
+ },
5772
5918
  "parameters": [
5773
5919
  {
5774
- "name": "context",
5920
+ "name": "start",
5775
5921
  "type": {
5776
- "text": "Parameters<NoUndefinedField<StoryObj>['play']>[0]"
5922
+ "text": "Date"
5777
5923
  }
5778
5924
  },
5779
5925
  {
5780
- "name": "{\n counter,\n list,\n setBy,\n }",
5926
+ "name": "end",
5781
5927
  "type": {
5782
- "text": "{\n counter: TC;\n list: [label: string, value: T, expectedValue: T][];\n setBy: (counter: TC, key: string, value: T) => void;\n }"
5928
+ "text": "Date"
5929
+ }
5930
+ },
5931
+ {
5932
+ "name": "parts",
5933
+ "type": {
5934
+ "text": "DurationPartType[]"
5783
5935
  }
5784
5936
  }
5785
5937
  ]
@@ -5788,188 +5940,192 @@
5788
5940
  "exports": [
5789
5941
  {
5790
5942
  "kind": "js",
5791
- "name": "edgeCase",
5943
+ "name": "durationObject",
5792
5944
  "declaration": {
5793
- "name": "edgeCase",
5794
- "module": "stories/story-parts/edge-case.ts"
5945
+ "name": "durationObject",
5946
+ "module": "src/utils/duration.ts"
5947
+ }
5948
+ },
5949
+ {
5950
+ "kind": "js",
5951
+ "name": "duration",
5952
+ "declaration": {
5953
+ "name": "duration",
5954
+ "module": "src/utils/duration.ts"
5795
5955
  }
5796
5956
  }
5797
5957
  ]
5798
5958
  },
5799
5959
  {
5800
5960
  "kind": "javascript-module",
5801
- "path": "stories/story-parts/emoji.ts",
5961
+ "path": "src/utils/extract-group-option.ts",
5802
5962
  "declarations": [
5803
5963
  {
5804
5964
  "kind": "function",
5805
- "name": "emoji",
5965
+ "name": "extractGroupOption",
5806
5966
  "parameters": [
5807
5967
  {
5808
- "name": "context",
5968
+ "name": "option",
5809
5969
  "type": {
5810
- "text": "Parameters<NoUndefinedField<StoryObj>['play']>[0]"
5970
+ "text": "P"
5811
5971
  }
5812
5972
  },
5813
5973
  {
5814
- "name": "{\n counter,\n setBy,\n list,\n }",
5974
+ "name": "getterOptions",
5815
5975
  "type": {
5816
- "text": "{\n counter: TC;\n list: string[];\n setBy: (counter: TC, key: string, value: string) => void;\n equal?: (counter: TimeredCounter, a: any, b: string) => Promise<void>;\n }"
5976
+ "text": "GroupGetterOptions"
5817
5977
  }
5818
5978
  }
5819
5979
  ]
5820
- }
5821
- ],
5822
- "exports": [
5823
- {
5824
- "kind": "js",
5825
- "name": "emoji",
5826
- "declaration": {
5827
- "name": "emoji",
5828
- "module": "stories/story-parts/emoji.ts"
5829
- }
5830
- }
5831
- ]
5832
- },
5833
- {
5834
- "kind": "javascript-module",
5835
- "path": "stories/story-parts/locale-number.ts",
5836
- "declarations": [
5980
+ },
5837
5981
  {
5838
5982
  "kind": "function",
5839
- "name": "localeNumber",
5983
+ "name": "extractPartOption",
5840
5984
  "parameters": [
5841
5985
  {
5842
- "name": "context",
5986
+ "name": "option",
5843
5987
  "type": {
5844
- "text": "Parameters<NoUndefinedField<StoryObj>['play']>[0]"
5988
+ "text": "P"
5845
5989
  }
5846
5990
  },
5847
5991
  {
5848
- "name": "{\n counter,\n setBy,\n }",
5992
+ "name": "getterOptions",
5849
5993
  "type": {
5850
- "text": "{\n counter: TC;\n setBy: (counter: TC, key: string, value: string) => void;\n }"
5994
+ "text": "GroupGetterOptions"
5851
5995
  }
5852
5996
  }
5853
5997
  ]
5854
- }
5855
- ],
5856
- "exports": [
5857
- {
5858
- "kind": "js",
5859
- "name": "localeNumber",
5860
- "declaration": {
5861
- "name": "localeNumber",
5862
- "module": "stories/story-parts/locale-number.ts"
5863
- }
5864
- }
5865
- ]
5866
- },
5867
- {
5868
- "kind": "javascript-module",
5869
- "path": "stories/story-parts/slots.ts",
5870
- "declarations": [
5998
+ },
5871
5999
  {
5872
6000
  "kind": "function",
5873
- "name": "render",
6001
+ "name": "extractPartDigitOption",
5874
6002
  "parameters": [
5875
6003
  {
5876
- "name": "args",
6004
+ "name": "option",
5877
6005
  "type": {
5878
- "text": "any"
6006
+ "text": "P"
6007
+ }
6008
+ },
6009
+ {
6010
+ "name": "getterOptions",
6011
+ "type": {
6012
+ "text": "GroupGetterOptions"
5879
6013
  }
5880
6014
  }
5881
6015
  ]
5882
6016
  },
5883
6017
  {
5884
6018
  "kind": "function",
5885
- "name": "slots",
6019
+ "name": "extractPartDigitCellOption",
5886
6020
  "parameters": [
5887
6021
  {
5888
- "name": "context",
6022
+ "name": "option",
5889
6023
  "type": {
5890
- "text": "Parameters<NoUndefinedField<StoryObj>['play']>[0]"
6024
+ "text": "P"
5891
6025
  }
5892
6026
  },
5893
6027
  {
5894
- "name": "{\n counter,\n }",
6028
+ "name": "getterOptions",
5895
6029
  "type": {
5896
- "text": "{\n counter: TC;\n list?: T[];\n setBy?: (counter: TC, key: string, value: T) => void;\n equal?: (counter: TimeredCounter, a: any, b: T) => Promise<void>;\n }"
6030
+ "text": "GroupGetterOptions"
5897
6031
  }
5898
6032
  }
5899
6033
  ]
5900
- }
5901
- ],
5902
- "exports": [
5903
- {
5904
- "kind": "js",
5905
- "name": "render",
5906
- "declaration": {
5907
- "name": "render",
5908
- "module": "stories/story-parts/slots.ts"
5909
- }
5910
6034
  },
5911
- {
5912
- "kind": "js",
5913
- "name": "slots",
5914
- "declaration": {
5915
- "name": "slots",
5916
- "module": "stories/story-parts/slots.ts"
5917
- }
5918
- }
5919
- ]
5920
- },
5921
- {
5922
- "kind": "javascript-module",
5923
- "path": "stories/story-parts/styles.ts",
5924
- "declarations": [
5925
6035
  {
5926
6036
  "kind": "function",
5927
- "name": "styles",
6037
+ "name": "mergeGroupOption",
6038
+ "return": {
6039
+ "type": {
6040
+ "text": "Result"
6041
+ }
6042
+ },
5928
6043
  "parameters": [
5929
6044
  {
5930
- "name": "context",
6045
+ "name": "data",
5931
6046
  "type": {
5932
- "text": "Parameters<NoUndefinedField<StoryObj>['play']>[0]"
6047
+ "text": "Result"
5933
6048
  }
5934
6049
  },
5935
6050
  {
5936
- "name": "{\n counter,\n setBy,\n }",
6051
+ "name": "source",
5937
6052
  "type": {
5938
- "text": "{\n counter: TC;\n setBy: (counter: TC, key: string, value: string) => void;\n }"
6053
+ "text": "Result"
5939
6054
  }
5940
6055
  }
5941
6056
  ]
5942
- }
5943
- ],
5944
- "exports": [
6057
+ },
5945
6058
  {
5946
- "kind": "js",
5947
- "name": "styles",
5948
- "declaration": {
5949
- "name": "styles",
5950
- "module": "stories/story-parts/styles.ts"
5951
- }
5952
- }
5953
- ]
5954
- },
5955
- {
5956
- "kind": "javascript-module",
5957
- "path": "stories/story-parts/value-change.ts",
5958
- "declarations": [
6059
+ "kind": "function",
6060
+ "name": "mergePartOption",
6061
+ "return": {
6062
+ "type": {
6063
+ "text": "Result[]"
6064
+ }
6065
+ },
6066
+ "parameters": [
6067
+ {
6068
+ "name": "data",
6069
+ "default": "[]",
6070
+ "type": {
6071
+ "text": "Result[]"
6072
+ }
6073
+ },
6074
+ {
6075
+ "name": "source",
6076
+ "default": "[]",
6077
+ "type": {
6078
+ "text": "Result[]"
6079
+ }
6080
+ }
6081
+ ]
6082
+ },
5959
6083
  {
5960
6084
  "kind": "function",
5961
- "name": "valueChange",
6085
+ "name": "mergePartDigitOption",
6086
+ "return": {
6087
+ "type": {
6088
+ "text": "Result[][]"
6089
+ }
6090
+ },
5962
6091
  "parameters": [
5963
6092
  {
5964
- "name": "context",
6093
+ "name": "data",
6094
+ "default": "[]",
5965
6095
  "type": {
5966
- "text": "Parameters<NoUndefinedField<StoryObj>['play']>[0]"
6096
+ "text": "Result[][]"
5967
6097
  }
5968
6098
  },
5969
6099
  {
5970
- "name": "{\n counter,\n list = range(0, 5).map(v => v * 10) as T[],\n setBy,\n equal = _equal,\n }",
6100
+ "name": "source",
6101
+ "default": "[]",
5971
6102
  "type": {
5972
- "text": "{\n counter: TC;\n list?: T[];\n setBy: (counter: TC, key: string, value: T) => void;\n equal?: (counter: TimeredCounter, a: any, b: T) => Promise<void>;\n }"
6103
+ "text": "Result[][]"
6104
+ }
6105
+ }
6106
+ ]
6107
+ },
6108
+ {
6109
+ "kind": "function",
6110
+ "name": "mergePartDigitCellOption",
6111
+ "return": {
6112
+ "type": {
6113
+ "text": "Result[][][]"
6114
+ }
6115
+ },
6116
+ "parameters": [
6117
+ {
6118
+ "name": "data",
6119
+ "default": "[]",
6120
+ "type": {
6121
+ "text": "Result[][][]"
6122
+ }
6123
+ },
6124
+ {
6125
+ "name": "source",
6126
+ "default": "[]",
6127
+ "type": {
6128
+ "text": "Result[][][]"
5973
6129
  }
5974
6130
  }
5975
6131
  ]
@@ -5978,591 +6134,717 @@
5978
6134
  "exports": [
5979
6135
  {
5980
6136
  "kind": "js",
5981
- "name": "valueChange",
6137
+ "name": "extractGroupOption",
5982
6138
  "declaration": {
5983
- "name": "valueChange",
5984
- "module": "stories/story-parts/value-change.ts"
6139
+ "name": "extractGroupOption",
6140
+ "module": "src/utils/extract-group-option.ts"
5985
6141
  }
5986
- }
5987
- ]
5988
- },
5989
- {
5990
- "kind": "javascript-module",
5991
- "path": "stories/timered-counter/decimaljs.stories.ts",
5992
- "declarations": [
5993
- {
5994
- "kind": "variable",
5995
- "name": "meta",
5996
- "type": {
5997
- "text": "Meta"
5998
- },
5999
- "default": "{ title: 'TimeredCounter/with decimal.js', component: 'timered-counter', tags: ['autodocs', 'timered-counter'], parameters: { controls: { expanded: true }, }, beforeEach: () => { setNumberAdapter('decimal.js'); }, }"
6000
6142
  },
6001
- {
6002
- "kind": "variable",
6003
- "name": "BigNumber",
6004
- "type": {
6005
- "text": "StoryObj<TimeredCounter>"
6006
- },
6007
- "default": "{ args: { className: 'test-target', animationOptions: { duration: 100, }, }, async play(context) { const { canvasElement, step } = context; const counter = canvasElement.querySelector( '.test-target', ) as TimeredCounter; await step('Testing with attribute', async () => bigNumber(context, { counter, setBy: setByAttr }), ); await step('Testing with property', async () => bigNumber(context, { counter, setBy: setByProp }), ); }, }"
6008
- }
6009
- ],
6010
- "exports": [
6011
6143
  {
6012
6144
  "kind": "js",
6013
- "name": "default",
6145
+ "name": "extractPartOption",
6014
6146
  "declaration": {
6015
- "name": "meta",
6016
- "module": "stories/timered-counter/decimaljs.stories.ts"
6147
+ "name": "extractPartOption",
6148
+ "module": "src/utils/extract-group-option.ts"
6017
6149
  }
6018
6150
  },
6019
6151
  {
6020
6152
  "kind": "js",
6021
- "name": "Basic",
6153
+ "name": "extractPartDigitOption",
6022
6154
  "declaration": {
6023
- "name": "Basic",
6024
- "module": "./index.stories.js"
6155
+ "name": "extractPartDigitOption",
6156
+ "module": "src/utils/extract-group-option.ts"
6025
6157
  }
6026
6158
  },
6027
6159
  {
6028
6160
  "kind": "js",
6029
- "name": "Events",
6161
+ "name": "extractPartDigitCellOption",
6030
6162
  "declaration": {
6031
- "name": "Events",
6032
- "module": "./index.stories.js"
6163
+ "name": "extractPartDigitCellOption",
6164
+ "module": "src/utils/extract-group-option.ts"
6033
6165
  }
6034
6166
  },
6035
6167
  {
6036
6168
  "kind": "js",
6037
- "name": "AnimationOptions",
6169
+ "name": "mergeGroupOption",
6038
6170
  "declaration": {
6039
- "name": "AnimationOptions",
6040
- "module": "./index.stories.js"
6171
+ "name": "mergeGroupOption",
6172
+ "module": "src/utils/extract-group-option.ts"
6041
6173
  }
6042
6174
  },
6043
6175
  {
6044
6176
  "kind": "js",
6045
- "name": "Slots",
6177
+ "name": "mergePartOption",
6046
6178
  "declaration": {
6047
- "name": "Slots",
6048
- "module": "./index.stories.js"
6179
+ "name": "mergePartOption",
6180
+ "module": "src/utils/extract-group-option.ts"
6049
6181
  }
6050
6182
  },
6051
6183
  {
6052
6184
  "kind": "js",
6053
- "name": "Styles",
6185
+ "name": "mergePartDigitOption",
6054
6186
  "declaration": {
6055
- "name": "Styles",
6056
- "module": "./index.stories.js"
6187
+ "name": "mergePartDigitOption",
6188
+ "module": "src/utils/extract-group-option.ts"
6057
6189
  }
6058
6190
  },
6059
6191
  {
6060
6192
  "kind": "js",
6061
- "name": "BigNumber",
6193
+ "name": "mergePartDigitCellOption",
6062
6194
  "declaration": {
6063
- "name": "BigNumber",
6064
- "module": "stories/timered-counter/decimaljs.stories.ts"
6195
+ "name": "mergePartDigitCellOption",
6196
+ "module": "src/utils/extract-group-option.ts"
6065
6197
  }
6066
6198
  }
6067
6199
  ]
6068
6200
  },
6069
6201
  {
6070
6202
  "kind": "javascript-module",
6071
- "path": "stories/timered-counter/index.stories.ts",
6203
+ "path": "src/utils/iso8601-duration.ts",
6072
6204
  "declarations": [
6073
6205
  {
6074
- "kind": "variable",
6075
- "name": "meta",
6076
- "type": {
6077
- "text": "Meta"
6078
- },
6079
- "default": "{ title: 'TimeredCounter', component: 'timered-counter', tags: ['autodocs', 'timered-counter'], parameters: { controls: { expanded: true }, }, beforeEach: () => { setNumberAdapter('number'); }, globals: { setByAttr, setByProp, }, }"
6080
- },
6081
- {
6082
- "kind": "variable",
6083
- "name": "Basic",
6084
- "type": {
6085
- "text": "StoryObj<TimeredCounter>"
6086
- },
6087
- "default": "{ args: { className: 'test-target', // @ts-ignore value: '0', animationOptions: { duration: 100, }, }, async play(context) { const { canvasElement, step } = context; const counter = canvasElement.querySelector( '.test-target', ) as TimeredCounter; await step('Testing with attribute', async () => { await valueChange(context, { counter, setBy: setByAttr, }); await step('Edge case', async () => edgeCase(context, { counter, list: [ ['Setting an empty string', '', '0'], ['Setting a non-number', 'a', '0'], ['Setting a decimal number', '1.1', '1.1'], ['Setting a negative number', '-1', '-1'], ['Setting Infinity', 'Infinity', '0'], ['Setting NaN', 'NaN', '0'], ['Setting null', 'null', '0'], ['Setting undefined', 'undefined', '0'], ['Setting true', 'true', '0'], ['Setting false', 'false', '0'], ['Setting an object', '{}', '0'], ['Setting an array', '[]', '0'], ['Setting a function', '() => {}', '0'], ['Setting a Symbol', 'Symbol()', '0'], ['Setting a BigInt', 'BigInt(1)', '0'], ], setBy: setByAttr, }), ); }); await step('Testing with property', async () => { await valueChange(context, { counter, setBy: setByProp }); await step('Edge case', async () => edgeCase(context, { counter, list: [ ['Setting an empty string', '', 0], ['Setting a non-number', 'a', 0], ['Setting a decimal number', '1.1', 1.1], ['Setting a negative number', '-1', -1], ['Setting Infinity', 'Infinity', 0], ['Setting NaN', 'NaN', 0], ['Setting null', 'null', 0], ['Setting undefined', 'undefined', 0], ['Setting true', 'true', 0], ['Setting false', 'false', 0], ['Setting an object', '{}', 0], ['Setting an array', '[]', 0], ['Setting a function', '() => {}', 0], ['Setting a Symbol', 'Symbol()', 0], ['Setting a BigInt', 'BigInt(1)', 0], ], setBy: setByProp, }), ); }); }, }"
6088
- },
6089
- {
6090
- "kind": "variable",
6091
- "name": "Events",
6092
- "type": {
6093
- "text": "StoryObj<TimeredCounter>"
6206
+ "kind": "function",
6207
+ "name": "iso8601Duration",
6208
+ "return": {
6209
+ "type": {
6210
+ "text": "string"
6211
+ }
6094
6212
  },
6095
- "default": "{ args: { className: 'test-target', animationOptions: { duration: 100, }, }, async play(context) { const { canvasElement, step } = context; const counter = canvasElement.querySelector( '.test-target', ) as TimeredCounter; await step('Testing with attribute', async () => { await step('Animation events', async () => animationEvents(context, { counter, setBy: setByAttr, }), ); }); await step('Testing with property', async () => { await step('Animation events', async () => animationEvents(context, { counter, setBy: setByProp, }), ); }); }, }"
6096
- },
6213
+ "parameters": [
6214
+ {
6215
+ "name": "duration",
6216
+ "type": {
6217
+ "text": "{\n [key in DurationPartType]?: number;\n}"
6218
+ }
6219
+ }
6220
+ ]
6221
+ }
6222
+ ],
6223
+ "exports": [
6097
6224
  {
6098
- "kind": "variable",
6099
- "name": "AnimationOptions",
6100
- "type": {
6101
- "text": "StoryObj<TimeredCounter>"
6102
- },
6103
- "default": "{ args: { className: 'test-target', animationOptions: { duration: 100, }, }, async play(context) { const { canvasElement, step } = context; const counter = canvasElement.querySelector( '.test-target', ) as TimeredCounter; await step('Testing with attribute', async () => { await step('Animation options', async () => animationOptions(context, { counter, setBy: setByAttr, }), ); }); // await step('Testing with property', async () => { // await step('Animation options', async () => // animationOptions(context, { // counter, // list, // setBy: setByProp, // }), // ); // }); }, }"
6104
- },
6225
+ "kind": "js",
6226
+ "name": "iso8601Duration",
6227
+ "declaration": {
6228
+ "name": "iso8601Duration",
6229
+ "module": "src/utils/iso8601-duration.ts"
6230
+ }
6231
+ }
6232
+ ]
6233
+ },
6234
+ {
6235
+ "kind": "javascript-module",
6236
+ "path": "src/utils/localized-date-time-fields.ts",
6237
+ "declarations": [
6105
6238
  {
6106
6239
  "kind": "variable",
6107
- "name": "Styles",
6240
+ "name": "DateTimeFields",
6108
6241
  "type": {
6109
- "text": "StoryObj<TimeredCounter>"
6242
+ "text": "[\n \"era\",\n \"year\",\n \"quarter\",\n \"month\",\n \"weekOfYear\",\n \"weekday\",\n \"day\",\n \"dayPeriod\",\n \"hour\",\n \"minute\",\n \"second\",\n \"timeZoneName\",\n]"
6110
6243
  },
6111
- "default": "{ args: { className: 'test-target', animationOptions: { duration: 100, }, }, async play(context) { const { canvasElement, step } = context; const counter = canvasElement.querySelector( '.test-target', ) as TimeredCounter; await step('Testing with attribute', async () => { await step('Styles', async () => styles(context, { counter, setBy: setByAttr, }), ); }); await step('Testing with property', async () => { await step('Styles', async () => styles(context, { counter, setBy: setByProp, }), ); }); }, }"
6244
+ "default": "[ \"era\", \"year\", \"quarter\", \"month\", \"weekOfYear\", \"weekday\", \"day\", \"dayPeriod\", \"hour\", \"minute\", \"second\", \"timeZoneName\", ]"
6112
6245
  },
6113
6246
  {
6114
- "kind": "variable",
6115
- "name": "Slots",
6116
- "type": {
6117
- "text": "StoryObj<TimeredCounter>"
6118
- },
6119
- "default": "{ args: { className: 'test-target', value: 0, }, render: slotsRender, async play(context) { const { canvasElement } = context; const counter = canvasElement.querySelector( '.test-target', ) as TimeredCounter; await slots(context, { counter }); }, }"
6247
+ "kind": "function",
6248
+ "name": "getLocalizedDateTimeFields",
6249
+ "parameters": [
6250
+ {
6251
+ "name": "locale",
6252
+ "type": {
6253
+ "text": "Intl.Locale"
6254
+ }
6255
+ }
6256
+ ]
6120
6257
  }
6121
6258
  ],
6122
6259
  "exports": [
6123
6260
  {
6124
6261
  "kind": "js",
6125
- "name": "default",
6126
- "declaration": {
6127
- "name": "meta",
6128
- "module": "stories/timered-counter/index.stories.ts"
6129
- }
6130
- },
6131
- {
6132
- "kind": "js",
6133
- "name": "Basic",
6262
+ "name": "DateTimeFields",
6134
6263
  "declaration": {
6135
- "name": "Basic",
6136
- "module": "stories/timered-counter/index.stories.ts"
6264
+ "name": "DateTimeFields",
6265
+ "module": "src/utils/localized-date-time-fields.ts"
6137
6266
  }
6138
6267
  },
6139
6268
  {
6140
6269
  "kind": "js",
6141
- "name": "Events",
6270
+ "name": "getLocalizedDateTimeFields",
6142
6271
  "declaration": {
6143
- "name": "Events",
6144
- "module": "stories/timered-counter/index.stories.ts"
6272
+ "name": "getLocalizedDateTimeFields",
6273
+ "module": "src/utils/localized-date-time-fields.ts"
6145
6274
  }
6146
- },
6275
+ }
6276
+ ]
6277
+ },
6278
+ {
6279
+ "kind": "javascript-module",
6280
+ "path": "src/utils/parse-json-string.ts",
6281
+ "declarations": [
6147
6282
  {
6148
- "kind": "js",
6149
- "name": "AnimationOptions",
6150
- "declaration": {
6151
- "name": "AnimationOptions",
6152
- "module": "stories/timered-counter/index.stories.ts"
6153
- }
6154
- },
6155
- {
6156
- "kind": "js",
6157
- "name": "Styles",
6158
- "declaration": {
6159
- "name": "Styles",
6160
- "module": "stories/timered-counter/index.stories.ts"
6161
- }
6162
- },
6283
+ "kind": "function",
6284
+ "name": "parseJsonString",
6285
+ "parameters": [
6286
+ {
6287
+ "name": "value",
6288
+ "type": {
6289
+ "text": "string"
6290
+ }
6291
+ }
6292
+ ]
6293
+ }
6294
+ ],
6295
+ "exports": [
6163
6296
  {
6164
6297
  "kind": "js",
6165
- "name": "Slots",
6298
+ "name": "parseJsonString",
6166
6299
  "declaration": {
6167
- "name": "Slots",
6168
- "module": "stories/timered-counter/index.stories.ts"
6300
+ "name": "parseJsonString",
6301
+ "module": "src/utils/parse-json-string.ts"
6169
6302
  }
6170
6303
  }
6171
6304
  ]
6172
6305
  },
6173
6306
  {
6174
6307
  "kind": "javascript-module",
6175
- "path": "stories/timered-counter-datetime-duration/index.stories.ts",
6308
+ "path": "src/utils/polyfill-keyframes.ts",
6176
6309
  "declarations": [
6177
6310
  {
6178
- "kind": "variable",
6179
- "name": "meta",
6180
- "type": {
6181
- "text": "Meta"
6182
- },
6183
- "default": "{ title: 'TimeredCounterDatetimeDuration', component: 'timered-counter-datetime-duration', tags: ['autodocs', 'timered-counter-datetime-duration'], parameters: { controls: { expanded: true }, }, beforeEach: () => { setNumberAdapter('number'); }, }"
6184
- },
6185
- {
6186
- "kind": "variable",
6187
- "name": "Basic",
6188
- "type": {
6189
- "text": "StoryObj<TimeredCounterDatetimeDuration>"
6190
- },
6191
- "default": "{ args: { className: 'test-target', animationOptions: { duration: 100, }, }, async play(context) { const { canvasElement, step } = context; const counter = canvasElement.querySelector( '.test-target', ) as TimeredCounterDatetimeDuration; const list = [ ...range(0, 2).map(v => [new Date(), addSeconds(new Date(), v)]), ...range(0, 2).map(v => [new Date(), addMinutes(new Date(), v)]), ...range(0, 2).map(v => [new Date(), addHours(new Date(), v)]), ...range(0, 2).map(v => [new Date(), addDays(new Date(), v)]), ...range(0, 2).map(v => [new Date(), addMonths(new Date(), v)]), ...range(0, 2).map(v => [new Date(), addYears(new Date(), v)]), ]; await step('Testing with attribute', async () => { await valueChange(context, { counter, list, setBy: setByAttr, equal }); }); await step('Testing with property', async () => { await valueChange(context, { counter, list, setBy: setByProp, equal }); }); }, }"
6192
- },
6193
- {
6194
- "kind": "variable",
6195
- "name": "Precision",
6196
- "type": {
6197
- "text": "StoryObj<TimeredCounterDatetimeDuration>"
6198
- },
6199
- "default": "{ args: { className: 'test-target', animationOptions: { duration: 100, }, }, async play(context) { const { canvasElement, step } = context; const counter = canvasElement.querySelector( '.test-target', ) as TimeredCounterDatetimeDuration; await step('Testing with attribute', async () => datetimePrecision(context, { counter, setBy: setByAttr, equal }), ); await step('Testing with property', async () => datetimePrecision(context, { counter, setBy: setByProp, equal }), ); }, }"
6200
- },
6201
- {
6202
- "kind": "variable",
6203
- "name": "Locale",
6204
- "type": {
6205
- "text": "StoryObj<TimeredCounterDatetimeDuration>"
6311
+ "kind": "function",
6312
+ "name": "polyfillKeyframes",
6313
+ "return": {
6314
+ "type": {
6315
+ "text": "Keyframe[]"
6316
+ }
6206
6317
  },
6207
- "default": "{ args: { className: 'test-target', animationOptions: { duration: 100, }, }, async play(context) { const { canvasElement, step } = context; const counter = canvasElement.querySelector( '.test-target', ) as TimeredCounterDatetimeDuration; await step('Testing with attribute', () => datetimeLocale(context, { counter, setBy: setByAttr, equal }), ); await step('Testing with property', () => datetimeLocale(context, { counter, setBy: setByProp, equal }), ); }, }"
6318
+ "parameters": [
6319
+ {
6320
+ "name": "keyframes",
6321
+ "type": {
6322
+ "text": "Keyframe[] | PropertyIndexedKeyframes"
6323
+ }
6324
+ }
6325
+ ]
6208
6326
  }
6209
6327
  ],
6210
6328
  "exports": [
6211
6329
  {
6212
6330
  "kind": "js",
6213
- "name": "default",
6214
- "declaration": {
6215
- "name": "meta",
6216
- "module": "stories/timered-counter-datetime-duration/index.stories.ts"
6217
- }
6218
- },
6219
- {
6220
- "kind": "js",
6221
- "name": "Basic",
6222
- "declaration": {
6223
- "name": "Basic",
6224
- "module": "stories/timered-counter-datetime-duration/index.stories.ts"
6225
- }
6226
- },
6227
- {
6228
- "kind": "js",
6229
- "name": "Precision",
6230
- "declaration": {
6231
- "name": "Precision",
6232
- "module": "stories/timered-counter-datetime-duration/index.stories.ts"
6233
- }
6234
- },
6235
- {
6236
- "kind": "js",
6237
- "name": "Locale",
6331
+ "name": "polyfillKeyframes",
6238
6332
  "declaration": {
6239
- "name": "Locale",
6240
- "module": "stories/timered-counter-datetime-duration/index.stories.ts"
6333
+ "name": "polyfillKeyframes",
6334
+ "module": "src/utils/polyfill-keyframes.ts"
6241
6335
  }
6242
6336
  }
6243
6337
  ]
6244
6338
  },
6245
6339
  {
6246
6340
  "kind": "javascript-module",
6247
- "path": "stories/timered-counter-number/decimaljs.stories.ts",
6341
+ "path": "src/utils/preprocess-part-data.ts",
6248
6342
  "declarations": [
6249
6343
  {
6250
- "kind": "variable",
6251
- "name": "meta",
6252
- "type": {
6253
- "text": "Meta"
6254
- },
6255
- "default": "{ title: 'TimeredCounterNumber/with decimal.js', component: 'timered-counter-number', tags: ['autodocs', 'timered-counter-number'], parameters: { controls: { expanded: true }, }, beforeEach: () => { setNumberAdapter('decimal.js'); }, }"
6256
- },
6257
- {
6258
- "kind": "variable",
6259
- "name": "BigNumber",
6260
- "type": {
6261
- "text": "StoryObj<TimeredCounterNumber>"
6262
- },
6263
- "default": "{ args: { className: 'test-target', animationOptions: { duration: 100, }, }, async play(context) { const { canvasElement, step } = context; const counter = canvasElement.querySelector( '.test-target', ) as TimeredCounter; await step('Testing with attribute', async () => bigNumber(context, { counter, setBy: setByAttr }), ); await step('Testing with property', async () => bigNumber(context, { counter, setBy: setByProp }), ); }, }"
6344
+ "kind": "function",
6345
+ "name": "preprocessPartData",
6346
+ "parameters": [
6347
+ {
6348
+ "name": "newDirection",
6349
+ "type": {
6350
+ "text": "'up' | 'down'"
6351
+ }
6352
+ },
6353
+ {
6354
+ "name": "newData",
6355
+ "type": {
6356
+ "text": "PartData[]"
6357
+ }
6358
+ },
6359
+ {
6360
+ "name": "oldDirection",
6361
+ "type": {
6362
+ "text": "'up' | 'down'"
6363
+ }
6364
+ },
6365
+ {
6366
+ "name": "oldData",
6367
+ "type": {
6368
+ "text": "PartData[]"
6369
+ }
6370
+ }
6371
+ ]
6264
6372
  }
6265
6373
  ],
6266
6374
  "exports": [
6267
6375
  {
6268
6376
  "kind": "js",
6269
- "name": "Basic",
6270
- "declaration": {
6271
- "name": "Basic",
6272
- "module": "./index.stories.js"
6273
- }
6274
- },
6275
- {
6276
- "kind": "js",
6277
- "name": "Events",
6278
- "declaration": {
6279
- "name": "Events",
6280
- "module": "./index.stories.js"
6281
- }
6282
- },
6283
- {
6284
- "kind": "js",
6285
- "name": "Styles",
6377
+ "name": "preprocessPartData",
6286
6378
  "declaration": {
6287
- "name": "Styles",
6288
- "module": "./index.stories.js"
6379
+ "name": "preprocessPartData",
6380
+ "module": "src/utils/preprocess-part-data.ts"
6289
6381
  }
6290
- },
6382
+ }
6383
+ ]
6384
+ },
6385
+ {
6386
+ "kind": "javascript-module",
6387
+ "path": "src/utils/transition-digit.ts",
6388
+ "declarations": [
6291
6389
  {
6292
- "kind": "js",
6293
- "name": "LocaleNumber",
6294
- "declaration": {
6295
- "name": "LocaleNumber",
6296
- "module": "./index.stories.js"
6297
- }
6298
- },
6390
+ "kind": "function",
6391
+ "name": "transitionDigit",
6392
+ "parameters": [
6393
+ {
6394
+ "name": "na",
6395
+ "type": {
6396
+ "text": "NS"
6397
+ }
6398
+ },
6399
+ {
6400
+ "name": "from",
6401
+ "type": {
6402
+ "text": "V"
6403
+ }
6404
+ },
6405
+ {
6406
+ "name": "to",
6407
+ "type": {
6408
+ "text": "V"
6409
+ }
6410
+ },
6411
+ {
6412
+ "name": "count",
6413
+ "type": {
6414
+ "text": "number"
6415
+ }
6416
+ }
6417
+ ]
6418
+ }
6419
+ ],
6420
+ "exports": [
6299
6421
  {
6300
6422
  "kind": "js",
6301
- "name": "AnimationOptions",
6423
+ "name": "transitionDigit",
6302
6424
  "declaration": {
6303
- "name": "AnimationOptions",
6304
- "module": "./index.stories.js"
6425
+ "name": "transitionDigit",
6426
+ "module": "src/utils/transition-digit.ts"
6305
6427
  }
6306
- },
6428
+ }
6429
+ ]
6430
+ },
6431
+ {
6432
+ "kind": "javascript-module",
6433
+ "path": "src/utils/uuid.ts",
6434
+ "declarations": [
6307
6435
  {
6308
- "kind": "js",
6309
- "name": "default",
6310
- "declaration": {
6311
- "name": "meta",
6312
- "module": "stories/timered-counter-number/decimaljs.stories.ts"
6313
- }
6314
- },
6436
+ "kind": "function",
6437
+ "name": "uuid"
6438
+ }
6439
+ ],
6440
+ "exports": [
6315
6441
  {
6316
6442
  "kind": "js",
6317
- "name": "BigNumber",
6443
+ "name": "uuid",
6318
6444
  "declaration": {
6319
- "name": "BigNumber",
6320
- "module": "stories/timered-counter-number/decimaljs.stories.ts"
6445
+ "name": "uuid",
6446
+ "module": "src/utils/uuid.ts"
6321
6447
  }
6322
6448
  }
6323
6449
  ]
6324
6450
  },
6325
6451
  {
6326
6452
  "kind": "javascript-module",
6327
- "path": "stories/timered-counter-number/index.stories.ts",
6453
+ "path": "stories/story-parts/animation-events.ts",
6328
6454
  "declarations": [
6329
6455
  {
6330
- "kind": "variable",
6331
- "name": "meta",
6332
- "type": {
6333
- "text": "Meta"
6334
- },
6335
- "default": "{ title: 'TimeredCounterNumber', component: 'timered-counter-number', tags: ['autodocs', 'timered-counter-number'], parameters: { controls: { expanded: true }, }, beforeEach: () => { setNumberAdapter('number'); }, }"
6336
- },
6337
- {
6338
- "kind": "variable",
6339
- "name": "Basic",
6340
- "type": {
6341
- "text": "StoryObj<TimeredCounterNumber>"
6342
- },
6343
- "default": "{ args: { className: 'test-target', // @ts-ignore value: '0', animationOptions: { duration: 100, }, }, async play(context) { const { canvasElement, step } = context; const counter = canvasElement.querySelector( '.test-target', ) as TimeredCounter; await step('Testing with attribute', async () => { await valueChange(context, { counter, setBy: setByAttr, }); await step('Edge case', async () => edgeCase(context, { counter, list: [ ['Setting an empty string', '', '0'], ['Setting a non-number', 'a', '0'], ['Setting a decimal number', '1.1', '1.1'], ['Setting a negative number', '-1', '-1'], ['Setting Infinity', 'Infinity', '0'], ['Setting NaN', 'NaN', '0'], ['Setting null', 'null', '0'], ['Setting undefined', 'undefined', '0'], ['Setting true', 'true', '0'], ['Setting false', 'false', '0'], ['Setting an object', '{}', '0'], ['Setting an array', '[]', '0'], ['Setting a function', '() => {}', '0'], ['Setting a Symbol', 'Symbol()', '0'], ['Setting a BigInt', 'BigInt(1)', '0'], ], setBy: setByAttr, }), ); }); await step('Testing with property', async () => { await valueChange(context, { counter, setBy: setByProp }); await step('Edge case', async () => edgeCase(context, { counter, list: [ ['Setting an empty string', '', 0], ['Setting a non-number', 'a', 0], ['Setting a decimal number', '1.1', 1.1], ['Setting a negative number', '-1', -1], ['Setting Infinity', 'Infinity', 0], ['Setting NaN', 'NaN', 0], ['Setting null', 'null', 0], ['Setting undefined', 'undefined', 0], ['Setting true', 'true', 0], ['Setting false', 'false', 0], ['Setting an object', '{}', 0], ['Setting an array', '[]', 0], ['Setting a function', '() => {}', 0], ['Setting a Symbol', 'Symbol()', 0], ['Setting a BigInt', 'BigInt(1)', 0], ], setBy: setByProp, }), ); }); }, }"
6344
- },
6345
- {
6346
- "kind": "variable",
6347
- "name": "Events",
6348
- "type": {
6349
- "text": "StoryObj<TimeredCounterNumber>"
6350
- },
6351
- "default": "{ args: { className: 'test-target', animationOptions: { duration: 100, }, }, async play(context) { const { canvasElement, step } = context; const counter = canvasElement.querySelector( '.test-target', ) as TimeredCounter; await step('Testing with attribute', async () => { await step('Animation events', async () => animationEvents(context, { counter, setBy: setByAttr, }), ); }); await step('Testing with property', async () => { await step('Animation events', async () => animationEvents(context, { counter, setBy: setByProp, }), ); }); }, }"
6352
- },
6353
- {
6354
- "kind": "variable",
6355
- "name": "AnimationOptions",
6356
- "type": {
6357
- "text": "StoryObj<TimeredCounterNumber>"
6358
- },
6359
- "default": "{ args: { className: 'test-target', animationOptions: { duration: 100, }, }, async play(context) { const { canvasElement, step } = context; const counter = canvasElement.querySelector( '.test-target', ) as TimeredCounter; await step('Testing with attribute', async () => { await step('Animation options', async () => animationOptions(context, { counter, setBy: setByAttr, }), ); }); // await step('Testing with property', async () => { // await step('Animation options', async () => // animationOptions(context, { // counter, // list, // setBy: setByProp, // }), // ); // }); }, }"
6360
- },
6361
- {
6362
- "kind": "variable",
6363
- "name": "Styles",
6364
- "type": {
6365
- "text": "StoryObj<TimeredCounterNumber>"
6366
- },
6367
- "default": "{ args: { className: 'test-target', animationOptions: { duration: 100, }, }, async play(context) { const { canvasElement, step } = context; const counter = canvasElement.querySelector( '.test-target', ) as TimeredCounter; await step('Testing with attribute', async () => { await step('Styles', async () => styles(context, { counter, setBy: setByAttr, }), ); }); await step('Testing with property', async () => { await step('Styles', async () => styles(context, { counter, setBy: setByProp, }), ); }); }, }"
6368
- },
6369
- {
6370
- "kind": "variable",
6371
- "name": "LocaleNumber",
6372
- "type": {
6373
- "text": "StoryObj<TimeredCounterNumber>"
6374
- },
6375
- "default": "{ args: { className: 'test-target', animationOptions: { duration: 100, }, }, async play(context) { const { canvasElement, step } = context; const counter = canvasElement.querySelector( '.test-target', ) as TimeredCounter; await step('Testing with attribute', async () => { await step('Locale number', async () => localeNumber(context, { counter, setBy: setByAttr, }), ); }); await step('Testing with property', async () => { await step('Locale number', async () => localeNumber(context, { counter, setBy: setByProp, }), ); }); }, }"
6456
+ "kind": "function",
6457
+ "name": "animationEvents",
6458
+ "parameters": [
6459
+ {
6460
+ "name": "context",
6461
+ "type": {
6462
+ "text": "Parameters<NoUndefinedField<StoryObj>['play']>[0]"
6463
+ }
6464
+ },
6465
+ {
6466
+ "name": "{\n counter,\n list = range(0, 5).map(v => v * 10) as T[],\n setBy,\n equal = _equal,\n }",
6467
+ "type": {
6468
+ "text": "{\n counter: TC;\n list?: T[];\n setBy: (counter: TC, key: string, value: T) => void;\n equal?: (counter: TimeredCounter, a: any, b: any) => Promise<void>;\n }"
6469
+ }
6470
+ }
6471
+ ]
6376
6472
  }
6377
6473
  ],
6378
6474
  "exports": [
6379
6475
  {
6380
6476
  "kind": "js",
6381
- "name": "default",
6382
- "declaration": {
6383
- "name": "meta",
6384
- "module": "stories/timered-counter-number/index.stories.ts"
6385
- }
6386
- },
6387
- {
6388
- "kind": "js",
6389
- "name": "Basic",
6477
+ "name": "animationEvents",
6390
6478
  "declaration": {
6391
- "name": "Basic",
6392
- "module": "stories/timered-counter-number/index.stories.ts"
6479
+ "name": "animationEvents",
6480
+ "module": "stories/story-parts/animation-events.ts"
6393
6481
  }
6394
- },
6482
+ }
6483
+ ]
6484
+ },
6485
+ {
6486
+ "kind": "javascript-module",
6487
+ "path": "stories/story-parts/animation-options.ts",
6488
+ "declarations": [
6395
6489
  {
6396
- "kind": "js",
6397
- "name": "Events",
6398
- "declaration": {
6399
- "name": "Events",
6400
- "module": "stories/timered-counter-number/index.stories.ts"
6401
- }
6402
- },
6490
+ "kind": "function",
6491
+ "name": "animationOptions",
6492
+ "parameters": [
6493
+ {
6494
+ "name": "context",
6495
+ "type": {
6496
+ "text": "Parameters<NoUndefinedField<StoryObj>['play']>[0]"
6497
+ }
6498
+ },
6499
+ {
6500
+ "name": "{\n counter,\n list = [114514] as T[],\n setBy,\n }",
6501
+ "type": {
6502
+ "text": "{\n counter: TC;\n list?: T[];\n setBy: (counter: TC, key: string, value: T) => void;\n }"
6503
+ }
6504
+ }
6505
+ ]
6506
+ }
6507
+ ],
6508
+ "exports": [
6403
6509
  {
6404
6510
  "kind": "js",
6405
- "name": "AnimationOptions",
6511
+ "name": "animationOptions",
6406
6512
  "declaration": {
6407
- "name": "AnimationOptions",
6408
- "module": "stories/timered-counter-number/index.stories.ts"
6513
+ "name": "animationOptions",
6514
+ "module": "stories/story-parts/animation-options.ts"
6409
6515
  }
6410
- },
6516
+ }
6517
+ ]
6518
+ },
6519
+ {
6520
+ "kind": "javascript-module",
6521
+ "path": "stories/story-parts/big-number.ts",
6522
+ "declarations": [
6411
6523
  {
6412
- "kind": "js",
6413
- "name": "Styles",
6414
- "declaration": {
6415
- "name": "Styles",
6416
- "module": "stories/timered-counter-number/index.stories.ts"
6417
- }
6418
- },
6524
+ "kind": "function",
6525
+ "name": "bigNumber",
6526
+ "parameters": [
6527
+ {
6528
+ "name": "context",
6529
+ "type": {
6530
+ "text": "Parameters<NoUndefinedField<StoryObj>['play']>[0]"
6531
+ }
6532
+ },
6533
+ {
6534
+ "name": "{\n counter,\n setBy,\n equal = _equal,\n }",
6535
+ "type": {
6536
+ "text": "{\n counter: TC;\n setBy: (counter: TC, key: string, value: string) => void;\n equal?: (counter: TimeredCounter, a: any, b: any) => Promise<void>;\n }"
6537
+ }
6538
+ }
6539
+ ]
6540
+ }
6541
+ ],
6542
+ "exports": [
6419
6543
  {
6420
6544
  "kind": "js",
6421
- "name": "LocaleNumber",
6545
+ "name": "bigNumber",
6422
6546
  "declaration": {
6423
- "name": "LocaleNumber",
6424
- "module": "stories/timered-counter-number/index.stories.ts"
6547
+ "name": "bigNumber",
6548
+ "module": "stories/story-parts/big-number.ts"
6425
6549
  }
6426
6550
  }
6427
6551
  ]
6428
6552
  },
6429
6553
  {
6430
6554
  "kind": "javascript-module",
6431
- "path": "src/types/duration.ts",
6555
+ "path": "stories/story-parts/datetime-locale.ts",
6432
6556
  "declarations": [
6433
6557
  {
6434
- "kind": "variable",
6435
- "name": "DurationPartMillisecond",
6436
- "type": {
6437
- "text": "{\n [DurationPartType.Millisecond]: 1,\n [DurationPartType.Second]: 1000,\n [DurationPartType.Minute]: 60000,\n [DurationPartType.Hour]: 3600000,\n [DurationPartType.Day]: 86400000,\n [DurationPartType.Week]: 604800000,\n [DurationPartType.Month]: 2629800000,\n [DurationPartType.Quarter]: 7889400000,\n [DurationPartType.Year]: 31557600000,\n}"
6438
- },
6439
- "default": "{ [DurationPartType.Millisecond]: 1, [DurationPartType.Second]: 1000, [DurationPartType.Minute]: 60000, [DurationPartType.Hour]: 3600000, [DurationPartType.Day]: 86400000, [DurationPartType.Week]: 604800000, [DurationPartType.Month]: 2629800000, [DurationPartType.Quarter]: 7889400000, [DurationPartType.Year]: 31557600000, }"
6440
- },
6441
- {
6442
- "kind": "variable",
6443
- "name": "DurationPartMillisecondToType",
6444
- "type": {
6445
- "text": "{\n 1: DurationPartType.Millisecond,\n 1000: DurationPartType.Second,\n 60000: DurationPartType.Minute,\n 3600000: DurationPartType.Hour,\n 86400000: DurationPartType.Day,\n 604800000: DurationPartType.Week,\n 2629800000: DurationPartType.Month,\n 7889400000: DurationPartType.Quarter,\n 31557600000: DurationPartType.Year,\n}"
6446
- },
6447
- "default": "{ 1: DurationPartType.Millisecond, 1000: DurationPartType.Second, 60000: DurationPartType.Minute, 3600000: DurationPartType.Hour, 86400000: DurationPartType.Day, 604800000: DurationPartType.Week, 2629800000: DurationPartType.Month, 7889400000: DurationPartType.Quarter, 31557600000: DurationPartType.Year, }"
6558
+ "kind": "function",
6559
+ "name": "datetimeLocale",
6560
+ "parameters": [
6561
+ {
6562
+ "name": "context",
6563
+ "type": {
6564
+ "text": "Parameters<NoUndefinedField<StoryObj>['play']>[0]"
6565
+ }
6566
+ },
6567
+ {
6568
+ "name": "{\n counter,\n setBy,\n }",
6569
+ "type": {
6570
+ "text": "{\n counter: TC;\n setBy: (counter: TC, key: string, value: Date[] | string) => void;\n equal: (counter: TimeredCounter, a: any, b: Date[]) => Promise<void>;\n }"
6571
+ }
6572
+ }
6573
+ ]
6448
6574
  }
6449
6575
  ],
6450
6576
  "exports": [
6451
6577
  {
6452
6578
  "kind": "js",
6453
- "name": "DurationPartMillisecond",
6454
- "declaration": {
6455
- "name": "DurationPartMillisecond",
6456
- "module": "src/types/duration.ts"
6457
- }
6458
- },
6459
- {
6460
- "kind": "js",
6461
- "name": "DurationPartMillisecondToType",
6579
+ "name": "datetimeLocale",
6462
6580
  "declaration": {
6463
- "name": "DurationPartMillisecondToType",
6464
- "module": "src/types/duration.ts"
6581
+ "name": "datetimeLocale",
6582
+ "module": "stories/story-parts/datetime-locale.ts"
6465
6583
  }
6466
6584
  }
6467
6585
  ]
6468
6586
  },
6469
6587
  {
6470
6588
  "kind": "javascript-module",
6471
- "path": "src/types/group.ts",
6472
- "declarations": [],
6473
- "exports": []
6474
- },
6475
- {
6476
- "kind": "javascript-module",
6477
- "path": "stories/timered-counter-string/decimaljs.stories.ts",
6589
+ "path": "stories/story-parts/datetime-precision.ts",
6478
6590
  "declarations": [
6479
6591
  {
6480
- "kind": "variable",
6481
- "name": "meta",
6482
- "type": {
6483
- "text": "Meta"
6484
- },
6485
- "default": "{ title: 'TimeredCounterString/with decimal.js', component: 'timered-counter-string', tags: ['autodocs', 'timered-counter-string'], parameters: { controls: { expanded: true }, }, beforeEach: () => { setNumberAdapter('decimal.js'); }, }"
6486
- },
6487
- {
6488
- "kind": "variable",
6489
- "name": "Events",
6490
- "type": {
6491
- "text": "StoryObj<TimeredCounterString>"
6492
- },
6493
- "default": "{ args: { className: 'test-target', animationOptions: { duration: 100 }, }, async play(context) { const { canvasElement, step } = context; const counter = canvasElement.querySelector( '.test-target', ) as TimeredCounter; const list = range(0, 5).map(() => faker.lorem.sentence({ min: 1, max: 2 }), ); await step('Testing with attribute', () => animationEvents(context, { counter, list, setBy: setByAttr, equal }), ); await step('Testing with property', () => animationEvents(context, { counter, list, setBy: setByProp, equal }), ); }, }"
6494
- },
6495
- {
6496
- "kind": "variable",
6497
- "name": "BigNumber",
6498
- "type": {
6499
- "text": "StoryObj<TimeredCounterString>"
6500
- },
6501
- "default": "{ args: { className: 'test-target', animationOptions: { duration: 100, }, }, async play(context) { const { canvasElement, step } = context; const counter = canvasElement.querySelector( '.test-target', ) as TimeredCounter; await step('Testing with attribute', async () => bigNumber(context, { counter, setBy: setByAttr, equal }), ); await step('Testing with property', async () => bigNumber(context, { counter, setBy: setByProp, equal }), ); }, }"
6592
+ "kind": "function",
6593
+ "name": "datetimePrecision",
6594
+ "parameters": [
6595
+ {
6596
+ "name": "context",
6597
+ "type": {
6598
+ "text": "Parameters<NoUndefinedField<StoryObj>['play']>[0]"
6599
+ }
6600
+ },
6601
+ {
6602
+ "name": "{\n counter,\n setBy,\n }",
6603
+ "type": {
6604
+ "text": "{\n counter: TC;\n setBy: (counter: TC, key: string, value: Date[] | string) => void;\n equal: (counter: TimeredCounter, a: any, b: Date[]) => Promise<void>;\n }"
6605
+ }
6606
+ }
6607
+ ]
6502
6608
  }
6503
6609
  ],
6504
6610
  "exports": [
6505
6611
  {
6506
6612
  "kind": "js",
6507
- "name": "Basic",
6613
+ "name": "datetimePrecision",
6508
6614
  "declaration": {
6509
- "name": "Basic",
6510
- "module": "./index.stories.js"
6615
+ "name": "datetimePrecision",
6616
+ "module": "stories/story-parts/datetime-precision.ts"
6511
6617
  }
6512
- },
6513
- {
6514
- "kind": "js",
6515
- "name": "AnimationOptions",
6516
- "declaration": {
6517
- "name": "AnimationOptions",
6518
- "module": "./index.stories.js"
6618
+ }
6619
+ ]
6620
+ },
6621
+ {
6622
+ "kind": "javascript-module",
6623
+ "path": "stories/story-parts/edge-case.ts",
6624
+ "declarations": [
6625
+ {
6626
+ "kind": "function",
6627
+ "name": "edgeCase",
6628
+ "parameters": [
6629
+ {
6630
+ "name": "context",
6631
+ "type": {
6632
+ "text": "Parameters<NoUndefinedField<StoryObj>['play']>[0]"
6633
+ }
6634
+ },
6635
+ {
6636
+ "name": "{\n counter,\n list,\n setBy,\n }",
6637
+ "type": {
6638
+ "text": "{\n counter: TC;\n list: [label: string, value: T, expectedValue: T][];\n setBy: (counter: TC, key: string, value: T) => void;\n }"
6639
+ }
6640
+ }
6641
+ ]
6642
+ }
6643
+ ],
6644
+ "exports": [
6645
+ {
6646
+ "kind": "js",
6647
+ "name": "edgeCase",
6648
+ "declaration": {
6649
+ "name": "edgeCase",
6650
+ "module": "stories/story-parts/edge-case.ts"
6519
6651
  }
6520
- },
6652
+ }
6653
+ ]
6654
+ },
6655
+ {
6656
+ "kind": "javascript-module",
6657
+ "path": "stories/story-parts/emoji.ts",
6658
+ "declarations": [
6659
+ {
6660
+ "kind": "function",
6661
+ "name": "emoji",
6662
+ "parameters": [
6663
+ {
6664
+ "name": "context",
6665
+ "type": {
6666
+ "text": "Parameters<NoUndefinedField<StoryObj>['play']>[0]"
6667
+ }
6668
+ },
6669
+ {
6670
+ "name": "{\n counter,\n setBy,\n list,\n }",
6671
+ "type": {
6672
+ "text": "{\n counter: TC;\n list: string[];\n setBy: (counter: TC, key: string, value: string) => void;\n equal?: (counter: TimeredCounter, a: any, b: string) => Promise<void>;\n }"
6673
+ }
6674
+ }
6675
+ ]
6676
+ }
6677
+ ],
6678
+ "exports": [
6521
6679
  {
6522
6680
  "kind": "js",
6523
- "name": "Styles",
6681
+ "name": "emoji",
6524
6682
  "declaration": {
6525
- "name": "Styles",
6526
- "module": "./index.stories.js"
6683
+ "name": "emoji",
6684
+ "module": "stories/story-parts/emoji.ts"
6527
6685
  }
6528
- },
6686
+ }
6687
+ ]
6688
+ },
6689
+ {
6690
+ "kind": "javascript-module",
6691
+ "path": "stories/story-parts/locale-number.ts",
6692
+ "declarations": [
6693
+ {
6694
+ "kind": "function",
6695
+ "name": "localeNumber",
6696
+ "parameters": [
6697
+ {
6698
+ "name": "context",
6699
+ "type": {
6700
+ "text": "Parameters<NoUndefinedField<StoryObj>['play']>[0]"
6701
+ }
6702
+ },
6703
+ {
6704
+ "name": "{\n counter,\n setBy,\n }",
6705
+ "type": {
6706
+ "text": "{\n counter: TC;\n setBy: (counter: TC, key: string, value: string) => void;\n }"
6707
+ }
6708
+ }
6709
+ ]
6710
+ }
6711
+ ],
6712
+ "exports": [
6529
6713
  {
6530
6714
  "kind": "js",
6531
- "name": "Emoji",
6715
+ "name": "localeNumber",
6532
6716
  "declaration": {
6533
- "name": "Emoji",
6534
- "module": "./index.stories.js"
6717
+ "name": "localeNumber",
6718
+ "module": "stories/story-parts/locale-number.ts"
6535
6719
  }
6720
+ }
6721
+ ]
6722
+ },
6723
+ {
6724
+ "kind": "javascript-module",
6725
+ "path": "stories/story-parts/slots.ts",
6726
+ "declarations": [
6727
+ {
6728
+ "kind": "function",
6729
+ "name": "render",
6730
+ "parameters": [
6731
+ {
6732
+ "name": "args",
6733
+ "type": {
6734
+ "text": "any"
6735
+ }
6736
+ }
6737
+ ]
6536
6738
  },
6739
+ {
6740
+ "kind": "function",
6741
+ "name": "slots",
6742
+ "parameters": [
6743
+ {
6744
+ "name": "context",
6745
+ "type": {
6746
+ "text": "Parameters<NoUndefinedField<StoryObj>['play']>[0]"
6747
+ }
6748
+ },
6749
+ {
6750
+ "name": "{\n counter,\n }",
6751
+ "type": {
6752
+ "text": "{\n counter: TC;\n list?: T[];\n setBy?: (counter: TC, key: string, value: T) => void;\n equal?: (counter: TimeredCounter, a: any, b: T) => Promise<void>;\n }"
6753
+ }
6754
+ }
6755
+ ]
6756
+ }
6757
+ ],
6758
+ "exports": [
6537
6759
  {
6538
6760
  "kind": "js",
6539
- "name": "default",
6761
+ "name": "render",
6540
6762
  "declaration": {
6541
- "name": "meta",
6542
- "module": "stories/timered-counter-string/decimaljs.stories.ts"
6763
+ "name": "render",
6764
+ "module": "stories/story-parts/slots.ts"
6543
6765
  }
6544
6766
  },
6545
6767
  {
6546
6768
  "kind": "js",
6547
- "name": "Events",
6769
+ "name": "slots",
6548
6770
  "declaration": {
6549
- "name": "Events",
6550
- "module": "stories/timered-counter-string/decimaljs.stories.ts"
6771
+ "name": "slots",
6772
+ "module": "stories/story-parts/slots.ts"
6551
6773
  }
6552
- },
6774
+ }
6775
+ ]
6776
+ },
6777
+ {
6778
+ "kind": "javascript-module",
6779
+ "path": "stories/story-parts/styles.ts",
6780
+ "declarations": [
6781
+ {
6782
+ "kind": "function",
6783
+ "name": "styles",
6784
+ "parameters": [
6785
+ {
6786
+ "name": "context",
6787
+ "type": {
6788
+ "text": "Parameters<NoUndefinedField<StoryObj>['play']>[0]"
6789
+ }
6790
+ },
6791
+ {
6792
+ "name": "{\n counter,\n setBy,\n }",
6793
+ "type": {
6794
+ "text": "{\n counter: TC;\n setBy: (counter: TC, key: string, value: string) => void;\n }"
6795
+ }
6796
+ }
6797
+ ]
6798
+ }
6799
+ ],
6800
+ "exports": [
6553
6801
  {
6554
6802
  "kind": "js",
6555
- "name": "BigNumber",
6803
+ "name": "styles",
6556
6804
  "declaration": {
6557
- "name": "BigNumber",
6558
- "module": "stories/timered-counter-string/decimaljs.stories.ts"
6805
+ "name": "styles",
6806
+ "module": "stories/story-parts/styles.ts"
6559
6807
  }
6560
6808
  }
6561
6809
  ]
6562
6810
  },
6563
6811
  {
6564
6812
  "kind": "javascript-module",
6565
- "path": "stories/timered-counter-string/grapheme-splitter.stories.ts",
6813
+ "path": "stories/story-parts/value-change.ts",
6814
+ "declarations": [
6815
+ {
6816
+ "kind": "function",
6817
+ "name": "valueChange",
6818
+ "parameters": [
6819
+ {
6820
+ "name": "context",
6821
+ "type": {
6822
+ "text": "Parameters<NoUndefinedField<StoryObj>['play']>[0]"
6823
+ }
6824
+ },
6825
+ {
6826
+ "name": "{\n counter,\n list = range(0, 5).map(v => v * 10) as T[],\n setBy,\n equal = _equal,\n }",
6827
+ "type": {
6828
+ "text": "{\n counter: TC;\n list?: T[];\n setBy: (counter: TC, key: string, value: T) => void;\n equal?: (counter: TimeredCounter, a: any, b: T) => Promise<void>;\n }"
6829
+ }
6830
+ }
6831
+ ]
6832
+ }
6833
+ ],
6834
+ "exports": [
6835
+ {
6836
+ "kind": "js",
6837
+ "name": "valueChange",
6838
+ "declaration": {
6839
+ "name": "valueChange",
6840
+ "module": "stories/story-parts/value-change.ts"
6841
+ }
6842
+ }
6843
+ ]
6844
+ },
6845
+ {
6846
+ "kind": "javascript-module",
6847
+ "path": "stories/timered-counter/decimaljs.stories.ts",
6566
6848
  "declarations": [
6567
6849
  {
6568
6850
  "kind": "variable",
@@ -6570,72 +6852,64 @@
6570
6852
  "type": {
6571
6853
  "text": "Meta"
6572
6854
  },
6573
- "default": "{ title: 'TimeredCounterString/with grapheme-splitter', component: 'timered-counter-string', tags: ['autodocs', 'timered-counter-string'], parameters: { controls: { expanded: true }, }, beforeEach: () => { setNumberAdapter('decimal.js'); setStringAdapter('grapheme-splitter'); }, }"
6574
- },
6575
- {
6576
- "kind": "variable",
6577
- "name": "Events",
6578
- "type": {
6579
- "text": "StoryObj<TimeredCounterString>"
6580
- },
6581
- "default": "{ args: { className: 'test-target', animationOptions: { duration: 100 }, }, async play(context) { const { canvasElement, step } = context; const counter = canvasElement.querySelector( '.test-target', ) as TimeredCounter; const list = range(0, 5).map(() => faker.lorem.sentence({ min: 1, max: 2 }), ); await step('Testing with attribute', () => animationEvents(context, { counter, list, setBy: setByAttr, equal }), ); await step('Testing with property', () => animationEvents(context, { counter, list, setBy: setByProp, equal }), ); }, }"
6855
+ "default": "{ title: 'TimeredCounter/with decimal.js', component: 'timered-counter', tags: ['autodocs', 'timered-counter'], parameters: { controls: { expanded: true }, }, beforeEach: () => { setNumberAdapter('decimal.js'); }, }"
6582
6856
  },
6583
6857
  {
6584
6858
  "kind": "variable",
6585
6859
  "name": "BigNumber",
6586
6860
  "type": {
6587
- "text": "StoryObj<TimeredCounterString>"
6861
+ "text": "StoryObj<TimeredCounter>"
6588
6862
  },
6589
- "default": "{ args: { className: 'test-target', animationOptions: { duration: 100, }, }, async play(context) { const { canvasElement, step } = context; const counter = canvasElement.querySelector( '.test-target', ) as TimeredCounter; await step('Testing with attribute', async () => bigNumber(context, { counter, setBy: setByAttr, equal }), ); await step('Testing with property', async () => bigNumber(context, { counter, setBy: setByProp, equal }), ); }, }"
6863
+ "default": "{ args: { className: 'test-target', animationOptions: { duration: 100, }, }, async play(context) { const { canvasElement, step } = context; const counter = canvasElement.querySelector( '.test-target', ) as TimeredCounter; await step('Testing with attribute', async () => bigNumber(context, { counter, setBy: setByAttr }), ); await step('Testing with property', async () => bigNumber(context, { counter, setBy: setByProp }), ); }, }"
6590
6864
  }
6591
6865
  ],
6592
6866
  "exports": [
6593
6867
  {
6594
6868
  "kind": "js",
6595
- "name": "Basic",
6869
+ "name": "default",
6596
6870
  "declaration": {
6597
- "name": "Basic",
6598
- "module": "./index.stories.js"
6871
+ "name": "meta",
6872
+ "module": "stories/timered-counter/decimaljs.stories.ts"
6599
6873
  }
6600
6874
  },
6601
6875
  {
6602
6876
  "kind": "js",
6603
- "name": "AnimationOptions",
6877
+ "name": "Basic",
6604
6878
  "declaration": {
6605
- "name": "AnimationOptions",
6879
+ "name": "Basic",
6606
6880
  "module": "./index.stories.js"
6607
6881
  }
6608
6882
  },
6609
6883
  {
6610
6884
  "kind": "js",
6611
- "name": "Styles",
6885
+ "name": "Events",
6612
6886
  "declaration": {
6613
- "name": "Styles",
6887
+ "name": "Events",
6614
6888
  "module": "./index.stories.js"
6615
6889
  }
6616
6890
  },
6617
6891
  {
6618
6892
  "kind": "js",
6619
- "name": "Emoji",
6893
+ "name": "AnimationOptions",
6620
6894
  "declaration": {
6621
- "name": "Emoji",
6895
+ "name": "AnimationOptions",
6622
6896
  "module": "./index.stories.js"
6623
6897
  }
6624
6898
  },
6625
6899
  {
6626
6900
  "kind": "js",
6627
- "name": "default",
6901
+ "name": "Slots",
6628
6902
  "declaration": {
6629
- "name": "meta",
6630
- "module": "stories/timered-counter-string/grapheme-splitter.stories.ts"
6903
+ "name": "Slots",
6904
+ "module": "./index.stories.js"
6631
6905
  }
6632
6906
  },
6633
6907
  {
6634
6908
  "kind": "js",
6635
- "name": "Events",
6909
+ "name": "Styles",
6636
6910
  "declaration": {
6637
- "name": "Events",
6638
- "module": "stories/timered-counter-string/grapheme-splitter.stories.ts"
6911
+ "name": "Styles",
6912
+ "module": "./index.stories.js"
6639
6913
  }
6640
6914
  },
6641
6915
  {
@@ -6643,14 +6917,14 @@
6643
6917
  "name": "BigNumber",
6644
6918
  "declaration": {
6645
6919
  "name": "BigNumber",
6646
- "module": "stories/timered-counter-string/grapheme-splitter.stories.ts"
6920
+ "module": "stories/timered-counter/decimaljs.stories.ts"
6647
6921
  }
6648
6922
  }
6649
6923
  ]
6650
6924
  },
6651
6925
  {
6652
6926
  "kind": "javascript-module",
6653
- "path": "stories/timered-counter-string/index.stories.ts",
6927
+ "path": "stories/timered-counter/index.stories.ts",
6654
6928
  "declarations": [
6655
6929
  {
6656
6930
  "kind": "variable",
@@ -6658,47 +6932,47 @@
6658
6932
  "type": {
6659
6933
  "text": "Meta"
6660
6934
  },
6661
- "default": "{ title: 'TimeredCounterString', component: 'timered-counter-string', tags: ['autodocs', 'timered-counter-string'], parameters: { controls: { expanded: true }, }, beforeEach: () => { setNumberAdapter('number'); }, }"
6935
+ "default": "{ title: 'TimeredCounter', component: 'timered-counter', tags: ['autodocs', 'timered-counter'], parameters: { controls: { expanded: true }, }, beforeEach: () => { setNumberAdapter('number'); }, globals: { setByAttr, setByProp, }, }"
6662
6936
  },
6663
6937
  {
6664
6938
  "kind": "variable",
6665
6939
  "name": "Basic",
6666
6940
  "type": {
6667
- "text": "StoryObj<TimeredCounterString>"
6941
+ "text": "StoryObj<TimeredCounter>"
6668
6942
  },
6669
- "default": "{ args: { className: 'test-target', animationOptions: { duration: 100 }, }, async play(context) { const { canvasElement, step } = context; const counter = canvasElement.querySelector( '.test-target', ) as TimeredCounterString; const list: string[] = [ 'Hello, World!', '你好，世界！', 'こんにちは、世界！', '안녕하세요, 세계!', // 太长了 // \"Bonjour, le monde!\", 'Hallo, Welt!', 'Ciao, mondo!', 'Olá, mundo!', 'Привет, мир!', // '¡Hola, mundo!', // 'Hej, världen!', // 'Merhaba, Dünya!', // 'مرحبا بالعالم!', // 'שלום, עולם!', // 'नमस्ते, दुनिया!', // 'سلام دنیا!', ]; await step('Testing with attribute', async () => { await valueChange(context, { counter, list, setBy: setByAttr, equal }); }); await step('Testing with property', async () => { await valueChange(context, { counter, list, setBy: setByProp, equal }); }); }, }"
6943
+ "default": "{ args: { className: 'test-target', // @ts-ignore value: '0', animationOptions: { duration: 100, }, }, async play(context) { const { canvasElement, step } = context; const counter = canvasElement.querySelector( '.test-target', ) as TimeredCounter; await step('Testing with attribute', async () => { await valueChange(context, { counter, setBy: setByAttr, }); await step('Edge case', async () => edgeCase(context, { counter, list: [ ['Setting an empty string', '', '0'], ['Setting a non-number', 'a', '0'], ['Setting a decimal number', '1.1', '1.1'], ['Setting a negative number', '-1', '-1'], ['Setting Infinity', 'Infinity', '0'], ['Setting NaN', 'NaN', '0'], ['Setting null', 'null', '0'], ['Setting undefined', 'undefined', '0'], ['Setting true', 'true', '0'], ['Setting false', 'false', '0'], ['Setting an object', '{}', '0'], ['Setting an array', '[]', '0'], ['Setting a function', '() => {}', '0'], ['Setting a Symbol', 'Symbol()', '0'], ['Setting a BigInt', 'BigInt(1)', '0'], ], setBy: setByAttr, }), ); }); await step('Testing with property', async () => { await valueChange(context, { counter, setBy: setByProp }); await step('Edge case', async () => edgeCase(context, { counter, list: [ ['Setting an empty string', '', 0], ['Setting a non-number', 'a', 0], ['Setting a decimal number', '1.1', 1.1], ['Setting a negative number', '-1', -1], ['Setting Infinity', 'Infinity', 0], ['Setting NaN', 'NaN', 0], ['Setting null', 'null', 0], ['Setting undefined', 'undefined', 0], ['Setting true', 'true', 0], ['Setting false', 'false', 0], ['Setting an object', '{}', 0], ['Setting an array', '[]', 0], ['Setting a function', '() => {}', 0], ['Setting a Symbol', 'Symbol()', 0], ['Setting a BigInt', 'BigInt(1)', 0], ], setBy: setByProp, }), ); }); }, }"
6670
6944
  },
6671
6945
  {
6672
6946
  "kind": "variable",
6673
6947
  "name": "Events",
6674
6948
  "type": {
6675
- "text": "StoryObj<TimeredCounterString>"
6949
+ "text": "StoryObj<TimeredCounter>"
6676
6950
  },
6677
- "default": "{ args: { className: 'test-target', animationOptions: { duration: 100 }, }, async play(context) { const { canvasElement, step } = context; const counter = canvasElement.querySelector( '.test-target', ) as TimeredCounter; const list = range(0, 5).map(() => faker.lorem.word({ length: { min: 5, max: 10 } }), ); await step('Testing with attribute', () => animationEvents(context, { counter, list, setBy: setByAttr, equal }), ); await step('Testing with property', () => animationEvents(context, { counter, list, setBy: setByProp, equal }), ); }, }"
6951
+ "default": "{ args: { className: 'test-target', animationOptions: { duration: 100, }, }, async play(context) { const { canvasElement, step } = context; const counter = canvasElement.querySelector( '.test-target', ) as TimeredCounter; await step('Testing with attribute', async () => { await step('Animation events', async () => animationEvents(context, { counter, setBy: setByAttr, }), ); }); await step('Testing with property', async () => { await step('Animation events', async () => animationEvents(context, { counter, setBy: setByProp, }), ); }); }, }"
6678
6952
  },
6679
6953
  {
6680
6954
  "kind": "variable",
6681
6955
  "name": "AnimationOptions",
6682
6956
  "type": {
6683
- "text": "StoryObj<TimeredCounterString>"
6957
+ "text": "StoryObj<TimeredCounter>"
6684
6958
  },
6685
- "default": "{ args: { className: 'test-target', animationOptions: { duration: 100 }, }, async play(context) { const { canvasElement, step } = context; const counter = canvasElement.querySelector( '.test-target', ) as TimeredCounter; await step('Testing with attribute', () => animationOptions(context, { counter, setBy: setByAttr }), ); }, }"
6959
+ "default": "{ args: { className: 'test-target', animationOptions: { duration: 100, }, }, async play(context) { const { canvasElement, step } = context; const counter = canvasElement.querySelector( '.test-target', ) as TimeredCounter; await step('Testing with attribute', async () => { await step('Animation options', async () => animationOptions(context, { counter, setBy: setByAttr, }), ); }); // await step('Testing with property', async () => { // await step('Animation options', async () => // animationOptions(context, { // counter, // list, // setBy: setByProp, // }), // ); // }); }, }"
6686
6960
  },
6687
6961
  {
6688
6962
  "kind": "variable",
6689
6963
  "name": "Styles",
6690
6964
  "type": {
6691
- "text": "StoryObj<TimeredCounterString>"
6965
+ "text": "StoryObj<TimeredCounter>"
6692
6966
  },
6693
- "default": "{ args: { className: 'test-target', animationOptions: { duration: 100 }, }, async play(context) { const { canvasElement, step } = context; const counter = canvasElement.querySelector( '.test-target', ) as TimeredCounter; await step('Testing with attribute', () => styles(context, { counter, setBy: setByAttr }), ); await step('Testing with property', () => styles(context, { counter, setBy: setByProp }), ); }, }"
6967
+ "default": "{ args: { className: 'test-target', animationOptions: { duration: 100, }, }, async play(context) { const { canvasElement, step } = context; const counter = canvasElement.querySelector( '.test-target', ) as TimeredCounter; await step('Testing with attribute', async () => { await step('Styles', async () => styles(context, { counter, setBy: setByAttr, }), ); }); await step('Testing with property', async () => { await step('Styles', async () => styles(context, { counter, setBy: setByProp, }), ); }); }, }"
6694
6968
  },
6695
6969
  {
6696
6970
  "kind": "variable",
6697
- "name": "Emoji",
6971
+ "name": "Slots",
6698
6972
  "type": {
6699
- "text": "StoryObj<TimeredCounterString>"
6973
+ "text": "StoryObj<TimeredCounter>"
6700
6974
  },
6701
- "default": "{ args: { className: 'test-target', animationOptions: { duration: 100 }, // partsOptions: { // fillChar: '1', // }, }, async play(context) { const { canvasElement, step } = context; const counter = canvasElement.querySelector( '.test-target', ) as TimeredCounter; const list: string[] = ['⌚', '↔️', '👩', '👩🏿', '🧑‍💻']; await step('Testing with attribute', () => emoji(context, { counter, list, setBy: setByAttr, equal }), ); await step('Testing with property', () => emoji(context, { counter, list, setBy: setByProp, equal }), ); }, }"
6975
+ "default": "{ args: { className: 'test-target', value: 0, }, render: slotsRender, async play(context) { const { canvasElement } = context; const counter = canvasElement.querySelector( '.test-target', ) as TimeredCounter; await slots(context, { counter }); }, }"
6702
6976
  }
6703
6977
  ],
6704
6978
  "exports": [
@@ -6707,7 +6981,7 @@
6707
6981
  "name": "default",
6708
6982
  "declaration": {
6709
6983
  "name": "meta",
6710
- "module": "stories/timered-counter-string/index.stories.ts"
6984
+ "module": "stories/timered-counter/index.stories.ts"
6711
6985
  }
6712
6986
  },
6713
6987
  {
@@ -6715,7 +6989,7 @@
6715
6989
  "name": "Basic",
6716
6990
  "declaration": {
6717
6991
  "name": "Basic",
6718
- "module": "stories/timered-counter-string/index.stories.ts"
6992
+ "module": "stories/timered-counter/index.stories.ts"
6719
6993
  }
6720
6994
  },
6721
6995
  {
@@ -6723,7 +6997,7 @@
6723
6997
  "name": "Events",
6724
6998
  "declaration": {
6725
6999
  "name": "Events",
6726
- "module": "stories/timered-counter-string/index.stories.ts"
7000
+ "module": "stories/timered-counter/index.stories.ts"
6727
7001
  }
6728
7002
  },
6729
7003
  {
@@ -6731,7 +7005,7 @@
6731
7005
  "name": "AnimationOptions",
6732
7006
  "declaration": {
6733
7007
  "name": "AnimationOptions",
6734
- "module": "stories/timered-counter-string/index.stories.ts"
7008
+ "module": "stories/timered-counter/index.stories.ts"
6735
7009
  }
6736
7010
  },
6737
7011
  {
@@ -6739,22 +7013,22 @@
6739
7013
  "name": "Styles",
6740
7014
  "declaration": {
6741
7015
  "name": "Styles",
6742
- "module": "stories/timered-counter-string/index.stories.ts"
7016
+ "module": "stories/timered-counter/index.stories.ts"
6743
7017
  }
6744
7018
  },
6745
7019
  {
6746
7020
  "kind": "js",
6747
- "name": "Emoji",
7021
+ "name": "Slots",
6748
7022
  "declaration": {
6749
- "name": "Emoji",
6750
- "module": "stories/timered-counter-string/index.stories.ts"
7023
+ "name": "Slots",
7024
+ "module": "stories/timered-counter/index.stories.ts"
6751
7025
  }
6752
7026
  }
6753
7027
  ]
6754
7028
  },
6755
7029
  {
6756
7030
  "kind": "javascript-module",
6757
- "path": "stories/timered-counter-string/intl-segmenter.stories.ts",
7031
+ "path": "stories/timered-counter-datetime-duration/index.stories.ts",
6758
7032
  "declarations": [
6759
7033
  {
6760
7034
  "kind": "variable",
@@ -6762,23 +7036,87 @@
6762
7036
  "type": {
6763
7037
  "text": "Meta"
6764
7038
  },
6765
- "default": "{ title: 'TimeredCounterString/with Intl Segmenter', component: 'timered-counter-string', tags: ['autodocs', 'timered-counter-string'], parameters: { controls: { expanded: true }, }, beforeEach: () => { setNumberAdapter('decimal.js'); setStringAdapter('intl-segmenter'); }, }"
7039
+ "default": "{ title: 'TimeredCounterDatetimeDuration', component: 'timered-counter-datetime-duration', tags: ['autodocs', 'timered-counter-datetime-duration'], parameters: { controls: { expanded: true }, }, beforeEach: () => { setNumberAdapter('number'); }, }"
6766
7040
  },
6767
7041
  {
6768
7042
  "kind": "variable",
6769
- "name": "Events",
7043
+ "name": "Basic",
6770
7044
  "type": {
6771
- "text": "StoryObj<TimeredCounterString>"
7045
+ "text": "StoryObj<TimeredCounterDatetimeDuration>"
6772
7046
  },
6773
- "default": "{ args: { className: 'test-target', animationOptions: { duration: 100 }, }, async play(context) { const { canvasElement, step } = context; const counter = canvasElement.querySelector( '.test-target', ) as TimeredCounter; const list = range(0, 5).map(() => faker.lorem.sentence({ min: 1, max: 2 }), ); await step('Testing with attribute', () => animationEvents(context, { counter, list, setBy: setByAttr, equal }), ); await step('Testing with property', () => animationEvents(context, { counter, list, setBy: setByProp, equal }), ); }, }"
7047
+ "default": "{ args: { className: 'test-target', animationOptions: { duration: 100, }, }, async play(context) { const { canvasElement, step } = context; const counter = canvasElement.querySelector( '.test-target', ) as TimeredCounterDatetimeDuration; const list = [ ...range(0, 2).map(v => [new Date(), addSeconds(new Date(), v)]), ...range(0, 2).map(v => [new Date(), addMinutes(new Date(), v)]), ...range(0, 2).map(v => [new Date(), addHours(new Date(), v)]), ...range(0, 2).map(v => [new Date(), addDays(new Date(), v)]), ...range(0, 2).map(v => [new Date(), addMonths(new Date(), v)]), ...range(0, 2).map(v => [new Date(), addYears(new Date(), v)]), ]; await step('Testing with attribute', async () => { await valueChange(context, { counter, list, setBy: setByAttr, equal }); }); await step('Testing with property', async () => { await valueChange(context, { counter, list, setBy: setByProp, equal }); }); }, }"
7048
+ },
7049
+ {
7050
+ "kind": "variable",
7051
+ "name": "Precision",
7052
+ "type": {
7053
+ "text": "StoryObj<TimeredCounterDatetimeDuration>"
7054
+ },
7055
+ "default": "{ args: { className: 'test-target', animationOptions: { duration: 100, }, }, async play(context) { const { canvasElement, step } = context; const counter = canvasElement.querySelector( '.test-target', ) as TimeredCounterDatetimeDuration; await step('Testing with attribute', async () => datetimePrecision(context, { counter, setBy: setByAttr, equal }), ); await step('Testing with property', async () => datetimePrecision(context, { counter, setBy: setByProp, equal }), ); }, }"
7056
+ },
7057
+ {
7058
+ "kind": "variable",
7059
+ "name": "Locale",
7060
+ "type": {
7061
+ "text": "StoryObj<TimeredCounterDatetimeDuration>"
7062
+ },
7063
+ "default": "{ args: { className: 'test-target', animationOptions: { duration: 100, }, }, async play(context) { const { canvasElement, step } = context; const counter = canvasElement.querySelector( '.test-target', ) as TimeredCounterDatetimeDuration; await step('Testing with attribute', () => datetimeLocale(context, { counter, setBy: setByAttr, equal }), ); await step('Testing with property', () => datetimeLocale(context, { counter, setBy: setByProp, equal }), ); }, }"
7064
+ }
7065
+ ],
7066
+ "exports": [
7067
+ {
7068
+ "kind": "js",
7069
+ "name": "default",
7070
+ "declaration": {
7071
+ "name": "meta",
7072
+ "module": "stories/timered-counter-datetime-duration/index.stories.ts"
7073
+ }
7074
+ },
7075
+ {
7076
+ "kind": "js",
7077
+ "name": "Basic",
7078
+ "declaration": {
7079
+ "name": "Basic",
7080
+ "module": "stories/timered-counter-datetime-duration/index.stories.ts"
7081
+ }
7082
+ },
7083
+ {
7084
+ "kind": "js",
7085
+ "name": "Precision",
7086
+ "declaration": {
7087
+ "name": "Precision",
7088
+ "module": "stories/timered-counter-datetime-duration/index.stories.ts"
7089
+ }
7090
+ },
7091
+ {
7092
+ "kind": "js",
7093
+ "name": "Locale",
7094
+ "declaration": {
7095
+ "name": "Locale",
7096
+ "module": "stories/timered-counter-datetime-duration/index.stories.ts"
7097
+ }
7098
+ }
7099
+ ]
7100
+ },
7101
+ {
7102
+ "kind": "javascript-module",
7103
+ "path": "stories/timered-counter-number/decimaljs.stories.ts",
7104
+ "declarations": [
7105
+ {
7106
+ "kind": "variable",
7107
+ "name": "meta",
7108
+ "type": {
7109
+ "text": "Meta"
7110
+ },
7111
+ "default": "{ title: 'TimeredCounterNumber/with decimal.js', component: 'timered-counter-number', tags: ['autodocs', 'timered-counter-number'], parameters: { controls: { expanded: true }, }, beforeEach: () => { setNumberAdapter('decimal.js'); }, }"
6774
7112
  },
6775
7113
  {
6776
7114
  "kind": "variable",
6777
7115
  "name": "BigNumber",
6778
7116
  "type": {
6779
- "text": "StoryObj<TimeredCounterString>"
7117
+ "text": "StoryObj<TimeredCounterNumber>"
6780
7118
  },
6781
- "default": "{ args: { className: 'test-target', animationOptions: { duration: 100, }, }, async play(context) { const { canvasElement, step } = context; const counter = canvasElement.querySelector( '.test-target', ) as TimeredCounter; await step('Testing with attribute', async () => bigNumber(context, { counter, setBy: setByAttr, equal }), ); await step('Testing with property', async () => bigNumber(context, { counter, setBy: setByProp, equal }), ); }, }"
7119
+ "default": "{ args: { className: 'test-target', animationOptions: { duration: 100, }, }, async play(context) { const { canvasElement, step } = context; const counter = canvasElement.querySelector( '.test-target', ) as TimeredCounter; await step('Testing with attribute', async () => bigNumber(context, { counter, setBy: setByAttr }), ); await step('Testing with property', async () => bigNumber(context, { counter, setBy: setByProp }), ); }, }"
6782
7120
  }
6783
7121
  ],
6784
7122
  "exports": [
@@ -6792,9 +7130,9 @@
6792
7130
  },
6793
7131
  {
6794
7132
  "kind": "js",
6795
- "name": "AnimationOptions",
7133
+ "name": "Events",
6796
7134
  "declaration": {
6797
- "name": "AnimationOptions",
7135
+ "name": "Events",
6798
7136
  "module": "./index.stories.js"
6799
7137
  }
6800
7138
  },
@@ -6808,26 +7146,26 @@
6808
7146
  },
6809
7147
  {
6810
7148
  "kind": "js",
6811
- "name": "Emoji",
7149
+ "name": "LocaleNumber",
6812
7150
  "declaration": {
6813
- "name": "Emoji",
7151
+ "name": "LocaleNumber",
6814
7152
  "module": "./index.stories.js"
6815
7153
  }
6816
7154
  },
6817
7155
  {
6818
7156
  "kind": "js",
6819
- "name": "default",
7157
+ "name": "AnimationOptions",
6820
7158
  "declaration": {
6821
- "name": "meta",
6822
- "module": "stories/timered-counter-string/intl-segmenter.stories.ts"
7159
+ "name": "AnimationOptions",
7160
+ "module": "./index.stories.js"
6823
7161
  }
6824
7162
  },
6825
7163
  {
6826
7164
  "kind": "js",
6827
- "name": "Events",
7165
+ "name": "default",
6828
7166
  "declaration": {
6829
- "name": "Events",
6830
- "module": "stories/timered-counter-string/intl-segmenter.stories.ts"
7167
+ "name": "meta",
7168
+ "module": "stories/timered-counter-number/decimaljs.stories.ts"
6831
7169
  }
6832
7170
  },
6833
7171
  {
@@ -6835,896 +7173,567 @@
6835
7173
  "name": "BigNumber",
6836
7174
  "declaration": {
6837
7175
  "name": "BigNumber",
6838
- "module": "stories/timered-counter-string/intl-segmenter.stories.ts"
7176
+ "module": "stories/timered-counter-number/decimaljs.stories.ts"
6839
7177
  }
6840
7178
  }
6841
7179
  ]
6842
7180
  },
6843
7181
  {
6844
7182
  "kind": "javascript-module",
6845
- "path": "stories/utils/index.ts",
7183
+ "path": "stories/timered-counter-number/index.stories.ts",
6846
7184
  "declarations": [
6847
7185
  {
6848
- "kind": "function",
6849
- "name": "equal",
6850
- "parameters": [
6851
- {
6852
- "name": "counter",
6853
- "type": {
6854
- "text": "TimeredCounter"
6855
- }
6856
- },
6857
- {
6858
- "name": "a",
6859
- "type": {
6860
- "text": "any"
6861
- }
6862
- },
6863
- {
6864
- "name": "b",
6865
- "type": {
6866
- "text": "any"
6867
- }
6868
- }
6869
- ]
7186
+ "kind": "variable",
7187
+ "name": "meta",
7188
+ "type": {
7189
+ "text": "Meta"
7190
+ },
7191
+ "default": "{ title: 'TimeredCounterNumber', component: 'timered-counter-number', tags: ['autodocs', 'timered-counter-number'], parameters: { controls: { expanded: true }, }, beforeEach: () => { setNumberAdapter('number'); }, }"
6870
7192
  },
6871
7193
  {
6872
- "kind": "function",
6873
- "name": "setByAttr",
6874
- "parameters": [
6875
- {
6876
- "name": "element",
6877
- "type": {
6878
- "text": "TimeredCounter"
6879
- }
6880
- },
6881
- {
6882
- "name": "attr",
6883
- "type": {
6884
- "text": "string"
6885
- }
6886
- },
6887
- {
6888
- "name": "value",
6889
- "type": {
6890
- "text": "any"
6891
- }
6892
- }
6893
- ]
7194
+ "kind": "variable",
7195
+ "name": "Basic",
7196
+ "type": {
7197
+ "text": "StoryObj<TimeredCounterNumber>"
7198
+ },
7199
+ "default": "{ args: { className: 'test-target', // @ts-ignore value: '0', animationOptions: { duration: 100, }, }, async play(context) { const { canvasElement, step } = context; const counter = canvasElement.querySelector( '.test-target', ) as TimeredCounter; await step('Testing with attribute', async () => { await valueChange(context, { counter, setBy: setByAttr, }); await step('Edge case', async () => edgeCase(context, { counter, list: [ ['Setting an empty string', '', '0'], ['Setting a non-number', 'a', '0'], ['Setting a decimal number', '1.1', '1.1'], ['Setting a negative number', '-1', '-1'], ['Setting Infinity', 'Infinity', '0'], ['Setting NaN', 'NaN', '0'], ['Setting null', 'null', '0'], ['Setting undefined', 'undefined', '0'], ['Setting true', 'true', '0'], ['Setting false', 'false', '0'], ['Setting an object', '{}', '0'], ['Setting an array', '[]', '0'], ['Setting a function', '() => {}', '0'], ['Setting a Symbol', 'Symbol()', '0'], ['Setting a BigInt', 'BigInt(1)', '0'], ], setBy: setByAttr, }), ); }); await step('Testing with property', async () => { await valueChange(context, { counter, setBy: setByProp }); await step('Edge case', async () => edgeCase(context, { counter, list: [ ['Setting an empty string', '', 0], ['Setting a non-number', 'a', 0], ['Setting a decimal number', '1.1', 1.1], ['Setting a negative number', '-1', -1], ['Setting Infinity', 'Infinity', 0], ['Setting NaN', 'NaN', 0], ['Setting null', 'null', 0], ['Setting undefined', 'undefined', 0], ['Setting true', 'true', 0], ['Setting false', 'false', 0], ['Setting an object', '{}', 0], ['Setting an array', '[]', 0], ['Setting a function', '() => {}', 0], ['Setting a Symbol', 'Symbol()', 0], ['Setting a BigInt', 'BigInt(1)', 0], ], setBy: setByProp, }), ); }); }, }"
6894
7200
  },
6895
7201
  {
6896
- "kind": "function",
6897
- "name": "setByProp",
6898
- "parameters": [
6899
- {
6900
- "name": "element",
6901
- "type": {
6902
- "text": "TimeredCounter"
6903
- }
6904
- },
6905
- {
6906
- "name": "prop",
6907
- "type": {
6908
- "text": "string"
6909
- }
6910
- },
6911
- {
6912
- "name": "value",
6913
- "type": {
6914
- "text": "any"
6915
- }
6916
- }
6917
- ]
7202
+ "kind": "variable",
7203
+ "name": "Events",
7204
+ "type": {
7205
+ "text": "StoryObj<TimeredCounterNumber>"
7206
+ },
7207
+ "default": "{ args: { className: 'test-target', animationOptions: { duration: 100, }, }, async play(context) { const { canvasElement, step } = context; const counter = canvasElement.querySelector( '.test-target', ) as TimeredCounter; await step('Testing with attribute', async () => { await step('Animation events', async () => animationEvents(context, { counter, setBy: setByAttr, }), ); }); await step('Testing with property', async () => { await step('Animation events', async () => animationEvents(context, { counter, setBy: setByProp, }), ); }); }, }"
6918
7208
  },
6919
- {
6920
- "kind": "function",
6921
- "name": "sleep",
6922
- "parameters": [
6923
- {
6924
- "name": "ms",
6925
- "type": {
6926
- "text": "number"
6927
- }
6928
- }
6929
- ]
6930
- }
6931
- ],
6932
- "exports": [
6933
- {
6934
- "kind": "js",
6935
- "name": "equal",
6936
- "declaration": {
6937
- "name": "equal",
6938
- "module": "stories/utils/index.ts"
6939
- }
6940
- },
6941
- {
6942
- "kind": "js",
6943
- "name": "setByAttr",
6944
- "declaration": {
6945
- "name": "setByAttr",
6946
- "module": "stories/utils/index.ts"
6947
- }
6948
- },
6949
- {
6950
- "kind": "js",
6951
- "name": "setByProp",
6952
- "declaration": {
6953
- "name": "setByProp",
6954
- "module": "stories/utils/index.ts"
6955
- }
6956
- },
6957
- {
6958
- "kind": "js",
6959
- "name": "sleep",
6960
- "declaration": {
6961
- "name": "sleep",
6962
- "module": "stories/utils/index.ts"
6963
- }
6964
- }
6965
- ]
6966
- },
6967
- {
6968
- "kind": "javascript-module",
6969
- "path": "storybook-static/sb-manager/globals-module-info.js",
6970
- "declarations": [
6971
7209
  {
6972
7210
  "kind": "variable",
6973
- "name": "S"
6974
- }
6975
- ],
6976
- "exports": [
6977
- {
6978
- "kind": "js",
6979
- "name": "globalsModuleInfoMap",
6980
- "declaration": {
6981
- "name": "S",
6982
- "module": "storybook-static/sb-manager/globals-module-info.js"
6983
- }
6984
- }
6985
- ]
6986
- },
6987
- {
6988
- "kind": "javascript-module",
6989
- "path": "storybook-static/sb-manager/globals-runtime.js",
6990
- "declarations": [],
6991
- "exports": []
6992
- },
6993
- {
6994
- "kind": "javascript-module",
6995
- "path": "storybook-static/sb-manager/globals.js",
6996
- "declarations": [
7211
+ "name": "AnimationOptions",
7212
+ "type": {
7213
+ "text": "StoryObj<TimeredCounterNumber>"
7214
+ },
7215
+ "default": "{ args: { className: 'test-target', animationOptions: { duration: 100, }, }, async play(context) { const { canvasElement, step } = context; const counter = canvasElement.querySelector( '.test-target', ) as TimeredCounter; await step('Testing with attribute', async () => { await step('Animation options', async () => animationOptions(context, { counter, setBy: setByAttr, }), ); }); // await step('Testing with property', async () => { // await step('Animation options', async () => // animationOptions(context, { // counter, // list, // setBy: setByProp, // }), // ); // }); }, }"
7216
+ },
6997
7217
  {
6998
7218
  "kind": "variable",
6999
- "name": "_",
7219
+ "name": "Styles",
7000
7220
  "type": {
7001
- "text": "object"
7221
+ "text": "StoryObj<TimeredCounterNumber>"
7002
7222
  },
7003
- "default": "{ react: \"__REACT__\", \"react-dom\": \"__REACT_DOM__\", \"react-dom/client\": \"__REACT_DOM_CLIENT__\", \"@storybook/icons\": \"__STORYBOOK_ICONS__\", \"storybook/internal/manager-api\": \"__STORYBOOK_API__\", \"@storybook/manager-api\": \"__STORYBOOK_API__\", \"@storybook/core/manager-api\": \"__STORYBOOK_API__\", \"storybook/internal/components\": \"__STORYBOOK_COMPONENTS__\", \"@storybook/components\": \"__STORYBOOK_COMPONENTS__\", \"@storybook/core/components\": \"__STORYBOOK_COMPONENTS__\", \"storybook/internal/channels\": \"__STORYBOOK_CHANNELS__\", \"@storybook/channels\": \"__STORYBOOK_CHANNELS__\", \"@storybook/core/channels\": \"__STORYBOOK_CHANNELS__\", \"storybook/internal/core-errors\": \"__STORYBOOK_CORE_EVENTS__\", \"@storybook/core-events\": \"__STORYBOOK_CORE_EVENTS__\", \"@storybook/core/core-events\": \"__STORYBOOK_CORE_EVENTS__\", \"storybook/internal/manager-errors\": \"__STORYBOOK_CORE_EVENTS_MANAGER_ERRORS__\", \"@storybook/core-events/manager-errors\": \"__STORYBOOK_CORE_EVENTS_MANAGER_ERRORS__\", \"@storybook/core/manager-errors\": \"__STORYBOOK_CORE_EVENTS_MANAGER_ERRORS__\", \"storybook/internal/router\": \"__STORYBOOK_ROUTER__\", \"@storybook/router\": \"__STORYBOOK_ROUTER__\", \"@storybook/core/router\": \"__STORYBOOK_ROUTER__\", \"storybook/internal/theming\": \"__STORYBOOK_THEMING__\", \"@storybook/theming\": \"__STORYBOOK_THEMING__\", \"@storybook/core/theming\": \"__STORYBOOK_THEMING__\", \"storybook/internal/theming/create\": \"__STORYBOOK_THEMING_CREATE__\", \"@storybook/theming/create\": \"__STORYBOOK_THEMING_CREATE__\", \"@storybook/core/theming/create\": \"__STORYBOOK_THEMING_CREATE__\", \"storybook/internal/client-logger\": \"__STORYBOOK_CLIENT_LOGGER__\", \"@storybook/client-logger\": \"__STORYBOOK_CLIENT_LOGGER__\", \"@storybook/core/client-logger\": \"__STORYBOOK_CLIENT_LOGGER__\", \"storybook/internal/types\": \"__STORYBOOK_TYPES__\", \"@storybook/types\": \"__STORYBOOK_TYPES__\", \"@storybook/core/types\": \"__STORYBOOK_TYPES__\" }"
7223
+ "default": "{ args: { className: 'test-target', animationOptions: { duration: 100, }, }, async play(context) { const { canvasElement, step } = context; const counter = canvasElement.querySelector( '.test-target', ) as TimeredCounter; await step('Testing with attribute', async () => { await step('Styles', async () => styles(context, { counter, setBy: setByAttr, }), ); }); await step('Testing with property', async () => { await step('Styles', async () => styles(context, { counter, setBy: setByProp, }), ); }); }, }"
7004
7224
  },
7005
7225
  {
7006
7226
  "kind": "variable",
7007
- "name": "o"
7227
+ "name": "LocaleNumber",
7228
+ "type": {
7229
+ "text": "StoryObj<TimeredCounterNumber>"
7230
+ },
7231
+ "default": "{ args: { className: 'test-target', animationOptions: { duration: 100, }, }, async play(context) { const { canvasElement, step } = context; const counter = canvasElement.querySelector( '.test-target', ) as TimeredCounter; await step('Testing with attribute', async () => { await step('Locale number', async () => localeNumber(context, { counter, setBy: setByAttr, }), ); }); await step('Testing with property', async () => { await step('Locale number', async () => localeNumber(context, { counter, setBy: setByProp, }), ); }); }, }"
7008
7232
  }
7009
7233
  ],
7010
7234
  "exports": [
7011
7235
  {
7012
7236
  "kind": "js",
7013
- "name": "globalPackages",
7237
+ "name": "default",
7014
7238
  "declaration": {
7015
- "name": "o",
7016
- "module": "storybook-static/sb-manager/globals.js"
7239
+ "name": "meta",
7240
+ "module": "stories/timered-counter-number/index.stories.ts"
7017
7241
  }
7018
7242
  },
7019
7243
  {
7020
7244
  "kind": "js",
7021
- "name": "globalsNameReferenceMap",
7245
+ "name": "Basic",
7022
7246
  "declaration": {
7023
- "name": "_",
7024
- "module": "storybook-static/sb-manager/globals.js"
7247
+ "name": "Basic",
7248
+ "module": "stories/timered-counter-number/index.stories.ts"
7025
7249
  }
7026
- }
7027
- ]
7028
- },
7029
- {
7030
- "kind": "javascript-module",
7031
- "path": "storybook-static/sb-manager/runtime.js",
7032
- "declarations": [],
7033
- "exports": []
7034
- },
7035
- {
7036
- "kind": "javascript-module",
7037
- "path": "storybook-static/sb-preview/globals.js",
7038
- "declarations": [],
7039
- "exports": []
7040
- },
7041
- {
7042
- "kind": "javascript-module",
7043
- "path": "storybook-static/sb-preview/runtime.js",
7044
- "declarations": [],
7045
- "exports": []
7046
- },
7047
- {
7048
- "kind": "javascript-module",
7049
- "path": "src/styles/timered-counter-datetime-styles.ts",
7050
- "declarations": [
7051
- {
7052
- "kind": "variable",
7053
- "name": "timeredCounterDatetimeStyles",
7054
- "default": "css` ::part(part-suffix) { font-size: 0.4em; line-height: 1; } `"
7055
- }
7056
- ],
7057
- "exports": [
7250
+ },
7058
7251
  {
7059
7252
  "kind": "js",
7060
- "name": "timeredCounterDatetimeStyles",
7253
+ "name": "Events",
7061
7254
  "declaration": {
7062
- "name": "timeredCounterDatetimeStyles",
7063
- "module": "src/styles/timered-counter-datetime-styles.ts"
7255
+ "name": "Events",
7256
+ "module": "stories/timered-counter-number/index.stories.ts"
7064
7257
  }
7065
- }
7066
- ]
7067
- },
7068
- {
7069
- "kind": "javascript-module",
7070
- "path": "src/styles/timered-counter-number-styles.ts",
7071
- "declarations": [
7072
- {
7073
- "kind": "variable",
7074
- "name": "timeredCounterNumberStyles",
7075
- "default": "css``"
7076
- }
7077
- ],
7078
- "exports": [
7258
+ },
7079
7259
  {
7080
7260
  "kind": "js",
7081
- "name": "timeredCounterNumberStyles",
7261
+ "name": "AnimationOptions",
7082
7262
  "declaration": {
7083
- "name": "timeredCounterNumberStyles",
7084
- "module": "src/styles/timered-counter-number-styles.ts"
7263
+ "name": "AnimationOptions",
7264
+ "module": "stories/timered-counter-number/index.stories.ts"
7085
7265
  }
7086
- }
7087
- ]
7088
- },
7089
- {
7090
- "kind": "javascript-module",
7091
- "path": "src/styles/timered-counter-string-styles.ts",
7092
- "declarations": [
7093
- {
7094
- "kind": "variable",
7095
- "name": "timeredCounterStringStyles",
7096
- "default": "css``"
7097
- }
7098
- ],
7099
- "exports": [
7266
+ },
7100
7267
  {
7101
7268
  "kind": "js",
7102
- "name": "timeredCounterStringStyles",
7269
+ "name": "Styles",
7103
7270
  "declaration": {
7104
- "name": "timeredCounterStringStyles",
7105
- "module": "src/styles/timered-counter-string-styles.ts"
7271
+ "name": "Styles",
7272
+ "module": "stories/timered-counter-number/index.stories.ts"
7106
7273
  }
7107
- }
7108
- ]
7109
- },
7110
- {
7111
- "kind": "javascript-module",
7112
- "path": "src/styles/timered-counter-styles.ts",
7113
- "declarations": [
7114
- {
7115
- "kind": "variable",
7116
- "name": "timeredCounterStyles",
7117
- "default": "css` .timered-counter { position: relative; display: inline-flex; overflow: hidden; /** inline-block 和 overflow-hidden 同时存在会使得基线为下边缘. 手动设置 align-bottom 以修正这个问题. @see https://stackoverflow.com/questions/22421782/css-overflow-hidden-increases-height-of-container @see https://www.w3.org/TR/CSS2/visudet.html#propdef-vertical-align */ vertical-align: bottom; } .timered-counter.debug { overflow: visible; } //.timered-counter-datetime-duration .duration-unit { // font-size: 0.4em; // line-height: 1; //} `"
7118
- }
7119
- ],
7120
- "exports": [
7274
+ },
7121
7275
  {
7122
7276
  "kind": "js",
7123
- "name": "timeredCounterStyles",
7277
+ "name": "LocaleNumber",
7124
7278
  "declaration": {
7125
- "name": "timeredCounterStyles",
7126
- "module": "src/styles/timered-counter-styles.ts"
7279
+ "name": "LocaleNumber",
7280
+ "module": "stories/timered-counter-number/index.stories.ts"
7127
7281
  }
7128
7282
  }
7129
7283
  ]
7130
7284
  },
7131
7285
  {
7132
7286
  "kind": "javascript-module",
7133
- "path": "src/utils/any-base.ts",
7287
+ "path": "stories/timered-counter-string/decimaljs.stories.ts",
7134
7288
  "declarations": [
7135
- {
7136
- "kind": "function",
7137
- "name": "anyBase",
7138
- "parameters": [
7139
- {
7140
- "name": "sa",
7141
- "type": {
7142
- "text": "StringAdapter"
7143
- }
7144
- },
7145
- {
7146
- "name": "srcAlphabet",
7147
- "type": {
7148
- "text": "string"
7149
- }
7150
- },
7151
- {
7152
- "name": "dstAlphabet",
7153
- "type": {
7154
- "text": "string"
7155
- }
7156
- }
7157
- ]
7158
- },
7159
- {
7160
- "kind": "variable",
7161
- "name": "BIN",
7162
- "type": {
7163
- "text": "string"
7164
- },
7165
- "default": "'01'"
7166
- },
7167
7289
  {
7168
7290
  "kind": "variable",
7169
- "name": "OCT",
7291
+ "name": "meta",
7170
7292
  "type": {
7171
- "text": "string"
7293
+ "text": "Meta"
7172
7294
  },
7173
- "default": "'01234567'"
7295
+ "default": "{ title: 'TimeredCounterString/with decimal.js', component: 'timered-counter-string', tags: ['autodocs', 'timered-counter-string'], parameters: { controls: { expanded: true }, }, beforeEach: () => { setNumberAdapter('decimal.js'); }, }"
7174
7296
  },
7175
7297
  {
7176
7298
  "kind": "variable",
7177
- "name": "DEC",
7299
+ "name": "Events",
7178
7300
  "type": {
7179
- "text": "string"
7301
+ "text": "StoryObj<TimeredCounterString>"
7180
7302
  },
7181
- "default": "'0123456789'"
7303
+ "default": "{ args: { className: 'test-target', animationOptions: { duration: 100 }, }, async play(context) { const { canvasElement, step } = context; const counter = canvasElement.querySelector( '.test-target', ) as TimeredCounter; const list = range(0, 5).map(() => faker.lorem.sentence({ min: 1, max: 2 }), ); await step('Testing with attribute', () => animationEvents(context, { counter, list, setBy: setByAttr, equal }), ); await step('Testing with property', () => animationEvents(context, { counter, list, setBy: setByProp, equal }), ); }, }"
7182
7304
  },
7183
7305
  {
7184
7306
  "kind": "variable",
7185
- "name": "HEX",
7307
+ "name": "BigNumber",
7186
7308
  "type": {
7187
- "text": "string"
7309
+ "text": "StoryObj<TimeredCounterString>"
7188
7310
  },
7189
- "default": "'0123456789abcdef'"
7311
+ "default": "{ args: { className: 'test-target', animationOptions: { duration: 100, }, }, async play(context) { const { canvasElement, step } = context; const counter = canvasElement.querySelector( '.test-target', ) as TimeredCounter; await step('Testing with attribute', async () => bigNumber(context, { counter, setBy: setByAttr, equal }), ); await step('Testing with property', async () => bigNumber(context, { counter, setBy: setByProp, equal }), ); }, }"
7190
7312
  }
7191
7313
  ],
7192
7314
  "exports": [
7193
7315
  {
7194
7316
  "kind": "js",
7195
- "name": "anyBase",
7317
+ "name": "Basic",
7196
7318
  "declaration": {
7197
- "name": "anyBase",
7198
- "module": "src/utils/any-base.ts"
7319
+ "name": "Basic",
7320
+ "module": "./index.stories.js"
7199
7321
  }
7200
7322
  },
7201
7323
  {
7202
7324
  "kind": "js",
7203
- "name": "BIN",
7325
+ "name": "AnimationOptions",
7204
7326
  "declaration": {
7205
- "name": "BIN",
7206
- "module": "src/utils/any-base.ts"
7327
+ "name": "AnimationOptions",
7328
+ "module": "./index.stories.js"
7207
7329
  }
7208
7330
  },
7209
7331
  {
7210
7332
  "kind": "js",
7211
- "name": "OCT",
7333
+ "name": "Styles",
7212
7334
  "declaration": {
7213
- "name": "OCT",
7214
- "module": "src/utils/any-base.ts"
7335
+ "name": "Styles",
7336
+ "module": "./index.stories.js"
7215
7337
  }
7216
7338
  },
7217
7339
  {
7218
7340
  "kind": "js",
7219
- "name": "DEC",
7341
+ "name": "Emoji",
7220
7342
  "declaration": {
7221
- "name": "DEC",
7222
- "module": "src/utils/any-base.ts"
7343
+ "name": "Emoji",
7344
+ "module": "./index.stories.js"
7223
7345
  }
7224
7346
  },
7225
7347
  {
7226
7348
  "kind": "js",
7227
- "name": "HEX",
7349
+ "name": "default",
7228
7350
  "declaration": {
7229
- "name": "HEX",
7230
- "module": "src/utils/any-base.ts"
7351
+ "name": "meta",
7352
+ "module": "stories/timered-counter-string/decimaljs.stories.ts"
7231
7353
  }
7232
- }
7233
- ]
7234
- },
7235
- {
7236
- "kind": "javascript-module",
7237
- "path": "src/utils/duration.ts",
7238
- "declarations": [
7239
- {
7240
- "kind": "function",
7241
- "name": "durationObject",
7242
- "return": {
7243
- "type": {
7244
- "text": "{ [key in DurationPartType]?: number }"
7245
- }
7246
- },
7247
- "parameters": [
7248
- {
7249
- "name": "start",
7250
- "type": {
7251
- "text": "Date"
7252
- }
7253
- },
7254
- {
7255
- "name": "end",
7256
- "type": {
7257
- "text": "Date"
7258
- }
7259
- },
7260
- {
7261
- "name": "parts",
7262
- "type": {
7263
- "text": "DurationPartType[]"
7264
- }
7265
- }
7266
- ],
7267
- "description": "计算两个日期之间的时间间隔. 返回一个数组, 包含 parts 每个部分的值."
7268
7354
  },
7269
- {
7270
- "kind": "function",
7271
- "name": "duration",
7272
- "return": {
7273
- "type": {
7274
- "text": "number[]"
7275
- }
7276
- },
7277
- "parameters": [
7278
- {
7279
- "name": "start",
7280
- "type": {
7281
- "text": "Date"
7282
- }
7283
- },
7284
- {
7285
- "name": "end",
7286
- "type": {
7287
- "text": "Date"
7288
- }
7289
- },
7290
- {
7291
- "name": "parts",
7292
- "type": {
7293
- "text": "DurationPartType[]"
7294
- }
7295
- }
7296
- ]
7297
- }
7298
- ],
7299
- "exports": [
7300
7355
  {
7301
7356
  "kind": "js",
7302
- "name": "durationObject",
7357
+ "name": "Events",
7303
7358
  "declaration": {
7304
- "name": "durationObject",
7305
- "module": "src/utils/duration.ts"
7359
+ "name": "Events",
7360
+ "module": "stories/timered-counter-string/decimaljs.stories.ts"
7306
7361
  }
7307
7362
  },
7308
7363
  {
7309
7364
  "kind": "js",
7310
- "name": "duration",
7365
+ "name": "BigNumber",
7311
7366
  "declaration": {
7312
- "name": "duration",
7313
- "module": "src/utils/duration.ts"
7367
+ "name": "BigNumber",
7368
+ "module": "stories/timered-counter-string/decimaljs.stories.ts"
7314
7369
  }
7315
7370
  }
7316
7371
  ]
7317
7372
  },
7318
7373
  {
7319
7374
  "kind": "javascript-module",
7320
- "path": "src/utils/extract-group-option.ts",
7375
+ "path": "stories/timered-counter-string/grapheme-splitter.stories.ts",
7321
7376
  "declarations": [
7322
7377
  {
7323
- "kind": "function",
7324
- "name": "extractGroupOption",
7325
- "parameters": [
7326
- {
7327
- "name": "option",
7328
- "type": {
7329
- "text": "P"
7330
- }
7331
- },
7332
- {
7333
- "name": "getterOptions",
7334
- "type": {
7335
- "text": "GroupGetterOptions"
7336
- }
7337
- }
7338
- ]
7339
- },
7340
- {
7341
- "kind": "function",
7342
- "name": "extractPartOption",
7343
- "parameters": [
7344
- {
7345
- "name": "option",
7346
- "type": {
7347
- "text": "P"
7348
- }
7349
- },
7350
- {
7351
- "name": "getterOptions",
7352
- "type": {
7353
- "text": "GroupGetterOptions"
7354
- }
7355
- }
7356
- ]
7357
- },
7358
- {
7359
- "kind": "function",
7360
- "name": "extractPartDigitOption",
7361
- "parameters": [
7362
- {
7363
- "name": "option",
7364
- "type": {
7365
- "text": "P"
7366
- }
7367
- },
7368
- {
7369
- "name": "getterOptions",
7370
- "type": {
7371
- "text": "GroupGetterOptions"
7372
- }
7373
- }
7374
- ]
7375
- },
7376
- {
7377
- "kind": "function",
7378
- "name": "extractPartDigitCellOption",
7379
- "parameters": [
7380
- {
7381
- "name": "option",
7382
- "type": {
7383
- "text": "P"
7384
- }
7385
- },
7386
- {
7387
- "name": "getterOptions",
7388
- "type": {
7389
- "text": "GroupGetterOptions"
7390
- }
7391
- }
7392
- ]
7393
- },
7394
- {
7395
- "kind": "function",
7396
- "name": "mergeGroupOption",
7397
- "return": {
7398
- "type": {
7399
- "text": "Result"
7400
- }
7401
- },
7402
- "parameters": [
7403
- {
7404
- "name": "data",
7405
- "type": {
7406
- "text": "Result"
7407
- }
7408
- },
7409
- {
7410
- "name": "source",
7411
- "type": {
7412
- "text": "Result"
7413
- }
7414
- }
7415
- ]
7416
- },
7417
- {
7418
- "kind": "function",
7419
- "name": "mergePartOption",
7420
- "return": {
7421
- "type": {
7422
- "text": "Result[]"
7423
- }
7378
+ "kind": "variable",
7379
+ "name": "meta",
7380
+ "type": {
7381
+ "text": "Meta"
7424
7382
  },
7425
- "parameters": [
7426
- {
7427
- "name": "data",
7428
- "default": "[]",
7429
- "type": {
7430
- "text": "Result[]"
7431
- }
7432
- },
7433
- {
7434
- "name": "source",
7435
- "default": "[]",
7436
- "type": {
7437
- "text": "Result[]"
7438
- }
7439
- }
7440
- ]
7383
+ "default": "{ title: 'TimeredCounterString/with grapheme-splitter', component: 'timered-counter-string', tags: ['autodocs', 'timered-counter-string'], parameters: { controls: { expanded: true }, }, beforeEach: () => { setNumberAdapter('decimal.js'); setStringAdapter('grapheme-splitter'); }, }"
7441
7384
  },
7442
7385
  {
7443
- "kind": "function",
7444
- "name": "mergePartDigitOption",
7445
- "return": {
7446
- "type": {
7447
- "text": "Result[][]"
7448
- }
7386
+ "kind": "variable",
7387
+ "name": "Events",
7388
+ "type": {
7389
+ "text": "StoryObj<TimeredCounterString>"
7449
7390
  },
7450
- "parameters": [
7451
- {
7452
- "name": "data",
7453
- "default": "[]",
7454
- "type": {
7455
- "text": "Result[][]"
7456
- }
7457
- },
7458
- {
7459
- "name": "source",
7460
- "default": "[]",
7461
- "type": {
7462
- "text": "Result[][]"
7463
- }
7464
- }
7465
- ]
7391
+ "default": "{ args: { className: 'test-target', animationOptions: { duration: 100 }, }, async play(context) { const { canvasElement, step } = context; const counter = canvasElement.querySelector( '.test-target', ) as TimeredCounter; const list = range(0, 5).map(() => faker.lorem.sentence({ min: 1, max: 2 }), ); await step('Testing with attribute', () => animationEvents(context, { counter, list, setBy: setByAttr, equal }), ); await step('Testing with property', () => animationEvents(context, { counter, list, setBy: setByProp, equal }), ); }, }"
7466
7392
  },
7467
- {
7468
- "kind": "function",
7469
- "name": "mergePartDigitCellOption",
7470
- "return": {
7471
- "type": {
7472
- "text": "Result[][][]"
7473
- }
7393
+ {
7394
+ "kind": "variable",
7395
+ "name": "BigNumber",
7396
+ "type": {
7397
+ "text": "StoryObj<TimeredCounterString>"
7474
7398
  },
7475
- "parameters": [
7476
- {
7477
- "name": "data",
7478
- "default": "[]",
7479
- "type": {
7480
- "text": "Result[][][]"
7481
- }
7482
- },
7483
- {
7484
- "name": "source",
7485
- "default": "[]",
7486
- "type": {
7487
- "text": "Result[][][]"
7488
- }
7489
- }
7490
- ]
7399
+ "default": "{ args: { className: 'test-target', animationOptions: { duration: 100, }, }, async play(context) { const { canvasElement, step } = context; const counter = canvasElement.querySelector( '.test-target', ) as TimeredCounter; await step('Testing with attribute', async () => bigNumber(context, { counter, setBy: setByAttr, equal }), ); await step('Testing with property', async () => bigNumber(context, { counter, setBy: setByProp, equal }), ); }, }"
7491
7400
  }
7492
7401
  ],
7493
7402
  "exports": [
7494
7403
  {
7495
7404
  "kind": "js",
7496
- "name": "extractGroupOption",
7497
- "declaration": {
7498
- "name": "extractGroupOption",
7499
- "module": "src/utils/extract-group-option.ts"
7500
- }
7501
- },
7502
- {
7503
- "kind": "js",
7504
- "name": "extractPartOption",
7405
+ "name": "Basic",
7505
7406
  "declaration": {
7506
- "name": "extractPartOption",
7507
- "module": "src/utils/extract-group-option.ts"
7407
+ "name": "Basic",
7408
+ "module": "./index.stories.js"
7508
7409
  }
7509
7410
  },
7510
7411
  {
7511
7412
  "kind": "js",
7512
- "name": "extractPartDigitOption",
7413
+ "name": "AnimationOptions",
7513
7414
  "declaration": {
7514
- "name": "extractPartDigitOption",
7515
- "module": "src/utils/extract-group-option.ts"
7415
+ "name": "AnimationOptions",
7416
+ "module": "./index.stories.js"
7516
7417
  }
7517
7418
  },
7518
7419
  {
7519
7420
  "kind": "js",
7520
- "name": "extractPartDigitCellOption",
7421
+ "name": "Styles",
7521
7422
  "declaration": {
7522
- "name": "extractPartDigitCellOption",
7523
- "module": "src/utils/extract-group-option.ts"
7423
+ "name": "Styles",
7424
+ "module": "./index.stories.js"
7524
7425
  }
7525
7426
  },
7526
7427
  {
7527
7428
  "kind": "js",
7528
- "name": "mergeGroupOption",
7429
+ "name": "Emoji",
7529
7430
  "declaration": {
7530
- "name": "mergeGroupOption",
7531
- "module": "src/utils/extract-group-option.ts"
7431
+ "name": "Emoji",
7432
+ "module": "./index.stories.js"
7532
7433
  }
7533
7434
  },
7534
7435
  {
7535
7436
  "kind": "js",
7536
- "name": "mergePartOption",
7437
+ "name": "default",
7537
7438
  "declaration": {
7538
- "name": "mergePartOption",
7539
- "module": "src/utils/extract-group-option.ts"
7439
+ "name": "meta",
7440
+ "module": "stories/timered-counter-string/grapheme-splitter.stories.ts"
7540
7441
  }
7541
7442
  },
7542
7443
  {
7543
7444
  "kind": "js",
7544
- "name": "mergePartDigitOption",
7445
+ "name": "Events",
7545
7446
  "declaration": {
7546
- "name": "mergePartDigitOption",
7547
- "module": "src/utils/extract-group-option.ts"
7447
+ "name": "Events",
7448
+ "module": "stories/timered-counter-string/grapheme-splitter.stories.ts"
7548
7449
  }
7549
7450
  },
7550
7451
  {
7551
7452
  "kind": "js",
7552
- "name": "mergePartDigitCellOption",
7453
+ "name": "BigNumber",
7553
7454
  "declaration": {
7554
- "name": "mergePartDigitCellOption",
7555
- "module": "src/utils/extract-group-option.ts"
7455
+ "name": "BigNumber",
7456
+ "module": "stories/timered-counter-string/grapheme-splitter.stories.ts"
7556
7457
  }
7557
7458
  }
7558
7459
  ]
7559
7460
  },
7560
7461
  {
7561
7462
  "kind": "javascript-module",
7562
- "path": "src/utils/iso8601-duration.ts",
7463
+ "path": "stories/timered-counter-string/index.stories.ts",
7563
7464
  "declarations": [
7564
7465
  {
7565
- "kind": "function",
7566
- "name": "iso8601Duration",
7567
- "return": {
7568
- "type": {
7569
- "text": "string"
7570
- }
7466
+ "kind": "variable",
7467
+ "name": "meta",
7468
+ "type": {
7469
+ "text": "Meta"
7571
7470
  },
7572
- "parameters": [
7573
- {
7574
- "name": "duration",
7575
- "type": {
7576
- "text": "{\n [key in DurationPartType]?: number;\n}"
7577
- }
7578
- }
7579
- ]
7471
+ "default": "{ title: 'TimeredCounterString', component: 'timered-counter-string', tags: ['autodocs', 'timered-counter-string'], parameters: { controls: { expanded: true }, }, beforeEach: () => { setNumberAdapter('number'); }, }"
7472
+ },
7473
+ {
7474
+ "kind": "variable",
7475
+ "name": "Basic",
7476
+ "type": {
7477
+ "text": "StoryObj<TimeredCounterString>"
7478
+ },
7479
+ "default": "{ args: { className: 'test-target', animationOptions: { duration: 100 }, }, async play(context) { const { canvasElement, step } = context; const counter = canvasElement.querySelector( '.test-target', ) as TimeredCounterString; const list: string[] = [ 'Hello, World!', '你好，世界！', 'こんにちは、世界！', '안녕하세요, 세계!', // 太长了 // \"Bonjour, le monde!\", 'Hallo, Welt!', 'Ciao, mondo!', 'Olá, mundo!', 'Привет, мир!', // '¡Hola, mundo!', // 'Hej, världen!', // 'Merhaba, Dünya!', // 'مرحبا بالعالم!', // 'שלום, עולם!', // 'नमस्ते, दुनिया!', // 'سلام دنیا!', ]; await step('Testing with attribute', async () => { await valueChange(context, { counter, list, setBy: setByAttr, equal }); }); await step('Testing with property', async () => { await valueChange(context, { counter, list, setBy: setByProp, equal }); }); }, }"
7480
+ },
7481
+ {
7482
+ "kind": "variable",
7483
+ "name": "Events",
7484
+ "type": {
7485
+ "text": "StoryObj<TimeredCounterString>"
7486
+ },
7487
+ "default": "{ args: { className: 'test-target', animationOptions: { duration: 100 }, }, async play(context) { const { canvasElement, step } = context; const counter = canvasElement.querySelector( '.test-target', ) as TimeredCounter; const list = range(0, 5).map(() => faker.lorem.word({ length: { min: 5, max: 10 } }), ); await step('Testing with attribute', () => animationEvents(context, { counter, list, setBy: setByAttr, equal }), ); await step('Testing with property', () => animationEvents(context, { counter, list, setBy: setByProp, equal }), ); }, }"
7488
+ },
7489
+ {
7490
+ "kind": "variable",
7491
+ "name": "AnimationOptions",
7492
+ "type": {
7493
+ "text": "StoryObj<TimeredCounterString>"
7494
+ },
7495
+ "default": "{ args: { className: 'test-target', animationOptions: { duration: 100 }, }, async play(context) { const { canvasElement, step } = context; const counter = canvasElement.querySelector( '.test-target', ) as TimeredCounter; await step('Testing with attribute', () => animationOptions(context, { counter, setBy: setByAttr }), ); }, }"
7496
+ },
7497
+ {
7498
+ "kind": "variable",
7499
+ "name": "Styles",
7500
+ "type": {
7501
+ "text": "StoryObj<TimeredCounterString>"
7502
+ },
7503
+ "default": "{ args: { className: 'test-target', animationOptions: { duration: 100 }, }, async play(context) { const { canvasElement, step } = context; const counter = canvasElement.querySelector( '.test-target', ) as TimeredCounter; await step('Testing with attribute', () => styles(context, { counter, setBy: setByAttr }), ); await step('Testing with property', () => styles(context, { counter, setBy: setByProp }), ); }, }"
7504
+ },
7505
+ {
7506
+ "kind": "variable",
7507
+ "name": "Emoji",
7508
+ "type": {
7509
+ "text": "StoryObj<TimeredCounterString>"
7510
+ },
7511
+ "default": "{ args: { className: 'test-target', animationOptions: { duration: 100 }, // partsOptions: { // fillChar: '1', // }, }, async play(context) { const { canvasElement, step } = context; const counter = canvasElement.querySelector( '.test-target', ) as TimeredCounter; const list: string[] = ['⌚', '↔️', '👩', '👩🏿', '🧑‍💻']; await step('Testing with attribute', () => emoji(context, { counter, list, setBy: setByAttr, equal }), ); await step('Testing with property', () => emoji(context, { counter, list, setBy: setByProp, equal }), ); }, }"
7580
7512
  }
7581
7513
  ],
7582
7514
  "exports": [
7583
7515
  {
7584
7516
  "kind": "js",
7585
- "name": "iso8601Duration",
7517
+ "name": "default",
7586
7518
  "declaration": {
7587
- "name": "iso8601Duration",
7588
- "module": "src/utils/iso8601-duration.ts"
7519
+ "name": "meta",
7520
+ "module": "stories/timered-counter-string/index.stories.ts"
7521
+ }
7522
+ },
7523
+ {
7524
+ "kind": "js",
7525
+ "name": "Basic",
7526
+ "declaration": {
7527
+ "name": "Basic",
7528
+ "module": "stories/timered-counter-string/index.stories.ts"
7529
+ }
7530
+ },
7531
+ {
7532
+ "kind": "js",
7533
+ "name": "Events",
7534
+ "declaration": {
7535
+ "name": "Events",
7536
+ "module": "stories/timered-counter-string/index.stories.ts"
7537
+ }
7538
+ },
7539
+ {
7540
+ "kind": "js",
7541
+ "name": "AnimationOptions",
7542
+ "declaration": {
7543
+ "name": "AnimationOptions",
7544
+ "module": "stories/timered-counter-string/index.stories.ts"
7545
+ }
7546
+ },
7547
+ {
7548
+ "kind": "js",
7549
+ "name": "Styles",
7550
+ "declaration": {
7551
+ "name": "Styles",
7552
+ "module": "stories/timered-counter-string/index.stories.ts"
7553
+ }
7554
+ },
7555
+ {
7556
+ "kind": "js",
7557
+ "name": "Emoji",
7558
+ "declaration": {
7559
+ "name": "Emoji",
7560
+ "module": "stories/timered-counter-string/index.stories.ts"
7589
7561
  }
7590
7562
  }
7591
7563
  ]
7592
7564
  },
7593
7565
  {
7594
7566
  "kind": "javascript-module",
7595
- "path": "src/utils/localized-date-time-fields.ts",
7567
+ "path": "stories/timered-counter-string/intl-segmenter.stories.ts",
7596
7568
  "declarations": [
7597
7569
  {
7598
7570
  "kind": "variable",
7599
- "name": "DateTimeFields",
7571
+ "name": "meta",
7600
7572
  "type": {
7601
- "text": "[\n \"era\",\n \"year\",\n \"quarter\",\n \"month\",\n \"weekOfYear\",\n \"weekday\",\n \"day\",\n \"dayPeriod\",\n \"hour\",\n \"minute\",\n \"second\",\n \"timeZoneName\",\n]"
7573
+ "text": "Meta"
7602
7574
  },
7603
- "default": "[ \"era\", \"year\", \"quarter\", \"month\", \"weekOfYear\", \"weekday\", \"day\", \"dayPeriod\", \"hour\", \"minute\", \"second\", \"timeZoneName\", ]"
7575
+ "default": "{ title: 'TimeredCounterString/with Intl Segmenter', component: 'timered-counter-string', tags: ['autodocs', 'timered-counter-string'], parameters: { controls: { expanded: true }, }, beforeEach: () => { setNumberAdapter('decimal.js'); setStringAdapter('intl-segmenter'); }, }"
7604
7576
  },
7605
7577
  {
7606
- "kind": "function",
7607
- "name": "getLocalizedDateTimeFields",
7608
- "parameters": [
7609
- {
7610
- "name": "locale",
7611
- "type": {
7612
- "text": "Intl.Locale"
7613
- }
7614
- }
7615
- ]
7578
+ "kind": "variable",
7579
+ "name": "Events",
7580
+ "type": {
7581
+ "text": "StoryObj<TimeredCounterString>"
7582
+ },
7583
+ "default": "{ args: { className: 'test-target', animationOptions: { duration: 100 }, }, async play(context) { const { canvasElement, step } = context; const counter = canvasElement.querySelector( '.test-target', ) as TimeredCounter; const list = range(0, 5).map(() => faker.lorem.sentence({ min: 1, max: 2 }), ); await step('Testing with attribute', () => animationEvents(context, { counter, list, setBy: setByAttr, equal }), ); await step('Testing with property', () => animationEvents(context, { counter, list, setBy: setByProp, equal }), ); }, }"
7584
+ },
7585
+ {
7586
+ "kind": "variable",
7587
+ "name": "BigNumber",
7588
+ "type": {
7589
+ "text": "StoryObj<TimeredCounterString>"
7590
+ },
7591
+ "default": "{ args: { className: 'test-target', animationOptions: { duration: 100, }, }, async play(context) { const { canvasElement, step } = context; const counter = canvasElement.querySelector( '.test-target', ) as TimeredCounter; await step('Testing with attribute', async () => bigNumber(context, { counter, setBy: setByAttr, equal }), ); await step('Testing with property', async () => bigNumber(context, { counter, setBy: setByProp, equal }), ); }, }"
7616
7592
  }
7617
7593
  ],
7618
7594
  "exports": [
7619
7595
  {
7620
7596
  "kind": "js",
7621
- "name": "DateTimeFields",
7597
+ "name": "Basic",
7622
7598
  "declaration": {
7623
- "name": "DateTimeFields",
7624
- "module": "src/utils/localized-date-time-fields.ts"
7599
+ "name": "Basic",
7600
+ "module": "./index.stories.js"
7601
+ }
7602
+ },
7603
+ {
7604
+ "kind": "js",
7605
+ "name": "AnimationOptions",
7606
+ "declaration": {
7607
+ "name": "AnimationOptions",
7608
+ "module": "./index.stories.js"
7609
+ }
7610
+ },
7611
+ {
7612
+ "kind": "js",
7613
+ "name": "Styles",
7614
+ "declaration": {
7615
+ "name": "Styles",
7616
+ "module": "./index.stories.js"
7617
+ }
7618
+ },
7619
+ {
7620
+ "kind": "js",
7621
+ "name": "Emoji",
7622
+ "declaration": {
7623
+ "name": "Emoji",
7624
+ "module": "./index.stories.js"
7625
+ }
7626
+ },
7627
+ {
7628
+ "kind": "js",
7629
+ "name": "default",
7630
+ "declaration": {
7631
+ "name": "meta",
7632
+ "module": "stories/timered-counter-string/intl-segmenter.stories.ts"
7633
+ }
7634
+ },
7635
+ {
7636
+ "kind": "js",
7637
+ "name": "Events",
7638
+ "declaration": {
7639
+ "name": "Events",
7640
+ "module": "stories/timered-counter-string/intl-segmenter.stories.ts"
7625
7641
  }
7626
7642
  },
7627
7643
  {
7628
7644
  "kind": "js",
7629
- "name": "getLocalizedDateTimeFields",
7645
+ "name": "BigNumber",
7630
7646
  "declaration": {
7631
- "name": "getLocalizedDateTimeFields",
7632
- "module": "src/utils/localized-date-time-fields.ts"
7647
+ "name": "BigNumber",
7648
+ "module": "stories/timered-counter-string/intl-segmenter.stories.ts"
7633
7649
  }
7634
7650
  }
7635
7651
  ]
7636
7652
  },
7637
7653
  {
7638
7654
  "kind": "javascript-module",
7639
- "path": "src/utils/parse-json-string.ts",
7655
+ "path": "stories/utils/index.ts",
7640
7656
  "declarations": [
7641
7657
  {
7642
7658
  "kind": "function",
7643
- "name": "parseJsonString",
7659
+ "name": "equal",
7644
7660
  "parameters": [
7645
7661
  {
7646
- "name": "value",
7662
+ "name": "counter",
7647
7663
  "type": {
7648
- "text": "string"
7664
+ "text": "TimeredCounter"
7665
+ }
7666
+ },
7667
+ {
7668
+ "name": "a",
7669
+ "type": {
7670
+ "text": "any"
7671
+ }
7672
+ },
7673
+ {
7674
+ "name": "b",
7675
+ "type": {
7676
+ "text": "any"
7649
7677
  }
7650
7678
  }
7651
7679
  ]
7652
- }
7653
- ],
7654
- "exports": [
7655
- {
7656
- "kind": "js",
7657
- "name": "parseJsonString",
7658
- "declaration": {
7659
- "name": "parseJsonString",
7660
- "module": "src/utils/parse-json-string.ts"
7661
- }
7662
- }
7663
- ]
7664
- },
7665
- {
7666
- "kind": "javascript-module",
7667
- "path": "src/utils/polyfill-keyframes.ts",
7668
- "declarations": [
7680
+ },
7669
7681
  {
7670
7682
  "kind": "function",
7671
- "name": "polyfillKeyframes",
7672
- "return": {
7673
- "type": {
7674
- "text": "Keyframe[]"
7675
- }
7676
- },
7683
+ "name": "setByAttr",
7677
7684
  "parameters": [
7678
7685
  {
7679
- "name": "keyframes",
7686
+ "name": "element",
7680
7687
  "type": {
7681
- "text": "Keyframe[] | PropertyIndexedKeyframes"
7688
+ "text": "TimeredCounter"
7689
+ }
7690
+ },
7691
+ {
7692
+ "name": "attr",
7693
+ "type": {
7694
+ "text": "string"
7695
+ }
7696
+ },
7697
+ {
7698
+ "name": "value",
7699
+ "type": {
7700
+ "text": "any"
7682
7701
  }
7683
7702
  }
7684
7703
  ]
7685
- }
7686
- ],
7687
- "exports": [
7688
- {
7689
- "kind": "js",
7690
- "name": "polyfillKeyframes",
7691
- "declaration": {
7692
- "name": "polyfillKeyframes",
7693
- "module": "src/utils/polyfill-keyframes.ts"
7694
- }
7695
- }
7696
- ]
7697
- },
7698
- {
7699
- "kind": "javascript-module",
7700
- "path": "src/utils/preprocess-part-data.ts",
7701
- "declarations": [
7704
+ },
7702
7705
  {
7703
7706
  "kind": "function",
7704
- "name": "preprocessPartData",
7707
+ "name": "setByProp",
7705
7708
  "parameters": [
7706
7709
  {
7707
- "name": "newDirection",
7710
+ "name": "element",
7708
7711
  "type": {
7709
- "text": "'up' | 'down'"
7712
+ "text": "TimeredCounter"
7710
7713
  }
7711
7714
  },
7712
7715
  {
7713
- "name": "newData",
7716
+ "name": "prop",
7714
7717
  "type": {
7715
- "text": "PartData[]"
7718
+ "text": "string"
7716
7719
  }
7717
7720
  },
7718
7721
  {
7719
- "name": "oldDirection",
7722
+ "name": "value",
7720
7723
  "type": {
7721
- "text": "'up' | 'down'"
7724
+ "text": "any"
7722
7725
  }
7723
- },
7726
+ }
7727
+ ]
7728
+ },
7729
+ {
7730
+ "kind": "function",
7731
+ "name": "sleep",
7732
+ "parameters": [
7724
7733
  {
7725
- "name": "oldData",
7734
+ "name": "ms",
7726
7735
  "type": {
7727
- "text": "PartData[]"
7736
+ "text": "number"
7728
7737
  }
7729
7738
  }
7730
7739
  ]
@@ -7733,80 +7742,118 @@
7733
7742
  "exports": [
7734
7743
  {
7735
7744
  "kind": "js",
7736
- "name": "preprocessPartData",
7745
+ "name": "equal",
7737
7746
  "declaration": {
7738
- "name": "preprocessPartData",
7739
- "module": "src/utils/preprocess-part-data.ts"
7747
+ "name": "equal",
7748
+ "module": "stories/utils/index.ts"
7749
+ }
7750
+ },
7751
+ {
7752
+ "kind": "js",
7753
+ "name": "setByAttr",
7754
+ "declaration": {
7755
+ "name": "setByAttr",
7756
+ "module": "stories/utils/index.ts"
7757
+ }
7758
+ },
7759
+ {
7760
+ "kind": "js",
7761
+ "name": "setByProp",
7762
+ "declaration": {
7763
+ "name": "setByProp",
7764
+ "module": "stories/utils/index.ts"
7765
+ }
7766
+ },
7767
+ {
7768
+ "kind": "js",
7769
+ "name": "sleep",
7770
+ "declaration": {
7771
+ "name": "sleep",
7772
+ "module": "stories/utils/index.ts"
7740
7773
  }
7741
7774
  }
7742
7775
  ]
7743
7776
  },
7744
7777
  {
7745
7778
  "kind": "javascript-module",
7746
- "path": "src/utils/transition-digit.ts",
7779
+ "path": "storybook-static/sb-manager/globals-module-info.js",
7747
7780
  "declarations": [
7748
7781
  {
7749
- "kind": "function",
7750
- "name": "transitionDigit",
7751
- "parameters": [
7752
- {
7753
- "name": "na",
7754
- "type": {
7755
- "text": "NS"
7756
- }
7757
- },
7758
- {
7759
- "name": "from",
7760
- "type": {
7761
- "text": "V"
7762
- }
7763
- },
7764
- {
7765
- "name": "to",
7766
- "type": {
7767
- "text": "V"
7768
- }
7769
- },
7770
- {
7771
- "name": "count",
7772
- "type": {
7773
- "text": "number"
7774
- }
7775
- }
7776
- ]
7782
+ "kind": "variable",
7783
+ "name": "S"
7777
7784
  }
7778
7785
  ],
7779
7786
  "exports": [
7780
7787
  {
7781
7788
  "kind": "js",
7782
- "name": "transitionDigit",
7789
+ "name": "globalsModuleInfoMap",
7783
7790
  "declaration": {
7784
- "name": "transitionDigit",
7785
- "module": "src/utils/transition-digit.ts"
7791
+ "name": "S",
7792
+ "module": "storybook-static/sb-manager/globals-module-info.js"
7786
7793
  }
7787
7794
  }
7788
7795
  ]
7789
7796
  },
7790
7797
  {
7791
7798
  "kind": "javascript-module",
7792
- "path": "src/utils/uuid.ts",
7799
+ "path": "storybook-static/sb-manager/globals-runtime.js",
7800
+ "declarations": [],
7801
+ "exports": []
7802
+ },
7803
+ {
7804
+ "kind": "javascript-module",
7805
+ "path": "storybook-static/sb-manager/globals.js",
7793
7806
  "declarations": [
7794
7807
  {
7795
- "kind": "function",
7796
- "name": "uuid"
7808
+ "kind": "variable",
7809
+ "name": "_",
7810
+ "type": {
7811
+ "text": "object"
7812
+ },
7813
+ "default": "{ react: \"__REACT__\", \"react-dom\": \"__REACT_DOM__\", \"react-dom/client\": \"__REACT_DOM_CLIENT__\", \"@storybook/icons\": \"__STORYBOOK_ICONS__\", \"storybook/internal/manager-api\": \"__STORYBOOK_API__\", \"@storybook/manager-api\": \"__STORYBOOK_API__\", \"@storybook/core/manager-api\": \"__STORYBOOK_API__\", \"storybook/internal/components\": \"__STORYBOOK_COMPONENTS__\", \"@storybook/components\": \"__STORYBOOK_COMPONENTS__\", \"@storybook/core/components\": \"__STORYBOOK_COMPONENTS__\", \"storybook/internal/channels\": \"__STORYBOOK_CHANNELS__\", \"@storybook/channels\": \"__STORYBOOK_CHANNELS__\", \"@storybook/core/channels\": \"__STORYBOOK_CHANNELS__\", \"storybook/internal/core-errors\": \"__STORYBOOK_CORE_EVENTS__\", \"@storybook/core-events\": \"__STORYBOOK_CORE_EVENTS__\", \"@storybook/core/core-events\": \"__STORYBOOK_CORE_EVENTS__\", \"storybook/internal/manager-errors\": \"__STORYBOOK_CORE_EVENTS_MANAGER_ERRORS__\", \"@storybook/core-events/manager-errors\": \"__STORYBOOK_CORE_EVENTS_MANAGER_ERRORS__\", \"@storybook/core/manager-errors\": \"__STORYBOOK_CORE_EVENTS_MANAGER_ERRORS__\", \"storybook/internal/router\": \"__STORYBOOK_ROUTER__\", \"@storybook/router\": \"__STORYBOOK_ROUTER__\", \"@storybook/core/router\": \"__STORYBOOK_ROUTER__\", \"storybook/internal/theming\": \"__STORYBOOK_THEMING__\", \"@storybook/theming\": \"__STORYBOOK_THEMING__\", \"@storybook/core/theming\": \"__STORYBOOK_THEMING__\", \"storybook/internal/theming/create\": \"__STORYBOOK_THEMING_CREATE__\", \"@storybook/theming/create\": \"__STORYBOOK_THEMING_CREATE__\", \"@storybook/core/theming/create\": \"__STORYBOOK_THEMING_CREATE__\", \"storybook/internal/client-logger\": \"__STORYBOOK_CLIENT_LOGGER__\", \"@storybook/client-logger\": \"__STORYBOOK_CLIENT_LOGGER__\", \"@storybook/core/client-logger\": \"__STORYBOOK_CLIENT_LOGGER__\", \"storybook/internal/types\": \"__STORYBOOK_TYPES__\", \"@storybook/types\": \"__STORYBOOK_TYPES__\", \"@storybook/core/types\": \"__STORYBOOK_TYPES__\" }"
7814
+ },
7815
+ {
7816
+ "kind": "variable",
7817
+ "name": "o"
7797
7818
  }
7798
7819
  ],
7799
7820
  "exports": [
7800
7821
  {
7801
7822
  "kind": "js",
7802
- "name": "uuid",
7823
+ "name": "globalPackages",
7803
7824
  "declaration": {
7804
- "name": "uuid",
7805
- "module": "src/utils/uuid.ts"
7825
+ "name": "o",
7826
+ "module": "storybook-static/sb-manager/globals.js"
7827
+ }
7828
+ },
7829
+ {
7830
+ "kind": "js",
7831
+ "name": "globalsNameReferenceMap",
7832
+ "declaration": {
7833
+ "name": "_",
7834
+ "module": "storybook-static/sb-manager/globals.js"
7806
7835
  }
7807
7836
  }
7808
7837
  ]
7809
7838
  },
7839
+ {
7840
+ "kind": "javascript-module",
7841
+ "path": "storybook-static/sb-manager/runtime.js",
7842
+ "declarations": [],
7843
+ "exports": []
7844
+ },
7845
+ {
7846
+ "kind": "javascript-module",
7847
+ "path": "storybook-static/sb-preview/globals.js",
7848
+ "declarations": [],
7849
+ "exports": []
7850
+ },
7851
+ {
7852
+ "kind": "javascript-module",
7853
+ "path": "storybook-static/sb-preview/runtime.js",
7854
+ "declarations": [],
7855
+ "exports": []
7856
+ },
7810
7857
  {
7811
7858
  "kind": "javascript-module",
7812
7859
  "path": "coverage/storybook/lcov-report/block-navigation.js",
@@ -7825,6 +7872,18 @@
7825
7872
  "declarations": [],
7826
7873
  "exports": []
7827
7874
  },
7875
+ {
7876
+ "kind": "javascript-module",
7877
+ "path": "storybook-static/sb-addons/chromatic-com-storybook-9/manager-bundle.js",
7878
+ "declarations": [],
7879
+ "exports": []
7880
+ },
7881
+ {
7882
+ "kind": "javascript-module",
7883
+ "path": "storybook-static/sb-addons/essentials-actions-2/manager-bundle.js",
7884
+ "declarations": [],
7885
+ "exports": []
7886
+ },
7828
7887
  {
7829
7888
  "kind": "javascript-module",
7830
7889
  "path": "src/transitions/roller/index.ts",
@@ -8186,7 +8245,7 @@
8186
8245
  },
8187
8246
  {
8188
8247
  "kind": "field",
8189
- "name": "__mergedDigitStyles",
8248
+ "name": "__partDigitsColorStyles",
8190
8249
  "type": {
8191
8250
  "text": "Partial<CSSStyleDeclaration>[][]"
8192
8251
  },
@@ -8364,7 +8423,7 @@
8364
8423
  {
8365
8424
  "kind": "variable",
8366
8425
  "name": "rollerStyles",
8367
- "default": "css` .counter-parts { //display: inline-flex; flex: 1 1 auto; } .roller-part { //display: inline-flex; white-space: nowrap; } .roller__prefix, .roller__suffix { flex: none; } .roller-part .roller-part__wrapper { //display: inline-block; } .roller-part .roller-part__suffix { //display: inline-block; } `"
8426
+ "default": "css` :host { display: inline-flex; overflow: hidden; /** inline-block 和 overflow-hidden 同时存在会使得基线为下边缘. 手动设置 align-bottom 以修正这个问题. @see https://stackoverflow.com/questions/22421782/css-overflow-hidden-increases-height-of-container @see https://www.w3.org/TR/CSS2/visudet.html#propdef-vertical-align */ vertical-align: bottom; } .counter-parts { display: inline-flex; flex: 1 1 auto; } .roller-part { display: inline-flex; white-space: nowrap; } .roller__prefix, .roller__suffix { flex: none; } .roller-part .roller-part__wrapper { display: inline-block; } .roller-part .roller-part__suffix { display: inline-block; } `"
8368
8427
  },
8369
8428
  {
8370
8429
  "kind": "variable",
@@ -8391,18 +8450,6 @@
8391
8450
  }
8392
8451
  ]
8393
8452
  },
8394
- {
8395
- "kind": "javascript-module",
8396
- "path": "storybook-static/sb-addons/chromatic-com-storybook-9/manager-bundle.js",
8397
- "declarations": [],
8398
- "exports": []
8399
- },
8400
- {
8401
- "kind": "javascript-module",
8402
- "path": "storybook-static/sb-addons/essentials-actions-2/manager-bundle.js",
8403
- "declarations": [],
8404
- "exports": []
8405
- },
8406
8453
  {
8407
8454
  "kind": "javascript-module",
8408
8455
  "path": "storybook-static/sb-addons/essentials-backgrounds-4/manager-bundle.js",