@acorex/modules 19.4.1 → 19.4.3

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

@@ -13,7 +13,7 @@ import * as i1$1 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import * as i7 from '@acorex/components/collapse';
 import { AXCollapseModule } from '@acorex/components/collapse';
-import * as i2$1 from '@acorex/components/decorators';
+import * as i3$1 from '@acorex/components/decorators';
 import { AXDecoratorModule } from '@acorex/components/decorators';
 import * as i3 from '@acorex/components/form';
 import { AXFormModule } from '@acorex/components/form';
@@ -26,14 +26,14 @@ import { FormsModule } from '@angular/forms';
 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 * as i3$3 from '@acorex/components/media-viewer';
 import { AXMediaViewerContainerComponent, AXMediaViewerModule } from '@acorex/components/media-viewer';
-import * as i3$4 from '@acorex/platform/workflow';
+import * as i3$5 from '@acorex/platform/workflow';
 import { AXPWorkflowService, AXPWorkflowAction, AXPWorkflowModule } from '@acorex/platform/workflow';
-import * as i2$2 from '@acorex/components/button';
+import * as i2$1 from '@acorex/components/button';
 import { AXButtonModule, AXButtonComponent } from '@acorex/components/button';
 import { AXButtonGroupModule } from '@acorex/components/button-group';
-import * as i3$3 from '@acorex/components/dropdown';
+import * as i3$4 from '@acorex/components/dropdown';
 import { AXDropdownModule } from '@acorex/components/dropdown';
 import { AXDropdownButtonModule } from '@acorex/components/dropdown-button';
 import { AXFileService, AXFileModule } from '@acorex/core/file';
@@ -41,10 +41,10 @@ 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 * as i3$2 from '@acorex/components/menu';
 import { AXMenuModule } from '@acorex/components/menu';
 import { AXDateTimeModule } from '@acorex/core/date-time';
-import * as i2$3 from '@acorex/core/format';
+import * as i2$2 from '@acorex/core/format';
 import { AXFormatModule } from '@acorex/core/format';
 import { AXPLayoutThemeService } from '@acorex/platform/themes/shared';
 import { castArray, get as get$1, set as set$1 } from 'lodash-es';
@@ -56,9 +56,12 @@ import { AXBreadcrumbsModule } from '@acorex/components/breadcrumbs';
 import * as i6$1 from '@acorex/components/search-box';
 import { AXSearchBoxModule } from '@acorex/components/search-box';
 import { AXPPageLayoutBaseComponent, AXPPageLayoutComponent, AXPPageLayoutBase } from '@acorex/platform/layout/views';
-import { AXPThemeLayoutBlockComponent, AXP_TASK_BADGE_PROVIDERS } from '@acorex/platform/layout/components';
+import * as i1$2 from '@acorex/platform/layout/components';
+import { AXPThemeLayoutBlockComponent, AXPComponentSlotModule, AXP_TASK_BADGE_PROVIDERS } from '@acorex/platform/layout/components';
 import { AXBasePageComponent } from '@acorex/components/page';
 import { AXUploaderService } from '@acorex/components/uploader';
+import { AXTextBoxModule } from '@acorex/components/text-box';
+import { AXCheckBoxModule } from '@acorex/components/check-box';
 
 const config = {
     i18n: 'document-management',
@@ -2785,7 +2788,7 @@ class AXMFileTypeExtensionWidgetEditComponent extends AXPValueWidgetComponent {
         </ax-collapse-group>
       }
     </axp-widgets-container>
-  </div>`, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXSelectBoxModule }, { kind: "component", type: i1.AXSelectBoxComponent, selector: "ax-select-box", inputs: ["disabled", "readonly", "tabIndex", "placeholder", "minValue", "maxValue", "value", "state", "name", "id", "type", "look", "multiple", "valueField", "textField", "disabledField", "textTemplate", "selectedItems", "dataSource", "minRecordsForSearch", "caption", "itemTemplate", "selectedTemplate", "emptyTemplate", "loadingTemplate", "dropdownWidth", "searchBoxAutoFocus"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "readonlyChange", "disabledChange", "onOpened", "onClosed"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: AXFormModule }, { kind: "component", type: i3.AXFormFieldComponent, selector: "ax-form-field", inputs: ["labelMode"] }, { kind: "ngmodule", type: AXLabelModule }, { kind: "component", type: i4.AXLabelComponent, selector: "ax-label", inputs: ["required", "for"], outputs: ["requiredChange"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i2$1.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXPLayoutBuilderModule }, { kind: "component", type: i6.AXPWidgetContainerComponent, selector: "axp-widgets-container", inputs: ["context", "functions"], outputs: ["onContextChanged"] }, { kind: "directive", type: i6.AXPWidgetRendererDirective, selector: "[axp-widget-renderer]", inputs: ["parentNode", "index", "mode", "node"], outputs: ["onOptionsChanged", "onValueChanged"], exportAs: ["widgetRenderer"] }, { kind: "ngmodule", type: AXCollapseModule }, { kind: "component", type: i7.AXCollapseComponent, selector: "ax-collapse", inputs: ["disabled", "look", "isCollapsed", "showHeader", "caption", "icon", "isLoading", "headerTemplate"], outputs: ["onClick", "isCollapsedChange"] }, { kind: "component", type: i7.AXCollapseGroupComponent, selector: "ax-collapse-group", inputs: ["look", "accordion", "activeIndex"], outputs: ["accordionChange", "activeIndexChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  </div>`, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXSelectBoxModule }, { kind: "component", type: i1.AXSelectBoxComponent, selector: "ax-select-box", inputs: ["disabled", "readonly", "tabIndex", "placeholder", "minValue", "maxValue", "value", "state", "name", "id", "type", "look", "multiple", "valueField", "textField", "disabledField", "textTemplate", "selectedItems", "dataSource", "minRecordsForSearch", "caption", "itemTemplate", "selectedTemplate", "emptyTemplate", "loadingTemplate", "dropdownWidth", "searchBoxAutoFocus"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "readonlyChange", "disabledChange", "onOpened", "onClosed"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: AXFormModule }, { kind: "component", type: i3.AXFormFieldComponent, selector: "ax-form-field", inputs: ["labelMode"] }, { kind: "ngmodule", type: AXLabelModule }, { kind: "component", type: i4.AXLabelComponent, selector: "ax-label", inputs: ["required", "for"], outputs: ["requiredChange"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i3$1.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXPLayoutBuilderModule }, { kind: "component", type: i6.AXPWidgetContainerComponent, selector: "axp-widgets-container", inputs: ["context", "functions"], outputs: ["onContextChanged"] }, { kind: "directive", type: i6.AXPWidgetRendererDirective, selector: "[axp-widget-renderer]", inputs: ["parentNode", "index", "mode", "node"], outputs: ["onOptionsChanged", "onValueChanged"], exportAs: ["widgetRenderer"] }, { kind: "ngmodule", type: AXCollapseModule }, { kind: "component", type: i7.AXCollapseComponent, selector: "ax-collapse", inputs: ["disabled", "look", "isCollapsed", "showHeader", "caption", "icon", "isLoading", "headerTemplate"], outputs: ["onClick", "isCollapsedChange"] }, { kind: "component", type: i7.AXCollapseGroupComponent, selector: "ax-collapse-group", inputs: ["look", "accordion", "activeIndex"], outputs: ["accordionChange", "activeIndexChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: AXMFileTypeExtensionWidgetEditComponent, decorators: [{
             type: Component,
@@ -3214,7 +3217,7 @@ class AXMDocumentManagerService {
         }
     }
     async showFolderEditDialog(node) {
-        const comp = (await import('./acorex-modules-document-management-create-folder-dialog.component-BN0pWX7a.mjs'))
+        const comp = (await import('./acorex-modules-document-management-create-folder-dialog.component-CCvKUDsw.mjs'))
             .AXMCreateFolderDialog;
         const popup = await this.popupService.open(comp, {
             title: 't("actions.update-folder")',
@@ -3363,7 +3366,7 @@ class AXMDocumentManagerService {
         }
     }
     async showCreateFolderDialog(parentId) {
-        const comp = (await import('./acorex-modules-document-management-create-folder-dialog.component-BN0pWX7a.mjs'))
+        const comp = (await import('./acorex-modules-document-management-create-folder-dialog.component-CCvKUDsw.mjs'))
             .AXMCreateFolderDialog;
         const popup = await this.popupService.open(comp, {
             title: 't("actions.create-folder")',
@@ -3374,7 +3377,7 @@ class AXMDocumentManagerService {
         return popup.data?.folder;
     }
     async moveTo(options) {
-        const comp = (await import('./acorex-modules-document-management-drive-choose.component-CTrPj9t3.mjs')).AXMDocumentDriveChooseComponent;
+        const comp = (await import('./acorex-modules-document-management-drive-choose.component-DMAQr0nK.mjs')).AXMDocumentDriveChooseComponent;
         //
         const popup = await this.popupService.open(comp, {
             title: `Choose ${options.browseMode == 'file' ? 'File' : 'Folder'}`,
@@ -3405,7 +3408,7 @@ class AXMDocumentManagerService {
         }
     }
     async copyTo(options) {
-        const comp = (await import('./acorex-modules-document-management-drive-choose.component-CTrPj9t3.mjs')).AXMDocumentDriveChooseComponent;
+        const comp = (await import('./acorex-modules-document-management-drive-choose.component-DMAQr0nK.mjs')).AXMDocumentDriveChooseComponent;
         //
         const popup = await this.popupService.open(comp, {
             title: `Choose ${options.browseMode == 'file' ? 'File' : 'Folder'}`,
@@ -3425,6 +3428,7 @@ class AXMDocumentManagerService {
                         parentId: selectedFolder.id,
                         color: '#ffffff',
                         size: options.node.size,
+                        inherit: options.node.inherit ?? false,
                     });
                 }
                 else {
@@ -3498,7 +3502,7 @@ class AXMDocumentManagerService {
         const file = await this.documentService.getOne(node.id);
     }
     async showRenamePopup(node) {
-        const comp = (await import('./acorex-modules-document-management-rename-node-dialog.component-D28zKZqZ.mjs'))
+        const comp = (await import('./acorex-modules-document-management-rename-node-dialog.component-C9k8WgDG.mjs'))
             .AXMRenameNodeDialog;
         const popup = await this.popupService.open(comp, {
             title: 't("actions.rename")',
@@ -3546,7 +3550,7 @@ class AXMDocumentManagerService {
         return [...(await this.getAllFolders()), ...(await this.getAllFiles())];
     }
     async showChooseFileDialog(scope) {
-        const comp = (await import('./acorex-modules-document-management-drive-choose.component-CTrPj9t3.mjs')).AXMDocumentDriveChooseComponent;
+        const comp = (await import('./acorex-modules-document-management-drive-choose.component-DMAQr0nK.mjs')).AXMDocumentDriveChooseComponent;
         const result = await this.popupService.open(comp, {
             title: `t("actions.choose-from-drive" , scope: {"${RootConfig.config.i18n}"})`,
             data: {
@@ -3645,32 +3649,6 @@ class AXMDocumentManagerService {
         const extension = originalName.substring(lastDotIndex);
         return `${nameWithoutExt} copy${extension}`;
     }
-    async uploadFile(folderId) {
-        const folder = await this.folderService.getOne(folderId);
-        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
-                const fileInfo = await this.fileService.getInfo(upload[0]);
-                const file = await this.documentService.insertOne({
-                    fileId: upload[0],
-                    meta: metaContext,
-                    parentId: folderId,
-                    size: fileInfo.size,
-                    name: `test.${fileInfo.mimeType.split('/')[1]}`,
-                    title: 'Test',
-                });
-                return true;
-            }
-            else {
-                return false;
-            }
-        }
-        return false;
-    }
     async uploadFileByType(folderId, docTypeId) {
         const folder = await this.folderService.getOne(folderId);
         var docType = folder.documentTypes?.find((dt) => dt.id === docTypeId);
@@ -3686,9 +3664,16 @@ class AXMDocumentManagerService {
                 const { uploads, ...metaContext } = result.data.context;
                 for (const u of uploads) {
                     const fileInfo = u;
-                    await this.fileService.commit(u.fileId);
+                    const f = await this.fileService.save({
+                        category: 'document',
+                        file: fileInfo,
+                        refId: folderId,
+                        refType: `${RootConfig.module.name}.${RootConfig.entities.folder.name}`,
+                        name: fileInfo.name ?? '',
+                    });
+                    await this.fileService.commit(f.fileId);
                     const file = await this.documentService.insertOne({
-                        fileId: fileInfo.fileId,
+                        fileId: f.fileId,
                         meta: metaContext,
                         parentId: folderId,
                         size: fileInfo.size,
@@ -4296,13 +4281,13 @@ class AXMDocumentExplorerComponent {
         this.showContextMenu = input(true);
         this.view = signal(null);
         this.viewMap = {
-            list: async () => (await import('./acorex-modules-document-management-list-view.component-CIAQBAcy.mjs')).AXMDocumentExplorerListViewComponent,
-            'small-tiles': async () => (await import('./acorex-modules-document-management-small-tiles-view.component-BCaQYHQF.mjs')).AXMDocumentExplorerSmallTilesViewComponent,
-            'large-tiles': async () => (await import('./acorex-modules-document-management-large-tiles-view.component-B0n1rs-g.mjs')).AXMDocumentExplorerLargeTilesViewComponent,
-            details: async () => (await import('./acorex-modules-document-management-details-view.component-DXn54h2g.mjs')).AXMDocumentExplorerDetailsViewComponent,
-            'large-icons': async () => (await import('./acorex-modules-document-management-large-icons-view.component-DwAyEZUU.mjs')).AXMDocumentExplorerLargeIconsViewComponent,
-            'small-icons': async () => (await import('./acorex-modules-document-management-small-icons-view.component-Dg5nb2yW.mjs')).AXMDocumentExplorerSmallIconsViewComponent,
-            'attachment': async () => (await import('./acorex-modules-document-management-attachment-widget.component-Cwa7HuUo.mjs')).AXMDocumentExplorerAttachmentComponent,
+            list: async () => (await import('./acorex-modules-document-management-list-view.component-C1inszTC.mjs')).AXMDocumentExplorerListViewComponent,
+            'small-tiles': async () => (await import('./acorex-modules-document-management-small-tiles-view.component-CumumWvO.mjs')).AXMDocumentExplorerSmallTilesViewComponent,
+            'large-tiles': async () => (await import('./acorex-modules-document-management-large-tiles-view.component-0GpMVYv5.mjs')).AXMDocumentExplorerLargeTilesViewComponent,
+            details: async () => (await import('./acorex-modules-document-management-details-view.component-D0RIYrHB.mjs')).AXMDocumentExplorerDetailsViewComponent,
+            'large-icons': async () => (await import('./acorex-modules-document-management-large-icons-view.component-C686Ec7s.mjs')).AXMDocumentExplorerLargeIconsViewComponent,
+            'small-icons': async () => (await import('./acorex-modules-document-management-small-icons-view.component-BGcUzNCv.mjs')).AXMDocumentExplorerSmallIconsViewComponent,
+            'attachment': async () => (await import('./acorex-modules-document-management-attachment-widget.component-DIF_t4fE.mjs')).AXMDocumentExplorerAttachmentComponent,
         };
         this.#effect = effect(() => {
             if (this.vm.loadingFolderId() == null) {
@@ -4638,15 +4623,6 @@ class AXMDocumentExplorerComponent {
         }
         return;
     }
-    async uploadFile(node) {
-        const folderId = node?.id ?? this.vm.currentFolder()?.id;
-        if (folderId) {
-            const res = await this.driveService.uploadFile(folderId);
-            if (res) {
-                await this.vm.refresh();
-            }
-        }
-    }
     async chooseFile(scope = this.vm.scope()) {
         return await this.driveService.showChooseFileDialog(scope);
         //await this.vm.refresh();
@@ -4679,7 +4655,7 @@ class AXMDocumentExplorerComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: AXMDocumentExplorerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.10", type: AXMDocumentExplorerComponent, isStandalone: true, selector: "axm-document-explorer", inputs: { browseMode: { classPropertyName: "browseMode", publicName: "browseMode", isSignal: true, isRequired: false, transformFunction: null }, viewMode: { classPropertyName: "viewMode", publicName: "viewMode", isSignal: true, isRequired: false, transformFunction: null }, selectionMode: { classPropertyName: "selectionMode", publicName: "selectionMode", isSignal: true, isRequired: false, transformFunction: null }, showContextMenu: { classPropertyName: "showContextMenu", publicName: "showContextMenu", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "contextMenu", first: true, predicate: ["itemsContextMenu"], descendants: true, isSignal: true }, { propertyName: "rootContextMenu", first: true, predicate: ["rootContextMenu"], descendants: true, isSignal: true }], ngImport: i0, template: "<!-- Empty State -->\n<div class=\"view-container\">\n  @if (vm.folders().length === 0 && vm.files().length === 0) {\n  <div class=\"ax-flex ax-flex-col ax-items-center ax-justify-center ax-py-16 ax-h-full\">\n    <ax-icon icon=\"fa-light fa-folder-open\" class=\"ax-text-6xl ax-mb-4\"></ax-icon>\n    <h3 class=\"ax-text-xl ax-font-medium ax-mb-2\">No Items Found</h3>\n    <p class=\"\">This folder is empty. Add some files or folders to get started.</p>\n  </div>\n  } @else {\n  <ng-container [ngComponentOutlet]=\"view()\"></ng-container>\n  }\n</div>\n\n<!-- Context Menu -->\n@if (showContextMenu()) {\n<!-- Item Context Menu-->\n<ax-context-menu\n  #itemsContextMenu\n  [target]=\"'.__explorer-item'\"\n  [orientation]=\"'vertical'\"\n  [closeOn]=\"'leave'\"\n  (onItemClick)=\"handleContextMenuItemClick($event)\"\n  (onOpening)=\"handleContextMenuOnOpening($event)\"\n>\n</ax-context-menu>\n<!-- Root Context Menu-->\n<ax-context-menu\n  #rootContextMenu\n  [target]=\"'.view-container'\"\n  [orientation]=\"'vertical'\"\n  [closeOn]=\"'leave'\"\n  (onItemClick)=\"handleContextMenuItemClick($event)\"\n  (onOpening)=\"handleContextMenuRootOnOpening($event)\"\n>\n</ax-context-menu>\n}\n", styles: ["axm-document-explorer{display:flex;height:max-content;min-height:100%;width:100%;flex-direction:row;gap:1rem}axm-document-explorer>.view-container{display:flex;flex:1 1 0%;-webkit-user-select:none;-moz-user-select:-moz-none;user-select:none;flex-direction:column;gap:1rem}axm-document-explorer .animation-duration-2s{--fa-animation-duration: 2s}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletContent", "ngComponentOutletNgModule", "ngComponentOutletNgModuleFactory"], exportAs: ["ngComponentOutlet"] }, { kind: "ngmodule", type: RouterModule }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: 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 }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.10", type: AXMDocumentExplorerComponent, isStandalone: true, selector: "axm-document-explorer", inputs: { browseMode: { classPropertyName: "browseMode", publicName: "browseMode", isSignal: true, isRequired: false, transformFunction: null }, viewMode: { classPropertyName: "viewMode", publicName: "viewMode", isSignal: true, isRequired: false, transformFunction: null }, selectionMode: { classPropertyName: "selectionMode", publicName: "selectionMode", isSignal: true, isRequired: false, transformFunction: null }, showContextMenu: { classPropertyName: "showContextMenu", publicName: "showContextMenu", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "contextMenu", first: true, predicate: ["itemsContextMenu"], descendants: true, isSignal: true }, { propertyName: "rootContextMenu", first: true, predicate: ["rootContextMenu"], descendants: true, isSignal: true }], ngImport: i0, template: "<!-- Empty State -->\n<div class=\"view-container\">\n  @if (vm.folders().length === 0 && vm.files().length === 0) {\n  <div class=\"ax-flex ax-flex-col ax-items-center ax-justify-center ax-py-16 ax-h-full\">\n    <ax-icon icon=\"fa-light fa-folder-open\" class=\"ax-text-6xl ax-mb-4\"></ax-icon>\n    <h3 class=\"ax-text-xl ax-font-medium ax-mb-2\">No Items Found</h3>\n    <p class=\"\">This folder is empty. Add some files or folders to get started.</p>\n  </div>\n  } @else {\n  <ng-container [ngComponentOutlet]=\"view()\"></ng-container>\n  }\n</div>\n\n<!-- Context Menu -->\n@if (showContextMenu()) {\n<!-- Item Context Menu-->\n<ax-context-menu\n  #itemsContextMenu\n  [target]=\"'.__explorer-item'\"\n  [orientation]=\"'vertical'\"\n  [closeOn]=\"'leave'\"\n  (onItemClick)=\"handleContextMenuItemClick($event)\"\n  (onOpening)=\"handleContextMenuOnOpening($event)\"\n>\n</ax-context-menu>\n<!-- Root Context Menu-->\n<ax-context-menu\n  #rootContextMenu\n  [target]=\"'.view-container'\"\n  [orientation]=\"'vertical'\"\n  [closeOn]=\"'leave'\"\n  (onItemClick)=\"handleContextMenuItemClick($event)\"\n  (onOpening)=\"handleContextMenuRootOnOpening($event)\"\n>\n</ax-context-menu>\n}\n", styles: ["axm-document-explorer{display:flex;height:max-content;min-height:100%;width:100%;flex-direction:row;gap:1rem}axm-document-explorer>.view-container{display:flex;flex:1 1 0%;-webkit-user-select:none;-moz-user-select:-moz-none;user-select:none;flex-direction:column;gap:1rem}axm-document-explorer .animation-duration-2s{--fa-animation-duration: 2s}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletContent", "ngComponentOutletNgModule", "ngComponentOutletNgModuleFactory"], exportAs: ["ngComponentOutlet"] }, { kind: "ngmodule", type: RouterModule }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i3$1.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "ngmodule", type: AXLoadingModule }, { kind: "ngmodule", type: AXFormatModule }, { kind: "ngmodule", type: AXDateTimeModule }, { kind: "ngmodule", type: AXMenuModule }, { kind: "component", type: i3$2.AXContextMenuComponent, selector: "ax-context-menu", inputs: ["orientation", "openOn", "closeOn", "items", "target"], outputs: ["onItemClick", "onOpening"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: AXMDocumentExplorerComponent, decorators: [{
             type: Component,
@@ -4694,73 +4670,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImpo
                     ], 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 AXMChooseDocumentTypeComponent extends AXBasePageComponent {
-    constructor() {
-        super(...arguments);
-        this.documentTypeService = inject(AXMDocumentTypeService);
-        this.fileTypeService = inject(AXPFileTypeProviderService);
-        this.documentTypeSelected = signal([]);
-        this.context = signal({});
-        this.documentTypesSource = new AXDataSource({
-            load: async (_) => {
-                return await this.documentTypeService.query();
-            },
-            pageSize: 10,
-            key: 'id',
-        });
-        this.uploadNode = signal({
-            name: 'upload',
-            path: 'upload',
-            type: 'file',
-            options: {
-                accept: '.pdf',
-                multiple: false,
-            },
-        });
-    }
-    async handleChangeDocumentType(event) {
-        const item = event.component.selectedItems[0];
-        this.uploadNode.update((old) => {
-            return {
-                ...old,
-                options: {
-                    multiple: item.isMultiple,
-                    accept: item.name == 'any' ? '' : item.type.selectedItems.map((i) => `.${i.name.split('.')[1]}`).join(','),
-                },
-            };
-        });
-        for (const i of item.meta) {
-            if (!get(i, '__node__')) {
-                set$1(i, '__node__', typeof i.interface == 'function'
-                    ? await i.interface()
-                    : JSON.parse(i.interface)['children'][0]['children'][0]);
-            }
-        }
-        this.documentTypeSelected.set([item]);
-    }
-    handleContextChanged(e) {
-        this.context.set(e.data);
-    }
-    handleCancel() {
-        this.close();
-    }
-    handlesubmit() {
-        this.close({
-            documentType: this.documentTypeSelected(),
-            context: this.context(),
-        });
-    }
-    getNode(meta) {
-        return get(meta, '__node__');
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: AXMChooseDocumentTypeComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.10", 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$2.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i2$1.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXFormModule }, { kind: "component", type: i3.AXFormFieldComponent, selector: "ax-form-field", inputs: ["labelMode"] }, { kind: "component", type: i3.AXFormComponent, selector: "ax-form", inputs: ["labelMode", "look", "messageStyle", "updateOn"], outputs: ["onValidate", "updateOnChange"] }, { kind: "ngmodule", type: AXLabelModule }, { kind: "component", type: i4.AXLabelComponent, selector: "ax-label", inputs: ["required", "for"], outputs: ["requiredChange"] }, { kind: "ngmodule", type: AXSelectBoxModule }, { kind: "component", type: i1.AXSelectBoxComponent, selector: "ax-select-box", inputs: ["disabled", "readonly", "tabIndex", "placeholder", "minValue", "maxValue", "value", "state", "name", "id", "type", "look", "multiple", "valueField", "textField", "disabledField", "textTemplate", "selectedItems", "dataSource", "minRecordsForSearch", "caption", "itemTemplate", "selectedTemplate", "emptyTemplate", "loadingTemplate", "dropdownWidth", "searchBoxAutoFocus"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "readonlyChange", "disabledChange", "onOpened", "onClosed"] }, { kind: "ngmodule", type: AXPLayoutBuilderModule }, { kind: "component", type: i6.AXPWidgetContainerComponent, selector: "axp-widgets-container", inputs: ["context", "functions"], outputs: ["onContextChanged"] }, { kind: "directive", type: i6.AXPWidgetRendererDirective, selector: "[axp-widget-renderer]", inputs: ["parentNode", "index", "mode", "node"], outputs: ["onOptionsChanged", "onValueChanged"], exportAs: ["widgetRenderer"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", 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        <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);
@@ -4768,7 +4677,7 @@ class AXMDocumentTypeChooseFileComponent extends AXBasePageComponent {
         this.uploadNode = signal({
             name: 'uploads',
             path: 'uploads',
-            type: 'file',
+            type: 'file-uploader',
             options: {
                 accept: '.pdf',
                 multiple: false,
@@ -4811,7 +4720,7 @@ class AXMDocumentTypeChooseFileComponent extends AXBasePageComponent {
         return get(meta, '__node__');
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: AXMDocumentTypeChooseFileComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.10", type: AXMDocumentTypeChooseFileComponent, isStandalone: true, selector: "axm-choose-document-type", usesInheritance: true, ngImport: i0, template: "<ax-content>\n  <div class=\"ax-flex ax-flex-col ax-py-4 ax-px-6\">\n    <axp-widgets-container [context]=\"context()\" (onContextChanged)=\"handleContextChanged($event)\">\n      <ax-form>\n        @for(doc of documentType.meta; track doc.name) {\n        <ax-form-field>\n          <ax-label>{{ doc.title }}</ax-label>\n          <ng-container axp-widget-renderer [node]=\"getNode(doc)\" [mode]=\"'edit'\"></ng-container>\n        </ax-form-field>\n        }\n        <ng-container axp-widget-renderer [node]=\"uploadNode()\" mode=\"edit\"></ng-container>\n      </ax-form>\n    </axp-widgets-container>\n  </div>\n</ax-content>\n<ax-footer>\n  <ax-suffix>\n    <ax-button text=\"Cancel\" (onClick)=\"handleCancel()\"> </ax-button>\n    <ax-button text=\"Submit\" look=\"solid\" color=\"primary\" (onClick)=\"handlesubmit()\"> </ax-button>\n  </ax-suffix>\n</ax-footer>\n", dependencies: [{ kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i2$2.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i2$1.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXFormModule }, { kind: "component", type: i3.AXFormFieldComponent, selector: "ax-form-field", inputs: ["labelMode"] }, { kind: "component", type: i3.AXFormComponent, selector: "ax-form", inputs: ["labelMode", "look", "messageStyle", "updateOn"], outputs: ["onValidate", "updateOnChange"] }, { kind: "ngmodule", type: AXLabelModule }, { kind: "component", type: i4.AXLabelComponent, selector: "ax-label", inputs: ["required", "for"], outputs: ["requiredChange"] }, { kind: "ngmodule", type: AXSelectBoxModule }, { kind: "ngmodule", type: AXPLayoutBuilderModule }, { kind: "component", type: i6.AXPWidgetContainerComponent, selector: "axp-widgets-container", inputs: ["context", "functions"], outputs: ["onContextChanged"] }, { kind: "directive", type: i6.AXPWidgetRendererDirective, selector: "[axp-widget-renderer]", inputs: ["parentNode", "index", "mode", "node"], outputs: ["onOptionsChanged", "onValueChanged"], exportAs: ["widgetRenderer"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.10", type: AXMDocumentTypeChooseFileComponent, isStandalone: true, selector: "axm-choose-document-type", usesInheritance: true, ngImport: i0, template: "<ax-content>\n  <div class=\"ax-flex ax-flex-col ax-py-4 ax-px-6\">\n    <axp-widgets-container [context]=\"context()\" (onContextChanged)=\"handleContextChanged($event)\">\n      <ax-form>\n        @for(doc of documentType.meta; track doc.name) {\n        <ax-form-field>\n          <ax-label>{{ doc.title }}</ax-label>\n          <ng-container axp-widget-renderer [node]=\"getNode(doc)\" [mode]=\"'edit'\"></ng-container>\n        </ax-form-field>\n        }\n        <ng-container axp-widget-renderer [node]=\"uploadNode()\" mode=\"edit\"></ng-container>\n      </ax-form>\n    </axp-widgets-container>\n  </div>\n</ax-content>\n<ax-footer>\n  <ax-suffix>\n    <ax-button text=\"Cancel\" (onClick)=\"handleCancel()\"> </ax-button>\n    <ax-button text=\"Submit\" look=\"solid\" color=\"primary\" (onClick)=\"handlesubmit()\"> </ax-button>\n  </ax-suffix>\n</ax-footer>\n", dependencies: [{ kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i2$1.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i3$1.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXFormModule }, { kind: "component", type: i3.AXFormFieldComponent, selector: "ax-form-field", inputs: ["labelMode"] }, { kind: "component", type: i3.AXFormComponent, selector: "ax-form", inputs: ["labelMode", "look", "messageStyle", "updateOn"], outputs: ["onValidate", "updateOnChange"] }, { kind: "ngmodule", type: AXLabelModule }, { kind: "component", type: i4.AXLabelComponent, selector: "ax-label", inputs: ["required", "for"], outputs: ["requiredChange"] }, { kind: "ngmodule", type: AXSelectBoxModule }, { kind: "ngmodule", type: AXPLayoutBuilderModule }, { kind: "component", type: i6.AXPWidgetContainerComponent, selector: "axp-widgets-container", inputs: ["context", "functions"], outputs: ["onContextChanged"] }, { kind: "directive", type: i6.AXPWidgetRendererDirective, selector: "[axp-widget-renderer]", inputs: ["parentNode", "index", "mode", "node"], outputs: ["onOptionsChanged", "onValueChanged"], exportAs: ["widgetRenderer"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: AXMDocumentTypeChooseFileComponent, decorators: [{
             type: Component,
@@ -4839,7 +4748,7 @@ class AXMFileViewerPopupComponent extends AXBasePageComponent {
         this.close();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: AXMFileViewerPopupComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "19.2.10", type: AXMFileViewerPopupComponent, isStandalone: true, selector: "ng-component", viewQueries: [{ propertyName: "mediaViewer", first: true, predicate: AXMediaViewerContainerComponent, descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<ax-content>\n  <ax-media-viewer-container [thumbnail]=\"true\" #c [dataArray]=\"nodes\">\n    <ax-header>\n      <ax-prefix>\n        <ax-file-info></ax-file-info>\n      </ax-prefix>\n      <ax-suffix>\n        <ax-fullscreen-button></ax-fullscreen-button>\n      </ax-suffix>\n    </ax-header>\n    <ax-prefix>\n      <ax-button (click)=\"c.next()\">\n        <ax-icon class=\"ax-icon ax-icon-chevron-right\"> </ax-icon>\n      </ax-button>\n    </ax-prefix>\n    <ax-suffix>\n      <ax-button (click)=\"c.prev()\">\n        <ax-icon class=\"ax-icon ax-icon-chevron-left\"> </ax-icon>\n      </ax-button>\n    </ax-suffix>\n  </ax-media-viewer-container>\n</ax-content>\n<ax-footer>\n  <ax-suffix>\n    <ax-button [text]=\"'close'\" (click)=\"onClose()\" />\n  </ax-suffix>\n</ax-footer>\n", styles: ["ax-media-viewer-container{--ax-sys-border-radius:0 }\n"], dependencies: [{ kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: 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$2.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXMediaViewerModule }, { kind: "component", type: i3$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.2.10", type: AXMFileViewerPopupComponent, isStandalone: true, selector: "ng-component", viewQueries: [{ propertyName: "mediaViewer", first: true, predicate: AXMediaViewerContainerComponent, descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<ax-content>\n  <ax-media-viewer-container [thumbnail]=\"true\" #c [dataArray]=\"nodes\">\n    <ax-header>\n      <ax-prefix>\n        <ax-file-info></ax-file-info>\n      </ax-prefix>\n      <ax-suffix>\n        <ax-fullscreen-button></ax-fullscreen-button>\n      </ax-suffix>\n    </ax-header>\n    <ax-prefix>\n      <ax-button (click)=\"c.next()\">\n        <ax-icon class=\"ax-icon ax-icon-chevron-right\"> </ax-icon>\n      </ax-button>\n    </ax-prefix>\n    <ax-suffix>\n      <ax-button (click)=\"c.prev()\">\n        <ax-icon class=\"ax-icon ax-icon-chevron-left\"> </ax-icon>\n      </ax-button>\n    </ax-suffix>\n  </ax-media-viewer-container>\n</ax-content>\n<ax-footer>\n  <ax-suffix>\n    <ax-button [text]=\"'close'\" (click)=\"onClose()\" />\n  </ax-suffix>\n</ax-footer>\n", styles: ["ax-media-viewer-container{--ax-sys-border-radius:0 }\n"], dependencies: [{ kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i3$1.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i3$1.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "component", type: i3$1.AXDecoratorFullScreenButtonComponent, selector: "ax-fullscreen-button" }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i2$1.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXMediaViewerModule }, { kind: "component", type: i3$3.AXMediaViewerContainerComponent, selector: "ax-media-viewer-container", inputs: ["dataArray", "thumbnail"] }, { kind: "component", type: i3$3.AXFileInfoComponent, selector: "ax-file-info" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: AXMFileViewerPopupComponent, decorators: [{
             type: Component,
@@ -4857,7 +4766,7 @@ class AXMFolderPathBreadcrumbsComponent {
         this.layout = inject(AXPLayoutThemeService);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: AXMFolderPathBreadcrumbsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.10", type: AXMFolderPathBreadcrumbsComponent, isStandalone: true, selector: "axm-folder-path-breadcrumbs", ngImport: i0, template: "<!-- Breadcrumbs Section -->\n<div class=\"__breadcrumb ax-xs\">\n  <!-- Desktop Breadcrumb -->\n  @for (item of vm.currentPath(); track item.id; let i = $index;let last = $last) {\n  <!-- Navigation Button -->\n  <ax-button look=\"blank\" (onClick)=\"vm.navigateToFolder(item.id)\" [text]=\"item.name\" [disabled]=\"last\">\n    @if(i === 0) {\n    <ax-icon icon=\"fa-light fa-cloud\"></ax-icon>\n    }@else {\n    <ax-icon icon=\"fa-light fa-folder-closed\"></ax-icon>\n    }\n  </ax-button>\n  <!-- Separator -->\n  @if(!last) {\n  <i class=\"far fa-chevron-right rtl:ax-rotate-180 fa-fw fa-xs ax-me-2\"></i>\n  }\n  <!-- End Navigation Button -->\n  }\n</div>\n", styles: [":host{display:flex;width:100%;align-items:center}:host .__nav{display:flex;flex-direction:row;align-items:center;gap:.25rem;border-inline-end-width:1px;padding-inline-start:.25rem;padding-inline-end:.5rem}:host .__breadcrumb{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;padding-inline-start:.5rem;padding-inline-end:.25rem}:host .__breadcrumb .ax-state-disabled button,:host .__breadcrumb .ax-state-loading button{cursor:default!important}\n"], dependencies: [{ kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i2$2.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i2$1.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.10", type: AXMFolderPathBreadcrumbsComponent, isStandalone: true, selector: "axm-folder-path-breadcrumbs", ngImport: i0, template: "<!-- Breadcrumbs Section -->\n<div class=\"__breadcrumb ax-xs\">\n  <!-- Desktop Breadcrumb -->\n  @for (item of vm.currentPath(); track item.id; let i = $index;let last = $last) {\n  <!-- Navigation Button -->\n  <ax-button look=\"blank\" (onClick)=\"vm.navigateToFolder(item.id)\" [text]=\"item.name\" [disabled]=\"last\">\n    @if(i === 0) {\n    <ax-icon icon=\"fa-light fa-cloud\"></ax-icon>\n    }@else {\n    <ax-icon icon=\"fa-light fa-folder-closed\"></ax-icon>\n    }\n  </ax-button>\n  <!-- Separator -->\n  @if(!last) {\n  <i class=\"far fa-chevron-right rtl:ax-rotate-180 fa-fw fa-xs ax-me-2\"></i>\n  }\n  <!-- End Navigation Button -->\n  }\n</div>\n", styles: [":host{display:flex;width:100%;align-items:center}:host .__nav{display:flex;flex-direction:row;align-items:center;gap:.25rem;border-inline-end-width:1px;padding-inline-start:.25rem;padding-inline-end:.5rem}:host .__breadcrumb{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;padding-inline-start:.5rem;padding-inline-end:.25rem}:host .__breadcrumb .ax-state-disabled button,:host .__breadcrumb .ax-state-loading button{cursor:default!important}\n"], dependencies: [{ kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i2$1.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i3$1.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: AXMFolderPathBreadcrumbsComponent, decorators: [{
             type: Component,
@@ -4869,7 +4778,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImpo
 
 var index = /*#__PURE__*/Object.freeze({
     __proto__: null,
-    AXMChooseDocumentTypeComponent: AXMChooseDocumentTypeComponent,
     AXMDocumentTypeChooseFileComponent: AXMDocumentTypeChooseFileComponent,
     AXMFileViewerPopupComponent: AXMFileViewerPopupComponent,
     AXMFolderPathBreadcrumbsComponent: AXMFolderPathBreadcrumbsComponent
@@ -4880,7 +4788,7 @@ class AXMDocumentExplorerDetailPanelComponent {
         this.vm = inject(AXPDocumentExplorerViewModel);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: AXMDocumentExplorerDetailPanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.10", type: AXMDocumentExplorerDetailPanelComponent, isStandalone: true, selector: "axm-document-explorer-detail-panel", ngImport: i0, template: "<!--  Multiple Selected  -->\n@if(vm.hasMultipleSelectedItems()) {\n<div class=\"__header\" *translate=\"let t\">\n  <div class=\"__title\">\n    <i class=\"fa-fw fa-lg fa-solid\"></i>\n    <span> {{ vm.selectedCount() }} {{ t('itemsSelected', { scope: 'common' }) | async }}</span>\n  </div>\n  <ax-button [look]=\"'blank'\" class=\"ax-sm ax-rounded-full\" (onClick)=\"vm.closeDetailPanel()\">\n    <ax-icon icon=\"fa-solid fa-xmark\"></ax-icon>\n  </ax-button>\n</div>\n<div class=\"__content\"></div>\n}\n<!-- Single Selected -->\n@else {\n<!-- Info -->\n@let nodeInfo = vm.getNodeInfo((vm.selectedNode() ?? vm.currentFolder())!);\n<div class=\"__header\">\n  <div class=\"__title\">\n    <i class=\"fa-fw fa-lg {{ nodeInfo.icon }} fa-solid\"></i>\n    <span>{{ nodeInfo.name }}</span>\n  </div>\n  <ax-button [look]=\"'blank'\" class=\"ax-sm ax-rounded-full\" (onClick)=\"vm.closeDetailPanel()\">\n    <ax-icon icon=\"fa-solid fa-xmark\"></ax-icon>\n  </ax-button>\n</div>\n<div class=\"__content\">\n  @for(section of nodeInfo.sections; track section.title) {\n  <div class=\"__section\">\n    <div class=\"__title\">\n      <span>{{ section.title }}</span>\n    </div>\n    <div class=\"__content\">\n      @for(detail of section.details; track detail.title) {\n      <div class=\"__row\">\n        <div class=\"__title\">\n          <span>{{ detail.title }}</span>\n        </div>\n        <div class=\"__content\">\n          @if(detail.format) {\n          <span>{{ detail.content | format : detail.format | async }}</span>\n          } @else {\n          <span>{{ detail.content ?? '---' }}</span>\n          }\n        </div>\n      </div>\n      }\n    </div>\n  </div>\n  }\n</div>\n}\n", styles: ["axm-document-explorer-detail-panel{display:flex;flex-direction:column;border-radius:.5rem;border-width:1px;--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);background-color:rgb(var(--ax-sys-color-lightest-surface));color:rgb(var(--ax-sys-color-on-lightest-surface));border-color:rgb(var(--ax-sys-color-border-lightest-surface))}@media (min-width: 1024px){axm-document-explorer-detail-panel{min-width:20rem}}axm-document-explorer-detail-panel>.__header{display:flex;flex-direction:row;align-items:center;justify-content:space-between;border-bottom-width:1px;padding:1rem}axm-document-explorer-detail-panel>.__header>.__title{display:flex;width:90%;flex-direction:row;align-items:center;gap:.5rem}axm-document-explorer-detail-panel>.__header>.__title span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:start;font-weight:600;line-height:1.625}axm-document-explorer-detail-panel>.__content{display:flex;flex-direction:column}axm-document-explorer-detail-panel>.__content>:not([hidden])~:not([hidden]){--tw-divide-y-reverse: 0;border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px * var(--tw-divide-y-reverse))}axm-document-explorer-detail-panel>.__content>.__section{display:flex;flex-direction:column;padding:1rem}axm-document-explorer-detail-panel>.__content>.__section>.__title{margin-bottom:1rem;font-size:.875rem;line-height:1.25rem;font-weight:700}axm-document-explorer-detail-panel>.__content>.__section>.__content{display:flex;flex-direction:column;gap:1rem}axm-document-explorer-detail-panel>.__content>.__section>.__content>.__row{display:flex;flex-direction:column;gap:.25rem}axm-document-explorer-detail-panel>.__content>.__section>.__content>.__row>.__title{display:flex;font-size:.875rem;line-height:1.25rem;font-weight:600;opacity:.9}axm-document-explorer-detail-panel>.__content>.__section>.__content>.__row>.__content{display:flex;flex-direction:row;align-items:center;gap:.5rem}axm-document-explorer-detail-panel>.__content>.__section>.__content>.__row>.__content span{opacity:.7}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i2$1.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "ngmodule", type: AXFormatModule }, { kind: "pipe", type: i2$3.AXFormatPipe, name: "format" }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i2$2.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "directive", type: i4$1.AXTranslatorDirective, selector: "[translate]" }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.10", type: AXMDocumentExplorerDetailPanelComponent, isStandalone: true, selector: "axm-document-explorer-detail-panel", ngImport: i0, template: "<!--  Multiple Selected  -->\n@if(vm.hasMultipleSelectedItems()) {\n<div class=\"__header\" *translate=\"let t\">\n  <div class=\"__title\">\n    <i class=\"fa-fw fa-lg fa-solid\"></i>\n    <span> {{ vm.selectedCount() }} {{ t('itemsSelected', { scope: 'common' }) | async }}</span>\n  </div>\n  <ax-button [look]=\"'blank'\" class=\"ax-sm ax-rounded-full\" (onClick)=\"vm.closeDetailPanel()\">\n    <ax-icon icon=\"fa-solid fa-xmark\"></ax-icon>\n  </ax-button>\n</div>\n<div class=\"__content\"></div>\n}\n<!-- Single Selected -->\n@else {\n<!-- Info -->\n@let nodeInfo = vm.getNodeInfo((vm.selectedNode() ?? vm.currentFolder())!);\n<div class=\"__header\">\n  <div class=\"__title\">\n    <i class=\"fa-fw fa-lg {{ nodeInfo.icon }} fa-solid\"></i>\n    <span>{{ nodeInfo.name }}</span>\n  </div>\n  <ax-button [look]=\"'blank'\" class=\"ax-sm ax-rounded-full\" (onClick)=\"vm.closeDetailPanel()\">\n    <ax-icon icon=\"fa-solid fa-xmark\"></ax-icon>\n  </ax-button>\n</div>\n<div class=\"__content\">\n  @for(section of nodeInfo.sections; track section.title) {\n  <div class=\"__section\">\n    <div class=\"__title\">\n      <span>{{ section.title }}</span>\n    </div>\n    <div class=\"__content\">\n      @for(detail of section.details; track detail.title) {\n      <div class=\"__row\">\n        <div class=\"__title\">\n          <span>{{ detail.title }}</span>\n        </div>\n        <div class=\"__content\">\n          @if(detail.format) {\n          <span>{{ detail.content | format : detail.format | async }}</span>\n          } @else {\n          <span>{{ detail.content ?? '---' }}</span>\n          }\n        </div>\n      </div>\n      }\n    </div>\n  </div>\n  }\n</div>\n}\n", styles: ["axm-document-explorer-detail-panel{display:flex;flex-direction:column;border-radius:.5rem;border-width:1px;--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);background-color:rgb(var(--ax-sys-color-lightest-surface));color:rgb(var(--ax-sys-color-on-lightest-surface));border-color:rgb(var(--ax-sys-color-border-lightest-surface))}@media (min-width: 1024px){axm-document-explorer-detail-panel{min-width:20rem}}axm-document-explorer-detail-panel>.__header{display:flex;flex-direction:row;align-items:center;justify-content:space-between;border-bottom-width:1px;padding:1rem}axm-document-explorer-detail-panel>.__header>.__title{display:flex;width:90%;flex-direction:row;align-items:center;gap:.5rem}axm-document-explorer-detail-panel>.__header>.__title span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:start;font-weight:600;line-height:1.625}axm-document-explorer-detail-panel>.__content{display:flex;flex-direction:column}axm-document-explorer-detail-panel>.__content>:not([hidden])~:not([hidden]){--tw-divide-y-reverse: 0;border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px * var(--tw-divide-y-reverse))}axm-document-explorer-detail-panel>.__content>.__section{display:flex;flex-direction:column;padding:1rem}axm-document-explorer-detail-panel>.__content>.__section>.__title{margin-bottom:1rem;font-size:.875rem;line-height:1.25rem;font-weight:700}axm-document-explorer-detail-panel>.__content>.__section>.__content{display:flex;flex-direction:column;gap:1rem}axm-document-explorer-detail-panel>.__content>.__section>.__content>.__row{display:flex;flex-direction:column;gap:.25rem}axm-document-explorer-detail-panel>.__content>.__section>.__content>.__row>.__title{display:flex;font-size:.875rem;line-height:1.25rem;font-weight:600;opacity:.9}axm-document-explorer-detail-panel>.__content>.__section>.__content>.__row>.__content{display:flex;flex-direction:row;align-items:center;gap:.5rem}axm-document-explorer-detail-panel>.__content>.__section>.__content>.__row>.__content span{opacity:.7}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i3$1.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "ngmodule", type: AXFormatModule }, { kind: "pipe", type: i2$2.AXFormatPipe, name: "format" }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i2$1.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "directive", type: i4$1.AXTranslatorDirective, selector: "[translate]" }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: AXMDocumentExplorerDetailPanelComponent, decorators: [{
             type: Component,
@@ -5137,7 +5045,7 @@ class AXMDocumentDriveComponent extends AXPPageLayoutBaseComponent {
             },
         ], viewQueries: [{ propertyName: "documentExplorer", first: true, predicate: AXMDocumentExplorerComponent, descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<!-- Main Layout -->\n<axp-page-layout *translate=\"let t\">\n  <axp-page-toolbar>\n    <!-- Left Side Toolbar -->\n    <axp-layout-prefix>\n      @if(vm.hasMultipleSelectedItems() ) {\n      <div class=\"ax-flex ax-gap-3 ax-items-center ax-h-10\">\n        <span class=\"ax-text-xl ax-font-bold\">\n          {{ vm.selectedCount() }} {{ 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$2.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "component", type: i2$2.AXButtonItemComponent, selector: "ax-button-item", inputs: ["color", "disabled", "text", "selected", "divided", "data", "name"], outputs: ["onClick", "onFocus", "onBlur", "disabledChange"] }, { kind: "component", type: i2$2.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: 
+                AXMenuModule }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i2$1.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "component", type: i2$1.AXButtonItemComponent, selector: "ax-button-item", inputs: ["color", "disabled", "text", "selected", "divided", "data", "name"], outputs: ["onClick", "onFocus", "onBlur", "disabledChange"] }, { kind: "component", type: i2$1.AXButtonItemListComponent, selector: "ax-button-item-list", inputs: ["items"], outputs: ["onItemClick"] }, { kind: "ngmodule", type: AXButtonGroupModule }, { kind: "ngmodule", type: AXDropdownButtonModule }, { kind: "ngmodule", type: AXDropdownModule }, { kind: "component", type: i3$4.AXDropdownPanelComponent, selector: "ax-dropdown-panel", inputs: ["isOpen", "fitParent", "dropdownWidth", "position", "placement", "_target", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "directive", type: i4$1.AXTranslatorDirective, selector: "[translate]" }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i3$1.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i3$1.AXDecoratorClearButtonComponent, selector: "ax-clear-button", inputs: ["icon"] }, { kind: "component", type: i3$1.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXLoadingModule }, { kind: "ngmodule", type: AXBreadcrumbsModule }, { kind: "ngmodule", type: AXBadgeModule }, { kind: "ngmodule", type: AXSearchBoxModule }, { kind: "component", type: i6$1.AXSearchBoxComponent, selector: "ax-search-box", inputs: ["disabled", "readonly", "tabIndex", "placeholder", "value", "state", "name", "id", "look", "class", "delayTime", "type"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "readonlyChange", "disabledChange", "onKeyDown", "onKeyUp", "onKeyPress"] }, { kind: "ngmodule", type: AXFormatModule }, { kind: "ngmodule", type: AXFileModule }, { kind: "ngmodule", type: AXDateTimeModule }, { kind: "component", type: 
                 //
                 AXPPageLayoutComponent, selector: "axp-page-layout" }, { kind: "component", type: AXPThemeLayoutBlockComponent, selector: "    axp-page-content,     axp-page-footer-container,    axp-page-footer,    axp-page-header,    axp-page-header-container,    axp-page-toolbar,    axp-layout-content,     axp-layout-page-content,     axp-layout-sections,    axp-layout-body,    axp-layout-page-body,    axp-layout-prefix,    axp-layout-suffix,    axp-layout-title-bar,    axp-layout-title,     axp-layout-title-actions,     axp-layout-nav-button,     axp-layout-description,     axp-layout-breadcrumbs,    axp-layout-list-action,    " }, { kind: "component", type: 
                 //
@@ -5386,7 +5294,7 @@ class AXMDocumentAttachmentWidgetEditComponent extends AXPValueWidgetComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: AXMDocumentAttachmentWidgetEditComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.10", type: AXMDocumentAttachmentWidgetEditComponent, isStandalone: true, selector: "axm-document-attachment-edit-widget", providers: [AXPDocumentExplorerViewModel], viewQueries: [{ propertyName: "documentExplorer", first: true, predicate: AXMDocumentExplorerComponent, descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"ax-flex ax-flex-col ax-gap-3 ax-rounded-md ax-border\" *translate=\"let t\">\n  <!-- Header Section -->\n  <div class=\"ax-flex ax-flex-row ax-justify-between ax-items-center ax-border-b ax-px-4 ax-py-2\">\n    <!-- Selection Info (side left) -->\n    <div>\n      @if(vm.hasMultipleSelectedItems()) {\n        <div class=\"ax-flex ax-gap-3 ax-items-center\">\n          <span class=\"ax-text-sm ax-font-bold\">\n            {{ vm.selectedCount() }} {{ t('itemsSelected', { scope: 'common' }) | async }}\n          </span>\n          <span (click)=\"vm.deselectAll()\" class=\"ax-text-xs ax-text-secondary ax-underline ax-cursor-pointer\">\n            {{ t('unselect', { scope: 'common' }) | async }}\n          </span>\n        </div>\n      }\n    </div>\n    <!-- Actions (side right) -->\n    <div class=\"ax-flex ax-justify-end\">\n      @if(!vm.hasMultipleSelectedItems()) {\n        <!-- Add Item Button -->\n        <ax-button class=\"ax-sm\" [text]=\"t('actions.add-item', { scope: rootConfig.config.i18n }) | async\" [color]=\"'primary'\">\n          <ax-prefix>\n            <ax-icon icon=\"fa-light  fa-plus\"></ax-icon>\n          </ax-prefix>\n          <ax-dropdown-panel>\n            <!-- Upload Dropdown -->\n            <ax-button-item-list>\n              @if (documentTypes().length === 0) {\n                <ax-button-item\n                  (onClick)=\"uploadFromComputer()\"\n                  [text]=\"(t('actions.upload-from-device', { scope: rootConfig.config.i18n }) | async)!\"\n                >\n                  <ax-prefix>\n                    <ax-icon icon=\"fa-light fa-file-arrow-up\"></ax-icon>\n                  </ax-prefix>\n                </ax-button-item>\n              } @else {\n                @for (docType of documentTypes(); track docType.id) {\n                  <ax-button-item\n                    (onClick)=\"uploadFromComputer(docType)\"\n                    [text]=\"docType.title\"\n                  >\n                    <ax-prefix>\n                      <ax-icon icon=\"fa-light fa-file-arrow-up\"></ax-icon>\n                    </ax-prefix>\n                  </ax-button-item>\n                }\n              }\n\n              <ax-divider></ax-divider>\n\n              <ax-button-item\n                (onClick)=\"chooseFromDrive(scopes.User)\"\n                [text]=\"(t('actions.choose-from-drive', { scope: rootConfig.config.i18n }) | async)!\"\n              >\n                <ax-prefix>\n                  <ax-icon icon=\"fa-light fa-folder-open\"></ax-icon>\n                </ax-prefix>\n              </ax-button-item>\n              <ax-button-item\n                (onClick)=\"chooseFromDrive(scopes.Tenant)\"\n                [text]=\"(t('actions.choose-from-organization', { scope: rootConfig.config.i18n }) | async)!\"\n              >\n                <ax-prefix>\n                  <ax-icon icon=\"fa-light fa-building\"></ax-icon>\n                </ax-prefix>\n              </ax-button-item>\n\n              @for (action of actions(); track action.name) {\n              <ax-button-item (onClick)=\"handleActionCallback(action)\" [text]=\"action.title\">\n                <ax-prefix>\n                  <ax-icon [icon]=\"action.icon\"></ax-icon>\n                </ax-prefix>\n              </ax-button-item>\n              }\n            </ax-button-item-list>\n          </ax-dropdown-panel>\n        </ax-button>\n      } @else {\n        <!-- Delete Button -->\n        <ax-button class=\"ax-sm\" (onClick)=\"vm.deleteNodes(vm.selectedNodes())\" [text]=\"'delete'\" [color]=\"'danger'\"></ax-button>\n      }\n    </div>\n  </div>\n  \n  <axm-document-explorer\n    [showContextMenu]=\"false\"\n    [viewMode]=\"'attachment'\"\n    [selectionMode]=\"'multiple'\"\n  ></axm-document-explorer>\n</div>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "component", type: AXMDocumentExplorerComponent, selector: "axm-document-explorer", inputs: ["browseMode", "viewMode", "selectionMode", "showContextMenu"] }, { kind: "component", type: AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXDropdownButtonModule }, { kind: "ngmodule", type: AXDropdownModule }, { kind: "component", type: i3$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$2.AXButtonItemComponent, selector: "ax-button-item", inputs: ["color", "disabled", "text", "selected", "divided", "data", "name"], outputs: ["onClick", "onFocus", "onBlur", "disabledChange"] }, { kind: "component", type: i2$2.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.0.0", version: "19.2.10", type: AXMDocumentAttachmentWidgetEditComponent, isStandalone: true, selector: "axm-document-attachment-edit-widget", providers: [AXPDocumentExplorerViewModel], viewQueries: [{ propertyName: "documentExplorer", first: true, predicate: AXMDocumentExplorerComponent, descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"ax-flex ax-flex-col ax-gap-3 ax-rounded-md ax-border\" *translate=\"let t\">\n  <!-- Header Section -->\n  <div class=\"ax-flex ax-flex-row ax-justify-between ax-items-center ax-border-b ax-px-4 ax-py-2\">\n    <!-- Selection Info (side left) -->\n    <div>\n      @if(vm.hasMultipleSelectedItems()) {\n        <div class=\"ax-flex ax-gap-3 ax-items-center\">\n          <span class=\"ax-text-sm ax-font-bold\">\n            {{ vm.selectedCount() }} {{ t('itemsSelected', { scope: 'common' }) | async }}\n          </span>\n          <span (click)=\"vm.deselectAll()\" class=\"ax-text-xs ax-text-secondary ax-underline ax-cursor-pointer\">\n            {{ t('unselect', { scope: 'common' }) | async }}\n          </span>\n        </div>\n      }\n    </div>\n    <!-- Actions (side right) -->\n    <div class=\"ax-flex ax-justify-end\">\n      @if(!vm.hasMultipleSelectedItems()) {\n        <!-- Add Item Button -->\n        <ax-button class=\"ax-sm\" [text]=\"t('actions.add-item', { scope: rootConfig.config.i18n }) | async\" [color]=\"'primary'\">\n          <ax-prefix>\n            <ax-icon icon=\"fa-light  fa-plus\"></ax-icon>\n          </ax-prefix>\n          <ax-dropdown-panel>\n            <!-- Upload Dropdown -->\n            <ax-button-item-list>\n              @if (documentTypes().length === 0) {\n                <ax-button-item\n                  (onClick)=\"uploadFromComputer()\"\n                  [text]=\"(t('actions.upload-from-device', { scope: rootConfig.config.i18n }) | async)!\"\n                >\n                  <ax-prefix>\n                    <ax-icon icon=\"fa-light fa-file-arrow-up\"></ax-icon>\n                  </ax-prefix>\n                </ax-button-item>\n              } @else {\n                @for (docType of documentTypes(); track docType.id) {\n                  <ax-button-item\n                    (onClick)=\"uploadFromComputer(docType)\"\n                    [text]=\"docType.title\"\n                  >\n                    <ax-prefix>\n                      <ax-icon icon=\"fa-light fa-file-arrow-up\"></ax-icon>\n                    </ax-prefix>\n                  </ax-button-item>\n                }\n              }\n\n              <ax-divider></ax-divider>\n\n              <ax-button-item\n                (onClick)=\"chooseFromDrive(scopes.User)\"\n                [text]=\"(t('actions.choose-from-drive', { scope: rootConfig.config.i18n }) | async)!\"\n              >\n                <ax-prefix>\n                  <ax-icon icon=\"fa-light fa-folder-open\"></ax-icon>\n                </ax-prefix>\n              </ax-button-item>\n              <ax-button-item\n                (onClick)=\"chooseFromDrive(scopes.Tenant)\"\n                [text]=\"(t('actions.choose-from-organization', { scope: rootConfig.config.i18n }) | async)!\"\n              >\n                <ax-prefix>\n                  <ax-icon icon=\"fa-light fa-building\"></ax-icon>\n                </ax-prefix>\n              </ax-button-item>\n\n              @for (action of actions(); track action.name) {\n              <ax-button-item (onClick)=\"handleActionCallback(action)\" [text]=\"action.title\">\n                <ax-prefix>\n                  <ax-icon [icon]=\"action.icon\"></ax-icon>\n                </ax-prefix>\n              </ax-button-item>\n              }\n            </ax-button-item-list>\n          </ax-dropdown-panel>\n        </ax-button>\n      } @else {\n        <!-- Delete Button -->\n        <ax-button class=\"ax-sm\" (onClick)=\"vm.deleteNodes(vm.selectedNodes())\" [text]=\"'delete'\" [color]=\"'danger'\"></ax-button>\n      }\n    </div>\n  </div>\n  \n  <axm-document-explorer\n    [showContextMenu]=\"false\"\n    [viewMode]=\"'attachment'\"\n    [selectionMode]=\"'multiple'\"\n  ></axm-document-explorer>\n</div>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "component", type: AXMDocumentExplorerComponent, selector: "axm-document-explorer", inputs: ["browseMode", "viewMode", "selectionMode", "showContextMenu"] }, { kind: "component", type: AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXDropdownButtonModule }, { kind: "ngmodule", type: AXDropdownModule }, { kind: "component", type: i3$4.AXDropdownPanelComponent, selector: "ax-dropdown-panel", inputs: ["isOpen", "fitParent", "dropdownWidth", "position", "placement", "_target", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i3$1.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i3$1.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "directive", type: i4$1.AXTranslatorDirective, selector: "[translate]" }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i2$1.AXButtonItemComponent, selector: "ax-button-item", inputs: ["color", "disabled", "text", "selected", "divided", "data", "name"], outputs: ["onClick", "onFocus", "onBlur", "disabledChange"] }, { kind: "component", type: i2$1.AXButtonItemListComponent, selector: "ax-button-item-list", inputs: ["items"], outputs: ["onItemClick"] }, { kind: "ngmodule", type: AXButtonGroupModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: AXMDocumentAttachmentWidgetEditComponent, decorators: [{
             type: Component,
@@ -5487,7 +5395,7 @@ class AXMChooseDocumentTypeWorkflowAction extends AXPWorkflowAction {
         this.popupService = inject(AXPopupService);
     }
     async execute(context) {
-        const comp = (await Promise.resolve().then(function () { return index; })).AXMChooseDocumentTypeComponent;
+        const comp = (await Promise.resolve().then(function () { return index; })).AXMDocumentTypeChooseFileComponent;
         const result = await this.popupService.open(comp);
         if (result.data != null && result.data.documentTypeId != null) {
             context.setVariable('documentTypeId', result.data.documentTypeId);
@@ -5566,6 +5474,98 @@ class AXMTaskBadgeProviderSample2 {
     }
 }
 
+class AXPFileUploaderWidgetExtensionComponent {
+    constructor() {
+        this.driveService = inject(AXMDocumentManagerService);
+        this.fileStorageService = inject(AXPFileStorageService);
+        this.scopes = AXPPlatformScope;
+    }
+    ngOnDestroy() {
+    }
+    async chooseFromDrive(scope) {
+        const result = await this.driveService.showChooseFileDialog(scope);
+        const files = await Promise.all(result.map(async (item) => (await this.fileStorageService.getInfo(item.fileId)).binary));
+        console.log(files);
+        this.host.setValue([...this.host.getValue(), ...files]);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: AXPFileUploaderWidgetExtensionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.10", type: AXPFileUploaderWidgetExtensionComponent, isStandalone: true, selector: "axp-file-uploader-widget-extension", providers: [], ngImport: i0, template: `
+    <ax-divider></ax-divider>
+    <ax-button-item
+        [text]="('@document-management:actions.choose-from-drive' | translate | async)!"
+        (onClick)="chooseFromDrive(scopes.Tenant)"
+        >
+        <ax-prefix>
+            <ax-icon icon="fa-light fa-file-arrow-up"></ax-icon>
+        </ax-prefix>
+    </ax-button-item>
+    `, isInline: true, dependencies: [{ kind: "ngmodule", type: 
+                // Angular
+                CommonModule }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "ngmodule", type: 
+                // ACoreX
+                AXFormModule }, { kind: "ngmodule", type: AXTextBoxModule }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i2$1.AXButtonItemComponent, selector: "ax-button-item", inputs: ["color", "disabled", "text", "selected", "divided", "data", "name"], outputs: ["onClick", "onFocus", "onBlur", "disabledChange"] }, { kind: "ngmodule", type: AXLabelModule }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i3$1.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i3$1.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXCheckBoxModule }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: i4$1.AXTranslatorPipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: AXPFileUploaderWidgetExtensionComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'axp-file-uploader-widget-extension',
+                    template: `
+    <ax-divider></ax-divider>
+    <ax-button-item
+        [text]="('@document-management:actions.choose-from-drive' | translate | async)!"
+        (onClick)="chooseFromDrive(scopes.Tenant)"
+        >
+        <ax-prefix>
+            <ax-icon icon="fa-light fa-file-arrow-up"></ax-icon>
+        </ax-prefix>
+    </ax-button-item>
+    `,
+                    imports: [
+                        // Angular
+                        CommonModule,
+                        // ACoreX
+                        AXFormModule,
+                        AXTextBoxModule,
+                        AXButtonModule,
+                        AXLabelModule,
+                        AXDecoratorModule,
+                        AXCheckBoxModule,
+                        AXTranslationModule,
+                        // Platform
+                    ],
+                    encapsulation: ViewEncapsulation.None,
+                    providers: [],
+                }]
+        }] });
+
+class AXMDriveChooseModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: AXMDriveChooseModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.10", ngImport: i0, type: AXMDriveChooseModule, imports: [i1$2.AXPComponentSlotModule] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: AXMDriveChooseModule, imports: [AXPComponentSlotModule.forChild({
+                'file-uploader-widget-actions': [
+                    {
+                        name: 'primary-actions',
+                        component: AXPFileUploaderWidgetExtensionComponent,
+                    },
+                ]
+            })] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: AXMDriveChooseModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        AXPComponentSlotModule.forChild({
+                            'file-uploader-widget-actions': [
+                                {
+                                    name: 'primary-actions',
+                                    component: AXPFileUploaderWidgetExtensionComponent,
+                                },
+                            ]
+                        })
+                    ]
+                }]
+        }] });
+
 function routesFacory() {
     const config = inject(AXP_ENTITY_CONFIG_TOKEN);
     const routes = [
@@ -5592,11 +5592,13 @@ function routesFacory() {
 }
 class AXMDocumentManagementModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: AXMDocumentManagementModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.10", ngImport: i0, type: AXMDocumentManagementModule, imports: [AXMDocumentManagementDocumentTypeStatusDefinitionEntityModule,
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.10", ngImport: i0, type: AXMDocumentManagementModule, imports: [AXMDriveChooseModule,
+            //
+            AXMDocumentManagementDocumentTypeStatusDefinitionEntityModule,
             AXMDocumentManagementDocumentTypeMetaValueEntityModule,
             AXMDocumentManagementDocumentTypeMetaDefinitionEntityModule,
             AXMDocumentManagementDocumentTypeEntityModule,
-            AXMDocumentManagementDocumentEntityModule, i6.AXPLayoutBuilderModule, AXMFileTypeModule, i3$2.AXMediaViewerModule, i3$4.AXPWorkflowModule] }); }
+            AXMDocumentManagementDocumentEntityModule, i6.AXPLayoutBuilderModule, AXMFileTypeModule, i3$3.AXMediaViewerModule, i3$5.AXPWorkflowModule] }); }
     static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: AXMDocumentManagementModule, providers: [
             {
                 provide: AXMFolderService,
@@ -5626,7 +5628,7 @@ class AXMDocumentManagementModule {
                 provide: AXP_PERMISSION_DEFINITION_PROVIDER,
                 useFactory: async () => {
                     const injector = inject(Injector);
-                    const provider = (await import('./acorex-modules-document-management-permission-definition.provider-BBXmMuIh.mjs')).AXMPermissionDefinitionProvider;
+                    const provider = (await import('./acorex-modules-document-management-permission-definition.provider-B7lgRLHi.mjs')).AXMPermissionDefinitionProvider;
                     return new provider(injector);
                 },
                 multi: true,
@@ -5646,7 +5648,9 @@ class AXMDocumentManagementModule {
                 multi: true,
                 useFactory: routesFacory,
             },
-        ], imports: [AXMDocumentManagementDocumentTypeStatusDefinitionEntityModule,
+        ], imports: [AXMDriveChooseModule,
+            //
+            AXMDocumentManagementDocumentTypeStatusDefinitionEntityModule,
             AXMDocumentManagementDocumentTypeMetaValueEntityModule,
             AXMDocumentManagementDocumentTypeMetaDefinitionEntityModule,
             AXMDocumentManagementDocumentTypeEntityModule,
@@ -5671,6 +5675,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImpo
             type: NgModule,
             args: [{
                     imports: [
+                        AXMDriveChooseModule,
+                        //
                         AXMDocumentManagementDocumentTypeStatusDefinitionEntityModule,
                         AXMDocumentManagementDocumentTypeMetaValueEntityModule,
                         AXMDocumentManagementDocumentTypeMetaDefinitionEntityModule,
@@ -5722,7 +5728,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImpo
                             provide: AXP_PERMISSION_DEFINITION_PROVIDER,
                             useFactory: async () => {
                                 const injector = inject(Injector);
-                                const provider = (await import('./acorex-modules-document-management-permission-definition.provider-BBXmMuIh.mjs')).AXMPermissionDefinitionProvider;
+                                const provider = (await import('./acorex-modules-document-management-permission-definition.provider-B7lgRLHi.mjs')).AXMPermissionDefinitionProvider;
                                 return new provider(injector);
                             },
                             multi: true,
@@ -5751,4 +5757,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImpo
  */
 
 export { AXMPermissionsKeys as A, AXMFolderService as B, AXMFolderServiceImpl as C, AXMEntityProvider as D, AXMMenuProvider as E, AXMSearchCommandProvider as F, AXMSettingProvider as G, RootConfig as R, AXMDocumentManagerService as a, AXMDocumentTypeService as b, AXPDocumentExplorerViewModel as c, AXMDocumentExplorerComponent as d, AXMFolderPathBreadcrumbsComponent as e, AXMDocumentManagementModule as f, documentFactory as g, AXMDocumentManagementDocumentEntityModule as h, AXMDocumentService as i, AXMDocumentServiceImpl as j, documentTypeFactory as k, AXMDocumentManagementDocumentTypeEntityModule as l, AXMDocumentTypeServiceImpl as m, documentTypeMetaDefinitionfactory as n, AXMDocumentManagementDocumentTypeMetaDefinitionEntityModule as o, AXMDocumentManagementDocumentTypeMetaDefinitionEntityService as p, AXMDocumentManagementDocumentTypeMetaDefinitionEntityServiceImpl as q, documentTypeMetaValueFactory as r, AXMDocumentManagementDocumentTypeMetaValueEntityModule as s, AXMDocumentManagementDocumentTypeMetaValueEntityService as t, AXMDocumentManagementDocumentTypeMetaValueEntityServiceImpl as u, documentTypeStatusDefinitionFactory as v, AXMDocumentManagementDocumentTypeStatusDefinitionEntityModule as w, AXMDocumentManagementDocumentTypeStatusDefinitionEntityService as x, AXMDocumentManagementDocumentTypeStatusDefinitionEntityServiceImpl as y, folderFactory as z };
-//# sourceMappingURL=acorex-modules-document-management-acorex-modules-document-management-BcgxVPuR.mjs.map
+//# sourceMappingURL=acorex-modules-document-management-acorex-modules-document-management-BpmG6Dyx.mjs.map