@acorex/modules 19.3.0-next.0 → 19.3.0-next.2

package/fesm2022/{acorex-modules-document-management-acorex-modules-document-management-CI0m4lpX.mjs → acorex-modules-document-management-acorex-modules-document-management-By3KxyQi.mjs}

@@ -5,7 +5,7 @@ import * as i0 from '@angular/core';
 import { inject, Injector, Injectable, NgModule, ChangeDetectionStrategy, Component, signal, computed, viewChild, input, effect, ViewEncapsulation, afterNextRender, untracked, HostListener } from '@angular/core';
 import { firstValueFrom } from 'rxjs';
 import * as i6 from '@acorex/platform/layout/builder';
-import { AXPWidgetsCatalog, AXPWidgetComponent, AXPLayoutBuilderModule, AXP_WIDGETS_ADVANCE_CATEGORY, AXPPageStatus, AXP_WIDGETS_EDITOR_CATEGORY } from '@acorex/platform/layout/builder';
+import { AXPWidgetsCatalog, AXPValueWidgetComponent, AXPLayoutBuilderModule, AXP_WIDGETS_ADVANCE_CATEGORY, AXPPageStatus, AXP_WIDGETS_EDITOR_CATEGORY } from '@acorex/platform/layout/builder';
 import { RouterModule, Router, ActivatedRoute, ROUTES } from '@angular/router';
 import { AXDataSource } from '@acorex/components/common';
 import { AXMMetaDataDefinitionService } from '@acorex/modules/platform-management';
@@ -2586,7 +2586,7 @@ class AXMCodeFileTypeProvider {
     }
 }
 
-class AXMFileTypeExtensionWidgetColumnComponent extends AXPWidgetComponent {
+class AXMFileTypeExtensionWidgetColumnComponent extends AXPValueWidgetComponent {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMFileTypeExtensionWidgetColumnComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.3", type: AXMFileTypeExtensionWidgetColumnComponent, isStandalone: true, selector: "ng-component", inputs: { rawValue: "rawValue" }, usesInheritance: true, ngImport: i0, template: ``, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
@@ -2605,7 +2605,7 @@ var fileTypeExtensionColumn_component = /*#__PURE__*/Object.freeze({
     AXMFileTypeExtensionWidgetColumnComponent: AXMFileTypeExtensionWidgetColumnComponent
 });
 
-class AXMFileTypeExtensionWidgetDesignerComponent extends AXPWidgetComponent {
+class AXMFileTypeExtensionWidgetDesignerComponent extends AXPValueWidgetComponent {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMFileTypeExtensionWidgetDesignerComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.3", type: AXMFileTypeExtensionWidgetDesignerComponent, isStandalone: true, selector: "ng-component", inputs: { rawValue: "rawValue" }, usesInheritance: true, ngImport: i0, template: ``, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
@@ -2619,7 +2619,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImpor
                 }]
         }] });
 
-class AXMFileTypeExtensionWidgetEditComponent extends AXPWidgetComponent {
+class AXMFileTypeExtensionWidgetEditComponent extends AXPValueWidgetComponent {
     constructor() {
         super(...arguments);
         this.fileTypeService = inject(AXPFileTypeProviderService);
@@ -2783,7 +2783,7 @@ class AXMFileTypeExtensionWidgetEditComponent extends AXPWidgetComponent {
       </ax-collapse-group>
       }
     </axp-widgets-container>
-  </div>`, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { 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", "dataSource", "minRecordsForSearch", "caption", "itemTemplate", "selectedTemplate", "emptyTemplate", "loadingTemplate", "dropdownWidth", "searchBoxAutoFocus"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "readonlyChange", "disabledChange", "onOpened", "onClosed"] }, { 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: i2$1.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXPLayoutBuilderModule }, { 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"], 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: CommonModule }, { 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", "dataSource", "minRecordsForSearch", "caption", "itemTemplate", "selectedTemplate", "emptyTemplate", "loadingTemplate", "dropdownWidth", "searchBoxAutoFocus"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "readonlyChange", "disabledChange", "onOpened", "onClosed"] }, { 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: i2$1.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXPLayoutBuilderModule }, { 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"], 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: "19.0.3", ngImport: i0, type: AXMFileTypeExtensionWidgetEditComponent, decorators: [{
             type: Component,
@@ -2867,7 +2867,7 @@ var fileTypeExtensionEdit_component = /*#__PURE__*/Object.freeze({
     AXMFileTypeExtensionWidgetEditComponent: AXMFileTypeExtensionWidgetEditComponent
 });
 
-class AXMFileTypeExtensionWidgetViewComponent extends AXPWidgetComponent {
+class AXMFileTypeExtensionWidgetViewComponent extends AXPValueWidgetComponent {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMFileTypeExtensionWidgetViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.3", type: AXMFileTypeExtensionWidgetViewComponent, isStandalone: true, selector: "ng-component", inputs: { rawValue: "rawValue" }, usesInheritance: true, ngImport: i0, template: ``, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
@@ -2990,7 +2990,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImpor
                 }]
         }] });
 
-class AXMDocumentAttachmentWidgetColumnComponent extends AXPWidgetComponent {
+class AXMDocumentAttachmentWidgetColumnComponent extends AXPValueWidgetComponent {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMDocumentAttachmentWidgetColumnComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.3", type: AXMDocumentAttachmentWidgetColumnComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: ``, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
@@ -3206,6 +3206,17 @@ class AXMDocumentManagerService {
             // Handle the unlock action with popup.data.data
         }
     }
+    async showFolderEditDialog(node) {
+        const comp = (await import('./acorex-modules-document-management-create-folder-dialog.component-BY-8zP2Y.mjs'))
+            .AXMCreateFolderDialog;
+        const popup = await this.popupService.open(comp, {
+            title: 't("actions.update-folder")',
+            data: {
+                defaultValue: node,
+            },
+        });
+        return popup.data?.result;
+    }
     async updateFileName(node, name) {
         if (node.storageType == 'physical') {
             return this.mapFileToNode(await this.documentService.updateOne(node.id, { name }));
@@ -3344,7 +3355,7 @@ class AXMDocumentManagerService {
         }
     }
     async showCreateFolderDialog(parentId) {
-        const comp = (await import('./acorex-modules-document-management-create-folder-dialog.component-D8anTs3Q.mjs'))
+        const comp = (await import('./acorex-modules-document-management-create-folder-dialog.component-BY-8zP2Y.mjs'))
             .AXMCreateFolderDialog;
         const popup = await this.popupService.open(comp, {
             title: 't("actions.create-folder")',
@@ -3355,7 +3366,7 @@ class AXMDocumentManagerService {
         return popup.data?.folder;
     }
     async moveTo(options) {
-        const comp = (await import('./acorex-modules-document-management-drive-choose.component-BeiXQNAw.mjs')).AXMDocumentDriveChooseComponent;
+        const comp = (await import('./acorex-modules-document-management-drive-choose.component-B9OGXyP2.mjs')).AXMDocumentDriveChooseComponent;
         //
         const popup = await this.popupService.open(comp, {
             title: `Choose ${options.browseMode == 'file' ? 'File' : 'Folder'}`,
@@ -3386,7 +3397,7 @@ class AXMDocumentManagerService {
         }
     }
     async copyTo(options) {
-        const comp = (await import('./acorex-modules-document-management-drive-choose.component-BeiXQNAw.mjs')).AXMDocumentDriveChooseComponent;
+        const comp = (await import('./acorex-modules-document-management-drive-choose.component-B9OGXyP2.mjs')).AXMDocumentDriveChooseComponent;
         //
         const popup = await this.popupService.open(comp, {
             title: `Choose ${options.browseMode == 'file' ? 'File' : 'Folder'}`,
@@ -3434,7 +3445,7 @@ class AXMDocumentManagerService {
             return {
                 id: doc.id ?? '',
                 name: doc.name,
-                type: 'image',
+                type: doc.name.endsWith('.pdf') ? 'pdf' : 'image',
                 url: fileInfo.url ?? '',
                 size: doc.size.toString(),
                 thumbnail: fileInfo.url ?? '',
@@ -3455,11 +3466,18 @@ class AXMDocumentManagerService {
         const documents = isVirtualFolder
             ? options?.folderVituralfiles ?? []
             : (await this.folderService.getOne(node.parentId)).documents ?? [];
-        const nodes = await Promise.all(documents.map((doc) => this.mapDocumentToMediaViewerData(doc)));
+        const nodes = await Promise.all(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);
+        })
+            .map((doc) => this.mapDocumentToMediaViewerData(doc)));
         const comp = (await Promise.resolve().then(function () { return fileViewerPopup_component; }))
             .AXMFileViewerPopupComponent;
         await this.popupService.open(comp, {
-            title: `t("gallery" , ${RootConfig.module.name})` + ' - ' + parentFolderName,
+            title: parentFolderName,
             data: {
                 nodes,
                 index: isVirtualFolder
@@ -3472,7 +3490,7 @@ class AXMDocumentManagerService {
         const file = await this.documentService.getOne(node.id);
     }
     async showRenamePopup(node) {
-        const comp = (await import('./acorex-modules-document-management-rename-node-dialog.component-DB868l1X.mjs'))
+        const comp = (await import('./acorex-modules-document-management-rename-node-dialog.component-Cp_X2KqY.mjs'))
             .AXMRenameNodeDialog;
         const popup = await this.popupService.open(comp, {
             title: 't("actions.rename")',
@@ -3520,7 +3538,7 @@ class AXMDocumentManagerService {
         return [...(await this.getAllFolders()), ...(await this.getAllFiles())];
     }
     async showChooseFileDialog(scope) {
-        const comp = (await import('./acorex-modules-document-management-drive-choose.component-BeiXQNAw.mjs')).AXMDocumentDriveChooseComponent;
+        const comp = (await import('./acorex-modules-document-management-drive-choose.component-B9OGXyP2.mjs')).AXMDocumentDriveChooseComponent;
         const result = await this.popupService.open(comp, {
             title: `t("actions.choose-from-drive" , scope: {"${RootConfig.config.i18n}"})`,
             data: {
@@ -3660,6 +3678,7 @@ class AXMDocumentManagerService {
                 const { uploads, ...metaContext } = result.data.context;
                 for (const u of uploads) {
                     const fileInfo = u;
+                    await this.fileService.commit(u.fileId);
                     const file = await this.documentService.insertOne({
                         fileId: fileInfo.fileId,
                         meta: metaContext,
@@ -4153,12 +4172,6 @@ const AXPDocumentExplorerViewModel = signalStore({ providedIn: 'root' }, withSta
     //#region Menu Items
     async getFolderAddMenuItems() {
         const scope = RootConfig.config.i18n;
-        // const documentTypes = await documentTypeService.query();
-        // const items = documentTypes.items.map(item => ({
-        //   name: item.name,
-        //   title: item.title,
-        // })) ?? [];
-        // //
         return [
             {
                 title: await translateService.translateAsync('actions.create-folder', { scope }),
@@ -4184,17 +4197,17 @@ const AXPDocumentExplorerViewModel = signalStore({ providedIn: 'root' }, withSta
                     },
                 },
             })) ?? []),
-            // {
-            //   title: await translateService.translateAsync('actions.upload-file', { scope }),
-            //   icon: 'fa-light fa-file-arrow-up',
-            //   command: {
-            //     name: 'upload-file',
-            //     options: {
-            //       folderId: store.currentFolder()?.id,
-            //     },
-            //   },
-            //   //items: items
-            // },
+            {
+                title: await translateService.translateAsync('actions.open-gallery', { scope }),
+                icon: 'fa-light fa-images',
+                break: true,
+                command: {
+                    name: 'open-gallery',
+                    options: {
+                        folderId: store.currentFolder()?.id,
+                    },
+                },
+            },
         ];
     },
     async getFolderActionMenuItems() {
@@ -4203,14 +4216,14 @@ const AXPDocumentExplorerViewModel = signalStore({ providedIn: 'root' }, withSta
                 name: 'refresh',
                 title: await translateService.translateAsync('refresh'),
                 icon: 'fa-light fa-rotate-right',
-                break: true,
-            },
-            {
-                name: 'delete',
-                title: await translateService.translateAsync('delete'),
-                color: 'danger',
-                icon: 'fa-light fa-trash',
+                // break: true,
             },
+            // {
+            //   name: 'delete',
+            //   title: await translateService.translateAsync('delete'),
+            //   color: 'danger',
+            //   icon: 'fa-light fa-trash',
+            // },
         ];
     },
     //#endregion
@@ -4235,12 +4248,12 @@ class AXMDocumentExplorerComponent {
         this.showContextMenu = input(true);
         this.view = signal(null);
         this.viewMap = {
-            list: async () => (await import('./acorex-modules-document-management-list-view.component-Cz2wNqhM.mjs')).AXMDocumentExplorerListViewComponent,
-            'small-tiles': async () => (await import('./acorex-modules-document-management-small-tiles-view.component-b2lauUIY.mjs')).AXMDocumentExplorerSmallTilesViewComponent,
-            'large-tiles': async () => (await import('./acorex-modules-document-management-large-tiles-view.component-CtCdVI_p.mjs')).AXMDocumentExplorerLargeTilesViewComponent,
-            details: async () => (await import('./acorex-modules-document-management-details-view.component-z05RykKt.mjs')).AXMDocumentExplorerDetailsViewComponent,
-            'large-icons': async () => (await import('./acorex-modules-document-management-large-icons-view.component-DctO0SZ7.mjs')).AXMDocumentExplorerLargeIconsViewComponent,
-            'small-icons': async () => (await import('./acorex-modules-document-management-small-icons-view.component-B_O5Qpmi.mjs')).AXMDocumentExplorerSmallIconsViewComponent,
+            list: async () => (await import('./acorex-modules-document-management-list-view.component-jXR4GQlh.mjs')).AXMDocumentExplorerListViewComponent,
+            'small-tiles': async () => (await import('./acorex-modules-document-management-small-tiles-view.component-BFyR4x39.mjs')).AXMDocumentExplorerSmallTilesViewComponent,
+            'large-tiles': async () => (await import('./acorex-modules-document-management-large-tiles-view.component-_u1vSWi5.mjs')).AXMDocumentExplorerLargeTilesViewComponent,
+            details: async () => (await import('./acorex-modules-document-management-details-view.component-T2Wfo1An.mjs')).AXMDocumentExplorerDetailsViewComponent,
+            'large-icons': async () => (await import('./acorex-modules-document-management-large-icons-view.component-CbS823XB.mjs')).AXMDocumentExplorerLargeIconsViewComponent,
+            'small-icons': async () => (await import('./acorex-modules-document-management-small-icons-view.component-CkoUBGKu.mjs')).AXMDocumentExplorerSmallIconsViewComponent,
         };
         this.#effect = effect(() => {
             if (this.vm.loadingFolderId() == null) {
@@ -4307,12 +4320,12 @@ class AXMDocumentExplorerComponent {
                     text: 'Upload',
                     icon: 'fa-light fa-file-arrow-up',
                     break: true,
-                    items: node?.documentTypes?.map((type) => ({
+                    items: node?.documentTypes?.map((type, index, array) => ({
                         name: `upload.${type.name}`,
                         text: type.title,
                         //  icon: type.icon,
                         icon: 'fa-light fa-file-arrow-up',
-                        break: true,
+                        break: index !== array.length - 1,
                         data: {
                             node,
                             documentType: type,
@@ -4433,6 +4446,7 @@ class AXMDocumentExplorerComponent {
             text: m.title,
         }));
         e.items.push(...mappedItems);
+        e.items[e.items.length - 1].break = false;
     }
     async handleContextMenuItemClick(e) {
         const node = e.item.data;
@@ -4444,7 +4458,12 @@ class AXMDocumentExplorerComponent {
                 this.openFile(node);
                 break;
             case 'open-gallery':
-                this.openGallery(node);
+                if (e.item.data.folderId != null) {
+                    this.openGalleryWithFolderId();
+                }
+                else {
+                    this.openGallery(node);
+                }
                 break;
             case 'download':
                 this.handleDownloadFile(node);
@@ -4468,6 +4487,9 @@ class AXMDocumentExplorerComponent {
             case 'rename':
                 this.renameNode(node);
                 break;
+            case 'properties':
+                this.showFolderProperty(node);
+                break;
             case 'delete':
                 this.vm.deleteNodes([node]);
                 break;
@@ -4501,6 +4523,11 @@ class AXMDocumentExplorerComponent {
         }
     }
     //#endregion
+    async showFolderProperty(node) {
+        if (await this.driveService.showFolderEditDialog(node)) {
+            await this.vm.refresh();
+        }
+    }
     async share(node) {
         await this.driveService.showShareDialog(node);
     }
@@ -4516,6 +4543,11 @@ class AXMDocumentExplorerComponent {
     async unlock(node) {
         await this.driveService.showUnlockDialog(node);
     }
+    async openGalleryWithFolderId() {
+        const folder = this.vm.currentFolder();
+        const files = folder.children.filter((item) => item.type === 'file');
+        await this.driveService.showFileViewerPopup(files[0]);
+    }
     async openGallery(node) {
         await this.driveService.showFileViewerPopup(node, {
             folderVituralfiles: this.vm.currentFolderContents().files,
@@ -4690,7 +4722,7 @@ class AXMChooseDocumentTypeComponent extends AXBasePageComponent {
         return get(meta, '__node__');
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMChooseDocumentTypeComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.3", type: AXMChooseDocumentTypeComponent, isStandalone: true, selector: "axm-choose-document-type", usesInheritance: true, ngImport: i0, template: "<ax-header> </ax-header>\n<ax-content>\n  <div class=\"ax-flex ax-flex-col ax-py-4 ax-px-6\">\n    <ax-label> Select Document Type </ax-label>\n    <ax-select-box\n      [dataSource]=\"documentTypesSource\"\n      textField=\"title\"\n      valueField=\"id\"\n      (onValueChanged)=\"handleChangeDocumentType($event)\"\n    >\n    </ax-select-box>\n    @if (documentTypeSelected().length > 0) {\n    <axp-widgets-container [context]=\"context()\" (onContextChanged)=\"handleContextChanged($event)\">\n      <ax-form>\n        @for(doc of documentTypeSelected()[0].meta; track doc.name) {\n        <ax-form-field>\n          <ax-label>{{ doc.title }}</ax-label>\n          <ng-container axp-widget-renderer [node]=\"getNode(doc)\" [mode]=\"'edit'\"></ng-container>\n        </ax-form-field>\n        }\n        <ng-container axp-widget-renderer [node]=\"uploadNode()\" mode=\"edit\"></ng-container>\n      </ax-form>\n    </axp-widgets-container>\n    }\n  </div>\n</ax-content>\n<ax-footer>\n  <ax-suffix>\n    <ax-button text=\"Cancel\" (onClick)=\"handleCancel()\"> </ax-button>\n    <ax-button text=\"Next\" look=\"solid\" color=\"primary\" (onClick)=\"handlesubmit()\"> </ax-button>\n  </ax-suffix>\n</ax-footer>\n", dependencies: [{ kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i2$3.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: i2$1.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXFormModule }, { kind: "component", type: i3.AXFormFieldComponent, selector: "ax-form-field", inputs: ["labelMode"] }, { kind: "component", type: i3.AXFormComponent, selector: "ax-form", inputs: ["labelMode", "look", "messageStyle", "updateOn"], outputs: ["onValidate", "updateOnChange"] }, { kind: "ngmodule", type: AXLabelModule }, { kind: "component", type: i4.AXLabelComponent, selector: "ax-label", inputs: ["required", "for"], outputs: ["requiredChange"] }, { 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", "dataSource", "minRecordsForSearch", "caption", "itemTemplate", "selectedTemplate", "emptyTemplate", "loadingTemplate", "dropdownWidth", "searchBoxAutoFocus"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "readonlyChange", "disabledChange", "onOpened", "onClosed"] }, { kind: "ngmodule", type: AXPLayoutBuilderModule }, { 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"], exportAs: ["widgetRenderer"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.3", type: AXMChooseDocumentTypeComponent, isStandalone: true, selector: "axm-choose-document-type", usesInheritance: true, ngImport: i0, template: "<ax-header> </ax-header>\n<ax-content>\n  <div class=\"ax-flex ax-flex-col ax-py-4 ax-px-6\">\n    <ax-label> Select Document Type </ax-label>\n    <ax-select-box\n      [dataSource]=\"documentTypesSource\"\n      textField=\"title\"\n      valueField=\"id\"\n      (onValueChanged)=\"handleChangeDocumentType($event)\"\n    >\n    </ax-select-box>\n    @if (documentTypeSelected().length > 0) {\n    <axp-widgets-container [context]=\"context()\" (onContextChanged)=\"handleContextChanged($event)\">\n      <ax-form>\n        @for(doc of documentTypeSelected()[0].meta; track doc.name) {\n        <ax-form-field>\n          <ax-label>{{ doc.title }}</ax-label>\n          <ng-container axp-widget-renderer [node]=\"getNode(doc)\" [mode]=\"'edit'\"></ng-container>\n        </ax-form-field>\n        }\n        <ng-container axp-widget-renderer [node]=\"uploadNode()\" mode=\"edit\"></ng-container>\n      </ax-form>\n    </axp-widgets-container>\n    }\n  </div>\n</ax-content>\n<ax-footer>\n  <ax-suffix>\n    <ax-button text=\"Cancel\" (onClick)=\"handleCancel()\"> </ax-button>\n    <ax-button text=\"Next\" look=\"solid\" color=\"primary\" (onClick)=\"handlesubmit()\"> </ax-button>\n  </ax-suffix>\n</ax-footer>\n", dependencies: [{ kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i2$3.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: i2$1.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXFormModule }, { kind: "component", type: i3.AXFormFieldComponent, selector: "ax-form-field", inputs: ["labelMode"] }, { kind: "component", type: i3.AXFormComponent, selector: "ax-form", inputs: ["labelMode", "look", "messageStyle", "updateOn"], outputs: ["onValidate", "updateOnChange"] }, { kind: "ngmodule", type: AXLabelModule }, { kind: "component", type: i4.AXLabelComponent, selector: "ax-label", inputs: ["required", "for"], outputs: ["requiredChange"] }, { 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", "dataSource", "minRecordsForSearch", "caption", "itemTemplate", "selectedTemplate", "emptyTemplate", "loadingTemplate", "dropdownWidth", "searchBoxAutoFocus"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "readonlyChange", "disabledChange", "onOpened", "onClosed"] }, { kind: "ngmodule", type: AXPLayoutBuilderModule }, { 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"], exportAs: ["widgetRenderer"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMChooseDocumentTypeComponent, decorators: [{
             type: Component,
@@ -4747,7 +4779,7 @@ class AXMDocumentTypeChooseFileComponent extends AXBasePageComponent {
         return get(meta, '__node__');
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMDocumentTypeChooseFileComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.3", type: AXMDocumentTypeChooseFileComponent, isStandalone: true, selector: "axm-choose-document-type", usesInheritance: true, ngImport: i0, template: "<ax-content>\n  <div class=\"ax-flex ax-flex-col ax-py-4 ax-px-6\">\n    <axp-widgets-container [context]=\"context()\" (onContextChanged)=\"handleContextChanged($event)\">\n      <ax-form>\n        @for(doc of documentType.meta; track doc.name) {\n        <ax-form-field>\n          <ax-label>{{ doc.title }}</ax-label>\n          <ng-container axp-widget-renderer [node]=\"getNode(doc)\" [mode]=\"'edit'\"></ng-container>\n        </ax-form-field>\n        }\n        <ng-container axp-widget-renderer [node]=\"uploadNode()\" mode=\"edit\"></ng-container>\n      </ax-form>\n    </axp-widgets-container>\n  </div>\n</ax-content>\n<ax-footer>\n  <ax-suffix>\n    <ax-button text=\"Cancel\" (onClick)=\"handleCancel()\"> </ax-button>\n    <ax-button text=\"Submit\" look=\"solid\" color=\"primary\" (onClick)=\"handlesubmit()\"> </ax-button>\n  </ax-suffix>\n</ax-footer>\n", dependencies: [{ kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i2$3.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: i2$1.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXFormModule }, { kind: "component", type: i3.AXFormFieldComponent, selector: "ax-form-field", inputs: ["labelMode"] }, { kind: "component", type: i3.AXFormComponent, selector: "ax-form", inputs: ["labelMode", "look", "messageStyle", "updateOn"], outputs: ["onValidate", "updateOnChange"] }, { kind: "ngmodule", type: AXLabelModule }, { kind: "component", type: i4.AXLabelComponent, selector: "ax-label", inputs: ["required", "for"], outputs: ["requiredChange"] }, { kind: "ngmodule", type: AXSelectBoxModule }, { kind: "ngmodule", type: AXPLayoutBuilderModule }, { 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"], exportAs: ["widgetRenderer"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.3", type: AXMDocumentTypeChooseFileComponent, isStandalone: true, selector: "axm-choose-document-type", usesInheritance: true, ngImport: i0, template: "<ax-content>\n  <div class=\"ax-flex ax-flex-col ax-py-4 ax-px-6\">\n    <axp-widgets-container [context]=\"context()\" (onContextChanged)=\"handleContextChanged($event)\">\n      <ax-form>\n        @for(doc of documentType.meta; track doc.name) {\n        <ax-form-field>\n          <ax-label>{{ doc.title }}</ax-label>\n          <ng-container axp-widget-renderer [node]=\"getNode(doc)\" [mode]=\"'edit'\"></ng-container>\n        </ax-form-field>\n        }\n        <ng-container axp-widget-renderer [node]=\"uploadNode()\" mode=\"edit\"></ng-container>\n      </ax-form>\n    </axp-widgets-container>\n  </div>\n</ax-content>\n<ax-footer>\n  <ax-suffix>\n    <ax-button text=\"Cancel\" (onClick)=\"handleCancel()\"> </ax-button>\n    <ax-button text=\"Submit\" look=\"solid\" color=\"primary\" (onClick)=\"handlesubmit()\"> </ax-button>\n  </ax-suffix>\n</ax-footer>\n", dependencies: [{ kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i2$3.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: i2$1.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXFormModule }, { kind: "component", type: i3.AXFormFieldComponent, selector: "ax-form-field", inputs: ["labelMode"] }, { kind: "component", type: i3.AXFormComponent, selector: "ax-form", inputs: ["labelMode", "look", "messageStyle", "updateOn"], outputs: ["onValidate", "updateOnChange"] }, { kind: "ngmodule", type: AXLabelModule }, { kind: "component", type: i4.AXLabelComponent, selector: "ax-label", inputs: ["required", "for"], outputs: ["requiredChange"] }, { kind: "ngmodule", type: AXSelectBoxModule }, { kind: "ngmodule", type: AXPLayoutBuilderModule }, { 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"], exportAs: ["widgetRenderer"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMDocumentTypeChooseFileComponent, decorators: [{
             type: Component,
@@ -4760,13 +4792,13 @@ class AXMFileViewerPopupComponent extends AXBasePageComponent {
         this.index = 0;
         this.mediaViewer = viewChild(AXMediaViewerContainerComponent);
         this.f = afterNextRender(() => {
-            console.log(this.mediaViewer());
             setTimeout(() => {
                 this.mediaViewer()?.goToIndex(this.index, 0);
             });
         });
     }
     ngAfterViewInit() {
+        console.log(this.index);
         //Called after ngAfterContentInit when the component's view has been initialized. Applies to components only.
         //Add 'implements AfterViewInit' to the class.
         this.mediaViewer()?.goToIndex(this.index, 0);
@@ -4775,11 +4807,11 @@ class AXMFileViewerPopupComponent extends AXBasePageComponent {
         this.close();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMFileViewerPopupComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "19.0.3", 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 #c [dataArray]=\"nodes\">\n    <ax-header class=\"ax-p-2\">\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", dependencies: [{ kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i2$1.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i2$1.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "component", type: i2$1.AXDecoratorFullScreenButtonComponent, selector: "ax-fullscreen-button" }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i2$3.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$2.AXMediaViewerContainerComponent, selector: "ax-media-viewer-container", inputs: ["dataArray", "thumbnail"] }, { kind: "component", type: i3$2.AXFileInfoComponent, selector: "ax-file-info" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "19.0.3", 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: i2$1.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i2$1.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "component", type: i2$1.AXDecoratorFullScreenButtonComponent, selector: "ax-fullscreen-button" }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i2$3.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$2.AXMediaViewerContainerComponent, selector: "ax-media-viewer-container", inputs: ["dataArray", "thumbnail"] }, { kind: "component", type: i3$2.AXFileInfoComponent, selector: "ax-file-info" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMFileViewerPopupComponent, decorators: [{
             type: Component,
-            args: [{ changeDetection: ChangeDetectionStrategy.OnPush, imports: [AXDecoratorModule, AXButtonModule, AXMediaViewerModule], template: "<ax-content>\n  <ax-media-viewer-container #c [dataArray]=\"nodes\">\n    <ax-header class=\"ax-p-2\">\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" }]
+            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"] }]
         }] });
 
 var fileViewerPopup_component = /*#__PURE__*/Object.freeze({
@@ -4962,12 +4994,14 @@ class AXMDocumentDriveComponent extends AXPBasePageComponent {
                 },
             ];
         }
+        const addItemItems = await this.vm.getFolderAddMenuItems();
+        addItemItems[addItemItems.length - 1].break = false;
         return [
             {
                 title: 't("add-item")',
                 icon: 'fa-light fa-plus',
                 color: 'primary',
-                items: await this.vm.getFolderAddMenuItems(),
+                items: addItemItems,
             },
         ];
     }
@@ -5034,10 +5068,9 @@ class AXMDocumentDriveComponent extends AXPBasePageComponent {
                     this.vm.refresh();
                 }
                 break;
-            case 'upload-file':
+            case 'open-gallery':
                 if (folderId) {
-                    await this.driveService.uploadFileByType(folderId, '37650cc4-074d-4334-ad36-d5ee1c341632');
-                    this.vm.refresh();
+                    await this.driveService.showFileViewerPopup(this.vm.currentFolder().children[0]);
                 }
                 break;
             default:
@@ -5110,7 +5143,7 @@ var drive_component = /*#__PURE__*/Object.freeze({
     AXMDocumentDriveComponent: AXMDocumentDriveComponent
 });
 
-class AXMDocumentAttachmentWidgetEditComponent extends AXPWidgetComponent {
+class AXMDocumentAttachmentWidgetEditComponent extends AXPValueWidgetComponent {
     constructor() {
         super(...arguments);
         this.vm = inject(AXPDocumentExplorerViewModel);
@@ -5156,6 +5189,7 @@ class AXMDocumentAttachmentWidgetEditComponent extends AXPWidgetComponent {
             const files = this.vm.files();
             for (const file of files) {
                 if (file.fileId && file.storageType == 'virtual') {
+                    //TODO: Check logic if correct or not
                     if (file.fileId && file.fileId.startsWith('http')) {
                         this.fileStorageService.commit(file.fileId);
                     }
@@ -5266,7 +5300,7 @@ var documentAttachmentWidgetEdit_component = /*#__PURE__*/Object.freeze({
     AXMDocumentAttachmentWidgetEditComponent: AXMDocumentAttachmentWidgetEditComponent
 });
 
-class AXMDocumentAttachmentWidgetPrintComponent extends AXPWidgetComponent {
+class AXMDocumentAttachmentWidgetPrintComponent extends AXPValueWidgetComponent {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMDocumentAttachmentWidgetPrintComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.3", type: AXMDocumentAttachmentWidgetPrintComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: ``, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
@@ -5285,7 +5319,7 @@ var documentAttachmentWidgetPrint_component = /*#__PURE__*/Object.freeze({
     AXMDocumentAttachmentWidgetPrintComponent: AXMDocumentAttachmentWidgetPrintComponent
 });
 
-class AXMDocumentAttachmentWidgetViewComponent extends AXPWidgetComponent {
+class AXMDocumentAttachmentWidgetViewComponent extends AXPValueWidgetComponent {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMDocumentAttachmentWidgetViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.3", type: AXMDocumentAttachmentWidgetViewComponent, isStandalone: true, selector: "axp-document-attachment-widget", usesInheritance: true, ngImport: i0, template: ``, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
@@ -5601,4 +5635,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImpor
  */
 
 export { AXMDocumentManagerService as A, AXMFolderServiceImpl as B, AXMEntityProvider as C, AXMMenuProvider as D, AXMSearchCommandProvider as E, AXMSettingProvider as F, RootConfig as R, AXMDocumentTypeService as a, AXPDocumentExplorerViewModel as b, AXMDocumentExplorerComponent as c, AXMFolderPathBreadcrumbsComponent as d, AXMDocumentManagementModule as e, documentFactory as f, AXMDocumentManagementDocumentEntityModule as g, AXMDocumentService as h, AXMDocumentServiceImpl as i, documentTypeFactory as j, AXMDocumentManagementDocumentTypeEntityModule as k, AXMDocumentTypeServiceImpl as l, documentTypeMetaDefinitionfactory as m, AXMDocumentManagementDocumentTypeMetaDefinitionEntityModule as n, AXMDocumentManagementDocumentTypeMetaDefinitionEntityService as o, AXMDocumentManagementDocumentTypeMetaDefinitionEntityServiceImpl as p, documentTypeMetaValueFactory as q, AXMDocumentManagementDocumentTypeMetaValueEntityModule as r, AXMDocumentManagementDocumentTypeMetaValueEntityService as s, AXMDocumentManagementDocumentTypeMetaValueEntityServiceImpl as t, documentTypeStatusDefinitionFactory as u, AXMDocumentManagementDocumentTypeStatusDefinitionEntityModule as v, AXMDocumentManagementDocumentTypeStatusDefinitionEntityService as w, AXMDocumentManagementDocumentTypeStatusDefinitionEntityServiceImpl as x, folderFactory as y, AXMFolderService as z };
-//# sourceMappingURL=acorex-modules-document-management-acorex-modules-document-management-CI0m4lpX.mjs.map
+//# sourceMappingURL=acorex-modules-document-management-acorex-modules-document-management-By3KxyQi.mjs.map