@acorex/platform 20.8.9 → 20.8.10

package/fesm2022/{acorex-platform-layout-widgets-button-widget-designer.component-CPBzE96V.mjs → acorex-platform-layout-widgets-button-widget-designer.component-Dy7jF-oD.mjs}

@@ -12,12 +12,12 @@ import { computed, EventEmitter, HostBinding, ChangeDetectionStrategy, Component
 class AXPButtonWidgetDesignerComponent extends AXPLayoutBaseWidgetComponent {
     constructor() {
         super(...arguments);
-        this.disabled = computed(() => this.options()['disabled'], ...(ngDevMode ? [{ debugName: "disabled" }] : []));
-        this.color = computed(() => this.options()['color']?.id ?? 'primary', ...(ngDevMode ? [{ debugName: "color" }] : []));
-        this.look = computed(() => this.options()['look']?.id ?? 'solid', ...(ngDevMode ? [{ debugName: "look" }] : []));
-        this.text = computed(() => this.options()['text'], ...(ngDevMode ? [{ debugName: "text" }] : []));
-        this.loading = computed(() => this.options()['loading'], ...(ngDevMode ? [{ debugName: "loading" }] : []));
-        this.icon = computed(() => this.options()['icon'], ...(ngDevMode ? [{ debugName: "icon" }] : []));
+        this.disabled = computed(() => this.options()['disabled'], ...(ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []));
+        this.color = computed(() => this.options()['color']?.id ?? 'primary', ...(ngDevMode ? [{ debugName: "color" }] : /* istanbul ignore next */ []));
+        this.look = computed(() => this.options()['look']?.id ?? 'solid', ...(ngDevMode ? [{ debugName: "look" }] : /* istanbul ignore next */ []));
+        this.text = computed(() => this.options()['text'], ...(ngDevMode ? [{ debugName: "text" }] : /* istanbul ignore next */ []));
+        this.loading = computed(() => this.options()['loading'], ...(ngDevMode ? [{ debugName: "loading" }] : /* istanbul ignore next */ []));
+        this.icon = computed(() => this.options()['icon'], ...(ngDevMode ? [{ debugName: "icon" }] : /* istanbul ignore next */ []));
         this.onClick = new EventEmitter();
     }
     get __class() {
@@ -26,8 +26,8 @@ class AXPButtonWidgetDesignerComponent extends AXPLayoutBaseWidgetComponent {
         cls['ax-inline-block'] = true;
         return cls;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: AXPButtonWidgetDesignerComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.19", type: AXPButtonWidgetDesignerComponent, isStandalone: true, selector: "axp-button-widget-designer", host: { properties: { "class": "this.__class" } }, usesInheritance: true, ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPButtonWidgetDesignerComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: AXPButtonWidgetDesignerComponent, isStandalone: true, selector: "axp-button-widget-designer", host: { properties: { "class": "this.__class" } }, usesInheritance: true, ngImport: i0, template: `
     <ax-button [disabled]="disabled()" [color]="color()" [look]="look()" [text]="text()">
       @if (icon() && text()) {
         <ax-prefix
@@ -42,7 +42,7 @@ class AXPButtonWidgetDesignerComponent extends AXPLayoutBaseWidgetComponent {
     </ax-button>
   `, isInline: true, dependencies: [{ kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i1.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: AXLoadingModule }, { kind: "component", type: i2.AXLoadingComponent, selector: "ax-loading", inputs: ["visible", "type", "context"], outputs: ["visibleChange"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i2$1.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i2$1.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: AXBadgeModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: AXPButtonWidgetDesignerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPButtonWidgetDesignerComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'axp-button-widget-designer',
@@ -69,4 +69,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImpo
             }] } });
 
 export { AXPButtonWidgetDesignerComponent };
-//# sourceMappingURL=acorex-platform-layout-widgets-button-widget-designer.component-CPBzE96V.mjs.map
+//# sourceMappingURL=acorex-platform-layout-widgets-button-widget-designer.component-Dy7jF-oD.mjs.map

package/fesm2022/acorex-platform-layout-widgets-button-widget-designer.component-Dy7jF-oD.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"acorex-platform-layout-widgets-button-widget-designer.component-Dy7jF-oD.mjs","sources":["../../../../libs/platform/layout/widgets/src/lib/widgets/actions/button/button-widget-designer.component.ts"],"sourcesContent":["import { AXClickEvent, AXStyleColorType, AXStyleLookType } from '@acorex/cdk/common';\nimport { AXBadgeModule } from '@acorex/components/badge';\nimport { AXButtonModule } from '@acorex/components/button';\nimport { AXDecoratorModule } from '@acorex/components/decorators';\nimport { AXLoadingModule } from '@acorex/components/loading';\nimport { AXPLayoutBaseWidgetComponent } from '@acorex/platform/layout/widget-core';\n\nimport { ChangeDetectionStrategy, Component, computed, EventEmitter, HostBinding } from '@angular/core';\n@Component({\n  selector: 'axp-button-widget-designer',\n  template: `\n    <ax-button [disabled]=\"disabled()\" [color]=\"color()\" [look]=\"look()\" [text]=\"text()\">\n      @if (icon() && text()) {\n        <ax-prefix\n          ><ax-icon> <i class=\"fa-solid\" [class]=\"icon()\"></i> </ax-icon\n        ></ax-prefix>\n      } @else if (icon() && !text()) {\n        <ax-icon> <i class=\"fa-solid\" [class]=\"icon()\"></i> </ax-icon>\n      }\n      @if (loading()) {\n        <ax-loading> </ax-loading>\n      }\n    </ax-button>\n  `,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [AXButtonModule, AXLoadingModule, AXDecoratorModule, AXBadgeModule],\n})\nexport class AXPButtonWidgetDesignerComponent extends AXPLayoutBaseWidgetComponent {\n  protected disabled = computed<boolean>(() => this.options()['disabled']);\n  protected color = computed<AXStyleColorType>(() => this.options()['color']?.id ?? 'primary');\n  protected look = computed<AXStyleLookType>(() => this.options()['look']?.id ?? 'solid');\n  protected text = computed<string | undefined>(() => this.options()['text']);\n  protected loading = computed<boolean>(() => this.options()['loading']);\n  protected icon = computed<string | undefined>(() => this.options()['icon']);\n\n  public onClick = new EventEmitter<AXClickEvent>();\n\n  @HostBinding('class')\n  private get __class(): string {\n    const cls: any = {};\n    //\n    cls['ax-inline-block'] = true;\n    return cls;\n  }\n}\n"],"names":[],"mappings":"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"}

package/fesm2022/{acorex-platform-layout-widgets-file-list-popup.component-Dtv6U3df.mjs → acorex-platform-layout-widgets-file-list-popup.component-CDYAGBku.mjs}

@@ -10,47 +10,46 @@ import { AXTranslationModule } from '@acorex/core/translation';
 import * as i1$2 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import * as i0 from '@angular/core';
-import { inject, input, computed, linkedSignal, Component } from '@angular/core';
+import { input, computed, linkedSignal, Component } from '@angular/core';
 import * as i1$1 from '@acorex/platform/layout/widget-core';
 import { AXPWidgetCoreModule } from '@acorex/platform/layout/widget-core';
-import { AXPFileStorageService } from '@acorex/platform/common';
 
 class AXPFileListPopupComponent extends AXBasePageComponent {
     constructor() {
         super(...arguments);
-        this.fileService = inject(AXPFileStorageService);
         //#region ----   Component Properties   ----
-        this.files = input([], ...(ngDevMode ? [{ debugName: "files" }] : []));
+        /** Hydrated file rows only; storage prefixes are resolved in entity/mock middleware before UI. */
+        this.files = input([], ...(ngDevMode ? [{ debugName: "files" }] : /* istanbul ignore next */ []));
         /**
          * When true, same as file-uploader `options.readonly` (no add/upload, list actions download-only).
          * Use property name `isReadonly` in popup `data` so host/popup binding resolves the input.
          */
-        this.isReadonly = input(false, ...(ngDevMode ? [{ debugName: "isReadonly" }] : []));
-        this.multiple = input(false, ...(ngDevMode ? [{ debugName: "multiple" }] : []));
-        this.fileEditable = input(true, ...(ngDevMode ? [{ debugName: "fileEditable" }] : []));
-        this.accept = input('*', ...(ngDevMode ? [{ debugName: "accept" }] : []));
-        this.maxFileSize = input(1024 * 1024 * 100, ...(ngDevMode ? [{ debugName: "maxFileSize" }] : []));
+        this.isReadonly = input(false, ...(ngDevMode ? [{ debugName: "isReadonly" }] : /* istanbul ignore next */ []));
+        this.multiple = input(false, ...(ngDevMode ? [{ debugName: "multiple" }] : /* istanbul ignore next */ []));
+        this.fileEditable = input(true, ...(ngDevMode ? [{ debugName: "fileEditable" }] : /* istanbul ignore next */ []));
+        this.accept = input('*', ...(ngDevMode ? [{ debugName: "accept" }] : /* istanbul ignore next */ []));
+        this.maxFileSize = input(1024 * 1024 * 100, ...(ngDevMode ? [{ debugName: "maxFileSize" }] : /* istanbul ignore next */ []));
         /** Same as widget plugins (e.g. document) so hooks/actions run in popup too. */
-        this.plugins = input([], ...(ngDevMode ? [{ debugName: "plugins" }] : []));
-        this.excludePlugins = input([], ...(ngDevMode ? [{ debugName: "excludePlugins" }] : []));
+        this.plugins = input([], ...(ngDevMode ? [{ debugName: "plugins" }] : /* istanbul ignore next */ []));
+        this.excludePlugins = input([], ...(ngDevMode ? [{ debugName: "excludePlugins" }] : /* istanbul ignore next */ []));
         /** When true, file edit dialog shows name, title and description fields. Default false. */
-        this.enableTitleDescription = input(false, ...(ngDevMode ? [{ debugName: "enableTitleDescription" }] : []));
+        this.enableTitleDescription = input(false, ...(ngDevMode ? [{ debugName: "enableTitleDescription" }] : /* istanbul ignore next */ []));
         /** When true, show edit dialog (name/title/description + plugin hooks) after file select. Default false. */
-        this.showEditDialogAfterSelect = input(false, ...(ngDevMode ? [{ debugName: "showEditDialogAfterSelect" }] : []));
+        this.showEditDialogAfterSelect = input(false, ...(ngDevMode ? [{ debugName: "showEditDialogAfterSelect" }] : /* istanbul ignore next */ []));
         //#endregion
         //#region ----   Computed Properties   ----
         /**
          * Always render the edit widget so `options` (readonly, plugins, enableTitleDescription, …) match the entity form.
          * Readonly behavior comes from `node.options.readonly`, not from view mode.
          */
-        this.mode = computed(() => 'edit', ...(ngDevMode ? [{ debugName: "mode" }] : []));
+        this.mode = computed(() => 'edit', ...(ngDevMode ? [{ debugName: "mode" }] : /* istanbul ignore next */ []));
         //#endregion
         //#region ----   Context & Node Management   ----
-        this.context = linkedSignal(() => ({}), ...(ngDevMode ? [{ debugName: "context" }] : []));
+        this.context = linkedSignal(() => ({}), ...(ngDevMode ? [{ debugName: "context" }] : /* istanbul ignore next */ []));
         this.node = computed(() => ({
             type: 'file-uploader',
             path: 'files',
-            defaultValue: Array.isArray(this.files()) && typeof this.files()[0] !== 'string' ? this.files() : [],
+            defaultValue: Array.isArray(this.files()) ? this.files() : [],
             options: {
                 readonly: this.isReadonly(),
                 multiple: this.multiple(),
@@ -62,7 +61,7 @@ class AXPFileListPopupComponent extends AXBasePageComponent {
                 enableTitleDescription: this.enableTitleDescription(),
                 showEditDialogAfterSelect: this.resolveInput(this.showEditDialogAfterSelect(), false),
             },
-        }), ...(ngDevMode ? [{ debugName: "node" }] : []));
+        }), ...(ngDevMode ? [{ debugName: "node" }] : /* istanbul ignore next */ []));
     }
     onContextChanged(event) {
         this.context.set(event.data);
@@ -72,74 +71,20 @@ class AXPFileListPopupComponent extends AXBasePageComponent {
         return typeof value === 'function' ? value() : (value ?? fallback);
     }
     //#endregion
-    //#region ----   Lifecycle Methods   ----
-    async ngOnInit() {
-        if (Array.isArray(this.files()) && typeof this.files()[0] === 'string') {
-            this.isLoading = true;
-            // Convert string file IDs to AXPFileListItem objects using batch API
-            const prefixedIds = this.files();
-            const actualIds = prefixedIds.map((id) => this.removeFilePrefix(id));
-            let fileItems = [];
-            try {
-                const infos = await this.fileService.findMany(actualIds);
-                const infoMap = new Map(infos.map((i) => [i.fileId, i]));
-                fileItems = prefixedIds.map((prefixedId) => {
-                    const actualId = this.removeFilePrefix(prefixedId);
-                    const info = infoMap.get(actualId);
-                    if (info) {
-                        return {
-                            id: info.fileId,
-                            name: info.name || '',
-                            size: info.size,
-                            status: 'uploaded',
-                            source: {
-                                kind: 'fileId',
-                                value: info.fileId,
-                            },
-                        };
-                    }
-                    return {
-                        id: actualId,
-                        name: 'Unknown File',
-                        size: 0,
-                        status: 'deleted',
-                        source: { kind: 'none', value: '' },
-                    };
-                });
-            }
-            catch (error) {
-                console.error('Failed to get file infos', error);
-                fileItems = prefixedIds.map((prefixedId) => ({
-                    id: this.removeFilePrefix(prefixedId),
-                    name: 'Unknown File',
-                    size: 0,
-                    status: 'deleted',
-                    source: { kind: 'none', value: '' },
-                }));
-            }
-            this.isLoading = false;
-            // Update the context with the converted file items
-            this.context.set({ files: fileItems });
-        }
-    }
-    removeFilePrefix(fileId) {
-        return fileId.startsWith('file:') ? fileId.substring(5) : fileId;
-    }
-    //#endregion
     //#region ----   UI Handlers   ----
     apply() {
         this.close({
             data: this.context(),
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: AXPFileListPopupComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.19", type: AXPFileListPopupComponent, isStandalone: true, selector: "ng-component", inputs: { files: { classPropertyName: "files", publicName: "files", isSignal: true, isRequired: false, transformFunction: null }, isReadonly: { classPropertyName: "isReadonly", publicName: "isReadonly", isSignal: true, isRequired: false, transformFunction: null }, multiple: { classPropertyName: "multiple", publicName: "multiple", isSignal: true, isRequired: false, transformFunction: null }, fileEditable: { classPropertyName: "fileEditable", publicName: "fileEditable", isSignal: true, isRequired: false, transformFunction: null }, accept: { classPropertyName: "accept", publicName: "accept", isSignal: true, isRequired: false, transformFunction: null }, maxFileSize: { classPropertyName: "maxFileSize", publicName: "maxFileSize", isSignal: true, isRequired: false, transformFunction: null }, plugins: { classPropertyName: "plugins", publicName: "plugins", isSignal: true, isRequired: false, transformFunction: null }, excludePlugins: { classPropertyName: "excludePlugins", publicName: "excludePlugins", isSignal: true, isRequired: false, transformFunction: null }, enableTitleDescription: { classPropertyName: "enableTitleDescription", publicName: "enableTitleDescription", isSignal: true, isRequired: false, transformFunction: null }, showEditDialogAfterSelect: { classPropertyName: "showEditDialogAfterSelect", publicName: "showEditDialogAfterSelect", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0, template: "<div class=\"ax-p-2\">\n  <axp-widgets-container [context]=\"context()\" (onContextChanged)=\"onContextChanged($event)\">\n    <ng-container axp-widget-renderer [node]=\"node()\" [mode]=\"mode()\"></ng-container>\n  </axp-widgets-container>\n</div>\n<ax-footer>\n  <ax-suffix>\n    @if (isReadonly()) {\n      <ax-button [text]=\"'@general:actions.close.title' | translate | async\" (click)=\"close()\"></ax-button>\n    } @else {\n      <ax-button [text]=\"'@general:actions.discard.title' | translate | async\" (click)=\"close()\"></ax-button>\n      <ax-button\n        [text]=\"'@general:actions.apply.title' | translate | async\"\n        (click)=\"apply()\"\n        [color]=\"'primary'\"\n      ></ax-button>\n    }\n  </ax-suffix>\n</ax-footer>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: 
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPFileListPopupComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: AXPFileListPopupComponent, isStandalone: true, selector: "ng-component", inputs: { files: { classPropertyName: "files", publicName: "files", isSignal: true, isRequired: false, transformFunction: null }, isReadonly: { classPropertyName: "isReadonly", publicName: "isReadonly", isSignal: true, isRequired: false, transformFunction: null }, multiple: { classPropertyName: "multiple", publicName: "multiple", isSignal: true, isRequired: false, transformFunction: null }, fileEditable: { classPropertyName: "fileEditable", publicName: "fileEditable", isSignal: true, isRequired: false, transformFunction: null }, accept: { classPropertyName: "accept", publicName: "accept", isSignal: true, isRequired: false, transformFunction: null }, maxFileSize: { classPropertyName: "maxFileSize", publicName: "maxFileSize", isSignal: true, isRequired: false, transformFunction: null }, plugins: { classPropertyName: "plugins", publicName: "plugins", isSignal: true, isRequired: false, transformFunction: null }, excludePlugins: { classPropertyName: "excludePlugins", publicName: "excludePlugins", isSignal: true, isRequired: false, transformFunction: null }, enableTitleDescription: { classPropertyName: "enableTitleDescription", publicName: "enableTitleDescription", isSignal: true, isRequired: false, transformFunction: null }, showEditDialogAfterSelect: { classPropertyName: "showEditDialogAfterSelect", publicName: "showEditDialogAfterSelect", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0, template: "<div class=\"ax-p-2\">\n  <axp-widgets-container [context]=\"context()\" (onContextChanged)=\"onContextChanged($event)\">\n    <ng-container axp-widget-renderer [node]=\"node()\" [mode]=\"mode()\"></ng-container>\n  </axp-widgets-container>\n</div>\n<ax-footer>\n  <ax-suffix>\n    @if (isReadonly()) {\n      <ax-button [text]=\"'@general:actions.close.title' | translate | async\" (click)=\"close()\"></ax-button>\n    } @else {\n      <ax-button [text]=\"'@general:actions.discard.title' | translate | async\" (click)=\"close()\"></ax-button>\n      <ax-button\n        [text]=\"'@general:actions.apply.title' | translate | async\"\n        (click)=\"apply()\"\n        [color]=\"'primary'\"\n      ></ax-button>\n    }\n  </ax-suffix>\n</ax-footer>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: 
                 //
                 AXLabelModule }, { kind: "ngmodule", type: AXCheckBoxModule }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i2.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: AXButtonModule }, { kind: "component", type: i1.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: AXTranslationModule }, { kind: "ngmodule", type: 
                 //
                 AXPWidgetCoreModule }, { kind: "component", type: i1$1.AXPWidgetContainerComponent, selector: "axp-widgets-container", inputs: ["context", "functions"], outputs: ["onContextChanged"] }, { kind: "directive", type: i1$1.AXPWidgetRendererDirective, selector: "[axp-widget-renderer]", inputs: ["parentNode", "index", "mode", "node"], outputs: ["onOptionsChanged", "onValueChanged", "onLoad"], exportAs: ["widgetRenderer"] }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }, { kind: "pipe", type: i6.AXTranslatorPipe, name: "translate" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: AXPFileListPopupComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPFileListPopupComponent, decorators: [{
             type: Component,
             args: [{ imports: [
                         CommonModule,
@@ -150,9 +95,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImpo
                         AXButtonModule,
                         AXTranslationModule,
                         //
-                        AXPWidgetCoreModule
+                        AXPWidgetCoreModule,
                     ], template: "<div class=\"ax-p-2\">\n  <axp-widgets-container [context]=\"context()\" (onContextChanged)=\"onContextChanged($event)\">\n    <ng-container axp-widget-renderer [node]=\"node()\" [mode]=\"mode()\"></ng-container>\n  </axp-widgets-container>\n</div>\n<ax-footer>\n  <ax-suffix>\n    @if (isReadonly()) {\n      <ax-button [text]=\"'@general:actions.close.title' | translate | async\" (click)=\"close()\"></ax-button>\n    } @else {\n      <ax-button [text]=\"'@general:actions.discard.title' | translate | async\" (click)=\"close()\"></ax-button>\n      <ax-button\n        [text]=\"'@general:actions.apply.title' | translate | async\"\n        (click)=\"apply()\"\n        [color]=\"'primary'\"\n      ></ax-button>\n    }\n  </ax-suffix>\n</ax-footer>\n" }]
         }], propDecorators: { files: [{ type: i0.Input, args: [{ isSignal: true, alias: "files", required: false }] }], isReadonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "isReadonly", required: false }] }], multiple: [{ type: i0.Input, args: [{ isSignal: true, alias: "multiple", required: false }] }], fileEditable: [{ type: i0.Input, args: [{ isSignal: true, alias: "fileEditable", required: false }] }], accept: [{ type: i0.Input, args: [{ isSignal: true, alias: "accept", required: false }] }], maxFileSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxFileSize", required: false }] }], plugins: [{ type: i0.Input, args: [{ isSignal: true, alias: "plugins", required: false }] }], excludePlugins: [{ type: i0.Input, args: [{ isSignal: true, alias: "excludePlugins", required: false }] }], enableTitleDescription: [{ type: i0.Input, args: [{ isSignal: true, alias: "enableTitleDescription", required: false }] }], showEditDialogAfterSelect: [{ type: i0.Input, args: [{ isSignal: true, alias: "showEditDialogAfterSelect", required: false }] }] } });
 
 export { AXPFileListPopupComponent };
-//# sourceMappingURL=acorex-platform-layout-widgets-file-list-popup.component-Dtv6U3df.mjs.map
+//# sourceMappingURL=acorex-platform-layout-widgets-file-list-popup.component-CDYAGBku.mjs.map

package/fesm2022/acorex-platform-layout-widgets-file-list-popup.component-CDYAGBku.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"acorex-platform-layout-widgets-file-list-popup.component-CDYAGBku.mjs","sources":["../../../../libs/platform/layout/widgets/src/lib/widgets/advance/file-uploader/file-list-popup/file-list-popup.component.ts","../../../../libs/platform/layout/widgets/src/lib/widgets/advance/file-uploader/file-list-popup/file-list-popup.component.html"],"sourcesContent":["import { AXButtonModule } from '@acorex/components/button';\nimport { AXCheckBoxModule } from '@acorex/components/check-box';\nimport { AXDecoratorModule } from '@acorex/components/decorators';\nimport { AXLabelModule } from '@acorex/components/label';\nimport { AXBasePageComponent } from '@acorex/components/page';\nimport { AXTranslationModule } from '@acorex/core/translation';\nimport { AXPContextChangeEvent, AXPFileListItem } from '@acorex/platform/core';\nimport { CommonModule } from '@angular/common';\nimport { Component, computed, input, linkedSignal } from '@angular/core';\nimport { AXPWidgetCoreModule, AXPWidgetNode } from '@acorex/platform/layout/widget-core';\n\n@Component({\n  imports: [\n    CommonModule,\n    //\n    AXLabelModule,\n    AXCheckBoxModule,\n    AXDecoratorModule,\n    AXButtonModule,\n    AXTranslationModule,\n    //\n    AXPWidgetCoreModule,\n  ],\n  templateUrl: './file-list-popup.component.html',\n})\nexport class AXPFileListPopupComponent extends AXBasePageComponent {\n  //#region ----   Component Properties   ----\n\n  /** Hydrated file rows only; storage prefixes are resolved in entity/mock middleware before UI. */\n  files = input<AXPFileListItem[]>([]);\n  /**\n   * When true, same as file-uploader `options.readonly` (no add/upload, list actions download-only).\n   * Use property name `isReadonly` in popup `data` so host/popup binding resolves the input.\n   */\n  isReadonly = input<boolean>(false);\n  multiple = input<boolean>(false);\n  fileEditable = input<boolean>(true);\n  accept = input<string>('*');\n  maxFileSize = input<number>(1024 * 1024 * 100);\n  /** Same as widget plugins (e.g. document) so hooks/actions run in popup too. */\n  plugins = input<{ name: string; options?: unknown }[]>([]);\n  excludePlugins = input<string[]>([]);\n  /** When true, file edit dialog shows name, title and description fields. Default false. */\n  enableTitleDescription = input<boolean>(false);\n  /** When true, show edit dialog (name/title/description + plugin hooks) after file select. Default false. */\n  showEditDialogAfterSelect = input<boolean>(false);\n\n  //#endregion\n\n  //#region ----   Computed Properties   ----\n\n  /**\n   * Always render the edit widget so `options` (readonly, plugins, enableTitleDescription, …) match the entity form.\n   * Readonly behavior comes from `node.options.readonly`, not from view mode.\n   */\n  protected mode = computed(() => 'edit' as const);\n\n  //#endregion\n\n  //#region ----   Context & Node Management   ----\n\n  protected context = linkedSignal<{}>(() => ({}));\n\n  protected onContextChanged(event: AXPContextChangeEvent) {\n    this.context.set(event.data);\n  }\n\n  /** Resolves input that may be a signal (input()) or a raw value when popup injects data. */\n  private resolveInput<T>(value: (() => T) | T, fallback: T): T {\n    return typeof value === 'function' ? (value as () => T)() : (value ?? fallback);\n  }\n\n  protected node = computed<AXPWidgetNode>(() => ({\n    type: 'file-uploader',\n    path: 'files',\n    defaultValue: Array.isArray(this.files()) ? this.files() : [],\n    options: {\n      readonly: this.isReadonly(),\n      multiple: this.multiple(),\n      accept: this.accept(),\n      maxFileSize: this.maxFileSize(),\n      fileEditable: this.fileEditable(),\n      plugins: this.resolveInput(this.plugins, []),\n      excludePlugins: this.resolveInput(this.excludePlugins, []),\n      enableTitleDescription: this.enableTitleDescription(),\n      showEditDialogAfterSelect: this.resolveInput(this.showEditDialogAfterSelect(), false),\n    },\n  }));\n\n  //#endregion\n\n  //#region ----   UI Handlers   ----\n\n  apply() {\n    this.close({\n      data: this.context(),\n    });\n  }\n\n  //#endregion\n}\n","<div class=\"ax-p-2\">\n  <axp-widgets-container [context]=\"context()\" (onContextChanged)=\"onContextChanged($event)\">\n    <ng-container axp-widget-renderer [node]=\"node()\" [mode]=\"mode()\"></ng-container>\n  </axp-widgets-container>\n</div>\n<ax-footer>\n  <ax-suffix>\n    @if (isReadonly()) {\n      <ax-button [text]=\"'@general:actions.close.title' | translate | async\" (click)=\"close()\"></ax-button>\n    } @else {\n      <ax-button [text]=\"'@general:actions.discard.title' | translate | async\" (click)=\"close()\"></ax-button>\n      <ax-button\n        [text]=\"'@general:actions.apply.title' | translate | async\"\n        (click)=\"apply()\"\n        [color]=\"'primary'\"\n      ></ax-button>\n    }\n  </ax-suffix>\n</ax-footer>\n"],"names":["i1","i3","i4","i5"],"mappings":"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"}

package/fesm2022/{acorex-platform-layout-widgets-image-preview.popup-QxJfswhK.mjs → acorex-platform-layout-widgets-image-preview.popup-C_EPAvCU.mjs}

@@ -1,23 +1,22 @@
 import { AXButtonModule } from '@acorex/components/button';
 import { AXBasePageComponent } from '@acorex/components/page';
-import { CommonModule } from '@angular/common';
 import * as i0 from '@angular/core';
 import { Component } from '@angular/core';
 
 class AXPImagePreviewPopupComponent extends AXBasePageComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: AXPImagePreviewPopupComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.19", type: AXPImagePreviewPopupComponent, isStandalone: true, selector: "axp-image-preview-popup", usesInheritance: true, ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPImagePreviewPopupComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.9", type: AXPImagePreviewPopupComponent, isStandalone: true, selector: "axp-image-preview-popup", usesInheritance: true, ngImport: i0, template: `
     <div class="ax-flex ax-justify-center ax-items-center ax-p-4">
       <img [src]="src" alt="Preview" />
     </div>
-  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXButtonModule }] }); }
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: AXButtonModule }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: AXPImagePreviewPopupComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPImagePreviewPopupComponent, decorators: [{
             type: Component,
             args: [{
                     standalone: true,
                     selector: 'axp-image-preview-popup',
-                    imports: [CommonModule, AXButtonModule],
+                    imports: [AXButtonModule],
                     template: `
     <div class="ax-flex ax-justify-center ax-items-center ax-p-4">
       <img [src]="src" alt="Preview" />
@@ -27,4 +26,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImpo
         }] });
 
 export { AXPImagePreviewPopupComponent };
-//# sourceMappingURL=acorex-platform-layout-widgets-image-preview.popup-QxJfswhK.mjs.map
+//# sourceMappingURL=acorex-platform-layout-widgets-image-preview.popup-C_EPAvCU.mjs.map

package/fesm2022/acorex-platform-layout-widgets-image-preview.popup-C_EPAvCU.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"acorex-platform-layout-widgets-image-preview.popup-C_EPAvCU.mjs","sources":["../../../../libs/platform/layout/widgets/src/lib/widgets/advance/image/image-preview.popup.ts"],"sourcesContent":["import { AXButtonModule } from '@acorex/components/button';\nimport { AXBasePageComponent } from '@acorex/components/page';\n\nimport { Component } from '@angular/core';\n\n@Component({\n  standalone: true,\n  selector: 'axp-image-preview-popup',\n  imports: [AXButtonModule],\n  template: `\n    <div class=\"ax-flex ax-justify-center ax-items-center ax-p-4\">\n      <img [src]=\"src\" alt=\"Preview\" />\n    </div>\n  `,\n})\nexport class AXPImagePreviewPopupComponent extends AXBasePageComponent {\n  src: string;\n}\n"],"names":[],"mappings":";;;;;AAeM,MAAO,6BAA8B,SAAQ,mBAAmB,CAAA;8GAAzD,6BAA6B,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAA7B,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,6BAA6B,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,yBAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAN9B;;;;AAIT,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EALS,cAAc,EAAA,CAAA,EAAA,CAAA,CAAA;;2FAOb,6BAA6B,EAAA,UAAA,EAAA,CAAA;kBAVzC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,QAAQ,EAAE,yBAAyB;oBACnC,OAAO,EAAE,CAAC,cAAc,CAAC;AACzB,oBAAA,QAAQ,EAAE;;;;AAIT,EAAA,CAAA;AACF,iBAAA;;;;;"}

package/fesm2022/{acorex-platform-layout-widgets-page-widget-designer.component-CVdssZBD.mjs → acorex-platform-layout-widgets-page-widget-designer.component-D10yO28c.mjs}

@@ -9,14 +9,14 @@ class AXPPageWidgetDesignerComponent extends AXPLayoutBaseWidgetComponent {
     constructor() {
         super(...arguments);
         this.designerService = inject(AXPDesignerService);
-        this.backgroundColor = computed(() => this.options()['backgroundColor'], ...(ngDevMode ? [{ debugName: "backgroundColor" }] : []));
-        this.theme = computed(() => this.options()['theme']?.id ?? 'default', ...(ngDevMode ? [{ debugName: "theme" }] : []));
-        this.hasHeader = computed(() => this.options()['hasHeader'], ...(ngDevMode ? [{ debugName: "hasHeader" }] : []));
-        this.hasFooter = computed(() => this.options()['hasFooter'], ...(ngDevMode ? [{ debugName: "hasFooter" }] : []));
-        this.direction = computed(() => this.options()['direction'], ...(ngDevMode ? [{ debugName: "direction" }] : []));
-        this.onlyChildren = computed(() => this.children().filter((c) => !c.meta?.['footer'] && !c.meta?.['header']), ...(ngDevMode ? [{ debugName: "onlyChildren" }] : []));
-        this.headerNodes = computed(() => this.children().filter((c) => c.meta?.['header']) ?? [], ...(ngDevMode ? [{ debugName: "headerNodes" }] : []));
-        this.footerNodes = computed(() => this.children().filter((c) => c.meta?.['footer']) ?? [], ...(ngDevMode ? [{ debugName: "footerNodes" }] : []));
+        this.backgroundColor = computed(() => this.options()['backgroundColor'], ...(ngDevMode ? [{ debugName: "backgroundColor" }] : /* istanbul ignore next */ []));
+        this.theme = computed(() => this.options()['theme']?.id ?? 'default', ...(ngDevMode ? [{ debugName: "theme" }] : /* istanbul ignore next */ []));
+        this.hasHeader = computed(() => this.options()['hasHeader'], ...(ngDevMode ? [{ debugName: "hasHeader" }] : /* istanbul ignore next */ []));
+        this.hasFooter = computed(() => this.options()['hasFooter'], ...(ngDevMode ? [{ debugName: "hasFooter" }] : /* istanbul ignore next */ []));
+        this.direction = computed(() => this.options()['direction'], ...(ngDevMode ? [{ debugName: "direction" }] : /* istanbul ignore next */ []));
+        this.onlyChildren = computed(() => this.children().filter((c) => !c.meta?.['footer'] && !c.meta?.['header']), ...(ngDevMode ? [{ debugName: "onlyChildren" }] : /* istanbul ignore next */ []));
+        this.headerNodes = computed(() => this.children().filter((c) => c.meta?.['header']) ?? [], ...(ngDevMode ? [{ debugName: "headerNodes" }] : /* istanbul ignore next */ []));
+        this.footerNodes = computed(() => this.children().filter((c) => c.meta?.['footer']) ?? [], ...(ngDevMode ? [{ debugName: "footerNodes" }] : /* istanbul ignore next */ []));
     }
     async handleAddHeader() {
         const widgets = await this.designerService.showPicker(this.node);
@@ -45,8 +45,8 @@ class AXPPageWidgetDesignerComponent extends AXPLayoutBaseWidgetComponent {
             'ax-rtl': this.direction() == 'rtl',
         };
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: AXPPageWidgetDesignerComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.19", type: AXPPageWidgetDesignerComponent, isStandalone: true, selector: "axp-page-widget-designer", host: { properties: { "style": "this.__style", "class": "this.__class" } }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPPageWidgetDesignerComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: AXPPageWidgetDesignerComponent, isStandalone: true, selector: "axp-page-widget-designer", host: { properties: { "style": "this.__style", "class": "this.__class" } }, providers: [
             {
                 provide: AXPLayoutBaseWidgetComponent,
                 useExisting: AXPPageWidgetDesignerComponent,
@@ -96,7 +96,7 @@ class AXPPageWidgetDesignerComponent extends AXPLayoutBaseWidgetComponent {
     }
   `, isInline: true, dependencies: [{ kind: "ngmodule", type: AXPWidgetCoreModule }, { kind: "ngmodule", type: AXButtonModule }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "directive", type: AXPWidgetDesignerRendererDirective, selector: "[axp-widget-designer-renderer]", inputs: ["parentNode", "parentElement", "parentComponent", "index", "locked", "mode", "node"] }, { kind: "component", type: AXPDesignerAddWidgetLineButtonComponent, selector: "axp-designer-add-widget-line-button", inputs: ["text"], outputs: ["onClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: AXPPageWidgetDesignerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPPageWidgetDesignerComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'axp-page-widget-designer',
@@ -169,4 +169,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImpo
             }] } });
 
 export { AXPPageWidgetDesignerComponent };
-//# sourceMappingURL=acorex-platform-layout-widgets-page-widget-designer.component-CVdssZBD.mjs.map
+//# sourceMappingURL=acorex-platform-layout-widgets-page-widget-designer.component-D10yO28c.mjs.map

package/fesm2022/acorex-platform-layout-widgets-page-widget-designer.component-D10yO28c.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"acorex-platform-layout-widgets-page-widget-designer.component-D10yO28c.mjs","sources":["../../../../libs/platform/layout/widgets/src/lib/widgets/layout/page/page-widget-designer.component.ts"],"sourcesContent":["import { AXButtonModule } from '@acorex/components/button';\nimport { AXDecoratorModule } from '@acorex/components/decorators';\nimport { AXPLayoutBaseWidgetComponent, AXPWidgetCoreModule, AXPWidgetNode } from '@acorex/platform/layout/widget-core';\nimport {\n  AXPDesignerAddWidgetLineButtonComponent,\n  AXPDesignerService,\n  AXPWidgetDesignerRendererDirective,\n} from '@acorex/platform/layout/designer';\n\nimport { ChangeDetectionStrategy, Component, computed, HostBinding, inject, ViewEncapsulation } from '@angular/core';\n\n@Component({\n  selector: 'axp-page-widget-designer',\n  template: `\n    @if (hasHeader()) {\n      @if (headerNodes().length) {\n        <header class=\"axp-page-widget-header\">\n          @for (node of headerNodes(); track $index) {\n            <ng-container\n              axp-widget-designer-renderer\n              [node]=\"node\"\n              [parentNode]=\"this\"\n              [mode]=\"mode\"\n              [locked]=\"this.locked\"\n            ></ng-container>\n          }\n        </header>\n      } @else {\n        <axp-designer-add-widget-line-button\n          [text]=\"'Page Header'\"\n          (onClick)=\"handleAddHeader()\"\n        ></axp-designer-add-widget-line-button>\n      }\n    }\n    @for (node of onlyChildren(); track $index) {\n      <ng-container axp-widget-designer-renderer [node]=\"node\" [parentNode]=\"this\" [mode]=\"mode\"></ng-container>\n    }\n    <!-- <axp-designer-add-widget-mini-button></axp-designer-add-widget-mini-button> -->\n    <axp-designer-add-widget-line-button\n      [text]=\"'Add Element'\"\n      (onClick)=\"handleAddElement()\"\n    ></axp-designer-add-widget-line-button>\n    @if (hasFooter()) {\n      @if (footerNodes().length) {\n        <footer class=\"axp-page-widget-footer\">\n          @for (node of footerNodes(); track $index) {\n            <ng-container axp-widget-designer-renderer [node]=\"node\" [parentNode]=\"this\" [mode]=\"mode\"></ng-container>\n          }\n        </footer>\n      } @else {\n        <axp-designer-add-widget-line-button\n          [text]=\"'Page Footer'\"\n          (onClick)=\"handleAddFooter()\"\n        ></axp-designer-add-widget-line-button>\n      }\n    }\n  `,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  imports: [\n    AXPWidgetCoreModule,\n    AXButtonModule,\n    AXDecoratorModule,\n    AXPWidgetDesignerRendererDirective,\n    AXPDesignerAddWidgetLineButtonComponent,\n  ],\n  providers: [\n    {\n      provide: AXPLayoutBaseWidgetComponent,\n      useExisting: AXPPageWidgetDesignerComponent,\n    },\n  ],\n})\nexport class AXPPageWidgetDesignerComponent extends AXPLayoutBaseWidgetComponent {\n  protected designerService = inject(AXPDesignerService);\n\n  protected backgroundColor = computed<string>(() => this.options()['backgroundColor'] as string);\n\n  protected theme = computed<string>(() => (this.options()['theme']?.id as string) ?? 'default');\n  protected hasHeader = computed<boolean>(() => this.options()['hasHeader']);\n  protected hasFooter = computed<boolean>(() => this.options()['hasFooter']);\n  protected direction = computed<string>(() => this.options()['direction']);\n\n  protected onlyChildren = computed<AXPWidgetNode[]>(() =>\n    this.children().filter((c) => !c.meta?.['footer'] && !c.meta?.['header']),\n  );\n  protected headerNodes = computed<AXPWidgetNode[]>(() => this.children().filter((c) => c.meta?.['header']) ?? []);\n  protected footerNodes = computed<AXPWidgetNode[]>(() => this.children().filter((c) => c.meta?.['footer']) ?? []);\n\n  protected async handleAddHeader() {\n    const widgets = await this.designerService.showPicker(this.node);\n    widgets.forEach((c) => (c.meta = { header: true }));\n  }\n\n  protected async handleAddFooter() {\n    const widgets = await this.designerService.showPicker(this.node);\n    widgets.forEach((c) => (c.meta = { footer: true }));\n  }\n\n  protected async handleAddElement() {\n    await this.designerService.showPicker(this.node);\n  }\n\n  @HostBinding('style')\n  private get __style(): any {\n    return {\n      'background-color': this.backgroundColor(),\n    };\n  }\n\n  @HostBinding('class')\n  private get __class(): any {\n    return {\n      'ax-widget-container': true,\n      'ax-dark': this.theme() == 'dark',\n      'ax-light': this.theme() == 'light',\n      'ax-block': true,\n      'ax-w-full': true,\n      'ax-overflow-auto': true,\n      'ax-rtl': this.direction() == 'rtl',\n    };\n  }\n}\n"],"names":[],"mappings":"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"}

package/fesm2022/acorex-platform-layout-widgets-repeater-widget-column.component-BGO75IMz.mjs

@@ -0,0 +1,116 @@
+import { AXBadgeModule } from '@acorex/components/badge';
+import * as i1 from '@acorex/platform/layout/widget-core';
+import { AXPColumnWidgetComponent, AXPWidgetCoreModule, AXPWidgetCoreService } from '@acorex/platform/layout/widget-core';
+import { AXButtonModule } from '@acorex/components/button';
+import * as i3 from '@acorex/components/popover';
+import { AXPopoverModule } from '@acorex/components/popover';
+import * as i0 from '@angular/core';
+import { viewChild, signal, computed, ChangeDetectionStrategy, Component } from '@angular/core';
+import { isNil } from 'lodash-es';
+import { AXPContextStore } from '@acorex/platform/core';
+
+class AXPRepeaterWidgetColumnComponent extends AXPColumnWidgetComponent {
+    constructor() {
+        super(...arguments);
+        //#region ----   View Children   ----
+        this.moreButton = viewChild('moreButton', ...(ngDevMode ? [{ debugName: "moreButton" }] : /* istanbul ignore next */ []));
+        this.morePopover = viewChild('morePopover', ...(ngDevMode ? [{ debugName: "morePopover" }] : /* istanbul ignore next */ []));
+        //#endregion
+        //#region ----   Properties   ----
+        this.maxVisible = this.options['maxVisible'] ?? 2;
+        this.childWidgetNode = this.options['children']?.[0];
+        //#endregion
+        //#region ----   Signals   ----
+        this.isMorePopoverOpen = signal(false, ...(ngDevMode ? [{ debugName: "isMorePopoverOpen" }] : /* istanbul ignore next */ []));
+        //#endregion
+        //#region ----   Node Cache   ----
+        // Cache nodes by index to prevent recreation on every change detection
+        this.nodeCache = new Map();
+        this.lastItems = [];
+        //#endregion
+        //#region ----   Computed Properties   ----
+        this.displayItems = computed(() => {
+            if (isNil(this.rawValue)) {
+                return [];
+            }
+            const items = Array.isArray(this.rawValue) ? this.rawValue : [this.rawValue];
+            return items.filter((item) => item != null);
+        }, ...(ngDevMode ? [{ debugName: "displayItems" }] : /* istanbul ignore next */ []));
+        this.allItems = computed(() => this.displayItems(), ...(ngDevMode ? [{ debugName: "allItems" }] : /* istanbul ignore next */ []));
+        this.visibleItems = computed(() => {
+            const items = this.allItems();
+            return items.slice(0, this.maxVisible);
+        }, ...(ngDevMode ? [{ debugName: "visibleItems" }] : /* istanbul ignore next */ []));
+        this.hasMoreItems = computed(() => {
+            return this.allItems().length > this.maxVisible;
+        }, ...(ngDevMode ? [{ debugName: "hasMoreItems" }] : /* istanbul ignore next */ []));
+        this.remainingItemsCount = computed(() => {
+            return this.allItems().length - this.maxVisible;
+        }, ...(ngDevMode ? [{ debugName: "remainingItemsCount" }] : /* istanbul ignore next */ []));
+    }
+    // Clear cache when items change
+    clearCacheIfNeeded() {
+        const currentItems = this.allItems();
+        if (currentItems.length !== this.lastItems.length ||
+            currentItems.some((item, idx) => item !== this.lastItems[idx])) {
+            this.nodeCache.clear();
+            this.lastItems = [...currentItems];
+        }
+    }
+    //#endregion
+    //#region ----   Public Methods   ----
+    showMoreItems() {
+        this.openMorePopover();
+    }
+    onMorePopoverOpenChange(event) {
+        this.isMorePopoverOpen.set(event);
+    }
+    getItemNode(item, index) {
+        if (!this.childWidgetNode) {
+            return undefined;
+        }
+        // Clear cache if items changed
+        this.clearCacheIfNeeded();
+        // Return cached node if exists
+        const cachedNode = this.nodeCache.get(index);
+        if (cachedNode) {
+            return cachedNode;
+        }
+        const child = this.childWidgetNode;
+        const childBindingRaw = child.path ?? child.name;
+        const childBinding = childBindingRaw != null && String(childBindingRaw).trim() !== '' ? String(childBindingRaw).trim() : '';
+        const baseItemPath = `${this.path}[${index}]`;
+        const itemPath = childBinding ? `${baseItemPath}.${childBinding}` : baseItemPath;
+        // Create new node and cache it
+        const node = {
+            ...child,
+            path: itemPath,
+            defaultValue: item,
+            options: {
+                ...child.options,
+                rawValue: item,
+                rowData: this.rowData,
+            },
+        };
+        this.nodeCache.set(index, node);
+        return node;
+    }
+    //#endregion
+    //#region ----   Private Methods   ----
+    openMorePopover() {
+        if (this.morePopover() && this.moreButton()) {
+            this.morePopover().target = this.moreButton().nativeElement;
+            this.morePopover().open();
+            this.isMorePopoverOpen.set(true);
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPRepeaterWidgetColumnComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: AXPRepeaterWidgetColumnComponent, isStandalone: true, selector: "axp-repeater-widget-column", inputs: { rawValue: "rawValue", rowData: "rowData" }, providers: [AXPWidgetCoreService, AXPContextStore], viewQueries: [{ propertyName: "moreButton", first: true, predicate: ["moreButton"], descendants: true, isSignal: true }, { propertyName: "morePopover", first: true, predicate: ["morePopover"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"ax-flex ax-gap-1 ax-items-center \">\n\n    @for (item of visibleItems(); track $index) {\n    @if (childWidgetNode) {\n    <ng-container axp-widget-renderer [node]=\"getItemNode(item, $index)!\" [mode]=\"'view'\" [parentNode]=\"null\"\n        [index]=\"$index\"></ng-container>\n    }\n    }@empty {\n    <span class=\"ax-text-muted\">---</span>\n    }\n\n\n    @if (hasMoreItems()) {\n    <span\n        class=\"ax-absolute ax-flex ax-items-center ax-end-0 ax-px-1 ax-cursor-pointer ax-h-full hover:ax-primary-lighter\"\n        (click)=\"showMoreItems()\" #moreButton>\n        <i class=\"fa-light fa-ellipsis-vertical\"></i>\n    </span>\n    }\n</div>\n\n<!-- More Items Popover -->\n<ax-popover [openOn]=\"'manual'\" #morePopover (openChange)=\"onMorePopoverOpenChange($event)\">\n    <div class=\"ax-lightest-surface ax-border ax-rounded-lg ax-shadow-lg ax-p-4 ax-min-w-[280px]\">\n        <div class=\"ax-mb-4 ax-border-b ax-pb-2\">\n            <h3 class=\"ax-text-base ax-font-semibold\">All {{ allItems().length }} Items</h3>\n        </div>\n        <div class=\"ax-max-h-64 ax-flex ax-flex-col ax-gap-3 ax-overflow-auto\" style=\"max-height: max(30dvh,10rem)\">\n            @for (item of allItems(); track $index) {\n            <div>\n                @if (childWidgetNode) {\n                <ng-container axp-widget-renderer [node]=\"getItemNode(item, $index)!\" [mode]=\"'view'\"\n                    [parentNode]=\"null\" [index]=\"$index\"></ng-container>\n                }\n            </div>\n            }\n        </div>\n    </div>\n</ax-popover>", dependencies: [{ kind: "ngmodule", type: AXBadgeModule }, { kind: "ngmodule", type: AXButtonModule }, { kind: "ngmodule", type: AXPopoverModule }, { kind: "component", type: i3.AXPopoverComponent, selector: "ax-popover", inputs: ["width", "disablePanelClass", "disabled", "offsetX", "offsetY", "target", "placement", "content", "openOn", "closeOn", "hasBackdrop", "openAfter", "closeAfter", "repositionOnScroll", "backdropClass", "panelClass", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }, { kind: "ngmodule", type: AXPWidgetCoreModule }, { kind: "directive", type: i1.AXPWidgetRendererDirective, selector: "[axp-widget-renderer]", inputs: ["parentNode", "index", "mode", "node"], outputs: ["onOptionsChanged", "onValueChanged", "onLoad"], exportAs: ["widgetRenderer"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPRepeaterWidgetColumnComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'axp-repeater-widget-column', changeDetection: ChangeDetectionStrategy.OnPush, imports: [AXBadgeModule, AXButtonModule, AXPopoverModule, AXPWidgetCoreModule], providers: [AXPWidgetCoreService, AXPContextStore], inputs: ['rawValue', 'rowData'], template: "<div class=\"ax-flex ax-gap-1 ax-items-center \">\n\n    @for (item of visibleItems(); track $index) {\n    @if (childWidgetNode) {\n    <ng-container axp-widget-renderer [node]=\"getItemNode(item, $index)!\" [mode]=\"'view'\" [parentNode]=\"null\"\n        [index]=\"$index\"></ng-container>\n    }\n    }@empty {\n    <span class=\"ax-text-muted\">---</span>\n    }\n\n\n    @if (hasMoreItems()) {\n    <span\n        class=\"ax-absolute ax-flex ax-items-center ax-end-0 ax-px-1 ax-cursor-pointer ax-h-full hover:ax-primary-lighter\"\n        (click)=\"showMoreItems()\" #moreButton>\n        <i class=\"fa-light fa-ellipsis-vertical\"></i>\n    </span>\n    }\n</div>\n\n<!-- More Items Popover -->\n<ax-popover [openOn]=\"'manual'\" #morePopover (openChange)=\"onMorePopoverOpenChange($event)\">\n    <div class=\"ax-lightest-surface ax-border ax-rounded-lg ax-shadow-lg ax-p-4 ax-min-w-[280px]\">\n        <div class=\"ax-mb-4 ax-border-b ax-pb-2\">\n            <h3 class=\"ax-text-base ax-font-semibold\">All {{ allItems().length }} Items</h3>\n        </div>\n        <div class=\"ax-max-h-64 ax-flex ax-flex-col ax-gap-3 ax-overflow-auto\" style=\"max-height: max(30dvh,10rem)\">\n            @for (item of allItems(); track $index) {\n            <div>\n                @if (childWidgetNode) {\n                <ng-container axp-widget-renderer [node]=\"getItemNode(item, $index)!\" [mode]=\"'view'\"\n                    [parentNode]=\"null\" [index]=\"$index\"></ng-container>\n                }\n            </div>\n            }\n        </div>\n    </div>\n</ax-popover>" }]
+        }], propDecorators: { moreButton: [{ type: i0.ViewChild, args: ['moreButton', { isSignal: true }] }], morePopover: [{ type: i0.ViewChild, args: ['morePopover', { isSignal: true }] }] } });
+
+export { AXPRepeaterWidgetColumnComponent };
+//# sourceMappingURL=acorex-platform-layout-widgets-repeater-widget-column.component-BGO75IMz.mjs.map

package/fesm2022/acorex-platform-layout-widgets-repeater-widget-column.component-BGO75IMz.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"acorex-platform-layout-widgets-repeater-widget-column.component-BGO75IMz.mjs","sources":["../../../../libs/platform/layout/widgets/src/lib/widgets/layout/repeater/repeater-widget-column.component.ts","../../../../libs/platform/layout/widgets/src/lib/widgets/layout/repeater/repeater-widget-column.component.html"],"sourcesContent":["import { AXBadgeModule } from '@acorex/components/badge';\nimport { AXPColumnWidgetComponent, AXPWidgetNode, AXPWidgetCoreModule, AXPWidgetCoreService } from '@acorex/platform/layout/widget-core';\nimport { AXButtonModule } from '@acorex/components/button';\nimport { AXPopoverComponent, AXPopoverModule } from '@acorex/components/popover';\nimport { ChangeDetectionStrategy, Component, computed, ElementRef, signal, viewChild } from '@angular/core';\n\nimport { isNil } from 'lodash-es';\nimport { AXPContextStore } from '@acorex/platform/core';\n\n@Component({\n    selector: 'axp-repeater-widget-column',\n    templateUrl: './repeater-widget-column.component.html',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    imports: [AXBadgeModule, AXButtonModule, AXPopoverModule, AXPWidgetCoreModule],\n    providers: [AXPWidgetCoreService, AXPContextStore],\n    inputs: ['rawValue', 'rowData'],\n})\nexport class AXPRepeaterWidgetColumnComponent extends AXPColumnWidgetComponent<any[]> {\n    //#region ----   View Children   ----\n\n    protected moreButton = viewChild<ElementRef>('moreButton');\n    protected morePopover = viewChild<AXPopoverComponent>('morePopover');\n\n    //#endregion\n\n    //#region ----   Properties   ----\n\n    protected maxVisible: number = this.options['maxVisible'] ?? 2;\n    protected childWidgetNode: AXPWidgetNode | undefined = this.options['children']?.[0];\n\n    //#endregion\n\n    //#region ----   Signals   ----\n\n    protected isMorePopoverOpen = signal(false);\n\n    //#endregion\n\n    //#region ----   Node Cache   ----\n\n    // Cache nodes by index to prevent recreation on every change detection\n    private nodeCache = new Map<number, AXPWidgetNode>();\n    private lastItems: any[] = [];\n\n    // Clear cache when items change\n    private clearCacheIfNeeded(): void {\n        const currentItems = this.allItems();\n        if (currentItems.length !== this.lastItems.length ||\n            currentItems.some((item, idx) => item !== this.lastItems[idx])) {\n            this.nodeCache.clear();\n            this.lastItems = [...currentItems];\n        }\n    }\n\n    //#endregion\n\n    //#region ----   Computed Properties   ----\n\n    protected displayItems = computed(() => {\n        if (isNil(this.rawValue)) {\n            return [];\n        }\n        const items = Array.isArray(this.rawValue) ? this.rawValue : [this.rawValue];\n        return items.filter((item) => item != null);\n    });\n\n    protected allItems = computed(() => this.displayItems());\n\n    protected visibleItems = computed(() => {\n        const items = this.allItems();\n        return items.slice(0, this.maxVisible);\n    });\n\n    protected hasMoreItems = computed(() => {\n        return this.allItems().length > this.maxVisible;\n    });\n\n    protected remainingItemsCount = computed(() => {\n        return this.allItems().length - this.maxVisible;\n    });\n\n    //#endregion\n\n    //#region ----   Public Methods   ----\n\n    protected showMoreItems(): void {\n        this.openMorePopover();\n    }\n\n    protected onMorePopoverOpenChange(event: any): void {\n        this.isMorePopoverOpen.set(event);\n    }\n\n    protected getItemNode(item: any, index: number): AXPWidgetNode | undefined {\n        if (!this.childWidgetNode) {\n            return undefined;\n        }\n\n        // Clear cache if items changed\n        this.clearCacheIfNeeded();\n\n        // Return cached node if exists\n        const cachedNode = this.nodeCache.get(index);\n        if (cachedNode) {\n            return cachedNode;\n        }\n\n        const child = this.childWidgetNode;\n        const childBindingRaw = child.path ?? child.name;\n        const childBinding =\n            childBindingRaw != null && String(childBindingRaw).trim() !== '' ? String(childBindingRaw).trim() : '';\n        const baseItemPath = `${this.path}[${index}]`;\n        const itemPath = childBinding ? `${baseItemPath}.${childBinding}` : baseItemPath;\n\n        // Create new node and cache it\n        const node: AXPWidgetNode = {\n            ...child,\n            path: itemPath,\n            defaultValue: item,\n            options: {\n                ...child.options,\n                rawValue: item,\n                rowData: this.rowData,\n            },\n        };\n\n        this.nodeCache.set(index, node);\n        return node;\n    }\n\n    //#endregion\n\n    //#region ----   Private Methods   ----\n\n    private openMorePopover(): void {\n        if (this.morePopover() && this.moreButton()) {\n            this.morePopover()!.target = this.moreButton()!.nativeElement;\n            this.morePopover()!.open();\n            this.isMorePopoverOpen.set(true);\n        }\n    }\n\n    //#endregion\n}\n\n","<div class=\"ax-flex ax-gap-1 ax-items-center \">\n\n    @for (item of visibleItems(); track $index) {\n    @if (childWidgetNode) {\n    <ng-container axp-widget-renderer [node]=\"getItemNode(item, $index)!\" [mode]=\"'view'\" [parentNode]=\"null\"\n        [index]=\"$index\"></ng-container>\n    }\n    }@empty {\n    <span class=\"ax-text-muted\">---</span>\n    }\n\n\n    @if (hasMoreItems()) {\n    <span\n        class=\"ax-absolute ax-flex ax-items-center ax-end-0 ax-px-1 ax-cursor-pointer ax-h-full hover:ax-primary-lighter\"\n        (click)=\"showMoreItems()\" #moreButton>\n        <i class=\"fa-light fa-ellipsis-vertical\"></i>\n    </span>\n    }\n</div>\n\n<!-- More Items Popover -->\n<ax-popover [openOn]=\"'manual'\" #morePopover (openChange)=\"onMorePopoverOpenChange($event)\">\n    <div class=\"ax-lightest-surface ax-border ax-rounded-lg ax-shadow-lg ax-p-4 ax-min-w-[280px]\">\n        <div class=\"ax-mb-4 ax-border-b ax-pb-2\">\n            <h3 class=\"ax-text-base ax-font-semibold\">All {{ allItems().length }} Items</h3>\n        </div>\n        <div class=\"ax-max-h-64 ax-flex ax-flex-col ax-gap-3 ax-overflow-auto\" style=\"max-height: max(30dvh,10rem)\">\n            @for (item of allItems(); track $index) {\n            <div>\n                @if (childWidgetNode) {\n                <ng-container axp-widget-renderer [node]=\"getItemNode(item, $index)!\" [mode]=\"'view'\"\n                    [parentNode]=\"null\" [index]=\"$index\"></ng-container>\n                }\n            </div>\n            }\n        </div>\n    </div>\n</ax-popover>"],"names":["i2"],"mappings":"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"}

package/fesm2022/{acorex-platform-layout-widgets-tabular-data-edit-popup.component-DVaZN9QN.mjs → acorex-platform-layout-widgets-tabular-data-edit-popup.component-DmzNTYiS.mjs}

@@ -53,7 +53,7 @@ class AXPTabularDataPopupComponent extends AXBasePageComponent {
             pageSize: 1,
             key: 'gridItem',
         });
-        this.grid = viewChild('grid', ...(ngDevMode ? [{ debugName: "grid" }] : []));
+        this.grid = viewChild('grid', ...(ngDevMode ? [{ debugName: "grid" }] : /* istanbul ignore next */ []));
     }
     ngOnInit() {
         this.columns = this.columns.filter((col) => col.name != null && col.name != '' && col.type != null);
@@ -114,8 +114,8 @@ class AXPTabularDataPopupComponent extends AXBasePageComponent {
             });
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: AXPTabularDataPopupComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.19", type: AXPTabularDataPopupComponent, isStandalone: true, selector: "ng-component", viewQueries: [{ propertyName: "grid", first: true, predicate: ["grid"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPTabularDataPopupComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: AXPTabularDataPopupComponent, isStandalone: true, selector: "ng-component", viewQueries: [{ propertyName: "grid", first: true, predicate: ["grid"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: `
     <axp-widgets-container [context]="context" (onContextChanged)="handleContextChange($event)">
       <ax-form #form>
         <div class="ax-p-4">
@@ -185,7 +185,7 @@ class AXPTabularDataPopupComponent extends AXBasePageComponent {
     </axp-widgets-container>
   `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i2.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i2.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: AXButtonModule }, { kind: "component", type: i1.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: AXPWidgetCoreModule }, { kind: "component", type: i1$1.AXPWidgetContainerComponent, selector: "axp-widgets-container", inputs: ["context", "functions"], outputs: ["onContextChanged"] }, { kind: "directive", type: i1$1.AXPWidgetRendererDirective, selector: "[axp-widget-renderer]", inputs: ["parentNode", "index", "mode", "node"], outputs: ["onOptionsChanged", "onValueChanged", "onLoad"], exportAs: ["widgetRenderer"] }, { kind: "ngmodule", type: AXDataTableModule }, { kind: "component", type: i1$2.AXDataTableComponent, selector: "ax-data-table", inputs: ["dataSource", "selectedRows", "parentField", "hasChildrenField", "rowDetailsTemplate", "title", "rowTemplate", "emptyTemplate", "noDataTemplate", "alternative", "showHeader", "fixedHeader", "showFooter", "fixedFooter", "itemHeight", "allowReordering", "paging", "fetchDataMode", "loading", "focusedRow"], outputs: ["selectedRowsChange", "focusedRowChange", "onRowClick", "onRowDbClick", "onColumnsOrderChanged", "onColumnSizeChanged", "onPageChanged"] }, { kind: "component", type: i1$2.AXDataTableTextColumnComponent, selector: "ax-text-column", inputs: ["width", "caption", "allowSorting", "allowResizing", "fixed", "customExpandIcon", "customCollapseIcon", "dataField", "expandHandler", "wrapText", "cellTemplate", "footerTemplate", "headerTemplate", "format", "formatOptions"] }, { kind: "component", type: i1$2.AXRowCommandColumnComponent, selector: "ax-command-column", inputs: ["width", "caption", "fixed", "footerTemplate", "items"], outputs: ["onItemClick"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "ngmodule", type: AXFormModule }, { kind: "component", type: i3.AXFormComponent, selector: "ax-form", inputs: ["disabled", "readonly", "labelMode", "look", "messageStyle", "updateOn", "inUserInteractionActive"], outputs: ["onValidate", "updateOnChange"] }, { kind: "pipe", type: i1$3.AsyncPipe, name: "async" }, { kind: "pipe", type: i6.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: AXPTabularDataPopupComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPTabularDataPopupComponent, decorators: [{
             type: Component,
             args: [{
                     changeDetection: ChangeDetectionStrategy.OnPush,
@@ -271,4 +271,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImpo
         }], propDecorators: { grid: [{ type: i0.ViewChild, args: ['grid', { isSignal: true }] }] } });
 
 export { AXPTabularDataPopupComponent };
-//# sourceMappingURL=acorex-platform-layout-widgets-tabular-data-edit-popup.component-DVaZN9QN.mjs.map
+//# sourceMappingURL=acorex-platform-layout-widgets-tabular-data-edit-popup.component-DmzNTYiS.mjs.map