@acorex/modules 20.1.0 → 20.2.0-next.1

package/fesm2022/{acorex-modules-document-management-acorex-modules-document-management-B4Jd-KGV.mjs → acorex-modules-document-management-acorex-modules-document-management-C7ot6PfT.mjs}

@@ -2,7 +2,7 @@ import { AXPSessionService, AXPAuthGuard, AXP_PERMISSION_DEFINITION_PROVIDER } f
 import { AXPSearchCommandProvider, createAllQueryView, AXPEntityCommandScope, AXPEntityQueryType, AXPFileTypeProviderService, AXP_FILE_TYPE_INFO_PROVIDER, AXPFileStorageService, AXPSettingService, AXPLockService, AXP_MENU_PROVIDER, AXP_SETTING_DEFINITION_PROVIDER, AXP_SEARCH_PROVIDER } from '@acorex/platform/common';
 import { AXPEntityService, AXMEntityCrudServiceImpl, AXP_ENTITY_CONFIG_TOKEN, AXP_ENTITY_DEFINITION_LOADER } from '@acorex/platform/layout/entity';
 import * as i0 from '@angular/core';
-import { inject, Injector, Injectable, NgModule, ChangeDetectionStrategy, Component, signal, viewChild, afterNextRender, computed, input, effect, ViewEncapsulation } from '@angular/core';
+import { inject, Injector, Injectable, NgModule, ChangeDetectionStrategy, Component, signal, viewChild, afterNextRender, computed, input, effect, ViewEncapsulation, output, HostBinding } from '@angular/core';
 import { firstValueFrom } from 'rxjs';
 import * as i6 from '@acorex/platform/layout/builder';
 import { AXPWidgetsCatalog, AXPValueWidgetComponent, AXPLayoutBuilderModule, AXP_WIDGETS_ADVANCE_CATEGORY, AXPWidgetGroupEnum, AXP_WIDGETS_EDITOR_CATEGORY } from '@acorex/platform/layout/builder';
@@ -23,9 +23,9 @@ import { FormsModule } from '@angular/forms';
 import get from 'lodash-es/get';
 import set from 'lodash-es/set';
 import { AXP_NAME_PROPERTY, AXP_DATA_PATH_PROPERTY, AXP_LABEL_PROPERTY, AXP_READONLY_PROPERTY, AXP_DISABLED_PROPERTY } from '@acorex/platform/widgets';
-import * as i3$1 from '@acorex/components/media-viewer';
+import * as i3$2 from '@acorex/components/media-viewer';
 import { AXMediaViewerContainerComponent, AXMediaViewerModule } from '@acorex/components/media-viewer';
-import * as i3$3 from '@acorex/platform/workflow';
+import * as i3$4 from '@acorex/platform/workflow';
 import { AXPWorkflowAction, AXPWorkflowService, AXPWorkflowModule } from '@acorex/platform/workflow';
 import { AXPopupService } from '@acorex/components/popup';
 import { AXUploaderService } from '@acorex/components/uploader';
@@ -40,12 +40,12 @@ import { AXCheckBoxModule } from '@acorex/components/check-box';
 import { AXPPlatformScope } from '@acorex/platform/core';
 import { AXDialogService } from '@acorex/components/dialog';
 import { AXFileService } from '@acorex/core/file';
-import { castArray, set as set$1, get as get$1 } from 'lodash-es';
-import * as i2$1 from '@acorex/core/translation';
+import { castArray, set as set$1, get as get$1, cloneDeep } from 'lodash-es';
+import * as i3$1 from '@acorex/core/translation';
 import { AXTranslationService, AXTranslationModule } from '@acorex/core/translation';
 import { AXBasePageComponent } from '@acorex/components/page';
 import { AXLoadingModule } from '@acorex/components/loading';
-import * as i3$2 from '@acorex/components/menu';
+import * as i3$3 from '@acorex/components/menu';
 import { AXMenuModule } from '@acorex/components/menu';
 import { AXDateTimeModule } from '@acorex/core/date-time';
 import { AXFormatModule } from '@acorex/core/format';
@@ -839,7 +839,7 @@ async function documentTypeFactory(injector) {
             },
             {
                 name: 'meta',
-                title: `t("meta", { scope: "${i18n}" })`,
+                title: `t("metaTitle", { scope: "${i18n}" })`,
                 groupId: 'section',
                 schema: {
                     dataType: 'object',
@@ -865,6 +865,11 @@ async function documentTypeFactory(injector) {
         commands: {
             create: {
                 execute: async (data) => {
+                    data.meta = data.meta.filter((item) => item.status !== 'deleted')
+                        .map((item) => ({
+                        ...item,
+                        status: 'active',
+                    }));
                     const res = await dataService.insertOne(data);
                     return { id: res };
                 },
@@ -876,6 +881,11 @@ async function documentTypeFactory(injector) {
             },
             update: {
                 execute: async (data) => {
+                    data.meta = data.meta.filter((item) => item.status !== 'deleted')
+                        .map((item) => ({
+                        ...item,
+                        status: 'active',
+                    }));
                     return await dataService.updateOne(data.id, data);
                 },
             },
@@ -2894,7 +2904,7 @@ class AXMFileTypeExtensionWidgetEditComponent extends AXPValueWidgetComponent {
         </ax-collapse-group>
       }
     </axp-widgets-container>
-  </div>`, isInline: true, dependencies: [{ kind: "ngmodule", type: AXSelectBoxModule }, { kind: "component", type: i1.AXSelectBoxComponent, selector: "ax-select-box", inputs: ["disabled", "readonly", "tabIndex", "placeholder", "minValue", "maxValue", "value", "state", "name", "id", "type", "look", "multiple", "valueField", "textField", "disabledField", "textTemplate", "selectedItems", "dataSource", "minRecordsForSearch", "caption", "itemTemplate", "selectedTemplate", "emptyTemplate", "loadingTemplate", "dropdownWidth", "searchBoxAutoFocus"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "readonlyChange", "disabledChange", "onOpened", "onClosed"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: AXFormModule }, { kind: "component", type: i3.AXFormFieldComponent, selector: "ax-form-field", inputs: ["labelMode"] }, { kind: "ngmodule", type: AXLabelModule }, { kind: "component", type: i4.AXLabelComponent, selector: "ax-label", inputs: ["required", "for"], outputs: ["requiredChange"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i2.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXPLayoutBuilderModule }, { kind: "component", type: i6.AXPWidgetContainerComponent, selector: "axp-widgets-container", inputs: ["context", "functions"], outputs: ["onContextChanged"] }, { kind: "directive", type: i6.AXPWidgetRendererDirective, selector: "[axp-widget-renderer]", inputs: ["parentNode", "index", "mode", "node"], outputs: ["onOptionsChanged", "onValueChanged"], exportAs: ["widgetRenderer"] }, { kind: "ngmodule", type: AXCollapseModule }, { kind: "component", type: i7.AXCollapseComponent, selector: "ax-collapse", inputs: ["disabled", "look", "isCollapsed", "showHeader", "caption", "icon", "isLoading", "headerTemplate"], outputs: ["onClick", "isCollapsedChange"] }, { kind: "component", type: i7.AXCollapseGroupComponent, selector: "ax-collapse-group", inputs: ["look", "accordion", "activeIndex"], outputs: ["accordionChange", "activeIndexChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  </div>`, isInline: true, dependencies: [{ kind: "ngmodule", type: AXSelectBoxModule }, { kind: "component", type: i1.AXSelectBoxComponent, selector: "ax-select-box", inputs: ["disabled", "readonly", "tabIndex", "placeholder", "minValue", "maxValue", "value", "state", "name", "id", "type", "look", "multiple", "valueField", "textField", "disabledField", "textTemplate", "selectedItems", "isItemTruncated", "showItemTooltip", "dataSource", "minRecordsForSearch", "caption", "itemTemplate", "selectedTemplate", "emptyTemplate", "loadingTemplate", "dropdownWidth", "searchBoxAutoFocus"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "readonlyChange", "disabledChange", "onOpened", "onClosed"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: AXFormModule }, { kind: "component", type: i3.AXFormFieldComponent, selector: "ax-form-field", inputs: ["labelMode"] }, { kind: "ngmodule", type: AXLabelModule }, { kind: "component", type: i4.AXLabelComponent, selector: "ax-label", inputs: ["required", "for"], outputs: ["requiredChange"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i2.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXPLayoutBuilderModule }, { kind: "component", type: i6.AXPWidgetContainerComponent, selector: "axp-widgets-container", inputs: ["context", "functions"], outputs: ["onContextChanged"] }, { kind: "directive", type: i6.AXPWidgetRendererDirective, selector: "[axp-widget-renderer]", inputs: ["parentNode", "index", "mode", "node"], outputs: ["onOptionsChanged", "onValueChanged"], exportAs: ["widgetRenderer"] }, { kind: "ngmodule", type: AXCollapseModule }, { kind: "component", type: i7.AXCollapseComponent, selector: "ax-collapse", inputs: ["disabled", "look", "isCollapsed", "showHeader", "caption", "icon", "isLoading", "headerTemplate"], outputs: ["onClick", "isCollapsedChange"] }, { kind: "component", type: i7.AXCollapseGroupComponent, selector: "ax-collapse-group", inputs: ["look", "accordion", "activeIndex"], outputs: ["accordionChange", "activeIndexChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXMFileTypeExtensionWidgetEditComponent, decorators: [{
             type: Component,
@@ -3634,7 +3644,7 @@ class AXMDocumentManagerService {
      * Moves a node to another location
      */
     async moveTo(options) {
-        const comp = (await import('./acorex-modules-document-management-drive-choose.component-DLJdJzp1.mjs')).AXMDocumentDriveChooseComponent;
+        const comp = (await import('./acorex-modules-document-management-drive-choose.component-BB5d32EI.mjs')).AXMDocumentDriveChooseComponent;
         const popup = await this.popupService.open(comp, {
             title: `Choose ${options.browseMode == 'file' ? 'File' : 'Folder'}`,
             data: {
@@ -3667,7 +3677,7 @@ class AXMDocumentManagerService {
      * Copies a node to another location
      */
     async copyTo(options) {
-        const comp = (await import('./acorex-modules-document-management-drive-choose.component-DLJdJzp1.mjs')).AXMDocumentDriveChooseComponent;
+        const comp = (await import('./acorex-modules-document-management-drive-choose.component-BB5d32EI.mjs')).AXMDocumentDriveChooseComponent;
         const popup = await this.popupService.open(comp, {
             title: `Choose ${options.browseMode == 'file' ? 'File' : 'Folder'}`,
             data: {
@@ -3918,7 +3928,7 @@ class AXMDocumentManagerService {
      * Shows share dialog for a node
      */
     async showShareDialog(node) {
-        const comp = (await import('./acorex-modules-document-management-share-dialog.component-CBrf7hjZ.mjs')).AXMShareDialogComponent;
+        const comp = (await import('./acorex-modules-document-management-share-dialog.component-CLF6b1Io.mjs')).AXMShareDialogComponent;
         const popup = await this.popupService.open(comp, {
             title: 'Share',
             data: {
@@ -3933,7 +3943,7 @@ class AXMDocumentManagerService {
      * Shows share via email dialog for a node
      */
     async showShareWithEmailDialog(node) {
-        const comp = (await import('./acorex-modules-document-management-share-email-dialog.component-D3WcHAOf.mjs'))
+        const comp = (await import('./acorex-modules-document-management-share-email-dialog.component-B8zNvOUv.mjs'))
             .AXMShareEmailDialogComponent;
         const popup = await this.popupService.open(comp, {
             title: 'Share via Email',
@@ -3949,7 +3959,7 @@ class AXMDocumentManagerService {
      * Shows link dialog for a node
      */
     async showLinkDialog(node) {
-        const comp = (await import('./acorex-modules-document-management-link-dialog.component-CSEIhT4P.mjs')).AXMLinkDialogComponent;
+        const comp = (await import('./acorex-modules-document-management-link-dialog.component-CPuOuvu-.mjs')).AXMLinkDialogComponent;
         const popup = await this.popupService.open(comp, {
             title: 'Share Link',
             data: {
@@ -3986,7 +3996,7 @@ class AXMDocumentManagerService {
      * Shows folder edit dialog
      */
     async showFolderEditDialog(node) {
-        const comp = (await import('./acorex-modules-document-management-create-folder-dialog.component-12aUAucS.mjs'))
+        const comp = (await import('./acorex-modules-document-management-create-folder-dialog.component-ga7fuY4H.mjs'))
             .AXMCreateFolderDialog;
         const popup = await this.popupService.open(comp, {
             title: await this.translate.translateAsync('@document-management:actions.update-folder'),
@@ -4000,7 +4010,7 @@ class AXMDocumentManagerService {
      * Shows create folder dialog
      */
     async showCreateFolderDialog(parentId) {
-        const comp = (await import('./acorex-modules-document-management-create-folder-dialog.component-12aUAucS.mjs'))
+        const comp = (await import('./acorex-modules-document-management-create-folder-dialog.component-ga7fuY4H.mjs'))
             .AXMCreateFolderDialog;
         const popup = await this.popupService.open(comp, {
             title: await this.translate.translateAsync('@document-management:actions.create-folder'),
@@ -4014,7 +4024,7 @@ class AXMDocumentManagerService {
      * Shows rename popup for a node
      */
     async showRenamePopup(node) {
-        const comp = (await import('./acorex-modules-document-management-rename-node-dialog.component-C_dsLLMb.mjs'))
+        const comp = (await import('./acorex-modules-document-management-rename-node-dialog.component-MPkYZl2p.mjs'))
             .AXMRenameNodeDialog;
         const popup = await this.popupService.open(comp, {
             title: 't("actions.rename")',
@@ -4040,7 +4050,7 @@ class AXMDocumentManagerService {
      * Shows choose file dialog
      */
     async showChooseFileDialog(scope) {
-        const comp = (await import('./acorex-modules-document-management-drive-choose.component-DLJdJzp1.mjs')).AXMDocumentDriveChooseComponent;
+        const comp = (await import('./acorex-modules-document-management-drive-choose.component-BB5d32EI.mjs')).AXMDocumentDriveChooseComponent;
         const result = await this.popupService.open(comp, {
             title: await this.translate.translateAsync('@document-management:actions.choose-from-drive'),
             data: {
@@ -4279,7 +4289,7 @@ class AXMDocumentTypeChooseFileComponent extends AXBasePageComponent {
                 //
                 AXButtonModule }, { kind: "component", type: i1$2.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i2.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXFormModule }, { kind: "component", type: i3.AXFormFieldComponent, selector: "ax-form-field", inputs: ["labelMode"] }, { kind: "component", type: i3.AXFormComponent, selector: "ax-form", inputs: ["labelMode", "look", "messageStyle", "updateOn"], outputs: ["onValidate", "updateOnChange"] }, { kind: "ngmodule", type: AXLabelModule }, { kind: "component", type: i4.AXLabelComponent, selector: "ax-label", inputs: ["required", "for"], outputs: ["requiredChange"] }, { kind: "ngmodule", type: AXSelectBoxModule }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "ngmodule", type: 
                 //
-                AXPLayoutBuilderModule }, { kind: "component", type: i6.AXPWidgetContainerComponent, selector: "axp-widgets-container", inputs: ["context", "functions"], outputs: ["onContextChanged"] }, { kind: "directive", type: i6.AXPWidgetRendererDirective, selector: "[axp-widget-renderer]", inputs: ["parentNode", "index", "mode", "node"], outputs: ["onOptionsChanged", "onValueChanged"], exportAs: ["widgetRenderer"] }, { kind: "pipe", type: i1$3.AsyncPipe, name: "async" }, { kind: "pipe", type: i2$1.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+                AXPLayoutBuilderModule }, { kind: "component", type: i6.AXPWidgetContainerComponent, selector: "axp-widgets-container", inputs: ["context", "functions"], outputs: ["onContextChanged"] }, { kind: "directive", type: i6.AXPWidgetRendererDirective, selector: "[axp-widget-renderer]", inputs: ["parentNode", "index", "mode", "node"], outputs: ["onOptionsChanged", "onValueChanged"], exportAs: ["widgetRenderer"] }, { kind: "pipe", type: i1$3.AsyncPipe, name: "async" }, { kind: "pipe", type: i3$1.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXMDocumentTypeChooseFileComponent, decorators: [{
             type: Component,
@@ -4318,7 +4328,7 @@ class AXMFileViewerPopupComponent extends AXBasePageComponent {
         this.close();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXMFileViewerPopupComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.1.3", type: AXMFileViewerPopupComponent, isStandalone: true, selector: "ng-component", viewQueries: [{ propertyName: "mediaViewer", first: true, predicate: AXMediaViewerContainerComponent, descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<ax-content>\n  <ax-media-viewer-container [thumbnail]=\"true\" #c [dataArray]=\"nodes\">\n    <ax-header>\n      <ax-prefix>\n        <ax-file-info></ax-file-info>\n      </ax-prefix>\n      <ax-suffix>\n        <ax-fullscreen-button></ax-fullscreen-button>\n      </ax-suffix>\n    </ax-header>\n    <ax-prefix>\n      <ax-button (click)=\"c.next()\">\n        <ax-icon class=\"ax-icon ax-icon-chevron-right\"> </ax-icon>\n      </ax-button>\n    </ax-prefix>\n    <ax-suffix>\n      <ax-button (click)=\"c.prev()\">\n        <ax-icon class=\"ax-icon ax-icon-chevron-left\"> </ax-icon>\n      </ax-button>\n    </ax-suffix>\n  </ax-media-viewer-container>\n</ax-content>\n<ax-footer>\n  <ax-suffix>\n    <ax-button [text]=\"'close'\" (click)=\"onClose()\" />\n  </ax-suffix>\n</ax-footer>\n", styles: ["ax-media-viewer-container{--ax-sys-border-radius:0 }\n"], dependencies: [{ kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i2.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i2.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "component", type: i2.AXDecoratorFullScreenButtonComponent, selector: "ax-fullscreen-button" }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i1$2.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXMediaViewerModule }, { kind: "component", type: i3$1.AXMediaViewerContainerComponent, selector: "ax-media-viewer-container", inputs: ["dataArray", "thumbnail"] }, { kind: "component", type: i3$1.AXFileInfoComponent, selector: "ax-file-info" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.1.3", type: AXMFileViewerPopupComponent, isStandalone: true, selector: "ng-component", viewQueries: [{ propertyName: "mediaViewer", first: true, predicate: AXMediaViewerContainerComponent, descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<ax-content>\n  <ax-media-viewer-container [thumbnail]=\"true\" #c [dataArray]=\"nodes\">\n    <ax-header>\n      <ax-prefix>\n        <ax-file-info></ax-file-info>\n      </ax-prefix>\n      <ax-suffix>\n        <ax-fullscreen-button></ax-fullscreen-button>\n      </ax-suffix>\n    </ax-header>\n    <ax-prefix>\n      <ax-button (click)=\"c.next()\">\n        <ax-icon class=\"ax-icon ax-icon-chevron-right\"> </ax-icon>\n      </ax-button>\n    </ax-prefix>\n    <ax-suffix>\n      <ax-button (click)=\"c.prev()\">\n        <ax-icon class=\"ax-icon ax-icon-chevron-left\"> </ax-icon>\n      </ax-button>\n    </ax-suffix>\n  </ax-media-viewer-container>\n</ax-content>\n<ax-footer>\n  <ax-suffix>\n    <ax-button [text]=\"'close'\" (click)=\"onClose()\" />\n  </ax-suffix>\n</ax-footer>\n", styles: ["ax-media-viewer-container{--ax-sys-border-radius:0 }\n"], dependencies: [{ kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i2.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i2.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "component", type: i2.AXDecoratorFullScreenButtonComponent, selector: "ax-fullscreen-button" }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i1$2.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXMediaViewerModule }, { kind: "component", type: i3$2.AXMediaViewerContainerComponent, selector: "ax-media-viewer-container", inputs: ["dataArray", "thumbnail"] }, { kind: "component", type: i3$2.AXFileInfoComponent, selector: "ax-file-info" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXMFileViewerPopupComponent, decorators: [{
             type: Component,
@@ -5292,13 +5302,13 @@ class AXMDocumentExplorerComponent {
         this.showContextMenu = input(true, ...(ngDevMode ? [{ debugName: "showContextMenu" }] : []));
         this.view = signal(null, ...(ngDevMode ? [{ debugName: "view" }] : []));
         this.viewMap = {
-            list: async () => (await import('./acorex-modules-document-management-list-view.component-Dz6ymqrq.mjs')).AXMDocumentExplorerListViewComponent,
-            'small-tiles': async () => (await import('./acorex-modules-document-management-small-tiles-view.component-C4ARGOZR.mjs')).AXMDocumentExplorerSmallTilesViewComponent,
-            'large-tiles': async () => (await import('./acorex-modules-document-management-large-tiles-view.component-Bgr9s_zf.mjs')).AXMDocumentExplorerLargeTilesViewComponent,
-            details: async () => (await import('./acorex-modules-document-management-details-view.component-bzA7fJZW.mjs')).AXMDocumentExplorerDetailsViewComponent,
-            'large-icons': async () => (await import('./acorex-modules-document-management-large-icons-view.component-DV8oWdDh.mjs')).AXMDocumentExplorerLargeIconsViewComponent,
-            'small-icons': async () => (await import('./acorex-modules-document-management-small-icons-view.component-wvFkjOqg.mjs')).AXMDocumentExplorerSmallIconsViewComponent,
-            'attachment': async () => (await import('./acorex-modules-document-management-attachment-widget.component-Bp4kKjC4.mjs')).AXMDocumentExplorerAttachmentComponent,
+            list: async () => (await import('./acorex-modules-document-management-list-view.component-CWGGArxw.mjs')).AXMDocumentExplorerListViewComponent,
+            'small-tiles': async () => (await import('./acorex-modules-document-management-small-tiles-view.component-C1E8RKYM.mjs')).AXMDocumentExplorerSmallTilesViewComponent,
+            'large-tiles': async () => (await import('./acorex-modules-document-management-large-tiles-view.component-CQyiGE99.mjs')).AXMDocumentExplorerLargeTilesViewComponent,
+            details: async () => (await import('./acorex-modules-document-management-details-view.component-CzTg3hha.mjs')).AXMDocumentExplorerDetailsViewComponent,
+            'large-icons': async () => (await import('./acorex-modules-document-management-large-icons-view.component-BeKFvgYU.mjs')).AXMDocumentExplorerLargeIconsViewComponent,
+            'small-icons': async () => (await import('./acorex-modules-document-management-small-icons-view.component-DRVLlW1e.mjs')).AXMDocumentExplorerSmallIconsViewComponent,
+            'attachment': async () => (await import('./acorex-modules-document-management-attachment-widget.component-C6pop0RM.mjs')).AXMDocumentExplorerAttachmentComponent,
         };
         this.#effect = effect(() => {
             if (this.vm.loadingFolderId() == null) {
@@ -5359,7 +5369,7 @@ class AXMDocumentExplorerComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXMDocumentExplorerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.3", type: AXMDocumentExplorerComponent, isStandalone: true, selector: "axm-document-explorer", inputs: { browseMode: { classPropertyName: "browseMode", publicName: "browseMode", isSignal: true, isRequired: false, transformFunction: null }, viewMode: { classPropertyName: "viewMode", publicName: "viewMode", isSignal: true, isRequired: false, transformFunction: null }, selectionMode: { classPropertyName: "selectionMode", publicName: "selectionMode", isSignal: true, isRequired: false, transformFunction: null }, showContextMenu: { classPropertyName: "showContextMenu", publicName: "showContextMenu", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "contextMenu", first: true, predicate: ["itemsContextMenu"], descendants: true, isSignal: true }, { propertyName: "rootContextMenu", first: true, predicate: ["rootContextMenu"], descendants: true, isSignal: true }], ngImport: i0, template: "<!-- Empty State -->\n<div class=\"view-container\">\n  @if (vm.folders().length === 0 && vm.files().length === 0) {\n  <div class=\"ax-flex ax-flex-col ax-items-center ax-justify-center ax-py-16 ax-h-full\">\n    <ax-icon icon=\"fa-light fa-folder-open\" class=\"ax-text-6xl ax-mb-4\"></ax-icon>\n    <h3 class=\"ax-text-xl ax-font-medium ax-mb-2\">No Items Found</h3>\n    <p class=\"\">This folder is empty. Add some files or folders to get started.</p>\n  </div>\n  } @else {\n  <ng-container [ngComponentOutlet]=\"view()\"></ng-container>\n  }\n</div>\n\n<!-- Context Menu -->\n@if (showContextMenu()) {\n<!-- Item Context Menu-->\n<ax-context-menu\n  #itemsContextMenu\n  [target]=\"'.__explorer-item'\"\n  [orientation]=\"'vertical'\"\n  [closeOn]=\"'leave'\"\n  (onItemClick)=\"handleContextMenuItemClick($event)\"\n  (onOpening)=\"handleContextMenuOnOpening($event)\"\n>\n</ax-context-menu>\n<!-- Root Context Menu-->\n<ax-context-menu\n  #rootContextMenu\n  [target]=\"'.view-container'\"\n  [orientation]=\"'vertical'\"\n  [closeOn]=\"'leave'\"\n  (onItemClick)=\"handleContextMenuItemClick($event)\"\n  (onOpening)=\"handleContextMenuRootOnOpening($event)\"\n>\n</ax-context-menu>\n}\n", styles: ["axm-document-explorer{display:flex;height:max-content;min-height:100%;width:100%;flex-direction:row;gap:1rem}axm-document-explorer>.view-container{display:flex;flex:1 1 0%;-webkit-user-select:none;-moz-user-select:-moz-none;user-select:none;flex-direction:column;gap:1rem}axm-document-explorer .animation-duration-2s{--fa-animation-duration: 2s}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$3.NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletEnvironmentInjector", "ngComponentOutletContent", "ngComponentOutletNgModule", "ngComponentOutletNgModuleFactory"], exportAs: ["ngComponentOutlet"] }, { kind: "ngmodule", type: RouterModule }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i2.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "ngmodule", type: AXLoadingModule }, { kind: "ngmodule", type: AXFormatModule }, { kind: "ngmodule", type: AXDateTimeModule }, { kind: "ngmodule", type: AXMenuModule }, { kind: "component", type: i3$2.AXContextMenuComponent, selector: "ax-context-menu", inputs: ["orientation", "openOn", "closeOn", "items", "target"], outputs: ["onItemClick", "onOpening"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.3", type: AXMDocumentExplorerComponent, isStandalone: true, selector: "axm-document-explorer", inputs: { browseMode: { classPropertyName: "browseMode", publicName: "browseMode", isSignal: true, isRequired: false, transformFunction: null }, viewMode: { classPropertyName: "viewMode", publicName: "viewMode", isSignal: true, isRequired: false, transformFunction: null }, selectionMode: { classPropertyName: "selectionMode", publicName: "selectionMode", isSignal: true, isRequired: false, transformFunction: null }, showContextMenu: { classPropertyName: "showContextMenu", publicName: "showContextMenu", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "contextMenu", first: true, predicate: ["itemsContextMenu"], descendants: true, isSignal: true }, { propertyName: "rootContextMenu", first: true, predicate: ["rootContextMenu"], descendants: true, isSignal: true }], ngImport: i0, template: "<!-- Empty State -->\n<div class=\"view-container\">\n  @if (vm.folders().length === 0 && vm.files().length === 0) {\n  <div class=\"ax-flex ax-flex-col ax-items-center ax-justify-center ax-py-16 ax-h-full\">\n    <ax-icon icon=\"fa-light fa-folder-open\" class=\"ax-text-6xl ax-mb-4\"></ax-icon>\n    <h3 class=\"ax-text-xl ax-font-medium ax-mb-2\">No Items Found</h3>\n    <p class=\"\">This folder is empty. Add some files or folders to get started.</p>\n  </div>\n  } @else {\n  <ng-container [ngComponentOutlet]=\"view()\"></ng-container>\n  }\n</div>\n\n<!-- Context Menu -->\n@if (showContextMenu()) {\n<!-- Item Context Menu-->\n<ax-context-menu\n  #itemsContextMenu\n  [target]=\"'.__explorer-item'\"\n  [orientation]=\"'vertical'\"\n  [closeOn]=\"'leave'\"\n  (onItemClick)=\"handleContextMenuItemClick($event)\"\n  (onOpening)=\"handleContextMenuOnOpening($event)\"\n>\n</ax-context-menu>\n<!-- Root Context Menu-->\n<ax-context-menu\n  #rootContextMenu\n  [target]=\"'.view-container'\"\n  [orientation]=\"'vertical'\"\n  [closeOn]=\"'leave'\"\n  (onItemClick)=\"handleContextMenuItemClick($event)\"\n  (onOpening)=\"handleContextMenuRootOnOpening($event)\"\n>\n</ax-context-menu>\n}\n", styles: ["axm-document-explorer{display:flex;height:max-content;min-height:100%;width:100%;flex-direction:row;gap:1rem}axm-document-explorer>.view-container{display:flex;flex:1 1 0%;-webkit-user-select:none;-moz-user-select:-moz-none;user-select:none;flex-direction:column;gap:1rem}axm-document-explorer .animation-duration-2s{--fa-animation-duration: 2s}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$3.NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletEnvironmentInjector", "ngComponentOutletContent", "ngComponentOutletNgModule", "ngComponentOutletNgModuleFactory"], exportAs: ["ngComponentOutlet"] }, { kind: "ngmodule", type: RouterModule }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i2.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "ngmodule", type: AXLoadingModule }, { kind: "ngmodule", type: AXFormatModule }, { kind: "ngmodule", type: AXDateTimeModule }, { kind: "ngmodule", type: AXMenuModule }, { kind: "component", type: i3$3.AXContextMenuComponent, selector: "ax-context-menu", inputs: ["orientation", "openOn", "closeOn", "items", "target"], outputs: ["onItemClick", "onOpening"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXMDocumentExplorerComponent, decorators: [{
             type: Component,
@@ -5467,7 +5477,7 @@ class AXPFileUploaderWidgetExtensionComponent {
                 // Angular
                 CommonModule }, { kind: "ngmodule", type: 
                 // ACoreX
-                AXFormModule }, { kind: "ngmodule", type: AXTextBoxModule }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i1$2.AXButtonItemComponent, selector: "ax-button-item", inputs: ["color", "disabled", "text", "selected", "divided", "data", "name"], outputs: ["onClick", "onFocus", "onBlur", "disabledChange"] }, { kind: "ngmodule", type: AXLabelModule }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i2.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i2.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXCheckBoxModule }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: i1$3.AsyncPipe, name: "async" }, { kind: "pipe", type: i2$1.AXTranslatorPipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
+                AXFormModule }, { kind: "ngmodule", type: AXTextBoxModule }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i1$2.AXButtonItemComponent, selector: "ax-button-item", inputs: ["color", "disabled", "text", "selected", "divided", "data", "name"], outputs: ["onClick", "onFocus", "onBlur", "disabledChange"] }, { kind: "ngmodule", type: AXLabelModule }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i2.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i2.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXCheckBoxModule }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: i1$3.AsyncPipe, name: "async" }, { kind: "pipe", type: i3$1.AXTranslatorPipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXPFileUploaderWidgetExtensionComponent, decorators: [{
             type: Component,
@@ -5530,41 +5540,391 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImpor
                 }]
         }] });
 
+class AXMetaListItemComponent {
+    constructor() {
+        this.item = input.required(...(ngDevMode ? [{ debugName: "item" }] : []));
+        this.onRemove = output();
+        this.onRevert = output();
+        this.onEdit = output();
+    }
+    handleRemove() {
+        this.onRemove.emit();
+    }
+    handleRevert() {
+        this.onRevert.emit();
+    }
+    handleEdit() {
+        this.onEdit.emit();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXMetaListItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.3", type: AXMetaListItemComponent, isStandalone: true, selector: "axp-meta-list-item", inputs: { item: { classPropertyName: "item", publicName: "item", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { onRemove: "onRemove", onRevert: "onRevert", onEdit: "onEdit" }, ngImport: i0, template: `
+    <div class="axp-meta-list-item" [class.__deleted]="item().status === 'deleted'" *translate="let t">
+      <div class="__content">
+        <div class="__header">
+          <div class="__info">
+            <h4 class="__title">{{ item().text }}</h4>
+            <p class="__subtitle">
+              @if (item().isRequired) {
+                <span class="__required-badge">{{ t('@document-management:meta.required') | async }}</span>
+              }
+            </p>
+          </div>
+
+          @if (item().status === 'deleted') {
+            <div class="__status-badge">
+              <ax-icon icon="fa-light fa-trash" class="__icon"></ax-icon>
+              <span>{{ t('@document-management:meta.deleted') | async }}</span>
+            </div>
+          }
+        </div>
+      </div>
+      
+      <div class="__actions">
+        @if (item().status === 'deleted') {
+          <ax-button 
+            class="ax-xs"
+            look="outline" 
+            color="success"
+            (onClick)="handleRevert()">
+            <ax-prefix>
+              <ax-icon icon="fa-light fa-undo"></ax-icon>
+            </ax-prefix>
+          </ax-button>
+        } @else {
+          <ax-button 
+            class="ax-xs"
+            look="ghost" 
+            color="accent3"
+            (onClick)="handleEdit()">
+            <ax-prefix>
+              <ax-icon icon="fa-light fa-edit"></ax-icon>
+            </ax-prefix>
+          </ax-button>
+          
+          <ax-button 
+            class="ax-xs"
+            look="ghost" 
+            color="danger"
+            (onClick)="handleRemove()">
+            <ax-prefix>
+              <ax-icon icon="fa-light fa-trash"></ax-icon>
+            </ax-prefix>
+          </ax-button>
+        }
+      </div>
+    </div>
+  `, isInline: true, styles: [".axp-meta-list-item{display:flex;align-items:center;justify-content:space-between;border-radius:.375rem;padding-left:.5rem;padding-right:.5rem;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;animation-duration:.2s}.axp-meta-list-item:hover{background-color:rgb(var(--ax-sys-color-lighter-surface));color:rgb(var(--ax-sys-color-on-lighter-surface));border-color:rgb(var(--ax-sys-color-border-lighter-surface))}.axp-meta-list-item.__deleted{--tw-border-opacity: 1;border-color:rgba(var(--ax-sys-color-danger-500),var(--tw-border-opacity, 1))}.axp-meta-list-item.__deleted{--tw-bg-opacity: 1;background-color:rgba(var(--ax-sys-color-danger-50),var(--tw-bg-opacity, 1))}.axp-meta-list-item.__deleted .__content{opacity:.6}.axp-meta-list-item .__content{flex:1 1 0%}.axp-meta-list-item .__content .__header{display:flex}.axp-meta-list-item .__content .__header{align-items:center}.axp-meta-list-item .__content .__header{justify-content:space-between}.axp-meta-list-item .__content .__header .__info{flex:1 1 0%}.axp-meta-list-item .__content .__header .__info .__title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.axp-meta-list-item .__content .__header .__info .__title{text-align:start}.axp-meta-list-item .__content .__header .__info .__title{font-size:.875rem;line-height:1.25rem}.axp-meta-list-item .__content .__header .__info .__title{font-weight:500}.axp-meta-list-item .__content .__header .__info .__subtitle .__required-badge{display:inline-flex}.axp-meta-list-item .__content .__header .__info .__subtitle .__required-badge{align-items:center}.axp-meta-list-item .__content .__header .__info .__subtitle .__required-badge{border-radius:9999px}.axp-meta-list-item .__content .__header .__info .__subtitle .__required-badge{padding-left:.5rem;padding-right:.5rem}.axp-meta-list-item .__content .__header .__info .__subtitle .__required-badge{padding-top:.25rem;padding-bottom:.25rem}.axp-meta-list-item .__content .__header .__info .__subtitle .__required-badge{font-size:.75rem;line-height:1rem}.axp-meta-list-item .__content .__header .__info .__subtitle .__required-badge{font-weight:500}.axp-meta-list-item .__content .__header .__info .__subtitle .__required-badge{--tw-bg-opacity: 1;background-color:rgb(255 237 213 / var(--tw-bg-opacity, 1))}.axp-meta-list-item .__content .__header .__info .__subtitle .__required-badge{--tw-text-opacity: 1;color:rgb(154 52 18 / var(--tw-text-opacity, 1))}.axp-meta-list-item .__actions{margin-left:auto}.axp-meta-list-item .__actions{display:flex}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i1$2.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i2.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i2.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "directive", type: i3$1.AXTranslatorDirective, selector: "[translate]" }, { kind: "pipe", type: i1$3.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXMetaListItemComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'axp-meta-list-item', template: `
+    <div class="axp-meta-list-item" [class.__deleted]="item().status === 'deleted'" *translate="let t">
+      <div class="__content">
+        <div class="__header">
+          <div class="__info">
+            <h4 class="__title">{{ item().text }}</h4>
+            <p class="__subtitle">
+              @if (item().isRequired) {
+                <span class="__required-badge">{{ t('@document-management:meta.required') | async }}</span>
+              }
+            </p>
+          </div>
+
+          @if (item().status === 'deleted') {
+            <div class="__status-badge">
+              <ax-icon icon="fa-light fa-trash" class="__icon"></ax-icon>
+              <span>{{ t('@document-management:meta.deleted') | async }}</span>
+            </div>
+          }
+        </div>
+      </div>
+      
+      <div class="__actions">
+        @if (item().status === 'deleted') {
+          <ax-button 
+            class="ax-xs"
+            look="outline" 
+            color="success"
+            (onClick)="handleRevert()">
+            <ax-prefix>
+              <ax-icon icon="fa-light fa-undo"></ax-icon>
+            </ax-prefix>
+          </ax-button>
+        } @else {
+          <ax-button 
+            class="ax-xs"
+            look="ghost" 
+            color="accent3"
+            (onClick)="handleEdit()">
+            <ax-prefix>
+              <ax-icon icon="fa-light fa-edit"></ax-icon>
+            </ax-prefix>
+          </ax-button>
+          
+          <ax-button 
+            class="ax-xs"
+            look="ghost" 
+            color="danger"
+            (onClick)="handleRemove()">
+            <ax-prefix>
+              <ax-icon icon="fa-light fa-trash"></ax-icon>
+            </ax-prefix>
+          </ax-button>
+        }
+      </div>
+    </div>
+  `, changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
+                        CommonModule,
+                        AXButtonModule,
+                        AXDecoratorModule,
+                        AXTranslationModule
+                    ], styles: [".axp-meta-list-item{display:flex;align-items:center;justify-content:space-between;border-radius:.375rem;padding-left:.5rem;padding-right:.5rem;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;animation-duration:.2s}.axp-meta-list-item:hover{background-color:rgb(var(--ax-sys-color-lighter-surface));color:rgb(var(--ax-sys-color-on-lighter-surface));border-color:rgb(var(--ax-sys-color-border-lighter-surface))}.axp-meta-list-item.__deleted{--tw-border-opacity: 1;border-color:rgba(var(--ax-sys-color-danger-500),var(--tw-border-opacity, 1))}.axp-meta-list-item.__deleted{--tw-bg-opacity: 1;background-color:rgba(var(--ax-sys-color-danger-50),var(--tw-bg-opacity, 1))}.axp-meta-list-item.__deleted .__content{opacity:.6}.axp-meta-list-item .__content{flex:1 1 0%}.axp-meta-list-item .__content .__header{display:flex}.axp-meta-list-item .__content .__header{align-items:center}.axp-meta-list-item .__content .__header{justify-content:space-between}.axp-meta-list-item .__content .__header .__info{flex:1 1 0%}.axp-meta-list-item .__content .__header .__info .__title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.axp-meta-list-item .__content .__header .__info .__title{text-align:start}.axp-meta-list-item .__content .__header .__info .__title{font-size:.875rem;line-height:1.25rem}.axp-meta-list-item .__content .__header .__info .__title{font-weight:500}.axp-meta-list-item .__content .__header .__info .__subtitle .__required-badge{display:inline-flex}.axp-meta-list-item .__content .__header .__info .__subtitle .__required-badge{align-items:center}.axp-meta-list-item .__content .__header .__info .__subtitle .__required-badge{border-radius:9999px}.axp-meta-list-item .__content .__header .__info .__subtitle .__required-badge{padding-left:.5rem;padding-right:.5rem}.axp-meta-list-item .__content .__header .__info .__subtitle .__required-badge{padding-top:.25rem;padding-bottom:.25rem}.axp-meta-list-item .__content .__header .__info .__subtitle .__required-badge{font-size:.75rem;line-height:1rem}.axp-meta-list-item .__content .__header .__info .__subtitle .__required-badge{font-weight:500}.axp-meta-list-item .__content .__header .__info .__subtitle .__required-badge{--tw-bg-opacity: 1;background-color:rgb(255 237 213 / var(--tw-bg-opacity, 1))}.axp-meta-list-item .__content .__header .__info .__subtitle .__required-badge{--tw-text-opacity: 1;color:rgb(154 52 18 / var(--tw-text-opacity, 1))}.axp-meta-list-item .__actions{margin-left:auto}.axp-meta-list-item .__actions{display:flex}\n"] }]
+        }] });
+
+class AXMetaListComponent {
+    constructor() {
+        this.metaItems = input([], ...(ngDevMode ? [{ debugName: "metaItems" }] : []));
+        this.onRemove = output();
+        this.onRevert = output();
+        this.onEdit = output();
+    }
+    handleRemove(item) {
+        this.onRemove.emit(item);
+    }
+    handleRevert(item) {
+        this.onRevert.emit(item);
+    }
+    handleEdit(item) {
+        this.onEdit.emit(item);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXMetaListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.3", type: AXMetaListComponent, isStandalone: true, selector: "axp-meta-list", inputs: { metaItems: { classPropertyName: "metaItems", publicName: "metaItems", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onRemove: "onRemove", onRevert: "onRevert", onEdit: "onEdit" }, ngImport: i0, template: `
+    <div class="axp-meta-list">
+      @if (metaItems().length === 0) {
+        <div class="__empty-state">
+          <div class="__content">
+            <ax-icon class="__icon" icon="fa-light fa-list-check"></ax-icon>
+            <p class="__message">No metadata items added yet</p>
+          </div>
+        </div>
+      }
+      
+      @for (item of metaItems(); track item.id) {
+        <axp-meta-list-item 
+          [item]="item"
+          (onRemove)="handleRemove(item)"
+          (onRevert)="handleRevert(item)"
+          (onEdit)="handleEdit(item)"
+        />
+      }
+    </div>
+  `, isInline: true, styles: [".axp-meta-list .__empty-state{display:flex}.axp-meta-list .__empty-state{align-items:center}.axp-meta-list .__empty-state{justify-content:center}.axp-meta-list .__empty-state{padding-top:.5rem;padding-bottom:.5rem}.axp-meta-list .__empty-state .__content .__icon{margin-bottom:.5rem}.axp-meta-list .__empty-state .__content .__icon{font-size:1.5rem;line-height:2rem}.axp-meta-list .__empty-state .__content .__message{font-size:.875rem;line-height:1.25rem}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i2.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: AXMetaListItemComponent, selector: "axp-meta-list-item", inputs: ["item"], outputs: ["onRemove", "onRevert", "onEdit"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXMetaListComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'axp-meta-list', template: `
+    <div class="axp-meta-list">
+      @if (metaItems().length === 0) {
+        <div class="__empty-state">
+          <div class="__content">
+            <ax-icon class="__icon" icon="fa-light fa-list-check"></ax-icon>
+            <p class="__message">No metadata items added yet</p>
+          </div>
+        </div>
+      }
+      
+      @for (item of metaItems(); track item.id) {
+        <axp-meta-list-item 
+          [item]="item"
+          (onRemove)="handleRemove(item)"
+          (onRevert)="handleRevert(item)"
+          (onEdit)="handleEdit(item)"
+        />
+      }
+    </div>
+  `, changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
+                        CommonModule,
+                        AXDecoratorModule,
+                        AXMetaListItemComponent
+                    ], styles: [".axp-meta-list .__empty-state{display:flex}.axp-meta-list .__empty-state{align-items:center}.axp-meta-list .__empty-state{justify-content:center}.axp-meta-list .__empty-state{padding-top:.5rem;padding-bottom:.5rem}.axp-meta-list .__empty-state .__content .__icon{margin-bottom:.5rem}.axp-meta-list .__empty-state .__content .__icon{font-size:1.5rem;line-height:2rem}.axp-meta-list .__empty-state .__content .__message{font-size:.875rem;line-height:1.25rem}\n"] }]
+        }] });
+
 class AXPMetaSelectorWidgetEditComponent extends AXPValueWidgetComponent {
     constructor() {
         super(...arguments);
+        //#region ----   Services & Dependencies   ----
         this.popupService = inject(AXPopupService);
+        //#endregion
+        //#region ----   Computed Properties   ----
+        /**
+         * Convert raw value to MetaDataItem format for display
+         */
+        this.metaItems = computed(() => {
+            const value = this.getValue();
+            if (!Array.isArray(value)) {
+                return [];
+            }
+            return value.map(item => ({
+                id: item.id,
+                text: item.text,
+                isRequired: item.isRequired ?? false,
+                placeholder: item.placeholder,
+                status: item.status || 'active',
+                ...item
+            }));
+        }, ...(ngDevMode ? [{ debugName: "metaItems" }] : []));
     }
-    async handleClick() {
-        const comp = (await import('./acorex-modules-document-management-meta-choose-popup.component-DYJN-4Pe.mjs')).AXPMetaChoosePopupComponent;
+    //#endregion
+    //#region ----   Event Handlers   ----
+    /**
+     * Handle adding new metadata items
+     */
+    async handleAddClick() {
+        const comp = (await import('./acorex-modules-document-management-meta-choose-popup.component-C7ounW6N.mjs')).AXPMetaChoosePopupComponent;
         const result = await this.popupService.open(comp, {
             title: 'Meta Selector',
             data: {
-                initialData: this.getValue()
+                initialData: cloneDeep(this.getValue())
+            }
+        });
+        if (result.data != undefined && result.data != null) {
+            this.setValue(result.data);
+        }
+    }
+    /**
+     * Handle removing a metadata item
+     */
+    handleMetaRemove(item) {
+        this.removeMetaItem(item);
+    }
+    /**
+     * Handle reverting a deleted metadata item
+     */
+    handleMetaRevert(item) {
+        item.status = 'active';
+        this.updateMetaItem(item);
+    }
+    /**
+     * Handle editing a metadata item
+     */
+    async handleMetaEdit(item) {
+        const comp = (await import('./acorex-modules-document-management-meta-choose-popup.component-C7ounW6N.mjs')).AXPMetaChoosePopupComponent;
+        const result = await this.popupService.open(comp, {
+            title: 'Edit Meta Selector',
+            data: {
+                initialData: cloneDeep(this.getValue()),
+                editMode: true,
+                editingItem: item
             }
         });
         if (result.data != undefined && result.data != null) {
             this.setValue(result.data);
         }
     }
+    //#endregion
+    //#region ----   Utility Methods   ----
+    /**
+     * Remove a metadata item (mark as deleted if uploaded, remove if attached)
+     */
+    removeMetaItem(item) {
+        const currentValue = this.getValue() || [];
+        if (item.status === 'active') {
+            // Mark as deleted instead of removing completely
+            const updatedValue = currentValue.map((meta) => meta.id === item.id ? { ...meta, status: 'deleted' } : meta);
+            this.setValue(updatedValue);
+        }
+        else {
+            // Remove completely if already marked as deleted
+            const updatedValue = currentValue.filter((meta) => meta.id !== item.id);
+            this.setValue(updatedValue);
+        }
+    }
+    /**
+     * Update a specific metadata item
+     */
+    updateMetaItem(item) {
+        const currentValue = this.getValue() || [];
+        const updatedValue = currentValue.map((meta) => meta.id === item.id ? { ...meta, ...item } : meta);
+        this.setValue(updatedValue);
+    }
+    //#endregion
+    //#region ----   Host Binding   ----
+    get __class() {
+        const cls = {};
+        cls[`ax-block`] = true;
+        cls[`ax-border`] = true;
+        cls[`ax-rounded-md`] = true;
+        cls[`ax-lightest-surface`] = true;
+        cls[`ax-flex-1`] = true;
+        return cls;
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXPMetaSelectorWidgetEditComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.3", type: AXPMetaSelectorWidgetEditComponent, isStandalone: true, selector: "axp-meta-selector-widget-edit", usesInheritance: true, ngImport: i0, template: `
-  <ax-select-box [readonly]="true" (click)="handleClick()" [value]="getValue()"
-  textField="text" valueField="id" [multiple]="true"></ax-select-box>
-  `, isInline: true, dependencies: [{ kind: "ngmodule", type: AXSelectBoxModule }, { kind: "component", type: i1.AXSelectBoxComponent, selector: "ax-select-box", inputs: ["disabled", "readonly", "tabIndex", "placeholder", "minValue", "maxValue", "value", "state", "name", "id", "type", "look", "multiple", "valueField", "textField", "disabledField", "textTemplate", "selectedItems", "dataSource", "minRecordsForSearch", "caption", "itemTemplate", "selectedTemplate", "emptyTemplate", "loadingTemplate", "dropdownWidth", "searchBoxAutoFocus"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "readonlyChange", "disabledChange", "onOpened", "onClosed"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.3", type: AXPMetaSelectorWidgetEditComponent, isStandalone: true, selector: "axp-meta-selector-widget-edit", host: { properties: { "class": "this.__class" } }, usesInheritance: true, ngImport: i0, template: `
+    <div class="axp-meta-selector-widget-edit" *translate="let t">
+      
+      <div class="__header">
+        <ax-button 
+          class="ax-sm" 
+          [text]="t('@document-management:actions.add-item') | async" 
+          [color]="'primary'" 
+          (click)='handleAddClick()'>
+          <ax-prefix>
+            <ax-icon icon="fa-light fa-plus"></ax-icon>
+          </ax-prefix>
+        </ax-button>
+      </div>
+      
+      <div class="__content">
+        <axp-meta-list 
+          [metaItems]="metaItems()"
+          (onRemove)="handleMetaRemove($event)"
+          (onRevert)="handleMetaRevert($event)"
+          (onEdit)="handleMetaEdit($event)"
+        />
+      </div>
+      
+    </div>
+  `, isInline: true, styles: [".axp-meta-selector-widget-edit .__header{display:flex}.axp-meta-selector-widget-edit .__header{justify-content:flex-end}.axp-meta-selector-widget-edit .__header{border-bottom-width:1px}.axp-meta-selector-widget-edit .__header,.axp-meta-selector-widget-edit .__content{padding:.5rem}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXSelectBoxModule }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i1$2.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i2.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i2.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "directive", type: i3$1.AXTranslatorDirective, selector: "[translate]" }, { kind: "component", type: AXMetaListComponent, selector: "axp-meta-list", inputs: ["metaItems"], outputs: ["onRemove", "onRevert", "onEdit"] }, { kind: "pipe", type: i1$3.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXPMetaSelectorWidgetEditComponent, decorators: [{
             type: Component,
-            args: [{
-                    selector: 'axp-meta-selector-widget-edit',
-                    template: `
-  <ax-select-box [readonly]="true" (click)="handleClick()" [value]="getValue()"
-  textField="text" valueField="id" [multiple]="true"></ax-select-box>
-  `,
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    imports: [AXSelectBoxModule]
-                }]
-        }] });
+            args: [{ selector: 'axp-meta-selector-widget-edit', template: `
+    <div class="axp-meta-selector-widget-edit" *translate="let t">
+      
+      <div class="__header">
+        <ax-button 
+          class="ax-sm" 
+          [text]="t('@document-management:actions.add-item') | async" 
+          [color]="'primary'" 
+          (click)='handleAddClick()'>
+          <ax-prefix>
+            <ax-icon icon="fa-light fa-plus"></ax-icon>
+          </ax-prefix>
+        </ax-button>
+      </div>
+      
+      <div class="__content">
+        <axp-meta-list 
+          [metaItems]="metaItems()"
+          (onRemove)="handleMetaRemove($event)"
+          (onRevert)="handleMetaRevert($event)"
+          (onEdit)="handleMetaEdit($event)"
+        />
+      </div>
+      
+    </div>
+  `, changeDetection: ChangeDetectionStrategy.OnPush, imports: [
+                        CommonModule,
+                        AXSelectBoxModule,
+                        AXButtonModule,
+                        AXDecoratorModule,
+                        AXTranslationModule,
+                        AXMetaListComponent
+                    ], styles: [".axp-meta-selector-widget-edit .__header{display:flex}.axp-meta-selector-widget-edit .__header{justify-content:flex-end}.axp-meta-selector-widget-edit .__header{border-bottom-width:1px}.axp-meta-selector-widget-edit .__header,.axp-meta-selector-widget-edit .__content{padding:.5rem}\n"] }]
+        }], propDecorators: { __class: [{
+                type: HostBinding,
+                args: ['class']
+            }] } });
 
 var metaSelectorWidgetEdit_component = /*#__PURE__*/Object.freeze({
     __proto__: null,
@@ -5625,11 +5985,11 @@ function routesFacory() {
             children: [
                 {
                     path: '',
-                    loadComponent: () => import('./acorex-modules-document-management-drive.component-DrkSd6Rv.mjs').then((c) => c.AXMDocumentDriveComponent),
+                    loadComponent: () => import('./acorex-modules-document-management-drive.component-TzRLr7rb.mjs').then((c) => c.AXMDocumentDriveComponent),
                 },
                 {
                     path: ':id',
-                    loadComponent: () => import('./acorex-modules-document-management-drive.component-DrkSd6Rv.mjs').then((c) => c.AXMDocumentDriveComponent),
+                    loadComponent: () => import('./acorex-modules-document-management-drive.component-TzRLr7rb.mjs').then((c) => c.AXMDocumentDriveComponent),
                 },
             ],
         },
@@ -5644,7 +6004,7 @@ class AXMDocumentManagementModule {
             AXMDocumentManagementDocumentTypeMetaValueEntityModule,
             AXMDocumentManagementDocumentTypeMetaDefinitionEntityModule,
             AXMDocumentManagementDocumentTypeEntityModule,
-            AXMDocumentManagementDocumentEntityModule, i6.AXPLayoutBuilderModule, AXMFileTypeModule, i3$1.AXMediaViewerModule, i3$3.AXPWorkflowModule] }); }
+            AXMDocumentManagementDocumentEntityModule, i6.AXPLayoutBuilderModule, AXMFileTypeModule, i3$2.AXMediaViewerModule, i3$4.AXPWorkflowModule] }); }
     static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXMDocumentManagementModule, providers: [
             {
                 provide: AXMFolderService,
@@ -5674,7 +6034,7 @@ class AXMDocumentManagementModule {
                 provide: AXP_PERMISSION_DEFINITION_PROVIDER,
                 useFactory: async () => {
                     const injector = inject(Injector);
-                    const provider = (await import('./acorex-modules-document-management-permission-definition.provider-CN7HVQLu.mjs')).AXMPermissionDefinitionProvider;
+                    const provider = (await import('./acorex-modules-document-management-permission-definition.provider-s0P0M8p2.mjs')).AXMPermissionDefinitionProvider;
                     return new provider(injector);
                 },
                 multi: true,
@@ -5774,7 +6134,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImpor
                             provide: AXP_PERMISSION_DEFINITION_PROVIDER,
                             useFactory: async () => {
                                 const injector = inject(Injector);
-                                const provider = (await import('./acorex-modules-document-management-permission-definition.provider-CN7HVQLu.mjs')).AXMPermissionDefinitionProvider;
+                                const provider = (await import('./acorex-modules-document-management-permission-definition.provider-s0P0M8p2.mjs')).AXMPermissionDefinitionProvider;
                                 return new provider(injector);
                             },
                             multi: true,
@@ -5803,4 +6163,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImpor
  */
 
 export { AXPDocumentExplorerViewModel as A, AXMFolderService as B, AXMFolderServiceImpl as C, AXMEntityProvider as D, AXMMenuProvider as E, AXMSearchCommandProvider as F, AXMSettingProvider as G, RootConfig as R, AXMDocumentManagerService as a, AXMDocumentExplorerComponent as b, AXMFolderPathBreadcrumbsComponent as c, AXMPermissionsKeys as d, AXMDocumentTypeService as e, AXMDocumentManagementModule as f, documentFactory as g, AXMDocumentManagementDocumentEntityModule as h, AXMDocumentService as i, AXMDocumentServiceImpl as j, documentTypeFactory as k, AXMDocumentManagementDocumentTypeEntityModule as l, AXMDocumentTypeServiceImpl as m, documentTypeMetaDefinitionfactory as n, AXMDocumentManagementDocumentTypeMetaDefinitionEntityModule as o, AXMDocumentManagementDocumentTypeMetaDefinitionEntityService as p, AXMDocumentManagementDocumentTypeMetaDefinitionEntityServiceImpl as q, documentTypeMetaValueFactory as r, AXMDocumentManagementDocumentTypeMetaValueEntityModule as s, AXMDocumentManagementDocumentTypeMetaValueEntityService as t, AXMDocumentManagementDocumentTypeMetaValueEntityServiceImpl as u, documentTypeStatusDefinitionFactory as v, AXMDocumentManagementDocumentTypeStatusDefinitionEntityModule as w, AXMDocumentManagementDocumentTypeStatusDefinitionEntityService as x, AXMDocumentManagementDocumentTypeStatusDefinitionEntityServiceImpl as y, folderFactory as z };
-//# sourceMappingURL=acorex-modules-document-management-acorex-modules-document-management-B4Jd-KGV.mjs.map
+//# sourceMappingURL=acorex-modules-document-management-acorex-modules-document-management-C7ot6PfT.mjs.map