iss-ctrl 0.0.21 → 0.0.22

package/fesm2022/iss-ctrl-mobile.mjs

@@ -0,0 +1,2465 @@
+import { CdkConnectedOverlay, CdkOverlayOrigin } from '@angular/cdk/overlay';
+import { NgOptimizedImage, NgClass } from '@angular/common';
+import * as i0 from '@angular/core';
+import { Injectable, inject, signal, input, computed, effect, CUSTOM_ELEMENTS_SCHEMA, Component } from '@angular/core';
+import { toSignal } from '@angular/core/rxjs-interop';
+import * as i1 from '@angular/forms';
+import { FormControl, ReactiveFormsModule, NG_VALUE_ACCESSOR, NG_VALIDATORS } from '@angular/forms';
+import { MatFormField, MatPrefix } from '@angular/material/form-field';
+import * as i2 from '@angular/material/input';
+import { MatInput, MatInputModule } from '@angular/material/input';
+import { ControlBase } from 'iss-ctrl/base';
+import { parsePhoneNumber, getExampleNumber } from 'libphonenumber-js/mobile';
+import examples from 'libphonenumber-js/mobile/examples';
+
+const DEFAULT_COUNTRY = {
+    name: "Saudi Arabia (المملكة العربية السعودية)",
+    code: "SA",
+    dailCode: "966",
+    priority: 0,
+    order: 1000,
+    placeholder: "501234567"
+};
+const COUNTRIES = [
+    {
+        name: "Afghanistan (افغانستان)",
+        code: "AF",
+        dailCode: "93",
+        priority: 0,
+        order: 0,
+        placeholder: "701234567"
+    },
+    {
+        name: "Albania (Shqipëri)",
+        code: "AL",
+        dailCode: "355",
+        priority: 0,
+        order: 0,
+        placeholder: "672123456"
+    },
+    {
+        name: "Algeria (الجزائر)",
+        code: "DZ",
+        dailCode: "213",
+        priority: 0,
+        order: 0,
+        placeholder: "551234567"
+    },
+    {
+        name: "American Samoa",
+        code: "AS",
+        dailCode: "1",
+        priority: 1,
+        order: 0,
+        areaCodes: [
+            "684"
+        ],
+        placeholder: "6847331234"
+    },
+    {
+        name: "Andorra",
+        code: "AD",
+        dailCode: "376",
+        priority: 0,
+        order: 0,
+        placeholder: "312345"
+    },
+    {
+        name: "Angola",
+        code: "AO",
+        dailCode: "244",
+        priority: 0,
+        order: 0,
+        placeholder: "923123456"
+    },
+    {
+        name: "Anguilla",
+        code: "AI",
+        dailCode: "1",
+        priority: 1,
+        order: 0,
+        areaCodes: [
+            "264"
+        ],
+        placeholder: "2642351234"
+    },
+    {
+        name: "Antigua and Barbuda",
+        code: "AG",
+        dailCode: "1",
+        priority: 1,
+        order: 0,
+        areaCodes: [
+            "268"
+        ],
+        placeholder: "2684641234"
+    },
+    {
+        name: "Argentina",
+        code: "AR",
+        dailCode: "54",
+        priority: 0,
+        order: 0,
+        placeholder: "91123456789"
+    },
+    {
+        name: "Armenia (Հայաստան)",
+        code: "AM",
+        dailCode: "374",
+        priority: 0,
+        order: 0,
+        placeholder: "77123456"
+    },
+    {
+        name: "Aruba",
+        code: "AW",
+        dailCode: "297",
+        priority: 0,
+        order: 0,
+        placeholder: "5601234"
+    },
+    {
+        name: "Australia",
+        code: "AU",
+        dailCode: "61",
+        priority: 0,
+        order: 0,
+        placeholder: "412345678"
+    },
+    {
+        name: "Austria (Österreich)",
+        code: "AT",
+        dailCode: "43",
+        priority: 0,
+        order: 0,
+        placeholder: "664123456"
+    },
+    {
+        name: "Azerbaijan (Azərbaycan)",
+        code: "AZ",
+        dailCode: "994",
+        priority: 0,
+        order: 0,
+        placeholder: "401234567"
+    },
+    {
+        name: "Bahamas",
+        code: "BS",
+        dailCode: "1",
+        priority: 1,
+        order: 0,
+        areaCodes: [
+            "242"
+        ],
+        placeholder: "2423591234"
+    },
+    {
+        name: "Bahrain (البحرين)",
+        code: "BH",
+        dailCode: "973",
+        priority: 0,
+        order: 0,
+        placeholder: "36001234"
+    },
+    {
+        name: "Bangladesh (বাংলাদেশ)",
+        code: "BD",
+        dailCode: "880",
+        priority: 0,
+        order: 0,
+        placeholder: "1812345678"
+    },
+    {
+        name: "Barbados",
+        code: "BB",
+        dailCode: "1",
+        priority: 1,
+        order: 0,
+        areaCodes: [
+            "246"
+        ],
+        placeholder: "2462501234"
+    },
+    {
+        name: "Belarus (Беларусь)",
+        code: "BY",
+        dailCode: "375",
+        priority: 0,
+        order: 0,
+        placeholder: "294911911"
+    },
+    {
+        name: "Belgium (België)",
+        code: "BE",
+        dailCode: "32",
+        priority: 0,
+        order: 0,
+        placeholder: "470123456"
+    },
+    {
+        name: "Belize",
+        code: "BZ",
+        dailCode: "501",
+        priority: 0,
+        order: 0,
+        placeholder: "6221234"
+    },
+    {
+        name: "Benin (Bénin)",
+        code: "BJ",
+        dailCode: "229",
+        priority: 0,
+        order: 0,
+        placeholder: "90011234"
+    },
+    {
+        name: "Bermuda",
+        code: "BM",
+        dailCode: "1",
+        priority: 1,
+        order: 0,
+        areaCodes: [
+            "441"
+        ],
+        placeholder: "4413701234"
+    },
+    {
+        name: "Bhutan (འབྲུག)",
+        code: "BT",
+        dailCode: "975",
+        priority: 0,
+        order: 0,
+        placeholder: "17123456"
+    },
+    {
+        name: "Bolivia",
+        code: "BO",
+        dailCode: "591",
+        priority: 0,
+        order: 0,
+        placeholder: "71234567"
+    },
+    {
+        name: "Bosnia and Herzegovina (Босна и Херцеговина)",
+        code: "BA",
+        dailCode: "387",
+        priority: 0,
+        order: 0,
+        placeholder: "61123456"
+    },
+    {
+        name: "Botswana",
+        code: "BW",
+        dailCode: "267",
+        priority: 0,
+        order: 0,
+        placeholder: "71123456"
+    },
+    {
+        name: "Brazil (Brasil)",
+        code: "BR",
+        dailCode: "55",
+        priority: 0,
+        order: 0,
+        placeholder: "11961234567"
+    },
+    {
+        name: "British Indian Ocean Territory",
+        code: "IO",
+        dailCode: "246",
+        priority: 0,
+        order: 0,
+        placeholder: "3801234"
+    },
+    {
+        name: "British Virgin Islands",
+        code: "VG",
+        dailCode: "1",
+        priority: 1,
+        order: 0,
+        areaCodes: [
+            "284"
+        ],
+        placeholder: "2843001234"
+    },
+    {
+        name: "Brunei",
+        code: "BN",
+        dailCode: "673",
+        priority: 0,
+        order: 0,
+        placeholder: "7123456"
+    },
+    {
+        name: "Bulgaria (България)",
+        code: "BG",
+        dailCode: "359",
+        priority: 0,
+        order: 0,
+        placeholder: "43012345"
+    },
+    {
+        name: "Burkina Faso",
+        code: "BF",
+        dailCode: "226",
+        priority: 0,
+        order: 0,
+        placeholder: "70123456"
+    },
+    {
+        name: "Burundi (Uburundi)",
+        code: "BI",
+        dailCode: "257",
+        priority: 0,
+        order: 0,
+        placeholder: "79561234"
+    },
+    {
+        name: "Cambodia (កម្ពុជា)",
+        code: "KH",
+        dailCode: "855",
+        priority: 0,
+        order: 0,
+        placeholder: "91234567"
+    },
+    {
+        name: "Cameroon (Cameroun)",
+        code: "CM",
+        dailCode: "237",
+        priority: 0,
+        order: 0,
+        placeholder: "671234567"
+    },
+    {
+        name: "Canada",
+        code: "CA",
+        dailCode: "1",
+        priority: 1,
+        order: 0,
+        areaCodes: [
+            "204",
+            "226",
+            "236",
+            "249",
+            "250",
+            "289",
+            "306",
+            "343",
+            "365",
+            "387",
+            "403",
+            "416",
+            "418",
+            "431",
+            "437",
+            "438",
+            "450",
+            "506",
+            "514",
+            "519",
+            "548",
+            "579",
+            "581",
+            "587",
+            "604",
+            "613",
+            "639",
+            "647",
+            "672",
+            "705",
+            "709",
+            "742",
+            "778",
+            "780",
+            "782",
+            "807",
+            "819",
+            "825",
+            "867",
+            "873",
+            "902",
+            "905"
+        ],
+        placeholder: "5062345678"
+    },
+    {
+        name: "Cape Verde (Kabu Verdi)",
+        code: "CV",
+        dailCode: "238",
+        priority: 0,
+        order: 0,
+        placeholder: "9911234"
+    },
+    {
+        name: "Caribbean Netherlands",
+        code: "BQ",
+        dailCode: "599",
+        priority: 1,
+        order: 0,
+        placeholder: "3181234"
+    },
+    {
+        name: "Cayman Islands",
+        code: "KY",
+        dailCode: "1",
+        priority: 1,
+        order: 0,
+        areaCodes: [
+            "345"
+        ],
+        placeholder: "3453231234"
+    },
+    {
+        name: "Central African Republic (République centrafricaine)",
+        code: "CF",
+        dailCode: "236",
+        priority: 0,
+        order: 0,
+        placeholder: "70012345"
+    },
+    {
+        name: "Chad (Tchad)",
+        code: "TD",
+        dailCode: "235",
+        priority: 0,
+        order: 0,
+        placeholder: "63012345"
+    },
+    {
+        name: "Chile",
+        code: "CL",
+        dailCode: "56",
+        priority: 0,
+        order: 0,
+        placeholder: "221234567"
+    },
+    {
+        name: "China (中国)",
+        code: "CN",
+        dailCode: "86",
+        priority: 0,
+        order: 0,
+        placeholder: "13123456789"
+    },
+    {
+        name: "Christmas Island",
+        code: "CX",
+        dailCode: "61",
+        priority: 2,
+        order: 0,
+        placeholder: "412345678"
+    },
+    {
+        name: "Cocos (Keeling) Islands",
+        code: "CC",
+        dailCode: "61",
+        priority: 1,
+        order: 0,
+        placeholder: "412345678"
+    },
+    {
+        name: "Colombia",
+        code: "CO",
+        dailCode: "57",
+        priority: 0,
+        order: 0,
+        placeholder: "3211234567"
+    },
+    {
+        name: "Comoros (جزر القمر)",
+        code: "KM",
+        dailCode: "269",
+        priority: 0,
+        order: 0,
+        placeholder: "3212345"
+    },
+    {
+        name: "Congo (DRC) (Jamhuri ya Kidemokrasia ya Kongo)",
+        code: "CD",
+        dailCode: "243",
+        priority: 0,
+        order: 0,
+        placeholder: "991234567"
+    },
+    {
+        name: "Congo (Republic) (Congo-Brazzaville)",
+        code: "CG",
+        dailCode: "242",
+        priority: 0,
+        order: 0,
+        placeholder: "061234567"
+    },
+    {
+        name: "Cook Islands",
+        code: "CK",
+        dailCode: "682",
+        priority: 0,
+        order: 0,
+        placeholder: "71234"
+    },
+    {
+        name: "Costa Rica",
+        code: "CR",
+        dailCode: "506",
+        priority: 0,
+        order: 0,
+        placeholder: "83123456"
+    },
+    {
+        name: "Côte d’Ivoire",
+        code: "CI",
+        dailCode: "225",
+        priority: 0,
+        order: 0,
+        placeholder: "0123456789"
+    },
+    {
+        name: "Croatia (Hrvatska)",
+        code: "HR",
+        dailCode: "385",
+        priority: 0,
+        order: 0,
+        placeholder: "921234567"
+    },
+    {
+        name: "Cuba",
+        code: "CU",
+        dailCode: "53",
+        priority: 0,
+        order: 0,
+        placeholder: "51234567"
+    },
+    {
+        name: "Curaçao",
+        code: "CW",
+        dailCode: "599",
+        priority: 0,
+        order: 0,
+        placeholder: "95181234"
+    },
+    {
+        name: "Cyprus (Κύπρος)",
+        code: "CY",
+        dailCode: "357",
+        priority: 0,
+        order: 0,
+        placeholder: "96123456"
+    },
+    {
+        name: "Czech Republic (Česká republika)",
+        code: "CZ",
+        dailCode: "420",
+        priority: 0,
+        order: 0,
+        placeholder: "601123456"
+    },
+    {
+        name: "Denmark (Danmark)",
+        code: "DK",
+        dailCode: "45",
+        priority: 0,
+        order: 0,
+        placeholder: "34412345"
+    },
+    {
+        name: "Djibouti",
+        code: "DJ",
+        dailCode: "253",
+        priority: 0,
+        order: 0,
+        placeholder: "77831001"
+    },
+    {
+        name: "Dominica",
+        code: "DM",
+        dailCode: "1767",
+        priority: 0,
+        order: 0,
+        placeholder: "7672251234"
+    },
+    {
+        name: "Dominican Republic (República Dominicana)",
+        code: "DO",
+        dailCode: "1",
+        priority: 2,
+        order: 0,
+        areaCodes: [
+            "809",
+            "829",
+            "849"
+        ],
+        placeholder: "8092345678"
+    },
+    {
+        name: "Ecuador",
+        code: "EC",
+        dailCode: "593",
+        priority: 0,
+        order: 0,
+        placeholder: "991234567"
+    },
+    {
+        name: "Egypt (مصر)",
+        code: "EG",
+        dailCode: "20",
+        priority: 0,
+        order: 0,
+        placeholder: "1001234567"
+    },
+    {
+        name: "El Salvador",
+        code: "SV",
+        dailCode: "503",
+        priority: 0,
+        order: 0,
+        placeholder: "70123456"
+    },
+    {
+        name: "Equatorial Guinea (Guinea Ecuatorial)",
+        code: "GQ",
+        dailCode: "240",
+        priority: 0,
+        order: 0,
+        placeholder: "222123456"
+    },
+    {
+        name: "Eritrea",
+        code: "ER",
+        dailCode: "291",
+        priority: 0,
+        order: 0,
+        placeholder: "7123456"
+    },
+    {
+        name: "Estonia (Eesti)",
+        code: "EE",
+        dailCode: "372",
+        priority: 0,
+        order: 0,
+        placeholder: "51234567"
+    },
+    {
+        name: "Ethiopia",
+        code: "ET",
+        dailCode: "251",
+        priority: 0,
+        order: 0,
+        placeholder: "911234567"
+    },
+    {
+        name: "Falkland Islands (Islas Malvinas)",
+        code: "FK",
+        dailCode: "500",
+        priority: 0,
+        order: 0,
+        placeholder: "51234"
+    },
+    {
+        name: "Faroe Islands (Føroyar)",
+        code: "FO",
+        dailCode: "298",
+        priority: 0,
+        order: 0,
+        placeholder: "211234"
+    },
+    {
+        name: "Fiji",
+        code: "FJ",
+        dailCode: "679",
+        priority: 0,
+        order: 0,
+        placeholder: "7012345"
+    },
+    {
+        name: "Finland (Suomi)",
+        code: "FI",
+        dailCode: "358",
+        priority: 0,
+        order: 0,
+        placeholder: "412345678"
+    },
+    {
+        name: "France",
+        code: "FR",
+        dailCode: "33",
+        priority: 0,
+        order: 0,
+        placeholder: "612345678"
+    },
+    {
+        name: "French Guiana (Guyane française)",
+        code: "GF",
+        dailCode: "594",
+        priority: 0,
+        order: 0,
+        placeholder: "694201234"
+    },
+    {
+        name: "French Polynesia (Polynésie française)",
+        code: "PF",
+        dailCode: "689",
+        priority: 0,
+        order: 0,
+        placeholder: "87123456"
+    },
+    {
+        name: "Gabon",
+        code: "GA",
+        dailCode: "241",
+        priority: 0,
+        order: 0,
+        placeholder: "06031234"
+    },
+    {
+        name: "Gambia",
+        code: "GM",
+        dailCode: "220",
+        priority: 0,
+        order: 0,
+        placeholder: "3012345"
+    },
+    {
+        name: "Georgia (საქართველო)",
+        code: "GE",
+        dailCode: "995",
+        priority: 0,
+        order: 0,
+        placeholder: "555123456"
+    },
+    {
+        name: "Germany (Deutschland)",
+        code: "DE",
+        dailCode: "49",
+        priority: 0,
+        order: 0,
+        placeholder: "15123456789"
+    },
+    {
+        name: "Ghana (Gaana)",
+        code: "GH",
+        dailCode: "233",
+        priority: 0,
+        order: 0,
+        placeholder: "231234567"
+    },
+    {
+        name: "Gibraltar",
+        code: "GI",
+        dailCode: "350",
+        priority: 0,
+        order: 0,
+        placeholder: "57123456"
+    },
+    {
+        name: "Greece (Ελλάδα)",
+        code: "GR",
+        dailCode: "30",
+        priority: 0,
+        order: 0,
+        placeholder: "6912345678"
+    },
+    {
+        name: "Greenland (Kalaallit Nunaat)",
+        code: "GL",
+        dailCode: "299",
+        priority: 0,
+        order: 0,
+        placeholder: "221234"
+    },
+    {
+        name: "Grenada",
+        code: "GD",
+        dailCode: "1473",
+        priority: 0,
+        order: 0,
+        placeholder: "4734031234"
+    },
+    {
+        name: "Guadeloupe",
+        code: "GP",
+        dailCode: "590",
+        priority: 0,
+        order: 0,
+        placeholder: "690001234"
+    },
+    {
+        name: "Guam",
+        code: "GU",
+        dailCode: "1",
+        priority: 1,
+        order: 0,
+        areaCodes: [
+            "671"
+        ],
+        placeholder: "6713001234"
+    },
+    {
+        name: "Guatemala",
+        code: "GT",
+        dailCode: "502",
+        priority: 0,
+        order: 0,
+        placeholder: "51234567"
+    },
+    {
+        name: "Guernsey",
+        code: "GG",
+        dailCode: "44",
+        priority: 1,
+        order: 0,
+        areaCodes: [
+            "1481"
+        ],
+        placeholder: "7781123456"
+    },
+    {
+        name: "Guinea (Guinée)",
+        code: "GN",
+        dailCode: "224",
+        priority: 0,
+        order: 0,
+        placeholder: "601123456"
+    },
+    {
+        name: "Guinea-Bissau (Guiné Bissau)",
+        code: "GW",
+        dailCode: "245",
+        priority: 0,
+        order: 0,
+        placeholder: "955012345"
+    },
+    {
+        name: "Guyana",
+        code: "GY",
+        dailCode: "592",
+        priority: 0,
+        order: 0,
+        placeholder: "6091234"
+    },
+    {
+        name: "Haiti",
+        code: "HT",
+        dailCode: "509",
+        priority: 0,
+        order: 0,
+        placeholder: "34101234"
+    },
+    {
+        name: "Honduras",
+        code: "HN",
+        dailCode: "504",
+        priority: 0,
+        order: 0,
+        placeholder: "91234567"
+    },
+    {
+        name: "Hong Kong (香港)",
+        code: "HK",
+        dailCode: "852",
+        priority: 0,
+        order: 0,
+        placeholder: "51234567"
+    },
+    {
+        name: "Hungary (Magyarország)",
+        code: "HU",
+        dailCode: "36",
+        priority: 0,
+        order: 0,
+        placeholder: "201234567"
+    },
+    {
+        name: "Iceland (Ísland)",
+        code: "IS",
+        dailCode: "354",
+        priority: 0,
+        order: 0,
+        placeholder: "6111234"
+    },
+    {
+        name: "India (भारत)",
+        code: "IN",
+        dailCode: "91",
+        priority: 0,
+        order: 0,
+        placeholder: "8123456789"
+    },
+    {
+        name: "Indonesia",
+        code: "ID",
+        dailCode: "62",
+        priority: 0,
+        order: 0,
+        placeholder: "812345678"
+    },
+    {
+        name: "Iran (ايران)",
+        code: "IR",
+        dailCode: "98",
+        priority: 0,
+        order: 0,
+        placeholder: "9123456789"
+    },
+    {
+        name: "Iraq (العراق)",
+        code: "IQ",
+        dailCode: "964",
+        priority: 0,
+        order: 0,
+        placeholder: "7912345678"
+    },
+    {
+        name: "Ireland",
+        code: "IE",
+        dailCode: "353",
+        priority: 0,
+        order: 0,
+        placeholder: "850123456"
+    },
+    {
+        name: "Isle of Man",
+        code: "IM",
+        dailCode: "44",
+        priority: 2,
+        order: 0,
+        areaCodes: [
+            "1624"
+        ],
+        placeholder: "7924123456"
+    },
+    {
+        name: "Italy (Italia)",
+        code: "IT",
+        dailCode: "39",
+        priority: 0,
+        order: 0,
+        placeholder: "3123456789"
+    },
+    {
+        name: "Jamaica",
+        code: "JM",
+        dailCode: "1",
+        priority: 1,
+        order: 0,
+        areaCodes: [
+            "876"
+        ],
+        placeholder: "8762101234"
+    },
+    {
+        name: "Japan (日本)",
+        code: "JP",
+        dailCode: "81",
+        priority: 0,
+        order: 0,
+        placeholder: "9012345678"
+    },
+    {
+        name: "Jersey",
+        code: "JE",
+        dailCode: "44",
+        priority: 3,
+        order: 0,
+        areaCodes: [
+            "1534"
+        ],
+        placeholder: "7797712345"
+    },
+    {
+        name: "Jordan (الأردن)",
+        code: "JO",
+        dailCode: "962",
+        priority: 0,
+        order: 0,
+        placeholder: "790123456"
+    },
+    {
+        name: "Kazakhstan (Казахстан)",
+        code: "KZ",
+        dailCode: "7",
+        priority: 1,
+        order: 0,
+        placeholder: "7710009998"
+    },
+    {
+        name: "Kenya",
+        code: "KE",
+        dailCode: "254",
+        priority: 0,
+        order: 0,
+        placeholder: "712123456"
+    },
+    {
+        name: "Kiribati",
+        code: "KI",
+        dailCode: "686",
+        priority: 0,
+        order: 0,
+        placeholder: "72001234"
+    },
+    {
+        name: "Kosovo",
+        code: "XK",
+        dailCode: "383",
+        priority: 0,
+        order: 0,
+        placeholder: "43201234"
+    },
+    {
+        name: "Kuwait (الكويت)",
+        code: "KW",
+        dailCode: "965",
+        priority: 0,
+        order: 0,
+        placeholder: "50012345"
+    },
+    {
+        name: "Kyrgyzstan (Кыргызстан)",
+        code: "KG",
+        dailCode: "996",
+        priority: 0,
+        order: 0,
+        placeholder: "700123456"
+    },
+    {
+        name: "Laos (ລາວ)",
+        code: "LA",
+        dailCode: "856",
+        priority: 0,
+        order: 0,
+        placeholder: "2023123456"
+    },
+    {
+        name: "Latvia (Latvija)",
+        code: "LV",
+        dailCode: "371",
+        priority: 0,
+        order: 0,
+        placeholder: "21234567"
+    },
+    {
+        name: "Lebanon (لبنان)",
+        code: "LB",
+        dailCode: "961",
+        priority: 0,
+        order: 0,
+        placeholder: "71123456"
+    },
+    {
+        name: "Lesotho",
+        code: "LS",
+        dailCode: "266",
+        priority: 0,
+        order: 0,
+        placeholder: "50123456"
+    },
+    {
+        name: "Liberia",
+        code: "LR",
+        dailCode: "231",
+        priority: 0,
+        order: 0,
+        placeholder: "770123456"
+    },
+    {
+        name: "Libya (ليبيا)",
+        code: "LY",
+        dailCode: "218",
+        priority: 0,
+        order: 0,
+        placeholder: "912345678"
+    },
+    {
+        name: "Liechtenstein",
+        code: "LI",
+        dailCode: "423",
+        priority: 0,
+        order: 0,
+        placeholder: "660234567"
+    },
+    {
+        name: "Lithuania (Lietuva)",
+        code: "LT",
+        dailCode: "370",
+        priority: 0,
+        order: 0,
+        placeholder: "61234567"
+    },
+    {
+        name: "Luxembourg",
+        code: "LU",
+        dailCode: "352",
+        priority: 0,
+        order: 0,
+        placeholder: "628123456"
+    },
+    {
+        name: "Macau (澳門)",
+        code: "MO",
+        dailCode: "853",
+        priority: 0,
+        order: 0,
+        placeholder: "66123456"
+    },
+    {
+        name: "Macedonia (FYROM) (Македонија)",
+        code: "MK",
+        dailCode: "389",
+        priority: 0,
+        order: 0,
+        placeholder: "72345678"
+    },
+    {
+        name: "Madagascar (Madagasikara)",
+        code: "MG",
+        dailCode: "261",
+        priority: 0,
+        order: 0,
+        placeholder: "321234567"
+    },
+    {
+        name: "Malawi",
+        code: "MW",
+        dailCode: "265",
+        priority: 0,
+        order: 0,
+        placeholder: "991234567"
+    },
+    {
+        name: "Malaysia",
+        code: "MY",
+        dailCode: "60",
+        priority: 0,
+        order: 0,
+        placeholder: "123456789"
+    },
+    {
+        name: "Maldives",
+        code: "MV",
+        dailCode: "960",
+        priority: 0,
+        order: 0,
+        placeholder: "7712345"
+    },
+    {
+        name: "Mali",
+        code: "ML",
+        dailCode: "223",
+        priority: 0,
+        order: 0,
+        placeholder: "65012345"
+    },
+    {
+        name: "Malta",
+        code: "MT",
+        dailCode: "356",
+        priority: 0,
+        order: 0,
+        placeholder: "96961234"
+    },
+    {
+        name: "Marshall Islands",
+        code: "MH",
+        dailCode: "692",
+        priority: 0,
+        order: 0,
+        placeholder: "2351234"
+    },
+    {
+        name: "Martinique",
+        code: "MQ",
+        dailCode: "596",
+        priority: 0,
+        order: 0,
+        placeholder: "696201234"
+    },
+    {
+        name: "Mauritania (موريتانيا)",
+        code: "MR",
+        dailCode: "222",
+        priority: 0,
+        order: 0,
+        placeholder: "22123456"
+    },
+    {
+        name: "Mauritius (Moris)",
+        code: "MU",
+        dailCode: "230",
+        priority: 0,
+        order: 0,
+        placeholder: "52512345"
+    },
+    {
+        name: "Mayotte",
+        code: "YT",
+        dailCode: "262",
+        priority: 1,
+        order: 0,
+        placeholder: "639012345"
+    },
+    {
+        name: "Mexico (México)",
+        code: "MX",
+        dailCode: "52",
+        priority: 0,
+        order: 0,
+        placeholder: "2221234567"
+    },
+    {
+        name: "Micronesia",
+        code: "FM",
+        dailCode: "691",
+        priority: 0,
+        order: 0,
+        placeholder: "3501234"
+    },
+    {
+        name: "Moldova (Republica Moldova)",
+        code: "MD",
+        dailCode: "373",
+        priority: 0,
+        order: 0,
+        placeholder: "62112345"
+    },
+    {
+        name: "Monaco",
+        code: "MC",
+        dailCode: "377",
+        priority: 0,
+        order: 0,
+        placeholder: "612345678"
+    },
+    {
+        name: "Mongolia (Монгол)",
+        code: "MN",
+        dailCode: "976",
+        priority: 0,
+        order: 0,
+        placeholder: "88123456"
+    },
+    {
+        name: "Montenegro (Crna Gora)",
+        code: "ME",
+        dailCode: "382",
+        priority: 0,
+        order: 0,
+        placeholder: "67622901"
+    },
+    {
+        name: "Montserrat",
+        code: "MS",
+        dailCode: "1",
+        priority: 1,
+        order: 0,
+        areaCodes: [
+            "664"
+        ],
+        placeholder: "6644923456"
+    },
+    {
+        name: "Morocco (المغرب)",
+        code: "MA",
+        dailCode: "212",
+        priority: 0,
+        order: 0,
+        placeholder: "650123456"
+    },
+    {
+        name: "Mozambique (Moçambique)",
+        code: "MZ",
+        dailCode: "258",
+        priority: 0,
+        order: 0,
+        placeholder: "821234567"
+    },
+    {
+        name: "Myanmar (Burma) (မြန်မာ)",
+        code: "MM",
+        dailCode: "95",
+        priority: 0,
+        order: 0,
+        placeholder: "92123456"
+    },
+    {
+        name: "Namibia (Namibië)",
+        code: "NA",
+        dailCode: "264",
+        priority: 0,
+        order: 0,
+        placeholder: "811234567"
+    },
+    {
+        name: "Nauru",
+        code: "NR",
+        dailCode: "674",
+        priority: 0,
+        order: 0,
+        placeholder: "5551234"
+    },
+    {
+        name: "Nepal (नेपाल)",
+        code: "NP",
+        dailCode: "977",
+        priority: 0,
+        order: 0,
+        placeholder: "9841234567"
+    },
+    {
+        name: "Netherlands (Nederland)",
+        code: "NL",
+        dailCode: "31",
+        priority: 0,
+        order: 0,
+        placeholder: "612345678"
+    },
+    {
+        name: "New Caledonia (Nouvelle-Calédonie)",
+        code: "NC",
+        dailCode: "687",
+        priority: 0,
+        order: 0,
+        placeholder: "751234"
+    },
+    {
+        name: "New Zealand",
+        code: "NZ",
+        dailCode: "64",
+        priority: 0,
+        order: 0,
+        placeholder: "211234567"
+    },
+    {
+        name: "Nicaragua",
+        code: "NI",
+        dailCode: "505",
+        priority: 0,
+        order: 0,
+        placeholder: "81234567"
+    },
+    {
+        name: "Niger (Nijar)",
+        code: "NE",
+        dailCode: "227",
+        priority: 0,
+        order: 0,
+        placeholder: "93123456"
+    },
+    {
+        name: "Nigeria",
+        code: "NG",
+        dailCode: "234",
+        priority: 0,
+        order: 0,
+        placeholder: "8021234567"
+    },
+    {
+        name: "Niue",
+        code: "NU",
+        dailCode: "683",
+        priority: 0,
+        order: 0,
+        placeholder: "8884012"
+    },
+    {
+        name: "Norfolk Island",
+        code: "NF",
+        dailCode: "672",
+        priority: 0,
+        order: 0,
+        placeholder: "381234"
+    },
+    {
+        name: "North Korea (조선 민주주의 인민 공화국)",
+        code: "KP",
+        dailCode: "850",
+        priority: 0,
+        order: 0,
+        placeholder: "1921234567"
+    },
+    {
+        name: "Northern Mariana Islands",
+        code: "MP",
+        dailCode: "1670",
+        priority: 0,
+        order: 0,
+        placeholder: "6702345678"
+    },
+    {
+        name: "Norway (Norge)",
+        code: "NO",
+        dailCode: "47",
+        priority: 0,
+        order: 0,
+        placeholder: "40612345"
+    },
+    {
+        name: "Oman (عُمان)",
+        code: "OM",
+        dailCode: "968",
+        priority: 0,
+        order: 0,
+        placeholder: "92123456"
+    },
+    {
+        name: "Pakistan (پاکستان)",
+        code: "PK",
+        dailCode: "92",
+        priority: 0,
+        order: 0,
+        placeholder: "3012345678"
+    },
+    {
+        name: "Palau",
+        code: "PW",
+        dailCode: "680",
+        priority: 0,
+        order: 0,
+        placeholder: "6201234"
+    },
+    {
+        name: "Palestine (فلسطين)",
+        code: "PS",
+        dailCode: "970",
+        priority: 0,
+        order: 0,
+        placeholder: "599123456"
+    },
+    {
+        name: "Panama (Panamá)",
+        code: "PA",
+        dailCode: "507",
+        priority: 0,
+        order: 0,
+        placeholder: "61234567"
+    },
+    {
+        name: "Papua New Guinea",
+        code: "PG",
+        dailCode: "675",
+        priority: 0,
+        order: 0,
+        placeholder: "70123456"
+    },
+    {
+        name: "Paraguay",
+        code: "PY",
+        dailCode: "595",
+        priority: 0,
+        order: 0,
+        placeholder: "961456789"
+    },
+    {
+        name: "Peru (Perú)",
+        code: "PE",
+        dailCode: "51",
+        priority: 0,
+        order: 0,
+        placeholder: "912345678"
+    },
+    {
+        name: "Philippines",
+        code: "PH",
+        dailCode: "63",
+        priority: 0,
+        order: 0,
+        placeholder: "9051234567"
+    },
+    {
+        name: "Poland (Polska)",
+        code: "PL",
+        dailCode: "48",
+        priority: 0,
+        order: 0,
+        placeholder: "512345678"
+    },
+    {
+        name: "Portugal",
+        code: "PT",
+        dailCode: "351",
+        priority: 0,
+        order: 0,
+        placeholder: "912345678"
+    },
+    {
+        name: "Puerto Rico",
+        code: "PR",
+        dailCode: "1",
+        priority: 3,
+        order: 0,
+        areaCodes: [
+            "787",
+            "939"
+        ],
+        placeholder: "7872345678"
+    },
+    {
+        name: "Qatar (قطر)",
+        code: "QA",
+        dailCode: "974",
+        priority: 0,
+        order: 0,
+        placeholder: "33123456"
+    },
+    {
+        name: "Réunion (La Réunion)",
+        code: "RE",
+        dailCode: "262",
+        priority: 0,
+        order: 0,
+        placeholder: "692123456"
+    },
+    {
+        name: "Romania (România)",
+        code: "RO",
+        dailCode: "40",
+        priority: 0,
+        order: 0,
+        placeholder: "712034567"
+    },
+    {
+        name: "Russia (Россия)",
+        code: "RU",
+        dailCode: "7",
+        priority: 0,
+        order: 0,
+        placeholder: "9123456789"
+    },
+    {
+        name: "Rwanda",
+        code: "RW",
+        dailCode: "250",
+        priority: 0,
+        order: 0,
+        placeholder: "720123456"
+    },
+    {
+        name: "Saint Barthélemy (Saint-Barthélemy)",
+        code: "BL",
+        dailCode: "590",
+        priority: 1,
+        order: 0,
+        placeholder: "690001234"
+    },
+    {
+        name: "Saint Helena",
+        code: "SH",
+        dailCode: "290",
+        priority: 0,
+        order: 0,
+        placeholder: "51234"
+    },
+    {
+        name: "Saint Kitts and Nevis",
+        code: "KN",
+        dailCode: "1869",
+        priority: 0,
+        order: 0,
+        placeholder: "8697652917"
+    },
+    {
+        name: "Saint Lucia",
+        code: "LC",
+        dailCode: "1",
+        priority: 1,
+        order: 0,
+        areaCodes: [
+            "758"
+        ],
+        placeholder: "7582845678"
+    },
+    {
+        name: "Saint Martin (Saint-Martin (partie française))",
+        code: "MF",
+        dailCode: "590",
+        priority: 2,
+        order: 0,
+        placeholder: "690001234"
+    },
+    {
+        name: "Saint Pierre and Miquelon (Saint-Pierre-et-Miquelon)",
+        code: "PM",
+        dailCode: "508",
+        priority: 0,
+        order: 0,
+        placeholder: "551234"
+    },
+    {
+        name: "Saint Vincent and the Grenadines",
+        code: "VC",
+        dailCode: "1",
+        priority: 1,
+        order: 0,
+        areaCodes: [
+            "784"
+        ],
+        placeholder: "7844301234"
+    },
+    {
+        name: "Samoa",
+        code: "WS",
+        dailCode: "685",
+        priority: 0,
+        order: 0,
+        placeholder: "7212345"
+    },
+    {
+        name: "San Marino",
+        code: "SM",
+        dailCode: "378",
+        priority: 0,
+        order: 0,
+        placeholder: "66661212"
+    },
+    {
+        name: "São Tomé and Príncipe (São Tomé e Príncipe)",
+        code: "ST",
+        dailCode: "239",
+        priority: 0,
+        order: 0,
+        placeholder: "9812345"
+    },
+    {
+        name: "Saudi Arabia (المملكة العربية السعودية)",
+        code: "SA",
+        dailCode: "966",
+        priority: 0,
+        order: 1,
+        placeholder: "501234567"
+    },
+    {
+        name: "Senegal (Sénégal)",
+        code: "SN",
+        dailCode: "221",
+        priority: 0,
+        order: 0,
+        placeholder: "701234567"
+    },
+    {
+        name: "Serbia (Србија)",
+        code: "RS",
+        dailCode: "381",
+        priority: 0,
+        order: 0,
+        placeholder: "601234567"
+    },
+    {
+        name: "Seychelles",
+        code: "SC",
+        dailCode: "248",
+        priority: 0,
+        order: 0,
+        placeholder: "2510123"
+    },
+    {
+        name: "Sierra Leone",
+        code: "SL",
+        dailCode: "232",
+        priority: 0,
+        order: 0,
+        placeholder: "25123456"
+    },
+    {
+        name: "Singapore",
+        code: "SG",
+        dailCode: "65",
+        priority: 0,
+        order: 0,
+        placeholder: "81234567"
+    },
+    {
+        name: "Sint Maarten",
+        code: "SX",
+        dailCode: "1",
+        priority: 1,
+        order: 0,
+        areaCodes: [
+            "721"
+        ],
+        placeholder: "7215205678"
+    },
+    {
+        name: "Slovakia (Slovensko)",
+        code: "SK",
+        dailCode: "421",
+        priority: 0,
+        order: 0,
+        placeholder: "912123456"
+    },
+    {
+        name: "Slovenia (Slovenija)",
+        code: "SI",
+        dailCode: "386",
+        priority: 0,
+        order: 0,
+        placeholder: "31234567"
+    },
+    {
+        name: "Solomon Islands",
+        code: "SB",
+        dailCode: "677",
+        priority: 0,
+        order: 0,
+        placeholder: "7421234"
+    },
+    {
+        name: "Somalia (Soomaaliya)",
+        code: "SO",
+        dailCode: "252",
+        priority: 0,
+        order: 0,
+        placeholder: "71123456"
+    },
+    {
+        name: "South Africa",
+        code: "ZA",
+        dailCode: "27",
+        priority: 0,
+        order: 0,
+        placeholder: "711234567"
+    },
+    {
+        name: "South Korea (대한민국)",
+        code: "KR",
+        dailCode: "82",
+        priority: 0,
+        order: 0,
+        placeholder: "1020000000"
+    },
+    {
+        name: "South Sudan (جنوب السودان)",
+        code: "SS",
+        dailCode: "211",
+        priority: 0,
+        order: 0,
+        placeholder: "977123456"
+    },
+    {
+        name: "Spain (España)",
+        code: "ES",
+        dailCode: "34",
+        priority: 0,
+        order: 0,
+        placeholder: "612345678"
+    },
+    {
+        name: "Sri Lanka (ශ්‍රී ලංකාව)",
+        code: "LK",
+        dailCode: "94",
+        priority: 0,
+        order: 0,
+        placeholder: "712345678"
+    },
+    {
+        name: "Sudan (السودان)",
+        code: "SD",
+        dailCode: "249",
+        priority: 0,
+        order: 0,
+        placeholder: "911231234"
+    },
+    {
+        name: "Suriname",
+        code: "SR",
+        dailCode: "597",
+        priority: 0,
+        order: 0,
+        placeholder: "7412345"
+    },
+    {
+        name: "Svalbard and Jan Mayen",
+        code: "SJ",
+        dailCode: "47",
+        priority: 1,
+        order: 0,
+        placeholder: "41234567"
+    },
+    {
+        name: "Swaziland",
+        code: "SZ",
+        dailCode: "268",
+        priority: 0,
+        order: 0,
+        placeholder: "76123456"
+    },
+    {
+        name: "Sweden (Sverige)",
+        code: "SE",
+        dailCode: "46",
+        priority: 0,
+        order: 0,
+        placeholder: "701234567"
+    },
+    {
+        name: "Switzerland (Schweiz)",
+        code: "CH",
+        dailCode: "41",
+        priority: 0,
+        order: 0,
+        placeholder: "781234567"
+    },
+    {
+        name: "Syria (سوريا)",
+        code: "SY",
+        dailCode: "963",
+        priority: 0,
+        order: 0,
+        placeholder: "944567890"
+    },
+    {
+        name: "Taiwan (台灣)",
+        code: "TW",
+        dailCode: "886",
+        priority: 0,
+        order: 0,
+        placeholder: "912345678"
+    },
+    {
+        name: "Tajikistan",
+        code: "TJ",
+        dailCode: "992",
+        priority: 0,
+        order: 0,
+        placeholder: "917123456"
+    },
+    {
+        name: "Tanzania",
+        code: "TZ",
+        dailCode: "255",
+        priority: 0,
+        order: 0,
+        placeholder: "621234567"
+    },
+    {
+        name: "Thailand (ไทย)",
+        code: "TH",
+        dailCode: "66",
+        priority: 0,
+        order: 0,
+        placeholder: "812345678"
+    },
+    {
+        name: "Timor-Leste",
+        code: "TL",
+        dailCode: "670",
+        priority: 0,
+        order: 0,
+        placeholder: "77212345"
+    },
+    {
+        name: "Togo",
+        code: "TG",
+        dailCode: "228",
+        priority: 0,
+        order: 0,
+        placeholder: "90112345"
+    },
+    {
+        name: "Tokelau",
+        code: "TK",
+        dailCode: "690",
+        priority: 0,
+        order: 0,
+        placeholder: "7290"
+    },
+    {
+        name: "Tonga",
+        code: "TO",
+        dailCode: "676",
+        priority: 0,
+        order: 0,
+        placeholder: "7715123"
+    },
+    {
+        name: "Trinidad and Tobago",
+        code: "TT",
+        dailCode: "1",
+        priority: 1,
+        order: 0,
+        areaCodes: [
+            "868"
+        ],
+        placeholder: "8682911234"
+    },
+    {
+        name: "Tunisia (تونس)",
+        code: "TN",
+        dailCode: "216",
+        priority: 0,
+        order: 0,
+        placeholder: "20123456"
+    },
+    {
+        name: "Turkey (Türkiye)",
+        code: "TR",
+        dailCode: "90",
+        priority: 0,
+        order: 0,
+        placeholder: "5012345678"
+    },
+    {
+        name: "Turkmenistan",
+        code: "TM",
+        dailCode: "993",
+        priority: 0,
+        order: 0,
+        placeholder: "66123456"
+    },
+    {
+        name: "Turks and Caicos Islands",
+        code: "TC",
+        dailCode: "1649",
+        priority: 0,
+        order: 0,
+        placeholder: "6492311234"
+    },
+    {
+        name: "Tuvalu",
+        code: "TV",
+        dailCode: "688",
+        priority: 0,
+        order: 0,
+        placeholder: "901234"
+    },
+    {
+        name: "U.S. Virgin Islands",
+        code: "VI",
+        dailCode: "1",
+        priority: 1,
+        order: 0,
+        areaCodes: [
+            "340"
+        ],
+        placeholder: "3406421234"
+    },
+    {
+        name: "Uganda",
+        code: "UG",
+        dailCode: "256",
+        priority: 0,
+        order: 0,
+        placeholder: "712345678"
+    },
+    {
+        name: "Ukraine (Україна)",
+        code: "UA",
+        dailCode: "380",
+        priority: 0,
+        order: 0,
+        placeholder: "501234567"
+    },
+    {
+        name: "United Arab Emirates (الإمارات العربية المتحدة)",
+        code: "AE",
+        dailCode: "971",
+        priority: 0,
+        order: 0,
+        placeholder: "501234567"
+    },
+    {
+        name: "United Kingdom",
+        code: "GB",
+        dailCode: "44",
+        priority: 0,
+        order: 0,
+        placeholder: "7400123456"
+    },
+    {
+        name: "United States",
+        code: "US",
+        dailCode: "1",
+        priority: 0,
+        order: 0,
+        placeholder: "2015550123"
+    },
+    {
+        name: "Uruguay",
+        code: "UY",
+        dailCode: "598",
+        priority: 0,
+        order: 0,
+        placeholder: "94231234"
+    },
+    {
+        name: "Uzbekistan (Oʻzbekiston)",
+        code: "UZ",
+        dailCode: "998",
+        priority: 0,
+        order: 0,
+        placeholder: "912345678"
+    },
+    {
+        name: "Vanuatu",
+        code: "VU",
+        dailCode: "678",
+        priority: 0,
+        order: 0,
+        placeholder: "5912345"
+    },
+    {
+        name: "Vatican City (Città del Vaticano)",
+        code: "VA",
+        dailCode: "39",
+        priority: 1,
+        order: 0,
+        placeholder: "3123456789"
+    },
+    {
+        name: "Venezuela",
+        code: "VE",
+        dailCode: "58",
+        priority: 0,
+        order: 0,
+        placeholder: "4121234567"
+    },
+    {
+        name: "Vietnam (Việt Nam)",
+        code: "VN",
+        dailCode: "84",
+        priority: 0,
+        order: 0,
+        placeholder: "912345678"
+    },
+    {
+        name: "Wallis and Futuna",
+        code: "WF",
+        dailCode: "681",
+        priority: 0,
+        order: 0,
+        placeholder: "821234"
+    },
+    {
+        name: "Yemen (اليمن)",
+        code: "YE",
+        dailCode: "967",
+        priority: 0,
+        order: 0,
+        placeholder: "712345678"
+    },
+    {
+        name: "Zambia",
+        code: "ZM",
+        dailCode: "260",
+        priority: 0,
+        order: 0,
+        placeholder: "955123456"
+    },
+    {
+        name: "Zimbabwe",
+        code: "ZW",
+        dailCode: "263",
+        priority: 0,
+        order: 0,
+        placeholder: "712345678"
+    },
+    {
+        name: "Åland Islands",
+        code: "AX",
+        dailCode: "358",
+        priority: 1,
+        order: 0,
+        placeholder: "412345678"
+    }
+];
+
+class Phone {
+    parse(phoneNumber, countryCode) {
+        try {
+            return parsePhoneNumber(phoneNumber, countryCode);
+        }
+        catch (e) {
+            return undefined;
+        }
+    }
+    getPhoneNumberObject(number) {
+        const parsedNumber = this.parse(number);
+        if (parsedNumber) {
+            const dailCode = parsedNumber.countryCallingCode;
+            const code = this.getCountryIsoCode(dailCode, parsedNumber);
+            const nationalNumber = parsedNumber.nationalNumber;
+            const internationalNumber = parsedNumber.format("E.164");
+            const placeholder = this.getPlaceholder(code);
+            const name = this.getCountryByDailCode(dailCode, parsedNumber)?.name ?? "";
+            return { dailCode, code, nationalNumber, internationalNumber, placeholder, name, priority: 0, order: 0 };
+        }
+        return;
+    }
+    format(phoneNumber, countryCode, numberFormat) {
+        const number = this.parse(phoneNumber, countryCode);
+        if (number) {
+            return number.format(numberFormat);
+        }
+        return "";
+    }
+    validate(number) {
+        try {
+            const parsedNumber = parsePhoneNumber(number);
+            // Check if it's a mobile number type
+            if (parsedNumber.getType() !== "MOBILE") {
+                return false;
+            }
+            return parsedNumber.isValid();
+        }
+        catch (e) {
+            return false;
+        }
+    }
+    getPlaceholder(countryCode) {
+        try {
+            const exampleNumber = getExampleNumber(countryCode, examples);
+            return exampleNumber ? (countryCode === "SA" ? "050 123 4567" : exampleNumber.formatNational()) : "";
+        }
+        catch (e) {
+            return "";
+        }
+    }
+    getCountryIsoCode(dailCode, number) {
+        return this.getCountryByDailCode(dailCode, number)?.code ?? "";
+    }
+    getCountryByDailCode(dailCode, number) {
+        // Will use this to match area code from the first numbers
+        const rawNumber = number.nationalNumber;
+        // List of all countries with dailCode (can be more than one. e.x. US, CA, DO, PR all have +1 dailCode)
+        const countries = COUNTRIES.filter((c) => c.dailCode === dailCode?.toString());
+        // Main country is the country, which has no areaCodes specified in country-code.ts file.
+        const mainCountry = countries.find((c) => c.areaCodes === undefined);
+        // Secondary countries are all countries, which have areaCodes specified in country-code.ts file.
+        const secondaryCountries = countries.filter((c) => c.areaCodes !== undefined);
+        let matchedCountry = mainCountry ? mainCountry : undefined;
+        /*
+          Iterate over each secondary country and check if nationalNumber starts with any of areaCodes available.
+          If no matches found, fallback to the main country.
+        */
+        secondaryCountries.forEach((country) => {
+            if (country && country.areaCodes) {
+                country.areaCodes.forEach((areaCode) => {
+                    if (rawNumber.startsWith(areaCode)) {
+                        matchedCountry = country;
+                    }
+                });
+            }
+        });
+        return matchedCountry;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: Phone, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: Phone, providedIn: "root" });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: Phone, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: "root" }]
+        }] });
+
+/**
+ * `<iss-ctrl-mobile>` — international phone number with a country selector.
+ *
+ * The number is validated against the selected country and stored in its international form.
+ *
+ * @example
+ * ```html
+ * <iss-ctrl-mobile formControlName="mobile" [preferredCountries]="['SA', 'AE']">
+ *   <label>Mobile</label>
+ * </iss-ctrl-mobile>
+ * ```
+ *
+ * ### Own inputs
+ * | Property | Type | Default | Description |
+ * | --- | --- | --- | --- |
+ * | `preferredCountries` | `ISO2[]` | `["SA"]` | Countries pinned to the top of the country list. |
+ *
+ * ### Inherited from {@link ControlBase}
+ * `formControlName` · `readonly` · `className` · `(onChange)`
+ *
+ * Projects `<label>` into the floating label; omit it to render the control without one.
+ */
+class MobileControl extends ControlBase {
+    phoneService = inject(Phone);
+    isOpen = signal(false, ...(ngDevMode ? [{ debugName: "isOpen" }] : /* istanbul ignore next */ []));
+    selectedCountry = signal(DEFAULT_COUNTRY, ...(ngDevMode ? [{ debugName: "selectedCountry" }] : /* istanbul ignore next */ []));
+    /**
+     * ISO-2 country codes pinned to the top of the country list; the first one is preselected.
+     */
+    preferredCountries = input(["SA"], ...(ngDevMode ? [{ debugName: "preferredCountries" }] : /* istanbul ignore next */ []));
+    searchInput = new FormControl("");
+    filteredCountries = computed(() => this.#searchInCountries(), ...(ngDevMode ? [{ debugName: "filteredCountries" }] : /* istanbul ignore next */ []));
+    #searchQuery = toSignal(this.searchInput.valueChanges);
+    #disabledEffect = effect(() => {
+        if (this.disabled()) {
+            this.ctrl.disable();
+        }
+        else {
+            this.ctrl.enable();
+        }
+    }, ...(ngDevMode ? [{ debugName: "#disabledEffect" }] : /* istanbul ignore next */ []));
+    writeValue(value) {
+        if (!value) {
+            this.selectedCountry.set(DEFAULT_COUNTRY);
+            this.ctrl.setValue(null, { emitEvent: false });
+            return;
+        }
+        const mobileObject = this.phoneService.getPhoneNumberObject(value);
+        if (mobileObject) {
+            this.selectedCountry.set(mobileObject);
+        }
+        this.ctrl.setValue(mobileObject?.nationalNumber ?? value, { emitEvent: false });
+    }
+    emit() {
+        const nationalNumber = this.ctrl.getRawValue();
+        if (!nationalNumber) {
+            this.propagateValue(null);
+            this.emitOnChangeEvent(this.selectedCountry());
+            return;
+        }
+        const mobileInput = `+${this.selectedCountry().dailCode}${nationalNumber}`;
+        const numberObject = this.phoneService.getPhoneNumberObject(mobileInput);
+        if (numberObject) {
+            this.selectedCountry.set(numberObject);
+            this.propagateValue(`+${numberObject.dailCode}${numberObject.nationalNumber}`);
+        }
+        else {
+            this.propagateValue(mobileInput);
+        }
+        this.emitOnChangeEvent(this.selectedCountry());
+    }
+    validate(control) {
+        if (!control.getRawValue()) {
+            return null;
+        }
+        const error = { invalidPhoneNumber: { accepted: this.selectedCountry().placeholder, input: control.getRawValue() } };
+        const isValid = this.phoneService.validate(control.getRawValue());
+        if (isValid) {
+            return null;
+        }
+        return error;
+    }
+    ngOnDestroy() {
+        this.#disabledEffect.destroy();
+    }
+    onInput(event) {
+        const allowedChars = /[0-9+\-()]/;
+        const allowedCtrlChars = /[axcv]/; // Allows copy-pasting
+        const allowedOtherKeys = [
+            "ArrowLeft",
+            "ArrowUp",
+            "ArrowRight",
+            "ArrowDown",
+            "Home",
+            "End",
+            "Insert",
+            "Delete",
+            "Backspace",
+        ];
+        if (!allowedChars.test(event.key) && !(event.ctrlKey && allowedCtrlChars.test(event.key)) && !allowedOtherKeys.includes(event.key)) {
+            event.preventDefault();
+        }
+    }
+    onSelectCountry(country) {
+        if (this.readonly()) {
+            return;
+        }
+        this.selectedCountry.set(country);
+        this.searchInput.setValue("");
+        this.closeCountryCodeMenu();
+        const nationalNumber = this.ctrl.getRawValue();
+        if (!nationalNumber) {
+            this.propagateValue(null);
+            this.emitOnChangeEvent(this.selectedCountry());
+            return;
+        }
+        const mobileInput = `+${country.dailCode}${nationalNumber}`;
+        this.propagateValue(mobileInput);
+        this.emitOnChangeEvent(this.selectedCountry());
+    }
+    closeCountryCodeMenu() {
+        this.isOpen.set(false);
+    }
+    toggleCountryCodeMenu() {
+        if (this.readonly()) {
+            return;
+        }
+        this.isOpen.update((isOpen) => !isOpen);
+    }
+    #sortCountries() {
+        // copies, never the shared COUNTRIES entries: order is per instance and must not leak globally
+        return COUNTRIES.map((country) => {
+            const preferredIndex = this.preferredCountries().indexOf(country.code);
+            if (preferredIndex === -1) {
+                return { ...country };
+            }
+            return {
+                ...country,
+                order: country.priority + (-1 * (preferredIndex - this.preferredCountries().length)) * 100,
+            };
+        }).sort((a, b) => b.order - a.order);
+    }
+    #searchInCountries() {
+        const query = (this.#searchQuery() ?? "").toLowerCase();
+        if (!query) {
+            return this.#sortCountries();
+        }
+        return this.#sortCountries().filter((country) => {
+            return (country.code.toLowerCase().includes(query)
+                || country.name.toLowerCase().includes(query)
+                || country.dailCode.toLowerCase().includes(query));
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: MobileControl, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: MobileControl, isStandalone: true, selector: "iss-ctrl-mobile", inputs: { preferredCountries: { classPropertyName: "preferredCountries", publicName: "preferredCountries", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
+            { provide: NG_VALUE_ACCESSOR, useExisting: MobileControl, multi: true },
+            { provide: NG_VALIDATORS, useExisting: MobileControl, multi: true }
+        ], usesInheritance: true, ngImport: i0, template: `
+    <mat-form-field floatLabel="auto" cdkOverlayOrigin #trigger="cdkOverlayOrigin">
+      <!-- Always rendered: upgrade.scss shows the floating label only while the projected <label> carries text, so an omitted or empty one collapses on its own. -->
+      <mat-label class="fs-16 fc-dark-gray">
+        <ng-content select="label"></ng-content>
+      </mat-label>
+      <div class="d-inline-flex align-items-center gap-1 country-flag" matPrefix (click)="toggleCountryCodeMenu()">
+        <img
+          ngSrc="./flags/{{selectedCountry().code.toLowerCase()}}.svg"
+          width="20"
+          height="20"
+          [alt]="selectedCountry().code.toLowerCase()"
+          class="country-flag--image"
+          [priority]="true"
+        >
+        <ds-icon icon="arrow-down" class="fs-12 fc-dark-gray"></ds-icon>
+      </div>
+      <input
+        matInput
+        type="tel"
+        autocomplete="off"
+        (blur)="markAsTouched()"
+        (keydown)="onInput($event)"
+        (input)="emit()"
+        [formControl]="ctrl"
+        [readonly]="readonly()"
+        [placeholder]="selectedCountry().placeholder"
+        [errorStateMatcher]="errorStateMatcher"
+      />
+    </mat-form-field>
+    <ng-template
+      cdkConnectedOverlay
+      [cdkConnectedOverlayHasBackdrop]="true"
+      (backdropClick)="closeCountryCodeMenu()"
+      [cdkConnectedOverlayGrowAfterOpen]="true"
+      [cdkConnectedOverlayOrigin]="trigger"
+      [cdkConnectedOverlayOpen]="isOpen()"
+    >
+      <div class="country-dropdown bc-white box-shadow p-2">
+        <div class="search-container">
+          <mat-form-field>
+            <input matInput id="country-search-box" [formControl]="searchInput" (click)="$event.stopPropagation()"/>
+          </mat-form-field>
+        </div>
+        <ul class="country-list">
+          @for (country of filteredCountries(); track $index) {
+            <li
+              #countryEl
+              [ngClass]="country.order > 1 ? 'preferredCounty'  : ''"
+              class="d-flex align-items-center gap-2 cursor-pointer p-2"
+              (click)="onSelectCountry(country)"
+            >
+              @defer (on viewport(countryEl)) {
+                <img ngSrc="./flags/{{country.code.toLowerCase()}}.svg" width="20" height="20" alt="" class="country-flag--image">
+              }
+              <span class="fs-12 fc-dark-gray">(+{{ country.dailCode }})</span>
+              <span class="fs-12 fc-black">{{ country.name }}</span>
+            </li>
+          }
+        </ul>
+      </div>
+    </ng-template>
+  `, isInline: true, styles: [".country-flag{border-inline-end:var(--input-border);padding-inline-end:.5rem;margin-inline-end:.5rem;cursor:pointer}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: CdkConnectedOverlay, selector: "[cdk-connected-overlay], [connected-overlay], [cdkConnectedOverlay]", inputs: ["cdkConnectedOverlayOrigin", "cdkConnectedOverlayPositions", "cdkConnectedOverlayPositionStrategy", "cdkConnectedOverlayOffsetX", "cdkConnectedOverlayOffsetY", "cdkConnectedOverlayWidth", "cdkConnectedOverlayHeight", "cdkConnectedOverlayMinWidth", "cdkConnectedOverlayMinHeight", "cdkConnectedOverlayBackdropClass", "cdkConnectedOverlayPanelClass", "cdkConnectedOverlayViewportMargin", "cdkConnectedOverlayScrollStrategy", "cdkConnectedOverlayOpen", "cdkConnectedOverlayDisableClose", "cdkConnectedOverlayTransformOriginOn", "cdkConnectedOverlayHasBackdrop", "cdkConnectedOverlayLockPosition", "cdkConnectedOverlayFlexibleDimensions", "cdkConnectedOverlayGrowAfterOpen", "cdkConnectedOverlayPush", "cdkConnectedOverlayDisposeOnNavigation", "cdkConnectedOverlayUsePopover", "cdkConnectedOverlayMatchWidth", "cdkConnectedOverlay"], outputs: ["backdropClick", "positionChange", "attach", "detach", "overlayKeydown", "overlayOutsideClick"], exportAs: ["cdkConnectedOverlay"] }, { kind: "directive", type: CdkOverlayOrigin, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }, { kind: "component", type: MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "directive", type: MatPrefix, selector: "[matPrefix], [matIconPrefix], [matTextPrefix]", inputs: ["matTextPrefix"] }, { kind: "directive", type: NgOptimizedImage, selector: "img[ngSrc]", inputs: ["ngSrc", "ngSrcset", "sizes", "width", "height", "decoding", "loading", "priority", "loaderParams", "disableOptimizedSrcset", "fill", "placeholder", "placeholderConfig", "src", "srcset"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i2.MatLabel, selector: "mat-label" }], deferBlockDependencies: [() => [NgOptimizedImage]] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: MobileControl, decorators: [{
+            type: Component,
+            args: [{ selector: "iss-ctrl-mobile", schemas: [CUSTOM_ELEMENTS_SCHEMA], imports: [
+                        ReactiveFormsModule,
+                        NgClass,
+                        CdkConnectedOverlay,
+                        CdkOverlayOrigin,
+                        MatFormField,
+                        MatInput,
+                        MatPrefix,
+                        NgOptimizedImage,
+                        MatInputModule,
+                    ], providers: [
+                        { provide: NG_VALUE_ACCESSOR, useExisting: MobileControl, multi: true },
+                        { provide: NG_VALIDATORS, useExisting: MobileControl, multi: true }
+                    ], template: `
+    <mat-form-field floatLabel="auto" cdkOverlayOrigin #trigger="cdkOverlayOrigin">
+      <!-- Always rendered: upgrade.scss shows the floating label only while the projected <label> carries text, so an omitted or empty one collapses on its own. -->
+      <mat-label class="fs-16 fc-dark-gray">
+        <ng-content select="label"></ng-content>
+      </mat-label>
+      <div class="d-inline-flex align-items-center gap-1 country-flag" matPrefix (click)="toggleCountryCodeMenu()">
+        <img
+          ngSrc="./flags/{{selectedCountry().code.toLowerCase()}}.svg"
+          width="20"
+          height="20"
+          [alt]="selectedCountry().code.toLowerCase()"
+          class="country-flag--image"
+          [priority]="true"
+        >
+        <ds-icon icon="arrow-down" class="fs-12 fc-dark-gray"></ds-icon>
+      </div>
+      <input
+        matInput
+        type="tel"
+        autocomplete="off"
+        (blur)="markAsTouched()"
+        (keydown)="onInput($event)"
+        (input)="emit()"
+        [formControl]="ctrl"
+        [readonly]="readonly()"
+        [placeholder]="selectedCountry().placeholder"
+        [errorStateMatcher]="errorStateMatcher"
+      />
+    </mat-form-field>
+    <ng-template
+      cdkConnectedOverlay
+      [cdkConnectedOverlayHasBackdrop]="true"
+      (backdropClick)="closeCountryCodeMenu()"
+      [cdkConnectedOverlayGrowAfterOpen]="true"
+      [cdkConnectedOverlayOrigin]="trigger"
+      [cdkConnectedOverlayOpen]="isOpen()"
+    >
+      <div class="country-dropdown bc-white box-shadow p-2">
+        <div class="search-container">
+          <mat-form-field>
+            <input matInput id="country-search-box" [formControl]="searchInput" (click)="$event.stopPropagation()"/>
+          </mat-form-field>
+        </div>
+        <ul class="country-list">
+          @for (country of filteredCountries(); track $index) {
+            <li
+              #countryEl
+              [ngClass]="country.order > 1 ? 'preferredCounty'  : ''"
+              class="d-flex align-items-center gap-2 cursor-pointer p-2"
+              (click)="onSelectCountry(country)"
+            >
+              @defer (on viewport(countryEl)) {
+                <img ngSrc="./flags/{{country.code.toLowerCase()}}.svg" width="20" height="20" alt="" class="country-flag--image">
+              }
+              <span class="fs-12 fc-dark-gray">(+{{ country.dailCode }})</span>
+              <span class="fs-12 fc-black">{{ country.name }}</span>
+            </li>
+          }
+        </ul>
+      </div>
+    </ng-template>
+  `, styles: [".country-flag{border-inline-end:var(--input-border);padding-inline-end:.5rem;margin-inline-end:.5rem;cursor:pointer}\n"] }]
+        }], propDecorators: { preferredCountries: [{ type: i0.Input, args: [{ isSignal: true, alias: "preferredCountries", required: false }] }] } });
+
+// The international phone number control and its viewer.
+//
+// This is a secondary entry point because it is the only part of the library that needs
+// libphonenumber-js, whose metadata is larger than the rest of the package put together.
+// `MobileField` stays in the primary entry point and reaches these through a static import,
+// so it is the field's lazy chunk that carries them: an app that never renders a `mobile`
+// field, and never imports `MobileControl` itself, downloads none of it.
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { COUNTRIES, DEFAULT_COUNTRY, MobileControl, Phone };
+//# sourceMappingURL=iss-ctrl-mobile.mjs.map