@acorex/modules 19.3.8 → 19.4.2

package/fesm2022/{acorex-modules-document-management-acorex-modules-document-management-k2QMxYk9.mjs → acorex-modules-document-management-acorex-modules-document-management-MoAj_IYQ.mjs}

@@ -1,8 +1,8 @@
 import { AXPSessionService, AXPAuthGuard, AXP_PERMISSION_DEFINITION_PROVIDER } from '@acorex/platform/auth';
-import { AXPSearchCommandProvider, createAllQueryView, AXPEntityCommandScope, AXPEntityQueryType, AXPFileTypeProviderService, AXP_FILE_TYPE_INFO_PROVIDER, AXPFileStorageService, AXPSettingService, AXP_MENU_PROVIDER, AXP_SETTING_DEFINITION_PROVIDER, AXP_SEARCH_PROVIDER, AXP_TASK_BADGE_PROVIDERS } from '@acorex/platform/common';
+import { AXPSearchCommandProvider, createAllQueryView, AXPEntityCommandScope, AXPEntityQueryType, AXPFileTypeProviderService, AXP_FILE_TYPE_INFO_PROVIDER, AXPFileStorageService, AXPSettingService, AXP_MENU_PROVIDER, AXP_SETTING_DEFINITION_PROVIDER, AXP_SEARCH_PROVIDER } from '@acorex/platform/common';
 import { AXPEntityService, AXMEntityCrudServiceImpl, AXP_ENTITY_CONFIG_TOKEN, AXP_ENTITY_DEFINITION_LOADER } from '@acorex/platform/layout/entity';
 import * as i0 from '@angular/core';
-import { inject, Injector, Injectable, NgModule, ChangeDetectionStrategy, Component, signal, computed, viewChild, input, effect, ViewEncapsulation, afterNextRender, untracked, HostListener, HostBinding } from '@angular/core';
+import { inject, Injector, Injectable, NgModule, ChangeDetectionStrategy, Component, signal, computed, viewChild, input, effect, ViewEncapsulation, afterNextRender, untracked, HostListener } from '@angular/core';
 import { firstValueFrom } from 'rxjs';
 import * as i6 from '@acorex/platform/layout/builder';
 import { AXPWidgetsCatalog, AXPValueWidgetComponent, AXPLayoutBuilderModule, AXP_WIDGETS_ADVANCE_CATEGORY, AXPPageStatus, AXP_WIDGETS_EDITOR_CATEGORY } from '@acorex/platform/layout/builder';
@@ -46,7 +46,7 @@ import { AXMenuModule } from '@acorex/components/menu';
 import { AXDateTimeModule } from '@acorex/core/date-time';
 import * as i2$3 from '@acorex/core/format';
 import { AXFormatModule } from '@acorex/core/format';
-import { AXPLayoutThemeService, AXPThemeLayoutBlockComponent } from '@acorex/platform/themes/shared';
+import { AXPLayoutThemeService } from '@acorex/platform/themes/shared';
 import { castArray, get as get$1, set as set$1 } from 'lodash-es';
 import { AXDialogService } from '@acorex/components/dialog';
 import { AXPopupService } from '@acorex/components/popup';
@@ -55,9 +55,13 @@ import { AXBadgeModule } from '@acorex/components/badge';
 import { AXBreadcrumbsModule } from '@acorex/components/breadcrumbs';
 import * as i6$1 from '@acorex/components/search-box';
 import { AXSearchBoxModule } from '@acorex/components/search-box';
-import { AXPBasePageComponent, AXPPageLayoutComponent, AXPBasePage } from '@acorex/platform/themes/default';
+import { AXPPageLayoutBaseComponent, AXPPageLayoutComponent, AXPPageLayoutBase } from '@acorex/platform/layout/views';
+import * as i1$2 from '@acorex/platform/layout/components';
+import { AXPThemeLayoutBlockComponent, AXPComponentSlotModule, AXP_TASK_BADGE_PROVIDERS } from '@acorex/platform/layout/components';
 import { AXBasePageComponent } from '@acorex/components/page';
 import { AXUploaderService } from '@acorex/components/uploader';
+import { AXTextBoxModule } from '@acorex/components/text-box';
+import { AXCheckBoxModule } from '@acorex/components/check-box';
 
 const config = {
     i18n: 'document-management',
@@ -3213,7 +3217,7 @@ class AXMDocumentManagerService {
         }
     }
     async showFolderEditDialog(node) {
-        const comp = (await import('./acorex-modules-document-management-create-folder-dialog.component-CNvlm2Va.mjs'))
+        const comp = (await import('./acorex-modules-document-management-create-folder-dialog.component-5sFKSWlW.mjs'))
             .AXMCreateFolderDialog;
         const popup = await this.popupService.open(comp, {
             title: 't("actions.update-folder")',
@@ -3336,6 +3340,7 @@ class AXMDocumentManagerService {
             size: file.size,
             fileId: file.fileId,
             storageType: 'physical',
+            meta: file.meta,
         };
     }
     async createFile(data) {
@@ -3361,7 +3366,7 @@ class AXMDocumentManagerService {
         }
     }
     async showCreateFolderDialog(parentId) {
-        const comp = (await import('./acorex-modules-document-management-create-folder-dialog.component-CNvlm2Va.mjs'))
+        const comp = (await import('./acorex-modules-document-management-create-folder-dialog.component-5sFKSWlW.mjs'))
             .AXMCreateFolderDialog;
         const popup = await this.popupService.open(comp, {
             title: 't("actions.create-folder")',
@@ -3372,7 +3377,7 @@ class AXMDocumentManagerService {
         return popup.data?.folder;
     }
     async moveTo(options) {
-        const comp = (await import('./acorex-modules-document-management-drive-choose.component-CKMI_oKM.mjs')).AXMDocumentDriveChooseComponent;
+        const comp = (await import('./acorex-modules-document-management-drive-choose.component-C5JuGFud.mjs')).AXMDocumentDriveChooseComponent;
         //
         const popup = await this.popupService.open(comp, {
             title: `Choose ${options.browseMode == 'file' ? 'File' : 'Folder'}`,
@@ -3403,7 +3408,7 @@ class AXMDocumentManagerService {
         }
     }
     async copyTo(options) {
-        const comp = (await import('./acorex-modules-document-management-drive-choose.component-CKMI_oKM.mjs')).AXMDocumentDriveChooseComponent;
+        const comp = (await import('./acorex-modules-document-management-drive-choose.component-C5JuGFud.mjs')).AXMDocumentDriveChooseComponent;
         //
         const popup = await this.popupService.open(comp, {
             title: `Choose ${options.browseMode == 'file' ? 'File' : 'Folder'}`,
@@ -3496,7 +3501,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-BPU5NKy8.mjs'))
+        const comp = (await import('./acorex-modules-document-management-rename-node-dialog.component-BkilWP6k.mjs'))
             .AXMRenameNodeDialog;
         const popup = await this.popupService.open(comp, {
             title: 't("actions.rename")',
@@ -3544,7 +3549,7 @@ class AXMDocumentManagerService {
         return [...(await this.getAllFolders()), ...(await this.getAllFiles())];
     }
     async showChooseFileDialog(scope) {
-        const comp = (await import('./acorex-modules-document-management-drive-choose.component-CKMI_oKM.mjs')).AXMDocumentDriveChooseComponent;
+        const comp = (await import('./acorex-modules-document-management-drive-choose.component-C5JuGFud.mjs')).AXMDocumentDriveChooseComponent;
         const result = await this.popupService.open(comp, {
             title: `t("actions.choose-from-drive" , scope: {"${RootConfig.config.i18n}"})`,
             data: {
@@ -3702,6 +3707,45 @@ class AXMDocumentManagerService {
         }
         return false;
     }
+    async uploadFileVirtualByType(docType) {
+        const comp = (await Promise.resolve().then(function () { return index; })).AXMDocumentTypeChooseFileComponent;
+        const result = await this.popupService.open(comp, {
+            title: `Select ${docType.title}`,
+            data: {
+                documentType: docType,
+            },
+        });
+        const resultData = [];
+        if (result.data != null) {
+            const { uploads, ...metaContext } = result.data.context;
+            for (const u of uploads) {
+                const fileInfo = u;
+                await this.fileService.commit(u.fileId);
+                const file = await this.documentService.insertOne({
+                    fileId: fileInfo.fileId,
+                    meta: metaContext,
+                    parentId: 'virtual',
+                    size: fileInfo.size,
+                    name: fileInfo.name ?? '',
+                    title: fileInfo.name ?? '',
+                });
+                resultData.push({
+                    id: file,
+                    name: fileInfo.name ?? '',
+                    parentId: 'virtual',
+                    type: 'file',
+                    storageType: 'virtual',
+                    size: fileInfo.size,
+                    meta: metaContext,
+                    fileId: fileInfo.fileId
+                });
+            }
+            return resultData;
+        }
+        else {
+            return [];
+        }
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: AXMDocumentManagerService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: AXMDocumentManagerService, providedIn: 'root' }); }
 }
@@ -4136,6 +4180,7 @@ const AXPDocumentExplorerViewModel = signalStore({ providedIn: 'root' }, withSta
             patchState(store, {
                 files: store.currentFolderContents().files.filter((file) => !nodes.some((node) => node.name === file.name)),
             });
+            this.deselectAll();
         }
         else {
             const result = await driveService.showDeleteNodesDialog(nodes);
@@ -4254,13 +4299,13 @@ class AXMDocumentExplorerComponent {
         this.showContextMenu = input(true);
         this.view = signal(null);
         this.viewMap = {
-            list: async () => (await import('./acorex-modules-document-management-list-view.component-CGSls2hG.mjs')).AXMDocumentExplorerListViewComponent,
-            'small-tiles': async () => (await import('./acorex-modules-document-management-small-tiles-view.component-BnXo0uWh.mjs')).AXMDocumentExplorerSmallTilesViewComponent,
-            'large-tiles': async () => (await import('./acorex-modules-document-management-large-tiles-view.component-eymKR4xY.mjs')).AXMDocumentExplorerLargeTilesViewComponent,
-            details: async () => (await import('./acorex-modules-document-management-details-view.component-DE84Itc_.mjs')).AXMDocumentExplorerDetailsViewComponent,
-            'large-icons': async () => (await import('./acorex-modules-document-management-large-icons-view.component-BPY3z02r.mjs')).AXMDocumentExplorerLargeIconsViewComponent,
-            'small-icons': async () => (await import('./acorex-modules-document-management-small-icons-view.component-CYjLGCUJ.mjs')).AXMDocumentExplorerSmallIconsViewComponent,
-            'attachment': async () => (await import('./acorex-modules-document-management-attachment-widget.component-BHCuKbmu.mjs')).AXMDocumentExplorerAttachmentComponent,
+            list: async () => (await import('./acorex-modules-document-management-list-view.component-DZBjqWfy.mjs')).AXMDocumentExplorerListViewComponent,
+            'small-tiles': async () => (await import('./acorex-modules-document-management-small-tiles-view.component-Cs3CLt7l.mjs')).AXMDocumentExplorerSmallTilesViewComponent,
+            'large-tiles': async () => (await import('./acorex-modules-document-management-large-tiles-view.component-DYfROtQ9.mjs')).AXMDocumentExplorerLargeTilesViewComponent,
+            details: async () => (await import('./acorex-modules-document-management-details-view.component-CIJ5IBHD.mjs')).AXMDocumentExplorerDetailsViewComponent,
+            'large-icons': async () => (await import('./acorex-modules-document-management-large-icons-view.component-brzJaGRC.mjs')).AXMDocumentExplorerLargeIconsViewComponent,
+            'small-icons': async () => (await import('./acorex-modules-document-management-small-icons-view.component-Cx5uqw7R.mjs')).AXMDocumentExplorerSmallIconsViewComponent,
+            'attachment': async () => (await import('./acorex-modules-document-management-attachment-widget.component-DhGDpLBA.mjs')).AXMDocumentExplorerAttachmentComponent,
         };
         this.#effect = effect(() => {
             if (this.vm.loadingFolderId() == null) {
@@ -4851,7 +4896,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImpo
                     ], template: "<!--  Multiple Selected  -->\n@if(vm.hasMultipleSelectedItems()) {\n<div class=\"__header\" *translate=\"let t\">\n  <div class=\"__title\">\n    <i class=\"fa-fw fa-lg fa-solid\"></i>\n    <span> {{ vm.selectedCount() }} {{ t('itemsSelected', { scope: 'common' }) | async }}</span>\n  </div>\n  <ax-button [look]=\"'blank'\" class=\"ax-sm ax-rounded-full\" (onClick)=\"vm.closeDetailPanel()\">\n    <ax-icon icon=\"fa-solid fa-xmark\"></ax-icon>\n  </ax-button>\n</div>\n<div class=\"__content\"></div>\n}\n<!-- Single Selected -->\n@else {\n<!-- Info -->\n@let nodeInfo = vm.getNodeInfo((vm.selectedNode() ?? vm.currentFolder())!);\n<div class=\"__header\">\n  <div class=\"__title\">\n    <i class=\"fa-fw fa-lg {{ nodeInfo.icon }} fa-solid\"></i>\n    <span>{{ nodeInfo.name }}</span>\n  </div>\n  <ax-button [look]=\"'blank'\" class=\"ax-sm ax-rounded-full\" (onClick)=\"vm.closeDetailPanel()\">\n    <ax-icon icon=\"fa-solid fa-xmark\"></ax-icon>\n  </ax-button>\n</div>\n<div class=\"__content\">\n  @for(section of nodeInfo.sections; track section.title) {\n  <div class=\"__section\">\n    <div class=\"__title\">\n      <span>{{ section.title }}</span>\n    </div>\n    <div class=\"__content\">\n      @for(detail of section.details; track detail.title) {\n      <div class=\"__row\">\n        <div class=\"__title\">\n          <span>{{ detail.title }}</span>\n        </div>\n        <div class=\"__content\">\n          @if(detail.format) {\n          <span>{{ detail.content | format : detail.format | async }}</span>\n          } @else {\n          <span>{{ detail.content ?? '---' }}</span>\n          }\n        </div>\n      </div>\n      }\n    </div>\n  </div>\n  }\n</div>\n}\n", styles: ["axm-document-explorer-detail-panel{display:flex;flex-direction:column;border-radius:.5rem;border-width:1px;--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);background-color:rgb(var(--ax-sys-color-lightest-surface));color:rgb(var(--ax-sys-color-on-lightest-surface));border-color:rgb(var(--ax-sys-color-border-lightest-surface))}@media (min-width: 1024px){axm-document-explorer-detail-panel{min-width:20rem}}axm-document-explorer-detail-panel>.__header{display:flex;flex-direction:row;align-items:center;justify-content:space-between;border-bottom-width:1px;padding:1rem}axm-document-explorer-detail-panel>.__header>.__title{display:flex;width:90%;flex-direction:row;align-items:center;gap:.5rem}axm-document-explorer-detail-panel>.__header>.__title span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:start;font-weight:600;line-height:1.625}axm-document-explorer-detail-panel>.__content{display:flex;flex-direction:column}axm-document-explorer-detail-panel>.__content>:not([hidden])~:not([hidden]){--tw-divide-y-reverse: 0;border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px * var(--tw-divide-y-reverse))}axm-document-explorer-detail-panel>.__content>.__section{display:flex;flex-direction:column;padding:1rem}axm-document-explorer-detail-panel>.__content>.__section>.__title{margin-bottom:1rem;font-size:.875rem;line-height:1.25rem;font-weight:700}axm-document-explorer-detail-panel>.__content>.__section>.__content{display:flex;flex-direction:column;gap:1rem}axm-document-explorer-detail-panel>.__content>.__section>.__content>.__row{display:flex;flex-direction:column;gap:.25rem}axm-document-explorer-detail-panel>.__content>.__section>.__content>.__row>.__title{display:flex;font-size:.875rem;line-height:1.25rem;font-weight:600;opacity:.9}axm-document-explorer-detail-panel>.__content>.__section>.__content>.__row>.__content{display:flex;flex-direction:row;align-items:center;gap:.5rem}axm-document-explorer-detail-panel>.__content>.__section>.__content>.__row>.__content span{opacity:.7}\n"] }]
         }] });
 
-class AXMDocumentDriveComponent extends AXPBasePageComponent {
+class AXMDocumentDriveComponent extends AXPPageLayoutBaseComponent {
     constructor() {
         super(...arguments);
         //#region ----------------   Services & Dependencies   ----------------
@@ -5090,14 +5135,14 @@ class AXMDocumentDriveComponent extends AXPBasePageComponent {
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.10", type: AXMDocumentDriveComponent, isStandalone: true, selector: "axp-document-drive", host: { listeners: { "document:keydown.control": "handleCtrlKey($event)", "document:keyup.control": "handleCtrlKeyUp($event)" } }, providers: [
             AXPDocumentExplorerViewModel,
             {
-                provide: AXPBasePage,
+                provide: AXPPageLayoutBase,
                 useExisting: AXMDocumentDriveComponent,
             },
         ], viewQueries: [{ propertyName: "documentExplorer", first: true, predicate: AXMDocumentExplorerComponent, descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<!-- Main Layout -->\n<axp-page-layout *translate=\"let t\">\n  <axp-page-toolbar>\n    <!-- Left Side Toolbar -->\n    <axp-layout-prefix>\n      @if(vm.hasMultipleSelectedItems() ) {\n      <div class=\"ax-flex ax-gap-3 ax-items-center ax-h-10\">\n        <span class=\"ax-text-xl ax-font-bold\">\n          {{ vm.selectedCount() }} {{ t('itemsSelected', { scope: 'common' }) | async }}\n        </span>\n        <span (click)=\"vm.deselectAll()\" class=\"ax-text-sm ax-text-secondary ax-underline ax-cursor-pointer\">{{\n          t('unselect', { scope: 'common' }) | async\n        }}</span>\n      </div>\n      }\n      <!---------->\n      @else {\n      <!-- Filter Dropdown -->\n      <ax-button [text]=\"t(getFilterText(), { scope: rootConfig.config.i18n }) | async\">\n        <ax-prefix>\n          <ax-icon [icon]=\"getFilterIcon()\"></ax-icon>\n        </ax-prefix>\n\n        <ax-dropdown-panel>\n          <ax-button-item-list class=\"ax-p-2\">\n            @for(item of filterItems(); track item.key) {\n            <ax-button-item\n              (onClick)=\"setFilter(item.key)\"\n              [text]=\"(t(item.textKey, { scope: rootConfig.config.i18n }) | async)!\"\n            >\n              <ax-prefix>\n                <ax-icon [icon]=\"item.icon\"></ax-icon>\n              </ax-prefix>\n            </ax-button-item>\n            }\n          </ax-button-item-list>\n        </ax-dropdown-panel>\n      </ax-button>\n      <!-- Search Box -->\n      <ax-search-box\n        (onValueChanged)=\"handleSearchChange($event)\"\n        class=\"ax-w-72 ax-hidden md:ax-flex\"\n        [placeholder]=\"t('actions.search', { scope: rootConfig.config.i18n }) | async\"\n        ><ax-clear-button></ax-clear-button\n      ></ax-search-box>\n      }\n    </axp-layout-prefix>\n\n    <!-- Right Side Toolbar -->\n    <axp-layout-suffix>\n      <!-- Sort Dropdown -->\n      <ax-button>\n        <ax-icon\n          [icon]=\"'fa-light fa-arrow-' + (vm.sortDirection() === 'asc' ? 'up' : 'down') + '-wide-short'\"\n        ></ax-icon>\n        <ax-dropdown-panel>\n          <ax-button-item-list>\n            <!-- Sort By Options -->\n            @for(item of sortItems(); track item.key) {\n            <ax-button-item\n              [text]=\"(t(item.textKey, { scope: rootConfig.config.i18n }) | async)!\"\n              (onClick)=\"vm.setSortField(item.key)\"\n              [selected]=\"vm.sortField() === item.key\"\n            >\n              <ax-prefix>\n                <ax-icon [icon]=\"item.icon\"></ax-icon>\n              </ax-prefix>\n            </ax-button-item>\n            }\n            <ax-divider></ax-divider>\n            <!-- Sort Direction Options -->\n            <ax-button-item\n              [text]=\"(t('actions.sort-ascending', { scope: rootConfig.config.i18n }) | async)!\"\n              [selected]=\"vm.sortDirection() === 'asc'\"\n              (onClick)=\"vm.setSortDirection('asc')\"\n            >\n              <ax-prefix>\n                <ax-icon icon=\"fa-light fa-arrow-up-wide-short\"></ax-icon>\n              </ax-prefix>\n            </ax-button-item>\n            <ax-button-item\n              [text]=\"(t('actions.sort-descending', { scope: rootConfig.config.i18n }) | async)!\"\n              [selected]=\"vm.sortDirection() === 'desc'\"\n              (onClick)=\"vm.setSortDirection('desc')\"\n            >\n              <ax-prefix>\n                <ax-icon icon=\"fa-light fa-arrow-down-wide-short\"></ax-icon>\n              </ax-prefix>\n            </ax-button-item>\n          </ax-button-item-list>\n        </ax-dropdown-panel>\n      </ax-button>\n\n      <!-- View Mode Toggle -->\n      <ax-button>\n        <ax-icon icon=\"fa-light {{ selectedViewMode().icon }}\"></ax-icon>\n        <ax-dropdown-panel>\n          <ax-button-item-list>\n            @for(item of viewsItems(); track item.key) {\n            <!-- view mode items -->\n            <ax-button-item\n              [text]=\"(t('view-modes.' + item.key, { scope: rootConfig.config.i18n }) | async)!\"\n              [selected]=\"vm.isViewMode(item.key)\"\n              (onClick)=\"vm.setViewMode(item.key)\"\n            >\n              <ax-prefix>\n                <ax-icon icon=\"fa-light {{ item.icon }}\"></ax-icon>\n              </ax-prefix>\n            </ax-button-item>\n            @if(item.break) {\n            <ax-divider></ax-divider>\n            }\n            <!-- end of view mode items -->\n            }\n          </ax-button-item-list>\n        </ax-dropdown-panel>\n      </ax-button>\n\n      @if(layoutService.isLarge()) {\n      <!-- Detail Panel Toggle -->\n      <ax-button (onClick)=\"vm.toggleDetailPanel()\">\n        <ax-icon icon=\"{{ vm.isDetailPanelOpen() ? 'fa-solid fa-square-info' : 'fa-light fa-square-info' }}\"></ax-icon>\n      </ax-button>\n      }\n    </axp-layout-suffix>\n  </axp-page-toolbar>\n\n  <!-- Content Section -->\n  <axp-page-content class=\"ax-overflow-auto ax-flex ax-flex-row ax-gap-4\">\n    <axm-document-explorer [selectionMode]=\"selectionMode()\"></axm-document-explorer>\n    @if (vm.isDetailPanelOpen() && layoutService.isLarge()) {\n    <axm-document-explorer-detail-panel class=\"ax-sticky ax-top-0 ax-z-50\"></axm-document-explorer-detail-panel>\n    }\n  </axp-page-content>\n\n  <!-- Footer Section -->\n  @if(!layoutService.isSmall()) {\n  <axp-page-footer>\n    <axp-layout-prefix>\n      <axm-folder-path-breadcrumbs></axm-folder-path-breadcrumbs>\n    </axp-layout-prefix>\n  </axp-page-footer>\n  }\n</axp-page-layout>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "ngmodule", type: RouterModule }, { kind: "ngmodule", type: 
                 //
                 AXMenuModule }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i2$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: 
                 //
-                AXPPageLayoutComponent, selector: "axp-page-layout" }, { kind: "component", type: AXPThemeLayoutBlockComponent, selector: "    axp-page-content,     axp-page-footer,    axp-page-header,    axp-page-toolbar,    axp-layout-content,     axp-layout-page-content,     axp-layout-sections,    axp-layout-body,    axp-layout-container,    axp-layout-page-body,    axp-layout-prefix,    axp-layout-suffix,    axp-layout-title-bar,    axp-layout-title,     axp-layout-title-actions,     axp-layout-nav-button,     axp-layout-description,     axp-layout-breadcrumbs,    axp-layout-list-action,    " }, { kind: "component", type: 
+                AXPPageLayoutComponent, selector: "axp-page-layout" }, { kind: "component", type: AXPThemeLayoutBlockComponent, selector: "    axp-page-content,     axp-page-footer-container,    axp-page-footer,    axp-page-header,    axp-page-header-container,    axp-page-toolbar,    axp-layout-content,     axp-layout-page-content,     axp-layout-sections,    axp-layout-body,    axp-layout-page-body,    axp-layout-prefix,    axp-layout-suffix,    axp-layout-title-bar,    axp-layout-title,     axp-layout-title-actions,     axp-layout-nav-button,     axp-layout-description,     axp-layout-breadcrumbs,    axp-layout-list-action,    " }, { kind: "component", type: 
                 //
                 AXMDocumentExplorerComponent, selector: "axm-document-explorer", inputs: ["browseMode", "viewMode", "selectionMode", "showContextMenu"] }, { kind: "component", type: AXMFolderPathBreadcrumbsComponent, selector: "axm-folder-path-breadcrumbs" }, { kind: "component", type: AXMDocumentExplorerDetailPanelComponent, selector: "axm-document-explorer-detail-panel" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
@@ -5131,7 +5176,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImpo
                     ], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [
                         AXPDocumentExplorerViewModel,
                         {
-                            provide: AXPBasePage,
+                            provide: AXPPageLayoutBase,
                             useExisting: AXMDocumentDriveComponent,
                         },
                     ], template: "<!-- Main Layout -->\n<axp-page-layout *translate=\"let t\">\n  <axp-page-toolbar>\n    <!-- Left Side Toolbar -->\n    <axp-layout-prefix>\n      @if(vm.hasMultipleSelectedItems() ) {\n      <div class=\"ax-flex ax-gap-3 ax-items-center ax-h-10\">\n        <span class=\"ax-text-xl ax-font-bold\">\n          {{ vm.selectedCount() }} {{ t('itemsSelected', { scope: 'common' }) | async }}\n        </span>\n        <span (click)=\"vm.deselectAll()\" class=\"ax-text-sm ax-text-secondary ax-underline ax-cursor-pointer\">{{\n          t('unselect', { scope: 'common' }) | async\n        }}</span>\n      </div>\n      }\n      <!---------->\n      @else {\n      <!-- Filter Dropdown -->\n      <ax-button [text]=\"t(getFilterText(), { scope: rootConfig.config.i18n }) | async\">\n        <ax-prefix>\n          <ax-icon [icon]=\"getFilterIcon()\"></ax-icon>\n        </ax-prefix>\n\n        <ax-dropdown-panel>\n          <ax-button-item-list class=\"ax-p-2\">\n            @for(item of filterItems(); track item.key) {\n            <ax-button-item\n              (onClick)=\"setFilter(item.key)\"\n              [text]=\"(t(item.textKey, { scope: rootConfig.config.i18n }) | async)!\"\n            >\n              <ax-prefix>\n                <ax-icon [icon]=\"item.icon\"></ax-icon>\n              </ax-prefix>\n            </ax-button-item>\n            }\n          </ax-button-item-list>\n        </ax-dropdown-panel>\n      </ax-button>\n      <!-- Search Box -->\n      <ax-search-box\n        (onValueChanged)=\"handleSearchChange($event)\"\n        class=\"ax-w-72 ax-hidden md:ax-flex\"\n        [placeholder]=\"t('actions.search', { scope: rootConfig.config.i18n }) | async\"\n        ><ax-clear-button></ax-clear-button\n      ></ax-search-box>\n      }\n    </axp-layout-prefix>\n\n    <!-- Right Side Toolbar -->\n    <axp-layout-suffix>\n      <!-- Sort Dropdown -->\n      <ax-button>\n        <ax-icon\n          [icon]=\"'fa-light fa-arrow-' + (vm.sortDirection() === 'asc' ? 'up' : 'down') + '-wide-short'\"\n        ></ax-icon>\n        <ax-dropdown-panel>\n          <ax-button-item-list>\n            <!-- Sort By Options -->\n            @for(item of sortItems(); track item.key) {\n            <ax-button-item\n              [text]=\"(t(item.textKey, { scope: rootConfig.config.i18n }) | async)!\"\n              (onClick)=\"vm.setSortField(item.key)\"\n              [selected]=\"vm.sortField() === item.key\"\n            >\n              <ax-prefix>\n                <ax-icon [icon]=\"item.icon\"></ax-icon>\n              </ax-prefix>\n            </ax-button-item>\n            }\n            <ax-divider></ax-divider>\n            <!-- Sort Direction Options -->\n            <ax-button-item\n              [text]=\"(t('actions.sort-ascending', { scope: rootConfig.config.i18n }) | async)!\"\n              [selected]=\"vm.sortDirection() === 'asc'\"\n              (onClick)=\"vm.setSortDirection('asc')\"\n            >\n              <ax-prefix>\n                <ax-icon icon=\"fa-light fa-arrow-up-wide-short\"></ax-icon>\n              </ax-prefix>\n            </ax-button-item>\n            <ax-button-item\n              [text]=\"(t('actions.sort-descending', { scope: rootConfig.config.i18n }) | async)!\"\n              [selected]=\"vm.sortDirection() === 'desc'\"\n              (onClick)=\"vm.setSortDirection('desc')\"\n            >\n              <ax-prefix>\n                <ax-icon icon=\"fa-light fa-arrow-down-wide-short\"></ax-icon>\n              </ax-prefix>\n            </ax-button-item>\n          </ax-button-item-list>\n        </ax-dropdown-panel>\n      </ax-button>\n\n      <!-- View Mode Toggle -->\n      <ax-button>\n        <ax-icon icon=\"fa-light {{ selectedViewMode().icon }}\"></ax-icon>\n        <ax-dropdown-panel>\n          <ax-button-item-list>\n            @for(item of viewsItems(); track item.key) {\n            <!-- view mode items -->\n            <ax-button-item\n              [text]=\"(t('view-modes.' + item.key, { scope: rootConfig.config.i18n }) | async)!\"\n              [selected]=\"vm.isViewMode(item.key)\"\n              (onClick)=\"vm.setViewMode(item.key)\"\n            >\n              <ax-prefix>\n                <ax-icon icon=\"fa-light {{ item.icon }}\"></ax-icon>\n              </ax-prefix>\n            </ax-button-item>\n            @if(item.break) {\n            <ax-divider></ax-divider>\n            }\n            <!-- end of view mode items -->\n            }\n          </ax-button-item-list>\n        </ax-dropdown-panel>\n      </ax-button>\n\n      @if(layoutService.isLarge()) {\n      <!-- Detail Panel Toggle -->\n      <ax-button (onClick)=\"vm.toggleDetailPanel()\">\n        <ax-icon icon=\"{{ vm.isDetailPanelOpen() ? 'fa-solid fa-square-info' : 'fa-light fa-square-info' }}\"></ax-icon>\n      </ax-button>\n      }\n    </axp-layout-suffix>\n  </axp-page-toolbar>\n\n  <!-- Content Section -->\n  <axp-page-content class=\"ax-overflow-auto ax-flex ax-flex-row ax-gap-4\">\n    <axm-document-explorer [selectionMode]=\"selectionMode()\"></axm-document-explorer>\n    @if (vm.isDetailPanelOpen() && layoutService.isLarge()) {\n    <axm-document-explorer-detail-panel class=\"ax-sticky ax-top-0 ax-z-50\"></axm-document-explorer-detail-panel>\n    }\n  </axp-page-content>\n\n  <!-- Footer Section -->\n  @if(!layoutService.isSmall()) {\n  <axp-page-footer>\n    <axp-layout-prefix>\n      <axm-folder-path-breadcrumbs></axm-folder-path-breadcrumbs>\n    </axp-layout-prefix>\n  </axp-page-footer>\n  }\n</axp-page-layout>\n" }]
@@ -5157,13 +5202,17 @@ class AXMDocumentAttachmentWidgetEditComponent extends AXPValueWidgetComponent {
         this.fileService = inject(AXFileService);
         this.fileStorageService = inject(AXPFileStorageService);
         this.driveService = inject(AXMDocumentManagerService);
+        this.documentTypeService = inject(AXMDocumentTypeService);
         this.documentExplorer = viewChild(AXMDocumentExplorerComponent);
         this.scopes = AXPPlatformScope;
         this.actions = computed(() => this.options()['actions'] ?? []);
         this.multiple = computed(() => this.options()['multiple']);
         this.entity = computed(() => this.options()['entity']);
         this.entityRecordId = computed(() => this.options()['record']);
-        this.documentTypes = computed(() => this.options()['types']);
+        // Store just the type names as computed
+        this.documentTypeNames = computed(() => (this.options()['types'] ?? []));
+        // Store the full document type models as a signal
+        this.documentTypes = signal([]);
     }
     async ngOnDestroy() {
         const status = this.layoutService.status();
@@ -5216,6 +5265,24 @@ class AXMDocumentAttachmentWidgetEditComponent extends AXPValueWidgetComponent {
     async ngOnInit() {
         console.log('entityRecordId: ', this.entityRecordId());
         super.ngOnInit();
+        // Load document types if type names are provided
+        if (this.documentTypeNames().length > 0) {
+            try {
+                // Get all document types using query
+                const result = await this.documentTypeService.query({
+                    skip: 0,
+                    take: 100,
+                });
+                // Filter to only the types we need
+                // TODO fix with contains filter
+                const filteredTypes = result.items.filter((type) => this.documentTypeNames().includes(type.name));
+                this.documentTypes.set(filteredTypes);
+            }
+            catch (error) {
+                console.error('Error loading document types:', error);
+                this.documentTypes.set([]);
+            }
+        }
         const files = await this.driveService.getAllFiles({
             skip: 0,
             take: 1000,
@@ -5253,28 +5320,35 @@ class AXMDocumentAttachmentWidgetEditComponent extends AXPValueWidgetComponent {
         const exists = this.vm.files();
         await this.updateContents([...exists, ...result]);
     }
-    async uploadFromComputer() {
-        const files = await this.fileService.choose();
-        const allFiles = this.vm.files();
-        for await (const file of files) {
-            const f = await this.fileStorageService.save({
-                file: file,
-                category: '',
-                refId: this.entityRecordId(),
-                refType: this.entity(),
-            });
-            allFiles.push({
-                id: f.fileId,
-                fileId: f.fileId,
-                //  name: `test.${f.mimeType.split('/')[1]}`,
-                name: file.name,
-                size: f.size,
-                parentId: 'virtual',
-                type: 'file',
-                storageType: 'virtual',
-            });
+    async uploadFromComputer(documentType) {
+        if (documentType) {
+            const result = await this.driveService.uploadFileVirtualByType(documentType);
+            await this.updateContents([...this.vm.files(), ...result]);
+        }
+        else {
+            // Use the direct file upload approach when no document type is specified
+            const files = await this.fileService.choose();
+            const allFiles = this.vm.files();
+            for await (const file of files) {
+                const f = await this.fileStorageService.save({
+                    file: file,
+                    category: '',
+                    refId: this.entityRecordId(),
+                    refType: this.entity(),
+                });
+                allFiles.push({
+                    id: f.fileId,
+                    fileId: f.fileId,
+                    name: file.name,
+                    size: f.size,
+                    parentId: 'virtual',
+                    type: 'file',
+                    storageType: 'virtual',
+                    description: undefined
+                });
+            }
+            await this.updateContents(allFiles);
         }
-        await this.updateContents(allFiles);
     }
     async updateContents(files) {
         if (this.multiple()) {
@@ -5300,7 +5374,6 @@ class AXMDocumentAttachmentWidgetEditComponent extends AXPValueWidgetComponent {
                 allFiles.push({
                     id: f.fileId,
                     fileId: f.fileId,
-                    //  name: `test.${f.mimeType.split('/')[1]}`,
                     name: result.name,
                     size: f.size,
                     parentId: 'virtual',
@@ -5315,16 +5388,8 @@ class AXMDocumentAttachmentWidgetEditComponent extends AXPValueWidgetComponent {
             console.error('Error in action callback:', error);
         }
     }
-    get __class() {
-        const cls = {};
-        cls[`ax-rounded-md`] = true;
-        cls[`ax-border-2`] = true;
-        cls[`ax-border-2`] = true;
-        cls[`ax-p-4`] = true;
-        return cls;
-    }
     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", host: { properties: { "class": "this.__class" } }, providers: [AXPDocumentExplorerViewModel], viewQueries: [{ propertyName: "documentExplorer", first: true, predicate: AXMDocumentExplorerComponent, descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"ax-flex ax-flex-col ax-gap-3\" *translate=\"let t\">\n  <!-- Header Section -->\n  <div class=\"ax-flex ax-flex-row ax-justify-between ax-items-center\">\n    <!-- Selection Actions -->\n    @if(vm.hasMultipleSelectedItems() ) {\n    <div class=\"ax-flex ax-gap-3 ax-items-center\">\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      <ax-button (onClick)=\"vm.deleteNodes(vm.selectedNodes())\" [text]=\"'delete'\" [color]=\"'danger'\"></ax-button>\n    </div>\n    } @else {\n    <div></div>\n    }\n    <!-- Primary Actions -->\n    <div class=\"ax-flex ax-justify-end\">\n      <ax-button [text]=\"t('actions.add-item', { scope: rootConfig.config.i18n }) | async\" [color]=\"'primary'\">\n        <ax-prefix>\n          <ax-icon icon=\"fa-light  fa-plus\"></ax-icon>\n        </ax-prefix>\n        <ax-dropdown-panel>\n          <!-- Upload Dropdown -->\n          <ax-button-item-list>\n            <ax-button-item\n              (onClick)=\"uploadFromComputer()\"\n              [text]=\"(t('actions.upload-from-device', { scope: rootConfig.config.i18n }) | async)!\"\n            >\n              <ax-prefix>\n                <ax-icon icon=\"fa-light fa-file-arrow-up\"></ax-icon>\n              </ax-prefix>\n            </ax-button-item>\n\n            <ax-divider></ax-divider>\n\n            <ax-button-item\n              (onClick)=\"chooseFromDrive(scopes.User)\"\n              [text]=\"(t('actions.choose-from-drive', { scope: rootConfig.config.i18n }) | async)!\"\n            >\n              <ax-prefix>\n                <ax-icon icon=\"fa-light fa-file-arrow-up\"></ax-icon>\n              </ax-prefix>\n            </ax-button-item>\n            <ax-button-item\n              (onClick)=\"chooseFromDrive(scopes.Tenant)\"\n              [text]=\"(t('actions.choose-from-organization', { scope: rootConfig.config.i18n }) | async)!\"\n            >\n              <ax-prefix>\n                <ax-icon icon=\"fa-light fa-file-arrow-up\"></ax-icon>\n              </ax-prefix>\n            </ax-button-item>\n\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    </div>\n  </div>\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$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 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: AXMDocumentAttachmentWidgetEditComponent, decorators: [{
             type: Component,
@@ -5338,11 +5403,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImpo
                         AXTranslationModule,
                         AXButtonModule,
                         AXButtonGroupModule,
-                    ], providers: [AXPDocumentExplorerViewModel], template: "<div class=\"ax-flex ax-flex-col ax-gap-3\" *translate=\"let t\">\n  <!-- Header Section -->\n  <div class=\"ax-flex ax-flex-row ax-justify-between ax-items-center\">\n    <!-- Selection Actions -->\n    @if(vm.hasMultipleSelectedItems() ) {\n    <div class=\"ax-flex ax-gap-3 ax-items-center\">\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      <ax-button (onClick)=\"vm.deleteNodes(vm.selectedNodes())\" [text]=\"'delete'\" [color]=\"'danger'\"></ax-button>\n    </div>\n    } @else {\n    <div></div>\n    }\n    <!-- Primary Actions -->\n    <div class=\"ax-flex ax-justify-end\">\n      <ax-button [text]=\"t('actions.add-item', { scope: rootConfig.config.i18n }) | async\" [color]=\"'primary'\">\n        <ax-prefix>\n          <ax-icon icon=\"fa-light  fa-plus\"></ax-icon>\n        </ax-prefix>\n        <ax-dropdown-panel>\n          <!-- Upload Dropdown -->\n          <ax-button-item-list>\n            <ax-button-item\n              (onClick)=\"uploadFromComputer()\"\n              [text]=\"(t('actions.upload-from-device', { scope: rootConfig.config.i18n }) | async)!\"\n            >\n              <ax-prefix>\n                <ax-icon icon=\"fa-light fa-file-arrow-up\"></ax-icon>\n              </ax-prefix>\n            </ax-button-item>\n\n            <ax-divider></ax-divider>\n\n            <ax-button-item\n              (onClick)=\"chooseFromDrive(scopes.User)\"\n              [text]=\"(t('actions.choose-from-drive', { scope: rootConfig.config.i18n }) | async)!\"\n            >\n              <ax-prefix>\n                <ax-icon icon=\"fa-light fa-file-arrow-up\"></ax-icon>\n              </ax-prefix>\n            </ax-button-item>\n            <ax-button-item\n              (onClick)=\"chooseFromDrive(scopes.Tenant)\"\n              [text]=\"(t('actions.choose-from-organization', { scope: rootConfig.config.i18n }) | async)!\"\n            >\n              <ax-prefix>\n                <ax-icon icon=\"fa-light fa-file-arrow-up\"></ax-icon>\n              </ax-prefix>\n            </ax-button-item>\n\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    </div>\n  </div>\n  <axm-document-explorer\n    [showContextMenu]=\"false\"\n    [viewMode]=\"'attachment'\"\n    [selectionMode]=\"'multiple'\"\n  ></axm-document-explorer>\n</div>\n" }]
-        }], propDecorators: { __class: [{
-                type: HostBinding,
-                args: ['class']
-            }] } });
+                    ], providers: [AXPDocumentExplorerViewModel], template: "<div class=\"ax-flex ax-flex-col ax-gap-3 ax-rounded-md ax-border\" *translate=\"let t\">\n  <!-- Header Section -->\n  <div class=\"ax-flex ax-flex-row ax-justify-between ax-items-center ax-border-b ax-px-4 ax-py-2\">\n    <!-- Selection Info (side left) -->\n    <div>\n      @if(vm.hasMultipleSelectedItems()) {\n        <div class=\"ax-flex ax-gap-3 ax-items-center\">\n          <span class=\"ax-text-sm ax-font-bold\">\n            {{ vm.selectedCount() }} {{ t('itemsSelected', { scope: 'common' }) | async }}\n          </span>\n          <span (click)=\"vm.deselectAll()\" class=\"ax-text-xs ax-text-secondary ax-underline ax-cursor-pointer\">\n            {{ t('unselect', { scope: 'common' }) | async }}\n          </span>\n        </div>\n      }\n    </div>\n    <!-- Actions (side right) -->\n    <div class=\"ax-flex ax-justify-end\">\n      @if(!vm.hasMultipleSelectedItems()) {\n        <!-- Add Item Button -->\n        <ax-button class=\"ax-sm\" [text]=\"t('actions.add-item', { scope: rootConfig.config.i18n }) | async\" [color]=\"'primary'\">\n          <ax-prefix>\n            <ax-icon icon=\"fa-light  fa-plus\"></ax-icon>\n          </ax-prefix>\n          <ax-dropdown-panel>\n            <!-- Upload Dropdown -->\n            <ax-button-item-list>\n              @if (documentTypes().length === 0) {\n                <ax-button-item\n                  (onClick)=\"uploadFromComputer()\"\n                  [text]=\"(t('actions.upload-from-device', { scope: rootConfig.config.i18n }) | async)!\"\n                >\n                  <ax-prefix>\n                    <ax-icon icon=\"fa-light fa-file-arrow-up\"></ax-icon>\n                  </ax-prefix>\n                </ax-button-item>\n              } @else {\n                @for (docType of documentTypes(); track docType.id) {\n                  <ax-button-item\n                    (onClick)=\"uploadFromComputer(docType)\"\n                    [text]=\"docType.title\"\n                  >\n                    <ax-prefix>\n                      <ax-icon icon=\"fa-light fa-file-arrow-up\"></ax-icon>\n                    </ax-prefix>\n                  </ax-button-item>\n                }\n              }\n\n              <ax-divider></ax-divider>\n\n              <ax-button-item\n                (onClick)=\"chooseFromDrive(scopes.User)\"\n                [text]=\"(t('actions.choose-from-drive', { scope: rootConfig.config.i18n }) | async)!\"\n              >\n                <ax-prefix>\n                  <ax-icon icon=\"fa-light fa-folder-open\"></ax-icon>\n                </ax-prefix>\n              </ax-button-item>\n              <ax-button-item\n                (onClick)=\"chooseFromDrive(scopes.Tenant)\"\n                [text]=\"(t('actions.choose-from-organization', { scope: rootConfig.config.i18n }) | async)!\"\n              >\n                <ax-prefix>\n                  <ax-icon icon=\"fa-light fa-building\"></ax-icon>\n                </ax-prefix>\n              </ax-button-item>\n\n              @for (action of actions(); track action.name) {\n              <ax-button-item (onClick)=\"handleActionCallback(action)\" [text]=\"action.title\">\n                <ax-prefix>\n                  <ax-icon [icon]=\"action.icon\"></ax-icon>\n                </ax-prefix>\n              </ax-button-item>\n              }\n            </ax-button-item-list>\n          </ax-dropdown-panel>\n        </ax-button>\n      } @else {\n        <!-- Delete Button -->\n        <ax-button class=\"ax-sm\" (onClick)=\"vm.deleteNodes(vm.selectedNodes())\" [text]=\"'delete'\" [color]=\"'danger'\"></ax-button>\n      }\n    </div>\n  </div>\n  \n  <axm-document-explorer\n    [showContextMenu]=\"false\"\n    [viewMode]=\"'attachment'\"\n    [selectionMode]=\"'multiple'\"\n  ></axm-document-explorer>\n</div>\n" }]
+        }] });
 
 var documentAttachmentWidgetEdit_component = /*#__PURE__*/Object.freeze({
     __proto__: null,
@@ -5507,6 +5569,62 @@ class AXMTaskBadgeProviderSample2 {
     }
 }
 
+class AXPFileUploaderWidgetExtensionComponent {
+    ngOnInit() {
+    }
+    ngOnDestroy() {
+    }
+    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>\n<ax-button-item\n    [text]=\"'actions.upload-from-device'\"\n    >\n    <ax-prefix>\n    <ax-icon icon=\"fa-light fa-file-arrow-up\"></ax-icon>\n    </ax-prefix>\n</ax-button-item>", styles: [""], dependencies: [{ kind: "ngmodule", type: 
+                // Angular
+                CommonModule }, { kind: "ngmodule", type: 
+                // ACoreX
+                AXFormModule }, { kind: "ngmodule", type: AXTextBoxModule }, { 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: "ngmodule", type: AXLabelModule }, { 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: AXCheckBoxModule }], 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', imports: [
+                        // Angular
+                        CommonModule,
+                        // ACoreX
+                        AXFormModule,
+                        AXTextBoxModule,
+                        AXButtonModule,
+                        AXLabelModule,
+                        AXDecoratorModule,
+                        AXCheckBoxModule,
+                        // Platform
+                    ], encapsulation: ViewEncapsulation.None, providers: [], template: "<ax-divider></ax-divider>\n<ax-button-item\n    [text]=\"'actions.upload-from-device'\"\n    >\n    <ax-prefix>\n    <ax-icon icon=\"fa-light fa-file-arrow-up\"></ax-icon>\n    </ax-prefix>\n</ax-button-item>" }]
+        }] });
+
+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 = [
@@ -5533,7 +5651,9 @@ 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,
@@ -5567,7 +5687,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-DROTONyx.mjs')).AXMPermissionDefinitionProvider;
+                    const provider = (await import('./acorex-modules-document-management-permission-definition.provider-DoVsp7nL.mjs')).AXMPermissionDefinitionProvider;
                     return new provider(injector);
                 },
                 multi: true,
@@ -5587,7 +5707,9 @@ class AXMDocumentManagementModule {
                 multi: true,
                 useFactory: routesFacory,
             },
-        ], imports: [AXMDocumentManagementDocumentTypeStatusDefinitionEntityModule,
+        ], imports: [AXMDriveChooseModule,
+            //
+            AXMDocumentManagementDocumentTypeStatusDefinitionEntityModule,
             AXMDocumentManagementDocumentTypeMetaValueEntityModule,
             AXMDocumentManagementDocumentTypeMetaDefinitionEntityModule,
             AXMDocumentManagementDocumentTypeEntityModule,
@@ -5612,6 +5734,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImpo
             type: NgModule,
             args: [{
                     imports: [
+                        AXMDriveChooseModule,
+                        //
                         AXMDocumentManagementDocumentTypeStatusDefinitionEntityModule,
                         AXMDocumentManagementDocumentTypeMetaValueEntityModule,
                         AXMDocumentManagementDocumentTypeMetaDefinitionEntityModule,
@@ -5663,7 +5787,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-DROTONyx.mjs')).AXMPermissionDefinitionProvider;
+                                const provider = (await import('./acorex-modules-document-management-permission-definition.provider-DoVsp7nL.mjs')).AXMPermissionDefinitionProvider;
                                 return new provider(injector);
                             },
                             multi: true,
@@ -5692,4 +5816,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-k2QMxYk9.mjs.map
+//# sourceMappingURL=acorex-modules-document-management-acorex-modules-document-management-MoAj_IYQ.mjs.map