smoothly 1.85.0 → 1.86.0

package/dist/cjs/smoothly-app_103.cjs.entry.js

@@ -9423,13 +9423,15 @@ class InputStateHandler {
     toString(value) {
         return this.formatter.toString(value);
     }
-    initialState(value) {
+    initialState(value, inputElement) {
         const stringValue = this.toString(value) || "";
         const start = stringValue.length;
         const state = this.createFormattedState({
             value: stringValue,
             selection: { start, end: start, direction: "none" },
         });
+        if (inputElement)
+            inputElement.value = state.value;
         return state;
     }
     setValue(inputElement, formattedState, value) {
@@ -9578,8 +9580,7 @@ const SmoothlyInput = class {
                 this.stateHandler = InputStateHandler.create(this.type, getLocale());
                 break;
         }
-        this.state = this.stateHandler.initialState((_a = this.value) !== null && _a !== void 0 ? _a : (_b = this.state) === null || _b === void 0 ? void 0 : _b.value);
-        this.inputElement && (this.state = this.stateHandler.setValue(this.inputElement, this.state, this.value));
+        this.state = this.stateHandler.initialState((_a = this.value) !== null && _a !== void 0 ? _a : (_b = this.state) === null || _b === void 0 ? void 0 : _b.value, this.inputElement);
     }
     stateChange() {
         const value = this.stateHandler.getValue(this.state);
@@ -9626,7 +9627,7 @@ const SmoothlyInput = class {
     }
     render() {
         var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
-        return (index.h(index.Host, { key: '1504c02e41ccb51d4a77b460eef9312dc89cc6e2', class: { "has-value": ((_a = this.state) === null || _a === void 0 ? void 0 : _a.value) != undefined && ((_b = this.state) === null || _b === void 0 ? void 0 : _b.value) != "" }, onclick: () => { var _a; return (_a = this.inputElement) === null || _a === void 0 ? void 0 : _a.focus(); } }, index.h("slot", { key: '3c04573eb3f0d4d4557aeadd7bf5fb46999c49bd', name: "start" }), index.h("div", { key: 'd7470f23286de6eedce69cbf40cf6bcd45a84d4d', class: "smoothly-input-container" }, index.h("div", { key: 'b0b1b0d3ff66bb3e07cfad1835365b2ee91d77bd', class: "guide" }, index.h("div", { key: '2ae60ed4f2fc95717d02ee53e24a621cb4b6d9d4', class: "value" }, (_c = this.state) === null || _c === void 0 ? void 0 : _c.value), index.h("div", { key: '959c18357072e8bfeadc5678055804d1157e93b7', class: "remainder" }, (_d = this.state) === null || _d === void 0 ? void 0 : _d.remainder)), index.h("input", { key: 'be47e5c74932b40e4a72b81ceedb766c407df9ee', ref: (el) => (this.inputElement = el), color: this.color, name: this.name, type: (_e = this.state) === null || _e === void 0 ? void 0 : _e.type, inputmode: (_f = this.state) === null || _f === void 0 ? void 0 : _f.inputmode, placeholder: this.placeholder, required: this.required, autocomplete: (_g = this.autocomplete) !== null && _g !== void 0 ? _g : (_h = this.state) === null || _h === void 0 ? void 0 : _h.autocomplete, disabled: this.disabled, readOnly: this.readonly, pattern: ((_j = this.state) === null || _j === void 0 ? void 0 : _j.pattern) && ((_k = this.state) === null || _k === void 0 ? void 0 : _k.pattern.source), onKeyDown: async (event) => {
+        return (index.h(index.Host, { key: 'ca37908f1857547c5ba7a20c512838c22e1c00c7', class: { "has-value": ((_a = this.state) === null || _a === void 0 ? void 0 : _a.value) != undefined && ((_b = this.state) === null || _b === void 0 ? void 0 : _b.value) != "" }, onclick: () => { var _a; return (_a = this.inputElement) === null || _a === void 0 ? void 0 : _a.focus(); } }, index.h("slot", { key: '8471966b187be0553c20aa74e94e3c524135aaba', name: "start" }), index.h("div", { key: '1aaa00ac29eea6aff4274a5ed182c9e88ecee91e', class: "smoothly-input-container" }, index.h("div", { key: '87e8dff38036d15be674c37b2aaa1b144bedd68d', class: "guide" }, index.h("div", { key: '265330f23f44613d4e82424403743aa47e1fa40f', class: "value" }, (_c = this.state) === null || _c === void 0 ? void 0 : _c.value), index.h("div", { key: 'b75d05e13da01ec15891e7710c7edf4d6f3eafed', class: "remainder" }, (_d = this.state) === null || _d === void 0 ? void 0 : _d.remainder)), index.h("input", { key: '0efb5ac9aa0f1ba043bc66e27b7367b22a05866e', ref: (el) => (this.inputElement = el), color: this.color, name: this.name, type: (_e = this.state) === null || _e === void 0 ? void 0 : _e.type, inputmode: (_f = this.state) === null || _f === void 0 ? void 0 : _f.inputmode, placeholder: this.placeholder, required: this.required, autocomplete: (_g = this.autocomplete) !== null && _g !== void 0 ? _g : (_h = this.state) === null || _h === void 0 ? void 0 : _h.autocomplete, disabled: this.disabled, readOnly: this.readonly, pattern: ((_j = this.state) === null || _j === void 0 ? void 0 : _j.pattern) && ((_k = this.state) === null || _k === void 0 ? void 0 : _k.pattern.source), onKeyDown: async (event) => {
                 this.state = this.stateHandler.onKeyDown(event, this.state);
                 if (!this.readonly && !this.disabled)
                     this.smoothlyKeydown.emit(Key.create(this.name, event));
@@ -9641,7 +9642,7 @@ const SmoothlyInput = class {
                         this.smoothlyUserInput.emit({ name: this.name, value: this.stateHandler.getValue(this.state) });
                     }
                 }
-            } }), index.h("label", { key: '425aaa1a834f34a84281baa70be849bf33cef154', class: "label float-on-focus", htmlFor: this.name }, index.h("slot", { key: '6f2e73b7ae197590656f28dcab0d704a00b5c3cd' }))), this.copyable && this.value && (index.h("span", { key: '4eec70effb0c227efc7873415b6727e89b875d33', class: "copyable" }, index.h("small", { key: '00ec0857d066d900f080038cd70cfc8b6c8c32ab' }, this.copied ? "Copied!" : "Copy"), index.h("smoothly-icon", { key: '440f0bb891b39792018950d9d50135b4f611aaf0', name: "copy-outline", size: "small", onClick: () => this.copyText(this.value), onMouseLeave: () => (this.copied = false) }))), index.h("smoothly-icon", { key: 'f59e0124afd354729822fb95809fd14d8919ef34', class: "smoothly-invalid", name: "alert-circle", color: "danger", fill: "clear", size: "small", tooltip: this.errorMessage }), index.h("slot", { key: 'f07452e2793d65cad5b8b2a935ceea318182115e', name: "end" })));
+            } }), index.h("label", { key: '9544ecc7dabdd5a7500e6cdc436a8ea811ed1dfc', class: "label float-on-focus", htmlFor: this.name }, index.h("slot", { key: 'a9ac68c9ce32a78ac549ac6ca0e5e0af61b4df27' }))), this.copyable && this.value && (index.h("span", { key: '472fed6ffedddb52f3f62050d3a1efcabb66db6f', class: "copyable" }, index.h("small", { key: '0b31de55c8fdee49662493eedecd145265efed26' }, this.copied ? "Copied!" : "Copy"), index.h("smoothly-icon", { key: '1897225b26a2644967de560d09b9a69ae05c4e22', name: "copy-outline", size: "small", onClick: () => this.copyText(this.value), onMouseLeave: () => (this.copied = false) }))), index.h("smoothly-icon", { key: '0b39d127f197daf02a4da12adcbfa590bb0ab7ba', class: "smoothly-invalid", name: "alert-circle", color: "danger", fill: "clear", size: "small", tooltip: this.errorMessage }), index.h("slot", { key: '35f89df18ba1d68b987eaf7a8da3714582a2201c', name: "end" })));
     }
     get element() { return index.getElement(this); }
     static get watchers() { return {