@intl-tel-input/angular 29.2.2 → 29.3.0

package/README.md

@@ -14,6 +14,8 @@ For entering, formatting, and validating international telephone numbers.
 
 Check out the [website](https://intl-tel-input.com), where you can find [a full set of docs](https://intl-tel-input.com/docs/angular-component), a [live playground](https://intl-tel-input.com/playground/) where you can try out all of the options, as well as plenty of [examples](https://intl-tel-input.com/examples/angular-component/validation) of different setups.
 
+Browser support: same as the core library — see the [FAQ](https://intl-tel-input.com/docs/faq#which-browsers-are-supported) for minimum versions.
+
 ## Running the demos locally
 
 1. Initialise the submodules: `git submodule update --init --recursive`

package/dist/IntlTelInput.js

@@ -4955,7 +4955,7 @@ var intlTelInput = Object.assign(
     attachUtils,
     startedLoadingUtils: false,
     startedLoadingAutoCountry: false,
-    version: "29.2.2",
+    version: "29.3.0",
     NUMBER_FORMAT,
     NUMBER_TYPE,
     VALIDATION_ERROR,
@@ -4969,7 +4969,6 @@ var intlTelInput_default = intlTelInput;
 import { Component, Input, ViewChild, ElementRef, Output, EventEmitter, forwardRef } from "@angular/core";
 import { NG_VALUE_ACCESSOR, NG_VALIDATORS } from "@angular/forms";
 import * as i0 from "@angular/core";
-var _c0 = ["inputRef"];
 var warnInputAttr = (prop) => {
   console.warn(`intl-tel-input: ignoring inputAttributes.${prop} - see docs for more info.`);
 };
@@ -5288,18 +5287,8 @@ var IntlTelInput = class _IntlTelInput {
   registerOnValidatorChange(fn) {
     this.onValidatorChange = fn;
   }
-  static \u0275fac = function IntlTelInput_Factory(__ngFactoryType__) {
-    return new (__ngFactoryType__ || _IntlTelInput)();
-  };
-  static \u0275cmp = /* @__PURE__ */ i0.\u0275\u0275defineComponent({ type: _IntlTelInput, selectors: [["intl-tel-input"]], viewQuery: function IntlTelInput_Query(rf, ctx) {
-    if (rf & 1) {
-      i0.\u0275\u0275viewQuery(_c0, 7);
-    }
-    if (rf & 2) {
-      let _t;
-      i0.\u0275\u0275queryRefresh(_t = i0.\u0275\u0275loadQuery()) && (ctx.inputRef = _t.first);
-    }
-  }, inputs: { initialValue: "initialValue", usePreciseValidation: "usePreciseValidation", inputAttributes: "inputAttributes", disabled: "disabled", readonly: "readonly", countrySelectorMode: "countrySelectorMode", allowedNumberTypes: "allowedNumberTypes", allowNumberExtensions: "allowNumberExtensions", allowPhonewords: "allowPhonewords", classNames: "classNames", containerClass: "containerClass", countryNameLocale: "countryNameLocale", countryNameOverrides: "countryNameOverrides", countryOrder: "countryOrder", countrySearch: "countrySearch", customPlaceholder: "customPlaceholder", dropdownAlwaysOpen: "dropdownAlwaysOpen", dropdownParent: "dropdownParent", excludeCountries: "excludeCountries", matchDropdownWidth: "matchDropdownWidth", formatAsYouType: "formatAsYouType", hiddenInputs: "hiddenInputs", uiTranslations: "uiTranslations", initialCountry: "initialCountry", initialCountryLookup: "initialCountryLookup", loadUtils: "loadUtils", numberDisplayFormat: "numberDisplayFormat", onlyCountries: "onlyCountries", placeholderNumberPolicy: "placeholderNumberPolicy", placeholderNumberType: "placeholderNumberType", searchInputClass: "searchInputClass", separateDialCode: "separateDialCode", showFlags: "showFlags", strictMode: "strictMode", strictRejectAnimation: "strictRejectAnimation" }, outputs: { numberChange: "numberChange", countryChange: "countryChange", validityChange: "validityChange", errorCodeChange: "errorCodeChange", openCountrySelector: "openCountrySelector", closeCountrySelector: "closeCountrySelector", strictReject: "strictReject", blur: "blur", focus: "focus", keydown: "keydown", keyup: "keyup", paste: "paste", click: "click" }, features: [i0.\u0275\u0275ProvidersFeature([
+  static \u0275fac = i0.\u0275\u0275ngDeclareFactory({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: _IntlTelInput, deps: [], target: i0.\u0275\u0275FactoryTarget.Component });
+  static \u0275cmp = i0.\u0275\u0275ngDeclareComponent({ minVersion: "14.0.0", version: "21.2.7", type: _IntlTelInput, isStandalone: true, selector: "intl-tel-input", inputs: { initialValue: "initialValue", usePreciseValidation: "usePreciseValidation", inputAttributes: "inputAttributes", disabled: "disabled", readonly: "readonly", countrySelectorMode: "countrySelectorMode", allowedNumberTypes: "allowedNumberTypes", allowNumberExtensions: "allowNumberExtensions", allowPhonewords: "allowPhonewords", classNames: "classNames", containerClass: "containerClass", countryNameLocale: "countryNameLocale", countryNameOverrides: "countryNameOverrides", countryOrder: "countryOrder", countrySearch: "countrySearch", customPlaceholder: "customPlaceholder", dropdownAlwaysOpen: "dropdownAlwaysOpen", dropdownParent: "dropdownParent", excludeCountries: "excludeCountries", matchDropdownWidth: "matchDropdownWidth", formatAsYouType: "formatAsYouType", hiddenInputs: "hiddenInputs", uiTranslations: "uiTranslations", initialCountry: "initialCountry", initialCountryLookup: "initialCountryLookup", loadUtils: "loadUtils", numberDisplayFormat: "numberDisplayFormat", onlyCountries: "onlyCountries", placeholderNumberPolicy: "placeholderNumberPolicy", placeholderNumberType: "placeholderNumberType", searchInputClass: "searchInputClass", separateDialCode: "separateDialCode", showFlags: "showFlags", strictMode: "strictMode", strictRejectAnimation: "strictRejectAnimation" }, outputs: { numberChange: "numberChange", countryChange: "countryChange", validityChange: "validityChange", errorCodeChange: "errorCodeChange", openCountrySelector: "openCountrySelector", closeCountrySelector: "closeCountrySelector", strictReject: "strictReject", blur: "blur", focus: "focus", keydown: "keydown", keyup: "keyup", paste: "paste", click: "click" }, providers: [
     {
       provide: NG_VALUE_ACCESSOR,
       useExisting: forwardRef(() => _IntlTelInput),
@@ -5310,33 +5299,25 @@ var IntlTelInput = class _IntlTelInput {
       useExisting: forwardRef(() => _IntlTelInput),
       multi: true
     }
-  ]), i0.\u0275\u0275NgOnChangesFeature], decls: 2, vars: 0, consts: [["inputRef", ""], ["type", "tel", 3, "blur", "focus", "keydown", "keyup", "paste", "click"]], template: function IntlTelInput_Template(rf, ctx) {
-    if (rf & 1) {
-      i0.\u0275\u0275domElementStart(0, "input", 1, 0);
-      i0.\u0275\u0275domListener("blur", function IntlTelInput_Template_input_blur_0_listener($event) {
-        return ctx.handleBlur($event);
-      })("focus", function IntlTelInput_Template_input_focus_0_listener($event) {
-        return ctx.handleFocus($event);
-      })("keydown", function IntlTelInput_Template_input_keydown_0_listener($event) {
-        return ctx.handleKeyDown($event);
-      })("keyup", function IntlTelInput_Template_input_keyup_0_listener($event) {
-        return ctx.handleKeyUp($event);
-      })("paste", function IntlTelInput_Template_input_paste_0_listener($event) {
-        return ctx.handlePaste($event);
-      })("click", function IntlTelInput_Template_input_click_0_listener($event) {
-        return ctx.handleClick($event);
-      });
-      i0.\u0275\u0275domElementEnd();
-    }
-  }, encapsulation: 2 });
+  ], viewQueries: [{ propertyName: "inputRef", first: true, predicate: ["inputRef"], descendants: true, static: true }], usesOnChanges: true, ngImport: i0, template: `
+    <input
+      type="tel"
+      #inputRef
+      (blur)="handleBlur($event)"
+      (focus)="handleFocus($event)"
+      (keydown)="handleKeyDown($event)"
+      (keyup)="handleKeyUp($event)"
+      (paste)="handlePaste($event)"
+      (click)="handleClick($event)"
+    />
+  `, isInline: true });
 };
-(() => {
-  (typeof ngDevMode === "undefined" || ngDevMode) && i0.\u0275setClassMetadata(IntlTelInput, [{
-    type: Component,
-    args: [{
-      selector: "intl-tel-input",
-      standalone: true,
-      template: `
+i0.\u0275\u0275ngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: IntlTelInput, decorators: [{
+  type: Component,
+  args: [{
+    selector: "intl-tel-input",
+    standalone: true,
+    template: `
     <input
       type="tel"
       #inputRef
@@ -5348,123 +5329,119 @@ var IntlTelInput = class _IntlTelInput {
       (click)="handleClick($event)"
     />
   `,
-      providers: [
-        {
-          provide: NG_VALUE_ACCESSOR,
-          useExisting: forwardRef(() => IntlTelInput),
-          multi: true
-        },
-        {
-          provide: NG_VALIDATORS,
-          useExisting: forwardRef(() => IntlTelInput),
-          multi: true
-        }
-      ]
-    }]
-  }], null, { inputRef: [{
-    type: ViewChild,
-    args: ["inputRef", { static: true }]
-  }], initialValue: [{
-    type: Input
-  }], usePreciseValidation: [{
-    type: Input
-  }], inputAttributes: [{
-    type: Input
-  }], disabled: [{
-    type: Input
-  }], readonly: [{
-    type: Input
-  }], countrySelectorMode: [{
-    type: Input
-  }], allowedNumberTypes: [{
-    type: Input
-  }], allowNumberExtensions: [{
-    type: Input
-  }], allowPhonewords: [{
-    type: Input
-  }], classNames: [{
-    type: Input
-  }], containerClass: [{
-    type: Input
-  }], countryNameLocale: [{
-    type: Input
-  }], countryNameOverrides: [{
-    type: Input
-  }], countryOrder: [{
-    type: Input
-  }], countrySearch: [{
-    type: Input
-  }], customPlaceholder: [{
-    type: Input
-  }], dropdownAlwaysOpen: [{
-    type: Input
-  }], dropdownParent: [{
-    type: Input
-  }], excludeCountries: [{
-    type: Input
-  }], matchDropdownWidth: [{
-    type: Input
-  }], formatAsYouType: [{
-    type: Input
-  }], hiddenInputs: [{
-    type: Input
-  }], uiTranslations: [{
-    type: Input
-  }], initialCountry: [{
-    type: Input
-  }], initialCountryLookup: [{
-    type: Input
-  }], loadUtils: [{
-    type: Input
-  }], numberDisplayFormat: [{
-    type: Input
-  }], onlyCountries: [{
-    type: Input
-  }], placeholderNumberPolicy: [{
-    type: Input
-  }], placeholderNumberType: [{
-    type: Input
-  }], searchInputClass: [{
-    type: Input
-  }], separateDialCode: [{
-    type: Input
-  }], showFlags: [{
-    type: Input
-  }], strictMode: [{
-    type: Input
-  }], strictRejectAnimation: [{
-    type: Input
-  }], numberChange: [{
-    type: Output
-  }], countryChange: [{
-    type: Output
-  }], validityChange: [{
-    type: Output
-  }], errorCodeChange: [{
-    type: Output
-  }], openCountrySelector: [{
-    type: Output
-  }], closeCountrySelector: [{
-    type: Output
-  }], strictReject: [{
-    type: Output
-  }], blur: [{
-    type: Output
-  }], focus: [{
-    type: Output
-  }], keydown: [{
-    type: Output
-  }], keyup: [{
-    type: Output
-  }], paste: [{
-    type: Output
-  }], click: [{
-    type: Output
-  }] });
-})();
-(() => {
-  (typeof ngDevMode === "undefined" || ngDevMode) && i0.\u0275setClassDebugInfo(IntlTelInput, { className: "IntlTelInput", filePath: "IntlTelInput.ts", lineNumber: 71 });
-})();
+    providers: [
+      {
+        provide: NG_VALUE_ACCESSOR,
+        useExisting: forwardRef(() => IntlTelInput),
+        multi: true
+      },
+      {
+        provide: NG_VALIDATORS,
+        useExisting: forwardRef(() => IntlTelInput),
+        multi: true
+      }
+    ]
+  }]
+}], propDecorators: { inputRef: [{
+  type: ViewChild,
+  args: ["inputRef", { static: true }]
+}], initialValue: [{
+  type: Input
+}], usePreciseValidation: [{
+  type: Input
+}], inputAttributes: [{
+  type: Input
+}], disabled: [{
+  type: Input
+}], readonly: [{
+  type: Input
+}], countrySelectorMode: [{
+  type: Input
+}], allowedNumberTypes: [{
+  type: Input
+}], allowNumberExtensions: [{
+  type: Input
+}], allowPhonewords: [{
+  type: Input
+}], classNames: [{
+  type: Input
+}], containerClass: [{
+  type: Input
+}], countryNameLocale: [{
+  type: Input
+}], countryNameOverrides: [{
+  type: Input
+}], countryOrder: [{
+  type: Input
+}], countrySearch: [{
+  type: Input
+}], customPlaceholder: [{
+  type: Input
+}], dropdownAlwaysOpen: [{
+  type: Input
+}], dropdownParent: [{
+  type: Input
+}], excludeCountries: [{
+  type: Input
+}], matchDropdownWidth: [{
+  type: Input
+}], formatAsYouType: [{
+  type: Input
+}], hiddenInputs: [{
+  type: Input
+}], uiTranslations: [{
+  type: Input
+}], initialCountry: [{
+  type: Input
+}], initialCountryLookup: [{
+  type: Input
+}], loadUtils: [{
+  type: Input
+}], numberDisplayFormat: [{
+  type: Input
+}], onlyCountries: [{
+  type: Input
+}], placeholderNumberPolicy: [{
+  type: Input
+}], placeholderNumberType: [{
+  type: Input
+}], searchInputClass: [{
+  type: Input
+}], separateDialCode: [{
+  type: Input
+}], showFlags: [{
+  type: Input
+}], strictMode: [{
+  type: Input
+}], strictRejectAnimation: [{
+  type: Input
+}], numberChange: [{
+  type: Output
+}], countryChange: [{
+  type: Output
+}], validityChange: [{
+  type: Output
+}], errorCodeChange: [{
+  type: Output
+}], openCountrySelector: [{
+  type: Output
+}], closeCountrySelector: [{
+  type: Output
+}], strictReject: [{
+  type: Output
+}], blur: [{
+  type: Output
+}], focus: [{
+  type: Output
+}], keydown: [{
+  type: Output
+}], keyup: [{
+  type: Output
+}], paste: [{
+  type: Output
+}], click: [{
+  type: Output
+}] } });
 var IntlTelInput_default = IntlTelInput;
 export {
   IntlTelInput_default as default,