Remove added input padding in destroy method

jackocnr · Jul 17, 2024 · 947a8b2 · 947a8b2
1 parent a2a848f
commit 947a8b2
Show file tree

Hide file tree

Showing 14 changed files with 171 additions and 12 deletions.
diff --git a/build/js/intlTelInput.d.ts b/build/js/intlTelInput.d.ts
@@ -897,6 +897,8 @@ declare module "intl-tel-input" {
         private hiddenInputCountry;
         private maxCoreNumberLength;
         private defaultCountry;
+        private originalPaddingRight;
+        private originalPaddingLeft;
         private _handleHiddenInputSubmit;
         private _handleLabelClick;
         private _handleClickSelectedCountry;

diff --git a/build/js/intlTelInput.js b/build/js/intlTelInput.js
@@ -1536,6 +1536,13 @@ var factoryOutput = (() => {
       }
       this.isAndroid = typeof navigator !== "undefined" ? /Android/i.test(navigator.userAgent) : false;
       this.isRTL = !!this.telInput.closest("[dir=rtl]");
+      if (this.options.separateDialCode) {
+        if (this.isRTL) {
+          this.originalPaddingRight = this.telInput.style.paddingRight;
+        } else {
+          this.originalPaddingLeft = this.telInput.style.paddingLeft;
+        }
+      }
       this.options.i18n = { ...en_default, ...this.options.i18n };
       const autoCountryPromise = new Promise((resolve, reject) => {
         this.resolveAutoCountryPromise = resolve;
@@ -2653,7 +2660,8 @@ var factoryOutput = (() => {
     //********************
     //* Remove plugin.
     destroy() {
-      if (this.options.allowDropdown) {
+      const { allowDropdown, separateDialCode } = this.options;
+      if (allowDropdown) {
         this._closeDropdown();
         this.selectedCountry.removeEventListener(
           "click",
@@ -2677,6 +2685,13 @@ var factoryOutput = (() => {
         this.telInput.removeEventListener("keydown", this._handleKeydownEvent);
       }
       this.telInput.removeAttribute("data-intl-tel-input-id");
+      if (separateDialCode) {
+        if (this.isRTL) {
+          this.telInput.style.paddingRight = this.originalPaddingRight;
+        } else {
+          this.telInput.style.paddingLeft = this.originalPaddingLeft;
+        }
+      }
       const wrapper = this.telInput.parentNode;
       wrapper?.parentNode?.insertBefore(this.telInput, wrapper);
       wrapper?.parentNode?.removeChild(wrapper);

diff --git a/build/js/intlTelInput.min.js b/build/js/intlTelInput.min.js
diff --git a/build/js/intlTelInputWithUtils.js b/build/js/intlTelInputWithUtils.js
@@ -1535,6 +1535,13 @@ var factoryOutput = (() => {
       }
       this.isAndroid = typeof navigator !== "undefined" ? /Android/i.test(navigator.userAgent) : false;
       this.isRTL = !!this.telInput.closest("[dir=rtl]");
+      if (this.options.separateDialCode) {
+        if (this.isRTL) {
+          this.originalPaddingRight = this.telInput.style.paddingRight;
+        } else {
+          this.originalPaddingLeft = this.telInput.style.paddingLeft;
+        }
+      }
       this.options.i18n = { ...en_default, ...this.options.i18n };
       const autoCountryPromise = new Promise((resolve, reject) => {
         this.resolveAutoCountryPromise = resolve;
@@ -2652,7 +2659,8 @@ var factoryOutput = (() => {
     //********************
     //* Remove plugin.
     destroy() {
-      if (this.options.allowDropdown) {
+      const { allowDropdown, separateDialCode } = this.options;
+      if (allowDropdown) {
         this._closeDropdown();
         this.selectedCountry.removeEventListener(
           "click",
@@ -2676,6 +2684,13 @@ var factoryOutput = (() => {
         this.telInput.removeEventListener("keydown", this._handleKeydownEvent);
       }
       this.telInput.removeAttribute("data-intl-tel-input-id");
+      if (separateDialCode) {
+        if (this.isRTL) {
+          this.telInput.style.paddingRight = this.originalPaddingRight;
+        } else {
+          this.telInput.style.paddingLeft = this.originalPaddingLeft;
+        }
+      }
       const wrapper = this.telInput.parentNode;
       wrapper?.parentNode?.insertBefore(this.telInput, wrapper);
       wrapper?.parentNode?.removeChild(wrapper);

diff --git a/build/js/intlTelInputWithUtils.min.js b/build/js/intlTelInputWithUtils.min.js
diff --git a/react/build/IntlTelInput.cjs b/react/build/IntlTelInput.cjs
@@ -1531,6 +1531,13 @@ var Iti = class {
     }
     this.isAndroid = typeof navigator !== "undefined" ? /Android/i.test(navigator.userAgent) : false;
     this.isRTL = !!this.telInput.closest("[dir=rtl]");
+    if (this.options.separateDialCode) {
+      if (this.isRTL) {
+        this.originalPaddingRight = this.telInput.style.paddingRight;
+      } else {
+        this.originalPaddingLeft = this.telInput.style.paddingLeft;
+      }
+    }
     this.options.i18n = { ...en_default, ...this.options.i18n };
     const autoCountryPromise = new Promise((resolve, reject) => {
       this.resolveAutoCountryPromise = resolve;
@@ -2648,7 +2655,8 @@ var Iti = class {
   //********************
   //* Remove plugin.
   destroy() {
-    if (this.options.allowDropdown) {
+    const { allowDropdown, separateDialCode } = this.options;
+    if (allowDropdown) {
       this._closeDropdown();
       this.selectedCountry.removeEventListener(
         "click",
@@ -2672,6 +2680,13 @@ var Iti = class {
       this.telInput.removeEventListener("keydown", this._handleKeydownEvent);
     }
     this.telInput.removeAttribute("data-intl-tel-input-id");
+    if (separateDialCode) {
+      if (this.isRTL) {
+        this.telInput.style.paddingRight = this.originalPaddingRight;
+      } else {
+        this.telInput.style.paddingLeft = this.originalPaddingLeft;
+      }
+    }
     const wrapper = this.telInput.parentNode;
     wrapper?.parentNode?.insertBefore(this.telInput, wrapper);
     wrapper?.parentNode?.removeChild(wrapper);

diff --git a/react/build/IntlTelInput.d.ts b/react/build/IntlTelInput.d.ts
@@ -897,6 +897,8 @@ declare module "intl-tel-input" {
         private hiddenInputCountry;
         private maxCoreNumberLength;
         private defaultCountry;
+        private originalPaddingRight;
+        private originalPaddingLeft;
         private _handleHiddenInputSubmit;
         private _handleLabelClick;
         private _handleClickSelectedCountry;

diff --git a/react/build/IntlTelInput.js b/react/build/IntlTelInput.js
@@ -1495,6 +1495,13 @@ var Iti = class {
     }
     this.isAndroid = typeof navigator !== "undefined" ? /Android/i.test(navigator.userAgent) : false;
     this.isRTL = !!this.telInput.closest("[dir=rtl]");
+    if (this.options.separateDialCode) {
+      if (this.isRTL) {
+        this.originalPaddingRight = this.telInput.style.paddingRight;
+      } else {
+        this.originalPaddingLeft = this.telInput.style.paddingLeft;
+      }
+    }
     this.options.i18n = { ...en_default, ...this.options.i18n };
     const autoCountryPromise = new Promise((resolve, reject) => {
       this.resolveAutoCountryPromise = resolve;
@@ -2612,7 +2619,8 @@ var Iti = class {
   //********************
   //* Remove plugin.
   destroy() {
-    if (this.options.allowDropdown) {
+    const { allowDropdown, separateDialCode } = this.options;
+    if (allowDropdown) {
       this._closeDropdown();
       this.selectedCountry.removeEventListener(
         "click",
@@ -2636,6 +2644,13 @@ var Iti = class {
       this.telInput.removeEventListener("keydown", this._handleKeydownEvent);
     }
     this.telInput.removeAttribute("data-intl-tel-input-id");
+    if (separateDialCode) {
+      if (this.isRTL) {
+        this.telInput.style.paddingRight = this.originalPaddingRight;
+      } else {
+        this.telInput.style.paddingLeft = this.originalPaddingLeft;
+      }
+    }
     const wrapper = this.telInput.parentNode;
     wrapper?.parentNode?.insertBefore(this.telInput, wrapper);
     wrapper?.parentNode?.removeChild(wrapper);

diff --git a/react/build/IntlTelInputWithUtils.cjs b/react/build/IntlTelInputWithUtils.cjs
@@ -1531,6 +1531,13 @@ var Iti = class {
     }
     this.isAndroid = typeof navigator !== "undefined" ? /Android/i.test(navigator.userAgent) : false;
     this.isRTL = !!this.telInput.closest("[dir=rtl]");
+    if (this.options.separateDialCode) {
+      if (this.isRTL) {
+        this.originalPaddingRight = this.telInput.style.paddingRight;
+      } else {
+        this.originalPaddingLeft = this.telInput.style.paddingLeft;
+      }
+    }
     this.options.i18n = { ...en_default, ...this.options.i18n };
     const autoCountryPromise = new Promise((resolve, reject) => {
       this.resolveAutoCountryPromise = resolve;
@@ -2648,7 +2655,8 @@ var Iti = class {
   //********************
   //* Remove plugin.
   destroy() {
-    if (this.options.allowDropdown) {
+    const { allowDropdown, separateDialCode } = this.options;
+    if (allowDropdown) {
       this._closeDropdown();
       this.selectedCountry.removeEventListener(
         "click",
@@ -2672,6 +2680,13 @@ var Iti = class {
       this.telInput.removeEventListener("keydown", this._handleKeydownEvent);
     }
     this.telInput.removeAttribute("data-intl-tel-input-id");
+    if (separateDialCode) {
+      if (this.isRTL) {
+        this.telInput.style.paddingRight = this.originalPaddingRight;
+      } else {
+        this.telInput.style.paddingLeft = this.originalPaddingLeft;
+      }
+    }
     const wrapper = this.telInput.parentNode;
     wrapper?.parentNode?.insertBefore(this.telInput, wrapper);
     wrapper?.parentNode?.removeChild(wrapper);

diff --git a/react/build/IntlTelInputWithUtils.js b/react/build/IntlTelInputWithUtils.js
@@ -1495,6 +1495,13 @@ var Iti = class {
     }
     this.isAndroid = typeof navigator !== "undefined" ? /Android/i.test(navigator.userAgent) : false;
     this.isRTL = !!this.telInput.closest("[dir=rtl]");
+    if (this.options.separateDialCode) {
+      if (this.isRTL) {
+        this.originalPaddingRight = this.telInput.style.paddingRight;
+      } else {
+        this.originalPaddingLeft = this.telInput.style.paddingLeft;
+      }
+    }
     this.options.i18n = { ...en_default, ...this.options.i18n };
     const autoCountryPromise = new Promise((resolve, reject) => {
       this.resolveAutoCountryPromise = resolve;
@@ -2612,7 +2619,8 @@ var Iti = class {
   //********************
   //* Remove plugin.
   destroy() {
-    if (this.options.allowDropdown) {
+    const { allowDropdown, separateDialCode } = this.options;
+    if (allowDropdown) {
       this._closeDropdown();
       this.selectedCountry.removeEventListener(
         "click",
@@ -2636,6 +2644,13 @@ var Iti = class {
       this.telInput.removeEventListener("keydown", this._handleKeydownEvent);
     }
     this.telInput.removeAttribute("data-intl-tel-input-id");
+    if (separateDialCode) {
+      if (this.isRTL) {
+        this.telInput.style.paddingRight = this.originalPaddingRight;
+      } else {
+        this.telInput.style.paddingLeft = this.originalPaddingLeft;
+      }
+    }
     const wrapper = this.telInput.parentNode;
     wrapper?.parentNode?.insertBefore(this.telInput, wrapper);
     wrapper?.parentNode?.removeChild(wrapper);

diff --git a/react/demo/set-number-bundle.js b/react/demo/set-number-bundle.js
@@ -25024,6 +25024,13 @@
       }
       this.isAndroid = typeof navigator !== "undefined" ? /Android/i.test(navigator.userAgent) : false;
       this.isRTL = !!this.telInput.closest("[dir=rtl]");
+      if (this.options.separateDialCode) {
+        if (this.isRTL) {
+          this.originalPaddingRight = this.telInput.style.paddingRight;
+        } else {
+          this.originalPaddingLeft = this.telInput.style.paddingLeft;
+        }
+      }
       this.options.i18n = { ...en_default, ...this.options.i18n };
       const autoCountryPromise = new Promise((resolve, reject) => {
         this.resolveAutoCountryPromise = resolve;
@@ -26141,7 +26148,8 @@
     //********************
     //* Remove plugin.
     destroy() {
-      if (this.options.allowDropdown) {
+      const { allowDropdown, separateDialCode } = this.options;
+      if (allowDropdown) {
         this._closeDropdown();
         this.selectedCountry.removeEventListener(
           "click",
@@ -26165,6 +26173,13 @@
         this.telInput.removeEventListener("keydown", this._handleKeydownEvent);
       }
       this.telInput.removeAttribute("data-intl-tel-input-id");
+      if (separateDialCode) {
+        if (this.isRTL) {
+          this.telInput.style.paddingRight = this.originalPaddingRight;
+        } else {
+          this.telInput.style.paddingLeft = this.originalPaddingLeft;
+        }
+      }
       const wrapper = this.telInput.parentNode;
       wrapper?.parentNode?.insertBefore(this.telInput, wrapper);
       wrapper?.parentNode?.removeChild(wrapper);

diff --git a/react/demo/simple-bundle.js b/react/demo/simple-bundle.js
@@ -25024,6 +25024,13 @@
       }
       this.isAndroid = typeof navigator !== "undefined" ? /Android/i.test(navigator.userAgent) : false;
       this.isRTL = !!this.telInput.closest("[dir=rtl]");
+      if (this.options.separateDialCode) {
+        if (this.isRTL) {
+          this.originalPaddingRight = this.telInput.style.paddingRight;
+        } else {
+          this.originalPaddingLeft = this.telInput.style.paddingLeft;
+        }
+      }
       this.options.i18n = { ...en_default, ...this.options.i18n };
       const autoCountryPromise = new Promise((resolve, reject) => {
         this.resolveAutoCountryPromise = resolve;
@@ -26141,7 +26148,8 @@
     //********************
     //* Remove plugin.
     destroy() {
-      if (this.options.allowDropdown) {
+      const { allowDropdown, separateDialCode } = this.options;
+      if (allowDropdown) {
         this._closeDropdown();
         this.selectedCountry.removeEventListener(
           "click",
@@ -26165,6 +26173,13 @@
         this.telInput.removeEventListener("keydown", this._handleKeydownEvent);
       }
       this.telInput.removeAttribute("data-intl-tel-input-id");
+      if (separateDialCode) {
+        if (this.isRTL) {
+          this.telInput.style.paddingRight = this.originalPaddingRight;
+        } else {
+          this.telInput.style.paddingLeft = this.originalPaddingLeft;
+        }
+      }
       const wrapper = this.telInput.parentNode;
       wrapper?.parentNode?.insertBefore(this.telInput, wrapper);
       wrapper?.parentNode?.removeChild(wrapper);

diff --git a/react/demo/validation-bundle.js b/react/demo/validation-bundle.js
@@ -25024,6 +25024,13 @@
       }
       this.isAndroid = typeof navigator !== "undefined" ? /Android/i.test(navigator.userAgent) : false;
       this.isRTL = !!this.telInput.closest("[dir=rtl]");
+      if (this.options.separateDialCode) {
+        if (this.isRTL) {
+          this.originalPaddingRight = this.telInput.style.paddingRight;
+        } else {
+          this.originalPaddingLeft = this.telInput.style.paddingLeft;
+        }
+      }
       this.options.i18n = { ...en_default, ...this.options.i18n };
       const autoCountryPromise = new Promise((resolve, reject) => {
         this.resolveAutoCountryPromise = resolve;
@@ -26141,7 +26148,8 @@
     //********************
     //* Remove plugin.
     destroy() {
-      if (this.options.allowDropdown) {
+      const { allowDropdown, separateDialCode } = this.options;
+      if (allowDropdown) {
         this._closeDropdown();
         this.selectedCountry.removeEventListener(
           "click",
@@ -26165,6 +26173,13 @@
         this.telInput.removeEventListener("keydown", this._handleKeydownEvent);
       }
       this.telInput.removeAttribute("data-intl-tel-input-id");
+      if (separateDialCode) {
+        if (this.isRTL) {
+          this.telInput.style.paddingRight = this.originalPaddingRight;
+        } else {
+          this.telInput.style.paddingLeft = this.originalPaddingLeft;
+        }
+      }
       const wrapper = this.telInput.parentNode;
       wrapper?.parentNode?.insertBefore(this.telInput, wrapper);
       wrapper?.parentNode?.removeChild(wrapper);