@acorex/modules 20.0.9 → 20.0.11

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

@@ -0,0 +1,2328 @@
+import * as i0 from '@angular/core';
+import { inject, Injector, Injectable, EventEmitter, signal, Output, Input, ChangeDetectionStrategy, Component, computed, 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 { 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 { AXSelectBoxModule } from '@acorex/components/select-box';
+import { AXTextBoxModule } from '@acorex/components/text-box';
+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';
+
+const config = {
+    i18n: 'data-management',
+};
+const RootConfig = {
+    config,
+    module: {
+        route: 'data-management',
+        module: 'dataManagement',
+        name: 'DataManagement',
+        title: `t('module-name', {scope:"${config.i18n}"})`,
+        icon: 'fa-regular fa-database',
+    },
+    entities: {
+        query: {
+            name: 'Query',
+            title: `t("query", { scope: "${config.i18n}" })`,
+            titlePlural: `t("queryPlural", { scope: "${config.i18n}" })`,
+            icon: 'fa-regular fa-nfc-magnifying-glass',
+        },
+        queryCategory: {
+            name: 'QueryCategory',
+            title: `t("queryCategory", { scope: "${config.i18n}" })`,
+            titlePlural: `t("queryCategoryPlural", { scope: "${config.i18n}" })`,
+            icon: 'fa-regular fa-layer-group',
+        },
+        // category: {
+        //   name: 'Category',
+        //  title: 't("category", { scope: "common" })',
+        //  icon: 'fa-light fa-list'
+        // },
+    },
+};
+
+class AXMMenuProvider {
+    constructor() {
+        this.entityService = inject(AXPEntityService);
+    }
+    async provide(context) {
+        const module = RootConfig.module;
+        context.addItems([
+            {
+                text: `t('module-name', {scope:"${RootConfig.config.i18n}"})`,
+                icon: module.icon,
+                priority: 90001,
+                children: [
+                    {
+                        text: RootConfig.entities.queryCategory.title,
+                        path: this.entityService.createPath(RootConfig.module.name, RootConfig.entities.queryCategory.name),
+                        icon: RootConfig.entities.queryCategory.icon,
+                        priority: 9001,
+                    },
+                    {
+                        text: RootConfig.entities.query.title,
+                        path: this.entityService.createPath(RootConfig.module.name, RootConfig.entities.query.name),
+                        icon: RootConfig.entities.query.icon,
+                        priority: 9002,
+                    },
+                ]
+            }
+        ]);
+    }
+}
+
+class AXMEntityProvider {
+    constructor() {
+        this.injector = inject(Injector);
+    }
+    preload() {
+        const module = RootConfig.module.name;
+        return Array.from(Object.values(RootConfig.entities)).map((entity) => ({
+            module: module,
+            entity: entity.name,
+        }));
+    }
+    async get(moduleName, entityName) {
+        if (moduleName == RootConfig.module.name) {
+            switch (entityName) {
+                case RootConfig.entities.queryCategory.name:
+                    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);
+            }
+        }
+        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 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: AXMEntityProvider, decorators: [{
+            type: Injectable
+        }] });
+
+class AXMPermissionDefinitionProvider {
+    async define(context) {
+        // context.addPermissions([
+        //   {
+        //     name: 'view_templates',
+        //     title: 'Permission to view templates',
+        //     isArchived: false,
+        //   },
+        // ]);
+    }
+}
+
+class AXMSettingProvider {
+    async provide(context) {
+        // context
+        //   // Add Form Template Group
+        //   .addGroup('form-template', 'Form Template', 'Settings related to form templates.', RootConfig.module.icon)
+        //   // Start Interface Section
+        //   .addSection('interface', 'UI Interface', 'Customize the user interface for forms.')
+        //   .addSetting({
+        //     key: 'history-panel',
+        //     title: 'Show History Panel',
+        //     scope: 'U',
+        //     isInherited: true,
+        //     defaultValue: false,
+        //     widget: {
+        //       type: AXPWidgetsCatalog.toggle,
+        //     },
+        //     description: 'Enable or disable the history panel for forms.',
+        //     validationRules: [
+        //       {
+        //         rule: 'required',
+        //       },
+        //     ],
+        //   })
+        //   .endSection()
+        //   .endGroup();
+    }
+}
+
+class AXMSearchCommandProvider extends AXPSearchCommandProvider {
+    constructor() {
+        super(...arguments);
+        this.commands = [
+        // {
+        //   group: 'command',
+        //  title: 'New Form Template',
+        //  icon: RootConfig.entities.template.icon,
+        //  description: 'Create a new form template for designing reusable forms.', // Added description
+        //  commands: {
+        //    'create-entity': {
+        //      entity: `${RootConfig.module.name}.${RootConfig.entities.template.name}`,
+        //    },
+        //  },
+        // }
+        ];
+    }
+}
+
+class AXMQueryCategoryService extends AXMEntityCrudServiceImpl {
+}
+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 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: AXMQueryCategoryServiceImpl, decorators: [{
+            type: Injectable
+        }], ctorParameters: () => [] });
+
+async function queryCategoryFactory(injector) {
+    const dataService = injector.get(AXMQueryCategoryService);
+    const i18n = RootConfig.config.i18n;
+    const entityDef = {
+        module: RootConfig.module.name,
+        name: RootConfig.entities.queryCategory.name,
+        parentKey: 'parentId',
+        source: '',
+        title: RootConfig.entities.queryCategory.title,
+        formats: {
+            individual: RootConfig.entities.queryCategory.title,
+            plural: RootConfig.entities.queryCategory.titlePlural,
+            searchResult: {
+                title: '{{ title }}',
+                description: RootConfig.module.title,
+            },
+        },
+        relatedEntities: [],
+        groups: [
+            {
+                id: 'section',
+                title: `t("queryCategory", { scope: "common" })`,
+            },
+        ],
+        properties: [
+            {
+                name: 'title',
+                title: `t("title", { scope: "common" })`,
+                groupId: 'section',
+                schema: {
+                    dataType: 'string',
+                    interface: {
+                        type: AXPWidgetsCatalog.text,
+                        options: {
+                            width: '400px',
+                        },
+                    },
+                },
+                validations: [
+                    {
+                        rule: 'required',
+                    },
+                ],
+            },
+            {
+                name: 'parentId',
+                title: `t("parent", { scope: "${i18n}" })`,
+                groupId: 'section',
+                schema: {
+                    dataType: 'string',
+                    interface: {
+                        type: AXPWidgetsCatalog.lookup,
+                        options: {
+                            entity: `${RootConfig.module.name}.${RootConfig.entities.queryCategory.name}`,
+                        },
+                    },
+                },
+            },
+        ],
+        columns: [{ name: 'title' }],
+        commands: {
+            create: {
+                execute: async (data) => {
+                    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: 'title',
+                            layout: {
+                                positions: {
+                                    lg: {
+                                        colSpan: 12,
+                                    },
+                                },
+                            },
+                        },
+                        {
+                            name: 'parentId',
+                            layout: {
+                                positions: {
+                                    lg: {
+                                        colSpan: 12,
+                                    },
+                                },
+                            },
+                        },
+                    ],
+                },
+                update: {
+                    sections: [
+                        {
+                            id: 'section',
+                        },
+                    ],
+                    properties: [
+                        {
+                            name: 'title',
+                            layout: {
+                                positions: {
+                                    lg: {
+                                        colSpan: 12,
+                                    },
+                                },
+                            },
+                        },
+                        {
+                            name: 'parentId',
+                            layout: {
+                                positions: {
+                                    lg: {
+                                        colSpan: 12,
+                                    },
+                                },
+                            },
+                        },
+                    ],
+                },
+                single: {
+                    title: '{{title}}',
+                    sections: [
+                        {
+                            id: 'section',
+                            layout: {
+                                positions: {
+                                    lg: {
+                                        colSpan: 12,
+                                    },
+                                },
+                            },
+                        },
+                    ],
+                    properties: [
+                        {
+                            name: 'title',
+                            layout: {
+                                positions: {
+                                    lg: {
+                                        colSpan: 6,
+                                    },
+                                },
+                            },
+                        },
+                    ],
+                    actions: [],
+                },
+                list: {
+                    actions: [
+                        {
+                            title: `t("create", { scope: "common" })`,
+                            command: 'create-entity',
+                            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()],
+                },
+            },
+        },
+    };
+    return entityDef;
+}
+
+var queryCategory_entity = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    queryCategoryFactory: queryCategoryFactory
+});
+
+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.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 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.7", 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
+});
+
+const AXPQueryBuilderWidget = {
+    name: 'query-builder-editor',
+    title: 'Query Builder',
+    categories: AXP_WIDGETS_EDITOR_CATEGORY,
+    groups: [AXPWidgetGroupEnum.FormElement],
+    description: 'Visual query builder for creating dynamic queries',
+    icon: 'fa-light fa-filter',
+    defaultFilterWidgetName: 'string-filter',
+    type: 'editor',
+    options: {
+        needLabel: false,
+    },
+    properties: [
+        AXP_NAME_PROPERTY,
+        AXP_DATA_PATH_PROPERTY,
+        AXP_LABEL_PROPERTY,
+        AXP_READONLY_PROPERTY,
+        AXP_DISABLED_PROPERTY,
+    ],
+    components: {
+        designer: {
+            component: () => Promise.resolve().then(function () { return queryBuilderWidgetDesigner_component; }).then((c) => c.AXPQueryBuilderWidgetDesignerComponent),
+        },
+        view: {
+            component: () => Promise.resolve().then(function () { return queryBuilderWidgetView_component; }).then((c) => c.AXPQueryBuilderWidgetViewComponent),
+        },
+        edit: {
+            component: () => Promise.resolve().then(function () { return queryBuilderWidgetEdit_component; }).then((c) => c.AXPQueryBuilderWidgetEditComponent),
+        },
+        print: {
+            component: () => Promise.resolve().then(function () { return queryBuilderWidgetView_component; }).then((c) => c.AXPQueryBuilderWidgetViewComponent),
+        },
+        column: {
+            component: () => Promise.resolve().then(function () { return queryBuilderWidgetColumn_component; }).then((c) => c.AXPQueryBuilderWidgetColumnComponent),
+        },
+        filter: {
+            component: () => Promise.resolve().then(function () { return queryBuilderWidgetEdit_component; }).then((c) => c.AXPQueryBuilderWidgetEditComponent),
+        },
+    },
+};
+
+//#endregion
+class AXPQueryBuilderConditionComponent {
+    constructor() {
+        this.itemChange = new EventEmitter();
+        this.removeItem = new EventEmitter();
+        this.context = signal({});
+        //#endregion
+        //#region ----   Signals   ----
+        this.selectedField = signal(null);
+        this.filterNode = signal({
+            name: 'filter',
+            path: 'filter',
+            type: `string-filter`,
+            mode: 'edit'
+        });
+    }
+    ngOnInit() {
+        this.selectedField.set({
+            field: this.item?.field ?? '',
+            operator: this.item?.operator?.type ?? 'equal',
+            value: this.item?.value ?? '',
+            id: this.item?.id ?? '',
+        });
+    }
+    //#endregion
+    //#region ----   Private Methods   ----
+    getFieldType(field) {
+        if (!field) {
+            return 'string';
+        }
+        const type = field.type;
+        if (typeof type === 'object' && type !== null && type.name && typeof type.name === 'string') {
+            return type.name.toLowerCase();
+        }
+        if (typeof type === 'string') {
+            switch (type.toLowerCase()) {
+                case 'number-editor':
+                case 'number':
+                    return 'number';
+                case 'date-time-editor':
+                case 'datetime':
+                case 'date':
+                    return 'date';
+                case 'checkbox-editor':
+                case 'toggle-editor':
+                case 'boolean':
+                    return 'boolean';
+                default:
+                    return 'string';
+            }
+        }
+        return 'string';
+    }
+    //#endregion
+    //#region ----   Event Handlers   ----
+    onFieldChange(event) {
+        this.selectedField.update(prev => ({
+            ...prev,
+            field: event.value,
+        }));
+        this.filterNode.update((n) => {
+            const nowField = this.availableFields.find((x) => x.value === event.value);
+            return {
+                ...n,
+                type: `${this.getFieldType(nowField)}-filter`
+            };
+        });
+        this.itemChange.emit(this.selectedField());
+    }
+    onContextChange(event) {
+        this.selectedField.update(prev => ({
+            ...prev,
+            operator: event.data.filter.operation.type,
+            value: event.data.filter.value,
+        }));
+        this.itemChange.emit(this.selectedField());
+    }
+    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 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: AXPQueryBuilderConditionComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'axp-query-builder-condition', standalone: true, imports: [
+                        CommonModule,
+                        FormsModule,
+                        AXSelectBoxModule,
+                        AXTextBoxModule,
+                        AXButtonModule,
+                        AXDecoratorModule,
+                        AXPLayoutBuilderModule
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, 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"] }]
+        }], propDecorators: { item: [{
+                type: Input
+            }], availableFields: [{
+                type: Input
+            }], itemChange: [{
+                type: Output
+            }], removeItem: [{
+                type: Output
+            }] } });
+
+//#endregion
+class AXPQueryBuilderWidgetEditComponent extends AXPValueWidgetComponent {
+    //#endregion
+    //#region ----   Lifecycle Methods   ----
+    constructor() {
+        super();
+        //#region ----   Signals   ----
+        this.queryData = signal({
+            id: 'root',
+            type: 'group',
+            logic: 'and',
+            filters: []
+        });
+        //#endregion
+        //#region ----   Data Sources   ----
+        this.selectedDataSource = signal(null);
+        this.logicalOperators = [
+            { value: 'and', text: 'And' },
+            { value: 'or', text: 'Or' }
+        ];
+        this.availableDataSources = computed(() => {
+            // Get data sources from options or parent context
+            const dataSources = this.options()['dataSources'] || [];
+            return dataSources;
+        });
+        this.availableFields = computed(() => {
+            // Get columns from options (passed from entity context)
+            const columns = this.options()['availableColumns'] || [];
+            return columns.map((column) => ({
+                value: column.name,
+                text: column.title || column.name,
+                type: column.type || 'string'
+            }));
+        });
+        this.initializeFromValue();
+    }
+    //#endregion
+    //#region ----   Private Methods   ----
+    initializeFromValue() {
+        const currentValue = this.getValue();
+        if (currentValue?.filters) {
+            this.queryData.set(currentValue);
+        }
+    }
+    generateId() {
+        return Math.random().toString(36).substr(2, 9);
+    }
+    updateValue() {
+        this.setValue(this.queryData());
+    }
+    findItemById(id, filters = this.queryData().filters) {
+        for (const item of filters) {
+            if (item.id === id) {
+                return { item, parent: null };
+            }
+            if (item.type === 'group') {
+                const found = this.findItemById(id, item.filters);
+                if (found) {
+                    return { item: found.item, parent: item };
+                }
+            }
+        }
+        return null;
+    }
+    findGroupById(id, filters = this.queryData().filters) {
+        for (const item of filters) {
+            if (item.type === 'group' && item.id === id) {
+                return item;
+            }
+            if (item.type === 'group') {
+                const found = this.findGroupById(id, item.filters);
+                if (found)
+                    return found;
+            }
+        }
+        return null;
+    }
+    //#endregion
+    //#region ----   Public Methods   ----
+    addCondition() {
+        const newCondition = {
+            id: this.generateId(),
+            type: 'condition',
+            title: 'New Condition',
+            field: '',
+            value: '',
+            operator: { type: 'equal' },
+            widget: { type: 'text' },
+        };
+        this.queryData.update(data => ({
+            ...data,
+            filters: [...data.filters, newCondition]
+        }));
+        this.updateValue();
+    }
+    addGroup() {
+        const newGroup = {
+            id: this.generateId(),
+            type: 'group',
+            logic: 'and',
+            filters: []
+        };
+        this.queryData.update(data => ({
+            ...data,
+            filters: [...data.filters, newGroup]
+        }));
+        this.updateValue();
+    }
+    addConditionToGroup(groupId) {
+        const newCondition = {
+            id: this.generateId(),
+            type: 'condition',
+            title: 'New Condition',
+            field: '',
+            value: '',
+            operator: { type: 'equal' },
+            widget: { type: 'text' },
+        };
+        this.queryData.update(data => {
+            const updateFilters = (filters) => {
+                return filters.map(filter => {
+                    if (filter.type === 'group' && filter.id === groupId) {
+                        return {
+                            ...filter,
+                            filters: [...filter.filters, newCondition]
+                        };
+                    }
+                    else if (filter.type === 'group') {
+                        return {
+                            ...filter,
+                            filters: updateFilters(filter.filters)
+                        };
+                    }
+                    return filter;
+                });
+            };
+            return {
+                ...data,
+                filters: updateFilters(data.filters)
+            };
+        });
+        this.updateValue();
+    }
+    addGroupToGroup(parentGroupId) {
+        const newGroup = {
+            id: this.generateId(),
+            type: 'group',
+            logic: 'and',
+            filters: []
+        };
+        this.queryData.update(data => {
+            const updateFilters = (filters) => {
+                return filters.map(filter => {
+                    if (filter.type === 'group' && filter.id === parentGroupId) {
+                        return {
+                            ...filter,
+                            filters: [...filter.filters, newGroup]
+                        };
+                    }
+                    else if (filter.type === 'group') {
+                        return {
+                            ...filter,
+                            filters: updateFilters(filter.filters)
+                        };
+                    }
+                    return filter;
+                });
+            };
+            return {
+                ...data,
+                filters: updateFilters(data.filters)
+            };
+        });
+        this.updateValue();
+    }
+    removeItem(id) {
+        this.queryData.update(data => {
+            const removeFromFilters = (filters) => {
+                return filters.filter(filter => filter.id !== id).map(filter => {
+                    if (filter.type === 'group') {
+                        return {
+                            ...filter,
+                            filters: removeFromFilters(filter.filters)
+                        };
+                    }
+                    return filter;
+                });
+            };
+            return {
+                ...data,
+                filters: removeFromFilters(data.filters)
+            };
+        });
+        this.updateValue();
+    }
+    updateCondition(condition) {
+        this.queryData.update(data => {
+            const updateFilters = (filters) => {
+                return filters.map(filter => {
+                    if (filter.id === condition.id) {
+                        return {
+                            ...filter,
+                            field: condition.field,
+                            operator: { type: condition.operator },
+                            value: condition.value,
+                        };
+                    }
+                    if (filter.type === 'group') {
+                        return {
+                            ...filter,
+                            filters: updateFilters(filter.filters)
+                        };
+                    }
+                    return filter;
+                });
+            };
+            return {
+                ...data,
+                filters: updateFilters(data.filters)
+            };
+        });
+        this.updateValue();
+    }
+    updateRootLogicalOperator(operator) {
+        this.queryData.update(data => ({
+            ...data,
+            logic: operator
+        }));
+        this.updateValue();
+    }
+    updateGroupLogicalOperator(groupId, operator) {
+        this.queryData.update(data => {
+            const updateFilters = (filters) => {
+                return filters.map(filter => {
+                    if (filter.type === 'group' && filter.id === groupId) {
+                        return { ...filter, logic: operator };
+                    }
+                    else if (filter.type === 'group') {
+                        return {
+                            ...filter,
+                            filters: updateFilters(filter.filters)
+                        };
+                    }
+                    return filter;
+                });
+            };
+            return {
+                ...data,
+                filters: updateFilters(data.filters)
+            };
+        });
+        this.updateValue();
+    }
+    clearAll() {
+        this.queryData.update(data => ({
+            ...data,
+            filters: []
+        }));
+        this.updateValue();
+    }
+    getTotalItemsCount() {
+        const countFilters = (filters) => {
+            return filters.reduce((count, filter) => {
+                if (filter.type === 'condition') {
+                    return count + 1;
+                }
+                else {
+                    return count + 1 + countFilters(filter.filters);
+                }
+            }, 0);
+        };
+        return countFilters(this.queryData().filters);
+    }
+    //#endregion
+    //#region ----   Drag and Drop / Move Methods   ----
+    reorderRootItems(event) {
+        this.queryData.update(data => {
+            const filters = [...data.filters];
+            moveItemInArray(filters, event.previousIndex, event.currentIndex);
+            return {
+                ...data,
+                filters
+            };
+        });
+        this.updateValue();
+    }
+    reorderGroupItems(groupId, previousIndex, currentIndex) {
+        this.queryData.update(data => {
+            const updateFilters = (filters) => {
+                return filters.map(filter => {
+                    if (filter.type === 'group' && filter.id === groupId) {
+                        const groupFilters = [...filter.filters];
+                        moveItemInArray(groupFilters, previousIndex, currentIndex);
+                        return {
+                            ...filter,
+                            filters: groupFilters
+                        };
+                    }
+                    else if (filter.type === 'group') {
+                        return {
+                            ...filter,
+                            filters: updateFilters(filter.filters)
+                        };
+                    }
+                    return filter;
+                });
+            };
+            return {
+                ...data,
+                filters: updateFilters(data.filters)
+            };
+        });
+        this.updateValue();
+    }
+    reorderGroupItemsEvent(groupId, event) {
+        this.reorderGroupItems(groupId, event.previousIndex, event.currentIndex);
+    }
+    moveItemUp(index, parentId) {
+        if (index === 0)
+            return;
+        if (parentId === 'root') {
+            // Create a fake event for root items
+            const fakeEvent = {
+                previousIndex: index,
+                currentIndex: index - 1,
+                item: null,
+                container: null,
+                previousContainer: null,
+                nativeEvent: null,
+                sender: null
+            };
+            this.reorderRootItems(fakeEvent);
+        }
+        else {
+            this.reorderGroupItems(parentId, index, index - 1);
+        }
+    }
+    moveItemDown(index, parentId) {
+        if (parentId === 'root') {
+            if (index === this.queryData().filters.length - 1)
+                return;
+            // Create a fake event for root items
+            const fakeEvent = {
+                previousIndex: index,
+                currentIndex: index + 1,
+                item: null,
+                container: null,
+                previousContainer: null,
+                nativeEvent: null,
+                sender: null
+            };
+            this.reorderRootItems(fakeEvent);
+        }
+        else {
+            const group = this.findGroupById(parentId);
+            if (!group || index === group.filters.length - 1)
+                return;
+            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: `
+    <div class="__query-builder">
+      <div class="__header">
+        <div class="__title">
+          <i class="fa-light fa-filter"></i>
+          <span>Advanced Query Builder</span>
+        </div>
+        <div class="__actions">
+          <ax-button 
+            [look]="'outline'" 
+            [color]="'primary'"
+            text="Add Item">
+            <ax-icon class='fa-light fa-plus'></ax-icon>
+            <ax-dropdown-panel>
+              <ax-button-item-list>
+                <ax-button-item text="Add Condition" (onClick)="addCondition()">
+                  <ax-prefix>
+                    <ax-icon class="fa-light fa-filter"></ax-icon>
+                  </ax-prefix>
+                </ax-button-item>
+                <ax-button-item text="Add Group" (onClick)="addGroup()">
+                  <ax-prefix>
+                    <ax-icon class="fa-light fa-layer-group"></ax-icon>
+                  </ax-prefix>
+                </ax-button-item>
+              </ax-button-item-list>
+            </ax-dropdown-panel>
+          </ax-button>
+        </div>
+      </div>
+      
+      <div class="__query-content">
+        @if (queryData().filters.length === 0) {
+          <div class="__empty-state">
+            <div class="__empty-content">
+              <i class="fa-light fa-filter-slash"></i>
+              <p>No conditions or groups added yet</p>
+              <div class="__empty-actions">
+                <ax-button 
+                  [look]="'solid'" 
+                  [color]="'primary'"
+                  text="Add Condition"
+                  (onClick)="addCondition()">
+                </ax-button>
+                <ax-button 
+                  [look]="'outline'" 
+                  [color]="'primary'"
+                  text="Add Group"
+                  (onClick)="addGroup()">
+                </ax-button>
+              </div>
+            </div>
+          </div>
+        } @else {
+          <div class="__root-group">
+            <div class="__group-header">
+              <div class="__group-operator">
+                <label>Root Group:</label>
+                <ax-select-box
+                  [dataSource]="logicalOperators"
+                  [value]="queryData().logic"
+                  textField="text"
+                  valueField="value"
+                  (onValueChanged)="updateRootLogicalOperator($event.value)"
+                  [look]="'outline'">
+                </ax-select-box>
+              </div>
+            </div>
+            
+            <div class="__group-content" 
+                 axDropList
+                 (dropListDropped)="reorderRootItems($event)">
+              @for (item of queryData().filters; track item.id; let i = $index) {
+                <div class="__query-item" 
+                     axDrag>
+                  
+                  <!-- Drag Handle and Move Controls -->
+                  <div class="__item-controls">
+                    <div class="__drag-handle" axDragHandle>
+                      <i class="fa-light fa-grip-dots-vertical"></i>
+                    </div>
+                    <div class="__move-controls">
+                      <ax-button 
+                        [look]="'blank'" 
+                        [color]="'default'"
+                        [size]="'xs'"
+                        [disabled]="i === 0"
+                        (onClick)="moveItemUp(i, 'root')">
+                        <ax-icon class='fa-light fa-arrow-up'></ax-icon>
+                      </ax-button>
+                      <ax-button 
+                        [look]="'blank'" 
+                        [color]="'default'"
+                        [size]="'xs'"
+                        [disabled]="i === queryData().filters.length - 1"
+                        (onClick)="moveItemDown(i, 'root')">
+                        <ax-icon class='fa-light fa-arrow-down'></ax-icon>
+                      </ax-button>
+                    </div>
+                  </div>
+                  
+                  <div class="__item-content">
+                    <!-- Logical Operator between items -->
+                    @if (i > 0) {
+                      <div class="__item-connector">
+                        <span class="__operator-badge">{{ queryData().logic }}</span>
+                      </div>
+                    }
+                    
+                    <!-- Render Condition or Group -->
+                    @if (item.type === 'condition') {
+                      <axp-query-builder-condition
+                        [item]="item"
+                        [availableFields]="availableFields()"
+                        (itemChange)="updateCondition($event)"
+                        (removeItem)="removeItem($event)">
+                      </axp-query-builder-condition>
+                    } @else {
+                      <ng-container [ngTemplateOutlet]="groupTemplate" [ngTemplateOutletContext]="{group: item}"></ng-container>
+                    }
+                  </div>
+                </div>
+              }
+            </div>
+          </div>
+        }
+      </div>
+      
+      @if (queryData().filters.length > 0) {
+        <div class="__footer">
+          <div class="__footer-info">
+            <span class="__item-count">{{ getTotalItemsCount() }} items total</span>
+          </div>
+          <ax-button 
+            [look]="'outline'" 
+            [color]="'danger'"
+            text="Clear All"
+            (onClick)="clearAll()">
+            <ax-icon class='fa-light fa-trash'></ax-icon>
+          </ax-button>
+        </div>
+      }
+      
+    </div>
+
+    <!-- Templates -->
+    <ng-template #groupTemplate let-group="group">
+      <div class="__nested-group">
+        <div class="__group-header">
+          <div class="__group-info">
+            <i class="fa-light fa-layer-group"></i>
+            <span class="__group-label">Group ({{ group.filters.length }} items)</span>
+          </div>
+          <div class="__group-operator">
+            <ax-select-box
+              [dataSource]="logicalOperators"
+              [value]="group.logic"
+              (onValueChanged)="updateGroupLogicalOperator(group.id, $event.value)"
+              [look]="'outline'">
+            </ax-select-box>
+          </div>
+          <div class="__group-actions">
+            <ax-button 
+              [look]="'outline'" 
+              [color]="'primary'"
+              [size]="'xs'">
+              <ax-icon class='fa-light fa-plus'></ax-icon>
+              <ax-dropdown-panel>
+                <ax-button-item-list>
+                  <ax-button-item text="Add Condition" (onClick)="addConditionToGroup(group.id)">
+                    <ax-prefix>
+                      <ax-icon class="fa-light fa-filter"></ax-icon>
+                    </ax-prefix>
+                  </ax-button-item>
+                  <ax-button-item text="Add Nested Group" (onClick)="addGroupToGroup(group.id)">
+                    <ax-prefix>
+                      <ax-icon class="fa-light fa-layer-group"></ax-icon>
+                    </ax-prefix>
+                  </ax-button-item>
+                </ax-button-item-list>
+              </ax-dropdown-panel>
+            </ax-button>
+            <ax-button 
+              [look]="'blank'" 
+              [color]="'danger'"
+              [size]="'xs'"
+              (onClick)="removeItem(group.id)">
+              <ax-icon class='fa-light fa-trash'></ax-icon>
+            </ax-button>
+          </div>
+        </div>
+        
+        <div class="__group-content"
+             axDropList
+             (dropListDropped)="reorderGroupItemsEvent(group.id, $event)">
+          @if (group.filters.length === 0) {
+            <div class="__group-empty">
+              <span>Empty group - add conditions or nested groups</span>
+            </div>
+          } @else {
+            @for (item of group.filters; track item; let i = $index) {
+              <div class="__query-item"
+                   axDrag>
+                
+                <!-- Drag Handle and Move Controls -->
+                <div class="__item-controls">
+                  <div class="__drag-handle" axDragHandle>
+                    <i class="fa-light fa-grip-dots-vertical"></i>
+                  </div>
+                  <div class="__move-controls">
+                    <ax-button 
+                      [look]="'blank'" 
+                      [color]="'default'"
+                      [size]="'xs'"
+                      [disabled]="i === 0"
+                      (onClick)="moveItemUp(i, group.id)">
+                      <ax-icon class='fa-light fa-arrow-up'></ax-icon>
+                    </ax-button>
+                    <ax-button 
+                      [look]="'blank'" 
+                      [color]="'default'"
+                      [size]="'xs'"
+                      [disabled]="i === group.filters.length - 1"
+                      (onClick)="moveItemDown(i, group.id)">
+                      <ax-icon class='fa-light fa-arrow-down'></ax-icon>
+                    </ax-button>
+                  </div>
+                </div>
+
+                <div class="__item-content">
+                  <!-- Logical Operator between items -->
+                  @if (i > 0) {
+                    <div class="__item-connector">
+                      <span class="__operator-badge">{{ group.logic }}</span>
+                    </div>
+                  }
+                  
+                  <!-- Render Condition or Nested Group -->
+                  @if (item.type === 'condition') {
+                    <axp-query-builder-condition
+                      [item]="item"
+                      [availableFields]="availableFields()"
+                      (itemChange)="updateCondition($event)"
+                      (removeItem)="removeItem($event)">
+                    </axp-query-builder-condition>
+                  } @else {
+                    <ng-container [ngTemplateOutlet]="groupTemplate" [ngTemplateOutletContext]="{group: item}"></ng-container>
+                  }
+                </div>
+              </div>
+            }
+          }
+        </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 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: AXPQueryBuilderWidgetEditComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'axp-query-builder-widget-edit', template: `
+    <div class="__query-builder">
+      <div class="__header">
+        <div class="__title">
+          <i class="fa-light fa-filter"></i>
+          <span>Advanced Query Builder</span>
+        </div>
+        <div class="__actions">
+          <ax-button 
+            [look]="'outline'" 
+            [color]="'primary'"
+            text="Add Item">
+            <ax-icon class='fa-light fa-plus'></ax-icon>
+            <ax-dropdown-panel>
+              <ax-button-item-list>
+                <ax-button-item text="Add Condition" (onClick)="addCondition()">
+                  <ax-prefix>
+                    <ax-icon class="fa-light fa-filter"></ax-icon>
+                  </ax-prefix>
+                </ax-button-item>
+                <ax-button-item text="Add Group" (onClick)="addGroup()">
+                  <ax-prefix>
+                    <ax-icon class="fa-light fa-layer-group"></ax-icon>
+                  </ax-prefix>
+                </ax-button-item>
+              </ax-button-item-list>
+            </ax-dropdown-panel>
+          </ax-button>
+        </div>
+      </div>
+      
+      <div class="__query-content">
+        @if (queryData().filters.length === 0) {
+          <div class="__empty-state">
+            <div class="__empty-content">
+              <i class="fa-light fa-filter-slash"></i>
+              <p>No conditions or groups added yet</p>
+              <div class="__empty-actions">
+                <ax-button 
+                  [look]="'solid'" 
+                  [color]="'primary'"
+                  text="Add Condition"
+                  (onClick)="addCondition()">
+                </ax-button>
+                <ax-button 
+                  [look]="'outline'" 
+                  [color]="'primary'"
+                  text="Add Group"
+                  (onClick)="addGroup()">
+                </ax-button>
+              </div>
+            </div>
+          </div>
+        } @else {
+          <div class="__root-group">
+            <div class="__group-header">
+              <div class="__group-operator">
+                <label>Root Group:</label>
+                <ax-select-box
+                  [dataSource]="logicalOperators"
+                  [value]="queryData().logic"
+                  textField="text"
+                  valueField="value"
+                  (onValueChanged)="updateRootLogicalOperator($event.value)"
+                  [look]="'outline'">
+                </ax-select-box>
+              </div>
+            </div>
+            
+            <div class="__group-content" 
+                 axDropList
+                 (dropListDropped)="reorderRootItems($event)">
+              @for (item of queryData().filters; track item.id; let i = $index) {
+                <div class="__query-item" 
+                     axDrag>
+                  
+                  <!-- Drag Handle and Move Controls -->
+                  <div class="__item-controls">
+                    <div class="__drag-handle" axDragHandle>
+                      <i class="fa-light fa-grip-dots-vertical"></i>
+                    </div>
+                    <div class="__move-controls">
+                      <ax-button 
+                        [look]="'blank'" 
+                        [color]="'default'"
+                        [size]="'xs'"
+                        [disabled]="i === 0"
+                        (onClick)="moveItemUp(i, 'root')">
+                        <ax-icon class='fa-light fa-arrow-up'></ax-icon>
+                      </ax-button>
+                      <ax-button 
+                        [look]="'blank'" 
+                        [color]="'default'"
+                        [size]="'xs'"
+                        [disabled]="i === queryData().filters.length - 1"
+                        (onClick)="moveItemDown(i, 'root')">
+                        <ax-icon class='fa-light fa-arrow-down'></ax-icon>
+                      </ax-button>
+                    </div>
+                  </div>
+                  
+                  <div class="__item-content">
+                    <!-- Logical Operator between items -->
+                    @if (i > 0) {
+                      <div class="__item-connector">
+                        <span class="__operator-badge">{{ queryData().logic }}</span>
+                      </div>
+                    }
+                    
+                    <!-- Render Condition or Group -->
+                    @if (item.type === 'condition') {
+                      <axp-query-builder-condition
+                        [item]="item"
+                        [availableFields]="availableFields()"
+                        (itemChange)="updateCondition($event)"
+                        (removeItem)="removeItem($event)">
+                      </axp-query-builder-condition>
+                    } @else {
+                      <ng-container [ngTemplateOutlet]="groupTemplate" [ngTemplateOutletContext]="{group: item}"></ng-container>
+                    }
+                  </div>
+                </div>
+              }
+            </div>
+          </div>
+        }
+      </div>
+      
+      @if (queryData().filters.length > 0) {
+        <div class="__footer">
+          <div class="__footer-info">
+            <span class="__item-count">{{ getTotalItemsCount() }} items total</span>
+          </div>
+          <ax-button 
+            [look]="'outline'" 
+            [color]="'danger'"
+            text="Clear All"
+            (onClick)="clearAll()">
+            <ax-icon class='fa-light fa-trash'></ax-icon>
+          </ax-button>
+        </div>
+      }
+      
+    </div>
+
+    <!-- Templates -->
+    <ng-template #groupTemplate let-group="group">
+      <div class="__nested-group">
+        <div class="__group-header">
+          <div class="__group-info">
+            <i class="fa-light fa-layer-group"></i>
+            <span class="__group-label">Group ({{ group.filters.length }} items)</span>
+          </div>
+          <div class="__group-operator">
+            <ax-select-box
+              [dataSource]="logicalOperators"
+              [value]="group.logic"
+              (onValueChanged)="updateGroupLogicalOperator(group.id, $event.value)"
+              [look]="'outline'">
+            </ax-select-box>
+          </div>
+          <div class="__group-actions">
+            <ax-button 
+              [look]="'outline'" 
+              [color]="'primary'"
+              [size]="'xs'">
+              <ax-icon class='fa-light fa-plus'></ax-icon>
+              <ax-dropdown-panel>
+                <ax-button-item-list>
+                  <ax-button-item text="Add Condition" (onClick)="addConditionToGroup(group.id)">
+                    <ax-prefix>
+                      <ax-icon class="fa-light fa-filter"></ax-icon>
+                    </ax-prefix>
+                  </ax-button-item>
+                  <ax-button-item text="Add Nested Group" (onClick)="addGroupToGroup(group.id)">
+                    <ax-prefix>
+                      <ax-icon class="fa-light fa-layer-group"></ax-icon>
+                    </ax-prefix>
+                  </ax-button-item>
+                </ax-button-item-list>
+              </ax-dropdown-panel>
+            </ax-button>
+            <ax-button 
+              [look]="'blank'" 
+              [color]="'danger'"
+              [size]="'xs'"
+              (onClick)="removeItem(group.id)">
+              <ax-icon class='fa-light fa-trash'></ax-icon>
+            </ax-button>
+          </div>
+        </div>
+        
+        <div class="__group-content"
+             axDropList
+             (dropListDropped)="reorderGroupItemsEvent(group.id, $event)">
+          @if (group.filters.length === 0) {
+            <div class="__group-empty">
+              <span>Empty group - add conditions or nested groups</span>
+            </div>
+          } @else {
+            @for (item of group.filters; track item; let i = $index) {
+              <div class="__query-item"
+                   axDrag>
+                
+                <!-- Drag Handle and Move Controls -->
+                <div class="__item-controls">
+                  <div class="__drag-handle" axDragHandle>
+                    <i class="fa-light fa-grip-dots-vertical"></i>
+                  </div>
+                  <div class="__move-controls">
+                    <ax-button 
+                      [look]="'blank'" 
+                      [color]="'default'"
+                      [size]="'xs'"
+                      [disabled]="i === 0"
+                      (onClick)="moveItemUp(i, group.id)">
+                      <ax-icon class='fa-light fa-arrow-up'></ax-icon>
+                    </ax-button>
+                    <ax-button 
+                      [look]="'blank'" 
+                      [color]="'default'"
+                      [size]="'xs'"
+                      [disabled]="i === group.filters.length - 1"
+                      (onClick)="moveItemDown(i, group.id)">
+                      <ax-icon class='fa-light fa-arrow-down'></ax-icon>
+                    </ax-button>
+                  </div>
+                </div>
+
+                <div class="__item-content">
+                  <!-- Logical Operator between items -->
+                  @if (i > 0) {
+                    <div class="__item-connector">
+                      <span class="__operator-badge">{{ group.logic }}</span>
+                    </div>
+                  }
+                  
+                  <!-- Render Condition or Nested Group -->
+                  @if (item.type === 'condition') {
+                    <axp-query-builder-condition
+                      [item]="item"
+                      [availableFields]="availableFields()"
+                      (itemChange)="updateCondition($event)"
+                      (removeItem)="removeItem($event)">
+                    </axp-query-builder-condition>
+                  } @else {
+                    <ng-container [ngTemplateOutlet]="groupTemplate" [ngTemplateOutletContext]="{group: item}"></ng-container>
+                  }
+                </div>
+              </div>
+            }
+          }
+        </div>
+      </div>
+    </ng-template>
+  `, changeDetection: ChangeDetectionStrategy.OnPush, imports: [
+                        CommonModule,
+                        AXButtonModule,
+                        AXSelectBoxModule,
+                        AXTextBoxModule,
+                        AXFormModule,
+                        AXDecoratorModule,
+                        AXDropdownModule,
+                        AXDragDirective,
+                        AXDragHandleDirective,
+                        AXDropListDirective,
+                        AXPQueryBuilderConditionComponent,
+                    ], 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"] }]
+        }], ctorParameters: () => [] });
+
+var queryBuilderWidgetEdit_component = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    AXPQueryBuilderWidgetEditComponent: AXPQueryBuilderWidgetEditComponent
+});
+
+//#endregion
+class AXPQueryBuilderWidgetViewComponent extends AXPValueWidgetComponent {
+    constructor() {
+        super(...arguments);
+        //#region ----   Computed Properties   ----
+        this.queryData = computed(() => {
+            const value = this.getValue();
+            console.log(value);
+            return value;
+        });
+    }
+    //#endregion
+    //#region ----   Public Methods   ----
+    getTotalItemsCount() {
+        const countFilters = (filters) => {
+            if (!filters)
+                return 0;
+            return filters.reduce((count, filter) => {
+                if (filter.type === 'condition') {
+                    return count + 1;
+                }
+                else {
+                    return count + 1 + countFilters(filter.filters);
+                }
+            }, 0);
+        };
+        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: `
+    <div class="__query-builder-view">
+      @if (queryData().filters.length) {
+        <div class="__query-display">
+          <div class="__root-group">
+            <div class="__group-header">
+              <span class="__group-title">Query ({{ queryData().logic }})</span>
+            </div>
+            <div class="__group-content">
+              @for (item of queryData().filters; track item.id; let i = $index) {
+                <div class="__query-item">
+                  <!-- Logical Operator -->
+                  @if (i > 0) {
+                    <div class="__item-connector">
+                      <span class="__operator-badge">{{ queryData().logic }}</span>
+                    </div>
+                  }
+                  
+                  <!-- Render Item -->
+                  @if (item.type === 'condition') {
+                    <ng-container [ngTemplateOutlet]="conditionTemplate" [ngTemplateOutletContext]="{condition: item}"></ng-container>
+                  } @else {
+                    <ng-container [ngTemplateOutlet]="groupTemplate" [ngTemplateOutletContext]="{group: item}"></ng-container>
+                  }
+                </div>
+              }
+            </div>
+          </div>
+        </div>
+        
+        <div class="__summary">
+          <small class="__count">{{ getTotalItemsCount() }} item(s) total</small>
+        </div>
+      } @else {
+        <div class="__empty-state">
+          <span class="__empty-message">No query conditions defined</span>
+        </div>
+      }
+    </div>
+
+    <!-- Templates -->
+    <ng-template #conditionTemplate let-condition="condition">
+      <div class="__condition-display">
+        <span class="__field">{{ condition.field }}</span>
+        <span class="__operator">{{ condition.operator.type }}</span>
+        <span class="__value">{{ condition.value }}</span>
+      </div>
+    </ng-template>
+
+    <ng-template #groupTemplate let-group="group">
+      <div class="__group-display">
+        <div class="__group-header">
+          <span class="__group-title">Group ({{ group.logic }}) - {{ group.filters.length }} items</span>
+        </div>
+        <div class="__group-content">
+          @for (item of group.filters; track item.id; let i = $index) {
+            <div class="__query-item">
+              <!-- Logical Operator -->
+              @if (i > 0) {
+                <div class="__item-connector">
+                  <span class="__operator-badge">{{ group.logic }}</span>
+                </div>
+              }
+              
+              <!-- Render Item -->
+              @if (item.type === 'condition') {
+                <ng-container [ngTemplateOutlet]="conditionTemplate" [ngTemplateOutletContext]="{condition: item}"></ng-container>
+              } @else {
+                <ng-container [ngTemplateOutlet]="groupTemplate" [ngTemplateOutletContext]="{group: item}"></ng-container>
+              }
+            </div>
+          }
+        </div>
+      </div>
+    </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: [{
+            type: Component,
+            args: [{ selector: 'axp-query-builder-widget-view', template: `
+    <div class="__query-builder-view">
+      @if (queryData().filters.length) {
+        <div class="__query-display">
+          <div class="__root-group">
+            <div class="__group-header">
+              <span class="__group-title">Query ({{ queryData().logic }})</span>
+            </div>
+            <div class="__group-content">
+              @for (item of queryData().filters; track item.id; let i = $index) {
+                <div class="__query-item">
+                  <!-- Logical Operator -->
+                  @if (i > 0) {
+                    <div class="__item-connector">
+                      <span class="__operator-badge">{{ queryData().logic }}</span>
+                    </div>
+                  }
+                  
+                  <!-- Render Item -->
+                  @if (item.type === 'condition') {
+                    <ng-container [ngTemplateOutlet]="conditionTemplate" [ngTemplateOutletContext]="{condition: item}"></ng-container>
+                  } @else {
+                    <ng-container [ngTemplateOutlet]="groupTemplate" [ngTemplateOutletContext]="{group: item}"></ng-container>
+                  }
+                </div>
+              }
+            </div>
+          </div>
+        </div>
+        
+        <div class="__summary">
+          <small class="__count">{{ getTotalItemsCount() }} item(s) total</small>
+        </div>
+      } @else {
+        <div class="__empty-state">
+          <span class="__empty-message">No query conditions defined</span>
+        </div>
+      }
+    </div>
+
+    <!-- Templates -->
+    <ng-template #conditionTemplate let-condition="condition">
+      <div class="__condition-display">
+        <span class="__field">{{ condition.field }}</span>
+        <span class="__operator">{{ condition.operator.type }}</span>
+        <span class="__value">{{ condition.value }}</span>
+      </div>
+    </ng-template>
+
+    <ng-template #groupTemplate let-group="group">
+      <div class="__group-display">
+        <div class="__group-header">
+          <span class="__group-title">Group ({{ group.logic }}) - {{ group.filters.length }} items</span>
+        </div>
+        <div class="__group-content">
+          @for (item of group.filters; track item.id; let i = $index) {
+            <div class="__query-item">
+              <!-- Logical Operator -->
+              @if (i > 0) {
+                <div class="__item-connector">
+                  <span class="__operator-badge">{{ group.logic }}</span>
+                </div>
+              }
+              
+              <!-- Render Item -->
+              @if (item.type === 'condition') {
+                <ng-container [ngTemplateOutlet]="conditionTemplate" [ngTemplateOutletContext]="{condition: item}"></ng-container>
+              } @else {
+                <ng-container [ngTemplateOutlet]="groupTemplate" [ngTemplateOutletContext]="{group: item}"></ng-container>
+              }
+            </div>
+          }
+        </div>
+      </div>
+    </ng-template>
+  `, changeDetection: ChangeDetectionStrategy.OnPush, imports: [CommonModule], 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"] }]
+        }] });
+
+var queryBuilderWidgetView_component = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    AXPQueryBuilderWidgetViewComponent: AXPQueryBuilderWidgetViewComponent
+});
+
+//#endregion
+class AXPQueryBuilderWidgetColumnComponent extends AXPValueWidgetComponent {
+    constructor() {
+        super(...arguments);
+        //#region ----   Computed Properties   ----
+        this.queryData = computed(() => {
+            const value = this.getValue();
+            return value;
+        });
+    }
+    //#endregion
+    //#region ----   Public Methods   ----
+    getTotalItemsCount() {
+        const countFilters = (filters) => {
+            if (!filters)
+                return 0;
+            return filters.reduce((count, filter) => {
+                if (filter.type === 'condition') {
+                    return count + 1;
+                }
+                else {
+                    return count + 1 + countFilters(filter.filters);
+                }
+            }, 0);
+        };
+        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: `
+    <div class="__query-builder-column">
+      @if (queryData().filters.length) {
+        <span class="__summary">{{ getTotalItemsCount() }} item(s)</span>
+      } @else {
+        <span class="__empty">No conditions</span>
+      }
+    </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: [{
+            type: Component,
+            args: [{ selector: 'axp-query-builder-widget-column', template: `
+    <div class="__query-builder-column">
+      @if (queryData().filters.length) {
+        <span class="__summary">{{ getTotalItemsCount() }} item(s)</span>
+      } @else {
+        <span class="__empty">No conditions</span>
+      }
+    </div>
+  `, changeDetection: ChangeDetectionStrategy.OnPush, imports: [CommonModule], 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"] }]
+        }] });
+
+var queryBuilderWidgetColumn_component = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    AXPQueryBuilderWidgetColumnComponent: AXPQueryBuilderWidgetColumnComponent
+});
+
+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: `
+    <div class="__query-builder-designer">
+      <div class="__preview">
+        <div class="__icon">
+          <i class="fa-light fa-filter"></i>
+        </div>
+        <div class="__content">
+          <h4 class="__title">Query Builder</h4>
+          <p class="__description">Visual query builder for creating dynamic queries</p>
+        </div>
+      </div>
+    </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: [{
+            type: Component,
+            args: [{ selector: 'axp-query-builder-widget-designer', template: `
+    <div class="__query-builder-designer">
+      <div class="__preview">
+        <div class="__icon">
+          <i class="fa-light fa-filter"></i>
+        </div>
+        <div class="__content">
+          <h4 class="__title">Query Builder</h4>
+          <p class="__description">Visual query builder for creating dynamic queries</p>
+        </div>
+      </div>
+    </div>
+  `, changeDetection: ChangeDetectionStrategy.OnPush, imports: [CommonModule], 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"] }]
+        }] });
+
+var queryBuilderWidgetDesigner_component = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    AXPQueryBuilderWidgetDesignerComponent: AXPQueryBuilderWidgetDesignerComponent
+});
+
+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: [
+            {
+                provide: AXP_MENU_PROVIDER,
+                useClass: AXMMenuProvider,
+                multi: true,
+            },
+            {
+                provide: AXP_ENTITY_DEFINITION_LOADER,
+                useClass: AXMEntityProvider,
+                multi: true,
+            },
+            {
+                provide: AXP_SETTING_DEFINITION_PROVIDER,
+                useClass: AXMSettingProvider,
+                multi: true,
+            },
+            {
+                provide: AXP_SEARCH_PROVIDER,
+                useClass: AXMSearchCommandProvider,
+                multi: true,
+            },
+            {
+                provide: AXP_PERMISSION_DEFINITION_PROVIDER,
+                useClass: AXMPermissionDefinitionProvider,
+                multi: true,
+            },
+            {
+                provide: AXMQueryCategoryService,
+                useClass: AXMQueryCategoryServiceImpl,
+            },
+            {
+                provide: AXMQueryService,
+                useClass: AXMQueryServiceImpl,
+            }
+        ], imports: [AXPLayoutBuilderModule.forChild({
+                widgets: [AXPQueryBuilderWidget],
+            })] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: AXMDataManagementModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        AXPLayoutBuilderModule.forChild({
+                            widgets: [AXPQueryBuilderWidget],
+                        }),
+                    ],
+                    exports: [],
+                    declarations: [],
+                    providers: [
+                        {
+                            provide: AXP_MENU_PROVIDER,
+                            useClass: AXMMenuProvider,
+                            multi: true,
+                        },
+                        {
+                            provide: AXP_ENTITY_DEFINITION_LOADER,
+                            useClass: AXMEntityProvider,
+                            multi: true,
+                        },
+                        {
+                            provide: AXP_SETTING_DEFINITION_PROVIDER,
+                            useClass: AXMSettingProvider,
+                            multi: true,
+                        },
+                        {
+                            provide: AXP_SEARCH_PROVIDER,
+                            useClass: AXMSearchCommandProvider,
+                            multi: true,
+                        },
+                        {
+                            provide: AXP_PERMISSION_DEFINITION_PROVIDER,
+                            useClass: AXMPermissionDefinitionProvider,
+                            multi: true,
+                        },
+                        {
+                            provide: AXMQueryCategoryService,
+                            useClass: AXMQueryCategoryServiceImpl,
+                        },
+                        {
+                            provide: AXMQueryService,
+                            useClass: AXMQueryServiceImpl,
+                        }
+                    ]
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { AXMDataManagementModule, AXMEntityProvider, AXMMenuProvider, AXMQueryCategoryService, AXMQueryCategoryServiceImpl, AXMQueryService, AXMQueryServiceImpl, AXMSearchCommandProvider, AXMSettingProvider, RootConfig, queryCategoryFactory, queryFactory };
+//# sourceMappingURL=acorex-modules-data-management.mjs.map