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

package/document-management/lib/features/document-explorer/components/create-folder-dialog/create-folder-dialog.component.d.ts

@@ -2,16 +2,19 @@ import { AXDataSource, AXValueChangedEvent } from '@acorex/components/common';
 import { AXFormComponent } from '@acorex/components/form';
 import { AXBasePageComponent } from '@acorex/components/page';
 import { AXMDocumentManagementDocumentTypeEntityModel } from '../../../../entities/document-type/document-type.types';
+import { AXMDocumentExplorerNode, AXMNodeType } from '../../../drive';
 import * as i0 from "@angular/core";
 export declare class AXMCreateFolderDialog extends AXBasePageComponent {
     private driveService;
     private documentTypeService;
+    defaultValue?: AXMDocumentExplorerNode;
     parentId?: string;
     protected name: import("@angular/core").ModelSignal<string>;
     protected color: import("@angular/core").ModelSignal<string>;
     protected description: import("@angular/core").ModelSignal<string>;
-    protected selectedDocumentTypes: never[];
+    protected selectedDocumentTypes: import("@angular/core").WritableSignal<AXMNodeType[]>;
     protected dataSource: AXDataSource<AXMDocumentManagementDocumentTypeEntityModel>;
+    protected ngOnInit(): void;
     protected handleValueChange(event: AXValueChangedEvent): void;
     handleSubmitButton(form: AXFormComponent): Promise<void>;
     onCancel(): void;

package/document-management/lib/features/document-explorer/document-explorer.component.d.ts

@@ -199,11 +199,13 @@ export declare class AXMDocumentExplorerComponent {
     protected handleContextMenuOnOpening(e: AXContextMenuOpeningEvent): Promise<void>;
     protected handleContextMenuRootOnOpening(e: AXContextMenuOpeningEvent): Promise<void>;
     protected handleContextMenuItemClick(e: AXContextMenuItemsClickEvent): Promise<void>;
+    protected showFolderProperty(node: AXMDocumentExplorerNode): Promise<void>;
     protected share(node: AXMDocumentExplorerNode): Promise<void>;
     protected shareWithEmail(node: AXMDocumentExplorerNode): Promise<void>;
     protected link(node: AXMDocumentExplorerNode): Promise<void>;
     protected lock(node: AXMDocumentExplorerNode): Promise<void>;
     protected unlock(node: AXMDocumentExplorerNode): Promise<void>;
+    protected openGalleryWithFolderId(): Promise<void>;
     protected openGallery(node: AXMDocumentExplorerNode): Promise<void>;
     protected openFile(node: AXMDocumentExplorerNode): Promise<void>;
     protected handleDownloadFile(node: AXMDocumentExplorerNode): void;

package/document-management/lib/features/shared/document-manager.service.d.ts

@@ -74,6 +74,7 @@ export interface AXMDocumentManagerServiceInterface {
     showLinkDialog(node: AXMDocumentExplorerNode): Promise<void>;
     showLockDialog(node: AXMDocumentExplorerNode): Promise<void>;
     showUnlockDialog(node: AXMDocumentExplorerNode): Promise<void>;
+    showFolderEditDialog(node: AXMDocumentExplorerNode): Promise<boolean>;
     updateFileName(node: AXMDocumentExplorerNode, name: string): Promise<AXMDocumentExplorerNode>;
 }
 /**
@@ -121,6 +122,7 @@ export declare class AXMDocumentManagerService implements AXMDocumentManagerServ
     showLinkDialog(node: AXMDocumentExplorerNode): Promise<void>;
     showLockDialog(node: AXMDocumentExplorerNode): Promise<void>;
     showUnlockDialog(node: AXMDocumentExplorerNode): Promise<void>;
+    showFolderEditDialog(node: AXMDocumentExplorerNode): Promise<boolean>;
     updateFileName(node: AXMDocumentExplorerNode, name: string): Promise<AXMDocumentExplorerNode>;
     /**
      * Gets the root folder based on the specified scope

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

@@ -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-C9YP1aFi.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-C9YP1aFi.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-Bo-I7TN5.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-Bo-I7TN5.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,7 +3466,14 @@ 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, {
@@ -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-DEhPxW3b.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-Bo-I7TN5.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-BPkaAGjR.mjs')).AXMDocumentExplorerListViewComponent,
+            'small-tiles': async () => (await import('./acorex-modules-document-management-small-tiles-view.component-C_SlJ79h.mjs')).AXMDocumentExplorerSmallTilesViewComponent,
+            'large-tiles': async () => (await import('./acorex-modules-document-management-large-tiles-view.component-Cw5yZ851.mjs')).AXMDocumentExplorerLargeTilesViewComponent,
+            details: async () => (await import('./acorex-modules-document-management-details-view.component-BFMgAxeK.mjs')).AXMDocumentExplorerDetailsViewComponent,
+            'large-icons': async () => (await import('./acorex-modules-document-management-large-icons-view.component-CZ-GUtnO.mjs')).AXMDocumentExplorerLargeIconsViewComponent,
+            'small-icons': async () => (await import('./acorex-modules-document-management-small-icons-view.component-Cz-sHFPj.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,
@@ -4760,7 +4792,6 @@ 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);
             });
@@ -4775,11 +4806,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 #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", 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 #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" }]
         }] });
 
 var fileViewerPopup_component = /*#__PURE__*/Object.freeze({
@@ -4962,12 +4993,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 +5067,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:
@@ -5156,6 +5188,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);
                     }
@@ -5601,4 +5634,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-C36haVZ_.mjs.map