@acorex/modules 20.7.7 → 20.7.9

package/fesm2022/acorex-modules-document-management.mjs

@@ -3,8 +3,8 @@ import { AXPEntityService, AXMEntityCrudServiceImpl, entityMasterCrudActions, en
 import { AXPHookService, AXPPlatformScope, AXPDataGenerator, AXP_MODULE_MANIFEST_PROVIDER, AXP_FEATURE_DEFINITION_PROVIDER, AXP_DISTRIBUTED_EVENT_LISTENER_PROVIDER, AXPDeviceService, resolvePlatformScopeKey, resolvePlatformScopeName } from '@acorex/platform/core';
 import { AXPSearchCommandProvider, createAllQueryView, createQueryView, AXPEntityCommandScope, AXPEntityQueryType, AXPFileTypeProviderService, AXP_FILE_TYPE_INFO_PROVIDER, AXPFileStorageService, AXPFilterOperatorMiddlewareService, AXPSettingsService, AXPLockService, UploadFromComputerActionProvider, AXP_FILE_ACTION_PROVIDER, AXP_MENU_PROVIDER, AXP_SEARCH_PROVIDER } from '@acorex/platform/common';
 import * as i0 from '@angular/core';
-import { Injectable, inject, Injector, NgModule, ChangeDetectionStrategy, Component, signal, viewChild, computed, input, effect, ViewEncapsulation, untracked, HostListener } from '@angular/core';
-import * as i3$3 from '@acorex/core/translation';
+import { Injectable, inject, Injector, NgModule, ChangeDetectionStrategy, Component, signal, computed, viewChild, input, effect, ViewEncapsulation, untracked, HostListener } from '@angular/core';
+import * as i3$2 from '@acorex/core/translation';
 import { AXTranslationService, AXTranslationModule } from '@acorex/core/translation';
 import { firstValueFrom } from 'rxjs';
 import * as i6 from '@acorex/platform/layout/widget-core';
@@ -14,7 +14,7 @@ import { set, castArray, get as get$1 } from 'lodash-es';
 import { AXDataSource } from '@acorex/cdk/common';
 import * as i7 from '@acorex/components/collapse';
 import { AXCollapseModule } from '@acorex/components/collapse';
-import * as i1$1 from '@acorex/components/decorators';
+import * as i4$1 from '@acorex/components/decorators';
 import { AXDecoratorModule } from '@acorex/components/decorators';
 import * as i3 from '@acorex/components/form';
 import { AXFormModule } from '@acorex/components/form';
@@ -27,25 +27,25 @@ import { FormsModule } from '@angular/forms';
 import get from 'lodash-es/get';
 import set$1 from 'lodash-es/set';
 import { AXP_NAME_PROPERTY, AXP_DATA_PATH_PROPERTY } from '@acorex/platform/layout/widgets';
-import * as i3$1 from '@acorex/components/media-viewer';
-import { AXMediaViewerContainerComponent, AXMediaViewerModule } from '@acorex/components/media-viewer';
-import * as i1$2 from '@acorex/components/button';
+import * as i2$2 from '@acorex/components/media-viewer';
+import { AXMediaViewerModule } from '@acorex/components/media-viewer';
+import * as i1$1 from '@acorex/components/button';
 import { AXButtonModule } from '@acorex/components/button';
 import { AXBasePageComponent } from '@acorex/components/page';
 import { AXLoadingModule } from '@acorex/components/loading';
 import * as i2$1 from '@acorex/components/menu';
 import { AXMenuModule } from '@acorex/components/menu';
 import { AXDateTimeModule } from '@acorex/core/date-time';
-import * as i2$2 from '@acorex/core/format';
+import * as i2$3 from '@acorex/core/format';
 import { AXFormatModule } from '@acorex/core/format';
 import { AXPStateMessageComponent, AXPThemeLayoutBlockComponent } from '@acorex/platform/layout/components';
 import { AXPLayoutThemeService } from '@acorex/platform/themes/shared';
-import * as i1$3 from '@angular/common';
+import * as i1$2 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import { AXDialogService } from '@acorex/components/dialog';
 import { AXPopupService } from '@acorex/components/popup';
 import { AXPLayoutBuilderService } from '@acorex/platform/layout/builder';
-import * as i3$2 from '@acorex/platform/workflow';
+import * as i3$1 from '@acorex/platform/workflow';
 import { AXPWorkflowService, AXPWorkflowAction, AXPWorkflowModule } from '@acorex/platform/workflow';
 import { AXFileService, AXFileModule } from '@acorex/core/file';
 import { signalStore, withState, withComputed, withMethods, patchState } from '@ngrx/signals';
@@ -53,7 +53,7 @@ import { AXUploaderService } from '@acorex/cdk/uploader';
 import { AXBadgeModule } from '@acorex/components/badge';
 import { AXBreadcrumbsModule } from '@acorex/components/breadcrumbs';
 import { AXButtonGroupModule } from '@acorex/components/button-group';
-import * as i2$3 from '@acorex/components/dropdown';
+import * as i2$4 from '@acorex/components/dropdown';
 import { AXDropdownModule } from '@acorex/components/dropdown';
 import { AXDropdownButtonModule } from '@acorex/components/dropdown-button';
 import * as i5 from '@acorex/components/search-box';
@@ -1239,16 +1239,6 @@ async function documentTypeFactory(injector) {
                                 },
                             },
                         },
-                        // {
-                        //   name: 'meta',
-                        //   layout: {
-                        //     positions: {
-                        //       lg: {
-                        //         colSpan: 12,
-                        //       },
-                        //     },
-                        //   },
-                        // },
                         {
                             name: 'type',
                             layout: {
@@ -1265,7 +1255,7 @@ async function documentTypeFactory(injector) {
                     title: '{{title}}',
                     sections: [
                         {
-                            id: 'section',
+                            id: 'basic-info',
                             layout: {
                                 positions: {
                                     lg: {
@@ -3798,7 +3788,7 @@ class AXMFileTypeExtensionWidgetEditComponent extends AXPValueWidgetComponent {
         </ax-collapse-group>
       }
     </axp-widgets-container>
-  </div>`, isInline: true, dependencies: [{ kind: "ngmodule", type: AXSelectBoxModule }, { kind: "component", type: i1.AXSelectBoxComponent, selector: "ax-select-box", inputs: ["disabled", "readonly", "tabIndex", "placeholder", "minValue", "maxValue", "value", "state", "name", "id", "type", "look", "multiple", "valueField", "textField", "disabledField", "textTemplate", "selectedItems", "isItemTruncated", "showItemTooltip", "itemHeight", "maxVisibleItems", "dataSource", "minRecordsForSearch", "caption", "itemTemplate", "selectedTemplate", "emptyTemplate", "loadingTemplate", "dropdownWidth", "searchBoxAutoFocus"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "readonlyChange", "disabledChange", "onOpened", "onClosed", "onItemSelected", "onItemClick"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: AXFormModule }, { kind: "component", type: i3.AXFormFieldComponent, selector: "ax-form-field", inputs: ["labelMode"] }, { kind: "ngmodule", type: AXLabelModule }, { kind: "component", type: i4.AXLabelComponent, selector: "ax-label", inputs: ["required", "for"], outputs: ["requiredChange"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i1$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: AXPWidgetCoreModule }, { kind: "component", type: i6.AXPWidgetContainerComponent, selector: "axp-widgets-container", inputs: ["context", "functions"], outputs: ["onContextChanged"] }, { kind: "directive", type: i6.AXPWidgetRendererDirective, selector: "[axp-widget-renderer]", inputs: ["parentNode", "index", "mode", "node"], outputs: ["onOptionsChanged", "onValueChanged", "onLoad"], exportAs: ["widgetRenderer"] }, { kind: "ngmodule", type: AXCollapseModule }, { kind: "component", type: i7.AXCollapseComponent, selector: "ax-collapse", inputs: ["disabled", "look", "isCollapsed", "showHeader", "caption", "icon", "isLoading", "headerTemplate"], outputs: ["onClick", "isCollapsedChange"] }, { kind: "component", type: i7.AXCollapseGroupComponent, selector: "ax-collapse-group", inputs: ["look", "accordion", "activeIndex"], outputs: ["accordionChange", "activeIndexChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  </div>`, isInline: true, dependencies: [{ kind: "ngmodule", type: AXSelectBoxModule }, { kind: "component", type: i1.AXSelectBoxComponent, selector: "ax-select-box", inputs: ["disabled", "readonly", "tabIndex", "placeholder", "minValue", "maxValue", "value", "state", "name", "id", "type", "look", "multiple", "valueField", "textField", "disabledField", "textTemplate", "selectedItems", "isItemTruncated", "showItemTooltip", "itemHeight", "maxVisibleItems", "dataSource", "minRecordsForSearch", "caption", "itemTemplate", "selectedTemplate", "emptyTemplate", "loadingTemplate", "dropdownWidth", "searchBoxAutoFocus"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "readonlyChange", "disabledChange", "onOpened", "onClosed", "onItemSelected", "onItemClick"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: AXFormModule }, { kind: "component", type: i3.AXFormFieldComponent, selector: "ax-form-field", inputs: ["labelMode"] }, { kind: "ngmodule", type: AXLabelModule }, { kind: "component", type: i4.AXLabelComponent, selector: "ax-label", inputs: ["required", "for"], outputs: ["requiredChange"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i4$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: AXPWidgetCoreModule }, { kind: "component", type: i6.AXPWidgetContainerComponent, selector: "axp-widgets-container", inputs: ["context", "functions"], outputs: ["onContextChanged"] }, { kind: "directive", type: i6.AXPWidgetRendererDirective, selector: "[axp-widget-renderer]", inputs: ["parentNode", "index", "mode", "node"], outputs: ["onOptionsChanged", "onValueChanged", "onLoad"], exportAs: ["widgetRenderer"] }, { kind: "ngmodule", type: AXCollapseModule }, { kind: "component", type: i7.AXCollapseComponent, selector: "ax-collapse", inputs: ["disabled", "look", "isCollapsed", "showHeader", "caption", "icon", "isLoading", "headerTemplate"], outputs: ["onClick", "isCollapsedChange"] }, { kind: "component", type: i7.AXCollapseGroupComponent, selector: "ax-collapse-group", inputs: ["look", "accordion", "activeIndex"], outputs: ["accordionChange", "activeIndexChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AXMFileTypeExtensionWidgetEditComponent, decorators: [{
             type: Component,
@@ -4009,29 +3999,83 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
                 }]
         }] });
 
-class AXMFileViewerPopupComponent extends AXBasePageComponent {
+//#region ---- Imports ----
+//#endregion
+/**
+ * File gallery popup component that displays files using the gallery widget.
+ * This component replaces the old file-viewer-popup and uses the same
+ * gallery widget pattern as test8.
+ */
+class AXMFileGalleryPopupComponent extends AXBasePageComponent {
     constructor() {
         super(...arguments);
-        this.index = 0;
-        this.mediaViewer = viewChild(AXMediaViewerContainerComponent, ...(ngDevMode ? [{ debugName: "mediaViewer" }] : []));
-    }
-    ngAfterViewInit() {
-        this.mediaViewer()?.goToIndex(this.index);
+        //#region ---- Class Properties ----
+        /** File list items received from popup data */
+        this.files = signal([], ...(ngDevMode ? [{ debugName: "files" }] : []));
+        /** Starting index for the media viewer */
+        this.startIndex = 0;
+        /** Widget context for the gallery */
+        this.context = signal({}, ...(ngDevMode ? [{ debugName: "context" }] : []));
+        //#endregion
+        //#region ---- Computed Properties ----
+        /**
+         * Gallery widget node configuration
+         */
+        this.galleryNode = computed(() => ({
+            type: 'gallery',
+            path: 'galleryFiles',
+            defaultValue: this.files(),
+            options: {
+                thumbnail: true,
+                header: true,
+                fileInfo: true,
+                fullScreenButton: true,
+                allowUpload: false,
+                height: '100%',
+            },
+        }), ...(ngDevMode ? [{ debugName: "galleryNode" }] : []));
     }
+    //#endregion
+    //#region ---- UI Handlers ----
+    /**
+     * Close the popup
+     */
     onClose() {
         this.close();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AXMFileViewerPopupComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.3.16", type: AXMFileViewerPopupComponent, isStandalone: true, selector: "ng-component", viewQueries: [{ propertyName: "mediaViewer", first: true, predicate: AXMediaViewerContainerComponent, descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<ax-content>\n  <ax-media-viewer-container [thumbnail]=\"true\" #c [dataArray]=\"nodes\">\n    <ax-header>\n      <ax-prefix>\n        <ax-file-info></ax-file-info>\n      </ax-prefix>\n      <ax-suffix>\n        <ax-fullscreen-button></ax-fullscreen-button>\n      </ax-suffix>\n    </ax-header>\n    <ax-prefix>\n      <ax-button (click)=\"c.next()\">\n        <ax-icon class=\"ax-icon ax-icon-chevron-right\"> </ax-icon>\n      </ax-button>\n    </ax-prefix>\n    <ax-suffix>\n      <ax-button (click)=\"c.prev()\">\n        <ax-icon class=\"ax-icon ax-icon-chevron-left\"> </ax-icon>\n      </ax-button>\n    </ax-suffix>\n  </ax-media-viewer-container>\n</ax-content>\n<ax-footer>\n  <ax-suffix>\n    <ax-button [text]=\"'close'\" (click)=\"onClose()\" />\n  </ax-suffix>\n</ax-footer>\n", styles: ["ax-media-viewer-container{--ax-sys-border-radius:0 }\n"], dependencies: [{ kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i1$1.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i1$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: "component", type: i1$1.AXDecoratorFullScreenButtonComponent, selector: "ax-fullscreen-button", inputs: ["element", "isActive"], outputs: ["elementChange", "isActiveChange"] }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i1$2.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXMediaViewerModule }, { kind: "component", type: i3$1.AXMediaViewerContainerComponent, selector: "ax-media-viewer-container", inputs: ["dataArray", "thumbnail", "pagination"] }, { kind: "component", type: i3$1.AXFileInfoComponent, selector: "ax-file-info" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AXMFileGalleryPopupComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.16", type: AXMFileGalleryPopupComponent, isStandalone: true, selector: "axm-file-gallery-popup", usesInheritance: true, ngImport: i0, template: `
+    <ax-content>
+      <axp-widgets-container class="ax-block ax-h-full" [context]="context()">
+        <ng-container axp-widget-renderer [node]="galleryNode()" [mode]="'edit'"></ng-container>
+      </axp-widgets-container>
+    </ax-content>
+    <ax-footer>
+      <ax-suffix>
+        <ax-button [text]="'close'" (click)="onClose()" />
+      </ax-suffix>
+    </ax-footer>
+  `, isInline: true, styles: [":host{display:block;height:100%}ax-content{height:calc(100% - 60px)}\n"], dependencies: [{ kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i4$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: AXButtonModule }, { kind: "component", type: i1$1.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: i6.AXPWidgetContainerComponent, selector: "axp-widgets-container", inputs: ["context", "functions"], outputs: ["onContextChanged"] }, { kind: "directive", type: i6.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: "20.3.16", ngImport: i0, type: AXMFileViewerPopupComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AXMFileGalleryPopupComponent, decorators: [{
             type: Component,
-            args: [{ changeDetection: ChangeDetectionStrategy.OnPush, imports: [AXDecoratorModule, AXButtonModule, AXMediaViewerModule], template: "<ax-content>\n  <ax-media-viewer-container [thumbnail]=\"true\" #c [dataArray]=\"nodes\">\n    <ax-header>\n      <ax-prefix>\n        <ax-file-info></ax-file-info>\n      </ax-prefix>\n      <ax-suffix>\n        <ax-fullscreen-button></ax-fullscreen-button>\n      </ax-suffix>\n    </ax-header>\n    <ax-prefix>\n      <ax-button (click)=\"c.next()\">\n        <ax-icon class=\"ax-icon ax-icon-chevron-right\"> </ax-icon>\n      </ax-button>\n    </ax-prefix>\n    <ax-suffix>\n      <ax-button (click)=\"c.prev()\">\n        <ax-icon class=\"ax-icon ax-icon-chevron-left\"> </ax-icon>\n      </ax-button>\n    </ax-suffix>\n  </ax-media-viewer-container>\n</ax-content>\n<ax-footer>\n  <ax-suffix>\n    <ax-button [text]=\"'close'\" (click)=\"onClose()\" />\n  </ax-suffix>\n</ax-footer>\n", styles: ["ax-media-viewer-container{--ax-sys-border-radius:0 }\n"] }]
-        }], propDecorators: { mediaViewer: [{ type: i0.ViewChild, args: [i0.forwardRef(() => AXMediaViewerContainerComponent), { isSignal: true }] }] } });
+            args: [{ selector: 'axm-file-gallery-popup', template: `
+    <ax-content>
+      <axp-widgets-container class="ax-block ax-h-full" [context]="context()">
+        <ng-container axp-widget-renderer [node]="galleryNode()" [mode]="'edit'"></ng-container>
+      </axp-widgets-container>
+    </ax-content>
+    <ax-footer>
+      <ax-suffix>
+        <ax-button [text]="'close'" (click)="onClose()" />
+      </ax-suffix>
+    </ax-footer>
+  `, changeDetection: ChangeDetectionStrategy.OnPush, imports: [AXDecoratorModule, AXButtonModule, AXPWidgetCoreModule], styles: [":host{display:block;height:100%}ax-content{height:calc(100% - 60px)}\n"] }]
+        }] });
 
-var fileViewerPopup_component = /*#__PURE__*/Object.freeze({
+var fileGalleryPopup_component = /*#__PURE__*/Object.freeze({
     __proto__: null,
-    AXMFileViewerPopupComponent: AXMFileViewerPopupComponent
+    AXMFileGalleryPopupComponent: AXMFileGalleryPopupComponent
 });
 
 class AXPDocumentManagementService {
@@ -4061,7 +4105,7 @@ class AXMDocumentDialogService {
         }
         // Initialize files array context with default values
         initialContext['files'] = fileList.map(item => ({ file: [item] }));
-        const dialogRef = await this.layoutBuilder
+        const result = await this.layoutBuilder
             .create()
             .dialog(dialog => {
             dialog
@@ -4093,55 +4137,65 @@ class AXMDocumentDialogService {
                 .setActions(actions => {
                 actions.cancel('@general:actions.cancel.title');
                 actions.submit('@general:actions.submit.title');
-            }).setCloseButton(true);
+            })
+                .setCloseButton(true)
+                .onAction(async (dialogRef) => {
+                const action = dialogRef.action();
+                if (action === 'cancel') {
+                    return { data: { cancel: true } };
+                }
+                const ctx = dialogRef.context();
+                if (documentId) {
+                    dialogRef.setLoading(true);
+                    try {
+                        const updatePayload = { version: (version ?? 0) + 1 };
+                        if (showMeta) {
+                            updatePayload.metaDataForm = ctx?.['file-0']?.['metaDataForm'];
+                        }
+                        await this.documentService.updateOne(documentId, updatePayload);
+                        return {
+                            data: {
+                                cancel: false,
+                                fileIds: [documentId],
+                            },
+                        };
+                    }
+                    finally {
+                        dialogRef.setLoading(false);
+                    }
+                }
+                dialogRef.setLoading(true);
+                try {
+                    const promises = (ctx?.['files']).map(async (item, index) => {
+                        const f = fileList[index];
+                        const newId = await this.documentService.insertOne({
+                            fileId: f,
+                            name: f?.name,
+                            title: f?.name,
+                            documentType,
+                            parentId,
+                            size: f?.size || 0,
+                            status: 'Draft',
+                            version: (version ?? 0) + 1,
+                            metaDataForm: ctx?.[`file-${index}`]?.['metaDataForm'],
+                        });
+                        return newId;
+                    });
+                    const fileIds = await Promise.all(promises);
+                    return {
+                        data: {
+                            cancel: false,
+                            fileIds,
+                        },
+                    };
+                }
+                finally {
+                    dialogRef.setLoading(false);
+                }
+            });
         })
             .show();
-        const action = dialogRef.action();
-        if (action === 'cancel') {
-            dialogRef.close();
-            return { data: { cancel: true } };
-        }
-        const ctx = dialogRef.context();
-        if (documentId) {
-            dialogRef.setLoading(true);
-            const updatePayload = { version: (version ?? 0) + 1 };
-            if (showMeta) {
-                updatePayload.metaDataForm = ctx?.['file-0']?.['metaDataForm'];
-            }
-            await this.documentService.updateOne(documentId, updatePayload);
-            dialogRef.close();
-            return {
-                data: {
-                    cancel: false,
-                    fileIds: [documentId],
-                },
-            };
-        }
-        const promises = (ctx?.['files']).map(async (item, index) => {
-            // Use original selected file item to preserve blob/source for storage
-            const f = fileList[index];
-            const newId = await this.documentService.insertOne({
-                fileId: f,
-                name: f?.name,
-                title: f?.name,
-                documentType,
-                parentId,
-                size: f?.size || 0,
-                status: 'Draft',
-                version: (version ?? 0) + 1,
-                metaDataForm: ctx?.[`file-${index}`]?.['metaDataForm'],
-            });
-            return newId;
-        });
-        dialogRef.setLoading(true);
-        const fileIds = await Promise.all(promises);
-        dialogRef.close();
-        return {
-            data: {
-                cancel: false,
-                fileIds,
-            },
-        };
+        return result;
     }
     async openAttachmentDialogWithoutSave(title, data) {
         const { documentType, files, parentId, metaData, documentId, showMeta = true } = data ?? {};
@@ -4156,7 +4210,7 @@ class AXMDocumentDialogService {
         }
         // Initialize files array context with default values
         initialContext['files'] = fileList.map(item => ({ file: [item] }));
-        const dialogRef = await this.layoutBuilder
+        const result = await this.layoutBuilder
             .create()
             .dialog(dialog => {
             dialog
@@ -4187,34 +4241,35 @@ class AXMDocumentDialogService {
             })
                 .setActions(actions => {
                 actions.cancel('@general:actions.cancel.title').submit('@general:actions.submit.title');
+            })
+                .onAction(async (dialogRef) => {
+                const action = dialogRef.action();
+                if (action === 'cancel') {
+                    return {
+                        data: {
+                            cancel: true,
+                        },
+                    };
+                }
+                const ctx = dialogRef.context();
+                return {
+                    data: {
+                        cancel: false,
+                        files: (ctx?.['files']).map((item, index) => ({
+                            ...item,
+                            ...(showMeta ? { metaDataForm: ctx?.[`file-${index}`]?.['metaDataForm'] } : {}),
+                        })),
+                    },
+                };
             });
         })
             .show();
-        const action = dialogRef.action();
-        if (action === 'cancel') {
-            dialogRef.close();
-            return {
-                data: {
-                    cancel: true,
-                },
-            };
-        }
-        const ctx = dialogRef.context();
-        dialogRef.close();
-        return {
-            data: {
-                cancel: false,
-                files: (ctx?.['files']).map((item, index) => ({
-                    ...item,
-                    ...(showMeta ? { metaDataForm: ctx?.[`file-${index}`]?.['metaDataForm'] } : {}),
-                })),
-            },
-        };
+        return result;
     }
     async chooseDocumentType() {
         const res = await this.documentTypeService.query({ skip: 0, take: 100 });
         const items = (res?.items ?? []).map((x) => ({ value: x.id, text: x.title }));
-        const ref = await this.layoutBuilder
+        const result = await this.layoutBuilder
             .create()
             .dialog(dialog => {
             dialog
@@ -4230,16 +4285,18 @@ class AXMDocumentDialogService {
             })
                 .setActions(actions => {
                 actions.cancel('@general:actions.cancel.title').submit('@general:actions.submit.title');
+            })
+                .onAction(async (dialogRef) => {
+                const action = dialogRef.action();
+                if (action === 'cancel') {
+                    return { cancelled: true };
+                }
+                const ctx = dialogRef.context();
+                return { cancelled: false, documentTypeId: ctx?.documentTypeId };
             });
         })
             .show();
-        const action = ref.action();
-        if (action === 'cancel') {
-            ref.close();
-            return { cancelled: true };
-        }
-        const ctx = ref.context();
-        return { cancelled: false, documentTypeId: ctx?.documentTypeId };
+        return result;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AXMDocumentDialogService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AXMDocumentDialogService, providedIn: 'root' }); }
@@ -5017,7 +5074,7 @@ class AXMDocumentManagerService {
      * Moves a node to another location
      */
     async moveTo(options) {
-        const comp = (await import('./acorex-modules-document-management-drive-choose.component-CJRrn2XH.mjs')).AXMDocumentDriveChooseComponent;
+        const comp = (await import('./acorex-modules-document-management-drive-choose.component-ovwhHP2n.mjs')).AXMDocumentDriveChooseComponent;
         const popup = await this.popupService.open(comp, {
             title: `Choose ${options.browseMode == 'file' ? 'File' : 'Folder'}`,
             data: {
@@ -5050,7 +5107,7 @@ class AXMDocumentManagerService {
      * Copies a node to another location
      */
     async copyTo(options) {
-        const comp = (await import('./acorex-modules-document-management-drive-choose.component-CJRrn2XH.mjs')).AXMDocumentDriveChooseComponent;
+        const comp = (await import('./acorex-modules-document-management-drive-choose.component-ovwhHP2n.mjs')).AXMDocumentDriveChooseComponent;
         const popup = await this.popupService.open(comp, {
             title: `Choose ${options.browseMode == 'file' ? 'File' : 'Folder'}`,
             data: {
@@ -5268,7 +5325,7 @@ class AXMDocumentManagerService {
         // Load document types for selection
         const res = await this.documentTypeService.query({ skip: 0, take: 1000 });
         const items = res?.items ?? [];
-        const dialogRef = await this.layoutBuilder
+        const result = await this.layoutBuilder
             .create()
             .dialog((dialog) => {
             dialog
@@ -5320,32 +5377,28 @@ class AXMDocumentManagerService {
             })
                 .setActions((actions) => {
                 actions.cancel('@general:actions.cancel.title').submit('@general:actions.save.title');
+            })
+                .onAction(async (dialogRef) => {
+                const context = dialogRef.context();
+                const action = dialogRef.action();
+                if (!context || action === 'cancel') {
+                    return false;
+                }
+                const form = context;
+                const selected = Array.isArray(form.documentTypes) ? form.documentTypes : [];
+                const selectedTypes = selected.map((v) => typeof v === 'object' ? v : items.find((it) => it.name === v) || { name: v, title: v, id: v });
+                await this.updateFolder(node.id, {
+                    name: form.name,
+                    description: form.description,
+                    inherit: form.inherit,
+                    documentTypes: selectedTypes,
+                    color: form.color,
+                });
+                return true;
             });
         })
             .show();
-        const form = dialogRef.context();
-        const action = dialogRef.action();
-        if (action !== 'submit') {
-            dialogRef.close();
-            return false;
-        }
-        dialogRef.setLoading(true);
-        try {
-            const selected = Array.isArray(form.documentTypes) ? form.documentTypes : [];
-            const selectedTypes = selected.map((v) => typeof v === 'object' ? v : items.find((it) => it.name === v) || { name: v, title: v, id: v });
-            await this.updateFolder(node.id, {
-                name: form.name,
-                description: form.description,
-                inherit: form.inherit,
-                documentTypes: selectedTypes,
-                color: form.color,
-            });
-            return true;
-        }
-        finally {
-            dialogRef.setLoading(false);
-            dialogRef.close();
-        }
+        return result;
     }
     /**
      * Shows create folder dialog
@@ -5354,7 +5407,7 @@ class AXMDocumentManagerService {
         // Load document types for selection
         const res = await this.documentTypeService.query({ skip: 0, take: 1000 });
         const items = res?.items ?? [];
-        const dialogRef = await this.layoutBuilder
+        const result = await this.layoutBuilder
             .create()
             .dialog((dialog) => {
             dialog
@@ -5400,38 +5453,34 @@ class AXMDocumentManagerService {
             })
                 .setActions((actions) => {
                 actions.cancel('@general:actions.cancel.title').submit('@general:actions.save.title');
+            })
+                .onAction(async (dialogRef) => {
+                const context = dialogRef.context();
+                const action = dialogRef.action();
+                if (!context || action === 'cancel') {
+                    return null;
+                }
+                const form = context;
+                const folder = await this.createFolder({
+                    name: form.name,
+                    color: form.color,
+                    parentId,
+                    description: form.description,
+                    documentTypes: form.documentTypes,
+                    size: 0,
+                    inherit: form.inherit,
+                });
+                return folder;
             });
         })
             .show();
-        const form = dialogRef.context();
-        const action = dialogRef.action();
-        if (action !== 'submit') {
-            dialogRef.close();
-            return null;
-        }
-        dialogRef.setLoading(true);
-        try {
-            const folder = await this.createFolder({
-                name: form.name,
-                color: form.color,
-                parentId,
-                description: form.description,
-                documentTypes: form.documentTypes,
-                size: 0,
-                inherit: form.inherit,
-            });
-            return folder;
-        }
-        finally {
-            dialogRef.setLoading(false);
-            dialogRef.close();
-        }
+        return result;
     }
     /**
      * Shows rename popup for a node using dynamic form builder
      */
     async showRenamePopup(node) {
-        const dialogRef = await this.layoutBuilder
+        const result = await this.layoutBuilder
             .create()
             .dialog((dialog) => {
             dialog
@@ -5448,42 +5497,32 @@ class AXMDocumentManagerService {
             })
                 .setActions((actions) => {
                 actions.cancel().submit('@general:actions.save.title');
-            });
-        })
-            .show();
-        // Get form data and action
-        const formData = dialogRef.context();
-        const action = dialogRef.action();
-        if (action === 'submit' && formData?.name) {
-            // Set loading state
-            dialogRef.setLoading(true);
-            try {
-                let updatedNode;
-                if (node.type === 'folder') {
-                    updatedNode = await this.updateFolder(node.id, {
-                        name: formData.name,
-                    });
+            })
+                .onAction(async (dialogRef) => {
+                const context = dialogRef.context();
+                const action = dialogRef.action();
+                if (!context || action === 'cancel') {
+                    return undefined;
                 }
-                else {
+                const formData = context;
+                if (!formData?.name) {
+                    return undefined;
+                }
+                dialogRef.setLoading(true);
+                try {
+                    if (node.type === 'folder') {
+                        return await this.updateFolder(node.id, { name: formData.name });
+                    }
                     await this.updateFileName(node, formData.name);
-                    updatedNode = await this.updateFile(node.id, {
-                        name: formData.name,
-                    });
+                    return await this.updateFile(node.id, { name: formData.name });
                 }
-                return updatedNode;
-            }
-            catch (error) {
-                console.error('Error updating node:', error);
-                return undefined;
-            }
-            finally {
-                dialogRef.close();
-            }
-        }
-        else {
-            dialogRef.close();
-        }
-        return undefined;
+                finally {
+                    dialogRef.setLoading(false);
+                }
+            });
+        })
+            .show();
+        return result;
     }
     /**
      * Shows delete nodes confirmation dialog
@@ -5501,7 +5540,7 @@ class AXMDocumentManagerService {
      * Shows choose file dialog
      */
     async showChooseFileDialog(scope) {
-        const comp = (await import('./acorex-modules-document-management-drive-choose.component-CJRrn2XH.mjs')).AXMDocumentDriveChooseComponent;
+        const comp = (await import('./acorex-modules-document-management-drive-choose.component-ovwhHP2n.mjs')).AXMDocumentDriveChooseComponent;
         const result = await this.popupService.open(comp, {
             title: await this.translate.translateAsync('@document-management:actions.choose-from-drive'),
             data: {
@@ -5513,8 +5552,21 @@ class AXMDocumentManagerService {
         }
         return [];
     }
+    /** File extensions supported by the gallery viewer (images + PDF). */
+    static { this.GALLERY_EXTENSIONS = ['jpg', 'jpeg', 'png', 'gif', 'bmp', 'webp', 'pdf']; }
+    /**
+     * Returns nodes that are supported by the gallery (image/pdf extensions).
+     */
+    getGallerySupportedFiles(nodes) {
+        return nodes.filter((item) => {
+            if (!item.name || item.type !== 'file')
+                return false;
+            const ext = item.name.split('.').pop()?.toLowerCase();
+            return ext && AXMDocumentManagerService.GALLERY_EXTENSIONS.includes(ext);
+        });
+    }
     /**
-     * Shows file viewer popup
+     * Shows file viewer popup using the gallery widget
      */
     async showFileViewerPopup(node, options) {
         const isVirtualFolder = node.parentId === 'virtual';
@@ -5522,12 +5574,12 @@ class AXMDocumentManagerService {
         const documents = isVirtualFolder
             ? (options?.folderVirtualFiles ?? [])
             : ((await this.folderService.getOne(node.parentId)).documents ?? []);
-        // Filter documents first
+        // Filter documents by gallery-supported extensions
         const filteredDocuments = documents.filter((item) => {
             if (!item.name)
                 return false;
             const ext = item.name.split('.').pop()?.toLowerCase();
-            return ext && ['jpg', 'jpeg', 'png', 'gif', 'bmp', 'webp', 'pdf'].includes(ext);
+            return ext && AXMDocumentManagerService.GALLERY_EXTENSIONS.includes(ext);
         });
         // Fetch documents with null fileId.source.value
         const documentsWithNullFileId = filteredDocuments.filter((doc) => !doc.fileId.source.value);
@@ -5543,9 +5595,7 @@ class AXMDocumentManagerService {
             });
         }
         // Collect all fileIds that need to be fetched
-        const fileIds = filteredDocuments
-            .filter((doc) => doc.fileId.source.value)
-            .map((doc) => doc.fileId.source.value);
+        const fileIds = filteredDocuments.filter((doc) => doc.fileId.source.value).map((doc) => doc.fileId.source.value);
         // Fetch all file info at once (need URL for media viewer)
         const fileInfosMap = new Map();
         if (fileIds.length > 0) {
@@ -5556,16 +5606,37 @@ class AXMDocumentManagerService {
                 }
             });
         }
-        const nodes = await Promise.all(filteredDocuments.map((doc) => this.mapDocumentToMediaViewerData(doc, fileInfosMap)));
-        const comp = (await Promise.resolve().then(function () { return fileViewerPopup_component; }))
-            .AXMFileViewerPopupComponent;
+        // Convert documents to AXPFileListItem[] format for the gallery widget
+        const fileListItems = await Promise.all(filteredDocuments.map(async (doc) => {
+            let url = '';
+            if (doc.fileId?.source?.kind === 'fileId') {
+                const fileId = doc.fileId.source.value;
+                const fileInfo = fileInfosMap.get(fileId);
+                url = fileInfo?.url ?? '';
+            }
+            return {
+                id: doc.id ?? '',
+                name: doc.name,
+                size: doc.size,
+                status: 'attached',
+                source: {
+                    kind: 'url',
+                    value: url,
+                },
+            };
+        }));
+        // Calculate start index
+        const startIndex = isVirtualFolder
+            ? (options?.folderVirtualFiles?.findIndex((f) => f.id === node.id) ?? 0)
+            : (options?.index ?? 0);
+        // Open popup using the gallery widget popup component
+        const comp = (await Promise.resolve().then(function () { return fileGalleryPopup_component; }))
+            .AXMFileGalleryPopupComponent;
         await this.popupService.open(comp, {
             title: parentFolderName,
             data: {
-                nodes,
-                index: isVirtualFolder
-                    ? (options?.folderVirtualFiles?.findIndex((f) => f.id === node.id) ?? 0)
-                    : (options?.index ?? 0),
+                files: signal(fileListItems),
+                startIndex,
             },
         });
     }
@@ -6078,7 +6149,10 @@ const AXPDocumentExplorerViewModel = signalStore({ providedIn: 'root' }, withSta
     async openGalleryWithFolderId() {
         const folder = store.currentNode();
         const files = folder?.children?.filter((item) => item.type === 'file') || [];
-        await driveService.showFileViewerPopup(files[0]);
+        const galleryFiles = driveService.getGallerySupportedFiles(files);
+        if (galleryFiles.length > 0) {
+            await driveService.showFileViewerPopup(galleryFiles[0]);
+        }
     },
     //TODO: Delete only one node at a time
     async deleteNodes(nodes = store.selectedNodes()) {
@@ -6128,6 +6202,23 @@ const AXPDocumentExplorerViewModel = signalStore({ providedIn: 'root' }, withSta
     },
     //#region Menu Items
     async getFolderAddMenuItems() {
+        const files = store.currentFolder()?.children?.filter((item) => item.type === 'file') ?? [];
+        const galleryFiles = driveService.getGallerySupportedFiles(files);
+        const openGalleryItem = galleryFiles.length > 0
+            ? [
+                {
+                    title: await translateService.translateAsync('@document-management:actions.open-gallery'),
+                    icon: 'fa-light fa-images',
+                    break: true,
+                    command: {
+                        name: 'open-gallery',
+                        options: {
+                            folderId: store.currentFolder()?.id,
+                        },
+                    },
+                },
+            ]
+            : [];
         return [
             {
                 title: await translateService.translateAsync('@document-management:actions.create-folder'),
@@ -6153,17 +6244,7 @@ const AXPDocumentExplorerViewModel = signalStore({ providedIn: 'root' }, withSta
                     },
                 },
             })) ?? []),
-            {
-                title: await translateService.translateAsync('@document-management:actions.open-gallery'),
-                icon: 'fa-light fa-images',
-                break: true,
-                command: {
-                    name: 'open-gallery',
-                    options: {
-                        folderId: store.currentFolder()?.id,
-                    },
-                },
-            },
+            ...openGalleryItem,
         ];
     },
     async getFolderActionMenuItems() {
@@ -6756,7 +6837,7 @@ class AXMDocumentExplorerComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AXMDocumentExplorerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: AXMDocumentExplorerComponent, isStandalone: true, selector: "axm-document-explorer", inputs: { browseMode: { classPropertyName: "browseMode", publicName: "browseMode", isSignal: true, isRequired: false, transformFunction: null }, viewMode: { classPropertyName: "viewMode", publicName: "viewMode", isSignal: true, isRequired: false, transformFunction: null }, selectionMode: { classPropertyName: "selectionMode", publicName: "selectionMode", isSignal: true, isRequired: false, transformFunction: null }, showContextMenu: { classPropertyName: "showContextMenu", publicName: "showContextMenu", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "contextMenu", first: true, predicate: ["itemsContextMenu"], descendants: true, isSignal: true }, { propertyName: "rootContextMenu", first: true, predicate: ["rootContextMenu"], descendants: true, isSignal: true }], ngImport: i0, template: "<!-- Empty State -->\n<div class=\"view-container\">\n  @if (vm.folders().length === 0 && vm.files().length === 0) {\n    <axp-state-message\n      icon=\"fa-light fa-folder-open\"\n      [title]=\"'@document-management:empty-states.no-items.title'\"\n      [description]=\"'@document-management:empty-states.no-items.description'\"\n    >\n    </axp-state-message>\n  } @else {\n    <ng-container [ngComponentOutlet]=\"view()\"></ng-container>\n  }\n</div>\n\n<!-- Context Menu -->\n@if (showContextMenu()) {\n  <!-- Item Context Menu-->\n  <ax-context-menu\n    #itemsContextMenu\n    [target]=\"'.__explorer-item'\"\n    [orientation]=\"'vertical'\"\n    [closeOn]=\"'leave'\"\n    (onItemClick)=\"handleContextMenuItemClick($event)\"\n    (onOpening)=\"handleContextMenuOnOpening($event)\"\n  >\n  </ax-context-menu>\n  <!-- Root Context Menu-->\n  <ax-context-menu\n    #rootContextMenu\n    [target]=\"'.view-container'\"\n    [orientation]=\"'vertical'\"\n    [closeOn]=\"'leave'\"\n    (onItemClick)=\"handleContextMenuItemClick($event)\"\n    (onOpening)=\"handleContextMenuRootOnOpening($event)\"\n  >\n  </ax-context-menu>\n}\n", styles: ["axm-document-explorer{display:flex;height:max-content;min-height:100%;width:100%;flex-direction:row;gap:1rem}axm-document-explorer>.view-container{display:flex;flex:1 1 0%;-webkit-user-select:none;user-select:none;flex-direction:column;gap:1rem}axm-document-explorer .animation-duration-2s{--fa-animation-duration: 2s}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$3.NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletEnvironmentInjector", "ngComponentOutletContent", "ngComponentOutletNgModule", "ngComponentOutletNgModuleFactory"], exportAs: ["ngComponentOutlet"] }, { kind: "ngmodule", type: RouterModule }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "ngmodule", type: AXLoadingModule }, { kind: "ngmodule", type: AXFormatModule }, { kind: "ngmodule", type: AXDateTimeModule }, { kind: "ngmodule", type: AXMenuModule }, { kind: "component", type: i2$1.AXContextMenuComponent, selector: "ax-context-menu", inputs: ["orientation", "openOn", "closeOn", "items", "target"], outputs: ["onItemClick", "onOpening"] }, { kind: "component", type: AXPStateMessageComponent, selector: "axp-state-message", inputs: ["mode", "icon", "title", "description", "variant"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: AXMDocumentExplorerComponent, isStandalone: true, selector: "axm-document-explorer", inputs: { browseMode: { classPropertyName: "browseMode", publicName: "browseMode", isSignal: true, isRequired: false, transformFunction: null }, viewMode: { classPropertyName: "viewMode", publicName: "viewMode", isSignal: true, isRequired: false, transformFunction: null }, selectionMode: { classPropertyName: "selectionMode", publicName: "selectionMode", isSignal: true, isRequired: false, transformFunction: null }, showContextMenu: { classPropertyName: "showContextMenu", publicName: "showContextMenu", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "contextMenu", first: true, predicate: ["itemsContextMenu"], descendants: true, isSignal: true }, { propertyName: "rootContextMenu", first: true, predicate: ["rootContextMenu"], descendants: true, isSignal: true }], ngImport: i0, template: "<!-- Empty State -->\n<div class=\"view-container\">\n  @if (vm.folders().length === 0 && vm.files().length === 0) {\n    <axp-state-message\n      icon=\"fa-light fa-folder-open\"\n      [title]=\"'@document-management:empty-states.no-items.title'\"\n      [description]=\"'@document-management:empty-states.no-items.description'\"\n    >\n    </axp-state-message>\n  } @else {\n    <ng-container [ngComponentOutlet]=\"view()\"></ng-container>\n  }\n</div>\n\n<!-- Context Menu -->\n@if (showContextMenu()) {\n  <!-- Item Context Menu-->\n  <ax-context-menu\n    #itemsContextMenu\n    [target]=\"'.__explorer-item'\"\n    [orientation]=\"'vertical'\"\n    [closeOn]=\"'leave'\"\n    (onItemClick)=\"handleContextMenuItemClick($event)\"\n    (onOpening)=\"handleContextMenuOnOpening($event)\"\n  >\n  </ax-context-menu>\n  <!-- Root Context Menu-->\n  <ax-context-menu\n    #rootContextMenu\n    [target]=\"'.view-container'\"\n    [orientation]=\"'vertical'\"\n    [closeOn]=\"'leave'\"\n    (onItemClick)=\"handleContextMenuItemClick($event)\"\n    (onOpening)=\"handleContextMenuRootOnOpening($event)\"\n  >\n  </ax-context-menu>\n}\n", styles: ["axm-document-explorer{display:flex;height:max-content;min-height:100%;width:100%;flex-direction:row;gap:1rem}axm-document-explorer>.view-container{display:flex;flex:1 1 0%;-webkit-user-select:none;user-select:none;flex-direction:column;gap:1rem}axm-document-explorer .animation-duration-2s{--fa-animation-duration: 2s}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletEnvironmentInjector", "ngComponentOutletContent", "ngComponentOutletNgModule", "ngComponentOutletNgModuleFactory"], exportAs: ["ngComponentOutlet"] }, { kind: "ngmodule", type: RouterModule }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "ngmodule", type: AXLoadingModule }, { kind: "ngmodule", type: AXFormatModule }, { kind: "ngmodule", type: AXDateTimeModule }, { kind: "ngmodule", type: AXMenuModule }, { kind: "component", type: i2$1.AXContextMenuComponent, selector: "ax-context-menu", inputs: ["orientation", "openOn", "closeOn", "items", "target"], outputs: ["onItemClick", "onOpening"] }, { kind: "component", type: AXPStateMessageComponent, selector: "axp-state-message", inputs: ["mode", "icon", "title", "description", "variant"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AXMDocumentExplorerComponent, decorators: [{
             type: Component,
@@ -6778,7 +6859,7 @@ class AXMFolderPathBreadcrumbsComponent {
         this.layout = inject(AXPLayoutThemeService);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AXMFolderPathBreadcrumbsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: AXMFolderPathBreadcrumbsComponent, isStandalone: true, selector: "axm-folder-path-breadcrumbs", ngImport: i0, template: "<!-- Breadcrumbs Section -->\n<div class=\"__breadcrumb ax-xs\">\n  <!-- Desktop Breadcrumb -->\n  @for (item of vm.currentPath(); track item.id; let i = $index;let last = $last) {\n  <!-- Navigation Button -->\n  <ax-button look=\"blank\" (onClick)=\"vm.navigateToFolder(item.id)\" [text]=\"item.name\" [disabled]=\"last\">\n    @if(i === 0) {\n    <ax-icon icon=\"fa-light fa-cloud\"></ax-icon>\n    }@else {\n    <ax-icon icon=\"fa-light fa-folder-closed\"></ax-icon>\n    }\n  </ax-button>\n  <!-- Separator -->\n  @if(!last) {\n  <i class=\"far fa-chevron-right rtl:ax-rotate-180 fa-fw fa-xs ax-me-2\"></i>\n  }\n  <!-- End Navigation Button -->\n  }\n</div>\n", styles: [":host{display:flex;width:100%;align-items:center}:host .__nav{display:flex;flex-direction:row;align-items:center;gap:.25rem;border-inline-end-width:1px;padding-inline-start:.25rem;padding-inline-end:.5rem}:host .__breadcrumb{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;padding-inline-start:.5rem;padding-inline-end:.25rem}:host .__breadcrumb .ax-state-disabled button,:host .__breadcrumb .ax-state-loading button{cursor:default!important}\n"], dependencies: [{ kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i1$2.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i1$1.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: AXMFolderPathBreadcrumbsComponent, isStandalone: true, selector: "axm-folder-path-breadcrumbs", ngImport: i0, template: "<!-- Breadcrumbs Section -->\n<div class=\"__breadcrumb ax-xs\">\n  <!-- Desktop Breadcrumb -->\n  @for (item of vm.currentPath(); track item.id; let i = $index;let last = $last) {\n  <!-- Navigation Button -->\n  <ax-button look=\"blank\" (onClick)=\"vm.navigateToFolder(item.id)\" [text]=\"item.name\" [disabled]=\"last\">\n    @if(i === 0) {\n    <ax-icon icon=\"fa-light fa-cloud\"></ax-icon>\n    }@else {\n    <ax-icon icon=\"fa-light fa-folder-closed\"></ax-icon>\n    }\n  </ax-button>\n  <!-- Separator -->\n  @if(!last) {\n  <i class=\"far fa-chevron-right rtl:ax-rotate-180 fa-fw fa-xs ax-me-2\"></i>\n  }\n  <!-- End Navigation Button -->\n  }\n</div>\n", styles: [":host{display:flex;width:100%;align-items:center}:host .__nav{display:flex;flex-direction:row;align-items:center;gap:.25rem;border-inline-end-width:1px;padding-inline-start:.25rem;padding-inline-end:.5rem}:host .__breadcrumb{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;padding-inline-start:.5rem;padding-inline-end:.25rem}:host .__breadcrumb .ax-state-disabled button,:host .__breadcrumb .ax-state-loading button{cursor:default!important}\n"], dependencies: [{ kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i1$1.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: AXDecoratorModule }, { kind: "component", type: i4$1.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AXMFolderPathBreadcrumbsComponent, decorators: [{
             type: Component,
@@ -7128,11 +7209,21 @@ const DocumentFileUploaderBeforeFilesAddedProvider = {
     key: 'file-uploader.beforeFilesAdded',
     priority: 0,
     async execute(payload) {
+        // Debug: trace before-files-added hook entry
+        // eslint-disable-next-line no-console
+        console.log('[DocumentFileUploaderBeforeFilesAdded] payload', {
+            plugins: payload.plugins,
+            excludePlugins: payload.excludePlugins,
+            newFiles: payload.newFiles,
+        });
         const isEnabled = Array.isArray(payload.plugins) && payload.plugins.some((p) => p.name === 'document');
         const isExcluded = Array.isArray(payload.excludePlugins) && payload.excludePlugins.includes('document');
         if (!isEnabled || isExcluded)
             return payload;
         const opts = (payload.plugins.find((p) => p.name === 'document')?.options ?? {});
+        // Debug: trace resolved options
+        // eslint-disable-next-line no-console
+        console.log('[DocumentFileUploaderBeforeFilesAdded] options', opts);
         if (!opts.docTypeName)
             return payload;
         const injector = inject(Injector);
@@ -7156,6 +7247,14 @@ const DocumentFileUploaderEditDialogAfterFormProvider = {
     key: 'file-uploader.edit-dialog.groups.after-form',
     priority: 0,
     async execute(payload) {
+        // Debug: trace edit-dialog hook entry
+        // eslint-disable-next-line no-console
+        console.log('[DocumentFileUploaderEditDialogAfterForm] payload (before)', {
+            plugins: payload.plugins,
+            excludePlugins: payload.excludePlugins,
+            file: payload.file,
+            groups: payload.groups,
+        });
         const isEnabled = Array.isArray(payload.plugins) && payload.plugins.some((p) => p.name === 'document');
         const isExcluded = Array.isArray(payload.excludePlugins) && payload.excludePlugins.includes('document');
         if (!isEnabled || isExcluded)
@@ -7163,11 +7262,24 @@ const DocumentFileUploaderEditDialogAfterFormProvider = {
         const metaObj = payload.file?.metaDataForm;
         // Load document type (similar to document-type-choose-file) when available via plugin options
         const opts = (payload.plugins.find((p) => p.name === 'document')?.options ?? {});
+        // Debug: trace resolved options and meta object
+        // eslint-disable-next-line no-console
+        console.log('[DocumentFileUploaderEditDialogAfterForm] options & meta', {
+            options: opts,
+            metaObj,
+        });
         const injector = inject(Injector);
         const documentManagementService = injector.get(AXPDocumentManagementService);
         const docType = opts.docTypeName
             ? await documentManagementService.getDocumentTypeByName(opts.docTypeName)
             : undefined;
+        // Debug: trace loaded document type and final decision
+        // eslint-disable-next-line no-console
+        console.log('[DocumentFileUploaderEditDialogAfterForm] loaded docType', {
+            docTypeName: opts.docTypeName,
+            hasMetaObj: !!metaObj && Object.keys(metaObj).length > 0,
+            docType,
+        });
         if (!docType && (!metaObj || Object.keys(metaObj).length === 0))
             return payload;
         const fields = [
@@ -7177,6 +7289,10 @@ const DocumentFileUploaderEditDialogAfterFormProvider = {
                 widget: {
                     name: 'metaDataForm',
                     type: 'meta-data-form-editor',
+                    // NOTE:
+                    // - documentType.metaDataList structure is used directly in other dialogs:
+                    //   AXMDocumentDialogService → field.customWidget('meta-data-form-editor', documentType?.metaDataList)
+                    // - So we pass the whole metaDataList object here as well for consistency.
                     options: { definitions: docType?.metaDataList },
                     defaultValue: metaObj,
                 },
@@ -7187,8 +7303,19 @@ const DocumentFileUploaderEditDialogAfterFormProvider = {
             title: docType?.title ?? '@document-management:terms.common.meta-data',
             parameters: fields,
         };
-        if (docType?.metaDataList?.length) {
+        // metaDataList is an object with a `groups` array; align condition with that structure
+        const hasDefinitions = !!docType &&
+            !!docType.metaDataList &&
+            Array.isArray(docType.metaDataList.groups) &&
+            docType.metaDataList.groups.length > 0;
+        if (hasDefinitions) {
             payload.groups = [...(payload.groups ?? []), group];
+            // Debug: confirm metadata group injection
+            // eslint-disable-next-line no-console
+            console.log('[DocumentFileUploaderEditDialogAfterForm] metadata group injected', {
+                group,
+                groupsAfter: payload.groups,
+            });
         }
         return payload;
     },
@@ -7279,7 +7406,7 @@ class AXMDocumentManagementModule {
             AXMDocumentManagementDocumentTypeEntityModule,
             AXMDocumentManagementDocumentEntityModule,
             AXMFolderEntityModule,
-            AXMReviewEntityModule, i6.AXPWidgetCoreModule, i3$1.AXMediaViewerModule, i3$2.AXPWorkflowModule] }); }
+            AXMReviewEntityModule, i6.AXPWidgetCoreModule, i2$2.AXMediaViewerModule, i3$1.AXPWorkflowModule] }); }
     static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AXMDocumentManagementModule, providers: [
             // Module-specific providers (not part of manifest system)
             { provide: AXP_ENTITY_ACTION_PLUGIN, multi: true, useValue: attachmentsPlugin },
@@ -7432,7 +7559,7 @@ class AXMDocumentExplorerDetailPanelComponent {
         this.vm = inject(AXPDocumentExplorerViewModel);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AXMDocumentExplorerDetailPanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: AXMDocumentExplorerDetailPanelComponent, isStandalone: true, selector: "axm-document-explorer-detail-panel", ngImport: i0, template: "<!--  Multiple Selected  -->\n@if (vm.hasMultipleSelectedItems()) {\n  <div class=\"__header\" *translate=\"let t\">\n    <div class=\"__title\">\n      <i class=\"fa-fw fa-lg fa-solid\"></i>\n      <span> {{ vm.selectedCount() }} {{ '@general:terms.items-selected' | translate | async }}</span>\n    </div>\n    <ax-button [look]=\"'blank'\" class=\"ax-sm ax-rounded-full\" (onClick)=\"vm.closeDetailPanel()\">\n      <ax-icon icon=\"fa-solid fa-xmark\"></ax-icon>\n    </ax-button>\n  </div>\n  <div class=\"__content\"></div>\n}\n<!-- Single Selected -->\n@else {\n  <!-- Info -->\n  @let nodeInfo = vm.getNodeInfo((vm.selectedNode() ?? vm.currentFolder())!);\n  <div class=\"__header\">\n    <div class=\"__title\">\n      <i class=\"fa-fw fa-lg {{ nodeInfo.icon }} fa-solid\"></i>\n      <span>{{ nodeInfo.name }}</span>\n    </div>\n    <ax-button [look]=\"'blank'\" class=\"ax-sm ax-rounded-full\" (onClick)=\"vm.closeDetailPanel()\">\n      <ax-icon icon=\"fa-solid fa-xmark\"></ax-icon>\n    </ax-button>\n  </div>\n  <div class=\"__content\">\n    @for (section of nodeInfo.sections; track section.title) {\n      <div class=\"__section\">\n        <div class=\"__title\">\n          <span>{{ section.title }}</span>\n        </div>\n        <div class=\"__content\">\n          @for (detail of section.details; track detail.title) {\n            <div class=\"__row\">\n              <div class=\"__title\">\n                <span>{{ detail.title }}</span>\n              </div>\n              <div class=\"__content\">\n                @if (detail.format) {\n                  <span>{{ detail.content | format: detail.format | async }}</span>\n                } @else {\n                  <span>{{ detail.content ?? '---' }}</span>\n                }\n              </div>\n            </div>\n          }\n        </div>\n      </div>\n    }\n  </div>\n}\n", styles: ["axm-document-explorer-detail-panel{display:flex;flex-direction:column;border-radius:.5rem;border-width:1px;--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);background-color:rgb(var(--ax-sys-color-lightest-surface));color:rgb(var(--ax-sys-color-on-lightest-surface));border-color:rgb(var(--ax-sys-color-border-lightest-surface))}@media (min-width: 1024px){axm-document-explorer-detail-panel{min-width:20rem}}axm-document-explorer-detail-panel>.__header{display:flex;flex-direction:row;align-items:center;justify-content:space-between;border-bottom-width:1px;padding:1rem}axm-document-explorer-detail-panel>.__header>.__title{display:flex;width:90%;flex-direction:row;align-items:center;gap:.5rem}axm-document-explorer-detail-panel>.__header>.__title span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:start;font-weight:600;line-height:1.625}axm-document-explorer-detail-panel>.__content{display:flex;flex-direction:column}axm-document-explorer-detail-panel>.__content>:not([hidden])~:not([hidden]){--tw-divide-y-reverse: 0;border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px * var(--tw-divide-y-reverse))}axm-document-explorer-detail-panel>.__content>.__section{display:flex;flex-direction:column;padding:1rem}axm-document-explorer-detail-panel>.__content>.__section>.__title{margin-bottom:1rem;font-size:.875rem;line-height:1.25rem;font-weight:700}axm-document-explorer-detail-panel>.__content>.__section>.__content{display:flex;flex-direction:column;gap:1rem}axm-document-explorer-detail-panel>.__content>.__section>.__content>.__row{display:flex;flex-direction:column;gap:.25rem}axm-document-explorer-detail-panel>.__content>.__section>.__content>.__row>.__title{display:flex;font-size:.875rem;line-height:1.25rem;font-weight:600;opacity:.9}axm-document-explorer-detail-panel>.__content>.__section>.__content>.__row>.__content{display:flex;flex-direction:row;align-items:center;gap:.5rem}axm-document-explorer-detail-panel>.__content>.__section>.__content>.__row>.__content span{opacity:.7}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i1$1.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "ngmodule", type: AXFormatModule }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i1$2.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "directive", type: i3$3.AXTranslatorDirective, selector: "[translate]" }, { kind: "pipe", type: i1$3.AsyncPipe, name: "async" }, { kind: "pipe", type: i2$2.AXFormatPipe, name: "format" }, { kind: "pipe", type: i3$3.AXTranslatorPipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: AXMDocumentExplorerDetailPanelComponent, isStandalone: true, selector: "axm-document-explorer-detail-panel", ngImport: i0, template: "<!--  Multiple Selected  -->\n@if (vm.hasMultipleSelectedItems()) {\n  <div class=\"__header\" *translate=\"let t\">\n    <div class=\"__title\">\n      <i class=\"fa-fw fa-lg fa-solid\"></i>\n      <span> {{ vm.selectedCount() }} {{ '@general:terms.items-selected' | translate | async }}</span>\n    </div>\n    <ax-button [look]=\"'blank'\" class=\"ax-sm ax-rounded-full\" (onClick)=\"vm.closeDetailPanel()\">\n      <ax-icon icon=\"fa-solid fa-xmark\"></ax-icon>\n    </ax-button>\n  </div>\n  <div class=\"__content\"></div>\n}\n<!-- Single Selected -->\n@else {\n  <!-- Info -->\n  @let nodeInfo = vm.getNodeInfo((vm.selectedNode() ?? vm.currentFolder())!);\n  <div class=\"__header\">\n    <div class=\"__title\">\n      <i class=\"fa-fw fa-lg {{ nodeInfo.icon }} fa-solid\"></i>\n      <span>{{ nodeInfo.name }}</span>\n    </div>\n    <ax-button [look]=\"'blank'\" class=\"ax-sm ax-rounded-full\" (onClick)=\"vm.closeDetailPanel()\">\n      <ax-icon icon=\"fa-solid fa-xmark\"></ax-icon>\n    </ax-button>\n  </div>\n  <div class=\"__content\">\n    @for (section of nodeInfo.sections; track section.title) {\n      <div class=\"__section\">\n        <div class=\"__title\">\n          <span>{{ section.title }}</span>\n        </div>\n        <div class=\"__content\">\n          @for (detail of section.details; track detail.title) {\n            <div class=\"__row\">\n              <div class=\"__title\">\n                <span>{{ detail.title }}</span>\n              </div>\n              <div class=\"__content\">\n                @if (detail.format) {\n                  <span>{{ detail.content | format: detail.format | async }}</span>\n                } @else {\n                  <span>{{ detail.content ?? '---' }}</span>\n                }\n              </div>\n            </div>\n          }\n        </div>\n      </div>\n    }\n  </div>\n}\n", styles: ["axm-document-explorer-detail-panel{display:flex;flex-direction:column;border-radius:.5rem;border-width:1px;--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);background-color:rgb(var(--ax-sys-color-lightest-surface));color:rgb(var(--ax-sys-color-on-lightest-surface));border-color:rgb(var(--ax-sys-color-border-lightest-surface))}@media (min-width: 1024px){axm-document-explorer-detail-panel{min-width:20rem}}axm-document-explorer-detail-panel>.__header{display:flex;flex-direction:row;align-items:center;justify-content:space-between;border-bottom-width:1px;padding:1rem}axm-document-explorer-detail-panel>.__header>.__title{display:flex;width:90%;flex-direction:row;align-items:center;gap:.5rem}axm-document-explorer-detail-panel>.__header>.__title span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:start;font-weight:600;line-height:1.625}axm-document-explorer-detail-panel>.__content{display:flex;flex-direction:column}axm-document-explorer-detail-panel>.__content>:not([hidden])~:not([hidden]){--tw-divide-y-reverse: 0;border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px * var(--tw-divide-y-reverse))}axm-document-explorer-detail-panel>.__content>.__section{display:flex;flex-direction:column;padding:1rem}axm-document-explorer-detail-panel>.__content>.__section>.__title{margin-bottom:1rem;font-size:.875rem;line-height:1.25rem;font-weight:700}axm-document-explorer-detail-panel>.__content>.__section>.__content{display:flex;flex-direction:column;gap:1rem}axm-document-explorer-detail-panel>.__content>.__section>.__content>.__row{display:flex;flex-direction:column;gap:.25rem}axm-document-explorer-detail-panel>.__content>.__section>.__content>.__row>.__title{display:flex;font-size:.875rem;line-height:1.25rem;font-weight:600;opacity:.9}axm-document-explorer-detail-panel>.__content>.__section>.__content>.__row>.__content{display:flex;flex-direction:row;align-items:center;gap:.5rem}axm-document-explorer-detail-panel>.__content>.__section>.__content>.__row>.__content span{opacity:.7}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i4$1.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "ngmodule", type: AXFormatModule }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i1$1.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: "directive", type: i3$2.AXTranslatorDirective, selector: "[translate]" }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }, { kind: "pipe", type: i2$3.AXFormatPipe, name: "format" }, { kind: "pipe", type: i3$2.AXTranslatorPipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AXMDocumentExplorerDetailPanelComponent, decorators: [{
             type: Component,
@@ -7807,7 +7934,12 @@ class AXMDocumentDriveComponent extends AXPPageLayoutBaseComponent {
                 break;
             case 'open-gallery':
                 if (folderId) {
-                    await this.driveService.showFileViewerPopup(this.vm.currentFolder().children[0]);
+                    const folder = this.vm.currentFolder();
+                    const files = folder?.children?.filter((item) => item.type === 'file') ?? [];
+                    const galleryFiles = this.driveService.getGallerySupportedFiles(files);
+                    if (galleryFiles.length > 0) {
+                        await this.driveService.showFileViewerPopup(galleryFiles[0]);
+                    }
                 }
                 break;
             default:
@@ -7827,11 +7959,11 @@ class AXMDocumentDriveComponent extends AXPPageLayoutBaseComponent {
             },
         ], viewQueries: [{ propertyName: "documentExplorer", first: true, predicate: AXMDocumentExplorerComponent, descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<!-- Main Layout -->\n<axp-page-layout *translate=\"let t\">\n  <axp-page-toolbar>\n    <!-- Left Side Toolbar -->\n    <axp-layout-prefix>\n      @if (vm.hasMultipleSelectedItems()) {\n        <div class=\"ax-flex ax-gap-3 ax-items-center ax-h-10\">\n          <span class=\"ax-text-xl ax-font-bold\">\n            {{ vm.selectedCount() }} {{ '@general:terms.items-selected' | translate | async }}\n          </span>\n          <span (click)=\"vm.deselectAll()\" class=\"ax-text-sm ax-text-secondary ax-underline ax-cursor-pointer\">{{\n            '@general:actions.unselect.title' | translate | async\n          }}</span>\n        </div>\n      }\n      <!---------->\n      @else {\n        <!-- Filter Dropdown -->\n        <ax-button [text]=\"t(getFilterText(), { scope: rootConfig.config.i18n }) | async\">\n          <ax-prefix>\n            <ax-icon [icon]=\"getFilterIcon()\"></ax-icon>\n          </ax-prefix>\n\n          <ax-dropdown-panel>\n            <ax-button-item-list class=\"ax-p-2\">\n              @for (item of filterItems(); track item.key) {\n                <ax-button-item\n                  (onClick)=\"setFilter(item.key)\"\n                  [text]=\"(t(item.textKey, { scope: rootConfig.config.i18n }) | async)!\"\n                >\n                  <ax-prefix>\n                    <ax-icon [icon]=\"item.icon\"></ax-icon>\n                  </ax-prefix>\n                </ax-button-item>\n              }\n            </ax-button-item-list>\n          </ax-dropdown-panel>\n        </ax-button>\n        <!-- Search Box -->\n        <ax-search-box\n          [(value)]=\"searchQuery\"\n          (onValueChanged)=\"handleSearchChange($event)\"\n          class=\"ax-w-72 ax-hidden md:ax-flex\"\n          [placeholder]=\"t('actions.search', { scope: rootConfig.config.i18n }) | async\"\n          ><ax-clear-button></ax-clear-button\n        ></ax-search-box>\n      }\n    </axp-layout-prefix>\n\n    <!-- Right Side Toolbar -->\n    <axp-layout-suffix>\n      <!-- Sort Dropdown -->\n      <ax-button>\n        <ax-icon\n          [icon]=\"'fa-light fa-arrow-' + (vm.sortDirection() === 'asc' ? 'up' : 'down') + '-wide-short'\"\n        ></ax-icon>\n        <ax-dropdown-panel>\n          <ax-button-item-list>\n            <!-- Sort By Options -->\n            @for (item of sortItems(); track item.key) {\n              <ax-button-item\n                [text]=\"(t(item.textKey, { scope: rootConfig.config.i18n }) | async)!\"\n                (onClick)=\"vm.setSortField(item.key)\"\n                [selected]=\"vm.sortField() === item.key\"\n              >\n                <ax-prefix>\n                  <ax-icon [icon]=\"item.icon\"></ax-icon>\n                </ax-prefix>\n              </ax-button-item>\n            }\n            <ax-divider></ax-divider>\n            <!-- Sort Direction Options -->\n            <ax-button-item\n              [text]=\"(t('actions.sort-ascending', { scope: rootConfig.config.i18n }) | async)!\"\n              [selected]=\"vm.sortDirection() === 'asc'\"\n              (onClick)=\"vm.setSortDirection('asc')\"\n            >\n              <ax-prefix>\n                <ax-icon icon=\"fa-light fa-arrow-up-wide-short\"></ax-icon>\n              </ax-prefix>\n            </ax-button-item>\n            <ax-button-item\n              [text]=\"(t('actions.sort-descending', { scope: rootConfig.config.i18n }) | async)!\"\n              [selected]=\"vm.sortDirection() === 'desc'\"\n              (onClick)=\"vm.setSortDirection('desc')\"\n            >\n              <ax-prefix>\n                <ax-icon icon=\"fa-light fa-arrow-down-wide-short\"></ax-icon>\n              </ax-prefix>\n            </ax-button-item>\n          </ax-button-item-list>\n        </ax-dropdown-panel>\n      </ax-button>\n\n      <!-- View Mode Toggle -->\n      <ax-button>\n        <ax-icon icon=\"fa-light {{ selectedViewMode().icon }}\"></ax-icon>\n        <ax-dropdown-panel>\n          <ax-button-item-list>\n            @for (item of viewsItems(); track item.key) {\n              <!-- view mode items -->\n              <ax-button-item\n                [text]=\"(t('view-modes.' + item.key, { scope: rootConfig.config.i18n }) | async)!\"\n                [selected]=\"vm.isViewMode(item.key)\"\n                (onClick)=\"vm.setViewMode(item.key)\"\n              >\n                <ax-prefix>\n                  <ax-icon icon=\"fa-light {{ item.icon }}\"></ax-icon>\n                </ax-prefix>\n              </ax-button-item>\n              @if (item.break) {\n                <ax-divider></ax-divider>\n              }\n              <!-- end of view mode items -->\n            }\n          </ax-button-item-list>\n        </ax-dropdown-panel>\n      </ax-button>\n\n      @if (deviceService.isLarge()) {\n        <!-- Detail Panel Toggle -->\n        <ax-button (onClick)=\"vm.toggleDetailPanel()\">\n          <ax-icon\n            icon=\"{{ vm.isDetailPanelOpen() ? 'fa-solid fa-square-info' : 'fa-light fa-square-info' }}\"\n          ></ax-icon>\n        </ax-button>\n      }\n    </axp-layout-suffix>\n  </axp-page-toolbar>\n\n  <!-- Content Section -->\n  <axp-page-content class=\"ax-overflow-auto ax-flex ax-flex-row ax-gap-4\">\n    <axm-document-explorer [selectionMode]=\"selectionMode()\"></axm-document-explorer>\n    @if (vm.isDetailPanelOpen() && deviceService.isLarge()) {\n      <axm-document-explorer-detail-panel class=\"ax-sticky ax-top-0 ax-z-50\"></axm-document-explorer-detail-panel>\n    }\n  </axp-page-content>\n\n  <!-- Footer Section removed: breadcrumbs are now provided via page-level breadcrumbs -->\n</axp-page-layout>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: RouterModule }, { kind: "ngmodule", type: 
                 //
-                AXMenuModule }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i1$2.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "component", type: i1$2.AXButtonItemComponent, selector: "ax-button-item", inputs: ["color", "disabled", "text", "selected", "divided", "data", "name"], outputs: ["onClick", "onFocus", "onBlur", "disabledChange"] }, { kind: "component", type: i1$2.AXButtonItemListComponent, selector: "ax-button-item-list", inputs: ["items", "closeParentOnClick", "lockOnLoading"], outputs: ["onItemClick"] }, { kind: "ngmodule", type: AXButtonGroupModule }, { kind: "ngmodule", type: AXDropdownButtonModule }, { kind: "ngmodule", type: AXDropdownModule }, { kind: "component", type: i2$3.AXDropdownPanelComponent, selector: "ax-dropdown-panel", inputs: ["isOpen", "fitParent", "dropdownWidth", "position", "placement", "_target", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "directive", type: i3$3.AXTranslatorDirective, selector: "[translate]" }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i1$1.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i1$1.AXDecoratorClearButtonComponent, selector: "ax-clear-button", inputs: ["icon"] }, { kind: "component", type: i1$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: AXLoadingModule }, { kind: "ngmodule", type: AXBreadcrumbsModule }, { kind: "ngmodule", type: AXBadgeModule }, { kind: "ngmodule", type: AXSearchBoxModule }, { kind: "component", type: i5.AXSearchBoxComponent, selector: "ax-search-box", inputs: ["disabled", "readonly", "tabIndex", "placeholder", "value", "state", "name", "id", "look", "class", "delayTime", "type", "autoSearch"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "readonlyChange", "disabledChange", "onKeyDown", "onKeyUp", "onKeyPress"] }, { kind: "ngmodule", type: AXFormatModule }, { kind: "ngmodule", type: AXFileModule }, { kind: "ngmodule", type: AXDateTimeModule }, { kind: "component", type: 
+                AXMenuModule }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i1$1.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: "component", type: i1$1.AXButtonItemComponent, selector: "ax-button-item", inputs: ["color", "disabled", "text", "selected", "divided", "data", "name"], outputs: ["onClick", "onFocus", "onBlur", "disabledChange"] }, { kind: "component", type: i1$1.AXButtonItemListComponent, selector: "ax-button-item-list", inputs: ["items", "closeParentOnClick", "lockOnLoading"], outputs: ["onItemClick"] }, { kind: "ngmodule", type: AXButtonGroupModule }, { kind: "ngmodule", type: AXDropdownButtonModule }, { kind: "ngmodule", type: AXDropdownModule }, { kind: "component", type: i2$4.AXDropdownPanelComponent, selector: "ax-dropdown-panel", inputs: ["isOpen", "fitParent", "dropdownWidth", "position", "placement", "_target", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "directive", type: i3$2.AXTranslatorDirective, selector: "[translate]" }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i4$1.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i4$1.AXDecoratorClearButtonComponent, selector: "ax-clear-button", inputs: ["icon"] }, { kind: "component", type: i4$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: AXLoadingModule }, { kind: "ngmodule", type: AXBreadcrumbsModule }, { kind: "ngmodule", type: AXBadgeModule }, { kind: "ngmodule", type: AXSearchBoxModule }, { kind: "component", type: i5.AXSearchBoxComponent, selector: "ax-search-box", inputs: ["disabled", "readonly", "tabIndex", "placeholder", "value", "state", "name", "id", "look", "class", "delayTime", "type", "autoSearch"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "readonlyChange", "disabledChange", "onKeyDown", "onKeyUp", "onKeyPress"] }, { kind: "ngmodule", type: AXFormatModule }, { kind: "ngmodule", type: AXFileModule }, { kind: "ngmodule", type: AXDateTimeModule }, { kind: "component", type: 
                 //
                 AXPPageLayoutComponent, selector: "axp-page-layout" }, { kind: "component", type: AXPThemeLayoutBlockComponent, selector: "    axp-page-content,     axp-page-footer-container,    axp-page-footer,    axp-page-header,    axp-page-header-container,    axp-page-toolbar,    axp-layout-content,     axp-layout-page-content,     axp-layout-sections,    axp-layout-body,    axp-layout-page-body,    axp-layout-prefix,    axp-layout-suffix,    axp-layout-title-bar,    axp-layout-title,     axp-layout-title-actions,     axp-layout-nav-button,     axp-layout-description,     axp-layout-breadcrumbs,    axp-layout-list-action,    " }, { kind: "component", type: 
                 //
-                AXMDocumentExplorerComponent, selector: "axm-document-explorer", inputs: ["browseMode", "viewMode", "selectionMode", "showContextMenu"] }, { kind: "component", type: AXMDocumentExplorerDetailPanelComponent, selector: "axm-document-explorer-detail-panel" }, { kind: "pipe", type: i1$3.AsyncPipe, name: "async" }, { kind: "pipe", type: i3$3.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+                AXMDocumentExplorerComponent, selector: "axm-document-explorer", inputs: ["browseMode", "viewMode", "selectionMode", "showContextMenu"] }, { kind: "component", type: AXMDocumentExplorerDetailPanelComponent, selector: "axm-document-explorer-detail-panel" }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }, { kind: "pipe", type: i3$2.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AXMDocumentDriveComponent, decorators: [{
             type: Component,
@@ -7893,5 +8025,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { AXMArchiveFileTypeProvider, AXMAudioFileTypeProvider, AXMCodeFileTypeProvider, AXMDocumentDriveComponent, AXMDocumentExplorerComponent, AXMDocumentFileTypeProvider, AXMDocumentManagementDocumentEntityModule, AXMDocumentManagementDocumentTypeEntityModule, AXMDocumentManagementDocumentTypeMetaDefinitionEntityModule, AXMDocumentManagementDocumentTypeMetaDefinitionEntityService, AXMDocumentManagementDocumentTypeMetaDefinitionEntityServiceImpl, AXMDocumentManagementDocumentTypeMetaValueEntityModule, AXMDocumentManagementDocumentTypeMetaValueEntityService, AXMDocumentManagementDocumentTypeMetaValueEntityServiceImpl, AXMDocumentManagementDocumentTypeStatusDefinitionEntityModule, AXMDocumentManagementDocumentTypeStatusDefinitionEntityService, AXMDocumentManagementDocumentTypeStatusDefinitionEntityServiceImpl, AXMDocumentManagementModule, AXMDocumentManagerService, AXMDocumentReletedEntityModule, AXMDocumentService, AXMDocumentServiceImpl, AXMDocumentTypeService, AXMDocumentTypeServiceImpl, AXMEntityProvider, AXMFileTypeExtensionWidgetColumnComponent, AXMFileTypeExtensionWidgetDesignerComponent, AXMFileTypeExtensionWidgetEditComponent, AXMFileTypeExtensionWidgetViewComponent, AXMFileTypeModule, AXMFileViewerPopupComponent, AXMFolderEntityModule, AXMFolderPathBreadcrumbsComponent, AXMFolderService, AXMFolderServiceImpl, AXMImageFileTypeProvider, AXMMenuProvider, AXMPermissionsKeys, AXMReviewEntityModule, AXMReviewService, AXMReviewServiceImpl, AXMSearchCommandProvider, AXMSettingProvider, AXMVideoFileTypeProvider, AXPDocumentExplorerSettings, AXPDocumentExplorerViewModel, AXPDocumentManagementFeatureKeys, AXPDocumentManagementMenuKeys, AXPDocumentManagementService, AXmFileTypeExtensionWidget, RootConfig, ScopedDriveService, canTransition, documentFactory, documentRelatedFactory, documentTypeFactory, documentTypeMetaDefinitionfactory, documentTypeMetaValueFactory, documentTypeStatusDefinitionFactory, folderFactory, getNextStatus, reviewFactory };
+export { AXMArchiveFileTypeProvider, AXMAudioFileTypeProvider, AXMCodeFileTypeProvider, AXMDocumentDriveComponent, AXMDocumentExplorerComponent, AXMDocumentFileTypeProvider, AXMDocumentManagementDocumentEntityModule, AXMDocumentManagementDocumentTypeEntityModule, AXMDocumentManagementDocumentTypeMetaDefinitionEntityModule, AXMDocumentManagementDocumentTypeMetaDefinitionEntityService, AXMDocumentManagementDocumentTypeMetaDefinitionEntityServiceImpl, AXMDocumentManagementDocumentTypeMetaValueEntityModule, AXMDocumentManagementDocumentTypeMetaValueEntityService, AXMDocumentManagementDocumentTypeMetaValueEntityServiceImpl, AXMDocumentManagementDocumentTypeStatusDefinitionEntityModule, AXMDocumentManagementDocumentTypeStatusDefinitionEntityService, AXMDocumentManagementDocumentTypeStatusDefinitionEntityServiceImpl, AXMDocumentManagementModule, AXMDocumentManagerService, AXMDocumentReletedEntityModule, AXMDocumentService, AXMDocumentServiceImpl, AXMDocumentTypeService, AXMDocumentTypeServiceImpl, AXMEntityProvider, AXMFileGalleryPopupComponent, AXMFileTypeExtensionWidgetColumnComponent, AXMFileTypeExtensionWidgetDesignerComponent, AXMFileTypeExtensionWidgetEditComponent, AXMFileTypeExtensionWidgetViewComponent, AXMFileTypeModule, AXMFolderEntityModule, AXMFolderPathBreadcrumbsComponent, AXMFolderService, AXMFolderServiceImpl, AXMImageFileTypeProvider, AXMMenuProvider, AXMPermissionsKeys, AXMReviewEntityModule, AXMReviewService, AXMReviewServiceImpl, AXMSearchCommandProvider, AXMSettingProvider, AXMVideoFileTypeProvider, AXPDocumentExplorerSettings, AXPDocumentExplorerViewModel, AXPDocumentManagementFeatureKeys, AXPDocumentManagementMenuKeys, AXPDocumentManagementService, AXmFileTypeExtensionWidget, RootConfig, ScopedDriveService, canTransition, documentFactory, documentRelatedFactory, documentTypeFactory, documentTypeMetaDefinitionfactory, documentTypeMetaValueFactory, documentTypeStatusDefinitionFactory, folderFactory, getNextStatus, reviewFactory };
 //# sourceMappingURL=acorex-modules-document-management.mjs.map