@elite.framework/ng.core 1.0.17 → 1.0.19

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

@@ -4415,20 +4415,18 @@ class RepeatTypeComponent extends FieldArrayType {
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: RepeatTypeComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.4", type: RepeatTypeComponent, isStandalone: true, selector: "formly-repeat-section", usesInheritance: true, ngImport: i0, template: `
-    <div class="overflow-auto">
+    <div class="overflow-auto bg-gray-100 border border-gray-300">
       <table *ngIf="(field.fieldGroup ?? []).length > 0" class="table-auto w-full border border-gray-300">
-        <!-- Header Row -->
         <thead>
           <tr class="bg-gray-100 text-gray-700 text-sm">
             <th class="w-8"></th>
             <ng-container *ngFor="let col of getFirstRowColumns()">
-              <th class="text-center  border">{{ (col.props?.label ?? '') | translate}}</th>
+              <th class="text-center border">{{ (col.props?.label ?? '') | translate }}</th>
             </ng-container>
             <th class="w-10"></th>
           </tr>
         </thead>
 
-        <!-- Data Rows -->
         <tbody>
           <tr *ngFor="let row of field.fieldGroup; let rowIndex = index" class="border-t">
             <td class="bg-[#fffbea] text-center text-gray-400 px-2"><i class="pi pi-bars"></i></td>
@@ -4440,24 +4438,24 @@ class RepeatTypeComponent extends FieldArrayType {
             </ng-container>
 
             <td class="text-center px-2 bg-[#fffbea]">
-              <button type="button" (click)="remove(rowIndex)" class="text-red-600 hover:text-red-800">
-                <i class="pi pi-trash"></i>
-              </button>
+              <ng-container *ngIf="rowIndex !== 0 || field.props?.['canDeleteFirstRow']">
+                <button type="button" (click)="remove(rowIndex)" class="text-red-600 hover:text-red-800">
+                  <i class="pi pi-trash"></i>
+                </button>
+              </ng-container>
             </td>
           </tr>
         </tbody>
       </table>
 
-      <!-- Add Button -->
-      <div class="flex justify-end mt-2">
-       <button
-        type="button"
-        class="inline-flex items-center gap-1 px-4 py-2 bg-blue-600 text-white text-sm font-medium rounded-lg hover:bg-blue-700 transition-colors duration-200 shadow-sm"
-        (click)="add()"
-      >
-        <span class="text-lg">+</span>
-      </button>
-
+      <div class="flex justify-end">
+        <button
+          type="button"
+          class="inline-flex items-center gap-1 px-4 py-2 bg-primary-600 text-white text-sm font-medium hover:bg-primary-500 transition-colors duration-200 shadow-sm"
+          (click)="add()"
+        >
+          <span class="text-lg">+</span>
+        </button>
       </div>
     </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: "component", type: FormlyField, selector: "formly-field", inputs: ["field"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$3.TranslatePipe, name: "translate" }] });
@@ -4469,20 +4467,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImpor
                     standalone: true,
                     imports: [CommonModule, FormlyField, TranslateModule],
                     template: `
-    <div class="overflow-auto">
+    <div class="overflow-auto bg-gray-100 border border-gray-300">
       <table *ngIf="(field.fieldGroup ?? []).length > 0" class="table-auto w-full border border-gray-300">
-        <!-- Header Row -->
         <thead>
           <tr class="bg-gray-100 text-gray-700 text-sm">
             <th class="w-8"></th>
             <ng-container *ngFor="let col of getFirstRowColumns()">
-              <th class="text-center  border">{{ (col.props?.label ?? '') | translate}}</th>
+              <th class="text-center border">{{ (col.props?.label ?? '') | translate }}</th>
             </ng-container>
             <th class="w-10"></th>
           </tr>
         </thead>
 
-        <!-- Data Rows -->
         <tbody>
           <tr *ngFor="let row of field.fieldGroup; let rowIndex = index" class="border-t">
             <td class="bg-[#fffbea] text-center text-gray-400 px-2"><i class="pi pi-bars"></i></td>
@@ -4494,24 +4490,24 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImpor
             </ng-container>
 
             <td class="text-center px-2 bg-[#fffbea]">
-              <button type="button" (click)="remove(rowIndex)" class="text-red-600 hover:text-red-800">
-                <i class="pi pi-trash"></i>
-              </button>
+              <ng-container *ngIf="rowIndex !== 0 || field.props?.['canDeleteFirstRow']">
+                <button type="button" (click)="remove(rowIndex)" class="text-red-600 hover:text-red-800">
+                  <i class="pi pi-trash"></i>
+                </button>
+              </ng-container>
             </td>
           </tr>
         </tbody>
       </table>
 
-      <!-- Add Button -->
-      <div class="flex justify-end mt-2">
-       <button
-        type="button"
-        class="inline-flex items-center gap-1 px-4 py-2 bg-blue-600 text-white text-sm font-medium rounded-lg hover:bg-blue-700 transition-colors duration-200 shadow-sm"
-        (click)="add()"
-      >
-        <span class="text-lg">+</span>
-      </button>
-
+      <div class="flex justify-end">
+        <button
+          type="button"
+          class="inline-flex items-center gap-1 px-4 py-2 bg-primary-600 text-white text-sm font-medium hover:bg-primary-500 transition-colors duration-200 shadow-sm"
+          (click)="add()"
+        >
+          <span class="text-lg">+</span>
+        </button>
       </div>
     </div>
   `,
@@ -5865,6 +5861,7 @@ class BaseCrud {
     dialogVisible = false;
     drawerVisible = false;
     selectedItem = null;
+    defaultModel = null;
     // selectedItem: T | any = {};
     isViewMode = false;
     isEditMode = false;
@@ -5963,7 +5960,7 @@ class BaseCrud {
         this.mode = mode;
         // this.drawerVisible = !this.drawerVisible;
         if (item == null) {
-            this.selectedItem = {};
+            this.selectedItem = this.defaultModel || {};
         }
         else {
             this.selectedItem = item;