@es.framework/ng.ui.core 2.0.58

package/fesm2022/es.framework-ng.ui.core-radio.mjs

@@ -0,0 +1,120 @@
+import * as i0 from '@angular/core';
+import { NgModule, ChangeDetectionStrategy, Component } from '@angular/core';
+import * as i3 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i1 from '@angular/forms';
+import { UntypedFormControl, ReactiveFormsModule } from '@angular/forms';
+import * as i1$1 from '@ngx-formly/core';
+import { FieldType, FormlyModule } from '@ngx-formly/core';
+import * as i2 from 'primeng/radiobutton';
+import { RadioButtonModule } from 'primeng/radiobutton';
+import * as i4 from '@ngx-formly/core/select';
+import { FormlySelectModule } from '@ngx-formly/core/select';
+import { FormlyFormFieldModule } from '@es.framework/ng.ui.core/form-field';
+
+class RadioModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: RadioModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.1.3", ngImport: i0, type: RadioModule, imports: [CommonModule] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: RadioModule, imports: [CommonModule] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: RadioModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule],
+                }]
+        }] });
+
+class FormlyFieldRadio extends FieldType {
+    get disabledControl() {
+        return new UntypedFormControl({ value: this.formControl.value, disabled: true });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: FormlyFieldRadio, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.3", type: FormlyFieldRadio, isStandalone: false, selector: "formly-field-primeng-radio", usesInheritance: true, ngImport: i0, template: `
+    @for (option of props.options | formlySelectOptions: field | async; track option; let index = $index) {
+      <div
+        class="p-field-radiobutton"
+        >
+        <p-radioButton
+          [name]="field.name || id"
+          [formControl]="option.disabled ? disabledControl : formControl"
+          [value]="option.value"
+          [inputId]="id + index"
+          >
+        </p-radioButton>
+        <label [for]="id + index" class="ml-2">{{ option.label }}</label>
+      </div>
+    }
+    `, isInline: true, dependencies: [{ kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i2.RadioButton, selector: "p-radioButton, p-radiobutton, p-radio-button", inputs: ["value", "tabindex", "inputId", "ariaLabelledBy", "ariaLabel", "styleClass", "autofocus", "binary", "variant", "size"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i4.LegacyFormlySelectOptionsPipe, name: "formlySelectOptions" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: FormlyFieldRadio, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'formly-field-primeng-radio',
+                    template: `
+    @for (option of props.options | formlySelectOptions: field | async; track option; let index = $index) {
+      <div
+        class="p-field-radiobutton"
+        >
+        <p-radioButton
+          [name]="field.name || id"
+          [formControl]="option.disabled ? disabledControl : formControl"
+          [value]="option.value"
+          [inputId]="id + index"
+          >
+        </p-radioButton>
+        <label [for]="id + index" class="ml-2">{{ option.label }}</label>
+      </div>
+    }
+    `,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    standalone: false
+                }]
+        }] });
+
+function withFormlyFieldRadio() {
+    return {
+        types: [
+            {
+                name: 'radio',
+                component: FormlyFieldRadio,
+                wrappers: ['form-field'],
+            },
+        ],
+    };
+}
+
+class FormlyRadioModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: FormlyRadioModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.1.3", ngImport: i0, type: FormlyRadioModule, declarations: [FormlyFieldRadio], imports: [CommonModule,
+            ReactiveFormsModule,
+            RadioButtonModule,
+            FormlyFormFieldModule,
+            FormlySelectModule, i1$1.FormlyModule] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: FormlyRadioModule, imports: [CommonModule,
+            ReactiveFormsModule,
+            RadioButtonModule,
+            FormlyFormFieldModule,
+            FormlySelectModule,
+            FormlyModule.forChild(withFormlyFieldRadio())] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: FormlyRadioModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [FormlyFieldRadio],
+                    imports: [
+                        CommonModule,
+                        ReactiveFormsModule,
+                        RadioButtonModule,
+                        FormlyFormFieldModule,
+                        FormlySelectModule,
+                        FormlyModule.forChild(withFormlyFieldRadio()),
+                    ],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { FormlyFieldRadio, FormlyRadioModule, RadioModule, withFormlyFieldRadio };
+//# sourceMappingURL=es.framework-ng.ui.core-radio.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"es.framework-ng.ui.core-radio.mjs","sources":["../../../../libs/ng.ui.core/radio/src/lib/radio-module.ts","../../../../libs/ng.ui.core/radio/src/lib/radio.type.ts","../../../../libs/ng.ui.core/radio/src/lib/radio.config.ts","../../../../libs/ng.ui.core/radio/src/lib/radio.module.ts","../../../../libs/ng.ui.core/radio/src/es.framework-ng.ui.core-radio.ts"],"sourcesContent":["import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\n@NgModule({\n  imports: [CommonModule],\n})\nexport class RadioModule {}\n","import { Component, ChangeDetectionStrategy, Type } from '@angular/core';\nimport { UntypedFormControl } from '@angular/forms';\nimport { FieldType, FieldTypeConfig, FormlyFieldConfig } from '@ngx-formly/core';\n\nimport { FormlyFieldProps } from '@es.framework/ng.ui.core/form-field';\n\ntype RadioProps = FormlyFieldProps;\n\nexport interface FormlyRadioFieldConfig extends FormlyFieldConfig<RadioProps> {\n  type: 'radio' | Type<FormlyFieldRadio>;\n}\n\n@Component({\n  selector: 'formly-field-primeng-radio',\n  template: `\n    @for (option of props.options | formlySelectOptions: field | async; track option; let index = $index) {\n      <div\n        class=\"p-field-radiobutton\"\n        >\n        <p-radioButton\n          [name]=\"field.name || id\"\n          [formControl]=\"option.disabled ? disabledControl : formControl\"\n          [value]=\"option.value\"\n          [inputId]=\"id + index\"\n          >\n        </p-radioButton>\n        <label [for]=\"id + index\" class=\"ml-2\">{{ option.label }}</label>\n      </div>\n    }\n    `,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  standalone:false\n})\nexport class FormlyFieldRadio extends FieldType<FieldTypeConfig<RadioProps>> {\n  get disabledControl() {\n    return new UntypedFormControl({ value: this.formControl.value, disabled: true });\n  }\n}\n","import { ConfigOption } from '@ngx-formly/core';\nimport { FormlyFieldRadio } from './radio.type';\n\nexport function withFormlyFieldRadio(): ConfigOption {\n  return {\n    types: [\n      {\n        name: 'radio',\n        component: FormlyFieldRadio,\n        wrappers: ['form-field'],\n      },\n    ],\n  };\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { FormlyModule } from '@ngx-formly/core';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { FormlySelectModule } from '@ngx-formly/core/select';\nimport { RadioButtonModule } from 'primeng/radiobutton';\nimport { FormlyFieldRadio } from './radio.type';\nimport { withFormlyFieldRadio } from './radio.config';\nimport { FormlyFormFieldModule } from '@es.framework/ng.ui.core/form-field';\n\n@NgModule({\n  declarations: [FormlyFieldRadio],\n  imports: [\n    CommonModule,\n    ReactiveFormsModule,\n    RadioButtonModule,\n\n    FormlyFormFieldModule,\n    FormlySelectModule,\n    FormlyModule.forChild(withFormlyFieldRadio()),\n  ],\n})\nexport class FormlyRadioModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i1"],"mappings":"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"}

package/fesm2022/es.framework-ng.ui.core-repeat.mjs

@@ -0,0 +1,290 @@
+import * as i0 from '@angular/core';
+import { NgModule, Component } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { TranslatePipe } from '@es.framework/ng.core/pipes';
+import { FieldArrayType, FormlyField } from '@ngx-formly/core';
+
+class RepeatModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: RepeatModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.1.3", ngImport: i0, type: RepeatModule, imports: [CommonModule] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: RepeatModule, imports: [CommonModule] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: RepeatModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule],
+                }]
+        }] });
+
+class RepeatTypeComponent extends FieldArrayType {
+    cdr;
+    // Return columns of the first row (for table headers)
+    getFirstRowColumns() {
+        return this.field.fieldGroup?.[0]?.fieldGroup ?? [];
+    }
+    // ✅ NEW VERSION OF YOUR FUNCTION
+    // getFirstRowColumns(): FormlyFieldConfig[] {
+    //   const group = this.field.fieldGroup?.[0]?.fieldGroup ?? [];
+    //   return group.map(f => ({
+    //     ...f,
+    //     type: 'label-type',   // 🔥 force label-type here
+    //     readonly: true,
+    //     disabled: true,
+    //   }));
+    // }
+    constructor(cdr) {
+        super();
+        this.cdr = cdr;
+    }
+    ngOnInit() {
+        // Subscribe to each FormArray changes
+        // if (this.formControl instanceof FormArray) {
+        this.field.formControl.valueChanges.subscribe(() => {
+            // Force Angular to detect changes
+            this.field.fieldGroup = [...this.field.fieldGroup ?? []];
+            this.cdr.detectChanges();
+        });
+        // }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: RepeatTypeComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.3", type: RepeatTypeComponent, isStandalone: true, selector: "formly-repeat-section", usesInheritance: true, ngImport: i0, template: `
+    <div class="overflow-auto bg-gray-100 border border-gray-300">
+      @if ((field.fieldGroup ?? []).length > 0) {
+        <table class="table-auto w-full border border-gray-300">
+          <thead>
+            <tr class="bg-gray-100 text-gray-700 text-sm">
+              <th class="w-8"></th>
+              @for (col of getFirstRowColumns(); track col) {
+                <th class="text-center border">@if (!col.hide) {<span>{{ (col.props?.label ?? '') | translate }}</span>}</th>
+                <!-- <th class="text-center border"><formly-field [field]="col"></formly-field></th> -->
+              }
+              <th class="w-10"></th>
+            </tr>
+          </thead>
+          <tbody>
+            @for (row of field.fieldGroup; track row; let rowIndex = $index) {
+              <tr class="border-t">
+                <td class="bg-[#fffbea] text-center text-gray-400 px-2"><i class="pi pi-bars"></i></td>
+                @for (col of row.fieldGroup; track col) {
+                  <td class="bg-[#fffbea]">
+                    <formly-field [field]="col"></formly-field>
+                  </td>
+                }
+                <td class="text-center px-2 bg-[#fffbea]">
+                  @if ((rowIndex !== 0 || field.props?.['canDeleteFirstRow']) && !(field.props?.['delete']?.hidden ?? false)) {
+                    <button type="button" (click)="remove(rowIndex)" class="text-red-600 hover:text-red-800">
+                      <i class="pi pi-trash"></i>
+                    </button>
+                  }
+                </td>
+              </tr>
+            }
+          </tbody>
+        </table>
+      }
+    
+       @if (!(field.props?.['add']?.hidden ?? false)) {
+      <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: "component", type: FormlyField, selector: "formly-field", inputs: ["field"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: RepeatTypeComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'formly-repeat-section',
+                    standalone: true,
+                    imports: [FormlyField, TranslatePipe],
+                    template: `
+    <div class="overflow-auto bg-gray-100 border border-gray-300">
+      @if ((field.fieldGroup ?? []).length > 0) {
+        <table class="table-auto w-full border border-gray-300">
+          <thead>
+            <tr class="bg-gray-100 text-gray-700 text-sm">
+              <th class="w-8"></th>
+              @for (col of getFirstRowColumns(); track col) {
+                <th class="text-center border">@if (!col.hide) {<span>{{ (col.props?.label ?? '') | translate }}</span>}</th>
+                <!-- <th class="text-center border"><formly-field [field]="col"></formly-field></th> -->
+              }
+              <th class="w-10"></th>
+            </tr>
+          </thead>
+          <tbody>
+            @for (row of field.fieldGroup; track row; let rowIndex = $index) {
+              <tr class="border-t">
+                <td class="bg-[#fffbea] text-center text-gray-400 px-2"><i class="pi pi-bars"></i></td>
+                @for (col of row.fieldGroup; track col) {
+                  <td class="bg-[#fffbea]">
+                    <formly-field [field]="col"></formly-field>
+                  </td>
+                }
+                <td class="text-center px-2 bg-[#fffbea]">
+                  @if ((rowIndex !== 0 || field.props?.['canDeleteFirstRow']) && !(field.props?.['delete']?.hidden ?? false)) {
+                    <button type="button" (click)="remove(rowIndex)" class="text-red-600 hover:text-red-800">
+                      <i class="pi pi-trash"></i>
+                    </button>
+                  }
+                </td>
+              </tr>
+            }
+          </tbody>
+        </table>
+      }
+    
+       @if (!(field.props?.['add']?.hidden ?? false)) {
+      <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>
+    `,
+                }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }] });
+
+class RepeatTableViewType extends FieldArrayType {
+    get columns() {
+        const group = this.field?.fieldArray?.fieldGroup || [];
+        return group.map((f) => ({
+            key: f.key,
+            label: f.props?.label || f.key
+        }));
+    }
+    get rows() {
+        return this.model || [];
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: RepeatTableViewType, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.3", type: RepeatTableViewType, isStandalone: true, selector: "formly-repeat-table-view", usesInheritance: true, ngImport: i0, template: `
+  <div class="mb-0">
+  
+    <!-- <label class="block text-lg font-semibold mb-3">
+    {{ field.props?.label }}
+  </label> -->
+  
+  <div class="overflow-x-auto rounded-xl border">
+    <table class="min-w-full bg-white border-collapse">
+  
+      <thead class="bg-gray-100">
+        <tr>
+          <!-- text-left -->
+          @for (col of columns; track col) {
+            <th
+              class="px-4 py-3 text-right font-medium border-b"
+              >
+              {{ col.label | translate }}
+            </th>
+          }
+        </tr>
+      </thead>
+  
+      <tbody>
+        @for (row of rows; track row; let i = $index) {
+          <tr
+            class="border-b hover:bg-gray-50">
+            @for (col of columns; track col) {
+              <td
+                class="px-4 py-2">
+                {{ row[col.key] }}
+              </td>
+            }
+          </tr>
+        }
+  
+        @if (!rows || rows.length === 0) {
+          <tr>
+            <td [attr.colspan]="columns.length"
+              class="text-center py-6 text-gray-400">
+              No data
+            </td>
+          </tr>
+        }
+  
+      </tbody>
+  
+    </table>
+  </div>
+  
+  </div>
+  
+  `, isInline: true, dependencies: [{ kind: "pipe", type: TranslatePipe, name: "translate" }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: RepeatTableViewType, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'formly-repeat-table-view',
+                    template: `
+  <div class="mb-0">
+  
+    <!-- <label class="block text-lg font-semibold mb-3">
+    {{ field.props?.label }}
+  </label> -->
+  
+  <div class="overflow-x-auto rounded-xl border">
+    <table class="min-w-full bg-white border-collapse">
+  
+      <thead class="bg-gray-100">
+        <tr>
+          <!-- text-left -->
+          @for (col of columns; track col) {
+            <th
+              class="px-4 py-3 text-right font-medium border-b"
+              >
+              {{ col.label | translate }}
+            </th>
+          }
+        </tr>
+      </thead>
+  
+      <tbody>
+        @for (row of rows; track row; let i = $index) {
+          <tr
+            class="border-b hover:bg-gray-50">
+            @for (col of columns; track col) {
+              <td
+                class="px-4 py-2">
+                {{ row[col.key] }}
+              </td>
+            }
+          </tr>
+        }
+  
+        @if (!rows || rows.length === 0) {
+          <tr>
+            <td [attr.colspan]="columns.length"
+              class="text-center py-6 text-gray-400">
+              No data
+            </td>
+          </tr>
+        }
+  
+      </tbody>
+  
+    </table>
+  </div>
+  
+  </div>
+  
+  `,
+                    imports: [TranslatePipe],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { RepeatModule, RepeatTableViewType, RepeatTypeComponent };
+//# sourceMappingURL=es.framework-ng.ui.core-repeat.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"es.framework-ng.ui.core-repeat.mjs","sources":["../../../../libs/ng.ui.core/repeat/src/lib/repeat-module.ts","../../../../libs/ng.ui.core/repeat/src/lib/repeat-section.type.ts","../../../../libs/ng.ui.core/repeat/src/lib/repeat-table-view.type.ts","../../../../libs/ng.ui.core/repeat/src/es.framework-ng.ui.core-repeat.ts"],"sourcesContent":["import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\n@NgModule({\n  imports: [CommonModule],\n})\nexport class RepeatModule {}\n","import { TranslatePipe } from '@es.framework/ng.core/pipes';\nimport { ChangeDetectorRef, Component, OnInit } from '@angular/core';\nimport { FieldArrayType, FormlyField, FormlyFieldConfig } from '@ngx-formly/core';\n\nimport { FormArray } from '@angular/forms';\n\n@Component({\n  selector: 'formly-repeat-section',\n  standalone: true,\n  imports: [FormlyField, TranslatePipe],\n  template: `\n    <div class=\"overflow-auto bg-gray-100 border border-gray-300\">\n      @if ((field.fieldGroup ?? []).length > 0) {\n        <table class=\"table-auto w-full border border-gray-300\">\n          <thead>\n            <tr class=\"bg-gray-100 text-gray-700 text-sm\">\n              <th class=\"w-8\"></th>\n              @for (col of getFirstRowColumns(); track col) {\n                <th class=\"text-center border\">@if (!col.hide) {<span>{{ (col.props?.label ?? '') | translate }}</span>}</th>\n                <!-- <th class=\"text-center border\"><formly-field [field]=\"col\"></formly-field></th> -->\n              }\n              <th class=\"w-10\"></th>\n            </tr>\n          </thead>\n          <tbody>\n            @for (row of field.fieldGroup; track row; let rowIndex = $index) {\n              <tr class=\"border-t\">\n                <td class=\"bg-[#fffbea] text-center text-gray-400 px-2\"><i class=\"pi pi-bars\"></i></td>\n                @for (col of row.fieldGroup; track col) {\n                  <td class=\"bg-[#fffbea]\">\n                    <formly-field [field]=\"col\"></formly-field>\n                  </td>\n                }\n                <td class=\"text-center px-2 bg-[#fffbea]\">\n                  @if ((rowIndex !== 0 || field.props?.['canDeleteFirstRow']) && !(field.props?.['delete']?.hidden ?? false)) {\n                    <button type=\"button\" (click)=\"remove(rowIndex)\" class=\"text-red-600 hover:text-red-800\">\n                      <i class=\"pi pi-trash\"></i>\n                    </button>\n                  }\n                </td>\n              </tr>\n            }\n          </tbody>\n        </table>\n      }\n    \n       @if (!(field.props?.['add']?.hidden ?? false)) {\n      <div class=\"flex justify-end\">\n        <button\n          type=\"button\"\n          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\"\n          (click)=\"add()\"\n          >\n          <span class=\"text-lg\">+</span>\n        </button>\n      </div>\n       }\n    </div>\n    `,\n})\nexport class RepeatTypeComponent extends FieldArrayType implements OnInit {\n  // Return columns of the first row (for table headers)\n  getFirstRowColumns() {\n    return this.field.fieldGroup?.[0]?.fieldGroup ?? [];\n  }\n   // ✅ NEW VERSION OF YOUR FUNCTION\n  // getFirstRowColumns(): FormlyFieldConfig[] {\n  //   const group = this.field.fieldGroup?.[0]?.fieldGroup ?? [];\n\n  //   return group.map(f => ({\n  //     ...f,\n  //     type: 'label-type',   // 🔥 force label-type here\n  //     readonly: true,\n  //     disabled: true,\n  //   }));\n  // }\n  constructor(private cdr: ChangeDetectorRef) {\n    super();\n  }\n  ngOnInit() {\n\n    // Subscribe to each FormArray changes\n    // if (this.formControl instanceof FormArray) {\n      this.field.formControl.valueChanges.subscribe(() => {\n        // Force Angular to detect changes\n\n        this.field.fieldGroup = [...this.field.fieldGroup ?? []];\n        this.cdr.detectChanges();\n      });\n    // }\n  }\n}\n","\nimport { Component } from '@angular/core';\nimport { FieldArrayType } from '@ngx-formly/core';\nimport { TranslatePipe } from '@es.framework/ng.core/pipes';\n\n@Component({\n  selector: 'formly-repeat-table-view',\n  template: `\n  <div class=\"mb-0\">\n  \n    <!-- <label class=\"block text-lg font-semibold mb-3\">\n    {{ field.props?.label }}\n  </label> -->\n  \n  <div class=\"overflow-x-auto rounded-xl border\">\n    <table class=\"min-w-full bg-white border-collapse\">\n  \n      <thead class=\"bg-gray-100\">\n        <tr>\n          <!-- text-left -->\n          @for (col of columns; track col) {\n            <th\n              class=\"px-4 py-3 text-right font-medium border-b\"\n              >\n              {{ col.label | translate }}\n            </th>\n          }\n        </tr>\n      </thead>\n  \n      <tbody>\n        @for (row of rows; track row; let i = $index) {\n          <tr\n            class=\"border-b hover:bg-gray-50\">\n            @for (col of columns; track col) {\n              <td\n                class=\"px-4 py-2\">\n                {{ row[col.key] }}\n              </td>\n            }\n          </tr>\n        }\n  \n        @if (!rows || rows.length === 0) {\n          <tr>\n            <td [attr.colspan]=\"columns.length\"\n              class=\"text-center py-6 text-gray-400\">\n              No data\n            </td>\n          </tr>\n        }\n  \n      </tbody>\n  \n    </table>\n  </div>\n  \n  </div>\n  \n  `,\n  imports: [TranslatePipe],\n})\nexport class RepeatTableViewType extends FieldArrayType {\n\n  get columns() {\n    const group = (this.field?.fieldArray as any)?.fieldGroup || [];\n    return group.map((f :any)=> ({\n      key: f.key as string,\n      label: f.props?.label || f.key\n    }));\n  }\n\n  get rows() {\n    return this.model || [];\n  }\n\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/es.framework-ng.ui.core-select.mjs

@@ -0,0 +1,179 @@
+import * as i0 from '@angular/core';
+import { NgModule, ChangeDetectionStrategy, Component } from '@angular/core';
+import * as i4 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i1$1 from '@ngx-formly/core';
+import { FieldType, FormlyAttributes, FormlyModule } from '@ngx-formly/core';
+import * as i3 from 'primeng/select';
+import { SelectModule as SelectModule$1 } from 'primeng/select';
+import { FormlyFormFieldModule } from '@es.framework/ng.ui.core/form-field';
+import * as i1 from '@angular/forms';
+import { ReactiveFormsModule } from '@angular/forms';
+import { DatePickerModule } from 'primeng/datepicker';
+import * as i5 from '@ngx-formly/core/select';
+import { FormlySelectModule as FormlySelectModule$1 } from '@ngx-formly/core/select';
+import { TranslatePipe } from '@es.framework/ng.core/pipes';
+import * as i2 from 'primeng/api';
+
+class SelectModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: SelectModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.1.3", ngImport: i0, type: SelectModule, imports: [CommonModule] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: SelectModule, imports: [CommonModule] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: SelectModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule],
+                }]
+        }] });
+
+class FormlyFieldSelect extends FieldType {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: FormlyFieldSelect, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.3", type: FormlyFieldSelect, isStandalone: true, selector: "formly-field-primeng-select", usesInheritance: true, ngImport: i0, template: `
+    <p-select
+     [options]="(props.options | formlySelectOptions: field | async) ?? []"
+      [formControl]="formControl"
+      [formlyAttributes]="field"
+      [showClear]="!props.required"
+      [appendTo]="props.appendTo"
+      [filter]="props.filter"
+      [filterBy]="props.filterBy ?? 'label'"
+      [optionLabel]="'label'"
+      [optionValue]="'value'"
+      (onChange)="props.change && props.change(field, $event)"
+       [placeholder]="(props['placeholder'] ?? '')| translate"
+      [styleClass]="'w-full rounded-none block'"
+    >
+     <!-- Template for each option in the dropdown -->
+  <ng-template let-option pTemplate="item">
+    <div class="flex items-center gap-2">
+      <!-- Example: add an icon if option has one -->
+       @if (option.icon) {
+
+         <i [class]="option.icon"></i>
+       }
+      <span>{{ option.label | translate }}</span>
+      <!-- Example: show description -->
+       @if (option.description) {
+
+         <small class="text-gray-500"> - {{ option.description | translate}}</small>
+       }
+    </div>
+  </ng-template>
+
+  <!-- Template for selected value -->
+  <ng-template let-selected pTemplate="selectedItem">
+    <div class="flex items-center gap-2">
+       @if (selected?.icon) {
+      <i  [class]="selected.icon"></i>
+       }
+      <span>{{ selected?.label | translate}}</span>
+    </div>
+  </ng-template>
+    </p-select>
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: DatePickerModule }, { kind: "directive", type: i2.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "ngmodule", type: FormlyFormFieldModule }, { kind: "directive", type: FormlyAttributes, selector: "[formlyAttributes]", inputs: ["formlyAttributes", "id"] }, { kind: "ngmodule", type: SelectModule$1 }, { kind: "component", type: i3.Select, selector: "p-select", inputs: ["id", "scrollHeight", "filter", "panelStyle", "styleClass", "panelStyleClass", "readonly", "editable", "tabindex", "placeholder", "loadingIcon", "filterPlaceholder", "filterLocale", "inputId", "dataKey", "filterBy", "filterFields", "autofocus", "resetFilterOnHide", "checkmark", "dropdownIcon", "loading", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "group", "showClear", "emptyFilterMessage", "emptyMessage", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "focusOnHover", "selectOnFocus", "autoOptionFocus", "autofocusFilter", "filterValue", "options", "appendTo"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }, { kind: "ngmodule", type: FormlySelectModule$1 }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }, { kind: "pipe", type: i5.LegacyFormlySelectOptionsPipe, name: "formlySelectOptions" }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: FormlyFieldSelect, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'formly-field-primeng-select',
+                    template: `
+    <p-select
+     [options]="(props.options | formlySelectOptions: field | async) ?? []"
+      [formControl]="formControl"
+      [formlyAttributes]="field"
+      [showClear]="!props.required"
+      [appendTo]="props.appendTo"
+      [filter]="props.filter"
+      [filterBy]="props.filterBy ?? 'label'"
+      [optionLabel]="'label'"
+      [optionValue]="'value'"
+      (onChange)="props.change && props.change(field, $event)"
+       [placeholder]="(props['placeholder'] ?? '')| translate"
+      [styleClass]="'w-full rounded-none block'"
+    >
+     <!-- Template for each option in the dropdown -->
+  <ng-template let-option pTemplate="item">
+    <div class="flex items-center gap-2">
+      <!-- Example: add an icon if option has one -->
+       @if (option.icon) {
+
+         <i [class]="option.icon"></i>
+       }
+      <span>{{ option.label | translate }}</span>
+      <!-- Example: show description -->
+       @if (option.description) {
+
+         <small class="text-gray-500"> - {{ option.description | translate}}</small>
+       }
+    </div>
+  </ng-template>
+
+  <!-- Template for selected value -->
+  <ng-template let-selected pTemplate="selectedItem">
+    <div class="flex items-center gap-2">
+       @if (selected?.icon) {
+      <i  [class]="selected.icon"></i>
+       }
+      <span>{{ selected?.label | translate}}</span>
+    </div>
+  </ng-template>
+    </p-select>
+  `,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    standalone: true,
+                    imports: [CommonModule,
+                        ReactiveFormsModule,
+                        DatePickerModule,
+                        FormlyFormFieldModule, FormlyAttributes, SelectModule$1, FormlySelectModule$1, TranslatePipe]
+                }]
+        }] });
+
+function withFormlyFieldSelect() {
+    return {
+        types: [
+            {
+                name: 'select',
+                component: FormlyFieldSelect,
+                wrappers: ['form-field'],
+            },
+            { name: 'enum', extends: 'select' },
+        ],
+    };
+}
+
+class FormlySelectModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: FormlySelectModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.1.3", ngImport: i0, type: FormlySelectModule, imports: [CommonModule,
+            ReactiveFormsModule,
+            SelectModule$1,
+            FormlyFormFieldModule,
+            FormlySelectModule$1, i1$1.FormlyModule] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: FormlySelectModule, imports: [CommonModule,
+            ReactiveFormsModule,
+            SelectModule$1,
+            FormlyFormFieldModule,
+            FormlySelectModule$1,
+            FormlyModule.forChild(withFormlyFieldSelect())] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: FormlySelectModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    // declarations: [FormlyFieldSelect],
+                    imports: [
+                        CommonModule,
+                        ReactiveFormsModule,
+                        SelectModule$1,
+                        FormlyFormFieldModule,
+                        FormlySelectModule$1,
+                        FormlyModule.forChild(withFormlyFieldSelect()),
+                    ],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { FormlyFieldSelect, FormlySelectModule, SelectModule, withFormlyFieldSelect };
+//# sourceMappingURL=es.framework-ng.ui.core-select.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"es.framework-ng.ui.core-select.mjs","sources":["../../../../libs/ng.ui.core/select/src/lib/select-module.ts","../../../../libs/ng.ui.core/select/src/lib/select.type.ts","../../../../libs/ng.ui.core/select/src/lib/select.config.ts","../../../../libs/ng.ui.core/select/src/lib/select.module.ts","../../../../libs/ng.ui.core/select/src/es.framework-ng.ui.core-select.ts"],"sourcesContent":["import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\n@NgModule({\n  imports: [CommonModule],\n})\nexport class SelectModule {}\n","import { Component, ChangeDetectionStrategy, Type } from '@angular/core';\nimport { FieldType, FieldTypeConfig, FormlyAttributes, FormlyFieldConfig } from '@ngx-formly/core';\nimport { FormlyFieldSelectProps } from '@ngx-formly/core/select';\nimport { Select, SelectModule } from 'primeng/select';\nimport { FormlyFieldProps, FormlyFormFieldModule } from '@es.framework/ng.ui.core/form-field';\nimport { CommonModule } from '@angular/common';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { DatePickerModule } from 'primeng/datepicker';\nimport { FormlySelectModule as FormlyCoreSelectModule } from '@ngx-formly/core/select';\nimport { TranslatePipe } from '@es.framework/ng.core/pipes';\n\ninterface SelectProps extends FormlyFieldProps, FormlyFieldSelectProps {\n  appendTo?: Select['appendTo'];\n  filter?: boolean;\n  filterBy?: string;\n}\n\nexport interface FormlySelectFieldConfig extends FormlyFieldConfig<SelectProps> {\n  type: 'select' | Type<FormlyFieldSelect>;\n}\n\n@Component({\n  selector: 'formly-field-primeng-select',\n  template: `\n    <p-select\n     [options]=\"(props.options | formlySelectOptions: field | async) ?? []\"\n      [formControl]=\"formControl\"\n      [formlyAttributes]=\"field\"\n      [showClear]=\"!props.required\"\n      [appendTo]=\"props.appendTo\"\n      [filter]=\"props.filter\"\n      [filterBy]=\"props.filterBy ?? 'label'\"\n      [optionLabel]=\"'label'\"\n      [optionValue]=\"'value'\"\n      (onChange)=\"props.change && props.change(field, $event)\"\n       [placeholder]=\"(props['placeholder'] ?? '')| translate\"\n      [styleClass]=\"'w-full rounded-none block'\"\n    >\n     <!-- Template for each option in the dropdown -->\n  <ng-template let-option pTemplate=\"item\">\n    <div class=\"flex items-center gap-2\">\n      <!-- Example: add an icon if option has one -->\n       @if (option.icon) {\n\n         <i [class]=\"option.icon\"></i>\n       }\n      <span>{{ option.label | translate }}</span>\n      <!-- Example: show description -->\n       @if (option.description) {\n\n         <small class=\"text-gray-500\"> - {{ option.description | translate}}</small>\n       }\n    </div>\n  </ng-template>\n\n  <!-- Template for selected value -->\n  <ng-template let-selected pTemplate=\"selectedItem\">\n    <div class=\"flex items-center gap-2\">\n       @if (selected?.icon) {\n      <i  [class]=\"selected.icon\"></i>\n       }\n      <span>{{ selected?.label | translate}}</span>\n    </div>\n  </ng-template>\n    </p-select>\n  `,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n   standalone:true,\n  imports:[CommonModule,\n    ReactiveFormsModule,\n    DatePickerModule,\n    FormlyFormFieldModule,FormlyAttributes,SelectModule,FormlyCoreSelectModule,TranslatePipe]\n\n})\nexport class FormlyFieldSelect extends FieldType<FieldTypeConfig<SelectProps>> {}\n","import { ConfigOption } from '@ngx-formly/core';\nimport { FormlyFieldSelect } from './select.type';\n\nexport function withFormlyFieldSelect(): ConfigOption {\n  return {\n    types: [\n      {\n        name: 'select',\n        component: FormlyFieldSelect,\n        wrappers: ['form-field'],\n      },\n      { name: 'enum', extends: 'select' },\n    ],\n  };\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport {  FormlyModule } from '@ngx-formly/core';\nimport { SelectModule } from 'primeng/select';\nimport { FormlySelectModule as FormlyCoreSelectModule } from '@ngx-formly/core/select';\n\nimport { FormlyFieldSelect } from './select.type';\nimport { withFormlyFieldSelect } from './select.config';\nimport { FormlyFormFieldModule } from '@es.framework/ng.ui.core/form-field';\n\n@NgModule({\n  // declarations: [FormlyFieldSelect],\n  imports: [\n    CommonModule,\n    ReactiveFormsModule,\n    SelectModule,\n    FormlyFormFieldModule,\n    FormlyCoreSelectModule,\n    FormlyModule.forChild(withFormlyFieldSelect()),\n  ],\n})\nexport class FormlySelectModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["SelectModule","FormlyCoreSelectModule","i1"],"mappings":"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"}