@skyux/phone-field 5.0.2 → 5.5.0

package/README.md

@@ -1,5 +1,7 @@
-# @skyux/phone-field
+# phone-field
 
-[![npm](https://img.shields.io/npm/v/@skyux/phone-field.svg)](https://www.npmjs.com/package/@skyux/phone-field)
-![SKY UX CI](https://github.com/blackbaud/skyux-phone-field/workflows/SKY%20UX%20CI/badge.svg)
-[![coverage](https://codecov.io/gh/blackbaud/skyux-phone-field/branch/master/graphs/badge.svg?branch=master)](https://codecov.io/gh/blackbaud/skyux-phone-field/branch/master)
+This library was generated with [Nx](https://nx.dev).
+
+## Running unit tests
+
+Run `nx test phone-field` to execute the unit tests.

package/bundles/skyux-phone-field-testing.umd.js

@@ -29,16 +29,16 @@
             }
             return SkyPhoneFieldTestingModule;
         }());
-        SkyPhoneFieldTestingModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyPhoneFieldTestingModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-        SkyPhoneFieldTestingModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyPhoneFieldTestingModule, exports: [phoneField.SkyPhoneFieldModule,
+        SkyPhoneFieldTestingModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyPhoneFieldTestingModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
+        SkyPhoneFieldTestingModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyPhoneFieldTestingModule, exports: [phoneField.SkyPhoneFieldModule,
                 // The noop animations module needs to be loaded last to avoid
                 // subsequent modules adding animations and overriding this.
                 animations.NoopAnimationsModule] });
-        SkyPhoneFieldTestingModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyPhoneFieldTestingModule, imports: [phoneField.SkyPhoneFieldModule,
+        SkyPhoneFieldTestingModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyPhoneFieldTestingModule, imports: [phoneField.SkyPhoneFieldModule,
                 // The noop animations module needs to be loaded last to avoid
                 // subsequent modules adding animations and overriding this.
                 animations.NoopAnimationsModule] });
-        i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyPhoneFieldTestingModule, decorators: [{
+        i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyPhoneFieldTestingModule, decorators: [{
                     type: i0.NgModule,
                     args: [{
                             exports: [

package/bundles/skyux-phone-field.umd.js

@@ -71,16 +71,16 @@
         }
         return SkyPhoneFieldResourcesModule;
     }());
-    SkyPhoneFieldResourcesModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyPhoneFieldResourcesModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-    SkyPhoneFieldResourcesModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyPhoneFieldResourcesModule, exports: [i1.SkyI18nModule] });
-    SkyPhoneFieldResourcesModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyPhoneFieldResourcesModule, providers: [
+    SkyPhoneFieldResourcesModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyPhoneFieldResourcesModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
+    SkyPhoneFieldResourcesModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyPhoneFieldResourcesModule, exports: [i1.SkyI18nModule] });
+    SkyPhoneFieldResourcesModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyPhoneFieldResourcesModule, providers: [
             {
                 provide: i1.SKY_LIB_RESOURCES_PROVIDERS,
                 useClass: SkyPhoneFieldResourcesProvider,
                 multi: true,
             },
         ], imports: [i1.SkyI18nModule] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyPhoneFieldResourcesModule, decorators: [{
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyPhoneFieldResourcesModule, decorators: [{
                 type: i0.NgModule,
                 args: [{
                         exports: [i1.SkyI18nModule],
@@ -466,9 +466,9 @@
         };
         return SkyPhoneFieldAdapterService;
     }());
-    SkyPhoneFieldAdapterService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyPhoneFieldAdapterService, deps: [{ token: i0__namespace.Renderer2 }, { token: i1__namespace.SkyLibResourcesService }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
-    SkyPhoneFieldAdapterService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyPhoneFieldAdapterService });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyPhoneFieldAdapterService, decorators: [{
+    SkyPhoneFieldAdapterService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyPhoneFieldAdapterService, deps: [{ token: i0__namespace.Renderer2 }, { token: i1__namespace.SkyLibResourcesService }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
+    SkyPhoneFieldAdapterService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyPhoneFieldAdapterService });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyPhoneFieldAdapterService, decorators: [{
                 type: i0.Injectable
             }], ctorParameters: function () { return [{ type: i0__namespace.Renderer2 }, { type: i1__namespace.SkyLibResourcesService }]; } });
 
@@ -490,7 +490,8 @@
             this.allowExtensions = true;
             /**
              * Specifies the format for validated phone numbers.
-             * @default 'default'
+             * Options include: `"default"`, `"international"`, and `"national"`.
+             * @default "default"
              */
             this.returnFormat = 'default';
             /**
@@ -541,7 +542,7 @@
              * [International Organization for Standardization Alpha 2](https://www.nationsonline.org/oneworld/country_code_list.htm)
              * country code for the default country. The country selector button displays a flag
              * icon for this default country until users select a different country.
-             * @default us
+             * @default "us"
              */
             set: function (value) {
                 var _this = this;
@@ -577,7 +578,7 @@
         SkyPhoneFieldComponent.prototype.ngOnInit = function () {
             var _this = this;
             // The timeout here is needed to avoid a change before checked error when a user specifies
-            // a selected country on intialization of the component.
+            // a selected country on initialization of the component.
             setTimeout(function () {
                 if (_this.inputBoxHostSvc) {
                     _this.inputBoxHostSvc.populate({
@@ -681,8 +682,8 @@
         };
         return SkyPhoneFieldComponent;
     }());
-    SkyPhoneFieldComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyPhoneFieldComponent, deps: [{ token: i1__namespace$1.FormBuilder }, { token: SkyPhoneFieldAdapterService }, { token: i0__namespace.ChangeDetectorRef }, { token: i3__namespace.SkyThemeService, optional: true }, { token: i4__namespace.SkyInputBoxHostService, optional: true, skipSelf: true }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    SkyPhoneFieldComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.15", type: SkyPhoneFieldComponent, selector: "sky-phone-field", inputs: { allowExtensions: "allowExtensions", defaultCountry: "defaultCountry", returnFormat: "returnFormat", supportedCountryISOs: "supportedCountryISOs", selectedCountry: "selectedCountry" }, outputs: { selectedCountryChange: "selectedCountryChange" }, providers: [
+    SkyPhoneFieldComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyPhoneFieldComponent, deps: [{ token: i1__namespace$1.FormBuilder }, { token: SkyPhoneFieldAdapterService }, { token: i0__namespace.ChangeDetectorRef }, { token: i3__namespace.SkyThemeService, optional: true }, { token: i4__namespace.SkyInputBoxHostService, optional: true, skipSelf: true }], target: i0__namespace.ɵɵFactoryTarget.Component });
+    SkyPhoneFieldComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyPhoneFieldComponent, selector: "sky-phone-field", inputs: { allowExtensions: "allowExtensions", defaultCountry: "defaultCountry", returnFormat: "returnFormat", supportedCountryISOs: "supportedCountryISOs", selectedCountry: "selectedCountry" }, outputs: { selectedCountryChange: "selectedCountryChange" }, providers: [
             SkyPhoneFieldAdapterService,
             // Prevents the embedded country field component from changing its behavior based on
             // being inside an input box. The phone field itself will handle the required changes
@@ -727,7 +728,7 @@
                 ]),
             ]),
         ], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush, encapsulation: i0__namespace.ViewEncapsulation.None });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyPhoneFieldComponent, decorators: [{
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyPhoneFieldComponent, decorators: [{
                 type: i0.Component,
                 args: [{
                         selector: 'sky-phone-field',
@@ -1075,9 +1076,9 @@
         };
         return SkyPhoneFieldInputDirective;
     }());
-    SkyPhoneFieldInputDirective.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyPhoneFieldInputDirective, deps: [{ token: i0__namespace.ChangeDetectorRef }, { token: i0__namespace.ElementRef }, { token: SkyPhoneFieldAdapterService, optional: true }, { token: SkyPhoneFieldComponent, optional: true }], target: i0__namespace.ɵɵFactoryTarget.Directive });
-    SkyPhoneFieldInputDirective.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.15", 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__namespace });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyPhoneFieldInputDirective, decorators: [{
+    SkyPhoneFieldInputDirective.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyPhoneFieldInputDirective, deps: [{ token: i0__namespace.ChangeDetectorRef }, { token: i0__namespace.ElementRef }, { token: SkyPhoneFieldAdapterService, optional: true }, { token: SkyPhoneFieldComponent, optional: true }], target: i0__namespace.ɵɵFactoryTarget.Directive });
+    SkyPhoneFieldInputDirective.ɵdir = i0__namespace.ɵɵ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__namespace });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyPhoneFieldInputDirective, decorators: [{
                 type: i0.Directive,
                 args: [{
                         selector: '[skyPhoneFieldInput]',
@@ -1109,8 +1110,8 @@
         }
         return SkyPhoneFieldModule;
     }());
-    SkyPhoneFieldModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyPhoneFieldModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-    SkyPhoneFieldModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyPhoneFieldModule, declarations: [SkyPhoneFieldComponent, SkyPhoneFieldInputDirective], imports: [i7.CommonModule,
+    SkyPhoneFieldModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyPhoneFieldModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
+    SkyPhoneFieldModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyPhoneFieldModule, declarations: [SkyPhoneFieldComponent, SkyPhoneFieldInputDirective], imports: [i7.CommonModule,
             i1$1.FormsModule,
             i1$1.ReactiveFormsModule,
             i5.SkyCountryFieldModule,
@@ -1118,7 +1119,7 @@
             i6.SkyIconModule,
             SkyPhoneFieldResourcesModule,
             i3.SkyThemeModule], exports: [SkyPhoneFieldComponent, SkyPhoneFieldInputDirective] });
-    SkyPhoneFieldModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyPhoneFieldModule, imports: [[
+    SkyPhoneFieldModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyPhoneFieldModule, imports: [[
                 i7.CommonModule,
                 i1$1.FormsModule,
                 i1$1.ReactiveFormsModule,
@@ -1128,7 +1129,7 @@
                 SkyPhoneFieldResourcesModule,
                 i3.SkyThemeModule,
             ]] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyPhoneFieldModule, decorators: [{
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyPhoneFieldModule, decorators: [{
                 type: i0.NgModule,
                 args: [{
                         declarations: [SkyPhoneFieldComponent, SkyPhoneFieldInputDirective],