@digital-realty/ix-phone-input 2.2.6 → 2.2.7
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/dist/IxPhoneInput.d.ts +2 -2
- package/esmDist/ix-phone-input.js +25 -25
- package/package.json +4 -4
package/dist/IxPhoneInput.d.ts
CHANGED
|
@@ -86,7 +86,7 @@ export declare class IxPhoneInput extends LitElement {
|
|
|
86
86
|
/**
|
|
87
87
|
* Gets or sets the direction in which selection occurred.
|
|
88
88
|
*/
|
|
89
|
-
get selectionDirection():
|
|
89
|
+
get selectionDirection(): "forward" | "backward" | "none" | null;
|
|
90
90
|
set selectionDirection(value: 'forward' | 'backward' | 'none' | null);
|
|
91
91
|
/**
|
|
92
92
|
* Gets or sets the end position or offset of a text selection.
|
|
@@ -169,7 +169,7 @@ export declare class IxPhoneInput extends LitElement {
|
|
|
169
169
|
protected willUpdate(changedProperties: PropertyValues<this>): void;
|
|
170
170
|
private handleInput;
|
|
171
171
|
disconnectedCallback(): void;
|
|
172
|
-
protected render(): import("lit").TemplateResult<1>;
|
|
172
|
+
protected render(): import("lit-html").TemplateResult<1>;
|
|
173
173
|
/** @private */
|
|
174
174
|
formResetCallback(): void;
|
|
175
175
|
/** @private */
|
|
@@ -3053,7 +3053,7 @@ class IxPhoneInput extends LitElement {
|
|
|
3053
3053
|
this.value = '';
|
|
3054
3054
|
this.region = '';
|
|
3055
3055
|
// get geo lookup fn from props, use default fn from config or use empty callback
|
|
3056
|
-
this.geoFn = (CONFIG === null || CONFIG ===
|
|
3056
|
+
this.geoFn = (CONFIG === null || CONFIG === undefined ? undefined : CONFIG.GEO_FN) || ((callback) => callback(''));
|
|
3057
3057
|
this.iti = undefined;
|
|
3058
3058
|
}
|
|
3059
3059
|
static get styles() {
|
|
@@ -3114,7 +3114,7 @@ class IxPhoneInput extends LitElement {
|
|
|
3114
3114
|
*/
|
|
3115
3115
|
get name() {
|
|
3116
3116
|
var _a;
|
|
3117
|
-
return (_a = this.getAttribute('name')) !== null && _a !==
|
|
3117
|
+
return (_a = this.getAttribute('name')) !== null && _a !== undefined ? _a : '';
|
|
3118
3118
|
}
|
|
3119
3119
|
set name(name) {
|
|
3120
3120
|
this.setAttribute('name', name);
|
|
@@ -3185,14 +3185,14 @@ class IxPhoneInput extends LitElement {
|
|
|
3185
3185
|
invalidEvent = event;
|
|
3186
3186
|
}, { once: true });
|
|
3187
3187
|
const valid = this.checkValidity();
|
|
3188
|
-
if (invalidEvent === null || invalidEvent ===
|
|
3188
|
+
if (invalidEvent === null || invalidEvent === undefined ? undefined : invalidEvent.defaultPrevented) {
|
|
3189
3189
|
return valid;
|
|
3190
3190
|
}
|
|
3191
3191
|
const prevMessage = this.getErrorText();
|
|
3192
3192
|
this.nativeError = !valid;
|
|
3193
3193
|
this.nativeErrorText = this.validationMessage;
|
|
3194
3194
|
if (prevMessage === this.getErrorText()) {
|
|
3195
|
-
(_a = this.field) === null || _a ===
|
|
3195
|
+
(_a = this.field) === null || _a === undefined ? undefined : _a.reannounceError();
|
|
3196
3196
|
}
|
|
3197
3197
|
return valid;
|
|
3198
3198
|
}
|
|
@@ -3225,7 +3225,7 @@ class IxPhoneInput extends LitElement {
|
|
|
3225
3225
|
reset() {
|
|
3226
3226
|
var _a;
|
|
3227
3227
|
this.dirty = false;
|
|
3228
|
-
this.value = (_a = this.getAttribute('value')) !== null && _a !==
|
|
3228
|
+
this.value = (_a = this.getAttribute('value')) !== null && _a !== undefined ? _a : '';
|
|
3229
3229
|
this.nativeError = false;
|
|
3230
3230
|
this.nativeErrorText = '';
|
|
3231
3231
|
}
|
|
@@ -3243,9 +3243,9 @@ class IxPhoneInput extends LitElement {
|
|
|
3243
3243
|
}
|
|
3244
3244
|
formatValue() {
|
|
3245
3245
|
var _a, _b;
|
|
3246
|
-
if ((_a = window.intlTelInputUtils) === null || _a ===
|
|
3246
|
+
if ((_a = window.intlTelInputUtils) === null || _a === undefined ? undefined : _a.numberFormat) {
|
|
3247
3247
|
this.value =
|
|
3248
|
-
((_b = this.iti) === null || _b ===
|
|
3248
|
+
((_b = this.iti) === null || _b === undefined ? undefined : _b.getNumber(window.intlTelInputUtils.numberFormat.E164)) || '';
|
|
3249
3249
|
}
|
|
3250
3250
|
}
|
|
3251
3251
|
handleKeyPress(e) {
|
|
@@ -3328,7 +3328,7 @@ class IxPhoneInput extends LitElement {
|
|
|
3328
3328
|
willUpdate(changedProperties) {
|
|
3329
3329
|
var _a;
|
|
3330
3330
|
if (changedProperties.has('region')) {
|
|
3331
|
-
(_a = this.iti) === null || _a ===
|
|
3331
|
+
(_a = this.iti) === null || _a === undefined ? undefined : _a.setCountry(this.region);
|
|
3332
3332
|
}
|
|
3333
3333
|
}
|
|
3334
3334
|
handleInput(event) {
|
|
@@ -3339,7 +3339,7 @@ class IxPhoneInput extends LitElement {
|
|
|
3339
3339
|
}
|
|
3340
3340
|
disconnectedCallback() {
|
|
3341
3341
|
var _a;
|
|
3342
|
-
(_a = this.iti) === null || _a ===
|
|
3342
|
+
(_a = this.iti) === null || _a === undefined ? undefined : _a.destroy();
|
|
3343
3343
|
}
|
|
3344
3344
|
render() {
|
|
3345
3345
|
const classes = {
|
|
@@ -3406,51 +3406,51 @@ IxPhoneInput.shadowRootOptions = {
|
|
|
3406
3406
|
IxPhoneInput.formAssociated = true;
|
|
3407
3407
|
__decorate([
|
|
3408
3408
|
query('input')
|
|
3409
|
-
], IxPhoneInput.prototype, "input",
|
|
3409
|
+
], IxPhoneInput.prototype, "input", undefined);
|
|
3410
3410
|
__decorate([
|
|
3411
3411
|
query('.field')
|
|
3412
|
-
], IxPhoneInput.prototype, "field",
|
|
3412
|
+
], IxPhoneInput.prototype, "field", undefined);
|
|
3413
3413
|
__decorate([
|
|
3414
3414
|
property()
|
|
3415
|
-
], IxPhoneInput.prototype, "type",
|
|
3415
|
+
], IxPhoneInput.prototype, "type", undefined);
|
|
3416
3416
|
__decorate([
|
|
3417
3417
|
property({ type: Boolean, reflect: true })
|
|
3418
|
-
], IxPhoneInput.prototype, "disabled",
|
|
3418
|
+
], IxPhoneInput.prototype, "disabled", undefined);
|
|
3419
3419
|
__decorate([
|
|
3420
3420
|
property({ type: Boolean, reflect: true })
|
|
3421
|
-
], IxPhoneInput.prototype, "error",
|
|
3421
|
+
], IxPhoneInput.prototype, "error", undefined);
|
|
3422
3422
|
__decorate([
|
|
3423
3423
|
property({ attribute: 'error-text' })
|
|
3424
|
-
], IxPhoneInput.prototype, "errorText",
|
|
3424
|
+
], IxPhoneInput.prototype, "errorText", undefined);
|
|
3425
3425
|
__decorate([
|
|
3426
3426
|
property({ attribute: 'supporting-text' })
|
|
3427
|
-
], IxPhoneInput.prototype, "supportingText",
|
|
3427
|
+
], IxPhoneInput.prototype, "supportingText", undefined);
|
|
3428
3428
|
__decorate([
|
|
3429
3429
|
property({ type: Boolean, reflect: true })
|
|
3430
|
-
], IxPhoneInput.prototype, "required",
|
|
3430
|
+
], IxPhoneInput.prototype, "required", undefined);
|
|
3431
3431
|
__decorate([
|
|
3432
3432
|
state()
|
|
3433
|
-
], IxPhoneInput.prototype, "dirty",
|
|
3433
|
+
], IxPhoneInput.prototype, "dirty", undefined);
|
|
3434
3434
|
__decorate([
|
|
3435
3435
|
state()
|
|
3436
|
-
], IxPhoneInput.prototype, "focused",
|
|
3436
|
+
], IxPhoneInput.prototype, "focused", undefined);
|
|
3437
3437
|
__decorate([
|
|
3438
3438
|
state()
|
|
3439
|
-
], IxPhoneInput.prototype, "nativeError",
|
|
3439
|
+
], IxPhoneInput.prototype, "nativeError", undefined);
|
|
3440
3440
|
__decorate([
|
|
3441
3441
|
state()
|
|
3442
|
-
], IxPhoneInput.prototype, "nativeErrorText",
|
|
3442
|
+
], IxPhoneInput.prototype, "nativeErrorText", undefined);
|
|
3443
3443
|
__decorate([
|
|
3444
3444
|
property()
|
|
3445
|
-
], IxPhoneInput.prototype, "label",
|
|
3445
|
+
], IxPhoneInput.prototype, "label", undefined);
|
|
3446
3446
|
__decorate([
|
|
3447
3447
|
property({ type: String })
|
|
3448
|
-
], IxPhoneInput.prototype, "value",
|
|
3448
|
+
], IxPhoneInput.prototype, "value", undefined);
|
|
3449
3449
|
__decorate([
|
|
3450
3450
|
property({ type: String })
|
|
3451
|
-
], IxPhoneInput.prototype, "region",
|
|
3451
|
+
], IxPhoneInput.prototype, "region", undefined);
|
|
3452
3452
|
__decorate([
|
|
3453
3453
|
property()
|
|
3454
|
-
], IxPhoneInput.prototype, "geoFn",
|
|
3454
|
+
], IxPhoneInput.prototype, "geoFn", undefined);
|
|
3455
3455
|
|
|
3456
3456
|
customElements.define('ix-phone-input', IxPhoneInput);
|
package/package.json
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
"description": "Webcomponent ix-phone-input following open-wc recommendations",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"author": "Digital Realty",
|
|
6
|
-
"version": "2.2.
|
|
6
|
+
"version": "2.2.7",
|
|
7
7
|
"type": "module",
|
|
8
8
|
"main": "dist/index.js",
|
|
9
9
|
"module": "dist/index.js",
|
|
@@ -30,11 +30,11 @@
|
|
|
30
30
|
"build": "npm run start:pre-serve && npm run buildTS && npm run start:pre-serve && rimraf distEsm && rollup -c rollup.config.js"
|
|
31
31
|
},
|
|
32
32
|
"dependencies": {
|
|
33
|
-
"@digital-realty/ix-field": "^1.1.
|
|
33
|
+
"@digital-realty/ix-field": "^1.1.6",
|
|
34
34
|
"@lit/react": "^1.0.2",
|
|
35
35
|
"@material/web": "1.2.0",
|
|
36
36
|
"intl-tel-input": "^18.2.1",
|
|
37
|
-
"lit": "^
|
|
37
|
+
"lit": "^3.2.1",
|
|
38
38
|
"react": "^18.2.0"
|
|
39
39
|
},
|
|
40
40
|
"devDependencies": {
|
|
@@ -119,5 +119,5 @@
|
|
|
119
119
|
"README.md",
|
|
120
120
|
"LICENSE"
|
|
121
121
|
],
|
|
122
|
-
"gitHead": "
|
|
122
|
+
"gitHead": "a781e30ec63dcc3307d86b94e35fa93c4e61f22f"
|
|
123
123
|
}
|