@bootkit/ng0 0.0.0-alpha.17 → 0.0.0-alpha.19

package/fesm2022/bootkit-ng0-date.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"bootkit-ng0-date.mjs","sources":["../../../projects/ng0/date/time-span.ts","../../../projects/ng0/date/bootkit-ng0-date.ts"],"sourcesContent":["const f = Math.floor;\n\n/**\n * Represents a time span in months, days, hours, minutes, seconds, and milliseconds.\n * Provides methods to create a TimeSpan from a total number of milliseconds.\n * @example\n * const span = TimeSpan.fromMilliseconds(123456789);\n * console.log(span); // TimeSpan { months: 0, days: 1, hours: 10, minutes: 17, seconds: 36, milliseconds: 789 }\n */\nexport class TimeSpan {\n  /** Milliseconds per second */\n  public static readonly msPerSecond = 1000;\n\n  /** Milliseconds per minute */\n  public static readonly msPerMinute = this.msPerSecond * 60;\n\n  /** Milliseconds per hour */\n  public static readonly msPerHour = this.msPerMinute * 60;\n\n  /** Milliseconds per day */\n  public static readonly msPerDay = this.msPerHour * 24;\n\n  /** Milliseconds per month */\n  public static readonly msPerMonth = this.msPerDay * 30;\n\n  constructor(\n    public readonly months: number = 0,\n    public readonly days: number = 0,\n    public readonly hours: number = 0,\n    public readonly minutes: number = 0,\n    public readonly seconds: number = 0,\n    public readonly milliseconds: number = 0) {\n  }\n\n  /**\n   * Creates a TimeSpan from a total number of milliseconds.\n   * @param ms The total number of milliseconds.\n   * @returns A TimeSpan representing the equivalent time span.\n   */\n  static fromMilliseconds(ms: number): TimeSpan {\n    const months = f(ms / TimeSpan.msPerMonth),\n      days = f((ms % TimeSpan.msPerMonth) / TimeSpan.msPerDay),\n      hours = f((ms % TimeSpan.msPerDay) / TimeSpan.msPerHour),\n      minutes = f((ms % TimeSpan.msPerHour) / TimeSpan.msPerMinute),\n      seconds = f((ms % TimeSpan.msPerMinute) / TimeSpan.msPerSecond),\n      milliseconds = (ms % TimeSpan.msPerSecond);\n    return new TimeSpan(months, days, hours, minutes, seconds, milliseconds);\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"AAAA,MAAM,CAAC,GAAG,IAAI,CAAC,KAAK;AAEpB;;;;;;AAMG;MACU,QAAQ,CAAA;AAiBD,IAAA,MAAA;AACA,IAAA,IAAA;AACA,IAAA,KAAA;AACA,IAAA,OAAA;AACA,IAAA,OAAA;AACA,IAAA,YAAA;;AApBX,IAAA,OAAgB,WAAW,GAAG,IAAI;;IAGlC,OAAgB,WAAW,GAAG,IAAI,CAAC,WAAW,GAAG,EAAE;;IAGnD,OAAgB,SAAS,GAAG,IAAI,CAAC,WAAW,GAAG,EAAE;;IAGjD,OAAgB,QAAQ,GAAG,IAAI,CAAC,SAAS,GAAG,EAAE;;IAG9C,OAAgB,UAAU,GAAG,IAAI,CAAC,QAAQ,GAAG,EAAE;AAEtD,IAAA,WAAA,CACkB,SAAiB,CAAC,EAClB,IAAe,GAAA,CAAC,EAChB,KAAgB,GAAA,CAAC,EACjB,OAAA,GAAkB,CAAC,EACnB,OAAA,GAAkB,CAAC,EACnB,eAAuB,CAAC,EAAA;QALxB,IAAM,CAAA,MAAA,GAAN,MAAM;QACN,IAAI,CAAA,IAAA,GAAJ,IAAI;QACJ,IAAK,CAAA,KAAA,GAAL,KAAK;QACL,IAAO,CAAA,OAAA,GAAP,OAAO;QACP,IAAO,CAAA,OAAA,GAAP,OAAO;QACP,IAAY,CAAA,YAAA,GAAZ,YAAY;;AAG9B;;;;AAIG;IACH,OAAO,gBAAgB,CAAC,EAAU,EAAA;AAChC,QAAA,MAAM,MAAM,GAAG,CAAC,CAAC,EAAE,GAAG,QAAQ,CAAC,UAAU,CAAC,EACxC,IAAI,GAAG,CAAC,CAAC,CAAC,EAAE,GAAG,QAAQ,CAAC,UAAU,IAAI,QAAQ,CAAC,QAAQ,CAAC,EACxD,KAAK,GAAG,CAAC,CAAC,CAAC,EAAE,GAAG,QAAQ,CAAC,QAAQ,IAAI,QAAQ,CAAC,SAAS,CAAC,EACxD,OAAO,GAAG,CAAC,CAAC,CAAC,EAAE,GAAG,QAAQ,CAAC,SAAS,IAAI,QAAQ,CAAC,WAAW,CAAC,EAC7D,OAAO,GAAG,CAAC,CAAC,CAAC,EAAE,GAAG,QAAQ,CAAC,WAAW,IAAI,QAAQ,CAAC,WAAW,CAAC,EAC/D,YAAY,IAAI,EAAE,GAAG,QAAQ,CAAC,WAAW,CAAC;AAC5C,QAAA,OAAO,IAAI,QAAQ,CAAC,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,YAAY,CAAC;;;;AC9C5E;;AAEG;;;;"}
+{"version":3,"file":"bootkit-ng0-date.mjs","sources":["../../../projects/ng0/date/time-span.ts","../../../projects/ng0/date/bootkit-ng0-date.ts"],"sourcesContent":["const f = Math.floor;\r\n\r\n/**\r\n * Represents a time span in months, days, hours, minutes, seconds, and milliseconds.\r\n * Provides methods to create a TimeSpan from a total number of milliseconds.\r\n * @example\r\n * const span = TimeSpan.fromMilliseconds(123456789);\r\n * console.log(span); // TimeSpan { months: 0, days: 1, hours: 10, minutes: 17, seconds: 36, milliseconds: 789 }\r\n */\r\nexport class TimeSpan {\r\n  /** Milliseconds per second */\r\n  public static readonly msPerSecond = 1000;\r\n\r\n  /** Milliseconds per minute */\r\n  public static readonly msPerMinute = this.msPerSecond * 60;\r\n\r\n  /** Milliseconds per hour */\r\n  public static readonly msPerHour = this.msPerMinute * 60;\r\n\r\n  /** Milliseconds per day */\r\n  public static readonly msPerDay = this.msPerHour * 24;\r\n\r\n  /** Milliseconds per month */\r\n  public static readonly msPerMonth = this.msPerDay * 30;\r\n\r\n  constructor(\r\n    public readonly months: number = 0,\r\n    public readonly days: number = 0,\r\n    public readonly hours: number = 0,\r\n    public readonly minutes: number = 0,\r\n    public readonly seconds: number = 0,\r\n    public readonly milliseconds: number = 0) {\r\n  }\r\n\r\n  /**\r\n   * Creates a TimeSpan from a total number of milliseconds.\r\n   * @param ms The total number of milliseconds.\r\n   * @returns A TimeSpan representing the equivalent time span.\r\n   */\r\n  static fromMilliseconds(ms: number): TimeSpan {\r\n    const months = f(ms / TimeSpan.msPerMonth),\r\n      days = f((ms % TimeSpan.msPerMonth) / TimeSpan.msPerDay),\r\n      hours = f((ms % TimeSpan.msPerDay) / TimeSpan.msPerHour),\r\n      minutes = f((ms % TimeSpan.msPerHour) / TimeSpan.msPerMinute),\r\n      seconds = f((ms % TimeSpan.msPerMinute) / TimeSpan.msPerSecond),\r\n      milliseconds = (ms % TimeSpan.msPerSecond);\r\n    return new TimeSpan(months, days, hours, minutes, seconds, milliseconds);\r\n  }\r\n}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"AAAA,MAAM,CAAC,GAAG,IAAI,CAAC,KAAK;AAEpB;;;;;;AAMG;MACU,QAAQ,CAAA;AAiBD,IAAA,MAAA;AACA,IAAA,IAAA;AACA,IAAA,KAAA;AACA,IAAA,OAAA;AACA,IAAA,OAAA;AACA,IAAA,YAAA;;AApBX,IAAA,OAAgB,WAAW,GAAG,IAAI;;IAGlC,OAAgB,WAAW,GAAG,IAAI,CAAC,WAAW,GAAG,EAAE;;IAGnD,OAAgB,SAAS,GAAG,IAAI,CAAC,WAAW,GAAG,EAAE;;IAGjD,OAAgB,QAAQ,GAAG,IAAI,CAAC,SAAS,GAAG,EAAE;;IAG9C,OAAgB,UAAU,GAAG,IAAI,CAAC,QAAQ,GAAG,EAAE;AAEtD,IAAA,WAAA,CACkB,SAAiB,CAAC,EAClB,IAAA,GAAe,CAAC,EAChB,KAAA,GAAgB,CAAC,EACjB,OAAA,GAAkB,CAAC,EACnB,OAAA,GAAkB,CAAC,EACnB,eAAuB,CAAC,EAAA;QALxB,IAAA,CAAA,MAAM,GAAN,MAAM;QACN,IAAA,CAAA,IAAI,GAAJ,IAAI;QACJ,IAAA,CAAA,KAAK,GAAL,KAAK;QACL,IAAA,CAAA,OAAO,GAAP,OAAO;QACP,IAAA,CAAA,OAAO,GAAP,OAAO;QACP,IAAA,CAAA,YAAY,GAAZ,YAAY;IAC9B;AAEA;;;;AAIG;IACH,OAAO,gBAAgB,CAAC,EAAU,EAAA;AAChC,QAAA,MAAM,MAAM,GAAG,CAAC,CAAC,EAAE,GAAG,QAAQ,CAAC,UAAU,CAAC,EACxC,IAAI,GAAG,CAAC,CAAC,CAAC,EAAE,GAAG,QAAQ,CAAC,UAAU,IAAI,QAAQ,CAAC,QAAQ,CAAC,EACxD,KAAK,GAAG,CAAC,CAAC,CAAC,EAAE,GAAG,QAAQ,CAAC,QAAQ,IAAI,QAAQ,CAAC,SAAS,CAAC,EACxD,OAAO,GAAG,CAAC,CAAC,CAAC,EAAE,GAAG,QAAQ,CAAC,SAAS,IAAI,QAAQ,CAAC,WAAW,CAAC,EAC7D,OAAO,GAAG,CAAC,CAAC,CAAC,EAAE,GAAG,QAAQ,CAAC,WAAW,IAAI,QAAQ,CAAC,WAAW,CAAC,EAC/D,YAAY,IAAI,EAAE,GAAG,QAAQ,CAAC,WAAW,CAAC;AAC5C,QAAA,OAAO,IAAI,QAAQ,CAAC,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,YAAY,CAAC;IAC1E;;;AC/CF;;AAEG;;;;"}

package/fesm2022/bootkit-ng0-file.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"bootkit-ng0-file.mjs","sources":["../../../projects/ng0/file/utils.ts","../../../projects/ng0/file/bootkit-ng0-file.ts"],"sourcesContent":["\n/**\n * Saves a Blob as a file in the user's browser.\n * This function is only available in browsers that support the Blob API.\n * @param blob \n * @param fileName \n * \n */\nexport function saveBlob(blob: Blob, fileName: string): void {\n  const url = window.URL.createObjectURL(blob);\n  const a = document.createElement('a');\n  a.href = url;\n  a.download = fileName;\n  document.body.appendChild(a);\n  a.click();\n  a.remove();\n  window.URL.revokeObjectURL(url);\n}\n\n/**\n * Triggers downloading a file from a given URL.\n * @param url \n * @param fileName \n */\nexport function downloadFile(url: string, fileName: string): void {\n  const a = document.createElement('a');\n  a.href = url;\n  a.download = fileName;\n  document.body.appendChild(a);\n  a.click();\n  a.remove();\n}\n\n/**\n * Converts a File object to a Base64 string.\n * @param file The File object to convert.\n * @return A Promise that resolves to the Base64 string representation of the file.\n */\nexport function convertFileToBase64(file: File): Promise<string | ArrayBuffer | null> {\n  return new Promise((resolve, reject) => {\n    const reader = new FileReader();\n    reader.readAsDataURL(file);\n    reader.onload = () => resolve(reader.result);\n    reader.onerror = error => reject(error);\n  });\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"AACA;;;;;;AAMG;AACa,SAAA,QAAQ,CAAC,IAAU,EAAE,QAAgB,EAAA;IACnD,MAAM,GAAG,GAAG,MAAM,CAAC,GAAG,CAAC,eAAe,CAAC,IAAI,CAAC;IAC5C,MAAM,CAAC,GAAG,QAAQ,CAAC,aAAa,CAAC,GAAG,CAAC;AACrC,IAAA,CAAC,CAAC,IAAI,GAAG,GAAG;AACZ,IAAA,CAAC,CAAC,QAAQ,GAAG,QAAQ;AACrB,IAAA,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC;IAC5B,CAAC,CAAC,KAAK,EAAE;IACT,CAAC,CAAC,MAAM,EAAE;AACV,IAAA,MAAM,CAAC,GAAG,CAAC,eAAe,CAAC,GAAG,CAAC;AACjC;AAEA;;;;AAIG;AACa,SAAA,YAAY,CAAC,GAAW,EAAE,QAAgB,EAAA;IACxD,MAAM,CAAC,GAAG,QAAQ,CAAC,aAAa,CAAC,GAAG,CAAC;AACrC,IAAA,CAAC,CAAC,IAAI,GAAG,GAAG;AACZ,IAAA,CAAC,CAAC,QAAQ,GAAG,QAAQ;AACrB,IAAA,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC;IAC5B,CAAC,CAAC,KAAK,EAAE;IACT,CAAC,CAAC,MAAM,EAAE;AACZ;AAEA;;;;AAIG;AACG,SAAU,mBAAmB,CAAC,IAAU,EAAA;IAC5C,OAAO,IAAI,OAAO,CAAC,CAAC,OAAO,EAAE,MAAM,KAAI;AACrC,QAAA,MAAM,MAAM,GAAG,IAAI,UAAU,EAAE;AAC/B,QAAA,MAAM,CAAC,aAAa,CAAC,IAAI,CAAC;AAC1B,QAAA,MAAM,CAAC,MAAM,GAAG,MAAM,OAAO,CAAC,MAAM,CAAC,MAAM,CAAC;QAC5C,MAAM,CAAC,OAAO,GAAG,KAAK,IAAI,MAAM,CAAC,KAAK,CAAC;AACzC,KAAC,CAAC;AACJ;;AC7CA;;AAEG;;;;"}
+{"version":3,"file":"bootkit-ng0-file.mjs","sources":["../../../projects/ng0/file/utils.ts","../../../projects/ng0/file/bootkit-ng0-file.ts"],"sourcesContent":["\r\n/**\r\n * Saves a Blob as a file in the user's browser.\r\n * This function is only available in browsers that support the Blob API.\r\n * @param blob \r\n * @param fileName \r\n * \r\n */\r\nexport function saveBlob(blob: Blob, fileName: string): void {\r\n  const url = window.URL.createObjectURL(blob);\r\n  const a = document.createElement('a');\r\n  a.href = url;\r\n  a.download = fileName;\r\n  document.body.appendChild(a);\r\n  a.click();\r\n  a.remove();\r\n  window.URL.revokeObjectURL(url);\r\n}\r\n\r\n/**\r\n * Triggers downloading a file from a given URL.\r\n * @param url \r\n * @param fileName \r\n */\r\nexport function downloadFile(url: string, fileName: string): void {\r\n  const a = document.createElement('a');\r\n  a.href = url;\r\n  a.download = fileName;\r\n  document.body.appendChild(a);\r\n  a.click();\r\n  a.remove();\r\n}\r\n\r\n/**\r\n * Converts a File object to a Base64 string.\r\n * @param file The File object to convert.\r\n * @return A Promise that resolves to the Base64 string representation of the file.\r\n */\r\nexport function convertFileToBase64(file: File): Promise<string | ArrayBuffer | null> {\r\n  return new Promise((resolve, reject) => {\r\n    const reader = new FileReader();\r\n    reader.readAsDataURL(file);\r\n    reader.onload = () => resolve(reader.result);\r\n    reader.onerror = error => reject(error);\r\n  });\r\n}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"AACA;;;;;;AAMG;AACG,SAAU,QAAQ,CAAC,IAAU,EAAE,QAAgB,EAAA;IACnD,MAAM,GAAG,GAAG,MAAM,CAAC,GAAG,CAAC,eAAe,CAAC,IAAI,CAAC;IAC5C,MAAM,CAAC,GAAG,QAAQ,CAAC,aAAa,CAAC,GAAG,CAAC;AACrC,IAAA,CAAC,CAAC,IAAI,GAAG,GAAG;AACZ,IAAA,CAAC,CAAC,QAAQ,GAAG,QAAQ;AACrB,IAAA,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC;IAC5B,CAAC,CAAC,KAAK,EAAE;IACT,CAAC,CAAC,MAAM,EAAE;AACV,IAAA,MAAM,CAAC,GAAG,CAAC,eAAe,CAAC,GAAG,CAAC;AACjC;AAEA;;;;AAIG;AACG,SAAU,YAAY,CAAC,GAAW,EAAE,QAAgB,EAAA;IACxD,MAAM,CAAC,GAAG,QAAQ,CAAC,aAAa,CAAC,GAAG,CAAC;AACrC,IAAA,CAAC,CAAC,IAAI,GAAG,GAAG;AACZ,IAAA,CAAC,CAAC,QAAQ,GAAG,QAAQ;AACrB,IAAA,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC;IAC5B,CAAC,CAAC,KAAK,EAAE;IACT,CAAC,CAAC,MAAM,EAAE;AACZ;AAEA;;;;AAIG;AACG,SAAU,mBAAmB,CAAC,IAAU,EAAA;IAC5C,OAAO,IAAI,OAAO,CAAC,CAAC,OAAO,EAAE,MAAM,KAAI;AACrC,QAAA,MAAM,MAAM,GAAG,IAAI,UAAU,EAAE;AAC/B,QAAA,MAAM,CAAC,aAAa,CAAC,IAAI,CAAC;AAC1B,QAAA,MAAM,CAAC,MAAM,GAAG,MAAM,OAAO,CAAC,MAAM,CAAC,MAAM,CAAC;QAC5C,MAAM,CAAC,OAAO,GAAG,KAAK,IAAI,MAAM,CAAC,KAAK,CAAC;AACzC,IAAA,CAAC,CAAC;AACJ;;AC7CA;;AAEG;;;;"}

package/fesm2022/bootkit-ng0-form.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { Input, Directive, input, forwardRef, HostListener, numberAttribute, NgModule } from '@angular/core';
+import { Input, Directive, inject, ElementRef, Renderer2, input, numberAttribute, booleanAttribute, forwardRef, HostListener, NgModule } from '@angular/core';
 import { NG_VALUE_ACCESSOR, NG_VALIDATORS, Validators } from '@angular/forms';
 import { formatNumber } from '@angular/common';
 
@@ -30,10 +30,10 @@ class FocusDirective {
             }
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: FocusDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.0.6", type: FocusDirective, isStandalone: true, selector: "[ng0Focus]", inputs: { focusOnLoad: "focusOnLoad", focusWhen: "focusWhen" }, exportAs: ["ng0Focus"], usesOnChanges: true, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: FocusDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.2.1", type: FocusDirective, isStandalone: true, selector: "[ng0Focus]", inputs: { focusOnLoad: "focusOnLoad", focusWhen: "focusWhen" }, exportAs: ["ng0Focus"], usesOnChanges: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: FocusDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: FocusDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[ng0Focus]',
@@ -58,108 +58,125 @@ const Keys = {
     home: 'Home',
     end: 'End'
 };
+/**
+ * Directive to allow only number input in text fields.
+ * It supports integer and decimal numbers, negative numbers, min/max values, thousands separator.
+ */
 class NumberDirective {
-    el;
-    renderer;
-    /**  */
-    minFractionDigits = input(3);
-    maxFractionDigits = input(10);
-    useGrouping = input(false);
-    numberType = input('integer');
-    onChange = (_) => { };
-    onTouched = () => { };
-    decimalSeparator;
-    thousandsSeparator = ',';
-    selectionStart = 0;
-    selectionEnd = 0;
-    isCursorInsideIntegerPart = false;
-    decimalSeparatorPosition = -1;
-    value;
-    setProperty = (prop, value) => this.renderer.setProperty(this.el.nativeElement, prop, value);
-    constructor(el, renderer) {
-        this.el = el;
-        this.renderer = renderer;
-    }
+    _value;
+    _decimalSeparator;
+    _thousandsSeparator = ',';
+    _onChangeCallback;
+    _onTouchedCallback;
+    _elmRef = inject((ElementRef));
+    _renderer = inject(Renderer2);
+    /**
+     * The minimum number of digits to display after the decimal point.
+     * Applied only when 'numberType' is set to 'decimal'.
+     * @default 1
+     */
+    minFractionDigits = input(1, ...(ngDevMode ? [{ debugName: "minFractionDigits", transform: numberAttribute }] : [{ transform: numberAttribute }]));
+    /**
+     * The maximum number of digits to display after the decimal point.
+     * Applied only when 'numberType' is set to 'decimal'.
+     * @default 2
+     */
+    maxFractionDigits = input(2, ...(ngDevMode ? [{ debugName: "maxFractionDigits", transform: numberAttribute }] : [{ transform: numberAttribute }]));
+    /**
+     * Whether to use grouping separators, such as thousands separators
+     * @default false
+     */
+    useGrouping = input(false, ...(ngDevMode ? [{ debugName: "useGrouping", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
+    /**
+     * Type of numbers to allow
+     * 'decimal' - allow decimal numbers
+     * 'integer' - allow integer numbers only
+     * @default 'integer'
+     */
+    numberType = input('integer', ...(ngDevMode ? [{ debugName: "numberType" }] : []));
+    constructor() { }
     ngOnInit() {
         // Use Intl.NumberFormat to find decimal separator for locale
         const formatted = formatNumber(1.1, 'en', '1.1-1');
-        this.decimalSeparator = formatted.replace(/\d/g, '') || '.';
+        this._decimalSeparator = formatted.replace(/\d/g, '') || '.';
     }
     registerOnChange(fn) {
-        this.onChange = fn;
+        this._onChangeCallback = fn;
     }
     registerOnTouched(fn) {
-        this.onTouched = fn;
+        this._onTouchedCallback = fn;
     }
     setDisabledState(isDisabled) {
-        this.setProperty('disabled', isDisabled);
+        // this._setProperty('disabled', isDisabled);
     }
     writeValue(value) {
         var inputValue;
         if (value === undefined || value === null) {
             inputValue = '';
-            this.value = undefined;
+            this._value = undefined;
         }
         else if (typeof value === 'number') {
-            inputValue = this.formatNumber(value);
-            this.value = value;
+            inputValue = this._formatNumber(value);
+            this._value = value;
         }
         else if (typeof value === 'string') {
-            const parsedValue = this.value = Number.parseFloat(value);
-            inputValue = this.formatNumber(parsedValue);
+            const parsedValue = this._value = Number.parseFloat(value);
+            inputValue = this._formatNumber(parsedValue);
         }
         else {
             console.error('NumberDirective: Unsupported value type', value);
             inputValue = 'Invalid';
         }
-        this.setProperty('value', inputValue);
+        this._setProperty('value', inputValue);
     }
-    onKeyDown(event) {
-        this.updateCursorInfo();
-        if (!this.isKeyAllowed(event.key)) {
-            event.preventDefault();
-            return;
-        }
+    _onKeyDown(event) {
         const key = event.key;
-        if (key == Keys.backspace) {
-            if (this.selectionStart > 1 && (this.selectionStart === this.selectionEnd)) {
-                let value = this.el.nativeElement.value;
-                let beforeSelection = value.charAt(this.selectionStart - 1);
-                if (beforeSelection === ',') {
-                    // If the character before the cursor is a comma, we need to skip it
-                    this.setProperty('selectionStart', this.selectionStart - 2);
+        const state = this._getInputState();
+        if (this._isAllowedKey(key)) {
+            if (key == Keys.backspace) {
+                if (state.selectionStart > 1 && (state.selectionStart === state.selectionEnd)) {
+                    let value = this._elmRef.nativeElement.value;
+                    let beforeSelection = value.charAt(state.selectionStart - 1);
+                    if (beforeSelection === ',') {
+                        // If the character before the cursor is a comma, we need to skip it
+                        this._setProperty('selectionStart', state.selectionStart - 2);
+                    }
                 }
             }
         }
+        else {
+            event.preventDefault();
+        }
     }
-    onInput(s) {
-        if (s === '') {
-            this.value = undefined;
-            this.onChange(undefined);
+    _onInput(value) {
+        if (value === '') {
+            this._value = undefined;
+            this._onChangeCallback?.(undefined);
             return;
         }
-        this.updateCursorInfo();
-        if (this.isCursorInsideIntegerPart) {
-            this.formatIntegerPart(s);
+        const state = this._getInputState();
+        if (state.isCursorInsideIntegerPart && this.useGrouping()) {
+            this._formatIntegerPart(value);
         }
-        var number = Number(removeChar(this.el.nativeElement.value, this.thousandsSeparator));
-        this.value = isNaN(number) ? undefined : number;
-        this.onChange(this.value);
+        var number = Number(removeChar(this._elmRef.nativeElement.value, this._thousandsSeparator));
+        this._value = isNaN(number) ? undefined : number;
+        this._onChangeCallback?.(this._value);
     }
-    formatIntegerPart(value) {
+    _formatIntegerPart(value) {
         // Format the input value
-        const integerPart = value.split(this.decimalSeparator)[0];
-        const decimalPart = value.split(this.decimalSeparator)[1];
+        const integerPart = value.split(this._decimalSeparator)[0];
+        const decimalPart = value.split(this._decimalSeparator)[1];
         if (integerPart.length <= 3) {
             return;
         }
-        let normalizedIntegerPart = removeChar(integerPart, this.thousandsSeparator); // Remove commas
+        let normalizedIntegerPart = removeChar(integerPart, this._thousandsSeparator); // Remove commas
         let formattedValue = addThousandsSeparator(normalizedIntegerPart);
         if (decimalPart !== undefined) {
-            formattedValue += this.decimalSeparator + decimalPart;
+            formattedValue += this._decimalSeparator + decimalPart;
         }
-        this.setProperty('value', formattedValue);
+        this._setProperty('value', formattedValue);
         let newSelectionStart;
+        let state = this._getInputState();
         // fix the cursor position after formatting
         if (value.length == 1) {
             newSelectionStart = 1;
@@ -167,36 +184,36 @@ class NumberDirective {
         else {
             const newValueLength = formattedValue.length;
             const cursorJump = newValueLength - value.length;
-            newSelectionStart = Math.max(0, this.selectionStart + cursorJump);
+            newSelectionStart = Math.max(0, state.selectionStart + cursorJump);
         }
-        this.setProperty('selectionStart', newSelectionStart);
-        this.setProperty('selectionEnd', newSelectionStart);
+        this._setProperty('selectionStart', newSelectionStart);
+        this._setProperty('selectionEnd', newSelectionStart);
         // return formattedValue;
     }
-    onBlur() {
-        if (this.value !== undefined) {
-            let formattedValue = this.formatNumber(this.value);
-            this.setProperty('value', formattedValue);
+    _onBlur() {
+        if (this._value !== undefined) {
+            let formattedValue = this._formatNumber(this._value);
+            this._setProperty('value', formattedValue);
         }
-        this.onTouched();
+        this._onTouchedCallback?.();
     }
-    onPaste(event) {
+    _onPaste(event) {
         // event.
         // value = value.trim();
     }
-    updateCursorInfo() {
-        let value = this.el.nativeElement.value;
-        this.selectionStart = this.el.nativeElement.selectionStart || 0;
-        this.selectionEnd = this.el.nativeElement.selectionEnd || 0;
-        this.decimalSeparatorPosition = value.indexOf(this.decimalSeparator);
-        if (this.decimalSeparatorPosition > -1) {
-            this.isCursorInsideIntegerPart = (this.selectionStart <= this.decimalSeparatorPosition);
-        }
-        else {
-            this.isCursorInsideIntegerPart = true;
-        }
+    _getInputState() {
+        let value = this._elmRef.nativeElement.value;
+        let decimalSeparatorPosition = value.indexOf(this._decimalSeparator);
+        let selectionStart = this._elmRef.nativeElement.selectionStart || 0;
+        let selectionEnd = this._elmRef.nativeElement.selectionEnd || 0;
+        return {
+            selectionStart,
+            selectionEnd,
+            decimalSeparatorPosition,
+            isCursorInsideIntegerPart: decimalSeparatorPosition > -1 ? (selectionStart <= decimalSeparatorPosition) : true
+        };
     }
-    formatNumber(n) {
+    _formatNumber(n) {
         var isInteger = this.numberType() == 'integer';
         return new Intl.NumberFormat('en-US', {
             useGrouping: this.useGrouping(),
@@ -205,10 +222,11 @@ class NumberDirective {
             style: 'decimal',
         }).format(n);
     }
-    isKeyAllowed(key) {
+    _isAllowedKey(key) {
         const allowedKeys = [Keys.backspace, Keys.tab, Keys.arrowLeft, Keys.arrowRight, Keys.delete, Keys.home, Keys.end];
-        const input = this.el.nativeElement;
+        const input = this._elmRef.nativeElement;
         const value = input.value;
+        const state = this._getInputState();
         if (allowedKeys.includes(key)) {
             return true; // allow control/navigation keys
         }
@@ -217,31 +235,35 @@ class NumberDirective {
             return (input.selectionStart === 0 || input.selectionEnd === 0) && value.charAt(0) !== '-';
         }
         // Allow one dot for decimal
-        if (key === this.decimalSeparator) {
+        if (key === this._decimalSeparator) {
             return (this.numberType() == 'decimal') &&
-                (!value.includes(this.decimalSeparator)) &&
-                (this.selectionStart == input.value.length);
+                (!value.includes(this._decimalSeparator)) &&
+                (state.selectionStart == input.value.length);
         }
         // Allow numbers only
         if (/^\d$/.test(key)) {
-            if (this.isCursorInsideIntegerPart) {
+            if (state.isCursorInsideIntegerPart) {
                 return true;
             }
             else {
-                var decimalPart = value.split(this.decimalSeparator)[1];
+                var decimalPart = value.split(this._decimalSeparator)[1];
                 var maxFractionDigits = this.maxFractionDigits();
                 if (maxFractionDigits != undefined && decimalPart.length < maxFractionDigits) {
                     return true;
                 }
                 else {
-                    return this.selectionStart !== this.selectionEnd; // allow a new digit if a substring is selected
+                    return input.selectionStart !== input.selectionEnd; // allow a new digit if a substring is selected
                 }
             }
         }
         return false;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: NumberDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.0.6", type: NumberDirective, isStandalone: true, selector: "[ng0Number]", inputs: { minFractionDigits: { classPropertyName: "minFractionDigits", publicName: "minFractionDigits", isSignal: true, isRequired: false, transformFunction: null }, maxFractionDigits: { classPropertyName: "maxFractionDigits", publicName: "maxFractionDigits", isSignal: true, isRequired: false, transformFunction: null }, useGrouping: { classPropertyName: "useGrouping", publicName: "useGrouping", isSignal: true, isRequired: false, transformFunction: null }, numberType: { classPropertyName: "numberType", publicName: "numberType", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "keydown": "onKeyDown($event)", "input": "onInput($event.target.value)", "blur": "onBlur()", "paste": "onPaste($event)" } }, providers: [
+    _setProperty(prop, value) {
+        this._renderer.setProperty(this._elmRef.nativeElement, prop, value);
+    }
+    ;
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: NumberDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.2.1", type: NumberDirective, isStandalone: true, selector: "[ng0Number]", inputs: { minFractionDigits: { classPropertyName: "minFractionDigits", publicName: "minFractionDigits", isSignal: true, isRequired: false, transformFunction: null }, maxFractionDigits: { classPropertyName: "maxFractionDigits", publicName: "maxFractionDigits", isSignal: true, isRequired: false, transformFunction: null }, useGrouping: { classPropertyName: "useGrouping", publicName: "useGrouping", isSignal: true, isRequired: false, transformFunction: null }, numberType: { classPropertyName: "numberType", publicName: "numberType", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "keydown": "_onKeyDown($event)", "input": "_onInput($event.target.value)", "blur": "_onBlur()", "paste": "_onPaste($event)" } }, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: forwardRef(() => NumberDirective),
@@ -249,7 +271,7 @@ class NumberDirective {
             }
         ], ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: NumberDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: NumberDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[ng0Number]',
@@ -261,16 +283,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImpor
                         }
                     ]
                 }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }], propDecorators: { onKeyDown: [{
+        }], ctorParameters: () => [], propDecorators: { _onKeyDown: [{
                 type: HostListener,
                 args: ['keydown', ['$event']]
-            }], onInput: [{
+            }], _onInput: [{
                 type: HostListener,
                 args: ['input', ['$event.target.value']]
-            }], onBlur: [{
+            }], _onBlur: [{
                 type: HostListener,
                 args: ['blur']
-            }], onPaste: [{
+            }], _onPaste: [{
                 type: HostListener,
                 args: ['paste', ['$event']]
             }] } });
@@ -296,12 +318,12 @@ class EqualWithValidatorDirective {
     validate(control) {
         return equalWithValidator(this.targetValue, this.inequalityMessage)(control);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: EqualWithValidatorDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.0.6", type: EqualWithValidatorDirective, isStandalone: true, selector: "[ng0EqualWith]", inputs: { targetValue: ["ng0EqualWith", "targetValue"], inequalityMessage: "inequalityMessage" }, providers: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: EqualWithValidatorDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.2.1", type: EqualWithValidatorDirective, isStandalone: true, selector: "[ng0EqualWith]", inputs: { targetValue: ["ng0EqualWith", "targetValue"], inequalityMessage: "inequalityMessage" }, providers: [
             { provide: NG_VALIDATORS, useExisting: EqualWithValidatorDirective, multi: true }
         ], exportAs: ["ng0EqualWith"], ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: EqualWithValidatorDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: EqualWithValidatorDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[ng0EqualWith]',
@@ -341,10 +363,10 @@ class UrlValidatorDirective {
     validate(control) {
         return urlValidator()(control);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: UrlValidatorDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.0.6", type: UrlValidatorDirective, isStandalone: true, selector: "input[ng0Url]", inputs: { iscUrl: "iscUrl" }, providers: [{ provide: NG_VALIDATORS, useExisting: UrlValidatorDirective, multi: true }], exportAs: ["ng0Url"], ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: UrlValidatorDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.2.1", type: UrlValidatorDirective, isStandalone: true, selector: "input[ng0Url]", inputs: { iscUrl: "iscUrl" }, providers: [{ provide: NG_VALIDATORS, useExisting: UrlValidatorDirective, multi: true }], exportAs: ["ng0Url"], ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: UrlValidatorDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: UrlValidatorDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'input[ng0Url]',
@@ -357,17 +379,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImpor
             }] } });
 
 class CustomValidatorDirective {
-    validator = input.required({ alias: 'ng0CustomValidator' });
+    validator = input.required(...(ngDevMode ? [{ debugName: "validator", alias: 'ng0CustomValidator' }] : [{ alias: 'ng0CustomValidator' }]));
     constructor() { }
     validate(control) {
         return this.validator()(control);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: CustomValidatorDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.0.6", type: CustomValidatorDirective, isStandalone: true, selector: "[ng0CustomValidator]", inputs: { validator: { classPropertyName: "validator", publicName: "ng0CustomValidator", isSignal: true, isRequired: true, transformFunction: null } }, providers: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: CustomValidatorDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.2.1", type: CustomValidatorDirective, isStandalone: true, selector: "[ng0CustomValidator]", inputs: { validator: { classPropertyName: "validator", publicName: "ng0CustomValidator", isSignal: true, isRequired: true, transformFunction: null } }, providers: [
             { provide: NG_VALIDATORS, useExisting: CustomValidatorDirective, multi: true }
         ], exportAs: ["ng0CustomValidator"], ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: CustomValidatorDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: CustomValidatorDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[ng0CustomValidator]',
@@ -381,20 +403,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImpor
 
 /** Min validator */
 class MinValidatorDirective {
-    min = input.required({
-        transform: numberAttribute,
-    });
+    min = input.required(...(ngDevMode ? [{ debugName: "min", transform: numberAttribute }] : [{
+            transform: numberAttribute,
+        }]));
     validate(control) {
         return Validators.min(this.min())(control);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: MinValidatorDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.0.6", type: MinValidatorDirective, isStandalone: true, selector: "input[type=text][ng0Number][min]", inputs: { min: { classPropertyName: "min", publicName: "min", isSignal: true, isRequired: true, transformFunction: null } }, providers: [{
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MinValidatorDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.2.1", type: MinValidatorDirective, isStandalone: true, selector: "input[type=text][ng0Number][min]", inputs: { min: { classPropertyName: "min", publicName: "min", isSignal: true, isRequired: true, transformFunction: null } }, providers: [{
                 provide: NG_VALIDATORS,
                 useExisting: MinValidatorDirective,
                 multi: true
             }], exportAs: ["ng0Min"], ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: MinValidatorDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MinValidatorDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'input[type=text][ng0Number][min]',
@@ -410,20 +432,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImpor
 
 /** Max validator */
 class MaxValidatorDirective {
-    max = input.required({
-        transform: numberAttribute,
-    });
+    max = input.required(...(ngDevMode ? [{ debugName: "max", transform: numberAttribute }] : [{
+            transform: numberAttribute,
+        }]));
     validate(control) {
         return Validators.max(this.max())(control);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: MaxValidatorDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.0.6", type: MaxValidatorDirective, isStandalone: true, selector: "input[type=text][ng0Number][max]", inputs: { max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: true, transformFunction: null } }, providers: [{
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MaxValidatorDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.2.1", type: MaxValidatorDirective, isStandalone: true, selector: "input[type=text][ng0Number][max]", inputs: { max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: true, transformFunction: null } }, providers: [{
                 provide: NG_VALIDATORS,
                 useExisting: MaxValidatorDirective,
                 multi: true
             }], exportAs: ["ng0Max"], ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: MaxValidatorDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MaxValidatorDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'input[type=text][ng0Number][max]',
@@ -449,8 +471,8 @@ const items = [
     CustomValidatorDirective,
 ];
 class FormModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: FormModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.0.6", ngImport: i0, type: FormModule, imports: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: FormModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.2.1", ngImport: i0, type: FormModule, imports: [
             // ErrorDirective,
             // FirstErrorDirective,
             NumberDirective,
@@ -469,9 +491,9 @@ class FormModule {
             EqualWithValidatorDirective,
             UrlValidatorDirective,
             CustomValidatorDirective] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: FormModule });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: FormModule });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: FormModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: FormModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: items,