@wavemaker/app-ng-runtime 11.13.0-rc.6255 → 11.14.0-rc.6276

package/components/input/base-form/bundles/index.umd.js

@@ -0,0 +1,133 @@
+(function (global, factory) {
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@wm/core'), require('@wm/components/base'), require('lodash-es')) :
+    typeof define === 'function' && define.amd ? define(['exports', '@angular/core', '@wm/core', '@wm/components/base', 'lodash-es'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.wm = global.wm || {}, global.wm.components = global.wm.components || {}, global.wm.components.input = global.wm.components.input || {}, global.wm.components.input.baseForm = {}), global.ng.core, global.wm.core, global.wm.components.base, global._));
+})(this, (function (exports, i0, core, base, lodashEs) { 'use strict';
+
+    function _interopNamespaceDefault(e) {
+        var n = Object.create(null);
+        if (e) {
+            Object.keys(e).forEach(function (k) {
+                if (k !== 'default') {
+                    var d = Object.getOwnPropertyDescriptor(e, k);
+                    Object.defineProperty(n, k, d.get ? d : {
+                        enumerable: true,
+                        get: function () { return e[k]; }
+                    });
+                }
+            });
+        }
+        n.default = e;
+        return Object.freeze(n);
+    }
+
+    var i0__namespace = /*#__PURE__*/_interopNamespaceDefault(i0);
+
+    class BaseFormComponent extends base.StylableComponent {
+        constructor(inj, config, explicitContext, initPromise) {
+            super(inj, config, explicitContext, initPromise);
+            this.inj = inj;
+            this.binddatavalue = this.$element.attr('datavalue.bind');
+        }
+        set datavalue(datavalue) {
+            this.dataval = datavalue;
+        }
+        get datavalue() {
+            return this.dataval;
+        }
+        /**
+         * Responsible for updating the variable bound to the widget's datavalue property.
+         * @param value
+         */
+        updateBoundVariable(value) {
+            let binddatavalue = this.binddatavalue;
+            // return if the variable bound is not static.
+            if (this.datavaluesource && this.datavaluesource.execute(core.DataSource.Operation.IS_API_AWARE)) {
+                return;
+            }
+            else if (this.datavaluesource && !this.datavaluesource.twoWayBinding) {
+                return;
+            }
+            // return if widget is bound.
+            if (!binddatavalue || binddatavalue.startsWith('Widgets.') || binddatavalue.startsWith('itemRef.currentItemWidgets')) {
+                return;
+            }
+            binddatavalue = binddatavalue.replace(/\[\$i\]/g, '[0]');
+            binddatavalue = binddatavalue.replace(/\[(.*?)\]/g, (_match, key) => {
+                try {
+                    const value = eval(`this.viewParent.${key}`);
+                    if (typeof value === 'string' || typeof value === 'number')
+                        return `[${value}]`;
+                    else
+                        return '[0]';
+                }
+                catch {
+                    return '[0]'; // fallback if evaluation fails
+                }
+            });
+            // In case of list widget context will be the listItem.
+            if (lodashEs.has(this.context, binddatavalue.split('.')[0]) && lodashEs.has(this.context, binddatavalue)) {
+                lodashEs.set(this.context, binddatavalue, value);
+            }
+            // Parent widget must update on custom widget datavalue change for bindings to work
+            else if (lodashEs.has(this.viewParent, binddatavalue) && this.viewParent.containerWidget?._isCustom) {
+                lodashEs.set(this.viewParent, binddatavalue, value);
+            }
+            else if (lodashEs.has(this.viewParent, binddatavalue) && this.datavaluesource?.owner === "Page") {
+                lodashEs.set(this.viewParent, binddatavalue, value);
+            }
+            else if (lodashEs.has(this.viewParent?.App, binddatavalue) && this.datavaluesource?.owner === "App") {
+                lodashEs.set(this.viewParent.App, binddatavalue, value);
+            }
+        }
+        invokeOnChange(value, $event) {
+            // invoke the event callback
+            if ($event) {
+                if (this.datavalue !== this.prevDatavalue) {
+                    this.updateBoundVariable(value);
+                    this.invokeEventCallback('change', {
+                        $event,
+                        newVal: value,
+                        oldVal: this.prevDatavalue
+                    });
+                }
+            }
+            // update the previous value
+            this.prevDatavalue = value;
+        }
+        updatePrevDatavalue(val) {
+            this.prevDatavalue = val;
+        }
+        getPrevDataValue() {
+            return this.prevDatavalue;
+        }
+        ngAfterViewInit() {
+            super.ngAfterViewInit();
+            // [WMS-18892]- stopping event propagation [for ArrowLeft, ArrowUp, ArrowRight, ArrowDown actions]  when form widgets or form is inside list widget
+            let parentElemList = $(this.nativeElement).parents();
+            if (parentElemList.closest('[wmList]').length) {
+                this.$element.keydown(function ($event) {
+                    if ($event.keyCode === 37 || $event.keyCode === 38 || $event.keyCode === 39 || $event.keyCode === 40) {
+                        $event.stopPropagation();
+                    }
+                });
+            }
+        }
+        static { this.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0__namespace, type: BaseFormComponent, deps: [{ token: i0__namespace.Injector }, { token: base.WidgetConfig }, { token: 'EXPLICIT_CONTEXT', optional: true }, { token: Promise }], target: i0__namespace.ɵɵFactoryTarget.Injectable }); }
+        static { this.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0__namespace, type: BaseFormComponent }); }
+    }
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0__namespace, type: BaseFormComponent, decorators: [{
+                type: i0.Injectable
+            }], ctorParameters: () => [{ type: i0__namespace.Injector }, { type: undefined, decorators: [{
+                        type: i0.Inject,
+                        args: [base.WidgetConfig]
+                    }] }, { type: undefined, decorators: [{
+                        type: i0.Inject,
+                        args: ['EXPLICIT_CONTEXT']
+                    }, {
+                        type: i0.Optional
+                    }] }, { type: Promise }] });
+
+    exports.BaseFormComponent = BaseFormComponent;
+
+}));

package/components/input/base-form/esm2022/base-form.component.mjs

@@ -0,0 +1,110 @@
+import { Inject, Injectable, Injector, Optional } from '@angular/core';
+import { DataSource } from '@wm/core';
+import { StylableComponent, WidgetConfig } from '@wm/components/base';
+import { has, set } from "lodash-es";
+import * as i0 from "@angular/core";
+export class BaseFormComponent extends StylableComponent {
+    constructor(inj, config, explicitContext, initPromise) {
+        super(inj, config, explicitContext, initPromise);
+        this.inj = inj;
+        this.binddatavalue = this.$element.attr('datavalue.bind');
+    }
+    set datavalue(datavalue) {
+        this.dataval = datavalue;
+    }
+    get datavalue() {
+        return this.dataval;
+    }
+    /**
+     * Responsible for updating the variable bound to the widget's datavalue property.
+     * @param value
+     */
+    updateBoundVariable(value) {
+        let binddatavalue = this.binddatavalue;
+        // return if the variable bound is not static.
+        if (this.datavaluesource && this.datavaluesource.execute(DataSource.Operation.IS_API_AWARE)) {
+            return;
+        }
+        else if (this.datavaluesource && !this.datavaluesource.twoWayBinding) {
+            return;
+        }
+        // return if widget is bound.
+        if (!binddatavalue || binddatavalue.startsWith('Widgets.') || binddatavalue.startsWith('itemRef.currentItemWidgets')) {
+            return;
+        }
+        binddatavalue = binddatavalue.replace(/\[\$i\]/g, '[0]');
+        binddatavalue = binddatavalue.replace(/\[(.*?)\]/g, (_match, key) => {
+            try {
+                const value = eval(`this.viewParent.${key}`);
+                if (typeof value === 'string' || typeof value === 'number')
+                    return `[${value}]`;
+                else
+                    return '[0]';
+            }
+            catch {
+                return '[0]'; // fallback if evaluation fails
+            }
+        });
+        // In case of list widget context will be the listItem.
+        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);
+        }
+        else if (has(this.viewParent?.App, binddatavalue) && this.datavaluesource?.owner === "App") {
+            set(this.viewParent.App, binddatavalue, value);
+        }
+    }
+    invokeOnChange(value, $event) {
+        // invoke the event callback
+        if ($event) {
+            if (this.datavalue !== this.prevDatavalue) {
+                this.updateBoundVariable(value);
+                this.invokeEventCallback('change', {
+                    $event,
+                    newVal: value,
+                    oldVal: this.prevDatavalue
+                });
+            }
+        }
+        // update the previous value
+        this.prevDatavalue = value;
+    }
+    updatePrevDatavalue(val) {
+        this.prevDatavalue = val;
+    }
+    getPrevDataValue() {
+        return this.prevDatavalue;
+    }
+    ngAfterViewInit() {
+        super.ngAfterViewInit();
+        // [WMS-18892]- stopping event propagation [for ArrowLeft, ArrowUp, ArrowRight, ArrowDown actions]  when form widgets or form is inside list widget
+        let parentElemList = $(this.nativeElement).parents();
+        if (parentElemList.closest('[wmList]').length) {
+            this.$element.keydown(function ($event) {
+                if ($event.keyCode === 37 || $event.keyCode === 38 || $event.keyCode === 39 || $event.keyCode === 40) {
+                    $event.stopPropagation();
+                }
+            });
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: BaseFormComponent, deps: [{ token: i0.Injector }, { token: WidgetConfig }, { token: 'EXPLICIT_CONTEXT', optional: true }, { token: Promise }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: BaseFormComponent }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: BaseFormComponent, decorators: [{
+            type: Injectable
+        }], ctorParameters: () => [{ type: i0.Injector }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [WidgetConfig]
+                }] }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: ['EXPLICIT_CONTEXT']
+                }, {
+                    type: Optional
+                }] }, { type: Promise }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFzZS1mb3JtLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudHMvd2lkZ2V0cy9pbnB1dC9iYXNlLWZvcm0vc3JjL2Jhc2UtZm9ybS5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFnQixNQUFNLEVBQUUsVUFBVSxFQUFFLFFBQVEsRUFBRSxRQUFRLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFFcEYsT0FBTyxFQUFDLFVBQVUsRUFBQyxNQUFNLFVBQVUsQ0FBQztBQUVwQyxPQUFPLEVBQWdCLGlCQUFpQixFQUFFLFlBQVksRUFBQyxNQUFNLHFCQUFxQixDQUFDO0FBQ25GLE9BQU8sRUFBQyxHQUFHLEVBQUUsR0FBRyxFQUFDLE1BQU0sV0FBVyxDQUFDOztBQUduQyxNQUFNLE9BQWdCLGlCQUFrQixTQUFRLGlCQUFpQjtJQU83RCxZQUNjLEdBQWEsRUFDRCxNQUFxQixFQUNILGVBQW9CLEVBQzVELFdBQTBCO1FBRTFCLEtBQUssQ0FBQyxHQUFHLEVBQUUsTUFBTSxFQUFFLGVBQWUsRUFBRSxXQUFXLENBQUMsQ0FBQztRQUx2QyxRQUFHLEdBQUgsR0FBRyxDQUFVO1FBTXZCLElBQUksQ0FBQyxhQUFhLEdBQUcsSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsZ0JBQWdCLENBQUMsQ0FBQztJQUM5RCxDQUFDO0lBRUQsSUFBSSxTQUFTLENBQUMsU0FBUztRQUNuQixJQUFJLENBQUMsT0FBTyxHQUFHLFNBQVMsQ0FBQztJQUM3QixDQUFDO0lBRUQsSUFBSSxTQUFTO1FBQ1QsT0FBTyxJQUFJLENBQUMsT0FBTyxDQUFDO0lBQ3hCLENBQUM7SUFFRDs7O09BR0c7SUFDSCxtQkFBbUIsQ0FBQyxLQUFLO1FBQ3JCLElBQUksYUFBYSxHQUFHLElBQUksQ0FBQyxhQUFhLENBQUM7UUFFdkMsOENBQThDO1FBQzlDLElBQUksSUFBSSxDQUFDLGVBQWUsSUFBSSxJQUFJLENBQUMsZUFBZSxDQUFDLE9BQU8sQ0FBQyxVQUFVLENBQUMsU0FBUyxDQUFDLFlBQVksQ0FBQyxFQUFFLENBQUM7WUFDMUYsT0FBTztRQUNYLENBQUM7YUFBTSxJQUFJLElBQUksQ0FBQyxlQUFlLElBQUksQ0FBQyxJQUFJLENBQUMsZUFBZSxDQUFDLGFBQWEsRUFBRSxDQUFDO1lBQ2pFLE9BQU87UUFDZixDQUFDO1FBRUQsNkJBQTZCO1FBQzdCLElBQUksQ0FBQyxhQUFhLElBQUksYUFBYSxDQUFDLFVBQVUsQ0FBQyxVQUFVLENBQUMsSUFBSSxhQUFhLENBQUMsVUFBVSxDQUFDLDRCQUE0QixDQUFDLEVBQUUsQ0FBQztZQUNuSCxPQUFPO1FBQ1gsQ0FBQztRQUVELGFBQWEsR0FBRyxhQUFhLENBQUMsT0FBTyxDQUFDLFVBQVUsRUFBRSxLQUFLLENBQUMsQ0FBQztRQUN6RCxhQUFhLEdBQUcsYUFBYSxDQUFDLE9BQU8sQ0FDakMsWUFBWSxFQUNaLENBQUMsTUFBTSxFQUFFLEdBQUcsRUFBRSxFQUFFO1lBQ1osSUFBSSxDQUFDO2dCQUNELE1BQU0sS0FBSyxHQUFHLElBQUksQ0FBQyxtQkFBbUIsR0FBRyxFQUFFLENBQUMsQ0FBQztnQkFDN0MsSUFBSSxPQUFPLEtBQUssS0FBSyxRQUFRLElBQUksT0FBTyxLQUFLLEtBQUssUUFBUTtvQkFDekQsT0FBTyxJQUFJLEtBQUssR0FBRyxDQUFDOztvQkFFcEIsT0FBTyxLQUFLLENBQUE7WUFDakIsQ0FBQztZQUFDLE1BQU0sQ0FBQztnQkFDTCxPQUFPLEtBQUssQ0FBQyxDQUFDLCtCQUErQjtZQUNqRCxDQUFDO1FBQ0wsQ0FBQyxDQUNKLENBQUM7UUFHRix1REFBdUQ7UUFDdkQsSUFBSSxHQUFHLENBQUMsSUFBSSxDQUFDLE9BQU8sRUFBRSxhQUFhLENBQUMsS0FBSyxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLElBQUksR0FBRyxDQUFDLElBQUksQ0FBQyxPQUFPLEVBQUUsYUFBYSxDQUFDLEVBQUUsQ0FBQztZQUNyRixHQUFHLENBQUMsSUFBSSxDQUFDLE9BQU8sRUFBRSxhQUFhLEVBQUUsS0FBSyxDQUFDLENBQUM7UUFDNUMsQ0FBQztRQUNELG1GQUFtRjthQUM5RSxJQUFJLEdBQUcsQ0FBQyxJQUFJLENBQUMsVUFBVSxFQUFFLGFBQWEsQ0FBQyxJQUFJLElBQUksQ0FBQyxVQUFVLENBQUMsZUFBZSxFQUFFLFNBQVMsRUFBRSxDQUFDO1lBQ3pGLEdBQUcsQ0FBQyxJQUFJLENBQUMsVUFBVSxFQUFFLGFBQWEsRUFBRSxLQUFLLENBQUMsQ0FBQztRQUMvQyxDQUFDO2FBQU0sSUFBSSxHQUFHLENBQUMsSUFBSSxDQUFDLFVBQVUsRUFBRSxhQUFhLENBQUMsSUFBSSxJQUFJLENBQUMsZUFBZSxFQUFFLEtBQUssS0FBSyxNQUFNLEVBQUUsQ0FBQztZQUN2RixHQUFHLENBQUMsSUFBSSxDQUFDLFVBQVUsRUFBRSxhQUFhLEVBQUUsS0FBSyxDQUFDLENBQUM7UUFDL0MsQ0FBQzthQUFNLElBQUksR0FBRyxDQUFDLElBQUksQ0FBQyxVQUFVLEVBQUUsR0FBRyxFQUFFLGFBQWEsQ0FBQyxJQUFJLElBQUksQ0FBQyxlQUFlLEVBQUUsS0FBSyxLQUFLLEtBQUssRUFBRSxDQUFDO1lBQzNGLEdBQUcsQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDLEdBQUcsRUFBRSxhQUFhLEVBQUUsS0FBSyxDQUFDLENBQUM7UUFDbkQsQ0FBQztJQUNMLENBQUM7SUFFUyxjQUFjLENBQUMsS0FBSyxFQUFFLE1BQWM7UUFDMUMsNEJBQTRCO1FBQzVCLElBQUksTUFBTSxFQUFFLENBQUM7WUFDVCxJQUFJLElBQUksQ0FBQyxTQUFTLEtBQUssSUFBSSxDQUFDLGFBQWEsRUFBRSxDQUFDO2dCQUN4QyxJQUFJLENBQUMsbUJBQW1CLENBQUMsS0FBSyxDQUFDLENBQUM7Z0JBQ2hDLElBQUksQ0FBQyxtQkFBbUIsQ0FBQyxRQUFRLEVBQUU7b0JBQy9CLE1BQU07b0JBQ04sTUFBTSxFQUFFLEtBQUs7b0JBQ2IsTUFBTSxFQUFFLElBQUksQ0FBQyxhQUFhO2lCQUM3QixDQUFDLENBQUM7WUFDUCxDQUFDO1FBQ0wsQ0FBQztRQUNELDRCQUE0QjtRQUM1QixJQUFJLENBQUMsYUFBYSxHQUFHLEtBQUssQ0FBQztJQUMvQixDQUFDO0lBRVMsbUJBQW1CLENBQUMsR0FBUTtRQUNsQyxJQUFJLENBQUMsYUFBYSxHQUFHLEdBQUcsQ0FBQztJQUM3QixDQUFDO0lBQ1MsZ0JBQWdCO1FBQ3RCLE9BQU8sSUFBSSxDQUFDLGFBQWEsQ0FBQztJQUM5QixDQUFDO0lBRUQsZUFBZTtRQUNYLEtBQUssQ0FBQyxlQUFlLEVBQUUsQ0FBQztRQUVoQyxtSkFBbUo7UUFDM0ksSUFBSSxjQUFjLEdBQUcsQ0FBQyxDQUFDLElBQUksQ0FBQyxhQUFhLENBQUMsQ0FBQyxPQUFPLEVBQUUsQ0FBQztRQUNyRCxJQUFJLGNBQWMsQ0FBQyxPQUFPLENBQUMsVUFBVSxDQUFDLENBQUMsTUFBTSxFQUFFLENBQUM7WUFDNUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxPQUFPLENBQUMsVUFBUyxNQUFNO2dCQUNqQyxJQUFJLE1BQU0sQ0FBQyxPQUFPLEtBQUssRUFBRSxJQUFJLE1BQU0sQ0FBQyxPQUFPLEtBQUssRUFBRSxJQUFJLE1BQU0sQ0FBQyxPQUFPLEtBQUssRUFBRSxJQUFJLE1BQU0sQ0FBQyxPQUFPLEtBQUssRUFBRSxFQUFFLENBQUM7b0JBQ25HLE1BQU0sQ0FBQyxlQUFlLEVBQUUsQ0FBQztnQkFDN0IsQ0FBQztZQUNMLENBQUMsQ0FBQyxDQUFDO1FBQ1AsQ0FBQztJQUNMLENBQUM7K0dBOUdpQixpQkFBaUIsMENBU3ZCLFlBQVksYUFDWixrQkFBa0I7bUhBVlosaUJBQWlCOzs0RkFBakIsaUJBQWlCO2tCQUR0QyxVQUFVOzswQkFVRixNQUFNOzJCQUFDLFlBQVk7OzBCQUNuQixNQUFNOzJCQUFDLGtCQUFrQjs7MEJBQUcsUUFBUSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7QWZ0ZXJWaWV3SW5pdCwgSW5qZWN0LCBJbmplY3RhYmxlLCBJbmplY3RvciwgT3B0aW9uYWx9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQge0RhdGFTb3VyY2V9IGZyb20gJ0B3bS9jb3JlJztcblxuaW1wb3J0IHtJV2lkZ2V0Q29uZmlnLCBTdHlsYWJsZUNvbXBvbmVudCwgV2lkZ2V0Q29uZmlnfSBmcm9tICdAd20vY29tcG9uZW50cy9iYXNlJztcbmltcG9ydCB7aGFzLCBzZXR9IGZyb20gXCJsb2Rhc2gtZXNcIjtcblxuQEluamVjdGFibGUoKVxuZXhwb3J0IGFic3RyYWN0IGNsYXNzIEJhc2VGb3JtQ29tcG9uZW50IGV4dGVuZHMgU3R5bGFibGVDb21wb25lbnQgaW1wbGVtZW50cyBBZnRlclZpZXdJbml0e1xuXG4gICAgcHJpdmF0ZSBkYXRhdmFsO1xuICAgIHByaXZhdGUgcHJldkRhdGF2YWx1ZTtcbiAgICBwcm90ZWN0ZWQgYmluZGRhdGF2YWx1ZTogc3RyaW5nO1xuICAgIHByaXZhdGUgZGF0YXZhbHVlc291cmNlOiBhbnk7XG5cbiAgICBwcm90ZWN0ZWQgY29uc3RydWN0b3IoXG4gICAgICAgIHByb3RlY3RlZCBpbmo6IEluamVjdG9yLFxuICAgICAgICBASW5qZWN0KFdpZGdldENvbmZpZykgY29uZmlnOiBJV2lkZ2V0Q29uZmlnLFxuICAgICAgICBASW5qZWN0KCdFWFBMSUNJVF9DT05URVhUJykgQE9wdGlvbmFsKCkgZXhwbGljaXRDb250ZXh0OiBhbnksXG4gICAgICAgIGluaXRQcm9taXNlPzogUHJvbWlzZTxhbnk+XG4gICAgKSB7XG4gICAgICAgIHN1cGVyKGluaiwgY29uZmlnLCBleHBsaWNpdENvbnRleHQsIGluaXRQcm9taXNlKTtcbiAgICAgICAgdGhpcy5iaW5kZGF0YXZhbHVlID0gdGhpcy4kZWxlbWVudC5hdHRyKCdkYXRhdmFsdWUuYmluZCcpO1xuICAgIH1cblxuICAgIHNldCBkYXRhdmFsdWUoZGF0YXZhbHVlKSB7XG4gICAgICAgIHRoaXMuZGF0YXZhbCA9IGRhdGF2YWx1ZTtcbiAgICB9XG5cbiAgICBnZXQgZGF0YXZhbHVlKCkge1xuICAgICAgICByZXR1cm4gdGhpcy5kYXRhdmFsO1xuICAgIH1cblxuICAgIC8qKlxuICAgICAqIFJlc3BvbnNpYmxlIGZvciB1cGRhdGluZyB0aGUgdmFyaWFibGUgYm91bmQgdG8gdGhlIHdpZGdldCdzIGRhdGF2YWx1ZSBwcm9wZXJ0eS5cbiAgICAgKiBAcGFyYW0gdmFsdWVcbiAgICAgKi9cbiAgICB1cGRhdGVCb3VuZFZhcmlhYmxlKHZhbHVlKSB7XG4gICAgICAgIGxldCBiaW5kZGF0YXZhbHVlID0gdGhpcy5iaW5kZGF0YXZhbHVlO1xuXG4gICAgICAgIC8vIHJldHVybiBpZiB0aGUgdmFyaWFibGUgYm91bmQgaXMgbm90IHN0YXRpYy5cbiAgICAgICAgaWYgKHRoaXMuZGF0YXZhbHVlc291cmNlICYmIHRoaXMuZGF0YXZhbHVlc291cmNlLmV4ZWN1dGUoRGF0YVNvdXJjZS5PcGVyYXRpb24uSVNfQVBJX0FXQVJFKSkge1xuICAgICAgICAgICAgcmV0dXJuO1xuICAgICAgICB9IGVsc2UgaWYgKHRoaXMuZGF0YXZhbHVlc291cmNlICYmICF0aGlzLmRhdGF2YWx1ZXNvdXJjZS50d29XYXlCaW5kaW5nKSB7XG4gICAgICAgICAgICAgICAgcmV0dXJuO1xuICAgICAgICB9XG5cbiAgICAgICAgLy8gcmV0dXJuIGlmIHdpZGdldCBpcyBib3VuZC5cbiAgICAgICAgaWYgKCFiaW5kZGF0YXZhbHVlIHx8IGJpbmRkYXRhdmFsdWUuc3RhcnRzV2l0aCgnV2lkZ2V0cy4nKSB8fCBiaW5kZGF0YXZhbHVlLnN0YXJ0c1dpdGgoJ2l0ZW1SZWYuY3VycmVudEl0ZW1XaWRnZXRzJykpIHtcbiAgICAgICAgICAgIHJldHVybjtcbiAgICAgICAgfVxuXG4gICAgICAgIGJpbmRkYXRhdmFsdWUgPSBiaW5kZGF0YXZhbHVlLnJlcGxhY2UoL1xcW1xcJGlcXF0vZywgJ1swXScpO1xuICAgICAgICBiaW5kZGF0YXZhbHVlID0gYmluZGRhdGF2YWx1ZS5yZXBsYWNlKFxuICAgICAgICAgICAgL1xcWyguKj8pXFxdL2csXG4gICAgICAgICAgICAoX21hdGNoLCBrZXkpID0+IHtcbiAgICAgICAgICAgICAgICB0cnkge1xuICAgICAgICAgICAgICAgICAgICBjb25zdCB2YWx1ZSA9IGV2YWwoYHRoaXMudmlld1BhcmVudC4ke2tleX1gKTtcbiAgICAgICAgICAgICAgICAgICAgaWYgKHR5cGVvZiB2YWx1ZSA9PT0gJ3N0cmluZycgfHwgdHlwZW9mIHZhbHVlID09PSAnbnVtYmVyJylcbiAgICAgICAgICAgICAgICAgICAgIHJldHVybiBgWyR7dmFsdWV9XWA7XG4gICAgICAgICAgICAgICAgICAgIGVsc2VcbiAgICAgICAgICAgICAgICAgICAgIHJldHVybiAnWzBdJ1xuICAgICAgICAgICAgICAgIH0gY2F0Y2gge1xuICAgICAgICAgICAgICAgICAgICByZXR1cm4gJ1swXSc7IC8vIGZhbGxiYWNrIGlmIGV2YWx1YXRpb24gZmFpbHNcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9XG4gICAgICAgICk7XG5cblxuICAgICAgICAvLyBJbiBjYXNlIG9mIGxpc3Qgd2lkZ2V0IGNvbnRleHQgd2lsbCBiZSB0aGUgbGlzdEl0ZW0uXG4gICAgICAgIGlmIChoYXModGhpcy5jb250ZXh0LCBiaW5kZGF0YXZhbHVlLnNwbGl0KCcuJylbMF0pICYmIGhhcyh0aGlzLmNvbnRleHQsIGJpbmRkYXRhdmFsdWUpKSB7XG4gICAgICAgICAgICBzZXQodGhpcy5jb250ZXh0LCBiaW5kZGF0YXZhbHVlLCB2YWx1ZSk7XG4gICAgICAgIH1cbiAgICAgICAgLy8gUGFyZW50IHdpZGdldCBtdXN0IHVwZGF0ZSBvbiBjdXN0b20gd2lkZ2V0IGRhdGF2YWx1ZSBjaGFuZ2UgZm9yIGJpbmRpbmdzIHRvIHdvcmtcbiAgICAgICAgZWxzZSBpZiAoaGFzKHRoaXMudmlld1BhcmVudCwgYmluZGRhdGF2YWx1ZSkgJiYgdGhpcy52aWV3UGFyZW50LmNvbnRhaW5lcldpZGdldD8uX2lzQ3VzdG9tKSB7XG4gICAgICAgICAgICBzZXQodGhpcy52aWV3UGFyZW50LCBiaW5kZGF0YXZhbHVlLCB2YWx1ZSk7XG4gICAgICAgIH0gZWxzZSBpZiAoaGFzKHRoaXMudmlld1BhcmVudCwgYmluZGRhdGF2YWx1ZSkgJiYgdGhpcy5kYXRhdmFsdWVzb3VyY2U/Lm93bmVyID09PSBcIlBhZ2VcIikge1xuICAgICAgICAgICAgc2V0KHRoaXMudmlld1BhcmVudCwgYmluZGRhdGF2YWx1ZSwgdmFsdWUpO1xuICAgICAgICB9IGVsc2UgaWYgKGhhcyh0aGlzLnZpZXdQYXJlbnQ/LkFwcCwgYmluZGRhdGF2YWx1ZSkgJiYgdGhpcy5kYXRhdmFsdWVzb3VyY2U/Lm93bmVyID09PSBcIkFwcFwiKSB7XG4gICAgICAgICAgICBzZXQodGhpcy52aWV3UGFyZW50LkFwcCwgYmluZGRhdGF2YWx1ZSwgdmFsdWUpO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgcHJvdGVjdGVkIGludm9rZU9uQ2hhbmdlKHZhbHVlLCAkZXZlbnQ/OiBFdmVudCkge1xuICAgICAgICAvLyBpbnZva2UgdGhlIGV2ZW50IGNhbGxiYWNrXG4gICAgICAgIGlmICgkZXZlbnQpIHtcbiAgICAgICAgICAgIGlmICh0aGlzLmRhdGF2YWx1ZSAhPT0gdGhpcy5wcmV2RGF0YXZhbHVlKSB7XG4gICAgICAgICAgICAgICAgdGhpcy51cGRhdGVCb3VuZFZhcmlhYmxlKHZhbHVlKTtcbiAgICAgICAgICAgICAgICB0aGlzLmludm9rZUV2ZW50Q2FsbGJhY2soJ2NoYW5nZScsIHtcbiAgICAgICAgICAgICAgICAgICAgJGV2ZW50LFxuICAgICAgICAgICAgICAgICAgICBuZXdWYWw6IHZhbHVlLFxuICAgICAgICAgICAgICAgICAgICBvbGRWYWw6IHRoaXMucHJldkRhdGF2YWx1ZVxuICAgICAgICAgICAgICAgIH0pO1xuICAgICAgICAgICAgfVxuICAgICAgICB9XG4gICAgICAgIC8vIHVwZGF0ZSB0aGUgcHJldmlvdXMgdmFsdWVcbiAgICAgICAgdGhpcy5wcmV2RGF0YXZhbHVlID0gdmFsdWU7XG4gICAgfVxuXG4gICAgcHJvdGVjdGVkIHVwZGF0ZVByZXZEYXRhdmFsdWUodmFsOiBhbnkpIHtcbiAgICAgICAgdGhpcy5wcmV2RGF0YXZhbHVlID0gdmFsO1xuICAgIH1cbiAgICBwcm90ZWN0ZWQgZ2V0UHJldkRhdGFWYWx1ZSgpIHtcbiAgICAgICAgcmV0dXJuIHRoaXMucHJldkRhdGF2YWx1ZTtcbiAgICB9XG5cbiAgICBuZ0FmdGVyVmlld0luaXQoKSB7XG4gICAgICAgIHN1cGVyLm5nQWZ0ZXJWaWV3SW5pdCgpO1xuXG4vLyBbV01TLTE4ODkyXS0gc3RvcHBpbmcgZXZlbnQgcHJvcGFnYXRpb24gW2ZvciBBcnJvd0xlZnQsIEFycm93VXAsIEFycm93UmlnaHQsIEFycm93RG93biBhY3Rpb25zXSAgd2hlbiBmb3JtIHdpZGdldHMgb3IgZm9ybSBpcyBpbnNpZGUgbGlzdCB3aWRnZXRcbiAgICAgICAgbGV0IHBhcmVudEVsZW1MaXN0ID0gJCh0aGlzLm5hdGl2ZUVsZW1lbnQpLnBhcmVudHMoKTtcbiAgICAgICAgaWYgKHBhcmVudEVsZW1MaXN0LmNsb3Nlc3QoJ1t3bUxpc3RdJykubGVuZ3RoKSB7XG4gICAgICAgICAgICB0aGlzLiRlbGVtZW50LmtleWRvd24oZnVuY3Rpb24oJGV2ZW50KSB7XG4gICAgICAgICAgICAgICAgaWYgKCRldmVudC5rZXlDb2RlID09PSAzNyB8fCAkZXZlbnQua2V5Q29kZSA9PT0gMzggfHwgJGV2ZW50LmtleUNvZGUgPT09IDM5IHx8ICRldmVudC5rZXlDb2RlID09PSA0MCkge1xuICAgICAgICAgICAgICAgICAgICAkZXZlbnQuc3RvcFByb3BhZ2F0aW9uKCk7XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgfSk7XG4gICAgICAgIH1cbiAgICB9XG59XG4iXX0=

package/components/input/base-form/esm2022/index.mjs

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './public_api';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnRzL3dpZGdldHMvaW5wdXQvYmFzZS1mb3JtL3NyYy9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsY0FBYyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL3B1YmxpY19hcGknO1xuIl19

package/components/input/base-form/esm2022/public_api.mjs

@@ -0,0 +1,2 @@
+export * from './base-form.component';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljX2FwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudHMvd2lkZ2V0cy9pbnB1dC9iYXNlLWZvcm0vc3JjL3B1YmxpY19hcGkudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyx1QkFBdUIsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vYmFzZS1mb3JtLmNvbXBvbmVudCc7XG4iXX0=

package/components/input/base-form/fesm2022/index.mjs

@@ -0,0 +1,117 @@
+import * as i0 from '@angular/core';
+import { Inject, Optional, Injectable } from '@angular/core';
+import { DataSource } from '@wm/core';
+import { StylableComponent, WidgetConfig } from '@wm/components/base';
+import { has, set } from 'lodash-es';
+
+class BaseFormComponent extends StylableComponent {
+    constructor(inj, config, explicitContext, initPromise) {
+        super(inj, config, explicitContext, initPromise);
+        this.inj = inj;
+        this.binddatavalue = this.$element.attr('datavalue.bind');
+    }
+    set datavalue(datavalue) {
+        this.dataval = datavalue;
+    }
+    get datavalue() {
+        return this.dataval;
+    }
+    /**
+     * Responsible for updating the variable bound to the widget's datavalue property.
+     * @param value
+     */
+    updateBoundVariable(value) {
+        let binddatavalue = this.binddatavalue;
+        // return if the variable bound is not static.
+        if (this.datavaluesource && this.datavaluesource.execute(DataSource.Operation.IS_API_AWARE)) {
+            return;
+        }
+        else if (this.datavaluesource && !this.datavaluesource.twoWayBinding) {
+            return;
+        }
+        // return if widget is bound.
+        if (!binddatavalue || binddatavalue.startsWith('Widgets.') || binddatavalue.startsWith('itemRef.currentItemWidgets')) {
+            return;
+        }
+        binddatavalue = binddatavalue.replace(/\[\$i\]/g, '[0]');
+        binddatavalue = binddatavalue.replace(/\[(.*?)\]/g, (_match, key) => {
+            try {
+                const value = eval(`this.viewParent.${key}`);
+                if (typeof value === 'string' || typeof value === 'number')
+                    return `[${value}]`;
+                else
+                    return '[0]';
+            }
+            catch {
+                return '[0]'; // fallback if evaluation fails
+            }
+        });
+        // In case of list widget context will be the listItem.
+        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);
+        }
+        else if (has(this.viewParent?.App, binddatavalue) && this.datavaluesource?.owner === "App") {
+            set(this.viewParent.App, binddatavalue, value);
+        }
+    }
+    invokeOnChange(value, $event) {
+        // invoke the event callback
+        if ($event) {
+            if (this.datavalue !== this.prevDatavalue) {
+                this.updateBoundVariable(value);
+                this.invokeEventCallback('change', {
+                    $event,
+                    newVal: value,
+                    oldVal: this.prevDatavalue
+                });
+            }
+        }
+        // update the previous value
+        this.prevDatavalue = value;
+    }
+    updatePrevDatavalue(val) {
+        this.prevDatavalue = val;
+    }
+    getPrevDataValue() {
+        return this.prevDatavalue;
+    }
+    ngAfterViewInit() {
+        super.ngAfterViewInit();
+        // [WMS-18892]- stopping event propagation [for ArrowLeft, ArrowUp, ArrowRight, ArrowDown actions]  when form widgets or form is inside list widget
+        let parentElemList = $(this.nativeElement).parents();
+        if (parentElemList.closest('[wmList]').length) {
+            this.$element.keydown(function ($event) {
+                if ($event.keyCode === 37 || $event.keyCode === 38 || $event.keyCode === 39 || $event.keyCode === 40) {
+                    $event.stopPropagation();
+                }
+            });
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: BaseFormComponent, deps: [{ token: i0.Injector }, { token: WidgetConfig }, { token: 'EXPLICIT_CONTEXT', optional: true }, { token: Promise }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: BaseFormComponent }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: BaseFormComponent, decorators: [{
+            type: Injectable
+        }], ctorParameters: () => [{ type: i0.Injector }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [WidgetConfig]
+                }] }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: ['EXPLICIT_CONTEXT']
+                }, {
+                    type: Optional
+                }] }, { type: Promise }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { BaseFormComponent };
+//# sourceMappingURL=index.mjs.map

package/components/input/base-form/fesm2022/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../../../projects/components/widgets/input/base-form/src/base-form.component.ts","../../../../../projects/components/widgets/input/base-form/src/index.ts"],"sourcesContent":["import {AfterViewInit, Inject, Injectable, Injector, Optional} from '@angular/core';\n\nimport {DataSource} from '@wm/core';\n\nimport {IWidgetConfig, StylableComponent, WidgetConfig} from '@wm/components/base';\nimport {has, set} from \"lodash-es\";\n\n@Injectable()\nexport abstract class BaseFormComponent extends StylableComponent implements AfterViewInit{\n\n    private dataval;\n    private prevDatavalue;\n    protected binddatavalue: string;\n    private datavaluesource: any;\n\n    protected constructor(\n        protected inj: Injector,\n        @Inject(WidgetConfig) config: IWidgetConfig,\n        @Inject('EXPLICIT_CONTEXT') @Optional() explicitContext: any,\n        initPromise?: Promise<any>\n    ) {\n        super(inj, config, explicitContext, initPromise);\n        this.binddatavalue = this.$element.attr('datavalue.bind');\n    }\n\n    set datavalue(datavalue) {\n        this.dataval = datavalue;\n    }\n\n    get datavalue() {\n        return this.dataval;\n    }\n\n    /**\n     * Responsible for updating the variable bound to the widget's datavalue property.\n     * @param value\n     */\n    updateBoundVariable(value) {\n        let binddatavalue = this.binddatavalue;\n\n        // return if the variable bound is not static.\n        if (this.datavaluesource && this.datavaluesource.execute(DataSource.Operation.IS_API_AWARE)) {\n            return;\n        } else if (this.datavaluesource && !this.datavaluesource.twoWayBinding) {\n                return;\n        }\n\n        // return if widget is bound.\n        if (!binddatavalue || binddatavalue.startsWith('Widgets.') || binddatavalue.startsWith('itemRef.currentItemWidgets')) {\n            return;\n        }\n\n        binddatavalue = binddatavalue.replace(/\\[\\$i\\]/g, '[0]');\n        binddatavalue = binddatavalue.replace(\n            /\\[(.*?)\\]/g,\n            (_match, key) => {\n                try {\n                    const value = eval(`this.viewParent.${key}`);\n                    if (typeof value === 'string' || typeof value === 'number')\n                     return `[${value}]`;\n                    else\n                     return '[0]'\n                } catch {\n                    return '[0]'; // fallback if evaluation fails\n                }\n            }\n        );\n\n\n        // In case of list widget context will be the listItem.\n        if (has(this.context, binddatavalue.split('.')[0]) && has(this.context, binddatavalue)) {\n            set(this.context, binddatavalue, value);\n        }\n        // Parent widget must update on custom widget datavalue change for bindings to work\n        else if (has(this.viewParent, binddatavalue) && this.viewParent.containerWidget?._isCustom) {\n            set(this.viewParent, binddatavalue, value);\n        } else if (has(this.viewParent, binddatavalue) && this.datavaluesource?.owner === \"Page\") {\n            set(this.viewParent, binddatavalue, value);\n        } else if (has(this.viewParent?.App, binddatavalue) && this.datavaluesource?.owner === \"App\") {\n            set(this.viewParent.App, binddatavalue, value);\n        }\n    }\n\n    protected invokeOnChange(value, $event?: Event) {\n        // invoke the event callback\n        if ($event) {\n            if (this.datavalue !== this.prevDatavalue) {\n                this.updateBoundVariable(value);\n                this.invokeEventCallback('change', {\n                    $event,\n                    newVal: value,\n                    oldVal: this.prevDatavalue\n                });\n            }\n        }\n        // update the previous value\n        this.prevDatavalue = value;\n    }\n\n    protected updatePrevDatavalue(val: any) {\n        this.prevDatavalue = val;\n    }\n    protected getPrevDataValue() {\n        return this.prevDatavalue;\n    }\n\n    ngAfterViewInit() {\n        super.ngAfterViewInit();\n\n// [WMS-18892]- stopping event propagation [for ArrowLeft, ArrowUp, ArrowRight, ArrowDown actions]  when form widgets or form is inside list widget\n        let parentElemList = $(this.nativeElement).parents();\n        if (parentElemList.closest('[wmList]').length) {\n            this.$element.keydown(function($event) {\n                if ($event.keyCode === 37 || $event.keyCode === 38 || $event.keyCode === 39 || $event.keyCode === 40) {\n                    $event.stopPropagation();\n                }\n            });\n        }\n    }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}

package/components/input/base-form/index.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="@wm/components/input/base-form" />
+export * from './public_api';

package/components/input/base-form/package.json

@@ -0,0 +1,20 @@
+{
+  "name": "@wm/components/input/base-form",
+  "sideEffects": false,
+  "dependencies": {
+    "tslib": "^2.0.0"
+  },
+  "module": "fesm2022/index.mjs",
+  "typings": "index.d.ts",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./index.d.ts",
+      "esm2022": "./esm2022/index.mjs",
+      "esm": "./esm2022/index.mjs",
+      "default": "./fesm2022/index.mjs"
+    }
+  }
+}

package/components/input/base-form/public_api.d.ts

@@ -0,0 +1 @@
+export * from './base-form.component';

package/components/input/base-form-custom/.npmignore

@@ -0,0 +1,2 @@
+# Nested package.json's are only needed for development.
+**/package.json

package/components/input/{default → base-form-custom}/base-form-custom.component.d.ts

@@ -1,6 +1,6 @@
 import { ControlValueAccessor, FormControlName, Validator, AbstractControl } from '@angular/forms';
 import { OnInit } from '@angular/core';
-import { BaseFormComponent } from './base-form.component';
+import { BaseFormComponent } from '@wm/components/input/base-form';
 import * as i0 from "@angular/core";
 export declare abstract class BaseFormCustomComponent extends BaseFormComponent implements ControlValueAccessor, OnInit, Validator {
     private _formControl;

package/components/input/base-form-custom/bundles/index.umd.js

@@ -0,0 +1,118 @@
+(function (global, factory) {
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/forms'), require('@angular/core'), require('@wm/components/input/base-form')) :
+    typeof define === 'function' && define.amd ? define(['exports', '@angular/forms', '@angular/core', '@wm/components/input/base-form'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.wm = global.wm || {}, global.wm.components = global.wm.components || {}, global.wm.components.input = global.wm.components.input || {}, global.wm.components.input.baseFormCustom = {}), global.ng.forms, global.ng.core, global.wm.components.input.baseForm));
+})(this, (function (exports, forms, i0, baseForm) { 'use strict';
+
+    function _interopNamespaceDefault(e) {
+        var n = Object.create(null);
+        if (e) {
+            Object.keys(e).forEach(function (k) {
+                if (k !== 'default') {
+                    var d = Object.getOwnPropertyDescriptor(e, k);
+                    Object.defineProperty(n, k, d.get ? d : {
+                        enumerable: true,
+                        get: function () { return e[k]; }
+                    });
+                }
+            });
+        }
+        n.default = e;
+        return Object.freeze(n);
+    }
+
+    var i0__namespace = /*#__PURE__*/_interopNamespaceDefault(i0);
+
+    /*
+     * WMS-18269
+     * custom 'required' validator for components,
+     * as the bound values are resolved at runtime
+     * Called on 'required' property change
+     *
+     * Note: Component needs NG_VALIDATOR provider for this to work
+     */
+    function isValidValue(val) {
+        switch (typeof val) {
+            case 'object': return (!!val && (!!val.length || !!Object.keys(val).length));
+            case 'number': return (!!val || val === 0);
+            default: return !(val === undefined || val === null || val === '');
+        }
+    }
+    function validateRequiredBind(required) {
+        return (control) => required
+            ? (isValidValue(control.value)
+                ? null
+                : { required: true })
+            : null;
+    }
+    class BaseFormCustomComponent extends baseForm.BaseFormComponent {
+        constructor() {
+            super(...arguments);
+            this._onChange = () => { };
+            this._onTouched = () => { };
+        }
+        ngOnInit() {
+            super.ngOnInit();
+            this._formControl = this.inj.get(forms.FormControlName, null);
+        }
+        registerOnChange(fn) {
+            this._onChange = fn;
+        }
+        registerOnTouched(fn) {
+            this._onTouched = fn;
+        }
+        writeValue(value) {
+            if (this.isDestroyed) {
+                return;
+            }
+            if (this._formControl) {
+                if (this._formControl.valueAccessor["widgetSubType"].startsWith('wm-custom-'))
+                    return;
+                this.datavalue = value;
+                this.onPropertyChange('datavalue', value);
+                this.updatePrevDatavalue(value);
+            }
+            /*
+             * WMS:18246
+             * Call onChange on default value, so that the Component Model is updated
+             * Do only When the Model Value is different from datavalue
+             */
+            (value !== this.datavalue) && this._onChange(this.datavalue);
+        }
+        get formControl() {
+            return this._formControl;
+        }
+        invokeOnChange(value, $event, valid) {
+            // let the angular know about the change
+            this._onChange(value);
+            if ($event) {
+                super.invokeOnChange(value, $event);
+            }
+            else if (valid) {
+                // Fix for [WMS-24869]: updating PrevDatavalue when there is a default value for the widget.
+                this.updatePrevDatavalue(value);
+            }
+        }
+        invokeOnTouched($event) {
+            this._onTouched();
+            if ($event) {
+                this.invokeEventCallback('blur', { $event });
+            }
+        }
+        invokeOnFocus($event) {
+            this.invokeEventCallback('focus', { $event });
+        }
+        /* WMS-18269 */
+        validate(control) {
+            return this['show'] ? validateRequiredBind(this['required'])(control) : null;
+        }
+        static { this.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0__namespace, type: BaseFormCustomComponent, deps: null, target: i0__namespace.ɵɵFactoryTarget.Injectable }); }
+        static { this.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0__namespace, type: BaseFormCustomComponent }); }
+    }
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0__namespace, type: BaseFormCustomComponent, decorators: [{
+                type: i0.Injectable
+            }] });
+
+    exports.BaseFormCustomComponent = BaseFormCustomComponent;
+
+}));