@elite.framework/ng.ui.core 1.0.56 → 1.0.59

package/fesm2022/elite.framework-ng.ui.core-generic-search-advanced.mjs

@@ -0,0 +1,808 @@
+import * as i0 from '@angular/core';
+import { NgModule, Injectable, Component, inject, EventEmitter, Input, Output, ViewChild } from '@angular/core';
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i2 from '@angular/forms';
+import { FormsModule, FormGroup, ReactiveFormsModule } from '@angular/forms';
+import * as i6$1 from '@ngx-formly/core';
+import { FieldType, FormlyForm, FormlyModule } from '@ngx-formly/core';
+import * as i7 from '@ngx-translate/core';
+import { TranslateService, TranslateModule } from '@ngx-translate/core';
+import { ToolbarModule } from 'primeng/toolbar';
+import * as i1$1 from 'primeng/button';
+import { ButtonModule } from 'primeng/button';
+import { PopoverModule } from 'primeng/popover';
+import { InputIconModule } from 'primeng/inputicon';
+import * as i3$1 from 'primeng/iconfield';
+import { IconFieldModule } from 'primeng/iconfield';
+import * as i4 from 'primeng/inputtext';
+import { InputTextModule } from 'primeng/inputtext';
+import * as i5 from 'primeng/drawer';
+import { DrawerModule } from 'primeng/drawer';
+import * as i6 from 'primeng/checkbox';
+import { CheckboxModule } from 'primeng/checkbox';
+import * as i3 from 'primeng/select';
+import { SelectModule } from 'primeng/select';
+import { DatePickerModule } from 'primeng/datepicker';
+
+class GenericSearchAdvancedModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: GenericSearchAdvancedModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.8", ngImport: i0, type: GenericSearchAdvancedModule, imports: [CommonModule] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: GenericSearchAdvancedModule, imports: [CommonModule] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: GenericSearchAdvancedModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule],
+                }]
+        }] });
+
+// query-builder.service.ts
+class QueryBuilderService {
+    buildQueryUIFields(fields) {
+        return [
+            {
+                key: 'quickSearch',
+                type: 'input',
+                props: {
+                    label: 'بحث سريع',
+                    placeholder: 'ابحث في جميع الحقول...',
+                    icon: 'pi pi-search'
+                }
+            },
+            {
+                key: 'advancedFilters',
+                type: 'query-builder',
+                props: {
+                    label: 'مرشحات متقدمة',
+                    fields: this.extractFilterableFields(fields)
+                }
+            },
+            {
+                key: 'sorting',
+                type: 'sort-builder',
+                props: {
+                    label: 'ترتيب النتائج',
+                    fields: this.extractSortableFields(fields)
+                }
+            },
+            {
+                key: 'pagination',
+                type: 'group',
+                props: { label: 'التقسيم الصفحي' },
+                fieldGroup: [
+                    {
+                        key: 'top',
+                        type: 'input',
+                        props: {
+                            type: 'number',
+                            label: 'عدد السجلات',
+                            min: 1,
+                            max: 1000,
+                            description: 'أقصى عدد للسجلات المراد عرضها'
+                        }
+                    },
+                    {
+                        key: 'skip',
+                        type: 'input',
+                        props: {
+                            type: 'number',
+                            label: 'تخطي السجلات',
+                            min: 0,
+                            description: 'عدد السجلات التي سيتم تخطيها'
+                        }
+                    }
+                ]
+            },
+            {
+                key: 'expand',
+                type: 'multiselect',
+                props: {
+                    label: 'توسيع الحقول',
+                    options: this.extractExpandableFields(fields),
+                    placeholder: 'اختر الحقول للتوسيع'
+                }
+            }
+        ];
+    }
+    extractFilterableFields(fields) {
+        const filterableFields = [];
+        this.traverseFields(fields, (field) => {
+            if (field.key && field.props && field.props['filterable'] !== false && !field.props?.hidden) {
+                filterableFields.push({
+                    key: field.key,
+                    label: field.props.label || field.key,
+                    type: this.mapFieldType(field.type),
+                    operators: this.getOperatorsForType(field.type)
+                });
+            }
+        });
+        return filterableFields;
+    }
+    extractSortableFields(fields) {
+        const sortableFields = [];
+        this.traverseFields(fields, (field) => {
+            if (field.key && field.props && field.props['sortable'] !== false && !field.props?.hidden) {
+                sortableFields.push({
+                    key: field.key,
+                    label: field.props.label || field.key
+                });
+            }
+        });
+        return sortableFields;
+    }
+    extractExpandableFields(fields) {
+        const expandableFields = [];
+        this.traverseFields(fields, (field) => {
+            if (field.key && field.props && field.props['expandable'] && !field.props?.hidden) {
+                expandableFields.push({
+                    label: field.props.label || field.key,
+                    value: field.key
+                });
+            }
+        });
+        return expandableFields;
+    }
+    traverseFields(fields, callback) {
+        fields.forEach(field => {
+            callback(field);
+            if (field.fieldGroup) {
+                this.traverseFields(field.fieldGroup, callback);
+            }
+            if (field.fieldGroup) {
+                this.traverseFields(field.fieldGroup ?? [], callback);
+            }
+        });
+    }
+    mapFieldType(type) {
+        const typeMap = {
+            'input': 'string',
+            'number': 'number',
+            'datepicker': 'date',
+            'select': 'string',
+            'checkbox': 'boolean',
+            'radio': 'string',
+            'textarea': 'string'
+        };
+        return typeMap[type || 'input'] || 'string';
+    }
+    getOperatorsForType(type) {
+        const operatorsMap = {
+            'string': ['eq', 'ne', 'contains', 'startswith', 'endswith'],
+            'number': ['eq', 'ne', 'gt', 'ge', 'lt', 'le'],
+            'date': ['eq', 'ne', 'gt', 'ge', 'lt', 'le'],
+            'boolean': ['eq', 'ne']
+        };
+        return operatorsMap[this.mapFieldType(type)] || ['eq', 'ne'];
+    }
+    buildODataFromQueryModel(model, originalFields) {
+        const params = {
+            filters: [],
+            orderBy: [],
+            groupBy: [],
+            expand: model.expand || []
+        };
+        // Quick search
+        if (model.quickSearch) {
+            const searchableFields = this.extractFilterableFields(originalFields);
+            searchableFields.forEach(field => {
+                params.filters.push({
+                    field: field.key,
+                    operator: 'contains',
+                    value: model.quickSearch,
+                    logicalOperator: 'or'
+                });
+            });
+        }
+        // Advanced filters
+        if (model.advancedFilters && Array.isArray(model.advancedFilters)) {
+            model.advancedFilters.forEach((filter) => {
+                if (filter.field && filter.operator && filter.value !== undefined && filter.value !== '') {
+                    params.filters.push({
+                        field: filter.field,
+                        operator: filter.operator,
+                        value: filter.value,
+                        logicalOperator: 'and'
+                    });
+                }
+            });
+        }
+        // Sorting
+        if (model.sorting && Array.isArray(model.sorting)) {
+            model.sorting.forEach((sort) => {
+                if (sort.field && sort.direction) {
+                    params.orderBy.push({
+                        field: sort.field,
+                        direction: sort.direction
+                    });
+                }
+            });
+        }
+        // Pagination
+        if (model.pagination) {
+            if (model.pagination.top) {
+                params.top = Number(model.pagination.top);
+            }
+            if (model.pagination.skip) {
+                params.skip = Number(model.pagination.skip);
+            }
+        }
+        return params;
+    }
+    toODataQueryString(params) {
+        const queryParts = [];
+        // Filters
+        if (params.filters.length > 0) {
+            const filterGroups = {};
+            params.filters.forEach(filter => {
+                const logicalOp = filter.logicalOperator || 'and';
+                if (!filterGroups[logicalOp]) {
+                    filterGroups[logicalOp] = [];
+                }
+                filterGroups[logicalOp].push(`${filter.field} ${filter.operator} ${this.formatODataValue(filter.value)}`);
+            });
+            let filterString = '';
+            Object.keys(filterGroups).forEach((op, index) => {
+                if (index > 0)
+                    filterString += ' and ';
+                if (filterGroups[op].length > 1) {
+                    filterString += `(${filterGroups[op].join(` ${op} `)})`;
+                }
+                else {
+                    filterString += filterGroups[op][0];
+                }
+            });
+            queryParts.push(`$filter=${encodeURIComponent(filterString)}`);
+        }
+        // Order by
+        if (params.orderBy.length > 0) {
+            const orderByString = params.orderBy.map(order => `${order.field} ${order.direction}`).join(',');
+            queryParts.push(`$orderby=${encodeURIComponent(orderByString)}`);
+        }
+        // Expand
+        if (params.expand && params.expand.length > 0) {
+            queryParts.push(`$expand=${encodeURIComponent(params.expand.join(','))}`);
+        }
+        // Top
+        if (params.top) {
+            queryParts.push(`$top=${params.top}`);
+        }
+        // Skip
+        if (params.skip) {
+            queryParts.push(`$skip=${params.skip}`);
+        }
+        return queryParts.length > 0 ? '?' + queryParts.join('&') : '';
+    }
+    formatODataValue(value) {
+        if (typeof value === 'string') {
+            return `'${value.replace(/'/g, "''")}'`;
+        }
+        else if (value instanceof Date) {
+            return `'${value.toISOString()}'`;
+        }
+        else if (typeof value === 'boolean') {
+            return value.toString();
+        }
+        return value;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: QueryBuilderService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: QueryBuilderService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: QueryBuilderService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }] });
+
+// query-builder.component.ts
+class QueryBuilderComponent extends FieldType {
+    conditions = [];
+    ngOnInit() {
+        if (this.formControl.value && Array.isArray(this.formControl.value)) {
+            this.conditions = [...this.formControl.value];
+        }
+    }
+    addCondition() {
+        this.conditions.push({ field: '', operator: 'eq', value: '' });
+        this.updateValue();
+    }
+    removeCondition(index) {
+        this.conditions.splice(index, 1);
+        this.updateValue();
+    }
+    onFieldChange(condition) {
+        condition.operator = 'eq';
+        condition.value = '';
+        this.updateValue();
+    }
+    updateValue() {
+        this.formControl.setValue([...this.conditions]);
+    }
+    getOperatorsForField(fieldKey) {
+        if (!fieldKey)
+            return [];
+        const field = this.props['fields'].find((f) => f.key === fieldKey);
+        const operators = field?.operators || ['eq', 'ne'];
+        return operators.map((op) => ({
+            label: this.getOperatorLabel(op),
+            value: op
+        }));
+    }
+    getOperatorLabel(operator) {
+        const labels = {
+            'eq': 'يساوي',
+            'ne': 'لا يساوي',
+            'contains': 'يحتوي على',
+            'startswith': 'يبدأ بـ',
+            'endswith': 'ينتهي بـ',
+            'gt': 'أكبر من',
+            'ge': 'أكبر أو يساوي',
+            'lt': 'أصغر من',
+            'le': 'أصغر أو يساوي'
+        };
+        return labels[operator] || operator;
+    }
+    getFieldType(fieldKey) {
+        const field = this.props['fields'].find((f) => f.key === fieldKey);
+        return field?.type || 'string';
+    }
+    getInputType(fieldKey) {
+        const type = this.getFieldType(fieldKey);
+        return type === 'number' ? 'number' : 'text';
+    }
+    getValuePlaceholder(fieldKey) {
+        return 'القيمة';
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: QueryBuilderComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.8", type: QueryBuilderComponent, isStandalone: true, selector: "formly-query-builder", usesInheritance: true, ngImport: i0, template: `
+    <div class="query-builder p-3 border-round border-1 surface-border">
+      <h4 class="mt-0">{{ props.label }}</h4>
+
+      <div *ngFor="let condition of conditions; let i = index" class="condition-row mb-2 p-2 border-round surface-card">
+        <div class="grid grid-nogutter align-items-center gap-2">
+          <!-- Field Selector -->
+          <div class="col">
+            <p-select
+              [options]="props['fields']"
+              optionLabel="label"
+              optionValue="key"
+              [(ngModel)]="condition.field"
+              (onChange)="onFieldChange(condition)"
+              placeholder="اختر الحقل"
+              [showClear]="true"
+              styleClass="w-full">
+            </p-select>
+          </div>
+
+          <!-- Operator Selector -->
+          <div class="col">
+            <p-select
+              [options]="getOperatorsForField(condition.field)"
+              [(ngModel)]="condition.operator"
+              placeholder="المعامل"
+              styleClass="w-full">
+            </p-select>
+          </div>
+
+          <!-- Value Input -->
+          <div class="col" *ngIf="condition.field && getFieldType(condition.field) !== 'boolean'">
+            <input
+              *ngIf="getFieldType(condition.field) !== 'date'"
+              pInputText
+              [(ngModel)]="condition.value"
+              [type]="getInputType(condition.field)"
+              [placeholder]="getValuePlaceholder(condition.field)"
+              styleClass="w-full">
+
+            <p-calendar
+              *ngIf="getFieldType(condition.field) === 'date'"
+              [(ngModel)]="condition.value"
+              dateFormat="yy-mm-dd"
+              styleClass="w-full">
+            </p-calendar>
+          </div>
+
+          <!-- Boolean Value -->
+          <div class="col" *ngIf="condition.field && getFieldType(condition.field) === 'boolean'">
+            <p-checkbox
+              [(ngModel)]="condition.value"
+              [binary]="true">
+            </p-checkbox>
+          </div>
+
+          <!-- Remove Button -->
+          <div class="col-fixed">
+            <button
+              pButton
+              icon="pi pi-times"
+              class="p-button-danger p-button-text"
+              (click)="removeCondition(i)">
+            </button>
+          </div>
+        </div>
+      </div>
+
+      <button
+        pButton
+        icon="pi pi-plus"
+        label="إضافة شرط"
+        class="p-button-outlined w-full"
+        (click)="addCondition()">
+      </button>
+    </div>
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: SelectModule }, { kind: "component", type: i3.Select, selector: "p-select", inputs: ["id", "scrollHeight", "filter", "panelStyle", "styleClass", "panelStyleClass", "readonly", "editable", "tabindex", "placeholder", "loadingIcon", "filterPlaceholder", "filterLocale", "inputId", "dataKey", "filterBy", "filterFields", "autofocus", "resetFilterOnHide", "checkmark", "dropdownIcon", "loading", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "group", "showClear", "emptyFilterMessage", "emptyMessage", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "focusOnHover", "selectOnFocus", "autoOptionFocus", "autofocusFilter", "filterValue", "options", "appendTo"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }, { kind: "ngmodule", type: InputTextModule }, { kind: "directive", type: i4.InputText, selector: "[pInputText]", inputs: ["pSize", "variant", "fluid", "invalid"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i1$1.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "loading", "severity", "raised", "rounded", "text", "outlined", "size", "plain", "fluid", "label", "icon", "buttonProps"] }, { kind: "ngmodule", type: DatePickerModule }, { kind: "ngmodule", type: CheckboxModule }, { kind: "component", type: i6.Checkbox, selector: "p-checkbox, p-checkBox, p-check-box", inputs: ["value", "binary", "ariaLabelledBy", "ariaLabel", "tabindex", "inputId", "inputStyle", "styleClass", "inputClass", "indeterminate", "formControl", "checkboxIcon", "readonly", "autofocus", "trueValue", "falseValue", "variant", "size"], outputs: ["onChange", "onFocus", "onBlur"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: QueryBuilderComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'formly-query-builder',
+                    standalone: true,
+                    imports: [
+                        CommonModule,
+                        FormsModule,
+                        SelectModule,
+                        InputTextModule,
+                        ButtonModule,
+                        DatePickerModule,
+                        CheckboxModule
+                    ],
+                    template: `
+    <div class="query-builder p-3 border-round border-1 surface-border">
+      <h4 class="mt-0">{{ props.label }}</h4>
+
+      <div *ngFor="let condition of conditions; let i = index" class="condition-row mb-2 p-2 border-round surface-card">
+        <div class="grid grid-nogutter align-items-center gap-2">
+          <!-- Field Selector -->
+          <div class="col">
+            <p-select
+              [options]="props['fields']"
+              optionLabel="label"
+              optionValue="key"
+              [(ngModel)]="condition.field"
+              (onChange)="onFieldChange(condition)"
+              placeholder="اختر الحقل"
+              [showClear]="true"
+              styleClass="w-full">
+            </p-select>
+          </div>
+
+          <!-- Operator Selector -->
+          <div class="col">
+            <p-select
+              [options]="getOperatorsForField(condition.field)"
+              [(ngModel)]="condition.operator"
+              placeholder="المعامل"
+              styleClass="w-full">
+            </p-select>
+          </div>
+
+          <!-- Value Input -->
+          <div class="col" *ngIf="condition.field && getFieldType(condition.field) !== 'boolean'">
+            <input
+              *ngIf="getFieldType(condition.field) !== 'date'"
+              pInputText
+              [(ngModel)]="condition.value"
+              [type]="getInputType(condition.field)"
+              [placeholder]="getValuePlaceholder(condition.field)"
+              styleClass="w-full">
+
+            <p-calendar
+              *ngIf="getFieldType(condition.field) === 'date'"
+              [(ngModel)]="condition.value"
+              dateFormat="yy-mm-dd"
+              styleClass="w-full">
+            </p-calendar>
+          </div>
+
+          <!-- Boolean Value -->
+          <div class="col" *ngIf="condition.field && getFieldType(condition.field) === 'boolean'">
+            <p-checkbox
+              [(ngModel)]="condition.value"
+              [binary]="true">
+            </p-checkbox>
+          </div>
+
+          <!-- Remove Button -->
+          <div class="col-fixed">
+            <button
+              pButton
+              icon="pi pi-times"
+              class="p-button-danger p-button-text"
+              (click)="removeCondition(i)">
+            </button>
+          </div>
+        </div>
+      </div>
+
+      <button
+        pButton
+        icon="pi pi-plus"
+        label="إضافة شرط"
+        class="p-button-outlined w-full"
+        (click)="addCondition()">
+      </button>
+    </div>
+  `
+                }]
+        }] });
+
+// sort-builder.component.ts
+class SortBuilderComponent extends FieldType {
+    sorts = [];
+    directionOptions = [
+        { label: 'تصاعدي', value: 'asc' },
+        { label: 'تنازلي', value: 'desc' }
+    ];
+    ngOnInit() {
+        if (this.formControl.value && Array.isArray(this.formControl.value)) {
+            this.sorts = [...this.formControl.value];
+        }
+    }
+    addSort() {
+        this.sorts.push({ field: '', direction: 'asc' });
+        this.updateValue();
+    }
+    removeSort(index) {
+        this.sorts.splice(index, 1);
+        this.updateValue();
+    }
+    updateValue() {
+        this.formControl.setValue([...this.sorts]);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: SortBuilderComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.8", type: SortBuilderComponent, isStandalone: true, selector: "formly-sort-builder", usesInheritance: true, ngImport: i0, template: `
+    <div class="sort-builder p-3 border-round border-1 surface-border">
+      <h4 class="mt-0">{{ props.label }}</h4>
+
+      <div *ngFor="let sort of sorts; let i = index" class="sort-row mb-2 p-2 border-round surface-card">
+        <div class="grid grid-nogutter align-items-center gap-2">
+          <!-- Field Selector -->
+          <div class="col">
+            <p-select
+              [options]="props['fields']"
+              optionLabel="label"
+              optionValue="key"
+              [(ngModel)]="sort.field"
+              placeholder="اختر الحقل للترتيب"
+              [showClear]="true"
+              styleClass="w-full">
+            </p-select>
+          </div>
+
+          <!-- Direction Selector -->
+          <div class="col">
+            <p-select
+              [options]="directionOptions"
+              [(ngModel)]="sort.direction"
+              placeholder="الاتجاه"
+              styleClass="w-full">
+            </p-select>
+          </div>
+
+          <!-- Remove Button -->
+          <div class="col-fixed">
+            <button
+              pButton
+              icon="pi pi-times"
+              class="p-button-danger p-button-text"
+              (click)="removeSort(i)">
+            </button>
+          </div>
+        </div>
+      </div>
+
+      <button
+        pButton
+        icon="pi pi-sort-alt"
+        label="إضافة ترتيب"
+        class="p-button-outlined w-full"
+        (click)="addSort()">
+      </button>
+    </div>
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: SelectModule }, { kind: "component", type: i3.Select, selector: "p-select", inputs: ["id", "scrollHeight", "filter", "panelStyle", "styleClass", "panelStyleClass", "readonly", "editable", "tabindex", "placeholder", "loadingIcon", "filterPlaceholder", "filterLocale", "inputId", "dataKey", "filterBy", "filterFields", "autofocus", "resetFilterOnHide", "checkmark", "dropdownIcon", "loading", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "group", "showClear", "emptyFilterMessage", "emptyMessage", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "focusOnHover", "selectOnFocus", "autoOptionFocus", "autofocusFilter", "filterValue", "options", "appendTo"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i1$1.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "loading", "severity", "raised", "rounded", "text", "outlined", "size", "plain", "fluid", "label", "icon", "buttonProps"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: SortBuilderComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'formly-sort-builder',
+                    standalone: true,
+                    imports: [CommonModule, FormsModule, SelectModule, ButtonModule],
+                    template: `
+    <div class="sort-builder p-3 border-round border-1 surface-border">
+      <h4 class="mt-0">{{ props.label }}</h4>
+
+      <div *ngFor="let sort of sorts; let i = index" class="sort-row mb-2 p-2 border-round surface-card">
+        <div class="grid grid-nogutter align-items-center gap-2">
+          <!-- Field Selector -->
+          <div class="col">
+            <p-select
+              [options]="props['fields']"
+              optionLabel="label"
+              optionValue="key"
+              [(ngModel)]="sort.field"
+              placeholder="اختر الحقل للترتيب"
+              [showClear]="true"
+              styleClass="w-full">
+            </p-select>
+          </div>
+
+          <!-- Direction Selector -->
+          <div class="col">
+            <p-select
+              [options]="directionOptions"
+              [(ngModel)]="sort.direction"
+              placeholder="الاتجاه"
+              styleClass="w-full">
+            </p-select>
+          </div>
+
+          <!-- Remove Button -->
+          <div class="col-fixed">
+            <button
+              pButton
+              icon="pi pi-times"
+              class="p-button-danger p-button-text"
+              (click)="removeSort(i)">
+            </button>
+          </div>
+        </div>
+      </div>
+
+      <button
+        pButton
+        icon="pi pi-sort-alt"
+        label="إضافة ترتيب"
+        class="p-button-outlined w-full"
+        (click)="addSort()">
+      </button>
+    </div>
+  `
+                }]
+        }] });
+
+// generic-search.component.ts
+class GenericSearchAdvanced {
+    overlay;
+    translate = inject(TranslateService);
+    queryBuilder = inject(QueryBuilderService);
+    drawerVisible = false;
+    search = new EventEmitter();
+    odataSearch = new EventEmitter();
+    form = new FormGroup({});
+    model = {};
+    options = {};
+    fields = [];
+    fields_ = [];
+    enableQueryBuilder = false;
+    odataConfig = {};
+    ngOnInit() {
+        this.buildQueryUIFields();
+    }
+    buildQueryUIFields() {
+        if (this.enableQueryBuilder) {
+            this.fields_ = this.queryBuilder.buildQueryUIFields(this.fields);
+        }
+        else {
+            this.fields_ = this.fields;
+        }
+    }
+    onSubmit() {
+        this.search.emit(this.model);
+        if (this.enableQueryBuilder) {
+            const odataParams = this.queryBuilder.buildODataFromQueryModel(this.model, this.fields);
+            this.odataSearch.emit(odataParams);
+            // Generate query string
+            const queryString = this.queryBuilder.toODataQueryString(odataParams);
+            console.log('OData Query String:', queryString);
+        }
+        else {
+            // Use existing logic for non-query-builder mode
+            const odataParams = this.buildODataQueryParameters(this.model);
+            this.odataSearch.emit(odataParams);
+        }
+    }
+    onReset() {
+        this.model = {};
+        this.form.reset();
+        this.search.emit(this.model);
+        this.odataSearch.emit({
+            filters: [],
+            orderBy: [],
+            groupBy: [],
+            expand: []
+        });
+    }
+    // Existing OData building methods for backward compatibility
+    buildODataQueryParameters(model) {
+        const params = {
+            filters: [],
+            orderBy: [],
+            groupBy: [],
+            expand: this.odataConfig.expandFields || []
+        };
+        Object.keys(model).forEach(key => {
+            const value = model[key];
+            if (value === null || value === undefined || value === '' ||
+                (Array.isArray(value) && value.length === 0)) {
+                return;
+            }
+            if (typeof value === 'object' && value !== null) {
+                this.processComplexField(key, value, params);
+            }
+            else {
+                params.filters.push({
+                    field: key,
+                    operator: 'eq',
+                    value: value,
+                    logicalOperator: 'and'
+                });
+            }
+        });
+        return params;
+    }
+    processComplexField(key, value, params) {
+        if (value.from || value.to) {
+            if (value.from) {
+                params.filters.push({
+                    field: key,
+                    operator: 'ge',
+                    value: value.from,
+                    logicalOperator: 'and'
+                });
+            }
+            if (value.to) {
+                params.filters.push({
+                    field: key,
+                    operator: 'le',
+                    value: value.to,
+                    logicalOperator: 'and'
+                });
+            }
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: GenericSearchAdvanced, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.8", type: GenericSearchAdvanced, isStandalone: true, selector: "lib-generic-search-advanced", inputs: { model: "model", fields: "fields", enableQueryBuilder: "enableQueryBuilder", odataConfig: "odataConfig" }, outputs: { search: "search", odataSearch: "odataSearch" }, viewQueries: [{ propertyName: "overlay", first: true, predicate: ["overlay"], descendants: true }], ngImport: i0, template: "<div class=\"flex flex-wrap items-center gap-3 w-full\">\r\n  <!-- Search Input with Icon -->\r\n  <p-iconfield iconPosition=\"left\">\r\n    <input\r\n      pInputText\r\n      type=\"text\"\r\n      (keyup.enter)=\"onSubmit()\"\r\n      [(ngModel)]=\"model['filter']\"\r\n      placeholder=\"{{ 'SEARCH' | translate }}\"\r\n    />\r\n  </p-iconfield>\r\n\r\n  <!-- Filter Button -->\r\n  <p-button\r\n    icon=\"pi pi-filter\"\r\n    outlined\r\n    severity=\"secondary\"\r\n    (onClick)=\"drawerVisible = true\"\r\n  ></p-button>\r\n</div>\r\n\r\n<!-- Drawer for Advanced Multi-field Search -->\r\n<p-drawer\r\n  [(visible)]=\"drawerVisible\"\r\n  position=\"right\"\r\n  [modal]=\"true\"\r\n  [dismissible]=\"true\"\r\n  styleClass=\"p-4 w-full max-w-md max-h-[90vh] flex flex-col\"\r\n>\r\n  <!-- Entire form wrapper -->\r\n  <form [formGroup]=\"form\" (ngSubmit)=\"onSubmit(); drawerVisible=false\" class=\"flex flex-col flex-1\">\r\n    <!-- Scrollable Form -->\r\n    <div class=\"flex-1 overflow-auto\">\r\n      <formly-form\r\n        [form]=\"form\"\r\n        [fields]=\"fields_\"\r\n        [model]=\"model\"\r\n        [options]=\"options\"\r\n      >\r\n      </formly-form>\r\n    </div>\r\n\r\n    <!-- Action Buttons -->\r\n    <div class=\"flex justify-end mt-2 space-x-2 flex-none\">\r\n      <button type=\"submit\" pButton size=\"small\" label=\"{{ 'SEARCH' | translate }}\"></button>\r\n      <button\r\n        type=\"button\"\r\n        pButton\r\n        size=\"small\"\r\n        class=\"p-button-text\"\r\n        (click)=\"onReset(); drawerVisible=false\"\r\n      >\r\n        {{ 'CLEAR' | translate }}\r\n      </button>\r\n    </div>\r\n  </form>\r\n</p-drawer>\r\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: FormlyForm, selector: "formly-form", inputs: ["form", "model", "fields", "options"], outputs: ["modelChange"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "ngmodule", type: ToolbarModule }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i1$1.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "loading", "severity", "raised", "rounded", "text", "outlined", "size", "plain", "fluid", "label", "icon", "buttonProps"] }, { kind: "component", type: i1$1.Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "raised", "rounded", "text", "plain", "severity", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "buttonProps", "autofocus", "fluid"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: PopoverModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: InputIconModule }, { kind: "ngmodule", type: IconFieldModule }, { kind: "component", type: i3$1.IconField, selector: "p-iconfield, p-iconField, p-icon-field", inputs: ["iconPosition", "styleClass"] }, { kind: "ngmodule", type: InputTextModule }, { kind: "directive", type: i4.InputText, selector: "[pInputText]", inputs: ["pSize", "variant", "fluid", "invalid"] }, { kind: "ngmodule", type: DrawerModule }, { kind: "component", type: i5.Drawer, selector: "p-drawer", inputs: ["appendTo", "blockScroll", "style", "styleClass", "ariaCloseLabel", "autoZIndex", "baseZIndex", "modal", "closeButtonProps", "dismissible", "showCloseIcon", "closeOnEscape", "transitionOptions", "visible", "position", "fullScreen", "header", "maskStyle", "closable"], outputs: ["onShow", "onHide", "visibleChange"] }, { kind: "ngmodule", type: FormlyModule }, { kind: "component", type: i6$1.LegacyFormlyForm, selector: "formly-form" }, { kind: "pipe", type: i7.TranslatePipe, name: "translate" }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: GenericSearchAdvanced, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-generic-search-advanced', standalone: true, imports: [
+                        CommonModule,
+                        FormlyForm,
+                        TranslateModule,
+                        ToolbarModule,
+                        ButtonModule,
+                        ReactiveFormsModule,
+                        PopoverModule,
+                        FormsModule,
+                        InputIconModule,
+                        IconFieldModule,
+                        InputTextModule,
+                        DrawerModule,
+                        FormlyModule,
+                        QueryBuilderComponent,
+                        SortBuilderComponent
+                    ], template: "<div class=\"flex flex-wrap items-center gap-3 w-full\">\r\n  <!-- Search Input with Icon -->\r\n  <p-iconfield iconPosition=\"left\">\r\n    <input\r\n      pInputText\r\n      type=\"text\"\r\n      (keyup.enter)=\"onSubmit()\"\r\n      [(ngModel)]=\"model['filter']\"\r\n      placeholder=\"{{ 'SEARCH' | translate }}\"\r\n    />\r\n  </p-iconfield>\r\n\r\n  <!-- Filter Button -->\r\n  <p-button\r\n    icon=\"pi pi-filter\"\r\n    outlined\r\n    severity=\"secondary\"\r\n    (onClick)=\"drawerVisible = true\"\r\n  ></p-button>\r\n</div>\r\n\r\n<!-- Drawer for Advanced Multi-field Search -->\r\n<p-drawer\r\n  [(visible)]=\"drawerVisible\"\r\n  position=\"right\"\r\n  [modal]=\"true\"\r\n  [dismissible]=\"true\"\r\n  styleClass=\"p-4 w-full max-w-md max-h-[90vh] flex flex-col\"\r\n>\r\n  <!-- Entire form wrapper -->\r\n  <form [formGroup]=\"form\" (ngSubmit)=\"onSubmit(); drawerVisible=false\" class=\"flex flex-col flex-1\">\r\n    <!-- Scrollable Form -->\r\n    <div class=\"flex-1 overflow-auto\">\r\n      <formly-form\r\n        [form]=\"form\"\r\n        [fields]=\"fields_\"\r\n        [model]=\"model\"\r\n        [options]=\"options\"\r\n      >\r\n      </formly-form>\r\n    </div>\r\n\r\n    <!-- Action Buttons -->\r\n    <div class=\"flex justify-end mt-2 space-x-2 flex-none\">\r\n      <button type=\"submit\" pButton size=\"small\" label=\"{{ 'SEARCH' | translate }}\"></button>\r\n      <button\r\n        type=\"button\"\r\n        pButton\r\n        size=\"small\"\r\n        class=\"p-button-text\"\r\n        (click)=\"onReset(); drawerVisible=false\"\r\n      >\r\n        {{ 'CLEAR' | translate }}\r\n      </button>\r\n    </div>\r\n  </form>\r\n</p-drawer>\r\n" }]
+        }], propDecorators: { overlay: [{
+                type: ViewChild,
+                args: ['overlay']
+            }], search: [{
+                type: Output
+            }], odataSearch: [{
+                type: Output
+            }], model: [{
+                type: Input
+            }], fields: [{
+                type: Input
+            }], enableQueryBuilder: [{
+                type: Input
+            }], odataConfig: [{
+                type: Input
+            }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { GenericSearchAdvanced, GenericSearchAdvancedModule, QueryBuilderComponent, QueryBuilderService, SortBuilderComponent };
+//# sourceMappingURL=elite.framework-ng.ui.core-generic-search-advanced.mjs.map