@es.framework/ng.ui.core 2.0.58

package/fesm2022/es.framework-ng.ui.core-generic-formly-fields.mjs

@@ -0,0 +1,63 @@
+import * as i0 from '@angular/core';
+import { NgModule, Input, Component } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { ReactiveFormsModule, FormsModule } from '@angular/forms';
+import { FormlyForm } from '@ngx-formly/core';
+
+class GenericFormlyFieldsModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: GenericFormlyFieldsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.1.3", ngImport: i0, type: GenericFormlyFieldsModule, imports: [CommonModule] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: GenericFormlyFieldsModule, imports: [CommonModule] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: GenericFormlyFieldsModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule],
+                }]
+        }] });
+
+class GenericFormlyFields {
+    /** الـ FormGroup الذي يُدار خارجيًا */
+    form;
+    /** حقول Formly */
+    fields = [];
+    /** النموذج (object) الذي سيُربط بالحقول */
+    model = {};
+    /** خيارات Formly (validation, hideExpression, ...) */
+    options = {};
+    // ngOnInit() {
+    //   // ما من حاجة هنا: يفترض أن form مُهيّأ في الخارج
+    // }
+    // ngOnChanges(changes: SimpleChanges) {
+    //   // لو احتجت تتعامل مع تغيّر الحقول أو الموديل، هنا المكان
+    // }
+    // دالة مساعدة للوصول الآمن لخصائص الحقل
+    getFieldIcon(field) {
+        return field.templateOptions?.['icon'] || null;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: GenericFormlyFields, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.3", type: GenericFormlyFields, isStandalone: true, selector: "lib-generic-formly-fields", inputs: { form: "form", fields: "fields", model: "model", options: "options" }, ngImport: i0, template: "<!-- \u064A\u0631\u0633\u0645 \u062D\u0642\u0648\u0644 Formly \u062F\u0627\u062E\u0644 \u0627\u0644\u0640 form \u0627\u0644\u0645\u0648\u062C\u0648\u062F -->\n<formly-form\n  [form]=\"form\"\n  [fields]=\"fields\"\n  [model]=\"model\"\n  [options]=\"options\">\n</formly-form>\n", dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: FormsModule }, { 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: GenericFormlyFields, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-generic-formly-fields', standalone: true, imports: [
+                        ReactiveFormsModule,
+                        FormsModule,
+                        FormlyForm
+                    ], template: "<!-- \u064A\u0631\u0633\u0645 \u062D\u0642\u0648\u0644 Formly \u062F\u0627\u062E\u0644 \u0627\u0644\u0640 form \u0627\u0644\u0645\u0648\u062C\u0648\u062F -->\n<formly-form\n  [form]=\"form\"\n  [fields]=\"fields\"\n  [model]=\"model\"\n  [options]=\"options\">\n</formly-form>\n" }]
+        }], propDecorators: { form: [{
+                type: Input
+            }], fields: [{
+                type: Input
+            }], model: [{
+                type: Input
+            }], options: [{
+                type: Input
+            }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { GenericFormlyFields, GenericFormlyFieldsModule };
+//# sourceMappingURL=es.framework-ng.ui.core-generic-formly-fields.mjs.map

package/fesm2022/es.framework-ng.ui.core-generic-formly-fields.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"es.framework-ng.ui.core-generic-formly-fields.mjs","sources":["../../../../libs/ng.ui.core/generic-formly-fields/src/lib/generic-formly-fields-module.ts","../../../../libs/ng.ui.core/generic-formly-fields/src/lib/generic-formly-fields.ts","../../../../libs/ng.ui.core/generic-formly-fields/src/lib/generic-formly-fields.html","../../../../libs/ng.ui.core/generic-formly-fields/src/es.framework-ng.ui.core-generic-formly-fields.ts"],"sourcesContent":["import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\n@NgModule({\n  imports: [CommonModule],\n})\nexport class GenericFormlyFieldsModule {}\n","import { Component, Input, OnInit, OnChanges, SimpleChanges } from '@angular/core';\n\nimport { ReactiveFormsModule, FormGroup, FormsModule }   from '@angular/forms';\nimport {  FormlyFormOptions, FormlyFieldConfig, FormlyForm } from '@ngx-formly/core';\n\n@Component({\n  selector: 'lib-generic-formly-fields',\n  standalone: true,\n  imports: [\n    ReactiveFormsModule,\n    FormsModule,\n    FormlyForm\n],\n  templateUrl: './generic-formly-fields.html',\n})\nexport class GenericFormlyFields  {\n  /** الـ FormGroup الذي يُدار خارجيًا */\n  @Input() form!: FormGroup;\n\n  /** حقول Formly */\n  @Input() fields: FormlyFieldConfig[] = [];\n\n  /** النموذج (object) الذي سيُربط بالحقول */\n  @Input() model: any = {};\n\n  /** خيارات Formly (validation, hideExpression, ...) */\n  @Input() options: FormlyFormOptions = {};\n\n  // ngOnInit() {\n  //   // ما من حاجة هنا: يفترض أن form مُهيّأ في الخارج\n  // }\n\n  // ngOnChanges(changes: SimpleChanges) {\n  //   // لو احتجت تتعامل مع تغيّر الحقول أو الموديل، هنا المكان\n  // }\n\n  // دالة مساعدة للوصول الآمن لخصائص الحقل\n  getFieldIcon(field: FormlyFieldConfig): string | null {\n    return field.templateOptions?.['icon'] || null;\n  }\n}\n","<!-- يرسم حقول Formly داخل الـ form الموجود -->\n<formly-form\n  [form]=\"form\"\n  [fields]=\"fields\"\n  [model]=\"model\"\n  [options]=\"options\">\n</formly-form>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;MAMa,yBAAyB,CAAA;uGAAzB,yBAAyB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA;AAAzB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,yBAAyB,YAF1B,YAAY,CAAA,EAAA,CAAA;AAEX,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,yBAAyB,YAF1B,YAAY,CAAA,EAAA,CAAA;;2FAEX,yBAAyB,EAAA,UAAA,EAAA,CAAA;kBAHrC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACR,OAAO,EAAE,CAAC,YAAY,CAAC;AACxB,iBAAA;;;MCUY,mBAAmB,CAAA;;AAErB,IAAA,IAAI;;IAGJ,MAAM,GAAwB,EAAE;;IAGhC,KAAK,GAAQ,EAAE;;IAGf,OAAO,GAAsB,EAAE;;;;;;;;AAWxC,IAAA,YAAY,CAAC,KAAwB,EAAA;QACnC,OAAO,KAAK,CAAC,eAAe,GAAG,MAAM,CAAC,IAAI,IAAI;IAChD;uGAxBW,mBAAmB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAnB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,mBAAmB,qKCfhC,wRAOA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDEI,mBAAmB,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EACnB,WAAW,+BACX,UAAU,EAAA,QAAA,EAAA,aAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,OAAA,EAAA,QAAA,EAAA,SAAA,CAAA,EAAA,OAAA,EAAA,CAAA,aAAA,CAAA,EAAA,CAAA,EAAA,CAAA;;2FAID,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAV/B,SAAS;+BACE,2BAA2B,EAAA,UAAA,EACzB,IAAI,EAAA,OAAA,EACP;wBACP,mBAAmB;wBACnB,WAAW;wBACX;AACH,qBAAA,EAAA,QAAA,EAAA,wRAAA,EAAA;;sBAKE;;sBAGA;;sBAGA;;sBAGA;;;AE1BH;;AAEG;;;;"}

package/fesm2022/es.framework-ng.ui.core-generic-loadingspinner.mjs

@@ -0,0 +1,34 @@
+import * as i0 from '@angular/core';
+import { NgModule, Input, Component } from '@angular/core';
+import { CommonModule } from '@angular/common';
+
+class GenericLoadingspinnerModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: GenericLoadingspinnerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.1.3", ngImport: i0, type: GenericLoadingspinnerModule, imports: [CommonModule] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: GenericLoadingspinnerModule, imports: [CommonModule] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: GenericLoadingspinnerModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule],
+                }]
+        }] });
+
+class GenericLoadingspinner {
+    loading = false;
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: GenericLoadingspinner, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.3", type: GenericLoadingspinner, isStandalone: true, selector: "lib-generic-loadingspinner", inputs: { loading: "loading" }, ngImport: i0, template: "@if (loading) {\n  <div class=\"flex justify-center items-center my-6\">\n    <svg class=\"w-8 h-8 animate-spin text-blue-500\" viewBox=\"0 0 24 24\" fill=\"none\">\n      <circle class=\"opacity-25\" cx=\"12\" cy=\"12\" r=\"10\" stroke=\"currentColor\" stroke-width=\"4\"></circle>\n      <path class=\"opacity-75\" fill=\"currentColor\" d=\"M4 12a8 8 0 018-8v8H4z\"></path>\n    </svg>\n    <span class=\"ml-2 text-gray-700\">\u062C\u0627\u0631\u064A \u0627\u0644\u062A\u062D\u0645\u064A\u0644...</span>\n  </div>\n}\n", styles: [""] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: GenericLoadingspinner, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-generic-loadingspinner', imports: [], template: "@if (loading) {\n  <div class=\"flex justify-center items-center my-6\">\n    <svg class=\"w-8 h-8 animate-spin text-blue-500\" viewBox=\"0 0 24 24\" fill=\"none\">\n      <circle class=\"opacity-25\" cx=\"12\" cy=\"12\" r=\"10\" stroke=\"currentColor\" stroke-width=\"4\"></circle>\n      <path class=\"opacity-75\" fill=\"currentColor\" d=\"M4 12a8 8 0 018-8v8H4z\"></path>\n    </svg>\n    <span class=\"ml-2 text-gray-700\">\u062C\u0627\u0631\u064A \u0627\u0644\u062A\u062D\u0645\u064A\u0644...</span>\n  </div>\n}\n" }]
+        }], propDecorators: { loading: [{
+                type: Input
+            }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { GenericLoadingspinner, GenericLoadingspinnerModule };
+//# sourceMappingURL=es.framework-ng.ui.core-generic-loadingspinner.mjs.map

package/fesm2022/es.framework-ng.ui.core-generic-loadingspinner.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"es.framework-ng.ui.core-generic-loadingspinner.mjs","sources":["../../../../libs/ng.ui.core/generic-loadingspinner/src/lib/generic-loadingspinner-module.ts","../../../../libs/ng.ui.core/generic-loadingspinner/src/lib/generic-loadingspinner.ts","../../../../libs/ng.ui.core/generic-loadingspinner/src/lib/generic-loadingspinner.html","../../../../libs/ng.ui.core/generic-loadingspinner/src/es.framework-ng.ui.core-generic-loadingspinner.ts"],"sourcesContent":["import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\n@NgModule({\n  imports: [CommonModule],\n})\nexport class GenericLoadingspinnerModule {}\n","import { Component, Input } from '@angular/core';\n\n\n@Component({\n  selector: 'lib-generic-loadingspinner',\n  imports: [],\n  templateUrl: './generic-loadingspinner.html',\n  styleUrl: './generic-loadingspinner.css'\n})\nexport class GenericLoadingspinner {\n@Input() loading = false;\n}\n\n\n\n\n","@if (loading) {\n  <div class=\"flex justify-center items-center my-6\">\n    <svg class=\"w-8 h-8 animate-spin text-blue-500\" viewBox=\"0 0 24 24\" fill=\"none\">\n      <circle class=\"opacity-25\" cx=\"12\" cy=\"12\" r=\"10\" stroke=\"currentColor\" stroke-width=\"4\"></circle>\n      <path class=\"opacity-75\" fill=\"currentColor\" d=\"M4 12a8 8 0 018-8v8H4z\"></path>\n    </svg>\n    <span class=\"ml-2 text-gray-700\">جاري التحميل...</span>\n  </div>\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;MAMa,2BAA2B,CAAA;uGAA3B,2BAA2B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA;AAA3B,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,2BAA2B,YAF5B,YAAY,CAAA,EAAA,CAAA;AAEX,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,2BAA2B,YAF5B,YAAY,CAAA,EAAA,CAAA;;2FAEX,2BAA2B,EAAA,UAAA,EAAA,CAAA;kBAHvC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACR,OAAO,EAAE,CAAC,YAAY,CAAC;AACxB,iBAAA;;;MCIY,qBAAqB,CAAA;IACzB,OAAO,GAAG,KAAK;uGADX,qBAAqB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAArB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,qBAAqB,sHCTlC,0gBASA,EAAA,MAAA,EAAA,CAAA,EAAA,CAAA,EAAA,CAAA;;2FDAa,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBANjC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,4BAA4B,WAC7B,EAAE,EAAA,QAAA,EAAA,0gBAAA,EAAA;;sBAKZ;;;AEVD;;AAEG;;;;"}

package/fesm2022/es.framework-ng.ui.core-generic-report-tabs.mjs

@@ -0,0 +1,196 @@
+import * as i0 from '@angular/core';
+import { EventEmitter, inject, Output, Input, Component } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import * as i1 from '@angular/forms';
+import { FormGroup, ReactiveFormsModule } from '@angular/forms';
+import * as i2 from '@ngx-formly/core';
+import { FormlyModule } from '@ngx-formly/core';
+import * as i3 from 'primeng/button';
+import { ButtonModule } from 'primeng/button';
+import { TranslateModule } from '@ngx-translate/core';
+import { QueryBuilderService } from '@es.framework/ng.ui.core/generic-search-advanced';
+
+class TabbedSearchComponent {
+    fields = [];
+    model = {};
+    form = new FormGroup({});
+    onSearch = new EventEmitter();
+    onReset = new EventEmitter();
+    paginationChange = new EventEmitter();
+    queryBuilder = inject(QueryBuilderService);
+    onSubmit() {
+        this.model.advancedFilters = this.generateAdvancedFilters(this.fields, this.model);
+        const odataParams = this.queryBuilder.buildODataFromQueryModel(this.model, this.fields);
+        // Generate query string using the unified method
+        const queryString = this.queryBuilder.toODataQueryString(odataParams);
+        if (this.model?.pagination && this.model?.pagination?.top) {
+            this.paginationChange.emit({
+                top: this.model?.pagination?.top,
+            });
+        }
+        this.onSearch.emit({
+            query: queryString,
+        });
+    }
+    Reset() {
+        this.form.reset();
+        this.model = {};
+    }
+    generateAdvancedFilters(fields, model) {
+        const groups = [];
+        // نتأكد أن المعالجة فقط داخل الـ tab-type
+        fields
+            .filter(f => f.type === 'tab-type')
+            .forEach(tabField => {
+            // tabField.fieldGroup هو مجموعة التبويبات
+            tabField.fieldGroup?.forEach(tab => {
+                // tab.fieldGroup هو مجموعة الحقول داخل كل تبويب
+                function traverse(fields) {
+                    fields.forEach(field => {
+                        if (field.fieldGroup) {
+                            traverse(field.fieldGroup);
+                            return;
+                        }
+                        const key = field.key;
+                        const value = model[key];
+                        const keydb = field.props?.['keydb'];
+                        // console.log('Processing field in tab-type:', key, 'value:', value, 'keydb:', keydb);
+                        if (keydb && value !== undefined && value !== null && value !== '') {
+                            groups.push({
+                                logicalOperator: 'and',
+                                groupLogicalOperator: 'and',
+                                conditions: [
+                                    {
+                                        field: keydb,
+                                        operator: field.props?.['operator'] || 'eq',
+                                        value: value instanceof Date ? value.toISOString().split('T')[0] : value
+                                    }
+                                ]
+                            });
+                            return;
+                        }
+                        if (value === undefined || value === null || value === '')
+                            return;
+                        groups.push({
+                            logicalOperator: 'and',
+                            groupLogicalOperator: 'and',
+                            conditions: [
+                                {
+                                    field: key,
+                                    operator: field.props?.['operator'] || 'eq',
+                                    value
+                                }
+                            ]
+                        });
+                    });
+                }
+                traverse(tab.fieldGroup || []);
+            });
+        });
+        return groups;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: TabbedSearchComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.3", type: TabbedSearchComponent, isStandalone: true, selector: "app-tabbed-search", inputs: { fields: "fields", model: "model", form: "form" }, outputs: { onSearch: "onSearch", onReset: "onReset", paginationChange: "paginationChange" }, ngImport: i0, template: `
+    <div class="bg-white dark:bg-slate-900 p-3 rounded-xl border border-slate-200 dark:border-slate-800 shadow-sm mb-4">
+      <div class="max-h-[220px] overflow-y-auto overflow-x-hidden pr-2
+                  touch-pan-y overscroll-contain
+                  scrollbar-thin scrollbar-thumb-slate-300">
+        <form [formGroup]="form">
+          <formly-form
+            [form]="form"
+            [fields]="fields"
+            [model]="model">
+          </formly-form>
+        </form>
+      </div>
+
+      <div class="flex items-center justify-between mt-2 pt-2 border-t border-slate-100 dark:border-slate-800 gap-2">
+        <div class="flex items-center gap-1.5">
+       <p-button
+            icon="pi pi-search"
+            [outlined]="true"
+            severity="secondary"
+            styleClass="!rounded-lg !py-1.5"
+            (onClick)="onSubmit()">
+          </p-button>
+
+          <p-button
+            icon="pi pi-refresh"
+            [outlined]="true"
+            severity="secondary"
+            styleClass="!rounded-lg !py-1.5"
+            (onClick)="Reset()">
+          </p-button>
+        </div>
+      </div>
+    </div>
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: FormlyModule }, { kind: "component", type: i2.LegacyFormlyForm, selector: "formly-form" }, { kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i3.Button, selector: "p-button", inputs: ["hostName", "type", "badge", "disabled", "raised", "rounded", "text", "plain", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "autofocus", "iconPos", "icon", "label", "loading", "loadingIcon", "severity", "buttonProps", "fluid"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "ngmodule", type: TranslateModule }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: TabbedSearchComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'app-tabbed-search',
+                    standalone: true,
+                    imports: [
+                        CommonModule,
+                        ReactiveFormsModule,
+                        FormlyModule,
+                        ButtonModule,
+                        TranslateModule
+                    ],
+                    template: `
+    <div class="bg-white dark:bg-slate-900 p-3 rounded-xl border border-slate-200 dark:border-slate-800 shadow-sm mb-4">
+      <div class="max-h-[220px] overflow-y-auto overflow-x-hidden pr-2
+                  touch-pan-y overscroll-contain
+                  scrollbar-thin scrollbar-thumb-slate-300">
+        <form [formGroup]="form">
+          <formly-form
+            [form]="form"
+            [fields]="fields"
+            [model]="model">
+          </formly-form>
+        </form>
+      </div>
+
+      <div class="flex items-center justify-between mt-2 pt-2 border-t border-slate-100 dark:border-slate-800 gap-2">
+        <div class="flex items-center gap-1.5">
+       <p-button
+            icon="pi pi-search"
+            [outlined]="true"
+            severity="secondary"
+            styleClass="!rounded-lg !py-1.5"
+            (onClick)="onSubmit()">
+          </p-button>
+
+          <p-button
+            icon="pi pi-refresh"
+            [outlined]="true"
+            severity="secondary"
+            styleClass="!rounded-lg !py-1.5"
+            (onClick)="Reset()">
+          </p-button>
+        </div>
+      </div>
+    </div>
+  `
+                }]
+        }], propDecorators: { fields: [{
+                type: Input
+            }], model: [{
+                type: Input
+            }], form: [{
+                type: Input
+            }], onSearch: [{
+                type: Output
+            }], onReset: [{
+                type: Output
+            }], paginationChange: [{
+                type: Output
+            }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { TabbedSearchComponent };
+//# sourceMappingURL=es.framework-ng.ui.core-generic-report-tabs.mjs.map

package/fesm2022/es.framework-ng.ui.core-generic-report-tabs.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"es.framework-ng.ui.core-generic-report-tabs.mjs","sources":["../../../../libs/ng.ui.core/generic-report-tabs/src/lib/generic-report-tabs.component.ts","../../../../libs/ng.ui.core/generic-report-tabs/src/es.framework-ng.ui.core-generic-report-tabs.ts"],"sourcesContent":["import { Component, EventEmitter, inject, Input, Output } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { FormGroup, ReactiveFormsModule } from '@angular/forms';\nimport { FormlyModule, FormlyFieldConfig } from '@ngx-formly/core';\nimport { ButtonModule } from 'primeng/button';\nimport { TranslateModule } from '@ngx-translate/core';\nimport { QueryBuilderService } from '@es.framework/ng.ui.core/generic-search-advanced';\n\n@Component({\n  selector: 'app-tabbed-search',\n  standalone: true,\n  imports: [\n    CommonModule,\n    ReactiveFormsModule,\n    FormlyModule,\n    ButtonModule,\n    TranslateModule\n  ],\n  template: `\n    <div class=\"bg-white dark:bg-slate-900 p-3 rounded-xl border border-slate-200 dark:border-slate-800 shadow-sm mb-4\">\n      <div class=\"max-h-[220px] overflow-y-auto overflow-x-hidden pr-2\n                  touch-pan-y overscroll-contain\n                  scrollbar-thin scrollbar-thumb-slate-300\">\n        <form [formGroup]=\"form\">\n          <formly-form\n            [form]=\"form\"\n            [fields]=\"fields\"\n            [model]=\"model\">\n          </formly-form>\n        </form>\n      </div>\n\n      <div class=\"flex items-center justify-between mt-2 pt-2 border-t border-slate-100 dark:border-slate-800 gap-2\">\n        <div class=\"flex items-center gap-1.5\">\n       <p-button\n            icon=\"pi pi-search\"\n            [outlined]=\"true\"\n            severity=\"secondary\"\n            styleClass=\"!rounded-lg !py-1.5\"\n            (onClick)=\"onSubmit()\">\n          </p-button>\n\n          <p-button\n            icon=\"pi pi-refresh\"\n            [outlined]=\"true\"\n            severity=\"secondary\"\n            styleClass=\"!rounded-lg !py-1.5\"\n            (onClick)=\"Reset()\">\n          </p-button>\n        </div>\n      </div>\n    </div>\n  `\n})\nexport class TabbedSearchComponent {\n  @Input() fields: FormlyFieldConfig[] = [];\n  @Input() model: any = {};\n  @Input() form = new FormGroup({});\n  @Output() onSearch = new EventEmitter<any>();\n  @Output() onReset = new EventEmitter<void>();\n  @Output() paginationChange = new EventEmitter<any>();\n  private queryBuilder = inject(QueryBuilderService);\n\n\n\n   onSubmit() {\n\n\n    this.model.advancedFilters = this.generateAdvancedFilters(this.fields, this.model);\n    const odataParams = this.queryBuilder.buildODataFromQueryModel(this.model, this.fields);\n    // Generate query string using the unified method\n\n    const queryString = this.queryBuilder.toODataQueryString(odataParams);\n    if(this.model?.pagination && this.model?.pagination?.top){\n    this.paginationChange.emit({\n      top:this.model?.pagination?.top,\n    });\n  }\n    this.onSearch.emit(\n      {\n        query:queryString,\n    }\n  );\n\n  }\n\n    Reset() {\n    this.form.reset();\n    this.model = {};\n  }\n\nprivate generateAdvancedFilters(fields: FormlyFieldConfig[], model: any) {\n  const groups: any[] = [];\n\n  // نتأكد أن المعالجة فقط داخل الـ tab-type\n  fields\n    .filter(f => f.type === 'tab-type')\n    .forEach(tabField => {\n      // tabField.fieldGroup هو مجموعة التبويبات\n      tabField.fieldGroup?.forEach(tab => {\n        // tab.fieldGroup هو مجموعة الحقول داخل كل تبويب\n        function traverse(fields: FormlyFieldConfig[]) {\n          fields.forEach(field => {\n            if (field.fieldGroup) {\n              traverse(field.fieldGroup);\n              return;\n            }\n\n            const key = field.key as string;\n            const value = model[key];\n            const keydb = field.props?.['keydb'];\n\n            // console.log('Processing field in tab-type:', key, 'value:', value, 'keydb:', keydb);\n\n            if (keydb && value !== undefined && value !== null && value !== '') {\n              groups.push({\n                logicalOperator: 'and',\n                groupLogicalOperator: 'and',\n                conditions: [\n                  {\n                    field: keydb,\n                    operator: field.props?.['operator'] || 'eq',\n                    value: value instanceof Date ? value.toISOString().split('T')[0] : value\n                  }\n                ]\n              });\n              return;\n            }\n\n            if (value === undefined || value === null || value === '') return;\n\n            groups.push({\n              logicalOperator: 'and',\n              groupLogicalOperator: 'and',\n              conditions: [\n                {\n                  field: key,\n                  operator: field.props?.['operator'] || 'eq',\n                  value\n                }\n              ]\n            });\n          });\n        }\n\n        traverse(tab.fieldGroup || []);\n      });\n    });\n\n  return groups;\n}\n\n\n\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}