@acorex/modules 18.2.3 → 19.0.0

package/fesm2022/acorex-modules-form-template-management.mjs

@@ -1,20 +1,21 @@
-import { AXMEntityCrudServiceImpl, AXPEntityCommandScope, AXPEntityQueryType, AXPWorkflowNavigateAction, AXP_MENU_PROVIDER } from '@acorex/platform/common';
+import { AXMEntityCrudServiceImpl, AXPDataGenerator, AXPWorkflowNavigateAction, AXP_MENU_PROVIDER } from '@acorex/platform/common';
 import { AXPEntityService, AXP_ENTITY_DEFINITION_LOADER } from '@acorex/platform/layout/entity';
-import { AXP_NAME_PROPERTY, AXP_DATA_PATH_PROPERTY, AXPWidgetsModule, AXP_TEMPLATE_WIDGET_PROVIDER } from '@acorex/platform/widgets';
+import { AXP_NAME_PROPERTY, AXP_DATA_PATH_PROPERTY, AXP_BEHAVIOR_PROPERTY_GROUP, AXPWidgetsModule } from '@acorex/platform/widgets';
 import * as i0 from '@angular/core';
-import { Injectable, NgModule, inject, Injector, ChangeDetectionStrategy, Component } from '@angular/core';
-import * as i1$1 from '@angular/router';
-import { RouterModule } from '@angular/router';
-import * as i2$1 from '@acorex/platform/layout/builder';
-import { AXPWidgetsCatalog, AXPWidgetComponent, AXP_WIDGETS_LAYOUT_GROUP, AXPLayoutBuilderModule } from '@acorex/platform/layout/builder';
+import { Injectable, NgModule, inject, Injector, Component, ChangeDetectionStrategy, InjectionToken, computed, signal, effect, HostBinding } from '@angular/core';
+import { ROUTES } from '@angular/router';
+import * as i2 from '@acorex/platform/layout/builder';
+import { AXPWidgetComponent, AXP_WIDGETS_LAYOUT_GROUP, AXPLayoutBuilderModule, AXPContainerWidgetComponent, AXP_WIDGETS_ADVANCE_GROUP, createStringProperty } from '@acorex/platform/layout/builder';
 import { AXButtonModule } from '@acorex/components/button';
-import * as i2 from '@acorex/core/translation';
+import * as i3 from '@acorex/core/translation';
 import { AXTranslationModule } from '@acorex/core/translation';
-import * as i3 from '@acorex/platform/workflow';
+import * as i2$1 from '@acorex/platform/workflow';
 import { AXPWorkflowService, AXPWorkflowAction, AXPWorkflowModule } from '@acorex/platform/workflow';
 import * as i1 from '@angular/common';
 import { CommonModule } from '@angular/common';
-import { AXPDesignerConnector } from '@acorex/platform/layout/designer';
+import { AXPDesignerConnector, AXPDesignerService, AXPWidgetDesignerRendererDirective, AXPDesignerAddWidgetMiniButtonComponent } from '@acorex/platform/layout/designer';
+import { sortBy, get } from 'lodash-es';
+import { AXPopupService } from '@acorex/components/popup';
 
 const AXMFormTemplateManagementModuleConst = {
     moduleName: 'FormTemplateManagement',
@@ -30,266 +31,24 @@ class AXMFormTemplateManagementCategoryEntityServiceImpl extends AXMFormTemplate
     constructor() {
         super(`${AXMFormTemplateManagementModuleConst.moduleName}.${AXMFormTemplateManagementModuleConst.categoryEntity}`);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXMFormTemplateManagementCategoryEntityServiceImpl, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXMFormTemplateManagementCategoryEntityServiceImpl }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMFormTemplateManagementCategoryEntityServiceImpl, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMFormTemplateManagementCategoryEntityServiceImpl }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXMFormTemplateManagementCategoryEntityServiceImpl, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMFormTemplateManagementCategoryEntityServiceImpl, decorators: [{
             type: Injectable
         }], ctorParameters: () => [] });
 
-async function factory$1(injector) {
-    const dataService = injector.get(AXMFormTemplateManagementCategoryEntityService);
-    const i18n = AXMFormTemplateManagementModuleConst.i18n;
-    const entityDef = {
-        module: AXMFormTemplateManagementModuleConst.moduleName,
-        name: AXMFormTemplateManagementModuleConst.categoryEntity,
-        source: '',
-        title: `t("category", { scope: "common" })`,
-        formats: {
-            individual: `t("category", { scope: "common" })`,
-            plural: `t("categories", { scope: "common" })`,
-        },
-        relatedEntities: [],
-        groups: [
-            {
-                id: 'section',
-                title: `t("category", { scope: "common" })`,
-            },
-        ],
-        properties: [
-            {
-                name: 'name',
-                title: 't("name", { scope: "common" })',
-                groupId: 'section',
-                options: {
-                    sort: {
-                        enabled: true,
-                    },
-                },
-                schema: {
-                    dataType: 'string',
-                    interface: {
-                        type: AXPWidgetsCatalog.text,
-                    },
-                },
-                validations: [
-                    {
-                        rule: 'required',
-                    },
-                ],
-            },
-            {
-                name: 'title',
-                title: 't("title", { scope: "common" })',
-                groupId: 'section',
-                schema: {
-                    dataType: 'string',
-                    interface: {
-                        type: AXPWidgetsCatalog.text,
-                    },
-                },
-                validations: [
-                    {
-                        rule: 'required',
-                    },
-                ],
-            },
-        ],
-        columns: [{ name: 'name' }, { name: 'title' }],
-        commands: {
-            create: {
-                execute: async (data) => {
-                    const res = await dataService.insertOne(data);
-                    return { id: res };
-                },
-            },
-            delete: {
-                execute: async (id) => {
-                    return await dataService.deleteOne(id);
-                },
-            },
-            update: {
-                execute: async (data) => {
-                    return await dataService.updateOne(data.id, data);
-                },
-            },
-        },
-        queries: {
-            byKey: {
-                execute: async (id) => {
-                    return await dataService.getOne(id);
-                },
-                type: AXPEntityQueryType.Single,
-            },
-            list: {
-                execute: async (e) => {
-                    return await dataService.query({ skip: e.skip, take: e.take, filter: e.filter, sort: e.sort });
-                },
-                type: AXPEntityQueryType.List,
-            },
-        },
-        interfaces: {
-            master: {
-                create: {
-                    sections: [
-                        {
-                            id: 'section',
-                        },
-                    ],
-                    properties: [
-                        {
-                            name: 'name',
-                            layout: {
-                                positions: {
-                                    lg: {
-                                        colSpan: 6,
-                                    },
-                                },
-                            },
-                        },
-                        {
-                            name: 'title',
-                            layout: {
-                                positions: {
-                                    lg: {
-                                        colSpan: 6,
-                                    },
-                                },
-                            },
-                        },
-                    ],
-                },
-                update: {
-                    sections: [
-                        {
-                            id: 'section',
-                        },
-                    ],
-                    properties: [
-                        {
-                            name: 'name',
-                            layout: {
-                                positions: {
-                                    lg: {
-                                        colSpan: 6,
-                                    },
-                                },
-                            },
-                        },
-                        {
-                            name: 'title',
-                            layout: {
-                                positions: {
-                                    lg: {
-                                        colSpan: 6,
-                                    },
-                                },
-                            },
-                        },
-                    ],
-                },
-                single: {
-                    title: '{{title}}',
-                    sections: [
-                        {
-                            id: 'section',
-                            layout: {
-                                positions: {
-                                    lg: {
-                                        colSpan: 12,
-                                    },
-                                },
-                            },
-                        },
-                    ],
-                    properties: [
-                        {
-                            name: 'name',
-                            layout: {
-                                positions: {
-                                    lg: {
-                                        colSpan: 6,
-                                    },
-                                },
-                            },
-                        },
-                        {
-                            name: 'title',
-                            layout: {
-                                positions: {
-                                    lg: {
-                                        colSpan: 6,
-                                    },
-                                },
-                            },
-                        },
-                    ],
-                    actions: [],
-                },
-                list: {
-                    actions: [
-                        {
-                            title: `t("create", { scope: "common" })`,
-                            command: 'create-entity',
-                            priority: 'primary',
-                            type: 'create',
-                            scope: AXPEntityCommandScope.TypeLevel,
-                        },
-                        {
-                            title: 't("deleteItems", { scope: "common" })',
-                            command: 'delete-entity',
-                            priority: 'primary',
-                            type: 'delete',
-                            scope: AXPEntityCommandScope.Selected,
-                        },
-                        {
-                            title: 't("detail", { scope: "common" })',
-                            command: 'open-entity',
-                            priority: 'secondary',
-                            type: 'view',
-                            scope: AXPEntityCommandScope.Individual,
-                        },
-                        {
-                            title: 't("delete", { scope: "common" })',
-                            command: 'delete-entity',
-                            priority: 'secondary',
-                            type: 'delete',
-                            scope: AXPEntityCommandScope.Individual,
-                        },
-                    ],
-                    views: [
-                        {
-                            name: 'all',
-                            title: 't("allItem", { scope: "common" })',
-                            fixed: true,
-                            columns: [],
-                            conditions: [],
-                            sorts: [],
-                        },
-                    ],
-                },
-            },
-        },
-    };
-    return entityDef;
-}
-
-var category_entity = /*#__PURE__*/Object.freeze({
-    __proto__: null,
-    factory: factory$1
-});
-
 class AXMFormTemplateManagementCategoryEntityModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXMFormTemplateManagementCategoryEntityModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.0", ngImport: i0, type: AXMFormTemplateManagementCategoryEntityModule }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXMFormTemplateManagementCategoryEntityModule, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMFormTemplateManagementCategoryEntityModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.0.3", ngImport: i0, type: AXMFormTemplateManagementCategoryEntityModule }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMFormTemplateManagementCategoryEntityModule, providers: [
             {
                 provide: AXMFormTemplateManagementCategoryEntityService,
                 useClass: AXMFormTemplateManagementCategoryEntityServiceImpl,
             },
         ] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXMFormTemplateManagementCategoryEntityModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMFormTemplateManagementCategoryEntityModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [],
@@ -310,459 +69,24 @@ class AXMFormTemplateManagementTemplateEntityServiceImpl extends AXMFormTemplate
     constructor() {
         super(`${AXMFormTemplateManagementModuleConst.moduleName}.${AXMFormTemplateManagementModuleConst.templateEntity}`);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXMFormTemplateManagementTemplateEntityServiceImpl, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXMFormTemplateManagementTemplateEntityServiceImpl }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMFormTemplateManagementTemplateEntityServiceImpl, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMFormTemplateManagementTemplateEntityServiceImpl }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXMFormTemplateManagementTemplateEntityServiceImpl, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMFormTemplateManagementTemplateEntityServiceImpl, decorators: [{
             type: Injectable
         }], ctorParameters: () => [] });
 
-async function factory(injector) {
-    const dataService = injector.get(AXMFormTemplateManagementTemplateEntityService);
-    const i18n = AXMFormTemplateManagementModuleConst.i18n;
-    const entityDef = {
-        module: AXMFormTemplateManagementModuleConst.moduleName,
-        name: AXMFormTemplateManagementModuleConst.templateEntity,
-        source: '',
-        title: `t("template",{scope:"${i18n}"})`,
-        formats: {
-            individual: `t("template",{scope:"${i18n}"})`,
-            plural: `t("templates",{scope:"${i18n}"})`,
-        },
-        relatedEntities: [],
-        groups: [
-            {
-                id: 'section',
-                title: `t("information",{scope:"common"})`,
-            },
-        ],
-        properties: [
-            {
-                name: 'name',
-                title: 't("name", { scope: "common" })',
-                groupId: 'section',
-                options: {
-                    filter: {
-                        inline: { enabled: true },
-                    },
-                    sort: {
-                        enabled: true,
-                    },
-                },
-                schema: {
-                    dataType: 'string',
-                    interface: {
-                        type: AXPWidgetsCatalog.text,
-                    },
-                },
-                validations: [
-                    {
-                        rule: 'required',
-                    },
-                ],
-            },
-            {
-                name: 'title',
-                title: 't("title", { scope: "common" })',
-                groupId: 'section',
-                options: {
-                    filter: {
-                        inline: { enabled: true },
-                    },
-                    sort: {
-                        enabled: true,
-                    },
-                },
-                schema: {
-                    dataType: 'string',
-                    interface: {
-                        type: AXPWidgetsCatalog.text,
-                    },
-                },
-                validations: [
-                    {
-                        rule: 'required',
-                    },
-                ],
-            },
-            {
-                name: 'categoryId',
-                title: 't("category", { scope: "common" })',
-                groupId: 'section',
-                schema: {
-                    dataType: 'string',
-                    interface: {
-                        type: AXPWidgetsCatalog.lookup,
-                        options: {
-                            entity: `${AXMFormTemplateManagementModuleConst.moduleName}.${AXMFormTemplateManagementModuleConst.categoryEntity}`,
-                            expose: [
-                                { source: 'id', target: 'categoryId' },
-                                { source: 'title', target: 'category.title' },
-                            ],
-                        },
-                    },
-                },
-                validations: [
-                    {
-                        rule: 'required',
-                    },
-                ],
-            },
-            {
-                name: 'type',
-                title: `t("template-type",{scope:"${i18n}"})`,
-                groupId: 'section',
-                schema: {
-                    dataType: 'string',
-                    interface: {
-                        type: AXPWidgetsCatalog.select,
-                        options: {
-                            valueField: 'value',
-                            textField: 'title',
-                            defaultValue: '10',
-                            dataSource: [
-                                { value: 10, title: 'Form Template' },
-                                { value: 20, title: 'Widgets Template' },
-                            ],
-                            multiple: false,
-                        },
-                    },
-                },
-                validations: [
-                    {
-                        rule: 'required',
-                    },
-                ],
-            },
-            {
-                name: 'template',
-                title: `t("template",{scope:"${i18n}"})`,
-                groupId: 'section',
-                schema: {
-                    dataType: 'string',
-                    interface: {
-                        type: AXPWidgetsCatalog.templateDesigner,
-                    },
-                },
-            },
-        ],
-        columns: [
-            { name: 'name' },
-            { name: 'title' },
-            { name: 'type' },
-            { name: 'categoryId', options: { dataPath: 'category.title' } },
-        ],
-        commands: {
-            create: {
-                execute: async (data) => {
-                    const res = await dataService.insertOne(data);
-                    return { id: res };
-                },
-            },
-            delete: {
-                execute: async (id) => {
-                    return await dataService.deleteOne(id);
-                },
-            },
-            update: {
-                execute: async (data) => {
-                    return await dataService.updateOne(data.id, data);
-                },
-            },
-        },
-        queries: {
-            byKey: {
-                execute: async (id) => {
-                    return await dataService.getOne(id);
-                },
-                type: AXPEntityQueryType.Single,
-            },
-            list: {
-                execute: async (e) => {
-                    return await dataService.query({ skip: e.skip, take: e.take, filter: e.filter });
-                },
-                type: AXPEntityQueryType.List,
-            },
-        },
-        interfaces: {
-            master: {
-                create: {
-                    sections: [
-                        {
-                            id: 'section',
-                        },
-                    ],
-                    properties: [
-                        {
-                            name: 'name',
-                            layout: {
-                                positions: {
-                                    lg: {
-                                        colSpan: 6,
-                                    },
-                                },
-                            },
-                        },
-                        {
-                            name: 'title',
-                            layout: {
-                                positions: {
-                                    lg: {
-                                        colSpan: 6,
-                                    },
-                                },
-                            },
-                        },
-                        {
-                            name: 'type',
-                            layout: {
-                                order: 10,
-                                positions: {
-                                    lg: {
-                                        colSpan: 6,
-                                    },
-                                },
-                            },
-                        },
-                        {
-                            name: 'categoryId',
-                            layout: {
-                                order: 20,
-                                positions: {
-                                    lg: {
-                                        colSpan: 6,
-                                    },
-                                },
-                            },
-                        },
-                    ],
-                },
-                update: {
-                    sections: [
-                        {
-                            id: 'section',
-                        },
-                    ],
-                    properties: [
-                        {
-                            name: 'name',
-                            layout: {
-                                positions: {
-                                    lg: {
-                                        colSpan: 6,
-                                    },
-                                },
-                            },
-                        },
-                        {
-                            name: 'title',
-                            layout: {
-                                positions: {
-                                    lg: {
-                                        colSpan: 6,
-                                    },
-                                },
-                            },
-                        },
-                        {
-                            name: 'categoryId',
-                            layout: {
-                                positions: {
-                                    lg: {
-                                        colSpan: 6,
-                                    },
-                                },
-                            },
-                        },
-                        {
-                            name: 'type',
-                            layout: {
-                                positions: {
-                                    lg: {
-                                        colSpan: 6,
-                                    },
-                                },
-                            },
-                        },
-                    ],
-                },
-                single: {
-                    title: '{{title}}',
-                    sections: [
-                        {
-                            id: 'section',
-                            layout: {
-                                positions: {
-                                    lg: {
-                                        colSpan: 12,
-                                    },
-                                },
-                            },
-                        },
-                        {
-                            id: 'template',
-                            layout: {
-                                positions: {
-                                    lg: {
-                                        colSpan: 12,
-                                    },
-                                },
-                            },
-                        },
-                    ],
-                    properties: [
-                        {
-                            name: 'name',
-                            layout: {
-                                positions: {
-                                    lg: {
-                                        colSpan: 6,
-                                    },
-                                },
-                            },
-                        },
-                        {
-                            name: 'title',
-                            layout: {
-                                positions: {
-                                    lg: {
-                                        colSpan: 6,
-                                    },
-                                },
-                            },
-                        },
-                        {
-                            name: 'type',
-                            layout: {
-                                positions: {
-                                    lg: {
-                                        colSpan: 6,
-                                    },
-                                },
-                            },
-                        },
-                        {
-                            name: 'categoryId',
-                            layout: {
-                                positions: {
-                                    lg: {
-                                        colSpan: 4,
-                                    },
-                                },
-                            },
-                        },
-                        {
-                            name: 'template',
-                            layout: {
-                                label: {
-                                    visible: false,
-                                },
-                                positions: {
-                                    lg: {
-                                        colSpan: 4,
-                                    },
-                                },
-                            },
-                        },
-                    ],
-                    actions: [],
-                },
-                list: {
-                    actions: [
-                        {
-                            title: `t("create", { scope: "common" })`,
-                            command: 'create-form-template',
-                            priority: 'primary',
-                            type: 'create',
-                            scope: AXPEntityCommandScope.TypeLevel,
-                        },
-                        {
-                            title: 't("deleteItems", { scope: "common" })',
-                            command: 'delete-entity',
-                            priority: 'primary',
-                            type: 'delete',
-                            scope: AXPEntityCommandScope.Selected,
-                        },
-                        {
-                            title: 't("detail", { scope: "common" })',
-                            command: 'open-entity',
-                            priority: 'secondary',
-                            type: 'view',
-                            scope: AXPEntityCommandScope.Individual,
-                        },
-                        {
-                            title: 't("delete", { scope: "common" })',
-                            command: 'delete-entity',
-                            priority: 'secondary',
-                            type: 'delete',
-                            scope: AXPEntityCommandScope.Individual,
-                        },
-                    ],
-                    views: [
-                        {
-                            name: 'all',
-                            title: 't("allItem", { scope: "common" })',
-                            fixed: true,
-                            columns: [],
-                            conditions: [],
-                            sorts: [{ name: 'title', dir: 'asc' }],
-                        },
-                        {
-                            name: 'forms',
-                            title: `t("forms", { scope: "${i18n}" })`,
-                            fixed: true,
-                            columns: [],
-                            conditions: [
-                                {
-                                    name: 'type.value',
-                                    operator: {
-                                        type: 'equal',
-                                    },
-                                    value: 10,
-                                },
-                            ],
-                            sorts: [{ name: 'title', dir: 'asc' }],
-                        },
-                        {
-                            name: 'widgets',
-                            title: `t("widgets", { scope: "${i18n}" })`,
-                            fixed: true,
-                            columns: [],
-                            conditions: [
-                                {
-                                    name: 'type.value',
-                                    operator: {
-                                        type: 'equal',
-                                    },
-                                    value: 20,
-                                },
-                            ],
-                            sorts: [{ name: 'title', dir: 'asc' }],
-                        },
-                    ],
-                },
-            },
-        },
-    };
-    return entityDef;
-}
-
-var template_entity = /*#__PURE__*/Object.freeze({
-    __proto__: null,
-    factory: factory
-});
-
 class AXMFormTemplateManagementTemplateEntityModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXMFormTemplateManagementTemplateEntityModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.0", ngImport: i0, type: AXMFormTemplateManagementTemplateEntityModule }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXMFormTemplateManagementTemplateEntityModule, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMFormTemplateManagementTemplateEntityModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.0.3", ngImport: i0, type: AXMFormTemplateManagementTemplateEntityModule }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMFormTemplateManagementTemplateEntityModule, providers: [
             {
                 provide: AXMFormTemplateManagementTemplateEntityService,
                 useClass: AXMFormTemplateManagementTemplateEntityServiceImpl,
             },
         ] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXMFormTemplateManagementTemplateEntityModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMFormTemplateManagementTemplateEntityModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [],
@@ -777,6 +101,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImpor
                 }]
         }] });
 
+const AXMFormTemplateTypes = {
+    Form: { id: 10, title: 'Form Template' },
+    Widget: { id: 20, title: 'Widgets Template' }
+};
+
 class AXMFormTemplateManagementModuleEntityProvider {
     constructor() {
         this.injector = inject(Injector);
@@ -785,17 +114,17 @@ class AXMFormTemplateManagementModuleEntityProvider {
         if (moduleName == AXMFormTemplateManagementModuleConst.moduleName) {
             switch (entityName) {
                 case AXMFormTemplateManagementModuleConst.categoryEntity:
-                    return (await Promise.resolve().then(function () { return category_entity; })).factory(this.injector);
+                    return (await import('./acorex-modules-form-template-management-category.entity-xUkZHVgy.mjs')).factory(this.injector);
                 case AXMFormTemplateManagementModuleConst.templateEntity:
-                    return (await Promise.resolve().then(function () { return template_entity; })).factory(this.injector);
+                    return (await import('./acorex-modules-form-template-management-template.entity-CGhbmYel.mjs')).factory(this.injector);
             }
         }
         return null;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXMFormTemplateManagementModuleEntityProvider, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXMFormTemplateManagementModuleEntityProvider }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMFormTemplateManagementModuleEntityProvider, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMFormTemplateManagementModuleEntityProvider }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXMFormTemplateManagementModuleEntityProvider, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMFormTemplateManagementModuleEntityProvider, decorators: [{
             type: Injectable
         }] });
 
@@ -809,7 +138,7 @@ class AXMFormTemplateManagementModuleMenuProvider {
         context.addItems([
             {
                 priority: 9001,
-                text: `t('module-name', {scope: ${scope}})`,
+                text: `t('module-name', {scope:"${scope}"})`,
                 icon: 'fa-solid fa-file-invoice',
                 children: [
                     {
@@ -818,7 +147,7 @@ class AXMFormTemplateManagementModuleMenuProvider {
                         priority: 1,
                     },
                     {
-                        text: `t('templates', {scope: ${scope}})`,
+                        text: `t('templates', {scope:"${scope}"})`,
                         path: this.entityService.createPath(moduleName, AXMFormTemplateManagementModuleConst.templateEntity),
                         priority: 2,
                     },
@@ -836,17 +165,17 @@ class AXPTemplateDesignerWidgetViewComponent extends AXPWidgetComponent {
     async handleClick() {
         await this.workflow.execute('design-form-template', { data: { id: this.extractValue('id') } });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXPTemplateDesignerWidgetViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.0", type: AXPTemplateDesignerWidgetViewComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPTemplateDesignerWidgetViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.3", type: AXPTemplateDesignerWidgetViewComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: `
     <span
       class="ax-underline ax-decoration-dotted  ax-underline-offset-8 hover:ax-text-primary-500 ax-cursor-pointer"
       (click)="handleClick()"
     >
-      {{ 'edit-template' | translate : { scope: 'form-template-management' } | async }}
+      {{ 't("edit-template",{ scope:"form-template-management" })' | translate  | async }}
     </span>
-  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "ngmodule", type: AXButtonModule }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: i2.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "ngmodule", type: AXButtonModule }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: i3.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXPTemplateDesignerWidgetViewComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPTemplateDesignerWidgetViewComponent, decorators: [{
             type: Component,
             args: [{
                     template: `
@@ -854,12 +183,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImpor
       class="ax-underline ax-decoration-dotted  ax-underline-offset-8 hover:ax-text-primary-500 ax-cursor-pointer"
       (click)="handleClick()"
     >
-      {{ 'edit-template' | translate : { scope: 'form-template-management' } | async }}
+      {{ 't("edit-template",{ scope:"form-template-management" })' | translate  | async }}
     </span>
   `,
-                    standalone: true,
                     changeDetection: ChangeDetectionStrategy.OnPush,
-                    imports: [CommonModule, AXButtonModule, AXTranslationModule],
+                    imports: [CommonModule, AXButtonModule, AXTranslationModule]
                 }]
         }] });
 
@@ -931,24 +259,37 @@ const AXMCreateFormTemplateWorkflow = {
 class AXPDesignerConnectorImpl extends AXPDesignerConnector {
     constructor() {
         super(...arguments);
-        this.service = inject(AXMFormTemplateManagementTemplateEntityService);
-        //#endregion
+        this.workflow = inject(AXPWorkflowService);
+        this.templateEntityService = inject(AXMFormTemplateManagementTemplateEntityService);
+        this.categoryEntityService = inject(AXMFormTemplateManagementCategoryEntityService);
     }
     //#region Save and load Widgets
     async save(id, content) {
-        const item = await this.service.getOne(id);
+        const item = await this.templateEntityService.getOne(id);
         if (item) {
-            await this.service.updateOne(id, { template: content.json });
+            await this.templateEntityService.updateOne(id, { template: content.json });
+            return true;
         }
         else {
             throw Error("Invalid Id");
         }
     }
     async saveAs(content) {
-        throw Error("Not Implemented");
+        const result = await this.workflow.execute('create-entity', {
+            redirect: false,
+            entity: `${AXMFormTemplateManagementModuleConst.moduleName}.${AXMFormTemplateManagementModuleConst.templateEntity}`,
+            canCreateNewOne: false,
+            data: {
+                name: AXPDataGenerator.alphanumeric(10),
+                type: AXMFormTemplateTypes.Widget,
+                template: content.json,
+                categoryId: (await this.categoryEntityService.query()).items[0]?.id
+            }
+        });
+        return result.getOutput('result');
     }
     async load(id) {
-        const item = await this.service.getOne(id);
+        const item = await this.templateEntityService.getOne(id);
         if (item) {
             return item.template;
         }
@@ -956,7 +297,12 @@ class AXPDesignerConnectorImpl extends AXPDesignerConnector {
             throw Error("Invalid Id");
         }
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPDesignerConnectorImpl, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPDesignerConnectorImpl }); }
 }
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPDesignerConnectorImpl, decorators: [{
+            type: Injectable
+        }] });
 
 class AXMOpenFormTemplateDesignerAction extends AXPWorkflowAction {
     constructor() {
@@ -966,15 +312,15 @@ class AXMOpenFormTemplateDesignerAction extends AXPWorkflowAction {
     async execute(context) {
         const { id } = context.getVariable('data');
         context.setVariable('payload', {
-            commands: `/forms/designer?id=${id}`,
+            commands: `forms/designer?id=${id}`,
             target: 'blank'
         });
         await this.navigation.execute(context);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXMOpenFormTemplateDesignerAction, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXMOpenFormTemplateDesignerAction }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMOpenFormTemplateDesignerAction, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMOpenFormTemplateDesignerAction }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXMOpenFormTemplateDesignerAction, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMOpenFormTemplateDesignerAction, decorators: [{
             type: Injectable
         }] });
 const AXMDesignFormTemplateWorkflow = {
@@ -1007,7 +353,12 @@ class AXPTemplateWidgetProviderImpl {
         const item = await this.service.getOne(id);
         if (item) {
             const document = JSON.parse(item.template);
-            return document?.children?.[0];
+            const page = document?.children?.[0];
+            return {
+                id: item.id,
+                nodes: page?.children ?? [],
+                title: item.title
+            };
         }
         else {
             throw Error("Invalid Id");
@@ -1015,31 +366,343 @@ class AXPTemplateWidgetProviderImpl {
     }
 }
 
-const routes = [
-    {
-        path: 'forms',
-        children: [
-            {
-                path: 'designer',
-                loadComponent: () => import('./acorex-modules-form-template-management-designer.page-NhIPhsRs.mjs').then((c) => c.AXMFormTemplateManagementModuleDesignerPage),
-            },
-            {
-                path: 'preview',
-                loadComponent: () => import('@acorex/platform/layout/designer').then((c) => c.AXPLayoutDesignerPreviewComponent),
+const AXP_TEMPLATE_WIDGET_PROVIDER = new InjectionToken('AXP_TEMPLATE_WIDGET_PROVIDER');
+class AXPTemplateWidgetProviderService {
+    constructor() {
+        this.popupService = inject(AXPopupService);
+        this.providers = inject(AXP_TEMPLATE_WIDGET_PROVIDER, { optional: true });
+    }
+    async items(query) {
+        if (Array.isArray(this.providers)) {
+            const result = [];
+            for (const provider of this.providers) {
+                const items = await provider.items(query);
+                if (items) {
+                    result.push(...items);
+                }
+            }
+            return result;
+        }
+        else {
+            return [];
+        }
+    }
+    async get(id) {
+        if (Array.isArray(this.providers)) {
+            for (const provider of this.providers) {
+                const node = await provider.get(id);
+                if (node) {
+                    return node;
+                }
+            }
+        }
+        return null;
+    }
+    async chooseTemplate() {
+        const com = await import('./acorex-modules-form-template-management-template-picker.component-D_FkgF0W.mjs').then((c) => c.AXPTemplateWidgetPickerComponent);
+        const widgets = await this.items({
+            skip: 0,
+            take: 100,
+            filter: {
+                field: 'type.id',
+                value: 20,
+                operator: {
+                    type: 'equal',
+                }
+            }
+        });
+        const result = await this.popupService.open(com, {
+            title: 'Widget Template Gallery',
+            size: 'md',
+            closeButton: true,
+            data: {
+                widgets: sortBy(widgets, (c) => c.title),
             },
+        });
+        if (result.data) {
+            const selected = result.data?.widgets;
+            return selected[0];
+        }
+        return null;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPTemplateWidgetProviderService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPTemplateWidgetProviderService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPTemplateWidgetProviderService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+
+class AXPTemplateWidgetViewComponent extends AXPWidgetComponent {
+    constructor() {
+        super();
+        this.metaKey = '__meta__';
+        this.templateProvider = inject(AXPTemplateWidgetProviderService);
+        this.templateId = computed(() => this.options()['templateId']);
+        this.nodes = signal([]);
+        //
+        effect(async () => {
+            this.nodes.set([]);
+            const value = this.getValue();
+            const templateId = get(value, `${this.metaKey}.templateId`) ?? this.templateId();
+            if (templateId) {
+                const item = await this.templateProvider.get(templateId);
+                if (item) {
+                    this.nodes.set(item.nodes);
+                }
+            }
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPTemplateWidgetViewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.3", type: AXPTemplateWidgetViewComponent, isStandalone: true, selector: "axp-template-widget-view", usesInheritance: true, ngImport: i0, template: `
+    @for (node of nodes(); track $index) {
+      <ng-container axp-widget-renderer
+        [node]="node"
+        [parentNode]="this"
+        [mode]="this.mode"
+      >
+      </ng-container>
+    }
+    @empty {
+    <span class="ax-underline ax-decoration-dotted  ax-underline-offset-8 ax-text-gray-400">
+      {{ 'empty-template' | translate : { scope: 'form-template-management' } | async }}
+    </span>
+    }
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "ngmodule", type: AXPLayoutBuilderModule }, { kind: "directive", type: i2.AXPWidgetRendererDirective, selector: "[axp-widget-renderer]", inputs: ["parentNode", "index", "mode", "node"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: i3.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPTemplateWidgetViewComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'axp-template-widget-view',
+                    template: `
+    @for (node of nodes(); track $index) {
+      <ng-container axp-widget-renderer
+        [node]="node"
+        [parentNode]="this"
+        [mode]="this.mode"
+      >
+      </ng-container>
+    }
+    @empty {
+    <span class="ax-underline ax-decoration-dotted  ax-underline-offset-8 ax-text-gray-400">
+      {{ 'empty-template' | translate : { scope: 'form-template-management' } | async }}
+    </span>
+    }
+  `,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    imports: [CommonModule, AXPLayoutBuilderModule, AXTranslationModule]
+                }]
+        }], ctorParameters: () => [] });
+
+var templateWidgetView_component = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    AXPTemplateWidgetViewComponent: AXPTemplateWidgetViewComponent
+});
+
+const AXP_DESIGNER_TEMPLATE_WIDGET_CHOOSE_MENU = {
+    text: 'Choose Template',
+    name: 'choose',
+    icon: 'fa-solid fa-folder-open',
+};
+class AXPTemplateWidgetDesignerComponent extends AXPContainerWidgetComponent {
+    constructor() {
+        super();
+        this.templateProvider = inject(AXPTemplateWidgetProviderService);
+        this.designerService = inject(AXPDesignerService);
+        this.templateId = computed(() => this.options()['templateId']);
+        this.nodes = signal([]);
+        this.title = signal(null);
+        //
+        effect(async () => {
+            this.nodes.set([]);
+            if (this.templateId()) {
+                const item = await this.templateProvider.get(this.templateId());
+                if (item && item.nodes?.length > 0) {
+                    this.title.set(item.title);
+                    this.nodes.set(item.nodes);
+                }
+            }
+        });
+    }
+    async handleChooseWidget() {
+        const result = await this.templateProvider.chooseTemplate();
+        if (result) {
+            this.designerService.update({
+                mode: 'update',
+                values: { options: { templateId: result.id } },
+                widget: this.node,
+            });
+        }
+    }
+    get __class() {
+        const cls = {};
+        //
+        cls[`ax-w-full`] = true;
+        cls[`ax-widget-outline`] = true;
+        //
+        cls[`ax-block`] = true;
+        return cls;
+    }
+    onContextMenu(context) {
+        const items = [
+            AXP_DESIGNER_TEMPLATE_WIDGET_CHOOSE_MENU
+        ];
+        items[items.length - 1].break = true;
+        context.items.unshift(...items);
+    }
+    async executeCommand(command) {
+        switch (command.name) {
+            case AXP_DESIGNER_TEMPLATE_WIDGET_CHOOSE_MENU.name:
+                await this.handleChooseWidget();
+                break;
+        }
+        return Promise.resolve();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPTemplateWidgetDesignerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.3", type: AXPTemplateWidgetDesignerComponent, isStandalone: true, selector: "axp-template-widget-designer", host: { properties: { "class": "this.__class" } }, providers: [
             {
-                path: 'viewer',
-                loadComponent: () => import('@acorex/platform/layout/designer').then((c) => c.AXPLayoutDesignerPreviewViewerComponent),
-            },
-        ],
+                provide: AXPTemplateWidgetDesignerComponent,
+                useExisting: AXPContainerWidgetComponent,
+            },
+        ], usesInheritance: true, ngImport: i0, template: `
+    @if(nodes().length) {
+    <div class="ax-relative ax-block ax-w-full ax-pointer-events-none">
+      @for (node of nodes(); track $index) {
+      <ng-container axp-widget-designer-renderer [locked]="true" [node]="node" [parentNode]="this" [mode]="this.mode"> </ng-container>
+      }
+      <div
+        class="ax-absolute ax-top-0 ax-bottom-0 ax-left-0 ax-right-0 ax-bg-blue-400 ax-opacity-30 ax-flex ax-justify-center ax-items-center ax-z-[400]"
+      >
+        <span class="ax-capitalize ax-font-semibold ax-text-primary-700"> {{ title() }}</span>
+      </div>
+    </div>
+    } @else {
+    <axp-designer-add-widget-mini-button
+      class="ax-flex-1 ax-self-center ax-place-self-end"
+      (onClick)="handleChooseWidget()"
+    >
+    </axp-designer-add-widget-mini-button>
+    }
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXPLayoutBuilderModule }, { kind: "directive", type: AXPWidgetDesignerRendererDirective, selector: "[axp-widget-designer-renderer]", inputs: ["parentNode", "index", "locked", "mode", "node"] }, { kind: "component", type: AXPDesignerAddWidgetMiniButtonComponent, selector: "axp-designer-add-widget-mini-button", outputs: ["onClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPTemplateWidgetDesignerComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'axp-template-widget-designer',
+                    template: `
+    @if(nodes().length) {
+    <div class="ax-relative ax-block ax-w-full ax-pointer-events-none">
+      @for (node of nodes(); track $index) {
+      <ng-container axp-widget-designer-renderer [locked]="true" [node]="node" [parentNode]="this" [mode]="this.mode"> </ng-container>
+      }
+      <div
+        class="ax-absolute ax-top-0 ax-bottom-0 ax-left-0 ax-right-0 ax-bg-blue-400 ax-opacity-30 ax-flex ax-justify-center ax-items-center ax-z-[400]"
+      >
+        <span class="ax-capitalize ax-font-semibold ax-text-primary-700"> {{ title() }}</span>
+      </div>
+    </div>
+    } @else {
+    <axp-designer-add-widget-mini-button
+      class="ax-flex-1 ax-self-center ax-place-self-end"
+      (onClick)="handleChooseWidget()"
+    >
+    </axp-designer-add-widget-mini-button>
+    }
+  `,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    imports: [
+                        CommonModule,
+                        AXPLayoutBuilderModule,
+                        AXPWidgetDesignerRendererDirective,
+                        AXPDesignerAddWidgetMiniButtonComponent,
+                    ],
+                    providers: [
+                        {
+                            provide: AXPTemplateWidgetDesignerComponent,
+                            useExisting: AXPContainerWidgetComponent,
+                        },
+                    ]
+                }]
+        }], ctorParameters: () => [], propDecorators: { __class: [{
+                type: HostBinding,
+                args: ['class']
+            }] } });
+
+var templateWidgetDesigner_component = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    AXPTemplateWidgetDesignerComponent: AXPTemplateWidgetDesignerComponent,
+    AXP_DESIGNER_TEMPLATE_WIDGET_CHOOSE_MENU: AXP_DESIGNER_TEMPLATE_WIDGET_CHOOSE_MENU
+});
+
+const AXPTemplateWidget = {
+    name: 'template',
+    title: 'Template',
+    type: 'container',
+    icon: 'fa-solid fa-file-invoice',
+    group: AXP_WIDGETS_ADVANCE_GROUP,
+    visible: true,
+    options: {
+        canInsert: false,
     },
-];
+    properties: [
+        AXP_NAME_PROPERTY,
+        AXP_DATA_PATH_PROPERTY,
+        createStringProperty({
+            name: 'options.templateId',
+            title: 'Template',
+            group: AXP_BEHAVIOR_PROPERTY_GROUP,
+            visible: false,
+        }),
+    ],
+    components: {
+        view: {
+            component: () => Promise.resolve().then(function () { return templateWidgetView_component; }).then((c) => c.AXPTemplateWidgetViewComponent),
+        },
+        edit: {
+            component: () => import('./acorex-modules-form-template-management-template-widget-edit.component-Bgx5YRBc.mjs').then((c) => c.AXPTemplateWidgetEditComponent),
+        },
+        print: {
+            component: () => Promise.resolve().then(function () { return templateWidgetView_component; }).then((c) => c.AXPTemplateWidgetViewComponent),
+        },
+        designer: {
+            component: () => Promise.resolve().then(function () { return templateWidgetDesigner_component; }).then((c) => c.AXPTemplateWidgetDesignerComponent),
+        },
+    },
+};
+
+function routesFacory() {
+    const routes = [
+        {
+            path: 'forms',
+            children: [
+                {
+                    path: 'designer',
+                    loadComponent: () => import('./acorex-modules-form-template-management-designer.page-BLbPLLdP.mjs').then((c) => c.AXMFormTemplateManagementModuleDesignerPage),
+                },
+                {
+                    path: 'preview',
+                    loadComponent: () => import('@acorex/platform/layout/designer').then((c) => c.AXPLayoutDesignerPreviewComponent),
+                },
+                {
+                    path: 'viewer',
+                    loadComponent: () => import('@acorex/platform/layout/designer').then((c) => c.AXPLayoutDesignerPreviewViewerComponent),
+                },
+            ],
+        },
+    ];
+    return routes;
+}
 class AXMFormTemplateManagementModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXMFormTemplateManagementModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.0", ngImport: i0, type: AXMFormTemplateManagementModule, imports: [i1$1.RouterModule, AXPWidgetsModule,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMFormTemplateManagementModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.0.3", ngImport: i0, type: AXMFormTemplateManagementModule, imports: [AXPWidgetsModule,
             AXMFormTemplateManagementCategoryEntityModule,
-            AXMFormTemplateManagementTemplateEntityModule, i2$1.AXPLayoutBuilderModule, i3.AXPWorkflowModule] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXMFormTemplateManagementModule, providers: [
+            AXMFormTemplateManagementTemplateEntityModule, i2.AXPLayoutBuilderModule, i2$1.AXPWorkflowModule] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMFormTemplateManagementModule, providers: [
+            {
+                provide: ROUTES,
+                multi: true,
+                useFactory: routesFacory,
+            },
             {
                 provide: AXP_ENTITY_DEFINITION_LOADER,
                 useClass: AXMFormTemplateManagementModuleEntityProvider,
@@ -1059,13 +722,13 @@ class AXMFormTemplateManagementModule {
                 useClass: AXPTemplateWidgetProviderImpl,
                 multi: true,
             }
-        ], imports: [RouterModule.forChild(routes),
-            AXPWidgetsModule,
+        ], imports: [AXPWidgetsModule,
             AXMFormTemplateManagementCategoryEntityModule,
             AXMFormTemplateManagementTemplateEntityModule,
             AXPLayoutBuilderModule.forChild({
                 widgets: [
-                    AXPTemplateDesignerWidget
+                    AXPTemplateDesignerWidget,
+                    AXPTemplateWidget
                 ]
             }),
             AXPWorkflowModule.forChild({
@@ -1078,17 +741,17 @@ class AXMFormTemplateManagementModule {
                 }
             })] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXMFormTemplateManagementModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMFormTemplateManagementModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [
-                        RouterModule.forChild(routes),
                         AXPWidgetsModule,
                         AXMFormTemplateManagementCategoryEntityModule,
                         AXMFormTemplateManagementTemplateEntityModule,
                         AXPLayoutBuilderModule.forChild({
                             widgets: [
-                                AXPTemplateDesignerWidget
+                                AXPTemplateDesignerWidget,
+                                AXPTemplateWidget
                             ]
                         }),
                         AXPWorkflowModule.forChild({
@@ -1104,6 +767,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImpor
                     exports: [],
                     declarations: [],
                     providers: [
+                        {
+                            provide: ROUTES,
+                            multi: true,
+                            useFactory: routesFacory,
+                        },
                         {
                             provide: AXP_ENTITY_DEFINITION_LOADER,
                             useClass: AXMFormTemplateManagementModuleEntityProvider,
@@ -1131,5 +799,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { AXMFormTemplateManagementModule };
+export { AXMFormTemplateManagementCategoryEntityModule, AXMFormTemplateManagementCategoryEntityService, AXMFormTemplateManagementCategoryEntityServiceImpl, AXMFormTemplateManagementModule, AXMFormTemplateManagementModuleConst, AXMFormTemplateManagementTemplateEntityModule, AXMFormTemplateManagementTemplateEntityService, AXMFormTemplateManagementTemplateEntityServiceImpl, AXMFormTemplateTypes, AXPTemplateWidget, AXPTemplateWidgetDesignerComponent, AXPTemplateWidgetProviderService, AXPTemplateWidgetViewComponent, AXP_DESIGNER_TEMPLATE_WIDGET_CHOOSE_MENU, AXP_TEMPLATE_WIDGET_PROVIDER };
 //# sourceMappingURL=acorex-modules-form-template-management.mjs.map