@skyux/forms 5.5.0 → 5.6.0

package/esm2015/lib/modules/file-attachment/file-item.component.js

@@ -1,4 +1,4 @@
-import { Component, Input, Output, KeyValueDiffers, EventEmitter, } from '@angular/core';
+import { Component, EventEmitter, Input, KeyValueDiffers, Output, } from '@angular/core';
 import { SkyFileItemService } from './file-item.service';
 import * as i0 from "@angular/core";
 import * as i1 from "./file-item.service";
@@ -27,7 +27,7 @@ export class SkyFileItemComponent {
         return this.fileItem.url;
     }
     ngDoCheck() {
-        let changes = this.differ.diff(this.fileItem);
+        const changes = this.differ.diff(this.fileItem);
         if (changes) {
             let cls, extensionUpper = this.fileItemService.getFileExtensionUpper(this.fileItem), fileTypeUpper;
             switch (extensionUpper) {

package/esm2015/lib/modules/file-attachment/file-item.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"file-item.component.js","sourceRoot":"","sources":["../../../../../../../../libs/components/forms/src/lib/modules/file-attachment/file-item.component.ts","../../../../../../../../libs/components/forms/src/lib/modules/file-attachment/file-item.component.html"],"names":[],"mappings":"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","sourcesContent":["import {\n  Component,\n  Input,\n  Output,\n  DoCheck,\n  KeyValueDiffers,\n  KeyValueDiffer,\n  EventEmitter,\n} from '@angular/core';\n\nimport { SkyFileItem } from './file-item';\n\nimport { SkyFileLink } from './file-link';\n\nimport { SkyFileItemService } from './file-item.service';\n\n@Component({\n  selector: 'sky-file-item',\n  templateUrl: './file-item.component.html',\n  styleUrls: ['./file-item.component.scss'],\n})\nexport class SkyFileItemComponent implements DoCheck {\n  /**\n   * Specifies the summary information to display about file attachments. For local files,\n   * the default summary includes the file name, file size, file preview, and a delete button.\n   * For external files, the default summary includes the URL and a delete button.\n   * You can include additional inputs to display user-entered metadata.\n   * @required\n   */\n  @Input()\n  public fileItem: SkyFileItem | SkyFileLink;\n\n  /**\n   * Fires when users select the delete button for an item. The deleted item is passed to the\n   * function.\n   */\n  @Output()\n  public deleteFile = new EventEmitter<SkyFileLink | SkyFileItem>();\n\n  public get fileName(): string {\n    return (<SkyFileItem>this.fileItem).file.name;\n  }\n\n  public get fileSize(): number {\n    return (<SkyFileItem>this.fileItem).file.size;\n  }\n\n  public get url(): string {\n    return (<SkyFileLink>this.fileItem).url;\n  }\n\n  public icon: string;\n\n  private differ: KeyValueDiffer<any, any>;\n\n  public constructor(\n    private differs: KeyValueDiffers,\n    private fileItemService: SkyFileItemService\n  ) {\n    this.differ = this.differs.find({}).create();\n  }\n\n  public ngDoCheck() {\n    let changes = this.differ.diff(this.fileItem);\n\n    if (changes) {\n      let cls: string,\n        extensionUpper = this.fileItemService.getFileExtensionUpper(\n          <SkyFileItem>this.fileItem\n        ),\n        fileTypeUpper: string;\n\n      switch (extensionUpper) {\n        case '.PDF':\n          cls = 'pdf';\n          break;\n        case '.GZ':\n        case '.RAR':\n        case '.TGZ':\n        case '.ZIP':\n          cls = 'archive';\n          break;\n        case '.PPT':\n        case '.PPTX':\n          cls = 'powerpoint';\n          break;\n        case '.DOC':\n        case '.DOCX':\n          cls = 'word';\n          break;\n        case '.XLS':\n        case '.XLSX':\n          cls = 'excel';\n          break;\n        case '.TXT':\n          cls = 'text';\n          break;\n        case '.HTM':\n        case '.HTML':\n          cls = 'code';\n          break;\n        default:\n          break;\n      }\n\n      if (!cls) {\n        fileTypeUpper = this.fileItemService.getFileTypeUpper(\n          <SkyFileItem>this.fileItem\n        );\n\n        switch (fileTypeUpper.substr(0, fileTypeUpper.indexOf('/'))) {\n          case 'AUDIO':\n            cls = 'audio';\n            break;\n          case 'IMAGE':\n            // Normally images are displayed as thumbnails, but if an image type is not recognized\n            // as being widely supported by modern browsers (e.g. TIFF files) then an icon should\n            // be displayed instead.\n            cls = 'image';\n            break;\n          case 'TEXT':\n            cls = 'text';\n            break;\n          case 'VIDEO':\n            cls = 'video';\n            break;\n          default:\n            break;\n        }\n      }\n      this.icon = 'file-' + (cls ? cls + '-' : '') + 'o';\n    }\n  }\n\n  public itemDelete() {\n    this.deleteFile.emit(this.fileItem);\n  }\n\n  public isFile() {\n    return this.fileItemService.isFile(<SkyFileItem>this.fileItem);\n  }\n\n  public isImage() {\n    return this.fileItemService.isImage(<SkyFileItem>this.fileItem);\n  }\n}\n","<div class=\"sky-file-item sky-padding-even-default\">\n  <div class=\"sky-file-item-title\">\n    <div class=\"sky-file-item-name-container\">\n      <div class=\"sky-file-item-name\">\n        <strong *ngIf=\"isFile()\">{{ fileName }}</strong>\n        <strong *ngIf=\"!isFile()\">{{ url }}</strong>\n      </div>\n      <div class=\"sky-file-item-size\" *ngIf=\"isFile()\">\n        ({{ fileSize | skyFileSize }})\n      </div>\n    </div>\n    <div class=\"sky-file-item-controls\">\n      <button\n        type=\"button\"\n        class=\"sky-btn sky-btn-default sky-file-item-btn-delete\"\n        [attr.aria-label]=\"\n          'skyux_file_attachment_file_item_delete' | skyLibResources\n        \"\n        (click)=\"itemDelete()\"\n      >\n        <sky-icon icon=\"trash-o\" size=\"lg\"></sky-icon>\n      </button>\n    </div>\n  </div>\n  <div class=\"sky-file-item-content\">\n    <div class=\"sky-file-item-preview\">\n      <div *ngIf=\"isImage()\" class=\"sky-file-item-preview-img-container\">\n        <img\n          class=\"sky-file-item-preview-img\"\n          [src]=\"url\"\n          [alt]=\"\n            'skyux_file_attachment_file_upload_image_preview_alt_text'\n              | skyLibResources\n          \"\n        />\n      </div>\n      <div *ngIf=\"!isImage()\" class=\"sky-file-item-preview-other\">\n        <sky-icon [icon]=\"icon\"></sky-icon>\n      </div>\n    </div>\n    <div class=\"sky-file-item-content-custom\">\n      <ng-content></ng-content>\n    </div>\n  </div>\n</div>\n"]}
+{"version":3,"file":"file-item.component.js","sourceRoot":"","sources":["../../../../../../../../libs/components/forms/src/lib/modules/file-attachment/file-item.component.ts","../../../../../../../../libs/components/forms/src/lib/modules/file-attachment/file-item.component.html"],"names":[],"mappings":"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","sourcesContent":["import {\n  Component,\n  DoCheck,\n  EventEmitter,\n  Input,\n  KeyValueDiffer,\n  KeyValueDiffers,\n  Output,\n} from '@angular/core';\n\nimport { SkyFileItem } from './file-item';\nimport { SkyFileItemService } from './file-item.service';\nimport { SkyFileLink } from './file-link';\n\n@Component({\n  selector: 'sky-file-item',\n  templateUrl: './file-item.component.html',\n  styleUrls: ['./file-item.component.scss'],\n})\nexport class SkyFileItemComponent implements DoCheck {\n  /**\n   * Specifies the summary information to display about file attachments. For local files,\n   * the default summary includes the file name, file size, file preview, and a delete button.\n   * For external files, the default summary includes the URL and a delete button.\n   * You can include additional inputs to display user-entered metadata.\n   * @required\n   */\n  @Input()\n  public fileItem: SkyFileItem | SkyFileLink;\n\n  /**\n   * Fires when users select the delete button for an item. The deleted item is passed to the\n   * function.\n   */\n  @Output()\n  public deleteFile = new EventEmitter<SkyFileLink | SkyFileItem>();\n\n  public get fileName(): string {\n    return (this.fileItem as SkyFileItem).file.name;\n  }\n\n  public get fileSize(): number {\n    return (this.fileItem as SkyFileItem).file.size;\n  }\n\n  public get url(): string {\n    return this.fileItem.url;\n  }\n\n  public icon: string;\n\n  private differ: KeyValueDiffer<any, any>;\n\n  public constructor(\n    private differs: KeyValueDiffers,\n    private fileItemService: SkyFileItemService\n  ) {\n    this.differ = this.differs.find({}).create();\n  }\n\n  public ngDoCheck() {\n    const changes = this.differ.diff(this.fileItem);\n\n    if (changes) {\n      let cls: string,\n        extensionUpper = this.fileItemService.getFileExtensionUpper(\n          this.fileItem as SkyFileItem\n        ),\n        fileTypeUpper: string;\n\n      switch (extensionUpper) {\n        case '.PDF':\n          cls = 'pdf';\n          break;\n        case '.GZ':\n        case '.RAR':\n        case '.TGZ':\n        case '.ZIP':\n          cls = 'archive';\n          break;\n        case '.PPT':\n        case '.PPTX':\n          cls = 'powerpoint';\n          break;\n        case '.DOC':\n        case '.DOCX':\n          cls = 'word';\n          break;\n        case '.XLS':\n        case '.XLSX':\n          cls = 'excel';\n          break;\n        case '.TXT':\n          cls = 'text';\n          break;\n        case '.HTM':\n        case '.HTML':\n          cls = 'code';\n          break;\n        default:\n          break;\n      }\n\n      if (!cls) {\n        fileTypeUpper = this.fileItemService.getFileTypeUpper(\n          this.fileItem as SkyFileItem\n        );\n\n        switch (fileTypeUpper.substr(0, fileTypeUpper.indexOf('/'))) {\n          case 'AUDIO':\n            cls = 'audio';\n            break;\n          case 'IMAGE':\n            // Normally images are displayed as thumbnails, but if an image type is not recognized\n            // as being widely supported by modern browsers (e.g. TIFF files) then an icon should\n            // be displayed instead.\n            cls = 'image';\n            break;\n          case 'TEXT':\n            cls = 'text';\n            break;\n          case 'VIDEO':\n            cls = 'video';\n            break;\n          default:\n            break;\n        }\n      }\n      this.icon = 'file-' + (cls ? cls + '-' : '') + 'o';\n    }\n  }\n\n  public itemDelete() {\n    this.deleteFile.emit(this.fileItem);\n  }\n\n  public isFile() {\n    return this.fileItemService.isFile(this.fileItem as SkyFileItem);\n  }\n\n  public isImage() {\n    return this.fileItemService.isImage(this.fileItem as SkyFileItem);\n  }\n}\n","<div class=\"sky-file-item sky-padding-even-default\">\n  <div class=\"sky-file-item-title\">\n    <div class=\"sky-file-item-name-container\">\n      <div class=\"sky-file-item-name\">\n        <strong *ngIf=\"isFile()\">{{ fileName }}</strong>\n        <strong *ngIf=\"!isFile()\">{{ url }}</strong>\n      </div>\n      <div class=\"sky-file-item-size\" *ngIf=\"isFile()\">\n        ({{ fileSize | skyFileSize }})\n      </div>\n    </div>\n    <div class=\"sky-file-item-controls\">\n      <button\n        type=\"button\"\n        class=\"sky-btn sky-btn-default sky-file-item-btn-delete\"\n        [attr.aria-label]=\"\n          'skyux_file_attachment_file_item_delete' | skyLibResources\n        \"\n        (click)=\"itemDelete()\"\n      >\n        <sky-icon icon=\"trash-o\" size=\"lg\"></sky-icon>\n      </button>\n    </div>\n  </div>\n  <div class=\"sky-file-item-content\">\n    <div class=\"sky-file-item-preview\">\n      <div *ngIf=\"isImage()\" class=\"sky-file-item-preview-img-container\">\n        <img\n          class=\"sky-file-item-preview-img\"\n          [src]=\"url\"\n          [alt]=\"\n            'skyux_file_attachment_file_upload_image_preview_alt_text'\n              | skyLibResources\n          \"\n        />\n      </div>\n      <div *ngIf=\"!isImage()\" class=\"sky-file-item-preview-other\">\n        <sky-icon [icon]=\"icon\"></sky-icon>\n      </div>\n    </div>\n    <div class=\"sky-file-item-content-custom\">\n      <ng-content></ng-content>\n    </div>\n  </div>\n</div>\n"]}

package/esm2015/lib/modules/file-attachment/file-item.service.js

@@ -5,7 +5,7 @@ import * as i0 from "@angular/core";
  */
 export class SkyFileItemService {
     isFile(fileItem) {
-        let file = fileItem.file;
+        const file = fileItem.file;
         /* tslint:disable */
         return (file &&
             file !== undefined &&
@@ -35,7 +35,7 @@ export class SkyFileItemService {
         /* istanbul ignore else */
         /* sanity check */
         if (fileItem) {
-            let file = fileItem.file;
+            const file = fileItem.file;
             if (file) {
                 /* istanbul ignore next */
                 name = file.name || '';
@@ -53,7 +53,7 @@ export class SkyFileItemService {
         /* istanbul ignore else */
         /* sanity check */
         if (fileItem) {
-            let file = fileItem.file;
+            const file = fileItem.file;
             if (file) {
                 fileType = file.type || '';
             }

package/esm2015/lib/modules/file-attachment/file-item.service.js.map

@@ -1 +1 @@
-{"version":3,"file":"file-item.service.js","sourceRoot":"","sources":["../../../../../../../../libs/components/forms/src/lib/modules/file-attachment/file-item.service.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;;AAI3C;;GAEG;AAEH,MAAM,OAAO,kBAAkB;IACtB,MAAM,CAAC,QAAqB;QACjC,IAAI,IAAI,GAAG,QAAQ,CAAC,IAAI,CAAC;QAEzB,oBAAoB;QACpB,OAAO,CACL,IAAI;YACJ,IAAI,KAAK,SAAS;YAClB,IAAI,KAAK,IAAI;YACb,IAAI,CAAC,IAAI,KAAK,SAAS;YACvB,IAAI,CAAC,IAAI,KAAK,IAAI,CACnB,CAAC;QACF,mBAAmB;IACrB,CAAC;IAEM,OAAO,CAAC,QAAqB;QAClC,IAAI,aAAa,GAAG,IAAI,CAAC,gBAAgB,CAAC,QAAQ,CAAC,EACjD,UAAkB,CAAC;QAErB,UAAU,GAAG,aAAa,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC;QAExC,IAAI,UAAU,IAAI,CAAC,EAAE;YACnB,QAAQ,aAAa,CAAC,MAAM,CAAC,aAAa,CAAC,OAAO,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,EAAE;gBAC5D,KAAK,KAAK,CAAC;gBACX,KAAK,KAAK,CAAC;gBACX,KAAK,MAAM,CAAC;gBACZ,KAAK,KAAK;oBACR,OAAO,IAAI,CAAC;gBACd;oBACE,MAAM;aACT;SACF;QAED,OAAO,KAAK,CAAC;IACf,CAAC;IAEM,qBAAqB,CAAC,QAAqB;QAChD,IAAI,SAAS,GAAG,EAAE,EAChB,IAAY,CAAC;QAEf,0BAA0B;QAC1B,kBAAkB;QAClB,IAAI,QAAQ,EAAE;YACZ,IAAI,IAAI,GAAG,QAAQ,CAAC,IAAI,CAAC;YACzB,IAAI,IAAI,EAAE;gBACR,0BAA0B;gBAC1B,IAAI,GAAG,IAAI,CAAC,IAAI,IAAI,EAAE,CAAC;gBACvB,0BAA0B;gBAC1B,SAAS,GAAG,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC;aACtD;iBAAM;gBACL,SAAS,GAAG,EAAE,CAAC;aAChB;SACF;QAED,OAAO,SAAS,CAAC,WAAW,EAAE,CAAC;IACjC,CAAC;IAEM,gBAAgB,CAAC,QAAqB;QAC3C,IAAI,QAAQ,GAAG,EAAE,CAAC;QAClB,0BAA0B;QAC1B,kBAAkB;QAClB,IAAI,QAAQ,EAAE;YACZ,IAAI,IAAI,GAAG,QAAQ,CAAC,IAAI,CAAC;YACzB,IAAI,IAAI,EAAE;gBACR,QAAQ,GAAG,IAAI,CAAC,IAAI,IAAI,EAAE,CAAC;aAC5B;iBAAM;gBACL,QAAQ,GAAG,EAAE,CAAC;aACf;SACF;QAED,OAAO,QAAQ,CAAC,WAAW,EAAE,CAAC;IAChC,CAAC;;gHAvEU,kBAAkB;oHAAlB,kBAAkB;4FAAlB,kBAAkB;kBAD9B,UAAU","sourcesContent":["import { Injectable } from '@angular/core';\n\nimport { SkyFileItem } from './file-item';\n\n/**\n * @internal\n */\n@Injectable()\nexport class SkyFileItemService {\n  public isFile(fileItem: SkyFileItem): boolean {\n    let file = fileItem.file;\n\n    /* tslint:disable */\n    return (\n      file &&\n      file !== undefined &&\n      file !== null &&\n      file.size !== undefined &&\n      file.size !== null\n    );\n    /* tslint:enable */\n  }\n\n  public isImage(fileItem: SkyFileItem): boolean {\n    let fileTypeUpper = this.getFileTypeUpper(fileItem),\n      slashIndex: number;\n\n    slashIndex = fileTypeUpper.indexOf('/');\n\n    if (slashIndex >= 0) {\n      switch (fileTypeUpper.substr(fileTypeUpper.indexOf('/') + 1)) {\n        case 'BMP':\n        case 'GIF':\n        case 'JPEG':\n        case 'PNG':\n          return true;\n        default:\n          break;\n      }\n    }\n\n    return false;\n  }\n\n  public getFileExtensionUpper(fileItem: SkyFileItem): string {\n    let extension = '',\n      name: string;\n\n    /* istanbul ignore else */\n    /* sanity check */\n    if (fileItem) {\n      let file = fileItem.file;\n      if (file) {\n        /* istanbul ignore next */\n        name = file.name || '';\n        /* istanbul ignore next */\n        extension = name.substr(name.lastIndexOf('.')) || '';\n      } else {\n        extension = '';\n      }\n    }\n\n    return extension.toUpperCase();\n  }\n\n  public getFileTypeUpper(fileItem: SkyFileItem): string {\n    let fileType = '';\n    /* istanbul ignore else */\n    /* sanity check */\n    if (fileItem) {\n      let file = fileItem.file;\n      if (file) {\n        fileType = file.type || '';\n      } else {\n        fileType = '';\n      }\n    }\n\n    return fileType.toUpperCase();\n  }\n}\n"]}
+{"version":3,"file":"file-item.service.js","sourceRoot":"","sources":["../../../../../../../../libs/components/forms/src/lib/modules/file-attachment/file-item.service.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;;AAI3C;;GAEG;AAEH,MAAM,OAAO,kBAAkB;IACtB,MAAM,CAAC,QAAqB;QACjC,MAAM,IAAI,GAAG,QAAQ,CAAC,IAAI,CAAC;QAE3B,oBAAoB;QACpB,OAAO,CACL,IAAI;YACJ,IAAI,KAAK,SAAS;YAClB,IAAI,KAAK,IAAI;YACb,IAAI,CAAC,IAAI,KAAK,SAAS;YACvB,IAAI,CAAC,IAAI,KAAK,IAAI,CACnB,CAAC;QACF,mBAAmB;IACrB,CAAC;IAEM,OAAO,CAAC,QAAqB;QAClC,IAAI,aAAa,GAAG,IAAI,CAAC,gBAAgB,CAAC,QAAQ,CAAC,EACjD,UAAkB,CAAC;QAErB,UAAU,GAAG,aAAa,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC;QAExC,IAAI,UAAU,IAAI,CAAC,EAAE;YACnB,QAAQ,aAAa,CAAC,MAAM,CAAC,aAAa,CAAC,OAAO,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,EAAE;gBAC5D,KAAK,KAAK,CAAC;gBACX,KAAK,KAAK,CAAC;gBACX,KAAK,MAAM,CAAC;gBACZ,KAAK,KAAK;oBACR,OAAO,IAAI,CAAC;gBACd;oBACE,MAAM;aACT;SACF;QAED,OAAO,KAAK,CAAC;IACf,CAAC;IAEM,qBAAqB,CAAC,QAAqB;QAChD,IAAI,SAAS,GAAG,EAAE,EAChB,IAAY,CAAC;QAEf,0BAA0B;QAC1B,kBAAkB;QAClB,IAAI,QAAQ,EAAE;YACZ,MAAM,IAAI,GAAG,QAAQ,CAAC,IAAI,CAAC;YAC3B,IAAI,IAAI,EAAE;gBACR,0BAA0B;gBAC1B,IAAI,GAAG,IAAI,CAAC,IAAI,IAAI,EAAE,CAAC;gBACvB,0BAA0B;gBAC1B,SAAS,GAAG,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC;aACtD;iBAAM;gBACL,SAAS,GAAG,EAAE,CAAC;aAChB;SACF;QAED,OAAO,SAAS,CAAC,WAAW,EAAE,CAAC;IACjC,CAAC;IAEM,gBAAgB,CAAC,QAAqB;QAC3C,IAAI,QAAQ,GAAG,EAAE,CAAC;QAClB,0BAA0B;QAC1B,kBAAkB;QAClB,IAAI,QAAQ,EAAE;YACZ,MAAM,IAAI,GAAG,QAAQ,CAAC,IAAI,CAAC;YAC3B,IAAI,IAAI,EAAE;gBACR,QAAQ,GAAG,IAAI,CAAC,IAAI,IAAI,EAAE,CAAC;aAC5B;iBAAM;gBACL,QAAQ,GAAG,EAAE,CAAC;aACf;SACF;QAED,OAAO,QAAQ,CAAC,WAAW,EAAE,CAAC;IAChC,CAAC;;gHAvEU,kBAAkB;oHAAlB,kBAAkB;4FAAlB,kBAAkB;kBAD9B,UAAU","sourcesContent":["import { Injectable } from '@angular/core';\n\nimport { SkyFileItem } from './file-item';\n\n/**\n * @internal\n */\n@Injectable()\nexport class SkyFileItemService {\n  public isFile(fileItem: SkyFileItem): boolean {\n    const file = fileItem.file;\n\n    /* tslint:disable */\n    return (\n      file &&\n      file !== undefined &&\n      file !== null &&\n      file.size !== undefined &&\n      file.size !== null\n    );\n    /* tslint:enable */\n  }\n\n  public isImage(fileItem: SkyFileItem): boolean {\n    let fileTypeUpper = this.getFileTypeUpper(fileItem),\n      slashIndex: number;\n\n    slashIndex = fileTypeUpper.indexOf('/');\n\n    if (slashIndex >= 0) {\n      switch (fileTypeUpper.substr(fileTypeUpper.indexOf('/') + 1)) {\n        case 'BMP':\n        case 'GIF':\n        case 'JPEG':\n        case 'PNG':\n          return true;\n        default:\n          break;\n      }\n    }\n\n    return false;\n  }\n\n  public getFileExtensionUpper(fileItem: SkyFileItem): string {\n    let extension = '',\n      name: string;\n\n    /* istanbul ignore else */\n    /* sanity check */\n    if (fileItem) {\n      const file = fileItem.file;\n      if (file) {\n        /* istanbul ignore next */\n        name = file.name || '';\n        /* istanbul ignore next */\n        extension = name.substr(name.lastIndexOf('.')) || '';\n      } else {\n        extension = '';\n      }\n    }\n\n    return extension.toUpperCase();\n  }\n\n  public getFileTypeUpper(fileItem: SkyFileItem): string {\n    let fileType = '';\n    /* istanbul ignore else */\n    /* sanity check */\n    if (fileItem) {\n      const file = fileItem.file;\n      if (file) {\n        fileType = file.type || '';\n      } else {\n        fileType = '';\n      }\n    }\n\n    return fileType.toUpperCase();\n  }\n}\n"]}

package/esm2015/lib/modules/file-attachment/file-size.pipe.js

@@ -1,5 +1,5 @@
-import { Pipe } from '@angular/core';
 import { DecimalPipe } from '@angular/common';
+import { Pipe } from '@angular/core';
 import { SkyLibResourcesService } from '@skyux/i18n';
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/common";

package/esm2015/lib/modules/file-attachment/file-size.pipe.js.map

@@ -1 +1 @@
-{"version":3,"file":"file-size.pipe.js","sourceRoot":"","sources":["../../../../../../../../libs/components/forms/src/lib/modules/file-attachment/file-size.pipe.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAiB,MAAM,eAAe,CAAC;AAEpD,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAE9C,OAAO,EAAE,sBAAsB,EAAE,MAAM,aAAa,CAAC;;;;AAErD;;GAEG;AAIH,MAAM,OAAO,eAAe;IAC1B,YACU,WAAwB,EACxB,gBAAwC;QADxC,gBAAW,GAAX,WAAW,CAAa;QACxB,qBAAgB,GAAhB,gBAAgB,CAAwB;IAC/C,CAAC;IAEG,SAAS,CAAC,KAAa;QAC5B,IAAI,aAAa,GAAG,CAAC,EACnB,QAAQ,GAAG,CAAC,EACZ,aAAqB,EACrB,WAAmB,EACnB,QAAgB,CAAC;QAEnB,oBAAoB;QACpB,IAAI,KAAK,KAAK,IAAI,IAAI,KAAK,KAAK,SAAS,EAAE;YACzC,OAAO,EAAE,CAAC;SACX;QACD,mBAAmB;QAEnB,IAAI,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE;YACzB,QAAQ,GAAG,4CAA4C,CAAC;SACzD;aAAM,IAAI,KAAK,GAAG,IAAI,EAAE;YACvB,QAAQ,GAAG,0CAA0C,CAAC;SACvD;aAAM,IAAI,KAAK,GAAG,GAAG,EAAE;YACtB,QAAQ,GAAG,oCAAoC,CAAC;YAChD,QAAQ,GAAG,IAAI,CAAC;SACjB;aAAM,IAAI,KAAK,GAAG,GAAG,EAAE;YACtB,QAAQ,GAAG,oCAAoC,CAAC;YAChD,QAAQ,GAAG,GAAG,CAAC;YACf,aAAa,GAAG,CAAC,CAAC;SACnB;aAAM;YACL,QAAQ,GAAG,oCAAoC,CAAC;YAChD,QAAQ,GAAG,GAAG,CAAC;YACf,aAAa,GAAG,CAAC,CAAC;SACnB;QAED,WAAW;YACT,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,CAAC,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,aAAa,CAAC,CAAC,CAAC;gBAC5D,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,aAAa,CAAC,CAAC;QAE9B,aAAa,GAAG,IAAI,CAAC,WAAW,CAAC,SAAS,CAAC,WAAW,EAAE,MAAM,CAAC,CAAC;QAEhE,OAAO,IAAI,CAAC,SAAS,CAAC,QAAQ,EAAE,aAAa,CAAC,CAAC;IACjD,CAAC;IAEO,SAAS,CAAC,GAAW,EAAE,GAAG,IAAW;QAC3C,6EAA6E;QAC7E,OAAO,IAAI,CAAC,gBAAgB,CAAC,kBAAkB,CAC7C,EAAE,MAAM,EAAE,OAAO,EAAE,EACnB,GAAG,EACH,GAAG,IAAI,CACR,CAAC;IACJ,CAAC;;6GApDU,eAAe;2GAAf,eAAe;4FAAf,eAAe;kBAH3B,IAAI;mBAAC;oBACJ,IAAI,EAAE,aAAa;iBACpB","sourcesContent":["import { Pipe, PipeTransform } from '@angular/core';\n\nimport { DecimalPipe } from '@angular/common';\n\nimport { SkyLibResourcesService } from '@skyux/i18n';\n\n/**\n * @internal\n */\n@Pipe({\n  name: 'skyFileSize',\n})\nexport class SkyFileSizePipe implements PipeTransform {\n  constructor(\n    private decimalPipe: DecimalPipe,\n    private resourcesService: SkyLibResourcesService\n  ) {}\n\n  public transform(input: number): string {\n    let decimalPlaces = 0,\n      dividend = 1,\n      formattedSize: string,\n      roundedSize: number,\n      template: string;\n\n    /* tslint:disable */\n    if (input === null || input === undefined) {\n      return '';\n    }\n    /* tslint:enable */\n\n    if (Math.abs(input) === 1) {\n      template = 'skyux_file_attachment_file_size_b_singular';\n    } else if (input < 1000) {\n      template = 'skyux_file_attachment_file_size_b_plural';\n    } else if (input < 1e6) {\n      template = 'skyux_file_attachment_file_size_kb';\n      dividend = 1000;\n    } else if (input < 1e9) {\n      template = 'skyux_file_attachment_file_size_mb';\n      dividend = 1e6;\n      decimalPlaces = 1;\n    } else {\n      template = 'skyux_file_attachment_file_size_gb';\n      dividend = 1e9;\n      decimalPlaces = 1;\n    }\n\n    roundedSize =\n      Math.floor(input / (dividend / Math.pow(10, decimalPlaces))) /\n      Math.pow(10, decimalPlaces);\n\n    formattedSize = this.decimalPipe.transform(roundedSize, '.0-3');\n\n    return this.getString(template, formattedSize);\n  }\n\n  private getString(key: string, ...args: any[]): string {\n    // TODO: Need to implement the async `getString` method in a breaking change.\n    return this.resourcesService.getStringForLocale(\n      { locale: 'en-US' },\n      key,\n      ...args\n    );\n  }\n}\n"]}
+{"version":3,"file":"file-size.pipe.js","sourceRoot":"","sources":["../../../../../../../../libs/components/forms/src/lib/modules/file-attachment/file-size.pipe.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAC9C,OAAO,EAAE,IAAI,EAAiB,MAAM,eAAe,CAAC;AACpD,OAAO,EAAE,sBAAsB,EAAE,MAAM,aAAa,CAAC;;;;AAErD;;GAEG;AAIH,MAAM,OAAO,eAAe;IAC1B,YACU,WAAwB,EACxB,gBAAwC;QADxC,gBAAW,GAAX,WAAW,CAAa;QACxB,qBAAgB,GAAhB,gBAAgB,CAAwB;IAC/C,CAAC;IAEG,SAAS,CAAC,KAAa;QAC5B,IAAI,aAAa,GAAG,CAAC,EACnB,QAAQ,GAAG,CAAC,EACZ,aAAqB,EACrB,WAAmB,EACnB,QAAgB,CAAC;QAEnB,oBAAoB;QACpB,IAAI,KAAK,KAAK,IAAI,IAAI,KAAK,KAAK,SAAS,EAAE;YACzC,OAAO,EAAE,CAAC;SACX;QACD,mBAAmB;QAEnB,IAAI,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE;YACzB,QAAQ,GAAG,4CAA4C,CAAC;SACzD;aAAM,IAAI,KAAK,GAAG,IAAI,EAAE;YACvB,QAAQ,GAAG,0CAA0C,CAAC;SACvD;aAAM,IAAI,KAAK,GAAG,GAAG,EAAE;YACtB,QAAQ,GAAG,oCAAoC,CAAC;YAChD,QAAQ,GAAG,IAAI,CAAC;SACjB;aAAM,IAAI,KAAK,GAAG,GAAG,EAAE;YACtB,QAAQ,GAAG,oCAAoC,CAAC;YAChD,QAAQ,GAAG,GAAG,CAAC;YACf,aAAa,GAAG,CAAC,CAAC;SACnB;aAAM;YACL,QAAQ,GAAG,oCAAoC,CAAC;YAChD,QAAQ,GAAG,GAAG,CAAC;YACf,aAAa,GAAG,CAAC,CAAC;SACnB;QAED,WAAW;YACT,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,CAAC,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,aAAa,CAAC,CAAC,CAAC;gBAC5D,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,aAAa,CAAC,CAAC;QAE9B,aAAa,GAAG,IAAI,CAAC,WAAW,CAAC,SAAS,CAAC,WAAW,EAAE,MAAM,CAAC,CAAC;QAEhE,OAAO,IAAI,CAAC,SAAS,CAAC,QAAQ,EAAE,aAAa,CAAC,CAAC;IACjD,CAAC;IAEO,SAAS,CAAC,GAAW,EAAE,GAAG,IAAW;QAC3C,6EAA6E;QAC7E,OAAO,IAAI,CAAC,gBAAgB,CAAC,kBAAkB,CAC7C,EAAE,MAAM,EAAE,OAAO,EAAE,EACnB,GAAG,EACH,GAAG,IAAI,CACR,CAAC;IACJ,CAAC;;6GApDU,eAAe;2GAAf,eAAe;4FAAf,eAAe;kBAH3B,IAAI;mBAAC;oBACJ,IAAI,EAAE,aAAa;iBACpB","sourcesContent":["import { DecimalPipe } from '@angular/common';\nimport { Pipe, PipeTransform } from '@angular/core';\nimport { SkyLibResourcesService } from '@skyux/i18n';\n\n/**\n * @internal\n */\n@Pipe({\n  name: 'skyFileSize',\n})\nexport class SkyFileSizePipe implements PipeTransform {\n  constructor(\n    private decimalPipe: DecimalPipe,\n    private resourcesService: SkyLibResourcesService\n  ) {}\n\n  public transform(input: number): string {\n    let decimalPlaces = 0,\n      dividend = 1,\n      formattedSize: string,\n      roundedSize: number,\n      template: string;\n\n    /* tslint:disable */\n    if (input === null || input === undefined) {\n      return '';\n    }\n    /* tslint:enable */\n\n    if (Math.abs(input) === 1) {\n      template = 'skyux_file_attachment_file_size_b_singular';\n    } else if (input < 1000) {\n      template = 'skyux_file_attachment_file_size_b_plural';\n    } else if (input < 1e6) {\n      template = 'skyux_file_attachment_file_size_kb';\n      dividend = 1000;\n    } else if (input < 1e9) {\n      template = 'skyux_file_attachment_file_size_mb';\n      dividend = 1e6;\n      decimalPlaces = 1;\n    } else {\n      template = 'skyux_file_attachment_file_size_gb';\n      dividend = 1e9;\n      decimalPlaces = 1;\n    }\n\n    roundedSize =\n      Math.floor(input / (dividend / Math.pow(10, decimalPlaces))) /\n      Math.pow(10, decimalPlaces);\n\n    formattedSize = this.decimalPipe.transform(roundedSize, '.0-3');\n\n    return this.getString(template, formattedSize);\n  }\n\n  private getString(key: string, ...args: any[]): string {\n    // TODO: Need to implement the async `getString` method in a breaking change.\n    return this.resourcesService.getStringForLocale(\n      { locale: 'en-US' },\n      key,\n      ...args\n    );\n  }\n}\n"]}

package/esm2015/lib/modules/input-box/input-box-host.service.js.map

@@ -1 +1 @@
-{"version":3,"file":"input-box-host.service.js","sourceRoot":"","sources":["../../../../../../../../libs/components/forms/src/lib/modules/input-box/input-box-host.service.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;;AAM3C;;GAEG;AAEH,MAAM,OAAO,sBAAsB;IAG1B,IAAI,CAAC,IAA0B;QACpC,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;IACnB,CAAC;IAEM,QAAQ,CAAC,IAA6B;QAC3C,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;IAC3B,CAAC;;oHATU,sBAAsB;wHAAtB,sBAAsB;4FAAtB,sBAAsB;kBADlC,UAAU","sourcesContent":["import { Injectable } from '@angular/core';\n\nimport { SkyInputBoxComponent } from './input-box.component';\n\nimport { SkyInputBoxPopulateArgs } from './input-box-populate-args';\n\n/**\n * @internal\n */\n@Injectable()\nexport class SkyInputBoxHostService {\n  private host: SkyInputBoxComponent;\n\n  public init(host: SkyInputBoxComponent): void {\n    this.host = host;\n  }\n\n  public populate(args: SkyInputBoxPopulateArgs): void {\n    this.host.populate(args);\n  }\n}\n"]}
+{"version":3,"file":"input-box-host.service.js","sourceRoot":"","sources":["../../../../../../../../libs/components/forms/src/lib/modules/input-box/input-box-host.service.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;;AAK3C;;GAEG;AAEH,MAAM,OAAO,sBAAsB;IAG1B,IAAI,CAAC,IAA0B;QACpC,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;IACnB,CAAC;IAEM,QAAQ,CAAC,IAA6B;QAC3C,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;IAC3B,CAAC;;oHATU,sBAAsB;wHAAtB,sBAAsB;4FAAtB,sBAAsB;kBADlC,UAAU","sourcesContent":["import { Injectable } from '@angular/core';\n\nimport { SkyInputBoxPopulateArgs } from './input-box-populate-args';\nimport { SkyInputBoxComponent } from './input-box.component';\n\n/**\n * @internal\n */\n@Injectable()\nexport class SkyInputBoxHostService {\n  private host: SkyInputBoxComponent;\n\n  public init(host: SkyInputBoxComponent): void {\n    this.host = host;\n  }\n\n  public populate(args: SkyInputBoxPopulateArgs): void {\n    this.host.populate(args);\n  }\n}\n"]}

package/esm2015/lib/modules/input-box/input-box.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"input-box.component.js","sourceRoot":"","sources":["../../../../../../../../libs/components/forms/src/lib/modules/input-box/input-box.component.ts","../../../../../../../../libs/components/forms/src/lib/modules/input-box/input-box.component.html"],"names":[],"mappings":"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","sourcesContent":["import {\n  ChangeDetectorRef,\n  Component,\n  ContentChild,\n  ElementRef,\n  Input,\n  OnInit,\n  TemplateRef,\n  ViewEncapsulation,\n} from '@angular/core';\n\nimport {\n  AbstractControlDirective,\n  FormControlDirective,\n  FormControlName,\n  NgModel,\n} from '@angular/forms';\n\nimport { SkyInputBoxAdapterService } from './input-box-adapter.service';\n\nimport { SkyInputBoxHostService } from './input-box-host.service';\n\nimport { SkyInputBoxPopulateArgs } from './input-box-populate-args';\n\n/**\n * Creates a wrapper to provide styling for `input` and `label` elements. To render the\n * component correctly, include the `sky-form-control` CSS class on the `input` element\n * and the `sky-control-label` CSS class on the `label` element. To display a help button\n * beside the label, include a help button element in the `sky-input-box` element and a\n * `sky-control-help` CSS class on that element.\n */\n@Component({\n  selector: 'sky-input-box',\n  templateUrl: './input-box.component.html',\n  styleUrls: ['./input-box.component.scss'],\n  providers: [SkyInputBoxAdapterService, SkyInputBoxHostService],\n  // Note that change detection is not set to OnPush; default change detection allows the\n  // invalid CSS class to be added when the content control's invalid/dirty state changes.\n  encapsulation: ViewEncapsulation.None,\n})\nexport class SkyInputBoxComponent implements OnInit {\n  /**\n   * Indicates whether to visually highlight the input box in an error state. If `hasErrors` is `false`, the input box still\n   * displays in an error state when either the `ngModel` or the Angular `FormControl` contain an error.\n   * @default false\n   */\n  @Input()\n  public hasErrors: boolean;\n\n  /**\n   * Indicates whether to visually highlight the input box as disabled. To disable the input box's\n   * `input` element, use the HTML `disabled` attribute or the Angular `FormControl.disabled`\n   * property. You must set both properties to disable an `input` element and visually indicate\n   * the disabled state on the input box.\n   * @default false\n   */\n  @Input()\n  public disabled: boolean;\n\n  public hostInputTemplate: TemplateRef<any>;\n\n  public hostButtonsTemplate: TemplateRef<any>;\n\n  public hostButtonsInsetTemplate: TemplateRef<any>;\n\n  public hostButtonsLeftTemplate: TemplateRef<any>;\n\n  public formControlHasFocus: boolean;\n\n  public hostIconsInsetTemplate: TemplateRef<any>;\n\n  public hostIconsInsetLeftTemplate: TemplateRef<any>;\n\n  @ContentChild(FormControlDirective)\n  public formControl: FormControlDirective;\n\n  @ContentChild(FormControlName)\n  public formControlByName: FormControlName;\n\n  @ContentChild(NgModel)\n  public ngModel: NgModel;\n\n  public get hasErrorsComputed(): boolean {\n    if (this.hasErrors === undefined) {\n      return (\n        this.controlHasErrors(this.formControl) ||\n        this.controlHasErrors(this.formControlByName) ||\n        this.controlHasErrors(this.ngModel)\n      );\n    }\n\n    return this.hasErrors;\n  }\n\n  constructor(\n    private changeRef: ChangeDetectorRef,\n    private inputBoxHostSvc: SkyInputBoxHostService,\n    private adapterService: SkyInputBoxAdapterService,\n    private elementRef: ElementRef\n  ) {}\n\n  public ngOnInit(): void {\n    this.inputBoxHostSvc.init(this);\n  }\n\n  public formControlFocusIn(): void {\n    const inlineHelpEl = this.adapterService.getInlineHelpElement(\n      this.elementRef\n    );\n    if (!this.adapterService.isFocusInElement(inlineHelpEl)) {\n      this.updateHasFocus(true);\n    }\n  }\n\n  public formControlFocusOut(): void {\n    this.updateHasFocus(false);\n  }\n\n  public onInsetIconClick(): void {\n    if (!this.disabled) {\n      this.adapterService.focusControl(this.elementRef);\n    }\n  }\n\n  public populate(args: SkyInputBoxPopulateArgs): void {\n    this.hostInputTemplate = args.inputTemplate;\n    this.hostButtonsTemplate = args.buttonsTemplate;\n    this.hostButtonsLeftTemplate = args.buttonsLeftTemplate;\n    this.hostButtonsInsetTemplate = args.buttonsInsetTemplate;\n    this.hostIconsInsetTemplate = args.iconsInsetTemplate;\n    this.hostIconsInsetLeftTemplate = args.iconsInsetLeftTemplate;\n  }\n\n  private updateHasFocus(hasFocus: boolean): void {\n    // Some components manipulate the focus of elements inside an input box programmatically,\n    // which can cause an `ExpressionChangedAfterItHasBeenCheckedError` if focus was set after\n    // initial change detection. Using `setTimeout()` here fixes it.\n    setTimeout(() => {\n      this.formControlHasFocus = hasFocus;\n      this.changeRef.markForCheck();\n    });\n  }\n\n  private controlHasErrors(control: AbstractControlDirective) {\n    return control && control.invalid && (control.dirty || control.touched);\n  }\n}\n","<div\n  *skyThemeIf=\"'default'\"\n  class=\"sky-input-box\"\n  [ngClass]=\"{\n    'sky-input-box-disabled': disabled\n  }\"\n>\n  <div class=\"sky-form-group\">\n    <div class=\"sky-input-box-label-wrapper\">\n      <ng-container *ngTemplateOutlet=\"labelTemplate\"></ng-container>\n      <ng-container *ngTemplateOutlet=\"inlineHelpTemplate\"></ng-container>\n      <ng-container *ngTemplateOutlet=\"characterCountTemplate\"></ng-container>\n    </div>\n    <div class=\"sky-input-group\">\n      <ng-container *ngTemplateOutlet=\"buttonsLeftTemplate\"></ng-container>\n      <div\n        class=\"sky-input-box-input-group-inner\"\n        [ngClass]=\"{\n          'sky-field-status-active': formControlHasFocus,\n          'sky-field-status-invalid': hasErrorsComputed\n        }\"\n        (focusin)=\"formControlFocusIn()\"\n        (focusout)=\"formControlFocusOut()\"\n      >\n        <ng-container *ngTemplateOutlet=\"iconsInsetLeftTemplate\"></ng-container>\n        <ng-container *ngTemplateOutlet=\"inputTemplate\"></ng-container>\n        <ng-container *ngTemplateOutlet=\"buttonsInsetTemplate\"></ng-container>\n        <ng-container *ngTemplateOutlet=\"iconsInsetTemplate\"></ng-container>\n      </div>\n      <ng-container *ngTemplateOutlet=\"buttonsTemplate\"></ng-container>\n    </div>\n    <ng-container *ngTemplateOutlet=\"errorLabelTemplate\"></ng-container>\n  </div>\n</div>\n\n<div\n  *skyThemeIf=\"'modern'\"\n  class=\"sky-input-box\"\n  [ngClass]=\"{\n    'sky-input-box-disabled': disabled\n  }\"\n>\n  <div class=\"sky-input-box-group\">\n    <ng-container *ngTemplateOutlet=\"buttonsLeftTemplate\"></ng-container>\n    <div\n      class=\"sky-input-box-group-form-control\"\n      [ngClass]=\"{\n        'sky-input-box-group-form-control-focus': formControlHasFocus,\n        'sky-input-box-group-form-control-invalid': hasErrorsComputed\n      }\"\n      (focusin)=\"formControlFocusIn()\"\n      (focusout)=\"formControlFocusOut()\"\n    >\n      <div class=\"sky-form-group\">\n        <ng-container *ngTemplateOutlet=\"iconsInsetLeftTemplate\"></ng-container>\n        <div class=\"sky-input-box-form-group-inner\">\n          <div class=\"sky-input-box-label-wrapper\">\n            <ng-container *ngTemplateOutlet=\"labelTemplate\"></ng-container>\n            <ng-container *ngTemplateOutlet=\"inlineHelpTemplate\"></ng-container>\n            <ng-container\n              *ngTemplateOutlet=\"characterCountTemplate\"\n            ></ng-container>\n          </div>\n          <ng-container *ngTemplateOutlet=\"inputTemplate\"></ng-container>\n        </div>\n        <ng-container *ngTemplateOutlet=\"buttonsInsetTemplate\"></ng-container>\n        <ng-container *ngTemplateOutlet=\"iconsInsetTemplate\"></ng-container>\n      </div>\n    </div>\n    <ng-container *ngTemplateOutlet=\"buttonsTemplate\"></ng-container>\n  </div>\n  <ng-container *ngTemplateOutlet=\"errorLabelTemplate\"></ng-container>\n</div>\n\n<ng-template #labelTemplate>\n  <ng-content select=\".sky-control-label\"></ng-content>\n</ng-template>\n\n<ng-template #inlineHelpTemplate>\n  <ng-content select=\".sky-control-help\"></ng-content>\n</ng-template>\n\n<ng-template #characterCountTemplate>\n  <ng-content select=\"sky-character-counter-indicator\"></ng-content>\n</ng-template>\n\n<ng-template #inputTemplate>\n  <ng-content select=\".sky-form-control\"></ng-content>\n  <ng-container *ngTemplateOutlet=\"hostInputTemplate\"></ng-container>\n</ng-template>\n\n<ng-template #buttonsLeftTemplate>\n  <ng-content select=\".sky-input-group-btn.sky-input-box-btn-left\"></ng-content>\n  <ng-container *ngTemplateOutlet=\"hostButtonsLeftTemplate\"></ng-container>\n</ng-template>\n\n<ng-template #buttonsTemplate>\n  <ng-content\n    select=\".sky-input-group-btn:not(.sky-input-box-btn-left):not(.sky-input-box-btn-inset)\"\n  ></ng-content>\n  <ng-container *ngTemplateOutlet=\"hostButtonsTemplate\"></ng-container>\n</ng-template>\n\n<ng-template #buttonsInsetTemplate>\n  <ng-content\n    select=\".sky-input-group-btn.sky-input-box-btn-inset\"\n  ></ng-content>\n  <ng-container *ngTemplateOutlet=\"hostButtonsInsetTemplate\"></ng-container>\n</ng-template>\n\n<ng-template #iconsInsetTemplate>\n  <div class=\"sky-input-box-icon-inset-wrapper\" (click)=\"onInsetIconClick()\">\n    <ng-content\n      select=\".sky-input-group-icon.sky-input-box-icon-inset\"\n    ></ng-content>\n    <ng-container *ngTemplateOutlet=\"hostIconsInsetTemplate\"></ng-container>\n  </div>\n</ng-template>\n\n<ng-template #iconsInsetLeftTemplate>\n  <div\n    class=\"sky-input-box-icon-inset-left-wrapper\"\n    (click)=\"onInsetIconClick()\"\n  >\n    <ng-content\n      select=\".sky-input-group-icon.sky-input-box-icon-inset-left\"\n    ></ng-content>\n    <ng-container *ngTemplateOutlet=\"hostIconsInsetLeftTemplate\"></ng-container>\n  </div>\n</ng-template>\n\n<ng-template #errorLabelTemplate>\n  <ng-content select=\".sky-error-label\"></ng-content>\n</ng-template>\n"]}
+{"version":3,"file":"input-box.component.js","sourceRoot":"","sources":["../../../../../../../../libs/components/forms/src/lib/modules/input-box/input-box.component.ts","../../../../../../../../libs/components/forms/src/lib/modules/input-box/input-box.component.html"],"names":[],"mappings":"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","sourcesContent":["import {\n  ChangeDetectorRef,\n  Component,\n  ContentChild,\n  ElementRef,\n  Input,\n  OnInit,\n  TemplateRef,\n  ViewEncapsulation,\n} from '@angular/core';\nimport {\n  AbstractControlDirective,\n  FormControlDirective,\n  FormControlName,\n  NgModel,\n} from '@angular/forms';\n\nimport { SkyInputBoxAdapterService } from './input-box-adapter.service';\nimport { SkyInputBoxHostService } from './input-box-host.service';\nimport { SkyInputBoxPopulateArgs } from './input-box-populate-args';\n\n/**\n * Creates a wrapper to provide styling for `input` and `label` elements. To render the\n * component correctly, include the `sky-form-control` CSS class on the `input` element\n * and the `sky-control-label` CSS class on the `label` element. To display a help button\n * beside the label, include a help button element in the `sky-input-box` element and a\n * `sky-control-help` CSS class on that element.\n */\n@Component({\n  selector: 'sky-input-box',\n  templateUrl: './input-box.component.html',\n  styleUrls: ['./input-box.component.scss'],\n  providers: [SkyInputBoxAdapterService, SkyInputBoxHostService],\n  // Note that change detection is not set to OnPush; default change detection allows the\n  // invalid CSS class to be added when the content control's invalid/dirty state changes.\n  encapsulation: ViewEncapsulation.None,\n})\nexport class SkyInputBoxComponent implements OnInit {\n  /**\n   * Indicates whether to visually highlight the input box in an error state. If `hasErrors` is `false`, the input box still\n   * displays in an error state when either the `ngModel` or the Angular `FormControl` contain an error.\n   * @default false\n   */\n  @Input()\n  public hasErrors: boolean;\n\n  /**\n   * Indicates whether to visually highlight the input box as disabled. To disable the input box's\n   * `input` element, use the HTML `disabled` attribute or the Angular `FormControl.disabled`\n   * property. You must set both properties to disable an `input` element and visually indicate\n   * the disabled state on the input box.\n   * @default false\n   */\n  @Input()\n  public disabled: boolean;\n\n  public hostInputTemplate: TemplateRef<any>;\n\n  public hostButtonsTemplate: TemplateRef<any>;\n\n  public hostButtonsInsetTemplate: TemplateRef<any>;\n\n  public hostButtonsLeftTemplate: TemplateRef<any>;\n\n  public formControlHasFocus: boolean;\n\n  public hostIconsInsetTemplate: TemplateRef<any>;\n\n  public hostIconsInsetLeftTemplate: TemplateRef<any>;\n\n  @ContentChild(FormControlDirective)\n  public formControl: FormControlDirective;\n\n  @ContentChild(FormControlName)\n  public formControlByName: FormControlName;\n\n  @ContentChild(NgModel)\n  public ngModel: NgModel;\n\n  public get hasErrorsComputed(): boolean {\n    if (this.hasErrors === undefined) {\n      return (\n        this.controlHasErrors(this.formControl) ||\n        this.controlHasErrors(this.formControlByName) ||\n        this.controlHasErrors(this.ngModel)\n      );\n    }\n\n    return this.hasErrors;\n  }\n\n  constructor(\n    private changeRef: ChangeDetectorRef,\n    private inputBoxHostSvc: SkyInputBoxHostService,\n    private adapterService: SkyInputBoxAdapterService,\n    private elementRef: ElementRef\n  ) {}\n\n  public ngOnInit(): void {\n    this.inputBoxHostSvc.init(this);\n  }\n\n  public formControlFocusIn(): void {\n    const inlineHelpEl = this.adapterService.getInlineHelpElement(\n      this.elementRef\n    );\n    if (!this.adapterService.isFocusInElement(inlineHelpEl)) {\n      this.updateHasFocus(true);\n    }\n  }\n\n  public formControlFocusOut(): void {\n    this.updateHasFocus(false);\n  }\n\n  public onInsetIconClick(): void {\n    if (!this.disabled) {\n      this.adapterService.focusControl(this.elementRef);\n    }\n  }\n\n  public populate(args: SkyInputBoxPopulateArgs): void {\n    this.hostInputTemplate = args.inputTemplate;\n    this.hostButtonsTemplate = args.buttonsTemplate;\n    this.hostButtonsLeftTemplate = args.buttonsLeftTemplate;\n    this.hostButtonsInsetTemplate = args.buttonsInsetTemplate;\n    this.hostIconsInsetTemplate = args.iconsInsetTemplate;\n    this.hostIconsInsetLeftTemplate = args.iconsInsetLeftTemplate;\n  }\n\n  private updateHasFocus(hasFocus: boolean): void {\n    // Some components manipulate the focus of elements inside an input box programmatically,\n    // which can cause an `ExpressionChangedAfterItHasBeenCheckedError` if focus was set after\n    // initial change detection. Using `setTimeout()` here fixes it.\n    setTimeout(() => {\n      this.formControlHasFocus = hasFocus;\n      this.changeRef.markForCheck();\n    });\n  }\n\n  private controlHasErrors(control: AbstractControlDirective) {\n    return control && control.invalid && (control.dirty || control.touched);\n  }\n}\n","<div\n  *skyThemeIf=\"'default'\"\n  class=\"sky-input-box\"\n  [ngClass]=\"{\n    'sky-input-box-disabled': disabled\n  }\"\n>\n  <div class=\"sky-form-group\">\n    <div class=\"sky-input-box-label-wrapper\">\n      <ng-container *ngTemplateOutlet=\"labelTemplate\"></ng-container>\n      <ng-container *ngTemplateOutlet=\"inlineHelpTemplate\"></ng-container>\n      <ng-container *ngTemplateOutlet=\"characterCountTemplate\"></ng-container>\n    </div>\n    <div class=\"sky-input-group\">\n      <ng-container *ngTemplateOutlet=\"buttonsLeftTemplate\"></ng-container>\n      <div\n        class=\"sky-input-box-input-group-inner\"\n        [ngClass]=\"{\n          'sky-field-status-active': formControlHasFocus,\n          'sky-field-status-invalid': hasErrorsComputed\n        }\"\n        (focusin)=\"formControlFocusIn()\"\n        (focusout)=\"formControlFocusOut()\"\n      >\n        <ng-container *ngTemplateOutlet=\"iconsInsetLeftTemplate\"></ng-container>\n        <ng-container *ngTemplateOutlet=\"inputTemplate\"></ng-container>\n        <ng-container *ngTemplateOutlet=\"buttonsInsetTemplate\"></ng-container>\n        <ng-container *ngTemplateOutlet=\"iconsInsetTemplate\"></ng-container>\n      </div>\n      <ng-container *ngTemplateOutlet=\"buttonsTemplate\"></ng-container>\n    </div>\n    <ng-container *ngTemplateOutlet=\"errorLabelTemplate\"></ng-container>\n  </div>\n</div>\n\n<div\n  *skyThemeIf=\"'modern'\"\n  class=\"sky-input-box\"\n  [ngClass]=\"{\n    'sky-input-box-disabled': disabled\n  }\"\n>\n  <div class=\"sky-input-box-group\">\n    <ng-container *ngTemplateOutlet=\"buttonsLeftTemplate\"></ng-container>\n    <div\n      class=\"sky-input-box-group-form-control\"\n      [ngClass]=\"{\n        'sky-input-box-group-form-control-focus': formControlHasFocus,\n        'sky-input-box-group-form-control-invalid': hasErrorsComputed\n      }\"\n      (focusin)=\"formControlFocusIn()\"\n      (focusout)=\"formControlFocusOut()\"\n    >\n      <div class=\"sky-form-group\">\n        <ng-container *ngTemplateOutlet=\"iconsInsetLeftTemplate\"></ng-container>\n        <div class=\"sky-input-box-form-group-inner\">\n          <div class=\"sky-input-box-label-wrapper\">\n            <ng-container *ngTemplateOutlet=\"labelTemplate\"></ng-container>\n            <ng-container *ngTemplateOutlet=\"inlineHelpTemplate\"></ng-container>\n            <ng-container\n              *ngTemplateOutlet=\"characterCountTemplate\"\n            ></ng-container>\n          </div>\n          <ng-container *ngTemplateOutlet=\"inputTemplate\"></ng-container>\n        </div>\n        <ng-container *ngTemplateOutlet=\"buttonsInsetTemplate\"></ng-container>\n        <ng-container *ngTemplateOutlet=\"iconsInsetTemplate\"></ng-container>\n      </div>\n    </div>\n    <ng-container *ngTemplateOutlet=\"buttonsTemplate\"></ng-container>\n  </div>\n  <ng-container *ngTemplateOutlet=\"errorLabelTemplate\"></ng-container>\n</div>\n\n<ng-template #labelTemplate>\n  <ng-content select=\".sky-control-label\"></ng-content>\n</ng-template>\n\n<ng-template #inlineHelpTemplate>\n  <ng-content select=\".sky-control-help\"></ng-content>\n</ng-template>\n\n<ng-template #characterCountTemplate>\n  <ng-content select=\"sky-character-counter-indicator\"></ng-content>\n</ng-template>\n\n<ng-template #inputTemplate>\n  <ng-content select=\".sky-form-control\"></ng-content>\n  <ng-container *ngTemplateOutlet=\"hostInputTemplate\"></ng-container>\n</ng-template>\n\n<ng-template #buttonsLeftTemplate>\n  <ng-content select=\".sky-input-group-btn.sky-input-box-btn-left\"></ng-content>\n  <ng-container *ngTemplateOutlet=\"hostButtonsLeftTemplate\"></ng-container>\n</ng-template>\n\n<ng-template #buttonsTemplate>\n  <ng-content\n    select=\".sky-input-group-btn:not(.sky-input-box-btn-left):not(.sky-input-box-btn-inset)\"\n  ></ng-content>\n  <ng-container *ngTemplateOutlet=\"hostButtonsTemplate\"></ng-container>\n</ng-template>\n\n<ng-template #buttonsInsetTemplate>\n  <ng-content\n    select=\".sky-input-group-btn.sky-input-box-btn-inset\"\n  ></ng-content>\n  <ng-container *ngTemplateOutlet=\"hostButtonsInsetTemplate\"></ng-container>\n</ng-template>\n\n<ng-template #iconsInsetTemplate>\n  <div class=\"sky-input-box-icon-inset-wrapper\" (click)=\"onInsetIconClick()\">\n    <ng-content\n      select=\".sky-input-group-icon.sky-input-box-icon-inset\"\n    ></ng-content>\n    <ng-container *ngTemplateOutlet=\"hostIconsInsetTemplate\"></ng-container>\n  </div>\n</ng-template>\n\n<ng-template #iconsInsetLeftTemplate>\n  <div\n    class=\"sky-input-box-icon-inset-left-wrapper\"\n    (click)=\"onInsetIconClick()\"\n  >\n    <ng-content\n      select=\".sky-input-group-icon.sky-input-box-icon-inset-left\"\n    ></ng-content>\n    <ng-container *ngTemplateOutlet=\"hostIconsInsetLeftTemplate\"></ng-container>\n  </div>\n</ng-template>\n\n<ng-template #errorLabelTemplate>\n  <ng-content select=\".sky-error-label\"></ng-content>\n</ng-template>\n"]}

package/esm2015/lib/modules/input-box/input-box.module.js

@@ -1,5 +1,5 @@
-import { NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
+import { NgModule } from '@angular/core';
 import { SkyThemeModule } from '@skyux/theme';
 import { SkyInputBoxComponent } from './input-box.component';
 import * as i0 from "@angular/core";

package/esm2015/lib/modules/input-box/input-box.module.js.map

@@ -1 +1 @@
-{"version":3,"file":"input-box.module.js","sourceRoot":"","sources":["../../../../../../../../libs/components/forms/src/lib/modules/input-box/input-box.module.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEzC,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAE/C,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAE9C,OAAO,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAC;;AAO7D,MAAM,OAAO,iBAAiB;;+GAAjB,iBAAiB;gHAAjB,iBAAiB,iBAJb,oBAAoB,aACzB,YAAY,EAAE,cAAc,aAC5B,oBAAoB;gHAEnB,iBAAiB,YAHnB,CAAC,YAAY,EAAE,cAAc,CAAC;4FAG5B,iBAAiB;kBAL7B,QAAQ;mBAAC;oBACR,YAAY,EAAE,CAAC,oBAAoB,CAAC;oBACpC,OAAO,EAAE,CAAC,YAAY,EAAE,cAAc,CAAC;oBACvC,OAAO,EAAE,CAAC,oBAAoB,CAAC;iBAChC","sourcesContent":["import { NgModule } from '@angular/core';\n\nimport { CommonModule } from '@angular/common';\n\nimport { SkyThemeModule } from '@skyux/theme';\n\nimport { SkyInputBoxComponent } from './input-box.component';\n\n@NgModule({\n  declarations: [SkyInputBoxComponent],\n  imports: [CommonModule, SkyThemeModule],\n  exports: [SkyInputBoxComponent],\n})\nexport class SkyInputBoxModule {}\n"]}
+{"version":3,"file":"input-box.module.js","sourceRoot":"","sources":["../../../../../../../../libs/components/forms/src/lib/modules/input-box/input-box.module.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAE9C,OAAO,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAC;;AAO7D,MAAM,OAAO,iBAAiB;;+GAAjB,iBAAiB;gHAAjB,iBAAiB,iBAJb,oBAAoB,aACzB,YAAY,EAAE,cAAc,aAC5B,oBAAoB;gHAEnB,iBAAiB,YAHnB,CAAC,YAAY,EAAE,cAAc,CAAC;4FAG5B,iBAAiB;kBAL7B,QAAQ;mBAAC;oBACR,YAAY,EAAE,CAAC,oBAAoB,CAAC;oBACpC,OAAO,EAAE,CAAC,YAAY,EAAE,cAAc,CAAC;oBACvC,OAAO,EAAE,CAAC,oBAAoB,CAAC;iBAChC","sourcesContent":["import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { SkyThemeModule } from '@skyux/theme';\n\nimport { SkyInputBoxComponent } from './input-box.component';\n\n@NgModule({\n  declarations: [SkyInputBoxComponent],\n  imports: [CommonModule, SkyThemeModule],\n  exports: [SkyInputBoxComponent],\n})\nexport class SkyInputBoxModule {}\n"]}

package/esm2015/lib/modules/radio/radio-group.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"radio-group.component.js","sourceRoot":"","sources":["../../../../../../../../libs/components/forms/src/lib/modules/radio/radio-group.component.ts","../../../../../../../../libs/components/forms/src/lib/modules/radio/radio-group.component.html"],"names":[],"mappings":"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","sourcesContent":["import {\n  AfterContentInit,\n  AfterViewInit,\n  ChangeDetectorRef,\n  Component,\n  ContentChildren,\n  Input,\n  OnDestroy,\n  Optional,\n  QueryList,\n  Self,\n} from '@angular/core';\n\nimport { NgControl } from '@angular/forms';\n\nimport { Subject } from 'rxjs';\n\nimport { takeUntil } from 'rxjs/operators';\n\nimport { SkyFormsUtility } from '../shared/forms-utility';\n\nimport { SkyRadioChange } from './types/radio-change';\n\nimport { SkyRadioComponent } from './radio.component';\n\nlet nextUniqueId = 0;\n\n/**\n * Organizes radio buttons into a group. It is required for radio\n * buttons on Angular reactive forms, and we recommend using it with all radio buttons.\n * On Angular forms, the component manages the selected values and keeps the forms up-to-date.\n * When users select a radio button, its value is driven through an `ngModel` attribute that you specify on the `sky-radio-group` element.\n */\n@Component({\n  selector: 'sky-radio-group',\n  templateUrl: './radio-group.component.html',\n})\nexport class SkyRadioGroupComponent\n  implements AfterContentInit, AfterViewInit, OnDestroy\n{\n  /**\n   * Specifies the HTML element ID (without the leading `#`) of the element that labels\n   * the radio button group. This sets the radio button group's `aria-labelledby` attribute\n   * [to support accessibility](https://developer.blackbaud.com/skyux/learn/accessibility).\n   * If the radio button group does not include a visible label, use `ariaLabel` instead.\n   */\n  @Input()\n  public ariaLabelledBy: string;\n\n  /**\n   * Specifies an ARIA label for the radio button group. This sets the\n   * radio button group's `aria-label` attribute\n   * [to support accessibility](https://developer.blackbaud.com/skyux/learn/accessibility).\n   * If the radio button group includes a visible label, use `ariaLabelledBy` instead.\n   */\n  @Input()\n  public ariaLabel: string;\n\n  /**\n   * Indicates whether to disable the input.\n   * @default false\n   */\n  @Input()\n  public set disabled(value: boolean) {\n    const newDisabledState = SkyFormsUtility.coerceBooleanProperty(value);\n    if (this._disabled !== newDisabledState) {\n      this._disabled = newDisabledState;\n      this.updateRadioButtonDisabled();\n    }\n  }\n\n  public get disabled(): boolean {\n    return this._disabled;\n  }\n\n  /**\n   * Specifies a name for the collection of radio buttons that the component groups together.\n   * This property overwrites the deprecated `name` property on individual `sky-radio` elements,\n   * and it is required unless the `name` property is set on individual `sky-radio` elements.\n   * @required\n   */\n  @Input()\n  public set name(value: string) {\n    this._name = value;\n    this.updateRadioButtonNames();\n  }\n  public get name(): string {\n    return this._name;\n  }\n\n  /**\n   * Indicates whether the input is required for form validation.\n   * When you set this property to `true`, the component adds `aria-required` and `required`\n   * attributes to the input element so that forms display an invalid state until the input element\n   * is complete.\n   * @default false\n   */\n  @Input()\n  public required: boolean = false;\n\n  /**\n   * Specifies the value of the radio button to select by default when the group loads.\n   * The value corresponds to the `value` property of an individual `sky-radio` element within the\n   * group.\n   */\n  @Input()\n  public set value(value: any) {\n    const isNewValue = value !== this._value;\n\n    /* istanbul ignore else */\n    if (isNewValue) {\n      this._value = value;\n      this.onChange(this._value);\n      this.updateCheckedRadioFromValue();\n    }\n  }\n  public get value(): any {\n    return this._value;\n  }\n\n  /**\n   * Specifies an index for all the radio buttons in the group. If the index is not defined,\n   * the indices for individual radio buttons are set to their positions on load.\n   * This property supports accessibility by placing focus on the currently selected radio\n   * button. If no radio button is selected, it places focus on the first or last button\n   * depending on how users navigate to the radio button group.\n   */\n  @Input()\n  public set tabIndex(value: number) {\n    if (this._tabIndex !== value) {\n      this._tabIndex = value;\n      this.updateRadioButtonTabIndexes();\n    }\n  }\n  public get tabIndex(): number {\n    return this._tabIndex;\n  }\n\n  @ContentChildren(SkyRadioComponent, { descendants: true })\n  private radios: QueryList<SkyRadioComponent>;\n\n  private ngUnsubscribe = new Subject();\n\n  private _disabled: boolean = false;\n\n  private _name = `sky-radio-group-${nextUniqueId++}`;\n\n  private _tabIndex: number;\n\n  private _value: any;\n\n  constructor(\n    private changeDetector: ChangeDetectorRef,\n    @Self() @Optional() private ngControl: NgControl\n  ) {\n    if (this.ngControl) {\n      this.ngControl.valueAccessor = this;\n    }\n  }\n\n  public ngAfterContentInit(): void {\n    // Let child radio components render before updating.\n    setTimeout(() => {\n      this.resetRadioButtons();\n    });\n\n    // Watch for radio selections.\n    this.watchForSelections();\n\n    this.radios.changes.pipe(takeUntil(this.ngUnsubscribe)).subscribe(() => {\n      // Wait for child radio components to finish any rendering updates.\n      setTimeout(() => {\n        this.resetRadioButtons();\n      });\n\n      // Subscribe to the new radio buttons\n      this.watchForSelections();\n    });\n  }\n\n  public ngAfterViewInit(): void {\n    if (this.ngControl) {\n      // Backwards compatibility support for anyone still using Validators.Required.\n      this.required =\n        this.required || SkyFormsUtility.hasRequiredValidation(this.ngControl);\n\n      // Avoid an ExpressionChangedAfterItHasBeenCheckedError.\n      this.changeDetector.detectChanges();\n    }\n  }\n\n  public watchForSelections() {\n    this.radios.forEach((radio) => {\n      radio.change\n        .pipe(takeUntil(this.ngUnsubscribe))\n        .subscribe((change: SkyRadioChange) => {\n          this.onTouched();\n          this.writeValue(change.value);\n        });\n      radio.blur.pipe(takeUntil(this.ngUnsubscribe)).subscribe(() => {\n        this.onTouched();\n        this.changeDetector.markForCheck();\n      });\n    });\n  }\n\n  public ngOnDestroy() {\n    this.ngUnsubscribe.next();\n    this.ngUnsubscribe.complete();\n  }\n\n  public writeValue(value: any): void {\n    this.value = value;\n  }\n\n  /**\n   * @internal\n   * Indicates whether to disable the control. Implemented as a part of ControlValueAccessor.\n   */\n  public setDisabledState(isDisabled: boolean) {\n    this.disabled = isDisabled;\n  }\n\n  public registerOnChange(fn: (value: any) => void): void {\n    this.onChange = fn;\n  }\n\n  public registerOnTouched(fn: any): void {\n    this.onTouched = fn;\n  }\n\n  /* istanbul ignore next */\n  private onChange: (value: any) => void = () => {};\n  /* istanbul ignore next */\n  private onTouched: () => any = () => {};\n\n  private updateRadioButtonDisabled(): void {\n    if (this.radios) {\n      this.radios.forEach((radio) => {\n        radio.disabled = this.disabled;\n      });\n    }\n  }\n\n  private updateRadioButtonNames(): void {\n    if (this.radios) {\n      this.radios.forEach((radio) => {\n        radio.name = this.name;\n      });\n    }\n  }\n\n  private updateRadioButtonTabIndexes(): void {\n    if (this.radios) {\n      this.radios.forEach((radio) => {\n        radio.groupTabIndex = this.tabIndex;\n      });\n    }\n  }\n\n  private updateCheckedRadioFromValue(): void {\n    if (!this.radios) {\n      return;\n    }\n\n    this.radios.forEach((radio) => {\n      radio.checked = this._value === radio.value;\n    });\n  }\n\n  private resetRadioButtons(): void {\n    this.updateCheckedRadioFromValue();\n    this.updateRadioButtonNames();\n    this.updateRadioButtonTabIndexes();\n  }\n}\n","<div\n  class=\"sky-radio-group\"\n  role=\"radiogroup\"\n  [attr.aria-label]=\"ariaLabel\"\n  [attr.aria-labelledby]=\"ariaLabelledBy\"\n  [attr.aria-required]=\"required ? true : null\"\n  [attr.required]=\"required ? '' : null\"\n>\n  <ng-content></ng-content>\n</div>\n"]}
+{"version":3,"file":"radio-group.component.js","sourceRoot":"","sources":["../../../../../../../../libs/components/forms/src/lib/modules/radio/radio-group.component.ts","../../../../../../../../libs/components/forms/src/lib/modules/radio/radio-group.component.html"],"names":[],"mappings":"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","sourcesContent":["import {\n  AfterContentInit,\n  AfterViewInit,\n  ChangeDetectorRef,\n  Component,\n  ContentChildren,\n  Input,\n  OnDestroy,\n  Optional,\n  QueryList,\n  Self,\n} from '@angular/core';\nimport { NgControl } from '@angular/forms';\n\nimport { Subject } from 'rxjs';\nimport { takeUntil } from 'rxjs/operators';\n\nimport { SkyFormsUtility } from '../shared/forms-utility';\n\nimport { SkyRadioComponent } from './radio.component';\nimport { SkyRadioChange } from './types/radio-change';\n\nlet nextUniqueId = 0;\n\n/**\n * Organizes radio buttons into a group. It is required for radio\n * buttons on Angular reactive forms, and we recommend using it with all radio buttons.\n * On Angular forms, the component manages the selected values and keeps the forms up-to-date.\n * When users select a radio button, its value is driven through an `ngModel` attribute that you specify on the `sky-radio-group` element.\n */\n@Component({\n  selector: 'sky-radio-group',\n  templateUrl: './radio-group.component.html',\n})\nexport class SkyRadioGroupComponent\n  implements AfterContentInit, AfterViewInit, OnDestroy\n{\n  /**\n   * Specifies the HTML element ID (without the leading `#`) of the element that labels\n   * the radio button group. This sets the radio button group's `aria-labelledby` attribute\n   * [to support accessibility](https://developer.blackbaud.com/skyux/learn/accessibility).\n   * If the radio button group does not include a visible label, use `ariaLabel` instead.\n   */\n  @Input()\n  public ariaLabelledBy: string;\n\n  /**\n   * Specifies an ARIA label for the radio button group. This sets the\n   * radio button group's `aria-label` attribute\n   * [to support accessibility](https://developer.blackbaud.com/skyux/learn/accessibility).\n   * If the radio button group includes a visible label, use `ariaLabelledBy` instead.\n   */\n  @Input()\n  public ariaLabel: string;\n\n  /**\n   * Indicates whether to disable the input.\n   * @default false\n   */\n  @Input()\n  public set disabled(value: boolean) {\n    const newDisabledState = SkyFormsUtility.coerceBooleanProperty(value);\n    if (this._disabled !== newDisabledState) {\n      this._disabled = newDisabledState;\n      this.updateRadioButtonDisabled();\n    }\n  }\n\n  public get disabled(): boolean {\n    return this._disabled;\n  }\n\n  /**\n   * Specifies a name for the collection of radio buttons that the component groups together.\n   * This property overwrites the deprecated `name` property on individual `sky-radio` elements,\n   * and it is required unless the `name` property is set on individual `sky-radio` elements.\n   * @required\n   */\n  @Input()\n  public set name(value: string) {\n    this._name = value;\n    this.updateRadioButtonNames();\n  }\n  public get name(): string {\n    return this._name;\n  }\n\n  /**\n   * Indicates whether the input is required for form validation.\n   * When you set this property to `true`, the component adds `aria-required` and `required`\n   * attributes to the input element so that forms display an invalid state until the input element\n   * is complete.\n   * @default false\n   */\n  @Input()\n  public required = false;\n\n  /**\n   * Specifies the value of the radio button to select by default when the group loads.\n   * The value corresponds to the `value` property of an individual `sky-radio` element within the\n   * group.\n   */\n  @Input()\n  public set value(value: any) {\n    const isNewValue = value !== this._value;\n\n    /* istanbul ignore else */\n    if (isNewValue) {\n      this._value = value;\n      this.onChange(this._value);\n      this.updateCheckedRadioFromValue();\n    }\n  }\n  public get value(): any {\n    return this._value;\n  }\n\n  /**\n   * Specifies an index for all the radio buttons in the group. If the index is not defined,\n   * the indices for individual radio buttons are set to their positions on load.\n   * This property supports accessibility by placing focus on the currently selected radio\n   * button. If no radio button is selected, it places focus on the first or last button\n   * depending on how users navigate to the radio button group.\n   */\n  @Input()\n  public set tabIndex(value: number) {\n    if (this._tabIndex !== value) {\n      this._tabIndex = value;\n      this.updateRadioButtonTabIndexes();\n    }\n  }\n  public get tabIndex(): number {\n    return this._tabIndex;\n  }\n\n  @ContentChildren(SkyRadioComponent, { descendants: true })\n  private radios: QueryList<SkyRadioComponent>;\n\n  private ngUnsubscribe = new Subject();\n\n  private _disabled = false;\n\n  private _name = `sky-radio-group-${nextUniqueId++}`;\n\n  private _tabIndex: number;\n\n  private _value: any;\n\n  constructor(\n    private changeDetector: ChangeDetectorRef,\n    @Self() @Optional() private ngControl: NgControl\n  ) {\n    if (this.ngControl) {\n      this.ngControl.valueAccessor = this;\n    }\n  }\n\n  public ngAfterContentInit(): void {\n    // Let child radio components render before updating.\n    setTimeout(() => {\n      this.resetRadioButtons();\n    });\n\n    // Watch for radio selections.\n    this.watchForSelections();\n\n    this.radios.changes.pipe(takeUntil(this.ngUnsubscribe)).subscribe(() => {\n      // Wait for child radio components to finish any rendering updates.\n      setTimeout(() => {\n        this.resetRadioButtons();\n      });\n\n      // Subscribe to the new radio buttons\n      this.watchForSelections();\n    });\n  }\n\n  public ngAfterViewInit(): void {\n    if (this.ngControl) {\n      // Backwards compatibility support for anyone still using Validators.Required.\n      this.required =\n        this.required || SkyFormsUtility.hasRequiredValidation(this.ngControl);\n\n      // Avoid an ExpressionChangedAfterItHasBeenCheckedError.\n      this.changeDetector.detectChanges();\n    }\n  }\n\n  public watchForSelections() {\n    this.radios.forEach((radio) => {\n      radio.change\n        .pipe(takeUntil(this.ngUnsubscribe))\n        .subscribe((change: SkyRadioChange) => {\n          this.onTouched();\n          this.writeValue(change.value);\n        });\n      radio.blur.pipe(takeUntil(this.ngUnsubscribe)).subscribe(() => {\n        this.onTouched();\n        this.changeDetector.markForCheck();\n      });\n    });\n  }\n\n  public ngOnDestroy() {\n    this.ngUnsubscribe.next();\n    this.ngUnsubscribe.complete();\n  }\n\n  public writeValue(value: any): void {\n    this.value = value;\n  }\n\n  /**\n   * @internal\n   * Indicates whether to disable the control. Implemented as a part of ControlValueAccessor.\n   */\n  public setDisabledState(isDisabled: boolean) {\n    this.disabled = isDisabled;\n  }\n\n  public registerOnChange(fn: (value: any) => void): void {\n    this.onChange = fn;\n  }\n\n  public registerOnTouched(fn: any): void {\n    this.onTouched = fn;\n  }\n\n  /* istanbul ignore next */\n  private onChange: (value: any) => void = () => {};\n  /* istanbul ignore next */\n  private onTouched: () => any = () => {};\n\n  private updateRadioButtonDisabled(): void {\n    if (this.radios) {\n      this.radios.forEach((radio) => {\n        radio.disabled = this.disabled;\n      });\n    }\n  }\n\n  private updateRadioButtonNames(): void {\n    if (this.radios) {\n      this.radios.forEach((radio) => {\n        radio.name = this.name;\n      });\n    }\n  }\n\n  private updateRadioButtonTabIndexes(): void {\n    if (this.radios) {\n      this.radios.forEach((radio) => {\n        radio.groupTabIndex = this.tabIndex;\n      });\n    }\n  }\n\n  private updateCheckedRadioFromValue(): void {\n    if (!this.radios) {\n      return;\n    }\n\n    this.radios.forEach((radio) => {\n      radio.checked = this._value === radio.value;\n    });\n  }\n\n  private resetRadioButtons(): void {\n    this.updateCheckedRadioFromValue();\n    this.updateRadioButtonNames();\n    this.updateRadioButtonTabIndexes();\n  }\n}\n","<div\n  class=\"sky-radio-group\"\n  role=\"radiogroup\"\n  [attr.aria-label]=\"ariaLabel\"\n  [attr.aria-labelledby]=\"ariaLabelledBy\"\n  [attr.aria-required]=\"required ? true : null\"\n  [attr.required]=\"required ? '' : null\"\n>\n  <ng-content></ng-content>\n</div>\n"]}

package/esm2015/lib/modules/radio/radio.component.js

@@ -1,4 +1,4 @@
-import { ChangeDetectionStrategy, ChangeDetectorRef, Component, EventEmitter, forwardRef, Input, Output, } from '@angular/core';
+import { ChangeDetectionStrategy, ChangeDetectorRef, Component, EventEmitter, Input, Output, forwardRef, } from '@angular/core';
 import { NG_VALUE_ACCESSOR } from '@angular/forms';
 import { BehaviorSubject, Observable, Subject } from 'rxjs';
 import { SkyFormsUtility } from '../shared/forms-utility';

package/esm2015/lib/modules/radio/radio.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"radio.component.js","sourceRoot":"","sources":["../../../../../../../../libs/components/forms/src/lib/modules/radio/radio.component.ts","../../../../../../../../libs/components/forms/src/lib/modules/radio/radio.component.html"],"names":[],"mappings":"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","sourcesContent":["import {\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  Component,\n  EventEmitter,\n  forwardRef,\n  Input,\n  OnDestroy,\n  Output,\n  Provider,\n} from '@angular/core';\n\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\n\nimport { BehaviorSubject, Observable, Subject } from 'rxjs';\n\nimport { SkyFormsUtility } from '../shared/forms-utility';\n\nimport { SkyRadioChange } from './types/radio-change';\n\n/**\n * Auto-incrementing integer that generates unique IDs for radio components.\n */\nlet nextUniqueId = 0;\n\n/**\n * Provider Expression that allows sky-radio to register as a ControlValueAccessor.\n * This allows it to support [(ngModel)].\n */\n// tslint:disable:no-forward-ref no-use-before-declare\nconst SKY_RADIO_CONTROL_VALUE_ACCESSOR: Provider = {\n  provide: NG_VALUE_ACCESSOR,\n  useExisting: forwardRef(() => SkyRadioComponent),\n  multi: true,\n};\n// tslint:enable\n\n/**\n * Renders a SKY UX-themed replacement for an HTML `input` element\n * with `type=\"radio\"`. When users select a radio button, its value is driven through an\n * `ngModel` attribute that you specify on the `sky-radio` element or the parent `sky-radio-group` element.\n */\n@Component({\n  selector: 'sky-radio',\n  templateUrl: './radio.component.html',\n  styleUrls: ['./radio.component.scss'],\n  providers: [SKY_RADIO_CONTROL_VALUE_ACCESSOR],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class SkyRadioComponent implements OnDestroy, ControlValueAccessor {\n  /**\n   * Fires when users focus off a radio button.\n   */\n  public blur = new Subject<void>();\n\n  /**\n   * Indicates whether the radio button is selected.\n   * @default false\n   */\n  @Input()\n  public set checked(value: boolean) {\n    const newCheckedState = !!value;\n\n    if (this._checked !== newCheckedState) {\n      this._checked = newCheckedState;\n      this._checkedChange.next(this._checked);\n\n      if (newCheckedState) {\n        this.selectedValue = this.value;\n      }\n    }\n\n    this.changeDetector.markForCheck();\n  }\n\n  public get checked(): boolean {\n    return this._checked;\n  }\n\n  /**\n   * Indicates whether to disable the input.\n   * @default false\n   */\n  @Input()\n  public set disabled(value: boolean) {\n    const coercedValue = SkyFormsUtility.coerceBooleanProperty(value);\n    if (coercedValue !== this.disabled) {\n      this._disabled = coercedValue;\n      this._disabledChange.next(this._disabled);\n      this.changeDetector.markForCheck();\n    }\n  }\n\n  public get disabled(): boolean {\n    return this._disabled;\n  }\n\n  /**\n   * Specifies an ID for the radio button.\n   * @default a unique, auto-incrementing integer. For example: `sky-radio-1`\n   */\n  @Input()\n  public id = `sky-radio-${++nextUniqueId}`;\n\n  /**\n   * Specifies an ARIA label for the radio button. This sets the radio button's `aria-label`\n   * attribute [to support accessibility](https://developer.blackbaud.com/skyux/learn/accessibility)\n   * when the radio button does not include a visible label. You must set this property for icon\n   * radio buttons. If the radio button includes a visible label, use `labelledBy` instead.\n   */\n  @Input()\n  public label: string;\n\n  /**\n   * Specifies the HTML element ID (without the leading `#`) of the element that labels\n   * the radio button. This sets the radio button's `aria-labelledby` attribute\n   * [to support accessibility](https://developer.blackbaud.com/skyux/learn/accessibility).\n   * If the radio button does not include a visible label, use `label` instead.\n   */\n  @Input()\n  public labelledBy: string;\n\n  /**\n   * This property is deprecated in favor of the `name` property on the `sky-radio-group element`.\n   * We recommend using the `sky-radio-group` element with all radio buttons, but if you opt not to,\n   * then this property specifies a name for a group of radio buttons.\n   * @deprecated\n   */\n  @Input()\n  public set name(value: string) {\n    this._name = value;\n    this.changeDetector.markForCheck();\n  }\n\n  public get name(): string {\n    return this._name;\n  }\n\n  /**\n   * This property is deprecated in favor of\n   * the `tabIndex` property on the `sky-radio-group` element. It specifies an index for the radio\n   * button. If the index is not defined, it is set to the position of the radio button on load.\n   * @deprecated\n   */\n  @Input()\n  public set tabindex(value: number) {\n    console.warn(\n      'The sky-radio `tabindex` property is deprecated. Please use the `tabindex` property on the sky-radio-group component.'\n    );\n    this._tabindex = value;\n    this.changeDetector.markForCheck();\n  }\n  public get tabindex(): number {\n    return this._tabindex || 0;\n  }\n\n  // For setting the tabindex from the radio group\n  public set groupTabIndex(value: number) {\n    this._tabindex = value;\n    this.changeDetector.markForCheck();\n  }\n\n  /**\n   * Specifies and binds a value to the radio button's `value` property. The value usually\n   * corresponds to the radio button's label, which you specify with the `sky-radio-label`\n   * component.\n   * @required\n   */\n  @Input()\n  public set value(value: any) {\n    /* istanbul ignore else */\n    if (this._value !== value) {\n      if (this.selectedValue && this.selectedValue === this._value) {\n        this.selectedValue = value;\n        this.onChangeCallback(this.selectedValue);\n        this.onTouchedCallback();\n      }\n\n      this._value = value;\n    }\n\n    this.changeDetector.markForCheck();\n  }\n\n  public get value(): any {\n    return this._value;\n  }\n\n  /**\n   * Specifies an icon to display in place of the radio button. To group radio buttons like in\n   * the demo above, place the `sky-switch-icon-group` class on the direct parent element of the\n   * radio buttons.\n   */\n  @Input()\n  public icon: string;\n\n  /**\n   * Specifies a type to set the background color after users select an icon radio button.\n   * The valid options correspond\n   * [the label component's](https://developer.blackbaud.com/skyux/components/label)\n   * label types. `danger` creates a red background, `info` creates a blue background,\n   * `success` creates a green background, and `warning` creates an orange background.\n   * @default \"info\"\n   */\n  @Input()\n  public get radioType(): string {\n    return this._radioType || 'info';\n  }\n  public set radioType(value: string) {\n    if (value) {\n      this._radioType = value.toLowerCase();\n    }\n  }\n\n  /**\n   * Fires when users select a radio button.\n   */\n  @Output()\n  // eslint-disable-next-line @angular-eslint/no-output-native\n  public get change(): Observable<SkyRadioChange> {\n    return this._change;\n  }\n\n  /**\n   * Fires when the selected value changes.\n   */\n  @Output()\n  public get checkedChange(): Observable<boolean> {\n    return this._checkedChange;\n  }\n\n  /**\n   * Fires when the selected value changes.\n   */\n  @Output()\n  public get disabledChange(): Observable<boolean> {\n    return this._disabledChange;\n  }\n\n  public get inputId(): string {\n    return `sky-radio-${this.id}-input`;\n  }\n\n  public set selectedValue(value: any) {\n    if (value !== this._selectedValue) {\n      this._selectedValue = value;\n    }\n  }\n  public get selectedValue(): any {\n    return this._selectedValue;\n  }\n\n  private _change = new EventEmitter<SkyRadioChange>();\n  private _checked = false;\n  private _checkedChange = new BehaviorSubject<boolean>(this._checked);\n  private _disabled: boolean = false;\n  private _disabledChange = new BehaviorSubject<boolean>(this._disabled);\n  private _name: string;\n  private _radioType: string;\n  private _selectedValue: any;\n  private _tabindex: number;\n  private _value: any;\n\n  constructor(private changeDetector: ChangeDetectorRef) {}\n\n  public ngOnDestroy(): void {\n    this.removeUniqueSelectionListener();\n  }\n\n  public writeValue(value: any): void {\n    if (value === undefined) {\n      return;\n    }\n\n    this.selectedValue = value;\n    this.checked = this.value === this.selectedValue;\n\n    this.changeDetector.markForCheck();\n  }\n\n  /**\n   * @internal\n   * Indicates whether to disable the control. Implemented as a part of ControlValueAccessor.\n   */\n  public setDisabledState(isDisabled: boolean) {\n    this.disabled = isDisabled;\n  }\n\n  public registerOnChange(fn: any): void {\n    this.onChangeCallback = fn;\n  }\n\n  public registerOnTouched(fn: any): void {\n    this.onTouchedCallback = fn;\n  }\n\n  public onInputChange(event: Event): void {\n    event.stopPropagation();\n\n    if (!this.disabled) {\n      this.checked = true;\n      this._change.emit({\n        source: this,\n        value: this._value,\n      });\n\n      this.onInputFocusChange(undefined);\n      this.onChangeCallback(this.value);\n    }\n  }\n\n  public onInputFocusChange(event: Event): void {\n    this.onTouchedCallback();\n    this.blur.next();\n  }\n\n  /* istanbul ignore next */\n  private removeUniqueSelectionListener = () => {};\n  /* istanbul ignore next */\n  private onChangeCallback = (value: any) => {};\n  /* istanbul ignore next */\n  private onTouchedCallback = () => {};\n}\n","<label\n  class=\"sky-radio-wrapper sky-switch\"\n  [ngClass]=\"{ 'sky-switch-disabled': disabled }\"\n>\n  <input\n    class=\"sky-radio-input sky-switch-input\"\n    type=\"radio\"\n    [attr.aria-label]=\"label\"\n    [attr.aria-labelledby]=\"labelledBy\"\n    [checked]=\"checked\"\n    [disabled]=\"disabled\"\n    [id]=\"inputId\"\n    [name]=\"name\"\n    [tabIndex]=\"tabindex\"\n    [value]=\"value\"\n    (blur)=\"onInputFocusChange($event)\"\n    (change)=\"onInputChange($event)\"\n  />\n  <span\n    class=\"sky-switch-control\"\n    [ngClass]=\"{\n      'sky-switch-control-icon': icon,\n      'sky-rounded-corners': icon,\n      'sky-rounded-circle': !icon,\n      'sky-switch-control-info': icon && radioType === 'info',\n      'sky-switch-control-success': icon && radioType === 'success',\n      'sky-switch-control-warning': icon && radioType === 'warning',\n      'sky-switch-control-danger': icon && radioType === 'danger'\n    }\"\n  >\n    <sky-icon *ngIf=\"icon\" fixedWidth=\"true\" [icon]=\"icon\"> </sky-icon>\n  </span>\n  <ng-content select=\"sky-radio-label\"></ng-content>\n</label>\n"]}
+{"version":3,"file":"radio.component.js","sourceRoot":"","sources":["../../../../../../../../libs/components/forms/src/lib/modules/radio/radio.component.ts","../../../../../../../../libs/components/forms/src/lib/modules/radio/radio.component.html"],"names":[],"mappings":"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","sourcesContent":["import {\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  Component,\n  EventEmitter,\n  Input,\n  OnDestroy,\n  Output,\n  Provider,\n  forwardRef,\n} from '@angular/core';\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\n\nimport { BehaviorSubject, Observable, Subject } from 'rxjs';\n\nimport { SkyFormsUtility } from '../shared/forms-utility';\n\nimport { SkyRadioChange } from './types/radio-change';\n\n/**\n * Auto-incrementing integer that generates unique IDs for radio components.\n */\nlet nextUniqueId = 0;\n\n/**\n * Provider Expression that allows sky-radio to register as a ControlValueAccessor.\n * This allows it to support [(ngModel)].\n */\n// tslint:disable:no-forward-ref no-use-before-declare\nconst SKY_RADIO_CONTROL_VALUE_ACCESSOR: Provider = {\n  provide: NG_VALUE_ACCESSOR,\n  useExisting: forwardRef(() => SkyRadioComponent),\n  multi: true,\n};\n// tslint:enable\n\n/**\n * Renders a SKY UX-themed replacement for an HTML `input` element\n * with `type=\"radio\"`. When users select a radio button, its value is driven through an\n * `ngModel` attribute that you specify on the `sky-radio` element or the parent `sky-radio-group` element.\n */\n@Component({\n  selector: 'sky-radio',\n  templateUrl: './radio.component.html',\n  styleUrls: ['./radio.component.scss'],\n  providers: [SKY_RADIO_CONTROL_VALUE_ACCESSOR],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class SkyRadioComponent implements OnDestroy, ControlValueAccessor {\n  /**\n   * Fires when users focus off a radio button.\n   */\n  public blur = new Subject<void>();\n\n  /**\n   * Indicates whether the radio button is selected.\n   * @default false\n   */\n  @Input()\n  public set checked(value: boolean) {\n    const newCheckedState = !!value;\n\n    if (this._checked !== newCheckedState) {\n      this._checked = newCheckedState;\n      this._checkedChange.next(this._checked);\n\n      if (newCheckedState) {\n        this.selectedValue = this.value;\n      }\n    }\n\n    this.changeDetector.markForCheck();\n  }\n\n  public get checked(): boolean {\n    return this._checked;\n  }\n\n  /**\n   * Indicates whether to disable the input.\n   * @default false\n   */\n  @Input()\n  public set disabled(value: boolean) {\n    const coercedValue = SkyFormsUtility.coerceBooleanProperty(value);\n    if (coercedValue !== this.disabled) {\n      this._disabled = coercedValue;\n      this._disabledChange.next(this._disabled);\n      this.changeDetector.markForCheck();\n    }\n  }\n\n  public get disabled(): boolean {\n    return this._disabled;\n  }\n\n  /**\n   * Specifies an ID for the radio button.\n   * @default a unique, auto-incrementing integer. For example: `sky-radio-1`\n   */\n  @Input()\n  public id = `sky-radio-${++nextUniqueId}`;\n\n  /**\n   * Specifies an ARIA label for the radio button. This sets the radio button's `aria-label`\n   * attribute [to support accessibility](https://developer.blackbaud.com/skyux/learn/accessibility)\n   * when the radio button does not include a visible label. You must set this property for icon\n   * radio buttons. If the radio button includes a visible label, use `labelledBy` instead.\n   */\n  @Input()\n  public label: string;\n\n  /**\n   * Specifies the HTML element ID (without the leading `#`) of the element that labels\n   * the radio button. This sets the radio button's `aria-labelledby` attribute\n   * [to support accessibility](https://developer.blackbaud.com/skyux/learn/accessibility).\n   * If the radio button does not include a visible label, use `label` instead.\n   */\n  @Input()\n  public labelledBy: string;\n\n  /**\n   * This property is deprecated in favor of the `name` property on the `sky-radio-group element`.\n   * We recommend using the `sky-radio-group` element with all radio buttons, but if you opt not to,\n   * then this property specifies a name for a group of radio buttons.\n   * @deprecated\n   */\n  @Input()\n  public set name(value: string) {\n    this._name = value;\n    this.changeDetector.markForCheck();\n  }\n\n  public get name(): string {\n    return this._name;\n  }\n\n  /**\n   * This property is deprecated in favor of\n   * the `tabIndex` property on the `sky-radio-group` element. It specifies an index for the radio\n   * button. If the index is not defined, it is set to the position of the radio button on load.\n   * @deprecated\n   */\n  @Input()\n  public set tabindex(value: number) {\n    console.warn(\n      'The sky-radio `tabindex` property is deprecated. Please use the `tabindex` property on the sky-radio-group component.'\n    );\n    this._tabindex = value;\n    this.changeDetector.markForCheck();\n  }\n  public get tabindex(): number {\n    return this._tabindex || 0;\n  }\n\n  // For setting the tabindex from the radio group\n  public set groupTabIndex(value: number) {\n    this._tabindex = value;\n    this.changeDetector.markForCheck();\n  }\n\n  /**\n   * Specifies and binds a value to the radio button's `value` property. The value usually\n   * corresponds to the radio button's label, which you specify with the `sky-radio-label`\n   * component.\n   * @required\n   */\n  @Input()\n  public set value(value: any) {\n    /* istanbul ignore else */\n    if (this._value !== value) {\n      if (this.selectedValue && this.selectedValue === this._value) {\n        this.selectedValue = value;\n        this.onChangeCallback(this.selectedValue);\n        this.onTouchedCallback();\n      }\n\n      this._value = value;\n    }\n\n    this.changeDetector.markForCheck();\n  }\n\n  public get value(): any {\n    return this._value;\n  }\n\n  /**\n   * Specifies an icon to display in place of the radio button. To group radio buttons like in\n   * the demo above, place the `sky-switch-icon-group` class on the direct parent element of the\n   * radio buttons.\n   */\n  @Input()\n  public icon: string;\n\n  /**\n   * Specifies a type to set the background color after users select an icon radio button.\n   * The valid options correspond\n   * [the label component's](https://developer.blackbaud.com/skyux/components/label)\n   * label types. `danger` creates a red background, `info` creates a blue background,\n   * `success` creates a green background, and `warning` creates an orange background.\n   * @default \"info\"\n   */\n  @Input()\n  public get radioType(): string {\n    return this._radioType || 'info';\n  }\n  public set radioType(value: string) {\n    if (value) {\n      this._radioType = value.toLowerCase();\n    }\n  }\n\n  /**\n   * Fires when users select a radio button.\n   */\n  @Output()\n  // eslint-disable-next-line @angular-eslint/no-output-native\n  public get change(): Observable<SkyRadioChange> {\n    return this._change;\n  }\n\n  /**\n   * Fires when the selected value changes.\n   */\n  @Output()\n  public get checkedChange(): Observable<boolean> {\n    return this._checkedChange;\n  }\n\n  /**\n   * Fires when the selected value changes.\n   */\n  @Output()\n  public get disabledChange(): Observable<boolean> {\n    return this._disabledChange;\n  }\n\n  public get inputId(): string {\n    return `sky-radio-${this.id}-input`;\n  }\n\n  public set selectedValue(value: any) {\n    if (value !== this._selectedValue) {\n      this._selectedValue = value;\n    }\n  }\n  public get selectedValue(): any {\n    return this._selectedValue;\n  }\n\n  private _change = new EventEmitter<SkyRadioChange>();\n  private _checked = false;\n  private _checkedChange = new BehaviorSubject<boolean>(this._checked);\n  private _disabled = false;\n  private _disabledChange = new BehaviorSubject<boolean>(this._disabled);\n  private _name: string;\n  private _radioType: string;\n  private _selectedValue: any;\n  private _tabindex: number;\n  private _value: any;\n\n  constructor(private changeDetector: ChangeDetectorRef) {}\n\n  public ngOnDestroy(): void {\n    this.removeUniqueSelectionListener();\n  }\n\n  public writeValue(value: any): void {\n    if (value === undefined) {\n      return;\n    }\n\n    this.selectedValue = value;\n    this.checked = this.value === this.selectedValue;\n\n    this.changeDetector.markForCheck();\n  }\n\n  /**\n   * @internal\n   * Indicates whether to disable the control. Implemented as a part of ControlValueAccessor.\n   */\n  public setDisabledState(isDisabled: boolean) {\n    this.disabled = isDisabled;\n  }\n\n  public registerOnChange(fn: any): void {\n    this.onChangeCallback = fn;\n  }\n\n  public registerOnTouched(fn: any): void {\n    this.onTouchedCallback = fn;\n  }\n\n  public onInputChange(event: Event): void {\n    event.stopPropagation();\n\n    if (!this.disabled) {\n      this.checked = true;\n      this._change.emit({\n        source: this,\n        value: this._value,\n      });\n\n      this.onInputFocusChange(undefined);\n      this.onChangeCallback(this.value);\n    }\n  }\n\n  public onInputFocusChange(event: Event): void {\n    this.onTouchedCallback();\n    this.blur.next();\n  }\n\n  /* istanbul ignore next */\n  private removeUniqueSelectionListener = () => {};\n  /* istanbul ignore next */\n  private onChangeCallback = (value: any) => {};\n  /* istanbul ignore next */\n  private onTouchedCallback = () => {};\n}\n","<label\n  class=\"sky-radio-wrapper sky-switch\"\n  [ngClass]=\"{ 'sky-switch-disabled': disabled }\"\n>\n  <input\n    class=\"sky-radio-input sky-switch-input\"\n    type=\"radio\"\n    [attr.aria-label]=\"label\"\n    [attr.aria-labelledby]=\"labelledBy\"\n    [checked]=\"checked\"\n    [disabled]=\"disabled\"\n    [id]=\"inputId\"\n    [name]=\"name\"\n    [tabIndex]=\"tabindex\"\n    [value]=\"value\"\n    (blur)=\"onInputFocusChange($event)\"\n    (change)=\"onInputChange($event)\"\n  />\n  <span\n    class=\"sky-switch-control\"\n    [ngClass]=\"{\n      'sky-switch-control-icon': icon,\n      'sky-rounded-corners': icon,\n      'sky-rounded-circle': !icon,\n      'sky-switch-control-info': icon && radioType === 'info',\n      'sky-switch-control-success': icon && radioType === 'success',\n      'sky-switch-control-warning': icon && radioType === 'warning',\n      'sky-switch-control-danger': icon && radioType === 'danger'\n    }\"\n  >\n    <sky-icon *ngIf=\"icon\" fixedWidth=\"true\" [icon]=\"icon\"> </sky-icon>\n  </span>\n  <ng-content select=\"sky-radio-label\"></ng-content>\n</label>\n"]}

package/esm2015/lib/modules/radio/radio.module.js

@@ -2,9 +2,9 @@ import { CommonModule } from '@angular/common';
 import { NgModule } from '@angular/core';
 import { FormsModule } from '@angular/forms';
 import { SkyIconModule } from '@skyux/indicators';
-import { SkyRadioComponent } from './radio.component';
-import { SkyRadioLabelComponent } from './radio-label.component';
 import { SkyRadioGroupComponent } from './radio-group.component';
+import { SkyRadioLabelComponent } from './radio-label.component';
+import { SkyRadioComponent } from './radio.component';
 import * as i0 from "@angular/core";
 export class SkyRadioModule {
 }

package/esm2015/lib/modules/radio/radio.module.js.map

@@ -1 +1 @@
-{"version":3,"file":"radio.module.js","sourceRoot":"","sources":["../../../../../../../../libs/components/forms/src/lib/modules/radio/radio.module.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAE/C,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEzC,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7C,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAElD,OAAO,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAEtD,OAAO,EAAE,sBAAsB,EAAE,MAAM,yBAAyB,CAAC;AAEjE,OAAO,EAAE,sBAAsB,EAAE,MAAM,yBAAyB,CAAC;;AAWjE,MAAM,OAAO,cAAc;;4GAAd,cAAc;6GAAd,cAAc,iBAPvB,iBAAiB;QACjB,sBAAsB;QACtB,sBAAsB,aAEd,YAAY,EAAE,WAAW,EAAE,aAAa,aACxC,iBAAiB,EAAE,sBAAsB,EAAE,sBAAsB;6GAEhE,cAAc,YAHhB,CAAC,YAAY,EAAE,WAAW,EAAE,aAAa,CAAC;4FAGxC,cAAc;kBAT1B,QAAQ;mBAAC;oBACR,YAAY,EAAE;wBACZ,iBAAiB;wBACjB,sBAAsB;wBACtB,sBAAsB;qBACvB;oBACD,OAAO,EAAE,CAAC,YAAY,EAAE,WAAW,EAAE,aAAa,CAAC;oBACnD,OAAO,EAAE,CAAC,iBAAiB,EAAE,sBAAsB,EAAE,sBAAsB,CAAC;iBAC7E","sourcesContent":["import { CommonModule } from '@angular/common';\n\nimport { NgModule } from '@angular/core';\n\nimport { FormsModule } from '@angular/forms';\n\nimport { SkyIconModule } from '@skyux/indicators';\n\nimport { SkyRadioComponent } from './radio.component';\n\nimport { SkyRadioLabelComponent } from './radio-label.component';\n\nimport { SkyRadioGroupComponent } from './radio-group.component';\n\n@NgModule({\n  declarations: [\n    SkyRadioComponent,\n    SkyRadioGroupComponent,\n    SkyRadioLabelComponent,\n  ],\n  imports: [CommonModule, FormsModule, SkyIconModule],\n  exports: [SkyRadioComponent, SkyRadioGroupComponent, SkyRadioLabelComponent],\n})\nexport class SkyRadioModule {}\n"]}
+{"version":3,"file":"radio.module.js","sourceRoot":"","sources":["../../../../../../../../libs/components/forms/src/lib/modules/radio/radio.module.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAElD,OAAO,EAAE,sBAAsB,EAAE,MAAM,yBAAyB,CAAC;AACjE,OAAO,EAAE,sBAAsB,EAAE,MAAM,yBAAyB,CAAC;AACjE,OAAO,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;;AAWtD,MAAM,OAAO,cAAc;;4GAAd,cAAc;6GAAd,cAAc,iBAPvB,iBAAiB;QACjB,sBAAsB;QACtB,sBAAsB,aAEd,YAAY,EAAE,WAAW,EAAE,aAAa,aACxC,iBAAiB,EAAE,sBAAsB,EAAE,sBAAsB;6GAEhE,cAAc,YAHhB,CAAC,YAAY,EAAE,WAAW,EAAE,aAAa,CAAC;4FAGxC,cAAc;kBAT1B,QAAQ;mBAAC;oBACR,YAAY,EAAE;wBACZ,iBAAiB;wBACjB,sBAAsB;wBACtB,sBAAsB;qBACvB;oBACD,OAAO,EAAE,CAAC,YAAY,EAAE,WAAW,EAAE,aAAa,CAAC;oBACnD,OAAO,EAAE,CAAC,iBAAiB,EAAE,sBAAsB,EAAE,sBAAsB,CAAC;iBAC7E","sourcesContent":["import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport { SkyIconModule } from '@skyux/indicators';\n\nimport { SkyRadioGroupComponent } from './radio-group.component';\nimport { SkyRadioLabelComponent } from './radio-label.component';\nimport { SkyRadioComponent } from './radio.component';\n\n@NgModule({\n  declarations: [\n    SkyRadioComponent,\n    SkyRadioGroupComponent,\n    SkyRadioLabelComponent,\n  ],\n  imports: [CommonModule, FormsModule, SkyIconModule],\n  exports: [SkyRadioComponent, SkyRadioGroupComponent, SkyRadioLabelComponent],\n})\nexport class SkyRadioModule {}\n"]}

package/esm2015/lib/modules/selection-box/selection-box-adapter.service.js.map

@@ -1 +1 @@
-{"version":3,"file":"selection-box-adapter.service.js","sourceRoot":"","sources":["../../../../../../../../libs/components/forms/src/lib/modules/selection-box/selection-box-adapter.service.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n  ElementRef,\n  Injectable,\n  Renderer2,\n  RendererFactory2,\n} from '@angular/core';\n\nimport { SkyCoreAdapterService, SkyMediaBreakpoints } from '@skyux/core';\n\nconst RESPONSIVE_CLASS_XS = 'sky-selection-box-container-xs';\nconst RESPONSIVE_CLASS_SM = 'sky-selection-box-container-sm';\nconst RESPONSIVE_CLASS_MD = 'sky-selection-box-container-md';\nconst RESPONSIVE_CLASS_LG = 'sky-selection-box-container-lg';\n\nconst BREAKPOINT_XS_MAX_PIXELS = 767;\nconst BREAKPOINT_SM_MIN_PIXELS = 768;\nconst BREAKPOINT_SM_MAX_PIXELS = 991;\nconst BREAKPOINT_MD_MIN_PIXELS = 992;\nconst BREAKPOINT_MD_MAX_PIXELS = 1439;\n\n/**\n * @internal\n */\n@Injectable()\nexport class SkySelectionBoxAdapterService {\n  private renderer: Renderer2;\n\n  constructor(\n    private coreAdapterService: SkyCoreAdapterService,\n    rendererFactory: RendererFactory2\n  ) {\n    this.renderer = rendererFactory.createRenderer(undefined, undefined);\n  }\n\n  /**\n   * Sets focus on the specified element.\n   */\n  public focus(el: ElementRef): void {\n    el.nativeElement.focus();\n  }\n\n  /**\n   * Returns a child element with the `.sky-switch` class.\n   * Useful for getting SKY UX-themed radio buttons or checkboxes.\n   */\n  public getControl(el: ElementRef): HTMLElement {\n    return el.nativeElement.querySelector('.sky-switch');\n  }\n\n  /**\n   * Returns a breakpoint based on the width.\n   * @param width Width of the element in pixels.\n   */\n  public getBreakpointForWidth(width: number): SkyMediaBreakpoints {\n    if (width <= BREAKPOINT_XS_MAX_PIXELS) {\n      return SkyMediaBreakpoints.xs;\n    } else if (\n      width >= BREAKPOINT_SM_MIN_PIXELS &&\n      width <= BREAKPOINT_SM_MAX_PIXELS\n    ) {\n      return SkyMediaBreakpoints.sm;\n    } else if (\n      width >= BREAKPOINT_MD_MIN_PIXELS &&\n      width <= BREAKPOINT_MD_MAX_PIXELS\n    ) {\n      return SkyMediaBreakpoints.md;\n    } else {\n      return SkyMediaBreakpoints.lg;\n    }\n  }\n\n  /**\n   * Returns the width of the `parentNode` of the provided `element`.\n   */\n  public getParentWidth(element: ElementRef): number {\n    return element.nativeElement.parentNode.getBoundingClientRect().width;\n  }\n\n  /**\n   * Returns `true` if the `childEl` is a descendant of the `parentEl`.\n   */\n  public isDescendant(parentEl: ElementRef, childEl: HTMLElement): boolean {\n    return parentEl.nativeElement.contains(childEl);\n  }\n\n  /**\n   * Sets the `tabIndex` of all focusable children of the `element` to the provided `tabIndex`.\n   */\n  public setChildrenTabIndex(element: ElementRef, tabIndex: number): void {\n    const el = element.nativeElement;\n    const focusableElems = this.coreAdapterService.getFocusableChildren(el, {\n      ignoreVisibility: true,\n    });\n    let index = focusableElems.length;\n    while (index--) {\n      focusableElems[index].tabIndex = tabIndex;\n    }\n  }\n\n  /**\n   * Adds a responsive CSS class on the provided element based on its current width.\n   */\n  public setResponsiveClass(\n    element: ElementRef,\n    breakpoint: SkyMediaBreakpoints\n  ): void {\n    const nativeEl: HTMLElement = element.nativeElement;\n\n    this.renderer.removeClass(nativeEl, RESPONSIVE_CLASS_XS);\n    this.renderer.removeClass(nativeEl, RESPONSIVE_CLASS_SM);\n    this.renderer.removeClass(nativeEl, RESPONSIVE_CLASS_MD);\n    this.renderer.removeClass(nativeEl, RESPONSIVE_CLASS_LG);\n\n    let newClass: string;\n\n    // tslint:disable-next-line: switch-default\n    switch (breakpoint) {\n      case SkyMediaBreakpoints.xs: {\n        newClass = RESPONSIVE_CLASS_XS;\n        break;\n      }\n      case SkyMediaBreakpoints.sm: {\n        newClass = RESPONSIVE_CLASS_SM;\n        break;\n      }\n      case SkyMediaBreakpoints.md: {\n        newClass = RESPONSIVE_CLASS_MD;\n        break;\n      }\n      case SkyMediaBreakpoints.lg: {\n        newClass = RESPONSIVE_CLASS_LG;\n        break;\n      }\n    }\n\n    this.renderer.addClass(nativeEl, newClass);\n  }\n\n  /**\n   * Sets the `tabIndex` of the `element` to the provided `tabIndex`.\n   */\n  public setTabIndex(element: ElementRef, tabIndex: number): void {\n    const el = element.nativeElement;\n    el.tabIndex = tabIndex;\n  }\n}\n"]}
+{"version":3,"file":"selection-box-adapter.service.js","sourceRoot":"","sources":["../../../../../../../../libs/components/forms/src/lib/modules/selection-box/selection-box-adapter.service.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n  ElementRef,\n  Injectable,\n  Renderer2,\n  RendererFactory2,\n} from '@angular/core';\nimport { SkyCoreAdapterService, SkyMediaBreakpoints } from '@skyux/core';\n\nconst RESPONSIVE_CLASS_XS = 'sky-selection-box-container-xs';\nconst RESPONSIVE_CLASS_SM = 'sky-selection-box-container-sm';\nconst RESPONSIVE_CLASS_MD = 'sky-selection-box-container-md';\nconst RESPONSIVE_CLASS_LG = 'sky-selection-box-container-lg';\n\nconst BREAKPOINT_XS_MAX_PIXELS = 767;\nconst BREAKPOINT_SM_MIN_PIXELS = 768;\nconst BREAKPOINT_SM_MAX_PIXELS = 991;\nconst BREAKPOINT_MD_MIN_PIXELS = 992;\nconst BREAKPOINT_MD_MAX_PIXELS = 1439;\n\n/**\n * @internal\n */\n@Injectable()\nexport class SkySelectionBoxAdapterService {\n  private renderer: Renderer2;\n\n  constructor(\n    private coreAdapterService: SkyCoreAdapterService,\n    rendererFactory: RendererFactory2\n  ) {\n    this.renderer = rendererFactory.createRenderer(undefined, undefined);\n  }\n\n  /**\n   * Sets focus on the specified element.\n   */\n  public focus(el: ElementRef): void {\n    el.nativeElement.focus();\n  }\n\n  /**\n   * Returns a child element with the `.sky-switch` class.\n   * Useful for getting SKY UX-themed radio buttons or checkboxes.\n   */\n  public getControl(el: ElementRef): HTMLElement {\n    return el.nativeElement.querySelector('.sky-switch');\n  }\n\n  /**\n   * Returns a breakpoint based on the width.\n   * @param width Width of the element in pixels.\n   */\n  public getBreakpointForWidth(width: number): SkyMediaBreakpoints {\n    if (width <= BREAKPOINT_XS_MAX_PIXELS) {\n      return SkyMediaBreakpoints.xs;\n    } else if (\n      width >= BREAKPOINT_SM_MIN_PIXELS &&\n      width <= BREAKPOINT_SM_MAX_PIXELS\n    ) {\n      return SkyMediaBreakpoints.sm;\n    } else if (\n      width >= BREAKPOINT_MD_MIN_PIXELS &&\n      width <= BREAKPOINT_MD_MAX_PIXELS\n    ) {\n      return SkyMediaBreakpoints.md;\n    } else {\n      return SkyMediaBreakpoints.lg;\n    }\n  }\n\n  /**\n   * Returns the width of the `parentNode` of the provided `element`.\n   */\n  public getParentWidth(element: ElementRef): number {\n    return element.nativeElement.parentNode.getBoundingClientRect().width;\n  }\n\n  /**\n   * Returns `true` if the `childEl` is a descendant of the `parentEl`.\n   */\n  public isDescendant(parentEl: ElementRef, childEl: HTMLElement): boolean {\n    return parentEl.nativeElement.contains(childEl);\n  }\n\n  /**\n   * Sets the `tabIndex` of all focusable children of the `element` to the provided `tabIndex`.\n   */\n  public setChildrenTabIndex(element: ElementRef, tabIndex: number): void {\n    const el = element.nativeElement;\n    const focusableElems = this.coreAdapterService.getFocusableChildren(el, {\n      ignoreVisibility: true,\n    });\n    let index = focusableElems.length;\n    while (index--) {\n      focusableElems[index].tabIndex = tabIndex;\n    }\n  }\n\n  /**\n   * Adds a responsive CSS class on the provided element based on its current width.\n   */\n  public setResponsiveClass(\n    element: ElementRef,\n    breakpoint: SkyMediaBreakpoints\n  ): void {\n    const nativeEl: HTMLElement = element.nativeElement;\n\n    this.renderer.removeClass(nativeEl, RESPONSIVE_CLASS_XS);\n    this.renderer.removeClass(nativeEl, RESPONSIVE_CLASS_SM);\n    this.renderer.removeClass(nativeEl, RESPONSIVE_CLASS_MD);\n    this.renderer.removeClass(nativeEl, RESPONSIVE_CLASS_LG);\n\n    let newClass: string;\n\n    // tslint:disable-next-line: switch-default\n    switch (breakpoint) {\n      case SkyMediaBreakpoints.xs: {\n        newClass = RESPONSIVE_CLASS_XS;\n        break;\n      }\n      case SkyMediaBreakpoints.sm: {\n        newClass = RESPONSIVE_CLASS_SM;\n        break;\n      }\n      case SkyMediaBreakpoints.md: {\n        newClass = RESPONSIVE_CLASS_MD;\n        break;\n      }\n      case SkyMediaBreakpoints.lg: {\n        newClass = RESPONSIVE_CLASS_LG;\n        break;\n      }\n    }\n\n    this.renderer.addClass(nativeEl, newClass);\n  }\n\n  /**\n   * Sets the `tabIndex` of the `element` to the provided `tabIndex`.\n   */\n  public setTabIndex(element: ElementRef, tabIndex: number): void {\n    const el = element.nativeElement;\n    el.tabIndex = tabIndex;\n  }\n}\n"]}

package/esm2015/lib/modules/selection-box/selection-box-grid.component.js

@@ -1,10 +1,10 @@
 import { ChangeDetectionStrategy, Component, ContentChildren, ElementRef, HostListener, Input, NgZone, QueryList, ViewChild, ViewEncapsulation, } from '@angular/core';
 import { MutationObserverService, SkyCoreAdapterService, } from '@skyux/core';
 import { SkyThemeService } from '@skyux/theme';
-import { takeUntil } from 'rxjs/operators';
 import { Subject } from 'rxjs';
-import { SkySelectionBoxComponent } from './selection-box.component';
+import { takeUntil } from 'rxjs/operators';
 import { SkySelectionBoxAdapterService } from './selection-box-adapter.service';
+import { SkySelectionBoxComponent } from './selection-box.component';
 import * as i0 from "@angular/core";
 import * as i1 from "@skyux/theme";
 import * as i2 from "@skyux/core";

package/esm2015/lib/modules/selection-box/selection-box-grid.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"selection-box-grid.component.js","sourceRoot":"","sources":["../../../../../../../../libs/components/forms/src/lib/modules/selection-box/selection-box-grid.component.ts","../../../../../../../../libs/components/forms/src/lib/modules/selection-box/selection-box-grid.component.html"],"names":[],"mappings":"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","sourcesContent":["import {\n  AfterViewInit,\n  ChangeDetectionStrategy,\n  Component,\n  ContentChildren,\n  ElementRef,\n  HostListener,\n  Input,\n  NgZone,\n  OnDestroy,\n  OnInit,\n  QueryList,\n  ViewChild,\n  ViewEncapsulation,\n} from '@angular/core';\n\nimport {\n  MutationObserverService,\n  SkyCoreAdapterService,\n  SkyMediaBreakpoints,\n} from '@skyux/core';\n\nimport { SkyThemeService } from '@skyux/theme';\n\nimport { takeUntil } from 'rxjs/operators';\n\nimport { Subject } from 'rxjs';\n\nimport { SkySelectionBoxComponent } from './selection-box.component';\n\nimport { SkySelectionBoxAdapterService } from './selection-box-adapter.service';\n\nimport { SkySelectionBoxGridAlignItemsType } from './types/selection-box-grid-align-items-type';\n\nconst SKY_SELECTION_BOX_CLASS_NAME = '.sky-selection-box';\n\n/**\n * Creates a grid layout for an array of selection boxes.\n */\n@Component({\n  selector: 'sky-selection-box-grid',\n  templateUrl: './selection-box-grid.component.html',\n  styleUrls: ['./selection-box-grid.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n})\nexport class SkySelectionBoxGridComponent\n  implements AfterViewInit, OnDestroy, OnInit\n{\n  /**\n   * @internal\n   * Specifies how to display the selection boxes in the grid.\n   * @default 'center'\n   */\n  @Input()\n  public set alignItems(value: SkySelectionBoxGridAlignItemsType) {\n    this._alignItems = value;\n  }\n\n  public get alignItems(): SkySelectionBoxGridAlignItemsType {\n    return this._alignItems || 'center';\n  }\n\n  @ContentChildren(SkySelectionBoxComponent, {\n    read: SkySelectionBoxComponent,\n  })\n  public selectionBoxes: QueryList<SkySelectionBoxComponent>;\n\n  private set currentBreakpoint(value: SkyMediaBreakpoints) {\n    if (value !== this._currentBreakpoint) {\n      this._currentBreakpoint = value;\n      this.selectionBoxAdapter.setResponsiveClass(this.elementRef, value);\n      this.updateChildrenHeights();\n    }\n  }\n\n  @ViewChild('container', {\n    read: ElementRef,\n    static: true,\n  })\n  private elementRef: ElementRef<any>;\n\n  private mutationObserver: MutationObserver;\n\n  private ngUnsubscribe = new Subject();\n\n  private _alignItems: SkySelectionBoxGridAlignItemsType;\n\n  private _currentBreakpoint: SkyMediaBreakpoints;\n\n  constructor(\n    private themeSvc: SkyThemeService,\n    private coreAdapterService: SkyCoreAdapterService,\n    private selectionBoxAdapter: SkySelectionBoxAdapterService,\n    private hostElRef: ElementRef,\n    private mutationObserverSvc: MutationObserverService,\n    private ngZone: NgZone\n  ) {}\n\n  public ngOnInit(): void {\n    /* istanbul ignore else */\n    if (this.themeSvc) {\n      this.themeSvc.settingsChange\n        .pipe(takeUntil(this.ngUnsubscribe))\n        .subscribe(() => {\n          this.updateBreakpointClass();\n          this.updateChildrenHeights();\n        });\n    }\n  }\n\n  public ngAfterViewInit(): void {\n    this.updateBreakpointClass();\n    this.updateChildrenHeights();\n    this.initMutationObserver();\n  }\n\n  public ngOnDestroy(): void {\n    this.ngUnsubscribe.next();\n    this.ngUnsubscribe.complete();\n\n    this.destroyMutationObserver();\n  }\n\n  @HostListener('window:resize')\n  public onWindowResize(): void {\n    this.updateBreakpointClass();\n  }\n\n  private initMutationObserver(): void {\n    /* istanbul ignore else */\n    if (!this.mutationObserver) {\n      const el = this.elementRef.nativeElement;\n\n      // MutationObserver is patched by Zone.js and therefore becomes part of the\n      // Angular change detection cycle, but this can lead to infinite loops in some\n      // scenarios. This will keep MutationObserver from triggering change detection.\n      this.ngZone.runOutsideAngular(() => {\n        this.mutationObserver = this.mutationObserverSvc.create(() => {\n          this.updateChildrenHeights();\n        });\n\n        this.mutationObserver.observe(el, {\n          characterData: true,\n          subtree: true,\n        });\n      });\n    }\n  }\n\n  private destroyMutationObserver(): void {\n    /* istanbul ignore else */\n    if (this.mutationObserver) {\n      this.mutationObserver.disconnect();\n      this.mutationObserver = undefined;\n    }\n  }\n\n  private updateBreakpointClass(): void {\n    const parentWidth = this.selectionBoxAdapter.getParentWidth(this.hostElRef);\n    this.currentBreakpoint =\n      this.selectionBoxAdapter.getBreakpointForWidth(parentWidth);\n  }\n\n  private updateChildrenHeights(): void {\n    this.coreAdapterService.resetHeight(\n      this.elementRef,\n      SKY_SELECTION_BOX_CLASS_NAME\n    );\n    this.coreAdapterService.syncMaxHeight(\n      this.elementRef,\n      SKY_SELECTION_BOX_CLASS_NAME\n    );\n  }\n}\n","<div\n  class=\"sky-selection-box-grid\"\n  [ngClass]=\"'sky-selection-box-grid-align-' + alignItems\"\n  #container\n>\n  <ng-content select=\"sky-selection-box\"></ng-content>\n</div>\n"]}
+{"version":3,"file":"selection-box-grid.component.js","sourceRoot":"","sources":["../../../../../../../../libs/components/forms/src/lib/modules/selection-box/selection-box-grid.component.ts","../../../../../../../../libs/components/forms/src/lib/modules/selection-box/selection-box-grid.component.html"],"names":[],"mappings":"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","sourcesContent":["import {\n  AfterViewInit,\n  ChangeDetectionStrategy,\n  Component,\n  ContentChildren,\n  ElementRef,\n  HostListener,\n  Input,\n  NgZone,\n  OnDestroy,\n  OnInit,\n  QueryList,\n  ViewChild,\n  ViewEncapsulation,\n} from '@angular/core';\nimport {\n  MutationObserverService,\n  SkyCoreAdapterService,\n  SkyMediaBreakpoints,\n} from '@skyux/core';\nimport { SkyThemeService } from '@skyux/theme';\n\nimport { Subject } from 'rxjs';\nimport { takeUntil } from 'rxjs/operators';\n\nimport { SkySelectionBoxAdapterService } from './selection-box-adapter.service';\nimport { SkySelectionBoxComponent } from './selection-box.component';\nimport { SkySelectionBoxGridAlignItemsType } from './types/selection-box-grid-align-items-type';\n\nconst SKY_SELECTION_BOX_CLASS_NAME = '.sky-selection-box';\n\n/**\n * Creates a grid layout for an array of selection boxes.\n */\n@Component({\n  selector: 'sky-selection-box-grid',\n  templateUrl: './selection-box-grid.component.html',\n  styleUrls: ['./selection-box-grid.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n})\nexport class SkySelectionBoxGridComponent\n  implements AfterViewInit, OnDestroy, OnInit\n{\n  /**\n   * @internal\n   * Specifies how to display the selection boxes in the grid.\n   * @default 'center'\n   */\n  @Input()\n  public set alignItems(value: SkySelectionBoxGridAlignItemsType) {\n    this._alignItems = value;\n  }\n\n  public get alignItems(): SkySelectionBoxGridAlignItemsType {\n    return this._alignItems || 'center';\n  }\n\n  @ContentChildren(SkySelectionBoxComponent, {\n    read: SkySelectionBoxComponent,\n  })\n  public selectionBoxes: QueryList<SkySelectionBoxComponent>;\n\n  private set currentBreakpoint(value: SkyMediaBreakpoints) {\n    if (value !== this._currentBreakpoint) {\n      this._currentBreakpoint = value;\n      this.selectionBoxAdapter.setResponsiveClass(this.elementRef, value);\n      this.updateChildrenHeights();\n    }\n  }\n\n  @ViewChild('container', {\n    read: ElementRef,\n    static: true,\n  })\n  private elementRef: ElementRef<any>;\n\n  private mutationObserver: MutationObserver;\n\n  private ngUnsubscribe = new Subject();\n\n  private _alignItems: SkySelectionBoxGridAlignItemsType;\n\n  private _currentBreakpoint: SkyMediaBreakpoints;\n\n  constructor(\n    private themeSvc: SkyThemeService,\n    private coreAdapterService: SkyCoreAdapterService,\n    private selectionBoxAdapter: SkySelectionBoxAdapterService,\n    private hostElRef: ElementRef,\n    private mutationObserverSvc: MutationObserverService,\n    private ngZone: NgZone\n  ) {}\n\n  public ngOnInit(): void {\n    /* istanbul ignore else */\n    if (this.themeSvc) {\n      this.themeSvc.settingsChange\n        .pipe(takeUntil(this.ngUnsubscribe))\n        .subscribe(() => {\n          this.updateBreakpointClass();\n          this.updateChildrenHeights();\n        });\n    }\n  }\n\n  public ngAfterViewInit(): void {\n    this.updateBreakpointClass();\n    this.updateChildrenHeights();\n    this.initMutationObserver();\n  }\n\n  public ngOnDestroy(): void {\n    this.ngUnsubscribe.next();\n    this.ngUnsubscribe.complete();\n\n    this.destroyMutationObserver();\n  }\n\n  @HostListener('window:resize')\n  public onWindowResize(): void {\n    this.updateBreakpointClass();\n  }\n\n  private initMutationObserver(): void {\n    /* istanbul ignore else */\n    if (!this.mutationObserver) {\n      const el = this.elementRef.nativeElement;\n\n      // MutationObserver is patched by Zone.js and therefore becomes part of the\n      // Angular change detection cycle, but this can lead to infinite loops in some\n      // scenarios. This will keep MutationObserver from triggering change detection.\n      this.ngZone.runOutsideAngular(() => {\n        this.mutationObserver = this.mutationObserverSvc.create(() => {\n          this.updateChildrenHeights();\n        });\n\n        this.mutationObserver.observe(el, {\n          characterData: true,\n          subtree: true,\n        });\n      });\n    }\n  }\n\n  private destroyMutationObserver(): void {\n    /* istanbul ignore else */\n    if (this.mutationObserver) {\n      this.mutationObserver.disconnect();\n      this.mutationObserver = undefined;\n    }\n  }\n\n  private updateBreakpointClass(): void {\n    const parentWidth = this.selectionBoxAdapter.getParentWidth(this.hostElRef);\n    this.currentBreakpoint =\n      this.selectionBoxAdapter.getBreakpointForWidth(parentWidth);\n  }\n\n  private updateChildrenHeights(): void {\n    this.coreAdapterService.resetHeight(\n      this.elementRef,\n      SKY_SELECTION_BOX_CLASS_NAME\n    );\n    this.coreAdapterService.syncMaxHeight(\n      this.elementRef,\n      SKY_SELECTION_BOX_CLASS_NAME\n    );\n  }\n}\n","<div\n  class=\"sky-selection-box-grid\"\n  [ngClass]=\"'sky-selection-box-grid-align-' + alignItems\"\n  #container\n>\n  <ng-content select=\"sky-selection-box\"></ng-content>\n</div>\n"]}

package/esm2015/lib/modules/selection-box/selection-box.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"selection-box.component.js","sourceRoot":"","sources":["../../../../../../../../libs/components/forms/src/lib/modules/selection-box/selection-box.component.ts","../../../../../../../../libs/components/forms/src/lib/modules/selection-box/selection-box.component.html"],"names":[],"mappings":"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","sourcesContent":["import {\n  AfterViewInit,\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  Component,\n  ElementRef,\n  Input,\n  OnDestroy,\n  ViewChild,\n  ViewEncapsulation,\n} from '@angular/core';\n\nimport { Subject } from 'rxjs';\n\nimport { takeUntil } from 'rxjs/operators';\n\nimport { SkyCheckboxComponent } from '../checkbox/checkbox.component';\n\nimport { SkyRadioComponent } from '../radio/radio.component';\n\nimport { SkySelectionBoxAdapterService } from './selection-box-adapter.service';\n\n/**\n * Creates a button to present users with a choice or question before proceeding with a one-time process.\n */\n@Component({\n  selector: 'sky-selection-box',\n  styleUrls: ['./selection-box.component.scss'],\n  templateUrl: './selection-box.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n})\nexport class SkySelectionBoxComponent implements AfterViewInit, OnDestroy {\n  /**\n   * Specifies the radio button or checkbox to display in the selection box.\n   * @required\n   */\n  @Input()\n  public control: SkyCheckboxComponent | SkyRadioComponent;\n\n  public set checked(value: boolean) {\n    this._checked = value;\n    this.changeDetector.markForCheck();\n  }\n\n  public get checked(): boolean {\n    return this._checked;\n  }\n\n  public set disabled(value: boolean) {\n    this.selectionBoxAdapterService.setTabIndex(\n      this.selectionBoxEl,\n      value ? -1 : 0\n    );\n    this._disabled = value;\n    this.changeDetector.markForCheck();\n  }\n\n  public get disabled(): boolean {\n    return this._disabled || false;\n  }\n\n  @ViewChild('control', {\n    read: ElementRef,\n    static: false,\n  })\n  private controlEl: ElementRef;\n\n  @ViewChild('selectionBox', {\n    read: ElementRef,\n    static: false,\n  })\n  private selectionBoxEl: ElementRef;\n\n  private ngUnsubscribe = new Subject<void>();\n\n  private _checked: boolean;\n\n  private _disabled: boolean;\n\n  constructor(\n    private changeDetector: ChangeDetectorRef,\n    private selectionBoxAdapterService: SkySelectionBoxAdapterService\n  ) {}\n\n  public ngAfterViewInit(): void {\n    // Wait for consumer form controls to initialize before setting selected/disabled states.\n    setTimeout(() => {\n      this.selectionBoxAdapterService.setChildrenTabIndex(\n        this.selectionBoxEl,\n        -1\n      );\n      this.updateCheckedOnControlChange();\n      this.updateDisabledState();\n    });\n  }\n\n  public ngOnDestroy(): void {\n    this.ngUnsubscribe.next();\n    this.ngUnsubscribe.complete();\n  }\n\n  /**\n   * Since we are programatically firing a click on the control,\n   * make sure user is not clicking on the control before firing click logic.\n   */\n  public onClick(event: any): void {\n    const isControlClick = this.selectionBoxAdapterService.isDescendant(\n      this.controlEl,\n      event.target\n    );\n    if (!isControlClick) {\n      this.selectControl();\n    }\n  }\n\n  public onKeydown(event: KeyboardEvent): void {\n    /* istanbul ignore else */\n    if (event.key === ' ') {\n      this.selectControl();\n      event.preventDefault();\n    }\n  }\n\n  private selectControl(): void {\n    this.selectionBoxAdapterService.getControl(this.controlEl).click();\n    this.selectionBoxAdapterService.focus(this.selectionBoxEl);\n  }\n\n  private updateCheckedOnControlChange(): void {\n    this.control.checkedChange\n      .pipe(takeUntil(this.ngUnsubscribe))\n      .subscribe((value) => {\n        this.checked = value;\n      });\n  }\n\n  private updateDisabledState(): void {\n    this.control.disabledChange\n      .pipe(takeUntil(this.ngUnsubscribe))\n      .subscribe((value) => {\n        this.disabled = value;\n      });\n  }\n}\n","<div\n  class=\"sky-selection-box sky-rounded-corners sky-btn sky-btn-default\"\n  role=\"button\"\n  tabindex=\"0\"\n  [attr.disabled]=\"disabled ? true : null\"\n  [ngClass]=\"{\n    'sky-selection-box-selected': checked,\n    'sky-selection-box-disabled': disabled\n  }\"\n  [skyThemeClass]=\"{\n    'sky-shadow': 'default',\n    'sky-box sky-elevation-1': 'modern'\n  }\"\n  (click)=\"onClick($event)\"\n  (keydown)=\"onKeydown($event)\"\n  #selectionBox\n>\n  <div\n    class=\"sky-selection-box-icon\"\n    [ngStyle]=\"{\n      display: !icon.innerHTML.trim() ? 'none' : ''\n    }\"\n    #icon\n  >\n    <ng-content select=\"sky-icon\"> </ng-content>\n  </div>\n\n  <div class=\"sky-selection-box-content\">\n    <div\n      class=\"sky-selection-box-header\"\n      [ngClass]=\"{\n        'sky-font-heading-2': icon.innerHTML.trim(),\n        'sky-font-heading-3': !icon.innerHTML.trim()\n      }\"\n    >\n      <ng-content select=\"sky-selection-box-header\"></ng-content>\n    </div>\n    <div\n      class=\"sky-selection-box-description\"\n      [skyThemeClass]=\"{\n        'sky-font-deemphasized': 'modern',\n        'sky-deemphasized': 'default'\n      }\"\n    >\n      <ng-content select=\"sky-selection-box-description\"> </ng-content>\n    </div>\n  </div>\n\n  <div class=\"sky-selection-box-control\" #control>\n    <ng-content select=\"sky-radio\"> </ng-content>\n    <ng-content select=\"sky-checkbox\"> </ng-content>\n  </div>\n</div>\n"]}
+{"version":3,"file":"selection-box.component.js","sourceRoot":"","sources":["../../../../../../../../libs/components/forms/src/lib/modules/selection-box/selection-box.component.ts","../../../../../../../../libs/components/forms/src/lib/modules/selection-box/selection-box.component.html"],"names":[],"mappings":"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","sourcesContent":["import {\n  AfterViewInit,\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  Component,\n  ElementRef,\n  Input,\n  OnDestroy,\n  ViewChild,\n  ViewEncapsulation,\n} from '@angular/core';\n\nimport { Subject } from 'rxjs';\nimport { takeUntil } from 'rxjs/operators';\n\nimport { SkyCheckboxComponent } from '../checkbox/checkbox.component';\nimport { SkyRadioComponent } from '../radio/radio.component';\n\nimport { SkySelectionBoxAdapterService } from './selection-box-adapter.service';\n\n/**\n * Creates a button to present users with a choice or question before proceeding with a one-time process.\n */\n@Component({\n  selector: 'sky-selection-box',\n  styleUrls: ['./selection-box.component.scss'],\n  templateUrl: './selection-box.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n})\nexport class SkySelectionBoxComponent implements AfterViewInit, OnDestroy {\n  /**\n   * Specifies the radio button or checkbox to display in the selection box.\n   * @required\n   */\n  @Input()\n  public control: SkyCheckboxComponent | SkyRadioComponent;\n\n  public set checked(value: boolean) {\n    this._checked = value;\n    this.changeDetector.markForCheck();\n  }\n\n  public get checked(): boolean {\n    return this._checked;\n  }\n\n  public set disabled(value: boolean) {\n    this.selectionBoxAdapterService.setTabIndex(\n      this.selectionBoxEl,\n      value ? -1 : 0\n    );\n    this._disabled = value;\n    this.changeDetector.markForCheck();\n  }\n\n  public get disabled(): boolean {\n    return this._disabled || false;\n  }\n\n  @ViewChild('control', {\n    read: ElementRef,\n    static: false,\n  })\n  private controlEl: ElementRef;\n\n  @ViewChild('selectionBox', {\n    read: ElementRef,\n    static: false,\n  })\n  private selectionBoxEl: ElementRef;\n\n  private ngUnsubscribe = new Subject<void>();\n\n  private _checked: boolean;\n\n  private _disabled: boolean;\n\n  constructor(\n    private changeDetector: ChangeDetectorRef,\n    private selectionBoxAdapterService: SkySelectionBoxAdapterService\n  ) {}\n\n  public ngAfterViewInit(): void {\n    // Wait for consumer form controls to initialize before setting selected/disabled states.\n    setTimeout(() => {\n      this.selectionBoxAdapterService.setChildrenTabIndex(\n        this.selectionBoxEl,\n        -1\n      );\n      this.updateCheckedOnControlChange();\n      this.updateDisabledState();\n    });\n  }\n\n  public ngOnDestroy(): void {\n    this.ngUnsubscribe.next();\n    this.ngUnsubscribe.complete();\n  }\n\n  /**\n   * Since we are programatically firing a click on the control,\n   * make sure user is not clicking on the control before firing click logic.\n   */\n  public onClick(event: any): void {\n    const isControlClick = this.selectionBoxAdapterService.isDescendant(\n      this.controlEl,\n      event.target\n    );\n    if (!isControlClick) {\n      this.selectControl();\n    }\n  }\n\n  public onKeydown(event: KeyboardEvent): void {\n    /* istanbul ignore else */\n    if (event.key === ' ') {\n      this.selectControl();\n      event.preventDefault();\n    }\n  }\n\n  private selectControl(): void {\n    this.selectionBoxAdapterService.getControl(this.controlEl).click();\n    this.selectionBoxAdapterService.focus(this.selectionBoxEl);\n  }\n\n  private updateCheckedOnControlChange(): void {\n    this.control.checkedChange\n      .pipe(takeUntil(this.ngUnsubscribe))\n      .subscribe((value) => {\n        this.checked = value;\n      });\n  }\n\n  private updateDisabledState(): void {\n    this.control.disabledChange\n      .pipe(takeUntil(this.ngUnsubscribe))\n      .subscribe((value) => {\n        this.disabled = value;\n      });\n  }\n}\n","<div\n  class=\"sky-selection-box sky-rounded-corners sky-btn sky-btn-default\"\n  role=\"button\"\n  tabindex=\"0\"\n  [attr.disabled]=\"disabled ? true : null\"\n  [ngClass]=\"{\n    'sky-selection-box-selected': checked,\n    'sky-selection-box-disabled': disabled\n  }\"\n  [skyThemeClass]=\"{\n    'sky-shadow': 'default',\n    'sky-box sky-elevation-1': 'modern'\n  }\"\n  (click)=\"onClick($event)\"\n  (keydown)=\"onKeydown($event)\"\n  #selectionBox\n>\n  <div\n    class=\"sky-selection-box-icon\"\n    [ngStyle]=\"{\n      display: !icon.innerHTML.trim() ? 'none' : ''\n    }\"\n    #icon\n  >\n    <ng-content select=\"sky-icon\"> </ng-content>\n  </div>\n\n  <div class=\"sky-selection-box-content\">\n    <div\n      class=\"sky-selection-box-header\"\n      [ngClass]=\"{\n        'sky-font-heading-2': icon.innerHTML.trim(),\n        'sky-font-heading-3': !icon.innerHTML.trim()\n      }\"\n    >\n      <ng-content select=\"sky-selection-box-header\"></ng-content>\n    </div>\n    <div\n      class=\"sky-selection-box-description\"\n      [skyThemeClass]=\"{\n        'sky-font-deemphasized': 'modern',\n        'sky-deemphasized': 'default'\n      }\"\n    >\n      <ng-content select=\"sky-selection-box-description\"> </ng-content>\n    </div>\n  </div>\n\n  <div class=\"sky-selection-box-control\" #control>\n    <ng-content select=\"sky-radio\"> </ng-content>\n    <ng-content select=\"sky-checkbox\"> </ng-content>\n  </div>\n</div>\n"]}

package/esm2015/lib/modules/selection-box/selection-box.module.js

@@ -3,8 +3,8 @@ import { NgModule } from '@angular/core';
 import { SkyThemeModule } from '@skyux/theme';
 import { SkySelectionBoxAdapterService } from './selection-box-adapter.service';
 import { SkySelectionBoxDescriptionComponent } from './selection-box-description.component';
-import { SkySelectionBoxHeaderComponent } from './selection-box-header.component';
 import { SkySelectionBoxGridComponent } from './selection-box-grid.component';
+import { SkySelectionBoxHeaderComponent } from './selection-box-header.component';
 import { SkySelectionBoxComponent } from './selection-box.component';
 import * as i0 from "@angular/core";
 export class SkySelectionBoxModule {