@acorex/modules 19.2.20 → 19.3.0-next.1

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

@@ -1,21 +1,21 @@
 import { AXPSessionService, AXPAuthGuard, AXP_PERMISSION_PROVIDER } from '@acorex/platform/auth';
-import { AXPSearchCommandProvider, createAllQueryView, AXPEntityCommandScope, AXPEntityQueryType, AXPFileTypeProviderService, AXP_FILE_TYPE_INFO_PROVIDER, AXPFileStorageService, AXPSettingScope, AXPSettingService, AXP_MENU_PROVIDER, AXP_SETTING_DEFINITION_PROVIDER, AXP_SEARCH_PROVIDER } from '@acorex/platform/common';
+import { AXPSearchCommandProvider, createAllQueryView, AXPEntityCommandScope, AXPEntityQueryType, AXPFileTypeProviderService, AXP_FILE_TYPE_INFO_PROVIDER, AXPFileStorageService, AXPSettingService, AXP_MENU_PROVIDER, AXP_SETTING_DEFINITION_PROVIDER, AXP_SEARCH_PROVIDER, AXP_TASK_BADGE_PROVIDERS } 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 } from '@angular/core';
+import { inject, Injector, Injectable, NgModule, ChangeDetectionStrategy, Component, signal, computed, viewChild, input, effect, ViewEncapsulation, afterNextRender, untracked, HostListener } from '@angular/core';
 import { firstValueFrom } from 'rxjs';
 import * as i6 from '@acorex/platform/layout/builder';
-import { AXPWidgetsCatalog, AXPWidgetComponent, AXPLayoutBuilderModule, AXP_WIDGETS_ADVANCE_GROUP, AXP_WIDGETS_EDITOR_GROUP } from '@acorex/platform/layout/builder';
-import { RouterModule, ROUTES } from '@angular/router';
+import { AXPWidgetsCatalog, AXPWidgetComponent, AXPLayoutBuilderModule, AXP_WIDGETS_ADVANCE_CATEGORY, AXPPageStatus, AXP_WIDGETS_EDITOR_CATEGORY } from '@acorex/platform/layout/builder';
+import { RouterModule, Router, ActivatedRoute, ROUTES } from '@angular/router';
 import { AXDataSource } from '@acorex/components/common';
 import { AXMMetaDataDefinitionService } from '@acorex/modules/platform-management';
 import * as i1$1 from '@angular/common';
 import { CommonModule } from '@angular/common';
-import * as i7$1 from '@acorex/components/collapse';
+import * as i7 from '@acorex/components/collapse';
 import { AXCollapseModule } from '@acorex/components/collapse';
-import * as i3 from '@acorex/components/decorators';
+import * as i2$1 from '@acorex/components/decorators';
 import { AXDecoratorModule } from '@acorex/components/decorators';
-import * as i7 from '@acorex/components/form';
+import * as i3 from '@acorex/components/form';
 import { AXFormModule } from '@acorex/components/form';
 import * as i4 from '@acorex/components/label';
 import { AXLabelModule } from '@acorex/components/label';
@@ -27,28 +27,35 @@ import get from 'lodash-es/get';
 import set from 'lodash-es/set';
 import { AXP_NAME_PROPERTY, AXP_DATA_PATH_PROPERTY } from '@acorex/platform/widgets';
 import * as i3$2 from '@acorex/components/media-viewer';
-import { AXMediaViewerModule } from '@acorex/components/media-viewer';
+import { AXMediaViewerContainerComponent, AXMediaViewerModule } from '@acorex/components/media-viewer';
 import * as i3$4 from '@acorex/platform/workflow';
 import { AXPWorkflowService, AXPWorkflowAction, AXPWorkflowModule } from '@acorex/platform/workflow';
-import * as i2$1 from '@acorex/components/button';
+import * as i2$3 from '@acorex/components/button';
 import { AXButtonModule, AXButtonComponent } from '@acorex/components/button';
 import { AXButtonGroupModule } from '@acorex/components/button-group';
-import * as i2$2 from '@acorex/components/dropdown';
+import * as i3$3 from '@acorex/components/dropdown';
 import { AXDropdownModule } from '@acorex/components/dropdown';
 import { AXDropdownButtonModule } from '@acorex/components/dropdown-button';
-import * as i3$3 from '@acorex/core/translation';
+import { AXFileService, AXFileModule } from '@acorex/core/file';
+import * as i4$1 from '@acorex/core/translation';
 import { AXTranslationService, AXTranslationModule } from '@acorex/core/translation';
+import { AXPPlatformScope, resolvePlatformScopeKey, resolvePlatformScopeName, AXPDataGenerator } from '@acorex/platform/core';
 import { AXLoadingModule } from '@acorex/components/loading';
 import * as i3$1 from '@acorex/components/menu';
 import { AXMenuModule } from '@acorex/components/menu';
 import { AXDateTimeModule } from '@acorex/core/date-time';
+import * as i2$2 from '@acorex/core/format';
 import { AXFormatModule } from '@acorex/core/format';
-import { AXPLayoutThemeService } from '@acorex/platform/themes/shared';
-import { get as get$1, set as set$1 } from 'lodash-es';
+import { AXPLayoutThemeService, AXPThemeLayoutBlockComponent } 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 { AXFileService } from '@acorex/core/file';
 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 { AXPBasePageComponent, AXPPageLayoutComponent, AXPBasePage } from '@acorex/platform/themes/default';
 import { AXBasePageComponent } from '@acorex/components/page';
 import { AXUploaderService } from '@acorex/components/uploader';
 
@@ -155,12 +162,14 @@ class AXMMenuProvider {
                         text: RootConfig.entities.documentType.title,
                         path: this.entityService.createPath(RootConfig.module.name, RootConfig.entities.documentType.name),
                         icon: RootConfig.entities.documentType.icon,
+                        badgeKey: 'badge-1',
                         priority: 2
                     },
                     {
-                        text: RootConfig.entities.document.titlePlural,
-                        path: `${this.sessionService.application?.name}/drive/company`,
+                        text: `t('scope.tenant.title', {scope: "${RootConfig.config.i18n}"})`,
+                        path: `${this.sessionService.application?.name}/drive/tenant`,
                         icon: RootConfig.entities.document.icon,
+                        badgeKey: 'badge-2',
                         priority: 1
                     }
                 ]
@@ -170,9 +179,9 @@ class AXMMenuProvider {
         context.find('edit-profile').insert([
             {
                 name: 'my-notifications',
-                text: `t('my-drive.title', {scope: "${RootConfig.config.i18n}"})`,
+                text: `t('scope.user.title', {scope: "${RootConfig.config.i18n}"})`,
                 icon: 'fa-light fa-folder-open',
-                path: `${this.sessionService.application?.name}/drive/my`,
+                path: `${this.sessionService.application?.name}/drive/user`,
                 data: {
                     scope: 'user'
                 },
@@ -296,6 +305,9 @@ async function documentFactory(injector) {
                     dataType: 'string',
                     interface: {
                         type: AXPWidgetsCatalog.text,
+                        options: {
+                            placeholder: 't("name", { scope: "common" })',
+                        },
                     },
                 },
                 validations: [
@@ -674,14 +686,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImpor
 
 class AXMDocumentTypeService extends AXMEntityCrudServiceImpl {
 }
-class AXMDocumentManagementDocumentTypeEntityServiceImpl extends AXMDocumentTypeService {
+class AXMDocumentTypeServiceImpl extends AXMDocumentTypeService {
     constructor() {
         super(`${RootConfig.module.name}.${RootConfig.entities.documentType.name}`);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMDocumentManagementDocumentTypeEntityServiceImpl, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMDocumentManagementDocumentTypeEntityServiceImpl }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMDocumentTypeServiceImpl, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMDocumentTypeServiceImpl }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMDocumentManagementDocumentTypeEntityServiceImpl, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMDocumentTypeServiceImpl, decorators: [{
             type: Injectable
         }], ctorParameters: () => [] });
 
@@ -1129,7 +1141,7 @@ class AXMDocumentManagementDocumentTypeEntityModule {
     static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMDocumentManagementDocumentTypeEntityModule, providers: [
             {
                 provide: AXMDocumentTypeService,
-                useClass: AXMDocumentManagementDocumentTypeEntityServiceImpl,
+                useClass: AXMDocumentTypeServiceImpl,
             },
         ] }); }
 }
@@ -1142,7 +1154,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImpor
                     providers: [
                         {
                             provide: AXMDocumentTypeService,
-                            useClass: AXMDocumentManagementDocumentTypeEntityServiceImpl,
+                            useClass: AXMDocumentTypeServiceImpl,
                         },
                     ],
                 }]
@@ -2209,7 +2221,6 @@ var index$1 = /*#__PURE__*/Object.freeze({
     __proto__: null,
     AXMDocumentManagementDocumentEntityModule: AXMDocumentManagementDocumentEntityModule,
     AXMDocumentManagementDocumentTypeEntityModule: AXMDocumentManagementDocumentTypeEntityModule,
-    AXMDocumentManagementDocumentTypeEntityServiceImpl: AXMDocumentManagementDocumentTypeEntityServiceImpl,
     AXMDocumentManagementDocumentTypeMetaDefinitionEntityModule: AXMDocumentManagementDocumentTypeMetaDefinitionEntityModule,
     AXMDocumentManagementDocumentTypeMetaDefinitionEntityService: AXMDocumentManagementDocumentTypeMetaDefinitionEntityService,
     AXMDocumentManagementDocumentTypeMetaDefinitionEntityServiceImpl: AXMDocumentManagementDocumentTypeMetaDefinitionEntityServiceImpl,
@@ -2222,6 +2233,7 @@ var index$1 = /*#__PURE__*/Object.freeze({
     AXMDocumentService: AXMDocumentService,
     AXMDocumentServiceImpl: AXMDocumentServiceImpl,
     AXMDocumentTypeService: AXMDocumentTypeService,
+    AXMDocumentTypeServiceImpl: AXMDocumentTypeServiceImpl,
     AXMFolderService: AXMFolderService,
     AXMFolderServiceImpl: AXMFolderServiceImpl,
     documentFactory: documentFactory,
@@ -2651,7 +2663,6 @@ class AXMFileTypeExtensionWidgetEditComponent extends AXPWidgetComponent {
         super.ngOnInit();
         this.selectedItems.set(this.getValue()?.selectedItems ?? []);
         this.context.set(this.getValue()?.context ?? {});
-        console.log(this.selectedItems());
     }
     outputs() {
         return ['selectedItems', 'context'];
@@ -2772,7 +2783,7 @@ class AXMFileTypeExtensionWidgetEditComponent extends AXPWidgetComponent {
       </ax-collapse-group>
       }
     </axp-widgets-container>
-  </div>`, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXSelectBoxModule }, { kind: "component", type: i1.AXSelectBoxComponent, selector: "ax-select-box", inputs: ["disabled", "readonly", "tabIndex", "placeholder", "minValue", "maxValue", "value", "state", "name", "id", "type", "look", "multiple", "valueField", "textField", "disabledField", "textTemplate", "selectedItems", "dataSource", "minRecordsForSearch", "caption", "itemTemplate", "selectedTemplate", "emptyTemplate", "loadingTemplate", "dropdownWidth", "searchBoxAutoFocus"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "readonlyChange", "disabledChange", "onOpened", "onClosed"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: AXFormModule }, { kind: "component", type: i7.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.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXPLayoutBuilderModule }, { kind: "component", type: i6.AXPWidgetContainerComponent, selector: "axp-widgets-container", inputs: ["context", "functions"], outputs: ["onContextChanged"] }, { kind: "directive", type: i6.AXPWidgetRendererDirective, selector: "[axp-widget-renderer]", inputs: ["parentNode", "index", "mode", "node"], exportAs: ["widgetRenderer"] }, { kind: "ngmodule", type: AXCollapseModule }, { kind: "component", type: i7$1.AXCollapseComponent, selector: "ax-collapse", inputs: ["disabled", "look", "isCollapsed", "showHeader", "caption", "icon", "isLoading", "headerTemplate"], outputs: ["onClick", "isCollapsedChange"] }, { kind: "component", type: i7$1.AXCollapseGroupComponent, selector: "ax-collapse-group", inputs: ["look", "accordion", "activeIndex"], outputs: ["accordionChange", "activeIndexChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  </div>`, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXSelectBoxModule }, { kind: "component", type: i1.AXSelectBoxComponent, selector: "ax-select-box", inputs: ["disabled", "readonly", "tabIndex", "placeholder", "minValue", "maxValue", "value", "state", "name", "id", "type", "look", "multiple", "valueField", "textField", "disabledField", "textTemplate", "selectedItems", "dataSource", "minRecordsForSearch", "caption", "itemTemplate", "selectedTemplate", "emptyTemplate", "loadingTemplate", "dropdownWidth", "searchBoxAutoFocus"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "readonlyChange", "disabledChange", "onOpened", "onClosed"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: AXFormModule }, { kind: "component", type: i3.AXFormFieldComponent, selector: "ax-form-field", inputs: ["labelMode"] }, { kind: "ngmodule", type: AXLabelModule }, { kind: "component", type: i4.AXLabelComponent, selector: "ax-label", inputs: ["required", "for"], outputs: ["requiredChange"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i2$1.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXPLayoutBuilderModule }, { kind: "component", type: i6.AXPWidgetContainerComponent, selector: "axp-widgets-container", inputs: ["context", "functions"], outputs: ["onContextChanged"] }, { kind: "directive", type: i6.AXPWidgetRendererDirective, selector: "[axp-widget-renderer]", inputs: ["parentNode", "index", "mode", "node"], exportAs: ["widgetRenderer"] }, { kind: "ngmodule", type: AXCollapseModule }, { kind: "component", type: i7.AXCollapseComponent, selector: "ax-collapse", inputs: ["disabled", "look", "isCollapsed", "showHeader", "caption", "icon", "isLoading", "headerTemplate"], outputs: ["onClick", "isCollapsedChange"] }, { kind: "component", type: i7.AXCollapseGroupComponent, selector: "ax-collapse-group", inputs: ["look", "accordion", "activeIndex"], outputs: ["accordionChange", "activeIndexChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMFileTypeExtensionWidgetEditComponent, decorators: [{
             type: Component,
@@ -2879,8 +2890,8 @@ const AXmFileTypeExtensionWidget = {
     name: 'file-type-extension',
     title: 'File Type Extension',
     description: 'Uploads and manages files',
-    icon: 'fa-solid fa-files',
-    group: AXP_WIDGETS_ADVANCE_GROUP,
+    icon: 'fa-light fa-files',
+    categories: AXP_WIDGETS_ADVANCE_CATEGORY,
     type: 'editor',
     properties: [AXP_NAME_PROPERTY, AXP_DATA_PATH_PROPERTY],
     components: {
@@ -2998,13 +3009,6 @@ var documentAttachmentWidgetColumn_component = /*#__PURE__*/Object.freeze({
     AXMDocumentAttachmentWidgetColumnComponent: AXMDocumentAttachmentWidgetColumnComponent
 });
 
-var AXMDriveScope;
-(function (AXMDriveScope) {
-    AXMDriveScope["Platform"] = "P";
-    AXMDriveScope["Tenant"] = "T";
-    AXMDriveScope["User"] = "U";
-})(AXMDriveScope || (AXMDriveScope = {}));
-
 /**
  * Service for handling document drive operations
  */
@@ -3016,9 +3020,28 @@ class AXMDocumentManagerService {
         this.popupService = inject(AXPopupService);
         this.dialogService = inject(AXDialogService);
         this.fileService = inject(AXPFileStorageService);
-        this.fileMangerService = inject(AXFileService);
+        this.fileManagerService = inject(AXFileService);
         this.workflow = inject(AXPWorkflowService);
         this.scopedDriveCache = new Map();
+        this.mapFolderDtoToFolderNode = (folder) => {
+            return {
+                id: folder.id,
+                name: folder.name,
+                type: 'folder',
+                parentId: folder.parentId || null,
+                modifiedAt: folder.updatedAt,
+                createdAt: folder.createdAt,
+                description: folder.description,
+                childrenCount: folder.nodeCount,
+                size: folder.size,
+                documentTypes: folder.documentTypes,
+                storageType: 'physical',
+                children: [
+                    ...(folder.folders?.map(this.mapFolderDtoToFolderNode) || []),
+                    ...(folder.documents?.map(this.mapFileToNode) || []),
+                ],
+            };
+        };
     }
     scope(scope, options) {
         const cacheKey = this.getScopeCacheKey(scope, options);
@@ -3059,7 +3082,7 @@ class AXMDocumentManagerService {
      * @param tenantId The tenant ID
      * @returns Tenant root folder
      */
-    async getTenantRootFolder(rootFolderId, tenantId) {
+    async getTenantRootFolder(rootFolder, tenantId) {
         if (!tenantId) {
             throw new Error('Tenant ID is required');
         }
@@ -3070,7 +3093,11 @@ class AXMDocumentManagerService {
                 operator: null,
                 logic: 'and',
                 filters: [
-                    { field: 'parentId', operator: { type: 'equal' }, value: rootFolderId },
+                    {
+                        field: 'parentId',
+                        operator: { type: 'equal' },
+                        value: rootFolder.folders?.find((f) => f.name === 'Tenants')?.id,
+                    },
                     { field: 'tenantId', operator: { type: 'equal' }, value: tenantId },
                     { field: 'userId', operator: { type: 'isNull' } },
                 ],
@@ -3110,63 +3137,94 @@ class AXMDocumentManagerService {
         }
         return result.items[0];
     }
-    mapFolderDtoToFolderNode(folder) {
-        return {
-            id: folder.id,
-            name: folder.name,
-            type: 'folder',
-            parentId: folder.parentId || null,
-            modifiedAt: folder.updatedAt,
-            createdAt: folder.createdAt,
-            description: folder.description,
-            childrenCount: folder.nodeCount,
-            size: folder.size,
-            children: [
-                ...(folder.folders?.map((child) => ({
-                    id: child.id,
-                    name: child.name,
-                    type: 'folder',
-                    parentId: child.parentId || null,
-                    modifiedAt: child.updatedAt,
-                    createdAt: child.createdAt,
-                    childrenCount: child.nodeCount,
-                    description: child.description,
-                    size: child.size,
-                })) || []),
-                ...(folder.documents?.map((doc) => ({
-                    id: doc.id,
-                    name: doc.name,
-                    type: 'file',
-                    parentId: doc.parentId,
-                    modifiedAt: doc.updatedAt,
-                    createdAt: doc.createdAt,
-                    size: doc.size,
-                    description: doc.description,
-                })) || []),
-            ],
-        };
-    }
-    async buildPath(node) {
+    async buildPath(node, stopFolderId) {
         if (node.type === 'file') {
-            return (await this.documentService.getPath(node.id)).map(this.mapFolderDtoToFolderNode);
+            return (await this.documentService.getPath(node.id, stopFolderId)).map(this.mapFolderDtoToFolderNode);
+        }
+        else {
+            return (await this.folderService.getPath(node.id, stopFolderId)).map(this.mapFolderDtoToFolderNode);
         }
-        return (await this.folderService.getPath(node.id)).map(this.mapFolderDtoToFolderNode);
     }
-    async findNodeById(id) {
-        const findNode = (nodes) => {
-            for (const node of nodes) {
-                if (node.id === id) {
-                    return node;
-                }
-                if (node.children) {
-                    const found = findNode(node.children);
-                    if (found)
-                        return found;
-                }
-            }
-            return null;
-        };
-        return findNode([(await this.getRoot(AXMDriveScope.Platform)).result]);
+    async showShareDialog(node) {
+        const comp = (await import('./acorex-modules-document-management-share-dialog.component-BiNdRpqs.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-BvR5OuCV.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-1iPUnhr1.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-BwKdUUcf.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-DkZQ84kg.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-C9YP1aFi.mjs'))
+            .AXMCreateFolderDialog;
+        const popup = await this.popupService.open(comp, {
+            title: 't("actions.update-folder")',
+            data: {
+                defaultValue: node,
+            },
+        });
+        return popup.data?.result;
+    }
+    async updateFileName(node, name) {
+        if (node.storageType == 'physical') {
+            return this.mapFileToNode(await this.documentService.updateOne(node.id, { name }));
+        }
+        else {
+            node.name = name;
+            return node;
+        }
     }
     /**
      * Gets the root folder based on the specified scope
@@ -3177,31 +3235,34 @@ class AXMDocumentManagerService {
     async getRoot(scope, options) {
         const rootFolder = await this.getPlatformRootFolder();
         let result;
+        let path = [];
         switch (scope) {
-            case AXMDriveScope.Platform:
+            case AXPPlatformScope.Platform:
                 result = this.mapFolderDtoToFolderNode(rootFolder);
+                path = await this.buildPath(result);
                 break;
-            case AXMDriveScope.Tenant: {
+            case AXPPlatformScope.Tenant: {
                 if (!options?.tenantId) {
                     throw new Error('Tenant ID is required for tenant scope');
                 }
-                const tenantRoot = await this.getTenantRootFolder(rootFolder.id, options.tenantId);
+                const tenantRoot = await this.getTenantRootFolder(rootFolder, options.tenantId);
                 result = this.mapFolderDtoToFolderNode(tenantRoot);
+                path = await this.buildPath(result, tenantRoot.id);
                 break;
             }
-            case AXMDriveScope.User: {
+            case AXPPlatformScope.User: {
                 if (!options?.tenantId || !options?.userId) {
                     throw new Error('Both Tenant ID and User ID are required for user scope');
                 }
-                const tenantFolder = await this.getTenantRootFolder(rootFolder.id, options.tenantId);
-                const userRoot = await this.getUserRootFolder(tenantFolder.id, options.tenantId, options.userId);
+                const tenantFolder = await this.getTenantRootFolder(rootFolder, options.tenantId);
+                const userRoot = await this.getUserRootFolder(tenantFolder.folders?.find((f) => f.name === 'Users')?.id, options.tenantId, options.userId);
                 result = this.mapFolderDtoToFolderNode(userRoot);
+                path = await this.buildPath(result, userRoot.id);
                 break;
             }
             default:
                 throw new Error(`Invalid scope: ${scope}`);
         }
-        const path = await this.buildPath(result);
         return { path, result };
     }
     /**
@@ -3209,7 +3270,7 @@ class AXMDocumentManagerService {
      * @param folderId The folder ID to retrieve
      * @returns The requested folder
      */
-    async getFolder(folderId) {
+    async getFolder(scope, folderId, options) {
         if (!folderId) {
             throw new Error('Folder ID is required');
         }
@@ -3218,7 +3279,7 @@ class AXMDocumentManagerService {
             throw new Error('Folder not found');
         }
         const result = this.mapFolderDtoToFolderNode(folder);
-        const path = await this.buildPath(result);
+        const path = await this.buildPath(result, (await this.getRoot(scope, options)).result.id);
         return { path, result };
     }
     async createFolder(data) {
@@ -3268,6 +3329,7 @@ class AXMDocumentManagerService {
             createdAt: file.createdAt,
             size: file.size,
             fileId: file.fileId,
+            storageType: 'physical',
         };
     }
     async createFile(data) {
@@ -3276,9 +3338,6 @@ class AXMDocumentManagerService {
         return this.mapFileToNode(file);
     }
     async updateFile(fileId, data) {
-        const y = await this.documentService.getOne(fileId);
-        console.log(y);
-        debugger;
         const updatedFile = await this.documentService.updateOne(fileId, data);
         return this.mapFileToNode(updatedFile);
     }
@@ -3296,7 +3355,7 @@ class AXMDocumentManagerService {
         }
     }
     async showCreateFolderDialog(parentId) {
-        const comp = (await import('./acorex-modules-document-management-create-folder-dialog.component-D66KoQNb.mjs'))
+        const comp = (await import('./acorex-modules-document-management-create-folder-dialog.component-C9YP1aFi.mjs'))
             .AXMCreateFolderDialog;
         const popup = await this.popupService.open(comp, {
             title: 't("actions.create-folder")',
@@ -3307,7 +3366,7 @@ class AXMDocumentManagerService {
         return popup.data?.folder;
     }
     async moveTo(options) {
-        const comp = (await import('./acorex-modules-document-management-drive-choose.component-WoZfDyLK.mjs')).AXMDocumentDriveChooseComponent;
+        const comp = (await import('./acorex-modules-document-management-drive-choose.component-Bo-I7TN5.mjs')).AXMDocumentDriveChooseComponent;
         //
         const popup = await this.popupService.open(comp, {
             title: `Choose ${options.browseMode == 'file' ? 'File' : 'Folder'}`,
@@ -3338,7 +3397,7 @@ class AXMDocumentManagerService {
         }
     }
     async copyTo(options) {
-        const comp = (await import('./acorex-modules-document-management-drive-choose.component-WoZfDyLK.mjs')).AXMDocumentDriveChooseComponent;
+        const comp = (await import('./acorex-modules-document-management-drive-choose.component-Bo-I7TN5.mjs')).AXMDocumentDriveChooseComponent;
         //
         const popup = await this.popupService.open(comp, {
             title: `Choose ${options.browseMode == 'file' ? 'File' : 'Folder'}`,
@@ -3380,36 +3439,58 @@ class AXMDocumentManagerService {
             return false;
         }
     }
-    async showFileViewerPopup(node) {
-        const parentFolder = await this.folderService.getOne(node.parentId);
-        const parentFolderName = parentFolder.name;
-        const nodes = await Promise.all(parentFolder.documents?.map(async (doc) => {
+    async mapDocumentToMediaViewerData(doc) {
+        if (!doc.fileId?.startsWith('http')) {
+            const fileInfo = await this.fileService.getInfo(doc.fileId);
             return {
-                id: doc.id || '',
+                id: doc.id ?? '',
                 name: doc.name,
-                type: doc.meta?.['type'],
-                url: doc.fileId,
+                type: doc.name.endsWith('.pdf') ? 'pdf' : 'image',
+                url: fileInfo.url ?? '',
                 size: doc.size.toString(),
-                thumbnail: doc.fileId,
+                thumbnail: fileInfo.url ?? '',
             };
-        }) || []);
-        console.log(nodes);
+        }
+        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: `t("gallery" , ${RootConfig.module.name})` + ' - ' + parentFolderName,
             data: {
                 nodes,
+                index: isVirtualFolder
+                    ? options?.folderVituralfiles?.findIndex((f) => f.id === node.id) ?? 0
+                    : options?.index ?? 0,
             },
         });
     }
     async openFile(node) {
-        console.log(node);
         const file = await this.documentService.getOne(node.id);
-        console.log(file);
     }
-    async rename(node) {
-        const comp = (await import('./acorex-modules-document-management-rename-node-dialog.component-Dae6RWb8.mjs'))
+    async showRenamePopup(node) {
+        const comp = (await import('./acorex-modules-document-management-rename-node-dialog.component-DEhPxW3b.mjs'))
             .AXMRenameNodeDialog;
         const popup = await this.popupService.open(comp, {
             title: 't("actions.rename")',
@@ -3449,24 +3530,42 @@ class AXMDocumentManagerService {
         //TODO filter by scope
         return (await this.folderService.query()).items.map(this.mapFolderDtoToFolderNode);
     }
-    async getAllFiles() {
+    async getAllFiles(request) {
         //TODO filter by scope
-        return (await this.documentService.query()).items.map(this.mapFileToNode);
+        return (await this.documentService.query(request)).items.map(this.mapFileToNode);
     }
     async getAllNodes() {
         return [...(await this.getAllFolders()), ...(await this.getAllFiles())];
     }
-    async showChooseFileDialog() {
-        const comp = (await import('./acorex-modules-document-management-drive-choose.component-WoZfDyLK.mjs')).AXMDocumentDriveChooseComponent;
-        await this.popupService.open(comp);
+    async showChooseFileDialog(scope) {
+        const comp = (await import('./acorex-modules-document-management-drive-choose.component-Bo-I7TN5.mjs')).AXMDocumentDriveChooseComponent;
+        const result = await this.popupService.open(comp, {
+            title: `t("actions.choose-from-drive" , scope: {"${RootConfig.config.i18n}"})`,
+            data: {
+                scope: scope,
+            },
+        });
+        if (result.data?.result) {
+            return castArray(result.data.items);
+        }
+        return [];
     }
     async downloadFile(node) {
-        const file = await this.documentService.getOne(node.id);
-        if (file && file.fileId) {
-            const fileInfo = await this.fileService.getInfo(file.fileId);
+        // 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 = file.name; // Set the desired file name
+            link.download = node.name; // Set the desired file name
             document.body.appendChild(link);
             link.click();
             document.body.removeChild(link);
@@ -3540,13 +3639,13 @@ class AXMDocumentManagerService {
     }
     async uploadFile(folderId) {
         const folder = await this.folderService.getOne(folderId);
-        var docTypes = folder.documentType;
+        var docTypes = folder.documentTypes;
         if (folder && docTypes == null) {
             const comp = (await Promise.resolve().then(function () { return index; })).AXMChooseDocumentTypeComponent;
             const result = await this.popupService.open(comp);
             if (result.data != null && result.data.documentType != null) {
                 const { upload, ...metaContext } = result.data.context;
-                //Todo 
+                //Todo
                 const fileInfo = await this.fileService.getInfo(upload[0]);
                 const file = await this.documentService.insertOne({
                     fileId: upload[0],
@@ -3564,6 +3663,39 @@ class AXMDocumentManagerService {
         }
         return false;
     }
+    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;
+                    await this.fileService.commit(u.fileId);
+                    const file = await this.documentService.insertOne({
+                        fileId: fileInfo.fileId,
+                        meta: metaContext,
+                        parentId: folderId,
+                        size: fileInfo.size,
+                        name: fileInfo.name ?? '',
+                        title: fileInfo.name ?? '',
+                    });
+                }
+                return true;
+            }
+            else {
+                return false;
+            }
+        }
+        return false;
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMDocumentManagerService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMDocumentManagerService, providedIn: 'root' }); }
 }
@@ -3582,12 +3714,12 @@ class ScopedDriveService {
     }
     validateScopeOptions() {
         switch (this.scope) {
-            case AXMDriveScope.Tenant:
+            case AXPPlatformScope.Tenant:
                 if (!this.options?.tenantId) {
                     throw new Error('Tenant ID is required for tenant scope');
                 }
                 break;
-            case AXMDriveScope.User:
+            case AXPPlatformScope.User:
                 if (!this.options?.tenantId || !this.options?.userId) {
                     throw new Error('Both Tenant ID and User ID are required for user scope');
                 }
@@ -3598,7 +3730,7 @@ class ScopedDriveService {
         return this.parent.getRoot(this.scope, this.options);
     }
     async getFolder(folderId) {
-        return this.parent.getFolder(folderId);
+        return this.parent.getFolder(this.scope, folderId, this.options);
     }
     async createFolder(data) {
         const folderData = {
@@ -3651,6 +3783,7 @@ const AXPDocumentExplorerViewModel = signalStore({ providedIn: 'root' }, withSta
     // View State
     viewMode: 'large-tiles',
     isLoading: false,
+    scope: AXPPlatformScope.User,
     // Navigation State
     currentPath: [],
     currentNode: null,
@@ -3678,8 +3811,12 @@ const AXPDocumentExplorerViewModel = signalStore({ providedIn: 'root' }, withSta
     detailPanel: false,
 })), withComputed((store) => ({
     isRoot: computed(() => {
+        const path = store.currentPath();
+        return path.length === 1;
+    }),
+    isVirtual: computed(() => {
         const node = store.currentNode();
-        return node?.id === 'root' || !node?.parentId;
+        return node?.storageType === 'virtual';
     }),
     currentFolder: computed(() => store.currentNode()),
     currentFolderContents: computed(() => ({
@@ -3703,27 +3840,37 @@ const AXPDocumentExplorerViewModel = signalStore({ providedIn: 'root' }, withSta
     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), translateService = inject(AXTranslationService)) => ({
+})), 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(AXPSettingScope.User).get(AXPDocumentExplorerSettings.ViewMode);
-        const sortField = await settingService.scope(AXPSettingScope.User).get(AXPDocumentExplorerSettings.SortField);
-        const sortDirection = await settingService.scope(AXPSettingScope.User).get(AXPDocumentExplorerSettings.SortDirection);
+        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 || 'large-tiles',
+            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(folderId);
+            const node = await driveService.getFolder(store.scope(), folderId, {
+                tenantId: sessionService.tenant?.id,
+                userId: sessionService.user?.id,
+            });
             patchState(store, {
                 currentNode: node.result,
                 currentPath: node.path,
@@ -3757,20 +3904,48 @@ const AXPDocumentExplorerViewModel = signalStore({ providedIn: 'root' }, withSta
         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(AXPSettingScope.User).set(AXPDocumentExplorerSettings.ViewMode, mode);
+        settingService.scope(AXPPlatformScope.User).set(AXPDocumentExplorerSettings.ViewMode, mode);
     },
     isViewMode(mode) {
         return store.viewMode() === mode;
     },
     setSortField(field) {
         patchState(store, { sortField: field });
-        settingService.scope(AXPSettingScope.User).set(AXPDocumentExplorerSettings.SortField, field);
+        settingService.scope(AXPPlatformScope.User).set(AXPDocumentExplorerSettings.SortField, field);
     },
     setSortDirection(direction) {
         patchState(store, { sortDirection: direction });
-        settingService.scope(AXPSettingScope.User).set(AXPDocumentExplorerSettings.SortDirection, direction);
+        settingService.scope(AXPPlatformScope.User).set(AXPDocumentExplorerSettings.SortDirection, direction);
     },
     setSelectionMode(mode) {
         patchState(store, { selectionMode: mode });
@@ -3842,10 +4017,10 @@ const AXPDocumentExplorerViewModel = signalStore({ providedIn: 'root' }, withSta
                                 content: node.modifiedAt || new Date(),
                                 format: 'datetime',
                                 icon: 'fa-solid fa-calendar-days',
-                            }
-                        ]
-                    }
-                ]
+                            },
+                        ],
+                    },
+                ],
             };
         }
         // If the node is a folder, return the folder info
@@ -3885,10 +4060,10 @@ const AXPDocumentExplorerViewModel = signalStore({ providedIn: 'root' }, withSta
                                 content: node.modifiedAt || new Date(),
                                 format: 'datetime',
                                 icon: 'fa-solid fa-calendar-days',
-                            }
-                        ]
-                    }
-                ]
+                            },
+                        ],
+                    },
+                ],
             };
         }
     },
@@ -3914,9 +4089,15 @@ const AXPDocumentExplorerViewModel = signalStore({ providedIn: 'root' }, withSta
         });
     },
     async refresh() {
-        const currentFolder = store.currentNode();
-        if (currentFolder) {
-            await this._load(currentFolder.id);
+        if (!store.isVirtual()) {
+            const currentFolder = store.currentNode();
+            if (currentFolder) {
+                await this._load(currentFolder.id);
+            }
+        }
+        else {
+            patchState(store, { loadingFolderId: 'fake' });
+            patchState(store, { loadingFolderId: null });
         }
     },
     navigateToUp() {
@@ -3943,25 +4124,35 @@ const AXPDocumentExplorerViewModel = signalStore({ providedIn: 'root' }, withSta
     async openFile(file) {
         await driveService.openFile(file);
     },
-    //TODO: Delete only one node at a time  
+    //TODO: Delete only one node at a time
     async deleteNodes(nodes = store.selectedNodes()) {
-        const result = await driveService.showDeleteNodesDialog(nodes);
-        if (result) {
-            this.deselectAll();
-            await this.refresh();
+        if (store.isVirtual()) {
+            patchState(store, {
+                files: store.currentFolderContents().files.filter((file) => !nodes.some((node) => node.name === file.name)),
+            });
+        }
+        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] });
+            patchState(store, {
+                selectedNodes: store.selectedNodes().includes(node)
+                    ? store.selectedNodes().filter((n) => n.id !== node.id)
+                    : [...store.selectedNodes(), node],
+            });
         }
         else {
             patchState(store, { selectedNodes: [node] });
         }
-        console.log(store.currentPath());
     },
     isItemSelected(node) {
-        return store.selectedNodes().some(selectedNode => selectedNode.id === node.id);
+        return store.selectedNodes().some((selectedNode) => selectedNode.id === node.id);
     },
     selectAll() {
         patchState(store, { selectedNodes: [...store.folders(), ...store.files()] });
@@ -3980,12 +4171,6 @@ const AXPDocumentExplorerViewModel = signalStore({ providedIn: 'root' }, withSta
     },
     //#region Menu Items
     async getFolderAddMenuItems() {
-        const documentTypes = await documentTypeService.query();
-        const items = documentTypes.items.map(item => ({
-            name: item.name,
-            title: item.title,
-        })) ?? [];
-        //
         const scope = RootConfig.config.i18n;
         return [
             {
@@ -3996,13 +4181,32 @@ const AXPDocumentExplorerViewModel = signalStore({ providedIn: 'root' }, withSta
                     name: 'new-folder',
                     options: {
                         folderId: store.currentFolder()?.id,
-                    }
-                }
+                    },
+                },
             },
-            {
-                title: await translateService.translateAsync('actions.upload-file', { scope }),
+            ...(store.currentFolder()?.documentTypes?.map((type) => ({
+                title: type.title,
+                //icon: type.icon,
                 icon: 'fa-light fa-file-arrow-up',
-                items: items
+                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,
+                    },
+                },
             },
         ];
     },
@@ -4010,22 +4214,22 @@ const AXPDocumentExplorerViewModel = signalStore({ providedIn: 'root' }, withSta
         return [
             {
                 name: 'refresh',
-                title: 'Refresh',
+                title: await translateService.translateAsync('refresh'),
                 icon: 'fa-light fa-rotate-right',
-                break: true,
-            },
-            {
-                name: 'delete',
-                title: 'Delete',
-                color: 'danger',
-                icon: 'fa-light fa-trash',
+                // break: true,
             },
+            // {
+            //   name: 'delete',
+            //   title: await translateService.translateAsync('delete'),
+            //   color: 'danger',
+            //   icon: 'fa-light fa-trash',
+            // },
         ];
     },
     //#endregion
     //#region Context Menu Items
     async getContextMenuItems() {
-        return [...await this.getFolderAddMenuItems(), ...await this.getFolderActionMenuItems()];
+        return [...(await this.getFolderAddMenuItems()), ...(await this.getFolderActionMenuItems())];
     },
     //#endregion
 })));
@@ -4044,16 +4248,15 @@ class AXMDocumentExplorerComponent {
         this.showContextMenu = input(true);
         this.view = signal(null);
         this.viewMap = {
-            list: async () => (await import('./acorex-modules-document-management-list-view.component-B6J6Tokv.mjs')).AXMDocumentExplorerListViewComponent,
-            'small-tiles': async () => (await import('./acorex-modules-document-management-small-tiles-view.component-DDKdWg8I.mjs')).AXMDocumentExplorerSmallTilesViewComponent,
-            'large-tiles': async () => (await import('./acorex-modules-document-management-large-tiles-view.component-ByWrKvZe.mjs')).AXMDocumentExplorerLargeTilesViewComponent,
-            details: async () => (await import('./acorex-modules-document-management-details-view.component-BHcu_gYH.mjs')).AXMDocumentExplorerDetailsViewComponent,
-            'large-icons': async () => (await import('./acorex-modules-document-management-large-icons-view.component-DvriE0YR.mjs')).AXMDocumentExplorerLargeIconsViewComponent,
-            'small-icons': async () => (await import('./acorex-modules-document-management-small-icons-view.component-TrYeB22e.mjs')).AXMDocumentExplorerSmallIconsViewComponent,
+            list: async () => (await import('./acorex-modules-document-management-list-view.component-BPkaAGjR.mjs')).AXMDocumentExplorerListViewComponent,
+            'small-tiles': async () => (await import('./acorex-modules-document-management-small-tiles-view.component-C_SlJ79h.mjs')).AXMDocumentExplorerSmallTilesViewComponent,
+            'large-tiles': async () => (await import('./acorex-modules-document-management-large-tiles-view.component-Cw5yZ851.mjs')).AXMDocumentExplorerLargeTilesViewComponent,
+            details: async () => (await import('./acorex-modules-document-management-details-view.component-BFMgAxeK.mjs')).AXMDocumentExplorerDetailsViewComponent,
+            'large-icons': async () => (await import('./acorex-modules-document-management-large-icons-view.component-CZ-GUtnO.mjs')).AXMDocumentExplorerLargeIconsViewComponent,
+            'small-icons': async () => (await import('./acorex-modules-document-management-small-icons-view.component-Cz-sHFPj.mjs')).AXMDocumentExplorerSmallIconsViewComponent,
         };
         this.#effect = effect(() => {
-            const navigatingFolderId = this.vm.loadingFolderId();
-            if (!navigatingFolderId) {
+            if (this.vm.loadingFolderId() == null) {
                 setTimeout(() => {
                     this.contextMenu()?.refresh();
                     this.rootContextMenu()?.refresh();
@@ -4079,7 +4282,6 @@ class AXMDocumentExplorerComponent {
     #effect3;
     handleNavigateToFolder(folderId) {
         this.vm.navigateToFolder(folderId);
-        console.log(this.vm.currentFolder());
     }
     //#region Menu and Context Menu
     async handleContextMenuOnOpening(e) {
@@ -4114,11 +4316,21 @@ class AXMDocumentExplorerComponent {
                     data: node,
                 },
                 {
-                    name: 'upload-file',
-                    text: 'Upload File',
+                    name: 'upload-file-33',
+                    text: 'Upload',
                     icon: 'fa-light fa-file-arrow-up',
                     break: true,
-                    data: this.vm.currentFolder(),
+                    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 = {
@@ -4220,13 +4432,21 @@ class AXMDocumentExplorerComponent {
         }
     }
     async handleContextMenuRootOnOpening(e) {
-        //TODO: check async translate method in acorex  
-        const items = [...await this.vm.getFolderAddMenuItems(), ...await this.vm.getFolderActionMenuItems()];
-        const mappedItems = items.map(m => ({
+        //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 handleContextMenuItemClick(e) {
         const node = e.item.data;
@@ -4238,7 +4458,12 @@ class AXMDocumentExplorerComponent {
                 this.openFile(node);
                 break;
             case 'open-gallery':
-                this.openGallery(node);
+                if (e.item.data.folderId != null) {
+                    this.openGalleryWithFolderId();
+                }
+                else {
+                    this.openGallery(node);
+                }
                 break;
             case 'download':
                 this.handleDownloadFile(node);
@@ -4247,9 +4472,9 @@ class AXMDocumentExplorerComponent {
                 await this.createFolder(node);
                 // Handle new folder creation
                 break;
-            case 'upload-file':
-                await this.uploadFile(node);
-                break;
+            // case 'upload-file':
+            //   await this.uploadFile(node);
+            //   break;
             case 'paste':
                 // Handle paste operation
                 break;
@@ -4262,6 +4487,9 @@ class AXMDocumentExplorerComponent {
             case 'rename':
                 this.renameNode(node);
                 break;
+            case 'properties':
+                this.showFolderProperty(node);
+                break;
             case 'delete':
                 this.vm.deleteNodes([node]);
                 break;
@@ -4271,11 +4499,60 @@ class AXMDocumentExplorerComponent {
             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();
+                }
+                break;
+        }
+    }
+    //#endregion
+    async showFolderProperty(node) {
+        if (await this.driveService.showFolderEditDialog(node)) {
+            await this.vm.refresh();
         }
     }
-    //#endregion 
+    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]);
+    }
     async openGallery(node) {
-        await this.driveService.showFileViewerPopup(node);
+        await this.driveService.showFileViewerPopup(node, {
+            folderVituralfiles: this.vm.currentFolderContents().files,
+            index: this.vm.currentFolderContents().files.findIndex((f) => f.id === node.id),
+        });
     }
     async openFile(node) {
         await this.driveService.openFile(node);
@@ -4294,11 +4571,23 @@ class AXMDocumentExplorerComponent {
     }
     async renameNode(node) {
         if (node) {
-            const result = await this.driveService.rename(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;
     }
     async uploadFile(node) {
         const folderId = node?.id ?? this.vm.currentFolder()?.id;
@@ -4309,9 +4598,9 @@ class AXMDocumentExplorerComponent {
             }
         }
     }
-    async chooseFile() {
-        await this.driveService.showChooseFileDialog();
-        await this.vm.refresh();
+    async chooseFile(scope = this.vm.scope()) {
+        return await this.driveService.showChooseFileDialog(scope);
+        //await this.vm.refresh();
     }
     async makeCopy(node) {
         if (node) {
@@ -4341,7 +4630,7 @@ class AXMDocumentExplorerComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMDocumentExplorerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.3", 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;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))}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"] }, { kind: "ngmodule", type: RouterModule }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i3.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$1.AXContextMenuComponent, selector: "ax-context-menu", inputs: ["orientation", "openOn", "closeOn", "items", "target"], outputs: ["onItemClick", "onOpening"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.3", 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"] }, { kind: "ngmodule", type: RouterModule }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i2$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$1.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.0.3", ngImport: i0, type: AXMDocumentExplorerComponent, decorators: [{
             type: Component,
@@ -4353,7 +4642,25 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImpor
                         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;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))}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"] }]
+                    ], 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 AXMDocumentExplorerDetailPanelComponent {
+    constructor() {
+        this.vm = inject(AXPDocumentExplorerViewModel);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMDocumentExplorerDetailPanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.3", 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: i2$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$3.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "directive", type: i4$1.AXTranslatorDirective, selector: "[translate]" }], encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", 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 AXMChooseDocumentTypeComponent extends AXBasePageComponent {
@@ -4392,7 +4699,6 @@ class AXMChooseDocumentTypeComponent extends AXBasePageComponent {
             };
         });
         for (const i of item.meta) {
-            console.log(JSON.parse(i.interface)['children'][0]);
             if (!get(i, '__node__')) {
                 set$1(i, '__node__', typeof i.interface == 'function' ? await i.interface() :
                     JSON.parse(i.interface)['children'][0]['children'][0]);
@@ -4413,27 +4719,98 @@ class AXMChooseDocumentTypeComponent extends AXBasePageComponent {
         });
     }
     getNode(meta) {
-        console.log(meta);
         return get(meta, '__node__');
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMChooseDocumentTypeComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.3", type: AXMChooseDocumentTypeComponent, isStandalone: true, selector: "axm-choose-document-type", usesInheritance: true, ngImport: i0, template: "<ax-header> </ax-header>\n<ax-content>\n  <div class=\"ax-flex ax-flex-col ax-py-4 ax-px-6\">\n    <ax-label> Select Document Type </ax-label>\n    <ax-select-box\n      [dataSource]=\"documentTypesSource\"\n      textField=\"title\"\n      valueField=\"id\"\n      (onValueChanged)=\"handleChangeDocumentType($event)\"\n    >\n    </ax-select-box>\n    @if (documentTypeSelected().length > 0) {\n      <axp-widgets-container [context]=\"context()\" (onContextChanged)=\"handleContextChanged($event)\">\n      <ax-form>\n        @for(doc of documentTypeSelected()[0].meta; track doc.name) {\n          <ax-form-field>\n            <ax-label >{{ doc.title }}</ax-label>\n            <ng-container axp-widget-renderer [node]=\"getNode(doc)\" [mode]=\"'edit'\"></ng-container>\n          </ax-form-field>\n        }\n\n        <ng-container axp-widget-renderer [node]=\"uploadNode()\" mode=\"edit\"></ng-container>\n\n      </ax-form>\n    </axp-widgets-container>\n    }\n  </div>\n</ax-content>\n<ax-footer>\n  <ax-suffix>\n    <ax-button text=\"Cancel\" look=\"blank\" (onClick)=\"handleCancel()\"> </ax-button>\n    <ax-button text=\"Next\" (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.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: i7.AXFormFieldComponent, selector: "ax-form-field", inputs: ["labelMode"] }, { kind: "component", type: i7.AXFormComponent, selector: "ax-form", inputs: ["labelMode", "look", "messageStyle", "updateOn"], outputs: ["onValidate", "updateOnChange"] }, { kind: "ngmodule", type: AXLabelModule }, { kind: "component", type: i4.AXLabelComponent, selector: "ax-label", inputs: ["required", "for"], outputs: ["requiredChange"] }, { kind: "ngmodule", type: AXSelectBoxModule }, { kind: "component", type: i1.AXSelectBoxComponent, selector: "ax-select-box", inputs: ["disabled", "readonly", "tabIndex", "placeholder", "minValue", "maxValue", "value", "state", "name", "id", "type", "look", "multiple", "valueField", "textField", "disabledField", "textTemplate", "selectedItems", "dataSource", "minRecordsForSearch", "caption", "itemTemplate", "selectedTemplate", "emptyTemplate", "loadingTemplate", "dropdownWidth", "searchBoxAutoFocus"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "readonlyChange", "disabledChange", "onOpened", "onClosed"] }, { kind: "ngmodule", type: AXPLayoutBuilderModule }, { kind: "component", type: i6.AXPWidgetContainerComponent, selector: "axp-widgets-container", inputs: ["context", "functions"], outputs: ["onContextChanged"] }, { kind: "directive", type: i6.AXPWidgetRendererDirective, selector: "[axp-widget-renderer]", inputs: ["parentNode", "index", "mode", "node"], exportAs: ["widgetRenderer"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.3", type: AXMChooseDocumentTypeComponent, isStandalone: true, selector: "axm-choose-document-type", usesInheritance: true, ngImport: i0, template: "<ax-header> </ax-header>\n<ax-content>\n  <div class=\"ax-flex ax-flex-col ax-py-4 ax-px-6\">\n    <ax-label> Select Document Type </ax-label>\n    <ax-select-box\n      [dataSource]=\"documentTypesSource\"\n      textField=\"title\"\n      valueField=\"id\"\n      (onValueChanged)=\"handleChangeDocumentType($event)\"\n    >\n    </ax-select-box>\n    @if (documentTypeSelected().length > 0) {\n    <axp-widgets-container [context]=\"context()\" (onContextChanged)=\"handleContextChanged($event)\">\n      <ax-form>\n        @for(doc of documentTypeSelected()[0].meta; track doc.name) {\n        <ax-form-field>\n          <ax-label>{{ doc.title }}</ax-label>\n          <ng-container axp-widget-renderer [node]=\"getNode(doc)\" [mode]=\"'edit'\"></ng-container>\n        </ax-form-field>\n        }\n        <ng-container axp-widget-renderer [node]=\"uploadNode()\" mode=\"edit\"></ng-container>\n      </ax-form>\n    </axp-widgets-container>\n    }\n  </div>\n</ax-content>\n<ax-footer>\n  <ax-suffix>\n    <ax-button text=\"Cancel\" (onClick)=\"handleCancel()\"> </ax-button>\n    <ax-button text=\"Next\" look=\"solid\" color=\"primary\" (onClick)=\"handlesubmit()\"> </ax-button>\n  </ax-suffix>\n</ax-footer>\n", dependencies: [{ kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i2$3.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i2$1.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXFormModule }, { kind: "component", type: i3.AXFormFieldComponent, selector: "ax-form-field", inputs: ["labelMode"] }, { kind: "component", type: i3.AXFormComponent, selector: "ax-form", inputs: ["labelMode", "look", "messageStyle", "updateOn"], outputs: ["onValidate", "updateOnChange"] }, { kind: "ngmodule", type: AXLabelModule }, { kind: "component", type: i4.AXLabelComponent, selector: "ax-label", inputs: ["required", "for"], outputs: ["requiredChange"] }, { kind: "ngmodule", type: AXSelectBoxModule }, { kind: "component", type: i1.AXSelectBoxComponent, selector: "ax-select-box", inputs: ["disabled", "readonly", "tabIndex", "placeholder", "minValue", "maxValue", "value", "state", "name", "id", "type", "look", "multiple", "valueField", "textField", "disabledField", "textTemplate", "selectedItems", "dataSource", "minRecordsForSearch", "caption", "itemTemplate", "selectedTemplate", "emptyTemplate", "loadingTemplate", "dropdownWidth", "searchBoxAutoFocus"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "readonlyChange", "disabledChange", "onOpened", "onClosed"] }, { kind: "ngmodule", type: AXPLayoutBuilderModule }, { kind: "component", type: i6.AXPWidgetContainerComponent, selector: "axp-widgets-container", inputs: ["context", "functions"], outputs: ["onContextChanged"] }, { kind: "directive", type: i6.AXPWidgetRendererDirective, selector: "[axp-widget-renderer]", inputs: ["parentNode", "index", "mode", "node"], exportAs: ["widgetRenderer"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMChooseDocumentTypeComponent, decorators: [{
             type: Component,
-            args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: 'axm-choose-document-type', imports: [AXButtonModule, AXDecoratorModule, AXFormModule, AXLabelModule, AXSelectBoxModule, AXPLayoutBuilderModule], template: "<ax-header> </ax-header>\n<ax-content>\n  <div class=\"ax-flex ax-flex-col ax-py-4 ax-px-6\">\n    <ax-label> Select Document Type </ax-label>\n    <ax-select-box\n      [dataSource]=\"documentTypesSource\"\n      textField=\"title\"\n      valueField=\"id\"\n      (onValueChanged)=\"handleChangeDocumentType($event)\"\n    >\n    </ax-select-box>\n    @if (documentTypeSelected().length > 0) {\n      <axp-widgets-container [context]=\"context()\" (onContextChanged)=\"handleContextChanged($event)\">\n      <ax-form>\n        @for(doc of documentTypeSelected()[0].meta; track doc.name) {\n          <ax-form-field>\n            <ax-label >{{ doc.title }}</ax-label>\n            <ng-container axp-widget-renderer [node]=\"getNode(doc)\" [mode]=\"'edit'\"></ng-container>\n          </ax-form-field>\n        }\n\n        <ng-container axp-widget-renderer [node]=\"uploadNode()\" mode=\"edit\"></ng-container>\n\n      </ax-form>\n    </axp-widgets-container>\n    }\n  </div>\n</ax-content>\n<ax-footer>\n  <ax-suffix>\n    <ax-button text=\"Cancel\" look=\"blank\" (onClick)=\"handleCancel()\"> </ax-button>\n    <ax-button text=\"Next\" (onClick)=\"handlesubmit()\"> </ax-button>\n  </ax-suffix>\n</ax-footer>\n" }]
+            args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: 'axm-choose-document-type', imports: [AXButtonModule, AXDecoratorModule, AXFormModule, AXLabelModule, AXSelectBoxModule, AXPLayoutBuilderModule], template: "<ax-header> </ax-header>\n<ax-content>\n  <div class=\"ax-flex ax-flex-col ax-py-4 ax-px-6\">\n    <ax-label> Select Document Type </ax-label>\n    <ax-select-box\n      [dataSource]=\"documentTypesSource\"\n      textField=\"title\"\n      valueField=\"id\"\n      (onValueChanged)=\"handleChangeDocumentType($event)\"\n    >\n    </ax-select-box>\n    @if (documentTypeSelected().length > 0) {\n    <axp-widgets-container [context]=\"context()\" (onContextChanged)=\"handleContextChanged($event)\">\n      <ax-form>\n        @for(doc of documentTypeSelected()[0].meta; track doc.name) {\n        <ax-form-field>\n          <ax-label>{{ doc.title }}</ax-label>\n          <ng-container axp-widget-renderer [node]=\"getNode(doc)\" [mode]=\"'edit'\"></ng-container>\n        </ax-form-field>\n        }\n        <ng-container axp-widget-renderer [node]=\"uploadNode()\" mode=\"edit\"></ng-container>\n      </ax-form>\n    </axp-widgets-container>\n    }\n  </div>\n</ax-content>\n<ax-footer>\n  <ax-suffix>\n    <ax-button text=\"Cancel\" (onClick)=\"handleCancel()\"> </ax-button>\n    <ax-button text=\"Next\" look=\"solid\" color=\"primary\" (onClick)=\"handlesubmit()\"> </ax-button>\n  </ax-suffix>\n</ax-footer>\n" }]
+        }] });
+
+class AXMDocumentTypeChooseFileComponent extends AXBasePageComponent {
+    constructor() {
+        super(...arguments);
+        this.context = signal({});
+        this.uploadNode = signal({
+            name: 'uploads',
+            path: 'uploads',
+            type: 'file',
+            options: {
+                accept: '.pdf',
+                multiple: false,
+            },
+        });
+    }
+    async ngOnInit() {
+        this.uploadNode.update((old) => {
+            return {
+                ...old,
+                options: {
+                    multiple: this.documentType.isMultiple,
+                    accept: this.documentType.name == 'any'
+                        ? ''
+                        : this.documentType.type.selectedItems.map((i) => `.${i.name.split('.')[1]}`).join(','),
+                },
+            };
+        });
+        for (const i of this.documentType.meta) {
+            if (!get(i, '__node__')) {
+                set$1(i, '__node__', typeof i.interface == 'function'
+                    ? await i.interface()
+                    : 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.0.3", ngImport: i0, type: AXMDocumentTypeChooseFileComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.3", type: AXMDocumentTypeChooseFileComponent, isStandalone: true, selector: "axm-choose-document-type", usesInheritance: true, ngImport: i0, template: "<ax-content>\n  <div class=\"ax-flex ax-flex-col ax-py-4 ax-px-6\">\n    <axp-widgets-container [context]=\"context()\" (onContextChanged)=\"handleContextChanged($event)\">\n      <ax-form>\n        @for(doc of documentType.meta; track doc.name) {\n        <ax-form-field>\n          <ax-label>{{ doc.title }}</ax-label>\n          <ng-container axp-widget-renderer [node]=\"getNode(doc)\" [mode]=\"'edit'\"></ng-container>\n        </ax-form-field>\n        }\n        <ng-container axp-widget-renderer [node]=\"uploadNode()\" mode=\"edit\"></ng-container>\n      </ax-form>\n    </axp-widgets-container>\n  </div>\n</ax-content>\n<ax-footer>\n  <ax-suffix>\n    <ax-button text=\"Cancel\" (onClick)=\"handleCancel()\"> </ax-button>\n    <ax-button text=\"Submit\" look=\"solid\" color=\"primary\" (onClick)=\"handlesubmit()\"> </ax-button>\n  </ax-suffix>\n</ax-footer>\n", dependencies: [{ kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i2$3.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i2$1.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXFormModule }, { kind: "component", type: i3.AXFormFieldComponent, selector: "ax-form-field", inputs: ["labelMode"] }, { kind: "component", type: i3.AXFormComponent, selector: "ax-form", inputs: ["labelMode", "look", "messageStyle", "updateOn"], outputs: ["onValidate", "updateOnChange"] }, { kind: "ngmodule", type: AXLabelModule }, { kind: "component", type: i4.AXLabelComponent, selector: "ax-label", inputs: ["required", "for"], outputs: ["requiredChange"] }, { kind: "ngmodule", type: AXSelectBoxModule }, { kind: "ngmodule", type: AXPLayoutBuilderModule }, { kind: "component", type: i6.AXPWidgetContainerComponent, selector: "axp-widgets-container", inputs: ["context", "functions"], outputs: ["onContextChanged"] }, { kind: "directive", type: i6.AXPWidgetRendererDirective, selector: "[axp-widget-renderer]", inputs: ["parentNode", "index", "mode", "node"], exportAs: ["widgetRenderer"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", 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);
+            });
+        });
+    }
+    ngAfterViewInit() {
+        //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.0.3", ngImport: i0, type: AXMFileViewerPopupComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.3", type: AXMFileViewerPopupComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: "<div>\n  <ax-content>\n    <ax-media-viewer-container #c [dataArray]=\"nodes\">\n      <ax-header>\n        <ax-file-info></ax-file-info>\n      </ax-header>\n\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\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\n  <ax-footer>\n    <ax-suffix>\n      <ax-button [text]=\"'close'\" (click)=\"onClose()\" />\n    </ax-suffix>\n  </ax-footer>\n</div>\n", dependencies: [{ kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i3.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i3.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: 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$2.AXMediaViewerContainerComponent, selector: "ax-media-viewer-container", inputs: ["dataArray", "thumbnail"] }, { kind: "component", type: i3$2.AXFileInfoComponent, selector: "ax-file-info" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "19.0.3", type: AXMFileViewerPopupComponent, isStandalone: true, selector: "ng-component", viewQueries: [{ propertyName: "mediaViewer", first: true, predicate: AXMediaViewerContainerComponent, descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<ax-content>\n  <ax-media-viewer-container #c [dataArray]=\"nodes\">\n    <ax-header>\n      <ax-prefix>\n        <ax-file-info></ax-file-info>\n      </ax-prefix>\n      <ax-suffix>\n        <ax-fullscreen-button></ax-fullscreen-button>\n      </ax-suffix>\n    </ax-header>\n    <ax-prefix>\n      <ax-button (click)=\"c.next()\">\n        <ax-icon class=\"ax-icon ax-icon-chevron-right\"> </ax-icon>\n      </ax-button>\n    </ax-prefix>\n    <ax-suffix>\n      <ax-button (click)=\"c.prev()\">\n        <ax-icon class=\"ax-icon ax-icon-chevron-left\"> </ax-icon>\n      </ax-button>\n    </ax-suffix>\n  </ax-media-viewer-container>\n</ax-content>\n<ax-footer>\n  <ax-suffix>\n    <ax-button [text]=\"'close'\" (click)=\"onClose()\" />\n  </ax-suffix>\n</ax-footer>\n", dependencies: [{ kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i2$1.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i2$1.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "component", type: i2$1.AXDecoratorFullScreenButtonComponent, selector: "ax-fullscreen-button" }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i2$3.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXMediaViewerModule }, { kind: "component", type: i3$2.AXMediaViewerContainerComponent, selector: "ax-media-viewer-container", inputs: ["dataArray", "thumbnail"] }, { kind: "component", type: i3$2.AXFileInfoComponent, selector: "ax-file-info" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMFileViewerPopupComponent, decorators: [{
             type: Component,
-            args: [{ changeDetection: ChangeDetectionStrategy.OnPush, imports: [AXDecoratorModule, AXButtonModule, AXMediaViewerModule], template: "<div>\n  <ax-content>\n    <ax-media-viewer-container #c [dataArray]=\"nodes\">\n      <ax-header>\n        <ax-file-info></ax-file-info>\n      </ax-header>\n\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\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\n  <ax-footer>\n    <ax-suffix>\n      <ax-button [text]=\"'close'\" (click)=\"onClose()\" />\n    </ax-suffix>\n  </ax-footer>\n</div>\n" }]
+            args: [{ changeDetection: ChangeDetectionStrategy.OnPush, imports: [AXDecoratorModule, AXButtonModule, AXMediaViewerModule], template: "<ax-content>\n  <ax-media-viewer-container #c [dataArray]=\"nodes\">\n    <ax-header>\n      <ax-prefix>\n        <ax-file-info></ax-file-info>\n      </ax-prefix>\n      <ax-suffix>\n        <ax-fullscreen-button></ax-fullscreen-button>\n      </ax-suffix>\n    </ax-header>\n    <ax-prefix>\n      <ax-button (click)=\"c.next()\">\n        <ax-icon class=\"ax-icon ax-icon-chevron-right\"> </ax-icon>\n      </ax-button>\n    </ax-prefix>\n    <ax-suffix>\n      <ax-button (click)=\"c.prev()\">\n        <ax-icon class=\"ax-icon ax-icon-chevron-left\"> </ax-icon>\n      </ax-button>\n    </ax-suffix>\n  </ax-media-viewer-container>\n</ax-content>\n<ax-footer>\n  <ax-suffix>\n    <ax-button [text]=\"'close'\" (click)=\"onClose()\" />\n  </ax-suffix>\n</ax-footer>\n" }]
         }] });
 
 var fileViewerPopup_component = /*#__PURE__*/Object.freeze({
@@ -4447,7 +4824,7 @@ class AXMFolderPathBreadcrumbsComponent {
         this.layout = inject(AXPLayoutThemeService);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMFolderPathBreadcrumbsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.3", 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.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.3", 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$3.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i2$1.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMFolderPathBreadcrumbsComponent, decorators: [{
             type: Component,
@@ -4460,46 +4837,447 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImpor
 var index = /*#__PURE__*/Object.freeze({
     __proto__: null,
     AXMChooseDocumentTypeComponent: AXMChooseDocumentTypeComponent,
+    AXMDocumentTypeChooseFileComponent: AXMDocumentTypeChooseFileComponent,
     AXMFileViewerPopupComponent: AXMFileViewerPopupComponent,
     AXMFolderPathBreadcrumbsComponent: AXMFolderPathBreadcrumbsComponent
 });
 
-class AXMDocumentAttachmentWidgetEditComponent extends AXPWidgetComponent {
+class AXMDocumentDriveComponent extends AXPBasePageComponent {
     constructor() {
         super(...arguments);
+        //#region ----------------   Services & Dependencies   ----------------
+        this.rootConfig = RootConfig;
+        this.fileTypeService = inject(AXPFileTypeProviderService);
         this.driveService = inject(AXMDocumentManagerService);
         this.vm = inject(AXPDocumentExplorerViewModel);
-        this.rootConfig = RootConfig;
+        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];
+        });
+        //#endregion
+        //#region ----------------   Effects   ----------------
         this.#navigateEffect = effect(() => {
             const navigatingFolderId = this.vm.navigatingFolderId();
             if (navigatingFolderId) {
-                this.loadDrive(navigatingFolderId);
+                this.handleNavigateToFolder(navigatingFolderId);
             }
         });
+        this.#loadingEffect = effect(() => {
+            const isLoading = this.vm.isLoading();
+            untracked(() => {
+                this.layoutService.setNavigationLoading(isLoading);
+            });
+        });
     }
+    //#endregion
+    //#region ----------------   Effects   ----------------
     #navigateEffect;
-    ngOnInit() {
+    #loadingEffect;
+    //#endregion
+    //#region ----------------   Lifecycle Hooks   ----------------
+    async ngOnInit() {
         super.ngOnInit();
-        this.vm.initialize({ browseMode: 'file' });
-        this.loadDrive();
+        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);
     }
-    async loadDrive(folderId) {
+    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);
         }
         else {
-            const root = await this.driveService.getRoot(AXMDriveScope.Platform);
+            // 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,
+            });
             if (root.result) {
-                await this.vm.loadFolderContents(root.result.id);
+                await this.router.navigate([
+                    `${this.sessionService.application?.name}/drive/${resolvePlatformScopeName(this.vm.scope())}/${root.result.id}`,
+                ], {
+                    replaceUrl: true,
+                });
             }
         }
+        //
+        this.recompute();
     }
-    handleNavigateToFolder(folderId) {
-        this.vm.navigateToFolder(folderId);
+    async loadFilterItems() {
+        const types = await this.fileTypeService.items();
+        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',
+            })),
+        ];
+        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';
+        }
+        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 [
+                {
+                    name: 'deleteItems',
+                    title: 't("deleteItems")',
+                    icon: 'fa-light fa-trash-can',
+                    color: 'danger',
+                },
+            ];
+        }
+        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',
+                },
+            ];
+        }
+        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,
+            },
+        });
+    }
+    getBackButton() {
+        if (this.vm.isUpAvailable()) {
+            return {
+                title: this.vm.currentPath()[this.vm.currentPath().length - 2].name,
+            };
+        }
+        return null;
+    }
+    onBackButtonClick() {
+        if (this.vm.isUpAvailable()) {
+            this.vm.navigateToUp();
+        }
+    }
+    async getPageBreadcrumbs() {
+        return [
+            {
+                title: await this.translateService.translateAsync('entity.home'),
+            },
+            {
+                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();
+                }
+                break;
+            case 'open-gallery':
+                if (folderId) {
+                    await this.driveService.showFileViewerPopup(this.vm.currentFolder().children[0]);
+                }
+                break;
+            default:
+                if (command.name.startsWith('upload.')) {
+                    await this.driveService.uploadFileByType(folderId, command.options?.['documentType']?.id);
+                    this.vm.refresh();
+                }
+                break;
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMDocumentDriveComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.3", type: AXMDocumentDriveComponent, isStandalone: true, selector: "axp-document-drive", host: { listeners: { "document:keydown.control": "handleCtrlKey($event)", "document:keyup.control": "handleCtrlKeyUp($event)" } }, providers: [
+            AXPDocumentExplorerViewModel,
+            {
+                provide: AXPBasePage,
+                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$3.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "component", type: i2$3.AXButtonItemComponent, selector: "ax-button-item", inputs: ["color", "disabled", "text", "selected", "divided", "data", "name"], outputs: ["onClick", "onFocus", "onBlur", "disabledChange"] }, { kind: "component", type: i2$3.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$3.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: i2$1.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i2$1.AXDecoratorClearButtonComponent, selector: "ax-clear-button", inputs: ["icon"] }, { kind: "component", type: i2$1.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "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,    axp-page-header,    axp-page-toolbar,    axp-layout-content,     axp-layout-page-content,     axp-layout-sections,    axp-layout-body,    axp-layout-container,    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.0.3", 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: AXPBasePage,
+                            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
+});
+
+class AXMDocumentAttachmentWidgetEditComponent extends AXPWidgetComponent {
+    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.documentExplorer = viewChild(AXMDocumentExplorerComponent);
+        this.scopes = AXPPlatformScope;
+        this.multiple = computed(() => this.options()['multiple']);
+        this.entity = computed(() => this.options()['entity']);
+        this.entityRecordId = computed(() => this.options()['record']);
+    }
+    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(),
+                    });
+                }
+            }
+        }
+    }
+    async ngOnInit() {
+        super.ngOnInit();
+        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);
+    }
+    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]);
+    }
+    async uploadFromComputer() {
+        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: `test.${f.mimeType.split('/')[1]}`,
+                name: file.name,
+                size: f.size,
+                parentId: 'virtual',
+                type: 'file',
+                storageType: 'virtual',
+            });
+        }
+        await this.updateContents(allFiles);
+    }
+    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]]);
+        }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMDocumentAttachmentWidgetEditComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "19.0.3", 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\" *translate=\"let t\">\n  <!-- Header Section -->\n  <div class=\"ax-flex ax-flex-row ax-justify-between\">\n    <ax-button\n      (onClick)=\"handleNavigateToFolder(vm.currentFolder()?.parentId!)\"\n      [ngClass]=\"{ 'ax-invisible': !vm.currentFolder()?.parentId }\"\n    >\n      <ax-prefix>\n        <ax-icon icon=\"fa-light fa-arrow-left\"></ax-icon>\n      </ax-prefix>\n    </ax-button>\n    <!-- Primary Actions -->\n    <ax-button [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          <ax-button-item\n            (onClick)=\"documentExplorer()?.chooseFile()\"\n            [text]=\"(t('drive-types.platform-drive', { 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        </ax-button-item-list>\n      </ax-dropdown-panel>\n    </ax-button>\n  </div>\n  <axm-document-explorer></axm-document-explorer>\n</div>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { 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: i2$2.AXDropdownPanelComponent, selector: "ax-dropdown-panel", inputs: ["isOpen", "fitParent", "dropdownWidth", "position", "placement", "_target", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i3.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i3.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: i3$3.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.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "19.0.3", 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\" *translate=\"let t\">\n  <!-- Header Section -->\n  <div class=\"ax-flex ax-flex-row ax-justify-end\">\n    <!-- Primary Actions -->\n    <ax-button [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          <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\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-file-arrow-up\"></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-file-arrow-up\"></ax-icon>\n            </ax-prefix>\n          </ax-button-item>\n        </ax-button-item-list>\n      </ax-dropdown-panel>\n    </ax-button>\n  </div>\n  <axm-document-explorer></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$3.AXDropdownPanelComponent, selector: "ax-dropdown-panel", inputs: ["isOpen", "fitParent", "dropdownWidth", "position", "placement", "_target", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i2$1.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i2$1.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "directive", type: i4$1.AXTranslatorDirective, selector: "[translate]" }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i2$3.AXButtonItemComponent, selector: "ax-button-item", inputs: ["color", "disabled", "text", "selected", "divided", "data", "name"], outputs: ["onClick", "onFocus", "onBlur", "disabledChange"] }, { kind: "component", type: i2$3.AXButtonItemListComponent, selector: "ax-button-item-list", inputs: ["items"], outputs: ["onItemClick"] }, { kind: "ngmodule", type: AXButtonGroupModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMDocumentAttachmentWidgetEditComponent, decorators: [{
             type: Component,
@@ -4513,7 +5291,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImpor
                         AXTranslationModule,
                         AXButtonModule,
                         AXButtonGroupModule,
-                    ], inputs: [], providers: [AXPDocumentExplorerViewModel], template: "<div class=\"ax-flex ax-flex-col ax-gap-3\" *translate=\"let t\">\n  <!-- Header Section -->\n  <div class=\"ax-flex ax-flex-row ax-justify-between\">\n    <ax-button\n      (onClick)=\"handleNavigateToFolder(vm.currentFolder()?.parentId!)\"\n      [ngClass]=\"{ 'ax-invisible': !vm.currentFolder()?.parentId }\"\n    >\n      <ax-prefix>\n        <ax-icon icon=\"fa-light fa-arrow-left\"></ax-icon>\n      </ax-prefix>\n    </ax-button>\n    <!-- Primary Actions -->\n    <ax-button [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          <ax-button-item\n            (onClick)=\"documentExplorer()?.chooseFile()\"\n            [text]=\"(t('drive-types.platform-drive', { 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        </ax-button-item-list>\n      </ax-dropdown-panel>\n    </ax-button>\n  </div>\n  <axm-document-explorer></axm-document-explorer>\n</div>\n" }]
+                    ], providers: [AXPDocumentExplorerViewModel], template: "<div class=\"ax-flex ax-flex-col ax-gap-3\" *translate=\"let t\">\n  <!-- Header Section -->\n  <div class=\"ax-flex ax-flex-row ax-justify-end\">\n    <!-- Primary Actions -->\n    <ax-button [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          <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\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-file-arrow-up\"></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-file-arrow-up\"></ax-icon>\n            </ax-prefix>\n          </ax-button-item>\n        </ax-button-item-list>\n      </ax-dropdown-panel>\n    </ax-button>\n  </div>\n  <axm-document-explorer></axm-document-explorer>\n</div>\n" }]
         }] });
 
 var documentAttachmentWidgetEdit_component = /*#__PURE__*/Object.freeze({
@@ -4521,25 +5299,6 @@ var documentAttachmentWidgetEdit_component = /*#__PURE__*/Object.freeze({
     AXMDocumentAttachmentWidgetEditComponent: AXMDocumentAttachmentWidgetEditComponent
 });
 
-class AXMDocumentAttachmentWidgetFilterComponent extends AXPWidgetComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMDocumentAttachmentWidgetFilterComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.3", type: AXMDocumentAttachmentWidgetFilterComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: ``, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMDocumentAttachmentWidgetFilterComponent, decorators: [{
-            type: Component,
-            args: [{
-                    template: ``,
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    imports: [CommonModule, FormsModule],
-                    inputs: [],
-                }]
-        }] });
-
-var documentAttachmentWidgetFilter_component = /*#__PURE__*/Object.freeze({
-    __proto__: null,
-    AXMDocumentAttachmentWidgetFilterComponent: AXMDocumentAttachmentWidgetFilterComponent
-});
-
 class AXMDocumentAttachmentWidgetPrintComponent extends AXPWidgetComponent {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMDocumentAttachmentWidgetPrintComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.3", type: AXMDocumentAttachmentWidgetPrintComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: ``, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
@@ -4574,30 +5333,22 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImpor
                 }]
         }] });
 
-var documentAttachmentWidgetView_component = /*#__PURE__*/Object.freeze({
-    __proto__: null,
-    AXMDocumentAttachmentWidgetViewComponent: AXMDocumentAttachmentWidgetViewComponent
-});
-
 const AXMDocumentAttachmentWidget = {
     name: 'document-attachment-editor',
     title: 'DocumentAttachment',
-    icon: 'fa-solid fa-gallery',
+    icon: 'fa-light fa-gallery',
     description: 'My custom widget',
-    group: AXP_WIDGETS_EDITOR_GROUP,
+    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 documentAttachmentWidgetView_component; }).then((c) => c.AXMDocumentAttachmentWidgetViewComponent),
+            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),
         },
-        filter: {
-            component: () => Promise.resolve().then(function () { return documentAttachmentWidgetFilter_component; }).then((c) => c.AXMDocumentAttachmentWidgetFilterComponent),
-        },
         column: {
             component: () => Promise.resolve().then(function () { return documentAttachmentWidgetColumn_component; }).then((c) => c.AXMDocumentAttachmentWidgetColumnComponent),
         },
@@ -4689,6 +5440,23 @@ const AXMUploadWorkflow = {
     },
 };
 
+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);
+    }
+}
+
 function routesFacory() {
     const config = inject(AXP_ENTITY_CONFIG_TOKEN);
     const routes = [
@@ -4702,11 +5470,11 @@ function routesFacory() {
             children: [
                 {
                     path: '',
-                    loadComponent: () => import('./acorex-modules-document-management-drive.component-B3BCzdVv.mjs').then((c) => c.AXMDocumentDriveComponent),
+                    loadComponent: () => Promise.resolve().then(function () { return drive_component; }).then((c) => c.AXMDocumentDriveComponent),
                 },
                 {
                     path: ':id',
-                    loadComponent: () => import('./acorex-modules-document-management-drive.component-B3BCzdVv.mjs').then((c) => c.AXMDocumentDriveComponent),
+                    loadComponent: () => Promise.resolve().then(function () { return drive_component; }).then((c) => c.AXMDocumentDriveComponent),
                 },
             ],
         },
@@ -4750,6 +5518,16 @@ class AXMDocumentManagementModule {
                 useClass: AXMPermissionProvider,
                 multi: true,
             },
+            {
+                provide: AXP_TASK_BADGE_PROVIDERS,
+                useClass: AXMTaskBadgeProviderSample1,
+                multi: true,
+            },
+            {
+                provide: AXP_TASK_BADGE_PROVIDERS,
+                useClass: AXMTaskBadgeProviderSample2,
+                multi: true,
+            },
             {
                 provide: ROUTES,
                 multi: true,
@@ -4832,6 +5610,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImpor
                             useClass: AXMPermissionProvider,
                             multi: true,
                         },
+                        {
+                            provide: AXP_TASK_BADGE_PROVIDERS,
+                            useClass: AXMTaskBadgeProviderSample1,
+                            multi: true,
+                        },
+                        {
+                            provide: AXP_TASK_BADGE_PROVIDERS,
+                            useClass: AXMTaskBadgeProviderSample2,
+                            multi: true,
+                        },
                         {
                             provide: ROUTES,
                             multi: true,
@@ -4845,5 +5633,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-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, AXMDriveScope as c, AXMFolderPathBreadcrumbsComponent as d, AXMDocumentManagementModule as e, documentFactory as f, AXMDocumentManagementDocumentEntityModule as g, AXMDocumentService as h, AXMDocumentServiceImpl as i, documentTypeFactory as j, AXMDocumentManagementDocumentTypeEntityModule as k, AXMDocumentTypeService as l, AXMDocumentManagementDocumentTypeEntityServiceImpl 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-_BOVaDOq.mjs.map
+export { AXMDocumentManagerService as A, AXMFolderServiceImpl as B, AXMEntityProvider as C, AXMMenuProvider as D, AXMSearchCommandProvider as E, AXMSettingProvider as F, RootConfig as R, AXMDocumentTypeService as a, AXPDocumentExplorerViewModel as b, AXMDocumentExplorerComponent as c, AXMFolderPathBreadcrumbsComponent as d, AXMDocumentManagementModule as e, documentFactory as f, AXMDocumentManagementDocumentEntityModule as g, AXMDocumentService as h, AXMDocumentServiceImpl as i, documentTypeFactory as j, AXMDocumentManagementDocumentTypeEntityModule as k, AXMDocumentTypeServiceImpl as l, documentTypeMetaDefinitionfactory as m, AXMDocumentManagementDocumentTypeMetaDefinitionEntityModule as n, AXMDocumentManagementDocumentTypeMetaDefinitionEntityService as o, AXMDocumentManagementDocumentTypeMetaDefinitionEntityServiceImpl as p, documentTypeMetaValueFactory as q, AXMDocumentManagementDocumentTypeMetaValueEntityModule as r, AXMDocumentManagementDocumentTypeMetaValueEntityService as s, AXMDocumentManagementDocumentTypeMetaValueEntityServiceImpl as t, documentTypeStatusDefinitionFactory as u, AXMDocumentManagementDocumentTypeStatusDefinitionEntityModule as v, AXMDocumentManagementDocumentTypeStatusDefinitionEntityService as w, AXMDocumentManagementDocumentTypeStatusDefinitionEntityServiceImpl as x, folderFactory as y, AXMFolderService as z };
+//# sourceMappingURL=acorex-modules-document-management-acorex-modules-document-management-C36haVZ_.mjs.map