timered-counter 0.0.3 → 0.0.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (38) hide show
  1. package/dist/custom-elements.json +1189 -1142
  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 +4 -8
  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` 来动态设置样式.",
@@ -5592,6 +5616,159 @@
5592
5616
  "declarations": [],
5593
5617
  "exports": []
5594
5618
  },
5619
+ {
5620
+ "kind": "javascript-module",
5621
+ "path": "src/types/duration.ts",
5622
+ "declarations": [
5623
+ {
5624
+ "kind": "variable",
5625
+ "name": "DurationPartMillisecond",
5626
+ "type": {
5627
+ "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}"
5628
+ },
5629
+ "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, }"
5630
+ },
5631
+ {
5632
+ "kind": "variable",
5633
+ "name": "DurationPartMillisecondToType",
5634
+ "type": {
5635
+ "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}"
5636
+ },
5637
+ "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, }"
5638
+ }
5639
+ ],
5640
+ "exports": [
5641
+ {
5642
+ "kind": "js",
5643
+ "name": "DurationPartMillisecond",
5644
+ "declaration": {
5645
+ "name": "DurationPartMillisecond",
5646
+ "module": "src/types/duration.ts"
5647
+ }
5648
+ },
5649
+ {
5650
+ "kind": "js",
5651
+ "name": "DurationPartMillisecondToType",
5652
+ "declaration": {
5653
+ "name": "DurationPartMillisecondToType",
5654
+ "module": "src/types/duration.ts"
5655
+ }
5656
+ }
5657
+ ]
5658
+ },
5659
+ {
5660
+ "kind": "javascript-module",
5661
+ "path": "src/types/group.ts",
5662
+ "declarations": [],
5663
+ "exports": []
5664
+ },
5665
+ {
5666
+ "kind": "javascript-module",
5667
+ "path": "src/types/index.ts",
5668
+ "declarations": [],
5669
+ "exports": [
5670
+ {
5671
+ "kind": "js",
5672
+ "name": "*",
5673
+ "declaration": {
5674
+ "name": "*",
5675
+ "package": "./duration.js"
5676
+ }
5677
+ },
5678
+ {
5679
+ "kind": "js",
5680
+ "name": "*",
5681
+ "declaration": {
5682
+ "name": "*",
5683
+ "package": "./group.js"
5684
+ }
5685
+ }
5686
+ ]
5687
+ },
5688
+ {
5689
+ "kind": "javascript-module",
5690
+ "path": "src/styles/timered-counter-datetime-styles.ts",
5691
+ "declarations": [
5692
+ {
5693
+ "kind": "variable",
5694
+ "name": "timeredCounterDatetimeStyles",
5695
+ "default": "css` ::part(part-suffix) { font-size: 0.4em; line-height: 1; } `"
5696
+ }
5697
+ ],
5698
+ "exports": [
5699
+ {
5700
+ "kind": "js",
5701
+ "name": "timeredCounterDatetimeStyles",
5702
+ "declaration": {
5703
+ "name": "timeredCounterDatetimeStyles",
5704
+ "module": "src/styles/timered-counter-datetime-styles.ts"
5705
+ }
5706
+ }
5707
+ ]
5708
+ },
5709
+ {
5710
+ "kind": "javascript-module",
5711
+ "path": "src/styles/timered-counter-number-styles.ts",
5712
+ "declarations": [
5713
+ {
5714
+ "kind": "variable",
5715
+ "name": "timeredCounterNumberStyles",
5716
+ "default": "css``"
5717
+ }
5718
+ ],
5719
+ "exports": [
5720
+ {
5721
+ "kind": "js",
5722
+ "name": "timeredCounterNumberStyles",
5723
+ "declaration": {
5724
+ "name": "timeredCounterNumberStyles",
5725
+ "module": "src/styles/timered-counter-number-styles.ts"
5726
+ }
5727
+ }
5728
+ ]
5729
+ },
5730
+ {
5731
+ "kind": "javascript-module",
5732
+ "path": "src/styles/timered-counter-string-styles.ts",
5733
+ "declarations": [
5734
+ {
5735
+ "kind": "variable",
5736
+ "name": "timeredCounterStringStyles",
5737
+ "default": "css``"
5738
+ }
5739
+ ],
5740
+ "exports": [
5741
+ {
5742
+ "kind": "js",
5743
+ "name": "timeredCounterStringStyles",
5744
+ "declaration": {
5745
+ "name": "timeredCounterStringStyles",
5746
+ "module": "src/styles/timered-counter-string-styles.ts"
5747
+ }
5748
+ }
5749
+ ]
5750
+ },
5751
+ {
5752
+ "kind": "javascript-module",
5753
+ "path": "src/styles/timered-counter-styles.ts",
5754
+ "declarations": [
5755
+ {
5756
+ "kind": "variable",
5757
+ "name": "timeredCounterStyles",
5758
+ "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; //} `"
5759
+ }
5760
+ ],
5761
+ "exports": [
5762
+ {
5763
+ "kind": "js",
5764
+ "name": "timeredCounterStyles",
5765
+ "declaration": {
5766
+ "name": "timeredCounterStyles",
5767
+ "module": "src/styles/timered-counter-styles.ts"
5768
+ }
5769
+ }
5770
+ ]
5771
+ },
5595
5772
  {
5596
5773
  "kind": "javascript-module",
5597
5774
  "path": "stories/story-parts/animation-events.ts",
@@ -6172,485 +6349,686 @@
6172
6349
  },
6173
6350
  {
6174
6351
  "kind": "javascript-module",
6175
- "path": "stories/timered-counter-datetime-duration/index.stories.ts",
6352
+ "path": "src/utils/any-base.ts",
6176
6353
  "declarations": [
6354
+ {
6355
+ "kind": "function",
6356
+ "name": "anyBase",
6357
+ "parameters": [
6358
+ {
6359
+ "name": "sa",
6360
+ "type": {
6361
+ "text": "StringAdapter"
6362
+ }
6363
+ },
6364
+ {
6365
+ "name": "srcAlphabet",
6366
+ "type": {
6367
+ "text": "string"
6368
+ }
6369
+ },
6370
+ {
6371
+ "name": "dstAlphabet",
6372
+ "type": {
6373
+ "text": "string"
6374
+ }
6375
+ }
6376
+ ]
6377
+ },
6177
6378
  {
6178
6379
  "kind": "variable",
6179
- "name": "meta",
6380
+ "name": "BIN",
6180
6381
  "type": {
6181
- "text": "Meta"
6382
+ "text": "string"
6182
6383
  },
6183
- "default": "{ title: 'TimeredCounterDatetimeDuration', component: 'timered-counter-datetime-duration', tags: ['autodocs', 'timered-counter-datetime-duration'], parameters: { controls: { expanded: true }, }, beforeEach: () => { setNumberAdapter('number'); }, }"
6384
+ "default": "'01'"
6184
6385
  },
6185
6386
  {
6186
6387
  "kind": "variable",
6187
- "name": "Basic",
6388
+ "name": "OCT",
6188
6389
  "type": {
6189
- "text": "StoryObj<TimeredCounterDatetimeDuration>"
6390
+ "text": "string"
6190
6391
  },
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 }); }); }, }"
6392
+ "default": "'01234567'"
6192
6393
  },
6193
6394
  {
6194
6395
  "kind": "variable",
6195
- "name": "Precision",
6396
+ "name": "DEC",
6196
6397
  "type": {
6197
- "text": "StoryObj<TimeredCounterDatetimeDuration>"
6398
+ "text": "string"
6198
6399
  },
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 }), ); }, }"
6400
+ "default": "'0123456789'"
6200
6401
  },
6201
6402
  {
6202
6403
  "kind": "variable",
6203
- "name": "Locale",
6404
+ "name": "HEX",
6204
6405
  "type": {
6205
- "text": "StoryObj<TimeredCounterDatetimeDuration>"
6406
+ "text": "string"
6206
6407
  },
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 }), ); }, }"
6408
+ "default": "'0123456789abcdef'"
6208
6409
  }
6209
6410
  ],
6210
6411
  "exports": [
6211
6412
  {
6212
6413
  "kind": "js",
6213
- "name": "default",
6414
+ "name": "anyBase",
6214
6415
  "declaration": {
6215
- "name": "meta",
6216
- "module": "stories/timered-counter-datetime-duration/index.stories.ts"
6416
+ "name": "anyBase",
6417
+ "module": "src/utils/any-base.ts"
6217
6418
  }
6218
6419
  },
6219
6420
  {
6220
6421
  "kind": "js",
6221
- "name": "Basic",
6422
+ "name": "BIN",
6222
6423
  "declaration": {
6223
- "name": "Basic",
6224
- "module": "stories/timered-counter-datetime-duration/index.stories.ts"
6424
+ "name": "BIN",
6425
+ "module": "src/utils/any-base.ts"
6225
6426
  }
6226
6427
  },
6227
6428
  {
6228
6429
  "kind": "js",
6229
- "name": "Precision",
6430
+ "name": "OCT",
6230
6431
  "declaration": {
6231
- "name": "Precision",
6232
- "module": "stories/timered-counter-datetime-duration/index.stories.ts"
6432
+ "name": "OCT",
6433
+ "module": "src/utils/any-base.ts"
6233
6434
  }
6234
6435
  },
6235
6436
  {
6236
6437
  "kind": "js",
6237
- "name": "Locale",
6438
+ "name": "DEC",
6238
6439
  "declaration": {
6239
- "name": "Locale",
6240
- "module": "stories/timered-counter-datetime-duration/index.stories.ts"
6440
+ "name": "DEC",
6441
+ "module": "src/utils/any-base.ts"
6442
+ }
6443
+ },
6444
+ {
6445
+ "kind": "js",
6446
+ "name": "HEX",
6447
+ "declaration": {
6448
+ "name": "HEX",
6449
+ "module": "src/utils/any-base.ts"
6241
6450
  }
6242
6451
  }
6243
6452
  ]
6244
6453
  },
6245
6454
  {
6246
6455
  "kind": "javascript-module",
6247
- "path": "stories/timered-counter-number/decimaljs.stories.ts",
6456
+ "path": "src/utils/duration.ts",
6248
6457
  "declarations": [
6249
6458
  {
6250
- "kind": "variable",
6251
- "name": "meta",
6252
- "type": {
6253
- "text": "Meta"
6459
+ "kind": "function",
6460
+ "name": "durationObject",
6461
+ "return": {
6462
+ "type": {
6463
+ "text": "{ [key in DurationPartType]?: number }"
6464
+ }
6254
6465
  },
6255
- "default": "{ title: 'TimeredCounterNumber/with decimal.js', component: 'timered-counter-number', tags: ['autodocs', 'timered-counter-number'], parameters: { controls: { expanded: true }, }, beforeEach: () => { setNumberAdapter('decimal.js'); }, }"
6466
+ "parameters": [
6467
+ {
6468
+ "name": "start",
6469
+ "type": {
6470
+ "text": "Date"
6471
+ }
6472
+ },
6473
+ {
6474
+ "name": "end",
6475
+ "type": {
6476
+ "text": "Date"
6477
+ }
6478
+ },
6479
+ {
6480
+ "name": "parts",
6481
+ "type": {
6482
+ "text": "DurationPartType[]"
6483
+ }
6484
+ }
6485
+ ],
6486
+ "description": "计算两个日期之间的时间间隔. 返回一个数组, 包含 parts 每个部分的值."
6256
6487
  },
6257
6488
  {
6258
- "kind": "variable",
6259
- "name": "BigNumber",
6260
- "type": {
6261
- "text": "StoryObj<TimeredCounterNumber>"
6489
+ "kind": "function",
6490
+ "name": "duration",
6491
+ "return": {
6492
+ "type": {
6493
+ "text": "number[]"
6494
+ }
6262
6495
  },
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 }), ); }, }"
6496
+ "parameters": [
6497
+ {
6498
+ "name": "start",
6499
+ "type": {
6500
+ "text": "Date"
6501
+ }
6502
+ },
6503
+ {
6504
+ "name": "end",
6505
+ "type": {
6506
+ "text": "Date"
6507
+ }
6508
+ },
6509
+ {
6510
+ "name": "parts",
6511
+ "type": {
6512
+ "text": "DurationPartType[]"
6513
+ }
6514
+ }
6515
+ ]
6264
6516
  }
6265
6517
  ],
6266
6518
  "exports": [
6267
6519
  {
6268
6520
  "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",
6286
- "declaration": {
6287
- "name": "Styles",
6288
- "module": "./index.stories.js"
6289
- }
6290
- },
6291
- {
6292
- "kind": "js",
6293
- "name": "LocaleNumber",
6294
- "declaration": {
6295
- "name": "LocaleNumber",
6296
- "module": "./index.stories.js"
6297
- }
6298
- },
6299
- {
6300
- "kind": "js",
6301
- "name": "AnimationOptions",
6302
- "declaration": {
6303
- "name": "AnimationOptions",
6304
- "module": "./index.stories.js"
6305
- }
6306
- },
6307
- {
6308
- "kind": "js",
6309
- "name": "default",
6521
+ "name": "durationObject",
6310
6522
  "declaration": {
6311
- "name": "meta",
6312
- "module": "stories/timered-counter-number/decimaljs.stories.ts"
6523
+ "name": "durationObject",
6524
+ "module": "src/utils/duration.ts"
6313
6525
  }
6314
6526
  },
6315
6527
  {
6316
6528
  "kind": "js",
6317
- "name": "BigNumber",
6529
+ "name": "duration",
6318
6530
  "declaration": {
6319
- "name": "BigNumber",
6320
- "module": "stories/timered-counter-number/decimaljs.stories.ts"
6531
+ "name": "duration",
6532
+ "module": "src/utils/duration.ts"
6321
6533
  }
6322
6534
  }
6323
6535
  ]
6324
6536
  },
6325
6537
  {
6326
6538
  "kind": "javascript-module",
6327
- "path": "stories/timered-counter-number/index.stories.ts",
6539
+ "path": "src/utils/extract-group-option.ts",
6328
6540
  "declarations": [
6329
6541
  {
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'); }, }"
6542
+ "kind": "function",
6543
+ "name": "extractGroupOption",
6544
+ "parameters": [
6545
+ {
6546
+ "name": "option",
6547
+ "type": {
6548
+ "text": "P"
6549
+ }
6550
+ },
6551
+ {
6552
+ "name": "getterOptions",
6553
+ "type": {
6554
+ "text": "GroupGetterOptions"
6555
+ }
6556
+ }
6557
+ ]
6336
6558
  },
6337
6559
  {
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, }), ); }); }, }"
6560
+ "kind": "function",
6561
+ "name": "extractPartOption",
6562
+ "parameters": [
6563
+ {
6564
+ "name": "option",
6565
+ "type": {
6566
+ "text": "P"
6567
+ }
6568
+ },
6569
+ {
6570
+ "name": "getterOptions",
6571
+ "type": {
6572
+ "text": "GroupGetterOptions"
6573
+ }
6574
+ }
6575
+ ]
6344
6576
  },
6345
6577
  {
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, }), ); }); }, }"
6578
+ "kind": "function",
6579
+ "name": "extractPartDigitOption",
6580
+ "parameters": [
6581
+ {
6582
+ "name": "option",
6583
+ "type": {
6584
+ "text": "P"
6585
+ }
6586
+ },
6587
+ {
6588
+ "name": "getterOptions",
6589
+ "type": {
6590
+ "text": "GroupGetterOptions"
6591
+ }
6592
+ }
6593
+ ]
6352
6594
  },
6353
6595
  {
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, // }), // ); // }); }, }"
6596
+ "kind": "function",
6597
+ "name": "extractPartDigitCellOption",
6598
+ "parameters": [
6599
+ {
6600
+ "name": "option",
6601
+ "type": {
6602
+ "text": "P"
6603
+ }
6604
+ },
6605
+ {
6606
+ "name": "getterOptions",
6607
+ "type": {
6608
+ "text": "GroupGetterOptions"
6609
+ }
6610
+ }
6611
+ ]
6360
6612
  },
6361
6613
  {
6362
- "kind": "variable",
6363
- "name": "Styles",
6364
- "type": {
6365
- "text": "StoryObj<TimeredCounterNumber>"
6614
+ "kind": "function",
6615
+ "name": "mergeGroupOption",
6616
+ "return": {
6617
+ "type": {
6618
+ "text": "Result"
6619
+ }
6366
6620
  },
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, }), ); }); }, }"
6621
+ "parameters": [
6622
+ {
6623
+ "name": "data",
6624
+ "type": {
6625
+ "text": "Result"
6626
+ }
6627
+ },
6628
+ {
6629
+ "name": "source",
6630
+ "type": {
6631
+ "text": "Result"
6632
+ }
6633
+ }
6634
+ ]
6368
6635
  },
6369
6636
  {
6370
- "kind": "variable",
6371
- "name": "LocaleNumber",
6372
- "type": {
6373
- "text": "StoryObj<TimeredCounterNumber>"
6637
+ "kind": "function",
6638
+ "name": "mergePartOption",
6639
+ "return": {
6640
+ "type": {
6641
+ "text": "Result[]"
6642
+ }
6374
6643
  },
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, }), ); }); }, }"
6376
- }
6377
- ],
6378
- "exports": [
6379
- {
6380
- "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",
6390
- "declaration": {
6391
- "name": "Basic",
6392
- "module": "stories/timered-counter-number/index.stories.ts"
6393
- }
6394
- },
6395
- {
6396
- "kind": "js",
6397
- "name": "Events",
6398
- "declaration": {
6399
- "name": "Events",
6400
- "module": "stories/timered-counter-number/index.stories.ts"
6401
- }
6402
- },
6403
- {
6404
- "kind": "js",
6405
- "name": "AnimationOptions",
6406
- "declaration": {
6407
- "name": "AnimationOptions",
6408
- "module": "stories/timered-counter-number/index.stories.ts"
6409
- }
6410
- },
6411
- {
6412
- "kind": "js",
6413
- "name": "Styles",
6414
- "declaration": {
6415
- "name": "Styles",
6416
- "module": "stories/timered-counter-number/index.stories.ts"
6417
- }
6644
+ "parameters": [
6645
+ {
6646
+ "name": "data",
6647
+ "default": "[]",
6648
+ "type": {
6649
+ "text": "Result[]"
6650
+ }
6651
+ },
6652
+ {
6653
+ "name": "source",
6654
+ "default": "[]",
6655
+ "type": {
6656
+ "text": "Result[]"
6657
+ }
6658
+ }
6659
+ ]
6418
6660
  },
6419
6661
  {
6420
- "kind": "js",
6421
- "name": "LocaleNumber",
6422
- "declaration": {
6423
- "name": "LocaleNumber",
6424
- "module": "stories/timered-counter-number/index.stories.ts"
6425
- }
6426
- }
6427
- ]
6428
- },
6429
- {
6430
- "kind": "javascript-module",
6431
- "path": "src/types/duration.ts",
6432
- "declarations": [
6433
- {
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}"
6662
+ "kind": "function",
6663
+ "name": "mergePartDigitOption",
6664
+ "return": {
6665
+ "type": {
6666
+ "text": "Result[][]"
6667
+ }
6438
6668
  },
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, }"
6669
+ "parameters": [
6670
+ {
6671
+ "name": "data",
6672
+ "default": "[]",
6673
+ "type": {
6674
+ "text": "Result[][]"
6675
+ }
6676
+ },
6677
+ {
6678
+ "name": "source",
6679
+ "default": "[]",
6680
+ "type": {
6681
+ "text": "Result[][]"
6682
+ }
6683
+ }
6684
+ ]
6440
6685
  },
6441
6686
  {
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}"
6687
+ "kind": "function",
6688
+ "name": "mergePartDigitCellOption",
6689
+ "return": {
6690
+ "type": {
6691
+ "text": "Result[][][]"
6692
+ }
6446
6693
  },
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, }"
6694
+ "parameters": [
6695
+ {
6696
+ "name": "data",
6697
+ "default": "[]",
6698
+ "type": {
6699
+ "text": "Result[][][]"
6700
+ }
6701
+ },
6702
+ {
6703
+ "name": "source",
6704
+ "default": "[]",
6705
+ "type": {
6706
+ "text": "Result[][][]"
6707
+ }
6708
+ }
6709
+ ]
6448
6710
  }
6449
6711
  ],
6450
6712
  "exports": [
6451
6713
  {
6452
6714
  "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",
6462
- "declaration": {
6463
- "name": "DurationPartMillisecondToType",
6464
- "module": "src/types/duration.ts"
6465
- }
6466
- }
6467
- ]
6468
- },
6469
- {
6470
- "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",
6478
- "declarations": [
6479
- {
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 }), ); }, }"
6502
- }
6503
- ],
6504
- "exports": [
6715
+ "name": "extractGroupOption",
6716
+ "declaration": {
6717
+ "name": "extractGroupOption",
6718
+ "module": "src/utils/extract-group-option.ts"
6719
+ }
6720
+ },
6505
6721
  {
6506
6722
  "kind": "js",
6507
- "name": "Basic",
6723
+ "name": "extractPartOption",
6508
6724
  "declaration": {
6509
- "name": "Basic",
6510
- "module": "./index.stories.js"
6725
+ "name": "extractPartOption",
6726
+ "module": "src/utils/extract-group-option.ts"
6511
6727
  }
6512
6728
  },
6513
6729
  {
6514
6730
  "kind": "js",
6515
- "name": "AnimationOptions",
6731
+ "name": "extractPartDigitOption",
6516
6732
  "declaration": {
6517
- "name": "AnimationOptions",
6518
- "module": "./index.stories.js"
6733
+ "name": "extractPartDigitOption",
6734
+ "module": "src/utils/extract-group-option.ts"
6519
6735
  }
6520
6736
  },
6521
6737
  {
6522
6738
  "kind": "js",
6523
- "name": "Styles",
6739
+ "name": "extractPartDigitCellOption",
6524
6740
  "declaration": {
6525
- "name": "Styles",
6526
- "module": "./index.stories.js"
6741
+ "name": "extractPartDigitCellOption",
6742
+ "module": "src/utils/extract-group-option.ts"
6527
6743
  }
6528
6744
  },
6529
6745
  {
6530
6746
  "kind": "js",
6531
- "name": "Emoji",
6747
+ "name": "mergeGroupOption",
6532
6748
  "declaration": {
6533
- "name": "Emoji",
6534
- "module": "./index.stories.js"
6749
+ "name": "mergeGroupOption",
6750
+ "module": "src/utils/extract-group-option.ts"
6535
6751
  }
6536
6752
  },
6537
6753
  {
6538
6754
  "kind": "js",
6539
- "name": "default",
6755
+ "name": "mergePartOption",
6540
6756
  "declaration": {
6541
- "name": "meta",
6542
- "module": "stories/timered-counter-string/decimaljs.stories.ts"
6757
+ "name": "mergePartOption",
6758
+ "module": "src/utils/extract-group-option.ts"
6543
6759
  }
6544
6760
  },
6545
6761
  {
6546
6762
  "kind": "js",
6547
- "name": "Events",
6763
+ "name": "mergePartDigitOption",
6548
6764
  "declaration": {
6549
- "name": "Events",
6550
- "module": "stories/timered-counter-string/decimaljs.stories.ts"
6765
+ "name": "mergePartDigitOption",
6766
+ "module": "src/utils/extract-group-option.ts"
6551
6767
  }
6552
6768
  },
6553
6769
  {
6554
6770
  "kind": "js",
6555
- "name": "BigNumber",
6771
+ "name": "mergePartDigitCellOption",
6556
6772
  "declaration": {
6557
- "name": "BigNumber",
6558
- "module": "stories/timered-counter-string/decimaljs.stories.ts"
6773
+ "name": "mergePartDigitCellOption",
6774
+ "module": "src/utils/extract-group-option.ts"
6559
6775
  }
6560
6776
  }
6561
6777
  ]
6562
6778
  },
6563
6779
  {
6564
6780
  "kind": "javascript-module",
6565
- "path": "stories/timered-counter-string/grapheme-splitter.stories.ts",
6781
+ "path": "src/utils/iso8601-duration.ts",
6566
6782
  "declarations": [
6567
6783
  {
6568
- "kind": "variable",
6569
- "name": "meta",
6570
- "type": {
6571
- "text": "Meta"
6784
+ "kind": "function",
6785
+ "name": "iso8601Duration",
6786
+ "return": {
6787
+ "type": {
6788
+ "text": "string"
6789
+ }
6572
6790
  },
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
- },
6791
+ "parameters": [
6792
+ {
6793
+ "name": "duration",
6794
+ "type": {
6795
+ "text": "{\n [key in DurationPartType]?: number;\n}"
6796
+ }
6797
+ }
6798
+ ]
6799
+ }
6800
+ ],
6801
+ "exports": [
6802
+ {
6803
+ "kind": "js",
6804
+ "name": "iso8601Duration",
6805
+ "declaration": {
6806
+ "name": "iso8601Duration",
6807
+ "module": "src/utils/iso8601-duration.ts"
6808
+ }
6809
+ }
6810
+ ]
6811
+ },
6812
+ {
6813
+ "kind": "javascript-module",
6814
+ "path": "src/utils/localized-date-time-fields.ts",
6815
+ "declarations": [
6575
6816
  {
6576
6817
  "kind": "variable",
6577
- "name": "Events",
6818
+ "name": "DateTimeFields",
6578
6819
  "type": {
6579
- "text": "StoryObj<TimeredCounterString>"
6820
+ "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]"
6580
6821
  },
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 }), ); }, }"
6822
+ "default": "[ \"era\", \"year\", \"quarter\", \"month\", \"weekOfYear\", \"weekday\", \"day\", \"dayPeriod\", \"hour\", \"minute\", \"second\", \"timeZoneName\", ]"
6582
6823
  },
6583
6824
  {
6584
- "kind": "variable",
6585
- "name": "BigNumber",
6586
- "type": {
6587
- "text": "StoryObj<TimeredCounterString>"
6588
- },
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 }), ); }, }"
6825
+ "kind": "function",
6826
+ "name": "getLocalizedDateTimeFields",
6827
+ "parameters": [
6828
+ {
6829
+ "name": "locale",
6830
+ "type": {
6831
+ "text": "Intl.Locale"
6832
+ }
6833
+ }
6834
+ ]
6590
6835
  }
6591
6836
  ],
6592
6837
  "exports": [
6593
6838
  {
6594
6839
  "kind": "js",
6595
- "name": "Basic",
6840
+ "name": "DateTimeFields",
6596
6841
  "declaration": {
6597
- "name": "Basic",
6598
- "module": "./index.stories.js"
6842
+ "name": "DateTimeFields",
6843
+ "module": "src/utils/localized-date-time-fields.ts"
6599
6844
  }
6600
6845
  },
6601
6846
  {
6602
6847
  "kind": "js",
6603
- "name": "AnimationOptions",
6848
+ "name": "getLocalizedDateTimeFields",
6604
6849
  "declaration": {
6605
- "name": "AnimationOptions",
6606
- "module": "./index.stories.js"
6850
+ "name": "getLocalizedDateTimeFields",
6851
+ "module": "src/utils/localized-date-time-fields.ts"
6607
6852
  }
6608
- },
6853
+ }
6854
+ ]
6855
+ },
6856
+ {
6857
+ "kind": "javascript-module",
6858
+ "path": "src/utils/parse-json-string.ts",
6859
+ "declarations": [
6860
+ {
6861
+ "kind": "function",
6862
+ "name": "parseJsonString",
6863
+ "parameters": [
6864
+ {
6865
+ "name": "value",
6866
+ "type": {
6867
+ "text": "string"
6868
+ }
6869
+ }
6870
+ ]
6871
+ }
6872
+ ],
6873
+ "exports": [
6609
6874
  {
6610
6875
  "kind": "js",
6611
- "name": "Styles",
6876
+ "name": "parseJsonString",
6612
6877
  "declaration": {
6613
- "name": "Styles",
6614
- "module": "./index.stories.js"
6878
+ "name": "parseJsonString",
6879
+ "module": "src/utils/parse-json-string.ts"
6615
6880
  }
6616
- },
6881
+ }
6882
+ ]
6883
+ },
6884
+ {
6885
+ "kind": "javascript-module",
6886
+ "path": "src/utils/polyfill-keyframes.ts",
6887
+ "declarations": [
6888
+ {
6889
+ "kind": "function",
6890
+ "name": "polyfillKeyframes",
6891
+ "return": {
6892
+ "type": {
6893
+ "text": "Keyframe[]"
6894
+ }
6895
+ },
6896
+ "parameters": [
6897
+ {
6898
+ "name": "keyframes",
6899
+ "type": {
6900
+ "text": "Keyframe[] | PropertyIndexedKeyframes"
6901
+ }
6902
+ }
6903
+ ]
6904
+ }
6905
+ ],
6906
+ "exports": [
6617
6907
  {
6618
6908
  "kind": "js",
6619
- "name": "Emoji",
6909
+ "name": "polyfillKeyframes",
6620
6910
  "declaration": {
6621
- "name": "Emoji",
6622
- "module": "./index.stories.js"
6911
+ "name": "polyfillKeyframes",
6912
+ "module": "src/utils/polyfill-keyframes.ts"
6623
6913
  }
6624
- },
6914
+ }
6915
+ ]
6916
+ },
6917
+ {
6918
+ "kind": "javascript-module",
6919
+ "path": "src/utils/preprocess-part-data.ts",
6920
+ "declarations": [
6921
+ {
6922
+ "kind": "function",
6923
+ "name": "preprocessPartData",
6924
+ "parameters": [
6925
+ {
6926
+ "name": "newDirection",
6927
+ "type": {
6928
+ "text": "'up' | 'down'"
6929
+ }
6930
+ },
6931
+ {
6932
+ "name": "newData",
6933
+ "type": {
6934
+ "text": "PartData[]"
6935
+ }
6936
+ },
6937
+ {
6938
+ "name": "oldDirection",
6939
+ "type": {
6940
+ "text": "'up' | 'down'"
6941
+ }
6942
+ },
6943
+ {
6944
+ "name": "oldData",
6945
+ "type": {
6946
+ "text": "PartData[]"
6947
+ }
6948
+ }
6949
+ ]
6950
+ }
6951
+ ],
6952
+ "exports": [
6953
+ {
6954
+ "kind": "js",
6955
+ "name": "preprocessPartData",
6956
+ "declaration": {
6957
+ "name": "preprocessPartData",
6958
+ "module": "src/utils/preprocess-part-data.ts"
6959
+ }
6960
+ }
6961
+ ]
6962
+ },
6963
+ {
6964
+ "kind": "javascript-module",
6965
+ "path": "src/utils/transition-digit.ts",
6966
+ "declarations": [
6967
+ {
6968
+ "kind": "function",
6969
+ "name": "transitionDigit",
6970
+ "parameters": [
6971
+ {
6972
+ "name": "na",
6973
+ "type": {
6974
+ "text": "NS"
6975
+ }
6976
+ },
6977
+ {
6978
+ "name": "from",
6979
+ "type": {
6980
+ "text": "V"
6981
+ }
6982
+ },
6983
+ {
6984
+ "name": "to",
6985
+ "type": {
6986
+ "text": "V"
6987
+ }
6988
+ },
6989
+ {
6990
+ "name": "count",
6991
+ "type": {
6992
+ "text": "number"
6993
+ }
6994
+ }
6995
+ ]
6996
+ }
6997
+ ],
6998
+ "exports": [
6625
6999
  {
6626
7000
  "kind": "js",
6627
- "name": "default",
7001
+ "name": "transitionDigit",
6628
7002
  "declaration": {
6629
- "name": "meta",
6630
- "module": "stories/timered-counter-string/grapheme-splitter.stories.ts"
7003
+ "name": "transitionDigit",
7004
+ "module": "src/utils/transition-digit.ts"
6631
7005
  }
6632
- },
7006
+ }
7007
+ ]
7008
+ },
7009
+ {
7010
+ "kind": "javascript-module",
7011
+ "path": "src/utils/uuid.ts",
7012
+ "declarations": [
6633
7013
  {
6634
- "kind": "js",
6635
- "name": "Events",
6636
- "declaration": {
6637
- "name": "Events",
6638
- "module": "stories/timered-counter-string/grapheme-splitter.stories.ts"
6639
- }
6640
- },
7014
+ "kind": "function",
7015
+ "name": "uuid"
7016
+ }
7017
+ ],
7018
+ "exports": [
6641
7019
  {
6642
7020
  "kind": "js",
6643
- "name": "BigNumber",
7021
+ "name": "uuid",
6644
7022
  "declaration": {
6645
- "name": "BigNumber",
6646
- "module": "stories/timered-counter-string/grapheme-splitter.stories.ts"
7023
+ "name": "uuid",
7024
+ "module": "src/utils/uuid.ts"
6647
7025
  }
6648
7026
  }
6649
7027
  ]
6650
7028
  },
6651
7029
  {
6652
7030
  "kind": "javascript-module",
6653
- "path": "stories/timered-counter-string/index.stories.ts",
7031
+ "path": "stories/timered-counter-datetime-duration/index.stories.ts",
6654
7032
  "declarations": [
6655
7033
  {
6656
7034
  "kind": "variable",
@@ -6658,47 +7036,31 @@
6658
7036
  "type": {
6659
7037
  "text": "Meta"
6660
7038
  },
6661
- "default": "{ title: 'TimeredCounterString', component: 'timered-counter-string', tags: ['autodocs', 'timered-counter-string'], parameters: { controls: { expanded: true }, }, beforeEach: () => { setNumberAdapter('number'); }, }"
7039
+ "default": "{ title: 'TimeredCounterDatetimeDuration', component: 'timered-counter-datetime-duration', tags: ['autodocs', 'timered-counter-datetime-duration'], parameters: { controls: { expanded: true }, }, beforeEach: () => { setNumberAdapter('number'); }, }"
6662
7040
  },
6663
7041
  {
6664
7042
  "kind": "variable",
6665
7043
  "name": "Basic",
6666
7044
  "type": {
6667
- "text": "StoryObj<TimeredCounterString>"
6668
- },
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 }); }); }, }"
6670
- },
6671
- {
6672
- "kind": "variable",
6673
- "name": "Events",
6674
- "type": {
6675
- "text": "StoryObj<TimeredCounterString>"
6676
- },
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 }), ); }, }"
6678
- },
6679
- {
6680
- "kind": "variable",
6681
- "name": "AnimationOptions",
6682
- "type": {
6683
- "text": "StoryObj<TimeredCounterString>"
7045
+ "text": "StoryObj<TimeredCounterDatetimeDuration>"
6684
7046
  },
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 }), ); }, }"
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 }); }); }, }"
6686
7048
  },
6687
7049
  {
6688
7050
  "kind": "variable",
6689
- "name": "Styles",
7051
+ "name": "Precision",
6690
7052
  "type": {
6691
- "text": "StoryObj<TimeredCounterString>"
7053
+ "text": "StoryObj<TimeredCounterDatetimeDuration>"
6692
7054
  },
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 }), ); }, }"
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 }), ); }, }"
6694
7056
  },
6695
7057
  {
6696
7058
  "kind": "variable",
6697
- "name": "Emoji",
7059
+ "name": "Locale",
6698
7060
  "type": {
6699
- "text": "StoryObj<TimeredCounterString>"
7061
+ "text": "StoryObj<TimeredCounterDatetimeDuration>"
6700
7062
  },
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 }), ); }, }"
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 }), ); }, }"
6702
7064
  }
6703
7065
  ],
6704
7066
  "exports": [
@@ -6707,7 +7069,7 @@
6707
7069
  "name": "default",
6708
7070
  "declaration": {
6709
7071
  "name": "meta",
6710
- "module": "stories/timered-counter-string/index.stories.ts"
7072
+ "module": "stories/timered-counter-datetime-duration/index.stories.ts"
6711
7073
  }
6712
7074
  },
6713
7075
  {
@@ -6715,46 +7077,30 @@
6715
7077
  "name": "Basic",
6716
7078
  "declaration": {
6717
7079
  "name": "Basic",
6718
- "module": "stories/timered-counter-string/index.stories.ts"
6719
- }
6720
- },
6721
- {
6722
- "kind": "js",
6723
- "name": "Events",
6724
- "declaration": {
6725
- "name": "Events",
6726
- "module": "stories/timered-counter-string/index.stories.ts"
6727
- }
6728
- },
6729
- {
6730
- "kind": "js",
6731
- "name": "AnimationOptions",
6732
- "declaration": {
6733
- "name": "AnimationOptions",
6734
- "module": "stories/timered-counter-string/index.stories.ts"
7080
+ "module": "stories/timered-counter-datetime-duration/index.stories.ts"
6735
7081
  }
6736
7082
  },
6737
7083
  {
6738
7084
  "kind": "js",
6739
- "name": "Styles",
7085
+ "name": "Precision",
6740
7086
  "declaration": {
6741
- "name": "Styles",
6742
- "module": "stories/timered-counter-string/index.stories.ts"
7087
+ "name": "Precision",
7088
+ "module": "stories/timered-counter-datetime-duration/index.stories.ts"
6743
7089
  }
6744
7090
  },
6745
7091
  {
6746
7092
  "kind": "js",
6747
- "name": "Emoji",
7093
+ "name": "Locale",
6748
7094
  "declaration": {
6749
- "name": "Emoji",
6750
- "module": "stories/timered-counter-string/index.stories.ts"
7095
+ "name": "Locale",
7096
+ "module": "stories/timered-counter-datetime-duration/index.stories.ts"
6751
7097
  }
6752
7098
  }
6753
7099
  ]
6754
7100
  },
6755
7101
  {
6756
7102
  "kind": "javascript-module",
6757
- "path": "stories/timered-counter-string/intl-segmenter.stories.ts",
7103
+ "path": "stories/timered-counter-number/decimaljs.stories.ts",
6758
7104
  "declarations": [
6759
7105
  {
6760
7106
  "kind": "variable",
@@ -6762,23 +7108,15 @@
6762
7108
  "type": {
6763
7109
  "text": "Meta"
6764
7110
  },
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'); }, }"
6766
- },
6767
- {
6768
- "kind": "variable",
6769
- "name": "Events",
6770
- "type": {
6771
- "text": "StoryObj<TimeredCounterString>"
6772
- },
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 }), ); }, }"
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,923 +7146,594 @@
6808
7146
  },
6809
7147
  {
6810
7148
  "kind": "js",
6811
- "name": "Emoji",
6812
- "declaration": {
6813
- "name": "Emoji",
6814
- "module": "./index.stories.js"
6815
- }
6816
- },
6817
- {
6818
- "kind": "js",
6819
- "name": "default",
6820
- "declaration": {
6821
- "name": "meta",
6822
- "module": "stories/timered-counter-string/intl-segmenter.stories.ts"
6823
- }
6824
- },
6825
- {
6826
- "kind": "js",
6827
- "name": "Events",
6828
- "declaration": {
6829
- "name": "Events",
6830
- "module": "stories/timered-counter-string/intl-segmenter.stories.ts"
6831
- }
6832
- },
6833
- {
6834
- "kind": "js",
6835
- "name": "BigNumber",
6836
- "declaration": {
6837
- "name": "BigNumber",
6838
- "module": "stories/timered-counter-string/intl-segmenter.stories.ts"
6839
- }
6840
- }
6841
- ]
6842
- },
6843
- {
6844
- "kind": "javascript-module",
6845
- "path": "stories/utils/index.ts",
6846
- "declarations": [
6847
- {
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
- ]
6870
- },
6871
- {
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
- ]
6894
- },
6895
- {
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
- ]
6918
- },
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",
7149
+ "name": "LocaleNumber",
6936
7150
  "declaration": {
6937
- "name": "equal",
6938
- "module": "stories/utils/index.ts"
7151
+ "name": "LocaleNumber",
7152
+ "module": "./index.stories.js"
6939
7153
  }
6940
7154
  },
6941
7155
  {
6942
7156
  "kind": "js",
6943
- "name": "setByAttr",
7157
+ "name": "AnimationOptions",
6944
7158
  "declaration": {
6945
- "name": "setByAttr",
6946
- "module": "stories/utils/index.ts"
7159
+ "name": "AnimationOptions",
7160
+ "module": "./index.stories.js"
6947
7161
  }
6948
7162
  },
6949
7163
  {
6950
7164
  "kind": "js",
6951
- "name": "setByProp",
7165
+ "name": "default",
6952
7166
  "declaration": {
6953
- "name": "setByProp",
6954
- "module": "stories/utils/index.ts"
7167
+ "name": "meta",
7168
+ "module": "stories/timered-counter-number/decimaljs.stories.ts"
6955
7169
  }
6956
7170
  },
6957
7171
  {
6958
7172
  "kind": "js",
6959
- "name": "sleep",
7173
+ "name": "BigNumber",
6960
7174
  "declaration": {
6961
- "name": "sleep",
6962
- "module": "stories/utils/index.ts"
7175
+ "name": "BigNumber",
7176
+ "module": "stories/timered-counter-number/decimaljs.stories.ts"
6963
7177
  }
6964
7178
  }
6965
7179
  ]
6966
7180
  },
6967
7181
  {
6968
7182
  "kind": "javascript-module",
6969
- "path": "storybook-static/sb-manager/globals-module-info.js",
7183
+ "path": "stories/timered-counter-number/index.stories.ts",
6970
7184
  "declarations": [
6971
7185
  {
6972
7186
  "kind": "variable",
6973
- "name": "S"
6974
- }
6975
- ],
6976
- "exports": [
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'); }, }"
7192
+ },
6977
7193
  {
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": [
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, }), ); }); }, }"
7200
+ },
6997
7201
  {
6998
7202
  "kind": "variable",
6999
- "name": "_",
7203
+ "name": "Events",
7000
7204
  "type": {
7001
- "text": "object"
7205
+ "text": "StoryObj<TimeredCounterNumber>"
7002
7206
  },
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__\" }"
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, }), ); }); }, }"
7004
7208
  },
7005
7209
  {
7006
7210
  "kind": "variable",
7007
- "name": "o"
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
+ },
7217
+ {
7218
+ "kind": "variable",
7219
+ "name": "Styles",
7220
+ "type": {
7221
+ "text": "StoryObj<TimeredCounterNumber>"
7222
+ },
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, }), ); }); }, }"
7224
+ },
7225
+ {
7226
+ "kind": "variable",
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
- }
7424
- },
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
- ]
7441
- },
7442
- {
7443
- "kind": "function",
7444
- "name": "mergePartDigitOption",
7445
- "return": {
7446
- "type": {
7447
- "text": "Result[][]"
7448
- }
7378
+ "kind": "variable",
7379
+ "name": "meta",
7380
+ "type": {
7381
+ "text": "Meta"
7449
7382
  },
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
- ]
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'); }, }"
7466
7384
  },
7467
7385
  {
7468
- "kind": "function",
7469
- "name": "mergePartDigitCellOption",
7470
- "return": {
7471
- "type": {
7472
- "text": "Result[][][]"
7473
- }
7386
+ "kind": "variable",
7387
+ "name": "Events",
7388
+ "type": {
7389
+ "text": "StoryObj<TimeredCounterString>"
7474
7390
  },
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
- ]
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 }), ); }, }"
7392
+ },
7393
+ {
7394
+ "kind": "variable",
7395
+ "name": "BigNumber",
7396
+ "type": {
7397
+ "text": "StoryObj<TimeredCounterString>"
7398
+ },
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",
7598
+ "declaration": {
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",
7622
7630
  "declaration": {
7623
- "name": "DateTimeFields",
7624
- "module": "src/utils/localized-date-time-fields.ts"
7631
+ "name": "meta",
7632
+ "module": "stories/timered-counter-string/intl-segmenter.stories.ts"
7625
7633
  }
7626
7634
  },
7627
7635
  {
7628
7636
  "kind": "js",
7629
- "name": "getLocalizedDateTimeFields",
7637
+ "name": "Events",
7630
7638
  "declaration": {
7631
- "name": "getLocalizedDateTimeFields",
7632
- "module": "src/utils/localized-date-time-fields.ts"
7639
+ "name": "Events",
7640
+ "module": "stories/timered-counter-string/intl-segmenter.stories.ts"
7641
+ }
7642
+ },
7643
+ {
7644
+ "kind": "js",
7645
+ "name": "BigNumber",
7646
+ "declaration": {
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",
@@ -8186,7 +8233,7 @@
8186
8233
  },
8187
8234
  {
8188
8235
  "kind": "field",
8189
- "name": "__mergedDigitStyles",
8236
+ "name": "__partDigitsColorStyles",
8190
8237
  "type": {
8191
8238
  "text": "Partial<CSSStyleDeclaration>[][]"
8192
8239
  },
@@ -8364,7 +8411,7 @@
8364
8411
  {
8365
8412
  "kind": "variable",
8366
8413
  "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; } `"
8414
+ "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
8415
  },
8369
8416
  {
8370
8417
  "kind": "variable",
@@ -8405,13 +8452,13 @@
8405
8452
  },
8406
8453
  {
8407
8454
  "kind": "javascript-module",
8408
- "path": "storybook-static/sb-addons/essentials-backgrounds-4/manager-bundle.js",
8455
+ "path": "storybook-static/sb-addons/essentials-controls-1/manager-bundle.js",
8409
8456
  "declarations": [],
8410
8457
  "exports": []
8411
8458
  },
8412
8459
  {
8413
8460
  "kind": "javascript-module",
8414
- "path": "storybook-static/sb-addons/essentials-controls-1/manager-bundle.js",
8461
+ "path": "storybook-static/sb-addons/essentials-backgrounds-4/manager-bundle.js",
8415
8462
  "declarations": [],
8416
8463
  "exports": []
8417
8464
  },
@@ -8423,19 +8470,19 @@
8423
8470
  },
8424
8471
  {
8425
8472
  "kind": "javascript-module",
8426
- "path": "storybook-static/sb-addons/essentials-measure-7/manager-bundle.js",
8473
+ "path": "storybook-static/sb-addons/essentials-outline-8/manager-bundle.js",
8427
8474
  "declarations": [],
8428
8475
  "exports": []
8429
8476
  },
8430
8477
  {
8431
8478
  "kind": "javascript-module",
8432
- "path": "storybook-static/sb-addons/essentials-outline-8/manager-bundle.js",
8479
+ "path": "storybook-static/sb-addons/essentials-toolbars-6/manager-bundle.js",
8433
8480
  "declarations": [],
8434
8481
  "exports": []
8435
8482
  },
8436
8483
  {
8437
8484
  "kind": "javascript-module",
8438
- "path": "storybook-static/sb-addons/essentials-toolbars-6/manager-bundle.js",
8485
+ "path": "storybook-static/sb-addons/essentials-measure-7/manager-bundle.js",
8439
8486
  "declarations": [],
8440
8487
  "exports": []
8441
8488
  },