ngx-nz-formly 0.0.10 → 1.0.0

package/fesm2022/ngx-nz-formly.mjs

@@ -1,1511 +1,1742 @@
 import * as i0 from '@angular/core';
-import { Component, NgModule } from '@angular/core';
-import * as i2 from '@ngx-formly/core';
-import { FieldType, FieldWrapper, FormlyModule } from '@ngx-formly/core';
-import { Subject, takeUntil, tap, debounceTime } from 'rxjs';
+import { Injectable, NgModule, Component, inject, DestroyRef, makeEnvironmentProviders, importProvidersFrom, provideAppInitializer } from '@angular/core';
+import * as i2$1 from '@ngx-formly/core';
+import { FormlyModule, FieldType, FieldWrapper } from '@ngx-formly/core';
+import * as i1$1 from '@angular/forms';
+import { ReactiveFormsModule, RequiredValidator } from '@angular/forms';
 import * as i1 from '@angular/common';
 import { CommonModule } from '@angular/common';
-import * as i3 from '@angular/forms';
-import { RequiredValidator, ReactiveFormsModule } from '@angular/forms';
-import * as i4 from 'ngx-mask';
-import { NgxMaskModule } from 'ngx-mask';
-import * as i5 from 'ng-zorro-antd/input';
-import { NzInputModule } from 'ng-zorro-antd/input';
-import * as i6 from 'ng-zorro-antd/core/transition-patch';
-import * as i7 from 'ng-zorro-antd/icon';
-import { NzIconModule } from 'ng-zorro-antd/icon';
+import * as i2 from 'ng-zorro-antd/button';
+import { NzButtonModule } from 'ng-zorro-antd/button';
+import * as i3 from 'ng-zorro-antd/core/transition-patch';
+import * as i4 from 'ng-zorro-antd/core/wave';
 import * as i3$1 from 'ng-zorro-antd/checkbox';
 import { NzCheckboxModule } from 'ng-zorro-antd/checkbox';
-import * as i2$1 from 'ng-zorro-antd/button';
-import { NzButtonModule } from 'ng-zorro-antd/button';
-import * as i4$1 from 'ng-zorro-antd/core/wave';
-import * as i4$2 from 'ng-zorro-antd/select';
+import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
+import { tap } from 'rxjs';
+import * as i1$2 from '@angular/cdk/bidi';
+import { BidiModule } from '@angular/cdk/bidi';
+import * as i4$1 from 'ng-zorro-antd/date-picker';
+import { NzDatePickerModule } from 'ng-zorro-antd/date-picker';
+import { NZ_DATE_LOCALE, fa_IR, NZ_I18N } from 'ng-zorro-antd/i18n';
+import * as i3$2 from 'ng-zorro-antd/input';
+import { NzInputModule } from 'ng-zorro-antd/input';
+import * as i4$2 from 'ng-zorro-antd/icon';
+import { NzIconModule } from 'ng-zorro-antd/icon';
+import { NgxMaskDirective } from 'ngx-mask';
+import * as i3$3 from 'ng-zorro-antd/radio';
+import { NzRadioModule } from 'ng-zorro-antd/radio';
+import * as i3$4 from 'ng-zorro-antd/select';
 import { NzSelectModule } from 'ng-zorro-antd/select';
-import * as i3$2 from 'ng-zorro-antd/switch';
+import * as i3$5 from 'ng-zorro-antd/slider';
+import { NzSliderModule } from 'ng-zorro-antd/slider';
+import * as i3$6 from 'ng-zorro-antd/switch';
 import { NzSwitchModule } from 'ng-zorro-antd/switch';
-import * as i4$3 from 'ng-zorro-antd/radio';
-import { NzRadioModule } from 'ng-zorro-antd/radio';
-import { NzInputNumberModule } from 'ng-zorro-antd/input-number';
+import * as i1$3 from 'ng-zorro-antd/upload';
+import { NzUploadModule } from 'ng-zorro-antd/upload';
+import { faIR } from 'date-fns-jalali/locale';
+import { CandyDate } from 'ng-zorro-antd/core/time';
+import { getYear, getMonth, getDate, setDate } from 'date-fns-jalali';
+
+class NzFormlyFieldBuilder {
+    input(key, configOverrides) {
+        return {
+            key,
+            type: 'input',
+            ...configOverrides
+        };
+    }
+    textarea(key, configOverrides) {
+        return {
+            key,
+            type: 'textarea',
+            ...configOverrides
+        };
+    }
+    checkbox(key, configOverrides) {
+        return {
+            key,
+            type: 'checkbox',
+            ...configOverrides
+        };
+    }
+    switch(key, configOverrides) {
+        return {
+            key,
+            type: 'switch',
+            ...configOverrides
+        };
+    }
+    radio(key, configOverrides) {
+        return {
+            key,
+            type: 'radio',
+            ...configOverrides
+        };
+    }
+    select(key, configOverrides) {
+        return {
+            key,
+            type: 'select',
+            ...configOverrides
+        };
+    }
+    slider(key, configOverrides) {
+        return {
+            key,
+            type: 'slider',
+            ...configOverrides
+        };
+    }
+    button(configOverrides) {
+        return {
+            type: 'button',
+            ...configOverrides
+        };
+    }
+    uploader(configOverrides) {
+        return {
+            type: 'uploader',
+            ...configOverrides
+        };
+    }
+    datePicker(key, configOverrides) {
+        return {
+            key,
+            type: 'datePicker',
+            ...configOverrides
+        };
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: NzFormlyFieldBuilder, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: NzFormlyFieldBuilder }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: NzFormlyFieldBuilder, decorators: [{
+            type: Injectable
+        }] });
+
+/**
+ * Back-compat shim for NgModule-based consumers. The field types/wrappers are
+ * now standalone components resolved by Formly at runtime, so this module only
+ * provides the builder and re-exports FormlyModule. Existing setups that import
+ * NgxNzFormlyModule and call `FormlyModule.forRoot(NzFormlyForRoot)` keep
+ * working. New apps should prefer `provideNgxNzFormly()`.
+ */
+class NgxNzFormlyModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: NgxNzFormlyModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.18", ngImport: i0, type: NgxNzFormlyModule, imports: [FormlyModule], exports: [FormlyModule] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: NgxNzFormlyModule, providers: [NzFormlyFieldBuilder], imports: [FormlyModule, FormlyModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: NgxNzFormlyModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [FormlyModule],
+                    providers: [NzFormlyFieldBuilder],
+                    exports: [FormlyModule]
+                }]
+        }] });
+
+function minLengthValidator(control, field) {
+    if (field.props?.minLen)
+        return control.value?.length < field.props?.minLen ? { minLen: true } : null;
+    return null;
+}
+function minLengthMessage(field) {
+    return `Field must be at least ${field.props?.minLen} characters`;
+}
+function maxLengthValidator(control, field) {
+    if (field.props?.maxLen)
+        return control.value?.length > field.props?.maxLen ? { maxLen: true } : null;
+    return null;
+}
+function maxLengthMessage(field) {
+    return `Field must be at most ${field.props?.maxLen} characters`;
+}
+function minValueValidator(control, field) {
+    if (field.props?.minValue && control.value != null)
+        return Number(control.value) < field.props.minValue ? { minValue: false } : null;
+    return null;
+}
+function minValueMessage(field) {
+    return `Field value must be more than ${field.props?.minValue}`;
+}
+function maxValueValidator(control, field) {
+    if (field.props?.maxValue && control.value != null)
+        return Number(control.value) > field.props.maxValue ? { maxValue: true } : null;
+    return null;
+}
+function maxValueMessage(field) {
+    return `Field value must be less than ${field.props?.maxValue}`;
+}
+function emailValidator(control) {
+    const REGEX = /^[\w-.]+@([\w-]+\.)+[\w-]{2,4}$/;
+    return REGEX.test(control.value) ? null : { email: true };
+}
+function passwordValidator(control, field) {
+    if (field.props?.type === 'password') {
+        const REGEX = /^(?=.*[A-Z])(?=.*\d)(?=.*[\W_])[A-Za-z\d\W_]{8,}$/;
+        return REGEX.test(control.value) ? null : { password: true };
+    }
+    return null;
+}
+
+class NzFormlyButtonComponent extends FieldType {
+    onClick() {
+        if (typeof this.props?.click == 'function') {
+            this.props.click();
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: NzFormlyButtonComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.18", type: NzFormlyButtonComponent, isStandalone: true, selector: "app-nz-formly-button", usesInheritance: true, ngImport: i0, template: "<button\n  nz-button\n  type=\"button\"\n  [disabled]=\"props.disabled\"\n  [nzGhost]=\"props.nzGhost\"\n  [nzLoading]=\"props.nzLoading\"\n  [nzShape]=\"props.nzShape\"\n  [nzSize]=\"props.nzSize\"\n  [nzType]=\"props.nzType\"\n  [nzBlock]=\"props.nzBlock\"\n  [nzDanger]=\"props.nzDanger\"\n  [ngClass]=\"props.classList\"\n  (click)=\"onClick()\"\n>\n  {{ props.text }}\n</button>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: NzButtonModule }, { kind: "component", type: i2.NzButtonComponent, selector: "button[nz-button], a[nz-button]", inputs: ["nzBlock", "nzGhost", "nzSearch", "nzLoading", "nzDanger", "disabled", "tabIndex", "nzType", "nzShape", "nzSize"], exportAs: ["nzButton"] }, { kind: "directive", type: i3.ɵNzTransitionPatchDirective, selector: "[nz-button], [nz-icon], nz-icon, [nz-menu-item], [nz-submenu], nz-select-top-control, nz-select-placeholder, nz-input-group", inputs: ["hidden"] }, { kind: "directive", type: i4.NzWaveDirective, selector: "[nz-wave],button[nz-button]:not([nzType=\"link\"]):not([nzType=\"text\"])", inputs: ["nzWaveExtraNode"], exportAs: ["nzWave"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: NzFormlyButtonComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-nz-formly-button', imports: [CommonModule, NzButtonModule], template: "<button\n  nz-button\n  type=\"button\"\n  [disabled]=\"props.disabled\"\n  [nzGhost]=\"props.nzGhost\"\n  [nzLoading]=\"props.nzLoading\"\n  [nzShape]=\"props.nzShape\"\n  [nzSize]=\"props.nzSize\"\n  [nzType]=\"props.nzType\"\n  [nzBlock]=\"props.nzBlock\"\n  [nzDanger]=\"props.nzDanger\"\n  [ngClass]=\"props.classList\"\n  (click)=\"onClick()\"\n>\n  {{ props.text }}\n</button>\n" }]
+        }] });
+
+class NzFormlyFieldCheckboxComponent extends FieldType {
+    constructor() {
+        super(...arguments);
+        this.destroyRef = inject(DestroyRef);
+    }
+    get fieldID() {
+        return 'control-' + this.field.key;
+    }
+    ngOnInit() {
+        this.onValueChange();
+    }
+    onValueChange() {
+        this.formControl.valueChanges
+            .pipe(takeUntilDestroyed(this.destroyRef), tap((value) => {
+            if (typeof this.props?.change == 'function') {
+                this.props.change(this.field, value);
+            }
+        }))
+            .subscribe();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: NzFormlyFieldCheckboxComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.18", type: NzFormlyFieldCheckboxComponent, isStandalone: true, selector: "app-nz-formly-field-checkbox", usesInheritance: true, ngImport: i0, template: "<label\n  nz-checkbox\n  class=\"nz-formly-checkbox-label\"\n  [nzId]=\"fieldID\"\n  [formControl]=\"formControl\"\n  [formlyAttributes]=\"field\"\n  [nzDisabled]=\"props.nzDisabled\"\n>\n  {{ props.label }}\n</label>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: FormlyModule }, { kind: "directive", type: i2$1.LegacyFormlyAttributes, selector: "[formlyAttributes]" }, { kind: "ngmodule", type: NzCheckboxModule }, { kind: "component", type: i3$1.NzCheckboxComponent, selector: "[nz-checkbox]", inputs: ["nzValue", "nzAutoFocus", "nzDisabled", "nzIndeterminate", "nzChecked", "nzId", "nzName"], outputs: ["nzCheckedChange"], exportAs: ["nzCheckbox"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: NzFormlyFieldCheckboxComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-nz-formly-field-checkbox', imports: [CommonModule, ReactiveFormsModule, FormlyModule, NzCheckboxModule], template: "<label\n  nz-checkbox\n  class=\"nz-formly-checkbox-label\"\n  [nzId]=\"fieldID\"\n  [formControl]=\"formControl\"\n  [formlyAttributes]=\"field\"\n  [nzDisabled]=\"props.nzDisabled\"\n>\n  {{ props.label }}\n</label>\n" }]
+        }] });
+
+class NzFormlyFieldDatePickerComponent extends FieldType {
+    constructor() {
+        super(...arguments);
+        this.dateLocale = inject(NZ_DATE_LOCALE, { optional: true });
+    }
+    get fieldID() {
+        return 'control-' + this.field.key;
+    }
+    get status() {
+        return this.formControl.touched && this.formControl.invalid ? 'error' : '';
+    }
+    /**
+     * RTL when a Jalali (Persian) date locale is active, so the calendar grid and
+     * input read right-to-left. Falls back to LTR for Gregorian. Can be forced
+     * per field via `props.rtl`.
+     */
+    get dir() {
+        const code = this.dateLocale?.code;
+        return code?.startsWith('fa') ? 'rtl' : 'ltr';
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: NzFormlyFieldDatePickerComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.18", type: NzFormlyFieldDatePickerComponent, isStandalone: true, selector: "app-nz-formly-field-date-picker", usesInheritance: true, ngImport: i0, template: "<div [dir]=\"dir\">\n  <nz-date-picker\n    [nzId]=\"fieldID\"\n    [formControl]=\"formControl\"\n    [formlyAttributes]=\"field\"\n    [nzAllowClear]=\"props.nzAllowClear\"\n    [nzAutoFocus]=\"props.nzAutoFocus\"\n    [nzDisabled]=\"props.nzDisabled\"\n    [nzVariant]=\"props.nzBorderless ? 'borderless' : 'outlined'\"\n    [nzInline]=\"props.nzInline\"\n    [nzFormat]=\"props.nzFormat\"\n    [nzMode]=\"props.nzMode\"\n    [nzPlaceHolder]=\"props.nzPlaceholder\"\n    [nzSize]=\"props.nzSize\"\n    [nzStatus]=\"status\"\n    [nzDefaultPickerValue]=\"props.nzDefaultPickerValue\"\n    [nzDisabledDate]=\"props.nzDisabledDate\"\n    [nzDropdownClassName]=\"props.nzDropdownClassName\"\n    [nzPopupStyle]=\"props.nzPopupStyle\"\n    [nzShowToday]=\"props.nzShowToday\"\n    [nzShowNow]=\"props.nzShowNow\"\n    [nzShowWeekNumber]=\"props.nzShowWeekNumber\"\n  ></nz-date-picker>\n</div>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: BidiModule }, { kind: "directive", type: i1$2.Dir, selector: "[dir]", inputs: ["dir"], outputs: ["dirChange"], exportAs: ["dir"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: FormlyModule }, { kind: "directive", type: i2$1.LegacyFormlyAttributes, selector: "[formlyAttributes]" }, { kind: "ngmodule", type: NzDatePickerModule }, { kind: "component", type: i4$1.NzDatePickerComponent, selector: "nz-date-picker,nz-week-picker,nz-month-picker,nz-quarter-picker,nz-year-picker,nz-range-picker", inputs: ["nzInline", "nzAllowClear", "nzAutoFocus", "nzDisabled", "nzInputReadOnly", "nzOpen", "nzDisabledDate", "nzLocale", "nzPlaceHolder", "nzPopupStyle", "nzDropdownClassName", "nzSize", "nzStatus", "nzFormat", "nzVariant", "nzDateRender", "nzDisabledTime", "nzRenderExtraFooter", "nzShowToday", "nzMode", "nzShowNow", "nzRanges", "nzDefaultPickerValue", "nzSeparator", "nzSuffixIcon", "nzBackdrop", "nzId", "nzPlacement", "nzShowWeekNumber", "nzShowTime"], outputs: ["nzOnPanelChange", "nzOnCalendarChange", "nzOnOk", "nzOnOpenChange"], exportAs: ["nzDatePicker"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: NzFormlyFieldDatePickerComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-nz-formly-field-date-picker', imports: [CommonModule, BidiModule, ReactiveFormsModule, FormlyModule, NzDatePickerModule], template: "<div [dir]=\"dir\">\n  <nz-date-picker\n    [nzId]=\"fieldID\"\n    [formControl]=\"formControl\"\n    [formlyAttributes]=\"field\"\n    [nzAllowClear]=\"props.nzAllowClear\"\n    [nzAutoFocus]=\"props.nzAutoFocus\"\n    [nzDisabled]=\"props.nzDisabled\"\n    [nzVariant]=\"props.nzBorderless ? 'borderless' : 'outlined'\"\n    [nzInline]=\"props.nzInline\"\n    [nzFormat]=\"props.nzFormat\"\n    [nzMode]=\"props.nzMode\"\n    [nzPlaceHolder]=\"props.nzPlaceholder\"\n    [nzSize]=\"props.nzSize\"\n    [nzStatus]=\"status\"\n    [nzDefaultPickerValue]=\"props.nzDefaultPickerValue\"\n    [nzDisabledDate]=\"props.nzDisabledDate\"\n    [nzDropdownClassName]=\"props.nzDropdownClassName\"\n    [nzPopupStyle]=\"props.nzPopupStyle\"\n    [nzShowToday]=\"props.nzShowToday\"\n    [nzShowNow]=\"props.nzShowNow\"\n    [nzShowWeekNumber]=\"props.nzShowWeekNumber\"\n  ></nz-date-picker>\n</div>\n" }]
+        }] });
 
 const CountryMasks2 = [
     {
-        countryShortName: "AC",
-        prefix: "+247",
-        globalMask: "+247-####",
+        countryShortName: 'AC',
+        prefix: '+247',
+        globalMask: '+247-####'
     },
     {
-        countryShortName: "AD",
-        prefix: "+376",
-        globalMask: "+376-###-###",
+        countryShortName: 'AD',
+        prefix: '+376',
+        globalMask: '+376-###-###'
     },
     {
-        countryShortName: "AE",
-        prefix: "+9715",
-        globalMask: "+971-5#-###-####",
+        countryShortName: 'AE',
+        prefix: '+9715',
+        globalMask: '+971-5#-###-####'
     },
     {
-        countryShortName: "AE",
-        prefix: "+971",
-        globalMask: "+971-#-###-####",
+        countryShortName: 'AE',
+        prefix: '+971',
+        globalMask: '+971-#-###-####'
     },
     {
-        countryShortName: "AF",
-        prefix: "+93",
-        globalMask: "+93-##-###-####",
+        countryShortName: 'AF',
+        prefix: '+93',
+        globalMask: '+93-##-###-####'
     },
     {
-        countryShortName: "AG",
-        prefix: "+1268",
-        globalMask: "+1(268)###-####",
+        countryShortName: 'AG',
+        prefix: '+1268',
+        globalMask: '+1(268)###-####'
     },
     {
-        countryShortName: "AI",
-        prefix: "+1264",
-        globalMask: "+1(264)###-####",
+        countryShortName: 'AI',
+        prefix: '+1264',
+        globalMask: '+1(264)###-####'
     },
     {
-        countryShortName: "AL",
-        prefix: "+355",
-        globalMask: "+355(###)###-###",
+        countryShortName: 'AL',
+        prefix: '+355',
+        globalMask: '+355(###)###-###'
     },
     {
-        countryShortName: "AM",
-        prefix: "+374",
-        globalMask: "+374-##-###-###",
+        countryShortName: 'AM',
+        prefix: '+374',
+        globalMask: '+374-##-###-###'
     },
     {
-        countryShortName: "AN",
-        prefix: "+599",
-        globalMask: "+599-###-####",
+        countryShortName: 'AN',
+        prefix: '+599',
+        globalMask: '+599-###-####'
     },
     {
-        countryShortName: "AN",
-        prefix: "+5999",
-        globalMask: "+599-9###-####",
+        countryShortName: 'AN',
+        prefix: '+5999',
+        globalMask: '+599-9###-####'
     },
     {
-        countryShortName: "AO",
-        prefix: "+244",
-        globalMask: "+244(###)###-###",
+        countryShortName: 'AO',
+        prefix: '+244',
+        globalMask: '+244(###)###-###'
     },
     {
-        countryShortName: "AQ",
-        prefix: "+6721",
-        globalMask: "+672-1##-###",
+        countryShortName: 'AQ',
+        prefix: '+6721',
+        globalMask: '+672-1##-###'
     },
     {
-        countryShortName: "AR",
-        prefix: "+54",
-        globalMask: "+54(###)###-####",
+        countryShortName: 'AR',
+        prefix: '+54',
+        globalMask: '+54(###)###-####'
     },
     {
-        countryShortName: "AS",
-        prefix: "+1684",
-        globalMask: "+1(684)###-####",
+        countryShortName: 'AS',
+        prefix: '+1684',
+        globalMask: '+1(684)###-####'
     },
     {
-        countryShortName: "AT",
-        prefix: "+43",
-        globalMask: "+43(###)###-####",
+        countryShortName: 'AT',
+        prefix: '+43',
+        globalMask: '+43(###)###-####'
     },
     {
-        countryShortName: "AU",
-        prefix: "+61",
-        globalMask: "+61-#-####-####",
+        countryShortName: 'AU',
+        prefix: '+61',
+        globalMask: '+61-#-####-####'
     },
     {
-        countryShortName: "AW",
-        prefix: "+297",
-        globalMask: "+297-###-####",
+        countryShortName: 'AW',
+        prefix: '+297',
+        globalMask: '+297-###-####'
     },
     {
-        countryShortName: "AZ",
-        prefix: "+994",
-        globalMask: "+994-##-###-##-##",
+        countryShortName: 'AZ',
+        prefix: '+994',
+        globalMask: '+994-##-###-##-##'
     },
     {
-        countryShortName: "BA",
-        prefix: "+387",
-        globalMask: "+387-##-#####",
+        countryShortName: 'BA',
+        prefix: '+387',
+        globalMask: '+387-##-#####'
     },
     {
-        countryShortName: "BA",
-        prefix: "+387",
-        globalMask: "+387-##-####",
+        countryShortName: 'BA',
+        prefix: '+387',
+        globalMask: '+387-##-####'
     },
     {
-        countryShortName: "BB",
-        prefix: "+1246",
-        globalMask: "+1(246)###-####",
+        countryShortName: 'BB',
+        prefix: '+1246',
+        globalMask: '+1(246)###-####'
     },
     {
-        countryShortName: "BD",
-        prefix: "+880",
-        globalMask: "+880-##-###-###",
+        countryShortName: 'BD',
+        prefix: '+880',
+        globalMask: '+880-##-###-###'
     },
     {
-        countryShortName: "BE",
-        prefix: "+32",
-        globalMask: "+32(###)###-###",
+        countryShortName: 'BE',
+        prefix: '+32',
+        globalMask: '+32(###)###-###'
     },
     {
-        countryShortName: "BF",
-        prefix: "+226",
-        globalMask: "+226-##-##-####",
+        countryShortName: 'BF',
+        prefix: '+226',
+        globalMask: '+226-##-##-####'
     },
     {
-        countryShortName: "BG",
-        prefix: "+359",
-        globalMask: "+359(###)###-###",
+        countryShortName: 'BG',
+        prefix: '+359',
+        globalMask: '+359(###)###-###'
     },
     {
-        countryShortName: "BH",
-        prefix: "+973",
-        globalMask: "+973-####-####",
+        countryShortName: 'BH',
+        prefix: '+973',
+        globalMask: '+973-####-####'
     },
     {
-        countryShortName: "BI",
-        prefix: "+257",
-        globalMask: "+257-##-##-####",
+        countryShortName: 'BI',
+        prefix: '+257',
+        globalMask: '+257-##-##-####'
     },
     {
-        countryShortName: "BJ",
-        prefix: "+229",
-        globalMask: "+229-##-##-####",
+        countryShortName: 'BJ',
+        prefix: '+229',
+        globalMask: '+229-##-##-####'
     },
     {
-        countryShortName: "BM",
-        prefix: "+1441",
-        globalMask: "+1(441)###-####",
+        countryShortName: 'BM',
+        prefix: '+1441',
+        globalMask: '+1(441)###-####'
     },
     {
-        countryShortName: "BN",
-        prefix: "+673",
-        globalMask: "+673-###-####",
+        countryShortName: 'BN',
+        prefix: '+673',
+        globalMask: '+673-###-####'
     },
     {
-        countryShortName: "BO",
-        prefix: "+591",
-        globalMask: "+591-#-###-####",
+        countryShortName: 'BO',
+        prefix: '+591',
+        globalMask: '+591-#-###-####'
     },
     {
-        countryShortName: "BR",
-        prefix: "+55",
-        globalMask: "+55(##)####-####",
+        countryShortName: 'BR',
+        prefix: '+55',
+        globalMask: '+55(##)####-####'
     },
     {
-        countryShortName: "BR",
-        prefix: "+55",
-        globalMask: "+55(##)9####-####",
+        countryShortName: 'BR',
+        prefix: '+55',
+        globalMask: '+55(##)9####-####'
     },
     {
-        countryShortName: "BS",
-        prefix: "+1242",
-        globalMask: "+1(242)###-####",
+        countryShortName: 'BS',
+        prefix: '+1242',
+        globalMask: '+1(242)###-####'
     },
     {
-        countryShortName: "BT",
-        prefix: "+97517",
-        globalMask: "+975-17-###-###",
+        countryShortName: 'BT',
+        prefix: '+97517',
+        globalMask: '+975-17-###-###'
     },
     {
-        countryShortName: "BT",
-        prefix: "+975",
-        globalMask: "+975-#-###-###",
+        countryShortName: 'BT',
+        prefix: '+975',
+        globalMask: '+975-#-###-###'
     },
     {
-        countryShortName: "BW",
-        prefix: "+267",
-        globalMask: "+267-##-###-###",
+        countryShortName: 'BW',
+        prefix: '+267',
+        globalMask: '+267-##-###-###'
     },
     {
-        countryShortName: "BY",
-        prefix: "+375",
-        globalMask: "+375(##)###-##-##",
+        countryShortName: 'BY',
+        prefix: '+375',
+        globalMask: '+375(##)###-##-##'
     },
     {
-        countryShortName: "BZ",
-        prefix: "+501",
-        globalMask: "+501-###-####",
+        countryShortName: 'BZ',
+        prefix: '+501',
+        globalMask: '+501-###-####'
     },
     {
-        countryShortName: "US & CA",
-        prefix: "+1",
-        globalMask: "+1(###)###-####",
+        countryShortName: 'US & CA',
+        prefix: '+1',
+        globalMask: '+1(###)###-####'
     },
     {
-        countryShortName: "CD",
-        prefix: "+243",
-        globalMask: "+243(###)###-###",
+        countryShortName: 'CD',
+        prefix: '+243',
+        globalMask: '+243(###)###-###'
     },
     {
-        countryShortName: "CF",
-        prefix: "+236",
-        globalMask: "+236-##-##-####",
+        countryShortName: 'CF',
+        prefix: '+236',
+        globalMask: '+236-##-##-####'
     },
     {
-        countryShortName: "CG",
-        prefix: "+242",
-        globalMask: "+242-##-###-####",
+        countryShortName: 'CG',
+        prefix: '+242',
+        globalMask: '+242-##-###-####'
     },
     {
-        countryShortName: "CH",
-        prefix: "+41",
-        globalMask: "+41-##-###-####",
+        countryShortName: 'CH',
+        prefix: '+41',
+        globalMask: '+41-##-###-####'
     },
     {
-        countryShortName: "CI",
-        prefix: "+225",
-        globalMask: "+225-##-###-###",
+        countryShortName: 'CI',
+        prefix: '+225',
+        globalMask: '+225-##-###-###'
     },
     {
-        countryShortName: "CK",
-        prefix: "+682",
-        globalMask: "+682-##-###",
+        countryShortName: 'CK',
+        prefix: '+682',
+        globalMask: '+682-##-###'
     },
     {
-        countryShortName: "CL",
-        prefix: "+56",
-        globalMask: "+56-#-####-####",
+        countryShortName: 'CL',
+        prefix: '+56',
+        globalMask: '+56-#-####-####'
     },
     {
-        countryShortName: "CM",
-        prefix: "+237",
-        globalMask: "+237-####-####",
+        countryShortName: 'CM',
+        prefix: '+237',
+        globalMask: '+237-####-####'
     },
     {
-        countryShortName: "CN",
-        prefix: "+86",
-        globalMask: "+86(###)####-####",
+        countryShortName: 'CN',
+        prefix: '+86',
+        globalMask: '+86(###)####-####'
     },
     {
-        countryShortName: "CN",
-        prefix: "+86",
-        globalMask: "+86(###)####-###",
+        countryShortName: 'CN',
+        prefix: '+86',
+        globalMask: '+86(###)####-###'
     },
     {
-        countryShortName: "CN",
-        prefix: "+86",
-        globalMask: "+86-##-#####-#####",
+        countryShortName: 'CN',
+        prefix: '+86',
+        globalMask: '+86-##-#####-#####'
     },
     {
-        countryShortName: "CO",
-        prefix: "+57",
-        globalMask: "+57(###)###-####",
+        countryShortName: 'CO',
+        prefix: '+57',
+        globalMask: '+57(###)###-####'
     },
     {
-        countryShortName: "CR",
-        prefix: "+506",
-        globalMask: "+506-####-####",
+        countryShortName: 'CR',
+        prefix: '+506',
+        globalMask: '+506-####-####'
     },
     {
-        countryShortName: "CU",
-        prefix: "+53",
-        globalMask: "+53-#-###-####",
+        countryShortName: 'CU',
+        prefix: '+53',
+        globalMask: '+53-#-###-####'
     },
     {
-        countryShortName: "CV",
-        prefix: "+238",
-        globalMask: "+238(###)##-##",
+        countryShortName: 'CV',
+        prefix: '+238',
+        globalMask: '+238(###)##-##'
     },
     {
-        countryShortName: "CW",
-        prefix: "+599",
-        globalMask: "+599-###-####",
+        countryShortName: 'CW',
+        prefix: '+599',
+        globalMask: '+599-###-####'
     },
     {
-        countryShortName: "CY",
-        prefix: "+357",
-        globalMask: "+357-##-###-###",
+        countryShortName: 'CY',
+        prefix: '+357',
+        globalMask: '+357-##-###-###'
     },
     {
-        countryShortName: "CZ",
-        prefix: "+420",
-        globalMask: "+420(###)###-###",
+        countryShortName: 'CZ',
+        prefix: '+420',
+        globalMask: '+420(###)###-###'
     },
     {
-        countryShortName: "DE",
-        prefix: "+49",
-        globalMask: "+49(####)###-####",
+        countryShortName: 'DE',
+        prefix: '+49',
+        globalMask: '+49(####)###-####'
     },
     {
-        countryShortName: "DE",
-        prefix: "+49",
-        globalMask: "+49(###)###-####",
+        countryShortName: 'DE',
+        prefix: '+49',
+        globalMask: '+49(###)###-####'
     },
     {
-        countryShortName: "DE",
-        prefix: "+49",
-        globalMask: "+49(###)##-####",
+        countryShortName: 'DE',
+        prefix: '+49',
+        globalMask: '+49(###)##-####'
     },
     {
-        countryShortName: "DE",
-        prefix: "+49",
-        globalMask: "+49(###)##-###",
+        countryShortName: 'DE',
+        prefix: '+49',
+        globalMask: '+49(###)##-###'
     },
     {
-        countryShortName: "DE",
-        prefix: "+49",
-        globalMask: "+49(###)##-##",
+        countryShortName: 'DE',
+        prefix: '+49',
+        globalMask: '+49(###)##-##'
     },
     {
-        countryShortName: "DE",
-        prefix: "+49",
-        globalMask: "+49-###-###",
+        countryShortName: 'DE',
+        prefix: '+49',
+        globalMask: '+49-###-###'
     },
     {
-        countryShortName: "DJ",
-        prefix: "+253",
-        globalMask: "+253-##-##-##-##",
+        countryShortName: 'DJ',
+        prefix: '+253',
+        globalMask: '+253-##-##-##-##'
     },
     {
-        countryShortName: "DK",
-        prefix: "+45",
-        globalMask: "+45-##-##-##-##",
+        countryShortName: 'DK',
+        prefix: '+45',
+        globalMask: '+45-##-##-##-##'
     },
     {
-        countryShortName: "DM",
-        prefix: "+1767",
-        globalMask: "+1(767)###-####",
+        countryShortName: 'DM',
+        prefix: '+1767',
+        globalMask: '+1(767)###-####'
     },
     {
-        countryShortName: "DO",
-        prefix: "+1809",
-        globalMask: "+1(809)###-####",
+        countryShortName: 'DO',
+        prefix: '+1809',
+        globalMask: '+1(809)###-####'
     },
     {
-        countryShortName: "DO",
-        prefix: "+1829",
-        globalMask: "+1(829)###-####",
+        countryShortName: 'DO',
+        prefix: '+1829',
+        globalMask: '+1(829)###-####'
     },
     {
-        countryShortName: "DO",
-        prefix: "+1849",
-        globalMask: "+1(849)###-####",
+        countryShortName: 'DO',
+        prefix: '+1849',
+        globalMask: '+1(849)###-####'
     },
     {
-        countryShortName: "DZ",
-        prefix: "+213",
-        globalMask: "+213-##-###-####",
+        countryShortName: 'DZ',
+        prefix: '+213',
+        globalMask: '+213-##-###-####'
     },
     {
-        countryShortName: "EC",
-        prefix: "+593",
-        globalMask: "+593-##-###-####",
+        countryShortName: 'EC',
+        prefix: '+593',
+        globalMask: '+593-##-###-####'
     },
     {
-        countryShortName: "EC",
-        prefix: "+593",
-        globalMask: "+593-#-###-####",
+        countryShortName: 'EC',
+        prefix: '+593',
+        globalMask: '+593-#-###-####'
     },
     {
-        countryShortName: "EE",
-        prefix: "+372",
-        globalMask: "+372-####-####",
+        countryShortName: 'EE',
+        prefix: '+372',
+        globalMask: '+372-####-####'
     },
     {
-        countryShortName: "EE",
-        prefix: "+372",
-        globalMask: "+372-###-####",
+        countryShortName: 'EE',
+        prefix: '+372',
+        globalMask: '+372-###-####'
     },
     {
-        countryShortName: "EG",
-        prefix: "+20",
-        globalMask: "+20(###)###-####",
+        countryShortName: 'EG',
+        prefix: '+20',
+        globalMask: '+20(###)###-####'
     },
     {
-        countryShortName: "ER",
-        prefix: "+291",
-        globalMask: "+291-#-###-###",
+        countryShortName: 'ER',
+        prefix: '+291',
+        globalMask: '+291-#-###-###'
     },
     {
-        countryShortName: "ES",
-        prefix: "+34",
-        globalMask: "+34(###)###-###",
+        countryShortName: 'ES',
+        prefix: '+34',
+        globalMask: '+34(###)###-###'
     },
     {
-        countryShortName: "ET",
-        prefix: "+251",
-        globalMask: "+251-##-###-####",
+        countryShortName: 'ET',
+        prefix: '+251',
+        globalMask: '+251-##-###-####'
     },
     {
-        countryShortName: "FI",
-        prefix: "+358",
-        globalMask: "+358(###)###-##-##",
+        countryShortName: 'FI',
+        prefix: '+358',
+        globalMask: '+358(###)###-##-##'
     },
     {
-        countryShortName: "FJ",
-        prefix: "+679",
-        globalMask: "+679-##-#####",
+        countryShortName: 'FJ',
+        prefix: '+679',
+        globalMask: '+679-##-#####'
     },
     {
-        countryShortName: "FK",
-        prefix: "+500",
-        globalMask: "+500-#####",
+        countryShortName: 'FK',
+        prefix: '+500',
+        globalMask: '+500-#####'
     },
     {
-        countryShortName: "FM",
-        prefix: "+691",
-        globalMask: "+691-###-####",
+        countryShortName: 'FM',
+        prefix: '+691',
+        globalMask: '+691-###-####'
     },
     {
-        countryShortName: "FO",
-        prefix: "+298",
-        globalMask: "+298-###-###",
+        countryShortName: 'FO',
+        prefix: '+298',
+        globalMask: '+298-###-###'
     },
     {
-        countryShortName: "FR",
-        prefix: "+262",
-        globalMask: "+262-#####-####",
+        countryShortName: 'FR',
+        prefix: '+262',
+        globalMask: '+262-#####-####'
     },
     {
-        countryShortName: "FR",
-        prefix: "+33",
-        globalMask: "+33(###)###-###",
+        countryShortName: 'FR',
+        prefix: '+33',
+        globalMask: '+33(###)###-###'
     },
     {
-        countryShortName: "FR",
-        prefix: "+508",
-        globalMask: "+508-##-####",
+        countryShortName: 'FR',
+        prefix: '+508',
+        globalMask: '+508-##-####'
     },
     {
-        countryShortName: "FR",
-        prefix: "+590",
-        globalMask: "+590(###)###-###",
+        countryShortName: 'FR',
+        prefix: '+590',
+        globalMask: '+590(###)###-###'
     },
     {
-        countryShortName: "GA",
-        prefix: "+241",
-        globalMask: "+241-#-##-##-##",
+        countryShortName: 'GA',
+        prefix: '+241',
+        globalMask: '+241-#-##-##-##'
     },
     {
-        countryShortName: "GD",
-        prefix: "+1473",
-        globalMask: "+1(473)###-####",
+        countryShortName: 'GD',
+        prefix: '+1473',
+        globalMask: '+1(473)###-####'
     },
     {
-        countryShortName: "GE",
-        prefix: "+995",
-        globalMask: "+995(###)###-###",
+        countryShortName: 'GE',
+        prefix: '+995',
+        globalMask: '+995(###)###-###'
     },
     {
-        countryShortName: "GF",
-        prefix: "+594",
-        globalMask: "+594-#####-####",
+        countryShortName: 'GF',
+        prefix: '+594',
+        globalMask: '+594-#####-####'
     },
     {
-        countryShortName: "GH",
-        prefix: "+233",
-        globalMask: "+233(###)###-###",
+        countryShortName: 'GH',
+        prefix: '+233',
+        globalMask: '+233(###)###-###'
     },
     {
-        countryShortName: "GI",
-        prefix: "+350",
-        globalMask: "+350-###-#####",
+        countryShortName: 'GI',
+        prefix: '+350',
+        globalMask: '+350-###-#####'
     },
     {
-        countryShortName: "GL",
-        prefix: "+299",
-        globalMask: "+299-##-##-##",
+        countryShortName: 'GL',
+        prefix: '+299',
+        globalMask: '+299-##-##-##'
     },
     {
-        countryShortName: "GM",
-        prefix: "+220",
-        globalMask: "+220(###)##-##",
+        countryShortName: 'GM',
+        prefix: '+220',
+        globalMask: '+220(###)##-##'
     },
     {
-        countryShortName: "GN",
-        prefix: "+224",
-        globalMask: "+224-##-###-###",
+        countryShortName: 'GN',
+        prefix: '+224',
+        globalMask: '+224-##-###-###'
     },
     {
-        countryShortName: "GQ",
-        prefix: "+240",
-        globalMask: "+240-##-###-####",
+        countryShortName: 'GQ',
+        prefix: '+240',
+        globalMask: '+240-##-###-####'
     },
     {
-        countryShortName: "GR",
-        prefix: "+30",
-        globalMask: "+30(###)###-####",
+        countryShortName: 'GR',
+        prefix: '+30',
+        globalMask: '+30(###)###-####'
     },
     {
-        countryShortName: "GT",
-        prefix: "+502",
-        globalMask: "+502-#-###-####",
+        countryShortName: 'GT',
+        prefix: '+502',
+        globalMask: '+502-#-###-####'
     },
     {
-        countryShortName: "GU",
-        prefix: "+1671",
-        globalMask: "+1(671)###-####",
+        countryShortName: 'GU',
+        prefix: '+1671',
+        globalMask: '+1(671)###-####'
     },
     {
-        countryShortName: "GW",
-        prefix: "+245",
-        globalMask: "+245-#-######",
+        countryShortName: 'GW',
+        prefix: '+245',
+        globalMask: '+245-#-######'
     },
     {
-        countryShortName: "GY",
-        prefix: "+592",
-        globalMask: "+592-###-####",
+        countryShortName: 'GY',
+        prefix: '+592',
+        globalMask: '+592-###-####'
     },
     {
-        countryShortName: "HK",
-        prefix: "+852",
-        globalMask: "+852-####-####",
+        countryShortName: 'HK',
+        prefix: '+852',
+        globalMask: '+852-####-####'
     },
     {
-        countryShortName: "HN",
-        prefix: "+504",
-        globalMask: "+504-####-####",
+        countryShortName: 'HN',
+        prefix: '+504',
+        globalMask: '+504-####-####'
     },
     {
-        countryShortName: "HR",
-        prefix: "+385",
-        globalMask: "+385-##-###-###",
+        countryShortName: 'HR',
+        prefix: '+385',
+        globalMask: '+385-##-###-###'
     },
     {
-        countryShortName: "HT",
-        prefix: "+509",
-        globalMask: "+509-##-##-####",
+        countryShortName: 'HT',
+        prefix: '+509',
+        globalMask: '+509-##-##-####'
     },
     {
-        countryShortName: "HU",
-        prefix: "+36",
-        globalMask: "+36(###)###-###",
+        countryShortName: 'HU',
+        prefix: '+36',
+        globalMask: '+36(###)###-###'
     },
     {
-        countryShortName: "ID",
-        prefix: "+628",
-        globalMask: "+62(8##)###-####",
+        countryShortName: 'ID',
+        prefix: '+628',
+        globalMask: '+62(8##)###-####'
     },
     {
-        countryShortName: "ID",
-        prefix: "+62",
-        globalMask: "+62-##-###-##",
+        countryShortName: 'ID',
+        prefix: '+62',
+        globalMask: '+62-##-###-##'
     },
     {
-        countryShortName: "ID",
-        prefix: "+62",
-        globalMask: "+62-##-###-###",
+        countryShortName: 'ID',
+        prefix: '+62',
+        globalMask: '+62-##-###-###'
     },
     {
-        countryShortName: "ID",
-        prefix: "+62",
-        globalMask: "+62-##-###-####",
+        countryShortName: 'ID',
+        prefix: '+62',
+        globalMask: '+62-##-###-####'
     },
     {
-        countryShortName: "ID",
-        prefix: "+628",
-        globalMask: "+62(8##)###-###",
+        countryShortName: 'ID',
+        prefix: '+628',
+        globalMask: '+62(8##)###-###'
     },
     {
-        countryShortName: "ID",
-        prefix: "+628",
-        globalMask: "+62(8##)###-##-###",
+        countryShortName: 'ID',
+        prefix: '+628',
+        globalMask: '+62(8##)###-##-###'
     },
     {
-        countryShortName: "IE",
-        prefix: "+353",
-        globalMask: "+353(###)###-###",
+        countryShortName: 'IE',
+        prefix: '+353',
+        globalMask: '+353(###)###-###'
     },
     {
-        countryShortName: "IL",
-        prefix: "+9725",
-        globalMask: "+972-5#-###-####",
+        countryShortName: 'IL',
+        prefix: '+9725',
+        globalMask: '+972-5#-###-####'
     },
     {
-        countryShortName: "IL",
-        prefix: "+972",
-        globalMask: "+972-#-###-####",
+        countryShortName: 'IL',
+        prefix: '+972',
+        globalMask: '+972-#-###-####'
     },
     {
-        countryShortName: "IN",
-        prefix: "+91",
-        globalMask: "+91(####)###-###",
+        countryShortName: 'IN',
+        prefix: '+91',
+        globalMask: '+91(####)###-###'
     },
     {
-        countryShortName: "IO",
-        prefix: "+246",
-        globalMask: "+246-###-####",
+        countryShortName: 'IO',
+        prefix: '+246',
+        globalMask: '+246-###-####'
     },
     {
-        countryShortName: "IQ",
-        prefix: "+964",
-        globalMask: "+964(###)###-####",
+        countryShortName: 'IQ',
+        prefix: '+964',
+        globalMask: '+964(###)###-####'
     },
     {
-        countryShortName: "IR",
-        prefix: "+98",
-        globalMask: "+98(###)###-####",
+        countryShortName: 'IR',
+        prefix: '+98',
+        globalMask: '+98(###)###-####'
     },
     {
-        countryShortName: "IS",
-        prefix: "+354",
-        globalMask: "+354-###-####",
+        countryShortName: 'IS',
+        prefix: '+354',
+        globalMask: '+354-###-####'
     },
     {
-        countryShortName: "IT",
-        prefix: "+39",
-        globalMask: "+39(###)####-###",
+        countryShortName: 'IT',
+        prefix: '+39',
+        globalMask: '+39(###)####-###'
     },
     {
-        countryShortName: "JM",
-        prefix: "+1876",
-        globalMask: "+1(876)###-####",
+        countryShortName: 'JM',
+        prefix: '+1876',
+        globalMask: '+1(876)###-####'
     },
     {
-        countryShortName: "JO",
-        prefix: "+962",
-        globalMask: "+962-#-####-####",
+        countryShortName: 'JO',
+        prefix: '+962',
+        globalMask: '+962-#-####-####'
     },
     {
-        countryShortName: "JP",
-        prefix: "+81",
-        globalMask: "+81-##-####-####",
+        countryShortName: 'JP',
+        prefix: '+81',
+        globalMask: '+81-##-####-####'
     },
     {
-        countryShortName: "JP",
-        prefix: "+81",
-        globalMask: "+81(###)###-###",
+        countryShortName: 'JP',
+        prefix: '+81',
+        globalMask: '+81(###)###-###'
     },
     {
-        countryShortName: "KE",
-        prefix: "+254",
-        globalMask: "+254-###-######",
+        countryShortName: 'KE',
+        prefix: '+254',
+        globalMask: '+254-###-######'
     },
     {
-        countryShortName: "KG",
-        prefix: "+996",
-        globalMask: "+996(###)###-###",
+        countryShortName: 'KG',
+        prefix: '+996',
+        globalMask: '+996(###)###-###'
     },
     {
-        countryShortName: "KH",
-        prefix: "+855",
-        globalMask: "+855-##-###-###",
+        countryShortName: 'KH',
+        prefix: '+855',
+        globalMask: '+855-##-###-###'
     },
     {
-        countryShortName: "KI",
-        prefix: "+686",
-        globalMask: "+686-##-###",
+        countryShortName: 'KI',
+        prefix: '+686',
+        globalMask: '+686-##-###'
     },
     {
-        countryShortName: "KM",
-        prefix: "+269",
-        globalMask: "+269-##-#####",
+        countryShortName: 'KM',
+        prefix: '+269',
+        globalMask: '+269-##-#####'
     },
     {
-        countryShortName: "KN",
-        prefix: "+1869",
-        globalMask: "+1(869)###-####",
+        countryShortName: 'KN',
+        prefix: '+1869',
+        globalMask: '+1(869)###-####'
     },
     {
-        countryShortName: "KP",
-        prefix: "+850191",
-        globalMask: "+850-191-###-####",
+        countryShortName: 'KP',
+        prefix: '+850191',
+        globalMask: '+850-191-###-####'
     },
     {
-        countryShortName: "KP",
-        prefix: "+850",
-        globalMask: "+850-##-###-###",
+        countryShortName: 'KP',
+        prefix: '+850',
+        globalMask: '+850-##-###-###'
     },
     {
-        countryShortName: "KP",
-        prefix: "+850",
-        globalMask: "+850-###-####-###",
+        countryShortName: 'KP',
+        prefix: '+850',
+        globalMask: '+850-###-####-###'
     },
     {
-        countryShortName: "KP",
-        prefix: "+850",
-        globalMask: "+850-###-###",
+        countryShortName: 'KP',
+        prefix: '+850',
+        globalMask: '+850-###-###'
     },
     {
-        countryShortName: "KP",
-        prefix: "+850",
-        globalMask: "+850-####-####",
+        countryShortName: 'KP',
+        prefix: '+850',
+        globalMask: '+850-####-####'
     },
     {
-        countryShortName: "KP",
-        prefix: "+850",
-        globalMask: "+850-####-#############",
+        countryShortName: 'KP',
+        prefix: '+850',
+        globalMask: '+850-####-#############'
     },
     {
-        countryShortName: "KR",
-        prefix: "+82",
-        globalMask: "+82-##-###-####",
+        countryShortName: 'KR',
+        prefix: '+82',
+        globalMask: '+82-##-###-####'
     },
     {
-        countryShortName: "KW",
-        prefix: "+965",
-        globalMask: "+965-####-####",
+        countryShortName: 'KW',
+        prefix: '+965',
+        globalMask: '+965-####-####'
     },
     {
-        countryShortName: "KY",
-        prefix: "+1345",
-        globalMask: "+1(345)###-####",
+        countryShortName: 'KY',
+        prefix: '+1345',
+        globalMask: '+1(345)###-####'
     },
     {
-        countryShortName: "KZ",
-        prefix: "+76",
-        globalMask: "+7(6##)###-##-##",
+        countryShortName: 'KZ',
+        prefix: '+76',
+        globalMask: '+7(6##)###-##-##'
     },
     {
-        countryShortName: "KZ",
-        prefix: "+77",
-        globalMask: "+7(7##)###-##-##",
+        countryShortName: 'KZ',
+        prefix: '+77',
+        globalMask: '+7(7##)###-##-##'
     },
     {
-        countryShortName: "LA",
-        prefix: "+85620",
-        globalMask: "+856(20##)###-###",
+        countryShortName: 'LA',
+        prefix: '+85620',
+        globalMask: '+856(20##)###-###'
     },
     {
-        countryShortName: "LA",
-        prefix: "+856",
-        globalMask: "+856-##-###-###",
+        countryShortName: 'LA',
+        prefix: '+856',
+        globalMask: '+856-##-###-###'
     },
     {
-        countryShortName: "LB",
-        prefix: "+961",
-        globalMask: "+961-##-###-###",
+        countryShortName: 'LB',
+        prefix: '+961',
+        globalMask: '+961-##-###-###'
     },
     {
-        countryShortName: "LB",
-        prefix: "+961",
-        globalMask: "+961-#-###-###",
+        countryShortName: 'LB',
+        prefix: '+961',
+        globalMask: '+961-#-###-###'
     },
     {
-        countryShortName: "LC",
-        prefix: "+1758",
-        globalMask: "+1(758)###-####",
+        countryShortName: 'LC',
+        prefix: '+1758',
+        globalMask: '+1(758)###-####'
     },
     {
-        countryShortName: "LI",
-        prefix: "+423",
-        globalMask: "+423(###)###-####",
+        countryShortName: 'LI',
+        prefix: '+423',
+        globalMask: '+423(###)###-####'
     },
     {
-        countryShortName: "LK",
-        prefix: "+94",
-        globalMask: "+94-##-###-####",
+        countryShortName: 'LK',
+        prefix: '+94',
+        globalMask: '+94-##-###-####'
     },
     {
-        countryShortName: "LR",
-        prefix: "+231",
-        globalMask: "+231-##-###-###",
+        countryShortName: 'LR',
+        prefix: '+231',
+        globalMask: '+231-##-###-###'
     },
     {
-        countryShortName: "LS",
-        prefix: "+266",
-        globalMask: "+266-#-###-####",
+        countryShortName: 'LS',
+        prefix: '+266',
+        globalMask: '+266-#-###-####'
     },
     {
-        countryShortName: "LT",
-        prefix: "+370",
-        globalMask: "+370(###)##-###",
+        countryShortName: 'LT',
+        prefix: '+370',
+        globalMask: '+370(###)##-###'
     },
     {
-        countryShortName: "LU",
-        prefix: "+352",
-        globalMask: "+352(###)###-###",
+        countryShortName: 'LU',
+        prefix: '+352',
+        globalMask: '+352(###)###-###'
     },
     {
-        countryShortName: "LV",
-        prefix: "+371",
-        globalMask: "+371-##-###-###",
+        countryShortName: 'LV',
+        prefix: '+371',
+        globalMask: '+371-##-###-###'
     },
     {
-        countryShortName: "LY",
-        prefix: "+218",
-        globalMask: "+218-##-###-###",
+        countryShortName: 'LY',
+        prefix: '+218',
+        globalMask: '+218-##-###-###'
     },
     {
-        countryShortName: "LY",
-        prefix: "+21821",
-        globalMask: "+218-21-###-####",
+        countryShortName: 'LY',
+        prefix: '+21821',
+        globalMask: '+218-21-###-####'
     },
     {
-        countryShortName: "MA",
-        prefix: "+212",
-        globalMask: "+212-##-####-###",
+        countryShortName: 'MA',
+        prefix: '+212',
+        globalMask: '+212-##-####-###'
     },
     {
-        countryShortName: "MC",
-        prefix: "+377",
-        globalMask: "+377(###)###-###",
+        countryShortName: 'MC',
+        prefix: '+377',
+        globalMask: '+377(###)###-###'
     },
     {
-        countryShortName: "MC",
-        prefix: "+377",
-        globalMask: "+377-##-###-###",
+        countryShortName: 'MC',
+        prefix: '+377',
+        globalMask: '+377-##-###-###'
     },
     {
-        countryShortName: "MD",
-        prefix: "+373",
-        globalMask: "+373-####-####",
+        countryShortName: 'MD',
+        prefix: '+373',
+        globalMask: '+373-####-####'
     },
     {
-        countryShortName: "ME",
-        prefix: "+382",
-        globalMask: "+382-##-###-###",
+        countryShortName: 'ME',
+        prefix: '+382',
+        globalMask: '+382-##-###-###'
     },
     {
-        countryShortName: "MG",
-        prefix: "+261",
-        globalMask: "+261-##-##-#####",
+        countryShortName: 'MG',
+        prefix: '+261',
+        globalMask: '+261-##-##-#####'
     },
     {
-        countryShortName: "MH",
-        prefix: "+692",
-        globalMask: "+692-###-####",
+        countryShortName: 'MH',
+        prefix: '+692',
+        globalMask: '+692-###-####'
     },
     {
-        countryShortName: "MK",
-        prefix: "+389",
-        globalMask: "+389-##-###-###",
+        countryShortName: 'MK',
+        prefix: '+389',
+        globalMask: '+389-##-###-###'
     },
     {
-        countryShortName: "ML",
-        prefix: "+223",
-        globalMask: "+223-##-##-####",
+        countryShortName: 'ML',
+        prefix: '+223',
+        globalMask: '+223-##-##-####'
     },
     {
-        countryShortName: "MM",
-        prefix: "+95",
-        globalMask: "+95-##-###-###",
+        countryShortName: 'MM',
+        prefix: '+95',
+        globalMask: '+95-##-###-###'
     },
     {
-        countryShortName: "MM",
-        prefix: "+95",
-        globalMask: "+95-#-###-###",
+        countryShortName: 'MM',
+        prefix: '+95',
+        globalMask: '+95-#-###-###'
     },
     {
-        countryShortName: "MM",
-        prefix: "+95",
-        globalMask: "+95-###-###",
+        countryShortName: 'MM',
+        prefix: '+95',
+        globalMask: '+95-###-###'
     },
     {
-        countryShortName: "MN",
-        prefix: "+976",
-        globalMask: "+976-##-##-####",
+        countryShortName: 'MN',
+        prefix: '+976',
+        globalMask: '+976-##-##-####'
     },
     {
-        countryShortName: "MO",
-        prefix: "+853",
-        globalMask: "+853-####-####",
+        countryShortName: 'MO',
+        prefix: '+853',
+        globalMask: '+853-####-####'
     },
     {
-        countryShortName: "MP",
-        prefix: "+1670",
-        globalMask: "+1(670)###-####",
+        countryShortName: 'MP',
+        prefix: '+1670',
+        globalMask: '+1(670)###-####'
     },
     {
-        countryShortName: "MQ",
-        prefix: "+596",
-        globalMask: "+596(###)##-##-##",
+        countryShortName: 'MQ',
+        prefix: '+596',
+        globalMask: '+596(###)##-##-##'
     },
     {
-        countryShortName: "MR",
-        prefix: "+222",
-        globalMask: "+222-##-##-####",
+        countryShortName: 'MR',
+        prefix: '+222',
+        globalMask: '+222-##-##-####'
     },
     {
-        countryShortName: "MS",
-        prefix: "+1664",
-        globalMask: "+1(664)###-####",
+        countryShortName: 'MS',
+        prefix: '+1664',
+        globalMask: '+1(664)###-####'
     },
     {
-        countryShortName: "MT",
-        prefix: "+356",
-        globalMask: "+356-####-####",
+        countryShortName: 'MT',
+        prefix: '+356',
+        globalMask: '+356-####-####'
     },
     {
-        countryShortName: "MU",
-        prefix: "+230",
-        globalMask: "+230-###-####",
+        countryShortName: 'MU',
+        prefix: '+230',
+        globalMask: '+230-###-####'
     },
     {
-        countryShortName: "MV",
-        prefix: "+960",
-        globalMask: "+960-###-####",
+        countryShortName: 'MV',
+        prefix: '+960',
+        globalMask: '+960-###-####'
     },
     {
-        countryShortName: "MW",
-        prefix: "+2651",
-        globalMask: "+265-1-###-###",
+        countryShortName: 'MW',
+        prefix: '+2651',
+        globalMask: '+265-1-###-###'
     },
     {
-        countryShortName: "MW",
-        prefix: "+265",
-        globalMask: "+265-#-####-####",
+        countryShortName: 'MW',
+        prefix: '+265',
+        globalMask: '+265-#-####-####'
     },
     {
-        countryShortName: "MX",
-        prefix: "+52",
-        globalMask: "+52(###)###-####",
+        countryShortName: 'MX',
+        prefix: '+52',
+        globalMask: '+52(###)###-####'
     },
     {
-        countryShortName: "MX",
-        prefix: "+52",
-        globalMask: "+52-##-##-####",
+        countryShortName: 'MX',
+        prefix: '+52',
+        globalMask: '+52-##-##-####'
     },
     {
-        countryShortName: "MY",
-        prefix: "+60",
-        globalMask: "+60-##-###-####",
+        countryShortName: 'MY',
+        prefix: '+60',
+        globalMask: '+60-##-###-####'
     },
     {
-        countryShortName: "MY",
-        prefix: "+60",
-        globalMask: "+60(###)###-###",
+        countryShortName: 'MY',
+        prefix: '+60',
+        globalMask: '+60(###)###-###'
     },
     {
-        countryShortName: "MY",
-        prefix: "+60",
-        globalMask: "+60-##-###-###",
+        countryShortName: 'MY',
+        prefix: '+60',
+        globalMask: '+60-##-###-###'
     },
     {
-        countryShortName: "MY",
-        prefix: "+60",
-        globalMask: "+60-#-###-###",
+        countryShortName: 'MY',
+        prefix: '+60',
+        globalMask: '+60-#-###-###'
     },
     {
-        countryShortName: "MZ",
-        prefix: "+258",
-        globalMask: "+258-##-###-###",
+        countryShortName: 'MZ',
+        prefix: '+258',
+        globalMask: '+258-##-###-###'
     },
     {
-        countryShortName: "NA",
-        prefix: "+264",
-        globalMask: "+264-##-###-####",
+        countryShortName: 'NA',
+        prefix: '+264',
+        globalMask: '+264-##-###-####'
     },
     {
-        countryShortName: "NC",
-        prefix: "+687",
-        globalMask: "+687-##-####",
+        countryShortName: 'NC',
+        prefix: '+687',
+        globalMask: '+687-##-####'
     },
     {
-        countryShortName: "NE",
-        prefix: "+227",
-        globalMask: "+227-##-##-####",
+        countryShortName: 'NE',
+        prefix: '+227',
+        globalMask: '+227-##-##-####'
     },
     {
-        countryShortName: "NF",
-        prefix: "+6723",
-        globalMask: "+672-3##-###",
+        countryShortName: 'NF',
+        prefix: '+6723',
+        globalMask: '+672-3##-###'
     },
     {
-        countryShortName: "NG",
-        prefix: "+234",
-        globalMask: "+234(###)###-####",
+        countryShortName: 'NG',
+        prefix: '+234',
+        globalMask: '+234(###)###-####'
     },
     {
-        countryShortName: "NG",
-        prefix: "+234",
-        globalMask: "+234-##-###-###",
+        countryShortName: 'NG',
+        prefix: '+234',
+        globalMask: '+234-##-###-###'
     },
     {
-        countryShortName: "NG",
-        prefix: "+234",
-        globalMask: "+234-##-###-##",
+        countryShortName: 'NG',
+        prefix: '+234',
+        globalMask: '+234-##-###-##'
     },
     {
-        countryShortName: "NG",
-        prefix: "+234",
-        globalMask: "+234(###)###-####",
+        countryShortName: 'NG',
+        prefix: '+234',
+        globalMask: '+234(###)###-####'
     },
     {
-        countryShortName: "NI",
-        prefix: "+505",
-        globalMask: "+505-####-####",
+        countryShortName: 'NI',
+        prefix: '+505',
+        globalMask: '+505-####-####'
     },
     {
-        countryShortName: "NL",
-        prefix: "+31",
-        globalMask: "+31-##-###-####",
+        countryShortName: 'NL',
+        prefix: '+31',
+        globalMask: '+31-##-###-####'
     },
     {
-        countryShortName: "NO",
-        prefix: "+47",
-        globalMask: "+47(###)##-###",
+        countryShortName: 'NO',
+        prefix: '+47',
+        globalMask: '+47(###)##-###'
     },
     {
-        countryShortName: "NP",
-        prefix: "+977",
-        globalMask: "+977-##-###-###",
+        countryShortName: 'NP',
+        prefix: '+977',
+        globalMask: '+977-##-###-###'
     },
     {
-        countryShortName: "NR",
-        prefix: "+674",
-        globalMask: "+674-###-####",
+        countryShortName: 'NR',
+        prefix: '+674',
+        globalMask: '+674-###-####'
     },
     {
-        countryShortName: "NU",
-        prefix: "+683",
-        globalMask: "+683-####",
+        countryShortName: 'NU',
+        prefix: '+683',
+        globalMask: '+683-####'
     },
     {
-        countryShortName: "NZ",
-        prefix: "+64",
-        globalMask: "+64(###)###-###",
+        countryShortName: 'NZ',
+        prefix: '+64',
+        globalMask: '+64(###)###-###'
     },
     {
-        countryShortName: "NZ",
-        prefix: "+64",
-        globalMask: "+64-##-###-###",
+        countryShortName: 'NZ',
+        prefix: '+64',
+        globalMask: '+64-##-###-###'
     },
     {
-        countryShortName: "NZ",
-        prefix: "+64",
-        globalMask: "+64(###)###-####",
+        countryShortName: 'NZ',
+        prefix: '+64',
+        globalMask: '+64(###)###-####'
     },
     {
-        countryShortName: "OM",
-        prefix: "+968",
-        globalMask: "+968-##-###-###",
+        countryShortName: 'OM',
+        prefix: '+968',
+        globalMask: '+968-##-###-###'
     },
     {
-        countryShortName: "PA",
-        prefix: "+507",
-        globalMask: "+507-###-####",
+        countryShortName: 'PA',
+        prefix: '+507',
+        globalMask: '+507-###-####'
     },
     {
-        countryShortName: "PE",
-        prefix: "+51",
-        globalMask: "+51(###)###-###",
+        countryShortName: 'PE',
+        prefix: '+51',
+        globalMask: '+51(###)###-###'
     },
     {
-        countryShortName: "PF",
-        prefix: "+689",
-        globalMask: "+689-##-##-##",
+        countryShortName: 'PF',
+        prefix: '+689',
+        globalMask: '+689-##-##-##'
     },
     {
-        countryShortName: "PG",
-        prefix: "+675",
-        globalMask: "+675(###)##-###",
+        countryShortName: 'PG',
+        prefix: '+675',
+        globalMask: '+675(###)##-###'
     },
     {
-        countryShortName: "PH",
-        prefix: "+63",
-        globalMask: "+63(###)###-####",
+        countryShortName: 'PH',
+        prefix: '+63',
+        globalMask: '+63(###)###-####'
     },
     {
-        countryShortName: "PK",
-        prefix: "+92",
-        globalMask: "+92(###)###-####",
+        countryShortName: 'PK',
+        prefix: '+92',
+        globalMask: '+92(###)###-####'
     },
     {
-        countryShortName: "PL",
-        prefix: "+48",
-        globalMask: "+48(###)###-###",
+        countryShortName: 'PL',
+        prefix: '+48',
+        globalMask: '+48(###)###-###'
     },
     {
-        countryShortName: "PS",
-        prefix: "+970",
-        globalMask: "+970-##-###-####",
+        countryShortName: 'PS',
+        prefix: '+970',
+        globalMask: '+970-##-###-####'
     },
     {
-        countryShortName: "PT",
-        prefix: "+351",
-        globalMask: "+351-##-###-####",
+        countryShortName: 'PT',
+        prefix: '+351',
+        globalMask: '+351-##-###-####'
     },
     {
-        countryShortName: "PW",
-        prefix: "+680",
-        globalMask: "+680-###-####",
+        countryShortName: 'PW',
+        prefix: '+680',
+        globalMask: '+680-###-####'
     },
     {
-        countryShortName: "PY",
-        prefix: "+595",
-        globalMask: "+595(###)###-###",
+        countryShortName: 'PY',
+        prefix: '+595',
+        globalMask: '+595(###)###-###'
     },
     {
-        countryShortName: "QA",
-        prefix: "+974",
-        globalMask: "+974-####-####",
+        countryShortName: 'QA',
+        prefix: '+974',
+        globalMask: '+974-####-####'
     },
     {
-        countryShortName: "RE",
-        prefix: "+262",
-        globalMask: "+262-#####-####",
+        countryShortName: 'RE',
+        prefix: '+262',
+        globalMask: '+262-#####-####'
     },
     {
-        countryShortName: "RO",
-        prefix: "+40",
-        globalMask: "+40-##-###-####",
+        countryShortName: 'RO',
+        prefix: '+40',
+        globalMask: '+40-##-###-####'
     },
     {
-        countryShortName: "RS",
-        prefix: "+381",
-        globalMask: "+381-##-###-####",
+        countryShortName: 'RS',
+        prefix: '+381',
+        globalMask: '+381-##-###-####'
     },
     {
-        countryShortName: "RU",
-        prefix: "+7",
-        globalMask: "+7(###)###-##-##",
+        countryShortName: 'RU',
+        prefix: '+7',
+        globalMask: '+7(###)###-##-##'
     },
     {
-        countryShortName: "RW",
-        prefix: "+250",
-        globalMask: "+250(###)###-###",
+        countryShortName: 'RW',
+        prefix: '+250',
+        globalMask: '+250(###)###-###'
     },
     {
-        countryShortName: "SA",
-        prefix: "+9665",
-        globalMask: "+966-5-####-####",
+        countryShortName: 'SA',
+        prefix: '+9665',
+        globalMask: '+966-5-####-####'
     },
     {
-        countryShortName: "SA",
-        prefix: "+966",
-        globalMask: "+966-#-###-####",
+        countryShortName: 'SA',
+        prefix: '+966',
+        globalMask: '+966-#-###-####'
     },
     {
-        countryShortName: "SB",
-        prefix: "+677",
-        globalMask: "+677-###-####",
+        countryShortName: 'SB',
+        prefix: '+677',
+        globalMask: '+677-###-####'
     },
     {
-        countryShortName: "SB",
-        prefix: "+677",
-        globalMask: "+677-#####",
+        countryShortName: 'SB',
+        prefix: '+677',
+        globalMask: '+677-#####'
     },
     {
-        countryShortName: "SC",
-        prefix: "+248",
-        globalMask: "+248-#-###-###",
+        countryShortName: 'SC',
+        prefix: '+248',
+        globalMask: '+248-#-###-###'
     },
     {
-        countryShortName: "SD",
-        prefix: "+249",
-        globalMask: "+249-##-###-####",
+        countryShortName: 'SD',
+        prefix: '+249',
+        globalMask: '+249-##-###-####'
     },
     {
-        countryShortName: "SE",
-        prefix: "+46",
-        globalMask: "+46-##-###-####",
+        countryShortName: 'SE',
+        prefix: '+46',
+        globalMask: '+46-##-###-####'
     },
     {
-        countryShortName: "SG",
-        prefix: "+65",
-        globalMask: "+65-####-####",
+        countryShortName: 'SG',
+        prefix: '+65',
+        globalMask: '+65-####-####'
     },
     {
-        countryShortName: "SH",
-        prefix: "+290",
-        globalMask: "+290-####",
+        countryShortName: 'SH',
+        prefix: '+290',
+        globalMask: '+290-####'
     },
     {
-        countryShortName: "SH",
-        prefix: "+290",
-        globalMask: "+290-####",
+        countryShortName: 'SH',
+        prefix: '+290',
+        globalMask: '+290-####'
     },
     {
-        countryShortName: "SI",
-        prefix: "+386",
-        globalMask: "+386-##-###-###",
+        countryShortName: 'SI',
+        prefix: '+386',
+        globalMask: '+386-##-###-###'
     },
     {
-        countryShortName: "SK",
-        prefix: "+421",
-        globalMask: "+421(###)###-###",
+        countryShortName: 'SK',
+        prefix: '+421',
+        globalMask: '+421(###)###-###'
     },
     {
-        countryShortName: "SL",
-        prefix: "+232",
-        globalMask: "+232-##-######",
+        countryShortName: 'SL',
+        prefix: '+232',
+        globalMask: '+232-##-######'
     },
     {
-        countryShortName: "SM",
-        prefix: "+378",
-        globalMask: "+378-####-######",
+        countryShortName: 'SM',
+        prefix: '+378',
+        globalMask: '+378-####-######'
     },
     {
-        countryShortName: "SN",
-        prefix: "+221",
-        globalMask: "+221-##-###-####",
+        countryShortName: 'SN',
+        prefix: '+221',
+        globalMask: '+221-##-###-####'
     },
     {
-        countryShortName: "SO",
-        prefix: "+252",
-        globalMask: "+252-##-###-###",
+        countryShortName: 'SO',
+        prefix: '+252',
+        globalMask: '+252-##-###-###'
     },
     {
-        countryShortName: "SO",
-        prefix: "+252",
-        globalMask: "+252-#-###-###",
+        countryShortName: 'SO',
+        prefix: '+252',
+        globalMask: '+252-#-###-###'
     },
     {
-        countryShortName: "SO",
-        prefix: "+252",
-        globalMask: "+252-#-###-###",
+        countryShortName: 'SO',
+        prefix: '+252',
+        globalMask: '+252-#-###-###'
     },
     {
-        countryShortName: "SR",
-        prefix: "+597",
-        globalMask: "+597-###-####",
+        countryShortName: 'SR',
+        prefix: '+597',
+        globalMask: '+597-###-####'
     },
     {
-        countryShortName: "SR",
-        prefix: "+597",
-        globalMask: "+597-###-###",
+        countryShortName: 'SR',
+        prefix: '+597',
+        globalMask: '+597-###-###'
     },
     {
-        countryShortName: "SS",
-        prefix: "+211",
-        globalMask: "+211-##-###-####",
+        countryShortName: 'SS',
+        prefix: '+211',
+        globalMask: '+211-##-###-####'
     },
     {
-        countryShortName: "ST",
-        prefix: "+239",
-        globalMask: "+239-##-#####",
+        countryShortName: 'ST',
+        prefix: '+239',
+        globalMask: '+239-##-#####'
     },
     {
-        countryShortName: "SV",
-        prefix: "+503",
-        globalMask: "+503-##-##-####",
+        countryShortName: 'SV',
+        prefix: '+503',
+        globalMask: '+503-##-##-####'
     },
     {
-        countryShortName: "SX",
-        prefix: "+1721",
-        globalMask: "+1(721)###-####",
+        countryShortName: 'SX',
+        prefix: '+1721',
+        globalMask: '+1(721)###-####'
     },
     {
-        countryShortName: "SY",
-        prefix: "+963",
-        globalMask: "+963-##-####-###",
+        countryShortName: 'SY',
+        prefix: '+963',
+        globalMask: '+963-##-####-###'
     },
     {
-        countryShortName: "SZ",
-        prefix: "+268",
-        globalMask: "+268-##-##-####",
+        countryShortName: 'SZ',
+        prefix: '+268',
+        globalMask: '+268-##-##-####'
     },
     {
-        countryShortName: "TC",
-        prefix: "+1649",
-        globalMask: "+1(649)###-####",
+        countryShortName: 'TC',
+        prefix: '+1649',
+        globalMask: '+1(649)###-####'
     },
     {
-        countryShortName: "TD",
-        prefix: "+235",
-        globalMask: "+235-##-##-##-##",
+        countryShortName: 'TD',
+        prefix: '+235',
+        globalMask: '+235-##-##-##-##'
     },
     {
-        countryShortName: "TG",
-        prefix: "+228",
-        globalMask: "+228-##-###-###",
+        countryShortName: 'TG',
+        prefix: '+228',
+        globalMask: '+228-##-###-###'
     },
     {
-        countryShortName: "TH",
-        prefix: "+66",
-        globalMask: "+66-##-###-####",
+        countryShortName: 'TH',
+        prefix: '+66',
+        globalMask: '+66-##-###-####'
     },
     {
-        countryShortName: "TH",
-        prefix: "+66",
-        globalMask: "+66-##-###-###",
+        countryShortName: 'TH',
+        prefix: '+66',
+        globalMask: '+66-##-###-###'
     },
     {
-        countryShortName: "TJ",
-        prefix: "+992",
-        globalMask: "+992-##-###-####",
+        countryShortName: 'TJ',
+        prefix: '+992',
+        globalMask: '+992-##-###-####'
     },
     {
-        countryShortName: "TK",
-        prefix: "+690",
-        globalMask: "+690-####",
+        countryShortName: 'TK',
+        prefix: '+690',
+        globalMask: '+690-####'
     },
     {
-        countryShortName: "TL",
-        prefix: "+670",
-        globalMask: "+670-###-####",
+        countryShortName: 'TL',
+        prefix: '+670',
+        globalMask: '+670-###-####'
     },
     {
-        countryShortName: "TL",
-        prefix: "+67077",
-        globalMask: "+670-77#-#####",
+        countryShortName: 'TL',
+        prefix: '+67077',
+        globalMask: '+670-77#-#####'
     },
     {
-        countryShortName: "TL",
-        prefix: "+67078",
-        globalMask: "+670-78#-#####",
+        countryShortName: 'TL',
+        prefix: '+67078',
+        globalMask: '+670-78#-#####'
     },
     {
-        countryShortName: "TM",
-        prefix: "+993",
-        globalMask: "+993-#-###-####",
+        countryShortName: 'TM',
+        prefix: '+993',
+        globalMask: '+993-#-###-####'
     },
     {
-        countryShortName: "TN",
-        prefix: "+216",
-        globalMask: "+216-##-###-###",
+        countryShortName: 'TN',
+        prefix: '+216',
+        globalMask: '+216-##-###-###'
     },
     {
-        countryShortName: "TO",
-        prefix: "+676",
-        globalMask: "+676-#####",
+        countryShortName: 'TO',
+        prefix: '+676',
+        globalMask: '+676-#####'
     },
     {
-        countryShortName: "TR",
-        prefix: "+90",
-        globalMask: "+90(###)###-####",
+        countryShortName: 'TR',
+        prefix: '+90',
+        globalMask: '+90(###)###-####'
     },
     {
-        countryShortName: "TT",
-        prefix: "+1868",
-        globalMask: "+1(868)###-####",
+        countryShortName: 'TT',
+        prefix: '+1868',
+        globalMask: '+1(868)###-####'
     },
     {
-        countryShortName: "TV",
-        prefix: "+68890",
-        globalMask: "+688-90####",
+        countryShortName: 'TV',
+        prefix: '+68890',
+        globalMask: '+688-90####'
     },
     {
-        countryShortName: "TV",
-        prefix: "+6882",
-        globalMask: "+688-2####",
+        countryShortName: 'TV',
+        prefix: '+6882',
+        globalMask: '+688-2####'
     },
     {
-        countryShortName: "TW",
-        prefix: "+886",
-        globalMask: "+886-#-####-####",
+        countryShortName: 'TW',
+        prefix: '+886',
+        globalMask: '+886-#-####-####'
     },
     {
-        countryShortName: "TW",
-        prefix: "+886",
-        globalMask: "+886-####-####",
+        countryShortName: 'TW',
+        prefix: '+886',
+        globalMask: '+886-####-####'
     },
     {
-        countryShortName: "TZ",
-        prefix: "+255",
-        globalMask: "+255-##-###-####",
+        countryShortName: 'TZ',
+        prefix: '+255',
+        globalMask: '+255-##-###-####'
     },
     {
-        countryShortName: "UA",
-        prefix: "+380",
-        globalMask: "+380(##)###-##-##",
+        countryShortName: 'UA',
+        prefix: '+380',
+        globalMask: '+380(##)###-##-##'
     },
     {
-        countryShortName: "UG",
-        prefix: "+256",
-        globalMask: "+256(###)###-###",
+        countryShortName: 'UG',
+        prefix: '+256',
+        globalMask: '+256(###)###-###'
     },
     {
-        countryShortName: "UK",
-        prefix: "+44",
-        globalMask: "+44-##-####-####",
+        countryShortName: 'UK',
+        prefix: '+44',
+        globalMask: '+44-##-####-####'
     },
     {
-        countryShortName: "UY",
-        prefix: "+598",
-        globalMask: "+598-#-###-##-##",
+        countryShortName: 'UY',
+        prefix: '+598',
+        globalMask: '+598-#-###-##-##'
     },
     {
-        countryShortName: "UZ",
-        prefix: "+998",
-        globalMask: "+998-##-###-####",
+        countryShortName: 'UZ',
+        prefix: '+998',
+        globalMask: '+998-##-###-####'
     },
     {
-        countryShortName: "VA",
-        prefix: "+396698",
-        globalMask: "+39-6-698-#####",
+        countryShortName: 'VA',
+        prefix: '+396698',
+        globalMask: '+39-6-698-#####'
     },
     {
-        countryShortName: "VC",
-        prefix: "+1784",
-        globalMask: "+1(784)###-####",
+        countryShortName: 'VC',
+        prefix: '+1784',
+        globalMask: '+1(784)###-####'
     },
     {
-        countryShortName: "VE",
-        prefix: "+58",
-        globalMask: "+58(###)###-####",
+        countryShortName: 'VE',
+        prefix: '+58',
+        globalMask: '+58(###)###-####'
     },
     {
-        countryShortName: "VG",
-        prefix: "+1284",
-        globalMask: "+1(284)###-####",
+        countryShortName: 'VG',
+        prefix: '+1284',
+        globalMask: '+1(284)###-####'
     },
     {
-        countryShortName: "VI",
-        prefix: "+1340",
-        globalMask: "+1(340)###-####",
+        countryShortName: 'VI',
+        prefix: '+1340',
+        globalMask: '+1(340)###-####'
     },
     {
-        countryShortName: "VN",
-        prefix: "+84",
-        globalMask: "+84-##-####-###",
+        countryShortName: 'VN',
+        prefix: '+84',
+        globalMask: '+84-##-####-###'
     },
     {
-        countryShortName: "VN",
-        prefix: "+84",
-        globalMask: "+84(###)####-###",
+        countryShortName: 'VN',
+        prefix: '+84',
+        globalMask: '+84(###)####-###'
     },
     {
-        countryShortName: "VU",
-        prefix: "+678",
-        globalMask: "+678-##-#####",
+        countryShortName: 'VU',
+        prefix: '+678',
+        globalMask: '+678-##-#####'
     },
     {
-        countryShortName: "VU",
-        prefix: "+678",
-        globalMask: "+678-#####",
+        countryShortName: 'VU',
+        prefix: '+678',
+        globalMask: '+678-#####'
     },
     {
-        countryShortName: "WF",
-        prefix: "+681",
-        globalMask: "+681-##-####",
+        countryShortName: 'WF',
+        prefix: '+681',
+        globalMask: '+681-##-####'
     },
     {
-        countryShortName: "WS",
-        prefix: "+685",
-        globalMask: "+685-##-####",
+        countryShortName: 'WS',
+        prefix: '+685',
+        globalMask: '+685-##-####'
     },
     {
-        countryShortName: "YE",
-        prefix: "+967",
-        globalMask: "+967-###-###-###",
+        countryShortName: 'YE',
+        prefix: '+967',
+        globalMask: '+967-###-###-###'
     },
     {
-        countryShortName: "YE",
-        prefix: "+967",
-        globalMask: "+967-#-###-###",
+        countryShortName: 'YE',
+        prefix: '+967',
+        globalMask: '+967-#-###-###'
     },
     {
-        countryShortName: "YE",
-        prefix: "+967",
-        globalMask: "+967-##-###-###",
+        countryShortName: 'YE',
+        prefix: '+967',
+        globalMask: '+967-##-###-###'
     },
     {
-        countryShortName: "ZA",
-        prefix: "+27",
-        globalMask: "+27-##-###-####",
+        countryShortName: 'ZA',
+        prefix: '+27',
+        globalMask: '+27-##-###-####'
     },
     {
-        countryShortName: "ZM",
-        prefix: "+260",
-        globalMask: "+260-##-###-####",
+        countryShortName: 'ZM',
+        prefix: '+260',
+        globalMask: '+260-##-###-####'
     },
     {
-        countryShortName: "ZW",
-        prefix: "+263",
-        globalMask: "+263-#-######",
-    },
+        countryShortName: 'ZW',
+        prefix: '+263',
+        globalMask: '+263-#-######'
+    }
 ];
 
 const DefaultPhoneMask = {
-    countryShortName: "IR",
-    prefix: "+98",
-    globalMask: "+00(000)000-0000",
+    countryShortName: 'IR',
+    prefix: '+98',
+    globalMask: '+00(000)000-0000'
 };
 class NzFormlyFieldInputComponent extends FieldType {
     constructor() {
         super(...arguments);
-        this.unSubscribeAll$ = new Subject();
+        this.destroyRef = inject(DestroyRef);
+    }
+    get type() {
+        return this.props.type ?? 'text';
+    }
+    get fieldID() {
+        return 'control-' + this.field.key;
+    }
+    get status() {
+        return this.formControl.touched && this.formControl.invalid ? 'error' : '';
     }
     ngAfterViewInit() {
         this.createInitState();
         this.onValueChange();
     }
     createInitState() {
-        if (this.props.mask === "phone") {
+        if (this.props.mask === 'phone') {
             this.mask = DefaultPhoneMask.globalMask;
             this.handlePhoneMask();
         }
@@ -1515,17 +1746,17 @@ class NzFormlyFieldInputComponent extends FieldType {
     }
     handlePhoneMask() {
         this.formControl.valueChanges
-            .pipe(takeUntil(this.unSubscribeAll$), tap((value) => {
-            if (value == "") {
+            .pipe(takeUntilDestroyed(this.destroyRef), tap((value) => {
+            if (value == '') {
                 // hint: without setTimeout we don't have Ctrl + A -> delete
                 setTimeout(() => {
                     this.mask = DefaultPhoneMask.globalMask;
                 });
             }
             else {
-                let mask = this.findAppropriateMask(value);
+                const mask = this.findAppropriateMask(value);
                 if (mask && this.mask !== mask.globalMask) {
-                    this.mask = mask.globalMask?.replace(/#|[1-9]/g, "0");
+                    this.mask = mask.globalMask?.replace(/#|[1-9]/g, '0');
                 }
             }
         }))
@@ -1533,15 +1764,15 @@ class NzFormlyFieldInputComponent extends FieldType {
     }
     onValueChange() {
         this.formControl.valueChanges
-            .pipe(takeUntil(this.unSubscribeAll$), debounceTime(300), tap((value) => {
-            if (typeof this.props?.change == "function") {
+            .pipe(takeUntilDestroyed(this.destroyRef), tap((value) => {
+            if (typeof this.props?.change == 'function') {
                 this.props.change(this.field, value);
             }
         }))
             .subscribe();
     }
     findAppropriateMask(value) {
-        let newMask = CountryMasks2.filter(item => this.exactEquality(value, item.prefix)).find(item => value.length <= item.globalMask.length);
+        const newMask = CountryMasks2.filter((item) => this.exactEquality(value, item.prefix)).find((item) => value.length <= item.globalMask.length);
         if (newMask)
             return newMask;
         return null;
@@ -1549,553 +1780,589 @@ class NzFormlyFieldInputComponent extends FieldType {
     exactEquality(str, prefix) {
         // hint: replace function removes all characters except numbers to return clean numeric string
         // hint: index of convince us to match prefix on first index of input value
-        let new_str = str.replace(/[^0-9.]/g, "");
-        let new_prefix = prefix.replace(/[^0-9.]/g, "");
+        const new_str = str.replace(/[^0-9.]/g, '');
+        const new_prefix = prefix.replace(/[^0-9.]/g, '');
         return new_str.indexOf(new_prefix) == 0;
     }
     changeShowPassword(input) {
-        if (input.type === "password") {
-            input.type = "text";
+        if (input.type === 'password') {
+            input.type = 'text';
         }
         else {
-            input.type = "password";
+            input.type = 'password';
         }
     }
     showPassword(input) {
-        return input.type === "text";
-    }
-    get type() {
-        return this.props.type ?? "text";
+        return input.type === 'text';
     }
-    get fieldID() {
-        return "control-" + this.field.key;
-    }
-    get status() {
-        return this.formControl.touched && this.formControl.invalid ? "error" : "";
-    }
-    ngOnDestroy() {
-        this.unSubscribeAll$.next();
-        this.unSubscribeAll$.complete();
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NzFormlyFieldInputComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: NzFormlyFieldInputComponent, selector: "app-nz-formly-field-input", usesInheritance: true, ngImport: i0, template: "<nz-input-group\r\n  [nzAddOnAfter]=\"props.nzAddOnAfter\"\r\n  [nzAddOnBefore]=\"props.nzAddOnBefore\"\r\n  [nzAddOnAfterIcon]=\"props.nzAddOnAfterIcon\"\r\n  [nzAddOnBeforeIcon]=\"props.nzAddOnBeforeIcon\"\r\n  [nzPrefix]=\"props.nzPrefix\"\r\n  [nzSuffix]=\"props.nzSuffix\"\r\n  [nzSize]=\"props.nzSize || 'default'\"\r\n>\r\n  <input\r\n      #input\r\n      nz-input\r\n      [id]=\"fieldID\"\r\n      [formControl]=\"formControl\"\r\n      [formlyAttributes]=\"field\"\r\n      [mask]=\"mask\"\r\n      [thousandSeparator]=\"props.thousandSeparator\"\r\n      [type]=\"type\"\r\n      [nzStatus]=\"status\"\r\n      [attr.disabled]=\"props.disabled\"\r\n      [readonly]=\"props.readonly\"\r\n      [placeholder]=\"props.placeholder\"\r\n      [nzBorderless]=\"props.nzBorderless\"\r\n  />\r\n  <div class=\"show-password\" *ngIf=\"props.type === 'password'\">\r\n    <span\r\n      nz-icon\r\n      nzTheme=\"outline\"\r\n      (click)=\"changeShowPassword(input)\"\r\n      [nzType]=\"showPassword(input) ? 'eye-invisible' : 'eye'\"\r\n    ></span>\r\n  </div>\r\n</nz-input-group>\r\n", styles: [".show-password{z-index:5;opacity:.6;cursor:pointer;position:absolute;inset-inline-end:10px}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.ɵFormlyAttributes, selector: "[formlyAttributes]", inputs: ["formlyAttributes", "id"] }, { kind: "directive", type: i3.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: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i4.NgxMaskDirective, selector: "input[mask], textarea[mask]", inputs: ["mask", "specialCharacters", "patterns", "prefix", "suffix", "thousandSeparator", "decimalMarker", "dropSpecialCharacters", "hiddenInput", "showMaskTyped", "placeHolderCharacter", "shownMaskExpression", "showTemplate", "clearIfNotMatch", "validation", "separatorLimit", "allowNegativeNumbers", "leadZeroDateTime", "leadZero", "triggerOnMaskChange", "apm", "inputTransformFn", "outputTransformFn", "keepCharacterPositions"], outputs: ["maskFilled"], exportAs: ["mask", "ngxMask"] }, { kind: "directive", type: i5.NzInputDirective, selector: "input[nz-input],textarea[nz-input]", inputs: ["nzBorderless", "nzSize", "nzStepperless", "nzStatus", "disabled"], exportAs: ["nzInput"] }, { kind: "component", type: i5.NzInputGroupComponent, selector: "nz-input-group", inputs: ["nzAddOnBeforeIcon", "nzAddOnAfterIcon", "nzPrefixIcon", "nzSuffixIcon", "nzAddOnBefore", "nzAddOnAfter", "nzPrefix", "nzStatus", "nzSuffix", "nzSize", "nzSearch", "nzCompact"], exportAs: ["nzInputGroup"] }, { kind: "directive", type: i5.NzInputGroupWhitSuffixOrPrefixDirective, selector: "nz-input-group[nzSuffix], nz-input-group[nzPrefix]" }, { kind: "directive", type: i6.ɵNzTransitionPatchDirective, selector: "[nz-button], nz-button-group, [nz-icon], [nz-menu-item], [nz-submenu], nz-select-top-control, nz-select-placeholder, nz-input-group", inputs: ["hidden"] }, { kind: "directive", type: i7.NzIconDirective, selector: "[nz-icon]", inputs: ["nzSpin", "nzRotate", "nzType", "nzTheme", "nzTwotoneColor", "nzIconfont"], exportAs: ["nzIcon"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: NzFormlyFieldInputComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.18", type: NzFormlyFieldInputComponent, isStandalone: true, selector: "app-nz-formly-field-input", usesInheritance: true, ngImport: i0, template: "<nz-input-group\n  [nzAddOnAfter]=\"props.nzAddOnAfter\"\n  [nzAddOnBefore]=\"props.nzAddOnBefore\"\n  [nzAddOnAfterIcon]=\"props.nzAddOnAfterIcon\"\n  [nzAddOnBeforeIcon]=\"props.nzAddOnBeforeIcon\"\n  [nzPrefix]=\"props.nzPrefix\"\n  [nzSuffix]=\"props.nzSuffix\"\n  [nzSize]=\"props.nzSize || 'default'\"\n>\n  <input\n    #input\n    nz-input\n    [id]=\"fieldID\"\n    [formControl]=\"formControl\"\n    [formlyAttributes]=\"field\"\n    [mask]=\"mask\"\n    [thousandSeparator]=\"props.thousandSeparator\"\n    [type]=\"type\"\n    [nzStatus]=\"status\"\n    [attr.disabled]=\"props.nzDisabled\"\n    [readonly]=\"props.nzReadonly\"\n    [placeholder]=\"props.nzPlaceholder\"\n    [nzVariant]=\"props.nzBorderless ? 'borderless' : 'outlined'\"\n  />\n  @if (props.type === 'password') {\n    <div class=\"nz-formly-show-password\">\n      <span\n        nz-icon\n        nzTheme=\"outline\"\n        role=\"button\"\n        tabindex=\"0\"\n        (click)=\"changeShowPassword(input)\"\n        (keyup.enter)=\"changeShowPassword(input)\"\n        [nzType]=\"showPassword(input) ? 'eye-invisible' : 'eye'\"\n      ></span>\n    </div>\n  }\n</nz-input-group>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.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$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: FormlyModule }, { kind: "directive", type: i2$1.LegacyFormlyAttributes, selector: "[formlyAttributes]" }, { kind: "ngmodule", type: NzInputModule }, { kind: "directive", type: i3$2.NzInputDirective, selector: "input[nz-input],textarea[nz-input]", inputs: ["nzVariant", "nzSize", "nzStepperless", "nzStatus", "disabled", "readonly"], exportAs: ["nzInput"] }, { kind: "component", type: i3$2.NzInputGroupComponent, selector: "nz-input-group", inputs: ["nzAddOnBeforeIcon", "nzAddOnAfterIcon", "nzPrefixIcon", "nzSuffixIcon", "nzAddOnBefore", "nzAddOnAfter", "nzPrefix", "nzStatus", "nzSuffix", "nzSize", "nzSearch"], exportAs: ["nzInputGroup"] }, { kind: "directive", type: i3$2.NzInputGroupWhitSuffixOrPrefixDirective, selector: "nz-input-group[nzSuffix], nz-input-group[nzPrefix]" }, { kind: "ngmodule", type: NzIconModule }, { kind: "directive", type: i4$2.NzIconDirective, selector: "nz-icon,[nz-icon]", inputs: ["nzSpin", "nzRotate", "nzType", "nzTheme", "nzTwotoneColor", "nzIconfont"], exportAs: ["nzIcon"] }, { kind: "directive", type: NgxMaskDirective, selector: "input[mask], textarea[mask]", inputs: ["mask", "specialCharacters", "patterns", "prefix", "suffix", "thousandSeparator", "decimalMarker", "dropSpecialCharacters", "hiddenInput", "showMaskTyped", "placeHolderCharacter", "shownMaskExpression", "clearIfNotMatch", "validation", "separatorLimit", "allowNegativeNumbers", "leadZeroDateTime", "leadZero", "triggerOnMaskChange", "apm", "inputTransformFn", "outputTransformFn", "keepCharacterPositions", "instantPrefix", "value", "disabled", "touched"], outputs: ["valueChange", "touchedChange", "maskFilled"], exportAs: ["mask", "ngxMask"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NzFormlyFieldInputComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: NzFormlyFieldInputComponent, decorators: [{
             type: Component,
-            args: [{ selector: "app-nz-formly-field-input", template: "<nz-input-group\r\n  [nzAddOnAfter]=\"props.nzAddOnAfter\"\r\n  [nzAddOnBefore]=\"props.nzAddOnBefore\"\r\n  [nzAddOnAfterIcon]=\"props.nzAddOnAfterIcon\"\r\n  [nzAddOnBeforeIcon]=\"props.nzAddOnBeforeIcon\"\r\n  [nzPrefix]=\"props.nzPrefix\"\r\n  [nzSuffix]=\"props.nzSuffix\"\r\n  [nzSize]=\"props.nzSize || 'default'\"\r\n>\r\n  <input\r\n      #input\r\n      nz-input\r\n      [id]=\"fieldID\"\r\n      [formControl]=\"formControl\"\r\n      [formlyAttributes]=\"field\"\r\n      [mask]=\"mask\"\r\n      [thousandSeparator]=\"props.thousandSeparator\"\r\n      [type]=\"type\"\r\n      [nzStatus]=\"status\"\r\n      [attr.disabled]=\"props.disabled\"\r\n      [readonly]=\"props.readonly\"\r\n      [placeholder]=\"props.placeholder\"\r\n      [nzBorderless]=\"props.nzBorderless\"\r\n  />\r\n  <div class=\"show-password\" *ngIf=\"props.type === 'password'\">\r\n    <span\r\n      nz-icon\r\n      nzTheme=\"outline\"\r\n      (click)=\"changeShowPassword(input)\"\r\n      [nzType]=\"showPassword(input) ? 'eye-invisible' : 'eye'\"\r\n    ></span>\r\n  </div>\r\n</nz-input-group>\r\n", styles: [".show-password{z-index:5;opacity:.6;cursor:pointer;position:absolute;inset-inline-end:10px}\n"] }]
+            args: [{ selector: 'app-nz-formly-field-input', imports: [
+                        CommonModule,
+                        ReactiveFormsModule,
+                        FormlyModule,
+                        NzInputModule,
+                        NzIconModule,
+                        NgxMaskDirective
+                    ], template: "<nz-input-group\n  [nzAddOnAfter]=\"props.nzAddOnAfter\"\n  [nzAddOnBefore]=\"props.nzAddOnBefore\"\n  [nzAddOnAfterIcon]=\"props.nzAddOnAfterIcon\"\n  [nzAddOnBeforeIcon]=\"props.nzAddOnBeforeIcon\"\n  [nzPrefix]=\"props.nzPrefix\"\n  [nzSuffix]=\"props.nzSuffix\"\n  [nzSize]=\"props.nzSize || 'default'\"\n>\n  <input\n    #input\n    nz-input\n    [id]=\"fieldID\"\n    [formControl]=\"formControl\"\n    [formlyAttributes]=\"field\"\n    [mask]=\"mask\"\n    [thousandSeparator]=\"props.thousandSeparator\"\n    [type]=\"type\"\n    [nzStatus]=\"status\"\n    [attr.disabled]=\"props.nzDisabled\"\n    [readonly]=\"props.nzReadonly\"\n    [placeholder]=\"props.nzPlaceholder\"\n    [nzVariant]=\"props.nzBorderless ? 'borderless' : 'outlined'\"\n  />\n  @if (props.type === 'password') {\n    <div class=\"nz-formly-show-password\">\n      <span\n        nz-icon\n        nzTheme=\"outline\"\n        role=\"button\"\n        tabindex=\"0\"\n        (click)=\"changeShowPassword(input)\"\n        (keyup.enter)=\"changeShowPassword(input)\"\n        [nzType]=\"showPassword(input) ? 'eye-invisible' : 'eye'\"\n      ></span>\n    </div>\n  }\n</nz-input-group>\n" }]
         }] });
 
-class NzFormlyFieldCheckboxComponent extends FieldType {
+class NzFormlyFieldRadioComponent extends FieldType {
     constructor() {
         super(...arguments);
-        this.unSubscribeAll$ = new Subject();
+        this.destroyRef = inject(DestroyRef);
+    }
+    get fieldID() {
+        return 'control-' + this.field.key;
     }
     ngOnInit() {
+        this.onValueChange();
+    }
+    onValueChange() {
         this.formControl.valueChanges
-            .pipe(takeUntil(this.unSubscribeAll$), tap((value) => {
-            if (typeof this.props?.change == "function") {
+            .pipe(takeUntilDestroyed(this.destroyRef), tap((value) => {
+            if (typeof this.props?.change == 'function') {
                 this.props.change(this.field, value);
             }
         }))
             .subscribe();
     }
-    get fieldID() {
-        return "control-" + this.field.key;
-    }
-    ngOnDestroy() {
-        this.unSubscribeAll$.next();
-        this.unSubscribeAll$.complete();
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NzFormlyFieldCheckboxComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: NzFormlyFieldCheckboxComponent, selector: "app-nz-formly-field-checkbox", usesInheritance: true, ngImport: i0, template: "<label\r\n  nz-checkbox\r\n  [nzId]=\"fieldID\"\r\n  [formControl]=\"formControl\"\r\n  [formlyAttributes]=\"field\"\r\n  [nzDisabled]=\"props.disabled\"\r\n>\r\n  {{props.label}}\r\n</label>\r\n", styles: ["label{display:flex;font-size:100%;font-weight:600;min-height:30px;width:-moz-fit-content;width:fit-content;align-items:center}\n"], dependencies: [{ kind: "directive", type: i2.ɵFormlyAttributes, selector: "[formlyAttributes]", inputs: ["formlyAttributes", "id"] }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i3$1.NzCheckboxComponent, selector: "[nz-checkbox]", inputs: ["nzValue", "nzAutoFocus", "nzDisabled", "nzIndeterminate", "nzChecked", "nzId"], outputs: ["nzCheckedChange"], exportAs: ["nzCheckbox"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: NzFormlyFieldRadioComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.18", type: NzFormlyFieldRadioComponent, isStandalone: true, selector: "app-nz-formly-field-radio", usesInheritance: true, ngImport: i0, template: "<nz-radio-group\n  [id]=\"fieldID\"\n  [formControl]=\"formControl\"\n  [formlyAttributes]=\"field\"\n  [nzName]=\"props.nzName\"\n  [nzDisabled]=\"props.nzDisabled\"\n  [nzSize]=\"props.nzSize\"\n  [nzButtonStyle]=\"props.nzButtonStyle\"\n>\n  @if (props.nzType === 'nz-radio') {\n    @for (item of props.nzOptions; track item) {\n      <label nz-radio [nzDisabled]=\"item.disabled\" [nzValue]=\"item.value\">\n        {{ item.label }}\n        <div [innerHTML]=\"item.nzCustomContent\"></div>\n      </label>\n    }\n  }\n  @if (props.nzType === 'nz-radio-button') {\n    @for (item of props.nzOptions; track item) {\n      <label nz-radio-button [nzDisabled]=\"item.disabled\" [nzValue]=\"item.value\">\n        {{ item.label }}\n        <div [innerHTML]=\"item.nzCustomContent\"></div>\n      </label>\n    }\n  }\n</nz-radio-group>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: FormlyModule }, { kind: "directive", type: i2$1.LegacyFormlyAttributes, selector: "[formlyAttributes]" }, { kind: "ngmodule", type: NzRadioModule }, { kind: "component", type: i3$3.NzRadioComponent, selector: "[nz-radio],[nz-radio-button]", inputs: ["nzValue", "nzDisabled", "nzAutoFocus", "nz-radio-button"], exportAs: ["nzRadio"] }, { kind: "component", type: i3$3.NzRadioGroupComponent, selector: "nz-radio-group", inputs: ["nzDisabled", "nzButtonStyle", "nzSize", "nzName"], exportAs: ["nzRadioGroup"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NzFormlyFieldCheckboxComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: NzFormlyFieldRadioComponent, decorators: [{
             type: Component,
-            args: [{ selector: "app-nz-formly-field-checkbox", template: "<label\r\n  nz-checkbox\r\n  [nzId]=\"fieldID\"\r\n  [formControl]=\"formControl\"\r\n  [formlyAttributes]=\"field\"\r\n  [nzDisabled]=\"props.disabled\"\r\n>\r\n  {{props.label}}\r\n</label>\r\n", styles: ["label{display:flex;font-size:100%;font-weight:600;min-height:30px;width:-moz-fit-content;width:fit-content;align-items:center}\n"] }]
+            args: [{ selector: 'app-nz-formly-field-radio', imports: [CommonModule, ReactiveFormsModule, FormlyModule, NzRadioModule], template: "<nz-radio-group\n  [id]=\"fieldID\"\n  [formControl]=\"formControl\"\n  [formlyAttributes]=\"field\"\n  [nzName]=\"props.nzName\"\n  [nzDisabled]=\"props.nzDisabled\"\n  [nzSize]=\"props.nzSize\"\n  [nzButtonStyle]=\"props.nzButtonStyle\"\n>\n  @if (props.nzType === 'nz-radio') {\n    @for (item of props.nzOptions; track item) {\n      <label nz-radio [nzDisabled]=\"item.disabled\" [nzValue]=\"item.value\">\n        {{ item.label }}\n        <div [innerHTML]=\"item.nzCustomContent\"></div>\n      </label>\n    }\n  }\n  @if (props.nzType === 'nz-radio-button') {\n    @for (item of props.nzOptions; track item) {\n      <label nz-radio-button [nzDisabled]=\"item.disabled\" [nzValue]=\"item.value\">\n        {{ item.label }}\n        <div [innerHTML]=\"item.nzCustomContent\"></div>\n      </label>\n    }\n  }\n</nz-radio-group>\n" }]
         }] });
 
-class NzFormlyButtonComponent extends FieldType {
-    onClick() {
-        if (typeof this.props?.click == "function") {
-            this.props.click();
-        }
+class NzFormlyFieldSelectComponent extends FieldType {
+    constructor() {
+        super(...arguments);
+        this.destroyRef = inject(DestroyRef);
+    }
+    get fieldID() {
+        return 'control-' + this.field.key;
+    }
+    get status() {
+        return this.formControl.touched && this.formControl.invalid ? 'error' : '';
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NzFormlyButtonComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: NzFormlyButtonComponent, selector: "app-nz-formly-button", usesInheritance: true, ngImport: i0, template: "<button\r\n  nz-button\r\n  type=\"button\"\r\n  [disabled]=\"props.disabled\"\r\n  [nzGhost]=\"props.nzGhost\"\r\n  [nzLoading]=\"props.nzLoading\"\r\n  [nzShape]=\"props.nzShape\"\r\n  [nzSize]=\"props.nzSize\"\r\n  [nzType]=\"props.nzType\"\r\n  [nzBlock]=\"props.nzBlock\"\r\n  [nzDanger]=\"props.nzDanger\"\r\n  [ngClass]=\"props.classList\"\r\n  (click)=\"onClick()\"\r\n>\r\n  {{props.text}}\r\n</button>\r\n", styles: [""], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i2$1.NzButtonComponent, selector: "button[nz-button], a[nz-button]", inputs: ["nzBlock", "nzGhost", "nzSearch", "nzLoading", "nzDanger", "disabled", "tabIndex", "nzType", "nzShape", "nzSize"], exportAs: ["nzButton"] }, { kind: "directive", type: i6.ɵNzTransitionPatchDirective, selector: "[nz-button], nz-button-group, [nz-icon], [nz-menu-item], [nz-submenu], nz-select-top-control, nz-select-placeholder, nz-input-group", inputs: ["hidden"] }, { kind: "directive", type: i4$1.NzWaveDirective, selector: "[nz-wave],button[nz-button]:not([nzType=\"link\"]):not([nzType=\"text\"])", inputs: ["nzWaveExtraNode"], exportAs: ["nzWave"] }] }); }
+    ngOnInit() {
+        this.onValueChange();
+    }
+    onValueChange() {
+        this.formControl.valueChanges
+            .pipe(takeUntilDestroyed(this.destroyRef), tap((value) => {
+            if (typeof this.props?.change == 'function') {
+                this.props.change(this.field, value);
+            }
+        }))
+            .subscribe();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: NzFormlyFieldSelectComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.18", type: NzFormlyFieldSelectComponent, isStandalone: true, selector: "app-nz-formly-field-select", usesInheritance: true, ngImport: i0, template: "<nz-select\n  [nzId]=\"fieldID\"\n  [formControl]=\"formControl\"\n  [formlyAttributes]=\"field\"\n  [compareWith]=\"props.compareWith\"\n  [nzAutoClearSearchValue]=\"props.nzAutoClearSearchValue\"\n  [nzAllowClear]=\"props.nzAllowClear\"\n  [nzVariant]=\"props.nzBorderless ? 'borderless' : 'outlined'\"\n  [nzOpen]=\"props.nzOpen\"\n  [nzAutoFocus]=\"props.nzAutoFocus\"\n  [nzDisabled]=\"props.nzDisabled\"\n  [nzDropdownClassName]=\"props.nzDropdownClassName\"\n  [nzDropdownMatchSelectWidth]=\"props.nzDropdownMatchSelectWidth\"\n  [nzDropdownStyle]=\"props.nzDropdownStyle\"\n  [nzCustomTemplate]=\"props.nzCustomTemplate\"\n  [nzServerSearch]=\"props.nzServerSearch\"\n  [nzMaxMultipleCount]=\"props.nzMaxMultipleCount\"\n  [nzMode]=\"props.nzMode\"\n  [nzNotFoundContent]=\"props.nzNotFoundContent\"\n  [nzPlacement]=\"props.nzPlacement\"\n  [nzPlaceHolder]=\"props.nzPlaceholder\"\n  [nzShowArrow]=\"props.nzShowArrow\"\n  [nzShowSearch]=\"props.nzShowSearch\"\n  [nzSize]=\"props.nzSize\"\n  [nzStatus]=\"status\"\n  [nzSuffixIcon]=\"props.nzSuffixIcon\"\n  [nzRemoveIcon]=\"props.nzRemoveIcon\"\n  [nzClearIcon]=\"props.nzClearIcon\"\n  [nzMenuItemSelectedIcon]=\"props.nzMenuItemSelectedIcon\"\n  [nzTokenSeparators]=\"props.nzTokenSeparators\"\n  [nzLoading]=\"props.nzLoading || (props.nzLoadingObs | async)\"\n  [nzMaxTagCount]=\"props.nzMaxTagCount\"\n  [nzMaxTagPlaceholder]=\"props.nzMaxTagPlaceholder\"\n  [nzOptionHeightPx]=\"props.nzOptionHeightPx\"\n  [nzOptionOverflowSize]=\"props.nzOptionOverflowSize\"\n  [nzSelectOnTab]=\"props.nzSelectOnTab\"\n  (nzOpenChange)=\"props?.nzOpenChange($event)\"\n  (nzScrollToBottom)=\"props?.nzScrollToBottom()\"\n  (nzOnSearch)=\"props?.nzOnSearch($event)\"\n>\n  @for (option of props.nzOptions || (props.nzOptionsObs | async); track option) {\n    <nz-option\n      [nzDisabled]=\"option.disabled\"\n      [nzLabel]=\"option.label\"\n      [nzValue]=\"props.objectValue ? option : option.value\"\n      [nzHide]=\"option.hide\"\n      [nzCustomContent]=\"!!option.nzCustomContent\"\n    >\n      <div [innerHTML]=\"option.nzCustomContent\"></div>\n    </nz-option>\n  }\n</nz-select>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: FormlyModule }, { kind: "directive", type: i2$1.LegacyFormlyAttributes, selector: "[formlyAttributes]" }, { kind: "ngmodule", type: NzSelectModule }, { kind: "component", type: i3$4.NzOptionComponent, selector: "nz-option", inputs: ["nzTitle", "nzLabel", "nzValue", "nzKey", "nzDisabled", "nzHide", "nzCustomContent"], exportAs: ["nzOption"] }, { kind: "component", type: i3$4.NzSelectComponent, selector: "nz-select", inputs: ["nzId", "nzSize", "nzStatus", "nzVariant", "nzOptionHeightPx", "nzOptionOverflowSize", "nzDropdownClassName", "nzDropdownMatchSelectWidth", "nzDropdownStyle", "nzNotFoundContent", "nzPlaceHolder", "nzPlacement", "nzMaxTagCount", "nzDropdownRender", "nzCustomTemplate", "nzPrefix", "nzSuffixIcon", "nzClearIcon", "nzRemoveIcon", "nzMenuItemSelectedIcon", "nzTokenSeparators", "nzMaxTagPlaceholder", "nzMaxMultipleCount", "nzMode", "nzFilterOption", "compareWith", "nzAllowClear", "nzShowSearch", "nzLoading", "nzAutoFocus", "nzAutoClearSearchValue", "nzServerSearch", "nzDisabled", "nzOpen", "nzSelectOnTab", "nzBackdrop", "nzOptions", "nzShowArrow"], outputs: ["nzOnSearch", "nzScrollToBottom", "nzOpenChange", "nzBlur", "nzFocus", "nzOnClear"], exportAs: ["nzSelect"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NzFormlyButtonComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: NzFormlyFieldSelectComponent, decorators: [{
             type: Component,
-            args: [{ selector: "app-nz-formly-button", template: "<button\r\n  nz-button\r\n  type=\"button\"\r\n  [disabled]=\"props.disabled\"\r\n  [nzGhost]=\"props.nzGhost\"\r\n  [nzLoading]=\"props.nzLoading\"\r\n  [nzShape]=\"props.nzShape\"\r\n  [nzSize]=\"props.nzSize\"\r\n  [nzType]=\"props.nzType\"\r\n  [nzBlock]=\"props.nzBlock\"\r\n  [nzDanger]=\"props.nzDanger\"\r\n  [ngClass]=\"props.classList\"\r\n  (click)=\"onClick()\"\r\n>\r\n  {{props.text}}\r\n</button>\r\n" }]
+            args: [{ selector: 'app-nz-formly-field-select', imports: [CommonModule, ReactiveFormsModule, FormlyModule, NzSelectModule], template: "<nz-select\n  [nzId]=\"fieldID\"\n  [formControl]=\"formControl\"\n  [formlyAttributes]=\"field\"\n  [compareWith]=\"props.compareWith\"\n  [nzAutoClearSearchValue]=\"props.nzAutoClearSearchValue\"\n  [nzAllowClear]=\"props.nzAllowClear\"\n  [nzVariant]=\"props.nzBorderless ? 'borderless' : 'outlined'\"\n  [nzOpen]=\"props.nzOpen\"\n  [nzAutoFocus]=\"props.nzAutoFocus\"\n  [nzDisabled]=\"props.nzDisabled\"\n  [nzDropdownClassName]=\"props.nzDropdownClassName\"\n  [nzDropdownMatchSelectWidth]=\"props.nzDropdownMatchSelectWidth\"\n  [nzDropdownStyle]=\"props.nzDropdownStyle\"\n  [nzCustomTemplate]=\"props.nzCustomTemplate\"\n  [nzServerSearch]=\"props.nzServerSearch\"\n  [nzMaxMultipleCount]=\"props.nzMaxMultipleCount\"\n  [nzMode]=\"props.nzMode\"\n  [nzNotFoundContent]=\"props.nzNotFoundContent\"\n  [nzPlacement]=\"props.nzPlacement\"\n  [nzPlaceHolder]=\"props.nzPlaceholder\"\n  [nzShowArrow]=\"props.nzShowArrow\"\n  [nzShowSearch]=\"props.nzShowSearch\"\n  [nzSize]=\"props.nzSize\"\n  [nzStatus]=\"status\"\n  [nzSuffixIcon]=\"props.nzSuffixIcon\"\n  [nzRemoveIcon]=\"props.nzRemoveIcon\"\n  [nzClearIcon]=\"props.nzClearIcon\"\n  [nzMenuItemSelectedIcon]=\"props.nzMenuItemSelectedIcon\"\n  [nzTokenSeparators]=\"props.nzTokenSeparators\"\n  [nzLoading]=\"props.nzLoading || (props.nzLoadingObs | async)\"\n  [nzMaxTagCount]=\"props.nzMaxTagCount\"\n  [nzMaxTagPlaceholder]=\"props.nzMaxTagPlaceholder\"\n  [nzOptionHeightPx]=\"props.nzOptionHeightPx\"\n  [nzOptionOverflowSize]=\"props.nzOptionOverflowSize\"\n  [nzSelectOnTab]=\"props.nzSelectOnTab\"\n  (nzOpenChange)=\"props?.nzOpenChange($event)\"\n  (nzScrollToBottom)=\"props?.nzScrollToBottom()\"\n  (nzOnSearch)=\"props?.nzOnSearch($event)\"\n>\n  @for (option of props.nzOptions || (props.nzOptionsObs | async); track option) {\n    <nz-option\n      [nzDisabled]=\"option.disabled\"\n      [nzLabel]=\"option.label\"\n      [nzValue]=\"props.objectValue ? option : option.value\"\n      [nzHide]=\"option.hide\"\n      [nzCustomContent]=\"!!option.nzCustomContent\"\n    >\n      <div [innerHTML]=\"option.nzCustomContent\"></div>\n    </nz-option>\n  }\n</nz-select>\n" }]
         }] });
 
-class NzFormlyFieldSelectComponent extends FieldType {
+class NzFormlyFieldSliderComponent extends FieldType {
     constructor() {
         super(...arguments);
-        this.unSubscribeAll$ = new Subject();
+        this.destroyRef = inject(DestroyRef);
+    }
+    get fieldID() {
+        return 'control-' + this.field.key;
     }
     ngOnInit() {
+        this.onValueChange();
+    }
+    onValueChange() {
         this.formControl.valueChanges
-            .pipe(takeUntil(this.unSubscribeAll$), tap((value) => {
-            if (typeof this.props?.change == "function") {
+            .pipe(takeUntilDestroyed(this.destroyRef), tap((value) => {
+            if (typeof this.props?.change == 'function') {
                 this.props.change(this.field, value);
             }
         }))
             .subscribe();
     }
-    get fieldID() {
-        return "control-" + this.field.key;
-    }
-    ngOnDestroy() {
-        this.unSubscribeAll$.next();
-        this.unSubscribeAll$.complete();
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NzFormlyFieldSelectComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: NzFormlyFieldSelectComponent, selector: "app-nz-formly-field-select", usesInheritance: true, ngImport: i0, template: "<nz-select\r\n  [nzId]=\"fieldID\"\r\n  [formControl]=\"formControl\"\r\n  [formlyAttributes]=\"field\"\r\n  [compareWith]=\"props.compareWith\"\r\n  [nzAutoClearSearchValue]=\"props.nzAutoClearSearchValue\"\r\n  [nzAllowClear]=\"props.nzAllowClear\"\r\n  [nzBorderless]=\"props.nzBorderless\"\r\n  [nzOpen]=\"props.nzOpen\"\r\n  [nzAutoFocus]=\"props.nzAutoFocus\"\r\n  [nzDisabled]=\"props.disabled\"\r\n  [nzDropdownClassName]=\"props.nzDropdownClassName\"\r\n  [nzDropdownMatchSelectWidth]=\"props.nzDropdownMatchSelectWidth\"\r\n  [nzDropdownStyle]=\"props.nzDropdownStyle\"\r\n  [nzCustomTemplate]=\"props.nzCustomTemplate\"\r\n  [nzServerSearch]=\"props.nzServerSearch\"\r\n  [nzMaxMultipleCount]=\"props.nzMaxMultipleCount\"\r\n  [nzMode]=\"props.nzMode\"\r\n  [nzNotFoundContent]=\"props.nzNotFoundContent\"\r\n  [nzPlacement]=\"props.nzPlacement\"\r\n  [nzPlaceHolder]=\"props.placeholder\"\r\n  [nzShowArrow]=\"props.nzShowArrow\"\r\n  [nzShowSearch]=\"props.nzShowSearch\"\r\n  [nzSize]=\"props.nzSize\"\r\n  [nzStatus]=\"props.nzStatus\"\r\n  [nzSuffixIcon]=\"props.nzSuffixIcon\"\r\n  [nzRemoveIcon]=\"props.nzRemoveIcon\"\r\n  [nzClearIcon]=\"props.nzClearIcon\"\r\n  [nzMenuItemSelectedIcon]=\"props.nzMenuItemSelectedIcon\"\r\n  [nzTokenSeparators]=\"props.nzTokenSeparators\"\r\n  [nzLoading]=\"props.nzLoading || (props.nzLoadingObs | async)\"\r\n  [nzMaxTagCount]=\"props.nzMaxTagCount\"\r\n  [nzMaxTagPlaceholder]=\"props.nzMaxTagPlaceholder\"\r\n  [nzOptionHeightPx]=\"props.nzOptionHeightPx\"\r\n  [nzOptionOverflowSize]=\"props.nzOptionOverflowSize\"\r\n  [nzSelectOnTab]=\"props.nzSelectOnTab\"\r\n  (nzOpenChange)=\"props?.nzOpenChange($event)\"\r\n  (nzScrollToBottom)=\"props?.nzScrollToBottom()\"\r\n  (nzOnSearch)=\"props?.nzOnSearch($event)\"\r\n>\r\n  <nz-option\r\n    *ngFor=\"let option of props.nzOptions || (props.nzOptionsObs | async)\"\r\n    [nzDisabled]=\"option.disabled\"\r\n    [nzLabel]=\"option.label\"\r\n    [nzValue]=\"props.objectValue ? option : option.value\"\r\n    [nzHide]=\"option.hide\"\r\n    [nzCustomContent]=\"!!option.nzCustomContent\"\r\n  >\r\n    <div [innerHTML]=\"option.nzCustomContent\"></div>\r\n  </nz-option>\r\n</nz-select>\r\n\r\n\r\n", styles: ["nz-select{display:block}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.ɵFormlyAttributes, selector: "[formlyAttributes]", inputs: ["formlyAttributes", "id"] }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i4$2.NzOptionComponent, selector: "nz-option", inputs: ["nzTitle", "nzLabel", "nzValue", "nzKey", "nzDisabled", "nzHide", "nzCustomContent"], exportAs: ["nzOption"] }, { kind: "component", type: i4$2.NzSelectComponent, selector: "nz-select", inputs: ["nzId", "nzSize", "nzStatus", "nzOptionHeightPx", "nzOptionOverflowSize", "nzDropdownClassName", "nzDropdownMatchSelectWidth", "nzDropdownStyle", "nzNotFoundContent", "nzPlaceHolder", "nzPlacement", "nzMaxTagCount", "nzDropdownRender", "nzCustomTemplate", "nzSuffixIcon", "nzClearIcon", "nzRemoveIcon", "nzMenuItemSelectedIcon", "nzTokenSeparators", "nzMaxTagPlaceholder", "nzMaxMultipleCount", "nzMode", "nzFilterOption", "compareWith", "nzAllowClear", "nzBorderless", "nzShowSearch", "nzLoading", "nzAutoFocus", "nzAutoClearSearchValue", "nzServerSearch", "nzDisabled", "nzOpen", "nzSelectOnTab", "nzBackdrop", "nzOptions", "nzShowArrow"], outputs: ["nzOnSearch", "nzScrollToBottom", "nzOpenChange", "nzBlur", "nzFocus"], exportAs: ["nzSelect"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: NzFormlyFieldSliderComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.18", type: NzFormlyFieldSliderComponent, isStandalone: true, selector: "app-nz-formly-field-slider", usesInheritance: true, ngImport: i0, template: "<nz-slider\n  [id]=\"fieldID\"\n  [formControl]=\"formControl\"\n  [formlyAttributes]=\"field\"\n  [nzDots]=\"props.nzDots\"\n  [nzIncluded]=\"props.nzIncluded\"\n  [nzMarks]=\"props.nzMarks\"\n  [nzMax]=\"props.nzMax\"\n  [nzMin]=\"props.nzMin\"\n  [nzRange]=\"props.nzRange\"\n  [nzStep]=\"props.nzStep\"\n  [nzTipFormatter]=\"props.nzTipFormatter\"\n  [nzVertical]=\"props.nzVertical\"\n  [nzReverse]=\"props.nzReverse\"\n  [nzTooltipVisible]=\"props.nzTooltipVisible\"\n  [nzTooltipPlacement]=\"props.nzTooltipPlacement\"\n  (change)=\"(props.change)\"\n></nz-slider>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: FormlyModule }, { kind: "directive", type: i2$1.LegacyFormlyAttributes, selector: "[formlyAttributes]" }, { kind: "ngmodule", type: NzSliderModule }, { kind: "component", type: i3$5.NzSliderComponent, selector: "nz-slider", inputs: ["nzDisabled", "nzDots", "nzIncluded", "nzRange", "nzVertical", "nzReverse", "nzDefaultValue", "nzMarks", "nzMax", "nzMin", "nzStep", "nzTooltipVisible", "nzTooltipPlacement", "nzTipFormatter"], outputs: ["nzOnAfterChange"], exportAs: ["nzSlider"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NzFormlyFieldSelectComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: NzFormlyFieldSliderComponent, decorators: [{
             type: Component,
-            args: [{ selector: "app-nz-formly-field-select", template: "<nz-select\r\n  [nzId]=\"fieldID\"\r\n  [formControl]=\"formControl\"\r\n  [formlyAttributes]=\"field\"\r\n  [compareWith]=\"props.compareWith\"\r\n  [nzAutoClearSearchValue]=\"props.nzAutoClearSearchValue\"\r\n  [nzAllowClear]=\"props.nzAllowClear\"\r\n  [nzBorderless]=\"props.nzBorderless\"\r\n  [nzOpen]=\"props.nzOpen\"\r\n  [nzAutoFocus]=\"props.nzAutoFocus\"\r\n  [nzDisabled]=\"props.disabled\"\r\n  [nzDropdownClassName]=\"props.nzDropdownClassName\"\r\n  [nzDropdownMatchSelectWidth]=\"props.nzDropdownMatchSelectWidth\"\r\n  [nzDropdownStyle]=\"props.nzDropdownStyle\"\r\n  [nzCustomTemplate]=\"props.nzCustomTemplate\"\r\n  [nzServerSearch]=\"props.nzServerSearch\"\r\n  [nzMaxMultipleCount]=\"props.nzMaxMultipleCount\"\r\n  [nzMode]=\"props.nzMode\"\r\n  [nzNotFoundContent]=\"props.nzNotFoundContent\"\r\n  [nzPlacement]=\"props.nzPlacement\"\r\n  [nzPlaceHolder]=\"props.placeholder\"\r\n  [nzShowArrow]=\"props.nzShowArrow\"\r\n  [nzShowSearch]=\"props.nzShowSearch\"\r\n  [nzSize]=\"props.nzSize\"\r\n  [nzStatus]=\"props.nzStatus\"\r\n  [nzSuffixIcon]=\"props.nzSuffixIcon\"\r\n  [nzRemoveIcon]=\"props.nzRemoveIcon\"\r\n  [nzClearIcon]=\"props.nzClearIcon\"\r\n  [nzMenuItemSelectedIcon]=\"props.nzMenuItemSelectedIcon\"\r\n  [nzTokenSeparators]=\"props.nzTokenSeparators\"\r\n  [nzLoading]=\"props.nzLoading || (props.nzLoadingObs | async)\"\r\n  [nzMaxTagCount]=\"props.nzMaxTagCount\"\r\n  [nzMaxTagPlaceholder]=\"props.nzMaxTagPlaceholder\"\r\n  [nzOptionHeightPx]=\"props.nzOptionHeightPx\"\r\n  [nzOptionOverflowSize]=\"props.nzOptionOverflowSize\"\r\n  [nzSelectOnTab]=\"props.nzSelectOnTab\"\r\n  (nzOpenChange)=\"props?.nzOpenChange($event)\"\r\n  (nzScrollToBottom)=\"props?.nzScrollToBottom()\"\r\n  (nzOnSearch)=\"props?.nzOnSearch($event)\"\r\n>\r\n  <nz-option\r\n    *ngFor=\"let option of props.nzOptions || (props.nzOptionsObs | async)\"\r\n    [nzDisabled]=\"option.disabled\"\r\n    [nzLabel]=\"option.label\"\r\n    [nzValue]=\"props.objectValue ? option : option.value\"\r\n    [nzHide]=\"option.hide\"\r\n    [nzCustomContent]=\"!!option.nzCustomContent\"\r\n  >\r\n    <div [innerHTML]=\"option.nzCustomContent\"></div>\r\n  </nz-option>\r\n</nz-select>\r\n\r\n\r\n", styles: ["nz-select{display:block}\n"] }]
+            args: [{ selector: 'app-nz-formly-field-slider', imports: [CommonModule, ReactiveFormsModule, FormlyModule, NzSliderModule], template: "<nz-slider\n  [id]=\"fieldID\"\n  [formControl]=\"formControl\"\n  [formlyAttributes]=\"field\"\n  [nzDots]=\"props.nzDots\"\n  [nzIncluded]=\"props.nzIncluded\"\n  [nzMarks]=\"props.nzMarks\"\n  [nzMax]=\"props.nzMax\"\n  [nzMin]=\"props.nzMin\"\n  [nzRange]=\"props.nzRange\"\n  [nzStep]=\"props.nzStep\"\n  [nzTipFormatter]=\"props.nzTipFormatter\"\n  [nzVertical]=\"props.nzVertical\"\n  [nzReverse]=\"props.nzReverse\"\n  [nzTooltipVisible]=\"props.nzTooltipVisible\"\n  [nzTooltipPlacement]=\"props.nzTooltipPlacement\"\n  (change)=\"(props.change)\"\n></nz-slider>\n" }]
         }] });
 
 class NzFormlyFieldSwitchComponent extends FieldType {
     constructor() {
         super(...arguments);
-        this.unSubscribeAll$ = new Subject();
+        this.destroyRef = inject(DestroyRef);
+    }
+    get fieldID() {
+        return 'control-' + this.field.key;
     }
     ngOnInit() {
+        this.onValueChanges();
+    }
+    onValueChanges() {
         this.formControl.valueChanges
-            .pipe(takeUntil(this.unSubscribeAll$), tap((value) => {
-            if (typeof this.props?.change == "function") {
+            .pipe(takeUntilDestroyed(this.destroyRef), tap((value) => {
+            if (typeof this.props?.change == 'function') {
                 this.props.change(this.field, value);
             }
         }))
             .subscribe();
     }
-    onChange(event) {
-        if (typeof this.props?.change === "function") {
-            this.props.change(this.field, event);
-        }
-    }
-    get fieldID() {
-        return "control-" + this.field.key;
-    }
-    ngOnDestroy() {
-        this.unSubscribeAll$.next();
-        this.unSubscribeAll$.complete();
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NzFormlyFieldSwitchComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: NzFormlyFieldSwitchComponent, selector: "app-nz-formly-field-switch", usesInheritance: true, ngImport: i0, template: "<nz-switch\r\n  [nzId]=\"fieldID\"\r\n  [formControl]=\"formControl\"\r\n  [formlyAttributes]=\"field\"\r\n  [nzSize]=\"props.nzSize\"\r\n  [nzLoading]=\"props.nzLoading\"\r\n  [nzDisabled]=\"props.disabled\"\r\n  [nzCheckedChildren]=\"props.nzCheckedChildren\"\r\n  [nzUnCheckedChildren]=\"props.nzUnCheckedChildren\"\r\n></nz-switch>\r\n", styles: [""], dependencies: [{ kind: "directive", type: i2.ɵFormlyAttributes, selector: "[formlyAttributes]", inputs: ["formlyAttributes", "id"] }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i3$2.NzSwitchComponent, selector: "nz-switch", inputs: ["nzLoading", "nzDisabled", "nzControl", "nzCheckedChildren", "nzUnCheckedChildren", "nzSize", "nzId"], exportAs: ["nzSwitch"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: NzFormlyFieldSwitchComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.18", type: NzFormlyFieldSwitchComponent, isStandalone: true, selector: "app-nz-formly-field-switch", usesInheritance: true, ngImport: i0, template: "<nz-switch\n  [nzId]=\"fieldID\"\n  [formControl]=\"formControl\"\n  [formlyAttributes]=\"field\"\n  [nzSize]=\"props.nzSize\"\n  [nzLoading]=\"props.nzLoading\"\n  [nzDisabled]=\"props.nzDisabled\"\n  [nzCheckedChildren]=\"props.nzCheckedChildren\"\n  [nzUnCheckedChildren]=\"props.nzUnCheckedChildren\"\n></nz-switch>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: FormlyModule }, { kind: "directive", type: i2$1.LegacyFormlyAttributes, selector: "[formlyAttributes]" }, { kind: "ngmodule", type: NzSwitchModule }, { kind: "component", type: i3$6.NzSwitchComponent, selector: "nz-switch", inputs: ["nzLoading", "nzDisabled", "nzControl", "nzCheckedChildren", "nzUnCheckedChildren", "nzSize", "nzId"], exportAs: ["nzSwitch"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NzFormlyFieldSwitchComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: NzFormlyFieldSwitchComponent, decorators: [{
             type: Component,
-            args: [{ selector: "app-nz-formly-field-switch", template: "<nz-switch\r\n  [nzId]=\"fieldID\"\r\n  [formControl]=\"formControl\"\r\n  [formlyAttributes]=\"field\"\r\n  [nzSize]=\"props.nzSize\"\r\n  [nzLoading]=\"props.nzLoading\"\r\n  [nzDisabled]=\"props.disabled\"\r\n  [nzCheckedChildren]=\"props.nzCheckedChildren\"\r\n  [nzUnCheckedChildren]=\"props.nzUnCheckedChildren\"\r\n></nz-switch>\r\n" }]
+            args: [{ selector: 'app-nz-formly-field-switch', imports: [CommonModule, ReactiveFormsModule, FormlyModule, NzSwitchModule], template: "<nz-switch\n  [nzId]=\"fieldID\"\n  [formControl]=\"formControl\"\n  [formlyAttributes]=\"field\"\n  [nzSize]=\"props.nzSize\"\n  [nzLoading]=\"props.nzLoading\"\n  [nzDisabled]=\"props.nzDisabled\"\n  [nzCheckedChildren]=\"props.nzCheckedChildren\"\n  [nzUnCheckedChildren]=\"props.nzUnCheckedChildren\"\n></nz-switch>\n" }]
         }] });
 
-class NzFormlyFieldRadioComponent extends FieldType {
+class NzFormlyFieldTextareaComponent extends FieldType {
     constructor() {
         super(...arguments);
-        this.unSubscribeAll$ = new Subject();
+        this.destroyRef = inject(DestroyRef);
+    }
+    get fieldID() {
+        return 'control-' + this.field.key;
+    }
+    get status() {
+        return this.formControl.touched && this.formControl.invalid ? 'error' : '';
     }
     ngOnInit() {
+        this.onValueChanges();
+    }
+    onValueChanges() {
         this.formControl.valueChanges
-            .pipe(takeUntil(this.unSubscribeAll$), tap((value) => {
-            if (typeof this.props?.change == "function") {
+            .pipe(takeUntilDestroyed(this.destroyRef), tap((value) => {
+            if (typeof this.props?.change == 'function') {
                 this.props.change(this.field, value);
             }
         }))
             .subscribe();
     }
-    onChange(event) {
-        if (typeof this.props?.change === "function") {
-            this.props.change(this.field, event);
-        }
-    }
-    get fieldID() {
-        return "control-" + this.field.key;
-    }
-    ngOnDestroy() {
-        this.unSubscribeAll$.next();
-        this.unSubscribeAll$.complete();
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NzFormlyFieldRadioComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: NzFormlyFieldRadioComponent, selector: "app-nz-formly-field-radio", usesInheritance: true, ngImport: i0, template: "<nz-radio-group\r\n  [id]=\"fieldID\"\r\n  [formControl]=\"formControl\"\r\n  [formlyAttributes]=\"field\"\r\n  [nzName]=\"props.nzName\"\r\n  [nzDisabled]=\"props.disabled\"\r\n  [nzSize]=\"props.nzSize\"\r\n  [nzButtonStyle]=\"props.nzButtonStyle\"\r\n>\r\n  <ng-container *ngIf=\"props.nzType == 'nz-radio'\">\r\n    <label\r\n      nz-radio\r\n      *ngFor=\"let item of props.nzOptions\"\r\n      [nzDisabled]=\"item.disabled\"\r\n      [nzValue]=\"item.value\"\r\n    >\r\n      {{ item.label }}\r\n      <div [innerHTML]=\"item.nzCustomContent\"></div>\r\n    </label>\r\n  </ng-container>\r\n  <ng-container *ngIf=\"props.nzType == 'nz-radio-button'\">\r\n    <label\r\n      nz-radio-button\r\n      *ngFor=\"let item of props.nzOptions\"\r\n      [nzDisabled]=\"item.disabled\"\r\n      [nzValue]=\"item.value\"\r\n    >\r\n      {{ item.label }}\r\n      <div [innerHTML]=\"item.nzCustomContent\"></div>\r\n    </label>\r\n  </ng-container>\r\n</nz-radio-group>\r\n", styles: [""], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.ɵFormlyAttributes, selector: "[formlyAttributes]", inputs: ["formlyAttributes", "id"] }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i4$3.NzRadioComponent, selector: "[nz-radio],[nz-radio-button]", inputs: ["nzValue", "nzDisabled", "nzAutoFocus"], exportAs: ["nzRadio"] }, { kind: "directive", type: i4$3.NzRadioButtonDirective, selector: "[nz-radio-button]" }, { kind: "component", type: i4$3.NzRadioGroupComponent, selector: "nz-radio-group", inputs: ["nzDisabled", "nzButtonStyle", "nzSize", "nzName"], exportAs: ["nzRadioGroup"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: NzFormlyFieldTextareaComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.18", type: NzFormlyFieldTextareaComponent, isStandalone: true, selector: "app-nz-formly-field-textarea", usesInheritance: true, ngImport: i0, template: "<textarea\n  nz-input\n  [id]=\"fieldID\"\n  [formControl]=\"formControl\"\n  [formlyAttributes]=\"field\"\n  [nzStatus]=\"status\"\n  [attr.disabled]=\"props.nzDisabled\"\n  [readonly]=\"props.nzReadonly\"\n  [placeholder]=\"props.nzPlaceholder\"\n  [rows]=\"props.rows\"\n  [nzVariant]=\"props.nzBorderless ? 'borderless' : 'outlined'\"\n></textarea>\n@if (props.showTextAreaCount) {\n  <div class=\"d-block mt-1 opacity-50\">\n    @if (props.maxCount) {\n      {{ props.maxCount }}\n      <span>/</span>\n    }\n    {{ formControl.value?.length || 0 }}\n  </div>\n}\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.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$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: FormlyModule }, { kind: "directive", type: i2$1.LegacyFormlyAttributes, selector: "[formlyAttributes]" }, { kind: "ngmodule", type: NzInputModule }, { kind: "directive", type: i3$2.NzInputDirective, selector: "input[nz-input],textarea[nz-input]", inputs: ["nzVariant", "nzSize", "nzStepperless", "nzStatus", "disabled", "readonly"], exportAs: ["nzInput"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NzFormlyFieldRadioComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: NzFormlyFieldTextareaComponent, decorators: [{
             type: Component,
-            args: [{ selector: "app-nz-formly-field-radio", template: "<nz-radio-group\r\n  [id]=\"fieldID\"\r\n  [formControl]=\"formControl\"\r\n  [formlyAttributes]=\"field\"\r\n  [nzName]=\"props.nzName\"\r\n  [nzDisabled]=\"props.disabled\"\r\n  [nzSize]=\"props.nzSize\"\r\n  [nzButtonStyle]=\"props.nzButtonStyle\"\r\n>\r\n  <ng-container *ngIf=\"props.nzType == 'nz-radio'\">\r\n    <label\r\n      nz-radio\r\n      *ngFor=\"let item of props.nzOptions\"\r\n      [nzDisabled]=\"item.disabled\"\r\n      [nzValue]=\"item.value\"\r\n    >\r\n      {{ item.label }}\r\n      <div [innerHTML]=\"item.nzCustomContent\"></div>\r\n    </label>\r\n  </ng-container>\r\n  <ng-container *ngIf=\"props.nzType == 'nz-radio-button'\">\r\n    <label\r\n      nz-radio-button\r\n      *ngFor=\"let item of props.nzOptions\"\r\n      [nzDisabled]=\"item.disabled\"\r\n      [nzValue]=\"item.value\"\r\n    >\r\n      {{ item.label }}\r\n      <div [innerHTML]=\"item.nzCustomContent\"></div>\r\n    </label>\r\n  </ng-container>\r\n</nz-radio-group>\r\n" }]
+            args: [{ selector: 'app-nz-formly-field-textarea', imports: [CommonModule, ReactiveFormsModule, FormlyModule, NzInputModule], template: "<textarea\n  nz-input\n  [id]=\"fieldID\"\n  [formControl]=\"formControl\"\n  [formlyAttributes]=\"field\"\n  [nzStatus]=\"status\"\n  [attr.disabled]=\"props.nzDisabled\"\n  [readonly]=\"props.nzReadonly\"\n  [placeholder]=\"props.nzPlaceholder\"\n  [rows]=\"props.rows\"\n  [nzVariant]=\"props.nzBorderless ? 'borderless' : 'outlined'\"\n></textarea>\n@if (props.showTextAreaCount) {\n  <div class=\"d-block mt-1 opacity-50\">\n    @if (props.maxCount) {\n      {{ props.maxCount }}\n      <span>/</span>\n    }\n    {{ formControl.value?.length || 0 }}\n  </div>\n}\n" }]
         }] });
 
-class NzFormlyLabelWrapperComponent extends FieldWrapper {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NzFormlyLabelWrapperComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: NzFormlyLabelWrapperComponent, selector: "app-nz-formly-label-wrapper", usesInheritance: true, ngImport: i0, template: "<div class=\"nz-formly-label-top\" *ngIf=\"props.labelPosition == 'top'\">\r\n  <ng-container *ngTemplateOutlet=\"Label\"></ng-container>\r\n  <ng-container #fieldComponent></ng-container>\r\n</div>\r\n\r\n<div class=\"nz-formly-label-inline\" *ngIf=\"props.labelPosition == 'inline'\">\r\n  <div class=\"nz-formly-field-wrapper\">\r\n    <div [ngStyle]=\"{ width: props.styles?.labelWidth }\">\r\n      <ng-container *ngTemplateOutlet=\"Label\"></ng-container>\r\n    </div>\r\n    <div class=\"flex-grow-1\">\r\n      <ng-container #fieldComponent></ng-container>\r\n    </div>\r\n  </div>\r\n</div>\r\n\r\n<div\r\n  class=\"nz-formly-label-float\"\r\n  *ngIf=\"props.labelPosition == 'float'\"\r\n  [class.fixed]=\"formControl.value != null && formControl.value != ''\"\r\n>\r\n  <ng-container #fieldComponent></ng-container>\r\n  <ng-container *ngTemplateOutlet=\"Label\"></ng-container>\r\n</div>\r\n\r\n<ng-template #Label>\r\n  <label\r\n    class=\"nz-formly-label\"\r\n    [ngClass]=\"props.styles?.labelClass\"\r\n    *ngIf=\"props.label || (props.labelObs | async)\"\r\n  >\r\n    {{ props.label || (props.labelObs | async) }}\r\n    <span class=\"nz-formly-label-required\" *ngIf=\"props.required\">*</span>\r\n  </label>\r\n</ng-template>\r\n", styles: [".nz-formly-field-wrapper{display:flex;align-items:center}@media (max-width: 500px){.nz-formly-field-wrapper{flex-direction:column;align-items:initial}}.nz-formly-label-top .nz-formly-label{font-size:75%;font-weight:500}.nz-formly-label-inline .nz-formly-label{font-size:100%;font-weight:600;position:relative;padding-right:5px}.nz-formly-label-float{position:relative}.nz-formly-label-float .nz-formly-label{top:0;z-index:1;height:100%;display:flex;position:absolute;align-items:center;pointer-events:none;transform-origin:0 0;inset-inline-start:10px;border:1px solid transparent;transition:transform .1s ease-in-out}.nz-formly-label-float:focus-within .nz-formly-label,.nz-formly-label-float.fixed .nz-formly-label{height:20px;background:#fff;padding-left:6px;margin-left:-6px;padding-right:16px;transform:scale(.85) translateY(-10px)}.nz-formly-label-required{color:#f10232;position:relative}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }] }); }
+class NzFormlyUploaderComponent extends FieldType {
+    handleChange(event) {
+        if (this.props.nzChange)
+            this.props.nzChange(event);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: NzFormlyUploaderComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.18", type: NzFormlyUploaderComponent, isStandalone: true, selector: "app-nz-formly-uploader", usesInheritance: true, ngImport: i0, template: "<nz-upload\n  nzType=\"drag\"\n  [nzMultiple]=\"props.multiple\"\n  [nzAction]=\"props.uploadUrl\"\n  [nzDownload]=\"props.nzDownload\"\n  (nzChange)=\"handleChange($event)\"\n  [nzCustomRequest]=\"props.customRequest\"\n>\n  <p class=\"ant-upload-drag-icon\">\n    <span nz-icon nzType=\"inbox\"></span>\n  </p>\n  <p class=\"ant-upload-text\">{{ props.label }}</p>\n  @if (props.hint) {\n    <p class=\"ant-upload-hint\">\n      {{ props.hint }}\n    </p>\n  }\n</nz-upload>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: NzUploadModule }, { kind: "component", type: i1$3.NzUploadComponent, selector: "nz-upload", inputs: ["nzId", "nzType", "nzLimit", "nzSize", "nzFileType", "nzAccept", "nzAction", "nzDirectory", "nzOpenFileDialogOnClick", "nzBeforeUpload", "nzCustomRequest", "nzData", "nzFilter", "nzFileList", "nzDisabled", "nzHeaders", "nzListType", "nzMultiple", "nzName", "nzShowUploadList", "nzShowButton", "nzWithCredentials", "nzRemove", "nzPreview", "nzPreviewFile", "nzPreviewIsImage", "nzTransformFile", "nzDownload", "nzIconRender", "nzFileListRender", "nzMaxCount"], outputs: ["nzChange", "nzFileListChange"], exportAs: ["nzUpload"] }, { kind: "ngmodule", type: NzIconModule }, { kind: "directive", type: i4$2.NzIconDirective, selector: "nz-icon,[nz-icon]", inputs: ["nzSpin", "nzRotate", "nzType", "nzTheme", "nzTwotoneColor", "nzIconfont"], exportAs: ["nzIcon"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NzFormlyLabelWrapperComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: NzFormlyUploaderComponent, decorators: [{
             type: Component,
-            args: [{ selector: "app-nz-formly-label-wrapper", template: "<div class=\"nz-formly-label-top\" *ngIf=\"props.labelPosition == 'top'\">\r\n  <ng-container *ngTemplateOutlet=\"Label\"></ng-container>\r\n  <ng-container #fieldComponent></ng-container>\r\n</div>\r\n\r\n<div class=\"nz-formly-label-inline\" *ngIf=\"props.labelPosition == 'inline'\">\r\n  <div class=\"nz-formly-field-wrapper\">\r\n    <div [ngStyle]=\"{ width: props.styles?.labelWidth }\">\r\n      <ng-container *ngTemplateOutlet=\"Label\"></ng-container>\r\n    </div>\r\n    <div class=\"flex-grow-1\">\r\n      <ng-container #fieldComponent></ng-container>\r\n    </div>\r\n  </div>\r\n</div>\r\n\r\n<div\r\n  class=\"nz-formly-label-float\"\r\n  *ngIf=\"props.labelPosition == 'float'\"\r\n  [class.fixed]=\"formControl.value != null && formControl.value != ''\"\r\n>\r\n  <ng-container #fieldComponent></ng-container>\r\n  <ng-container *ngTemplateOutlet=\"Label\"></ng-container>\r\n</div>\r\n\r\n<ng-template #Label>\r\n  <label\r\n    class=\"nz-formly-label\"\r\n    [ngClass]=\"props.styles?.labelClass\"\r\n    *ngIf=\"props.label || (props.labelObs | async)\"\r\n  >\r\n    {{ props.label || (props.labelObs | async) }}\r\n    <span class=\"nz-formly-label-required\" *ngIf=\"props.required\">*</span>\r\n  </label>\r\n</ng-template>\r\n", styles: [".nz-formly-field-wrapper{display:flex;align-items:center}@media (max-width: 500px){.nz-formly-field-wrapper{flex-direction:column;align-items:initial}}.nz-formly-label-top .nz-formly-label{font-size:75%;font-weight:500}.nz-formly-label-inline .nz-formly-label{font-size:100%;font-weight:600;position:relative;padding-right:5px}.nz-formly-label-float{position:relative}.nz-formly-label-float .nz-formly-label{top:0;z-index:1;height:100%;display:flex;position:absolute;align-items:center;pointer-events:none;transform-origin:0 0;inset-inline-start:10px;border:1px solid transparent;transition:transform .1s ease-in-out}.nz-formly-label-float:focus-within .nz-formly-label,.nz-formly-label-float.fixed .nz-formly-label{height:20px;background:#fff;padding-left:6px;margin-left:-6px;padding-right:16px;transform:scale(.85) translateY(-10px)}.nz-formly-label-required{color:#f10232;position:relative}\n"] }]
+            args: [{ selector: 'app-nz-formly-uploader', imports: [CommonModule, NzUploadModule, NzIconModule], template: "<nz-upload\n  nzType=\"drag\"\n  [nzMultiple]=\"props.multiple\"\n  [nzAction]=\"props.uploadUrl\"\n  [nzDownload]=\"props.nzDownload\"\n  (nzChange)=\"handleChange($event)\"\n  [nzCustomRequest]=\"props.customRequest\"\n>\n  <p class=\"ant-upload-drag-icon\">\n    <span nz-icon nzType=\"inbox\"></span>\n  </p>\n  <p class=\"ant-upload-text\">{{ props.label }}</p>\n  @if (props.hint) {\n    <p class=\"ant-upload-hint\">\n      {{ props.hint }}\n    </p>\n  }\n</nz-upload>\n" }]
         }] });
 
 class NzFormlyDefaultWrapperComponent extends FieldWrapper {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NzFormlyDefaultWrapperComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: NzFormlyDefaultWrapperComponent, selector: "app-nz-formly-default-wrapper", usesInheritance: true, ngImport: i0, template: "<div\r\n  class=\"position-relative\"\r\n  [classList]=\"props.styles?.wrapperClass\"\r\n  [id]=\"'wrapper-' + field.key\"\r\n  *ngIf=\"!props.hidden\"\r\n>\r\n  <ng-container #fieldComponent></ng-container>\r\n  <div\r\n    *ngIf=\"props.showError\"\r\n    class=\"nz-formly-error-message\"\r\n    [ngClass]=\"{'nz-formly-error-message-visible': formControl.touched && formControl.invalid}\"\r\n    [ngStyle]=\"{ 'margin-left': props.labelPosition === 'inline' ? props.styles?.labelWidth ?? '0' : '0' }\"\r\n  >\r\n    <formly-validation-message [field]=\"field\"></formly-validation-message>\r\n  </div>\r\n</div>\r\n", styles: [".nz-formly-error-message{top:-4px;opacity:0;color:#f10232;font-size:85%;font-weight:500;position:relative;transition:all .1s ease-in}.nz-formly-error-message-visible{top:0;opacity:1}@media (max-width: 500px){.nz-formly-error-message{margin:0!important}}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i2.ɵFormlyValidationMessage, selector: "formly-validation-message", inputs: ["field"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: NzFormlyDefaultWrapperComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.18", type: NzFormlyDefaultWrapperComponent, isStandalone: true, selector: "app-nz-formly-default-wrapper", usesInheritance: true, ngImport: i0, template: "@if (!props.nzHidden) {\n  <div\n    [id]=\"'wrapper-' + field.key\"\n    [classList]=\"props.styles?.wrapperClass ?? ' ' + 'nz-formly-default-wrapper'\"\n  >\n    <ng-container #fieldComponent></ng-container>\n    @if (props.showError) {\n      <div\n        class=\"nz-formly-error-message\"\n        [ngClass]=\"{\n          'nz-formly-error-message-visible': formControl.dirty && formControl.invalid\n        }\"\n        [style.margin-inline-start]=\"\n          props.labelPosition === 'inline' ? (props.styles?.labelWidth ?? '0') : '0'\n        \"\n      >\n        <formly-validation-message [field]=\"field\"></formly-validation-message>\n      </div>\n    }\n  </div>\n}\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: FormlyModule }, { kind: "component", type: i2$1.LegacyFormlyValidationMessage, selector: "formly-validation-message" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NzFormlyDefaultWrapperComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: NzFormlyDefaultWrapperComponent, decorators: [{
             type: Component,
-            args: [{ selector: "app-nz-formly-default-wrapper", template: "<div\r\n  class=\"position-relative\"\r\n  [classList]=\"props.styles?.wrapperClass\"\r\n  [id]=\"'wrapper-' + field.key\"\r\n  *ngIf=\"!props.hidden\"\r\n>\r\n  <ng-container #fieldComponent></ng-container>\r\n  <div\r\n    *ngIf=\"props.showError\"\r\n    class=\"nz-formly-error-message\"\r\n    [ngClass]=\"{'nz-formly-error-message-visible': formControl.touched && formControl.invalid}\"\r\n    [ngStyle]=\"{ 'margin-left': props.labelPosition === 'inline' ? props.styles?.labelWidth ?? '0' : '0' }\"\r\n  >\r\n    <formly-validation-message [field]=\"field\"></formly-validation-message>\r\n  </div>\r\n</div>\r\n", styles: [".nz-formly-error-message{top:-4px;opacity:0;color:#f10232;font-size:85%;font-weight:500;position:relative;transition:all .1s ease-in}.nz-formly-error-message-visible{top:0;opacity:1}@media (max-width: 500px){.nz-formly-error-message{margin:0!important}}\n"] }]
+            args: [{ selector: 'app-nz-formly-default-wrapper', imports: [CommonModule, FormlyModule], template: "@if (!props.nzHidden) {\n  <div\n    [id]=\"'wrapper-' + field.key\"\n    [classList]=\"props.styles?.wrapperClass ?? ' ' + 'nz-formly-default-wrapper'\"\n  >\n    <ng-container #fieldComponent></ng-container>\n    @if (props.showError) {\n      <div\n        class=\"nz-formly-error-message\"\n        [ngClass]=\"{\n          'nz-formly-error-message-visible': formControl.dirty && formControl.invalid\n        }\"\n        [style.margin-inline-start]=\"\n          props.labelPosition === 'inline' ? (props.styles?.labelWidth ?? '0') : '0'\n        \"\n      >\n        <formly-validation-message [field]=\"field\"></formly-validation-message>\n      </div>\n    }\n  </div>\n}\n" }]
         }] });
 
-function minLengthValidator(control, field) {
-    if (field.props?.minLen)
-        return control.value?.length < field.props?.minLen
-            ? { minLen: true }
-            : null;
-    return null;
-}
-function minLengthMessage(field) {
-    return `Field must be at least ${field.props?.minLen} characters`;
-}
-function maxLengthValidator(control, field) {
-    if (field.props?.maxLen)
-        return control.value?.length > field.props?.maxLen
-            ? { maxLen: true }
-            : null;
-    return null;
-}
-function maxLengthMessage(field) {
-    return `Field must be at most ${field.props?.maxLen} characters`;
-}
-function minValueValidator(control, field) {
-    if (field.props?.minValue && control.value != null)
-        return Number(control.value) < field.props.minValue
-            ? { minValue: false }
-            : null;
-    return null;
-}
-function minValueMessage(field) {
-    return `Field value must be more than ${field.props?.minValue}`;
-}
-function maxValueValidator(control, field) {
-    if (field.props?.maxValue && control.value != null)
-        return Number(control.value) > field.props.maxValue
-            ? { maxValue: true }
-            : null;
-    return null;
-}
-function maxValueMessage(field) {
-    return `Field value must be less than ${field.props?.maxValue}`;
-}
-function emailValidator(control) {
-    let REGEX = /^[\w-.]+@([\w-]+\.)+[\w-]{2,4}$/;
-    return REGEX.test(control.value) ? null : { email: true };
-}
-function passwordValidator(control, field) {
-    if (field.props?.type === "password") {
-        let REGEX = /^(?=.*[A-Z])(?=.*\d)(?=.*[\W_])[A-Za-z\d\W_]{8,}$/;
-        return REGEX.test(control.value) ? null : { password: true };
-    }
-    return null;
+class NzFormlyLabelWrapperComponent extends FieldWrapper {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: NzFormlyLabelWrapperComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.18", type: NzFormlyLabelWrapperComponent, isStandalone: true, selector: "app-nz-formly-label-wrapper", usesInheritance: true, ngImport: i0, template: "@if (props.labelPosition === 'top') {\n  <div class=\"nz-formly-label-top\">\n    <ng-container *ngTemplateOutlet=\"Label\"></ng-container>\n    <ng-container #fieldComponent></ng-container>\n  </div>\n} @else if (props.labelPosition === 'inline') {\n  <div class=\"nz-formly-label-inline\">\n    <div class=\"nz-formly-field-wrapper\">\n      <div [ngStyle]=\"{ width: props.styles?.labelWidth }\">\n        <ng-container *ngTemplateOutlet=\"Label\"></ng-container>\n      </div>\n      <div class=\"flex-grow-1\">\n        <ng-container #fieldComponent></ng-container>\n      </div>\n    </div>\n  </div>\n} @else if (props.labelPosition === 'float') {\n  <div\n    class=\"nz-formly-label-float\"\n    [class.fixed]=\"\n      formControl.value !== null && formControl.value !== undefined && formControl.value !== ''\n    \"\n  >\n    <ng-container #fieldComponent></ng-container>\n    <ng-container *ngTemplateOutlet=\"Label\"></ng-container>\n  </div>\n} @else {\n  <ng-container #fieldComponent></ng-container>\n}\n\n<ng-template #Label>\n  @if (props.label || (props.labelObs | async)) {\n    <label class=\"nz-formly-label\" [ngClass]=\"props.styles?.labelClass\">\n      <span [innerHTML]=\"props.label || (props.labelObs | async)\"></span>\n      @if (props.required) {\n        <span class=\"nz-formly-label-required\">*</span>\n      }\n    </label>\n  }\n</ng-template>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }] }); }
 }
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: NzFormlyLabelWrapperComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-nz-formly-label-wrapper', imports: [CommonModule], template: "@if (props.labelPosition === 'top') {\n  <div class=\"nz-formly-label-top\">\n    <ng-container *ngTemplateOutlet=\"Label\"></ng-container>\n    <ng-container #fieldComponent></ng-container>\n  </div>\n} @else if (props.labelPosition === 'inline') {\n  <div class=\"nz-formly-label-inline\">\n    <div class=\"nz-formly-field-wrapper\">\n      <div [ngStyle]=\"{ width: props.styles?.labelWidth }\">\n        <ng-container *ngTemplateOutlet=\"Label\"></ng-container>\n      </div>\n      <div class=\"flex-grow-1\">\n        <ng-container #fieldComponent></ng-container>\n      </div>\n    </div>\n  </div>\n} @else if (props.labelPosition === 'float') {\n  <div\n    class=\"nz-formly-label-float\"\n    [class.fixed]=\"\n      formControl.value !== null && formControl.value !== undefined && formControl.value !== ''\n    \"\n  >\n    <ng-container #fieldComponent></ng-container>\n    <ng-container *ngTemplateOutlet=\"Label\"></ng-container>\n  </div>\n} @else {\n  <ng-container #fieldComponent></ng-container>\n}\n\n<ng-template #Label>\n  @if (props.label || (props.labelObs | async)) {\n    <label class=\"nz-formly-label\" [ngClass]=\"props.styles?.labelClass\">\n      <span [innerHTML]=\"props.label || (props.labelObs | async)\"></span>\n      @if (props.required) {\n        <span class=\"nz-formly-label-required\">*</span>\n      }\n    </label>\n  }\n</ng-template>\n" }]
+        }] });
+
+const wrapperExtension = (_field) => { };
 
 const NzFormlyForRoot = {
     types: [
         {
-            name: "input",
+            name: 'input',
             component: NzFormlyFieldInputComponent,
-            wrappers: ["default-wrapper", "label-wrapper"],
+            wrappers: ['default-wrapper', 'label-wrapper'],
             defaultOptions: {
                 props: {
-                    nzSize: "default",
-                    labelPosition: "inline",
-                    mask: "",
-                    thousandSeparator: "",
+                    nzSize: 'default',
+                    mask: '',
+                    thousandSeparator: '',
                     showError: true,
-                },
-            },
+                    nzPlaceholder: ''
+                }
+            }
         },
         {
-            name: "checkbox",
+            name: 'textarea',
+            component: NzFormlyFieldTextareaComponent,
+            wrappers: ['default-wrapper', 'label-wrapper'],
+            defaultOptions: {
+                props: {
+                    rows: 4,
+                    showError: true,
+                    nzPlaceholder: ''
+                }
+            }
+        },
+        {
+            name: 'checkbox',
             component: NzFormlyFieldCheckboxComponent,
-            wrappers: [],
+            wrappers: ['default-wrapper'],
             defaultOptions: {
                 props: {
-                    disabled: false,
+                    nzDisabled: false,
                     nzAutoFocus: false,
-                },
-            },
+                    showError: true
+                }
+            }
         },
         {
-            name: "switch",
+            name: 'switch',
             component: NzFormlyFieldSwitchComponent,
-            wrappers: ["default-wrapper", "label-wrapper"],
+            wrappers: ['default-wrapper', 'label-wrapper'],
             defaultOptions: {
                 props: {
-                    labelPosition: "inline",
-                    disabled: false,
-                    nzSize: "default",
+                    nzDisabled: false,
+                    nzSize: 'default',
                     nzLoading: false,
-                    showError: true,
-                },
-            },
+                    showError: true
+                }
+            }
         },
         {
-            name: "radio",
+            name: 'radio',
             component: NzFormlyFieldRadioComponent,
-            wrappers: ["default-wrapper", "label-wrapper"],
+            wrappers: ['default-wrapper', 'label-wrapper'],
             defaultOptions: {
                 props: {
-                    labelPosition: "inline",
-                    disabled: false,
-                    nzSize: "default",
-                    nzType: "nz-radio",
-                    showError: true,
-                },
-            },
+                    nzDisabled: false,
+                    nzSize: 'default',
+                    nzType: 'nz-radio',
+                    showError: true
+                }
+            }
         },
         {
-            name: "select",
+            name: 'select',
             component: NzFormlyFieldSelectComponent,
-            wrappers: ["default-wrapper", "label-wrapper"],
+            wrappers: ['default-wrapper', 'label-wrapper'],
             defaultOptions: {
                 props: {
                     objectValue: false,
-                    labelPosition: "inline",
                     nzAutoClearSearchValue: true,
                     nzAllowClear: false,
                     nzBorderless: false,
                     nzOpen: false,
                     nzAutoFocus: false,
-                    disabled: false,
+                    nzDisabled: false,
                     nzDropdownMatchSelectWidth: true,
                     nzServerSearch: false,
                     nzMaxMultipleCount: Infinity,
-                    nzMode: "default",
-                    nzNotFoundContent: "Not Found",
+                    nzMode: 'default',
+                    nzPlacement: 'bottomLeft',
+                    nzNotFoundContent: 'Not Found',
                     nzShowSearch: false,
-                    nzSize: "default",
+                    nzSize: 'default',
                     nzTokenSeparators: [],
                     nzLoading: false,
                     nzOptionHeightPx: 32,
                     nzOptionOverflowSize: 8,
                     nzSelectOnTab: false,
                     showError: true,
+                    nzPlaceholder: '',
                     nzFilterOption: () => true,
                     compareWith: (o1, o2) => o1 === o2,
                     nzOpenChange: () => { },
                     nzScrollToBottom: () => { },
-                    nzOnSearch: () => { },
-                },
-            },
+                    nzOnSearch: () => { }
+                }
+            }
         },
         {
-            name: "button",
+            name: 'slider',
+            component: NzFormlyFieldSliderComponent,
+            wrappers: ['default-wrapper', 'label-wrapper'],
+            defaultOptions: {
+                props: {
+                    nzDots: false,
+                    nzIncluded: true,
+                    nzMarks: {},
+                    nzMax: 100,
+                    nzMin: 0,
+                    nzRange: false,
+                    nzStep: 1,
+                    nzTipFormatter: (value) => String(value),
+                    nzVertical: false,
+                    nzReverse: false,
+                    nzTooltipVisible: 'default'
+                }
+            }
+        },
+        {
+            name: 'button',
             component: NzFormlyButtonComponent,
-            wrappers: ["default-wrapper"],
+            wrappers: ['default-wrapper'],
             defaultOptions: {
                 props: {
-                    text: "",
+                    text: '',
                     disabled: false,
                     nzGhost: false,
                     nzLoading: false,
-                    nzSize: "default",
+                    nzSize: 'default',
                     nzBlock: false,
                     nzDanger: false,
-                    classList: "",
-                    click: () => { },
-                },
-            },
+                    classList: '',
+                    click: () => { }
+                }
+            }
+        },
+        {
+            name: 'uploader',
+            component: NzFormlyUploaderComponent,
+            wrappers: ['default-wrapper'],
+            defaultOptions: {
+                props: {
+                    multiple: true
+                }
+            }
         },
+        {
+            name: 'datePicker',
+            component: NzFormlyFieldDatePickerComponent,
+            wrappers: ['default-wrapper', 'label-wrapper'],
+            defaultOptions: {
+                props: {
+                    nzPlaceholder: ''
+                }
+            }
+        }
     ],
     wrappers: [
         {
-            name: "default-wrapper",
-            component: NzFormlyDefaultWrapperComponent,
+            name: 'default-wrapper',
+            component: NzFormlyDefaultWrapperComponent
         },
         {
-            name: "label-wrapper",
-            component: NzFormlyLabelWrapperComponent,
-        },
+            name: 'label-wrapper',
+            component: NzFormlyLabelWrapperComponent
+        }
+    ],
+    extensions: [
+        {
+            name: 'wrapper-extensions',
+            extension: {
+                onPopulate: wrapperExtension
+            }
+        }
     ],
     validators: [
         {
-            name: "required",
-            validation: () => RequiredValidator,
+            name: 'required',
+            validation: () => RequiredValidator
         },
         {
-            name: "minLen",
-            validation: (c, f) => minLengthValidator(c, f),
+            name: 'minLen',
+            validation: (c, f) => minLengthValidator(c, f)
         },
         {
-            name: "maxLen",
-            validation: (c, f) => maxLengthValidator(c, f),
+            name: 'maxLen',
+            validation: (c, f) => maxLengthValidator(c, f)
         },
         {
-            name: "minValue",
-            validation: (c, f) => minValueValidator(c, f),
+            name: 'minValue',
+            validation: (c, f) => minValueValidator(c, f)
         },
         {
-            name: "maxValue",
-            validation: (c, f) => maxValueValidator(c, f),
+            name: 'maxValue',
+            validation: (c, f) => maxValueValidator(c, f)
         },
         {
-            name: "email",
-            validation: (c) => emailValidator(c),
+            name: 'email',
+            validation: (c) => emailValidator(c)
         },
         {
-            name: "password",
-            validation: (c, f) => passwordValidator(c, f),
-        },
+            name: 'password',
+            validation: (c, f) => passwordValidator(c, f)
+        }
     ],
     validationMessages: [
         {
-            name: "required",
-            message: "This field is required",
+            name: 'required',
+            message: 'This field is required'
         },
         {
-            name: "minLen",
-            message: (err, f) => minLengthMessage(f),
+            name: 'minLen',
+            message: (err, f) => minLengthMessage(f)
         },
         {
-            name: "maxLen",
-            message: (err, f) => maxLengthMessage(f),
+            name: 'maxLen',
+            message: (err, f) => maxLengthMessage(f)
         },
         {
-            name: "minValue",
-            message: (err, f) => minValueMessage(f),
+            name: 'minValue',
+            message: (err, f) => minValueMessage(f)
         },
         {
-            name: "maxValue",
-            message: (err, f) => maxValueMessage(f),
+            name: 'maxValue',
+            message: (err, f) => maxValueMessage(f)
         },
         {
-            name: "email",
-            message: "Email format is not correct",
+            name: 'email',
+            message: 'Email format is not correct'
         },
         {
-            name: "password",
-            message: "Password should be at least 8 characters, including one capital letter, one number and one special character",
+            name: 'password',
+            message: 'Password should be at least 8 characters, including one capital letter, one number and one special character'
         },
         {
-            name: "mask",
-            message: "Invalid data",
-        },
-    ],
+            name: 'mask',
+            message: 'Invalid data'
+        }
+    ]
 };
-class NgxNzFormlyModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NgxNzFormlyModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: NgxNzFormlyModule, declarations: [NzFormlyFieldInputComponent,
-            NzFormlyFieldCheckboxComponent,
-            NzFormlyFieldSwitchComponent,
-            NzFormlyFieldSelectComponent,
-            NzFormlyButtonComponent,
-            NzFormlyFieldRadioComponent,
-            NzFormlyLabelWrapperComponent,
-            NzFormlyDefaultWrapperComponent], imports: [CommonModule,
-            FormlyModule,
-            ReactiveFormsModule,
-            NgxMaskModule,
-            NzInputModule,
-            NzButtonModule,
-            NzIconModule,
-            NzCheckboxModule,
-            NzSwitchModule,
-            NzInputNumberModule,
-            NzSelectModule,
-            NzRadioModule] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NgxNzFormlyModule, imports: [CommonModule,
-            FormlyModule,
-            ReactiveFormsModule,
-            NgxMaskModule,
-            NzInputModule,
-            NzButtonModule,
-            NzIconModule,
-            NzCheckboxModule,
-            NzSwitchModule,
-            NzInputNumberModule,
-            NzSelectModule,
-            NzRadioModule] }); }
+
+/**
+ * Registers ngx-nz-formly with Formly for a standalone application.
+ *
+ * ```ts
+ * bootstrapApplication(AppComponent, {
+ *   providers: [provideAnimations(), provideNgxNzFormly()],
+ * });
+ * ```
+ *
+ * The field types/wrappers are standalone components resolved by Formly at
+ * runtime, so no NgModule import is required. Add `provideNgxMask()` yourself
+ * if you use the masked input.
+ */
+function provideNgxNzFormly() {
+    return makeEnvironmentProviders([
+        importProvidersFrom(FormlyModule.forRoot(NzFormlyForRoot)),
+        NzFormlyFieldBuilder
+    ]);
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NgxNzFormlyModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [
-                        NzFormlyFieldInputComponent,
-                        NzFormlyFieldCheckboxComponent,
-                        NzFormlyFieldSwitchComponent,
-                        NzFormlyFieldSelectComponent,
-                        NzFormlyButtonComponent,
-                        NzFormlyFieldRadioComponent,
-                        NzFormlyLabelWrapperComponent,
-                        NzFormlyDefaultWrapperComponent,
-                    ],
-                    imports: [
-                        CommonModule,
-                        FormlyModule,
-                        ReactiveFormsModule,
-                        NgxMaskModule,
-                        NzInputModule,
-                        NzButtonModule,
-                        NzIconModule,
-                        NzCheckboxModule,
-                        NzSwitchModule,
-                        NzInputNumberModule,
-                        NzSelectModule,
-                        NzRadioModule,
-                    ],
-                    exports: [],
-                }]
-        }] });
 
 var InputMask;
 (function (InputMask) {
     InputMask["PHONE"] = "phone";
 })(InputMask || (InputMask = {}));
 
-class NzFormlyFieldBuilder {
-    input(key, configOverrides) {
-        return {
-            key,
-            type: "input",
-            ...configOverrides,
-        };
-    }
-    checkbox(key, configOverrides) {
-        return {
-            key,
-            type: "checkbox",
-            ...configOverrides,
-        };
-    }
-    switch(key, configOverrides) {
-        return {
-            key,
-            type: "switch",
-            ...configOverrides,
-        };
-    }
-    radio(key, configOverrides) {
-        return {
-            key,
-            type: "radio",
-            ...configOverrides,
-        };
-    }
-    select(key, configOverrides) {
-        return {
-            key,
-            type: "select",
-            ...configOverrides,
-        };
+/**
+ * A Jalali date-fns locale tuned for ng-zorro's date-picker panel:
+ *
+ * - Weekday column headers: ng-zorro formats them with the date-fns "short"
+ *   width, which for faIR is "۱ش/۲ش…". We remap "short" to faIR's "narrow"
+ *   width so columns read as single Persian initials (ش ی د س چ پ ج).
+ * - Month labels: ng-zorro uses the "abbreviated" width ("مرد"), so we remap it
+ *   to the "wide" (full) names ("مرداد").
+ *
+ * Everything else delegates to the stock faIR locale.
+ */
+const jalaliDateLocale = {
+    ...faIR,
+    localize: {
+        ...faIR.localize,
+        day: (value, options) => faIR.localize.day(value, {
+            ...options,
+            width: options?.width === 'short' ? 'narrow' : options?.width
+        }),
+        month: (value, options) => faIR.localize.month(value, {
+            ...options,
+            width: options?.width === 'abbreviated' ? 'wide' : options?.width
+        })
     }
-    button(configOverrides) {
-        return {
-            type: "button",
-            ...configOverrides,
-        };
+};
+
+/**
+ * ng-zorro derives its calendar arithmetic from `date-fns`. With the
+ * `date-fns` -> `date-fns-jalali` package override, most `CandyDate` operations
+ * become Jalali-aware, but two things stay on the native (Gregorian) calendar
+ * and break the round-trip that emits the form value:
+ *
+ *  1. The field GETTERS (`getYear/getMonth/getDate`) read raw native fields.
+ *  2. `setDate` uses the native `Date.setDate` (unlike `setYear`/`setMonth`,
+ *     which use the overridden date-fns and are therefore Jalali).
+ *
+ * ng-zorro's `DateTableComponent.changeValueFromInside` does:
+ *
+ *   activeDate.setYear(value.getYear()).setMonth(value.getMonth()).setDate(value.getDate())
+ *
+ * Mixing Gregorian getters + Jalali `setYear/setMonth` + native `setDate`
+ * corrupts the emitted Date (year ~+621 off, wrong day). This patch aligns all
+ * axes on the Jalali calendar so getter/setter round-trip and the emitted
+ * native Date stays the correct Gregorian instant. Idempotent; call once at app
+ * init (see provideNzFormlyJalali()).
+ */
+function patchCandyDateForJalali() {
+    const proto = CandyDate.prototype;
+    if (proto.__ngxNzJalaliPatched) {
+        return;
     }
+    proto.getYear = function () {
+        return getYear(this.nativeDate);
+    };
+    proto.getMonth = function () {
+        return getMonth(this.nativeDate);
+    };
+    proto.getDate = function () {
+        return getDate(this.nativeDate);
+    };
+    proto.setDate = function (amount) {
+        return new CandyDate(setDate(this.nativeDate, amount));
+    };
+    proto.__ngxNzJalaliPatched = true;
+}
+
+/**
+ * Enables the Jalali (Persian) calendar for ngx-nz-formly's date-picker:
+ * a real Jalali calendar panel, with correct Gregorian `Date` values emitted
+ * to the form control.
+ *
+ * It provides ng-zorro's Persian UI text (`fa_IR`) and a Jalali date-fns locale
+ * (`date-fns-jalali`'s `faIR`) for formatting, and patches `CandyDate`'s field
+ * getters to be Jalali-aware so ng-zorro's getter/setter round-trip no longer
+ * corrupts the value (see patch-candy-date.ts).
+ *
+ * REQUIRED consumer setup: ng-zorro derives its calendar *arithmetic* from the
+ * functions it imports from `date-fns`, which cannot be swapped via DI. To get
+ * a real Jalali calendar you must replace `date-fns` with `date-fns-jalali` at
+ * install time via a package override (npm `overrides` / yarn `resolutions`):
+ *
+ * ```json
+ * "overrides": { "date-fns": "npm:date-fns-jalali@2.30.0-0" }
+ * ```
+ *
+ * (A tsconfig `paths` alias is NOT enough — the esbuild application builder does
+ * not rewrite imports inside already-compiled node_modules.)
+ *
+ * Usage (standalone bootstrap):
+ * ```ts
+ * providers: [provideNgxNzFormly(), provideNzFormlyJalali()]
+ * ```
+ */
+function provideNzFormlyJalali() {
+    return makeEnvironmentProviders([
+        { provide: NZ_I18N, useValue: fa_IR },
+        { provide: NZ_DATE_LOCALE, useValue: jalaliDateLocale },
+        provideAppInitializer(() => patchCandyDateForJalali())
+    ]);
 }
 
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { NzFormlyFieldBuilder, NzFormlyForRoot, emailValidator, maxLengthMessage, maxLengthValidator, maxValueMessage, maxValueValidator, minLengthMessage, minLengthValidator, minValueMessage, minValueValidator, passwordValidator };
+export { NgxNzFormlyModule, NzFormlyFieldBuilder, NzFormlyForRoot, emailValidator, maxLengthMessage, maxLengthValidator, maxValueMessage, maxValueValidator, minLengthMessage, minLengthValidator, minValueMessage, minValueValidator, passwordValidator, provideNgxNzFormly, provideNzFormlyJalali };
 //# sourceMappingURL=ngx-nz-formly.mjs.map