@acorex/modules 19.4.3 → 19.4.5

package/fesm2022/{acorex-modules-document-management-acorex-modules-document-management-BpmG6Dyx.mjs → acorex-modules-document-management-acorex-modules-document-management-BATdoqJi.mjs}

@@ -2,11 +2,11 @@ import { AXPSessionService, AXPAuthGuard, AXP_PERMISSION_DEFINITION_PROVIDER } f
 import { AXPSearchCommandProvider, createAllQueryView, AXPEntityCommandScope, AXPEntityQueryType, AXPFileTypeProviderService, AXP_FILE_TYPE_INFO_PROVIDER, AXPFileStorageService, AXPSettingService, AXP_MENU_PROVIDER, AXP_SETTING_DEFINITION_PROVIDER, AXP_SEARCH_PROVIDER } from '@acorex/platform/common';
 import { AXPEntityService, AXMEntityCrudServiceImpl, AXP_ENTITY_CONFIG_TOKEN, AXP_ENTITY_DEFINITION_LOADER } from '@acorex/platform/layout/entity';
 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 { inject, Injector, Injectable, NgModule, ChangeDetectionStrategy, Component, signal, viewChild, afterNextRender, computed, input, effect, ViewEncapsulation } from '@angular/core';
 import { firstValueFrom } from 'rxjs';
 import * as i6 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 { AXPWidgetsCatalog, AXPValueWidgetComponent, AXPLayoutBuilderModule, AXP_WIDGETS_ADVANCE_CATEGORY } from '@acorex/platform/layout/builder';
+import { RouterModule, ROUTES } from '@angular/router';
 import { AXDataSource } from '@acorex/cdk/common';
 import { AXMMetaDataDefinitionService } from '@acorex/modules/platform-management';
 import * as i1$1 from '@angular/common';
@@ -17,7 +17,7 @@ import * as i3$1 from '@acorex/components/decorators';
 import { AXDecoratorModule } from '@acorex/components/decorators';
 import * as i3 from '@acorex/components/form';
 import { AXFormModule } from '@acorex/components/form';
-import * as i4 from '@acorex/components/label';
+import * as i5 from '@acorex/components/label';
 import { AXLabelModule } from '@acorex/components/label';
 import * as i1 from '@acorex/components/select-box';
 import { AXSelectBoxModule } from '@acorex/components/select-box';
@@ -29,39 +29,29 @@ import { AXP_NAME_PROPERTY, AXP_DATA_PATH_PROPERTY } from '@acorex/platform/widg
 import * as i3$3 from '@acorex/components/media-viewer';
 import { AXMediaViewerContainerComponent, AXMediaViewerModule } from '@acorex/components/media-viewer';
 import * as i3$5 from '@acorex/platform/workflow';
-import { AXPWorkflowService, AXPWorkflowAction, AXPWorkflowModule } from '@acorex/platform/workflow';
+import { AXPWorkflowAction, AXPWorkflowService, AXPWorkflowModule } from '@acorex/platform/workflow';
+import { AXPopupService } from '@acorex/components/popup';
+import { AXUploaderService } from '@acorex/components/uploader';
+import * as i1$2 from '@acorex/platform/layout/components';
+import { AXPComponentSlotModule, AXP_TASK_BADGE_PROVIDERS } from '@acorex/platform/layout/components';
 import * as i2$1 from '@acorex/components/button';
-import { AXButtonModule, AXButtonComponent } from '@acorex/components/button';
-import { AXButtonGroupModule } from '@acorex/components/button-group';
-import * as i3$4 from '@acorex/components/dropdown';
-import { AXDropdownModule } from '@acorex/components/dropdown';
-import { AXDropdownButtonModule } from '@acorex/components/dropdown-button';
-import { AXFileService, AXFileModule } from '@acorex/core/file';
-import * as i4$1 from '@acorex/core/translation';
+import { AXButtonModule } from '@acorex/components/button';
+import { AXTextBoxModule } from '@acorex/components/text-box';
+import { AXCheckBoxModule } from '@acorex/components/check-box';
+import { AXPPlatformScope } from '@acorex/platform/core';
+import { AXDialogService } from '@acorex/components/dialog';
+import { AXFileService } from '@acorex/core/file';
+import { castArray, set as set$1, get as get$1 } from 'lodash-es';
+import * as i3$2 from '@acorex/core/translation';
 import { AXTranslationService, AXTranslationModule } from '@acorex/core/translation';
-import { AXPPlatformScope, resolvePlatformScopeKey, resolvePlatformScopeName, AXPDataGenerator } from '@acorex/platform/core';
+import { AXBasePageComponent } from '@acorex/components/page';
 import { AXLoadingModule } from '@acorex/components/loading';
-import * as i3$2 from '@acorex/components/menu';
+import * as i3$4 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 { AXFormatModule } from '@acorex/core/format';
 import { AXPLayoutThemeService } from '@acorex/platform/themes/shared';
-import { castArray, get as get$1, set as set$1 } from 'lodash-es';
-import { AXDialogService } from '@acorex/components/dialog';
-import { AXPopupService } from '@acorex/components/popup';
 import { signalStore, withState, withComputed, withMethods, patchState } from '@ngrx/signals';
-import { AXBadgeModule } from '@acorex/components/badge';
-import { AXBreadcrumbsModule } from '@acorex/components/breadcrumbs';
-import * as i6$1 from '@acorex/components/search-box';
-import { AXSearchBoxModule } from '@acorex/components/search-box';
-import { AXPPageLayoutBaseComponent, AXPPageLayoutComponent, AXPPageLayoutBase } from '@acorex/platform/layout/views';
-import * as i1$2 from '@acorex/platform/layout/components';
-import { AXPThemeLayoutBlockComponent, AXPComponentSlotModule, AXP_TASK_BADGE_PROVIDERS } from '@acorex/platform/layout/components';
-import { AXBasePageComponent } from '@acorex/components/page';
-import { AXUploaderService } from '@acorex/components/uploader';
-import { AXTextBoxModule } from '@acorex/components/text-box';
-import { AXCheckBoxModule } from '@acorex/components/check-box';
 
 const config = {
     i18n: 'document-management',
@@ -384,7 +374,7 @@ async function documentFactory(injector) {
                 schema: {
                     dataType: 'string',
                     interface: {
-                        type: AXPWidgetsCatalog.file,
+                        type: AXPWidgetsCatalog.fileUploader,
                         options: {
                             maxFileSize: ` {{context.eval("type.maxSize")}} `,
                             multiple: ` {{context.eval("type.multiple")}} `,
@@ -2788,7 +2778,7 @@ class AXMFileTypeExtensionWidgetEditComponent extends AXPValueWidgetComponent {
         </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: i3$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 }); }
+  </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: i5.AXLabelComponent, selector: "ax-label", inputs: ["required", "for"], outputs: ["requiredChange"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i3$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.2.10", ngImport: i0, type: AXMFileTypeExtensionWidgetEditComponent, decorators: [{
             type: Component,
@@ -3000,30 +2990,111 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImpo
                 }]
         }] });
 
-class AXMDocumentAttachmentWidgetColumnComponent extends AXPValueWidgetComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: AXMDocumentAttachmentWidgetColumnComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.10", type: AXMDocumentAttachmentWidgetColumnComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: ``, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+class AXMCheckDocumentTypeWorkflowAction extends AXPWorkflowAction {
+    async execute(context) {
+        const documentType = context.getVariable('documentType');
+        if (documentType) {
+            context.setOutput('need-choose-document-type', false);
+        }
+        else {
+            context.setOutput('need-choose-document-type', true);
+        }
+    }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: AXMDocumentAttachmentWidgetColumnComponent, decorators: [{
-            type: Component,
-            args: [{
-                    template: ``,
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    imports: [CommonModule],
-                    inputs: [],
-                }]
-        }] });
+class AXMChooseDocumentTypeWorkflowAction extends AXPWorkflowAction {
+    constructor() {
+        super(...arguments);
+        this.popupService = inject(AXPopupService);
+    }
+    async execute(context) {
+        const comp = (await Promise.resolve().then(function () { return index; })).AXMDocumentTypeChooseFileComponent;
+        const result = await this.popupService.open(comp);
+        if (result.data != null && result.data.documentTypeId != null) {
+            context.setVariable('documentTypeId', result.data.documentTypeId);
+            context.setOutput('isCanceled', false);
+        }
+        else {
+            context.setOutput('isCanceled', true);
+        }
+    }
+}
+class AXMChooseFileWorkflowAction extends AXPWorkflowAction {
+    constructor() {
+        super(...arguments);
+        this.documentTypeService = inject(AXMDocumentTypeService);
+        this.uploadService = inject(AXUploaderService);
+    }
+    async execute(context) {
+        var doc = context.getVariable('documentType');
+        if (!doc) {
+            const docId = context.getVariable('documentTypeId');
+            doc = await this.documentTypeService.getOne(docId);
+        }
+        this.uploadService.browse({
+            //accept: doc.type,
+            multiple: doc.isMultiple,
+        });
+    }
+}
+const AXMUploadWorkflow = {
+    startStepId: 'check-document-type',
+    steps: {
+        'check-document-type': {
+            action: 'AXMCheckDocumentTypeWorkflowAction',
+            nextSteps: [
+                {
+                    conditions: [{ type: 'SINGLE', expression: 'context.getOutput("need-choose-document-type") == true' }],
+                    nextStepId: 'choose-document-type',
+                },
+            ],
+        },
+        'choose-document-type': {
+            action: 'AXMChooseDocumentTypeWorkflowAction',
+            nextSteps: [
+                {
+                    conditions: [{ type: 'SINGLE', expression: 'context.getOutput("isCanceled") == false' }],
+                    nextStepId: 'file-browser',
+                },
+            ],
+        },
+        'file-browser': {
+            action: 'AXMChooseFileWorkflowAction',
+            nextSteps: [
+                {
+                    conditions: [],
+                    nextStepId: 'dispatch-event',
+                },
+            ],
+        },
+    },
+};
 
-var documentAttachmentWidgetColumn_component = /*#__PURE__*/Object.freeze({
-    __proto__: null,
-    AXMDocumentAttachmentWidgetColumnComponent: AXMDocumentAttachmentWidgetColumnComponent
-});
+class AXMTaskBadgeProviderSample1 {
+    constructor() {
+        this.count = signal(0);
+        this.key = 'badge-1';
+        this.count.set(10);
+    }
+}
+class AXMTaskBadgeProviderSample2 {
+    constructor() {
+        this.count = signal(5);
+        this.key = 'badge-2';
+        setInterval(() => {
+            this.count.update(c => c + 1);
+        }, 30000);
+    }
+}
 
+//#region ----   Imports   ----
+//#endregion
+//#region ----   Service Implementation   ----
 /**
  * Service for handling document drive operations
  */
 class AXMDocumentManagerService {
     constructor() {
+        //#region ----   Services & Dependencies   ----
         this.folderService = inject(AXMFolderService);
         this.sessionService = inject(AXPSessionService);
         this.documentService = inject(AXMDocumentService);
@@ -3032,7 +3103,15 @@ class AXMDocumentManagerService {
         this.fileService = inject(AXPFileStorageService);
         this.fileManagerService = inject(AXFileService);
         this.workflow = inject(AXPWorkflowService);
+        this.translate = inject(AXTranslationService);
+        //#endregion
+        //#region ----   Private Properties   ----
         this.scopedDriveCache = new Map();
+        //#endregion
+        //#region ----   Mapping Methods   ----
+        /**
+         * Maps folder entity to document explorer node
+         */
         this.mapFolderDtoToFolderNode = (folder) => {
             return {
                 id: folder.id,
@@ -3046,6 +3125,7 @@ class AXMDocumentManagerService {
                 size: folder.size,
                 documentTypes: folder.documentTypes,
                 storageType: 'physical',
+                inherit: folder.inherit,
                 children: [
                     ...(folder.folders?.map(this.mapFolderDtoToFolderNode) || []),
                     ...(folder.documents?.map(this.mapFileToNode) || []),
@@ -3053,6 +3133,11 @@ class AXMDocumentManagerService {
             };
         };
     }
+    //#endregion
+    //#region ----   Scope Management Methods   ----
+    /**
+     * Creates a scoped drive service for the specified platform scope
+     */
     scope(scope, options) {
         const cacheKey = this.getScopeCacheKey(scope, options);
         if (!this.scopedDriveCache.has(cacheKey)) {
@@ -3060,12 +3145,16 @@ class AXMDocumentManagerService {
         }
         return this.scopedDriveCache.get(cacheKey);
     }
+    /**
+     * Generates a cache key for the scoped drive service
+     */
     getScopeCacheKey(scope, options) {
         return scope;
     }
+    //#endregion
+    //#region ----   Private Helper Methods   ----
     /**
      * Gets the platform root folder (top-level folder)
-     * @returns Root folder for the platform
      */
     async getPlatformRootFolder() {
         const result = await this.folderService.query({
@@ -3088,9 +3177,6 @@ class AXMDocumentManagerService {
     }
     /**
      * Gets the tenant root folder
-     * @param rootFolderId The platform root folder ID
-     * @param tenantId The tenant ID
-     * @returns Tenant root folder
      */
     async getTenantRootFolder(rootFolder, tenantId) {
         if (!tenantId) {
@@ -3120,10 +3206,6 @@ class AXMDocumentManagerService {
     }
     /**
      * Gets the user root folder
-     * @param tenantFolderId The tenant folder ID
-     * @param tenantId The tenant ID
-     * @param userId The user ID
-     * @returns User root folder
      */
     async getUserRootFolder(tenantFolderId, tenantId, userId) {
         if (!tenantId || !userId) {
@@ -3147,6 +3229,52 @@ class AXMDocumentManagerService {
         }
         return result.items[0];
     }
+    /**
+     * Maps file entity to document explorer node
+     */
+    mapFileToNode(file) {
+        return {
+            id: file.id,
+            name: file.name,
+            type: 'file',
+            parentId: file.parentId,
+            modifiedAt: file.updatedAt,
+            createdAt: file.createdAt,
+            size: file.size,
+            fileId: file.fileId,
+            storageType: 'physical',
+            meta: file.meta,
+        };
+    }
+    /**
+     * Maps document to media viewer data
+     */
+    async mapDocumentToMediaViewerData(doc) {
+        if (!doc.fileId?.startsWith('http')) {
+            const fileInfo = await this.fileService.getInfo(doc.fileId);
+            return {
+                id: doc.id ?? '',
+                name: doc.name,
+                type: doc.name.endsWith('.pdf') ? 'pdf' : 'image',
+                url: fileInfo.url ?? '',
+                size: doc.size.toString(),
+                thumbnail: fileInfo.url ?? '',
+            };
+        }
+        return {
+            id: doc.id ?? '',
+            name: doc.name,
+            type: doc.meta?.['type'] ?? 'image',
+            url: doc.fileId ?? '',
+            size: doc.size.toString(),
+            thumbnail: doc.fileId ?? '',
+        };
+    }
+    //#endregion
+    //#region ----   Utility Methods   ----
+    /**
+     * Builds navigation path for a node
+     */
     async buildPath(node, stopFolderId) {
         if (node.type === 'file') {
             return (await this.documentService.getPath(node.id, stopFolderId)).map(this.mapFolderDtoToFolderNode);
@@ -3155,92 +3283,23 @@ class AXMDocumentManagerService {
             return (await this.folderService.getPath(node.id, stopFolderId)).map(this.mapFolderDtoToFolderNode);
         }
     }
-    async showShareDialog(node) {
-        const comp = (await import('./acorex-modules-document-management-share-dialog.component-Diof2rpe.mjs')).AXMShareDialogComponent;
-        const popup = await this.popupService.open(comp, {
-            title: 'Share',
-            data: {
-                node,
-            },
-        });
-        if (popup.data?.result) {
-            // Handle the share action with popup.data.data
-        }
-    }
-    async showShareWithEmailDialog(node) {
-        const comp = (await import('./acorex-modules-document-management-share-email-dialog.component-Bj6G6aqt.mjs'))
-            .AXMShareEmailDialogComponent;
-        const popup = await this.popupService.open(comp, {
-            title: 'Share via Email',
-            data: {
-                node,
-            },
-        });
-        if (popup.data?.result) {
-            // Handle the share via email action with popup.data.data
-        }
-    }
-    async showLinkDialog(node) {
-        const comp = (await import('./acorex-modules-document-management-link-dialog.component-DKbO2nX8.mjs')).AXMLinkDialogComponent;
-        const popup = await this.popupService.open(comp, {
-            title: 'Share Link',
-            data: {
-                node,
-            },
-        });
-        if (popup.data?.result) {
-            // Handle the link generation with popup.data.data
-        }
-    }
-    async showLockDialog(node) {
-        const comp = (await import('./acorex-modules-document-management-lock-dialog.component-By36woOc.mjs')).AXMLockDialogComponent;
-        const popup = await this.popupService.open(comp, {
-            title: 'Lock Document',
-            data: {
-                node,
-            },
-        });
-        if (popup.data?.result) {
-            // Handle the lock action with popup.data.data
-        }
-    }
-    async showUnlockDialog(node) {
-        const comp = (await import('./acorex-modules-document-management-unlock-dialog.component-CNjFnm2w.mjs')).AXMUnlockDialogComponent;
-        const popup = await this.popupService.open(comp, {
-            title: 'Unlock Document',
-            data: {
-                node,
-            },
-        });
-        if (popup.data?.result) {
-            // Handle the unlock action with popup.data.data
-        }
-    }
-    async showFolderEditDialog(node) {
-        const comp = (await import('./acorex-modules-document-management-create-folder-dialog.component-CCvKUDsw.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 }));
-        }
-        else {
-            node.name = name;
-            return node;
+    /**
+     * Creates a copy name by adding " copy" before the extension
+     */
+    createCopyName(originalName) {
+        const lastDotIndex = originalName.lastIndexOf('.');
+        if (lastDotIndex === -1) {
+            // No extension
+            return `${originalName} copy`;
         }
+        const nameWithoutExt = originalName.substring(0, lastDotIndex);
+        const extension = originalName.substring(lastDotIndex);
+        return `${nameWithoutExt} copy${extension}`;
     }
+    //#endregion
+    //#region ----   Root and Folder Operations   ----
     /**
      * Gets the root folder based on the specified scope
-     * @param scope The drive scope (Platform, Tenant, User)
-     * @param options Optional parameters for tenant and user IDs
-     * @returns Root folder for the specified scope
      */
     async getRoot(scope, options) {
         const rootFolder = await this.getPlatformRootFolder();
@@ -3277,8 +3336,6 @@ class AXMDocumentManagerService {
     }
     /**
      * Gets a specific folder by ID
-     * @param folderId The folder ID to retrieve
-     * @returns The requested folder
      */
     async getFolder(scope, folderId, options) {
         if (!folderId) {
@@ -3292,6 +3349,9 @@ class AXMDocumentManagerService {
         const path = await this.buildPath(result, (await this.getRoot(scope, options)).result.id);
         return { path, result };
     }
+    /**
+     * Creates a new folder
+     */
     async createFolder(data) {
         const now = new Date();
         const currentUser = this.sessionService.user;
@@ -3310,6 +3370,9 @@ class AXMDocumentManagerService {
         const folder = await this.folderService.getOne(createdFolder);
         return this.mapFolderDtoToFolderNode(folder);
     }
+    /**
+     * Updates an existing folder
+     */
     async updateFolder(folderId, data) {
         const currentUser = this.sessionService.user;
         const updateData = {
@@ -3321,40 +3384,81 @@ class AXMDocumentManagerService {
         const updatedFolder = await this.folderService.getOne(folderId);
         return this.mapFolderDtoToFolderNode(updatedFolder);
     }
+    /**
+     * Deletes a folder
+     */
     async deleteFolder(folderId) {
         await this.folderService.deleteOne(folderId);
     }
+    /**
+     * Gets available storage space
+     */
     async getAvailableSpace() {
         // For now, return a fixed value of 100GB (56 * 1024 * 1024 * 1024 bytes)
         // This should be replaced with actual storage quota logic when implemented
         return 56 * 1024 * 1024 * 1024;
     }
-    mapFileToNode(file) {
-        return {
-            id: file.id,
-            name: file.name,
-            type: 'file',
-            parentId: file.parentId,
-            modifiedAt: file.updatedAt,
-            createdAt: file.createdAt,
-            size: file.size,
-            fileId: file.fileId,
-            storageType: 'physical',
-            meta: file.meta,
-        };
-    }
+    //#endregion
+    //#region ----   File Operations   ----
+    /**
+     * Creates a new file
+     */
     async createFile(data) {
         const fileId = await this.documentService.insertOne(data);
         const file = await this.documentService.getOne(fileId);
         return this.mapFileToNode(file);
     }
+    /**
+     * Updates an existing file
+     */
     async updateFile(fileId, data) {
         const updatedFile = await this.documentService.updateOne(fileId, data);
         return this.mapFileToNode(updatedFile);
     }
+    /**
+     * Deletes a file
+     */
     async deleteFile(fileId) {
         await this.documentService.deleteOne(fileId);
     }
+    /**
+     * Opens a file
+     */
+    async openFile(node) {
+        const file = await this.documentService.getOne(node.id);
+    }
+    /**
+     * Downloads a file
+     */
+    async downloadFile(node) {
+        // const file = await this.documentService.getOne(node.id);
+        if (node.fileId) {
+            if (node.fileId.startsWith('http')) {
+                const link = document.createElement('a');
+                link.href = node.fileId;
+                link.download = node.name;
+                document.body.appendChild(link);
+                link.click();
+                document.body.removeChild(link);
+                return;
+            }
+            const fileInfo = await this.fileService.getInfo(node.fileId);
+            const link = document.createElement('a');
+            link.href = fileInfo.url ?? '';
+            link.download = node.name; // Set the desired file name
+            document.body.appendChild(link);
+            link.click();
+            document.body.removeChild(link);
+        }
+        else {
+            console.log('id is null');
+        }
+    }
+    //#endregion
+    //#region ----   Node Operations   ----
+    /**
+     * Deletes multiple nodes (files and folders)
+     */
     async deleteNodes(nodes) {
         for (const node of nodes) {
             if (node.type == 'folder') {
@@ -3365,28 +3469,65 @@ class AXMDocumentManagerService {
             }
         }
     }
-    async showCreateFolderDialog(parentId) {
-        const comp = (await import('./acorex-modules-document-management-create-folder-dialog.component-CCvKUDsw.mjs'))
-            .AXMCreateFolderDialog;
-        const popup = await this.popupService.open(comp, {
-            title: 't("actions.create-folder")',
-            data: {
-                parentId,
-            },
-        });
-        return popup.data?.folder;
+    /**
+     * Creates a copy of a node (file or folder)
+     */
+    async copy(node) {
+        if (!node) {
+            throw new Error('Node to copy cannot be null or undefined');
+        }
+        // Create a name with " copy" before the extension
+        const newName = this.createCopyName(node.name);
+        if (node.type === 'file') {
+            // Get the original file to copy all its data
+            const originalFile = await this.documentService.getOne(node.id);
+            if (!originalFile) {
+                throw new Error(`File with ID ${node.id} not found`);
+            }
+            // Create a document model from the original with the new name
+            // Extract needed properties without id
+            const { id, ...fileDataWithoutId } = originalFile;
+            const fileData = {
+                ...fileDataWithoutId,
+                name: newName,
+                title: newName,
+            };
+            // Create the new file
+            return await this.createFile(fileData);
+        }
+        else if (node.type === 'folder') {
+            // Get the original folder to copy all its data
+            const originalFolder = await this.folderService.getOne(node.id);
+            if (!originalFolder) {
+                throw new Error(`Folder with ID ${node.id} not found`);
+            }
+            // Create a folder model from the original with the new name
+            // Extract needed properties without id
+            const { id, ...folderDataWithoutId } = originalFolder;
+            const folderData = {
+                ...folderDataWithoutId,
+                name: newName,
+            };
+            // Create the new folder
+            return await this.createFolder(folderData);
+        }
+        else {
+            throw new Error(`Unsupported node type: ${node.type}`);
+        }
     }
+    /**
+     * Moves a node to another location
+     */
     async moveTo(options) {
-        const comp = (await import('./acorex-modules-document-management-drive-choose.component-DMAQr0nK.mjs')).AXMDocumentDriveChooseComponent;
-        //
+        const comp = (await import('./acorex-modules-document-management-drive-choose.component-UTy9OISj.mjs')).AXMDocumentDriveChooseComponent;
         const popup = await this.popupService.open(comp, {
             title: `Choose ${options.browseMode == 'file' ? 'File' : 'Folder'}`,
             data: {
                 selectionMode: options.multiple ? 'multiple' : 'single',
                 browseMode: options.browseMode ?? 'file',
+                scope: options.scope
             },
         });
-        //
         const selectedFolders = popup.data.result ? popup.data?.items ?? [] : [];
         if (selectedFolders.length > 0) {
             const selectedFolder = selectedFolders[0];
@@ -3407,17 +3548,19 @@ class AXMDocumentManagerService {
             return false;
         }
     }
+    /**
+     * Copies a node to another location
+     */
     async copyTo(options) {
-        const comp = (await import('./acorex-modules-document-management-drive-choose.component-DMAQr0nK.mjs')).AXMDocumentDriveChooseComponent;
-        //
+        const comp = (await import('./acorex-modules-document-management-drive-choose.component-UTy9OISj.mjs')).AXMDocumentDriveChooseComponent;
         const popup = await this.popupService.open(comp, {
             title: `Choose ${options.browseMode == 'file' ? 'File' : 'Folder'}`,
             data: {
                 selectionMode: options.multiple ? 'multiple' : 'single',
                 browseMode: options.browseMode ?? 'file',
+                scope: options.scope
             },
         });
-        //
         const selectedFolders = popup.data.result ? popup.data?.items ?? [] : [];
         if (selectedFolders.length > 0) {
             const selectedFolder = selectedFolders[0];
@@ -3428,7 +3571,7 @@ class AXMDocumentManagerService {
                         parentId: selectedFolder.id,
                         color: '#ffffff',
                         size: options.node.size,
-                        inherit: options.node.inherit ?? false,
+                        inherit: options.node.inherit ?? 'None',
                     });
                 }
                 else {
@@ -3451,86 +3594,27 @@ class AXMDocumentManagerService {
             return false;
         }
     }
-    async mapDocumentToMediaViewerData(doc) {
-        if (!doc.fileId?.startsWith('http')) {
-            const fileInfo = await this.fileService.getInfo(doc.fileId);
-            return {
-                id: doc.id ?? '',
-                name: doc.name,
-                type: doc.name.endsWith('.pdf') ? 'pdf' : 'image',
-                url: fileInfo.url ?? '',
-                size: doc.size.toString(),
-                thumbnail: fileInfo.url ?? '',
-            };
-        }
-        return {
-            id: doc.id ?? '',
-            name: doc.name,
-            type: doc.meta?.['type'] ?? 'image',
-            url: doc.fileId ?? '',
-            size: doc.size.toString(),
-            thumbnail: doc.fileId ?? '',
-        };
-    }
-    async showFileViewerPopup(node, options) {
-        const isVirtualFolder = node.parentId === 'virtual';
-        const parentFolderName = isVirtualFolder ? 'Virtual' : (await this.folderService.getOne(node.parentId)).name;
-        const documents = isVirtualFolder
-            ? options?.folderVituralfiles ?? []
-            : (await this.folderService.getOne(node.parentId)).documents ?? [];
-        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: parentFolderName,
-            data: {
-                nodes,
-                index: isVirtualFolder
-                    ? options?.folderVituralfiles?.findIndex((f) => f.id === node.id) ?? 0
-                    : options?.index ?? 0,
-            },
-        });
-    }
-    async openFile(node) {
-        const file = await this.documentService.getOne(node.id);
-    }
-    async showRenamePopup(node) {
-        const comp = (await import('./acorex-modules-document-management-rename-node-dialog.component-C9k8WgDG.mjs'))
-            .AXMRenameNodeDialog;
-        const popup = await this.popupService.open(comp, {
-            title: 't("actions.rename")',
-            data: {
-                node,
-            },
-        });
-        return popup.data?.result;
-    }
-    async showDeleteNodesDialog(nodeIds) {
-        const result = await this.workflow.execute('delete-entity', {
-            entities: nodeIds.map((node) => ({
-                source: `${RootConfig.module.name}.${node.type == 'folder' ? RootConfig.entities.folder.name : RootConfig.entities.document.name}`,
-                ids: [node.id],
-            })),
-        });
-        return result.getOutput('result') ?? false;
-    }
+    //#endregion
+    //#region ----   Search Operations   ----
+    /**
+     * Searches for folders by term within a scope
+     */
     async searchFolders(searchTerm, scope, options) {
         const { result: rootNode } = await this.getRoot(scope, options);
         const folders = await this.folderService.searchFolders(searchTerm, rootNode.id);
         return folders.map((folder) => this.mapFolderDtoToFolderNode(folder));
     }
+    /**
+     * Searches for files by term within a scope
+     */
     async searchFiles(searchTerm, scope, options) {
         const { result: rootNode } = await this.getRoot(scope, options);
         const files = await this.documentService.searchFiles(searchTerm, rootNode.id);
         return files.map((file) => this.mapFileToNode(file));
     }
+    /**
+     * Searches for both files and folders by term within a scope
+     */
     async searchNodes(searchTerm, scope, options) {
         const [folders, files] = await Promise.all([
             this.searchFolders(searchTerm, scope, options),
@@ -3538,163 +3622,82 @@ class AXMDocumentManagerService {
         ]);
         return [...folders, ...files];
     }
+    //#endregion
+    //#region ----   Data Retrieval Operations   ----
+    /**
+     * Gets all folders
+     */
     async getAllFolders() {
         //TODO filter by scope
         return (await this.folderService.query()).items.map(this.mapFolderDtoToFolderNode);
     }
+    /**
+     * Gets all files with optional query
+     */
     async getAllFiles(request) {
         //TODO filter by scope
         return (await this.documentService.query(request)).items.map(this.mapFileToNode);
     }
+    /**
+     * Gets all nodes (files and folders)
+     */
     async getAllNodes() {
         return [...(await this.getAllFolders()), ...(await this.getAllFiles())];
     }
-    async showChooseFileDialog(scope) {
-        const comp = (await import('./acorex-modules-document-management-drive-choose.component-DMAQr0nK.mjs')).AXMDocumentDriveChooseComponent;
+    //#endregion
+    //#region ----   File Upload Operations   ----
+    /**
+     * Uploads file by document type to a specific folder
+     */
+    async uploadFileByType(folderId, docTypeId) {
+        const folder = await this.folderService.getOne(folderId);
+        var docType = folder.documentTypes?.find((dt) => dt.id === docTypeId);
+        if (folder && docType != null) {
+            const comp = (await Promise.resolve().then(function () { return index; })).AXMDocumentTypeChooseFileComponent;
+            const result = await this.popupService.open(comp, {
+                title: `Select ${docType.title}`,
+                data: {
+                    documentType: docType,
+                },
+            });
+            if (result.data != null) {
+                const { uploads, ...metaContext } = result.data.context;
+                for (const u of uploads) {
+                    const fileInfo = u;
+                    const f = await this.fileService.save({
+                        category: 'document',
+                        file: fileInfo,
+                        refId: folderId,
+                        refType: `${RootConfig.module.name}.${RootConfig.entities.folder.name}`,
+                        name: fileInfo.name ?? '',
+                    });
+                    await this.fileService.commit(f.fileId);
+                    const file = await this.documentService.insertOne({
+                        fileId: f.fileId,
+                        meta: metaContext,
+                        parentId: folderId,
+                        size: fileInfo.size,
+                        name: fileInfo.name ?? '',
+                        title: fileInfo.name ?? '',
+                    });
+                }
+                return true;
+            }
+            else {
+                return false;
+            }
+        }
+        return false;
+    }
+    /**
+     * Uploads virtual file by document type
+     */
+    async uploadFileVirtualByType(docType) {
+        const comp = (await Promise.resolve().then(function () { return index; })).AXMDocumentTypeChooseFileComponent;
         const result = await this.popupService.open(comp, {
-            title: `t("actions.choose-from-drive" , scope: {"${RootConfig.config.i18n}"})`,
+            title: `Select ${docType.title}`,
             data: {
-                scope: scope,
-            },
-        });
-        if (result.data?.result) {
-            return castArray(result.data.items);
-        }
-        return [];
-    }
-    async downloadFile(node) {
-        // const file = await this.documentService.getOne(node.id);
-        if (node.fileId) {
-            if (node.fileId.startsWith('http')) {
-                const link = document.createElement('a');
-                link.href = node.fileId;
-                link.download = node.name;
-                document.body.appendChild(link);
-                link.click();
-                document.body.removeChild(link);
-                return;
-            }
-            const fileInfo = await this.fileService.getInfo(node.fileId);
-            const link = document.createElement('a');
-            link.href = fileInfo.url ?? '';
-            link.download = node.name; // Set the desired file name
-            document.body.appendChild(link);
-            link.click();
-            document.body.removeChild(link);
-        }
-        else {
-            console.log('id is null');
-        }
-    }
-    /**
-     * Creates a copy of a node (file or folder)
-     * @param node The node to copy
-     * @returns The newly created copied node
-     */
-    async copy(node) {
-        if (!node) {
-            throw new Error('Node to copy cannot be null or undefined');
-        }
-        // Create a name with " copy" before the extension
-        const newName = this.createCopyName(node.name);
-        if (node.type === 'file') {
-            // Get the original file to copy all its data
-            const originalFile = await this.documentService.getOne(node.id);
-            if (!originalFile) {
-                throw new Error(`File with ID ${node.id} not found`);
-            }
-            // Create a document model from the original with the new name
-            // Extract needed properties without id
-            const { id, ...fileDataWithoutId } = originalFile;
-            const fileData = {
-                ...fileDataWithoutId,
-                name: newName,
-                title: newName,
-            };
-            // Create the new file
-            return await this.createFile(fileData);
-        }
-        else if (node.type === 'folder') {
-            // Get the original folder to copy all its data
-            const originalFolder = await this.folderService.getOne(node.id);
-            if (!originalFolder) {
-                throw new Error(`Folder with ID ${node.id} not found`);
-            }
-            // Create a folder model from the original with the new name
-            // Extract needed properties without id
-            const { id, ...folderDataWithoutId } = originalFolder;
-            const folderData = {
-                ...folderDataWithoutId,
-                name: newName,
-            };
-            // Create the new folder
-            return await this.createFolder(folderData);
-        }
-        else {
-            throw new Error(`Unsupported node type: ${node.type}`);
-        }
-    }
-    /**
-     * Creates a copy name by adding " copy" before the extension
-     * @param originalName The original filename
-     * @returns The new filename with " copy" added before the extension
-     */
-    createCopyName(originalName) {
-        const lastDotIndex = originalName.lastIndexOf('.');
-        if (lastDotIndex === -1) {
-            // No extension
-            return `${originalName} copy`;
-        }
-        const nameWithoutExt = originalName.substring(0, lastDotIndex);
-        const extension = originalName.substring(lastDotIndex);
-        return `${nameWithoutExt} copy${extension}`;
-    }
-    async uploadFileByType(folderId, docTypeId) {
-        const folder = await this.folderService.getOne(folderId);
-        var docType = folder.documentTypes?.find((dt) => dt.id === docTypeId);
-        if (folder && docType != null) {
-            const comp = (await Promise.resolve().then(function () { return index; })).AXMDocumentTypeChooseFileComponent;
-            const result = await this.popupService.open(comp, {
-                title: `Select ${docType.title}`,
-                data: {
-                    documentType: docType,
-                },
-            });
-            if (result.data != null) {
-                const { uploads, ...metaContext } = result.data.context;
-                for (const u of uploads) {
-                    const fileInfo = u;
-                    const f = await this.fileService.save({
-                        category: 'document',
-                        file: fileInfo,
-                        refId: folderId,
-                        refType: `${RootConfig.module.name}.${RootConfig.entities.folder.name}`,
-                        name: fileInfo.name ?? '',
-                    });
-                    await this.fileService.commit(f.fileId);
-                    const file = await this.documentService.insertOne({
-                        fileId: f.fileId,
-                        meta: metaContext,
-                        parentId: folderId,
-                        size: fileInfo.size,
-                        name: fileInfo.name ?? '',
-                        title: fileInfo.name ?? '',
-                    });
-                }
-                return true;
-            }
-            else {
-                return false;
-            }
-        }
-        return false;
-    }
-    async uploadFileVirtualByType(docType) {
-        const comp = (await Promise.resolve().then(function () { return index; })).AXMDocumentTypeChooseFileComponent;
-        const result = await this.popupService.open(comp, {
-            title: `Select ${docType.title}`,
-            data: {
-                documentType: docType,
+                documentType: docType,
             },
         });
         const resultData = [];
@@ -3728,947 +3731,308 @@ class AXMDocumentManagerService {
             return [];
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: AXMDocumentManagerService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: AXMDocumentManagerService, providedIn: 'root' }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: AXMDocumentManagerService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root',
-                }]
-        }] });
-class ScopedDriveService {
-    constructor(parent, scope, options) {
-        this.parent = parent;
-        this.scope = scope;
-        this.options = options;
-        this.validateScopeOptions();
-    }
-    validateScopeOptions() {
-        switch (this.scope) {
-            case AXPPlatformScope.Tenant:
-                if (!this.options?.tenantId) {
-                    throw new Error('Tenant ID is required for tenant scope');
-                }
-                break;
-            case AXPPlatformScope.User:
-                if (!this.options?.tenantId || !this.options?.userId) {
-                    throw new Error('Both Tenant ID and User ID are required for user scope');
-                }
-                break;
+    //#endregion
+    //#region ----   Dialog Operations   ----
+    /**
+     * Shows share dialog for a node
+     */
+    async showShareDialog(node) {
+        const comp = (await import('./acorex-modules-document-management-share-dialog.component-Diof2rpe.mjs')).AXMShareDialogComponent;
+        const popup = await this.popupService.open(comp, {
+            title: 'Share',
+            data: {
+                node,
+            },
+        });
+        if (popup.data?.result) {
+            // Handle the share action with popup.data.data
         }
     }
-    async getRoot() {
-        return this.parent.getRoot(this.scope, this.options);
-    }
-    async getFolder(folderId) {
-        return this.parent.getFolder(this.scope, folderId, this.options);
-    }
-    async createFolder(data) {
-        const folderData = {
-            ...data,
-            tenantId: this.options?.tenantId,
-            userId: this.options?.userId,
-        };
-        return this.parent.createFolder(folderData);
-    }
-    async updateFolder(folderId, data) {
-        return this.parent.updateFolder(folderId, data);
-    }
-    async deleteFolder(folderId) {
-        return this.parent.deleteFolder(folderId);
-    }
-    async getAvailableSpace() {
-        return this.parent.getAvailableSpace();
-    }
-    async searchFolders(searchTerm) {
-        this.validateScopeOptions();
-        return this.parent.searchFolders(searchTerm, this.scope, this.options);
-    }
-    async searchFiles(searchTerm) {
-        this.validateScopeOptions();
-        return this.parent.searchFiles(searchTerm, this.scope, this.options);
+    /**
+     * Shows share via email dialog for a node
+     */
+    async showShareWithEmailDialog(node) {
+        const comp = (await import('./acorex-modules-document-management-share-email-dialog.component-Bj6G6aqt.mjs'))
+            .AXMShareEmailDialogComponent;
+        const popup = await this.popupService.open(comp, {
+            title: 'Share via Email',
+            data: {
+                node,
+            },
+        });
+        if (popup.data?.result) {
+            // Handle the share via email action with popup.data.data
+        }
     }
-    async searchNodes(searchTerm) {
-        this.validateScopeOptions();
-        return this.parent.searchNodes(searchTerm, this.scope, this.options);
+    /**
+     * Shows link dialog for a node
+     */
+    async showLinkDialog(node) {
+        const comp = (await import('./acorex-modules-document-management-link-dialog.component-DKbO2nX8.mjs')).AXMLinkDialogComponent;
+        const popup = await this.popupService.open(comp, {
+            title: 'Share Link',
+            data: {
+                node,
+            },
+        });
+        if (popup.data?.result) {
+            // Handle the link generation with popup.data.data
+        }
     }
     /**
-     * Creates a copy of a node (file or folder)
-     * @param node The node to copy
-     * @returns The newly created copied node
+     * Shows lock dialog for a document
      */
-    async copy(node) {
-        this.validateScopeOptions();
-        return this.parent.copy(node);
+    async showLockDialog(node) {
+        const comp = (await import('./acorex-modules-document-management-lock-dialog.component-By36woOc.mjs')).AXMLockDialogComponent;
+        const popup = await this.popupService.open(comp, {
+            title: 'Lock Document',
+            data: {
+                node,
+            },
+        });
+        if (popup.data?.result) {
+            // Handle the lock action with popup.data.data
+        }
     }
-}
-
-var AXPDocumentExplorerSettings;
-(function (AXPDocumentExplorerSettings) {
-    AXPDocumentExplorerSettings["ViewMode"] = "document-explorer:layout:view-mode";
-    AXPDocumentExplorerSettings["SortField"] = "document-explorer:layout:sort-field";
-    AXPDocumentExplorerSettings["SortDirection"] = "document-explorer:layout:sort-direction";
-})(AXPDocumentExplorerSettings || (AXPDocumentExplorerSettings = {}));
-
-const AXPDocumentExplorerViewModel = signalStore({ providedIn: 'root' }, withState(() => ({
-    // View State
-    viewMode: 'large-tiles',
-    isLoading: false,
-    scope: AXPPlatformScope.User,
-    // Navigation State
-    currentPath: [],
-    currentNode: null,
-    loadingFolderId: null,
-    navigatingFolderId: null,
-    backHistory: [],
-    // Selection State
-    selectionMode: 'none',
-    selectedNodes: [],
-    // Browse State
-    browseMode: 'file',
-    // Sort State
-    sortField: 'name',
-    sortDirection: 'asc',
-    // Content State
-    folders: [],
-    files: [],
-    itemsCount: 0,
-    availableSpace: 0,
-    // Drive State
-    currentDrive: null,
-    // File Type State
-    fileTypes: [],
-    // Detail Panel State
-    detailPanel: false,
-})), withComputed((store) => ({
-    isRoot: computed(() => {
-        const path = store.currentPath();
-        return path.length === 1;
-    }),
-    isVirtual: computed(() => {
-        const node = store.currentNode();
-        return node?.storageType === 'virtual';
-    }),
-    currentFolder: computed(() => store.currentNode()),
-    currentFolderContents: computed(() => ({
-        folders: store.folders(),
-        files: store.files(),
-    })),
-    isLargeTilesView: computed(() => store.viewMode() === 'large-tiles'),
-    isSmallTilesView: computed(() => store.viewMode() === 'small-tiles'),
-    isListView: computed(() => store.viewMode() === 'list'),
-    isDetailsView: computed(() => store.viewMode() === 'details'),
-    isLargeIconsView: computed(() => store.viewMode() === 'large-icons'),
-    isSmallIconsView: computed(() => store.viewMode() === 'small-icons'),
-    isBackAvailable: computed(() => store.backHistory().length > 0),
-    isUpAvailable: computed(() => {
-        const node = store.currentNode();
-        return node?.parentId != null;
-    }),
-    selectedCount: computed(() => store.selectedNodes().length),
-    hasSelectedItems: computed(() => store.selectedNodes().length > 0),
-    hasMultipleSelectedItems: computed(() => store.selectedNodes().length > 1),
-    isMultiSelect: computed(() => store.selectionMode() === 'multiple'),
-    selectedNode: computed(() => store.selectedNodes()[0] ?? null),
-    isDetailPanelOpen: computed(() => store.detailPanel()),
-})), withMethods((store, fileTypeService = inject(AXPFileTypeProviderService), documentTypeService = inject(AXMDocumentTypeService), driveService = inject(AXMDocumentManagerService), settingService = inject(AXPSettingService), sessionService = inject(AXPSessionService), translateService = inject(AXTranslationService)) => ({
-    async initialize(options) {
-        // Load file types
-        const fileTypes = await fileTypeService.items();
-        patchState(store, { fileTypes });
-        // Load initial settings
-        const viewMode = await settingService
-            .scope(options?.scope || AXPPlatformScope.User)
-            .get(AXPDocumentExplorerSettings.ViewMode);
-        const sortField = await settingService
-            .scope(options?.scope || AXPPlatformScope.User)
-            .get(AXPDocumentExplorerSettings.SortField);
-        const sortDirection = await settingService
-            .scope(options?.scope || AXPPlatformScope.User)
-            .get(AXPDocumentExplorerSettings.SortDirection);
-        patchState(store, {
-            viewMode: viewMode || 'list',
-            sortField: sortField || 'name',
-            sortDirection: sortDirection || 'asc',
-            browseMode: options?.browseMode || 'file',
-            scope: options?.scope || AXPPlatformScope.User,
-        });
-    },
-    _load: async (folderId) => {
-        patchState(store, { loadingFolderId: folderId, isLoading: true });
-        await new Promise((resolve) => setTimeout(resolve, 100));
-        try {
-            const node = await driveService.getFolder(store.scope(), folderId, {
-                tenantId: sessionService.tenant?.id,
-                userId: sessionService.user?.id,
-            });
-            patchState(store, {
-                currentNode: node.result,
-                currentPath: node.path,
-                folders: node.result.children?.filter((item) => item.type === 'folder') || [],
-                files: node.result.children?.filter((item) => store.browseMode() == 'file' && item.type === 'file') || [],
-                itemsCount: node.result.children?.length || 0,
-                availableSpace: await driveService.getAvailableSpace(),
-                loadingFolderId: null,
-                isLoading: false,
-                navigatingFolderId: null,
-            });
-        }
-        catch (error) {
-            patchState(store, {
-                loadingFolderId: null,
-                isLoading: false,
-            });
-            throw error;
-        }
-    },
-    navigateToFolder(folderId) {
-        const currentNode = store.currentNode();
-        if (currentNode) {
-            patchState(store, {
-                backHistory: [...store.backHistory(), { folderId: currentNode.id, path: store.currentPath() }],
-            });
-        }
-        patchState(store, { navigatingFolderId: folderId });
-    },
-    async loadFolderContents(folderId) {
-        await this._load(folderId);
-        this.deselectAll();
-    },
-    async virtualFolder(files = []) {
-        const id = 'virtual';
-        patchState(store, {
-            loadingFolderId: id,
-            isLoading: true,
-        });
-        await new Promise((resolve) => setTimeout(resolve, 100));
-        const node = {
-            id: id,
-            name: 'virtual',
-            type: 'folder',
-            children: files,
-            parentId: null,
-            size: 0,
-            storageType: 'virtual',
-        };
-        patchState(store, {
-            currentNode: node,
-            currentPath: [],
-            folders: [],
-            files: files,
-            itemsCount: node.children?.length || 0,
-            availableSpace: await driveService.getAvailableSpace(),
-            loadingFolderId: null,
-            isLoading: false,
-            navigatingFolderId: null,
-        });
-    },
-    setViewMode(mode) {
-        patchState(store, { viewMode: mode });
-        settingService.scope(AXPPlatformScope.User).set(AXPDocumentExplorerSettings.ViewMode, mode);
-    },
-    isViewMode(mode) {
-        return store.viewMode() === mode;
-    },
-    setSortField(field) {
-        patchState(store, { sortField: field });
-        settingService.scope(AXPPlatformScope.User).set(AXPDocumentExplorerSettings.SortField, field);
-    },
-    setSortDirection(direction) {
-        patchState(store, { sortDirection: direction });
-        settingService.scope(AXPPlatformScope.User).set(AXPDocumentExplorerSettings.SortDirection, direction);
-    },
-    setSelectionMode(mode) {
-        patchState(store, { selectionMode: mode });
-    },
-    setDrive(scope) {
-        patchState(store, { currentDrive: scope });
-    },
-    isLoadingFolder(folderId) {
-        return store.loadingFolderId() === folderId;
-    },
-    getFileInfo(fileName) {
-        const fileTypes = store.fileTypes();
-        const extension = fileName.split('.').pop()?.toLowerCase() || '';
-        const extensions = fileTypes.flatMap((type) => type.extensions);
-        const fileType = extensions.find((e) => e.name === extension);
-        return {
-            icon: fileType?.icon || 'fa-light fa-file',
-            type: fileType?.name || 'Unknown',
-        };
-    },
-    getNodeInfo(node) {
-        // If no node, return a default object
-        if (!node) {
-            return {
-                name: '---',
-                icon: 'fa-light fa-folder',
-                type: 'Folder',
-                sections: [
-                    {
-                        title: 'Details',
-                        details: [],
-                    },
-                ],
-            };
-        }
-        // If the node is a file, return the file info
-        if (node.type === 'file') {
-            const fileTypes = store.fileTypes();
-            const extension = node.name.split('.').pop()?.toLowerCase() || '';
-            const extensions = fileTypes.flatMap((type) => type.extensions);
-            const fileType = extensions.find((e) => e.name === extension);
-            return {
-                name: node.name,
-                icon: fileType?.icon || 'fa-light fa-file',
-                type: 'File',
-                sections: [
-                    {
-                        title: 'Details',
-                        details: [
-                            {
-                                title: 'Description',
-                                content: node.description,
-                                icon: 'fa-solid fa-file-lines',
-                            },
-                            {
-                                title: 'Size',
-                                content: node.size || 0,
-                                format: 'filesize',
-                                icon: 'fa-solid fa-file-lines',
-                            },
-                            {
-                                title: 'Created at',
-                                content: node.createdAt || new Date(),
-                                format: 'datetime',
-                                icon: 'fa-solid fa-calendar-days',
-                            },
-                            {
-                                title: 'Modified at',
-                                content: node.modifiedAt || new Date(),
-                                format: 'datetime',
-                                icon: 'fa-solid fa-calendar-days',
-                            },
-                        ],
-                    },
-                ],
-            };
-        }
-        // If the node is a folder, return the folder info
-        else {
-            return {
-                name: node.name,
-                icon: 'fa-light fa-folder ax-text-yellow-500',
-                type: 'Folder',
-                sections: [
-                    {
-                        title: 'Details',
-                        details: [
-                            {
-                                title: 'Description',
-                                content: node.description,
-                                icon: 'fa-solid fa-file-lines',
-                            },
-                            {
-                                title: 'Items',
-                                content: node.childrenCount,
-                                icon: 'fa-solid fa-file-lines',
-                            },
-                            {
-                                title: 'Size',
-                                content: node.size || 0,
-                                format: 'filesize',
-                                icon: 'fa-solid fa-file-lines',
-                            },
-                            {
-                                title: 'Created at',
-                                content: node.createdAt || new Date(),
-                                format: 'datetime',
-                                icon: 'fa-solid fa-calendar-days',
-                            },
-                            {
-                                title: 'Modified at',
-                                content: node.modifiedAt || new Date(),
-                                format: 'datetime',
-                                icon: 'fa-solid fa-calendar-days',
-                            },
-                        ],
-                    },
-                ],
-            };
-        }
-    },
-    sortItems(items) {
-        const field = store.sortField();
-        const direction = store.sortDirection();
-        return [...items].sort((a, b) => {
-            let comparison = 0;
-            switch (field) {
-                case 'name':
-                    comparison = a.name.localeCompare(b.name);
-                    break;
-                case 'modified':
-                    const aDate = a.modifiedAt ? new Date(a.modifiedAt) : new Date(0);
-                    const bDate = b.modifiedAt ? new Date(b.modifiedAt) : new Date(0);
-                    comparison = aDate.getTime() - bDate.getTime();
-                    break;
-                case 'size':
-                    comparison = (a.size || 0) - (b.size || 0);
-                    break;
-            }
-            return direction === 'asc' ? comparison : -comparison;
-        });
-    },
-    async refresh() {
-        if (!store.isVirtual()) {
-            const currentFolder = store.currentNode();
-            if (currentFolder) {
-                await this._load(currentFolder.id);
-            }
-        }
-        else {
-            patchState(store, { loadingFolderId: 'fake' });
-            patchState(store, { loadingFolderId: null });
-        }
-    },
-    navigateToUp() {
-        const currentNode = store.currentNode();
-        const parentId = currentNode?.parentId;
-        if (parentId && currentNode) {
-            patchState(store, {
-                backHistory: [...store.backHistory(), { folderId: currentNode.id, path: store.currentPath() }],
-            });
-            patchState(store, { navigatingFolderId: parentId });
-            this.loadFolderContents(parentId);
-        }
-    },
-    async navigateBack() {
-        const history = store.backHistory();
-        if (history.length === 0) {
-            return;
-        }
-        const lastEntry = history[history.length - 1];
-        patchState(store, { backHistory: history.slice(0, history.length - 1) });
-        patchState(store, { navigatingFolderId: lastEntry.folderId });
-        await this.loadFolderContents(lastEntry.folderId);
-    },
-    async openFile(file) {
-        await driveService.openFile(file);
-    },
-    //TODO: Delete only one node at a time
-    async deleteNodes(nodes = store.selectedNodes()) {
-        if (store.isVirtual()) {
-            patchState(store, {
-                files: store.currentFolderContents().files.filter((file) => !nodes.some((node) => node.name === file.name)),
-            });
-            this.deselectAll();
-        }
-        else {
-            const result = await driveService.showDeleteNodesDialog(nodes);
-            if (result) {
-                this.deselectAll();
-                await this.refresh();
-            }
-        }
-    },
-    toggleSelect(node) {
-        if (store.selectionMode() === 'multiple') {
-            patchState(store, {
-                selectedNodes: store.selectedNodes().includes(node)
-                    ? store.selectedNodes().filter((n) => n.id !== node.id)
-                    : [...store.selectedNodes(), node],
-            });
-        }
-        else {
-            patchState(store, { selectedNodes: [node] });
-        }
-    },
-    isItemSelected(node) {
-        return store.selectedNodes().some((selectedNode) => selectedNode.id === node.id);
-    },
-    selectAll() {
-        patchState(store, { selectedNodes: [...store.folders(), ...store.files()] });
-    },
-    deselectAll() {
-        patchState(store, { selectedNodes: [] });
-    },
-    openDetailPanel() {
-        patchState(store, { detailPanel: true });
-    },
-    closeDetailPanel() {
-        patchState(store, { detailPanel: false });
-    },
-    toggleDetailPanel() {
-        patchState(store, { detailPanel: !store.detailPanel() });
-    },
-    //#region Menu Items
-    async getFolderAddMenuItems() {
-        const scope = RootConfig.config.i18n;
-        return [
-            {
-                title: await translateService.translateAsync('actions.create-folder', { scope }),
-                icon: 'fa-light fa-folder-plus',
-                break: true,
-                command: {
-                    name: 'new-folder',
-                    options: {
-                        folderId: store.currentFolder()?.id,
-                    },
-                },
-            },
-            ...(store.currentFolder()?.documentTypes?.map((type) => ({
-                title: type.title,
-                //icon: type.icon,
-                icon: 'fa-light fa-file-arrow-up',
-                break: true,
-                command: {
-                    name: `upload.${type.name}`,
-                    options: {
-                        folderId: store.currentFolder()?.id,
-                        documentType: type,
-                    },
-                },
-            })) ?? []),
-            {
-                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() {
-        return [
-            {
-                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',
-            // },
-        ];
-    },
-    //#endregion
-    //#region Context Menu Items
-    async getContextMenuItems() {
-        return [...(await this.getFolderAddMenuItems()), ...(await this.getFolderActionMenuItems())];
-    },
-    //#endregion
-})));
-
-class AXMDocumentExplorerComponent {
-    constructor() {
-        this.vm = inject(AXPDocumentExplorerViewModel);
-        this.contextMenu = viewChild('itemsContextMenu');
-        this.rootContextMenu = viewChild('rootContextMenu');
-        this.driveService = inject(AXMDocumentManagerService);
-        this.translateService = inject(AXTranslationService);
-        this.layout = inject(AXPLayoutThemeService);
-        this.browseMode = input('file');
-        this.viewMode = input();
-        this.selectionMode = input('none');
-        this.showContextMenu = input(true);
-        this.view = signal(null);
-        this.viewMap = {
-            list: async () => (await import('./acorex-modules-document-management-list-view.component-C1inszTC.mjs')).AXMDocumentExplorerListViewComponent,
-            'small-tiles': async () => (await import('./acorex-modules-document-management-small-tiles-view.component-CumumWvO.mjs')).AXMDocumentExplorerSmallTilesViewComponent,
-            'large-tiles': async () => (await import('./acorex-modules-document-management-large-tiles-view.component-0GpMVYv5.mjs')).AXMDocumentExplorerLargeTilesViewComponent,
-            details: async () => (await import('./acorex-modules-document-management-details-view.component-D0RIYrHB.mjs')).AXMDocumentExplorerDetailsViewComponent,
-            'large-icons': async () => (await import('./acorex-modules-document-management-large-icons-view.component-C686Ec7s.mjs')).AXMDocumentExplorerLargeIconsViewComponent,
-            'small-icons': async () => (await import('./acorex-modules-document-management-small-icons-view.component-BGcUzNCv.mjs')).AXMDocumentExplorerSmallIconsViewComponent,
-            'attachment': async () => (await import('./acorex-modules-document-management-attachment-widget.component-DIF_t4fE.mjs')).AXMDocumentExplorerAttachmentComponent,
-        };
-        this.#effect = effect(() => {
-            if (this.vm.loadingFolderId() == null) {
-                setTimeout(() => {
-                    this.contextMenu()?.refresh();
-                    this.rootContextMenu()?.refresh();
-                }, 300);
-            }
-        });
-        this.#effect2 = effect(() => {
-            if (this.viewMode()) {
-                this.vm.setViewMode(this.viewMode());
-            }
-            if (this.selectionMode()) {
-                this.vm.setSelectionMode(this.selectionMode());
-            }
-        });
-        this.#effect3 = effect(async () => {
-            const func = get$1(this.viewMap, this.vm.viewMode()) ?? this.viewMap['large-tiles'];
-            const comp = await func();
-            this.view.set(comp);
-        });
-    }
-    #effect;
-    #effect2;
-    #effect3;
-    handleNavigateToFolder(folderId) {
-        this.vm.navigateToFolder(folderId);
-    }
-    //#region Menu and Context Menu
-    async handleContextMenuOnOpening(e) {
-        const node = get$1(e.targetElement, '__data__');
-        if (!node) {
-            return;
-        }
-        const allowedAddItems = node.type === 'folder';
-        const allowDelete = true;
-        const isPasteAvailable = true;
-        const allowPaste = false;
-        const open = node.type == 'file'
-            ? [
-                {
-                    name: 'open-file',
-                    text: 'Open',
-                    icon: this.vm.getFileInfo(node.name).icon,
-                    data: node,
-                },
-                {
-                    name: 'download',
-                    text: 'Download',
-                    icon: 'fa-light fa-download',
-                    data: node,
-                },
-            ]
-            : [
-                {
-                    name: 'open-folder',
-                    text: 'Open',
-                    icon: 'fa-light fa-folder-open',
-                    data: node,
-                },
-                {
-                    name: 'upload-file-33',
-                    text: 'Upload',
-                    icon: 'fa-light fa-file-arrow-up',
-                    break: true,
-                    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: index !== array.length - 1,
-                        data: {
-                            node,
-                            documentType: type,
-                        },
-                    })) ?? [],
-                },
-            ];
-        const info = {
-            name: node.type == 'file' ? 'file-info' : 'folder-info',
-            text: 'Information',
-            icon: 'fa-light fa-circle-info',
-            items: [
-                {
-                    name: 'rename',
-                    text: 'Rename',
-                    icon: 'fa-light fa-pencil',
-                    data: node,
-                },
-                {
-                    name: 'properties',
-                    text: 'Properties',
-                    icon: 'fa-light fa-memo-circle-info',
-                    break: true,
-                    data: node,
-                },
-                {
-                    name: 'lock ',
-                    text: 'Lock',
-                    icon: 'fa-light fa-lock',
-                    data: node,
-                },
-            ],
-            break: true,
-        };
-        const openWith = {
-            name: 'open-with',
-            text: 'Open with',
-            icon: 'fa-light fa-circle-info',
-            items: [
-                {
-                    name: 'open-gallery',
-                    text: 'Gallery',
-                    icon: 'fa-light fa-images',
-                    data: node,
-                },
-            ],
-            break: true,
-        };
-        e.items = [
-            ...open,
-            {
-                name: 'share',
-                text: 'Share',
-                icon: 'fa-light fa-share-nodes',
-                items: [
-                    {
-                        name: 'share',
-                        text: 'Share',
-                        icon: 'fa-light fa-users',
-                    },
-                    {
-                        name: 'share-with-email',
-                        text: 'Share with email',
-                        icon: 'fa-light fa-envelope',
-                    },
-                    {
-                        name: 'link',
-                        text: 'Link',
-                        icon: 'fa-light fa-link',
-                    },
-                ],
-                break: true,
+    /**
+     * Shows unlock dialog for a document
+     */
+    async showUnlockDialog(node) {
+        const comp = (await import('./acorex-modules-document-management-unlock-dialog.component-CNjFnm2w.mjs')).AXMUnlockDialogComponent;
+        const popup = await this.popupService.open(comp, {
+            title: 'Unlock Document',
+            data: {
+                node,
             },
-            info,
-            {
-                name: 'copy',
-                text: 'Make a copy',
-                icon: 'fa-light fa-copy',
-                data: node,
+        });
+        if (popup.data?.result) {
+            // Handle the unlock action with popup.data.data
+        }
+    }
+    /**
+     * Shows folder edit dialog
+     */
+    async showFolderEditDialog(node) {
+        const comp = (await import('./acorex-modules-document-management-create-folder-dialog.component-ZMvsadWt.mjs'))
+            .AXMCreateFolderDialog;
+        const popup = await this.popupService.open(comp, {
+            title: await this.translate.translateAsync('@document-management:actions.update-folder'),
+            data: {
+                defaultValue: node,
             },
-            {
-                name: 'copy-to',
-                text: 'Copy to',
-                icon: 'fa-light fa-copy',
-                data: node,
+        });
+        return popup.data?.result;
+    }
+    /**
+     * Shows create folder dialog
+     */
+    async showCreateFolderDialog(parentId) {
+        const comp = (await import('./acorex-modules-document-management-create-folder-dialog.component-ZMvsadWt.mjs'))
+            .AXMCreateFolderDialog;
+        const popup = await this.popupService.open(comp, {
+            title: await this.translate.translateAsync('@document-management:actions.create-folder'),
+            data: {
+                parentId,
             },
-            {
-                name: 'move-to',
-                text: 'Move to',
-                icon: 'fa-light fa-arrow-right-arrow-left',
-                break: true,
-                data: node,
+        });
+        return popup.data?.folder;
+    }
+    /**
+     * Shows rename popup for a node
+     */
+    async showRenamePopup(node) {
+        const comp = (await import('./acorex-modules-document-management-rename-node-dialog.component-CrcJm9jP.mjs'))
+            .AXMRenameNodeDialog;
+        const popup = await this.popupService.open(comp, {
+            title: 't("actions.rename")',
+            data: {
+                node,
             },
-            {
-                name: 'delete',
-                text: 'Delete',
-                color: 'danger',
-                icon: 'fa-light fa-trash',
-                data: node,
+        });
+        return popup.data?.result;
+    }
+    /**
+     * Shows delete nodes confirmation dialog
+     */
+    async showDeleteNodesDialog(nodeIds) {
+        const result = await this.workflow.execute('delete-entity', {
+            entities: nodeIds.map((node) => ({
+                source: `${RootConfig.module.name}.${node.type == 'folder' ? RootConfig.entities.folder.name : RootConfig.entities.document.name}`,
+                ids: [node.id],
+            })),
+        });
+        return result.getOutput('result') ?? false;
+    }
+    /**
+     * Shows choose file dialog
+     */
+    async showChooseFileDialog(scope) {
+        const comp = (await import('./acorex-modules-document-management-drive-choose.component-UTy9OISj.mjs')).AXMDocumentDriveChooseComponent;
+        const result = await this.popupService.open(comp, {
+            title: await this.translate.translateAsync('@document-management:actions.choose-from-drive'),
+            data: {
+                scope: scope,
             },
-        ];
-        if (node.type == 'file') {
-            e.items.splice(1, 0, openWith);
+        });
+        if (result.data?.result) {
+            return castArray(result.data.items);
         }
+        return [];
     }
-    async handleContextMenuRootOnOpening(e) {
-        //TODO: check async translate method in acorex
-        const items = [
-            ...(await this.vm.getFolderAddMenuItems()).map((m) => ({
-                ...m,
-                name: m.command?.name,
-                data: m.command?.options,
-            })),
-            ...(await this.vm.getFolderActionMenuItems()),
-        ];
-        const mappedItems = items.map((m) => ({
-            ...m,
-            text: m.title,
-        }));
-        e.items.push(...mappedItems);
-        e.items[e.items.length - 1].break = false;
+    /**
+     * Shows file viewer popup
+     */
+    async showFileViewerPopup(node, options) {
+        const isVirtualFolder = node.parentId === 'virtual';
+        const parentFolderName = isVirtualFolder ? 'Virtual' : (await this.folderService.getOne(node.parentId)).name;
+        const documents = isVirtualFolder
+            ? options?.folderVirtualFiles ?? []
+            : (await this.folderService.getOne(node.parentId)).documents ?? [];
+        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: parentFolderName,
+            data: {
+                nodes,
+                index: isVirtualFolder
+                    ? options?.folderVirtualFiles?.findIndex((f) => f.id === node.id) ?? 0
+                    : options?.index ?? 0,
+            },
+        });
     }
-    async handleContextMenuItemClick(e) {
-        const node = e.item.data;
-        switch (e.item.name) {
-            case 'open-folder':
-                this.handleNavigateToFolder(node.id);
-                break;
-            case 'open-file':
-                this.openFile(node);
-                break;
-            case 'open-gallery':
-                if (e.item.data.folderId != null) {
-                    this.openGalleryWithFolderId();
-                }
-                else {
-                    this.openGallery(node);
+    /**
+     * Updates a file name
+     */
+    async updateFileName(node, name) {
+        if (node.storageType == 'physical') {
+            return this.mapFileToNode(await this.documentService.updateOne(node.id, { name }));
+        }
+        else {
+            node.name = name;
+            return node;
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: AXMDocumentManagerService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: AXMDocumentManagerService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: AXMDocumentManagerService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }] });
+//#endregion
+//#region ----   Scoped Drive Service   ----
+/**
+ * Scoped drive service for specific platform scopes
+ */
+class ScopedDriveService {
+    //#region ----   Constructor   ----
+    constructor(parent, scope, options) {
+        this.parent = parent;
+        this.scope = scope;
+        this.options = options;
+        this.validateScopeOptions();
+    }
+    //#endregion
+    //#region ----   Validation Methods   ----
+    /**
+     * Validates the scope options are appropriate for the selected scope
+     */
+    validateScopeOptions() {
+        switch (this.scope) {
+            case AXPPlatformScope.Tenant:
+                if (!this.options?.tenantId) {
+                    throw new Error('Tenant ID is required for tenant scope');
                 }
                 break;
-            case 'download':
-                this.handleDownloadFile(node);
-                break;
-            case 'new-folder':
-                await this.createFolder(node);
-                // Handle new folder creation
-                break;
-            // case 'upload-file':
-            //   await this.uploadFile(node);
-            //   break;
-            case 'paste':
-                // Handle paste operation
-                break;
-            case 'move-to':
-                this.moveTo(node);
-                break;
-            case 'copy-to':
-                this.copyTo(node);
-                break;
-            case 'rename':
-                this.renameNode(node);
-                break;
-            case 'properties':
-                this.showFolderProperty(node);
-                break;
-            case 'delete':
-                this.vm.deleteNodes([node]);
-                break;
-            case 'refresh':
-                this.vm.refresh();
-                break;
-            case 'copy':
-                this.makeCopy(node);
-                break;
-            case 'share':
-                this.share(node);
-                break;
-            case 'share-with-email':
-                this.shareWithEmail(node);
-                break;
-            case 'link':
-                this.link(node);
-                break;
-            case 'lock':
-                this.lock(node);
-                break;
-            case 'unlock':
-                this.unlock(node);
-                break;
-            default:
-                if (e.item.name?.startsWith('upload.')) {
-                    await this.driveService.uploadFileByType(e.item.data.node?.id ?? this.vm.currentFolder()?.id, e.item.data.documentType.id);
-                    this.vm.refresh();
+            case AXPPlatformScope.User:
+                if (!this.options?.tenantId || !this.options?.userId) {
+                    throw new Error('Both Tenant ID and User ID are required for user scope');
                 }
                 break;
         }
     }
     //#endregion
-    async showFolderProperty(node) {
-        if (await this.driveService.showFolderEditDialog(node)) {
-            await this.vm.refresh();
-        }
-    }
-    async share(node) {
-        await this.driveService.showShareDialog(node);
-    }
-    async shareWithEmail(node) {
-        await this.driveService.showShareWithEmailDialog(node);
-    }
-    async link(node) {
-        await this.driveService.showLinkDialog(node);
-    }
-    async lock(node) {
-        await this.driveService.showLockDialog(node);
-    }
-    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]);
+    //#region ----   Scoped Operations   ----
+    /**
+     * Gets root folder for this scope
+     */
+    async getRoot() {
+        return this.parent.getRoot(this.scope, this.options);
     }
-    async openGallery(node) {
-        await this.driveService.showFileViewerPopup(node, {
-            folderVituralfiles: this.vm.currentFolderContents().files,
-            index: this.vm.currentFolderContents().files.findIndex((f) => f.id === node.id),
-        });
+    /**
+     * Gets folder for this scope
+     */
+    async getFolder(folderId) {
+        return this.parent.getFolder(this.scope, folderId, this.options);
     }
-    async openFile(node) {
-        await this.driveService.openFile(node);
+    /**
+     * Creates folder in this scope
+     */
+    async createFolder(data) {
+        const folderData = {
+            ...data,
+            tenantId: this.options?.tenantId,
+            userId: this.options?.userId,
+        };
+        return this.parent.createFolder(folderData);
     }
-    handleDownloadFile(node) {
-        this.driveService.downloadFile(node);
+    /**
+     * Updates folder in this scope
+     */
+    async updateFolder(folderId, data) {
+        return this.parent.updateFolder(folderId, data);
     }
-    async createFolder(node) {
-        const parentId = node?.id ?? this.vm.currentFolder()?.id;
-        if (parentId) {
-            const result = await this.driveService.showCreateFolderDialog(parentId);
-            if (result) {
-                await this.vm.refresh();
-            }
-        }
+    /**
+     * Deletes folder in this scope
+     */
+    async deleteFolder(folderId) {
+        return this.parent.deleteFolder(folderId);
     }
-    async renameNode(node) {
-        if (node) {
-            const result = await this.driveService.showRenamePopup(node);
-            if (result) {
-                if (node.storageType == 'virtual') {
-                    const files = this.vm.files();
-                    const updatedFiles = files.map((file) => {
-                        if (file.id === result.id) {
-                            return result;
-                        }
-                        return file;
-                    });
-                    this.vm.virtualFolder(updatedFiles);
-                }
-                await this.vm.refresh();
-            }
-            return result;
-        }
-        return;
+    /**
+     * Gets available space for this scope
+     */
+    async getAvailableSpace() {
+        return this.parent.getAvailableSpace();
     }
-    async chooseFile(scope = this.vm.scope()) {
-        return await this.driveService.showChooseFileDialog(scope);
-        //await this.vm.refresh();
+    /**
+     * Searches folders in this scope
+     */
+    async searchFolders(searchTerm) {
+        this.validateScopeOptions();
+        return this.parent.searchFolders(searchTerm, this.scope, this.options);
     }
-    async makeCopy(node) {
-        if (node) {
-            try {
-                const copiedNode = await this.driveService.copy(node);
-                await this.vm.refresh();
-            }
-            catch (error) {
-                console.error('Error copying node:', error);
-            }
-        }
+    /**
+     * Searches files in this scope
+     */
+    async searchFiles(searchTerm) {
+        this.validateScopeOptions();
+        return this.parent.searchFiles(searchTerm, this.scope, this.options);
     }
-    async moveTo(node) {
-        if (node) {
-            const result = await this.driveService.moveTo({ browseMode: 'folder', node: node });
-            if (result) {
-                await this.vm.refresh();
-            }
-        }
+    /**
+     * Searches nodes in this scope
+     */
+    async searchNodes(searchTerm) {
+        this.validateScopeOptions();
+        return this.parent.searchNodes(searchTerm, this.scope, this.options);
     }
-    async copyTo(node) {
-        if (node) {
-            const result = await this.driveService.copyTo({ browseMode: 'folder', node: node });
-            if (result) {
-                await this.vm.refresh();
-            }
-        }
+    /**
+     * Creates a copy of a node in this scope
+     */
+    async copy(node) {
+        this.validateScopeOptions();
+        return this.parent.copy(node);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: AXMDocumentExplorerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.10", 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  <div class=\"ax-flex ax-flex-col ax-items-center ax-justify-center ax-py-16 ax-h-full\">\n    <ax-icon icon=\"fa-light fa-folder-open\" class=\"ax-text-6xl ax-mb-4\"></ax-icon>\n    <h3 class=\"ax-text-xl ax-font-medium ax-mb-2\">No Items Found</h3>\n    <p class=\"\">This folder is empty. Add some files or folders to get started.</p>\n  </div>\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;-moz-user-select:-moz-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$1.NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletContent", "ngComponentOutletNgModule", "ngComponentOutletNgModuleFactory"], exportAs: ["ngComponentOutlet"] }, { kind: "ngmodule", type: RouterModule }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i3$1.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "ngmodule", type: AXLoadingModule }, { kind: "ngmodule", type: AXFormatModule }, { kind: "ngmodule", type: AXDateTimeModule }, { kind: "ngmodule", type: AXMenuModule }, { kind: "component", type: i3$2.AXContextMenuComponent, selector: "ax-context-menu", inputs: ["orientation", "openOn", "closeOn", "items", "target"], outputs: ["onItemClick", "onOpening"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: AXMDocumentExplorerComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'axm-document-explorer', standalone: true, encapsulation: ViewEncapsulation.None, imports: [
-                        CommonModule,
-                        RouterModule,
-                        AXDecoratorModule,
-                        AXLoadingModule,
-                        AXFormatModule,
-                        AXDateTimeModule,
-                        AXMenuModule,
-                    ], template: "<!-- Empty State -->\n<div class=\"view-container\">\n  @if (vm.folders().length === 0 && vm.files().length === 0) {\n  <div class=\"ax-flex ax-flex-col ax-items-center ax-justify-center ax-py-16 ax-h-full\">\n    <ax-icon icon=\"fa-light fa-folder-open\" class=\"ax-text-6xl ax-mb-4\"></ax-icon>\n    <h3 class=\"ax-text-xl ax-font-medium ax-mb-2\">No Items Found</h3>\n    <p class=\"\">This folder is empty. Add some files or folders to get started.</p>\n  </div>\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;-moz-user-select:-moz-none;user-select:none;flex-direction:column;gap:1rem}axm-document-explorer .animation-duration-2s{--fa-animation-duration: 2s}\n"] }]
-        }] });
 
 class AXMDocumentTypeChooseFileComponent extends AXBasePageComponent {
     constructor() {
@@ -4703,777 +4067,1073 @@ class AXMDocumentTypeChooseFileComponent extends AXBasePageComponent {
                     : JSON.parse(i.interface)['children'][0]['children'][0]);
             }
         }
-    }
-    handleContextChanged(e) {
-        console.log(e.data);
-        this.context.set(e.data);
-    }
-    handleCancel() {
-        this.close();
-    }
-    handlesubmit() {
-        this.close({
-            context: this.context(),
-        });
-    }
-    getNode(meta) {
-        return get(meta, '__node__');
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: AXMDocumentTypeChooseFileComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.10", 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$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: i3$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.2.10", ngImport: i0, type: AXMDocumentTypeChooseFileComponent, decorators: [{
-            type: Component,
-            args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: 'axm-choose-document-type', imports: [AXButtonModule, AXDecoratorModule, AXFormModule, AXLabelModule, AXSelectBoxModule, AXPLayoutBuilderModule], 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" }]
-        }] });
-
-class AXMFileViewerPopupComponent extends AXBasePageComponent {
-    constructor() {
-        super(...arguments);
-        this.index = 0;
-        this.mediaViewer = viewChild(AXMediaViewerContainerComponent);
-        this.f = afterNextRender(() => {
-            setTimeout(() => {
-                this.mediaViewer()?.goToIndex(this.index, 0);
+    }
+    handleContextChanged(e) {
+        console.log(e.data);
+        this.context.set(e.data);
+    }
+    handleCancel() {
+        this.close();
+    }
+    handleSubmit() {
+        this.close({
+            context: this.context(),
+        });
+    }
+    getNode(meta) {
+        return get(meta, '__node__');
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: AXMDocumentTypeChooseFileComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.10", type: AXMDocumentTypeChooseFileComponent, isStandalone: true, selector: "ng-component", 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' | translate | async\" (onClick)=\"handleCancel()\"> </ax-button>\n    <ax-button [text]=\"'submit' | translate | async\" look=\"solid\" color=\"primary\" (onClick)=\"handleSubmit()\">\n    </ax-button>\n  </ax-suffix>\n</ax-footer>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "ngmodule", type: 
+                //
+                AXButtonModule }, { kind: "component", type: i2$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: i3$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: i5.AXLabelComponent, selector: "ax-label", inputs: ["required", "for"], outputs: ["requiredChange"] }, { kind: "ngmodule", type: AXSelectBoxModule }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: i3$2.AXTranslatorPipe, name: "translate" }, { 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.2.10", ngImport: i0, type: AXMDocumentTypeChooseFileComponent, decorators: [{
+            type: Component,
+            args: [{ changeDetection: ChangeDetectionStrategy.OnPush, imports: [
+                        CommonModule,
+                        //
+                        AXButtonModule,
+                        AXDecoratorModule,
+                        AXFormModule,
+                        AXLabelModule,
+                        AXSelectBoxModule,
+                        AXTranslationModule,
+                        //
+                        AXPLayoutBuilderModule,
+                    ], 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' | translate | async\" (onClick)=\"handleCancel()\"> </ax-button>\n    <ax-button [text]=\"'submit' | translate | async\" look=\"solid\" color=\"primary\" (onClick)=\"handleSubmit()\">\n    </ax-button>\n  </ax-suffix>\n</ax-footer>\n" }]
+        }] });
+
+class AXMFileViewerPopupComponent extends AXBasePageComponent {
+    constructor() {
+        super(...arguments);
+        this.index = 0;
+        this.mediaViewer = viewChild(AXMediaViewerContainerComponent);
+        this.f = afterNextRender(() => {
+            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);
+    }
+    onClose() {
+        this.close();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: AXMFileViewerPopupComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "19.2.10", 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: i3$1.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i3$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: i3$1.AXDecoratorFullScreenButtonComponent, selector: "ax-fullscreen-button" }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i2$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: AXMediaViewerModule }, { kind: "component", type: i3$3.AXMediaViewerContainerComponent, selector: "ax-media-viewer-container", inputs: ["dataArray", "thumbnail"] }, { kind: "component", type: i3$3.AXFileInfoComponent, selector: "ax-file-info" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: AXMFileViewerPopupComponent, 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"] }]
+        }] });
+
+var fileViewerPopup_component = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    AXMFileViewerPopupComponent: AXMFileViewerPopupComponent
+});
+
+var AXPDocumentExplorerSettings;
+(function (AXPDocumentExplorerSettings) {
+    AXPDocumentExplorerSettings["ViewMode"] = "document-explorer:layout:view-mode";
+    AXPDocumentExplorerSettings["SortField"] = "document-explorer:layout:sort-field";
+    AXPDocumentExplorerSettings["SortDirection"] = "document-explorer:layout:sort-direction";
+})(AXPDocumentExplorerSettings || (AXPDocumentExplorerSettings = {}));
+
+const AXPDocumentExplorerViewModel = signalStore({ providedIn: 'root' }, withState(() => ({
+    // View State
+    viewMode: 'large-tiles',
+    isLoading: false,
+    scope: AXPPlatformScope.User,
+    // Navigation State
+    currentPath: [],
+    currentNode: null,
+    loadingFolderId: null,
+    navigatingFolderId: null,
+    backHistory: [],
+    // Selection State
+    selectionMode: 'none',
+    selectedNodes: [],
+    // Browse State
+    browseMode: 'file',
+    // Sort State
+    sortField: 'name',
+    sortDirection: 'asc',
+    // Content State
+    folders: [],
+    files: [],
+    itemsCount: 0,
+    availableSpace: 0,
+    // Drive State
+    currentDrive: null,
+    // File Type State
+    fileTypes: [],
+    // Detail Panel State
+    detailPanel: false,
+})), withComputed((store) => ({
+    isRoot: computed(() => {
+        const path = store.currentPath();
+        return path.length === 1;
+    }),
+    isVirtual: computed(() => {
+        const node = store.currentNode();
+        return node?.storageType === 'virtual';
+    }),
+    currentFolder: computed(() => store.currentNode()),
+    currentFolderContents: computed(() => ({
+        folders: store.folders(),
+        files: store.files(),
+    })),
+    isLargeTilesView: computed(() => store.viewMode() === 'large-tiles'),
+    isSmallTilesView: computed(() => store.viewMode() === 'small-tiles'),
+    isListView: computed(() => store.viewMode() === 'list'),
+    isDetailsView: computed(() => store.viewMode() === 'details'),
+    isLargeIconsView: computed(() => store.viewMode() === 'large-icons'),
+    isSmallIconsView: computed(() => store.viewMode() === 'small-icons'),
+    isBackAvailable: computed(() => store.backHistory().length > 0),
+    isUpAvailable: computed(() => {
+        const node = store.currentNode();
+        return node?.parentId != null;
+    }),
+    selectedCount: computed(() => store.selectedNodes().length),
+    hasSelectedItems: computed(() => store.selectedNodes().length > 0),
+    hasMultipleSelectedItems: computed(() => store.selectedNodes().length > 1),
+    isMultiSelect: computed(() => store.selectionMode() === 'multiple'),
+    selectedNode: computed(() => store.selectedNodes()[0] ?? null),
+    isDetailPanelOpen: computed(() => store.detailPanel()),
+})), withMethods((store, fileTypeService = inject(AXPFileTypeProviderService), documentTypeService = inject(AXMDocumentTypeService), driveService = inject(AXMDocumentManagerService), settingService = inject(AXPSettingService), sessionService = inject(AXPSessionService), translateService = inject(AXTranslationService)) => ({
+    async initialize(options) {
+        // Load file types
+        const fileTypes = await fileTypeService.items();
+        patchState(store, { fileTypes });
+        // Load initial settings
+        const viewMode = await settingService
+            .scope(options?.scope || AXPPlatformScope.User)
+            .get(AXPDocumentExplorerSettings.ViewMode);
+        const sortField = await settingService
+            .scope(options?.scope || AXPPlatformScope.User)
+            .get(AXPDocumentExplorerSettings.SortField);
+        const sortDirection = await settingService
+            .scope(options?.scope || AXPPlatformScope.User)
+            .get(AXPDocumentExplorerSettings.SortDirection);
+        patchState(store, {
+            viewMode: viewMode || 'list',
+            sortField: sortField || 'name',
+            sortDirection: sortDirection || 'asc',
+            browseMode: options?.browseMode || 'file',
+            scope: options?.scope || AXPPlatformScope.User,
+        });
+    },
+    _load: async (folderId) => {
+        patchState(store, { loadingFolderId: folderId, isLoading: true });
+        await new Promise((resolve) => setTimeout(resolve, 100));
+        try {
+            const node = await driveService.getFolder(store.scope(), folderId, {
+                tenantId: sessionService.tenant?.id,
+                userId: sessionService.user?.id,
+            });
+            // Sort with direction
+            const sortField = store.sortField();
+            const sortDirection = store.sortDirection();
+            const directionMultiplier = sortDirection === 'asc' ? 1 : -1;
+            switch (sortField) {
+                case 'name':
+                    node.result.children = node.result.children?.sort((a, b) => directionMultiplier * a.name.localeCompare(b.name));
+                    break;
+                case 'modified':
+                    node.result.children = node.result.children?.sort((a, b) => directionMultiplier * ((a.modifiedAt?.getTime() ?? 0) - (b.modifiedAt?.getTime() ?? 0)));
+                    break;
+                case 'size':
+                    node.result.children = node.result.children?.sort((a, b) => directionMultiplier * ((a.size ?? 0) - (b.size ?? 0)));
+                    break;
+                default:
+                    node.result.children = node.result.children?.sort((a, b) => directionMultiplier * a.name.localeCompare(b.name));
+                    break;
+            }
+            patchState(store, {
+                currentNode: node.result,
+                currentPath: node.path,
+                folders: node.result.children?.filter((item) => item.type === 'folder') || [],
+                files: node.result.children?.filter((item) => store.browseMode() == 'file' && item.type === 'file') || [],
+                itemsCount: node.result.children?.length || 0,
+                availableSpace: await driveService.getAvailableSpace(),
+                loadingFolderId: null,
+                isLoading: false,
+                navigatingFolderId: null,
+            });
+        }
+        catch (error) {
+            patchState(store, {
+                loadingFolderId: null,
+                isLoading: false,
+            });
+            throw error;
+        }
+    },
+    navigateToFolder(folderId) {
+        const currentNode = store.currentNode();
+        if (currentNode) {
+            patchState(store, {
+                backHistory: [...store.backHistory(), { folderId: currentNode.id, path: store.currentPath() }],
             });
+        }
+        patchState(store, { navigatingFolderId: folderId });
+    },
+    async loadFolderContents(folderId) {
+        await this._load(folderId);
+        this.deselectAll();
+    },
+    async virtualFolder(files = [], options) {
+        const id = 'virtual';
+        patchState(store, {
+            loadingFolderId: id,
+            isLoading: true,
         });
-    }
-    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);
-    }
-    onClose() {
-        this.close();
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: AXMFileViewerPopupComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "19.2.10", 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: i3$1.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i3$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: i3$1.AXDecoratorFullScreenButtonComponent, selector: "ax-fullscreen-button" }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i2$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: AXMediaViewerModule }, { kind: "component", type: i3$3.AXMediaViewerContainerComponent, selector: "ax-media-viewer-container", inputs: ["dataArray", "thumbnail"] }, { kind: "component", type: i3$3.AXFileInfoComponent, selector: "ax-file-info" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: AXMFileViewerPopupComponent, 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"] }]
-        }] });
-
-var fileViewerPopup_component = /*#__PURE__*/Object.freeze({
-    __proto__: null,
-    AXMFileViewerPopupComponent: AXMFileViewerPopupComponent
-});
-
-class AXMFolderPathBreadcrumbsComponent {
-    constructor() {
-        this.vm = inject(AXPDocumentExplorerViewModel);
-        this.layout = inject(AXPLayoutThemeService);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: AXMFolderPathBreadcrumbsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.10", 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: i2$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: i3$1.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: AXMFolderPathBreadcrumbsComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'axm-folder-path-breadcrumbs', standalone: true, imports: [
-                        AXButtonModule,
-                        AXDecoratorModule,
-                    ], 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"] }]
-        }] });
-
-var index = /*#__PURE__*/Object.freeze({
-    __proto__: null,
-    AXMDocumentTypeChooseFileComponent: AXMDocumentTypeChooseFileComponent,
-    AXMFileViewerPopupComponent: AXMFileViewerPopupComponent,
-    AXMFolderPathBreadcrumbsComponent: AXMFolderPathBreadcrumbsComponent
-});
-
-class AXMDocumentExplorerDetailPanelComponent {
-    constructor() {
-        this.vm = inject(AXPDocumentExplorerViewModel);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: AXMDocumentExplorerDetailPanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.10", 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() }} {{ t('itemsSelected', { scope: 'common' }) | 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: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i3$1.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "ngmodule", type: AXFormatModule }, { kind: "pipe", type: i2$2.AXFormatPipe, name: "format" }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i2$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: i4$1.AXTranslatorDirective, selector: "[translate]" }], encapsulation: i0.ViewEncapsulation.None }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: AXMDocumentExplorerDetailPanelComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'axm-document-explorer-detail-panel', standalone: true, encapsulation: ViewEncapsulation.None, imports: [
-                        CommonModule,
-                        AXDecoratorModule,
-                        AXFormatModule,
-                        AXButtonModule,
-                        AXTranslationModule
-                    ], 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() }} {{ t('itemsSelected', { scope: 'common' }) | 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"] }]
-        }] });
-
-class AXMDocumentDriveComponent extends AXPPageLayoutBaseComponent {
-    constructor() {
-        super(...arguments);
-        //#region ----------------   Services & Dependencies   ----------------
-        this.rootConfig = RootConfig;
-        this.fileTypeService = inject(AXPFileTypeProviderService);
-        this.driveService = inject(AXMDocumentManagerService);
-        this.vm = inject(AXPDocumentExplorerViewModel);
-        this.router = inject(Router);
-        this.activatedRoute = inject(ActivatedRoute);
-        //#endregion
-        //#region ----------------   View Properties   ----------------
-        this.filterItems = signal([]);
-        this.selectedFilter = signal('all');
-        this.sortItems = signal([
-            { key: 'name', textKey: 'actions.sort-by-name', icon: 'fa-light fa-font' },
-            { key: 'modified', textKey: 'actions.sort-by-date', icon: 'fa-light fa-calendar' },
-            { key: 'size', textKey: 'actions.sort-by-size', icon: 'fa-light fa-weight-hanging' },
-        ]);
-        this.viewsItems = signal([
-            { key: 'large-icons', icon: 'fa-light fa-grid' },
-            { key: 'small-icons', icon: 'fa-light fa-grid', break: true },
-            { key: 'large-tiles', icon: 'fa-grid-2' },
-            { key: 'small-tiles', icon: 'fa-grid-2', break: true },
-            { key: 'details', icon: 'fa-bars', break: true },
-            { key: 'list', icon: 'fa-list' },
-        ]);
-        this.selectedViewMode = computed(() => this.viewsItems().find((item) => item.key === this.vm.viewMode()) || this.viewsItems()[0]);
-        this.selectionMode = signal('single');
-        this.documentExplorer = viewChild(AXMDocumentExplorerComponent);
-        //#endregion
-        //#region ----------------   Computed Properties   ----------------
-        this.selectedSort = computed(() => {
-            const items = this.sortItems();
-            return items.find((item) => item.key === this.vm.sortField()) || items[0];
+        await new Promise((resolve) => setTimeout(resolve, 100));
+        const node = {
+            id: id,
+            name: options?.name || 'virtual',
+            type: 'folder',
+            children: files,
+            parentId: options?.parentId || null,
+            size: 0,
+            storageType: 'virtual',
+        };
+        patchState(store, {
+            currentNode: node,
+            currentPath: [
+                node
+            ],
+            folders: files.filter((item) => item.type === 'folder'),
+            files: files.filter((item) => item.type === 'file'),
+            itemsCount: files.length,
+            availableSpace: await driveService.getAvailableSpace(),
+            loadingFolderId: null,
+            isLoading: false,
+            navigatingFolderId: null,
         });
-        //#endregion
-        //#region ----------------   Effects   ----------------
-        this.#navigateEffect = effect(() => {
-            const navigatingFolderId = this.vm.navigatingFolderId();
-            if (navigatingFolderId) {
-                this.handleNavigateToFolder(navigatingFolderId);
+    },
+    setViewMode(mode) {
+        patchState(store, { viewMode: mode });
+        settingService.scope(AXPPlatformScope.User).set(AXPDocumentExplorerSettings.ViewMode, mode);
+    },
+    isViewMode(mode) {
+        return store.viewMode() === mode;
+    },
+    setSortField(field) {
+        patchState(store, { sortField: field });
+        settingService.scope(AXPPlatformScope.User).set(AXPDocumentExplorerSettings.SortField, field);
+        this.refresh();
+    },
+    setSortDirection(direction) {
+        patchState(store, { sortDirection: direction });
+        settingService.scope(AXPPlatformScope.User).set(AXPDocumentExplorerSettings.SortDirection, direction);
+        this.refresh();
+    },
+    setSelectionMode(mode) {
+        patchState(store, { selectionMode: mode });
+    },
+    setDrive(scope) {
+        patchState(store, { currentDrive: scope });
+    },
+    isLoadingFolder(folderId) {
+        return store.loadingFolderId() === folderId;
+    },
+    getFileInfo(fileName) {
+        const fileTypes = store.fileTypes();
+        const extension = fileName.split('.').pop()?.toLowerCase() || '';
+        const extensions = fileTypes.flatMap((type) => type.extensions);
+        const fileType = extensions.find((e) => e.name === extension);
+        return {
+            icon: fileType?.icon || 'fa-light fa-file',
+            type: fileType?.name || 'Unknown',
+        };
+    },
+    getNodeInfo(node) {
+        // If no node, return a default object
+        if (!node) {
+            return {
+                name: '---',
+                icon: 'fa-light fa-folder',
+                type: 'Folder',
+                sections: [
+                    {
+                        title: 'Details',
+                        details: [],
+                    },
+                ],
+            };
+        }
+        // If the node is a file, return the file info
+        if (node.type === 'file') {
+            const fileTypes = store.fileTypes();
+            const extension = node.name.split('.').pop()?.toLowerCase() || '';
+            const extensions = fileTypes.flatMap((type) => type.extensions);
+            const fileType = extensions.find((e) => e.name === extension);
+            return {
+                name: node.name,
+                icon: fileType?.icon || 'fa-light fa-file',
+                type: 'File',
+                sections: [
+                    {
+                        title: 'Details',
+                        details: [
+                            {
+                                title: 'Description',
+                                content: node.description,
+                                icon: 'fa-solid fa-file-lines',
+                            },
+                            {
+                                title: 'Size',
+                                content: node.size || 0,
+                                format: 'filesize',
+                                icon: 'fa-solid fa-file-lines',
+                            },
+                            {
+                                title: 'Created at',
+                                content: node.createdAt || new Date(),
+                                format: 'datetime',
+                                icon: 'fa-solid fa-calendar-days',
+                            },
+                            {
+                                title: 'Modified at',
+                                content: node.modifiedAt || new Date(),
+                                format: 'datetime',
+                                icon: 'fa-solid fa-calendar-days',
+                            },
+                        ],
+                    },
+                ],
+            };
+        }
+        // If the node is a folder, return the folder info
+        else {
+            return {
+                name: node.name,
+                icon: 'fa-light fa-folder ax-text-yellow-500',
+                type: 'Folder',
+                sections: [
+                    {
+                        title: 'Details',
+                        details: [
+                            {
+                                title: 'Description',
+                                content: node.description,
+                                icon: 'fa-solid fa-file-lines',
+                            },
+                            {
+                                title: 'Items',
+                                content: node.childrenCount,
+                                icon: 'fa-solid fa-file-lines',
+                            },
+                            {
+                                title: 'Size',
+                                content: node.size || 0,
+                                format: 'filesize',
+                                icon: 'fa-solid fa-file-lines',
+                            },
+                            {
+                                title: 'Created at',
+                                content: node.createdAt || new Date(),
+                                format: 'datetime',
+                                icon: 'fa-solid fa-calendar-days',
+                            },
+                            {
+                                title: 'Modified at',
+                                content: node.modifiedAt || new Date(),
+                                format: 'datetime',
+                                icon: 'fa-solid fa-calendar-days',
+                            },
+                        ],
+                    },
+                ],
+            };
+        }
+    },
+    sortItems(items) {
+        const field = store.sortField();
+        const direction = store.sortDirection();
+        return [...items].sort((a, b) => {
+            let comparison = 0;
+            switch (field) {
+                case 'name':
+                    comparison = a.name.localeCompare(b.name);
+                    break;
+                case 'modified':
+                    const aDate = a.modifiedAt ? new Date(a.modifiedAt) : new Date(0);
+                    const bDate = b.modifiedAt ? new Date(b.modifiedAt) : new Date(0);
+                    comparison = aDate.getTime() - bDate.getTime();
+                    break;
+                case 'size':
+                    comparison = (a.size || 0) - (b.size || 0);
+                    break;
             }
+            return direction === 'asc' ? comparison : -comparison;
         });
-        this.#loadingEffect = effect(() => {
-            const isLoading = this.vm.isLoading();
-            untracked(() => {
-                this.layoutService.setNavigationLoading(isLoading);
-            });
-        });
-    }
-    //#endregion
-    //#region ----------------   Effects   ----------------
-    #navigateEffect;
-    #loadingEffect;
-    //#endregion
-    //#region ----------------   Lifecycle Hooks   ----------------
-    async ngOnInit() {
-        super.ngOnInit();
-        await this.loadFilterItems();
-        const snapshot = this.activatedRoute.snapshot;
-        const routerScope = resolvePlatformScopeKey(snapshot.parent?.paramMap.get('scope')?.trim()?.toLowerCase());
-        await this.vm.initialize({ browseMode: 'file', scope: routerScope });
-        this.activatedRoute.paramMap.subscribe(async () => {
-            this.loadDrive();
-        });
-    }
-    //#endregion
-    //#region ----------------   Event Handlers   ----------------
-    async handleSearchChange(event) {
-        const result = await this.driveService.searchNodes(event.value, AXPPlatformScope.Tenant);
-    }
-    handleCtrlKey(e) {
-        this.selectionMode.set('multiple');
-    }
-    handleCtrlKeyUp(e) {
-        this.selectionMode.set('single');
-    }
-    handleNavigateToFolder(folderId) {
-        this.router.navigate([
-            `${this.sessionService.application?.name}/drive/${resolvePlatformScopeName(this.vm.scope())}/${folderId}`,
-        ]);
-    }
-    //#endregion
-    //#region ----------------   Data Loading Methods   ----------------
-    async loadDrive() {
-        const folderId = this.activatedRoute.snapshot.paramMap.get('id');
-        if (folderId) {
-            await this.vm.loadFolderContents(folderId);
+    },
+    async refresh() {
+        if (!store.isVirtual()) {
+            const currentFolder = store.currentNode();
+            if (currentFolder) {
+                await this._load(currentFolder.id);
+            }
         }
         else {
-            // TODO: get root from tenant or user by scope
-            const root = await this.driveService.getRoot(this.vm.scope(), {
-                tenantId: this.sessionService.tenant?.id,
-                userId: this.sessionService.user?.id,
+            patchState(store, { loadingFolderId: 'fake' });
+            patchState(store, { loadingFolderId: null });
+        }
+    },
+    navigateToUp() {
+        const currentNode = store.currentNode();
+        const parentId = currentNode?.parentId;
+        if (parentId && currentNode) {
+            patchState(store, {
+                backHistory: [...store.backHistory(), { folderId: currentNode.id, path: store.currentPath() }],
             });
-            if (root.result) {
-                await this.router.navigate([
-                    `${this.sessionService.application?.name}/drive/${resolvePlatformScopeName(this.vm.scope())}/${root.result.id}`,
-                ], {
-                    replaceUrl: true,
-                });
+            patchState(store, { navigatingFolderId: parentId });
+            this.loadFolderContents(parentId);
+        }
+    },
+    async navigateBack() {
+        const history = store.backHistory();
+        if (history.length === 0) {
+            return;
+        }
+        const lastEntry = history[history.length - 1];
+        patchState(store, { backHistory: history.slice(0, history.length - 1) });
+        patchState(store, { navigatingFolderId: lastEntry.folderId });
+        await this.loadFolderContents(lastEntry.folderId);
+    },
+    async openGalleryWithFolderId() {
+        const folder = store.currentNode();
+        const files = folder?.children?.filter((item) => item.type === 'file') || [];
+        await driveService.showFileViewerPopup(files[0]);
+    },
+    //TODO: Delete only one node at a time
+    async deleteNodes(nodes = store.selectedNodes()) {
+        if (store.isVirtual()) {
+            patchState(store, {
+                files: store.currentFolderContents().files.filter((file) => !nodes.some((node) => node.name === file.name)),
+            });
+            this.deselectAll();
+        }
+        else {
+            const result = await driveService.showDeleteNodesDialog(nodes);
+            if (result) {
+                this.deselectAll();
+                await this.refresh();
             }
         }
-        //
-        this.recompute();
-    }
-    async loadFilterItems() {
-        const types = await this.fileTypeService.items();
+    },
+    toggleSelect(node) {
+        if (store.selectionMode() === 'multiple') {
+            patchState(store, {
+                selectedNodes: store.selectedNodes().includes(node)
+                    ? store.selectedNodes().filter((n) => n.id !== node.id)
+                    : [...store.selectedNodes(), node],
+            });
+        }
+        else {
+            patchState(store, { selectedNodes: [node] });
+        }
+    },
+    isItemSelected(node) {
+        return store.selectedNodes().some((selectedNode) => selectedNode.id === node.id);
+    },
+    selectAll() {
+        patchState(store, { selectedNodes: [...store.folders(), ...store.files()] });
+    },
+    deselectAll() {
+        patchState(store, { selectedNodes: [] });
+    },
+    openDetailPanel() {
+        patchState(store, { detailPanel: true });
+    },
+    closeDetailPanel() {
+        patchState(store, { detailPanel: false });
+    },
+    toggleDetailPanel() {
+        patchState(store, { detailPanel: !store.detailPanel() });
+    },
+    //#region Menu Items
+    async getFolderAddMenuItems() {
+        const scope = RootConfig.config.i18n;
+        return [
+            {
+                title: await translateService.translateAsync('actions.create-folder', { scope }),
+                icon: 'fa-light fa-folder-plus',
+                break: true,
+                command: {
+                    name: 'new-folder',
+                    options: {
+                        folderId: store.currentFolder()?.id,
+                    },
+                },
+            },
+            ...(store.currentFolder()?.documentTypes?.map((type) => ({
+                title: type.title,
+                //icon: type.icon,
+                icon: 'fa-light fa-file-arrow-up',
+                break: true,
+                command: {
+                    name: `upload.${type.name}`,
+                    options: {
+                        folderId: store.currentFolder()?.id,
+                        documentType: type,
+                    },
+                },
+            })) ?? []),
+            // {
+            //   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() {
+        return [
+            {
+                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',
+            // },
+        ];
+    },
+    //#endregion
+    //#region Context Menu Items
+    async getContextMenuItems() {
+        return [...(await this.getFolderAddMenuItems()), ...(await this.getFolderActionMenuItems())];
+    },
+    //#endregion
+    //#region ----   Menu Items   ----
+    /**
+     * Returns menu items for file context menu
+     */
+    async getFileContextMenuItems(node) {
+        const trans = async (key) => await translateService.translateAsync(key, { scope: RootConfig.config.i18n });
+        return [
+            {
+                name: 'open-file',
+                text: await trans('menu.open'),
+                icon: this.getFileInfo(node.name).icon,
+                data: node,
+            },
+            {
+                name: 'download',
+                text: await trans('menu.download'),
+                icon: 'fa-light fa-download',
+                data: node,
+            },
+            {
+                name: 'share',
+                text: await trans('menu.share.share'),
+                icon: 'fa-light fa-share-nodes',
+                items: [
+                    {
+                        name: 'share',
+                        text: await trans('menu.share.share'),
+                        icon: 'fa-light fa-users',
+                        data: node,
+                    },
+                    {
+                        name: 'share-with-email',
+                        text: await trans('menu.share.email'),
+                        icon: 'fa-light fa-envelope',
+                        data: node,
+                    },
+                    {
+                        name: 'link',
+                        text: await trans('menu.share.link'),
+                        icon: 'fa-light fa-link',
+                        data: node,
+                    },
+                ],
+                break: true,
+            },
+            {
+                name: 'file-info',
+                text: await trans('menu.information'),
+                icon: 'fa-light fa-circle-info',
+                items: [
+                    {
+                        name: 'rename',
+                        text: await trans('menu.rename'),
+                        icon: 'fa-light fa-pencil',
+                        data: node,
+                    },
+                    {
+                        name: 'properties',
+                        text: await trans('menu.properties'),
+                        icon: 'fa-light fa-memo-circle-info',
+                        break: true,
+                        data: node,
+                    },
+                    {
+                        name: 'lock',
+                        text: await trans('menu.lock'),
+                        icon: 'fa-light fa-lock',
+                        data: node,
+                    },
+                ],
+                break: true,
+            },
+            {
+                name: 'copy',
+                text: await trans('menu.make-copy'),
+                icon: 'fa-light fa-copy',
+                data: node,
+            },
+            {
+                name: 'copy-to',
+                text: await trans('menu.copy-to'),
+                icon: 'fa-light fa-copy',
+                data: node,
+            },
+            {
+                name: 'move-to',
+                text: await trans('menu.move-to'),
+                icon: 'fa-light fa-arrow-right-arrow-left',
+                break: true,
+                data: node,
+            },
+            {
+                name: 'delete',
+                text: await trans('menu.delete'),
+                color: 'danger',
+                icon: 'fa-light fa-trash',
+                data: node,
+            },
+        ];
+    },
+    /**
+     * Returns menu items for folder context menu
+     */
+    async getFolderContextMenuItems(node) {
+        const trans = async (key) => await translateService.translateAsync(key, { scope: RootConfig.config.i18n });
         const items = [
-            { key: 'all', textKey: 'file-types.all', icon: 'fa-light fa-folder-closed' },
-            ...types.map((type) => ({
-                key: type.name,
-                textKey: `file-types.${type.name}`,
-                icon: type.icon || 'fa-light fa-file',
-            })),
+            {
+                name: 'open-folder',
+                text: await trans('menu.open'),
+                icon: 'fa-light fa-folder-open',
+                data: node,
+            }
         ];
-        this.filterItems.set(items);
-    }
-    //#endregion
-    //#region ----------------   Filter Methods   ----------------
-    setFilter(key) {
-        this.selectedFilter.set(key);
-    }
-    getFilterIcon() {
-        if (this.selectedFilter() === 'all') {
-            return 'fa-light fa-folder-closed';
-        }
-        const item = this.filterItems().find((item) => item.key === this.selectedFilter());
-        return item?.icon || 'fa-light fa-file';
-    }
-    getFilterText() {
-        if (this.selectedFilter() === 'all') {
-            return 'file-types.all';
+        if (node?.documentTypes?.length) {
+            items.push({
+                text: await trans('menu.upload'),
+                icon: 'fa-light fa-file-arrow-up',
+                break: true,
+                items: node.documentTypes.map((type, index, array) => ({
+                    name: `upload.${type.name}`,
+                    text: type.title,
+                    icon: 'fa-light fa-file-arrow-up',
+                    break: index !== array.length - 1,
+                    data: {
+                        node,
+                        documentType: type,
+                    },
+                })),
+            });
         }
-        const item = this.filterItems().find((item) => item.key === this.selectedFilter());
-        return item?.textKey || 'file-types.all';
-    }
-    //#endregion
-    //#region ----------------   Page Configuration Overrides   ----------------
-    async getPrimaryMenuItems() {
-        if (this.vm.hasMultipleSelectedItems()) {
-            return [
+        items.push({
+            name: 'folder-info',
+            text: await trans('menu.information'),
+            icon: 'fa-light fa-circle-info',
+            items: [
                 {
-                    name: 'deleteItems',
-                    title: 't("deleteItems")',
-                    icon: 'fa-light fa-trash-can',
-                    color: 'danger',
+                    name: 'rename',
+                    text: await trans('menu.rename'),
+                    icon: 'fa-light fa-pencil',
+                    data: node,
                 },
-            ];
-        }
-        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: addItemItems,
-            },
-        ];
-    }
-    async getSecondaryMenuItems() {
-        if (this.vm.hasMultipleSelectedItems()) {
-            return [
                 {
-                    name: 'delete',
-                    title: 't("delete")',
-                    icon: 'fa-light fa-trash-can',
-                    color: 'danger',
+                    name: 'properties',
+                    text: await trans('menu.properties'),
+                    icon: 'fa-light fa-memo-circle-info',
+                    break: true,
+                    data: node,
                 },
-            ];
-        }
-        return this.vm.getFolderActionMenuItems();
-    }
-    async getPageTitle() {
-        if (this.vm.isRoot()) {
-            return this.translateService.translateAsync(`scope.${resolvePlatformScopeName(this.vm.scope())}.title`, { scope: this.rootConfig.config.i18n });
-        }
-        return this.vm.currentFolder()?.name || '';
-    }
-    async getPageDescription() {
-        const count = await this.vm.itemsCount();
-        const size = await this.vm.availableSpace();
-        const formattedSize = await this.formatService.format(size, 'filesize');
-        return this.translateService.translateAsync(`scope.${resolvePlatformScopeName(this.vm.scope())}.description`, {
-            scope: this.rootConfig.config.i18n,
-            params: {
-                count,
-                size: formattedSize,
-            },
+                {
+                    name: 'lock',
+                    text: await trans('menu.lock'),
+                    icon: 'fa-light fa-lock',
+                    data: node,
+                },
+            ],
+            break: true,
+        }, {
+            name: 'copy',
+            text: await trans('menu.make-copy'),
+            icon: 'fa-light fa-copy',
+            data: node,
+        }, {
+            name: 'copy-to',
+            text: await trans('menu.copy-to'),
+            icon: 'fa-light fa-copy',
+            data: node,
+        }, {
+            name: 'move-to',
+            text: await trans('menu.move-to'),
+            icon: 'fa-light fa-arrow-right-arrow-left',
+            break: true,
+            data: node,
+        }, {
+            name: 'delete',
+            text: await trans('menu.delete'),
+            color: 'danger',
+            icon: 'fa-light fa-trash',
+            data: node,
         });
-    }
-    getBackButton() {
-        if (this.vm.isUpAvailable()) {
-            return {
-                title: this.vm.currentPath()[this.vm.currentPath().length - 2].name,
-            };
+        return items;
+    },
+    /**
+     * Returns context menu items based on node type
+     */
+    async getNodeContextMenuItems(node) {
+        if (node.type === 'file') {
+            return await this.getFileContextMenuItems(node);
         }
-        return null;
-    }
-    onBackButtonClick() {
-        if (this.vm.isUpAvailable()) {
-            this.vm.navigateToUp();
+        else {
+            return await this.getFolderContextMenuItems(node);
         }
-    }
-    async getPageBreadcrumbs() {
-        return [
-            {
-                title: await this.translateService.translateAsync(`scope.${resolvePlatformScopeName(this.vm.scope())}.title`, { scope: this.rootConfig.config.i18n }),
-            },
-        ];
-    }
-    async execute(command) {
-        const folderId = command.options?.['folderId'];
-        switch (command.name) {
-            case 'new-folder':
-                if (folderId) {
-                    await this.driveService.showCreateFolderDialog(folderId);
-                    this.vm.refresh();
-                }
+    },
+    //#endregion
+    //#region ----   Menu Actions   ----
+    /**
+     * Opens a file
+     */
+    async openFile(node) {
+        await driveService.openFile(node);
+    },
+    /**
+     * Handles all menu item clicks
+     */
+    async handleMenuItemClick(name, data) {
+        const node = data;
+        switch (name) {
+            case 'open-folder':
+                this.navigateToFolder(node.id);
+                break;
+            case 'open-file':
+                await this.openFile(node);
                 break;
             case 'open-gallery':
-                if (folderId) {
-                    await this.driveService.showFileViewerPopup(this.vm.currentFolder().children[0]);
+                if (data.folderId != null) {
+                    await this.openGalleryWithFolderId();
+                }
+                else {
+                    await this.openGallery(node);
                 }
                 break;
+            case 'download':
+                this.downloadFile(node);
+                break;
+            case 'new-folder':
+                await this.createFolder(node);
+                break;
+            case 'paste':
+                //TODO: Handle paste operation
+                break;
+            case 'move-to':
+                await this.moveTo(node);
+                break;
+            case 'copy-to':
+                await this.copyTo(node);
+                break;
+            case 'rename':
+                await this.renameNode(node);
+                break;
+            case 'properties':
+                await this.showFolderProperty(node);
+                break;
+            case 'delete':
+                await this.deleteNodes([node]);
+                break;
+            case 'refresh':
+                await this.refresh();
+                break;
+            case 'copy':
+                await this.makeCopy(node);
+                break;
+            /*
+            case 'share':
+              await this.share(node);
+              break;
+            case 'share-with-email':
+              await this.shareWithEmail(node);
+              break;
+            case 'link':
+              await this.link(node);
+              break;
+            */
+            case 'lock':
+                await this.lock(node);
+                break;
+            case 'unlock':
+                await this.unlock(node);
+                break;
             default:
-                if (command.name.startsWith('upload.')) {
-                    await this.driveService.uploadFileByType(folderId, command.options?.['documentType']?.id);
-                    this.vm.refresh();
+                if (name?.startsWith('upload.')) {
+                    await this.uploadFileByType(data.node?.id ?? store.currentNode()?.id, data.documentType.id);
+                    await this.refresh();
                 }
                 break;
         }
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: AXMDocumentDriveComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.10", type: AXMDocumentDriveComponent, isStandalone: true, selector: "axp-document-drive", host: { listeners: { "document:keydown.control": "handleCtrlKey($event)", "document:keyup.control": "handleCtrlKeyUp($event)" } }, providers: [
-            AXPDocumentExplorerViewModel,
-            {
-                provide: AXPPageLayoutBase,
-                useExisting: AXMDocumentDriveComponent,
-            },
-        ], 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() }} {{ t('itemsSelected', { scope: 'common' }) | async }}\n        </span>\n        <span (click)=\"vm.deselectAll()\" class=\"ax-text-sm ax-text-secondary ax-underline ax-cursor-pointer\">{{\n          t('unselect', { scope: 'common' }) | 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        (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(layoutService.isLarge()) {\n      <!-- Detail Panel Toggle -->\n      <ax-button (onClick)=\"vm.toggleDetailPanel()\">\n        <ax-icon icon=\"{{ vm.isDetailPanelOpen() ? 'fa-solid fa-square-info' : 'fa-light fa-square-info' }}\"></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() && layoutService.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 -->\n  @if(!layoutService.isSmall()) {\n  <axp-page-footer>\n    <axp-layout-prefix>\n      <axm-folder-path-breadcrumbs></axm-folder-path-breadcrumbs>\n    </axp-layout-prefix>\n  </axp-page-footer>\n  }\n</axp-page-layout>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "ngmodule", type: RouterModule }, { kind: "ngmodule", type: 
-                //
-                AXMenuModule }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i2$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: i2$1.AXButtonItemComponent, selector: "ax-button-item", inputs: ["color", "disabled", "text", "selected", "divided", "data", "name"], outputs: ["onClick", "onFocus", "onBlur", "disabledChange"] }, { kind: "component", type: i2$1.AXButtonItemListComponent, selector: "ax-button-item-list", inputs: ["items"], outputs: ["onItemClick"] }, { kind: "ngmodule", type: AXButtonGroupModule }, { kind: "ngmodule", type: AXDropdownButtonModule }, { kind: "ngmodule", type: AXDropdownModule }, { kind: "component", type: i3$4.AXDropdownPanelComponent, selector: "ax-dropdown-panel", inputs: ["isOpen", "fitParent", "dropdownWidth", "position", "placement", "_target", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "directive", type: i4$1.AXTranslatorDirective, selector: "[translate]" }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i3$1.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i3$1.AXDecoratorClearButtonComponent, selector: "ax-clear-button", inputs: ["icon"] }, { kind: "component", type: i3$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: i6$1.AXSearchBoxComponent, selector: "ax-search-box", inputs: ["disabled", "readonly", "tabIndex", "placeholder", "value", "state", "name", "id", "look", "class", "delayTime", "type"], 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: AXMFolderPathBreadcrumbsComponent, selector: "axm-folder-path-breadcrumbs" }, { kind: "component", type: AXMDocumentExplorerDetailPanelComponent, selector: "axm-document-explorer-detail-panel" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: AXMDocumentDriveComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'axp-document-drive', standalone: true, imports: [
-                        CommonModule,
-                        RouterModule,
-                        //
-                        AXMenuModule,
-                        AXButtonModule,
-                        AXButtonGroupModule,
-                        AXDropdownButtonModule,
-                        AXDropdownModule,
-                        AXTranslationModule,
-                        AXDecoratorModule,
-                        AXLoadingModule,
-                        AXBreadcrumbsModule,
-                        AXBadgeModule,
-                        AXSearchBoxModule,
-                        AXFormatModule,
-                        AXFileModule,
-                        AXDateTimeModule,
-                        //
-                        AXPPageLayoutComponent,
-                        AXPThemeLayoutBlockComponent,
-                        //
-                        AXMDocumentExplorerComponent,
-                        AXMFolderPathBreadcrumbsComponent,
-                        AXMDocumentExplorerDetailPanelComponent
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [
-                        AXPDocumentExplorerViewModel,
-                        {
-                            provide: AXPPageLayoutBase,
-                            useExisting: AXMDocumentDriveComponent,
-                        },
-                    ], 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() }} {{ t('itemsSelected', { scope: 'common' }) | async }}\n        </span>\n        <span (click)=\"vm.deselectAll()\" class=\"ax-text-sm ax-text-secondary ax-underline ax-cursor-pointer\">{{\n          t('unselect', { scope: 'common' }) | 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        (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(layoutService.isLarge()) {\n      <!-- Detail Panel Toggle -->\n      <ax-button (onClick)=\"vm.toggleDetailPanel()\">\n        <ax-icon icon=\"{{ vm.isDetailPanelOpen() ? 'fa-solid fa-square-info' : 'fa-light fa-square-info' }}\"></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() && layoutService.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 -->\n  @if(!layoutService.isSmall()) {\n  <axp-page-footer>\n    <axp-layout-prefix>\n      <axm-folder-path-breadcrumbs></axm-folder-path-breadcrumbs>\n    </axp-layout-prefix>\n  </axp-page-footer>\n  }\n</axp-page-layout>\n" }]
-        }], propDecorators: { handleCtrlKey: [{
-                type: HostListener,
-                args: ['document:keydown.control', ['$event']]
-            }], handleCtrlKeyUp: [{
-                type: HostListener,
-                args: ['document:keyup.control', ['$event']]
-            }] } });
-
-var drive_component = /*#__PURE__*/Object.freeze({
-    __proto__: null,
-    AXMDocumentDriveComponent: AXMDocumentDriveComponent
-});
+    },
+    /**
+     * Downloads the specified file
+     */
+    downloadFile(node) {
+        driveService.downloadFile(node);
+    },
+    /**
+     * Opens the gallery for a folder
+     */
+    async openGallery(node) {
+        await driveService.showFileViewerPopup(node, {
+            folderVirtualFiles: store.files(),
+            index: store.files().findIndex((f) => f.id === node.id),
+        });
+    },
+    /**
+     * Shows properties for a folder
+     */
+    async showFolderProperty(node) {
+        if (await driveService.showFolderEditDialog(node)) {
+            await this.refresh();
+        }
+    },
+    /**
+     * Creates a new folder
+     */
+    async createFolder(node) {
+        const parentId = node?.id ?? store.currentNode()?.id;
+        if (parentId) {
+            const result = await driveService.showCreateFolderDialog(parentId);
+            if (result) {
+                await this.refresh();
+            }
+        }
+    },
+    /**
+     * Renames a node
+     */
+    async renameNode(node) {
+        if (node) {
+            const result = await driveService.showRenamePopup(node);
+            if (result) {
+                if (node.storageType == 'virtual') {
+                    const files = store.files();
+                    const updatedFiles = files.map((file) => {
+                        if (file.id === result.id) {
+                            return result;
+                        }
+                        return file;
+                    });
+                    this.virtualFolder(updatedFiles);
+                }
+                await this.refresh();
+            }
+            return result;
+        }
+        return;
+    },
+    /**
+     * Makes a copy of a node
+     */
+    async makeCopy(node) {
+        if (node) {
+            try {
+                await driveService.copy(node);
+                await this.refresh();
+            }
+            catch (error) {
+                console.error('Error copying node:', error);
+            }
+        }
+    },
+    /**
+     * Locks a node
+     */
+    async lock(node) {
+        await driveService.showLockDialog(node);
+    },
+    /**
+     * Unlocks a node
+     */
+    async unlock(node) {
+        await driveService.showUnlockDialog(node);
+    },
+    /**
+     * Moves a node to a different location
+     */
+    async moveTo(node) {
+        if (node) {
+            const result = await driveService.moveTo({ browseMode: 'folder', node: node, scope: store.scope() });
+            if (result) {
+                await this.refresh();
+            }
+        }
+    },
+    /**
+     * Copies a node to a different location
+     */
+    async copyTo(node) {
+        if (node) {
+            const result = await driveService.copyTo({ browseMode: 'folder', node: node, scope: store.scope() });
+            if (result) {
+                await this.refresh();
+            }
+        }
+    },
+    /**
+     * Uploads a file by type
+     */
+    async uploadFileByType(folderId, documentTypeId) {
+        await driveService.uploadFileByType(folderId, documentTypeId);
+        await this.refresh();
+    },
+    //#endregion
+})));
 
-class AXMDocumentAttachmentWidgetEditComponent extends AXPValueWidgetComponent {
+class AXMDocumentExplorerComponent {
     constructor() {
-        super(...arguments);
         this.vm = inject(AXPDocumentExplorerViewModel);
-        this.rootConfig = RootConfig;
-        this.sessionService = inject(AXPSessionService);
-        this.fileService = inject(AXFileService);
-        this.fileStorageService = inject(AXPFileStorageService);
-        this.driveService = inject(AXMDocumentManagerService);
-        this.documentTypeService = inject(AXMDocumentTypeService);
-        this.documentExplorer = viewChild(AXMDocumentExplorerComponent);
-        this.scopes = AXPPlatformScope;
-        this.actions = computed(() => this.options()['actions'] ?? []);
-        this.multiple = computed(() => this.options()['multiple']);
-        this.entity = computed(() => this.options()['entity']);
-        this.entityRecordId = computed(() => this.options()['record']);
-        // Store just the type names as computed
-        this.documentTypeNames = computed(() => (this.options()['types'] ?? []));
-        // Store the full document type models as a signal
-        this.documentTypes = signal([]);
-    }
-    async ngOnDestroy() {
-        const status = this.layoutService.status();
-        if (status == AXPPageStatus.Submitted) {
-            const oldFiles = await this.driveService.getAllFiles({
-                skip: 0,
-                take: 1000,
-                filter: {
-                    logic: 'and',
-                    filters: [
-                        {
-                            field: 'refRecordId',
-                            operator: {
-                                type: 'equal',
-                            },
-                            value: this.entityRecordId() ?? this.contextService.data()?.id,
-                        },
-                        {
-                            field: 'refEntity',
-                            operator: {
-                                type: 'equal',
-                            },
-                            value: this.entity(),
-                        },
-                    ],
-                },
-            });
-            const filesToDelete = oldFiles.filter((file) => !this.vm.files().some((f) => f.id === file.id));
-            this.driveService.deleteNodes(filesToDelete);
-            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);
-                    }
-                    this.driveService.createFile({
-                        fileId: file.fileId,
-                        name: file.name,
-                        parentId: '123',
-                        size: file.size,
-                        title: file.name,
-                        refEntity: this.entity(),
-                        refRecordId: this.entityRecordId(),
-                    });
-                }
+        this.contextMenu = viewChild('itemsContextMenu');
+        this.rootContextMenu = viewChild('rootContextMenu');
+        this.driveService = inject(AXMDocumentManagerService);
+        this.translateService = inject(AXTranslationService);
+        this.layout = inject(AXPLayoutThemeService);
+        this.browseMode = input('file');
+        this.viewMode = input();
+        this.selectionMode = input('none');
+        this.showContextMenu = input(true);
+        this.view = signal(null);
+        this.viewMap = {
+            list: async () => (await import('./acorex-modules-document-management-list-view.component-BHEwRA3m.mjs')).AXMDocumentExplorerListViewComponent,
+            'small-tiles': async () => (await import('./acorex-modules-document-management-small-tiles-view.component-cpc_xfbT.mjs')).AXMDocumentExplorerSmallTilesViewComponent,
+            'large-tiles': async () => (await import('./acorex-modules-document-management-large-tiles-view.component-CwYwVxoG.mjs')).AXMDocumentExplorerLargeTilesViewComponent,
+            details: async () => (await import('./acorex-modules-document-management-details-view.component-CvHIETNf.mjs')).AXMDocumentExplorerDetailsViewComponent,
+            'large-icons': async () => (await import('./acorex-modules-document-management-large-icons-view.component-BuV7MPG5.mjs')).AXMDocumentExplorerLargeIconsViewComponent,
+            'small-icons': async () => (await import('./acorex-modules-document-management-small-icons-view.component-CD5UORaq.mjs')).AXMDocumentExplorerSmallIconsViewComponent,
+            'attachment': async () => (await import('./acorex-modules-document-management-attachment-widget.component-C1-gQepw.mjs')).AXMDocumentExplorerAttachmentComponent,
+        };
+        this.#effect = effect(() => {
+            if (this.vm.loadingFolderId() == null) {
+                setTimeout(() => {
+                    this.contextMenu()?.refresh();
+                    this.rootContextMenu()?.refresh();
+                }, 300);
             }
-        }
-    }
-    async ngOnInit() {
-        console.log('entityRecordId: ', this.entityRecordId());
-        super.ngOnInit();
-        // Load document types if type names are provided
-        if (this.documentTypeNames().length > 0) {
-            try {
-                // Get all document types using query
-                const result = await this.documentTypeService.query({
-                    skip: 0,
-                    take: 100,
-                });
-                // Filter to only the types we need
-                // TODO fix with contains filter
-                const filteredTypes = result.items.filter((type) => this.documentTypeNames().includes(type.name));
-                this.documentTypes.set(filteredTypes);
+        });
+        this.#effect2 = effect(() => {
+            if (this.viewMode()) {
+                this.vm.setViewMode(this.viewMode());
             }
-            catch (error) {
-                console.error('Error loading document types:', error);
-                this.documentTypes.set([]);
+            if (this.selectionMode()) {
+                this.vm.setSelectionMode(this.selectionMode());
             }
-        }
-        const files = await this.driveService.getAllFiles({
-            skip: 0,
-            take: 1000,
-            filter: {
-                logic: 'and',
-                filters: [
-                    {
-                        field: 'refRecordId',
-                        operator: {
-                            type: 'equal',
-                        },
-                        value: this.entityRecordId(),
-                    },
-                    {
-                        field: 'refEntity',
-                        operator: {
-                            type: 'equal',
-                        },
-                        value: this.entity(),
-                    },
-                ],
-            },
         });
-        this.vm.initialize({ browseMode: 'file' });
-        this.vm.virtualFolder([...files, this.defaultValue()]);
-        this.setValue([...files, this.defaultValue()]);
-    }
-    async chooseFromDrive(scope) {
-        const result = ((await this.documentExplorer()?.chooseFile(scope)) ?? []).map((item) => ({
-            ...item,
-            id: AXPDataGenerator.uuid(),
-            storageType: 'virtual',
-            parentId: 'virtual',
-        }));
-        const exists = this.vm.files();
-        await this.updateContents([...exists, ...result]);
+        this.#effect3 = effect(async () => {
+            const func = get$1(this.viewMap, this.vm.viewMode()) ?? this.viewMap['large-tiles'];
+            const comp = await func();
+            this.view.set(comp);
+        });
     }
-    async uploadFromComputer(documentType) {
-        if (documentType) {
-            const result = await this.driveService.uploadFileVirtualByType(documentType);
-            await this.updateContents([...this.vm.files(), ...result]);
-        }
-        else {
-            // Use the direct file upload approach when no document type is specified
-            const files = await this.fileService.choose();
-            const allFiles = this.vm.files();
-            for await (const file of files) {
-                const f = await this.fileStorageService.save({
-                    file: file,
-                    category: '',
-                    refId: this.entityRecordId(),
-                    refType: this.entity(),
-                });
-                allFiles.push({
-                    id: f.fileId,
-                    fileId: f.fileId,
-                    name: file.name,
-                    size: f.size,
-                    parentId: 'virtual',
-                    type: 'file',
-                    storageType: 'virtual',
-                    description: undefined
-                });
-            }
-            await this.updateContents(allFiles);
+    #effect;
+    #effect2;
+    #effect3;
+    //#region Menu and Context Menu
+    async handleContextMenuOnOpening(e) {
+        const node = get$1(e.targetElement, '__data__');
+        if (!node) {
+            return;
         }
+        // Get menu items from ViewModel
+        const items = await this.vm.getNodeContextMenuItems(node);
+        // Set items directly to the context menu
+        e.items.push(...items);
     }
-    async updateContents(files) {
-        if (this.multiple()) {
-            await this.vm.virtualFolder(files);
-            this.setValue(files);
-        }
-        else {
-            await this.vm.virtualFolder([files[files.length - 1]]);
-            this.setValue([files[files.length - 1]]);
-        }
+    async handleContextMenuRootOnOpening(e) {
+        //TODO: check async translate method in acorex
+        const items = [
+            ...(await this.vm.getFolderAddMenuItems()).map((m) => ({
+                ...m,
+                name: m.command?.name,
+                data: m.command?.options,
+            })),
+            ...(await this.vm.getFolderActionMenuItems()),
+        ];
+        const mappedItems = items.map((m) => ({
+            ...m,
+            text: m.title,
+        }));
+        e.items.push(...mappedItems);
+        e.items[e.items.length - 1].break = false;
     }
-    async handleActionCallback(action) {
-        try {
-            const result = await action.callback();
-            if (result) {
-                const allFiles = this.vm.files();
-                const f = await this.fileStorageService.save({
-                    file: result,
-                    category: '',
-                    refId: this.entityRecordId(),
-                    refType: this.entity(),
-                });
-                allFiles.push({
-                    id: f.fileId,
-                    fileId: f.fileId,
-                    name: result.name,
-                    size: f.size,
-                    parentId: 'virtual',
-                    type: 'file',
-                    storageType: 'virtual',
-                });
-                await this.updateContents(allFiles);
-                setTimeout(() => console.log(this.vm.files()), 10);
-            }
-        }
-        catch (error) {
-            console.error('Error in action callback:', error);
+    async handleContextMenuItemClick(e) {
+        if (e.item.name) {
+            await this.vm.handleMenuItemClick(e.item.name, e.item.data);
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: AXMDocumentAttachmentWidgetEditComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.10", type: AXMDocumentAttachmentWidgetEditComponent, isStandalone: true, selector: "axm-document-attachment-edit-widget", providers: [AXPDocumentExplorerViewModel], viewQueries: [{ propertyName: "documentExplorer", first: true, predicate: AXMDocumentExplorerComponent, descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"ax-flex ax-flex-col ax-gap-3 ax-rounded-md ax-border\" *translate=\"let t\">\n  <!-- Header Section -->\n  <div class=\"ax-flex ax-flex-row ax-justify-between ax-items-center ax-border-b ax-px-4 ax-py-2\">\n    <!-- Selection Info (side left) -->\n    <div>\n      @if(vm.hasMultipleSelectedItems()) {\n        <div class=\"ax-flex ax-gap-3 ax-items-center\">\n          <span class=\"ax-text-sm ax-font-bold\">\n            {{ vm.selectedCount() }} {{ t('itemsSelected', { scope: 'common' }) | async }}\n          </span>\n          <span (click)=\"vm.deselectAll()\" class=\"ax-text-xs ax-text-secondary ax-underline ax-cursor-pointer\">\n            {{ t('unselect', { scope: 'common' }) | async }}\n          </span>\n        </div>\n      }\n    </div>\n    <!-- Actions (side right) -->\n    <div class=\"ax-flex ax-justify-end\">\n      @if(!vm.hasMultipleSelectedItems()) {\n        <!-- Add Item Button -->\n        <ax-button class=\"ax-sm\" [text]=\"t('actions.add-item', { scope: rootConfig.config.i18n }) | async\" [color]=\"'primary'\">\n          <ax-prefix>\n            <ax-icon icon=\"fa-light  fa-plus\"></ax-icon>\n          </ax-prefix>\n          <ax-dropdown-panel>\n            <!-- Upload Dropdown -->\n            <ax-button-item-list>\n              @if (documentTypes().length === 0) {\n                <ax-button-item\n                  (onClick)=\"uploadFromComputer()\"\n                  [text]=\"(t('actions.upload-from-device', { scope: rootConfig.config.i18n }) | async)!\"\n                >\n                  <ax-prefix>\n                    <ax-icon icon=\"fa-light fa-file-arrow-up\"></ax-icon>\n                  </ax-prefix>\n                </ax-button-item>\n              } @else {\n                @for (docType of documentTypes(); track docType.id) {\n                  <ax-button-item\n                    (onClick)=\"uploadFromComputer(docType)\"\n                    [text]=\"docType.title\"\n                  >\n                    <ax-prefix>\n                      <ax-icon icon=\"fa-light fa-file-arrow-up\"></ax-icon>\n                    </ax-prefix>\n                  </ax-button-item>\n                }\n              }\n\n              <ax-divider></ax-divider>\n\n              <ax-button-item\n                (onClick)=\"chooseFromDrive(scopes.User)\"\n                [text]=\"(t('actions.choose-from-drive', { scope: rootConfig.config.i18n }) | async)!\"\n              >\n                <ax-prefix>\n                  <ax-icon icon=\"fa-light fa-folder-open\"></ax-icon>\n                </ax-prefix>\n              </ax-button-item>\n              <ax-button-item\n                (onClick)=\"chooseFromDrive(scopes.Tenant)\"\n                [text]=\"(t('actions.choose-from-organization', { scope: rootConfig.config.i18n }) | async)!\"\n              >\n                <ax-prefix>\n                  <ax-icon icon=\"fa-light fa-building\"></ax-icon>\n                </ax-prefix>\n              </ax-button-item>\n\n              @for (action of actions(); track action.name) {\n              <ax-button-item (onClick)=\"handleActionCallback(action)\" [text]=\"action.title\">\n                <ax-prefix>\n                  <ax-icon [icon]=\"action.icon\"></ax-icon>\n                </ax-prefix>\n              </ax-button-item>\n              }\n            </ax-button-item-list>\n          </ax-dropdown-panel>\n        </ax-button>\n      } @else {\n        <!-- Delete Button -->\n        <ax-button class=\"ax-sm\" (onClick)=\"vm.deleteNodes(vm.selectedNodes())\" [text]=\"'delete'\" [color]=\"'danger'\"></ax-button>\n      }\n    </div>\n  </div>\n  \n  <axm-document-explorer\n    [showContextMenu]=\"false\"\n    [viewMode]=\"'attachment'\"\n    [selectionMode]=\"'multiple'\"\n  ></axm-document-explorer>\n</div>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "component", type: AXMDocumentExplorerComponent, selector: "axm-document-explorer", inputs: ["browseMode", "viewMode", "selectionMode", "showContextMenu"] }, { kind: "component", type: 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: AXDropdownButtonModule }, { kind: "ngmodule", type: AXDropdownModule }, { kind: "component", type: i3$4.AXDropdownPanelComponent, selector: "ax-dropdown-panel", inputs: ["isOpen", "fitParent", "dropdownWidth", "position", "placement", "_target", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i3$1.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i3$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: AXTranslationModule }, { kind: "directive", type: i4$1.AXTranslatorDirective, selector: "[translate]" }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i2$1.AXButtonItemComponent, selector: "ax-button-item", inputs: ["color", "disabled", "text", "selected", "divided", "data", "name"], outputs: ["onClick", "onFocus", "onBlur", "disabledChange"] }, { kind: "component", type: i2$1.AXButtonItemListComponent, selector: "ax-button-item-list", inputs: ["items"], outputs: ["onItemClick"] }, { kind: "ngmodule", type: AXButtonGroupModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: AXMDocumentExplorerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.10", 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  <div class=\"ax-flex ax-flex-col ax-items-center ax-justify-center ax-py-16 ax-h-full\">\n    <ax-icon icon=\"fa-light fa-folder-open\" class=\"ax-text-6xl ax-mb-4\"></ax-icon>\n    <h3 class=\"ax-text-xl ax-font-medium ax-mb-2\">No Items Found</h3>\n    <p class=\"\">This folder is empty. Add some files or folders to get started.</p>\n  </div>\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;-moz-user-select:-moz-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$1.NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletContent", "ngComponentOutletNgModule", "ngComponentOutletNgModuleFactory"], exportAs: ["ngComponentOutlet"] }, { kind: "ngmodule", type: RouterModule }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i3$1.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "ngmodule", type: AXLoadingModule }, { kind: "ngmodule", type: AXFormatModule }, { kind: "ngmodule", type: AXDateTimeModule }, { kind: "ngmodule", type: AXMenuModule }, { kind: "component", type: i3$4.AXContextMenuComponent, selector: "ax-context-menu", inputs: ["orientation", "openOn", "closeOn", "items", "target"], outputs: ["onItemClick", "onOpening"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: AXMDocumentAttachmentWidgetEditComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: AXMDocumentExplorerComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'axm-document-attachment-edit-widget', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
+            args: [{ selector: 'axm-document-explorer', standalone: true, encapsulation: ViewEncapsulation.None, imports: [
                         CommonModule,
-                        AXMDocumentExplorerComponent,
-                        AXButtonComponent,
-                        AXDropdownButtonModule,
-                        AXDropdownModule,
+                        RouterModule,
                         AXDecoratorModule,
-                        AXTranslationModule,
-                        AXButtonModule,
-                        AXButtonGroupModule,
-                    ], providers: [AXPDocumentExplorerViewModel], template: "<div class=\"ax-flex ax-flex-col ax-gap-3 ax-rounded-md ax-border\" *translate=\"let t\">\n  <!-- Header Section -->\n  <div class=\"ax-flex ax-flex-row ax-justify-between ax-items-center ax-border-b ax-px-4 ax-py-2\">\n    <!-- Selection Info (side left) -->\n    <div>\n      @if(vm.hasMultipleSelectedItems()) {\n        <div class=\"ax-flex ax-gap-3 ax-items-center\">\n          <span class=\"ax-text-sm ax-font-bold\">\n            {{ vm.selectedCount() }} {{ t('itemsSelected', { scope: 'common' }) | async }}\n          </span>\n          <span (click)=\"vm.deselectAll()\" class=\"ax-text-xs ax-text-secondary ax-underline ax-cursor-pointer\">\n            {{ t('unselect', { scope: 'common' }) | async }}\n          </span>\n        </div>\n      }\n    </div>\n    <!-- Actions (side right) -->\n    <div class=\"ax-flex ax-justify-end\">\n      @if(!vm.hasMultipleSelectedItems()) {\n        <!-- Add Item Button -->\n        <ax-button class=\"ax-sm\" [text]=\"t('actions.add-item', { scope: rootConfig.config.i18n }) | async\" [color]=\"'primary'\">\n          <ax-prefix>\n            <ax-icon icon=\"fa-light  fa-plus\"></ax-icon>\n          </ax-prefix>\n          <ax-dropdown-panel>\n            <!-- Upload Dropdown -->\n            <ax-button-item-list>\n              @if (documentTypes().length === 0) {\n                <ax-button-item\n                  (onClick)=\"uploadFromComputer()\"\n                  [text]=\"(t('actions.upload-from-device', { scope: rootConfig.config.i18n }) | async)!\"\n                >\n                  <ax-prefix>\n                    <ax-icon icon=\"fa-light fa-file-arrow-up\"></ax-icon>\n                  </ax-prefix>\n                </ax-button-item>\n              } @else {\n                @for (docType of documentTypes(); track docType.id) {\n                  <ax-button-item\n                    (onClick)=\"uploadFromComputer(docType)\"\n                    [text]=\"docType.title\"\n                  >\n                    <ax-prefix>\n                      <ax-icon icon=\"fa-light fa-file-arrow-up\"></ax-icon>\n                    </ax-prefix>\n                  </ax-button-item>\n                }\n              }\n\n              <ax-divider></ax-divider>\n\n              <ax-button-item\n                (onClick)=\"chooseFromDrive(scopes.User)\"\n                [text]=\"(t('actions.choose-from-drive', { scope: rootConfig.config.i18n }) | async)!\"\n              >\n                <ax-prefix>\n                  <ax-icon icon=\"fa-light fa-folder-open\"></ax-icon>\n                </ax-prefix>\n              </ax-button-item>\n              <ax-button-item\n                (onClick)=\"chooseFromDrive(scopes.Tenant)\"\n                [text]=\"(t('actions.choose-from-organization', { scope: rootConfig.config.i18n }) | async)!\"\n              >\n                <ax-prefix>\n                  <ax-icon icon=\"fa-light fa-building\"></ax-icon>\n                </ax-prefix>\n              </ax-button-item>\n\n              @for (action of actions(); track action.name) {\n              <ax-button-item (onClick)=\"handleActionCallback(action)\" [text]=\"action.title\">\n                <ax-prefix>\n                  <ax-icon [icon]=\"action.icon\"></ax-icon>\n                </ax-prefix>\n              </ax-button-item>\n              }\n            </ax-button-item-list>\n          </ax-dropdown-panel>\n        </ax-button>\n      } @else {\n        <!-- Delete Button -->\n        <ax-button class=\"ax-sm\" (onClick)=\"vm.deleteNodes(vm.selectedNodes())\" [text]=\"'delete'\" [color]=\"'danger'\"></ax-button>\n      }\n    </div>\n  </div>\n  \n  <axm-document-explorer\n    [showContextMenu]=\"false\"\n    [viewMode]=\"'attachment'\"\n    [selectionMode]=\"'multiple'\"\n  ></axm-document-explorer>\n</div>\n" }]
+                        AXLoadingModule,
+                        AXFormatModule,
+                        AXDateTimeModule,
+                        AXMenuModule,
+                    ], template: "<!-- Empty State -->\n<div class=\"view-container\">\n  @if (vm.folders().length === 0 && vm.files().length === 0) {\n  <div class=\"ax-flex ax-flex-col ax-items-center ax-justify-center ax-py-16 ax-h-full\">\n    <ax-icon icon=\"fa-light fa-folder-open\" class=\"ax-text-6xl ax-mb-4\"></ax-icon>\n    <h3 class=\"ax-text-xl ax-font-medium ax-mb-2\">No Items Found</h3>\n    <p class=\"\">This folder is empty. Add some files or folders to get started.</p>\n  </div>\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;-moz-user-select:-moz-none;user-select:none;flex-direction:column;gap:1rem}axm-document-explorer .animation-duration-2s{--fa-animation-duration: 2s}\n"] }]
         }] });
 
-var documentAttachmentWidgetEdit_component = /*#__PURE__*/Object.freeze({
-    __proto__: null,
-    AXMDocumentAttachmentWidgetEditComponent: AXMDocumentAttachmentWidgetEditComponent
-});
-
-class AXMDocumentAttachmentWidgetPrintComponent extends AXPValueWidgetComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: AXMDocumentAttachmentWidgetPrintComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.10", type: AXMDocumentAttachmentWidgetPrintComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: ``, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+class AXMFolderPathBreadcrumbsComponent {
+    constructor() {
+        this.vm = inject(AXPDocumentExplorerViewModel);
+        this.layout = inject(AXPLayoutThemeService);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: AXMFolderPathBreadcrumbsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.10", 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: i2$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: i3$1.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: AXMDocumentAttachmentWidgetPrintComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: AXMFolderPathBreadcrumbsComponent, decorators: [{
             type: Component,
-            args: [{
-                    template: ``,
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    imports: [CommonModule],
-                    inputs: [],
-                }]
+            args: [{ selector: 'axm-folder-path-breadcrumbs', standalone: true, imports: [
+                        AXButtonModule,
+                        AXDecoratorModule,
+                    ], 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"] }]
         }] });
 
-var documentAttachmentWidgetPrint_component = /*#__PURE__*/Object.freeze({
+var index = /*#__PURE__*/Object.freeze({
     __proto__: null,
-    AXMDocumentAttachmentWidgetPrintComponent: AXMDocumentAttachmentWidgetPrintComponent
+    AXMDocumentTypeChooseFileComponent: AXMDocumentTypeChooseFileComponent,
+    AXMFileViewerPopupComponent: AXMFileViewerPopupComponent,
+    AXMFolderPathBreadcrumbsComponent: AXMFolderPathBreadcrumbsComponent
 });
 
-class AXMDocumentAttachmentWidgetViewComponent extends AXPValueWidgetComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: AXMDocumentAttachmentWidgetViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.10", 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 }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: AXMDocumentAttachmentWidgetViewComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'axp-document-attachment-widget',
-                    template: ``,
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    imports: [CommonModule],
-                    inputs: [],
-                }]
-        }] });
-
-const AXMDocumentAttachmentWidget = {
-    name: 'document-attachment-editor',
-    title: 'DocumentAttachment',
-    icon: 'fa-light fa-gallery',
-    description: 'My custom widget',
-    categories: AXP_WIDGETS_EDITOR_CATEGORY,
-    type: 'editor',
-    defaultFilterWidgetName: 'string-filter',
-    properties: [AXP_NAME_PROPERTY, AXP_DATA_PATH_PROPERTY],
-    components: {
-        view: {
-            component: () => Promise.resolve().then(function () { return documentAttachmentWidgetEdit_component; }).then((c) => c.AXMDocumentAttachmentWidgetEditComponent),
-        },
-        edit: {
-            component: () => Promise.resolve().then(function () { return documentAttachmentWidgetEdit_component; }).then((c) => c.AXMDocumentAttachmentWidgetEditComponent),
-        },
-        column: {
-            component: () => Promise.resolve().then(function () { return documentAttachmentWidgetColumn_component; }).then((c) => c.AXMDocumentAttachmentWidgetColumnComponent),
-        },
-        print: {
-            component: () => Promise.resolve().then(function () { return documentAttachmentWidgetPrint_component; }).then((c) => c.AXMDocumentAttachmentWidgetPrintComponent),
-        },
-        designer: {
-            component: () => Promise.resolve().then(function () { return documentAttachmentWidgetEdit_component; }).then((c) => c.AXMDocumentAttachmentWidgetEditComponent),
-        },
-    },
-};
-
-class AXMCheckDocumentTypeWorkflowAction extends AXPWorkflowAction {
-    async execute(context) {
-        const documentType = context.getVariable('documentType');
-        if (documentType) {
-            context.setOutput('need-choose-document-type', false);
-        }
-        else {
-            context.setOutput('need-choose-document-type', true);
-        }
-    }
-}
-class AXMChooseDocumentTypeWorkflowAction extends AXPWorkflowAction {
-    constructor() {
-        super(...arguments);
-        this.popupService = inject(AXPopupService);
-    }
-    async execute(context) {
-        const comp = (await Promise.resolve().then(function () { return index; })).AXMDocumentTypeChooseFileComponent;
-        const result = await this.popupService.open(comp);
-        if (result.data != null && result.data.documentTypeId != null) {
-            context.setVariable('documentTypeId', result.data.documentTypeId);
-            context.setOutput('isCanceled', false);
-        }
-        else {
-            context.setOutput('isCanceled', true);
-        }
-    }
-}
-class AXMChooseFileWorkflowAction extends AXPWorkflowAction {
-    constructor() {
-        super(...arguments);
-        this.documentTypeService = inject(AXMDocumentTypeService);
-        this.uploadService = inject(AXUploaderService);
-    }
-    async execute(context) {
-        var doc = context.getVariable('documentType');
-        if (!doc) {
-            const docId = context.getVariable('documentTypeId');
-            doc = await this.documentTypeService.getOne(docId);
-        }
-        this.uploadService.browse({
-            //accept: doc.type,
-            multiple: doc.isMultiple,
-        });
-    }
-}
-const AXMUploadWorkflow = {
-    startStepId: 'check-document-type',
-    steps: {
-        'check-document-type': {
-            action: 'AXMCheckDocumentTypeWorkflowAction',
-            nextSteps: [
-                {
-                    conditions: [{ type: 'SINGLE', expression: 'context.getOutput("need-choose-document-type") == true' }],
-                    nextStepId: 'choose-document-type',
-                },
-            ],
-        },
-        'choose-document-type': {
-            action: 'AXMChooseDocumentTypeWorkflowAction',
-            nextSteps: [
-                {
-                    conditions: [{ type: 'SINGLE', expression: 'context.getOutput("isCanceled") == false' }],
-                    nextStepId: 'file-browser',
-                },
-            ],
-        },
-        'file-browser': {
-            action: 'AXMChooseFileWorkflowAction',
-            nextSteps: [
-                {
-                    conditions: [],
-                    nextStepId: 'dispatch-event',
-                },
-            ],
-        },
-    },
-};
-
-class AXMTaskBadgeProviderSample1 {
-    constructor() {
-        this.count = signal(0);
-        this.key = 'badge-1';
-        this.count.set(10);
-    }
-}
-class AXMTaskBadgeProviderSample2 {
-    constructor() {
-        this.count = signal(5);
-        this.key = 'badge-2';
-        setInterval(() => {
-            this.count.update(c => c + 1);
-        }, 30000);
-    }
-}
-
 class AXPFileUploaderWidgetExtensionComponent {
     constructor() {
         this.driveService = inject(AXMDocumentManagerService);
@@ -5486,7 +5146,7 @@ class AXPFileUploaderWidgetExtensionComponent {
         const result = await this.driveService.showChooseFileDialog(scope);
         const files = await Promise.all(result.map(async (item) => (await this.fileStorageService.getInfo(item.fileId)).binary));
         console.log(files);
-        this.host.setValue([...this.host.getValue(), ...files]);
+        //this.host.setValue([...this.host.getValue(), ...files]);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: AXPFileUploaderWidgetExtensionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.10", type: AXPFileUploaderWidgetExtensionComponent, isStandalone: true, selector: "axp-file-uploader-widget-extension", providers: [], ngImport: i0, template: `
@@ -5503,7 +5163,7 @@ class AXPFileUploaderWidgetExtensionComponent {
                 // Angular
                 CommonModule }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "ngmodule", type: 
                 // ACoreX
-                AXFormModule }, { kind: "ngmodule", type: AXTextBoxModule }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i2$1.AXButtonItemComponent, selector: "ax-button-item", inputs: ["color", "disabled", "text", "selected", "divided", "data", "name"], outputs: ["onClick", "onFocus", "onBlur", "disabledChange"] }, { kind: "ngmodule", type: AXLabelModule }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i3$1.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i3$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: AXCheckBoxModule }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: i4$1.AXTranslatorPipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
+                AXFormModule }, { kind: "ngmodule", type: AXTextBoxModule }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i2$1.AXButtonItemComponent, selector: "ax-button-item", inputs: ["color", "disabled", "text", "selected", "divided", "data", "name"], outputs: ["onClick", "onFocus", "onBlur", "disabledChange"] }, { kind: "ngmodule", type: AXLabelModule }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i3$1.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i3$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: AXCheckBoxModule }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: i3$2.AXTranslatorPipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: AXPFileUploaderWidgetExtensionComponent, decorators: [{
             type: Component,
@@ -5579,11 +5239,11 @@ function routesFacory() {
             children: [
                 {
                     path: '',
-                    loadComponent: () => Promise.resolve().then(function () { return drive_component; }).then((c) => c.AXMDocumentDriveComponent),
+                    loadComponent: () => import('./acorex-modules-document-management-drive.component-Crh10Z5J.mjs').then((c) => c.AXMDocumentDriveComponent),
                 },
                 {
                     path: ':id',
-                    loadComponent: () => Promise.resolve().then(function () { return drive_component; }).then((c) => c.AXMDocumentDriveComponent),
+                    loadComponent: () => import('./acorex-modules-document-management-drive.component-Crh10Z5J.mjs').then((c) => c.AXMDocumentDriveComponent),
                 },
             ],
         },
@@ -5628,7 +5288,7 @@ class AXMDocumentManagementModule {
                 provide: AXP_PERMISSION_DEFINITION_PROVIDER,
                 useFactory: async () => {
                     const injector = inject(Injector);
-                    const provider = (await import('./acorex-modules-document-management-permission-definition.provider-B7lgRLHi.mjs')).AXMPermissionDefinitionProvider;
+                    const provider = (await import('./acorex-modules-document-management-permission-definition.provider-B3qaYwRL.mjs')).AXMPermissionDefinitionProvider;
                     return new provider(injector);
                 },
                 multi: true,
@@ -5656,7 +5316,7 @@ class AXMDocumentManagementModule {
             AXMDocumentManagementDocumentTypeEntityModule,
             AXMDocumentManagementDocumentEntityModule,
             AXPLayoutBuilderModule.forChild({
-                widgets: [AXmFileTypeExtensionWidget, AXMDocumentAttachmentWidget],
+                widgets: [AXmFileTypeExtensionWidget],
             }),
             AXMFileTypeModule,
             AXMediaViewerModule.forRoot(),
@@ -5683,7 +5343,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImpo
                         AXMDocumentManagementDocumentTypeEntityModule,
                         AXMDocumentManagementDocumentEntityModule,
                         AXPLayoutBuilderModule.forChild({
-                            widgets: [AXmFileTypeExtensionWidget, AXMDocumentAttachmentWidget],
+                            widgets: [AXmFileTypeExtensionWidget],
                         }),
                         AXMFileTypeModule,
                         AXMediaViewerModule.forRoot(),
@@ -5728,7 +5388,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImpo
                             provide: AXP_PERMISSION_DEFINITION_PROVIDER,
                             useFactory: async () => {
                                 const injector = inject(Injector);
-                                const provider = (await import('./acorex-modules-document-management-permission-definition.provider-B7lgRLHi.mjs')).AXMPermissionDefinitionProvider;
+                                const provider = (await import('./acorex-modules-document-management-permission-definition.provider-B3qaYwRL.mjs')).AXMPermissionDefinitionProvider;
                                 return new provider(injector);
                             },
                             multi: true,
@@ -5756,5 +5416,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { AXMPermissionsKeys as A, AXMFolderService as B, AXMFolderServiceImpl as C, AXMEntityProvider as D, AXMMenuProvider as E, AXMSearchCommandProvider as F, AXMSettingProvider as G, RootConfig as R, AXMDocumentManagerService as a, AXMDocumentTypeService as b, AXPDocumentExplorerViewModel as c, AXMDocumentExplorerComponent as d, AXMFolderPathBreadcrumbsComponent as e, AXMDocumentManagementModule as f, documentFactory as g, AXMDocumentManagementDocumentEntityModule as h, AXMDocumentService as i, AXMDocumentServiceImpl as j, documentTypeFactory as k, AXMDocumentManagementDocumentTypeEntityModule as l, AXMDocumentTypeServiceImpl as m, documentTypeMetaDefinitionfactory as n, AXMDocumentManagementDocumentTypeMetaDefinitionEntityModule as o, AXMDocumentManagementDocumentTypeMetaDefinitionEntityService as p, AXMDocumentManagementDocumentTypeMetaDefinitionEntityServiceImpl as q, documentTypeMetaValueFactory as r, AXMDocumentManagementDocumentTypeMetaValueEntityModule as s, AXMDocumentManagementDocumentTypeMetaValueEntityService as t, AXMDocumentManagementDocumentTypeMetaValueEntityServiceImpl as u, documentTypeStatusDefinitionFactory as v, AXMDocumentManagementDocumentTypeStatusDefinitionEntityModule as w, AXMDocumentManagementDocumentTypeStatusDefinitionEntityService as x, AXMDocumentManagementDocumentTypeStatusDefinitionEntityServiceImpl as y, folderFactory as z };
-//# sourceMappingURL=acorex-modules-document-management-acorex-modules-document-management-BpmG6Dyx.mjs.map
+export { AXPDocumentExplorerViewModel as A, AXMFolderService as B, AXMFolderServiceImpl as C, AXMEntityProvider as D, AXMMenuProvider as E, AXMSearchCommandProvider as F, AXMSettingProvider as G, RootConfig as R, AXMDocumentManagerService as a, AXMDocumentExplorerComponent as b, AXMFolderPathBreadcrumbsComponent as c, AXMPermissionsKeys as d, AXMDocumentTypeService as e, AXMDocumentManagementModule as f, documentFactory as g, AXMDocumentManagementDocumentEntityModule as h, AXMDocumentService as i, AXMDocumentServiceImpl as j, documentTypeFactory as k, AXMDocumentManagementDocumentTypeEntityModule as l, AXMDocumentTypeServiceImpl as m, documentTypeMetaDefinitionfactory as n, AXMDocumentManagementDocumentTypeMetaDefinitionEntityModule as o, AXMDocumentManagementDocumentTypeMetaDefinitionEntityService as p, AXMDocumentManagementDocumentTypeMetaDefinitionEntityServiceImpl as q, documentTypeMetaValueFactory as r, AXMDocumentManagementDocumentTypeMetaValueEntityModule as s, AXMDocumentManagementDocumentTypeMetaValueEntityService as t, AXMDocumentManagementDocumentTypeMetaValueEntityServiceImpl as u, documentTypeStatusDefinitionFactory as v, AXMDocumentManagementDocumentTypeStatusDefinitionEntityModule as w, AXMDocumentManagementDocumentTypeStatusDefinitionEntityService as x, AXMDocumentManagementDocumentTypeStatusDefinitionEntityServiceImpl as y, folderFactory as z };
+//# sourceMappingURL=acorex-modules-document-management-acorex-modules-document-management-BATdoqJi.mjs.map