timered-counter 0.0.0

package/dist/src/utils/duration.js

@@ -0,0 +1,66 @@
+import { differenceInMilliseconds, differenceInDays, differenceInHours, differenceInMinutes, differenceInMonths, differenceInQuarters, differenceInSeconds, differenceInWeeks, differenceInYears, subDays, subHours, subMilliseconds, subMinutes, subMonths, subQuarters, subSeconds, subWeeks, subYears, } from 'date-fns';
+import { DurationPartType } from '../types/duration.js';
+/**
+ * 计算两个日期之间的时间间隔. 返回一个数组, 包含 {@link parts} 每个部分的值.
+ *
+ * @example duration(new Date("2022-01-01"), new Date("2022-01-02"), [DurationPartType.Day, DurationPartType.Hour, DurationPartType.Minute, DurationPartType.Second]) // [1, 0, 0, 0]
+ * @example duration(new Date("2022-01-01 12:00:00"), new Date("2022-01-02 12:30:00"), [DurationPartType.Day, DurationPartType.Hour, DurationPartType.Minute, DurationPartType.Second]) // [1, 0, 30, 0]
+ *
+ * @param start
+ * @param end
+ * @param parts
+ */
+export function durationObject(start, end, parts) {
+    let remain = end;
+    const result = {};
+    for (const part of parts) {
+        let value = 0;
+        switch (part) {
+            case DurationPartType.Year:
+                value = differenceInYears(remain, start);
+                remain = subYears(remain, value);
+                break;
+            case DurationPartType.Quarter:
+                value = differenceInQuarters(remain, start);
+                remain = subQuarters(remain, value);
+                break;
+            case DurationPartType.Month:
+                value = differenceInMonths(remain, start);
+                remain = subMonths(remain, value);
+                break;
+            case DurationPartType.Week:
+                value = differenceInWeeks(remain, start);
+                remain = subWeeks(remain, value);
+                break;
+            case DurationPartType.Day:
+                value = differenceInDays(remain, start);
+                remain = subDays(remain, value);
+                break;
+            case DurationPartType.Hour:
+                value = differenceInHours(remain, start);
+                remain = subHours(remain, value);
+                break;
+            case DurationPartType.Minute:
+                value = differenceInMinutes(remain, start);
+                remain = subMinutes(remain, value);
+                break;
+            case DurationPartType.Second:
+                value = differenceInSeconds(remain, start);
+                remain = subSeconds(remain, value);
+                break;
+            case DurationPartType.Millisecond:
+                value = differenceInMilliseconds(remain, start);
+                remain = subMilliseconds(remain, value);
+                break;
+            default:
+                throw new Error(`Unknown duration part: ${part}`);
+        }
+        result[part] = value;
+    }
+    return result;
+}
+export function duration(start, end, parts) {
+    const obj = durationObject(start, end, parts);
+    return parts.map(part => obj[part]);
+}
+//# sourceMappingURL=duration.js.map

package/dist/src/utils/duration.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"duration.js","sourceRoot":"","sources":["../../../src/utils/duration.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n  differenceInMilliseconds,\n  differenceInDays,\n  differenceInHours,\n  differenceInMinutes,\n  differenceInMonths,\n  differenceInQuarters,\n  differenceInSeconds,\n  differenceInWeeks,\n  differenceInYears,\n  subDays,\n  subHours,\n  subMilliseconds,\n  subMinutes,\n  subMonths,\n  subQuarters,\n  subSeconds,\n  subWeeks,\n  subYears,\n} from 'date-fns';\nimport { DurationPartType } from '../types/duration.js';\n\n/**\n * 计算两个日期之间的时间间隔. 返回一个数组, 包含 {@link parts} 每个部分的值.\n *\n * @example duration(new Date(\"2022-01-01\"), new Date(\"2022-01-02\"), [DurationPartType.Day, DurationPartType.Hour, DurationPartType.Minute, DurationPartType.Second]) // [1, 0, 0, 0]\n * @example duration(new Date(\"2022-01-01 12:00:00\"), new Date(\"2022-01-02 12:30:00\"), [DurationPartType.Day, DurationPartType.Hour, DurationPartType.Minute, DurationPartType.Second]) // [1, 0, 30, 0]\n *\n * @param start\n * @param end\n * @param parts\n */\nexport function durationObject(\n  start: Date,\n  end: Date,\n  parts: DurationPartType[],\n): { [key in DurationPartType]?: number } {\n  let remain = end;\n\n  const result: { [key in DurationPartType]?: number } = {};\n  for (const part of parts) {\n    let value = 0;\n\n    switch (part) {\n      case DurationPartType.Year:\n        value = differenceInYears(remain, start);\n        remain = subYears(remain, value);\n        break;\n      case DurationPartType.Quarter:\n        value = differenceInQuarters(remain, start);\n        remain = subQuarters(remain, value);\n        break;\n      case DurationPartType.Month:\n        value = differenceInMonths(remain, start);\n        remain = subMonths(remain, value);\n        break;\n      case DurationPartType.Week:\n        value = differenceInWeeks(remain, start);\n        remain = subWeeks(remain, value);\n        break;\n      case DurationPartType.Day:\n        value = differenceInDays(remain, start);\n        remain = subDays(remain, value);\n        break;\n      case DurationPartType.Hour:\n        value = differenceInHours(remain, start);\n        remain = subHours(remain, value);\n        break;\n      case DurationPartType.Minute:\n        value = differenceInMinutes(remain, start);\n        remain = subMinutes(remain, value);\n        break;\n      case DurationPartType.Second:\n        value = differenceInSeconds(remain, start);\n        remain = subSeconds(remain, value);\n        break;\n      case DurationPartType.Millisecond:\n        value = differenceInMilliseconds(remain, start);\n        remain = subMilliseconds(remain, value);\n        break;\n      default:\n        throw new Error(`Unknown duration part: ${part}`);\n    }\n\n    result[part] = value;\n  }\n\n  return result;\n}\n\nexport function duration(\n  start: Date,\n  end: Date,\n  parts: DurationPartType[],\n): number[] {\n  const obj = durationObject(start, end, parts);\n  return parts.map(part => obj[part]) as number[];\n}\n"]}

package/dist/src/utils/extract-group-option.d.ts

@@ -0,0 +1,9 @@
+import { GroupValueOrGetter, PartValueOrGetter, ExtractGroupValue, ExtractPartValue, PartDigitValueOrGetter, PartDigitCellValueOrGetter, ExtractPartDigitCellValue, ExtractPartDigitValue, GroupGetterOptions } from '../types/group.js';
+export declare function extractGroupOption<P extends GroupValueOrGetter<unknown>, Result = ExtractGroupValue<P>>(option: P, getterOptions: GroupGetterOptions): Result;
+export declare function extractPartOption<P extends PartValueOrGetter<unknown>, Result = ExtractPartValue<P>>(option: P, getterOptions: GroupGetterOptions): Result[];
+export declare function extractPartDigitOption<P extends PartDigitValueOrGetter<unknown>, Result = ExtractPartDigitValue<P>>(option: P, getterOptions: GroupGetterOptions): Result[][];
+export declare function extractPartDigitCellOption<P extends PartDigitCellValueOrGetter<unknown>, Result = ExtractPartDigitCellValue<P>>(option: P, getterOptions: GroupGetterOptions): Result[][][];
+export declare function mergeGroupOption<P extends GroupValueOrGetter<unknown>, Result = ExtractGroupValue<P>>(data: Result, source: Result): Result;
+export declare function mergePartOption<P extends PartValueOrGetter<unknown>, Result = ExtractPartValue<P>>(data?: Result[], source?: Result[]): Result[];
+export declare function mergePartDigitOption<P extends PartDigitValueOrGetter<unknown>, Result = ExtractPartDigitValue<P>>(data?: Result[][], source?: Result[][]): Result[][];
+export declare function mergePartDigitCellOption<P extends PartDigitCellValueOrGetter<unknown>, Result = ExtractPartDigitCellValue<P>>(data?: Result[][][], source?: Result[][][]): Result[][][];

package/dist/src/utils/extract-group-option.js

@@ -0,0 +1,81 @@
+import { isArray, isFunction, merge } from 'remeda';
+export function extractGroupOption(option, getterOptions) {
+    return (isFunction(option)
+        ? option(getterOptions)
+        : option);
+}
+export function extractPartOption(option, getterOptions) {
+    const groupOption = extractGroupOption(option, getterOptions);
+    const { data } = getterOptions;
+    const result = [];
+    for (let i = 0; i < data.length; i += 1) {
+        const value = isArray(groupOption) ? groupOption[i] : groupOption;
+        result.push(value);
+    }
+    return result;
+}
+export function extractPartDigitOption(option, getterOptions) {
+    const extractedOption = extractPartOption(option, getterOptions);
+    const { data } = getterOptions;
+    const result = [];
+    for (let i = 0; i < data.length; i += 1) {
+        const { digits } = data[i];
+        const partOption = extractedOption[i];
+        result.push([]);
+        for (let j = 0; j < digits.length; j += 1) {
+            const value = isArray(partOption) ? partOption[j] : partOption;
+            result[i].push(value);
+        }
+    }
+    return result;
+}
+export function extractPartDigitCellOption(option, getterOptions) {
+    const extractedOption = extractPartDigitOption(option, getterOptions);
+    const { data } = getterOptions;
+    const result = [];
+    for (let i = 0; i < data.length; i += 1) {
+        const { digits } = data[i];
+        const partOption = extractedOption[i];
+        result.push([]);
+        for (let j = 0; j < digits.length; j += 1) {
+            const { data: digitData } = digits[j];
+            const partDigitOption = partOption[j];
+            result[i].push([]);
+            for (let k = 0; k < digitData.length; k += 1) {
+                const value = isArray(partDigitOption)
+                    ? partDigitOption[k]
+                    : partDigitOption;
+                result[i][j].push(value);
+            }
+        }
+    }
+    return result;
+}
+export function mergeGroupOption(data, source) {
+    return merge(data ?? {}, source ?? {});
+}
+export function mergePartOption(data = [], source = []) {
+    const keys = Array.from(new Set(Object.keys(data).concat(Object.keys(source))));
+    for (const key of keys) {
+        const index = Number.parseInt(key, 10);
+        data[index] = mergeGroupOption(data[index], source[index]);
+    }
+    return data;
+}
+export function mergePartDigitOption(data = [], source = []) {
+    const keys = Array.from(new Set(Object.keys(data).concat(Object.keys(source))));
+    for (const key of keys) {
+        const index = Number.parseInt(key, 10);
+        data[index] = mergePartOption(data[index], source[index]);
+    }
+    return data;
+}
+export function mergePartDigitCellOption(data = [], source = []) {
+    const keys = Array.from(new Set(Object.keys(data).concat(Object.keys(source))));
+    for (const key of keys) {
+        const index = Number.parseInt(key, 10);
+        data[index] = mergePartDigitOption(data[index], source[index]);
+    }
+    return data;
+}
+//# sourceMappingURL=extract-group-option.js.map

package/dist/src/utils/extract-group-option.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"extract-group-option.js","sourceRoot":"","sources":["../../../src/utils/extract-group-option.ts"],"names":[],"mappings":"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","sourcesContent":["import { isArray, isFunction, merge } from 'remeda';\nimport {\n  GroupValueOrGetter,\n  PartValueOrGetter,\n  ExtractGroupValue,\n  ExtractPartValue,\n  GroupGetter,\n  PartDigitValueOrGetter,\n  PartDigitCellValueOrGetter,\n  ExtractPartDigitCellValue,\n  ExtractPartDigitValue,\n  GroupGetterOptions,\n} from '../types/group.js';\n\nexport function extractGroupOption<\n  P extends GroupValueOrGetter<unknown>,\n  Result = ExtractGroupValue<P>,\n>(option: P, getterOptions: GroupGetterOptions) {\n  return (\n    isFunction(option)\n      ? (option as GroupGetter<ExtractGroupValue<P>>)(getterOptions)\n      : option\n  ) as Result;\n}\n\nexport function extractPartOption<\n  P extends PartValueOrGetter<unknown>,\n  Result = ExtractPartValue<P>,\n>(option: P, getterOptions: GroupGetterOptions) {\n  const groupOption = extractGroupOption(option, getterOptions);\n\n  const { data } = getterOptions;\n\n  const result: Result[] = [];\n  for (let i = 0; i < data.length; i += 1) {\n    const value = isArray(groupOption) ? groupOption[i] : groupOption;\n    result.push(value as Result);\n  }\n\n  return result;\n}\n\nexport function extractPartDigitOption<\n  P extends PartDigitValueOrGetter<unknown>,\n  Result = ExtractPartDigitValue<P>,\n>(option: P, getterOptions: GroupGetterOptions) {\n  const extractedOption = extractPartOption(option, getterOptions);\n\n  const { data } = getterOptions;\n\n  const result: Result[][] = [];\n  for (let i = 0; i < data.length; i += 1) {\n    const { digits } = data[i];\n    const partOption = extractedOption[i];\n\n    result.push([]);\n\n    for (let j = 0; j < digits.length; j += 1) {\n      const value = isArray(partOption) ? partOption[j] : partOption;\n      result[i].push(value as Result);\n    }\n  }\n\n  return result;\n}\n\nexport function extractPartDigitCellOption<\n  P extends PartDigitCellValueOrGetter<unknown>,\n  Result = ExtractPartDigitCellValue<P>,\n>(option: P, getterOptions: GroupGetterOptions) {\n  const extractedOption = extractPartDigitOption(option, getterOptions);\n\n  const { data } = getterOptions;\n\n  const result: Result[][][] = [];\n  for (let i = 0; i < data.length; i += 1) {\n    const { digits } = data[i];\n    const partOption = extractedOption[i];\n\n    result.push([]);\n\n    for (let j = 0; j < digits.length; j += 1) {\n      const { data: digitData } = digits[j];\n      const partDigitOption = partOption[j];\n\n      result[i].push([]);\n\n      for (let k = 0; k < digitData.length; k += 1) {\n        const value = isArray(partDigitOption)\n          ? partDigitOption[k]\n          : partDigitOption;\n        result[i][j].push(value as Result);\n      }\n    }\n  }\n\n  return result;\n}\n\nexport function mergeGroupOption<\n  P extends GroupValueOrGetter<unknown>,\n  Result = ExtractGroupValue<P>,\n>(data: Result, source: Result): Result {\n  return merge(data ?? {}, source ?? {}) as Result;\n}\n\nexport function mergePartOption<\n  P extends PartValueOrGetter<unknown>,\n  Result = ExtractPartValue<P>,\n>(data: Result[] = [], source: Result[] = []): Result[] {\n  const keys = Array.from(\n    new Set(Object.keys(data).concat(Object.keys(source))),\n  );\n  for (const key of keys) {\n    const index = Number.parseInt(key, 10);\n    data[index] = mergeGroupOption(data[index], source[index]);\n  }\n\n  return data;\n}\n\nexport function mergePartDigitOption<\n  P extends PartDigitValueOrGetter<unknown>,\n  Result = ExtractPartDigitValue<P>,\n>(data: Result[][] = [], source: Result[][] = []): Result[][] {\n  const keys = Array.from(\n    new Set(Object.keys(data).concat(Object.keys(source))),\n  );\n  for (const key of keys) {\n    const index = Number.parseInt(key, 10);\n    data[index] = mergePartOption(data[index], source[index]);\n  }\n\n  return data;\n}\n\nexport function mergePartDigitCellOption<\n  P extends PartDigitCellValueOrGetter<unknown>,\n  Result = ExtractPartDigitCellValue<P>,\n>(data: Result[][][] = [], source: Result[][][] = []): Result[][][] {\n  const keys = Array.from(\n    new Set(Object.keys(data).concat(Object.keys(source))),\n  );\n  for (const key of keys) {\n    const index = Number.parseInt(key, 10);\n    data[index] = mergePartDigitOption(data[index], source[index]);\n  }\n\n  return data;\n}\n"]}

package/dist/src/utils/iso8601-duration.d.ts

@@ -0,0 +1,4 @@
+import { DurationPartType } from '../types/duration.js';
+export declare function iso8601Duration(duration: {
+    [key in DurationPartType]?: number;
+}): string;

package/dist/src/utils/iso8601-duration.js

@@ -0,0 +1,32 @@
+import { isNumber } from 'remeda';
+import { DurationPartType } from '../types/duration.js';
+const ISO8601DurationMarker = {
+    [DurationPartType.Year]: 'Y',
+    [DurationPartType.Month]: 'M',
+    [DurationPartType.Week]: 'W',
+    [DurationPartType.Day]: 'D',
+    [DurationPartType.Hour]: 'H',
+    [DurationPartType.Minute]: 'M',
+    [DurationPartType.Second]: 'S',
+};
+const DateParts = [
+    DurationPartType.Year,
+    DurationPartType.Month,
+    DurationPartType.Week,
+    DurationPartType.Day,
+];
+const TimeParts = [
+    DurationPartType.Hour,
+    DurationPartType.Minute,
+    DurationPartType.Second,
+];
+export function iso8601Duration(duration) {
+    const datePart = DateParts.map(part => isNumber(duration[part])
+        ? `${duration[part]}${ISO8601DurationMarker[part]}`
+        : '');
+    const timePart = TimeParts.map(part => isNumber(duration[part])
+        ? `${duration[part]}${ISO8601DurationMarker[part]}`
+        : '');
+    return `P${datePart.join('')}T${timePart.join('')}`;
+}
+//# sourceMappingURL=iso8601-duration.js.map

package/dist/src/utils/iso8601-duration.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"iso8601-duration.js","sourceRoot":"","sources":["../../../src/utils/iso8601-duration.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAClC,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAExD,MAAM,qBAAqB,GAAG;IAC5B,CAAC,gBAAgB,CAAC,IAAI,CAAC,EAAE,GAAG;IAC5B,CAAC,gBAAgB,CAAC,KAAK,CAAC,EAAE,GAAG;IAC7B,CAAC,gBAAgB,CAAC,IAAI,CAAC,EAAE,GAAG;IAC5B,CAAC,gBAAgB,CAAC,GAAG,CAAC,EAAE,GAAG;IAC3B,CAAC,gBAAgB,CAAC,IAAI,CAAC,EAAE,GAAG;IAC5B,CAAC,gBAAgB,CAAC,MAAM,CAAC,EAAE,GAAG;IAC9B,CAAC,gBAAgB,CAAC,MAAM,CAAC,EAAE,GAAG;CACtB,CAAC;AAEX,MAAM,SAAS,GAAG;IAChB,gBAAgB,CAAC,IAAI;IACrB,gBAAgB,CAAC,KAAK;IACtB,gBAAgB,CAAC,IAAI;IACrB,gBAAgB,CAAC,GAAG;CACZ,CAAC;AACX,MAAM,SAAS,GAAG;IAChB,gBAAgB,CAAC,IAAI;IACrB,gBAAgB,CAAC,MAAM;IACvB,gBAAgB,CAAC,MAAM;CACf,CAAC;AAEX,MAAM,UAAU,eAAe,CAAC,QAE/B;IACC,MAAM,QAAQ,GAAG,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CACpC,QAAQ,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;QACtB,CAAC,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,GAAG,qBAAqB,CAAC,IAAI,CAAC,EAAE;QACnD,CAAC,CAAC,EAAE,CACP,CAAC;IACF,MAAM,QAAQ,GAAG,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CACpC,QAAQ,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;QACtB,CAAC,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,GAAG,qBAAqB,CAAC,IAAI,CAAC,EAAE;QACnD,CAAC,CAAC,EAAE,CACP,CAAC;IACF,OAAO,IAAI,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,CAAC;AACtD,CAAC","sourcesContent":["import { isNumber } from 'remeda';\nimport { DurationPartType } from '../types/duration.js';\n\nconst ISO8601DurationMarker = {\n  [DurationPartType.Year]: 'Y',\n  [DurationPartType.Month]: 'M',\n  [DurationPartType.Week]: 'W',\n  [DurationPartType.Day]: 'D',\n  [DurationPartType.Hour]: 'H',\n  [DurationPartType.Minute]: 'M',\n  [DurationPartType.Second]: 'S',\n} as const;\n\nconst DateParts = [\n  DurationPartType.Year,\n  DurationPartType.Month,\n  DurationPartType.Week,\n  DurationPartType.Day,\n] as const;\nconst TimeParts = [\n  DurationPartType.Hour,\n  DurationPartType.Minute,\n  DurationPartType.Second,\n] as const;\n\nexport function iso8601Duration(duration: {\n  [key in DurationPartType]?: number;\n}): string {\n  const datePart = DateParts.map(part =>\n    isNumber(duration[part])\n      ? `${duration[part]}${ISO8601DurationMarker[part]}`\n      : '',\n  );\n  const timePart = TimeParts.map(part =>\n    isNumber(duration[part])\n      ? `${duration[part]}${ISO8601DurationMarker[part]}`\n      : '',\n  );\n  return `P${datePart.join('')}T${timePart.join('')}`;\n}\n"]}

package/dist/src/utils/localized-date-time-fields.d.ts

@@ -0,0 +1,2 @@
+export declare const DateTimeFields: readonly ["era", "year", "quarter", "month", "weekOfYear", "weekday", "day", "dayPeriod", "hour", "minute", "second", "timeZoneName"];
+export declare function getLocalizedDateTimeFields(locale: Intl.Locale): Record<string, string>;

package/dist/src/utils/localized-date-time-fields.js

@@ -0,0 +1,24 @@
+export const DateTimeFields = [
+    "era",
+    "year",
+    "quarter",
+    "month",
+    "weekOfYear",
+    "weekday",
+    "day",
+    "dayPeriod",
+    "hour",
+    "minute",
+    "second",
+    "timeZoneName",
+];
+export function getLocalizedDateTimeFields(locale) {
+    const displayNames = new Intl.DisplayNames(locale, {
+        type: "dateTimeField",
+    });
+    return DateTimeFields.reduce((acc, field) => {
+        acc[field] = displayNames.of(field) ?? "";
+        return acc;
+    }, {});
+}
+//# sourceMappingURL=localized-date-time-fields.js.map

package/dist/src/utils/localized-date-time-fields.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"localized-date-time-fields.js","sourceRoot":"","sources":["../../../src/utils/localized-date-time-fields.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,cAAc,GAAG;IAC5B,KAAK;IACL,MAAM;IACN,SAAS;IACT,OAAO;IACP,YAAY;IACZ,SAAS;IACT,KAAK;IACL,WAAW;IACX,MAAM;IACN,QAAQ;IACR,QAAQ;IACR,cAAc;CACN,CAAC;AAEX,MAAM,UAAU,0BAA0B,CAAC,MAAmB;IAC5D,MAAM,YAAY,GAAG,IAAI,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE;QACjD,IAAI,EAAE,eAAe;KACtB,CAAC,CAAC;IAEH,OAAO,cAAc,CAAC,MAAM,CAC1B,CAAC,GAAG,EAAE,KAAK,EAAE,EAAE;QACb,GAAG,CAAC,KAAK,CAAC,GAAG,YAAY,CAAC,EAAE,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC;QAC1C,OAAO,GAAG,CAAC;IACb,CAAC,EACD,EAA8D,CAC/D,CAAC;AACJ,CAAC","sourcesContent":["export const DateTimeFields = [\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] as const;\n\nexport function getLocalizedDateTimeFields(locale: Intl.Locale) {\n  const displayNames = new Intl.DisplayNames(locale, {\n    type: \"dateTimeField\",\n  });\n\n  return DateTimeFields.reduce(\n    (acc, field) => {\n      acc[field] = displayNames.of(field) ?? \"\";\n      return acc;\n    },\n    {} as Record<(typeof DateTimeFields)[number] | string, string>\n  );\n}\n"]}

package/dist/src/utils/parse-json-string.d.ts

@@ -0,0 +1 @@
+export declare function parseJsonString(value: string): any;

package/dist/src/utils/parse-json-string.js

@@ -0,0 +1,9 @@
+export function parseJsonString(value) {
+    try {
+        return JSON.parse(value);
+    }
+    catch (error) {
+        return value;
+    }
+}
+//# sourceMappingURL=parse-json-string.js.map

package/dist/src/utils/parse-json-string.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"parse-json-string.js","sourceRoot":"","sources":["../../../src/utils/parse-json-string.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,eAAe,CAAC,KAAa;IAC3C,IAAI,CAAC;QACH,OAAO,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;IAC3B,CAAC;IAAC,OAAO,KAAK,EAAE,CAAC;QACf,OAAO,KAAK,CAAC;IACf,CAAC;AACH,CAAC","sourcesContent":["export function parseJsonString(value: string) {\n  try {\n    return JSON.parse(value);\n  } catch (error) {\n    return value;\n  }\n}\n"]}

package/dist/src/utils/polyfill-keyframes.d.ts

@@ -0,0 +1 @@
+export declare function polyfillKeyframes(keyframes: Keyframe[] | PropertyIndexedKeyframes): Keyframe[];

package/dist/src/utils/polyfill-keyframes.js

@@ -0,0 +1,19 @@
+export function polyfillKeyframes(keyframes) {
+    if (Array.isArray(keyframes)) {
+        return keyframes;
+    }
+    const properties = Object.keys(keyframes);
+    const length = Math.max(...properties.map(property => keyframes[property].length));
+    const result = [];
+    for (let i = 0; i < length; i++) {
+        const frame = {};
+        properties.forEach(property => {
+            const values = keyframes[property];
+            frame[property] =
+                values[i] !== undefined ? values[i] : values[values.length - 1];
+        });
+        result.push(frame);
+    }
+    return result;
+}
+//# sourceMappingURL=polyfill-keyframes.js.map

package/dist/src/utils/polyfill-keyframes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"polyfill-keyframes.js","sourceRoot":"","sources":["../../../src/utils/polyfill-keyframes.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,iBAAiB,CAC/B,SAAgD;IAEhD,IAAI,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,EAAE,CAAC;QAC7B,OAAO,SAAS,CAAC;IACnB,CAAC;IAED,MAAM,UAAU,GAAG,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IAC1C,MAAM,MAAM,GAAG,IAAI,CAAC,GAAG,CACrB,GAAG,UAAU,CAAC,GAAG,CAAC,QAAQ,CAAC,EAAE,CAAE,SAAS,CAAC,QAAQ,CAAe,CAAC,MAAM,CAAC,CACzE,CAAC;IAEF,MAAM,MAAM,GAAe,EAAE,CAAC;IAC9B,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;QAChC,MAAM,KAAK,GAAa,EAAE,CAAC;QAC3B,UAAU,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE;YAC5B,MAAM,MAAM,GAAG,SAAS,CAAC,QAAQ,CAAwB,CAAC;YAC1D,KAAK,CAAC,QAAQ,CAAC;gBACb,MAAM,CAAC,CAAC,CAAC,KAAK,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;QACpE,CAAC,CAAC,CAAC;QACH,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IACrB,CAAC;IAED,OAAO,MAAM,CAAC;AAChB,CAAC","sourcesContent":["export function polyfillKeyframes(\n  keyframes: Keyframe[] | PropertyIndexedKeyframes,\n): Keyframe[] {\n  if (Array.isArray(keyframes)) {\n    return keyframes;\n  }\n\n  const properties = Object.keys(keyframes);\n  const length = Math.max(\n    ...properties.map(property => (keyframes[property] as unknown[]).length),\n  );\n\n  const result: Keyframe[] = [];\n  for (let i = 0; i < length; i++) {\n    const frame: Keyframe = {};\n    properties.forEach(property => {\n      const values = keyframes[property] as (string | number)[];\n      frame[property] =\n        values[i] !== undefined ? values[i] : values[values.length - 1];\n    });\n    result.push(frame);\n  }\n\n  return result;\n}\n"]}

package/dist/src/utils/preprocess-part-data.d.ts

@@ -0,0 +1,25 @@
+import { PartData } from '../types/group.js';
+export interface PartPreprocessedData {
+    /**
+     * 是否需要启动动画
+     */
+    animate: boolean;
+    /**
+     * 是否需要移除上一次的动画设置的样式
+     */
+    cancelPrevAnimation: boolean;
+    earlyReturn?: string;
+    /**
+     * 全局索引
+     */
+    index: number;
+    /**
+     * 所在 `part` 的索引
+     */
+    partIndex: number;
+    /**
+     * 所在 `digit` 的索引
+     */
+    digitIndex: number;
+}
+export declare function preprocessPartData(newDirection: 'up' | 'down', newData: PartData[], oldDirection: 'up' | 'down', oldData: PartData[]): PartPreprocessedData[][];

package/dist/src/utils/preprocess-part-data.js

@@ -0,0 +1,59 @@
+import { isDeepEqual } from 'remeda';
+/**
+ * 以下代码块用于判断是否需要启动滚动动画.
+ * 下列情况将跳过滚动动画:
+ * 1. 当新的滚动数据(即 digits)长度为 1 时.
+ * 2. 当滚动方向未改变时:
+ *    1. 当滚动数据头尾相同时.
+ *    2. 当前滚动数据与上一次全等时.
+ */
+function rollerPartTest(direction, digits) {
+    const [newDirection, oldDirection] = direction;
+    const [newDigits, oldDigits] = digits;
+    const result = {
+        animate: true,
+        cancelPrevAnimation: false,
+    };
+    let earlyReturn = '';
+    if (newDigits.data.length === 1) {
+        result.animate = false;
+        result.cancelPrevAnimation = true;
+        earlyReturn = 'only one digit';
+    }
+    if (newDirection !== oldDirection)
+        return result;
+    if (newDigits.data[0] === newDigits.data[newDigits.data.length - 1]) {
+        result.animate = false;
+        result.cancelPrevAnimation = true;
+        earlyReturn = 'same head and tail';
+    }
+    if (isDeepEqual(newDigits, oldDigits)) {
+        result.animate = false;
+        earlyReturn = 'same digits';
+    }
+    if (earlyReturn)
+        result.earlyReturn = earlyReturn;
+    return result;
+}
+export function preprocessPartData(newDirection, newData, oldDirection, oldData) {
+    const results = [];
+    let globalIndex = 0;
+    for (let i = 0; i < newData.length; i++) {
+        const newPart = newData[i];
+        const oldPart = oldData?.[i];
+        const partDataResults = [];
+        for (let j = 0; j < newPart.digits.length; j++) {
+            const newDigit = newPart.digits[j];
+            const oldDigit = oldPart?.digits.find(d => d.place === newDigit.place);
+            partDataResults.push({
+                ...rollerPartTest([newDirection, oldDirection], [newDigit, oldDigit]),
+                index: globalIndex++,
+                partIndex: i,
+                digitIndex: j,
+            });
+        }
+        results.push(partDataResults);
+    }
+    return results;
+}
+//# sourceMappingURL=preprocess-part-data.js.map

package/dist/src/utils/preprocess-part-data.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"preprocess-part-data.js","sourceRoot":"","sources":["../../../src/utils/preprocess-part-data.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,QAAQ,CAAC;AA2BrC;;;;;;;GAOG;AACH,SAAS,cAAc,CACrB,SAAqD,EACrD,MAAkD;IAElD,MAAM,CAAC,YAAY,EAAE,YAAY,CAAC,GAAG,SAAS,CAAC;IAC/C,MAAM,CAAC,SAAS,EAAE,SAAS,CAAC,GAAG,MAAM,CAAC;IAEtC,MAAM,MAAM,GAGR;QACF,OAAO,EAAE,IAAI;QACb,mBAAmB,EAAE,KAAK;KAC3B,CAAC;IACF,IAAI,WAAW,GAAG,EAAE,CAAC;IACrB,IAAI,SAAS,CAAC,IAAI,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QAChC,MAAM,CAAC,OAAO,GAAG,KAAK,CAAC;QACvB,MAAM,CAAC,mBAAmB,GAAG,IAAI,CAAC;QAClC,WAAW,GAAG,gBAAgB,CAAC;IACjC,CAAC;IAED,IAAI,YAAY,KAAK,YAAY;QAAE,OAAO,MAAM,CAAC;IAEjD,IAAI,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,SAAS,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC,EAAE,CAAC;QACpE,MAAM,CAAC,OAAO,GAAG,KAAK,CAAC;QACvB,MAAM,CAAC,mBAAmB,GAAG,IAAI,CAAC;QAClC,WAAW,GAAG,oBAAoB,CAAC;IACrC,CAAC;IAED,IAAI,WAAW,CAAC,SAAS,EAAE,SAAS,CAAC,EAAE,CAAC;QACtC,MAAM,CAAC,OAAO,GAAG,KAAK,CAAC;QACvB,WAAW,GAAG,aAAa,CAAC;IAC9B,CAAC;IAED,IAAI,WAAW;QAAE,MAAM,CAAC,WAAW,GAAG,WAAW,CAAC;IAElD,OAAO,MAAM,CAAC;AAChB,CAAC;AAED,MAAM,UAAU,kBAAkB,CAChC,YAA2B,EAC3B,OAAmB,EACnB,YAA2B,EAC3B,OAAmB;IAEnB,MAAM,OAAO,GAA6B,EAAE,CAAC;IAE7C,IAAI,WAAW,GAAG,CAAC,CAAC;IACpB,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,OAAO,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;QACxC,MAAM,OAAO,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC;QAC3B,MAAM,OAAO,GAAG,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC;QAE7B,MAAM,eAAe,GAA2B,EAAE,CAAC;QACnD,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,OAAO,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;YAC/C,MAAM,QAAQ,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;YACnC,MAAM,QAAQ,GAAG,OAAO,EAAE,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,KAAK,QAAQ,CAAC,KAAK,CAAC,CAAC;YAEvE,eAAe,CAAC,IAAI,CAAC;gBACnB,GAAG,cAAc,CAAC,CAAC,YAAY,EAAE,YAAY,CAAC,EAAE,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;gBACrE,KAAK,EAAE,WAAW,EAAE;gBACpB,SAAS,EAAE,CAAC;gBACZ,UAAU,EAAE,CAAC;aACd,CAAC,CAAC;QACL,CAAC;QACD,OAAO,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC;IAChC,CAAC;IAED,OAAO,OAAO,CAAC;AACjB,CAAC","sourcesContent":["import { isDeepEqual } from 'remeda';\nimport { PartData, PartDataDigit } from '../types/group.js';\n\nexport interface PartPreprocessedData {\n  /**\n   * 是否需要启动动画\n   */\n  animate: boolean;\n  /**\n   * 是否需要移除上一次的动画设置的样式\n   */\n  cancelPrevAnimation: boolean;\n  earlyReturn?: string;\n  /**\n   * 全局索引\n   */\n  index: number;\n  /**\n   * 所在 `part` 的索引\n   */\n  partIndex: number;\n  /**\n   * 所在 `digit` 的索引\n   */\n  digitIndex: number;\n}\n\n/**\n * 以下代码块用于判断是否需要启动滚动动画.\n * 下列情况将跳过滚动动画:\n * 1. 当新的滚动数据(即 digits)长度为 1 时.\n * 2. 当滚动方向未改变时:\n *    1. 当滚动数据头尾相同时.\n *    2. 当前滚动数据与上一次全等时.\n */\nfunction rollerPartTest(\n  direction: ['up' | 'down', 'up' | 'down' | undefined],\n  digits: [PartDataDigit, PartDataDigit | undefined],\n) {\n  const [newDirection, oldDirection] = direction;\n  const [newDigits, oldDigits] = digits;\n\n  const result: Pick<\n    PartPreprocessedData,\n    'animate' | 'cancelPrevAnimation' | 'earlyReturn'\n  > = {\n    animate: true,\n    cancelPrevAnimation: false,\n  };\n  let earlyReturn = '';\n  if (newDigits.data.length === 1) {\n    result.animate = false;\n    result.cancelPrevAnimation = true;\n    earlyReturn = 'only one digit';\n  }\n\n  if (newDirection !== oldDirection) return result;\n\n  if (newDigits.data[0] === newDigits.data[newDigits.data.length - 1]) {\n    result.animate = false;\n    result.cancelPrevAnimation = true;\n    earlyReturn = 'same head and tail';\n  }\n\n  if (isDeepEqual(newDigits, oldDigits)) {\n    result.animate = false;\n    earlyReturn = 'same digits';\n  }\n\n  if (earlyReturn) result.earlyReturn = earlyReturn;\n\n  return result;\n}\n\nexport function preprocessPartData(\n  newDirection: 'up' | 'down',\n  newData: PartData[],\n  oldDirection: 'up' | 'down',\n  oldData: PartData[],\n) {\n  const results: PartPreprocessedData[][] = [];\n\n  let globalIndex = 0;\n  for (let i = 0; i < newData.length; i++) {\n    const newPart = newData[i];\n    const oldPart = oldData?.[i];\n\n    const partDataResults: PartPreprocessedData[] = [];\n    for (let j = 0; j < newPart.digits.length; j++) {\n      const newDigit = newPart.digits[j];\n      const oldDigit = oldPart?.digits.find(d => d.place === newDigit.place);\n\n      partDataResults.push({\n        ...rollerPartTest([newDirection, oldDirection], [newDigit, oldDigit]),\n        index: globalIndex++,\n        partIndex: i,\n        digitIndex: j,\n      });\n    }\n    results.push(partDataResults);\n  }\n\n  return results;\n}\n"]}

package/dist/src/utils/transition-digit.d.ts

@@ -0,0 +1,2 @@
+import { ExtractNumberAdapterType, NumberAdapter } from '../number-adapter/index.js';
+export declare function transitionDigit<NS extends NumberAdapter, V = ExtractNumberAdapterType<NS>>(na: NS, from: V, to: V, count: number): V[];

package/dist/src/utils/transition-digit.js

@@ -0,0 +1,51 @@
+/**
+ * @see https://github.com/d3/d3-interpolate/blob/main/src/round.js
+ * @param na
+ * @param a
+ * @param b
+ */
+function interpolateRound(na, a, b) {
+    return function (t) {
+        return na.round(na.add(na.mul(a, na.sub(na.create(1), t)), na.mul(b, t)));
+    };
+}
+/**
+ * @see https://github.com/d3/d3-interpolate/blob/main/src/number.js
+ * @param na
+ * @param a
+ * @param b
+ */
+function interpolateNumber(na, a, b) {
+    return function (t) {
+        return na.add(na.mul(a, na.sub(na.create(1), t)), na.mul(b, t));
+    };
+}
+export function transitionDigit(na, from, to, count) {
+    let _count = count;
+    const interpolateFunc = na.isInteger(from) && na.isInteger(to)
+        ? interpolateRound(na, from, to)
+        : interpolateNumber(na, from, to);
+    /**
+     * 将浮点数转换为整数进行插值计算, 提供与整数插值类似的效果.
+     * 取最大的小数位数作为插值个数. 但不超过30.
+     */
+    // const maxDecimalPlaces = Number.isInteger(from - to)
+    //   ? 0
+    //   : Math.max(new Decimal(from).dp(), new Decimal(to).dp());
+    // const multiplier = Math.pow(10, maxDecimalPlaces);
+    // const count = Math.min(
+    //   Math.abs(Math.floor(from * multiplier) - Math.floor(to * multiplier)) + 1,
+    //   30
+    // );
+    if (na.eq(from, to))
+        _count = 1;
+    // [0, 1/count, 2/count, ..., 1]
+    // const percents = range(count).map((d) => d / Math.max(count - 1, 1));
+    const result = [];
+    for (let i = 0; i < _count; i++) {
+        const percent = na.div(na.create(i), na.create(Math.max(_count - 1, 1)));
+        result.push(interpolateFunc(percent));
+    }
+    return result;
+}
+//# sourceMappingURL=transition-digit.js.map

package/dist/src/utils/transition-digit.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"transition-digit.js","sourceRoot":"","sources":["../../../src/utils/transition-digit.ts"],"names":[],"mappings":"AAKA;;;;;GAKG;AACH,SAAS,gBAAgB,CAGvB,EAAM,EAAE,CAAI,EAAE,CAAI;IAClB,OAAO,UAAU,CAAS;QACxB,OAAO,EAAE,CAAC,KAAK,CAAC,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,EAAE,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;IAC5E,CAAC,CAAC;AACJ,CAAC;AAED;;;;;GAKG;AACH,SAAS,iBAAiB,CAGxB,EAAM,EAAE,CAAI,EAAE,CAAI;IAClB,OAAO,UAAU,CAAS;QACxB,OAAO,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,EAAE,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;IAClE,CAAC,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,eAAe,CAG7B,EAAM,EAAE,IAAO,EAAE,EAAK,EAAE,KAAa;IACrC,IAAI,MAAM,GAAG,KAAK,CAAC;IACnB,MAAM,eAAe,GACnB,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,SAAS,CAAC,EAAE,CAAC;QACpC,CAAC,CAAC,gBAAgB,CAAC,EAAE,EAAE,IAAI,EAAE,EAAE,CAAC;QAChC,CAAC,CAAC,iBAAiB,CAAC,EAAE,EAAE,IAAI,EAAE,EAAE,CAAC,CAAC;IAEtC;;;OAGG;IACH,uDAAuD;IACvD,QAAQ;IACR,8DAA8D;IAC9D,qDAAqD;IACrD,0BAA0B;IAC1B,+EAA+E;IAC/E,OAAO;IACP,KAAK;IAEL,IAAI,EAAE,CAAC,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC;QAAE,MAAM,GAAG,CAAC,CAAC;IAChC,gCAAgC;IAChC,wEAAwE;IAExE,MAAM,MAAM,GAAQ,EAAE,CAAC;IACvB,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;QAChC,MAAM,OAAO,GAAG,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;QACzE,MAAM,CAAC,IAAI,CAAC,eAAe,CAAC,OAAO,CAAC,CAAC,CAAC;IACxC,CAAC;IAED,OAAO,MAAM,CAAC;AAChB,CAAC","sourcesContent":["import {\n  ExtractNumberAdapterType,\n  NumberAdapter,\n} from '../number-adapter/index.js';\n\n/**\n * @see https://github.com/d3/d3-interpolate/blob/main/src/round.js\n * @param na\n * @param a\n * @param b\n */\nfunction interpolateRound<\n  NS extends NumberAdapter,\n  V = ExtractNumberAdapterType<NS>,\n>(na: NS, a: V, b: V) {\n  return function (t: number) {\n    return na.round(na.add(na.mul(a, na.sub(na.create(1), t)), na.mul(b, t)));\n  };\n}\n\n/**\n * @see https://github.com/d3/d3-interpolate/blob/main/src/number.js\n * @param na\n * @param a\n * @param b\n */\nfunction interpolateNumber<\n  NS extends NumberAdapter,\n  V = ExtractNumberAdapterType<NS>,\n>(na: NS, a: V, b: V) {\n  return function (t: number) {\n    return na.add(na.mul(a, na.sub(na.create(1), t)), na.mul(b, t));\n  };\n}\n\nexport function transitionDigit<\n  NS extends NumberAdapter,\n  V = ExtractNumberAdapterType<NS>,\n>(na: NS, from: V, to: V, count: number) {\n  let _count = count;\n  const interpolateFunc =\n    na.isInteger(from) && na.isInteger(to)\n      ? interpolateRound(na, from, to)\n      : interpolateNumber(na, from, to);\n\n  /**\n   * 将浮点数转换为整数进行插值计算, 提供与整数插值类似的效果.\n   * 取最大的小数位数作为插值个数. 但不超过30.\n   */\n  // const maxDecimalPlaces = Number.isInteger(from - to)\n  //   ? 0\n  //   : Math.max(new Decimal(from).dp(), new Decimal(to).dp());\n  // const multiplier = Math.pow(10, maxDecimalPlaces);\n  // const count = Math.min(\n  //   Math.abs(Math.floor(from * multiplier) - Math.floor(to * multiplier)) + 1,\n  //   30\n  // );\n\n  if (na.eq(from, to)) _count = 1;\n  // [0, 1/count, 2/count, ..., 1]\n  // const percents = range(count).map((d) => d / Math.max(count - 1, 1));\n\n  const result: V[] = [];\n  for (let i = 0; i < _count; i++) {\n    const percent = na.div(na.create(i), na.create(Math.max(_count - 1, 1)));\n    result.push(interpolateFunc(percent));\n  }\n\n  return result;\n}\n"]}

package/dist/src/utils/uuid.d.ts

@@ -0,0 +1 @@
+export declare function uuid(): string;

package/dist/src/utils/uuid.js

@@ -0,0 +1,7 @@
+function uuidPart() {
+    return Math.random().toString(36).slice(2, 10);
+}
+export function uuid() {
+    return [uuidPart(), uuidPart(), uuidPart(), uuidPart()].join('-');
+}
+//# sourceMappingURL=uuid.js.map

package/dist/src/utils/uuid.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"uuid.js","sourceRoot":"","sources":["../../../src/utils/uuid.ts"],"names":[],"mappings":"AAAA,SAAS,QAAQ;IACf,OAAO,IAAI,CAAC,MAAM,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;AACjD,CAAC;AAED,MAAM,UAAU,IAAI;IAClB,OAAO,CAAC,QAAQ,EAAE,EAAE,QAAQ,EAAE,EAAE,QAAQ,EAAE,EAAE,QAAQ,EAAE,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AACpE,CAAC","sourcesContent":["function uuidPart() {\n  return Math.random().toString(36).slice(2, 10);\n}\n\nexport function uuid() {\n  return [uuidPart(), uuidPart(), uuidPart(), uuidPart()].join('-');\n}\n"]}

package/dist/stories/story-parts/animation-events.d.ts

@@ -0,0 +1,9 @@
+import { StoryObj } from '@storybook/web-components';
+import { TimeredCounter } from '../../src/index.js';
+import { NoUndefinedField } from '../utils/index.js';
+export declare function animationEvents<T, TC extends TimeredCounter>(context: Parameters<NoUndefinedField<StoryObj>['play']>[0], { counter, list, setBy, equal, }: {
+    counter: TC;
+    list?: T[];
+    setBy: (counter: TC, key: string, value: T) => void;
+    equal?: (counter: TimeredCounter, a: any, b: any) => Promise<void>;
+}): Promise<void>;

package/dist/stories/story-parts/animation-events.js

@@ -0,0 +1,35 @@
+import { expect, fn, waitFor } from '@storybook/test';
+import { range } from 'remeda';
+import { equal as _equal, sleep } from '../utils/index.js';
+export async function animationEvents(context, { counter, list = range(0, 5).map(v => v * 10), setBy, equal = _equal, }) {
+    const { step, args } = context;
+    setBy(counter, 'value', list[0]);
+    await sleep((args.animationOptions.duration ?? 100) + 10);
+    const timeredCounterAnimationStartListener = fn();
+    const timeredCounterAnimationEndListener = fn();
+    counter.addEventListener('timered-counter-animation-start', timeredCounterAnimationStartListener);
+    counter.addEventListener('timered-counter-animation-end', timeredCounterAnimationEndListener);
+    await step('Incrementing the value and watching the events', async () => {
+        for await (const [index, value] of list.entries()) {
+            setBy(counter, 'value', value);
+            await waitFor(() => expect(timeredCounterAnimationStartListener).toHaveBeenCalledTimes(index), { timeout: (args.animationOptions.duration ?? 100) + 1000 });
+            await waitFor(() => expect(timeredCounterAnimationEndListener).toHaveBeenCalledTimes(index), { timeout: (args.animationOptions.duration ?? 100) + 1000 });
+            await equal(counter, counter.value, value);
+        }
+    });
+    timeredCounterAnimationStartListener.mockReset();
+    timeredCounterAnimationEndListener.mockReset();
+    await step('Decrementing the value and watching the events', async () => {
+        for await (const [index, value] of list.slice().reverse().entries()) {
+            setBy(counter, 'value', value);
+            await waitFor(() => expect(timeredCounterAnimationStartListener).toHaveBeenCalledTimes(index), { timeout: (args.animationOptions.duration ?? 100) + 1000 });
+            await waitFor(() => expect(timeredCounterAnimationEndListener).toHaveBeenCalledTimes(index), { timeout: (args.animationOptions.duration ?? 100) + 1000 });
+            await equal(counter, counter.value, value);
+        }
+    });
+    timeredCounterAnimationStartListener.mockReset();
+    timeredCounterAnimationEndListener.mockReset();
+    counter.removeEventListener('timered-counter-animation-start', timeredCounterAnimationStartListener);
+    counter.removeEventListener('timered-counter-animation-end', timeredCounterAnimationEndListener);
+}
+//# sourceMappingURL=animation-events.js.map

package/dist/stories/story-parts/animation-events.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"animation-events.js","sourceRoot":"","sources":["../../../stories/story-parts/animation-events.ts"],"names":[],"mappings":"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","sourcesContent":["import { StoryObj } from '@storybook/web-components';\nimport { expect, fn, waitFor } from '@storybook/test';\nimport { range } from 'remeda';\nimport { TimeredCounter } from '../../src/index.js';\nimport { equal as _equal, NoUndefinedField, sleep } from '../utils/index.js';\n\nexport async function animationEvents<T, TC extends TimeredCounter>(\n  context: Parameters<NoUndefinedField<StoryObj>['play']>[0],\n  {\n    counter,\n    list = range(0, 5).map(v => v * 10) as T[],\n    setBy,\n    equal = _equal,\n  }: {\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  },\n) {\n  const { step, args } = context;\n\n  setBy(counter, 'value', list[0]);\n  await sleep((args.animationOptions.duration ?? 100) + 10);\n\n  const timeredCounterAnimationStartListener = fn();\n  const timeredCounterAnimationEndListener = fn();\n  counter.addEventListener(\n    'timered-counter-animation-start',\n    timeredCounterAnimationStartListener,\n  );\n  counter.addEventListener(\n    'timered-counter-animation-end',\n    timeredCounterAnimationEndListener,\n  );\n\n  await step('Incrementing the value and watching the events', async () => {\n    for await (const [index, value] of list.entries()) {\n      setBy(counter, 'value', value);\n\n      await waitFor(\n        () =>\n          expect(timeredCounterAnimationStartListener).toHaveBeenCalledTimes(\n            index,\n          ),\n        { timeout: (args.animationOptions.duration ?? 100) + 1000 },\n      );\n      await waitFor(\n        () =>\n          expect(timeredCounterAnimationEndListener).toHaveBeenCalledTimes(\n            index,\n          ),\n        { timeout: (args.animationOptions.duration ?? 100) + 1000 },\n      );\n\n      await equal(counter, counter.value, value);\n    }\n  });\n  timeredCounterAnimationStartListener.mockReset();\n  timeredCounterAnimationEndListener.mockReset();\n\n  await step('Decrementing the value and watching the events', async () => {\n    for await (const [index, value] of list.slice().reverse().entries()) {\n      setBy(counter, 'value', value);\n\n      await waitFor(\n        () =>\n          expect(timeredCounterAnimationStartListener).toHaveBeenCalledTimes(\n            index,\n          ),\n        { timeout: (args.animationOptions.duration ?? 100) + 1000 },\n      );\n      await waitFor(\n        () =>\n          expect(timeredCounterAnimationEndListener).toHaveBeenCalledTimes(\n            index,\n          ),\n        { timeout: (args.animationOptions.duration ?? 100) + 1000 },\n      );\n\n      await equal(counter, counter.value, value);\n    }\n  });\n  timeredCounterAnimationStartListener.mockReset();\n  timeredCounterAnimationEndListener.mockReset();\n\n  counter.removeEventListener(\n    'timered-counter-animation-start',\n    timeredCounterAnimationStartListener,\n  );\n  counter.removeEventListener(\n    'timered-counter-animation-end',\n    timeredCounterAnimationEndListener,\n  );\n}\n"]}

package/dist/stories/story-parts/animation-options.d.ts

@@ -0,0 +1,8 @@
+import { StoryObj } from '@storybook/web-components';
+import { TimeredCounter } from '../../src/index.js';
+import { NoUndefinedField } from '../utils/index.js';
+export declare function animationOptions<T, TC extends TimeredCounter>(context: Parameters<NoUndefinedField<StoryObj>['play']>[0], { counter, list, setBy, }: {
+    counter: TC;
+    list?: T[];
+    setBy: (counter: TC, key: string, value: T) => void;
+}): Promise<void>;

package/dist/stories/story-parts/animation-options.js

@@ -0,0 +1,25 @@
+import { expect, fn, waitFor } from '@storybook/test';
+export async function animationOptions(context, { counter, list = [114514], setBy, }) {
+    const { step, args } = context;
+    const timeredCounterAnimationEndListener = fn();
+    counter.addEventListener('timered-counter-animation-end', timeredCounterAnimationEndListener);
+    await step('Delaying each part by 100ms', async () => {
+        counter.animationOptionsDynamic = ({ preprocessData }) => {
+            let count = 0;
+            return preprocessData.map(part => part.map(() => ({
+                delay: count++ * (args.animationOptions.duration ?? 100),
+            })));
+        };
+        setBy(counter, 'value', list[0]);
+        // 等待 parts 更新
+        await Promise.resolve();
+        await waitFor(() => expect(timeredCounterAnimationEndListener).toHaveBeenCalledTimes(1), {
+            timeout: (counter.parts.map(({ digits }) => digits).flat().length + 1) *
+                (args.animationOptions.duration ?? 100),
+        });
+        counter.animationOptionsDynamic = undefined;
+    });
+    timeredCounterAnimationEndListener.mockReset();
+    counter.removeEventListener('timered-counter-animation-end', timeredCounterAnimationEndListener);
+}
+//# sourceMappingURL=animation-options.js.map

package/dist/stories/story-parts/animation-options.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"animation-options.js","sourceRoot":"","sources":["../../../stories/story-parts/animation-options.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,EAAE,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAItD,MAAM,CAAC,KAAK,UAAU,gBAAgB,CACpC,OAA0D,EAC1D,EACE,OAAO,EACP,IAAI,GAAG,CAAC,MAAM,CAAQ,EACtB,KAAK,GAKN;IAED,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,OAAO,CAAC;IAE/B,MAAM,kCAAkC,GAAG,EAAE,EAAE,CAAC;IAChD,OAAO,CAAC,gBAAgB,CACtB,+BAA+B,EAC/B,kCAAkC,CACnC,CAAC;IAEF,MAAM,IAAI,CAAC,6BAA6B,EAAE,KAAK,IAAI,EAAE;QACnD,OAAO,CAAC,uBAAuB,GAAG,CAAC,EAAE,cAAc,EAAE,EAAE,EAAE;YACvD,IAAI,KAAK,GAAG,CAAC,CAAC;YACd,OAAO,cAAc,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAC/B,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,CAAC,CAAC;gBACd,KAAK,EAAE,KAAK,EAAE,GAAG,CAAC,IAAI,CAAC,gBAAgB,CAAC,QAAQ,IAAI,GAAG,CAAC;aACzD,CAAC,CAAC,CACJ,CAAC;QACJ,CAAC,CAAC;QAEF,KAAK,CAAC,OAAO,EAAE,OAAO,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC;QAEjC,cAAc;QACd,MAAM,OAAO,CAAC,OAAO,EAAE,CAAC;QAExB,MAAM,OAAO,CACX,GAAG,EAAE,CAAC,MAAM,CAAC,kCAAkC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,EACzE;YACE,OAAO,EACL,CAAC,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,CAAC,MAAM,GAAG,CAAC,CAAC;gBAC7D,CAAC,IAAI,CAAC,gBAAgB,CAAC,QAAQ,IAAI,GAAG,CAAC;SAC1C,CACF,CAAC;QAEF,OAAO,CAAC,uBAAuB,GAAG,SAAS,CAAC;IAC9C,CAAC,CAAC,CAAC;IACH,kCAAkC,CAAC,SAAS,EAAE,CAAC;IAE/C,OAAO,CAAC,mBAAmB,CACzB,+BAA+B,EAC/B,kCAAkC,CACnC,CAAC;AACJ,CAAC","sourcesContent":["import { StoryObj } from '@storybook/web-components';\nimport { expect, fn, waitFor } from '@storybook/test';\nimport { TimeredCounter } from '../../src/index.js';\nimport { NoUndefinedField } from '../utils/index.js';\n\nexport async function animationOptions<T, TC extends TimeredCounter>(\n  context: Parameters<NoUndefinedField<StoryObj>['play']>[0],\n  {\n    counter,\n    list = [114514] as T[],\n    setBy,\n  }: {\n    counter: TC;\n    list?: T[];\n    setBy: (counter: TC, key: string, value: T) => void;\n  },\n) {\n  const { step, args } = context;\n\n  const timeredCounterAnimationEndListener = fn();\n  counter.addEventListener(\n    'timered-counter-animation-end',\n    timeredCounterAnimationEndListener,\n  );\n\n  await step('Delaying each part by 100ms', async () => {\n    counter.animationOptionsDynamic = ({ preprocessData }) => {\n      let count = 0;\n      return preprocessData.map(part =>\n        part.map(() => ({\n          delay: count++ * (args.animationOptions.duration ?? 100),\n        })),\n      );\n    };\n\n    setBy(counter, 'value', list[0]);\n\n    // 等待 parts 更新\n    await Promise.resolve();\n\n    await waitFor(\n      () => expect(timeredCounterAnimationEndListener).toHaveBeenCalledTimes(1),\n      {\n        timeout:\n          (counter.parts.map(({ digits }) => digits).flat().length + 1) *\n          (args.animationOptions.duration ?? 100),\n      },\n    );\n\n    counter.animationOptionsDynamic = undefined;\n  });\n  timeredCounterAnimationEndListener.mockReset();\n\n  counter.removeEventListener(\n    'timered-counter-animation-end',\n    timeredCounterAnimationEndListener,\n  );\n}\n"]}

package/dist/stories/story-parts/big-number.d.ts

@@ -0,0 +1,8 @@
+import { StoryObj } from '@storybook/web-components';
+import { TimeredCounter } from '../../src/index.js';
+import { NoUndefinedField } from '../utils/index.js';
+export declare function bigNumber<TC extends TimeredCounter>(context: Parameters<NoUndefinedField<StoryObj>['play']>[0], { counter, setBy, equal, }: {
+    counter: TC;
+    setBy: (counter: TC, key: string, value: string) => void;
+    equal?: (counter: TimeredCounter, a: any, b: any) => Promise<void>;
+}): Promise<void>;