@wavemaker/app-ng-runtime 11.4.1-next.141652 → 11.4.1-next.141654

app-ng-runtime/components/data/form/fesm2015/index.mjs

@@ -12,14 +12,14 @@ import { DesignDialogModule } from '@wm/components/dialogs/design-dialog';
 import { __awaiter } from 'tslib';
 import * as i1 from '@angular/forms';
 import { FormArray, NG_VALUE_ACCESSOR } from '@angular/forms';
-import * as i2 from '@wm/core';
+import * as i1$1 from '@wm/core';
 import { isMobileApp, removeClass, isDefined, debounce, removeAttr, DataSource, $appDigest, isElementInViewport, scrollToElement, getFiles, DataType, getClonedObject, $invokeWatchers, getValidJSON, extendProto, $parseEvent, FormWidgetType, noop as noop$1, isMobile, isDateTimeType, addForIdAttributes, triggerFn, isEmptyObject, getValidDateObject } from '@wm/core';
 import * as i3 from '@wm/components/data/list';
 import { ListComponent } from '@wm/components/data/list';
 import * as i4 from '@wm/components/prefab';
 import { TableComponent } from '@wm/components/data/table';
 import { debounceTime } from 'rxjs/operators';
-import * as i1$1 from '@wm/components/data/live-table';
+import * as i1$2 from '@wm/components/data/live-table';
 
 const propsMap = new Map([
     ['autocomplete', Object.assign({ value: false }, PROP_BOOLEAN)],
@@ -378,8 +378,8 @@ class FormComponent extends StylableComponent {
         }
         return isDefined(this._formIsInList) ? this._formIsInList : this.parentList;
     }
-    constructor(inj, fb, app, dialogService, dynamicComponentProvider, ngZone, parentList, parentForm, parentPrefab, parentPartial, onBeforeSubmitEvt, onSubmitEvt, onBeforeRenderEvt, binddataset, bindformdata, isLiveForm, isLiveFilter, role, key, name, _viewParent) {
-        super(inj, getWidgetConfig(isLiveForm, isLiveFilter, role), _viewParent);
+    constructor(inj, fb, app, dialogService, dynamicComponentProvider, ngZone, parentList, parentForm, parentPrefab, parentPartial, onBeforeSubmitEvt, onSubmitEvt, onBeforeRenderEvt, binddataset, bindformdata, isLiveForm, isLiveFilter, role, key, name) {
+        super(inj, getWidgetConfig(isLiveForm, isLiveFilter, role));
         this.fb = fb;
         this.app = app;
         this.dialogService = dialogService;
@@ -394,7 +394,6 @@ class FormComponent extends StylableComponent {
         this.onBeforeRenderEvt = onBeforeRenderEvt;
         this.binddataset = binddataset;
         this.bindformdata = bindformdata;
-        this._viewParent = _viewParent;
         this._widgetClass = '';
         this._captionClass = '';
         this.formFields = [];
@@ -1346,7 +1345,7 @@ class FormComponent extends StylableComponent {
     }
 }
 FormComponent.initializeProps = registerFormProps();
-FormComponent.ɵfac = function FormComponent_Factory(t) { return new (t || FormComponent)(i0.ɵɵdirectiveInject(i0.Injector), i0.ɵɵdirectiveInject(i1.FormBuilder), i0.ɵɵdirectiveInject(i2.App), i0.ɵɵdirectiveInject(i2.AbstractDialogService), i0.ɵɵdirectiveInject(i2.DynamicComponentRefProvider), i0.ɵɵdirectiveInject(i0.NgZone), i0.ɵɵdirectiveInject(i3.ListComponent, 8), i0.ɵɵdirectiveInject(FormComponent, 12), i0.ɵɵdirectiveInject(i4.PrefabDirective, 12), i0.ɵɵdirectiveInject(i5.PartialDirective, 12), i0.ɵɵinjectAttribute('beforesubmit.event'), i0.ɵɵinjectAttribute('submit.event'), i0.ɵɵinjectAttribute('beforerender.event'), i0.ɵɵinjectAttribute('dataset.bind'), i0.ɵɵinjectAttribute('formdata.bind'), i0.ɵɵinjectAttribute('wmLiveForm'), i0.ɵɵinjectAttribute('wmLiveFilter'), i0.ɵɵinjectAttribute('data-role'), i0.ɵɵinjectAttribute('key'), i0.ɵɵinjectAttribute('name'), i0.ɵɵdirectiveInject(i2.UserDefinedExecutionContext, 8)); };
+FormComponent.ɵfac = function FormComponent_Factory(t) { return new (t || FormComponent)(i0.ɵɵdirectiveInject(i0.Injector), i0.ɵɵdirectiveInject(i1.FormBuilder), i0.ɵɵdirectiveInject(i1$1.App), i0.ɵɵdirectiveInject(i1$1.AbstractDialogService), i0.ɵɵdirectiveInject(i1$1.DynamicComponentRefProvider), i0.ɵɵdirectiveInject(i0.NgZone), i0.ɵɵdirectiveInject(i3.ListComponent, 8), i0.ɵɵdirectiveInject(FormComponent, 12), i0.ɵɵdirectiveInject(i4.PrefabDirective, 12), i0.ɵɵdirectiveInject(i5.PartialDirective, 12), i0.ɵɵinjectAttribute('beforesubmit.event'), i0.ɵɵinjectAttribute('submit.event'), i0.ɵɵinjectAttribute('beforerender.event'), i0.ɵɵinjectAttribute('dataset.bind'), i0.ɵɵinjectAttribute('formdata.bind'), i0.ɵɵinjectAttribute('wmLiveForm'), i0.ɵɵinjectAttribute('wmLiveFilter'), i0.ɵɵinjectAttribute('data-role'), i0.ɵɵinjectAttribute('key'), i0.ɵɵinjectAttribute('name')); };
 FormComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: FormComponent, selectors: [["form", "wmForm", ""]], contentQueries: function FormComponent_ContentQueries(rf, ctx, dirIndex) {
         if (rf & 1) {
             i0.ɵɵcontentQuery(dirIndex, WidgetRef, 5);
@@ -1399,7 +1398,7 @@ FormComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: FormComponent
                         provideAsWidgetRef(FormComponent)
                     ], template: "<ng-template #content><ng-content></ng-content></ng-template>\n\n<ng-container *ngIf=\"formlayout === 'page'; then pageLayoutTemplate else defaultTemplate\">\n</ng-container>\n\n<ng-template #defaultTemplate>\n    <div class=\"panel-heading\" *ngIf=\"!isLayoutDialog && (title || subheading || iconclass || showButtons('header'))\">\n        <h3 class=\"panel-title\">\n            <div class=\"pull-left\">\n                <i class=\"app-icon panel-icon\" aria-hidden=\"true\" [ngClass]=\"iconclass\" *ngIf=\"iconclass\"></i>\n            </div>\n            <div class=\"pull-left\">\n                <div class=\"heading\" [innerHTML]=\"title\"></div>\n                <div class=\"description\" [innerHTML]=\"subheading\"></div>\n            </div>\n            <div class=\"form-action panel-actions basic-btn-grp\">\n                <ng-container *ngFor=\"let btn of buttonArray | filter : 'position' : 'header'\"\n                              [ngTemplateOutlet]=\"btn.widgetType === 'button' ? buttonRef : anchorRef\" [ngTemplateOutletContext]=\"{btn:btn}\">\n                </ng-container>\n                <button type=\"button\" class=\"app-icon wi panel-action\" *ngIf=\"collapsible\" title=\"Collapse/Expand\"\n                        [ngClass]=\"expanded ? 'wi-minus': 'wi-plus'\" (click)=\"expandCollapsePanel();\"></button>\n            </div>\n        </h3>\n    </div>\n    <div class=\"panel-body\" [ngClass]=\"{'form-elements': isLayoutDialog, 'form-body': !isLayoutDialog}\" [class.hidden]=\"!expanded\">\n        <p wmMessage *ngIf=\"!!statusMessage.caption\" [attr.aria-hidden]=\"!statusMessage.caption\" [attr.aria-label]=\"statusMessage.caption\" caption.bind=\"statusMessage.caption\" type.bind=\"statusMessage.type\"></p>\n        <div [ngClass]=\"{'form-elements': !isLayoutDialog, 'form-content': isLayoutDialog}\">\n            <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n        </div>\n        <div class=\"basic-btn-grp form-action panel-footer clearfix\" [ngClass]=\"{'modal-footer': isLayoutDialog}\" [class.hidden]=\"!expanded || !showButtons('footer')\">\n            <ng-container *ngFor=\"let btn of buttonArray | filter : 'position' : 'footer'\"\n                          [ngTemplateOutlet]=\"btn.widgetType === 'button' ? buttonRef : anchorRef\" [ngTemplateOutletContext]=\"{btn:btn}\">\n            </ng-container>\n        </div>\n    </div>\n</ng-template>\n\n<ng-template #pageLayoutTemplate>\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</ng-template>\n\n<ng-template #buttonRef let-btn=\"btn\">\n    <button  wmButton name=\"{{btn.key}}\" caption.bind=\"btn.displayName\" class.bind=\"btn.class\" iconclass.bind=\"btn.iconclass\" show.bind=\"btn.show\"\n             (click)=\"invokeActionEvent($event, btn.action)\" type.bind=\"btn.type\" hint.bind=\"btn.title\" shortcutkey.bind=\"btn.shortcutkey\" disabled.bind=\"ngform.status === 'PENDING' || btn.disabled\"\n             tabindex.bind=\"btn.tabindex\" [attr.aria-label]=\"btn.displayName\" [class.hidden]=\"btn.updateMode ? !isUpdateMode : isUpdateMode\"></button>\n</ng-template>\n\n<ng-template #anchorRef let-btn=\"btn\">\n    <a wmAnchor name=\"{{btn.key}}\" caption.bind=\"btn.displayName\" class.bind=\"btn.class\" iconclass.bind=\"btn.iconclass\" show.bind=\"btn.show\"\n             (click)=\"invokeActionEvent($event, btn.action)\" hint.bind=\"btn.title\" shortcutkey.bind=\"btn.shortcutkey\"\n             hyperlink.bind=\"btn.hyperlink\" target.bind=\"btn.target\"\n             tabindex.bind=\"btn.tabindex\" [class.hidden]=\"btn.updateMode ? !isUpdateMode : isUpdateMode\"></a>\n</ng-template>\n\n<ng-container #dynamicForm></ng-container>\n" }]
         }], function () {
-        return [{ type: i0.Injector }, { type: i1.FormBuilder }, { type: i2.App }, { type: i2.AbstractDialogService }, { type: i2.DynamicComponentRefProvider }, { type: i0.NgZone }, { type: i3.ListComponent, decorators: [{
+        return [{ type: i0.Injector }, { type: i1.FormBuilder }, { type: i1$1.App }, { type: i1$1.AbstractDialogService }, { type: i1$1.DynamicComponentRefProvider }, { type: i0.NgZone }, { type: i3.ListComponent, decorators: [{
                         type: Optional
                     }] }, { type: FormComponent, decorators: [{
                         type: SkipSelf
@@ -1443,8 +1442,6 @@ FormComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: FormComponent
                     }] }, { type: undefined, decorators: [{
                         type: Attribute,
                         args: ['name']
-                    }] }, { type: i2.UserDefinedExecutionContext, decorators: [{
-                        type: Optional
                     }] }];
     }, { dynamicFormRef: [{
                 type: ViewChild,
@@ -1568,10 +1565,9 @@ const registerProps$1 = () => {
 
 const WIDGET_CONFIG = { widgetType: 'wm-form-action', hostClass: '' };
 class FormActionDirective extends BaseComponent {
-    constructor(inj, form, _viewParent) {
-        super(inj, WIDGET_CONFIG, _viewParent);
+    constructor(inj, form) {
+        super(inj, WIDGET_CONFIG);
         this.form = form;
-        this._viewParent = _viewParent;
     }
     populateAction() {
         this.buttonDef = {
@@ -1615,7 +1611,7 @@ class FormActionDirective extends BaseComponent {
     }
 }
 FormActionDirective.initializeProps = registerProps$1();
-FormActionDirective.ɵfac = function FormActionDirective_Factory(t) { return new (t || FormActionDirective)(i0.ɵɵdirectiveInject(i0.Injector), i0.ɵɵdirectiveInject(FormComponent, 8), i0.ɵɵdirectiveInject(i2.UserDefinedExecutionContext, 8)); };
+FormActionDirective.ɵfac = function FormActionDirective_Factory(t) { return new (t || FormActionDirective)(i0.ɵɵdirectiveInject(i0.Injector), i0.ɵɵdirectiveInject(FormComponent, 8)); };
 FormActionDirective.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: FormActionDirective, selectors: [["", "wmFormAction", ""]], features: [i0.ɵɵProvidersFeature([
             provideAsWidgetRef(FormActionDirective)
         ]), i0.ɵɵInheritDefinitionFeature] });
@@ -1631,8 +1627,6 @@ FormActionDirective.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: FormAct
         }], function () {
         return [{ type: i0.Injector }, { type: FormComponent, decorators: [{
                         type: Optional
-                    }] }, { type: i2.UserDefinedExecutionContext, decorators: [{
-                        type: Optional
                     }] }];
     }, null);
 })();
@@ -1705,15 +1699,14 @@ class FormFieldDirective extends StylableComponent {
     handleClick(event) {
         this._clicktriggeredByUser = true;
     }
-    constructor(inj, form, fb, viewport, app, parentList, bindChipclass, binddataset, binddisplayexpression, binddisplaylabel, _widgetType, name, binddisplayimagesrc, key, isRange, pcDisplay, mobileDisplay, tabletDisplay, contexts, _viewParent) {
+    constructor(inj, form, fb, viewport, app, parentList, bindChipclass, binddataset, binddisplayexpression, binddisplaylabel, _widgetType, name, binddisplayimagesrc, key, isRange, pcDisplay, mobileDisplay, tabletDisplay, contexts) {
         const WIDGET_CONFIG = {
             widgetType: 'wm-form-field',
             hostClass: '',
             widgetSubType: 'wm-form-field-' + (_widgetType || FormWidgetType.TEXT).trim()
         };
         let resolveFn = noop$1;
-        super(inj, WIDGET_CONFIG, _viewParent, new Promise(res => resolveFn = res));
-        this._viewParent = _viewParent;
+        super(inj, WIDGET_CONFIG, new Promise(res => resolveFn = res));
         this._initPropsRes = resolveFn;
         this.app = app;
         this.fieldDefConfig = {};
@@ -2147,7 +2140,7 @@ class FormFieldDirective extends StylableComponent {
     }
 }
 FormFieldDirective.initializeProps = registerProps();
-FormFieldDirective.ɵfac = function FormFieldDirective_Factory(t) { return new (t || FormFieldDirective)(i0.ɵɵdirectiveInject(i0.Injector), i0.ɵɵdirectiveInject(FormComponent), i0.ɵɵdirectiveInject(i1.FormBuilder), i0.ɵɵdirectiveInject(i2.Viewport), i0.ɵɵdirectiveInject(i2.App), i0.ɵɵdirectiveInject(i3.ListComponent, 8), i0.ɵɵinjectAttribute('chipclass.bind'), i0.ɵɵinjectAttribute('dataset.bind'), i0.ɵɵinjectAttribute('displayexpression.bind'), i0.ɵɵinjectAttribute('displaylabel.bind'), i0.ɵɵinjectAttribute('widgettype'), i0.ɵɵinjectAttribute('name'), i0.ɵɵinjectAttribute('displayimagesrc.bind'), i0.ɵɵinjectAttribute('key'), i0.ɵɵinjectAttribute('is-range'), i0.ɵɵinjectAttribute('pc-display'), i0.ɵɵinjectAttribute('mobile-display'), i0.ɵɵinjectAttribute('tablet-display'), i0.ɵɵdirectiveInject(Context, 2), i0.ɵɵdirectiveInject(i2.UserDefinedExecutionContext, 8)); };
+FormFieldDirective.ɵfac = function FormFieldDirective_Factory(t) { return new (t || FormFieldDirective)(i0.ɵɵdirectiveInject(i0.Injector), i0.ɵɵdirectiveInject(FormComponent), i0.ɵɵdirectiveInject(i1.FormBuilder), i0.ɵɵdirectiveInject(i1$1.Viewport), i0.ɵɵdirectiveInject(i1$1.App), i0.ɵɵdirectiveInject(i3.ListComponent, 8), i0.ɵɵinjectAttribute('chipclass.bind'), i0.ɵɵinjectAttribute('dataset.bind'), i0.ɵɵinjectAttribute('displayexpression.bind'), i0.ɵɵinjectAttribute('displaylabel.bind'), i0.ɵɵinjectAttribute('widgettype'), i0.ɵɵinjectAttribute('name'), i0.ɵɵinjectAttribute('displayimagesrc.bind'), i0.ɵɵinjectAttribute('key'), i0.ɵɵinjectAttribute('is-range'), i0.ɵɵinjectAttribute('pc-display'), i0.ɵɵinjectAttribute('mobile-display'), i0.ɵɵinjectAttribute('tablet-display'), i0.ɵɵdirectiveInject(Context, 2)); };
 FormFieldDirective.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: FormFieldDirective, selectors: [["", "wmFormField", ""]], contentQueries: function FormFieldDirective_ContentQueries(rf, ctx, dirIndex) {
         if (rf & 1) {
             i0.ɵɵcontentQuery(dirIndex, _c0, 7);
@@ -2180,7 +2173,7 @@ FormFieldDirective.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: FormFiel
                     ]
                 }]
         }], function () {
-        return [{ type: i0.Injector }, { type: FormComponent }, { type: i1.FormBuilder }, { type: i2.Viewport }, { type: i2.App }, { type: i3.ListComponent, decorators: [{
+        return [{ type: i0.Injector }, { type: FormComponent }, { type: i1.FormBuilder }, { type: i1$1.Viewport }, { type: i1$1.App }, { type: i3.ListComponent, decorators: [{
                         type: Optional
                     }] }, { type: undefined, decorators: [{
                         type: Attribute,
@@ -2223,8 +2216,6 @@ FormFieldDirective.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: FormFiel
                     }, {
                         type: Inject,
                         args: [Context]
-                    }] }, { type: i2.UserDefinedExecutionContext, decorators: [{
-                        type: Optional
                     }] }];
     }, { formWidget: [{
                 type: ContentChild,
@@ -2387,7 +2378,7 @@ class LiveActionsDirective {
         this.performOperation(operation, options);
     }
 }
-LiveActionsDirective.ɵfac = function LiveActionsDirective_Factory(t) { return new (t || LiveActionsDirective)(i0.ɵɵdirectiveInject(ListComponent, 2), i0.ɵɵdirectiveInject(i2.App), i0.ɵɵdirectiveInject(i2.AbstractDialogService)); };
+LiveActionsDirective.ɵfac = function LiveActionsDirective_Factory(t) { return new (t || LiveActionsDirective)(i0.ɵɵdirectiveInject(ListComponent, 2), i0.ɵɵdirectiveInject(i1$1.App), i0.ɵɵdirectiveInject(i1$1.AbstractDialogService)); };
 LiveActionsDirective.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: LiveActionsDirective, selectors: [["", "wmLiveActions", ""]] });
 (function () {
     (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(LiveActionsDirective, [{
@@ -2401,7 +2392,7 @@ LiveActionsDirective.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: LiveAc
                     }, {
                         type: Inject,
                         args: [ListComponent]
-                    }] }, { type: i2.App }, { type: i2.AbstractDialogService }];
+                    }] }, { type: i1$1.App }, { type: i1$1.AbstractDialogService }];
     }, null);
 })();
 
@@ -2531,7 +2522,7 @@ class DependsonDirective {
         }
     }
 }
-DependsonDirective.ɵfac = function DependsonDirective_Factory(t) { return new (t || DependsonDirective)(i0.ɵɵinjectAttribute('dialogid'), i0.ɵɵinjectAttribute('dependson'), i0.ɵɵdirectiveInject(i2.AbstractDialogService), i0.ɵɵdirectiveInject(i2.App)); };
+DependsonDirective.ɵfac = function DependsonDirective_Factory(t) { return new (t || DependsonDirective)(i0.ɵɵinjectAttribute('dialogid'), i0.ɵɵinjectAttribute('dependson'), i0.ɵɵdirectiveInject(i1$1.AbstractDialogService), i0.ɵɵdirectiveInject(i1$1.App)); };
 DependsonDirective.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: DependsonDirective, selectors: [["", "dependson", ""]], contentQueries: function DependsonDirective_ContentQueries(rf, ctx, dirIndex) {
         if (rf & 1) {
             i0.ɵɵcontentQuery(dirIndex, FormComponent, 5);
@@ -2554,7 +2545,7 @@ DependsonDirective.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: Dependso
                     }] }, { type: undefined, decorators: [{
                         type: Attribute,
                         args: ['dependson']
-                    }] }, { type: i2.AbstractDialogService }, { type: i2.App }];
+                    }] }, { type: i1$1.AbstractDialogService }, { type: i1$1.App }];
     }, { formChildren: [{
                 type: ContentChildren,
                 args: [FormComponent, { descendants: true }]
@@ -3363,7 +3354,7 @@ class LiveFormDirective {
     }
 }
 LiveFormDirective.initializeProps = registerLiveFormProps();
-LiveFormDirective.ɵfac = function LiveFormDirective_Factory(t) { return new (t || LiveFormDirective)(i0.ɵɵdirectiveInject(FormComponent, 2), i0.ɵɵdirectiveInject(i1$1.LiveTableComponent, 8), i0.ɵɵdirectiveInject(i5.ToDatePipe), i0.ɵɵdirectiveInject(i2.AbstractDialogService), i0.ɵɵinjectAttribute('formlayout')); };
+LiveFormDirective.ɵfac = function LiveFormDirective_Factory(t) { return new (t || LiveFormDirective)(i0.ɵɵdirectiveInject(FormComponent, 2), i0.ɵɵdirectiveInject(i1$2.LiveTableComponent, 8), i0.ɵɵdirectiveInject(i5.ToDatePipe), i0.ɵɵdirectiveInject(i1$1.AbstractDialogService), i0.ɵɵinjectAttribute('formlayout')); };
 LiveFormDirective.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: LiveFormDirective, selectors: [["", "wmLiveForm", ""]], hostBindings: function LiveFormDirective_HostBindings(rf, ctx) {
         if (rf & 1) {
             i0.ɵɵlistener("keydown", function LiveFormDirective_keydown_HostBindingHandler($event) { return ctx.onKeydownHandler($event); });
@@ -3381,9 +3372,9 @@ LiveFormDirective.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: LiveFormD
                     }, {
                         type: Inject,
                         args: [FormComponent]
-                    }] }, { type: i1$1.LiveTableComponent, decorators: [{
+                    }] }, { type: i1$2.LiveTableComponent, decorators: [{
                         type: Optional
-                    }] }, { type: i5.ToDatePipe }, { type: i2.AbstractDialogService }, { type: undefined, decorators: [{
+                    }] }, { type: i5.ToDatePipe }, { type: i1$1.AbstractDialogService }, { type: undefined, decorators: [{
                         type: Attribute,
                         args: ['formlayout']
                     }] }];