@skyux/phone-field 5.5.0 → 5.6.0

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

@@ -1,8 +1,8 @@
 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common'), require('@angular/forms'), require('@skyux/indicators'), require('@skyux/i18n'), require('@skyux/lookup'), require('@skyux/theme'), require('@angular/animations'), require('@skyux/forms'), require('google-libphonenumber'), require('intl-tel-input'), require('rxjs'), require('rxjs/operators')) :
-    typeof define === 'function' && define.amd ? define('@skyux/phone-field', ['exports', '@angular/core', '@angular/common', '@angular/forms', '@skyux/indicators', '@skyux/i18n', '@skyux/lookup', '@skyux/theme', '@angular/animations', '@skyux/forms', 'google-libphonenumber', 'intl-tel-input', 'rxjs', 'rxjs/operators'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.skyux = global.skyux || {}, global.skyux["phone-field"] = {}), global.ng.core, global.ng.common, global.ng.forms, global.i6, global.i1, global.i5, global.i3, global.ng.animations, global.i4, global.googleLibphonenumber, null, global.rxjs, global.rxjs.operators));
-})(this, (function (exports, i0, i7, i1$1, i6, i1, i5, i3, animations, i4, googleLibphonenumber, intlTelInput, rxjs, operators) { 'use strict';
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/common'), require('@angular/core'), require('@angular/forms'), require('@skyux/i18n'), require('@skyux/indicators'), require('@skyux/lookup'), require('@skyux/theme'), require('google-libphonenumber'), require('rxjs'), require('rxjs/operators'), require('@angular/animations'), require('@skyux/forms'), require('intl-tel-input')) :
+    typeof define === 'function' && define.amd ? define('@skyux/phone-field', ['exports', '@angular/common', '@angular/core', '@angular/forms', '@skyux/i18n', '@skyux/indicators', '@skyux/lookup', '@skyux/theme', 'google-libphonenumber', 'rxjs', 'rxjs/operators', '@angular/animations', '@skyux/forms', 'intl-tel-input'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.skyux = global.skyux || {}, global.skyux["phone-field"] = {}), global.ng.common, global.ng.core, global.ng.forms, global.i1, global.i6, global.i5, global.i3, global.googleLibphonenumber, global.rxjs, global.rxjs.operators, global.ng.animations, global.i4));
+})(this, (function (exports, i7, i0, i1$1, i1, i6, i5, i3, googleLibphonenumber, rxjs, operators, animations, i4) { 'use strict';
 
     function _interopNamespace(e) {
         if (e && e.__esModule) return e;
@@ -22,11 +22,11 @@
         return Object.freeze(n);
     }
 
-    var i0__namespace = /*#__PURE__*/_interopNamespace(i0);
     var i7__namespace = /*#__PURE__*/_interopNamespace(i7);
+    var i0__namespace = /*#__PURE__*/_interopNamespace(i0);
     var i1__namespace$1 = /*#__PURE__*/_interopNamespace(i1$1);
-    var i6__namespace = /*#__PURE__*/_interopNamespace(i6);
     var i1__namespace = /*#__PURE__*/_interopNamespace(i1);
+    var i6__namespace = /*#__PURE__*/_interopNamespace(i6);
     var i5__namespace = /*#__PURE__*/_interopNamespace(i5);
     var i3__namespace = /*#__PURE__*/_interopNamespace(i3);
     var i4__namespace = /*#__PURE__*/_interopNamespace(i4);
@@ -94,6 +94,66 @@
                     }]
             }] });
 
+    /**
+     * Service for interacting with the DOM elements of the phone field.
+     * @internal
+     */
+    var SkyPhoneFieldAdapterService = /** @class */ (function () {
+        function SkyPhoneFieldAdapterService(renderer, resourcesService) {
+            this.renderer = renderer;
+            this.resourcesService = resourcesService;
+            this.ngUnsubscribe = new rxjs.Subject();
+        }
+        SkyPhoneFieldAdapterService.prototype.ngOnDestroy = function () {
+            this.ngUnsubscribe.next();
+            this.ngUnsubscribe.complete();
+        };
+        SkyPhoneFieldAdapterService.prototype.addElementClass = function (elementRef, className) {
+            this.renderer.addClass(elementRef.nativeElement, className);
+        };
+        SkyPhoneFieldAdapterService.prototype.setElementDisabledState = function (elementRef, disabled) {
+            this.renderer.setProperty(elementRef.nativeElement, 'disabled', disabled);
+        };
+        SkyPhoneFieldAdapterService.prototype.setElementPlaceholder = function (elementRef, placeholder) {
+            this.renderer.setAttribute(elementRef.nativeElement, 'placeholder', placeholder);
+        };
+        SkyPhoneFieldAdapterService.prototype.setElementType = function (elementRef) {
+            this.renderer.setAttribute(elementRef.nativeElement, 'type', 'tel');
+        };
+        SkyPhoneFieldAdapterService.prototype.setElementValue = function (elementRef, value) {
+            if (value) {
+                this.renderer.setProperty(elementRef.nativeElement, 'value', value);
+            }
+        };
+        SkyPhoneFieldAdapterService.prototype.setAriaLabel = function (element) {
+            var _this = this;
+            /* Sanity check */
+            /* istanbul ignore else */
+            if (!element.nativeElement.getAttribute('aria-label')) {
+                this.resourcesService
+                    .getString('skyux_phone_field_default_label')
+                    .pipe(operators.takeUntil(this.ngUnsubscribe))
+                    .subscribe(function (value) {
+                    _this.renderer.setAttribute(element.nativeElement, 'aria-label', value);
+                });
+            }
+        };
+        SkyPhoneFieldAdapterService.prototype.focusCountrySearchElement = function (el) {
+            var input = el.querySelector('textarea');
+            input.focus();
+        };
+        SkyPhoneFieldAdapterService.prototype.focusPhoneInput = function (el) {
+            var input = el.querySelector('.sky-phone-field-container input');
+            input.focus();
+        };
+        return SkyPhoneFieldAdapterService;
+    }());
+    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 }]; } });
+
     /*! *****************************************************************************
     Copyright (c) Microsoft Corporation.
 
@@ -412,66 +472,6 @@
         return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
     }
 
-    /**
-     * Service for interacting with the DOM elements of the phone field.
-     * @internal
-     */
-    var SkyPhoneFieldAdapterService = /** @class */ (function () {
-        function SkyPhoneFieldAdapterService(renderer, resourcesService) {
-            this.renderer = renderer;
-            this.resourcesService = resourcesService;
-            this.ngUnsubscribe = new rxjs.Subject();
-        }
-        SkyPhoneFieldAdapterService.prototype.ngOnDestroy = function () {
-            this.ngUnsubscribe.next();
-            this.ngUnsubscribe.complete();
-        };
-        SkyPhoneFieldAdapterService.prototype.addElementClass = function (elementRef, className) {
-            this.renderer.addClass(elementRef.nativeElement, className);
-        };
-        SkyPhoneFieldAdapterService.prototype.setElementDisabledState = function (elementRef, disabled) {
-            this.renderer.setProperty(elementRef.nativeElement, 'disabled', disabled);
-        };
-        SkyPhoneFieldAdapterService.prototype.setElementPlaceholder = function (elementRef, placeholder) {
-            this.renderer.setAttribute(elementRef.nativeElement, 'placeholder', placeholder);
-        };
-        SkyPhoneFieldAdapterService.prototype.setElementType = function (elementRef) {
-            this.renderer.setAttribute(elementRef.nativeElement, 'type', 'tel');
-        };
-        SkyPhoneFieldAdapterService.prototype.setElementValue = function (elementRef, value) {
-            if (value) {
-                this.renderer.setProperty(elementRef.nativeElement, 'value', value);
-            }
-        };
-        SkyPhoneFieldAdapterService.prototype.setAriaLabel = function (element) {
-            var _this = this;
-            /* Sanity check */
-            /* istanbul ignore else */
-            if (!element.nativeElement.getAttribute('aria-label')) {
-                this.resourcesService
-                    .getString('skyux_phone_field_default_label')
-                    .pipe(operators.takeUntil(this.ngUnsubscribe))
-                    .subscribe(function (value) {
-                    _this.renderer.setAttribute(element.nativeElement, 'aria-label', value);
-                });
-            }
-        };
-        SkyPhoneFieldAdapterService.prototype.focusCountrySearchElement = function (el) {
-            var input = el.querySelector('textarea');
-            input.focus();
-        };
-        SkyPhoneFieldAdapterService.prototype.focusPhoneInput = function (el) {
-            var input = el.querySelector('.sky-phone-field-container input');
-            input.focus();
-        };
-        return SkyPhoneFieldAdapterService;
-    }());
-    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 }]; } });
-
     // NOTE: The no-op animation is here in order to block the input's "fade in" animation
     // from firing on initial load. For more information on this technique you can see
     // 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

package/documentation.json

@@ -69,7 +69,7 @@
         "sources": [
           {
             "fileName": "projects/phone-field/src/modules/phone-field/phone-field.module.ts",
-            "line": 35,
+            "line": 28,
             "character": 13
           }
         ]
@@ -104,7 +104,7 @@
             "sources": [
               {
                 "fileName": "projects/phone-field/src/modules/phone-field/phone-field.component.ts",
-                "line": 240,
+                "line": 232,
                 "character": 2
               }
             ],
@@ -254,7 +254,7 @@
             "sources": [
               {
                 "fileName": "projects/phone-field/src/modules/phone-field/phone-field.component.ts",
-                "line": 121,
+                "line": 113,
                 "character": 9
               }
             ],
@@ -275,7 +275,7 @@
             "sources": [
               {
                 "fileName": "projects/phone-field/src/modules/phone-field/phone-field.component.ts",
-                "line": 168,
+                "line": 160,
                 "character": 9
               }
             ],
@@ -299,7 +299,7 @@
             "sources": [
               {
                 "fileName": "projects/phone-field/src/modules/phone-field/phone-field.component.ts",
-                "line": 176,
+                "line": 168,
                 "character": 9
               }
             ],
@@ -321,7 +321,7 @@
             "sources": [
               {
                 "fileName": "projects/phone-field/src/modules/phone-field/phone-field.component.ts",
-                "line": 172,
+                "line": 164,
                 "character": 9
               }
             ],
@@ -342,7 +342,7 @@
             "sources": [
               {
                 "fileName": "projects/phone-field/src/modules/phone-field/phone-field.component.ts",
-                "line": 170,
+                "line": 162,
                 "character": 9
               }
             ],
@@ -377,7 +377,7 @@
             "sources": [
               {
                 "fileName": "projects/phone-field/src/modules/phone-field/phone-field.component.ts",
-                "line": 174,
+                "line": 166,
                 "character": 9
               }
             ],
@@ -419,7 +419,7 @@
             "sources": [
               {
                 "fileName": "projects/phone-field/src/modules/phone-field/phone-field.component.ts",
-                "line": 151,
+                "line": 143,
                 "character": 9
               }
             ],
@@ -456,7 +456,7 @@
             "sources": [
               {
                 "fileName": "projects/phone-field/src/modules/phone-field/phone-field.component.ts",
-                "line": 166,
+                "line": 158,
                 "character": 9
               }
             ],
@@ -501,7 +501,7 @@
             "sources": [
               {
                 "fileName": "projects/phone-field/src/modules/phone-field/phone-field.component.ts",
-                "line": 158,
+                "line": 150,
                 "character": 9
               }
             ],
@@ -550,7 +550,7 @@
             "sources": [
               {
                 "fileName": "projects/phone-field/src/modules/phone-field/phone-field.component.ts",
-                "line": 131,
+                "line": 123,
                 "character": 13
               }
             ],
@@ -635,7 +635,7 @@
             "sources": [
               {
                 "fileName": "projects/phone-field/src/modules/phone-field/phone-field.component.ts",
-                "line": 182,
+                "line": 174,
                 "character": 13
               }
             ],
@@ -698,7 +698,7 @@
             "sources": [
               {
                 "fileName": "projects/phone-field/src/modules/phone-field/phone-field.component.ts",
-                "line": 334,
+                "line": 326,
                 "character": 9
               }
             ],
@@ -742,7 +742,7 @@
             "sources": [
               {
                 "fileName": "projects/phone-field/src/modules/phone-field/phone-field.component.ts",
-                "line": 301,
+                "line": 293,
                 "character": 9
               }
             ],
@@ -779,7 +779,7 @@
             "sources": [
               {
                 "fileName": "projects/phone-field/src/modules/phone-field/phone-field.component.ts",
-                "line": 270,
+                "line": 262,
                 "character": 9
               }
             ],
@@ -816,7 +816,7 @@
             "sources": [
               {
                 "fileName": "projects/phone-field/src/modules/phone-field/phone-field.component.ts",
-                "line": 344,
+                "line": 336,
                 "character": 9
               }
             ],
@@ -860,7 +860,7 @@
             "sources": [
               {
                 "fileName": "projects/phone-field/src/modules/phone-field/phone-field.component.ts",
-                "line": 357,
+                "line": 349,
                 "character": 9
               }
             ],
@@ -902,7 +902,7 @@
             "sources": [
               {
                 "fileName": "projects/phone-field/src/modules/phone-field/phone-field.component.ts",
-                "line": 320,
+                "line": 312,
                 "character": 9
               }
             ],
@@ -983,7 +983,7 @@
         "sources": [
           {
             "fileName": "projects/phone-field/src/modules/phone-field/phone-field.component.ts",
-            "line": 115,
+            "line": 107,
             "character": 13
           }
         ],
@@ -1043,7 +1043,7 @@
             "sources": [
               {
                 "fileName": "projects/phone-field/src/modules/phone-field/phone-field-input.directive.ts",
-                "line": 125,
+                "line": 120,
                 "character": 2
               }
             ],
@@ -1175,7 +1175,7 @@
             "sources": [
               {
                 "fileName": "projects/phone-field/src/modules/phone-field/phone-field-input.directive.ts",
-                "line": 92,
+                "line": 87,
                 "character": 9
               }
             ],
@@ -1208,7 +1208,7 @@
             "sources": [
               {
                 "fileName": "projects/phone-field/src/modules/phone-field/phone-field-input.directive.ts",
-                "line": 74,
+                "line": 69,
                 "character": 13
               }
             ],
@@ -1281,7 +1281,7 @@
             "sources": [
               {
                 "fileName": "projects/phone-field/src/modules/phone-field/phone-field-input.directive.ts",
-                "line": 152,
+                "line": 147,
                 "character": 9
               }
             ],
@@ -1318,7 +1318,7 @@
             "sources": [
               {
                 "fileName": "projects/phone-field/src/modules/phone-field/phone-field-input.directive.ts",
-                "line": 172,
+                "line": 167,
                 "character": 9
               }
             ],
@@ -1355,7 +1355,7 @@
             "sources": [
               {
                 "fileName": "projects/phone-field/src/modules/phone-field/phone-field-input.directive.ts",
-                "line": 132,
+                "line": 127,
                 "character": 9
               }
             ],
@@ -1406,7 +1406,7 @@
             "sources": [
               {
                 "fileName": "projects/phone-field/src/modules/phone-field/phone-field-input.directive.ts",
-                "line": 194,
+                "line": 189,
                 "character": 9
               }
             ],
@@ -1453,7 +1453,7 @@
             "sources": [
               {
                 "fileName": "projects/phone-field/src/modules/phone-field/phone-field-input.directive.ts",
-                "line": 182,
+                "line": 177,
                 "character": 9
               }
             ],
@@ -1516,7 +1516,7 @@
             "sources": [
               {
                 "fileName": "projects/phone-field/src/modules/phone-field/phone-field-input.directive.ts",
-                "line": 199,
+                "line": 194,
                 "character": 9
               }
             ],
@@ -1558,7 +1558,7 @@
             "sources": [
               {
                 "fileName": "projects/phone-field/src/modules/phone-field/phone-field-input.directive.ts",
-                "line": 217,
+                "line": 212,
                 "character": 9
               }
             ],
@@ -1640,7 +1640,7 @@
             "sources": [
               {
                 "fileName": "projects/phone-field/src/modules/phone-field/phone-field-input.directive.ts",
-                "line": 221,
+                "line": 216,
                 "character": 9
               }
             ],
@@ -1709,7 +1709,7 @@
             "sources": [
               {
                 "fileName": "projects/phone-field/src/modules/phone-field/phone-field-input.directive.ts",
-                "line": 225,
+                "line": 220,
                 "character": 9
               }
             ],
@@ -1778,7 +1778,7 @@
             "sources": [
               {
                 "fileName": "projects/phone-field/src/modules/phone-field/phone-field-input.directive.ts",
-                "line": 233,
+                "line": 228,
                 "character": 9
               }
             ],
@@ -1834,7 +1834,7 @@
             "sources": [
               {
                 "fileName": "projects/phone-field/src/modules/phone-field/phone-field-input.directive.ts",
-                "line": 241,
+                "line": 236,
                 "character": 9
               }
             ],
@@ -1894,7 +1894,7 @@
             "sources": [
               {
                 "fileName": "projects/phone-field/src/modules/phone-field/phone-field-input.directive.ts",
-                "line": 211,
+                "line": 206,
                 "character": 9
               }
             ],
@@ -1984,7 +1984,7 @@
         "sources": [
           {
             "fileName": "projects/phone-field/src/modules/phone-field/phone-field-input.directive.ts",
-            "line": 66,
+            "line": 61,
             "character": 13
           }
         ],
@@ -2227,12 +2227,12 @@
     {
       "fileName": "phone-field-demo.component.ts",
       "filePath": "/projects/phone-field/documentation/code-examples/phone-field/basic/phone-field-demo.component.ts",
-      "rawContents": "import { Component, OnInit } from '@angular/core';\n\nimport { FormControl, FormGroup } from '@angular/forms';\n\n@Component({\n  selector: 'app-phone-field-demo',\n  templateUrl: './phone-field-demo.component.html',\n  styleUrls: ['./phone-field-demo.component.scss'],\n})\nexport class PhoneFieldDemoComponent implements OnInit {\n  public phoneControl: FormControl;\n\n  public phoneForm: FormGroup;\n\n  public ngOnInit(): void {\n    this.phoneControl = new FormControl();\n    this.phoneForm = new FormGroup({\n      phoneControl: this.phoneControl,\n    });\n  }\n}\n"
+      "rawContents": "import { Component, OnInit } from '@angular/core';\nimport { FormControl, FormGroup } from '@angular/forms';\n\n@Component({\n  selector: 'app-phone-field-demo',\n  templateUrl: './phone-field-demo.component.html',\n  styleUrls: ['./phone-field-demo.component.scss'],\n})\nexport class PhoneFieldDemoComponent implements OnInit {\n  public phoneControl: FormControl;\n\n  public phoneForm: FormGroup;\n\n  public ngOnInit(): void {\n    this.phoneControl = new FormControl();\n    this.phoneForm = new FormGroup({\n      phoneControl: this.phoneControl,\n    });\n  }\n}\n"
     },
     {
       "fileName": "phone-field-demo.module.ts",
       "filePath": "/projects/phone-field/documentation/code-examples/phone-field/basic/phone-field-demo.module.ts",
-      "rawContents": "import { CommonModule } from '@angular/common';\n\nimport { NgModule } from '@angular/core';\n\nimport { ReactiveFormsModule } from '@angular/forms';\n\nimport { SkyInputBoxModule } from '@skyux/forms';\n\nimport { SkyStatusIndicatorModule } from '@skyux/indicators';\n\nimport { SkyPhoneFieldModule } from '@skyux/phone-field';\n\nimport { PhoneFieldDemoComponent } from './phone-field-demo.component';\n\n@NgModule({\n  declarations: [PhoneFieldDemoComponent],\n  imports: [\n    CommonModule,\n    ReactiveFormsModule,\n    SkyInputBoxModule,\n    SkyPhoneFieldModule,\n    SkyStatusIndicatorModule,\n  ],\n  exports: [PhoneFieldDemoComponent],\n})\nexport class PhoneFieldDemoModule {}\n"
+      "rawContents": "import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { SkyInputBoxModule } from '@skyux/forms';\nimport { SkyStatusIndicatorModule } from '@skyux/indicators';\nimport { SkyPhoneFieldModule } from '@skyux/phone-field';\n\nimport { PhoneFieldDemoComponent } from './phone-field-demo.component';\n\n@NgModule({\n  declarations: [PhoneFieldDemoComponent],\n  imports: [\n    CommonModule,\n    ReactiveFormsModule,\n    SkyInputBoxModule,\n    SkyPhoneFieldModule,\n    SkyStatusIndicatorModule,\n  ],\n  exports: [PhoneFieldDemoComponent],\n})\nexport class PhoneFieldDemoModule {}\n"
     }
   ]
 }

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

@@ -1 +1 @@
-{"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,EAAE,UAAU,EAAa,SAAS,EAAc,MAAM,eAAe,CAAC;AAE7E,OAAO,EAAE,sBAAsB,EAAE,MAAM,aAAa,CAAC;AAErD,OAAO,EAAE,OAAO,EAAE,MAAM,MAAM,CAAC;AAE/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 { Injectable, OnDestroy, Renderer2, ElementRef } from '@angular/core';\n\nimport { SkyLibResourcesService } from '@skyux/i18n';\n\nimport { Subject } from 'rxjs';\n\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"]}
+{"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,10 +1,10 @@
-import { ChangeDetectorRef, Directive, ElementRef, forwardRef, HostListener, Input, Optional, } from '@angular/core';
-import { NG_VALUE_ACCESSOR, NG_VALIDATORS, } from '@angular/forms';
+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 { PhoneNumberFormat, PhoneNumberUtil } from 'google-libphonenumber';
-import { SkyPhoneFieldComponent } from './phone-field.component';
 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";
@@ -71,7 +71,7 @@ export class SkyPhoneFieldInputDirective {
         this._modelValue = value;
         this.adapterService.setElementValue(this.elRef, value);
         if (value) {
-            let formattedValue = this.formatNumber(value.toString());
+            const formattedValue = this.formatNumber(value.toString());
             this.onChange(formattedValue);
         }
         else {

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

@@ -1 +1 @@
-{"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  forwardRef,\n  HostListener,\n  Input,\n  OnDestroy,\n  OnInit,\n  Optional,\n} from '@angular/core';\n\nimport {\n  AbstractControl,\n  ControlValueAccessor,\n  NG_VALUE_ACCESSOR,\n  NG_VALIDATORS,\n  ValidationErrors,\n  Validator,\n} from '@angular/forms';\n\nimport { BehaviorSubject, Subject } from 'rxjs';\n\nimport { debounceTime, takeUntil } from 'rxjs/operators';\n\nimport { PhoneNumberFormat, PhoneNumberUtil } from 'google-libphonenumber';\n\nimport { SkyPhoneFieldComponent } from './phone-field.component';\n\nimport { SkyPhoneFieldAdapterService } from './phone-field-adapter.service';\n\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: boolean = 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      let 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  private onChange = (_: any) => {};\n\n  /* istanbul ignore next */\n  private onTouched = () => {};\n\n  /* istanbul ignore next */\n  private validatorChange = () => {};\n}\n"]}
+{"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  private onChange = (_: any) => {};\n\n  /* istanbul ignore next */\n  private onTouched = () => {};\n\n  /* istanbul ignore next */\n  private validatorChange = () => {};\n}\n"]}

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

@@ -55,7 +55,7 @@ export class SkyPhoneFieldComponent {
          * to the main window object.
          */
         this.countries = JSON.parse(JSON.stringify(window.intlTelInputGlobals.getCountryData()));
-        for (let country of this.countries) {
+        for (const country of this.countries) {
             country.dialCode = '+' + country.dialCode;
             if (country.dialCode.length > this.longestDialCodeLength) {
                 this.longestDialCodeLength = country.dialCode.length;
@@ -178,7 +178,7 @@ export class SkyPhoneFieldComponent {
         }
         let newCountry;
         for (let i = 1; i < this.longestDialCodeLength + 1; i++) {
-            let dialCode = phoneNumber.substring(0, i);
+            const dialCode = phoneNumber.substring(0, i);
             let foundCountry = this.countries.find((country) => country.dialCode === dialCode && country.priority === 0);
             if (foundCountry) {
                 // Ensure that the country that was found is one of the supported countries