@acorex/platform 20.0.23 → 20.1.0

package/fesm2022/acorex-platform-layout-entity.mjs

@@ -1,7 +1,7 @@
 import * as i0 from '@angular/core';
 import { InjectionToken, inject, Injectable, computed, signal, Injector, effect, HostBinding, ChangeDetectionStrategy, Component, viewChild, ViewChild, NgModule } from '@angular/core';
 import { castArray, get, cloneDeep, set, merge, isNil, isEmpty, sortBy } from 'lodash-es';
-import * as i2 from '@acorex/cdk/common';
+import * as i1$2 from '@acorex/cdk/common';
 import { AXDataSource, AXCommonModule } from '@acorex/cdk/common';
 import { AXFormatService } from '@acorex/core/format';
 import { resolveActionLook, AXPFilterOperatorMiddlewareService, AXPEntityCommandScope, getEntityInfo, AXPSettingService, AXPRefreshEvent, AXPLockService, AXPCleanNestedFilters, AXPWorkflowNavigateAction, AXPToastAction, AXP_SEARCH_DEFINITION_PROVIDER } from '@acorex/platform/common';
@@ -9,7 +9,7 @@ import * as i1$4 from '@acorex/platform/core';
 import { AXPExpressionEvaluatorService, AXPPlatformScope, extractValue, setSmart } from '@acorex/platform/core';
 import * as i2$2 from '@acorex/platform/workflow';
 import { AXPWorkflowService, ofType, createWorkFlowEvent, AXPWorkflowAction, AXPWorkflowModule } from '@acorex/platform/workflow';
-import * as i7 from '@acorex/platform/layout/builder';
+import * as i6 from '@acorex/platform/layout/builder';
 import { AXPPageStatus, AXPWidgetRegistryService, AXPValueWidgetComponent, AXPLayoutBuilderModule, AXPColumnWidgetComponent, AXPWidgetsCatalog, AXPWidgetGroupEnum, AXP_WIDGETS_EDITOR_CATEGORY } from '@acorex/platform/layout/builder';
 import { AXPLayoutThemeService } from '@acorex/platform/themes/shared';
 import { AXPSessionService, AXPAuthGuard } from '@acorex/platform/auth';
@@ -25,26 +25,26 @@ import * as i1 from '@acorex/components/loading';
 import { AXLoadingModule } from '@acorex/components/loading';
 import * as i1$1 from '@acorex/components/badge';
 import { AXBadgeModule } from '@acorex/components/badge';
-import * as i3 from '@acorex/components/button';
+import * as i2 from '@acorex/components/button';
 import { AXButtonModule } from '@acorex/components/button';
-import * as i4 from '@acorex/components/decorators';
+import * as i3 from '@acorex/components/decorators';
 import { AXDecoratorModule } from '@acorex/components/decorators';
-import * as i6$1 from '@acorex/components/form';
+import * as i5$1 from '@acorex/components/form';
 import { AXFormModule } from '@acorex/components/form';
-import * as i7$1 from '@acorex/components/tag-box';
+import * as i6$1 from '@acorex/components/tag-box';
 import { AXTagBoxComponent, AXTagBoxModule } from '@acorex/components/tag-box';
 import { AXValidationModule } from '@acorex/core/validation';
-import * as i1$2 from '@angular/common';
+import * as i7 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import * as i1$3 from '@angular/forms';
 import { FormsModule } from '@angular/forms';
-import * as i5 from '@acorex/components/data-table';
+import * as i4 from '@acorex/components/data-table';
 import { AXDataTableModule } from '@acorex/components/data-table';
 import { AXDropdownButtonModule } from '@acorex/components/dropdown-button';
 import { AXBasePageComponent } from '@acorex/components/page';
-import * as i6 from '@acorex/components/search-box';
+import * as i5 from '@acorex/components/search-box';
 import { AXSearchBoxModule, AXSearchBoxComponent } from '@acorex/components/search-box';
-import * as i9 from '@acorex/components/select-box';
+import * as i7$1 from '@acorex/components/select-box';
 import { AXSelectBoxModule } from '@acorex/components/select-box';
 import { AXP_DISABLED_PROPERTY, AXP_DATA_PATH_PROPERTY, AXP_DATA_PROPERTY_GROUP, AXP_ALLOW_MULTIPLE_PROPERTY, AXP_NAME_PROPERTY, AXPFileUploaderWidgetService } from '@acorex/platform/widgets';
 import * as i2$1 from '@acorex/components/text-box';
@@ -61,10 +61,10 @@ class AXPDataSeederService {
             await loader?.seed();
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: AXPDataSeederService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: AXPDataSeederService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXPDataSeederService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXPDataSeederService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: AXPDataSeederService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXPDataSeederService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }] });
@@ -89,10 +89,10 @@ class AXPEntityResolver {
         }
         return null;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: AXPEntityResolver, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: AXPEntityResolver, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXPEntityResolver, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXPEntityResolver, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: AXPEntityResolver, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXPEntityResolver, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }] });
@@ -130,7 +130,7 @@ class AXPEntityListViewColumnViewModel {
                 type: widget.type,
                 options: { ...widget?.options, ...this.column?.options },
             };
-        });
+        }, ...(ngDevMode ? [{ debugName: "node" }] : []));
     }
 }
 
@@ -139,7 +139,7 @@ class AXPEntityDetailListViewModel {
         this.injector = injector;
         this.detailEntityConfig = detailEntityConfig;
         this.parent = parent;
-        this.detailEntity = signal(null);
+        this.detailEntity = signal(null, ...(ngDevMode ? [{ debugName: "detailEntity" }] : []));
         this.formatService = this.injector.get(AXFormatService);
         this.workflow = this.injector.get(AXPWorkflowService);
         this.filterOperatorMiddleware = this.injector.get(AXPFilterOperatorMiddlewareService);
@@ -158,17 +158,17 @@ class AXPEntityDetailListViewModel {
         });
         this.parentKey = computed(() => {
             return this.detailEntity()?.parentKey;
-        });
-        this.selectedItems = signal([]);
+        }, ...(ngDevMode ? [{ debugName: "parentKey" }] : []));
+        this.selectedItems = signal([], ...(ngDevMode ? [{ debugName: "selectedItems" }] : []));
         this.hasSelectedItems = computed(() => {
             return this.selectedItems().length > 0;
-        });
+        }, ...(ngDevMode ? [{ debugName: "hasSelectedItems" }] : []));
         //****************** Title ******************//
         this.title = computed(() => {
             return (this.detailEntityConfig.title ??
                 this.detailEntity()?.interfaces?.detail?.list?.title ??
                 this.detailEntity()?.formats.plural);
-        });
+        }, ...(ngDevMode ? [{ debugName: "title" }] : []));
         //****************** Visibility ******************//
         this.hidden = computed(async () => {
             if (typeof this.detailEntityConfig.hidden == 'string') {
@@ -184,15 +184,15 @@ class AXPEntityDetailListViewModel {
             else {
                 return this.detailEntityConfig.hidden ?? false;
             }
-        });
+        }, ...(ngDevMode ? [{ debugName: "hidden" }] : []));
         //****************** Inline filter ******************//
         this.inlineFiltersPlaceholders = computed(() => {
             //return this.entityDef.properties.filter(p => p.options?.filter?.inline?.enabled).map(c => c.title);
             return [];
-        });
+        }, ...(ngDevMode ? [{ debugName: "inlineFiltersPlaceholders" }] : []));
         this.hasInlineFilters = computed(() => {
             return this.inlineFiltersPlaceholders().length > 0;
-        });
+        }, ...(ngDevMode ? [{ debugName: "hasInlineFilters" }] : []));
         //****************** Actions ******************//
         this.allActions = computed(() => {
             const list = this.detailEntity()?.interfaces?.master?.list?.actions ?? [];
@@ -206,22 +206,22 @@ class AXPEntityDetailListViewModel {
                 return new AXPEntityCommandTriggerViewModel(this.detailEntity(), overrideAction ?? tr);
             });
             return mergedActions;
-        });
+        }, ...(ngDevMode ? [{ debugName: "allActions" }] : []));
         this.selectedScopeActionsCount = computed(() => {
             return this.allActions().filter((a) => a.scope == AXPEntityCommandScope.Selected).length;
-        });
+        }, ...(ngDevMode ? [{ debugName: "selectedScopeActionsCount" }] : []));
         this.primaryActions = computed(() => {
             return this.allActions().filter((a) => a.priority == 'primary' &&
                 ((a.scope == AXPEntityCommandScope.Selected && this.hasSelectedItems()) ||
                     (a.scope == AXPEntityCommandScope.TypeLevel && !this.hasSelectedItems())));
-        });
+        }, ...(ngDevMode ? [{ debugName: "primaryActions" }] : []));
         this.secondaryActions = computed(() => {
             return this.allActions().filter((a) => a.priority == 'secondary' &&
                 ((a.scope == AXPEntityCommandScope.Selected && this.hasSelectedItems()) ||
                     (a.scope == AXPEntityCommandScope.TypeLevel && !this.hasSelectedItems())));
-        });
-        this.primaryRowActions = computed(() => this.allActions().filter((a) => a.scope == AXPEntityCommandScope.Individual && a.priority === 'primary'));
-        this.secondaryRowActions = computed(() => this.allActions().filter((a) => a.scope == AXPEntityCommandScope.Individual && a.priority === 'secondary'));
+        }, ...(ngDevMode ? [{ debugName: "secondaryActions" }] : []));
+        this.primaryRowActions = computed(() => this.allActions().filter((a) => a.scope == AXPEntityCommandScope.Individual && a.priority === 'primary'), ...(ngDevMode ? [{ debugName: "primaryRowActions" }] : []));
+        this.secondaryRowActions = computed(() => this.allActions().filter((a) => a.scope == AXPEntityCommandScope.Individual && a.priority === 'secondary'), ...(ngDevMode ? [{ debugName: "secondaryRowActions" }] : []));
         //****************** Filter ******************//
         this.inlineFilters = {
             field: null,
@@ -241,7 +241,7 @@ class AXPEntityDetailListViewModel {
                 });
             }
             return [];
-        });
+        }, ...(ngDevMode ? [{ debugName: "columns" }] : []));
         this.evaluateExpressions = async (actionData) => {
             const parentData = this.parent.data;
             console.log({ actionData, parentData });
@@ -578,10 +578,10 @@ class AXPEntityMiddleware {
         modifier(context);
         return context.toEntity();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: AXPEntityMiddleware, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: AXPEntityMiddleware, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXPEntityMiddleware, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXPEntityMiddleware, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: AXPEntityMiddleware, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXPEntityMiddleware, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }], ctorParameters: () => [] });
@@ -691,10 +691,10 @@ class AXPEntityDefinitionRegistryService {
     createEntityKey(moduleName, entityName) {
         return `${moduleName}.${entityName}`;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: AXPEntityDefinitionRegistryService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: AXPEntityDefinitionRegistryService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXPEntityDefinitionRegistryService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXPEntityDefinitionRegistryService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: AXPEntityDefinitionRegistryService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXPEntityDefinitionRegistryService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -706,18 +706,18 @@ class AXPEntityCreateViewSectionViewModel {
         this.entity = entity;
         this.section = section;
         this.group = this.entity.groups?.find((c) => c.id == this.section.id);
-        this.name = signal(this.group.id);
+        this.name = signal(this.group.id, ...(ngDevMode ? [{ debugName: "name" }] : []));
         this.title = computed(() => {
             return this.group.title ?? this.group.id;
-        });
+        }, ...(ngDevMode ? [{ debugName: "title" }] : []));
         this.description = computed(() => {
             return this.group.description;
-        });
+        }, ...(ngDevMode ? [{ debugName: "description" }] : []));
         this.layout = computed(() => {
             const source = cloneDeep(this.section.layout ?? {});
             set(source, 'positions.default.colSpan', 12);
             return source;
-        });
+        }, ...(ngDevMode ? [{ debugName: "layout" }] : []));
         this.elements = computed(() => {
             const { interfaces, properties } = this.entity;
             const createProps = interfaces?.master?.create?.properties ?? [];
@@ -727,7 +727,7 @@ class AXPEntityCreateViewSectionViewModel {
                 const createProp = createProps.find(({ name }) => name === property.name);
                 return new AXPEntityCreateViewElementViewModel(this.entity, this, property, createProp);
             });
-        });
+        }, ...(ngDevMode ? [{ debugName: "elements" }] : []));
     }
 }
 class AXPEntityCreateViewElementViewModel {
@@ -736,20 +736,20 @@ class AXPEntityCreateViewElementViewModel {
         this.section = section;
         this.property = property;
         this.createProp = createProp;
-        this.name = signal(this.property.name);
-        this.title = signal(this.property.title);
-        this.description = signal(this.property.description);
+        this.name = signal(this.property.name, ...(ngDevMode ? [{ debugName: "name" }] : []));
+        this.title = signal(this.property.title, ...(ngDevMode ? [{ debugName: "title" }] : []));
+        this.description = signal(this.property.description, ...(ngDevMode ? [{ debugName: "description" }] : []));
         this.editable = computed(() => {
             return !(this.property.schema.readonly ?? false);
-        });
+        }, ...(ngDevMode ? [{ debugName: "editable" }] : []));
         this.isRequired = computed(() => {
             return this.property.validations?.some((c) => c.rule == 'required') || false;
-        });
+        }, ...(ngDevMode ? [{ debugName: "isRequired" }] : []));
         this.layout = computed(() => {
             const source = cloneDeep(this.createProp.layout ?? {});
             set(source, 'positions.default.colSpan', 12);
             return source;
-        });
+        }, ...(ngDevMode ? [{ debugName: "layout" }] : []));
         this.node = computed(() => {
             const schema = this.property.schema;
             const widget = schema.interface;
@@ -766,7 +766,7 @@ class AXPEntityCreateViewElementViewModel {
                     validations: this.property.validations?.map((c) => ({ rule: c.rule, message: c.message, options: c.options })),
                 }),
             };
-        });
+        }, ...(ngDevMode ? [{ debugName: "node" }] : []));
     }
 }
 class AXPEntityMasterCreateViewModel {
@@ -778,18 +778,18 @@ class AXPEntityMasterCreateViewModel {
         this.entityDef = cloneDeep(this.config);
         this.workflow = this.injector.get(AXPWorkflowService);
         this.expressionEvaluator = this.injector.get(AXPExpressionEvaluatorService);
-        this.context = signal(this.initialData ?? {});
-        this.options = signal(this.commandOptions ?? {});
-        this.isInProgress = signal(false);
-        this.canCreateNewOne = signal(true);
-        this.redirect = signal(true);
+        this.context = signal(this.initialData ?? {}, ...(ngDevMode ? [{ debugName: "context" }] : []));
+        this.options = signal(this.commandOptions ?? {}, ...(ngDevMode ? [{ debugName: "options" }] : []));
+        this.isInProgress = signal(false, ...(ngDevMode ? [{ debugName: "isInProgress" }] : []));
+        this.canCreateNewOne = signal(true, ...(ngDevMode ? [{ debugName: "canCreateNewOne" }] : []));
+        this.redirect = signal(true, ...(ngDevMode ? [{ debugName: "redirect" }] : []));
         this.sections = computed(() => {
             const { interfaces, properties } = this.entityDef;
             const createProps = interfaces?.master?.create?.properties?.map(({ name }) => name) ?? [];
             const visibleProperties = properties.filter(({ groupId, schema, name }) => groupId && !schema.hidden && createProps.includes(name));
             const sections = interfaces?.master?.create?.sections?.filter(({ id }) => visibleProperties.some(({ groupId }) => groupId === id)) ?? [];
             return sections.map((section) => new AXPEntityCreateViewSectionViewModel(this.entityDef, section));
-        });
+        }, ...(ngDevMode ? [{ debugName: "sections" }] : []));
         if (!initialData)
             initialData = {};
         const scope = {
@@ -869,10 +869,10 @@ class AXPEntityCreateViewModelFactory {
         this.layout.setNavigationLoading(false);
         return new AXPEntityMasterCreateViewModel(this.injector, config, initialData, options);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: AXPEntityCreateViewModelFactory, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: AXPEntityCreateViewModelFactory, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXPEntityCreateViewModelFactory, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXPEntityCreateViewModelFactory, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: AXPEntityCreateViewModelFactory, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXPEntityCreateViewModelFactory, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }] });
@@ -925,8 +925,8 @@ class AXPEntityMasterListViewModel {
             return views.map((v) => {
                 return new AXPEntityMasterListViewQueryViewModel(this.entityDef, this, v);
             });
-        });
-        this.view = signal(this.views()[0]);
+        }, ...(ngDevMode ? [{ debugName: "views" }] : []));
+        this.view = signal(this.views()[0], ...(ngDevMode ? [{ debugName: "view" }] : []));
         this.dataSource = new AXDataSource({
             byKey: (key) => {
                 const func = this.entityDef.queries.byKey.execute;
@@ -939,28 +939,28 @@ class AXPEntityMasterListViewModel {
             pageSize: this.view().pageSize || 10,
             key: 'id',
         });
-        this.selectedItems = signal([]);
+        this.selectedItems = signal([], ...(ngDevMode ? [{ debugName: "selectedItems" }] : []));
         this.parentKey = computed(() => {
             return this.entityDef.parentKey;
-        });
+        }, ...(ngDevMode ? [{ debugName: "parentKey" }] : []));
         this.hasSelectedItems = computed(() => {
             return this.selectedItems().length > 0;
-        });
+        }, ...(ngDevMode ? [{ debugName: "hasSelectedItems" }] : []));
         //****************** Title ******************//
         this.title = computed(() => {
             return this._viewDef.title ?? this.entityDef.formats.plural;
-        });
+        }, ...(ngDevMode ? [{ debugName: "title" }] : []));
         //****************** Description ******************//
         this.description = computed(() => {
             return this._viewDef.description ?? null;
-        });
+        }, ...(ngDevMode ? [{ debugName: "description" }] : []));
         //****************** Inline filter ******************//
         this.inlineFiltersPlaceholders = computed(() => {
             return this.entityDef.properties.filter((p) => p.options?.filter?.inline?.enabled).map((c) => c.title ?? c.name);
-        });
+        }, ...(ngDevMode ? [{ debugName: "inlineFiltersPlaceholders" }] : []));
         this.hasInlineFilters = computed(() => {
             return this.inlineFiltersPlaceholders().length > 0;
-        });
+        }, ...(ngDevMode ? [{ debugName: "hasInlineFilters" }] : []));
         //****************** Beardcrumbs ******************//
         this.beardcrumbs = computed(() => {
             return [
@@ -968,18 +968,18 @@ class AXPEntityMasterListViewModel {
                     title: this.title(),
                 },
             ];
-        });
+        }, ...(ngDevMode ? [{ debugName: "beardcrumbs" }] : []));
         //****************** Actions ******************//
         this.allActions = computed(() => {
             const list = this.entityDef.interfaces?.master?.list?.actions ?? [];
             return list.map((tr) => new AXPEntityCommandTriggerViewModel(this.entityDef, tr)) ?? [];
-        });
+        }, ...(ngDevMode ? [{ debugName: "allActions" }] : []));
         this.selectedScopeActionsCount = computed(() => {
             return this.allActions().filter((a) => a.scope == AXPEntityCommandScope.Selected).length;
-        });
-        this.primaryRowActions = computed(() => this.allActions().filter((a) => a.scope == AXPEntityCommandScope.Individual && a.priority === 'primary'));
+        }, ...(ngDevMode ? [{ debugName: "selectedScopeActionsCount" }] : []));
+        this.primaryRowActions = computed(() => this.allActions().filter((a) => a.scope == AXPEntityCommandScope.Individual && a.priority === 'primary'), ...(ngDevMode ? [{ debugName: "primaryRowActions" }] : []));
         //****************** Filter ******************//
-        this.filterQueries = signal([]);
+        this.filterQueries = signal([], ...(ngDevMode ? [{ debugName: "filterQueries" }] : []));
         //****************** Columns ******************//
         this.allAvailableColumns = () => {
             const { columns = [], properties } = this.entityDef;
@@ -995,7 +995,7 @@ class AXPEntityMasterListViewModel {
         this.visibleColumnCount = () => {
             return this.columns().filter((c) => c.visible == true).length;
         };
-        this.columns = signal([]);
+        this.columns = signal([], ...(ngDevMode ? [{ debugName: "columns" }] : []));
         //****************** Sort ******************//
         this.sortableFields = () => {
             const props = this.entityDef.properties.filter((c) => c.options?.sort?.enabled);
@@ -1019,7 +1019,7 @@ class AXPEntityMasterListViewModel {
         this.sortedCount = () => {
             return this.sortedFields().filter((i) => i.dir).length;
         };
-        this.sortedFields = signal([]);
+        this.sortedFields = signal([], ...(ngDevMode ? [{ debugName: "sortedFields" }] : []));
         this.evaluateExpressions = async (options, data) => {
             const scope = {
                 context: {
@@ -1311,10 +1311,10 @@ class AXPEntityListViewModelFactory {
         this.layout.setNavigationLoading(false);
         return new AXPEntityMasterListViewModel(this.injector, config);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: AXPEntityListViewModelFactory, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: AXPEntityListViewModelFactory, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXPEntityListViewModelFactory, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXPEntityListViewModelFactory, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: AXPEntityListViewModelFactory, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXPEntityListViewModelFactory, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }] });
@@ -1332,10 +1332,10 @@ class AXPEntityService {
     createPath(module, entity, path = 'list') {
         return `/${this.sessionService.application?.name}/m/${module}/e/${entity}/${path}`;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: AXPEntityService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: AXPEntityService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXPEntityService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXPEntityService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: AXPEntityService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXPEntityService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }] });
@@ -1489,10 +1489,10 @@ class AXPEntityPerformDeleteAction extends AXPWorkflowAction {
             }
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: AXPEntityPerformDeleteAction, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: AXPEntityPerformDeleteAction }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXPEntityPerformDeleteAction, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXPEntityPerformDeleteAction }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: AXPEntityPerformDeleteAction, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXPEntityPerformDeleteAction, decorators: [{
             type: Injectable
         }] });
 const AXPDeleteEntityWorkflow = {
@@ -1527,21 +1527,21 @@ class AXPEntityMasterUpdateElementViewModel {
     constructor(entity, property) {
         this.entity = entity;
         this.property = property;
-        this.name = signal(this.property.name);
-        this.title = signal(this.property.title);
-        this.description = signal(this.property.description);
+        this.name = signal(this.property.name, ...(ngDevMode ? [{ debugName: "name" }] : []));
+        this.title = signal(this.property.title, ...(ngDevMode ? [{ debugName: "title" }] : []));
+        this.description = signal(this.property.description, ...(ngDevMode ? [{ debugName: "description" }] : []));
         this.editable = computed(() => {
             return !(this.property.schema.readonly ?? false);
-        });
+        }, ...(ngDevMode ? [{ debugName: "editable" }] : []));
         this.isRequired = computed(() => {
             return this.property.validations?.some((c) => c.rule == 'required') || false;
-        });
+        }, ...(ngDevMode ? [{ debugName: "isRequired" }] : []));
         this.layout = computed(() => {
             const updateProp = this.entity.interfaces?.master?.update?.properties?.find((c) => c.name == this.property.name);
             const source = cloneDeep(updateProp?.layout ?? {});
             set(source, 'positions.default.colSpan', 12);
             return source;
-        });
+        }, ...(ngDevMode ? [{ debugName: "layout" }] : []));
         this.node = computed(() => {
             const schema = this.property.schema;
             const widget = schema.interface;
@@ -1558,7 +1558,7 @@ class AXPEntityMasterUpdateElementViewModel {
                     validations: this.property.validations?.map((c) => ({ rule: c.rule, message: c.message, options: c.options })),
                 }),
             };
-        });
+        }, ...(ngDevMode ? [{ debugName: "node" }] : []));
     }
 }
 class AXPEntityMasterUpdateViewModel {
@@ -1581,14 +1581,14 @@ class AXPEntityMasterUpdateViewModel {
         this.workflow = this.injector.get(AXPWorkflowService);
         this.lockService = this.injector.get(AXPLockService);
         this.sessionService = this.injector.get(AXPSessionService);
-        this.isInProgress = signal(false);
-        this.context = signal(cloneDeep(this.entityData));
+        this.isInProgress = signal(false, ...(ngDevMode ? [{ debugName: "isInProgress" }] : []));
+        this.context = signal(cloneDeep(this.entityData), ...(ngDevMode ? [{ debugName: "context" }] : []));
         this.elements = computed(() => {
             const props = this.entityDef.properties.filter((c) => this.props.includes(c.name) && c.schema.hidden != true);
             return props.map((e) => {
                 return new AXPEntityMasterUpdateElementViewModel(this.entityDef, e);
             });
-        });
+        }, ...(ngDevMode ? [{ debugName: "elements" }] : []));
         // Lock the record on creation
         if (this.entityId) {
             this.lockService.lock({
@@ -1654,10 +1654,10 @@ class AXPEntityMasterUpdateViewModelFactory {
         this.layout.setNavigationLoading(false);
         return Promise.reject('cannot fetch ');
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: AXPEntityMasterUpdateViewModelFactory, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: AXPEntityMasterUpdateViewModelFactory, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXPEntityMasterUpdateViewModelFactory, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXPEntityMasterUpdateViewModelFactory, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: AXPEntityMasterUpdateViewModelFactory, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXPEntityMasterUpdateViewModelFactory, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }] });
@@ -1700,10 +1700,10 @@ class AXPEntityModifySectionPopupAction extends AXPWorkflowAction {
             context.setVariable('data', cloneDeep(popup.data.context));
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: AXPEntityModifySectionPopupAction, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: AXPEntityModifySectionPopupAction }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXPEntityModifySectionPopupAction, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXPEntityModifySectionPopupAction }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: AXPEntityModifySectionPopupAction, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXPEntityModifySectionPopupAction, decorators: [{
             type: Injectable
         }] });
 class AXPEntityModifyConfirmedAction extends AXPWorkflowAction {
@@ -1718,10 +1718,10 @@ class AXPEntityModifyConfirmedAction extends AXPWorkflowAction {
             },
         }));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: AXPEntityModifyConfirmedAction, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: AXPEntityModifyConfirmedAction }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXPEntityModifyConfirmedAction, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXPEntityModifyConfirmedAction }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: AXPEntityModifyConfirmedAction, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXPEntityModifyConfirmedAction, decorators: [{
             type: Injectable
         }] });
 const AXPModifyEntitySectionWorkflow = {
@@ -1764,19 +1764,19 @@ class AXPEntityMasterSingleViewGroupViewModel {
         this.entity = entity;
         this.section = section;
         this.group = this.entity.groups?.find((c) => c.id == this.section.id);
-        this.name = signal(this.group.id);
-        this.isLoading = signal(false);
+        this.name = signal(this.group.id, ...(ngDevMode ? [{ debugName: "name" }] : []));
+        this.isLoading = signal(false, ...(ngDevMode ? [{ debugName: "isLoading" }] : []));
         this.title = computed(() => {
             return this.group.title ?? this.group.id;
-        });
+        }, ...(ngDevMode ? [{ debugName: "title" }] : []));
         this.description = computed(() => {
             return this.group.description;
-        });
+        }, ...(ngDevMode ? [{ debugName: "description" }] : []));
         this.layout = computed(() => {
             const source = cloneDeep(this.section.layout ?? {});
             set(source, 'positions.default.colSpan', 12);
             return source;
-        });
+        }, ...(ngDevMode ? [{ debugName: "layout" }] : []));
         this.props = computed(() => {
             const { properties, interfaces } = this.entity;
             const groupProperties = properties
@@ -1784,16 +1784,16 @@ class AXPEntityMasterSingleViewGroupViewModel {
                 .map(({ name }) => name);
             const viewProperties = interfaces?.master?.single?.properties?.filter(({ name }) => groupProperties.includes(name)) ?? [];
             return viewProperties.map((prop) => new AXPEntityMasterSingleElementViewModel(this.entity, this, prop));
-        });
+        }, ...(ngDevMode ? [{ debugName: "props" }] : []));
         this.editableProps = computed(() => {
             const { properties, interfaces } = this.entity;
             const editablePropertyNames = interfaces?.master?.update?.properties?.map(({ name }) => name) ?? [];
             const filteredProperties = properties.filter(({ groupId, schema, name }) => groupId === this.group.id && !schema.hidden && editablePropertyNames.includes(name));
             return filteredProperties.map((prop) => new AXPEntityMasterSingleElementViewModel(this.entity, this, prop));
-        });
+        }, ...(ngDevMode ? [{ debugName: "editableProps" }] : []));
         this.editable = computed(() => {
             return this.editableProps().length > 0;
-        });
+        }, ...(ngDevMode ? [{ debugName: "editable" }] : []));
     }
 }
 class AXPEntityMasterSingleElementViewModel {
@@ -1802,17 +1802,17 @@ class AXPEntityMasterSingleElementViewModel {
         this.section = section;
         this.propertyView = propertyView;
         this.property = this.entity.properties.find((c) => c.name == this.propertyView.name);
-        this.name = signal(this.property.name);
-        this.path = signal(this.propertyView.dataPath ?? this.property.name);
-        this.title = signal(this.property.title);
-        this.showLabel = signal(this.propertyView.layout?.label?.visible != false);
-        this.description = signal(this.property.description);
+        this.name = signal(this.property.name, ...(ngDevMode ? [{ debugName: "name" }] : []));
+        this.path = signal(this.propertyView.dataPath ?? this.property.name, ...(ngDevMode ? [{ debugName: "path" }] : []));
+        this.title = signal(this.property.title, ...(ngDevMode ? [{ debugName: "title" }] : []));
+        this.showLabel = signal(this.propertyView.layout?.label?.visible != false, ...(ngDevMode ? [{ debugName: "showLabel" }] : []));
+        this.description = signal(this.property.description, ...(ngDevMode ? [{ debugName: "description" }] : []));
         this.layout = computed(() => {
             const viewProp = this.entity.interfaces?.master?.single?.properties?.find((c) => c.name == this.property.name);
             const source = cloneDeep(viewProp?.layout ?? {});
             set(source, 'positions.default.colSpan', 12);
             return source;
-        });
+        }, ...(ngDevMode ? [{ debugName: "layout" }] : []));
         this.node = computed(() => {
             const schema = this.property.schema;
             const widget = schema.interface;
@@ -1825,7 +1825,7 @@ class AXPEntityMasterSingleElementViewModel {
                 valueTransforms: widget.valueTransforms,
                 options: merge(schema.interface?.options),
             };
-        });
+        }, ...(ngDevMode ? [{ debugName: "node" }] : []));
     }
 }
 class AXPEntityMasterSingleViewModel {
@@ -1841,23 +1841,23 @@ class AXPEntityMasterSingleViewModel {
         this.destroyed = new Subject();
         this.translateService = this.injector.get(AXTranslationService);
         this.entityService = this.injector.get(AXPEntityService);
-        this.context = signal(cloneDeep(this.entityData));
+        this.context = signal(cloneDeep(this.entityData), ...(ngDevMode ? [{ debugName: "context" }] : []));
         this.actions = computed(() => {
             return (this.entityDef.interfaces?.master?.single?.actions?.map((tr) => new AXPEntityCommandTriggerViewModel(this.entityDef, tr)) ?? []);
-        });
+        }, ...(ngDevMode ? [{ debugName: "actions" }] : []));
         this.primaryActions = computed(() => {
             return this.actions().filter((c) => c.priority == 'primary');
-        });
+        }, ...(ngDevMode ? [{ debugName: "primaryActions" }] : []));
         this.secondaryActions = computed(() => {
             return this.actions().filter((c) => c.priority == 'secondary');
-        });
+        }, ...(ngDevMode ? [{ debugName: "secondaryActions" }] : []));
         this.sections = computed(() => {
             const { interfaces, properties } = this.entityDef;
             const viewProps = interfaces?.master?.single?.properties?.map(({ name }) => name) ?? [];
             const filteredProperties = properties.filter(({ groupId, schema, name }) => groupId && !schema.hidden && viewProps.includes(name));
             const groups = interfaces?.master?.single?.sections?.filter(({ id }) => filteredProperties.some(({ groupId }) => groupId === id)) ?? [];
             return groups.map((section) => new AXPEntityMasterSingleViewGroupViewModel(this.entityDef, section));
-        });
+        }, ...(ngDevMode ? [{ debugName: "sections" }] : []));
         //****************** Title ******************//
         this.title = computed(() => {
             const suggestedProps = this.entityDef.properties.find((c) => ['title', 'name', 'code'].includes(c.name));
@@ -1865,13 +1865,13 @@ class AXPEntityMasterSingleViewModel {
             if (suggestedProps)
                 suggestedFormat = `{{${suggestedProps.name}}}`;
             return this.formatService.format(this._viewDef.title ?? suggestedFormat, 'string', this.context());
-        });
+        }, ...(ngDevMode ? [{ debugName: "title" }] : []));
         //****************** Description ******************//
         this.description = computed(() => {
             return this._viewDef.description
                 ? this.formatService.format(this._viewDef.description, 'string', this.context())
                 : null;
-        });
+        }, ...(ngDevMode ? [{ debugName: "description" }] : []));
         //****************** Beardcrumbs ******************//
         this.beardcrumbs = computed(() => {
             return [
@@ -1888,12 +1888,12 @@ class AXPEntityMasterSingleViewModel {
                     title: this.title(),
                 },
             ];
-        });
+        }, ...(ngDevMode ? [{ debugName: "beardcrumbs" }] : []));
         this.relatedEntities = computed(async () => {
             const relatedEntities = this.entityDef.relatedEntities?.map((re) => new AXPEntityDetailListViewModel(this.injector, re, { entity: this.entityDef, data: this.entityData })) ?? [];
             const filteredEntities = await Promise.all(relatedEntities.map(async (re) => ((await re.hidden()) ? null : re)));
             return filteredEntities.filter((re) => re !== null);
-        });
+        }, ...(ngDevMode ? [{ debugName: "relatedEntities" }] : []));
         this.workflow.events$
             .pipe(ofType(AXPEntityDeletedEvent))
             .pipe(takeUntil(this.destroyed))
@@ -1984,10 +1984,10 @@ class AXPEntityDetailViewModelFactory {
         this.layout.setNavigationLoading(false);
         return Promise.reject('cannot fetch ');
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: AXPEntityDetailViewModelFactory, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: AXPEntityDetailViewModelFactory, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXPEntityDetailViewModelFactory, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXPEntityDetailViewModelFactory, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: AXPEntityDetailViewModelFactory, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXPEntityDetailViewModelFactory, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }] });
@@ -2165,21 +2165,21 @@ class AXPLookupWidgetViewComponent extends AXPValueWidgetComponent {
         super(...arguments);
         this.formatService = inject(AXFormatService);
         this.entityResolver = inject(AXPEntityResolver);
-        this.entity = computed(() => this.options()['entity']);
-        this.multiple = computed(() => this.options()['multiple']);
-        this.valueField = computed(() => this.options()['valueField'] ?? 'id');
-        this.textField = computed(() => this.options()['textField'] ?? 'title');
-        this.badgeClass = computed(() => this.options()['badgeClass'] ?? 'ax-accent1');
+        this.entity = computed(() => this.options()['entity'], ...(ngDevMode ? [{ debugName: "entity" }] : []));
+        this.multiple = computed(() => this.options()['multiple'], ...(ngDevMode ? [{ debugName: "multiple" }] : []));
+        this.valueField = computed(() => this.options()['valueField'] ?? 'id', ...(ngDevMode ? [{ debugName: "valueField" }] : []));
+        this.textField = computed(() => this.options()['textField'] ?? 'title', ...(ngDevMode ? [{ debugName: "textField" }] : []));
+        this.badgeClass = computed(() => this.options()['badgeClass'] ?? 'ax-accent1', ...(ngDevMode ? [{ debugName: "badgeClass" }] : []));
         this.displayField = computed(() => {
             return this.textField() ?? this.entityDef()?.formats.lookup ?? this.entityDef()?.properties.find((c) => c.name != 'id')?.name ?? 'title';
-        });
-        this.loading = signal(false);
-        this.entityDef = signal(null);
-        this.displayItems = signal([]);
+        }, ...(ngDevMode ? [{ debugName: "displayField" }] : []));
+        this.loading = signal(false, ...(ngDevMode ? [{ debugName: "loading" }] : []));
+        this.entityDef = signal(null, ...(ngDevMode ? [{ debugName: "entityDef" }] : []));
+        this.displayItems = signal([], ...(ngDevMode ? [{ debugName: "displayItems" }] : []));
         this.efEntity = effect(async () => {
             const [module, entity] = this.entity().split('.');
             this.entityDef.set(await this.entityResolver.get(module, entity));
-        });
+        }, ...(ngDevMode ? [{ debugName: "efEntity" }] : []));
         this.efDisplay = effect(async () => {
             const value = this.getValue();
             if (isNil(value)) {
@@ -2189,7 +2189,7 @@ class AXPLookupWidgetViewComponent extends AXPValueWidgetComponent {
                 const items = castArray(value).map(async (item) => await this.extractItem(item));
                 this.displayItems.set(await Promise.all(items));
             }
-        });
+        }, ...(ngDevMode ? [{ debugName: "efDisplay" }] : []));
     }
     async extractItem(item) {
         if (typeof item == 'object') {
@@ -2222,8 +2222,8 @@ class AXPLookupWidgetViewComponent extends AXPValueWidgetComponent {
         cls[`ax-gap-1`] = true;
         return cls;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: AXPLookupWidgetViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.7", type: AXPLookupWidgetViewComponent, isStandalone: true, selector: "axp-lookup-widget-view", host: { properties: { "class": "this.__class" } }, usesInheritance: true, ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXPLookupWidgetViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.3", type: AXPLookupWidgetViewComponent, isStandalone: true, selector: "axp-lookup-widget-view", host: { properties: { "class": "this.__class" } }, usesInheritance: true, ngImport: i0, template: `
     @if(loading())
     {
       <ax-loading></ax-loading>
@@ -2243,7 +2243,7 @@ class AXPLookupWidgetViewComponent extends AXPValueWidgetComponent {
     }
   `, isInline: true, dependencies: [{ kind: "ngmodule", type: AXLoadingModule }, { kind: "component", type: i1.AXLoadingComponent, selector: "ax-loading", inputs: ["visible", "type", "context"], outputs: ["visibleChange"] }, { kind: "ngmodule", type: AXBadgeModule }, { kind: "component", type: i1$1.AXBadgeComponent, selector: "ax-badge", inputs: ["color", "look", "text"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: AXPLookupWidgetViewComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXPLookupWidgetViewComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'axp-lookup-widget-view',
@@ -2282,10 +2282,10 @@ var lookupWidgetView_component = /*#__PURE__*/Object.freeze({
 class AXPLookupWidgetSelectorComponent extends AXBasePageComponent {
     constructor() {
         super(...arguments);
-        this.grid = viewChild('grid');
+        this.grid = viewChild('grid', ...(ngDevMode ? [{ debugName: "grid" }] : []));
         this.initialSelectedItems = [];
-        this.selectedItems = signal([]);
-        this.allowSelect = computed(() => this.selectedItems().length > 0);
+        this.selectedItems = signal([], ...(ngDevMode ? [{ debugName: "selectedItems" }] : []));
+        this.allowSelect = computed(() => this.selectedItems().length > 0, ...(ngDevMode ? [{ debugName: "allowSelect" }] : []));
     }
     ngAfterViewInit() {
         if (this.initialSelectedItems.length > 0 && this.grid()) {
@@ -2339,8 +2339,8 @@ class AXPLookupWidgetSelectorComponent extends AXBasePageComponent {
     handleSelectClick() {
         this.close({ items: this.selectedItems() });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: AXPLookupWidgetSelectorComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.7", type: AXPLookupWidgetSelectorComponent, isStandalone: true, selector: "ng-component", viewQueries: [{ propertyName: "grid", first: true, predicate: ["grid"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXPLookupWidgetSelectorComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.3", type: AXPLookupWidgetSelectorComponent, isStandalone: true, selector: "ng-component", viewQueries: [{ propertyName: "grid", first: true, predicate: ["grid"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: `
     <div class="ax-p-4 ax-flex ax-flex-col ax-gap-4  ax-overflow-hidden">
       @if (vm.hasInlineFilters()) {
         <div class="ax-w-full">
@@ -2405,9 +2405,9 @@ class AXPLookupWidgetSelectorComponent extends AXBasePageComponent {
         }
       </ax-suffix>
     </ax-footer>
-  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }, { kind: "ngmodule", type: AXCommonModule }, { kind: "directive", type: i2.AXAutoFocusDirective, selector: "[axAutoFocus]", inputs: ["axAutoFocus", "axAutoFocusTime"] }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i3.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXFormModule }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i4.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i4.AXDecoratorClearButtonComponent, selector: "ax-clear-button", inputs: ["icon"] }, { kind: "component", type: i4.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXDropdownButtonModule }, { kind: "ngmodule", type: AXDataTableModule }, { kind: "component", type: i5.AXDataTableComponent, selector: "ax-data-table", inputs: ["dataSource", "parentField", "rowTemplate", "emptyTemplate", "alternative", "showHeader", "fixedHeader", "showFooter", "fixedFooter", "itemHeight", "allowReordering", "paging", "fetchDataMode", "loading", "focusedRow"], outputs: ["selectedRowsChange", "focusedRowChange", "onRowClick", "onRowDbClick", "onColumnsOrderChanged", "onColumnSizeChanged", "onPageChanged"] }, { kind: "component", type: i5.AXRowSelectColumnComponent, selector: "ax-select-column", inputs: ["width", "caption", "fixed"] }, { kind: "ngmodule", type: AXSearchBoxModule }, { kind: "component", type: i6.AXSearchBoxComponent, selector: "ax-search-box", inputs: ["disabled", "readonly", "tabIndex", "placeholder", "value", "state", "name", "id", "look", "class", "delayTime", "type"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "readonlyChange", "disabledChange", "onKeyDown", "onKeyUp", "onKeyPress"] }, { kind: "ngmodule", type: AXPLayoutBuilderModule }, { kind: "component", type: i7.AXPWidgetColumnRendererComponent, selector: "axp-widget-column-renderer", inputs: ["caption", "customExpandIcon", "customCollapseIcon", "customWidth", "node", "footerTemplate", "expandHandler", "cellTemplate", "headerTemplate"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: i8.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXCommonModule }, { kind: "directive", type: i1$2.AXAutoFocusDirective, selector: "[axAutoFocus]", inputs: ["axAutoFocus", "axAutoFocusTime"] }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i2.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXFormModule }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i3.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i3.AXDecoratorClearButtonComponent, selector: "ax-clear-button", inputs: ["icon"] }, { kind: "component", type: i3.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXDropdownButtonModule }, { kind: "ngmodule", type: AXDataTableModule }, { kind: "component", type: i4.AXDataTableComponent, selector: "ax-data-table", inputs: ["dataSource", "selectedRows", "parentField", "rowTemplate", "emptyTemplate", "noDataTemplate", "alternative", "showHeader", "fixedHeader", "showFooter", "fixedFooter", "itemHeight", "allowReordering", "paging", "fetchDataMode", "loading", "focusedRow"], outputs: ["selectedRowsChange", "focusedRowChange", "onRowClick", "onRowDbClick", "onColumnsOrderChanged", "onColumnSizeChanged", "onPageChanged"] }, { kind: "component", type: i4.AXRowSelectColumnComponent, selector: "ax-select-column", inputs: ["width", "caption", "fixed"] }, { kind: "ngmodule", type: AXSearchBoxModule }, { kind: "component", type: i5.AXSearchBoxComponent, selector: "ax-search-box", inputs: ["disabled", "readonly", "tabIndex", "placeholder", "value", "state", "name", "id", "look", "class", "delayTime", "type"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "readonlyChange", "disabledChange", "onKeyDown", "onKeyUp", "onKeyPress"] }, { kind: "ngmodule", type: AXPLayoutBuilderModule }, { kind: "component", type: i6.AXPWidgetColumnRendererComponent, selector: "axp-widget-column-renderer", inputs: ["caption", "customExpandIcon", "customCollapseIcon", "customWidth", "node", "footerTemplate", "expandHandler", "cellTemplate", "headerTemplate"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: i7.AsyncPipe, name: "async" }, { kind: "pipe", type: i8.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: AXPLookupWidgetSelectorComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXPLookupWidgetSelectorComponent, decorators: [{
             type: Component,
             args: [{
                     template: `
@@ -2519,19 +2519,19 @@ class AXPLookupWidgetSelectorViewModel {
         });
         this.canCreate = computed(() => {
             return this.entityDef.commands?.create?.execute != null;
-        });
+        }, ...(ngDevMode ? [{ debugName: "canCreate" }] : []));
         this.parentKey = computed(() => {
             return this.entityDef.parentKey;
-        });
+        }, ...(ngDevMode ? [{ debugName: "parentKey" }] : []));
         this.allowMultiple = computed(() => {
             return this.options.allowMultiple ?? false;
-        });
+        }, ...(ngDevMode ? [{ debugName: "allowMultiple" }] : []));
         this.inlineFiltersPlaceholders = computed(() => {
             return (this.entityDef?.properties.filter((p) => p.options?.filter?.inline?.enabled).map((c) => c.title ?? c.name) ?? []);
-        });
+        }, ...(ngDevMode ? [{ debugName: "inlineFiltersPlaceholders" }] : []));
         this.hasInlineFilters = computed(() => {
             return this.inlineFiltersPlaceholders().length > 0;
-        });
+        }, ...(ngDevMode ? [{ debugName: "hasInlineFilters" }] : []));
         this.columns = () => {
             const listColumns = this.entityDef.columns ?? [];
             const columns = listColumns?.map((c) => c.name) ?? [];
@@ -2627,29 +2627,29 @@ class AXPLookupWidgetEditComponent extends AXPValueWidgetComponent {
         this.formatService = inject(AXFormatService);
         this.popupService = inject(AXPopupService);
         this.translateService = inject(AXTranslationService);
-        this.expose = computed(() => this.options()['expose']);
-        this.entity = computed(() => this.options()['entity']);
-        this.disabled = computed(() => this.options()['disabled']);
-        this.columns = computed(() => this.options()['columns'] ?? []);
-        this.customFilter = computed(() => this.options()['filter']);
-        this.multiple = computed(() => (this.options()['multiple'] ?? false));
-        this.look = computed(() => this.options()['look'] ?? 'lookup');
+        this.expose = computed(() => this.options()['expose'], ...(ngDevMode ? [{ debugName: "expose" }] : []));
+        this.entity = computed(() => this.options()['entity'], ...(ngDevMode ? [{ debugName: "entity" }] : []));
+        this.disabled = computed(() => this.options()['disabled'], ...(ngDevMode ? [{ debugName: "disabled" }] : []));
+        this.columns = computed(() => this.options()['columns'] ?? [], ...(ngDevMode ? [{ debugName: "columns" }] : []));
+        this.customFilter = computed(() => this.options()['filter'], ...(ngDevMode ? [{ debugName: "customFilter" }] : []));
+        this.multiple = computed(() => (this.options()['multiple'] ?? false), ...(ngDevMode ? [{ debugName: "multiple" }] : []));
+        this.look = computed(() => this.options()['look'] ?? 'lookup', ...(ngDevMode ? [{ debugName: "look" }] : []));
         this.textField = computed(() => {
             return (this.entityDef()?.formats.lookup ?? this.entityDef()?.properties.find((c) => c.name != 'id')?.name ?? 'title');
-        });
-        this.valueField = computed(() => this.entityDef()?.properties.find((c) => c.name == 'id')?.name ?? 'id');
-        this.entityDef = signal(null);
-        this.searchTerm = signal(null);
-        this.selectedItems = signal([]);
-        this.textbox = viewChild(AXTagBoxComponent);
-        this.isLoading = signal(false);
-        this.isOpen = signal(false);
-        this.vm = signal(null);
+        }, ...(ngDevMode ? [{ debugName: "textField" }] : []));
+        this.valueField = computed(() => this.entityDef()?.properties.find((c) => c.name == 'id')?.name ?? 'id', ...(ngDevMode ? [{ debugName: "valueField" }] : []));
+        this.entityDef = signal(null, ...(ngDevMode ? [{ debugName: "entityDef" }] : []));
+        this.searchTerm = signal(null, ...(ngDevMode ? [{ debugName: "searchTerm" }] : []));
+        this.selectedItems = signal([], ...(ngDevMode ? [{ debugName: "selectedItems" }] : []));
+        this.textbox = viewChild(AXTagBoxComponent, ...(ngDevMode ? [{ debugName: "textbox" }] : []));
+        this.isLoading = signal(false, ...(ngDevMode ? [{ debugName: "isLoading" }] : []));
+        this.isOpen = signal(false, ...(ngDevMode ? [{ debugName: "isOpen" }] : []));
+        this.vm = signal(null, ...(ngDevMode ? [{ debugName: "vm" }] : []));
         this.placeholder = computed(() => {
             return this.selectedItems().length
                 ? ''
                 : this.translateService.translateSync('widget.lookup.search') + this.vm()?.inlineFiltersPlaceholders().join(', ');
-        });
+        }, ...(ngDevMode ? [{ debugName: "placeholder" }] : []));
         this.#efEntity = effect(async () => {
             const [module, entity] = this.entity().split('.');
             this.entityDef.set(await this.entityResolver.get(module, entity));
@@ -2657,12 +2657,12 @@ class AXPLookupWidgetEditComponent extends AXPValueWidgetComponent {
                 parentFilters: this.filter,
                 allowMultiple: this.multiple(),
             }));
-        });
+        }, ...(ngDevMode ? [{ debugName: "#efEntity" }] : []));
         this.#efValue = effect(() => {
             if (this.getValue()) {
                 this.findByValue();
             }
-        });
+        }, ...(ngDevMode ? [{ debugName: "#efValue" }] : []));
     }
     #efEntity;
     #efValue;
@@ -2809,8 +2809,8 @@ class AXPLookupWidgetEditComponent extends AXPValueWidgetComponent {
     singleOrMultiple(values) {
         return this.multiple() ? values : values[0];
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: AXPLookupWidgetEditComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.7", type: AXPLookupWidgetEditComponent, isStandalone: true, selector: "axp-lookup-widget-edit", viewQueries: [{ propertyName: "textbox", first: true, predicate: AXTagBoxComponent, descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXPLookupWidgetEditComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.3", type: AXPLookupWidgetEditComponent, isStandalone: true, selector: "axp-lookup-widget-edit", viewQueries: [{ propertyName: "textbox", first: true, predicate: AXTagBoxComponent, descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: `
     @if (look() == 'select') {
       <ax-select-box
         [dataSource]="vm()?.dataSource!"
@@ -2859,11 +2859,11 @@ class AXPLookupWidgetEditComponent extends AXPValueWidgetComponent {
       </ax-suffix>
     </ax-tag-box>
   }
-  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: 
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: 
                 //
-                AXButtonModule }, { kind: "component", type: i3.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i4.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i4.AXDecoratorClearButtonComponent, selector: "ax-clear-button", inputs: ["icon"] }, { kind: "component", type: i4.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXLoadingModule }, { kind: "component", type: i1.AXLoadingComponent, selector: "ax-loading", inputs: ["visible", "type", "context"], outputs: ["visibleChange"] }, { kind: "ngmodule", type: AXValidationModule }, { kind: "ngmodule", type: AXFormModule }, { kind: "directive", type: i6$1.AXValidationRuleDirective, selector: "ax-validation-rule", inputs: ["rule", "options", "message", "disabled"] }, { kind: "ngmodule", type: AXTagBoxModule }, { kind: "component", type: i7$1.AXTagBoxComponent, selector: "ax-tag-box", inputs: ["disabled", "tabIndex", "readonly", "value", "state", "name", "id", "placeholder", "allowNull", "type", "look", "addOnComma", "addOnEnter", "valueField", "textField", "readonlyField", "allowDuplicateValues"], outputs: ["onBlur", "onFocus", "valueChange", "stateChange", "onValueChanged", "readonlyChange", "disabledChange", "onKeyDown", "onKeyUp", "onKeyPress"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: i8.AXTranslatorPipe, name: "translate" }, { kind: "ngmodule", type: AXSelectBoxModule }, { kind: "component", type: i9.AXSelectBoxComponent, selector: "ax-select-box", inputs: ["disabled", "readonly", "tabIndex", "placeholder", "minValue", "maxValue", "value", "state", "name", "id", "type", "look", "multiple", "valueField", "textField", "disabledField", "textTemplate", "selectedItems", "dataSource", "minRecordsForSearch", "caption", "itemTemplate", "selectedTemplate", "emptyTemplate", "loadingTemplate", "dropdownWidth", "searchBoxAutoFocus"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "readonlyChange", "disabledChange", "onOpened", "onClosed"] }, { kind: "component", type: AXSearchBoxComponent, selector: "ax-search-box", inputs: ["disabled", "readonly", "tabIndex", "placeholder", "value", "state", "name", "id", "look", "class", "delayTime", "type"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "readonlyChange", "disabledChange", "onKeyDown", "onKeyUp", "onKeyPress"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+                AXButtonModule }, { kind: "component", type: i2.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i3.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i3.AXDecoratorClearButtonComponent, selector: "ax-clear-button", inputs: ["icon"] }, { kind: "component", type: i3.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXLoadingModule }, { kind: "component", type: i1.AXLoadingComponent, selector: "ax-loading", inputs: ["visible", "type", "context"], outputs: ["visibleChange"] }, { kind: "ngmodule", type: AXValidationModule }, { kind: "ngmodule", type: AXFormModule }, { kind: "directive", type: i5$1.AXValidationRuleDirective, selector: "ax-validation-rule", inputs: ["rule", "options", "message", "disabled"] }, { kind: "ngmodule", type: AXTagBoxModule }, { kind: "component", type: i6$1.AXTagBoxComponent, selector: "ax-tag-box", inputs: ["disabled", "tabIndex", "readonly", "value", "state", "name", "id", "placeholder", "allowNull", "type", "look", "addOnComma", "addOnEnter", "valueField", "textField", "readonlyField", "allowDuplicateValues"], outputs: ["onBlur", "onFocus", "valueChange", "stateChange", "onValueChanged", "readonlyChange", "disabledChange", "onKeyDown", "onKeyUp", "onKeyPress"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "ngmodule", type: AXSelectBoxModule }, { kind: "component", type: i7$1.AXSelectBoxComponent, selector: "ax-select-box", inputs: ["disabled", "readonly", "tabIndex", "placeholder", "minValue", "maxValue", "value", "state", "name", "id", "type", "look", "multiple", "valueField", "textField", "disabledField", "textTemplate", "selectedItems", "dataSource", "minRecordsForSearch", "caption", "itemTemplate", "selectedTemplate", "emptyTemplate", "loadingTemplate", "dropdownWidth", "searchBoxAutoFocus"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "readonlyChange", "disabledChange", "onOpened", "onClosed"] }, { kind: "component", type: AXSearchBoxComponent, selector: "ax-search-box", inputs: ["disabled", "readonly", "tabIndex", "placeholder", "value", "state", "name", "id", "look", "class", "delayTime", "type"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "readonlyChange", "disabledChange", "onKeyDown", "onKeyUp", "onKeyPress"] }, { kind: "pipe", type: i7.AsyncPipe, name: "async" }, { kind: "pipe", type: i8.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: AXPLookupWidgetEditComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXPLookupWidgetEditComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'axp-lookup-widget-edit',
@@ -2948,7 +2948,7 @@ class AXPLookupWidgetColumnComponent extends AXPColumnWidgetComponent {
         this.badgeClass = this.options['badgeClass'] ?? 'ax-accent1';
         this.displayItems = computed(() => isNil(this.rawValue)
             ? []
-            : castArray(this.rawValue).map((item) => this.extractItem(item)));
+            : castArray(this.rawValue).map((item) => this.extractItem(item)), ...(ngDevMode ? [{ debugName: "displayItems" }] : []));
     }
     extractItem(item) {
         return typeof item == 'object'
@@ -2961,8 +2961,8 @@ class AXPLookupWidgetColumnComponent extends AXPColumnWidgetComponent {
                 [this.textField]: item,
             };
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: AXPLookupWidgetColumnComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.7", type: AXPLookupWidgetColumnComponent, isStandalone: true, selector: "ng-component", inputs: { rawValue: "rawValue", rowData: "rowData" }, usesInheritance: true, ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXPLookupWidgetColumnComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.3", type: AXPLookupWidgetColumnComponent, isStandalone: true, selector: "ng-component", inputs: { rawValue: "rawValue", rowData: "rowData" }, usesInheritance: true, ngImport: i0, template: `
     <div class="ax-flex ax-gap-1">
       @for (item of displayItems(); track $index) {
       <ax-badge [text]="item[this.textField]" [class]="badgeClass"></ax-badge>
@@ -2973,7 +2973,7 @@ class AXPLookupWidgetColumnComponent extends AXPColumnWidgetComponent {
     </div>
   `, isInline: true, dependencies: [{ kind: "ngmodule", type: AXBadgeModule }, { kind: "component", type: i1$1.AXBadgeComponent, selector: "ax-badge", inputs: ["color", "look", "text"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: AXPLookupWidgetColumnComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXPLookupWidgetColumnComponent, decorators: [{
             type: Component,
             args: [{
                     template: `
@@ -3056,11 +3056,11 @@ const AXPLookupWidget = {
 class AXPTagableBoxWidgetColumnComponent extends AXPValueWidgetComponent {
     constructor() {
         super(...arguments);
-        this.internalValue = computed(() => (Array.isArray(this.getValue()) ? this.getValue() : [this.getValue()]));
-        this.multiple = computed(() => this.options()['multiple']);
+        this.internalValue = computed(() => (Array.isArray(this.getValue()) ? this.getValue() : [this.getValue()]), ...(ngDevMode ? [{ debugName: "internalValue" }] : []));
+        this.multiple = computed(() => this.options()['multiple'], ...(ngDevMode ? [{ debugName: "multiple" }] : []));
         // ویژگی‌های مرتبط با SelectBox
-        this.useSelectBox = computed(() => this.options()['useSelectBox']);
-        this.textField = computed(() => this.options()['textField'] ?? 'title');
+        this.useSelectBox = computed(() => this.options()['useSelectBox'], ...(ngDevMode ? [{ debugName: "useSelectBox" }] : []));
+        this.textField = computed(() => this.options()['textField'] ?? 'title', ...(ngDevMode ? [{ debugName: "textField" }] : []));
         // استخراج داده‌ها برای نمایش
         this.getData = computed(() => {
             if (!this.useSelectBox()) {
@@ -3071,10 +3071,10 @@ class AXPTagableBoxWidgetColumnComponent extends AXPValueWidgetComponent {
                 return [];
             }
             return Array.isArray(value) ? value : [value];
-        });
+        }, ...(ngDevMode ? [{ debugName: "getData" }] : []));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: AXPTagableBoxWidgetColumnComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.7", type: AXPTagableBoxWidgetColumnComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXPTagableBoxWidgetColumnComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.3", type: AXPTagableBoxWidgetColumnComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: `
     <div class="ax-flex ax-gap-1 ax-flex-wrap">
       @if (useSelectBox() && getData().length > 0) { @for (item of getData(); track $index) {
       <ax-badge [look]="'twotone'" [text]="item[textField()]" color="primary"></ax-badge>
@@ -3086,7 +3086,7 @@ class AXPTagableBoxWidgetColumnComponent extends AXPValueWidgetComponent {
     </div>
   `, isInline: true, dependencies: [{ kind: "ngmodule", type: AXBadgeModule }, { kind: "component", type: i1$1.AXBadgeComponent, selector: "ax-badge", inputs: ["color", "look", "text"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: AXPTagableBoxWidgetColumnComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXPTagableBoxWidgetColumnComponent, decorators: [{
             type: Component,
             args: [{
                     template: `
@@ -3115,13 +3115,13 @@ class AXPTagableBoxWidgetEditComponent extends AXPValueWidgetComponent {
     constructor() {
         super(...arguments);
         this.entityResolver = inject(AXPEntityResolver);
-        this.hasClearButton = computed(() => this.options()['hasClearButton']);
-        this.disabled = computed(() => this.options()['disabled']);
-        this.placeholder = computed(() => this.options()['placeholder']);
+        this.hasClearButton = computed(() => this.options()['hasClearButton'], ...(ngDevMode ? [{ debugName: "hasClearButton" }] : []));
+        this.disabled = computed(() => this.options()['disabled'], ...(ngDevMode ? [{ debugName: "disabled" }] : []));
+        this.placeholder = computed(() => this.options()['placeholder'], ...(ngDevMode ? [{ debugName: "placeholder" }] : []));
         // پارامترهای SelectBox
-        this.moduleName = computed(() => this.options()['module']);
-        this.entityName = computed(() => this.options()['entity']);
-        this.allowSearch = computed(() => this.options()['allowSearch']);
+        this.moduleName = computed(() => this.options()['module'], ...(ngDevMode ? [{ debugName: "moduleName" }] : []));
+        this.entityName = computed(() => this.options()['entity'], ...(ngDevMode ? [{ debugName: "entityName" }] : []));
+        this.allowSearch = computed(() => this.options()['allowSearch'], ...(ngDevMode ? [{ debugName: "allowSearch" }] : []));
         // منبع داده برای SelectBox
         this._dataSource = new AXDataSource({
             load: async (e) => {
@@ -3149,8 +3149,8 @@ class AXPTagableBoxWidgetEditComponent extends AXPValueWidgetComponent {
         cls[`ax-flex-1`] = true;
         return cls;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: AXPTagableBoxWidgetEditComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.7", type: AXPTagableBoxWidgetEditComponent, isStandalone: true, selector: "axp-tagable-box-widget", host: { properties: { "class": "this.__class" } }, usesInheritance: true, ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXPTagableBoxWidgetEditComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.3", type: AXPTagableBoxWidgetEditComponent, isStandalone: true, selector: "axp-tagable-box-widget", host: { properties: { "class": "this.__class" } }, usesInheritance: true, ngImport: i0, template: `
     <div class="ax-grid ax-grid-cols-12 ax-gap-4">
       <!-- نمایش Select Box با دکمه اضافه کردن آیتم -->
       <ax-select-box
@@ -3189,9 +3189,9 @@ class AXPTagableBoxWidgetEditComponent extends AXPValueWidgetComponent {
         </ax-prefix>
       </ax-button>
     </div>
-  `, isInline: true, dependencies: [{ kind: "ngmodule", type: AXTextBoxModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: AXFormModule }, { kind: "directive", type: i6$1.AXValidationRuleDirective, selector: "ax-validation-rule", inputs: ["rule", "options", "message", "disabled"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i4.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i4.AXDecoratorClearButtonComponent, selector: "ax-clear-button", inputs: ["icon"] }, { kind: "component", type: i4.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXValidationModule }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i3.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXSelectBoxModule }, { kind: "component", type: i9.AXSelectBoxComponent, selector: "ax-select-box", inputs: ["disabled", "readonly", "tabIndex", "placeholder", "minValue", "maxValue", "value", "state", "name", "id", "type", "look", "multiple", "valueField", "textField", "disabledField", "textTemplate", "selectedItems", "dataSource", "minRecordsForSearch", "caption", "itemTemplate", "selectedTemplate", "emptyTemplate", "loadingTemplate", "dropdownWidth", "searchBoxAutoFocus"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "readonlyChange", "disabledChange", "onOpened", "onClosed"] }, { kind: "ngmodule", type: AXSearchBoxModule }, { kind: "component", type: i6.AXSearchBoxComponent, selector: "ax-search-box", inputs: ["disabled", "readonly", "tabIndex", "placeholder", "value", "state", "name", "id", "look", "class", "delayTime", "type"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "readonlyChange", "disabledChange", "onKeyDown", "onKeyUp", "onKeyPress"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: AXTextBoxModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: AXFormModule }, { kind: "directive", type: i5$1.AXValidationRuleDirective, selector: "ax-validation-rule", inputs: ["rule", "options", "message", "disabled"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i3.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i3.AXDecoratorClearButtonComponent, selector: "ax-clear-button", inputs: ["icon"] }, { kind: "component", type: i3.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXValidationModule }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i2.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXSelectBoxModule }, { kind: "component", type: i7$1.AXSelectBoxComponent, selector: "ax-select-box", inputs: ["disabled", "readonly", "tabIndex", "placeholder", "minValue", "maxValue", "value", "state", "name", "id", "type", "look", "multiple", "valueField", "textField", "disabledField", "textTemplate", "selectedItems", "dataSource", "minRecordsForSearch", "caption", "itemTemplate", "selectedTemplate", "emptyTemplate", "loadingTemplate", "dropdownWidth", "searchBoxAutoFocus"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "readonlyChange", "disabledChange", "onOpened", "onClosed"] }, { kind: "ngmodule", type: AXSearchBoxModule }, { kind: "component", type: i5.AXSearchBoxComponent, selector: "ax-search-box", inputs: ["disabled", "readonly", "tabIndex", "placeholder", "value", "state", "name", "id", "look", "class", "delayTime", "type"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "readonlyChange", "disabledChange", "onKeyDown", "onKeyUp", "onKeyPress"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: AXPTagableBoxWidgetEditComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXPTagableBoxWidgetEditComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'axp-tagable-box-widget',
@@ -3259,10 +3259,10 @@ var tagableBoxWidgetEdit_component = /*#__PURE__*/Object.freeze({
 });
 
 class AXPTagableBoxWidgetFilterComponent extends AXPValueWidgetComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: AXPTagableBoxWidgetFilterComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.7", type: AXPTagableBoxWidgetFilterComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: ``, isInline: true, dependencies: [{ kind: "ngmodule", type: FormsModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXPTagableBoxWidgetFilterComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.3", type: AXPTagableBoxWidgetFilterComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: ``, isInline: true, dependencies: [{ kind: "ngmodule", type: FormsModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: AXPTagableBoxWidgetFilterComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXPTagableBoxWidgetFilterComponent, decorators: [{
             type: Component,
             args: [{
                     template: ``,
@@ -3280,11 +3280,11 @@ var tagableBoxWidgetFilter_component = /*#__PURE__*/Object.freeze({
 class AXPTagableBoxWidgetPrintComponent extends AXPValueWidgetComponent {
     constructor() {
         super(...arguments);
-        this.internalValue = computed(() => (Array.isArray(this.getValue()) ? this.getValue() : [this.getValue()]));
-        this.multiple = computed(() => this.options()['multiple']);
+        this.internalValue = computed(() => (Array.isArray(this.getValue()) ? this.getValue() : [this.getValue()]), ...(ngDevMode ? [{ debugName: "internalValue" }] : []));
+        this.multiple = computed(() => this.options()['multiple'], ...(ngDevMode ? [{ debugName: "multiple" }] : []));
         // ویژگی‌های مرتبط با SelectBox
-        this.useSelectBox = computed(() => this.options()['useSelectBox']);
-        this.textField = computed(() => this.options()['textField'] ?? 'title');
+        this.useSelectBox = computed(() => this.options()['useSelectBox'], ...(ngDevMode ? [{ debugName: "useSelectBox" }] : []));
+        this.textField = computed(() => this.options()['textField'] ?? 'title', ...(ngDevMode ? [{ debugName: "textField" }] : []));
         // استخراج داده‌ها برای نمایش
         this.getData = computed(() => {
             if (!this.useSelectBox()) {
@@ -3295,10 +3295,10 @@ class AXPTagableBoxWidgetPrintComponent extends AXPValueWidgetComponent {
                 return [];
             }
             return Array.isArray(value) ? value : [value];
-        });
+        }, ...(ngDevMode ? [{ debugName: "getData" }] : []));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: AXPTagableBoxWidgetPrintComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.7", type: AXPTagableBoxWidgetPrintComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXPTagableBoxWidgetPrintComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.3", type: AXPTagableBoxWidgetPrintComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: `
     <div>
       @if (useSelectBox() && getData().length > 0) { @for (item of getData(); track $index) {
       <span class="ax-bg-slate-100 ax-px-2 ax-py-1 ax-rounded ax-mr-2 ax-mb-2 ax-inline-block">{{
@@ -3314,7 +3314,7 @@ class AXPTagableBoxWidgetPrintComponent extends AXPValueWidgetComponent {
     </div>
   `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: AXPTagableBoxWidgetPrintComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXPTagableBoxWidgetPrintComponent, decorators: [{
             type: Component,
             args: [{
                     template: `
@@ -3346,11 +3346,11 @@ var tagableBoxWidgetPrint_component = /*#__PURE__*/Object.freeze({
 class AXPTagableBoxWidgetViewComponent extends AXPValueWidgetComponent {
     constructor() {
         super(...arguments);
-        this.internalValue = computed(() => (Array.isArray(this.getValue()) ? this.getValue() : [this.getValue()]));
-        this.multiple = computed(() => this.options()['multiple']);
+        this.internalValue = computed(() => (Array.isArray(this.getValue()) ? this.getValue() : [this.getValue()]), ...(ngDevMode ? [{ debugName: "internalValue" }] : []));
+        this.multiple = computed(() => this.options()['multiple'], ...(ngDevMode ? [{ debugName: "multiple" }] : []));
         // ویژگی‌های مرتبط با SelectBox
-        this.useSelectBox = computed(() => this.options()['useSelectBox']);
-        this.textField = computed(() => this.options()['textField'] ?? 'title');
+        this.useSelectBox = computed(() => this.options()['useSelectBox'], ...(ngDevMode ? [{ debugName: "useSelectBox" }] : []));
+        this.textField = computed(() => this.options()['textField'] ?? 'title', ...(ngDevMode ? [{ debugName: "textField" }] : []));
         // استخراج داده‌ها برای نمایش
         this.getData = computed(() => {
             if (!this.useSelectBox()) {
@@ -3361,16 +3361,16 @@ class AXPTagableBoxWidgetViewComponent extends AXPValueWidgetComponent {
                 return [];
             }
             return Array.isArray(value) ? value : [value];
-        });
+        }, ...(ngDevMode ? [{ debugName: "getData" }] : []));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: AXPTagableBoxWidgetViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.7", type: AXPTagableBoxWidgetViewComponent, isStandalone: true, selector: "axp-tagable-box-widget", usesInheritance: true, ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXPTagableBoxWidgetViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.3", type: AXPTagableBoxWidgetViewComponent, isStandalone: true, selector: "axp-tagable-box-widget", usesInheritance: true, ngImport: i0, template: `
     @for (item of internalValue(); track $index) {
     <ax-badge [look]="'twotone'" [text]="item" color="primary"></ax-badge>
     }
   `, isInline: true, dependencies: [{ kind: "ngmodule", type: AXBadgeModule }, { kind: "component", type: i1$1.AXBadgeComponent, selector: "ax-badge", inputs: ["color", "look", "text"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: AXPTagableBoxWidgetViewComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXPTagableBoxWidgetViewComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'axp-tagable-box-widget',
@@ -3426,14 +3426,14 @@ class AXPWidgetSelectorWidgetEditComponent extends AXPValueWidgetComponent {
         super(...arguments);
         this.popupService = inject(AXPopupService);
         this.widgetRegisteryService = inject(AXPWidgetRegistryService);
-        this.searchTerm = signal(null);
-        this.isOpen = signal(false);
-        this.textField = signal('');
-        this.displayText = computed(() => this.getValue()?.title || '');
-        this.selectedWidgetNode = signal(null);
-        this.selectedItem = signal(null);
-        this.placeholder = computed(() => this.options()['placeholder'] ?? '');
-        this.loading = computed(() => this.options()['loading'] ?? false);
+        this.searchTerm = signal(null, ...(ngDevMode ? [{ debugName: "searchTerm" }] : []));
+        this.isOpen = signal(false, ...(ngDevMode ? [{ debugName: "isOpen" }] : []));
+        this.textField = signal('', ...(ngDevMode ? [{ debugName: "textField" }] : []));
+        this.displayText = computed(() => this.getValue()?.title || '', ...(ngDevMode ? [{ debugName: "displayText" }] : []));
+        this.selectedWidgetNode = signal(null, ...(ngDevMode ? [{ debugName: "selectedWidgetNode" }] : []));
+        this.selectedItem = signal(null, ...(ngDevMode ? [{ debugName: "selectedItem" }] : []));
+        this.placeholder = computed(() => this.options()['placeholder'] ?? '', ...(ngDevMode ? [{ debugName: "placeholder" }] : []));
+        this.loading = computed(() => this.options()['loading'] ?? false, ...(ngDevMode ? [{ debugName: "loading" }] : []));
     }
     ngAfterViewInit() {
         if (this.getValue()) {
@@ -3465,8 +3465,8 @@ class AXPWidgetSelectorWidgetEditComponent extends AXPValueWidgetComponent {
         const widget = this.widgetRegisteryService.resolve(e.values.type);
         this.setValue({ title: widget?.title, ...e.values });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: AXPWidgetSelectorWidgetEditComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.7", type: AXPWidgetSelectorWidgetEditComponent, isStandalone: true, selector: "ng-component", viewQueries: [{ propertyName: "textbox", first: true, predicate: AXTextBoxComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXPWidgetSelectorWidgetEditComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.3", type: AXPWidgetSelectorWidgetEditComponent, isStandalone: true, selector: "ng-component", viewQueries: [{ propertyName: "textbox", first: true, predicate: AXTextBoxComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: `
     <ax-text-box [ngModel]="displayText()" [placeholder]="placeholder()" [readonly]="true">
       @for (validation of validationRules(); track $index) {
       <ax-validation-rule
@@ -3485,9 +3485,9 @@ class AXPWidgetSelectorWidgetEditComponent extends AXPValueWidgetComponent {
     <axp-widget-property-viewer [widget]="selectedWidgetNode()!" (onChanged)="handleChangeWidget($event)">
     </axp-widget-property-viewer>
     }
-  `, isInline: true, dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: AXSelectBoxModule }, { kind: "ngmodule", type: AXTextBoxModule }, { kind: "component", type: i2$1.AXTextBoxComponent, selector: "ax-text-box", inputs: ["disabled", "tabIndex", "readonly", "value", "state", "name", "id", "placeholder", "maxLength", "allowNull", "type", "autoComplete", "look", "mask-options", "class"], outputs: ["onBlur", "onFocus", "valueChange", "stateChange", "onValueChanged", "readonlyChange", "disabledChange", "onKeyDown", "onKeyUp", "onKeyPress"] }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i3.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i4.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i4.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXLoadingModule }, { kind: "ngmodule", type: AXValidationModule }, { kind: "ngmodule", type: AXFormModule }, { kind: "directive", type: i6$1.AXValidationRuleDirective, selector: "ax-validation-rule", inputs: ["rule", "options", "message", "disabled"] }, { kind: "component", type: AXPWidgetPropertyViewerComponent, selector: "axp-widget-property-viewer", inputs: ["widget", "mode"], outputs: ["onChanged"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: AXSelectBoxModule }, { kind: "ngmodule", type: AXTextBoxModule }, { kind: "component", type: i2$1.AXTextBoxComponent, selector: "ax-text-box", inputs: ["disabled", "tabIndex", "readonly", "value", "state", "name", "id", "placeholder", "maxLength", "allowNull", "type", "autoComplete", "look", "mask-options", "class"], outputs: ["onBlur", "onFocus", "valueChange", "stateChange", "onValueChanged", "readonlyChange", "disabledChange", "onKeyDown", "onKeyUp", "onKeyPress"] }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i2.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i3.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i3.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXLoadingModule }, { kind: "ngmodule", type: AXValidationModule }, { kind: "ngmodule", type: AXFormModule }, { kind: "directive", type: i5$1.AXValidationRuleDirective, selector: "ax-validation-rule", inputs: ["rule", "options", "message", "disabled"] }, { kind: "component", type: AXPWidgetPropertyViewerComponent, selector: "axp-widget-property-viewer", inputs: ["widget", "mode"], outputs: ["onChanged"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: AXPWidgetSelectorWidgetEditComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXPWidgetSelectorWidgetEditComponent, decorators: [{
             type: Component,
             args: [{
                     template: `
@@ -3534,10 +3534,10 @@ var widgetSelectorWidgetEdit_component = /*#__PURE__*/Object.freeze({
 });
 
 class AXPWidgetSelectorWidgetViewComponent extends AXPValueWidgetComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: AXPWidgetSelectorWidgetViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.7", type: AXPWidgetSelectorWidgetViewComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: `{{ getValue()?.title }}`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXPWidgetSelectorWidgetViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.3", type: AXPWidgetSelectorWidgetViewComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: `{{ getValue()?.title }}`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: AXPWidgetSelectorWidgetViewComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXPWidgetSelectorWidgetViewComponent, decorators: [{
             type: Component,
             args: [{
                     template: `{{ getValue()?.title }}`,
@@ -3614,10 +3614,10 @@ class AXPEntityCreatePopupAction extends AXPWorkflowAction {
             }
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: AXPEntityCreatePopupAction, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: AXPEntityCreatePopupAction }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXPEntityCreatePopupAction, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXPEntityCreatePopupAction }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: AXPEntityCreatePopupAction, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXPEntityCreatePopupAction, decorators: [{
             type: Injectable
         }] });
 class AXPEntityCreateSubmittedAction extends AXPWorkflowAction {
@@ -3625,10 +3625,10 @@ class AXPEntityCreateSubmittedAction extends AXPWorkflowAction {
         this.dispatch(AXPEntityCreateEvent({ entity: context.getVariable('entity'), meta: context.getVariable('meta') }));
         this.dispatch(AXPRefreshEvent({ entity: context.getVariable('entity'), meta: context.getVariable('meta') }));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: AXPEntityCreateSubmittedAction, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: AXPEntityCreateSubmittedAction }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXPEntityCreateSubmittedAction, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXPEntityCreateSubmittedAction }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: AXPEntityCreateSubmittedAction, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXPEntityCreateSubmittedAction, decorators: [{
             type: Injectable
         }] });
 const AXPCreateEntityWorkflow = {
@@ -3718,10 +3718,10 @@ class AXPQuickEntityModifyPopupAction extends AXPWorkflowAction {
             context.setVariable('data', cloneDeep(popup.data.context));
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: AXPQuickEntityModifyPopupAction, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: AXPQuickEntityModifyPopupAction }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXPQuickEntityModifyPopupAction, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXPQuickEntityModifyPopupAction }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: AXPQuickEntityModifyPopupAction, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXPQuickEntityModifyPopupAction, decorators: [{
             type: Injectable
         }] });
 const AXPQuickModifyEntityWorkflow = {
@@ -3778,10 +3778,10 @@ class AXPEntityApplyUpdatesAction extends AXPWorkflowAction {
             context.setOutput('error', error);
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: AXPEntityApplyUpdatesAction, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: AXPEntityApplyUpdatesAction }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXPEntityApplyUpdatesAction, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXPEntityApplyUpdatesAction }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: AXPEntityApplyUpdatesAction, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXPEntityApplyUpdatesAction, decorators: [{
             type: Injectable
         }] });
 
@@ -3800,10 +3800,10 @@ class AXPShowDetailViewAction extends AXPWorkflowAction {
         context.setVariable('payload', newPayload);
         this.navigation.execute(context);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: AXPShowDetailViewAction, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: AXPShowDetailViewAction }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXPShowDetailViewAction, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXPShowDetailViewAction }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: AXPShowDetailViewAction, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXPShowDetailViewAction, decorators: [{
             type: Injectable
         }] });
 const AXPShowDetailsViewWorkflow = {
@@ -3854,10 +3854,10 @@ class AXPShowFileUploaderPopupAction extends AXPWorkflowAction {
             context.setVariable('data', cloneDeep(entityData));
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: AXPShowFileUploaderPopupAction, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: AXPShowFileUploaderPopupAction }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXPShowFileUploaderPopupAction, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXPShowFileUploaderPopupAction }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: AXPShowFileUploaderPopupAction, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXPShowFileUploaderPopupAction, decorators: [{
             type: Injectable
         }] });
 const AXPShowFileUploaderPopupWorkflow = {
@@ -3908,10 +3908,10 @@ class AXPShowListViewAction extends AXPWorkflowAction {
         context.setVariable('payload', newPayload);
         this.navigation.execute(context);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: AXPShowListViewAction, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: AXPShowListViewAction }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXPShowListViewAction, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXPShowListViewAction }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: AXPShowListViewAction, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXPShowListViewAction, decorators: [{
             type: Injectable
         }] });
 const AXPShowListViewWorkflow = {
@@ -3986,9 +3986,9 @@ class AXPEntityModule {
             },
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: AXPEntityModule, deps: [{ token: i1$4.AXPAppStartUpService }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.0.7", ngImport: i0, type: AXPEntityModule, imports: [RouterModule, i2$2.AXPWorkflowModule, i7.AXPLayoutBuilderModule] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: AXPEntityModule, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXPEntityModule, deps: [{ token: i1$4.AXPAppStartUpService }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.3", ngImport: i0, type: AXPEntityModule, imports: [RouterModule, i2$2.AXPWorkflowModule, i6.AXPLayoutBuilderModule] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXPEntityModule, providers: [
             {
                 provide: ROUTES,
                 multi: true,
@@ -4036,7 +4036,7 @@ class AXPEntityModule {
                 widgets: [AXPLookupWidget, AXPWidgetSelectorWidget, AXPTagableBoxWidget],
             })] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: AXPEntityModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXPEntityModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [