@wavemaker-ai/app-ng-runtime 12.0.0-rc.335 → 12.0.1-rc.338

package/components/advanced/login/types/index.d.ts

@@ -5,7 +5,7 @@ import { FormComponent } from '@wm/components/data/form';
 import { ButtonComponent } from '@wm/components/input/button';
 
 declare class LoginComponent extends StylableComponent implements AfterViewInit, OnDestroy {
-    static initializeProps: void;
+    static readonly initializeProps: void;
     loginBtnCmp: ButtonComponent;
     formCmp: FormComponent;
     buttonComponents: QueryList<ButtonComponent>;

package/components/advanced/marquee/bundles/index.umd.js

@@ -45,12 +45,12 @@
             super(inj, WIDGET_CONFIG, explicitContext);
             base.styler(this.nativeElement, this);
         }
-        static { this.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0__namespace, type: MarqueeDirective, deps: [{ token: i0__namespace.Injector }, { token: 'EXPLICIT_CONTEXT', optional: true }], target: i0__namespace.ɵɵFactoryTarget.Directive }); }
-        static { this.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.20", type: MarqueeDirective, isStandalone: true, selector: "[wmMarquee]", providers: [
+        static { this.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0__namespace, type: MarqueeDirective, deps: [{ token: i0__namespace.Injector }, { token: 'EXPLICIT_CONTEXT', optional: true }], target: i0__namespace.ɵɵFactoryTarget.Directive }); }
+        static { this.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.21", type: MarqueeDirective, isStandalone: true, selector: "[wmMarquee]", providers: [
                 base.provideAsWidgetRef(MarqueeDirective)
             ], usesInheritance: true, ngImport: i0__namespace }); }
     }
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0__namespace, type: MarqueeDirective, decorators: [{
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0__namespace, type: MarqueeDirective, decorators: [{
                 type: i0.Directive,
                 args: [{
                         standalone: true,

package/components/advanced/marquee/fesm2022/index.mjs

@@ -24,12 +24,12 @@ class MarqueeDirective extends StylableComponent {
         super(inj, WIDGET_CONFIG, explicitContext);
         styler(this.nativeElement, this);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0, type: MarqueeDirective, deps: [{ token: i0.Injector }, { token: 'EXPLICIT_CONTEXT', optional: true }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.20", type: MarqueeDirective, isStandalone: true, selector: "[wmMarquee]", providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: MarqueeDirective, deps: [{ token: i0.Injector }, { token: 'EXPLICIT_CONTEXT', optional: true }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.21", type: MarqueeDirective, isStandalone: true, selector: "[wmMarquee]", providers: [
             provideAsWidgetRef(MarqueeDirective)
         ], usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0, type: MarqueeDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: MarqueeDirective, decorators: [{
             type: Directive,
             args: [{
                     standalone: true,

package/components/advanced/marquee/fesm2022/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../../../projects/components/widgets/advanced/marquee/src/marquee.props.ts","../../../../../projects/components/widgets/advanced/marquee/src/marquee.directive.ts","../../../../../projects/components/widgets/advanced/marquee/src/index.ts"],"sourcesContent":["import { PROP_BOOLEAN, PROP_NUMBER, PROP_STRING, register } from '@wm/components/base';\n\nexport const registerProps = () => {\n    register(\n        'wm-marquee',\n        new Map(\n            [\n                ['class', PROP_STRING],\n                ['direction', PROP_STRING],\n                ['name', PROP_STRING],\n                ['scrollamount', PROP_NUMBER],\n                ['scrolldelay', PROP_NUMBER],\n                ['show', {value: true, ...PROP_BOOLEAN}]\n            ]\n        )\n    );\n};\n","import {Directive, Inject, Injector, Optional} from '@angular/core';\n\nimport { IWidgetConfig, provideAsWidgetRef, StylableComponent, styler } from '@wm/components/base';\n\nimport { registerProps } from './marquee.props';\n\nconst DEFAULT_CLS = 'app-marquee app-container';\nconst WIDGET_CONFIG: IWidgetConfig = {\n    widgetType: 'wm-marquee',\n    hostClass: DEFAULT_CLS\n};\n\n@Directive({\n  standalone: true,\n    selector: '[wmMarquee]',\n    providers: [\n        provideAsWidgetRef(MarqueeDirective)\n    ]\n})\nexport class MarqueeDirective extends StylableComponent {\n    static initializeProps = registerProps();\n\n    constructor(inj: Injector, @Inject('EXPLICIT_CONTEXT') @Optional() explicitContext: any) {\n        super(inj, WIDGET_CONFIG, explicitContext);\n\n        styler(this.nativeElement, this);\n    }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":";;;;AAEO,MAAM,aAAa,GAAG,MAAK;AAC9B,IAAA,QAAQ,CACJ,YAAY,EACZ,IAAI,GAAG,CACH;QACI,CAAC,OAAO,EAAE,WAAW,CAAC;QACtB,CAAC,WAAW,EAAE,WAAW,CAAC;QAC1B,CAAC,MAAM,EAAE,WAAW,CAAC;QACrB,CAAC,cAAc,EAAE,WAAW,CAAC;QAC7B,CAAC,aAAa,EAAE,WAAW,CAAC;QAC5B,CAAC,MAAM,EAAE,EAAC,KAAK,EAAE,IAAI,EAAE,GAAG,YAAY,EAAC;AAC1C,KAAA,CACJ,CACJ;AACL,CAAC;;ACVD,MAAM,WAAW,GAAG,2BAA2B;AAC/C,MAAM,aAAa,GAAkB;AACjC,IAAA,UAAU,EAAE,YAAY;AACxB,IAAA,SAAS,EAAE;CACd;AASK,MAAO,gBAAiB,SAAQ,iBAAiB,CAAA;AAC5C,IAAA,SAAA,IAAA,CAAA,eAAe,GAAG,aAAa,EAAhB,CAAmB;IAEzC,WAAA,CAAY,GAAa,EAA0C,eAAoB,EAAA;AACnF,QAAA,KAAK,CAAC,GAAG,EAAE,aAAa,EAAE,eAAe,CAAC;AAE1C,QAAA,MAAM,CAAC,IAAI,CAAC,aAAa,EAAE,IAAI,CAAC;IACpC;AAPS,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,kBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,gBAAgB,0CAGU,kBAAkB,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAH5C,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,gBAAgB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,aAAA,EAAA,SAAA,EAJd;YACP,kBAAkB,CAAC,gBAAgB;AACtC,SAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;4FAEQ,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAP5B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,UAAU,EAAE,IAAI;AACd,oBAAA,QAAQ,EAAE,aAAa;AACvB,oBAAA,SAAS,EAAE;AACP,wBAAA,kBAAkB,CAAA,gBAAA;AACrB;AACJ,iBAAA;;0BAI+B,MAAM;2BAAC,kBAAkB;;0BAAG;;;ACtB5D;;AAEG;;;;"}
+{"version":3,"file":"index.mjs","sources":["../../../../../projects/components/widgets/advanced/marquee/src/marquee.props.ts","../../../../../projects/components/widgets/advanced/marquee/src/marquee.directive.ts","../../../../../projects/components/widgets/advanced/marquee/src/index.ts"],"sourcesContent":["import { PROP_BOOLEAN, PROP_NUMBER, PROP_STRING, register } from '@wm/components/base';\n\nexport const registerProps = () => {\n    register(\n        'wm-marquee',\n        new Map(\n            [\n                ['class', PROP_STRING],\n                ['direction', PROP_STRING],\n                ['name', PROP_STRING],\n                ['scrollamount', PROP_NUMBER],\n                ['scrolldelay', PROP_NUMBER],\n                ['show', {value: true, ...PROP_BOOLEAN}]\n            ]\n        )\n    );\n};\n","import {Directive, Inject, Injector, Optional} from '@angular/core';\n\nimport { IWidgetConfig, provideAsWidgetRef, StylableComponent, styler } from '@wm/components/base';\n\nimport { registerProps } from './marquee.props';\n\nconst DEFAULT_CLS = 'app-marquee app-container';\nconst WIDGET_CONFIG: IWidgetConfig = {\n    widgetType: 'wm-marquee',\n    hostClass: DEFAULT_CLS\n};\n\n@Directive({\n  standalone: true,\n    selector: '[wmMarquee]',\n    providers: [\n        provideAsWidgetRef(MarqueeDirective)\n    ]\n})\nexport class MarqueeDirective extends StylableComponent {\n    static readonly initializeProps = registerProps();\n\n    constructor(inj: Injector, @Inject('EXPLICIT_CONTEXT') @Optional() explicitContext: any) {\n        super(inj, WIDGET_CONFIG, explicitContext);\n\n        styler(this.nativeElement, this);\n    }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":";;;;AAEO,MAAM,aAAa,GAAG,MAAK;AAC9B,IAAA,QAAQ,CACJ,YAAY,EACZ,IAAI,GAAG,CACH;QACI,CAAC,OAAO,EAAE,WAAW,CAAC;QACtB,CAAC,WAAW,EAAE,WAAW,CAAC;QAC1B,CAAC,MAAM,EAAE,WAAW,CAAC;QACrB,CAAC,cAAc,EAAE,WAAW,CAAC;QAC7B,CAAC,aAAa,EAAE,WAAW,CAAC;QAC5B,CAAC,MAAM,EAAE,EAAC,KAAK,EAAE,IAAI,EAAE,GAAG,YAAY,EAAC;AAC1C,KAAA,CACJ,CACJ;AACL,CAAC;;ACVD,MAAM,WAAW,GAAG,2BAA2B;AAC/C,MAAM,aAAa,GAAkB;AACjC,IAAA,UAAU,EAAE,YAAY;AACxB,IAAA,SAAS,EAAE;CACd;AASK,MAAO,gBAAiB,SAAQ,iBAAiB,CAAA;AACnC,IAAA,SAAA,IAAA,CAAA,eAAe,GAAG,aAAa,EAAhB,CAAmB;IAElD,WAAA,CAAY,GAAa,EAA0C,eAAoB,EAAA;AACnF,QAAA,KAAK,CAAC,GAAG,EAAE,aAAa,EAAE,eAAe,CAAC;AAE1C,QAAA,MAAM,CAAC,IAAI,CAAC,aAAa,EAAE,IAAI,CAAC;IACpC;AAPS,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,kBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,gBAAgB,0CAGU,kBAAkB,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAH5C,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,gBAAgB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,aAAA,EAAA,SAAA,EAJd;YACP,kBAAkB,CAAC,gBAAgB;AACtC,SAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;4FAEQ,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAP5B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,UAAU,EAAE,IAAI;AACd,oBAAA,QAAQ,EAAE,aAAa;AACvB,oBAAA,SAAS,EAAE;AACP,wBAAA,kBAAkB,CAAA,gBAAA;AACrB;AACJ,iBAAA;;0BAI+B,MAAM;2BAAC,kBAAkB;;0BAAG;;;ACtB5D;;AAEG;;;;"}

package/components/advanced/marquee/types/index.d.ts

@@ -3,7 +3,7 @@ import { Injector } from '@angular/core';
 import { StylableComponent } from '@wm/components/base';
 
 declare class MarqueeDirective extends StylableComponent {
-    static initializeProps: void;
+    static readonly initializeProps: void;
     constructor(inj: Injector, explicitContext: any);
     static ɵfac: i0.ɵɵFactoryDeclaration<MarqueeDirective, [null, { optional: true; }]>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<MarqueeDirective, "[wmMarquee]", never, {}, {}, never, never, true, never>;

package/components/base/bundles/index.umd.js

@@ -102,7 +102,7 @@
            /* convert indexes to properties, so as to work for even 'key1[0].child1'*/
            strKey.replace(/\[(\w+)\]/g, '.$1').split('.').forEach(key => {
                // If obj is null, then assign val to null.
-               val = (val && val[key]) || (lodashEs.isNull(obj) ? obj : obj[key]);
+               val = (val?.[key]) || (lodashEs.isNull(obj) ? obj : obj[key]);
            });
            return val;
        }
@@ -363,15 +363,13 @@
            if (options.noModifyTitle) {
                modifiedTitle = title;
            }
+           else if (lodashEs.isString(title)) {
+               modifiedTitle = i1.prettifyLabel(title);
+               modifiedTitle = i1.deHyphenate(modifiedTitle);
+               modifiedTitle = namePrefix ? i1.initCaps(namePrefix) + ' ' + modifiedTitle : modifiedTitle;
+           }
            else {
-               if (lodashEs.isString(title)) {
-                   modifiedTitle = i1.prettifyLabel(title);
-                   modifiedTitle = i1.deHyphenate(modifiedTitle);
-                   modifiedTitle = namePrefix ? i1.initCaps(namePrefix) + ' ' + modifiedTitle : modifiedTitle;
-               }
-               else {
-                   modifiedTitle = title;
-               }
+               modifiedTitle = title;
            }
            title = namePrefix ? namePrefix + '.' + title : title;
            if (isRelated) {
@@ -636,7 +634,7 @@
        primaryKeys = dataSource.execute(i1.DataSource.Operation.GET_RELATED_PRIMARY_KEYS, relatedField);
        formField.datafield = datafield;
        formField._primaryKey = lodashEs.isEmpty(primaryKeys) ? undefined : primaryKeys[0];
-       formField.compareby = primaryKeys && primaryKeys.join(',');
+       formField.compareby = primaryKeys?.join(',');
        displayField = datafield === ALLFIELDS ? undefined : datafield;
        formField.displayfield = displayField = (formField.displayfield || displayField || formField._primaryKey);
        if (isSearchWidgetType(formField[options.widget])) {
@@ -1016,7 +1014,7 @@
                return;
            }
            // For related fields, add lookupfield for query generation
-           if (filterDef && filterDef['is-related']) {
+           if (filterDef?.['is-related']) {
                filterOn += '.' + lookUpField;
            }
            if (i1.isDefined(newVal)) {
@@ -1086,19 +1084,18 @@
            }
            dataObject = [dataObject];
        }
-       else {
-           /*if the dataObject is an array and each value is a string, then lite-transform the string to an object
-            * lite-transform: just checking if the first value is string and then transforming the object, instead of traversing through the whole array
-            * */
-           if (lodashEs.isString(dataObject[0])) {
-               tempArr = [];
-               lodashEs.forEach(dataObject, str => {
-                   newObj = {};
-                   newObj[variableName.split('.').join('-')] = str;
-                   tempArr.push(newObj);
-               });
-               dataObject = tempArr;
-           }
+       else 
+       /*if the dataObject is an array and each value is a string, then lite-transform the string to an object
+        * lite-transform: just checking if the first value is string and then transforming the object, instead of traversing through the whole array
+        * */
+       if (lodashEs.isString(dataObject[0])) {
+           tempArr = [];
+           lodashEs.forEach(dataObject, str => {
+               newObj = {};
+               newObj[variableName.split('.').join('-')] = str;
+               tempArr.push(newObj);
+           });
+           dataObject = tempArr;
        }
        return dataObject;
    }
@@ -1703,7 +1700,7 @@
    };
    // Get filter widget applicable to the given type
    const getDataTableFilterWidget = type => {
-       let widget = fieldTypeWidgetTypeMap[type] && fieldTypeWidgetTypeMap[type][0];
+       let widget = fieldTypeWidgetTypeMap[type]?.[0];
        if (type === i1.DataType.BOOLEAN) {
            widget = i1.FormWidgetType.SELECT;
        }
@@ -1728,7 +1725,7 @@
        if (colDef['related-entity-name'] && colDef['primary-key']) {
            return i1.FormWidgetType.SELECT;
        }
-       return (fieldTypeWidgetTypeMap[colDef.type] && fieldTypeWidgetTypeMap[colDef.type][0]) || i1.FormWidgetType.TEXT;
+       return (fieldTypeWidgetTypeMap[colDef.type]?.[0]) || i1.FormWidgetType.TEXT;
    };
    /**
     * @ngdoc function
@@ -2162,10 +2159,10 @@
 
    // Gets list of classes to add and remove and applies on the $el
    const updateClasses = (toAdd, toRemove, el) => {
-       if (toRemove && toRemove.length) {
+       if (toRemove?.length) {
            i1.removeClass(el, lodashEs.join(toRemove, ' '));
        }
-       if (toAdd && toAdd.length) {
+       if (toAdd?.length) {
            i1.addClass(el, lodashEs.join(toAdd, ' '));
        }
    };
@@ -2291,7 +2288,7 @@
                    }
                    this.initWidget();
                    this.setInitProps();
-                   resolveFn && resolveFn();
+                   resolveFn?.();
                });
            }
            if (explicitContext) {
@@ -2658,7 +2655,7 @@
        getAttributes() {
            let _tNodeAttrs = this.inj._tNode.attrs, actualAttrs = Array.from(this.nativeElement.attributes).map(attr => attr.name);
            if (_tNodeAttrs === null) {
-               return actualAttrs.sort();
+               return actualAttrs.sort((a, b) => a.localeCompare(b));
            }
            lodashEs.forEach(_tNodeAttrs, (attr, i) => {
                if (typeof attr === 'number') {
@@ -2679,7 +2676,7 @@
            If array is sorted, placeholder.bind value will be set finally.
            This is caused because of the way we are storing attribute names in watcher registry map
             */
-           return actualAttrs.sort();
+           return actualAttrs.sort((a, b) => a.localeCompare(b));
        }
        /**
         * Process the attributes
@@ -2882,7 +2879,7 @@
                    return;
                }
                else {
-                   return widget.redraw && widget.redraw();
+                   return widget.redraw?.();
                }
            };
        }
@@ -2909,10 +2906,10 @@
        updateRedrawableComponents(widgets) {
            lodashEs.pickBy(widgets, widget => {
                // check for redrawable widget and whether it is already exist in reDrawableComponents query list or not
-               if (widget && widget.nativeElement && widget.nativeElement.hasAttribute('redrawable') && !lodashEs.includes(this.reDrawableComponents._results, widget)) {
+               if (widget?.nativeElement?.hasAttribute('redrawable') && !lodashEs.includes(this.reDrawableComponents._results, widget)) {
                    this.reDrawableComponents._results.push(widget);
                }
-               if (widget && widget.Widgets) {
+               if (widget?.Widgets) {
                    this.updateRedrawableComponents(widget.Widgets);
                }
            });
@@ -3296,7 +3293,7 @@
                // in place instead of destroying and recreating it (that used to cause a
                // visible flicker on every param change). Fall back to a full render only if
                // there's no live instance yet to refresh.
-               if (this.instanceRef && this.instanceRef.instance) {
+               if (this.instanceRef?.instance) {
                    i1.$appDigest(true);
                }
                else {
@@ -3652,7 +3649,7 @@
            this.setCustomValidationMessage();
        }
        setCustomValidationMessage() {
-           const fieldErrors = this.widgetControl && this.widgetControl.errors;
+           const fieldErrors = this.widgetControl?.errors;
            if (!fieldErrors) {
                return;
            }
@@ -4437,13 +4434,11 @@
                    }
                }
            }
+           else if (dialogRefMap.size === 1) {
+               dialogRef = dialogRefMap.entries().next().value[1];
+           }
            else {
-               if (dialogRefMap.size === 1) {
-                   dialogRef = dialogRefMap.entries().next().value[1];
-               }
-               else {
-                   console.error('There are multiple instances of this dialog name. Please provide the Page/Partial/App instance in which the dialog exists.');
-               }
+               console.error('There are multiple instances of this dialog name. Please provide the Page/Partial/App instance in which the dialog exists.');
            }
            return dialogRef;
        }
@@ -4639,7 +4634,7 @@
                fracSize = '1.' + fracSize + '-' + fracSize;
            }
            if (!isNaN(+data)) {
-               const locale = this.i18nService && this.i18nService.getwidgetLocale() ? this.i18nService.getwidgetLocale() : undefined;
+               const locale = this.i18nService?.getwidgetLocale() ? this.i18nService.getwidgetLocale() : undefined;
                const formattedLocale = locale ? locale['number'] : null;
                return this.decimalPipe.transform(data, fracSize, formattedLocale);
            }
@@ -4663,7 +4658,7 @@
                }] }], null); })();
    class ToCurrencyPipe {
        transform(data, currencySymbol, fracSize) {
-           const _currencySymbol = (i1.CURRENCY_INFO[currencySymbol] || {}).symbol || currencySymbol || '';
+           const _currencySymbol = (i1.CURRENCY_INFO[currencySymbol]?.symbol) || currencySymbol || '';
            let _val = new ToNumberPipe(this.decimalPipe, this.i18nService).transform(data, fracSize);
            const isNegativeNumber = lodashEs.startsWith(_val, '-');
            if (isNegativeNumber) {
@@ -5229,7 +5224,7 @@
            // --- override for cleanup ---
            proto.ngOnDestroy = function () {
                const store = this.__al_store;
-               if (store && store.destroySub) {
+               if (store?.destroySub) {
                    store.destroySub.next();
                    store.destroySub.complete();
                }
@@ -5512,7 +5507,6 @@
                        styles['flex-grow'] = '';
                        styles['flex-shrink'] = '0';
                        styles['flex-basis'] = '';
-                       styles['flex-basis'] = '';
                        styles['align-self'] = '';
                        styles[minKey] = '';
                    }

package/components/base/fesm2022/index.mjs

@@ -92,7 +92,7 @@ const getObjValueByKey = (obj, strKey) => {
         /* convert indexes to properties, so as to work for even 'key1[0].child1'*/
         strKey.replace(/\[(\w+)\]/g, '.$1').split('.').forEach(key => {
             // If obj is null, then assign val to null.
-            val = (val && val[key]) || (isNull(obj) ? obj : obj[key]);
+            val = (val?.[key]) || (isNull(obj) ? obj : obj[key]);
         });
         return val;
     }
@@ -353,15 +353,13 @@ const pushFieldDef = (dataObject, columnDefObj, namePrefix, options) => {
         if (options.noModifyTitle) {
             modifiedTitle = title;
         }
+        else if (isString(title)) {
+            modifiedTitle = prettifyLabel(title);
+            modifiedTitle = deHyphenate(modifiedTitle);
+            modifiedTitle = namePrefix ? initCaps(namePrefix) + ' ' + modifiedTitle : modifiedTitle;
+        }
         else {
-            if (isString(title)) {
-                modifiedTitle = prettifyLabel(title);
-                modifiedTitle = deHyphenate(modifiedTitle);
-                modifiedTitle = namePrefix ? initCaps(namePrefix) + ' ' + modifiedTitle : modifiedTitle;
-            }
-            else {
-                modifiedTitle = title;
-            }
+            modifiedTitle = title;
         }
         title = namePrefix ? namePrefix + '.' + title : title;
         if (isRelated) {
@@ -626,7 +624,7 @@ function fetchRelatedFieldData(dataSource, formField, options) {
     primaryKeys = dataSource.execute(DataSource.Operation.GET_RELATED_PRIMARY_KEYS, relatedField);
     formField.datafield = datafield;
     formField._primaryKey = isEmpty(primaryKeys) ? undefined : primaryKeys[0];
-    formField.compareby = primaryKeys && primaryKeys.join(',');
+    formField.compareby = primaryKeys?.join(',');
     displayField = datafield === ALLFIELDS ? undefined : datafield;
     formField.displayfield = displayField = (formField.displayfield || displayField || formField._primaryKey);
     if (isSearchWidgetType(formField[options.widget])) {
@@ -1006,7 +1004,7 @@ function applyFilterOnField(dataSource, filterDef, formFields, newVal, options =
             return;
         }
         // For related fields, add lookupfield for query generation
-        if (filterDef && filterDef['is-related']) {
+        if (filterDef?.['is-related']) {
             filterOn += '.' + lookUpField;
         }
         if (isDefined(newVal)) {
@@ -1076,19 +1074,18 @@ function transformData(dataObject, variableName) {
         }
         dataObject = [dataObject];
     }
-    else {
-        /*if the dataObject is an array and each value is a string, then lite-transform the string to an object
-         * lite-transform: just checking if the first value is string and then transforming the object, instead of traversing through the whole array
-         * */
-        if (isString(dataObject[0])) {
-            tempArr = [];
-            forEach(dataObject, str => {
-                newObj = {};
-                newObj[variableName.split('.').join('-')] = str;
-                tempArr.push(newObj);
-            });
-            dataObject = tempArr;
-        }
+    else 
+    /*if the dataObject is an array and each value is a string, then lite-transform the string to an object
+     * lite-transform: just checking if the first value is string and then transforming the object, instead of traversing through the whole array
+     * */
+    if (isString(dataObject[0])) {
+        tempArr = [];
+        forEach(dataObject, str => {
+            newObj = {};
+            newObj[variableName.split('.').join('-')] = str;
+            tempArr.push(newObj);
+        });
+        dataObject = tempArr;
     }
     return dataObject;
 }
@@ -1695,7 +1692,7 @@ const getFieldTypeWidgetTypesMap = () => {
 };
 // Get filter widget applicable to the given type
 const getDataTableFilterWidget = type => {
-    let widget = fieldTypeWidgetTypeMap[type] && fieldTypeWidgetTypeMap[type][0];
+    let widget = fieldTypeWidgetTypeMap[type]?.[0];
     if (type === DataType.BOOLEAN) {
         widget = FormWidgetType.SELECT;
     }
@@ -1720,7 +1717,7 @@ const getEditModeWidget = colDef => {
     if (colDef['related-entity-name'] && colDef['primary-key']) {
         return FormWidgetType.SELECT;
     }
-    return (fieldTypeWidgetTypeMap[colDef.type] && fieldTypeWidgetTypeMap[colDef.type][0]) || FormWidgetType.TEXT;
+    return (fieldTypeWidgetTypeMap[colDef.type]?.[0]) || FormWidgetType.TEXT;
 };
 /**
  * @ngdoc function
@@ -2158,10 +2155,10 @@ class WidgetProxyProvider {
 
 // Gets list of classes to add and remove and applies on the $el
 const updateClasses = (toAdd, toRemove, el) => {
-    if (toRemove && toRemove.length) {
+    if (toRemove?.length) {
         removeClass(el, join(toRemove, ' '));
     }
-    if (toAdd && toAdd.length) {
+    if (toAdd?.length) {
         addClass(el, join(toAdd, ' '));
     }
 };
@@ -2287,7 +2284,7 @@ class BaseComponent {
                 }
                 this.initWidget();
                 this.setInitProps();
-                resolveFn && resolveFn();
+                resolveFn?.();
             });
         }
         if (explicitContext) {
@@ -2656,7 +2653,7 @@ class BaseComponent {
     getAttributes() {
         let _tNodeAttrs = this.inj._tNode.attrs, actualAttrs = Array.from(this.nativeElement.attributes).map(attr => attr.name);
         if (_tNodeAttrs === null) {
-            return actualAttrs.sort();
+            return actualAttrs.sort((a, b) => a.localeCompare(b));
         }
         forEach(_tNodeAttrs, (attr, i) => {
             if (typeof attr === 'number') {
@@ -2677,7 +2674,7 @@ class BaseComponent {
         If array is sorted, placeholder.bind value will be set finally.
         This is caused because of the way we are storing attribute names in watcher registry map
          */
-        return actualAttrs.sort();
+        return actualAttrs.sort((a, b) => a.localeCompare(b));
     }
     /**
      * Process the attributes
@@ -2880,7 +2877,7 @@ class RedrawableDirective {
                 return;
             }
             else {
-                return widget.redraw && widget.redraw();
+                return widget.redraw?.();
             }
         };
     }
@@ -2907,10 +2904,10 @@ class BaseContainerComponent extends StylableComponent {
     updateRedrawableComponents(widgets) {
         pickBy(widgets, widget => {
             // check for redrawable widget and whether it is already exist in reDrawableComponents query list or not
-            if (widget && widget.nativeElement && widget.nativeElement.hasAttribute('redrawable') && !includes(this.reDrawableComponents._results, widget)) {
+            if (widget?.nativeElement?.hasAttribute('redrawable') && !includes(this.reDrawableComponents._results, widget)) {
                 this.reDrawableComponents._results.push(widget);
             }
-            if (widget && widget.Widgets) {
+            if (widget?.Widgets) {
                 this.updateRedrawableComponents(widget.Widgets);
             }
         });
@@ -3294,7 +3291,7 @@ class PartialContainerDirective {
             // in place instead of destroying and recreating it (that used to cause a
             // visible flicker on every param change). Fall back to a full render only if
             // there's no live instance yet to refresh.
-            if (this.instanceRef && this.instanceRef.instance) {
+            if (this.instanceRef?.instance) {
                 $appDigest(true);
             }
             else {
@@ -3650,7 +3647,7 @@ class BaseFieldValidations {
         this.setCustomValidationMessage();
     }
     setCustomValidationMessage() {
-        const fieldErrors = this.widgetControl && this.widgetControl.errors;
+        const fieldErrors = this.widgetControl?.errors;
         if (!fieldErrors) {
             return;
         }
@@ -4436,13 +4433,11 @@ class DialogServiceImpl {
                 }
             }
         }
+        else if (dialogRefMap.size === 1) {
+            dialogRef = dialogRefMap.entries().next().value[1];
+        }
         else {
-            if (dialogRefMap.size === 1) {
-                dialogRef = dialogRefMap.entries().next().value[1];
-            }
-            else {
-                console.error('There are multiple instances of this dialog name. Please provide the Page/Partial/App instance in which the dialog exists.');
-            }
+            console.error('There are multiple instances of this dialog name. Please provide the Page/Partial/App instance in which the dialog exists.');
         }
         return dialogRef;
     }
@@ -4638,7 +4633,7 @@ class ToNumberPipe {
             fracSize = '1.' + fracSize + '-' + fracSize;
         }
         if (!isNaN(+data)) {
-            const locale = this.i18nService && this.i18nService.getwidgetLocale() ? this.i18nService.getwidgetLocale() : undefined;
+            const locale = this.i18nService?.getwidgetLocale() ? this.i18nService.getwidgetLocale() : undefined;
             const formattedLocale = locale ? locale['number'] : null;
             return this.decimalPipe.transform(data, fracSize, formattedLocale);
         }
@@ -4662,7 +4657,7 @@ class ToNumberPipe {
             }] }], null); })();
 class ToCurrencyPipe {
     transform(data, currencySymbol, fracSize) {
-        const _currencySymbol = (CURRENCY_INFO[currencySymbol] || {}).symbol || currencySymbol || '';
+        const _currencySymbol = (CURRENCY_INFO[currencySymbol]?.symbol) || currencySymbol || '';
         let _val = new ToNumberPipe(this.decimalPipe, this.i18nService).transform(data, fracSize);
         const isNegativeNumber = startsWith(_val, '-');
         if (isNegativeNumber) {
@@ -5228,7 +5223,7 @@ function AutoLayout(options = {}) {
         // --- override for cleanup ---
         proto.ngOnDestroy = function () {
             const store = this.__al_store;
-            if (store && store.destroySub) {
+            if (store?.destroySub) {
                 store.destroySub.next();
                 store.destroySub.complete();
             }
@@ -5513,7 +5508,6 @@ function AutoLayout(options = {}) {
                     styles['flex-grow'] = '';
                     styles['flex-shrink'] = '0';
                     styles['flex-basis'] = '';
-                    styles['flex-basis'] = '';
                     styles['align-self'] = '';
                     styles[minKey] = '';
                 }