@acorex/modules 19.2.12 → 19.2.15

package/fesm2022/{acorex-modules-form-template-management-category.entity-ChxSjvOF.mjs → acorex-modules-form-template-management-category.entity-BZXqnhwK.mjs}

@@ -1,7 +1,6 @@
 import { AXPEntityQueryType, AXPEntityCommandScope } from '@acorex/platform/common';
 import { AXPWidgetsCatalog } from '@acorex/platform/layout/builder';
-import { applySortArray, applyFilterArray } from '@acorex/platform/core';
-import { A as AXMFormTemplateManagementCategoryEntityService, R as RootConfig } from './acorex-modules-form-template-management-acorex-modules-form-template-management-BTQ4VpFG.mjs';
+import { A as AXMFormTemplateManagementCategoryEntityService, R as RootConfig } from './acorex-modules-form-template-management-acorex-modules-form-template-management-szDh56Bk.mjs';
 
 async function factory(injector) {
     const dataService = injector.get(AXMFormTemplateManagementCategoryEntityService);
@@ -56,7 +55,7 @@ async function factory(injector) {
                     interface: {
                         type: AXPWidgetsCatalog.lookup,
                         options: {
-                            entity: `${RootConfig.module.name}.${RootConfig.entities.category}`,
+                            entity: `${RootConfig.module.name}.${RootConfig.entities.category.name}`,
                         },
                     },
                 },
@@ -90,19 +89,7 @@ async function factory(injector) {
             },
             list: {
                 execute: async (e) => {
-                    const list = (await dataService.query({ skip: e.skip, take: e.take, filter: e.filter, sort: e.sort })).items;
-                    const sortedItems = applySortArray(list, e.sort);
-                    const filteredItems = applyFilterArray(sortedItems, e.filter ? [e.filter] : []);
-                    if (e.filter?.field === 'parentId') {
-                        return {
-                            items: filteredItems,
-                            total: filteredItems.length,
-                        };
-                    }
-                    return {
-                        total: filteredItems.filter((i) => !i.parentId).length,
-                        items: filteredItems.filter((i) => !i.parentId).slice(e.skip, (e.skip ?? 0) + (e.take ?? 0)),
-                    };
+                    return await dataService.query({ skip: e.skip, take: e.take, filter: e.filter });
                 },
                 type: AXPEntityQueryType.List,
             },
@@ -244,4 +231,4 @@ async function factory(injector) {
 }
 
 export { factory };
-//# sourceMappingURL=acorex-modules-form-template-management-category.entity-ChxSjvOF.mjs.map
+//# sourceMappingURL=acorex-modules-form-template-management-category.entity-BZXqnhwK.mjs.map

package/fesm2022/acorex-modules-form-template-management-category.entity-BZXqnhwK.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"acorex-modules-form-template-management-category.entity-BZXqnhwK.mjs","sources":["../../../../libs/modules/form-template-management/src/lib/entities/category/category.entity.ts"],"sourcesContent":["import { AXPEntity, AXPEntityCommandScope, AXPEntityQueryType } from '@acorex/platform/common';\nimport { AXPWidgetsCatalog } from '@acorex/platform/layout/builder';\nimport { Injector } from '@angular/core';\n\nimport { RootConfig } from '../../const';\nimport { AXMFormTemplateManagementCategoryEntityService } from './category.service';\n\nexport async function factory(injector: Injector): Promise<AXPEntity | null> {\n  const dataService = injector.get(AXMFormTemplateManagementCategoryEntityService);\n  const i18n = RootConfig.config.i18n;\n\n  const entityDef: AXPEntity = {\n    module: RootConfig.module.name,\n    name: RootConfig.entities.category.name,\n    parentKey: 'parentId',\n    source: '',\n    title: RootConfig.entities.category.title,\n    formats: {\n      individual: `t(\"category\", { scope: \"${i18n}\" })`,\n      plural: `t(\"categories\", { scope: \"${i18n}\" })`,\n      searchResult: {\n        title: '{{ title }}',\n        description: RootConfig.module.title,\n      },\n    },\n    relatedEntities: [],\n    groups: [\n      {\n        id: 'section',\n        title: `t(\"category\", { scope: \"common\" })`,\n      },\n    ],\n    properties: [\n      {\n        name: 'title',\n        title: `t(\"title\",{ scope:  \"common\" })`,\n        groupId: 'section',\n        schema: {\n          dataType: 'string',\n          interface: {\n            type: AXPWidgetsCatalog.text,\n            options: {\n              width: '400px',\n            },\n          },\n        },\n        validations: [\n          {\n            rule: 'required',\n          },\n        ],\n      },\n      {\n        name: 'parentId',\n        title: `t(\"parentId\",{ scope: \"${i18n}\" })`,\n        groupId: 'section',\n        schema: {\n          dataType: 'string',\n          interface: {\n            type: AXPWidgetsCatalog.lookup,\n            options: {\n              entity: `${RootConfig.module.name}.${RootConfig.entities.category.name}`,\n            },\n          },\n        },\n      },\n    ],\n    columns: [{ name: 'title' }],\n    commands: {\n      create: {\n        execute: async (data: any) => {\n          const res = await dataService.insertOne(data);\n          return { id: res };\n        },\n      },\n      delete: {\n        execute: async (id: any) => {\n          return await dataService.deleteOne(id);\n        },\n      },\n      update: {\n        execute: async (data: any) => {\n          return await dataService.updateOne(data.id, data);\n        },\n      },\n    },\n    queries: {\n      byKey: {\n        execute: async (id: string) => {\n          return await dataService.getOne(id);\n        },\n        type: AXPEntityQueryType.Single,\n      },\n      list: {\n        execute: async (e: any) => {\n          return await dataService.query({ skip: e.skip, take: e.take, filter: e.filter });\n        },\n        type: AXPEntityQueryType.List,\n      },\n    },\n    interfaces: {\n      master: {\n        create: {\n          sections: [\n            {\n              id: 'section',\n            },\n          ],\n          properties: [\n            {\n              name: 'title',\n              layout: {\n                positions: {\n                  lg: {\n                    colSpan: 12,\n                  },\n                },\n              },\n            },\n            {\n              name: 'parentId',\n              layout: {\n                positions: {\n                  lg: {\n                    colSpan: 12,\n                  },\n                },\n              },\n            },\n          ],\n        },\n        update: {\n          sections: [\n            {\n              id: 'section',\n            },\n          ],\n          properties: [\n            {\n              name: 'title',\n              layout: {\n                positions: {\n                  lg: {\n                    colSpan: 12,\n                  },\n                },\n              },\n            },\n            {\n              name: 'parentId',\n              layout: {\n                positions: {\n                  lg: {\n                    colSpan: 12,\n                  },\n                },\n              },\n            },\n          ],\n        },\n        single: {\n          title: '{{title}}',\n          sections: [\n            {\n              id: 'section',\n              layout: {\n                positions: {\n                  lg: {\n                    colSpan: 12,\n                  },\n                },\n              },\n            },\n          ],\n          properties: [\n            {\n              name: 'title',\n              layout: {\n                positions: {\n                  lg: {\n                    colSpan: 6,\n                  },\n                },\n              },\n            },\n          ],\n          actions: [],\n        },\n        list: {\n          actions: [\n            {\n              title: `t(\"create\", { scope: \"common\" })`,\n              command: 'create-entity',\n              priority: 'primary',\n              type: 'create',\n              scope: AXPEntityCommandScope.TypeLevel,\n            },\n            {\n              title: 't(\"deleteItems\", { scope: \"common\" })',\n              command: 'delete-entity',\n              priority: 'primary',\n              type: 'delete',\n              scope: AXPEntityCommandScope.Selected,\n            },\n            {\n              title: 't(\"detail\", { scope: \"common\" })',\n              command: 'open-entity',\n              priority: 'secondary',\n              type: 'view',\n              scope: AXPEntityCommandScope.Individual,\n            },\n            {\n              title: 't(\"delete\", { scope: \"common\" })',\n              command: 'delete-entity',\n              priority: 'secondary',\n              type: 'delete',\n              scope: AXPEntityCommandScope.Individual,\n            },\n          ],\n          views: [\n            {\n              name: 'all',\n              title: 't(\"allItem\", { scope: \"common\" })',\n              fixed: true,\n              columns: [],\n              conditions: [],\n              sorts: [],\n            },\n          ],\n        },\n      },\n    },\n  };\n\n  return entityDef;\n}\n"],"names":[],"mappings":"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"}

package/fesm2022/{acorex-modules-form-template-management-designer.page-BLbPLLdP.mjs → acorex-modules-form-template-management-designer.page-Bd_bZ_7p.mjs}

@@ -12,12 +12,13 @@ class AXMFormTemplateManagementModuleDesignerPage {
     constructor() {
         this.router = inject(ActivatedRoute);
         this.templateId = signal(this.router.snapshot.queryParams['id']);
+        this.strategy = signal(this.router.snapshot.queryParams['strategy']);
     }
     ngAfterViewInit() {
         document.querySelector('html')?.classList.remove('ax-dark');
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMFormTemplateManagementModuleDesignerPage, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.3", type: AXMFormTemplateManagementModuleDesignerPage, isStandalone: true, selector: "ng-component", ngImport: i0, template: "<axp-layout-designer [id]=\"templateId()\"> </axp-layout-designer>", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "ngmodule", type: AXPWidgetsModule }, { kind: "ngmodule", type: AXPLayoutBuilderModule }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: AXPLayoutDesignerComponent, selector: "axp-layout-designer", inputs: ["id"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.3", type: AXMFormTemplateManagementModuleDesignerPage, isStandalone: true, selector: "ng-component", ngImport: i0, template: "<axp-layout-designer [id]=\"templateId()\" [strategy]=\"strategy()\"> </axp-layout-designer>", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "ngmodule", type: AXPWidgetsModule }, { kind: "ngmodule", type: AXPLayoutBuilderModule }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: AXPLayoutDesignerComponent, selector: "axp-layout-designer", inputs: ["id", "strategy"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMFormTemplateManagementModuleDesignerPage, decorators: [{
             type: Component,
@@ -28,8 +29,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImpor
                         AXPLayoutBuilderModule,
                         AXButtonModule,
                         AXPLayoutDesignerComponent,
-                    ], template: "<axp-layout-designer [id]=\"templateId()\"> </axp-layout-designer>" }]
+                    ], template: "<axp-layout-designer [id]=\"templateId()\" [strategy]=\"strategy()\"> </axp-layout-designer>" }]
         }] });
 
 export { AXMFormTemplateManagementModuleDesignerPage };
-//# sourceMappingURL=acorex-modules-form-template-management-designer.page-BLbPLLdP.mjs.map
+//# sourceMappingURL=acorex-modules-form-template-management-designer.page-Bd_bZ_7p.mjs.map

package/fesm2022/acorex-modules-form-template-management-designer.page-Bd_bZ_7p.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"acorex-modules-form-template-management-designer.page-Bd_bZ_7p.mjs","sources":["../../../../libs/modules/form-template-management/src/lib/features/designer/designer.page.ts","../../../../libs/modules/form-template-management/src/lib/features/designer/designer.page.html"],"sourcesContent":["import { AXButtonModule } from '@acorex/components/button';\nimport { AXDecoratorModule } from '@acorex/components/decorators';\nimport { AXPLayoutBuilderModule } from '@acorex/platform/layout/builder';\nimport { AXPLayoutDesignerComponent } from '@acorex/platform/layout/designer';\nimport { AXPWidgetsModule } from '@acorex/platform/widgets';\nimport { CommonModule } from '@angular/common';\nimport { Component, inject, signal } from '@angular/core';\nimport { ActivatedRoute } from '@angular/router';\n\n@Component({\n  templateUrl: 'designer.page.html',\n  imports: [\n    CommonModule,\n    AXDecoratorModule,\n    AXPWidgetsModule,\n    AXPLayoutBuilderModule,\n    AXButtonModule,\n    AXPLayoutDesignerComponent,\n  ]\n})\nexport class AXMFormTemplateManagementModuleDesignerPage {\n  private router = inject(ActivatedRoute);\n  protected templateId = signal<string | null>(this.router.snapshot.queryParams['id']);\n  protected strategy = signal<string | null>(this.router.snapshot.queryParams['strategy']);\n\n  ngAfterViewInit(): void {\n    document.querySelector('html')?.classList.remove('ax-dark');\n  }\n}\n","<axp-layout-designer [id]=\"templateId()\" [strategy]=\"strategy()\"> </axp-layout-designer>"],"names":[],"mappings":";;;;;;;;;;MAoBa,2CAA2C,CAAA;AAXxD,IAAA,WAAA,GAAA;AAYU,QAAA,IAAA,CAAA,MAAM,GAAG,MAAM,CAAC,cAAc,CAAC;AAC7B,QAAA,IAAA,CAAA,UAAU,GAAG,MAAM,CAAgB,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;AAC1E,QAAA,IAAA,CAAA,QAAQ,GAAG,MAAM,CAAgB,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;AAKzF;IAHC,eAAe,GAAA;AACb,QAAA,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,EAAE,SAAS,CAAC,MAAM,CAAC,SAAS,CAAC;;8GANlD,2CAA2C,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAA3C,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,2CAA2C,ECpBxD,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,cAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,8FAAwF,EDYpF,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,YAAY,EACZ,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,iBAAiB,EACjB,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,gBAAgB,EAChB,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,sBAAsB,EACtB,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,cAAc,+BACd,0BAA0B,EAAA,QAAA,EAAA,qBAAA,EAAA,MAAA,EAAA,CAAA,IAAA,EAAA,UAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA;;2FAGjB,2CAA2C,EAAA,UAAA,EAAA,CAAA;kBAXvD,SAAS;AAEC,YAAA,IAAA,EAAA,CAAA,EAAA,OAAA,EAAA;wBACP,YAAY;wBACZ,iBAAiB;wBACjB,gBAAgB;wBAChB,sBAAsB;wBACtB,cAAc;wBACd,0BAA0B;AAC3B,qBAAA,EAAA,QAAA,EAAA,8FAAA,EAAA;;;;;"}

package/fesm2022/{acorex-modules-form-template-management-setting.provider-CByIOZMr.mjs → acorex-modules-form-template-management-setting.provider-o2_TSVfK.mjs}

@@ -1,5 +1,5 @@
 import { AXPWidgetsCatalog } from '@acorex/platform/layout/builder';
-import { R as RootConfig } from './acorex-modules-form-template-management-acorex-modules-form-template-management-BTQ4VpFG.mjs';
+import { R as RootConfig } from './acorex-modules-form-template-management-acorex-modules-form-template-management-szDh56Bk.mjs';
 
 class AXMSettingProvider {
     async provide(context) {
@@ -62,4 +62,4 @@ class AXMSettingProvider {
 }
 
 export { AXMSettingProvider };
-//# sourceMappingURL=acorex-modules-form-template-management-setting.provider-CByIOZMr.mjs.map
+//# sourceMappingURL=acorex-modules-form-template-management-setting.provider-o2_TSVfK.mjs.map

package/fesm2022/{acorex-modules-form-template-management-setting.provider-CByIOZMr.mjs.map → acorex-modules-form-template-management-setting.provider-o2_TSVfK.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"acorex-modules-form-template-management-setting.provider-CByIOZMr.mjs","sources":["../../../../libs/modules/form-template-management/src/lib/setting.provider.ts"],"sourcesContent":["import { AXPSettingDefinitionProvider, AXPSettingDefinitionProviderContext } from '@acorex/platform/common';\nimport { AXPWidgetsCatalog } from '@acorex/platform/layout/builder';\nimport { RootConfig } from './const';\n\nexport class AXMSettingProvider implements AXPSettingDefinitionProvider {\n\n  async provide(context: AXPSettingDefinitionProviderContext): Promise<void> {\n    context\n      // Add Form Template Group\n      .addGroup('form-template', 'Form Template', 'Settings related to form templates.', RootConfig.module.icon)\n\n      // Start Interface Section\n      .addSection('interface', 'UI Interface', 'Customize the user interface for forms.')\n      .addSetting({\n        key: 'history-panel',\n        title: 'Show History Panel',\n        scope: 'U',\n        isInherited: true,\n        defaultValue: false,\n        widget: {\n          type: AXPWidgetsCatalog.toggle,\n        },\n        description: 'Enable or disable the history panel for forms.',\n        validationRules: [\n          {\n            rule: 'required',\n          },\n        ],\n      })\n      .endSection()\n\n      // Start Saving Section\n      .addSection('saving', 'Saving', 'Settings related to saving form data.')\n      .addSetting({\n        key: 'auto-save',\n        title: 'Auto Save',\n        scope: 'U',\n        isInherited: true,\n        defaultValue: false,\n        widget: {\n          type: AXPWidgetsCatalog.toggle,\n        },\n        description: 'Automatically save form data at regular intervals.',\n      })\n      .addSetting({\n        key: 'auto-save-interval',\n        title: 'Auto Save Interval',\n        scope: 'U',\n        isInherited: true,\n        defaultValue: 1,\n        widget: {\n          type: AXPWidgetsCatalog.number,\n          options: {\n            visibility: `{{ context.eval('auto-save') }}`,\n            hasClearButton: false,\n            minValue: 1,\n            maxValue: 60,\n          }\n        },\n\n        description: 'Set the time interval (in minites) for auto-saving form data.',\n      })\n      .endSection()\n\n      // End Form Template Group\n      .endGroup();\n  }\n}\n"],"names":[],"mappings":";;;MAIa,kBAAkB,CAAA;IAE7B,MAAM,OAAO,CAAC,OAA4C,EAAA;QACxD;;AAEG,aAAA,QAAQ,CAAC,eAAe,EAAE,eAAe,EAAE,qCAAqC,EAAE,UAAU,CAAC,MAAM,CAAC,IAAI;;AAGxG,aAAA,UAAU,CAAC,WAAW,EAAE,cAAc,EAAE,yCAAyC;AACjF,aAAA,UAAU,CAAC;AACV,YAAA,GAAG,EAAE,eAAe;AACpB,YAAA,KAAK,EAAE,oBAAoB;AAC3B,YAAA,KAAK,EAAE,GAAG;AACV,YAAA,WAAW,EAAE,IAAI;AACjB,YAAA,YAAY,EAAE,KAAK;AACnB,YAAA,MAAM,EAAE;gBACN,IAAI,EAAE,iBAAiB,CAAC,MAAM;AAC/B,aAAA;AACD,YAAA,WAAW,EAAE,gDAAgD;AAC7D,YAAA,eAAe,EAAE;AACf,gBAAA;AACE,oBAAA,IAAI,EAAE,UAAU;AACjB,iBAAA;AACF,aAAA;SACF;AACA,aAAA,UAAU;;AAGV,aAAA,UAAU,CAAC,QAAQ,EAAE,QAAQ,EAAE,uCAAuC;AACtE,aAAA,UAAU,CAAC;AACV,YAAA,GAAG,EAAE,WAAW;AAChB,YAAA,KAAK,EAAE,WAAW;AAClB,YAAA,KAAK,EAAE,GAAG;AACV,YAAA,WAAW,EAAE,IAAI;AACjB,YAAA,YAAY,EAAE,KAAK;AACnB,YAAA,MAAM,EAAE;gBACN,IAAI,EAAE,iBAAiB,CAAC,MAAM;AAC/B,aAAA;AACD,YAAA,WAAW,EAAE,oDAAoD;SAClE;AACA,aAAA,UAAU,CAAC;AACV,YAAA,GAAG,EAAE,oBAAoB;AACzB,YAAA,KAAK,EAAE,oBAAoB;AAC3B,YAAA,KAAK,EAAE,GAAG;AACV,YAAA,WAAW,EAAE,IAAI;AACjB,YAAA,YAAY,EAAE,CAAC;AACf,YAAA,MAAM,EAAE;gBACN,IAAI,EAAE,iBAAiB,CAAC,MAAM;AAC9B,gBAAA,OAAO,EAAE;AACP,oBAAA,UAAU,EAAE,CAAiC,+BAAA,CAAA;AAC7C,oBAAA,cAAc,EAAE,KAAK;AACrB,oBAAA,QAAQ,EAAE,CAAC;AACX,oBAAA,QAAQ,EAAE,EAAE;AACb;AACF,aAAA;AAED,YAAA,WAAW,EAAE,+DAA+D;SAC7E;AACA,aAAA,UAAU;;AAGV,aAAA,QAAQ,EAAE;;AAEhB;;;;"}
+{"version":3,"file":"acorex-modules-form-template-management-setting.provider-o2_TSVfK.mjs","sources":["../../../../libs/modules/form-template-management/src/lib/setting.provider.ts"],"sourcesContent":["import { AXPSettingDefinitionProvider, AXPSettingDefinitionProviderContext } from '@acorex/platform/common';\nimport { AXPWidgetsCatalog } from '@acorex/platform/layout/builder';\nimport { RootConfig } from './const';\n\nexport class AXMSettingProvider implements AXPSettingDefinitionProvider {\n\n  async provide(context: AXPSettingDefinitionProviderContext): Promise<void> {\n    context\n      // Add Form Template Group\n      .addGroup('form-template', 'Form Template', 'Settings related to form templates.', RootConfig.module.icon)\n\n      // Start Interface Section\n      .addSection('interface', 'UI Interface', 'Customize the user interface for forms.')\n      .addSetting({\n        key: 'history-panel',\n        title: 'Show History Panel',\n        scope: 'U',\n        isInherited: true,\n        defaultValue: false,\n        widget: {\n          type: AXPWidgetsCatalog.toggle,\n        },\n        description: 'Enable or disable the history panel for forms.',\n        validationRules: [\n          {\n            rule: 'required',\n          },\n        ],\n      })\n      .endSection()\n\n      // Start Saving Section\n      .addSection('saving', 'Saving', 'Settings related to saving form data.')\n      .addSetting({\n        key: 'auto-save',\n        title: 'Auto Save',\n        scope: 'U',\n        isInherited: true,\n        defaultValue: false,\n        widget: {\n          type: AXPWidgetsCatalog.toggle,\n        },\n        description: 'Automatically save form data at regular intervals.',\n      })\n      .addSetting({\n        key: 'auto-save-interval',\n        title: 'Auto Save Interval',\n        scope: 'U',\n        isInherited: true,\n        defaultValue: 1,\n        widget: {\n          type: AXPWidgetsCatalog.number,\n          options: {\n            visibility: `{{ context.eval('auto-save') }}`,\n            hasClearButton: false,\n            minValue: 1,\n            maxValue: 60,\n          }\n        },\n\n        description: 'Set the time interval (in minites) for auto-saving form data.',\n      })\n      .endSection()\n\n      // End Form Template Group\n      .endGroup();\n  }\n}\n"],"names":[],"mappings":";;;MAIa,kBAAkB,CAAA;IAE7B,MAAM,OAAO,CAAC,OAA4C,EAAA;QACxD;;AAEG,aAAA,QAAQ,CAAC,eAAe,EAAE,eAAe,EAAE,qCAAqC,EAAE,UAAU,CAAC,MAAM,CAAC,IAAI;;AAGxG,aAAA,UAAU,CAAC,WAAW,EAAE,cAAc,EAAE,yCAAyC;AACjF,aAAA,UAAU,CAAC;AACV,YAAA,GAAG,EAAE,eAAe;AACpB,YAAA,KAAK,EAAE,oBAAoB;AAC3B,YAAA,KAAK,EAAE,GAAG;AACV,YAAA,WAAW,EAAE,IAAI;AACjB,YAAA,YAAY,EAAE,KAAK;AACnB,YAAA,MAAM,EAAE;gBACN,IAAI,EAAE,iBAAiB,CAAC,MAAM;AAC/B,aAAA;AACD,YAAA,WAAW,EAAE,gDAAgD;AAC7D,YAAA,eAAe,EAAE;AACf,gBAAA;AACE,oBAAA,IAAI,EAAE,UAAU;AACjB,iBAAA;AACF,aAAA;SACF;AACA,aAAA,UAAU;;AAGV,aAAA,UAAU,CAAC,QAAQ,EAAE,QAAQ,EAAE,uCAAuC;AACtE,aAAA,UAAU,CAAC;AACV,YAAA,GAAG,EAAE,WAAW;AAChB,YAAA,KAAK,EAAE,WAAW;AAClB,YAAA,KAAK,EAAE,GAAG;AACV,YAAA,WAAW,EAAE,IAAI;AACjB,YAAA,YAAY,EAAE,KAAK;AACnB,YAAA,MAAM,EAAE;gBACN,IAAI,EAAE,iBAAiB,CAAC,MAAM;AAC/B,aAAA;AACD,YAAA,WAAW,EAAE,oDAAoD;SAClE;AACA,aAAA,UAAU,CAAC;AACV,YAAA,GAAG,EAAE,oBAAoB;AACzB,YAAA,KAAK,EAAE,oBAAoB;AAC3B,YAAA,KAAK,EAAE,GAAG;AACV,YAAA,WAAW,EAAE,IAAI;AACjB,YAAA,YAAY,EAAE,CAAC;AACf,YAAA,MAAM,EAAE;gBACN,IAAI,EAAE,iBAAiB,CAAC,MAAM;AAC9B,gBAAA,OAAO,EAAE;AACP,oBAAA,UAAU,EAAE,CAAiC,+BAAA,CAAA;AAC7C,oBAAA,cAAc,EAAE,KAAK;AACrB,oBAAA,QAAQ,EAAE,CAAC;AACX,oBAAA,QAAQ,EAAE,EAAE;AACb;AACF,aAAA;AAED,YAAA,WAAW,EAAE,+DAA+D;SAC7E;AACA,aAAA,UAAU;;AAGV,aAAA,QAAQ,EAAE;;AAEhB;;;;"}

package/fesm2022/acorex-modules-form-template-management-template-picker.component-BxOdV3y2.mjs

@@ -0,0 +1,191 @@
+import * as i4 from '@acorex/components/button';
+import { AXButtonModule } from '@acorex/components/button';
+import * as i3 from '@acorex/components/common';
+import { AXCommonModule } from '@acorex/components/common';
+import * as i5 from '@acorex/components/decorators';
+import { AXDecoratorModule } from '@acorex/components/decorators';
+import { AXBasePageComponent } from '@acorex/components/page';
+import * as i6 from '@acorex/components/search-box';
+import { AXSearchBoxModule } from '@acorex/components/search-box';
+import { AXPSettingService, AXPSettingScope } from '@acorex/platform/common';
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i0 from '@angular/core';
+import { inject, model, signal, computed, Component, ViewEncapsulation } from '@angular/core';
+import * as i2 from '@angular/forms';
+import { FormsModule } from '@angular/forms';
+import { orderBy } from 'lodash-es';
+import * as i7 from '@acorex/components/side-menu';
+import { AXSideMenuModule } from '@acorex/components/side-menu';
+import * as i3$1 from '@acorex/core/translation';
+import { AXTranslationModule } from '@acorex/core/translation';
+
+class AXPTemplateWidgetPickerComponent extends AXBasePageComponent {
+    constructor() {
+        super(...arguments);
+        this.settingService = inject(AXPSettingService);
+        this.lastSelectedCategoryKey = 'forms:templates:picker:lastSelectedCategory';
+        this.pinnedSettingKey = 'forms:templates:picker:pinned';
+        this.searchTerm = model('');
+        // Signals
+        this.widgets = [];
+        this.displayWidgets = signal([]);
+        // Signal to track selected widgets
+        this.selectedWidgets = signal([]);
+        // Computed for filtered and ordered widget list
+        this.orderedList = computed(() => {
+            const search = this.searchTerm().toLowerCase();
+            const selectedCategory = this.selectedCategory();
+            const selectedCategoryId = selectedCategory ? selectedCategory.id : null;
+            const filterByCategory = (widget) => {
+                if (!selectedCategoryId)
+                    return true;
+                const categoryIds = [selectedCategoryId, ...(selectedCategory?.children?.map(c => c.id) || [])];
+                return categoryIds.includes(widget.group.name);
+            };
+            return orderBy(this.displayWidgets().filter((w) => {
+                const matchesCategory = filterByCategory(w);
+                const matchesSearch = !search || w.title.toLowerCase().includes(search) || w.description?.toLowerCase().includes(search);
+                return matchesCategory && matchesSearch;
+            }), ['pinned', 'title'], ['desc', 'asc']);
+        });
+        // Pinned and regular lists
+        this.pinnedList = computed(() => this.orderedList().filter((c) => c.pinned));
+        this.regularList = computed(() => this.orderedList().filter((c) => !c.pinned));
+        this.currentTabIndex = signal(0);
+        //#region Category Tree
+        this.categories = [];
+        this.displayCategories = computed(() => {
+            const map = (node) => {
+                const children = this.categories.filter(i => i.parentId == node.id).map(map);
+                return {
+                    id: node.id,
+                    text: node.title,
+                    parentId: node.parentId,
+                    hasChild: children.length > 0,
+                    children: children
+                };
+            };
+            return this.categories.filter(c => !c.parentId).map(map);
+        });
+        this.selectedCategory = signal(null);
+    }
+    async ngOnInit() {
+        super.ngOnInit();
+        const pinnedWidgets = (await this.settingService.get(this.pinnedSettingKey)) || [];
+        this.displayWidgets.set(this.widgets.map((c) => ({ ...c, pinned: pinnedWidgets.includes(c.id), icon: c.icon ?? 'fa-solid fa-file-invoice' })));
+        const lastSelectedCategoryId = await this.settingService.get(this.lastSelectedCategoryKey);
+        if (lastSelectedCategoryId) {
+            const findCategory = (categories, id) => {
+                for (const category of categories) {
+                    if (category.id === id)
+                        return category;
+                    if (category.children) {
+                        const found = findCategory(category.children, id);
+                        if (found)
+                            return found;
+                    }
+                }
+                return null;
+            };
+            const lastSelectedCategory = findCategory(this.displayCategories(), lastSelectedCategoryId);
+            if (lastSelectedCategory) {
+                this.selectedCategory.set(lastSelectedCategory);
+            }
+        }
+    }
+    isExpanded(item) {
+        const selectedCategory = this.selectedCategory();
+        if (!selectedCategory)
+            return false;
+        const isParent = (category, targetId) => {
+            if (category.id === targetId)
+                return true;
+            if (category.children) {
+                return category.children.some(child => isParent(child, targetId));
+            }
+            return false;
+        };
+        return isParent(item, selectedCategory.id);
+    }
+    // protected override async ngOnInit() {
+    //   super.ngOnInit();
+    //   const pinnedWidgets = (await this.settingService.get<string[]>(this.pinnedSettingKey)) || [];
+    //   this.displayWidgets.set(this.widgets.map((c) => ({ ...c, pinned: pinnedWidgets.includes(c.id), icon: c.icon ?? 'fa-solid fa-file-invoice' })));
+    // }
+    handleTabChange(event) {
+        const indx = event.index;
+        if (this.currentTabIndex() != indx) {
+            this.currentTabIndex.set(indx);
+        }
+    }
+    handleClick(event, widget) {
+        if (event.ctrlKey) {
+            const currentSelection = this.selectedWidgets();
+            const isAlreadySelected = currentSelection.some((w) => w === widget);
+            if (isAlreadySelected) {
+                // Deselect widget if already selected
+                this.selectedWidgets.set(currentSelection.filter((w) => w !== widget));
+            }
+            else {
+                // Add widget to selection
+                this.selectedWidgets.set([...currentSelection, widget]);
+            }
+        }
+        else {
+            // If CTRL is not pressed, select only the clicked widget
+            this.close({ widgets: [widget] });
+        }
+    }
+    async handlePinClick(e, widget) {
+        e.stopPropagation();
+        widget.pinned = !widget.pinned;
+        // Get the current list of pinned widgets from settings
+        let pinnedWidgets = (await this.settingService.get(this.pinnedSettingKey)) || [];
+        // Update the list of pinned widgets based on the pinned status
+        if (widget.pinned) {
+            if (!pinnedWidgets.includes(widget.id)) {
+                pinnedWidgets.push(widget.id);
+            }
+        }
+        else {
+            pinnedWidgets = pinnedWidgets.filter((name) => name !== widget.id);
+        }
+        // Save the updated list of pinned widgets
+        await this.settingService.scope(AXPSettingScope.User).set(this.pinnedSettingKey, pinnedWidgets);
+        // Trigger a re-render of the widgets
+        this.displayWidgets.set([...this.displayWidgets()]);
+    }
+    // Check if a widget is selected
+    isWidgetSelected(widget) {
+        return this.selectedWidgets().includes(widget);
+    }
+    handleConfirmSelection() {
+        this.close({ widgets: this.selectedWidgets() });
+    }
+    handleMenuItemClick(item) {
+        this.selectedCategory.set(item);
+        this.settingService.scope(AXPSettingScope.User).set(this.lastSelectedCategoryKey, item.id);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPTemplateWidgetPickerComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.3", type: AXPTemplateWidgetPickerComponent, isStandalone: true, selector: "ng-component", inputs: { searchTerm: { classPropertyName: "searchTerm", publicName: "searchTerm", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { searchTerm: "searchTermChange" }, usesInheritance: true, ngImport: i0, template: "<div class=\"ax-flex ax-flex-col lg:ax-h-[60vh]\">\n  <div class=\"ax-p-2 ax-surface-lowest ax-border-b ax-flex-none\">\n    <ax-search-box look=\"fill\" placeholder=\"e.g. Button, Text, ...\" class=\"ax-sm\" [(ngModel)]=\"searchTerm\"\n      [delayTime]=\"300\" [axAutoFocus]=\"true\">\n      <ax-clear-button></ax-clear-button>\n    </ax-search-box>\n  </div>\n  <div class=\"ax-flex ax-flex-grow ax-h-full \">\n    <div\n      class=\"ax-flex ax-h-full ax-overflow-auto ax-w-1/3  ax-justify-start ax-items-start ax-surface-lowest ax-border-e \">\n      <ax-side-menu look=\"pills\" [look]=\"'with-line-color'\" [location]=\"'start'\">\n        <ng-container *ngFor=\"let item of displayCategories()\" [ngTemplateOutlet]=\"recursiveMenu\"\n          [ngTemplateOutletContext]=\"{ item: item }\">\n        </ng-container>\n      </ax-side-menu>\n      <ng-template #recursiveMenu let-item=\"item\">\n        <ax-side-menu-item [active]=\"item ===selectedCategory()\" (onClick)=\"handleMenuItemClick(item)\"\n          [isCollapsed]=\"!isExpanded(item)\">\n          <ax-prefix>\n            <ax-icon class=\"fa-solid fa-folder ax-text-yellow-500 fa-fw\"></ax-icon>\n          </ax-prefix>\n          <span>{{ item.text | translate | async }}</span>\n          <ng-container *ngIf=\"item.hasChild\">\n            <ng-container *ngFor=\"let child of item.children\" [ngTemplateOutlet]=\"recursiveMenu\"\n              [ngTemplateOutletContext]=\"{ item: child }\">\n            </ng-container>\n          </ng-container>\n        </ax-side-menu-item>\n      </ng-template>\n    </div>\n    <div class=\"ax-flex ax-h-full ax-overflow-auto ax-flex-col ax-w-2/3 \">\n      <div class=\"ax-flex ax-flex-col ax-p-4\">\n        <ng-template #itemTpl let-w>\n          <div (click)=\"handleClick($event, w)\"\n            class=\"ax-py-2 ax-px-3 ax-rounded-md ax-flex ax-gap-3 ax-items-center ax-group hover:ax-bg-primary-100 dark:hover:ax-bg-primary-800 ax-cursor-pointer\"\n            [class.ax-bg-primary-100]=\"isWidgetSelected(w)\">\n            <div\n              class=\"ax-w-10 ax-h-10 ax-flex ax-items-center ax-justify-center ax-rounded-md ax-border ax-border-neutral-200 ax-text-neutral-500 ax-bg-on-surface group-hover:ax-bg-primary-200\"\n              [class.ax-bg-primary-200]=\"isWidgetSelected(w)\">\n              <i [ngClass]=\"w.icon\" class=\"ax-text-lg group-hover:ax-text-primary-700 ax-text-on-surface-fore\"\n                [class.ax-text-primary-700]=\"isWidgetSelected(w)\"></i>\n            </div>\n            <div class=\"ax-flex ax-flex-col ax-gap-1 ax-flex-1\">\n              <div class=\"ax-flex ax-items-center ax-gap-2\">\n                <div class=\"ax-font-semibold ax-text-sm\">{{ w.title }}</div>\n                <div (click)=\"handlePinClick($event, w)\">\n                  @if (w.pinned) {\n                  <i class=\"fa-solid fa-thumbtack ax-text-sm ax-text-neutral-500 ax-rotate-45\"></i>\n                  } @else {\n                  <i\n                    class=\"fa-light fa-thumbtack ax-text-sm ax-text-neutral-500 ax-rotate-45 ax-invisible group-hover:ax-visible\"></i>\n                  }\n                </div>\n              </div>\n              <span class=\"ax-text-xs ax-text-neutral-400 ax-truncate\">\n                {{ w.description }}\n              </span>\n            </div>\n          </div>\n        </ng-template>\n        <div class=\"ax-grid ax-grid-cols-2 ax-gap-2\">\n          @for(w of pinnedList();track $index) {\n          <ng-container *ngTemplateOutlet=\"itemTpl; context: { $implicit: w }\"></ng-container>\n          }\n        </div>\n        @if(pinnedList().length) {\n        <hr class=\"ax-my-4 ax-border-dashed\" />\n        }\n        <div class=\"ax-grid ax-grid-cols-2 ax-gap-2\">\n          @for(w of regularList();track $index) {\n          <ng-container *ngTemplateOutlet=\"itemTpl; context: { $implicit: w }\"></ng-container>\n          }\n        </div>\n      </div>\n    </div>\n  </div>\n</div>\n\n@if(selectedWidgets().length) {\n<ax-footer>\n  <ax-suffix>\n    <ax-button look=\"solid\" color=\"primary\" text=\"{{ selectedWidgets().length }} Selected\"\n      (onClick)=\"handleConfirmSelection()\"></ax-button>\n  </ax-suffix>\n</ax-footer>\n}", styles: [".selected-widget{border-width:1px;--tw-border-opacity: 1;border-color:rgba(var(--ax-sys-color-primary-500),var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgba(var(--ax-sys-color-primary-100),var(--tw-bg-opacity, 1))}.selected-widget i{--tw-text-opacity: 1;color:rgba(var(--ax-sys-color-primary-500),var(--tw-text-opacity, 1))}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: 
+                //
+                AXCommonModule }, { kind: "directive", type: i3.AXAutoFocusDirective, selector: "[axAutoFocus]", inputs: ["axAutoFocus", "axAutoFocusTime"] }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i4.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i5.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i5.AXDecoratorClearButtonComponent, selector: "ax-clear-button", inputs: ["icon"] }, { kind: "component", type: i5.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: 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: AXSideMenuModule }, { kind: "component", type: i7.AXSideMenuComponent, selector: "ax-side-menu", inputs: ["items", "look", "location"], outputs: ["itemsChange"] }, { kind: "component", type: i7.AXSideMenuItemComponent, selector: "ax-side-menu-item", inputs: ["disabled", "text", "active", "isLoading", "isCollapsed", "href", "routerLink", "routerLinkActive", "routerLinkActiveOptions", "target"], outputs: ["textChange", "activeChange", "isLoadingChange", "isCollapsedChange", "onClick"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: i3$1.AXTranslatorPipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPTemplateWidgetPickerComponent, decorators: [{
+            type: Component,
+            args: [{ imports: [
+                        CommonModule,
+                        FormsModule,
+                        //
+                        AXCommonModule,
+                        AXButtonModule,
+                        AXDecoratorModule,
+                        AXSearchBoxModule,
+                        AXSideMenuModule,
+                        AXTranslationModule
+                    ], encapsulation: ViewEncapsulation.None, template: "<div class=\"ax-flex ax-flex-col lg:ax-h-[60vh]\">\n  <div class=\"ax-p-2 ax-surface-lowest ax-border-b ax-flex-none\">\n    <ax-search-box look=\"fill\" placeholder=\"e.g. Button, Text, ...\" class=\"ax-sm\" [(ngModel)]=\"searchTerm\"\n      [delayTime]=\"300\" [axAutoFocus]=\"true\">\n      <ax-clear-button></ax-clear-button>\n    </ax-search-box>\n  </div>\n  <div class=\"ax-flex ax-flex-grow ax-h-full \">\n    <div\n      class=\"ax-flex ax-h-full ax-overflow-auto ax-w-1/3  ax-justify-start ax-items-start ax-surface-lowest ax-border-e \">\n      <ax-side-menu look=\"pills\" [look]=\"'with-line-color'\" [location]=\"'start'\">\n        <ng-container *ngFor=\"let item of displayCategories()\" [ngTemplateOutlet]=\"recursiveMenu\"\n          [ngTemplateOutletContext]=\"{ item: item }\">\n        </ng-container>\n      </ax-side-menu>\n      <ng-template #recursiveMenu let-item=\"item\">\n        <ax-side-menu-item [active]=\"item ===selectedCategory()\" (onClick)=\"handleMenuItemClick(item)\"\n          [isCollapsed]=\"!isExpanded(item)\">\n          <ax-prefix>\n            <ax-icon class=\"fa-solid fa-folder ax-text-yellow-500 fa-fw\"></ax-icon>\n          </ax-prefix>\n          <span>{{ item.text | translate | async }}</span>\n          <ng-container *ngIf=\"item.hasChild\">\n            <ng-container *ngFor=\"let child of item.children\" [ngTemplateOutlet]=\"recursiveMenu\"\n              [ngTemplateOutletContext]=\"{ item: child }\">\n            </ng-container>\n          </ng-container>\n        </ax-side-menu-item>\n      </ng-template>\n    </div>\n    <div class=\"ax-flex ax-h-full ax-overflow-auto ax-flex-col ax-w-2/3 \">\n      <div class=\"ax-flex ax-flex-col ax-p-4\">\n        <ng-template #itemTpl let-w>\n          <div (click)=\"handleClick($event, w)\"\n            class=\"ax-py-2 ax-px-3 ax-rounded-md ax-flex ax-gap-3 ax-items-center ax-group hover:ax-bg-primary-100 dark:hover:ax-bg-primary-800 ax-cursor-pointer\"\n            [class.ax-bg-primary-100]=\"isWidgetSelected(w)\">\n            <div\n              class=\"ax-w-10 ax-h-10 ax-flex ax-items-center ax-justify-center ax-rounded-md ax-border ax-border-neutral-200 ax-text-neutral-500 ax-bg-on-surface group-hover:ax-bg-primary-200\"\n              [class.ax-bg-primary-200]=\"isWidgetSelected(w)\">\n              <i [ngClass]=\"w.icon\" class=\"ax-text-lg group-hover:ax-text-primary-700 ax-text-on-surface-fore\"\n                [class.ax-text-primary-700]=\"isWidgetSelected(w)\"></i>\n            </div>\n            <div class=\"ax-flex ax-flex-col ax-gap-1 ax-flex-1\">\n              <div class=\"ax-flex ax-items-center ax-gap-2\">\n                <div class=\"ax-font-semibold ax-text-sm\">{{ w.title }}</div>\n                <div (click)=\"handlePinClick($event, w)\">\n                  @if (w.pinned) {\n                  <i class=\"fa-solid fa-thumbtack ax-text-sm ax-text-neutral-500 ax-rotate-45\"></i>\n                  } @else {\n                  <i\n                    class=\"fa-light fa-thumbtack ax-text-sm ax-text-neutral-500 ax-rotate-45 ax-invisible group-hover:ax-visible\"></i>\n                  }\n                </div>\n              </div>\n              <span class=\"ax-text-xs ax-text-neutral-400 ax-truncate\">\n                {{ w.description }}\n              </span>\n            </div>\n          </div>\n        </ng-template>\n        <div class=\"ax-grid ax-grid-cols-2 ax-gap-2\">\n          @for(w of pinnedList();track $index) {\n          <ng-container *ngTemplateOutlet=\"itemTpl; context: { $implicit: w }\"></ng-container>\n          }\n        </div>\n        @if(pinnedList().length) {\n        <hr class=\"ax-my-4 ax-border-dashed\" />\n        }\n        <div class=\"ax-grid ax-grid-cols-2 ax-gap-2\">\n          @for(w of regularList();track $index) {\n          <ng-container *ngTemplateOutlet=\"itemTpl; context: { $implicit: w }\"></ng-container>\n          }\n        </div>\n      </div>\n    </div>\n  </div>\n</div>\n\n@if(selectedWidgets().length) {\n<ax-footer>\n  <ax-suffix>\n    <ax-button look=\"solid\" color=\"primary\" text=\"{{ selectedWidgets().length }} Selected\"\n      (onClick)=\"handleConfirmSelection()\"></ax-button>\n  </ax-suffix>\n</ax-footer>\n}", styles: [".selected-widget{border-width:1px;--tw-border-opacity: 1;border-color:rgba(var(--ax-sys-color-primary-500),var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgba(var(--ax-sys-color-primary-100),var(--tw-bg-opacity, 1))}.selected-widget i{--tw-text-opacity: 1;color:rgba(var(--ax-sys-color-primary-500),var(--tw-text-opacity, 1))}\n"] }]
+        }] });
+
+export { AXPTemplateWidgetPickerComponent };
+//# sourceMappingURL=acorex-modules-form-template-management-template-picker.component-BxOdV3y2.mjs.map

package/fesm2022/acorex-modules-form-template-management-template-picker.component-BxOdV3y2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"acorex-modules-form-template-management-template-picker.component-BxOdV3y2.mjs","sources":["../../../../libs/modules/form-template-management/src/lib/features/designer/widgets/template-picker/template-picker.component.ts","../../../../libs/modules/form-template-management/src/lib/features/designer/widgets/template-picker/template-picker.component.html"],"sourcesContent":["import { AXButtonModule } from '@acorex/components/button';\nimport { AXCommonModule } from '@acorex/components/common';\nimport { AXDecoratorModule } from '@acorex/components/decorators';\nimport { AXBasePageComponent } from '@acorex/components/page';\nimport { AXSearchBoxModule } from '@acorex/components/search-box';\nimport { AXTabStripChangedEvent } from '@acorex/components/tabs';\nimport { AXPSettingScope, AXPSettingService } from '@acorex/platform/common';\nimport { CommonModule } from '@angular/common';\nimport { Component, computed, inject, model, signal, ViewEncapsulation } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport { orderBy } from 'lodash-es';\nimport { AXPTemplateWidgetListItem } from './template.provider';\nimport { AXSideMenuModule } from '@acorex/components/side-menu';\nimport { AXTranslationModule } from '@acorex/core/translation';\n\nexport interface AXPDisplayWidgetProvided extends AXPTemplateWidgetListItem {\n  pinned: boolean;\n}\n\nexport interface AXPCategoryDisplayModel {\n  id: string;\n  text: string;\n  parentId?: string;\n  hasChild: boolean;\n  children?: AXPCategoryDisplayModel[];\n}\n\n@Component({\n  imports: [\n    CommonModule,\n    FormsModule,\n    //\n    AXCommonModule,\n    AXButtonModule,\n    AXDecoratorModule,\n    AXSearchBoxModule,\n    AXSideMenuModule,\n    AXTranslationModule\n  ],\n  templateUrl: './template-picker.component.html',\n  encapsulation: ViewEncapsulation.None,\n  styleUrls: ['./template-picker.component.scss']\n})\nexport class AXPTemplateWidgetPickerComponent extends AXBasePageComponent {\n  private settingService = inject(AXPSettingService);\n  private readonly lastSelectedCategoryKey = 'forms:templates:picker:lastSelectedCategory';\n\n  protected override async ngOnInit() {\n    super.ngOnInit();\n    const pinnedWidgets = (await this.settingService.get<string[]>(this.pinnedSettingKey)) || [];\n    this.displayWidgets.set(this.widgets.map((c) => ({ ...c, pinned: pinnedWidgets.includes(c.id), icon: c.icon ?? 'fa-solid fa-file-invoice' })));\n\n    const lastSelectedCategoryId = await this.settingService.get<string>(this.lastSelectedCategoryKey);\n    if (lastSelectedCategoryId) {\n      const findCategory = (categories: AXPCategoryDisplayModel[], id: string): AXPCategoryDisplayModel | null => {\n        for (const category of categories) {\n          if (category.id === id) return category;\n          if (category.children) {\n            const found = findCategory(category.children, id);\n            if (found) return found;\n          }\n        }\n        return null;\n      };\n      const lastSelectedCategory = findCategory(this.displayCategories(), lastSelectedCategoryId);\n      if (lastSelectedCategory) {\n        this.selectedCategory.set(lastSelectedCategory);\n      }\n    }\n  }\n\n  protected isExpanded(item: AXPCategoryDisplayModel): boolean {\n    const selectedCategory = this.selectedCategory();\n    if (!selectedCategory) return false;\n\n    const isParent = (category: AXPCategoryDisplayModel, targetId: string): boolean => {\n      if (category.id === targetId) return true;\n      if (category.children) {\n        return category.children.some(child => isParent(child, targetId));\n      }\n      return false;\n    };\n\n    return isParent(item, selectedCategory.id);\n  }\n\n\n  private readonly pinnedSettingKey = 'forms:templates:picker:pinned';\n\n  protected searchTerm = model('');\n\n  // Signals\n  private widgets: AXPDisplayWidgetProvided[] = [];\n  private displayWidgets = signal<AXPDisplayWidgetProvided[]>([]);\n\n  // Signal to track selected widgets\n  protected selectedWidgets = signal<AXPDisplayWidgetProvided[]>([]);\n\n  // Computed for filtered and ordered widget list\n  private orderedList = computed(() => {\n    const search = this.searchTerm().toLowerCase();\n    const selectedCategory = this.selectedCategory();\n    const selectedCategoryId = selectedCategory ? selectedCategory.id : null;\n\n    const filterByCategory = (widget: AXPDisplayWidgetProvided) => {\n      if (!selectedCategoryId) return true;\n      const categoryIds = [selectedCategoryId, ...(selectedCategory?.children?.map(c => c.id) || [])];\n      return categoryIds.includes(widget.group.name);\n    };\n\n    return orderBy(\n      this.displayWidgets().filter((w) => {\n        const matchesCategory = filterByCategory(w);\n        const matchesSearch =\n          !search || w.title.toLowerCase().includes(search) || w.description?.toLowerCase().includes(search);\n        return matchesCategory && matchesSearch;\n      }),\n      ['pinned', 'title'],\n      ['desc', 'asc']\n    );\n  });\n\n  // Pinned and regular lists\n  protected pinnedList = computed(() => this.orderedList().filter((c) => c.pinned));\n  protected regularList = computed(() => this.orderedList().filter((c) => !c.pinned));\n\n\n  protected currentTabIndex = signal(0);\n\n\n  // protected override async ngOnInit() {\n  //   super.ngOnInit();\n  //   const pinnedWidgets = (await this.settingService.get<string[]>(this.pinnedSettingKey)) || [];\n  //   this.displayWidgets.set(this.widgets.map((c) => ({ ...c, pinned: pinnedWidgets.includes(c.id), icon: c.icon ?? 'fa-solid fa-file-invoice' })));\n  // }\n\n  protected handleTabChange(event: AXTabStripChangedEvent): void {\n    const indx = event.index;\n    if (this.currentTabIndex() != indx) {\n      this.currentTabIndex.set(indx);\n    }\n  }\n\n  protected handleClick(event: MouseEvent, widget: AXPDisplayWidgetProvided) {\n    if (event.ctrlKey) {\n      const currentSelection = this.selectedWidgets();\n      const isAlreadySelected = currentSelection.some((w) => w === widget);\n\n      if (isAlreadySelected) {\n        // Deselect widget if already selected\n        this.selectedWidgets.set(currentSelection.filter((w) => w !== widget));\n      } else {\n        // Add widget to selection\n        this.selectedWidgets.set([...currentSelection, widget]);\n      }\n    } else {\n      // If CTRL is not pressed, select only the clicked widget\n      this.close({ widgets: [widget] });\n    }\n  }\n\n  protected async handlePinClick(e: MouseEvent, widget: AXPDisplayWidgetProvided) {\n    e.stopPropagation();\n    widget.pinned = !widget.pinned;\n    // Get the current list of pinned widgets from settings\n    let pinnedWidgets = (await this.settingService.get<string[]>(this.pinnedSettingKey)) || [];\n\n    // Update the list of pinned widgets based on the pinned status\n    if (widget.pinned) {\n      if (!pinnedWidgets.includes(widget.id)) {\n        pinnedWidgets.push(widget.id);\n      }\n    } else {\n      pinnedWidgets = pinnedWidgets.filter((name) => name !== widget.id);\n    }\n\n    // Save the updated list of pinned widgets\n    await this.settingService.scope(AXPSettingScope.User).set(this.pinnedSettingKey, pinnedWidgets);\n\n    // Trigger a re-render of the widgets\n    this.displayWidgets.set([...this.displayWidgets()]);\n  }\n\n  // Check if a widget is selected\n  protected isWidgetSelected(widget: AXPDisplayWidgetProvided): boolean {\n    return this.selectedWidgets().includes(widget);\n  }\n\n  protected handleConfirmSelection(): void {\n    this.close({ widgets: this.selectedWidgets() });\n  }\n\n\n  //#region Category Tree\n\n  private categories: any[] = [];\n\n  protected displayCategories = computed<AXPCategoryDisplayModel[]>(() => {\n    const map = (node: any): AXPCategoryDisplayModel => {\n      const children = this.categories.filter(i => i.parentId == node.id).map(map);\n      return {\n        id: node.id,\n        text: node.title,\n        parentId: node.parentId,\n        hasChild: children.length > 0,\n        children: children\n      } as AXPCategoryDisplayModel\n    }\n    return this.categories.filter(c => !c.parentId).map(map);\n  });\n\n\n  protected selectedCategory = signal<AXPCategoryDisplayModel | null>(null);\n\n  protected handleMenuItemClick(item: AXPCategoryDisplayModel) {\n    this.selectedCategory.set(item);\n    this.settingService.scope(AXPSettingScope.User).set(this.lastSelectedCategoryKey, item.id);\n  }\n\n  //#end region\n}\n","<div class=\"ax-flex ax-flex-col lg:ax-h-[60vh]\">\n  <div class=\"ax-p-2 ax-surface-lowest ax-border-b ax-flex-none\">\n    <ax-search-box look=\"fill\" placeholder=\"e.g. Button, Text, ...\" class=\"ax-sm\" [(ngModel)]=\"searchTerm\"\n      [delayTime]=\"300\" [axAutoFocus]=\"true\">\n      <ax-clear-button></ax-clear-button>\n    </ax-search-box>\n  </div>\n  <div class=\"ax-flex ax-flex-grow ax-h-full \">\n    <div\n      class=\"ax-flex ax-h-full ax-overflow-auto ax-w-1/3  ax-justify-start ax-items-start ax-surface-lowest ax-border-e \">\n      <ax-side-menu look=\"pills\" [look]=\"'with-line-color'\" [location]=\"'start'\">\n        <ng-container *ngFor=\"let item of displayCategories()\" [ngTemplateOutlet]=\"recursiveMenu\"\n          [ngTemplateOutletContext]=\"{ item: item }\">\n        </ng-container>\n      </ax-side-menu>\n      <ng-template #recursiveMenu let-item=\"item\">\n        <ax-side-menu-item [active]=\"item ===selectedCategory()\" (onClick)=\"handleMenuItemClick(item)\"\n          [isCollapsed]=\"!isExpanded(item)\">\n          <ax-prefix>\n            <ax-icon class=\"fa-solid fa-folder ax-text-yellow-500 fa-fw\"></ax-icon>\n          </ax-prefix>\n          <span>{{ item.text | translate | async }}</span>\n          <ng-container *ngIf=\"item.hasChild\">\n            <ng-container *ngFor=\"let child of item.children\" [ngTemplateOutlet]=\"recursiveMenu\"\n              [ngTemplateOutletContext]=\"{ item: child }\">\n            </ng-container>\n          </ng-container>\n        </ax-side-menu-item>\n      </ng-template>\n    </div>\n    <div class=\"ax-flex ax-h-full ax-overflow-auto ax-flex-col ax-w-2/3 \">\n      <div class=\"ax-flex ax-flex-col ax-p-4\">\n        <ng-template #itemTpl let-w>\n          <div (click)=\"handleClick($event, w)\"\n            class=\"ax-py-2 ax-px-3 ax-rounded-md ax-flex ax-gap-3 ax-items-center ax-group hover:ax-bg-primary-100 dark:hover:ax-bg-primary-800 ax-cursor-pointer\"\n            [class.ax-bg-primary-100]=\"isWidgetSelected(w)\">\n            <div\n              class=\"ax-w-10 ax-h-10 ax-flex ax-items-center ax-justify-center ax-rounded-md ax-border ax-border-neutral-200 ax-text-neutral-500 ax-bg-on-surface group-hover:ax-bg-primary-200\"\n              [class.ax-bg-primary-200]=\"isWidgetSelected(w)\">\n              <i [ngClass]=\"w.icon\" class=\"ax-text-lg group-hover:ax-text-primary-700 ax-text-on-surface-fore\"\n                [class.ax-text-primary-700]=\"isWidgetSelected(w)\"></i>\n            </div>\n            <div class=\"ax-flex ax-flex-col ax-gap-1 ax-flex-1\">\n              <div class=\"ax-flex ax-items-center ax-gap-2\">\n                <div class=\"ax-font-semibold ax-text-sm\">{{ w.title }}</div>\n                <div (click)=\"handlePinClick($event, w)\">\n                  @if (w.pinned) {\n                  <i class=\"fa-solid fa-thumbtack ax-text-sm ax-text-neutral-500 ax-rotate-45\"></i>\n                  } @else {\n                  <i\n                    class=\"fa-light fa-thumbtack ax-text-sm ax-text-neutral-500 ax-rotate-45 ax-invisible group-hover:ax-visible\"></i>\n                  }\n                </div>\n              </div>\n              <span class=\"ax-text-xs ax-text-neutral-400 ax-truncate\">\n                {{ w.description }}\n              </span>\n            </div>\n          </div>\n        </ng-template>\n        <div class=\"ax-grid ax-grid-cols-2 ax-gap-2\">\n          @for(w of pinnedList();track $index) {\n          <ng-container *ngTemplateOutlet=\"itemTpl; context: { $implicit: w }\"></ng-container>\n          }\n        </div>\n        @if(pinnedList().length) {\n        <hr class=\"ax-my-4 ax-border-dashed\" />\n        }\n        <div class=\"ax-grid ax-grid-cols-2 ax-gap-2\">\n          @for(w of regularList();track $index) {\n          <ng-container *ngTemplateOutlet=\"itemTpl; context: { $implicit: w }\"></ng-container>\n          }\n        </div>\n      </div>\n    </div>\n  </div>\n</div>\n\n@if(selectedWidgets().length) {\n<ax-footer>\n  <ax-suffix>\n    <ax-button look=\"solid\" color=\"primary\" text=\"{{ selectedWidgets().length }} Selected\"\n      (onClick)=\"handleConfirmSelection()\"></ax-button>\n  </ax-suffix>\n</ax-footer>\n}"],"names":["i8"],"mappings":"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"}

package/fesm2022/{acorex-modules-form-template-management-template-widget-edit.component-Chle-W7b.mjs → acorex-modules-form-template-management-template-widget-edit.component--MGoF75g.mjs}

@@ -1,30 +1,26 @@
-import * as i3 from '@acorex/core/translation';
 import { AXTranslationModule } from '@acorex/core/translation';
 import * as i2 from '@acorex/platform/layout/builder';
 import { AXPWidgetComponent, AXPLayoutBuilderModule } from '@acorex/platform/layout/builder';
-import * as i1 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import * as i0 from '@angular/core';
 import { inject, computed, signal, effect, Component, ChangeDetectionStrategy } from '@angular/core';
-import { get, set } from 'lodash-es';
-import { d as AXPTemplateWidgetProviderService } from './acorex-modules-form-template-management-acorex-modules-form-template-management-BTQ4VpFG.mjs';
+import { d as AXPTemplateWidgetProviderService } from './acorex-modules-form-template-management-acorex-modules-form-template-management-szDh56Bk.mjs';
 
 class AXPTemplateWidgetEditComponent extends AXPWidgetComponent {
+    // protected allowRemove = computed<boolean>(() => this.options()['allowRemove'] as boolean ?? false);
+    // protected showRemove = computed(() => {
+    //   return this.allowRemove() && this.parent?.config.name != 'template';
+    // });
     constructor() {
         super();
         this.metaKey = '__meta__';
         this.templateProvider = inject(AXPTemplateWidgetProviderService);
         this.templateId = computed(() => this.options()['templateId']);
         this.nodes = signal([]);
-        this.allowRemove = computed(() => this.options()['allowRemove'] ?? false);
-        this.showRemove = computed(() => {
-            return this.allowRemove() && this.parent?.config.name != 'template';
-        });
         //
         effect(async () => {
             this.nodes.set([]);
-            const value = this.getValue();
-            const templateId = get(value, `${this.metaKey}.templateId`) ?? this.templateId();
+            const templateId = this.templateId();
             if (templateId) {
                 const item = await this.templateProvider.get(templateId);
                 if (item) {
@@ -33,33 +29,20 @@ class AXPTemplateWidgetEditComponent extends AXPWidgetComponent {
             }
         });
     }
-    async handleSelectClick() {
-        const result = await this.templateProvider.chooseTemplate();
-        if (result) {
-            this.setOptions({ templateId: result.id });
-            const value = this.getValue() ?? {};
-            set(value, this.metaKey, { templateId: result.id });
-            this.setValue(value);
-        }
-    }
-    async handleRemoveClick() {
-        this.setOptions({ templateId: null });
-        this.setValue(null);
-    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPTemplateWidgetEditComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.3", type: AXPTemplateWidgetEditComponent, isStandalone: true, selector: "axp-template-widget-edit", usesInheritance: true, ngImport: i0, template: `
-    @if(nodes().length>0) {
+   @for (node of nodes(); track $index) {
+      <ng-container axp-widget-renderer
+        [node]="node"
+        [parentNode]="this"
+        [mode]="this.mode">
+      </ng-container>
+    }
+    <!-- @if(nodes().length>0) {
     <ng-container>
-        @for (node of nodes(); track $index) {
-          <ng-container axp-widget-renderer
-            [node]="node"
-            [parentNode]="this"
-            [mode]="this.mode"
-          >
-          </ng-container>
-        }
-    </ng-container>
-    @if(showRemove())
+       
+    </ng-container> -->
+    <!-- @if(showRemove())
     {
       <div
         class="ax-text-danger-500 hover:ax-text-danger-800  ax-mt-2 ax-text-xs ax-cursor-pointer"
@@ -76,26 +59,26 @@ class AXPTemplateWidgetEditComponent extends AXPWidgetComponent {
     >
       {{ 'choose-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"], exportAs: ["widgetRenderer"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: i3.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    } -->
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXPLayoutBuilderModule }, { kind: "directive", type: i2.AXPWidgetRendererDirective, selector: "[axp-widget-renderer]", inputs: ["parentNode", "index", "mode", "node"], exportAs: ["widgetRenderer"] }, { kind: "ngmodule", type: AXTranslationModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPTemplateWidgetEditComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'axp-template-widget-edit',
                     template: `
-    @if(nodes().length>0) {
+   @for (node of nodes(); track $index) {
+      <ng-container axp-widget-renderer
+        [node]="node"
+        [parentNode]="this"
+        [mode]="this.mode">
+      </ng-container>
+    }
+    <!-- @if(nodes().length>0) {
     <ng-container>
-        @for (node of nodes(); track $index) {
-          <ng-container axp-widget-renderer
-            [node]="node"
-            [parentNode]="this"
-            [mode]="this.mode"
-          >
-          </ng-container>
-        }
-    </ng-container>
-    @if(showRemove())
+       
+    </ng-container> -->
+    <!-- @if(showRemove())
     {
       <div
         class="ax-text-danger-500 hover:ax-text-danger-800  ax-mt-2 ax-text-xs ax-cursor-pointer"
@@ -112,7 +95,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImpor
     >
       {{ 'choose-template' | translate : { scope: 'form-template-management' } | async }}
     </span>
-    }
+    } -->
   `,
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     imports: [CommonModule, AXPLayoutBuilderModule, AXTranslationModule]
@@ -120,4 +103,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImpor
         }], ctorParameters: () => [] });
 
 export { AXPTemplateWidgetEditComponent };
-//# sourceMappingURL=acorex-modules-form-template-management-template-widget-edit.component-Chle-W7b.mjs.map
+//# sourceMappingURL=acorex-modules-form-template-management-template-widget-edit.component--MGoF75g.mjs.map

package/fesm2022/acorex-modules-form-template-management-template-widget-edit.component--MGoF75g.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"acorex-modules-form-template-management-template-widget-edit.component--MGoF75g.mjs","sources":["../../../../libs/modules/form-template-management/src/lib/features/designer/widgets/template/template-widget-edit.component.ts"],"sourcesContent":["import { AXTranslationModule } from '@acorex/core/translation';\nimport { AXPLayoutBuilderModule, AXPWidgetComponent, AXPWidgetNode } from '@acorex/platform/layout/builder';\nimport { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, computed, effect, inject, signal, untracked } from '@angular/core';\nimport { get, set } from 'lodash-es';\nimport { AXPTemplateWidgetProviderService } from '../template-picker/template.provider';\n\n@Component({\n  selector: 'axp-template-widget-edit',\n  template: `\n   @for (node of nodes(); track $index) {\n      <ng-container axp-widget-renderer\n        [node]=\"node\"\n        [parentNode]=\"this\"\n        [mode]=\"this.mode\">\n      </ng-container>\n    }\n    <!-- @if(nodes().length>0) {\n    <ng-container>\n       \n    </ng-container> -->\n    <!-- @if(showRemove())\n    {\n      <div\n        class=\"ax-text-danger-500 hover:ax-text-danger-800  ax-mt-2 ax-text-xs ax-cursor-pointer\"\n        (click)=\"handleRemoveClick()\"\n      >\n        {{ 'remove-template' | translate : { scope: 'form-template-management' } | async }}\n      </div>\n    }\n    } \n    @else {\n    <span\n      class=\"ax-underline ax-decoration-dotted  ax-underline-offset-8 hover:ax-text-primary-500 ax-cursor-pointer\"\n      (click)=\"handleSelectClick()\"\n    >\n      {{ 'choose-template' | translate : { scope: 'form-template-management' } | async }}\n    </span>\n    } -->\n  `,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [CommonModule, AXPLayoutBuilderModule, AXTranslationModule]\n})\nexport class AXPTemplateWidgetEditComponent extends AXPWidgetComponent<any> {\n  private metaKey = '__meta__';\n\n  private templateProvider = inject(AXPTemplateWidgetProviderService);\n  protected templateId = computed<string>(() => this.options()['templateId'] as string);\n  protected nodes = signal<AXPWidgetNode[]>([]);\n  // protected allowRemove = computed<boolean>(() => this.options()['allowRemove'] as boolean ?? false);\n\n\n  // protected showRemove = computed(() => {\n  //   return this.allowRemove() && this.parent?.config.name != 'template';\n  // });\n\n  constructor() {\n    super();\n    //\n    effect(\n      async () => {\n        this.nodes.set([]);\n        const templateId = this.templateId();\n        if (templateId) {\n          const item = await this.templateProvider.get(templateId);\n          if (item) {\n            this.nodes.set(item.nodes);\n          }\n        }\n      }\n    );\n  }\n\n  //TODO: make a new widget to handle select widget in edit mode\n  // protected async handleSelectClick() {\n  //   const result = await this.templateProvider.chooseTemplate();\n  //   if (result) {\n  //     this.setOptions({ templateId: result.id });\n  //     const value = this.getValue() ?? {};\n  //     set(value, this.metaKey, { templateId: result.id });\n  //     this.setValue(value);\n  //   }\n  // }\n\n  // protected async handleRemoveClick() {\n  //   this.setOptions({ templateId: null });\n  //   this.setValue(null);\n  // }\n}\n"],"names":["i1"],"mappings":";;;;;;;;AA2CM,MAAO,8BAA+B,SAAQ,kBAAuB,CAAA;;;;;AAazE,IAAA,WAAA,GAAA;AACE,QAAA,KAAK,EAAE;QAbD,IAAO,CAAA,OAAA,GAAG,UAAU;AAEpB,QAAA,IAAA,CAAA,gBAAgB,GAAG,MAAM,CAAC,gCAAgC,CAAC;AACzD,QAAA,IAAA,CAAA,UAAU,GAAG,QAAQ,CAAS,MAAM,IAAI,CAAC,OAAO,EAAE,CAAC,YAAY,CAAW,CAAC;AAC3E,QAAA,IAAA,CAAA,KAAK,GAAG,MAAM,CAAkB,EAAE,CAAC;;QAW3C,MAAM,CACJ,YAAW;AACT,YAAA,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,EAAE,CAAC;AAClB,YAAA,MAAM,UAAU,GAAG,IAAI,CAAC,UAAU,EAAE;YACpC,IAAI,UAAU,EAAE;gBACd,MAAM,IAAI,GAAG,MAAM,IAAI,CAAC,gBAAgB,CAAC,GAAG,CAAC,UAAU,CAAC;gBACxD,IAAI,IAAI,EAAE;oBACR,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC;;;AAGhC,SAAC,CACF;;8GA3BQ,8BAA8B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAA9B,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,8BAA8B,EAlC/B,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,0BAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8BT,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAES,YAAY,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAE,sBAAsB,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAA,EAAA,CAAA,0BAAA,EAAA,QAAA,EAAA,uBAAA,EAAA,MAAA,EAAA,CAAA,YAAA,EAAA,OAAA,EAAA,MAAA,EAAA,MAAA,CAAA,EAAA,QAAA,EAAA,CAAA,gBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAE,mBAAmB,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;2FAExD,8BAA8B,EAAA,UAAA,EAAA,CAAA;kBApC1C,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,0BAA0B;AACpC,oBAAA,QAAQ,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8BT,EAAA,CAAA;oBACD,eAAe,EAAE,uBAAuB,CAAC,MAAM;AAC/C,oBAAA,OAAO,EAAE,CAAC,YAAY,EAAE,sBAAsB,EAAE,mBAAmB;AACpE,iBAAA;;;;;"}

package/fesm2022/{acorex-modules-form-template-management-template.entity-BIBMNXD5.mjs → acorex-modules-form-template-management-template.entity-JvWcqjzi.mjs}

@@ -1,6 +1,6 @@
 import { AXPEntityQueryType, AXPEntityCommandScope, createAllQueryView, createQueryView } from '@acorex/platform/common';
 import { AXPWidgetsCatalog } from '@acorex/platform/layout/builder';
-import { a as AXMFormTemplateManagementTemplateEntityService, R as RootConfig, b as AXMFormTemplateTypes } from './acorex-modules-form-template-management-acorex-modules-form-template-management-BTQ4VpFG.mjs';
+import { a as AXMFormTemplateManagementTemplateEntityService, R as RootConfig, b as AXMFormTemplateTypes } from './acorex-modules-form-template-management-acorex-modules-form-template-management-szDh56Bk.mjs';
 
 async function factory(injector) {
     const dataService = injector.get(AXMFormTemplateManagementTemplateEntityService);
@@ -127,12 +127,12 @@ async function factory(injector) {
                 groupId: 'section',
                 schema: {
                     dataType: 'string',
+                    defaultValue: AXMFormTemplateTypes.Form,
                     interface: {
                         type: AXPWidgetsCatalog.select,
                         options: {
                             valueField: 'id',
                             textField: 'title',
-                            defaultValue: AXMFormTemplateTypes.Form,
                             dataSource: [AXMFormTemplateTypes.Form, AXMFormTemplateTypes.Widget],
                             multiple: false,
                         },
@@ -494,4 +494,4 @@ async function factory(injector) {
 }
 
 export { factory };
-//# sourceMappingURL=acorex-modules-form-template-management-template.entity-BIBMNXD5.mjs.map
+//# sourceMappingURL=acorex-modules-form-template-management-template.entity-JvWcqjzi.mjs.map