timered-counter 1.2.0 → 1.3.0-beta.1

package/dist/src/wrappers/vue/index.d.ts

@@ -0,0 +1,14 @@
+import type { Plugin } from 'vue';
+import { TimeredCounterNumber } from './timered-counter-number.js';
+import { TimeredCounterDatetimeDuration } from './timered-counter-datetime-duration.js';
+import { TimeredCounterString } from './timered-counter-string.js';
+declare const TimeredCounterPlugin: Plugin;
+export { TimeredCounterNumber, TimeredCounterString, TimeredCounterDatetimeDuration, };
+export default TimeredCounterPlugin;
+declare module 'vue' {
+    interface GlobalComponents {
+        TimeredCounterNumber: typeof import('timered-counter/vue').TimeredCounterNumber;
+        TimeredCounterDatetimeDuration: typeof import('timered-counter/vue').TimeredCounterDatetimeDuration;
+        TimeredCounterString: typeof import('timered-counter/vue').TimeredCounterString;
+    }
+}

package/dist/src/wrappers/vue/index.js

@@ -0,0 +1,13 @@
+import { TimeredCounterNumber } from './timered-counter-number.js';
+import { TimeredCounterDatetimeDuration } from './timered-counter-datetime-duration.js';
+import { TimeredCounterString } from './timered-counter-string.js';
+const TimeredCounterPlugin = {
+    install: (app) => {
+        app.component('TimeredCounterNumber', TimeredCounterNumber);
+        app.component('TimeredCounterDatetimeDuration', TimeredCounterDatetimeDuration);
+        app.component('TimeredCounterString', TimeredCounterString);
+    },
+};
+export { TimeredCounterNumber, TimeredCounterString, TimeredCounterDatetimeDuration, };
+export default TimeredCounterPlugin;
+//# sourceMappingURL=index.js.map

package/dist/src/wrappers/vue/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/wrappers/vue/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AACnE,OAAO,EAAE,8BAA8B,EAAE,MAAM,wCAAwC,CAAC;AACxF,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AAEnE,MAAM,oBAAoB,GAAW;IACnC,OAAO,EAAE,CAAC,GAAQ,EAAE,EAAE;QACpB,GAAG,CAAC,SAAS,CAAC,sBAAsB,EAAE,oBAAoB,CAAC,CAAC;QAC5D,GAAG,CAAC,SAAS,CACX,gCAAgC,EAChC,8BAA8B,CAC/B,CAAC;QACF,GAAG,CAAC,SAAS,CAAC,sBAAsB,EAAE,oBAAoB,CAAC,CAAC;IAC9D,CAAC;CACF,CAAC;AAEF,OAAO,EACL,oBAAoB,EACpB,oBAAoB,EACpB,8BAA8B,GAC/B,CAAC;AAEF,eAAe,oBAAoB,CAAC","sourcesContent":["import type { App, Plugin } from 'vue';\nimport { TimeredCounterNumber } from './timered-counter-number.js';\nimport { TimeredCounterDatetimeDuration } from './timered-counter-datetime-duration.js';\nimport { TimeredCounterString } from './timered-counter-string.js';\n\nconst TimeredCounterPlugin: Plugin = {\n  install: (app: App) => {\n    app.component('TimeredCounterNumber', TimeredCounterNumber);\n    app.component(\n      'TimeredCounterDatetimeDuration',\n      TimeredCounterDatetimeDuration,\n    );\n    app.component('TimeredCounterString', TimeredCounterString);\n  },\n};\n\nexport {\n  TimeredCounterNumber,\n  TimeredCounterString,\n  TimeredCounterDatetimeDuration,\n};\n\nexport default TimeredCounterPlugin;\n\ndeclare module 'vue' {\n  interface GlobalComponents {\n    TimeredCounterNumber: typeof import('timered-counter/vue').TimeredCounterNumber;\n    TimeredCounterDatetimeDuration: typeof import('timered-counter/vue').TimeredCounterDatetimeDuration;\n    TimeredCounterString: typeof import('timered-counter/vue').TimeredCounterString;\n  }\n}\n"]}

package/dist/src/wrappers/vue/timered-counter-datetime-duration.d.ts

@@ -0,0 +1,14 @@
+import { FunctionalComponent } from 'vue';
+import type { TimeredCounterDatetimeDuration as WCTimeredCounterDatetimeDuration } from '../../timered-counter-datetime-duration.js';
+import '../../timered-counter-datetime-duration.js';
+type ComponentProps = Pick<WCTimeredCounterDatetimeDuration, 'precision' | 'animationOptions' | 'keyframes' | 'cellStyles' | 'digitStyles' | 'partStyles' | 'color' | 'partsOptions' | 'value' | 'oldValue' | 'initialValue' | 'locale'>;
+type Events = {
+    'timeredCounterAnimationStart'(): void;
+    'timeredCounterAnimationEnd'(): void;
+};
+type Slots = {
+    prefix: () => any;
+    suffix: () => any;
+};
+export declare const TimeredCounterDatetimeDuration: FunctionalComponent<ComponentProps, Events, Partial<Slots>>;
+export {};

package/dist/src/wrappers/vue/timered-counter-datetime-duration.js

@@ -0,0 +1,39 @@
+import { h } from 'vue';
+import { isNonNullish } from 'remeda';
+import '../../timered-counter-datetime-duration.js';
+import { formatProps } from './format-props.js';
+export const TimeredCounterDatetimeDuration = (props, { attrs, slots, emit }) => {
+    const { prefix, suffix } = slots;
+    return h('timered-counter-datetime-duration', {
+        ...attrs,
+        ...formatProps(props),
+        onTimeredCounterAnimationStart: () => emit('timeredCounterAnimationStart'),
+        onTimeredCounterAnimationEnd: () => emit('timeredCounterAnimationEnd'),
+    }, [
+        isNonNullish(prefix)
+            ? h('slot', { slot: 'prefix' }, prefix())
+            : undefined,
+        isNonNullish(suffix)
+            ? h('slot', { slot: 'suffix' }, suffix())
+            : undefined,
+    ]);
+};
+TimeredCounterDatetimeDuration.props = [
+    'precision',
+    'animationOptions',
+    'keyframes',
+    'cellStyles',
+    'digitStyles',
+    'partStyles',
+    'color',
+    'partsOptions',
+    'value',
+    'oldValue',
+    'initialValue',
+    'locale',
+];
+TimeredCounterDatetimeDuration.emits = [
+    'timeredCounterAnimationStart',
+    'timeredCounterAnimationEnd',
+];
+//# sourceMappingURL=timered-counter-datetime-duration.js.map

package/dist/src/wrappers/vue/timered-counter-datetime-duration.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"timered-counter-datetime-duration.js","sourceRoot":"","sources":["../../../../src/wrappers/vue/timered-counter-datetime-duration.ts"],"names":[],"mappings":"AAAA,OAAO,EAAuB,CAAC,EAAE,MAAM,KAAK,CAAC;AAC7C,OAAO,EAAE,YAAY,EAAE,MAAM,QAAQ,CAAC;AAEtC,OAAO,4CAA4C,CAAC;AACpD,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AA4BhD,MAAM,CAAC,MAAM,8BAA8B,GAIvC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,EAAE;IACpC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC;IAEjC,OAAO,CAAC,CACN,mCAAmC,EACnC;QACE,GAAG,KAAK;QACR,GAAG,WAAW,CAAC,KAAK,CAAC;QACrB,8BAA8B,EAAE,GAAG,EAAE,CACnC,IAAI,CAAC,8BAA8B,CAAC;QACtC,4BAA4B,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,4BAA4B,CAAC;KACvE,EACD;QACE,YAAY,CAAC,MAAM,CAAC;YAClB,CAAC,CAAC,CAAC,CAAC,MAAM,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,MAAM,EAAE,CAAC;YACzC,CAAC,CAAC,SAAS;QACb,YAAY,CAAC,MAAM,CAAC;YAClB,CAAC,CAAC,CAAC,CAAC,MAAM,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,MAAM,EAAE,CAAC;YACzC,CAAC,CAAC,SAAS;KACd,CACF,CAAC;AACJ,CAAC,CAAC;AAEF,8BAA8B,CAAC,KAAK,GAAG;IACrC,WAAW;IACX,kBAAkB;IAClB,WAAW;IACX,YAAY;IACZ,aAAa;IACb,YAAY;IACZ,OAAO;IACP,cAAc;IACd,OAAO;IACP,UAAU;IACV,cAAc;IACd,QAAQ;CACT,CAAC;AAEF,8BAA8B,CAAC,KAAK,GAAG;IACrC,8BAA8B;IAC9B,4BAA4B;CAC7B,CAAC","sourcesContent":["import { FunctionalComponent, h } from 'vue';\nimport { isNonNullish } from 'remeda';\nimport type { TimeredCounterDatetimeDuration as WCTimeredCounterDatetimeDuration } from '../../timered-counter-datetime-duration.js';\nimport '../../timered-counter-datetime-duration.js';\nimport { formatProps } from './format-props.js';\n\ntype ComponentProps = Pick<\n  WCTimeredCounterDatetimeDuration,\n  | 'precision'\n  | 'animationOptions'\n  | 'keyframes'\n  | 'cellStyles'\n  | 'digitStyles'\n  | 'partStyles'\n  | 'color'\n  | 'partsOptions'\n  | 'value'\n  | 'oldValue'\n  | 'initialValue'\n  | 'locale'\n>;\n\ntype Events = {\n  'timeredCounterAnimationStart'(): void;\n  'timeredCounterAnimationEnd'(): void;\n};\n\ntype Slots = {\n  prefix: () => any;\n  suffix: () => any;\n};\n\nexport const TimeredCounterDatetimeDuration: FunctionalComponent<\n  ComponentProps,\n  Events,\n  Partial<Slots>\n> = (props, { attrs, slots, emit }) => {\n  const { prefix, suffix } = slots;\n\n  return h(\n    'timered-counter-datetime-duration',\n    {\n      ...attrs,\n      ...formatProps(props),\n      onTimeredCounterAnimationStart: () =>\n        emit('timeredCounterAnimationStart'),\n      onTimeredCounterAnimationEnd: () => emit('timeredCounterAnimationEnd'),\n    },\n    [\n      isNonNullish(prefix)\n        ? h('slot', { slot: 'prefix' }, prefix())\n        : undefined,\n      isNonNullish(suffix)\n        ? h('slot', { slot: 'suffix' }, suffix())\n        : undefined,\n    ],\n  );\n};\n\nTimeredCounterDatetimeDuration.props = [\n  'precision',\n  'animationOptions',\n  'keyframes',\n  'cellStyles',\n  'digitStyles',\n  'partStyles',\n  'color',\n  'partsOptions',\n  'value',\n  'oldValue',\n  'initialValue',\n  'locale',\n];\n\nTimeredCounterDatetimeDuration.emits = [\n  'timeredCounterAnimationStart',\n  'timeredCounterAnimationEnd',\n];\n"]}

package/dist/src/wrappers/vue/timered-counter-number.d.ts

@@ -0,0 +1,14 @@
+import { FunctionalComponent, Slot } from 'vue';
+import type { TimeredCounterNumber as WCTimeredCounterNumber } from '../../timered-counter-number.js';
+import '../../timered-counter-number.js';
+type ComponentProps = Pick<WCTimeredCounterNumber, 'localeNumber' | 'animationOptions' | 'keyframes' | 'cellStyles' | 'digitStyles' | 'partStyles' | 'color' | 'partsOptions' | 'value' | 'oldValue' | 'initialValue' | 'locale'>;
+type Events = {
+    'timeredCounterAnimationStart'(): void;
+    'timeredCounterAnimationEnd'(): void;
+};
+type Slots = {
+    prefix: Slot;
+    suffix: Slot;
+};
+export declare const TimeredCounterNumber: FunctionalComponent<ComponentProps, Events, Partial<Slots>>;
+export {};

package/dist/src/wrappers/vue/timered-counter-number.js

@@ -0,0 +1,39 @@
+import { h } from 'vue';
+import { isNonNullish } from 'remeda';
+import '../../timered-counter-number.js';
+import { formatProps } from './format-props.js';
+export const TimeredCounterNumber = (props, { attrs, slots, emit }) => {
+    const { prefix, suffix } = slots;
+    return h('timered-counter-number', {
+        ...attrs,
+        ...formatProps(props),
+        onTimeredCounterAnimationStart: () => emit('timeredCounterAnimationStart'),
+        onTimeredCounterAnimationEnd: () => emit('timeredCounterAnimationEnd'),
+    }, [
+        isNonNullish(prefix)
+            ? h('slot', { slot: 'prefix' }, prefix())
+            : undefined,
+        isNonNullish(suffix)
+            ? h('slot', { slot: 'suffix' }, suffix())
+            : undefined,
+    ]);
+};
+TimeredCounterNumber.props = [
+    'localeNumber',
+    'animationOptions',
+    'keyframes',
+    'cellStyles',
+    'digitStyles',
+    'partStyles',
+    'color',
+    'partsOptions',
+    'value',
+    'oldValue',
+    'initialValue',
+    'locale',
+];
+TimeredCounterNumber.emits = [
+    'timeredCounterAnimationStart',
+    'timeredCounterAnimationEnd',
+];
+//# sourceMappingURL=timered-counter-number.js.map

package/dist/src/wrappers/vue/timered-counter-number.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"timered-counter-number.js","sourceRoot":"","sources":["../../../../src/wrappers/vue/timered-counter-number.ts"],"names":[],"mappings":"AAAA,OAAO,EAAuB,CAAC,EAAQ,MAAM,KAAK,CAAC;AACnD,OAAO,EAAE,YAAY,EAAE,MAAM,QAAQ,CAAC;AAEtC,OAAO,iCAAiC,CAAC;AACzC,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AA4BhD,MAAM,CAAC,MAAM,oBAAoB,GAI7B,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,EAAE;IACpC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC;IAEjC,OAAO,CAAC,CACN,wBAAwB,EACxB;QACE,GAAG,KAAK;QACR,GAAG,WAAW,CAAC,KAAK,CAAC;QACrB,8BAA8B,EAAE,GAAG,EAAE,CACnC,IAAI,CAAC,8BAA8B,CAAC;QACtC,4BAA4B,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,4BAA4B,CAAC;KACvE,EACD;QACE,YAAY,CAAC,MAAM,CAAC;YAClB,CAAC,CAAC,CAAC,CAAC,MAAM,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,MAAM,EAAE,CAAC;YACzC,CAAC,CAAC,SAAS;QACb,YAAY,CAAC,MAAM,CAAC;YAClB,CAAC,CAAC,CAAC,CAAC,MAAM,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,MAAM,EAAE,CAAC;YACzC,CAAC,CAAC,SAAS;KACd,CACF,CAAC;AACJ,CAAC,CAAC;AAEF,oBAAoB,CAAC,KAAK,GAAG;IAC3B,cAAc;IACd,kBAAkB;IAClB,WAAW;IACX,YAAY;IACZ,aAAa;IACb,YAAY;IACZ,OAAO;IACP,cAAc;IACd,OAAO;IACP,UAAU;IACV,cAAc;IACd,QAAQ;CACT,CAAC;AAEF,oBAAoB,CAAC,KAAK,GAAG;IAC3B,8BAA8B;IAC9B,4BAA4B;CAC7B,CAAC","sourcesContent":["import { FunctionalComponent, h, Slot } from 'vue';\nimport { isNonNullish } from 'remeda';\nimport type { TimeredCounterNumber as WCTimeredCounterNumber } from '../../timered-counter-number.js';\nimport '../../timered-counter-number.js';\nimport { formatProps } from './format-props.js';\n\ntype ComponentProps = Pick<\n  WCTimeredCounterNumber,\n  | 'localeNumber'\n  | 'animationOptions'\n  | 'keyframes'\n  | 'cellStyles'\n  | 'digitStyles'\n  | 'partStyles'\n  | 'color'\n  | 'partsOptions'\n  | 'value'\n  | 'oldValue'\n  | 'initialValue'\n  | 'locale'\n>;\n\ntype Events = {\n  'timeredCounterAnimationStart'(): void;\n  'timeredCounterAnimationEnd'(): void;\n};\n\ntype Slots = {\n  prefix: Slot;\n  suffix: Slot;\n};\n\nexport const TimeredCounterNumber: FunctionalComponent<\n  ComponentProps,\n  Events,\n  Partial<Slots>\n> = (props, { attrs, slots, emit }) => {\n  const { prefix, suffix } = slots;\n\n  return h(\n    'timered-counter-number',\n    {\n      ...attrs,\n      ...formatProps(props),\n      onTimeredCounterAnimationStart: () =>\n        emit('timeredCounterAnimationStart'),\n      onTimeredCounterAnimationEnd: () => emit('timeredCounterAnimationEnd'),\n    },\n    [\n      isNonNullish(prefix)\n        ? h('slot', { slot: 'prefix' }, prefix())\n        : undefined,\n      isNonNullish(suffix)\n        ? h('slot', { slot: 'suffix' }, suffix())\n        : undefined,\n    ],\n  );\n};\n\nTimeredCounterNumber.props = [\n  'localeNumber',\n  'animationOptions',\n  'keyframes',\n  'cellStyles',\n  'digitStyles',\n  'partStyles',\n  'color',\n  'partsOptions',\n  'value',\n  'oldValue',\n  'initialValue',\n  'locale',\n];\n\nTimeredCounterNumber.emits = [\n  'timeredCounterAnimationStart',\n  'timeredCounterAnimationEnd',\n];\n"]}

package/dist/src/wrappers/vue/timered-counter-string.d.ts

@@ -0,0 +1,14 @@
+import { FunctionalComponent } from 'vue';
+import type { TimeredCounterString as WCTimeredCounterString } from '../../timered-counter-string.js';
+import '../../timered-counter-string.js';
+type ComponentProps = Pick<WCTimeredCounterString, 'animationOptions' | 'keyframes' | 'cellStyles' | 'digitStyles' | 'partStyles' | 'color' | 'partsOptions' | 'value' | 'oldValue' | 'initialValue' | 'locale'>;
+type Events = {
+    'timeredCounterAnimationStart'(): void;
+    'timeredCounterAnimationEnd'(): void;
+};
+type Slots = {
+    prefix: () => any;
+    suffix: () => any;
+};
+export declare const TimeredCounterString: FunctionalComponent<ComponentProps, Events, Partial<Slots>>;
+export {};

package/dist/src/wrappers/vue/timered-counter-string.js

@@ -0,0 +1,38 @@
+import { h } from 'vue';
+import { isNonNullish } from 'remeda';
+import '../../timered-counter-string.js';
+import { formatProps } from './format-props.js';
+export const TimeredCounterString = (props, { attrs, slots, emit }) => {
+    const { prefix, suffix } = slots;
+    return h('timered-counter-string', {
+        ...attrs,
+        ...formatProps(props),
+        onTimeredCounterAnimationStart: () => emit('timeredCounterAnimationStart'),
+        onTimeredCounterAnimationEnd: () => emit('timeredCounterAnimationEnd'),
+    }, [
+        isNonNullish(prefix)
+            ? h('slot', { slot: 'prefix' }, prefix())
+            : undefined,
+        isNonNullish(suffix)
+            ? h('slot', { slot: 'suffix' }, suffix())
+            : undefined,
+    ]);
+};
+TimeredCounterString.props = [
+    'animationOptions',
+    'keyframes',
+    'cellStyles',
+    'digitStyles',
+    'partStyles',
+    'color',
+    'partsOptions',
+    'value',
+    'oldValue',
+    'initialValue',
+    'locale',
+];
+TimeredCounterString.emits = [
+    'timeredCounterAnimationStart',
+    'timeredCounterAnimationEnd',
+];
+//# sourceMappingURL=timered-counter-string.js.map

package/dist/src/wrappers/vue/timered-counter-string.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"timered-counter-string.js","sourceRoot":"","sources":["../../../../src/wrappers/vue/timered-counter-string.ts"],"names":[],"mappings":"AAAA,OAAO,EAAuB,CAAC,EAAE,MAAM,KAAK,CAAC;AAC7C,OAAO,EAAE,YAAY,EAAE,MAAM,QAAQ,CAAC;AAEtC,OAAO,iCAAiC,CAAC;AACzC,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AA2BhD,MAAM,CAAC,MAAM,oBAAoB,GAI7B,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,EAAE;IACpC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC;IAEjC,OAAO,CAAC,CACN,wBAAwB,EACxB;QACE,GAAG,KAAK;QACR,GAAG,WAAW,CAAC,KAAK,CAAC;QACrB,8BAA8B,EAAE,GAAG,EAAE,CACnC,IAAI,CAAC,8BAA8B,CAAC;QACtC,4BAA4B,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,4BAA4B,CAAC;KACvE,EACD;QACE,YAAY,CAAC,MAAM,CAAC;YAClB,CAAC,CAAC,CAAC,CAAC,MAAM,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,MAAM,EAAE,CAAC;YACzC,CAAC,CAAC,SAAS;QACb,YAAY,CAAC,MAAM,CAAC;YAClB,CAAC,CAAC,CAAC,CAAC,MAAM,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,MAAM,EAAE,CAAC;YACzC,CAAC,CAAC,SAAS;KACd,CACF,CAAC;AACJ,CAAC,CAAC;AAEF,oBAAoB,CAAC,KAAK,GAAG;IAC3B,kBAAkB;IAClB,WAAW;IACX,YAAY;IACZ,aAAa;IACb,YAAY;IACZ,OAAO;IACP,cAAc;IACd,OAAO;IACP,UAAU;IACV,cAAc;IACd,QAAQ;CACT,CAAC;AAEF,oBAAoB,CAAC,KAAK,GAAG;IAC3B,8BAA8B;IAC9B,4BAA4B;CAC7B,CAAC","sourcesContent":["import { FunctionalComponent, h } from 'vue';\nimport { isNonNullish } from 'remeda';\nimport type { TimeredCounterString as WCTimeredCounterString } from '../../timered-counter-string.js';\nimport '../../timered-counter-string.js';\nimport { formatProps } from './format-props.js';\n\ntype ComponentProps = Pick<\n  WCTimeredCounterString,\n  | 'animationOptions'\n  | 'keyframes'\n  | 'cellStyles'\n  | 'digitStyles'\n  | 'partStyles'\n  | 'color'\n  | 'partsOptions'\n  | 'value'\n  | 'oldValue'\n  | 'initialValue'\n  | 'locale'\n>;\n\ntype Events = {\n  'timeredCounterAnimationStart'(): void;\n  'timeredCounterAnimationEnd'(): void;\n};\n\ntype Slots = {\n  prefix: () => any;\n  suffix: () => any;\n};\n\nexport const TimeredCounterString: FunctionalComponent<\n  ComponentProps,\n  Events,\n  Partial<Slots>\n> = (props, { attrs, slots, emit }) => {\n  const { prefix, suffix } = slots;\n\n  return h(\n    'timered-counter-string',\n    {\n      ...attrs,\n      ...formatProps(props),\n      onTimeredCounterAnimationStart: () =>\n        emit('timeredCounterAnimationStart'),\n      onTimeredCounterAnimationEnd: () => emit('timeredCounterAnimationEnd'),\n    },\n    [\n      isNonNullish(prefix)\n        ? h('slot', { slot: 'prefix' }, prefix())\n        : undefined,\n      isNonNullish(suffix)\n        ? h('slot', { slot: 'suffix' }, suffix())\n        : undefined,\n    ],\n  );\n};\n\nTimeredCounterString.props = [\n  'animationOptions',\n  'keyframes',\n  'cellStyles',\n  'digitStyles',\n  'partStyles',\n  'color',\n  'partsOptions',\n  'value',\n  'oldValue',\n  'initialValue',\n  'locale',\n];\n\nTimeredCounterString.emits = [\n  'timeredCounterAnimationStart',\n  'timeredCounterAnimationEnd',\n];\n"]}

package/dist/stories/timered-counter/decimaljs.stories.js

@@ -13,7 +13,7 @@ const meta = {
         controls: { expanded: true },
     },
     beforeEach: () => {
-        TimeredCounterAdapter.registryAdapter(DecimalJsNumberAdapter);
+        TimeredCounterAdapter.registerAdapter(DecimalJsNumberAdapter);
         TimeredCounterAdapter.setNumberAdapter('decimal.js');
     },
 };

package/dist/stories/timered-counter/decimaljs.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"decimaljs.stories.js","sourceRoot":"","sources":["../../../stories/timered-counter/decimaljs.stories.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,yBAAyB,GAE1B,MAAM,2BAA2B,CAAC;AACnC,OAAO,sBAAsB,MAAM,4BAA4B,CAAC,OAAO,IAAI,EAAE,MAAM,EAAE,CAAC;AACtF,OAAO,EAAE,qBAAqB,EAAuB,MAAM,oBAAoB,CAAC;AAChF,OAAO,sBAAsB,MAAM,wCAAwC,CAAC;AAC5E,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAEzD,yBAAyB,CAAC,sBAAsB,CAAC,CAAC;AAElD,MAAM,IAAI,GAAS;IACjB,KAAK,EAAE,gCAAgC;IACvC,SAAS,EAAE,iBAAiB;IAC5B,IAAI,EAAE,CAAC,UAAU,EAAE,iBAAiB,CAAC;IACrC,UAAU,EAAE;QACV,QAAQ,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE;KAC7B;IACD,UAAU,EAAE,GAAG,EAAE;QACf,qBAAqB,CAAC,eAAe,CAAC,sBAAsB,CAAC,CAAC;QAC9D,qBAAqB,CAAC,gBAAgB,CAAC,YAAY,CAAC,CAAC;IACvD,CAAC;CACF,CAAC;AACF,eAAe,IAAI,CAAC;AAEpB,OAAO,EACL,KAAK,EACL,MAAM,EACN,gBAAgB,EAChB,KAAK,EACL,MAAM,GACP,MAAM,oBAAoB,CAAC;AAE5B,MAAM,CAAC,MAAM,SAAS,GAA6B;IACjD,IAAI,EAAE;QACJ,SAAS,EAAE,aAAa;QACxB,gBAAgB,EAAE;YAChB,QAAQ,EAAE,GAAG;SACd;KACF;IACD,KAAK,CAAC,IAAI,CAAC,OAAO;QAChB,MAAM,EAAE,aAAa,EAAE,IAAI,EAAE,GAAG,OAAO,CAAC;QACxC,MAAM,OAAO,GAAG,aAAa,CAAC,aAAa,CACzC,cAAc,CACG,CAAC;QAEpB,MAAM,IAAI,CAAC,wBAAwB,EAAE,KAAK,IAAI,EAAE,CAC9C,SAAS,CAAC,OAAO,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,CAClD,CAAC;QAEF,MAAM,IAAI,CAAC,uBAAuB,EAAE,KAAK,IAAI,EAAE,CAC7C,SAAS,CAAC,OAAO,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,CAClD,CAAC;IACJ,CAAC;CACF,CAAC","sourcesContent":["import {\n  Meta,\n  setCustomElementsManifest,\n  StoryObj,\n} from '@storybook/web-components';\nimport customElementsManifest from '../../custom-elements.json' with { type: 'json' };\nimport { TimeredCounterAdapter, type TimeredCounter } from '../../src/index.js';\nimport DecimalJsNumberAdapter from '../../src/number-adapter/decimal-js.js';\nimport { bigNumber } from '../story-parts/big-number.js';\nimport { setByAttr, setByProp } from '../utils/index.js';\n\nsetCustomElementsManifest(customElementsManifest);\n\nconst meta: Meta = {\n  title: 'TimeredCounter/with decimal.js',\n  component: 'timered-counter',\n  tags: ['autodocs', 'timered-counter'],\n  parameters: {\n    controls: { expanded: true },\n  },\n  beforeEach: () => {\n    TimeredCounterAdapter.registryAdapter(DecimalJsNumberAdapter);\n    TimeredCounterAdapter.setNumberAdapter('decimal.js');\n  },\n};\nexport default meta;\n\nexport {\n  Basic,\n  Events,\n  AnimationOptions,\n  Slots,\n  Styles,\n} from './index.stories.js';\n\nexport const BigNumber: StoryObj<TimeredCounter> = {\n  args: {\n    className: 'test-target',\n    animationOptions: {\n      duration: 100,\n    },\n  },\n  async play(context) {\n    const { canvasElement, step } = context;\n    const counter = canvasElement.querySelector(\n      '.test-target',\n    ) as TimeredCounter;\n\n    await step('Testing with attribute', async () =>\n      bigNumber(context, { counter, setBy: setByAttr }),\n    );\n\n    await step('Testing with property', async () =>\n      bigNumber(context, { counter, setBy: setByProp }),\n    );\n  },\n};\n"]}
+{"version":3,"file":"decimaljs.stories.js","sourceRoot":"","sources":["../../../stories/timered-counter/decimaljs.stories.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,yBAAyB,GAE1B,MAAM,2BAA2B,CAAC;AACnC,OAAO,sBAAsB,MAAM,4BAA4B,CAAC,OAAO,IAAI,EAAE,MAAM,EAAE,CAAC;AACtF,OAAO,EAAE,qBAAqB,EAAuB,MAAM,oBAAoB,CAAC;AAChF,OAAO,sBAAsB,MAAM,wCAAwC,CAAC;AAC5E,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAEzD,yBAAyB,CAAC,sBAAsB,CAAC,CAAC;AAElD,MAAM,IAAI,GAAS;IACjB,KAAK,EAAE,gCAAgC;IACvC,SAAS,EAAE,iBAAiB;IAC5B,IAAI,EAAE,CAAC,UAAU,EAAE,iBAAiB,CAAC;IACrC,UAAU,EAAE;QACV,QAAQ,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE;KAC7B;IACD,UAAU,EAAE,GAAG,EAAE;QACf,qBAAqB,CAAC,eAAe,CAAC,sBAAsB,CAAC,CAAC;QAC9D,qBAAqB,CAAC,gBAAgB,CAAC,YAAY,CAAC,CAAC;IACvD,CAAC;CACF,CAAC;AACF,eAAe,IAAI,CAAC;AAEpB,OAAO,EACL,KAAK,EACL,MAAM,EACN,gBAAgB,EAChB,KAAK,EACL,MAAM,GACP,MAAM,oBAAoB,CAAC;AAE5B,MAAM,CAAC,MAAM,SAAS,GAA6B;IACjD,IAAI,EAAE;QACJ,SAAS,EAAE,aAAa;QACxB,gBAAgB,EAAE;YAChB,QAAQ,EAAE,GAAG;SACd;KACF;IACD,KAAK,CAAC,IAAI,CAAC,OAAO;QAChB,MAAM,EAAE,aAAa,EAAE,IAAI,EAAE,GAAG,OAAO,CAAC;QACxC,MAAM,OAAO,GAAG,aAAa,CAAC,aAAa,CACzC,cAAc,CACG,CAAC;QAEpB,MAAM,IAAI,CAAC,wBAAwB,EAAE,KAAK,IAAI,EAAE,CAC9C,SAAS,CAAC,OAAO,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,CAClD,CAAC;QAEF,MAAM,IAAI,CAAC,uBAAuB,EAAE,KAAK,IAAI,EAAE,CAC7C,SAAS,CAAC,OAAO,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,CAClD,CAAC;IACJ,CAAC;CACF,CAAC","sourcesContent":["import {\n  Meta,\n  setCustomElementsManifest,\n  StoryObj,\n} from '@storybook/web-components';\nimport customElementsManifest from '../../custom-elements.json' with { type: 'json' };\nimport { TimeredCounterAdapter, type TimeredCounter } from '../../src/index.js';\nimport DecimalJsNumberAdapter from '../../src/number-adapter/decimal-js.js';\nimport { bigNumber } from '../story-parts/big-number.js';\nimport { setByAttr, setByProp } from '../utils/index.js';\n\nsetCustomElementsManifest(customElementsManifest);\n\nconst meta: Meta = {\n  title: 'TimeredCounter/with decimal.js',\n  component: 'timered-counter',\n  tags: ['autodocs', 'timered-counter'],\n  parameters: {\n    controls: { expanded: true },\n  },\n  beforeEach: () => {\n    TimeredCounterAdapter.registerAdapter(DecimalJsNumberAdapter);\n    TimeredCounterAdapter.setNumberAdapter('decimal.js');\n  },\n};\nexport default meta;\n\nexport {\n  Basic,\n  Events,\n  AnimationOptions,\n  Slots,\n  Styles,\n} from './index.stories.js';\n\nexport const BigNumber: StoryObj<TimeredCounter> = {\n  args: {\n    className: 'test-target',\n    animationOptions: {\n      duration: 100,\n    },\n  },\n  async play(context) {\n    const { canvasElement, step } = context;\n    const counter = canvasElement.querySelector(\n      '.test-target',\n    ) as TimeredCounter;\n\n    await step('Testing with attribute', async () =>\n      bigNumber(context, { counter, setBy: setByAttr }),\n    );\n\n    await step('Testing with property', async () =>\n      bigNumber(context, { counter, setBy: setByProp }),\n    );\n  },\n};\n"]}

package/dist/stories/timered-counter-number/decimaljs.stories.js

@@ -14,7 +14,7 @@ const meta = {
         controls: { expanded: true },
     },
     beforeEach: () => {
-        TimeredCounterAdapter.registryAdapter(DecimalJsNumberAdapter);
+        TimeredCounterAdapter.registerAdapter(DecimalJsNumberAdapter);
         TimeredCounterAdapter.setNumberAdapter('decimal.js');
     },
 };

package/dist/stories/timered-counter-number/decimaljs.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"decimaljs.stories.js","sourceRoot":"","sources":["../../../stories/timered-counter-number/decimaljs.stories.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,yBAAyB,GAE1B,MAAM,2BAA2B,CAAC;AACnC,OAAO,sBAAsB,MAAM,4BAA4B,CAAC,OAAO,IAAI,EAAE,MAAM,EAAE,CAAC;AACtF,OAAO,EACL,qBAAqB,GAGtB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,sBAAsB,MAAM,wCAAwC,CAAC;AAC5E,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AACzD,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AAEzD,OAAO,EACL,KAAK,EACL,MAAM,EACN,MAAM,EACN,YAAY,EACZ,gBAAgB,GACjB,MAAM,oBAAoB,CAAC;AAE5B,yBAAyB,CAAC,sBAAsB,CAAC,CAAC;AAElD,MAAM,IAAI,GAAS;IACjB,KAAK,EAAE,sCAAsC;IAC7C,SAAS,EAAE,wBAAwB;IACnC,IAAI,EAAE,CAAC,UAAU,EAAE,wBAAwB,CAAC;IAC5C,UAAU,EAAE;QACV,QAAQ,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE;KAC7B;IACD,UAAU,EAAE,GAAG,EAAE;QACf,qBAAqB,CAAC,eAAe,CAAC,sBAAsB,CAAC,CAAC;QAC9D,qBAAqB,CAAC,gBAAgB,CAAC,YAAY,CAAC,CAAC;IACvD,CAAC;CACF,CAAC;AACF,eAAe,IAAI,CAAC;AAEpB,MAAM,CAAC,MAAM,SAAS,GAAmC;IACvD,IAAI,EAAE;QACJ,SAAS,EAAE,aAAa;QACxB,gBAAgB,EAAE;YAChB,QAAQ,EAAE,GAAG;SACd;KACF;IACD,KAAK,CAAC,IAAI,CAAC,OAAO;QAChB,MAAM,EAAE,aAAa,EAAE,IAAI,EAAE,GAAG,OAAO,CAAC;QACxC,MAAM,OAAO,GAAG,aAAa,CAAC,aAAa,CACzC,cAAc,CACG,CAAC;QAEpB,MAAM,IAAI,CAAC,wBAAwB,EAAE,KAAK,IAAI,EAAE,CAC9C,SAAS,CAAC,OAAO,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,CAClD,CAAC;QAEF,MAAM,IAAI,CAAC,uBAAuB,EAAE,KAAK,IAAI,EAAE,CAC7C,SAAS,CAAC,OAAO,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,CAClD,CAAC;IACJ,CAAC;CACF,CAAC","sourcesContent":["import {\n  Meta,\n  setCustomElementsManifest,\n  StoryObj,\n} from '@storybook/web-components';\nimport customElementsManifest from '../../custom-elements.json' with { type: 'json' };\nimport {\n  TimeredCounterAdapter,\n  type TimeredCounter,\n  TimeredCounterNumber,\n} from '../../src/index.js';\nimport DecimalJsNumberAdapter from '../../src/number-adapter/decimal-js.js';\nimport { setByAttr, setByProp } from '../utils/index.js';\nimport { bigNumber } from '../story-parts/big-number.js';\n\nexport {\n  Basic,\n  Events,\n  Styles,\n  LocaleNumber,\n  AnimationOptions,\n} from './index.stories.js';\n\nsetCustomElementsManifest(customElementsManifest);\n\nconst meta: Meta = {\n  title: 'TimeredCounterNumber/with decimal.js',\n  component: 'timered-counter-number',\n  tags: ['autodocs', 'timered-counter-number'],\n  parameters: {\n    controls: { expanded: true },\n  },\n  beforeEach: () => {\n    TimeredCounterAdapter.registryAdapter(DecimalJsNumberAdapter);\n    TimeredCounterAdapter.setNumberAdapter('decimal.js');\n  },\n};\nexport default meta;\n\nexport const BigNumber: StoryObj<TimeredCounterNumber> = {\n  args: {\n    className: 'test-target',\n    animationOptions: {\n      duration: 100,\n    },\n  },\n  async play(context) {\n    const { canvasElement, step } = context;\n    const counter = canvasElement.querySelector(\n      '.test-target',\n    ) as TimeredCounter;\n\n    await step('Testing with attribute', async () =>\n      bigNumber(context, { counter, setBy: setByAttr }),\n    );\n\n    await step('Testing with property', async () =>\n      bigNumber(context, { counter, setBy: setByProp }),\n    );\n  },\n};\n"]}
+{"version":3,"file":"decimaljs.stories.js","sourceRoot":"","sources":["../../../stories/timered-counter-number/decimaljs.stories.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,yBAAyB,GAE1B,MAAM,2BAA2B,CAAC;AACnC,OAAO,sBAAsB,MAAM,4BAA4B,CAAC,OAAO,IAAI,EAAE,MAAM,EAAE,CAAC;AACtF,OAAO,EACL,qBAAqB,GAGtB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,sBAAsB,MAAM,wCAAwC,CAAC;AAC5E,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AACzD,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AAEzD,OAAO,EACL,KAAK,EACL,MAAM,EACN,MAAM,EACN,YAAY,EACZ,gBAAgB,GACjB,MAAM,oBAAoB,CAAC;AAE5B,yBAAyB,CAAC,sBAAsB,CAAC,CAAC;AAElD,MAAM,IAAI,GAAS;IACjB,KAAK,EAAE,sCAAsC;IAC7C,SAAS,EAAE,wBAAwB;IACnC,IAAI,EAAE,CAAC,UAAU,EAAE,wBAAwB,CAAC;IAC5C,UAAU,EAAE;QACV,QAAQ,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE;KAC7B;IACD,UAAU,EAAE,GAAG,EAAE;QACf,qBAAqB,CAAC,eAAe,CAAC,sBAAsB,CAAC,CAAC;QAC9D,qBAAqB,CAAC,gBAAgB,CAAC,YAAY,CAAC,CAAC;IACvD,CAAC;CACF,CAAC;AACF,eAAe,IAAI,CAAC;AAEpB,MAAM,CAAC,MAAM,SAAS,GAAmC;IACvD,IAAI,EAAE;QACJ,SAAS,EAAE,aAAa;QACxB,gBAAgB,EAAE;YAChB,QAAQ,EAAE,GAAG;SACd;KACF;IACD,KAAK,CAAC,IAAI,CAAC,OAAO;QAChB,MAAM,EAAE,aAAa,EAAE,IAAI,EAAE,GAAG,OAAO,CAAC;QACxC,MAAM,OAAO,GAAG,aAAa,CAAC,aAAa,CACzC,cAAc,CACG,CAAC;QAEpB,MAAM,IAAI,CAAC,wBAAwB,EAAE,KAAK,IAAI,EAAE,CAC9C,SAAS,CAAC,OAAO,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,CAClD,CAAC;QAEF,MAAM,IAAI,CAAC,uBAAuB,EAAE,KAAK,IAAI,EAAE,CAC7C,SAAS,CAAC,OAAO,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,CAClD,CAAC;IACJ,CAAC;CACF,CAAC","sourcesContent":["import {\n  Meta,\n  setCustomElementsManifest,\n  StoryObj,\n} from '@storybook/web-components';\nimport customElementsManifest from '../../custom-elements.json' with { type: 'json' };\nimport {\n  TimeredCounterAdapter,\n  type TimeredCounter,\n  TimeredCounterNumber,\n} from '../../src/index.js';\nimport DecimalJsNumberAdapter from '../../src/number-adapter/decimal-js.js';\nimport { setByAttr, setByProp } from '../utils/index.js';\nimport { bigNumber } from '../story-parts/big-number.js';\n\nexport {\n  Basic,\n  Events,\n  Styles,\n  LocaleNumber,\n  AnimationOptions,\n} from './index.stories.js';\n\nsetCustomElementsManifest(customElementsManifest);\n\nconst meta: Meta = {\n  title: 'TimeredCounterNumber/with decimal.js',\n  component: 'timered-counter-number',\n  tags: ['autodocs', 'timered-counter-number'],\n  parameters: {\n    controls: { expanded: true },\n  },\n  beforeEach: () => {\n    TimeredCounterAdapter.registerAdapter(DecimalJsNumberAdapter);\n    TimeredCounterAdapter.setNumberAdapter('decimal.js');\n  },\n};\nexport default meta;\n\nexport const BigNumber: StoryObj<TimeredCounterNumber> = {\n  args: {\n    className: 'test-target',\n    animationOptions: {\n      duration: 100,\n    },\n  },\n  async play(context) {\n    const { canvasElement, step } = context;\n    const counter = canvasElement.querySelector(\n      '.test-target',\n    ) as TimeredCounter;\n\n    await step('Testing with attribute', async () =>\n      bigNumber(context, { counter, setBy: setByAttr }),\n    );\n\n    await step('Testing with property', async () =>\n      bigNumber(context, { counter, setBy: setByProp }),\n    );\n  },\n};\n"]}

package/dist/stories/timered-counter-string/decimaljs.stories.js

@@ -22,7 +22,7 @@ const meta = {
         controls: { expanded: true },
     },
     beforeEach: () => {
-        TimeredCounterAdapter.registryAdapter(DecimalJsNumberAdapter);
+        TimeredCounterAdapter.registerAdapter(DecimalJsNumberAdapter);
         TimeredCounterAdapter.setNumberAdapter('decimal.js');
     },
 };

package/dist/stories/timered-counter-string/decimaljs.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"decimaljs.stories.js","sourceRoot":"","sources":["../../../stories/timered-counter-string/decimaljs.stories.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n  Meta,\n  setCustomElementsManifest,\n  StoryObj,\n} from '@storybook/web-components';\nimport { expect } from '@storybook/test';\nimport { range } from 'remeda';\nimport { faker } from '@faker-js/faker';\nimport customElementsManifest from '../../custom-elements.json' with { type: 'json' };\nimport {\n  TimeredCounterAdapter,\n  type TimeredCounter,\n  TimeredCounterString,\n} from '../../src/index.js';\nimport DecimalJsNumberAdapter from '../../src/number-adapter/decimal-js.js';\n\nimport { bigNumber } from '../story-parts/big-number.js';\nimport { setByAttr, setByProp } from '../utils/index.js';\nimport { animationEvents } from '../story-parts/animation-events.js';\n\nexport { Basic, AnimationOptions, Styles, Emoji } from './index.stories.js';\n\nsetCustomElementsManifest(customElementsManifest);\n\nfunction equal(counter: TimeredCounter, a: any, b: any) {\n  a = counter.getAttribute('aria-label')?.replaceAll(/\\s/g, ' ');\n  return expect(a).toBe(b.toString());\n}\n\nconst meta: Meta = {\n  title: 'TimeredCounterString/with decimal.js',\n  component: 'timered-counter-string',\n  tags: ['autodocs', 'timered-counter-string'],\n  parameters: {\n    controls: { expanded: true },\n  },\n  beforeEach: () => {\n    TimeredCounterAdapter.registryAdapter(DecimalJsNumberAdapter);\n    TimeredCounterAdapter.setNumberAdapter('decimal.js');\n  },\n};\nexport default meta;\n\nexport const Events: StoryObj<TimeredCounterString> = {\n  args: {\n    className: 'test-target',\n    animationOptions: { duration: 100 },\n  },\n  async play(context) {\n    const { canvasElement, step } = context;\n    const counter = canvasElement.querySelector(\n      '.test-target',\n    ) as TimeredCounter;\n\n    const list = range(0, 5).map(() =>\n      faker.lorem.sentence({ min: 1, max: 2 }),\n    );\n\n    await step('Testing with attribute', () =>\n      animationEvents(context, { counter, list, setBy: setByAttr, equal }),\n    );\n\n    await step('Testing with property', () =>\n      animationEvents(context, { counter, list, setBy: setByProp, equal }),\n    );\n  },\n};\n\nexport const BigNumber: StoryObj<TimeredCounterString> = {\n  args: {\n    className: 'test-target',\n    animationOptions: {\n      duration: 100,\n    },\n  },\n  async play(context) {\n    const { canvasElement, step } = context;\n    const counter = canvasElement.querySelector(\n      '.test-target',\n    ) as TimeredCounter;\n\n    await step('Testing with attribute', async () =>\n      bigNumber(context, { counter, setBy: setByAttr, equal }),\n    );\n\n    await step('Testing with property', async () =>\n      bigNumber(context, { counter, setBy: setByProp, equal }),\n    );\n  },\n};\n"]}
+{"version":3,"file":"decimaljs.stories.js","sourceRoot":"","sources":["../../../stories/timered-counter-string/decimaljs.stories.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n  Meta,\n  setCustomElementsManifest,\n  StoryObj,\n} from '@storybook/web-components';\nimport { expect } from '@storybook/test';\nimport { range } from 'remeda';\nimport { faker } from '@faker-js/faker';\nimport customElementsManifest from '../../custom-elements.json' with { type: 'json' };\nimport {\n  TimeredCounterAdapter,\n  type TimeredCounter,\n  TimeredCounterString,\n} from '../../src/index.js';\nimport DecimalJsNumberAdapter from '../../src/number-adapter/decimal-js.js';\n\nimport { bigNumber } from '../story-parts/big-number.js';\nimport { setByAttr, setByProp } from '../utils/index.js';\nimport { animationEvents } from '../story-parts/animation-events.js';\n\nexport { Basic, AnimationOptions, Styles, Emoji } from './index.stories.js';\n\nsetCustomElementsManifest(customElementsManifest);\n\nfunction equal(counter: TimeredCounter, a: any, b: any) {\n  a = counter.getAttribute('aria-label')?.replaceAll(/\\s/g, ' ');\n  return expect(a).toBe(b.toString());\n}\n\nconst meta: Meta = {\n  title: 'TimeredCounterString/with decimal.js',\n  component: 'timered-counter-string',\n  tags: ['autodocs', 'timered-counter-string'],\n  parameters: {\n    controls: { expanded: true },\n  },\n  beforeEach: () => {\n    TimeredCounterAdapter.registerAdapter(DecimalJsNumberAdapter);\n    TimeredCounterAdapter.setNumberAdapter('decimal.js');\n  },\n};\nexport default meta;\n\nexport const Events: StoryObj<TimeredCounterString> = {\n  args: {\n    className: 'test-target',\n    animationOptions: { duration: 100 },\n  },\n  async play(context) {\n    const { canvasElement, step } = context;\n    const counter = canvasElement.querySelector(\n      '.test-target',\n    ) as TimeredCounter;\n\n    const list = range(0, 5).map(() =>\n      faker.lorem.sentence({ min: 1, max: 2 }),\n    );\n\n    await step('Testing with attribute', () =>\n      animationEvents(context, { counter, list, setBy: setByAttr, equal }),\n    );\n\n    await step('Testing with property', () =>\n      animationEvents(context, { counter, list, setBy: setByProp, equal }),\n    );\n  },\n};\n\nexport const BigNumber: StoryObj<TimeredCounterString> = {\n  args: {\n    className: 'test-target',\n    animationOptions: {\n      duration: 100,\n    },\n  },\n  async play(context) {\n    const { canvasElement, step } = context;\n    const counter = canvasElement.querySelector(\n      '.test-target',\n    ) as TimeredCounter;\n\n    await step('Testing with attribute', async () =>\n      bigNumber(context, { counter, setBy: setByAttr, equal }),\n    );\n\n    await step('Testing with property', async () =>\n      bigNumber(context, { counter, setBy: setByProp, equal }),\n    );\n  },\n};\n"]}

package/dist/stories/timered-counter-string/grapheme-splitter.stories.js

@@ -23,8 +23,8 @@ const meta = {
         controls: { expanded: true },
     },
     beforeEach: () => {
-        TimeredCounterAdapter.registryAdapter(DecimalJsNumberAdapter);
-        TimeredCounterAdapter.registryAdapter(GraphemeSplitterStringAdapter);
+        TimeredCounterAdapter.registerAdapter(DecimalJsNumberAdapter);
+        TimeredCounterAdapter.registerAdapter(GraphemeSplitterStringAdapter);
         TimeredCounterAdapter.setNumberAdapter('decimal.js');
         TimeredCounterAdapter.setStringAdapter('grapheme-splitter');
     },

package/dist/stories/timered-counter-string/grapheme-splitter.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"grapheme-splitter.stories.js","sourceRoot":"","sources":["../../../stories/timered-counter-string/grapheme-splitter.stories.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n  Meta,\n  setCustomElementsManifest,\n  StoryObj,\n} from '@storybook/web-components';\nimport { expect } from '@storybook/test';\nimport { range } from 'remeda';\nimport { faker } from '@faker-js/faker';\nimport customElementsManifest from '../../custom-elements.json' with { type: 'json' };\nimport {\n  TimeredCounterAdapter,\n  type TimeredCounter,\n  TimeredCounterString,\n} from '../../src/index.js';\nimport DecimalJsNumberAdapter from '../../src/number-adapter/decimal-js.js';\nimport GraphemeSplitterStringAdapter from '../../src/string-adapter/grapheme-splitter.js';\nimport { bigNumber } from '../story-parts/big-number.js';\nimport { setByAttr, setByProp } from '../utils/index.js';\nimport { animationEvents } from '../story-parts/animation-events.js';\n\nexport { Basic, AnimationOptions, Styles, Emoji } from './index.stories.js';\n\nsetCustomElementsManifest(customElementsManifest);\n\nfunction equal(counter: TimeredCounter, a: any, b: any) {\n  a = counter.getAttribute('aria-label')?.replaceAll(/\\s/g, ' ');\n  return expect(a).toBe(b.toString());\n}\n\nconst meta: Meta = {\n  title: 'TimeredCounterString/with grapheme-splitter',\n  component: 'timered-counter-string',\n  tags: ['autodocs', 'timered-counter-string'],\n  parameters: {\n    controls: { expanded: true },\n  },\n  beforeEach: () => {\n    TimeredCounterAdapter.registryAdapter(DecimalJsNumberAdapter);\n    TimeredCounterAdapter.registryAdapter(GraphemeSplitterStringAdapter);\n\n    TimeredCounterAdapter.setNumberAdapter('decimal.js');\n    TimeredCounterAdapter.setStringAdapter('grapheme-splitter');\n  },\n};\nexport default meta;\n\nexport const Events: StoryObj<TimeredCounterString> = {\n  args: {\n    className: 'test-target',\n    animationOptions: { duration: 100 },\n  },\n  async play(context) {\n    const { canvasElement, step } = context;\n    const counter = canvasElement.querySelector(\n      '.test-target',\n    ) as TimeredCounter;\n\n    const list = range(0, 5).map(() =>\n      faker.lorem.sentence({ min: 1, max: 2 }),\n    );\n\n    await step('Testing with attribute', () =>\n      animationEvents(context, { counter, list, setBy: setByAttr, equal }),\n    );\n\n    await step('Testing with property', () =>\n      animationEvents(context, { counter, list, setBy: setByProp, equal }),\n    );\n  },\n};\n\nexport const BigNumber: StoryObj<TimeredCounterString> = {\n  args: {\n    className: 'test-target',\n    animationOptions: {\n      duration: 100,\n    },\n  },\n  async play(context) {\n    const { canvasElement, step } = context;\n    const counter = canvasElement.querySelector(\n      '.test-target',\n    ) as TimeredCounter;\n\n    await step('Testing with attribute', async () =>\n      bigNumber(context, { counter, setBy: setByAttr, equal }),\n    );\n\n    await step('Testing with property', async () =>\n      bigNumber(context, { counter, setBy: setByProp, equal }),\n    );\n  },\n};\n"]}
+{"version":3,"file":"grapheme-splitter.stories.js","sourceRoot":"","sources":["../../../stories/timered-counter-string/grapheme-splitter.stories.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n  Meta,\n  setCustomElementsManifest,\n  StoryObj,\n} from '@storybook/web-components';\nimport { expect } from '@storybook/test';\nimport { range } from 'remeda';\nimport { faker } from '@faker-js/faker';\nimport customElementsManifest from '../../custom-elements.json' with { type: 'json' };\nimport {\n  TimeredCounterAdapter,\n  type TimeredCounter,\n  TimeredCounterString,\n} from '../../src/index.js';\nimport DecimalJsNumberAdapter from '../../src/number-adapter/decimal-js.js';\nimport GraphemeSplitterStringAdapter from '../../src/string-adapter/grapheme-splitter.js';\nimport { bigNumber } from '../story-parts/big-number.js';\nimport { setByAttr, setByProp } from '../utils/index.js';\nimport { animationEvents } from '../story-parts/animation-events.js';\n\nexport { Basic, AnimationOptions, Styles, Emoji } from './index.stories.js';\n\nsetCustomElementsManifest(customElementsManifest);\n\nfunction equal(counter: TimeredCounter, a: any, b: any) {\n  a = counter.getAttribute('aria-label')?.replaceAll(/\\s/g, ' ');\n  return expect(a).toBe(b.toString());\n}\n\nconst meta: Meta = {\n  title: 'TimeredCounterString/with grapheme-splitter',\n  component: 'timered-counter-string',\n  tags: ['autodocs', 'timered-counter-string'],\n  parameters: {\n    controls: { expanded: true },\n  },\n  beforeEach: () => {\n    TimeredCounterAdapter.registerAdapter(DecimalJsNumberAdapter);\n    TimeredCounterAdapter.registerAdapter(GraphemeSplitterStringAdapter);\n\n    TimeredCounterAdapter.setNumberAdapter('decimal.js');\n    TimeredCounterAdapter.setStringAdapter('grapheme-splitter');\n  },\n};\nexport default meta;\n\nexport const Events: StoryObj<TimeredCounterString> = {\n  args: {\n    className: 'test-target',\n    animationOptions: { duration: 100 },\n  },\n  async play(context) {\n    const { canvasElement, step } = context;\n    const counter = canvasElement.querySelector(\n      '.test-target',\n    ) as TimeredCounter;\n\n    const list = range(0, 5).map(() =>\n      faker.lorem.sentence({ min: 1, max: 2 }),\n    );\n\n    await step('Testing with attribute', () =>\n      animationEvents(context, { counter, list, setBy: setByAttr, equal }),\n    );\n\n    await step('Testing with property', () =>\n      animationEvents(context, { counter, list, setBy: setByProp, equal }),\n    );\n  },\n};\n\nexport const BigNumber: StoryObj<TimeredCounterString> = {\n  args: {\n    className: 'test-target',\n    animationOptions: {\n      duration: 100,\n    },\n  },\n  async play(context) {\n    const { canvasElement, step } = context;\n    const counter = canvasElement.querySelector(\n      '.test-target',\n    ) as TimeredCounter;\n\n    await step('Testing with attribute', async () =>\n      bigNumber(context, { counter, setBy: setByAttr, equal }),\n    );\n\n    await step('Testing with property', async () =>\n      bigNumber(context, { counter, setBy: setByProp, equal }),\n    );\n  },\n};\n"]}

package/dist/stories/timered-counter-string/intl-segmenter.stories.js

@@ -22,7 +22,7 @@ const meta = {
         controls: { expanded: true },
     },
     beforeEach: () => {
-        TimeredCounterAdapter.registryAdapter(DecimalJsNumberAdapter);
+        TimeredCounterAdapter.registerAdapter(DecimalJsNumberAdapter);
         TimeredCounterAdapter.setNumberAdapter('decimal.js');
         TimeredCounterAdapter.setStringAdapter('intl-segmenter');
     },

package/dist/stories/timered-counter-string/intl-segmenter.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"intl-segmenter.stories.js","sourceRoot":"","sources":["../../../stories/timered-counter-string/intl-segmenter.stories.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n  Meta,\n  setCustomElementsManifest,\n  StoryObj,\n} from '@storybook/web-components';\nimport { expect } from '@storybook/test';\nimport { range } from 'remeda';\nimport { faker } from '@faker-js/faker';\nimport customElementsManifest from '../../custom-elements.json' with { type: 'json' };\nimport {\n  TimeredCounterAdapter,\n  type TimeredCounter,\n  TimeredCounterString,\n} from '../../src/index.js';\nimport DecimalJsNumberAdapter from '../../src/number-adapter/decimal-js.js';\nimport { bigNumber } from '../story-parts/big-number.js';\nimport { setByAttr, setByProp } from '../utils/index.js';\nimport { animationEvents } from '../story-parts/animation-events.js';\n\nexport { Basic, AnimationOptions, Styles, Emoji } from './index.stories.js';\n\nsetCustomElementsManifest(customElementsManifest);\n\nfunction equal(counter: TimeredCounter, a: any, b: any) {\n  a = counter.getAttribute('aria-label')?.replaceAll(/\\s/g, ' ');\n  return expect(a).toBe(b.toString());\n}\n\nconst meta: Meta = {\n  title: 'TimeredCounterString/with Intl Segmenter',\n  component: 'timered-counter-string',\n  tags: ['autodocs', 'timered-counter-string'],\n  parameters: {\n    controls: { expanded: true },\n  },\n  beforeEach: () => {\n    TimeredCounterAdapter.registryAdapter(DecimalJsNumberAdapter);\n\n    TimeredCounterAdapter.setNumberAdapter('decimal.js');\n    TimeredCounterAdapter.setStringAdapter('intl-segmenter');\n  },\n};\nexport default meta;\n\nexport const Events: StoryObj<TimeredCounterString> = {\n  args: {\n    className: 'test-target',\n    animationOptions: { duration: 100 },\n  },\n  async play(context) {\n    const { canvasElement, step } = context;\n    const counter = canvasElement.querySelector(\n      '.test-target',\n    ) as TimeredCounter;\n\n    const list = range(0, 5).map(() =>\n      faker.lorem.sentence({ min: 1, max: 2 }),\n    );\n\n    await step('Testing with attribute', () =>\n      animationEvents(context, { counter, list, setBy: setByAttr, equal }),\n    );\n\n    await step('Testing with property', () =>\n      animationEvents(context, { counter, list, setBy: setByProp, equal }),\n    );\n  },\n};\n\nexport const BigNumber: StoryObj<TimeredCounterString> = {\n  args: {\n    className: 'test-target',\n    animationOptions: {\n      duration: 100,\n    },\n  },\n  async play(context) {\n    const { canvasElement, step } = context;\n    const counter = canvasElement.querySelector(\n      '.test-target',\n    ) as TimeredCounter;\n\n    await step('Testing with attribute', async () =>\n      bigNumber(context, { counter, setBy: setByAttr, equal }),\n    );\n\n    await step('Testing with property', async () =>\n      bigNumber(context, { counter, setBy: setByProp, equal }),\n    );\n  },\n};\n"]}
+{"version":3,"file":"intl-segmenter.stories.js","sourceRoot":"","sources":["../../../stories/timered-counter-string/intl-segmenter.stories.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n  Meta,\n  setCustomElementsManifest,\n  StoryObj,\n} from '@storybook/web-components';\nimport { expect } from '@storybook/test';\nimport { range } from 'remeda';\nimport { faker } from '@faker-js/faker';\nimport customElementsManifest from '../../custom-elements.json' with { type: 'json' };\nimport {\n  TimeredCounterAdapter,\n  type TimeredCounter,\n  TimeredCounterString,\n} from '../../src/index.js';\nimport DecimalJsNumberAdapter from '../../src/number-adapter/decimal-js.js';\nimport { bigNumber } from '../story-parts/big-number.js';\nimport { setByAttr, setByProp } from '../utils/index.js';\nimport { animationEvents } from '../story-parts/animation-events.js';\n\nexport { Basic, AnimationOptions, Styles, Emoji } from './index.stories.js';\n\nsetCustomElementsManifest(customElementsManifest);\n\nfunction equal(counter: TimeredCounter, a: any, b: any) {\n  a = counter.getAttribute('aria-label')?.replaceAll(/\\s/g, ' ');\n  return expect(a).toBe(b.toString());\n}\n\nconst meta: Meta = {\n  title: 'TimeredCounterString/with Intl Segmenter',\n  component: 'timered-counter-string',\n  tags: ['autodocs', 'timered-counter-string'],\n  parameters: {\n    controls: { expanded: true },\n  },\n  beforeEach: () => {\n    TimeredCounterAdapter.registerAdapter(DecimalJsNumberAdapter);\n\n    TimeredCounterAdapter.setNumberAdapter('decimal.js');\n    TimeredCounterAdapter.setStringAdapter('intl-segmenter');\n  },\n};\nexport default meta;\n\nexport const Events: StoryObj<TimeredCounterString> = {\n  args: {\n    className: 'test-target',\n    animationOptions: { duration: 100 },\n  },\n  async play(context) {\n    const { canvasElement, step } = context;\n    const counter = canvasElement.querySelector(\n      '.test-target',\n    ) as TimeredCounter;\n\n    const list = range(0, 5).map(() =>\n      faker.lorem.sentence({ min: 1, max: 2 }),\n    );\n\n    await step('Testing with attribute', () =>\n      animationEvents(context, { counter, list, setBy: setByAttr, equal }),\n    );\n\n    await step('Testing with property', () =>\n      animationEvents(context, { counter, list, setBy: setByProp, equal }),\n    );\n  },\n};\n\nexport const BigNumber: StoryObj<TimeredCounterString> = {\n  args: {\n    className: 'test-target',\n    animationOptions: {\n      duration: 100,\n    },\n  },\n  async play(context) {\n    const { canvasElement, step } = context;\n    const counter = canvasElement.querySelector(\n      '.test-target',\n    ) as TimeredCounter;\n\n    await step('Testing with attribute', async () =>\n      bigNumber(context, { counter, setBy: setByAttr, equal }),\n    );\n\n    await step('Testing with property', async () =>\n      bigNumber(context, { counter, setBy: setByProp, equal }),\n    );\n  },\n};\n"]}