@elite.framework/ng.core 1.0.27 → 1.0.29

package/fesm2022/elite.framework-ng.core.mjs

@@ -60,6 +60,7 @@ import * as i2$3 from 'primeng/table';
 import { TableModule } from 'primeng/table';
 import * as i5$2 from 'primeng/drawer';
 import { DrawerModule, Drawer } from 'primeng/drawer';
+import { SwalService as SwalService$1 } from '@framework/ng.core';
 import * as i2$4 from 'primeng/datepicker';
 import { DatePickerModule } from 'primeng/datepicker';
 import { TabsModule } from 'primeng/tabs';
@@ -1811,31 +1812,29 @@ class CustomSwitchFieldComponent extends FieldType {
         this.model[key] = this.formControl.value ? 1 : 2;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: CustomSwitchFieldComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.4", type: CustomSwitchFieldComponent, isStandalone: true, selector: "formly-field-custom-switch", usesInheritance: true, ngImport: i0, template: `
- <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);">
-
-
-      <!-- التبديل نفسه -->
-      <p-toggleSwitch
-        [formControl]="formControl"
-        [inputId]="id"
-         [pTooltip]="field.props['tooltip']"
-         [styleClass]="''"
-        (onChange)="updateModel($event.checked)"
-      ></p-toggleSwitch>
-
-       <label [for]="id" class="font-bold text-lg text-gray-800 mr-2 whitespace-nowrap">
-    {{ (to.label ?? '') | translate}}
-  </label>
-
-      <!-- حالة التبديل تحت التبديل -->
-      <!-- <span class="text-sm font-medium" [class.text-green-600]="formControl.value" [class.text-gray-500]="!formControl.value">
-        {{ formControl.value ? 'فعال' : 'غير فعال' }}
-      </span> -->
-    </div>
-
-  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { 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: "ngmodule", type: TranslateModule }, { kind: "ngmodule", type: TooltipModule }, { kind: "directive", type: i1$5.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: i1$3.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.4", type: CustomSwitchFieldComponent, isStandalone: true, selector: "formly-field-custom-switch", usesInheritance: true, ngImport: i0, template: `
+ <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"
+        [inputId]="id"
+         [pTooltip]="field.props['tooltip']"
+         [styleClass]="''"
+        (onChange)="updateModel($event.checked)"
+      ></p-toggleSwitch>
+
+    </div>
+
+  `, 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: "ngmodule", type: TranslateModule }, { kind: "ngmodule", type: TooltipModule }, { kind: "directive", type: i1$5.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: i1$3.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: CustomSwitchFieldComponent, decorators: [{
             type: Component,
@@ -1850,30 +1849,28 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImpor
                         TooltipModule,
                         Tooltip
                     ],
-                    template: `
- <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);">
-
-
-      <!-- التبديل نفسه -->
-      <p-toggleSwitch
-        [formControl]="formControl"
-        [inputId]="id"
-         [pTooltip]="field.props['tooltip']"
-         [styleClass]="''"
-        (onChange)="updateModel($event.checked)"
-      ></p-toggleSwitch>
-
-       <label [for]="id" class="font-bold text-lg text-gray-800 mr-2 whitespace-nowrap">
-    {{ (to.label ?? '') | translate}}
-  </label>
-
-      <!-- حالة التبديل تحت التبديل -->
-      <!-- <span class="text-sm font-medium" [class.text-green-600]="formControl.value" [class.text-gray-500]="!formControl.value">
-        {{ formControl.value ? 'فعال' : 'غير فعال' }}
-      </span> -->
-    </div>
-
+                    template: `
+ <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"
+        [inputId]="id"
+         [pTooltip]="field.props['tooltip']"
+         [styleClass]="''"
+        (onChange)="updateModel($event.checked)"
+      ></p-toggleSwitch>
+
+    </div>
+
   `,
                     changeDetection: ChangeDetectionStrategy.OnPush,
                 }]
@@ -3190,6 +3187,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImpor
 class GenericCrudTableComponent {
     genericTable;
     translate = inject(TranslateService);
+    swalService = inject(SwalService$1);
     home = { icon: 'pi pi-home', routerLink: '/' };
     data = [];
     formFields_ = []; // <-- هنا
@@ -3333,32 +3331,68 @@ class GenericCrudTableComponent {
         }
     }
     beforeSave = (record) => record;
+    // onSubmit() {
+    //     if (this.form.invalid) return;
+    //     this.loading = true;
+    //     this.errorMessage = null;
+    //     const service = this.service /* as CrudService<T> */;
+    //     const id = this.isEditMode ? (this.model as any)[this.idField] : null;
+    //     const recordToSave = this.beforeSave({ ...this.model });
+    //     const operation$: Observable<any> = this.isEditMode
+    //       ? service.update(id, recordToSave)
+    //       : service.create(recordToSave);
+    //     // operation$.pipe(takeUntil(this.destroy$)).subscribe({
+    //     operation$.subscribe({
+    //       next: () => {
+    //         // this.ref.close(true); // نجاح العملية
+    //         this.visibleChange.emit(false)
+    //           // this.pageChange.emit({ first, rows ,sort, filters });
+    //           this.applySearch('');
+    //         // this.me
+    //       },
+    //       error: (err:any) => {
+    //         this.loading = false;
+    //         this.errorMessage = err.error?.title ||
+    //                            err.message ||
+    //                            'حدث خطأ أثناء الحفظ. يرجى المحاولة مرة أخرى.';
+    //       }
+    //     });
+    //   }
     onSubmit() {
         if (this.form.invalid)
             return;
-        this.loading = true;
-        this.errorMessage = null;
-        const service = this.service /* as CrudService<T> */;
-        const id = this.isEditMode ? this.model[this.idField] : null;
-        const recordToSave = this.beforeSave({ ...this.model });
-        const operation$ = this.isEditMode
-            ? service.update(id, recordToSave)
-            : service.create(recordToSave);
-        // operation$.pipe(takeUntil(this.destroy$)).subscribe({
-        operation$.subscribe({
-            next: () => {
-                // this.ref.close(true); // نجاح العملية
-                this.visibleChange.emit(false);
-                // this.pageChange.emit({ first, rows ,sort, filters });
-                this.applySearch('');
-                // this.me
-            },
-            error: (err) => {
-                this.loading = false;
-                this.errorMessage = err.error?.title ||
-                    err.message ||
-                    'حدث خطأ أثناء الحفظ. يرجى المحاولة مرة أخرى.';
-            }
+        // ✅ أول شيء نطلب تأكيد من المستخدم
+        this.swalService.confirm(this.isEditMode ? 'تأكيد التعديل' : 'تأكيد الحفظ', this.isEditMode
+            ? 'هل تريد حفظ التعديلات على هذا السجل؟'
+            : 'هل تريد حفظ هذا السجل؟', 'نعم', 'إلغاء').then((result) => {
+            if (!result.isConfirmed)
+                return;
+            this.loading = true;
+            this.errorMessage = null;
+            const service = this.service;
+            const id = this.isEditMode ? this.model[this.idField] : null;
+            const recordToSave = this.beforeSave({ ...this.model });
+            const operation$ = this.isEditMode
+                ? service.update(id, recordToSave)
+                : service.create(recordToSave);
+            operation$.subscribe({
+                next: () => {
+                    this.loading = false;
+                    // ✅ رسالة نجاح
+                    this.swalService.success(this.isEditMode ? 'تم التعديل بنجاح' : 'تم الحفظ بنجاح');
+                    this.visibleChange.emit(false);
+                    this.applySearch('');
+                },
+                error: (err) => {
+                    this.loading = false;
+                    const msg = err.error?.title ||
+                        err.message ||
+                        'حدث خطأ أثناء الحفظ. يرجى المحاولة مرة أخرى.';
+                    this.errorMessage = msg;
+                    // ❌ رسالة خطأ
+                    this.swalService.error('فشل الحفظ', msg);
+                }
+            });
         });
     }
     trackByIdx(index, item) {
@@ -3974,6 +4008,7 @@ class GenericSelectorTypeComponent extends FieldType {
                 this.selectedItem = items;
                 if (withSetValue == true) {
                     this.formControl.setValue(items.map((c) => c[vf]));
+                    this.cdr.detectChanges();
                 }
                 else {
                     if (this.props.change) {
@@ -3992,6 +4027,7 @@ class GenericSelectorTypeComponent extends FieldType {
                 // debugger
                 if (withSetValue == true) {
                     this.formControl.setValue(item?.[vf]);
+                    this.cdr.detectChanges();
                 }
                 else {
                     if (this.props.change) {
@@ -4339,32 +4375,33 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImpor
 
 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" -->
+    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: i1$5.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: i1$3.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: InputSwitchTypeComponent, decorators: [{
@@ -4379,32 +4416,33 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImpor
                         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" -->
+                    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,
                 }]
@@ -5473,7 +5511,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImpor
             args: [{
                     selector: 'formly-clickable-label-type',
                     standalone: true,
-                    // imports:[NgIf],
                     template: `
 
 <a  class="cursor-pointer hover:underline hover:text-blue-600 font-bold"
@@ -5515,7 +5552,7 @@ const provideFormly = provideFormlyCore([
             { name: 'generic-selector', component: GenericSelectorTypeComponent, wrappers: ['form-field'] },
             { name: 'switch', component: InputSwitchTypeComponent, wrappers: ['form-field-no'] },
             { name: 'username-with-domain', component: UsernameWithDomainComponent, wrappers: ['form-field'] },
-            { name: 'custom-switch', component: CustomSwitchFieldComponent, wrappers: ['form-field'] },
+            { name: 'custom-switch', component: CustomSwitchFieldComponent, wrappers: ['form-field-no'] },
             { name: 'Formly-Split', component: FormlySplitButtonComponent, wrappers: ['form-field'] },
             { name: 'Button-Selection', component: FormlySelectionButtonComponent, wrappers: ['form-field'] },
             { name: 'avatar-label-button', component: FormlyAvatarLabelComponent, },
@@ -5939,6 +5976,7 @@ class BaseCrud {
     currentFilters = {};
     mode = '';
     scrollHeight = '400px';
+    swalService = inject(SwalService$1);
     dialogRef;
     dialogVisible = false;
     drawerVisible = false;
@@ -5984,15 +6022,6 @@ class BaseCrud {
         }
         this.loadPage(0, 10);
     }
-    // toQueryParams(obj: any): Record<string, string> {
-    //   const params: Record<string, string> = {};
-    //   for (const [key, value] of Object.entries(obj)) {
-    //     if (value !== null && value !== undefined) {
-    //       params[key] = String(value);
-    //     }
-    //   }
-    //   return params;
-    // }
     visibleChange(value) {
         if (this.mode == 'view') {
             this.dialogVisible = value;
@@ -6115,15 +6144,26 @@ class BaseCrud {
                 this.loadPage(0, this.rows);
         });
     }
+    // onDelete(item: any): void {
+    //   if (!confirm('هل تريد الحذف فعلاً؟')) return;
+    //   const id = (item as any)[this.idField];
+    //   this.service.delete(id).subscribe(() => {
+    //     this.loadPage(0, this.rows);
+    //   });
+    // }
     onDelete(item) {
-        if (!confirm('هل تريد الحذف فعلاً؟'))
-            return;
         const id = item[this.idField];
-        this.service.delete(id).subscribe(() => {
-            this.loadPage(0, this.rows);
+        this.swalService.confirm('تأكيد الحذف', 'هل تريد حذف هذا السجل فعلاً؟', 'نعم، احذف', 'إلغاء').then((result) => {
+            if (result.isConfirmed) {
+                this.service.delete(id).subscribe(() => {
+                    this.loadPage(0, this.rows);
+                    this.swalService.success('تم الحذف بنجاح');
+                }, () => {
+                    this.swalService.error('فشل الحذف', 'حدث خطأ أثناء الحذف');
+                });
+            }
         });
     }
-    // ✅ Generate table columns from formFields
     get columns() {
         const flattenFields = (fields) => {
             return fields.flatMap(field => {