@acorex/modules 20.0.25 → 20.2.0-next.0

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

@@ -1,28 +1,32 @@
 import * as i0 from '@angular/core';
-import { inject, Injector, Injectable, EventEmitter, signal, Output, Input, ChangeDetectionStrategy, Component, computed, NgModule } from '@angular/core';
+import { inject, Injector, Injectable, computed, effect, HostBinding, ChangeDetectionStrategy, Component, EventEmitter, signal, Output, Input, NgModule } from '@angular/core';
 import { AXP_PERMISSION_DEFINITION_PROVIDER } from '@acorex/platform/auth';
-import { AXPSearchCommandProvider, createAllQueryView, AXPEntityCommandScope, AXPEntityQueryType, AXP_MENU_PROVIDER, AXP_SETTING_DEFINITION_PROVIDER, AXP_SEARCH_PROVIDER } from '@acorex/platform/common';
-import { AXPEntityService, AXMEntityCrudServiceImpl, AXP_ENTITY_DEFINITION_LOADER } from '@acorex/platform/layout/entity';
-import * as i4$1 from '@acorex/platform/layout/builder';
-import { AXPWidgetsCatalog, AXPWidgetGroupEnum, AXP_WIDGETS_EDITOR_CATEGORY, AXPLayoutBuilderModule, AXPValueWidgetComponent } from '@acorex/platform/layout/builder';
-import { AXDataSource } from '@acorex/cdk/common';
+import { AXPSearchCommandProvider, createAllQueryView, AXPEntityCommandScope, AXPEntityQueryType, createQueryView, AXP_MENU_PROVIDER, AXP_SETTING_DEFINITION_PROVIDER, AXP_SEARCH_PROVIDER } from '@acorex/platform/common';
+import { AXPEntityService, AXMEntityCrudServiceImpl, AXPEntityResolver, AXP_ENTITY_DEFINITION_LOADER } from '@acorex/platform/layout/entity';
+import * as i4 from '@acorex/platform/layout/builder';
+import { AXPWidgetsCatalog, AXPWidgetRegistryService, AXP_WIDGETS_EDITOR_CATEGORY, AXPValueWidgetComponent, AXPLayoutBuilderModule, AXPWidgetGroupEnum, AXP_WIDGET_DATASOURCE_PROVIDER } from '@acorex/platform/layout/builder';
+import { AXDataSource, convertArrayToDataSource } from '@acorex/cdk/common';
 import { AXPWidgetsList } from '@acorex/modules/common';
-import { AXMDataSourceService } from '@acorex/modules/platform-management';
-import { AXP_NAME_PROPERTY, AXP_DATA_PATH_PROPERTY, AXP_LABEL_PROPERTY, AXP_READONLY_PROPERTY, AXP_DISABLED_PROPERTY } from '@acorex/platform/widgets';
-import * as i2 from '@acorex/components/button';
-import { AXButtonModule } from '@acorex/components/button';
-import * as i1 from '@acorex/components/select-box';
+import { AXTranslationService } from '@acorex/core/translation';
+import { AXPDataSourceDefinitionProviderService, AXP_DATASOURCE_DEFINITION_PROVIDER } from '@acorex/platform/core';
+import { AXP_NAME_PROPERTY, AXP_DATA_PATH_PROPERTY, AXP_DISABLED_PROPERTY, AXP_LABEL_PROPERTY, AXP_READONLY_PROPERTY } from '@acorex/platform/widgets';
+import * as i2 from '@acorex/components/select-box';
 import { AXSelectBoxModule } from '@acorex/components/select-box';
+import * as i3 from '@acorex/components/decorators';
+import { AXDecoratorModule } from '@acorex/components/decorators';
+import * as i1$1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i1 from '@angular/forms';
+import { FormsModule } from '@angular/forms';
+import * as i2$1 from '@acorex/components/text-box';
 import { AXTextBoxModule } from '@acorex/components/text-box';
+import * as i2$2 from '@acorex/components/button';
+import { AXButtonModule } from '@acorex/components/button';
 import { AXFormModule } from '@acorex/components/form';
-import * as i4 from '@acorex/components/decorators';
-import { AXDecoratorModule } from '@acorex/components/decorators';
 import * as i5 from '@acorex/components/dropdown';
 import { AXDropdownModule } from '@acorex/components/dropdown';
 import { moveItemInArray, AXDragDirective, AXDragHandleDirective, AXDropListDirective } from '@acorex/cdk/drag-drop';
-import * as i1$1 from '@angular/common';
-import { CommonModule } from '@angular/common';
-import { FormsModule } from '@angular/forms';
+import get from 'lodash-es/get';
 
 const config = {
     i18n: 'data-management',
@@ -49,6 +53,18 @@ const RootConfig = {
             titlePlural: `t("queryCategoryPlural", { scope: "${config.i18n}" })`,
             icon: 'fa-regular fa-layer-group',
         },
+        dataSource: {
+            name: 'DataSource',
+            title: `t("dataSource", { scope: "${config.i18n}" })`,
+            titlePlural: `t("dataSourcePlural", { scope: "${config.i18n}" })`,
+            icon: 'fa-regular fa-database',
+        },
+        dataSourceCategory: {
+            name: 'DataSourceCategory',
+            title: `t("dataSourceCategory", { scope: "${config.i18n}" })`,
+            titlePlural: `t("dataSourceCategoryPlural", { scope: "${config.i18n}" })`,
+            icon: 'fa-regular fa-layer-group',
+        },
         // category: {
         //   name: 'Category',
         //  title: 't("category", { scope: "common" })',
@@ -81,6 +97,18 @@ class AXMMenuProvider {
                         icon: RootConfig.entities.query.icon,
                         priority: 9002,
                     },
+                    {
+                        text: RootConfig.entities.dataSource.title,
+                        path: this.entityService.createPath(RootConfig.module.name, RootConfig.entities.dataSource.name),
+                        icon: RootConfig.entities.dataSource.icon,
+                        priority: 9003,
+                    },
+                    {
+                        text: RootConfig.entities.dataSourceCategory.title,
+                        path: this.entityService.createPath(RootConfig.module.name, RootConfig.entities.dataSourceCategory.name),
+                        icon: RootConfig.entities.dataSourceCategory.icon,
+                        priority: 9004,
+                    },
                 ]
             }
         ]);
@@ -105,14 +133,18 @@ class AXMEntityProvider {
                     return (await Promise.resolve().then(function () { return queryCategory_entity; })).queryCategoryFactory(this.injector);
                 case RootConfig.entities.query.name:
                     return (await Promise.resolve().then(function () { return query_entity; })).queryFactory(this.injector);
+                case RootConfig.entities.dataSource.name:
+                    return (await Promise.resolve().then(function () { return dataSource_entity; })).dataSourceEntityFactory(this.injector);
+                case RootConfig.entities.dataSourceCategory.name:
+                    return (await Promise.resolve().then(function () { return dataSourceCategory_entity; })).dataSourceCategoryFactory(this.injector);
             }
         }
         return null;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: AXMEntityProvider, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: AXMEntityProvider }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXMEntityProvider, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXMEntityProvider }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: AXMEntityProvider, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXMEntityProvider, decorators: [{
             type: Injectable
         }] });
 
@@ -181,10 +213,10 @@ class AXMQueryCategoryServiceImpl extends AXMQueryCategoryService {
     constructor() {
         super(`${RootConfig.module.name}.${RootConfig.entities.queryCategory.name}`);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: AXMQueryCategoryServiceImpl, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: AXMQueryCategoryServiceImpl }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXMQueryCategoryServiceImpl, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXMQueryCategoryServiceImpl }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: AXMQueryCategoryServiceImpl, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXMQueryCategoryServiceImpl, decorators: [{
             type: Injectable
         }], ctorParameters: () => [] });
 
@@ -412,31 +444,247 @@ var queryCategory_entity = /*#__PURE__*/Object.freeze({
     queryCategoryFactory: queryCategoryFactory
 });
 
-class AXMQueryService extends AXMEntityCrudServiceImpl {
+//#region ----   Column Definition Widget   ----
+const AXM_COLUMN_DEF_WIDGET = [
+    {
+        type: 'grid-row-layout',
+        mode: 'view',
+        children: [
+            {
+                type: 'grid-item-layout',
+                mode: 'view',
+                options: { colSpan: 3 },
+                children: [
+                    {
+                        type: 'text-editor',
+                        mode: 'edit',
+                        path: 'name',
+                        options: {
+                            placeholder: 'Column Name',
+                            required: true,
+                        },
+                    },
+                ],
+            },
+            {
+                type: 'grid-item-layout',
+                mode: 'view',
+                options: { colSpan: 3 },
+                children: [
+                    {
+                        type: 'text-editor',
+                        mode: 'edit',
+                        path: 'title',
+                        options: {
+                            placeholder: 'Display Title',
+                            required: true,
+                        },
+                    },
+                ],
+            },
+            {
+                type: 'grid-item-layout',
+                options: { colSpan: 3 },
+                mode: 'view',
+                children: [
+                    {
+                        type: 'select-editor',
+                        mode: 'edit',
+                        path: 'type',
+                        options: {
+                            placeholder: 'Widget Type',
+                            valueField: 'name',
+                            textField: 'title',
+                            dataSource: new AXDataSource({
+                                load: async () => {
+                                    const service = AXPWidgetRegistryService.instance;
+                                    const data = service.all().filter(c => c.type.startsWith('editor'));
+                                    return {
+                                        items: data,
+                                        total: data.length,
+                                    };
+                                },
+                                byKey: async (key) => {
+                                    const service = AXPWidgetRegistryService.instance;
+                                    const data = service.all();
+                                    return data.find((c) => c.name == key);
+                                },
+                                pageSize: 1000,
+                            }),
+                            direction: 'horizontal',
+                            multiple: false,
+                            required: true,
+                        },
+                    },
+                ],
+            },
+            {
+                type: 'grid-item-layout',
+                options: { colSpan: 1 },
+                mode: 'view',
+                children: [
+                    {
+                        type: 'checkbox-editor',
+                        mode: 'edit',
+                        path: 'isValueField',
+                        options: {
+                            tooltip: 'Value Field (only one can be selected)',
+                            label: 'Value',
+                        },
+                        triggers: [
+                            {
+                                event: "{{ events.context('columns.isValueField') }}",
+                                action: `{{ context.set('columns.isValueField', context.eval('columns.isValueField')[0]); }}`,
+                            },
+                        ],
+                    },
+                ],
+            },
+            {
+                type: 'grid-item-layout',
+                options: { colSpan: 1 },
+                mode: 'view',
+                children: [
+                    {
+                        type: 'checkbox-editor',
+                        mode: 'edit',
+                        path: 'isTextField',
+                        options: {
+                            tooltip: 'Text Field (multiple allowed)',
+                            label: 'Text',
+                        },
+                    },
+                ],
+            },
+            {
+                type: 'grid-item-layout',
+                options: { colSpan: 1 },
+                mode: 'view',
+                children: [
+                    {
+                        type: 'checkbox-editor',
+                        mode: 'edit',
+                        path: 'isRequired',
+                        options: {
+                            label: 'Required',
+                            tooltip: 'Required field',
+                        },
+                    },
+                ],
+            },
+        ],
+    },
+];
+//#endregion
+
+//#region ----   Filter Definition Widget   ----
+const AXM_FILTER_DEF_WIDGET = [
+    {
+        type: 'grid-row-layout',
+        mode: 'view',
+        children: [
+            {
+                type: 'grid-item-layout',
+                mode: 'view',
+                options: { colSpan: 6 },
+                children: [
+                    {
+                        type: 'column-filter-selector-editor',
+                        mode: 'edit',
+                        path: 'filter',
+                        options: {
+                            columns: '{{context.eval("columns")}}',
+                            placeholder: 'Select Column and Set Filter Value',
+                        },
+                    },
+                ],
+                triggers: [
+                    {
+                        event: '{{ events.context("filters.*") }}',
+                        action: '{{ console.log(context.eval("filters")) }}',
+                    }
+                ],
+            },
+            {
+                type: 'grid-item-layout',
+                options: { colSpan: 2 },
+                mode: 'view',
+                children: [
+                    {
+                        type: 'checkbox-editor',
+                        mode: 'edit',
+                        path: 'isSystemFilter',
+                        options: {
+                            label: 'System',
+                            tooltip: 'User can enable/disable in report',
+                        },
+                    },
+                ],
+            },
+            {
+                type: 'grid-item-layout',
+                options: { colSpan: 2 },
+                mode: 'view',
+                children: [
+                    {
+                        type: 'checkbox-editor',
+                        mode: 'edit',
+                        path: 'isRequired',
+                        options: {
+                            label: 'Required',
+                            tooltip: 'Must be present in report',
+                        },
+                    },
+                ],
+            },
+        ],
+    },
+];
+//#endregion
+
+class AXMDataSourceService extends AXMEntityCrudServiceImpl {
 }
-class AXMQueryServiceImpl extends AXMQueryService {
+class AXMDataSourceServiceImpl extends AXMEntityCrudServiceImpl {
     constructor() {
-        super(`${RootConfig.module.name}.${RootConfig.entities.query.name}`);
+        super(`${RootConfig.module.name}.${RootConfig.entities.dataSource.name}`);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: AXMQueryServiceImpl, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: AXMQueryServiceImpl }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXMDataSourceServiceImpl, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXMDataSourceServiceImpl }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: AXMQueryServiceImpl, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXMDataSourceServiceImpl, decorators: [{
             type: Injectable
         }], ctorParameters: () => [] });
 
-async function queryFactory(injector) {
-    const dataService = injector.get(AXMQueryService);
-    const dataSourceService = injector.get(AXMDataSourceService);
+//#region ----   Output Types   ----
+var AXMDataSourceOutputType;
+(function (AXMDataSourceOutputType) {
+    AXMDataSourceOutputType["Table"] = "table";
+    AXMDataSourceOutputType["SingleObject"] = "single_object";
+    AXMDataSourceOutputType["Value"] = "value";
+})(AXMDataSourceOutputType || (AXMDataSourceOutputType = {}));
+//#endregion
+//#region ----   Source Types   ----
+var AXMDataSourceType;
+(function (AXMDataSourceType) {
+    AXMDataSourceType["Static"] = "static";
+    AXMDataSourceType["Query"] = "query";
+    // ExternalApi = 'external_api' // TODO: Will be implemented later
+})(AXMDataSourceType || (AXMDataSourceType = {}));
+//#endregion
+
+async function dataSourceEntityFactory(injector) {
+    const dataService = injector.get(AXMDataSourceService);
     const i18n = RootConfig.config.i18n;
+    const translationService = injector.get(AXTranslationService);
+    const dataSourceDefinitionService = injector.get(AXPDataSourceDefinitionProviderService);
     const entityDef = {
         module: RootConfig.module.name,
-        name: RootConfig.entities.query.name,
+        name: RootConfig.entities.dataSource.name,
         source: '',
-        title: RootConfig.entities.query.title,
+        title: RootConfig.entities.dataSource.title,
         formats: {
-            individual: RootConfig.entities.query.title,
-            plural: RootConfig.entities.query.titlePlural,
+            individual: RootConfig.entities.dataSource.title,
+            plural: RootConfig.entities.dataSource.titlePlural,
             searchResult: {
                 title: '{{ title }}',
                 description: RootConfig.module.title,
@@ -444,7 +692,7 @@ async function queryFactory(injector) {
         },
         relatedEntities: [],
         category: {
-            entity: `${RootConfig.module.name}.${RootConfig.entities.queryCategory.name}`,
+            entity: `${RootConfig.module.name}.${RootConfig.entities.dataSourceCategory.name}`,
             title: 'Categories',
             textField: 'title',
             valueField: 'id',
@@ -460,15 +708,55 @@ async function queryFactory(injector) {
         },
         groups: [
             {
-                id: 'section',
-                title: RootConfig.entities.query.title,
+                id: 'dataSource',
+                title: RootConfig.entities.dataSource.title,
+            },
+            {
+                id: 'columns',
+                title: 't("columns", {scope:"${config.i18n}"})',
+            },
+            {
+                id: 'filters',
+                title: 't("filters", {scope:"${config.i18n}"})',
+            },
+            {
+                id: 'samples',
+                title: 't("samples", {scope:"${config.i18n}"})',
             },
         ],
         properties: [
             {
                 name: 'name',
                 title: `t("name", { scope: "common" })`,
-                groupId: 'section',
+                groupId: 'dataSource',
+                schema: {
+                    dataType: 'string',
+                    interface: {
+                        type: AXPWidgetsCatalog.text,
+                    },
+                },
+                validations: [
+                    {
+                        rule: 'required',
+                    },
+                ],
+            },
+            {
+                name: 'title',
+                title: `t("title", { scope: "common" })`,
+                groupId: 'dataSource',
+                schema: {
+                    dataType: 'string',
+                    interface: {
+                        type: AXPWidgetsCatalog.text,
+                        options: {},
+                    },
+                },
+                validations: [
+                    {
+                        rule: 'required',
+                    },
+                ],
                 options: {
                     sort: {
                         enabled: true,
@@ -478,14 +766,27 @@ async function queryFactory(injector) {
                             enabled: true,
                         },
                         inline: {
-                            enabled: false,
+                            enabled: true,
                         },
                     },
                 },
+            },
+            {
+                name: 'categoryIds',
+                title: `t("category", { scope: "common" })`,
+                groupId: 'dataSource',
                 schema: {
                     dataType: 'string',
                     interface: {
-                        type: AXPWidgetsCatalog.text,
+                        type: AXPWidgetsCatalog.lookup,
+                        options: {
+                            entity: `${RootConfig.module.name}.${RootConfig.entities.dataSourceCategory.name}`,
+                            multiple: true,
+                            expose: [
+                                { source: 'id', target: 'categories.{id}' },
+                                { source: 'title', target: 'categories.{title}' },
+                            ],
+                        },
                     },
                 },
                 validations: [
@@ -495,9 +796,112 @@ async function queryFactory(injector) {
                 ],
             },
             {
-                name: 'title',
-                title: `t("title", { scope: "common" })`,
-                groupId: 'section',
+                name: 'columns',
+                title: `t("columns", { scope: "${i18n}" })`,
+                groupId: 'columns',
+                schema: {
+                    defaultValue: [
+                        {
+                            name: 'name',
+                            title: 'Name',
+                            type: 'text-editor',
+                        },
+                        {
+                            name: 'title',
+                            title: 'Title',
+                            type: 'text-editor',
+                        },
+                    ],
+                    dataType: 'object',
+                    interface: {
+                        type: AXPWidgetsCatalog.repeaterLayout,
+                        children: AXM_COLUMN_DEF_WIDGET,
+                        triggers: [
+                            {
+                                event: "{{ events.context('sourceEntity') }}",
+                                action: `{{ widget.setValue(context.eval('sourceEntity')?.columns); }}`,
+                            },
+                            {
+                                event: "{{ events.context('columns') }}",
+                                action: `{{ console.log(context.eval('columns.*.isTextField')); }}`,
+                            },
+                        ],
+                    },
+                },
+            },
+            {
+                name: 'filters',
+                title: `t("filters", { scope: "${i18n}" })`,
+                groupId: 'filters',
+                schema: {
+                    defaultValue: [],
+                    dataType: 'object',
+                    interface: {
+                        type: AXPWidgetsCatalog.repeaterLayout,
+                        children: AXM_FILTER_DEF_WIDGET,
+                    },
+                },
+            },
+            {
+                name: 'samples',
+                title: `t("samples", { scope: "${i18n}" })`,
+                groupId: 'samples',
+                schema: {
+                    dataType: 'object',
+                    interface: {
+                        type: AXPWidgetsCatalog.table,
+                        options: {
+                            columns: '{{context.eval("columns"); }}',
+                            defaultRowCount: 2,
+                        },
+                    },
+                },
+                validations: [
+                    {
+                        rule: 'required',
+                    },
+                ],
+            },
+            {
+                name: 'sourceType',
+                title: `t("sourceType", { scope: "${i18n}" })`,
+                groupId: 'dataSource',
+                schema: {
+                    defaultValue: {
+                        name: 'static',
+                        title: 'Static',
+                    },
+                    dataType: 'string',
+                    interface: {
+                        type: AXPWidgetsCatalog.select,
+                        options: {
+                            valueField: 'name',
+                            textField: 'title',
+                            dataSource: [
+                                // TODO: External API temporarily disabled for upgrade
+                                // {
+                                //   name: 'external_api',
+                                //   title: 'External Api',
+                                // },
+                                {
+                                    name: 'query',
+                                    title: 'Query',
+                                },
+                                {
+                                    name: 'static',
+                                    title: 'Static',
+                                },
+                            ],
+                            multiple: false,
+                        },
+                        triggers: [
+                            {
+                                event: "{{ events.context('sourceType') }}",
+                                action: `{{context.set('columns' , []); context.set('sourceEntity' , null); if(context.eval('sourceType')?.name == 'static') { context.set('columns', [ { name: 'name',title: 'Name',type: { title: 'Text', name: 'text-editor', },},{name: 'title',title: 'Title',type: {title: 'Text',name: 'text-editor',},}, ] );} }}`,
+                            },
+                        ],
+                    },
+                },
                 options: {
                     sort: {
                         enabled: true,
@@ -506,15 +910,6 @@ async function queryFactory(injector) {
                         advance: {
                             enabled: true,
                         },
-                        inline: {
-                            enabled: false,
-                        },
-                    },
-                },
-                schema: {
-                    dataType: 'string',
-                    interface: {
-                        type: AXPWidgetsCatalog.text,
                     },
                 },
                 validations: [
@@ -524,63 +919,1636 @@ async function queryFactory(injector) {
                 ],
             },
             {
-                name: 'categoryIds',
-                title: `t("category", { scope: "common" })`,
-                groupId: 'section',
-                schema: {
-                    dataType: 'string',
-                    interface: {
-                        type: AXPWidgetsCatalog.lookup,
-                        options: {
-                            entity: `${RootConfig.module.name}.${RootConfig.entities.queryCategory.name}`,
-                            multiple: true,
-                            expose: [
-                                { source: 'id', target: 'categories.{id}' },
-                                { source: 'title', target: 'categories.{title}' },
-                            ],
-                        },
-                    },
-                },
-                validations: [
-                    {
-                        rule: 'required',
-                    },
-                ],
+                name: 'outputType',
+                title: `t("outputType", { scope: "${i18n}" })`,
+                groupId: 'dataSource',
+                schema: {
+                    defaultValue: {
+                        name: AXMDataSourceOutputType.Table,
+                        title: 'Table',
+                    },
+                    dataType: 'string',
+                    interface: {
+                        type: AXPWidgetsCatalog.select,
+                        options: {
+                            valueField: 'name',
+                            textField: 'title',
+                            dataSource: [
+                                {
+                                    name: AXMDataSourceOutputType.Table,
+                                    title: 'Table (List of Records)',
+                                },
+                                {
+                                    name: AXMDataSourceOutputType.SingleObject,
+                                    title: 'Single Object',
+                                },
+                                {
+                                    name: AXMDataSourceOutputType.Value,
+                                    title: 'Value (Count/Number)',
+                                },
+                            ],
+                            multiple: false,
+                        },
+                    },
+                },
+                validations: [
+                    {
+                        rule: 'required',
+                    },
+                ],
+                options: {
+                    sort: {
+                        enabled: true,
+                    },
+                    filter: {
+                        advance: {
+                            enabled: true,
+                        },
+                    },
+                },
+            },
+            {
+                name: 'sourceStatic',
+                title: `t("sourceStatic", { scope: "${i18n}" })`,
+                groupId: 'dataSource',
+                schema: {
+                    dataType: 'string',
+                    interface: {
+                        type: AXPWidgetsCatalog.table,
+                        options: {
+                            visibility: '{{context.eval("sourceType")?.name == "static" }}',
+                            columns: '{{context.eval("columns")}}',
+                            defaultRowCount: 2,
+                        },
+                    },
+                },
+                validations: [
+                // Validation removed: field is now auto-derived from columns flags
+                ],
+            },
+            {
+                name: 'sourceEntity',
+                title: `t("sourceEntity", { scope: "${i18n}" })`,
+                groupId: 'dataSource',
+                schema: {
+                    dataType: 'string',
+                    interface: {
+                        type: AXPWidgetsCatalog.select,
+                        options: {
+                            visibility: '{{context.eval("sourceType")?.name == "query" }}',
+                            valueField: 'name',
+                            textField: 'title',
+                            dataSource: new AXDataSource({
+                                load: async (e) => {
+                                    const entities = await dataSourceDefinitionService.items();
+                                    // Map each entity to a promise that performs the translation
+                                    const translatedEntities = await Promise.all(entities.map(async (entity) => ({
+                                        ...entity,
+                                        title: await translationService.translateAsync(entity.title),
+                                    })));
+                                    return {
+                                        total: translatedEntities.length,
+                                        items: translatedEntities,
+                                    };
+                                },
+                                pageSize: 1000,
+                            }),
+                        },
+                        triggers: [
+                            {
+                                event: "{{ events.context('sourceEntity') }}",
+                                action: `{{ context.set('samples', context.eval('sourceEntity')?.samples); }}`,
+                            },
+                        ],
+                    },
+                },
+                validations: [
+                // Validation removed: field is now auto-derived from columns flags
+                ],
+            },
+        ],
+        columns: [{ name: 'name' }, { name: 'title' }, { name: 'categoryIds', options: { dataPath: 'categories' } }, { name: 'sourceType' }, { name: 'outputType' }],
+        commands: {
+            create: {
+                execute: async (data) => {
+                    console.log(data);
+                    if (data.sourceType.name == 'query') {
+                        data.sourceEntity = data.sourceEntity?.name;
+                    }
+                    // if (data.sourceType.name == 'static') {
+                    //   data.sourceStatic = data.sourceStatic?.name;
+                    // }
+                    // derive textField & valueField from columns flags
+                    if (Array.isArray(data.columns)) {
+                        const txtColsArr = data.columns.filter((c) => c.isTextField).map((c) => c.name);
+                        const txtCols = txtColsArr.join(',');
+                        const valCol = data.columns.find((c) => c.isValueField);
+                        data.textField = txtCols;
+                        data.valueField = valCol ? valCol.name : null;
+                    }
+                    console.log('after save', data);
+                    const res = await dataService.insertOne(data);
+                    return { id: res };
+                },
+            },
+            delete: {
+                execute: async (id) => {
+                    return await dataService.deleteOne(id);
+                },
+            },
+            update: {
+                execute: async (data) => {
+                    // derive textField & valueField from columns flags
+                    if (Array.isArray(data.columns)) {
+                        const txtColsArr = data.columns.filter((c) => c.isTextField).map((c) => c.name);
+                        const txtCols = txtColsArr.join(',');
+                        const valCol = data.columns.find((c) => c.isValueField);
+                        data.textField = txtCols;
+                        data.valueField = valCol ? valCol.name : null;
+                    }
+                    return await dataService.updateOne(data.id, data);
+                },
+            },
+        },
+        queries: {
+            byKey: {
+                execute: async (id) => {
+                    return await dataService.getOne(id);
+                },
+                type: AXPEntityQueryType.Single,
+            },
+            list: {
+                execute: async (e) => {
+                    return await dataService.query({ skip: e.skip, take: e.take, filter: e.filter });
+                },
+                type: AXPEntityQueryType.List,
+            },
+        },
+        interfaces: {
+            master: {
+                create: {
+                    sections: [
+                        {
+                            id: 'dataSource',
+                        },
+                        {
+                            id: 'columns',
+                        },
+                        {
+                            id: 'filters',
+                        },
+                        {
+                            id: 'samples',
+                        },
+                    ],
+                    properties: [
+                        {
+                            name: 'name',
+                            layout: {
+                                positions: {
+                                    lg: {
+                                        colSpan: 6,
+                                        order: 1,
+                                    },
+                                },
+                            },
+                        },
+                        {
+                            name: 'title',
+                            layout: {
+                                positions: {
+                                    lg: {
+                                        colSpan: 6,
+                                        order: 2,
+                                    },
+                                },
+                            },
+                        },
+                        {
+                            name: 'categoryIds',
+                            layout: {
+                                positions: {
+                                    lg: {
+                                        colSpan: 6,
+                                        order: 3,
+                                    },
+                                },
+                            },
+                        },
+                        {
+                            name: 'columns',
+                            layout: {
+                                positions: {
+                                    lg: {
+                                        colSpan: 12,
+                                        order: 5,
+                                    },
+                                },
+                            },
+                        },
+                        {
+                            name: 'samples',
+                            layout: {
+                                positions: {
+                                    lg: {
+                                        colSpan: 12,
+                                        order: 11,
+                                    },
+                                },
+                            },
+                        },
+                        {
+                            name: 'sourceType',
+                            layout: {
+                                positions: {
+                                    lg: {
+                                        colSpan: 6,
+                                        order: 3,
+                                    },
+                                },
+                            },
+                        },
+                        {
+                            name: 'sourceStatic',
+                            layout: {
+                                positions: {
+                                    lg: {
+                                        colSpan: 6,
+                                        order: 4,
+                                    },
+                                },
+                            },
+                        },
+                        {
+                            name: 'sourceEntity',
+                            layout: {
+                                positions: {
+                                    lg: {
+                                        colSpan: 6,
+                                        order: 4,
+                                    },
+                                },
+                            },
+                        },
+                        {
+                            name: 'outputType',
+                            layout: {
+                                positions: {
+                                    lg: {
+                                        colSpan: 6,
+                                        order: 5,
+                                    },
+                                },
+                            },
+                        },
+                        {
+                            name: 'filters',
+                            layout: {
+                                positions: {
+                                    lg: {
+                                        colSpan: 12,
+                                        order: 6,
+                                    },
+                                },
+                            },
+                        },
+                    ],
+                },
+                update: {
+                    sections: [
+                        {
+                            id: 'dataSource',
+                        },
+                        {
+                            id: 'columns',
+                        },
+                        {
+                            id: 'filters',
+                        },
+                        {
+                            id: 'samples',
+                        },
+                    ],
+                    properties: [
+                        {
+                            name: 'name',
+                            layout: {
+                                positions: {
+                                    lg: {
+                                        colSpan: 6,
+                                        order: 1,
+                                    },
+                                },
+                            },
+                        },
+                        {
+                            name: 'title',
+                            layout: {
+                                positions: {
+                                    lg: {
+                                        colSpan: 6,
+                                        order: 2,
+                                    },
+                                },
+                            },
+                        },
+                        {
+                            name: 'categoryIds',
+                            layout: {
+                                positions: {
+                                    lg: {
+                                        colSpan: 6,
+                                        order: 3,
+                                    },
+                                },
+                            },
+                        },
+                        {
+                            name: 'columns',
+                            layout: {
+                                positions: {
+                                    lg: {
+                                        colSpan: 12,
+                                        order: 5,
+                                    },
+                                },
+                            },
+                        },
+                        {
+                            name: 'sourceType',
+                            layout: {
+                                positions: {
+                                    lg: {
+                                        colSpan: 6,
+                                        order: 3,
+                                    },
+                                },
+                            },
+                        },
+                        {
+                            name: 'sourceEntity',
+                            layout: {
+                                positions: {
+                                    lg: {
+                                        colSpan: 12,
+                                        order: 4,
+                                    },
+                                },
+                            },
+                        },
+                        {
+                            name: 'sourceStatic',
+                            layout: {
+                                positions: {
+                                    lg: {
+                                        colSpan: 12,
+                                        order: 4,
+                                    },
+                                },
+                            },
+                        },
+                        {
+                            name: 'outputType',
+                            layout: {
+                                positions: {
+                                    lg: {
+                                        colSpan: 6,
+                                        order: 5,
+                                    },
+                                },
+                            },
+                        },
+                        {
+                            name: 'filters',
+                            layout: {
+                                positions: {
+                                    lg: {
+                                        colSpan: 12,
+                                        order: 6,
+                                    },
+                                },
+                            },
+                        },
+                    ],
+                },
+                single: {
+                    title: '{{title}}',
+                    sections: [
+                        {
+                            id: 'dataSource',
+                        },
+                        {
+                            id: 'columns',
+                        },
+                        {
+                            id: 'filters',
+                        },
+                        {
+                            id: 'samples',
+                        },
+                    ],
+                    properties: [
+                        {
+                            name: 'name',
+                            layout: {
+                                positions: {
+                                    lg: {
+                                        colSpan: 6,
+                                        order: 1,
+                                    },
+                                },
+                            },
+                        },
+                        {
+                            name: 'title',
+                            layout: {
+                                positions: {
+                                    lg: {
+                                        colSpan: 6,
+                                        order: 2,
+                                    },
+                                },
+                            },
+                        },
+                        {
+                            name: 'categoryIds',
+                            dataPath: 'categories',
+                            layout: {
+                                positions: {
+                                    lg: {
+                                        colSpan: 6,
+                                        order: 3,
+                                    },
+                                },
+                            },
+                        },
+                        {
+                            name: 'columns',
+                            layout: {
+                                positions: {
+                                    lg: {
+                                        colSpan: 12,
+                                        order: 3,
+                                    },
+                                },
+                            },
+                        },
+                        {
+                            name: 'sourceType',
+                            layout: {
+                                positions: {
+                                    lg: {
+                                        colSpan: 6,
+                                        order: 4,
+                                    },
+                                },
+                            },
+                        },
+                        {
+                            name: 'sourceEntity',
+                            layout: {
+                                positions: {
+                                    lg: {
+                                        colSpan: 6,
+                                        order: 5,
+                                    },
+                                },
+                            },
+                        },
+                        {
+                            name: 'sourceStatic',
+                            layout: {
+                                positions: {
+                                    lg: {
+                                        colSpan: 6,
+                                        order: 5,
+                                    },
+                                },
+                            },
+                        },
+                        {
+                            name: 'outputType',
+                            layout: {
+                                positions: {
+                                    lg: {
+                                        colSpan: 6,
+                                        order: 6,
+                                    },
+                                },
+                            },
+                        },
+                        {
+                            name: 'filters',
+                            layout: {
+                                positions: {
+                                    lg: {
+                                        colSpan: 12,
+                                        order: 7,
+                                    },
+                                },
+                            },
+                        },
+                        {
+                            name: 'samples',
+                            layout: {
+                                positions: {
+                                    lg: {
+                                        colSpan: 12,
+                                        order: 10,
+                                    },
+                                },
+                            },
+                        },
+                    ],
+                    actions: [],
+                },
+                list: {
+                    actions: [
+                        {
+                            title: `t("create", { scope: "common" })`,
+                            command: {
+                                name: 'create-entity',
+                                options: {
+                                    layout: {
+                                        size: 'lg',
+                                    },
+                                },
+                            },
+                            priority: 'primary',
+                            type: 'create',
+                            scope: AXPEntityCommandScope.TypeLevel,
+                        },
+                        {
+                            title: 't("deleteItems", { scope: "common" })',
+                            command: 'delete-entity',
+                            priority: 'primary',
+                            type: 'delete',
+                            scope: AXPEntityCommandScope.Selected,
+                        },
+                        {
+                            title: 't("detail", { scope: "common" })',
+                            command: 'open-entity',
+                            priority: 'secondary',
+                            type: 'view',
+                            scope: AXPEntityCommandScope.Individual,
+                        },
+                        {
+                            title: 't("delete", { scope: "common" })',
+                            command: 'delete-entity',
+                            priority: 'secondary',
+                            type: 'delete',
+                            scope: AXPEntityCommandScope.Individual,
+                        },
+                        {
+                            title: 't("entity.modify", { scope: "common" })',
+                            command: {
+                                name: 'quick-modify-entity', options: {
+                                    layout: {
+                                        size: 'lg',
+                                    },
+                                },
+                            },
+                            priority: 'secondary',
+                            type: 'update',
+                            scope: AXPEntityCommandScope.Individual,
+                        },
+                    ],
+                    views: [
+                        createAllQueryView({ sorts: [{ name: 'title', dir: 'asc' }] }),
+                        createQueryView('static', `t("static", { scope: "${i18n}" })`, true, {
+                            conditions: [
+                                {
+                                    name: 'sourceType.name',
+                                    operator: {
+                                        type: 'equal',
+                                    },
+                                    value: 'static',
+                                },
+                            ],
+                        }),
+                        createQueryView('query', `t("query", { scope: "${i18n}" })`, true, {
+                            conditions: [
+                                {
+                                    name: 'sourceType.name',
+                                    operator: {
+                                        type: 'equal',
+                                    },
+                                    value: 'query',
+                                },
+                            ],
+                        }),
+                    ],
+                },
+            },
+        },
+    };
+    return entityDef;
+}
+
+var dataSource_entity = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    dataSourceEntityFactory: dataSourceEntityFactory
+});
+
+const AXMColumnFilterSelectorWidget = {
+    name: 'column-filter-selector-editor',
+    title: 'Column Filter Selector',
+    icon: 'fa-light fa-filter',
+    description: 'Selects a column and configures its filter value',
+    categories: AXP_WIDGETS_EDITOR_CATEGORY,
+    type: 'editor',
+    defaultFilterWidgetName: 'string-filter',
+    options: {
+        needLabel: false,
+    },
+    properties: [
+        AXP_NAME_PROPERTY,
+        AXP_DATA_PATH_PROPERTY,
+        AXP_DISABLED_PROPERTY,
+    ],
+    components: {
+        view: {
+            component: () => Promise.resolve().then(function () { return columnFilterSelectorWidgetView_component; }).then((c) => c.AXMColumnFilterSelectorWidgetViewComponent),
+        },
+        edit: {
+            component: () => Promise.resolve().then(function () { return columnFilterSelectorWidgetEdit_component; }).then((c) => c.AXMColumnFilterSelectorWidgetEditComponent),
+        },
+        filter: {
+            component: () => Promise.resolve().then(function () { return columnFilterSelectorWidgetFilter_component; }).then((c) => c.AXMColumnFilterSelectorWidgetFilterComponent),
+        },
+        column: {
+            component: () => Promise.resolve().then(function () { return columnFilterSelectorWidgetColumn_component; }).then((c) => c.AXMColumnFilterSelectorWidgetColumnComponent),
+        },
+        print: {
+            component: () => Promise.resolve().then(function () { return columnFilterSelectorWidgetPrint_component; }).then((c) => c.AXMColumnFilterSelectorWidgetPrintComponent),
+        },
+        designer: {
+            component: () => Promise.resolve().then(function () { return columnFilterSelectorWidgetEdit_component; }).then((c) => c.AXMColumnFilterSelectorWidgetEditComponent),
+        },
+    },
+};
+
+class AXMColumnFilterSelectorWidgetEditComponent extends AXPValueWidgetComponent {
+    constructor() {
+        super(...arguments);
+        //#region ----   Properties   ----
+        this.disabled = computed(() => this.options()['disabled'], ...(ngDevMode ? [{ debugName: "disabled" }] : []));
+        this.columns = computed(() => this.options()['columns'] || [], ...(ngDevMode ? [{ debugName: "columns" }] : []));
+        //#endregion
+        //#region ----   Computed Properties   ----
+        this.columnsDataSource = computed(() => {
+            return new AXDataSource({
+                load: async () => {
+                    const items = this.columns();
+                    return {
+                        items: items,
+                        total: items.length,
+                    };
+                },
+                pageSize: 100,
+            });
+        }, ...(ngDevMode ? [{ debugName: "columnsDataSource" }] : []));
+        this.selectedColumn = computed(() => {
+            const columnName = this.getValue()?.columnName;
+            if (!columnName)
+                return null;
+            return this.columns().find(col => col.name === columnName);
+        }, ...(ngDevMode ? [{ debugName: "selectedColumn" }] : []));
+        this.filterWidgetNode = computed(() => {
+            const column = this.selectedColumn();
+            if (!column)
+                return null;
+            const widgetType = this.getWidgetTypeForColumn(column.type);
+            return {
+                type: widgetType,
+                defaultValue: this.getValue()?.value,
+                path: 'value',
+                name: 'value',
+                options: {
+                    placeholder: `Enter ${column.title}`,
+                    disabled: this.disabled()
+                }
+            };
+        }, ...(ngDevMode ? [{ debugName: "filterWidgetNode" }] : []));
+        //#endregion
+        //#region ----   Lifecycle   ----
+        //Update parent value when selections change
+        this.#effect = effect(() => {
+            const columnName = this.getValue()?.columnName;
+            const value = this.getValue()?.value;
+            console.log(columnName, value);
+            this.setValue({
+                columnName: columnName || undefined,
+                value: value
+            });
+        }, ...(ngDevMode ? [{ debugName: "#effect" }] : []));
+    }
+    //#endregion
+    //#region ----   Lifecycle   ----
+    //Update parent value when selections change
+    #effect;
+    //#endregion
+    //#region ----   Event Handlers   ----
+    handleColumnChange(event) {
+        this.setValue({
+            columnName: event.value,
+            value: undefined
+        });
+    }
+    handleWidgetValueChange(event) {
+        this.setValue({
+            columnName: this.getValue()?.columnName,
+            value: event.data.value
+        });
+    }
+    //#endregion
+    //#region ----   Utility Methods   ----
+    getWidgetTypeForColumn(columnType) {
+        // Map column types to appropriate widget types
+        //TODO default value need object 
+        let type = columnType;
+        if (typeof columnType === 'object' && columnType !== null && 'name' in columnType) {
+            type = columnType['name'];
+        }
+        switch (type) {
+            case 'text-editor':
+            case 'large-text-editor':
+            case 'string':
+                return 'string-filter';
+            case 'number-editor':
+            case 'number':
+                return 'number-filter';
+            case 'date-time-editor':
+            case 'datetime':
+            case 'date':
+                return 'datetime-filter';
+            case 'select-editor':
+            case 'select':
+                return 'select-filter';
+            case 'checkbox-editor':
+            case 'toggle-editor':
+            case 'boolean':
+                return 'boolean-filter';
+            case 'color-editor':
+                return 'color-filter';
+            default:
+                return 'text-editor'; // Default fallback
+        }
+    }
+    //#endregion
+    //#region ----   Host Binding   ----
+    get __hostClass() {
+        return 'axm-column-filter-selector-widget-edit';
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXMColumnFilterSelectorWidgetEditComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.3", type: AXMColumnFilterSelectorWidgetEditComponent, isStandalone: true, selector: "axm-column-filter-selector-widget-edit", host: { properties: { "class": "this.__hostClass" } }, usesInheritance: true, ngImport: i0, template: `
+    <div class="ax-flex ax-gap-4 ax-w-full ax-items-center">
+      <axp-widgets-container  
+      [context]="getValue()"
+      (onContextChanged)="handleWidgetValueChange($event)">
+          <ax-select-box
+            [placeholder]="'Select Column'"
+            [dataSource]="columnsDataSource()"
+            [valueField]="'name'"
+            [textField]="'title'"
+            [ngModel]="getValue().columnName"
+            [disabled]="disabled()"
+            (onValueChanged)="handleColumnChange($event)"
+          >
+            <ax-clear-button></ax-clear-button>
+          </ax-select-box>
+
+
+        @if (filterWidgetNode()) {
+         
+            <ng-container 
+              axp-widget-renderer 
+              [node]="filterWidgetNode()!" 
+              [mode]="'edit'">
+            </ng-container>
+        }     
+        </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", "dataSource", "minRecordsForSearch", "caption", "itemTemplate", "selectedTemplate", "emptyTemplate", "loadingTemplate", "dropdownWidth", "searchBoxAutoFocus"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "readonlyChange", "disabledChange", "onOpened", "onClosed"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i3.AXDecoratorClearButtonComponent, selector: "ax-clear-button", inputs: ["icon"] }, { kind: "ngmodule", type: AXPLayoutBuilderModule }, { 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.1.3", ngImport: i0, type: AXMColumnFilterSelectorWidgetEditComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'axm-column-filter-selector-widget-edit',
+                    template: `
+    <div class="ax-flex ax-gap-4 ax-w-full ax-items-center">
+      <axp-widgets-container  
+      [context]="getValue()"
+      (onContextChanged)="handleWidgetValueChange($event)">
+          <ax-select-box
+            [placeholder]="'Select Column'"
+            [dataSource]="columnsDataSource()"
+            [valueField]="'name'"
+            [textField]="'title'"
+            [ngModel]="getValue().columnName"
+            [disabled]="disabled()"
+            (onValueChanged)="handleColumnChange($event)"
+          >
+            <ax-clear-button></ax-clear-button>
+          </ax-select-box>
+
+
+        @if (filterWidgetNode()) {
+         
+            <ng-container 
+              axp-widget-renderer 
+              [node]="filterWidgetNode()!" 
+              [mode]="'edit'">
+            </ng-container>
+        }     
+        </axp-widgets-container>
+    </div>
+  `,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    imports: [
+                        CommonModule,
+                        FormsModule,
+                        AXSelectBoxModule,
+                        AXDecoratorModule,
+                        AXPLayoutBuilderModule
+                    ],
+                }]
+        }], propDecorators: { __hostClass: [{
+                type: HostBinding,
+                args: ['class']
+            }] } });
+
+var columnFilterSelectorWidgetEdit_component = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    AXMColumnFilterSelectorWidgetEditComponent: AXMColumnFilterSelectorWidgetEditComponent
+});
+
+class AXMColumnFilterSelectorWidgetViewComponent extends AXPValueWidgetComponent {
+    constructor() {
+        super(...arguments);
+        //#region ----   Computed Properties   ----
+        this.currentValue = computed(() => this.getValue(), ...(ngDevMode ? [{ debugName: "currentValue" }] : []));
+        this.displayValue = computed(() => {
+            const value = this.currentValue()?.value;
+            if (value === null || value === undefined) {
+                return '';
+            }
+            return ` ${value.operation.type} ${value.value}`;
+        }, ...(ngDevMode ? [{ debugName: "displayValue" }] : []));
+    }
+    //#endregion
+    //#region ----   Host Binding   ----
+    get __hostClass() {
+        return 'axm-column-filter-selector-widget';
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXMColumnFilterSelectorWidgetViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.3", type: AXMColumnFilterSelectorWidgetViewComponent, isStandalone: true, selector: "axm-column-filter-selector-widget-view", host: { properties: { "class": "this.__hostClass" } }, usesInheritance: true, ngImport: i0, template: `
+    <div class="__content">
+      @if (currentValue()) {
+        <div class="__filter-display">
+          <span class="__column-name">{{ currentValue().columnName }}</span>
+          <span class="__separator">:</span>
+          <span class="__filter-value">{{ displayValue() }}</span>
+        </div>
+      } @else {
+        <span class="__empty">No filter selected</span>
+      }
+    </div>
+  `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXMColumnFilterSelectorWidgetViewComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'axm-column-filter-selector-widget-view',
+                    template: `
+    <div class="__content">
+      @if (currentValue()) {
+        <div class="__filter-display">
+          <span class="__column-name">{{ currentValue().columnName }}</span>
+          <span class="__separator">:</span>
+          <span class="__filter-value">{{ displayValue() }}</span>
+        </div>
+      } @else {
+        <span class="__empty">No filter selected</span>
+      }
+    </div>
+  `,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    imports: [],
+                }]
+        }], propDecorators: { __hostClass: [{
+                type: HostBinding,
+                args: ['class']
+            }] } });
+
+var columnFilterSelectorWidgetView_component = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    AXMColumnFilterSelectorWidgetViewComponent: AXMColumnFilterSelectorWidgetViewComponent
+});
+
+class AXMColumnFilterSelectorWidgetColumnComponent extends AXPValueWidgetComponent {
+    constructor() {
+        super(...arguments);
+        //#region ----   Computed Properties   ----
+        this.currentValue = computed(() => this.getValue(), ...(ngDevMode ? [{ debugName: "currentValue" }] : []));
+        this.displayValue = computed(() => {
+            const value = this.currentValue()?.value;
+            if (value === null || value === undefined) {
+                return '';
+            }
+            if (typeof value === 'boolean') {
+                return value ? 'Yes' : 'No';
+            }
+            if (typeof value === 'string' && value.length > 20) {
+                return value.substring(0, 20) + '...';
+            }
+            return String(value);
+        }, ...(ngDevMode ? [{ debugName: "displayValue" }] : []));
+    }
+    //#endregion
+    //#region ----   Host Binding   ----
+    get __hostClass() {
+        return 'axm-column-filter-selector-widget';
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXMColumnFilterSelectorWidgetColumnComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.3", type: AXMColumnFilterSelectorWidgetColumnComponent, isStandalone: true, selector: "axm-column-filter-selector-widget-column", host: { properties: { "class": "this.__hostClass" } }, usesInheritance: true, ngImport: i0, template: `
+    @if (currentValue().columnName) {
+      <span class="__column-filter">{{ currentValue().columnName }}: {{ displayValue() }}</span>
+    } @else {
+      <span class="__empty">-</span>
+    }
+  `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXMColumnFilterSelectorWidgetColumnComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'axm-column-filter-selector-widget-column',
+                    template: `
+    @if (currentValue().columnName) {
+      <span class="__column-filter">{{ currentValue().columnName }}: {{ displayValue() }}</span>
+    } @else {
+      <span class="__empty">-</span>
+    }
+  `,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    imports: [],
+                }]
+        }], propDecorators: { __hostClass: [{
+                type: HostBinding,
+                args: ['class']
+            }] } });
+
+var columnFilterSelectorWidgetColumn_component = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    AXMColumnFilterSelectorWidgetColumnComponent: AXMColumnFilterSelectorWidgetColumnComponent
+});
+
+class AXMColumnFilterSelectorWidgetFilterComponent extends AXPValueWidgetComponent {
+    //#region ----   Event Handlers   ----
+    handleValueChange(event) {
+        const currentValue = this.getValue() || {};
+        this.setValue({
+            ...currentValue,
+            columnName: event.value
+        });
+    }
+    //#endregion
+    //#region ----   Host Binding   ----
+    get __hostClass() {
+        return 'axm-column-filter-selector-widget';
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXMColumnFilterSelectorWidgetFilterComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.3", type: AXMColumnFilterSelectorWidgetFilterComponent, isStandalone: true, selector: "axm-column-filter-selector-widget-filter", host: { properties: { "class": "this.__hostClass" } }, usesInheritance: true, ngImport: i0, template: `
+    <ax-text-box
+      [placeholder]="'Filter by column name...'"
+      [ngModel]="getValue().columnName"
+      (onValueChanged)="handleValueChange($event)"
+    >
+      <ax-clear-button></ax-clear-button>
+    </ax-text-box>
+  `, isInline: true, dependencies: [{ 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: AXTextBoxModule }, { kind: "component", type: i2$1.AXTextBoxComponent, selector: "ax-text-box", inputs: ["disabled", "tabIndex", "readonly", "value", "state", "name", "id", "placeholder", "maxLength", "allowNull", "type", "autoComplete", "look", "mask-options", "class"], outputs: ["onBlur", "onFocus", "valueChange", "stateChange", "onValueChanged", "readonlyChange", "disabledChange", "onKeyDown", "onKeyUp", "onKeyPress"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i3.AXDecoratorClearButtonComponent, selector: "ax-clear-button", inputs: ["icon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXMColumnFilterSelectorWidgetFilterComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'axm-column-filter-selector-widget-filter',
+                    template: `
+    <ax-text-box
+      [placeholder]="'Filter by column name...'"
+      [ngModel]="getValue().columnName"
+      (onValueChanged)="handleValueChange($event)"
+    >
+      <ax-clear-button></ax-clear-button>
+    </ax-text-box>
+  `,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    imports: [FormsModule, AXTextBoxModule, AXDecoratorModule],
+                }]
+        }], propDecorators: { __hostClass: [{
+                type: HostBinding,
+                args: ['class']
+            }] } });
+
+var columnFilterSelectorWidgetFilter_component = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    AXMColumnFilterSelectorWidgetFilterComponent: AXMColumnFilterSelectorWidgetFilterComponent
+});
+
+class AXMColumnFilterSelectorWidgetPrintComponent extends AXPValueWidgetComponent {
+    constructor() {
+        super(...arguments);
+        //#region ----   Computed Properties   ----
+        this.currentValue = computed(() => this.getValue(), ...(ngDevMode ? [{ debugName: "currentValue" }] : []));
+        this.displayValue = computed(() => {
+            const value = this.currentValue()?.value;
+            if (value === null || value === undefined) {
+                return 'No value';
+            }
+            if (typeof value === 'boolean') {
+                return value ? 'Yes' : 'No';
+            }
+            return String(value);
+        }, ...(ngDevMode ? [{ debugName: "displayValue" }] : []));
+    }
+    //#endregion
+    //#region ----   Host Binding   ----
+    get __hostClass() {
+        return 'axm-column-filter-selector-widget';
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXMColumnFilterSelectorWidgetPrintComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.3", type: AXMColumnFilterSelectorWidgetPrintComponent, isStandalone: true, selector: "axm-column-filter-selector-widget-print", host: { properties: { "class": "this.__hostClass" } }, usesInheritance: true, ngImport: i0, template: `
+    @if (currentValue().columnName) {
+      <div class="__print-content">
+        <strong>{{ currentValue().columnName }}:</strong> {{ displayValue() }}
+      </div>
+    }
+  `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXMColumnFilterSelectorWidgetPrintComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'axm-column-filter-selector-widget-print',
+                    template: `
+    @if (currentValue().columnName) {
+      <div class="__print-content">
+        <strong>{{ currentValue().columnName }}:</strong> {{ displayValue() }}
+      </div>
+    }
+  `,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    imports: [],
+                }]
+        }], propDecorators: { __hostClass: [{
+                type: HostBinding,
+                args: ['class']
+            }] } });
+
+var columnFilterSelectorWidgetPrint_component = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    AXMColumnFilterSelectorWidgetPrintComponent: AXMColumnFilterSelectorWidgetPrintComponent
+});
+
+class AXMQueryService extends AXMEntityCrudServiceImpl {
+}
+class AXMQueryServiceImpl extends AXMQueryService {
+    constructor() {
+        super(`${RootConfig.module.name}.${RootConfig.entities.query.name}`);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXMQueryServiceImpl, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXMQueryServiceImpl }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXMQueryServiceImpl, decorators: [{
+            type: Injectable
+        }], ctorParameters: () => [] });
+
+async function queryFactory(injector) {
+    const dataService = injector.get(AXMQueryService);
+    const dataSourceService = injector.get(AXMDataSourceService);
+    const i18n = RootConfig.config.i18n;
+    const entityDef = {
+        module: RootConfig.module.name,
+        name: RootConfig.entities.query.name,
+        source: '',
+        title: RootConfig.entities.query.title,
+        formats: {
+            individual: RootConfig.entities.query.title,
+            plural: RootConfig.entities.query.titlePlural,
+            searchResult: {
+                title: '{{ title }}',
+                description: RootConfig.module.title,
+            },
+        },
+        relatedEntities: [],
+        category: {
+            entity: `${RootConfig.module.name}.${RootConfig.entities.queryCategory.name}`,
+            title: 'Categories',
+            textField: 'title',
+            valueField: 'id',
+            applyConditions: [
+                {
+                    name: 'categoryIds',
+                    operator: {
+                        type: 'contains',
+                    },
+                    value: 'id',
+                },
+            ],
+        },
+        groups: [
+            {
+                id: 'section',
+                title: RootConfig.entities.query.title,
+            },
+        ],
+        properties: [
+            {
+                name: 'name',
+                title: `t("name", { scope: "common" })`,
+                groupId: 'section',
+                options: {
+                    sort: {
+                        enabled: true,
+                    },
+                    filter: {
+                        advance: {
+                            enabled: true,
+                        },
+                        inline: {
+                            enabled: false,
+                        },
+                    },
+                },
+                schema: {
+                    dataType: 'string',
+                    interface: {
+                        type: AXPWidgetsCatalog.text,
+                    },
+                },
+                validations: [
+                    {
+                        rule: 'required',
+                    },
+                ],
+            },
+            {
+                name: 'title',
+                title: `t("title", { scope: "common" })`,
+                groupId: 'section',
+                options: {
+                    sort: {
+                        enabled: true,
+                    },
+                    filter: {
+                        advance: {
+                            enabled: true,
+                        },
+                        inline: {
+                            enabled: false,
+                        },
+                    },
+                },
+                schema: {
+                    dataType: 'string',
+                    interface: {
+                        type: AXPWidgetsCatalog.text,
+                    },
+                },
+                validations: [
+                    {
+                        rule: 'required',
+                    },
+                ],
+            },
+            {
+                name: 'categoryIds',
+                title: `t("category", { scope: "common" })`,
+                groupId: 'section',
+                schema: {
+                    dataType: 'string',
+                    interface: {
+                        type: AXPWidgetsCatalog.lookup,
+                        options: {
+                            entity: `${RootConfig.module.name}.${RootConfig.entities.queryCategory.name}`,
+                            multiple: true,
+                            expose: [
+                                { source: 'id', target: 'categories.{id}' },
+                                { source: 'title', target: 'categories.{title}' },
+                            ],
+                        },
+                    },
+                },
+                validations: [
+                    {
+                        rule: 'required',
+                    },
+                ],
+            },
+            {
+                name: 'dataSource',
+                title: `t("dataSource", { scope: "${i18n}" })`,
+                groupId: 'section',
+                schema: {
+                    dataType: 'string',
+                    interface: {
+                        type: AXPWidgetsCatalog.select,
+                        options: {
+                            valueField: 'name',
+                            textField: 'title',
+                            dataSource: new AXDataSource({
+                                load: async () => {
+                                    const items = await dataSourceService.query({
+                                        skip: 0,
+                                        take: 10000,
+                                    });
+                                    return { total: items.total, items: items.items };
+                                },
+                                pageSize: 1000,
+                            }),
+                            multiple: false,
+                        },
+                        triggers: [
+                            {
+                                event: "{{ events.context('dataSource') }}",
+                                action: `{{ 
+                  var selectedDataSource = context.eval('dataSource');
+                  if (selectedDataSource) {
+                    context.set('availableColumns', selectedDataSource.columns || []);
+                  }
+                }}`,
+                            },
+                        ],
+                    },
+                },
+                validations: [
+                    {
+                        rule: 'required',
+                    },
+                ],
+            },
+            {
+                name: 'query',
+                title: `t("query", { scope: "${i18n}" })`,
+                groupId: 'section',
+                schema: {
+                    dataType: 'object',
+                    interface: {
+                        type: AXPWidgetsList.Editors.QueryBuilder,
+                        options: {
+                            dataSources: '{{ [context.eval("dataSource")] }}',
+                            availableColumns: '{{ context.eval("availableColumns") || [] }}',
+                        },
+                    },
+                },
+            },
+        ],
+        columns: [
+            { name: 'name' },
+            { name: 'title' },
+            { name: 'categoryIds', options: { dataPath: 'categories' } },
+            { name: 'dataSource' },
+            { name: 'query' },
+        ],
+        commands: {
+            create: {
+                execute: async (data) => {
+                    console.log(data.query);
+                    const res = await dataService.insertOne(data);
+                    return { id: res };
+                },
+            },
+            delete: {
+                execute: async (id) => {
+                    return await dataService.deleteOne(id);
+                },
+            },
+            update: {
+                execute: async (data) => {
+                    return await dataService.updateOne(data.id, data);
+                },
+            },
+        },
+        queries: {
+            byKey: {
+                execute: async (id) => {
+                    return await dataService.getOne(id);
+                },
+                type: AXPEntityQueryType.Single,
+            },
+            list: {
+                execute: async (e) => {
+                    return await dataService.query({ skip: e.skip, take: e.take, filter: e.filter });
+                },
+                type: AXPEntityQueryType.List,
+            },
+        },
+        interfaces: {
+            master: {
+                create: {
+                    sections: [
+                        {
+                            id: 'section',
+                        },
+                    ],
+                    properties: [
+                        {
+                            name: 'name',
+                            layout: {
+                                positions: {
+                                    lg: {
+                                        colSpan: 6,
+                                        order: 1,
+                                    },
+                                },
+                            },
+                        },
+                        {
+                            name: 'title',
+                            layout: {
+                                positions: {
+                                    lg: {
+                                        colSpan: 6,
+                                        order: 2,
+                                    },
+                                },
+                            },
+                        },
+                        {
+                            name: 'categoryIds',
+                            layout: {
+                                positions: {
+                                    lg: {
+                                        colSpan: 6,
+                                        order: 3,
+                                    },
+                                },
+                            },
+                        },
+                        {
+                            name: 'dataSource',
+                            layout: {
+                                positions: {
+                                    lg: {
+                                        colSpan: 6,
+                                        order: 4,
+                                    },
+                                },
+                            },
+                        },
+                        {
+                            name: 'query',
+                            layout: {
+                                positions: {
+                                    lg: {
+                                        colSpan: 12,
+                                        order: 5,
+                                    },
+                                },
+                            },
+                        },
+                    ],
+                },
+                update: {
+                    sections: [
+                        {
+                            id: 'section',
+                        },
+                    ],
+                    properties: [
+                        {
+                            name: 'name',
+                            layout: {
+                                positions: {
+                                    lg: {
+                                        colSpan: 6,
+                                        order: 1,
+                                    },
+                                },
+                            },
+                        },
+                        {
+                            name: 'title',
+                            layout: {
+                                positions: {
+                                    lg: {
+                                        colSpan: 6,
+                                        order: 2,
+                                    },
+                                },
+                            },
+                        },
+                        {
+                            name: 'categoryIds',
+                            layout: {
+                                positions: {
+                                    lg: {
+                                        colSpan: 6,
+                                        order: 3,
+                                    },
+                                },
+                            },
+                        },
+                        {
+                            name: 'dataSource',
+                            layout: {
+                                positions: {
+                                    lg: {
+                                        colSpan: 6,
+                                        order: 4,
+                                    },
+                                },
+                            },
+                        },
+                        {
+                            name: 'query',
+                            layout: {
+                                positions: {
+                                    lg: {
+                                        colSpan: 12,
+                                        order: 5,
+                                    },
+                                },
+                            },
+                        },
+                    ],
+                },
+                single: {
+                    title: '{{title}}',
+                    sections: [
+                        {
+                            id: 'section',
+                            layout: {
+                                positions: {
+                                    lg: {
+                                        colSpan: 12,
+                                    },
+                                },
+                            },
+                        },
+                    ],
+                    properties: [
+                        {
+                            name: 'name',
+                            layout: {
+                                positions: {
+                                    lg: {
+                                        colSpan: 6,
+                                        order: 1,
+                                    },
+                                },
+                            },
+                        },
+                        {
+                            name: 'title',
+                            layout: {
+                                positions: {
+                                    lg: {
+                                        colSpan: 6,
+                                        order: 2,
+                                    },
+                                },
+                            },
+                        },
+                        {
+                            name: 'categoryIds',
+                            dataPath: 'categories',
+                            layout: {
+                                positions: {
+                                    lg: {
+                                        colSpan: 6,
+                                        order: 3,
+                                    },
+                                },
+                            },
+                        },
+                        {
+                            name: 'dataSource',
+                            layout: {
+                                positions: {
+                                    lg: {
+                                        colSpan: 6,
+                                        order: 4,
+                                    },
+                                },
+                            },
+                        },
+                        {
+                            name: 'query',
+                            layout: {
+                                positions: {
+                                    lg: {
+                                        colSpan: 12,
+                                        order: 5,
+                                    },
+                                },
+                            },
+                        },
+                    ],
+                    actions: [],
+                },
+                list: {
+                    actions: [
+                        {
+                            title: `t("create", { scope: "common" })`,
+                            command: {
+                                name: 'create-entity',
+                                options: {
+                                    layout: {
+                                        size: 'lg',
+                                    },
+                                },
+                            },
+                            priority: 'primary',
+                            type: 'create',
+                            scope: AXPEntityCommandScope.TypeLevel,
+                        },
+                        {
+                            title: 't("deleteItems", { scope: "common" })',
+                            command: 'delete-entity',
+                            priority: 'primary',
+                            type: 'delete',
+                            scope: AXPEntityCommandScope.Selected,
+                        },
+                        {
+                            title: 't("detail", { scope: "common" })',
+                            command: 'open-entity',
+                            priority: 'secondary',
+                            type: 'view',
+                            scope: AXPEntityCommandScope.Individual,
+                        },
+                        {
+                            title: 't("delete", { scope: "common" })',
+                            command: 'delete-entity',
+                            priority: 'secondary',
+                            type: 'delete',
+                            scope: AXPEntityCommandScope.Individual,
+                        },
+                    ],
+                    views: [
+                        createAllQueryView({
+                            sorts: [{ name: 'name', dir: 'asc' }],
+                        }),
+                    ],
+                },
+            },
+        },
+    };
+    return entityDef;
+}
+
+var query_entity = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    queryFactory: queryFactory
+});
+
+class AXMDataSourceCategoryService extends AXMEntityCrudServiceImpl {
+}
+class AXMDataSourceCategoryServiceImpl extends AXMDataSourceCategoryService {
+    constructor() {
+        super(`${RootConfig.module.name}.${RootConfig.entities.dataSourceCategory.name}`);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXMDataSourceCategoryServiceImpl, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXMDataSourceCategoryServiceImpl }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXMDataSourceCategoryServiceImpl, decorators: [{
+            type: Injectable
+        }], ctorParameters: () => [] });
+
+async function dataSourceCategoryFactory(injector) {
+    const dataService = injector.get(AXMDataSourceCategoryService);
+    const i18n = RootConfig.config.i18n;
+    const entityDef = {
+        module: RootConfig.module.name,
+        name: RootConfig.entities.dataSourceCategory.name,
+        parentKey: 'parentId',
+        source: '',
+        title: RootConfig.entities.dataSourceCategory.title,
+        formats: {
+            individual: RootConfig.entities.dataSourceCategory.title,
+            plural: RootConfig.entities.dataSourceCategory.titlePlural,
+            searchResult: {
+                title: '{{ title }}',
+                description: RootConfig.module.title,
+            },
+        },
+        relatedEntities: [],
+        groups: [
+            {
+                id: 'section',
+                title: `t("dataSourceCategory", { scope: "${i18n}" })`,
             },
+        ],
+        properties: [
             {
-                name: 'dataSource',
-                title: `t("dataSource", { scope: "${i18n}" })`,
+                name: 'title',
+                title: `t("title", { scope: "common" })`,
                 groupId: 'section',
                 schema: {
                     dataType: 'string',
                     interface: {
-                        type: AXPWidgetsCatalog.select,
+                        type: AXPWidgetsCatalog.text,
                         options: {
-                            valueField: 'name',
-                            textField: 'title',
-                            dataSource: new AXDataSource({
-                                load: async () => {
-                                    const items = await dataSourceService.query({
-                                        skip: 0,
-                                        take: 10000,
-                                    });
-                                    return { total: items.total, items: items.items };
-                                },
-                                pageSize: 1000,
-                            }),
-                            multiple: false,
+                            width: '400px',
                         },
-                        triggers: [
-                            {
-                                event: "{{ events.context('dataSource') }}",
-                                action: `{{ 
-                  var selectedDataSource = context.eval('dataSource');
-                  if (selectedDataSource) {
-                    context.set('availableColumns', selectedDataSource.columns || []);
-                  }
-                }}`,
-                            },
-                        ],
                     },
                 },
                 validations: [
@@ -590,32 +2558,24 @@ async function queryFactory(injector) {
                 ],
             },
             {
-                name: 'query',
-                title: `t("query", { scope: "${i18n}" })`,
+                name: 'parentId',
+                title: `t("parent", { scope: "${i18n}" })`,
                 groupId: 'section',
                 schema: {
-                    dataType: 'object',
+                    dataType: 'string',
                     interface: {
-                        type: AXPWidgetsList.Editors.QueryBuilder,
+                        type: AXPWidgetsCatalog.lookup,
                         options: {
-                            dataSources: '{{ [context.eval("dataSource")] }}',
-                            availableColumns: '{{ context.eval("availableColumns") || [] }}',
+                            entity: `${RootConfig.module.name}.${RootConfig.entities.dataSourceCategory.name}`,
                         },
                     },
                 },
             },
         ],
-        columns: [
-            { name: 'name' },
-            { name: 'title' },
-            { name: 'categoryIds', options: { dataPath: 'categories' } },
-            { name: 'dataSource' },
-            { name: 'query' },
-        ],
+        columns: [{ name: 'title' }],
         commands: {
             create: {
                 execute: async (data) => {
-                    console.log(data.query);
                     const res = await dataService.insertOne(data);
                     return { id: res };
                 },
@@ -655,7 +2615,7 @@ async function queryFactory(injector) {
                     ],
                     properties: [
                         {
-                            name: 'name',
+                            name: 'title',
                             layout: {
                                 positions: {
                                     lg: {
@@ -666,7 +2626,7 @@ async function queryFactory(injector) {
                             },
                         },
                         {
-                            name: 'title',
+                            name: 'parentId',
                             layout: {
                                 positions: {
                                     lg: {
@@ -676,39 +2636,6 @@ async function queryFactory(injector) {
                                 },
                             },
                         },
-                        {
-                            name: 'categoryIds',
-                            layout: {
-                                positions: {
-                                    lg: {
-                                        colSpan: 6,
-                                        order: 3,
-                                    },
-                                },
-                            },
-                        },
-                        {
-                            name: 'dataSource',
-                            layout: {
-                                positions: {
-                                    lg: {
-                                        colSpan: 6,
-                                        order: 4,
-                                    },
-                                },
-                            },
-                        },
-                        {
-                            name: 'query',
-                            layout: {
-                                positions: {
-                                    lg: {
-                                        colSpan: 12,
-                                        order: 5,
-                                    },
-                                },
-                            },
-                        },
                     ],
                 },
                 update: {
@@ -719,7 +2646,7 @@ async function queryFactory(injector) {
                     ],
                     properties: [
                         {
-                            name: 'name',
+                            name: 'title',
                             layout: {
                                 positions: {
                                     lg: {
@@ -730,7 +2657,7 @@ async function queryFactory(injector) {
                             },
                         },
                         {
-                            name: 'title',
+                            name: 'parentId',
                             layout: {
                                 positions: {
                                     lg: {
@@ -740,39 +2667,6 @@ async function queryFactory(injector) {
                                 },
                             },
                         },
-                        {
-                            name: 'categoryIds',
-                            layout: {
-                                positions: {
-                                    lg: {
-                                        colSpan: 6,
-                                        order: 3,
-                                    },
-                                },
-                            },
-                        },
-                        {
-                            name: 'dataSource',
-                            layout: {
-                                positions: {
-                                    lg: {
-                                        colSpan: 6,
-                                        order: 4,
-                                    },
-                                },
-                            },
-                        },
-                        {
-                            name: 'query',
-                            layout: {
-                                positions: {
-                                    lg: {
-                                        colSpan: 12,
-                                        order: 5,
-                                    },
-                                },
-                            },
-                        },
                     ],
                 },
                 single: {
@@ -791,7 +2685,7 @@ async function queryFactory(injector) {
                     ],
                     properties: [
                         {
-                            name: 'name',
+                            name: 'title',
                             layout: {
                                 positions: {
                                     lg: {
@@ -802,7 +2696,7 @@ async function queryFactory(injector) {
                             },
                         },
                         {
-                            name: 'title',
+                            name: 'parentId',
                             layout: {
                                 positions: {
                                     lg: {
@@ -812,40 +2706,6 @@ async function queryFactory(injector) {
                                 },
                             },
                         },
-                        {
-                            name: 'categoryIds',
-                            dataPath: 'categories',
-                            layout: {
-                                positions: {
-                                    lg: {
-                                        colSpan: 6,
-                                        order: 3,
-                                    },
-                                },
-                            },
-                        },
-                        {
-                            name: 'dataSource',
-                            layout: {
-                                positions: {
-                                    lg: {
-                                        colSpan: 6,
-                                        order: 4,
-                                    },
-                                },
-                            },
-                        },
-                        {
-                            name: 'query',
-                            layout: {
-                                positions: {
-                                    lg: {
-                                        colSpan: 12,
-                                        order: 5,
-                                    },
-                                },
-                            },
-                        },
                     ],
                     actions: [],
                 },
@@ -853,14 +2713,7 @@ async function queryFactory(injector) {
                     actions: [
                         {
                             title: `t("create", { scope: "common" })`,
-                            command: {
-                                name: 'create-entity',
-                                options: {
-                                    layout: {
-                                        size: 'lg',
-                                    },
-                                },
-                            },
+                            command: 'create-entity',
                             priority: 'primary',
                             type: 'create',
                             scope: AXPEntityCommandScope.TypeLevel,
@@ -889,7 +2742,7 @@ async function queryFactory(injector) {
                     ],
                     views: [
                         createAllQueryView({
-                            sorts: [{ name: 'name', dir: 'asc' }],
+                            sorts: [{ name: 'title', dir: 'asc' }],
                         }),
                     ],
                 },
@@ -899,9 +2752,9 @@ async function queryFactory(injector) {
     return entityDef;
 }
 
-var query_entity = /*#__PURE__*/Object.freeze({
+var dataSourceCategory_entity = /*#__PURE__*/Object.freeze({
     __proto__: null,
-    queryFactory: queryFactory
+    dataSourceCategoryFactory: dataSourceCategoryFactory
 });
 
 const AXPQueryBuilderWidget = {
@@ -950,16 +2803,16 @@ class AXPQueryBuilderConditionComponent {
     constructor() {
         this.itemChange = new EventEmitter();
         this.removeItem = new EventEmitter();
-        this.context = signal({});
+        this.context = signal({}, ...(ngDevMode ? [{ debugName: "context" }] : []));
         //#endregion
         //#region ----   Signals   ----
-        this.selectedField = signal(null);
+        this.selectedField = signal(null, ...(ngDevMode ? [{ debugName: "selectedField" }] : []));
         this.filterNode = signal({
             name: 'filter',
             path: 'filter',
             type: `string-filter`,
             mode: 'edit'
-        });
+        }, ...(ngDevMode ? [{ debugName: "filterNode" }] : []));
     }
     ngOnInit() {
         this.selectedField.set({
@@ -1025,10 +2878,10 @@ class AXPQueryBuilderConditionComponent {
     onRemoveClick() {
         this.removeItem.emit(this.item.id);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: AXPQueryBuilderConditionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.7", 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: 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: AXTextBoxModule }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i2.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: i4.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "ngmodule", type: AXPLayoutBuilderModule }, { kind: "component", type: i4$1.AXPWidgetContainerComponent, selector: "axp-widgets-container", inputs: ["context", "functions"], outputs: ["onContextChanged"] }, { kind: "directive", type: i4$1.AXPWidgetRendererDirective, selector: "[axp-widget-renderer]", inputs: ["parentNode", "index", "mode", "node"], outputs: ["onOptionsChanged", "onValueChanged"], exportAs: ["widgetRenderer"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXPQueryBuilderConditionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.3", 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", "dataSource", "minRecordsForSearch", "caption", "itemTemplate", "selectedTemplate", "emptyTemplate", "loadingTemplate", "dropdownWidth", "searchBoxAutoFocus"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "readonlyChange", "disabledChange", "onOpened", "onClosed"] }, { 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: AXPLayoutBuilderModule }, { 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.0.7", ngImport: i0, type: AXPQueryBuilderConditionComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXPQueryBuilderConditionComponent, decorators: [{
             type: Component,
             args: [{ selector: 'axp-query-builder-condition', standalone: true, imports: [
                         CommonModule,
@@ -1061,10 +2914,10 @@ class AXPQueryBuilderWidgetEditComponent extends AXPValueWidgetComponent {
             type: 'group',
             logic: 'and',
             filters: []
-        });
+        }, ...(ngDevMode ? [{ debugName: "queryData" }] : []));
         //#endregion
         //#region ----   Data Sources   ----
-        this.selectedDataSource = signal(null);
+        this.selectedDataSource = signal(null, ...(ngDevMode ? [{ debugName: "selectedDataSource" }] : []));
         this.logicalOperators = [
             { value: 'and', text: 'And' },
             { value: 'or', text: 'Or' }
@@ -1073,7 +2926,7 @@ class AXPQueryBuilderWidgetEditComponent extends AXPValueWidgetComponent {
             // Get data sources from options or parent context
             const dataSources = this.options()['dataSources'] || [];
             return dataSources;
-        });
+        }, ...(ngDevMode ? [{ debugName: "availableDataSources" }] : []));
         this.availableFields = computed(() => {
             // Get columns from options (passed from entity context)
             const columns = this.options()['availableColumns'] || [];
@@ -1082,7 +2935,7 @@ class AXPQueryBuilderWidgetEditComponent extends AXPValueWidgetComponent {
                 text: column.title || column.name,
                 type: column.type || 'string'
             }));
-        });
+        }, ...(ngDevMode ? [{ debugName: "availableFields" }] : []));
         this.initializeFromValue();
     }
     //#endregion
@@ -1409,8 +3262,8 @@ class AXPQueryBuilderWidgetEditComponent extends AXPValueWidgetComponent {
             this.reorderGroupItems(parentId, index, index + 1);
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: AXPQueryBuilderWidgetEditComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.7", type: AXPQueryBuilderWidgetEditComponent, isStandalone: true, selector: "axp-query-builder-widget-edit", usesInheritance: true, ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXPQueryBuilderWidgetEditComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.3", type: AXPQueryBuilderWidgetEditComponent, isStandalone: true, selector: "axp-query-builder-widget-edit", usesInheritance: true, ngImport: i0, template: `
     <div class="__query-builder">
       <div class="__header">
         <div class="__title">
@@ -1665,9 +3518,9 @@ 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 .__empty-state{display:flex;min-height:10rem;align-items:center;justify-content:center;text-align:center}.__query-builder .__query-content .__empty-state .__empty-content{display:flex;flex-direction:column;align-items:center;gap:1rem}.__query-builder .__query-content .__empty-state .__empty-content i{font-size:2.25rem;line-height:2.5rem;--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.__query-builder .__query-content .__empty-state .__empty-content p{font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.__query-builder .__query-content .__empty-state .__empty-content .__empty-actions{display:flex;gap:.5rem}.__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.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.AXButtonItemComponent, selector: "ax-button-item", inputs: ["color", "disabled", "text", "selected", "divided", "data", "name"], outputs: ["onClick", "onFocus", "onBlur", "disabledChange"] }, { kind: "component", type: i2.AXButtonItemListComponent, selector: "ax-button-item-list", inputs: ["items"], outputs: ["onItemClick"] }, { 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: AXTextBoxModule }, { kind: "ngmodule", type: AXFormModule }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i4.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i4.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"] }], 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 .__empty-state{display:flex;min-height:10rem;align-items:center;justify-content:center;text-align:center}.__query-builder .__query-content .__empty-state .__empty-content{display:flex;flex-direction:column;align-items:center;gap:1rem}.__query-builder .__query-content .__empty-state .__empty-content i{font-size:2.25rem;line-height:2.5rem;--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.__query-builder .__query-content .__empty-state .__empty-content p{font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.__query-builder .__query-content .__empty-state .__empty-content .__empty-actions{display:flex;gap:.5rem}.__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", "dataSource", "minRecordsForSearch", "caption", "itemTemplate", "selectedTemplate", "emptyTemplate", "loadingTemplate", "dropdownWidth", "searchBoxAutoFocus"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "readonlyChange", "disabledChange", "onOpened", "onClosed"] }, { 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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: AXPQueryBuilderWidgetEditComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXPQueryBuilderWidgetEditComponent, decorators: [{
             type: Component,
             args: [{ selector: 'axp-query-builder-widget-edit', template: `
     <div class="__query-builder">
@@ -1953,7 +3806,7 @@ class AXPQueryBuilderWidgetViewComponent extends AXPValueWidgetComponent {
             const value = this.getValue();
             console.log(value);
             return value;
-        });
+        }, ...(ngDevMode ? [{ debugName: "queryData" }] : []));
     }
     //#endregion
     //#region ----   Public Methods   ----
@@ -1973,8 +3826,8 @@ class AXPQueryBuilderWidgetViewComponent extends AXPValueWidgetComponent {
         const data = this.queryData();
         return data?.filters ? countFilters(data.filters) : 0;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: AXPQueryBuilderWidgetViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.7", type: AXPQueryBuilderWidgetViewComponent, isStandalone: true, selector: "axp-query-builder-widget-view", usesInheritance: true, ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXPQueryBuilderWidgetViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.3", type: AXPQueryBuilderWidgetViewComponent, isStandalone: true, selector: "axp-query-builder-widget-view", usesInheritance: true, ngImport: i0, template: `
     <div class="__query-builder-view">
       @if (queryData().filters.length) {
         <div class="__query-display">
@@ -2051,7 +3904,7 @@ class AXPQueryBuilderWidgetViewComponent extends AXPValueWidgetComponent {
     </ng-template>
   `, isInline: true, styles: [".__query-builder-view{width:100%;border-radius:.375rem;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(249 250 251 / var(--tw-bg-opacity, 1))}.__query-builder-view .__query-display{padding:.75rem}.__query-builder-view .__query-display .__root-group{border-radius:.25rem;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:.75rem}.__query-builder-view .__query-display .__root-group .__group-header{margin-bottom:.75rem}.__query-builder-view .__query-display .__root-group .__group-header .__group-title{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-view .__query-display .__root-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-view .__query-display .__query-item{position:relative}.__query-builder-view .__query-display .__query-item .__item-connector{display:flex;justify-content:center;padding-top:.25rem;padding-bottom:.25rem}.__query-builder-view .__query-display .__query-item .__item-connector .__operator-badge{border-radius:9999px;--tw-bg-opacity: 1;background-color:rgb(219 234 254 / var(--tw-bg-opacity, 1));padding:.25rem .5rem;font-size:.75rem;line-height:1rem;font-weight:500;--tw-text-opacity: 1;color:rgb(29 78 216 / var(--tw-text-opacity, 1))}.__query-builder-view .__query-display .__condition-display{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;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-view .__query-display .__condition-display .__field{border-radius:.25rem;--tw-bg-opacity: 1;background-color:rgb(220 252 231 / var(--tw-bg-opacity, 1));padding:.25rem .5rem;font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity: 1;color:rgb(22 101 52 / var(--tw-text-opacity, 1))}.__query-builder-view .__query-display .__condition-display .__operator{border-radius:.25rem;--tw-bg-opacity: 1;background-color:rgb(255 237 213 / var(--tw-bg-opacity, 1));padding:.25rem .5rem;font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity: 1;color:rgb(154 52 18 / var(--tw-text-opacity, 1))}.__query-builder-view .__query-display .__condition-display .__value{border-radius:.25rem;--tw-bg-opacity: 1;background-color:rgb(243 232 255 / var(--tw-bg-opacity, 1));padding:.25rem .5rem;font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity: 1;color:rgb(107 33 168 / var(--tw-text-opacity, 1))}.__query-builder-view .__query-display .__group-display{border-radius:.25rem;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(243 244 246 / var(--tw-bg-opacity, 1));padding:.5rem}.__query-builder-view .__query-display .__group-display .__group-header{margin-bottom:.5rem}.__query-builder-view .__query-display .__group-display .__group-header .__group-title{font-size:.75rem;line-height:1rem;font-weight:500;--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.__query-builder-view .__query-display .__group-display .__group-content>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.__query-builder-view .__query-display .__group-display .__group-display{--tw-border-opacity: 1;border-color:rgb(253 186 116 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 237 213 / var(--tw-bg-opacity, 1))}.__query-builder-view .__query-display .__group-display .__group-display .__group-display{--tw-border-opacity: 1;border-color:rgb(216 180 254 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(243 232 255 / var(--tw-bg-opacity, 1))}.__query-builder-view .__summary{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(243 244 246 / var(--tw-bg-opacity, 1));padding:.5rem .75rem}.__query-builder-view .__summary .__count{font-size:.75rem;line-height:1rem;--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.__query-builder-view .__empty-state{padding:1rem;text-align:center}.__query-builder-view .__empty-state .__empty-message{font-size:.875rem;line-height:1.25rem;font-style:italic;--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: AXPQueryBuilderWidgetViewComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXPQueryBuilderWidgetViewComponent, decorators: [{
             type: Component,
             args: [{ selector: 'axp-query-builder-widget-view', template: `
     <div class="__query-builder-view">
@@ -2144,7 +3997,7 @@ class AXPQueryBuilderWidgetColumnComponent extends AXPValueWidgetComponent {
         this.queryData = computed(() => {
             const value = this.getValue();
             return value;
-        });
+        }, ...(ngDevMode ? [{ debugName: "queryData" }] : []));
     }
     //#endregion
     //#region ----   Public Methods   ----
@@ -2164,8 +4017,8 @@ class AXPQueryBuilderWidgetColumnComponent extends AXPValueWidgetComponent {
         const data = this.queryData();
         return data?.filters ? countFilters(data.filters) : 0;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: AXPQueryBuilderWidgetColumnComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.7", type: AXPQueryBuilderWidgetColumnComponent, isStandalone: true, selector: "axp-query-builder-widget-column", usesInheritance: true, ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXPQueryBuilderWidgetColumnComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.3", type: AXPQueryBuilderWidgetColumnComponent, isStandalone: true, selector: "axp-query-builder-widget-column", usesInheritance: true, ngImport: i0, template: `
     <div class="__query-builder-column">
       @if (queryData().filters.length) {
         <span class="__summary">{{ getTotalItemsCount() }} item(s)</span>
@@ -2175,7 +4028,7 @@ class AXPQueryBuilderWidgetColumnComponent extends AXPValueWidgetComponent {
     </div>
   `, isInline: true, styles: [".__query-builder-column{font-size:.875rem;line-height:1.25rem}.__query-builder-column .__summary{font-weight:500}.__query-builder-column .__summary{--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity, 1))}.__query-builder-column .__empty{font-style:italic}.__query-builder-column .__empty{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: AXPQueryBuilderWidgetColumnComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXPQueryBuilderWidgetColumnComponent, decorators: [{
             type: Component,
             args: [{ selector: 'axp-query-builder-widget-column', template: `
     <div class="__query-builder-column">
@@ -2194,8 +4047,8 @@ var queryBuilderWidgetColumn_component = /*#__PURE__*/Object.freeze({
 });
 
 class AXPQueryBuilderWidgetDesignerComponent extends AXPValueWidgetComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: AXPQueryBuilderWidgetDesignerComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.7", type: AXPQueryBuilderWidgetDesignerComponent, isStandalone: true, selector: "axp-query-builder-widget-designer", usesInheritance: true, ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXPQueryBuilderWidgetDesignerComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.3", type: AXPQueryBuilderWidgetDesignerComponent, isStandalone: true, selector: "axp-query-builder-widget-designer", usesInheritance: true, ngImport: i0, template: `
     <div class="__query-builder-designer">
       <div class="__preview">
         <div class="__icon">
@@ -2209,7 +4062,7 @@ class AXPQueryBuilderWidgetDesignerComponent extends AXPValueWidgetComponent {
     </div>
   `, isInline: true, styles: [".__query-builder-designer{width:100%;border-radius:.5rem;border-width:2px;border-style:dashed;--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));padding:1rem}.__query-builder-designer .__preview{display:flex}.__query-builder-designer .__preview{align-items:center}.__query-builder-designer .__preview{gap:.75rem}.__query-builder-designer .__preview .__icon{display:flex}.__query-builder-designer .__preview .__icon{height:2.5rem}.__query-builder-designer .__preview .__icon{width:2.5rem}.__query-builder-designer .__preview .__icon{align-items:center}.__query-builder-designer .__preview .__icon{justify-content:center}.__query-builder-designer .__preview .__icon{border-radius:.5rem}.__query-builder-designer .__preview .__icon{--tw-bg-opacity: 1;background-color:rgb(219 234 254 / var(--tw-bg-opacity, 1))}.__query-builder-designer .__preview .__icon i{font-size:1.125rem;line-height:1.75rem}.__query-builder-designer .__preview .__icon i{--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity, 1))}.__query-builder-designer .__preview .__content .__title{margin-bottom:.25rem}.__query-builder-designer .__preview .__content .__title{font-size:.875rem;line-height:1.25rem}.__query-builder-designer .__preview .__content .__title{font-weight:600}.__query-builder-designer .__preview .__content .__title{--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity, 1))}.__query-builder-designer .__preview .__content .__description{font-size:.75rem;line-height:1rem}.__query-builder-designer .__preview .__content .__description{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: AXPQueryBuilderWidgetDesignerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXPQueryBuilderWidgetDesignerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'axp-query-builder-widget-designer', template: `
     <div class="__query-builder-designer">
@@ -2231,10 +4084,71 @@ var queryBuilderWidgetDesigner_component = /*#__PURE__*/Object.freeze({
     AXPQueryBuilderWidgetDesignerComponent: AXPQueryBuilderWidgetDesignerComponent
 });
 
+class AXMDynamicDataSourceProvider {
+    constructor() {
+        this.dataSourceService = inject(AXMDataSourceService);
+        this.entityResolverService = inject(AXPEntityResolver);
+        this.dataSourceDefinitionProviderService = inject(AXPDataSourceDefinitionProviderService);
+    }
+    async items() {
+        const dataSources = await this.dataSourceService.query({
+            skip: 0,
+            take: 1000,
+        });
+        const mapFn = (item) => {
+            return {
+                ...item,
+                valueField: get(item, 'valueField.name'),
+                textField: get(item, 'textField.name'),
+                source: async () => {
+                    if (item.sourceType.name == 'static') {
+                        return convertArrayToDataSource(item.sourceStatic);
+                    }
+                    // Entity
+                    else if (item.sourceType.name == 'query') {
+                        const definition = await this.dataSourceDefinitionProviderService.get(item.sourceEntity);
+                        if (definition) {
+                            return definition.source();
+                        }
+                    }
+                    //
+                    return convertArrayToDataSource([]);
+                },
+            };
+        };
+        const mapped = dataSources.items.map((item) => mapFn(item));
+        return mapped;
+    }
+}
+
+class AXMQueryDataSourceProvider {
+    constructor() {
+        this.dataSourceDefinitionProviderService = inject(AXPDataSourceDefinitionProviderService);
+        this.providers = inject(AXP_DATASOURCE_DEFINITION_PROVIDER, { optional: true });
+    }
+    async items() {
+        const items = [];
+        if (Array.isArray(this.providers)) {
+            for (const provider of this.providers) {
+                items.push(...(await provider.items()));
+            }
+        }
+        const mapFn = (item) => {
+            return {
+                ...item,
+                valueField: get(item, 'valueField.name'),
+                textField: get(item, 'textField.name'),
+            };
+        };
+        const mapped = items.map((item) => mapFn(item));
+        return mapped;
+    }
+}
+
 class AXMDataManagementModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: AXMDataManagementModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.0.7", ngImport: i0, type: AXMDataManagementModule, imports: [i4$1.AXPLayoutBuilderModule] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: AXMDataManagementModule, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXMDataManagementModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.3", ngImport: i0, type: AXMDataManagementModule, imports: [i4.AXPLayoutBuilderModule] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXMDataManagementModule, providers: [
             {
                 provide: AXP_MENU_PROVIDER,
                 useClass: AXMMenuProvider,
@@ -2267,17 +4181,35 @@ class AXMDataManagementModule {
             {
                 provide: AXMQueryService,
                 useClass: AXMQueryServiceImpl,
+            },
+            {
+                provide: AXMDataSourceService,
+                useClass: AXMDataSourceServiceImpl,
+            },
+            {
+                provide: AXP_WIDGET_DATASOURCE_PROVIDER,
+                useClass: AXMDynamicDataSourceProvider,
+                multi: true,
+            },
+            {
+                provide: AXP_WIDGET_DATASOURCE_PROVIDER,
+                useClass: AXMQueryDataSourceProvider,
+                multi: true,
+            },
+            {
+                provide: AXMDataSourceCategoryService,
+                useClass: AXMDataSourceCategoryServiceImpl,
             }
         ], imports: [AXPLayoutBuilderModule.forChild({
-                widgets: [AXPQueryBuilderWidget],
+                widgets: [AXPQueryBuilderWidget, AXMColumnFilterSelectorWidget],
             })] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: AXMDataManagementModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXMDataManagementModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [
                         AXPLayoutBuilderModule.forChild({
-                            widgets: [AXPQueryBuilderWidget],
+                            widgets: [AXPQueryBuilderWidget, AXMColumnFilterSelectorWidget],
                         }),
                     ],
                     exports: [],
@@ -2315,6 +4247,24 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.7", ngImpor
                         {
                             provide: AXMQueryService,
                             useClass: AXMQueryServiceImpl,
+                        },
+                        {
+                            provide: AXMDataSourceService,
+                            useClass: AXMDataSourceServiceImpl,
+                        },
+                        {
+                            provide: AXP_WIDGET_DATASOURCE_PROVIDER,
+                            useClass: AXMDynamicDataSourceProvider,
+                            multi: true,
+                        },
+                        {
+                            provide: AXP_WIDGET_DATASOURCE_PROVIDER,
+                            useClass: AXMQueryDataSourceProvider,
+                            multi: true,
+                        },
+                        {
+                            provide: AXMDataSourceCategoryService,
+                            useClass: AXMDataSourceCategoryServiceImpl,
                         }
                     ]
                 }]
@@ -2324,5 +4274,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.7", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { AXMDataManagementModule, AXMEntityProvider, AXMMenuProvider, AXMQueryCategoryService, AXMQueryCategoryServiceImpl, AXMQueryService, AXMQueryServiceImpl, AXMSearchCommandProvider, AXMSettingProvider, RootConfig, queryCategoryFactory, queryFactory };
+export { AXMColumnFilterSelectorWidget, AXMColumnFilterSelectorWidgetColumnComponent, AXMColumnFilterSelectorWidgetEditComponent, AXMColumnFilterSelectorWidgetFilterComponent, AXMColumnFilterSelectorWidgetPrintComponent, AXMColumnFilterSelectorWidgetViewComponent, AXMDataManagementModule, AXMDataSourceCategoryService, AXMDataSourceCategoryServiceImpl, AXMDataSourceOutputType, AXMDataSourceService, AXMDataSourceServiceImpl, AXMDataSourceType, AXMDynamicDataSourceProvider, AXMEntityProvider, AXMMenuProvider, AXMQueryCategoryService, AXMQueryCategoryServiceImpl, AXMQueryService, AXMQueryServiceImpl, AXMSearchCommandProvider, AXMSettingProvider, AXM_COLUMN_DEF_WIDGET, AXM_FILTER_DEF_WIDGET, AXPQueryBuilderWidget, AXPQueryBuilderWidgetColumnComponent, AXPQueryBuilderWidgetDesignerComponent, AXPQueryBuilderWidgetEditComponent, AXPQueryBuilderWidgetViewComponent, RootConfig, dataSourceCategoryFactory, dataSourceEntityFactory, queryCategoryFactory, queryFactory };
 //# sourceMappingURL=acorex-modules-data-management.mjs.map