@es.framework/ng.ui.core 2.0.58

package/fesm2022/es.framework-ng.ui.core-formly-presets.mjs

@@ -0,0 +1,201 @@
+import * as i0 from '@angular/core';
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+
+class FormlyPresetsModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: FormlyPresetsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.1.3", ngImport: i0, type: FormlyPresetsModule, imports: [CommonModule] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: FormlyPresetsModule, imports: [CommonModule] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: FormlyPresetsModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule],
+                }]
+        }] });
+
+const DEFAULT_CONTROL_CLASS = [
+    'w-full',
+    'border',
+    'border-gray-300',
+    'rounded',
+    'focus:outline-none',
+    'focus:ring-2',
+    'focus:ring-green-400',
+].join(' ');
+function numberField(key, label, required = false, className = 'col-span-1') {
+    return {
+        key,
+        type: 'input',
+        className,
+        wrappers: ['form-field'],
+        templateOptions: {
+            type: "number",
+            label,
+            required,
+            attributes: { class: DEFAULT_CONTROL_CLASS },
+        },
+    };
+}
+function textField(key, label, required = false, className = 'col-span-1', 
+// ✅ تم تغيير هذا البراميتر ليقبل خصائص إضافية لـ templateOptions
+extraTemplateOptions) {
+    return {
+        key,
+        type: 'advanced-input',
+        className,
+        wrappers: ['form-field'],
+        props: {
+            label,
+            required,
+            attributes: {
+                class: DEFAULT_CONTROL_CLASS,
+            },
+            // ✅ دمج الخصائص الإضافية هنا
+            ...extraTemplateOptions,
+        },
+    };
+}
+function textField2(key, label, required = false, className = 'col-span-1', expressions) {
+    return {
+        key,
+        type: 'input',
+        className,
+        wrappers: ['form-field'],
+        templateOptions: {
+            label,
+            required,
+            attributes: {
+                class: DEFAULT_CONTROL_CLASS,
+            },
+            // ✅ اضف disabled ليتضبب الحقل إذا كان readonly
+        },
+        expressions,
+    };
+}
+function textareaField(key, label, rows = 3, className = 'col-span-1') {
+    return {
+        key,
+        type: 'textarea',
+        className,
+        wrappers: ['form-field'],
+        templateOptions: {
+            label,
+            rows,
+            attributes: { class: DEFAULT_CONTROL_CLASS },
+        },
+    };
+}
+function selectField({ key, label, options = [], className, defaultValue, fullWidth = false, required = false, }) {
+    const config = {
+        key,
+        type: 'select',
+        className: className ?? (fullWidth ? 'col-span-2' : 'col-span-1'),
+        wrappers: ['form-field'],
+        templateOptions: {
+            label,
+            options,
+            required,
+            placeholder: `اختر ${label}`,
+            showClear: true,
+            filter: true,
+            appendTo: 'body',
+            optionLabel: 'label',
+            optionValue: 'value',
+            attributes: { class: DEFAULT_CONTROL_CLASS },
+        },
+    };
+    if (options !== undefined) {
+        config.templateOptions.options = options;
+    }
+    if (defaultValue !== undefined) {
+        config.defaultValue = defaultValue;
+    }
+    return config;
+}
+// export function checkboxField(
+//   key: string,
+//   label: string,
+//   required = false,
+//   className = 'col-span-1',
+//   useNumberMapping = false
+// ): FormlyFieldConfig {
+//   const field: FormlyFieldConfig = {
+//     key,
+//     type: 'checkbox',
+//     className,
+//     wrappers: ['form-field'],
+//     templateOptions: {
+//       label,
+//       required,
+//       attributes: {
+//         class: 'flex items-center gap-2',
+//       },
+//     },
+//   };
+//   if (useNumberMapping) {
+//     field.hooks = {
+//       onInit: (field) => {
+//         // ✅ تهيئة القيمة داخل الفورم كنترول
+//         const initialValue = field.model?.[key];
+//         if (initialValue === 1 || initialValue === 2) {
+//           field.formControl?.setValue(initialValue === 1, { emitEvent: false });
+//         }
+//         // ✅ تحويل عند تغيّر القيمة من الـ checkbox
+//         field.formControl?.valueChanges.subscribe(val => {
+//           const newValue = val ? 1 : 2;
+//           if (field.model) {
+//             field.model[key] = newValue;
+//           }
+//         });
+//       }
+//     };
+//   }
+//   return field;
+// }
+function checkboxField(key, label, required = false, className = 'col-span-1') {
+    return {
+        key,
+        type: 'checkbox',
+        className,
+        wrappers: ['form-field'],
+        templateOptions: {
+            label,
+            required,
+            attributes: {
+                class: 'flex items-center gap-2',
+            },
+        },
+        hooks: {
+            onInit: (field) => {
+                const val = field.model?.[key];
+                if (val === 1) {
+                    field.formControl?.setValue(true, { emitEvent: false });
+                }
+                else if (val === 2) {
+                    field.formControl?.setValue(false, { emitEvent: false });
+                }
+                else if (val === undefined) {
+                    field.model[key] = 2; // تعيين القيمة الافتراضية في الموديل
+                    field.formControl?.setValue(false, { emitEvent: false });
+                }
+                else {
+                    field.formControl?.setValue(false, { emitEvent: false });
+                }
+                field.formControl?.valueChanges.subscribe(val => {
+                    const newVal = val ? 1 : 2;
+                    if (field.model && field.model[key] !== newVal) {
+                        field.model[key] = newVal;
+                    }
+                });
+            }
+        }
+    };
+}
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { DEFAULT_CONTROL_CLASS, FormlyPresetsModule, checkboxField, numberField, selectField, textField, textField2, textareaField };
+//# sourceMappingURL=es.framework-ng.ui.core-formly-presets.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"es.framework-ng.ui.core-formly-presets.mjs","sources":["../../../../libs/ng.ui.core/formly-presets/src/lib/formly-presets-module.ts","../../../../libs/ng.ui.core/formly-presets/src/lib/formly-presets.ts","../../../../libs/ng.ui.core/formly-presets/src/es.framework-ng.ui.core-formly-presets.ts"],"sourcesContent":["import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\n@NgModule({\n  imports: [CommonModule],\n})\nexport class FormlyPresetsModule {}\n","import { FormlyFieldConfig } from \"@ngx-formly/core\";\nimport { Observable } from \"rxjs\";\n\nexport const DEFAULT_CONTROL_CLASS = [\n  'w-full',\n  'border',\n  'border-gray-300',\n  'rounded',\n  'focus:outline-none',\n  'focus:ring-2',\n  'focus:ring-green-400',\n].join(' ');\n\n\nexport interface SelectOption {\n  label: string;\n  value: any;\n  icon?: string;             // ← allow icon\n}\n\nexport function numberField(\n  key: string,\n  label: string,\n  required = false,\n  className = 'col-span-1',\n): FormlyFieldConfig {\n  return {\n    key,\n    type: 'input',\n    className,\n    wrappers: ['form-field'],\n    templateOptions: {\n      type:\"number\",\n      label,\n      required,\n      attributes: { class: DEFAULT_CONTROL_CLASS },\n    },\n  };\n}\n\nexport function textField(\n  key: string,\n  label: string,\n  required = false,\n  className = 'col-span-1',\n  // ✅ تم تغيير هذا البراميتر ليقبل خصائص إضافية لـ templateOptions\n  extraTemplateOptions?: { [key: string]: any }\n): FormlyFieldConfig {\n  return {\n key,\n type: 'advanced-input',\n className,\n wrappers: ['form-field'],\n props: {\n label,\n required,\n attributes: {\n class: DEFAULT_CONTROL_CLASS,\n },\n // ✅ دمج الخصائص الإضافية هنا\n ...extraTemplateOptions,\n },\n };\n}\n\nexport function textField2(\n  key: string,\n  label: string,\n  required = false,\n  className = 'col-span-1',\n  expressions?: FormlyFieldConfig['expressions']\n): FormlyFieldConfig {\n  return {\n    key,\n    type: 'input',\n    className,\n    wrappers: ['form-field'],\n    templateOptions: {\n      label,\n      required,\n      attributes: {\n        class: DEFAULT_CONTROL_CLASS,\n      },\n      // ✅ اضف disabled ليتضبب الحقل إذا كان readonly\n    },\n      expressions,\n  };\n}\n\n\nexport function textareaField(\n  key: string,\n  label: string,\n  rows = 3,\n  className = 'col-span-1',\n): FormlyFieldConfig {\n  return {\n    key,\n    type: 'textarea',\n    className,\n    wrappers: ['form-field'],\n    templateOptions: {\n      label,\n      rows,\n      attributes: { class: DEFAULT_CONTROL_CLASS },\n    },\n  };\n}\n\n// formly-presets.ts\n\n  export interface SelectFieldOptions {\n    key: string;\n    label: string;\n    options?: SelectOption[] | Observable<SelectOption[]>;\n    className?: string;\n    defaultValue?: any;\n    required?: boolean;\n     fullWidth?: boolean;\n  }\n\nexport function selectField({\n  key,\n  label,\n  options = [],\n  className,\n  defaultValue,\n  fullWidth = false,\n  required = false,\n}: SelectFieldOptions): FormlyFieldConfig {\n  const config: FormlyFieldConfig = {\n    key,\n    type: 'select',\n    className: className ?? (fullWidth ? 'col-span-2' : 'col-span-1'),\n    wrappers: ['form-field'],\n    templateOptions: {\n      label,\n      options,\n      required,\n      placeholder: `اختر ${label}`,\n      showClear: true,\n      filter: true,\n      appendTo: 'body',\n      optionLabel: 'label',\n      optionValue: 'value',\n      attributes: { class: DEFAULT_CONTROL_CLASS },\n    },\n  };\n\n\n   if (options !== undefined) {\n  config.templateOptions!.options = options;\n  }\n\n  if (defaultValue !== undefined) {\n    config.defaultValue = defaultValue;\n  }\n\n  return config;\n}\n\n\n\n// export function checkboxField(\n//   key: string,\n//   label: string,\n//   required = false,\n//   className = 'col-span-1',\n//   useNumberMapping = false\n// ): FormlyFieldConfig {\n//   const field: FormlyFieldConfig = {\n//     key,\n//     type: 'checkbox',\n//     className,\n//     wrappers: ['form-field'],\n//     templateOptions: {\n//       label,\n//       required,\n//       attributes: {\n//         class: 'flex items-center gap-2',\n//       },\n//     },\n//   };\n\n//   if (useNumberMapping) {\n//     field.hooks = {\n//       onInit: (field) => {\n//         // ✅ تهيئة القيمة داخل الفورم كنترول\n//         const initialValue = field.model?.[key];\n//         if (initialValue === 1 || initialValue === 2) {\n//           field.formControl?.setValue(initialValue === 1, { emitEvent: false });\n//         }\n\n//         // ✅ تحويل عند تغيّر القيمة من الـ checkbox\n//         field.formControl?.valueChanges.subscribe(val => {\n//           const newValue = val ? 1 : 2;\n//           if (field.model) {\n//             field.model[key] = newValue;\n//           }\n//         });\n//       }\n//     };\n//   }\n\n//   return field;\n// }\n\n\n\n\nexport function checkboxField(\n  key: string,\n  label: string,\n  required = false,\n  className = 'col-span-1',\n): FormlyFieldConfig {\n  return {\n    key,\n    type: 'checkbox',\n    className,\n    wrappers: ['form-field'],\n    templateOptions: {\n      label,\n      required,\n      attributes: {\n        class: 'flex items-center gap-2',\n      },\n    },\n    hooks: {\n      onInit: (field) => {\n        const val = field.model?.[key];\n\n        if (val === 1) {\n          field.formControl?.setValue(true, { emitEvent: false });\n        } else if (val === 2) {\n          field.formControl?.setValue(false, { emitEvent: false });\n        } else if (val === undefined) {\n          field.model[key] = 2;  // تعيين القيمة الافتراضية في الموديل\n          field.formControl?.setValue(false, { emitEvent: false });\n        } else {\n          field.formControl?.setValue(false, { emitEvent: false });\n        }\n\n        field.formControl?.valueChanges.subscribe(val => {\n          const newVal = val ? 1 : 2;\n          if (field.model && field.model[key] !== newVal) {\n            field.model[key] = newVal;\n          }\n        });\n      }\n    }\n  };\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;MAMa,mBAAmB,CAAA;uGAAnB,mBAAmB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA;AAAnB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,mBAAmB,YAFpB,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,mBAAmB,YAFpB,YAAY,CAAA,EAAA,CAAA;;2FAEX,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAH/B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACR,OAAO,EAAE,CAAC,YAAY,CAAC;AACxB,iBAAA;;;ACFM,MAAM,qBAAqB,GAAG;IACnC,QAAQ;IACR,QAAQ;IACR,iBAAiB;IACjB,SAAS;IACT,oBAAoB;IACpB,cAAc;IACd,sBAAsB;AACvB,CAAA,CAAC,IAAI,CAAC,GAAG;AASJ,SAAU,WAAW,CACzB,GAAW,EACX,KAAa,EACb,QAAQ,GAAG,KAAK,EAChB,SAAS,GAAG,YAAY,EAAA;IAExB,OAAO;QACL,GAAG;AACH,QAAA,IAAI,EAAE,OAAO;QACb,SAAS;QACT,QAAQ,EAAE,CAAC,YAAY,CAAC;AACxB,QAAA,eAAe,EAAE;AACf,YAAA,IAAI,EAAC,QAAQ;YACb,KAAK;YACL,QAAQ;AACR,YAAA,UAAU,EAAE,EAAE,KAAK,EAAE,qBAAqB,EAAE;AAC7C,SAAA;KACF;AACH;AAEM,SAAU,SAAS,CACvB,GAAW,EACX,KAAa,EACb,QAAQ,GAAG,KAAK,EAChB,SAAS,GAAG,YAAY;AACxB;AACA,oBAA6C,EAAA;IAE7C,OAAO;QACR,GAAG;AACH,QAAA,IAAI,EAAE,gBAAgB;QACtB,SAAS;QACT,QAAQ,EAAE,CAAC,YAAY,CAAC;AACxB,QAAA,KAAK,EAAE;YACP,KAAK;YACL,QAAQ;AACR,YAAA,UAAU,EAAE;AACZ,gBAAA,KAAK,EAAE,qBAAqB;AAC3B,aAAA;;AAED,YAAA,GAAG,oBAAoB;AACtB,SAAA;KACA;AACF;AAEM,SAAU,UAAU,CACxB,GAAW,EACX,KAAa,EACb,QAAQ,GAAG,KAAK,EAChB,SAAS,GAAG,YAAY,EACxB,WAA8C,EAAA;IAE9C,OAAO;QACL,GAAG;AACH,QAAA,IAAI,EAAE,OAAO;QACb,SAAS;QACT,QAAQ,EAAE,CAAC,YAAY,CAAC;AACxB,QAAA,eAAe,EAAE;YACf,KAAK;YACL,QAAQ;AACR,YAAA,UAAU,EAAE;AACV,gBAAA,KAAK,EAAE,qBAAqB;AAC7B,aAAA;;AAEF,SAAA;QACC,WAAW;KACd;AACH;AAGM,SAAU,aAAa,CAC3B,GAAW,EACX,KAAa,EACb,IAAI,GAAG,CAAC,EACR,SAAS,GAAG,YAAY,EAAA;IAExB,OAAO;QACL,GAAG;AACH,QAAA,IAAI,EAAE,UAAU;QAChB,SAAS;QACT,QAAQ,EAAE,CAAC,YAAY,CAAC;AACxB,QAAA,eAAe,EAAE;YACf,KAAK;YACL,IAAI;AACJ,YAAA,UAAU,EAAE,EAAE,KAAK,EAAE,qBAAqB,EAAE;AAC7C,SAAA;KACF;AACH;AAcM,SAAU,WAAW,CAAC,EAC1B,GAAG,EACH,KAAK,EACL,OAAO,GAAG,EAAE,EACZ,SAAS,EACT,YAAY,EACZ,SAAS,GAAG,KAAK,EACjB,QAAQ,GAAG,KAAK,GACG,EAAA;AACnB,IAAA,MAAM,MAAM,GAAsB;QAChC,GAAG;AACH,QAAA,IAAI,EAAE,QAAQ;AACd,QAAA,SAAS,EAAE,SAAS,KAAK,SAAS,GAAG,YAAY,GAAG,YAAY,CAAC;QACjE,QAAQ,EAAE,CAAC,YAAY,CAAC;AACxB,QAAA,eAAe,EAAE;YACf,KAAK;YACL,OAAO;YACP,QAAQ;YACR,WAAW,EAAE,CAAA,KAAA,EAAQ,KAAK,CAAA,CAAE;AAC5B,YAAA,SAAS,EAAE,IAAI;AACf,YAAA,MAAM,EAAE,IAAI;AACZ,YAAA,QAAQ,EAAE,MAAM;AAChB,YAAA,WAAW,EAAE,OAAO;AACpB,YAAA,WAAW,EAAE,OAAO;AACpB,YAAA,UAAU,EAAE,EAAE,KAAK,EAAE,qBAAqB,EAAE;AAC7C,SAAA;KACF;AAGA,IAAA,IAAI,OAAO,KAAK,SAAS,EAAE;AAC5B,QAAA,MAAM,CAAC,eAAgB,CAAC,OAAO,GAAG,OAAO;IACzC;AAEA,IAAA,IAAI,YAAY,KAAK,SAAS,EAAE;AAC9B,QAAA,MAAM,CAAC,YAAY,GAAG,YAAY;IACpC;AAEA,IAAA,OAAO,MAAM;AACf;AAIA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AAKM,SAAU,aAAa,CAC3B,GAAW,EACX,KAAa,EACb,QAAQ,GAAG,KAAK,EAChB,SAAS,GAAG,YAAY,EAAA;IAExB,OAAO;QACL,GAAG;AACH,QAAA,IAAI,EAAE,UAAU;QAChB,SAAS;QACT,QAAQ,EAAE,CAAC,YAAY,CAAC;AACxB,QAAA,eAAe,EAAE;YACf,KAAK;YACL,QAAQ;AACR,YAAA,UAAU,EAAE;AACV,gBAAA,KAAK,EAAE,yBAAyB;AACjC,aAAA;AACF,SAAA;AACD,QAAA,KAAK,EAAE;AACL,YAAA,MAAM,EAAE,CAAC,KAAK,KAAI;gBAChB,MAAM,GAAG,GAAG,KAAK,CAAC,KAAK,GAAG,GAAG,CAAC;AAE9B,gBAAA,IAAI,GAAG,KAAK,CAAC,EAAE;AACb,oBAAA,KAAK,CAAC,WAAW,EAAE,QAAQ,CAAC,IAAI,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC;gBACzD;AAAO,qBAAA,IAAI,GAAG,KAAK,CAAC,EAAE;AACpB,oBAAA,KAAK,CAAC,WAAW,EAAE,QAAQ,CAAC,KAAK,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC;gBAC1D;AAAO,qBAAA,IAAI,GAAG,KAAK,SAAS,EAAE;oBAC5B,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;AACrB,oBAAA,KAAK,CAAC,WAAW,EAAE,QAAQ,CAAC,KAAK,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC;gBAC1D;qBAAO;AACL,oBAAA,KAAK,CAAC,WAAW,EAAE,QAAQ,CAAC,KAAK,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC;gBAC1D;gBAEA,KAAK,CAAC,WAAW,EAAE,YAAY,CAAC,SAAS,CAAC,GAAG,IAAG;oBAC9C,MAAM,MAAM,GAAG,GAAG,GAAG,CAAC,GAAG,CAAC;AAC1B,oBAAA,IAAI,KAAK,CAAC,KAAK,IAAI,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,KAAK,MAAM,EAAE;AAC9C,wBAAA,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,GAAG,MAAM;oBAC3B;AACF,gBAAA,CAAC,CAAC;YACJ;AACD;KACF;AACH;;AC5PA;;AAEG;;;;"}