timered-counter 0.0.2 → 0.0.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (49) hide show
  1. package/dist/custom-elements.json +260 -251
  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/easing/index.d.ts +1 -0
  6. package/dist/src/easing/index.js +1 -0
  7. package/dist/src/easing/index.js.map +1 -1
  8. package/dist/src/global-style-helper.d.ts +7 -0
  9. package/dist/src/global-style-helper.js +15 -0
  10. package/dist/src/global-style-helper.js.map +1 -0
  11. package/dist/src/index.d.ts +2 -0
  12. package/dist/src/index.js +2 -0
  13. package/dist/src/index.js.map +1 -1
  14. package/dist/src/mixins/counter-animation.d.ts +3 -3
  15. package/dist/src/mixins/counter-animation.js.map +1 -1
  16. package/dist/src/mixins/counter-base.js +24 -24
  17. package/dist/src/mixins/counter-base.js.map +1 -1
  18. package/dist/src/mixins/counter-parts.js +9 -1
  19. package/dist/src/mixins/counter-parts.js.map +1 -1
  20. package/dist/src/mixins/counter-styles.d.ts +4 -4
  21. package/dist/src/mixins/counter-styles.js.map +1 -1
  22. package/dist/src/style-helper.d.ts +1 -0
  23. package/dist/src/style-helper.js +2 -0
  24. package/dist/src/style-helper.js.map +1 -0
  25. package/dist/src/styles/timered-counter-styles.js +16 -9
  26. package/dist/src/styles/timered-counter-styles.js.map +1 -1
  27. package/dist/src/timered-counter-datetime-duration.d.ts +7 -3
  28. package/dist/src/timered-counter-datetime-duration.js +79 -61
  29. package/dist/src/timered-counter-datetime-duration.js.map +1 -1
  30. package/dist/src/timered-counter-number.d.ts +5 -0
  31. package/dist/src/timered-counter-number.js +18 -8
  32. package/dist/src/timered-counter-number.js.map +1 -1
  33. package/dist/src/timered-counter-string.d.ts +0 -2
  34. package/dist/src/timered-counter-string.js +2 -7
  35. package/dist/src/timered-counter-string.js.map +1 -1
  36. package/dist/src/timered-counter.js +2 -1
  37. package/dist/src/timered-counter.js.map +1 -1
  38. package/dist/src/transitions/roller/roller-digit.js +49 -58
  39. package/dist/src/transitions/roller/roller-digit.js.map +1 -1
  40. package/dist/src/transitions/roller/roller.d.ts +1 -1
  41. package/dist/src/transitions/roller/roller.js +36 -41
  42. package/dist/src/transitions/roller/roller.js.map +1 -1
  43. package/dist/src/transitions/roller/styles.js +16 -1
  44. package/dist/src/transitions/roller/styles.js.map +1 -1
  45. package/dist/src/types/index.d.ts +2 -0
  46. package/dist/src/types/index.js +3 -0
  47. package/dist/src/types/index.js.map +1 -0
  48. package/dist/tsconfig.tsbuildinfo +1 -1
  49. 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
  },
@@ -173,6 +173,22 @@
173
173
  "name": "TimeredCounterString",
174
174
  "module": "src/index.ts"
175
175
  }
176
+ },
177
+ {
178
+ "kind": "js",
179
+ "name": "*",
180
+ "declaration": {
181
+ "name": "*",
182
+ "package": "./easing/index.js"
183
+ }
184
+ },
185
+ {
186
+ "kind": "js",
187
+ "name": "*",
188
+ "declaration": {
189
+ "name": "*",
190
+ "package": "./types/index.js"
191
+ }
176
192
  }
177
193
  ]
178
194
  },
@@ -213,6 +229,26 @@
213
229
  "module": "src/mixins/counter-base.ts"
214
230
  }
215
231
  },
232
+ {
233
+ "kind": "field",
234
+ "name": "__initialValuePlain",
235
+ "type": {
236
+ "text": "any"
237
+ },
238
+ "privacy": "private",
239
+ "default": "null"
240
+ },
241
+ {
242
+ "kind": "field",
243
+ "name": "initialValue",
244
+ "description": "同 value",
245
+ "attribute": "initial-value",
246
+ "reflects": true,
247
+ "inheritedFrom": {
248
+ "name": "CounterBaseMixin",
249
+ "module": "src/mixins/counter-base.ts"
250
+ }
251
+ },
216
252
  {
217
253
  "kind": "field",
218
254
  "name": "__partsOptions",
@@ -253,15 +289,6 @@
253
289
  "privacy": "private",
254
290
  "default": "new Date()"
255
291
  },
256
- {
257
- "kind": "field",
258
- "name": "__durationInMilliseconds",
259
- "type": {
260
- "text": "number"
261
- },
262
- "privacy": "private",
263
- "default": "0"
264
- },
265
292
  {
266
293
  "kind": "field",
267
294
  "name": "__minPrecision",
@@ -357,7 +384,7 @@
357
384
  "kind": "field",
358
385
  "name": "animationOptions",
359
386
  "type": {
360
- "text": "PartDigitValue<KeyframeAnimationOptions>"
387
+ "text": "PartDigitValueOrGetter<KeyframeAnimationOptions>"
361
388
  },
362
389
  "default": "{}",
363
390
  "description": "传递给 Web Animations API 的选项.",
@@ -404,7 +431,7 @@
404
431
  "kind": "field",
405
432
  "name": "keyframes",
406
433
  "type": {
407
- "text": "PartDigitValue<PropertyIndexedKeyframes>"
434
+ "text": "PartDigitValueOrGetter<PropertyIndexedKeyframes>"
408
435
  },
409
436
  "default": "{}",
410
437
  "description": "传递给 Web Animations API 的关键帧配置.",
@@ -451,7 +478,7 @@
451
478
  "kind": "field",
452
479
  "name": "cellStyles",
453
480
  "type": {
454
- "text": "PartDigitCellValue<Partial<CSSStyleDeclaration>>"
481
+ "text": "PartDigitCellValueOrGetter<Partial<CSSStyleDeclaration>>"
455
482
  },
456
483
  "default": "{}",
457
484
  "description": "对 `cell` 部分的样式进行设置. 传入的对象将被直接应用到 `cell` 的 `style` 上.\n你还可以使用 `cellStylesDynamic` 来动态设置样式.",
@@ -498,7 +525,7 @@
498
525
  "kind": "field",
499
526
  "name": "digitStyles",
500
527
  "type": {
501
- "text": "PartDigitValue<Partial<CSSStyleDeclaration>>"
528
+ "text": "PartDigitValueOrGetter<Partial<CSSStyleDeclaration>>"
502
529
  },
503
530
  "default": "{}",
504
531
  "description": "与 `cell` 类似, 但是是对 `digit` 部分的样式进行设置.\n你还可以使用 `digitStylesDynamic` 来动态设置样式.",
@@ -545,7 +572,7 @@
545
572
  "kind": "field",
546
573
  "name": "partStyles",
547
574
  "type": {
548
- "text": "PartValue<Partial<CSSStyleDeclaration>>"
575
+ "text": "PartValueOrGetter<Partial<CSSStyleDeclaration>>"
549
576
  },
550
577
  "default": "{}",
551
578
  "description": "与 `cell` 类似, 但是是对 `part` 部分的样式进行设置.\n你还可以使用 `partStylesDynamic` 来动态设置样式.",
@@ -752,20 +779,10 @@
752
779
  "kind": "field",
753
780
  "name": "__initialValue",
754
781
  "type": {
755
- "text": "V"
782
+ "text": "V | null"
756
783
  },
757
784
  "privacy": "private",
758
- "inheritedFrom": {
759
- "name": "CounterBaseMixin",
760
- "module": "src/mixins/counter-base.ts"
761
- }
762
- },
763
- {
764
- "kind": "field",
765
- "name": "initialValue",
766
- "description": "如果初始值被设置, 组件初始化时会使用该值而不是 `value`, 然后在初始化完成后, 将内部值更新为 `value`.\n\n这对于初始化完成后启动动画效果非常有用.",
767
- "attribute": "initial-value",
768
- "reflects": true,
785
+ "default": "null",
769
786
  "inheritedFrom": {
770
787
  "name": "CounterBaseMixin",
771
788
  "module": "src/mixins/counter-base.ts"
@@ -790,6 +807,7 @@
790
807
  "description": "自定义本地化配置, 否则从浏览器环境中获取.",
791
808
  "default": "\"en-US\"",
792
809
  "attribute": "locale",
810
+ "reflects": true,
793
811
  "inheritedFrom": {
794
812
  "name": "CounterBaseMixin",
795
813
  "module": "src/mixins/counter-base.ts"
@@ -851,20 +869,6 @@
851
869
  "module": "src/mixins/counter-base.ts"
852
870
  }
853
871
  },
854
- {
855
- "kind": "field",
856
- "name": "isValueFirstUpdate",
857
- "type": {
858
- "text": "boolean"
859
- },
860
- "privacy": "private",
861
- "default": "true",
862
- "description": "第一次更新时, changedProperties 中 value 的旧值始终为 undefined.\n因此, 当 value 第一次更新时, oldValue 的值应当来自 initialValue 或 value.\n以保证 oldValue 始终有值.",
863
- "inheritedFrom": {
864
- "name": "CounterBaseMixin",
865
- "module": "src/mixins/counter-base.ts"
866
- }
867
- },
868
872
  {
869
873
  "kind": "field",
870
874
  "name": "resizeObserver",
@@ -950,7 +954,7 @@
950
954
  {
951
955
  "name": "animation-options",
952
956
  "type": {
953
- "text": "PartDigitValue<KeyframeAnimationOptions>"
957
+ "text": "PartDigitValueOrGetter<KeyframeAnimationOptions>"
954
958
  },
955
959
  "default": "{}",
956
960
  "description": "传递给 Web Animations API 的选项.",
@@ -963,7 +967,7 @@
963
967
  {
964
968
  "name": "keyframes",
965
969
  "type": {
966
- "text": "PartDigitValue<PropertyIndexedKeyframes>"
970
+ "text": "PartDigitValueOrGetter<PropertyIndexedKeyframes>"
967
971
  },
968
972
  "default": "{}",
969
973
  "description": "传递给 Web Animations API 的关键帧配置.",
@@ -976,7 +980,7 @@
976
980
  {
977
981
  "name": "cell-styles",
978
982
  "type": {
979
- "text": "PartDigitCellValue<Partial<CSSStyleDeclaration>>"
983
+ "text": "PartDigitCellValueOrGetter<Partial<CSSStyleDeclaration>>"
980
984
  },
981
985
  "default": "{}",
982
986
  "description": "对 `cell` 部分的样式进行设置. 传入的对象将被直接应用到 `cell` 的 `style` 上.\n你还可以使用 `cellStylesDynamic` 来动态设置样式.",
@@ -989,7 +993,7 @@
989
993
  {
990
994
  "name": "digit-styles",
991
995
  "type": {
992
- "text": "PartDigitValue<Partial<CSSStyleDeclaration>>"
996
+ "text": "PartDigitValueOrGetter<Partial<CSSStyleDeclaration>>"
993
997
  },
994
998
  "default": "{}",
995
999
  "description": "与 `cell` 类似, 但是是对 `digit` 部分的样式进行设置.\n你还可以使用 `digitStylesDynamic` 来动态设置样式.",
@@ -1002,7 +1006,7 @@
1002
1006
  {
1003
1007
  "name": "part-styles",
1004
1008
  "type": {
1005
- "text": "PartValue<Partial<CSSStyleDeclaration>>"
1009
+ "text": "PartValueOrGetter<Partial<CSSStyleDeclaration>>"
1006
1010
  },
1007
1011
  "default": "{}",
1008
1012
  "description": "与 `cell` 类似, 但是是对 `part` 部分的样式进行设置.\n你还可以使用 `partStylesDynamic` 来动态设置样式.",
@@ -1156,9 +1160,18 @@
1156
1160
  "type": {
1157
1161
  "text": "string"
1158
1162
  },
1159
- "default": "'.'",
1163
+ "default": "''",
1160
1164
  "description": "本地化数字格式化配置中的小数点分隔符. 根据不同的地区可能是 `.` 或 `,`."
1161
1165
  },
1166
+ {
1167
+ "kind": "field",
1168
+ "name": "localeGroupingSeparator",
1169
+ "type": {
1170
+ "text": "string"
1171
+ },
1172
+ "default": "''",
1173
+ "description": "本地化数字格式化配置中的分组分隔符."
1174
+ },
1162
1175
  {
1163
1176
  "kind": "method",
1164
1177
  "name": "sampleToString",
@@ -1226,7 +1239,7 @@
1226
1239
  "kind": "field",
1227
1240
  "name": "animationOptions",
1228
1241
  "type": {
1229
- "text": "PartDigitValue<KeyframeAnimationOptions>"
1242
+ "text": "PartDigitValueOrGetter<KeyframeAnimationOptions>"
1230
1243
  },
1231
1244
  "default": "{}",
1232
1245
  "description": "传递给 Web Animations API 的选项.",
@@ -1273,7 +1286,7 @@
1273
1286
  "kind": "field",
1274
1287
  "name": "keyframes",
1275
1288
  "type": {
1276
- "text": "PartDigitValue<PropertyIndexedKeyframes>"
1289
+ "text": "PartDigitValueOrGetter<PropertyIndexedKeyframes>"
1277
1290
  },
1278
1291
  "default": "{}",
1279
1292
  "description": "传递给 Web Animations API 的关键帧配置.",
@@ -1320,7 +1333,7 @@
1320
1333
  "kind": "field",
1321
1334
  "name": "cellStyles",
1322
1335
  "type": {
1323
- "text": "PartDigitCellValue<Partial<CSSStyleDeclaration>>"
1336
+ "text": "PartDigitCellValueOrGetter<Partial<CSSStyleDeclaration>>"
1324
1337
  },
1325
1338
  "default": "{}",
1326
1339
  "description": "对 `cell` 部分的样式进行设置. 传入的对象将被直接应用到 `cell` 的 `style` 上.\n你还可以使用 `cellStylesDynamic` 来动态设置样式.",
@@ -1367,7 +1380,7 @@
1367
1380
  "kind": "field",
1368
1381
  "name": "digitStyles",
1369
1382
  "type": {
1370
- "text": "PartDigitValue<Partial<CSSStyleDeclaration>>"
1383
+ "text": "PartDigitValueOrGetter<Partial<CSSStyleDeclaration>>"
1371
1384
  },
1372
1385
  "default": "{}",
1373
1386
  "description": "与 `cell` 类似, 但是是对 `digit` 部分的样式进行设置.\n你还可以使用 `digitStylesDynamic` 来动态设置样式.",
@@ -1414,7 +1427,7 @@
1414
1427
  "kind": "field",
1415
1428
  "name": "partStyles",
1416
1429
  "type": {
1417
- "text": "PartValue<Partial<CSSStyleDeclaration>>"
1430
+ "text": "PartValueOrGetter<Partial<CSSStyleDeclaration>>"
1418
1431
  },
1419
1432
  "default": "{}",
1420
1433
  "description": "与 `cell` 类似, 但是是对 `part` 部分的样式进行设置.\n你还可以使用 `partStylesDynamic` 来动态设置样式.",
@@ -1644,9 +1657,10 @@
1644
1657
  "kind": "field",
1645
1658
  "name": "__initialValue",
1646
1659
  "type": {
1647
- "text": "V"
1660
+ "text": "V | null"
1648
1661
  },
1649
1662
  "privacy": "private",
1663
+ "default": "null",
1650
1664
  "inheritedFrom": {
1651
1665
  "name": "CounterBaseMixin",
1652
1666
  "module": "src/mixins/counter-base.ts"
@@ -1682,6 +1696,7 @@
1682
1696
  "description": "自定义本地化配置, 否则从浏览器环境中获取.",
1683
1697
  "default": "\"en-US\"",
1684
1698
  "attribute": "locale",
1699
+ "reflects": true,
1685
1700
  "inheritedFrom": {
1686
1701
  "name": "CounterBaseMixin",
1687
1702
  "module": "src/mixins/counter-base.ts"
@@ -1743,20 +1758,6 @@
1743
1758
  "module": "src/mixins/counter-base.ts"
1744
1759
  }
1745
1760
  },
1746
- {
1747
- "kind": "field",
1748
- "name": "isValueFirstUpdate",
1749
- "type": {
1750
- "text": "boolean"
1751
- },
1752
- "privacy": "private",
1753
- "default": "true",
1754
- "description": "第一次更新时, changedProperties 中 value 的旧值始终为 undefined.\n因此, 当 value 第一次更新时, oldValue 的值应当来自 initialValue 或 value.\n以保证 oldValue 始终有值.",
1755
- "inheritedFrom": {
1756
- "name": "CounterBaseMixin",
1757
- "module": "src/mixins/counter-base.ts"
1758
- }
1759
- },
1760
1761
  {
1761
1762
  "kind": "field",
1762
1763
  "name": "resizeObserver",
@@ -1845,7 +1846,7 @@
1845
1846
  {
1846
1847
  "name": "animation-options",
1847
1848
  "type": {
1848
- "text": "PartDigitValue<KeyframeAnimationOptions>"
1849
+ "text": "PartDigitValueOrGetter<KeyframeAnimationOptions>"
1849
1850
  },
1850
1851
  "default": "{}",
1851
1852
  "description": "传递给 Web Animations API 的选项.",
@@ -1858,7 +1859,7 @@
1858
1859
  {
1859
1860
  "name": "keyframes",
1860
1861
  "type": {
1861
- "text": "PartDigitValue<PropertyIndexedKeyframes>"
1862
+ "text": "PartDigitValueOrGetter<PropertyIndexedKeyframes>"
1862
1863
  },
1863
1864
  "default": "{}",
1864
1865
  "description": "传递给 Web Animations API 的关键帧配置.",
@@ -1871,7 +1872,7 @@
1871
1872
  {
1872
1873
  "name": "cell-styles",
1873
1874
  "type": {
1874
- "text": "PartDigitCellValue<Partial<CSSStyleDeclaration>>"
1875
+ "text": "PartDigitCellValueOrGetter<Partial<CSSStyleDeclaration>>"
1875
1876
  },
1876
1877
  "default": "{}",
1877
1878
  "description": "对 `cell` 部分的样式进行设置. 传入的对象将被直接应用到 `cell` 的 `style` 上.\n你还可以使用 `cellStylesDynamic` 来动态设置样式.",
@@ -1884,7 +1885,7 @@
1884
1885
  {
1885
1886
  "name": "digit-styles",
1886
1887
  "type": {
1887
- "text": "PartDigitValue<Partial<CSSStyleDeclaration>>"
1888
+ "text": "PartDigitValueOrGetter<Partial<CSSStyleDeclaration>>"
1888
1889
  },
1889
1890
  "default": "{}",
1890
1891
  "description": "与 `cell` 类似, 但是是对 `digit` 部分的样式进行设置.\n你还可以使用 `digitStylesDynamic` 来动态设置样式.",
@@ -1897,7 +1898,7 @@
1897
1898
  {
1898
1899
  "name": "part-styles",
1899
1900
  "type": {
1900
- "text": "PartValue<Partial<CSSStyleDeclaration>>"
1901
+ "text": "PartValueOrGetter<Partial<CSSStyleDeclaration>>"
1901
1902
  },
1902
1903
  "default": "{}",
1903
1904
  "description": "与 `cell` 类似, 但是是对 `part` 部分的样式进行设置.\n你还可以使用 `partStylesDynamic` 来动态设置样式.",
@@ -2064,6 +2065,15 @@
2064
2065
  "privacy": "private",
2065
2066
  "default": "''"
2066
2067
  },
2068
+ {
2069
+ "kind": "field",
2070
+ "name": "__oldValueString",
2071
+ "type": {
2072
+ "text": "string"
2073
+ },
2074
+ "privacy": "private",
2075
+ "default": "''"
2076
+ },
2067
2077
  {
2068
2078
  "kind": "field",
2069
2079
  "name": "value",
@@ -2194,7 +2204,7 @@
2194
2204
  "kind": "field",
2195
2205
  "name": "animationOptions",
2196
2206
  "type": {
2197
- "text": "PartDigitValue<KeyframeAnimationOptions>"
2207
+ "text": "PartDigitValueOrGetter<KeyframeAnimationOptions>"
2198
2208
  },
2199
2209
  "default": "{}",
2200
2210
  "description": "传递给 Web Animations API 的选项.",
@@ -2241,7 +2251,7 @@
2241
2251
  "kind": "field",
2242
2252
  "name": "keyframes",
2243
2253
  "type": {
2244
- "text": "PartDigitValue<PropertyIndexedKeyframes>"
2254
+ "text": "PartDigitValueOrGetter<PropertyIndexedKeyframes>"
2245
2255
  },
2246
2256
  "default": "{}",
2247
2257
  "description": "传递给 Web Animations API 的关键帧配置.",
@@ -2288,7 +2298,7 @@
2288
2298
  "kind": "field",
2289
2299
  "name": "cellStyles",
2290
2300
  "type": {
2291
- "text": "PartDigitCellValue<Partial<CSSStyleDeclaration>>"
2301
+ "text": "PartDigitCellValueOrGetter<Partial<CSSStyleDeclaration>>"
2292
2302
  },
2293
2303
  "default": "{}",
2294
2304
  "description": "对 `cell` 部分的样式进行设置. 传入的对象将被直接应用到 `cell` 的 `style` 上.\n你还可以使用 `cellStylesDynamic` 来动态设置样式.",
@@ -2335,7 +2345,7 @@
2335
2345
  "kind": "field",
2336
2346
  "name": "digitStyles",
2337
2347
  "type": {
2338
- "text": "PartDigitValue<Partial<CSSStyleDeclaration>>"
2348
+ "text": "PartDigitValueOrGetter<Partial<CSSStyleDeclaration>>"
2339
2349
  },
2340
2350
  "default": "{}",
2341
2351
  "description": "与 `cell` 类似, 但是是对 `digit` 部分的样式进行设置.\n你还可以使用 `digitStylesDynamic` 来动态设置样式.",
@@ -2382,7 +2392,7 @@
2382
2392
  "kind": "field",
2383
2393
  "name": "partStyles",
2384
2394
  "type": {
2385
- "text": "PartValue<Partial<CSSStyleDeclaration>>"
2395
+ "text": "PartValueOrGetter<Partial<CSSStyleDeclaration>>"
2386
2396
  },
2387
2397
  "default": "{}",
2388
2398
  "description": "与 `cell` 类似, 但是是对 `part` 部分的样式进行设置.\n你还可以使用 `partStylesDynamic` 来动态设置样式.",
@@ -2589,9 +2599,10 @@
2589
2599
  "kind": "field",
2590
2600
  "name": "__initialValue",
2591
2601
  "type": {
2592
- "text": "V"
2602
+ "text": "V | null"
2593
2603
  },
2594
2604
  "privacy": "private",
2605
+ "default": "null",
2595
2606
  "inheritedFrom": {
2596
2607
  "name": "CounterBaseMixin",
2597
2608
  "module": "src/mixins/counter-base.ts"
@@ -2616,6 +2627,7 @@
2616
2627
  "description": "自定义本地化配置, 否则从浏览器环境中获取.",
2617
2628
  "default": "\"en-US\"",
2618
2629
  "attribute": "locale",
2630
+ "reflects": true,
2619
2631
  "inheritedFrom": {
2620
2632
  "name": "CounterBaseMixin",
2621
2633
  "module": "src/mixins/counter-base.ts"
@@ -2677,20 +2689,6 @@
2677
2689
  "module": "src/mixins/counter-base.ts"
2678
2690
  }
2679
2691
  },
2680
- {
2681
- "kind": "field",
2682
- "name": "isValueFirstUpdate",
2683
- "type": {
2684
- "text": "boolean"
2685
- },
2686
- "privacy": "private",
2687
- "default": "true",
2688
- "description": "第一次更新时, changedProperties 中 value 的旧值始终为 undefined.\n因此, 当 value 第一次更新时, oldValue 的值应当来自 initialValue 或 value.\n以保证 oldValue 始终有值.",
2689
- "inheritedFrom": {
2690
- "name": "CounterBaseMixin",
2691
- "module": "src/mixins/counter-base.ts"
2692
- }
2693
- },
2694
2692
  {
2695
2693
  "kind": "field",
2696
2694
  "name": "resizeObserver",
@@ -2776,7 +2774,7 @@
2776
2774
  {
2777
2775
  "name": "animation-options",
2778
2776
  "type": {
2779
- "text": "PartDigitValue<KeyframeAnimationOptions>"
2777
+ "text": "PartDigitValueOrGetter<KeyframeAnimationOptions>"
2780
2778
  },
2781
2779
  "default": "{}",
2782
2780
  "description": "传递给 Web Animations API 的选项.",
@@ -2789,7 +2787,7 @@
2789
2787
  {
2790
2788
  "name": "keyframes",
2791
2789
  "type": {
2792
- "text": "PartDigitValue<PropertyIndexedKeyframes>"
2790
+ "text": "PartDigitValueOrGetter<PropertyIndexedKeyframes>"
2793
2791
  },
2794
2792
  "default": "{}",
2795
2793
  "description": "传递给 Web Animations API 的关键帧配置.",
@@ -2802,7 +2800,7 @@
2802
2800
  {
2803
2801
  "name": "cell-styles",
2804
2802
  "type": {
2805
- "text": "PartDigitCellValue<Partial<CSSStyleDeclaration>>"
2803
+ "text": "PartDigitCellValueOrGetter<Partial<CSSStyleDeclaration>>"
2806
2804
  },
2807
2805
  "default": "{}",
2808
2806
  "description": "对 `cell` 部分的样式进行设置. 传入的对象将被直接应用到 `cell` 的 `style` 上.\n你还可以使用 `cellStylesDynamic` 来动态设置样式.",
@@ -2815,7 +2813,7 @@
2815
2813
  {
2816
2814
  "name": "digit-styles",
2817
2815
  "type": {
2818
- "text": "PartDigitValue<Partial<CSSStyleDeclaration>>"
2816
+ "text": "PartDigitValueOrGetter<Partial<CSSStyleDeclaration>>"
2819
2817
  },
2820
2818
  "default": "{}",
2821
2819
  "description": "与 `cell` 类似, 但是是对 `digit` 部分的样式进行设置.\n你还可以使用 `digitStylesDynamic` 来动态设置样式.",
@@ -2828,7 +2826,7 @@
2828
2826
  {
2829
2827
  "name": "part-styles",
2830
2828
  "type": {
2831
- "text": "PartValue<Partial<CSSStyleDeclaration>>"
2829
+ "text": "PartValueOrGetter<Partial<CSSStyleDeclaration>>"
2832
2830
  },
2833
2831
  "default": "{}",
2834
2832
  "description": "与 `cell` 类似, 但是是对 `part` 部分的样式进行设置.\n你还可以使用 `partStylesDynamic` 来动态设置样式.",
@@ -3027,7 +3025,7 @@
3027
3025
  "kind": "field",
3028
3026
  "name": "animationOptions",
3029
3027
  "type": {
3030
- "text": "PartDigitValue<KeyframeAnimationOptions>"
3028
+ "text": "PartDigitValueOrGetter<KeyframeAnimationOptions>"
3031
3029
  },
3032
3030
  "default": "{}",
3033
3031
  "description": "传递给 Web Animations API 的选项.",
@@ -3074,7 +3072,7 @@
3074
3072
  "kind": "field",
3075
3073
  "name": "keyframes",
3076
3074
  "type": {
3077
- "text": "PartDigitValue<PropertyIndexedKeyframes>"
3075
+ "text": "PartDigitValueOrGetter<PropertyIndexedKeyframes>"
3078
3076
  },
3079
3077
  "default": "{}",
3080
3078
  "description": "传递给 Web Animations API 的关键帧配置.",
@@ -3121,7 +3119,7 @@
3121
3119
  "kind": "field",
3122
3120
  "name": "cellStyles",
3123
3121
  "type": {
3124
- "text": "PartDigitCellValue<Partial<CSSStyleDeclaration>>"
3122
+ "text": "PartDigitCellValueOrGetter<Partial<CSSStyleDeclaration>>"
3125
3123
  },
3126
3124
  "default": "{}",
3127
3125
  "description": "对 `cell` 部分的样式进行设置. 传入的对象将被直接应用到 `cell` 的 `style` 上.\n你还可以使用 `cellStylesDynamic` 来动态设置样式.",
@@ -3168,7 +3166,7 @@
3168
3166
  "kind": "field",
3169
3167
  "name": "digitStyles",
3170
3168
  "type": {
3171
- "text": "PartDigitValue<Partial<CSSStyleDeclaration>>"
3169
+ "text": "PartDigitValueOrGetter<Partial<CSSStyleDeclaration>>"
3172
3170
  },
3173
3171
  "default": "{}",
3174
3172
  "description": "与 `cell` 类似, 但是是对 `digit` 部分的样式进行设置.\n你还可以使用 `digitStylesDynamic` 来动态设置样式.",
@@ -3215,7 +3213,7 @@
3215
3213
  "kind": "field",
3216
3214
  "name": "partStyles",
3217
3215
  "type": {
3218
- "text": "PartValue<Partial<CSSStyleDeclaration>>"
3216
+ "text": "PartValueOrGetter<Partial<CSSStyleDeclaration>>"
3219
3217
  },
3220
3218
  "default": "{}",
3221
3219
  "description": "与 `cell` 类似, 但是是对 `part` 部分的样式进行设置.\n你还可以使用 `partStylesDynamic` 来动态设置样式.",
@@ -3461,9 +3459,10 @@
3461
3459
  "kind": "field",
3462
3460
  "name": "__initialValue",
3463
3461
  "type": {
3464
- "text": "V"
3462
+ "text": "V | null"
3465
3463
  },
3466
3464
  "privacy": "private",
3465
+ "default": "null",
3467
3466
  "inheritedFrom": {
3468
3467
  "name": "CounterBaseMixin",
3469
3468
  "module": "src/mixins/counter-base.ts"
@@ -3499,6 +3498,7 @@
3499
3498
  "description": "自定义本地化配置, 否则从浏览器环境中获取.",
3500
3499
  "default": "\"en-US\"",
3501
3500
  "attribute": "locale",
3501
+ "reflects": true,
3502
3502
  "inheritedFrom": {
3503
3503
  "name": "CounterBaseMixin",
3504
3504
  "module": "src/mixins/counter-base.ts"
@@ -3559,20 +3559,6 @@
3559
3559
  "name": "CounterBaseMixin",
3560
3560
  "module": "src/mixins/counter-base.ts"
3561
3561
  }
3562
- },
3563
- {
3564
- "kind": "field",
3565
- "name": "isValueFirstUpdate",
3566
- "type": {
3567
- "text": "boolean"
3568
- },
3569
- "privacy": "private",
3570
- "default": "true",
3571
- "description": "第一次更新时, changedProperties 中 value 的旧值始终为 undefined.\n因此, 当 value 第一次更新时, oldValue 的值应当来自 initialValue 或 value.\n以保证 oldValue 始终有值.",
3572
- "inheritedFrom": {
3573
- "name": "CounterBaseMixin",
3574
- "module": "src/mixins/counter-base.ts"
3575
- }
3576
3562
  }
3577
3563
  ],
3578
3564
  "events": [
@@ -3645,7 +3631,7 @@
3645
3631
  {
3646
3632
  "name": "animation-options",
3647
3633
  "type": {
3648
- "text": "PartDigitValue<KeyframeAnimationOptions>"
3634
+ "text": "PartDigitValueOrGetter<KeyframeAnimationOptions>"
3649
3635
  },
3650
3636
  "default": "{}",
3651
3637
  "description": "传递给 Web Animations API 的选项.",
@@ -3658,7 +3644,7 @@
3658
3644
  {
3659
3645
  "name": "keyframes",
3660
3646
  "type": {
3661
- "text": "PartDigitValue<PropertyIndexedKeyframes>"
3647
+ "text": "PartDigitValueOrGetter<PropertyIndexedKeyframes>"
3662
3648
  },
3663
3649
  "default": "{}",
3664
3650
  "description": "传递给 Web Animations API 的关键帧配置.",
@@ -3671,7 +3657,7 @@
3671
3657
  {
3672
3658
  "name": "cell-styles",
3673
3659
  "type": {
3674
- "text": "PartDigitCellValue<Partial<CSSStyleDeclaration>>"
3660
+ "text": "PartDigitCellValueOrGetter<Partial<CSSStyleDeclaration>>"
3675
3661
  },
3676
3662
  "default": "{}",
3677
3663
  "description": "对 `cell` 部分的样式进行设置. 传入的对象将被直接应用到 `cell` 的 `style` 上.\n你还可以使用 `cellStylesDynamic` 来动态设置样式.",
@@ -3684,7 +3670,7 @@
3684
3670
  {
3685
3671
  "name": "digit-styles",
3686
3672
  "type": {
3687
- "text": "PartDigitValue<Partial<CSSStyleDeclaration>>"
3673
+ "text": "PartDigitValueOrGetter<Partial<CSSStyleDeclaration>>"
3688
3674
  },
3689
3675
  "default": "{}",
3690
3676
  "description": "与 `cell` 类似, 但是是对 `digit` 部分的样式进行设置.\n你还可以使用 `digitStylesDynamic` 来动态设置样式.",
@@ -3697,7 +3683,7 @@
3697
3683
  {
3698
3684
  "name": "part-styles",
3699
3685
  "type": {
3700
- "text": "PartValue<Partial<CSSStyleDeclaration>>"
3686
+ "text": "PartValueOrGetter<Partial<CSSStyleDeclaration>>"
3701
3687
  },
3702
3688
  "default": "{}",
3703
3689
  "description": "与 `cell` 类似, 但是是对 `part` 部分的样式进行设置.\n你还可以使用 `partStylesDynamic` 来动态设置样式.",
@@ -3901,6 +3887,14 @@
3901
3887
  "package": "./easing-functions.js"
3902
3888
  }
3903
3889
  },
3890
+ {
3891
+ "kind": "js",
3892
+ "name": "*",
3893
+ "declaration": {
3894
+ "name": "*",
3895
+ "package": "./cubic-bezier.js"
3896
+ }
3897
+ },
3904
3898
  {
3905
3899
  "kind": "js",
3906
3900
  "name": "*",
@@ -4487,7 +4481,7 @@
4487
4481
  "kind": "field",
4488
4482
  "name": "animationOptions",
4489
4483
  "type": {
4490
- "text": "PartDigitValue<KeyframeAnimationOptions>"
4484
+ "text": "PartDigitValueOrGetter<KeyframeAnimationOptions>"
4491
4485
  }
4492
4486
  },
4493
4487
  {
@@ -4510,7 +4504,7 @@
4510
4504
  "kind": "field",
4511
4505
  "name": "keyframes",
4512
4506
  "type": {
4513
- "text": "PartDigitValue<PropertyIndexedKeyframes>"
4507
+ "text": "PartDigitValueOrGetter<PropertyIndexedKeyframes>"
4514
4508
  }
4515
4509
  },
4516
4510
  {
@@ -4540,7 +4534,7 @@
4540
4534
  "kind": "field",
4541
4535
  "name": "animationOptions",
4542
4536
  "type": {
4543
- "text": "PartDigitValue<KeyframeAnimationOptions>"
4537
+ "text": "PartDigitValueOrGetter<KeyframeAnimationOptions>"
4544
4538
  },
4545
4539
  "default": "{}",
4546
4540
  "description": "传递给 Web Animations API 的选项.",
@@ -4571,7 +4565,7 @@
4571
4565
  "kind": "field",
4572
4566
  "name": "keyframes",
4573
4567
  "type": {
4574
- "text": "PartDigitValue<PropertyIndexedKeyframes>"
4568
+ "text": "PartDigitValueOrGetter<PropertyIndexedKeyframes>"
4575
4569
  },
4576
4570
  "default": "{}",
4577
4571
  "description": "传递给 Web Animations API 的关键帧配置.",
@@ -4603,7 +4597,7 @@
4603
4597
  {
4604
4598
  "name": "animation-options",
4605
4599
  "type": {
4606
- "text": "PartDigitValue<KeyframeAnimationOptions>"
4600
+ "text": "PartDigitValueOrGetter<KeyframeAnimationOptions>"
4607
4601
  },
4608
4602
  "default": "{}",
4609
4603
  "description": "传递给 Web Animations API 的选项.",
@@ -4612,7 +4606,7 @@
4612
4606
  {
4613
4607
  "name": "keyframes",
4614
4608
  "type": {
4615
- "text": "PartDigitValue<PropertyIndexedKeyframes>"
4609
+ "text": "PartDigitValueOrGetter<PropertyIndexedKeyframes>"
4616
4610
  },
4617
4611
  "default": "{}",
4618
4612
  "description": "传递给 Web Animations API 的关键帧配置.",
@@ -4775,9 +4769,10 @@
4775
4769
  "kind": "field",
4776
4770
  "name": "__initialValue",
4777
4771
  "type": {
4778
- "text": "V"
4772
+ "text": "V | null"
4779
4773
  },
4780
- "privacy": "private"
4774
+ "privacy": "private",
4775
+ "default": "null"
4781
4776
  },
4782
4777
  {
4783
4778
  "kind": "field",
@@ -4800,7 +4795,8 @@
4800
4795
  "name": "locale",
4801
4796
  "description": "自定义本地化配置, 否则从浏览器环境中获取.",
4802
4797
  "default": "\"en-US\"",
4803
- "attribute": "locale"
4798
+ "attribute": "locale",
4799
+ "reflects": true
4804
4800
  },
4805
4801
  {
4806
4802
  "kind": "field",
@@ -4837,16 +4833,6 @@
4837
4833
  "type": {
4838
4834
  "text": "StringAdapter"
4839
4835
  }
4840
- },
4841
- {
4842
- "kind": "field",
4843
- "name": "isValueFirstUpdate",
4844
- "type": {
4845
- "text": "boolean"
4846
- },
4847
- "privacy": "private",
4848
- "default": "true",
4849
- "description": "第一次更新时, changedProperties 中 value 的旧值始终为 undefined.\n因此, 当 value 第一次更新时, oldValue 的值应当来自 initialValue 或 value.\n以保证 oldValue 始终有值."
4850
4836
  }
4851
4837
  ],
4852
4838
  "attributes": [
@@ -5153,7 +5139,7 @@
5153
5139
  "kind": "field",
5154
5140
  "name": "cellStyles",
5155
5141
  "type": {
5156
- "text": "PartDigitCellValue<Partial<CSSStyleDeclaration>>"
5142
+ "text": "PartDigitCellValueOrGetter<Partial<CSSStyleDeclaration>>"
5157
5143
  }
5158
5144
  },
5159
5145
  {
@@ -5176,7 +5162,7 @@
5176
5162
  "kind": "field",
5177
5163
  "name": "digitStyles",
5178
5164
  "type": {
5179
- "text": "PartDigitValue<Partial<CSSStyleDeclaration>>"
5165
+ "text": "PartDigitValueOrGetter<Partial<CSSStyleDeclaration>>"
5180
5166
  }
5181
5167
  },
5182
5168
  {
@@ -5199,7 +5185,7 @@
5199
5185
  "kind": "field",
5200
5186
  "name": "partStyles",
5201
5187
  "type": {
5202
- "text": "PartValue<Partial<CSSStyleDeclaration>>"
5188
+ "text": "PartValueOrGetter<Partial<CSSStyleDeclaration>>"
5203
5189
  }
5204
5190
  },
5205
5191
  {
@@ -5236,7 +5222,7 @@
5236
5222
  "kind": "field",
5237
5223
  "name": "cellStyles",
5238
5224
  "type": {
5239
- "text": "PartDigitCellValue<Partial<CSSStyleDeclaration>>"
5225
+ "text": "PartDigitCellValueOrGetter<Partial<CSSStyleDeclaration>>"
5240
5226
  },
5241
5227
  "default": "{}",
5242
5228
  "description": "对 `cell` 部分的样式进行设置. 传入的对象将被直接应用到 `cell` 的 `style` 上.\n你还可以使用 `cellStylesDynamic` 来动态设置样式.",
@@ -5267,7 +5253,7 @@
5267
5253
  "kind": "field",
5268
5254
  "name": "digitStyles",
5269
5255
  "type": {
5270
- "text": "PartDigitValue<Partial<CSSStyleDeclaration>>"
5256
+ "text": "PartDigitValueOrGetter<Partial<CSSStyleDeclaration>>"
5271
5257
  },
5272
5258
  "default": "{}",
5273
5259
  "description": "与 `cell` 类似, 但是是对 `digit` 部分的样式进行设置.\n你还可以使用 `digitStylesDynamic` 来动态设置样式.",
@@ -5298,7 +5284,7 @@
5298
5284
  "kind": "field",
5299
5285
  "name": "partStyles",
5300
5286
  "type": {
5301
- "text": "PartValue<Partial<CSSStyleDeclaration>>"
5287
+ "text": "PartValueOrGetter<Partial<CSSStyleDeclaration>>"
5302
5288
  },
5303
5289
  "default": "{}",
5304
5290
  "description": "与 `cell` 类似, 但是是对 `part` 部分的样式进行设置.\n你还可以使用 `partStylesDynamic` 来动态设置样式.",
@@ -5341,7 +5327,7 @@
5341
5327
  {
5342
5328
  "name": "cell-styles",
5343
5329
  "type": {
5344
- "text": "PartDigitCellValue<Partial<CSSStyleDeclaration>>"
5330
+ "text": "PartDigitCellValueOrGetter<Partial<CSSStyleDeclaration>>"
5345
5331
  },
5346
5332
  "default": "{}",
5347
5333
  "description": "对 `cell` 部分的样式进行设置. 传入的对象将被直接应用到 `cell` 的 `style` 上.\n你还可以使用 `cellStylesDynamic` 来动态设置样式.",
@@ -5350,7 +5336,7 @@
5350
5336
  {
5351
5337
  "name": "digit-styles",
5352
5338
  "type": {
5353
- "text": "PartDigitValue<Partial<CSSStyleDeclaration>>"
5339
+ "text": "PartDigitValueOrGetter<Partial<CSSStyleDeclaration>>"
5354
5340
  },
5355
5341
  "default": "{}",
5356
5342
  "description": "与 `cell` 类似, 但是是对 `digit` 部分的样式进行设置.\n你还可以使用 `digitStylesDynamic` 来动态设置样式.",
@@ -5359,7 +5345,7 @@
5359
5345
  {
5360
5346
  "name": "part-styles",
5361
5347
  "type": {
5362
- "text": "PartValue<Partial<CSSStyleDeclaration>>"
5348
+ "text": "PartValueOrGetter<Partial<CSSStyleDeclaration>>"
5363
5349
  },
5364
5350
  "default": "{}",
5365
5351
  "description": "与 `cell` 类似, 但是是对 `part` 部分的样式进行设置.\n你还可以使用 `partStylesDynamic` 来动态设置样式.",
@@ -5516,6 +5502,90 @@
5516
5502
  "declarations": [],
5517
5503
  "exports": []
5518
5504
  },
5505
+ {
5506
+ "kind": "javascript-module",
5507
+ "path": "src/styles/timered-counter-datetime-styles.ts",
5508
+ "declarations": [
5509
+ {
5510
+ "kind": "variable",
5511
+ "name": "timeredCounterDatetimeStyles",
5512
+ "default": "css` ::part(part-suffix) { font-size: 0.4em; line-height: 1; } `"
5513
+ }
5514
+ ],
5515
+ "exports": [
5516
+ {
5517
+ "kind": "js",
5518
+ "name": "timeredCounterDatetimeStyles",
5519
+ "declaration": {
5520
+ "name": "timeredCounterDatetimeStyles",
5521
+ "module": "src/styles/timered-counter-datetime-styles.ts"
5522
+ }
5523
+ }
5524
+ ]
5525
+ },
5526
+ {
5527
+ "kind": "javascript-module",
5528
+ "path": "src/styles/timered-counter-number-styles.ts",
5529
+ "declarations": [
5530
+ {
5531
+ "kind": "variable",
5532
+ "name": "timeredCounterNumberStyles",
5533
+ "default": "css``"
5534
+ }
5535
+ ],
5536
+ "exports": [
5537
+ {
5538
+ "kind": "js",
5539
+ "name": "timeredCounterNumberStyles",
5540
+ "declaration": {
5541
+ "name": "timeredCounterNumberStyles",
5542
+ "module": "src/styles/timered-counter-number-styles.ts"
5543
+ }
5544
+ }
5545
+ ]
5546
+ },
5547
+ {
5548
+ "kind": "javascript-module",
5549
+ "path": "src/styles/timered-counter-string-styles.ts",
5550
+ "declarations": [
5551
+ {
5552
+ "kind": "variable",
5553
+ "name": "timeredCounterStringStyles",
5554
+ "default": "css``"
5555
+ }
5556
+ ],
5557
+ "exports": [
5558
+ {
5559
+ "kind": "js",
5560
+ "name": "timeredCounterStringStyles",
5561
+ "declaration": {
5562
+ "name": "timeredCounterStringStyles",
5563
+ "module": "src/styles/timered-counter-string-styles.ts"
5564
+ }
5565
+ }
5566
+ ]
5567
+ },
5568
+ {
5569
+ "kind": "javascript-module",
5570
+ "path": "src/styles/timered-counter-styles.ts",
5571
+ "declarations": [
5572
+ {
5573
+ "kind": "variable",
5574
+ "name": "timeredCounterStyles",
5575
+ "default": "css` :host { position: relative; white-space: nowrap; display: inline-block; } //.timered-counter { // position: relative; // display: inline-flex; // overflow: hidden; // // /** // inline-block 和 overflow-hidden 同时存在会使得基线为下边缘. 手动设置 align-bottom 以修正这个问题. // @see https://stackoverflow.com/questions/22421782/css-overflow-hidden-increases-height-of-container // @see https://www.w3.org/TR/CSS2/visudet.html#propdef-vertical-align // */ // vertical-align: bottom; //} .timered-counter.debug { overflow: visible; } //.timered-counter-datetime-duration .duration-unit { // font-size: 0.4em; // line-height: 1; //} `"
5576
+ }
5577
+ ],
5578
+ "exports": [
5579
+ {
5580
+ "kind": "js",
5581
+ "name": "timeredCounterStyles",
5582
+ "declaration": {
5583
+ "name": "timeredCounterStyles",
5584
+ "module": "src/styles/timered-counter-styles.ts"
5585
+ }
5586
+ }
5587
+ ]
5588
+ },
5519
5589
  {
5520
5590
  "kind": "javascript-module",
5521
5591
  "path": "src/string-adapter/build-in-intl-segmenter.ts",
@@ -5676,6 +5746,29 @@
5676
5746
  "declarations": [],
5677
5747
  "exports": []
5678
5748
  },
5749
+ {
5750
+ "kind": "javascript-module",
5751
+ "path": "src/types/index.ts",
5752
+ "declarations": [],
5753
+ "exports": [
5754
+ {
5755
+ "kind": "js",
5756
+ "name": "*",
5757
+ "declaration": {
5758
+ "name": "*",
5759
+ "package": "./duration.js"
5760
+ }
5761
+ },
5762
+ {
5763
+ "kind": "js",
5764
+ "name": "*",
5765
+ "declaration": {
5766
+ "name": "*",
5767
+ "package": "./group.js"
5768
+ }
5769
+ }
5770
+ ]
5771
+ },
5679
5772
  {
5680
5773
  "kind": "javascript-module",
5681
5774
  "path": "src/utils/any-base.ts",
@@ -7681,90 +7774,6 @@
7681
7774
  }
7682
7775
  ]
7683
7776
  },
7684
- {
7685
- "kind": "javascript-module",
7686
- "path": "src/styles/timered-counter-datetime-styles.ts",
7687
- "declarations": [
7688
- {
7689
- "kind": "variable",
7690
- "name": "timeredCounterDatetimeStyles",
7691
- "default": "css` ::part(part-suffix) { font-size: 0.4em; line-height: 1; } `"
7692
- }
7693
- ],
7694
- "exports": [
7695
- {
7696
- "kind": "js",
7697
- "name": "timeredCounterDatetimeStyles",
7698
- "declaration": {
7699
- "name": "timeredCounterDatetimeStyles",
7700
- "module": "src/styles/timered-counter-datetime-styles.ts"
7701
- }
7702
- }
7703
- ]
7704
- },
7705
- {
7706
- "kind": "javascript-module",
7707
- "path": "src/styles/timered-counter-number-styles.ts",
7708
- "declarations": [
7709
- {
7710
- "kind": "variable",
7711
- "name": "timeredCounterNumberStyles",
7712
- "default": "css``"
7713
- }
7714
- ],
7715
- "exports": [
7716
- {
7717
- "kind": "js",
7718
- "name": "timeredCounterNumberStyles",
7719
- "declaration": {
7720
- "name": "timeredCounterNumberStyles",
7721
- "module": "src/styles/timered-counter-number-styles.ts"
7722
- }
7723
- }
7724
- ]
7725
- },
7726
- {
7727
- "kind": "javascript-module",
7728
- "path": "src/styles/timered-counter-string-styles.ts",
7729
- "declarations": [
7730
- {
7731
- "kind": "variable",
7732
- "name": "timeredCounterStringStyles",
7733
- "default": "css``"
7734
- }
7735
- ],
7736
- "exports": [
7737
- {
7738
- "kind": "js",
7739
- "name": "timeredCounterStringStyles",
7740
- "declaration": {
7741
- "name": "timeredCounterStringStyles",
7742
- "module": "src/styles/timered-counter-string-styles.ts"
7743
- }
7744
- }
7745
- ]
7746
- },
7747
- {
7748
- "kind": "javascript-module",
7749
- "path": "src/styles/timered-counter-styles.ts",
7750
- "declarations": [
7751
- {
7752
- "kind": "variable",
7753
- "name": "timeredCounterStyles",
7754
- "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; //} `"
7755
- }
7756
- ],
7757
- "exports": [
7758
- {
7759
- "kind": "js",
7760
- "name": "timeredCounterStyles",
7761
- "declaration": {
7762
- "name": "timeredCounterStyles",
7763
- "module": "src/styles/timered-counter-styles.ts"
7764
- }
7765
- }
7766
- ]
7767
- },
7768
7777
  {
7769
7778
  "kind": "javascript-module",
7770
7779
  "path": "storybook-static/sb-manager/globals-module-info.js",
@@ -7863,6 +7872,18 @@
7863
7872
  "declarations": [],
7864
7873
  "exports": []
7865
7874
  },
7875
+ {
7876
+ "kind": "javascript-module",
7877
+ "path": "storybook-static/sb-addons/chromatic-com-storybook-9/manager-bundle.js",
7878
+ "declarations": [],
7879
+ "exports": []
7880
+ },
7881
+ {
7882
+ "kind": "javascript-module",
7883
+ "path": "storybook-static/sb-addons/essentials-actions-2/manager-bundle.js",
7884
+ "declarations": [],
7885
+ "exports": []
7886
+ },
7866
7887
  {
7867
7888
  "kind": "javascript-module",
7868
7889
  "path": "src/transitions/roller/index.ts",
@@ -8224,7 +8245,7 @@
8224
8245
  },
8225
8246
  {
8226
8247
  "kind": "field",
8227
- "name": "__mergedDigitStyles",
8248
+ "name": "__partDigitsColorStyles",
8228
8249
  "type": {
8229
8250
  "text": "Partial<CSSStyleDeclaration>[][]"
8230
8251
  },
@@ -8402,12 +8423,12 @@
8402
8423
  {
8403
8424
  "kind": "variable",
8404
8425
  "name": "rollerStyles",
8405
- "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; } `"
8426
+ "default": "css` :host { display: inline-flex; overflow: hidden; /** inline-block 和 overflow-hidden 同时存在会使得基线为下边缘. 手动设置 align-bottom 以修正这个问题. @see https://stackoverflow.com/questions/22421782/css-overflow-hidden-increases-height-of-container @see https://www.w3.org/TR/CSS2/visudet.html#propdef-vertical-align */ vertical-align: bottom; } .counter-parts { display: inline-flex; flex: 1 1 auto; } .roller-part { display: inline-flex; white-space: nowrap; } .roller__prefix, .roller__suffix { flex: none; } .roller-part .roller-part__wrapper { display: inline-block; } .roller-part .roller-part__suffix { display: inline-block; } `"
8406
8427
  },
8407
8428
  {
8408
8429
  "kind": "variable",
8409
8430
  "name": "rollerDigitStyles",
8410
- "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%; } `"
8431
+ "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%; } `"
8411
8432
  }
8412
8433
  ],
8413
8434
  "exports": [
@@ -8429,18 +8450,6 @@
8429
8450
  }
8430
8451
  ]
8431
8452
  },
8432
- {
8433
- "kind": "javascript-module",
8434
- "path": "storybook-static/sb-addons/chromatic-com-storybook-9/manager-bundle.js",
8435
- "declarations": [],
8436
- "exports": []
8437
- },
8438
- {
8439
- "kind": "javascript-module",
8440
- "path": "storybook-static/sb-addons/essentials-actions-2/manager-bundle.js",
8441
- "declarations": [],
8442
- "exports": []
8443
- },
8444
8453
  {
8445
8454
  "kind": "javascript-module",
8446
8455
  "path": "storybook-static/sb-addons/essentials-backgrounds-4/manager-bundle.js",
@@ -8461,13 +8470,13 @@
8461
8470
  },
8462
8471
  {
8463
8472
  "kind": "javascript-module",
8464
- "path": "storybook-static/sb-addons/essentials-outline-8/manager-bundle.js",
8473
+ "path": "storybook-static/sb-addons/essentials-measure-7/manager-bundle.js",
8465
8474
  "declarations": [],
8466
8475
  "exports": []
8467
8476
  },
8468
8477
  {
8469
8478
  "kind": "javascript-module",
8470
- "path": "storybook-static/sb-addons/essentials-measure-7/manager-bundle.js",
8479
+ "path": "storybook-static/sb-addons/essentials-outline-8/manager-bundle.js",
8471
8480
  "declarations": [],
8472
8481
  "exports": []
8473
8482
  },