@acorex-platform/module-document-management-client 1.0.1 → 1.0.2

package/fesm2022/{acorex-platform-module-document-management-client-acorex-platform-module-document-management-client-Dc3e3vuv.mjs → acorex-platform-module-document-management-client-acorex-platform-module-document-management-client-C_TdVup5.mjs}

@@ -1,11 +1,11 @@
 import { AXPTaskBadgeProvider, resolveFileChooserExtension, AXPFileChooserService, AXPFileViewerService, AXPFileViewerFallbackContentComponent, AXP_FILE_CHOOSER_PROVIDERS, AXP_FILE_UPLOADER_PROVIDERS, isUnrestrictedFileAccept, fileNameMatchesAccept, AXPStateMessageComponent, AXPLayoutSideDetailPanelComponent, AXPLayoutSideDetailPanelSectionDirective, AXP_PAGE_COMPONENT_PROVIDER, AXP_TASK_BADGE_PROVIDERS, provideFileViewer, AXPThemeLayoutBlockComponent, AXPQueryFiltersComponent } from '@acorex-platform/framework-client/layout/components';
 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, AXPDialogOpener as AXPDialogOpener$1, AXPDataGenerator as AXPDataGenerator$1, AXPDeviceService, AXPExpressionEvaluatorService, AXPDebugService, AXP_FEATURE_DEFINITION_PROVIDER, AXP_HOOK_PROVIDER } from '@acorex-platform/framework-client/core';
-import { AXPSearchCommandProvider, createEntitySearchCommand, AXPFileTypeProviderService, AXP_FILE_TYPE_INFO_PROVIDER, AXPFileStorageService, extractRequestErrorInfo, platformErrorI18nKey, 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 { AXPSearchCommandProvider, createEntitySearchCommand, AXPFileTypeProviderService, AXP_FILE_TYPE_INFO_PROVIDER, AXPFileStorageService, extractRequestErrorInfo, platformErrorI18nKey, resolveExplorerFileDisplayName, tryOpenFileByCatalogType, createFileTypeOpenContext, FILE_VIEWER_PREVIEW_EXTENSIONS, isFileNameShownInViewer, normalizeDocumentToFileListItem, UploadFromComputerActionProvider, AXP_FILE_ACTION_PROVIDER, isFileViewerPreviewExtension, extractFileExtension, 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';
-import { AXPDocumentManagementFeatureKeys, AXPContentDocumentsPermissionKeys, RootConfig, AXPDocumentManagementMenuKeys, AXPDocumentManagementSettings, documentReviewReadonlyFieldNames, documentTypeHasReviewMetadataForAppliesTo, documentTypeAllowsDistributionForAppliesTo, AXMDocumentManagementCommandKeys } from '@acorex-platform/module-document-management-client/contracts';
+import { AXPDocumentManagementFeatureKeys, AXPContentDocumentsPermissionKeys, RootConfig, AXPDocumentManagementMenuKeys, AXPDocumentManagementSettings, documentReviewReadonlyFieldNames, documentTypeHasReviewMetadataForAppliesTo, documentTypeAllowsDistributionForAppliesTo, resolveDocumentFileDoubleClickAction, AXMDocumentManagementCommandKeys } from '@acorex-platform/module-document-management-client/contracts';
 import { AXPCommonPermissionGroupKeys, AXPCommonMenuKeys, AXP_VERSIONING_ERROR_I18N, AXPVersioningField, AXPVersioningStatus, AXPCommonCommandKeys, isMaintainVersioningPermissionGranted } from '@acorex-platform/module-common-client/contracts';
 import { firstValueFrom, combineLatest } from 'rxjs';
 import { AXPCommandEventsService, AXPCommandService, AXPQueryService, provideCommandSetups } from '@acorex-platform/framework-client/runtime';
@@ -324,6 +324,11 @@ const SORT_DIRECTION_OPTIONS = [
     { value: 'asc', text: `${I18N}.items.sort-direction.options.asc` },
     { value: 'desc', text: `${I18N}.items.sort-direction.options.desc` },
 ];
+const FILE_DOUBLE_CLICK_OPTIONS = [
+    { value: 'gallery', text: `${I18N}.items.file-double-click-action.options.gallery` },
+    { value: 'download', text: `${I18N}.items.file-double-click-action.options.download` },
+    { value: 'view-or-download', text: `${I18N}.items.file-double-click-action.options.view-or-download` },
+];
 //#endregion
 /**
  * Registers document-management settings, including explorer layout prefs
@@ -411,6 +416,23 @@ class AXPDocumentManagementSettingProvider {
                 type: AXPWidgetsList.Editors.ToggleSwitch,
                 options: { label: null },
             },
+        })
+            .addSetting({
+            key: AXPDocumentManagementSettings.FileDoubleClickAction,
+            title: `${I18N}.items.file-double-click-action.title`,
+            description: `${I18N}.items.file-double-click-action.description`,
+            scope: 'U',
+            overridableAt: [],
+            isInherited: false,
+            defaultValue: 'gallery',
+            widget: {
+                type: AXPWidgetsList.Editors.SelectBox,
+                options: {
+                    valueField: 'value',
+                    textField: 'text',
+                    dataSource: [...FILE_DOUBLE_CLICK_OPTIONS],
+                },
+            },
         })
             .endSection()
             .endGroup();
@@ -810,7 +832,7 @@ class AXMFileTypeExtensionWidgetEditComponent extends AXPValueWidgetComponent {
         </ax-accordion-group>
       }
     </axp-widgets-container>
-  </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 }); }
+  </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", "allowSelectAll", "itemTemplate", "selectedTemplate", "emptyTemplate", "loadingTemplate", "value", "valueItems", "prefetch"], 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,
@@ -989,11 +1011,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
                 }]
         }] });
 
+const AXP_DOCUMENT_FILE_TYPE_FILTER_DEFAULT_OPERATOR = 'equal';
 const AXmDocumentFileTypeFilterWidget = {
     name: 'document-file-type-filter',
     title: '@document-management:widgets.file-type-filter.title',
     type: 'filter',
-    defaultFilterOperator: 'equal',
+    defaultFilterOperator: AXP_DOCUMENT_FILE_TYPE_FILTER_DEFAULT_OPERATOR,
     icon: 'fa-light fa-file',
     properties: [AXP_NAME_PROPERTY, AXP_DATA_PATH_PROPERTY, AXP_DISABLED_PROPERTY],
     components: {
@@ -1003,60 +1026,95 @@ const AXmDocumentFileTypeFilterWidget = {
     },
 };
 
+//#endregion
+//#region -----   Component   -----
 class AXmDocumentFileTypeFilterWidgetEditComponent extends AXPValueWidgetComponent {
     constructor() {
         super(...arguments);
-        this.lookup = viewChild('lookup', /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "lookup" }] : /* istanbul ignore next */ []));
+        //#region -----   Services & Dependencies   -----
         this.fileTypeService = inject(AXPFileTypeProviderService);
         this.translateService = inject(AXTranslationService);
+        //#endregion
+        //#region -----   View Children   -----
+        this.lookup = viewChild('lookup', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "lookup" }] : /* istanbul ignore next */ []));
+        //#endregion
+        //#region -----   Computed Properties   -----
         this.value = computed(() => this.getValue()?.value, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
+        //#endregion
+        //#region -----   Data Source   -----
+        this.loadedItems = [];
         this.dataSource = new AXDataSource({
             load: async () => {
-                const allTitle = await this.translateService.translateAsync('@document-management:drive.filters.file-types.all');
-                const types = await this.fileTypeService.items();
-                const items = [
-                    { name: 'all', title: allTitle, icon: 'fa-light fa-folder-closed' },
-                    ...types.map((t) => ({ name: t.name, title: t.title, icon: t.icon || 'fa-light fa-file' })),
-                ];
-                console.log('[DocumentFileTypeFilter] load items', items);
+                const items = await this.loadItems();
+                this.loadedItems = items;
                 return { items, total: items.length };
             },
             byKey: async (id) => {
-                const key = String(id);
-                if (key === 'all') {
-                    const allTitle = await this.translateService.translateAsync('@document-management:drive.filters.file-types.all');
-                    const allItem = { name: 'all', title: allTitle, icon: 'fa-light fa-folder-closed' };
-                    console.log('[DocumentFileTypeFilter] byKey all', allItem);
-                    return allItem;
-                }
-                const types = await this.fileTypeService.items();
-                const found = types.find((t) => t.name === key);
-                if (found) {
-                    const result = { name: found.name, title: found.title, icon: found.icon || 'fa-light fa-file' };
-                    console.log('[DocumentFileTypeFilter] byKey found', key, result);
-                    return result;
+                const key = String(id ?? '');
+                const cached = this.loadedItems.find((item) => item.name === key);
+                if (cached) {
+                    return cached;
                 }
-                const fallback = { name: key, title: key, icon: 'fa-light fa-file' };
-                console.log('[DocumentFileTypeFilter] byKey fallback', key, fallback);
-                return fallback;
+                const items = await this.loadItems();
+                this.loadedItems = items;
+                return items.find((item) => item.name === key) ?? { name: key, title: key, icon: 'fa-light fa-file' };
             },
             pageSize: 100,
             key: 'name',
         });
     }
-    handleValueChange(e) {
-        if (e.isUserInteraction) {
-            this.setValue({
-                value: e.value,
-                operation: { type: 'equal' },
-            });
+    //#endregion
+    //#region -----   Event Handlers   -----
+    /**
+     * Lookup may skip `onValueChanged` on the first pick (`#lastValue === undefined`).
+     * `onItemSelected` always fires from `handleSinglePick`.
+     */
+    handleItemSelected(e) {
+        const item = e.item;
+        if (item == null) {
+            return;
         }
+        const text = item['title'] ?? item['text'];
+        this.commitSelection(item['name'] ?? item['value'], typeof text === 'string' ? text : undefined);
+    }
+    handleValueChange(e) {
+        this.commitSelection(e.value);
     }
     focus() {
         this.lookup()?.focus();
     }
+    //#endregion
+    //#region -----   Value Pipeline   -----
+    async loadItems() {
+        const allTitle = await this.translateService.translateAsync('@document-management:drive.filters.file-types.all');
+        const types = await this.fileTypeService.items();
+        return [
+            { name: 'all', title: allTitle, icon: 'fa-light fa-folder-closed' },
+            ...types.map((type) => ({ name: type.name, title: type.title, icon: type.icon || 'fa-light fa-file' })),
+        ];
+    }
+    commitSelection(value, displayText) {
+        const resolved = this.resolveFileTypeValue(value);
+        const text = displayText ??
+            (typeof resolved === 'string' ? this.loadedItems.find((item) => item.name === resolved)?.title : undefined);
+        this.setValue({
+            operation: { type: AXP_DOCUMENT_FILE_TYPE_FILTER_DEFAULT_OPERATOR },
+            value: resolved,
+            ...(text ? { displayText: text } : {}),
+        });
+    }
+    resolveFileTypeValue(value) {
+        if (value == null || value === '') {
+            return null;
+        }
+        if (typeof value === 'object' && 'name' in value) {
+            const name = value.name;
+            return name == null || name === '' ? null : String(name);
+        }
+        return String(value);
+    }
     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: "lookup", first: true, predicate: ["lookup"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: `
     <div class="flex items-center w-full">
@@ -1070,13 +1128,15 @@ class AXmDocumentFileTypeFilterWidgetEditComponent extends AXPValueWidgetCompone
         [placeholder]="('@general:actions.select.title' | translate | async) ?? ''"
         [dataSource]="dataSource"
         [ngModel]="value()"
+        (onItemSelected)="handleItemSelected($event)"
         (onValueChanged)="handleValueChange($event)"
         [itemTemplate]="itemTemplate"
       >
         <ax-clear-button></ax-clear-button>
       </ax-lookup>
       <ng-template #itemTemplate let-item>
-        <div class="flex items-center gap-2 w-full">
+        <div class="flex items-center gap-2 w-full ps-2">
+          <!-- ----- File type icon when the item defines one ----- -->
           @if (item.icon) {
             <i [class]="item.icon"></i>
           }
@@ -1084,7 +1144,7 @@ class AXmDocumentFileTypeFilterWidgetEditComponent extends AXPValueWidgetCompone
         </div>
       </ng-template>
     </div>
-  `, 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 }); }
+  `, 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", "allowSelectAll", "itemTemplate", "selectedTemplate", "emptyTemplate", "loadingTemplate", "value", "valueItems", "prefetch"], 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,
@@ -1101,13 +1161,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
         [placeholder]="('@general:actions.select.title' | translate | async) ?? ''"
         [dataSource]="dataSource"
         [ngModel]="value()"
+        (onItemSelected)="handleItemSelected($event)"
         (onValueChanged)="handleValueChange($event)"
         [itemTemplate]="itemTemplate"
       >
         <ax-clear-button></ax-clear-button>
       </ax-lookup>
       <ng-template #itemTemplate let-item>
-        <div class="flex items-center gap-2 w-full">
+        <div class="flex items-center gap-2 w-full ps-2">
+          <!-- ----- File type icon when the item defines one ----- -->
           @if (item.icon) {
             <i [class]="item.icon"></i>
           }
@@ -2771,19 +2833,10 @@ class AXMDocumentManagerServiceImpl extends AXMDocumentManagerService {
                     try {
                         const fileId = file.source.value.replace(/^file:/, '');
                         const fileInfo = await this.fileService.getInfo(fileId);
-                        if (fileInfo?.url) {
-                            const link = document.createElement('a');
-                            link.href = resolveClientAssetUrl(fileInfo.url);
-                            link.download = file.name ?? targetNode.name ?? fileInfo.name ?? 'download';
-                            link.target = '_blank';
-                            document.body.appendChild(link);
-                            link.click();
-                            document.body.removeChild(link);
-                        }
-                        else {
-                            const blob = await this.fileService.download(fileId);
-                            triggerDownload(blob, file.name ?? targetNode.name ?? fileInfo?.name ?? 'download');
-                        }
+                        const blob = fileInfo?.binary instanceof Blob
+                            ? fileInfo.binary
+                            : await this.fileService.download(fileId);
+                        triggerDownload(blob, file.name ?? targetNode.name ?? fileInfo?.name ?? 'download');
                     }
                     catch (error) {
                         console.error('Error downloading file by fileId:', file.source.value, error);
@@ -3025,7 +3078,7 @@ class AXMDocumentManagerServiceImpl extends AXMDocumentManagerService {
     async openDriveFolderPicker(options) {
         let title = '';
         const popup = await this.dialogOpener.openPopup({
-            load: () => import('./acorex-platform-module-document-management-client-drive-choose.component-B8MZYXNy.mjs').then((module) => module.AXMDocumentDriveChooseComponent),
+            load: () => import('./acorex-platform-module-document-management-client-drive-choose.component-B4BDB97X.mjs').then((module) => module.AXMDocumentDriveChooseComponent),
             data: {
                 titleKey: options.titleKey,
                 scope: options.scope,
@@ -3310,7 +3363,7 @@ class AXMDocumentManagerServiceImpl extends AXMDocumentManagerService {
     async showShareDialog(node) {
         let title = '';
         const popup = await this.dialogOpener.openPopup({
-            load: () => import('./acorex-platform-module-document-management-client-share-dialog.component-CFI4hK3T.mjs').then((module) => module.AXMShareDialogComponent),
+            load: () => import('./acorex-platform-module-document-management-client-share-dialog.component-B4eaA9Rt.mjs').then((module) => module.AXMShareDialogComponent),
             data: { nodeId: node.id, dialog: 'share' },
             prepare: async () => {
                 title = await this.translate.translateAsync('@document-management:dialogs.share-dialog.title');
@@ -4468,7 +4521,7 @@ const AXM_DRIVE_FILE_CHOOSER_PROVIDER = {
         const accept = context.options['accept'];
         let title = '';
         const popup = await dialogOpener.openPopup({
-            load: () => import('./acorex-platform-module-document-management-client-drive-choose.component-B8MZYXNy.mjs').then((module) => module.AXMDocumentDriveChooseComponent),
+            load: () => import('./acorex-platform-module-document-management-client-drive-choose.component-B4BDB97X.mjs').then((module) => module.AXMDocumentDriveChooseComponent),
             data: { scope, multiple, browseMode, accept: accept ?? '' },
             prepare: async () => {
                 title = await translate.translateAsync('@document-management:actions.choose-from-drive');
@@ -5457,6 +5510,11 @@ const AXPDocumentExplorerViewModel = signalStore({ providedIn: 'root' }, withSta
         .data();
     /** In-flight folder load; duplicate requests for the same folder reuse the same promise. */
     let inflightLoad = null;
+    /** Image, PDF, video, and audio can render in the file viewer. Other types cannot. */
+    const canPreviewFileInViewer = (node) => {
+        const displayName = resolveExplorerFileDisplayName(node.name, node.fileId);
+        return isFileViewerPreviewExtension(extractFileExtension(displayName));
+    };
     const applyExplorerNode = (node) => {
         const sortField = store.sortField();
         const sortDirection = store.sortDirection();
@@ -6862,6 +6920,25 @@ const AXPDocumentExplorerViewModel = signalStore({ providedIn: 'root' }, withSta
         downloadFile(node) {
             driveService.downloadFile(node);
         },
+        /**
+         * File double-click in every explorer view.
+         * Default opens the file viewer. The user setting can always download,
+         * or open the viewer only when the file can be previewed.
+         */
+        async openFileOnDoubleClick(node) {
+            if (node.type !== 'file') {
+                return;
+            }
+            const saved = await settingsService
+                .scope(DOCUMENT_EXPLORER_LAYOUT_SETTINGS_SCOPE)
+                .get(AXPDocumentManagementSettings.FileDoubleClickAction);
+            const action = resolveDocumentFileDoubleClickAction(saved);
+            if (action === 'download' || (action === 'view-or-download' && !canPreviewFileInViewer(node))) {
+                this.downloadFile(node);
+                return;
+            }
+            await this.openFileViewer(node);
+        },
         /**
          * Opens the file viewer for the current folder, starting at the selected file.
          */
@@ -7079,26 +7156,26 @@ 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-C7GAQTTr.mjs')).AXMDocumentExplorerListViewComponent,
-            'small-tiles': async () => (await import('./acorex-platform-module-document-management-client-small-tiles-view.component-BpmwxphX.mjs')).AXMDocumentExplorerSmallTilesViewComponent,
-            'large-tiles': async () => (await import('./acorex-platform-module-document-management-client-large-tiles-view.component-C39bX_XE.mjs')).AXMDocumentExplorerLargeTilesViewComponent,
-            details: async () => (await import('./acorex-platform-module-document-management-client-details-view.component-DUl9ET3T.mjs')).AXMDocumentExplorerDetailsViewComponent,
-            'large-icons': async () => (await import('./acorex-platform-module-document-management-client-large-icons-view.component-CuHdwWeq.mjs')).AXMDocumentExplorerLargeIconsViewComponent,
-            'small-icons': async () => (await import('./acorex-platform-module-document-management-client-small-icons-view.component-jQDh6WgR.mjs')).AXMDocumentExplorerSmallIconsViewComponent,
-            'attachment': async () => (await import('./acorex-platform-module-document-management-client-attachment-widget.component-D0F-BlKw.mjs')).AXMDocumentExplorerAttachmentComponent,
+            list: async () => (await import('./acorex-platform-module-document-management-client-list-view.component-DOqc7vC9.mjs')).AXMDocumentExplorerListViewComponent,
+            'small-tiles': async () => (await import('./acorex-platform-module-document-management-client-small-tiles-view.component-Ci2m67vw.mjs')).AXMDocumentExplorerSmallTilesViewComponent,
+            'large-tiles': async () => (await import('./acorex-platform-module-document-management-client-large-tiles-view.component-ClRmDSXY.mjs')).AXMDocumentExplorerLargeTilesViewComponent,
+            details: async () => (await import('./acorex-platform-module-document-management-client-details-view.component-TKzt2KvO.mjs')).AXMDocumentExplorerDetailsViewComponent,
+            'large-icons': async () => (await import('./acorex-platform-module-document-management-client-large-icons-view.component-DWuhN497.mjs')).AXMDocumentExplorerLargeIconsViewComponent,
+            'small-icons': async () => (await import('./acorex-platform-module-document-management-client-small-icons-view.component-DbO9rbel.mjs')).AXMDocumentExplorerSmallIconsViewComponent,
+            'attachment': async () => (await import('./acorex-platform-module-document-management-client-attachment-widget.component-BcxGDjeF.mjs')).AXMDocumentExplorerAttachmentComponent,
         };
         this.skeletonViewMap = {
-            list: async () => (await import('./acorex-platform-module-document-management-client-list-view-skeleton.component-DISl1_Oq.mjs')).AXMDocumentExplorerListViewSkeletonComponent,
-            'small-tiles': async () => (await import('./acorex-platform-module-document-management-client-small-tiles-view-skeleton.component-BAX3nQvQ.mjs'))
+            list: async () => (await import('./acorex-platform-module-document-management-client-list-view-skeleton.component-uO3rSIL6.mjs')).AXMDocumentExplorerListViewSkeletonComponent,
+            'small-tiles': async () => (await import('./acorex-platform-module-document-management-client-small-tiles-view-skeleton.component-CO9d4ytu.mjs'))
                 .AXMDocumentExplorerSmallTilesViewSkeletonComponent,
             'large-tiles': async () => (await Promise.resolve().then(function () { return largeTilesViewSkeleton_component; }))
                 .AXMDocumentExplorerLargeTilesViewSkeletonComponent,
             details: async () => (await import('./acorex-platform-module-document-management-client-details-view-skeleton.component-BnRZrzCX.mjs')).AXMDocumentExplorerDetailsViewSkeletonComponent,
-            'large-icons': async () => (await import('./acorex-platform-module-document-management-client-large-icons-view-skeleton.component-BbhvEEHA.mjs'))
+            'large-icons': async () => (await import('./acorex-platform-module-document-management-client-large-icons-view-skeleton.component-q5QaDA3U.mjs'))
                 .AXMDocumentExplorerLargeIconsViewSkeletonComponent,
-            'small-icons': async () => (await import('./acorex-platform-module-document-management-client-small-icons-view-skeleton.component-rFpvlGch.mjs'))
+            'small-icons': async () => (await import('./acorex-platform-module-document-management-client-small-icons-view-skeleton.component-DCjsVs5n.mjs'))
                 .AXMDocumentExplorerSmallIconsViewSkeletonComponent,
-            attachment: async () => (await import('./acorex-platform-module-document-management-client-attachment-view-skeleton.component-BSw5qPPj.mjs'))
+            attachment: async () => (await import('./acorex-platform-module-document-management-client-attachment-view-skeleton.component-B-MJAd6K.mjs'))
                 .AXMDocumentExplorerAttachmentViewSkeletonComponent,
         };
         this.#effect2 = effect(() => {
@@ -8457,15 +8534,15 @@ class AXMDocumentManagementModule {
             provideCommandSetups([
                 {
                     key: 'DocumentManagement.Document:Upload',
-                    command: () => import('./acorex-platform-module-document-management-client-upload-document.command-SvlUanUP.mjs').then((c) => c.AXMUploadDocumentCommand),
+                    command: () => import('./acorex-platform-module-document-management-client-upload-document.command-BsziEhNt.mjs').then((c) => c.AXMUploadDocumentCommand),
                 },
                 {
                     key: 'DocumentManagement.Document:Open',
-                    command: () => import('./acorex-platform-module-document-management-client-open-document.command-DHeVyOn1.mjs').then((c) => c.AXMOpenDocumentCommand),
+                    command: () => import('./acorex-platform-module-document-management-client-open-document.command-B87Xj3s6.mjs').then((c) => c.AXMOpenDocumentCommand),
                 },
                 {
                     key: 'DocumentManagement.Document:Distribute',
-                    command: () => import('./acorex-platform-module-document-management-client-distribute-document.command-DlpVqyIC.mjs').then((c) => c.AXMDistributeDocumentCommand),
+                    command: () => import('./acorex-platform-module-document-management-client-distribute-document.command-DoQC3ylx.mjs').then((c) => c.AXMDistributeDocumentCommand),
                 },
                 {
                     key: 'DocumentManagement.DocumentDistribution:SignOff',
@@ -8473,7 +8550,7 @@ class AXMDocumentManagementModule {
                 },
                 {
                     key: 'DocumentManagement.Document:RequestReview',
-                    command: () => import('./acorex-platform-module-document-management-client-request-document-review.command-DN6CupYF.mjs').then((c) => c.AXMRequestDocumentReviewCommand),
+                    command: () => import('./acorex-platform-module-document-management-client-request-document-review.command-MLT9W3J0.mjs').then((c) => c.AXMRequestDocumentReviewCommand),
                 },
                 {
                     key: 'DocumentManagement.DocumentReview:SignOff',
@@ -8564,15 +8641,15 @@ 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-SvlUanUP.mjs').then((c) => c.AXMUploadDocumentCommand),
+                                command: () => import('./acorex-platform-module-document-management-client-upload-document.command-BsziEhNt.mjs').then((c) => c.AXMUploadDocumentCommand),
                             },
                             {
                                 key: 'DocumentManagement.Document:Open',
-                                command: () => import('./acorex-platform-module-document-management-client-open-document.command-DHeVyOn1.mjs').then((c) => c.AXMOpenDocumentCommand),
+                                command: () => import('./acorex-platform-module-document-management-client-open-document.command-B87Xj3s6.mjs').then((c) => c.AXMOpenDocumentCommand),
                             },
                             {
                                 key: 'DocumentManagement.Document:Distribute',
-                                command: () => import('./acorex-platform-module-document-management-client-distribute-document.command-DlpVqyIC.mjs').then((c) => c.AXMDistributeDocumentCommand),
+                                command: () => import('./acorex-platform-module-document-management-client-distribute-document.command-DoQC3ylx.mjs').then((c) => c.AXMDistributeDocumentCommand),
                             },
                             {
                                 key: 'DocumentManagement.DocumentDistribution:SignOff',
@@ -8580,7 +8657,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
                             },
                             {
                                 key: 'DocumentManagement.Document:RequestReview',
-                                command: () => import('./acorex-platform-module-document-management-client-request-document-review.command-DN6CupYF.mjs').then((c) => c.AXMRequestDocumentReviewCommand),
+                                command: () => import('./acorex-platform-module-document-management-client-request-document-review.command-MLT9W3J0.mjs').then((c) => c.AXMRequestDocumentReviewCommand),
                             },
                             {
                                 key: 'DocumentManagement.DocumentReview:SignOff',
@@ -9091,9 +9168,10 @@ class AXMDocumentDriveComponent extends AXPPageLayoutBaseComponent {
         });
         const metadataFields = documentTypeIds.length > 0 ? await this.driveService.getUniqueMetadataFields(documentTypeIds) : [];
         for (const field of metadataFields) {
+            const multiple = field.widgetOptions?.['multiple'] === true;
             definitions.push({
-                field: field.widgetPath,
-                operator: { type: this.getDefaultOperatorForEditor(field.widgetType) },
+                field: field.widgetPath?.trim() || field.name,
+                operator: { type: this.getDefaultOperatorForEditor(field.widgetType, multiple) },
                 title: field.title,
                 icon: this.getMetadataFieldIcon(field.widgetType),
                 widget: {
@@ -9144,6 +9222,7 @@ class AXMDocumentDriveComponent extends AXPPageLayoutBaseComponent {
             case 'number-editor':
                 return 'number-filter';
             case 'select-editor':
+            case 'selection-list-editor':
                 return 'select-filter';
             case 'date-time-editor':
                 return 'date-filter';
@@ -9154,12 +9233,13 @@ class AXMDocumentDriveComponent extends AXPPageLayoutBaseComponent {
         }
     }
     /** Returns default operator type name for a given editor widget type. */
-    getDefaultOperatorForEditor(editorType) {
+    getDefaultOperatorForEditor(editorType, multiple = false) {
         switch (editorType) {
             case 'number-editor':
                 return 'equal';
             case 'select-editor':
-                return 'equal';
+            case 'selection-list-editor':
+                return multiple ? 'in' : 'equal';
             case 'date-time-editor':
                 return 'equal';
             case 'text-editor':
@@ -9174,6 +9254,7 @@ class AXMDocumentDriveComponent extends AXPPageLayoutBaseComponent {
             case 'number-editor':
                 return 'fa-hashtag';
             case 'select-editor':
+            case 'selection-list-editor':
                 return 'fa-list';
             case 'date-time-editor':
                 return 'fa-calendar';
@@ -9383,4 +9464,4 @@ var drive_component = /*#__PURE__*/Object.freeze({
  */
 
 export { resolveFolderExpirationCountBadges as $, AXPDocumentExplorerViewModel as A, AXMDocumentManagerServiceImpl as B, AXMFileTypeExtensionWidgetColumnComponent as C, AXMFileTypeExtensionWidgetDesignerComponent as D, AXMFileTypeExtensionWidgetEditComponent as E, AXMFileTypeExtensionWidgetViewComponent as F, AXMFileTypeModule as G, AXMMenuProvider as H, AXMSearchCommandProvider as I, AXM_DOCUMENT_ATTACHMENT_DIALOG_ON_ACTION_HOOK_KEY as J, AXM_DOCUMENT_DIALOG_SURFACE_ATTACHMENT as K, AXM_DOCUMENT_DIALOG_SURFACE_ATTACHMENT_NO_SAVE as L, AXM_DOCUMENT_EXPIRATION_STATUS as M, AXM_DOCUMENT_EXPIRATION_STATUS_DEFINITION_KEY as N, AXPDocumentManagementSettingProvider as O, AXmFileTypeExtensionWidget as P, DM_AUDIO_EXTENSION_ICONS as Q, DM_DOCUMENT_EXTENSION_ICONS as R, DM_FILE_EXTENSION_ICONS as S, DM_FILE_TYPE_ICONS as T, DM_VIDEO_EXTENSION_ICONS as U, DOCUMENT_DRIVE_PAGE_COMPONENT_KEY as V, ScopedDriveService as W, buildDocumentManagementFileTypeCatalog as X, documentPlugin as Y, resolveDocumentExpirationBadge as Z, resolveDocumentVersionNumber as _, AXMDocumentExpirationBadgeComponent as a, AXMDocumentVersionBadgeComponent as b, AXMFolderExpirationBadgesComponent as c, collectFolderScopedMetaDataList as d, collectDocumentScopedMetaDataList as e, flattenMetaDataColumns as f, collectLookupKeys as g, collectDocumentTypeIds as h, collectDocumentTypeNames as i, AXMDocumentManagerService as j, AXMDocumentDialogService as k, buildFileChooserOptionsFromDocumentType as l, AXPDocumentManagementService as m, collectDocumentTypeKeys as n, sourcesAllowDocumentReview as o, AXMDocumentExplorerComponent as p, AXMFolderPathBreadcrumbsComponent as q, readNodeMetaDataValue as r, sourcesAllowDocumentDistribution as s, AXMDocumentDriveComponent as t, AXMDocumentDrivePageComponent as u, AXMDocumentDrivePageComponentProvider as v, AXMDocumentExpirationStatusProvider as w, AXMDocumentManagementApiService as x, AXMDocumentManagementFileTypeProvider as y, AXMDocumentManagementModule as z };
-//# sourceMappingURL=acorex-platform-module-document-management-client-acorex-platform-module-document-management-client-Dc3e3vuv.mjs.map
+//# sourceMappingURL=acorex-platform-module-document-management-client-acorex-platform-module-document-management-client-C_TdVup5.mjs.map