smoothly 1.2.1-alpha.33 → 1.2.1-alpha.34

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

@@ -8976,13 +8976,17 @@ const SmoothlyInput = class {
         Input.formRemove(this);
     }
     async clear() {
-        !this.uneditable && (this.state = this.stateHandler.initialState(undefined));
+        if (!this.uneditable && this.inputElement) {
+            this.state = this.stateHandler.setValue(this.inputElement, this.state, undefined);
+        }
     }
     async edit(editable) {
         !this.uneditable && (this.readonly = !editable);
     }
     async reset() {
-        !this.uneditable && (this.state = this.stateHandler.initialState(this.initialValue));
+        if (!this.uneditable && this.inputElement) {
+            this.state = this.stateHandler.setValue(this.inputElement, this.state, this.initialValue);
+        }
     }
     async setInitialValue() {
         this.changed = false;
@@ -8996,10 +9000,7 @@ const SmoothlyInput = class {
         var _a, _b;
         switch (this.type) {
             case "price":
-                this.stateHandler = InputStateHandler.create("price", {
-                    currency: this.currency,
-                    toInteger: this.toInteger,
-                });
+                this.stateHandler = InputStateHandler.create("price", { currency: this.currency, toInteger: this.toInteger });
                 break;
             default:
                 this.stateHandler = InputStateHandler.create(this.type, getLocale());
@@ -9008,7 +9009,9 @@ const SmoothlyInput = class {
         this.state = this.stateHandler.initialState((_a = this.value) !== null && _a !== void 0 ? _a : (_b = this.state) === null || _b === void 0 ? void 0 : _b.value);
     }
     stateChange() {
+        var _a, _b;
         this.smoothlyInput.emit({ [this.name]: this.stateHandler.getValue(this.state) });
+        (_b = (_a = this.listener).changed) === null || _b === void 0 ? void 0 : _b.call(_a, this);
     }
     valueChange(value) {
         const lastValue = this.stateHandler.getValue(this.state);
@@ -9043,7 +9046,7 @@ const SmoothlyInput = class {
     }
     render() {
         var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
-        return (index.h(index.Host, { key: '2081a74bf6be0577f1117d3a24ac0cd172fbd2fc', 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: 'cd80fb8059ecf0d717e2d28d0b0e78222233f071', name: "start" }), index.h("div", { key: 'eb393a5144fba9cfbfe89f708dfdf499239a6f01' }, index.h("div", { key: '64f8755696e7aa49cd394ea84e2ea7ff0335c1c9', class: "ghost" }, index.h("div", { key: '1ce701d35eedfbeb594df10a9a9800ab7ee668e9', class: "value" }, (_c = this.state) === null || _c === void 0 ? void 0 : _c.value), index.h("div", { key: '113993f0c4da58f1d98e991232425faab4f72145', class: "remainder" }, (_d = this.state) === null || _d === void 0 ? void 0 : _d.remainder)), index.h("input", { key: '5dc2888b742e7109bc3de6a2a57364cf1dc70a41', 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: event => {
+        return (index.h(index.Host, { key: '6cd7aa8a819bb907669e1ab37160653363eea7d7', 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: '0cb34738baae3f04cf1b571c2216b3b156e37af6', name: "start" }), index.h("div", { key: '7d903f93a5eec82c11ae11ad353ffc4d6367935d' }, index.h("div", { key: '476b41ea405c5535a26c6031fec5a1a7dc525d57', class: "ghost" }, index.h("div", { key: '6df340bc0af606853148a89e35058e117699c9a3', class: "value" }, (_c = this.state) === null || _c === void 0 ? void 0 : _c.value), index.h("div", { key: '8536db3c4b3f11c7b7461af4c5275620ea032d0e', class: "remainder" }, (_d = this.state) === null || _d === void 0 ? void 0 : _d.remainder)), index.h("input", { key: '78716f7025f1b224ece5439cedba196d7eedf471', 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: event => {
                 this.state = this.stateHandler.onKeyDown(event, this.state);
                 if (event.key == "Enter")
                     this.smoothlyBlur.emit();
@@ -9056,7 +9059,7 @@ const SmoothlyInput = class {
                     if (Deep.notEqual(lastValue, this.stateHandler.getValue(this.state)))
                         this.smoothlyChange.emit({ [this.name]: this.stateHandler.getValue(this.state) });
                 }
-            } }), index.h("label", { key: '61f058ae3ba0a9cf40212284c8f8788e37ed3e55', class: "label float-on-focus", htmlFor: this.name }, index.h("slot", { key: 'd829477221afec32e766b59e4aa4bdac9e6c9540' })), index.h("smoothly-icon", { key: 'b9c4b0ad7664c2f386b113e92072eb0224746ab7', name: "alert-circle", color: "danger", fill: "clear", size: "small", toolTip: this.errorMessage })), index.h("slot", { key: '96b1f1f375b1442690c903fd7dcbf637f3300d32', name: "end" })));
+            } }), index.h("label", { key: 'f58d7b17ee3d85271d2176af3467d486dad75242', class: "label float-on-focus", htmlFor: this.name }, index.h("slot", { key: 'c60916793141a30eed9a9bee88d91d6f4b0691a8' })), index.h("smoothly-icon", { key: 'ff2b6d441306f6ad9f06b2d9097caa7bfea1d0a0', name: "alert-circle", color: "danger", fill: "clear", size: "small", toolTip: this.errorMessage })), index.h("slot", { key: 'b776850e4b5fb350aac85ba09ea234c075d4ca3b', name: "end" })));
     }
     get element() { return index.getElement(this); }
     static get watchers() { return {
@@ -9170,7 +9173,7 @@ const SmoothlyInputClear = class {
                 if (Editable.Element.is(parent)) {
                     parent.listen("changed", async (p) => {
                         if (Input.is(p)) {
-                            this.display = !p.readonly && (typeof p.defined == "boolean" ? p.defined : Boolean(p.value));
+                            this.display = !p.readonly && (typeof p.defined == "boolean" ? p.defined : Boolean(await p.getValue()));
                         }
                         if (p instanceof SmoothlyForm) {
                             this.disabled = p.readonly || Object.values(p.value).filter(val => val).length < 1;
@@ -9187,7 +9190,7 @@ const SmoothlyInputClear = class {
     }
     render() {
         var _a;
-        return (index.h(index.Host, { key: '7bb322fb319af1b6a2fb1da1cdb24ea862632a7b', title: this.tooltip }, index.h("smoothly-button", { key: '8bb682ea233a93e79655eb56c5f1062663da8f6b', disabled: this.disabled, size: this.size, type: "button", shape: this.shape, expand: this.expand, color: this.color, fill: (_a = this.fill) !== null && _a !== void 0 ? _a : (this.type == "input" ? "clear" : undefined) }, index.h("slot", { key: 'ec40b26c5cdeeb3ea6d15125132b4eac7ed7e262' }), index.h("smoothly-icon", { key: '82c94ae2ac49414d95679167da83246d5b2eb6c8', name: "close", size: "tiny" }))));
+        return (index.h(index.Host, { key: 'a0d238a896afcda6611c7586b27b4e9b287aff44', title: this.tooltip }, index.h("smoothly-button", { key: '2275a4e66801744b2fcf751e089d34d86cdefc2a', disabled: this.disabled, size: this.size, type: "button", shape: this.shape, expand: this.expand, color: this.color, fill: (_a = this.fill) !== null && _a !== void 0 ? _a : (this.type == "input" ? "clear" : undefined) }, index.h("slot", { key: '9de9c388ac7d872e12c1520cc5fa74d3619c6b91' }), index.h("smoothly-icon", { key: 'cd5225e037c955febc9ce5f6a9e7c81694da86d0', name: "close", size: "tiny" }))));
     }
 };
 SmoothlyInputClear.style = SmoothlyInputClearStyle0;