@skyux/phone-field 5.0.0-beta.0 → 5.0.2

package/documentation.json

@@ -0,0 +1,2159 @@
+{
+  "anchorIds": {
+    "SkyPhoneFieldModule": "class-skyphonefieldmodule",
+    "SkyPhoneFieldComponent": "class-skyphonefieldcomponent",
+    "SkyPhoneFieldInputDirective": "class-skyphonefieldinputdirective",
+    "SkyPhoneFieldCountry": "interface-skyphonefieldcountry",
+    "SkyPhoneFieldNumberReturnFormat": "type-alias-skyphonefieldnumberreturnformat"
+  },
+  "typedoc": {
+    "id": 0,
+    "name": "@skyux/phone-field",
+    "kind": 1,
+    "kindString": "Project",
+    "flags": {},
+    "originalName": "",
+    "children": [
+      {
+        "id": 133,
+        "name": "SkyPhoneFieldModule",
+        "kind": 128,
+        "kindString": "Class",
+        "flags": {},
+        "decorators": [
+          {
+            "name": "NgModule",
+            "type": {
+              "type": "reference",
+              "name": "NgModule"
+            },
+            "arguments": {
+              "obj": "{\n  declarations: [SkyPhoneFieldComponent, SkyPhoneFieldInputDirective],\n  imports: [\n    CommonModule,\n    FormsModule,\n    ReactiveFormsModule,\n    SkyCountryFieldModule,\n    SkyI18nModule,\n    SkyIconModule,\n    SkyPhoneFieldResourcesModule,\n    SkyThemeModule,\n  ],\n  exports: [SkyPhoneFieldComponent, SkyPhoneFieldInputDirective],\n}"
+            }
+          }
+        ],
+        "children": [
+          {
+            "id": 134,
+            "name": "constructor",
+            "kind": 512,
+            "kindString": "Constructor",
+            "flags": {},
+            "signatures": [
+              {
+                "id": 135,
+                "name": "new SkyPhoneFieldModule",
+                "kind": 16384,
+                "kindString": "Constructor signature",
+                "flags": {},
+                "type": {
+                  "type": "reference",
+                  "id": 133,
+                  "name": "SkyPhoneFieldModule"
+                }
+              }
+            ]
+          }
+        ],
+        "groups": [
+          {
+            "title": "Constructors",
+            "kind": 512,
+            "children": [
+              134
+            ]
+          }
+        ],
+        "sources": [
+          {
+            "fileName": "projects/phone-field/src/modules/phone-field/phone-field.module.ts",
+            "line": 35,
+            "character": 13
+          }
+        ]
+      },
+      {
+        "id": 1,
+        "name": "SkyPhoneFieldComponent",
+        "kind": 128,
+        "kindString": "Class",
+        "flags": {},
+        "decorators": [
+          {
+            "name": "Component",
+            "type": {
+              "type": "reference",
+              "name": "Component"
+            },
+            "arguments": {
+              "obj": "{\n  selector: 'sky-phone-field',\n  templateUrl: './phone-field.component.html',\n  styleUrls: ['./phone-field.component.scss'],\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  providers: [\n    SkyPhoneFieldAdapterService,\n    // Prevents the embedded country field component from changing its behavior based on\n    // being inside an input box. The phone field itself will handle the required changes\n    // for input box.\n    {\n      provide: SkyInputBoxHostService,\n      useValue: undefined,\n    },\n  ],\n  animations: [\n    trigger('blockAnimationOnLoad', [transition(':enter', [])]),\n    trigger('countrySearchAnimation', [\n      transition(':enter', [\n        style({\n          opacity: 0,\n          width: 0,\n        }),\n        animate(\n          '200ms ease-in',\n          style({\n            opacity: 1,\n            width: '*',\n          })\n        ),\n      ]),\n      transition(':leave', [\n        animate(\n          '200ms ease-in',\n          style({\n            opacity: 0,\n            width: 0,\n          })\n        ),\n      ]),\n    ]),\n    trigger('phoneInputAnimation', [\n      transition(':enter', [\n        style({\n          opacity: 0,\n        }),\n        animate(\n          '150ms ease-in',\n          style({\n            opacity: 1,\n          })\n        ),\n      ]),\n      transition(':leave', [\n        animate(\n          '150ms ease-in',\n          style({\n            opacity: 0,\n          })\n        ),\n      ]),\n    ]),\n  ],\n}"
+            }
+          }
+        ],
+        "children": [
+          {
+            "id": 2,
+            "name": "constructor",
+            "kind": 512,
+            "kindString": "Constructor",
+            "flags": {},
+            "sources": [
+              {
+                "fileName": "projects/phone-field/src/modules/phone-field/phone-field.component.ts",
+                "line": 239,
+                "character": 2
+              }
+            ],
+            "signatures": [
+              {
+                "id": 3,
+                "name": "SkyPhoneFieldComponent",
+                "kind": 16384,
+                "kindString": "Constructor signature",
+                "flags": {},
+                "parameters": [
+                  {
+                    "id": 4,
+                    "name": "formBuilder",
+                    "kind": 32768,
+                    "kindString": "Parameter",
+                    "flags": {},
+                    "type": {
+                      "type": "reference",
+                      "name": "FormBuilder"
+                    }
+                  },
+                  {
+                    "id": 5,
+                    "name": "adapterService",
+                    "kind": 32768,
+                    "kindString": "Parameter",
+                    "flags": {},
+                    "type": {
+                      "type": "reference",
+                      "name": "SkyPhoneFieldAdapterService"
+                    }
+                  },
+                  {
+                    "id": 6,
+                    "name": "changeDetector",
+                    "kind": 32768,
+                    "kindString": "Parameter",
+                    "flags": {},
+                    "type": {
+                      "type": "reference",
+                      "name": "ChangeDetectorRef"
+                    }
+                  },
+                  {
+                    "id": 7,
+                    "name": "themeSvc",
+                    "kind": 32768,
+                    "kindString": "Parameter",
+                    "flags": {
+                      "isOptional": true
+                    },
+                    "decorators": [
+                      {
+                        "name": "Optional",
+                        "type": {
+                          "type": "reference",
+                          "name": "Optional"
+                        },
+                        "arguments": {}
+                      }
+                    ],
+                    "type": {
+                      "type": "reference",
+                      "name": "SkyThemeService"
+                    }
+                  },
+                  {
+                    "id": 8,
+                    "name": "inputBoxHostSvc",
+                    "kind": 32768,
+                    "kindString": "Parameter",
+                    "flags": {
+                      "isOptional": true
+                    },
+                    "decorators": [
+                      {
+                        "name": "Optional",
+                        "type": {
+                          "type": "reference",
+                          "name": "Optional"
+                        },
+                        "arguments": {}
+                      },
+                      {
+                        "name": "SkipSelf",
+                        "type": {
+                          "type": "reference",
+                          "name": "SkipSelf"
+                        },
+                        "arguments": {}
+                      }
+                    ],
+                    "type": {
+                      "type": "reference",
+                      "name": "SkyInputBoxHostService"
+                    }
+                  }
+                ],
+                "type": {
+                  "type": "reference",
+                  "id": 1,
+                  "name": "SkyPhoneFieldComponent"
+                }
+              }
+            ]
+          },
+          {
+            "id": 9,
+            "name": "allowExtensions",
+            "kind": 1024,
+            "kindString": "Property",
+            "flags": {
+              "isPublic": true
+            },
+            "comment": {
+              "shortText": "Indicates whether or not phone number extensions are allowed.",
+              "tags": [
+                {
+                  "tag": "default",
+                  "text": "true\n"
+                }
+              ]
+            },
+            "decorators": [
+              {
+                "name": "Input",
+                "type": {
+                  "type": "reference",
+                  "name": "Input"
+                },
+                "arguments": {}
+              }
+            ],
+            "sources": [
+              {
+                "fileName": "projects/phone-field/src/modules/phone-field/phone-field.component.ts",
+                "line": 121,
+                "character": 9
+              }
+            ],
+            "type": {
+              "type": "intrinsic",
+              "name": "boolean"
+            },
+            "defaultValue": "true"
+          },
+          {
+            "id": 17,
+            "name": "countries",
+            "kind": 1024,
+            "kindString": "Property",
+            "flags": {
+              "isPublic": true
+            },
+            "sources": [
+              {
+                "fileName": "projects/phone-field/src/modules/phone-field/phone-field.component.ts",
+                "line": 167,
+                "character": 9
+              }
+            ],
+            "type": {
+              "type": "array",
+              "elementType": {
+                "type": "reference",
+                "id": 136,
+                "name": "SkyPhoneFieldCountry"
+              }
+            }
+          },
+          {
+            "id": 21,
+            "name": "countrySearchForm",
+            "kind": 1024,
+            "kindString": "Property",
+            "flags": {
+              "isPublic": true
+            },
+            "sources": [
+              {
+                "fileName": "projects/phone-field/src/modules/phone-field/phone-field.component.ts",
+                "line": 175,
+                "character": 9
+              }
+            ],
+            "type": {
+              "type": "reference",
+              "name": "FormGroup"
+            }
+          },
+          {
+            "id": 19,
+            "name": "countrySearchShown",
+            "kind": 1024,
+            "kindString": "Property",
+            "flags": {
+              "isPublic": true
+            },
+            "sources": [
+              {
+                "fileName": "projects/phone-field/src/modules/phone-field/phone-field.component.ts",
+                "line": 171,
+                "character": 9
+              }
+            ],
+            "type": {
+              "type": "intrinsic",
+              "name": "boolean"
+            },
+            "defaultValue": "false"
+          },
+          {
+            "id": 18,
+            "name": "countrySelectDisabled",
+            "kind": 1024,
+            "kindString": "Property",
+            "flags": {
+              "isPublic": true
+            },
+            "sources": [
+              {
+                "fileName": "projects/phone-field/src/modules/phone-field/phone-field.component.ts",
+                "line": 169,
+                "character": 9
+              }
+            ],
+            "type": {
+              "type": "intrinsic",
+              "name": "boolean"
+            },
+            "defaultValue": "false"
+          },
+          {
+            "id": 36,
+            "name": "inputBoxHostSvc",
+            "kind": 1024,
+            "kindString": "Property",
+            "flags": {
+              "isPublic": true,
+              "isOptional": true
+            },
+            "type": {
+              "type": "reference",
+              "name": "SkyInputBoxHostService"
+            }
+          },
+          {
+            "id": 20,
+            "name": "phoneInputShown",
+            "kind": 1024,
+            "kindString": "Property",
+            "flags": {
+              "isPublic": true
+            },
+            "sources": [
+              {
+                "fileName": "projects/phone-field/src/modules/phone-field/phone-field.component.ts",
+                "line": 173,
+                "character": 9
+              }
+            ],
+            "type": {
+              "type": "intrinsic",
+              "name": "boolean"
+            },
+            "defaultValue": "true"
+          },
+          {
+            "id": 14,
+            "name": "returnFormat",
+            "kind": 1024,
+            "kindString": "Property",
+            "flags": {
+              "isPublic": true
+            },
+            "comment": {
+              "shortText": "Specifies the format for validated phone numbers.",
+              "tags": [
+                {
+                  "tag": "default",
+                  "text": "'default'\n"
+                }
+              ]
+            },
+            "decorators": [
+              {
+                "name": "Input",
+                "type": {
+                  "type": "reference",
+                  "name": "Input"
+                },
+                "arguments": {}
+              }
+            ],
+            "sources": [
+              {
+                "fileName": "projects/phone-field/src/modules/phone-field/phone-field.component.ts",
+                "line": 150,
+                "character": 9
+              }
+            ],
+            "type": {
+              "type": "reference",
+              "id": 143,
+              "name": "SkyPhoneFieldNumberReturnFormat"
+            },
+            "defaultValue": "'default'"
+          },
+          {
+            "id": 16,
+            "name": "selectedCountryChange",
+            "kind": 1024,
+            "kindString": "Property",
+            "flags": {
+              "isPublic": true
+            },
+            "comment": {
+              "shortText": "Emits a `SkyPhoneFieldCountry` object when the selected country in the country search\ninput changes."
+            },
+            "decorators": [
+              {
+                "name": "Output",
+                "type": {
+                  "type": "reference",
+                  "name": "Output"
+                },
+                "arguments": {}
+              }
+            ],
+            "sources": [
+              {
+                "fileName": "projects/phone-field/src/modules/phone-field/phone-field.component.ts",
+                "line": 165,
+                "character": 9
+              }
+            ],
+            "type": {
+              "type": "reference",
+              "typeArguments": [
+                {
+                  "type": "reference",
+                  "id": 136,
+                  "name": "SkyPhoneFieldCountry"
+                }
+              ],
+              "name": "EventEmitter"
+            },
+            "defaultValue": "..."
+          },
+          {
+            "id": 15,
+            "name": "supportedCountryISOs",
+            "kind": 1024,
+            "kindString": "Property",
+            "flags": {
+              "isPublic": true
+            },
+            "comment": {
+              "shortText": "Specifies the [International Organization for Standardization Alpha 2](https://www.nationsonline.org/oneworld/country_code_list.htm)\ncountry codes for the countries that users can select. By default, all countries are available."
+            },
+            "decorators": [
+              {
+                "name": "Input",
+                "type": {
+                  "type": "reference",
+                  "name": "Input"
+                },
+                "arguments": {}
+              }
+            ],
+            "sources": [
+              {
+                "fileName": "projects/phone-field/src/modules/phone-field/phone-field.component.ts",
+                "line": 157,
+                "character": 9
+              }
+            ],
+            "type": {
+              "type": "array",
+              "elementType": {
+                "type": "intrinsic",
+                "name": "string"
+              }
+            }
+          },
+          {
+            "id": 35,
+            "name": "themeSvc",
+            "kind": 1024,
+            "kindString": "Property",
+            "flags": {
+              "isPublic": true,
+              "isOptional": true
+            },
+            "type": {
+              "type": "reference",
+              "name": "SkyThemeService"
+            }
+          },
+          {
+            "id": 10,
+            "name": "defaultCountry",
+            "kind": 262144,
+            "kindString": "Accessor",
+            "flags": {
+              "isPublic": true
+            },
+            "decorators": [
+              {
+                "name": "Input",
+                "type": {
+                  "type": "reference",
+                  "name": "Input"
+                },
+                "arguments": {}
+              }
+            ],
+            "sources": [
+              {
+                "fileName": "projects/phone-field/src/modules/phone-field/phone-field.component.ts",
+                "line": 131,
+                "character": 13
+              }
+            ],
+            "getSignature": [
+              {
+                "id": 11,
+                "name": "defaultCountry",
+                "kind": 524288,
+                "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."
+                },
+                "type": {
+                  "type": "intrinsic",
+                  "name": "string"
+                }
+              }
+            ],
+            "setSignature": [
+              {
+                "id": 12,
+                "name": "defaultCountry",
+                "kind": 1048576,
+                "kindString": "Set 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.",
+                  "tags": [
+                    {
+                      "tag": "default",
+                      "text": "us\n"
+                    }
+                  ]
+                },
+                "parameters": [
+                  {
+                    "id": 13,
+                    "name": "value",
+                    "kind": 32768,
+                    "kindString": "Parameter",
+                    "flags": {},
+                    "type": {
+                      "type": "intrinsic",
+                      "name": "string"
+                    }
+                  }
+                ],
+                "type": {
+                  "type": "intrinsic",
+                  "name": "void"
+                }
+              }
+            ]
+          },
+          {
+            "id": 22,
+            "name": "selectedCountry",
+            "kind": 262144,
+            "kindString": "Accessor",
+            "flags": {
+              "isPublic": true
+            },
+            "decorators": [
+              {
+                "name": "Input",
+                "type": {
+                  "type": "reference",
+                  "name": "Input"
+                },
+                "arguments": {}
+              }
+            ],
+            "sources": [
+              {
+                "fileName": "projects/phone-field/src/modules/phone-field/phone-field.component.ts",
+                "line": 181,
+                "character": 13
+              }
+            ],
+            "getSignature": [
+              {
+                "id": 23,
+                "name": "selectedCountry",
+                "kind": 524288,
+                "kindString": "Get signature",
+                "flags": {},
+                "comment": {
+                  "shortText": "Specifies the currently selected country to validate against."
+                },
+                "type": {
+                  "type": "reference",
+                  "id": 136,
+                  "name": "SkyPhoneFieldCountry"
+                }
+              }
+            ],
+            "setSignature": [
+              {
+                "id": 24,
+                "name": "selectedCountry",
+                "kind": 1048576,
+                "kindString": "Set signature",
+                "flags": {},
+                "comment": {
+                  "shortText": "Specifies the currently selected country to validate against."
+                },
+                "parameters": [
+                  {
+                    "id": 25,
+                    "name": "newCountry",
+                    "kind": 32768,
+                    "kindString": "Parameter",
+                    "flags": {},
+                    "type": {
+                      "type": "reference",
+                      "id": 136,
+                      "name": "SkyPhoneFieldCountry"
+                    }
+                  }
+                ],
+                "type": {
+                  "type": "intrinsic",
+                  "name": "void"
+                }
+              }
+            ]
+          },
+          {
+            "id": 47,
+            "name": "countrySearchAnimationEnd",
+            "kind": 2048,
+            "kindString": "Method",
+            "flags": {
+              "isPublic": true
+            },
+            "sources": [
+              {
+                "fileName": "projects/phone-field/src/modules/phone-field/phone-field.component.ts",
+                "line": 333,
+                "character": 9
+              }
+            ],
+            "signatures": [
+              {
+                "id": 48,
+                "name": "countrySearchAnimationEnd",
+                "kind": 4096,
+                "kindString": "Call signature",
+                "flags": {},
+                "parameters": [
+                  {
+                    "id": 49,
+                    "name": "e",
+                    "kind": 32768,
+                    "kindString": "Parameter",
+                    "flags": {},
+                    "type": {
+                      "type": "reference",
+                      "name": "AnimationEvent_2"
+                    }
+                  }
+                ],
+                "type": {
+                  "type": "intrinsic",
+                  "name": "void"
+                }
+              }
+            ]
+          },
+          {
+            "id": 39,
+            "name": "ngOnDestroy",
+            "kind": 2048,
+            "kindString": "Method",
+            "flags": {
+              "isPublic": true
+            },
+            "sources": [
+              {
+                "fileName": "projects/phone-field/src/modules/phone-field/phone-field.component.ts",
+                "line": 300,
+                "character": 9
+              }
+            ],
+            "signatures": [
+              {
+                "id": 40,
+                "name": "ngOnDestroy",
+                "kind": 4096,
+                "kindString": "Call signature",
+                "flags": {},
+                "type": {
+                  "type": "intrinsic",
+                  "name": "void"
+                },
+                "implementationOf": {
+                  "type": "reference",
+                  "name": "OnDestroy.ngOnDestroy"
+                }
+              }
+            ],
+            "implementationOf": {
+              "type": "reference",
+              "name": "OnDestroy.ngOnDestroy"
+            }
+          },
+          {
+            "id": 37,
+            "name": "ngOnInit",
+            "kind": 2048,
+            "kindString": "Method",
+            "flags": {
+              "isPublic": true
+            },
+            "sources": [
+              {
+                "fileName": "projects/phone-field/src/modules/phone-field/phone-field.component.ts",
+                "line": 269,
+                "character": 9
+              }
+            ],
+            "signatures": [
+              {
+                "id": 38,
+                "name": "ngOnInit",
+                "kind": 4096,
+                "kindString": "Call signature",
+                "flags": {},
+                "type": {
+                  "type": "intrinsic",
+                  "name": "void"
+                },
+                "implementationOf": {
+                  "type": "reference",
+                  "name": "OnInit.ngOnInit"
+                }
+              }
+            ],
+            "implementationOf": {
+              "type": "reference",
+              "name": "OnInit.ngOnInit"
+            }
+          },
+          {
+            "id": 50,
+            "name": "phoneInputAnimationEnd",
+            "kind": 2048,
+            "kindString": "Method",
+            "flags": {
+              "isPublic": true
+            },
+            "sources": [
+              {
+                "fileName": "projects/phone-field/src/modules/phone-field/phone-field.component.ts",
+                "line": 343,
+                "character": 9
+              }
+            ],
+            "signatures": [
+              {
+                "id": 51,
+                "name": "phoneInputAnimationEnd",
+                "kind": 4096,
+                "kindString": "Call signature",
+                "flags": {},
+                "parameters": [
+                  {
+                    "id": 52,
+                    "name": "e",
+                    "kind": 32768,
+                    "kindString": "Parameter",
+                    "flags": {},
+                    "type": {
+                      "type": "reference",
+                      "name": "AnimationEvent_2"
+                    }
+                  }
+                ],
+                "type": {
+                  "type": "intrinsic",
+                  "name": "void"
+                }
+              }
+            ]
+          },
+          {
+            "id": 53,
+            "name": "setCountryByDialCode",
+            "kind": 2048,
+            "kindString": "Method",
+            "flags": {
+              "isPublic": true
+            },
+            "sources": [
+              {
+                "fileName": "projects/phone-field/src/modules/phone-field/phone-field.component.ts",
+                "line": 356,
+                "character": 9
+              }
+            ],
+            "signatures": [
+              {
+                "id": 54,
+                "name": "setCountryByDialCode",
+                "kind": 4096,
+                "kindString": "Call signature",
+                "flags": {},
+                "parameters": [
+                  {
+                    "id": 55,
+                    "name": "phoneNumber",
+                    "kind": 32768,
+                    "kindString": "Parameter",
+                    "flags": {},
+                    "type": {
+                      "type": "intrinsic",
+                      "name": "string"
+                    }
+                  }
+                ],
+                "type": {
+                  "type": "intrinsic",
+                  "name": "boolean"
+                }
+              }
+            ]
+          },
+          {
+            "id": 44,
+            "name": "toggleCountrySearch",
+            "kind": 2048,
+            "kindString": "Method",
+            "flags": {
+              "isPublic": true
+            },
+            "sources": [
+              {
+                "fileName": "projects/phone-field/src/modules/phone-field/phone-field.component.ts",
+                "line": 319,
+                "character": 9
+              }
+            ],
+            "signatures": [
+              {
+                "id": 45,
+                "name": "toggleCountrySearch",
+                "kind": 4096,
+                "kindString": "Call signature",
+                "flags": {},
+                "parameters": [
+                  {
+                    "id": 46,
+                    "name": "showSearch",
+                    "kind": 32768,
+                    "kindString": "Parameter",
+                    "flags": {},
+                    "type": {
+                      "type": "intrinsic",
+                      "name": "boolean"
+                    }
+                  }
+                ],
+                "type": {
+                  "type": "intrinsic",
+                  "name": "void"
+                }
+              }
+            ]
+          }
+        ],
+        "groups": [
+          {
+            "title": "Constructors",
+            "kind": 512,
+            "children": [
+              2
+            ]
+          },
+          {
+            "title": "Properties",
+            "kind": 1024,
+            "children": [
+              9,
+              17,
+              21,
+              19,
+              18,
+              36,
+              20,
+              14,
+              16,
+              15,
+              35
+            ]
+          },
+          {
+            "title": "Accessors",
+            "kind": 262144,
+            "children": [
+              10,
+              22
+            ]
+          },
+          {
+            "title": "Methods",
+            "kind": 2048,
+            "children": [
+              47,
+              39,
+              37,
+              50,
+              53,
+              44
+            ]
+          }
+        ],
+        "sources": [
+          {
+            "fileName": "projects/phone-field/src/modules/phone-field/phone-field.component.ts",
+            "line": 115,
+            "character": 13
+          }
+        ],
+        "implementedTypes": [
+          {
+            "type": "reference",
+            "name": "OnDestroy"
+          },
+          {
+            "type": "reference",
+            "name": "OnInit"
+          }
+        ]
+      },
+      {
+        "id": 56,
+        "name": "SkyPhoneFieldInputDirective",
+        "kind": 128,
+        "kindString": "Class",
+        "flags": {},
+        "comment": {
+          "shortText": "Creates a button, search input, and text input for entering and validating\ninternational phone numbers. Place this attribute on an `input` element, and wrap\nthat element in a `sky-phone-field` component. By default, the country selector\nbutton displays a flag icon for the default country, and the phone number input\ndisplays a sample of the correct phone number format. When users select the country\nselector button, they expose the country search input, which is\n[an autocomplete input](https://developer.blackbaud.com/skyux/components/autocomplete)\nthat allows them to select different countries. When users enter `+` followed by an\ninternational dial code in the phone number input, the country automatically switches\nto the country associated with the dial code.",
+          "tags": [
+            {
+              "tag": "required",
+              "text": "\n"
+            }
+          ]
+        },
+        "decorators": [
+          {
+            "name": "Directive",
+            "type": {
+              "type": "reference",
+              "name": "Directive"
+            },
+            "arguments": {
+              "obj": "{\n  selector: '[skyPhoneFieldInput]',\n  providers: [SKY_PHONE_FIELD_VALUE_ACCESSOR, SKY_PHONE_FIELD_VALIDATOR],\n}"
+            }
+          }
+        ],
+        "children": [
+          {
+            "id": 57,
+            "name": "constructor",
+            "kind": 512,
+            "kindString": "Constructor",
+            "flags": {
+              "isPublic": true
+            },
+            "sources": [
+              {
+                "fileName": "projects/phone-field/src/modules/phone-field/phone-field-input.directive.ts",
+                "line": 125,
+                "character": 2
+              }
+            ],
+            "signatures": [
+              {
+                "id": 58,
+                "name": "SkyPhoneFieldInputDirective",
+                "kind": 16384,
+                "kindString": "Constructor signature",
+                "flags": {},
+                "parameters": [
+                  {
+                    "id": 59,
+                    "name": "changeDetector",
+                    "kind": 32768,
+                    "kindString": "Parameter",
+                    "flags": {},
+                    "type": {
+                      "type": "reference",
+                      "name": "ChangeDetectorRef"
+                    }
+                  },
+                  {
+                    "id": 60,
+                    "name": "elRef",
+                    "kind": 32768,
+                    "kindString": "Parameter",
+                    "flags": {},
+                    "type": {
+                      "type": "reference",
+                      "typeArguments": [
+                        {
+                          "type": "intrinsic",
+                          "name": "any"
+                        }
+                      ],
+                      "name": "ElementRef"
+                    }
+                  },
+                  {
+                    "id": 61,
+                    "name": "adapterService",
+                    "kind": 32768,
+                    "kindString": "Parameter",
+                    "flags": {},
+                    "decorators": [
+                      {
+                        "name": "Optional",
+                        "type": {
+                          "type": "reference",
+                          "name": "Optional"
+                        },
+                        "arguments": {}
+                      }
+                    ],
+                    "type": {
+                      "type": "reference",
+                      "name": "SkyPhoneFieldAdapterService"
+                    }
+                  },
+                  {
+                    "id": 62,
+                    "name": "phoneFieldComponent",
+                    "kind": 32768,
+                    "kindString": "Parameter",
+                    "flags": {},
+                    "decorators": [
+                      {
+                        "name": "Optional",
+                        "type": {
+                          "type": "reference",
+                          "name": "Optional"
+                        },
+                        "arguments": {}
+                      }
+                    ],
+                    "type": {
+                      "type": "reference",
+                      "id": 1,
+                      "name": "SkyPhoneFieldComponent"
+                    }
+                  }
+                ],
+                "type": {
+                  "type": "reference",
+                  "id": 56,
+                  "name": "SkyPhoneFieldInputDirective"
+                }
+              }
+            ]
+          },
+          {
+            "id": 67,
+            "name": "skyPhoneFieldNoValidate",
+            "kind": 1024,
+            "kindString": "Property",
+            "flags": {
+              "isPublic": true
+            },
+            "comment": {
+              "shortText": "Indicates whether to prevent validation on the phone number input. For validation,\nphone 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,\nset this property to `true`.",
+              "tags": [
+                {
+                  "tag": "default",
+                  "text": "false\n"
+                }
+              ]
+            },
+            "decorators": [
+              {
+                "name": "Input",
+                "type": {
+                  "type": "reference",
+                  "name": "Input"
+                },
+                "arguments": {}
+              }
+            ],
+            "sources": [
+              {
+                "fileName": "projects/phone-field/src/modules/phone-field/phone-field-input.directive.ts",
+                "line": 92,
+                "character": 9
+              }
+            ],
+            "type": {
+              "type": "intrinsic",
+              "name": "boolean"
+            },
+            "defaultValue": "false"
+          },
+          {
+            "id": 63,
+            "name": "disabled",
+            "kind": 262144,
+            "kindString": "Accessor",
+            "flags": {
+              "isPublic": true
+            },
+            "decorators": [
+              {
+                "name": "Input",
+                "type": {
+                  "type": "reference",
+                  "name": "Input"
+                },
+                "arguments": {}
+              }
+            ],
+            "sources": [
+              {
+                "fileName": "projects/phone-field/src/modules/phone-field/phone-field-input.directive.ts",
+                "line": 74,
+                "character": 13
+              }
+            ],
+            "getSignature": [
+              {
+                "id": 64,
+                "name": "disabled",
+                "kind": 524288,
+                "kindString": "Get signature",
+                "flags": {},
+                "comment": {
+                  "shortText": "Indicates whether to disable the phone field."
+                },
+                "type": {
+                  "type": "intrinsic",
+                  "name": "boolean"
+                }
+              }
+            ],
+            "setSignature": [
+              {
+                "id": 65,
+                "name": "disabled",
+                "kind": 1048576,
+                "kindString": "Set signature",
+                "flags": {},
+                "comment": {
+                  "shortText": "Indicates whether to disable the phone field.",
+                  "tags": [
+                    {
+                      "tag": "default",
+                      "text": "false\n"
+                    }
+                  ]
+                },
+                "parameters": [
+                  {
+                    "id": 66,
+                    "name": "value",
+                    "kind": 32768,
+                    "kindString": "Parameter",
+                    "flags": {},
+                    "type": {
+                      "type": "intrinsic",
+                      "name": "boolean"
+                    }
+                  }
+                ],
+                "type": {
+                  "type": "intrinsic",
+                  "name": "void"
+                }
+              }
+            ]
+          },
+          {
+            "id": 80,
+            "name": "ngAfterViewInit",
+            "kind": 2048,
+            "kindString": "Method",
+            "flags": {
+              "isPublic": true
+            },
+            "sources": [
+              {
+                "fileName": "projects/phone-field/src/modules/phone-field/phone-field-input.directive.ts",
+                "line": 152,
+                "character": 9
+              }
+            ],
+            "signatures": [
+              {
+                "id": 81,
+                "name": "ngAfterViewInit",
+                "kind": 4096,
+                "kindString": "Call signature",
+                "flags": {},
+                "type": {
+                  "type": "intrinsic",
+                  "name": "void"
+                },
+                "implementationOf": {
+                  "type": "reference",
+                  "name": "AfterViewInit.ngAfterViewInit"
+                }
+              }
+            ],
+            "implementationOf": {
+              "type": "reference",
+              "name": "AfterViewInit.ngAfterViewInit"
+            }
+          },
+          {
+            "id": 82,
+            "name": "ngOnDestroy",
+            "kind": 2048,
+            "kindString": "Method",
+            "flags": {
+              "isPublic": true
+            },
+            "sources": [
+              {
+                "fileName": "projects/phone-field/src/modules/phone-field/phone-field-input.directive.ts",
+                "line": 172,
+                "character": 9
+              }
+            ],
+            "signatures": [
+              {
+                "id": 83,
+                "name": "ngOnDestroy",
+                "kind": 4096,
+                "kindString": "Call signature",
+                "flags": {},
+                "type": {
+                  "type": "intrinsic",
+                  "name": "void"
+                },
+                "implementationOf": {
+                  "type": "reference",
+                  "name": "OnDestroy.ngOnDestroy"
+                }
+              }
+            ],
+            "implementationOf": {
+              "type": "reference",
+              "name": "OnDestroy.ngOnDestroy"
+            }
+          },
+          {
+            "id": 78,
+            "name": "ngOnInit",
+            "kind": 2048,
+            "kindString": "Method",
+            "flags": {
+              "isPublic": true
+            },
+            "sources": [
+              {
+                "fileName": "projects/phone-field/src/modules/phone-field/phone-field-input.directive.ts",
+                "line": 132,
+                "character": 9
+              }
+            ],
+            "signatures": [
+              {
+                "id": 79,
+                "name": "ngOnInit",
+                "kind": 4096,
+                "kindString": "Call signature",
+                "flags": {},
+                "type": {
+                  "type": "intrinsic",
+                  "name": "void"
+                },
+                "implementationOf": {
+                  "type": "reference",
+                  "name": "OnInit.ngOnInit"
+                }
+              }
+            ],
+            "implementationOf": {
+              "type": "reference",
+              "name": "OnInit.ngOnInit"
+            }
+          },
+          {
+            "id": 87,
+            "name": "onInputBlur",
+            "kind": 2048,
+            "kindString": "Method",
+            "flags": {
+              "isPublic": true
+            },
+            "decorators": [
+              {
+                "name": "HostListener",
+                "type": {
+                  "type": "reference",
+                  "name": "HostListener"
+                },
+                "arguments": {
+                  "eventName": "'blur'"
+                }
+              }
+            ],
+            "sources": [
+              {
+                "fileName": "projects/phone-field/src/modules/phone-field/phone-field-input.directive.ts",
+                "line": 194,
+                "character": 9
+              }
+            ],
+            "signatures": [
+              {
+                "id": 88,
+                "name": "onInputBlur",
+                "kind": 4096,
+                "kindString": "Call signature",
+                "flags": {},
+                "comment": {
+                  "shortText": "Marks reactive form controls as touched on input blur events"
+                },
+                "type": {
+                  "type": "intrinsic",
+                  "name": "void"
+                }
+              }
+            ]
+          },
+          {
+            "id": 84,
+            "name": "onInputChange",
+            "kind": 2048,
+            "kindString": "Method",
+            "flags": {
+              "isPublic": true
+            },
+            "decorators": [
+              {
+                "name": "HostListener",
+                "type": {
+                  "type": "reference",
+                  "name": "HostListener"
+                },
+                "arguments": {
+                  "eventName": "'change'",
+                  "args": "['$event']"
+                }
+              }
+            ],
+            "sources": [
+              {
+                "fileName": "projects/phone-field/src/modules/phone-field/phone-field-input.directive.ts",
+                "line": 182,
+                "character": 9
+              }
+            ],
+            "signatures": [
+              {
+                "id": 85,
+                "name": "onInputChange",
+                "kind": 4096,
+                "kindString": "Call signature",
+                "flags": {},
+                "comment": {
+                  "shortText": "Writes the new value for reactive forms on change events on the input element"
+                },
+                "parameters": [
+                  {
+                    "id": 86,
+                    "name": "event",
+                    "kind": 32768,
+                    "kindString": "Parameter",
+                    "flags": {},
+                    "comment": {
+                      "shortText": "The change event that was received\n"
+                    },
+                    "type": {
+                      "type": "intrinsic",
+                      "name": "any"
+                    }
+                  }
+                ],
+                "type": {
+                  "type": "intrinsic",
+                  "name": "void"
+                }
+              }
+            ]
+          },
+          {
+            "id": 89,
+            "name": "onInputTyping",
+            "kind": 2048,
+            "kindString": "Method",
+            "flags": {
+              "isPublic": true
+            },
+            "decorators": [
+              {
+                "name": "HostListener",
+                "type": {
+                  "type": "reference",
+                  "name": "HostListener"
+                },
+                "arguments": {
+                  "eventName": "'input'",
+                  "args": "['$event']"
+                }
+              }
+            ],
+            "sources": [
+              {
+                "fileName": "projects/phone-field/src/modules/phone-field/phone-field-input.directive.ts",
+                "line": 199,
+                "character": 9
+              }
+            ],
+            "signatures": [
+              {
+                "id": 90,
+                "name": "onInputTyping",
+                "kind": 4096,
+                "kindString": "Call signature",
+                "flags": {},
+                "parameters": [
+                  {
+                    "id": 91,
+                    "name": "event",
+                    "kind": 32768,
+                    "kindString": "Parameter",
+                    "flags": {},
+                    "type": {
+                      "type": "intrinsic",
+                      "name": "any"
+                    }
+                  }
+                ],
+                "type": {
+                  "type": "intrinsic",
+                  "name": "void"
+                }
+              }
+            ]
+          },
+          {
+            "id": 95,
+            "name": "registerOnChange",
+            "kind": 2048,
+            "kindString": "Method",
+            "flags": {
+              "isPublic": true
+            },
+            "sources": [
+              {
+                "fileName": "projects/phone-field/src/modules/phone-field/phone-field-input.directive.ts",
+                "line": 217,
+                "character": 9
+              }
+            ],
+            "signatures": [
+              {
+                "id": 96,
+                "name": "registerOnChange",
+                "kind": 4096,
+                "kindString": "Call signature",
+                "flags": {},
+                "parameters": [
+                  {
+                    "id": 97,
+                    "name": "fn",
+                    "kind": 32768,
+                    "kindString": "Parameter",
+                    "flags": {},
+                    "type": {
+                      "type": "reflection",
+                      "declaration": {
+                        "id": 98,
+                        "name": "__type",
+                        "kind": 65536,
+                        "kindString": "Type literal",
+                        "flags": {},
+                        "signatures": [
+                          {
+                            "id": 99,
+                            "name": "__type",
+                            "kind": 4096,
+                            "kindString": "Call signature",
+                            "flags": {},
+                            "parameters": [
+                              {
+                                "id": 100,
+                                "name": "value",
+                                "kind": 32768,
+                                "kindString": "Parameter",
+                                "flags": {},
+                                "type": {
+                                  "type": "intrinsic",
+                                  "name": "any"
+                                }
+                              }
+                            ],
+                            "type": {
+                              "type": "intrinsic",
+                              "name": "any"
+                            }
+                          }
+                        ]
+                      }
+                    }
+                  }
+                ],
+                "type": {
+                  "type": "intrinsic",
+                  "name": "void"
+                },
+                "implementationOf": {
+                  "type": "reference",
+                  "name": "ControlValueAccessor.registerOnChange"
+                }
+              }
+            ],
+            "implementationOf": {
+              "type": "reference",
+              "name": "ControlValueAccessor.registerOnChange"
+            }
+          },
+          {
+            "id": 101,
+            "name": "registerOnTouched",
+            "kind": 2048,
+            "kindString": "Method",
+            "flags": {
+              "isPublic": true
+            },
+            "sources": [
+              {
+                "fileName": "projects/phone-field/src/modules/phone-field/phone-field-input.directive.ts",
+                "line": 221,
+                "character": 9
+              }
+            ],
+            "signatures": [
+              {
+                "id": 102,
+                "name": "registerOnTouched",
+                "kind": 4096,
+                "kindString": "Call signature",
+                "flags": {},
+                "parameters": [
+                  {
+                    "id": 103,
+                    "name": "fn",
+                    "kind": 32768,
+                    "kindString": "Parameter",
+                    "flags": {},
+                    "type": {
+                      "type": "reflection",
+                      "declaration": {
+                        "id": 104,
+                        "name": "__type",
+                        "kind": 65536,
+                        "kindString": "Type literal",
+                        "flags": {},
+                        "signatures": [
+                          {
+                            "id": 105,
+                            "name": "__type",
+                            "kind": 4096,
+                            "kindString": "Call signature",
+                            "flags": {},
+                            "type": {
+                              "type": "intrinsic",
+                              "name": "any"
+                            }
+                          }
+                        ]
+                      }
+                    }
+                  }
+                ],
+                "type": {
+                  "type": "intrinsic",
+                  "name": "void"
+                },
+                "implementationOf": {
+                  "type": "reference",
+                  "name": "ControlValueAccessor.registerOnTouched"
+                }
+              }
+            ],
+            "implementationOf": {
+              "type": "reference",
+              "name": "ControlValueAccessor.registerOnTouched"
+            }
+          },
+          {
+            "id": 106,
+            "name": "registerOnValidatorChange",
+            "kind": 2048,
+            "kindString": "Method",
+            "flags": {
+              "isPublic": true
+            },
+            "sources": [
+              {
+                "fileName": "projects/phone-field/src/modules/phone-field/phone-field-input.directive.ts",
+                "line": 225,
+                "character": 9
+              }
+            ],
+            "signatures": [
+              {
+                "id": 107,
+                "name": "registerOnValidatorChange",
+                "kind": 4096,
+                "kindString": "Call signature",
+                "flags": {},
+                "parameters": [
+                  {
+                    "id": 108,
+                    "name": "fn",
+                    "kind": 32768,
+                    "kindString": "Parameter",
+                    "flags": {},
+                    "type": {
+                      "type": "reflection",
+                      "declaration": {
+                        "id": 109,
+                        "name": "__type",
+                        "kind": 65536,
+                        "kindString": "Type literal",
+                        "flags": {},
+                        "signatures": [
+                          {
+                            "id": 110,
+                            "name": "__type",
+                            "kind": 4096,
+                            "kindString": "Call signature",
+                            "flags": {},
+                            "type": {
+                              "type": "intrinsic",
+                              "name": "void"
+                            }
+                          }
+                        ]
+                      }
+                    }
+                  }
+                ],
+                "type": {
+                  "type": "intrinsic",
+                  "name": "void"
+                },
+                "implementationOf": {
+                  "type": "reference",
+                  "name": "Validator.registerOnValidatorChange"
+                }
+              }
+            ],
+            "implementationOf": {
+              "type": "reference",
+              "name": "Validator.registerOnValidatorChange"
+            }
+          },
+          {
+            "id": 111,
+            "name": "setDisabledState",
+            "kind": 2048,
+            "kindString": "Method",
+            "flags": {
+              "isPublic": true
+            },
+            "sources": [
+              {
+                "fileName": "projects/phone-field/src/modules/phone-field/phone-field-input.directive.ts",
+                "line": 233,
+                "character": 9
+              }
+            ],
+            "signatures": [
+              {
+                "id": 112,
+                "name": "setDisabledState",
+                "kind": 4096,
+                "kindString": "Call signature",
+                "flags": {},
+                "comment": {
+                  "shortText": "Sets the disabled state on the input"
+                },
+                "parameters": [
+                  {
+                    "id": 113,
+                    "name": "isDisabled",
+                    "kind": 32768,
+                    "kindString": "Parameter",
+                    "flags": {},
+                    "comment": {
+                      "shortText": "the new value of the input's disabled state\n"
+                    },
+                    "type": {
+                      "type": "intrinsic",
+                      "name": "boolean"
+                    }
+                  }
+                ],
+                "type": {
+                  "type": "intrinsic",
+                  "name": "void"
+                },
+                "implementationOf": {
+                  "type": "reference",
+                  "name": "ControlValueAccessor.setDisabledState"
+                }
+              }
+            ],
+            "implementationOf": {
+              "type": "reference",
+              "name": "ControlValueAccessor.setDisabledState"
+            }
+          },
+          {
+            "id": 114,
+            "name": "validate",
+            "kind": 2048,
+            "kindString": "Method",
+            "flags": {
+              "isPublic": true
+            },
+            "sources": [
+              {
+                "fileName": "projects/phone-field/src/modules/phone-field/phone-field-input.directive.ts",
+                "line": 241,
+                "character": 9
+              }
+            ],
+            "signatures": [
+              {
+                "id": 115,
+                "name": "validate",
+                "kind": 4096,
+                "kindString": "Call signature",
+                "flags": {},
+                "comment": {
+                  "shortText": "Validate's the form control's current value"
+                },
+                "parameters": [
+                  {
+                    "id": 116,
+                    "name": "control",
+                    "kind": 32768,
+                    "kindString": "Parameter",
+                    "flags": {},
+                    "comment": {
+                      "shortText": "the form control for the input\n"
+                    },
+                    "type": {
+                      "type": "reference",
+                      "name": "AbstractControl"
+                    }
+                  }
+                ],
+                "type": {
+                  "type": "reference",
+                  "name": "ValidationErrors"
+                },
+                "implementationOf": {
+                  "type": "reference",
+                  "name": "Validator.validate"
+                }
+              }
+            ],
+            "implementationOf": {
+              "type": "reference",
+              "name": "Validator.validate"
+            }
+          },
+          {
+            "id": 92,
+            "name": "writeValue",
+            "kind": 2048,
+            "kindString": "Method",
+            "flags": {
+              "isPublic": true
+            },
+            "sources": [
+              {
+                "fileName": "projects/phone-field/src/modules/phone-field/phone-field-input.directive.ts",
+                "line": 211,
+                "character": 9
+              }
+            ],
+            "signatures": [
+              {
+                "id": 93,
+                "name": "writeValue",
+                "kind": 4096,
+                "kindString": "Call signature",
+                "flags": {},
+                "comment": {
+                  "shortText": "Writes the new value for reactive forms"
+                },
+                "parameters": [
+                  {
+                    "id": 94,
+                    "name": "value",
+                    "kind": 32768,
+                    "kindString": "Parameter",
+                    "flags": {},
+                    "comment": {
+                      "shortText": "The new value for the input\n"
+                    },
+                    "type": {
+                      "type": "intrinsic",
+                      "name": "string"
+                    }
+                  }
+                ],
+                "type": {
+                  "type": "intrinsic",
+                  "name": "void"
+                },
+                "implementationOf": {
+                  "type": "reference",
+                  "name": "ControlValueAccessor.writeValue"
+                }
+              }
+            ],
+            "implementationOf": {
+              "type": "reference",
+              "name": "ControlValueAccessor.writeValue"
+            }
+          }
+        ],
+        "groups": [
+          {
+            "title": "Constructors",
+            "kind": 512,
+            "children": [
+              57
+            ]
+          },
+          {
+            "title": "Properties",
+            "kind": 1024,
+            "children": [
+              67
+            ]
+          },
+          {
+            "title": "Accessors",
+            "kind": 262144,
+            "children": [
+              63
+            ]
+          },
+          {
+            "title": "Methods",
+            "kind": 2048,
+            "children": [
+              80,
+              82,
+              78,
+              87,
+              84,
+              89,
+              95,
+              101,
+              106,
+              111,
+              114,
+              92
+            ]
+          }
+        ],
+        "sources": [
+          {
+            "fileName": "projects/phone-field/src/modules/phone-field/phone-field-input.directive.ts",
+            "line": 66,
+            "character": 13
+          }
+        ],
+        "implementedTypes": [
+          {
+            "type": "reference",
+            "name": "OnInit"
+          },
+          {
+            "type": "reference",
+            "name": "OnDestroy"
+          },
+          {
+            "type": "reference",
+            "name": "AfterViewInit"
+          },
+          {
+            "type": "reference",
+            "name": "ControlValueAccessor"
+          },
+          {
+            "type": "reference",
+            "name": "Validator"
+          }
+        ]
+      },
+      {
+        "id": 136,
+        "name": "SkyPhoneFieldCountry",
+        "kind": 256,
+        "kindString": "Interface",
+        "flags": {},
+        "children": [
+          {
+            "id": 138,
+            "name": "dialCode",
+            "kind": 1024,
+            "kindString": "Property",
+            "flags": {
+              "isOptional": true
+            },
+            "comment": {
+              "shortText": "Specifies the country's international dial code."
+            },
+            "sources": [
+              {
+                "fileName": "projects/phone-field/src/modules/phone-field/types/country.ts",
+                "line": 12,
+                "character": 2
+              }
+            ],
+            "type": {
+              "type": "intrinsic",
+              "name": "string"
+            }
+          },
+          {
+            "id": 139,
+            "name": "exampleNumber",
+            "kind": 1024,
+            "kindString": "Property",
+            "flags": {
+              "isOptional": true
+            },
+            "comment": {
+              "shortText": "Specifies a placeholder value to demonstrate the country's number format. This\nvalue is `undefined` until a country is selected to validate against."
+            },
+            "sources": [
+              {
+                "fileName": "projects/phone-field/src/modules/phone-field/types/country.ts",
+                "line": 17,
+                "character": 2
+              }
+            ],
+            "type": {
+              "type": "intrinsic",
+              "name": "string"
+            }
+          },
+          {
+            "id": 137,
+            "name": "iso2",
+            "kind": 1024,
+            "kindString": "Property",
+            "flags": {},
+            "comment": {
+              "shortText": "Specifies the country's\n[International Organization for Standardization Alpha 2](https://www.nationsonline.org/oneworld/country_code_list.htm)\ncountry code.",
+              "tags": [
+                {
+                  "tag": "required",
+                  "text": "\n"
+                }
+              ]
+            },
+            "sources": [
+              {
+                "fileName": "projects/phone-field/src/modules/phone-field/types/country.ts",
+                "line": 8,
+                "character": 2
+              }
+            ],
+            "type": {
+              "type": "intrinsic",
+              "name": "string"
+            }
+          },
+          {
+            "id": 140,
+            "name": "name",
+            "kind": 1024,
+            "kindString": "Property",
+            "flags": {
+              "isOptional": true
+            },
+            "comment": {
+              "shortText": "Specifies the name of the country."
+            },
+            "sources": [
+              {
+                "fileName": "projects/phone-field/src/modules/phone-field/types/country.ts",
+                "line": 21,
+                "character": 2
+              }
+            ],
+            "type": {
+              "type": "intrinsic",
+              "name": "string"
+            }
+          }
+        ],
+        "groups": [
+          {
+            "title": "Properties",
+            "kind": 1024,
+            "children": [
+              138,
+              139,
+              137,
+              140
+            ]
+          }
+        ],
+        "sources": [
+          {
+            "fileName": "projects/phone-field/src/modules/phone-field/types/country.ts",
+            "line": 1,
+            "character": 17
+          }
+        ]
+      },
+      {
+        "id": 143,
+        "name": "SkyPhoneFieldNumberReturnFormat",
+        "kind": 4194304,
+        "kindString": "Type alias",
+        "flags": {},
+        "comment": {
+          "shortText": "Represents the format for validated phone numbers. `default` returns the national format for the\ndefault country, `national` returns the national format for all countries, and `international`\nreturns the international format for all countries."
+        },
+        "sources": [
+          {
+            "fileName": "projects/phone-field/src/modules/phone-field/types/number-return-format.ts",
+            "line": 6,
+            "character": 12
+          }
+        ],
+        "type": {
+          "type": "union",
+          "types": [
+            {
+              "type": "literal",
+              "value": "default"
+            },
+            {
+              "type": "literal",
+              "value": "international"
+            },
+            {
+              "type": "literal",
+              "value": "national"
+            }
+          ]
+        }
+      }
+    ],
+    "groups": [
+      {
+        "title": "Classes",
+        "kind": 128,
+        "children": [
+          133,
+          1,
+          56
+        ]
+      },
+      {
+        "title": "Interfaces",
+        "kind": 256,
+        "children": [
+          136
+        ]
+      },
+      {
+        "title": "Type aliases",
+        "kind": 4194304,
+        "children": [
+          143
+        ]
+      }
+    ],
+    "sources": [
+      {
+        "fileName": "projects/phone-field/src/public-api.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",
+      "rawContents": "<form class=\"phone-field-demo\" [formGroup]=\"phoneForm\">\n  <sky-input-box>\n    <sky-phone-field [defaultCountry]=\"'us'\">\n      <input formControlName=\"phoneControl\" skyPhoneFieldInput />\n    </sky-phone-field>\n  </sky-input-box>\n\n  <sky-status-indicator\n    *ngIf=\"!phoneControl.valid\"\n    descriptionType=\"none\"\n    indicatorType=\"danger\"\n  >\n    Enter a phone number matching the format for the selected country.\n  </sky-status-indicator>\n</form>\n"
+    },
+    {
+      "fileName": "phone-field-demo.component.scss",
+      "filePath": "/projects/phone-field/documentation/code-examples/phone-field/basic/phone-field-demo.component.scss",
+      "rawContents": ".phone-field-demo {\n  width: 50%;\n\n  &.ng-valid ::ng-deep .sky-phone-field {\n    margin-bottom: 0;\n  }\n}\n"
+    },
+    {
+      "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"
+    },
+    {
+      "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"
+    }
+  ]
+}