@acorex/platform 0.0.0-ACOREX

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-9uCkMxcc.mjs

@@ -0,0 +1,158 @@
+import * as i1 from '@acorex/components/button';
+import { AXButtonModule } from '@acorex/components/button';
+import { AXCheckBoxModule } from '@acorex/components/check-box';
+import * as i2 from '@acorex/components/decorators';
+import { AXDecoratorModule } from '@acorex/components/decorators';
+import { AXLabelModule } from '@acorex/components/label';
+import { AXBasePageComponent } from '@acorex/components/page';
+import * as i6 from '@acorex/core/translation';
+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 * 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" }] : /* 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   ----
+        /**
+         * 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" }] : /* 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.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" }] : /* 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() {
+        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: "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: "21.2.9", ngImport: i0, type: AXPFileListPopupComponent, decorators: [{
+            type: Component,
+            args: [{ imports: [
+                        CommonModule,
+                        //
+                        AXLabelModule,
+                        AXCheckBoxModule,
+                        AXDecoratorModule,
+                        AXButtonModule,
+                        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 (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-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-C_EPAvCU.mjs

@@ -0,0 +1,29 @@
+import { AXButtonModule } from '@acorex/components/button';
+import { AXBasePageComponent } from '@acorex/components/page';
+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: "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: AXButtonModule }] }); }
+}
+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: [AXButtonModule],
+                    template: `
+    <div class="ax-flex ax-justify-center ax-items-center ax-p-4">
+      <img [src]="src" alt="Preview" />
+    </div>
+  `,
+                }]
+        }] });
+
+export { AXPImagePreviewPopupComponent };
+//# 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-D10yO28c.mjs

@@ -0,0 +1,172 @@
+import { AXButtonModule } from '@acorex/components/button';
+import { AXDecoratorModule } from '@acorex/components/decorators';
+import { AXPLayoutBaseWidgetComponent, AXPWidgetCoreModule } from '@acorex/platform/layout/widget-core';
+import { AXPDesignerService, AXPWidgetDesignerRendererDirective, AXPDesignerAddWidgetLineButtonComponent } from '@acorex/platform/layout/designer';
+import * as i0 from '@angular/core';
+import { inject, computed, HostBinding, ViewEncapsulation, ChangeDetectionStrategy, Component } from '@angular/core';
+
+class AXPPageWidgetDesignerComponent extends AXPLayoutBaseWidgetComponent {
+    constructor() {
+        super(...arguments);
+        this.designerService = inject(AXPDesignerService);
+        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);
+        widgets.forEach((c) => (c.meta = { header: true }));
+    }
+    async handleAddFooter() {
+        const widgets = await this.designerService.showPicker(this.node);
+        widgets.forEach((c) => (c.meta = { footer: true }));
+    }
+    async handleAddElement() {
+        await this.designerService.showPicker(this.node);
+    }
+    get __style() {
+        return {
+            'background-color': this.backgroundColor(),
+        };
+    }
+    get __class() {
+        return {
+            'ax-widget-container': true,
+            'ax-dark': this.theme() == 'dark',
+            'ax-light': this.theme() == 'light',
+            'ax-block': true,
+            'ax-w-full': true,
+            'ax-overflow-auto': true,
+            'ax-rtl': this.direction() == 'rtl',
+        };
+    }
+    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,
+            },
+        ], usesInheritance: true, ngImport: i0, template: `
+    @if (hasHeader()) {
+      @if (headerNodes().length) {
+        <header class="axp-page-widget-header">
+          @for (node of headerNodes(); track $index) {
+            <ng-container
+              axp-widget-designer-renderer
+              [node]="node"
+              [parentNode]="this"
+              [mode]="mode"
+              [locked]="this.locked"
+            ></ng-container>
+          }
+        </header>
+      } @else {
+        <axp-designer-add-widget-line-button
+          [text]="'Page Header'"
+          (onClick)="handleAddHeader()"
+        ></axp-designer-add-widget-line-button>
+      }
+    }
+    @for (node of onlyChildren(); track $index) {
+      <ng-container axp-widget-designer-renderer [node]="node" [parentNode]="this" [mode]="mode"></ng-container>
+    }
+    <!-- <axp-designer-add-widget-mini-button></axp-designer-add-widget-mini-button> -->
+    <axp-designer-add-widget-line-button
+      [text]="'Add Element'"
+      (onClick)="handleAddElement()"
+    ></axp-designer-add-widget-line-button>
+    @if (hasFooter()) {
+      @if (footerNodes().length) {
+        <footer class="axp-page-widget-footer">
+          @for (node of footerNodes(); track $index) {
+            <ng-container axp-widget-designer-renderer [node]="node" [parentNode]="this" [mode]="mode"></ng-container>
+          }
+        </footer>
+      } @else {
+        <axp-designer-add-widget-line-button
+          [text]="'Page Footer'"
+          (onClick)="handleAddFooter()"
+        ></axp-designer-add-widget-line-button>
+      }
+    }
+  `, 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: "21.2.9", ngImport: i0, type: AXPPageWidgetDesignerComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'axp-page-widget-designer',
+                    template: `
+    @if (hasHeader()) {
+      @if (headerNodes().length) {
+        <header class="axp-page-widget-header">
+          @for (node of headerNodes(); track $index) {
+            <ng-container
+              axp-widget-designer-renderer
+              [node]="node"
+              [parentNode]="this"
+              [mode]="mode"
+              [locked]="this.locked"
+            ></ng-container>
+          }
+        </header>
+      } @else {
+        <axp-designer-add-widget-line-button
+          [text]="'Page Header'"
+          (onClick)="handleAddHeader()"
+        ></axp-designer-add-widget-line-button>
+      }
+    }
+    @for (node of onlyChildren(); track $index) {
+      <ng-container axp-widget-designer-renderer [node]="node" [parentNode]="this" [mode]="mode"></ng-container>
+    }
+    <!-- <axp-designer-add-widget-mini-button></axp-designer-add-widget-mini-button> -->
+    <axp-designer-add-widget-line-button
+      [text]="'Add Element'"
+      (onClick)="handleAddElement()"
+    ></axp-designer-add-widget-line-button>
+    @if (hasFooter()) {
+      @if (footerNodes().length) {
+        <footer class="axp-page-widget-footer">
+          @for (node of footerNodes(); track $index) {
+            <ng-container axp-widget-designer-renderer [node]="node" [parentNode]="this" [mode]="mode"></ng-container>
+          }
+        </footer>
+      } @else {
+        <axp-designer-add-widget-line-button
+          [text]="'Page Footer'"
+          (onClick)="handleAddFooter()"
+        ></axp-designer-add-widget-line-button>
+      }
+    }
+  `,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    encapsulation: ViewEncapsulation.None,
+                    imports: [
+                        AXPWidgetCoreModule,
+                        AXButtonModule,
+                        AXDecoratorModule,
+                        AXPWidgetDesignerRendererDirective,
+                        AXPDesignerAddWidgetLineButtonComponent,
+                    ],
+                    providers: [
+                        {
+                            provide: AXPLayoutBaseWidgetComponent,
+                            useExisting: AXPPageWidgetDesignerComponent,
+                        },
+                    ],
+                }]
+        }], propDecorators: { __style: [{
+                type: HostBinding,
+                args: ['style']
+            }], __class: [{
+                type: HostBinding,
+                args: ['class']
+            }] } });
+
+export { AXPPageWidgetDesignerComponent };
+//# 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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"}