@intl-tel-input/angular 28.0.2 → 28.0.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +14 -2
- package/dist/IntlTelInput.d.ts +1 -1
- package/dist/IntlTelInput.js +7 -7
- package/dist/IntlTelInputWithUtils.js +7 -7
- package/package.json +3 -3
package/README.md
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
#
|
|
1
|
+
# Angular component for intl-tel-input
|
|
2
2
|
|
|
3
|
-
|
|
3
|
+
For entering, formatting, and validating international telephone numbers.
|
|
4
4
|
|
|
5
5
|
[Explore docs »](https://intl-tel-input.com/docs/angular-component)
|
|
6
6
|
|
|
@@ -10,6 +10,10 @@ An Angular component for the [intl-tel-input](https://github.com/jackocnr/intl-t
|
|
|
10
10
|
<img width="271" height="279" alt="intl-tel-input screenshot showing country dropdown open" src="https://raw.github.com/jackocnr/intl-tel-input/master/screenshots/iti-github-light.png">
|
|
11
11
|
</picture>
|
|
12
12
|
|
|
13
|
+
## Resources
|
|
14
|
+
|
|
15
|
+
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.
|
|
16
|
+
|
|
13
17
|
## Running the demos locally
|
|
14
18
|
|
|
15
19
|
1. Initialise the submodules: `git submodule update --init --recursive`
|
|
@@ -17,3 +21,11 @@ An Angular component for the [intl-tel-input](https://github.com/jackocnr/intl-t
|
|
|
17
21
|
3. Build: `npm run build`
|
|
18
22
|
|
|
19
23
|
You can then open `packages/angular/demo/validation/index.html` in your browser to try the validation demo. View the full list of [available demos](https://github.com/jackocnr/intl-tel-input/tree/master/packages/angular/demo).
|
|
24
|
+
|
|
25
|
+
## Issues and contributing
|
|
26
|
+
|
|
27
|
+
Please report issues and open pull requests on the [main repository](https://github.com/jackocnr/intl-tel-input).
|
|
28
|
+
|
|
29
|
+
## License
|
|
30
|
+
|
|
31
|
+
MIT
|
package/dist/IntlTelInput.d.ts
CHANGED
|
@@ -63,7 +63,7 @@ declare class IntlTelInput implements AfterViewInit, OnDestroy, OnChanges, Contr
|
|
|
63
63
|
click: EventEmitter<MouseEvent>;
|
|
64
64
|
private iti?;
|
|
65
65
|
private appliedInputAttrKeys;
|
|
66
|
-
private
|
|
66
|
+
private libraryInputClasses;
|
|
67
67
|
private lastEmittedNumber?;
|
|
68
68
|
private lastEmittedCountry?;
|
|
69
69
|
private lastEmittedValidity?;
|
package/dist/IntlTelInput.js
CHANGED
|
@@ -1965,7 +1965,7 @@ var defaults = {
|
|
|
1965
1965
|
//* A function to load the utils script.
|
|
1966
1966
|
loadUtils: null,
|
|
1967
1967
|
//* National vs international formatting for numbers e.g. placeholders and displaying existing numbers.
|
|
1968
|
-
nationalMode:
|
|
1968
|
+
nationalMode: false,
|
|
1969
1969
|
//* Display only these countries.
|
|
1970
1970
|
onlyCountries: null,
|
|
1971
1971
|
//* Number type to use for placeholders.
|
|
@@ -4633,7 +4633,7 @@ var intlTelInput = Object.assign(
|
|
|
4633
4633
|
attachUtils,
|
|
4634
4634
|
startedLoadingUtils: false,
|
|
4635
4635
|
startedLoadingAutoCountry: false,
|
|
4636
|
-
version: "28.0.
|
|
4636
|
+
version: "28.0.3",
|
|
4637
4637
|
NUMBER_FORMAT,
|
|
4638
4638
|
NUMBER_TYPE,
|
|
4639
4639
|
VALIDATION_ERROR
|
|
@@ -4657,7 +4657,7 @@ var IntlTelInput = class _IntlTelInput {
|
|
|
4657
4657
|
inputAttributes = {};
|
|
4658
4658
|
disabled = false;
|
|
4659
4659
|
readonly = false;
|
|
4660
|
-
//
|
|
4660
|
+
// Library initialisation options (one @Input per option)
|
|
4661
4661
|
allowDropdown;
|
|
4662
4662
|
allowedNumberTypes;
|
|
4663
4663
|
allowNumberExtensions;
|
|
@@ -4704,8 +4704,8 @@ var IntlTelInput = class _IntlTelInput {
|
|
|
4704
4704
|
click = new EventEmitter();
|
|
4705
4705
|
iti;
|
|
4706
4706
|
appliedInputAttrKeys = /* @__PURE__ */ new Set();
|
|
4707
|
-
// Classes the
|
|
4708
|
-
|
|
4707
|
+
// Classes the library adds directly to the input (e.g. iti__tel-input)
|
|
4708
|
+
libraryInputClasses = "";
|
|
4709
4709
|
lastEmittedNumber;
|
|
4710
4710
|
lastEmittedCountry;
|
|
4711
4711
|
lastEmittedValidity;
|
|
@@ -4730,7 +4730,7 @@ var IntlTelInput = class _IntlTelInput {
|
|
|
4730
4730
|
};
|
|
4731
4731
|
ngAfterViewInit() {
|
|
4732
4732
|
this.iti = intlTelInput_default(this.inputRef.nativeElement, this.buildInitOptions());
|
|
4733
|
-
this.
|
|
4733
|
+
this.libraryInputClasses = this.inputRef.nativeElement.className;
|
|
4734
4734
|
this.inputRef.nativeElement.addEventListener("open:countrydropdown", this.handleOpenDropdown);
|
|
4735
4735
|
this.inputRef.nativeElement.addEventListener("close:countrydropdown", this.handleCloseDropdown);
|
|
4736
4736
|
this.inputRef.nativeElement.addEventListener("strict:reject", this.handleStrictReject);
|
|
@@ -4896,7 +4896,7 @@ var IntlTelInput = class _IntlTelInput {
|
|
|
4896
4896
|
warnInputAttr(key);
|
|
4897
4897
|
} else {
|
|
4898
4898
|
currentKeys.add(key);
|
|
4899
|
-
const next = key === "class" && this.
|
|
4899
|
+
const next = key === "class" && this.libraryInputClasses ? `${this.libraryInputClasses} ${value}` : value;
|
|
4900
4900
|
this.inputRef.nativeElement.setAttribute(key, next);
|
|
4901
4901
|
}
|
|
4902
4902
|
});
|
|
@@ -1965,7 +1965,7 @@ var defaults = {
|
|
|
1965
1965
|
//* A function to load the utils script.
|
|
1966
1966
|
loadUtils: null,
|
|
1967
1967
|
//* National vs international formatting for numbers e.g. placeholders and displaying existing numbers.
|
|
1968
|
-
nationalMode:
|
|
1968
|
+
nationalMode: false,
|
|
1969
1969
|
//* Display only these countries.
|
|
1970
1970
|
onlyCountries: null,
|
|
1971
1971
|
//* Number type to use for placeholders.
|
|
@@ -4633,7 +4633,7 @@ var intlTelInput = Object.assign(
|
|
|
4633
4633
|
attachUtils,
|
|
4634
4634
|
startedLoadingUtils: false,
|
|
4635
4635
|
startedLoadingAutoCountry: false,
|
|
4636
|
-
version: "28.0.
|
|
4636
|
+
version: "28.0.3",
|
|
4637
4637
|
NUMBER_FORMAT,
|
|
4638
4638
|
NUMBER_TYPE,
|
|
4639
4639
|
VALIDATION_ERROR
|
|
@@ -11011,7 +11011,7 @@ var IntlTelInput = class _IntlTelInput {
|
|
|
11011
11011
|
inputAttributes = {};
|
|
11012
11012
|
disabled = false;
|
|
11013
11013
|
readonly = false;
|
|
11014
|
-
//
|
|
11014
|
+
// Library initialisation options (one @Input per option)
|
|
11015
11015
|
allowDropdown;
|
|
11016
11016
|
allowedNumberTypes;
|
|
11017
11017
|
allowNumberExtensions;
|
|
@@ -11058,8 +11058,8 @@ var IntlTelInput = class _IntlTelInput {
|
|
|
11058
11058
|
click = new EventEmitter();
|
|
11059
11059
|
iti;
|
|
11060
11060
|
appliedInputAttrKeys = /* @__PURE__ */ new Set();
|
|
11061
|
-
// Classes the
|
|
11062
|
-
|
|
11061
|
+
// Classes the library adds directly to the input (e.g. iti__tel-input)
|
|
11062
|
+
libraryInputClasses = "";
|
|
11063
11063
|
lastEmittedNumber;
|
|
11064
11064
|
lastEmittedCountry;
|
|
11065
11065
|
lastEmittedValidity;
|
|
@@ -11084,7 +11084,7 @@ var IntlTelInput = class _IntlTelInput {
|
|
|
11084
11084
|
};
|
|
11085
11085
|
ngAfterViewInit() {
|
|
11086
11086
|
this.iti = intlTelInput_default(this.inputRef.nativeElement, this.buildInitOptions());
|
|
11087
|
-
this.
|
|
11087
|
+
this.libraryInputClasses = this.inputRef.nativeElement.className;
|
|
11088
11088
|
this.inputRef.nativeElement.addEventListener("open:countrydropdown", this.handleOpenDropdown);
|
|
11089
11089
|
this.inputRef.nativeElement.addEventListener("close:countrydropdown", this.handleCloseDropdown);
|
|
11090
11090
|
this.inputRef.nativeElement.addEventListener("strict:reject", this.handleStrictReject);
|
|
@@ -11250,7 +11250,7 @@ var IntlTelInput = class _IntlTelInput {
|
|
|
11250
11250
|
warnInputAttr(key);
|
|
11251
11251
|
} else {
|
|
11252
11252
|
currentKeys.add(key);
|
|
11253
|
-
const next = key === "class" && this.
|
|
11253
|
+
const next = key === "class" && this.libraryInputClasses ? `${this.libraryInputClasses} ${value}` : value;
|
|
11254
11254
|
this.inputRef.nativeElement.setAttribute(key, next);
|
|
11255
11255
|
}
|
|
11256
11256
|
});
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@intl-tel-input/angular",
|
|
3
|
-
"version": "28.0.
|
|
4
|
-
"description": "An Angular component for
|
|
3
|
+
"version": "28.0.3",
|
|
4
|
+
"description": "An Angular component for intl-tel-input, for entering, formatting, and validating international telephone numbers",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"license": "MIT",
|
|
7
7
|
"author": "Jack O'Connor (http://jackocnr.com)",
|
|
@@ -34,7 +34,7 @@
|
|
|
34
34
|
"README.md"
|
|
35
35
|
],
|
|
36
36
|
"dependencies": {
|
|
37
|
-
"intl-tel-input": "^28.0.
|
|
37
|
+
"intl-tel-input": "^28.0.3"
|
|
38
38
|
},
|
|
39
39
|
"peerDependencies": {
|
|
40
40
|
"@angular/common": ">=17",
|