smoothly 1.111.0 → 1.112.0

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

@@ -6386,7 +6386,6 @@ const SmoothlyInputClear = class {
         index$1.registerInstance(this, hostRef);
         this.smoothlyInputLoad = index$1.createEvent(this, "smoothlyInputLoad");
         this.fill = "clear";
-        this.disabled = false;
         this.size = "icon";
         this.display = true;
         this.type = "input";
@@ -6403,10 +6402,16 @@ const SmoothlyInputClear = class {
                             this.display = defined && !p.readonly && !p.disabled;
                         }
                         if (p instanceof SmoothlyForm) {
-                            this.disabled = p.readonly || Object.values(p.value).filter(val => val).length < 1;
                             this.display = !p.readonly;
                         }
                     });
+                    if (typeof this.disabled !== "boolean") {
+                        parent.listen(async (p) => {
+                            if (p instanceof SmoothlyForm) {
+                                this.disabled = p.readonly || Object.values(p.value).filter(val => val).length < 1;
+                            }
+                        });
+                    }
                 }
             }
         });
@@ -6417,7 +6422,7 @@ const SmoothlyInputClear = class {
     }
     render() {
         var _a;
-        return (index$1.h(index$1.Host, { key: '660f4822b0bbd4a73a5b2db9eda230fb54f86581', title: this.tooltip }, index$1.h("smoothly-button", { key: '04e1befe3503073f4afbc6be33ea2d0b7c7149d7', 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$1.h("slot", { key: 'c3e17aa940535baa194883e7e669e9da61bd1ded' }), index$1.h("smoothly-icon", { key: '64a216ff1d5c24d4603e3e810a9f978fcf2914a6', name: "close", size: "tiny" }))));
+        return (index$1.h(index$1.Host, { key: 'c3057c346978456fae66b50daa28779d57897fe4', title: this.tooltip }, index$1.h("smoothly-button", { key: 'ada585112d53669e71813f504c07f4ea51f8365a', 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$1.h("slot", { key: '5300d48ce3c05f9ba4e7492db5069e5252aba1c3' }), index$1.h("smoothly-icon", { key: '771161bfba19ad4f9f875481a75c5b7b65d3d143', name: "close", size: "tiny" }))));
     }
     get element() { return index$1.getElement(this); }
 };
@@ -7813,7 +7818,6 @@ const SmoothlyInputReset = class {
     constructor(hostRef) {
         index$1.registerInstance(this, hostRef);
         this.smoothlyInputLoad = index$1.createEvent(this, "smoothlyInputLoad");
-        this.disabled = false;
         this.size = "icon";
         this.display = true;
         this.type = "input";
@@ -7823,7 +7827,6 @@ const SmoothlyInputReset = class {
         this.smoothlyInputLoad.emit(parent => {
             if (Editable.Element.type.is(parent)) {
                 this.parent = parent;
-                this.readonlyAtLoad = parent.readonly;
                 parent.listen(async (p) => {
                     if (Input.is(p)) {
                         const defined = typeof p.defined == "boolean" ? p.defined : Boolean(await p.getValue());
@@ -7831,9 +7834,16 @@ const SmoothlyInputReset = class {
                     }
                     if (p instanceof SmoothlyForm) {
                         this.display = !p.readonly;
-                        this.disabled = !this.readonlyAtLoad && !p.isDifferentFromInitial;
                     }
                 });
+                if (typeof this.disabled !== "boolean") {
+                    this.readonlyAtLoad = parent.readonly;
+                    parent.listen(async (p) => {
+                        if (p instanceof SmoothlyForm) {
+                            this.disabled = !this.readonlyAtLoad && !p.isDifferentFromInitial;
+                        }
+                    });
+                }
             }
         });
     }
@@ -7845,7 +7855,7 @@ const SmoothlyInputReset = class {
     }
     render() {
         var _a;
-        return (index$1.h(index$1.Host, { key: 'cff6bf87e1bc037cec6f46d6c2588fcea30a91a3', title: this.tooltip }, index$1.h("smoothly-button", { key: 'b26d4ea446cf62de69d817f1d3799b0f12e2ced9', 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), onClick: event => this.clickHandler(event) }, index$1.h("slot", { key: 'aed086c207c6ed79df2552b4d03377191f6f8751' }), index$1.h("smoothly-icon", { key: 'cd506e93eca085433eb3a3d6fd5e37a714001960', flip: "x", name: "refresh-outline", size: "tiny" }))));
+        return (index$1.h(index$1.Host, { key: '07fe387d6e31ee4b8733dd797ccbb6bc2a602450', title: this.tooltip }, index$1.h("smoothly-button", { key: 'db64da157afc163be326cc342d344881b0dd665c', 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), onClick: event => this.clickHandler(event) }, index$1.h("slot", { key: '6a6a1f5f60b8dee75d3adeba5a7dfd611a84d256' }), index$1.h("smoothly-icon", { key: '5d37c4a5f21cf620ab223979e1b0d0e589b97d73', flip: "x", name: "refresh-outline", size: "tiny" }))));
     }
 };
 SmoothlyInputReset.style = styleCss$D();
@@ -8221,14 +8231,20 @@ const SmoothlyInputSubmit = class {
             if (Submittable.Submittable.is(parent) && Editable.type.is(parent)) {
                 this.parent = parent;
                 parent.listen(async (p) => {
-                    var _a;
                     this.display = !p.readonly;
-                    this.disabled =
-                        !this.delete &&
-                            (p.readonly ||
-                                ("validator" in p && p.validator instanceof Scrollable.Type && !((_a = p.validator) === null || _a === void 0 ? void 0 : _a.is(Scrollable.Data.convertArrays(p.value)))) ||
-                                !p.isDifferentFromInitial);
                 });
+                if (typeof this.disabled !== "boolean") {
+                    parent.listen(async (p) => {
+                        var _a;
+                        this.disabled =
+                            !this.delete &&
+                                (p.readonly ||
+                                    ("validator" in p &&
+                                        p.validator instanceof Scrollable.Type &&
+                                        !((_a = p.validator) === null || _a === void 0 ? void 0 : _a.is(Scrollable.Data.convertArrays(p.value)))) ||
+                                    !p.isDifferentFromInitial);
+                    });
+                }
             }
         });
     }
@@ -8238,7 +8254,7 @@ const SmoothlyInputSubmit = class {
     }
     render() {
         var _a, _b;
-        return (index$1.h(index$1.Host, { key: '5bc6d17920c9a5dfa81e81b02df300b661e960f9', title: this.tooltip }, this.delete == true ? (index$1.h("smoothly-button-confirm", { size: this.size, shape: this.shape, expand: this.expand, color: (_a = this.color) !== null && _a !== void 0 ? _a : "danger", fill: this.fill, onSmoothlyConfirm: () => this.clickHandler() }, index$1.h("slot", null), index$1.h("smoothly-icon", { name: "trash-outline", fill: "solid", size: "tiny" }))) : (index$1.h("smoothly-button", { disabled: this.disabled, size: this.size, type: "button", shape: this.shape, expand: this.expand, color: (_b = this.color) !== null && _b !== void 0 ? _b : "success", fill: this.fill, onClick: () => this.clickHandler() }, index$1.h("slot", null), this.icon && index$1.h("smoothly-icon", { name: this.icon, fill: "solid", size: "tiny" })))));
+        return (index$1.h(index$1.Host, { key: '4ba889ed871427b4fd99610c5b775068dc05cc54', title: this.tooltip }, this.delete == true ? (index$1.h("smoothly-button-confirm", { size: this.size, shape: this.shape, expand: this.expand, color: (_a = this.color) !== null && _a !== void 0 ? _a : "danger", fill: this.fill, onSmoothlyConfirm: () => this.clickHandler() }, index$1.h("slot", null), index$1.h("smoothly-icon", { name: "trash-outline", fill: "solid", size: "tiny" }))) : (index$1.h("smoothly-button", { disabled: this.disabled, size: this.size, type: "button", shape: this.shape, expand: this.expand, color: (_b = this.color) !== null && _b !== void 0 ? _b : "success", fill: this.fill, onClick: () => this.clickHandler() }, index$1.h("slot", null), this.icon && index$1.h("smoothly-icon", { name: this.icon, fill: "solid", size: "tiny" })))));
     }
 };
 SmoothlyInputSubmit.style = styleCss$B();