@es.framework/ng.ui.core 2.0.58

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

@@ -0,0 +1,250 @@
+import * as i0 from '@angular/core';
+import { NgModule, ViewChild, ChangeDetectionStrategy, Component } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import * as i1$1 from '@ngx-formly/core';
+import { FieldType, FormlyAttributes, FormlyModule } from '@ngx-formly/core';
+import * as i1 from '@angular/forms';
+import { ReactiveFormsModule } from '@angular/forms';
+import { FormlyFormFieldModule } from '@ngx-formly/primeng/form-field';
+import { DatePickerModule } from 'primeng/datepicker';
+import * as i2 from 'primeng/inputtext';
+import { InputTextModule } from 'primeng/inputtext';
+import { TranslatePipe } from '@es.framework/ng.core/pipes';
+import { InputNumber } from 'primeng/inputnumber';
+import { FormlyFormFieldModule as FormlyFormFieldModule$1 } from '@es.framework/ng.ui.core/form-field';
+
+class InputModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: InputModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.1.3", ngImport: i0, type: InputModule, imports: [CommonModule] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: InputModule, imports: [CommonModule] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: InputModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule],
+                }]
+        }] });
+
+class FormlyFieldInput extends FieldType {
+    inputElement;
+    inputNumberElement; // p-inputNumber component reference
+    ngAfterViewInit() {
+        if (this.props.autofocus) {
+            setTimeout(() => {
+                if (this.props.type === 'number' && this.inputNumberElement?.el?.nativeElement) {
+                    // Focus for p-inputNumber
+                    this.inputNumberElement.el.nativeElement.querySelector('input')?.focus();
+                }
+                else if (this.inputElement?.nativeElement) {
+                    // Focus for regular input
+                    this.inputElement.nativeElement.focus();
+                }
+            });
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: FormlyFieldInput, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.3", type: FormlyFieldInput, isStandalone: true, selector: "formly-field-primeng-input", viewQueries: [{ propertyName: "inputElement", first: true, predicate: ["inputElement"], descendants: true }, { propertyName: "inputNumberElement", first: true, predicate: ["inputNumberElement"], descendants: true }], usesInheritance: true, ngImport: i0, template: `
+    @if (props.type !== 'number') {
+      <input
+        pInputText
+        [type]="props['type'] || 'text'"
+        [formControl]="formControl"
+        [formlyAttributes]="field"
+        [placeholder]="(props['placeholder'] ?? '')| translate"
+        class="w-full rounded-none block"
+        #inputElement
+        />
+    } @else {
+      <p-inputNumber
+        [formControl]="formControl"
+        [formlyAttributes]="field"
+        class="w-full rounded-none block"
+        [min]="props['min'] || 0"
+        [showButtons]="props['showButtons'] ?? false"
+        buttonLayout="horizontal"
+        spinnerMode="horizontal"
+        [useGrouping]="props['useGrouping']"
+        [placeholder]="(props['placeholder'] ?? '')| translate"
+        #inputNumberElement>
+        <ng-template #incrementbuttonicon>
+          <span class="pi pi-plus"></span>
+        </ng-template>
+        <ng-template #decrementbuttonicon>
+          <span class="pi pi-minus"></span>
+        </ng-template>
+      </p-inputNumber>
+    }
+    `, isInline: true, dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { 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: "ngmodule", type: FormlyFormFieldModule }, { kind: "directive", type: FormlyAttributes, selector: "[formlyAttributes]", inputs: ["formlyAttributes", "id"] }, { kind: "ngmodule", type: InputTextModule }, { kind: "directive", type: i2.InputText, selector: "[pInputText]", inputs: ["hostName", "ptInputText", "pSize", "variant", "fluid", "invalid"] }, { kind: "component", type: InputNumber, selector: "p-inputNumber, p-inputnumber, p-input-number", inputs: ["showButtons", "format", "buttonLayout", "inputId", "styleClass", "placeholder", "tabindex", "title", "ariaLabelledBy", "ariaDescribedBy", "ariaLabel", "ariaRequired", "autocomplete", "incrementButtonClass", "decrementButtonClass", "incrementButtonIcon", "decrementButtonIcon", "readonly", "allowEmpty", "locale", "localeMatcher", "mode", "currency", "currencyDisplay", "useGrouping", "minFractionDigits", "maxFractionDigits", "prefix", "suffix", "inputStyle", "inputStyleClass", "showClear", "autofocus"], outputs: ["onInput", "onFocus", "onBlur", "onKeyDown", "onClear"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: FormlyFieldInput, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'formly-field-primeng-input',
+                    template: `
+    @if (props.type !== 'number') {
+      <input
+        pInputText
+        [type]="props['type'] || 'text'"
+        [formControl]="formControl"
+        [formlyAttributes]="field"
+        [placeholder]="(props['placeholder'] ?? '')| translate"
+        class="w-full rounded-none block"
+        #inputElement
+        />
+    } @else {
+      <p-inputNumber
+        [formControl]="formControl"
+        [formlyAttributes]="field"
+        class="w-full rounded-none block"
+        [min]="props['min'] || 0"
+        [showButtons]="props['showButtons'] ?? false"
+        buttonLayout="horizontal"
+        spinnerMode="horizontal"
+        [useGrouping]="props['useGrouping']"
+        [placeholder]="(props['placeholder'] ?? '')| translate"
+        #inputNumberElement>
+        <ng-template #incrementbuttonicon>
+          <span class="pi pi-plus"></span>
+        </ng-template>
+        <ng-template #decrementbuttonicon>
+          <span class="pi pi-minus"></span>
+        </ng-template>
+      </p-inputNumber>
+    }
+    `,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    standalone: true,
+                    imports: [
+                        ReactiveFormsModule,
+                        DatePickerModule,
+                        FormlyFormFieldModule,
+                        FormlyAttributes,
+                        InputTextModule,
+                        TranslatePipe,
+                        InputNumber
+                    ]
+                }]
+        }], propDecorators: { inputElement: [{
+                type: ViewChild,
+                args: ['inputElement']
+            }], inputNumberElement: [{
+                type: ViewChild,
+                args: ['inputNumberElement']
+            }] } });
+
+function withFormlyFieldInput() {
+    return {
+        types: [
+            {
+                name: 'input',
+                component: FormlyFieldInput,
+                wrappers: ['form-field'],
+            },
+            { name: 'string', extends: 'input' },
+            {
+                name: 'number',
+                extends: 'input',
+                defaultOptions: {
+                    props: {
+                        type: 'number',
+                    },
+                },
+            },
+            {
+                name: 'integer',
+                extends: 'input',
+                defaultOptions: {
+                    props: {
+                        type: 'number',
+                    },
+                },
+            },
+        ],
+    };
+}
+
+// import { FormlyFormFieldModule } from '../../components/form-field';
+class FormlyInputModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: FormlyInputModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.1.3", ngImport: i0, type: FormlyInputModule, imports: [CommonModule,
+            ReactiveFormsModule,
+            InputTextModule,
+            FormlyFormFieldModule$1, i1$1.FormlyModule] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: FormlyInputModule, imports: [CommonModule,
+            ReactiveFormsModule,
+            InputTextModule,
+            FormlyFormFieldModule$1,
+            FormlyModule.forChild(withFormlyFieldInput())] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: FormlyInputModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    // declarations: [FormlyFieldInput],
+                    imports: [
+                        CommonModule,
+                        ReactiveFormsModule,
+                        InputTextModule,
+                        FormlyFormFieldModule$1,
+                        FormlyModule.forChild(withFormlyFieldInput()),
+                    ],
+                }]
+        }] });
+
+function withFormlyFieldAdvancedInput() {
+    return {
+        types: [
+            {
+                name: 'advanced-input',
+                component: FormlyFieldInput,
+                wrappers: ['form-field'],
+            },
+        ],
+    };
+}
+function withFormlyFieldString() {
+    return {
+        types: [
+            {
+                name: 'string',
+                extends: 'input',
+            },
+        ],
+    };
+}
+function withFormlyFieldNumber() {
+    return {
+        types: [
+            {
+                name: 'number',
+                extends: 'input',
+                defaultOptions: {
+                    props: {
+                        type: 'number',
+                    },
+                },
+            },
+        ],
+    };
+}
+function withFormlyFieldInteger() {
+    return {
+        types: [
+            {
+                name: 'integer',
+                extends: 'input',
+                defaultOptions: {
+                    props: {
+                        type: 'number',
+                    },
+                },
+            },
+        ],
+    };
+}
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { FormlyFieldInput, FormlyInputModule, InputModule, withFormlyFieldAdvancedInput, withFormlyFieldInput, withFormlyFieldInteger, withFormlyFieldNumber, withFormlyFieldString };
+//# sourceMappingURL=es.framework-ng.ui.core-input.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"es.framework-ng.ui.core-input.mjs","sources":["../../../../libs/ng.ui.core/input/src/lib/input-module.ts","../../../../libs/ng.ui.core/input/src/lib/input.type.ts","../../../../libs/ng.ui.core/input/src/lib/input.config.ts","../../../../libs/ng.ui.core/input/src/lib/input.module.ts","../../../../libs/ng.ui.core/input/src/lib/advanced-input.config.ts","../../../../libs/ng.ui.core/input/src/es.framework-ng.ui.core-input.ts"],"sourcesContent":["import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\n@NgModule({\n  imports: [CommonModule],\n})\nexport class InputModule {}\n","import { Component, ChangeDetectionStrategy, Type, ViewChild, ElementRef, AfterViewInit } from '@angular/core';\nimport { FieldType, FieldTypeConfig, FormlyAttributes, FormlyFieldConfig } from '@ngx-formly/core';\n\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { FormlyFormFieldModule } from '@ngx-formly/primeng/form-field';\nimport { DatePickerModule } from 'primeng/datepicker';\nimport { InputTextModule } from 'primeng/inputtext';\nimport { TranslatePipe } from '@es.framework/ng.core/pipes';\nimport { FormlyFieldProps } from '@es.framework/ng.ui.core/form-field';\nimport { InputNumber } from 'primeng/inputnumber';\n\ninterface InputProps extends FormlyFieldProps {\n  showButtons?: boolean;\n  autofocus?: boolean;\n  useGrouping?: boolean;\n}\n\nexport interface FormlyInputFieldConfig extends FormlyFieldConfig<InputProps> {\n  type: 'input' | Type<FormlyFieldInput>;\n}\n\n@Component({\n  selector: 'formly-field-primeng-input',\n  template: `\n    @if (props.type !== 'number') {\n      <input\n        pInputText\n        [type]=\"props['type'] || 'text'\"\n        [formControl]=\"formControl\"\n        [formlyAttributes]=\"field\"\n        [placeholder]=\"(props['placeholder'] ?? '')| translate\"\n        class=\"w-full rounded-none block\"\n        #inputElement\n        />\n    } @else {\n      <p-inputNumber\n        [formControl]=\"formControl\"\n        [formlyAttributes]=\"field\"\n        class=\"w-full rounded-none block\"\n        [min]=\"props['min'] || 0\"\n        [showButtons]=\"props['showButtons'] ?? false\"\n        buttonLayout=\"horizontal\"\n        spinnerMode=\"horizontal\"\n        [useGrouping]=\"props['useGrouping']\"\n        [placeholder]=\"(props['placeholder'] ?? '')| translate\"\n        #inputNumberElement>\n        <ng-template #incrementbuttonicon>\n          <span class=\"pi pi-plus\"></span>\n        </ng-template>\n        <ng-template #decrementbuttonicon>\n          <span class=\"pi pi-minus\"></span>\n        </ng-template>\n      </p-inputNumber>\n    }\n    `,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  standalone: true,\n  imports: [\n    ReactiveFormsModule,\n    DatePickerModule,\n    FormlyFormFieldModule,\n    FormlyAttributes,\n    InputTextModule,\n    TranslatePipe,\n    InputNumber\n]\n})\nexport class FormlyFieldInput extends FieldType<FieldTypeConfig<InputProps>> implements AfterViewInit {\n  @ViewChild('inputElement') inputElement?: ElementRef<HTMLInputElement>;\n  @ViewChild('inputNumberElement') inputNumberElement?: any; // p-inputNumber component reference\n\n  ngAfterViewInit() {\n    if (this.props.autofocus) {\n      setTimeout(() => {\n        if (this.props.type === 'number' && this.inputNumberElement?.el?.nativeElement) {\n          // Focus for p-inputNumber\n          this.inputNumberElement.el.nativeElement.querySelector('input')?.focus();\n        } else if (this.inputElement?.nativeElement) {\n          // Focus for regular input\n          this.inputElement.nativeElement.focus();\n        }\n      });\n    }\n  }\n}\n","import { ConfigOption } from '@ngx-formly/core';\nimport { FormlyFieldInput } from './input.type';\n\nexport function withFormlyFieldInput(): ConfigOption {\n  return {\n    types: [\n      {\n        name: 'input',\n        component: FormlyFieldInput,\n        wrappers: ['form-field'],\n      },\n      { name: 'string', extends: 'input' },\n      {\n        name: 'number',\n        extends: 'input',\n        defaultOptions: {\n          props: {\n            type: 'number',\n          },\n        },\n      },\n      {\n        name: 'integer',\n        extends: 'input',\n        defaultOptions: {\n          props: {\n            type: 'number',\n          },\n        },\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 { InputTextModule } from 'primeng/inputtext';\n\nimport { FormlyFieldInput } from './input.type';\nimport { withFormlyFieldInput } from './input.config';\nimport { FormlyFormFieldModule } from '@es.framework/ng.ui.core/form-field';\n// import { FormlyFormFieldModule } from '../../components/form-field';\n\n@NgModule({\n  // declarations: [FormlyFieldInput],\n  imports: [\n    CommonModule,\n    ReactiveFormsModule,\n    InputTextModule,\n    FormlyFormFieldModule,\n    FormlyModule.forChild(withFormlyFieldInput()),\n  ],\n})\nexport class FormlyInputModule {}\n","\r\nimport { ConfigOption } from \"@ngx-formly/core\";\r\nimport { FormlyFieldInput } from \"./input.type\";\r\n\r\n\r\nexport function withFormlyFieldAdvancedInput(): ConfigOption {\r\n  return {\r\n    types: [\r\n      {\r\n        name: 'advanced-input',\r\n        component: FormlyFieldInput,\r\n        wrappers: ['form-field'],\r\n      },\r\n    ],\r\n  };\r\n}\r\n\r\nexport function withFormlyFieldString(): ConfigOption {\r\n  return {\r\n    types: [\r\n      {\r\n        name: 'string',\r\n        extends: 'input',\r\n      },\r\n    ],\r\n  };\r\n}\r\n\r\nexport function withFormlyFieldNumber(): ConfigOption {\r\n  return {\r\n    types: [\r\n      {\r\n        name: 'number',\r\n        extends: 'input',\r\n        defaultOptions: {\r\n          props: {\r\n            type: 'number',\r\n          },\r\n        },\r\n      },\r\n    ],\r\n  };\r\n}\r\n\r\nexport function withFormlyFieldInteger(): ConfigOption {\r\n  return {\r\n    types: [\r\n      {\r\n        name: 'integer',\r\n        extends: 'input',\r\n        defaultOptions: {\r\n          props: {\r\n            type: 'number',\r\n          },\r\n        },\r\n      },\r\n    ],\r\n  };\r\n}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["FormlyFormFieldModule","i1"],"mappings":"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"}

package/fesm2022/es.framework-ng.ui.core-label-type.mjs

@@ -0,0 +1,184 @@
+import * as i0 from '@angular/core';
+import { NgModule, Component } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { FieldType } from '@ngx-formly/core';
+import * as i1 from '@angular/platform-browser';
+
+class LabelTypeModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: LabelTypeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.1.3", ngImport: i0, type: LabelTypeModule, imports: [CommonModule] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: LabelTypeModule, imports: [CommonModule] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: LabelTypeModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule],
+                }]
+        }] });
+
+class LabelTypeComponent extends FieldType {
+    sanitizer;
+    constructor(sanitizer) {
+        super();
+        this.sanitizer = sanitizer;
+    }
+    get displayValue() {
+        const key = this.key;
+        const val = this.model?.[key];
+        const row = this.model ?? {};
+        const formatter = this.props['formatter'];
+        if (formatter && typeof formatter === 'function') {
+            try {
+                const html = formatter(row, val);
+                return this.sanitizer.bypassSecurityTrustHtml(html); // 🔑 هنا
+            }
+            catch (e) {
+                console.warn('Formatter error:', e);
+                return val ?? '--';
+            }
+        }
+        return val ?? '--';
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: LabelTypeComponent, deps: [{ token: i1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.3", 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>
+    </div>
+  `, isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", 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>
+    </div>
+  `,
+                }]
+        }], ctorParameters: () => [{ type: i1.DomSanitizer }] });
+
+class CustomTypeComponent extends FieldType {
+    sanitizer;
+    constructor(sanitizer) {
+        super();
+        this.sanitizer = sanitizer;
+    }
+    get displayValue() {
+        const key = this.key;
+        const val = this.model?.[key];
+        const row = this.model ?? {};
+        const formatter = this.props['formatter'];
+        if (formatter && typeof formatter === 'function') {
+            try {
+                const html = formatter(row, val);
+                return this.sanitizer.bypassSecurityTrustHtml(html); // 🔑 هنا
+            }
+            catch (e) {
+                console.warn('Formatter error:', e);
+                return val ?? '--';
+            }
+        }
+        return val ?? '--';
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: CustomTypeComponent, deps: [{ token: i1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.3", type: CustomTypeComponent, isStandalone: true, selector: "custom-label-type", usesInheritance: true, ngImport: i0, template: `
+    <div [class]="to['className'] || 'text-gray-700 font-bold'">
+      <span [innerHTML]="displayValue"></span>
+    </div>
+  `, isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: CustomTypeComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'custom-label-type',
+                    standalone: true,
+                    template: `
+    <div [class]="to['className'] || 'text-gray-700 font-bold'">
+      <span [innerHTML]="displayValue"></span>
+    </div>
+  `,
+                }]
+        }], ctorParameters: () => [{ type: i1.DomSanitizer }] });
+
+class ClickableLabelTypeComponent extends FieldType {
+    hovering = false;
+    onCellLeave(col, row, event) {
+        event.stopPropagation(); // يمنع اختيار الصف
+        col.onCellMouseLeave?.(row, event); // <--- استدعاء الدالة المخصصة للمغادرة
+    }
+    onCellHover(col, row, event) {
+        if (this.hovering)
+            return; // prevent re-entry
+        this.hovering = true;
+        event.stopPropagation();
+        // call external callback if exists
+        col.onCellMouseEnter?.(row, event);
+        setTimeout(() => {
+            this.hovering = false;
+        }, 0); // release after current cycle
+    }
+    handleCellClick(col, model, event) {
+        event.stopPropagation();
+        if (col?.clickAction && typeof col.clickAction === 'function') {
+            col.clickAction(model, event);
+        }
+        // col?.clickAction?.(model, event);
+    }
+    getCellValue(col, model) {
+        const field = this.key;
+        const pipeFn = this.props['pipe'];
+        return pipeFn ? pipeFn(model[field]) : model[field];
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: ClickableLabelTypeComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.3", type: ClickableLabelTypeComponent, isStandalone: true, selector: "formly-clickable-label-type", usesInheritance: true, ngImport: i0, template: `
+<!-- (mouseenter)="props['hoverable'] && onCellHover(props, model, $event)" -->
+<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: "21.1.3", ngImport: i0, type: ClickableLabelTypeComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'formly-clickable-label-type',
+                    standalone: true,
+                    imports: [],
+                    template: `
+<!-- (mouseenter)="props['hoverable'] && onCellHover(props, model, $event)" -->
+<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, CustomTypeComponent, LabelTypeComponent, LabelTypeModule };
+//# sourceMappingURL=es.framework-ng.ui.core-label-type.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"es.framework-ng.ui.core-label-type.mjs","sources":["../../../../libs/ng.ui.core/label-type/src/lib/label-type-module.ts","../../../../libs/ng.ui.core/label-type/src/lib/label-type.ts","../../../../libs/ng.ui.core/label-type/src/lib/custom-label-type.ts","../../../../libs/ng.ui.core/label-type/src/lib/clickable-label-type.ts","../../../../libs/ng.ui.core/label-type/src/es.framework-ng.ui.core-label-type.ts"],"sourcesContent":["import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\n@NgModule({\n  imports: [CommonModule],\n})\nexport class LabelTypeModule {}\n","import { Component } from '@angular/core';\nimport { FieldType } from '@ngx-formly/core';\nimport { DomSanitizer, SafeHtml } from '@angular/platform-browser';\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    </div>\n  `,\n})\nexport class LabelTypeComponent extends FieldType {\n  constructor(private sanitizer: DomSanitizer) {\n    super();\n  }\n\n  get displayValue(): SafeHtml {\n    const key = this.key as string;\n    const val = this.model?.[key];\n    const row = this.model ?? {};\n\n    const formatter = this.props['formatter'];\n    if (formatter && typeof formatter === 'function') {\n      try {\n        const html = formatter(row, val);\n        return this.sanitizer.bypassSecurityTrustHtml(html); // 🔑 هنا\n      } catch (e) {\n        console.warn('Formatter error:', e);\n        return val ?? '--';\n      }\n    }\n\n    return val ?? '--';\n  }\n}\n","import { Component } from '@angular/core';\nimport { FieldType } from '@ngx-formly/core';\nimport { DomSanitizer, SafeHtml } from '@angular/platform-browser';\n\n@Component({\n  selector: 'custom-label-type',\n  standalone: true,\n  template: `\n    <div [class]=\"to['className'] || 'text-gray-700 font-bold'\">\n      <span [innerHTML]=\"displayValue\"></span>\n    </div>\n  `,\n})\nexport class CustomTypeComponent extends FieldType {\n  constructor(private sanitizer: DomSanitizer) {\n    super();\n  }\n\n  get displayValue(): SafeHtml {\n    const key = this.key as string;\n    const val = this.model?.[key];\n    const row = this.model ?? {};\n\n    const formatter = this.props['formatter'];\n    if (formatter && typeof formatter === 'function') {\n      try {\n        const html = formatter(row, val);\n        return this.sanitizer.bypassSecurityTrustHtml(html); // 🔑 هنا\n      } catch (e) {\n        console.warn('Formatter error:', e);\n        return val ?? '--';\n      }\n    }\n\n    return val ?? '--';\n  }\n}\n","\r\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  imports: [],\r\n  template: `\r\n<!-- (mouseenter)=\"props['hoverable'] && onCellHover(props, model, $event)\" -->\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  hovering = false;\r\n\r\n    onCellLeave(col: any, row: any, event: MouseEvent) { // <--- تعديل هنا\r\n    event.stopPropagation(); // يمنع اختيار الصف\r\n    col.onCellMouseLeave?.(row, event); // <--- استدعاء الدالة المخصصة للمغادرة\r\n\r\n }\r\n  onCellHover(col: any, row: any, event: MouseEvent) {\r\n  if (this.hovering) return; // prevent re-entry\r\n  this.hovering = true;\r\n\r\n  event.stopPropagation();\r\n\r\n  // call external callback if exists\r\n  col.onCellMouseEnter?.(row, event);\r\n\r\n  setTimeout(() => {\r\n    this.hovering = false;\r\n  }, 0); // release after current cycle\r\n}\r\n\r\n handleCellClick(col: any, model: any, event: MouseEvent) {\r\n    event.stopPropagation();\r\n      if (col?.clickAction && typeof col.clickAction === 'function') {\r\n    col.clickAction(model, event);\r\n  }\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[field]) : model[field];\r\n}\r\n}\r\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-loading-skeletons.mjs

@@ -0,0 +1,66 @@
+import * as i0 from '@angular/core';
+import { NgModule, Input, Component } from '@angular/core';
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i2 from 'primeng/skeleton';
+import { SkeletonModule } from 'primeng/skeleton';
+
+class LoadingSkeletonsModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: LoadingSkeletonsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.1.3", ngImport: i0, type: LoadingSkeletonsModule, imports: [CommonModule] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: LoadingSkeletonsModule, imports: [CommonModule] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: LoadingSkeletonsModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule],
+                }]
+        }] });
+
+// projects/shared/src/lib/components/loading-skeleton/loading-skeleton.component.ts
+class LoadingSkeletonComponent {
+    /** عدد الـ skeletons داخل القائمة */
+    itemsCount = 6;
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: LoadingSkeletonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.3", type: LoadingSkeletonComponent, isStandalone: true, selector: "app-loading-skeleton", inputs: { itemsCount: "itemsCount" }, ngImport: i0, template: `
+    <div class="p-4 space-y-4">
+      <!-- العنوان -->
+      <p-skeleton width="100%" height="3rem"></p-skeleton>
+      <p-skeleton width="40%" height="1.5rem"></p-skeleton>
+
+      <!-- العناصر المتكررة -->
+      <ng-container *ngFor="let _ of [].constructor(itemsCount)">
+        <p-skeleton width="100%" height="5rem"></p-skeleton>
+      </ng-container>
+    </div>
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "ngmodule", type: SkeletonModule }, { kind: "component", type: i2.Skeleton, selector: "p-skeleton", inputs: ["styleClass", "shape", "animation", "borderRadius", "size", "width", "height"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: LoadingSkeletonComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'app-loading-skeleton',
+                    standalone: true,
+                    imports: [CommonModule, SkeletonModule],
+                    template: `
+    <div class="p-4 space-y-4">
+      <!-- العنوان -->
+      <p-skeleton width="100%" height="3rem"></p-skeleton>
+      <p-skeleton width="40%" height="1.5rem"></p-skeleton>
+
+      <!-- العناصر المتكررة -->
+      <ng-container *ngFor="let _ of [].constructor(itemsCount)">
+        <p-skeleton width="100%" height="5rem"></p-skeleton>
+      </ng-container>
+    </div>
+  `
+                }]
+        }], propDecorators: { itemsCount: [{
+                type: Input
+            }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { LoadingSkeletonComponent, LoadingSkeletonsModule };
+//# sourceMappingURL=es.framework-ng.ui.core-loading-skeletons.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"es.framework-ng.ui.core-loading-skeletons.mjs","sources":["../../../../libs/ng.ui.core/loading-skeletons/src/lib/loading-skeletons.module.ts","../../../../libs/ng.ui.core/loading-skeletons/src/lib/loading-skeletons.ts","../../../../libs/ng.ui.core/loading-skeletons/src/es.framework-ng.ui.core-loading-skeletons.ts"],"sourcesContent":["import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\n@NgModule({\n  imports: [CommonModule],\n})\nexport class LoadingSkeletonsModule {}\n","// projects/shared/src/lib/components/loading-skeleton/loading-skeleton.component.ts\nimport { Component, Input } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { SkeletonModule } from 'primeng/skeleton';\n\n@Component({\n  selector: 'app-loading-skeleton',\n  standalone: true,\n  imports: [CommonModule, SkeletonModule],\n  template: `\n    <div class=\"p-4 space-y-4\">\n      <!-- العنوان -->\n      <p-skeleton width=\"100%\" height=\"3rem\"></p-skeleton>\n      <p-skeleton width=\"40%\" height=\"1.5rem\"></p-skeleton>\n\n      <!-- العناصر المتكررة -->\n      <ng-container *ngFor=\"let _ of [].constructor(itemsCount)\">\n        <p-skeleton width=\"100%\" height=\"5rem\"></p-skeleton>\n      </ng-container>\n    </div>\n  `\n})\nexport class LoadingSkeletonComponent {\n  /** عدد الـ skeletons داخل القائمة */\n  @Input() itemsCount = 6;\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;MAMa,sBAAsB,CAAA;uGAAtB,sBAAsB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA;AAAtB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,sBAAsB,YAFvB,YAAY,CAAA,EAAA,CAAA;AAEX,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,sBAAsB,YAFvB,YAAY,CAAA,EAAA,CAAA;;2FAEX,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBAHlC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACR,OAAO,EAAE,CAAC,YAAY,CAAC;AACxB,iBAAA;;;ACLD;MAsBa,wBAAwB,CAAA;;IAE1B,UAAU,GAAG,CAAC;uGAFZ,wBAAwB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAxB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,wBAAwB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,sBAAA,EAAA,MAAA,EAAA,EAAA,UAAA,EAAA,YAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAbzB;;;;;;;;;;;GAWT,EAAA,QAAA,EAAA,IAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAZS,YAAY,2JAAE,cAAc,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,QAAA,EAAA,QAAA,EAAA,YAAA,EAAA,MAAA,EAAA,CAAA,YAAA,EAAA,OAAA,EAAA,WAAA,EAAA,cAAA,EAAA,MAAA,EAAA,OAAA,EAAA,QAAA,CAAA,EAAA,CAAA,EAAA,CAAA;;2FAc3B,wBAAwB,EAAA,UAAA,EAAA,CAAA;kBAjBpC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,sBAAsB;AAChC,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,OAAO,EAAE,CAAC,YAAY,EAAE,cAAc,CAAC;AACvC,oBAAA,QAAQ,EAAE;;;;;;;;;;;AAWT,EAAA;AACF,iBAAA;;sBAGE;;;ACxBH;;AAEG;;;;"}