@wavemaker/app-ng-runtime 11.10.3-rc.6079 → 11.10.4-rc.206

package/components/input/default/fesm2022/index.mjs

@@ -226,6 +226,10 @@ class BaseFormComponent extends StylableComponent {
         if (has(this.context, binddatavalue.split('.')[0]) && has(this.context, binddatavalue)) {
             set(this.context, binddatavalue, value);
         }
+        // Parent widget must update on custom widget datavalue change for bindings to work
+        else if (has(this.viewParent, binddatavalue) && this.viewParent.containerWidget?._isCustom) {
+            set(this.viewParent, binddatavalue, value);
+        }
         else if (has(this.viewParent, binddatavalue) && this.datavaluesource.owner === "Page") {
             set(this.viewParent, binddatavalue, value);
         }
@@ -1284,7 +1288,7 @@ class BaseInput extends BaseFormCustomComponent {
             this._onChange(this.datavalue);
         }
         if (key === 'updateon') {
-            this.ngModelOptions.updateOn = nv === 'default' ? 'change' : ov;
+            this.ngModelOptions.updateOn = nv === 'default' ? 'change' : 'blur';
         }
         if (key === 'class') {
             if (this.inputEl.nativeElement) {
@@ -1384,7 +1388,9 @@ let NumberLocale = class NumberLocale extends BaseInput {
             const prevDataValue = this.prevDatavalue;
             this.displayValue = input.value = this.proxyModel = null;
             this.resetValidations();
-            if ((prevDataValue || prevDataValue == 0) && !this.isDefaultQuery) {
+            // Fix for [WMS-27648]: When a decimal value is entered (e.g., "3."), datavalue and prevDatavalue become null as it is an invalid number.
+            // handleChange() should be called when the invalid datavalue (e.g., "3.") is removed, and the value becomes an empty string ("").
+            if ((prevDataValue || prevDataValue == 0 || prevDataValue == null) && !this.isDefaultQuery) {
                 this.handleChange(value);
                 this._onChange();
             }
@@ -2520,7 +2526,7 @@ function SwitchComponent_a_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵproperty("title", ctx_r4.hint ? ctx_r4.hint : opt_r3.key)("name", "wm-switch-" + opt_r3.key)("title", (ctx_r4.hint == null ? null : ctx_r4.hint[opt_r3.index - 1]) ? ctx_r4.hint[opt_r3.index - 1] : (ctx_r4.hint == null ? null : ctx_r4.hint[0]) ? ctx_r4.hint[0] : opt_r3[ctx_r4.displayfield] || opt_r3.label)("ngClass", i0.ɵɵpureFunction2(8, _c2$3, opt_r3.selected, ctx_r4.disabled));
     i0.ɵɵattribute("aria-pressed", opt_r3.selected ? true : false);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", opt_r3.dataObject && opt_r3.dataObject[ctx_r4.iconclass] && !opt_r3.selected);
+    i0.ɵɵproperty("ngIf", opt_r3.dataObject && opt_r3.dataObject[ctx_r4.iconclass] && (!opt_r3.selected || !ctx_r4.checkediconclass));
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngIf", opt_r3.selected && ctx_r4.checkediconclass);
     i0.ɵɵadvance();
@@ -2695,7 +2701,7 @@ class SwitchComponent extends DatasetAwareFormComponent {
         args: [{ selector: '[wmSwitch]', providers: [
                     provideAs(SwitchComponent, NG_VALUE_ACCESSOR, true),
                     provideAsWidgetRef(SwitchComponent)
-                ], exportAs: 'wmSwitch', template: "<div role=\"group\" class=\"btn-group btn-group-justified\" [ngClass]=\"{'multi-select': multiple}\">\n    <a *ngFor=\"let opt of datasetItems; let $index = index;\"\n       focus-target\n       href=\"javascript:void(0);\"\n       class=\"btn btn-default\"\n       [title]=\"hint?hint:opt.key\"\n       [name]=\"'wm-switch-' + opt.key\"\n       role=\"button\"\n       [title]=\"hint?.[opt.index-1]?hint[opt.index-1]:(hint?.[0]?hint[0]:(opt[displayfield]||opt.label))\"\n       [ngClass]=\"{'selected': opt.selected, 'disabled': disabled}\"\n       [attr.aria-pressed]=\"opt.selected ? true : false\"\n       (click)=\"selectOpt($event, $index, opt)\"\n    >\n        <i *ngIf=\"opt.dataObject && opt.dataObject[iconclass] && !opt.selected\" aria-hidden=\"true\" [ngClass]=\"['app-icon', opt.dataObject[iconclass] || opt['icon']]\"></i>\n        <i *ngIf=\"opt.selected && checkediconclass\" aria-hidden=\"true\" [ngClass]=\"[checkediconclass]\"></i>\n        <span class=\"caption\" [textContent]=\"opt[displayfield] || opt.label\"></span>\n    </a>\n</div>\n<span [title]=\"selectedItem ? selectedItem.label : modelByKey\" aria-hidden=\"true\"\n      class=\"btn btn-primary app-switch-overlay switch-handle\" *ngIf=\"!multiple\">\n    <i [ngClass]=\"[checkediconclass]\"></i>\n    <span class=\"caption\">{{selectedItem ? selectedItem.label : modelByKey}}</span>\n</span>\n<input [name]=\"name\" class=\"model-holder ng-hide\" [disabled]=\"disabled\" [value]=\"modelByKey\" [required]=\"required\" aria-hidden=\"true\">\n" }]
+                ], exportAs: 'wmSwitch', template: "<div role=\"group\" class=\"btn-group btn-group-justified\" [ngClass]=\"{'multi-select': multiple}\">\n    <a *ngFor=\"let opt of datasetItems; let $index = index;\"\n       focus-target\n       href=\"javascript:void(0);\"\n       class=\"btn btn-default\"\n       [title]=\"hint?hint:opt.key\"\n       [name]=\"'wm-switch-' + opt.key\"\n       role=\"button\"\n       [title]=\"hint?.[opt.index-1]?hint[opt.index-1]:(hint?.[0]?hint[0]:(opt[displayfield]||opt.label))\"\n       [ngClass]=\"{'selected': opt.selected, 'disabled': disabled}\"\n       [attr.aria-pressed]=\"opt.selected ? true : false\"\n       (click)=\"selectOpt($event, $index, opt)\"\n    >\n        <i *ngIf=\"opt.dataObject && opt.dataObject[iconclass] && (!opt.selected||!checkediconclass)\" aria-hidden=\"true\" [ngClass]=\"['app-icon', opt.dataObject[iconclass] || opt['icon']]\"></i>\n        <i *ngIf=\"opt.selected && checkediconclass\" aria-hidden=\"true\" [ngClass]=\"[checkediconclass]\"></i>\n        <span class=\"caption\" [textContent]=\"opt[displayfield] || opt.label\"></span>\n    </a>\n</div>\n<span [title]=\"selectedItem ? selectedItem.label : modelByKey\" aria-hidden=\"true\"\n      class=\"btn btn-primary app-switch-overlay switch-handle\" *ngIf=\"!multiple\">\n    <i [ngClass]=\"[checkediconclass]\"></i>\n    <span class=\"caption\">{{selectedItem ? selectedItem.label : modelByKey}}</span>\n</span>\n<input [name]=\"name\" class=\"model-holder ng-hide\" [disabled]=\"disabled\" [value]=\"modelByKey\" [required]=\"required\" aria-hidden=\"true\">\n" }]
     }], () => [{ type: i0.Injector }, { type: undefined, decorators: [{
                 type: Inject,
                 args: ['EXPLICIT_CONTEXT']