@skyux/forms 5.6.2 → 6.0.0-beta.0

package/esm2015/lib/modules/file-attachment/types/file-attachment-click.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"file-attachment-click.js","sourceRoot":"","sources":["../../../../../../../../../libs/components/forms/src/lib/modules/file-attachment/types/file-attachment-click.ts"],"names":[],"mappings":"","sourcesContent":["import { SkyFileItem } from '../file-item';\n\nexport interface SkyFileAttachmentClick {\n  /**\n   * Specifies the file that was clicked.\n   */\n  file: SkyFileItem;\n}\n"]}

package/esm2015/lib/modules/file-attachment/types/file-drop-change.js

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=file-drop-change.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"file-drop-change.js","sourceRoot":"","sources":["../../../../../../../../../libs/components/forms/src/lib/modules/file-attachment/types/file-drop-change.ts"],"names":[],"mappings":"","sourcesContent":["import { SkyFileItem } from '../file-item';\n\nexport interface SkyFileDropChange {\n  /**\n   * Specifies an array of files that were added or removed.\n   */\n  files: Array<SkyFileItem>;\n  /**\n   * Specifies an array of files that were rejected.\n   */\n  rejectedFiles: Array<SkyFileItem>;\n}\n"]}

package/esm2015/lib/modules/input-box/input-box-adapter.service.js

@@ -1,35 +0,0 @@
-import { Injectable } from '@angular/core';
-import * as i0 from "@angular/core";
-/**
- * @internal
- */
-export class SkyInputBoxAdapterService {
-    focusControl(elRef) {
-        const control = elRef.nativeElement.querySelector('.sky-form-control');
-        /* istanbul ignore else */
-        if (control) {
-            control.focus();
-        }
-    }
-    /**
-     * Returns the inline help element.
-     */
-    getInlineHelpElement(elRef) {
-        return elRef.nativeElement.querySelector('.sky-control-help');
-    }
-    /**
-     * Returns true if the provided element contains the focused element.
-     */
-    isFocusInElement(el) {
-        if (el) {
-            return (el === document.activeElement || el.contains(document.activeElement));
-        }
-        return false;
-    }
-}
-SkyInputBoxAdapterService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyInputBoxAdapterService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-SkyInputBoxAdapterService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyInputBoxAdapterService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyInputBoxAdapterService, decorators: [{
-            type: Injectable
-        }] });
-//# sourceMappingURL=input-box-adapter.service.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"input-box-adapter.service.js","sourceRoot":"","sources":["../../../../../../../../libs/components/forms/src/lib/modules/input-box/input-box-adapter.service.ts"],"names":[],"mappings":"AAAA,OAAO,EAAc,UAAU,EAAE,MAAM,eAAe,CAAC;;AAEvD;;GAEG;AAEH,MAAM,OAAO,yBAAyB;IAC7B,YAAY,CAAC,KAAiB;QACnC,MAAM,OAAO,GAAG,KAAK,CAAC,aAAa,CAAC,aAAa,CAAC,mBAAmB,CAAC,CAAC;QACvE,0BAA0B;QAC1B,IAAI,OAAO,EAAE;YACX,OAAO,CAAC,KAAK,EAAE,CAAC;SACjB;IACH,CAAC;IAED;;OAEG;IACI,oBAAoB,CAAC,KAAiB;QAC3C,OAAO,KAAK,CAAC,aAAa,CAAC,aAAa,CAAC,mBAAmB,CAAC,CAAC;IAChE,CAAC;IAED;;OAEG;IACI,gBAAgB,CAAC,EAAe;QACrC,IAAI,EAAE,EAAE;YACN,OAAO,CACL,EAAE,KAAK,QAAQ,CAAC,aAAa,IAAI,EAAE,CAAC,QAAQ,CAAC,QAAQ,CAAC,aAAa,CAAC,CACrE,CAAC;SACH;QACD,OAAO,KAAK,CAAC;IACf,CAAC;;uHA1BU,yBAAyB;2HAAzB,yBAAyB;4FAAzB,yBAAyB;kBADrC,UAAU","sourcesContent":["import { ElementRef, Injectable } from '@angular/core';\n\n/**\n * @internal\n */\n@Injectable()\nexport class SkyInputBoxAdapterService {\n  public focusControl(elRef: ElementRef): void {\n    const control = elRef.nativeElement.querySelector('.sky-form-control');\n    /* istanbul ignore else */\n    if (control) {\n      control.focus();\n    }\n  }\n\n  /**\n   * Returns the inline help element.\n   */\n  public getInlineHelpElement(elRef: ElementRef): HTMLElement {\n    return elRef.nativeElement.querySelector('.sky-control-help');\n  }\n\n  /**\n   * Returns true if the provided element contains the focused element.\n   */\n  public isFocusInElement(el: HTMLElement): boolean {\n    if (el) {\n      return (\n        el === document.activeElement || el.contains(document.activeElement)\n      );\n    }\n    return false;\n  }\n}\n"]}

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

@@ -1,19 +0,0 @@
-import { Injectable } from '@angular/core';
-import * as i0 from "@angular/core";
-/**
- * @internal
- */
-export class SkyInputBoxHostService {
-    init(host) {
-        this.host = host;
-    }
-    populate(args) {
-        this.host.populate(args);
-    }
-}
-SkyInputBoxHostService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyInputBoxHostService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-SkyInputBoxHostService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyInputBoxHostService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyInputBoxHostService, decorators: [{
-            type: Injectable
-        }] });
-//# sourceMappingURL=input-box-host.service.js.map

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

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

package/esm2015/lib/modules/input-box/input-box-populate-args.js

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=input-box-populate-args.js.map

package/esm2015/lib/modules/input-box/input-box-populate-args.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"input-box-populate-args.js","sourceRoot":"","sources":["../../../../../../../../libs/components/forms/src/lib/modules/input-box/input-box-populate-args.ts"],"names":[],"mappings":"","sourcesContent":["import { TemplateRef } from '@angular/core';\n\n/**\n * @internal\n */\nexport interface SkyInputBoxPopulateArgs {\n  inputTemplate: TemplateRef<any>;\n\n  buttonsTemplate?: TemplateRef<any>;\n\n  buttonsLeftTemplate?: TemplateRef<any>;\n\n  buttonsInsetTemplate?: TemplateRef<any>;\n\n  iconsInsetTemplate?: TemplateRef<any>;\n\n  iconsInsetLeftTemplate?: TemplateRef<any>;\n}\n"]}

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

@@ -1,97 +0,0 @@
-import { ChangeDetectorRef, Component, ContentChild, ElementRef, Input, ViewEncapsulation, } from '@angular/core';
-import { FormControlDirective, FormControlName, NgModel, } from '@angular/forms';
-import { SkyInputBoxAdapterService } from './input-box-adapter.service';
-import { SkyInputBoxHostService } from './input-box-host.service';
-import * as i0 from "@angular/core";
-import * as i1 from "./input-box-host.service";
-import * as i2 from "./input-box-adapter.service";
-import * as i3 from "@skyux/theme";
-import * as i4 from "@angular/common";
-/**
- * Creates a wrapper to provide styling for `input` and `label` elements. To render the
- * component correctly, include the `sky-form-control` CSS class on the `input` element
- * and the `sky-control-label` CSS class on the `label` element. To display a help button
- * beside the label, include a help button element in the `sky-input-box` element and a
- * `sky-control-help` CSS class on that element.
- */
-export class SkyInputBoxComponent {
-    constructor(changeRef, inputBoxHostSvc, adapterService, elementRef) {
-        this.changeRef = changeRef;
-        this.inputBoxHostSvc = inputBoxHostSvc;
-        this.adapterService = adapterService;
-        this.elementRef = elementRef;
-    }
-    get hasErrorsComputed() {
-        if (this.hasErrors === undefined) {
-            return (this.controlHasErrors(this.formControl) ||
-                this.controlHasErrors(this.formControlByName) ||
-                this.controlHasErrors(this.ngModel));
-        }
-        return this.hasErrors;
-    }
-    ngOnInit() {
-        this.inputBoxHostSvc.init(this);
-    }
-    formControlFocusIn() {
-        const inlineHelpEl = this.adapterService.getInlineHelpElement(this.elementRef);
-        if (!this.adapterService.isFocusInElement(inlineHelpEl)) {
-            this.updateHasFocus(true);
-        }
-    }
-    formControlFocusOut() {
-        this.updateHasFocus(false);
-    }
-    onInsetIconClick() {
-        if (!this.disabled) {
-            this.adapterService.focusControl(this.elementRef);
-        }
-    }
-    populate(args) {
-        this.hostInputTemplate = args.inputTemplate;
-        this.hostButtonsTemplate = args.buttonsTemplate;
-        this.hostButtonsLeftTemplate = args.buttonsLeftTemplate;
-        this.hostButtonsInsetTemplate = args.buttonsInsetTemplate;
-        this.hostIconsInsetTemplate = args.iconsInsetTemplate;
-        this.hostIconsInsetLeftTemplate = args.iconsInsetLeftTemplate;
-    }
-    updateHasFocus(hasFocus) {
-        // Some components manipulate the focus of elements inside an input box programmatically,
-        // which can cause an `ExpressionChangedAfterItHasBeenCheckedError` if focus was set after
-        // initial change detection. Using `setTimeout()` here fixes it.
-        setTimeout(() => {
-            this.formControlHasFocus = hasFocus;
-            this.changeRef.markForCheck();
-        });
-    }
-    controlHasErrors(control) {
-        return control && control.invalid && (control.dirty || control.touched);
-    }
-}
-SkyInputBoxComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyInputBoxComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.SkyInputBoxHostService }, { token: i2.SkyInputBoxAdapterService }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-SkyInputBoxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyInputBoxComponent, selector: "sky-input-box", inputs: { hasErrors: "hasErrors", disabled: "disabled" }, providers: [SkyInputBoxAdapterService, SkyInputBoxHostService], queries: [{ propertyName: "formControl", first: true, predicate: FormControlDirective, descendants: true }, { propertyName: "formControlByName", first: true, predicate: FormControlName, descendants: true }, { propertyName: "ngModel", first: true, predicate: NgModel, descendants: true }], ngImport: i0, template: "<div\n  *skyThemeIf=\"'default'\"\n  class=\"sky-input-box\"\n  [ngClass]=\"{\n    'sky-input-box-disabled': disabled\n  }\"\n>\n  <div class=\"sky-form-group\">\n    <div class=\"sky-input-box-label-wrapper\">\n      <ng-container *ngTemplateOutlet=\"labelTemplate\"></ng-container>\n      <ng-container *ngTemplateOutlet=\"inlineHelpTemplate\"></ng-container>\n      <ng-container *ngTemplateOutlet=\"characterCountTemplate\"></ng-container>\n    </div>\n    <div class=\"sky-input-group\">\n      <ng-container *ngTemplateOutlet=\"buttonsLeftTemplate\"></ng-container>\n      <div\n        class=\"sky-input-box-input-group-inner\"\n        [ngClass]=\"{\n          'sky-field-status-active': formControlHasFocus,\n          'sky-field-status-invalid': hasErrorsComputed\n        }\"\n        (focusin)=\"formControlFocusIn()\"\n        (focusout)=\"formControlFocusOut()\"\n      >\n        <ng-container *ngTemplateOutlet=\"iconsInsetLeftTemplate\"></ng-container>\n        <ng-container *ngTemplateOutlet=\"inputTemplate\"></ng-container>\n        <ng-container *ngTemplateOutlet=\"buttonsInsetTemplate\"></ng-container>\n        <ng-container *ngTemplateOutlet=\"iconsInsetTemplate\"></ng-container>\n      </div>\n      <ng-container *ngTemplateOutlet=\"buttonsTemplate\"></ng-container>\n    </div>\n    <ng-container *ngTemplateOutlet=\"errorLabelTemplate\"></ng-container>\n  </div>\n</div>\n\n<div\n  *skyThemeIf=\"'modern'\"\n  class=\"sky-input-box\"\n  [ngClass]=\"{\n    'sky-input-box-disabled': disabled\n  }\"\n>\n  <div class=\"sky-input-box-group\">\n    <ng-container *ngTemplateOutlet=\"buttonsLeftTemplate\"></ng-container>\n    <div\n      class=\"sky-input-box-group-form-control\"\n      [ngClass]=\"{\n        'sky-input-box-group-form-control-focus': formControlHasFocus,\n        'sky-input-box-group-form-control-invalid': hasErrorsComputed\n      }\"\n      (focusin)=\"formControlFocusIn()\"\n      (focusout)=\"formControlFocusOut()\"\n    >\n      <div class=\"sky-form-group\">\n        <ng-container *ngTemplateOutlet=\"iconsInsetLeftTemplate\"></ng-container>\n        <div class=\"sky-input-box-form-group-inner\">\n          <div class=\"sky-input-box-label-wrapper\">\n            <ng-container *ngTemplateOutlet=\"labelTemplate\"></ng-container>\n            <ng-container *ngTemplateOutlet=\"inlineHelpTemplate\"></ng-container>\n            <ng-container\n              *ngTemplateOutlet=\"characterCountTemplate\"\n            ></ng-container>\n          </div>\n          <ng-container *ngTemplateOutlet=\"inputTemplate\"></ng-container>\n        </div>\n        <ng-container *ngTemplateOutlet=\"buttonsInsetTemplate\"></ng-container>\n        <ng-container *ngTemplateOutlet=\"iconsInsetTemplate\"></ng-container>\n      </div>\n    </div>\n    <ng-container *ngTemplateOutlet=\"buttonsTemplate\"></ng-container>\n  </div>\n  <ng-container *ngTemplateOutlet=\"errorLabelTemplate\"></ng-container>\n</div>\n\n<ng-template #labelTemplate>\n  <ng-content select=\".sky-control-label\"></ng-content>\n</ng-template>\n\n<ng-template #inlineHelpTemplate>\n  <ng-content select=\".sky-control-help\"></ng-content>\n</ng-template>\n\n<ng-template #characterCountTemplate>\n  <ng-content select=\"sky-character-counter-indicator\"></ng-content>\n</ng-template>\n\n<ng-template #inputTemplate>\n  <ng-content select=\".sky-form-control\"></ng-content>\n  <ng-container *ngTemplateOutlet=\"hostInputTemplate\"></ng-container>\n</ng-template>\n\n<ng-template #buttonsLeftTemplate>\n  <ng-content select=\".sky-input-group-btn.sky-input-box-btn-left\"></ng-content>\n  <ng-container *ngTemplateOutlet=\"hostButtonsLeftTemplate\"></ng-container>\n</ng-template>\n\n<ng-template #buttonsTemplate>\n  <ng-content\n    select=\".sky-input-group-btn:not(.sky-input-box-btn-left):not(.sky-input-box-btn-inset)\"\n  ></ng-content>\n  <ng-container *ngTemplateOutlet=\"hostButtonsTemplate\"></ng-container>\n</ng-template>\n\n<ng-template #buttonsInsetTemplate>\n  <ng-content\n    select=\".sky-input-group-btn.sky-input-box-btn-inset\"\n  ></ng-content>\n  <ng-container *ngTemplateOutlet=\"hostButtonsInsetTemplate\"></ng-container>\n</ng-template>\n\n<ng-template #iconsInsetTemplate>\n  <div class=\"sky-input-box-icon-inset-wrapper\" (click)=\"onInsetIconClick()\">\n    <ng-content\n      select=\".sky-input-group-icon.sky-input-box-icon-inset\"\n    ></ng-content>\n    <ng-container *ngTemplateOutlet=\"hostIconsInsetTemplate\"></ng-container>\n  </div>\n</ng-template>\n\n<ng-template #iconsInsetLeftTemplate>\n  <div\n    class=\"sky-input-box-icon-inset-left-wrapper\"\n    (click)=\"onInsetIconClick()\"\n  >\n    <ng-content\n      select=\".sky-input-group-icon.sky-input-box-icon-inset-left\"\n    ></ng-content>\n    <ng-container *ngTemplateOutlet=\"hostIconsInsetLeftTemplate\"></ng-container>\n  </div>\n</ng-template>\n\n<ng-template #errorLabelTemplate>\n  <ng-content select=\".sky-error-label\"></ng-content>\n</ng-template>\n", styles: ["sky-input-box{display:block}sky-input-box .sky-input-box-input-container{width:100%}sky-input-box .sky-form-group{display:flex;flex-wrap:wrap}sky-input-box .sky-form-group .sky-control-help{margin:0 0 0 4px}sky-input-box .sky-form-group .sky-input-box-label-wrapper{display:flex;width:100%}sky-input-box .sky-input-box-input-group-inner{display:flex;background-color:#fff;width:100%;z-index:1}sky-input-box .sky-input-box-input-group-inner:not(.sky-field-status-active):not(.sky-field-status-invalid){border-top:1px solid #cdcfd2;border-bottom:1px solid #cdcfd2;border-left:1px solid #cdcfd2;border-right:1px solid #cdcfd2}sky-input-box .sky-input-box-btn-inset .sky-btn{background-color:transparent;border:none}sky-input-box .sky-input-box-icon-inset-wrapper,sky-input-box .sky-input-box-icon-inset-left-wrapper{display:flex}sky-input-box .sky-input-box-icon-inset-wrapper .sky-input-group-icon,sky-input-box .sky-input-box-icon-inset-left-wrapper .sky-input-group-icon{width:33px;display:flex;align-items:center;justify-content:center}sky-input-box .sky-input-box-disabled .sky-input-box-icon-inset-wrapper,sky-input-box .sky-input-box-disabled .sky-input-box-icon-inset-left-wrapper{background-color:#cdcfd2}sky-input-box .sky-input-box-disabled .sky-input-box-icon-inset-wrapper .sky-icon,sky-input-box .sky-input-box-disabled .sky-input-box-icon-inset-left-wrapper .sky-icon{color:#686c73}sky-input-box sky-character-counter-indicator{flex-grow:1;text-align:right;margin-bottom:5px;margin-left:auto}sky-input-box .sky-control-label+sky-character-counter-indicator{flex-grow:0;flex-shrink:.001}sky-input-box .sky-form-control,sky-input-box .sky-form-control:focus{border:none;flex-basis:100%}sky-input-box .sky-form-control:focus,sky-input-box .sky-form-control.ng-invalid.ng-touched,sky-input-box .sky-form-control:focus:focus,sky-input-box .sky-form-control:focus.ng-invalid.ng-touched{border:none;box-shadow:none}sky-input-box .sky-input-box-icon-inset-left-wrapper .sky-input-box-icon-inset-left{padding:0 0 0 10px;width:initial}.sky-theme-modern .sky-input-box .sky-input-box-group{display:flex}.sky-theme-modern .sky-input-box .sky-input-box-group-form-control{flex-grow:1;position:relative}.sky-theme-modern .sky-input-box .sky-input-box-group-form-control:first-child .sky-form-group{border-top-left-radius:6px;border-bottom-left-radius:6px}.sky-theme-modern .sky-input-box .sky-input-box-group-form-control:last-child .sky-form-group{border-top-right-radius:6px;border-bottom-right-radius:6px}.sky-theme-modern .sky-input-box .sky-input-box-form-group-inner{display:flex;flex-grow:1;flex-wrap:wrap}.sky-theme-modern .sky-input-box .sky-input-group-btn .sky-btn{border-radius:0;color:#686c73;margin:0;padding:0;position:relative;transition:border-color .15s,box-shadow .15s,color .15s;width:55px}.sky-theme-modern .sky-input-box .sky-input-group-btn .sky-btn .sky-icon{font-size:24px}.sky-theme-modern .sky-input-box .sky-input-group-btn:first-child .sky-btn{border-top-left-radius:6px;border-bottom-left-radius:6px;margin-right:-1px}.sky-theme-modern .sky-input-box .sky-input-group-btn:first-child .sky-btn:focus{z-index:1}.sky-theme-modern .sky-input-box .sky-input-group-btn:last-child .sky-btn{border-top-right-radius:6px;border-bottom-right-radius:6px}.sky-theme-modern .sky-input-box .sky-input-group-icon{width:55px}.sky-theme-modern .sky-input-box .sky-input-group-icon .sky-icon{color:#686c73;font-size:24px}.sky-theme-modern .sky-input-box .sky-input-box-group-form-control-focus:not(:last-child),.sky-theme-modern .sky-input-box .sky-input-box-group-form-control-invalid:not(:last-child),.sky-theme-modern .sky-input-box .sky-input-group-btn:focus-within:not(:last-child){z-index:1}.sky-theme-modern .sky-input-box .sky-input-box-group-form-control+.sky-input-group-btn .sky-btn{margin-left:-2px}.sky-theme-modern .sky-input-box .sky-input-group-btn+.sky-input-group-btn .sky-btn{margin-left:-1px}.sky-theme-modern .sky-input-box .sky-input-box-group-form-control-invalid .sky-form-group{border:none;box-shadow:inset 0 0 0 2px #ef4044;color:#d93a3d}.sky-theme-modern .sky-input-box .sky-input-box-group-form-control-focus:not(:active),.sky-theme-modern .sky-input-box .sky-input-box-group-form-control-focus:not(:active).sky-input-box-group-form-control-invalid{z-index:1}.sky-theme-modern .sky-input-box .sky-input-box-group-form-control-focus:not(:active) .sky-form-group,.sky-theme-modern .sky-input-box .sky-input-box-group-form-control-focus:not(:active).sky-input-box-group-form-control-invalid .sky-form-group{border:none;box-shadow:inset 0 0 0 2px #1870b8,0 1px 3px #0000004d;color:#1870b8}.sky-theme-modern .sky-input-box .sky-form-group{background-color:#fff;border:none;box-shadow:inset 0 0 0 1px #d2d2d2;color:#686c73;flex-wrap:nowrap;margin-bottom:0;padding:0}.sky-theme-modern .sky-input-box .sky-form-group .sky-input-box-label-wrapper{display:flex;padding:0 15px;width:100%}.sky-theme-modern .sky-input-box .sky-form-group .sky-input-box-label-wrapper .sky-control-label,.sky-theme-modern .sky-input-box .sky-form-group .sky-input-box-label-wrapper .sky-control-help,.sky-theme-modern .sky-input-box .sky-form-group .sky-input-box-label-wrapper sky-character-counter-indicator{margin-bottom:0;position:relative;z-index:2}.sky-theme-modern .sky-input-box .sky-form-group .sky-input-box-label-wrapper .sky-control-label{padding:6px 0 1px}.sky-theme-modern .sky-input-box .sky-form-group .sky-input-box-label-wrapper .sky-control-label,.sky-theme-modern .sky-input-box .sky-form-group .sky-input-box-label-wrapper .sky-character-count-label{font-size:13px}.sky-theme-modern .sky-input-box .sky-form-group .sky-input-box-label-wrapper .sky-control-help{margin:0}.sky-theme-modern .sky-input-box .sky-form-group .sky-input-box-label-wrapper .sky-control-help .sky-help-inline{font-size:16px;padding:3px 10px 0}.sky-theme-modern .sky-input-box .sky-form-group .sky-input-box-label-wrapper .sky-control-help:last-child .sky-help-inline{padding:3px 0 0 10px}.sky-theme-modern .sky-input-box .sky-form-group .sky-input-box-label-wrapper sky-character-counter-indicator{margin-left:auto;padding:3px 0 0}.sky-theme-modern .sky-input-box .sky-form-group .sky-form-control{background-color:transparent;border:none;border-radius:6px;font-size:16px;height:auto;line-height:18px;margin-top:-23px;padding:26px 15px 10px;position:relative}.sky-theme-modern .sky-input-box .sky-form-group .sky-form-control:first-line{line-height:19px}.sky-theme-modern .sky-input-box .sky-form-group .sky-form-control:focus,.sky-theme-modern .sky-input-box .sky-form-group .sky-form-control.ng-invalid{box-shadow:none;outline:none}.sky-theme-modern .sky-input-box .sky-form-group .sky-form-control::-webkit-input-placeholder{font-size:16px}.sky-theme-modern .sky-input-box .sky-form-group .sky-form-control::-moz-placeholder{font-size:16px}.sky-theme-modern .sky-input-box .sky-form-group .sky-form-controlinput:-moz-placeholder{font-size:16px}.sky-theme-modern .sky-input-box .sky-form-group .sky-form-control:-ms-input-placeholder{font-size:16px}.sky-theme-modern .sky-input-box .sky-form-group .sky-input-box-btn-inset .sky-btn{background-color:transparent;border-radius:6px;transition-property:none}.sky-theme-modern .sky-input-box .sky-form-group .sky-input-box-btn-inset .sky-btn:not(:active):not(:focus):not(:hover){box-shadow:none}.sky-theme-modern .sky-input-box .sky-form-group .sky-input-box-label-wrapper:empty+.sky-form-control,.sky-theme-modern .sky-input-box .sky-form-group .sky-input-box-label-wrapper:empty+* .sky-form-control{margin-top:0;padding-top:10px}.sky-theme-modern .sky-input-box .sky-form-group textarea.sky-form-control{margin-top:0;padding-top:5px}@-moz-document url-prefix(){.sky-theme-modern .sky-input-box .sky-form-group select.sky-form-control{padding-left:10px}}.sky-theme-modern .sky-input-box .sky-form-group select.sky-form-control{background-position-x:calc(100% - 10px);z-index:3}.sky-theme-modern .sky-input-box .sky-form-group textarea.sky-form-control{resize:vertical}.sky-theme-modern .sky-input-box .sky-input-box-icon-inset-left-wrapper .sky-input-box-icon-inset-left{padding:0 0 0 15px;width:initial}.sky-theme-modern .sky-input-box:not(.sky-input-box-disabled) .sky-input-box-group-form-control:hover{z-index:1}.sky-theme-modern .sky-input-box:not(.sky-input-box-disabled) .sky-input-box-group-form-control:hover .sky-form-group{border:none;box-shadow:inset 0 0 0 1px #1870b8}.sky-theme-modern .sky-input-box:not(.sky-input-box-disabled) .sky-input-group-btn .sky-btn{border:none;box-shadow:inset 0 0 0 1px #d2d2d2}.sky-theme-modern .sky-input-box:not(.sky-input-box-disabled) .sky-input-group-btn .sky-btn:hover{border:none;box-shadow:inset 0 0 0 1px #1870b8;z-index:1}.sky-theme-modern .sky-input-box:not(.sky-input-box-disabled) .sky-input-group-btn .sky-btn:active,.sky-theme-modern .sky-input-box:not(.sky-input-box-disabled) .sky-input-group-btn .sky-btn:focus{border:none;box-shadow:inset 0 0 0 2px #1870b8;color:#212327;z-index:2}.sky-theme-modern .sky-input-box:not(.sky-input-box-disabled) .sky-input-group-btn .sky-btn:focus:not(:active){outline:none;border:none;box-shadow:inset 0 0 0 2px #1870b8,0 1px 3px #0000004d}.sky-theme-modern .sky-input-box:not(.sky-input-box-disabled) .sky-input-box-group-form-control:active .sky-form-group,.sky-theme-modern .sky-input-box:not(.sky-input-box-disabled) .sky-input-box-group-form-control-focus .sky-form-group{border:none;box-shadow:inset 0 0 0 2px #1870b8}.sky-theme-modern .sky-input-box:not(.sky-input-box-disabled) .sky-input-box-group-form-control-invalid .sky-form-group{border:none;box-shadow:inset 0 0 0 2px #ef4044;color:#d93a3d}.sky-theme-modern .sky-input-box:not(.sky-input-box-disabled) .sky-input-box-group-form-control-invalid:active .sky-form-group{color:#1870b8}.sky-theme-modern .sky-input-box:not(.sky-input-box-disabled) .sky-input-box-group-form-control-focus:not(:active),.sky-theme-modern .sky-input-box:not(.sky-input-box-disabled) .sky-input-box-group-form-control-focus:not(:active).sky-input-box-group-form-control-invalid{z-index:1}.sky-theme-modern .sky-input-box:not(.sky-input-box-disabled) .sky-input-box-group-form-control-focus:not(:active) .sky-form-group,.sky-theme-modern .sky-input-box:not(.sky-input-box-disabled) .sky-input-box-group-form-control-focus:not(:active).sky-input-box-group-form-control-invalid .sky-form-group{border:none;box-shadow:inset 0 0 0 2px #1870b8,0 1px 3px #0000004d;color:#1870b8}.sky-theme-modern .sky-input-box:not(.sky-input-box-disabled) .sky-form-group{transition:border-color .15s,box-shadow .15s,color .15s}.sky-theme-modern .sky-input-box:not(.sky-input-box-disabled) .sky-form-group .sky-control-label{transition:border-color .15s,box-shadow .15s,color .15s}.sky-theme-modern .sky-input-box.sky-input-box-disabled .sky-form-control,.sky-theme-modern .sky-input-box.sky-input-box-disabled .sky-control-label,.sky-theme-modern .sky-input-box.sky-input-box-disabled .sky-input-group-btn{cursor:not-allowed}.sky-theme-modern .sky-input-box.sky-input-box-disabled .sky-input-box-icon-inset-wrapper,.sky-theme-modern .sky-input-box.sky-input-box-disabled .sky-input-box-icon-inset-left-wrapper{background-color:transparent}.sky-theme-modern .sky-input-box.sky-input-box-disabled .sky-form-group{background-color:#ededee}.sky-theme-modern .sky-input-box.sky-input-box-disabled .sky-input-group-btn .sky-btn{background-color:#ededee;border:none;box-shadow:inset 0 0 0 1px #d2d2d2;opacity:1}.sky-theme-modern.sky-theme-mode-dark .sky-input-box .sky-form-group{background-color:transparent;border:none;box-shadow:inset 0 0 0 1px #686c73;color:#c0c2c5}.sky-theme-modern.sky-theme-mode-dark .sky-input-box .sky-form-group .sky-form-control,.sky-theme-modern.sky-theme-mode-dark .sky-input-box .sky-form-group .sky-input-group-btn .sky-btn{background-color:transparent;color:#fbfcfe}.sky-theme-modern.sky-theme-mode-dark .sky-input-box .sky-input-box-group-form-control-focus .sky-form-group,.sky-theme-modern.sky-theme-mode-dark .sky-input-box .sky-input-box-group-form-control-focus.sky-input-box-group-form-control-invalid .sky-form-group{color:#1870b8}.sky-theme-modern.sky-theme-mode-dark .sky-input-box .sky-input-box-group-form-control-invalid .sky-form-group{border:none;box-shadow:inset 0 0 0 2px #ef4044;color:#d93a3d}.sky-theme-modern.sky-theme-mode-dark .sky-input-box .sky-input-group-btn .sky-btn{border:none;box-shadow:inset 0 0 0 1px #686c73;color:#c0c2c5}.sky-theme-modern.sky-theme-mode-dark .sky-input-box .sky-input-group-btn .sky-btn.sky-btn-default{background-color:transparent}.sky-theme-modern.sky-theme-mode-dark .sky-input-box .sky-input-group-btn .sky-btn:focus{border-color:#1870b8;color:#fbfcfe}\n"], directives: [{ type: i3.λ3, selector: "[skyThemeIf]", inputs: ["skyThemeIf"] }, { type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyInputBoxComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'sky-input-box',
-                    templateUrl: './input-box.component.html',
-                    styleUrls: ['./input-box.component.scss'],
-                    providers: [SkyInputBoxAdapterService, SkyInputBoxHostService],
-                    // Note that change detection is not set to OnPush; default change detection allows the
-                    // invalid CSS class to be added when the content control's invalid/dirty state changes.
-                    encapsulation: ViewEncapsulation.None,
-                }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i1.SkyInputBoxHostService }, { type: i2.SkyInputBoxAdapterService }, { type: i0.ElementRef }]; }, propDecorators: { hasErrors: [{
-                type: Input
-            }], disabled: [{
-                type: Input
-            }], formControl: [{
-                type: ContentChild,
-                args: [FormControlDirective]
-            }], formControlByName: [{
-                type: ContentChild,
-                args: [FormControlName]
-            }], ngModel: [{
-                type: ContentChild,
-                args: [NgModel]
-            }] } });
-//# sourceMappingURL=input-box.component.js.map

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

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

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

@@ -1,19 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { SkyThemeModule } from '@skyux/theme';
-import { SkyInputBoxComponent } from './input-box.component';
-import * as i0 from "@angular/core";
-export class SkyInputBoxModule {
-}
-SkyInputBoxModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyInputBoxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-SkyInputBoxModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyInputBoxModule, declarations: [SkyInputBoxComponent], imports: [CommonModule, SkyThemeModule], exports: [SkyInputBoxComponent] });
-SkyInputBoxModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyInputBoxModule, imports: [[CommonModule, SkyThemeModule]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyInputBoxModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [SkyInputBoxComponent],
-                    imports: [CommonModule, SkyThemeModule],
-                    exports: [SkyInputBoxComponent],
-                }]
-        }] });
-//# sourceMappingURL=input-box.module.js.map

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

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

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

@@ -1,223 +0,0 @@
-import { ChangeDetectorRef, Component, ContentChildren, Input, Optional, QueryList, Self, } from '@angular/core';
-import { NgControl } from '@angular/forms';
-import { Subject } from 'rxjs';
-import { takeUntil } from 'rxjs/operators';
-import { SkyFormsUtility } from '../shared/forms-utility';
-import { SkyRadioComponent } from './radio.component';
-import * as i0 from "@angular/core";
-import * as i1 from "@angular/forms";
-let nextUniqueId = 0;
-/**
- * Organizes radio buttons into a group. It is required for radio
- * buttons on Angular reactive forms, and we recommend using it with all radio buttons.
- * On Angular forms, the component manages the selected values and keeps the forms up-to-date.
- * When users select a radio button, its value is driven through an `ngModel` attribute that you specify on the `sky-radio-group` element.
- */
-export class SkyRadioGroupComponent {
-    constructor(changeDetector, ngControl) {
-        this.changeDetector = changeDetector;
-        this.ngControl = ngControl;
-        /**
-         * 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
-         */
-        this.required = false;
-        this.ngUnsubscribe = new Subject();
-        this._disabled = false;
-        this._name = `sky-radio-group-${nextUniqueId++}`;
-        // eslint-disable-next-line @typescript-eslint/no-empty-function
-        this.onChange = () => { };
-        // eslint-disable-next-line @typescript-eslint/no-empty-function
-        this.onTouched = () => { };
-        if (this.ngControl) {
-            this.ngControl.valueAccessor = this;
-        }
-    }
-    /**
-     * Indicates whether to disable the input.
-     * @default false
-     */
-    set disabled(value) {
-        const newDisabledState = SkyFormsUtility.coerceBooleanProperty(value);
-        if (this._disabled !== newDisabledState) {
-            this._disabled = newDisabledState;
-            this.updateRadioButtonDisabled();
-        }
-    }
-    get disabled() {
-        return this._disabled;
-    }
-    /**
-     * Specifies a name for the collection of radio buttons that the component groups together.
-     * This property overwrites the deprecated `name` property on individual `sky-radio` elements,
-     * and it is required unless the `name` property is set on individual `sky-radio` elements.
-     * @required
-     */
-    set name(value) {
-        this._name = value;
-        this.updateRadioButtonNames();
-    }
-    get name() {
-        return this._name;
-    }
-    /**
-     * Specifies the value of the radio button to select by default when the group loads.
-     * The value corresponds to the `value` property of an individual `sky-radio` element within the
-     * group.
-     */
-    set value(value) {
-        const isNewValue = value !== this._value;
-        /* istanbul ignore else */
-        if (isNewValue) {
-            this._value = value;
-            this.onChange(this._value);
-            this.updateCheckedRadioFromValue();
-        }
-    }
-    get value() {
-        return this._value;
-    }
-    /**
-     * Specifies an index for all the radio buttons in the group. If the index is not defined,
-     * the indices for individual radio buttons are set to their positions on load.
-     * This property supports accessibility by placing focus on the currently selected radio
-     * button. If no radio button is selected, it places focus on the first or last button
-     * depending on how users navigate to the radio button group.
-     */
-    set tabIndex(value) {
-        if (this._tabIndex !== value) {
-            this._tabIndex = value;
-            this.updateRadioButtonTabIndexes();
-        }
-    }
-    get tabIndex() {
-        return this._tabIndex;
-    }
-    ngAfterContentInit() {
-        // Let child radio components render before updating.
-        setTimeout(() => {
-            this.resetRadioButtons();
-        });
-        // Watch for radio selections.
-        this.watchForSelections();
-        this.radios.changes.pipe(takeUntil(this.ngUnsubscribe)).subscribe(() => {
-            // Wait for child radio components to finish any rendering updates.
-            setTimeout(() => {
-                this.resetRadioButtons();
-            });
-            // Subscribe to the new radio buttons
-            this.watchForSelections();
-        });
-    }
-    ngAfterViewInit() {
-        if (this.ngControl) {
-            // Backwards compatibility support for anyone still using Validators.Required.
-            this.required =
-                this.required || SkyFormsUtility.hasRequiredValidation(this.ngControl);
-            // Avoid an ExpressionChangedAfterItHasBeenCheckedError.
-            this.changeDetector.detectChanges();
-        }
-    }
-    watchForSelections() {
-        this.radios.forEach((radio) => {
-            radio.change
-                .pipe(takeUntil(this.ngUnsubscribe))
-                .subscribe((change) => {
-                this.onTouched();
-                this.writeValue(change.value);
-            });
-            radio.blur.pipe(takeUntil(this.ngUnsubscribe)).subscribe(() => {
-                this.onTouched();
-                this.changeDetector.markForCheck();
-            });
-        });
-    }
-    ngOnDestroy() {
-        this.ngUnsubscribe.next();
-        this.ngUnsubscribe.complete();
-    }
-    writeValue(value) {
-        this.value = value;
-    }
-    /**
-     * @internal
-     * Indicates whether to disable the control. Implemented as a part of ControlValueAccessor.
-     */
-    setDisabledState(isDisabled) {
-        this.disabled = isDisabled;
-    }
-    registerOnChange(fn) {
-        this.onChange = fn;
-    }
-    registerOnTouched(fn) {
-        this.onTouched = fn;
-    }
-    updateRadioButtonDisabled() {
-        if (this.radios) {
-            this.radios.forEach((radio) => {
-                radio.disabled = this.disabled;
-            });
-        }
-    }
-    updateRadioButtonNames() {
-        if (this.radios) {
-            this.radios.forEach((radio) => {
-                radio.name = this.name;
-            });
-        }
-    }
-    updateRadioButtonTabIndexes() {
-        if (this.radios) {
-            this.radios.forEach((radio) => {
-                radio.groupTabIndex = this.tabIndex;
-            });
-        }
-    }
-    updateCheckedRadioFromValue() {
-        if (!this.radios) {
-            return;
-        }
-        this.radios.forEach((radio) => {
-            radio.checked = this._value === radio.value;
-        });
-    }
-    resetRadioButtons() {
-        this.updateCheckedRadioFromValue();
-        this.updateRadioButtonNames();
-        this.updateRadioButtonTabIndexes();
-    }
-}
-SkyRadioGroupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyRadioGroupComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.NgControl, optional: true, self: true }], target: i0.ɵɵFactoryTarget.Component });
-SkyRadioGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyRadioGroupComponent, selector: "sky-radio-group", inputs: { ariaLabelledBy: "ariaLabelledBy", ariaLabel: "ariaLabel", disabled: "disabled", name: "name", required: "required", value: "value", tabIndex: "tabIndex" }, queries: [{ propertyName: "radios", predicate: SkyRadioComponent, descendants: true }], ngImport: i0, template: "<div\n  class=\"sky-radio-group\"\n  role=\"radiogroup\"\n  [attr.aria-label]=\"ariaLabel\"\n  [attr.aria-labelledby]=\"ariaLabelledBy\"\n  [attr.aria-required]=\"required ? true : null\"\n  [attr.required]=\"required ? '' : null\"\n>\n  <ng-content></ng-content>\n</div>\n" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyRadioGroupComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'sky-radio-group',
-                    templateUrl: './radio-group.component.html',
-                }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i1.NgControl, decorators: [{
-                    type: Self
-                }, {
-                    type: Optional
-                }] }]; }, propDecorators: { ariaLabelledBy: [{
-                type: Input
-            }], ariaLabel: [{
-                type: Input
-            }], disabled: [{
-                type: Input
-            }], name: [{
-                type: Input
-            }], required: [{
-                type: Input
-            }], value: [{
-                type: Input
-            }], tabIndex: [{
-                type: Input
-            }], radios: [{
-                type: ContentChildren,
-                args: [SkyRadioComponent, { descendants: true }]
-            }] } });
-//# sourceMappingURL=radio-group.component.js.map

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

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

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

@@ -1,26 +0,0 @@
-import { Component, HostListener } from '@angular/core';
-import * as i0 from "@angular/core";
-/**
- * Specifies a label for the radio button.
- */
-export class SkyRadioLabelComponent {
-    // When clicking on a checkbox label, Angular registers two click events.
-    // This handler ignores all events except for those that deal
-    // with the checkbox input explicitly.
-    onClick(event) {
-        event.stopPropagation();
-    }
-}
-SkyRadioLabelComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyRadioLabelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-SkyRadioLabelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyRadioLabelComponent, selector: "sky-radio-label", host: { listeners: { "click": "onClick($event)" } }, 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: SkyRadioLabelComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'sky-radio-label',
-                    templateUrl: './radio-label.component.html',
-                }]
-        }], propDecorators: { onClick: [{
-                type: HostListener,
-                args: ['click', ['$event']]
-            }] } });
-//# sourceMappingURL=radio-label.component.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"radio-label.component.js","sourceRoot":"","sources":["../../../../../../../../libs/components/forms/src/lib/modules/radio/radio-label.component.ts","../../../../../../../../libs/components/forms/src/lib/modules/radio/radio-label.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;;AAExD;;GAEG;AAKH,MAAM,OAAO,sBAAsB;IACjC,yEAAyE;IACzE,6DAA6D;IAC7D,sCAAsC;IAE/B,OAAO,CAAC,KAAiB;QAC9B,KAAK,CAAC,eAAe,EAAE,CAAC;IAC1B,CAAC;;oHAPU,sBAAsB;wGAAtB,sBAAsB,4GCTnC,2EAGA;4FDMa,sBAAsB;kBAJlC,SAAS;mBAAC;oBACT,QAAQ,EAAE,iBAAiB;oBAC3B,WAAW,EAAE,8BAA8B;iBAC5C;8BAMQ,OAAO;sBADb,YAAY;uBAAC,OAAO,EAAE,CAAC,QAAQ,CAAC","sourcesContent":["import { Component, HostListener } from '@angular/core';\n\n/**\n * Specifies a label for the radio button.\n */\n@Component({\n  selector: 'sky-radio-label',\n  templateUrl: './radio-label.component.html',\n})\nexport class SkyRadioLabelComponent {\n  // When clicking on a checkbox label, Angular registers two click events.\n  // This handler ignores all events except for those that deal\n  // with the checkbox input explicitly.\n  @HostListener('click', ['$event'])\n  public onClick(event: MouseEvent): void {\n    event.stopPropagation();\n  }\n}\n","<span class=\"sky-switch-label\">\n  <ng-content></ng-content>\n</span>\n"]}