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

package/components/data/form/fesm2022/index.mjs

@@ -1,19 +1,19 @@
 import * as i6 from '@angular/common';
 import { CommonModule } from '@angular/common';
-import * as i5 from '@wm/components/base';
-import { PROP_BOOLEAN, PROP_STRING, PROP_ANY, PROP_NUMBER, register, StylableComponent, styler, getFieldLayoutConfig, Live_Operations, performDataOperation, parseValueByType, WidgetRef, MessageComponent, provideAsWidgetRef, WmComponentsModule, BaseComponent, getWidgetPropsByType, getEvaluatedData, BaseFieldValidations, getDefaultViewModeWidget, Context, provideAs, fetchDistinctValues, applyFilterOnField, isDataSetWidget, getDistinctValuesForField, getRangeFieldValue, getRangeMatchMode, getEnableEmptyFilter, getEmptyMatchMode, fetchRelatedFieldData, ALLFIELDS } from '@wm/components/base';
-import { AnchorComponent } from '@wm/components/basic';
-import { ButtonComponent } from '@wm/components/input';
+import { AnchorComponent } from '@wm/components/basic/anchor';
+import { ButtonComponent } from '@wm/components/input/button';
 import * as i0 from '@angular/core';
-import { ViewContainerRef, Component, Optional, SkipSelf, Attribute, Inject, ViewChild, ContentChildren, HostBinding, HostListener, Directive, Self, ContentChild } from '@angular/core';
+import { ViewContainerRef, HostListener, HostBinding, ContentChildren, ViewChild, Optional, SkipSelf, Attribute, Inject, Component, Self, Directive, ContentChild } from '@angular/core';
 import * as i1 from '@angular/forms';
 import { FormArray, NG_VALUE_ACCESSOR } from '@angular/forms';
 import * as i1$1 from '@wm/core';
 import { removeClass, isDefined, debounce as debounce$1, 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 i5 from '@wm/components/base';
+import { PROP_BOOLEAN, PROP_STRING, PROP_ANY, PROP_NUMBER, register, StylableComponent, styler, getFieldLayoutConfig, Live_Operations, performDataOperation, parseValueByType, FilterPipe, MessageComponent, WidgetRef, provideAsWidgetRef, BaseComponent, getWidgetPropsByType, getEvaluatedData, BaseFieldValidations, getDefaultViewModeWidget, Context, provideAs, fetchDistinctValues, applyFilterOnField, isDataSetWidget, getDistinctValuesForField, getRangeFieldValue, getRangeMatchMode, getEnableEmptyFilter, getEmptyMatchMode, fetchRelatedFieldData, ALLFIELDS } from '@wm/components/base';
 import * as i4 from '@wm/components/prefab';
 import * as i3 from '@wm/components/data/list';
 import { ListComponent } from '@wm/components/data/list';
-import { forEach, debounce, get, keys, last, isEmpty, isEqual, isArray, find, set, filter, includes, split, some, isUndefined, findIndex, isObject, join, isString, fromPairs, map } from 'lodash-es';
+import { forEach, debounce, get, last, keys, isEmpty, isEqual, isArray, find, set, filter, includes, split, some, isUndefined, findIndex, isObject, join, isString, fromPairs, map } from 'lodash-es';
 import { TableComponent } from '@wm/components/data/table';
 import { debounceTime } from 'rxjs/operators';
 import * as i1$2 from '@wm/components/data/live-table';
@@ -80,148 +80,6 @@ const registerLiveFilterProps = () => {
     register('wm-livefilter', liveFilterMap);
 };
 
-const _c0$1 = ["dynamicForm"];
-const _c1$1 = ["wmForm", ""];
-const _c2 = ["*"];
-const _c3 = (a0, a1) => ({ "form-elements": a0, "form-body": a1 });
-const _c4 = (a0, a1) => ({ "form-elements": a0, "form-content": a1 });
-const _c5 = a0 => ({ "modal-footer": a0 });
-const _c6 = a0 => ({ btn: a0 });
-function FormComponent_ng_template_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵprojection(0);
-} }
-function FormComponent_Conditional_2_ng_container_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementContainer(0);
-} }
-function FormComponent_Conditional_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, FormComponent_Conditional_2_ng_container_0_Template, 1, 0, "ng-container", 5);
-} if (rf & 2) {
-    i0.ɵɵnextContext();
-    const content_r1 = i0.ɵɵreference(1);
-    i0.ɵɵproperty("ngTemplateOutlet", content_r1);
-} }
-function FormComponent_Conditional_3_Conditional_0_Conditional_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "i", 14);
-} if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(3);
-    i0.ɵɵproperty("ngClass", ctx_r1.iconclass);
-} }
-function FormComponent_Conditional_3_Conditional_0_For_9_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementContainer(0, 11);
-} if (rf & 2) {
-    const btn_r3 = ctx.$implicit;
-    const ɵ$index_28_r4 = ctx.$index;
-    const ctx_r1 = i0.ɵɵnextContext(3);
-    const buttonRef_r5 = i0.ɵɵreference(5);
-    const anchorRef_r6 = i0.ɵɵreference(7);
-    i0.ɵɵproperty("ngTemplateOutlet", btn_r3.widgetType === "button" ? buttonRef_r5 : anchorRef_r6)("ngTemplateOutletContext", i0.ɵɵpureFunction1(3, _c6, btn_r3))("ngTemplateOutletInjector", ctx_r1.createCustomInjector("action_header_" + ɵ$index_28_r4, i0.ɵɵpureFunction1(5, _c6, btn_r3)));
-} }
-function FormComponent_Conditional_3_Conditional_0_Conditional_11_Template(rf, ctx) { if (rf & 1) {
-    const _r7 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 19);
-    i0.ɵɵlistener("click", function FormComponent_Conditional_3_Conditional_0_Conditional_11_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r7); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.expandCollapsePanel()); });
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(3);
-    i0.ɵɵproperty("title", ctx_r1.expanded ? (ctx_r1.appLocale == null ? null : ctx_r1.appLocale.LABEL_COLLAPSE) || "Collapse" : (ctx_r1.appLocale == null ? null : ctx_r1.appLocale.LABEL_EXPAND) || "Expand")("ngClass", ctx_r1.expanded ? "wi-minus" : "wi-plus");
-} }
-function FormComponent_Conditional_3_Conditional_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 6)(1, "h3", 12)(2, "div", 13);
-    i0.ɵɵtemplate(3, FormComponent_Conditional_3_Conditional_0_Conditional_3_Template, 1, 1, "i", 14);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "div", 13);
-    i0.ɵɵelement(5, "div", 15)(6, "div", 16);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(7, "div", 17);
-    i0.ɵɵrepeaterCreate(8, FormComponent_Conditional_3_Conditional_0_For_9_Template, 1, 7, "ng-container", 11, i0.ɵɵrepeaterTrackByIdentity);
-    i0.ɵɵpipe(10, "filter");
-    i0.ɵɵtemplate(11, FormComponent_Conditional_3_Conditional_0_Conditional_11_Template, 1, 2, "button", 18);
-    i0.ɵɵelementEnd()()();
-} if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(2);
-    i0.ɵɵadvance(3);
-    i0.ɵɵconditional(ctx_r1.iconclass ? 3 : -1);
-    i0.ɵɵadvance(2);
-    i0.ɵɵproperty("innerHTML", ctx_r1.title, i0.ɵɵsanitizeHtml);
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("innerHTML", ctx_r1.subheading, i0.ɵɵsanitizeHtml);
-    i0.ɵɵadvance(2);
-    i0.ɵɵrepeater(i0.ɵɵpipeBind3(10, 4, ctx_r1.buttonArray, "position", "header"));
-    i0.ɵɵadvance(3);
-    i0.ɵɵconditional(ctx_r1.collapsible ? 11 : -1);
-} }
-function FormComponent_Conditional_3_Conditional_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "p", 8);
-} if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(2);
-    i0.ɵɵattribute("aria-hidden", !ctx_r1.statusMessage.caption)("aria-label", ctx_r1.statusMessage.caption);
-} }
-function FormComponent_Conditional_3_ng_container_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementContainer(0);
-} }
-function FormComponent_Conditional_3_For_7_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementContainer(0, 11);
-} if (rf & 2) {
-    const btn_r8 = ctx.$implicit;
-    const ɵ$index_48_r9 = ctx.$index;
-    const ctx_r1 = i0.ɵɵnextContext(2);
-    const buttonRef_r5 = i0.ɵɵreference(5);
-    const anchorRef_r6 = i0.ɵɵreference(7);
-    i0.ɵɵproperty("ngTemplateOutlet", btn_r8.widgetType === "button" ? buttonRef_r5 : anchorRef_r6)("ngTemplateOutletContext", i0.ɵɵpureFunction1(3, _c6, btn_r8))("ngTemplateOutletInjector", ctx_r1.createCustomInjector("action_footer_" + ɵ$index_48_r9, i0.ɵɵpureFunction1(5, _c6, btn_r8)));
-} }
-function FormComponent_Conditional_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, FormComponent_Conditional_3_Conditional_0_Template, 12, 8, "div", 6);
-    i0.ɵɵelementStart(1, "div", 7);
-    i0.ɵɵtemplate(2, FormComponent_Conditional_3_Conditional_2_Template, 1, 2, "p", 8);
-    i0.ɵɵelementStart(3, "div", 9);
-    i0.ɵɵtemplate(4, FormComponent_Conditional_3_ng_container_4_Template, 1, 0, "ng-container", 5);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(5, "div", 10);
-    i0.ɵɵrepeaterCreate(6, FormComponent_Conditional_3_For_7_Template, 1, 7, "ng-container", 11, i0.ɵɵrepeaterTrackByIdentity);
-    i0.ɵɵpipe(8, "filter");
-    i0.ɵɵelementEnd()();
-} if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext();
-    const content_r1 = i0.ɵɵreference(1);
-    i0.ɵɵconditional(!ctx_r1.isLayoutDialog && (ctx_r1.title || ctx_r1.subheading || ctx_r1.iconclass || ctx_r1.showButtons("header")) ? 0 : -1);
-    i0.ɵɵadvance();
-    i0.ɵɵclassProp("hidden", !ctx_r1.expanded);
-    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction2(14, _c3, ctx_r1.isLayoutDialog, !ctx_r1.isLayoutDialog));
-    i0.ɵɵadvance();
-    i0.ɵɵconditional(!!ctx_r1.statusMessage.caption ? 2 : -1);
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction2(17, _c4, !ctx_r1.isLayoutDialog, ctx_r1.isLayoutDialog));
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngTemplateOutlet", content_r1);
-    i0.ɵɵadvance();
-    i0.ɵɵclassProp("hidden", !ctx_r1.expanded || !ctx_r1.showButtons("footer"));
-    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(20, _c5, ctx_r1.isLayoutDialog));
-    i0.ɵɵadvance();
-    i0.ɵɵrepeater(i0.ɵɵpipeBind3(8, 10, ctx_r1.buttonArray, "position", "footer"));
-} }
-function FormComponent_ng_template_4_Template(rf, ctx) { if (rf & 1) {
-    const _r10 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 20);
-    i0.ɵɵlistener("click", function FormComponent_ng_template_4_Template_button_click_0_listener($event) { const btn_r11 = i0.ɵɵrestoreView(_r10).btn; const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.invokeActionEvent($event, btn_r11.action)); });
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const btn_r11 = ctx.btn;
-    const ctx_r1 = i0.ɵɵnextContext();
-    i0.ɵɵclassProp("hidden", btn_r11.updateMode ? !ctx_r1.isUpdateMode : ctx_r1.isUpdateMode);
-    i0.ɵɵpropertyInterpolate("name", btn_r11.key);
-    i0.ɵɵattribute("aria-label", btn_r11.displayName);
-} }
-function FormComponent_ng_template_6_Template(rf, ctx) { if (rf & 1) {
-    const _r12 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "a", 21);
-    i0.ɵɵlistener("click", function FormComponent_ng_template_6_Template_a_click_0_listener($event) { const btn_r13 = i0.ɵɵrestoreView(_r12).btn; const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.invokeActionEvent($event, btn_r13.action)); });
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const btn_r13 = ctx.btn;
-    const ctx_r1 = i0.ɵɵnextContext();
-    i0.ɵɵclassProp("hidden", btn_r13.updateMode ? !ctx_r1.isUpdateMode : ctx_r1.isUpdateMode);
-    i0.ɵɵpropertyInterpolate("name", btn_r13.key);
-} }
 const WIDGET_CONFIG$1 = { widgetType: 'wm-form', hostClass: 'panel app-panel app-form' };
 const LOGIN_FORM_CONFIG = { widgetType: 'wm-form', hostClass: 'app-form app-login-form' };
 const LIVE_FORM_CONFIG = { widgetType: 'wm-liveform', hostClass: 'panel app-panel app-liveform liveform-inline' };
@@ -611,6 +469,7 @@ class FormComponent extends StylableComponent {
                 const $invalidForm = eleForm.ngForm;
                 let $invalidEle = eleForm.$ele;
                 $invalidEle = $invalidEle.parent().find('[focus-target]');
+                const $target = eleForm?.$ele?.parent()?.find('input[type=checkbox], input[type=radio], input[type=file]')?.first();
                 if ($invalidEle.length) {
                     // on save click in page layout liveform, focus of autocomplete widget opens full-screen search.
                     if (!$invalidEle.hasClass('app-search-input')) {
@@ -623,6 +482,9 @@ class FormComponent extends StylableComponent {
                     $appDigest();
                     return true;
                 }
+                else if ($target && $target.length) {
+                    $target.focus();
+                }
                 return true;
             }
             return false;
@@ -1323,111 +1185,87 @@ class FormComponent extends StylableComponent {
         }
         super.ngOnDestroy();
     }
-    static { this.ɵfac = function FormComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || 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'), i0.ɵɵdirectiveInject('EXPLICIT_CONTEXT', 8)); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: FormComponent, selectors: [["form", "wmForm", ""]], contentQueries: function FormComponent_ContentQueries(rf, ctx, dirIndex) { if (rf & 1) {
-            i0.ɵɵcontentQuery(dirIndex, WidgetRef, 5);
-        } if (rf & 2) {
-            let _t;
-            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.componentRefs = _t);
-        } }, viewQuery: function FormComponent_Query(rf, ctx) { if (rf & 1) {
-            i0.ɵɵviewQuery(_c0$1, 7, ViewContainerRef);
-            i0.ɵɵviewQuery(MessageComponent, 5);
-        } if (rf & 2) {
-            let _t;
-            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.dynamicFormRef = _t.first);
-            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.messageRef = _t.first);
-        } }, hostVars: 1, hostBindings: function FormComponent_HostBindings(rf, ctx) { if (rf & 1) {
-            i0.ɵɵlistener("submit", function FormComponent_submit_HostBindingHandler($event) { return ctx.submit($event); })("reset", function FormComponent_reset_HostBindingHandler() { return ctx.onReset(); })("keydown", function FormComponent_keydown_HostBindingHandler($event) { return ctx.onKeydownHandler($event); });
-        } if (rf & 2) {
-            i0.ɵɵhostProperty("action", ctx.action, i0.ɵɵsanitizeUrl);
-        } }, standalone: true, features: [i0.ɵɵProvidersFeature([
-                provideAsWidgetRef(FormComponent)
-            ]), i0.ɵɵInheritDefinitionFeature, i0.ɵɵStandaloneFeature], attrs: _c1$1, ngContentSelectors: _c2, decls: 10, vars: 1, consts: [["content", ""], ["buttonRef", ""], ["anchorRef", ""], ["dynamicForm", ""], [1, "panel-body", 3, "ngClass", "hidden"], [4, "ngTemplateOutlet"], [1, "panel-heading"], [1, "panel-body", 3, "ngClass"], ["wmMessage", "", "caption.bind", "statusMessage.caption", "type.bind", "statusMessage.type"], [3, "ngClass"], [1, "basic-btn-grp", "form-action", "panel-footer", "clearfix", 3, "ngClass"], [3, "ngTemplateOutlet", "ngTemplateOutletContext", "ngTemplateOutletInjector"], [1, "panel-title"], [1, "pull-left"], ["aria-hidden", "true", 1, "app-icon", "panel-icon", 3, "ngClass"], [1, "heading", 3, "innerHTML"], [1, "description", 3, "innerHTML"], [1, "form-action", "panel-actions", "basic-btn-grp"], ["type", "button", 1, "app-icon", "wi", "panel-action", 3, "title", "ngClass"], ["type", "button", 1, "app-icon", "wi", "panel-action", 3, "click", "title", "ngClass"], ["wmButton", "", "caption.bind", "btn.displayName", "class.bind", "btn.class", "iconclass.bind", "btn.iconclass", "show.bind", "btn.show", "type.bind", "btn.type", "hint.bind", "btn.title", "shortcutkey.bind", "btn.shortcutkey", "disabled.bind", "ngform.status === 'PENDING' || btn.disabled", "tabindex.bind", "btn.tabindex", 3, "click", "name"], ["wmAnchor", "", "caption.bind", "btn.displayName", "class.bind", "btn.class", "iconclass.bind", "btn.iconclass", "show.bind", "btn.show", "hint.bind", "btn.title", "shortcutkey.bind", "btn.shortcutkey", "hyperlink.bind", "btn.hyperlink", "target.bind", "btn.target", "tabindex.bind", "btn.tabindex", 3, "click", "name"]], template: function FormComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵprojectionDef();
-            i0.ɵɵtemplate(0, FormComponent_ng_template_0_Template, 1, 0, "ng-template", null, 0, i0.ɵɵtemplateRefExtractor)(2, FormComponent_Conditional_2_Template, 1, 1, "ng-container")(3, FormComponent_Conditional_3_Template, 9, 22, "div", 4)(4, FormComponent_ng_template_4_Template, 1, 4, "ng-template", null, 1, i0.ɵɵtemplateRefExtractor)(6, FormComponent_ng_template_6_Template, 1, 3, "ng-template", null, 2, i0.ɵɵtemplateRefExtractor);
-            i0.ɵɵelementContainer(8, null, 3);
-        } if (rf & 2) {
-            i0.ɵɵadvance(2);
-            i0.ɵɵconditional(ctx.formlayout === "page" ? 2 : 3);
-        } }, dependencies: [CommonModule, i6.NgClass, i6.NgTemplateOutlet, WmComponentsModule, i5.MessageComponent, i5.FilterPipe, AnchorComponent, ButtonComponent], encapsulation: 2 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FormComponent, deps: [{ token: i0.Injector }, { token: i1.FormBuilder }, { token: i1$1.App }, { token: i1$1.AbstractDialogService }, { token: i1$1.DynamicComponentRefProvider }, { token: i0.NgZone }, { token: i3.ListComponent, optional: true }, { token: FormComponent, optional: true, skipSelf: true }, { token: i4.PrefabDirective, optional: true, skipSelf: true }, { token: i5.PartialDirective, optional: true, skipSelf: true }, { token: 'beforesubmit.event', attribute: true }, { token: 'submit.event', attribute: true }, { token: 'beforerender.event', attribute: true }, { token: 'dataset.bind', attribute: true }, { token: 'formdata.bind', attribute: true }, { token: 'wmLiveForm', attribute: true }, { token: 'wmLiveFilter', attribute: true }, { token: 'data-role', attribute: true }, { token: 'key', attribute: true }, { token: 'name', attribute: true }, { token: 'EXPLICIT_CONTEXT', optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: FormComponent, isStandalone: true, selector: "form[wmForm]", host: { listeners: { "submit": "submit($event)", "reset": "onReset()", "keydown": "onKeydownHandler($event)" }, properties: { "action": "this.action" } }, providers: [
+            provideAsWidgetRef(FormComponent)
+        ], queries: [{ propertyName: "componentRefs", predicate: WidgetRef, descendants: true }], viewQueries: [{ propertyName: "dynamicFormRef", first: true, predicate: ["dynamicForm"], descendants: true, read: ViewContainerRef, static: true }, { propertyName: "messageRef", first: true, predicate: MessageComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: "<ng-template #content><ng-content></ng-content></ng-template>\n\n@if (formlayout === 'page') {\n  <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n} @else {\n  @if (!isLayoutDialog && (title || subheading || iconclass || showButtons('header'))) {\n    <div class=\"panel-heading\">\n      <h3 class=\"panel-title\">\n        <div class=\"pull-left\">\n          @if (iconclass) {\n            <i class=\"app-icon panel-icon\" aria-hidden=\"true\" [ngClass]=\"iconclass\"></i>\n          }\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          @for (btn of buttonArray | filter : 'position' : 'header'; track btn; let index = $index) {\n            <ng-container\n              [ngTemplateOutlet]=\"btn.widgetType === 'button' ? buttonRef : anchorRef\"\n              [ngTemplateOutletContext]=\"{btn:btn}\"\n              [ngTemplateOutletInjector]=\"createCustomInjector('action_header_' + index, {btn:btn})\">\n            </ng-container>\n          }\n          @if (collapsible) {\n            <button type=\"button\" class=\"app-icon wi panel-action\" [title]=\"expanded? (this.appLocale?.LABEL_COLLAPSE||'Collapse'):(this.appLocale?.LABEL_EXPAND||'Expand')\"\n            [ngClass]=\"expanded ? 'wi-minus': 'wi-plus'\" (click)=\"expandCollapsePanel();\"></button>\n          }\n        </div>\n      </h3>\n    </div>\n  }\n  <div class=\"panel-body\" [ngClass]=\"{'form-elements': isLayoutDialog, 'form-body': !isLayoutDialog}\" [class.hidden]=\"!expanded\">\n    @if (!!statusMessage.caption) {\n      <p wmMessage [attr.aria-hidden]=\"!statusMessage.caption\" [attr.aria-label]=\"statusMessage.caption\" caption.bind=\"statusMessage.caption\" type.bind=\"statusMessage.type\"></p>\n    }\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      @for (btn of buttonArray | filter : 'position' : 'footer'; track btn; let index = $index) {\n        <ng-container\n          [ngTemplateOutlet]=\"btn.widgetType === 'button' ? buttonRef : anchorRef\"\n          [ngTemplateOutletContext]=\"{btn:btn}\"\n          [ngTemplateOutletInjector]=\"createCustomInjector('action_footer_' + index, {btn:btn})\">\n        </ng-container>\n      }\n    </div>\n  </div>\n}\n\n\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", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i6.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i6.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: FilterPipe, name: "filter" }, { kind: "component", type: AnchorComponent, selector: "a[wmAnchor]", exportAs: ["wmAnchor"] }, { kind: "component", type: ButtonComponent, selector: "button[wmButton]", exportAs: ["wmButton"] }, { kind: "component", type: MessageComponent, selector: "[wmMessage]", exportAs: ["wmMessage"] }] }); }
 }
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(FormComponent, [{
-        type: Component,
-        args: [{ standalone: true, imports: [CommonModule, WmComponentsModule, AnchorComponent, ButtonComponent, MessageComponent], selector: 'form[wmForm]', providers: [
-                    provideAsWidgetRef(FormComponent)
-                ], template: "<ng-template #content><ng-content></ng-content></ng-template>\n\n@if (formlayout === 'page') {\n  <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n} @else {\n  @if (!isLayoutDialog && (title || subheading || iconclass || showButtons('header'))) {\n    <div class=\"panel-heading\">\n      <h3 class=\"panel-title\">\n        <div class=\"pull-left\">\n          @if (iconclass) {\n            <i class=\"app-icon panel-icon\" aria-hidden=\"true\" [ngClass]=\"iconclass\"></i>\n          }\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          @for (btn of buttonArray | filter : 'position' : 'header'; track btn; let index = $index) {\n            <ng-container\n              [ngTemplateOutlet]=\"btn.widgetType === 'button' ? buttonRef : anchorRef\"\n              [ngTemplateOutletContext]=\"{btn:btn}\"\n              [ngTemplateOutletInjector]=\"createCustomInjector('action_header_' + index, {btn:btn})\">\n            </ng-container>\n          }\n          @if (collapsible) {\n            <button type=\"button\" class=\"app-icon wi panel-action\" [title]=\"expanded? (this.appLocale?.LABEL_COLLAPSE||'Collapse'):(this.appLocale?.LABEL_EXPAND||'Expand')\"\n            [ngClass]=\"expanded ? 'wi-minus': 'wi-plus'\" (click)=\"expandCollapsePanel();\"></button>\n          }\n        </div>\n      </h3>\n    </div>\n  }\n  <div class=\"panel-body\" [ngClass]=\"{'form-elements': isLayoutDialog, 'form-body': !isLayoutDialog}\" [class.hidden]=\"!expanded\">\n    @if (!!statusMessage.caption) {\n      <p wmMessage [attr.aria-hidden]=\"!statusMessage.caption\" [attr.aria-label]=\"statusMessage.caption\" caption.bind=\"statusMessage.caption\" type.bind=\"statusMessage.type\"></p>\n    }\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      @for (btn of buttonArray | filter : 'position' : 'footer'; track btn; let index = $index) {\n        <ng-container\n          [ngTemplateOutlet]=\"btn.widgetType === 'button' ? buttonRef : anchorRef\"\n          [ngTemplateOutletContext]=\"{btn:btn}\"\n          [ngTemplateOutletInjector]=\"createCustomInjector('action_footer_' + index, {btn:btn})\">\n        </ng-container>\n      }\n    </div>\n  </div>\n}\n\n\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" }]
-    }], () => [{ 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
-            }, {
-                type: Optional
-            }] }, { type: i4.PrefabDirective, decorators: [{
-                type: SkipSelf
-            }, {
-                type: Optional
-            }] }, { type: i5.PartialDirective, decorators: [{
-                type: SkipSelf
-            }, {
-                type: Optional
-            }] }, { type: undefined, decorators: [{
-                type: Attribute,
-                args: ['beforesubmit.event']
-            }] }, { type: undefined, decorators: [{
-                type: Attribute,
-                args: ['submit.event']
-            }] }, { type: undefined, decorators: [{
-                type: Attribute,
-                args: ['beforerender.event']
-            }] }, { type: undefined, decorators: [{
-                type: Attribute,
-                args: ['dataset.bind']
-            }] }, { type: undefined, decorators: [{
-                type: Attribute,
-                args: ['formdata.bind']
-            }] }, { type: undefined, decorators: [{
-                type: Attribute,
-                args: ['wmLiveForm']
-            }] }, { type: undefined, decorators: [{
-                type: Attribute,
-                args: ['wmLiveFilter']
-            }] }, { type: undefined, decorators: [{
-                type: Attribute,
-                args: ['data-role']
-            }] }, { type: undefined, decorators: [{
-                type: Attribute,
-                args: ['key']
-            }] }, { type: undefined, decorators: [{
-                type: Attribute,
-                args: ['name']
-            }] }, { type: undefined, decorators: [{
-                type: Inject,
-                args: ['EXPLICIT_CONTEXT']
-            }, {
-                type: Optional
-            }] }], { dynamicFormRef: [{
-            type: ViewChild,
-            args: ['dynamicForm', { static: true, read: ViewContainerRef }]
-        }], messageRef: [{
-            type: ViewChild,
-            args: [MessageComponent]
-        }], componentRefs: [{
-            type: ContentChildren,
-            args: [WidgetRef, { descendants: true }]
-        }], action: [{
-            type: HostBinding,
-            args: ['action']
-        }], submit: [{
-            type: HostListener,
-            args: ['submit', ['$event']]
-        }], onReset: [{
-            type: HostListener,
-            args: ['reset']
-        }], onKeydownHandler: [{
-            type: HostListener,
-            args: ['keydown', ['$event']]
-        }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(FormComponent, { className: "FormComponent", filePath: "form.component.ts", lineNumber: 165 }); })();
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FormComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, imports: [CommonModule, FilterPipe, AnchorComponent, ButtonComponent, MessageComponent], selector: 'form[wmForm]', providers: [
+                        provideAsWidgetRef(FormComponent)
+                    ], template: "<ng-template #content><ng-content></ng-content></ng-template>\n\n@if (formlayout === 'page') {\n  <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n} @else {\n  @if (!isLayoutDialog && (title || subheading || iconclass || showButtons('header'))) {\n    <div class=\"panel-heading\">\n      <h3 class=\"panel-title\">\n        <div class=\"pull-left\">\n          @if (iconclass) {\n            <i class=\"app-icon panel-icon\" aria-hidden=\"true\" [ngClass]=\"iconclass\"></i>\n          }\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          @for (btn of buttonArray | filter : 'position' : 'header'; track btn; let index = $index) {\n            <ng-container\n              [ngTemplateOutlet]=\"btn.widgetType === 'button' ? buttonRef : anchorRef\"\n              [ngTemplateOutletContext]=\"{btn:btn}\"\n              [ngTemplateOutletInjector]=\"createCustomInjector('action_header_' + index, {btn:btn})\">\n            </ng-container>\n          }\n          @if (collapsible) {\n            <button type=\"button\" class=\"app-icon wi panel-action\" [title]=\"expanded? (this.appLocale?.LABEL_COLLAPSE||'Collapse'):(this.appLocale?.LABEL_EXPAND||'Expand')\"\n            [ngClass]=\"expanded ? 'wi-minus': 'wi-plus'\" (click)=\"expandCollapsePanel();\"></button>\n          }\n        </div>\n      </h3>\n    </div>\n  }\n  <div class=\"panel-body\" [ngClass]=\"{'form-elements': isLayoutDialog, 'form-body': !isLayoutDialog}\" [class.hidden]=\"!expanded\">\n    @if (!!statusMessage.caption) {\n      <p wmMessage [attr.aria-hidden]=\"!statusMessage.caption\" [attr.aria-label]=\"statusMessage.caption\" caption.bind=\"statusMessage.caption\" type.bind=\"statusMessage.type\"></p>\n    }\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      @for (btn of buttonArray | filter : 'position' : 'footer'; track btn; let index = $index) {\n        <ng-container\n          [ngTemplateOutlet]=\"btn.widgetType === 'button' ? buttonRef : anchorRef\"\n          [ngTemplateOutletContext]=\"{btn:btn}\"\n          [ngTemplateOutletInjector]=\"createCustomInjector('action_footer_' + index, {btn:btn})\">\n        </ng-container>\n      }\n    </div>\n  </div>\n}\n\n\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" }]
+        }], ctorParameters: () => [{ 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
+                }, {
+                    type: Optional
+                }] }, { type: i4.PrefabDirective, decorators: [{
+                    type: SkipSelf
+                }, {
+                    type: Optional
+                }] }, { type: i5.PartialDirective, decorators: [{
+                    type: SkipSelf
+                }, {
+                    type: Optional
+                }] }, { type: undefined, decorators: [{
+                    type: Attribute,
+                    args: ['beforesubmit.event']
+                }] }, { type: undefined, decorators: [{
+                    type: Attribute,
+                    args: ['submit.event']
+                }] }, { type: undefined, decorators: [{
+                    type: Attribute,
+                    args: ['beforerender.event']
+                }] }, { type: undefined, decorators: [{
+                    type: Attribute,
+                    args: ['dataset.bind']
+                }] }, { type: undefined, decorators: [{
+                    type: Attribute,
+                    args: ['formdata.bind']
+                }] }, { type: undefined, decorators: [{
+                    type: Attribute,
+                    args: ['wmLiveForm']
+                }] }, { type: undefined, decorators: [{
+                    type: Attribute,
+                    args: ['wmLiveFilter']
+                }] }, { type: undefined, decorators: [{
+                    type: Attribute,
+                    args: ['data-role']
+                }] }, { type: undefined, decorators: [{
+                    type: Attribute,
+                    args: ['key']
+                }] }, { type: undefined, decorators: [{
+                    type: Attribute,
+                    args: ['name']
+                }] }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: ['EXPLICIT_CONTEXT']
+                }, {
+                    type: Optional
+                }] }], propDecorators: { dynamicFormRef: [{
+                type: ViewChild,
+                args: ['dynamicForm', { static: true, read: ViewContainerRef }]
+            }], messageRef: [{
+                type: ViewChild,
+                args: [MessageComponent]
+            }], componentRefs: [{
+                type: ContentChildren,
+                args: [WidgetRef, { descendants: true }]
+            }], action: [{
+                type: HostBinding,
+                args: ['action']
+            }], submit: [{
+                type: HostListener,
+                args: ['submit', ['$event']]
+            }], onReset: [{
+                type: HostListener,
+                args: ['reset']
+            }], onKeydownHandler: [{
+                type: HostListener,
+                args: ['keydown', ['$event']]
+            }] } });
 
 class FormWidgetDirective {
     constructor(form, table, componentInstance, fb, name, key) {
@@ -1466,37 +1304,37 @@ class FormWidgetDirective {
             this.parent.registerFormWidget(this.componentInstance);
         }
     }
-    static { this.ɵfac = function FormWidgetDirective_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || FormWidgetDirective)(i0.ɵɵdirectiveInject(FormComponent, 8), i0.ɵɵdirectiveInject(TableComponent, 8), i0.ɵɵdirectiveInject(WidgetRef, 2), i0.ɵɵdirectiveInject(i1.FormBuilder), i0.ɵɵinjectAttribute('name'), i0.ɵɵinjectAttribute('key')); }; }
-    static { this.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: FormWidgetDirective, selectors: [["", "wmFormWidget", ""]], standalone: true }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FormWidgetDirective, deps: [{ token: FormComponent, optional: true }, { token: TableComponent, optional: true }, { token: WidgetRef, self: true }, { token: i1.FormBuilder }, { token: 'name', attribute: true }, { token: 'key', attribute: true }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: FormWidgetDirective, isStandalone: true, selector: "[wmFormWidget]", ngImport: i0 }); }
 }
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(FormWidgetDirective, [{
-        type: Directive,
-        args: [{
-                standalone: true,
-                selector: '[wmFormWidget]'
-            }]
-    }], () => [{ type: undefined, decorators: [{
-                type: Optional
-            }, {
-                type: Inject,
-                args: [FormComponent]
-            }] }, { type: undefined, decorators: [{
-                type: Optional
-            }, {
-                type: Inject,
-                args: [TableComponent]
-            }] }, { type: undefined, decorators: [{
-                type: Self
-            }, {
-                type: Inject,
-                args: [WidgetRef]
-            }] }, { type: i1.FormBuilder }, { type: undefined, decorators: [{
-                type: Attribute,
-                args: ['name']
-            }] }, { type: undefined, decorators: [{
-                type: Attribute,
-                args: ['key']
-            }] }], null); })();
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FormWidgetDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    standalone: true,
+                    selector: '[wmFormWidget]'
+                }]
+        }], ctorParameters: () => [{ type: undefined, decorators: [{
+                    type: Optional
+                }, {
+                    type: Inject,
+                    args: [FormComponent]
+                }] }, { type: undefined, decorators: [{
+                    type: Optional
+                }, {
+                    type: Inject,
+                    args: [TableComponent]
+                }] }, { type: undefined, decorators: [{
+                    type: Self
+                }, {
+                    type: Inject,
+                    args: [WidgetRef]
+                }] }, { type: i1.FormBuilder }, { type: undefined, decorators: [{
+                    type: Attribute,
+                    args: ['name']
+                }] }, { type: undefined, decorators: [{
+                    type: Attribute,
+                    args: ['key']
+                }] }] });
 
 const registerProps$1 = () => {
     register('wm-form-action', new Map([
@@ -1572,28 +1410,28 @@ class FormActionDirective extends BaseComponent {
                 break;
         }
     }
-    static { this.ɵfac = function FormActionDirective_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || FormActionDirective)(i0.ɵɵdirectiveInject(i0.Injector), i0.ɵɵdirectiveInject(FormComponent, 8), i0.ɵɵdirectiveInject('EXPLICIT_CONTEXT', 8)); }; }
-    static { this.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: FormActionDirective, selectors: [["", "wmFormAction", ""]], standalone: true, features: [i0.ɵɵProvidersFeature([
-                provideAsWidgetRef(FormActionDirective)
-            ]), i0.ɵɵInheritDefinitionFeature] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FormActionDirective, deps: [{ token: i0.Injector }, { token: FormComponent, optional: true }, { token: 'EXPLICIT_CONTEXT', optional: true }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: FormActionDirective, isStandalone: true, selector: "[wmFormAction]", providers: [
+            provideAsWidgetRef(FormActionDirective)
+        ], usesInheritance: true, ngImport: i0 }); }
 }
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(FormActionDirective, [{
-        type: Directive,
-        args: [{
-                standalone: true,
-                selector: '[wmFormAction]',
-                providers: [
-                    provideAsWidgetRef(FormActionDirective)
-                ]
-            }]
-    }], () => [{ type: i0.Injector }, { type: FormComponent, decorators: [{
-                type: Optional
-            }] }, { type: undefined, decorators: [{
-                type: Inject,
-                args: ['EXPLICIT_CONTEXT']
-            }, {
-                type: Optional
-            }] }], null); })();
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FormActionDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    standalone: true,
+                    selector: '[wmFormAction]',
+                    providers: [
+                        provideAsWidgetRef(FormActionDirective)
+                    ]
+                }]
+        }], ctorParameters: () => [{ type: i0.Injector }, { type: FormComponent, decorators: [{
+                    type: Optional
+                }] }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: ['EXPLICIT_CONTEXT']
+                }, {
+                    type: Optional
+                }] }] });
 
 const registerProps = () => {
     const formFieldMap = new Map([
@@ -1645,8 +1483,6 @@ const registerProps = () => {
     }
 };
 
-const _c0 = ["formWidget"];
-const _c1 = ["formWidgetMax"];
 // Custom validator to show validation error, if setValidationMessage method is used
 const customValidatorFn = () => {
     return { custom: true };
@@ -2130,95 +1966,86 @@ class FormFieldDirective extends StylableComponent {
             }
         }
     }
-    static { this.ɵfac = function FormFieldDirective_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || 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), i0.ɵɵdirectiveInject('EXPLICIT_CONTEXT', 8)); }; }
-    static { this.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: FormFieldDirective, selectors: [["", "wmFormField", ""]], contentQueries: function FormFieldDirective_ContentQueries(rf, ctx, dirIndex) { if (rf & 1) {
-            i0.ɵɵcontentQuery(dirIndex, _c0, 7);
-            i0.ɵɵcontentQuery(dirIndex, _c1, 5);
-        } if (rf & 2) {
-            let _t;
-            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.formWidget = _t.first);
-            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.formWidgetMax = _t.first);
-        } }, hostBindings: function FormFieldDirective_HostBindings(rf, ctx) { if (rf & 1) {
-            i0.ɵɵlistener("keydown", function FormFieldDirective_keydown_HostBindingHandler($event) { return ctx.onKeydownHandler($event); })("click", function FormFieldDirective_click_HostBindingHandler($event) { return ctx.handleClick($event); });
-        } }, exportAs: ["wmFormField"], standalone: true, features: [i0.ɵɵProvidersFeature([
-                provideAsWidgetRef(FormFieldDirective),
-                provideAs(FormFieldDirective, NG_VALUE_ACCESSOR, true),
-                { provide: Context, useFactory: () => { return {}; }, multi: true }
-            ]), i0.ɵɵInheritDefinitionFeature] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FormFieldDirective, deps: [{ token: i0.Injector }, { token: FormComponent }, { token: i1.FormBuilder }, { token: i1$1.Viewport }, { token: i1$1.App }, { token: i3.ListComponent, optional: true }, { token: 'chipclass.bind', attribute: true }, { token: 'dataset.bind', attribute: true }, { token: 'displayexpression.bind', attribute: true }, { token: 'displaylabel.bind', attribute: true }, { token: 'widgettype', attribute: true }, { token: 'name', attribute: true }, { token: 'displayimagesrc.bind', attribute: true }, { token: 'key', attribute: true }, { token: 'is-range', attribute: true }, { token: 'pc-display', attribute: true }, { token: 'mobile-display', attribute: true }, { token: 'tablet-display', attribute: true }, { token: Context, self: true }, { token: 'EXPLICIT_CONTEXT', optional: true }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: FormFieldDirective, isStandalone: true, selector: "[wmFormField]", host: { listeners: { "keydown": "onKeydownHandler($event)", "click": "handleClick($event)" } }, providers: [
+            provideAsWidgetRef(FormFieldDirective),
+            provideAs(FormFieldDirective, NG_VALUE_ACCESSOR, true),
+            { provide: Context, useFactory: () => { return {}; }, multi: true }
+        ], queries: [{ propertyName: "formWidget", first: true, predicate: ["formWidget"], descendants: true, static: true }, { propertyName: "formWidgetMax", first: true, predicate: ["formWidgetMax"], descendants: true }], exportAs: ["wmFormField"], usesInheritance: true, ngImport: i0 }); }
 }
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(FormFieldDirective, [{
-        type: Directive,
-        args: [{
-                standalone: true,
-                selector: '[wmFormField]',
-                exportAs: 'wmFormField',
-                providers: [
-                    provideAsWidgetRef(FormFieldDirective),
-                    provideAs(FormFieldDirective, NG_VALUE_ACCESSOR, true),
-                    { provide: Context, useFactory: () => { return {}; }, multi: true }
-                ]
-            }]
-    }], () => [{ 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,
-                args: ['chipclass.bind']
-            }] }, { type: undefined, decorators: [{
-                type: Attribute,
-                args: ['dataset.bind']
-            }] }, { type: undefined, decorators: [{
-                type: Attribute,
-                args: ['displayexpression.bind']
-            }] }, { type: undefined, decorators: [{
-                type: Attribute,
-                args: ['displaylabel.bind']
-            }] }, { type: undefined, decorators: [{
-                type: Attribute,
-                args: ['widgettype']
-            }] }, { type: undefined, decorators: [{
-                type: Attribute,
-                args: ['name']
-            }] }, { type: String, decorators: [{
-                type: Attribute,
-                args: ['displayimagesrc.bind']
-            }] }, { type: undefined, decorators: [{
-                type: Attribute,
-                args: ['key']
-            }] }, { type: undefined, decorators: [{
-                type: Attribute,
-                args: ['is-range']
-            }] }, { type: undefined, decorators: [{
-                type: Attribute,
-                args: ['pc-display']
-            }] }, { type: undefined, decorators: [{
-                type: Attribute,
-                args: ['mobile-display']
-            }] }, { type: undefined, decorators: [{
-                type: Attribute,
-                args: ['tablet-display']
-            }] }, { type: Array, decorators: [{
-                type: Self
-            }, {
-                type: Inject,
-                args: [Context]
-            }] }, { type: undefined, decorators: [{
-                type: Inject,
-                args: ['EXPLICIT_CONTEXT']
-            }, {
-                type: Optional
-            }] }], { formWidget: [{
-            type: ContentChild,
-            args: ['formWidget', { static: true }]
-        }], formWidgetMax: [{
-            type: ContentChild,
-            args: ['formWidgetMax']
-        }], onKeydownHandler: [{
-            type: HostListener,
-            args: ['keydown', ['$event']]
-        }], handleClick: [{
-            type: HostListener,
-            args: ['click', ['$event']]
-        }] }); })();
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FormFieldDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    standalone: true,
+                    selector: '[wmFormField]',
+                    exportAs: 'wmFormField',
+                    providers: [
+                        provideAsWidgetRef(FormFieldDirective),
+                        provideAs(FormFieldDirective, NG_VALUE_ACCESSOR, true),
+                        { provide: Context, useFactory: () => { return {}; }, multi: true }
+                    ]
+                }]
+        }], ctorParameters: () => [{ 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,
+                    args: ['chipclass.bind']
+                }] }, { type: undefined, decorators: [{
+                    type: Attribute,
+                    args: ['dataset.bind']
+                }] }, { type: undefined, decorators: [{
+                    type: Attribute,
+                    args: ['displayexpression.bind']
+                }] }, { type: undefined, decorators: [{
+                    type: Attribute,
+                    args: ['displaylabel.bind']
+                }] }, { type: undefined, decorators: [{
+                    type: Attribute,
+                    args: ['widgettype']
+                }] }, { type: undefined, decorators: [{
+                    type: Attribute,
+                    args: ['name']
+                }] }, { type: String, decorators: [{
+                    type: Attribute,
+                    args: ['displayimagesrc.bind']
+                }] }, { type: undefined, decorators: [{
+                    type: Attribute,
+                    args: ['key']
+                }] }, { type: undefined, decorators: [{
+                    type: Attribute,
+                    args: ['is-range']
+                }] }, { type: undefined, decorators: [{
+                    type: Attribute,
+                    args: ['pc-display']
+                }] }, { type: undefined, decorators: [{
+                    type: Attribute,
+                    args: ['mobile-display']
+                }] }, { type: undefined, decorators: [{
+                    type: Attribute,
+                    args: ['tablet-display']
+                }] }, { type: Array, decorators: [{
+                    type: Self
+                }, {
+                    type: Inject,
+                    args: [Context]
+                }] }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: ['EXPLICIT_CONTEXT']
+                }, {
+                    type: Optional
+                }] }], propDecorators: { formWidget: [{
+                type: ContentChild,
+                args: ['formWidget', { static: true }]
+            }], formWidgetMax: [{
+                type: ContentChild,
+                args: ['formWidgetMax']
+            }], onKeydownHandler: [{
+                type: HostListener,
+                args: ['keydown', ['$event']]
+            }], handleClick: [{
+                type: HostListener,
+                args: ['click', ['$event']]
+            }] } });
 
 class LiveActionsDirective {
     constructor(subscribedWidget, app, dialogService) {
@@ -2365,21 +2192,21 @@ class LiveActionsDirective {
         options.error = error;
         this.performOperation(operation, options);
     }
-    static { this.ɵfac = function LiveActionsDirective_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || LiveActionsDirective)(i0.ɵɵdirectiveInject(ListComponent, 2), i0.ɵɵdirectiveInject(i1$1.App), i0.ɵɵdirectiveInject(i1$1.AbstractDialogService)); }; }
-    static { this.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: LiveActionsDirective, selectors: [["", "wmLiveActions", ""]], standalone: true }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LiveActionsDirective, deps: [{ token: ListComponent, self: true }, { token: i1$1.App }, { token: i1$1.AbstractDialogService }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: LiveActionsDirective, isStandalone: true, selector: "[wmLiveActions]", ngImport: i0 }); }
 }
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(LiveActionsDirective, [{
-        type: Directive,
-        args: [{
-                standalone: true,
-                selector: '[wmLiveActions]'
-            }]
-    }], () => [{ type: undefined, decorators: [{
-                type: Self
-            }, {
-                type: Inject,
-                args: [ListComponent]
-            }] }, { type: i1$1.App }, { type: i1$1.AbstractDialogService }], null); })();
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LiveActionsDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    standalone: true,
+                    selector: '[wmLiveActions]'
+                }]
+        }], ctorParameters: () => [{ type: undefined, decorators: [{
+                    type: Self
+                }, {
+                    type: Inject,
+                    args: [ListComponent]
+                }] }, { type: i1$1.App }, { type: i1$1.AbstractDialogService }] });
 
 class DependsonDirective {
     constructor(dialogId, dependson, dialogService, app) {
@@ -2506,30 +2333,25 @@ class DependsonDirective {
             this.eventSubscription();
         }
     }
-    static { this.ɵfac = function DependsonDirective_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || DependsonDirective)(i0.ɵɵinjectAttribute('dialogid'), i0.ɵɵinjectAttribute('dependson'), i0.ɵɵdirectiveInject(i1$1.AbstractDialogService), i0.ɵɵdirectiveInject(i1$1.App)); }; }
-    static { this.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: DependsonDirective, selectors: [["", "dependson", ""]], contentQueries: function DependsonDirective_ContentQueries(rf, ctx, dirIndex) { if (rf & 1) {
-            i0.ɵɵcontentQuery(dirIndex, FormComponent, 5);
-        } if (rf & 2) {
-            let _t;
-            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.formChildren = _t);
-        } }, standalone: true }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DependsonDirective, deps: [{ token: 'dialogid', attribute: true }, { token: 'dependson', attribute: true }, { token: i1$1.AbstractDialogService }, { token: i1$1.App }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: DependsonDirective, isStandalone: true, selector: "[dependson]", queries: [{ propertyName: "formChildren", predicate: FormComponent, descendants: true }], ngImport: i0 }); }
 }
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DependsonDirective, [{
-        type: Directive,
-        args: [{
-                standalone: true,
-                selector: '[dependson]'
-            }]
-    }], () => [{ type: undefined, decorators: [{
-                type: Attribute,
-                args: ['dialogid']
-            }] }, { type: undefined, decorators: [{
-                type: Attribute,
-                args: ['dependson']
-            }] }, { type: i1$1.AbstractDialogService }, { type: i1$1.App }], { formChildren: [{
-            type: ContentChildren,
-            args: [FormComponent, { descendants: true }]
-        }] }); })();
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DependsonDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    standalone: true,
+                    selector: '[dependson]'
+                }]
+        }], ctorParameters: () => [{ type: undefined, decorators: [{
+                    type: Attribute,
+                    args: ['dialogid']
+                }] }, { type: undefined, decorators: [{
+                    type: Attribute,
+                    args: ['dependson']
+                }] }, { type: i1$1.AbstractDialogService }, { type: i1$1.App }], propDecorators: { formChildren: [{
+                type: ContentChildren,
+                args: [FormComponent, { descendants: true }]
+            }] } });
 
 const FILTER_CONSTANTS = {
     'EMPTY_KEY': 'EMPTY_NULL_FILTER'
@@ -2852,21 +2674,21 @@ class LiveFilterDirective {
         const name = widget.key || widget.name;
         this.form.filterWidgets[name] = widget;
     }
-    static { this.ɵfac = function LiveFilterDirective_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || LiveFilterDirective)(i0.ɵɵdirectiveInject(FormComponent, 2)); }; }
-    static { this.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: LiveFilterDirective, selectors: [["", "wmLiveFilter", ""]], standalone: true }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LiveFilterDirective, deps: [{ token: FormComponent, self: true }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: LiveFilterDirective, isStandalone: true, selector: "[wmLiveFilter]", ngImport: i0 }); }
 }
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(LiveFilterDirective, [{
-        type: Directive,
-        args: [{
-                standalone: true,
-                selector: '[wmLiveFilter]'
-            }]
-    }], () => [{ type: undefined, decorators: [{
-                type: Self
-            }, {
-                type: Inject,
-                args: [FormComponent]
-            }] }], null); })();
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LiveFilterDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    standalone: true,
+                    selector: '[wmLiveFilter]'
+                }]
+        }], ctorParameters: () => [{ type: undefined, decorators: [{
+                    type: Self
+                }, {
+                    type: Inject,
+                    args: [FormComponent]
+                }] }] });
 
 const isTimeType = field => field.widgettype === DataType.TIME || (field.type === DataType.TIME && !field.widgettype);
 const getValidTime = val => {
@@ -3326,31 +3148,29 @@ class LiveFormDirective {
             this.form.onResultCb(response.result, response.status, event);
         });
     }
-    static { this.ɵfac = function LiveFormDirective_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || LiveFormDirective)(i0.ɵɵdirectiveInject(FormComponent, 2), i0.ɵɵdirectiveInject(i1$2.LiveTableComponent, 8), i0.ɵɵdirectiveInject(i5.ToDatePipe), i0.ɵɵdirectiveInject(i1$1.AbstractDialogService), i0.ɵɵinjectAttribute('formlayout')); }; }
-    static { this.ɵ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); });
-        } }, standalone: true }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LiveFormDirective, deps: [{ token: FormComponent, self: true }, { token: i1$2.LiveTableComponent, optional: true }, { token: i5.ToDatePipe }, { token: i1$1.AbstractDialogService }, { token: 'formlayout', attribute: true }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: LiveFormDirective, isStandalone: true, selector: "[wmLiveForm]", host: { listeners: { "keydown": "onKeydownHandler($event)" } }, ngImport: i0 }); }
 }
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(LiveFormDirective, [{
-        type: Directive,
-        args: [{
-                standalone: true,
-                selector: '[wmLiveForm]'
-            }]
-    }], () => [{ type: undefined, decorators: [{
-                type: Self
-            }, {
-                type: Inject,
-                args: [FormComponent]
-            }] }, { type: i1$2.LiveTableComponent, decorators: [{
-                type: Optional
-            }] }, { type: i5.ToDatePipe }, { type: i1$1.AbstractDialogService }, { type: undefined, decorators: [{
-                type: Attribute,
-                args: ['formlayout']
-            }] }], { onKeydownHandler: [{
-            type: HostListener,
-            args: ['keydown', ['$event']]
-        }] }); })();
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LiveFormDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    standalone: true,
+                    selector: '[wmLiveForm]'
+                }]
+        }], ctorParameters: () => [{ type: undefined, decorators: [{
+                    type: Self
+                }, {
+                    type: Inject,
+                    args: [FormComponent]
+                }] }, { type: i1$2.LiveTableComponent, decorators: [{
+                    type: Optional
+                }] }, { type: i5.ToDatePipe }, { type: i1$1.AbstractDialogService }, { type: undefined, decorators: [{
+                    type: Attribute,
+                    args: ['formlayout']
+                }] }], propDecorators: { onKeydownHandler: [{
+                type: HostListener,
+                args: ['keydown', ['$event']]
+            }] } });
 
 /**
  * Generated bundle index. Do not edit.