@acorex/modules 21.0.0-beta.6 → 21.0.0-beta.8

package/fesm2022/acorex-modules-document-management-large-tiles-view.component-DaIVK3ew.mjs

@@ -0,0 +1,24 @@
+import * as i0 from '@angular/core';
+import { inject, Component } from '@angular/core';
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import { AXPElementDataDirective, AXPDblClickDirective } from '@acorex/platform/core';
+import { AXPDocumentExplorerViewModel } from './acorex-modules-document-management.mjs';
+import * as i2 from '@acorex/core/format';
+import { AXFormatModule } from '@acorex/core/format';
+import { AXDateTimeModule } from '@acorex/core/date-time';
+
+class AXMDocumentExplorerLargeTilesViewComponent {
+    constructor() {
+        this.vm = inject(AXPDocumentExplorerViewModel);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMDocumentExplorerLargeTilesViewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: AXMDocumentExplorerLargeTilesViewComponent, isStandalone: true, selector: "axm-document-explorer-large-tiles-view", ngImport: i0, template: "<!-- Folders Section -->\n@if (vm.filteredFolders().length > 0) {\n<div class=\"__section fa-3x\">\n  <div class=\"__header\">\n    <h3 class=\"__title\">Folders</h3>\n  </div>\n  <div class=\"__content\">\n    @for (folder of vm.filteredFolders(); track folder.id) {\n    @let folderDisplay = vm.getNodeDisplayInfo(folder);\n    <div\n      class=\"__explorer-item\"\n      [class.--selected]=\"vm.isItemSelected(folder)\"\n      [axp-data]=\"folder\"\n      (click)=\"vm.toggleSelect(folder)\"\n      (onDblClick)=\"vm.navigateToFolder(folder.id)\"\n    >\n      <div class=\"__icon text-yellow-400\" [class.__shortcut]=\"folderDisplay.isShortcut\">\n        @if (vm.isLoadingFolder(folder.id)) {\n        <i class=\"fa-light fa-spinner fa-spin-pulse\"></i>\n        } @else {\n        <i class=\"fas fa-folder-closed\"></i>\n        }\n        @if (folderDisplay.isShortcut) {\n        <i class=\"__shortcut-arrow fa-light fa-up-right-from-square\" aria-hidden=\"true\"></i>\n        }\n      </div>\n      <span class=\"__name\">{{ folder.name }}</span>\n      <div class=\"__info\">\n        <span>{{ folder.children?.length ?? 0 }} items</span>\n        <span>{{ folder.modifiedAt | format : 'datetime' : { format: 'datetime' } | async }}</span>\n      </div>\n    </div>\n    }\n  </div>\n</div>\n}\n\n<!-- Files Section -->\n@if (vm.filteredFiles().length > 0) {\n<div class=\"__section fa-3x\">\n  <div class=\"__header\">\n    <h3 class=\"__title\">Files</h3>\n  </div>\n  <div class=\"__content\">\n    @for (file of vm.filteredFiles(); track file.id) { @let fileDisplay = vm.getNodeDisplayInfo(file);\n    <div\n      class=\"__explorer-item\"\n      [class.--selected]=\"vm.isItemSelected(file)\"\n      [axp-data]=\"file\"\n      (click)=\"vm.toggleSelect(file)\"\n      (dblclick)=\"vm.openFile(file)\"\n    >\n      <div class=\"__icon\" [class.__shortcut]=\"fileDisplay.isShortcut\">\n        <i class=\"fa-fw {{ fileDisplay.icon }} fa-solid\"></i>\n        @if (fileDisplay.isShortcut) {\n        <i class=\"__shortcut-arrow fa-light fa-up-right-from-square\" aria-hidden=\"true\"></i>\n        }\n      </div>\n      <span class=\"__name\">{{ file.name }}</span>\n      <div class=\"__info\">\n        <span>{{ file.size | format : 'filesize' | async }}</span>\n        <span>{{ file.modifiedAt | format : 'datetime' : { format: 'datetime' } | async }}</span>\n      </div>\n    </div>\n    }\n  </div>\n</div>\n}\n", styles: ["@layer properties;:host .__section{margin-bottom:calc(var(--spacing, .25rem) * 8)}:host .__section:last-child{margin-bottom:calc(var(--spacing, .25rem) * 0)}:host .__section .__header .__title{margin-bottom:calc(var(--spacing, .25rem) * 4);font-size:var(--text-lg, 1.125rem);line-height:var(--tw-leading, var(--text-lg--line-height, calc(1.75 / 1.125)));--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500)}:host .__section .__content{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:calc(var(--spacing, .25rem) * 4)}:host .__section .__content .__explorer-item{display:flex;cursor:pointer;flex-direction:column;gap:calc(var(--spacing, .25rem) * 1);border-radius:var(--radius-lg, .5rem);border-style:var(--tw-border-style);border-width:1px;background-color:var(--color-lighter);color:var(--color-on-lighter);border-color:var(--color-border-lighter);padding:calc(var(--spacing, .25rem) * 4)}:host .__section .__content .__explorer-item:hover{background-color:var(--color-light);color:var(--color-on-light);border-color:var(--color-border-light)}:host .__section .__content .__explorer-item .__icon{position:relative;margin-bottom:calc(var(--spacing, .25rem) * 2);display:inline-flex}:host .__section .__content .__explorer-item .__icon.__shortcut .__shortcut-arrow{position:absolute;bottom:0;right:0;font-size:.5em;opacity:.9}:host .__section .__content .__explorer-item .__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:start;font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600)}:host .__section .__content .__explorer-item .__info{display:flex;width:100%;justify-content:space-between;--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);opacity:65%}:host .__section .__content .__explorer-item .__info span{font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)))}:host .__section .__content .__explorer-item.--selected{background-color:var(--color-darker);color:var(--color-on-darker);border-color:var(--color-border-darker)}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@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-font-weight: initial;--tw-border-style: solid}}}\n/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: AXPElementDataDirective, selector: "[axp-data]", inputs: ["axp-data", "axp-data-path"] }, { kind: "directive", type: AXPDblClickDirective, selector: "[onDblClick]", outputs: ["onDblClick"] }, { kind: "ngmodule", type: AXFormatModule }, { kind: "ngmodule", type: AXDateTimeModule }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.AXFormatPipe, name: "format" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMDocumentExplorerLargeTilesViewComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'axm-document-explorer-large-tiles-view', standalone: true, imports: [CommonModule, AXPElementDataDirective, AXPDblClickDirective, AXFormatModule, AXDateTimeModule], template: "<!-- Folders Section -->\n@if (vm.filteredFolders().length > 0) {\n<div class=\"__section fa-3x\">\n  <div class=\"__header\">\n    <h3 class=\"__title\">Folders</h3>\n  </div>\n  <div class=\"__content\">\n    @for (folder of vm.filteredFolders(); track folder.id) {\n    @let folderDisplay = vm.getNodeDisplayInfo(folder);\n    <div\n      class=\"__explorer-item\"\n      [class.--selected]=\"vm.isItemSelected(folder)\"\n      [axp-data]=\"folder\"\n      (click)=\"vm.toggleSelect(folder)\"\n      (onDblClick)=\"vm.navigateToFolder(folder.id)\"\n    >\n      <div class=\"__icon text-yellow-400\" [class.__shortcut]=\"folderDisplay.isShortcut\">\n        @if (vm.isLoadingFolder(folder.id)) {\n        <i class=\"fa-light fa-spinner fa-spin-pulse\"></i>\n        } @else {\n        <i class=\"fas fa-folder-closed\"></i>\n        }\n        @if (folderDisplay.isShortcut) {\n        <i class=\"__shortcut-arrow fa-light fa-up-right-from-square\" aria-hidden=\"true\"></i>\n        }\n      </div>\n      <span class=\"__name\">{{ folder.name }}</span>\n      <div class=\"__info\">\n        <span>{{ folder.children?.length ?? 0 }} items</span>\n        <span>{{ folder.modifiedAt | format : 'datetime' : { format: 'datetime' } | async }}</span>\n      </div>\n    </div>\n    }\n  </div>\n</div>\n}\n\n<!-- Files Section -->\n@if (vm.filteredFiles().length > 0) {\n<div class=\"__section fa-3x\">\n  <div class=\"__header\">\n    <h3 class=\"__title\">Files</h3>\n  </div>\n  <div class=\"__content\">\n    @for (file of vm.filteredFiles(); track file.id) { @let fileDisplay = vm.getNodeDisplayInfo(file);\n    <div\n      class=\"__explorer-item\"\n      [class.--selected]=\"vm.isItemSelected(file)\"\n      [axp-data]=\"file\"\n      (click)=\"vm.toggleSelect(file)\"\n      (dblclick)=\"vm.openFile(file)\"\n    >\n      <div class=\"__icon\" [class.__shortcut]=\"fileDisplay.isShortcut\">\n        <i class=\"fa-fw {{ fileDisplay.icon }} fa-solid\"></i>\n        @if (fileDisplay.isShortcut) {\n        <i class=\"__shortcut-arrow fa-light fa-up-right-from-square\" aria-hidden=\"true\"></i>\n        }\n      </div>\n      <span class=\"__name\">{{ file.name }}</span>\n      <div class=\"__info\">\n        <span>{{ file.size | format : 'filesize' | async }}</span>\n        <span>{{ file.modifiedAt | format : 'datetime' : { format: 'datetime' } | async }}</span>\n      </div>\n    </div>\n    }\n  </div>\n</div>\n}\n", styles: ["@layer properties;:host .__section{margin-bottom:calc(var(--spacing, .25rem) * 8)}:host .__section:last-child{margin-bottom:calc(var(--spacing, .25rem) * 0)}:host .__section .__header .__title{margin-bottom:calc(var(--spacing, .25rem) * 4);font-size:var(--text-lg, 1.125rem);line-height:var(--tw-leading, var(--text-lg--line-height, calc(1.75 / 1.125)));--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500)}:host .__section .__content{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:calc(var(--spacing, .25rem) * 4)}:host .__section .__content .__explorer-item{display:flex;cursor:pointer;flex-direction:column;gap:calc(var(--spacing, .25rem) * 1);border-radius:var(--radius-lg, .5rem);border-style:var(--tw-border-style);border-width:1px;background-color:var(--color-lighter);color:var(--color-on-lighter);border-color:var(--color-border-lighter);padding:calc(var(--spacing, .25rem) * 4)}:host .__section .__content .__explorer-item:hover{background-color:var(--color-light);color:var(--color-on-light);border-color:var(--color-border-light)}:host .__section .__content .__explorer-item .__icon{position:relative;margin-bottom:calc(var(--spacing, .25rem) * 2);display:inline-flex}:host .__section .__content .__explorer-item .__icon.__shortcut .__shortcut-arrow{position:absolute;bottom:0;right:0;font-size:.5em;opacity:.9}:host .__section .__content .__explorer-item .__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:start;font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600)}:host .__section .__content .__explorer-item .__info{display:flex;width:100%;justify-content:space-between;--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);opacity:65%}:host .__section .__content .__explorer-item .__info span{font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)))}:host .__section .__content .__explorer-item.--selected{background-color:var(--color-darker);color:var(--color-on-darker);border-color:var(--color-border-darker)}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@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-font-weight: initial;--tw-border-style: solid}}}\n/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */\n"] }]
+        }] });
+
+export { AXMDocumentExplorerLargeTilesViewComponent };
+//# sourceMappingURL=acorex-modules-document-management-large-tiles-view.component-DaIVK3ew.mjs.map

package/fesm2022/acorex-modules-document-management-large-tiles-view.component-DaIVK3ew.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"acorex-modules-document-management-large-tiles-view.component-DaIVK3ew.mjs","sources":["../../../../libs/modules/document-management/src/lib/features/document-explorer/views/large-tiles/large-tiles-view.component.ts","../../../../libs/modules/document-management/src/lib/features/document-explorer/views/large-tiles/large-tiles-view.component.html"],"sourcesContent":["import { Component, inject } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { AXPDblClickDirective, AXPElementDataDirective } from '@acorex/platform/core';\nimport { AXPDocumentExplorerViewModel } from '../../document-explorer.viewmodel';\nimport { AXFormatModule } from '@acorex/core/format';\nimport { AXDateTimeModule } from '@acorex/core/date-time';\n\n@Component({\n    selector: 'axm-document-explorer-large-tiles-view',\n    templateUrl: './large-tiles-view.component.html',\n    styleUrls: ['./large-tiles-view.component.css'],\n    standalone: true,\n    imports: [CommonModule, AXPElementDataDirective, AXPDblClickDirective, AXFormatModule, AXDateTimeModule],\n})\nexport class AXMDocumentExplorerLargeTilesViewComponent {\n    protected vm = inject(AXPDocumentExplorerViewModel);\n} ","<!-- Folders Section -->\n@if (vm.filteredFolders().length > 0) {\n<div class=\"__section fa-3x\">\n  <div class=\"__header\">\n    <h3 class=\"__title\">Folders</h3>\n  </div>\n  <div class=\"__content\">\n    @for (folder of vm.filteredFolders(); track folder.id) {\n    @let folderDisplay = vm.getNodeDisplayInfo(folder);\n    <div\n      class=\"__explorer-item\"\n      [class.--selected]=\"vm.isItemSelected(folder)\"\n      [axp-data]=\"folder\"\n      (click)=\"vm.toggleSelect(folder)\"\n      (onDblClick)=\"vm.navigateToFolder(folder.id)\"\n    >\n      <div class=\"__icon text-yellow-400\" [class.__shortcut]=\"folderDisplay.isShortcut\">\n        @if (vm.isLoadingFolder(folder.id)) {\n        <i class=\"fa-light fa-spinner fa-spin-pulse\"></i>\n        } @else {\n        <i class=\"fas fa-folder-closed\"></i>\n        }\n        @if (folderDisplay.isShortcut) {\n        <i class=\"__shortcut-arrow fa-light fa-up-right-from-square\" aria-hidden=\"true\"></i>\n        }\n      </div>\n      <span class=\"__name\">{{ folder.name }}</span>\n      <div class=\"__info\">\n        <span>{{ folder.children?.length ?? 0 }} items</span>\n        <span>{{ folder.modifiedAt | format : 'datetime' : { format: 'datetime' } | async }}</span>\n      </div>\n    </div>\n    }\n  </div>\n</div>\n}\n\n<!-- Files Section -->\n@if (vm.filteredFiles().length > 0) {\n<div class=\"__section fa-3x\">\n  <div class=\"__header\">\n    <h3 class=\"__title\">Files</h3>\n  </div>\n  <div class=\"__content\">\n    @for (file of vm.filteredFiles(); track file.id) { @let fileDisplay = vm.getNodeDisplayInfo(file);\n    <div\n      class=\"__explorer-item\"\n      [class.--selected]=\"vm.isItemSelected(file)\"\n      [axp-data]=\"file\"\n      (click)=\"vm.toggleSelect(file)\"\n      (dblclick)=\"vm.openFile(file)\"\n    >\n      <div class=\"__icon\" [class.__shortcut]=\"fileDisplay.isShortcut\">\n        <i class=\"fa-fw {{ fileDisplay.icon }} fa-solid\"></i>\n        @if (fileDisplay.isShortcut) {\n        <i class=\"__shortcut-arrow fa-light fa-up-right-from-square\" aria-hidden=\"true\"></i>\n        }\n      </div>\n      <span class=\"__name\">{{ file.name }}</span>\n      <div class=\"__info\">\n        <span>{{ file.size | format : 'filesize' | async }}</span>\n        <span>{{ file.modifiedAt | format : 'datetime' : { format: 'datetime' } | async }}</span>\n      </div>\n    </div>\n    }\n  </div>\n</div>\n}\n"],"names":[],"mappings":";;;;;;;;;;MAca,0CAA0C,CAAA;AAPvD,IAAA,WAAA,GAAA;AAQc,QAAA,IAAA,CAAA,EAAE,GAAG,MAAM,CAAC,4BAA4B,CAAC;AACtD,IAAA;8GAFY,0CAA0C,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAA1C,0CAA0C,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,wCAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECdvD,o4EAoEA,EAAA,MAAA,EAAA,CAAA,wpFAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDxDc,YAAY,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,uBAAuB,EAAA,QAAA,EAAA,YAAA,EAAA,MAAA,EAAA,CAAA,UAAA,EAAA,eAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,oBAAoB,EAAA,QAAA,EAAA,cAAA,EAAA,OAAA,EAAA,CAAA,YAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAE,cAAc,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAE,gBAAgB,EAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAA,EAAA,CAAA,SAAA,EAAA,IAAA,EAAA,OAAA,EAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAA,EAAA,CAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,CAAA,EAAA,CAAA,CAAA;;2FAE9F,0CAA0C,EAAA,UAAA,EAAA,CAAA;kBAPtD,SAAS;AACI,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,wCAAwC,EAAA,UAAA,EAGtC,IAAI,EAAA,OAAA,EACP,CAAC,YAAY,EAAE,uBAAuB,EAAE,oBAAoB,EAAE,cAAc,EAAE,gBAAgB,CAAC,EAAA,QAAA,EAAA,o4EAAA,EAAA,MAAA,EAAA,CAAA,wpFAAA,CAAA,EAAA;;;;;"}

package/fesm2022/acorex-modules-document-management-small-tiles-view.component-G5AGqp_q.mjs

@@ -0,0 +1,24 @@
+import * as i0 from '@angular/core';
+import { inject, Component } from '@angular/core';
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import { AXPElementDataDirective, AXPDblClickDirective } from '@acorex/platform/core';
+import { AXPDocumentExplorerViewModel } from './acorex-modules-document-management.mjs';
+import * as i2 from '@acorex/core/format';
+import { AXFormatModule } from '@acorex/core/format';
+import { AXDateTimeModule } from '@acorex/core/date-time';
+
+class AXMDocumentExplorerSmallTilesViewComponent {
+    constructor() {
+        this.vm = inject(AXPDocumentExplorerViewModel);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMDocumentExplorerSmallTilesViewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: AXMDocumentExplorerSmallTilesViewComponent, isStandalone: true, selector: "axm-document-explorer-small-tiles-view", ngImport: i0, template: "<!-- Folders Section -->\n@if (vm.filteredFolders().length > 0) {\n<div class=\"__section\">\n  <div class=\"__header\">\n    <h3 class=\"__title\">Folders</h3>\n  </div>\n  <div class=\"__content\">\n    @for (folder of vm.filteredFolders(); track folder.id) {\n    @let folderDisplay = vm.getNodeDisplayInfo(folder);\n    <div\n      class=\"__explorer-item\"\n      [class.--selected]=\"vm.isItemSelected(folder)\"\n      [axp-data]=\"folder\"\n      (click)=\"vm.toggleSelect(folder)\"\n      (onDblClick)=\"vm.navigateToFolder(folder.id)\"\n    >\n      <div class=\"__icon text-yellow-400 fa-2x\" [class.__shortcut]=\"folderDisplay.isShortcut\">\n        @if (vm.isLoadingFolder(folder.id)) {\n        <i class=\"fa-light fa-spinner fa-spin-pulse\"></i>\n        } @else {\n        <i class=\"fas fa-folder-closed\"></i>\n        }\n        @if (folderDisplay.isShortcut) {\n        <i class=\"__shortcut-arrow fa-light fa-up-right-from-square\" aria-hidden=\"true\"></i>\n        }\n      </div>\n      <div class=\"__details\">\n        <div class=\"__name\">{{ folder.name }}</div>\n        <div class=\"__info\">\n          <span>{{ folder.children?.length ?? 0 }} items</span>\n          <span>{{ folder.modifiedAt | format : 'datetime' : { format: 'datetime' } | async }}</span>\n        </div>\n      </div>\n    </div>\n    }\n  </div>\n</div>\n}\n\n<!-- Files Section -->\n@if (vm.filteredFiles().length > 0) {\n<div class=\"__section\">\n  <div class=\"__header\">\n    <h3 class=\"__title\">Files</h3>\n  </div>\n  <div class=\"__content\">\n    @for (file of vm.filteredFiles(); track file.id) { @let fileDisplay = vm.getNodeDisplayInfo(file);\n    <div\n      class=\"__explorer-item\"\n      [class.--selected]=\"vm.isItemSelected(file)\"\n      [axp-data]=\"file\"\n      (click)=\"vm.toggleSelect(file)\"\n      (onDblClick)=\"vm.openFile(file)\"\n    >\n      <div class=\"__icon fa-2x\" [class.__shortcut]=\"fileDisplay.isShortcut\">\n        <i class=\"fa-fw {{ fileDisplay.icon }} fa-solid\"></i>\n        @if (fileDisplay.isShortcut) {\n        <i class=\"__shortcut-arrow fa-light fa-up-right-from-square\" aria-hidden=\"true\"></i>\n        }\n      </div>\n      <div class=\"__details\">\n        <div class=\"__name\">{{ file.name }}</div>\n        <div class=\"__info\">\n          <span>{{ file.size | format : 'filesize' | async }}</span>\n          <span>{{ file.modifiedAt | format : 'datetime' : { format: 'datetime' } | async }}</span>\n        </div>\n      </div>\n    </div>\n    }\n  </div>\n</div>\n}\n", styles: ["@layer properties;:host .__section{margin-bottom:calc(var(--spacing, .25rem) * 8)}:host .__section:last-child{margin-bottom:calc(var(--spacing, .25rem) * 0)}:host .__section .__header .__title{margin-bottom:calc(var(--spacing, .25rem) * 4);font-size:var(--text-lg, 1.125rem);line-height:var(--tw-leading, var(--text-lg--line-height, calc(1.75 / 1.125)));--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500)}:host .__section .__content{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:calc(var(--spacing, .25rem) * 2)}:host .__section .__content .__explorer-item{display:flex;cursor:pointer;align-items:center;gap:calc(var(--spacing, .25rem) * 3);border-radius:var(--radius-lg, .5rem);border-style:var(--tw-border-style);border-width:1px;background-color:var(--color-lighter);color:var(--color-on-lighter);border-color:var(--color-border-lighter);padding:calc(var(--spacing, .25rem) * 2)}:host .__section .__content .__explorer-item:hover{background-color:var(--color-light);color:var(--color-on-light);border-color:var(--color-border-light)}:host .__section .__content .__explorer-item .__icon{position:relative;display:inline-flex;flex-shrink:0}:host .__section .__content .__explorer-item .__icon.__shortcut .__shortcut-arrow{position:absolute;bottom:0;right:0;font-size:.5em;opacity:.9}:host .__section .__content .__explorer-item .__details{min-width:calc(var(--spacing, .25rem) * 0);flex:1}:host .__section .__content .__explorer-item .__details .__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:start;font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600)}:host .__section .__content .__explorer-item .__details .__info{display:flex;width:100%;justify-content:space-between;--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);opacity:65%}:host .__section .__content .__explorer-item .__details .__info span{font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)))}:host .__section .__content .__explorer-item.--selected{background-color:var(--color-darker);color:var(--color-on-darker);border-color:var(--color-border-darker)}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@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-font-weight: initial;--tw-border-style: solid}}}\n/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: AXPElementDataDirective, selector: "[axp-data]", inputs: ["axp-data", "axp-data-path"] }, { kind: "directive", type: AXPDblClickDirective, selector: "[onDblClick]", outputs: ["onDblClick"] }, { kind: "ngmodule", type: AXFormatModule }, { kind: "ngmodule", type: AXDateTimeModule }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.AXFormatPipe, name: "format" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMDocumentExplorerSmallTilesViewComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'axm-document-explorer-small-tiles-view', standalone: true, imports: [CommonModule, AXPElementDataDirective, AXPDblClickDirective, AXFormatModule, AXDateTimeModule], template: "<!-- Folders Section -->\n@if (vm.filteredFolders().length > 0) {\n<div class=\"__section\">\n  <div class=\"__header\">\n    <h3 class=\"__title\">Folders</h3>\n  </div>\n  <div class=\"__content\">\n    @for (folder of vm.filteredFolders(); track folder.id) {\n    @let folderDisplay = vm.getNodeDisplayInfo(folder);\n    <div\n      class=\"__explorer-item\"\n      [class.--selected]=\"vm.isItemSelected(folder)\"\n      [axp-data]=\"folder\"\n      (click)=\"vm.toggleSelect(folder)\"\n      (onDblClick)=\"vm.navigateToFolder(folder.id)\"\n    >\n      <div class=\"__icon text-yellow-400 fa-2x\" [class.__shortcut]=\"folderDisplay.isShortcut\">\n        @if (vm.isLoadingFolder(folder.id)) {\n        <i class=\"fa-light fa-spinner fa-spin-pulse\"></i>\n        } @else {\n        <i class=\"fas fa-folder-closed\"></i>\n        }\n        @if (folderDisplay.isShortcut) {\n        <i class=\"__shortcut-arrow fa-light fa-up-right-from-square\" aria-hidden=\"true\"></i>\n        }\n      </div>\n      <div class=\"__details\">\n        <div class=\"__name\">{{ folder.name }}</div>\n        <div class=\"__info\">\n          <span>{{ folder.children?.length ?? 0 }} items</span>\n          <span>{{ folder.modifiedAt | format : 'datetime' : { format: 'datetime' } | async }}</span>\n        </div>\n      </div>\n    </div>\n    }\n  </div>\n</div>\n}\n\n<!-- Files Section -->\n@if (vm.filteredFiles().length > 0) {\n<div class=\"__section\">\n  <div class=\"__header\">\n    <h3 class=\"__title\">Files</h3>\n  </div>\n  <div class=\"__content\">\n    @for (file of vm.filteredFiles(); track file.id) { @let fileDisplay = vm.getNodeDisplayInfo(file);\n    <div\n      class=\"__explorer-item\"\n      [class.--selected]=\"vm.isItemSelected(file)\"\n      [axp-data]=\"file\"\n      (click)=\"vm.toggleSelect(file)\"\n      (onDblClick)=\"vm.openFile(file)\"\n    >\n      <div class=\"__icon fa-2x\" [class.__shortcut]=\"fileDisplay.isShortcut\">\n        <i class=\"fa-fw {{ fileDisplay.icon }} fa-solid\"></i>\n        @if (fileDisplay.isShortcut) {\n        <i class=\"__shortcut-arrow fa-light fa-up-right-from-square\" aria-hidden=\"true\"></i>\n        }\n      </div>\n      <div class=\"__details\">\n        <div class=\"__name\">{{ file.name }}</div>\n        <div class=\"__info\">\n          <span>{{ file.size | format : 'filesize' | async }}</span>\n          <span>{{ file.modifiedAt | format : 'datetime' : { format: 'datetime' } | async }}</span>\n        </div>\n      </div>\n    </div>\n    }\n  </div>\n</div>\n}\n", styles: ["@layer properties;:host .__section{margin-bottom:calc(var(--spacing, .25rem) * 8)}:host .__section:last-child{margin-bottom:calc(var(--spacing, .25rem) * 0)}:host .__section .__header .__title{margin-bottom:calc(var(--spacing, .25rem) * 4);font-size:var(--text-lg, 1.125rem);line-height:var(--tw-leading, var(--text-lg--line-height, calc(1.75 / 1.125)));--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500)}:host .__section .__content{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:calc(var(--spacing, .25rem) * 2)}:host .__section .__content .__explorer-item{display:flex;cursor:pointer;align-items:center;gap:calc(var(--spacing, .25rem) * 3);border-radius:var(--radius-lg, .5rem);border-style:var(--tw-border-style);border-width:1px;background-color:var(--color-lighter);color:var(--color-on-lighter);border-color:var(--color-border-lighter);padding:calc(var(--spacing, .25rem) * 2)}:host .__section .__content .__explorer-item:hover{background-color:var(--color-light);color:var(--color-on-light);border-color:var(--color-border-light)}:host .__section .__content .__explorer-item .__icon{position:relative;display:inline-flex;flex-shrink:0}:host .__section .__content .__explorer-item .__icon.__shortcut .__shortcut-arrow{position:absolute;bottom:0;right:0;font-size:.5em;opacity:.9}:host .__section .__content .__explorer-item .__details{min-width:calc(var(--spacing, .25rem) * 0);flex:1}:host .__section .__content .__explorer-item .__details .__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:start;font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600)}:host .__section .__content .__explorer-item .__details .__info{display:flex;width:100%;justify-content:space-between;--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);opacity:65%}:host .__section .__content .__explorer-item .__details .__info span{font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)))}:host .__section .__content .__explorer-item.--selected{background-color:var(--color-darker);color:var(--color-on-darker);border-color:var(--color-border-darker)}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@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-font-weight: initial;--tw-border-style: solid}}}\n/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */\n"] }]
+        }] });
+
+export { AXMDocumentExplorerSmallTilesViewComponent };
+//# sourceMappingURL=acorex-modules-document-management-small-tiles-view.component-G5AGqp_q.mjs.map

package/fesm2022/acorex-modules-document-management-small-tiles-view.component-G5AGqp_q.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"acorex-modules-document-management-small-tiles-view.component-G5AGqp_q.mjs","sources":["../../../../libs/modules/document-management/src/lib/features/document-explorer/views/small-tiles/small-tiles-view.component.ts","../../../../libs/modules/document-management/src/lib/features/document-explorer/views/small-tiles/small-tiles-view.component.html"],"sourcesContent":["import { Component, inject } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { AXPElementDataDirective, AXPDblClickDirective } from '@acorex/platform/core';\nimport { AXPDocumentExplorerViewModel } from '../../document-explorer.viewmodel';\nimport { AXFormatModule } from '@acorex/core/format';\nimport { AXDateTimeModule } from '@acorex/core/date-time';\n\n@Component({\n    selector: 'axm-document-explorer-small-tiles-view',\n    templateUrl: './small-tiles-view.component.html',\n    styleUrls: ['./small-tiles-view.component.css'],\n    standalone: true,\n    imports: [CommonModule, AXPElementDataDirective, AXPDblClickDirective, AXFormatModule, AXDateTimeModule],\n})\nexport class AXMDocumentExplorerSmallTilesViewComponent {\n    protected vm = inject(AXPDocumentExplorerViewModel);\n} ","<!-- Folders Section -->\n@if (vm.filteredFolders().length > 0) {\n<div class=\"__section\">\n  <div class=\"__header\">\n    <h3 class=\"__title\">Folders</h3>\n  </div>\n  <div class=\"__content\">\n    @for (folder of vm.filteredFolders(); track folder.id) {\n    @let folderDisplay = vm.getNodeDisplayInfo(folder);\n    <div\n      class=\"__explorer-item\"\n      [class.--selected]=\"vm.isItemSelected(folder)\"\n      [axp-data]=\"folder\"\n      (click)=\"vm.toggleSelect(folder)\"\n      (onDblClick)=\"vm.navigateToFolder(folder.id)\"\n    >\n      <div class=\"__icon text-yellow-400 fa-2x\" [class.__shortcut]=\"folderDisplay.isShortcut\">\n        @if (vm.isLoadingFolder(folder.id)) {\n        <i class=\"fa-light fa-spinner fa-spin-pulse\"></i>\n        } @else {\n        <i class=\"fas fa-folder-closed\"></i>\n        }\n        @if (folderDisplay.isShortcut) {\n        <i class=\"__shortcut-arrow fa-light fa-up-right-from-square\" aria-hidden=\"true\"></i>\n        }\n      </div>\n      <div class=\"__details\">\n        <div class=\"__name\">{{ folder.name }}</div>\n        <div class=\"__info\">\n          <span>{{ folder.children?.length ?? 0 }} items</span>\n          <span>{{ folder.modifiedAt | format : 'datetime' : { format: 'datetime' } | async }}</span>\n        </div>\n      </div>\n    </div>\n    }\n  </div>\n</div>\n}\n\n<!-- Files Section -->\n@if (vm.filteredFiles().length > 0) {\n<div class=\"__section\">\n  <div class=\"__header\">\n    <h3 class=\"__title\">Files</h3>\n  </div>\n  <div class=\"__content\">\n    @for (file of vm.filteredFiles(); track file.id) { @let fileDisplay = vm.getNodeDisplayInfo(file);\n    <div\n      class=\"__explorer-item\"\n      [class.--selected]=\"vm.isItemSelected(file)\"\n      [axp-data]=\"file\"\n      (click)=\"vm.toggleSelect(file)\"\n      (onDblClick)=\"vm.openFile(file)\"\n    >\n      <div class=\"__icon fa-2x\" [class.__shortcut]=\"fileDisplay.isShortcut\">\n        <i class=\"fa-fw {{ fileDisplay.icon }} fa-solid\"></i>\n        @if (fileDisplay.isShortcut) {\n        <i class=\"__shortcut-arrow fa-light fa-up-right-from-square\" aria-hidden=\"true\"></i>\n        }\n      </div>\n      <div class=\"__details\">\n        <div class=\"__name\">{{ file.name }}</div>\n        <div class=\"__info\">\n          <span>{{ file.size | format : 'filesize' | async }}</span>\n          <span>{{ file.modifiedAt | format : 'datetime' : { format: 'datetime' } | async }}</span>\n        </div>\n      </div>\n    </div>\n    }\n  </div>\n</div>\n}\n"],"names":[],"mappings":";;;;;;;;;;MAca,0CAA0C,CAAA;AAPvD,IAAA,WAAA,GAAA;AAQc,QAAA,IAAA,CAAA,EAAE,GAAG,MAAM,CAAC,4BAA4B,CAAC;AACtD,IAAA;8GAFY,0CAA0C,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAA1C,0CAA0C,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,wCAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECdvD,o/EAwEA,EAAA,MAAA,EAAA,CAAA,+vFAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,ED5Dc,YAAY,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,uBAAuB,EAAA,QAAA,EAAA,YAAA,EAAA,MAAA,EAAA,CAAA,UAAA,EAAA,eAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,oBAAoB,EAAA,QAAA,EAAA,cAAA,EAAA,OAAA,EAAA,CAAA,YAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAE,cAAc,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAE,gBAAgB,EAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAA,EAAA,CAAA,SAAA,EAAA,IAAA,EAAA,OAAA,EAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAA,EAAA,CAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,CAAA,EAAA,CAAA,CAAA;;2FAE9F,0CAA0C,EAAA,UAAA,EAAA,CAAA;kBAPtD,SAAS;AACI,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,wCAAwC,EAAA,UAAA,EAGtC,IAAI,EAAA,OAAA,EACP,CAAC,YAAY,EAAE,uBAAuB,EAAE,oBAAoB,EAAE,cAAc,EAAE,gBAAgB,CAAC,EAAA,QAAA,EAAA,o/EAAA,EAAA,MAAA,EAAA,CAAA,+vFAAA,CAAA,EAAA;;;;;"}

package/fesm2022/acorex-modules-document-management.mjs

@@ -2051,11 +2051,10 @@ class AXMDocumentDialogService {
                     const item = fileList[index];
                     if (showMeta) {
                         if (hasMetaFields) {
-                            // Bind meta-data-form-editor to file-${index}.metaDataForm so that
-                            // metaDataFormWithExpiration can read/write correctly.
-                            flex.formField('@document-management:terms.common.meta-data', (field) => {
-                                field.path(`file-${index}.metaDataForm`);
-                                field.customWidget('meta-data-form-editor', editableMetaDataList);
+                            // Bind meta-data-form-editor to file-${index}.metaDataForm (no form-field wrapper).
+                            flex.customWidget('meta-data-form-editor', (widget) => {
+                                widget.path(`file-${index}.metaDataForm`);
+                                widget.options(editableMetaDataList);
                             });
                         }
                         if (enableExpiration) {
@@ -2200,9 +2199,10 @@ class AXMDocumentDialogService {
                     const item = fileList[index];
                     if (showMeta) {
                         if (hasMetaFields) {
-                            flex.formField('@document-management:terms.common.meta-data', (field) => {
-                                field.path(`file-${index}.metaDataForm`);
-                                field.customWidget('meta-data-form-editor', documentType?.metaDataList ?? { groups: [] });
+                            const metaListForWidget = documentType?.metaDataList ?? { groups: [] };
+                            flex.customWidget('meta-data-form-editor', (widget) => {
+                                widget.path(`file-${index}.metaDataForm`);
+                                widget.options(metaListForWidget);
                             });
                         }
                         if (enableExpiration) {
@@ -2494,6 +2494,7 @@ class AXMDocumentManagerServiceImpl extends AXMDocumentManagerService {
                 description: folder.description != null ? this.translate.resolve(folder.description) : undefined,
                 childrenCount: folder.childrenCount,
                 size: folder.size,
+                color: folder.color,
                 documentTypes: folder.documentTypes || [],
                 storageType: 'physical',
                 inherit: folder.inherit,
@@ -3385,7 +3386,7 @@ class AXMDocumentManagerServiceImpl extends AXMDocumentManagerService {
      */
     async searchNodes(searchTerm, scope, options) {
         const hasSearchTerm = searchTerm?.trim().length > 0;
-        const hasMetadataFilters = options?.metadataFilters && Object.keys(options.metadataFilters).length > 0;
+        const hasMetadataFilters = Boolean(options?.metadataFilters?.length);
         const hasDocTypeFilter = Boolean(options?.documentTypeIds && options.documentTypeIds.length > 0);
         let folders = [];
         let files = [];
@@ -3544,6 +3545,17 @@ class AXMDocumentManagerServiceImpl extends AXMDocumentManagerService {
         const unlocked = result.getOutput('unlocked');
         return unlocked;
     }
+    /**
+     * Document types picker: keeps current selection when non-empty; otherwise defaults to the
+     * catalog entry whose programmatic name is `any` (mock title "Document").
+     */
+    initialFolderDialogDocumentTypes(items, existing) {
+        if (Array.isArray(existing) && existing.length > 0) {
+            return existing;
+        }
+        const anyType = items.find((it) => it?.name === 'any');
+        return anyType ? [anyType] : [];
+    }
     /**
      * Shows folder edit dialog
      */
@@ -3560,8 +3572,8 @@ class AXMDocumentManagerServiceImpl extends AXMDocumentManagerService {
                 name: node.name,
                 description: node.description ?? '',
                 inherit: node.inherit ?? 'None',
-                documentTypes: node.documentTypes ?? [],
-                color: '#FFFFFF',
+                documentTypes: this.initialFolderDialogDocumentTypes(items, node.documentTypes),
+                color: node.color ?? '#FFFFFF',
             })
                 .content((flex) => {
                 flex
@@ -3594,6 +3606,7 @@ class AXMDocumentManagerServiceImpl extends AXMDocumentManagerService {
                         dataSource: items,
                         multiple: true,
                         allowSearch: true,
+                        validations: [{ rule: 'required' }],
                     });
                 })
                     .formField('@general:terms.common.color', (field) => {
@@ -3612,6 +3625,9 @@ class AXMDocumentManagerServiceImpl extends AXMDocumentManagerService {
                 }
                 const form = context;
                 const selected = Array.isArray(form.documentTypes) ? form.documentTypes : [];
+                if (selected.length === 0) {
+                    return false;
+                }
                 const selectedTypes = selected.map((v) => typeof v === 'object' ? v : items.find((it) => it.name === v) || { name: v, title: v, id: v });
                 await this.updateFolder(node.id, {
                     title: form.title ?? form.name,
@@ -3639,12 +3655,19 @@ class AXMDocumentManagerServiceImpl extends AXMDocumentManagerService {
             const set = new Set(allowedNames);
             items = items.filter((it) => it?.name && set.has(it.name));
         }
+        const defaultDocumentTypes = this.initialFolderDialogDocumentTypes(items, []);
         const result = await this.layoutBuilder
             .create()
             .dialog((dialog) => {
             dialog
                 .setTitle('@document-management:actions.create-folder')
-                .setContext({ title: '', description: '', inherit: 'None', documentTypes: [], color: '#FFFFFF' })
+                .setContext({
+                title: '',
+                description: '',
+                inherit: 'None',
+                documentTypes: defaultDocumentTypes,
+                color: '#FFFFFF',
+            })
                 .content((flex) => {
                 flex
                     .setDirection('column')
@@ -3676,6 +3699,7 @@ class AXMDocumentManagerServiceImpl extends AXMDocumentManagerService {
                         dataSource: items,
                         multiple: true,
                         allowSearch: true,
+                        validations: [{ rule: 'required' }],
                     });
                 })
                     .formField('@general:terms.common.color', (field) => {
@@ -3693,13 +3717,18 @@ class AXMDocumentManagerServiceImpl extends AXMDocumentManagerService {
                     return null;
                 }
                 const form = context;
+                const selectedTypesRaw = Array.isArray(form.documentTypes) ? form.documentTypes : [];
+                if (selectedTypesRaw.length === 0) {
+                    return null;
+                }
+                const selectedTypes = selectedTypesRaw.map((v) => typeof v === 'object' ? v : items.find((it) => it.name === v) || { name: v, title: v, id: v });
                 try {
                     const folder = await this.createFolder({
                         title: form.title,
                         color: form.color,
                         parentId,
                         description: form.description,
-                        documentTypes: form.documentTypes,
+                        documentTypes: selectedTypes,
                         size: 0,
                         inherit: form.inherit,
                     });
@@ -4351,7 +4380,7 @@ const AXPDocumentExplorerViewModel = signalStore({ providedIn: 'root' }, withSta
                 },
                 {
                     title: 'Items',
-                    content: node.childrenCount,
+                    content: node.children?.length ?? 0,
                     icon: 'fa-solid fa-file-lines',
                 },
                 {
@@ -5127,8 +5156,8 @@ class AXMDocumentExplorerComponent {
         this.view = signal(null, ...(ngDevMode ? [{ debugName: "view" }] : /* istanbul ignore next */ []));
         this.viewMap = {
             list: async () => (await import('./acorex-modules-document-management-list-view.component-5OmnjqSw.mjs')).AXMDocumentExplorerListViewComponent,
-            'small-tiles': async () => (await import('./acorex-modules-document-management-small-tiles-view.component-a7wOH_7D.mjs')).AXMDocumentExplorerSmallTilesViewComponent,
-            'large-tiles': async () => (await import('./acorex-modules-document-management-large-tiles-view.component-D5X1pcSP.mjs')).AXMDocumentExplorerLargeTilesViewComponent,
+            'small-tiles': async () => (await import('./acorex-modules-document-management-small-tiles-view.component-G5AGqp_q.mjs')).AXMDocumentExplorerSmallTilesViewComponent,
+            'large-tiles': async () => (await import('./acorex-modules-document-management-large-tiles-view.component-DaIVK3ew.mjs')).AXMDocumentExplorerLargeTilesViewComponent,
             details: async () => (await import('./acorex-modules-document-management-details-view.component-Bh3G5klg.mjs')).AXMDocumentExplorerDetailsViewComponent,
             'large-icons': async () => (await import('./acorex-modules-document-management-large-icons-view.component-BOha3_iU.mjs')).AXMDocumentExplorerLargeIconsViewComponent,
             'small-icons': async () => (await import('./acorex-modules-document-management-small-icons-view.component-DDU7SBZu.mjs')).AXMDocumentExplorerSmallIconsViewComponent,
@@ -6624,8 +6653,8 @@ class AXMDocumentDriveComponent extends AXPPageLayoutBaseComponent {
         this.driveRootIds = null;
         /** Filter definitions: document type (cascade parent) + metadata + search + file type. */
         this.advancedFilterDefinitions = signal([], ...(ngDevMode ? [{ debugName: "advancedFilterDefinitions" }] : /* istanbul ignore next */ []));
-        /** Active metadata filter values from the query filter panel. */
-        this.activeMetadataFilters = signal({}, ...(ngDevMode ? [{ debugName: "activeMetadataFilters" }] : /* istanbul ignore next */ []));
+        /** Active metadata filters from the query filter panel (same shape as {@link AXPFilterQuery}). */
+        this.activeMetadataFilters = signal([], ...(ngDevMode ? [{ debugName: "activeMetadataFilters" }] : /* istanbul ignore next */ []));
         /** Options for the document type filter (drive search). */
         this.documentTypeFilterOptions = signal([], ...(ngDevMode ? [{ debugName: "documentTypeFilterOptions" }] : /* istanbul ignore next */ []));
         /**
@@ -6745,7 +6774,7 @@ class AXMDocumentDriveComponent extends AXPPageLayoutBaseComponent {
             this.previousFolderId = currentNode?.id ?? null;
         }
         const metadataFilters = this.activeMetadataFilters();
-        const hasMetadataFilters = Object.keys(metadataFilters).length > 0;
+        const hasMetadataFilters = metadataFilters.length > 0;
         const documentTypeIds = this.activeDocumentTypeFilterIds();
         const hasDocTypeFilter = documentTypeIds.length > 0;
         const result = await this.driveService.searchNodes(searchValue, this.vm.scope(), {
@@ -6786,17 +6815,26 @@ class AXMDocumentDriveComponent extends AXPPageLayoutBaseComponent {
         const fileTypeFilter = filters.find((f) => f.field === 'fileType');
         const fileTypeValue = fileTypeFilter?.value != null ? String(fileTypeFilter.value) : 'all';
         this.vm.setFileTypeFilter(fileTypeValue);
-        const metaFilters = {};
+        const metaFilters = [];
         for (const filter of filters) {
-            if (filter.field &&
-                filter.field !== 'all' &&
-                filter.field !== 'title' &&
-                filter.field !== 'fileType' &&
-                filter.field !== 'documentTypeId' &&
-                filter.value != null &&
-                filter.value !== '') {
-                metaFilters[filter.field] = filter.value;
+            if (!filter.field ||
+                filter.field === 'all' ||
+                filter.field === 'title' ||
+                filter.field === 'fileType' ||
+                filter.field === 'documentTypeId') {
+                continue;
+            }
+            const opType = filter.operator?.type;
+            const isValuelessOperator = opType === 'isEmpty' || opType === 'isNotEmpty' || opType === 'isNull';
+            if (!isValuelessOperator && (filter.value == null || filter.value === '')) {
+                continue;
             }
+            metaFilters.push({
+                field: filter.field,
+                value: filter.value,
+                operator: filter.operator,
+                logic: filter.logic,
+            });
         }
         this.activeMetadataFilters.set(metaFilters);
         const app = this.sessionService.application?.name;
@@ -6819,7 +6857,7 @@ class AXMDocumentDriveComponent extends AXPPageLayoutBaseComponent {
             });
         }
         const hasDocTypeFilter = documentTypeIds.length > 0;
-        if (searchValue.length > 0 || Object.keys(metaFilters).length > 0 || hasDocTypeFilter) {
+        if (searchValue.length > 0 || metaFilters.length > 0 || hasDocTypeFilter) {
             await this.performSearch(searchValue);
         }
         else if (this.vm.isVirtual()) {