timered-counter 1.2.0 → 1.3.0-beta.1

package/dist/custom-elements.json

@@ -5,7 +5,16 @@
         {
             "kind": "javascript-module",
             "path": "src/index.ts",
-            "declarations": [],
+            "declarations": [
+                {
+                    "kind": "function",
+                    "name": "registerDecimalJsNumberAdapter"
+                },
+                {
+                    "kind": "function",
+                    "name": "registerGraphemeSplitterStringAdapter"
+                }
+            ],
             "exports": [
                 {
                     "kind": "js",
@@ -62,6 +71,22 @@
                         "name": "*",
                         "package": "./timered-counter-adapter.js"
                     }
+                },
+                {
+                    "kind": "js",
+                    "name": "registerDecimalJsNumberAdapter",
+                    "declaration": {
+                        "name": "registerDecimalJsNumberAdapter",
+                        "module": "src/index.ts"
+                    }
+                },
+                {
+                    "kind": "js",
+                    "name": "registerGraphemeSplitterStringAdapter",
+                    "declaration": {
+                        "name": "registerGraphemeSplitterStringAdapter",
+                        "module": "src/index.ts"
+                    }
                 }
             ]
         },
@@ -191,7 +216,7 @@
                         },
                         {
                             "kind": "method",
-                            "name": "registryAdapter",
+                            "name": "registerAdapter",
                             "static": true,
                             "parameters": [
                                 {
@@ -252,6 +277,18 @@
                             }
                         }
                     ]
+                },
+                {
+                    "kind": "function",
+                    "name": "registerAdapter",
+                    "parameters": [
+                        {
+                            "name": "args",
+                            "type": {
+                                "text": "Parameters<(typeof TimeredCounterAdapter)['registerAdapter']>"
+                            }
+                        }
+                    ]
                 }
             ],
             "exports": [
@@ -294,6 +331,14 @@
                         "name": "registerStringAdapter",
                         "module": "src/timered-counter-adapter.ts"
                     }
+                },
+                {
+                    "kind": "js",
+                    "name": "registerAdapter",
+                    "declaration": {
+                        "name": "registerAdapter",
+                        "module": "src/timered-counter-adapter.ts"
+                    }
                 }
             ]
         },
@@ -1211,8 +1256,6 @@
                         "name": "TimeredCounter",
                         "module": "/src/timered-counter.js"
                     },
-                    "tagName": "timered-counter-datetime-duration",
-                    "customElement": true,
                     "events": [
                         {
                             "name": "timered-counter-animation-start",
@@ -1245,14 +1288,6 @@
                         "name": "TimeredCounterDatetimeDuration",
                         "module": "src/timered-counter-datetime-duration.ts"
                     }
-                },
-                {
-                    "kind": "custom-element-definition",
-                    "name": "timered-counter-datetime-duration",
-                    "declaration": {
-                        "name": "TimeredCounterDatetimeDuration",
-                        "module": "src/timered-counter-datetime-duration.ts"
-                    }
                 }
             ]
         },
@@ -2128,8 +2163,6 @@
                         "name": "TimeredCounter",
                         "module": "/src/timered-counter.js"
                     },
-                    "tagName": "timered-counter-number",
-                    "customElement": true,
                     "events": [
                         {
                             "name": "timered-counter-animation-start",
@@ -2162,14 +2195,6 @@
                         "name": "TimeredCounterNumber",
                         "module": "src/timered-counter-number.ts"
                     }
-                },
-                {
-                    "kind": "custom-element-definition",
-                    "name": "timered-counter-number",
-                    "declaration": {
-                        "name": "TimeredCounterNumber",
-                        "module": "src/timered-counter-number.ts"
-                    }
                 }
             ]
         },
@@ -2923,8 +2948,6 @@
                         "name": "TimeredCounter",
                         "module": "/src/timered-counter.js"
                     },
-                    "tagName": "timered-counter-string",
-                    "customElement": true,
                     "attributes": [
                         {
                             "name": "aria-label",
@@ -3109,14 +3132,6 @@
                         "name": "TimeredCounterString",
                         "module": "src/timered-counter-string.ts"
                     }
-                },
-                {
-                    "kind": "custom-element-definition",
-                    "name": "timered-counter-string",
-                    "declaration": {
-                        "name": "TimeredCounterString",
-                        "module": "src/timered-counter-string.ts"
-                    }
                 }
             ]
         },
@@ -3805,7 +3820,6 @@
                         "name": "LitElement",
                         "package": "lit"
                     },
-                    "tagName": "timered-counter",
                     "customElement": true,
                     "attributes": [
                         {
@@ -3969,14 +3983,6 @@
                         "name": "TimeredCounter",
                         "module": "src/timered-counter.ts"
                     }
-                },
-                {
-                    "kind": "custom-element-definition",
-                    "name": "timered-counter",
-                    "declaration": {
-                        "name": "TimeredCounter",
-                        "module": "src/timered-counter.ts"
-                    }
                 }
             ]
         },
@@ -6486,6 +6492,53 @@
                 }
             ]
         },
+        {
+            "kind": "javascript-module",
+            "path": "src/utils/grace-define-custom-element.ts",
+            "declarations": [
+                {
+                    "kind": "function",
+                    "name": "graceDefineCustomElement",
+                    "return": {
+                        "type": {
+                            "text": "void"
+                        }
+                    },
+                    "parameters": [
+                        {
+                            "name": "tagName",
+                            "type": {
+                                "text": "string"
+                            }
+                        },
+                        {
+                            "name": "constructor",
+                            "type": {
+                                "text": "CustomElementConstructor"
+                            }
+                        }
+                    ]
+                }
+            ],
+            "exports": [
+                {
+                    "kind": "js",
+                    "name": "graceDefineCustomElement",
+                    "declaration": {
+                        "name": "graceDefineCustomElement",
+                        "module": "src/utils/grace-define-custom-element.ts"
+                    }
+                },
+                {
+                    "kind": "custom-element-definition",
+                    "name": "tagName",
+                    "declaration": {
+                        "name": "constructor",
+                        "module": "src/utils/grace-define-custom-element.ts"
+                    }
+                }
+            ]
+        },
         {
             "kind": "javascript-module",
             "path": "src/utils/iso8601-duration.ts",
@@ -7140,7 +7193,7 @@
                     "type": {
                         "text": "Meta"
                     },
-                    "default": "{ title: 'TimeredCounter/with decimal.js', component: 'timered-counter', tags: ['autodocs', 'timered-counter'], parameters: { controls: { expanded: true }, }, beforeEach: () => { TimeredCounterAdapter.registryAdapter(DecimalJsNumberAdapter); TimeredCounterAdapter.setNumberAdapter('decimal.js'); }, }"
+                    "default": "{ title: 'TimeredCounter/with decimal.js', component: 'timered-counter', tags: ['autodocs', 'timered-counter'], parameters: { controls: { expanded: true }, }, beforeEach: () => { TimeredCounterAdapter.registerAdapter(DecimalJsNumberAdapter); TimeredCounterAdapter.setNumberAdapter('decimal.js'); }, }"
                 },
                 {
                     "kind": "variable",
@@ -7396,7 +7449,7 @@
                     "type": {
                         "text": "Meta"
                     },
-                    "default": "{ title: 'TimeredCounterNumber/with decimal.js', component: 'timered-counter-number', tags: ['autodocs', 'timered-counter-number'], parameters: { controls: { expanded: true }, }, beforeEach: () => { TimeredCounterAdapter.registryAdapter(DecimalJsNumberAdapter); TimeredCounterAdapter.setNumberAdapter('decimal.js'); }, }"
+                    "default": "{ title: 'TimeredCounterNumber/with decimal.js', component: 'timered-counter-number', tags: ['autodocs', 'timered-counter-number'], parameters: { controls: { expanded: true }, }, beforeEach: () => { TimeredCounterAdapter.registerAdapter(DecimalJsNumberAdapter); TimeredCounterAdapter.setNumberAdapter('decimal.js'); }, }"
                 },
                 {
                     "kind": "variable",
@@ -7580,7 +7633,7 @@
                     "type": {
                         "text": "Meta"
                     },
-                    "default": "{ title: 'TimeredCounterString/with decimal.js', component: 'timered-counter-string', tags: ['autodocs', 'timered-counter-string'], parameters: { controls: { expanded: true }, }, beforeEach: () => { TimeredCounterAdapter.registryAdapter(DecimalJsNumberAdapter); TimeredCounterAdapter.setNumberAdapter('decimal.js'); }, }"
+                    "default": "{ title: 'TimeredCounterString/with decimal.js', component: 'timered-counter-string', tags: ['autodocs', 'timered-counter-string'], parameters: { controls: { expanded: true }, }, beforeEach: () => { TimeredCounterAdapter.registerAdapter(DecimalJsNumberAdapter); TimeredCounterAdapter.setNumberAdapter('decimal.js'); }, }"
                 },
                 {
                     "kind": "variable",
@@ -7668,7 +7721,7 @@
                     "type": {
                         "text": "Meta"
                     },
-                    "default": "{ title: 'TimeredCounterString/with grapheme-splitter', component: 'timered-counter-string', tags: ['autodocs', 'timered-counter-string'], parameters: { controls: { expanded: true }, }, beforeEach: () => { TimeredCounterAdapter.registryAdapter(DecimalJsNumberAdapter); TimeredCounterAdapter.registryAdapter(GraphemeSplitterStringAdapter); TimeredCounterAdapter.setNumberAdapter('decimal.js'); TimeredCounterAdapter.setStringAdapter('grapheme-splitter'); }, }"
+                    "default": "{ title: 'TimeredCounterString/with grapheme-splitter', component: 'timered-counter-string', tags: ['autodocs', 'timered-counter-string'], parameters: { controls: { expanded: true }, }, beforeEach: () => { TimeredCounterAdapter.registerAdapter(DecimalJsNumberAdapter); TimeredCounterAdapter.registerAdapter(GraphemeSplitterStringAdapter); TimeredCounterAdapter.setNumberAdapter('decimal.js'); TimeredCounterAdapter.setStringAdapter('grapheme-splitter'); }, }"
                 },
                 {
                     "kind": "variable",
@@ -7860,7 +7913,7 @@
                     "type": {
                         "text": "Meta"
                     },
-                    "default": "{ title: 'TimeredCounterString/with Intl Segmenter', component: 'timered-counter-string', tags: ['autodocs', 'timered-counter-string'], parameters: { controls: { expanded: true }, }, beforeEach: () => { TimeredCounterAdapter.registryAdapter(DecimalJsNumberAdapter); TimeredCounterAdapter.setNumberAdapter('decimal.js'); TimeredCounterAdapter.setStringAdapter('intl-segmenter'); }, }"
+                    "default": "{ title: 'TimeredCounterString/with Intl Segmenter', component: 'timered-counter-string', tags: ['autodocs', 'timered-counter-string'], parameters: { controls: { expanded: true }, }, beforeEach: () => { TimeredCounterAdapter.registerAdapter(DecimalJsNumberAdapter); TimeredCounterAdapter.setNumberAdapter('decimal.js'); TimeredCounterAdapter.setStringAdapter('intl-segmenter'); }, }"
                 },
                 {
                     "kind": "variable",
@@ -8285,7 +8338,6 @@
                         "name": "LitElement",
                         "package": "lit"
                     },
-                    "tagName": "timered-counter-roller-digit",
                     "customElement": true
                 }
             ],
@@ -8297,14 +8349,6 @@
                         "name": "TimeredCounterRollerDigit",
                         "module": "src/transitions/roller/roller-digit.ts"
                     }
-                },
-                {
-                    "kind": "custom-element-definition",
-                    "name": "timered-counter-roller-digit",
-                    "declaration": {
-                        "name": "TimeredCounterRollerDigit",
-                        "module": "src/transitions/roller/roller-digit.ts"
-                    }
                 }
             ]
         },
@@ -8571,7 +8615,6 @@
                         "name": "LitElement",
                         "package": "lit"
                     },
-                    "tagName": "timered-counter-roller",
                     "customElement": true
                 }
             ],
@@ -8583,14 +8626,6 @@
                         "name": "TimeredCounterRoller",
                         "module": "src/transitions/roller/roller.ts"
                     }
-                },
-                {
-                    "kind": "custom-element-definition",
-                    "name": "timered-counter-roller",
-                    "declaration": {
-                        "name": "TimeredCounterRoller",
-                        "module": "src/transitions/roller/roller.ts"
-                    }
                 }
             ]
         },
@@ -8627,6 +8662,171 @@
                     }
                 }
             ]
+        },
+        {
+            "kind": "javascript-module",
+            "path": "src/wrappers/vue/format-props.ts",
+            "declarations": [
+                {
+                    "kind": "function",
+                    "name": "formatProps",
+                    "return": {
+                        "type": {
+                            "text": "P"
+                        }
+                    },
+                    "parameters": [
+                        {
+                            "name": "props",
+                            "type": {
+                                "text": "P"
+                            }
+                        }
+                    ]
+                }
+            ],
+            "exports": [
+                {
+                    "kind": "js",
+                    "name": "formatProps",
+                    "declaration": {
+                        "name": "formatProps",
+                        "module": "src/wrappers/vue/format-props.ts"
+                    }
+                }
+            ]
+        },
+        {
+            "kind": "javascript-module",
+            "path": "src/wrappers/vue/index.ts",
+            "declarations": [
+                {
+                    "kind": "variable",
+                    "name": "TimeredCounterPlugin",
+                    "type": {
+                        "text": "Plugin"
+                    },
+                    "default": "{ install: (app: App) => { app.component('TimeredCounterNumber', TimeredCounterNumber); app.component( 'TimeredCounterDatetimeDuration', TimeredCounterDatetimeDuration, ); app.component('TimeredCounterString', TimeredCounterString); }, }"
+                }
+            ],
+            "exports": [
+                {
+                    "kind": "js",
+                    "name": "TimeredCounterNumber",
+                    "declaration": {
+                        "name": "TimeredCounterNumber",
+                        "module": "src/wrappers/vue/index.ts"
+                    }
+                },
+                {
+                    "kind": "js",
+                    "name": "TimeredCounterString",
+                    "declaration": {
+                        "name": "TimeredCounterString",
+                        "module": "src/wrappers/vue/index.ts"
+                    }
+                },
+                {
+                    "kind": "js",
+                    "name": "TimeredCounterDatetimeDuration",
+                    "declaration": {
+                        "name": "TimeredCounterDatetimeDuration",
+                        "module": "src/wrappers/vue/index.ts"
+                    }
+                },
+                {
+                    "kind": "js",
+                    "name": "default",
+                    "declaration": {
+                        "name": "TimeredCounterPlugin",
+                        "module": "src/wrappers/vue/index.ts"
+                    }
+                }
+            ]
+        },
+        {
+            "kind": "javascript-module",
+            "path": "src/wrappers/vue/timered-counter-datetime-duration.ts",
+            "declarations": [
+                {
+                    "kind": "function",
+                    "name": "TimeredCounterDatetimeDuration",
+                    "parameters": [
+                        {
+                            "name": "props"
+                        },
+                        {
+                            "name": "{ attrs, slots, emit }"
+                        }
+                    ]
+                }
+            ],
+            "exports": [
+                {
+                    "kind": "js",
+                    "name": "TimeredCounterDatetimeDuration",
+                    "declaration": {
+                        "name": "TimeredCounterDatetimeDuration",
+                        "module": "src/wrappers/vue/timered-counter-datetime-duration.ts"
+                    }
+                }
+            ]
+        },
+        {
+            "kind": "javascript-module",
+            "path": "src/wrappers/vue/timered-counter-number.ts",
+            "declarations": [
+                {
+                    "kind": "function",
+                    "name": "TimeredCounterNumber",
+                    "parameters": [
+                        {
+                            "name": "props"
+                        },
+                        {
+                            "name": "{ attrs, slots, emit }"
+                        }
+                    ]
+                }
+            ],
+            "exports": [
+                {
+                    "kind": "js",
+                    "name": "TimeredCounterNumber",
+                    "declaration": {
+                        "name": "TimeredCounterNumber",
+                        "module": "src/wrappers/vue/timered-counter-number.ts"
+                    }
+                }
+            ]
+        },
+        {
+            "kind": "javascript-module",
+            "path": "src/wrappers/vue/timered-counter-string.ts",
+            "declarations": [
+                {
+                    "kind": "function",
+                    "name": "TimeredCounterString",
+                    "parameters": [
+                        {
+                            "name": "props"
+                        },
+                        {
+                            "name": "{ attrs, slots, emit }"
+                        }
+                    ]
+                }
+            ],
+            "exports": [
+                {
+                    "kind": "js",
+                    "name": "TimeredCounterString",
+                    "declaration": {
+                        "name": "TimeredCounterString",
+                        "module": "src/wrappers/vue/timered-counter-string.ts"
+                    }
+                }
+            ]
         }
     ]
 }

package/dist/src/index.d.ts

@@ -6,6 +6,8 @@ export { TimeredCounter, TimeredCounterDatetimeDuration, TimeredCounterNumber, T
 export * from './easing/index.js';
 export * from './types/index.js';
 export * from './timered-counter-adapter.js';
+export declare function registerDecimalJsNumberAdapter(): void;
+export declare function registerGraphemeSplitterStringAdapter(): void;
 declare global {
     interface HTMLElementTagNameMap {
         'timered-counter': TimeredCounter;

package/dist/src/index.js

@@ -2,8 +2,17 @@ import { TimeredCounter } from './timered-counter.js';
 import { TimeredCounterNumber } from './timered-counter-number.js';
 import { TimeredCounterString } from './timered-counter-string.js';
 import { TimeredCounterDatetimeDuration } from './timered-counter-datetime-duration.js';
+import { TimeredCounterAdapter } from './timered-counter-adapter.js';
+import decimalJsAdapter from './number-adapter/decimal-js.js';
+import graphemeSplitterAdapter from './string-adapter/grapheme-splitter.js';
 export { TimeredCounter, TimeredCounterDatetimeDuration, TimeredCounterNumber, TimeredCounterString, };
 export * from './easing/index.js';
 export * from './types/index.js';
 export * from './timered-counter-adapter.js';
+export function registerDecimalJsNumberAdapter() {
+    decimalJsAdapter.register(TimeredCounterAdapter);
+}
+export function registerGraphemeSplitterStringAdapter() {
+    graphemeSplitterAdapter.register(TimeredCounterAdapter);
+}
 //# sourceMappingURL=index.js.map

package/dist/src/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACtD,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AACnE,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AACnE,OAAO,EAAE,8BAA8B,EAAE,MAAM,wCAAwC,CAAC;AAExF,OAAO,EACL,cAAc,EACd,8BAA8B,EAC9B,oBAAoB,EACpB,oBAAoB,GACrB,CAAC;AAEF,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AAEjC,cAAc,8BAA8B,CAAC","sourcesContent":["import { TimeredCounter } from './timered-counter.js';\nimport { TimeredCounterNumber } from './timered-counter-number.js';\nimport { TimeredCounterString } from './timered-counter-string.js';\nimport { TimeredCounterDatetimeDuration } from './timered-counter-datetime-duration.js';\n\nexport {\n  TimeredCounter,\n  TimeredCounterDatetimeDuration,\n  TimeredCounterNumber,\n  TimeredCounterString,\n};\n\nexport * from './easing/index.js';\nexport * from './types/index.js';\n\nexport * from './timered-counter-adapter.js';\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'timered-counter': TimeredCounter;\n    'timered-counter-datetime-duration': TimeredCounterDatetimeDuration;\n    'timered-counter-number': TimeredCounterNumber;\n    'timered-counter-string': TimeredCounterString;\n  }\n}\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACtD,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AACnE,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AACnE,OAAO,EAAE,8BAA8B,EAAE,MAAM,wCAAwC,CAAC;AAExF,OAAO,EAAE,qBAAqB,EAAE,MAAM,8BAA8B,CAAC;AACrE,OAAO,gBAAgB,MAAM,gCAAgC,CAAC;AAC9D,OAAO,uBAAuB,MAAM,uCAAuC,CAAC;AAE5E,OAAO,EACL,cAAc,EACd,8BAA8B,EAC9B,oBAAoB,EACpB,oBAAoB,GACrB,CAAC;AAEF,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AAEjC,cAAc,8BAA8B,CAAC;AAE7C,MAAM,UAAU,8BAA8B;IAC5C,gBAAgB,CAAC,QAAQ,CAAC,qBAAqB,CAAC,CAAC;AACnD,CAAC;AAED,MAAM,UAAU,qCAAqC;IACnD,uBAAuB,CAAC,QAAQ,CAAC,qBAAqB,CAAC,CAAC;AAC1D,CAAC","sourcesContent":["import { TimeredCounter } from './timered-counter.js';\nimport { TimeredCounterNumber } from './timered-counter-number.js';\nimport { TimeredCounterString } from './timered-counter-string.js';\nimport { TimeredCounterDatetimeDuration } from './timered-counter-datetime-duration.js';\n\nimport { TimeredCounterAdapter } from './timered-counter-adapter.js';\nimport decimalJsAdapter from './number-adapter/decimal-js.js';\nimport graphemeSplitterAdapter from './string-adapter/grapheme-splitter.js';\n\nexport {\n  TimeredCounter,\n  TimeredCounterDatetimeDuration,\n  TimeredCounterNumber,\n  TimeredCounterString,\n};\n\nexport * from './easing/index.js';\nexport * from './types/index.js';\n\nexport * from './timered-counter-adapter.js';\n\nexport function registerDecimalJsNumberAdapter() {\n  decimalJsAdapter.register(TimeredCounterAdapter);\n}\n\nexport function registerGraphemeSplitterStringAdapter() {\n  graphemeSplitterAdapter.register(TimeredCounterAdapter);\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'timered-counter': TimeredCounter;\n    'timered-counter-datetime-duration': TimeredCounterDatetimeDuration;\n    'timered-counter-number': TimeredCounterNumber;\n    'timered-counter-string': TimeredCounterString;\n  }\n}\n"]}

package/dist/src/timered-counter-adapter.d.ts

@@ -55,7 +55,7 @@ export declare class TimeredCounterAdapter {
      *
      * 具体示例请查看 {@link GraphemeSplitterAdapter} or {@link DecimalJsAdapter}.
      */
-    static registryAdapter(adapter: {
+    static registerAdapter(adapter: {
         register: (counterAdapter: typeof TimeredCounterAdapter) => void;
     }): void;
 }
@@ -63,3 +63,4 @@ export declare function setNumberAdapter(...args: Parameters<(typeof TimeredCoun
 export declare function setStringAdapter(...args: Parameters<(typeof TimeredCounterAdapter)['setStringAdapter']>): void;
 export declare function registerNumberAdapter(...args: Parameters<(typeof TimeredCounterAdapter)['registerNumberAdapter']>): void;
 export declare function registerStringAdapter(...args: Parameters<(typeof TimeredCounterAdapter)['registerStringAdapter']>): void;
+export declare function registerAdapter(...args: Parameters<(typeof TimeredCounterAdapter)['registerAdapter']>): void;

package/dist/src/timered-counter-adapter.js

@@ -55,7 +55,7 @@ export class TimeredCounterAdapter {
      *
      * 具体示例请查看 {@link GraphemeSplitterAdapter} or {@link DecimalJsAdapter}.
      */
-    static registryAdapter(adapter) {
+    static registerAdapter(adapter) {
         adapter.register(this);
     }
 }
@@ -117,4 +117,7 @@ export function registerNumberAdapter(...args) {
 export function registerStringAdapter(...args) {
     TimeredCounterAdapter.registerStringAdapter(...args);
 }
+export function registerAdapter(...args) {
+    TimeredCounterAdapter.registerAdapter(...args);
+}
 //# sourceMappingURL=timered-counter-adapter.js.map

package/dist/src/timered-counter-adapter.js.map

@@ -1 +1 @@
-{"version":3,"file":"timered-counter-adapter.js","sourceRoot":"","sources":["../../src/timered-counter-adapter.ts"],"names":[],"mappings":"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","sourcesContent":["import { isNullish, isString } from 'remeda';\nimport { BuildInNumberAdapter, NumberAdapter } from './number-adapter/index.js';\nimport {\n  BuildInIntlSegmenterAdapter,\n  BuildInStringAdapter,\n  StringAdapter,\n} from './string-adapter/index.js';\n\nexport class TimeredCounterAdapter {\n  static AVAILABLE_NUMBER_ADAPTERS: Map<string[], () => NumberAdapter> =\n    new Map([\n      [['number'], BuildInNumberAdapter],\n      // [['decimal.js', 'decimaljs'], DecimalJsAdapter()],\n    ]);\n\n  static AVAILABLE_STRING_ADAPTERS: Map<string[], () => StringAdapter> =\n    new Map([\n      [['string'], BuildInStringAdapter],\n      [['intl-segmenter'], BuildInIntlSegmenterAdapter],\n      // [['grapheme-splitter'], GraphemeSplitterAdapter()],\n    ]);\n\n  /**\n   * 数字适配器, 有以下两种:\n   * 1. BuildInNumberAdapter(默认): 使用内置 number 进行计算.\n   * 2. DecimalJsAdapter: 使用 Decimal.js 进行计算.\n   *\n   * 详细信息请查看[字符长度限制](/guide/optional-dependencies#字符长度限制)章节.\n   *\n   * @default BuildInNumberAdapter\n   */\n  static NUMBER_ADAPTER: NumberAdapter = BuildInNumberAdapter();\n\n  /**\n   * 字符串适配器, 有以下两种:\n   * 1. BuildInStringAdapter(默认): 使用内置 string 进行字符串处理.\n   * 2. BuildInIntlSegmenterAdapter: 使用 Intl.Segmenter 进行字符串处理. 能够支持 emoji, 字符集.\n   * 3. GraphemeSplitterAdapter: 使用 grapheme-splitter 进行字符串处理. 能够支持 emoji, 字符集.\n   *\n   * 详细信息请查看[支持 emoji 分词](/guide/optional-dependencies#支持-emoji-分词)章节.\n   *\n   * @default BuildInStringAdapter\n   */\n  static STRING_ADAPTER: StringAdapter = BuildInStringAdapter();\n\n  /**\n   * 将 value 及其相关的属性, 在 attribute 和 property 上的互相转换.\n   *\n   * @see https://lit.dev/docs/components/properties/#attributes\n   * @protected\n   */\n  static VALUE_CONVERTER = {\n    fromAttribute(value: string | null) {\n      return value;\n    },\n    toAttribute(value: unknown) {\n      return isNullish(value)\n        ? value\n        : TimeredCounterAdapter.NUMBER_ADAPTER.toString(value);\n    },\n  };\n\n  /**\n   * 设置要使用的数字适配器. 仅对设置完之后的 TimeredCounter 实例生效.\n   *\n   * 接受的关键字除了内置的 `number` 以外, 还可以通过 {@link registerNumberAdapter} 注册的 `keyword`.\n   *\n   * @param adapterOrType\n   */\n  static setNumberAdapter(adapterOrType: NumberAdapter | 'number' | string) {\n    let adapter: NumberAdapter = BuildInNumberAdapter();\n\n    if (isString(adapterOrType)) {\n      for (const [\n        keywords,\n        adapterFactory,\n      ] of TimeredCounterAdapter.AVAILABLE_NUMBER_ADAPTERS) {\n        if (keywords.includes(adapterOrType)) {\n          adapter = adapterFactory();\n          break;\n        }\n      }\n    } else {\n      adapter = adapterOrType;\n    }\n\n    TimeredCounterAdapter.NUMBER_ADAPTER = adapter;\n  }\n\n  /**\n   * 与 {@link setNumberAdapter} 类似, 用于设置字符串适配器.\n   */\n  static setStringAdapter(\n    adapterOrType: StringAdapter | 'string' | 'intl-segmenter' | string,\n  ) {\n    let adapter: StringAdapter = BuildInStringAdapter();\n\n    if (isString(adapterOrType)) {\n      for (const [\n        keywords,\n        adapterFactory,\n      ] of TimeredCounterAdapter.AVAILABLE_STRING_ADAPTERS) {\n        if (keywords.includes(adapterOrType)) {\n          adapter = adapterFactory();\n          break;\n        }\n      }\n    } else {\n      adapter = adapterOrType;\n    }\n\n    TimeredCounterAdapter.STRING_ADAPTER = adapter;\n  }\n\n  static registerNumberAdapter(\n    keyword: string[],\n    adapter: () => NumberAdapter,\n  ) {\n    TimeredCounterAdapter.AVAILABLE_NUMBER_ADAPTERS.set(keyword, adapter);\n  }\n\n  static registerStringAdapter(\n    keyword: string[],\n    adapter: () => StringAdapter,\n  ) {\n    TimeredCounterAdapter.AVAILABLE_STRING_ADAPTERS.set(keyword, adapter);\n  }\n\n  /**\n   * 可以直接使用 adapter 文件的导出进行注册.\n   *\n   * adapter 文件需要导出一个名为 register 的函数, 该函数接受一个 TimeredCounterAdapter 类型的参数.\n   *\n   * 具体示例请查看 {@link GraphemeSplitterAdapter} or {@link DecimalJsAdapter}.\n   */\n  static registryAdapter(adapter: {\n    register: (counterAdapter: typeof TimeredCounterAdapter) => void;\n  }) {\n    adapter.register(this);\n  }\n}\n\nexport function setNumberAdapter(\n  ...args: Parameters<(typeof TimeredCounterAdapter)['setNumberAdapter']>\n) {\n  TimeredCounterAdapter.setNumberAdapter(...args);\n}\n\nexport function setStringAdapter(\n  ...args: Parameters<(typeof TimeredCounterAdapter)['setStringAdapter']>\n) {\n  TimeredCounterAdapter.setStringAdapter(...args);\n}\n\nexport function registerNumberAdapter(\n  ...args: Parameters<(typeof TimeredCounterAdapter)['registerNumberAdapter']>\n) {\n  TimeredCounterAdapter.registerNumberAdapter(...args);\n}\n\nexport function registerStringAdapter(\n  ...args: Parameters<(typeof TimeredCounterAdapter)['registerStringAdapter']>\n) {\n  TimeredCounterAdapter.registerStringAdapter(...args);\n}\n"]}
+{"version":3,"file":"timered-counter-adapter.js","sourceRoot":"","sources":["../../src/timered-counter-adapter.ts"],"names":[],"mappings":"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","sourcesContent":["import { isNullish, isString } from 'remeda';\nimport { BuildInNumberAdapter, NumberAdapter } from './number-adapter/index.js';\nimport {\n  BuildInIntlSegmenterAdapter,\n  BuildInStringAdapter,\n  StringAdapter,\n} from './string-adapter/index.js';\n\nexport class TimeredCounterAdapter {\n  static AVAILABLE_NUMBER_ADAPTERS: Map<string[], () => NumberAdapter> =\n    new Map([\n      [['number'], BuildInNumberAdapter],\n      // [['decimal.js', 'decimaljs'], DecimalJsAdapter()],\n    ]);\n\n  static AVAILABLE_STRING_ADAPTERS: Map<string[], () => StringAdapter> =\n    new Map([\n      [['string'], BuildInStringAdapter],\n      [['intl-segmenter'], BuildInIntlSegmenterAdapter],\n      // [['grapheme-splitter'], GraphemeSplitterAdapter()],\n    ]);\n\n  /**\n   * 数字适配器, 有以下两种:\n   * 1. BuildInNumberAdapter(默认): 使用内置 number 进行计算.\n   * 2. DecimalJsAdapter: 使用 Decimal.js 进行计算.\n   *\n   * 详细信息请查看[字符长度限制](/guide/optional-dependencies#字符长度限制)章节.\n   *\n   * @default BuildInNumberAdapter\n   */\n  static NUMBER_ADAPTER: NumberAdapter = BuildInNumberAdapter();\n\n  /**\n   * 字符串适配器, 有以下两种:\n   * 1. BuildInStringAdapter(默认): 使用内置 string 进行字符串处理.\n   * 2. BuildInIntlSegmenterAdapter: 使用 Intl.Segmenter 进行字符串处理. 能够支持 emoji, 字符集.\n   * 3. GraphemeSplitterAdapter: 使用 grapheme-splitter 进行字符串处理. 能够支持 emoji, 字符集.\n   *\n   * 详细信息请查看[支持 emoji 分词](/guide/optional-dependencies#支持-emoji-分词)章节.\n   *\n   * @default BuildInStringAdapter\n   */\n  static STRING_ADAPTER: StringAdapter = BuildInStringAdapter();\n\n  /**\n   * 将 value 及其相关的属性, 在 attribute 和 property 上的互相转换.\n   *\n   * @see https://lit.dev/docs/components/properties/#attributes\n   * @protected\n   */\n  static VALUE_CONVERTER = {\n    fromAttribute(value: string | null) {\n      return value;\n    },\n    toAttribute(value: unknown) {\n      return isNullish(value)\n        ? value\n        : TimeredCounterAdapter.NUMBER_ADAPTER.toString(value);\n    },\n  };\n\n  /**\n   * 设置要使用的数字适配器. 仅对设置完之后的 TimeredCounter 实例生效.\n   *\n   * 接受的关键字除了内置的 `number` 以外, 还可以通过 {@link registerNumberAdapter} 注册的 `keyword`.\n   *\n   * @param adapterOrType\n   */\n  static setNumberAdapter(adapterOrType: NumberAdapter | 'number' | string) {\n    let adapter: NumberAdapter = BuildInNumberAdapter();\n\n    if (isString(adapterOrType)) {\n      for (const [\n        keywords,\n        adapterFactory,\n      ] of TimeredCounterAdapter.AVAILABLE_NUMBER_ADAPTERS) {\n        if (keywords.includes(adapterOrType)) {\n          adapter = adapterFactory();\n          break;\n        }\n      }\n    } else {\n      adapter = adapterOrType;\n    }\n\n    TimeredCounterAdapter.NUMBER_ADAPTER = adapter;\n  }\n\n  /**\n   * 与 {@link setNumberAdapter} 类似, 用于设置字符串适配器.\n   */\n  static setStringAdapter(\n    adapterOrType: StringAdapter | 'string' | 'intl-segmenter' | string,\n  ) {\n    let adapter: StringAdapter = BuildInStringAdapter();\n\n    if (isString(adapterOrType)) {\n      for (const [\n        keywords,\n        adapterFactory,\n      ] of TimeredCounterAdapter.AVAILABLE_STRING_ADAPTERS) {\n        if (keywords.includes(adapterOrType)) {\n          adapter = adapterFactory();\n          break;\n        }\n      }\n    } else {\n      adapter = adapterOrType;\n    }\n\n    TimeredCounterAdapter.STRING_ADAPTER = adapter;\n  }\n\n  static registerNumberAdapter(\n    keyword: string[],\n    adapter: () => NumberAdapter,\n  ) {\n    TimeredCounterAdapter.AVAILABLE_NUMBER_ADAPTERS.set(keyword, adapter);\n  }\n\n  static registerStringAdapter(\n    keyword: string[],\n    adapter: () => StringAdapter,\n  ) {\n    TimeredCounterAdapter.AVAILABLE_STRING_ADAPTERS.set(keyword, adapter);\n  }\n\n  /**\n   * 可以直接使用 adapter 文件的导出进行注册.\n   *\n   * adapter 文件需要导出一个名为 register 的函数, 该函数接受一个 TimeredCounterAdapter 类型的参数.\n   *\n   * 具体示例请查看 {@link GraphemeSplitterAdapter} or {@link DecimalJsAdapter}.\n   */\n  static registerAdapter(adapter: {\n    register: (counterAdapter: typeof TimeredCounterAdapter) => void;\n  }) {\n    adapter.register(this);\n  }\n}\n\nexport function setNumberAdapter(\n  ...args: Parameters<(typeof TimeredCounterAdapter)['setNumberAdapter']>\n) {\n  TimeredCounterAdapter.setNumberAdapter(...args);\n}\n\nexport function setStringAdapter(\n  ...args: Parameters<(typeof TimeredCounterAdapter)['setStringAdapter']>\n) {\n  TimeredCounterAdapter.setStringAdapter(...args);\n}\n\nexport function registerNumberAdapter(\n  ...args: Parameters<(typeof TimeredCounterAdapter)['registerNumberAdapter']>\n) {\n  TimeredCounterAdapter.registerNumberAdapter(...args);\n}\n\nexport function registerStringAdapter(\n  ...args: Parameters<(typeof TimeredCounterAdapter)['registerStringAdapter']>\n) {\n  TimeredCounterAdapter.registerStringAdapter(...args);\n}\n\nexport function registerAdapter(\n  ...args: Parameters<(typeof TimeredCounterAdapter)['registerAdapter']>\n) {\n  TimeredCounterAdapter.registerAdapter(...args);\n}\n"]}

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

@@ -1,5 +1,5 @@
 import { __decorate } from "tslib";
-import { customElement, property } from 'lit/decorators.js';
+import { property } from 'lit/decorators.js';
 import { html } from 'lit';
 import { repeat } from 'lit/directives/repeat.js';
 import { isArray, isDate, isNullish, isString, map } from 'remeda';
@@ -11,6 +11,7 @@ import { duration, durationObject } from './utils/duration.js';
 import { iso8601Duration } from './utils/iso8601-duration.js';
 import { timeredCounterDatetimeStyles } from './styles/timered-counter-datetime-styles.js';
 import { parseJsonString } from './utils/parse-json-string.js';
+import { graceDefineCustomElement } from './utils/grace-define-custom-element.js';
 /**
  * 根据最小精度对 from 进行优化. 避免频繁更新.
  *
@@ -43,7 +44,7 @@ function toDurationInMilliseconds(value, minPrecision) {
         to: result[1],
     };
 }
-let TimeredCounterDatetimeDuration = class TimeredCounterDatetimeDuration extends TimeredCounter {
+export class TimeredCounterDatetimeDuration extends TimeredCounter {
     constructor() {
         super(...arguments);
         this.__precision = [DurationPartType.Second, DurationPartType.Day];
@@ -201,7 +202,7 @@ let TimeredCounterDatetimeDuration = class TimeredCounterDatetimeDuration extend
       </timered-counter-roller>
     `;
     }
-};
+}
 TimeredCounterDatetimeDuration.styles = [...TimeredCounter.styles, timeredCounterDatetimeStyles];
 __decorate([
     property({
@@ -213,8 +214,5 @@ __decorate([
         },
     })
 ], TimeredCounterDatetimeDuration.prototype, "precision", null);
-TimeredCounterDatetimeDuration = __decorate([
-    customElement('timered-counter-datetime-duration')
-], TimeredCounterDatetimeDuration);
-export { TimeredCounterDatetimeDuration };
+graceDefineCustomElement('timered-counter-datetime-duration', TimeredCounterDatetimeDuration);
 //# sourceMappingURL=timered-counter-datetime-duration.js.map