@elite.framework/ng.core 1.0.63 → 1.0.65

package/fesm2022/elite.framework-ng.core-src-lib-components-icon-picker.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"elite.framework-ng.core-src-lib-components-icon-picker.mjs","sources":["../../../projects/core/src/lib/components/icon-picker/icon-picker.type.ts","../../../projects/core/src/lib/components/icon-picker/elite.framework-ng.core-src-lib-components-icon-picker.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport { Component, EventEmitter, Input, Output } from '@angular/core';\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\nimport { FieldType } from '@ngx-formly/core';\nimport { ButtonModule } from 'primeng/button';\nimport { DialogModule } from 'primeng/dialog';\n\n@Component({\n  selector: 'formly-field-icon-picker',\n  imports:[FormsModule,CommonModule,DialogModule,ReactiveFormsModule,ButtonModule],\n  template: `\n  <div class=\"relative inline-block\">\n      <!-- Toggle Button -->\n      <button type=\"button\" class=\"px-2 py-1 border rounded shadow-sm bg-white dark:bg-gray-800 dark:border-gray-600\"\n              (click)=\"dropdownOpen = !dropdownOpen\">\n        <i [class]=\"formControl.value || 'fa-solid fa-circle-half-stroke'\" class=\"text-lg\"></i>\n        <i class=\"fas fa-caret-down ml-1 text-xs\"></i>\n      </button>\n\n      <!-- Dropdown -->\n      <div *ngIf=\"dropdownOpen\"\n           class=\"absolute z-50 mt-2 w-72 rounded-md border border-gray-300 shadow-lg bg-white dark:bg-gray-800 dark:border-gray-600\">\n\n        <!-- Header -->\n        <div class=\"flex items-center justify-between px-2 py-1 border-b dark:border-gray-600\">\n          <button (click)=\"prevPage()\" class=\"p-1 hover:text-blue-600\" [disabled]=\"page === 1\">\n            <i class=\"fas fa-arrow-left\"></i>\n          </button>\n          <span class=\"text-xs text-gray-600 dark:text-gray-300\">Page {{ page }} / {{ totalPages }}</span>\n          <button (click)=\"nextPage()\" class=\"p-1 hover:text-blue-600\" [disabled]=\"page === totalPages\">\n            <i class=\"fas fa-arrow-right\"></i>\n          </button>\n        </div>\n\n        <!-- Search -->\n        <div class=\"p-2\">\n          <input\n            type=\"text\"\n            placeholder=\"Search icon\"\n            [(ngModel)]=\"searchQuery\"\n            (ngModelChange)=\"onSearch()\"\n            class=\"w-full px-2 py-1 text-sm border border-gray-300 rounded focus:outline-none focus:ring-1 focus:ring-blue-500 dark:bg-gray-700 dark:border-gray-600 dark:text-white\"\n          />\n        </div>\n\n        <!-- Icon Grid -->\n        <div class=\"grid grid-cols-4 gap-2 p-2 max-h-56 overflow-y-auto\">\n          <button\n            *ngFor=\"let icon of pagedIcons\"\n            (click)=\"selectIcon(icon)\"\n            class=\"flex items-center justify-center h-10 w-10 border rounded hover:bg-gray-100 dark:hover:bg-gray-700\"\n            [ngClass]=\"{ 'ring-2 ring-blue-500': formControl.value === icon }\"\n          >\n            <i [class]=\"icon\" class=\"text-lg\"></i>\n          </button>\n        </div>\n\n        <!-- Footer -->\n        <div class=\"px-2 py-1 text-xs text-gray-500 dark:text-gray-400 border-t dark:border-gray-600\">\n          {{ start + 1 }} - {{ end }} of {{ filteredIcons.length }}\n        </div>\n      </div>\n    </div>\n\n  `\n})\n\nexport class IconPickerComponent  extends FieldType{\n  dropdownOpen = false;\n  searchQuery = '';\n   page = 1;\n  pageSize = 16;\n\n  icons: string[] = [\n    'fa-solid fa-box',\n    'fa-solid fa-layer-group',\n    'fa-solid fa-table-columns',\n    'fa-solid fa-database',\n    'fa-solid fa-arrow-left',\n    'fa-solid fa-arrow-right',\n    'fa-solid fa-arrow-down',\n    'fa-solid fa-arrow-up',\n    'fa-solid fa-trash',\n    'fa-solid fa-gear',\n    'fa-solid fa-circle-check',\n    'fa-solid fa-circle-xmark',\n    'fa-solid fa-pen',\n    'fa-solid fa-copy',\n    'fa-solid fa-share',\n    'fa-solid fa-upload',\n    'fa-solid fa-download',\n    'fa-solid fa-image',\n    'fa-solid fa-chart-pie',\n    // Add more FontAwesome Pro icons\n  ];\n\n   get filteredIcons() {\n    if (!this.searchQuery) return this.icons;\n    return this.icons.filter(icon =>\n      icon.toLowerCase().includes(this.searchQuery.toLowerCase())\n    );\n  }\n\n  get totalPages() {\n    return Math.ceil(this.filteredIcons.length / this.pageSize);\n  }\n\n  get start() {\n    return (this.page - 1) * this.pageSize;\n  }\n\n  get end() {\n    return Math.min(this.start + this.pageSize, this.filteredIcons.length);\n  }\n\n  get pagedIcons() {\n    return this.filteredIcons.slice(this.start, this.end);\n  }\n\n  onSearch() {\n    this.page = 1;\n  }\n\n  selectIcon(icon: string) {\n    this.formControl.setValue(icon);\n    this.dropdownOpen = false;\n  }\n\n  nextPage() {\n    if (this.page < this.totalPages) this.page++;\n  }\n\n  prevPage() {\n    if (this.page > 1) this.page--;\n  }\n}\n\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/elite.framework-ng.core-src-lib-components-input-switch.mjs

@@ -0,0 +1,94 @@
+import * as i0 from '@angular/core';
+import { ChangeDetectionStrategy, Component } from '@angular/core';
+import { FieldType, FormlyAttributes } from '@ngx-formly/core';
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import { ToggleSwitch } from 'primeng/toggleswitch';
+import * as i2 from '@angular/forms';
+import { ReactiveFormsModule, FormsModule } from '@angular/forms';
+import * as i4 from '@ngx-translate/core';
+import { TranslateModule } from '@ngx-translate/core';
+import * as i3 from 'primeng/tooltip';
+import { TooltipModule } from 'primeng/tooltip';
+
+class InputSwitchTypeComponent extends FieldType {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: InputSwitchTypeComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.4", type: InputSwitchTypeComponent, isStandalone: true, selector: "formly-field-primeng-input-switch", usesInheritance: true, ngImport: i0, template: `
+  <!-- border border-gray-300 -->
+   <div class="flex items-center justify-between rtl:flex-row-reverse w-full px-2 py-1"
+   style="    border-radius: var(--p-inputtext-border-radius);">
+
+    <label [for]="id" class="font-bold text-lg text-gray-800">
+      {{ (to.label ?? '') | translate }}
+
+      <span *ngIf="to.required" class="text-red-500">*</span>
+    </label>
+
+    <p-toggleSwitch
+      [formControl]="formControl"
+      [formlyAttributes]="field"
+      [pTooltip]="field.props['tooltip']"
+      [styleClass]="''"
+      [inputId]="id"
+
+    ></p-toggleSwitch>
+
+
+     <!-- <label [for]="id" class="font-bold text-lg text-gray-800 mr-2 whitespace-nowrap">
+    {{ (to.label ?? '') | translate}}
+  </label> -->
+</div>
+    <!-- [style]="to.['style']" -->
+     <!-- [disabled]="to.disabled ?? false" -->
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: FormsModule }, { kind: "component", type: ToggleSwitch, selector: "p-toggleswitch, p-toggleSwitch, p-toggle-switch", inputs: ["styleClass", "tabindex", "inputId", "readonly", "trueValue", "falseValue", "ariaLabel", "size", "ariaLabelledBy", "autofocus"], outputs: ["onChange"] }, { kind: "directive", type: FormlyAttributes, selector: "[formlyAttributes]", inputs: ["formlyAttributes", "id"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "ngmodule", type: TooltipModule }, { kind: "directive", type: i3.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions", "appendTo"] }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: InputSwitchTypeComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'formly-field-primeng-input-switch',
+                    standalone: true,
+                    imports: [CommonModule,
+                        ReactiveFormsModule,
+                        FormsModule,
+                        ToggleSwitch,
+                        FormlyAttributes,
+                        TranslateModule,
+                        TooltipModule],
+                    template: `
+  <!-- border border-gray-300 -->
+   <div class="flex items-center justify-between rtl:flex-row-reverse w-full px-2 py-1"
+   style="    border-radius: var(--p-inputtext-border-radius);">
+
+    <label [for]="id" class="font-bold text-lg text-gray-800">
+      {{ (to.label ?? '') | translate }}
+
+      <span *ngIf="to.required" class="text-red-500">*</span>
+    </label>
+
+    <p-toggleSwitch
+      [formControl]="formControl"
+      [formlyAttributes]="field"
+      [pTooltip]="field.props['tooltip']"
+      [styleClass]="''"
+      [inputId]="id"
+
+    ></p-toggleSwitch>
+
+
+     <!-- <label [for]="id" class="font-bold text-lg text-gray-800 mr-2 whitespace-nowrap">
+    {{ (to.label ?? '') | translate}}
+  </label> -->
+</div>
+    <!-- [style]="to.['style']" -->
+     <!-- [disabled]="to.disabled ?? false" -->
+  `,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { InputSwitchTypeComponent };
+//# sourceMappingURL=elite.framework-ng.core-src-lib-components-input-switch.mjs.map

package/fesm2022/elite.framework-ng.core-src-lib-components-input-switch.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"elite.framework-ng.core-src-lib-components-input-switch.mjs","sources":["../../../projects/core/src/lib/components/input-switch/input-switch.type.ts","../../../projects/core/src/lib/components/input-switch/elite.framework-ng.core-src-lib-components-input-switch.ts"],"sourcesContent":["import { Component, ChangeDetectionStrategy } from '@angular/core';\r\nimport { FieldType, FieldTypeConfig, FormlyAttributes } from '@ngx-formly/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { ToggleSwitch } from 'primeng/toggleswitch';\r\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\r\nimport { TranslateModule } from '@ngx-translate/core';\r\nimport { TooltipModule } from 'primeng/tooltip';\r\n\r\n@Component({\r\n  selector: 'formly-field-primeng-input-switch',\r\n  standalone: true,\r\n  imports: [CommonModule,\r\n     ReactiveFormsModule,\r\n     FormsModule,\r\n      ToggleSwitch,\r\n      FormlyAttributes,\r\n      TranslateModule,\r\n      TooltipModule],\r\n  template: `\r\n  <!-- border border-gray-300 -->\r\n   <div class=\"flex items-center justify-between rtl:flex-row-reverse w-full px-2 py-1\"\r\n   style=\"    border-radius: var(--p-inputtext-border-radius);\">\r\n\r\n    <label [for]=\"id\" class=\"font-bold text-lg text-gray-800\">\r\n      {{ (to.label ?? '') | translate }}\r\n\r\n      <span *ngIf=\"to.required\" class=\"text-red-500\">*</span>\r\n    </label>\r\n\r\n    <p-toggleSwitch\r\n      [formControl]=\"formControl\"\r\n      [formlyAttributes]=\"field\"\r\n      [pTooltip]=\"field.props['tooltip']\"\r\n      [styleClass]=\"''\"\r\n      [inputId]=\"id\"\r\n\r\n    ></p-toggleSwitch>\r\n\r\n\r\n     <!-- <label [for]=\"id\" class=\"font-bold text-lg text-gray-800 mr-2 whitespace-nowrap\">\r\n    {{ (to.label ?? '') | translate}}\r\n  </label> -->\r\n</div>\r\n    <!-- [style]=\"to.['style']\" -->\r\n     <!-- [disabled]=\"to.disabled ?? false\" -->\r\n  `,\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n})\r\nexport class InputSwitchTypeComponent extends FieldType<FieldTypeConfig> {}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/elite.framework-ng.core-src-lib-components-input-with-icon.mjs

@@ -0,0 +1,55 @@
+import { CommonModule } from '@angular/common';
+import * as i0 from '@angular/core';
+import { Component } from '@angular/core';
+import { ReactiveFormsModule, FormsModule } from '@angular/forms';
+import * as i1 from '@ngx-formly/core';
+import { FieldType, FormlyModule } from '@ngx-formly/core';
+
+class InputWithIconType extends FieldType {
+    get type() {
+        return this.to.type || 'text';
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: InputWithIconType, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.4", type: InputWithIconType, isStandalone: true, selector: "formly-field-input-with-icon", usesInheritance: true, ngImport: i0, template: `
+    <div class="relative">
+      <!-- [formControl]="formControl" -->
+      <input
+        [type]="type"
+
+        [formlyAttributes]="field"
+        class="w-full rounded-xl border border-gray-200 bg-gray-50 pl-12 pr-4 py-3 text-sm focus:border-primary focus:ring-2 focus:ring-blue-100 transition-all"
+        [placeholder]="to.placeholder"
+        [disabled]="to.disabled ? true : false"
+      />
+      <i class="{{ to['icon'] }} absolute left-4 top-1/2 -translate-y-1/2 text-gray-400 text-base"></i>
+    </div>
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: FormlyModule }, { kind: "directive", type: i1.LegacyFormlyAttributes, selector: "[formlyAttributes]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: InputWithIconType, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'formly-field-input-with-icon',
+                    imports: [FormlyModule, ReactiveFormsModule, CommonModule, FormsModule],
+                    template: `
+    <div class="relative">
+      <!-- [formControl]="formControl" -->
+      <input
+        [type]="type"
+
+        [formlyAttributes]="field"
+        class="w-full rounded-xl border border-gray-200 bg-gray-50 pl-12 pr-4 py-3 text-sm focus:border-primary focus:ring-2 focus:ring-blue-100 transition-all"
+        [placeholder]="to.placeholder"
+        [disabled]="to.disabled ? true : false"
+      />
+      <i class="{{ to['icon'] }} absolute left-4 top-1/2 -translate-y-1/2 text-gray-400 text-base"></i>
+    </div>
+  `,
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { InputWithIconType };
+//# sourceMappingURL=elite.framework-ng.core-src-lib-components-input-with-icon.mjs.map

package/fesm2022/elite.framework-ng.core-src-lib-components-input-with-icon.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"elite.framework-ng.core-src-lib-components-input-with-icon.mjs","sources":["../../../projects/core/src/lib/components/input-with-icon/input-with-icon.type.ts","../../../projects/core/src/lib/components/input-with-icon/elite.framework-ng.core-src-lib-components-input-with-icon.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport { Component } from '@angular/core';\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\nimport { FieldType, FormlyModule } from '@ngx-formly/core';\n\n@Component({\n  selector: 'formly-field-input-with-icon',\n  imports:[FormlyModule,ReactiveFormsModule,CommonModule,FormsModule],\n  template: `\n    <div class=\"relative\">\n      <!-- [formControl]=\"formControl\" -->\n      <input\n        [type]=\"type\"\n\n        [formlyAttributes]=\"field\"\n        class=\"w-full rounded-xl border border-gray-200 bg-gray-50 pl-12 pr-4 py-3 text-sm focus:border-primary focus:ring-2 focus:ring-blue-100 transition-all\"\n        [placeholder]=\"to.placeholder\"\n        [disabled]=\"to.disabled ? true : false\"\n      />\n      <i class=\"{{ to['icon'] }} absolute left-4 top-1/2 -translate-y-1/2 text-gray-400 text-base\"></i>\n    </div>\n  `,\n})\nexport class InputWithIconType extends FieldType {\n  get type() {\n    return this.to.type || 'text';\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;;AAuBM,MAAO,iBAAkB,SAAQ,SAAS,CAAA;AAC9C,IAAA,IAAI,IAAI,GAAA;AACN,QAAA,OAAO,IAAI,CAAC,EAAE,CAAC,IAAI,IAAI,MAAM;;uGAFpB,iBAAiB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAjB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,iBAAiB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,8BAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAflB;;;;;;;;;;;;;AAaT,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAdQ,YAAY,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,sBAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAC,mBAAmB,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAC,YAAY,8BAAC,WAAW,EAAA,CAAA,EAAA,CAAA;;2FAgBvD,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAlB7B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,8BAA8B;oBACxC,OAAO,EAAC,CAAC,YAAY,EAAC,mBAAmB,EAAC,YAAY,EAAC,WAAW,CAAC;AACnE,oBAAA,QAAQ,EAAE;;;;;;;;;;;;;AAaT,EAAA,CAAA;AACF,iBAAA;;;ACtBD;;AAEG;;;;"}

package/fesm2022/elite.framework-ng.core-src-lib-components-label-type.mjs

@@ -0,0 +1,112 @@
+import * as i0 from '@angular/core';
+import { Component } from '@angular/core';
+import { FieldType } from '@ngx-formly/core';
+
+class LabelTypeComponent extends FieldType {
+    get displayValue() {
+        const key = this.key;
+        const val = this.model?.[key];
+        const row = this.model ?? {};
+        // تحقق من أن formatter دالة قبل الاستدعاء
+        const formatter = this.props['formatter'];
+        if (formatter && typeof formatter === 'function') {
+            try {
+                return formatter(row, val);
+            }
+            catch (e) {
+                console.warn('Formatter error:', e);
+                return val ?? '--';
+            }
+        }
+        return val ?? '--';
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: LabelTypeComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.4", type: LabelTypeComponent, isStandalone: true, selector: "formly-label-type", usesInheritance: true, ngImport: i0, template: `
+    <div [class]="to['className'] || 'text-gray-700 font-bold'">
+      <span [innerHTML]="displayValue" ></span>
+       <!-- <span {}></span> -->
+    </div>
+  `, isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: LabelTypeComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'formly-label-type',
+                    standalone: true,
+                    template: `
+    <div [class]="to['className'] || 'text-gray-700 font-bold'">
+      <span [innerHTML]="displayValue" ></span>
+       <!-- <span {}></span> -->
+    </div>
+  `,
+                }]
+        }] });
+
+class ClickableLabelTypeComponent extends FieldType {
+    onCellLeave(col, row, event) {
+        event.stopPropagation(); // يمنع اختيار الصف
+        col.onCellMouseLeave?.(row, event); // <--- استدعاء الدالة المخصصة للمغادرة
+    }
+    onCellHover(col, row, event) {
+        event.stopPropagation(); // يمنع اختيار الصف
+        col.onCellMouseEnter?.(row, event); // <--- استدعاء الدالة المخصصة للتحويم
+    }
+    handleCellClick(col, model, event) {
+        event.stopPropagation();
+        col?.clickAction?.(model, event);
+    }
+    getCellValue(col, model) {
+        const field = this.key;
+        const pipeFn = this.props['pipe'];
+        return pipeFn ? pipeFn(model[col.key]) : model[field];
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: ClickableLabelTypeComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.4", type: ClickableLabelTypeComponent, isStandalone: true, selector: "formly-clickable-label-type", usesInheritance: true, ngImport: i0, template: `
+
+<a  class="cursor-pointer hover:underline hover:text-blue-600 font-bold"
+            (click)="handleCellClick(props,model, $event)"
+            (mouseenter)="props['hoverable'] && onCellHover(props, model, $event)"
+            (mouseleave)="props['hoverable'] && onCellLeave(props, model, $event)"
+          >
+          @if(props['formatter']){
+           <span  [innerHTML]="props['formatter'](model)"></span>
+          }
+          @else{
+  {{ getCellValue(props, model) }}
+          }
+
+
+        </a>
+  `, isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: ClickableLabelTypeComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'formly-clickable-label-type',
+                    standalone: true,
+                    template: `
+
+<a  class="cursor-pointer hover:underline hover:text-blue-600 font-bold"
+            (click)="handleCellClick(props,model, $event)"
+            (mouseenter)="props['hoverable'] && onCellHover(props, model, $event)"
+            (mouseleave)="props['hoverable'] && onCellLeave(props, model, $event)"
+          >
+          @if(props['formatter']){
+           <span  [innerHTML]="props['formatter'](model)"></span>
+          }
+          @else{
+  {{ getCellValue(props, model) }}
+          }
+
+
+        </a>
+  `,
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { ClickableLabelTypeComponent, LabelTypeComponent };
+//# sourceMappingURL=elite.framework-ng.core-src-lib-components-label-type.mjs.map

package/fesm2022/elite.framework-ng.core-src-lib-components-label-type.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"elite.framework-ng.core-src-lib-components-label-type.mjs","sources":["../../../projects/core/src/lib/components/label-type/label-type.ts","../../../projects/core/src/lib/components/label-type/clickable-label-type.ts","../../../projects/core/src/lib/components/label-type/elite.framework-ng.core-src-lib-components-label-type.ts"],"sourcesContent":["import { Component } from '@angular/core';\nimport { FieldType } from '@ngx-formly/core';\n\n@Component({\n  selector: 'formly-label-type',\n  standalone: true,\n  template: `\n    <div [class]=\"to['className'] || 'text-gray-700 font-bold'\">\n      <span [innerHTML]=\"displayValue\" ></span>\n       <!-- <span {}></span> -->\n    </div>\n  `,\n})\nexport class LabelTypeComponent extends FieldType {\nget displayValue(): any {\n  const key = this.key as string;\n  const val = this.model?.[key] ;\n  const row = this.model ?? {};\n\n  // تحقق من أن formatter دالة قبل الاستدعاء\n  const formatter = this.props['formatter'];\n  if (formatter && typeof formatter === 'function') {\n\n    try {\n      return formatter(row, val);\n    } catch (e) {\n      console.warn('Formatter error:', e);\n      return val ?? '--';\n    }\n  }\n\n\n\n  return val ?? '--';\n}\n\n\n\n}\n","\r\nimport { Component } from '@angular/core';\r\nimport { FieldType } from '@ngx-formly/core';\r\n\r\n@Component({\r\n  selector: 'formly-clickable-label-type',\r\n  standalone: true,\r\n  template: `\r\n\r\n<a  class=\"cursor-pointer hover:underline hover:text-blue-600 font-bold\"\r\n            (click)=\"handleCellClick(props,model, $event)\"\r\n            (mouseenter)=\"props['hoverable'] && onCellHover(props, model, $event)\"\r\n            (mouseleave)=\"props['hoverable'] && onCellLeave(props, model, $event)\"\r\n          >\r\n          @if(props['formatter']){\r\n           <span  [innerHTML]=\"props['formatter'](model)\"></span>\r\n          }\r\n          @else{\r\n  {{ getCellValue(props, model) }}\r\n          }\r\n\r\n\r\n        </a>\r\n  `,\r\n})\r\nexport class ClickableLabelTypeComponent extends FieldType {\r\n    onCellLeave(col: any, row: any, event: MouseEvent) { // <--- تعديل هنا\r\n    event.stopPropagation(); // يمنع اختيار الصف\r\n    col.onCellMouseLeave?.(row, event); // <--- استدعاء الدالة المخصصة للمغادرة\r\n }\r\n  onCellHover(col: any, row: any, event: MouseEvent) { // <--- تعديل هنا\r\n event.stopPropagation();  // يمنع اختيار الصف\r\n    col.onCellMouseEnter?.(row, event); // <--- استدعاء الدالة المخصصة للتحويم\r\n }\r\n\r\n handleCellClick(col: any, model: any, event: MouseEvent) {\r\n    event.stopPropagation();\r\n    col?.clickAction?.(model, event);\r\n  }\r\n\r\ngetCellValue(col: any, model: any) {\r\n  const field = this.key  as string;\r\n  const pipeFn = this.props['pipe'] as ((v: any) => any) | undefined;\r\n  return pipeFn ? pipeFn(model[col.key as string]) : model[field];\r\n}\r\n}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/elite.framework-ng.core-src-lib-components-odata-query-builder.mjs

@@ -0,0 +1,297 @@
+import * as i0 from '@angular/core';
+import { EventEmitter, Output, Input, Component } from '@angular/core';
+import { FormGroup } from '@angular/forms';
+import { FormlyForm } from '@ngx-formly/core';
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+
+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
+            }
+        }
+    ];
+    constructor() { }
+    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() {
+        let 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: "20.1.4", ngImport: i0, type: ODataQueryBuilderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.4", 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\">\r\n  <h2 class=\"text-xl font-semibold mb-4 text-gray-800\">OData Query Builder</h2>\r\n\r\n  <formly-form\r\n    [form]=\"form\"\r\n    [model]=\"model\"\r\n    [fields]=\"fields\"\r\n    class=\"space-y-4\"\r\n  ></formly-form>\r\n\r\n  <div class=\"mt-6 flex justify-end space-x-3\">\r\n    <button\r\n      pButton\r\n      type=\"button\"\r\n      label=\"Reset\"\r\n      icon=\"pi pi-refresh\"\r\n      class=\"p-button-outlined\"\r\n      (click)=\"form.reset()\"\r\n    ></button>\r\n\r\n    <button\r\n      pButton\r\n      type=\"button\"\r\n      label=\"Build Query\"\r\n      icon=\"pi pi-cog\"\r\n      (click)=\"buildQuery()\"\r\n    ></button>\r\n  </div>\r\n\r\n  <div *ngIf=\"form.valid && form.dirty\" class=\"mt-6 p-4 bg-gray-50 rounded\">\r\n    <h3 class=\"font-medium text-gray-700 mb-2\">Generated OData Query:</h3>\r\n    <pre class=\"p-3 bg-gray-100 rounded text-sm overflow-x-auto\">{{ buildQuery() }}</pre>\r\n  </div>\r\n</div>\r\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: FormlyForm, selector: "formly-form", inputs: ["form", "model", "fields", "options"], outputs: ["modelChange"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: ODataQueryBuilderComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-odata-query-builder', imports: [CommonModule, FormlyForm], template: "<div class=\"p-4 bg-white rounded-lg shadow-md\">\r\n  <h2 class=\"text-xl font-semibold mb-4 text-gray-800\">OData Query Builder</h2>\r\n\r\n  <formly-form\r\n    [form]=\"form\"\r\n    [model]=\"model\"\r\n    [fields]=\"fields\"\r\n    class=\"space-y-4\"\r\n  ></formly-form>\r\n\r\n  <div class=\"mt-6 flex justify-end space-x-3\">\r\n    <button\r\n      pButton\r\n      type=\"button\"\r\n      label=\"Reset\"\r\n      icon=\"pi pi-refresh\"\r\n      class=\"p-button-outlined\"\r\n      (click)=\"form.reset()\"\r\n    ></button>\r\n\r\n    <button\r\n      pButton\r\n      type=\"button\"\r\n      label=\"Build Query\"\r\n      icon=\"pi pi-cog\"\r\n      (click)=\"buildQuery()\"\r\n    ></button>\r\n  </div>\r\n\r\n  <div *ngIf=\"form.valid && form.dirty\" class=\"mt-6 p-4 bg-gray-50 rounded\">\r\n    <h3 class=\"font-medium text-gray-700 mb-2\">Generated OData Query:</h3>\r\n    <pre class=\"p-3 bg-gray-100 rounded text-sm overflow-x-auto\">{{ buildQuery() }}</pre>\r\n  </div>\r\n</div>\r\n" }]
+        }], ctorParameters: () => [], propDecorators: { entityFields: [{
+                type: Input
+            }], queryChange: [{
+                type: Output
+            }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { ODataQueryBuilderComponent };
+//# sourceMappingURL=elite.framework-ng.core-src-lib-components-odata-query-builder.mjs.map