@acorex/modules 21.0.0-next.14 → 21.0.0-next.16

package/fesm2022/acorex-modules-common.mjs

@@ -218,23 +218,26 @@ const AXPWidgetsList = {
     // },
 };
 
+const DEFAULT_ARCHIVE_FIELD_NAME = 'isArchived';
+//#endregion
 const archivePlugin = {
     name: 'archive',
     order: 65,
-    apply: (ctx) => {
+    apply: (ctx, options) => {
         ensureListActions(ctx);
-        //#region ----   Add isArchived Property   ----
+        const fieldName = options?.fieldName ?? DEFAULT_ARCHIVE_FIELD_NAME;
+        //#region ----   Add Archive Field Property   ----
         // Ensure settings group exists
         const groupId = 'settings';
         const groups = ctx.groups.list() ?? [];
         if (!groups.some((g) => g.id === groupId)) {
             ctx.groups.add({ id: groupId, title: '@general:terms.interface.settings' });
         }
-        // Add isArchived property if it doesn't exist
+        // Add archive property if it doesn't exist
         const props = ctx.properties.list();
-        if (!props.some((p) => p.name === 'isArchived')) {
+        if (!props.some((p) => p.name === fieldName)) {
             ctx.properties.add({
-                name: 'isArchived',
+                name: fieldName,
                 title: '@general:terms.status.states.is-archived',
                 groupId,
                 schema: {
@@ -261,11 +264,11 @@ const archivePlugin = {
                 }
             });
         }
-        // Add isArchived to columns for list view
+        // Add archive field to columns for list view
         const columns = ctx.columns.list() ?? [];
-        if (!columns.some((c) => c.name === 'isArchived')) {
+        if (!columns.some((c) => c.name === fieldName)) {
             ctx.columns.add({
-                name: 'isArchived',
+                name: fieldName,
                 title: '@general:terms.status.states.is-active',
                 width: 100,
                 sortable: true,
@@ -294,7 +297,7 @@ const archivePlugin = {
                     priority: 'secondary',
                     type: 'archive',
                     scope: AXPEntityCommandScope.Individual,
-                    hidden: `{{ context.eval("isArchived") }}`,
+                    hidden: `{{ context.eval("${fieldName}") }}`,
                 });
             }
             // Add restore archive action to list view
@@ -311,7 +314,7 @@ const archivePlugin = {
                     priority: 'secondary',
                     type: 'update',
                     scope: AXPEntityCommandScope.Individual,
-                    hidden: `{{ !context.eval("isArchived") }}`,
+                    hidden: `{{ !context.eval("${fieldName}") }}`,
                 });
             }
             // Add bulk archive action to list view
@@ -359,7 +362,7 @@ const archivePlugin = {
                     priority: 'secondary',
                     type: 'archive',
                     scope: AXPEntityCommandScope.Individual,
-                    hidden: `{{ context.eval("isArchived") }}`,
+                    hidden: `{{ context.eval("${fieldName}") }}`,
                 });
             }
             // Add restore archive action to single view
@@ -376,7 +379,7 @@ const archivePlugin = {
                     priority: 'secondary',
                     type: 'update',
                     scope: AXPEntityCommandScope.Individual,
-                    hidden: `{{ !context.eval("isArchived") }}`,
+                    hidden: `{{ !context.eval("${fieldName}") }}`,
                 });
             }
             return i;
@@ -392,7 +395,7 @@ const archivePlugin = {
                 next.views.push(createQueryView('archived', '@general:terms.status.states.is-archived', false, {
                     conditions: [
                         {
-                            name: 'isArchived',
+                            name: fieldName,
                             operator: { type: 'equal' },
                             value: true,
                             hidden: true
@@ -1405,7 +1408,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", "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 }); }
+    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 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AXPAuditInfoColumnComponent, decorators: [{
             type: Component,
@@ -3120,23 +3123,26 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
                 }]
         }] });
 
+const DEFAULT_DISABLE_FIELD_NAME = 'isDisabled';
+//#endregion
 const disablePlugin = {
     name: 'disable',
     order: 70,
-    apply: (ctx) => {
+    apply: (ctx, options) => {
         ensureListActions(ctx);
-        //#region ----   Add isDisabled Property   ----
+        const fieldName = options?.fieldName ?? DEFAULT_DISABLE_FIELD_NAME;
+        //#region ----   Add Disable Field Property   ----
         // Ensure settings group exists
         const groupId = 'settings';
         const groups = ctx.groups.list() ?? [];
         if (!groups.some((g) => g.id === groupId)) {
             ctx.groups.add({ id: groupId, title: '@general:terms.interface.settings' });
         }
-        // Add isDisabled property if it doesn't exist
+        // Add disable field property if it doesn't exist
         const props = ctx.properties.list();
-        if (!props.some((p) => p.name === 'isDisabled')) {
+        if (!props.some((p) => p.name === fieldName)) {
             ctx.properties.add({
-                name: 'isDisabled',
+                name: fieldName,
                 title: '@general:terms.status.states.is-disabled',
                 groupId,
                 schema: {
@@ -3165,11 +3171,11 @@ const disablePlugin = {
                 },
             });
         }
-        // Add isDisabled to columns for list view
+        // Add disable field to columns for list view
         const columns = ctx.columns.list() ?? [];
-        if (!columns.some((c) => c.name === 'isDisabled')) {
+        if (!columns.some((c) => c.name === fieldName)) {
             ctx.columns.add({
-                name: 'isDisabled',
+                name: fieldName,
                 title: '@general:terms.status.states.is-enabled',
                 width: 100,
                 sortable: true,
@@ -3199,7 +3205,7 @@ const disablePlugin = {
                     type: 'disable',
                     icon: 'fa-light fa-ban',
                     scope: AXPEntityCommandScope.Individual,
-                    hidden: `{{ context.eval("isDisabled") }}`,
+                    hidden: `{{ context.eval("${fieldName}") }}`,
                 });
             }
             // Add enable action to list view
@@ -3217,7 +3223,7 @@ const disablePlugin = {
                     type: 'enable',
                     icon: 'fa-light fa-check',
                     scope: AXPEntityCommandScope.Individual,
-                    hidden: `{{ !context.eval("isDisabled") }}`,
+                    hidden: `{{ !context.eval("${fieldName}") }}`,
                 });
             }
             // Add bulk disable action to list view
@@ -3268,7 +3274,7 @@ const disablePlugin = {
                     type: 'disable',
                     icon: 'fa-light fa-ban',
                     scope: AXPEntityCommandScope.Individual,
-                    hidden: `{{ context.eval("isDisabled") }}`,
+                    hidden: `{{ context.eval("${fieldName}") }}`,
                 });
             }
             // Add enable action to single view
@@ -3286,7 +3292,7 @@ const disablePlugin = {
                     type: 'enable',
                     icon: 'fa-light fa-check',
                     scope: AXPEntityCommandScope.Individual,
-                    hidden: `{{ !context.eval("isDisabled") }}`,
+                    hidden: `{{ !context.eval("${fieldName}") }}`,
                 });
             }
             return i;
@@ -3303,9 +3309,9 @@ const disablePlugin = {
             if (!sections.some((s) => s.id === groupId)) {
                 sections.push({ id: groupId, order: 150 });
             }
-            if (!properties.some((p) => p.name === 'isDisabled')) {
+            if (!properties.some((p) => p.name === fieldName)) {
                 properties.push({
-                    name: 'isDisabled',
+                    name: fieldName,
                     layout: {
                         positions: { lg: { colSpan: 6, order: 95 } },
                     },
@@ -3336,7 +3342,7 @@ const disablePlugin = {
                 next.views.push(createQueryView('disabled', '@general:terms.status.states.is-disabled', false, {
                     conditions: [
                         {
-                            name: 'isDisabled',
+                            name: fieldName,
                             operator: { type: 'equal' },
                             value: true,
                             hidden: true,