@bravura/ui 1.6.0 → 1.8.0

package/fesm2015/bravura-ui-phone-number.js

@@ -8,314 +8,314 @@ import * as i1 from '@angular/forms';
 import { NG_VALIDATORS } from '@angular/forms';
 import * as i2 from '@angular/material/form-field';
 
-/**
- * @internal
- */
-class PhoneNumberPipe {
-    constructor(_locale) {
-        this._locale = _locale;
-    }
-    transform(value, mode, renderLink) {
-        if (!value) {
-            return value;
-        }
-        const countryCode = getCountryCodeFromLocale(this._locale);
-        let format;
-        switch (mode) {
-            case 'NATIONAL':
-                format = intlTelInputUtils.numberFormat.NATIONAL;
-                break;
-            default:
-                format = intlTelInputUtils.numberFormat.INTERNATIONAL;
-        }
-        const result = intlTelInputUtils.formatNumber(value, countryCode, format);
-        if (renderLink) {
-            return `<a href="tel:${result}">${result}</a>`;
-        }
-        else {
-            return result;
-        }
-    }
-}
-PhoneNumberPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.4", ngImport: i0, type: PhoneNumberPipe, deps: [{ token: LOCALE_ID }], target: i0.ɵɵFactoryTarget.Pipe });
-PhoneNumberPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "12.2.4", ngImport: i0, type: PhoneNumberPipe, name: "buiPhone" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.4", ngImport: i0, type: PhoneNumberPipe, decorators: [{
-            type: Pipe,
-            args: [{
-                    name: 'buiPhone',
-                    pure: true
-                }]
-        }], ctorParameters: function () { return [{ type: undefined, decorators: [{
-                    type: Inject,
-                    args: [LOCALE_ID]
-                }] }]; } });
-function getCountryCodeFromLocale(locale) {
-    return locale.replace(/.+[-_]([a-z][a-z])$/i, '$1');
+/**
+ * @internal
+ */
+class PhoneNumberPipe {
+    constructor(_locale) {
+        this._locale = _locale;
+    }
+    transform(value, mode, renderLink) {
+        if (!value) {
+            return value;
+        }
+        const countryCode = getCountryCodeFromLocale(this._locale);
+        let format;
+        switch (mode) {
+            case 'NATIONAL':
+                format = intlTelInputUtils.numberFormat.NATIONAL;
+                break;
+            default:
+                format = intlTelInputUtils.numberFormat.INTERNATIONAL;
+        }
+        const result = intlTelInputUtils.formatNumber(value, countryCode, format);
+        if (renderLink) {
+            return `<a href="tel:${result}">${result}</a>`;
+        }
+        else {
+            return result;
+        }
+    }
+}
+PhoneNumberPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0, type: PhoneNumberPipe, deps: [{ token: LOCALE_ID }], target: i0.ɵɵFactoryTarget.Pipe });
+PhoneNumberPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0, type: PhoneNumberPipe, name: "buiPhone" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0, type: PhoneNumberPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'buiPhone',
+                    pure: true
+                }]
+        }], ctorParameters: function () { return [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: [LOCALE_ID]
+                }] }]; } });
+function getCountryCodeFromLocale(locale) {
+    return locale.replace(/.+[-_]([a-z][a-z])$/i, '$1');
 }
 
-/**
- * @internal
- */
-const SELECTOR = '[buiTelInput], input([type=tel])[ngModel], input([type=tel])[formControlName], input([type=tel])[formControl]';
-/**
- * @internal
- */
-const PHONE_VALIDATOR = {
-    provide: NG_VALIDATORS,
-    useExisting: forwardRef(() => PhoneNumberValidator),
-    multi: true
-};
-/**
- * @internal
- */
-class PhoneNumberValidator {
-    constructor(_el) {
-        this._el = _el;
-        this.telType = 'FIXED_LINE';
-    }
-    static validateControl(inp, type, update) {
-        const err = { tel: true };
-        if (!inp.value) {
-            return null;
-        }
-        const iti = inp.$$iti;
-        if (!iti) {
-            return null;
-        }
-        if (iti.isValidNumber()) {
-            const n = iti.getNumber(intlTelInputUtils.numberFormat.INTERNATIONAL);
-            if (update) {
-                inp.value = n;
-            }
-            const t = iti.getNumberType();
-            if (t !== intlTelInputUtils.numberType.FIXED_LINE_OR_MOBILE) {
-                if ((type === 'MOBILE' && t !== intlTelInputUtils.numberType.MOBILE) ||
-                    (type === 'FIXED_LINE' && t !== intlTelInputUtils.numberType.FIXED_LINE)) {
-                    return err;
-                }
-            }
-            return null;
-        }
-        return err;
-    }
-    validate(_) {
-        return PhoneNumberValidator.validateControl(this._el.nativeElement, this.telType, false);
-    }
-}
-PhoneNumberValidator.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.4", ngImport: i0, type: PhoneNumberValidator, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-PhoneNumberValidator.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.4", type: PhoneNumberValidator, selector: "[buiTelInput], input([type=tel])[ngModel], input([type=tel])[formControlName], input([type=tel])[formControl]", inputs: { telType: "telType" }, providers: [PHONE_VALIDATOR], ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.4", ngImport: i0, type: PhoneNumberValidator, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: SELECTOR,
-                    providers: [PHONE_VALIDATOR]
-                }]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { telType: [{
-                type: Input
+/**
+ * @internal
+ */
+const SELECTOR = '[buiTelInput], input([type=tel])[ngModel], input([type=tel])[formControlName], input([type=tel])[formControl]';
+/**
+ * @internal
+ */
+const PHONE_VALIDATOR = {
+    provide: NG_VALIDATORS,
+    useExisting: forwardRef(() => PhoneNumberValidator),
+    multi: true
+};
+/**
+ * @internal
+ */
+class PhoneNumberValidator {
+    constructor(_el) {
+        this._el = _el;
+        this.telType = 'FIXED_LINE';
+    }
+    static validateControl(inp, type, update) {
+        const err = { tel: true };
+        if (!inp.value) {
+            return null;
+        }
+        const iti = inp.$$iti;
+        if (!iti) {
+            return null;
+        }
+        if (iti.isValidNumber()) {
+            const n = iti.getNumber(intlTelInputUtils.numberFormat.INTERNATIONAL);
+            if (update) {
+                inp.value = n;
+            }
+            const t = iti.getNumberType();
+            if (t !== intlTelInputUtils.numberType.FIXED_LINE_OR_MOBILE) {
+                if ((type === 'MOBILE' && t !== intlTelInputUtils.numberType.MOBILE) ||
+                    (type === 'FIXED_LINE' && t !== intlTelInputUtils.numberType.FIXED_LINE)) {
+                    return err;
+                }
+            }
+            return null;
+        }
+        return err;
+    }
+    validate(_) {
+        return PhoneNumberValidator.validateControl(this._el.nativeElement, this.telType, false);
+    }
+}
+PhoneNumberValidator.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0, type: PhoneNumberValidator, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+PhoneNumberValidator.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.7", type: PhoneNumberValidator, selector: "[buiTelInput], input([type=tel])[ngModel], input([type=tel])[formControlName], input([type=tel])[formControl]", inputs: { telType: "telType" }, providers: [PHONE_VALIDATOR], ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0, type: PhoneNumberValidator, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: SELECTOR,
+                    providers: [PHONE_VALIDATOR]
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { telType: [{
+                type: Input
             }] } });
 
-/**
- * Add phone number validation support by specifying the `type` attribute as `tel` in an `<input>` element.
- *
- * To use this feature, please install a peer dependency `intl-tel-input` in your project and add the following
- * to your application polyfills:
- *
- * ```javascript
- * import 'intl-tel-input/build/js/utils.js';
- * ```
- *
- * You will also need to add the following statements to one of your global SCSS files:
- *
- * ```scss
- * $flagsImagePath: '~intl-tel-input/build/img/' !default;
- * @import '~intl-tel-input/src/css/intlTelInput';
- * ```
- */
-class PhoneNumberDirective {
-    constructor(_el, _ngModel, _formControlName, _formControlDirective, _locale, _zone, _matField) {
-        this._el = _el;
-        this._ngModel = _ngModel;
-        this._formControlName = _formControlName;
-        this._formControlDirective = _formControlDirective;
-        this._locale = _locale;
-        this._zone = _zone;
-        this._matField = _matField;
-        /**
-         * The type of phone number to validate for
-         */
-        this.telType = 'FIXED_LINE';
-        /**
-         * Disable country dropdown by setting this property to `false`.
-         */
-        this.telDropdown = true;
-        /**
-         * This event is triggered when a new country is selected from the dropdown. The event detail is the ISO country code.
-         */
-        this.telCountryChange = new EventEmitter();
-        this._reactive = false;
-        this._countryChangeListener = () => null;
-    }
-    /** @internal */
-    onInput() {
-        const err = PhoneNumberValidator.validateControl(this._input, this.telType, true);
-        this._control.patchValue(this._input.value, { emitEvent: false });
-        if (this._reactive && err) {
-            this._control.setErrors(Object.assign(Object.assign({}, this._control.errors), err));
-        }
-    }
-    ngOnInit() {
-        const ctrDirective = this._ngModel || this._formControlName || this._formControlDirective;
-        this._control = ctrDirective.control;
-        this._reactive = this._ngModel ? false : true;
-        this._input = this._el.nativeElement;
-        this._countryChangeListener = (() => {
-            this._zone.run(() => {
-                this._control.markAsDirty();
-                this._control.updateValueAndValidity({ emitEvent: true });
-                this.telCountryChange.emit(this._iti.getSelectedCountryData().iso2);
-            });
-        }).bind(this);
-        (PhoneNumberDirective.BYPASS_SHADOW_DETECTION ? of(0) : this._zone.onStable)
-            .pipe(debounceTime(10), take(1))
-            .subscribe(() => this.initElement());
-    }
-    ngOnDestroy() {
-        var _a;
-        this._input.removeEventListener('countrychange', this._countryChangeListener);
-        (_a = this._iti) === null || _a === void 0 ? void 0 : _a.destroy();
-    }
-    ngOnChanges(changes) {
-        const td = changes.telDropdown;
-        if (td && !td.firstChange) {
-            this.ngOnDestroy();
-            this.ngOnInit();
-        }
-        const type = changes.telType;
-        if (type && !type.firstChange) {
-            this.onInput();
-        }
-    }
-    initElement() {
-        var _a;
-        const countryCode = getCountryCodeFromLocale(this._locale).toLowerCase();
-        const root = this._input.getRootNode();
-        if (!root.querySelector('#bui-tel-input-style')) {
-            const styleTag = document.createElement('style');
-            styleTag.id = 'bui-tel-input-style';
-            styleTag.innerText =
-                '.mat-form-field:not(.mat-focused) .bui-tel-input-placeholder.mat-empty { margin-left: 52px }' +
-                    '.bui-tel-input-with-value:disabled { cursor: pointer;}';
-            (root instanceof Document ? root.querySelector('head') : root).appendChild(styleTag);
-        }
-        this._iti = intlTelInput(this._input, {
-            initialCountry: countryCode,
-            placeholderNumberType: this.telType,
-            preferredCountries: [countryCode, ...['au', 'ca', 'nz', 'us', 'gb'].filter(c => c !== countryCode)],
-            dropdownContainer: root instanceof ShadowRoot ? root.querySelector('overlay-root') : root.body,
-            autoPlaceholder: 'off',
-            allowDropdown: this.telDropdown
-        });
-        this._input.$$iti = this._iti;
-        this._input.addEventListener('countrychange', this._countryChangeListener);
-        const frameTime = Date.now();
-        const postRenderWork = () => {
-            var _a, _b;
-            if (frameTime + PhoneNumberDirective.POST_RENDER_INIT_DELAY > Date.now()) {
-                window.requestAnimationFrame(postRenderWork);
-                return;
-            }
-            let label;
-            if (((_a = this._matField) === null || _a === void 0 ? void 0 : _a.getLabelId()) && typeof root.getElementById === 'function') {
-                label = root.getElementById(this._matField.getLabelId());
-                label === null || label === void 0 ? void 0 : label.classList.remove('bui-tel-input-placeholder');
-            }
-            if (label && this.telDropdown) {
-                label.classList.add('bui-tel-input-placeholder');
-            }
-            if ((_b = this._input) === null || _b === void 0 ? void 0 : _b.value) {
-                this._input.classList.add('bui-tel-input-with-value');
-            }
-        };
-        window.requestAnimationFrame(postRenderWork);
-        this._input.addEventListener('click', () => {
-            var _a;
-            if (((_a = this._control) === null || _a === void 0 ? void 0 : _a.disabled) && this._control.value) {
-                window.location.href = 'tel://' + this._control.value;
-            }
-        });
-        (_a = this._control) === null || _a === void 0 ? void 0 : _a.registerOnDisabledChange(isDisabled => this._patchValueByState(isDisabled));
-        this._patchValueByState(this._control.disabled);
-    }
-    _patchValueByState(isDisabled) {
-        setTimeout(() => {
-            var _a, _b;
-            if (!isDisabled) {
-                this.onInput();
-            }
-            else {
-                const v = this._iti.getNumber(intlTelInputUtils.numberFormat.NATIONAL);
-                this._input.value = v;
-                (_a = this._control) === null || _a === void 0 ? void 0 : _a.patchValue((_b = this._input) === null || _b === void 0 ? void 0 : _b.value, { emitEvent: false });
-            }
-        }, 20);
-    }
-}
-/**
- * @ignore
- */
-PhoneNumberDirective.POST_RENDER_INIT_DELAY = 20;
-/**
- * @ignore
- */
-PhoneNumberDirective.BYPASS_SHADOW_DETECTION = false;
-PhoneNumberDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.4", ngImport: i0, type: PhoneNumberDirective, deps: [{ token: i0.ElementRef }, { token: i1.NgModel, optional: true }, { token: i1.FormControlName, optional: true }, { token: i1.FormControlDirective, optional: true }, { token: LOCALE_ID }, { token: i0.NgZone }, { token: i2.MatFormField, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
-PhoneNumberDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.4", type: PhoneNumberDirective, selector: "[buiTelInput], input([type=tel])[ngModel], input([type=tel])[formControlName], input([type=tel])[formControl]", inputs: { telType: "telType", telDropdown: "telDropdown" }, outputs: { telCountryChange: "telCountryChange" }, host: { listeners: { "input": "onInput()" } }, usesOnChanges: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.4", ngImport: i0, type: PhoneNumberDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: SELECTOR
-                }]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i1.NgModel, decorators: [{
-                    type: Optional
-                }] }, { type: i1.FormControlName, decorators: [{
-                    type: Optional
-                }] }, { type: i1.FormControlDirective, decorators: [{
-                    type: Optional
-                }] }, { type: undefined, decorators: [{
-                    type: Inject,
-                    args: [LOCALE_ID]
-                }] }, { type: i0.NgZone }, { type: i2.MatFormField, decorators: [{
-                    type: Optional
-                }] }]; }, propDecorators: { telType: [{
-                type: Input
-            }], telDropdown: [{
-                type: Input
-            }], telCountryChange: [{
-                type: Output
-            }], onInput: [{
-                type: HostListener,
-                args: ['input']
+/**
+ * Add phone number validation support by specifying the `type` attribute as `tel` in an `<input>` element.
+ *
+ * To use this feature, please install a peer dependency `intl-tel-input` in your project and add the following
+ * to your application polyfills:
+ *
+ * ```javascript
+ * import 'intl-tel-input/build/js/utils.js';
+ * ```
+ *
+ * You will also need to add the following statements to one of your global SCSS files:
+ *
+ * ```scss
+ * $flagsImagePath: '~intl-tel-input/build/img/' !default;
+ * @import '~intl-tel-input/src/css/intlTelInput';
+ * ```
+ */
+class PhoneNumberDirective {
+    constructor(_el, _ngModel, _formControlName, _formControlDirective, _locale, _zone, _matField) {
+        this._el = _el;
+        this._ngModel = _ngModel;
+        this._formControlName = _formControlName;
+        this._formControlDirective = _formControlDirective;
+        this._locale = _locale;
+        this._zone = _zone;
+        this._matField = _matField;
+        /**
+         * The type of phone number to validate for
+         */
+        this.telType = 'FIXED_LINE';
+        /**
+         * Disable country dropdown by setting this property to `false`.
+         */
+        this.telDropdown = true;
+        /**
+         * This event is triggered when a new country is selected from the dropdown. The event detail is the ISO country code.
+         */
+        this.telCountryChange = new EventEmitter();
+        this._reactive = false;
+        this._countryChangeListener = () => null;
+    }
+    /** @internal */
+    onInput() {
+        const err = PhoneNumberValidator.validateControl(this._input, this.telType, true);
+        this._control.patchValue(this._input.value, { emitEvent: false });
+        if (this._reactive && err) {
+            this._control.setErrors(Object.assign(Object.assign({}, this._control.errors), err));
+        }
+    }
+    ngOnInit() {
+        const ctrDirective = this._ngModel || this._formControlName || this._formControlDirective;
+        this._control = ctrDirective.control;
+        this._reactive = this._ngModel ? false : true;
+        this._input = this._el.nativeElement;
+        this._countryChangeListener = (() => {
+            this._zone.run(() => {
+                this._control.markAsDirty();
+                this._control.updateValueAndValidity({ emitEvent: true });
+                this.telCountryChange.emit(this._iti.getSelectedCountryData().iso2);
+            });
+        }).bind(this);
+        (PhoneNumberDirective.BYPASS_SHADOW_DETECTION ? of(0) : this._zone.onStable)
+            .pipe(debounceTime(10), take(1))
+            .subscribe(() => this.initElement());
+    }
+    ngOnDestroy() {
+        var _a;
+        this._input.removeEventListener('countrychange', this._countryChangeListener);
+        (_a = this._iti) === null || _a === void 0 ? void 0 : _a.destroy();
+    }
+    ngOnChanges(changes) {
+        const td = changes.telDropdown;
+        if (td && !td.firstChange) {
+            this.ngOnDestroy();
+            this.ngOnInit();
+        }
+        const type = changes.telType;
+        if (type && !type.firstChange) {
+            this.onInput();
+        }
+    }
+    initElement() {
+        var _a;
+        const countryCode = getCountryCodeFromLocale(this._locale).toLowerCase();
+        const root = this._input.getRootNode();
+        if (!root.querySelector('#bui-tel-input-style')) {
+            const styleTag = document.createElement('style');
+            styleTag.id = 'bui-tel-input-style';
+            styleTag.innerText =
+                '.mat-form-field:not(.mat-focused) .bui-tel-input-placeholder.mat-empty { margin-left: 52px }' +
+                    '.bui-tel-input-with-value:disabled { cursor: pointer;}';
+            (root instanceof Document ? root.querySelector('head') : root).appendChild(styleTag);
+        }
+        this._iti = intlTelInput(this._input, {
+            initialCountry: countryCode,
+            placeholderNumberType: this.telType,
+            preferredCountries: [countryCode, ...['au', 'ca', 'nz', 'us', 'gb'].filter(c => c !== countryCode)],
+            dropdownContainer: root instanceof ShadowRoot ? root.querySelector('overlay-root') : root.body,
+            autoPlaceholder: 'off',
+            allowDropdown: this.telDropdown
+        });
+        this._input.$$iti = this._iti;
+        this._input.addEventListener('countrychange', this._countryChangeListener);
+        const frameTime = Date.now();
+        const postRenderWork = () => {
+            var _a, _b;
+            if (frameTime + PhoneNumberDirective.POST_RENDER_INIT_DELAY > Date.now()) {
+                window.requestAnimationFrame(postRenderWork);
+                return;
+            }
+            let label;
+            if (((_a = this._matField) === null || _a === void 0 ? void 0 : _a.getLabelId()) && typeof root.getElementById === 'function') {
+                label = root.getElementById(this._matField.getLabelId());
+                label === null || label === void 0 ? void 0 : label.classList.remove('bui-tel-input-placeholder');
+            }
+            if (label && this.telDropdown) {
+                label.classList.add('bui-tel-input-placeholder');
+            }
+            if ((_b = this._input) === null || _b === void 0 ? void 0 : _b.value) {
+                this._input.classList.add('bui-tel-input-with-value');
+            }
+        };
+        window.requestAnimationFrame(postRenderWork);
+        this._input.addEventListener('click', () => {
+            var _a;
+            if (((_a = this._control) === null || _a === void 0 ? void 0 : _a.disabled) && this._control.value) {
+                window.location.href = 'tel://' + this._control.value;
+            }
+        });
+        (_a = this._control) === null || _a === void 0 ? void 0 : _a.registerOnDisabledChange(isDisabled => this._patchValueByState(isDisabled));
+        this._patchValueByState(this._control.disabled);
+    }
+    _patchValueByState(isDisabled) {
+        setTimeout(() => {
+            var _a, _b;
+            if (!isDisabled) {
+                this.onInput();
+            }
+            else {
+                const v = this._iti.getNumber(intlTelInputUtils.numberFormat.NATIONAL);
+                this._input.value = v;
+                (_a = this._control) === null || _a === void 0 ? void 0 : _a.patchValue((_b = this._input) === null || _b === void 0 ? void 0 : _b.value, { emitEvent: false });
+            }
+        }, 20);
+    }
+}
+/**
+ * @ignore
+ */
+PhoneNumberDirective.POST_RENDER_INIT_DELAY = 20;
+/**
+ * @ignore
+ */
+PhoneNumberDirective.BYPASS_SHADOW_DETECTION = false;
+PhoneNumberDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0, type: PhoneNumberDirective, deps: [{ token: i0.ElementRef }, { token: i1.NgModel, optional: true }, { token: i1.FormControlName, optional: true }, { token: i1.FormControlDirective, optional: true }, { token: LOCALE_ID }, { token: i0.NgZone }, { token: i2.MatFormField, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
+PhoneNumberDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.7", type: PhoneNumberDirective, selector: "[buiTelInput], input([type=tel])[ngModel], input([type=tel])[formControlName], input([type=tel])[formControl]", inputs: { telType: "telType", telDropdown: "telDropdown" }, outputs: { telCountryChange: "telCountryChange" }, host: { listeners: { "input": "onInput()" } }, usesOnChanges: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0, type: PhoneNumberDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: SELECTOR
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i1.NgModel, decorators: [{
+                    type: Optional
+                }] }, { type: i1.FormControlName, decorators: [{
+                    type: Optional
+                }] }, { type: i1.FormControlDirective, decorators: [{
+                    type: Optional
+                }] }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [LOCALE_ID]
+                }] }, { type: i0.NgZone }, { type: i2.MatFormField, decorators: [{
+                    type: Optional
+                }] }]; }, propDecorators: { telType: [{
+                type: Input
+            }], telDropdown: [{
+                type: Input
+            }], telCountryChange: [{
+                type: Output
+            }], onInput: [{
+                type: HostListener,
+                args: ['input']
             }] } });
 
-/**
- * @internal
- */
-class PhoneModule {
-}
-PhoneModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.4", ngImport: i0, type: PhoneModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-PhoneModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.4", ngImport: i0, type: PhoneModule, declarations: [PhoneNumberPipe, PhoneNumberDirective, PhoneNumberValidator], imports: [CommonModule], exports: [PhoneNumberDirective, PhoneNumberPipe, PhoneNumberValidator] });
-PhoneModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.4", ngImport: i0, type: PhoneModule, imports: [[CommonModule]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.4", ngImport: i0, type: PhoneModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [PhoneNumberPipe, PhoneNumberDirective, PhoneNumberValidator],
-                    imports: [CommonModule],
-                    exports: [PhoneNumberDirective, PhoneNumberPipe, PhoneNumberValidator]
-                }]
+/**
+ * @internal
+ */
+class PhoneModule {
+}
+PhoneModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0, type: PhoneModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+PhoneModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0, type: PhoneModule, declarations: [PhoneNumberPipe, PhoneNumberDirective, PhoneNumberValidator], imports: [CommonModule], exports: [PhoneNumberDirective, PhoneNumberPipe, PhoneNumberValidator] });
+PhoneModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0, type: PhoneModule, imports: [[CommonModule]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0, type: PhoneModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [PhoneNumberPipe, PhoneNumberDirective, PhoneNumberValidator],
+                    imports: [CommonModule],
+                    exports: [PhoneNumberDirective, PhoneNumberPipe, PhoneNumberValidator]
+                }]
         }] });
 
-/**
- * Generated bundle index. Do not edit.
+/**
+ * Generated bundle index. Do not edit.
  */
 
 export { PhoneModule, PhoneNumberDirective, PhoneNumberPipe, PhoneNumberValidator };