@skyux/phone-field 5.0.2 → 5.5.0

package/documentation.json

@@ -25,6 +25,8 @@
             "name": "NgModule",
             "type": {
               "type": "reference",
+              "qualifiedName": "NgModuleDecorator",
+              "package": "@angular/core",
               "name": "NgModule"
             },
             "arguments": {
@@ -83,6 +85,8 @@
             "name": "Component",
             "type": {
               "type": "reference",
+              "qualifiedName": "ComponentDecorator",
+              "package": "@angular/core",
               "name": "Component"
             },
             "arguments": {
@@ -100,7 +104,7 @@
             "sources": [
               {
                 "fileName": "projects/phone-field/src/modules/phone-field/phone-field.component.ts",
-                "line": 239,
+                "line": 240,
                 "character": 2
               }
             ],
@@ -120,6 +124,8 @@
                     "flags": {},
                     "type": {
                       "type": "reference",
+                      "qualifiedName": "FormBuilder",
+                      "package": "@angular/forms",
                       "name": "FormBuilder"
                     }
                   },
@@ -142,6 +148,8 @@
                     "flags": {},
                     "type": {
                       "type": "reference",
+                      "qualifiedName": "ChangeDetectorRef",
+                      "package": "@angular/core",
                       "name": "ChangeDetectorRef"
                     }
                   },
@@ -158,6 +166,8 @@
                         "name": "Optional",
                         "type": {
                           "type": "reference",
+                          "qualifiedName": "OptionalDecorator",
+                          "package": "@angular/core",
                           "name": "Optional"
                         },
                         "arguments": {}
@@ -181,6 +191,8 @@
                         "name": "Optional",
                         "type": {
                           "type": "reference",
+                          "qualifiedName": "OptionalDecorator",
+                          "package": "@angular/core",
                           "name": "Optional"
                         },
                         "arguments": {}
@@ -189,6 +201,8 @@
                         "name": "SkipSelf",
                         "type": {
                           "type": "reference",
+                          "qualifiedName": "SkipSelfDecorator",
+                          "package": "@angular/core",
                           "name": "SkipSelf"
                         },
                         "arguments": {}
@@ -230,6 +244,8 @@
                 "name": "Input",
                 "type": {
                   "type": "reference",
+                  "qualifiedName": "InputDecorator",
+                  "package": "@angular/core",
                   "name": "Input"
                 },
                 "arguments": {}
@@ -259,7 +275,7 @@
             "sources": [
               {
                 "fileName": "projects/phone-field/src/modules/phone-field/phone-field.component.ts",
-                "line": 167,
+                "line": 168,
                 "character": 9
               }
             ],
@@ -283,12 +299,14 @@
             "sources": [
               {
                 "fileName": "projects/phone-field/src/modules/phone-field/phone-field.component.ts",
-                "line": 175,
+                "line": 176,
                 "character": 9
               }
             ],
             "type": {
               "type": "reference",
+              "qualifiedName": "FormGroup",
+              "package": "@angular/forms",
               "name": "FormGroup"
             }
           },
@@ -303,7 +321,7 @@
             "sources": [
               {
                 "fileName": "projects/phone-field/src/modules/phone-field/phone-field.component.ts",
-                "line": 171,
+                "line": 172,
                 "character": 9
               }
             ],
@@ -324,7 +342,7 @@
             "sources": [
               {
                 "fileName": "projects/phone-field/src/modules/phone-field/phone-field.component.ts",
-                "line": 169,
+                "line": 170,
                 "character": 9
               }
             ],
@@ -359,7 +377,7 @@
             "sources": [
               {
                 "fileName": "projects/phone-field/src/modules/phone-field/phone-field.component.ts",
-                "line": 173,
+                "line": 174,
                 "character": 9
               }
             ],
@@ -378,11 +396,11 @@
               "isPublic": true
             },
             "comment": {
-              "shortText": "Specifies the format for validated phone numbers.",
+              "shortText": "Specifies the format for validated phone numbers.\nOptions include: `\"default\"`, `\"international\"`, and `\"national\"`.",
               "tags": [
                 {
                   "tag": "default",
-                  "text": "'default'\n"
+                  "text": "\"default\"\n"
                 }
               ]
             },
@@ -391,6 +409,8 @@
                 "name": "Input",
                 "type": {
                   "type": "reference",
+                  "qualifiedName": "InputDecorator",
+                  "package": "@angular/core",
                   "name": "Input"
                 },
                 "arguments": {}
@@ -399,7 +419,7 @@
             "sources": [
               {
                 "fileName": "projects/phone-field/src/modules/phone-field/phone-field.component.ts",
-                "line": 150,
+                "line": 151,
                 "character": 9
               }
             ],
@@ -426,6 +446,8 @@
                 "name": "Output",
                 "type": {
                   "type": "reference",
+                  "qualifiedName": "OutputDecorator",
+                  "package": "@angular/core",
                   "name": "Output"
                 },
                 "arguments": {}
@@ -434,7 +456,7 @@
             "sources": [
               {
                 "fileName": "projects/phone-field/src/modules/phone-field/phone-field.component.ts",
-                "line": 165,
+                "line": 166,
                 "character": 9
               }
             ],
@@ -447,6 +469,8 @@
                   "name": "SkyPhoneFieldCountry"
                 }
               ],
+              "qualifiedName": "EventEmitter",
+              "package": "@angular/core",
               "name": "EventEmitter"
             },
             "defaultValue": "..."
@@ -467,6 +491,8 @@
                 "name": "Input",
                 "type": {
                   "type": "reference",
+                  "qualifiedName": "InputDecorator",
+                  "package": "@angular/core",
                   "name": "Input"
                 },
                 "arguments": {}
@@ -475,7 +501,7 @@
             "sources": [
               {
                 "fileName": "projects/phone-field/src/modules/phone-field/phone-field.component.ts",
-                "line": 157,
+                "line": 158,
                 "character": 9
               }
             ],
@@ -514,6 +540,8 @@
                 "name": "Input",
                 "type": {
                   "type": "reference",
+                  "qualifiedName": "InputDecorator",
+                  "package": "@angular/core",
                   "name": "Input"
                 },
                 "arguments": {}
@@ -534,7 +562,13 @@
                 "kindString": "Get signature",
                 "flags": {},
                 "comment": {
-                  "shortText": "Specifies the\n[International Organization for Standardization Alpha 2](https://www.nationsonline.org/oneworld/country_code_list.htm)\ncountry code for the default country. The country selector button displays a flag\nicon for this default country until users select a different country."
+                  "shortText": "Specifies the\n[International Organization for Standardization Alpha 2](https://www.nationsonline.org/oneworld/country_code_list.htm)\ncountry code for the default country. The country selector button displays a flag\nicon for this default country until users select a different country.",
+                  "tags": [
+                    {
+                      "tag": "default",
+                      "text": "\"us\"\n"
+                    }
+                  ]
                 },
                 "type": {
                   "type": "intrinsic",
@@ -554,7 +588,7 @@
                   "tags": [
                     {
                       "tag": "default",
-                      "text": "us\n"
+                      "text": "\"us\"\n"
                     }
                   ]
                 },
@@ -591,6 +625,8 @@
                 "name": "Input",
                 "type": {
                   "type": "reference",
+                  "qualifiedName": "InputDecorator",
+                  "package": "@angular/core",
                   "name": "Input"
                 },
                 "arguments": {}
@@ -599,7 +635,7 @@
             "sources": [
               {
                 "fileName": "projects/phone-field/src/modules/phone-field/phone-field.component.ts",
-                "line": 181,
+                "line": 182,
                 "character": 13
               }
             ],
@@ -662,7 +698,7 @@
             "sources": [
               {
                 "fileName": "projects/phone-field/src/modules/phone-field/phone-field.component.ts",
-                "line": 333,
+                "line": 334,
                 "character": 9
               }
             ],
@@ -682,6 +718,8 @@
                     "flags": {},
                     "type": {
                       "type": "reference",
+                      "qualifiedName": "AnimationEvent_2",
+                      "package": "@angular/animations",
                       "name": "AnimationEvent_2"
                     }
                   }
@@ -704,7 +742,7 @@
             "sources": [
               {
                 "fileName": "projects/phone-field/src/modules/phone-field/phone-field.component.ts",
-                "line": 300,
+                "line": 301,
                 "character": 9
               }
             ],
@@ -741,7 +779,7 @@
             "sources": [
               {
                 "fileName": "projects/phone-field/src/modules/phone-field/phone-field.component.ts",
-                "line": 269,
+                "line": 270,
                 "character": 9
               }
             ],
@@ -778,7 +816,7 @@
             "sources": [
               {
                 "fileName": "projects/phone-field/src/modules/phone-field/phone-field.component.ts",
-                "line": 343,
+                "line": 344,
                 "character": 9
               }
             ],
@@ -798,6 +836,8 @@
                     "flags": {},
                     "type": {
                       "type": "reference",
+                      "qualifiedName": "AnimationEvent_2",
+                      "package": "@angular/animations",
                       "name": "AnimationEvent_2"
                     }
                   }
@@ -820,7 +860,7 @@
             "sources": [
               {
                 "fileName": "projects/phone-field/src/modules/phone-field/phone-field.component.ts",
-                "line": 356,
+                "line": 357,
                 "character": 9
               }
             ],
@@ -862,7 +902,7 @@
             "sources": [
               {
                 "fileName": "projects/phone-field/src/modules/phone-field/phone-field.component.ts",
-                "line": 319,
+                "line": 320,
                 "character": 9
               }
             ],
@@ -950,10 +990,14 @@
         "implementedTypes": [
           {
             "type": "reference",
+            "qualifiedName": "OnDestroy",
+            "package": "@angular/core",
             "name": "OnDestroy"
           },
           {
             "type": "reference",
+            "qualifiedName": "OnInit",
+            "package": "@angular/core",
             "name": "OnInit"
           }
         ]
@@ -978,6 +1022,8 @@
             "name": "Directive",
             "type": {
               "type": "reference",
+              "qualifiedName": "DirectiveDecorator",
+              "package": "@angular/core",
               "name": "Directive"
             },
             "arguments": {
@@ -1017,6 +1063,8 @@
                     "flags": {},
                     "type": {
                       "type": "reference",
+                      "qualifiedName": "ChangeDetectorRef",
+                      "package": "@angular/core",
                       "name": "ChangeDetectorRef"
                     }
                   },
@@ -1034,6 +1082,8 @@
                           "name": "any"
                         }
                       ],
+                      "qualifiedName": "ElementRef",
+                      "package": "@angular/core",
                       "name": "ElementRef"
                     }
                   },
@@ -1048,6 +1098,8 @@
                         "name": "Optional",
                         "type": {
                           "type": "reference",
+                          "qualifiedName": "OptionalDecorator",
+                          "package": "@angular/core",
                           "name": "Optional"
                         },
                         "arguments": {}
@@ -1069,6 +1121,8 @@
                         "name": "Optional",
                         "type": {
                           "type": "reference",
+                          "qualifiedName": "OptionalDecorator",
+                          "package": "@angular/core",
                           "name": "Optional"
                         },
                         "arguments": {}
@@ -1111,6 +1165,8 @@
                 "name": "Input",
                 "type": {
                   "type": "reference",
+                  "qualifiedName": "InputDecorator",
+                  "package": "@angular/core",
                   "name": "Input"
                 },
                 "arguments": {}
@@ -1142,6 +1198,8 @@
                 "name": "Input",
                 "type": {
                   "type": "reference",
+                  "qualifiedName": "InputDecorator",
+                  "package": "@angular/core",
                   "name": "Input"
                 },
                 "arguments": {}
@@ -1162,7 +1220,13 @@
                 "kindString": "Get signature",
                 "flags": {},
                 "comment": {
-                  "shortText": "Indicates whether to disable the phone field."
+                  "shortText": "Indicates whether to disable the phone field.",
+                  "tags": [
+                    {
+                      "tag": "default",
+                      "text": "false\n"
+                    }
+                  ]
                 },
                 "type": {
                   "type": "intrinsic",
@@ -1330,6 +1394,8 @@
                 "name": "HostListener",
                 "type": {
                   "type": "reference",
+                  "qualifiedName": "HostListenerDecorator",
+                  "package": "@angular/core",
                   "name": "HostListener"
                 },
                 "arguments": {
@@ -1374,6 +1440,8 @@
                 "name": "HostListener",
                 "type": {
                   "type": "reference",
+                  "qualifiedName": "HostListenerDecorator",
+                  "package": "@angular/core",
                   "name": "HostListener"
                 },
                 "arguments": {
@@ -1435,6 +1503,8 @@
                 "name": "HostListener",
                 "type": {
                   "type": "reference",
+                  "qualifiedName": "HostListenerDecorator",
+                  "package": "@angular/core",
                   "name": "HostListener"
                 },
                 "arguments": {
@@ -1790,12 +1860,16 @@
                     },
                     "type": {
                       "type": "reference",
+                      "qualifiedName": "AbstractControl",
+                      "package": "@angular/forms",
                       "name": "AbstractControl"
                     }
                   }
                 ],
                 "type": {
                   "type": "reference",
+                  "qualifiedName": "ValidationErrors",
+                  "package": "@angular/forms",
                   "name": "ValidationErrors"
                 },
                 "implementationOf": {
@@ -1917,22 +1991,32 @@
         "implementedTypes": [
           {
             "type": "reference",
+            "qualifiedName": "OnInit",
+            "package": "@angular/core",
             "name": "OnInit"
           },
           {
             "type": "reference",
+            "qualifiedName": "OnDestroy",
+            "package": "@angular/core",
             "name": "OnDestroy"
           },
           {
             "type": "reference",
+            "qualifiedName": "AfterViewInit",
+            "package": "@angular/core",
             "name": "AfterViewInit"
           },
           {
             "type": "reference",
+            "qualifiedName": "ControlValueAccessor",
+            "package": "@angular/forms",
             "name": "ControlValueAccessor"
           },
           {
             "type": "reference",
+            "qualifiedName": "Validator",
+            "package": "@angular/forms",
             "name": "Validator"
           }
         ]
@@ -2123,18 +2207,13 @@
     ],
     "sources": [
       {
-        "fileName": "projects/phone-field/src/public-api.ts",
+        "fileName": "index.ts",
         "line": 1,
         "character": 0
       }
     ]
   },
   "codeExamples": [
-    {
-      "fileName": ".eslintrc.json",
-      "filePath": "/projects/phone-field/documentation/code-examples/.eslintrc.json",
-      "rawContents": "{\n  \"extends\": [\"../../.eslintrc.json\"],\n  \"overrides\": [\n    {\n      \"files\": [\"*.ts\"],\n      \"rules\": {\n        \"@angular-eslint/directive-selector\": [\n          \"error\",\n          {\n            \"type\": \"attribute\",\n            \"prefix\": \"app\",\n            \"style\": \"camelCase\"\n          }\n        ],\n        \"@angular-eslint/component-selector\": [\n          \"error\",\n          {\n            \"type\": \"element\",\n            \"prefix\": \"app\",\n            \"style\": \"kebab-case\"\n          }\n        ]\n      }\n    }\n  ]\n}\n"
-    },
     {
       "fileName": "phone-field-demo.component.html",
       "filePath": "/projects/phone-field/documentation/code-examples/phone-field/basic/phone-field-demo.component.html",
@@ -2156,4 +2235,4 @@
       "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"
     }
   ]
-}
+}

package/esm2015/index.js

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

package/esm2015/index.js.map

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

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

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

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

@@ -0,0 +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"]}