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

package/esm2015/lib/modules/phone-field/phone-field.component.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"phone-field.component.js","sourceRoot":"","sources":["../../../../../../../../libs/components/phone-field/src/lib/modules/phone-field/phone-field.component.ts","../../../../../../../../libs/components/phone-field/src/lib/modules/phone-field/phone-field.component.html"],"names":[],"mappings":"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","sourcesContent":["import {\n  AnimationEvent,\n  animate,\n  style,\n  transition,\n  trigger,\n} from '@angular/animations';\nimport {\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  Component,\n  EventEmitter,\n  Input,\n  OnDestroy,\n  OnInit,\n  Optional,\n  Output,\n  SkipSelf,\n  TemplateRef,\n  ViewChild,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { FormBuilder, FormControl, FormGroup } from '@angular/forms';\nimport { SkyInputBoxHostService } from '@skyux/forms';\nimport { SkyCountryFieldCountry } from '@skyux/lookup';\nimport { SkyThemeService } from '@skyux/theme';\n\nimport {\n  PhoneNumberFormat,\n  PhoneNumberType,\n  PhoneNumberUtil,\n} from 'google-libphonenumber';\nimport 'intl-tel-input';\n\nimport { SkyPhoneFieldAdapterService } from './phone-field-adapter.service';\nimport { SkyPhoneFieldCountry } from './types/country';\nimport { SkyPhoneFieldNumberReturnFormat } from './types/number-return-format';\n\n// NOTE: The no-op animation is here in order to block the input's \"fade in\" animation\n// from firing on initial load. For more information on this technique you can see\n// https://www.bennadel.com/blog/3417-using-no-op-transitions-to-prevent-animation-during-the-initial-render-of-ngfor-in-angular-5-2-6.htm\n@Component({\n  selector: 'sky-phone-field',\n  templateUrl: './phone-field.component.html',\n  styleUrls: ['./phone-field.component.scss'],\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  providers: [\n    SkyPhoneFieldAdapterService,\n    // Prevents the embedded country field component from changing its behavior based on\n    // being inside an input box. The phone field itself will handle the required changes\n    // for input box.\n    {\n      provide: SkyInputBoxHostService,\n      useValue: undefined,\n    },\n  ],\n  animations: [\n    trigger('blockAnimationOnLoad', [transition(':enter', [])]),\n    trigger('countrySearchAnimation', [\n      transition(':enter', [\n        style({\n          opacity: 0,\n          width: 0,\n        }),\n        animate(\n          '200ms ease-in',\n          style({\n            opacity: 1,\n            width: '*',\n          })\n        ),\n      ]),\n      transition(':leave', [\n        animate(\n          '200ms ease-in',\n          style({\n            opacity: 0,\n            width: 0,\n          })\n        ),\n      ]),\n    ]),\n    trigger('phoneInputAnimation', [\n      transition(':enter', [\n        style({\n          opacity: 0,\n        }),\n        animate(\n          '150ms ease-in',\n          style({\n            opacity: 1,\n          })\n        ),\n      ]),\n      transition(':leave', [\n        animate(\n          '150ms ease-in',\n          style({\n            opacity: 0,\n          })\n        ),\n      ]),\n    ]),\n  ],\n})\nexport class SkyPhoneFieldComponent implements OnDestroy, OnInit {\n  /**\n   * Indicates whether or not phone number extensions are allowed.\n   * @default true\n   */\n  @Input()\n  public allowExtensions = true;\n\n  /**\n   * Specifies the\n   * [International Organization for Standardization Alpha 2](https://www.nationsonline.org/oneworld/country_code_list.htm)\n   * country code for the default country. The country selector button displays a flag\n   * icon for this default country until users select a different country.\n   * @default \"us\"\n   */\n  @Input()\n  public set defaultCountry(value: string) {\n    if (value && value !== this._defaultCountry) {\n      this._defaultCountry = value.toLowerCase();\n\n      this.defaultCountryData = this.countries.find(\n        (country) => country.iso2 === this._defaultCountry\n      );\n    }\n  }\n\n  public get defaultCountry(): string {\n    return this._defaultCountry;\n  }\n\n  /**\n   * Specifies the format for validated phone numbers.\n   * Options include: `\"default\"`, `\"international\"`, and `\"national\"`.\n   * @default \"default\"\n   */\n  @Input()\n  public returnFormat: SkyPhoneFieldNumberReturnFormat = 'default';\n\n  /**\n   * Specifies the [International Organization for Standardization Alpha 2](https://www.nationsonline.org/oneworld/country_code_list.htm)\n   * country codes for the countries that users can select. By default, all countries are available.\n   */\n  @Input()\n  public supportedCountryISOs: string[];\n\n  /**\n   * Emits a `SkyPhoneFieldCountry` object when the selected country in the country search\n   * input changes.\n   */\n\n  @Output()\n  public selectedCountryChange = new EventEmitter<SkyPhoneFieldCountry>();\n\n  public countries: SkyPhoneFieldCountry[];\n\n  public countrySelectDisabled = false;\n\n  public countrySearchShown = false;\n\n  public phoneInputShown = true;\n\n  public countrySearchForm: FormGroup;\n\n  /**\n   * Specifies the currently selected country to validate against.\n   */\n  @Input()\n  public set selectedCountry(newCountry: SkyPhoneFieldCountry) {\n    if (\n      newCountry &&\n      (!this._selectedCountry || this._selectedCountry.iso2 !== newCountry.iso2)\n    ) {\n      this._selectedCountry = this.countries.find(\n        (country) => country.iso2 === newCountry.iso2\n      );\n\n      if (!this._selectedCountry.exampleNumber) {\n        const numberObj = this.phoneUtils.getExampleNumberForType(\n          newCountry.iso2,\n          PhoneNumberType.FIXED_LINE\n        );\n        this._selectedCountry.exampleNumber = this.phoneUtils.format(\n          numberObj,\n          PhoneNumberFormat.NATIONAL\n        );\n      }\n\n      this.selectedCountryChange.emit(this._selectedCountry);\n    }\n  }\n\n  public get selectedCountry(): SkyPhoneFieldCountry {\n    return this._selectedCountry;\n  }\n\n  @ViewChild('inputTemplateRef', {\n    read: TemplateRef,\n    static: true,\n  })\n  private inputTemplateRef: TemplateRef<any>;\n\n  @ViewChild('countryBtnTemplateRef', {\n    read: TemplateRef,\n    static: true,\n  })\n  private countryBtnTemplateRef: TemplateRef<any>;\n\n  @ViewChild('buttonsInsetTemplateRef', {\n    read: TemplateRef,\n    static: true,\n  })\n  private buttonsInsetTemplateRef: TemplateRef<any>;\n\n  private defaultCountryData: SkyPhoneFieldCountry;\n\n  private phoneInputAnimationTriggered = false;\n\n  private phoneUtils = PhoneNumberUtil.getInstance();\n\n  private longestDialCodeLength = 0;\n\n  private _defaultCountry: string;\n\n  private _selectedCountry: SkyPhoneFieldCountry;\n\n  constructor(\n    private formBuilder: FormBuilder,\n    private adapterService: SkyPhoneFieldAdapterService,\n    private changeDetector: ChangeDetectorRef,\n    @Optional() public themeSvc?: SkyThemeService,\n    @Optional() @SkipSelf() public inputBoxHostSvc?: SkyInputBoxHostService\n  ) {\n    /**\n     * The json functions here ensures that we get a copy of the array and not the global original.\n     * This ensures that multiple instances of the component don't overwrite the original data.\n     *\n     * We must type the window object as any here as the intl-tel-input library adds its object\n     * to the main window object.\n     */\n    this.countries = JSON.parse(\n      JSON.stringify((window as any).intlTelInputGlobals.getCountryData())\n    );\n    for (const country of this.countries) {\n      country.dialCode = '+' + country.dialCode;\n\n      if (country.dialCode.length > this.longestDialCodeLength) {\n        this.longestDialCodeLength = country.dialCode.length;\n      }\n    }\n\n    this.countrySearchForm = this.formBuilder.group({\n      countrySearch: new FormControl(),\n    });\n  }\n\n  public ngOnInit(): void {\n    // The timeout here is needed to avoid a change before checked error when a user specifies\n    // a selected country on initialization of the component.\n    setTimeout(() => {\n      if (this.inputBoxHostSvc) {\n        this.inputBoxHostSvc.populate({\n          inputTemplate: this.inputTemplateRef,\n          buttonsInsetTemplate: this.buttonsInsetTemplateRef,\n          buttonsLeftTemplate: this.countryBtnTemplateRef,\n        });\n      }\n\n      if (!this.defaultCountry) {\n        this.defaultCountry = 'us';\n      }\n\n      if (!this.selectedCountry) {\n        this.selectedCountry = this.defaultCountryData;\n      }\n      this.changeDetector.markForCheck();\n    }, 0);\n\n    this.countrySearchForm\n      .get('countrySearch')\n      .valueChanges.subscribe((newValue: SkyCountryFieldCountry) => {\n        if (newValue && newValue.iso2 !== this.selectedCountry.iso2) {\n          this.selectedCountry = newValue;\n        }\n      });\n  }\n\n  public ngOnDestroy(): void {\n    this.selectedCountryChange.complete();\n  }\n\n  /**\n   * Sets the country to validate against based on the county's iso2 code.\n   * @param countryCode The International Organization for Standardization's two-letter code\n   * for the default country.\n   * @internal\n   */\n  public onCountrySelected(newCountry: SkyCountryFieldCountry): void {\n    if (newCountry) {\n      this.selectedCountry = this.countries.find(\n        (countryInfo) => countryInfo.iso2 === newCountry.iso2\n      );\n      this.toggleCountrySearch(false);\n    }\n  }\n\n  public toggleCountrySearch(showSearch: boolean): void {\n    this.phoneInputAnimationTriggered = true;\n\n    if (showSearch) {\n      this.phoneInputShown = false;\n    } else {\n      this.countrySearchShown = false;\n\n      this.countrySearchForm.get('countrySearch').setValue(undefined);\n    }\n\n    this.changeDetector.markForCheck();\n  }\n\n  public countrySearchAnimationEnd(e: AnimationEvent) {\n    if (!this.countrySearchShown) {\n      this.phoneInputShown = true;\n    } else {\n      this.adapterService.focusCountrySearchElement(e.element);\n    }\n\n    this.changeDetector.markForCheck();\n  }\n\n  public phoneInputAnimationEnd(e: AnimationEvent) {\n    if (!this.phoneInputShown) {\n      this.countrySearchShown = true;\n    } else {\n      if (this.phoneInputAnimationTriggered) {\n        this.adapterService.focusPhoneInput(e.element);\n        this.phoneInputAnimationTriggered = false;\n      }\n    }\n\n    this.changeDetector.markForCheck();\n  }\n\n  public setCountryByDialCode(phoneNumber: string): boolean {\n    if (!phoneNumber || !phoneNumber.startsWith('+')) {\n      return false;\n    }\n\n    let newCountry: SkyPhoneFieldCountry;\n\n    for (let i = 1; i < this.longestDialCodeLength + 1; i++) {\n      const dialCode = phoneNumber.substring(0, i);\n\n      let foundCountry = this.countries.find(\n        (country) => country.dialCode === dialCode && country.priority === 0\n      );\n\n      if (foundCountry) {\n        // Ensure that the country that was found is one of the supported countries\n        if (\n          this.supportedCountryISOs &&\n          this.supportedCountryISOs.findIndex(\n            (isoCode) =>\n              isoCode.toUpperCase() === foundCountry.iso2.toUpperCase()\n          ) < 0\n        ) {\n          foundCountry = undefined;\n        }\n\n        if (foundCountry !== this.selectedCountry) {\n          newCountry = foundCountry;\n        }\n      }\n    }\n\n    if (newCountry) {\n      this.selectedCountry = newCountry;\n      this.changeDetector.markForCheck();\n      return true;\n    }\n\n    return false;\n  }\n}\n","<ng-container *ngIf=\"!inputBoxHostSvc\">\n  <div class=\"sky-input-group sky-phone-field\" [@blockAnimationOnLoad]>\n    <ng-container *ngTemplateOutlet=\"countryBtnTemplateRef\"></ng-container>\n    <ng-container *ngTemplateOutlet=\"inputTemplateRef\"></ng-container>\n    <ng-container *ngTemplateOutlet=\"buttonsInsetTemplateRef\"></ng-container>\n  </div>\n</ng-container>\n\n<ng-template #countryBtnTemplateRef>\n  <div\n    class=\"sky-input-group-btn sky-phone-field-country-btn\"\n    [attr.data-sky-test-iso2]=\"selectedCountry?.iso2\"\n    [attr.data-sky-test-name]=\"selectedCountry?.name\"\n  >\n    <button\n      aria-live=\"polite\"\n      class=\"sky-btn sky-btn-default\"\n      type=\"button\"\n      [attr.title]=\"\n        ('skyux_phone_field_country_select_label' | skyLibResources) +\n        ' ' +\n        ('skyux_phone_field_country_selected_label'\n          | skyLibResources: selectedCountry?.name)\n      \"\n      [attr.aria-label]=\"\n        ('skyux_phone_field_country_select_label' | skyLibResources) +\n        ' ' +\n        ('skyux_phone_field_country_selected_label'\n          | skyLibResources: selectedCountry?.name)\n      \"\n      [disabled]=\"countrySelectDisabled\"\n      (click)=\"toggleCountrySearch(true)\"\n    >\n      <div\n        class=\"sky-phone-field-flag iti-flag\"\n        [ngClass]=\"selectedCountry?.iso2\"\n      ></div>\n    </button>\n  </div>\n</ng-template>\n\n<ng-template #inputTemplateRef>\n  <span\n    *ngIf=\"phoneInputShown\"\n    class=\"sky-phone-field-container\"\n    [@.disabled]=\"\n      inputBoxHostSvc &&\n      (themeSvc?.settingsChange | async)?.currentSettings?.theme?.name ===\n        'modern'\n    \"\n    [@phoneInputAnimation]=\"phoneInputShown ? 'open' : 'closed'\"\n    (@phoneInputAnimation.done)=\"phoneInputAnimationEnd($event)\"\n  >\n    <ng-content></ng-content>\n  </span>\n  <span\n    *ngIf=\"countrySearchShown\"\n    class=\"sky-phone-field-container\"\n    [@.disabled]=\"\n      inputBoxHostSvc &&\n      (themeSvc?.settingsChange | async)?.currentSettings?.theme?.name ===\n        'modern'\n    \"\n    [@countrySearchAnimation]=\"countrySearchShown ? 'open' : 'closed'\"\n    (@countrySearchAnimation.done)=\"countrySearchAnimationEnd($event)\"\n  >\n    <div class=\"sky-phone-field-country-search\" [formGroup]=\"countrySearchForm\">\n      <sky-country-field\n        formControlName=\"countrySearch\"\n        [defaultCountry]=\"defaultCountry\"\n        [hideSelectedCountryFlag]=\"true\"\n        [includePhoneInfo]=\"true\"\n        [supportedCountryISOs]=\"supportedCountryISOs\"\n        (selectedCountryChange)=\"onCountrySelected($event)\"\n      >\n      </sky-country-field>\n    </div>\n  </span>\n</ng-template>\n\n<ng-template #buttonsInsetTemplateRef>\n  <div\n    *ngIf=\"countrySearchShown\"\n    class=\"sky-input-group-btn sky-input-box-btn-inset sky-search-item-dismiss\"\n  >\n    <button\n      class=\"sky-btn sky-phone-field-search-btn-dismiss\"\n      type=\"button\"\n      [attr.title]=\"\n        'skyux_phone_field_country_search_dismiss' | skyLibResources\n      \"\n      [ngClass]=\"{\n        'sky-btn-default':\n          (themeSvc?.settingsChange | async)?.currentSettings?.theme?.name ===\n          'modern'\n      }\"\n      (click)=\"toggleCountrySearch(false)\"\n    >\n      <sky-icon *skyThemeIf=\"'default'\" icon=\"chevron-circle-left\" size=\"lg\">\n      </sky-icon>\n      <sky-icon\n        *skyThemeIf=\"'modern'\"\n        icon=\"double-chevron-left\"\n        iconType=\"skyux\"\n        size=\"2x\"\n      >\n      </sky-icon>\n    </button>\n  </div>\n</ng-template>\n\n<ng-template let-item=\"item\" #countrySearchResultTemplate>\n  <div class=\"sky-phone-field-search-result\">\n    <i\n      aria-hidden=\"true\"\n      [className]=\"'sky-phone-field-flag iti-flag ' + item.iso2\"\n    ></i>\n    {{ item.name }}\n    <span class=\"sky-deemphasized\">{{ item.dialCode }}</span>\n  </div>\n</ng-template>\n"]}

package/esm2015/lib/modules/phone-field/phone-field.module.js

@@ -1,50 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { FormsModule, ReactiveFormsModule } from '@angular/forms';
-import { SkyI18nModule } from '@skyux/i18n';
-import { SkyIconModule } from '@skyux/indicators';
-import { SkyCountryFieldModule } from '@skyux/lookup';
-import { SkyThemeModule } from '@skyux/theme';
-import { SkyPhoneFieldResourcesModule } from '../shared/sky-phone-field-resources.module';
-import { SkyPhoneFieldInputDirective } from './phone-field-input.directive';
-import { SkyPhoneFieldComponent } from './phone-field.component';
-import * as i0 from "@angular/core";
-export class SkyPhoneFieldModule {
-}
-SkyPhoneFieldModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyPhoneFieldModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-SkyPhoneFieldModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyPhoneFieldModule, declarations: [SkyPhoneFieldComponent, SkyPhoneFieldInputDirective], imports: [CommonModule,
-        FormsModule,
-        ReactiveFormsModule,
-        SkyCountryFieldModule,
-        SkyI18nModule,
-        SkyIconModule,
-        SkyPhoneFieldResourcesModule,
-        SkyThemeModule], exports: [SkyPhoneFieldComponent, SkyPhoneFieldInputDirective] });
-SkyPhoneFieldModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyPhoneFieldModule, imports: [[
-            CommonModule,
-            FormsModule,
-            ReactiveFormsModule,
-            SkyCountryFieldModule,
-            SkyI18nModule,
-            SkyIconModule,
-            SkyPhoneFieldResourcesModule,
-            SkyThemeModule,
-        ]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyPhoneFieldModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [SkyPhoneFieldComponent, SkyPhoneFieldInputDirective],
-                    imports: [
-                        CommonModule,
-                        FormsModule,
-                        ReactiveFormsModule,
-                        SkyCountryFieldModule,
-                        SkyI18nModule,
-                        SkyIconModule,
-                        SkyPhoneFieldResourcesModule,
-                        SkyThemeModule,
-                    ],
-                    exports: [SkyPhoneFieldComponent, SkyPhoneFieldInputDirective],
-                }]
-        }] });
-//# sourceMappingURL=phone-field.module.js.map

package/esm2015/lib/modules/phone-field/phone-field.module.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"phone-field.module.js","sourceRoot":"","sources":["../../../../../../../../libs/components/phone-field/src/lib/modules/phone-field/phone-field.module.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,WAAW,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAClE,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAC;AACtD,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAE9C,OAAO,EAAE,4BAA4B,EAAE,MAAM,4CAA4C,CAAC;AAE1F,OAAO,EAAE,2BAA2B,EAAE,MAAM,+BAA+B,CAAC;AAC5E,OAAO,EAAE,sBAAsB,EAAE,MAAM,yBAAyB,CAAC;;AAgBjE,MAAM,OAAO,mBAAmB;;iHAAnB,mBAAmB;kHAAnB,mBAAmB,iBAbf,sBAAsB,EAAE,2BAA2B,aAEhE,YAAY;QACZ,WAAW;QACX,mBAAmB;QACnB,qBAAqB;QACrB,aAAa;QACb,aAAa;QACb,4BAA4B;QAC5B,cAAc,aAEN,sBAAsB,EAAE,2BAA2B;kHAElD,mBAAmB,YAZrB;YACP,YAAY;YACZ,WAAW;YACX,mBAAmB;YACnB,qBAAqB;YACrB,aAAa;YACb,aAAa;YACb,4BAA4B;YAC5B,cAAc;SACf;4FAGU,mBAAmB;kBAd/B,QAAQ;mBAAC;oBACR,YAAY,EAAE,CAAC,sBAAsB,EAAE,2BAA2B,CAAC;oBACnE,OAAO,EAAE;wBACP,YAAY;wBACZ,WAAW;wBACX,mBAAmB;wBACnB,qBAAqB;wBACrB,aAAa;wBACb,aAAa;wBACb,4BAA4B;wBAC5B,cAAc;qBACf;oBACD,OAAO,EAAE,CAAC,sBAAsB,EAAE,2BAA2B,CAAC;iBAC/D","sourcesContent":["import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\nimport { SkyI18nModule } from '@skyux/i18n';\nimport { SkyIconModule } from '@skyux/indicators';\nimport { SkyCountryFieldModule } from '@skyux/lookup';\nimport { SkyThemeModule } from '@skyux/theme';\n\nimport { SkyPhoneFieldResourcesModule } from '../shared/sky-phone-field-resources.module';\n\nimport { SkyPhoneFieldInputDirective } from './phone-field-input.directive';\nimport { SkyPhoneFieldComponent } from './phone-field.component';\n\n@NgModule({\n  declarations: [SkyPhoneFieldComponent, SkyPhoneFieldInputDirective],\n  imports: [\n    CommonModule,\n    FormsModule,\n    ReactiveFormsModule,\n    SkyCountryFieldModule,\n    SkyI18nModule,\n    SkyIconModule,\n    SkyPhoneFieldResourcesModule,\n    SkyThemeModule,\n  ],\n  exports: [SkyPhoneFieldComponent, SkyPhoneFieldInputDirective],\n})\nexport class SkyPhoneFieldModule {}\n"]}

package/esm2015/lib/modules/phone-field/types/country.js

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=country.js.map

package/esm2015/lib/modules/phone-field/types/country.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"country.js","sourceRoot":"","sources":["../../../../../../../../../libs/components/phone-field/src/lib/modules/phone-field/types/country.ts"],"names":[],"mappings":"","sourcesContent":["export interface SkyPhoneFieldCountry {\n  /**\n   * Specifies the country's\n   * [International Organization for Standardization Alpha 2](https://www.nationsonline.org/oneworld/country_code_list.htm)\n   * country code.\n   * @required\n   */\n  iso2: string;\n  /**\n   * Specifies the country's international dial code.\n   */\n  dialCode?: string;\n  /**\n   * Specifies a placeholder value to demonstrate the country's number format. This\n   * value is `undefined` until a country is selected to validate against.\n   */\n  exampleNumber?: string;\n  /**\n   * Specifies the name of the country.\n   */\n  name?: string;\n  // NOTE: We intentionally don't document these properties as they are internal use properties\n  /**\n   * @internal\n   */\n  priority?: number;\n  /**\n   * @internal\n   */\n  areaCodes?: string[];\n}\n"]}

package/esm2015/lib/modules/phone-field/types/number-return-format.js

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=number-return-format.js.map

package/esm2015/lib/modules/phone-field/types/number-return-format.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"number-return-format.js","sourceRoot":"","sources":["../../../../../../../../../libs/components/phone-field/src/lib/modules/phone-field/types/number-return-format.ts"],"names":[],"mappings":"","sourcesContent":["/**\n * Represents the format for validated phone numbers. `default` returns the national format for the\n * default country, `national` returns the national format for all countries, and `international`\n * returns the international format for all countries.\n */\nexport type SkyPhoneFieldNumberReturnFormat =\n  | 'default'\n  | 'international'\n  | 'national';\n"]}

package/esm2015/lib/modules/shared/sky-phone-field-resources.module.js

@@ -1,60 +0,0 @@
-/**
- * NOTICE: DO NOT MODIFY THIS FILE!
- * The contents of this file were automatically generated by
- * the 'ng generate @skyux/i18n:lib-resources-module lib/modules/shared/sky-phone-field' schematic.
- * To update this file, simply rerun the command.
- */
-import { NgModule } from '@angular/core';
-import { SKY_LIB_RESOURCES_PROVIDERS, SkyI18nModule, getLibStringForLocale, } from '@skyux/i18n';
-import * as i0 from "@angular/core";
-const RESOURCES = {
-    'EN-US': {
-        skyux_phone_field_default_label: { message: 'Phone number' },
-        skyux_phone_field_country_search_dismiss: {
-            message: 'Dismiss country search',
-        },
-        skyux_phone_field_country_search_label: {
-            message: 'Dismiss country search',
-        },
-        skyux_phone_field_country_search_placeholder: {
-            message: 'Search for a country',
-        },
-        skyux_phone_field_country_select_label: { message: 'Choose country.' },
-        skyux_phone_field_country_selected_label: {
-            message: '{0} is currently selected.',
-        },
-    },
-};
-export class SkyPhoneFieldResourcesProvider {
-    getString(localeInfo, name) {
-        return getLibStringForLocale(RESOURCES, localeInfo.locale, name);
-    }
-}
-/**
- * Import into any component library module that needs to use resource strings.
- */
-export class SkyPhoneFieldResourcesModule {
-}
-SkyPhoneFieldResourcesModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyPhoneFieldResourcesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-SkyPhoneFieldResourcesModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyPhoneFieldResourcesModule, exports: [SkyI18nModule] });
-SkyPhoneFieldResourcesModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyPhoneFieldResourcesModule, providers: [
-        {
-            provide: SKY_LIB_RESOURCES_PROVIDERS,
-            useClass: SkyPhoneFieldResourcesProvider,
-            multi: true,
-        },
-    ], imports: [SkyI18nModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyPhoneFieldResourcesModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    exports: [SkyI18nModule],
-                    providers: [
-                        {
-                            provide: SKY_LIB_RESOURCES_PROVIDERS,
-                            useClass: SkyPhoneFieldResourcesProvider,
-                            multi: true,
-                        },
-                    ],
-                }]
-        }] });
-//# sourceMappingURL=sky-phone-field-resources.module.js.map

package/esm2015/lib/modules/shared/sky-phone-field-resources.module.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"sky-phone-field-resources.module.js","sourceRoot":"","sources":["../../../../../../../../libs/components/phone-field/src/lib/modules/shared/sky-phone-field-resources.module.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EACL,2BAA2B,EAE3B,aAAa,EAGb,qBAAqB,GACtB,MAAM,aAAa,CAAC;;AAErB,MAAM,SAAS,GAA0C;IACvD,OAAO,EAAE;QACP,+BAA+B,EAAE,EAAE,OAAO,EAAE,cAAc,EAAE;QAC5D,wCAAwC,EAAE;YACxC,OAAO,EAAE,wBAAwB;SAClC;QACD,sCAAsC,EAAE;YACtC,OAAO,EAAE,wBAAwB;SAClC;QACD,4CAA4C,EAAE;YAC5C,OAAO,EAAE,sBAAsB;SAChC;QACD,sCAAsC,EAAE,EAAE,OAAO,EAAE,iBAAiB,EAAE;QACtE,wCAAwC,EAAE;YACxC,OAAO,EAAE,4BAA4B;SACtC;KACF;CACF,CAAC;AAEF,MAAM,OAAO,8BAA8B;IAClC,SAAS,CACd,UAA4B,EAC5B,IAAY;QAEZ,OAAO,qBAAqB,CAAC,SAAS,EAAE,UAAU,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;IACnE,CAAC;CACF;AAED;;GAEG;AAWH,MAAM,OAAO,4BAA4B;;0HAA5B,4BAA4B;2HAA5B,4BAA4B,YAT7B,aAAa;2HASZ,4BAA4B,aAR5B;QACT;YACE,OAAO,EAAE,2BAA2B;YACpC,QAAQ,EAAE,8BAA8B;YACxC,KAAK,EAAE,IAAI;SACZ;KACF,YAPS,aAAa;4FASZ,4BAA4B;kBAVxC,QAAQ;mBAAC;oBACR,OAAO,EAAE,CAAC,aAAa,CAAC;oBACxB,SAAS,EAAE;wBACT;4BACE,OAAO,EAAE,2BAA2B;4BACpC,QAAQ,EAAE,8BAA8B;4BACxC,KAAK,EAAE,IAAI;yBACZ;qBACF;iBACF","sourcesContent":["/**\n * NOTICE: DO NOT MODIFY THIS FILE!\n * The contents of this file were automatically generated by\n * the 'ng generate @skyux/i18n:lib-resources-module lib/modules/shared/sky-phone-field' schematic.\n * To update this file, simply rerun the command.\n */\nimport { NgModule } from '@angular/core';\nimport {\n  SKY_LIB_RESOURCES_PROVIDERS,\n  SkyAppLocaleInfo,\n  SkyI18nModule,\n  SkyLibResources,\n  SkyLibResourcesProvider,\n  getLibStringForLocale,\n} from '@skyux/i18n';\n\nconst RESOURCES: { [locale: string]: SkyLibResources } = {\n  'EN-US': {\n    skyux_phone_field_default_label: { message: 'Phone number' },\n    skyux_phone_field_country_search_dismiss: {\n      message: 'Dismiss country search',\n    },\n    skyux_phone_field_country_search_label: {\n      message: 'Dismiss country search',\n    },\n    skyux_phone_field_country_search_placeholder: {\n      message: 'Search for a country',\n    },\n    skyux_phone_field_country_select_label: { message: 'Choose country.' },\n    skyux_phone_field_country_selected_label: {\n      message: '{0} is currently selected.',\n    },\n  },\n};\n\nexport class SkyPhoneFieldResourcesProvider implements SkyLibResourcesProvider {\n  public getString(\n    localeInfo: SkyAppLocaleInfo,\n    name: string\n  ): string | undefined {\n    return getLibStringForLocale(RESOURCES, localeInfo.locale, name);\n  }\n}\n\n/**\n * Import into any component library module that needs to use resource strings.\n */\n@NgModule({\n  exports: [SkyI18nModule],\n  providers: [\n    {\n      provide: SKY_LIB_RESOURCES_PROVIDERS,\n      useClass: SkyPhoneFieldResourcesProvider,\n      multi: true,\n    },\n  ],\n})\nexport class SkyPhoneFieldResourcesModule {}\n"]}

package/esm2015/skyux-phone-field.js

@@ -1,5 +0,0 @@
-/**
- * Generated bundle index. Do not edit.
- */
-export * from './index';
-//# sourceMappingURL=skyux-phone-field.js.map

package/esm2015/skyux-phone-field.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"skyux-phone-field.js","sourceRoot":"","sources":["../../../../../libs/components/phone-field/src/skyux-phone-field.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,cAAc,SAAS,CAAC","sourcesContent":["/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"]}

package/esm2015/testing/phonefield/phone-field-fixture.js

@@ -1,185 +0,0 @@
-import { __awaiter } from "tslib";
-import { By } from '@angular/platform-browser';
-import { SkyAppTestUtility } from '@skyux-sdk/testing';
-import { SkyCountryFieldFixture } from '@skyux/lookup/testing';
-/**
- * Provides information for and interaction with a SKY UX phone field component.
- * By using the fixture API, a test insulates itself against updates to the internals
- * of a component, such as changing its DOM structure.
- */
-export class SkyPhoneFieldFixture {
-    constructor(fixture, skyTestId) {
-        this.fixture = fixture;
-        this.skyTestId = skyTestId;
-        this._debugEl = SkyAppTestUtility.getDebugElementByTestId(fixture, skyTestId, 'sky-phone-field');
-        // The country selector needs extra time to initialize.
-        // Consumers shouldn't need to work around this so we do an extra detect here
-        fixture.detectChanges();
-    }
-    /**
-     * The value of the input field for the phone field.
-     */
-    get inputText() {
-        return this.phoneFieldInput.value;
-    }
-    /**
-     * Blurs the phone field input and returns a promise that indicates when the action is complete.
-     */
-    blur() {
-        return __awaiter(this, void 0, void 0, function* () {
-            SkyAppTestUtility.fireDomEvent(this.phoneFieldInput, 'blur');
-            this.fixture.detectChanges();
-            return this.fixture.whenStable();
-        });
-    }
-    /**
-     * Returns the selected country iso2 code.
-     */
-    getSelectedCountryIso2() {
-        return __awaiter(this, void 0, void 0, function* () {
-            // Wait for the country field to initialize.
-            yield this.fixture.whenStable();
-            return this.countryFlagButtonContainer.getAttribute('data-sky-test-iso2');
-        });
-    }
-    /**
-     * Returns the selected country name.
-     */
-    getSelectedCountryName() {
-        return __awaiter(this, void 0, void 0, function* () {
-            // Wait for the country field to initialize.
-            yield this.fixture.whenStable();
-            return this.countryFlagButtonContainer.getAttribute('data-sky-test-name');
-        });
-    }
-    /**
-     * Sets the value of the input field for the phone field.
-     */
-    setInputText(inputText) {
-        return __awaiter(this, void 0, void 0, function* () {
-            const inputEl = this.phoneFieldInput;
-            inputEl.value = inputText;
-            SkyAppTestUtility.fireDomEvent(inputEl, 'input');
-            this.fixture.detectChanges();
-            SkyAppTestUtility.fireDomEvent(inputEl, 'change');
-            this.fixture.detectChanges();
-            return this.fixture.whenStable();
-        });
-    }
-    /**
-     * Opens the country selector, peforms a search, but makes no selection.
-     * @param searchText The name of the country to select.
-     * @returns The list of country names matching the search text.
-     */
-    searchCountry(searchText) {
-        return __awaiter(this, void 0, void 0, function* () {
-            yield this.openCountrySelection();
-            const countryFixture = yield this.getCountryFixture();
-            const results = yield countryFixture.search(searchText);
-            yield this.waitForCountrySelection();
-            return results;
-        });
-    }
-    /**
-     * Opens the country selector, performs a search, and selects the first result (if any).
-     * @param searchText The name of the country to select.
-     */
-    selectCountry(searchText) {
-        return __awaiter(this, void 0, void 0, function* () {
-            yield this.openCountrySelection();
-            const countryFixture = yield this.getCountryFixture();
-            yield countryFixture.searchAndSelectFirstResult(searchText);
-            return this.waitForCountrySelection();
-        });
-    }
-    /**
-     * Gets a boolean promise indicating if the phone field is disabled.
-     */
-    isDisabled() {
-        return __awaiter(this, void 0, void 0, function* () {
-            const disabled = this.phoneFieldInput.getAttribute('disabled');
-            return this.coerceBooleanProperty(yield disabled);
-        });
-    }
-    /**
-     * Gets a boolean promise indicating if the phone field is valid.
-     */
-    isValid() {
-        return __awaiter(this, void 0, void 0, function* () {
-            if (!(yield this.hasFormControl())) {
-                throw new Error(`Form control not found.`);
-            }
-            return this.phoneFieldInput.classList.contains('ng-valid');
-        });
-    }
-    get countryElement() {
-        return this._debugEl.query(By.css('sky-country-field')).nativeElement;
-    }
-    get countryFlagButtonContainer() {
-        return this._debugEl.query(By.css('.sky-phone-field-country-btn'))
-            .nativeElement;
-    }
-    get countryFlagButton() {
-        return this._debugEl.query(By.css('.sky-phone-field-country-btn .sky-btn'))
-            .nativeElement;
-    }
-    get phoneFieldInput() {
-        return this._debugEl.query(By.css('input[skyPhoneFieldInput]'))
-            .nativeElement;
-    }
-    /**
-     * The country-field can take a really long time to initialize. Since we can't perform an await
-     * in our constructor, it's safest to do a lazy load of the country field to avoid any race
-     * conditions where a test tries to access the sky-country-field element too quickly.
-     */
-    getCountryFixture() {
-        return __awaiter(this, void 0, void 0, function* () {
-            if (this._countryFixture === undefined) {
-                // tag the country field with a sky test id
-                const countrySkyTestId = `${this.skyTestId}-country`;
-                this.setSkyTestId(this.countryElement, countrySkyTestId);
-                // initialize the country fixture
-                this._countryFixture = new SkyCountryFieldFixture(this.fixture, countrySkyTestId);
-                this.fixture.detectChanges();
-                yield this.fixture.whenStable();
-            }
-            return this._countryFixture;
-        });
-    }
-    openCountrySelection() {
-        return __awaiter(this, void 0, void 0, function* () {
-            this.countryFlagButton.click();
-            return this.waitForCountrySelection();
-        });
-    }
-    setSkyTestId(element, skyTestId) {
-        element.setAttribute('data-sky-id', skyTestId);
-    }
-    waitForCountrySelection() {
-        return __awaiter(this, void 0, void 0, function* () {
-            // any country selection needs extra time to complete
-            this.fixture.detectChanges();
-            yield this.fixture.whenStable();
-            this.fixture.detectChanges();
-            return this.fixture.whenStable();
-        });
-    }
-    /**
-     * Checks whether the form-field control has set up a form control.
-     */
-    hasFormControl() {
-        return __awaiter(this, void 0, void 0, function* () {
-            // If no form "NgControl" is bound to the form-field control, the form-field
-            // is not able to forward any control status classes. Therefore if either the
-            // "ng-touched" or "ng-untouched" class is set, we know that it has a form control.
-            const isTouched = this.phoneFieldInput.classList.contains('ng-touched');
-            const isUntouched = this.phoneFieldInput.classList.contains('ng-untouched');
-            return isTouched || isUntouched;
-        });
-    }
-    coerceBooleanProperty(value) {
-        // tslint:disable-next-line: no-null-keyword
-        return value != null && `${value}` !== 'false';
-    }
-}
-//# sourceMappingURL=phone-field-fixture.js.map

package/esm2015/testing/phonefield/phone-field-fixture.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"phone-field-fixture.js","sourceRoot":"","sources":["../../../../../../../libs/components/phone-field/testing/src/phonefield/phone-field-fixture.ts"],"names":[],"mappings":"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","sourcesContent":["import { DebugElement } from '@angular/core';\nimport { ComponentFixture } from '@angular/core/testing';\nimport { By } from '@angular/platform-browser';\nimport { SkyAppTestUtility } from '@skyux-sdk/testing';\nimport { SkyCountryFieldFixture } from '@skyux/lookup/testing';\n\n/**\n * Provides information for and interaction with a SKY UX phone field component.\n * By using the fixture API, a test insulates itself against updates to the internals\n * of a component, such as changing its DOM structure.\n */\nexport class SkyPhoneFieldFixture {\n  /**\n   * The value of the input field for the phone field.\n   */\n  public get inputText(): string {\n    return this.phoneFieldInput.value;\n  }\n\n  /**\n   * This property is lazy loaded and should be accessed via the private countryFixture property.\n   */\n  private _countryFixture: SkyCountryFieldFixture;\n\n  private _debugEl: DebugElement;\n\n  constructor(\n    private fixture: ComponentFixture<any>,\n    private skyTestId: string\n  ) {\n    this._debugEl = SkyAppTestUtility.getDebugElementByTestId(\n      fixture,\n      skyTestId,\n      'sky-phone-field'\n    );\n\n    // The country selector needs extra time to initialize.\n    // Consumers shouldn't need to work around this so we do an extra detect here\n    fixture.detectChanges();\n  }\n\n  /**\n   * Blurs the phone field input and returns a promise that indicates when the action is complete.\n   */\n  public async blur(): Promise<void> {\n    SkyAppTestUtility.fireDomEvent(this.phoneFieldInput, 'blur');\n    this.fixture.detectChanges();\n    return this.fixture.whenStable();\n  }\n\n  /**\n   * Returns the selected country iso2 code.\n   */\n  public async getSelectedCountryIso2(): Promise<string> {\n    // Wait for the country field to initialize.\n    await this.fixture.whenStable();\n    return this.countryFlagButtonContainer.getAttribute('data-sky-test-iso2');\n  }\n\n  /**\n   * Returns the selected country name.\n   */\n  public async getSelectedCountryName(): Promise<string> {\n    // Wait for the country field to initialize.\n    await this.fixture.whenStable();\n    return this.countryFlagButtonContainer.getAttribute('data-sky-test-name');\n  }\n\n  /**\n   * Sets the value of the input field for the phone field.\n   */\n  public async setInputText(inputText: string): Promise<void> {\n    const inputEl = this.phoneFieldInput;\n    inputEl.value = inputText;\n\n    SkyAppTestUtility.fireDomEvent(inputEl, 'input');\n    this.fixture.detectChanges();\n\n    SkyAppTestUtility.fireDomEvent(inputEl, 'change');\n\n    this.fixture.detectChanges();\n    return this.fixture.whenStable();\n  }\n\n  /**\n   * Opens the country selector, peforms a search, but makes no selection.\n   * @param searchText The name of the country to select.\n   * @returns The list of country names matching the search text.\n   */\n  public async searchCountry(searchText: string): Promise<string[]> {\n    await this.openCountrySelection();\n\n    const countryFixture = await this.getCountryFixture();\n    const results = await countryFixture.search(searchText);\n\n    await this.waitForCountrySelection();\n    return results;\n  }\n\n  /**\n   * Opens the country selector, performs a search, and selects the first result (if any).\n   * @param searchText The name of the country to select.\n   */\n  public async selectCountry(searchText: string): Promise<void> {\n    await this.openCountrySelection();\n\n    const countryFixture = await this.getCountryFixture();\n    await countryFixture.searchAndSelectFirstResult(searchText);\n\n    return this.waitForCountrySelection();\n  }\n\n  /**\n   * Gets a boolean promise indicating if the phone field is disabled.\n   */\n  public async isDisabled(): Promise<boolean> {\n    const disabled = this.phoneFieldInput.getAttribute('disabled');\n    return this.coerceBooleanProperty(await disabled);\n  }\n\n  /**\n   * Gets a boolean promise indicating if the phone field is valid.\n   */\n  public async isValid(): Promise<boolean> {\n    if (!(await this.hasFormControl())) {\n      throw new Error(`Form control not found.`);\n    }\n    return this.phoneFieldInput.classList.contains('ng-valid');\n  }\n\n  private get countryElement(): HTMLInputElement {\n    return this._debugEl.query(By.css('sky-country-field')).nativeElement;\n  }\n\n  private get countryFlagButtonContainer(): HTMLInputElement {\n    return this._debugEl.query(By.css('.sky-phone-field-country-btn'))\n      .nativeElement;\n  }\n\n  private get countryFlagButton(): HTMLInputElement {\n    return this._debugEl.query(By.css('.sky-phone-field-country-btn .sky-btn'))\n      .nativeElement;\n  }\n\n  private get phoneFieldInput(): HTMLInputElement {\n    return this._debugEl.query(By.css('input[skyPhoneFieldInput]'))\n      .nativeElement;\n  }\n\n  /**\n   * The country-field can take a really long time to initialize. Since we can't perform an await\n   * in our constructor, it's safest to do a lazy load of the country field to avoid any race\n   * conditions where a test tries to access the sky-country-field element too quickly.\n   */\n  private async getCountryFixture(): Promise<SkyCountryFieldFixture> {\n    if (this._countryFixture === undefined) {\n      // tag the country field with a sky test id\n      const countrySkyTestId = `${this.skyTestId}-country`;\n      this.setSkyTestId(this.countryElement, countrySkyTestId);\n\n      // initialize the country fixture\n      this._countryFixture = new SkyCountryFieldFixture(\n        this.fixture,\n        countrySkyTestId\n      );\n\n      this.fixture.detectChanges();\n      await this.fixture.whenStable();\n    }\n\n    return this._countryFixture;\n  }\n\n  private async openCountrySelection(): Promise<void> {\n    this.countryFlagButton.click();\n    return this.waitForCountrySelection();\n  }\n\n  private setSkyTestId(element: HTMLElement, skyTestId: string): void {\n    element.setAttribute('data-sky-id', skyTestId);\n  }\n\n  private async waitForCountrySelection(): Promise<void> {\n    // any country selection needs extra time to complete\n    this.fixture.detectChanges();\n    await this.fixture.whenStable();\n\n    this.fixture.detectChanges();\n    return this.fixture.whenStable();\n  }\n\n  /**\n   * Checks whether the form-field control has set up a form control.\n   */\n  private async hasFormControl(): Promise<boolean> {\n    // If no form \"NgControl\" is bound to the form-field control, the form-field\n    // is not able to forward any control status classes. Therefore if either the\n    // \"ng-touched\" or \"ng-untouched\" class is set, we know that it has a form control.\n    const isTouched = this.phoneFieldInput.classList.contains('ng-touched');\n    const isUntouched = this.phoneFieldInput.classList.contains('ng-untouched');\n    return isTouched || isUntouched;\n  }\n\n  private coerceBooleanProperty(value: any): boolean {\n    // tslint:disable-next-line: no-null-keyword\n    return value != null && `${value}` !== 'false';\n  }\n}\n"]}

package/esm2015/testing/phonefield/phone-field-testing.module.js

@@ -1,27 +0,0 @@
-import { NgModule } from '@angular/core';
-import { NoopAnimationsModule } from '@angular/platform-browser/animations';
-import { SkyPhoneFieldModule } from '@skyux/phone-field';
-import * as i0 from "@angular/core";
-export class SkyPhoneFieldTestingModule {
-}
-SkyPhoneFieldTestingModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyPhoneFieldTestingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-SkyPhoneFieldTestingModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyPhoneFieldTestingModule, exports: [SkyPhoneFieldModule,
-        // The noop animations module needs to be loaded last to avoid
-        // subsequent modules adding animations and overriding this.
-        NoopAnimationsModule] });
-SkyPhoneFieldTestingModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyPhoneFieldTestingModule, imports: [SkyPhoneFieldModule,
-        // The noop animations module needs to be loaded last to avoid
-        // subsequent modules adding animations and overriding this.
-        NoopAnimationsModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyPhoneFieldTestingModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    exports: [
-                        SkyPhoneFieldModule,
-                        // The noop animations module needs to be loaded last to avoid
-                        // subsequent modules adding animations and overriding this.
-                        NoopAnimationsModule,
-                    ],
-                }]
-        }] });
-//# sourceMappingURL=phone-field-testing.module.js.map

package/esm2015/testing/phonefield/phone-field-testing.module.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"phone-field-testing.module.js","sourceRoot":"","sources":["../../../../../../../libs/components/phone-field/testing/src/phonefield/phone-field-testing.module.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,oBAAoB,EAAE,MAAM,sCAAsC,CAAC;AAC5E,OAAO,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAC;;AAWzD,MAAM,OAAO,0BAA0B;;wHAA1B,0BAA0B;yHAA1B,0BAA0B,YAPnC,mBAAmB;QAEnB,8DAA8D;QAC9D,4DAA4D;QAC5D,oBAAoB;yHAGX,0BAA0B,YAPnC,mBAAmB;QAEnB,8DAA8D;QAC9D,4DAA4D;QAC5D,oBAAoB;4FAGX,0BAA0B;kBATtC,QAAQ;mBAAC;oBACR,OAAO,EAAE;wBACP,mBAAmB;wBAEnB,8DAA8D;wBAC9D,4DAA4D;wBAC5D,oBAAoB;qBACrB;iBACF","sourcesContent":["import { NgModule } from '@angular/core';\nimport { NoopAnimationsModule } from '@angular/platform-browser/animations';\nimport { SkyPhoneFieldModule } from '@skyux/phone-field';\n\n@NgModule({\n  exports: [\n    SkyPhoneFieldModule,\n\n    // The noop animations module needs to be loaded last to avoid\n    // subsequent modules adding animations and overriding this.\n    NoopAnimationsModule,\n  ],\n})\nexport class SkyPhoneFieldTestingModule {}\n"]}

package/esm2015/testing/public-api.js

@@ -1,3 +0,0 @@
-export * from './phonefield/phone-field-testing.module';
-export * from './phonefield/phone-field-fixture';
-//# sourceMappingURL=public-api.js.map

package/esm2015/testing/public-api.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"public-api.js","sourceRoot":"","sources":["../../../../../../libs/components/phone-field/testing/src/public-api.ts"],"names":[],"mappings":"AAAA,cAAc,yCAAyC,CAAC;AACxD,cAAc,kCAAkC,CAAC","sourcesContent":["export * from './phonefield/phone-field-testing.module';\nexport * from './phonefield/phone-field-fixture';\n"]}

package/esm2015/testing/skyux-phone-field-testing.js

@@ -1,5 +0,0 @@
-/**
- * Generated bundle index. Do not edit.
- */
-export * from './public-api';
-//# sourceMappingURL=skyux-phone-field-testing.js.map

package/esm2015/testing/skyux-phone-field-testing.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"skyux-phone-field-testing.js","sourceRoot":"","sources":["../../../../../../libs/components/phone-field/testing/src/skyux-phone-field-testing.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,cAAc,cAAc,CAAC","sourcesContent":["/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"]}

package/fesm2015/skyux-phone-field-testing.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"skyux-phone-field-testing.js","sources":["../../../../../libs/components/phone-field/testing/src/phonefield/phone-field-testing.module.ts","../../../../../libs/components/phone-field/testing/src/phonefield/phone-field-fixture.ts","../../../../../libs/components/phone-field/testing/src/skyux-phone-field-testing.ts"],"sourcesContent":["import { NgModule } from '@angular/core';\nimport { NoopAnimationsModule } from '@angular/platform-browser/animations';\nimport { SkyPhoneFieldModule } from '@skyux/phone-field';\n\n@NgModule({\n  exports: [\n    SkyPhoneFieldModule,\n\n    // The noop animations module needs to be loaded last to avoid\n    // subsequent modules adding animations and overriding this.\n    NoopAnimationsModule,\n  ],\n})\nexport class SkyPhoneFieldTestingModule {}\n","import { DebugElement } from '@angular/core';\nimport { ComponentFixture } from '@angular/core/testing';\nimport { By } from '@angular/platform-browser';\nimport { SkyAppTestUtility } from '@skyux-sdk/testing';\nimport { SkyCountryFieldFixture } from '@skyux/lookup/testing';\n\n/**\n * Provides information for and interaction with a SKY UX phone field component.\n * By using the fixture API, a test insulates itself against updates to the internals\n * of a component, such as changing its DOM structure.\n */\nexport class SkyPhoneFieldFixture {\n  /**\n   * The value of the input field for the phone field.\n   */\n  public get inputText(): string {\n    return this.phoneFieldInput.value;\n  }\n\n  /**\n   * This property is lazy loaded and should be accessed via the private countryFixture property.\n   */\n  private _countryFixture: SkyCountryFieldFixture;\n\n  private _debugEl: DebugElement;\n\n  constructor(\n    private fixture: ComponentFixture<any>,\n    private skyTestId: string\n  ) {\n    this._debugEl = SkyAppTestUtility.getDebugElementByTestId(\n      fixture,\n      skyTestId,\n      'sky-phone-field'\n    );\n\n    // The country selector needs extra time to initialize.\n    // Consumers shouldn't need to work around this so we do an extra detect here\n    fixture.detectChanges();\n  }\n\n  /**\n   * Blurs the phone field input and returns a promise that indicates when the action is complete.\n   */\n  public async blur(): Promise<void> {\n    SkyAppTestUtility.fireDomEvent(this.phoneFieldInput, 'blur');\n    this.fixture.detectChanges();\n    return this.fixture.whenStable();\n  }\n\n  /**\n   * Returns the selected country iso2 code.\n   */\n  public async getSelectedCountryIso2(): Promise<string> {\n    // Wait for the country field to initialize.\n    await this.fixture.whenStable();\n    return this.countryFlagButtonContainer.getAttribute('data-sky-test-iso2');\n  }\n\n  /**\n   * Returns the selected country name.\n   */\n  public async getSelectedCountryName(): Promise<string> {\n    // Wait for the country field to initialize.\n    await this.fixture.whenStable();\n    return this.countryFlagButtonContainer.getAttribute('data-sky-test-name');\n  }\n\n  /**\n   * Sets the value of the input field for the phone field.\n   */\n  public async setInputText(inputText: string): Promise<void> {\n    const inputEl = this.phoneFieldInput;\n    inputEl.value = inputText;\n\n    SkyAppTestUtility.fireDomEvent(inputEl, 'input');\n    this.fixture.detectChanges();\n\n    SkyAppTestUtility.fireDomEvent(inputEl, 'change');\n\n    this.fixture.detectChanges();\n    return this.fixture.whenStable();\n  }\n\n  /**\n   * Opens the country selector, peforms a search, but makes no selection.\n   * @param searchText The name of the country to select.\n   * @returns The list of country names matching the search text.\n   */\n  public async searchCountry(searchText: string): Promise<string[]> {\n    await this.openCountrySelection();\n\n    const countryFixture = await this.getCountryFixture();\n    const results = await countryFixture.search(searchText);\n\n    await this.waitForCountrySelection();\n    return results;\n  }\n\n  /**\n   * Opens the country selector, performs a search, and selects the first result (if any).\n   * @param searchText The name of the country to select.\n   */\n  public async selectCountry(searchText: string): Promise<void> {\n    await this.openCountrySelection();\n\n    const countryFixture = await this.getCountryFixture();\n    await countryFixture.searchAndSelectFirstResult(searchText);\n\n    return this.waitForCountrySelection();\n  }\n\n  /**\n   * Gets a boolean promise indicating if the phone field is disabled.\n   */\n  public async isDisabled(): Promise<boolean> {\n    const disabled = this.phoneFieldInput.getAttribute('disabled');\n    return this.coerceBooleanProperty(await disabled);\n  }\n\n  /**\n   * Gets a boolean promise indicating if the phone field is valid.\n   */\n  public async isValid(): Promise<boolean> {\n    if (!(await this.hasFormControl())) {\n      throw new Error(`Form control not found.`);\n    }\n    return this.phoneFieldInput.classList.contains('ng-valid');\n  }\n\n  private get countryElement(): HTMLInputElement {\n    return this._debugEl.query(By.css('sky-country-field')).nativeElement;\n  }\n\n  private get countryFlagButtonContainer(): HTMLInputElement {\n    return this._debugEl.query(By.css('.sky-phone-field-country-btn'))\n      .nativeElement;\n  }\n\n  private get countryFlagButton(): HTMLInputElement {\n    return this._debugEl.query(By.css('.sky-phone-field-country-btn .sky-btn'))\n      .nativeElement;\n  }\n\n  private get phoneFieldInput(): HTMLInputElement {\n    return this._debugEl.query(By.css('input[skyPhoneFieldInput]'))\n      .nativeElement;\n  }\n\n  /**\n   * The country-field can take a really long time to initialize. Since we can't perform an await\n   * in our constructor, it's safest to do a lazy load of the country field to avoid any race\n   * conditions where a test tries to access the sky-country-field element too quickly.\n   */\n  private async getCountryFixture(): Promise<SkyCountryFieldFixture> {\n    if (this._countryFixture === undefined) {\n      // tag the country field with a sky test id\n      const countrySkyTestId = `${this.skyTestId}-country`;\n      this.setSkyTestId(this.countryElement, countrySkyTestId);\n\n      // initialize the country fixture\n      this._countryFixture = new SkyCountryFieldFixture(\n        this.fixture,\n        countrySkyTestId\n      );\n\n      this.fixture.detectChanges();\n      await this.fixture.whenStable();\n    }\n\n    return this._countryFixture;\n  }\n\n  private async openCountrySelection(): Promise<void> {\n    this.countryFlagButton.click();\n    return this.waitForCountrySelection();\n  }\n\n  private setSkyTestId(element: HTMLElement, skyTestId: string): void {\n    element.setAttribute('data-sky-id', skyTestId);\n  }\n\n  private async waitForCountrySelection(): Promise<void> {\n    // any country selection needs extra time to complete\n    this.fixture.detectChanges();\n    await this.fixture.whenStable();\n\n    this.fixture.detectChanges();\n    return this.fixture.whenStable();\n  }\n\n  /**\n   * Checks whether the form-field control has set up a form control.\n   */\n  private async hasFormControl(): Promise<boolean> {\n    // If no form \"NgControl\" is bound to the form-field control, the form-field\n    // is not able to forward any control status classes. Therefore if either the\n    // \"ng-touched\" or \"ng-untouched\" class is set, we know that it has a form control.\n    const isTouched = this.phoneFieldInput.classList.contains('ng-touched');\n    const isUntouched = this.phoneFieldInput.classList.contains('ng-untouched');\n    return isTouched || isUntouched;\n  }\n\n  private coerceBooleanProperty(value: any): boolean {\n    // tslint:disable-next-line: no-null-keyword\n    return value != null && `${value}` !== 'false';\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}