ngx-nz-formly 0.0.1

package/fesm2022/ngx-nz-formly.mjs

@@ -0,0 +1,2101 @@
+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 * 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 i3$1 from 'ng-zorro-antd/core/transition-patch';
+import * as i7 from 'ng-zorro-antd/icon';
+import { NzIconModule } from 'ng-zorro-antd/icon';
+import * as i3$2 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 { NzSelectModule } from 'ng-zorro-antd/select';
+import * as i3$3 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 { trigger, transition, style, animate } from '@angular/animations';
+import { NzInputNumberModule } from 'ng-zorro-antd/input-number';
+
+const CountryMasks2 = [
+    {
+        countryShortName: "AC",
+        prefix: "+247",
+        globalMask: "+247-####",
+    },
+    {
+        countryShortName: "AD",
+        prefix: "+376",
+        globalMask: "+376-###-###",
+    },
+    {
+        countryShortName: "AE",
+        prefix: "+9715",
+        globalMask: "+971-5#-###-####",
+    },
+    {
+        countryShortName: "AE",
+        prefix: "+971",
+        globalMask: "+971-#-###-####",
+    },
+    {
+        countryShortName: "AF",
+        prefix: "+93",
+        globalMask: "+93-##-###-####",
+    },
+    {
+        countryShortName: "AG",
+        prefix: "+1268",
+        globalMask: "+1(268)###-####",
+    },
+    {
+        countryShortName: "AI",
+        prefix: "+1264",
+        globalMask: "+1(264)###-####",
+    },
+    {
+        countryShortName: "AL",
+        prefix: "+355",
+        globalMask: "+355(###)###-###",
+    },
+    {
+        countryShortName: "AM",
+        prefix: "+374",
+        globalMask: "+374-##-###-###",
+    },
+    {
+        countryShortName: "AN",
+        prefix: "+599",
+        globalMask: "+599-###-####",
+    },
+    {
+        countryShortName: "AN",
+        prefix: "+5999",
+        globalMask: "+599-9###-####",
+    },
+    {
+        countryShortName: "AO",
+        prefix: "+244",
+        globalMask: "+244(###)###-###",
+    },
+    {
+        countryShortName: "AQ",
+        prefix: "+6721",
+        globalMask: "+672-1##-###",
+    },
+    {
+        countryShortName: "AR",
+        prefix: "+54",
+        globalMask: "+54(###)###-####",
+    },
+    {
+        countryShortName: "AS",
+        prefix: "+1684",
+        globalMask: "+1(684)###-####",
+    },
+    {
+        countryShortName: "AT",
+        prefix: "+43",
+        globalMask: "+43(###)###-####",
+    },
+    {
+        countryShortName: "AU",
+        prefix: "+61",
+        globalMask: "+61-#-####-####",
+    },
+    {
+        countryShortName: "AW",
+        prefix: "+297",
+        globalMask: "+297-###-####",
+    },
+    {
+        countryShortName: "AZ",
+        prefix: "+994",
+        globalMask: "+994-##-###-##-##",
+    },
+    {
+        countryShortName: "BA",
+        prefix: "+387",
+        globalMask: "+387-##-#####",
+    },
+    {
+        countryShortName: "BA",
+        prefix: "+387",
+        globalMask: "+387-##-####",
+    },
+    {
+        countryShortName: "BB",
+        prefix: "+1246",
+        globalMask: "+1(246)###-####",
+    },
+    {
+        countryShortName: "BD",
+        prefix: "+880",
+        globalMask: "+880-##-###-###",
+    },
+    {
+        countryShortName: "BE",
+        prefix: "+32",
+        globalMask: "+32(###)###-###",
+    },
+    {
+        countryShortName: "BF",
+        prefix: "+226",
+        globalMask: "+226-##-##-####",
+    },
+    {
+        countryShortName: "BG",
+        prefix: "+359",
+        globalMask: "+359(###)###-###",
+    },
+    {
+        countryShortName: "BH",
+        prefix: "+973",
+        globalMask: "+973-####-####",
+    },
+    {
+        countryShortName: "BI",
+        prefix: "+257",
+        globalMask: "+257-##-##-####",
+    },
+    {
+        countryShortName: "BJ",
+        prefix: "+229",
+        globalMask: "+229-##-##-####",
+    },
+    {
+        countryShortName: "BM",
+        prefix: "+1441",
+        globalMask: "+1(441)###-####",
+    },
+    {
+        countryShortName: "BN",
+        prefix: "+673",
+        globalMask: "+673-###-####",
+    },
+    {
+        countryShortName: "BO",
+        prefix: "+591",
+        globalMask: "+591-#-###-####",
+    },
+    {
+        countryShortName: "BR",
+        prefix: "+55",
+        globalMask: "+55(##)####-####",
+    },
+    {
+        countryShortName: "BR",
+        prefix: "+55",
+        globalMask: "+55(##)9####-####",
+    },
+    {
+        countryShortName: "BS",
+        prefix: "+1242",
+        globalMask: "+1(242)###-####",
+    },
+    {
+        countryShortName: "BT",
+        prefix: "+97517",
+        globalMask: "+975-17-###-###",
+    },
+    {
+        countryShortName: "BT",
+        prefix: "+975",
+        globalMask: "+975-#-###-###",
+    },
+    {
+        countryShortName: "BW",
+        prefix: "+267",
+        globalMask: "+267-##-###-###",
+    },
+    {
+        countryShortName: "BY",
+        prefix: "+375",
+        globalMask: "+375(##)###-##-##",
+    },
+    {
+        countryShortName: "BZ",
+        prefix: "+501",
+        globalMask: "+501-###-####",
+    },
+    {
+        countryShortName: "US & CA",
+        prefix: "+1",
+        globalMask: "+1(###)###-####",
+    },
+    {
+        countryShortName: "CD",
+        prefix: "+243",
+        globalMask: "+243(###)###-###",
+    },
+    {
+        countryShortName: "CF",
+        prefix: "+236",
+        globalMask: "+236-##-##-####",
+    },
+    {
+        countryShortName: "CG",
+        prefix: "+242",
+        globalMask: "+242-##-###-####",
+    },
+    {
+        countryShortName: "CH",
+        prefix: "+41",
+        globalMask: "+41-##-###-####",
+    },
+    {
+        countryShortName: "CI",
+        prefix: "+225",
+        globalMask: "+225-##-###-###",
+    },
+    {
+        countryShortName: "CK",
+        prefix: "+682",
+        globalMask: "+682-##-###",
+    },
+    {
+        countryShortName: "CL",
+        prefix: "+56",
+        globalMask: "+56-#-####-####",
+    },
+    {
+        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: "CO",
+        prefix: "+57",
+        globalMask: "+57(###)###-####",
+    },
+    {
+        countryShortName: "CR",
+        prefix: "+506",
+        globalMask: "+506-####-####",
+    },
+    {
+        countryShortName: "CU",
+        prefix: "+53",
+        globalMask: "+53-#-###-####",
+    },
+    {
+        countryShortName: "CV",
+        prefix: "+238",
+        globalMask: "+238(###)##-##",
+    },
+    {
+        countryShortName: "CW",
+        prefix: "+599",
+        globalMask: "+599-###-####",
+    },
+    {
+        countryShortName: "CY",
+        prefix: "+357",
+        globalMask: "+357-##-###-###",
+    },
+    {
+        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: "DJ",
+        prefix: "+253",
+        globalMask: "+253-##-##-##-##",
+    },
+    {
+        countryShortName: "DK",
+        prefix: "+45",
+        globalMask: "+45-##-##-##-##",
+    },
+    {
+        countryShortName: "DM",
+        prefix: "+1767",
+        globalMask: "+1(767)###-####",
+    },
+    {
+        countryShortName: "DO",
+        prefix: "+1809",
+        globalMask: "+1(809)###-####",
+    },
+    {
+        countryShortName: "DO",
+        prefix: "+1829",
+        globalMask: "+1(829)###-####",
+    },
+    {
+        countryShortName: "DO",
+        prefix: "+1849",
+        globalMask: "+1(849)###-####",
+    },
+    {
+        countryShortName: "DZ",
+        prefix: "+213",
+        globalMask: "+213-##-###-####",
+    },
+    {
+        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: "EG",
+        prefix: "+20",
+        globalMask: "+20(###)###-####",
+    },
+    {
+        countryShortName: "ER",
+        prefix: "+291",
+        globalMask: "+291-#-###-###",
+    },
+    {
+        countryShortName: "ES",
+        prefix: "+34",
+        globalMask: "+34(###)###-###",
+    },
+    {
+        countryShortName: "ET",
+        prefix: "+251",
+        globalMask: "+251-##-###-####",
+    },
+    {
+        countryShortName: "FI",
+        prefix: "+358",
+        globalMask: "+358(###)###-##-##",
+    },
+    {
+        countryShortName: "FJ",
+        prefix: "+679",
+        globalMask: "+679-##-#####",
+    },
+    {
+        countryShortName: "FK",
+        prefix: "+500",
+        globalMask: "+500-#####",
+    },
+    {
+        countryShortName: "FM",
+        prefix: "+691",
+        globalMask: "+691-###-####",
+    },
+    {
+        countryShortName: "FO",
+        prefix: "+298",
+        globalMask: "+298-###-###",
+    },
+    {
+        countryShortName: "FR",
+        prefix: "+262",
+        globalMask: "+262-#####-####",
+    },
+    {
+        countryShortName: "FR",
+        prefix: "+33",
+        globalMask: "+33(###)###-###",
+    },
+    {
+        countryShortName: "FR",
+        prefix: "+508",
+        globalMask: "+508-##-####",
+    },
+    {
+        countryShortName: "FR",
+        prefix: "+590",
+        globalMask: "+590(###)###-###",
+    },
+    {
+        countryShortName: "GA",
+        prefix: "+241",
+        globalMask: "+241-#-##-##-##",
+    },
+    {
+        countryShortName: "GD",
+        prefix: "+1473",
+        globalMask: "+1(473)###-####",
+    },
+    {
+        countryShortName: "GE",
+        prefix: "+995",
+        globalMask: "+995(###)###-###",
+    },
+    {
+        countryShortName: "GF",
+        prefix: "+594",
+        globalMask: "+594-#####-####",
+    },
+    {
+        countryShortName: "GH",
+        prefix: "+233",
+        globalMask: "+233(###)###-###",
+    },
+    {
+        countryShortName: "GI",
+        prefix: "+350",
+        globalMask: "+350-###-#####",
+    },
+    {
+        countryShortName: "GL",
+        prefix: "+299",
+        globalMask: "+299-##-##-##",
+    },
+    {
+        countryShortName: "GM",
+        prefix: "+220",
+        globalMask: "+220(###)##-##",
+    },
+    {
+        countryShortName: "GN",
+        prefix: "+224",
+        globalMask: "+224-##-###-###",
+    },
+    {
+        countryShortName: "GQ",
+        prefix: "+240",
+        globalMask: "+240-##-###-####",
+    },
+    {
+        countryShortName: "GR",
+        prefix: "+30",
+        globalMask: "+30(###)###-####",
+    },
+    {
+        countryShortName: "GT",
+        prefix: "+502",
+        globalMask: "+502-#-###-####",
+    },
+    {
+        countryShortName: "GU",
+        prefix: "+1671",
+        globalMask: "+1(671)###-####",
+    },
+    {
+        countryShortName: "GW",
+        prefix: "+245",
+        globalMask: "+245-#-######",
+    },
+    {
+        countryShortName: "GY",
+        prefix: "+592",
+        globalMask: "+592-###-####",
+    },
+    {
+        countryShortName: "HK",
+        prefix: "+852",
+        globalMask: "+852-####-####",
+    },
+    {
+        countryShortName: "HN",
+        prefix: "+504",
+        globalMask: "+504-####-####",
+    },
+    {
+        countryShortName: "HR",
+        prefix: "+385",
+        globalMask: "+385-##-###-###",
+    },
+    {
+        countryShortName: "HT",
+        prefix: "+509",
+        globalMask: "+509-##-##-####",
+    },
+    {
+        countryShortName: "HU",
+        prefix: "+36",
+        globalMask: "+36(###)###-###",
+    },
+    {
+        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: "+628",
+        globalMask: "+62(8##)###-###",
+    },
+    {
+        countryShortName: "ID",
+        prefix: "+628",
+        globalMask: "+62(8##)###-##-###",
+    },
+    {
+        countryShortName: "IE",
+        prefix: "+353",
+        globalMask: "+353(###)###-###",
+    },
+    {
+        countryShortName: "IL",
+        prefix: "+9725",
+        globalMask: "+972-5#-###-####",
+    },
+    {
+        countryShortName: "IL",
+        prefix: "+972",
+        globalMask: "+972-#-###-####",
+    },
+    {
+        countryShortName: "IN",
+        prefix: "+91",
+        globalMask: "+91(####)###-###",
+    },
+    {
+        countryShortName: "IO",
+        prefix: "+246",
+        globalMask: "+246-###-####",
+    },
+    {
+        countryShortName: "IQ",
+        prefix: "+964",
+        globalMask: "+964(###)###-####",
+    },
+    {
+        countryShortName: "IR",
+        prefix: "+98",
+        globalMask: "+98(###)###-####",
+    },
+    {
+        countryShortName: "IS",
+        prefix: "+354",
+        globalMask: "+354-###-####",
+    },
+    {
+        countryShortName: "IT",
+        prefix: "+39",
+        globalMask: "+39(###)####-###",
+    },
+    {
+        countryShortName: "JM",
+        prefix: "+1876",
+        globalMask: "+1(876)###-####",
+    },
+    {
+        countryShortName: "JO",
+        prefix: "+962",
+        globalMask: "+962-#-####-####",
+    },
+    {
+        countryShortName: "JP",
+        prefix: "+81",
+        globalMask: "+81-##-####-####",
+    },
+    {
+        countryShortName: "JP",
+        prefix: "+81",
+        globalMask: "+81(###)###-###",
+    },
+    {
+        countryShortName: "KE",
+        prefix: "+254",
+        globalMask: "+254-###-######",
+    },
+    {
+        countryShortName: "KG",
+        prefix: "+996",
+        globalMask: "+996(###)###-###",
+    },
+    {
+        countryShortName: "KH",
+        prefix: "+855",
+        globalMask: "+855-##-###-###",
+    },
+    {
+        countryShortName: "KI",
+        prefix: "+686",
+        globalMask: "+686-##-###",
+    },
+    {
+        countryShortName: "KM",
+        prefix: "+269",
+        globalMask: "+269-##-#####",
+    },
+    {
+        countryShortName: "KN",
+        prefix: "+1869",
+        globalMask: "+1(869)###-####",
+    },
+    {
+        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: "KR",
+        prefix: "+82",
+        globalMask: "+82-##-###-####",
+    },
+    {
+        countryShortName: "KW",
+        prefix: "+965",
+        globalMask: "+965-####-####",
+    },
+    {
+        countryShortName: "KY",
+        prefix: "+1345",
+        globalMask: "+1(345)###-####",
+    },
+    {
+        countryShortName: "KZ",
+        prefix: "+76",
+        globalMask: "+7(6##)###-##-##",
+    },
+    {
+        countryShortName: "KZ",
+        prefix: "+77",
+        globalMask: "+7(7##)###-##-##",
+    },
+    {
+        countryShortName: "LA",
+        prefix: "+85620",
+        globalMask: "+856(20##)###-###",
+    },
+    {
+        countryShortName: "LA",
+        prefix: "+856",
+        globalMask: "+856-##-###-###",
+    },
+    {
+        countryShortName: "LB",
+        prefix: "+961",
+        globalMask: "+961-##-###-###",
+    },
+    {
+        countryShortName: "LB",
+        prefix: "+961",
+        globalMask: "+961-#-###-###",
+    },
+    {
+        countryShortName: "LC",
+        prefix: "+1758",
+        globalMask: "+1(758)###-####",
+    },
+    {
+        countryShortName: "LI",
+        prefix: "+423",
+        globalMask: "+423(###)###-####",
+    },
+    {
+        countryShortName: "LK",
+        prefix: "+94",
+        globalMask: "+94-##-###-####",
+    },
+    {
+        countryShortName: "LR",
+        prefix: "+231",
+        globalMask: "+231-##-###-###",
+    },
+    {
+        countryShortName: "LS",
+        prefix: "+266",
+        globalMask: "+266-#-###-####",
+    },
+    {
+        countryShortName: "LT",
+        prefix: "+370",
+        globalMask: "+370(###)##-###",
+    },
+    {
+        countryShortName: "LU",
+        prefix: "+352",
+        globalMask: "+352(###)###-###",
+    },
+    {
+        countryShortName: "LV",
+        prefix: "+371",
+        globalMask: "+371-##-###-###",
+    },
+    {
+        countryShortName: "LY",
+        prefix: "+218",
+        globalMask: "+218-##-###-###",
+    },
+    {
+        countryShortName: "LY",
+        prefix: "+21821",
+        globalMask: "+218-21-###-####",
+    },
+    {
+        countryShortName: "MA",
+        prefix: "+212",
+        globalMask: "+212-##-####-###",
+    },
+    {
+        countryShortName: "MC",
+        prefix: "+377",
+        globalMask: "+377(###)###-###",
+    },
+    {
+        countryShortName: "MC",
+        prefix: "+377",
+        globalMask: "+377-##-###-###",
+    },
+    {
+        countryShortName: "MD",
+        prefix: "+373",
+        globalMask: "+373-####-####",
+    },
+    {
+        countryShortName: "ME",
+        prefix: "+382",
+        globalMask: "+382-##-###-###",
+    },
+    {
+        countryShortName: "MG",
+        prefix: "+261",
+        globalMask: "+261-##-##-#####",
+    },
+    {
+        countryShortName: "MH",
+        prefix: "+692",
+        globalMask: "+692-###-####",
+    },
+    {
+        countryShortName: "MK",
+        prefix: "+389",
+        globalMask: "+389-##-###-###",
+    },
+    {
+        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: "MN",
+        prefix: "+976",
+        globalMask: "+976-##-##-####",
+    },
+    {
+        countryShortName: "MO",
+        prefix: "+853",
+        globalMask: "+853-####-####",
+    },
+    {
+        countryShortName: "MP",
+        prefix: "+1670",
+        globalMask: "+1(670)###-####",
+    },
+    {
+        countryShortName: "MQ",
+        prefix: "+596",
+        globalMask: "+596(###)##-##-##",
+    },
+    {
+        countryShortName: "MR",
+        prefix: "+222",
+        globalMask: "+222-##-##-####",
+    },
+    {
+        countryShortName: "MS",
+        prefix: "+1664",
+        globalMask: "+1(664)###-####",
+    },
+    {
+        countryShortName: "MT",
+        prefix: "+356",
+        globalMask: "+356-####-####",
+    },
+    {
+        countryShortName: "MU",
+        prefix: "+230",
+        globalMask: "+230-###-####",
+    },
+    {
+        countryShortName: "MV",
+        prefix: "+960",
+        globalMask: "+960-###-####",
+    },
+    {
+        countryShortName: "MW",
+        prefix: "+2651",
+        globalMask: "+265-1-###-###",
+    },
+    {
+        countryShortName: "MW",
+        prefix: "+265",
+        globalMask: "+265-#-####-####",
+    },
+    {
+        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: "MZ",
+        prefix: "+258",
+        globalMask: "+258-##-###-###",
+    },
+    {
+        countryShortName: "NA",
+        prefix: "+264",
+        globalMask: "+264-##-###-####",
+    },
+    {
+        countryShortName: "NC",
+        prefix: "+687",
+        globalMask: "+687-##-####",
+    },
+    {
+        countryShortName: "NE",
+        prefix: "+227",
+        globalMask: "+227-##-##-####",
+    },
+    {
+        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: "NI",
+        prefix: "+505",
+        globalMask: "+505-####-####",
+    },
+    {
+        countryShortName: "NL",
+        prefix: "+31",
+        globalMask: "+31-##-###-####",
+    },
+    {
+        countryShortName: "NO",
+        prefix: "+47",
+        globalMask: "+47(###)##-###",
+    },
+    {
+        countryShortName: "NP",
+        prefix: "+977",
+        globalMask: "+977-##-###-###",
+    },
+    {
+        countryShortName: "NR",
+        prefix: "+674",
+        globalMask: "+674-###-####",
+    },
+    {
+        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: "OM",
+        prefix: "+968",
+        globalMask: "+968-##-###-###",
+    },
+    {
+        countryShortName: "PA",
+        prefix: "+507",
+        globalMask: "+507-###-####",
+    },
+    {
+        countryShortName: "PE",
+        prefix: "+51",
+        globalMask: "+51(###)###-###",
+    },
+    {
+        countryShortName: "PF",
+        prefix: "+689",
+        globalMask: "+689-##-##-##",
+    },
+    {
+        countryShortName: "PG",
+        prefix: "+675",
+        globalMask: "+675(###)##-###",
+    },
+    {
+        countryShortName: "PH",
+        prefix: "+63",
+        globalMask: "+63(###)###-####",
+    },
+    {
+        countryShortName: "PK",
+        prefix: "+92",
+        globalMask: "+92(###)###-####",
+    },
+    {
+        countryShortName: "PL",
+        prefix: "+48",
+        globalMask: "+48(###)###-###",
+    },
+    {
+        countryShortName: "PS",
+        prefix: "+970",
+        globalMask: "+970-##-###-####",
+    },
+    {
+        countryShortName: "PT",
+        prefix: "+351",
+        globalMask: "+351-##-###-####",
+    },
+    {
+        countryShortName: "PW",
+        prefix: "+680",
+        globalMask: "+680-###-####",
+    },
+    {
+        countryShortName: "PY",
+        prefix: "+595",
+        globalMask: "+595(###)###-###",
+    },
+    {
+        countryShortName: "QA",
+        prefix: "+974",
+        globalMask: "+974-####-####",
+    },
+    {
+        countryShortName: "RE",
+        prefix: "+262",
+        globalMask: "+262-#####-####",
+    },
+    {
+        countryShortName: "RO",
+        prefix: "+40",
+        globalMask: "+40-##-###-####",
+    },
+    {
+        countryShortName: "RS",
+        prefix: "+381",
+        globalMask: "+381-##-###-####",
+    },
+    {
+        countryShortName: "RU",
+        prefix: "+7",
+        globalMask: "+7(###)###-##-##",
+    },
+    {
+        countryShortName: "RW",
+        prefix: "+250",
+        globalMask: "+250(###)###-###",
+    },
+    {
+        countryShortName: "SA",
+        prefix: "+9665",
+        globalMask: "+966-5-####-####",
+    },
+    {
+        countryShortName: "SA",
+        prefix: "+966",
+        globalMask: "+966-#-###-####",
+    },
+    {
+        countryShortName: "SB",
+        prefix: "+677",
+        globalMask: "+677-###-####",
+    },
+    {
+        countryShortName: "SB",
+        prefix: "+677",
+        globalMask: "+677-#####",
+    },
+    {
+        countryShortName: "SC",
+        prefix: "+248",
+        globalMask: "+248-#-###-###",
+    },
+    {
+        countryShortName: "SD",
+        prefix: "+249",
+        globalMask: "+249-##-###-####",
+    },
+    {
+        countryShortName: "SE",
+        prefix: "+46",
+        globalMask: "+46-##-###-####",
+    },
+    {
+        countryShortName: "SG",
+        prefix: "+65",
+        globalMask: "+65-####-####",
+    },
+    {
+        countryShortName: "SH",
+        prefix: "+290",
+        globalMask: "+290-####",
+    },
+    {
+        countryShortName: "SH",
+        prefix: "+290",
+        globalMask: "+290-####",
+    },
+    {
+        countryShortName: "SI",
+        prefix: "+386",
+        globalMask: "+386-##-###-###",
+    },
+    {
+        countryShortName: "SK",
+        prefix: "+421",
+        globalMask: "+421(###)###-###",
+    },
+    {
+        countryShortName: "SL",
+        prefix: "+232",
+        globalMask: "+232-##-######",
+    },
+    {
+        countryShortName: "SM",
+        prefix: "+378",
+        globalMask: "+378-####-######",
+    },
+    {
+        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: "SR",
+        prefix: "+597",
+        globalMask: "+597-###-####",
+    },
+    {
+        countryShortName: "SR",
+        prefix: "+597",
+        globalMask: "+597-###-###",
+    },
+    {
+        countryShortName: "SS",
+        prefix: "+211",
+        globalMask: "+211-##-###-####",
+    },
+    {
+        countryShortName: "ST",
+        prefix: "+239",
+        globalMask: "+239-##-#####",
+    },
+    {
+        countryShortName: "SV",
+        prefix: "+503",
+        globalMask: "+503-##-##-####",
+    },
+    {
+        countryShortName: "SX",
+        prefix: "+1721",
+        globalMask: "+1(721)###-####",
+    },
+    {
+        countryShortName: "SY",
+        prefix: "+963",
+        globalMask: "+963-##-####-###",
+    },
+    {
+        countryShortName: "SZ",
+        prefix: "+268",
+        globalMask: "+268-##-##-####",
+    },
+    {
+        countryShortName: "TC",
+        prefix: "+1649",
+        globalMask: "+1(649)###-####",
+    },
+    {
+        countryShortName: "TD",
+        prefix: "+235",
+        globalMask: "+235-##-##-##-##",
+    },
+    {
+        countryShortName: "TG",
+        prefix: "+228",
+        globalMask: "+228-##-###-###",
+    },
+    {
+        countryShortName: "TH",
+        prefix: "+66",
+        globalMask: "+66-##-###-####",
+    },
+    {
+        countryShortName: "TH",
+        prefix: "+66",
+        globalMask: "+66-##-###-###",
+    },
+    {
+        countryShortName: "TJ",
+        prefix: "+992",
+        globalMask: "+992-##-###-####",
+    },
+    {
+        countryShortName: "TK",
+        prefix: "+690",
+        globalMask: "+690-####",
+    },
+    {
+        countryShortName: "TL",
+        prefix: "+670",
+        globalMask: "+670-###-####",
+    },
+    {
+        countryShortName: "TL",
+        prefix: "+67077",
+        globalMask: "+670-77#-#####",
+    },
+    {
+        countryShortName: "TL",
+        prefix: "+67078",
+        globalMask: "+670-78#-#####",
+    },
+    {
+        countryShortName: "TM",
+        prefix: "+993",
+        globalMask: "+993-#-###-####",
+    },
+    {
+        countryShortName: "TN",
+        prefix: "+216",
+        globalMask: "+216-##-###-###",
+    },
+    {
+        countryShortName: "TO",
+        prefix: "+676",
+        globalMask: "+676-#####",
+    },
+    {
+        countryShortName: "TR",
+        prefix: "+90",
+        globalMask: "+90(###)###-####",
+    },
+    {
+        countryShortName: "TT",
+        prefix: "+1868",
+        globalMask: "+1(868)###-####",
+    },
+    {
+        countryShortName: "TV",
+        prefix: "+68890",
+        globalMask: "+688-90####",
+    },
+    {
+        countryShortName: "TV",
+        prefix: "+6882",
+        globalMask: "+688-2####",
+    },
+    {
+        countryShortName: "TW",
+        prefix: "+886",
+        globalMask: "+886-#-####-####",
+    },
+    {
+        countryShortName: "TW",
+        prefix: "+886",
+        globalMask: "+886-####-####",
+    },
+    {
+        countryShortName: "TZ",
+        prefix: "+255",
+        globalMask: "+255-##-###-####",
+    },
+    {
+        countryShortName: "UA",
+        prefix: "+380",
+        globalMask: "+380(##)###-##-##",
+    },
+    {
+        countryShortName: "UG",
+        prefix: "+256",
+        globalMask: "+256(###)###-###",
+    },
+    {
+        countryShortName: "UK",
+        prefix: "+44",
+        globalMask: "+44-##-####-####",
+    },
+    {
+        countryShortName: "UY",
+        prefix: "+598",
+        globalMask: "+598-#-###-##-##",
+    },
+    {
+        countryShortName: "UZ",
+        prefix: "+998",
+        globalMask: "+998-##-###-####",
+    },
+    {
+        countryShortName: "VA",
+        prefix: "+396698",
+        globalMask: "+39-6-698-#####",
+    },
+    {
+        countryShortName: "VC",
+        prefix: "+1784",
+        globalMask: "+1(784)###-####",
+    },
+    {
+        countryShortName: "VE",
+        prefix: "+58",
+        globalMask: "+58(###)###-####",
+    },
+    {
+        countryShortName: "VG",
+        prefix: "+1284",
+        globalMask: "+1(284)###-####",
+    },
+    {
+        countryShortName: "VI",
+        prefix: "+1340",
+        globalMask: "+1(340)###-####",
+    },
+    {
+        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: "WF",
+        prefix: "+681",
+        globalMask: "+681-##-####",
+    },
+    {
+        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: "ZA",
+        prefix: "+27",
+        globalMask: "+27-##-###-####",
+    },
+    {
+        countryShortName: "ZM",
+        prefix: "+260",
+        globalMask: "+260-##-###-####",
+    },
+    {
+        countryShortName: "ZW",
+        prefix: "+263",
+        globalMask: "+263-#-######",
+    },
+];
+
+const DefaultPhoneMask = {
+    countryShortName: "IR",
+    prefix: "+98",
+    globalMask: "+00(000)000-0000",
+};
+class FormlyFieldInputComponent extends FieldType {
+    mask;
+    unSubscribeAll$ = new Subject();
+    ngAfterViewInit() {
+        this.createInitState();
+        this.onValueChange();
+    }
+    createInitState() {
+        if (this.props.mask === "phone") {
+            this.mask = DefaultPhoneMask.globalMask;
+            this.handlePhoneMask();
+        }
+        else {
+            this.mask = this.props.mask;
+        }
+    }
+    handlePhoneMask() {
+        this.formControl.valueChanges
+            .pipe(takeUntil(this.unSubscribeAll$), 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);
+                if (mask && this.mask !== mask.globalMask) {
+                    this.mask = mask.globalMask?.replace(/#|[1-9]/g, "0");
+                }
+            }
+        }))
+            .subscribe();
+    }
+    onValueChange() {
+        this.formControl.valueChanges
+            .pipe(takeUntil(this.unSubscribeAll$), debounceTime(300), 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);
+        if (newMask)
+            return newMask;
+        return null;
+    }
+    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, "");
+        return new_str.indexOf(new_prefix) == 0;
+    }
+    changeShowPassword(input) {
+        if (input.type === "password") {
+            input.type = "text";
+        }
+        else {
+            input.type = "password";
+        }
+    }
+    showPassword(input) {
+        return input.type === "text";
+    }
+    get type() {
+        return this.props.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 ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FormlyFieldInputComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: FormlyFieldInputComponent, selector: "app-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      [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: ["nz-input-group{position:relative}input{border-radius:2px!important;box-shadow:none!important}.show-password{top:6px;z-index:5;right:10px;opacity:.6;cursor:pointer;position:absolute}::ng-deep .ant-input-affix-wrapper-focused,::ng-deep .ant-input-affix-wrapper:focus{box-shadow:none!important}\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.MaskDirective, selector: "input[mask], textarea[mask]", inputs: ["mask", "specialCharacters", "patterns", "prefix", "suffix", "thousandSeparator", "decimalMarker", "dropSpecialCharacters", "hiddenInput", "showMaskTyped", "placeHolderCharacter", "shownMaskExpression", "showTemplate", "clearIfNotMatch", "validation", "separatorLimit", "allowNegativeNumbers", "leadZeroDateTime", "triggerOnMaskChange"], 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: i3$1.ɵ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"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FormlyFieldInputComponent, decorators: [{
+            type: Component,
+            args: [{ selector: "app-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      [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: ["nz-input-group{position:relative}input{border-radius:2px!important;box-shadow:none!important}.show-password{top:6px;z-index:5;right:10px;opacity:.6;cursor:pointer;position:absolute}::ng-deep .ant-input-affix-wrapper-focused,::ng-deep .ant-input-affix-wrapper:focus{box-shadow:none!important}\n"] }]
+        }] });
+
+class FormlyFieldCheckboxComponent extends FieldType {
+    unSubscribeAll$ = new Subject();
+    ngOnInit() {
+        this.formControl.valueChanges
+            .pipe(takeUntil(this.unSubscribeAll$), 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 ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FormlyFieldCheckboxComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: FormlyFieldCheckboxComponent, selector: "app-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}label ::ng-deep .ant-checkbox{top:0!important}label ::ng-deep .ant-checkbox-checked:after{visibility:hidden!important}\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$2.NzCheckboxComponent, selector: "[nz-checkbox]", inputs: ["nzValue", "nzAutoFocus", "nzDisabled", "nzIndeterminate", "nzChecked", "nzId"], outputs: ["nzCheckedChange"], exportAs: ["nzCheckbox"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FormlyFieldCheckboxComponent, decorators: [{
+            type: Component,
+            args: [{ selector: "app-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}label ::ng-deep .ant-checkbox{top:0!important}label ::ng-deep .ant-checkbox-checked:after{visibility:hidden!important}\n"] }]
+        }] });
+
+class FormlyButtonComponent extends FieldType {
+    onClick() {
+        if (typeof this.props?.click == "function") {
+            this.props.click();
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FormlyButtonComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: FormlyButtonComponent, selector: "app-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: [".ant-btn:after{visibility:hidden!important}\n"], 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: i3$1.ɵ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"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FormlyButtonComponent, decorators: [{
+            type: Component,
+            args: [{ selector: "app-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", styles: [".ant-btn:after{visibility:hidden!important}\n"] }]
+        }] });
+
+class FormlyFieldSelectComponent extends FieldType {
+    unSubscribeAll$ = new Subject();
+    ngOnInit() {
+        this.formControl.valueChanges
+            .pipe(takeUntil(this.unSubscribeAll$), 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 ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FormlyFieldSelectComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: FormlyFieldSelectComponent, selector: "app-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  [nzFilterOption]=\"props.nzFilterOption\"\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{width:100%}::ng-deep .ant-select-selector,::ng-deep .ant-input-number-focused{box-shadow:none!important}\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" }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FormlyFieldSelectComponent, decorators: [{
+            type: Component,
+            args: [{ selector: "app-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  [nzFilterOption]=\"props.nzFilterOption\"\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{width:100%}::ng-deep .ant-select-selector,::ng-deep .ant-input-number-focused{box-shadow:none!important}\n"] }]
+        }] });
+
+class FormlyFieldSwitchComponent extends FieldType {
+    unSubscribeAll$ = new Subject();
+    ngOnInit() {
+        this.formControl.valueChanges
+            .pipe(takeUntil(this.unSubscribeAll$), 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 ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FormlyFieldSwitchComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: FormlyFieldSwitchComponent, selector: "app-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: ["::ng-deep .ant-switch{background:#d9d9d9 none}::ng-deep .ant-switch-checked{background:#1890ff}::ng-deep .ant-switch:focus{box-shadow:none!important}::ng-deep .ant-click-animating-node{box-shadow:none!important}\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$3.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: FormlyFieldSwitchComponent, decorators: [{
+            type: Component,
+            args: [{ selector: "app-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", styles: ["::ng-deep .ant-switch{background:#d9d9d9 none}::ng-deep .ant-switch-checked{background:#1890ff}::ng-deep .ant-switch:focus{box-shadow:none!important}::ng-deep .ant-click-animating-node{box-shadow:none!important}\n"] }]
+        }] });
+
+class FormlyFieldRadioComponent extends FieldType {
+    unSubscribeAll$ = new Subject();
+    ngOnInit() {
+        this.formControl.valueChanges
+            .pipe(takeUntil(this.unSubscribeAll$), 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 ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FormlyFieldRadioComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: FormlyFieldRadioComponent, selector: "app-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: ["::ng-deep .ant-radio-checked:after{display:none!important}::ng-deep .ant-radio-input:focus+.ant-radio-inner{box-shadow:none}::ng-deep .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):focus-within{box-shadow:none!important}\n"], 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"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FormlyFieldRadioComponent, decorators: [{
+            type: Component,
+            args: [{ selector: "app-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", styles: ["::ng-deep .ant-radio-checked:after{display:none!important}::ng-deep .ant-radio-input:focus+.ant-radio-inner{box-shadow:none}::ng-deep .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):focus-within{box-shadow:none!important}\n"] }]
+        }] });
+
+class FormlyLabelWrapperComponent extends FieldWrapper {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FormlyLabelWrapperComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: FormlyLabelWrapperComponent, selector: "app-formly-label-wrapper", usesInheritance: true, ngImport: i0, template: "<div class=\"top-label\" *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=\"top-label\" *ngIf=\"props.labelPosition == 'Left'\">\r\n  <div class=\"field-wrapper\">\r\n    <div class=\"left-label\" [ngStyle]=\"{ width: props.styles?.labelWidth }\">\r\n      <ng-container *ngTemplateOutlet=\"Label\"></ng-container>\r\n    </div>\r\n\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<ng-template #Label>\r\n  <label [ngClass]=\"props.styles?.labelClass\">\r\n    {{ props.label || (props.labelObs | async) }}\r\n    <span class=\"colon\" *ngIf=\"props.labelPosition == 'Left'\">:</span>\r\n    <span class=\"required\" *ngIf=\"props.required\">*</span>\r\n  </label>\r\n</ng-template>\r\n", styles: [".field-wrapper{display:flex;align-items:center}@media (max-width: 500px){.field-wrapper{flex-direction:column;align-items:initial}}.top-label label{font-size:75%;font-weight:500}.left-label label{font-size:100%;font-weight:600;position:relative;padding-right:5px}label .colon{position:relative;left:-2px}label .required{color:#f10232;position:relative;right:0;top:2px}\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" }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FormlyLabelWrapperComponent, decorators: [{
+            type: Component,
+            args: [{ selector: "app-formly-label-wrapper", template: "<div class=\"top-label\" *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=\"top-label\" *ngIf=\"props.labelPosition == 'Left'\">\r\n  <div class=\"field-wrapper\">\r\n    <div class=\"left-label\" [ngStyle]=\"{ width: props.styles?.labelWidth }\">\r\n      <ng-container *ngTemplateOutlet=\"Label\"></ng-container>\r\n    </div>\r\n\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<ng-template #Label>\r\n  <label [ngClass]=\"props.styles?.labelClass\">\r\n    {{ props.label || (props.labelObs | async) }}\r\n    <span class=\"colon\" *ngIf=\"props.labelPosition == 'Left'\">:</span>\r\n    <span class=\"required\" *ngIf=\"props.required\">*</span>\r\n  </label>\r\n</ng-template>\r\n", styles: [".field-wrapper{display:flex;align-items:center}@media (max-width: 500px){.field-wrapper{flex-direction:column;align-items:initial}}.top-label label{font-size:75%;font-weight:500}.left-label label{font-size:100%;font-weight:600;position:relative;padding-right:5px}label .colon{position:relative;left:-2px}label .required{color:#f10232;position:relative;right:0;top:2px}\n"] }]
+        }] });
+
+class FormlyDefaultWrapperComponent extends FieldWrapper {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FormlyDefaultWrapperComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: FormlyDefaultWrapperComponent, selector: "app-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    class=\"error-message\"\r\n    *ngIf=\"formControl.touched && formControl.invalid\"\r\n    [@myAnimation]=\"formControl.touched && formControl.invalid\"\r\n    [ngStyle]=\"{ 'margin-left': props.labelPosition === 'Left' ? props.styles?.labelWidth ?? '0' : '0' }\"\r\n  >\r\n    <span nz-icon nzType=\"info-circle\" nzTheme=\"outline\"></span>\r\n    <formly-validation-message [field]=\"field\"></formly-validation-message>\r\n  </div>\r\n</div>\r\n", styles: [".error-message{left:0;gap:6px;bottom:0;height:0;display:flex;color:#f10232;font-size:85%;font-weight:500;position:relative;align-items:flex-start}.error-message span{position:relative;top:4px}@media (max-width: 500px){.error-message{margin:0!important}}\n"], dependencies: [{ 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"] }, { kind: "directive", type: i3$1.ɵ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"] }], animations: [
+            trigger("myAnimation", [
+                transition(":enter", [
+                    style({ bottom: "4px", opacity: 0 }),
+                    animate("100ms", style({ bottom: "0px", opacity: 1 })),
+                ]),
+                transition(":leave", [
+                    style({ bottom: "0px", opacity: 1 }),
+                    animate("100ms", style({ bottom: "4px", opacity: 0 })),
+                ]),
+            ]),
+        ] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FormlyDefaultWrapperComponent, decorators: [{
+            type: Component,
+            args: [{ selector: "app-formly-default-wrapper", animations: [
+                        trigger("myAnimation", [
+                            transition(":enter", [
+                                style({ bottom: "4px", opacity: 0 }),
+                                animate("100ms", style({ bottom: "0px", opacity: 1 })),
+                            ]),
+                            transition(":leave", [
+                                style({ bottom: "0px", opacity: 1 }),
+                                animate("100ms", style({ bottom: "4px", opacity: 0 })),
+                            ]),
+                        ]),
+                    ], 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    class=\"error-message\"\r\n    *ngIf=\"formControl.touched && formControl.invalid\"\r\n    [@myAnimation]=\"formControl.touched && formControl.invalid\"\r\n    [ngStyle]=\"{ 'margin-left': props.labelPosition === 'Left' ? props.styles?.labelWidth ?? '0' : '0' }\"\r\n  >\r\n    <span nz-icon nzType=\"info-circle\" nzTheme=\"outline\"></span>\r\n    <formly-validation-message [field]=\"field\"></formly-validation-message>\r\n  </div>\r\n</div>\r\n", styles: [".error-message{left:0;gap:6px;bottom:0;height:0;display:flex;color:#f10232;font-size:85%;font-weight:500;position:relative;align-items:flex-start}.error-message span{position:relative;top:4px}@media (max-width: 500px){.error-message{margin:0!important}}\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;
+}
+
+const FormlyForRoot = {
+    types: [
+        {
+            name: "input",
+            component: FormlyFieldInputComponent,
+            wrappers: ["default-wrapper", "label-wrapper"],
+            defaultOptions: {
+                props: {
+                    nzSize: "default",
+                    labelPosition: "Left",
+                    mask: "",
+                    thousandSeparator: "",
+                },
+            },
+        },
+        {
+            name: "checkbox",
+            component: FormlyFieldCheckboxComponent,
+            wrappers: [],
+            defaultOptions: {
+                props: {
+                    disabled: false,
+                    nzAutoFocus: false,
+                },
+            },
+        },
+        {
+            name: "switch",
+            component: FormlyFieldSwitchComponent,
+            wrappers: ["default-wrapper", "label-wrapper"],
+            defaultOptions: {
+                props: {
+                    labelPosition: "Left",
+                    disabled: false,
+                    nzSize: "default",
+                    nzLoading: false,
+                },
+            },
+        },
+        {
+            name: "radio",
+            component: FormlyFieldRadioComponent,
+            wrappers: ["default-wrapper", "label-wrapper"],
+            defaultOptions: {
+                props: {
+                    labelPosition: "Left",
+                    disabled: false,
+                    nzSize: "default",
+                    nzType: "nz-radio",
+                },
+            },
+        },
+        {
+            name: "select",
+            component: FormlyFieldSelectComponent,
+            wrappers: ["default-wrapper", "label-wrapper"],
+            defaultOptions: {
+                props: {
+                    objectValue: false,
+                    labelPosition: "Left",
+                    compareWith: (o1, o2) => o1 === o2,
+                    nzAutoClearSearchValue: true,
+                    nzAllowClear: false,
+                    nzBorderless: false,
+                    nzOpen: false,
+                    nzAutoFocus: false,
+                    disabled: false,
+                    nzDropdownMatchSelectWidth: true,
+                    nzServerSearch: false,
+                    nzMaxMultipleCount: Infinity,
+                    nzMode: "default",
+                    nzNotFoundContent: "Not Found",
+                    nzShowSearch: false,
+                    nzSize: "default",
+                    nzTokenSeparators: [],
+                    nzLoading: false,
+                    nzOptionHeightPx: 32,
+                    nzOptionOverflowSize: 8,
+                    nzSelectOnTab: false,
+                },
+            },
+        },
+        {
+            name: "button",
+            component: FormlyButtonComponent,
+            wrappers: ["default-wrapper"],
+            defaultOptions: {
+                props: {
+                    text: "",
+                    disabled: false,
+                    nzGhost: false,
+                    nzLoading: false,
+                    nzSize: "default",
+                    nzBlock: false,
+                    nzDanger: false,
+                    classList: "",
+                },
+            },
+        },
+    ],
+    wrappers: [
+        {
+            name: "default-wrapper",
+            component: FormlyDefaultWrapperComponent,
+        },
+        {
+            name: "label-wrapper",
+            component: FormlyLabelWrapperComponent,
+        },
+    ],
+    validators: [
+        {
+            name: "required",
+            validation: () => RequiredValidator,
+        },
+        {
+            name: "minLen",
+            validation: (c, f) => minLengthValidator(c, f),
+        },
+        {
+            name: "maxLen",
+            validation: (c, f) => maxLengthValidator(c, f),
+        },
+        {
+            name: "minValue",
+            validation: (c, f) => minValueValidator(c, f),
+        },
+        {
+            name: "maxValue",
+            validation: (c, f) => maxValueValidator(c, f),
+        },
+        {
+            name: "email",
+            validation: (c) => emailValidator(c),
+        },
+        {
+            name: "password",
+            validation: (c, f) => passwordValidator(c, f),
+        },
+    ],
+    validationMessages: [
+        {
+            name: "required",
+            message: "This field is required",
+        },
+        {
+            name: "minLen",
+            message: (err, f) => minLengthMessage(f),
+        },
+        {
+            name: "maxLen",
+            message: (err, f) => maxLengthMessage(f),
+        },
+        {
+            name: "minValue",
+            message: (err, f) => minValueMessage(f),
+        },
+        {
+            name: "maxValue",
+            message: (err, f) => maxValueMessage(f),
+        },
+        {
+            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: "mask",
+            message: "Invalid data",
+        },
+    ],
+};
+class NgxNzFormlyModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NgxNzFormlyModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: NgxNzFormlyModule, declarations: [FormlyFieldInputComponent,
+            FormlyFieldCheckboxComponent,
+            FormlyFieldSwitchComponent,
+            FormlyFieldSelectComponent,
+            FormlyButtonComponent,
+            FormlyFieldRadioComponent,
+            FormlyLabelWrapperComponent,
+            FormlyDefaultWrapperComponent], imports: [CommonModule,
+            FormlyModule,
+            ReactiveFormsModule,
+            NgxMaskModule,
+            NzInputModule,
+            NzButtonModule,
+            NzIconModule,
+            NzCheckboxModule,
+            NzSwitchModule,
+            NzInputNumberModule,
+            NzSelectModule,
+            NzRadioModule] });
+    static ɵ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] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NgxNzFormlyModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        FormlyFieldInputComponent,
+                        FormlyFieldCheckboxComponent,
+                        FormlyFieldSwitchComponent,
+                        FormlyFieldSelectComponent,
+                        FormlyButtonComponent,
+                        FormlyFieldRadioComponent,
+                        FormlyLabelWrapperComponent,
+                        FormlyDefaultWrapperComponent
+                    ],
+                    imports: [
+                        CommonModule,
+                        FormlyModule,
+                        ReactiveFormsModule,
+                        NgxMaskModule,
+                        NzInputModule,
+                        NzButtonModule,
+                        NzIconModule,
+                        NzCheckboxModule,
+                        NzSwitchModule,
+                        NzInputNumberModule,
+                        NzSelectModule,
+                        NzRadioModule,
+                    ],
+                    exports: [],
+                }]
+        }] });
+
+var InputMask;
+(function (InputMask) {
+    InputMask["PHONE"] = "phone";
+})(InputMask || (InputMask = {}));
+
+class FormlyFieldBuilder {
+    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,
+        };
+    }
+    button(configOverrides) {
+        return {
+            type: "button",
+            ...configOverrides,
+        };
+    }
+}
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { FormlyFieldBuilder, FormlyForRoot, NgxNzFormlyModule, emailValidator, maxLengthMessage, maxLengthValidator, maxValueMessage, maxValueValidator, minLengthMessage, minLengthValidator, minValueMessage, minValueValidator, passwordValidator };
+//# sourceMappingURL=ngx-nz-formly.mjs.map