@es.framework/ng.ui.core 2.0.58

package/fesm2022/es.framework-ng.ui.core-odata-query-builder.mjs

@@ -0,0 +1,307 @@
+import * as i0 from '@angular/core';
+import { NgModule, EventEmitter, Output, Input, Component } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { FormGroup } from '@angular/forms';
+import { FormlyForm } from '@ngx-formly/core';
+
+class OdataQueryBuilderModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: OdataQueryBuilderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.1.3", ngImport: i0, type: OdataQueryBuilderModule, imports: [CommonModule] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: OdataQueryBuilderModule, imports: [CommonModule] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: OdataQueryBuilderModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule],
+                }]
+        }] });
+
+class ODataQueryBuilderComponent {
+    set entityFields(fields) {
+        this._entityFields = fields || [];
+        this.updateFieldOptions();
+    }
+    get entityFields() {
+        return this._entityFields;
+    }
+    _entityFields = [];
+    queryChange = new EventEmitter();
+    form = new FormGroup({});
+    model = {
+        conditionGroups: [
+            {
+                operator: 'and',
+                conditions: []
+            }
+        ],
+        orderBy: [],
+        groupBy: [],
+        top: null,
+        skip: null
+    };
+    fields = [
+        {
+            key: 'conditionGroups',
+            type: 'repeat',
+            props: {
+                addText: 'Add Condition Group',
+                required: true
+            },
+            fieldArray: {
+                fieldGroup: [
+                    {
+                        key: 'operator',
+                        type: 'select',
+                        props: {
+                            label: 'Group Operator',
+                            required: true,
+                            options: [
+                                { value: 'and', label: 'AND' },
+                                { value: 'or', label: 'OR' }
+                            ]
+                        }
+                    },
+                    {
+                        key: 'conditions',
+                        type: 'repeat',
+                        props: {
+                            addText: 'Add Condition',
+                            required: true
+                        },
+                        fieldArray: {
+                            fieldGroup: [
+                                {
+                                    key: 'field',
+                                    type: 'select',
+                                    props: {
+                                        label: 'Field',
+                                        required: true,
+                                        options: []
+                                    }
+                                },
+                                {
+                                    key: 'operator',
+                                    type: 'select',
+                                    props: {
+                                        label: 'Operator',
+                                        required: true,
+                                        options: [
+                                            { value: 'eq', label: 'Equals' },
+                                            { value: 'ne', label: 'Not Equals' },
+                                            { value: 'gt', label: 'Greater Than' },
+                                            { value: 'ge', label: 'Greater or Equal' },
+                                            { value: 'lt', label: 'Less Than' },
+                                            { value: 'le', label: 'Less or Equal' },
+                                            { value: 'contains', label: 'Contains' },
+                                            { value: 'startswith', label: 'Starts With' },
+                                            { value: 'endswith', label: 'Ends With' }
+                                        ]
+                                    }
+                                },
+                                {
+                                    key: 'value',
+                                    type: 'input',
+                                    props: {
+                                        label: 'Value',
+                                        required: true
+                                    },
+                                    expressions: {
+                                        'props.type': (field) => {
+                                            const model = field.model;
+                                            if (!model?.field)
+                                                return 'string';
+                                            const selectedField = this.entityFields.find(f => f.value === model.field);
+                                            return selectedField?.type || 'string';
+                                        }
+                                    }
+                                }
+                            ]
+                        }
+                    }
+                ]
+            }
+        },
+        {
+            key: 'orderBy',
+            type: 'repeat',
+            props: {
+                addText: 'Add Order By'
+            },
+            fieldArray: {
+                fieldGroup: [
+                    {
+                        key: 'field',
+                        type: 'select',
+                        props: {
+                            label: 'Field',
+                            required: true,
+                            options: []
+                        }
+                    },
+                    {
+                        key: 'direction',
+                        type: 'select',
+                        props: {
+                            label: 'Direction',
+                            required: true,
+                            options: [
+                                { value: 'asc', label: 'Ascending' },
+                                { value: 'desc', label: 'Descending' }
+                            ]
+                        }
+                    }
+                ]
+            }
+        },
+        {
+            key: 'groupBy',
+            type: 'repeat',
+            props: {
+                addText: 'Add Group By'
+            },
+            fieldArray: {
+                fieldGroup: [
+                    {
+                        key: 'field',
+                        type: 'select',
+                        props: {
+                            label: 'Field',
+                            required: true,
+                            options: []
+                        }
+                    }
+                ]
+            }
+        },
+        {
+            key: 'top',
+            type: 'input',
+            props: {
+                label: 'Top',
+                type: 'number',
+                min: 1
+            }
+        },
+        {
+            key: 'skip',
+            type: 'input',
+            props: {
+                label: 'Skip',
+                type: 'number',
+                min: 0
+            }
+        }
+    ];
+    updateFieldOptions() {
+        const fieldOptions = this.entityFields.map(f => ({ value: f.value, label: f.label }));
+        // Update conditions field options in all groups
+        const conditionGroupsField = this.fields.find(f => f.key === 'conditionGroups');
+        if (conditionGroupsField && conditionGroupsField.fieldArray?.fieldGroup) {
+            const conditionsField = conditionGroupsField.fieldArray.fieldGroup.find(f => f.key === 'conditions');
+            if (conditionsField && conditionsField.fieldArray?.fieldGroup) {
+                const fieldSelect = conditionsField.fieldArray.fieldGroup.find(f => f.key === 'field');
+                if (fieldSelect) {
+                    fieldSelect.props.options = fieldOptions;
+                }
+            }
+        }
+        // Update orderBy field options
+        const orderByField = this.fields.find(f => f.key === 'orderBy');
+        if (orderByField && orderByField.fieldArray?.fieldGroup) {
+            const fieldSelect = orderByField.fieldArray.fieldGroup.find(f => f.key === 'field');
+            if (fieldSelect) {
+                fieldSelect.props.options = fieldOptions;
+            }
+        }
+        // Update groupBy field options
+        const groupByField = this.fields.find(f => f.key === 'groupBy');
+        if (groupByField && groupByField.fieldArray?.fieldGroup) {
+            const fieldSelect = groupByField.fieldArray.fieldGroup.find(f => f.key === 'field');
+            if (fieldSelect) {
+                fieldSelect.props.options = fieldOptions;
+            }
+        }
+    }
+    buildQuery() {
+        const queryParts = [];
+        // Handle condition groups
+        if (this.model.conditionGroups?.length > 0) {
+            const groupFilters = this.model.conditionGroups
+                .filter((group) => group.conditions?.length > 0)
+                .map((group) => {
+                const conditionParts = group.conditions
+                    .filter((cond) => cond.field && cond.operator && cond.value !== undefined && cond.value !== null)
+                    .map((cond) => {
+                    const field = this.entityFields.find(f => f.value === cond.field);
+                    let value = cond.value;
+                    if (field?.type === 'string') {
+                        value = `'${String(value).replace(/'/g, "''")}'`; // Escape single quotes
+                    }
+                    else if (field?.type === 'date' && value) {
+                        value = new Date(value).toISOString();
+                    }
+                    else if (field?.type === 'boolean') {
+                        value = value ? 'true' : 'false';
+                    }
+                    return `${cond.field} ${cond.operator} ${value}`;
+                });
+                if (conditionParts.length > 0) {
+                    return conditionParts.length > 1
+                        ? `(${conditionParts.join(` ${group.operator} `)})`
+                        : conditionParts[0];
+                }
+                return null;
+            })
+                .filter(Boolean);
+            if (groupFilters.length > 0) {
+                queryParts.push(`$filter=${groupFilters.join(' and ')}`);
+            }
+        }
+        // Handle order by
+        if (this.model.orderBy?.length > 0) {
+            const orderParts = this.model.orderBy
+                .filter((order) => order.field && order.direction)
+                .map((order) => `${order.field} ${order.direction}`);
+            if (orderParts.length > 0) {
+                queryParts.push(`$orderby=${orderParts.join(', ')}`);
+            }
+        }
+        // Handle group by
+        if (this.model.groupBy?.length > 0) {
+            const groupParts = this.model.groupBy
+                .filter((group) => group.field)
+                .map((group) => group.field);
+            if (groupParts.length > 0) {
+                queryParts.push(`$groupby=${groupParts.join(',')}`);
+            }
+        }
+        // Handle top
+        if (this.model.top) {
+            queryParts.push(`$top=${this.model.top}`);
+        }
+        // Handle skip
+        if (this.model.skip) {
+            queryParts.push(`$skip=${this.model.skip}`);
+        }
+        const query = queryParts.join('&');
+        this.queryChange.emit(query);
+        return query;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: ODataQueryBuilderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.3", type: ODataQueryBuilderComponent, isStandalone: true, selector: "app-odata-query-builder", inputs: { entityFields: "entityFields" }, outputs: { queryChange: "queryChange" }, ngImport: i0, template: "<div class=\"p-4 bg-white rounded-lg shadow-md\">\n  <h2 class=\"text-xl font-semibold mb-4 text-gray-800\">OData Query Builder</h2>\n\n  <formly-form\n    [form]=\"form\"\n    [model]=\"model\"\n    [fields]=\"fields\"\n    class=\"space-y-4\"\n  ></formly-form>\n\n  <div class=\"mt-6 flex justify-end space-x-3\">\n    <button\n      pButton\n      type=\"button\"\n      label=\"Reset\"\n      icon=\"pi pi-refresh\"\n      class=\"p-button-outlined\"\n      (click)=\"form.reset()\"\n    ></button>\n\n    <button\n      pButton\n      type=\"button\"\n      label=\"Build Query\"\n      icon=\"pi pi-cog\"\n      (click)=\"buildQuery()\"\n    ></button>\n  </div>\n\n  @if (form.valid && form.dirty) {\n    <div class=\"mt-6 p-4 bg-gray-50 rounded\">\n      <h3 class=\"font-medium text-gray-700 mb-2\">Generated OData Query:</h3>\n      <pre class=\"p-3 bg-gray-100 rounded text-sm overflow-x-auto\">{{ buildQuery() }}</pre>\n    </div>\n  }\n</div>\n", styles: [""], dependencies: [{ kind: "component", type: FormlyForm, selector: "formly-form", inputs: ["form", "model", "fields", "options"], outputs: ["modelChange"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: ODataQueryBuilderComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-odata-query-builder', imports: [FormlyForm], template: "<div class=\"p-4 bg-white rounded-lg shadow-md\">\n  <h2 class=\"text-xl font-semibold mb-4 text-gray-800\">OData Query Builder</h2>\n\n  <formly-form\n    [form]=\"form\"\n    [model]=\"model\"\n    [fields]=\"fields\"\n    class=\"space-y-4\"\n  ></formly-form>\n\n  <div class=\"mt-6 flex justify-end space-x-3\">\n    <button\n      pButton\n      type=\"button\"\n      label=\"Reset\"\n      icon=\"pi pi-refresh\"\n      class=\"p-button-outlined\"\n      (click)=\"form.reset()\"\n    ></button>\n\n    <button\n      pButton\n      type=\"button\"\n      label=\"Build Query\"\n      icon=\"pi pi-cog\"\n      (click)=\"buildQuery()\"\n    ></button>\n  </div>\n\n  @if (form.valid && form.dirty) {\n    <div class=\"mt-6 p-4 bg-gray-50 rounded\">\n      <h3 class=\"font-medium text-gray-700 mb-2\">Generated OData Query:</h3>\n      <pre class=\"p-3 bg-gray-100 rounded text-sm overflow-x-auto\">{{ buildQuery() }}</pre>\n    </div>\n  }\n</div>\n" }]
+        }], propDecorators: { entityFields: [{
+                type: Input
+            }], queryChange: [{
+                type: Output
+            }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { ODataQueryBuilderComponent, OdataQueryBuilderModule };
+//# sourceMappingURL=es.framework-ng.ui.core-odata-query-builder.mjs.map

package/fesm2022/es.framework-ng.ui.core-odata-query-builder.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"es.framework-ng.ui.core-odata-query-builder.mjs","sources":["../../../../libs/ng.ui.core/odata-query-builder/src/lib/odata-query-builder-module.ts","../../../../libs/ng.ui.core/odata-query-builder/src/lib/odata-query-builder.component.ts","../../../../libs/ng.ui.core/odata-query-builder/src/lib/odata-query-builder.component.html","../../../../libs/ng.ui.core/odata-query-builder/src/es.framework-ng.ui.core-odata-query-builder.ts"],"sourcesContent":["import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\n@NgModule({\n  imports: [CommonModule],\n})\nexport class OdataQueryBuilderModule {}\n","import { Component, Input, Output, EventEmitter } from '@angular/core';\r\nimport { FormGroup } from '@angular/forms';\r\nimport { FormlyFieldConfig, FormlyFieldProps, FormlyForm } from '@ngx-formly/core';\r\nimport { EntityField } from './odata-types';\r\n\r\n\r\ninterface ConditionGroup {\r\n  operator: 'and' | 'or';\r\n  conditions: Condition[];\r\n}\r\n\r\ninterface Condition {\r\n  field: string;\r\n  operator: string;\r\n  value: any;\r\n}\r\n\r\ninterface OrderBy {\r\n  field: string;\r\n  direction: 'asc' | 'desc';\r\n}\r\n\r\ninterface GroupBy {\r\n  field: string;\r\n}\r\n\r\ninterface QueryModel {\r\n  conditionGroups: ConditionGroup[];\r\n  orderBy: OrderBy[];\r\n  groupBy: GroupBy[];\r\n  top: number | null;\r\n  skip: number | null;\r\n}\r\n\r\ninterface FieldSelectProps extends FormlyFieldProps {\r\n  options: { value: string; label: string }[];\r\n}\r\n\r\ninterface RepeatFieldProps extends FormlyFieldProps {\r\n  addText: string;\r\n}\r\n\r\ninterface FieldArrayConfig extends FormlyFieldConfig {\r\n  fieldGroup: FormlyFieldConfig[];\r\n}\r\n\r\n@Component({\r\n  selector: 'app-odata-query-builder',\r\n  templateUrl: './odata-query-builder.component.html',\r\n  styleUrls: ['./odata-query-builder.component.css'],\r\n  imports: [FormlyForm]\r\n})\r\nexport class ODataQueryBuilderComponent {\r\n  @Input() set entityFields(fields: EntityField[]) {\r\n    this._entityFields = fields || [];\r\n    this.updateFieldOptions();\r\n  }\r\n  get entityFields(): EntityField[] {\r\n    return this._entityFields;\r\n  }\r\n  private _entityFields: EntityField[] = [];\r\n\r\n  @Output() queryChange = new EventEmitter<string>();\r\n\r\n  form = new FormGroup({});\r\n  model: QueryModel = {\r\n    conditionGroups: [\r\n      {\r\n        operator: 'and',\r\n        conditions: []\r\n      }\r\n    ],\r\n    orderBy: [],\r\n    groupBy: [],\r\n    top: null,\r\n    skip: null\r\n  };\r\n\r\n  fields: FormlyFieldConfig[] = [\r\n    {\r\n      key: 'conditionGroups',\r\n      type: 'repeat',\r\n      props: {\r\n        addText: 'Add Condition Group',\r\n        required: true\r\n      } as RepeatFieldProps,\r\n      fieldArray: {\r\n        fieldGroup: [\r\n          {\r\n            key: 'operator',\r\n            type: 'select',\r\n            props: {\r\n              label: 'Group Operator',\r\n              required: true,\r\n              options: [\r\n                { value: 'and', label: 'AND' },\r\n                { value: 'or', label: 'OR' }\r\n              ]\r\n            } as FieldSelectProps\r\n          },\r\n          {\r\n            key: 'conditions',\r\n            type: 'repeat',\r\n            props: {\r\n              addText: 'Add Condition',\r\n              required: true\r\n            } as RepeatFieldProps,\r\n            fieldArray: {\r\n              fieldGroup: [\r\n                {\r\n                  key: 'field',\r\n                  type: 'select',\r\n                  props: {\r\n                    label: 'Field',\r\n                    required: true,\r\n                    options: []\r\n                  } as FieldSelectProps\r\n                },\r\n                {\r\n                  key: 'operator',\r\n                  type: 'select',\r\n                  props: {\r\n                    label: 'Operator',\r\n                    required: true,\r\n                    options: [\r\n                      { value: 'eq', label: 'Equals' },\r\n                      { value: 'ne', label: 'Not Equals' },\r\n                      { value: 'gt', label: 'Greater Than' },\r\n                      { value: 'ge', label: 'Greater or Equal' },\r\n                      { value: 'lt', label: 'Less Than' },\r\n                      { value: 'le', label: 'Less or Equal' },\r\n                      { value: 'contains', label: 'Contains' },\r\n                      { value: 'startswith', label: 'Starts With' },\r\n                      { value: 'endswith', label: 'Ends With' }\r\n                    ]\r\n                  } as FieldSelectProps\r\n                },\r\n                {\r\n                  key: 'value',\r\n                  type: 'input',\r\n                  props: {\r\n                    label: 'Value',\r\n                    required: true\r\n                  },\r\n                  expressions: {\r\n                    'props.type': (field: FormlyFieldConfig) => {\r\n                      const model = field.model as Condition;\r\n                      if (!model?.field) return 'string';\r\n                      const selectedField = this.entityFields.find(f => f.value === model.field);\r\n                      return selectedField?.type || 'string';\r\n                    }\r\n                  }\r\n                }\r\n              ]\r\n            } as FieldArrayConfig\r\n          }\r\n        ]\r\n      } as FieldArrayConfig\r\n    },\r\n    {\r\n      key: 'orderBy',\r\n      type: 'repeat',\r\n      props: {\r\n        addText: 'Add Order By'\r\n      } as RepeatFieldProps,\r\n      fieldArray: {\r\n        fieldGroup: [\r\n          {\r\n            key: 'field',\r\n            type: 'select',\r\n            props: {\r\n              label: 'Field',\r\n              required: true,\r\n              options: []\r\n            } as FieldSelectProps\r\n          },\r\n          {\r\n            key: 'direction',\r\n            type: 'select',\r\n            props: {\r\n              label: 'Direction',\r\n              required: true,\r\n              options: [\r\n                { value: 'asc', label: 'Ascending' },\r\n                { value: 'desc', label: 'Descending' }\r\n              ]\r\n            } as FieldSelectProps\r\n          }\r\n        ]\r\n      } as FieldArrayConfig\r\n    },\r\n    {\r\n      key: 'groupBy',\r\n      type: 'repeat',\r\n      props: {\r\n        addText: 'Add Group By'\r\n      } as RepeatFieldProps,\r\n      fieldArray: {\r\n        fieldGroup: [\r\n          {\r\n            key: 'field',\r\n            type: 'select',\r\n            props: {\r\n              label: 'Field',\r\n              required: true,\r\n              options: []\r\n            } as FieldSelectProps\r\n          }\r\n        ]\r\n      } as FieldArrayConfig\r\n    },\r\n    {\r\n      key: 'top',\r\n      type: 'input',\r\n      props: {\r\n        label: 'Top',\r\n        type: 'number',\r\n        min: 1\r\n      }\r\n    },\r\n    {\r\n      key: 'skip',\r\n      type: 'input',\r\n      props: {\r\n        label: 'Skip',\r\n        type: 'number',\r\n        min: 0\r\n      }\r\n    }\r\n  ];\r\n\r\n\r\n\r\n  private updateFieldOptions(): void {\r\n    const fieldOptions = this.entityFields.map(f => ({ value: f.value, label: f.label }));\r\n\r\n    // Update conditions field options in all groups\r\n    const conditionGroupsField = this.fields.find(f => f.key === 'conditionGroups');\r\n    if (conditionGroupsField && (conditionGroupsField.fieldArray as FieldArrayConfig)?.fieldGroup) {\r\n      const conditionsField = (conditionGroupsField.fieldArray as FieldArrayConfig).fieldGroup.find(f => f.key === 'conditions');\r\n      if (conditionsField && (conditionsField.fieldArray as FieldArrayConfig)?.fieldGroup) {\r\n        const fieldSelect = (conditionsField.fieldArray as FieldArrayConfig).fieldGroup.find(f => f.key === 'field');\r\n        if (fieldSelect) {\r\n          (fieldSelect.props as FieldSelectProps).options = fieldOptions;\r\n        }\r\n      }\r\n    }\r\n\r\n    // Update orderBy field options\r\n    const orderByField = this.fields.find(f => f.key === 'orderBy');\r\n    if (orderByField && (orderByField.fieldArray as FieldArrayConfig)?.fieldGroup) {\r\n      const fieldSelect = (orderByField.fieldArray as FieldArrayConfig).fieldGroup.find(f => f.key === 'field');\r\n      if (fieldSelect) {\r\n        (fieldSelect.props as FieldSelectProps).options = fieldOptions;\r\n      }\r\n    }\r\n\r\n    // Update groupBy field options\r\n    const groupByField = this.fields.find(f => f.key === 'groupBy');\r\n    if (groupByField && (groupByField.fieldArray as FieldArrayConfig)?.fieldGroup) {\r\n      const fieldSelect = (groupByField.fieldArray as FieldArrayConfig).fieldGroup.find(f => f.key === 'field');\r\n      if (fieldSelect) {\r\n        (fieldSelect.props as FieldSelectProps).options = fieldOptions;\r\n      }\r\n    }\r\n  }\r\n\r\n  buildQuery(): string {\r\n    const queryParts = [];\r\n\r\n    // Handle condition groups\r\n    if (this.model.conditionGroups?.length > 0) {\r\n      const groupFilters = this.model.conditionGroups\r\n        .filter((group: ConditionGroup) => group.conditions?.length > 0)\r\n        .map((group: ConditionGroup) => {\r\n          const conditionParts = group.conditions\r\n            .filter((cond: Condition) => cond.field && cond.operator && cond.value !== undefined && cond.value !== null)\r\n            .map((cond: Condition) => {\r\n              const field = this.entityFields.find(f => f.value === cond.field);\r\n              let value = cond.value;\r\n\r\n              if (field?.type === 'string') {\r\n                value = `'${String(value).replace(/'/g, \"''\")}'`; // Escape single quotes\r\n              } else if (field?.type === 'date' && value) {\r\n                value = new Date(value).toISOString();\r\n              } else if (field?.type === 'boolean') {\r\n                value = value ? 'true' : 'false';\r\n              }\r\n\r\n              return `${cond.field} ${cond.operator} ${value}`;\r\n            });\r\n\r\n          if (conditionParts.length > 0) {\r\n            return conditionParts.length > 1\r\n              ? `(${conditionParts.join(` ${group.operator} `)})`\r\n              : conditionParts[0];\r\n          }\r\n          return null;\r\n        })\r\n        .filter(Boolean);\r\n\r\n      if (groupFilters.length > 0) {\r\n        queryParts.push(`$filter=${groupFilters.join(' and ')}`);\r\n      }\r\n    }\r\n\r\n    // Handle order by\r\n    if (this.model.orderBy?.length > 0) {\r\n      const orderParts = this.model.orderBy\r\n        .filter((order: OrderBy) => order.field && order.direction)\r\n        .map((order: OrderBy) => `${order.field} ${order.direction}`);\r\n\r\n      if (orderParts.length > 0) {\r\n        queryParts.push(`$orderby=${orderParts.join(', ')}`);\r\n      }\r\n    }\r\n\r\n    // Handle group by\r\n    if (this.model.groupBy?.length > 0) {\r\n      const groupParts = this.model.groupBy\r\n        .filter((group: GroupBy) => group.field)\r\n        .map((group: GroupBy) => group.field);\r\n\r\n      if (groupParts.length > 0) {\r\n        queryParts.push(`$groupby=${groupParts.join(',')}`);\r\n      }\r\n    }\r\n\r\n    // Handle top\r\n    if (this.model.top) {\r\n      queryParts.push(`$top=${this.model.top}`);\r\n    }\r\n\r\n    // Handle skip\r\n    if (this.model.skip) {\r\n      queryParts.push(`$skip=${this.model.skip}`);\r\n    }\r\n\r\n    const query = queryParts.join('&');\r\n    this.queryChange.emit(query);\r\n    return query;\r\n  }\r\n}\r\n","<div class=\"p-4 bg-white rounded-lg shadow-md\">\n  <h2 class=\"text-xl font-semibold mb-4 text-gray-800\">OData Query Builder</h2>\n\n  <formly-form\n    [form]=\"form\"\n    [model]=\"model\"\n    [fields]=\"fields\"\n    class=\"space-y-4\"\n  ></formly-form>\n\n  <div class=\"mt-6 flex justify-end space-x-3\">\n    <button\n      pButton\n      type=\"button\"\n      label=\"Reset\"\n      icon=\"pi pi-refresh\"\n      class=\"p-button-outlined\"\n      (click)=\"form.reset()\"\n    ></button>\n\n    <button\n      pButton\n      type=\"button\"\n      label=\"Build Query\"\n      icon=\"pi pi-cog\"\n      (click)=\"buildQuery()\"\n    ></button>\n  </div>\n\n  @if (form.valid && form.dirty) {\n    <div class=\"mt-6 p-4 bg-gray-50 rounded\">\n      <h3 class=\"font-medium text-gray-700 mb-2\">Generated OData Query:</h3>\n      <pre class=\"p-3 bg-gray-100 rounded text-sm overflow-x-auto\">{{ buildQuery() }}</pre>\n    </div>\n  }\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/es.framework-ng.ui.core-query-type.mjs

@@ -0,0 +1,162 @@
+import * as i0 from '@angular/core';
+import { NgModule, Component } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { FieldType, FormlyForm } from '@ngx-formly/core';
+import { FormGroup, FormsModule } from '@angular/forms';
+import { Subject, takeUntil } from 'rxjs';
+import * as i1 from '@es.framework/ng.ui.core/generic-search-advanced';
+
+class QueryTypeModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: QueryTypeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.1.3", ngImport: i0, type: QueryTypeModule, imports: [CommonModule] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: QueryTypeModule, imports: [CommonModule] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: QueryTypeModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule],
+                }]
+        }] });
+
+class QueryTypeComponent extends FieldType {
+    queryBuilderService;
+    destroy$ = new Subject();
+    queryForm = new FormGroup({});
+    queryModel = {};
+    queryOptions = {};
+    enableQueryBuilder = true;
+    hasQueryBuilderError = false;
+    fields_ = [];
+    get filterFields() {
+        return this.props['filterFields'] || [];
+    }
+    constructor(queryBuilderService) {
+        super();
+        this.queryBuilderService = queryBuilderService;
+    }
+    ngOnInit() {
+        // Initialize based on current value
+        this.initQueryBuilder();
+        // Listen to form changes
+        this.formControl.valueChanges
+            .pipe(takeUntil(this.destroy$))
+            .subscribe(value => {
+            if (!this.enableQueryBuilder) {
+                this.tryParseJson(value);
+            }
+        });
+    }
+    initQueryBuilder() {
+        const currentValue = this.formControl.value;
+        // If we have value and it's JSON, try to parse it
+        if (currentValue) {
+            const parsed = this.tryParseJson(currentValue);
+            if (parsed && this.filterFields.length > 0) {
+                this.enableQueryBuilder = true;
+                this.queryModel = parsed;
+            }
+        }
+        this.buildQueryUIFields();
+        this.setupQueryFormListeners();
+    }
+    buildQueryUIFields() {
+        if (this.enableQueryBuilder && this.filterFields.length > 0) {
+            try {
+                this.fields_ = this.queryBuilderService.buildQueryUIFields(this.filterFields, true, true);
+                this.hasQueryBuilderError = false;
+            }
+            catch (error) {
+                console.error('Error building query UI fields:', error);
+                this.hasQueryBuilderError = true;
+                this.fields_ = [];
+            }
+        }
+        else {
+            this.fields_ = this.filterFields;
+        }
+    }
+    setupQueryFormListeners() {
+        this.queryForm.valueChanges
+            .pipe(takeUntil(this.destroy$))
+            .subscribe(() => {
+            this.onQueryBuilderChange();
+        });
+    }
+    onQueryBuilderChange() {
+        if (!this.enableQueryBuilder || this.hasQueryBuilderError)
+            return;
+        try {
+            const odataParams = this.queryBuilderService.buildODataFromQueryModel(this.queryModel, this.filterFields);
+            const queryString = this.queryBuilderService.toODataQueryString(odataParams);
+            // Update the main form control
+            if (queryString) {
+                this.formControl.setValue(queryString, { emitEvent: true });
+            }
+        }
+        catch (error) {
+            console.error('Error building query:', error);
+            this.hasQueryBuilderError = true;
+        }
+    }
+    toggleQueryBuilder() {
+        this.enableQueryBuilder = !this.enableQueryBuilder;
+        this.buildQueryUIFields();
+        if (this.enableQueryBuilder) {
+            // When switching to query builder, try to parse existing JSON
+            const currentValue = this.formControl.value;
+            if (currentValue) {
+                const parsed = this.tryParseJson(currentValue);
+                if (parsed) {
+                    this.queryModel = parsed;
+                }
+            }
+        }
+        else {
+            // When switching back to JSON, ensure we have the latest value
+            this.onQueryBuilderChange();
+        }
+    }
+    tryParseJson(value) {
+        const params = this.queryBuilderService.parseODataQuery(value);
+        return this.queryBuilderService.queryParamsToFormModel(params);
+    }
+    ngOnDestroy() {
+        this.destroy$.next();
+        this.destroy$.complete();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: QueryTypeComponent, deps: [{ token: i1.QueryBuilderService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.3", type: QueryTypeComponent, isStandalone: true, selector: "formly-query-type", usesInheritance: true, ngImport: i0, template: `
+    <formly-form
+          [form]="queryForm"
+          [fields]="fields_"
+          [model]="queryModel"
+          [options]="queryOptions">
+        </formly-form>
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: FormlyForm, selector: "formly-form", inputs: ["form", "model", "fields", "options"], outputs: ["modelChange"] }, { kind: "ngmodule", type: FormsModule }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: QueryTypeComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'formly-query-type',
+                    imports: [
+                        CommonModule,
+                        FormlyForm,
+                        FormsModule,
+                    ],
+                    template: `
+    <formly-form
+          [form]="queryForm"
+          [fields]="fields_"
+          [model]="queryModel"
+          [options]="queryOptions">
+        </formly-form>
+  `,
+                }]
+        }], ctorParameters: () => [{ type: i1.QueryBuilderService }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { QueryTypeComponent, QueryTypeModule };
+//# sourceMappingURL=es.framework-ng.ui.core-query-type.mjs.map

package/fesm2022/es.framework-ng.ui.core-query-type.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"es.framework-ng.ui.core-query-type.mjs","sources":["../../../../libs/ng.ui.core/query-type/src/lib/query-type.module.ts","../../../../libs/ng.ui.core/query-type/src/lib/query.type.ts","../../../../libs/ng.ui.core/query-type/src/es.framework-ng.ui.core-query-type.ts"],"sourcesContent":["import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\n@NgModule({\n  imports: [CommonModule],\n})\nexport class QueryTypeModule {}\n","import { Component, OnInit, OnDestroy } from '@angular/core';\nimport { FieldType, FieldTypeConfig, FormlyFieldConfig, FormlyForm } from '@ngx-formly/core';\nimport { FormGroup, FormsModule } from '@angular/forms';\nimport { Subject, takeUntil } from 'rxjs';\nimport { CommonModule } from '@angular/common';\nimport { QueryBuilderService } from '@es.framework/ng.ui.core/generic-search-advanced';\n\n@Component({\n  selector: 'formly-query-type',\n  imports: [\n    CommonModule,\n    FormlyForm,\n    FormsModule,\n  ],\n  template: `\n    <formly-form\n          [form]=\"queryForm\"\n          [fields]=\"fields_\"\n          [model]=\"queryModel\"\n          [options]=\"queryOptions\">\n        </formly-form>\n  `,\n})\nexport class QueryTypeComponent extends FieldType<FieldTypeConfig> implements OnInit, OnDestroy {\n  private destroy$ = new Subject<void>();\n\n  queryForm = new FormGroup({});\n  queryModel: any = {};\n  queryOptions: any = {};\n\n  enableQueryBuilder = true;\n  hasQueryBuilderError = false;\n  fields_: FormlyFieldConfig[] = [];\n\n  get filterFields(): FormlyFieldConfig[] {\n    return this.props['filterFields'] || [];\n  }\n\n  constructor(private queryBuilderService: QueryBuilderService) {\n    super();\n  }\n\n  ngOnInit() {\n    // Initialize based on current value\n    this.initQueryBuilder();\n\n    // Listen to form changes\n    this.formControl.valueChanges\n      .pipe(takeUntil(this.destroy$))\n      .subscribe(value => {\n        if (!this.enableQueryBuilder) {\n          this.tryParseJson(value);\n        }\n      });\n  }\n\n  private initQueryBuilder() {\n    const currentValue = this.formControl.value;\n\n    // If we have value and it's JSON, try to parse it\n    if (currentValue) {\n      const parsed = this.tryParseJson(currentValue);\n      if (parsed && this.filterFields.length > 0) {\n        this.enableQueryBuilder = true;\n        this.queryModel = parsed;\n      }\n    }\n\n    this.buildQueryUIFields();\n    this.setupQueryFormListeners();\n  }\n\n  private buildQueryUIFields() {\n    if (this.enableQueryBuilder && this.filterFields.length > 0) {\n      try {\n        this.fields_ = this.queryBuilderService.buildQueryUIFields(\n          this.filterFields,\n          true,\n          true\n        );\n\n        this.hasQueryBuilderError = false;\n      } catch (error) {\n        console.error('Error building query UI fields:', error);\n        this.hasQueryBuilderError = true;\n        this.fields_ = [];\n      }\n    } else {\n      this.fields_ = this.filterFields;\n    }\n  }\n\n  private setupQueryFormListeners() {\n    this.queryForm.valueChanges\n      .pipe(takeUntil(this.destroy$))\n      .subscribe(() => {\n        this.onQueryBuilderChange();\n      });\n  }\n\n  private onQueryBuilderChange() {\n    if (!this.enableQueryBuilder || this.hasQueryBuilderError) return;\n\n    try {\n      const odataParams = this.queryBuilderService.buildODataFromQueryModel(\n        this.queryModel,\n        this.filterFields\n      );\n      const queryString = this.queryBuilderService.toODataQueryString(odataParams);\n\n      // Update the main form control\n      if (queryString) {\n        this.formControl.setValue(queryString, { emitEvent: true });\n      }\n    } catch (error) {\n      console.error('Error building query:', error);\n      this.hasQueryBuilderError = true;\n    }\n  }\n\n  toggleQueryBuilder() {\n    this.enableQueryBuilder = !this.enableQueryBuilder;\n    this.buildQueryUIFields();\n\n    if (this.enableQueryBuilder) {\n      // When switching to query builder, try to parse existing JSON\n      const currentValue = this.formControl.value;\n      if (currentValue) {\n        const parsed = this.tryParseJson(currentValue);\n        if (parsed) {\n          this.queryModel = parsed;\n        }\n      }\n    } else {\n      // When switching back to JSON, ensure we have the latest value\n      this.onQueryBuilderChange();\n    }\n  }\n\n\n  private tryParseJson(value: string): any {\n     const params = this.queryBuilderService.parseODataQuery(value);\n    return this.queryBuilderService.queryParamsToFormModel(params);\n  }\n\n  ngOnDestroy() {\n    this.destroy$.next();\n    this.destroy$.complete();\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}