@acorex/modules 20.7.8 → 20.7.10

package/fesm2022/acorex-modules-common.mjs

@@ -1406,7 +1406,7 @@ class AXPAuditInfoColumnComponent extends AXPColumnWidgetComponent {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AXPAuditInfoColumnComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: AXPAuditInfoColumnComponent, isStandalone: true, selector: "axp-audit-info-column", inputs: { rawValue: "rawValue", rowData: "rowData" }, viewQueries: [{ propertyName: "infoButton", first: true, predicate: ["infoButton"], descendants: true, isSignal: true }, { propertyName: "infoPopover", first: true, predicate: ["infoPopover"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"ax-flex ax-items-center ax-gap-1.5\">\n  @if (hasAuditInfo()) {\n  <div class=\"ax-flex ax-items-center ax-gap-1.5 ax-cursor-pointer hover:ax-opacity-80 ax-transition-opacity\"\n    (click)=\"showInfo()\" [title]=\"displayText()\" #infoButton>\n    <i class=\"fa-light fa-calendar-circle-exclamation\"></i>\n    <span class=\"ax-text-xs \" [dir]=\"'ltr'\">{{ displayDate() }}</span>\n  </div>\n  } @else {\n  <span class=\"ax-text-muted\">---</span>\n  }\n</div>\n\n<!-- Audit Info Popover -->\n<ax-popover [openOn]=\"'manual'\" #infoPopover (openChange)=\"onPopoverOpenChange($event)\" [adaptivityEnabled]=\"true\">\n  <div class=\"ax-lightest-surface ax-border ax-rounded-lg ax-shadow-lg ax-p-3 ax-min-w-[280px]\">\n    <div class=\"ax-mb-3 ax-pb-2 ax-border-b\">\n      <h3 class=\"ax-text-sm ax-font-semibold\">\n        {{ '@general:terms.audit.section-title' | translate | async }}\n      </h3>\n    </div>\n    <div class=\"ax-space-y-2.5\">\n      <!-- Created -->\n      @if (createdEvent()) {\n      <div>\n        <div class=\"ax-text-xs   ax-mb-1 ax-font-semibold\">\n          {{ '@general:terms.audit.created' | translate | async }}\n        </div>\n        <div class=\"ax-text-xs ax-space-y-0.5\">\n          @if (createdEvent()?.at) {\n          <div>\n            <span [dir]=\"'ltr'\">{{ formatDate(createdEvent()?.at) }}</span>\n            @if (createdEvent()?.by) {\n            <span class=\"ax-text-muted\"> \u2022 {{ formatUser(createdEvent()?.by) }}</span>\n            }\n          </div>\n          }\n          @if (createdEvent()?.reason) {\n          <div class=\"ax-text-muted\">{{ createdEvent()?.reason }}</div>\n          }\n        </div>\n      </div>\n      }\n\n      <!-- Updated -->\n      @if (updatedEvent()) {\n      <div>\n        <div class=\"ax-text-xs ax-mb-1 ax-font-semibold\">\n          {{ '@general:terms.audit.updated' | translate | async }}\n        </div>\n        <div class=\"ax-text-xs ax-space-y-0.5\">\n          @if (updatedEvent()?.at) {\n          <div>\n            <span [dir]=\"'ltr'\">{{ formatDate(updatedEvent()?.at) }}</span>\n            @if (updatedEvent()?.by) {\n            <span class=\"ax-text-muted\"> \u2022 {{ formatUser(updatedEvent()?.by) }}</span>\n            }\n          </div>\n          }\n          @if (updatedEvent()?.reason) {\n          <div class=\"ax-text-muted\">{{ updatedEvent()?.reason }}</div>\n          }\n        </div>\n      </div>\n      }\n\n      <!-- Deleted -->\n      @if (deletedEvent()) {\n      <div>\n        <div class=\"ax-text-xs ax-text-muted ax-mb-1 ax-font-semibold\">\n          {{ '@general:terms.audit.deleted' | translate | async }}\n        </div>\n        <div class=\"ax-text-xs ax-space-y-0.5\">\n          @if (deletedEvent()?.at) {\n          <div>\n            <span [dir]=\"'ltr'\">{{ formatDate(deletedEvent()?.at) }}</span>\n            @if (deletedEvent()?.by) {\n            <span class=\"ax-text-muted\"> \u2022 {{ formatUser(deletedEvent()?.by) }}</span>\n            }\n          </div>\n          }\n          @if (deletedEvent()?.reason) {\n          <div class=\"ax-text-muted\">{{ deletedEvent()?.reason }}</div>\n          }\n        </div>\n      </div>\n      }\n    </div>\n    @if (hasHistoryPlugin()) {\n    <div class=\"ax-mt-3 ax-pt-3 ax-border-t ax-sm\">\n      <ax-button [text]=\"'@general:terms.audit.history' | translate | async\" (click)=\"showHistory()\" class=\"ax-w-full\">\n      </ax-button>\n    </div>\n    }\n  </div>\n</ax-popover>", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXBadgeModule }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i1$2.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXPopoverModule }, { kind: "component", type: i2.AXPopoverComponent, selector: "ax-popover", inputs: ["width", "disabled", "offsetX", "offsetY", "target", "placement", "content", "openOn", "closeOn", "hasBackdrop", "openAfter", "closeAfter", "repositionOnScroll", "backdropClass", "panelClass", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: i1$3.AsyncPipe, name: "async" }, { kind: "pipe", type: i4.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: AXPAuditInfoColumnComponent, isStandalone: true, selector: "axp-audit-info-column", inputs: { rawValue: "rawValue", rowData: "rowData" }, viewQueries: [{ propertyName: "infoButton", first: true, predicate: ["infoButton"], descendants: true, isSignal: true }, { propertyName: "infoPopover", first: true, predicate: ["infoPopover"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"ax-flex ax-items-center ax-gap-1.5\">\n  @if (hasAuditInfo()) {\n  <div class=\"ax-flex ax-items-center ax-gap-1.5 ax-cursor-pointer hover:ax-opacity-80 ax-transition-opacity\"\n    (click)=\"showInfo()\" [title]=\"displayText()\" #infoButton>\n    <i class=\"fa-light fa-calendar-circle-exclamation\"></i>\n    <span class=\"ax-text-xs \" [dir]=\"'ltr'\">{{ displayDate() }}</span>\n  </div>\n  } @else {\n  <span class=\"ax-text-muted\">---</span>\n  }\n</div>\n\n<!-- Audit Info Popover -->\n<ax-popover [openOn]=\"'manual'\" #infoPopover (openChange)=\"onPopoverOpenChange($event)\" [adaptivityEnabled]=\"true\">\n  <div class=\"ax-lightest-surface ax-border ax-rounded-lg ax-shadow-lg ax-p-3 ax-min-w-[280px]\">\n    <div class=\"ax-mb-3 ax-pb-2 ax-border-b\">\n      <h3 class=\"ax-text-sm ax-font-semibold\">\n        {{ '@general:terms.audit.section-title' | translate | async }}\n      </h3>\n    </div>\n    <div class=\"ax-space-y-2.5\">\n      <!-- Created -->\n      @if (createdEvent()) {\n      <div>\n        <div class=\"ax-text-xs   ax-mb-1 ax-font-semibold\">\n          {{ '@general:terms.audit.created' | translate | async }}\n        </div>\n        <div class=\"ax-text-xs ax-space-y-0.5\">\n          @if (createdEvent()?.at) {\n          <div>\n            <span [dir]=\"'ltr'\">{{ formatDate(createdEvent()?.at) }}</span>\n            @if (createdEvent()?.by) {\n            <span class=\"ax-text-muted\"> \u2022 {{ formatUser(createdEvent()?.by) }}</span>\n            }\n          </div>\n          }\n          @if (createdEvent()?.reason) {\n          <div class=\"ax-text-muted\">{{ createdEvent()?.reason }}</div>\n          }\n        </div>\n      </div>\n      }\n\n      <!-- Updated -->\n      @if (updatedEvent()) {\n      <div>\n        <div class=\"ax-text-xs ax-mb-1 ax-font-semibold\">\n          {{ '@general:terms.audit.updated' | translate | async }}\n        </div>\n        <div class=\"ax-text-xs ax-space-y-0.5\">\n          @if (updatedEvent()?.at) {\n          <div>\n            <span [dir]=\"'ltr'\">{{ formatDate(updatedEvent()?.at) }}</span>\n            @if (updatedEvent()?.by) {\n            <span class=\"ax-text-muted\"> \u2022 {{ formatUser(updatedEvent()?.by) }}</span>\n            }\n          </div>\n          }\n          @if (updatedEvent()?.reason) {\n          <div class=\"ax-text-muted\">{{ updatedEvent()?.reason }}</div>\n          }\n        </div>\n      </div>\n      }\n\n      <!-- Deleted -->\n      @if (deletedEvent()) {\n      <div>\n        <div class=\"ax-text-xs ax-text-muted ax-mb-1 ax-font-semibold\">\n          {{ '@general:terms.audit.deleted' | translate | async }}\n        </div>\n        <div class=\"ax-text-xs ax-space-y-0.5\">\n          @if (deletedEvent()?.at) {\n          <div>\n            <span [dir]=\"'ltr'\">{{ formatDate(deletedEvent()?.at) }}</span>\n            @if (deletedEvent()?.by) {\n            <span class=\"ax-text-muted\"> \u2022 {{ formatUser(deletedEvent()?.by) }}</span>\n            }\n          </div>\n          }\n          @if (deletedEvent()?.reason) {\n          <div class=\"ax-text-muted\">{{ deletedEvent()?.reason }}</div>\n          }\n        </div>\n      </div>\n      }\n    </div>\n    @if (hasHistoryPlugin()) {\n    <div class=\"ax-mt-3 ax-pt-3 ax-border-t ax-sm\">\n      <ax-button [text]=\"'@general:terms.audit.history' | translate | async\" (click)=\"showHistory()\" class=\"ax-w-full\">\n      </ax-button>\n    </div>\n    }\n  </div>\n</ax-popover>", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXBadgeModule }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i1$2.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXPopoverModule }, { kind: "component", type: i2.AXPopoverComponent, selector: "ax-popover", inputs: ["width", "forceDisableActionSheetStyle", "disabled", "offsetX", "offsetY", "target", "placement", "content", "openOn", "closeOn", "hasBackdrop", "openAfter", "closeAfter", "repositionOnScroll", "backdropClass", "panelClass", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: i1$3.AsyncPipe, name: "async" }, { kind: "pipe", type: i4.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AXPAuditInfoColumnComponent, decorators: [{
             type: Component,
@@ -1741,7 +1741,10 @@ const categoryPlugin = {
     apply: (ctx, options) => {
         const moduleName = ctx.entity.module;
         const baseEntityName = ctx.entity.name;
-        const categoryEntityName = `${baseEntityName}Category`;
+        const defaultCategoryEntityName = `${baseEntityName}Category`;
+        const categoryEntityKey = options?.categoryEntity?.trim()?.length ? options.categoryEntity.trim() : `${moduleName}.${defaultCategoryEntityName}`;
+        const textField = options?.textField?.trim()?.length ? options.textField.trim() : 'title';
+        const valueField = options?.valueField?.trim()?.length ? options.valueField.trim() : 'id';
         const propertyName = options?.propertyName?.trim()?.length ? options.propertyName : 'categoryIds';
         const allowMultiple = options?.allowMultiple ?? true;
         const enableAppearance = options?.appearance ? (options.appearance.icon === true || options.appearance.color === true) : false;
@@ -1752,7 +1755,7 @@ const categoryPlugin = {
         if (!groups.some((g) => g.id === groupId)) {
             ctx.groups.add({ id: groupId, title: '@general:terms.interface.classification' });
         }
-        ctx.columns.add({ name: 'categoryIds', options: { dataPath: 'categories' } });
+        ctx.columns.add({ name: propertyName, options: { dataPath: 'categories' } });
         // Ensure property exists
         const props = ctx.properties.list();
         if (!props.some((p) => p.name === propertyName)) {
@@ -1765,13 +1768,14 @@ const categoryPlugin = {
                     interface: {
                         type: AXPWidgetsList.Editors.EntityCategory,
                         options: {
-                            entity: `${moduleName}.${categoryEntityName}`,
+                            entity: categoryEntityKey,
                             multiple: allowMultiple,
-                            textField: 'title',
-                            valueField: 'id',
+                            textField,
+                            valueField,
+                            readonly: options?.readonly === true,
                             expose: [
-                                { source: 'id', target: 'categories.{id}' },
-                                { source: 'title', target: 'categories.{title}' },
+                                { source: valueField, target: `categories.{${valueField}}` },
+                                { source: textField, target: `categories.{${textField}}` },
                             ],
                         },
                     },
@@ -1781,15 +1785,15 @@ const categoryPlugin = {
         // Ensure category sidebar/filter block
         ctx.category.update((cat) => {
             return {
-                entity: `${moduleName}.${categoryEntityName}`,
+                entity: categoryEntityKey,
                 title: '@general:terms.classification.categories',
-                textField: 'title',
-                valueField: 'id',
+                textField,
+                valueField,
                 applyConditions: [
                     {
                         name: propertyName,
                         operator: { type: 'contains' },
-                        value: 'id',
+                        value: valueField,
                     },
                 ],
             };
@@ -1807,12 +1811,16 @@ const categoryPlugin = {
         ctx.interfaces.master.create.update((create) => applyLayoutPatch(create ?? { sections: [], properties: [] }));
         ctx.interfaces.master.modify.update((modify) => applyLayoutPatch(modify ?? { sections: [], properties: [] }));
         ctx.interfaces.master.single.update((single) => applyLayoutPatch(single ?? { title: ctx.entity.title, sections: [], properties: [] }));
-        // Mark extension for dynamic category entity generation
+        // Mark extension for dynamic category entity generation (or reference to custom entity)
         ctx.entity.extensions ??= {};
         ctx.entity.extensions.category = {
-            entity: `${moduleName}.${categoryEntityName}`,
+            entity: categoryEntityKey,
             propertyName,
             allowMultiple,
+            textField,
+            valueField,
+            parentKey: options?.parentKey?.trim()?.length ? options.parentKey : undefined,
+            readonly: options?.readonly === true,
             appearance: options?.appearance,
             metaData: options?.metaData,
         };
@@ -6139,7 +6147,7 @@ const AXPCommonMenuKeys = {
     Home: 'Common:Menu:Home',
     Administration: 'Common:Menu:Administration',
     Help: 'Common:Menu:Help',
-    FoundationData: 'Common:Menu:FoundationData',
+    Configuration: 'Common:Menu:Configuration',
 };
 
 class AXMMenuProvider {
@@ -6176,11 +6184,11 @@ class AXMMenuProvider {
             ]);
         }
         // Check if Foundation Data menu exists, create it if not
-        const foundationDataMenu = context.find(AXPCommonMenuKeys.FoundationData);
+        const foundationDataMenu = context.find(AXPCommonMenuKeys.Configuration);
         if (!foundationDataMenu.exists) {
             context.addItems([
                 {
-                    name: AXPCommonMenuKeys.FoundationData,
+                    name: AXPCommonMenuKeys.Configuration,
                     priority: 10000001,
                     text: '@general:menus.foundation-data.title',
                     icon: 'fa-light fa-database',