@skyux/forms 5.7.2 → 6.0.0-beta.2

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

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

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

@@ -1,17 +0,0 @@
-import { Component } from '@angular/core';
-import * as i0 from "@angular/core";
-/**
- * Specifies the header to display in a selection box.
- */
-export class SkySelectionBoxHeaderComponent {
-}
-SkySelectionBoxHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkySelectionBoxHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-SkySelectionBoxHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkySelectionBoxHeaderComponent, selector: "sky-selection-box-header", ngImport: i0, template: "<ng-content></ng-content>\n" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkySelectionBoxHeaderComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'sky-selection-box-header',
-                    templateUrl: './selection-box-header.component.html',
-                }]
-        }] });
-//# sourceMappingURL=selection-box-header.component.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"selection-box-header.component.js","sourceRoot":"","sources":["../../../../../../../../libs/components/forms/src/lib/modules/selection-box/selection-box-header.component.ts","../../../../../../../../libs/components/forms/src/lib/modules/selection-box/selection-box-header.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;;AAE1C;;GAEG;AAKH,MAAM,OAAO,8BAA8B;;4HAA9B,8BAA8B;gHAA9B,8BAA8B,gECT3C,6BACA;4FDQa,8BAA8B;kBAJ1C,SAAS;mBAAC;oBACT,QAAQ,EAAE,0BAA0B;oBACpC,WAAW,EAAE,uCAAuC;iBACrD","sourcesContent":["import { Component } from '@angular/core';\n\n/**\n * Specifies the header to display in a selection box.\n */\n@Component({\n  selector: 'sky-selection-box-header',\n  templateUrl: './selection-box-header.component.html',\n})\nexport class SkySelectionBoxHeaderComponent {}\n","<ng-content></ng-content>\n"]}

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

@@ -1,107 +0,0 @@
-import { ChangeDetectionStrategy, ChangeDetectorRef, Component, ElementRef, Input, ViewChild, ViewEncapsulation, } from '@angular/core';
-import { Subject } from 'rxjs';
-import { takeUntil } from 'rxjs/operators';
-import { SkySelectionBoxAdapterService } from './selection-box-adapter.service';
-import * as i0 from "@angular/core";
-import * as i1 from "./selection-box-adapter.service";
-import * as i2 from "@angular/common";
-import * as i3 from "@skyux/theme";
-/**
- * Creates a button to present users with a choice or question before proceeding with a one-time process.
- */
-export class SkySelectionBoxComponent {
-    constructor(changeDetector, selectionBoxAdapterService) {
-        this.changeDetector = changeDetector;
-        this.selectionBoxAdapterService = selectionBoxAdapterService;
-        this.ngUnsubscribe = new Subject();
-    }
-    set checked(value) {
-        this._checked = value;
-        this.changeDetector.markForCheck();
-    }
-    get checked() {
-        return this._checked;
-    }
-    set disabled(value) {
-        this.selectionBoxAdapterService.setTabIndex(this.selectionBoxEl, value ? -1 : 0);
-        this._disabled = value;
-        this.changeDetector.markForCheck();
-    }
-    get disabled() {
-        return this._disabled || false;
-    }
-    ngAfterViewInit() {
-        // Wait for consumer form controls to initialize before setting selected/disabled states.
-        setTimeout(() => {
-            this.selectionBoxAdapterService.setChildrenTabIndex(this.selectionBoxEl, -1);
-            this.updateCheckedOnControlChange();
-            this.updateDisabledState();
-        });
-    }
-    ngOnDestroy() {
-        this.ngUnsubscribe.next();
-        this.ngUnsubscribe.complete();
-    }
-    /**
-     * Since we are programatically firing a click on the control,
-     * make sure user is not clicking on the control before firing click logic.
-     */
-    onClick(event) {
-        const isControlClick = this.selectionBoxAdapterService.isDescendant(this.controlEl, event.target);
-        if (!isControlClick) {
-            this.selectControl();
-        }
-    }
-    onKeydown(event) {
-        /* istanbul ignore else */
-        if (event.key === ' ') {
-            this.selectControl();
-            event.preventDefault();
-        }
-    }
-    selectControl() {
-        this.selectionBoxAdapterService.getControl(this.controlEl).click();
-        this.selectionBoxAdapterService.focus(this.selectionBoxEl);
-    }
-    updateCheckedOnControlChange() {
-        this.control.checkedChange
-            .pipe(takeUntil(this.ngUnsubscribe))
-            .subscribe((value) => {
-            this.checked = value;
-        });
-    }
-    updateDisabledState() {
-        this.control.disabledChange
-            .pipe(takeUntil(this.ngUnsubscribe))
-            .subscribe((value) => {
-            this.disabled = value;
-        });
-    }
-}
-SkySelectionBoxComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkySelectionBoxComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.SkySelectionBoxAdapterService }], target: i0.ɵɵFactoryTarget.Component });
-SkySelectionBoxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkySelectionBoxComponent, selector: "sky-selection-box", inputs: { control: "control" }, viewQueries: [{ propertyName: "controlEl", first: true, predicate: ["control"], descendants: true, read: ElementRef }, { propertyName: "selectionBoxEl", first: true, predicate: ["selectionBox"], descendants: true, read: ElementRef }], ngImport: i0, template: "<div\n  class=\"sky-selection-box sky-rounded-corners sky-btn sky-btn-default\"\n  role=\"button\"\n  tabindex=\"0\"\n  [attr.disabled]=\"disabled ? true : null\"\n  [ngClass]=\"{\n    'sky-selection-box-selected': checked,\n    'sky-selection-box-disabled': disabled\n  }\"\n  [skyThemeClass]=\"{\n    'sky-shadow': 'default',\n    'sky-box sky-elevation-1': 'modern'\n  }\"\n  (click)=\"onClick($event)\"\n  (keydown)=\"onKeydown($event)\"\n  #selectionBox\n>\n  <div\n    class=\"sky-selection-box-icon\"\n    [ngStyle]=\"{\n      display: !icon.innerHTML.trim() ? 'none' : ''\n    }\"\n    #icon\n  >\n    <ng-content select=\"sky-icon\"> </ng-content>\n  </div>\n\n  <div class=\"sky-selection-box-content\">\n    <div\n      class=\"sky-selection-box-header\"\n      [ngClass]=\"{\n        'sky-font-heading-2': icon.innerHTML.trim(),\n        'sky-font-heading-3': !icon.innerHTML.trim()\n      }\"\n    >\n      <ng-content select=\"sky-selection-box-header\"></ng-content>\n    </div>\n    <div\n      class=\"sky-selection-box-description\"\n      [skyThemeClass]=\"{\n        'sky-font-deemphasized': 'modern',\n        'sky-deemphasized': 'default'\n      }\"\n    >\n      <ng-content select=\"sky-selection-box-description\"> </ng-content>\n    </div>\n  </div>\n\n  <div class=\"sky-selection-box-control\" #control>\n    <ng-content select=\"sky-radio\"> </ng-content>\n    <ng-content select=\"sky-checkbox\"> </ng-content>\n  </div>\n</div>\n", styles: [".sky-selection-box{display:flex;flex-flow:row nowrap;padding:15px;text-align:left}.sky-selection-box:hover{background:#ffffff;box-shadow:0 0 5px #0000004d,inset 0 0 0 1px #00b4f1}.sky-selection-box:hover .sky-switch-control{border:solid 1px #00b4f1}.sky-selection-box:focus .sky-switch-control{outline:thin dotted;outline:-webkit-focus-ring-color auto 5px}.sky-selection-box.sky-selection-box-selected{background:#f1eef6}.sky-selection-box.sky-selection-box-disabled{background:#eeeeef}.sky-selection-box.sky-selection-box-disabled .sky-selection-box-icon{color:#686c73}.sky-selection-box .sky-selection-box-icon{color:#0974a1;margin:0 10px 0 0;width:42px;height:42px;display:flex;align-items:center;justify-content:center;flex:0 0 auto}.sky-selection-box .sky-selection-box-icon .sky-icon{font-size:24px!important}.sky-selection-box .sky-selection-box-content{flex:1 1 auto;margin:0 10px 0 0;white-space:initial}.sky-selection-box .sky-selection-box-header{padding-top:3px}.sky-selection-box .sky-selection-box-control{flex:0 0 auto;padding-top:5px}:host-context(.sky-theme-modern) .sky-selection-box{padding:30px}:host-context(.sky-theme-modern) .sky-selection-box:hover{box-shadow:0 1px 3px #0000004d,inset 0 0 0 1px #1870b8}:host-context(.sky-theme-modern) .sky-selection-box:hover .sky-switch-control{border:solid 1px #1870B8}:host-context(.sky-theme-modern) .sky-selection-box:focus .sky-switch-input:not(:disabled):checked+.sky-switch-control{border:none}:host-context(.sky-theme-modern) .sky-selection-box:focus .sky-switch-control{outline:none;border:none;box-shadow:inset 0 0 0 2px #1870b8}:host-context(.sky-theme-modern) .sky-selection-box.sky-selection-box-selected,:host-context(.sky-theme-modern) .sky-selection-box:focus.sky-selection-box-selected{background:#e8f8ff;box-shadow:inset 0 0 0 2px #1870b8,0 1px 8px #0000004d,inset 6px 0 #0974a1}:host-context(.sky-theme-modern) .sky-selection-box.sky-selection-box-disabled .sky-selection-box-icon{background:#d2d2d2;color:#686c73}:host-context(.sky-theme-modern) .sky-selection-box .sky-selection-box-icon{color:#0974a1;background:#e8f8ff;margin:0 15px 0 0;border-radius:50%;width:42px;height:42px;display:flex;align-items:center;justify-content:center;flex:0 0 auto}:host-context(.sky-theme-modern) .sky-selection-box .sky-selection-box-content{margin:0 30px 0 0}:host-context(.sky-theme-modern) .sky-selection-box .sky-selection-box-description{margin:3px 0 0}.sky-theme-modern .sky-selection-box{padding:30px}.sky-theme-modern .sky-selection-box:hover{box-shadow:0 1px 3px #0000004d,inset 0 0 0 1px #1870b8}.sky-theme-modern .sky-selection-box:hover .sky-switch-control{border:solid 1px #1870B8}.sky-theme-modern .sky-selection-box:focus .sky-switch-input:not(:disabled):checked+.sky-switch-control{border:none}.sky-theme-modern .sky-selection-box:focus .sky-switch-control{outline:none;border:none;box-shadow:inset 0 0 0 2px #1870b8}.sky-theme-modern .sky-selection-box.sky-selection-box-selected,.sky-theme-modern .sky-selection-box:focus.sky-selection-box-selected{background:#e8f8ff;box-shadow:inset 0 0 0 2px #1870b8,0 1px 8px #0000004d,inset 6px 0 #0974a1}.sky-theme-modern .sky-selection-box.sky-selection-box-disabled .sky-selection-box-icon{background:#d2d2d2;color:#686c73}.sky-theme-modern .sky-selection-box .sky-selection-box-icon{color:#0974a1;background:#e8f8ff;margin:0 15px 0 0;border-radius:50%;width:42px;height:42px;display:flex;align-items:center;justify-content:center;flex:0 0 auto}.sky-theme-modern .sky-selection-box .sky-selection-box-content{margin:0 30px 0 0}.sky-theme-modern .sky-selection-box .sky-selection-box-description{margin:3px 0 0}\n"], directives: [{ type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i3.λ2, selector: "[skyThemeClass]", inputs: ["class", "skyThemeClass"] }, { type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkySelectionBoxComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'sky-selection-box',
-                    styleUrls: ['./selection-box.component.scss'],
-                    templateUrl: './selection-box.component.html',
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    encapsulation: ViewEncapsulation.None,
-                }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i1.SkySelectionBoxAdapterService }]; }, propDecorators: { control: [{
-                type: Input
-            }], controlEl: [{
-                type: ViewChild,
-                args: ['control', {
-                        read: ElementRef,
-                        static: false,
-                    }]
-            }], selectionBoxEl: [{
-                type: ViewChild,
-                args: ['selectionBox', {
-                        read: ElementRef,
-                        static: false,
-                    }]
-            }] } });
-//# sourceMappingURL=selection-box.component.js.map

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

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

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

@@ -1,40 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { SkyThemeModule } from '@skyux/theme';
-import { SkySelectionBoxAdapterService } from './selection-box-adapter.service';
-import { SkySelectionBoxDescriptionComponent } from './selection-box-description.component';
-import { SkySelectionBoxGridComponent } from './selection-box-grid.component';
-import { SkySelectionBoxHeaderComponent } from './selection-box-header.component';
-import { SkySelectionBoxComponent } from './selection-box.component';
-import * as i0 from "@angular/core";
-export class SkySelectionBoxModule {
-}
-SkySelectionBoxModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkySelectionBoxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-SkySelectionBoxModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkySelectionBoxModule, declarations: [SkySelectionBoxGridComponent,
-        SkySelectionBoxComponent,
-        SkySelectionBoxDescriptionComponent,
-        SkySelectionBoxHeaderComponent], imports: [CommonModule, SkyThemeModule], exports: [SkySelectionBoxGridComponent,
-        SkySelectionBoxComponent,
-        SkySelectionBoxDescriptionComponent,
-        SkySelectionBoxHeaderComponent] });
-SkySelectionBoxModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkySelectionBoxModule, providers: [SkySelectionBoxAdapterService], imports: [[CommonModule, SkyThemeModule]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkySelectionBoxModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [
-                        SkySelectionBoxGridComponent,
-                        SkySelectionBoxComponent,
-                        SkySelectionBoxDescriptionComponent,
-                        SkySelectionBoxHeaderComponent,
-                    ],
-                    imports: [CommonModule, SkyThemeModule],
-                    exports: [
-                        SkySelectionBoxGridComponent,
-                        SkySelectionBoxComponent,
-                        SkySelectionBoxDescriptionComponent,
-                        SkySelectionBoxHeaderComponent,
-                    ],
-                    providers: [SkySelectionBoxAdapterService],
-                }]
-        }] });
-//# sourceMappingURL=selection-box.module.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"selection-box.module.js","sourceRoot":"","sources":["../../../../../../../../libs/components/forms/src/lib/modules/selection-box/selection-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,6BAA6B,EAAE,MAAM,iCAAiC,CAAC;AAChF,OAAO,EAAE,mCAAmC,EAAE,MAAM,uCAAuC,CAAC;AAC5F,OAAO,EAAE,4BAA4B,EAAE,MAAM,gCAAgC,CAAC;AAC9E,OAAO,EAAE,8BAA8B,EAAE,MAAM,kCAAkC,CAAC;AAClF,OAAO,EAAE,wBAAwB,EAAE,MAAM,2BAA2B,CAAC;;AAkBrE,MAAM,OAAO,qBAAqB;;mHAArB,qBAAqB;oHAArB,qBAAqB,iBAd9B,4BAA4B;QAC5B,wBAAwB;QACxB,mCAAmC;QACnC,8BAA8B,aAEtB,YAAY,EAAE,cAAc,aAEpC,4BAA4B;QAC5B,wBAAwB;QACxB,mCAAmC;QACnC,8BAA8B;oHAIrB,qBAAqB,aAFrB,CAAC,6BAA6B,CAAC,YAPjC,CAAC,YAAY,EAAE,cAAc,CAAC;4FAS5B,qBAAqB;kBAhBjC,QAAQ;mBAAC;oBACR,YAAY,EAAE;wBACZ,4BAA4B;wBAC5B,wBAAwB;wBACxB,mCAAmC;wBACnC,8BAA8B;qBAC/B;oBACD,OAAO,EAAE,CAAC,YAAY,EAAE,cAAc,CAAC;oBACvC,OAAO,EAAE;wBACP,4BAA4B;wBAC5B,wBAAwB;wBACxB,mCAAmC;wBACnC,8BAA8B;qBAC/B;oBACD,SAAS,EAAE,CAAC,6BAA6B,CAAC;iBAC3C","sourcesContent":["import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { SkyThemeModule } from '@skyux/theme';\n\nimport { SkySelectionBoxAdapterService } from './selection-box-adapter.service';\nimport { SkySelectionBoxDescriptionComponent } from './selection-box-description.component';\nimport { SkySelectionBoxGridComponent } from './selection-box-grid.component';\nimport { SkySelectionBoxHeaderComponent } from './selection-box-header.component';\nimport { SkySelectionBoxComponent } from './selection-box.component';\n\n@NgModule({\n  declarations: [\n    SkySelectionBoxGridComponent,\n    SkySelectionBoxComponent,\n    SkySelectionBoxDescriptionComponent,\n    SkySelectionBoxHeaderComponent,\n  ],\n  imports: [CommonModule, SkyThemeModule],\n  exports: [\n    SkySelectionBoxGridComponent,\n    SkySelectionBoxComponent,\n    SkySelectionBoxDescriptionComponent,\n    SkySelectionBoxHeaderComponent,\n  ],\n  providers: [SkySelectionBoxAdapterService],\n})\nexport class SkySelectionBoxModule {}\n"]}

package/esm2015/lib/modules/selection-box/types/selection-box-grid-align-items-type.js

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=selection-box-grid-align-items-type.js.map

package/esm2015/lib/modules/selection-box/types/selection-box-grid-align-items-type.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"selection-box-grid-align-items-type.js","sourceRoot":"","sources":["../../../../../../../../../libs/components/forms/src/lib/modules/selection-box/types/selection-box-grid-align-items-type.ts"],"names":[],"mappings":"","sourcesContent":["/**\n * @internal\n */\nexport type SkySelectionBoxGridAlignItemsType = 'center' | 'left';\n"]}

package/esm2015/lib/modules/selection-box/types/selection-box-grid-align-items.js

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=selection-box-grid-align-items.js.map

package/esm2015/lib/modules/selection-box/types/selection-box-grid-align-items.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"selection-box-grid-align-items.js","sourceRoot":"","sources":["../../../../../../../../../libs/components/forms/src/lib/modules/selection-box/types/selection-box-grid-align-items.ts"],"names":[],"mappings":"","sourcesContent":["/**\n * @internal\n * @deprecated Use `SkySelectionBoxGridAlignItemsType` instead.\n */\nexport const enum SkySelectionBoxGridAlignItems {\n  /**\n   * Center-aligns the selection boxes.\n   */\n  Center = 'center',\n\n  /**\n   * Left-aligns the selection boxes.\n   */\n  Left = 'left',\n}\n"]}

package/esm2015/lib/modules/shared/forms-utility.js

@@ -1,26 +0,0 @@
-// Need to add the following to classes which contain static methods.
-// See: https://github.com/ng-packagr/ng-packagr/issues/641
-// @dynamic
-export class SkyFormsUtility {
-    /** Coerces a data-bound value (typically a string) to a boolean. */
-    static coerceBooleanProperty(value) {
-        return value !== undefined && `${value}` !== 'false';
-    }
-    /**
-     * Gets the required state of the checkbox.
-     * Currently, Angular doesn't offer a way to get this easily, so we have to create an empty
-     * control using the current validator to see if it throws a `required` validation error.
-     * https://github.com/angular/angular/issues/13461#issuecomment-340368046
-     */
-    static hasRequiredValidation(ngControl) {
-        const abstractControl = ngControl.control;
-        if (abstractControl && abstractControl.validator) {
-            const validator = abstractControl.validator({});
-            if (validator && validator.required) {
-                return true;
-            }
-        }
-        return false;
-    }
-}
-//# sourceMappingURL=forms-utility.js.map

package/esm2015/lib/modules/shared/forms-utility.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"forms-utility.js","sourceRoot":"","sources":["../../../../../../../../libs/components/forms/src/lib/modules/shared/forms-utility.ts"],"names":[],"mappings":"AAEA,qEAAqE;AACrE,2DAA2D;AAC3D,WAAW;AACX,MAAM,OAAO,eAAe;IAC1B,oEAAoE;IAC7D,MAAM,CAAC,qBAAqB,CAAC,KAAU;QAC5C,OAAO,KAAK,KAAK,SAAS,IAAI,GAAG,KAAK,EAAE,KAAK,OAAO,CAAC;IACvD,CAAC;IAED;;;;;OAKG;IACI,MAAM,CAAC,qBAAqB,CAAC,SAAoB;QACtD,MAAM,eAAe,GAAG,SAAS,CAAC,OAA0B,CAAC;QAC7D,IAAI,eAAe,IAAI,eAAe,CAAC,SAAS,EAAE;YAChD,MAAM,SAAS,GAAG,eAAe,CAAC,SAAS,CAAC,EAAqB,CAAC,CAAC;YACnE,IAAI,SAAS,IAAI,SAAS,CAAC,QAAQ,EAAE;gBACnC,OAAO,IAAI,CAAC;aACb;SACF;QACD,OAAO,KAAK,CAAC;IACf,CAAC;CACF","sourcesContent":["import { AbstractControl, NgControl } from '@angular/forms';\n\n// Need to add the following to classes which contain static methods.\n// See: https://github.com/ng-packagr/ng-packagr/issues/641\n// @dynamic\nexport class SkyFormsUtility {\n  /** Coerces a data-bound value (typically a string) to a boolean. */\n  public static coerceBooleanProperty(value: any): boolean {\n    return value !== undefined && `${value}` !== 'false';\n  }\n\n  /**\n   * Gets the required state of the checkbox.\n   * Currently, Angular doesn't offer a way to get this easily, so we have to create an empty\n   * control using the current validator to see if it throws a `required` validation error.\n   * https://github.com/angular/angular/issues/13461#issuecomment-340368046\n   */\n  public static hasRequiredValidation(ngControl: NgControl): boolean {\n    const abstractControl = ngControl.control as AbstractControl;\n    if (abstractControl && abstractControl.validator) {\n      const validator = abstractControl.validator({} as AbstractControl);\n      if (validator && validator.required) {\n        return true;\n      }\n    }\n    return false;\n  }\n}\n"]}

package/esm2015/lib/modules/shared/sky-forms-resources.module.js

@@ -1,89 +0,0 @@
-/**
- * NOTICE: DO NOT MODIFY THIS FILE!
- * The contents of this file were automatically generated by
- * the 'ng generate @skyux/i18n:lib-resources-module lib/modules/shared/sky-forms' schematic.
- * To update this file, simply rerun the command.
- */
-import { NgModule } from '@angular/core';
-import { SKY_LIB_RESOURCES_PROVIDERS, SkyI18nModule, getLibStringForLocale, } from '@skyux/i18n';
-import * as i0 from "@angular/core";
-const RESOURCES = {
-    'EN-US': {
-        skyux_character_count_message: { message: 'characters out of' },
-        skyux_character_count_over_limit: {
-            message: 'You are over the character limit.',
-        },
-        skyux_file_attachment_button_label_choose_file: { message: 'Choose file' },
-        skyux_file_attachment_button_label_replace_file: {
-            message: 'Replace file',
-        },
-        skyux_file_attachment_file_item_delete: { message: 'Delete file' },
-        skyux_file_attachment_file_size_b_plural: { message: '{0} bytes' },
-        skyux_file_attachment_file_size_b_singular: { message: '{0} byte' },
-        skyux_file_attachment_file_size_gb: { message: '{0} GB' },
-        skyux_file_attachment_file_size_kb: { message: '{0} KB' },
-        skyux_file_attachment_file_size_mb: { message: '{0} MB' },
-        skyux_file_attachment_file_upload_drag_file_here: {
-            message: 'Drag a file here',
-        },
-        skyux_file_attachment_file_upload_drag_or_click: {
-            message: 'Drag a file here or click to browse',
-        },
-        skyux_file_attachment_file_upload_drop_files_here: {
-            message: 'Drop files here',
-        },
-        skyux_file_attachment_file_upload_image_preview_alt_text: {
-            message: 'Image preview',
-        },
-        skyux_file_attachment_file_upload_invalid_file: {
-            message: 'This file type is invalid',
-        },
-        skyux_file_attachment_file_upload_link_input: {
-            message: 'Add a link to a file',
-        },
-        skyux_file_attachment_file_upload_link_placeholder: {
-            message: 'http://www.something.com/file',
-        },
-        skyux_file_attachment_file_upload_or_click_to_browse: {
-            message: 'or click to browse',
-        },
-        skyux_file_attachment_file_upload_paste_link: {
-            message: 'Paste a link to a file',
-        },
-        skyux_file_attachment_file_upload_paste_link_done: { message: 'Done' },
-        skyux_file_attachment_label_no_file_chosen: { message: 'No file chosen' },
-    },
-};
-export class SkyFormsResourcesProvider {
-    getString(localeInfo, name) {
-        return getLibStringForLocale(RESOURCES, localeInfo.locale, name);
-    }
-}
-/**
- * Import into any component library module that needs to use resource strings.
- */
-export class SkyFormsResourcesModule {
-}
-SkyFormsResourcesModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyFormsResourcesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-SkyFormsResourcesModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyFormsResourcesModule, exports: [SkyI18nModule] });
-SkyFormsResourcesModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyFormsResourcesModule, providers: [
-        {
-            provide: SKY_LIB_RESOURCES_PROVIDERS,
-            useClass: SkyFormsResourcesProvider,
-            multi: true,
-        },
-    ], imports: [SkyI18nModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyFormsResourcesModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    exports: [SkyI18nModule],
-                    providers: [
-                        {
-                            provide: SKY_LIB_RESOURCES_PROVIDERS,
-                            useClass: SkyFormsResourcesProvider,
-                            multi: true,
-                        },
-                    ],
-                }]
-        }] });
-//# sourceMappingURL=sky-forms-resources.module.js.map

package/esm2015/lib/modules/shared/sky-forms-resources.module.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"sky-forms-resources.module.js","sourceRoot":"","sources":["../../../../../../../../libs/components/forms/src/lib/modules/shared/sky-forms-resources.module.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EACL,2BAA2B,EAE3B,aAAa,EAGb,qBAAqB,GACtB,MAAM,aAAa,CAAC;;AAErB,MAAM,SAAS,GAA0C;IACvD,OAAO,EAAE;QACP,6BAA6B,EAAE,EAAE,OAAO,EAAE,mBAAmB,EAAE;QAC/D,gCAAgC,EAAE;YAChC,OAAO,EAAE,mCAAmC;SAC7C;QACD,8CAA8C,EAAE,EAAE,OAAO,EAAE,aAAa,EAAE;QAC1E,+CAA+C,EAAE;YAC/C,OAAO,EAAE,cAAc;SACxB;QACD,sCAAsC,EAAE,EAAE,OAAO,EAAE,aAAa,EAAE;QAClE,wCAAwC,EAAE,EAAE,OAAO,EAAE,WAAW,EAAE;QAClE,0CAA0C,EAAE,EAAE,OAAO,EAAE,UAAU,EAAE;QACnE,kCAAkC,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE;QACzD,kCAAkC,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE;QACzD,kCAAkC,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE;QACzD,gDAAgD,EAAE;YAChD,OAAO,EAAE,kBAAkB;SAC5B;QACD,+CAA+C,EAAE;YAC/C,OAAO,EAAE,qCAAqC;SAC/C;QACD,iDAAiD,EAAE;YACjD,OAAO,EAAE,iBAAiB;SAC3B;QACD,wDAAwD,EAAE;YACxD,OAAO,EAAE,eAAe;SACzB;QACD,8CAA8C,EAAE;YAC9C,OAAO,EAAE,2BAA2B;SACrC;QACD,4CAA4C,EAAE;YAC5C,OAAO,EAAE,sBAAsB;SAChC;QACD,kDAAkD,EAAE;YAClD,OAAO,EAAE,+BAA+B;SACzC;QACD,oDAAoD,EAAE;YACpD,OAAO,EAAE,oBAAoB;SAC9B;QACD,4CAA4C,EAAE;YAC5C,OAAO,EAAE,wBAAwB;SAClC;QACD,iDAAiD,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;QACtE,0CAA0C,EAAE,EAAE,OAAO,EAAE,gBAAgB,EAAE;KAC1E;CACF,CAAC;AAEF,MAAM,OAAO,yBAAyB;IAC7B,SAAS,CACd,UAA4B,EAC5B,IAAY;QAEZ,OAAO,qBAAqB,CAAC,SAAS,EAAE,UAAU,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;IACnE,CAAC;CACF;AAED;;GAEG;AAWH,MAAM,OAAO,uBAAuB;;qHAAvB,uBAAuB;sHAAvB,uBAAuB,YATxB,aAAa;sHASZ,uBAAuB,aARvB;QACT;YACE,OAAO,EAAE,2BAA2B;YACpC,QAAQ,EAAE,yBAAyB;YACnC,KAAK,EAAE,IAAI;SACZ;KACF,YAPS,aAAa;4FASZ,uBAAuB;kBAVnC,QAAQ;mBAAC;oBACR,OAAO,EAAE,CAAC,aAAa,CAAC;oBACxB,SAAS,EAAE;wBACT;4BACE,OAAO,EAAE,2BAA2B;4BACpC,QAAQ,EAAE,yBAAyB;4BACnC,KAAK,EAAE,IAAI;yBACZ;qBACF;iBACF","sourcesContent":["/**\n * NOTICE: DO NOT MODIFY THIS FILE!\n * The contents of this file were automatically generated by\n * the 'ng generate @skyux/i18n:lib-resources-module lib/modules/shared/sky-forms' schematic.\n * To update this file, simply rerun the command.\n */\nimport { NgModule } from '@angular/core';\nimport {\n  SKY_LIB_RESOURCES_PROVIDERS,\n  SkyAppLocaleInfo,\n  SkyI18nModule,\n  SkyLibResources,\n  SkyLibResourcesProvider,\n  getLibStringForLocale,\n} from '@skyux/i18n';\n\nconst RESOURCES: { [locale: string]: SkyLibResources } = {\n  'EN-US': {\n    skyux_character_count_message: { message: 'characters out of' },\n    skyux_character_count_over_limit: {\n      message: 'You are over the character limit.',\n    },\n    skyux_file_attachment_button_label_choose_file: { message: 'Choose file' },\n    skyux_file_attachment_button_label_replace_file: {\n      message: 'Replace file',\n    },\n    skyux_file_attachment_file_item_delete: { message: 'Delete file' },\n    skyux_file_attachment_file_size_b_plural: { message: '{0} bytes' },\n    skyux_file_attachment_file_size_b_singular: { message: '{0} byte' },\n    skyux_file_attachment_file_size_gb: { message: '{0} GB' },\n    skyux_file_attachment_file_size_kb: { message: '{0} KB' },\n    skyux_file_attachment_file_size_mb: { message: '{0} MB' },\n    skyux_file_attachment_file_upload_drag_file_here: {\n      message: 'Drag a file here',\n    },\n    skyux_file_attachment_file_upload_drag_or_click: {\n      message: 'Drag a file here or click to browse',\n    },\n    skyux_file_attachment_file_upload_drop_files_here: {\n      message: 'Drop files here',\n    },\n    skyux_file_attachment_file_upload_image_preview_alt_text: {\n      message: 'Image preview',\n    },\n    skyux_file_attachment_file_upload_invalid_file: {\n      message: 'This file type is invalid',\n    },\n    skyux_file_attachment_file_upload_link_input: {\n      message: 'Add a link to a file',\n    },\n    skyux_file_attachment_file_upload_link_placeholder: {\n      message: 'http://www.something.com/file',\n    },\n    skyux_file_attachment_file_upload_or_click_to_browse: {\n      message: 'or click to browse',\n    },\n    skyux_file_attachment_file_upload_paste_link: {\n      message: 'Paste a link to a file',\n    },\n    skyux_file_attachment_file_upload_paste_link_done: { message: 'Done' },\n    skyux_file_attachment_label_no_file_chosen: { message: 'No file chosen' },\n  },\n};\n\nexport class SkyFormsResourcesProvider implements SkyLibResourcesProvider {\n  public getString(\n    localeInfo: SkyAppLocaleInfo,\n    name: string\n  ): string | undefined {\n    return getLibStringForLocale(RESOURCES, localeInfo.locale, name);\n  }\n}\n\n/**\n * Import into any component library module that needs to use resource strings.\n */\n@NgModule({\n  exports: [SkyI18nModule],\n  providers: [\n    {\n      provide: SKY_LIB_RESOURCES_PROVIDERS,\n      useClass: SkyFormsResourcesProvider,\n      multi: true,\n    },\n  ],\n})\nexport class SkyFormsResourcesModule {}\n"]}

package/esm2015/lib/modules/toggle-switch/toggle-switch-label.component.js

@@ -1,18 +0,0 @@
-import { ChangeDetectionStrategy, Component } from '@angular/core';
-import * as i0 from "@angular/core";
-/**
- * Specifies the label to display beside the toggle switch.
- */
-export class SkyToggleSwitchLabelComponent {
-}
-SkyToggleSwitchLabelComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyToggleSwitchLabelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-SkyToggleSwitchLabelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyToggleSwitchLabelComponent, selector: "sky-toggle-switch-label", ngImport: i0, template: "<ng-content></ng-content>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyToggleSwitchLabelComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'sky-toggle-switch-label',
-                    templateUrl: './toggle-switch-label.component.html',
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                }]
-        }] });
-//# sourceMappingURL=toggle-switch-label.component.js.map

package/esm2015/lib/modules/toggle-switch/toggle-switch-label.component.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"toggle-switch-label.component.js","sourceRoot":"","sources":["../../../../../../../../libs/components/forms/src/lib/modules/toggle-switch/toggle-switch-label.component.ts","../../../../../../../../libs/components/forms/src/lib/modules/toggle-switch/toggle-switch-label.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;;AAEnE;;GAEG;AAMH,MAAM,OAAO,6BAA6B;;2HAA7B,6BAA6B;+GAA7B,6BAA6B,+DCV1C,6BACA;4FDSa,6BAA6B;kBALzC,SAAS;mBAAC;oBACT,QAAQ,EAAE,yBAAyB;oBACnC,WAAW,EAAE,sCAAsC;oBACnD,eAAe,EAAE,uBAAuB,CAAC,MAAM;iBAChD","sourcesContent":["import { ChangeDetectionStrategy, Component } from '@angular/core';\n\n/**\n * Specifies the label to display beside the toggle switch.\n */\n@Component({\n  selector: 'sky-toggle-switch-label',\n  templateUrl: './toggle-switch-label.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class SkyToggleSwitchLabelComponent {}\n","<ng-content></ng-content>\n"]}

package/esm2015/lib/modules/toggle-switch/toggle-switch.component.js

@@ -1,159 +0,0 @@
-import { ChangeDetectionStrategy, ChangeDetectorRef, Component, ContentChildren, EventEmitter, Input, Output, QueryList, forwardRef, } from '@angular/core';
-import { NG_VALIDATORS, NG_VALUE_ACCESSOR, } from '@angular/forms';
-import { Subject } from 'rxjs';
-import { takeUntil } from 'rxjs/operators';
-import { SkyToggleSwitchLabelComponent } from './toggle-switch-label.component';
-import * as i0 from "@angular/core";
-import * as i1 from "@angular/common";
-// tslint:disable:no-forward-ref no-use-before-declare
-const SKY_TOGGLE_SWITCH_CONTROL_VALUE_ACCESSOR = {
-    provide: NG_VALUE_ACCESSOR,
-    useExisting: forwardRef(() => SkyToggleSwitchComponent),
-    multi: true,
-};
-const SKY_TOGGLE_SWITCH_VALIDATOR = {
-    provide: NG_VALIDATORS,
-    useExisting: forwardRef(() => SkyToggleSwitchComponent),
-    multi: true,
-};
-// tslint:enable
-let uniqueId = 0;
-export class SkyToggleSwitchComponent {
-    constructor(changeDetector) {
-        this.changeDetector = changeDetector;
-        /**
-         * Indicates whether to disable the toggle switch.
-         */
-        this.disabled = false;
-        /**
-         * Specifies a tab index for the toggle switch. If not defined, the index is set to the position
-         * of the toggle switch on load.
-         */
-        this.tabIndex = 0;
-        /**
-         * Fires when the checked state of a toggle switch changes.
-         */
-        this.toggleChange = new EventEmitter();
-        this.enableIndicatorAnimation = false;
-        this.isFirstChange = true;
-        this.ngUnsubscribe = new Subject();
-        this.toggleSwitchId = uniqueId++;
-        this._checked = false;
-        // eslint-disable-next-line @typescript-eslint/no-empty-function
-        this.onTouched = () => { };
-        // eslint-disable-next-line @typescript-eslint/no-empty-function
-        this.onChange = () => { };
-    }
-    /**
-     * Indicates whether the toggle switch is selected.
-     * @default false
-     */
-    set checked(checked) {
-        if (checked !== this.checked) {
-            this._checked = checked;
-            this.onChange(checked);
-            // Do not mark the field as "dirty"
-            // if the field has been initialized with a value.
-            if (this.isFirstChange && this.control) {
-                this.control.markAsPristine();
-                this.isFirstChange = false;
-            }
-        }
-    }
-    get checked() {
-        return this._checked || false;
-    }
-    get hasLabelComponent() {
-        return this.labelComponents.length > 0;
-    }
-    get labelElementId() {
-        return `sky-toggle-switch-label-${this.toggleSwitchId}`;
-    }
-    ngAfterContentInit() {
-        this.labelComponents.changes
-            .pipe(takeUntil(this.ngUnsubscribe))
-            .subscribe(() => {
-            // Allow the template to reload any ARIA attributes that are relying on the
-            // label component existing in the DOM.
-            this.changeDetector.markForCheck();
-        });
-        // Wait for the view to render before applying animation effects.
-        // (Some browsers, such as Firefox, apply the animation too early.)
-        setTimeout(() => {
-            this.enableIndicatorAnimation = true;
-        });
-    }
-    ngOnDestroy() {
-        this.ngUnsubscribe.next();
-        this.ngUnsubscribe.complete();
-    }
-    writeValue(value) {
-        this.checked = !!value;
-        this.changeDetector.markForCheck();
-    }
-    validate(control) {
-        if (!this.control) {
-            this.control = control;
-        }
-        return;
-    }
-    registerOnChange(fn) {
-        this.onChange = fn;
-    }
-    registerOnTouched(fn) {
-        this.onTouched = fn;
-    }
-    setDisabledState(disabled) {
-        this.disabled = disabled;
-        this.changeDetector.markForCheck();
-    }
-    onButtonClick(event) {
-        event.stopPropagation();
-        this.toggleChecked();
-        this.emitChangeEvent();
-    }
-    onButtonBlur() {
-        this.onTouched();
-    }
-    emitChangeEvent() {
-        this.onChange(this._checked);
-        this.toggleChange.emit({
-            checked: this._checked,
-        });
-    }
-    toggleChecked() {
-        this.checked = !this.checked;
-    }
-}
-SkyToggleSwitchComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyToggleSwitchComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-SkyToggleSwitchComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyToggleSwitchComponent, selector: "sky-toggle-switch", inputs: { ariaLabel: "ariaLabel", checked: "checked", disabled: "disabled", tabIndex: "tabIndex" }, outputs: { toggleChange: "toggleChange" }, providers: [
-        SKY_TOGGLE_SWITCH_CONTROL_VALUE_ACCESSOR,
-        SKY_TOGGLE_SWITCH_VALIDATOR,
-    ], queries: [{ propertyName: "labelComponents", predicate: SkyToggleSwitchLabelComponent }], ngImport: i0, template: "<span class=\"sky-toggle-switch\">\n  <button\n    class=\"sky-toggle-switch-button\"\n    role=\"switch\"\n    type=\"button\"\n    [attr.aria-checked]=\"checked\"\n    [attr.aria-label]=\"ariaLabel\"\n    [attr.aria-labelledby]=\"hasLabelComponent ? labelElementId : null\"\n    [disabled]=\"disabled\"\n    [ngClass]=\"{\n      'sky-toggle-switch-checked': checked,\n      'sky-toggle-switch-disabled': disabled\n    }\"\n    [tabIndex]=\"tabIndex\"\n    (blur)=\"onButtonBlur()\"\n    (click)=\"onButtonClick($event)\"\n  >\n    <i\n      aria-hidden=\"true\"\n      class=\"sky-toggle-switch-indicator\"\n      [ngClass]=\"{\n        'sky-toggle-switch-transition': enableIndicatorAnimation\n      }\"\n      role=\"presentation\"\n      >&nbsp;</i\n    >\n    <!-- Non-breaking space needed to align switch to baseline! -->\n  </button>\n\n  <label\n    *ngIf=\"hasLabelComponent\"\n    class=\"sky-toggle-switch-label\"\n    [attr.id]=\"labelElementId\"\n  >\n    <ng-container *ngTemplateOutlet=\"labelContent\"> </ng-container>\n  </label>\n</span>\n\n<ng-template #labelContent>\n  <ng-content select=\"sky-toggle-switch-label\"></ng-content>\n</ng-template>\n", styles: [".sky-toggle-switch{display:inline-flex;align-items:baseline}.sky-toggle-switch-button{border:1px solid #cdcfd2;background-color:#eeeeef;padding:1px;border-radius:24px;flex:1 0 46px;line-height:1.428571429}.sky-toggle-switch-button:hover:not(.sky-toggle-switch-disabled){border-color:#00b4f1;border-width:2px;padding:0;cursor:pointer}.sky-toggle-switch-button.sky-toggle-switch-checked{background-color:#c1e8fb;border-color:#00b4f1;border-width:2px;padding:0}.sky-toggle-switch-button.sky-toggle-switch-checked .sky-toggle-switch-indicator{left:100%}.sky-toggle-switch-button.sky-toggle-switch-disabled{background-color:#cdcfd2;border-color:transparent}.sky-toggle-switch-button.sky-toggle-switch-disabled .sky-toggle-switch-indicator{background-color:#eeeeef}.sky-toggle-switch-button+.sky-toggle-switch-label{margin-left:10px;flex:1 0 auto}.sky-toggle-switch-indicator{height:22px;width:22px;display:block;position:relative;top:0;left:22px;margin-left:-22px;border-radius:100%;box-shadow:0 1px 2px #000000bf;background-color:#fff}.sky-toggle-switch-indicator.sky-toggle-switch-transition{transition:left .15s}:host-context(.sky-theme-modern) .sky-toggle-switch-button{background-color:#fff;border-width:1px;flex-basis:48px;transition:border-color .15s,box-shadow .15s}:host-context(.sky-theme-modern) .sky-toggle-switch-button.sky-toggle-switch-disabled{border-color:#d2d2d2;cursor:not-allowed}:host-context(.sky-theme-modern) .sky-toggle-switch-button.sky-toggle-switch-disabled,:host-context(.sky-theme-modern) .sky-toggle-switch-button.sky-toggle-switch-disabled .sky-toggle-switch-indicator{background-color:#ededee}:host-context(.sky-theme-modern) .sky-toggle-switch-button.sky-toggle-switch-checked{padding:1px}:host-context(.sky-theme-modern) .sky-toggle-switch-button:not(.sky-toggle-switch-disabled).sky-toggle-switch-checked{background-color:#c1e8fb;border-color:#1870b8}:host-context(.sky-theme-modern) .sky-toggle-switch-button:not(.sky-toggle-switch-disabled):active,:host-context(.sky-theme-modern) .sky-toggle-switch-button:not(.sky-toggle-switch-disabled):focus{outline:none;border:solid 2px #1870B8;padding:0}:host-context(.sky-theme-modern) .sky-toggle-switch-button:not(.sky-toggle-switch-disabled):not(:active):focus{box-shadow:0 1px 8px #0000004d}:host-context(.sky-theme-modern) .sky-toggle-switch-button:not(.sky-toggle-switch-disabled):not(:active):hover:not(:focus){padding:1px;border:solid 1px #1870B8}:host-context(.sky-theme-modern) .sky-toggle-switch-indicator{box-shadow:0 1px 2px #00000080}.sky-theme-modern .sky-toggle-switch-button{background-color:#fff;border-width:1px;flex-basis:48px;transition:border-color .15s,box-shadow .15s}.sky-theme-modern .sky-toggle-switch-button.sky-toggle-switch-disabled{border-color:#d2d2d2;cursor:not-allowed}.sky-theme-modern .sky-toggle-switch-button.sky-toggle-switch-disabled,.sky-theme-modern .sky-toggle-switch-button.sky-toggle-switch-disabled .sky-toggle-switch-indicator{background-color:#ededee}.sky-theme-modern .sky-toggle-switch-button.sky-toggle-switch-checked{padding:1px}.sky-theme-modern .sky-toggle-switch-button:not(.sky-toggle-switch-disabled).sky-toggle-switch-checked{background-color:#c1e8fb;border-color:#1870b8}.sky-theme-modern .sky-toggle-switch-button:not(.sky-toggle-switch-disabled):active,.sky-theme-modern .sky-toggle-switch-button:not(.sky-toggle-switch-disabled):focus{outline:none;border:solid 2px #1870B8;padding:0}.sky-theme-modern .sky-toggle-switch-button:not(.sky-toggle-switch-disabled):not(:active):focus{box-shadow:0 1px 8px #0000004d}.sky-theme-modern .sky-toggle-switch-button:not(.sky-toggle-switch-disabled):not(:active):hover:not(:focus){padding:1px;border:solid 1px #1870B8}.sky-theme-modern .sky-toggle-switch-indicator{box-shadow:0 1px 2px #00000080}:host-context(.sky-theme-modern.sky-theme-mode-dark) .sky-toggle-switch-button{background-color:#121212}.sky-theme-modern.sky-theme-mode-dark .sky-toggle-switch-button{background-color:#121212}\n"], directives: [{ type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyToggleSwitchComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'sky-toggle-switch',
-                    templateUrl: './toggle-switch.component.html',
-                    styleUrls: ['./toggle-switch.component.scss'],
-                    providers: [
-                        SKY_TOGGLE_SWITCH_CONTROL_VALUE_ACCESSOR,
-                        SKY_TOGGLE_SWITCH_VALIDATOR,
-                    ],
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { ariaLabel: [{
-                type: Input
-            }], checked: [{
-                type: Input
-            }], disabled: [{
-                type: Input
-            }], tabIndex: [{
-                type: Input
-            }], toggleChange: [{
-                type: Output
-            }], labelComponents: [{
-                type: ContentChildren,
-                args: [SkyToggleSwitchLabelComponent]
-            }] } });
-//# sourceMappingURL=toggle-switch.component.js.map

package/esm2015/lib/modules/toggle-switch/toggle-switch.component.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"toggle-switch.component.js","sourceRoot":"","sources":["../../../../../../../../libs/components/forms/src/lib/modules/toggle-switch/toggle-switch.component.ts","../../../../../../../../libs/components/forms/src/lib/modules/toggle-switch/toggle-switch.component.html"],"names":[],"mappings":"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","sourcesContent":["import {\n  AfterContentInit,\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  Component,\n  ContentChildren,\n  EventEmitter,\n  Input,\n  OnDestroy,\n  Output,\n  QueryList,\n  forwardRef,\n} from '@angular/core';\nimport {\n  AbstractControl,\n  ControlValueAccessor,\n  NG_VALIDATORS,\n  NG_VALUE_ACCESSOR,\n  ValidationErrors,\n  Validator,\n} from '@angular/forms';\n\nimport { Subject } from 'rxjs';\nimport { takeUntil } from 'rxjs/operators';\n\nimport { SkyToggleSwitchLabelComponent } from './toggle-switch-label.component';\nimport { SkyToggleSwitchChange } from './types/toggle-switch-change';\n\n// tslint:disable:no-forward-ref no-use-before-declare\nconst SKY_TOGGLE_SWITCH_CONTROL_VALUE_ACCESSOR: any = {\n  provide: NG_VALUE_ACCESSOR,\n  useExisting: forwardRef(() => SkyToggleSwitchComponent),\n  multi: true,\n};\nconst SKY_TOGGLE_SWITCH_VALIDATOR = {\n  provide: NG_VALIDATORS,\n  useExisting: forwardRef(() => SkyToggleSwitchComponent),\n  multi: true,\n};\n// tslint:enable\n\nlet uniqueId = 0;\n\n@Component({\n  selector: 'sky-toggle-switch',\n  templateUrl: './toggle-switch.component.html',\n  styleUrls: ['./toggle-switch.component.scss'],\n  providers: [\n    SKY_TOGGLE_SWITCH_CONTROL_VALUE_ACCESSOR,\n    SKY_TOGGLE_SWITCH_VALIDATOR,\n  ],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class SkyToggleSwitchComponent\n  implements AfterContentInit, OnDestroy, ControlValueAccessor, Validator\n{\n  /**\n   * Specifies an ARIA label for the toggle switch. This sets the toggle switch's `aria-label`\n   * attribute [to support accessibility](https://developer.blackbaud.com/skyux/learn/accessibility).\n   * If the `sky-toggle-switch-label` component displays a visible label, do not use this property.\n   */\n  @Input()\n  public ariaLabel: string;\n\n  /**\n   * Indicates whether the toggle switch is selected.\n   * @default false\n   */\n  @Input()\n  public set checked(checked: boolean) {\n    if (checked !== this.checked) {\n      this._checked = checked;\n      this.onChange(checked);\n\n      // Do not mark the field as \"dirty\"\n      // if the field has been initialized with a value.\n      if (this.isFirstChange && this.control) {\n        this.control.markAsPristine();\n        this.isFirstChange = false;\n      }\n    }\n  }\n\n  public get checked(): boolean {\n    return this._checked || false;\n  }\n\n  /**\n   * Indicates whether to disable the toggle switch.\n   */\n  @Input()\n  public disabled = false;\n\n  /**\n   * Specifies a tab index for the toggle switch. If not defined, the index is set to the position\n   * of the toggle switch on load.\n   */\n  @Input()\n  public tabIndex = 0;\n\n  /**\n   * Fires when the checked state of a toggle switch changes.\n   */\n  @Output()\n  public toggleChange = new EventEmitter<SkyToggleSwitchChange>();\n\n  public get hasLabelComponent(): boolean {\n    return this.labelComponents.length > 0;\n  }\n\n  public enableIndicatorAnimation = false;\n\n  public get labelElementId(): string {\n    return `sky-toggle-switch-label-${this.toggleSwitchId}`;\n  }\n\n  @ContentChildren(SkyToggleSwitchLabelComponent)\n  private labelComponents: QueryList<SkyToggleSwitchLabelComponent>;\n\n  private control: AbstractControl;\n  private isFirstChange = true;\n  private ngUnsubscribe = new Subject<void>();\n  private toggleSwitchId = uniqueId++;\n\n  private _checked = false;\n\n  constructor(private changeDetector: ChangeDetectorRef) {}\n\n  public ngAfterContentInit(): void {\n    this.labelComponents.changes\n      .pipe(takeUntil(this.ngUnsubscribe))\n      .subscribe(() => {\n        // Allow the template to reload any ARIA attributes that are relying on the\n        // label component existing in the DOM.\n        this.changeDetector.markForCheck();\n      });\n\n    // Wait for the view to render before applying animation effects.\n    // (Some browsers, such as Firefox, apply the animation too early.)\n    setTimeout(() => {\n      this.enableIndicatorAnimation = true;\n    });\n  }\n\n  public ngOnDestroy(): void {\n    this.ngUnsubscribe.next();\n    this.ngUnsubscribe.complete();\n  }\n\n  public writeValue(value: boolean): void {\n    this.checked = !!value;\n    this.changeDetector.markForCheck();\n  }\n\n  public validate(control: AbstractControl): ValidationErrors {\n    if (!this.control) {\n      this.control = control;\n    }\n\n    return;\n  }\n\n  public registerOnChange(fn: (value: any) => void) {\n    this.onChange = fn;\n  }\n\n  public registerOnTouched(fn: any): void {\n    this.onTouched = fn;\n  }\n\n  public setDisabledState(disabled: boolean): void {\n    this.disabled = disabled;\n    this.changeDetector.markForCheck();\n  }\n\n  public onButtonClick(event: any): void {\n    event.stopPropagation();\n    this.toggleChecked();\n    this.emitChangeEvent();\n  }\n\n  public onButtonBlur(): void {\n    this.onTouched();\n  }\n\n  // eslint-disable-next-line @typescript-eslint/no-empty-function\n  private onTouched: () => any = () => {};\n  // eslint-disable-next-line @typescript-eslint/no-empty-function\n  private onChange: (value: any) => void = () => {};\n\n  private emitChangeEvent(): void {\n    this.onChange(this._checked);\n    this.toggleChange.emit({\n      checked: this._checked,\n    });\n  }\n\n  private toggleChecked(): void {\n    this.checked = !this.checked;\n  }\n}\n","<span class=\"sky-toggle-switch\">\n  <button\n    class=\"sky-toggle-switch-button\"\n    role=\"switch\"\n    type=\"button\"\n    [attr.aria-checked]=\"checked\"\n    [attr.aria-label]=\"ariaLabel\"\n    [attr.aria-labelledby]=\"hasLabelComponent ? labelElementId : null\"\n    [disabled]=\"disabled\"\n    [ngClass]=\"{\n      'sky-toggle-switch-checked': checked,\n      'sky-toggle-switch-disabled': disabled\n    }\"\n    [tabIndex]=\"tabIndex\"\n    (blur)=\"onButtonBlur()\"\n    (click)=\"onButtonClick($event)\"\n  >\n    <i\n      aria-hidden=\"true\"\n      class=\"sky-toggle-switch-indicator\"\n      [ngClass]=\"{\n        'sky-toggle-switch-transition': enableIndicatorAnimation\n      }\"\n      role=\"presentation\"\n      >&nbsp;</i\n    >\n    <!-- Non-breaking space needed to align switch to baseline! -->\n  </button>\n\n  <label\n    *ngIf=\"hasLabelComponent\"\n    class=\"sky-toggle-switch-label\"\n    [attr.id]=\"labelElementId\"\n  >\n    <ng-container *ngTemplateOutlet=\"labelContent\"> </ng-container>\n  </label>\n</span>\n\n<ng-template #labelContent>\n  <ng-content select=\"sky-toggle-switch-label\"></ng-content>\n</ng-template>\n"]}