@skyux/forms 5.5.0-beta.0 → 5.6.1

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

@@ -1 +1 @@
-{"version":3,"file":"file-drop.component.js","sourceRoot":"","sources":["../../../../../../../../libs/components/forms/src/lib/modules/file-attachment/file-drop.component.ts","../../../../../../../../libs/components/forms/src/lib/modules/file-attachment/file-drop.component.html"],"names":[],"mappings":"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","sourcesContent":["import {\n  Component,\n  Input,\n  Output,\n  EventEmitter,\n  ElementRef,\n  OnDestroy,\n  ViewChild,\n} from '@angular/core';\n\nimport { SkyFileItem } from './file-item';\n\nimport { SkyFileLink } from './file-link';\n\nimport { SkyFileDropChange } from './types/file-drop-change';\n\nimport { SkyFileAttachmentService } from './file-attachment.service';\n\n/**\n * Provides an element to attach multiple files where users can browse or drag and drop local files\n * or provide hyperlinks to external files. You can leave the contents of the component\n * blank to display the drop zone's default UI, or you can specify custom content to\n * display instead. When the module initializes, it disables the ability to drag and\n * drop files for the entire window to prevent the browser from opening files that are\n * accidentally dropped outside the target zone. If you implement your own file drop functionality\n * outside of the file drop component, you can place the `sky-file-drop-target` CSS class\n * on the element that receives drop events to exempt it from the drop exclusion rule.\n */\n@Component({\n  selector: 'sky-file-drop',\n  templateUrl: './file-drop.component.html',\n  styleUrls: ['./file-drop.component.scss'],\n  providers: [SkyFileAttachmentService],\n})\nexport class SkyFileDropComponent implements OnDestroy {\n  /**\n   * Fires when users add or remove files.\n   */\n  @Output()\n  public filesChanged = new EventEmitter<SkyFileDropChange>();\n\n  /**\n   * Fires when the link input box triggers a blur event.\n   */\n  @Output()\n  public linkInputBlur = new EventEmitter<void>();\n\n  /**\n   * Fires when users add or remove links.\n   */\n  @Output()\n  public linkChanged = new EventEmitter<SkyFileLink>();\n\n  /**\n   * Specifies an ARIA label for the file upload button. This provides a text equivalent for\n   * screen readers [to support accessibility](https://developer.blackbaud.com/skyux/learn/accessibility).\n   */\n  @Input()\n  public fileUploadAriaLabel: string;\n\n  /**\n   * Specifies an ARIA label for the link upload input. This provides a text equivalent for\n   * screen readers [to support accessibility](https://developer.blackbaud.com/skyux/learn/accessibility).\n   */\n  @Input()\n  public linkUploadAriaLabel: string;\n\n  /**\n   * Specifies the minimum size in bytes for valid files.\n   */\n  @Input()\n  public minFileSize: number = 0;\n\n  /**\n   * Specifies the maximum size in bytes for valid files.\n   */\n  @Input()\n  public maxFileSize: number = 500000;\n\n  /**\n   * Indicates whether users can drag and drop multiple files at the same time.\n   */\n  @Input()\n  public multiple: boolean = true;\n\n  /**\n   * Specifies a custom validation function. This validation runs alongside the internal\n   * file validation. This function takes a `SkyFileItem` object as a parameter.\n   */\n  @Input()\n  public validateFn: Function;\n\n  /**\n   * Specifies a comma-delimited string literal of MIME types that users can attach.\n   * By default, all file types are allowed.\n   * @required\n   */\n  @Input()\n  public acceptedTypes: string;\n\n  /**\n   * Indicates whether to disable the option to browse for files to attach.\n   */\n  @Input()\n  public noClick: boolean = false;\n\n  /**\n   * Indicates whether to display the option to attach files from URLs rather than from local devices.\n   */\n  @Input()\n  public allowLinks: boolean = false;\n\n  @ViewChild('fileInput')\n  public inputEl: ElementRef;\n\n  public rejectedOver: boolean = false;\n  public acceptedOver: boolean = false;\n  public linkUrl: string;\n\n  private enterEventTarget: any;\n\n  constructor(private fileAttachmentService: SkyFileAttachmentService) {}\n\n  public ngOnDestroy() {\n    this.filesChanged.complete();\n    this.linkChanged.complete();\n    this.linkInputBlur.complete();\n  }\n\n  public dropClicked() {\n    if (!this.noClick) {\n      this.inputEl.nativeElement.click();\n    }\n  }\n\n  public fileChangeEvent(fileChangeEvent: any) {\n    this.handleFiles(fileChangeEvent.target.files);\n  }\n\n  public fileDragEnter(dragEnterEvent: any) {\n    // Save this target to know when the drag event leaves\n    this.enterEventTarget = dragEnterEvent.target;\n    dragEnterEvent.stopPropagation();\n    dragEnterEvent.preventDefault();\n  }\n\n  public fileDragOver(dragOverEvent: any) {\n    const transfer = dragOverEvent.dataTransfer;\n\n    dragOverEvent.stopPropagation();\n    dragOverEvent.preventDefault();\n\n    if (transfer) {\n      if (transfer.items) {\n        const files = transfer.items;\n\n        for (let index = 0; index < files.length; index++) {\n          const file: any = files[index];\n\n          if (\n            file.type &&\n            this.fileAttachmentService.fileTypeRejected(\n              file.type,\n              this.acceptedTypes\n            )\n          ) {\n            this.rejectedOver = true;\n            this.acceptedOver = false;\n            return;\n          }\n        }\n\n        if (files.length > 0 && !this.acceptedOver) {\n          this.rejectedOver = false;\n          this.acceptedOver = true;\n        }\n      } /* istanbul ignore next: untestable */ else if (transfer.files) {\n        // If the browser does not support DataTransfer.items,\n        // defer file-type checking to drop handler.\n        // https://developer.mozilla.org/en-US/docs/Web/API/DataTransfer/items#Browser_compatibility\n        this.rejectedOver = false;\n        this.acceptedOver = true;\n      }\n    }\n  }\n\n  public fileDrop(dropEvent: DragEvent): void {\n    dropEvent.stopPropagation();\n    dropEvent.preventDefault();\n\n    this.enterEventTarget = undefined;\n    this.rejectedOver = false;\n    this.acceptedOver = false;\n\n    if (dropEvent.dataTransfer && dropEvent.dataTransfer.files) {\n      const hasDirectory = this.fileAttachmentService.hasDirectory(\n        dropEvent.dataTransfer.files\n      );\n      const invalidNumberOfFiles =\n        !this.multiple && dropEvent.dataTransfer.files.length > 1;\n\n      if (hasDirectory || invalidNumberOfFiles) {\n        return;\n      }\n\n      this.handleFiles(dropEvent.dataTransfer.files);\n    }\n  }\n\n  public fileDragLeave(dragLeaveEvent: any) {\n    if (this.enterEventTarget === dragLeaveEvent.target) {\n      this.rejectedOver = false;\n      this.acceptedOver = false;\n    }\n  }\n\n  public addLinkEnter(event: KeyboardEvent) {\n    if (event.which === 13) {\n      this.addLink(event);\n    }\n  }\n\n  public addLink(event: Event) {\n    event.preventDefault();\n    this.linkChanged.emit({ url: this.linkUrl } as SkyFileLink);\n    this.linkUrl = undefined;\n  }\n\n  public onLinkBlur(): void {\n    this.linkInputBlur.emit();\n  }\n\n  private emitFileChangeEvent(\n    totalFiles: number,\n    rejectedFileArray: Array<SkyFileItem>,\n    validFileArray: Array<SkyFileItem>\n  ) {\n    if (totalFiles === rejectedFileArray.length + validFileArray.length) {\n      this.filesChanged.emit({\n        files: validFileArray,\n        rejectedFiles: rejectedFileArray,\n      } as SkyFileDropChange);\n\n      this.inputEl.nativeElement.value = '';\n    }\n  }\n\n  private filesRejected(\n    file: SkyFileItem,\n    validFileArray: Array<SkyFileItem>,\n    rejectedFileArray: Array<SkyFileItem>,\n    totalFiles: number\n  ) {\n    rejectedFileArray.push(file);\n    this.emitFileChangeEvent(totalFiles, rejectedFileArray, validFileArray);\n  }\n\n  private loadFile(\n    fileDrop: SkyFileDropComponent,\n    file: SkyFileItem,\n    validFileArray: Array<SkyFileItem>,\n    rejectedFileArray: Array<SkyFileItem>,\n    totalFiles: number\n  ) {\n    const reader = new FileReader();\n\n    reader.addEventListener('load', (event: any) => {\n      file.url = event.target.result;\n      validFileArray.push(file);\n      fileDrop.emitFileChangeEvent(\n        totalFiles,\n        rejectedFileArray,\n        validFileArray\n      );\n    });\n\n    reader.addEventListener('error', (event: any) => {\n      fileDrop.filesRejected(\n        file,\n        validFileArray,\n        rejectedFileArray,\n        totalFiles\n      );\n    });\n\n    reader.addEventListener('abort', (event: any) => {\n      fileDrop.filesRejected(\n        file,\n        validFileArray,\n        rejectedFileArray,\n        totalFiles\n      );\n    });\n\n    reader.readAsDataURL(file.file);\n  }\n\n  private handleFiles(files: FileList) {\n    let validFileArray: Array<SkyFileItem> = [];\n    let rejectedFileArray: Array<SkyFileItem> = [];\n    let totalFiles = files.length;\n    let fileDrop = this;\n\n    // tslint:disable-next-line: max-line-length\n    let processedFiles = this.fileAttachmentService.checkFiles(\n      files,\n      this.minFileSize,\n      this.maxFileSize,\n      this.acceptedTypes,\n      this.validateFn\n    );\n\n    for (let file of processedFiles) {\n      if (file.errorType) {\n        this.filesRejected(file, validFileArray, rejectedFileArray, totalFiles);\n      } else {\n        this.loadFile(\n          fileDrop,\n          file,\n          validFileArray,\n          rejectedFileArray,\n          totalFiles\n        );\n      }\n    }\n  }\n}\n","<div\n  class=\"sky-file-drop-row\"\n  [ngClass]=\"{ 'sky-file-drop-allow-links': allowLinks }\"\n>\n  <div\n    class=\"sky-file-drop-col\"\n    [ngClass]=\"{\n      'sky-file-drop-accept': acceptedOver,\n      'sky-file-drop-reject': rejectedOver\n    }\"\n  >\n    <button\n      class=\"sky-file-drop sky-file-drop-target\"\n      type=\"button\"\n      (click)=\"dropClicked()\"\n      (dragover)=\"fileDragOver($event)\"\n      (dragenter)=\"fileDragEnter($event)\"\n      (dragleave)=\"fileDragLeave($event)\"\n      (drop)=\"fileDrop($event)\"\n      [attr.aria-label]=\"\n        fileUploadAriaLabel ||\n        ('skyux_file_attachment_file_upload_drag_or_click' | skyLibResources)\n      \"\n    ></button>\n\n    <input\n      tabindex=\"-1\"\n      aria-hidden=\"true\"\n      type=\"file\"\n      class=\"sky-file-input-hidden\"\n      [attr.multiple]=\"multiple ? multiple : null\"\n      [attr.accept]=\"acceptedTypes ? acceptedTypes : null\"\n      (change)=\"fileChangeEvent($event)\"\n      #fileInput\n    />\n\n    <div\n      class=\"sky-file-drop-contents sky-padding-even-default\"\n      *ngIf=\"customEl.children.length === 0\"\n    >\n      <div class=\"sky-file-drop-contents-not-over\">\n        <div class=\"sky-file-drop-text-header sky-headline\">\n          {{\n            'skyux_file_attachment_file_upload_drag_file_here' | skyLibResources\n          }}\n        </div>\n        <div class=\"sky-file-drop-text\">\n          {{\n            'skyux_file_attachment_file_upload_or_click_to_browse'\n              | skyLibResources\n          }}\n        </div>\n        <sky-icon icon=\"cloud-upload\" class=\"sky-file-upload-icon\"></sky-icon>\n      </div>\n\n      <!-- This will appear when file is dragged over and is valid -->\n      <div class=\"sky-file-drop-contents-accept\">\n        <div class=\"sky-file-drop-text-header sky-headline\">\n          {{\n            'skyux_file_attachment_file_upload_drop_files_here'\n              | skyLibResources\n          }}\n        </div>\n        <sky-icon icon=\"bullseye\" class=\"sky-file-upload-icon\"></sky-icon>\n      </div>\n\n      <!-- This will appear when file is dragged over and is invalid -->\n      <div class=\"sky-file-drop-contents-reject\">\n        <div class=\"sky-file-drop-text-header sky-headline\">\n          {{\n            'skyux_file_attachment_file_upload_invalid_file' | skyLibResources\n          }}\n        </div>\n        <sky-icon icon=\"times-circle\" class=\"sky-file-upload-icon\"></sky-icon>\n      </div>\n    </div>\n\n    <div class=\"sky-file-drop-contents-custom\" #customEl>\n      <ng-content></ng-content>\n    </div>\n  </div>\n  <div class=\"sky-file-drop-col\" *ngIf=\"allowLinks\">\n    <div class=\"sky-file-drop-contents sky-padding-even-default\">\n      <div class=\"sky-file-drop-link\">\n        <div class=\"sky-file-drop-link-header\">\n          <div class=\"sky-file-drop-text-header sky-headline\">\n            {{\n              'skyux_file_attachment_file_upload_paste_link' | skyLibResources\n            }}\n          </div>\n        </div>\n        <div class=\"sky-form-group\">\n          <input\n            type=\"text\"\n            class=\"sky-form-control\"\n            [attr.aria-label]=\"\n              linkUploadAriaLabel ||\n              ('skyux_file_attachment_file_upload_link_input' | skyLibResources)\n            \"\n            [attr.placeholder]=\"\n              'skyux_file_attachment_file_upload_link_placeholder'\n                | skyLibResources\n            \"\n            [(ngModel)]=\"linkUrl\"\n            (blur)=\"onLinkBlur()\"\n            (keyup)=\"addLinkEnter($event)\"\n          />\n        </div>\n        <button\n          type=\"button\"\n          class=\"sky-btn sky-btn-primary\"\n          [disabled]=\"!linkUrl\"\n          (click)=\"addLink($event)\"\n        >\n          {{\n            'skyux_file_attachment_file_upload_paste_link_done'\n              | skyLibResources\n          }}\n        </button>\n      </div>\n    </div>\n  </div>\n</div>\n"]}
+{"version":3,"file":"file-drop.component.js","sourceRoot":"","sources":["../../../../../../../../libs/components/forms/src/lib/modules/file-attachment/file-drop.component.ts","../../../../../../../../libs/components/forms/src/lib/modules/file-attachment/file-drop.component.html"],"names":[],"mappings":"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","sourcesContent":["import {\n  Component,\n  ElementRef,\n  EventEmitter,\n  Input,\n  OnDestroy,\n  Output,\n  ViewChild,\n} from '@angular/core';\n\nimport { SkyFileAttachmentService } from './file-attachment.service';\nimport { SkyFileItem } from './file-item';\nimport { SkyFileLink } from './file-link';\nimport { SkyFileDropChange } from './types/file-drop-change';\n\n/**\n * Provides an element to attach multiple files where users can browse or drag and drop local files\n * or provide hyperlinks to external files. You can leave the contents of the component\n * blank to display the drop zone's default UI, or you can specify custom content to\n * display instead. When the module initializes, it disables the ability to drag and\n * drop files for the entire window to prevent the browser from opening files that are\n * accidentally dropped outside the target zone. If you implement your own file drop functionality\n * outside of the file drop component, you can place the `sky-file-drop-target` CSS class\n * on the element that receives drop events to exempt it from the drop exclusion rule.\n */\n@Component({\n  selector: 'sky-file-drop',\n  templateUrl: './file-drop.component.html',\n  styleUrls: ['./file-drop.component.scss'],\n  providers: [SkyFileAttachmentService],\n})\nexport class SkyFileDropComponent implements OnDestroy {\n  /**\n   * Fires when users add or remove files.\n   */\n  @Output()\n  public filesChanged = new EventEmitter<SkyFileDropChange>();\n\n  /**\n   * Fires when the link input box triggers a blur event.\n   */\n  @Output()\n  public linkInputBlur = new EventEmitter<void>();\n\n  /**\n   * Fires when users add or remove links.\n   */\n  @Output()\n  public linkChanged = new EventEmitter<SkyFileLink>();\n\n  /**\n   * Specifies an ARIA label for the file upload button. This provides a text equivalent for\n   * screen readers [to support accessibility](https://developer.blackbaud.com/skyux/learn/accessibility).\n   */\n  @Input()\n  public fileUploadAriaLabel: string;\n\n  /**\n   * Specifies an ARIA label for the link upload input. This provides a text equivalent for\n   * screen readers [to support accessibility](https://developer.blackbaud.com/skyux/learn/accessibility).\n   */\n  @Input()\n  public linkUploadAriaLabel: string;\n\n  /**\n   * Specifies the minimum size in bytes for valid files.\n   */\n  @Input()\n  public minFileSize = 0;\n\n  /**\n   * Specifies the maximum size in bytes for valid files.\n   */\n  @Input()\n  public maxFileSize = 500000;\n\n  /**\n   * Indicates whether users can drag and drop multiple files at the same time.\n   */\n  @Input()\n  public multiple = true;\n\n  /**\n   * Specifies a custom validation function. This validation runs alongside the internal\n   * file validation. This function takes a `SkyFileItem` object as a parameter.\n   */\n  @Input()\n  public validateFn: Function;\n\n  /**\n   * Specifies a comma-delimited string literal of MIME types that users can attach.\n   * By default, all file types are allowed.\n   * @required\n   */\n  @Input()\n  public acceptedTypes: string;\n\n  /**\n   * Indicates whether to disable the option to browse for files to attach.\n   */\n  @Input()\n  public noClick = false;\n\n  /**\n   * Indicates whether to display the option to attach files from URLs rather than from local devices.\n   */\n  @Input()\n  public allowLinks = false;\n\n  @ViewChild('fileInput')\n  public inputEl: ElementRef;\n\n  public rejectedOver = false;\n  public acceptedOver = false;\n  public linkUrl: string;\n\n  private enterEventTarget: any;\n\n  constructor(private fileAttachmentService: SkyFileAttachmentService) {}\n\n  public ngOnDestroy() {\n    this.filesChanged.complete();\n    this.linkChanged.complete();\n    this.linkInputBlur.complete();\n  }\n\n  public dropClicked() {\n    if (!this.noClick) {\n      this.inputEl.nativeElement.click();\n    }\n  }\n\n  public fileChangeEvent(fileChangeEvent: any) {\n    this.handleFiles(fileChangeEvent.target.files);\n  }\n\n  public fileDragEnter(dragEnterEvent: any) {\n    // Save this target to know when the drag event leaves\n    this.enterEventTarget = dragEnterEvent.target;\n    dragEnterEvent.stopPropagation();\n    dragEnterEvent.preventDefault();\n  }\n\n  public fileDragOver(dragOverEvent: any) {\n    const transfer = dragOverEvent.dataTransfer;\n\n    dragOverEvent.stopPropagation();\n    dragOverEvent.preventDefault();\n\n    if (transfer) {\n      if (transfer.items) {\n        const files = transfer.items;\n\n        for (let index = 0; index < files.length; index++) {\n          const file: any = files[index];\n\n          if (\n            file.type &&\n            this.fileAttachmentService.fileTypeRejected(\n              file.type,\n              this.acceptedTypes\n            )\n          ) {\n            this.rejectedOver = true;\n            this.acceptedOver = false;\n            return;\n          }\n        }\n\n        if (files.length > 0 && !this.acceptedOver) {\n          this.rejectedOver = false;\n          this.acceptedOver = true;\n        }\n      } /* istanbul ignore next: untestable */ else if (transfer.files) {\n        // If the browser does not support DataTransfer.items,\n        // defer file-type checking to drop handler.\n        // https://developer.mozilla.org/en-US/docs/Web/API/DataTransfer/items#Browser_compatibility\n        this.rejectedOver = false;\n        this.acceptedOver = true;\n      }\n    }\n  }\n\n  public fileDrop(dropEvent: DragEvent): void {\n    dropEvent.stopPropagation();\n    dropEvent.preventDefault();\n\n    this.enterEventTarget = undefined;\n    this.rejectedOver = false;\n    this.acceptedOver = false;\n\n    if (dropEvent.dataTransfer && dropEvent.dataTransfer.files) {\n      const hasDirectory = this.fileAttachmentService.hasDirectory(\n        dropEvent.dataTransfer.files\n      );\n      const invalidNumberOfFiles =\n        !this.multiple && dropEvent.dataTransfer.files.length > 1;\n\n      if (hasDirectory || invalidNumberOfFiles) {\n        return;\n      }\n\n      this.handleFiles(dropEvent.dataTransfer.files);\n    }\n  }\n\n  public fileDragLeave(dragLeaveEvent: any) {\n    if (this.enterEventTarget === dragLeaveEvent.target) {\n      this.rejectedOver = false;\n      this.acceptedOver = false;\n    }\n  }\n\n  public addLinkEnter(event: KeyboardEvent) {\n    if (event.which === 13) {\n      this.addLink(event);\n    }\n  }\n\n  public addLink(event: Event) {\n    event.preventDefault();\n    this.linkChanged.emit({ url: this.linkUrl } as SkyFileLink);\n    this.linkUrl = undefined;\n  }\n\n  public onLinkBlur(): void {\n    this.linkInputBlur.emit();\n  }\n\n  private emitFileChangeEvent(\n    totalFiles: number,\n    rejectedFileArray: Array<SkyFileItem>,\n    validFileArray: Array<SkyFileItem>\n  ) {\n    if (totalFiles === rejectedFileArray.length + validFileArray.length) {\n      this.filesChanged.emit({\n        files: validFileArray,\n        rejectedFiles: rejectedFileArray,\n      } as SkyFileDropChange);\n\n      this.inputEl.nativeElement.value = '';\n    }\n  }\n\n  private filesRejected(\n    file: SkyFileItem,\n    validFileArray: Array<SkyFileItem>,\n    rejectedFileArray: Array<SkyFileItem>,\n    totalFiles: number\n  ) {\n    rejectedFileArray.push(file);\n    this.emitFileChangeEvent(totalFiles, rejectedFileArray, validFileArray);\n  }\n\n  private loadFile(\n    fileDrop: SkyFileDropComponent,\n    file: SkyFileItem,\n    validFileArray: Array<SkyFileItem>,\n    rejectedFileArray: Array<SkyFileItem>,\n    totalFiles: number\n  ) {\n    const reader = new FileReader();\n\n    reader.addEventListener('load', (event: any) => {\n      file.url = event.target.result;\n      validFileArray.push(file);\n      fileDrop.emitFileChangeEvent(\n        totalFiles,\n        rejectedFileArray,\n        validFileArray\n      );\n    });\n\n    reader.addEventListener('error', (event: any) => {\n      fileDrop.filesRejected(\n        file,\n        validFileArray,\n        rejectedFileArray,\n        totalFiles\n      );\n    });\n\n    reader.addEventListener('abort', (event: any) => {\n      fileDrop.filesRejected(\n        file,\n        validFileArray,\n        rejectedFileArray,\n        totalFiles\n      );\n    });\n\n    reader.readAsDataURL(file.file);\n  }\n\n  private handleFiles(files: FileList) {\n    const validFileArray: Array<SkyFileItem> = [];\n    const rejectedFileArray: Array<SkyFileItem> = [];\n    const totalFiles = files.length;\n\n    // tslint:disable-next-line: max-line-length\n    const processedFiles = this.fileAttachmentService.checkFiles(\n      files,\n      this.minFileSize,\n      this.maxFileSize,\n      this.acceptedTypes,\n      this.validateFn\n    );\n\n    for (const file of processedFiles) {\n      if (file.errorType) {\n        this.filesRejected(file, validFileArray, rejectedFileArray, totalFiles);\n      } else {\n        this.loadFile(\n          this,\n          file,\n          validFileArray,\n          rejectedFileArray,\n          totalFiles\n        );\n      }\n    }\n  }\n}\n","<div\n  class=\"sky-file-drop-row\"\n  [ngClass]=\"{ 'sky-file-drop-allow-links': allowLinks }\"\n>\n  <div\n    class=\"sky-file-drop-col\"\n    [ngClass]=\"{\n      'sky-file-drop-accept': acceptedOver,\n      'sky-file-drop-reject': rejectedOver\n    }\"\n  >\n    <button\n      class=\"sky-file-drop sky-file-drop-target\"\n      type=\"button\"\n      (click)=\"dropClicked()\"\n      (dragover)=\"fileDragOver($event)\"\n      (dragenter)=\"fileDragEnter($event)\"\n      (dragleave)=\"fileDragLeave($event)\"\n      (drop)=\"fileDrop($event)\"\n      [attr.aria-label]=\"\n        fileUploadAriaLabel ||\n        ('skyux_file_attachment_file_upload_drag_or_click' | skyLibResources)\n      \"\n    ></button>\n\n    <input\n      tabindex=\"-1\"\n      aria-hidden=\"true\"\n      type=\"file\"\n      class=\"sky-file-input-hidden\"\n      [attr.multiple]=\"multiple ? multiple : null\"\n      [attr.accept]=\"acceptedTypes ? acceptedTypes : null\"\n      (change)=\"fileChangeEvent($event)\"\n      #fileInput\n    />\n\n    <div\n      class=\"sky-file-drop-contents sky-padding-even-default\"\n      *ngIf=\"customEl.children.length === 0\"\n    >\n      <div class=\"sky-file-drop-contents-not-over\">\n        <div class=\"sky-file-drop-text-header sky-headline\">\n          {{\n            'skyux_file_attachment_file_upload_drag_file_here' | skyLibResources\n          }}\n        </div>\n        <div class=\"sky-file-drop-text\">\n          {{\n            'skyux_file_attachment_file_upload_or_click_to_browse'\n              | skyLibResources\n          }}\n        </div>\n        <sky-icon icon=\"cloud-upload\" class=\"sky-file-upload-icon\"></sky-icon>\n      </div>\n\n      <!-- This will appear when file is dragged over and is valid -->\n      <div class=\"sky-file-drop-contents-accept\">\n        <div class=\"sky-file-drop-text-header sky-headline\">\n          {{\n            'skyux_file_attachment_file_upload_drop_files_here'\n              | skyLibResources\n          }}\n        </div>\n        <sky-icon icon=\"bullseye\" class=\"sky-file-upload-icon\"></sky-icon>\n      </div>\n\n      <!-- This will appear when file is dragged over and is invalid -->\n      <div class=\"sky-file-drop-contents-reject\">\n        <div class=\"sky-file-drop-text-header sky-headline\">\n          {{\n            'skyux_file_attachment_file_upload_invalid_file' | skyLibResources\n          }}\n        </div>\n        <sky-icon icon=\"times-circle\" class=\"sky-file-upload-icon\"></sky-icon>\n      </div>\n    </div>\n\n    <div class=\"sky-file-drop-contents-custom\" #customEl>\n      <ng-content></ng-content>\n    </div>\n  </div>\n  <div class=\"sky-file-drop-col\" *ngIf=\"allowLinks\">\n    <div class=\"sky-file-drop-contents sky-padding-even-default\">\n      <div class=\"sky-file-drop-link\">\n        <div class=\"sky-file-drop-link-header\">\n          <div class=\"sky-file-drop-text-header sky-headline\">\n            {{\n              'skyux_file_attachment_file_upload_paste_link' | skyLibResources\n            }}\n          </div>\n        </div>\n        <div class=\"sky-form-group\">\n          <input\n            type=\"text\"\n            class=\"sky-form-control\"\n            [attr.aria-label]=\"\n              linkUploadAriaLabel ||\n              ('skyux_file_attachment_file_upload_link_input' | skyLibResources)\n            \"\n            [attr.placeholder]=\"\n              'skyux_file_attachment_file_upload_link_placeholder'\n                | skyLibResources\n            \"\n            [(ngModel)]=\"linkUrl\"\n            (blur)=\"onLinkBlur()\"\n            (keyup)=\"addLinkEnter($event)\"\n          />\n        </div>\n        <button\n          type=\"button\"\n          class=\"sky-btn sky-btn-primary\"\n          [disabled]=\"!linkUrl\"\n          (click)=\"addLink($event)\"\n        >\n          {{\n            'skyux_file_attachment_file_upload_paste_link_done'\n              | skyLibResources\n          }}\n        </button>\n      </div>\n    </div>\n  </div>\n</div>\n"]}

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,9 +27,11 @@ 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;
+            let cls;
+            const extensionUpper = this.fileItemService.getFileExtensionUpper(this.fileItem);
+            let fileTypeUpper;
             switch (extensionUpper) {
                 case '.PDF':
                     cls = 'pdf';

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      const extensionUpper = this.fileItemService.getFileExtensionUpper(\n        this.fileItem as SkyFileItem\n      );\n      let 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 &&
@@ -15,8 +15,8 @@ export class SkyFileItemService {
         /* tslint:enable */
     }
     isImage(fileItem) {
-        let fileTypeUpper = this.getFileTypeUpper(fileItem), slashIndex;
-        slashIndex = fileTypeUpper.indexOf('/');
+        const fileTypeUpper = this.getFileTypeUpper(fileItem);
+        const slashIndex = fileTypeUpper.indexOf('/');
         if (slashIndex >= 0) {
             switch (fileTypeUpper.substr(fileTypeUpper.indexOf('/') + 1)) {
                 case 'BMP':
@@ -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,MAAM,aAAa,GAAG,IAAI,CAAC,gBAAgB,CAAC,QAAQ,CAAC,CAAC;QACtD,MAAM,UAAU,GAAG,aAAa,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC;QAE9C,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;;gHArEU,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    const fileTypeUpper = this.getFileTypeUpper(fileItem);\n    const 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";
@@ -13,7 +13,7 @@ export class SkyFileSizePipe {
         this.resourcesService = resourcesService;
     }
     transform(input) {
-        let decimalPlaces = 0, dividend = 1, formattedSize, roundedSize, template;
+        let decimalPlaces = 0, dividend = 1, template;
         /* tslint:disable */
         if (input === null || input === undefined) {
             return '';
@@ -39,10 +39,9 @@ export class SkyFileSizePipe {
             dividend = 1e9;
             decimalPlaces = 1;
         }
-        roundedSize =
-            Math.floor(input / (dividend / Math.pow(10, decimalPlaces))) /
-                Math.pow(10, decimalPlaces);
-        formattedSize = this.decimalPipe.transform(roundedSize, '.0-3');
+        const roundedSize = Math.floor(input / (dividend / Math.pow(10, decimalPlaces))) /
+            Math.pow(10, decimalPlaces);
+        const formattedSize = this.decimalPipe.transform(roundedSize, '.0-3');
         return this.getString(template, formattedSize);
     }
     getString(key, ...args) {

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,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,MAAM,WAAW,GACf,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,CAAC,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,aAAa,CAAC,CAAC,CAAC;YAC5D,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,aAAa,CAAC,CAAC;QAE9B,MAAM,aAAa,GAAG,IAAI,CAAC,WAAW,CAAC,SAAS,CAAC,WAAW,EAAE,MAAM,CAAC,CAAC;QAEtE,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;;6GAlDU,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      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    const roundedSize =\n      Math.floor(input / (dividend / Math.pow(10, decimalPlaces))) /\n      Math.pow(10, decimalPlaces);\n\n    const 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":"AAAA,OAAO,EACL,iBAAiB,EACjB,SAAS,EACT,YAAY,EACZ,UAAU,EACV,KAAK,EAGL,iBAAiB,GAClB,MAAM,eAAe,CAAC;AACvB,OAAO,EAEL,oBAAoB,EACpB,eAAe,EACf,OAAO,GACR,MAAM,gBAAgB,CAAC;AAExB,OAAO,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAC;AACxE,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;;;;;;AAGlE;;;;;;GAMG;AAUH,MAAM,OAAO,oBAAoB;IAsD/B,YACU,SAA4B,EAC5B,eAAuC,EACvC,cAAyC,EACzC,UAAsB;QAHtB,cAAS,GAAT,SAAS,CAAmB;QAC5B,oBAAe,GAAf,eAAe,CAAwB;QACvC,mBAAc,GAAd,cAAc,CAA2B;QACzC,eAAU,GAAV,UAAU,CAAY;IAC7B,CAAC;IAjBJ,IAAW,iBAAiB;QAC1B,IAAI,IAAI,CAAC,SAAS,KAAK,SAAS,EAAE;YAChC,OAAO,CACL,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,WAAW,CAAC;gBACvC,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,iBAAiB,CAAC;gBAC7C,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,OAAO,CAAC,CACpC,CAAC;SACH;QAED,OAAO,IAAI,CAAC,SAAS,CAAC;IACxB,CAAC;IASM,QAAQ;QACb,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAClC,CAAC;IAEM,kBAAkB;QACvB,MAAM,YAAY,GAAG,IAAI,CAAC,cAAc,CAAC,oBAAoB,CAC3D,IAAI,CAAC,UAAU,CAChB,CAAC;QACF,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC,gBAAgB,CAAC,YAAY,CAAC,EAAE;YACvD,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC;SAC3B;IACH,CAAC;IAEM,mBAAmB;QACxB,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;IAC7B,CAAC;IAEM,gBAAgB;QACrB,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;YAClB,IAAI,CAAC,cAAc,CAAC,YAAY,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;SACnD;IACH,CAAC;IAEM,QAAQ,CAAC,IAA6B;QAC3C,IAAI,CAAC,iBAAiB,GAAG,IAAI,CAAC,aAAa,CAAC;QAC5C,IAAI,CAAC,mBAAmB,GAAG,IAAI,CAAC,eAAe,CAAC;QAChD,IAAI,CAAC,uBAAuB,GAAG,IAAI,CAAC,mBAAmB,CAAC;QACxD,IAAI,CAAC,wBAAwB,GAAG,IAAI,CAAC,oBAAoB,CAAC;QAC1D,IAAI,CAAC,sBAAsB,GAAG,IAAI,CAAC,kBAAkB,CAAC;QACtD,IAAI,CAAC,0BAA0B,GAAG,IAAI,CAAC,sBAAsB,CAAC;IAChE,CAAC;IAEO,cAAc,CAAC,QAAiB;QACtC,yFAAyF;QACzF,0FAA0F;QAC1F,gEAAgE;QAChE,UAAU,CAAC,GAAG,EAAE;YACd,IAAI,CAAC,mBAAmB,GAAG,QAAQ,CAAC;YACpC,IAAI,CAAC,SAAS,CAAC,YAAY,EAAE,CAAC;QAChC,CAAC,CAAC,CAAC;IACL,CAAC;IAEO,gBAAgB,CAAC,OAAiC;QACxD,OAAO,OAAO,IAAI,OAAO,CAAC,OAAO,IAAI,CAAC,OAAO,CAAC,KAAK,IAAI,OAAO,CAAC,OAAO,CAAC,CAAC;IAC1E,CAAC;;kHAzGU,oBAAoB;sGAApB,oBAAoB,kGALpB,CAAC,yBAAyB,EAAE,sBAAsB,CAAC,mEAsChD,oBAAoB,oFAGpB,eAAe,0EAGf,OAAO,gDC5EvB,o3JAsIA;4FDjGa,oBAAoB;kBAThC,SAAS;mBAAC;oBACT,QAAQ,EAAE,eAAe;oBACzB,WAAW,EAAE,4BAA4B;oBACzC,SAAS,EAAE,CAAC,4BAA4B,CAAC;oBACzC,SAAS,EAAE,CAAC,yBAAyB,EAAE,sBAAsB,CAAC;oBAC9D,uFAAuF;oBACvF,wFAAwF;oBACxF,aAAa,EAAE,iBAAiB,CAAC,IAAI;iBACtC;8MAQQ,SAAS;sBADf,KAAK;gBAWC,QAAQ;sBADd,KAAK;gBAkBC,WAAW;sBADjB,YAAY;uBAAC,oBAAoB;gBAI3B,iBAAiB;sBADvB,YAAY;uBAAC,eAAe;gBAItB,OAAO;sBADb,YAAY;uBAAC,OAAO","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

@@ -20,7 +20,7 @@ export class SkyRadioGroupComponent {
         /**
          * Indicates whether the input is required for form validation.
          * When you set this property to `true`, the component adds `aria-required` and `required`
-         * attributes to the input element so that forms display an invalid state until the input element
+         * attributes to the input element so that forms display an invalid state until the input element
          * is complete.
          * @default false
          */

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"]}