@acorex-platform/module-document-management-client 0.0.32 → 0.0.37

package/fesm2022/{acorex-platform-module-document-management-client-acorex-platform-module-document-management-client-EXw7ezd3.mjs → acorex-platform-module-document-management-client-acorex-platform-module-document-management-client-DHcNgw3P.mjs}

@@ -2,7 +2,7 @@ import { AXPTaskBadgeProvider, resolveFileChooserExtension, AXPFileChooserServic
 import { AXPEntityService, resolveEntityPluginDetailPageOrder, ensureListActions, AXPEntityDefinitionRegistryService, AXPMiddlewareAbortError, AXP_ENTITY_CONFIG_TOKEN, AXP_ENTITY_ACTION_PLUGIN, AXP_ENTITY_STORAGE_MIDDLEWARE } from '@acorex-platform/framework-client/layout/entity';
 import { AXPEntityBroadcastService, AXPHookService, AXPDataGenerator as AXPDataGenerator$1, AXPDeviceService, AXPExpressionEvaluatorService, AXPDebugService, AXP_MODULE_MANIFEST_PROVIDER, AXP_FEATURE_DEFINITION_PROVIDER, AXP_DISTRIBUTED_EVENT_LISTENER_PROVIDER } from '@acorex-platform/framework-client/core';
 import { RootConfig, AXPDocumentManagementFeatureKeys, AXPContentDocumentsPermissionKeys, AXPDocumentManagementMenuKeys, AXPDocumentManagementSettings } from '@acorex-platform/module-document-management-client/contracts';
-import { AXPSearchCommandProvider, createEntitySearchCommand, AXPFileTypeProviderService, AXP_FILE_TYPE_INFO_PROVIDER, extractRequestErrorInfo, platformErrorI18nKey, AXPFileStorageService, AXPFilterOperatorMiddlewareService, resolveExplorerFileDisplayName, tryOpenFileByCatalogType, createFileTypeOpenContext, GALLERY_MEDIA_EXTENSIONS, isFileNameShownInViewer, normalizeDocumentToFileListItem, UploadFromComputerActionProvider, AXP_FILE_ACTION_PROVIDER, hasFileTypeOpenHandler, resolveFileTypeDisplay, AXPSettingsService, AXPLockService, AXP_PROTECTED_ROUTE_GUARDS, AXP_STATUS_PROVIDERS, AXP_MENU_PROVIDER, AXP_SEARCH_PROVIDER, AXP_SETTING_DEFINITION_PROVIDER } from '@acorex-platform/framework-client/common';
+import { AXPSearchCommandProvider, createEntitySearchCommand, AXPFileTypeProviderService, AXP_FILE_TYPE_INFO_PROVIDER, extractRequestErrorInfo, platformErrorI18nKey, AXPFileStorageService, AXPFilterOperatorMiddlewareService, resolveExplorerFileDisplayName, tryOpenFileByCatalogType, createFileTypeOpenContext, FILE_VIEWER_PREVIEW_EXTENSIONS, isFileNameShownInViewer, normalizeDocumentToFileListItem, UploadFromComputerActionProvider, AXP_FILE_ACTION_PROVIDER, hasFileTypeOpenHandler, resolveFileTypeDisplay, AXPSettingsService, AXPLockService, AXP_PROTECTED_ROUTE_GUARDS, AXP_STATUS_PROVIDERS, AXP_MENU_PROVIDER, AXP_SEARCH_PROVIDER, AXP_SETTING_DEFINITION_PROVIDER } from '@acorex-platform/framework-client/common';
 import { AXPSessionService, AXP_PERMISSION_DEFINITION_PROVIDER } from '@acorex-platform/framework-client/auth';
 import * as i0 from '@angular/core';
 import { Injectable, inject, DestroyRef, signal, ChangeDetectionStrategy, Component, NgModule, viewChild, computed, Injector, PLATFORM_ID, input, effect, ViewEncapsulation, untracked, HostListener } from '@angular/core';
@@ -10,27 +10,26 @@ import { AXPCommonPermissionGroupKeys, AXPCommonMenuKeys, AXPCommonCommandKeys }
 import { firstValueFrom, combineLatest } from 'rxjs';
 import { AXPCommandEventsService, AXPCommandService, AXPQueryService, provideCommandSetups } from '@acorex-platform/framework-client/runtime';
 import { AXPWidgetsList, AXPSystemStatusType, AXPStatusProvider, systemStatusToDefinition, AXPPlatformScope, AXPDataGenerator, AXP_QUERY_QUICK_SEARCH_FIELD, runtimeCommandPayloadData, runtimeQueryPayloadData, runtimeQueryCollectionData, AXPRegionalSetting, getSmart, AXP_PLATFORM_ERROR_CODES, resolvePlatformScopeKey, resolvePlatformScopeName } from '@acorex-platform/framework-shared/core';
-import * as i7 from '@acorex-platform/framework-client/layout/widget-core';
+import * as i6 from '@acorex-platform/framework-client/layout/widget-core';
 import { AXPValueWidgetComponent, AXPWidgetCoreModule, AXP_WIDGETS_ADVANCE_CATEGORY, AXP_WIDGET_DEFINITION_PROVIDER } from '@acorex-platform/framework-client/layout/widget-core';
 import * as i1$1 from '@acorex/core/file';
 import { AX_FILE_TYPE_METADATA_PURPOSE, AX_DOCUMENT_FILE_TYPE, AX_FILE_FILE_TYPE, AX_IMAGE_FILE_TYPE, AX_VIDEO_FILE_TYPE, AX_AUDIO_FILE_TYPE, AXFileModule, AXFileService } from '@acorex/core/file';
 import { AXDataSource } from '@acorex/cdk/common';
 import * as i3$1 from '@acorex/components/decorators';
 import { AXDecoratorModule } from '@acorex/components/decorators';
-import * as i3 from '@acorex/components/form';
+import * as i2 from '@acorex/components/form';
 import { AXFormModule } from '@acorex/components/form';
-import * as i4 from '@acorex/components/label';
+import * as i3 from '@acorex/components/label';
 import { AXLabelModule } from '@acorex/components/label';
-import * as i6 from '@acorex/components/search-box';
+import * as i5 from '@acorex/components/search-box';
 import { AXSearchBoxModule } from '@acorex/components/search-box';
-import * as i1 from '@acorex/components/select-box';
-import { AXSelectBoxModule } from '@acorex/components/select-box';
-import * as i2 from '@angular/forms';
+import { AXLookupComponent } from '@acorex/components/lookup';
+import * as i1 from '@angular/forms';
 import { FormsModule } from '@angular/forms';
 import get from 'lodash-es/get';
 import isEmpty from 'lodash-es/isEmpty';
 import isString from 'lodash-es/isString';
-import * as i8 from '@acorex/components/accordion';
+import * as i7 from '@acorex/components/accordion';
 import { AXAccordionModule } from '@acorex/components/accordion';
 import { AXP_NAME_PROPERTY, AXP_DATA_PATH_PROPERTY, AXP_DISABLED_PROPERTY } from '@acorex-platform/framework-client/layout/widgets';
 import * as i3$2 from '@acorex/core/translation';
@@ -708,8 +707,14 @@ class AXMFileTypeExtensionWidgetEditComponent extends AXPValueWidgetComponent {
         }
         return value.trim().toLowerCase();
     }
-    async handleValueChange(e) {
-        const selectItems = e.component.selectedItems;
+    async handleSelectionChanged(e) {
+        const selectItems = (e.items ?? []);
+        await this.applySelectedItems(selectItems);
+    }
+    async handleValueChange(_e) {
+        // Selection side-effects are handled in handleSelectionChanged.
+    }
+    async applySelectedItems(selectItems) {
         this.setValue({ ...this.getValue(), selectedItems: selectItems });
         const types = [];
         for (const item of selectItems) {
@@ -747,14 +752,16 @@ class AXMFileTypeExtensionWidgetEditComponent extends AXPValueWidgetComponent {
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXMFileTypeExtensionWidgetEditComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: AXMFileTypeExtensionWidgetEditComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: ` <div>
-    <ax-select-box
+    <ax-lookup
       #dd
+      mode="multi-select"
       [dataSource]="dataSource"
       valueField="name"
       textField="title"
-      [multiple]="true"
+      [searchable]="true"
       [ngModel]="$safeNavigationMigration(getValue()?.selectedItems)"
       (onValueChanged)="handleValueChange($event)"
+      (onSelectionChanged)="handleSelectionChanged($event)"
     >
       <ax-search-box
         [autoSearch]="false"
@@ -764,7 +771,7 @@ class AXMFileTypeExtensionWidgetEditComponent extends AXPValueWidgetComponent {
       >
         <ax-clear-button></ax-clear-button>
       </ax-search-box>
-    </ax-select-box>
+    </ax-lookup>
     <div class="py-3"></div>
     <axp-widgets-container (onContextChanged)="handleOnContextChange($event)" [context]="context()">
       @if (selectedItemsNotEmpty().length > 0) {
@@ -817,20 +824,22 @@ class AXMFileTypeExtensionWidgetEditComponent extends AXPValueWidgetComponent {
         </ax-accordion-group>
       }
     </axp-widgets-container>
-  </div>`, isInline: true, dependencies: [{ 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", "isItemTruncated", "showItemTooltip", "itemHeight", "maxVisibleItems", "dataSource", "minRecordsForSearch", "caption", "itemTemplate", "selectedTemplate", "emptyTemplate", "loadingTemplate", "dropdownWidth", "searchBoxAutoFocus"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "readonlyChange", "disabledChange", "onOpened", "onClosed", "onItemSelected", "onItemClick"] }, { 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.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: AXSearchBoxModule }, { kind: "component", type: i6.AXSearchBoxComponent, selector: "ax-search-box", inputs: ["disabled", "readonly", "tabIndex", "placeholder", "value", "state", "name", "id", "look", "class", "delayTime", "type", "autoSearch"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "readonlyChange", "disabledChange", "onKeyDown", "onKeyUp", "onKeyPress"] }, { kind: "ngmodule", type: AXPWidgetCoreModule }, { kind: "component", type: i7.AXPWidgetContainerComponent, selector: "axp-widgets-container", inputs: ["context", "functions"], outputs: ["onContextChanged"] }, { kind: "directive", type: i7.AXPWidgetRendererDirective, selector: "[axp-widget-renderer]", inputs: ["parentNode", "index", "mode", "node"], outputs: ["onOptionsChanged", "onValueChanged", "onLoad"], exportAs: ["widgetRenderer"] }, { kind: "ngmodule", type: AXAccordionModule }, { kind: "component", type: i8.AXAccordionItemComponent, selector: "ax-accordion-item", inputs: ["isCollapsed", "icon", "textdecoration", "caption", "isLoading", "headerTemplate", "look", "disabled"], outputs: ["isCollapsedChange", "isLoadingChange", "onClick"] }, { kind: "component", type: i8.AXAccordionGroupComponent, selector: "ax-accordion-group", inputs: ["accordion", "activeIndex", "look", "collapsedOnItemClick"], outputs: ["activeIndexChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  </div>`, isInline: true, dependencies: [{ kind: "component", type: AXLookupComponent, selector: "ax-lookup", inputs: ["name", "mode", "dataSource", "treeDataSource", "valueField", "textField", "disabledField", "columns", "treeParentField", "hasChildrenField", "searchable", "adaptivityEnabled", "caption", "alternate", "searchPlaceholder", "placeholder", "disabled", "readonly", "look", "itemHeight", "maxVisibleItems", "treeSelectionBehavior", "highlightSearch", "itemTemplate", "selectedTemplate", "emptyTemplate", "loadingTemplate", "value", "valueItems"], outputs: ["lookChange", "valueChange", "onValueChanged", "onSelectionChanged", "onFocus", "onBlur", "onItemClick", "onItemSelected", "onOpened", "onClosed"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: AXFormModule }, { kind: "component", type: i2.AXFormFieldComponent, selector: "ax-form-field", inputs: ["labelMode"] }, { kind: "ngmodule", type: AXLabelModule }, { kind: "component", type: i3.AXLabelComponent, selector: "ax-label", inputs: ["required", "for"], outputs: ["requiredChange"] }, { kind: "ngmodule", type: AXDecoratorModule }, { 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: AXSearchBoxModule }, { kind: "component", type: i5.AXSearchBoxComponent, selector: "ax-search-box", inputs: ["disabled", "readonly", "tabIndex", "placeholder", "value", "state", "name", "id", "look", "class", "delayTime", "type", "autoSearch"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "readonlyChange", "disabledChange", "onKeyDown", "onKeyUp", "onKeyPress"] }, { kind: "ngmodule", type: AXPWidgetCoreModule }, { 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", "onLoad"], exportAs: ["widgetRenderer"] }, { kind: "ngmodule", type: AXAccordionModule }, { kind: "component", type: i7.AXAccordionItemComponent, selector: "ax-accordion-item", inputs: ["isCollapsed", "icon", "textdecoration", "caption", "isLoading", "headerTemplate", "look", "disabled"], outputs: ["isCollapsedChange", "isLoadingChange", "onClick"] }, { kind: "component", type: i7.AXAccordionGroupComponent, selector: "ax-accordion-group", inputs: ["accordion", "activeIndex", "look", "collapsedOnItemClick"], outputs: ["activeIndexChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXMFileTypeExtensionWidgetEditComponent, decorators: [{
             type: Component,
             args: [{
                     template: ` <div>
-    <ax-select-box
+    <ax-lookup
       #dd
+      mode="multi-select"
       [dataSource]="dataSource"
       valueField="name"
       textField="title"
-      [multiple]="true"
+      [searchable]="true"
       [ngModel]="$safeNavigationMigration(getValue()?.selectedItems)"
       (onValueChanged)="handleValueChange($event)"
+      (onSelectionChanged)="handleSelectionChanged($event)"
     >
       <ax-search-box
         [autoSearch]="false"
@@ -840,7 +849,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
       >
         <ax-clear-button></ax-clear-button>
       </ax-search-box>
-    </ax-select-box>
+    </ax-lookup>
     <div class="py-3"></div>
     <axp-widgets-container (onContextChanged)="handleOnContextChange($event)" [context]="context()">
       @if (selectedItemsNotEmpty().length > 0) {
@@ -896,7 +905,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
   </div>`,
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     imports: [
-                        AXSelectBoxModule,
+                        AXLookupComponent,
                         FormsModule,
                         AXFormModule,
                         AXLabelModule,
@@ -1010,8 +1019,8 @@ const AXmDocumentFileTypeFilterWidget = {
 class AXmDocumentFileTypeFilterWidgetEditComponent extends AXPValueWidgetComponent {
     constructor() {
         super(...arguments);
-        this.selectBox = viewChild('selectBox', /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "selectBox" }] : /* istanbul ignore next */ []));
+        this.lookup = viewChild('lookup', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "lookup" }] : /* istanbul ignore next */ []));
         this.fileTypeService = inject(AXPFileTypeProviderService);
         this.translateService = inject(AXTranslationService);
         this.value = computed(() => this.getValue()?.value, /* @ts-ignore */
@@ -1059,16 +1068,18 @@ class AXmDocumentFileTypeFilterWidgetEditComponent extends AXPValueWidgetCompone
         }
     }
     focus() {
-        this.selectBox()?.focus();
+        this.lookup()?.focus();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXmDocumentFileTypeFilterWidgetEditComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: AXmDocumentFileTypeFilterWidgetEditComponent, isStandalone: true, selector: "ng-component", viewQueries: [{ propertyName: "selectBox", first: true, predicate: ["selectBox"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: `
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: AXmDocumentFileTypeFilterWidgetEditComponent, isStandalone: true, selector: "ng-component", viewQueries: [{ propertyName: "lookup", first: true, predicate: ["lookup"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: `
     <div class="flex items-center w-full">
-      <ax-select-box
-        #selectBox
+      <ax-lookup
+        #lookup
         class="w-full"
+        mode="drop-down-list"
         textField="title"
         valueField="name"
+        [searchable]="false"
         [placeholder]="('@general:actions.select.title' | translate | async) ?? ''"
         [dataSource]="dataSource"
         [ngModel]="value()"
@@ -1076,9 +1087,8 @@ class AXmDocumentFileTypeFilterWidgetEditComponent extends AXPValueWidgetCompone
         [itemTemplate]="itemTemplate"
       >
         <ax-clear-button></ax-clear-button>
-      </ax-select-box>
-      <ng-template #itemTemplate let-context>
-        @let item = context.data ?? context;
+      </ax-lookup>
+      <ng-template #itemTemplate let-item>
         <div class="flex items-center gap-2 w-full">
           @if (item.icon) {
             <i [class]="item.icon"></i>
@@ -1087,18 +1097,20 @@ class AXmDocumentFileTypeFilterWidgetEditComponent extends AXPValueWidgetCompone
         </div>
       </ng-template>
     </div>
-  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { 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: AXDecoratorModule }, { kind: "component", type: i3$1.AXDecoratorClearButtonComponent, selector: "ax-clear-button", inputs: ["icon"] }, { 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", "isItemTruncated", "showItemTooltip", "itemHeight", "maxVisibleItems", "dataSource", "minRecordsForSearch", "caption", "itemTemplate", "selectedTemplate", "emptyTemplate", "loadingTemplate", "dropdownWidth", "searchBoxAutoFocus"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "readonlyChange", "disabledChange", "onOpened", "onClosed", "onItemSelected", "onItemClick"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }, { kind: "pipe", type: i3$2.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i3$1.AXDecoratorClearButtonComponent, selector: "ax-clear-button", inputs: ["icon"] }, { kind: "component", type: AXLookupComponent, selector: "ax-lookup", inputs: ["name", "mode", "dataSource", "treeDataSource", "valueField", "textField", "disabledField", "columns", "treeParentField", "hasChildrenField", "searchable", "adaptivityEnabled", "caption", "alternate", "searchPlaceholder", "placeholder", "disabled", "readonly", "look", "itemHeight", "maxVisibleItems", "treeSelectionBehavior", "highlightSearch", "itemTemplate", "selectedTemplate", "emptyTemplate", "loadingTemplate", "value", "valueItems"], outputs: ["lookChange", "valueChange", "onValueChanged", "onSelectionChanged", "onFocus", "onBlur", "onItemClick", "onItemSelected", "onOpened", "onClosed"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }, { kind: "pipe", type: i3$2.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXmDocumentFileTypeFilterWidgetEditComponent, decorators: [{
             type: Component,
             args: [{
                     template: `
     <div class="flex items-center w-full">
-      <ax-select-box
-        #selectBox
+      <ax-lookup
+        #lookup
         class="w-full"
+        mode="drop-down-list"
         textField="title"
         valueField="name"
+        [searchable]="false"
         [placeholder]="('@general:actions.select.title' | translate | async) ?? ''"
         [dataSource]="dataSource"
         [ngModel]="value()"
@@ -1106,9 +1118,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
         [itemTemplate]="itemTemplate"
       >
         <ax-clear-button></ax-clear-button>
-      </ax-select-box>
-      <ng-template #itemTemplate let-context>
-        @let item = context.data ?? context;
+      </ax-lookup>
+      <ng-template #itemTemplate let-item>
         <div class="flex items-center gap-2 w-full">
           @if (item.icon) {
             <i [class]="item.icon"></i>
@@ -1120,9 +1131,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
   `,
                     standalone: true,
                     changeDetection: ChangeDetectionStrategy.OnPush,
-                    imports: [CommonModule, FormsModule, AXDecoratorModule, AXSelectBoxModule, AXTranslationModule],
+                    imports: [CommonModule, FormsModule, AXDecoratorModule, AXLookupComponent, AXTranslationModule],
                 }]
-        }], propDecorators: { selectBox: [{ type: i0.ViewChild, args: ['selectBox', { isSignal: true }] }] } });
+        }], propDecorators: { lookup: [{ type: i0.ViewChild, args: ['lookup', { isSignal: true }] }] } });
 
 var documentFileTypeFilterWidgetEdit_component = /*#__PURE__*/Object.freeze({
     __proto__: null,
@@ -2681,7 +2692,7 @@ class AXMDocumentManagerServiceImpl extends AXMDocumentManagerService {
      * Opens the drive picker popup with consistent layout (large dialog, optional embedded header).
      */
     async openDriveFolderPicker(options) {
-        const comp = (await import('./acorex-platform-module-document-management-client-drive-choose.component-C5k9lfTZ.mjs')).AXMDocumentDriveChooseComponent;
+        const comp = (await import('./acorex-platform-module-document-management-client-drive-choose.component-ByxmDInD.mjs')).AXMDocumentDriveChooseComponent;
         const popup = await this.popupService.open(comp, {
             title: await this.translate.translateAsync(options.titleKey),
             size: 'lg',
@@ -2916,7 +2927,7 @@ class AXMDocumentManagerServiceImpl extends AXMDocumentManagerService {
      * Shows share dialog for a node
      */
     async showShareDialog(node) {
-        const comp = (await import('./acorex-platform-module-document-management-client-share-dialog.component-D0D75M7u.mjs')).AXMShareDialogComponent;
+        const comp = (await import('./acorex-platform-module-document-management-client-share-dialog.component-CyO_2Ppm.mjs')).AXMShareDialogComponent;
         const popup = await this.popupService.open(comp, {
             title: 'Share',
             data: {
@@ -2931,7 +2942,7 @@ class AXMDocumentManagerServiceImpl extends AXMDocumentManagerService {
      * Shows share via email dialog for a node
      */
     async showShareWithEmailDialog(node) {
-        const comp = (await import('./acorex-platform-module-document-management-client-share-email-dialog.component-CTP-r-4w.mjs')).AXMShareEmailDialogComponent;
+        const comp = (await import('./acorex-platform-module-document-management-client-share-email-dialog.component-6B0KXT1Z.mjs')).AXMShareEmailDialogComponent;
         const popup = await this.popupService.open(comp, {
             title: 'Share via Email',
             data: {
@@ -2946,7 +2957,7 @@ class AXMDocumentManagerServiceImpl extends AXMDocumentManagerService {
      * Shows link dialog for a node
      */
     async showLinkDialog(node) {
-        const comp = (await import('./acorex-platform-module-document-management-client-link-dialog.component-DXwE55QU.mjs')).AXMLinkDialogComponent;
+        const comp = (await import('./acorex-platform-module-document-management-client-link-dialog.component-CUFgI0_q.mjs')).AXMLinkDialogComponent;
         const popup = await this.popupService.open(comp, {
             title: 'Share Link',
             data: {
@@ -3404,8 +3415,8 @@ class AXMDocumentManagerServiceImpl extends AXMDocumentManagerService {
         }
         return [];
     }
-    /** File extensions supported by the legacy gallery viewer (images, PDF, video, audio). */
-    static { this.GALLERY_EXTENSIONS = GALLERY_MEDIA_EXTENSIONS; }
+    /** File extensions supported by the file viewer (images, PDF, video, audio). */
+    static { this.FILE_VIEWER_PREVIEW_EXTENSIONS = FILE_VIEWER_PREVIEW_EXTENSIONS; }
     /**
      * Returns file nodes from a folder listing.
      */
@@ -3692,7 +3703,7 @@ const AXM_DRIVE_FILE_CHOOSER_PROVIDER = {
         const scope = defaultTo(context.options['scope'], AXPPlatformScope.Tenant);
         const multiple = Boolean(context.options['multiple']);
         const browseMode = defaultTo(context.options['browseMode'], 'file');
-        const component = (await import('./acorex-platform-module-document-management-client-drive-choose.component-C5k9lfTZ.mjs')).AXMDocumentDriveChooseComponent;
+        const component = (await import('./acorex-platform-module-document-management-client-drive-choose.component-ByxmDInD.mjs')).AXMDocumentDriveChooseComponent;
         const popup = await popupService.open(component, {
             title: await translate.translateAsync('@document-management:actions.choose-from-drive'),
             size: 'lg',
@@ -5827,28 +5838,28 @@ class AXMDocumentExplorerComponent {
         /** Drops stale async open results when the user right-clicks again before items resolve. */
         this.contextMenuOpenToken = 0;
         this.viewMap = {
-            list: async () => (await import('./acorex-platform-module-document-management-client-list-view.component-Dhb8hXxU.mjs')).AXMDocumentExplorerListViewComponent,
-            'small-tiles': async () => (await import('./acorex-platform-module-document-management-client-small-tiles-view.component-CriaQUl9.mjs')).AXMDocumentExplorerSmallTilesViewComponent,
-            'large-tiles': async () => (await import('./acorex-platform-module-document-management-client-large-tiles-view.component-Cfb1yjRX.mjs')).AXMDocumentExplorerLargeTilesViewComponent,
+            list: async () => (await import('./acorex-platform-module-document-management-client-list-view.component-CVF0Lkii.mjs')).AXMDocumentExplorerListViewComponent,
+            'small-tiles': async () => (await import('./acorex-platform-module-document-management-client-small-tiles-view.component-07tFnkqV.mjs')).AXMDocumentExplorerSmallTilesViewComponent,
+            'large-tiles': async () => (await import('./acorex-platform-module-document-management-client-large-tiles-view.component-m-UkV_QT.mjs')).AXMDocumentExplorerLargeTilesViewComponent,
             // details: async () =>
             //   (await import('./views/details/details-view.component')).AXMDocumentExplorerDetailsViewComponent,
-            'large-icons': async () => (await import('./acorex-platform-module-document-management-client-large-icons-view.component-Ca-TQvpA.mjs')).AXMDocumentExplorerLargeIconsViewComponent,
-            'small-icons': async () => (await import('./acorex-platform-module-document-management-client-small-icons-view.component-lXNM0X4L.mjs')).AXMDocumentExplorerSmallIconsViewComponent,
-            'attachment': async () => (await import('./acorex-platform-module-document-management-client-attachment-widget.component-B6vM6wyL.mjs')).AXMDocumentExplorerAttachmentComponent,
+            'large-icons': async () => (await import('./acorex-platform-module-document-management-client-large-icons-view.component-CBk1WOVb.mjs')).AXMDocumentExplorerLargeIconsViewComponent,
+            'small-icons': async () => (await import('./acorex-platform-module-document-management-client-small-icons-view.component-5XaGmpoN.mjs')).AXMDocumentExplorerSmallIconsViewComponent,
+            'attachment': async () => (await import('./acorex-platform-module-document-management-client-attachment-widget.component-nGSM4SLU.mjs')).AXMDocumentExplorerAttachmentComponent,
         };
         this.skeletonViewMap = {
-            list: async () => (await import('./acorex-platform-module-document-management-client-list-view-skeleton.component-BLSnss8G.mjs')).AXMDocumentExplorerListViewSkeletonComponent,
-            'small-tiles': async () => (await import('./acorex-platform-module-document-management-client-small-tiles-view-skeleton.component-C6bUuOPN.mjs'))
+            list: async () => (await import('./acorex-platform-module-document-management-client-list-view-skeleton.component-K22Zof-0.mjs')).AXMDocumentExplorerListViewSkeletonComponent,
+            'small-tiles': async () => (await import('./acorex-platform-module-document-management-client-small-tiles-view-skeleton.component-6EgbuXTv.mjs'))
                 .AXMDocumentExplorerSmallTilesViewSkeletonComponent,
             'large-tiles': async () => (await Promise.resolve().then(function () { return largeTilesViewSkeleton_component; }))
                 .AXMDocumentExplorerLargeTilesViewSkeletonComponent,
             // details: async () =>
             //   (await import('./views/details/details-view-skeleton.component')).AXMDocumentExplorerDetailsViewSkeletonComponent,
-            'large-icons': async () => (await import('./acorex-platform-module-document-management-client-large-icons-view-skeleton.component-50qY585J.mjs'))
+            'large-icons': async () => (await import('./acorex-platform-module-document-management-client-large-icons-view-skeleton.component-B64PFFtO.mjs'))
                 .AXMDocumentExplorerLargeIconsViewSkeletonComponent,
-            'small-icons': async () => (await import('./acorex-platform-module-document-management-client-small-icons-view-skeleton.component-cQZCJ4u4.mjs'))
+            'small-icons': async () => (await import('./acorex-platform-module-document-management-client-small-icons-view-skeleton.component-BFuFFUax.mjs'))
                 .AXMDocumentExplorerSmallIconsViewSkeletonComponent,
-            attachment: async () => (await import('./acorex-platform-module-document-management-client-attachment-view-skeleton.component-BWlNCsBd.mjs'))
+            attachment: async () => (await import('./acorex-platform-module-document-management-client-attachment-view-skeleton.component-lm3X8cQr.mjs'))
                 .AXMDocumentExplorerAttachmentViewSkeletonComponent,
         };
         this.#effect2 = effect(() => {
@@ -6097,7 +6108,7 @@ class AXMDocumentExplorerDetailPanelComponent {
         this.multiSelectLabel.set(`${this.vm.selectedCount()} ${itemsSelected}`);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXMDocumentExplorerDetailPanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: AXMDocumentExplorerDetailPanelComponent, isStandalone: true, selector: "axm-document-explorer-detail-panel", ngImport: i0, template: "@if (vm.hasMultipleSelectedItems() && multiSelectLabel(); as multiLabel) {\n  <axp-layout-side-detail-panel [multiSelectLabel]=\"multiLabel\" (panelClose)=\"onPanelClose()\" />\n} @else {\n  <axp-layout-side-detail-panel\n    [header]=\"panelHeader()\"\n    [sections]=\"panelSections()\"\n    (panelClose)=\"onPanelClose()\"\n  >\n    @if (metadataWidgetNode(); as widgetNode) {\n      <ng-template axpLayoutSideDetailPanelSection=\"metadata\">\n        <axp-widgets-container [context]=\"metadataContext()\">\n          <ng-container axp-widget-renderer [node]=\"widgetNode\" [mode]=\"'view'\"></ng-container>\n        </axp-widgets-container>\n      </ng-template>\n    }\n  </axp-layout-side-detail-panel>\n}\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "ngmodule", type: AXButtonModule }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "ngmodule", type: AXPWidgetCoreModule }, { kind: "component", type: i7.AXPWidgetContainerComponent, selector: "axp-widgets-container", inputs: ["context", "functions"], outputs: ["onContextChanged"] }, { kind: "directive", type: i7.AXPWidgetRendererDirective, selector: "[axp-widget-renderer]", inputs: ["parentNode", "index", "mode", "node"], outputs: ["onOptionsChanged", "onValueChanged", "onLoad"], exportAs: ["widgetRenderer"] }, { kind: "component", type: AXPLayoutSideDetailPanelComponent, selector: "axp-layout-side-detail-panel", inputs: ["multiSelectLabel", "header", "sections", "rows", "rowsSectionTitle", "noRowsMessage", "emptyState"], outputs: ["panelClose"] }, { kind: "directive", type: AXPLayoutSideDetailPanelSectionDirective, selector: "[axpLayoutSideDetailPanelSection]", inputs: ["axpLayoutSideDetailPanelSection"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: AXMDocumentExplorerDetailPanelComponent, isStandalone: true, selector: "axm-document-explorer-detail-panel", ngImport: i0, template: "@if (vm.hasMultipleSelectedItems() && multiSelectLabel(); as multiLabel) {\n  <axp-layout-side-detail-panel [multiSelectLabel]=\"multiLabel\" (panelClose)=\"onPanelClose()\" />\n} @else {\n  <axp-layout-side-detail-panel\n    [header]=\"panelHeader()\"\n    [sections]=\"panelSections()\"\n    (panelClose)=\"onPanelClose()\"\n  >\n    @if (metadataWidgetNode(); as widgetNode) {\n      <ng-template axpLayoutSideDetailPanelSection=\"metadata\">\n        <axp-widgets-container [context]=\"metadataContext()\">\n          <ng-container axp-widget-renderer [node]=\"widgetNode\" [mode]=\"'view'\"></ng-container>\n        </axp-widgets-container>\n      </ng-template>\n    }\n  </axp-layout-side-detail-panel>\n}\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "ngmodule", type: AXButtonModule }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "ngmodule", type: AXPWidgetCoreModule }, { 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", "onLoad"], exportAs: ["widgetRenderer"] }, { kind: "component", type: AXPLayoutSideDetailPanelComponent, selector: "axp-layout-side-detail-panel", inputs: ["multiSelectLabel", "header", "sections", "rows", "rowsSectionTitle", "noRowsMessage", "emptyState"], outputs: ["panelClose"] }, { kind: "directive", type: AXPLayoutSideDetailPanelSectionDirective, selector: "[axpLayoutSideDetailPanelSection]", inputs: ["axpLayoutSideDetailPanelSection"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXMDocumentExplorerDetailPanelComponent, decorators: [{
             type: Component,
@@ -6238,7 +6249,7 @@ class AXMFolderPathBreadcrumbsComponent {
         this.layout = inject(AXPLayoutThemeService);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXMFolderPathBreadcrumbsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: AXMFolderPathBreadcrumbsComponent, isStandalone: true, selector: "axm-folder-path-breadcrumbs", ngImport: i0, template: "<!-- Breadcrumbs Section -->\n<div class=\"__breadcrumb ax-sm\">\n  <!-- Desktop Breadcrumb -->\n  @for (\n    item of vm.currentPath();\n    track item.id;\n    let i = $index;\n    let last = $last\n  ) {\n    <!-- Navigation Button -->\n    <ax-button\n      look=\"blank\"\n      (onClick)=\"vm.navigateToFolder(item.id)\"\n      [text]=\"item.name\"\n      [disabled]=\"last\"\n    >\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:rotate-180 fa-fw fa-xs me-2\"></i>\n    }\n    <!-- End Navigation Button -->\n  }\n</div>\n", styles: ["@layer properties;:host{display:flex;width:100%;align-items:center}:host .__nav{display:flex;flex-direction:row;align-items:center;gap:var(--spacing, .25rem);border-inline-end-style:var(--tw-border-style);border-inline-end-width:1px;padding-inline-start:var(--spacing, .25rem);padding-inline-end:calc(var(--spacing, .25rem) * 2)}:host .__breadcrumb{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;padding-inline-start:calc(var(--spacing, .25rem) * 2);padding-inline-end:var(--spacing, .25rem)}:host .__breadcrumb .state-disabled button,:host .__breadcrumb .state-loading button{cursor:default!important}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style: solid}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i1$5.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"] }], changeDetection: i0.ChangeDetectionStrategy.Eager }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: AXMFolderPathBreadcrumbsComponent, isStandalone: true, selector: "axm-folder-path-breadcrumbs", ngImport: i0, template: "<!-- Breadcrumbs Section -->\n<div class=\"__breadcrumb ax-sm\">\n  <!-- Desktop Breadcrumb -->\n  @for (\n    item of vm.currentPath();\n    track item.id;\n    let i = $index;\n    let last = $last\n  ) {\n    <!-- Navigation Button -->\n    <ax-button\n      look=\"blank\"\n      (onClick)=\"vm.navigateToFolder(item.id)\"\n      [text]=\"item.name\"\n      [disabled]=\"last\"\n    >\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:rotate-180 fa-fw fa-xs me-2\"></i>\n    }\n    <!-- End Navigation Button -->\n  }\n</div>\n", styles: ["@layer properties;:host{display:flex;width:100%;align-items:center}:host .__nav{display:flex;flex-direction:row;align-items:center;gap:var(--spacing, .25rem);border-inline-end-style:var(--tw-border-style);border-inline-end-width:1px;padding-inline-start:var(--spacing, .25rem);padding-inline-end:calc(var(--spacing, .25rem) * 2)}:host .__breadcrumb{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;padding-inline-start:calc(var(--spacing, .25rem) * 2);padding-inline-end:var(--spacing, .25rem)}:host .__breadcrumb .state-disabled button,:host .__breadcrumb .state-loading button{cursor:default!important}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style: solid}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i1$5.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "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"] }], changeDetection: i0.ChangeDetectionStrategy.Eager }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXMFolderPathBreadcrumbsComponent, decorators: [{
             type: Component,
@@ -6647,7 +6658,7 @@ class AXMDocumentDrivePageComponent extends AXPPageLayoutBaseComponent {
                 provide: AXPPageLayoutBase,
                 useExisting: AXMDocumentDrivePageComponent,
             },
-        ], usesInheritance: true, ngImport: i0, template: "<div class=\"flex flex-col gap-2\">\n  <!-- Back (left) + View Mode & Detail Panel Toggle (right) -->\n  <div class=\"flex justify-between items-center\">\n    <div class=\"flex gap-2 items-center\">\n      @if (canGoBackInPage()) {\n        <ax-button (onClick)=\"handleBack()\" [title]=\"'@general:actions.back.title' | translate | async\">\n          <ax-icon icon=\"fa-light fa-arrow-left\"></ax-icon>\n        </ax-button>\n      }\n    </div>\n    <div class=\"flex gap-2 items-center\">\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            <ax-button-item\n              [text]=\"('@document-management:view-modes.' + item.key | translate | 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          }\n        </ax-button-item-list>\n      </ax-dropdown-panel>\n    </ax-button>\n    @if (deviceService.isLarge()) {\n      <ax-button (onClick)=\"vm.toggleDetailPanel()\">\n        <ax-icon\n          icon=\"{{ vm.isDetailPanelOpen() ? 'fa-solid fa-square-info' : 'fa-light fa-square-info' }}\"\n        ></ax-icon>\n      </ax-button>\n    }\n    </div>\n  </div>\n  <div class=\"overflow-auto flex flex-row gap-4\">\n    <axm-document-explorer [selectionMode]=\"selectionMode()\"></axm-document-explorer>\n    @if (vm.isDetailPanelOpen() && deviceService.isLarge()) {\n      <axm-document-explorer-detail-panel class=\"sticky top-0 z-50\"></axm-document-explorer-detail-panel>\n    }\n  </div>\n</div>\n\n", styles: ["/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXMenuModule }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i1$5.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: i1$5.AXButtonItemComponent, selector: "ax-button-item", inputs: ["color", "disabled", "text", "selected", "divided", "data", "name"], outputs: ["onClick", "onFocus", "onBlur", "disabledChange"] }, { kind: "component", type: i1$5.AXButtonItemListComponent, selector: "ax-button-item-list", inputs: ["items", "closeParentOnClick", "lockOnLoading"], outputs: ["onItemClick"] }, { kind: "ngmodule", type: AXButtonGroupModule }, { kind: "ngmodule", type: AXDropdownButtonModule }, { kind: "ngmodule", type: AXDropdownModule }, { kind: "component", type: i2$3.AXDropdownPanelComponent, selector: "ax-dropdown-panel", inputs: ["isOpen", "fitParent", "dropdownWidth", "position", "placement", "_target", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }, { kind: "ngmodule", type: AXTranslationModule }, { 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: AXLoadingModule }, { kind: "ngmodule", type: AXBadgeModule }, { kind: "ngmodule", type: AXSearchBoxModule }, { kind: "component", type: AXMDocumentExplorerComponent, selector: "axm-document-explorer", inputs: ["browseMode", "viewMode", "selectionMode", "showContextMenu"] }, { kind: "component", type: AXMDocumentExplorerDetailPanelComponent, selector: "axm-document-explorer-detail-panel" }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }, { kind: "pipe", type: i3$2.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+        ], usesInheritance: true, ngImport: i0, template: "<div class=\"flex flex-col gap-2\">\n  <!-- Back (left) + View Mode & Detail Panel Toggle (right) -->\n  <div class=\"flex justify-between items-center\">\n    <div class=\"flex gap-2 items-center\">\n      @if (canGoBackInPage()) {\n        <ax-button (onClick)=\"handleBack()\" [title]=\"'@general:actions.back.title' | translate | async\">\n          <ax-icon icon=\"fa-light fa-arrow-left\"></ax-icon>\n        </ax-button>\n      }\n    </div>\n    <div class=\"flex gap-2 items-center\">\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            <ax-button-item\n              [text]=\"('@document-management:view-modes.' + item.key | translate | 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          }\n        </ax-button-item-list>\n      </ax-dropdown-panel>\n    </ax-button>\n    @if (deviceService.isLarge()) {\n      <ax-button (onClick)=\"vm.toggleDetailPanel()\">\n        <ax-icon\n          icon=\"{{ vm.isDetailPanelOpen() ? 'fa-solid fa-square-info' : 'fa-light fa-square-info' }}\"\n        ></ax-icon>\n      </ax-button>\n    }\n    </div>\n  </div>\n  <div class=\"overflow-auto flex flex-row gap-4\">\n    <axm-document-explorer [selectionMode]=\"selectionMode()\"></axm-document-explorer>\n    @if (vm.isDetailPanelOpen() && deviceService.isLarge()) {\n      <axm-document-explorer-detail-panel class=\"sticky top-0 z-50\"></axm-document-explorer-detail-panel>\n    }\n  </div>\n</div>\n\n", styles: ["/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXMenuModule }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i1$5.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "component", type: i1$5.AXButtonItemComponent, selector: "ax-button-item", inputs: ["color", "disabled", "text", "selected", "divided", "data", "name"], outputs: ["onClick", "onFocus", "onBlur", "disabledChange"] }, { kind: "component", type: i1$5.AXButtonItemListComponent, selector: "ax-button-item-list", inputs: ["items", "closeParentOnClick", "lockOnLoading"], outputs: ["onItemClick"] }, { kind: "ngmodule", type: AXButtonGroupModule }, { kind: "ngmodule", type: AXDropdownButtonModule }, { kind: "ngmodule", type: AXDropdownModule }, { kind: "component", type: i2$3.AXDropdownPanelComponent, selector: "ax-dropdown-panel", inputs: ["isOpen", "fitParent", "dropdownWidth", "position", "placement", "_target", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }, { kind: "ngmodule", type: AXTranslationModule }, { 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: AXLoadingModule }, { kind: "ngmodule", type: AXBadgeModule }, { kind: "ngmodule", type: AXSearchBoxModule }, { kind: "component", type: AXMDocumentExplorerComponent, selector: "axm-document-explorer", inputs: ["browseMode", "viewMode", "selectionMode", "showContextMenu"] }, { kind: "component", type: AXMDocumentExplorerDetailPanelComponent, selector: "axm-document-explorer-detail-panel" }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }, { kind: "pipe", type: i3$2.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXMDocumentDrivePageComponent, decorators: [{
             type: Component,
@@ -7068,11 +7079,11 @@ class AXMDocumentManagementModule {
             provideCommandSetups([
                 {
                     key: 'DocumentManagement.Document:Upload',
-                    command: () => import('./acorex-platform-module-document-management-client-upload-document.command-BvcccSTh.mjs').then((c) => c.AXMUploadDocumentCommand),
+                    command: () => import('./acorex-platform-module-document-management-client-upload-document.command-D6J57Ha5.mjs').then((c) => c.AXMUploadDocumentCommand),
                 },
                 {
                     key: 'DocumentManagement.Document:Open',
-                    command: () => import('./acorex-platform-module-document-management-client-open-document.command-s2r33nBp.mjs').then((c) => c.AXMOpenDocumentCommand),
+                    command: () => import('./acorex-platform-module-document-management-client-open-document.command-Deqs3cEg.mjs').then((c) => c.AXMOpenDocumentCommand),
                 },
             ]),
         ], imports: [AXMDriveChooseModule,
@@ -7165,11 +7176,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
                         provideCommandSetups([
                             {
                                 key: 'DocumentManagement.Document:Upload',
-                                command: () => import('./acorex-platform-module-document-management-client-upload-document.command-BvcccSTh.mjs').then((c) => c.AXMUploadDocumentCommand),
+                                command: () => import('./acorex-platform-module-document-management-client-upload-document.command-D6J57Ha5.mjs').then((c) => c.AXMUploadDocumentCommand),
                             },
                             {
                                 key: 'DocumentManagement.Document:Open',
-                                command: () => import('./acorex-platform-module-document-management-client-open-document.command-s2r33nBp.mjs').then((c) => c.AXMOpenDocumentCommand),
+                                command: () => import('./acorex-platform-module-document-management-client-open-document.command-Deqs3cEg.mjs').then((c) => c.AXMOpenDocumentCommand),
                             },
                         ]),
                     ],
@@ -7902,7 +7913,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    <div class=\"w-full flex items-center\">\n      <axp-layout-prefix class=\"w-full\">\n        @if (vm.hasMultipleSelectedItems()) {\n          <div class=\"flex gap-3 items-center h-10\">\n            <span class=\"text-xl font-bold\">\n              {{ vm.selectedCount() }} {{ '@general:terms.interface.items-selected' | translate | async }}\n            </span>\n            <span (click)=\"vm.deselectAll()\" class=\"text-sm text-secondary underline cursor-pointer\">{{\n              '@general:actions.unselect.title' | translate | async\n            }}</span>\n          </div>\n        } @else {\n          @for (_k of [queryFiltersKey()]; track _k) {\n            <axp-query-filters\n              [filtersDefinitions]=\"advancedFilterDefinitions()\"\n              [initialFilters]=\"panelInitialFilters()\"\n              (onFiltersChanged)=\"handleAdvancedFiltersChanged($event)\"\n              [quickSearch]=\"true\"\n            ></axp-query-filters>\n          }\n        }\n      </axp-layout-prefix>\n\n      <!-- Right Side Toolbar -->\n\n      <axp-layout-suffix class=\"flex gap-2\">\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 (deviceService.isLarge()) {\n          <!-- Detail Panel Toggle -->\n          <ax-button (onClick)=\"vm.toggleDetailPanel()\">\n            <ax-icon\n              icon=\"{{ vm.isDetailPanelOpen() ? 'fa-solid fa-square-info' : 'fa-light fa-square-info' }}\"\n            ></ax-icon>\n          </ax-button>\n        }\n      </axp-layout-suffix>\n    </div>\n  </axp-page-toolbar>\n\n  <!-- Content Section -->\n  <axp-page-content class=\"overflow-auto flex flex-col\">\n    <div class=\"flex flex-row gap-4 flex-1 overflow-auto\">\n      <axm-document-explorer [selectionMode]=\"selectionMode()\"></axm-document-explorer>\n      @if (vm.isDetailPanelOpen() && deviceService.isLarge()) {\n        <axm-document-explorer-detail-panel class=\"sticky top-0 z-50\"></axm-document-explorer-detail-panel>\n      }\n    </div>\n  </axp-page-content>\n\n  <!-- Footer Section removed: breadcrumbs are now provided via page-level breadcrumbs -->\n</axp-page-layout>\n", styles: ["/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: RouterModule }, { kind: "ngmodule", type: 
                 //
-                AXMenuModule }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i1$5.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: i1$5.AXButtonItemComponent, selector: "ax-button-item", inputs: ["color", "disabled", "text", "selected", "divided", "data", "name"], outputs: ["onClick", "onFocus", "onBlur", "disabledChange"] }, { kind: "component", type: i1$5.AXButtonItemListComponent, selector: "ax-button-item-list", inputs: ["items", "closeParentOnClick", "lockOnLoading"], outputs: ["onItemClick"] }, { kind: "ngmodule", type: AXButtonGroupModule }, { kind: "ngmodule", type: AXDropdownButtonModule }, { kind: "ngmodule", type: AXDropdownModule }, { kind: "component", type: i2$3.AXDropdownPanelComponent, selector: "ax-dropdown-panel", inputs: ["isOpen", "fitParent", "dropdownWidth", "position", "placement", "_target", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "directive", type: i3$2.AXTranslatorDirective, selector: "[translate]" }, { 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: AXLoadingModule }, { kind: "ngmodule", type: AXBreadcrumbsModule }, { kind: "ngmodule", type: AXBadgeModule }, { kind: "ngmodule", type: AXFormatModule }, { kind: "ngmodule", type: AXFileModule }, { kind: "ngmodule", type: AXDateTimeModule }, { kind: "component", type: 
+                AXMenuModule }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i1$5.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "component", type: i1$5.AXButtonItemComponent, selector: "ax-button-item", inputs: ["color", "disabled", "text", "selected", "divided", "data", "name"], outputs: ["onClick", "onFocus", "onBlur", "disabledChange"] }, { kind: "component", type: i1$5.AXButtonItemListComponent, selector: "ax-button-item-list", inputs: ["items", "closeParentOnClick", "lockOnLoading"], outputs: ["onItemClick"] }, { kind: "ngmodule", type: AXButtonGroupModule }, { kind: "ngmodule", type: AXDropdownButtonModule }, { kind: "ngmodule", type: AXDropdownModule }, { kind: "component", type: i2$3.AXDropdownPanelComponent, selector: "ax-dropdown-panel", inputs: ["isOpen", "fitParent", "dropdownWidth", "position", "placement", "_target", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "directive", type: i3$2.AXTranslatorDirective, selector: "[translate]" }, { 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: AXLoadingModule }, { kind: "ngmodule", type: AXBreadcrumbsModule }, { kind: "ngmodule", type: AXBadgeModule }, { 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: 
                 //
@@ -7959,4 +7970,4 @@ var drive_component = /*#__PURE__*/Object.freeze({
  */
 
 export { AXPDocumentExplorerViewModel as A, AXM_DOCUMENT_EXPIRATION_STATUS_DEFINITION_KEY as B, AXPDocumentManagementService as C, AXPDocumentManagementSettingProvider as D, AXmFileTypeExtensionWidget as E, DM_AUDIO_EXTENSION_ICONS as F, DM_DOCUMENT_EXTENSION_ICONS as G, DM_FILE_EXTENSION_ICONS as H, DM_FILE_TYPE_ICONS as I, DM_VIDEO_EXTENSION_ICONS as J, DOCUMENT_DRIVE_PAGE_COMPONENT_KEY as K, buildDocumentManagementFileTypeCatalog as L, documentPlugin as M, resolveDocumentExpirationBadge as N, resolveFolderExpirationCountBadges as O, ScopedDriveService as S, AXMDocumentExpirationBadgeComponent as a, AXMFolderExpirationBadgesComponent as b, AXMDocumentManagerService as c, AXMDocumentDialogService as d, buildFileChooserOptionsFromDocumentType as e, AXMDocumentExplorerComponent as f, AXMFolderPathBreadcrumbsComponent as g, AXMDocumentDriveComponent as h, AXMDocumentDrivePageComponent as i, AXMDocumentDrivePageComponentProvider as j, AXMDocumentExpirationStatusProvider as k, AXMDocumentManagementApiService as l, AXMDocumentManagementFileTypeProvider as m, AXMDocumentManagementModule as n, AXMDocumentManagerServiceImpl as o, AXMFileTypeExtensionWidgetColumnComponent as p, AXMFileTypeExtensionWidgetDesignerComponent as q, AXMFileTypeExtensionWidgetEditComponent as r, AXMFileTypeExtensionWidgetViewComponent as s, AXMFileTypeModule as t, AXMMenuProvider as u, AXMSearchCommandProvider as v, AXM_DOCUMENT_ATTACHMENT_DIALOG_ON_ACTION_HOOK_KEY as w, AXM_DOCUMENT_DIALOG_SURFACE_ATTACHMENT as x, AXM_DOCUMENT_DIALOG_SURFACE_ATTACHMENT_NO_SAVE as y, AXM_DOCUMENT_EXPIRATION_STATUS as z };
-//# sourceMappingURL=acorex-platform-module-document-management-client-acorex-platform-module-document-management-client-EXw7ezd3.mjs.map
+//# sourceMappingURL=acorex-platform-module-document-management-client-acorex-platform-module-document-management-client-DHcNgw3P.mjs.map