npm - @wavemaker/app-ng-runtime - Versions diffs - 11.10.5-rc.6096 → 11.11.0-1.6137 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1174) hide show

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

@@ -1,18 +1,15 @@
-import * as i0 from '@angular/core';
-import { ViewContainerRef, Component, Optional, SkipSelf, Attribute, Inject, ViewChild, ContentChildren, HostBinding, HostListener, Directive, Self, ContentChild, NgModule } from '@angular/core';
-import * as i7 from '@angular/common';
+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, BaseComponent, getWidgetPropsByType, getEvaluatedData, BaseFieldValidations, getDefaultViewModeWidget, Context, provideAs, fetchDistinctValues, applyFilterOnField, isDataSetWidget, getDistinctValuesForField, getRangeFieldValue, getRangeMatchMode, getEnableEmptyFilter, getEmptyMatchMode, fetchRelatedFieldData, ALLFIELDS, WmComponentsModule } from '@wm/components/base';
-import * as i6 from '@wm/components/basic';
-import { BasicModule } from '@wm/components/basic';
-import * as i8 from '@wm/components/input';
-import { InputModule } from '@wm/components/input';
-import { DesignDialogModule } from '@wm/components/dialogs/design-dialog';
+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 * as i0 from '@angular/core';
+import { ViewContainerRef, Component, Optional, SkipSelf, Attribute, Inject, ViewChild, ContentChildren, HostBinding, HostListener, Directive, Self, 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 { isMobileApp, 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 { 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 i4 from '@wm/components/prefab';
 import * as i3 from '@wm/components/data/list';
 import { ListComponent } from '@wm/components/data/list';
@@ -42,9 +39,6 @@ const propsMap = new Map([
     ['title', PROP_STRING]
 ]);
 const registerFormProps = () => {
-    if (isMobileApp()) {
-        propsMap.set('captionwidth', { value: 'xs-4 sm-4 md-4 lg-4', ...PROP_STRING });
-    }
     const formMap = new Map(propsMap);
     formMap.set('action', PROP_STRING);
     formMap.set('defaultmode', { value: 'Edit', ...PROP_STRING });
@@ -62,9 +56,6 @@ const registerFormProps = () => {
     register('wm-form', formMap);
 };
 const registerLiveFormProps = () => {
-    if (isMobileApp()) {
-        propsMap.set('captionwidth', { value: 'xs-4 sm-4 md-4 lg-4', ...PROP_STRING });
-    }
     const liveFormMap = new Map(propsMap);
     liveFormMap.set('defaultmode', { value: 'View', ...PROP_STRING });
     liveFormMap.set('formlayout', { value: 'inline', ...PROP_STRING });
@@ -80,9 +71,6 @@ const registerLiveFormProps = () => {
     register('wm-liveform', liveFormMap);
 };
 const registerLiveFilterProps = () => {
-    if (isMobileApp()) {
-        propsMap.set('captionwidth', { value: 'xs-4 sm-4 md-4 lg-4', ...PROP_STRING });
-    }
     const liveFilterMap = new Map(propsMap);
     liveFilterMap.set('autoupdate', PROP_BOOLEAN);
     liveFilterMap.set('enableemptyfilter', { value: ' ', ...PROP_STRING });
@@ -101,139 +89,136 @@ const _c6 = a0 => ({ btn: a0 });
 function FormComponent_ng_template_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵ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.ɵɵelementContainer(0);
 } }
-function FormComponent_ng_template_3_div_0_i_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "i", 22);
+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) {
-    const ctx_r0 = i0.ɵɵnextContext(3);
-    i0.ɵɵproperty("ngClass", ctx_r0.iconclass);
+    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_ng_template_3_div_0_ng_container_8_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementContainer(0, 23);
+function FormComponent_Conditional_3_Conditional_0_For_9_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementContainer(0, 11);
 } if (rf & 2) {
-    const btn_r2 = ctx.$implicit;
-    const index_r3 = ctx.index;
-    const ctx_r0 = i0.ɵɵnextContext(3);
-    const buttonRef_r4 = i0.ɵɵreference(8);
-    const anchorRef_r5 = i0.ɵɵreference(10);
-    i0.ɵɵproperty("ngTemplateOutlet", btn_r2.widgetType === "button" ? buttonRef_r4 : anchorRef_r5)("ngTemplateOutletContext", i0.ɵɵpureFunction1(3, _c6, btn_r2))("ngTemplateOutletInjector", ctx_r0.createCustomInjector("action_header_" + index_r3, i0.ɵɵpureFunction1(5, _c6, btn_r2)));
+    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_ng_template_3_div_0_button_10_Template(rf, ctx) { if (rf & 1) {
-    const _r6 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 24);
-    i0.ɵɵlistener("click", function FormComponent_ng_template_3_div_0_button_10_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r6); const ctx_r0 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r0.expandCollapsePanel()); });
+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_r0 = i0.ɵɵnextContext(3);
-    i0.ɵɵ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.ɵɵ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_ng_template_3_div_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 14)(1, "h3", 15)(2, "div", 16);
-    i0.ɵɵ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.ɵɵ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", 16);
-    i0.ɵɵelement(5, "div", 18)(6, "div", 19);
+    i0.ɵɵelementStart(4, "div", 13);
+    i0.ɵɵelement(5, "div", 15)(6, "div", 16);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(7, "div", 20);
-    i0.ɵɵtemplate(8, FormComponent_ng_template_3_div_0_ng_container_8_Template, 1, 7, "ng-container", 13);
-    i0.ɵɵpipe(9, "filter");
-    i0.ɵɵtemplate(10, FormComponent_ng_template_3_div_0_button_10_Template, 1, 2, "button", 21);
+    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_r0 = i0.ɵɵnextContext(2);
+    const ctx_r1 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance(3);
-    i0.ɵɵproperty("ngIf", ctx_r0.iconclass);
+    i0.ɵɵconditional(ctx_r1.iconclass ? 3 : -1);
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("innerHTML", ctx_r0.title, i0.ɵɵsanitizeHtml);
+    i0.ɵɵproperty("innerHTML", ctx_r1.title, i0.ɵɵsanitizeHtml);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("innerHTML", ctx_r0.subheading, i0.ɵɵsanitizeHtml);
+    i0.ɵɵproperty("innerHTML", ctx_r1.subheading, i0.ɵɵsanitizeHtml);
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("ngForOf", i0.ɵɵpipeBind3(9, 5, ctx_r0.buttonArray, "position", "header"));
-    i0.ɵɵadvance(2);
-    i0.ɵɵproperty("ngIf", ctx_r0.collapsible);
+    i0.ɵɵrepeater(i0.ɵɵpipeBind3(10, 4, ctx_r1.buttonArray, "position", "header"));
+    i0.ɵɵadvance(3);
+    i0.ɵɵconditional(ctx_r1.collapsible ? 11 : -1);
 } }
-function FormComponent_ng_template_3_p_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "p", 25);
+function FormComponent_Conditional_3_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "p", 8);
 } if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext(2);
-    i0.ɵɵattribute("aria-hidden", !ctx_r0.statusMessage.caption)("aria-label", ctx_r0.statusMessage.caption);
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵ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.ɵɵelementContainer(0);
 } }
-function FormComponent_ng_template_3_ng_container_6_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementContainer(0, 23);
+function FormComponent_Conditional_3_For_7_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementContainer(0, 11);
 } if (rf & 2) {
-    const btn_r7 = ctx.$implicit;
-    const index_r8 = ctx.index;
-    const ctx_r0 = i0.ɵɵnextContext(2);
-    const buttonRef_r4 = i0.ɵɵreference(8);
-    const anchorRef_r5 = i0.ɵɵreference(10);
-    i0.ɵɵproperty("ngTemplateOutlet", btn_r7.widgetType === "button" ? buttonRef_r4 : anchorRef_r5)("ngTemplateOutletContext", i0.ɵɵpureFunction1(3, _c6, btn_r7))("ngTemplateOutletInjector", ctx_r0.createCustomInjector("action_footer_" + index_r8, i0.ɵɵpureFunction1(5, _c6, btn_r7)));
+    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_ng_template_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, FormComponent_ng_template_3_div_0_Template, 11, 9, "div", 7);
-    i0.ɵɵelementStart(1, "div", 8);
-    i0.ɵɵtemplate(2, FormComponent_ng_template_3_p_2_Template, 1, 2, "p", 9);
-    i0.ɵɵelementStart(3, "div", 10);
-    i0.ɵɵ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.ɵɵ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", 12);
-    i0.ɵɵtemplate(6, FormComponent_ng_template_3_ng_container_6_Template, 1, 7, "ng-container", 13);
-    i0.ɵɵpipe(7, "filter");
+    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_r0 = i0.ɵɵnextContext();
-    const content_r9 = i0.ɵɵreference(1);
-    i0.ɵɵproperty("ngIf", !ctx_r0.isLayoutDialog && (ctx_r0.title || ctx_r0.subheading || ctx_r0.iconclass || ctx_r0.showButtons("header")));
+    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_r0.expanded);
-    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction2(15, _c3, ctx_r0.isLayoutDialog, !ctx_r0.isLayoutDialog));
+    i0.ɵɵclassProp("hidden", !ctx_r1.expanded);
+    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction2(14, _c3, ctx_r1.isLayoutDialog, !ctx_r1.isLayoutDialog));
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", !!ctx_r0.statusMessage.caption);
+    i0.ɵɵconditional(!!ctx_r1.statusMessage.caption ? 2 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction2(18, _c4, !ctx_r0.isLayoutDialog, ctx_r0.isLayoutDialog));
+    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction2(17, _c4, !ctx_r1.isLayoutDialog, ctx_r1.isLayoutDialog));
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngTemplateOutlet", content_r9);
+    i0.ɵɵproperty("ngTemplateOutlet", content_r1);
     i0.ɵɵadvance();
-    i0.ɵɵclassProp("hidden", !ctx_r0.expanded || !ctx_r0.showButtons("footer"));
-    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(21, _c5, ctx_r0.isLayoutDialog));
+    i0.ɵɵclassProp("hidden", !ctx_r1.expanded || !ctx_r1.showButtons("footer"));
+    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(20, _c5, ctx_r1.isLayoutDialog));
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngForOf", i0.ɵɵpipeBind3(7, 11, ctx_r0.buttonArray, "position", "footer"));
+    i0.ɵɵrepeater(i0.ɵɵpipeBind3(8, 10, ctx_r1.buttonArray, "position", "footer"));
 } }
-function FormComponent_ng_template_5_ng_container_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementContainer(0);
-} }
-function FormComponent_ng_template_5_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, FormComponent_ng_template_5_ng_container_0_Template, 1, 0, "ng-container", 11);
-} if (rf & 2) {
-    i0.ɵɵnextContext();
-    const content_r9 = i0.ɵɵreference(1);
-    i0.ɵɵproperty("ngTemplateOutlet", content_r9);
-} }
-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.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 26);
-    i0.ɵɵlistener("click", function FormComponent_ng_template_7_Template_button_click_0_listener($event) { const btn_r11 = i0.ɵɵrestoreView(_r10).btn; const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.invokeActionEvent($event, btn_r11.action)); });
+    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_r0 = i0.ɵɵnextContext();
-    i0.ɵɵclassProp("hidden", btn_r11.updateMode ? !ctx_r0.isUpdateMode : ctx_r0.isUpdateMode);
+    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_9_Template(rf, ctx) { if (rf & 1) {
+function FormComponent_ng_template_6_Template(rf, ctx) { if (rf & 1) {
     const _r12 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "a", 27);
-    i0.ɵɵlistener("click", function FormComponent_ng_template_9_Template_a_click_0_listener($event) { const btn_r13 = i0.ɵɵrestoreView(_r12).btn; const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.invokeActionEvent($event, btn_r13.action)); });
+    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_r0 = i0.ɵɵnextContext();
-    i0.ɵɵclassProp("hidden", btn_r13.updateMode ? !ctx_r0.isUpdateMode : ctx_r0.isUpdateMode);
+    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' };
@@ -308,7 +293,7 @@ const setTouchedState = (self, ngForm, fieldName) => {
             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();
@@ -1340,24 +1325,22 @@ class FormComponent extends StylableComponent {
             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);
-        } }, features: [i0.ɵɵProvidersFeature([
+        } }, standalone: true, features: [i0.ɵɵProvidersFeature([
                 provideAsWidgetRef(FormComponent)
-            ]), i0.ɵɵ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.ɵɵ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_ng_container_2_Template, 1, 0, "ng-container", 6)(3, FormComponent_ng_template_3_Template, 8, 23, "ng-template", null, 1, i0.ɵɵtemplateRefExtractor)(5, FormComponent_ng_template_5_Template, 1, 1, "ng-template", null, 2, i0.ɵɵtemplateRefExtractor)(7, FormComponent_ng_template_7_Template, 1, 4, "ng-template", null, 3, i0.ɵɵtemplateRefExtractor)(9, FormComponent_ng_template_9_Template, 1, 3, "ng-template", null, 4, i0.ɵɵtemplateRefExtractor);
-            i0.ɵɵelementContainer(11, null, 5);
+            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) {
-            const defaultTemplate_r14 = i0.ɵɵreference(4);
-            const pageLayoutTemplate_r15 = i0.ɵɵreference(6);
             i0.ɵɵadvance(2);
-            i0.ɵɵproperty("ngIf", ctx.formlayout === "page")("ngIfThen", pageLayoutTemplate_r15)("ngIfElse", defaultTemplate_r14);
-        } }, dependencies: [i6.AnchorComponent, i7.NgClass, i7.NgForOf, i7.NgIf, i7.NgTemplateOutlet, i8.ButtonComponent, i5.MessageComponent, i5.FilterPipe], encapsulation: 2 }); }
+            i0.ɵɵconditional(ctx.formlayout === "page" ? 2 : 3);
+        } }, dependencies: [CommonModule, i6.NgClass, i6.NgTemplateOutlet, WmComponentsModule, i5.MessageComponent, i5.FilterPipe, AnchorComponent, ButtonComponent], encapsulation: 2 }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(FormComponent, [{
         type: Component,
-        args: [{ selector: 'form[wmForm]', providers: [
+        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<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.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: [{
@@ -1429,7 +1412,7 @@ class FormComponent extends StylableComponent {
             type: HostListener,
             args: ['keydown', ['$event']]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(FormComponent, { className: "FormComponent", filePath: "form.component.ts", lineNumber: 159 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(FormComponent, { className: "FormComponent", filePath: "form.component.ts", lineNumber: 165 }); })();
 class FormWidgetDirective {
     constructor(form, table, componentInstance, fb, name, key) {
@@ -1469,11 +1452,12 @@ class FormWidgetDirective {
         }
     }
     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", ""]] }); }
+    static { this.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: FormWidgetDirective, selectors: [["", "wmFormWidget", ""]], standalone: true }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(FormWidgetDirective, [{
         type: Directive,
         args: [{
+                standalone: true,
                 selector: '[wmFormWidget]'
             }]
     }], () => [{ type: undefined, decorators: [{
@@ -1571,13 +1555,14 @@ class FormActionDirective extends BaseComponent {
         }
     }
     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", ""]], features: [i0.ɵɵProvidersFeature([
+    static { this.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: FormActionDirective, selectors: [["", "wmFormAction", ""]], standalone: true, features: [i0.ɵɵProvidersFeature([
                 provideAsWidgetRef(FormActionDirective)
             ]), i0.ɵɵInheritDefinitionFeature] }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(FormActionDirective, [{
         type: Directive,
         args: [{
+                standalone: true,
                 selector: '[wmFormAction]',
                 providers: [
                     provideAsWidgetRef(FormActionDirective)
@@ -2136,7 +2121,7 @@ class FormFieldDirective extends StylableComponent {
             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"], features: [i0.ɵɵProvidersFeature([
+        } }, exportAs: ["wmFormField"], standalone: true, features: [i0.ɵɵProvidersFeature([
                 provideAsWidgetRef(FormFieldDirective),
                 provideAs(FormFieldDirective, NG_VALUE_ACCESSOR, true),
                 { provide: Context, useFactory: () => { return {}; }, multi: true }
@@ -2145,6 +2130,7 @@ class FormFieldDirective extends StylableComponent {
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(FormFieldDirective, [{
         type: Directive,
         args: [{
+                standalone: true,
                 selector: '[wmFormField]',
                 exportAs: 'wmFormField',
                 providers: [
@@ -2361,11 +2347,12 @@ class LiveActionsDirective {
         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", ""]] }); }
+    static { this.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: LiveActionsDirective, selectors: [["", "wmLiveActions", ""]], standalone: true }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(LiveActionsDirective, [{
         type: Directive,
         args: [{
+                standalone: true,
                 selector: '[wmLiveActions]'
             }]
     }], () => [{ type: undefined, decorators: [{
@@ -2506,11 +2493,12 @@ class DependsonDirective {
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.formChildren = _t);
-        } } }); }
+        } }, standalone: true }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DependsonDirective, [{
         type: Directive,
         args: [{
+                standalone: true,
                 selector: '[dependson]'
             }]
     }], () => [{ type: undefined, decorators: [{
@@ -2846,11 +2834,12 @@ class LiveFilterDirective {
         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", ""]] }); }
+    static { this.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: LiveFilterDirective, selectors: [["", "wmLiveFilter", ""]], standalone: true }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(LiveFilterDirective, [{
         type: Directive,
         args: [{
+                standalone: true,
                 selector: '[wmLiveFilter]'
             }]
     }], () => [{ type: undefined, decorators: [{
@@ -2982,10 +2971,6 @@ class LiveFormDirective {
         }
         primaryKeys = this.form.datasource.execute(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(DataSource.Operation.GET_BLOB_URL, {
             primaryValue: primaryKey,
             columnName: key
@@ -3325,11 +3310,12 @@ class LiveFormDirective {
     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 }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(LiveFormDirective, [{
         type: Directive,
         args: [{
+                standalone: true,
                 selector: '[wmLiveForm]'
             }]
     }], () => [{ type: undefined, decorators: [{
@@ -3347,62 +3333,9 @@ class LiveFormDirective {
             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.ɵɵdefineNgModule({ type: FormModule }); }
-    static { this.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [BasicModule,
-            CommonModule,
-            DesignDialogModule,
-            InputModule,
-            WmComponentsModule] }); }
-}
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(FormModule, [{
-        type: NgModule,
-        args: [{
-                imports: [
-                    BasicModule,
-                    CommonModule,
-                    DesignDialogModule,
-                    InputModule,
-                    WmComponentsModule
-                ],
-                declarations: [...components],
-                exports: [...components]
-            }]
-    }], null, null); })();
-(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(FormModule, { declarations: [FormComponent,
-        FormWidgetDirective,
-        FormActionDirective,
-        FormFieldDirective,
-        LiveActionsDirective,
-        DependsonDirective,
-        LiveFilterDirective,
-        LiveFormDirective], imports: [BasicModule,
-        CommonModule,
-        DesignDialogModule,
-        InputModule,
-        WmComponentsModule], exports: [FormComponent,
-        FormWidgetDirective,
-        FormActionDirective,
-        FormFieldDirective,
-        LiveActionsDirective,
-        DependsonDirective,
-        LiveFilterDirective,
-        LiveFormDirective] }); })();
 /**
  * Generated bundle index. Do not edit.
  */
-export { DependsonDirective, FormActionDirective, FormComponent, FormFieldDirective, FormModule, FormWidgetDirective, LiveActionsDirective, LiveFilterDirective, LiveFormDirective };
+export { DependsonDirective, FormActionDirective, FormComponent, FormFieldDirective, FormWidgetDirective, LiveActionsDirective, LiveFilterDirective, LiveFormDirective };
 //# sourceMappingURL=index.mjs.map