@skyux/lookup 12.0.0-alpha.0 → 12.0.0-alpha.2

package/fesm2022/skyux-lookup.mjs

@@ -1399,6 +1399,26 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImpor
                 }]
         }] });
 
+/**
+ * Clone the country data for each component instance to avoid overwriting
+ * the global country data.
+ */
+function cloneCountryData(data) {
+    const clone = [...data];
+    return clone.map((country) => {
+        const mapped = {
+            iso2: country.iso2,
+            dialCode: country.dialCode,
+            name: country.name,
+            priority: country.priority,
+        };
+        if (country.areaCodes) {
+            mapped.areaCodes = [...country.areaCodes];
+        }
+        return mapped;
+    });
+}
+
 /**
  * @internal
  */
@@ -1678,16 +1698,7 @@ class SkyCountryFieldComponent {
         return a.iso2 === b.iso2 && a.name === b.name;
     }
     #setupCountries() {
-        /**
-         * The json functions here ensures that we get a copy of the array and not the global original.
-         * This ensures that multiple instances of the component don't overwrite the original data.
-         */
-        this.countries = JSON.parse(JSON.stringify(intlTelInput.getCountryData())).map((country) => {
-            // `intl-tel-input` version 19.2.6 added a `nodeById` property that is used internally to that library to this object.
-            // We need to remove it as it is not useful to our consumers and would muddle the object type.
-            delete country.nodeById;
-            return country;
-        });
+        this.countries = cloneCountryData(intlTelInput.getCountryData());
         // Ignoring coverage here as this will be removed in the next release.
         // istanbul ignore next
         if (!this.includePhoneInfo && !this.hideSelectedCountryFlag) {