@skyux/forms 5.7.2 → 6.0.0-beta.2

package/esm2015/index.js

@@ -1,43 +0,0 @@
-export * from './lib/modules/character-counter/character-counter.module';
-export * from './lib/modules/checkbox/checkbox-change';
-export * from './lib/modules/checkbox/checkbox.module';
-export * from './lib/modules/file-attachment/types/file-attachment-change';
-export * from './lib/modules/file-attachment/types/file-attachment-click';
-export * from './lib/modules/file-attachment/types/file-drop-change';
-export * from './lib/modules/file-attachment/file-attachments.module';
-export * from './lib/modules/file-attachment/file-item';
-export * from './lib/modules/file-attachment/file-item-error-type';
-export * from './lib/modules/file-attachment/file-link';
-export * from './lib/modules/file-attachment/file-size.pipe';
-export * from './lib/modules/input-box/input-box.module';
-export * from './lib/modules/input-box/input-box-host.service';
-export * from './lib/modules/input-box/input-box-populate-args';
-export * from './lib/modules/radio/types/radio-change';
-export * from './lib/modules/radio/radio.module';
-export * from './lib/modules/selection-box/types/selection-box-grid-align-items';
-export * from './lib/modules/selection-box/types/selection-box-grid-align-items-type';
-export * from './lib/modules/selection-box/selection-box.module';
-export * from './lib/modules/toggle-switch/types/toggle-switch-change';
-export * from './lib/modules/toggle-switch/toggle-switch.module';
-// Components and directives must be exported to support Angular's "partial" Ivy compiler.
-// Obscure names are used to indicate types are not part of the public API.
-export { SkyCharacterCounterIndicatorComponent as λ1 } from './lib/modules/character-counter/character-counter-indicator.component';
-export { SkyCharacterCounterInputDirective as λ2 } from './lib/modules/character-counter/character-counter.directive';
-export { SkyCheckboxComponent as λ3 } from './lib/modules/checkbox/checkbox.component';
-export { SkyCheckboxLabelComponent as λ4 } from './lib/modules/checkbox/checkbox-label.component';
-export { SkyCheckboxRequiredValidatorDirective as λ5 } from './lib/modules/checkbox/checkbox-required-validator.directive';
-export { SkyFileAttachmentLabelComponent as λ6 } from './lib/modules/file-attachment/file-attachment-label.component';
-export { SkyFileAttachmentComponent as λ7 } from './lib/modules/file-attachment/file-attachment.component';
-export { SkyFileDropComponent as λ8 } from './lib/modules/file-attachment/file-drop.component';
-export { SkyFileItemComponent as λ9 } from './lib/modules/file-attachment/file-item.component';
-export { SkyInputBoxComponent as λ10 } from './lib/modules/input-box/input-box.component';
-export { SkyRadioGroupComponent as λ11 } from './lib/modules/radio/radio-group.component';
-export { SkyRadioLabelComponent as λ12 } from './lib/modules/radio/radio-label.component';
-export { SkyRadioComponent as λ13 } from './lib/modules/radio/radio.component';
-export { SkySelectionBoxDescriptionComponent as λ14 } from './lib/modules/selection-box/selection-box-description.component';
-export { SkySelectionBoxGridComponent as λ15 } from './lib/modules/selection-box/selection-box-grid.component';
-export { SkySelectionBoxHeaderComponent as λ16 } from './lib/modules/selection-box/selection-box-header.component';
-export { SkySelectionBoxComponent as λ17 } from './lib/modules/selection-box/selection-box.component';
-export { SkyToggleSwitchLabelComponent as λ18 } from './lib/modules/toggle-switch/toggle-switch-label.component';
-export { SkyToggleSwitchComponent as λ19 } from './lib/modules/toggle-switch/toggle-switch.component';
-//# sourceMappingURL=index.js.map

package/esm2015/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../libs/components/forms/src/index.ts"],"names":[],"mappings":"AAAA,cAAc,0DAA0D,CAAC;AAEzE,cAAc,wCAAwC,CAAC;AACvD,cAAc,wCAAwC,CAAC;AAEvD,cAAc,4DAA4D,CAAC;AAC3E,cAAc,2DAA2D,CAAC;AAC1E,cAAc,sDAAsD,CAAC;AACrE,cAAc,uDAAuD,CAAC;AACtE,cAAc,yCAAyC,CAAC;AACxD,cAAc,oDAAoD,CAAC;AACnE,cAAc,yCAAyC,CAAC;AACxD,cAAc,8CAA8C,CAAC;AAE7D,cAAc,0CAA0C,CAAC;AACzD,cAAc,gDAAgD,CAAC;AAC/D,cAAc,iDAAiD,CAAC;AAEhE,cAAc,wCAAwC,CAAC;AACvD,cAAc,kCAAkC,CAAC;AAEjD,cAAc,kEAAkE,CAAC;AACjF,cAAc,uEAAuE,CAAC;AACtF,cAAc,kDAAkD,CAAC;AAEjE,cAAc,wDAAwD,CAAC;AACvE,cAAc,kDAAkD,CAAC;AAEjE,0FAA0F;AAC1F,2EAA2E;AAE3E,OAAO,EAAE,qCAAqC,IAAI,EAAE,EAAE,MAAM,uEAAuE,CAAC;AACpI,OAAO,EAAE,iCAAiC,IAAI,EAAE,EAAE,MAAM,6DAA6D,CAAC;AACtH,OAAO,EAAE,oBAAoB,IAAI,EAAE,EAAE,MAAM,2CAA2C,CAAC;AACvF,OAAO,EAAE,yBAAyB,IAAI,EAAE,EAAE,MAAM,iDAAiD,CAAC;AAClG,OAAO,EAAE,qCAAqC,IAAI,EAAE,EAAE,MAAM,8DAA8D,CAAC;AAC3H,OAAO,EAAE,+BAA+B,IAAI,EAAE,EAAE,MAAM,+DAA+D,CAAC;AACtH,OAAO,EAAE,0BAA0B,IAAI,EAAE,EAAE,MAAM,yDAAyD,CAAC;AAC3G,OAAO,EAAE,oBAAoB,IAAI,EAAE,EAAE,MAAM,mDAAmD,CAAC;AAC/F,OAAO,EAAE,oBAAoB,IAAI,EAAE,EAAE,MAAM,mDAAmD,CAAC;AAC/F,OAAO,EAAE,oBAAoB,IAAI,GAAG,EAAE,MAAM,6CAA6C,CAAC;AAC1F,OAAO,EAAE,sBAAsB,IAAI,GAAG,EAAE,MAAM,2CAA2C,CAAC;AAC1F,OAAO,EAAE,sBAAsB,IAAI,GAAG,EAAE,MAAM,2CAA2C,CAAC;AAC1F,OAAO,EAAE,iBAAiB,IAAI,GAAG,EAAE,MAAM,qCAAqC,CAAC;AAC/E,OAAO,EAAE,mCAAmC,IAAI,GAAG,EAAE,MAAM,iEAAiE,CAAC;AAC7H,OAAO,EAAE,4BAA4B,IAAI,GAAG,EAAE,MAAM,0DAA0D,CAAC;AAC/G,OAAO,EAAE,8BAA8B,IAAI,GAAG,EAAE,MAAM,4DAA4D,CAAC;AACnH,OAAO,EAAE,wBAAwB,IAAI,GAAG,EAAE,MAAM,qDAAqD,CAAC;AACtG,OAAO,EAAE,6BAA6B,IAAI,GAAG,EAAE,MAAM,2DAA2D,CAAC;AACjH,OAAO,EAAE,wBAAwB,IAAI,GAAG,EAAE,MAAM,qDAAqD,CAAC","sourcesContent":["export * from './lib/modules/character-counter/character-counter.module';\n\nexport * from './lib/modules/checkbox/checkbox-change';\nexport * from './lib/modules/checkbox/checkbox.module';\n\nexport * from './lib/modules/file-attachment/types/file-attachment-change';\nexport * from './lib/modules/file-attachment/types/file-attachment-click';\nexport * from './lib/modules/file-attachment/types/file-drop-change';\nexport * from './lib/modules/file-attachment/file-attachments.module';\nexport * from './lib/modules/file-attachment/file-item';\nexport * from './lib/modules/file-attachment/file-item-error-type';\nexport * from './lib/modules/file-attachment/file-link';\nexport * from './lib/modules/file-attachment/file-size.pipe';\n\nexport * from './lib/modules/input-box/input-box.module';\nexport * from './lib/modules/input-box/input-box-host.service';\nexport * from './lib/modules/input-box/input-box-populate-args';\n\nexport * from './lib/modules/radio/types/radio-change';\nexport * from './lib/modules/radio/radio.module';\n\nexport * from './lib/modules/selection-box/types/selection-box-grid-align-items';\nexport * from './lib/modules/selection-box/types/selection-box-grid-align-items-type';\nexport * from './lib/modules/selection-box/selection-box.module';\n\nexport * from './lib/modules/toggle-switch/types/toggle-switch-change';\nexport * from './lib/modules/toggle-switch/toggle-switch.module';\n\n// Components and directives must be exported to support Angular's \"partial\" Ivy compiler.\n// Obscure names are used to indicate types are not part of the public API.\n\nexport { SkyCharacterCounterIndicatorComponent as λ1 } from './lib/modules/character-counter/character-counter-indicator.component';\nexport { SkyCharacterCounterInputDirective as λ2 } from './lib/modules/character-counter/character-counter.directive';\nexport { SkyCheckboxComponent as λ3 } from './lib/modules/checkbox/checkbox.component';\nexport { SkyCheckboxLabelComponent as λ4 } from './lib/modules/checkbox/checkbox-label.component';\nexport { SkyCheckboxRequiredValidatorDirective as λ5 } from './lib/modules/checkbox/checkbox-required-validator.directive';\nexport { SkyFileAttachmentLabelComponent as λ6 } from './lib/modules/file-attachment/file-attachment-label.component';\nexport { SkyFileAttachmentComponent as λ7 } from './lib/modules/file-attachment/file-attachment.component';\nexport { SkyFileDropComponent as λ8 } from './lib/modules/file-attachment/file-drop.component';\nexport { SkyFileItemComponent as λ9 } from './lib/modules/file-attachment/file-item.component';\nexport { SkyInputBoxComponent as λ10 } from './lib/modules/input-box/input-box.component';\nexport { SkyRadioGroupComponent as λ11 } from './lib/modules/radio/radio-group.component';\nexport { SkyRadioLabelComponent as λ12 } from './lib/modules/radio/radio-label.component';\nexport { SkyRadioComponent as λ13 } from './lib/modules/radio/radio.component';\nexport { SkySelectionBoxDescriptionComponent as λ14 } from './lib/modules/selection-box/selection-box-description.component';\nexport { SkySelectionBoxGridComponent as λ15 } from './lib/modules/selection-box/selection-box-grid.component';\nexport { SkySelectionBoxHeaderComponent as λ16 } from './lib/modules/selection-box/selection-box-header.component';\nexport { SkySelectionBoxComponent as λ17 } from './lib/modules/selection-box/selection-box.component';\nexport { SkyToggleSwitchLabelComponent as λ18 } from './lib/modules/toggle-switch/toggle-switch-label.component';\nexport { SkyToggleSwitchComponent as λ19 } from './lib/modules/toggle-switch/toggle-switch.component';\n"]}

package/esm2015/lib/modules/character-counter/character-counter-indicator.component.js

@@ -1,37 +0,0 @@
-import { ChangeDetectionStrategy, ChangeDetectorRef, Component, } from '@angular/core';
-import * as i0 from "@angular/core";
-import * as i1 from "@angular/common";
-import * as i2 from "@skyux/i18n";
-export class SkyCharacterCounterIndicatorComponent {
-    constructor(changeDetector) {
-        this.changeDetector = changeDetector;
-        this.currentCharacterCountLimit = 0;
-        this.currentCharacterCount = 0;
-    }
-    get characterCount() {
-        return this.currentCharacterCount;
-    }
-    set characterCount(count) {
-        this.currentCharacterCount = count;
-        this.changeDetector.markForCheck();
-    }
-    get characterCountLimit() {
-        return this.currentCharacterCountLimit;
-    }
-    set characterCountLimit(limit) {
-        this.currentCharacterCountLimit = limit;
-        this.changeDetector.markForCheck();
-    }
-}
-SkyCharacterCounterIndicatorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyCharacterCounterIndicatorComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-SkyCharacterCounterIndicatorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyCharacterCounterIndicatorComponent, selector: "sky-character-counter-indicator", ngImport: i0, template: "<span\n  class=\"sky-character-count-label sky-deemphasized\"\n  [ngClass]=\"{ 'sky-error-label': characterCount > characterCountLimit }\"\n>\n  {{ characterCount + '/' + characterCountLimit }}\n</span>\n<span aria-live=\"polite\" class=\"sky-screen-reader-only\">\n  {{ characterCount }} {{ 'skyux_character_count_message' | skyLibResources }}\n  {{ characterCountLimit }}.\n  {{\n    characterCount > characterCountLimit\n      ? ('skyux_character_count_over_limit' | skyLibResources)\n      : ''\n  }}\n</span>\n", styles: [":host{flex-shrink:.0001}.sky-character-count-label.sky-error-label{margin:0}.sky-character-count-label.sky-error-label:before{font-style:normal}.sky-screen-reader-only{width:0;height:0;padding:0;opacity:0;position:absolute;margin:-1px;border:0;overflow:hidden;clip:rect(0,0,0,0);outline:none;white-space:nowrap}\n"], directives: [{ type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], pipes: { "skyLibResources": i2.SkyLibResourcesPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyCharacterCounterIndicatorComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'sky-character-counter-indicator',
-                    templateUrl: './character-counter-indicator.component.html',
-                    styleUrls: ['./character-counter-indicator.component.scss'],
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; } });
-//# sourceMappingURL=character-counter-indicator.component.js.map

package/esm2015/lib/modules/character-counter/character-counter-indicator.component.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"character-counter-indicator.component.js","sourceRoot":"","sources":["../../../../../../../../libs/components/forms/src/lib/modules/character-counter/character-counter-indicator.component.ts","../../../../../../../../libs/components/forms/src/lib/modules/character-counter/character-counter-indicator.component.html"],"names":[],"mappings":"AAAA,OAAO,EACL,uBAAuB,EACvB,iBAAiB,EACjB,SAAS,GACV,MAAM,eAAe,CAAC;;;;AAQvB,MAAM,OAAO,qCAAqC;IAOhD,YAAoB,cAAiC;QAAjC,mBAAc,GAAd,cAAc,CAAmB;QAH7C,+BAA0B,GAAG,CAAC,CAAC;QAC/B,0BAAqB,GAAG,CAAC,CAAC;IAEsB,CAAC;IAEzD,IAAW,cAAc;QACvB,OAAO,IAAI,CAAC,qBAAqB,CAAC;IACpC,CAAC;IAED,IAAW,cAAc,CAAC,KAAa;QACrC,IAAI,CAAC,qBAAqB,GAAG,KAAK,CAAC;QACnC,IAAI,CAAC,cAAc,CAAC,YAAY,EAAE,CAAC;IACrC,CAAC;IAED,IAAW,mBAAmB;QAC5B,OAAO,IAAI,CAAC,0BAA0B,CAAC;IACzC,CAAC;IAED,IAAW,mBAAmB,CAAC,KAAa;QAC1C,IAAI,CAAC,0BAA0B,GAAG,KAAK,CAAC;QACxC,IAAI,CAAC,cAAc,CAAC,YAAY,EAAE,CAAC;IACrC,CAAC;;mIAzBU,qCAAqC;uHAArC,qCAAqC,uECZlD,qgBAeA;4FDHa,qCAAqC;kBANjD,SAAS;mBAAC;oBACT,QAAQ,EAAE,iCAAiC;oBAC3C,WAAW,EAAE,8CAA8C;oBAC3D,SAAS,EAAE,CAAC,8CAA8C,CAAC;oBAC3D,eAAe,EAAE,uBAAuB,CAAC,MAAM;iBAChD","sourcesContent":["import {\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  Component,\n} from '@angular/core';\n\n@Component({\n  selector: 'sky-character-counter-indicator',\n  templateUrl: './character-counter-indicator.component.html',\n  styleUrls: ['./character-counter-indicator.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class SkyCharacterCounterIndicatorComponent {\n  public characterCountMessage: string;\n  public overLimitMessage: string;\n\n  private currentCharacterCountLimit = 0;\n  private currentCharacterCount = 0;\n\n  constructor(private changeDetector: ChangeDetectorRef) {}\n\n  public get characterCount(): number {\n    return this.currentCharacterCount;\n  }\n\n  public set characterCount(count: number) {\n    this.currentCharacterCount = count;\n    this.changeDetector.markForCheck();\n  }\n\n  public get characterCountLimit(): number {\n    return this.currentCharacterCountLimit;\n  }\n\n  public set characterCountLimit(limit: number) {\n    this.currentCharacterCountLimit = limit;\n    this.changeDetector.markForCheck();\n  }\n}\n","<span\n  class=\"sky-character-count-label sky-deemphasized\"\n  [ngClass]=\"{ 'sky-error-label': characterCount > characterCountLimit }\"\n>\n  {{ characterCount + '/' + characterCountLimit }}\n</span>\n<span aria-live=\"polite\" class=\"sky-screen-reader-only\">\n  {{ characterCount }} {{ 'skyux_character_count_message' | skyLibResources }}\n  {{ characterCountLimit }}.\n  {{\n    characterCount > characterCountLimit\n      ? ('skyux_character_count_over_limit' | skyLibResources)\n      : ''\n  }}\n</span>\n"]}

package/esm2015/lib/modules/character-counter/character-counter.directive.js

@@ -1,84 +0,0 @@
-import { Directive, Input } from '@angular/core';
-import { NG_VALIDATORS, } from '@angular/forms';
-import { SkyCharacterCounterIndicatorComponent } from './character-counter-indicator.component';
-import * as i0 from "@angular/core";
-/**
- * Creates an input field that validates the number of characters. Place this directive on
- * an `input` or `textarea` element. If users enter more characters than allowed, then the
- * input field is invalid and the component displays an error indicator.
- * @required
- */
-export class SkyCharacterCounterInputDirective {
-    constructor() {
-        // eslint-disable-next-line @typescript-eslint/no-empty-function
-        this._validatorChange = () => { };
-    }
-    /**
-     * Specifies the maximum number of characters allowed in the input field. Place this directive
-     * on an `input` or `textarea` element. This property accepts `number` values.
-     * @required
-     */
-    set skyCharacterCounterLimit(value) {
-        this._skyCharacterCounterLimit = value;
-        this.updateIndicatorLimit(this.skyCharacterCounterLimit);
-        this._validatorChange();
-    }
-    get skyCharacterCounterLimit() {
-        return this._skyCharacterCounterLimit || 0;
-    }
-    validate(control) {
-        const value = control.value;
-        this.updateIndicatorCount((value && value.length) || 0);
-        if (!value) {
-            return;
-        }
-        if (value.length > this.skyCharacterCounterLimit) {
-            // This is needed to apply the appropriate error styles to the input.
-            control.markAsTouched();
-            return {
-                skyCharacterCounter: {
-                    invalid: value,
-                },
-            };
-        }
-    }
-    registerOnValidatorChange(fn) {
-        this._validatorChange = fn;
-    }
-    updateIndicatorCount(count) {
-        if (this.skyCharacterCounterIndicator) {
-            this.skyCharacterCounterIndicator.characterCount = count;
-        }
-    }
-    updateIndicatorLimit(limit) {
-        if (this.skyCharacterCounterIndicator) {
-            this.skyCharacterCounterIndicator.characterCountLimit = limit;
-        }
-    }
-}
-SkyCharacterCounterInputDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyCharacterCounterInputDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-SkyCharacterCounterInputDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: SkyCharacterCounterInputDirective, selector: "[skyCharacterCounter]", inputs: { skyCharacterCounterIndicator: "skyCharacterCounterIndicator", skyCharacterCounterLimit: "skyCharacterCounterLimit" }, providers: [
-        {
-            provide: NG_VALIDATORS,
-            useExisting: SkyCharacterCounterInputDirective,
-            multi: true,
-        },
-    ], ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyCharacterCounterInputDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[skyCharacterCounter]',
-                    providers: [
-                        {
-                            provide: NG_VALIDATORS,
-                            useExisting: SkyCharacterCounterInputDirective,
-                            multi: true,
-                        },
-                    ],
-                }]
-        }], propDecorators: { skyCharacterCounterIndicator: [{
-                type: Input
-            }], skyCharacterCounterLimit: [{
-                type: Input
-            }] } });
-//# sourceMappingURL=character-counter.directive.js.map

package/esm2015/lib/modules/character-counter/character-counter.directive.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"character-counter.directive.js","sourceRoot":"","sources":["../../../../../../../../libs/components/forms/src/lib/modules/character-counter/character-counter.directive.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACjD,OAAO,EAEL,aAAa,GAGd,MAAM,gBAAgB,CAAC;AAExB,OAAO,EAAE,qCAAqC,EAAE,MAAM,yCAAyC,CAAC;;AAEhG;;;;;GAKG;AAWH,MAAM,OAAO,iCAAiC;IAV9C;QA0EE,gEAAgE;QACxD,qBAAgB,GAAG,GAAG,EAAE,GAAE,CAAC,CAAC;KACrC;IAzDC;;;;OAIG;IACH,IACW,wBAAwB,CAAC,KAAa;QAC/C,IAAI,CAAC,yBAAyB,GAAG,KAAK,CAAC;QACvC,IAAI,CAAC,oBAAoB,CAAC,IAAI,CAAC,wBAAwB,CAAC,CAAC;QACzD,IAAI,CAAC,gBAAgB,EAAE,CAAC;IAC1B,CAAC;IAED,IAAW,wBAAwB;QACjC,OAAO,IAAI,CAAC,yBAAyB,IAAI,CAAC,CAAC;IAC7C,CAAC;IAIM,QAAQ,CAAC,OAAwB;QACtC,MAAM,KAAK,GAAG,OAAO,CAAC,KAAK,CAAC;QAE5B,IAAI,CAAC,oBAAoB,CAAC,CAAC,KAAK,IAAI,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC;QAExD,IAAI,CAAC,KAAK,EAAE;YACV,OAAO;SACR;QAED,IAAI,KAAK,CAAC,MAAM,GAAG,IAAI,CAAC,wBAAwB,EAAE;YAChD,qEAAqE;YACrE,OAAO,CAAC,aAAa,EAAE,CAAC;YAExB,OAAO;gBACL,mBAAmB,EAAE;oBACnB,OAAO,EAAE,KAAK;iBACf;aACF,CAAC;SACH;IACH,CAAC;IAEM,yBAAyB,CAAC,EAAc;QAC7C,IAAI,CAAC,gBAAgB,GAAG,EAAE,CAAC;IAC7B,CAAC;IAEO,oBAAoB,CAAC,KAAa;QACxC,IAAI,IAAI,CAAC,4BAA4B,EAAE;YACrC,IAAI,CAAC,4BAA4B,CAAC,cAAc,GAAG,KAAK,CAAC;SAC1D;IACH,CAAC;IAEO,oBAAoB,CAAC,KAAa;QACxC,IAAI,IAAI,CAAC,4BAA4B,EAAE;YACrC,IAAI,CAAC,4BAA4B,CAAC,mBAAmB,GAAG,KAAK,CAAC;SAC/D;IACH,CAAC;;+HA9DU,iCAAiC;mHAAjC,iCAAiC,gLARjC;QACT;YACE,OAAO,EAAE,aAAa;YACtB,WAAW,EAAE,iCAAiC;YAC9C,KAAK,EAAE,IAAI;SACZ;KACF;4FAEU,iCAAiC;kBAV7C,SAAS;mBAAC;oBACT,QAAQ,EAAE,uBAAuB;oBACjC,SAAS,EAAE;wBACT;4BACE,OAAO,EAAE,aAAa;4BACtB,WAAW,mCAAmC;4BAC9C,KAAK,EAAE,IAAI;yBACZ;qBACF;iBACF;8BAQQ,4BAA4B;sBADlC,KAAK;gBASK,wBAAwB;sBADlC,KAAK","sourcesContent":["import { Directive, Input } from '@angular/core';\nimport {\n  AbstractControl,\n  NG_VALIDATORS,\n  ValidationErrors,\n  Validator,\n} from '@angular/forms';\n\nimport { SkyCharacterCounterIndicatorComponent } from './character-counter-indicator.component';\n\n/**\n * Creates an input field that validates the number of characters. Place this directive on\n * an `input` or `textarea` element. If users enter more characters than allowed, then the\n * input field is invalid and the component displays an error indicator.\n * @required\n */\n@Directive({\n  selector: '[skyCharacterCounter]',\n  providers: [\n    {\n      provide: NG_VALIDATORS,\n      useExisting: SkyCharacterCounterInputDirective,\n      multi: true,\n    },\n  ],\n})\nexport class SkyCharacterCounterInputDirective implements Validator {\n  /**\n   * Specifies the character count indicator component that displays the character count,\n   * character limit, and over-the-limit indicator. Place this directive on an `input` or\n   * `textarea` element.\n   */\n  @Input()\n  public skyCharacterCounterIndicator: SkyCharacterCounterIndicatorComponent;\n\n  /**\n   * Specifies the maximum number of characters allowed in the input field. Place this directive\n   * on an `input` or `textarea` element. This property accepts `number` values.\n   * @required\n   */\n  @Input()\n  public set skyCharacterCounterLimit(value: number) {\n    this._skyCharacterCounterLimit = value;\n    this.updateIndicatorLimit(this.skyCharacterCounterLimit);\n    this._validatorChange();\n  }\n\n  public get skyCharacterCounterLimit(): number {\n    return this._skyCharacterCounterLimit || 0;\n  }\n\n  private _skyCharacterCounterLimit: number;\n\n  public validate(control: AbstractControl): ValidationErrors {\n    const value = control.value;\n\n    this.updateIndicatorCount((value && value.length) || 0);\n\n    if (!value) {\n      return;\n    }\n\n    if (value.length > this.skyCharacterCounterLimit) {\n      // This is needed to apply the appropriate error styles to the input.\n      control.markAsTouched();\n\n      return {\n        skyCharacterCounter: {\n          invalid: value,\n        },\n      };\n    }\n  }\n\n  public registerOnValidatorChange(fn: () => void): void {\n    this._validatorChange = fn;\n  }\n\n  private updateIndicatorCount(count: number): void {\n    if (this.skyCharacterCounterIndicator) {\n      this.skyCharacterCounterIndicator.characterCount = count;\n    }\n  }\n\n  private updateIndicatorLimit(limit: number): void {\n    if (this.skyCharacterCounterIndicator) {\n      this.skyCharacterCounterIndicator.characterCountLimit = limit;\n    }\n  }\n\n  // eslint-disable-next-line @typescript-eslint/no-empty-function\n  private _validatorChange = () => {};\n}\n"]}

package/esm2015/lib/modules/character-counter/character-counter.module.js

@@ -1,46 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { FormsModule, ReactiveFormsModule } from '@angular/forms';
-import { SkyI18nModule } from '@skyux/i18n';
-import { SkyFormsResourcesModule } from '../shared/sky-forms-resources.module';
-import { SkyCharacterCounterIndicatorComponent } from './character-counter-indicator.component';
-import { SkyCharacterCounterInputDirective } from './character-counter.directive';
-import * as i0 from "@angular/core";
-export class SkyCharacterCounterModule {
-}
-SkyCharacterCounterModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyCharacterCounterModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-SkyCharacterCounterModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyCharacterCounterModule, declarations: [SkyCharacterCounterInputDirective,
-        SkyCharacterCounterIndicatorComponent], imports: [CommonModule,
-        FormsModule,
-        ReactiveFormsModule,
-        SkyFormsResourcesModule,
-        SkyI18nModule], exports: [SkyCharacterCounterInputDirective,
-        SkyCharacterCounterIndicatorComponent] });
-SkyCharacterCounterModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyCharacterCounterModule, imports: [[
-            CommonModule,
-            FormsModule,
-            ReactiveFormsModule,
-            SkyFormsResourcesModule,
-            SkyI18nModule,
-        ]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyCharacterCounterModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [
-                        SkyCharacterCounterInputDirective,
-                        SkyCharacterCounterIndicatorComponent,
-                    ],
-                    imports: [
-                        CommonModule,
-                        FormsModule,
-                        ReactiveFormsModule,
-                        SkyFormsResourcesModule,
-                        SkyI18nModule,
-                    ],
-                    exports: [
-                        SkyCharacterCounterInputDirective,
-                        SkyCharacterCounterIndicatorComponent,
-                    ],
-                }]
-        }] });
-//# sourceMappingURL=character-counter.module.js.map

package/esm2015/lib/modules/character-counter/character-counter.module.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"character-counter.module.js","sourceRoot":"","sources":["../../../../../../../../libs/components/forms/src/lib/modules/character-counter/character-counter.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,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAClE,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAE5C,OAAO,EAAE,uBAAuB,EAAE,MAAM,sCAAsC,CAAC;AAE/E,OAAO,EAAE,qCAAqC,EAAE,MAAM,yCAAyC,CAAC;AAChG,OAAO,EAAE,iCAAiC,EAAE,MAAM,+BAA+B,CAAC;;AAmBlF,MAAM,OAAO,yBAAyB;;uHAAzB,yBAAyB;wHAAzB,yBAAyB,iBAflC,iCAAiC;QACjC,qCAAqC,aAGrC,YAAY;QACZ,WAAW;QACX,mBAAmB;QACnB,uBAAuB;QACvB,aAAa,aAGb,iCAAiC;QACjC,qCAAqC;wHAG5B,yBAAyB,YAZ3B;YACP,YAAY;YACZ,WAAW;YACX,mBAAmB;YACnB,uBAAuB;YACvB,aAAa;SACd;4FAMU,yBAAyB;kBAjBrC,QAAQ;mBAAC;oBACR,YAAY,EAAE;wBACZ,iCAAiC;wBACjC,qCAAqC;qBACtC;oBACD,OAAO,EAAE;wBACP,YAAY;wBACZ,WAAW;wBACX,mBAAmB;wBACnB,uBAAuB;wBACvB,aAAa;qBACd;oBACD,OAAO,EAAE;wBACP,iCAAiC;wBACjC,qCAAqC;qBACtC;iBACF","sourcesContent":["import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\nimport { SkyI18nModule } from '@skyux/i18n';\n\nimport { SkyFormsResourcesModule } from '../shared/sky-forms-resources.module';\n\nimport { SkyCharacterCounterIndicatorComponent } from './character-counter-indicator.component';\nimport { SkyCharacterCounterInputDirective } from './character-counter.directive';\n\n@NgModule({\n  declarations: [\n    SkyCharacterCounterInputDirective,\n    SkyCharacterCounterIndicatorComponent,\n  ],\n  imports: [\n    CommonModule,\n    FormsModule,\n    ReactiveFormsModule,\n    SkyFormsResourcesModule,\n    SkyI18nModule,\n  ],\n  exports: [\n    SkyCharacterCounterInputDirective,\n    SkyCharacterCounterIndicatorComponent,\n  ],\n})\nexport class SkyCharacterCounterModule {}\n"]}

package/esm2015/lib/modules/checkbox/checkbox-change.js

@@ -1,6 +0,0 @@
-/**
- * Fires when users select or deselect the checkbox.
- */
-export class SkyCheckboxChange {
-}
-//# sourceMappingURL=checkbox-change.js.map

package/esm2015/lib/modules/checkbox/checkbox-change.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"checkbox-change.js","sourceRoot":"","sources":["../../../../../../../../libs/components/forms/src/lib/modules/checkbox/checkbox-change.ts"],"names":[],"mappings":"AAEA;;GAEG;AACH,MAAM,OAAO,iBAAiB;CAG7B","sourcesContent":["import { SkyCheckboxComponent } from './checkbox.component';\n\n/**\n * Fires when users select or deselect the checkbox.\n */\nexport class SkyCheckboxChange {\n  public source: SkyCheckboxComponent;\n  public checked: boolean;\n}\n"]}

package/esm2015/lib/modules/checkbox/checkbox-label.component.js

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

package/esm2015/lib/modules/checkbox/checkbox-label.component.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"checkbox-label.component.js","sourceRoot":"","sources":["../../../../../../../../libs/components/forms/src/lib/modules/checkbox/checkbox-label.component.ts","../../../../../../../../libs/components/forms/src/lib/modules/checkbox/checkbox-label.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;;AAE1C;;GAEG;AAKH,MAAM,OAAO,yBAAyB;;uHAAzB,yBAAyB;2GAAzB,yBAAyB,0DCTtC,2EAGA;4FDMa,yBAAyB;kBAJrC,SAAS;mBAAC;oBACT,QAAQ,EAAE,oBAAoB;oBAC9B,WAAW,EAAE,iCAAiC;iBAC/C","sourcesContent":["import { Component } from '@angular/core';\n\n/**\n * Specifies a label for the checkbox.\n */\n@Component({\n  selector: 'sky-checkbox-label',\n  templateUrl: './checkbox-label.component.html',\n})\nexport class SkyCheckboxLabelComponent {}\n","<span class=\"sky-switch-label\">\n  <ng-content></ng-content>\n</span>\n"]}

package/esm2015/lib/modules/checkbox/checkbox-required-validator.directive.js

@@ -1,32 +0,0 @@
-import { Directive, forwardRef } from '@angular/core';
-import { CheckboxRequiredValidator, NG_VALIDATORS } from '@angular/forms';
-import * as i0 from "@angular/core";
-// tslint:disable:no-forward-ref
-export const SKY_CHECKBOX_REQUIRED_VALIDATOR = {
-    provide: NG_VALIDATORS,
-    useExisting: forwardRef(() => SkyCheckboxRequiredValidatorDirective),
-    multi: true,
-};
-// tslint:enable
-/**
- * Validator support for the `required` input on `sky-checkbox`.
- * Angular's `CheckboxRequiredValidator` only works with `input type=checkbox`. This directive
- * extends the angular validator to work with `sky-checkbox` tags.
- * This is based on Angular Material's similar implementation:
- * https://github.com/angular/components/blob/a415b52ead2ec202ba37edb7d7866b29dd790394/src/material/checkbox/checkbox-required-validator.ts
- * @internal
- */
-export class SkyCheckboxRequiredValidatorDirective extends CheckboxRequiredValidator {
-}
-SkyCheckboxRequiredValidatorDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyCheckboxRequiredValidatorDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
-SkyCheckboxRequiredValidatorDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: SkyCheckboxRequiredValidatorDirective, selector: "sky-checkbox[required][formControlName],\n             sky-checkbox[required][formControl], sky-checkbox[required][ngModel]", providers: [SKY_CHECKBOX_REQUIRED_VALIDATOR], usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyCheckboxRequiredValidatorDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    // eslint-disable-next-line @angular-eslint/directive-selector
-                    selector: `sky-checkbox[required][formControlName],
-             sky-checkbox[required][formControl], sky-checkbox[required][ngModel]`,
-                    providers: [SKY_CHECKBOX_REQUIRED_VALIDATOR],
-                }]
-        }] });
-//# sourceMappingURL=checkbox-required-validator.directive.js.map

package/esm2015/lib/modules/checkbox/checkbox-required-validator.directive.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"checkbox-required-validator.directive.js","sourceRoot":"","sources":["../../../../../../../../libs/components/forms/src/lib/modules/checkbox/checkbox-required-validator.directive.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAY,UAAU,EAAE,MAAM,eAAe,CAAC;AAChE,OAAO,EAAE,yBAAyB,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;;AAE1E,gCAAgC;AAChC,MAAM,CAAC,MAAM,+BAA+B,GAAa;IACvD,OAAO,EAAE,aAAa;IACtB,WAAW,EAAE,UAAU,CAAC,GAAG,EAAE,CAAC,qCAAqC,CAAC;IACpE,KAAK,EAAE,IAAI;CACZ,CAAC;AACF,gBAAgB;AAEhB;;;;;;;GAOG;AAOH,MAAM,OAAO,qCAAsC,SAAQ,yBAAyB;;mIAAvE,qCAAqC;uHAArC,qCAAqC,sJAFrC,CAAC,+BAA+B,CAAC;4FAEjC,qCAAqC;kBANjD,SAAS;mBAAC;oBACT,8DAA8D;oBAC9D,QAAQ,EAAE;kFACsE;oBAChF,SAAS,EAAE,CAAC,+BAA+B,CAAC;iBAC7C","sourcesContent":["import { Directive, Provider, forwardRef } from '@angular/core';\nimport { CheckboxRequiredValidator, NG_VALIDATORS } from '@angular/forms';\n\n// tslint:disable:no-forward-ref\nexport const SKY_CHECKBOX_REQUIRED_VALIDATOR: Provider = {\n  provide: NG_VALIDATORS,\n  useExisting: forwardRef(() => SkyCheckboxRequiredValidatorDirective),\n  multi: true,\n};\n// tslint:enable\n\n/**\n * Validator support for the `required` input on `sky-checkbox`.\n * Angular's `CheckboxRequiredValidator` only works with `input type=checkbox`. This directive\n * extends the angular validator to work with `sky-checkbox` tags.\n * This is based on Angular Material's similar implementation:\n * https://github.com/angular/components/blob/a415b52ead2ec202ba37edb7d7866b29dd790394/src/material/checkbox/checkbox-required-validator.ts\n * @internal\n */\n@Directive({\n  // eslint-disable-next-line @angular-eslint/directive-selector\n  selector: `sky-checkbox[required][formControlName],\n             sky-checkbox[required][formControl], sky-checkbox[required][ngModel]`,\n  providers: [SKY_CHECKBOX_REQUIRED_VALIDATOR],\n})\nexport class SkyCheckboxRequiredValidatorDirective extends CheckboxRequiredValidator {}\n"]}

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

@@ -1,241 +0,0 @@
-import { Component, EventEmitter, Input, Optional, Output, Self, } from '@angular/core';
-import { NgControl } from '@angular/forms';
-import { BehaviorSubject, Observable } from 'rxjs';
-import { SkyFormsUtility } from '../shared/forms-utility';
-import { SkyCheckboxChange } from './checkbox-change';
-import * as i0 from "@angular/core";
-import * as i1 from "@angular/forms";
-import * as i2 from "@skyux/indicators";
-import * as i3 from "@angular/common";
-/**
- * Monotonically increasing integer used to auto-generate unique ids for checkbox components.
- */
-let nextId = 0;
-/**
- * Replaces the HTML input element with `type="checkbox"`. When users select a checkbox, its value
- * is driven through an `ngModel` attribute that you specify on the `sky-checkbox` element.
- */
-export class SkyCheckboxComponent {
-    constructor(ngControl) {
-        this.ngControl = ngControl;
-        /**
-         * Specifies an ID for the checkbox.
-         * @default a unique, auto-incrementing integer. For example: `sky-checkbox-1`
-         */
-        this.id = `sky-checkbox-${++nextId}`;
-        /**
-         * Specifies an index for the checkbox. If not defined, the index is set to the position of the
-         * checkbox on load.
-         */
-        this.tabindex = 0;
-        /**
-         * Specifies a name for a group of checkboxes.
-         * @default a unique, auto-incrementing integer. For example: `sky-checkbox-1`
-         */
-        this.name = `sky-checkbox-${++nextId}`;
-        /**
-         * Fires when the selected value changes.
-         */
-        this.change = new EventEmitter();
-        this.isFirstChange = true;
-        this._checked = false;
-        this._checkedChange = new BehaviorSubject(this._checked);
-        this._disabled = false;
-        this._disabledChange = new BehaviorSubject(this._disabled);
-        this._required = false;
-        /** Called when the checkbox is blurred. Needed to properly implement ControlValueAccessor. */
-        // eslint-disable-next-line @typescript-eslint/no-empty-function
-        this.onTouched = () => { };
-        // eslint-disable-next-line @typescript-eslint/no-empty-function
-        this._controlValueAccessorChangeFn = (value) => { };
-        if (this.ngControl) {
-            this.ngControl.valueAccessor = this;
-        }
-    }
-    /**
-     * Indicates whether to disable the checkbox.
-     * @default false
-     */
-    set disabled(value) {
-        const coercedValue = SkyFormsUtility.coerceBooleanProperty(value);
-        if (coercedValue !== this.disabled) {
-            this._disabled = coercedValue;
-            this._disabledChange.next(this._disabled);
-        }
-    }
-    /**
-     * Indicates whether the checkbox is disabled.
-     */
-    get disabled() {
-        return this._disabled;
-    }
-    /**
-     * Specifies a type to set the background color after users select a checkbox where the
-     * `icon` property displays an icon in place of the checkbox. The valid options correspond to
-     * [the label component's](https://developer.blackbaud.com/skyux/components/label)
-     * label types. `"info"` creates a blue background, `"success"` creates a green
-     * background, `"warning"` creates an orange background, and `"danger"` creates a red background.
-     * @default "info"
-     */
-    set checkboxType(value) {
-        if (value) {
-            this._checkboxType = value.toLowerCase();
-        }
-    }
-    get checkboxType() {
-        return this._checkboxType || 'info';
-    }
-    get inputId() {
-        return `input-${this.id}`;
-    }
-    /**
-     * Indicates whether the checkbox is selected.
-     * @default false
-     */
-    set checked(checked) {
-        if (checked !== this.checked) {
-            this._checked = checked;
-            this._controlValueAccessorChangeFn(checked);
-            this._checkedChange.next(this._checked);
-            // Do not mark the field as "dirty"
-            // if the field has been initialized with a value.
-            if (this.isFirstChange && this.ngControl && this.ngControl.control) {
-                this.ngControl.control.markAsPristine();
-                this.isFirstChange = false;
-            }
-        }
-    }
-    /**
-     * Indicates whether the checkbox is selected.
-     */
-    get checked() {
-        return this._checked;
-    }
-    /**
-     * 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
-     * is complete.
-     * @default false
-     */
-    set required(value) {
-        this._required = SkyFormsUtility.coerceBooleanProperty(value);
-    }
-    get required() {
-        return this._required;
-    }
-    /**
-     * Fires when users select or deselect the checkbox.
-     */
-    get checkedChange() {
-        return this._checkedChange;
-    }
-    /**
-     * Fires when the selected value changes.
-     */
-    get disabledChange() {
-        return this._disabledChange;
-    }
-    ngOnInit() {
-        if (this.ngControl) {
-            // Backwards compatibility support for anyone still using Validators.Required.
-            this.required =
-                this.required || SkyFormsUtility.hasRequiredValidation(this.ngControl);
-        }
-    }
-    /**
-     * Implemented as part of ControlValueAccessor.
-     */
-    writeValue(value) {
-        this.checked = !!value;
-    }
-    /**
-     * Implemented as part of ControlValueAccessor.
-     */
-    registerOnChange(fn) {
-        this._controlValueAccessorChangeFn = fn;
-    }
-    /**
-     * Implemented as part of ControlValueAccessor.
-     */
-    registerOnTouched(fn) {
-        this.onTouched = fn;
-    }
-    /**
-     * Implemented as part of ControlValueAccessor.
-     */
-    setDisabledState(isDisabled) {
-        this.disabled = isDisabled;
-    }
-    /**
-     * Event handler for checkbox input element.
-     * Toggles checked state if element is not disabled.
-     */
-    onInteractionEvent(event) {
-        // We always have to stop propagation on the change event.
-        // Otherwise the change event, from the input element, will bubble up and
-        // emit its event object to the `change` output.
-        event.stopPropagation();
-        if (!this.disabled) {
-            this._toggle();
-            this._emitChangeEvent();
-        }
-    }
-    onInputBlur() {
-        this.onTouched();
-    }
-    _emitChangeEvent() {
-        const event = new SkyCheckboxChange();
-        event.source = this;
-        event.checked = this._checked;
-        this._controlValueAccessorChangeFn(this._checked);
-        this.change.emit(event);
-    }
-    /**
-     * Toggles the `checked` value between true and false
-     */
-    _toggle() {
-        this.checked = !this.checked;
-    }
-}
-SkyCheckboxComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyCheckboxComponent, deps: [{ token: i1.NgControl, optional: true, self: true }], target: i0.ɵɵFactoryTarget.Component });
-SkyCheckboxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyCheckboxComponent, selector: "sky-checkbox", inputs: { label: "label", labelledBy: "labelledBy", id: "id", disabled: "disabled", tabindex: "tabindex", name: "name", icon: "icon", checkboxType: "checkboxType", checked: "checked", required: "required" }, outputs: { change: "change", checkedChange: "checkedChange", disabledChange: "disabledChange" }, ngImport: i0, template: "<label\n  class=\"sky-checkbox-wrapper sky-switch\"\n  [ngClass]=\"{\n    'sky-control-label-required': required,\n    'sky-switch-disabled': disabled\n  }\"\n>\n  <input\n    class=\"sky-checkbox-input sky-switch-input\"\n    type=\"checkbox\"\n    [id]=\"inputId\"\n    [checked]=\"checked\"\n    [disabled]=\"disabled\"\n    [name]=\"name\"\n    [required]=\"required\"\n    [tabIndex]=\"tabindex\"\n    [attr.aria-label]=\"label\"\n    [attr.aria-labelledby]=\"labelledBy\"\n    [attr.aria-required]=\"required ? true : null\"\n    (blur)=\"onInputBlur()\"\n    (change)=\"onInteractionEvent($event)\"\n  />\n  <span\n    class=\"sky-switch-control sky-rounded-corners\"\n    [ngClass]=\"{\n      'sky-switch-control-icon': icon,\n      'sky-switch-control-info': checkboxType === 'info',\n      'sky-switch-control-success': checkboxType === 'success',\n      'sky-switch-control-warning': checkboxType === 'warning',\n      'sky-switch-control-danger': checkboxType === 'danger'\n    }\"\n  >\n    <sky-icon\n      *ngIf=\"icon || checked\"\n      class=\"sky-checkbox-icon-default\"\n      fixedWidth=\"true\"\n      [icon]=\"icon || 'check'\"\n    >\n    </sky-icon>\n    <div class=\"sky-checkbox-icon-modern\">\n      <sky-icon\n        *ngIf=\"icon; else checkedTemplate\"\n        fixedWidth=\"true\"\n        [icon]=\"icon\"\n      >\n      </sky-icon>\n      <ng-template #checkedTemplate>\n        <sky-icon\n          *ngIf=\"checked\"\n          class=\"sky-checkbox-icon-modern-checked\"\n          fixedWidth=\"true\"\n          icon=\"check\"\n          iconType=\"skyux\"\n        >\n        </sky-icon>\n      </ng-template>\n    </div>\n  </span>\n  <ng-content select=\"sky-checkbox-label\"> </ng-content>\n</label>\n", styles: [".sky-checkbox-icon-modern{display:none}:host-context(.sky-theme-modern) .sky-checkbox-icon-default{display:none}:host-context(.sky-theme-modern) .sky-checkbox-icon-modern{display:inline}:host-context(.sky-theme-modern) .sky-checkbox-icon-modern-checked{color:#1870b8}:host-context(.sky-theme-modern) .sky-checkbox-input:disabled+.sky-switch-control .sky-checkbox-icon-modern-checked{color:#212327}:host-context(.sky-theme-modern) .sky-switch-control{border-radius:6px}.sky-theme-modern .sky-checkbox-icon-default{display:none}.sky-theme-modern .sky-checkbox-icon-modern{display:inline}.sky-theme-modern .sky-checkbox-icon-modern-checked{color:#1870b8}.sky-theme-modern .sky-checkbox-input:disabled+.sky-switch-control .sky-checkbox-icon-modern-checked{color:#212327}.sky-theme-modern .sky-switch-control{border-radius:6px}\n"], components: [{ type: i2.λ4, selector: "sky-icon", inputs: ["icon", "iconType", "size", "fixedWidth", "variant"] }], directives: [{ type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyCheckboxComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'sky-checkbox',
-                    templateUrl: './checkbox.component.html',
-                    styleUrls: ['./checkbox.component.scss'],
-                }]
-        }], ctorParameters: function () { return [{ type: i1.NgControl, decorators: [{
-                    type: Self
-                }, {
-                    type: Optional
-                }] }]; }, propDecorators: { label: [{
-                type: Input
-            }], labelledBy: [{
-                type: Input
-            }], id: [{
-                type: Input
-            }], disabled: [{
-                type: Input
-            }], tabindex: [{
-                type: Input
-            }], name: [{
-                type: Input
-            }], change: [{
-                type: Output
-            }], icon: [{
-                type: Input
-            }], checkboxType: [{
-                type: Input
-            }], checked: [{
-                type: Input
-            }], required: [{
-                type: Input
-            }], checkedChange: [{
-                type: Output
-            }], disabledChange: [{
-                type: Output
-            }] } });
-//# sourceMappingURL=checkbox.component.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"checkbox.component.js","sourceRoot":"","sources":["../../../../../../../../libs/components/forms/src/lib/modules/checkbox/checkbox.component.ts","../../../../../../../../libs/components/forms/src/lib/modules/checkbox/checkbox.component.html"],"names":[],"mappings":"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","sourcesContent":["import {\n  Component,\n  EventEmitter,\n  Input,\n  OnInit,\n  Optional,\n  Output,\n  Self,\n} from '@angular/core';\nimport { ControlValueAccessor, NgControl } from '@angular/forms';\n\nimport { BehaviorSubject, Observable } from 'rxjs';\n\nimport { SkyFormsUtility } from '../shared/forms-utility';\n\nimport { SkyCheckboxChange } from './checkbox-change';\n\n/**\n * Monotonically increasing integer used to auto-generate unique ids for checkbox components.\n */\nlet nextId = 0;\n\n/**\n * Replaces the HTML input element with `type=\"checkbox\"`. When users select a checkbox, its value\n * is driven through an `ngModel` attribute that you specify on the `sky-checkbox` element.\n */\n@Component({\n  selector: 'sky-checkbox',\n  templateUrl: './checkbox.component.html',\n  styleUrls: ['./checkbox.component.scss'],\n})\nexport class SkyCheckboxComponent implements ControlValueAccessor, OnInit {\n  /**\n   * Specifies an ARIA label for the checkbox. This sets the checkbox's `aria-label` attribute\n   * [to support accessibility](https://developer.blackbaud.com/skyux/components/checkbox#accessibility)\n   * when the checkbox does not include a visible label. You must set this property for icon\n   * checkboxes. If the checkbox 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 the\n   * checkbox. This sets the checkbox's `aria-labelledby` attribute\n   * [to support accessibility](https://developer.blackbaud.com/skyux/components/checkbox#accessibility).\n   * If the checkbox does not include a visible label, use `label` instead.\n   */\n  @Input()\n  public labelledBy: string;\n\n  /**\n   * Specifies an ID for the checkbox.\n   * @default a unique, auto-incrementing integer. For example: `sky-checkbox-1`\n   */\n  @Input()\n  public id = `sky-checkbox-${++nextId}`;\n\n  /**\n   * Indicates whether to disable the checkbox.\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    }\n  }\n\n  /**\n   * Indicates whether the checkbox is disabled.\n   */\n  public get disabled() {\n    return this._disabled;\n  }\n\n  /**\n   * Specifies an index for the checkbox. If not defined, the index is set to the position of the\n   * checkbox on load.\n   */\n  @Input()\n  public tabindex = 0;\n\n  /**\n   * Specifies a name for a group of checkboxes.\n   * @default a unique, auto-incrementing integer. For example: `sky-checkbox-1`\n   */\n  @Input()\n  public name = `sky-checkbox-${++nextId}`;\n\n  /**\n   * Fires when the selected value changes.\n   */\n  @Output()\n  // eslint-disable-next-line @angular-eslint/no-output-native\n  public change = new EventEmitter<SkyCheckboxChange>();\n\n  /**\n   * Specifies an icon to display in place of the checkbox. To group icon checkboxes\n   * like in the demo, place the `sky-switch-icon-group` class on the direct parent\n   * element of the checkboxes.\n   */\n  @Input()\n  public icon: string;\n\n  /**\n   * Specifies a type to set the background color after users select a checkbox where the\n   * `icon` property displays an icon in place of the checkbox. The valid options correspond to\n   * [the label component's](https://developer.blackbaud.com/skyux/components/label)\n   * label types. `\"info\"` creates a blue background, `\"success\"` creates a green\n   * background, `\"warning\"` creates an orange background, and `\"danger\"` creates a red background.\n   * @default \"info\"\n   */\n  @Input()\n  public set checkboxType(value: string) {\n    if (value) {\n      this._checkboxType = value.toLowerCase();\n    }\n  }\n\n  public get checkboxType(): string {\n    return this._checkboxType || 'info';\n  }\n\n  public get inputId(): string {\n    return `input-${this.id}`;\n  }\n\n  /**\n   * Indicates whether the checkbox 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._controlValueAccessorChangeFn(checked);\n      this._checkedChange.next(this._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.ngControl && this.ngControl.control) {\n        this.ngControl.control.markAsPristine();\n        this.isFirstChange = false;\n      }\n    }\n  }\n\n  /**\n   * Indicates whether the checkbox is selected.\n   */\n  public get checked() {\n    return this._checked;\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  set required(value: boolean) {\n    this._required = SkyFormsUtility.coerceBooleanProperty(value);\n  }\n\n  get required(): boolean {\n    return this._required;\n  }\n\n  /**\n   * Fires when users select or deselect the checkbox.\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  private isFirstChange = true;\n\n  private _checkboxType: string;\n\n  private _checked = false;\n\n  private _checkedChange = new BehaviorSubject<boolean>(this._checked);\n\n  private _disabled = false;\n\n  private _disabledChange = new BehaviorSubject<boolean>(this._disabled);\n\n  private _required = false;\n\n  constructor(@Self() @Optional() private ngControl: NgControl) {\n    if (this.ngControl) {\n      this.ngControl.valueAccessor = this;\n    }\n  }\n\n  public ngOnInit(): 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  }\n\n  /**\n   * Implemented as part of ControlValueAccessor.\n   */\n  public writeValue(value: any) {\n    this.checked = !!value;\n  }\n\n  /**\n   * Implemented as part of ControlValueAccessor.\n   */\n  public registerOnChange(fn: (value: any) => void) {\n    this._controlValueAccessorChangeFn = fn;\n  }\n\n  /**\n   * Implemented as part of ControlValueAccessor.\n   */\n  public registerOnTouched(fn: any) {\n    this.onTouched = fn;\n  }\n\n  /**\n   * Implemented as part of ControlValueAccessor.\n   */\n  public setDisabledState(isDisabled: boolean) {\n    this.disabled = isDisabled;\n  }\n\n  /**\n   * Event handler for checkbox input element.\n   * Toggles checked state if element is not disabled.\n   */\n  public onInteractionEvent(event: Event) {\n    // We always have to stop propagation on the change event.\n    // Otherwise the change event, from the input element, will bubble up and\n    // emit its event object to the `change` output.\n    event.stopPropagation();\n\n    if (!this.disabled) {\n      this._toggle();\n      this._emitChangeEvent();\n    }\n  }\n\n  public onInputBlur() {\n    this.onTouched();\n  }\n\n  /** Called when the checkbox is blurred. Needed to properly implement ControlValueAccessor. */\n  // eslint-disable-next-line @typescript-eslint/no-empty-function\n  public onTouched: () => any = () => {};\n\n  // eslint-disable-next-line @typescript-eslint/no-empty-function\n  private _controlValueAccessorChangeFn: (value: any) => void = (value) => {};\n\n  private _emitChangeEvent() {\n    const event = new SkyCheckboxChange();\n    event.source = this;\n    event.checked = this._checked;\n\n    this._controlValueAccessorChangeFn(this._checked);\n    this.change.emit(event);\n  }\n\n  /**\n   * Toggles the `checked` value between true and false\n   */\n  private _toggle() {\n    this.checked = !this.checked;\n  }\n}\n","<label\n  class=\"sky-checkbox-wrapper sky-switch\"\n  [ngClass]=\"{\n    'sky-control-label-required': required,\n    'sky-switch-disabled': disabled\n  }\"\n>\n  <input\n    class=\"sky-checkbox-input sky-switch-input\"\n    type=\"checkbox\"\n    [id]=\"inputId\"\n    [checked]=\"checked\"\n    [disabled]=\"disabled\"\n    [name]=\"name\"\n    [required]=\"required\"\n    [tabIndex]=\"tabindex\"\n    [attr.aria-label]=\"label\"\n    [attr.aria-labelledby]=\"labelledBy\"\n    [attr.aria-required]=\"required ? true : null\"\n    (blur)=\"onInputBlur()\"\n    (change)=\"onInteractionEvent($event)\"\n  />\n  <span\n    class=\"sky-switch-control sky-rounded-corners\"\n    [ngClass]=\"{\n      'sky-switch-control-icon': icon,\n      'sky-switch-control-info': checkboxType === 'info',\n      'sky-switch-control-success': checkboxType === 'success',\n      'sky-switch-control-warning': checkboxType === 'warning',\n      'sky-switch-control-danger': checkboxType === 'danger'\n    }\"\n  >\n    <sky-icon\n      *ngIf=\"icon || checked\"\n      class=\"sky-checkbox-icon-default\"\n      fixedWidth=\"true\"\n      [icon]=\"icon || 'check'\"\n    >\n    </sky-icon>\n    <div class=\"sky-checkbox-icon-modern\">\n      <sky-icon\n        *ngIf=\"icon; else checkedTemplate\"\n        fixedWidth=\"true\"\n        [icon]=\"icon\"\n      >\n      </sky-icon>\n      <ng-template #checkedTemplate>\n        <sky-icon\n          *ngIf=\"checked\"\n          class=\"sky-checkbox-icon-modern-checked\"\n          fixedWidth=\"true\"\n          icon=\"check\"\n          iconType=\"skyux\"\n        >\n        </sky-icon>\n      </ng-template>\n    </div>\n  </span>\n  <ng-content select=\"sky-checkbox-label\"> </ng-content>\n</label>\n"]}