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

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, 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 { 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 * 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 ? widgetProps.get(key) : undefined;
+    const propInfo = widgetProps.get(key);
     if (propInfo) {
         const type = propInfo.type;
         if (type) {
@@ -1016,14 +1016,9 @@ 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;
-                }
+            initPromise.then(() => {
                 this.initWidget();
                 this.setInitProps();
-                resolveFn && resolveFn();
             });
         }
         if (explicitContext) {
@@ -1160,11 +1155,6 @@ class BaseComponent {
         }
         else if (key === 'class') {
             switchClass(this.nativeElement, nv, ov);
-            let result = nv.match(/(\W|^)(h([0-6]))(?=\s|$)/);
-            if (result) {
-                setAttr(this.nativeElement, 'role', 'heading');
-                setAttr(this.nativeElement, 'aria-level', result[3]);
-            }
         }
         else if (key === 'name' || key === 'tabindex') {
             setAttr(this.nativeElement, key, nv);
@@ -1233,12 +1223,11 @@ class BaseComponent {
      * @param {string} eventName
      * @param {string} expr
      */
-    processEventAttr(eventName, expr, meta, child) {
+    processEventAttr(eventName, expr, meta) {
         const fn = $parseEvent(expr);
         const locals = this.context;
-        locals.widget = child ? child.widget : this.widget;
-        const boundFn = fn.bind(undefined, child ? this.viewParent.viewParent : this.viewParent, locals);
-        let widget = child ? child.widget : this, nativeElement = child ? child.nativeElement : this.nativeElement;
+        locals.widget = this.widget;
+        const boundFn = fn.bind(undefined, this.viewParent, locals);
         const eventCallback = () => {
             let boundFnVal;
             $invokeWatchers(true);
@@ -1258,32 +1247,24 @@ class BaseComponent {
                 console.error(e);
             }
         };
-        if (child && !child.widget.eventHandlers)
-            child.widget.eventHandlers = new Map();
-        widget.eventHandlers.set(this.getMappedEventName(eventName), { callback: eventCallback, locals });
+        this.eventHandlers.set(this.getMappedEventName(eventName), { callback: eventCallback, locals });
         // prepend eventName with on and convert it to camelcase.
         // eg, "click" ---> onClick
         const onEventName = camelCase(`on-${eventName}`);
         // save the eventCallback in widgetScope.
-        widget[onEventName] = eventCallback;
+        this[onEventName] = eventCallback;
         // events needs to be setup after viewInit
         this.toBeSetupEventsQueue.push(() => {
-            this.handleEvent(nativeElement, this.getMappedEventName(eventName), eventCallback, locals, meta);
+            this.handleEvent(this.nativeElement, this.getMappedEventName(eventName), eventCallback, locals, meta);
         });
     }
     /**
      * Process the bound property
      * Register a watch on the bound expression
      */
-    processBindAttr(propName, expr, child) {
-        if (!child)
-            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-') && widget.updateData)
-                widget.updateData(propName, nv);
-            widget[propName] = nv;
-        }, getWatchIdentifier(widgetId, propName), propName === 'datasource', widgetProps.get(propName), () => isMuted));
+    processBindAttr(propName, expr) {
+        this.initState.delete(propName);
+        this.registerDestroyListener($watch(expr, this.viewParent, this.context, nv => this.widget[propName] = nv, getWatchIdentifier(this.widgetId, propName), propName === 'datasource', this.widgetProps.get(propName), () => this.isMuted));
     }
     /**
      * Remove watch on the bound property
@@ -1312,18 +1293,18 @@ class BaseComponent {
      *      and keep in eventHandlers
      * If the attribute is a bound expression, register a watch on the expression
      */
-    processAttr(attrName, attrValue, child) {
+    processAttr(attrName, attrValue) {
         // console.log("====attrName=====", attrName, "=====typeof attrname=====", typeof attrName, "-----attrValue----", attrValue);
         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' && !this.widgetSubType.startsWith('wm-custom-')) {
+            if (propName === 'show') {
                 this.nativeElement.hidden = true;
             }
-            this.processBindAttr(propName, attrValue, child);
+            this.processBindAttr(propName, attrValue);
         }
-        else if (type === 'event' && !this.nativeElement.hasAttribute('wmwidgetcontainer')) {
-            this.processEventAttr(propName, attrValue, meta, child);
+        else if (type === 'event') {
+            this.processEventAttr(propName, attrValue, meta);
         }
         else if (length === 1) {
             // remove class and name attributes. Component will set them on the proper node
@@ -1391,12 +1372,6 @@ 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);
@@ -2110,40 +2085,6 @@ class PartialContainerDirective {
                 args: ['content']
             }] }, { type: i0.ComponentFactoryResolver }, { type: i1.PartialRefProvider }], null); })();
 
-class CustomWidgetContainerDirective {
-    constructor(componentInstance, vcRef, elRef, inj, app, widgetname, customWidgetRefProvider) {
-        this.componentInstance = componentInstance;
-        this.vcRef = vcRef;
-        this.elRef = elRef;
-        this.inj = inj;
-        this.app = app;
-        this.customWidgetRefProvider = customWidgetRefProvider;
-        const widgetnames = this.componentInstance.widgetname;
-        this.customWidgetRefProvider.getComponentFactoryRef(widgetname, ComponentType.WIDGET).then((componentFactory) => {
-            if (componentFactory) {
-                const instanceRef = this.vcRef.createComponent(componentFactory, 0, this.inj);
-                this.elRef.nativeElement.appendChild(instanceRef.location.nativeElement);
-            }
-        });
-    }
-    static { this.ɵfac = function CustomWidgetContainerDirective_Factory(t) { return new (t || CustomWidgetContainerDirective)(i0.ɵɵdirectiveInject(WidgetRef, 2), i0.ɵɵdirectiveInject(i0.ViewContainerRef), i0.ɵɵdirectiveInject(i0.ElementRef), i0.ɵɵdirectiveInject(i0.Injector), i0.ɵɵdirectiveInject(i1.App), i0.ɵɵinjectAttribute('widgetname'), i0.ɵɵdirectiveInject(i1.CustomWidgetRefProvider)); }; }
-    static { this.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: CustomWidgetContainerDirective, selectors: [["", "customWidgetContainer", "", "widgetname", ""]] }); }
-}
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CustomWidgetContainerDirective, [{
-        type: Directive,
-        args: [{
-                selector: '[customWidgetContainer][widgetname]'
-            }]
-    }], () => [{ type: undefined, decorators: [{
-                type: Self
-            }, {
-                type: Inject,
-                args: [WidgetRef]
-            }] }, { type: i0.ViewContainerRef }, { type: i0.ElementRef }, { type: i0.Injector }, { type: i1.App }, { type: undefined, decorators: [{
-                type: Attribute,
-                args: ['widgetname']
-            }] }, { type: i1.CustomWidgetRefProvider }], null); })();
-
 class ShowInDeviceDirective {
     constructor(viewContainerRef, inj, templateRef, explicitContext) {
         this.viewContainerRef = viewContainerRef;
@@ -3150,7 +3091,6 @@ const wmComponents = [
     PartialParamHandlerDirective,
     PartialParamDirective,
     PartialContainerDirective,
-    CustomWidgetContainerDirective,
     RedrawableDirective,
     ShowInDeviceDirective,
     SmoothScrollDirective,
@@ -3218,7 +3158,6 @@ class WmComponentsModule {
         PartialParamHandlerDirective,
         PartialParamDirective,
         PartialContainerDirective,
-        CustomWidgetContainerDirective,
         RedrawableDirective,
         ShowInDeviceDirective,
         SmoothScrollDirective,
@@ -3249,7 +3188,6 @@ class WmComponentsModule {
         PartialParamHandlerDirective,
         PartialParamDirective,
         PartialContainerDirective,
-        CustomWidgetContainerDirective,
         RedrawableDirective,
         ShowInDeviceDirective,
         SmoothScrollDirective,
@@ -5309,5 +5247,5 @@ const updateDeviceView = (element, isTablet = false) => {
  * Generated bundle index. Do not edit.
  */
 
-export { ALLFIELDS, APPLY_STYLES_TYPE, AUTOCLOSE_TYPE, BaseComponent, BaseContainerComponent, BaseFieldValidations, ContainerDirective, Context, CustomPipe, CustomWidgetContainerDirective, DEBOUNCE_TIMES, DISPLAY_TYPE, DataSetItem, DatasetAwareNavComponent, DialogRef, DialogServiceImpl, EDIT_MODE, EVENTS_MAP, FileExtensionFromMimePipe, FileIconClassPipe, FileSizePipe, FilterPipe, INPUTMODE, ImagePipe, ItemTemplateDirective, LIVE_CONSTANTS, LazyLoadDirective, Live_Operations, MessageComponent, NAVIGATION_TYPE, NumberToStringPipe, PROP_ANY, PROP_BOOLEAN, PROP_NUMBER, PROP_STRING, PROP_TYPE, PartialContainerDirective, PartialDirective, PartialParamDirective, PartialParamHandlerDirective, PrefixPipe, PullToRefresh, RedrawableDirective, RepeatTemplateDirective, SanitizePipe, ShowInDeviceDirective, SmoothScrollDirective, StateClassPipe, StringToNumberPipe, StylableComponent, SuffixPipe, TextContentDirective, TimeFromNowPipe, ToCurrencyPipe, ToDatePipe, ToNumberPipe, TrailingZeroDecimalPipe, TrustAsPipe, WidgetConfig, WidgetRef, WmComponentsModule, applyFilterOnField, configureDnD, convertDataToObject, createArrayFrom, extractDataAsArray, extractDataSourceName, fetchDistinctValues, fetchRelatedFieldData, filterDate, getBackGroundImageUrl, getConditionalClasses, getContainerTargetClass, getDataTableFilterWidget, getDefaultValue, getDefaultViewModeWidget, getDistinctFieldProperties, getDistinctValues, getDistinctValuesForField, getEditModeWidget, getEmptyMatchMode, getEnableEmptyFilter, getEvaluatedData, getFieldLayoutConfig, getFieldTypeWidgetTypesMap, getImageUrl, getKeyboardFocusableElements, getMatchModeMsgs, getMatchModeTypesMap, getObjValueByKey, getOrderByExpr, getOrderedDataset, getRangeFieldValue, getRangeMatchMode, getRowOperationsColumn, getUniqObjsByDataField, getWatchIdentifier, getWidgetPropsByType, groupData, handleHeaderClick, hasLinkToCurrentPage, interpolateBindExpressions, isActiveNavItem, isBooleanAttr, isDataSetWidget, isDimensionProp, isStyle, parseValueByType, performDataOperation, prepareFieldDefs, propNameCSSKeyMap, provideAs, provideAsDialogRef, provideAsWidgetRef, refreshDataSource, register$1 as register, registerFormWidget, setFocusTrap, setHeaderConfig, setHeaderConfigForTable, setItemByCompare, styler, toggleAllHeaders, transformData, transformDataWithKeys, transformFormData, unsupportedStatePersistenceTypes, updateDeviceView, widgetIdGenerator };
+export { ALLFIELDS, APPLY_STYLES_TYPE, AUTOCLOSE_TYPE, BaseComponent, BaseContainerComponent, BaseFieldValidations, ContainerDirective, Context, CustomPipe, DEBOUNCE_TIMES, DISPLAY_TYPE, DataSetItem, DatasetAwareNavComponent, DialogRef, DialogServiceImpl, EDIT_MODE, EVENTS_MAP, FileExtensionFromMimePipe, FileIconClassPipe, FileSizePipe, FilterPipe, INPUTMODE, ImagePipe, ItemTemplateDirective, LIVE_CONSTANTS, LazyLoadDirective, Live_Operations, MessageComponent, NAVIGATION_TYPE, NumberToStringPipe, PROP_ANY, PROP_BOOLEAN, PROP_NUMBER, PROP_STRING, PROP_TYPE, PartialContainerDirective, PartialDirective, PartialParamDirective, PartialParamHandlerDirective, PrefixPipe, PullToRefresh, RedrawableDirective, RepeatTemplateDirective, SanitizePipe, ShowInDeviceDirective, SmoothScrollDirective, StateClassPipe, StringToNumberPipe, StylableComponent, SuffixPipe, TextContentDirective, TimeFromNowPipe, ToCurrencyPipe, ToDatePipe, ToNumberPipe, TrailingZeroDecimalPipe, TrustAsPipe, WidgetConfig, WidgetRef, WmComponentsModule, applyFilterOnField, configureDnD, convertDataToObject, createArrayFrom, extractDataAsArray, extractDataSourceName, fetchDistinctValues, fetchRelatedFieldData, filterDate, getBackGroundImageUrl, getConditionalClasses, getContainerTargetClass, getDataTableFilterWidget, getDefaultValue, getDefaultViewModeWidget, getDistinctFieldProperties, getDistinctValues, getDistinctValuesForField, getEditModeWidget, getEmptyMatchMode, getEnableEmptyFilter, getEvaluatedData, getFieldLayoutConfig, getFieldTypeWidgetTypesMap, getImageUrl, getKeyboardFocusableElements, getMatchModeMsgs, getMatchModeTypesMap, getObjValueByKey, getOrderByExpr, getOrderedDataset, getRangeFieldValue, getRangeMatchMode, getRowOperationsColumn, getUniqObjsByDataField, getWatchIdentifier, getWidgetPropsByType, groupData, handleHeaderClick, hasLinkToCurrentPage, interpolateBindExpressions, isActiveNavItem, isBooleanAttr, isDataSetWidget, isDimensionProp, isStyle, parseValueByType, performDataOperation, prepareFieldDefs, propNameCSSKeyMap, provideAs, provideAsDialogRef, provideAsWidgetRef, refreshDataSource, register$1 as register, registerFormWidget, setFocusTrap, setHeaderConfig, setHeaderConfigForTable, setItemByCompare, styler, toggleAllHeaders, transformData, transformDataWithKeys, transformFormData, unsupportedStatePersistenceTypes, updateDeviceView, widgetIdGenerator };
 //# sourceMappingURL=index.mjs.map