@acorex/modules 20.4.1 → 20.5.0-next.0

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

@@ -2,8 +2,8 @@ import * as i0 from '@angular/core';
 import { inject, Injector, Injectable, runInInjectionContext, computed, effect, HostBinding, ChangeDetectionStrategy, Component, NgModule, EventEmitter, signal, Output, Input, input, output, viewChild } from '@angular/core';
 import { AXP_PERMISSION_DEFINITION_PROVIDER } from '@acorex/platform/auth';
 import { AXPSearchCommandProvider, createAllQueryView, createQueryView, AXPEntityQueryType, AXPEntityCommandScope, AXP_MENU_PROVIDER, AXP_SETTING_DEFINITION_PROVIDER, AXP_SEARCH_PROVIDER } from '@acorex/platform/common';
-import { AXPDataSourceDefinitionProviderService, AXPDataGenerator, AXP_DATASOURCE_DEFINITION_PROVIDER, AXP_EXPRESSION_EVALUATOR_SCOPE_PROVIDER } from '@acorex/platform/core';
-import { AXPEntityService, AXPEntityDefinitionRegistryService, AXMEntityCrudServiceImpl, entityMasterCrudActions, entityMasterRecordActions, ensureListActions, actionExists, AXP_ENTITY_ACTION_PLUGIN, AXP_ENTITY_DEFINITION_LOADER } from '@acorex/platform/layout/entity';
+import { AXPDataSourceDefinitionProviderService, AXPDataGenerator, AXPTagProvider, AXP_TAG_PROVIDER, AXP_DATASOURCE_DEFINITION_PROVIDER, AXP_EXPRESSION_EVALUATOR_SCOPE_PROVIDER } from '@acorex/platform/core';
+import { AXPEntityService, AXPEntityDefinitionRegistryService, AXMEntityCrudServiceImpl, entityMasterCrudActions, entityMasterRecordActions, entityMasterDeleteAction, ensureListActions, actionExists, AXP_ENTITY_ACTION_PLUGIN, AXP_ENTITY_DEFINITION_LOADER } from '@acorex/platform/layout/entity';
 import * as i4 from '@acorex/platform/layout/widget-core';
 import { AXPWidgetRegistryService, AXPWidgetsCatalog, AXP_WIDGETS_EDITOR_CATEGORY, AXPValueWidgetComponent, AXPWidgetCoreModule, AXPWidgetGroupEnum, AXPPageStatus } from '@acorex/platform/layout/widget-core';
 import { AXPQueryService } from '@acorex/platform/runtime';
@@ -41,7 +41,6 @@ const RootConfig = {
     config,
     module: {
         route: 'data-management',
-        module: 'dataManagement',
         name: 'DataManagement',
         title: `t('module-name', {scope:"${config.i18n}"})`,
         icon: 'fa-regular fa-database',
@@ -77,6 +76,12 @@ const RootConfig = {
             titlePlural: `t('metaDataDefinitionPlural', { scope: "${config.i18n}" })`,
             icon: 'fa-light fa-server',
         },
+        tag: {
+            name: 'Tag',
+            source: 'DataManagement.Tag',
+            title: '@general:terms.common.tag',
+            icon: 'fa-light fa-tags',
+        },
     },
 };
 
@@ -85,6 +90,7 @@ const AXPDataManagementMenuKeys = {
     Queries: 'data-management:menu:queries',
     DataSources: 'data-management:menu:data-sources',
     MetaDataDefinitions: 'data-management:menu:metadata-definitions',
+    Tags: 'data-management:menu:tags',
 };
 
 class AXMMenuProvider {
@@ -126,6 +132,13 @@ class AXMMenuProvider {
                         icon: RootConfig.entities.metaDataDefinition.icon,
                         priority: 9005,
                     },
+                    {
+                        name: AXPDataManagementMenuKeys.Tags,
+                        text: '@general:terms.common.tags',
+                        icon: RootConfig.entities.tag.icon,
+                        path: this.entityService.createPath(RootConfig.module.name, RootConfig.entities.tag.name),
+                        priority: 9006,
+                    },
                 ]
             }
         ]);
@@ -152,6 +165,8 @@ class AXMEntityProvider {
                     return (await Promise.resolve().then(function () { return dataSource_entity; })).dataSourceEntityFactory(this.injector);
                 case RootConfig.entities.metaDataDefinition.name:
                     return (await Promise.resolve().then(function () { return metaDataDefinition_entity; })).metaDataDefinitionFactory(this.injector);
+                case RootConfig.entities.tag.name:
+                    return (await Promise.resolve().then(function () { return tag_entity; })).factory(this.injector);
             }
         }
         return null;
@@ -1475,7 +1490,7 @@ class AXMColumnFilterSelectorWidgetEditComponent extends AXPValueWidgetComponent
         }     
         </axp-widgets-container>
     </div>
-  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: AXSelectBoxModule }, { kind: "component", type: i2.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", "onItemSelected", "onItemClick"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i3.AXDecoratorClearButtonComponent, selector: "ax-clear-button", inputs: ["icon"] }, { kind: "ngmodule", type: AXPWidgetCoreModule }, { kind: "component", type: i4.AXPWidgetContainerComponent, selector: "axp-widgets-container", inputs: ["context", "functions"], outputs: ["onContextChanged"] }, { kind: "directive", type: i4.AXPWidgetRendererDirective, selector: "[axp-widget-renderer]", inputs: ["parentNode", "index", "mode", "node"], outputs: ["onOptionsChanged", "onValueChanged"], exportAs: ["widgetRenderer"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: AXSelectBoxModule }, { kind: "component", type: i2.AXSelectBoxComponent, selector: "ax-select-box", inputs: ["disabled", "readonly", "tabIndex", "placeholder", "minValue", "maxValue", "value", "state", "name", "id", "type", "look", "multiple", "valueField", "textField", "disabledField", "textTemplate", "selectedItems", "isItemTruncated", "showItemTooltip", "itemHeight", "maxVisibleItems", "dataSource", "minRecordsForSearch", "caption", "itemTemplate", "selectedTemplate", "emptyTemplate", "loadingTemplate", "dropdownWidth", "searchBoxAutoFocus"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "readonlyChange", "disabledChange", "onOpened", "onClosed", "onItemSelected", "onItemClick"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i3.AXDecoratorClearButtonComponent, selector: "ax-clear-button", inputs: ["icon"] }, { kind: "ngmodule", type: AXPWidgetCoreModule }, { kind: "component", type: i4.AXPWidgetContainerComponent, selector: "axp-widgets-container", inputs: ["context", "functions"], outputs: ["onContextChanged"] }, { kind: "directive", type: i4.AXPWidgetRendererDirective, selector: "[axp-widget-renderer]", inputs: ["parentNode", "index", "mode", "node"], outputs: ["onOptionsChanged", "onValueChanged"], exportAs: ["widgetRenderer"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: AXMColumnFilterSelectorWidgetEditComponent, decorators: [{
             type: Component,
@@ -2348,6 +2363,172 @@ var metaDataDefinition_entity = /*#__PURE__*/Object.freeze({
     metaDataDefinitionFactory: metaDataDefinitionFactory
 });
 
+//#region ----   Tag Entity Service   ----
+class AXMTagEntityService extends AXMEntityCrudServiceImpl {
+    constructor() {
+        super(`${RootConfig.module.name}.${RootConfig.entities.tag.name}`);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: AXMTagEntityService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: AXMTagEntityService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: AXMTagEntityService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: () => [] });
+
+//#region ----   Tag Entity Factory   ----
+async function factory(injector) {
+    const dataService = injector.get(AXMTagEntityService);
+    const entityDef = {
+        module: RootConfig.module.name,
+        name: RootConfig.entities.tag.name,
+        plugins: [
+            { name: 'history' },
+            { name: 'lock' },
+            { name: 'compare' },
+            {
+                name: 'color',
+                options: {
+                    column: {
+                        enabled: true,
+                        visible: true,
+                    }
+                }
+            }
+        ],
+        title: '@general:terms.common.tag',
+        formats: {
+            individual: '@general:terms.common.tag',
+            plural: '@general:terms.common.tags',
+            searchResult: { title: '{{ title }}', description: RootConfig.module.title },
+        },
+        relatedEntities: [],
+        groups: [
+            { id: 'basic-info', title: '@general:terms.interface.basic-info' },
+        ],
+        properties: [
+            {
+                name: 'title',
+                title: '@general:terms.common.title',
+                groupId: 'basic-info',
+                options: {
+                    sort: { enabled: true },
+                    filter: { advance: { enabled: true }, inline: { enabled: true } },
+                },
+                schema: { dataType: 'string', interface: { type: AXPWidgetsCatalog.text } },
+                validations: [{ rule: 'required' }],
+            },
+            {
+                name: 'description',
+                title: '@general:terms.common.description',
+                groupId: 'basic-info',
+                schema: { dataType: 'string', interface: { type: AXPWidgetsCatalog.largeText } },
+            },
+            {
+                name: 'scope',
+                title: '@general:terms.common.scope',
+                groupId: 'basic-info',
+                options: {
+                    sort: { enabled: true },
+                    filter: { advance: { enabled: true }, inline: { enabled: true } },
+                },
+                schema: {
+                    dataType: 'string',
+                    interface: {
+                        type: AXPWidgetsList.Editors.SelectBox,
+                        options: {
+                            valueField: 'value',
+                            textField: 'text',
+                            dataSource: [
+                                { value: 'system', text: 'System' },
+                                { value: 'tenant', text: 'Tenant' },
+                                { value: 'user', text: 'User' },
+                            ],
+                        },
+                    },
+                },
+                validations: [{ rule: 'required' }],
+            },
+        ],
+        columns: [
+            { name: 'title' },
+            { name: 'description' },
+            { name: 'scope' },
+        ],
+        commands: {
+            create: { execute: async (data) => ({ id: await dataService.insertOne(data) }) },
+            delete: { execute: async (id) => await dataService.deleteOne(id) },
+            update: { execute: async (data) => await dataService.updateOne(data.id, data) },
+        },
+        queries: {
+            byKey: { execute: async (id) => await dataService.getOne(id), type: AXPEntityQueryType.Single },
+            list: { execute: async (e) => await dataService.query(e), type: AXPEntityQueryType.List },
+        },
+        interfaces: {
+            master: {
+                create: {
+                    sections: [{ id: 'basic-info' }],
+                    properties: [
+                        { name: 'title', layout: { positions: { lg: { colSpan: 6, order: 1 } } } },
+                        { name: 'scope', layout: { positions: { lg: { colSpan: 6, order: 2 } } } },
+                        { name: 'description', layout: { positions: { lg: { colSpan: 12, order: 3 } } } },
+                    ],
+                },
+                update: {
+                    sections: [{ id: 'basic-info' }],
+                    properties: [
+                        { name: 'title', layout: { positions: { lg: { colSpan: 6, order: 1 } } } },
+                        { name: 'scope', layout: { positions: { lg: { colSpan: 6, order: 2 } } } },
+                        { name: 'description', layout: { positions: { lg: { colSpan: 12, order: 3 } } } },
+                    ],
+                },
+                single: {
+                    title: '{{title}}',
+                    sections: [{ id: 'basic-info' }],
+                    properties: [
+                        { name: 'title', layout: { positions: { lg: { colSpan: 6, order: 1 } } } },
+                        { name: 'scope', layout: { positions: { lg: { colSpan: 6, order: 2 } } } },
+                        { name: 'description', layout: { positions: { lg: { colSpan: 12, order: 3 } } } },
+                    ],
+                    actions: [entityMasterDeleteAction()],
+                },
+                list: {
+                    actions: [...entityMasterCrudActions()],
+                    views: [createAllQueryView({ sorts: [{ name: 'title', dir: 'asc' }] })],
+                },
+            },
+        },
+    };
+    return entityDef;
+}
+//#endregion
+
+var tag_entity = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    factory: factory
+});
+
+//#region ----   Tag Entity Module   ----
+class AXMTagEntityModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: AXMTagEntityModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.4", ngImport: i0, type: AXMTagEntityModule }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: AXMTagEntityModule }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: AXMTagEntityModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [],
+                    exports: [],
+                    declarations: [],
+                    providers: [],
+                }]
+        }] });
+
+//#region ----   Tag Entity Types   ----
+//#endregion
+
 class AXMQueryEntityModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: AXMQueryEntityModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
     static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.4", ngImport: i0, type: AXMQueryEntityModule }); }
@@ -2547,7 +2728,7 @@ class AXPQueryBuilderConditionComponent {
         this.removeItem.emit(this.item.id);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: AXPQueryBuilderConditionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.4", type: AXPQueryBuilderConditionComponent, isStandalone: true, selector: "axp-query-builder-condition", inputs: { item: "item", availableFields: "availableFields" }, outputs: { itemChange: "itemChange", removeItem: "removeItem" }, ngImport: i0, template: "<div class=\"__condition-card\">\n  <div class=\"__condition-content\">\n    <!-- Field -->\n    <div class=\"__field-group\">\n      <label class=\"__field-label\">Field</label>\n      <ax-select-box\n        [dataSource]=\"availableFields\"\n        (onValueChanged)=\"onFieldChange($event)\"\n        valueField=\"value\"\n        textField=\"field\"\n        placeholder=\"Select field\"\n      >\n      </ax-select-box>\n    </div>\n\n    <!-- render -->\n    <div class=\"__field-group\">\n      <label class=\"__field-label\">Value</label>\n      <axp-widgets-container class=\"ax-flex ax-flex-col ax-gap-2 ax-p-4\" [context]=\"context()\" (onContextChanged)='onContextChange($event)'>\n        <ng-container axp-widget-renderer [node]=\"filterNode()\" [mode]=\"'edit'\"> </ng-container>\n      </axp-widgets-container>\n    </div>\n  </div>\n\n  <!-- Actions -->\n  <div class=\"__condition-actions\">\n    <ax-button [look]=\"'blank'\" [color]=\"'danger'\" (onClick)=\"onRemoveClick()\">\n      <ax-icon class=\"fa-light fa-trash\"></ax-icon>\n    </ax-button>\n  </div>\n</div>\n", styles: [".__condition-card{display:flex;align-items:center;align-content:center;gap:.5rem;padding:.75rem;background-color:var(--ax-form-field-background);border:1px solid var(--ax-form-field-border-color);border-radius:var(--ax-form-field-border-radius);width:100%}.__condition-content{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;flex-grow:1}.__field-group{display:flex;flex-direction:column;gap:.25rem}.__field-label{font-size:.75rem;color:var(--ax-text-color-secondary);font-weight:500}.__condition-actions{display:flex;align-items:center}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: AXSelectBoxModule }, { kind: "component", type: i2.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", "onItemSelected", "onItemClick"] }, { kind: "ngmodule", type: AXTextBoxModule }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i2$2.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i3.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "ngmodule", type: AXPWidgetCoreModule }, { kind: "component", type: i4.AXPWidgetContainerComponent, selector: "axp-widgets-container", inputs: ["context", "functions"], outputs: ["onContextChanged"] }, { kind: "directive", type: i4.AXPWidgetRendererDirective, selector: "[axp-widget-renderer]", inputs: ["parentNode", "index", "mode", "node"], outputs: ["onOptionsChanged", "onValueChanged"], exportAs: ["widgetRenderer"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.4", type: AXPQueryBuilderConditionComponent, isStandalone: true, selector: "axp-query-builder-condition", inputs: { item: "item", availableFields: "availableFields" }, outputs: { itemChange: "itemChange", removeItem: "removeItem" }, ngImport: i0, template: "<div class=\"__condition-card\">\n  <div class=\"__condition-content\">\n    <!-- Field -->\n    <div class=\"__field-group\">\n      <label class=\"__field-label\">Field</label>\n      <ax-select-box\n        [dataSource]=\"availableFields\"\n        (onValueChanged)=\"onFieldChange($event)\"\n        valueField=\"value\"\n        textField=\"field\"\n        placeholder=\"Select field\"\n      >\n      </ax-select-box>\n    </div>\n\n    <!-- render -->\n    <div class=\"__field-group\">\n      <label class=\"__field-label\">Value</label>\n      <axp-widgets-container class=\"ax-flex ax-flex-col ax-gap-2 ax-p-4\" [context]=\"context()\" (onContextChanged)='onContextChange($event)'>\n        <ng-container axp-widget-renderer [node]=\"filterNode()\" [mode]=\"'edit'\"> </ng-container>\n      </axp-widgets-container>\n    </div>\n  </div>\n\n  <!-- Actions -->\n  <div class=\"__condition-actions\">\n    <ax-button [look]=\"'blank'\" [color]=\"'danger'\" (onClick)=\"onRemoveClick()\">\n      <ax-icon class=\"fa-light fa-trash\"></ax-icon>\n    </ax-button>\n  </div>\n</div>\n", styles: [".__condition-card{display:flex;align-items:center;align-content:center;gap:.5rem;padding:.75rem;background-color:var(--ax-form-field-background);border:1px solid var(--ax-form-field-border-color);border-radius:var(--ax-form-field-border-radius);width:100%}.__condition-content{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;flex-grow:1}.__field-group{display:flex;flex-direction:column;gap:.25rem}.__field-label{font-size:.75rem;color:var(--ax-text-color-secondary);font-weight:500}.__condition-actions{display:flex;align-items:center}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: AXSelectBoxModule }, { kind: "component", type: i2.AXSelectBoxComponent, selector: "ax-select-box", inputs: ["disabled", "readonly", "tabIndex", "placeholder", "minValue", "maxValue", "value", "state", "name", "id", "type", "look", "multiple", "valueField", "textField", "disabledField", "textTemplate", "selectedItems", "isItemTruncated", "showItemTooltip", "itemHeight", "maxVisibleItems", "dataSource", "minRecordsForSearch", "caption", "itemTemplate", "selectedTemplate", "emptyTemplate", "loadingTemplate", "dropdownWidth", "searchBoxAutoFocus"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "readonlyChange", "disabledChange", "onOpened", "onClosed", "onItemSelected", "onItemClick"] }, { kind: "ngmodule", type: AXTextBoxModule }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i2$2.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i3.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "ngmodule", type: AXPWidgetCoreModule }, { kind: "component", type: i4.AXPWidgetContainerComponent, selector: "axp-widgets-container", inputs: ["context", "functions"], outputs: ["onContextChanged"] }, { kind: "directive", type: i4.AXPWidgetRendererDirective, selector: "[axp-widget-renderer]", inputs: ["parentNode", "index", "mode", "node"], outputs: ["onOptionsChanged", "onValueChanged"], exportAs: ["widgetRenderer"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: AXPQueryBuilderConditionComponent, decorators: [{
             type: Component,
@@ -3181,7 +3362,7 @@ class AXPQueryBuilderWidgetEditComponent extends AXPValueWidgetComponent {
         </div>
       </div>
     </ng-template>
-  `, isInline: true, styles: [".__query-builder{width:100%;border-radius:.5rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.__query-builder .__header{display:flex;align-items:center;justify-content:space-between;border-bottom-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));background-image:linear-gradient(to right,var(--tw-gradient-stops));--tw-gradient-from: #eff6ff var(--tw-gradient-from-position);--tw-gradient-to: rgb(239 246 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: #eef2ff var(--tw-gradient-to-position);padding:1rem}.__query-builder .__header .__title{display:flex;align-items:center;gap:.5rem;font-weight:600;--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity, 1))}.__query-builder .__header .__title i{--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity, 1))}.__query-builder .__header .__actions{display:flex;gap:.5rem}.__query-builder .__query-content{padding:1rem}.__query-builder .__query-content .__root-group{border-radius:.5rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(191 219 254 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(239 246 255 / var(--tw-bg-opacity, 1));padding:1rem}.__query-builder .__query-content .__root-group .__group-header{margin-bottom:1rem;display:flex;align-items:center;justify-content:space-between}.__query-builder .__query-content .__root-group .__group-header .__group-operator{display:flex;align-items:center;gap:.5rem}.__query-builder .__query-content .__root-group .__group-header .__group-operator label{font-size:.875rem;line-height:1.25rem;font-weight:600;--tw-text-opacity: 1;color:rgb(30 64 175 / var(--tw-text-opacity, 1))}.__query-builder .__query-content .__root-group .__group-content>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.__query-builder .__query-content .__root-group .__group-content.ax-drop-list-receiving{border-radius:.5rem;border-width:2px;border-style:dashed;--tw-border-opacity: 1;border-color:rgb(147 197 253 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(239 246 255 / var(--tw-bg-opacity, 1))}.__query-builder .__query-content .__root-group .__group-content .__query-item{display:flex;align-items:flex-start;gap:.75rem;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;animation-duration:.2s}.__query-builder .__query-content .__root-group .__group-content .__query-item.ax-drag-preview{border-radius:.5rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding:.5rem;--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.__query-builder .__query-content .__root-group .__group-content .__query-item.ax-drag-disabled .__item-controls .__drag-handle{cursor:not-allowed;opacity:.5}.__query-builder .__query-content .__query-item{position:relative}.__query-builder .__query-content .__query-item.ax-drag-preview{--tw-rotate: 2deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));opacity:.8;--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.__query-builder .__query-content .__query-item.ax-drag-placeholder{border-width:2px;border-style:dashed;--tw-border-opacity: 1;border-color:rgb(147 197 253 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(219 234 254 / var(--tw-bg-opacity, 1));opacity:.5}.__query-builder .__query-content .__query-item .__item-controls{margin-right:.75rem;display:flex;align-items:center;gap:.5rem}.__query-builder .__query-content .__query-item .__item-controls .__drag-handle{cursor:move;padding:.5rem;--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.__query-builder .__query-content .__query-item .__item-controls .__drag-handle:hover{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1));border-radius:.25rem;--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.__query-builder .__query-content .__query-item .__item-controls .__move-controls{display:flex;flex-direction:column;gap:.25rem}.__query-builder .__query-content .__query-item .__item-content{flex:1 1 0%}.__query-builder .__query-content .__query-item .__item-connector{display:flex;justify-content:center;padding-top:.5rem;padding-bottom:.5rem}.__query-builder .__query-content .__query-item .__item-connector .__operator-badge{border-radius:9999px;border-width:1px;--tw-border-opacity: 1;border-color:rgb(191 219 254 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(219 234 254 / var(--tw-bg-opacity, 1));padding:.25rem .75rem;font-size:.75rem;line-height:1rem;font-weight:600;--tw-text-opacity: 1;color:rgb(29 78 216 / var(--tw-text-opacity, 1))}.__query-builder .__query-content .__condition-card{display:flex;align-items:flex-start;gap:1rem;border-radius:.5rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding:1rem;--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.__query-builder .__query-content .__condition-card .__condition-content{display:grid;flex:1 1 0%;grid-template-columns:repeat(1,minmax(0,1fr));gap:1rem}@media (min-width: 768px){.__query-builder .__query-content .__condition-card .__condition-content{grid-template-columns:repeat(3,minmax(0,1fr))}}.__query-builder .__query-content .__condition-card .__condition-content .__field-group{display:flex;flex-direction:column;gap:.5rem}.__query-builder .__query-content .__condition-card .__condition-content .__field-group .__field-label{font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.__query-builder .__query-content .__condition-card .__condition-actions{display:flex;align-items:center}.__query-builder .__query-content .__nested-group{border-radius:.5rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1));padding:.75rem}.__query-builder .__query-content .__nested-group .__group-header{margin-bottom:.75rem;display:flex;align-items:center;justify-content:space-between;border-radius:.25rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding:.5rem}.__query-builder .__query-content .__nested-group .__group-header .__group-info{display:flex;align-items:center;gap:.5rem}.__query-builder .__query-content .__nested-group .__group-header .__group-info i{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.__query-builder .__query-content .__nested-group .__group-header .__group-info .__group-label{font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.__query-builder .__query-content .__nested-group .__group-header .__group-operator{display:flex;align-items:center;gap:.5rem}.__query-builder .__query-content .__nested-group .__group-header .__group-actions{display:flex;align-items:center;gap:.25rem}.__query-builder .__query-content .__nested-group .__group-content>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.__query-builder .__query-content .__nested-group .__group-content .__group-empty{padding-top:1rem;padding-bottom:1rem;text-align:center;font-size:.875rem;line-height:1.25rem;font-style:italic;--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.__query-builder .__query-content .__nested-group .__nested-group{margin-left:1rem;--tw-border-opacity: 1;border-color:rgb(253 186 116 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 247 237 / var(--tw-bg-opacity, 1))}.__query-builder .__query-content .__nested-group .__nested-group .__group-header{--tw-border-opacity: 1;border-color:rgb(254 215 170 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 237 213 / var(--tw-bg-opacity, 1))}.__query-builder .__query-content .__nested-group .__nested-group .__group-header .__group-info i{--tw-text-opacity: 1;color:rgb(234 88 12 / var(--tw-text-opacity, 1))}.__query-builder .__query-content .__nested-group .__nested-group .__nested-group{margin-left:1rem;--tw-border-opacity: 1;border-color:rgb(216 180 254 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(250 245 255 / var(--tw-bg-opacity, 1))}.__query-builder .__query-content .__nested-group .__nested-group .__nested-group .__group-header{--tw-border-opacity: 1;border-color:rgb(233 213 255 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(243 232 255 / var(--tw-bg-opacity, 1))}.__query-builder .__query-content .__nested-group .__nested-group .__nested-group .__group-header .__group-info i{--tw-text-opacity: 1;color:rgb(147 51 234 / var(--tw-text-opacity, 1))}.__query-builder .__footer{display:flex;align-items:center;justify-content:space-between;border-top-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1));padding:1rem}.__query-builder .__footer .__footer-info{display:flex;align-items:center;gap:.5rem}.__query-builder .__footer .__footer-info .__item-count{font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i2$2.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "component", type: i2$2.AXButtonItemComponent, selector: "ax-button-item", inputs: ["color", "disabled", "text", "selected", "divided", "data", "name"], outputs: ["onClick", "onFocus", "onBlur", "disabledChange"] }, { kind: "component", type: i2$2.AXButtonItemListComponent, selector: "ax-button-item-list", inputs: ["items"], outputs: ["onItemClick"] }, { kind: "ngmodule", type: AXSelectBoxModule }, { kind: "component", type: i2.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", "onItemSelected", "onItemClick"] }, { kind: "ngmodule", type: AXTextBoxModule }, { kind: "ngmodule", type: AXFormModule }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i3.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i3.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: AXDropdownModule }, { kind: "component", type: i5.AXDropdownPanelComponent, selector: "ax-dropdown-panel", inputs: ["isOpen", "fitParent", "dropdownWidth", "position", "placement", "_target", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }, { kind: "directive", type: AXDragDirective, selector: "[axDrag]", inputs: ["dragData", "dragDisabled", "dragTransition", "dragElementClone", "dropZoneGroup", "dragStartDelay", "dragResetOnDblClick", "dragLockAxis", "dragClonedTemplate", "dragCursor", "dragBoundary", "dragTransitionDuration"], outputs: ["dragPositionChanged"] }, { kind: "directive", type: AXDragHandleDirective, selector: "[axDragHandle]" }, { kind: "directive", type: AXDropListDirective, selector: "[axDropList]", inputs: ["sortingDisabled", "dropListGroup", "dropListOrientation"], outputs: ["dropListDropped"], exportAs: ["axDropList"] }, { kind: "component", type: AXPQueryBuilderConditionComponent, selector: "axp-query-builder-condition", inputs: ["item", "availableFields"], outputs: ["itemChange", "removeItem"] }, { kind: "component", type: AXPStateMessageComponent, selector: "axp-state-message", inputs: ["mode", "icon", "title", "description", "variant"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, styles: [".__query-builder{width:100%;border-radius:.5rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.__query-builder .__header{display:flex;align-items:center;justify-content:space-between;border-bottom-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));background-image:linear-gradient(to right,var(--tw-gradient-stops));--tw-gradient-from: #eff6ff var(--tw-gradient-from-position);--tw-gradient-to: rgb(239 246 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: #eef2ff var(--tw-gradient-to-position);padding:1rem}.__query-builder .__header .__title{display:flex;align-items:center;gap:.5rem;font-weight:600;--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity, 1))}.__query-builder .__header .__title i{--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity, 1))}.__query-builder .__header .__actions{display:flex;gap:.5rem}.__query-builder .__query-content{padding:1rem}.__query-builder .__query-content .__root-group{border-radius:.5rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(191 219 254 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(239 246 255 / var(--tw-bg-opacity, 1));padding:1rem}.__query-builder .__query-content .__root-group .__group-header{margin-bottom:1rem;display:flex;align-items:center;justify-content:space-between}.__query-builder .__query-content .__root-group .__group-header .__group-operator{display:flex;align-items:center;gap:.5rem}.__query-builder .__query-content .__root-group .__group-header .__group-operator label{font-size:.875rem;line-height:1.25rem;font-weight:600;--tw-text-opacity: 1;color:rgb(30 64 175 / var(--tw-text-opacity, 1))}.__query-builder .__query-content .__root-group .__group-content>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.__query-builder .__query-content .__root-group .__group-content.ax-drop-list-receiving{border-radius:.5rem;border-width:2px;border-style:dashed;--tw-border-opacity: 1;border-color:rgb(147 197 253 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(239 246 255 / var(--tw-bg-opacity, 1))}.__query-builder .__query-content .__root-group .__group-content .__query-item{display:flex;align-items:flex-start;gap:.75rem;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;animation-duration:.2s}.__query-builder .__query-content .__root-group .__group-content .__query-item.ax-drag-preview{border-radius:.5rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding:.5rem;--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.__query-builder .__query-content .__root-group .__group-content .__query-item.ax-drag-disabled .__item-controls .__drag-handle{cursor:not-allowed;opacity:.5}.__query-builder .__query-content .__query-item{position:relative}.__query-builder .__query-content .__query-item.ax-drag-preview{--tw-rotate: 2deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));opacity:.8;--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.__query-builder .__query-content .__query-item.ax-drag-placeholder{border-width:2px;border-style:dashed;--tw-border-opacity: 1;border-color:rgb(147 197 253 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(219 234 254 / var(--tw-bg-opacity, 1));opacity:.5}.__query-builder .__query-content .__query-item .__item-controls{margin-right:.75rem;display:flex;align-items:center;gap:.5rem}.__query-builder .__query-content .__query-item .__item-controls .__drag-handle{cursor:move;padding:.5rem;--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.__query-builder .__query-content .__query-item .__item-controls .__drag-handle:hover{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1));border-radius:.25rem;--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.__query-builder .__query-content .__query-item .__item-controls .__move-controls{display:flex;flex-direction:column;gap:.25rem}.__query-builder .__query-content .__query-item .__item-content{flex:1 1 0%}.__query-builder .__query-content .__query-item .__item-connector{display:flex;justify-content:center;padding-top:.5rem;padding-bottom:.5rem}.__query-builder .__query-content .__query-item .__item-connector .__operator-badge{border-radius:9999px;border-width:1px;--tw-border-opacity: 1;border-color:rgb(191 219 254 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(219 234 254 / var(--tw-bg-opacity, 1));padding:.25rem .75rem;font-size:.75rem;line-height:1rem;font-weight:600;--tw-text-opacity: 1;color:rgb(29 78 216 / var(--tw-text-opacity, 1))}.__query-builder .__query-content .__condition-card{display:flex;align-items:flex-start;gap:1rem;border-radius:.5rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding:1rem;--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.__query-builder .__query-content .__condition-card .__condition-content{display:grid;flex:1 1 0%;grid-template-columns:repeat(1,minmax(0,1fr));gap:1rem}@media (min-width: 768px){.__query-builder .__query-content .__condition-card .__condition-content{grid-template-columns:repeat(3,minmax(0,1fr))}}.__query-builder .__query-content .__condition-card .__condition-content .__field-group{display:flex;flex-direction:column;gap:.5rem}.__query-builder .__query-content .__condition-card .__condition-content .__field-group .__field-label{font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.__query-builder .__query-content .__condition-card .__condition-actions{display:flex;align-items:center}.__query-builder .__query-content .__nested-group{border-radius:.5rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1));padding:.75rem}.__query-builder .__query-content .__nested-group .__group-header{margin-bottom:.75rem;display:flex;align-items:center;justify-content:space-between;border-radius:.25rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding:.5rem}.__query-builder .__query-content .__nested-group .__group-header .__group-info{display:flex;align-items:center;gap:.5rem}.__query-builder .__query-content .__nested-group .__group-header .__group-info i{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.__query-builder .__query-content .__nested-group .__group-header .__group-info .__group-label{font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.__query-builder .__query-content .__nested-group .__group-header .__group-operator{display:flex;align-items:center;gap:.5rem}.__query-builder .__query-content .__nested-group .__group-header .__group-actions{display:flex;align-items:center;gap:.25rem}.__query-builder .__query-content .__nested-group .__group-content>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.__query-builder .__query-content .__nested-group .__group-content .__group-empty{padding-top:1rem;padding-bottom:1rem;text-align:center;font-size:.875rem;line-height:1.25rem;font-style:italic;--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.__query-builder .__query-content .__nested-group .__nested-group{margin-left:1rem;--tw-border-opacity: 1;border-color:rgb(253 186 116 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 247 237 / var(--tw-bg-opacity, 1))}.__query-builder .__query-content .__nested-group .__nested-group .__group-header{--tw-border-opacity: 1;border-color:rgb(254 215 170 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 237 213 / var(--tw-bg-opacity, 1))}.__query-builder .__query-content .__nested-group .__nested-group .__group-header .__group-info i{--tw-text-opacity: 1;color:rgb(234 88 12 / var(--tw-text-opacity, 1))}.__query-builder .__query-content .__nested-group .__nested-group .__nested-group{margin-left:1rem;--tw-border-opacity: 1;border-color:rgb(216 180 254 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(250 245 255 / var(--tw-bg-opacity, 1))}.__query-builder .__query-content .__nested-group .__nested-group .__nested-group .__group-header{--tw-border-opacity: 1;border-color:rgb(233 213 255 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(243 232 255 / var(--tw-bg-opacity, 1))}.__query-builder .__query-content .__nested-group .__nested-group .__nested-group .__group-header .__group-info i{--tw-text-opacity: 1;color:rgb(147 51 234 / var(--tw-text-opacity, 1))}.__query-builder .__footer{display:flex;align-items:center;justify-content:space-between;border-top-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1));padding:1rem}.__query-builder .__footer .__footer-info{display:flex;align-items:center;gap:.5rem}.__query-builder .__footer .__footer-info .__item-count{font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i2$2.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "component", type: i2$2.AXButtonItemComponent, selector: "ax-button-item", inputs: ["color", "disabled", "text", "selected", "divided", "data", "name"], outputs: ["onClick", "onFocus", "onBlur", "disabledChange"] }, { kind: "component", type: i2$2.AXButtonItemListComponent, selector: "ax-button-item-list", inputs: ["items"], outputs: ["onItemClick"] }, { kind: "ngmodule", type: AXSelectBoxModule }, { kind: "component", type: i2.AXSelectBoxComponent, selector: "ax-select-box", inputs: ["disabled", "readonly", "tabIndex", "placeholder", "minValue", "maxValue", "value", "state", "name", "id", "type", "look", "multiple", "valueField", "textField", "disabledField", "textTemplate", "selectedItems", "isItemTruncated", "showItemTooltip", "itemHeight", "maxVisibleItems", "dataSource", "minRecordsForSearch", "caption", "itemTemplate", "selectedTemplate", "emptyTemplate", "loadingTemplate", "dropdownWidth", "searchBoxAutoFocus"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "readonlyChange", "disabledChange", "onOpened", "onClosed", "onItemSelected", "onItemClick"] }, { kind: "ngmodule", type: AXTextBoxModule }, { kind: "ngmodule", type: AXFormModule }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i3.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i3.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: AXDropdownModule }, { kind: "component", type: i5.AXDropdownPanelComponent, selector: "ax-dropdown-panel", inputs: ["isOpen", "fitParent", "dropdownWidth", "position", "placement", "_target", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }, { kind: "directive", type: AXDragDirective, selector: "[axDrag]", inputs: ["axDrag", "dragData", "dragDisabled", "dragTransition", "dragElementClone", "dropZoneGroup", "dragStartDelay", "dragResetOnDblClick", "dragLockAxis", "dragClonedTemplate", "dragCursor", "dragBoundary", "dragTransitionDuration"], outputs: ["dragPositionChanged"] }, { kind: "directive", type: AXDragHandleDirective, selector: "[axDragHandle]" }, { kind: "directive", type: AXDropListDirective, selector: "[axDropList]", inputs: ["axDropList", "sortingDisabled", "dropListGroup", "dropListOrientation"], outputs: ["dropListDropped"], exportAs: ["axDropList"] }, { kind: "component", type: AXPQueryBuilderConditionComponent, selector: "axp-query-builder-condition", inputs: ["item", "availableFields"], outputs: ["itemChange", "removeItem"] }, { kind: "component", type: AXPStateMessageComponent, selector: "axp-state-message", inputs: ["mode", "icon", "title", "description", "variant"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: AXPQueryBuilderWidgetEditComponent, decorators: [{
             type: Component,
@@ -3867,6 +4048,7 @@ class AXPMetaDataSelectorWidgetEditComponent extends AXPValueWidgetComponent {
         //#region ----   Services & Dependencies   ----
         this.dataSelectorService = inject(AXPDataSelectorService);
         this.metaDataService = inject(AXMMetaDataDefinitionService);
+        this.entityResolver = inject(AXPEntityDefinitionRegistryService);
         //#endregion
         //#region ----   Computed Properties   ----
         /**
@@ -3893,21 +4075,21 @@ class AXPMetaDataSelectorWidgetEditComponent extends AXPValueWidgetComponent {
                 },
                 status: item.status || 'active',
                 order: item.order ?? index,
-                ...item
+                ...item,
             }));
         }, ...(ngDevMode ? [{ debugName: "metaItems" }] : []));
         //#endregion
         //#region ----   Event Handlers   ----
         /**
          * Effect to handle status changes
-        */
+         */
         this.#statusChanged = effect(() => {
             if (this.layoutService.status() === AXPPageStatus.Submitting) {
                 const currentValue = this.getValue();
                 if (Array.isArray(currentValue)) {
                     const cleanedValue = currentValue
-                        .filter(item => item.status !== 'deleted')
-                        .map(item => {
+                        .filter((item) => item.status !== 'deleted')
+                        .map((item) => {
                         const { isNewlyAdded, ...rest } = item;
                         return rest;
                     });
@@ -3920,7 +4102,7 @@ class AXPMetaDataSelectorWidgetEditComponent extends AXPValueWidgetComponent {
     //#region ----   Event Handlers   ----
     /**
      * Effect to handle status changes
-    */
+     */
     #statusChanged;
     /**
      * Handle adding a new metadata item
@@ -3934,9 +4116,9 @@ class AXPMetaDataSelectorWidgetEditComponent extends AXPValueWidgetComponent {
                     const metaDataItems = await this.metaDataService.query(e);
                     return {
                         items: metaDataItems.items,
-                        total: metaDataItems.total
+                        total: metaDataItems.total,
                     };
-                }
+                },
             });
             // Create category tree data source for filtering
             const categoryTreeDataSource = {
@@ -3948,8 +4130,8 @@ class AXPMetaDataSelectorWidgetEditComponent extends AXPValueWidgetComponent {
                         filter: {
                             field: 'parentId',
                             operator: { type: 'isEmpty' },
-                            value: true
-                        }
+                            value: true,
+                        },
                     });
                     // Convert to tree nodes format (childCount is now calculated by the service)
                     return result.items.map((item) => ({
@@ -3957,7 +4139,7 @@ class AXPMetaDataSelectorWidgetEditComponent extends AXPValueWidgetComponent {
                         title: item.title || item.name,
                         description: item.description || '',
                         parentId: item.parentId,
-                        childCount: item.childCount || 0
+                        childCount: item.childCount || 0,
                     }));
                 },
                 loadChildNodes: async (parentId) => {
@@ -3968,8 +4150,8 @@ class AXPMetaDataSelectorWidgetEditComponent extends AXPValueWidgetComponent {
                         filter: {
                             field: 'parentId',
                             operator: { type: 'equal' },
-                            value: parentId
-                        }
+                            value: parentId,
+                        },
                     });
                     // Convert to tree nodes format (childCount is now calculated by the service)
                     return result.items.map((item) => ({
@@ -3977,7 +4159,7 @@ class AXPMetaDataSelectorWidgetEditComponent extends AXPValueWidgetComponent {
                         title: item.title || item.name,
                         description: item.description || '',
                         parentId: item.parentId,
-                        childCount: item.childCount || 0
+                        childCount: item.childCount || 0,
                     }));
                 },
                 searchNodes: async (searchValue) => {
@@ -3990,16 +4172,16 @@ class AXPMetaDataSelectorWidgetEditComponent extends AXPValueWidgetComponent {
                                 {
                                     field: 'title',
                                     operator: { type: 'contains' },
-                                    value: searchValue
+                                    value: searchValue,
                                 },
                                 {
                                     field: 'name',
                                     operator: { type: 'contains' },
-                                    value: searchValue
-                                }
+                                    value: searchValue,
+                                },
                             ],
-                            logic: 'or'
-                        }
+                            logic: 'or',
+                        },
                     });
                     // Convert to tree nodes format (childCount is now calculated by the service)
                     return result.items.map((item) => ({
@@ -4007,37 +4189,57 @@ class AXPMetaDataSelectorWidgetEditComponent extends AXPValueWidgetComponent {
                         title: item.title || item.name,
                         description: item.description || '',
                         parentId: item.parentId,
-                        childCount: item.childCount || 0
+                        childCount: item.childCount || 0,
                     }));
-                }
+                },
             };
+            const entity = await this.entityResolver.resolve(RootConfig.module.name, RootConfig.entities.metaDataDefinition.name);
+            if (!entity) {
+                throw new Error('Entity not found with name: ' + RootConfig.entities.metaDataDefinition.name);
+            }
+            const columns = entity.columns
+                ?.filter((column) => entity.properties.some((property) => property.name === column.name))
+                .map((column) => {
+                const property = entity.properties.find((prop) => prop.name === column.name);
+                return {
+                    name: column.name,
+                    title: property?.title ?? '',
+                    visible: column.options?.visible !== false,
+                    widget: {
+                        type: column.showAs?.type ?? property?.schema?.interface?.type ?? 'text-editor',
+                        options: column.showAs?.options ?? property?.schema?.interface?.options ?? {},
+                    },
+                };
+            }) || [];
+            debugger;
             // Open data selector with category filter
             const result = await this.dataSelectorService.openWithCategoryFilter({
                 title: '@data-management:meta-data-selector.select-items',
                 dataSource: dataSource,
-                columns: [
-                    {
-                        name: 'title',
-                        title: '@general:terms.common.title',
-                        visible: true,
-                        widget: {
-                            type: 'text-editor',
-                            options: {}
-                        }
-                    },
-                    {
-                        name: 'description',
-                        title: '@general:terms.common.description',
-                        visible: true,
-                        widget: {
-                            type: 'text-editor',
-                            options: {}
-                        }
-                    },
-                ],
+                // columns: [
+                //   {
+                //     name: 'title',
+                //     title: '@general:terms.common.title',
+                //     visible: true,
+                //     widget: {
+                //       type: 'text-editor',
+                //       options: {}
+                //     }
+                //   },
+                //   {
+                //     name: 'description',
+                //     title: '@general:terms.common.description',
+                //     visible: true,
+                //     widget: {
+                //       type: 'text-editor',
+                //       options: {}
+                //     }
+                //   },
+                // ],
+                columns: columns,
                 selectionMode: 'multiple',
                 searchFields: ['title', 'description'],
-                allowCreate: false
+                allowCreate: false,
             }, {
                 title: '@data-management:meta-data-selector.categories',
                 dataSource: categoryTreeDataSource,
@@ -4056,7 +4258,7 @@ class AXPMetaDataSelectorWidgetEditComponent extends AXPValueWidgetComponent {
                     interface: item.interface,
                     configuration: {
                         isRequired: false,
-                        placeholder: ''
+                        placeholder: '',
                     },
                     order: currentValue.length + index,
                     isNewlyAdded: true, // Mark as newly added
@@ -4097,7 +4299,7 @@ class AXPMetaDataSelectorWidgetEditComponent extends AXPValueWidgetComponent {
         // Update order property
         const updatedItems = currentValue.map((item, index) => ({
             ...item,
-            order: index
+            order: index,
         }));
         this.setValue(updatedItems);
     }
@@ -4131,7 +4333,7 @@ class AXPMetaDataSelectorWidgetEditComponent extends AXPValueWidgetComponent {
      */
     updateMetaItem(item) {
         const currentValue = this.getValue() || [];
-        const updatedValue = currentValue.map((meta) => meta.id === item.id ? { ...meta, ...item } : meta);
+        const updatedValue = currentValue.map((meta) => (meta.id === item.id ? { ...meta, ...item } : meta));
         this.setValue(updatedValue);
     }
     //#endregion
@@ -4381,6 +4583,14 @@ class AXPMetaDataFormWidgetEditComponent extends AXPValueWidgetComponent {
          * Array of metadata definitions to render as form fields
          */
         this.definitions = computed(() => this.options()['definitions'] ?? [], ...(ngDevMode ? [{ debugName: "definitions" }] : []));
+        /**
+         * Text field to use for the meta data form, default is 'title'
+         */
+        this.textField = computed(() => this.options()['textField'] ?? 'title', ...(ngDevMode ? [{ debugName: "textField" }] : []));
+        /**
+         * Value field to use for the meta data form, default is 'name'
+         */
+        this.valueField = computed(() => this.options()['valueField'] ?? 'name', ...(ngDevMode ? [{ debugName: "valueField" }] : []));
         this.#effect = effect(() => {
             this.initializeFormDefinition();
         }, ...(ngDevMode ? [{ debugName: "#effect" }] : []));
@@ -4538,13 +4748,14 @@ class AXPMetaDataFormWidgetEditComponent extends AXPValueWidgetComponent {
             };
         }
         const interfaceConfig = this.parseInterfaceConfig(metadata.interface);
+        debugger;
         return {
-            path: metadata.name || 'unnamed',
-            title: metadata.title || 'Untitled Field',
+            path: metadata[this.valueField()] || 'unnamed',
+            title: metadata[this.textField()] || 'Untitled Field',
             description: undefined, // metadata.description not available in current interface
             widget: {
                 type: interfaceConfig.type || 'text-editor',
-                path: metadata.name || 'unnamed',
+                path: metadata[this.valueField()] || 'unnamed',
                 options: {
                     ...interfaceConfig.options,
                     defaultValue: metadata.defaultValue,
@@ -4726,6 +4937,8 @@ const metaDataFormPlugin = {
                         type: 'meta-data-form-editor',
                         options: {
                             definitions: metadataExpression,
+                            textField: options.textField,
+                            valueField: options.valueField,
                         },
                     },
                 },
@@ -4832,14 +5045,262 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImpor
                 }]
         }] });
 
+//#region ----   System Tag Provider   ----
+/**
+ * Default system tag provider
+ * Provides readonly system-level tags
+ */
+class AXPSystemTagProvider extends AXPTagProvider {
+    constructor() {
+        super(...arguments);
+        this.name = 'system';
+        // System tags are readonly - no create/update/delete
+    }
+    /**
+     * Provide default system tags
+     */
+    async provide() {
+        return [
+            {
+                id: 'system-important',
+                title: 'Important',
+                color: '#F44336', // Red - Material Design
+                scope: 'system',
+                description: 'Marks items as important',
+            },
+            {
+                id: 'system-urgent',
+                title: 'Urgent',
+                color: '#FF9800', // Orange - Material Design
+                scope: 'system',
+                description: 'Marks items as urgent',
+            },
+            {
+                id: 'system-todo',
+                title: 'To Do',
+                color: '#2196F3', // Blue - Material Design
+                scope: 'system',
+                description: 'Items pending action',
+            },
+            {
+                id: 'system-in-progress',
+                title: 'In Progress',
+                color: '#03A9F4', // Light Blue - Material Design
+                scope: 'system',
+                description: 'Currently being worked on',
+            },
+            {
+                id: 'system-completed',
+                title: 'Completed',
+                color: '#4CAF50', // Green - Material Design
+                scope: 'system',
+                description: 'Finished items',
+            },
+            {
+                id: 'system-blocked',
+                title: 'Blocked',
+                color: '#FF5722', // Deep Orange - Material Design
+                scope: 'system',
+                description: 'Items that are blocked',
+            },
+            {
+                id: 'system-review',
+                title: 'Review',
+                color: '#FFC107', // Amber - Material Design
+                scope: 'system',
+                description: 'Items pending review',
+            },
+            {
+                id: 'system-bug',
+                title: 'Bug',
+                color: '#E91E63', // Pink - Material Design
+                scope: 'system',
+                description: 'Bug reports',
+            },
+            {
+                id: 'system-feature',
+                title: 'Feature',
+                color: '#009688', // Teal - Material Design
+                scope: 'system',
+                description: 'New feature requests',
+            },
+            {
+                id: 'system-documentation',
+                title: 'Documentation',
+                color: '#00BCD4', // Cyan - Material Design
+                scope: 'system',
+                description: 'Documentation related',
+            },
+        ];
+    }
+}
+//#endregion
+
+//#region ----   Plugin Definition   ----
+const tagsPlugin = {
+    name: 'tags',
+    order: 80,
+    apply: (ctx, options) => {
+        ensureListActions(ctx);
+        const groupId = 'classification';
+        const groups = ctx.groups.list() ?? [];
+        if (!groups.some((g) => g.id === groupId)) {
+            ctx.groups.add({ id: groupId, title: '@general:terms.interface.classification' });
+        }
+        const props = ctx.properties.list();
+        if (!props.some((p) => p.name === 'tags')) {
+            ctx.properties.add({
+                name: 'tags',
+                title: '@general:terms.common.tags',
+                groupId,
+                schema: {
+                    dataType: 'string',
+                    interface: {
+                        type: AXPWidgetsList.Editors.TagEditor,
+                        options: {
+                            placeholder: '@general:widgets.tag-editor.placeholder',
+                            hasClearButton: true,
+                            allowDuplicate: false,
+                        },
+                    },
+                },
+                validations: [],
+                options: {
+                    sort: { enabled: false },
+                    filter: {
+                        advance: { enabled: true },
+                        inline: { enabled: true },
+                    },
+                },
+            });
+        }
+        // Add tags to columns for list view
+        const columns = ctx.columns.list() ?? [];
+        if (!columns.some((c) => c.name === 'tags')) {
+            ctx.columns.add({
+                name: 'tags',
+                title: '@general:terms.common.tags',
+                width: 200,
+                sortable: false,
+                filterable: true,
+                visible: options?.showInList ?? false,
+            });
+        }
+        ctx.interfaces.master.create.update((create) => {
+            const next = create ?? { sections: [], properties: [] };
+            next.sections = next.sections ?? [];
+            if (!next.sections.some((s) => s.id === groupId)) {
+                next.sections.push({ id: groupId });
+            }
+            next.properties = next.properties ?? [];
+            if (!next.properties.some((p) => p.name === 'tags')) {
+                next.properties.push({
+                    name: 'tags',
+                    layout: {
+                        positions: { lg: { colSpan: options?.colSpan ?? 12 } },
+                    },
+                });
+            }
+            return next;
+        });
+        ctx.interfaces.master.modify.update((update) => {
+            const next = update ?? { sections: [], properties: [] };
+            next.sections = next.sections ?? [];
+            if (!next.sections.some((s) => s.id === groupId)) {
+                next.sections.push({ id: groupId });
+            }
+            next.properties = next.properties ?? [];
+            if (!next.properties.some((p) => p.name === 'tags')) {
+                next.properties.push({
+                    name: 'tags',
+                    layout: {
+                        positions: { lg: { colSpan: options?.colSpan ?? 12 } },
+                    },
+                });
+            }
+            return next;
+        });
+        ctx.interfaces.master.single.update((single) => {
+            const next = single ?? { title: ctx.entity.title, sections: [], properties: [] };
+            next.sections = next.sections ?? [];
+            if (!next.sections.some((s) => s.id === groupId)) {
+                next.sections.push({ id: groupId });
+            }
+            next.properties = next.properties ?? [];
+            if (!next.properties.some((p) => p.name === 'tags')) {
+                next.properties.push({
+                    name: 'tags',
+                    layout: {
+                        positions: { lg: { colSpan: options?.colSpan ?? 12 } },
+                    },
+                });
+            }
+            return next;
+        });
+    },
+};
+//#endregion
+
+//#region ----   System Tag Provider   ----
+/**
+ * Default system tag provider
+ * Provides readonly system-level tags
+ */
+class AXPUserTagProvider extends AXPTagProvider {
+    constructor() {
+        super(...arguments);
+        this.name = 'user';
+        this.tagService = inject(AXMTagEntityService);
+    }
+    /**
+     * Provide default system tags
+     */
+    async provide() {
+        const tags = await this.tagService.query();
+        return tags.items.map((tag) => ({
+            id: tag.id,
+            title: tag.title,
+            color: tag.color,
+            scope: tag.scope,
+            description: tag.description,
+        }));
+    }
+}
+//#endregion
+
+//#region ----   Module   ----
+class AXMTagsFeatureModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: AXMTagsFeatureModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.4", ngImport: i0, type: AXMTagsFeatureModule }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: AXMTagsFeatureModule, providers: [
+            { provide: AXP_ENTITY_ACTION_PLUGIN, useValue: tagsPlugin, multi: true },
+            { provide: AXP_TAG_PROVIDER, useClass: AXPSystemTagProvider, multi: true },
+            { provide: AXP_TAG_PROVIDER, useClass: AXPUserTagProvider, multi: true },
+        ] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: AXMTagsFeatureModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    providers: [
+                        { provide: AXP_ENTITY_ACTION_PLUGIN, useValue: tagsPlugin, multi: true },
+                        { provide: AXP_TAG_PROVIDER, useClass: AXPSystemTagProvider, multi: true },
+                        { provide: AXP_TAG_PROVIDER, useClass: AXPUserTagProvider, multi: true },
+                    ],
+                }]
+        }] });
+
 class AXMDataManagementModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: AXMDataManagementModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
     static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.4", ngImport: i0, type: AXMDataManagementModule, imports: [i4.AXPWidgetCoreModule, 
             // Entity Modules
             AXMQueryEntityModule,
             AXMDataSourceEntityModule,
+            //
             AXMMetaDataDefinitionEntityModule,
-            AXMMetaDataFeatureModule] }); }
+            AXMMetaDataFeatureModule,
+            //
+            AXMTagEntityModule,
+            AXMTagsFeatureModule] }); }
     static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: AXMDataManagementModule, providers: [
             {
                 provide: AXP_MENU_PROVIDER,
@@ -4882,8 +5343,12 @@ class AXMDataManagementModule {
             // Entity Modules
             AXMQueryEntityModule,
             AXMDataSourceEntityModule,
+            //
             AXMMetaDataDefinitionEntityModule,
-            AXMMetaDataFeatureModule] }); }
+            AXMMetaDataFeatureModule,
+            //
+            AXMTagEntityModule,
+            AXMTagsFeatureModule] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: AXMDataManagementModule, decorators: [{
             type: NgModule,
@@ -4895,8 +5360,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImpor
                         // Entity Modules
                         AXMQueryEntityModule,
                         AXMDataSourceEntityModule,
+                        //
                         AXMMetaDataDefinitionEntityModule,
-                        AXMMetaDataFeatureModule
+                        AXMMetaDataFeatureModule,
+                        //
+                        AXMTagEntityModule,
+                        AXMTagsFeatureModule
                     ],
                     exports: [],
                     declarations: [],
@@ -4944,5 +5413,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { AXMColumnFilterSelectorWidget, AXMColumnFilterSelectorWidgetColumnComponent, AXMColumnFilterSelectorWidgetEditComponent, AXMColumnFilterSelectorWidgetFilterComponent, AXMColumnFilterSelectorWidgetPrintComponent, AXMColumnFilterSelectorWidgetViewComponent, AXMDataManagementModule, AXMDataSourceEntityModule, AXMDataSourceOutputType, AXMDataSourceService, AXMDataSourceServiceImpl, AXMDataSourceType, AXMEntityProvider, AXMMenuProvider, AXMMetaDataDefinitionEntityModule, AXMMetaDataDefinitionService, AXMMetaDataFeatureModule, AXMMetadataEvaluatorScopeProvider, AXMPMetaDataDefinitionServiceImpl, AXMQueryEntityModule, AXMQueryService, AXMQueryServiceImpl, AXMSearchCommandProvider, AXMSettingProvider, AXM_COLUMN_DEF_WIDGET, AXM_FILTER_DEF_WIDGET, AXPQueryBuilderWidget, AXPQueryBuilderWidgetColumnComponent, AXPQueryBuilderWidgetDesignerComponent, AXPQueryBuilderWidgetEditComponent, AXPQueryBuilderWidgetViewComponent, META_DATA_FORM_FIELD, META_DATA_SELECTOR_FIELD, RootConfig, dataSourceEntityFactory, metaDataDefinitionFactory, queryFactory };
+export { AXMColumnFilterSelectorWidget, AXMColumnFilterSelectorWidgetColumnComponent, AXMColumnFilterSelectorWidgetEditComponent, AXMColumnFilterSelectorWidgetFilterComponent, AXMColumnFilterSelectorWidgetPrintComponent, AXMColumnFilterSelectorWidgetViewComponent, AXMDataManagementModule, AXMDataSourceEntityModule, AXMDataSourceOutputType, AXMDataSourceService, AXMDataSourceServiceImpl, AXMDataSourceType, AXMEntityProvider, AXMMenuProvider, AXMMetaDataDefinitionEntityModule, AXMMetaDataDefinitionService, AXMMetaDataFeatureModule, AXMMetadataEvaluatorScopeProvider, AXMPMetaDataDefinitionServiceImpl, AXMQueryEntityModule, AXMQueryService, AXMQueryServiceImpl, AXMSearchCommandProvider, AXMSettingProvider, AXMTagEntityModule, AXMTagEntityService, AXMTagsFeatureModule, AXM_COLUMN_DEF_WIDGET, AXM_FILTER_DEF_WIDGET, AXPDataManagementMenuKeys, AXPQueryBuilderWidget, AXPQueryBuilderWidgetColumnComponent, AXPQueryBuilderWidgetDesignerComponent, AXPQueryBuilderWidgetEditComponent, AXPQueryBuilderWidgetViewComponent, AXPSystemTagProvider, META_DATA_FORM_FIELD, META_DATA_SELECTOR_FIELD, RootConfig, dataSourceEntityFactory, factory, metaDataDefinitionFactory, queryFactory, tagsPlugin };
 //# sourceMappingURL=acorex-modules-data-management.mjs.map