@skyux/phone-field 5.7.2 → 6.0.0-beta.2

package/esm2015/index.js

@@ -1,8 +0,0 @@
-export * from './lib/modules/phone-field/phone-field.module';
-export * from './lib/modules/phone-field/types/country';
-export * from './lib/modules/phone-field/types/number-return-format';
-// Components and directives must be exported to support Angular's "partial" Ivy compiler.
-// Obscure names are used to indicate types are not part of the public API.
-export { SkyPhoneFieldComponent as λ1 } from './lib/modules/phone-field/phone-field.component';
-export { SkyPhoneFieldInputDirective as λ2 } from './lib/modules/phone-field/phone-field-input.directive';
-//# sourceMappingURL=index.js.map

package/esm2015/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../libs/components/phone-field/src/index.ts"],"names":[],"mappings":"AAAA,cAAc,8CAA8C,CAAC;AAC7D,cAAc,yCAAyC,CAAC;AACxD,cAAc,sDAAsD,CAAC;AAErE,0FAA0F;AAC1F,2EAA2E;AAC3E,OAAO,EAAE,sBAAsB,IAAI,EAAE,EAAE,MAAM,iDAAiD,CAAC;AAC/F,OAAO,EAAE,2BAA2B,IAAI,EAAE,EAAE,MAAM,uDAAuD,CAAC","sourcesContent":["export * from './lib/modules/phone-field/phone-field.module';\nexport * from './lib/modules/phone-field/types/country';\nexport * from './lib/modules/phone-field/types/number-return-format';\n\n// Components and directives must be exported to support Angular's \"partial\" Ivy compiler.\n// Obscure names are used to indicate types are not part of the public API.\nexport { SkyPhoneFieldComponent as λ1 } from './lib/modules/phone-field/phone-field.component';\nexport { SkyPhoneFieldInputDirective as λ2 } from './lib/modules/phone-field/phone-field-input.directive';\n"]}

package/esm2015/lib/modules/phone-field/phone-field-adapter.service.js

@@ -1,64 +0,0 @@
-import { Injectable, Renderer2 } from '@angular/core';
-import { SkyLibResourcesService } from '@skyux/i18n';
-import { Subject } from 'rxjs';
-import { takeUntil } from 'rxjs/operators';
-import * as i0 from "@angular/core";
-import * as i1 from "@skyux/i18n";
-/**
- * Service for interacting with the DOM elements of the phone field.
- * @internal
- */
-export class SkyPhoneFieldAdapterService {
-    constructor(renderer, resourcesService) {
-        this.renderer = renderer;
-        this.resourcesService = resourcesService;
-        this.ngUnsubscribe = new Subject();
-    }
-    ngOnDestroy() {
-        this.ngUnsubscribe.next();
-        this.ngUnsubscribe.complete();
-    }
-    addElementClass(elementRef, className) {
-        this.renderer.addClass(elementRef.nativeElement, className);
-    }
-    setElementDisabledState(elementRef, disabled) {
-        this.renderer.setProperty(elementRef.nativeElement, 'disabled', disabled);
-    }
-    setElementPlaceholder(elementRef, placeholder) {
-        this.renderer.setAttribute(elementRef.nativeElement, 'placeholder', placeholder);
-    }
-    setElementType(elementRef) {
-        this.renderer.setAttribute(elementRef.nativeElement, 'type', 'tel');
-    }
-    setElementValue(elementRef, value) {
-        if (value) {
-            this.renderer.setProperty(elementRef.nativeElement, 'value', value);
-        }
-    }
-    setAriaLabel(element) {
-        /* Sanity check */
-        /* istanbul ignore else */
-        if (!element.nativeElement.getAttribute('aria-label')) {
-            this.resourcesService
-                .getString('skyux_phone_field_default_label')
-                .pipe(takeUntil(this.ngUnsubscribe))
-                .subscribe((value) => {
-                this.renderer.setAttribute(element.nativeElement, 'aria-label', value);
-            });
-        }
-    }
-    focusCountrySearchElement(el) {
-        const input = el.querySelector('textarea');
-        input.focus();
-    }
-    focusPhoneInput(el) {
-        const input = el.querySelector('.sky-phone-field-container input');
-        input.focus();
-    }
-}
-SkyPhoneFieldAdapterService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyPhoneFieldAdapterService, deps: [{ token: i0.Renderer2 }, { token: i1.SkyLibResourcesService }], target: i0.ɵɵFactoryTarget.Injectable });
-SkyPhoneFieldAdapterService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyPhoneFieldAdapterService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyPhoneFieldAdapterService, decorators: [{
-            type: Injectable
-        }], ctorParameters: function () { return [{ type: i0.Renderer2 }, { type: i1.SkyLibResourcesService }]; } });
-//# sourceMappingURL=phone-field-adapter.service.js.map

package/esm2015/lib/modules/phone-field/phone-field-adapter.service.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"phone-field-adapter.service.js","sourceRoot":"","sources":["../../../../../../../../libs/components/phone-field/src/lib/modules/phone-field/phone-field-adapter.service.ts"],"names":[],"mappings":"AAAA,OAAO,EAAc,UAAU,EAAa,SAAS,EAAE,MAAM,eAAe,CAAC;AAC7E,OAAO,EAAE,sBAAsB,EAAE,MAAM,aAAa,CAAC;AAErD,OAAO,EAAE,OAAO,EAAE,MAAM,MAAM,CAAC;AAC/B,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;;;AAE3C;;;GAGG;AAEH,MAAM,OAAO,2BAA2B;IAGtC,YACU,QAAmB,EACnB,gBAAwC;QADxC,aAAQ,GAAR,QAAQ,CAAW;QACnB,qBAAgB,GAAhB,gBAAgB,CAAwB;QAJ1C,kBAAa,GAAG,IAAI,OAAO,EAAE,CAAC;IAKnC,CAAC;IAEG,WAAW;QAChB,IAAI,CAAC,aAAa,CAAC,IAAI,EAAE,CAAC;QAC1B,IAAI,CAAC,aAAa,CAAC,QAAQ,EAAE,CAAC;IAChC,CAAC;IAEM,eAAe,CAAC,UAAsB,EAAE,SAAiB;QAC9D,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,UAAU,CAAC,aAAa,EAAE,SAAS,CAAC,CAAC;IAC9D,CAAC;IAEM,uBAAuB,CAC5B,UAAsB,EACtB,QAAiB;QAEjB,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,UAAU,CAAC,aAAa,EAAE,UAAU,EAAE,QAAQ,CAAC,CAAC;IAC5E,CAAC;IAEM,qBAAqB,CAC1B,UAAsB,EACtB,WAAmB;QAEnB,IAAI,CAAC,QAAQ,CAAC,YAAY,CACxB,UAAU,CAAC,aAAa,EACxB,aAAa,EACb,WAAW,CACZ,CAAC;IACJ,CAAC;IAEM,cAAc,CAAC,UAAsB;QAC1C,IAAI,CAAC,QAAQ,CAAC,YAAY,CAAC,UAAU,CAAC,aAAa,EAAE,MAAM,EAAE,KAAK,CAAC,CAAC;IACtE,CAAC;IAEM,eAAe,CAAC,UAAsB,EAAE,KAAa;QAC1D,IAAI,KAAK,EAAE;YACT,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,UAAU,CAAC,aAAa,EAAE,OAAO,EAAE,KAAK,CAAC,CAAC;SACrE;IACH,CAAC;IAEM,YAAY,CAAC,OAAmB;QACrC,kBAAkB;QAClB,0BAA0B;QAC1B,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,YAAY,CAAC,YAAY,CAAC,EAAE;YACrD,IAAI,CAAC,gBAAgB;iBAClB,SAAS,CAAC,iCAAiC,CAAC;iBAC5C,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;iBACnC,SAAS,CAAC,CAAC,KAAa,EAAE,EAAE;gBAC3B,IAAI,CAAC,QAAQ,CAAC,YAAY,CACxB,OAAO,CAAC,aAAa,EACrB,YAAY,EACZ,KAAK,CACN,CAAC;YACJ,CAAC,CAAC,CAAC;SACN;IACH,CAAC;IAEM,yBAAyB,CAAC,EAAW;QAC1C,MAAM,KAAK,GAAgB,EAAE,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC;QACxD,KAAK,CAAC,KAAK,EAAE,CAAC;IAChB,CAAC;IAEM,eAAe,CAAC,EAAW;QAChC,MAAM,KAAK,GAAgB,EAAE,CAAC,aAAa,CACzC,kCAAkC,CACnC,CAAC;QACF,KAAK,CAAC,KAAK,EAAE,CAAC;IAChB,CAAC;;yHAxEU,2BAA2B;6HAA3B,2BAA2B;4FAA3B,2BAA2B;kBADvC,UAAU","sourcesContent":["import { ElementRef, Injectable, OnDestroy, Renderer2 } from '@angular/core';\nimport { SkyLibResourcesService } from '@skyux/i18n';\n\nimport { Subject } from 'rxjs';\nimport { takeUntil } from 'rxjs/operators';\n\n/**\n * Service for interacting with the DOM elements of the phone field.\n * @internal\n */\n@Injectable()\nexport class SkyPhoneFieldAdapterService implements OnDestroy {\n  private ngUnsubscribe = new Subject();\n\n  constructor(\n    private renderer: Renderer2,\n    private resourcesService: SkyLibResourcesService\n  ) {}\n\n  public ngOnDestroy(): void {\n    this.ngUnsubscribe.next();\n    this.ngUnsubscribe.complete();\n  }\n\n  public addElementClass(elementRef: ElementRef, className: string): void {\n    this.renderer.addClass(elementRef.nativeElement, className);\n  }\n\n  public setElementDisabledState(\n    elementRef: ElementRef,\n    disabled: boolean\n  ): void {\n    this.renderer.setProperty(elementRef.nativeElement, 'disabled', disabled);\n  }\n\n  public setElementPlaceholder(\n    elementRef: ElementRef,\n    placeholder: string\n  ): void {\n    this.renderer.setAttribute(\n      elementRef.nativeElement,\n      'placeholder',\n      placeholder\n    );\n  }\n\n  public setElementType(elementRef: ElementRef): void {\n    this.renderer.setAttribute(elementRef.nativeElement, 'type', 'tel');\n  }\n\n  public setElementValue(elementRef: ElementRef, value: string): void {\n    if (value) {\n      this.renderer.setProperty(elementRef.nativeElement, 'value', value);\n    }\n  }\n\n  public setAriaLabel(element: ElementRef): void {\n    /* Sanity check */\n    /* istanbul ignore else */\n    if (!element.nativeElement.getAttribute('aria-label')) {\n      this.resourcesService\n        .getString('skyux_phone_field_default_label')\n        .pipe(takeUntil(this.ngUnsubscribe))\n        .subscribe((value: string) => {\n          this.renderer.setAttribute(\n            element.nativeElement,\n            'aria-label',\n            value\n          );\n        });\n    }\n  }\n\n  public focusCountrySearchElement(el: Element): void {\n    const input: HTMLElement = el.querySelector('textarea');\n    input.focus();\n  }\n\n  public focusPhoneInput(el: Element): void {\n    const input: HTMLElement = el.querySelector(\n      '.sky-phone-field-container input'\n    );\n    input.focus();\n  }\n}\n"]}

package/esm2015/lib/modules/phone-field/phone-field-input.directive.js

@@ -1,280 +0,0 @@
-import { ChangeDetectorRef, Directive, ElementRef, HostListener, Input, Optional, forwardRef, } from '@angular/core';
-import { NG_VALIDATORS, NG_VALUE_ACCESSOR, } from '@angular/forms';
-import { PhoneNumberFormat, PhoneNumberUtil } from 'google-libphonenumber';
-import { BehaviorSubject, Subject } from 'rxjs';
-import { debounceTime, takeUntil } from 'rxjs/operators';
-import { SkyPhoneFieldAdapterService } from './phone-field-adapter.service';
-import { SkyPhoneFieldComponent } from './phone-field.component';
-import * as i0 from "@angular/core";
-import * as i1 from "./phone-field-adapter.service";
-import * as i2 from "./phone-field.component";
-// tslint:disable:no-forward-ref no-use-before-declare
-const SKY_PHONE_FIELD_VALUE_ACCESSOR = {
-    provide: NG_VALUE_ACCESSOR,
-    useExisting: forwardRef(() => SkyPhoneFieldInputDirective),
-    multi: true,
-};
-const SKY_PHONE_FIELD_VALIDATOR = {
-    provide: NG_VALIDATORS,
-    useExisting: forwardRef(() => SkyPhoneFieldInputDirective),
-    multi: true,
-};
-// tslint:enable
-/**
- * Creates a button, search input, and text input for entering and validating
- * international phone numbers. Place this attribute on an `input` element, and wrap
- * that element in a `sky-phone-field` component. By default, the country selector
- * button displays a flag icon for the default country, and the phone number input
- * displays a sample of the correct phone number format. When users select the country
- * selector button, they expose the country search input, which is
- * [an autocomplete input](https://developer.blackbaud.com/skyux/components/autocomplete)
- * that allows them to select different countries. When users enter `+` followed by an
- * international dial code in the phone number input, the country automatically switches
- * to the country associated with the dial code.
- * @required
- */
-export class SkyPhoneFieldInputDirective {
-    constructor(changeDetector, elRef, adapterService, phoneFieldComponent) {
-        this.changeDetector = changeDetector;
-        this.elRef = elRef;
-        this.adapterService = adapterService;
-        this.phoneFieldComponent = phoneFieldComponent;
-        /**
-         * Indicates whether to prevent validation on the phone number input. For validation,
-         * phone numbers are driven through the `ngModel` attribute that you specify on an
-         * `input` element or on a `FormControl` in a reactive form. To prevent validation,
-         * set this property to `true`.
-         * @default false
-         */
-        this.skyPhoneFieldNoValidate = false;
-        this.ngUnsubscribe = new Subject();
-        this.phoneUtils = PhoneNumberUtil.getInstance();
-        // eslint-disable-next-line @typescript-eslint/no-empty-function
-        this.onChange = (_) => { };
-        // eslint-disable-next-line @typescript-eslint/no-empty-function
-        this.onTouched = () => { };
-        // eslint-disable-next-line @typescript-eslint/no-empty-function
-        this.validatorChange = () => { };
-    }
-    /**
-     * Indicates whether to disable the phone field.
-     * @default false
-     */
-    set disabled(value) {
-        this.phoneFieldComponent.countrySelectDisabled = value;
-        this.adapterService.setElementDisabledState(this.elRef, value);
-        this._disabled = value;
-    }
-    get disabled() {
-        return this._disabled || false;
-    }
-    set modelValue(value) {
-        this._modelValue = value;
-        this.adapterService.setElementValue(this.elRef, value);
-        if (value) {
-            const formattedValue = this.formatNumber(value.toString());
-            this.onChange(formattedValue);
-        }
-        else {
-            this.onChange(value);
-        }
-        this.validatorChange();
-    }
-    get modelValue() {
-        return this._modelValue;
-    }
-    ngOnInit() {
-        if (!this.phoneFieldComponent) {
-            throw new Error('You must wrap the `skyPhoneFieldInput` directive within a ' +
-                '`<sky-phone-field>` component!');
-        }
-        this.adapterService.setElementType(this.elRef);
-        this.adapterService.addElementClass(this.elRef, 'sky-form-control');
-        if (this.phoneFieldComponent.selectedCountry) {
-            this.adapterService.setElementPlaceholder(this.elRef, this.phoneFieldComponent.selectedCountry.exampleNumber);
-        }
-        this.adapterService.setAriaLabel(this.elRef);
-    }
-    ngAfterViewInit() {
-        this.phoneFieldComponent.selectedCountryChange
-            .pipe(takeUntil(this.ngUnsubscribe))
-            .subscribe((country) => {
-            this.modelValue = this.elRef.nativeElement.value;
-            this.adapterService.setElementPlaceholder(this.elRef, country.exampleNumber);
-        });
-        // This is needed to address a bug in Angular 4, where the value is not changed on the view.
-        // See: https://github.com/angular/angular/issues/13792
-        /* istanbul ignore else */
-        if (this.control && this.modelValue) {
-            this.control.setValue(this.modelValue, { emitEvent: false });
-            this.changeDetector.detectChanges();
-        }
-    }
-    ngOnDestroy() {
-        this.ngUnsubscribe.next();
-        this.ngUnsubscribe.complete();
-    }
-    /**
-     * Writes the new value for reactive forms on change events on the input element
-     * @param event The change event that was received
-     */
-    onInputChange(event) {
-        if (!this.textChanges) {
-            this.setupTextChangeSubscription(event.target.value);
-        }
-        else {
-            this.textChanges.next(event.target.value);
-        }
-    }
-    /**
-     * Marks reactive form controls as touched on input blur events
-     */
-    onInputBlur() {
-        this.onTouched();
-    }
-    onInputTyping(event) {
-        if (!this.textChanges) {
-            this.setupTextChangeSubscription(event.target.value);
-        }
-        else {
-            this.textChanges.next(event.target.value);
-        }
-    }
-    /**
-     * Writes the new value for reactive forms
-     * @param value The new value for the input
-     */
-    writeValue(value) {
-        this.phoneFieldComponent.setCountryByDialCode(value);
-        this.modelValue = value;
-    }
-    registerOnChange(fn) {
-        this.onChange = fn;
-    }
-    registerOnTouched(fn) {
-        this.onTouched = fn;
-    }
-    registerOnValidatorChange(fn) {
-        this.validatorChange = fn;
-    }
-    /**
-     * Sets the disabled state on the input
-     * @param isDisabled the new value of the input's disabled state
-     */
-    setDisabledState(isDisabled) {
-        this.disabled = isDisabled;
-    }
-    /**
-     * Validate's the form control's current value
-     * @param control the form control for the input
-     */
-    validate(control) {
-        if (!this.control) {
-            this.control = control;
-        }
-        if (this.skyPhoneFieldNoValidate) {
-            return;
-        }
-        const value = control.value;
-        if (!value) {
-            return;
-        }
-        if (this.phoneFieldComponent.selectedCountry &&
-            !this.validateNumber(value)) {
-            if (!this.textChanges) {
-                // Mark the invalid control as touched so that the input's invalid CSS styles appear.
-                // (This is only required when the invalid value is set by the FormControl constructor.)
-                // We don't do this if the input is the active element so that we don't show validation
-                // errors unless it is invalid on initialization or the input has been blurred.
-                control.markAsTouched();
-            }
-            return {
-                skyPhoneField: {
-                    invalid: value,
-                },
-            };
-        }
-    }
-    setupTextChangeSubscription(text) {
-        this.textChanges = new BehaviorSubject(text);
-        this.textChanges
-            .pipe(debounceTime(500), takeUntil(this.ngUnsubscribe))
-            .subscribe((newValue) => {
-            this.writeValue(newValue);
-        });
-    }
-    validateNumber(phoneNumber) {
-        try {
-            const numberObj = this.phoneUtils.parseAndKeepRawInput(phoneNumber, this.phoneFieldComponent.selectedCountry.iso2);
-            if (!this.phoneFieldComponent.allowExtensions &&
-                numberObj.getExtension()) {
-                return false;
-            }
-            return this.phoneUtils.isValidNumber(numberObj);
-        }
-        catch (e) {
-            return false;
-        }
-    }
-    /**
-     * Format's the given phone number based on the currently selected country.
-     * @param phoneNumber The number to format
-     */
-    formatNumber(phoneNumber) {
-        try {
-            const numberObj = this.phoneUtils.parseAndKeepRawInput(phoneNumber, this.phoneFieldComponent.selectedCountry.iso2);
-            if (this.phoneUtils.isPossibleNumber(numberObj)) {
-                switch (this.phoneFieldComponent.returnFormat) {
-                    case 'international':
-                        return this.phoneUtils.format(numberObj, PhoneNumberFormat.INTERNATIONAL);
-                    case 'national':
-                        return this.phoneUtils.format(numberObj, PhoneNumberFormat.NATIONAL);
-                    case 'default':
-                    default:
-                        if (this.phoneFieldComponent.selectedCountry.iso2 !==
-                            this.phoneFieldComponent.defaultCountry) {
-                            return this.phoneUtils.format(numberObj, PhoneNumberFormat.INTERNATIONAL);
-                        }
-                        else {
-                            return this.phoneUtils.format(numberObj, PhoneNumberFormat.NATIONAL);
-                        }
-                }
-            }
-            else {
-                return phoneNumber;
-            }
-        }
-        catch (e) {
-            /* sanity check */
-            /* istanbul ignore next */
-            return phoneNumber;
-        }
-    }
-}
-SkyPhoneFieldInputDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyPhoneFieldInputDirective, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i1.SkyPhoneFieldAdapterService, optional: true }, { token: i2.SkyPhoneFieldComponent, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
-SkyPhoneFieldInputDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: SkyPhoneFieldInputDirective, selector: "[skyPhoneFieldInput]", inputs: { disabled: "disabled", skyPhoneFieldNoValidate: "skyPhoneFieldNoValidate" }, host: { listeners: { "change": "onInputChange($event)", "blur": "onInputBlur()", "input": "onInputTyping($event)" } }, providers: [SKY_PHONE_FIELD_VALUE_ACCESSOR, SKY_PHONE_FIELD_VALIDATOR], ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyPhoneFieldInputDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[skyPhoneFieldInput]',
-                    providers: [SKY_PHONE_FIELD_VALUE_ACCESSOR, SKY_PHONE_FIELD_VALIDATOR],
-                }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i1.SkyPhoneFieldAdapterService, decorators: [{
-                    type: Optional
-                }] }, { type: i2.SkyPhoneFieldComponent, decorators: [{
-                    type: Optional
-                }] }]; }, propDecorators: { disabled: [{
-                type: Input
-            }], skyPhoneFieldNoValidate: [{
-                type: Input
-            }], onInputChange: [{
-                type: HostListener,
-                args: ['change', ['$event']]
-            }], onInputBlur: [{
-                type: HostListener,
-                args: ['blur']
-            }], onInputTyping: [{
-                type: HostListener,
-                args: ['input', ['$event']]
-            }] } });
-//# sourceMappingURL=phone-field-input.directive.js.map

package/esm2015/lib/modules/phone-field/phone-field-input.directive.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"phone-field-input.directive.js","sourceRoot":"","sources":["../../../../../../../../libs/components/phone-field/src/lib/modules/phone-field/phone-field-input.directive.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n  AfterViewInit,\n  ChangeDetectorRef,\n  Directive,\n  ElementRef,\n  HostListener,\n  Input,\n  OnDestroy,\n  OnInit,\n  Optional,\n  forwardRef,\n} from '@angular/core';\nimport {\n  AbstractControl,\n  ControlValueAccessor,\n  NG_VALIDATORS,\n  NG_VALUE_ACCESSOR,\n  ValidationErrors,\n  Validator,\n} from '@angular/forms';\n\nimport { PhoneNumberFormat, PhoneNumberUtil } from 'google-libphonenumber';\nimport { BehaviorSubject, Subject } from 'rxjs';\nimport { debounceTime, takeUntil } from 'rxjs/operators';\n\nimport { SkyPhoneFieldAdapterService } from './phone-field-adapter.service';\nimport { SkyPhoneFieldComponent } from './phone-field.component';\nimport { SkyPhoneFieldCountry } from './types/country';\n\n// tslint:disable:no-forward-ref no-use-before-declare\nconst SKY_PHONE_FIELD_VALUE_ACCESSOR = {\n  provide: NG_VALUE_ACCESSOR,\n  useExisting: forwardRef(() => SkyPhoneFieldInputDirective),\n  multi: true,\n};\n\nconst SKY_PHONE_FIELD_VALIDATOR = {\n  provide: NG_VALIDATORS,\n  useExisting: forwardRef(() => SkyPhoneFieldInputDirective),\n  multi: true,\n};\n// tslint:enable\n\n/**\n * Creates a button, search input, and text input for entering and validating\n * international phone numbers. Place this attribute on an `input` element, and wrap\n * that element in a `sky-phone-field` component. By default, the country selector\n * button displays a flag icon for the default country, and the phone number input\n * displays a sample of the correct phone number format. When users select the country\n * selector button, they expose the country search input, which is\n * [an autocomplete input](https://developer.blackbaud.com/skyux/components/autocomplete)\n * that allows them to select different countries. When users enter `+` followed by an\n * international dial code in the phone number input, the country automatically switches\n * to the country associated with the dial code.\n * @required\n */\n@Directive({\n  selector: '[skyPhoneFieldInput]',\n  providers: [SKY_PHONE_FIELD_VALUE_ACCESSOR, SKY_PHONE_FIELD_VALIDATOR],\n})\nexport class SkyPhoneFieldInputDirective\n  implements OnInit, OnDestroy, AfterViewInit, ControlValueAccessor, Validator\n{\n  /**\n   * Indicates whether to disable the phone field.\n   * @default false\n   */\n  @Input()\n  public set disabled(value: boolean) {\n    this.phoneFieldComponent.countrySelectDisabled = value;\n    this.adapterService.setElementDisabledState(this.elRef, value);\n    this._disabled = value;\n  }\n\n  public get disabled(): boolean {\n    return this._disabled || false;\n  }\n\n  /**\n   * Indicates whether to prevent validation on the phone number input. For validation,\n   * phone numbers are driven through the `ngModel` attribute that you specify on an\n   * `input` element or on a `FormControl` in a reactive form. To prevent validation,\n   * set this property to `true`.\n   * @default false\n   */\n  @Input()\n  public skyPhoneFieldNoValidate = false;\n\n  private set modelValue(value: string) {\n    this._modelValue = value;\n\n    this.adapterService.setElementValue(this.elRef, value);\n\n    if (value) {\n      const formattedValue = this.formatNumber(value.toString());\n\n      this.onChange(formattedValue);\n    } else {\n      this.onChange(value);\n    }\n    this.validatorChange();\n  }\n\n  private get modelValue(): string {\n    return this._modelValue;\n  }\n\n  private control: AbstractControl;\n\n  private textChanges: BehaviorSubject<string>;\n\n  private ngUnsubscribe = new Subject();\n\n  private phoneUtils = PhoneNumberUtil.getInstance();\n\n  private _disabled: boolean;\n\n  private _modelValue: string;\n\n  public constructor(\n    private changeDetector: ChangeDetectorRef,\n    private elRef: ElementRef,\n    @Optional() private adapterService: SkyPhoneFieldAdapterService,\n    @Optional() private phoneFieldComponent: SkyPhoneFieldComponent\n  ) {}\n\n  public ngOnInit(): void {\n    if (!this.phoneFieldComponent) {\n      throw new Error(\n        'You must wrap the `skyPhoneFieldInput` directive within a ' +\n          '`<sky-phone-field>` component!'\n      );\n    }\n\n    this.adapterService.setElementType(this.elRef);\n    this.adapterService.addElementClass(this.elRef, 'sky-form-control');\n    if (this.phoneFieldComponent.selectedCountry) {\n      this.adapterService.setElementPlaceholder(\n        this.elRef,\n        this.phoneFieldComponent.selectedCountry.exampleNumber\n      );\n    }\n\n    this.adapterService.setAriaLabel(this.elRef);\n  }\n\n  public ngAfterViewInit(): void {\n    this.phoneFieldComponent.selectedCountryChange\n      .pipe(takeUntil(this.ngUnsubscribe))\n      .subscribe((country: SkyPhoneFieldCountry) => {\n        this.modelValue = this.elRef.nativeElement.value;\n        this.adapterService.setElementPlaceholder(\n          this.elRef,\n          country.exampleNumber\n        );\n      });\n\n    // This is needed to address a bug in Angular 4, where the value is not changed on the view.\n    // See: https://github.com/angular/angular/issues/13792\n    /* istanbul ignore else */\n    if (this.control && this.modelValue) {\n      this.control.setValue(this.modelValue, { emitEvent: false });\n      this.changeDetector.detectChanges();\n    }\n  }\n\n  public ngOnDestroy(): void {\n    this.ngUnsubscribe.next();\n    this.ngUnsubscribe.complete();\n  }\n\n  /**\n   * Writes the new value for reactive forms on change events on the input element\n   * @param event The change event that was received\n   */\n  @HostListener('change', ['$event'])\n  public onInputChange(event: any): void {\n    if (!this.textChanges) {\n      this.setupTextChangeSubscription(event.target.value);\n    } else {\n      this.textChanges.next(event.target.value);\n    }\n  }\n\n  /**\n   * Marks reactive form controls as touched on input blur events\n   */\n  @HostListener('blur')\n  public onInputBlur(): void {\n    this.onTouched();\n  }\n\n  @HostListener('input', ['$event'])\n  public onInputTyping(event: any): void {\n    if (!this.textChanges) {\n      this.setupTextChangeSubscription(event.target.value);\n    } else {\n      this.textChanges.next(event.target.value);\n    }\n  }\n\n  /**\n   * Writes the new value for reactive forms\n   * @param value The new value for the input\n   */\n  public writeValue(value: string): void {\n    this.phoneFieldComponent.setCountryByDialCode(value);\n\n    this.modelValue = value;\n  }\n\n  public registerOnChange(fn: (value: any) => any): void {\n    this.onChange = fn;\n  }\n\n  public registerOnTouched(fn: () => any): void {\n    this.onTouched = fn;\n  }\n\n  public registerOnValidatorChange(fn: () => void): void {\n    this.validatorChange = fn;\n  }\n\n  /**\n   * Sets the disabled state on the input\n   * @param isDisabled the new value of the input's disabled state\n   */\n  public setDisabledState(isDisabled: boolean): void {\n    this.disabled = isDisabled;\n  }\n\n  /**\n   * Validate's the form control's current value\n   * @param control the form control for the input\n   */\n  public validate(control: AbstractControl): ValidationErrors {\n    if (!this.control) {\n      this.control = control;\n    }\n\n    if (this.skyPhoneFieldNoValidate) {\n      return;\n    }\n\n    const value = control.value;\n\n    if (!value) {\n      return;\n    }\n\n    if (\n      this.phoneFieldComponent.selectedCountry &&\n      !this.validateNumber(value)\n    ) {\n      if (!this.textChanges) {\n        // Mark the invalid control as touched so that the input's invalid CSS styles appear.\n        // (This is only required when the invalid value is set by the FormControl constructor.)\n        // We don't do this if the input is the active element so that we don't show validation\n        // errors unless it is invalid on initialization or the input has been blurred.\n        control.markAsTouched();\n      }\n\n      return {\n        skyPhoneField: {\n          invalid: value,\n        },\n      };\n    }\n  }\n\n  private setupTextChangeSubscription(text: string) {\n    this.textChanges = new BehaviorSubject(text);\n\n    this.textChanges\n      .pipe(debounceTime(500), takeUntil(this.ngUnsubscribe))\n      .subscribe((newValue) => {\n        this.writeValue(newValue);\n      });\n  }\n\n  private validateNumber(phoneNumber: string): boolean {\n    try {\n      const numberObj = this.phoneUtils.parseAndKeepRawInput(\n        phoneNumber,\n        this.phoneFieldComponent.selectedCountry.iso2\n      );\n\n      if (\n        !this.phoneFieldComponent.allowExtensions &&\n        numberObj.getExtension()\n      ) {\n        return false;\n      }\n\n      return this.phoneUtils.isValidNumber(numberObj);\n    } catch (e) {\n      return false;\n    }\n  }\n\n  /**\n   * Format's the given phone number based on the currently selected country.\n   * @param phoneNumber The number to format\n   */\n  private formatNumber(phoneNumber: string): string {\n    try {\n      const numberObj = this.phoneUtils.parseAndKeepRawInput(\n        phoneNumber,\n        this.phoneFieldComponent.selectedCountry.iso2\n      );\n      if (this.phoneUtils.isPossibleNumber(numberObj)) {\n        switch (this.phoneFieldComponent.returnFormat) {\n          case 'international':\n            return this.phoneUtils.format(\n              numberObj,\n              PhoneNumberFormat.INTERNATIONAL\n            );\n          case 'national':\n            return this.phoneUtils.format(\n              numberObj,\n              PhoneNumberFormat.NATIONAL\n            );\n          case 'default':\n          default:\n            if (\n              this.phoneFieldComponent.selectedCountry.iso2 !==\n              this.phoneFieldComponent.defaultCountry\n            ) {\n              return this.phoneUtils.format(\n                numberObj,\n                PhoneNumberFormat.INTERNATIONAL\n              );\n            } else {\n              return this.phoneUtils.format(\n                numberObj,\n                PhoneNumberFormat.NATIONAL\n              );\n            }\n        }\n      } else {\n        return phoneNumber;\n      }\n    } catch (e) {\n      /* sanity check */\n      /* istanbul ignore next */\n      return phoneNumber;\n    }\n  }\n\n  // eslint-disable-next-line @typescript-eslint/no-empty-function\n  private onChange = (_: any) => {};\n\n  // eslint-disable-next-line @typescript-eslint/no-empty-function\n  private onTouched = () => {};\n\n  // eslint-disable-next-line @typescript-eslint/no-empty-function\n  private validatorChange = () => {};\n}\n"]}