timered-counter 0.0.1 → 0.0.3

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 (27) hide show
  1. package/dist/custom-elements.json +1453 -1482
  2. package/dist/src/counter-adapter.d.ts +2 -2
  3. package/dist/src/counter-adapter.js +4 -2
  4. package/dist/src/counter-adapter.js.map +1 -1
  5. package/dist/src/global-style-helper.d.ts +7 -0
  6. package/dist/src/global-style-helper.js +15 -0
  7. package/dist/src/global-style-helper.js.map +1 -0
  8. package/dist/src/mixins/counter-base.js +23 -22
  9. package/dist/src/mixins/counter-base.js.map +1 -1
  10. package/dist/src/style-helper.d.ts +1 -0
  11. package/dist/src/style-helper.js +2 -0
  12. package/dist/src/style-helper.js.map +1 -0
  13. package/dist/src/timered-counter-datetime-duration.d.ts +7 -3
  14. package/dist/src/timered-counter-datetime-duration.js +77 -60
  15. package/dist/src/timered-counter-datetime-duration.js.map +1 -1
  16. package/dist/src/timered-counter-number.d.ts +5 -0
  17. package/dist/src/timered-counter-number.js +16 -7
  18. package/dist/src/timered-counter-number.js.map +1 -1
  19. package/dist/src/timered-counter-string.d.ts +1 -0
  20. package/dist/src/timered-counter-string.js +6 -0
  21. package/dist/src/timered-counter-string.js.map +1 -1
  22. package/dist/src/transitions/roller/roller.js +21 -30
  23. package/dist/src/transitions/roller/roller.js.map +1 -1
  24. package/dist/src/transitions/roller/styles.js +1 -1
  25. package/dist/src/transitions/roller/styles.js.map +1 -1
  26. package/dist/tsconfig.tsbuildinfo +1 -1
  27. package/package.json +1 -1
package/dist/custom-elements.json CHANGED
@@ -38,7 +38,7 @@
38
38
  "text": "object"
39
39
  },
40
40
  "static": true,
41
- "default": "{ fromAttribute(value: string | null) { return CounterAdapter.NUMBER_ADAPTER.create(isNullish(value) ? 0 : value); }, toAttribute(value: unknown) { return CounterAdapter.NUMBER_ADAPTER.toString(value); }, }",
41
+ "default": "{ fromAttribute(value: string | null) { return value; }, toAttribute(value: unknown) { return isNullish(value) ? value : CounterAdapter.NUMBER_ADAPTER.toString(value); }, }",
42
42
  "description": "将 value 及其相关的属性, 在 attribute 和 property 上的互相转换.",
43
43
  "privacy": "protected"
44
44
  },
@@ -215,16 +215,49 @@
215
215
  },
216
216
  {
217
217
  "kind": "field",
218
- "name": "__from",
218
+ "name": "__initialValuePlain",
219
219
  "type": {
220
- "text": "Date"
220
+ "text": "any"
221
221
  },
222
222
  "privacy": "private",
223
- "default": "new Date()"
223
+ "default": "null"
224
224
  },
225
225
  {
226
226
  "kind": "field",
227
- "name": "__to",
227
+ "name": "initialValue",
228
+ "description": "同 value",
229
+ "attribute": "initial-value",
230
+ "reflects": true,
231
+ "inheritedFrom": {
232
+ "name": "CounterBaseMixin",
233
+ "module": "src/mixins/counter-base.ts"
234
+ }
235
+ },
236
+ {
237
+ "kind": "field",
238
+ "name": "__partsOptions",
239
+ "type": {
240
+ "text": "Partial<PartsOptions> | null"
241
+ },
242
+ "privacy": "private",
243
+ "default": "null"
244
+ },
245
+ {
246
+ "kind": "field",
247
+ "name": "partsOptions",
248
+ "type": {
249
+ "text": "InnerPartsOptions"
250
+ },
251
+ "description": "这是 `usePartData` 的配置项. `usePartData` 被用于从数值的变化中生成用于滚动的数据.\n这里不会有太多解释, 因为它是一个底层的配置项. 你可以查看 `CounterPartsMixinClass` 的源码了解更多信息.",
252
+ "attribute": "parts-options",
253
+ "inheritedFrom": {
254
+ "name": "CounterPartsMixin",
255
+ "module": "src/mixins/counter-parts.ts"
256
+ }
257
+ },
258
+ {
259
+ "kind": "field",
260
+ "name": "__from",
228
261
  "type": {
229
262
  "text": "Date"
230
263
  },
@@ -233,12 +266,12 @@
233
266
  },
234
267
  {
235
268
  "kind": "field",
236
- "name": "__durationInMilliseconds",
269
+ "name": "__to",
237
270
  "type": {
238
- "text": "number"
271
+ "text": "Date"
239
272
  },
240
273
  "privacy": "private",
241
- "default": "0"
274
+ "default": "new Date()"
242
275
  },
243
276
  {
244
277
  "kind": "field",
@@ -608,19 +641,6 @@
608
641
  "module": "src/mixins/counter-parts.ts"
609
642
  }
610
643
  },
611
- {
612
- "kind": "field",
613
- "name": "partsOptions",
614
- "type": {
615
- "text": "InnerPartsOptions"
616
- },
617
- "description": "这是 `usePartData` 的配置项. `usePartData` 被用于从数值的变化中生成用于滚动的数据.\n这里不会有太多解释, 因为它是一个底层的配置项. 你可以查看 `CounterPartsMixinClass` 的源码了解更多信息.",
618
- "attribute": "parts-options",
619
- "inheritedFrom": {
620
- "name": "CounterPartsMixin",
621
- "module": "src/mixins/counter-parts.ts"
622
- }
623
- },
624
644
  {
625
645
  "kind": "field",
626
646
  "name": "parts",
@@ -743,20 +763,10 @@
743
763
  "kind": "field",
744
764
  "name": "__initialValue",
745
765
  "type": {
746
- "text": "V"
766
+ "text": "V | null"
747
767
  },
748
768
  "privacy": "private",
749
- "inheritedFrom": {
750
- "name": "CounterBaseMixin",
751
- "module": "src/mixins/counter-base.ts"
752
- }
753
- },
754
- {
755
- "kind": "field",
756
- "name": "initialValue",
757
- "description": "如果初始值被设置, 组件初始化时会使用该值而不是 `value`, 然后在初始化完成后, 将内部值更新为 `value`.\n\n这对于初始化完成后启动动画效果非常有用.",
758
- "attribute": "initial-value",
759
- "reflects": true,
769
+ "default": "null",
760
770
  "inheritedFrom": {
761
771
  "name": "CounterBaseMixin",
762
772
  "module": "src/mixins/counter-base.ts"
@@ -781,6 +791,7 @@
781
791
  "description": "自定义本地化配置, 否则从浏览器环境中获取.",
782
792
  "default": "\"en-US\"",
783
793
  "attribute": "locale",
794
+ "reflects": true,
784
795
  "inheritedFrom": {
785
796
  "name": "CounterBaseMixin",
786
797
  "module": "src/mixins/counter-base.ts"
@@ -842,20 +853,6 @@
842
853
  "module": "src/mixins/counter-base.ts"
843
854
  }
844
855
  },
845
- {
846
- "kind": "field",
847
- "name": "isValueFirstUpdate",
848
- "type": {
849
- "text": "boolean"
850
- },
851
- "privacy": "private",
852
- "default": "true",
853
- "description": "第一次更新时, changedProperties 中 value 的旧值始终为 undefined.\n因此, 当 value 第一次更新时, oldValue 的值应当来自 initialValue 或 value.\n以保证 oldValue 始终有值.",
854
- "inheritedFrom": {
855
- "name": "CounterBaseMixin",
856
- "module": "src/mixins/counter-base.ts"
857
- }
858
- },
859
856
  {
860
857
  "kind": "field",
861
858
  "name": "resizeObserver",
@@ -1147,9 +1144,18 @@
1147
1144
  "type": {
1148
1145
  "text": "string"
1149
1146
  },
1150
- "default": "'.'",
1147
+ "default": "''",
1151
1148
  "description": "本地化数字格式化配置中的小数点分隔符. 根据不同的地区可能是 `.` 或 `,`."
1152
1149
  },
1150
+ {
1151
+ "kind": "field",
1152
+ "name": "localeGroupingSeparator",
1153
+ "type": {
1154
+ "text": "string"
1155
+ },
1156
+ "default": "''",
1157
+ "description": "本地化数字格式化配置中的分组分隔符."
1158
+ },
1153
1159
  {
1154
1160
  "kind": "method",
1155
1161
  "name": "sampleToString",
@@ -1635,9 +1641,10 @@
1635
1641
  "kind": "field",
1636
1642
  "name": "__initialValue",
1637
1643
  "type": {
1638
- "text": "V"
1644
+ "text": "V | null"
1639
1645
  },
1640
1646
  "privacy": "private",
1647
+ "default": "null",
1641
1648
  "inheritedFrom": {
1642
1649
  "name": "CounterBaseMixin",
1643
1650
  "module": "src/mixins/counter-base.ts"
@@ -1673,6 +1680,7 @@
1673
1680
  "description": "自定义本地化配置, 否则从浏览器环境中获取.",
1674
1681
  "default": "\"en-US\"",
1675
1682
  "attribute": "locale",
1683
+ "reflects": true,
1676
1684
  "inheritedFrom": {
1677
1685
  "name": "CounterBaseMixin",
1678
1686
  "module": "src/mixins/counter-base.ts"
@@ -1734,20 +1742,6 @@
1734
1742
  "module": "src/mixins/counter-base.ts"
1735
1743
  }
1736
1744
  },
1737
- {
1738
- "kind": "field",
1739
- "name": "isValueFirstUpdate",
1740
- "type": {
1741
- "text": "boolean"
1742
- },
1743
- "privacy": "private",
1744
- "default": "true",
1745
- "description": "第一次更新时, changedProperties 中 value 的旧值始终为 undefined.\n因此, 当 value 第一次更新时, oldValue 的值应当来自 initialValue 或 value.\n以保证 oldValue 始终有值.",
1746
- "inheritedFrom": {
1747
- "name": "CounterBaseMixin",
1748
- "module": "src/mixins/counter-base.ts"
1749
- }
1750
- },
1751
1745
  {
1752
1746
  "kind": "field",
1753
1747
  "name": "resizeObserver",
@@ -2055,6 +2049,15 @@
2055
2049
  "privacy": "private",
2056
2050
  "default": "''"
2057
2051
  },
2052
+ {
2053
+ "kind": "field",
2054
+ "name": "__oldValueString",
2055
+ "type": {
2056
+ "text": "string"
2057
+ },
2058
+ "privacy": "private",
2059
+ "default": "''"
2060
+ },
2058
2061
  {
2059
2062
  "kind": "field",
2060
2063
  "name": "value",
@@ -2580,9 +2583,10 @@
2580
2583
  "kind": "field",
2581
2584
  "name": "__initialValue",
2582
2585
  "type": {
2583
- "text": "V"
2586
+ "text": "V | null"
2584
2587
  },
2585
2588
  "privacy": "private",
2589
+ "default": "null",
2586
2590
  "inheritedFrom": {
2587
2591
  "name": "CounterBaseMixin",
2588
2592
  "module": "src/mixins/counter-base.ts"
@@ -2607,6 +2611,7 @@
2607
2611
  "description": "自定义本地化配置, 否则从浏览器环境中获取.",
2608
2612
  "default": "\"en-US\"",
2609
2613
  "attribute": "locale",
2614
+ "reflects": true,
2610
2615
  "inheritedFrom": {
2611
2616
  "name": "CounterBaseMixin",
2612
2617
  "module": "src/mixins/counter-base.ts"
@@ -2668,20 +2673,6 @@
2668
2673
  "module": "src/mixins/counter-base.ts"
2669
2674
  }
2670
2675
  },
2671
- {
2672
- "kind": "field",
2673
- "name": "isValueFirstUpdate",
2674
- "type": {
2675
- "text": "boolean"
2676
- },
2677
- "privacy": "private",
2678
- "default": "true",
2679
- "description": "第一次更新时, changedProperties 中 value 的旧值始终为 undefined.\n因此, 当 value 第一次更新时, oldValue 的值应当来自 initialValue 或 value.\n以保证 oldValue 始终有值.",
2680
- "inheritedFrom": {
2681
- "name": "CounterBaseMixin",
2682
- "module": "src/mixins/counter-base.ts"
2683
- }
2684
- },
2685
2676
  {
2686
2677
  "kind": "field",
2687
2678
  "name": "resizeObserver",
@@ -3452,9 +3443,10 @@
3452
3443
  "kind": "field",
3453
3444
  "name": "__initialValue",
3454
3445
  "type": {
3455
- "text": "V"
3446
+ "text": "V | null"
3456
3447
  },
3457
3448
  "privacy": "private",
3449
+ "default": "null",
3458
3450
  "inheritedFrom": {
3459
3451
  "name": "CounterBaseMixin",
3460
3452
  "module": "src/mixins/counter-base.ts"
@@ -3490,6 +3482,7 @@
3490
3482
  "description": "自定义本地化配置, 否则从浏览器环境中获取.",
3491
3483
  "default": "\"en-US\"",
3492
3484
  "attribute": "locale",
3485
+ "reflects": true,
3493
3486
  "inheritedFrom": {
3494
3487
  "name": "CounterBaseMixin",
3495
3488
  "module": "src/mixins/counter-base.ts"
@@ -3550,20 +3543,6 @@
3550
3543
  "name": "CounterBaseMixin",
3551
3544
  "module": "src/mixins/counter-base.ts"
3552
3545
  }
3553
- },
3554
- {
3555
- "kind": "field",
3556
- "name": "isValueFirstUpdate",
3557
- "type": {
3558
- "text": "boolean"
3559
- },
3560
- "privacy": "private",
3561
- "default": "true",
3562
- "description": "第一次更新时, changedProperties 中 value 的旧值始终为 undefined.\n因此, 当 value 第一次更新时, oldValue 的值应当来自 initialValue 或 value.\n以保证 oldValue 始终有值.",
3563
- "inheritedFrom": {
3564
- "name": "CounterBaseMixin",
3565
- "module": "src/mixins/counter-base.ts"
3566
- }
3567
3546
  }
3568
3547
  ],
3569
3548
  "events": [
@@ -4766,9 +4745,10 @@
4766
4745
  "kind": "field",
4767
4746
  "name": "__initialValue",
4768
4747
  "type": {
4769
- "text": "V"
4748
+ "text": "V | null"
4770
4749
  },
4771
- "privacy": "private"
4750
+ "privacy": "private",
4751
+ "default": "null"
4772
4752
  },
4773
4753
  {
4774
4754
  "kind": "field",
@@ -4791,7 +4771,8 @@
4791
4771
  "name": "locale",
4792
4772
  "description": "自定义本地化配置, 否则从浏览器环境中获取.",
4793
4773
  "default": "\"en-US\"",
4794
- "attribute": "locale"
4774
+ "attribute": "locale",
4775
+ "reflects": true
4795
4776
  },
4796
4777
  {
4797
4778
  "kind": "field",
@@ -4828,16 +4809,6 @@
4828
4809
  "type": {
4829
4810
  "text": "StringAdapter"
4830
4811
  }
4831
- },
4832
- {
4833
- "kind": "field",
4834
- "name": "isValueFirstUpdate",
4835
- "type": {
4836
- "text": "boolean"
4837
- },
4838
- "privacy": "private",
4839
- "default": "true",
4840
- "description": "第一次更新时, changedProperties 中 value 的旧值始终为 undefined.\n因此, 当 value 第一次更新时, oldValue 的值应当来自 initialValue 或 value.\n以保证 oldValue 始终有值."
4841
4812
  }
4842
4813
  ],
4843
4814
  "attributes": [
@@ -5623,297 +5594,306 @@
5623
5594
  },
5624
5595
  {
5625
5596
  "kind": "javascript-module",
5626
- "path": "src/styles/timered-counter-datetime-styles.ts",
5597
+ "path": "stories/story-parts/animation-events.ts",
5627
5598
  "declarations": [
5628
5599
  {
5629
- "kind": "variable",
5630
- "name": "timeredCounterDatetimeStyles",
5631
- "default": "css` ::part(part-suffix) { font-size: 0.4em; line-height: 1; } `"
5600
+ "kind": "function",
5601
+ "name": "animationEvents",
5602
+ "parameters": [
5603
+ {
5604
+ "name": "context",
5605
+ "type": {
5606
+ "text": "Parameters<NoUndefinedField<StoryObj>['play']>[0]"
5607
+ }
5608
+ },
5609
+ {
5610
+ "name": "{\n counter,\n list = range(0, 5).map(v => v * 10) as T[],\n setBy,\n equal = _equal,\n }",
5611
+ "type": {
5612
+ "text": "{\n counter: TC;\n list?: T[];\n setBy: (counter: TC, key: string, value: T) => void;\n equal?: (counter: TimeredCounter, a: any, b: any) => Promise<void>;\n }"
5613
+ }
5614
+ }
5615
+ ]
5632
5616
  }
5633
5617
  ],
5634
5618
  "exports": [
5635
5619
  {
5636
5620
  "kind": "js",
5637
- "name": "timeredCounterDatetimeStyles",
5621
+ "name": "animationEvents",
5638
5622
  "declaration": {
5639
- "name": "timeredCounterDatetimeStyles",
5640
- "module": "src/styles/timered-counter-datetime-styles.ts"
5623
+ "name": "animationEvents",
5624
+ "module": "stories/story-parts/animation-events.ts"
5641
5625
  }
5642
5626
  }
5643
5627
  ]
5644
5628
  },
5645
5629
  {
5646
5630
  "kind": "javascript-module",
5647
- "path": "src/styles/timered-counter-number-styles.ts",
5631
+ "path": "stories/story-parts/animation-options.ts",
5648
5632
  "declarations": [
5649
5633
  {
5650
- "kind": "variable",
5651
- "name": "timeredCounterNumberStyles",
5652
- "default": "css``"
5634
+ "kind": "function",
5635
+ "name": "animationOptions",
5636
+ "parameters": [
5637
+ {
5638
+ "name": "context",
5639
+ "type": {
5640
+ "text": "Parameters<NoUndefinedField<StoryObj>['play']>[0]"
5641
+ }
5642
+ },
5643
+ {
5644
+ "name": "{\n counter,\n list = [114514] as T[],\n setBy,\n }",
5645
+ "type": {
5646
+ "text": "{\n counter: TC;\n list?: T[];\n setBy: (counter: TC, key: string, value: T) => void;\n }"
5647
+ }
5648
+ }
5649
+ ]
5653
5650
  }
5654
5651
  ],
5655
5652
  "exports": [
5656
5653
  {
5657
5654
  "kind": "js",
5658
- "name": "timeredCounterNumberStyles",
5655
+ "name": "animationOptions",
5659
5656
  "declaration": {
5660
- "name": "timeredCounterNumberStyles",
5661
- "module": "src/styles/timered-counter-number-styles.ts"
5657
+ "name": "animationOptions",
5658
+ "module": "stories/story-parts/animation-options.ts"
5662
5659
  }
5663
5660
  }
5664
5661
  ]
5665
5662
  },
5666
5663
  {
5667
5664
  "kind": "javascript-module",
5668
- "path": "src/styles/timered-counter-string-styles.ts",
5665
+ "path": "stories/story-parts/big-number.ts",
5669
5666
  "declarations": [
5670
5667
  {
5671
- "kind": "variable",
5672
- "name": "timeredCounterStringStyles",
5673
- "default": "css``"
5668
+ "kind": "function",
5669
+ "name": "bigNumber",
5670
+ "parameters": [
5671
+ {
5672
+ "name": "context",
5673
+ "type": {
5674
+ "text": "Parameters<NoUndefinedField<StoryObj>['play']>[0]"
5675
+ }
5676
+ },
5677
+ {
5678
+ "name": "{\n counter,\n setBy,\n equal = _equal,\n }",
5679
+ "type": {
5680
+ "text": "{\n counter: TC;\n setBy: (counter: TC, key: string, value: string) => void;\n equal?: (counter: TimeredCounter, a: any, b: any) => Promise<void>;\n }"
5681
+ }
5682
+ }
5683
+ ]
5674
5684
  }
5675
5685
  ],
5676
5686
  "exports": [
5677
5687
  {
5678
5688
  "kind": "js",
5679
- "name": "timeredCounterStringStyles",
5689
+ "name": "bigNumber",
5680
5690
  "declaration": {
5681
- "name": "timeredCounterStringStyles",
5682
- "module": "src/styles/timered-counter-string-styles.ts"
5691
+ "name": "bigNumber",
5692
+ "module": "stories/story-parts/big-number.ts"
5683
5693
  }
5684
5694
  }
5685
5695
  ]
5686
5696
  },
5687
5697
  {
5688
5698
  "kind": "javascript-module",
5689
- "path": "src/styles/timered-counter-styles.ts",
5699
+ "path": "stories/story-parts/datetime-locale.ts",
5690
5700
  "declarations": [
5691
5701
  {
5692
- "kind": "variable",
5693
- "name": "timeredCounterStyles",
5694
- "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; //} `"
5702
+ "kind": "function",
5703
+ "name": "datetimeLocale",
5704
+ "parameters": [
5705
+ {
5706
+ "name": "context",
5707
+ "type": {
5708
+ "text": "Parameters<NoUndefinedField<StoryObj>['play']>[0]"
5709
+ }
5710
+ },
5711
+ {
5712
+ "name": "{\n counter,\n setBy,\n }",
5713
+ "type": {
5714
+ "text": "{\n counter: TC;\n setBy: (counter: TC, key: string, value: Date[] | string) => void;\n equal: (counter: TimeredCounter, a: any, b: Date[]) => Promise<void>;\n }"
5715
+ }
5716
+ }
5717
+ ]
5695
5718
  }
5696
5719
  ],
5697
5720
  "exports": [
5698
5721
  {
5699
5722
  "kind": "js",
5700
- "name": "timeredCounterStyles",
5723
+ "name": "datetimeLocale",
5701
5724
  "declaration": {
5702
- "name": "timeredCounterStyles",
5703
- "module": "src/styles/timered-counter-styles.ts"
5725
+ "name": "datetimeLocale",
5726
+ "module": "stories/story-parts/datetime-locale.ts"
5704
5727
  }
5705
5728
  }
5706
5729
  ]
5707
5730
  },
5708
5731
  {
5709
5732
  "kind": "javascript-module",
5710
- "path": "src/types/duration.ts",
5733
+ "path": "stories/story-parts/datetime-precision.ts",
5711
5734
  "declarations": [
5712
5735
  {
5713
- "kind": "variable",
5714
- "name": "DurationPartMillisecond",
5715
- "type": {
5716
- "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}"
5717
- },
5718
- "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, }"
5719
- },
5720
- {
5721
- "kind": "variable",
5722
- "name": "DurationPartMillisecondToType",
5723
- "type": {
5724
- "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}"
5725
- },
5726
- "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, }"
5736
+ "kind": "function",
5737
+ "name": "datetimePrecision",
5738
+ "parameters": [
5739
+ {
5740
+ "name": "context",
5741
+ "type": {
5742
+ "text": "Parameters<NoUndefinedField<StoryObj>['play']>[0]"
5743
+ }
5744
+ },
5745
+ {
5746
+ "name": "{\n counter,\n setBy,\n }",
5747
+ "type": {
5748
+ "text": "{\n counter: TC;\n setBy: (counter: TC, key: string, value: Date[] | string) => void;\n equal: (counter: TimeredCounter, a: any, b: Date[]) => Promise<void>;\n }"
5749
+ }
5750
+ }
5751
+ ]
5727
5752
  }
5728
5753
  ],
5729
5754
  "exports": [
5730
5755
  {
5731
5756
  "kind": "js",
5732
- "name": "DurationPartMillisecond",
5733
- "declaration": {
5734
- "name": "DurationPartMillisecond",
5735
- "module": "src/types/duration.ts"
5736
- }
5737
- },
5738
- {
5739
- "kind": "js",
5740
- "name": "DurationPartMillisecondToType",
5757
+ "name": "datetimePrecision",
5741
5758
  "declaration": {
5742
- "name": "DurationPartMillisecondToType",
5743
- "module": "src/types/duration.ts"
5759
+ "name": "datetimePrecision",
5760
+ "module": "stories/story-parts/datetime-precision.ts"
5744
5761
  }
5745
5762
  }
5746
5763
  ]
5747
5764
  },
5748
5765
  {
5749
5766
  "kind": "javascript-module",
5750
- "path": "src/types/group.ts",
5751
- "declarations": [],
5752
- "exports": []
5753
- },
5754
- {
5755
- "kind": "javascript-module",
5756
- "path": "src/utils/any-base.ts",
5767
+ "path": "stories/story-parts/edge-case.ts",
5757
5768
  "declarations": [
5758
5769
  {
5759
5770
  "kind": "function",
5760
- "name": "anyBase",
5771
+ "name": "edgeCase",
5761
5772
  "parameters": [
5762
5773
  {
5763
- "name": "sa",
5764
- "type": {
5765
- "text": "StringAdapter"
5766
- }
5767
- },
5768
- {
5769
- "name": "srcAlphabet",
5774
+ "name": "context",
5770
5775
  "type": {
5771
- "text": "string"
5776
+ "text": "Parameters<NoUndefinedField<StoryObj>['play']>[0]"
5772
5777
  }
5773
5778
  },
5774
5779
  {
5775
- "name": "dstAlphabet",
5780
+ "name": "{\n counter,\n list,\n setBy,\n }",
5776
5781
  "type": {
5777
- "text": "string"
5782
+ "text": "{\n counter: TC;\n list: [label: string, value: T, expectedValue: T][];\n setBy: (counter: TC, key: string, value: T) => void;\n }"
5778
5783
  }
5779
5784
  }
5780
5785
  ]
5781
- },
5782
- {
5783
- "kind": "variable",
5784
- "name": "BIN",
5785
- "type": {
5786
- "text": "string"
5787
- },
5788
- "default": "'01'"
5789
- },
5790
- {
5791
- "kind": "variable",
5792
- "name": "OCT",
5793
- "type": {
5794
- "text": "string"
5795
- },
5796
- "default": "'01234567'"
5797
- },
5798
- {
5799
- "kind": "variable",
5800
- "name": "DEC",
5801
- "type": {
5802
- "text": "string"
5803
- },
5804
- "default": "'0123456789'"
5805
- },
5806
- {
5807
- "kind": "variable",
5808
- "name": "HEX",
5809
- "type": {
5810
- "text": "string"
5811
- },
5812
- "default": "'0123456789abcdef'"
5813
5786
  }
5814
5787
  ],
5815
5788
  "exports": [
5816
5789
  {
5817
5790
  "kind": "js",
5818
- "name": "anyBase",
5819
- "declaration": {
5820
- "name": "anyBase",
5821
- "module": "src/utils/any-base.ts"
5822
- }
5823
- },
5824
- {
5825
- "kind": "js",
5826
- "name": "BIN",
5827
- "declaration": {
5828
- "name": "BIN",
5829
- "module": "src/utils/any-base.ts"
5830
- }
5831
- },
5832
- {
5833
- "kind": "js",
5834
- "name": "OCT",
5791
+ "name": "edgeCase",
5835
5792
  "declaration": {
5836
- "name": "OCT",
5837
- "module": "src/utils/any-base.ts"
5793
+ "name": "edgeCase",
5794
+ "module": "stories/story-parts/edge-case.ts"
5838
5795
  }
5839
- },
5796
+ }
5797
+ ]
5798
+ },
5799
+ {
5800
+ "kind": "javascript-module",
5801
+ "path": "stories/story-parts/emoji.ts",
5802
+ "declarations": [
5840
5803
  {
5841
- "kind": "js",
5842
- "name": "DEC",
5843
- "declaration": {
5844
- "name": "DEC",
5845
- "module": "src/utils/any-base.ts"
5846
- }
5847
- },
5804
+ "kind": "function",
5805
+ "name": "emoji",
5806
+ "parameters": [
5807
+ {
5808
+ "name": "context",
5809
+ "type": {
5810
+ "text": "Parameters<NoUndefinedField<StoryObj>['play']>[0]"
5811
+ }
5812
+ },
5813
+ {
5814
+ "name": "{\n counter,\n setBy,\n list,\n }",
5815
+ "type": {
5816
+ "text": "{\n counter: TC;\n list: string[];\n setBy: (counter: TC, key: string, value: string) => void;\n equal?: (counter: TimeredCounter, a: any, b: string) => Promise<void>;\n }"
5817
+ }
5818
+ }
5819
+ ]
5820
+ }
5821
+ ],
5822
+ "exports": [
5848
5823
  {
5849
5824
  "kind": "js",
5850
- "name": "HEX",
5825
+ "name": "emoji",
5851
5826
  "declaration": {
5852
- "name": "HEX",
5853
- "module": "src/utils/any-base.ts"
5827
+ "name": "emoji",
5828
+ "module": "stories/story-parts/emoji.ts"
5854
5829
  }
5855
5830
  }
5856
5831
  ]
5857
5832
  },
5858
5833
  {
5859
5834
  "kind": "javascript-module",
5860
- "path": "src/utils/duration.ts",
5835
+ "path": "stories/story-parts/locale-number.ts",
5861
5836
  "declarations": [
5862
5837
  {
5863
5838
  "kind": "function",
5864
- "name": "durationObject",
5865
- "return": {
5866
- "type": {
5867
- "text": "{ [key in DurationPartType]?: number }"
5868
- }
5869
- },
5839
+ "name": "localeNumber",
5870
5840
  "parameters": [
5871
5841
  {
5872
- "name": "start",
5842
+ "name": "context",
5873
5843
  "type": {
5874
- "text": "Date"
5844
+ "text": "Parameters<NoUndefinedField<StoryObj>['play']>[0]"
5875
5845
  }
5876
5846
  },
5877
5847
  {
5878
- "name": "end",
5848
+ "name": "{\n counter,\n setBy,\n }",
5879
5849
  "type": {
5880
- "text": "Date"
5850
+ "text": "{\n counter: TC;\n setBy: (counter: TC, key: string, value: string) => void;\n }"
5881
5851
  }
5882
- },
5852
+ }
5853
+ ]
5854
+ }
5855
+ ],
5856
+ "exports": [
5857
+ {
5858
+ "kind": "js",
5859
+ "name": "localeNumber",
5860
+ "declaration": {
5861
+ "name": "localeNumber",
5862
+ "module": "stories/story-parts/locale-number.ts"
5863
+ }
5864
+ }
5865
+ ]
5866
+ },
5867
+ {
5868
+ "kind": "javascript-module",
5869
+ "path": "stories/story-parts/slots.ts",
5870
+ "declarations": [
5871
+ {
5872
+ "kind": "function",
5873
+ "name": "render",
5874
+ "parameters": [
5883
5875
  {
5884
- "name": "parts",
5876
+ "name": "args",
5885
5877
  "type": {
5886
- "text": "DurationPartType[]"
5878
+ "text": "any"
5887
5879
  }
5888
5880
  }
5889
- ],
5890
- "description": "计算两个日期之间的时间间隔. 返回一个数组, 包含 parts 每个部分的值."
5881
+ ]
5891
5882
  },
5892
5883
  {
5893
5884
  "kind": "function",
5894
- "name": "duration",
5895
- "return": {
5896
- "type": {
5897
- "text": "number[]"
5898
- }
5899
- },
5885
+ "name": "slots",
5900
5886
  "parameters": [
5901
5887
  {
5902
- "name": "start",
5903
- "type": {
5904
- "text": "Date"
5905
- }
5906
- },
5907
- {
5908
- "name": "end",
5888
+ "name": "context",
5909
5889
  "type": {
5910
- "text": "Date"
5890
+ "text": "Parameters<NoUndefinedField<StoryObj>['play']>[0]"
5911
5891
  }
5912
5892
  },
5913
5893
  {
5914
- "name": "parts",
5894
+ "name": "{\n counter,\n }",
5915
5895
  "type": {
5916
- "text": "DurationPartType[]"
5896
+ "text": "{\n counter: TC;\n list?: T[];\n setBy?: (counter: TC, key: string, value: T) => void;\n equal?: (counter: TimeredCounter, a: any, b: T) => Promise<void>;\n }"
5917
5897
  }
5918
5898
  }
5919
5899
  ]
@@ -5922,911 +5902,667 @@
5922
5902
  "exports": [
5923
5903
  {
5924
5904
  "kind": "js",
5925
- "name": "durationObject",
5905
+ "name": "render",
5926
5906
  "declaration": {
5927
- "name": "durationObject",
5928
- "module": "src/utils/duration.ts"
5907
+ "name": "render",
5908
+ "module": "stories/story-parts/slots.ts"
5929
5909
  }
5930
5910
  },
5931
5911
  {
5932
5912
  "kind": "js",
5933
- "name": "duration",
5913
+ "name": "slots",
5934
5914
  "declaration": {
5935
- "name": "duration",
5936
- "module": "src/utils/duration.ts"
5915
+ "name": "slots",
5916
+ "module": "stories/story-parts/slots.ts"
5937
5917
  }
5938
5918
  }
5939
5919
  ]
5940
5920
  },
5941
5921
  {
5942
5922
  "kind": "javascript-module",
5943
- "path": "src/utils/extract-group-option.ts",
5923
+ "path": "stories/story-parts/styles.ts",
5944
5924
  "declarations": [
5945
5925
  {
5946
5926
  "kind": "function",
5947
- "name": "extractGroupOption",
5927
+ "name": "styles",
5948
5928
  "parameters": [
5949
5929
  {
5950
- "name": "option",
5930
+ "name": "context",
5951
5931
  "type": {
5952
- "text": "P"
5932
+ "text": "Parameters<NoUndefinedField<StoryObj>['play']>[0]"
5953
5933
  }
5954
5934
  },
5955
5935
  {
5956
- "name": "getterOptions",
5936
+ "name": "{\n counter,\n setBy,\n }",
5957
5937
  "type": {
5958
- "text": "GroupGetterOptions"
5938
+ "text": "{\n counter: TC;\n setBy: (counter: TC, key: string, value: string) => void;\n }"
5959
5939
  }
5960
5940
  }
5961
5941
  ]
5962
- },
5963
- {
5964
- "kind": "function",
5965
- "name": "extractPartOption",
5966
- "parameters": [
5967
- {
5968
- "name": "option",
5969
- "type": {
5970
- "text": "P"
5971
- }
5972
- },
5973
- {
5974
- "name": "getterOptions",
5975
- "type": {
5976
- "text": "GroupGetterOptions"
5977
- }
5978
- }
5979
- ]
5980
- },
5981
- {
5982
- "kind": "function",
5983
- "name": "extractPartDigitOption",
5984
- "parameters": [
5985
- {
5986
- "name": "option",
5987
- "type": {
5988
- "text": "P"
5989
- }
5990
- },
5991
- {
5992
- "name": "getterOptions",
5993
- "type": {
5994
- "text": "GroupGetterOptions"
5995
- }
5996
- }
5997
- ]
5998
- },
5942
+ }
5943
+ ],
5944
+ "exports": [
5999
5945
  {
6000
- "kind": "function",
6001
- "name": "extractPartDigitCellOption",
6002
- "parameters": [
6003
- {
6004
- "name": "option",
6005
- "type": {
6006
- "text": "P"
6007
- }
6008
- },
6009
- {
6010
- "name": "getterOptions",
6011
- "type": {
6012
- "text": "GroupGetterOptions"
6013
- }
6014
- }
6015
- ]
6016
- },
5946
+ "kind": "js",
5947
+ "name": "styles",
5948
+ "declaration": {
5949
+ "name": "styles",
5950
+ "module": "stories/story-parts/styles.ts"
5951
+ }
5952
+ }
5953
+ ]
5954
+ },
5955
+ {
5956
+ "kind": "javascript-module",
5957
+ "path": "stories/story-parts/value-change.ts",
5958
+ "declarations": [
6017
5959
  {
6018
5960
  "kind": "function",
6019
- "name": "mergeGroupOption",
6020
- "return": {
6021
- "type": {
6022
- "text": "Result"
6023
- }
6024
- },
5961
+ "name": "valueChange",
6025
5962
  "parameters": [
6026
5963
  {
6027
- "name": "data",
5964
+ "name": "context",
6028
5965
  "type": {
6029
- "text": "Result"
5966
+ "text": "Parameters<NoUndefinedField<StoryObj>['play']>[0]"
6030
5967
  }
6031
5968
  },
6032
5969
  {
6033
- "name": "source",
5970
+ "name": "{\n counter,\n list = range(0, 5).map(v => v * 10) as T[],\n setBy,\n equal = _equal,\n }",
6034
5971
  "type": {
6035
- "text": "Result"
5972
+ "text": "{\n counter: TC;\n list?: T[];\n setBy: (counter: TC, key: string, value: T) => void;\n equal?: (counter: TimeredCounter, a: any, b: T) => Promise<void>;\n }"
6036
5973
  }
6037
5974
  }
6038
5975
  ]
6039
- },
5976
+ }
5977
+ ],
5978
+ "exports": [
6040
5979
  {
6041
- "kind": "function",
6042
- "name": "mergePartOption",
6043
- "return": {
6044
- "type": {
6045
- "text": "Result[]"
6046
- }
6047
- },
6048
- "parameters": [
6049
- {
6050
- "name": "data",
6051
- "default": "[]",
6052
- "type": {
6053
- "text": "Result[]"
6054
- }
6055
- },
6056
- {
6057
- "name": "source",
6058
- "default": "[]",
6059
- "type": {
6060
- "text": "Result[]"
6061
- }
6062
- }
6063
- ]
6064
- },
5980
+ "kind": "js",
5981
+ "name": "valueChange",
5982
+ "declaration": {
5983
+ "name": "valueChange",
5984
+ "module": "stories/story-parts/value-change.ts"
5985
+ }
5986
+ }
5987
+ ]
5988
+ },
5989
+ {
5990
+ "kind": "javascript-module",
5991
+ "path": "stories/timered-counter/decimaljs.stories.ts",
5992
+ "declarations": [
6065
5993
  {
6066
- "kind": "function",
6067
- "name": "mergePartDigitOption",
6068
- "return": {
6069
- "type": {
6070
- "text": "Result[][]"
6071
- }
5994
+ "kind": "variable",
5995
+ "name": "meta",
5996
+ "type": {
5997
+ "text": "Meta"
6072
5998
  },
6073
- "parameters": [
6074
- {
6075
- "name": "data",
6076
- "default": "[]",
6077
- "type": {
6078
- "text": "Result[][]"
6079
- }
6080
- },
6081
- {
6082
- "name": "source",
6083
- "default": "[]",
6084
- "type": {
6085
- "text": "Result[][]"
6086
- }
6087
- }
6088
- ]
5999
+ "default": "{ title: 'TimeredCounter/with decimal.js', component: 'timered-counter', tags: ['autodocs', 'timered-counter'], parameters: { controls: { expanded: true }, }, beforeEach: () => { setNumberAdapter('decimal.js'); }, }"
6089
6000
  },
6090
6001
  {
6091
- "kind": "function",
6092
- "name": "mergePartDigitCellOption",
6093
- "return": {
6094
- "type": {
6095
- "text": "Result[][][]"
6096
- }
6002
+ "kind": "variable",
6003
+ "name": "BigNumber",
6004
+ "type": {
6005
+ "text": "StoryObj<TimeredCounter>"
6097
6006
  },
6098
- "parameters": [
6099
- {
6100
- "name": "data",
6101
- "default": "[]",
6102
- "type": {
6103
- "text": "Result[][][]"
6104
- }
6105
- },
6106
- {
6107
- "name": "source",
6108
- "default": "[]",
6109
- "type": {
6110
- "text": "Result[][][]"
6111
- }
6112
- }
6113
- ]
6007
+ "default": "{ args: { className: 'test-target', animationOptions: { duration: 100, }, }, async play(context) { const { canvasElement, step } = context; const counter = canvasElement.querySelector( '.test-target', ) as TimeredCounter; await step('Testing with attribute', async () => bigNumber(context, { counter, setBy: setByAttr }), ); await step('Testing with property', async () => bigNumber(context, { counter, setBy: setByProp }), ); }, }"
6114
6008
  }
6115
6009
  ],
6116
6010
  "exports": [
6117
6011
  {
6118
6012
  "kind": "js",
6119
- "name": "extractGroupOption",
6120
- "declaration": {
6121
- "name": "extractGroupOption",
6122
- "module": "src/utils/extract-group-option.ts"
6123
- }
6124
- },
6125
- {
6126
- "kind": "js",
6127
- "name": "extractPartOption",
6013
+ "name": "default",
6128
6014
  "declaration": {
6129
- "name": "extractPartOption",
6130
- "module": "src/utils/extract-group-option.ts"
6015
+ "name": "meta",
6016
+ "module": "stories/timered-counter/decimaljs.stories.ts"
6131
6017
  }
6132
6018
  },
6133
6019
  {
6134
6020
  "kind": "js",
6135
- "name": "extractPartDigitOption",
6021
+ "name": "Basic",
6136
6022
  "declaration": {
6137
- "name": "extractPartDigitOption",
6138
- "module": "src/utils/extract-group-option.ts"
6023
+ "name": "Basic",
6024
+ "module": "./index.stories.js"
6139
6025
  }
6140
6026
  },
6141
6027
  {
6142
6028
  "kind": "js",
6143
- "name": "extractPartDigitCellOption",
6029
+ "name": "Events",
6144
6030
  "declaration": {
6145
- "name": "extractPartDigitCellOption",
6146
- "module": "src/utils/extract-group-option.ts"
6031
+ "name": "Events",
6032
+ "module": "./index.stories.js"
6147
6033
  }
6148
6034
  },
6149
6035
  {
6150
6036
  "kind": "js",
6151
- "name": "mergeGroupOption",
6037
+ "name": "AnimationOptions",
6152
6038
  "declaration": {
6153
- "name": "mergeGroupOption",
6154
- "module": "src/utils/extract-group-option.ts"
6039
+ "name": "AnimationOptions",
6040
+ "module": "./index.stories.js"
6155
6041
  }
6156
6042
  },
6157
6043
  {
6158
6044
  "kind": "js",
6159
- "name": "mergePartOption",
6045
+ "name": "Slots",
6160
6046
  "declaration": {
6161
- "name": "mergePartOption",
6162
- "module": "src/utils/extract-group-option.ts"
6047
+ "name": "Slots",
6048
+ "module": "./index.stories.js"
6163
6049
  }
6164
6050
  },
6165
6051
  {
6166
6052
  "kind": "js",
6167
- "name": "mergePartDigitOption",
6053
+ "name": "Styles",
6168
6054
  "declaration": {
6169
- "name": "mergePartDigitOption",
6170
- "module": "src/utils/extract-group-option.ts"
6055
+ "name": "Styles",
6056
+ "module": "./index.stories.js"
6171
6057
  }
6172
6058
  },
6173
6059
  {
6174
6060
  "kind": "js",
6175
- "name": "mergePartDigitCellOption",
6061
+ "name": "BigNumber",
6176
6062
  "declaration": {
6177
- "name": "mergePartDigitCellOption",
6178
- "module": "src/utils/extract-group-option.ts"
6063
+ "name": "BigNumber",
6064
+ "module": "stories/timered-counter/decimaljs.stories.ts"
6179
6065
  }
6180
6066
  }
6181
6067
  ]
6182
6068
  },
6183
6069
  {
6184
6070
  "kind": "javascript-module",
6185
- "path": "src/utils/iso8601-duration.ts",
6071
+ "path": "stories/timered-counter/index.stories.ts",
6186
6072
  "declarations": [
6187
6073
  {
6188
- "kind": "function",
6189
- "name": "iso8601Duration",
6190
- "return": {
6191
- "type": {
6192
- "text": "string"
6193
- }
6074
+ "kind": "variable",
6075
+ "name": "meta",
6076
+ "type": {
6077
+ "text": "Meta"
6194
6078
  },
6195
- "parameters": [
6196
- {
6197
- "name": "duration",
6198
- "type": {
6199
- "text": "{\n [key in DurationPartType]?: number;\n}"
6200
- }
6201
- }
6202
- ]
6203
- }
6204
- ],
6205
- "exports": [
6079
+ "default": "{ title: 'TimeredCounter', component: 'timered-counter', tags: ['autodocs', 'timered-counter'], parameters: { controls: { expanded: true }, }, beforeEach: () => { setNumberAdapter('number'); }, globals: { setByAttr, setByProp, }, }"
6080
+ },
6206
6081
  {
6207
- "kind": "js",
6208
- "name": "iso8601Duration",
6209
- "declaration": {
6210
- "name": "iso8601Duration",
6211
- "module": "src/utils/iso8601-duration.ts"
6212
- }
6213
- }
6214
- ]
6215
- },
6216
- {
6217
- "kind": "javascript-module",
6218
- "path": "src/utils/localized-date-time-fields.ts",
6219
- "declarations": [
6082
+ "kind": "variable",
6083
+ "name": "Basic",
6084
+ "type": {
6085
+ "text": "StoryObj<TimeredCounter>"
6086
+ },
6087
+ "default": "{ args: { className: 'test-target', // @ts-ignore value: '0', animationOptions: { duration: 100, }, }, async play(context) { const { canvasElement, step } = context; const counter = canvasElement.querySelector( '.test-target', ) as TimeredCounter; await step('Testing with attribute', async () => { await valueChange(context, { counter, setBy: setByAttr, }); await step('Edge case', async () => edgeCase(context, { counter, list: [ ['Setting an empty string', '', '0'], ['Setting a non-number', 'a', '0'], ['Setting a decimal number', '1.1', '1.1'], ['Setting a negative number', '-1', '-1'], ['Setting Infinity', 'Infinity', '0'], ['Setting NaN', 'NaN', '0'], ['Setting null', 'null', '0'], ['Setting undefined', 'undefined', '0'], ['Setting true', 'true', '0'], ['Setting false', 'false', '0'], ['Setting an object', '{}', '0'], ['Setting an array', '[]', '0'], ['Setting a function', '() => {}', '0'], ['Setting a Symbol', 'Symbol()', '0'], ['Setting a BigInt', 'BigInt(1)', '0'], ], setBy: setByAttr, }), ); }); await step('Testing with property', async () => { await valueChange(context, { counter, setBy: setByProp }); await step('Edge case', async () => edgeCase(context, { counter, list: [ ['Setting an empty string', '', 0], ['Setting a non-number', 'a', 0], ['Setting a decimal number', '1.1', 1.1], ['Setting a negative number', '-1', -1], ['Setting Infinity', 'Infinity', 0], ['Setting NaN', 'NaN', 0], ['Setting null', 'null', 0], ['Setting undefined', 'undefined', 0], ['Setting true', 'true', 0], ['Setting false', 'false', 0], ['Setting an object', '{}', 0], ['Setting an array', '[]', 0], ['Setting a function', '() => {}', 0], ['Setting a Symbol', 'Symbol()', 0], ['Setting a BigInt', 'BigInt(1)', 0], ], setBy: setByProp, }), ); }); }, }"
6088
+ },
6220
6089
  {
6221
6090
  "kind": "variable",
6222
- "name": "DateTimeFields",
6091
+ "name": "Events",
6223
6092
  "type": {
6224
- "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]"
6093
+ "text": "StoryObj<TimeredCounter>"
6225
6094
  },
6226
- "default": "[ \"era\", \"year\", \"quarter\", \"month\", \"weekOfYear\", \"weekday\", \"day\", \"dayPeriod\", \"hour\", \"minute\", \"second\", \"timeZoneName\", ]"
6095
+ "default": "{ args: { className: 'test-target', animationOptions: { duration: 100, }, }, async play(context) { const { canvasElement, step } = context; const counter = canvasElement.querySelector( '.test-target', ) as TimeredCounter; await step('Testing with attribute', async () => { await step('Animation events', async () => animationEvents(context, { counter, setBy: setByAttr, }), ); }); await step('Testing with property', async () => { await step('Animation events', async () => animationEvents(context, { counter, setBy: setByProp, }), ); }); }, }"
6227
6096
  },
6228
6097
  {
6229
- "kind": "function",
6230
- "name": "getLocalizedDateTimeFields",
6231
- "parameters": [
6232
- {
6233
- "name": "locale",
6234
- "type": {
6235
- "text": "Intl.Locale"
6236
- }
6237
- }
6238
- ]
6098
+ "kind": "variable",
6099
+ "name": "AnimationOptions",
6100
+ "type": {
6101
+ "text": "StoryObj<TimeredCounter>"
6102
+ },
6103
+ "default": "{ args: { className: 'test-target', animationOptions: { duration: 100, }, }, async play(context) { const { canvasElement, step } = context; const counter = canvasElement.querySelector( '.test-target', ) as TimeredCounter; await step('Testing with attribute', async () => { await step('Animation options', async () => animationOptions(context, { counter, setBy: setByAttr, }), ); }); // await step('Testing with property', async () => { // await step('Animation options', async () => // animationOptions(context, { // counter, // list, // setBy: setByProp, // }), // ); // }); }, }"
6104
+ },
6105
+ {
6106
+ "kind": "variable",
6107
+ "name": "Styles",
6108
+ "type": {
6109
+ "text": "StoryObj<TimeredCounter>"
6110
+ },
6111
+ "default": "{ args: { className: 'test-target', animationOptions: { duration: 100, }, }, async play(context) { const { canvasElement, step } = context; const counter = canvasElement.querySelector( '.test-target', ) as TimeredCounter; await step('Testing with attribute', async () => { await step('Styles', async () => styles(context, { counter, setBy: setByAttr, }), ); }); await step('Testing with property', async () => { await step('Styles', async () => styles(context, { counter, setBy: setByProp, }), ); }); }, }"
6112
+ },
6113
+ {
6114
+ "kind": "variable",
6115
+ "name": "Slots",
6116
+ "type": {
6117
+ "text": "StoryObj<TimeredCounter>"
6118
+ },
6119
+ "default": "{ args: { className: 'test-target', value: 0, }, render: slotsRender, async play(context) { const { canvasElement } = context; const counter = canvasElement.querySelector( '.test-target', ) as TimeredCounter; await slots(context, { counter }); }, }"
6239
6120
  }
6240
6121
  ],
6241
6122
  "exports": [
6242
6123
  {
6243
6124
  "kind": "js",
6244
- "name": "DateTimeFields",
6125
+ "name": "default",
6245
6126
  "declaration": {
6246
- "name": "DateTimeFields",
6247
- "module": "src/utils/localized-date-time-fields.ts"
6127
+ "name": "meta",
6128
+ "module": "stories/timered-counter/index.stories.ts"
6248
6129
  }
6249
6130
  },
6250
6131
  {
6251
6132
  "kind": "js",
6252
- "name": "getLocalizedDateTimeFields",
6133
+ "name": "Basic",
6253
6134
  "declaration": {
6254
- "name": "getLocalizedDateTimeFields",
6255
- "module": "src/utils/localized-date-time-fields.ts"
6135
+ "name": "Basic",
6136
+ "module": "stories/timered-counter/index.stories.ts"
6137
+ }
6138
+ },
6139
+ {
6140
+ "kind": "js",
6141
+ "name": "Events",
6142
+ "declaration": {
6143
+ "name": "Events",
6144
+ "module": "stories/timered-counter/index.stories.ts"
6145
+ }
6146
+ },
6147
+ {
6148
+ "kind": "js",
6149
+ "name": "AnimationOptions",
6150
+ "declaration": {
6151
+ "name": "AnimationOptions",
6152
+ "module": "stories/timered-counter/index.stories.ts"
6153
+ }
6154
+ },
6155
+ {
6156
+ "kind": "js",
6157
+ "name": "Styles",
6158
+ "declaration": {
6159
+ "name": "Styles",
6160
+ "module": "stories/timered-counter/index.stories.ts"
6161
+ }
6162
+ },
6163
+ {
6164
+ "kind": "js",
6165
+ "name": "Slots",
6166
+ "declaration": {
6167
+ "name": "Slots",
6168
+ "module": "stories/timered-counter/index.stories.ts"
6256
6169
  }
6257
6170
  }
6258
6171
  ]
6259
6172
  },
6260
6173
  {
6261
6174
  "kind": "javascript-module",
6262
- "path": "src/utils/parse-json-string.ts",
6175
+ "path": "stories/timered-counter-datetime-duration/index.stories.ts",
6263
6176
  "declarations": [
6264
6177
  {
6265
- "kind": "function",
6266
- "name": "parseJsonString",
6267
- "parameters": [
6268
- {
6269
- "name": "value",
6270
- "type": {
6271
- "text": "string"
6272
- }
6273
- }
6274
- ]
6178
+ "kind": "variable",
6179
+ "name": "meta",
6180
+ "type": {
6181
+ "text": "Meta"
6182
+ },
6183
+ "default": "{ title: 'TimeredCounterDatetimeDuration', component: 'timered-counter-datetime-duration', tags: ['autodocs', 'timered-counter-datetime-duration'], parameters: { controls: { expanded: true }, }, beforeEach: () => { setNumberAdapter('number'); }, }"
6184
+ },
6185
+ {
6186
+ "kind": "variable",
6187
+ "name": "Basic",
6188
+ "type": {
6189
+ "text": "StoryObj<TimeredCounterDatetimeDuration>"
6190
+ },
6191
+ "default": "{ args: { className: 'test-target', animationOptions: { duration: 100, }, }, async play(context) { const { canvasElement, step } = context; const counter = canvasElement.querySelector( '.test-target', ) as TimeredCounterDatetimeDuration; const list = [ ...range(0, 2).map(v => [new Date(), addSeconds(new Date(), v)]), ...range(0, 2).map(v => [new Date(), addMinutes(new Date(), v)]), ...range(0, 2).map(v => [new Date(), addHours(new Date(), v)]), ...range(0, 2).map(v => [new Date(), addDays(new Date(), v)]), ...range(0, 2).map(v => [new Date(), addMonths(new Date(), v)]), ...range(0, 2).map(v => [new Date(), addYears(new Date(), v)]), ]; await step('Testing with attribute', async () => { await valueChange(context, { counter, list, setBy: setByAttr, equal }); }); await step('Testing with property', async () => { await valueChange(context, { counter, list, setBy: setByProp, equal }); }); }, }"
6192
+ },
6193
+ {
6194
+ "kind": "variable",
6195
+ "name": "Precision",
6196
+ "type": {
6197
+ "text": "StoryObj<TimeredCounterDatetimeDuration>"
6198
+ },
6199
+ "default": "{ args: { className: 'test-target', animationOptions: { duration: 100, }, }, async play(context) { const { canvasElement, step } = context; const counter = canvasElement.querySelector( '.test-target', ) as TimeredCounterDatetimeDuration; await step('Testing with attribute', async () => datetimePrecision(context, { counter, setBy: setByAttr, equal }), ); await step('Testing with property', async () => datetimePrecision(context, { counter, setBy: setByProp, equal }), ); }, }"
6200
+ },
6201
+ {
6202
+ "kind": "variable",
6203
+ "name": "Locale",
6204
+ "type": {
6205
+ "text": "StoryObj<TimeredCounterDatetimeDuration>"
6206
+ },
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 }), ); }, }"
6275
6208
  }
6276
6209
  ],
6277
6210
  "exports": [
6278
6211
  {
6279
6212
  "kind": "js",
6280
- "name": "parseJsonString",
6213
+ "name": "default",
6281
6214
  "declaration": {
6282
- "name": "parseJsonString",
6283
- "module": "src/utils/parse-json-string.ts"
6215
+ "name": "meta",
6216
+ "module": "stories/timered-counter-datetime-duration/index.stories.ts"
6217
+ }
6218
+ },
6219
+ {
6220
+ "kind": "js",
6221
+ "name": "Basic",
6222
+ "declaration": {
6223
+ "name": "Basic",
6224
+ "module": "stories/timered-counter-datetime-duration/index.stories.ts"
6225
+ }
6226
+ },
6227
+ {
6228
+ "kind": "js",
6229
+ "name": "Precision",
6230
+ "declaration": {
6231
+ "name": "Precision",
6232
+ "module": "stories/timered-counter-datetime-duration/index.stories.ts"
6233
+ }
6234
+ },
6235
+ {
6236
+ "kind": "js",
6237
+ "name": "Locale",
6238
+ "declaration": {
6239
+ "name": "Locale",
6240
+ "module": "stories/timered-counter-datetime-duration/index.stories.ts"
6284
6241
  }
6285
6242
  }
6286
6243
  ]
6287
6244
  },
6288
6245
  {
6289
6246
  "kind": "javascript-module",
6290
- "path": "src/utils/polyfill-keyframes.ts",
6247
+ "path": "stories/timered-counter-number/decimaljs.stories.ts",
6291
6248
  "declarations": [
6292
6249
  {
6293
- "kind": "function",
6294
- "name": "polyfillKeyframes",
6295
- "return": {
6296
- "type": {
6297
- "text": "Keyframe[]"
6298
- }
6250
+ "kind": "variable",
6251
+ "name": "meta",
6252
+ "type": {
6253
+ "text": "Meta"
6299
6254
  },
6300
- "parameters": [
6301
- {
6302
- "name": "keyframes",
6303
- "type": {
6304
- "text": "Keyframe[] | PropertyIndexedKeyframes"
6305
- }
6306
- }
6307
- ]
6255
+ "default": "{ title: 'TimeredCounterNumber/with decimal.js', component: 'timered-counter-number', tags: ['autodocs', 'timered-counter-number'], parameters: { controls: { expanded: true }, }, beforeEach: () => { setNumberAdapter('decimal.js'); }, }"
6256
+ },
6257
+ {
6258
+ "kind": "variable",
6259
+ "name": "BigNumber",
6260
+ "type": {
6261
+ "text": "StoryObj<TimeredCounterNumber>"
6262
+ },
6263
+ "default": "{ args: { className: 'test-target', animationOptions: { duration: 100, }, }, async play(context) { const { canvasElement, step } = context; const counter = canvasElement.querySelector( '.test-target', ) as TimeredCounter; await step('Testing with attribute', async () => bigNumber(context, { counter, setBy: setByAttr }), ); await step('Testing with property', async () => bigNumber(context, { counter, setBy: setByProp }), ); }, }"
6308
6264
  }
6309
6265
  ],
6310
6266
  "exports": [
6311
6267
  {
6312
6268
  "kind": "js",
6313
- "name": "polyfillKeyframes",
6269
+ "name": "Basic",
6314
6270
  "declaration": {
6315
- "name": "polyfillKeyframes",
6316
- "module": "src/utils/polyfill-keyframes.ts"
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",
6310
+ "declaration": {
6311
+ "name": "meta",
6312
+ "module": "stories/timered-counter-number/decimaljs.stories.ts"
6313
+ }
6314
+ },
6315
+ {
6316
+ "kind": "js",
6317
+ "name": "BigNumber",
6318
+ "declaration": {
6319
+ "name": "BigNumber",
6320
+ "module": "stories/timered-counter-number/decimaljs.stories.ts"
6317
6321
  }
6318
6322
  }
6319
6323
  ]
6320
6324
  },
6321
6325
  {
6322
6326
  "kind": "javascript-module",
6323
- "path": "src/utils/preprocess-part-data.ts",
6327
+ "path": "stories/timered-counter-number/index.stories.ts",
6324
6328
  "declarations": [
6325
6329
  {
6326
- "kind": "function",
6327
- "name": "preprocessPartData",
6328
- "parameters": [
6329
- {
6330
- "name": "newDirection",
6331
- "type": {
6332
- "text": "'up' | 'down'"
6333
- }
6334
- },
6335
- {
6336
- "name": "newData",
6337
- "type": {
6338
- "text": "PartData[]"
6339
- }
6340
- },
6341
- {
6342
- "name": "oldDirection",
6343
- "type": {
6344
- "text": "'up' | 'down'"
6345
- }
6346
- },
6347
- {
6348
- "name": "oldData",
6349
- "type": {
6350
- "text": "PartData[]"
6351
- }
6352
- }
6353
- ]
6354
- }
6355
- ],
6356
- "exports": [
6357
- {
6358
- "kind": "js",
6359
- "name": "preprocessPartData",
6360
- "declaration": {
6361
- "name": "preprocessPartData",
6362
- "module": "src/utils/preprocess-part-data.ts"
6363
- }
6364
- }
6365
- ]
6366
- },
6367
- {
6368
- "kind": "javascript-module",
6369
- "path": "src/utils/transition-digit.ts",
6370
- "declarations": [
6371
- {
6372
- "kind": "function",
6373
- "name": "transitionDigit",
6374
- "parameters": [
6375
- {
6376
- "name": "na",
6377
- "type": {
6378
- "text": "NS"
6379
- }
6380
- },
6381
- {
6382
- "name": "from",
6383
- "type": {
6384
- "text": "V"
6385
- }
6386
- },
6387
- {
6388
- "name": "to",
6389
- "type": {
6390
- "text": "V"
6391
- }
6392
- },
6393
- {
6394
- "name": "count",
6395
- "type": {
6396
- "text": "number"
6397
- }
6398
- }
6399
- ]
6400
- }
6401
- ],
6402
- "exports": [
6403
- {
6404
- "kind": "js",
6405
- "name": "transitionDigit",
6406
- "declaration": {
6407
- "name": "transitionDigit",
6408
- "module": "src/utils/transition-digit.ts"
6409
- }
6410
- }
6411
- ]
6412
- },
6413
- {
6414
- "kind": "javascript-module",
6415
- "path": "src/utils/uuid.ts",
6416
- "declarations": [
6417
- {
6418
- "kind": "function",
6419
- "name": "uuid"
6420
- }
6421
- ],
6422
- "exports": [
6423
- {
6424
- "kind": "js",
6425
- "name": "uuid",
6426
- "declaration": {
6427
- "name": "uuid",
6428
- "module": "src/utils/uuid.ts"
6429
- }
6430
- }
6431
- ]
6432
- },
6433
- {
6434
- "kind": "javascript-module",
6435
- "path": "stories/story-parts/animation-events.ts",
6436
- "declarations": [
6330
+ "kind": "variable",
6331
+ "name": "meta",
6332
+ "type": {
6333
+ "text": "Meta"
6334
+ },
6335
+ "default": "{ title: 'TimeredCounterNumber', component: 'timered-counter-number', tags: ['autodocs', 'timered-counter-number'], parameters: { controls: { expanded: true }, }, beforeEach: () => { setNumberAdapter('number'); }, }"
6336
+ },
6437
6337
  {
6438
- "kind": "function",
6439
- "name": "animationEvents",
6440
- "parameters": [
6441
- {
6442
- "name": "context",
6443
- "type": {
6444
- "text": "Parameters<NoUndefinedField<StoryObj>['play']>[0]"
6445
- }
6446
- },
6447
- {
6448
- "name": "{\n counter,\n list = range(0, 5).map(v => v * 10) as T[],\n setBy,\n equal = _equal,\n }",
6449
- "type": {
6450
- "text": "{\n counter: TC;\n list?: T[];\n setBy: (counter: TC, key: string, value: T) => void;\n equal?: (counter: TimeredCounter, a: any, b: any) => Promise<void>;\n }"
6451
- }
6452
- }
6453
- ]
6454
- }
6455
- ],
6456
- "exports": [
6338
+ "kind": "variable",
6339
+ "name": "Basic",
6340
+ "type": {
6341
+ "text": "StoryObj<TimeredCounterNumber>"
6342
+ },
6343
+ "default": "{ args: { className: 'test-target', // @ts-ignore value: '0', animationOptions: { duration: 100, }, }, async play(context) { const { canvasElement, step } = context; const counter = canvasElement.querySelector( '.test-target', ) as TimeredCounter; await step('Testing with attribute', async () => { await valueChange(context, { counter, setBy: setByAttr, }); await step('Edge case', async () => edgeCase(context, { counter, list: [ ['Setting an empty string', '', '0'], ['Setting a non-number', 'a', '0'], ['Setting a decimal number', '1.1', '1.1'], ['Setting a negative number', '-1', '-1'], ['Setting Infinity', 'Infinity', '0'], ['Setting NaN', 'NaN', '0'], ['Setting null', 'null', '0'], ['Setting undefined', 'undefined', '0'], ['Setting true', 'true', '0'], ['Setting false', 'false', '0'], ['Setting an object', '{}', '0'], ['Setting an array', '[]', '0'], ['Setting a function', '() => {}', '0'], ['Setting a Symbol', 'Symbol()', '0'], ['Setting a BigInt', 'BigInt(1)', '0'], ], setBy: setByAttr, }), ); }); await step('Testing with property', async () => { await valueChange(context, { counter, setBy: setByProp }); await step('Edge case', async () => edgeCase(context, { counter, list: [ ['Setting an empty string', '', 0], ['Setting a non-number', 'a', 0], ['Setting a decimal number', '1.1', 1.1], ['Setting a negative number', '-1', -1], ['Setting Infinity', 'Infinity', 0], ['Setting NaN', 'NaN', 0], ['Setting null', 'null', 0], ['Setting undefined', 'undefined', 0], ['Setting true', 'true', 0], ['Setting false', 'false', 0], ['Setting an object', '{}', 0], ['Setting an array', '[]', 0], ['Setting a function', '() => {}', 0], ['Setting a Symbol', 'Symbol()', 0], ['Setting a BigInt', 'BigInt(1)', 0], ], setBy: setByProp, }), ); }); }, }"
6344
+ },
6457
6345
  {
6458
- "kind": "js",
6459
- "name": "animationEvents",
6460
- "declaration": {
6461
- "name": "animationEvents",
6462
- "module": "stories/story-parts/animation-events.ts"
6463
- }
6464
- }
6465
- ]
6466
- },
6467
- {
6468
- "kind": "javascript-module",
6469
- "path": "stories/story-parts/animation-options.ts",
6470
- "declarations": [
6346
+ "kind": "variable",
6347
+ "name": "Events",
6348
+ "type": {
6349
+ "text": "StoryObj<TimeredCounterNumber>"
6350
+ },
6351
+ "default": "{ args: { className: 'test-target', animationOptions: { duration: 100, }, }, async play(context) { const { canvasElement, step } = context; const counter = canvasElement.querySelector( '.test-target', ) as TimeredCounter; await step('Testing with attribute', async () => { await step('Animation events', async () => animationEvents(context, { counter, setBy: setByAttr, }), ); }); await step('Testing with property', async () => { await step('Animation events', async () => animationEvents(context, { counter, setBy: setByProp, }), ); }); }, }"
6352
+ },
6471
6353
  {
6472
- "kind": "function",
6473
- "name": "animationOptions",
6474
- "parameters": [
6475
- {
6476
- "name": "context",
6477
- "type": {
6478
- "text": "Parameters<NoUndefinedField<StoryObj>['play']>[0]"
6479
- }
6480
- },
6481
- {
6482
- "name": "{\n counter,\n list = [114514] as T[],\n setBy,\n }",
6483
- "type": {
6484
- "text": "{\n counter: TC;\n list?: T[];\n setBy: (counter: TC, key: string, value: T) => void;\n }"
6485
- }
6486
- }
6487
- ]
6488
- }
6489
- ],
6490
- "exports": [
6354
+ "kind": "variable",
6355
+ "name": "AnimationOptions",
6356
+ "type": {
6357
+ "text": "StoryObj<TimeredCounterNumber>"
6358
+ },
6359
+ "default": "{ args: { className: 'test-target', animationOptions: { duration: 100, }, }, async play(context) { const { canvasElement, step } = context; const counter = canvasElement.querySelector( '.test-target', ) as TimeredCounter; await step('Testing with attribute', async () => { await step('Animation options', async () => animationOptions(context, { counter, setBy: setByAttr, }), ); }); // await step('Testing with property', async () => { // await step('Animation options', async () => // animationOptions(context, { // counter, // list, // setBy: setByProp, // }), // ); // }); }, }"
6360
+ },
6491
6361
  {
6492
- "kind": "js",
6493
- "name": "animationOptions",
6494
- "declaration": {
6495
- "name": "animationOptions",
6496
- "module": "stories/story-parts/animation-options.ts"
6497
- }
6498
- }
6499
- ]
6500
- },
6501
- {
6502
- "kind": "javascript-module",
6503
- "path": "stories/story-parts/big-number.ts",
6504
- "declarations": [
6362
+ "kind": "variable",
6363
+ "name": "Styles",
6364
+ "type": {
6365
+ "text": "StoryObj<TimeredCounterNumber>"
6366
+ },
6367
+ "default": "{ args: { className: 'test-target', animationOptions: { duration: 100, }, }, async play(context) { const { canvasElement, step } = context; const counter = canvasElement.querySelector( '.test-target', ) as TimeredCounter; await step('Testing with attribute', async () => { await step('Styles', async () => styles(context, { counter, setBy: setByAttr, }), ); }); await step('Testing with property', async () => { await step('Styles', async () => styles(context, { counter, setBy: setByProp, }), ); }); }, }"
6368
+ },
6505
6369
  {
6506
- "kind": "function",
6507
- "name": "bigNumber",
6508
- "parameters": [
6509
- {
6510
- "name": "context",
6511
- "type": {
6512
- "text": "Parameters<NoUndefinedField<StoryObj>['play']>[0]"
6513
- }
6514
- },
6515
- {
6516
- "name": "{\n counter,\n setBy,\n equal = _equal,\n }",
6517
- "type": {
6518
- "text": "{\n counter: TC;\n setBy: (counter: TC, key: string, value: string) => void;\n equal?: (counter: TimeredCounter, a: any, b: any) => Promise<void>;\n }"
6519
- }
6520
- }
6521
- ]
6370
+ "kind": "variable",
6371
+ "name": "LocaleNumber",
6372
+ "type": {
6373
+ "text": "StoryObj<TimeredCounterNumber>"
6374
+ },
6375
+ "default": "{ args: { className: 'test-target', animationOptions: { duration: 100, }, }, async play(context) { const { canvasElement, step } = context; const counter = canvasElement.querySelector( '.test-target', ) as TimeredCounter; await step('Testing with attribute', async () => { await step('Locale number', async () => localeNumber(context, { counter, setBy: setByAttr, }), ); }); await step('Testing with property', async () => { await step('Locale number', async () => localeNumber(context, { counter, setBy: setByProp, }), ); }); }, }"
6522
6376
  }
6523
6377
  ],
6524
6378
  "exports": [
6525
6379
  {
6526
6380
  "kind": "js",
6527
- "name": "bigNumber",
6381
+ "name": "default",
6528
6382
  "declaration": {
6529
- "name": "bigNumber",
6530
- "module": "stories/story-parts/big-number.ts"
6383
+ "name": "meta",
6384
+ "module": "stories/timered-counter-number/index.stories.ts"
6531
6385
  }
6532
- }
6533
- ]
6534
- },
6535
- {
6536
- "kind": "javascript-module",
6537
- "path": "stories/story-parts/datetime-locale.ts",
6538
- "declarations": [
6539
- {
6540
- "kind": "function",
6541
- "name": "datetimeLocale",
6542
- "parameters": [
6543
- {
6544
- "name": "context",
6545
- "type": {
6546
- "text": "Parameters<NoUndefinedField<StoryObj>['play']>[0]"
6547
- }
6548
- },
6549
- {
6550
- "name": "{\n counter,\n setBy,\n }",
6551
- "type": {
6552
- "text": "{\n counter: TC;\n setBy: (counter: TC, key: string, value: Date[] | string) => void;\n equal: (counter: TimeredCounter, a: any, b: Date[]) => Promise<void>;\n }"
6553
- }
6554
- }
6555
- ]
6556
- }
6557
- ],
6558
- "exports": [
6386
+ },
6559
6387
  {
6560
6388
  "kind": "js",
6561
- "name": "datetimeLocale",
6389
+ "name": "Basic",
6562
6390
  "declaration": {
6563
- "name": "datetimeLocale",
6564
- "module": "stories/story-parts/datetime-locale.ts"
6391
+ "name": "Basic",
6392
+ "module": "stories/timered-counter-number/index.stories.ts"
6565
6393
  }
6566
- }
6567
- ]
6568
- },
6569
- {
6570
- "kind": "javascript-module",
6571
- "path": "stories/story-parts/datetime-precision.ts",
6572
- "declarations": [
6573
- {
6574
- "kind": "function",
6575
- "name": "datetimePrecision",
6576
- "parameters": [
6577
- {
6578
- "name": "context",
6579
- "type": {
6580
- "text": "Parameters<NoUndefinedField<StoryObj>['play']>[0]"
6581
- }
6582
- },
6583
- {
6584
- "name": "{\n counter,\n setBy,\n }",
6585
- "type": {
6586
- "text": "{\n counter: TC;\n setBy: (counter: TC, key: string, value: Date[] | string) => void;\n equal: (counter: TimeredCounter, a: any, b: Date[]) => Promise<void>;\n }"
6587
- }
6588
- }
6589
- ]
6590
- }
6591
- ],
6592
- "exports": [
6394
+ },
6593
6395
  {
6594
6396
  "kind": "js",
6595
- "name": "datetimePrecision",
6397
+ "name": "Events",
6596
6398
  "declaration": {
6597
- "name": "datetimePrecision",
6598
- "module": "stories/story-parts/datetime-precision.ts"
6399
+ "name": "Events",
6400
+ "module": "stories/timered-counter-number/index.stories.ts"
6599
6401
  }
6600
- }
6601
- ]
6602
- },
6603
- {
6604
- "kind": "javascript-module",
6605
- "path": "stories/story-parts/edge-case.ts",
6606
- "declarations": [
6607
- {
6608
- "kind": "function",
6609
- "name": "edgeCase",
6610
- "parameters": [
6611
- {
6612
- "name": "context",
6613
- "type": {
6614
- "text": "Parameters<NoUndefinedField<StoryObj>['play']>[0]"
6615
- }
6616
- },
6617
- {
6618
- "name": "{\n counter,\n list,\n setBy,\n }",
6619
- "type": {
6620
- "text": "{\n counter: TC;\n list: [label: string, value: T, expectedValue: T][];\n setBy: (counter: TC, key: string, value: T) => void;\n }"
6621
- }
6622
- }
6623
- ]
6624
- }
6625
- ],
6626
- "exports": [
6402
+ },
6627
6403
  {
6628
6404
  "kind": "js",
6629
- "name": "edgeCase",
6405
+ "name": "AnimationOptions",
6630
6406
  "declaration": {
6631
- "name": "edgeCase",
6632
- "module": "stories/story-parts/edge-case.ts"
6407
+ "name": "AnimationOptions",
6408
+ "module": "stories/timered-counter-number/index.stories.ts"
6633
6409
  }
6634
- }
6635
- ]
6636
- },
6637
- {
6638
- "kind": "javascript-module",
6639
- "path": "stories/story-parts/emoji.ts",
6640
- "declarations": [
6410
+ },
6641
6411
  {
6642
- "kind": "function",
6643
- "name": "emoji",
6644
- "parameters": [
6645
- {
6646
- "name": "context",
6647
- "type": {
6648
- "text": "Parameters<NoUndefinedField<StoryObj>['play']>[0]"
6649
- }
6650
- },
6651
- {
6652
- "name": "{\n counter,\n setBy,\n list,\n }",
6653
- "type": {
6654
- "text": "{\n counter: TC;\n list: string[];\n setBy: (counter: TC, key: string, value: string) => void;\n equal?: (counter: TimeredCounter, a: any, b: string) => Promise<void>;\n }"
6655
- }
6656
- }
6657
- ]
6658
- }
6659
- ],
6660
- "exports": [
6412
+ "kind": "js",
6413
+ "name": "Styles",
6414
+ "declaration": {
6415
+ "name": "Styles",
6416
+ "module": "stories/timered-counter-number/index.stories.ts"
6417
+ }
6418
+ },
6661
6419
  {
6662
6420
  "kind": "js",
6663
- "name": "emoji",
6421
+ "name": "LocaleNumber",
6664
6422
  "declaration": {
6665
- "name": "emoji",
6666
- "module": "stories/story-parts/emoji.ts"
6423
+ "name": "LocaleNumber",
6424
+ "module": "stories/timered-counter-number/index.stories.ts"
6667
6425
  }
6668
6426
  }
6669
6427
  ]
6670
6428
  },
6671
6429
  {
6672
6430
  "kind": "javascript-module",
6673
- "path": "stories/story-parts/locale-number.ts",
6431
+ "path": "src/types/duration.ts",
6674
6432
  "declarations": [
6675
6433
  {
6676
- "kind": "function",
6677
- "name": "localeNumber",
6678
- "parameters": [
6679
- {
6680
- "name": "context",
6681
- "type": {
6682
- "text": "Parameters<NoUndefinedField<StoryObj>['play']>[0]"
6683
- }
6684
- },
6685
- {
6686
- "name": "{\n counter,\n setBy,\n }",
6687
- "type": {
6688
- "text": "{\n counter: TC;\n setBy: (counter: TC, key: string, value: string) => void;\n }"
6689
- }
6690
- }
6691
- ]
6434
+ "kind": "variable",
6435
+ "name": "DurationPartMillisecond",
6436
+ "type": {
6437
+ "text": "{\n [DurationPartType.Millisecond]: 1,\n [DurationPartType.Second]: 1000,\n [DurationPartType.Minute]: 60000,\n [DurationPartType.Hour]: 3600000,\n [DurationPartType.Day]: 86400000,\n [DurationPartType.Week]: 604800000,\n [DurationPartType.Month]: 2629800000,\n [DurationPartType.Quarter]: 7889400000,\n [DurationPartType.Year]: 31557600000,\n}"
6438
+ },
6439
+ "default": "{ [DurationPartType.Millisecond]: 1, [DurationPartType.Second]: 1000, [DurationPartType.Minute]: 60000, [DurationPartType.Hour]: 3600000, [DurationPartType.Day]: 86400000, [DurationPartType.Week]: 604800000, [DurationPartType.Month]: 2629800000, [DurationPartType.Quarter]: 7889400000, [DurationPartType.Year]: 31557600000, }"
6440
+ },
6441
+ {
6442
+ "kind": "variable",
6443
+ "name": "DurationPartMillisecondToType",
6444
+ "type": {
6445
+ "text": "{\n 1: DurationPartType.Millisecond,\n 1000: DurationPartType.Second,\n 60000: DurationPartType.Minute,\n 3600000: DurationPartType.Hour,\n 86400000: DurationPartType.Day,\n 604800000: DurationPartType.Week,\n 2629800000: DurationPartType.Month,\n 7889400000: DurationPartType.Quarter,\n 31557600000: DurationPartType.Year,\n}"
6446
+ },
6447
+ "default": "{ 1: DurationPartType.Millisecond, 1000: DurationPartType.Second, 60000: DurationPartType.Minute, 3600000: DurationPartType.Hour, 86400000: DurationPartType.Day, 604800000: DurationPartType.Week, 2629800000: DurationPartType.Month, 7889400000: DurationPartType.Quarter, 31557600000: DurationPartType.Year, }"
6692
6448
  }
6693
6449
  ],
6694
6450
  "exports": [
6695
6451
  {
6696
6452
  "kind": "js",
6697
- "name": "localeNumber",
6453
+ "name": "DurationPartMillisecond",
6698
6454
  "declaration": {
6699
- "name": "localeNumber",
6700
- "module": "stories/story-parts/locale-number.ts"
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"
6701
6465
  }
6702
6466
  }
6703
6467
  ]
6704
6468
  },
6705
6469
  {
6706
6470
  "kind": "javascript-module",
6707
- "path": "stories/story-parts/slots.ts",
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",
6708
6478
  "declarations": [
6709
6479
  {
6710
- "kind": "function",
6711
- "name": "render",
6712
- "parameters": [
6713
- {
6714
- "name": "args",
6715
- "type": {
6716
- "text": "any"
6717
- }
6718
- }
6719
- ]
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'); }, }"
6720
6486
  },
6721
6487
  {
6722
- "kind": "function",
6723
- "name": "slots",
6724
- "parameters": [
6725
- {
6726
- "name": "context",
6727
- "type": {
6728
- "text": "Parameters<NoUndefinedField<StoryObj>['play']>[0]"
6729
- }
6730
- },
6731
- {
6732
- "name": "{\n counter,\n }",
6733
- "type": {
6734
- "text": "{\n counter: TC;\n list?: T[];\n setBy?: (counter: TC, key: string, value: T) => void;\n equal?: (counter: TimeredCounter, a: any, b: T) => Promise<void>;\n }"
6735
- }
6736
- }
6737
- ]
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 }), ); }, }"
6738
6502
  }
6739
6503
  ],
6740
6504
  "exports": [
6741
6505
  {
6742
6506
  "kind": "js",
6743
- "name": "render",
6507
+ "name": "Basic",
6744
6508
  "declaration": {
6745
- "name": "render",
6746
- "module": "stories/story-parts/slots.ts"
6509
+ "name": "Basic",
6510
+ "module": "./index.stories.js"
6747
6511
  }
6748
6512
  },
6749
6513
  {
6750
6514
  "kind": "js",
6751
- "name": "slots",
6515
+ "name": "AnimationOptions",
6752
6516
  "declaration": {
6753
- "name": "slots",
6754
- "module": "stories/story-parts/slots.ts"
6517
+ "name": "AnimationOptions",
6518
+ "module": "./index.stories.js"
6755
6519
  }
6756
- }
6757
- ]
6758
- },
6759
- {
6760
- "kind": "javascript-module",
6761
- "path": "stories/story-parts/styles.ts",
6762
- "declarations": [
6520
+ },
6763
6521
  {
6764
- "kind": "function",
6765
- "name": "styles",
6766
- "parameters": [
6767
- {
6768
- "name": "context",
6769
- "type": {
6770
- "text": "Parameters<NoUndefinedField<StoryObj>['play']>[0]"
6771
- }
6772
- },
6773
- {
6774
- "name": "{\n counter,\n setBy,\n }",
6775
- "type": {
6776
- "text": "{\n counter: TC;\n setBy: (counter: TC, key: string, value: string) => void;\n }"
6777
- }
6778
- }
6779
- ]
6780
- }
6781
- ],
6782
- "exports": [
6522
+ "kind": "js",
6523
+ "name": "Styles",
6524
+ "declaration": {
6525
+ "name": "Styles",
6526
+ "module": "./index.stories.js"
6527
+ }
6528
+ },
6783
6529
  {
6784
6530
  "kind": "js",
6785
- "name": "styles",
6531
+ "name": "Emoji",
6786
6532
  "declaration": {
6787
- "name": "styles",
6788
- "module": "stories/story-parts/styles.ts"
6533
+ "name": "Emoji",
6534
+ "module": "./index.stories.js"
6789
6535
  }
6790
- }
6791
- ]
6792
- },
6793
- {
6794
- "kind": "javascript-module",
6795
- "path": "stories/story-parts/value-change.ts",
6796
- "declarations": [
6536
+ },
6797
6537
  {
6798
- "kind": "function",
6799
- "name": "valueChange",
6800
- "parameters": [
6801
- {
6802
- "name": "context",
6803
- "type": {
6804
- "text": "Parameters<NoUndefinedField<StoryObj>['play']>[0]"
6805
- }
6806
- },
6807
- {
6808
- "name": "{\n counter,\n list = range(0, 5).map(v => v * 10) as T[],\n setBy,\n equal = _equal,\n }",
6809
- "type": {
6810
- "text": "{\n counter: TC;\n list?: T[];\n setBy: (counter: TC, key: string, value: T) => void;\n equal?: (counter: TimeredCounter, a: any, b: T) => Promise<void>;\n }"
6811
- }
6812
- }
6813
- ]
6814
- }
6815
- ],
6816
- "exports": [
6538
+ "kind": "js",
6539
+ "name": "default",
6540
+ "declaration": {
6541
+ "name": "meta",
6542
+ "module": "stories/timered-counter-string/decimaljs.stories.ts"
6543
+ }
6544
+ },
6817
6545
  {
6818
6546
  "kind": "js",
6819
- "name": "valueChange",
6547
+ "name": "Events",
6820
6548
  "declaration": {
6821
- "name": "valueChange",
6822
- "module": "stories/story-parts/value-change.ts"
6549
+ "name": "Events",
6550
+ "module": "stories/timered-counter-string/decimaljs.stories.ts"
6551
+ }
6552
+ },
6553
+ {
6554
+ "kind": "js",
6555
+ "name": "BigNumber",
6556
+ "declaration": {
6557
+ "name": "BigNumber",
6558
+ "module": "stories/timered-counter-string/decimaljs.stories.ts"
6823
6559
  }
6824
6560
  }
6825
6561
  ]
6826
6562
  },
6827
6563
  {
6828
6564
  "kind": "javascript-module",
6829
- "path": "stories/timered-counter/decimaljs.stories.ts",
6565
+ "path": "stories/timered-counter-string/grapheme-splitter.stories.ts",
6830
6566
  "declarations": [
6831
6567
  {
6832
6568
  "kind": "variable",
@@ -6834,64 +6570,72 @@
6834
6570
  "type": {
6835
6571
  "text": "Meta"
6836
6572
  },
6837
- "default": "{ title: 'TimeredCounter/with decimal.js', component: 'timered-counter', tags: ['autodocs', 'timered-counter'], parameters: { controls: { expanded: true }, }, beforeEach: () => { setNumberAdapter('decimal.js'); }, }"
6573
+ "default": "{ title: 'TimeredCounterString/with grapheme-splitter', component: 'timered-counter-string', tags: ['autodocs', 'timered-counter-string'], parameters: { controls: { expanded: true }, }, beforeEach: () => { setNumberAdapter('decimal.js'); setStringAdapter('grapheme-splitter'); }, }"
6574
+ },
6575
+ {
6576
+ "kind": "variable",
6577
+ "name": "Events",
6578
+ "type": {
6579
+ "text": "StoryObj<TimeredCounterString>"
6580
+ },
6581
+ "default": "{ args: { className: 'test-target', animationOptions: { duration: 100 }, }, async play(context) { const { canvasElement, step } = context; const counter = canvasElement.querySelector( '.test-target', ) as TimeredCounter; const list = range(0, 5).map(() => faker.lorem.sentence({ min: 1, max: 2 }), ); await step('Testing with attribute', () => animationEvents(context, { counter, list, setBy: setByAttr, equal }), ); await step('Testing with property', () => animationEvents(context, { counter, list, setBy: setByProp, equal }), ); }, }"
6838
6582
  },
6839
6583
  {
6840
6584
  "kind": "variable",
6841
6585
  "name": "BigNumber",
6842
6586
  "type": {
6843
- "text": "StoryObj<TimeredCounter>"
6587
+ "text": "StoryObj<TimeredCounterString>"
6844
6588
  },
6845
- "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 }), ); }, }"
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 }), ); }, }"
6846
6590
  }
6847
6591
  ],
6848
6592
  "exports": [
6849
6593
  {
6850
6594
  "kind": "js",
6851
- "name": "default",
6595
+ "name": "Basic",
6852
6596
  "declaration": {
6853
- "name": "meta",
6854
- "module": "stories/timered-counter/decimaljs.stories.ts"
6597
+ "name": "Basic",
6598
+ "module": "./index.stories.js"
6855
6599
  }
6856
6600
  },
6857
6601
  {
6858
6602
  "kind": "js",
6859
- "name": "Basic",
6603
+ "name": "AnimationOptions",
6860
6604
  "declaration": {
6861
- "name": "Basic",
6605
+ "name": "AnimationOptions",
6862
6606
  "module": "./index.stories.js"
6863
6607
  }
6864
6608
  },
6865
6609
  {
6866
6610
  "kind": "js",
6867
- "name": "Events",
6611
+ "name": "Styles",
6868
6612
  "declaration": {
6869
- "name": "Events",
6613
+ "name": "Styles",
6870
6614
  "module": "./index.stories.js"
6871
6615
  }
6872
6616
  },
6873
6617
  {
6874
6618
  "kind": "js",
6875
- "name": "AnimationOptions",
6619
+ "name": "Emoji",
6876
6620
  "declaration": {
6877
- "name": "AnimationOptions",
6621
+ "name": "Emoji",
6878
6622
  "module": "./index.stories.js"
6879
6623
  }
6880
6624
  },
6881
6625
  {
6882
6626
  "kind": "js",
6883
- "name": "Slots",
6627
+ "name": "default",
6884
6628
  "declaration": {
6885
- "name": "Slots",
6886
- "module": "./index.stories.js"
6629
+ "name": "meta",
6630
+ "module": "stories/timered-counter-string/grapheme-splitter.stories.ts"
6887
6631
  }
6888
6632
  },
6889
6633
  {
6890
6634
  "kind": "js",
6891
- "name": "Styles",
6635
+ "name": "Events",
6892
6636
  "declaration": {
6893
- "name": "Styles",
6894
- "module": "./index.stories.js"
6637
+ "name": "Events",
6638
+ "module": "stories/timered-counter-string/grapheme-splitter.stories.ts"
6895
6639
  }
6896
6640
  },
6897
6641
  {
@@ -6899,14 +6643,14 @@
6899
6643
  "name": "BigNumber",
6900
6644
  "declaration": {
6901
6645
  "name": "BigNumber",
6902
- "module": "stories/timered-counter/decimaljs.stories.ts"
6646
+ "module": "stories/timered-counter-string/grapheme-splitter.stories.ts"
6903
6647
  }
6904
6648
  }
6905
6649
  ]
6906
6650
  },
6907
6651
  {
6908
6652
  "kind": "javascript-module",
6909
- "path": "stories/timered-counter/index.stories.ts",
6653
+ "path": "stories/timered-counter-string/index.stories.ts",
6910
6654
  "declarations": [
6911
6655
  {
6912
6656
  "kind": "variable",
@@ -6914,47 +6658,47 @@
6914
6658
  "type": {
6915
6659
  "text": "Meta"
6916
6660
  },
6917
- "default": "{ title: 'TimeredCounter', component: 'timered-counter', tags: ['autodocs', 'timered-counter'], parameters: { controls: { expanded: true }, }, beforeEach: () => { setNumberAdapter('number'); }, globals: { setByAttr, setByProp, }, }"
6661
+ "default": "{ title: 'TimeredCounterString', component: 'timered-counter-string', tags: ['autodocs', 'timered-counter-string'], parameters: { controls: { expanded: true }, }, beforeEach: () => { setNumberAdapter('number'); }, }"
6918
6662
  },
6919
6663
  {
6920
6664
  "kind": "variable",
6921
6665
  "name": "Basic",
6922
6666
  "type": {
6923
- "text": "StoryObj<TimeredCounter>"
6667
+ "text": "StoryObj<TimeredCounterString>"
6924
6668
  },
6925
- "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, }), ); }); }, }"
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 }); }); }, }"
6926
6670
  },
6927
6671
  {
6928
6672
  "kind": "variable",
6929
6673
  "name": "Events",
6930
6674
  "type": {
6931
- "text": "StoryObj<TimeredCounter>"
6675
+ "text": "StoryObj<TimeredCounterString>"
6932
6676
  },
6933
- "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, }), ); }); }, }"
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 }), ); }, }"
6934
6678
  },
6935
6679
  {
6936
6680
  "kind": "variable",
6937
6681
  "name": "AnimationOptions",
6938
6682
  "type": {
6939
- "text": "StoryObj<TimeredCounter>"
6683
+ "text": "StoryObj<TimeredCounterString>"
6940
6684
  },
6941
- "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, // }), // ); // }); }, }"
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 }), ); }, }"
6942
6686
  },
6943
6687
  {
6944
6688
  "kind": "variable",
6945
6689
  "name": "Styles",
6946
6690
  "type": {
6947
- "text": "StoryObj<TimeredCounter>"
6691
+ "text": "StoryObj<TimeredCounterString>"
6948
6692
  },
6949
- "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, }), ); }); }, }"
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 }), ); }, }"
6950
6694
  },
6951
6695
  {
6952
6696
  "kind": "variable",
6953
- "name": "Slots",
6697
+ "name": "Emoji",
6954
6698
  "type": {
6955
- "text": "StoryObj<TimeredCounter>"
6699
+ "text": "StoryObj<TimeredCounterString>"
6956
6700
  },
6957
- "default": "{ args: { className: 'test-target', value: 0, }, render: slotsRender, async play(context) { const { canvasElement } = context; const counter = canvasElement.querySelector( '.test-target', ) as TimeredCounter; await slots(context, { counter }); }, }"
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 }), ); }, }"
6958
6702
  }
6959
6703
  ],
6960
6704
  "exports": [
@@ -6963,7 +6707,7 @@
6963
6707
  "name": "default",
6964
6708
  "declaration": {
6965
6709
  "name": "meta",
6966
- "module": "stories/timered-counter/index.stories.ts"
6710
+ "module": "stories/timered-counter-string/index.stories.ts"
6967
6711
  }
6968
6712
  },
6969
6713
  {
@@ -6971,7 +6715,7 @@
6971
6715
  "name": "Basic",
6972
6716
  "declaration": {
6973
6717
  "name": "Basic",
6974
- "module": "stories/timered-counter/index.stories.ts"
6718
+ "module": "stories/timered-counter-string/index.stories.ts"
6975
6719
  }
6976
6720
  },
6977
6721
  {
@@ -6979,7 +6723,7 @@
6979
6723
  "name": "Events",
6980
6724
  "declaration": {
6981
6725
  "name": "Events",
6982
- "module": "stories/timered-counter/index.stories.ts"
6726
+ "module": "stories/timered-counter-string/index.stories.ts"
6983
6727
  }
6984
6728
  },
6985
6729
  {
@@ -6987,7 +6731,7 @@
6987
6731
  "name": "AnimationOptions",
6988
6732
  "declaration": {
6989
6733
  "name": "AnimationOptions",
6990
- "module": "stories/timered-counter/index.stories.ts"
6734
+ "module": "stories/timered-counter-string/index.stories.ts"
6991
6735
  }
6992
6736
  },
6993
6737
  {
@@ -6995,22 +6739,22 @@
6995
6739
  "name": "Styles",
6996
6740
  "declaration": {
6997
6741
  "name": "Styles",
6998
- "module": "stories/timered-counter/index.stories.ts"
6742
+ "module": "stories/timered-counter-string/index.stories.ts"
6999
6743
  }
7000
6744
  },
7001
6745
  {
7002
6746
  "kind": "js",
7003
- "name": "Slots",
6747
+ "name": "Emoji",
7004
6748
  "declaration": {
7005
- "name": "Slots",
7006
- "module": "stories/timered-counter/index.stories.ts"
6749
+ "name": "Emoji",
6750
+ "module": "stories/timered-counter-string/index.stories.ts"
7007
6751
  }
7008
6752
  }
7009
6753
  ]
7010
6754
  },
7011
6755
  {
7012
6756
  "kind": "javascript-module",
7013
- "path": "stories/timered-counter-datetime-duration/index.stories.ts",
6757
+ "path": "stories/timered-counter-string/intl-segmenter.stories.ts",
7014
6758
  "declarations": [
7015
6759
  {
7016
6760
  "kind": "variable",
@@ -7018,96 +6762,64 @@
7018
6762
  "type": {
7019
6763
  "text": "Meta"
7020
6764
  },
7021
- "default": "{ title: 'TimeredCounterDatetimeDuration', component: 'timered-counter-datetime-duration', tags: ['autodocs', 'timered-counter-datetime-duration'], parameters: { controls: { expanded: true }, }, beforeEach: () => { setNumberAdapter('number'); }, }"
7022
- },
7023
- {
7024
- "kind": "variable",
7025
- "name": "Basic",
7026
- "type": {
7027
- "text": "StoryObj<TimeredCounterDatetimeDuration>"
7028
- },
7029
- "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 }); }); }, }"
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'); }, }"
7030
6766
  },
7031
6767
  {
7032
6768
  "kind": "variable",
7033
- "name": "Precision",
6769
+ "name": "Events",
7034
6770
  "type": {
7035
- "text": "StoryObj<TimeredCounterDatetimeDuration>"
6771
+ "text": "StoryObj<TimeredCounterString>"
7036
6772
  },
7037
- "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 }), ); }, }"
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 }), ); }, }"
7038
6774
  },
7039
6775
  {
7040
6776
  "kind": "variable",
7041
- "name": "Locale",
6777
+ "name": "BigNumber",
7042
6778
  "type": {
7043
- "text": "StoryObj<TimeredCounterDatetimeDuration>"
6779
+ "text": "StoryObj<TimeredCounterString>"
7044
6780
  },
7045
- "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 }), ); }, }"
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 }), ); }, }"
7046
6782
  }
7047
6783
  ],
7048
6784
  "exports": [
7049
6785
  {
7050
6786
  "kind": "js",
7051
- "name": "default",
6787
+ "name": "Basic",
7052
6788
  "declaration": {
7053
- "name": "meta",
7054
- "module": "stories/timered-counter-datetime-duration/index.stories.ts"
6789
+ "name": "Basic",
6790
+ "module": "./index.stories.js"
7055
6791
  }
7056
6792
  },
7057
6793
  {
7058
6794
  "kind": "js",
7059
- "name": "Basic",
6795
+ "name": "AnimationOptions",
7060
6796
  "declaration": {
7061
- "name": "Basic",
7062
- "module": "stories/timered-counter-datetime-duration/index.stories.ts"
6797
+ "name": "AnimationOptions",
6798
+ "module": "./index.stories.js"
7063
6799
  }
7064
6800
  },
7065
6801
  {
7066
6802
  "kind": "js",
7067
- "name": "Precision",
6803
+ "name": "Styles",
7068
6804
  "declaration": {
7069
- "name": "Precision",
7070
- "module": "stories/timered-counter-datetime-duration/index.stories.ts"
6805
+ "name": "Styles",
6806
+ "module": "./index.stories.js"
7071
6807
  }
7072
6808
  },
7073
6809
  {
7074
6810
  "kind": "js",
7075
- "name": "Locale",
6811
+ "name": "Emoji",
7076
6812
  "declaration": {
7077
- "name": "Locale",
7078
- "module": "stories/timered-counter-datetime-duration/index.stories.ts"
6813
+ "name": "Emoji",
6814
+ "module": "./index.stories.js"
7079
6815
  }
7080
- }
7081
- ]
7082
- },
7083
- {
7084
- "kind": "javascript-module",
7085
- "path": "stories/timered-counter-number/decimaljs.stories.ts",
7086
- "declarations": [
7087
- {
7088
- "kind": "variable",
7089
- "name": "meta",
7090
- "type": {
7091
- "text": "Meta"
7092
- },
7093
- "default": "{ title: 'TimeredCounterNumber/with decimal.js', component: 'timered-counter-number', tags: ['autodocs', 'timered-counter-number'], parameters: { controls: { expanded: true }, }, beforeEach: () => { setNumberAdapter('decimal.js'); }, }"
7094
6816
  },
7095
- {
7096
- "kind": "variable",
7097
- "name": "BigNumber",
7098
- "type": {
7099
- "text": "StoryObj<TimeredCounterNumber>"
7100
- },
7101
- "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 }), ); }, }"
7102
- }
7103
- ],
7104
- "exports": [
7105
6817
  {
7106
6818
  "kind": "js",
7107
- "name": "Basic",
6819
+ "name": "default",
7108
6820
  "declaration": {
7109
- "name": "Basic",
7110
- "module": "./index.stories.js"
6821
+ "name": "meta",
6822
+ "module": "stories/timered-counter-string/intl-segmenter.stories.ts"
7111
6823
  }
7112
6824
  },
7113
6825
  {
@@ -7115,607 +6827,904 @@
7115
6827
  "name": "Events",
7116
6828
  "declaration": {
7117
6829
  "name": "Events",
7118
- "module": "./index.stories.js"
6830
+ "module": "stories/timered-counter-string/intl-segmenter.stories.ts"
7119
6831
  }
7120
6832
  },
7121
6833
  {
7122
6834
  "kind": "js",
7123
- "name": "Styles",
6835
+ "name": "BigNumber",
7124
6836
  "declaration": {
7125
- "name": "Styles",
7126
- "module": "./index.stories.js"
6837
+ "name": "BigNumber",
6838
+ "module": "stories/timered-counter-string/intl-segmenter.stories.ts"
7127
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
+ ]
7128
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": [
7129
6933
  {
7130
6934
  "kind": "js",
7131
- "name": "LocaleNumber",
6935
+ "name": "equal",
7132
6936
  "declaration": {
7133
- "name": "LocaleNumber",
7134
- "module": "./index.stories.js"
6937
+ "name": "equal",
6938
+ "module": "stories/utils/index.ts"
7135
6939
  }
7136
6940
  },
7137
6941
  {
7138
6942
  "kind": "js",
7139
- "name": "AnimationOptions",
6943
+ "name": "setByAttr",
7140
6944
  "declaration": {
7141
- "name": "AnimationOptions",
7142
- "module": "./index.stories.js"
6945
+ "name": "setByAttr",
6946
+ "module": "stories/utils/index.ts"
7143
6947
  }
7144
6948
  },
7145
6949
  {
7146
6950
  "kind": "js",
7147
- "name": "default",
6951
+ "name": "setByProp",
7148
6952
  "declaration": {
7149
- "name": "meta",
7150
- "module": "stories/timered-counter-number/decimaljs.stories.ts"
6953
+ "name": "setByProp",
6954
+ "module": "stories/utils/index.ts"
7151
6955
  }
7152
6956
  },
7153
6957
  {
7154
6958
  "kind": "js",
7155
- "name": "BigNumber",
6959
+ "name": "sleep",
7156
6960
  "declaration": {
7157
- "name": "BigNumber",
7158
- "module": "stories/timered-counter-number/decimaljs.stories.ts"
6961
+ "name": "sleep",
6962
+ "module": "stories/utils/index.ts"
7159
6963
  }
7160
6964
  }
7161
6965
  ]
7162
6966
  },
7163
6967
  {
7164
6968
  "kind": "javascript-module",
7165
- "path": "stories/timered-counter-number/index.stories.ts",
6969
+ "path": "storybook-static/sb-manager/globals-module-info.js",
7166
6970
  "declarations": [
7167
6971
  {
7168
6972
  "kind": "variable",
7169
- "name": "meta",
7170
- "type": {
7171
- "text": "Meta"
7172
- },
7173
- "default": "{ title: 'TimeredCounterNumber', component: 'timered-counter-number', tags: ['autodocs', 'timered-counter-number'], parameters: { controls: { expanded: true }, }, beforeEach: () => { setNumberAdapter('number'); }, }"
7174
- },
7175
- {
7176
- "kind": "variable",
7177
- "name": "Basic",
7178
- "type": {
7179
- "text": "StoryObj<TimeredCounterNumber>"
7180
- },
7181
- "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, }), ); }); }, }"
7182
- },
7183
- {
7184
- "kind": "variable",
7185
- "name": "Events",
7186
- "type": {
7187
- "text": "StoryObj<TimeredCounterNumber>"
7188
- },
7189
- "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, }), ); }); }, }"
7190
- },
6973
+ "name": "S"
6974
+ }
6975
+ ],
6976
+ "exports": [
7191
6977
  {
7192
- "kind": "variable",
7193
- "name": "AnimationOptions",
7194
- "type": {
7195
- "text": "StoryObj<TimeredCounterNumber>"
7196
- },
7197
- "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, // }), // ); // }); }, }"
7198
- },
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": [
7199
6997
  {
7200
6998
  "kind": "variable",
7201
- "name": "Styles",
6999
+ "name": "_",
7202
7000
  "type": {
7203
- "text": "StoryObj<TimeredCounterNumber>"
7001
+ "text": "object"
7204
7002
  },
7205
- "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, }), ); }); }, }"
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__\" }"
7206
7004
  },
7207
7005
  {
7208
7006
  "kind": "variable",
7209
- "name": "LocaleNumber",
7210
- "type": {
7211
- "text": "StoryObj<TimeredCounterNumber>"
7212
- },
7213
- "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, }), ); }); }, }"
7007
+ "name": "o"
7214
7008
  }
7215
7009
  ],
7216
7010
  "exports": [
7217
7011
  {
7218
7012
  "kind": "js",
7219
- "name": "default",
7013
+ "name": "globalPackages",
7220
7014
  "declaration": {
7221
- "name": "meta",
7222
- "module": "stories/timered-counter-number/index.stories.ts"
7015
+ "name": "o",
7016
+ "module": "storybook-static/sb-manager/globals.js"
7223
7017
  }
7224
7018
  },
7225
7019
  {
7226
7020
  "kind": "js",
7227
- "name": "Basic",
7021
+ "name": "globalsNameReferenceMap",
7228
7022
  "declaration": {
7229
- "name": "Basic",
7230
- "module": "stories/timered-counter-number/index.stories.ts"
7023
+ "name": "_",
7024
+ "module": "storybook-static/sb-manager/globals.js"
7231
7025
  }
7232
- },
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": [
7233
7058
  {
7234
7059
  "kind": "js",
7235
- "name": "Events",
7060
+ "name": "timeredCounterDatetimeStyles",
7236
7061
  "declaration": {
7237
- "name": "Events",
7238
- "module": "stories/timered-counter-number/index.stories.ts"
7062
+ "name": "timeredCounterDatetimeStyles",
7063
+ "module": "src/styles/timered-counter-datetime-styles.ts"
7239
7064
  }
7240
- },
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": [
7241
7079
  {
7242
7080
  "kind": "js",
7243
- "name": "AnimationOptions",
7081
+ "name": "timeredCounterNumberStyles",
7244
7082
  "declaration": {
7245
- "name": "AnimationOptions",
7246
- "module": "stories/timered-counter-number/index.stories.ts"
7083
+ "name": "timeredCounterNumberStyles",
7084
+ "module": "src/styles/timered-counter-number-styles.ts"
7247
7085
  }
7248
- },
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": [
7249
7100
  {
7250
7101
  "kind": "js",
7251
- "name": "Styles",
7102
+ "name": "timeredCounterStringStyles",
7252
7103
  "declaration": {
7253
- "name": "Styles",
7254
- "module": "stories/timered-counter-number/index.stories.ts"
7104
+ "name": "timeredCounterStringStyles",
7105
+ "module": "src/styles/timered-counter-string-styles.ts"
7255
7106
  }
7256
- },
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": [
7257
7121
  {
7258
7122
  "kind": "js",
7259
- "name": "LocaleNumber",
7123
+ "name": "timeredCounterStyles",
7260
7124
  "declaration": {
7261
- "name": "LocaleNumber",
7262
- "module": "stories/timered-counter-number/index.stories.ts"
7125
+ "name": "timeredCounterStyles",
7126
+ "module": "src/styles/timered-counter-styles.ts"
7263
7127
  }
7264
7128
  }
7265
7129
  ]
7266
7130
  },
7267
7131
  {
7268
7132
  "kind": "javascript-module",
7269
- "path": "stories/timered-counter-string/decimaljs.stories.ts",
7133
+ "path": "src/utils/any-base.ts",
7270
7134
  "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
+ },
7271
7159
  {
7272
7160
  "kind": "variable",
7273
- "name": "meta",
7161
+ "name": "BIN",
7274
7162
  "type": {
7275
- "text": "Meta"
7163
+ "text": "string"
7276
7164
  },
7277
- "default": "{ title: 'TimeredCounterString/with decimal.js', component: 'timered-counter-string', tags: ['autodocs', 'timered-counter-string'], parameters: { controls: { expanded: true }, }, beforeEach: () => { setNumberAdapter('decimal.js'); }, }"
7165
+ "default": "'01'"
7278
7166
  },
7279
7167
  {
7280
7168
  "kind": "variable",
7281
- "name": "Events",
7169
+ "name": "OCT",
7282
7170
  "type": {
7283
- "text": "StoryObj<TimeredCounterString>"
7171
+ "text": "string"
7284
7172
  },
7285
- "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 }), ); }, }"
7173
+ "default": "'01234567'"
7286
7174
  },
7287
7175
  {
7288
7176
  "kind": "variable",
7289
- "name": "BigNumber",
7177
+ "name": "DEC",
7290
7178
  "type": {
7291
- "text": "StoryObj<TimeredCounterString>"
7179
+ "text": "string"
7180
+ },
7181
+ "default": "'0123456789'"
7182
+ },
7183
+ {
7184
+ "kind": "variable",
7185
+ "name": "HEX",
7186
+ "type": {
7187
+ "text": "string"
7292
7188
  },
7293
- "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 }), ); }, }"
7189
+ "default": "'0123456789abcdef'"
7294
7190
  }
7295
7191
  ],
7296
7192
  "exports": [
7297
7193
  {
7298
7194
  "kind": "js",
7299
- "name": "Basic",
7195
+ "name": "anyBase",
7300
7196
  "declaration": {
7301
- "name": "Basic",
7302
- "module": "./index.stories.js"
7197
+ "name": "anyBase",
7198
+ "module": "src/utils/any-base.ts"
7303
7199
  }
7304
7200
  },
7305
7201
  {
7306
7202
  "kind": "js",
7307
- "name": "AnimationOptions",
7203
+ "name": "BIN",
7308
7204
  "declaration": {
7309
- "name": "AnimationOptions",
7310
- "module": "./index.stories.js"
7205
+ "name": "BIN",
7206
+ "module": "src/utils/any-base.ts"
7311
7207
  }
7312
7208
  },
7313
7209
  {
7314
7210
  "kind": "js",
7315
- "name": "Styles",
7211
+ "name": "OCT",
7316
7212
  "declaration": {
7317
- "name": "Styles",
7318
- "module": "./index.stories.js"
7213
+ "name": "OCT",
7214
+ "module": "src/utils/any-base.ts"
7319
7215
  }
7320
7216
  },
7321
7217
  {
7322
7218
  "kind": "js",
7323
- "name": "Emoji",
7219
+ "name": "DEC",
7324
7220
  "declaration": {
7325
- "name": "Emoji",
7326
- "module": "./index.stories.js"
7221
+ "name": "DEC",
7222
+ "module": "src/utils/any-base.ts"
7327
7223
  }
7328
7224
  },
7329
7225
  {
7330
7226
  "kind": "js",
7331
- "name": "default",
7227
+ "name": "HEX",
7332
7228
  "declaration": {
7333
- "name": "meta",
7334
- "module": "stories/timered-counter-string/decimaljs.stories.ts"
7229
+ "name": "HEX",
7230
+ "module": "src/utils/any-base.ts"
7335
7231
  }
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 每个部分的值."
7336
7268
  },
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": [
7337
7300
  {
7338
7301
  "kind": "js",
7339
- "name": "Events",
7302
+ "name": "durationObject",
7340
7303
  "declaration": {
7341
- "name": "Events",
7342
- "module": "stories/timered-counter-string/decimaljs.stories.ts"
7304
+ "name": "durationObject",
7305
+ "module": "src/utils/duration.ts"
7343
7306
  }
7344
7307
  },
7345
7308
  {
7346
7309
  "kind": "js",
7347
- "name": "BigNumber",
7310
+ "name": "duration",
7348
7311
  "declaration": {
7349
- "name": "BigNumber",
7350
- "module": "stories/timered-counter-string/decimaljs.stories.ts"
7312
+ "name": "duration",
7313
+ "module": "src/utils/duration.ts"
7351
7314
  }
7352
7315
  }
7353
7316
  ]
7354
7317
  },
7355
7318
  {
7356
7319
  "kind": "javascript-module",
7357
- "path": "stories/timered-counter-string/grapheme-splitter.stories.ts",
7320
+ "path": "src/utils/extract-group-option.ts",
7358
7321
  "declarations": [
7359
7322
  {
7360
- "kind": "variable",
7361
- "name": "meta",
7362
- "type": {
7363
- "text": "Meta"
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
+ }
7364
7401
  },
7365
- "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'); }, }"
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
+ ]
7366
7416
  },
7367
7417
  {
7368
- "kind": "variable",
7369
- "name": "Events",
7370
- "type": {
7371
- "text": "StoryObj<TimeredCounterString>"
7418
+ "kind": "function",
7419
+ "name": "mergePartOption",
7420
+ "return": {
7421
+ "type": {
7422
+ "text": "Result[]"
7423
+ }
7372
7424
  },
7373
- "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 }), ); }, }"
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
+ }
7449
+ },
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
+ ]
7374
7466
  },
7375
7467
  {
7376
- "kind": "variable",
7377
- "name": "BigNumber",
7378
- "type": {
7379
- "text": "StoryObj<TimeredCounterString>"
7468
+ "kind": "function",
7469
+ "name": "mergePartDigitCellOption",
7470
+ "return": {
7471
+ "type": {
7472
+ "text": "Result[][][]"
7473
+ }
7380
7474
  },
7381
- "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 }), ); }, }"
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
+ ]
7382
7491
  }
7383
7492
  ],
7384
7493
  "exports": [
7385
7494
  {
7386
7495
  "kind": "js",
7387
- "name": "Basic",
7496
+ "name": "extractGroupOption",
7388
7497
  "declaration": {
7389
- "name": "Basic",
7390
- "module": "./index.stories.js"
7498
+ "name": "extractGroupOption",
7499
+ "module": "src/utils/extract-group-option.ts"
7391
7500
  }
7392
7501
  },
7393
7502
  {
7394
7503
  "kind": "js",
7395
- "name": "AnimationOptions",
7504
+ "name": "extractPartOption",
7396
7505
  "declaration": {
7397
- "name": "AnimationOptions",
7398
- "module": "./index.stories.js"
7506
+ "name": "extractPartOption",
7507
+ "module": "src/utils/extract-group-option.ts"
7399
7508
  }
7400
7509
  },
7401
7510
  {
7402
7511
  "kind": "js",
7403
- "name": "Styles",
7512
+ "name": "extractPartDigitOption",
7404
7513
  "declaration": {
7405
- "name": "Styles",
7406
- "module": "./index.stories.js"
7514
+ "name": "extractPartDigitOption",
7515
+ "module": "src/utils/extract-group-option.ts"
7407
7516
  }
7408
7517
  },
7409
7518
  {
7410
7519
  "kind": "js",
7411
- "name": "Emoji",
7520
+ "name": "extractPartDigitCellOption",
7412
7521
  "declaration": {
7413
- "name": "Emoji",
7414
- "module": "./index.stories.js"
7522
+ "name": "extractPartDigitCellOption",
7523
+ "module": "src/utils/extract-group-option.ts"
7415
7524
  }
7416
7525
  },
7417
7526
  {
7418
7527
  "kind": "js",
7419
- "name": "default",
7528
+ "name": "mergeGroupOption",
7420
7529
  "declaration": {
7421
- "name": "meta",
7422
- "module": "stories/timered-counter-string/grapheme-splitter.stories.ts"
7530
+ "name": "mergeGroupOption",
7531
+ "module": "src/utils/extract-group-option.ts"
7423
7532
  }
7424
7533
  },
7425
7534
  {
7426
7535
  "kind": "js",
7427
- "name": "Events",
7536
+ "name": "mergePartOption",
7428
7537
  "declaration": {
7429
- "name": "Events",
7430
- "module": "stories/timered-counter-string/grapheme-splitter.stories.ts"
7538
+ "name": "mergePartOption",
7539
+ "module": "src/utils/extract-group-option.ts"
7431
7540
  }
7432
7541
  },
7433
7542
  {
7434
7543
  "kind": "js",
7435
- "name": "BigNumber",
7544
+ "name": "mergePartDigitOption",
7436
7545
  "declaration": {
7437
- "name": "BigNumber",
7438
- "module": "stories/timered-counter-string/grapheme-splitter.stories.ts"
7546
+ "name": "mergePartDigitOption",
7547
+ "module": "src/utils/extract-group-option.ts"
7548
+ }
7549
+ },
7550
+ {
7551
+ "kind": "js",
7552
+ "name": "mergePartDigitCellOption",
7553
+ "declaration": {
7554
+ "name": "mergePartDigitCellOption",
7555
+ "module": "src/utils/extract-group-option.ts"
7439
7556
  }
7440
7557
  }
7441
7558
  ]
7442
7559
  },
7443
7560
  {
7444
7561
  "kind": "javascript-module",
7445
- "path": "stories/timered-counter-string/index.stories.ts",
7562
+ "path": "src/utils/iso8601-duration.ts",
7446
7563
  "declarations": [
7447
7564
  {
7448
- "kind": "variable",
7449
- "name": "meta",
7450
- "type": {
7451
- "text": "Meta"
7452
- },
7453
- "default": "{ title: 'TimeredCounterString', component: 'timered-counter-string', tags: ['autodocs', 'timered-counter-string'], parameters: { controls: { expanded: true }, }, beforeEach: () => { setNumberAdapter('number'); }, }"
7454
- },
7455
- {
7456
- "kind": "variable",
7457
- "name": "Basic",
7458
- "type": {
7459
- "text": "StoryObj<TimeredCounterString>"
7460
- },
7461
- "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 }); }); }, }"
7462
- },
7463
- {
7464
- "kind": "variable",
7465
- "name": "Events",
7466
- "type": {
7467
- "text": "StoryObj<TimeredCounterString>"
7468
- },
7469
- "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 }), ); }, }"
7470
- },
7471
- {
7472
- "kind": "variable",
7473
- "name": "AnimationOptions",
7474
- "type": {
7475
- "text": "StoryObj<TimeredCounterString>"
7476
- },
7477
- "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 }), ); }, }"
7478
- },
7479
- {
7480
- "kind": "variable",
7481
- "name": "Styles",
7482
- "type": {
7483
- "text": "StoryObj<TimeredCounterString>"
7484
- },
7485
- "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 }), ); }, }"
7486
- },
7487
- {
7488
- "kind": "variable",
7489
- "name": "Emoji",
7490
- "type": {
7491
- "text": "StoryObj<TimeredCounterString>"
7565
+ "kind": "function",
7566
+ "name": "iso8601Duration",
7567
+ "return": {
7568
+ "type": {
7569
+ "text": "string"
7570
+ }
7492
7571
  },
7493
- "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 }), ); }, }"
7572
+ "parameters": [
7573
+ {
7574
+ "name": "duration",
7575
+ "type": {
7576
+ "text": "{\n [key in DurationPartType]?: number;\n}"
7577
+ }
7578
+ }
7579
+ ]
7494
7580
  }
7495
7581
  ],
7496
7582
  "exports": [
7497
7583
  {
7498
7584
  "kind": "js",
7499
- "name": "default",
7500
- "declaration": {
7501
- "name": "meta",
7502
- "module": "stories/timered-counter-string/index.stories.ts"
7503
- }
7504
- },
7505
- {
7506
- "kind": "js",
7507
- "name": "Basic",
7508
- "declaration": {
7509
- "name": "Basic",
7510
- "module": "stories/timered-counter-string/index.stories.ts"
7511
- }
7512
- },
7513
- {
7514
- "kind": "js",
7515
- "name": "Events",
7516
- "declaration": {
7517
- "name": "Events",
7518
- "module": "stories/timered-counter-string/index.stories.ts"
7519
- }
7520
- },
7521
- {
7522
- "kind": "js",
7523
- "name": "AnimationOptions",
7524
- "declaration": {
7525
- "name": "AnimationOptions",
7526
- "module": "stories/timered-counter-string/index.stories.ts"
7527
- }
7528
- },
7529
- {
7530
- "kind": "js",
7531
- "name": "Styles",
7532
- "declaration": {
7533
- "name": "Styles",
7534
- "module": "stories/timered-counter-string/index.stories.ts"
7535
- }
7536
- },
7537
- {
7538
- "kind": "js",
7539
- "name": "Emoji",
7585
+ "name": "iso8601Duration",
7540
7586
  "declaration": {
7541
- "name": "Emoji",
7542
- "module": "stories/timered-counter-string/index.stories.ts"
7587
+ "name": "iso8601Duration",
7588
+ "module": "src/utils/iso8601-duration.ts"
7543
7589
  }
7544
7590
  }
7545
7591
  ]
7546
7592
  },
7547
7593
  {
7548
7594
  "kind": "javascript-module",
7549
- "path": "stories/timered-counter-string/intl-segmenter.stories.ts",
7595
+ "path": "src/utils/localized-date-time-fields.ts",
7550
7596
  "declarations": [
7551
7597
  {
7552
7598
  "kind": "variable",
7553
- "name": "meta",
7554
- "type": {
7555
- "text": "Meta"
7556
- },
7557
- "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'); }, }"
7558
- },
7559
- {
7560
- "kind": "variable",
7561
- "name": "Events",
7562
- "type": {
7563
- "text": "StoryObj<TimeredCounterString>"
7564
- },
7565
- "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 }), ); }, }"
7566
- },
7567
- {
7568
- "kind": "variable",
7569
- "name": "BigNumber",
7570
- "type": {
7571
- "text": "StoryObj<TimeredCounterString>"
7572
- },
7573
- "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 }), ); }, }"
7574
- }
7575
- ],
7576
- "exports": [
7577
- {
7578
- "kind": "js",
7579
- "name": "Basic",
7580
- "declaration": {
7581
- "name": "Basic",
7582
- "module": "./index.stories.js"
7583
- }
7584
- },
7585
- {
7586
- "kind": "js",
7587
- "name": "AnimationOptions",
7588
- "declaration": {
7589
- "name": "AnimationOptions",
7590
- "module": "./index.stories.js"
7591
- }
7592
- },
7593
- {
7594
- "kind": "js",
7595
- "name": "Styles",
7596
- "declaration": {
7597
- "name": "Styles",
7598
- "module": "./index.stories.js"
7599
- }
7600
- },
7601
- {
7602
- "kind": "js",
7603
- "name": "Emoji",
7604
- "declaration": {
7605
- "name": "Emoji",
7606
- "module": "./index.stories.js"
7607
- }
7608
- },
7609
- {
7610
- "kind": "js",
7611
- "name": "default",
7612
- "declaration": {
7613
- "name": "meta",
7614
- "module": "stories/timered-counter-string/intl-segmenter.stories.ts"
7615
- }
7599
+ "name": "DateTimeFields",
7600
+ "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]"
7602
+ },
7603
+ "default": "[ \"era\", \"year\", \"quarter\", \"month\", \"weekOfYear\", \"weekday\", \"day\", \"dayPeriod\", \"hour\", \"minute\", \"second\", \"timeZoneName\", ]"
7616
7604
  },
7605
+ {
7606
+ "kind": "function",
7607
+ "name": "getLocalizedDateTimeFields",
7608
+ "parameters": [
7609
+ {
7610
+ "name": "locale",
7611
+ "type": {
7612
+ "text": "Intl.Locale"
7613
+ }
7614
+ }
7615
+ ]
7616
+ }
7617
+ ],
7618
+ "exports": [
7617
7619
  {
7618
7620
  "kind": "js",
7619
- "name": "Events",
7621
+ "name": "DateTimeFields",
7620
7622
  "declaration": {
7621
- "name": "Events",
7622
- "module": "stories/timered-counter-string/intl-segmenter.stories.ts"
7623
+ "name": "DateTimeFields",
7624
+ "module": "src/utils/localized-date-time-fields.ts"
7623
7625
  }
7624
7626
  },
7625
7627
  {
7626
7628
  "kind": "js",
7627
- "name": "BigNumber",
7629
+ "name": "getLocalizedDateTimeFields",
7628
7630
  "declaration": {
7629
- "name": "BigNumber",
7630
- "module": "stories/timered-counter-string/intl-segmenter.stories.ts"
7631
+ "name": "getLocalizedDateTimeFields",
7632
+ "module": "src/utils/localized-date-time-fields.ts"
7631
7633
  }
7632
7634
  }
7633
7635
  ]
7634
7636
  },
7635
7637
  {
7636
7638
  "kind": "javascript-module",
7637
- "path": "stories/utils/index.ts",
7639
+ "path": "src/utils/parse-json-string.ts",
7638
7640
  "declarations": [
7639
7641
  {
7640
7642
  "kind": "function",
7641
- "name": "equal",
7643
+ "name": "parseJsonString",
7642
7644
  "parameters": [
7643
7645
  {
7644
- "name": "counter",
7645
- "type": {
7646
- "text": "TimeredCounter"
7647
- }
7648
- },
7649
- {
7650
- "name": "a",
7651
- "type": {
7652
- "text": "any"
7653
- }
7654
- },
7655
- {
7656
- "name": "b",
7646
+ "name": "value",
7657
7647
  "type": {
7658
- "text": "any"
7648
+ "text": "string"
7659
7649
  }
7660
7650
  }
7661
7651
  ]
7662
- },
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": [
7663
7669
  {
7664
7670
  "kind": "function",
7665
- "name": "setByAttr",
7671
+ "name": "polyfillKeyframes",
7672
+ "return": {
7673
+ "type": {
7674
+ "text": "Keyframe[]"
7675
+ }
7676
+ },
7666
7677
  "parameters": [
7667
7678
  {
7668
- "name": "element",
7669
- "type": {
7670
- "text": "TimeredCounter"
7671
- }
7672
- },
7673
- {
7674
- "name": "attr",
7675
- "type": {
7676
- "text": "string"
7677
- }
7678
- },
7679
- {
7680
- "name": "value",
7679
+ "name": "keyframes",
7681
7680
  "type": {
7682
- "text": "any"
7681
+ "text": "Keyframe[] | PropertyIndexedKeyframes"
7683
7682
  }
7684
7683
  }
7685
7684
  ]
7686
- },
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": [
7687
7702
  {
7688
7703
  "kind": "function",
7689
- "name": "setByProp",
7704
+ "name": "preprocessPartData",
7690
7705
  "parameters": [
7691
7706
  {
7692
- "name": "element",
7707
+ "name": "newDirection",
7693
7708
  "type": {
7694
- "text": "TimeredCounter"
7709
+ "text": "'up' | 'down'"
7695
7710
  }
7696
7711
  },
7697
7712
  {
7698
- "name": "prop",
7713
+ "name": "newData",
7699
7714
  "type": {
7700
- "text": "string"
7715
+ "text": "PartData[]"
7701
7716
  }
7702
7717
  },
7703
7718
  {
7704
- "name": "value",
7719
+ "name": "oldDirection",
7705
7720
  "type": {
7706
- "text": "any"
7721
+ "text": "'up' | 'down'"
7707
7722
  }
7708
- }
7709
- ]
7710
- },
7711
- {
7712
- "kind": "function",
7713
- "name": "sleep",
7714
- "parameters": [
7723
+ },
7715
7724
  {
7716
- "name": "ms",
7725
+ "name": "oldData",
7717
7726
  "type": {
7718
- "text": "number"
7727
+ "text": "PartData[]"
7719
7728
  }
7720
7729
  }
7721
7730
  ]
@@ -7724,118 +7733,80 @@
7724
7733
  "exports": [
7725
7734
  {
7726
7735
  "kind": "js",
7727
- "name": "equal",
7728
- "declaration": {
7729
- "name": "equal",
7730
- "module": "stories/utils/index.ts"
7731
- }
7732
- },
7733
- {
7734
- "kind": "js",
7735
- "name": "setByAttr",
7736
- "declaration": {
7737
- "name": "setByAttr",
7738
- "module": "stories/utils/index.ts"
7739
- }
7740
- },
7741
- {
7742
- "kind": "js",
7743
- "name": "setByProp",
7744
- "declaration": {
7745
- "name": "setByProp",
7746
- "module": "stories/utils/index.ts"
7747
- }
7748
- },
7749
- {
7750
- "kind": "js",
7751
- "name": "sleep",
7736
+ "name": "preprocessPartData",
7752
7737
  "declaration": {
7753
- "name": "sleep",
7754
- "module": "stories/utils/index.ts"
7738
+ "name": "preprocessPartData",
7739
+ "module": "src/utils/preprocess-part-data.ts"
7755
7740
  }
7756
7741
  }
7757
7742
  ]
7758
7743
  },
7759
7744
  {
7760
7745
  "kind": "javascript-module",
7761
- "path": "storybook-static/sb-manager/globals-module-info.js",
7746
+ "path": "src/utils/transition-digit.ts",
7762
7747
  "declarations": [
7763
7748
  {
7764
- "kind": "variable",
7765
- "name": "S"
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
+ ]
7766
7777
  }
7767
7778
  ],
7768
7779
  "exports": [
7769
7780
  {
7770
7781
  "kind": "js",
7771
- "name": "globalsModuleInfoMap",
7782
+ "name": "transitionDigit",
7772
7783
  "declaration": {
7773
- "name": "S",
7774
- "module": "storybook-static/sb-manager/globals-module-info.js"
7784
+ "name": "transitionDigit",
7785
+ "module": "src/utils/transition-digit.ts"
7775
7786
  }
7776
7787
  }
7777
7788
  ]
7778
7789
  },
7779
7790
  {
7780
7791
  "kind": "javascript-module",
7781
- "path": "storybook-static/sb-manager/globals-runtime.js",
7782
- "declarations": [],
7783
- "exports": []
7784
- },
7785
- {
7786
- "kind": "javascript-module",
7787
- "path": "storybook-static/sb-manager/globals.js",
7792
+ "path": "src/utils/uuid.ts",
7788
7793
  "declarations": [
7789
7794
  {
7790
- "kind": "variable",
7791
- "name": "_",
7792
- "type": {
7793
- "text": "object"
7794
- },
7795
- "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__\" }"
7796
- },
7797
- {
7798
- "kind": "variable",
7799
- "name": "o"
7795
+ "kind": "function",
7796
+ "name": "uuid"
7800
7797
  }
7801
7798
  ],
7802
7799
  "exports": [
7803
7800
  {
7804
7801
  "kind": "js",
7805
- "name": "globalPackages",
7806
- "declaration": {
7807
- "name": "o",
7808
- "module": "storybook-static/sb-manager/globals.js"
7809
- }
7810
- },
7811
- {
7812
- "kind": "js",
7813
- "name": "globalsNameReferenceMap",
7802
+ "name": "uuid",
7814
7803
  "declaration": {
7815
- "name": "_",
7816
- "module": "storybook-static/sb-manager/globals.js"
7804
+ "name": "uuid",
7805
+ "module": "src/utils/uuid.ts"
7817
7806
  }
7818
7807
  }
7819
7808
  ]
7820
7809
  },
7821
- {
7822
- "kind": "javascript-module",
7823
- "path": "storybook-static/sb-manager/runtime.js",
7824
- "declarations": [],
7825
- "exports": []
7826
- },
7827
- {
7828
- "kind": "javascript-module",
7829
- "path": "storybook-static/sb-preview/globals.js",
7830
- "declarations": [],
7831
- "exports": []
7832
- },
7833
- {
7834
- "kind": "javascript-module",
7835
- "path": "storybook-static/sb-preview/runtime.js",
7836
- "declarations": [],
7837
- "exports": []
7838
- },
7839
7810
  {
7840
7811
  "kind": "javascript-module",
7841
7812
  "path": "coverage/storybook/lcov-report/block-navigation.js",
@@ -8393,12 +8364,12 @@
8393
8364
  {
8394
8365
  "kind": "variable",
8395
8366
  "name": "rollerStyles",
8396
- "default": "css` .counter-parts { display: inline-flex; flex: 1 1 auto; } .roller-part { 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; } `"
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; } `"
8397
8368
  },
8398
8369
  {
8399
8370
  "kind": "variable",
8400
8371
  "name": "rollerDigitStyles",
8401
- "default": "css` .roller-part-digit { position: relative; display: inline-block; } .placeholder { visibility: hidden; display: inline-block; } .roll-list { position: absolute; left: 0; display: inline-flex; width: 100%; flex-direction: column; align-items: center; } .roll-list.roll-list__up { top: 0; } .roll-list.roll-list__down { bottom: 0; } .roll-list__shadow { visibility: hidden; position: absolute; z-index: -10; display: inline-flex; flex-direction: column; white-space: nowrap; } .roll-item { display: inline-block; width: 100%; } .roll-item.roll-item__head { position: absolute; top: 100%; } .roll-item.roll-item__tail { position: absolute; bottom: 100%; } `"
8372
+ "default": "css` .roller-part-digit { position: relative; display: inline-block; } .placeholder { visibility: hidden; display: inline-block; } .roll-list { position: absolute; left: 0; display: inline-flex; width: 100%; flex-direction: column; align-items: center; } .roll-list.roll-list__up { top: 0; } .roll-list.roll-list__down { bottom: 0; } .roll-list__shadow { visibility: hidden; position: absolute; left: 0; top: 0; z-index: -10; display: inline-flex; flex-direction: column; white-space: nowrap; } .roll-item { display: inline-block; width: 100%; } .roll-item.roll-item__head { position: absolute; top: 100%; } .roll-item.roll-item__tail { position: absolute; bottom: 100%; } `"
8402
8373
  }
8403
8374
  ],
8404
8375
  "exports": [