@luftborn/custom-elements 2.2.0 → 2.3.0

package/demo/index.min.js

@@ -3613,7 +3613,9 @@ var Flags2x_1 = require("./Flags2x");
 var IntPhoneFieldElement = /** @class */ (function (_super) {
     __extends(IntPhoneFieldElement, _super);
     function IntPhoneFieldElement() {
-        return _super.call(this) || this;
+        var _this = _super.call(this) || this;
+        _this.UTILS_URL = 'https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/15.0.1/js/utils.js';
+        return _this;
     }
     Object.defineProperty(IntPhoneFieldElement.prototype, "value", {
         get: function () {
@@ -3660,6 +3662,7 @@ var IntPhoneFieldElement = /** @class */ (function (_super) {
         };
         var isIplookUpDisabled = ((_a = this.getAttribute('data-disable-iplookup')) === null || _a === void 0 ? void 0 : _a.toLowerCase()) === "true";
         var defaultCountry = isIplookUpDisabled ? 'dk' : 'auto';
+        var utilsUrl = this.getAttribute('data-utils-url');
         var country = (_b = this.getAttribute('data-country')) === null || _b === void 0 ? void 0 : _b.toLowerCase();
         this.intlTelInput = intlTelInput(this.phone, {
             geoIpLookup: isIplookUpDisabled ? null : geoIpLookup,
@@ -3667,7 +3670,7 @@ var IntPhoneFieldElement = /** @class */ (function (_super) {
             initialCountry: country !== null && country !== void 0 ? country : defaultCountry,
             preferredCountries: ["dk", "se", "gb"],
             nationalMode: true,
-            utilsScript: 'https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/15.0.1/js/utils.js',
+            utilsScript: utilsUrl !== null && utilsUrl !== void 0 ? utilsUrl : this.UTILS_URL,
         });
         this.intlTelInput.promise.then(function (e) {
             setTimeout(function () {
@@ -3676,9 +3679,9 @@ var IntPhoneFieldElement = /** @class */ (function (_super) {
         });
         var isLocalFlagEnabled = ((_c = this.getAttribute('data-local-flag')) === null || _c === void 0 ? void 0 : _c.toLowerCase()) === "true";
         if (isLocalFlagEnabled) {
-            var flagWrapper = this.shadowRoot.querySelector(".iti__flag");
-            if (flagWrapper) {
-                flagWrapper.style.backgroundImage = "url(" + (0, Flags_1.default)() + ")";
+            var flagWrappers = this.shadowRoot.querySelectorAll(".iti__flag");
+            if (flagWrappers.length > 0) {
+                flagWrappers.forEach(function (f) { return f.style.backgroundImage = "url(" + (0, Flags_1.default)() + ")"; });
             }
         }
     };