@crodriguezdominguez/ion-intl-tel-input 2.4.3 → 3.0.0
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/crodriguezdominguez-ion-intl-tel-input-3.0.0.tgz +0 -0
- package/esm2022/lib/data/countries.mjs +1 -1
- package/esm2022/lib/ion-intl-tel-input/ion-intl-tel-code.component.mjs +32 -16
- package/esm2022/lib/ion-intl-tel-input/ion-intl-tel-input.component.mjs +29 -15
- package/esm2022/lib/ion-intl-tel-input.directive.mjs +6 -6
- package/esm2022/lib/ion-intl-tel-input.service.mjs +6 -7
- package/esm2022/lib/pipes/country-placeholder.mjs +6 -7
- package/esm2022/lib/util/util.mjs +1 -1
- package/esm2022/public-api.mjs +1 -2
- package/fesm2022/crodriguezdominguez-ion-intl-tel-input.mjs +66 -79
- package/fesm2022/crodriguezdominguez-ion-intl-tel-input.mjs.map +1 -1
- package/lib/data/countries.d.ts +1 -1
- package/lib/ion-intl-tel-input/ion-intl-tel-code.component.d.ts +4 -4
- package/lib/ion-intl-tel-input/ion-intl-tel-input.component.d.ts +2 -2
- package/lib/ion-intl-tel-input.directive.d.ts +1 -1
- package/lib/pipes/country-placeholder.d.ts +1 -1
- package/package.json +2 -2
- package/public-api.d.ts +0 -1
- package/crodriguezdominguez-ion-intl-tel-input-2.4.3.tgz +0 -0
- package/esm2022/lib/ion-intl-tel-input.module.mjs +0 -56
- package/lib/ion-intl-tel-input.module.d.ts +0 -14
|
@@ -1,20 +1,19 @@
|
|
|
1
1
|
import { Injectable } from '@angular/core';
|
|
2
2
|
import { countries } from './data/countries';
|
|
3
3
|
import * as i0 from "@angular/core";
|
|
4
|
-
class IonIntlTelInputService {
|
|
4
|
+
export class IonIntlTelInputService {
|
|
5
5
|
countryList = countries;
|
|
6
6
|
constructor() { }
|
|
7
7
|
getListOfCountries() {
|
|
8
8
|
return this.countryList;
|
|
9
9
|
}
|
|
10
|
-
/** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
11
|
-
/** @nocollapse */ static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
10
|
+
/** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: IonIntlTelInputService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
11
|
+
/** @nocollapse */ static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: IonIntlTelInputService, providedIn: 'root' });
|
|
12
12
|
}
|
|
13
|
-
|
|
14
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: IonIntlTelInputService, decorators: [{
|
|
13
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: IonIntlTelInputService, decorators: [{
|
|
15
14
|
type: Injectable,
|
|
16
15
|
args: [{
|
|
17
16
|
providedIn: 'root'
|
|
18
17
|
}]
|
|
19
|
-
}], ctorParameters:
|
|
20
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
18
|
+
}], ctorParameters: () => [] });
|
|
19
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW9uLWludGwtdGVsLWlucHV0LnNlcnZpY2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9pb24taW50bC10ZWwtaW5wdXQvc3JjL2xpYi9pb24taW50bC10ZWwtaW5wdXQuc2VydmljZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRzNDLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQzs7QUFLN0MsTUFBTSxPQUFPLHNCQUFzQjtJQUVqQyxXQUFXLEdBQWUsU0FBUyxDQUFDO0lBRXBDLGdCQUFnQixDQUFDO0lBRWpCLGtCQUFrQjtRQUNoQixPQUFPLElBQUksQ0FBQyxXQUFXLENBQUM7SUFDMUIsQ0FBQzsySEFSVSxzQkFBc0I7K0hBQXRCLHNCQUFzQixjQUZyQixNQUFNOzs0RkFFUCxzQkFBc0I7a0JBSGxDLFVBQVU7bUJBQUM7b0JBQ1YsVUFBVSxFQUFFLE1BQU07aUJBQ25CIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgSW5qZWN0YWJsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQgeyBDb3VudHJ5SSB9IGZyb20gJy4vbW9kZWxzL2NvdW50cnkubW9kZWwnO1xuaW1wb3J0IHsgY291bnRyaWVzIH0gZnJvbSAnLi9kYXRhL2NvdW50cmllcyc7XG5cbkBJbmplY3RhYmxlKHtcbiAgcHJvdmlkZWRJbjogJ3Jvb3QnXG59KVxuZXhwb3J0IGNsYXNzIElvbkludGxUZWxJbnB1dFNlcnZpY2Uge1xuXG4gIGNvdW50cnlMaXN0OiBDb3VudHJ5SVtdID0gY291bnRyaWVzO1xuXG4gIGNvbnN0cnVjdG9yKCkgeyB9XG5cbiAgZ2V0TGlzdE9mQ291bnRyaWVzKCk6IGFueSB7XG4gICAgcmV0dXJuIHRoaXMuY291bnRyeUxpc3Q7XG4gIH1cbn1cbiJdfQ==
|
|
@@ -2,7 +2,7 @@ import { Pipe } from '@angular/core';
|
|
|
2
2
|
import { getExampleNumber } from 'libphonenumber-js';
|
|
3
3
|
import examples from 'libphonenumber-js/mobile/examples';
|
|
4
4
|
import * as i0 from "@angular/core";
|
|
5
|
-
class CountryPlaceholder {
|
|
5
|
+
export class CountryPlaceholder {
|
|
6
6
|
transform(country, inputPlaceholder, separateDialCode, fallbackPlaceholder, usePatternPlaceholder) {
|
|
7
7
|
if (inputPlaceholder && inputPlaceholder.length > 0) {
|
|
8
8
|
return inputPlaceholder;
|
|
@@ -28,12 +28,11 @@ class CountryPlaceholder {
|
|
|
28
28
|
return fallbackPlaceholder;
|
|
29
29
|
}
|
|
30
30
|
}
|
|
31
|
-
/** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
32
|
-
/** @nocollapse */ static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "
|
|
31
|
+
/** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: CountryPlaceholder, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
|
|
32
|
+
/** @nocollapse */ static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.2.12", ngImport: i0, type: CountryPlaceholder, isStandalone: true, name: "countryPlaceholder" });
|
|
33
33
|
}
|
|
34
|
-
|
|
35
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: CountryPlaceholder, decorators: [{
|
|
34
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: CountryPlaceholder, decorators: [{
|
|
36
35
|
type: Pipe,
|
|
37
|
-
args: [{ name: 'countryPlaceholder' }]
|
|
36
|
+
args: [{ standalone: true, name: 'countryPlaceholder' }]
|
|
38
37
|
}] });
|
|
39
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
38
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY291bnRyeS1wbGFjZWhvbGRlci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2lvbi1pbnRsLXRlbC1pbnB1dC9zcmMvbGliL3BpcGVzL2NvdW50cnktcGxhY2Vob2xkZXIudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLElBQUksRUFBaUIsTUFBTSxlQUFlLENBQUM7QUFFcEQsT0FBTyxFQUFDLGdCQUFnQixFQUFDLE1BQU0sbUJBQW1CLENBQUM7QUFDbkQsT0FBTyxRQUFRLE1BQU0sbUNBQW1DLENBQUM7O0FBR3pELE1BQU0sT0FBTyxrQkFBa0I7SUFDN0IsU0FBUyxDQUFDLE9BQWlCLEVBQUUsZ0JBQXdCLEVBQzNDLGdCQUF5QixFQUFFLG1CQUEyQixFQUN0RCxxQkFBOEI7UUFDdEMsSUFBSSxnQkFBZ0IsSUFBSSxnQkFBZ0IsQ0FBQyxNQUFNLEdBQUcsQ0FBQyxFQUFFLENBQUM7WUFDcEQsT0FBTyxnQkFBZ0IsQ0FBQztRQUMxQixDQUFDO1FBRUQsSUFBSSxDQUFDO1lBRUgsTUFBTSxPQUFPLEdBQUcsZ0JBQWdCLENBQUMsT0FBTyxDQUFDLE9BQWMsRUFBRSxRQUFRLENBQUMsQ0FBQztZQUNuRSxJQUFJLFdBQVcsR0FBRyxPQUFPLENBQUMsbUJBQW1CLEVBQUUsQ0FBQztZQUVoRCxJQUFJLHFCQUFxQixFQUFFLENBQUM7Z0JBQzFCLE1BQU0sRUFBRSxHQUFHLFdBQVcsQ0FBQyxTQUFTLENBQUMsQ0FBQyxFQUFFLFdBQVcsQ0FBQyxPQUFPLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQztnQkFDOUQsV0FBVyxHQUFHLFdBQVcsQ0FBQyxTQUFTLENBQUMsV0FBVyxDQUFDLE9BQU8sQ0FBQyxHQUFHLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQztnQkFDbEUsV0FBVyxHQUFHLEVBQUUsR0FBRyxHQUFHLEdBQUcsV0FBVyxDQUFDLE9BQU8sQ0FBQyxLQUFLLEVBQUUsR0FBRyxDQUFDLENBQUM7WUFDM0QsQ0FBQztZQUNELElBQUksV0FBVyxFQUFFLENBQUM7Z0JBQ2hCLElBQUksZ0JBQWdCLEVBQUUsQ0FBQztvQkFDckIsT0FBTyxXQUFXLENBQUMsU0FBUyxDQUFDLFdBQVcsQ0FBQyxPQUFPLENBQUMsR0FBRyxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUM7Z0JBQzdELENBQUM7cUJBQU0sQ0FBQztvQkFDTixPQUFPLFdBQVcsQ0FBQztnQkFDckIsQ0FBQztZQUNILENBQUM7UUFDSCxDQUFDO1FBQUMsT0FBTyxDQUFDLEVBQUUsQ0FBQztZQUNYLE9BQU8sbUJBQW1CLENBQUM7UUFDN0IsQ0FBQztJQUNILENBQUM7MkhBNUJVLGtCQUFrQjt5SEFBbEIsa0JBQWtCOzs0RkFBbEIsa0JBQWtCO2tCQUQ5QixJQUFJO21CQUFDLEVBQUUsVUFBVSxFQUFFLElBQUksRUFBRSxJQUFJLEVBQUUsb0JBQW9CLEVBQUUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBQaXBlLCBQaXBlVHJhbnNmb3JtIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb3VudHJ5SSB9IGZyb20gJy4uL21vZGVscy9jb3VudHJ5Lm1vZGVsJztcbmltcG9ydCB7Z2V0RXhhbXBsZU51bWJlcn0gZnJvbSAnbGlicGhvbmVudW1iZXItanMnO1xuaW1wb3J0IGV4YW1wbGVzIGZyb20gJ2xpYnBob25lbnVtYmVyLWpzL21vYmlsZS9leGFtcGxlcyc7XG5cbkBQaXBlKHsgc3RhbmRhbG9uZTogdHJ1ZSwgbmFtZTogJ2NvdW50cnlQbGFjZWhvbGRlcicgfSlcbmV4cG9ydCBjbGFzcyBDb3VudHJ5UGxhY2Vob2xkZXIgaW1wbGVtZW50cyBQaXBlVHJhbnNmb3JtIHtcbiAgdHJhbnNmb3JtKGNvdW50cnk6IENvdW50cnlJLCBpbnB1dFBsYWNlaG9sZGVyOiBzdHJpbmcsXG4gICAgICAgICAgICBzZXBhcmF0ZURpYWxDb2RlOiBib29sZWFuLCBmYWxsYmFja1BsYWNlaG9sZGVyOiBzdHJpbmcsXG4gICAgICAgICAgICB1c2VQYXR0ZXJuUGxhY2Vob2xkZXI6IGJvb2xlYW4pOiBzdHJpbmcge1xuICAgIGlmIChpbnB1dFBsYWNlaG9sZGVyICYmIGlucHV0UGxhY2Vob2xkZXIubGVuZ3RoID4gMCkge1xuICAgICAgcmV0dXJuIGlucHV0UGxhY2Vob2xkZXI7XG4gICAgfVxuXG4gICAgdHJ5IHtcblxuICAgICAgY29uc3QgZXhhbXBsZSA9IGdldEV4YW1wbGVOdW1iZXIoY291bnRyeS5pc29Db2RlIGFzIGFueSwgZXhhbXBsZXMpO1xuICAgICAgbGV0IHBsYWNlaG9sZGVyID0gZXhhbXBsZS5mb3JtYXRJbnRlcm5hdGlvbmFsKCk7XG5cbiAgICAgIGlmICh1c2VQYXR0ZXJuUGxhY2Vob2xkZXIpIHtcbiAgICAgICAgY29uc3QgZGMgPSBwbGFjZWhvbGRlci5zdWJzdHJpbmcoMCwgcGxhY2Vob2xkZXIuaW5kZXhPZignICcpKTtcbiAgICAgICAgcGxhY2Vob2xkZXIgPSBwbGFjZWhvbGRlci5zdWJzdHJpbmcocGxhY2Vob2xkZXIuaW5kZXhPZignICcpICsgMSk7XG4gICAgICAgIHBsYWNlaG9sZGVyID0gZGMgKyAnICcgKyBwbGFjZWhvbGRlci5yZXBsYWNlKC9cXGQvZywgJ3gnKTtcbiAgICAgIH1cbiAgICAgIGlmIChwbGFjZWhvbGRlcikge1xuICAgICAgICBpZiAoc2VwYXJhdGVEaWFsQ29kZSkge1xuICAgICAgICAgIHJldHVybiBwbGFjZWhvbGRlci5zdWJzdHJpbmcocGxhY2Vob2xkZXIuaW5kZXhPZignICcpICsgMSk7XG4gICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgcmV0dXJuIHBsYWNlaG9sZGVyO1xuICAgICAgICB9XG4gICAgICB9XG4gICAgfSBjYXRjaCAoZSkge1xuICAgICAgcmV0dXJuIGZhbGxiYWNrUGxhY2Vob2xkZXI7XG4gICAgfVxuICB9XG59XG4iXX0=
|
|
@@ -7,4 +7,4 @@ export const raf = (h) => {
|
|
|
7
7
|
}
|
|
8
8
|
return setTimeout(h);
|
|
9
9
|
};
|
|
10
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
10
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXRpbC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2lvbi1pbnRsLXRlbC1pbnB1dC9zcmMvbGliL3V0aWwvdXRpbC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFHQSxNQUFNLENBQUMsTUFBTSxHQUFHLEdBQUcsQ0FBQyxDQUFNLEVBQUUsRUFBRTtJQUM1QixJQUFJLE9BQU8sb0NBQW9DLEtBQUssVUFBVSxFQUFFLENBQUM7UUFDL0QsT0FBTyxvQ0FBb0MsQ0FBQyxDQUFDLENBQUMsQ0FBQztJQUNqRCxDQUFDO0lBQ0QsSUFBSSxPQUFPLHFCQUFxQixLQUFLLFVBQVUsRUFBRSxDQUFDO1FBQ2hELE9BQU8scUJBQXFCLENBQUMsQ0FBQyxDQUFDLENBQUM7SUFDbEMsQ0FBQztJQUNELE9BQU8sVUFBVSxDQUFDLENBQUMsQ0FBQyxDQUFDO0FBQ3ZCLENBQUMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImRlY2xhcmUgY29uc3QgX196b25lX3N5bWJvbF9fcmVxdWVzdEFuaW1hdGlvbkZyYW1lOiBhbnk7XG5kZWNsYXJlIGNvbnN0IHJlcXVlc3RBbmltYXRpb25GcmFtZTogYW55O1xuXG5leHBvcnQgY29uc3QgcmFmID0gKGg6IGFueSkgPT4ge1xuICBpZiAodHlwZW9mIF9fem9uZV9zeW1ib2xfX3JlcXVlc3RBbmltYXRpb25GcmFtZSA9PT0gJ2Z1bmN0aW9uJykge1xuICAgIHJldHVybiBfX3pvbmVfc3ltYm9sX19yZXF1ZXN0QW5pbWF0aW9uRnJhbWUoaCk7XG4gIH1cbiAgaWYgKHR5cGVvZiByZXF1ZXN0QW5pbWF0aW9uRnJhbWUgPT09ICdmdW5jdGlvbicpIHtcbiAgICByZXR1cm4gcmVxdWVzdEFuaW1hdGlvbkZyYW1lKGgpO1xuICB9XG4gIHJldHVybiBzZXRUaW1lb3V0KGgpO1xufTtcbiJdfQ==
|
package/esm2022/public-api.mjs
CHANGED
|
@@ -5,5 +5,4 @@ export * from './lib/ion-intl-tel-input.directive';
|
|
|
5
5
|
export * from './lib/ion-intl-tel-input/ion-intl-tel-input.component';
|
|
6
6
|
export * from './lib/ion-intl-tel-input/ion-intl-tel-code.component';
|
|
7
7
|
export * from './lib/ion-intl-tel-input.service';
|
|
8
|
-
|
|
9
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3Byb2plY3RzL2lvbi1pbnRsLXRlbC1pbnB1dC9zcmMvcHVibGljLWFwaS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsb0NBQW9DLENBQUM7QUFDbkQsY0FBYyx1REFBdUQsQ0FBQztBQUN0RSxjQUFjLHNEQUFzRCxDQUFDO0FBQ3JFLGNBQWMsa0NBQWtDLENBQUM7QUFDakQsY0FBYyxpQ0FBaUMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qXG4gKiBQdWJsaWMgQVBJIFN1cmZhY2Ugb2YgaW9uLWludGwtdGVsLWlucHV0XG4gKi9cblxuZXhwb3J0ICogZnJvbSAnLi9saWIvaW9uLWludGwtdGVsLWlucHV0LmRpcmVjdGl2ZSc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9pb24taW50bC10ZWwtaW5wdXQvaW9uLWludGwtdGVsLWlucHV0LmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9pb24taW50bC10ZWwtaW5wdXQvaW9uLWludGwtdGVsLWNvZGUuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vbGliL2lvbi1pbnRsLXRlbC1pbnB1dC5zZXJ2aWNlJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL2lvbi1pbnRsLXRlbC1pbnB1dC5tb2R1bGUnO1xuIl19
|
|
8
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3Byb2plY3RzL2lvbi1pbnRsLXRlbC1pbnB1dC9zcmMvcHVibGljLWFwaS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsb0NBQW9DLENBQUM7QUFDbkQsY0FBYyx1REFBdUQsQ0FBQztBQUN0RSxjQUFjLHNEQUFzRCxDQUFDO0FBQ3JFLGNBQWMsa0NBQWtDLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIvKlxuICogUHVibGljIEFQSSBTdXJmYWNlIG9mIGlvbi1pbnRsLXRlbC1pbnB1dFxuICovXG5cbmV4cG9ydCAqIGZyb20gJy4vbGliL2lvbi1pbnRsLXRlbC1pbnB1dC5kaXJlY3RpdmUnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvaW9uLWludGwtdGVsLWlucHV0L2lvbi1pbnRsLXRlbC1pbnB1dC5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvaW9uLWludGwtdGVsLWlucHV0L2lvbi1pbnRsLXRlbC1jb2RlLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9pb24taW50bC10ZWwtaW5wdXQuc2VydmljZSc7XG4iXX0=
|
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
-
import { Directive, Injectable, Component, Input, ViewChild, Pipe, EventEmitter, forwardRef, HostBinding, Output
|
|
3
|
-
import * as
|
|
2
|
+
import { Directive, Injectable, Component, Input, ViewChild, Pipe, EventEmitter, forwardRef, HostBinding, Output } from '@angular/core';
|
|
3
|
+
import * as i3 from '@angular/forms';
|
|
4
4
|
import { NG_VALIDATORS, NG_VALUE_ACCESSOR, FormsModule } from '@angular/forms';
|
|
5
5
|
import { parsePhoneNumber, getExampleNumber } from 'libphonenumber-js';
|
|
6
|
-
import
|
|
7
|
-
import {
|
|
8
|
-
import * as
|
|
9
|
-
import {
|
|
10
|
-
import
|
|
11
|
-
import {
|
|
6
|
+
import { addIcons } from 'ionicons';
|
|
7
|
+
import { caretDown } from 'ionicons/icons';
|
|
8
|
+
import * as i1 from '@ionic/angular/standalone';
|
|
9
|
+
import { IonToolbar, IonTitle, IonHeader, IonButtons, IonButton, IonSearchbar, IonContent, IonList, IonRadioGroup, IonItem, IonRadio, IonText, IonInput, IonIcon } from '@ionic/angular/standalone';
|
|
10
|
+
import { CdkVirtualScrollViewport, CdkFixedSizeVirtualScroll, CdkVirtualForOf } from '@angular/cdk/scrolling';
|
|
11
|
+
import { NgIf } from '@angular/common';
|
|
12
12
|
import examples from 'libphonenumber-js/mobile/examples';
|
|
13
13
|
|
|
14
14
|
class IonIntlTelInputValidators {
|
|
@@ -51,8 +51,8 @@ class IonIntlTelInputValidatorDirective {
|
|
|
51
51
|
validate(control) {
|
|
52
52
|
return IonIntlTelInputValidators.phone(control);
|
|
53
53
|
}
|
|
54
|
-
/** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
55
|
-
/** @nocollapse */ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
54
|
+
/** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: IonIntlTelInputValidatorDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
55
|
+
/** @nocollapse */ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.12", type: IonIntlTelInputValidatorDirective, isStandalone: true, selector: "[ionIntlTelInputValid]", providers: [
|
|
56
56
|
{
|
|
57
57
|
provide: NG_VALIDATORS,
|
|
58
58
|
useExisting: IonIntlTelInputValidatorDirective,
|
|
@@ -60,11 +60,12 @@ class IonIntlTelInputValidatorDirective {
|
|
|
60
60
|
},
|
|
61
61
|
], ngImport: i0 });
|
|
62
62
|
}
|
|
63
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
63
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: IonIntlTelInputValidatorDirective, decorators: [{
|
|
64
64
|
type: Directive,
|
|
65
65
|
args: [{
|
|
66
66
|
// tslint:disable-next-line: directive-selector
|
|
67
67
|
selector: '[ionIntlTelInputValid]',
|
|
68
|
+
standalone: true,
|
|
68
69
|
providers: [
|
|
69
70
|
{
|
|
70
71
|
provide: NG_VALIDATORS,
|
|
@@ -2344,15 +2345,15 @@ class IonIntlTelInputService {
|
|
|
2344
2345
|
getListOfCountries() {
|
|
2345
2346
|
return this.countryList;
|
|
2346
2347
|
}
|
|
2347
|
-
/** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2348
|
-
/** @nocollapse */ static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
2348
|
+
/** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: IonIntlTelInputService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
2349
|
+
/** @nocollapse */ static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: IonIntlTelInputService, providedIn: 'root' });
|
|
2349
2350
|
}
|
|
2350
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2351
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: IonIntlTelInputService, decorators: [{
|
|
2351
2352
|
type: Injectable,
|
|
2352
2353
|
args: [{
|
|
2353
2354
|
providedIn: 'root'
|
|
2354
2355
|
}]
|
|
2355
|
-
}], ctorParameters:
|
|
2356
|
+
}], ctorParameters: () => [] });
|
|
2356
2357
|
|
|
2357
2358
|
const raf = (h) => {
|
|
2358
2359
|
if (typeof __zone_symbol__requestAnimationFrame === 'function') {
|
|
@@ -2406,19 +2407,36 @@ class IonIntTelCodeComponent {
|
|
|
2406
2407
|
}
|
|
2407
2408
|
}
|
|
2408
2409
|
}
|
|
2409
|
-
itemTapped(c) {
|
|
2410
|
-
this.modalCtrl.dismiss(c);
|
|
2410
|
+
async itemTapped(c) {
|
|
2411
|
+
await this.modalCtrl.dismiss(c);
|
|
2411
2412
|
}
|
|
2412
|
-
closeModal() {
|
|
2413
|
-
this.modalCtrl.dismiss(null);
|
|
2413
|
+
async closeModal() {
|
|
2414
|
+
await this.modalCtrl.dismiss(null);
|
|
2414
2415
|
}
|
|
2415
|
-
/** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2416
|
-
/** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
2416
|
+
/** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: IonIntTelCodeComponent, deps: [{ token: i1.ModalController }], target: i0.ɵɵFactoryTarget.Component });
|
|
2417
|
+
/** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.12", type: IonIntTelCodeComponent, isStandalone: true, selector: "ion-intl-tel-code", inputs: { country: "country", canSearch: "canSearch", closeButtonText: "closeButtonText", closeButtonSlot: "closeButtonSlot", countries: "countries", searchFailText: "searchFailText", searchPlaceholder: "searchPlaceholder", shouldFocusSearchbar: "shouldFocusSearchbar", title: "title", dialCode: "dialCode" }, viewQueries: [{ propertyName: "sbar", first: true, predicate: ["searchBar"], descendants: true }], ngImport: i0, template: "<ion-header>\n <ion-toolbar>\n <ion-title class=\"ion-text-center\">\n {{title}}\n </ion-title>\n\n <ion-buttons [slot]=\"closeButtonSlot\">\n <ion-button (click)=\"closeModal()\">{{closeButtonText}}</ion-button>\n </ion-buttons>\n\n </ion-toolbar>\n <ion-searchbar #searchBar *ngIf=\"canSearch\"\n placeholder=\"{{searchPlaceholder}}\"\n [debounce]=\"400\"\n (ionInput)=\"search($event); $event.target.blur()\"\n (keyup.enter)=\"$event.target.blur()\"\n (ionChange)=\"search($event)\"></ion-searchbar>\n</ion-header>\n\n<ion-content>\n <cdk-virtual-scroll-viewport style=\"width: 100%; height: 100%;\" itemSize=\"56\" minBufferPx=\"900\" maxBufferPx=\"1350\">\n <ion-list>\n <ion-radio-group [value]=\"country.isoCode\">\n <ion-item style=\"white-space:normal\" *cdkVirtualFor=\"let c of countries\">\n <ion-radio labelPlacement=\"end\" [value]=\"c.isoCode\" slot=\"start\" color=\"primary\" (click)=\"itemTapped(c)\">\n <span class=\"fi fi-{{c.flagClass}}\"></span> {{c.name}} <span *ngIf=\"dialCode\">{{dialCode}}{{c.displayDialCode}}</span>\n </ion-radio>\n </ion-item>\n </ion-radio-group>\n <ion-item lines=\"none\" *ngIf=\"notFound\">\n <ion-text>{{searchFailText}}</ion-text>\n </ion-item>\n </ion-list>\n </cdk-virtual-scroll-viewport>\n</ion-content>\n", dependencies: [{ kind: "component", type: IonToolbar, selector: "ion-toolbar", inputs: ["color", "mode"] }, { kind: "component", type: IonTitle, selector: "ion-title", inputs: ["color", "size"] }, { kind: "component", type: IonHeader, selector: "ion-header", inputs: ["collapse", "mode", "translucent"] }, { kind: "component", type: IonButtons, selector: "ion-buttons", inputs: ["collapse"] }, { kind: "component", type: IonButton, selector: "ion-button", inputs: ["buttonType", "color", "disabled", "download", "expand", "fill", "form", "href", "mode", "rel", "routerAnimation", "routerDirection", "shape", "size", "strong", "target", "type"] }, { kind: "component", type: IonSearchbar, selector: "ion-searchbar", inputs: ["animated", "autocomplete", "autocorrect", "cancelButtonIcon", "cancelButtonText", "clearIcon", "color", "debounce", "disabled", "enterkeyhint", "inputmode", "mode", "name", "placeholder", "searchIcon", "showCancelButton", "showClearButton", "spellcheck", "type", "value"] }, { kind: "component", type: IonContent, selector: "ion-content", inputs: ["color", "fixedSlotPlacement", "forceOverscroll", "fullscreen", "scrollEvents", "scrollX", "scrollY"] }, { kind: "component", type: CdkVirtualScrollViewport, selector: "cdk-virtual-scroll-viewport", inputs: ["orientation", "appendOnly"], outputs: ["scrolledIndexChange"] }, { kind: "component", type: IonList, selector: "ion-list", inputs: ["inset", "lines", "mode"] }, { kind: "component", type: IonRadioGroup, selector: "ion-radio-group", inputs: ["allowEmptySelection", "compareWith", "name", "value"] }, { kind: "component", type: IonItem, selector: "ion-item", inputs: ["button", "color", "detail", "detailIcon", "disabled", "download", "href", "lines", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }, { kind: "directive", type: CdkFixedSizeVirtualScroll, selector: "cdk-virtual-scroll-viewport[itemSize]", inputs: ["itemSize", "minBufferPx", "maxBufferPx"] }, { kind: "component", type: IonRadio, selector: "ion-radio", inputs: ["alignment", "color", "disabled", "justify", "labelPlacement", "mode", "name", "value"] }, { kind: "component", type: IonText, selector: "ion-text", inputs: ["color", "mode"] }, { kind: "directive", type: CdkVirtualForOf, selector: "[cdkVirtualFor][cdkVirtualForOf]", inputs: ["cdkVirtualForOf", "cdkVirtualForTrackBy", "cdkVirtualForTemplate", "cdkVirtualForTemplateCacheSize"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
2417
2418
|
}
|
|
2418
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2419
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: IonIntTelCodeComponent, decorators: [{
|
|
2419
2420
|
type: Component,
|
|
2420
|
-
args: [{ selector: 'ion-intl-tel-code',
|
|
2421
|
-
|
|
2421
|
+
args: [{ selector: 'ion-intl-tel-code', standalone: true, imports: [
|
|
2422
|
+
IonToolbar,
|
|
2423
|
+
IonTitle,
|
|
2424
|
+
IonHeader,
|
|
2425
|
+
IonButtons,
|
|
2426
|
+
IonButton,
|
|
2427
|
+
IonSearchbar,
|
|
2428
|
+
IonContent,
|
|
2429
|
+
CdkVirtualScrollViewport,
|
|
2430
|
+
IonList,
|
|
2431
|
+
IonRadioGroup,
|
|
2432
|
+
IonItem,
|
|
2433
|
+
CdkFixedSizeVirtualScroll,
|
|
2434
|
+
IonRadio,
|
|
2435
|
+
IonText,
|
|
2436
|
+
CdkVirtualForOf,
|
|
2437
|
+
NgIf
|
|
2438
|
+
], template: "<ion-header>\n <ion-toolbar>\n <ion-title class=\"ion-text-center\">\n {{title}}\n </ion-title>\n\n <ion-buttons [slot]=\"closeButtonSlot\">\n <ion-button (click)=\"closeModal()\">{{closeButtonText}}</ion-button>\n </ion-buttons>\n\n </ion-toolbar>\n <ion-searchbar #searchBar *ngIf=\"canSearch\"\n placeholder=\"{{searchPlaceholder}}\"\n [debounce]=\"400\"\n (ionInput)=\"search($event); $event.target.blur()\"\n (keyup.enter)=\"$event.target.blur()\"\n (ionChange)=\"search($event)\"></ion-searchbar>\n</ion-header>\n\n<ion-content>\n <cdk-virtual-scroll-viewport style=\"width: 100%; height: 100%;\" itemSize=\"56\" minBufferPx=\"900\" maxBufferPx=\"1350\">\n <ion-list>\n <ion-radio-group [value]=\"country.isoCode\">\n <ion-item style=\"white-space:normal\" *cdkVirtualFor=\"let c of countries\">\n <ion-radio labelPlacement=\"end\" [value]=\"c.isoCode\" slot=\"start\" color=\"primary\" (click)=\"itemTapped(c)\">\n <span class=\"fi fi-{{c.flagClass}}\"></span> {{c.name}} <span *ngIf=\"dialCode\">{{dialCode}}{{c.displayDialCode}}</span>\n </ion-radio>\n </ion-item>\n </ion-radio-group>\n <ion-item lines=\"none\" *ngIf=\"notFound\">\n <ion-text>{{searchFailText}}</ion-text>\n </ion-item>\n </ion-list>\n </cdk-virtual-scroll-viewport>\n</ion-content>\n" }]
|
|
2439
|
+
}], ctorParameters: () => [{ type: i1.ModalController }], propDecorators: { country: [{
|
|
2422
2440
|
type: Input
|
|
2423
2441
|
}], canSearch: [{
|
|
2424
2442
|
type: Input
|
|
@@ -2469,17 +2487,21 @@ class CountryPlaceholder {
|
|
|
2469
2487
|
return fallbackPlaceholder;
|
|
2470
2488
|
}
|
|
2471
2489
|
}
|
|
2472
|
-
/** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2473
|
-
/** @nocollapse */ static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "
|
|
2490
|
+
/** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: CountryPlaceholder, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
|
|
2491
|
+
/** @nocollapse */ static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.2.12", ngImport: i0, type: CountryPlaceholder, isStandalone: true, name: "countryPlaceholder" });
|
|
2474
2492
|
}
|
|
2475
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2493
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: CountryPlaceholder, decorators: [{
|
|
2476
2494
|
type: Pipe,
|
|
2477
|
-
args: [{ name: 'countryPlaceholder' }]
|
|
2495
|
+
args: [{ standalone: true, name: 'countryPlaceholder' }]
|
|
2478
2496
|
}] });
|
|
2479
2497
|
|
|
2480
2498
|
/**
|
|
2481
2499
|
* @ignore
|
|
2482
2500
|
*/
|
|
2501
|
+
/**
|
|
2502
|
+
* @author Azzam Asghar <azzam.asghar@interstellus.com>
|
|
2503
|
+
* @author Steve Drew <sdrew@waitwell.ca>
|
|
2504
|
+
*/
|
|
2483
2505
|
class IonIntlTelInputComponent {
|
|
2484
2506
|
el;
|
|
2485
2507
|
platform;
|
|
@@ -2754,6 +2776,7 @@ class IonIntlTelInputComponent {
|
|
|
2754
2776
|
this.platform = platform;
|
|
2755
2777
|
this.ionIntlTelInputService = ionIntlTelInputService;
|
|
2756
2778
|
this.modalCtrl = modalCtrl;
|
|
2779
|
+
addIcons({ caretDown });
|
|
2757
2780
|
}
|
|
2758
2781
|
get value() {
|
|
2759
2782
|
return this._value;
|
|
@@ -3112,25 +3135,33 @@ class IonIntlTelInputComponent {
|
|
|
3112
3135
|
}
|
|
3113
3136
|
}
|
|
3114
3137
|
};
|
|
3115
|
-
/** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3116
|
-
/** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
3138
|
+
/** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: IonIntlTelInputComponent, deps: [{ token: i0.ElementRef }, { token: i1.Platform }, { token: IonIntlTelInputService }, { token: i1.ModalController }], target: i0.ɵɵFactoryTarget.Component });
|
|
3139
|
+
/** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.12", type: IonIntlTelInputComponent, isStandalone: true, selector: "ion-intl-tel-input", inputs: { isEnabled: "isEnabled", autocomplete: "autocomplete", required: "required", defaultCountryiso: "defaultCountryiso", dialCodePrefix: "dialCodePrefix", enableAutoCountrySelect: "enableAutoCountrySelect", enablePlaceholder: "enablePlaceholder", fallbackPlaceholder: "fallbackPlaceholder", inputPlaceholder: "inputPlaceholder", inputLabel: "inputLabel", inputLabelColor: "inputLabelColor", inputLabelPlacement: "inputLabelPlacement", usePatternPlaceholder: "usePatternPlaceholder", maxLength: "maxLength", modalTitle: "modalTitle", modalCssClass: "modalCssClass", modalSearchPlaceholder: "modalSearchPlaceholder", modalCloseText: "modalCloseText", modalCloseButtonSlot: "modalCloseButtonSlot", modalCanSearch: "modalCanSearch", modalShouldBackdropClose: "modalShouldBackdropClose", modalShouldFocusSearchbar: "modalShouldFocusSearchbar", modalSearchFailText: "modalSearchFailText", onlyCountries: "onlyCountries", preferredCountries: "preferredCountries", selectFirstCountry: "selectFirstCountry", separateDialCode: "separateDialCode" }, outputs: { numberChange: "numberChange", numberBlur: "numberBlur", numberFocus: "numberFocus", numberInput: "numberInput", codeChange: "codeChange", codeOpen: "codeOpen", codeClose: "codeClose", codeSelect: "codeSelect" }, host: { properties: { "class.ion-intl-tel-input": "this.cssClass", "class.ion-intl-tel-input-ios": "this.isIos", "class.ion-intl-tel-input-md": "this.isMD", "class.has-focus": "this.hasFocus", "class.ion-intl-tel-input-has-value": "this.hasValueCssClass", "class.ion-intl-tel-input-is-enabled": "this.isEnabled" } }, providers: [
|
|
3117
3140
|
{
|
|
3118
3141
|
provide: NG_VALUE_ACCESSOR,
|
|
3119
3142
|
useExisting: forwardRef((() => IonIntlTelInputComponent)),
|
|
3120
3143
|
multi: true,
|
|
3121
3144
|
},
|
|
3122
|
-
], viewQueries: [{ propertyName: "numberInputEl", first: true, predicate: ["numberInput"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<ion-input\n #numberInput\n [(ngModel)]=\"phoneNumber\"\n [autocomplete]=\"autocomplete\"\n [required]=\"required\"\n [disabled] = \"disabled\"\n [attr.maxLength]=\"maxLength\"\n type=\"tel\"\n (ionBlur)=\"onIonNumberBlur()\"\n (ionChange)=\"onIonNumberChange($event)\"\n (ionFocus)=\"onIonNumberFocus()\"\n (ionInput)=\"onIonNumberInput($event)\"\n (keydown)=\"onNumberKeyDown($event)\"\n (ngModelChange)=\"onNumberChange()\"\n [labelPlacement]=\"inputLabelPlacement\"\n placeholder=\"{{country | countryPlaceholder: inputPlaceholder:separateDialCode:fallbackPlaceholder:usePatternPlaceholder}}\">\n <div slot=\"label\">\n <ion-text [color]=\"inputLabelColor\">{{inputLabel}}</ion-text>\n </div>\n <ion-button\n slot=\"start\"\n fill=\"clear\"\n class=\"ion-intl-tel-input-btn\"\n [disabled] = \"disabled\"\n aria-label=\"country\"\n (click)=\"openModal()\">\n <span class=\"ion-intl-tel-input-flag fi fi-{{country.flagClass}}\"></span><span class=\"ion-intl-tel-input-code\" *ngIf=\"separateDialCode\">{{dialCodePrefix}}{{country.dialCode}}</span>\n <ion-icon style=\"font-size:14px;opacity:.5;\" name=\"caret-down\"></ion-icon>\n </ion-button>\n</ion-input>\n", styles: [":host{width:100%;display:flex;align-items:center}:host ion-button{color:var(--ion-color);height:100%;margin:0}:host ion-button::part(native){padding-inline-start:0;padding-inline-end:2px;margin:0;font-size:16px;font-weight:400}:host .fi{margin-right:5px}\n"], dependencies: [{ kind: "
|
|
3145
|
+
], viewQueries: [{ propertyName: "numberInputEl", first: true, predicate: ["numberInput"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<ion-input\n #numberInput\n [(ngModel)]=\"phoneNumber\"\n [autocomplete]=\"autocomplete\"\n [required]=\"required\"\n [disabled] = \"disabled\"\n [attr.maxLength]=\"maxLength\"\n type=\"tel\"\n (ionBlur)=\"onIonNumberBlur()\"\n (ionChange)=\"onIonNumberChange($event)\"\n (ionFocus)=\"onIonNumberFocus()\"\n (ionInput)=\"onIonNumberInput($event)\"\n (keydown)=\"onNumberKeyDown($event)\"\n (ngModelChange)=\"onNumberChange()\"\n [labelPlacement]=\"inputLabelPlacement\"\n placeholder=\"{{country | countryPlaceholder: inputPlaceholder:separateDialCode:fallbackPlaceholder:usePatternPlaceholder}}\">\n <div slot=\"label\">\n <ion-text [color]=\"inputLabelColor\">{{inputLabel}}</ion-text>\n </div>\n <ion-button\n slot=\"start\"\n fill=\"clear\"\n class=\"ion-intl-tel-input-btn\"\n [disabled] = \"disabled\"\n aria-label=\"country\"\n (click)=\"openModal()\">\n <span class=\"ion-intl-tel-input-flag fi fi-{{country.flagClass}}\"></span><span class=\"ion-intl-tel-input-code\" *ngIf=\"separateDialCode\">{{dialCodePrefix}}{{country.dialCode}}</span>\n <ion-icon style=\"font-size:14px;opacity:.5;\" name=\"caret-down\"></ion-icon>\n </ion-button>\n</ion-input>\n", styles: [":host{width:100%;display:flex;align-items:center}:host ion-button{color:var(--ion-color);height:100%;margin:0}:host ion-button::part(native){padding-inline-start:0;padding-inline-end:2px;margin:0;font-size:16px;font-weight:400}:host .fi{margin-right:5px}\n"], dependencies: [{ kind: "component", type: IonInput, selector: "ion-input", inputs: ["accept", "autocapitalize", "autocomplete", "autocorrect", "autofocus", "clearInput", "clearOnEdit", "color", "counter", "counterFormatter", "debounce", "disabled", "enterkeyhint", "errorText", "fill", "helperText", "inputmode", "label", "labelPlacement", "max", "maxlength", "min", "minlength", "mode", "multiple", "name", "pattern", "placeholder", "readonly", "required", "shape", "size", "spellcheck", "step", "type", "value"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: IonText, selector: "ion-text", inputs: ["color", "mode"] }, { kind: "component", type: IonButton, selector: "ion-button", inputs: ["buttonType", "color", "disabled", "download", "expand", "fill", "form", "href", "mode", "rel", "routerAnimation", "routerDirection", "shape", "size", "strong", "target", "type"] }, { kind: "component", type: IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: CountryPlaceholder, name: "countryPlaceholder" }] });
|
|
3123
3146
|
}
|
|
3124
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3147
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: IonIntlTelInputComponent, decorators: [{
|
|
3125
3148
|
type: Component,
|
|
3126
|
-
args: [{ selector: 'ion-intl-tel-input', providers: [
|
|
3149
|
+
args: [{ selector: 'ion-intl-tel-input', standalone: true, providers: [
|
|
3127
3150
|
{
|
|
3128
3151
|
provide: NG_VALUE_ACCESSOR,
|
|
3129
3152
|
useExisting: forwardRef((() => IonIntlTelInputComponent)),
|
|
3130
3153
|
multi: true,
|
|
3131
3154
|
},
|
|
3155
|
+
], imports: [
|
|
3156
|
+
IonInput,
|
|
3157
|
+
FormsModule,
|
|
3158
|
+
IonText,
|
|
3159
|
+
IonButton,
|
|
3160
|
+
IonIcon,
|
|
3161
|
+
NgIf,
|
|
3162
|
+
CountryPlaceholder
|
|
3132
3163
|
], template: "<ion-input\n #numberInput\n [(ngModel)]=\"phoneNumber\"\n [autocomplete]=\"autocomplete\"\n [required]=\"required\"\n [disabled] = \"disabled\"\n [attr.maxLength]=\"maxLength\"\n type=\"tel\"\n (ionBlur)=\"onIonNumberBlur()\"\n (ionChange)=\"onIonNumberChange($event)\"\n (ionFocus)=\"onIonNumberFocus()\"\n (ionInput)=\"onIonNumberInput($event)\"\n (keydown)=\"onNumberKeyDown($event)\"\n (ngModelChange)=\"onNumberChange()\"\n [labelPlacement]=\"inputLabelPlacement\"\n placeholder=\"{{country | countryPlaceholder: inputPlaceholder:separateDialCode:fallbackPlaceholder:usePatternPlaceholder}}\">\n <div slot=\"label\">\n <ion-text [color]=\"inputLabelColor\">{{inputLabel}}</ion-text>\n </div>\n <ion-button\n slot=\"start\"\n fill=\"clear\"\n class=\"ion-intl-tel-input-btn\"\n [disabled] = \"disabled\"\n aria-label=\"country\"\n (click)=\"openModal()\">\n <span class=\"ion-intl-tel-input-flag fi fi-{{country.flagClass}}\"></span><span class=\"ion-intl-tel-input-code\" *ngIf=\"separateDialCode\">{{dialCodePrefix}}{{country.dialCode}}</span>\n <ion-icon style=\"font-size:14px;opacity:.5;\" name=\"caret-down\"></ion-icon>\n </ion-button>\n</ion-input>\n", styles: [":host{width:100%;display:flex;align-items:center}:host ion-button{color:var(--ion-color);height:100%;margin:0}:host ion-button::part(native){padding-inline-start:0;padding-inline-end:2px;margin:0;font-size:16px;font-weight:400}:host .fi{margin-right:5px}\n"] }]
|
|
3133
|
-
}], ctorParameters:
|
|
3164
|
+
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i1.Platform }, { type: IonIntlTelInputService }, { type: i1.ModalController }], propDecorators: { cssClass: [{
|
|
3134
3165
|
type: HostBinding,
|
|
3135
3166
|
args: ['class.ion-intl-tel-input']
|
|
3136
3167
|
}], isIos: [{
|
|
@@ -3224,50 +3255,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImpor
|
|
|
3224
3255
|
args: ['numberInput', { static: false }]
|
|
3225
3256
|
}] } });
|
|
3226
3257
|
|
|
3227
|
-
class IonIntlTelInputModule {
|
|
3228
|
-
/** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: IonIntlTelInputModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
3229
|
-
/** @nocollapse */ static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.9", ngImport: i0, type: IonIntlTelInputModule, declarations: [CountryPlaceholder,
|
|
3230
|
-
IonIntlTelInputValidatorDirective,
|
|
3231
|
-
IonIntlTelInputComponent,
|
|
3232
|
-
IonIntTelCodeComponent], imports: [CommonModule,
|
|
3233
|
-
FormsModule,
|
|
3234
|
-
IonicModule,
|
|
3235
|
-
ScrollingModule], exports: [IonIntlTelInputComponent,
|
|
3236
|
-
IonIntlTelInputValidatorDirective,
|
|
3237
|
-
IonIntTelCodeComponent] });
|
|
3238
|
-
/** @nocollapse */ static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: IonIntlTelInputModule, providers: [
|
|
3239
|
-
IonIntlTelInputService
|
|
3240
|
-
], imports: [CommonModule,
|
|
3241
|
-
FormsModule,
|
|
3242
|
-
IonicModule,
|
|
3243
|
-
ScrollingModule] });
|
|
3244
|
-
}
|
|
3245
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: IonIntlTelInputModule, decorators: [{
|
|
3246
|
-
type: NgModule,
|
|
3247
|
-
args: [{
|
|
3248
|
-
declarations: [
|
|
3249
|
-
CountryPlaceholder,
|
|
3250
|
-
IonIntlTelInputValidatorDirective,
|
|
3251
|
-
IonIntlTelInputComponent,
|
|
3252
|
-
IonIntTelCodeComponent
|
|
3253
|
-
],
|
|
3254
|
-
imports: [
|
|
3255
|
-
CommonModule,
|
|
3256
|
-
FormsModule,
|
|
3257
|
-
IonicModule,
|
|
3258
|
-
ScrollingModule
|
|
3259
|
-
],
|
|
3260
|
-
exports: [
|
|
3261
|
-
IonIntlTelInputComponent,
|
|
3262
|
-
IonIntlTelInputValidatorDirective,
|
|
3263
|
-
IonIntTelCodeComponent
|
|
3264
|
-
],
|
|
3265
|
-
providers: [
|
|
3266
|
-
IonIntlTelInputService
|
|
3267
|
-
],
|
|
3268
|
-
}]
|
|
3269
|
-
}] });
|
|
3270
|
-
|
|
3271
3258
|
/*
|
|
3272
3259
|
* Public API Surface of ion-intl-tel-input
|
|
3273
3260
|
*/
|
|
@@ -3276,5 +3263,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImpor
|
|
|
3276
3263
|
* Generated bundle index. Do not edit.
|
|
3277
3264
|
*/
|
|
3278
3265
|
|
|
3279
|
-
export { IonIntTelCodeComponent, IonIntlTelInputComponent,
|
|
3266
|
+
export { IonIntTelCodeComponent, IonIntlTelInputComponent, IonIntlTelInputService, IonIntlTelInputValidatorDirective, IonIntlTelInputValidators };
|
|
3280
3267
|
//# sourceMappingURL=crodriguezdominguez-ion-intl-tel-input.mjs.map
|