@acorex/platform 21.0.0-next.3 → 21.0.0-next.33

package/fesm2022/{acorex-platform-layout-widgets-button-widget-designer.component-C3VoBb_b.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.12", ngImport: i0, type: AXPButtonWidgetDesignerComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.12", 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.12", 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.12", ngImpo
             }] } });
 
 export { AXPButtonWidgetDesignerComponent };
-//# sourceMappingURL=acorex-platform-layout-widgets-button-widget-designer.component-C3VoBb_b.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-CxrsI6Hn.mjs → acorex-platform-layout-widgets-file-list-popup.component-9uCkMxcc.mjs}

@@ -20,34 +20,57 @@ class AXPFileListPopupComponent extends AXBasePageComponent {
         super(...arguments);
         this.fileService = inject(AXPFileStorageService);
         //#region ----   Component Properties   ----
-        this.files = input([], ...(ngDevMode ? [{ debugName: "files" }] : []));
-        this.readOnly = input(false, ...(ngDevMode ? [{ debugName: "readOnly" }] : []));
-        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.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" }] : /* 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" }] : /* 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" }] : /* 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" }] : /* istanbul ignore next */ []));
         //#endregion
         //#region ----   Computed Properties   ----
-        this.mode = computed(() => this.readOnly() ? 'view' : 'edit', ...(ngDevMode ? [{ debugName: "mode" }] : []));
+        /**
+         * 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" }] : /* 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() : [],
             options: {
-                readOnly: this.readOnly(),
+                readonly: this.isReadonly(),
                 multiple: this.multiple(),
                 accept: this.accept(),
                 maxFileSize: this.maxFileSize(),
                 fileEditable: this.fileEditable(),
+                plugins: this.resolveInput(this.plugins, []),
+                excludePlugins: this.resolveInput(this.excludePlugins, []),
+                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);
     }
+    /** Resolves input that may be a signal (input()) or a raw value when popup injects data. */
+    resolveInput(value, fallback) {
+        return typeof value === 'function' ? value() : (value ?? fallback);
+    }
     //#endregion
     //#region ----   Lifecycle Methods   ----
     async ngOnInit() {
@@ -109,14 +132,14 @@ class AXPFileListPopupComponent extends AXBasePageComponent {
             data: this.context(),
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: AXPFileListPopupComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.12", type: AXPFileListPopupComponent, isStandalone: true, selector: "ng-component", inputs: { files: { classPropertyName: "files", publicName: "files", isSignal: true, isRequired: false, transformFunction: null }, readOnly: { classPropertyName: "readOnly", publicName: "readOnly", 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 } }, 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 (readOnly()) {\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.12", 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,
@@ -128,8 +151,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImpo
                         AXTranslationModule,
                         //
                         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 (readOnly()) {\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 }] }], readOnly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readOnly", 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 }] }] } });
+                    ], 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-CxrsI6Hn.mjs.map
+//# sourceMappingURL=acorex-platform-layout-widgets-file-list-popup.component-9uCkMxcc.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"acorex-platform-layout-widgets-file-list-popup.component-9uCkMxcc.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, inject, input, linkedSignal } from '@angular/core';\nimport { AXPWidgetCoreModule, AXPWidgetNode } from '@acorex/platform/layout/widget-core';\nimport { AXPFileStorageService } from '@acorex/platform/common';\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\n  private fileService = inject(AXPFileStorageService);\n\n  //#region ----   Component Properties   ----\n\n  files = input<AXPFileListItem[] | string[]>([]);\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\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()) && typeof this.files()[0] !== 'string' ? 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 ----   Lifecycle Methods   ----\n\n  protected override async ngOnInit(): Promise<void> {\n    if (Array.isArray(this.files()) && typeof this.files()[0] === 'string') {\n      this.isLoading = true;\n      // Convert string file IDs to AXPFileListItem objects using batch API\n      const prefixedIds = this.files() as string[];\n      const actualIds = prefixedIds.map((id) => this.removeFilePrefix(id));\n      let fileItems: AXPFileListItem[] = [];\n      try {\n        const infos = await this.fileService.findMany(actualIds);\n        const infoMap = new Map(infos.map((i) => [i.fileId, i]));\n        fileItems = prefixedIds.map((prefixedId) => {\n          const actualId = this.removeFilePrefix(prefixedId);\n          const info = infoMap.get(actualId);\n          if (info) {\n            return {\n              id: info.fileId,\n              name: info.name || '',\n              size: info.size,\n              status: 'uploaded',\n              source: {\n                kind: 'fileId',\n                value: info.fileId,\n              },\n            } as AXPFileListItem;\n          }\n          return {\n            id: actualId,\n            name: 'Unknown File',\n            size: 0,\n            status: 'deleted',\n            source: { kind: 'none', value: '' },\n          } as AXPFileListItem;\n        });\n      } catch (error) {\n        console.error('Failed to get file infos', error);\n        fileItems = prefixedIds.map((prefixedId) => ({\n          id: this.removeFilePrefix(prefixedId),\n          name: 'Unknown File',\n          size: 0,\n          status: 'deleted',\n          source: { kind: 'none', value: '' },\n        } as AXPFileListItem));\n      }\n\n      this.isLoading = false;\n      // Update the context with the converted file items\n      this.context.set({ files: fileItems });\n    }\n  }\n\n  protected removeFilePrefix(fileId: string): string {\n    return fileId.startsWith('file:') ? fileId.substring(5) : fileId;\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}\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-V31OpYah.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.12", ngImport: i0, type: AXPImagePreviewPopupComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.12", 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.12", 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.12", ngImpo
         }] });
 
 export { AXPImagePreviewPopupComponent };
-//# sourceMappingURL=acorex-platform-layout-widgets-image-preview.popup-V31OpYah.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-BtZMBxYp.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.12", ngImport: i0, type: AXPPageWidgetDesignerComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.12", 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.12", 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.12", ngImpo
             }] } });
 
 export { AXPPageWidgetDesignerComponent };
-//# sourceMappingURL=acorex-platform-layout-widgets-page-widget-designer.component-BtZMBxYp.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-BGQqY5Mw.mjs

@@ -0,0 +1,111 @@
+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;
+        }
+        // Create new node and cache it
+        const node = {
+            ...this.childWidgetNode,
+            path: `${this.path}[${index}]`,
+            defaultValue: item,
+            options: {
+                ...this.childWidgetNode.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-BGQqY5Mw.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"acorex-platform-layout-widgets-repeater-widget-column.component-BGQqY5Mw.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        // Create new node and cache it\n        const node: AXPWidgetNode = {\n            ...this.childWidgetNode,\n            path: `${this.path}[${index}]`,\n            defaultValue: item,\n            options: {\n                ...this.childWidgetNode.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-Ck7-wpT2.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.12", ngImport: i0, type: AXPTabularDataPopupComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.12", 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">
@@ -183,9 +183,9 @@ class AXPTabularDataPopupComponent extends AXBasePageComponent {
         </ax-footer>
       </ax-form>
     </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", "rowDetailsTemplate", "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"], outputs: ["onValidate", "updateOnChange"] }, { kind: "pipe", type: i1$3.AsyncPipe, name: "async" }, { kind: "pipe", type: i6.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, 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.12", 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.12", ngImpo
         }], propDecorators: { grid: [{ type: i0.ViewChild, args: ['grid', { isSignal: true }] }] } });
 
 export { AXPTabularDataPopupComponent };
-//# sourceMappingURL=acorex-platform-layout-widgets-tabular-data-edit-popup.component-Ck7-wpT2.mjs.map
+//# sourceMappingURL=acorex-platform-layout-widgets-tabular-data-edit-popup.component-DmzNTYiS.mjs.map

package/fesm2022/acorex-platform-layout-widgets-tabular-data-edit-popup.component-DmzNTYiS.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"acorex-platform-layout-widgets-tabular-data-edit-popup.component-DmzNTYiS.mjs","sources":["../../../../libs/platform/layout/widgets/src/lib/widgets/editors/tabular-data/tabular-data-edit-popup.component.ts"],"sourcesContent":["import { AXButtonModule } from '@acorex/components/button';\nimport { AXDataSource } from '@acorex/cdk/common';\nimport {\n  AXDataTableComponent,\n  AXDataTableModule,\n  AXRowCommandItem,\n  AXRowCommandItemClickEvent,\n} from '@acorex/components/data-table';\nimport { AXDecoratorModule } from '@acorex/components/decorators';\nimport { AXFormComponent, AXFormModule } from '@acorex/components/form';\nimport { AXBasePageComponent } from '@acorex/components/page';\nimport { AXTranslationModule } from '@acorex/core/translation';\nimport { AXPContextChangeEvent, AXPDataGenerator } from '@acorex/platform/core';\nimport { AXPWidgetCoreModule } from '@acorex/platform/layout/widget-core';\nimport { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, viewChild } from '@angular/core';\nimport { cloneDeep } from 'lodash-es';\nimport { AXPTabularDataColumn } from './tabular-widget.types';\n\n@Component({\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  template: `\n    <axp-widgets-container [context]=\"context\" (onContextChanged)=\"handleContextChange($event)\">\n      <ax-form #form>\n        <div class=\"ax-p-4\">\n          <ax-data-table\n            #grid\n            [paging]=\"false\"\n            [allowReordering]=\"true\"\n            (selectedRowsChange)=\"handleSelectionChange($event)\"\n            [dataSource]=\"dataSource\"\n            class=\"ax-h-96 ax-overflow-auto\"\n          >\n            @for (column of columns; track $index) {\n              <ax-text-column\n                width=\"200px\"\n                [caption]=\"column.title\"\n                [dataField]=\"column.name\"\n                [cellTemplate]=\"cell\"\n                [allowResizing]=\"true\"\n              ></ax-text-column>\n              <ng-template #cell let-item>\n                <ng-container\n                  axp-widget-renderer\n                  [node]=\"{\n                    path: item.rowIndex + '.' + column.name,\n                    type: column.type,\n                    options: column.options ?? {},\n                  }\"\n                  [mode]=\"'edit'\"\n                >\n                </ng-container>\n              </ng-template>\n            }\n            <ax-command-column\n              fixed=\"end\"\n              [width]=\"getCommandRowItems.length * 60 + 'px'\"\n              [items]=\"getCommandRowItems\"\n              (onItemClick)=\"handleRowCommandClick($event)\"\n            ></ax-command-column>\n          </ax-data-table>\n          @if (!disabled) {\n            <div class=\"ax-flex ax-justify-end ax-py-4\">\n              <ax-button\n                [text]=\"(this.context ?? []).length ? 'Start Adding Items' : 'Add Your First Item'\"\n                look=\"twotone\"\n                [disabled]=\"disabled\"\n                (onClick)=\"addRecord()\"\n                class=\"ax-col-start-10  ax-col-end-13\"\n              >\n                <ax-prefix>\n                  <ax-icon class=\"fa-solid fa-add\"></ax-icon>\n                </ax-prefix>\n              </ax-button>\n            </div>\n          }\n        </div>\n        <ax-footer>\n          <ax-suffix>\n            <ax-button [text]=\"'@general:actions.discard.title' | translate | async\" (onClick)=\"onCloseDiscard()\"></ax-button>\n            <ax-button\n              color=\"primary\"\n              [text]=\"'@general:actions.ok.title' | translate | async\"\n              (onClick)=\"handleSaveClick(form)\"\n            ></ax-button>\n          </ax-suffix>\n        </ax-footer>\n      </ax-form>\n    </axp-widgets-container>\n  `,\n  imports: [\n    CommonModule,\n    AXDecoratorModule,\n    AXButtonModule,\n    AXPWidgetCoreModule,\n    AXDataTableModule,\n    AXTranslationModule,\n    AXFormModule,\n  ],\n})\nexport class AXPTabularDataPopupComponent extends AXBasePageComponent {\n  context: any;\n  columns: AXPTabularDataColumn[];\n  disabled: boolean = false;\n  defaultRowCount: number = 0;\n  contextDiscard: any;\n\n  getCommandRowItems: AXRowCommandItem[] = [\n    {\n      name: 'delete',\n      text: \"@general:actions.delete.title\",\n      icon: 'fa-light fa-trash ax-text-danger',\n      //divided: boolean,\n      //disabled: boolean,\n      color: 'danger',\n    },\n  ];\n\n  protected override ngOnInit(): void {\n    this.columns = this.columns.filter((col) => col.name != null && col.name != '' && col.type != null);\n\n    this.columns = this.columns.map((col) => {\n      return {\n        ...col,\n        options: {\n          ...(col.options ?? {}),\n          validationRules: [\n            {\n              rule: 'required',\n            },\n          ],\n        },\n      };\n    });\n    this.contextDiscard = cloneDeep(this.context);\n    if (this.context == null || this.context?.length == 0) {\n      for (let i = 0; i < this.defaultRowCount; i++) {\n        this.addRecord();\n      }\n    }\n  }\n\n  protected dataSource = new AXDataSource({\n    load: async () => {\n      this.context = (this.context ?? []).map((x: any) => {\n        return {\n          ...x,\n          id: AXPDataGenerator.uuid(),\n          options: {},\n        };\n      });\n      const items = this.context;\n      console.log(this.context);\n\n      return {\n        items: items ?? [],\n        total: (items ?? []).length,\n      };\n    },\n    pageSize: 1,\n    key: 'gridItem',\n  });\n\n  protected grid = viewChild<AXDataTableComponent>('grid');\n\n  handleContextChange(e: AXPContextChangeEvent) {\n    this.context = e.data;\n  }\n\n  onCloseDiscard() {\n    this.close({\n      context: this.contextDiscard,\n    });\n  }\n\n  addRecord() {\n    console.log(this.columns);\n\n    const value = this.context ?? [];\n    const newRecord = this.columns?.reduce((acc: { [key: string]: any }, column) => {\n      acc[column.name] = ''; // or any default value\n      return acc;\n    }, {});\n    console.log(value);\n    this.context = [...value, newRecord];\n    this.grid()?.refresh();\n  }\n\n  handleSelectionChange(e: any) {\n    console.log(e);\n  }\n\n  protected async handleRowCommandClick(e: AXRowCommandItemClickEvent) {\n    if (e.name == 'delete') {\n      this.context = this.context.filter((item: any) => item.id !== e.data.id);\n      this.grid()?.refresh();\n    }\n  }\n\n  protected async handleSaveClick(form: AXFormComponent) {\n    const formResult = await form.validate();\n    console.log(formResult.rules);\n\n    if (formResult.result) {\n      this.close({\n        context: this.context,\n      });\n    }\n  }\n}\n"],"names":["i1","i2","i3","i4","i5","i6","i7"],"mappings":"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"}