@wavemaker/app-ng-runtime 12.0.0-next.141131 → 12.0.0-next.141134

app-ng-runtime/components/base/fesm2022/index.mjs

@@ -6,7 +6,7 @@ import * as i1 from '@wm/core';
 import { FormWidgetType, checkIsCustomPipeExpression, $parseExpr, isValidWebURL, encodeUrl, stringStartsWith, prettifyLabel, deHyphenate, initCaps, getClonedObject, setCSS, isDefined, IDGenerator, toBoolean, isChangeFromWatch, $unwatch, resetChangeFromWatch, isObject as isObject$1, toDimension, $appDigest, removeClass, addClass, setCSSFromObj, App, findParent, setAttr, isMobileApp, switchClass, removeAttr, $parseEvent, $invokeWatchers, $watch, transformFileURI, ComponentType, noop as noop$1, isLargeTabletLandscape, isLargeTabletPortrait, isKitkatDevice, debounce as debounce$1, hasOffsetStr, AbstractI18nService, CURRENCY_INFO, isMobile, AbstractDialogService, DataSource, processFilterExpBindNode, MatchMode, isEqualWithFields, getFormattedDate, isAndroid, isNumberType, DataType, findValueOf, validateAccessRoles, VALIDATOR, isIos } from '@wm/core';
 import { SecurityModule, SecurityService } from '@wm/security';
 import { createFocusTrap } from '@wavemaker/focus-trap';
-import { isNull, get, forEach, join, union, isArray, isObject, includes, split, isString, assignWith, startsWith, isFunction, extend, camelCase, map, pickBy, assign, debounce, isDate, isUndefined, filter as filter$1, isEmpty, keys, head, replace, each, intersection, cloneDeep, orderBy, trim, isEqual, uniqWith, uniqBy, sortBy, groupBy, toLower, values, first, omitBy, toUpper, find, concat } from 'lodash-es';
+import { isNull, get, forEach, join, union, isArray, isObject, includes, split, isString, assignWith, startsWith, isFunction, last, extend, camelCase, map, pickBy, assign, debounce, isDate, isUndefined, filter as filter$1, isEmpty, keys, head, replace, each, intersection, cloneDeep, orderBy, trim, isEqual, uniqWith, uniqBy, sortBy, groupBy, toLower, values, first, omitBy, toUpper, find, concat } from 'lodash-es';
 import * as i1$2 from '@angular/platform-browser';
 import { EventManager } from '@angular/platform-browser';
 import { ReplaySubject, Subject } from 'rxjs';
@@ -782,7 +782,7 @@ const globalPropertyChangeHandler = (component, key, nv) => {
     }
     resetChangeFromWatch();
     const widgetProps = getWidgetPropsByType(component.getWidgetSubType());
-    const propInfo = widgetProps.get(key);
+    const propInfo = widgetProps ? widgetProps.get(key) : undefined;
     if (propInfo) {
         const type = propInfo.type;
         if (type) {
@@ -1017,6 +1017,10 @@ class BaseComponent {
         else {
             this.delayedInit = true;
             initPromise.then((resolveFn) => {
+                let formFieldCW = this.widgetSubType === 'wm-form-field-custom-widget', cw = this.widgetSubType.startsWith('wm-custom-');
+                if (formFieldCW || cw) {
+                    this.customWidgetSubType = formFieldCW ? 'wm-form-field-' + last(this["formWidget"].config.widgetType.split('-')) : this["config"].widgetType;
+                }
                 this.initWidget();
                 this.setInitProps();
                 resolveFn && resolveFn();
@@ -1276,7 +1280,7 @@ class BaseComponent {
             this.initState.delete(propName);
         let viewParent = child ? child.widget.viewParent.viewParent : this.viewParent, context = child ? child.widget.context : this.context, widget = child ? child.widget : this.widget, isMuted = child ? child.widget.isMuted : this.isMuted, widgetProps = child ? child.widget.widgetProps : this.widgetProps, widgetId = child ? child.widget.widgetId : this.widgetId;
         this.registerDestroyListener($watch(expr, viewParent, context, nv => {
-            if (propName.startsWith('base-'))
+            if (propName.startsWith('base-') && widget.updateData)
                 widget.updateData(propName, nv);
             widget[propName] = nv;
         }, getWatchIdentifier(widgetId, propName), propName === 'datasource', widgetProps.get(propName), () => isMuted));
@@ -1313,12 +1317,12 @@ class BaseComponent {
         const { 0: propName, 1: type, 2: meta, length } = attrName.split('.');
         if (type === 'bind') {
             // if the show property is bound, set the initial value to false
-            if (propName === 'show') {
+            if (propName === 'show' && !this.widgetSubType.startsWith('wm-custom-')) {
                 this.nativeElement.hidden = true;
             }
             this.processBindAttr(propName, attrValue, child);
         }
-        else if (type === 'event' && !this.nativeElement.hasAttribute('customwidgetcontainer')) {
+        else if (type === 'event' && !this.nativeElement.hasAttribute('wmwidgetcontainer')) {
             this.processEventAttr(propName, attrValue, meta, child);
         }
         else if (length === 1) {
@@ -1387,6 +1391,12 @@ class BaseComponent {
         this.initState = new Map();
         // get the widget properties
         const widgetProps = getWidgetPropsByType(this.widgetSubType);
+        if (this.customWidgetSubType) {
+            const customWidgetProps = getWidgetPropsByType(this.customWidgetSubType);
+            customWidgetProps.forEach((v, k) => {
+                widgetProps.set(k, v);
+            });
+        }
         widgetProps.forEach((v, k) => {
             if (isDefined(v.value)) {
                 this.initState.set(k, v.value);
@@ -2791,7 +2801,7 @@ class FileIconClassPipe {
 class StateClassPipe {
     transform(state) {
         const stateClassMap = {
-            'success': 'wi wi-done text-success',
+            'success': 'wi wi-check-circle text-success',
             'error': 'wi wi-error text-danger'
         };
         return stateClassMap[state.toLowerCase()];
@@ -4299,7 +4309,13 @@ const setHeaderConfig = (headerConfig, config, field, index) => {
     forEach(headerConfig, cols => {
         if (get(cols, 'isGroup')) {
             if (cols.field === field) {
-                cols.columns[index] = config;
+                const id = cols.columns?.findIndex((col) => col?.field === config.field);
+                if (id == -1) {
+                    cols.columns[index] = config;
+                }
+                else {
+                    cols.columns[id] = config;
+                }
             }
             else {
                 setHeaderConfig(cols.columns, config, field, index);