@elite.framework/ng.core 1.0.18 → 1.0.20

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

@@ -762,6 +762,7 @@ class ConditionExpressionBuilderType extends FieldType {
     /**
      *
      */
+    valueChangeSubscription;
     constructor(svc, cdr) {
         super();
         this.svc = svc;
@@ -772,6 +773,18 @@ class ConditionExpressionBuilderType extends FieldType {
         const to = this.props;
         this.api.apiName = to['serviceName'];
         this.displayMode = to['displayMode'] ?? 'full';
+        this.initTokens();
+        this.valueChangeSubscription = this.formControl.valueChanges
+            .subscribe(() => {
+            this.initTokens();
+        });
+    }
+    ngOnDestroy() {
+        if (this.valueChangeSubscription) {
+            this.valueChangeSubscription.unsubscribe();
+        }
+    }
+    initTokens() {
         const existing = this.formControl.value || '';
         if (existing) {
             const tokens = existing.split(' ').filter((x) => x);
@@ -4415,20 +4428,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 +4451,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 +4480,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 +4503,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>
   `,