@wavemaker/app-ng-runtime 11.10.5-rc.6100 → 11.11.0-1.6137

package/components/data/card/public_api.d.ts

@@ -1,4 +1,3 @@
-export * from './card.module';
 export * from './card.component';
 export * from './card-actions/card-actions.directive';
 export * from './card-content/card-content.component';

package/components/data/form/bundles/index.umd.js

@@ -1,8 +1,8 @@
 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common'), require('@wm/components/base'), require('@wm/components/basic'), require('@wm/components/input'), require('@wm/components/dialogs/design-dialog'), require('@angular/forms'), require('@wm/core'), require('@wm/components/prefab'), require('@wm/components/data/list'), require('lodash-es'), require('@wm/components/data/table'), require('rxjs/operators'), require('@wm/components/data/live-table')) :
-    typeof define === 'function' && define.amd ? define(['exports', '@angular/core', '@angular/common', '@wm/components/base', '@wm/components/basic', '@wm/components/input', '@wm/components/dialogs/design-dialog', '@angular/forms', '@wm/core', '@wm/components/prefab', '@wm/components/data/list', 'lodash-es', '@wm/components/data/table', 'rxjs/operators', '@wm/components/data/live-table'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.wm = global.wm || {}, global.wm.components = global.wm.components || {}, global.wm.components.data = global.wm.components.data || {}, global.wm.components.data.form = {}), global.ng.core, global.ng.common, global.wm.components.base, global.wm.components.basic, global.wm.components.input, global.wm.components.dialogs.designdialog, global.ng.forms, global.wm.core, global.wm.components.prefab, global.wm.components.data.list, global._, global.wm.components.data.table, global.rxjs.operators, global.wm.components.data.livetable));
-})(this, (function (exports, i0, i7, i5, i6, i8, designDialog, i1, i1$1, i4, i3, lodashEs, table, operators, i1$2) { 'use strict';
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/common'), require('@wm/components/base'), require('@wm/components/basic'), require('@wm/components/input'), require('@angular/core'), require('@angular/forms'), require('@wm/core'), require('@wm/components/prefab'), require('@wm/components/data/list'), require('lodash-es'), require('@wm/components/data/table'), require('rxjs/operators'), require('@wm/components/data/live-table')) :
+    typeof define === 'function' && define.amd ? define(['exports', '@angular/common', '@wm/components/base', '@wm/components/basic', '@wm/components/input', '@angular/core', '@angular/forms', '@wm/core', '@wm/components/prefab', '@wm/components/data/list', 'lodash-es', '@wm/components/data/table', 'rxjs/operators', '@wm/components/data/live-table'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.wm = global.wm || {}, global.wm.components = global.wm.components || {}, global.wm.components.data = global.wm.components.data || {}, global.wm.components.data.form = {}), global.ng.common, global.wm.components.base, global.wm.components.basic, global.wm.components.input, global.ng.core, global.ng.forms, global.wm.core, global.wm.components.prefab, global.wm.components.data.list, global._, global.wm.components.data.table, global.rxjs.operators, global.wm.components.data.livetable));
+})(this, (function (exports, i6, i5, basic, input, i0, i1, i1$1, i4, i3, lodashEs, table, operators, i1$2) { 'use strict';
 
     function _interopNamespaceDefault(e) {
         var n = Object.create(null);
@@ -21,11 +21,9 @@
         return Object.freeze(n);
     }
 
-    var i0__namespace = /*#__PURE__*/_interopNamespaceDefault(i0);
-    var i7__namespace = /*#__PURE__*/_interopNamespaceDefault(i7);
-    var i5__namespace = /*#__PURE__*/_interopNamespaceDefault(i5);
     var i6__namespace = /*#__PURE__*/_interopNamespaceDefault(i6);
-    var i8__namespace = /*#__PURE__*/_interopNamespaceDefault(i8);
+    var i5__namespace = /*#__PURE__*/_interopNamespaceDefault(i5);
+    var i0__namespace = /*#__PURE__*/_interopNamespaceDefault(i0);
     var i1__namespace = /*#__PURE__*/_interopNamespaceDefault(i1);
     var i1$1__namespace = /*#__PURE__*/_interopNamespaceDefault(i1$1);
     var i4__namespace = /*#__PURE__*/_interopNamespaceDefault(i4);
@@ -53,9 +51,6 @@
         ['title', i5.PROP_STRING]
     ]);
     const registerFormProps = () => {
-        if (i1$1.isMobileApp()) {
-            propsMap.set('captionwidth', { value: 'xs-4 sm-4 md-4 lg-4', ...i5.PROP_STRING });
-        }
         const formMap = new Map(propsMap);
         formMap.set('action', i5.PROP_STRING);
         formMap.set('defaultmode', { value: 'Edit', ...i5.PROP_STRING });
@@ -73,9 +68,6 @@
         i5.register('wm-form', formMap);
     };
     const registerLiveFormProps = () => {
-        if (i1$1.isMobileApp()) {
-            propsMap.set('captionwidth', { value: 'xs-4 sm-4 md-4 lg-4', ...i5.PROP_STRING });
-        }
         const liveFormMap = new Map(propsMap);
         liveFormMap.set('defaultmode', { value: 'View', ...i5.PROP_STRING });
         liveFormMap.set('formlayout', { value: 'inline', ...i5.PROP_STRING });
@@ -91,9 +83,6 @@
         i5.register('wm-liveform', liveFormMap);
     };
     const registerLiveFilterProps = () => {
-        if (i1$1.isMobileApp()) {
-            propsMap.set('captionwidth', { value: 'xs-4 sm-4 md-4 lg-4', ...i5.PROP_STRING });
-        }
         const liveFilterMap = new Map(propsMap);
         liveFilterMap.set('autoupdate', i5.PROP_BOOLEAN);
         liveFilterMap.set('enableemptyfilter', { value: ' ', ...i5.PROP_STRING });
@@ -112,139 +101,136 @@
     function FormComponent_ng_template_0_Template(rf, ctx) { if (rf & 1) {
         i0__namespace.ɵɵprojection(0);
     } }
-    function FormComponent_ng_container_2_Template(rf, ctx) { if (rf & 1) {
+    function FormComponent_Conditional_2_ng_container_0_Template(rf, ctx) { if (rf & 1) {
         i0__namespace.ɵɵelementContainer(0);
     } }
-    function FormComponent_ng_template_3_div_0_i_3_Template(rf, ctx) { if (rf & 1) {
-        i0__namespace.ɵɵelement(0, "i", 22);
+    function FormComponent_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+        i0__namespace.ɵɵtemplate(0, FormComponent_Conditional_2_ng_container_0_Template, 1, 0, "ng-container", 5);
     } if (rf & 2) {
-        const ctx_r0 = i0__namespace.ɵɵnextContext(3);
-        i0__namespace.ɵɵproperty("ngClass", ctx_r0.iconclass);
+        i0__namespace.ɵɵnextContext();
+        const content_r1 = i0__namespace.ɵɵreference(1);
+        i0__namespace.ɵɵproperty("ngTemplateOutlet", content_r1);
     } }
-    function FormComponent_ng_template_3_div_0_ng_container_8_Template(rf, ctx) { if (rf & 1) {
-        i0__namespace.ɵɵelementContainer(0, 23);
+    function FormComponent_Conditional_3_Conditional_0_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+        i0__namespace.ɵɵelement(0, "i", 14);
     } if (rf & 2) {
-        const btn_r2 = ctx.$implicit;
-        const index_r3 = ctx.index;
-        const ctx_r0 = i0__namespace.ɵɵnextContext(3);
-        const buttonRef_r4 = i0__namespace.ɵɵreference(8);
-        const anchorRef_r5 = i0__namespace.ɵɵreference(10);
-        i0__namespace.ɵɵproperty("ngTemplateOutlet", btn_r2.widgetType === "button" ? buttonRef_r4 : anchorRef_r5)("ngTemplateOutletContext", i0__namespace.ɵɵpureFunction1(3, _c6, btn_r2))("ngTemplateOutletInjector", ctx_r0.createCustomInjector("action_header_" + index_r3, i0__namespace.ɵɵpureFunction1(5, _c6, btn_r2)));
+        const ctx_r1 = i0__namespace.ɵɵnextContext(3);
+        i0__namespace.ɵɵproperty("ngClass", ctx_r1.iconclass);
     } }
-    function FormComponent_ng_template_3_div_0_button_10_Template(rf, ctx) { if (rf & 1) {
-        const _r6 = i0__namespace.ɵɵgetCurrentView();
-        i0__namespace.ɵɵelementStart(0, "button", 24);
-        i0__namespace.ɵɵlistener("click", function FormComponent_ng_template_3_div_0_button_10_Template_button_click_0_listener() { i0__namespace.ɵɵrestoreView(_r6); const ctx_r0 = i0__namespace.ɵɵnextContext(3); return i0__namespace.ɵɵresetView(ctx_r0.expandCollapsePanel()); });
+    function FormComponent_Conditional_3_Conditional_0_For_9_Template(rf, ctx) { if (rf & 1) {
+        i0__namespace.ɵɵelementContainer(0, 11);
+    } if (rf & 2) {
+        const btn_r3 = ctx.$implicit;
+        const ɵ$index_28_r4 = ctx.$index;
+        const ctx_r1 = i0__namespace.ɵɵnextContext(3);
+        const buttonRef_r5 = i0__namespace.ɵɵreference(5);
+        const anchorRef_r6 = i0__namespace.ɵɵreference(7);
+        i0__namespace.ɵɵproperty("ngTemplateOutlet", btn_r3.widgetType === "button" ? buttonRef_r5 : anchorRef_r6)("ngTemplateOutletContext", i0__namespace.ɵɵpureFunction1(3, _c6, btn_r3))("ngTemplateOutletInjector", ctx_r1.createCustomInjector("action_header_" + ɵ$index_28_r4, i0__namespace.ɵɵpureFunction1(5, _c6, btn_r3)));
+    } }
+    function FormComponent_Conditional_3_Conditional_0_Conditional_11_Template(rf, ctx) { if (rf & 1) {
+        const _r7 = i0__namespace.ɵɵgetCurrentView();
+        i0__namespace.ɵɵelementStart(0, "button", 19);
+        i0__namespace.ɵɵlistener("click", function FormComponent_Conditional_3_Conditional_0_Conditional_11_Template_button_click_0_listener() { i0__namespace.ɵɵrestoreView(_r7); const ctx_r1 = i0__namespace.ɵɵnextContext(3); return i0__namespace.ɵɵresetView(ctx_r1.expandCollapsePanel()); });
         i0__namespace.ɵɵelementEnd();
     } if (rf & 2) {
-        const ctx_r0 = i0__namespace.ɵɵnextContext(3);
-        i0__namespace.ɵɵproperty("title", ctx_r0.expanded ? (ctx_r0.appLocale == null ? null : ctx_r0.appLocale.LABEL_COLLAPSE) || "Collapse" : (ctx_r0.appLocale == null ? null : ctx_r0.appLocale.LABEL_EXPAND) || "Expand")("ngClass", ctx_r0.expanded ? "wi-minus" : "wi-plus");
+        const ctx_r1 = i0__namespace.ɵɵnextContext(3);
+        i0__namespace.ɵɵ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_ng_template_3_div_0_Template(rf, ctx) { if (rf & 1) {
-        i0__namespace.ɵɵelementStart(0, "div", 14)(1, "h3", 15)(2, "div", 16);
-        i0__namespace.ɵɵtemplate(3, FormComponent_ng_template_3_div_0_i_3_Template, 1, 1, "i", 17);
+    function FormComponent_Conditional_3_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+        i0__namespace.ɵɵelementStart(0, "div", 6)(1, "h3", 12)(2, "div", 13);
+        i0__namespace.ɵɵtemplate(3, FormComponent_Conditional_3_Conditional_0_Conditional_3_Template, 1, 1, "i", 14);
         i0__namespace.ɵɵelementEnd();
-        i0__namespace.ɵɵelementStart(4, "div", 16);
-        i0__namespace.ɵɵelement(5, "div", 18)(6, "div", 19);
+        i0__namespace.ɵɵelementStart(4, "div", 13);
+        i0__namespace.ɵɵelement(5, "div", 15)(6, "div", 16);
         i0__namespace.ɵɵelementEnd();
-        i0__namespace.ɵɵelementStart(7, "div", 20);
-        i0__namespace.ɵɵtemplate(8, FormComponent_ng_template_3_div_0_ng_container_8_Template, 1, 7, "ng-container", 13);
-        i0__namespace.ɵɵpipe(9, "filter");
-        i0__namespace.ɵɵtemplate(10, FormComponent_ng_template_3_div_0_button_10_Template, 1, 2, "button", 21);
+        i0__namespace.ɵɵelementStart(7, "div", 17);
+        i0__namespace.ɵɵrepeaterCreate(8, FormComponent_Conditional_3_Conditional_0_For_9_Template, 1, 7, "ng-container", 11, i0__namespace.ɵɵrepeaterTrackByIdentity);
+        i0__namespace.ɵɵpipe(10, "filter");
+        i0__namespace.ɵɵtemplate(11, FormComponent_Conditional_3_Conditional_0_Conditional_11_Template, 1, 2, "button", 18);
         i0__namespace.ɵɵelementEnd()()();
     } if (rf & 2) {
-        const ctx_r0 = i0__namespace.ɵɵnextContext(2);
+        const ctx_r1 = i0__namespace.ɵɵnextContext(2);
         i0__namespace.ɵɵadvance(3);
-        i0__namespace.ɵɵproperty("ngIf", ctx_r0.iconclass);
+        i0__namespace.ɵɵconditional(ctx_r1.iconclass ? 3 : -1);
         i0__namespace.ɵɵadvance(2);
-        i0__namespace.ɵɵproperty("innerHTML", ctx_r0.title, i0__namespace.ɵɵsanitizeHtml);
+        i0__namespace.ɵɵproperty("innerHTML", ctx_r1.title, i0__namespace.ɵɵsanitizeHtml);
         i0__namespace.ɵɵadvance();
-        i0__namespace.ɵɵproperty("innerHTML", ctx_r0.subheading, i0__namespace.ɵɵsanitizeHtml);
-        i0__namespace.ɵɵadvance(2);
-        i0__namespace.ɵɵproperty("ngForOf", i0__namespace.ɵɵpipeBind3(9, 5, ctx_r0.buttonArray, "position", "header"));
+        i0__namespace.ɵɵproperty("innerHTML", ctx_r1.subheading, i0__namespace.ɵɵsanitizeHtml);
         i0__namespace.ɵɵadvance(2);
-        i0__namespace.ɵɵproperty("ngIf", ctx_r0.collapsible);
+        i0__namespace.ɵɵrepeater(i0__namespace.ɵɵpipeBind3(10, 4, ctx_r1.buttonArray, "position", "header"));
+        i0__namespace.ɵɵadvance(3);
+        i0__namespace.ɵɵconditional(ctx_r1.collapsible ? 11 : -1);
     } }
-    function FormComponent_ng_template_3_p_2_Template(rf, ctx) { if (rf & 1) {
-        i0__namespace.ɵɵelement(0, "p", 25);
+    function FormComponent_Conditional_3_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+        i0__namespace.ɵɵelement(0, "p", 8);
     } if (rf & 2) {
-        const ctx_r0 = i0__namespace.ɵɵnextContext(2);
-        i0__namespace.ɵɵattribute("aria-hidden", !ctx_r0.statusMessage.caption)("aria-label", ctx_r0.statusMessage.caption);
+        const ctx_r1 = i0__namespace.ɵɵnextContext(2);
+        i0__namespace.ɵɵattribute("aria-hidden", !ctx_r1.statusMessage.caption)("aria-label", ctx_r1.statusMessage.caption);
     } }
-    function FormComponent_ng_template_3_ng_container_4_Template(rf, ctx) { if (rf & 1) {
+    function FormComponent_Conditional_3_ng_container_4_Template(rf, ctx) { if (rf & 1) {
         i0__namespace.ɵɵelementContainer(0);
     } }
-    function FormComponent_ng_template_3_ng_container_6_Template(rf, ctx) { if (rf & 1) {
-        i0__namespace.ɵɵelementContainer(0, 23);
+    function FormComponent_Conditional_3_For_7_Template(rf, ctx) { if (rf & 1) {
+        i0__namespace.ɵɵelementContainer(0, 11);
     } if (rf & 2) {
-        const btn_r7 = ctx.$implicit;
-        const index_r8 = ctx.index;
-        const ctx_r0 = i0__namespace.ɵɵnextContext(2);
-        const buttonRef_r4 = i0__namespace.ɵɵreference(8);
-        const anchorRef_r5 = i0__namespace.ɵɵreference(10);
-        i0__namespace.ɵɵproperty("ngTemplateOutlet", btn_r7.widgetType === "button" ? buttonRef_r4 : anchorRef_r5)("ngTemplateOutletContext", i0__namespace.ɵɵpureFunction1(3, _c6, btn_r7))("ngTemplateOutletInjector", ctx_r0.createCustomInjector("action_footer_" + index_r8, i0__namespace.ɵɵpureFunction1(5, _c6, btn_r7)));
+        const btn_r8 = ctx.$implicit;
+        const ɵ$index_48_r9 = ctx.$index;
+        const ctx_r1 = i0__namespace.ɵɵnextContext(2);
+        const buttonRef_r5 = i0__namespace.ɵɵreference(5);
+        const anchorRef_r6 = i0__namespace.ɵɵreference(7);
+        i0__namespace.ɵɵproperty("ngTemplateOutlet", btn_r8.widgetType === "button" ? buttonRef_r5 : anchorRef_r6)("ngTemplateOutletContext", i0__namespace.ɵɵpureFunction1(3, _c6, btn_r8))("ngTemplateOutletInjector", ctx_r1.createCustomInjector("action_footer_" + ɵ$index_48_r9, i0__namespace.ɵɵpureFunction1(5, _c6, btn_r8)));
     } }
-    function FormComponent_ng_template_3_Template(rf, ctx) { if (rf & 1) {
-        i0__namespace.ɵɵtemplate(0, FormComponent_ng_template_3_div_0_Template, 11, 9, "div", 7);
-        i0__namespace.ɵɵelementStart(1, "div", 8);
-        i0__namespace.ɵɵtemplate(2, FormComponent_ng_template_3_p_2_Template, 1, 2, "p", 9);
-        i0__namespace.ɵɵelementStart(3, "div", 10);
-        i0__namespace.ɵɵtemplate(4, FormComponent_ng_template_3_ng_container_4_Template, 1, 0, "ng-container", 11);
+    function FormComponent_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+        i0__namespace.ɵɵtemplate(0, FormComponent_Conditional_3_Conditional_0_Template, 12, 8, "div", 6);
+        i0__namespace.ɵɵelementStart(1, "div", 7);
+        i0__namespace.ɵɵtemplate(2, FormComponent_Conditional_3_Conditional_2_Template, 1, 2, "p", 8);
+        i0__namespace.ɵɵelementStart(3, "div", 9);
+        i0__namespace.ɵɵtemplate(4, FormComponent_Conditional_3_ng_container_4_Template, 1, 0, "ng-container", 5);
         i0__namespace.ɵɵelementEnd();
-        i0__namespace.ɵɵelementStart(5, "div", 12);
-        i0__namespace.ɵɵtemplate(6, FormComponent_ng_template_3_ng_container_6_Template, 1, 7, "ng-container", 13);
-        i0__namespace.ɵɵpipe(7, "filter");
+        i0__namespace.ɵɵelementStart(5, "div", 10);
+        i0__namespace.ɵɵrepeaterCreate(6, FormComponent_Conditional_3_For_7_Template, 1, 7, "ng-container", 11, i0__namespace.ɵɵrepeaterTrackByIdentity);
+        i0__namespace.ɵɵpipe(8, "filter");
         i0__namespace.ɵɵelementEnd()();
     } if (rf & 2) {
-        const ctx_r0 = i0__namespace.ɵɵnextContext();
-        const content_r9 = i0__namespace.ɵɵreference(1);
-        i0__namespace.ɵɵproperty("ngIf", !ctx_r0.isLayoutDialog && (ctx_r0.title || ctx_r0.subheading || ctx_r0.iconclass || ctx_r0.showButtons("header")));
+        const ctx_r1 = i0__namespace.ɵɵnextContext();
+        const content_r1 = i0__namespace.ɵɵreference(1);
+        i0__namespace.ɵɵconditional(!ctx_r1.isLayoutDialog && (ctx_r1.title || ctx_r1.subheading || ctx_r1.iconclass || ctx_r1.showButtons("header")) ? 0 : -1);
         i0__namespace.ɵɵadvance();
-        i0__namespace.ɵɵclassProp("hidden", !ctx_r0.expanded);
-        i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction2(15, _c3, ctx_r0.isLayoutDialog, !ctx_r0.isLayoutDialog));
+        i0__namespace.ɵɵclassProp("hidden", !ctx_r1.expanded);
+        i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction2(14, _c3, ctx_r1.isLayoutDialog, !ctx_r1.isLayoutDialog));
         i0__namespace.ɵɵadvance();
-        i0__namespace.ɵɵproperty("ngIf", !!ctx_r0.statusMessage.caption);
+        i0__namespace.ɵɵconditional(!!ctx_r1.statusMessage.caption ? 2 : -1);
         i0__namespace.ɵɵadvance();
-        i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction2(18, _c4, !ctx_r0.isLayoutDialog, ctx_r0.isLayoutDialog));
+        i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction2(17, _c4, !ctx_r1.isLayoutDialog, ctx_r1.isLayoutDialog));
         i0__namespace.ɵɵadvance();
-        i0__namespace.ɵɵproperty("ngTemplateOutlet", content_r9);
+        i0__namespace.ɵɵproperty("ngTemplateOutlet", content_r1);
         i0__namespace.ɵɵadvance();
-        i0__namespace.ɵɵclassProp("hidden", !ctx_r0.expanded || !ctx_r0.showButtons("footer"));
-        i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(21, _c5, ctx_r0.isLayoutDialog));
+        i0__namespace.ɵɵclassProp("hidden", !ctx_r1.expanded || !ctx_r1.showButtons("footer"));
+        i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(20, _c5, ctx_r1.isLayoutDialog));
         i0__namespace.ɵɵadvance();
-        i0__namespace.ɵɵproperty("ngForOf", i0__namespace.ɵɵpipeBind3(7, 11, ctx_r0.buttonArray, "position", "footer"));
-    } }
-    function FormComponent_ng_template_5_ng_container_0_Template(rf, ctx) { if (rf & 1) {
-        i0__namespace.ɵɵelementContainer(0);
-    } }
-    function FormComponent_ng_template_5_Template(rf, ctx) { if (rf & 1) {
-        i0__namespace.ɵɵtemplate(0, FormComponent_ng_template_5_ng_container_0_Template, 1, 0, "ng-container", 11);
-    } if (rf & 2) {
-        i0__namespace.ɵɵnextContext();
-        const content_r9 = i0__namespace.ɵɵreference(1);
-        i0__namespace.ɵɵproperty("ngTemplateOutlet", content_r9);
+        i0__namespace.ɵɵrepeater(i0__namespace.ɵɵpipeBind3(8, 10, ctx_r1.buttonArray, "position", "footer"));
     } }
-    function FormComponent_ng_template_7_Template(rf, ctx) { if (rf & 1) {
+    function FormComponent_ng_template_4_Template(rf, ctx) { if (rf & 1) {
         const _r10 = i0__namespace.ɵɵgetCurrentView();
-        i0__namespace.ɵɵelementStart(0, "button", 26);
-        i0__namespace.ɵɵlistener("click", function FormComponent_ng_template_7_Template_button_click_0_listener($event) { const btn_r11 = i0__namespace.ɵɵrestoreView(_r10).btn; const ctx_r0 = i0__namespace.ɵɵnextContext(); return i0__namespace.ɵɵresetView(ctx_r0.invokeActionEvent($event, btn_r11.action)); });
+        i0__namespace.ɵɵelementStart(0, "button", 20);
+        i0__namespace.ɵɵlistener("click", function FormComponent_ng_template_4_Template_button_click_0_listener($event) { const btn_r11 = i0__namespace.ɵɵrestoreView(_r10).btn; const ctx_r1 = i0__namespace.ɵɵnextContext(); return i0__namespace.ɵɵresetView(ctx_r1.invokeActionEvent($event, btn_r11.action)); });
         i0__namespace.ɵɵelementEnd();
     } if (rf & 2) {
         const btn_r11 = ctx.btn;
-        const ctx_r0 = i0__namespace.ɵɵnextContext();
-        i0__namespace.ɵɵclassProp("hidden", btn_r11.updateMode ? !ctx_r0.isUpdateMode : ctx_r0.isUpdateMode);
+        const ctx_r1 = i0__namespace.ɵɵnextContext();
+        i0__namespace.ɵɵclassProp("hidden", btn_r11.updateMode ? !ctx_r1.isUpdateMode : ctx_r1.isUpdateMode);
         i0__namespace.ɵɵpropertyInterpolate("name", btn_r11.key);
         i0__namespace.ɵɵattribute("aria-label", btn_r11.displayName);
     } }
-    function FormComponent_ng_template_9_Template(rf, ctx) { if (rf & 1) {
+    function FormComponent_ng_template_6_Template(rf, ctx) { if (rf & 1) {
         const _r12 = i0__namespace.ɵɵgetCurrentView();
-        i0__namespace.ɵɵelementStart(0, "a", 27);
-        i0__namespace.ɵɵlistener("click", function FormComponent_ng_template_9_Template_a_click_0_listener($event) { const btn_r13 = i0__namespace.ɵɵrestoreView(_r12).btn; const ctx_r0 = i0__namespace.ɵɵnextContext(); return i0__namespace.ɵɵresetView(ctx_r0.invokeActionEvent($event, btn_r13.action)); });
+        i0__namespace.ɵɵelementStart(0, "a", 21);
+        i0__namespace.ɵɵlistener("click", function FormComponent_ng_template_6_Template_a_click_0_listener($event) { const btn_r13 = i0__namespace.ɵɵrestoreView(_r12).btn; const ctx_r1 = i0__namespace.ɵɵnextContext(); return i0__namespace.ɵɵresetView(ctx_r1.invokeActionEvent($event, btn_r13.action)); });
         i0__namespace.ɵɵelementEnd();
     } if (rf & 2) {
         const btn_r13 = ctx.btn;
-        const ctx_r0 = i0__namespace.ɵɵnextContext();
-        i0__namespace.ɵɵclassProp("hidden", btn_r13.updateMode ? !ctx_r0.isUpdateMode : ctx_r0.isUpdateMode);
+        const ctx_r1 = i0__namespace.ɵɵnextContext();
+        i0__namespace.ɵɵclassProp("hidden", btn_r13.updateMode ? !ctx_r1.isUpdateMode : ctx_r1.isUpdateMode);
         i0__namespace.ɵɵpropertyInterpolate("name", btn_r13.key);
     } }
     const WIDGET_CONFIG$1 = { widgetType: 'wm-form', hostClass: 'panel app-panel app-form' };
@@ -317,7 +303,7 @@
                 element = self.$element.find(`[wmformfield][name="${fieldName}"]`);
             }
             element[0].setAttribute('__errormsg', element[0].getAttribute('__validationId'));
-            let activeElement = getActiveElement(element[0]);
+            const activeElement = getActiveElement(element[0]);
             activeElement?.setAttribute('aria-invalid', ngForm.invalid);
             activeElement?.setAttribute('aria-describedby', element[0].getAttribute('__validationId'));
             ngForm.markAsTouched();
@@ -1348,24 +1334,22 @@
                 i0__namespace.ɵɵ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__namespace.ɵɵhostProperty("action", ctx.action, i0__namespace.ɵɵsanitizeUrl);
-            } }, features: [i0__namespace.ɵɵProvidersFeature([
+            } }, standalone: true, features: [i0__namespace.ɵɵProvidersFeature([
                     i5.provideAsWidgetRef(FormComponent)
-                ]), i0__namespace.ɵɵInheritDefinitionFeature], attrs: _c1$1, ngContentSelectors: _c2, decls: 13, vars: 3, consts: [["content", ""], ["defaultTemplate", ""], ["pageLayoutTemplate", ""], ["buttonRef", ""], ["anchorRef", ""], ["dynamicForm", ""], [4, "ngIf", "ngIfThen", "ngIfElse"], ["class", "panel-heading", 4, "ngIf"], [1, "panel-body", 3, "ngClass"], ["wmMessage", "", "caption.bind", "statusMessage.caption", "type.bind", "statusMessage.type", 4, "ngIf"], [3, "ngClass"], [4, "ngTemplateOutlet"], [1, "basic-btn-grp", "form-action", "panel-footer", "clearfix", 3, "ngClass"], [3, "ngTemplateOutlet", "ngTemplateOutletContext", "ngTemplateOutletInjector", 4, "ngFor", "ngForOf"], [1, "panel-heading"], [1, "panel-title"], [1, "pull-left"], ["class", "app-icon panel-icon", "aria-hidden", "true", 3, "ngClass", 4, "ngIf"], [1, "heading", 3, "innerHTML"], [1, "description", 3, "innerHTML"], [1, "form-action", "panel-actions", "basic-btn-grp"], ["type", "button", "class", "app-icon wi panel-action", 3, "title", "ngClass", "click", 4, "ngIf"], ["aria-hidden", "true", 1, "app-icon", "panel-icon", 3, "ngClass"], [3, "ngTemplateOutlet", "ngTemplateOutletContext", "ngTemplateOutletInjector"], ["type", "button", 1, "app-icon", "wi", "panel-action", 3, "click", "title", "ngClass"], ["wmMessage", "", "caption.bind", "statusMessage.caption", "type.bind", "statusMessage.type"], ["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__namespace.ɵɵInheritDefinitionFeature, i0__namespace.ɵɵ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__namespace.ɵɵprojectionDef();
-                i0__namespace.ɵɵtemplate(0, FormComponent_ng_template_0_Template, 1, 0, "ng-template", null, 0, i0__namespace.ɵɵtemplateRefExtractor)(2, FormComponent_ng_container_2_Template, 1, 0, "ng-container", 6)(3, FormComponent_ng_template_3_Template, 8, 23, "ng-template", null, 1, i0__namespace.ɵɵtemplateRefExtractor)(5, FormComponent_ng_template_5_Template, 1, 1, "ng-template", null, 2, i0__namespace.ɵɵtemplateRefExtractor)(7, FormComponent_ng_template_7_Template, 1, 4, "ng-template", null, 3, i0__namespace.ɵɵtemplateRefExtractor)(9, FormComponent_ng_template_9_Template, 1, 3, "ng-template", null, 4, i0__namespace.ɵɵtemplateRefExtractor);
-                i0__namespace.ɵɵelementContainer(11, null, 5);
+                i0__namespace.ɵɵtemplate(0, FormComponent_ng_template_0_Template, 1, 0, "ng-template", null, 0, i0__namespace.ɵɵ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__namespace.ɵɵtemplateRefExtractor)(6, FormComponent_ng_template_6_Template, 1, 3, "ng-template", null, 2, i0__namespace.ɵɵtemplateRefExtractor);
+                i0__namespace.ɵɵelementContainer(8, null, 3);
             } if (rf & 2) {
-                const defaultTemplate_r14 = i0__namespace.ɵɵreference(4);
-                const pageLayoutTemplate_r15 = i0__namespace.ɵɵreference(6);
                 i0__namespace.ɵɵadvance(2);
-                i0__namespace.ɵɵproperty("ngIf", ctx.formlayout === "page")("ngIfThen", pageLayoutTemplate_r15)("ngIfElse", defaultTemplate_r14);
-            } }, dependencies: [i6__namespace.AnchorComponent, i7__namespace.NgClass, i7__namespace.NgForOf, i7__namespace.NgIf, i7__namespace.NgTemplateOutlet, i8__namespace.ButtonComponent, i5__namespace.MessageComponent, i5__namespace.FilterPipe], encapsulation: 2 }); }
+                i0__namespace.ɵɵconditional(ctx.formlayout === "page" ? 2 : 3);
+            } }, dependencies: [i6.CommonModule, i6__namespace.NgClass, i6__namespace.NgTemplateOutlet, i5.WmComponentsModule, i5__namespace.MessageComponent, i5__namespace.FilterPipe, basic.AnchorComponent, input.ButtonComponent], encapsulation: 2 }); }
     }
     (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(FormComponent, [{
             type: i0.Component,
-            args: [{ selector: 'form[wmForm]', providers: [
+            args: [{ standalone: true, imports: [i6.CommonModule, i5.WmComponentsModule, basic.AnchorComponent, input.ButtonComponent, i5.MessageComponent], selector: 'form[wmForm]', providers: [
                         i5.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'; let index = index\"\n                              [ngTemplateOutlet]=\"btn.widgetType === 'button' ? buttonRef : anchorRef\"\n                              [ngTemplateOutletContext]=\"{btn:btn}\"\n                              [ngTemplateOutletInjector]=\"createCustomInjector('action_header_' + index, {btn:btn})\">\n                </ng-container>\n                <button type=\"button\" class=\"app-icon wi panel-action\" *ngIf=\"collapsible\" [title]=\"expanded? (this.appLocale?.LABEL_COLLAPSE||'Collapse'):(this.appLocale?.LABEL_EXPAND||'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'; let index = index\"\n                          [ngTemplateOutlet]=\"btn.widgetType === 'button' ? buttonRef : anchorRef\"\n                          [ngTemplateOutletContext]=\"{btn:btn}\"\n                          [ngTemplateOutletInjector]=\"createCustomInjector('action_footer_' + index, {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" }]
+                    ], 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__namespace.Injector }, { type: i1__namespace.FormBuilder }, { type: i1$1__namespace.App }, { type: i1$1__namespace.AbstractDialogService }, { type: i1$1__namespace.DynamicComponentRefProvider }, { type: i0__namespace.NgZone }, { type: i3__namespace.ListComponent, decorators: [{
                     type: i0.Optional
                 }] }, { type: FormComponent, decorators: [{
@@ -1437,7 +1421,7 @@
                 type: i0.HostListener,
                 args: ['keydown', ['$event']]
             }] }); })();
-    (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassDebugInfo(FormComponent, { className: "FormComponent", filePath: "form.component.ts", lineNumber: 159 }); })();
+    (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassDebugInfo(FormComponent, { className: "FormComponent", filePath: "form.component.ts", lineNumber: 165 }); })();
 
     class FormWidgetDirective {
         constructor(form, table, componentInstance, fb, name, key) {
@@ -1477,11 +1461,12 @@
             }
         }
         static { this.ɵfac = function FormWidgetDirective_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || FormWidgetDirective)(i0__namespace.ɵɵdirectiveInject(FormComponent, 8), i0__namespace.ɵɵdirectiveInject(table.TableComponent, 8), i0__namespace.ɵɵdirectiveInject(i5.WidgetRef, 2), i0__namespace.ɵɵdirectiveInject(i1__namespace.FormBuilder), i0__namespace.ɵɵinjectAttribute('name'), i0__namespace.ɵɵinjectAttribute('key')); }; }
-        static { this.ɵdir = /*@__PURE__*/ i0__namespace.ɵɵdefineDirective({ type: FormWidgetDirective, selectors: [["", "wmFormWidget", ""]] }); }
+        static { this.ɵdir = /*@__PURE__*/ i0__namespace.ɵɵdefineDirective({ type: FormWidgetDirective, selectors: [["", "wmFormWidget", ""]], standalone: true }); }
     }
     (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(FormWidgetDirective, [{
             type: i0.Directive,
             args: [{
+                    standalone: true,
                     selector: '[wmFormWidget]'
                 }]
         }], () => [{ type: undefined, decorators: [{
@@ -1579,13 +1564,14 @@
             }
         }
         static { this.ɵfac = function FormActionDirective_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || FormActionDirective)(i0__namespace.ɵɵdirectiveInject(i0__namespace.Injector), i0__namespace.ɵɵdirectiveInject(FormComponent, 8), i0__namespace.ɵɵdirectiveInject('EXPLICIT_CONTEXT', 8)); }; }
-        static { this.ɵdir = /*@__PURE__*/ i0__namespace.ɵɵdefineDirective({ type: FormActionDirective, selectors: [["", "wmFormAction", ""]], features: [i0__namespace.ɵɵProvidersFeature([
+        static { this.ɵdir = /*@__PURE__*/ i0__namespace.ɵɵdefineDirective({ type: FormActionDirective, selectors: [["", "wmFormAction", ""]], standalone: true, features: [i0__namespace.ɵɵProvidersFeature([
                     i5.provideAsWidgetRef(FormActionDirective)
                 ]), i0__namespace.ɵɵInheritDefinitionFeature] }); }
     }
     (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(FormActionDirective, [{
             type: i0.Directive,
             args: [{
+                    standalone: true,
                     selector: '[wmFormAction]',
                     providers: [
                         i5.provideAsWidgetRef(FormActionDirective)
@@ -2144,7 +2130,7 @@
                 i0__namespace.ɵɵqueryRefresh(_t = i0__namespace.ɵɵloadQuery()) && (ctx.formWidgetMax = _t.first);
             } }, hostBindings: function FormFieldDirective_HostBindings(rf, ctx) { if (rf & 1) {
                 i0__namespace.ɵɵlistener("keydown", function FormFieldDirective_keydown_HostBindingHandler($event) { return ctx.onKeydownHandler($event); })("click", function FormFieldDirective_click_HostBindingHandler($event) { return ctx.handleClick($event); });
-            } }, exportAs: ["wmFormField"], features: [i0__namespace.ɵɵProvidersFeature([
+            } }, exportAs: ["wmFormField"], standalone: true, features: [i0__namespace.ɵɵProvidersFeature([
                     i5.provideAsWidgetRef(FormFieldDirective),
                     i5.provideAs(FormFieldDirective, i1.NG_VALUE_ACCESSOR, true),
                     { provide: i5.Context, useFactory: () => { return {}; }, multi: true }
@@ -2153,6 +2139,7 @@
     (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(FormFieldDirective, [{
             type: i0.Directive,
             args: [{
+                    standalone: true,
                     selector: '[wmFormField]',
                     exportAs: 'wmFormField',
                     providers: [
@@ -2369,11 +2356,12 @@
             this.performOperation(operation, options);
         }
         static { this.ɵfac = function LiveActionsDirective_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || LiveActionsDirective)(i0__namespace.ɵɵdirectiveInject(i3.ListComponent, 2), i0__namespace.ɵɵdirectiveInject(i1$1__namespace.App), i0__namespace.ɵɵdirectiveInject(i1$1__namespace.AbstractDialogService)); }; }
-        static { this.ɵdir = /*@__PURE__*/ i0__namespace.ɵɵdefineDirective({ type: LiveActionsDirective, selectors: [["", "wmLiveActions", ""]] }); }
+        static { this.ɵdir = /*@__PURE__*/ i0__namespace.ɵɵdefineDirective({ type: LiveActionsDirective, selectors: [["", "wmLiveActions", ""]], standalone: true }); }
     }
     (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(LiveActionsDirective, [{
             type: i0.Directive,
             args: [{
+                    standalone: true,
                     selector: '[wmLiveActions]'
                 }]
         }], () => [{ type: undefined, decorators: [{
@@ -2514,11 +2502,12 @@
             } if (rf & 2) {
                 let _t;
                 i0__namespace.ɵɵqueryRefresh(_t = i0__namespace.ɵɵloadQuery()) && (ctx.formChildren = _t);
-            } } }); }
+            } }, standalone: true }); }
     }
     (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(DependsonDirective, [{
             type: i0.Directive,
             args: [{
+                    standalone: true,
                     selector: '[dependson]'
                 }]
         }], () => [{ type: undefined, decorators: [{
@@ -2853,11 +2842,12 @@
             this.form.filterWidgets[name] = widget;
         }
         static { this.ɵfac = function LiveFilterDirective_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || LiveFilterDirective)(i0__namespace.ɵɵdirectiveInject(FormComponent, 2)); }; }
-        static { this.ɵdir = /*@__PURE__*/ i0__namespace.ɵɵdefineDirective({ type: LiveFilterDirective, selectors: [["", "wmLiveFilter", ""]] }); }
+        static { this.ɵdir = /*@__PURE__*/ i0__namespace.ɵɵdefineDirective({ type: LiveFilterDirective, selectors: [["", "wmLiveFilter", ""]], standalone: true }); }
     }
     (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(LiveFilterDirective, [{
             type: i0.Directive,
             args: [{
+                    standalone: true,
                     selector: '[wmLiveFilter]'
                 }]
         }], () => [{ type: undefined, decorators: [{
@@ -2989,10 +2979,6 @@
             }
             primaryKeys = this.form.datasource.execute(i1$1.DataSource.Operation.GET_PRIMARY_KEY) || [];
             primaryKey = dataObj[primaryKeys[0]];
-            // TODO: Handle mobile case
-            // if (CONSTANTS.hasCordova && CONSTANTS.isRunMode) {
-            //     href += $rootScope.project.deployedUrl;
-            // }
             href += this.form.datasource.execute(i1$1.DataSource.Operation.GET_BLOB_URL, {
                 primaryValue: primaryKey,
                 columnName: key
@@ -3332,11 +3318,12 @@
         static { this.ɵfac = function LiveFormDirective_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || LiveFormDirective)(i0__namespace.ɵɵdirectiveInject(FormComponent, 2), i0__namespace.ɵɵdirectiveInject(i1$2__namespace.LiveTableComponent, 8), i0__namespace.ɵɵdirectiveInject(i5__namespace.ToDatePipe), i0__namespace.ɵɵdirectiveInject(i1$1__namespace.AbstractDialogService), i0__namespace.ɵɵinjectAttribute('formlayout')); }; }
         static { this.ɵdir = /*@__PURE__*/ i0__namespace.ɵɵdefineDirective({ type: LiveFormDirective, selectors: [["", "wmLiveForm", ""]], hostBindings: function LiveFormDirective_HostBindings(rf, ctx) { if (rf & 1) {
                 i0__namespace.ɵɵlistener("keydown", function LiveFormDirective_keydown_HostBindingHandler($event) { return ctx.onKeydownHandler($event); });
-            } } }); }
+            } }, standalone: true }); }
     }
     (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(LiveFormDirective, [{
             type: i0.Directive,
             args: [{
+                    standalone: true,
                     selector: '[wmLiveForm]'
                 }]
         }], () => [{ type: undefined, decorators: [{
@@ -3354,64 +3341,10 @@
                 args: ['keydown', ['$event']]
             }] }); })();
 
-    const components = [
-        FormComponent,
-        FormWidgetDirective,
-        FormActionDirective,
-        FormFieldDirective,
-        LiveActionsDirective,
-        DependsonDirective,
-        LiveFilterDirective,
-        LiveFormDirective
-    ];
-    class FormModule {
-        static { this.ɵfac = function FormModule_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || FormModule)(); }; }
-        static { this.ɵmod = /*@__PURE__*/ i0__namespace.ɵɵdefineNgModule({ type: FormModule }); }
-        static { this.ɵinj = /*@__PURE__*/ i0__namespace.ɵɵdefineInjector({ imports: [i6.BasicModule,
-                i7.CommonModule,
-                designDialog.DesignDialogModule,
-                i8.InputModule,
-                i5.WmComponentsModule] }); }
-    }
-    (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(FormModule, [{
-            type: i0.NgModule,
-            args: [{
-                    imports: [
-                        i6.BasicModule,
-                        i7.CommonModule,
-                        designDialog.DesignDialogModule,
-                        i8.InputModule,
-                        i5.WmComponentsModule
-                    ],
-                    declarations: [...components],
-                    exports: [...components]
-                }]
-        }], null, null); })();
-    (function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0__namespace.ɵɵsetNgModuleScope(FormModule, { declarations: [FormComponent,
-            FormWidgetDirective,
-            FormActionDirective,
-            FormFieldDirective,
-            LiveActionsDirective,
-            DependsonDirective,
-            LiveFilterDirective,
-            LiveFormDirective], imports: [i6.BasicModule,
-            i7.CommonModule,
-            designDialog.DesignDialogModule,
-            i8.InputModule,
-            i5.WmComponentsModule], exports: [FormComponent,
-            FormWidgetDirective,
-            FormActionDirective,
-            FormFieldDirective,
-            LiveActionsDirective,
-            DependsonDirective,
-            LiveFilterDirective,
-            LiveFormDirective] }); })();
-
     exports.DependsonDirective = DependsonDirective;
     exports.FormActionDirective = FormActionDirective;
     exports.FormComponent = FormComponent;
     exports.FormFieldDirective = FormFieldDirective;
-    exports.FormModule = FormModule;
     exports.FormWidgetDirective = FormWidgetDirective;
     exports.LiveActionsDirective = LiveActionsDirective;
     exports.LiveFilterDirective = LiveFilterDirective;