@skyux/forms 5.7.2 → 6.0.0-beta.2

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

@@ -1,262 +0,0 @@
-import { ChangeDetectionStrategy, ChangeDetectorRef, Component, EventEmitter, Input, Output, forwardRef, } from '@angular/core';
-import { NG_VALUE_ACCESSOR } from '@angular/forms';
-import { BehaviorSubject, Observable, Subject } from 'rxjs';
-import { SkyFormsUtility } from '../shared/forms-utility';
-import * as i0 from "@angular/core";
-import * as i1 from "@skyux/indicators";
-import * as i2 from "@angular/common";
-/**
- * Auto-incrementing integer that generates unique IDs for radio components.
- */
-let nextUniqueId = 0;
-/**
- * Provider Expression that allows sky-radio to register as a ControlValueAccessor.
- * This allows it to support [(ngModel)].
- */
-// tslint:disable:no-forward-ref no-use-before-declare
-const SKY_RADIO_CONTROL_VALUE_ACCESSOR = {
-    provide: NG_VALUE_ACCESSOR,
-    useExisting: forwardRef(() => SkyRadioComponent),
-    multi: true,
-};
-// tslint:enable
-/**
- * Renders a SKY UX-themed replacement for an HTML `input` element
- * with `type="radio"`. When users select a radio button, its value is driven through an
- * `ngModel` attribute that you specify on the `sky-radio` element or the parent `sky-radio-group` element.
- */
-export class SkyRadioComponent {
-    constructor(changeDetector) {
-        this.changeDetector = changeDetector;
-        /**
-         * Fires when users focus off a radio button.
-         */
-        this.blur = new Subject();
-        /**
-         * Specifies an ID for the radio button.
-         * @default a unique, auto-incrementing integer. For example: `sky-radio-1`
-         */
-        this.id = `sky-radio-${++nextUniqueId}`;
-        this._change = new EventEmitter();
-        this._checked = false;
-        this._checkedChange = new BehaviorSubject(this._checked);
-        this._disabled = false;
-        this._disabledChange = new BehaviorSubject(this._disabled);
-        // eslint-disable-next-line @typescript-eslint/no-empty-function
-        this.removeUniqueSelectionListener = () => { };
-        // eslint-disable-next-line @typescript-eslint/no-empty-function
-        this.onChangeCallback = (value) => { };
-        // eslint-disable-next-line @typescript-eslint/no-empty-function
-        this.onTouchedCallback = () => { };
-    }
-    /**
-     * Indicates whether the radio button is selected.
-     * @default false
-     */
-    set checked(value) {
-        const newCheckedState = !!value;
-        if (this._checked !== newCheckedState) {
-            this._checked = newCheckedState;
-            this._checkedChange.next(this._checked);
-            if (newCheckedState) {
-                this.selectedValue = this.value;
-            }
-        }
-        this.changeDetector.markForCheck();
-    }
-    get checked() {
-        return this._checked;
-    }
-    /**
-     * Indicates whether to disable the input.
-     * @default false
-     */
-    set disabled(value) {
-        const coercedValue = SkyFormsUtility.coerceBooleanProperty(value);
-        if (coercedValue !== this.disabled) {
-            this._disabled = coercedValue;
-            this._disabledChange.next(this._disabled);
-            this.changeDetector.markForCheck();
-        }
-    }
-    get disabled() {
-        return this._disabled;
-    }
-    /**
-     * This property is deprecated in favor of the `name` property on the `sky-radio-group element`.
-     * We recommend using the `sky-radio-group` element with all radio buttons, but if you opt not to,
-     * then this property specifies a name for a group of radio buttons.
-     * @deprecated
-     */
-    set name(value) {
-        this._name = value;
-        this.changeDetector.markForCheck();
-    }
-    get name() {
-        return this._name;
-    }
-    /**
-     * This property is deprecated in favor of
-     * the `tabIndex` property on the `sky-radio-group` element. It specifies an index for the radio
-     * button. If the index is not defined, it is set to the position of the radio button on load.
-     * @deprecated
-     */
-    set tabindex(value) {
-        console.warn('The sky-radio `tabindex` property is deprecated. Please use the `tabindex` property on the sky-radio-group component.');
-        this._tabindex = value;
-        this.changeDetector.markForCheck();
-    }
-    get tabindex() {
-        return this._tabindex || 0;
-    }
-    // For setting the tabindex from the radio group
-    set groupTabIndex(value) {
-        this._tabindex = value;
-        this.changeDetector.markForCheck();
-    }
-    /**
-     * Specifies and binds a value to the radio button's `value` property. The value usually
-     * corresponds to the radio button's label, which you specify with the `sky-radio-label`
-     * component.
-     * @required
-     */
-    set value(value) {
-        /* istanbul ignore else */
-        if (this._value !== value) {
-            if (this.selectedValue && this.selectedValue === this._value) {
-                this.selectedValue = value;
-                this.onChangeCallback(this.selectedValue);
-                this.onTouchedCallback();
-            }
-            this._value = value;
-        }
-        this.changeDetector.markForCheck();
-    }
-    get value() {
-        return this._value;
-    }
-    /**
-     * Specifies a type to set the background color after users select an icon radio button.
-     * The valid options correspond
-     * [the label component's](https://developer.blackbaud.com/skyux/components/label)
-     * label types. `danger` creates a red background, `info` creates a blue background,
-     * `success` creates a green background, and `warning` creates an orange background.
-     * @default "info"
-     */
-    get radioType() {
-        return this._radioType || 'info';
-    }
-    set radioType(value) {
-        if (value) {
-            this._radioType = value.toLowerCase();
-        }
-    }
-    /**
-     * Fires when users select a radio button.
-     */
-    get change() {
-        return this._change;
-    }
-    /**
-     * Fires when the selected value changes.
-     */
-    get checkedChange() {
-        return this._checkedChange;
-    }
-    /**
-     * Fires when the selected value changes.
-     */
-    get disabledChange() {
-        return this._disabledChange;
-    }
-    get inputId() {
-        return `sky-radio-${this.id}-input`;
-    }
-    set selectedValue(value) {
-        if (value !== this._selectedValue) {
-            this._selectedValue = value;
-        }
-    }
-    get selectedValue() {
-        return this._selectedValue;
-    }
-    ngOnDestroy() {
-        this.removeUniqueSelectionListener();
-    }
-    writeValue(value) {
-        if (value === undefined) {
-            return;
-        }
-        this.selectedValue = value;
-        this.checked = this.value === this.selectedValue;
-        this.changeDetector.markForCheck();
-    }
-    /**
-     * @internal
-     * Indicates whether to disable the control. Implemented as a part of ControlValueAccessor.
-     */
-    setDisabledState(isDisabled) {
-        this.disabled = isDisabled;
-    }
-    registerOnChange(fn) {
-        this.onChangeCallback = fn;
-    }
-    registerOnTouched(fn) {
-        this.onTouchedCallback = fn;
-    }
-    onInputChange(event) {
-        event.stopPropagation();
-        if (!this.disabled) {
-            this.checked = true;
-            this._change.emit({
-                source: this,
-                value: this._value,
-            });
-            this.onInputFocusChange(undefined);
-            this.onChangeCallback(this.value);
-        }
-    }
-    onInputFocusChange(event) {
-        this.onTouchedCallback();
-        this.blur.next();
-    }
-}
-SkyRadioComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyRadioComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-SkyRadioComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyRadioComponent, selector: "sky-radio", inputs: { checked: "checked", disabled: "disabled", id: "id", label: "label", labelledBy: "labelledBy", name: "name", tabindex: "tabindex", value: "value", icon: "icon", radioType: "radioType" }, outputs: { change: "change", checkedChange: "checkedChange", disabledChange: "disabledChange" }, providers: [SKY_RADIO_CONTROL_VALUE_ACCESSOR], ngImport: i0, template: "<label\n  class=\"sky-radio-wrapper sky-switch\"\n  [ngClass]=\"{ 'sky-switch-disabled': disabled }\"\n>\n  <input\n    class=\"sky-radio-input sky-switch-input\"\n    type=\"radio\"\n    [attr.aria-label]=\"label\"\n    [attr.aria-labelledby]=\"labelledBy\"\n    [checked]=\"checked\"\n    [disabled]=\"disabled\"\n    [id]=\"inputId\"\n    [name]=\"name\"\n    [tabIndex]=\"tabindex\"\n    [value]=\"value\"\n    (blur)=\"onInputFocusChange($event)\"\n    (change)=\"onInputChange($event)\"\n  />\n  <span\n    class=\"sky-switch-control\"\n    [ngClass]=\"{\n      'sky-switch-control-icon': icon,\n      'sky-rounded-corners': icon,\n      'sky-rounded-circle': !icon,\n      'sky-switch-control-info': icon && radioType === 'info',\n      'sky-switch-control-success': icon && radioType === 'success',\n      'sky-switch-control-warning': icon && radioType === 'warning',\n      'sky-switch-control-danger': icon && radioType === 'danger'\n    }\"\n  >\n    <sky-icon *ngIf=\"icon\" fixedWidth=\"true\" [icon]=\"icon\"> </sky-icon>\n  </span>\n  <ng-content select=\"sky-radio-label\"></ng-content>\n</label>\n", styles: [".sky-switch-control:not(.sky-switch-control-icon) sky-icon{font-size:70%}.sky-switch-input:checked+.sky-switch-control:not(.sky-switch-control-icon):after{content:\"\";display:inline-block;width:10px;height:10px;background:#000000;border-radius:50%}:host-context(.sky-theme-modern) .sky-switch-input:checked+.sky-switch-control:not(.sky-switch-control-icon):after{background:#1870B8}:host-context(.sky-theme-modern) .sky-radio-input:disabled+.sky-switch-control .sky-radio-icon-modern-checked{background-color:#212327}.sky-theme-modern .sky-switch-input:checked+.sky-switch-control:not(.sky-switch-control-icon):after{background:#1870B8}.sky-theme-modern .sky-radio-input:disabled+.sky-switch-control .sky-radio-icon-modern-checked{background-color:#212327}\n"], components: [{ type: i1.λ4, selector: "sky-icon", inputs: ["icon", "iconType", "size", "fixedWidth", "variant"] }], directives: [{ type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyRadioComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'sky-radio',
-                    templateUrl: './radio.component.html',
-                    styleUrls: ['./radio.component.scss'],
-                    providers: [SKY_RADIO_CONTROL_VALUE_ACCESSOR],
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { checked: [{
-                type: Input
-            }], disabled: [{
-                type: Input
-            }], id: [{
-                type: Input
-            }], label: [{
-                type: Input
-            }], labelledBy: [{
-                type: Input
-            }], name: [{
-                type: Input
-            }], tabindex: [{
-                type: Input
-            }], value: [{
-                type: Input
-            }], icon: [{
-                type: Input
-            }], radioType: [{
-                type: Input
-            }], change: [{
-                type: Output
-            }], checkedChange: [{
-                type: Output
-            }], disabledChange: [{
-                type: Output
-            }] } });
-//# sourceMappingURL=radio.component.js.map

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

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

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

@@ -1,28 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { SkyIconModule } from '@skyux/indicators';
-import { SkyRadioGroupComponent } from './radio-group.component';
-import { SkyRadioLabelComponent } from './radio-label.component';
-import { SkyRadioComponent } from './radio.component';
-import * as i0 from "@angular/core";
-export class SkyRadioModule {
-}
-SkyRadioModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyRadioModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-SkyRadioModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyRadioModule, declarations: [SkyRadioComponent,
-        SkyRadioGroupComponent,
-        SkyRadioLabelComponent], imports: [CommonModule, FormsModule, SkyIconModule], exports: [SkyRadioComponent, SkyRadioGroupComponent, SkyRadioLabelComponent] });
-SkyRadioModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyRadioModule, imports: [[CommonModule, FormsModule, SkyIconModule]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyRadioModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [
-                        SkyRadioComponent,
-                        SkyRadioGroupComponent,
-                        SkyRadioLabelComponent,
-                    ],
-                    imports: [CommonModule, FormsModule, SkyIconModule],
-                    exports: [SkyRadioComponent, SkyRadioGroupComponent, SkyRadioLabelComponent],
-                }]
-        }] });
-//# sourceMappingURL=radio.module.js.map

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

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

package/esm2015/lib/modules/radio/types/radio-change.js

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

package/esm2015/lib/modules/radio/types/radio-change.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"radio-change.js","sourceRoot":"","sources":["../../../../../../../../../libs/components/forms/src/lib/modules/radio/types/radio-change.ts"],"names":[],"mappings":"","sourcesContent":["import { SkyRadioComponent } from '../radio.component';\n\nexport interface SkyRadioChange {\n  /**\n   * Specifies the radio component that triggered the change event.\n   * @internal\n   */\n  source: SkyRadioComponent;\n  /**\n   * Specifies the value from the radio component.\n   */\n  value: any;\n}\n"]}

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

@@ -1,124 +0,0 @@
-import { Injectable, RendererFactory2, } from '@angular/core';
-import { SkyCoreAdapterService, SkyMediaBreakpoints } from '@skyux/core';
-import * as i0 from "@angular/core";
-import * as i1 from "@skyux/core";
-const RESPONSIVE_CLASS_XS = 'sky-selection-box-container-xs';
-const RESPONSIVE_CLASS_SM = 'sky-selection-box-container-sm';
-const RESPONSIVE_CLASS_MD = 'sky-selection-box-container-md';
-const RESPONSIVE_CLASS_LG = 'sky-selection-box-container-lg';
-const BREAKPOINT_XS_MAX_PIXELS = 767;
-const BREAKPOINT_SM_MIN_PIXELS = 768;
-const BREAKPOINT_SM_MAX_PIXELS = 991;
-const BREAKPOINT_MD_MIN_PIXELS = 992;
-const BREAKPOINT_MD_MAX_PIXELS = 1439;
-/**
- * @internal
- */
-export class SkySelectionBoxAdapterService {
-    constructor(coreAdapterService, rendererFactory) {
-        this.coreAdapterService = coreAdapterService;
-        this.renderer = rendererFactory.createRenderer(undefined, undefined);
-    }
-    /**
-     * Sets focus on the specified element.
-     */
-    focus(el) {
-        el.nativeElement.focus();
-    }
-    /**
-     * Returns a child element with the `.sky-switch` class.
-     * Useful for getting SKY UX-themed radio buttons or checkboxes.
-     */
-    getControl(el) {
-        return el.nativeElement.querySelector('.sky-switch');
-    }
-    /**
-     * Returns a breakpoint based on the width.
-     * @param width Width of the element in pixels.
-     */
-    getBreakpointForWidth(width) {
-        if (width <= BREAKPOINT_XS_MAX_PIXELS) {
-            return SkyMediaBreakpoints.xs;
-        }
-        else if (width >= BREAKPOINT_SM_MIN_PIXELS &&
-            width <= BREAKPOINT_SM_MAX_PIXELS) {
-            return SkyMediaBreakpoints.sm;
-        }
-        else if (width >= BREAKPOINT_MD_MIN_PIXELS &&
-            width <= BREAKPOINT_MD_MAX_PIXELS) {
-            return SkyMediaBreakpoints.md;
-        }
-        else {
-            return SkyMediaBreakpoints.lg;
-        }
-    }
-    /**
-     * Returns the width of the `parentNode` of the provided `element`.
-     */
-    getParentWidth(element) {
-        return element.nativeElement.parentNode.getBoundingClientRect().width;
-    }
-    /**
-     * Returns `true` if the `childEl` is a descendant of the `parentEl`.
-     */
-    isDescendant(parentEl, childEl) {
-        return parentEl.nativeElement.contains(childEl);
-    }
-    /**
-     * Sets the `tabIndex` of all focusable children of the `element` to the provided `tabIndex`.
-     */
-    setChildrenTabIndex(element, tabIndex) {
-        const el = element.nativeElement;
-        const focusableElems = this.coreAdapterService.getFocusableChildren(el, {
-            ignoreVisibility: true,
-        });
-        let index = focusableElems.length;
-        while (index--) {
-            focusableElems[index].tabIndex = tabIndex;
-        }
-    }
-    /**
-     * Adds a responsive CSS class on the provided element based on its current width.
-     */
-    setResponsiveClass(element, breakpoint) {
-        const nativeEl = element.nativeElement;
-        this.renderer.removeClass(nativeEl, RESPONSIVE_CLASS_XS);
-        this.renderer.removeClass(nativeEl, RESPONSIVE_CLASS_SM);
-        this.renderer.removeClass(nativeEl, RESPONSIVE_CLASS_MD);
-        this.renderer.removeClass(nativeEl, RESPONSIVE_CLASS_LG);
-        let newClass;
-        // tslint:disable-next-line: switch-default
-        switch (breakpoint) {
-            case SkyMediaBreakpoints.xs: {
-                newClass = RESPONSIVE_CLASS_XS;
-                break;
-            }
-            case SkyMediaBreakpoints.sm: {
-                newClass = RESPONSIVE_CLASS_SM;
-                break;
-            }
-            case SkyMediaBreakpoints.md: {
-                newClass = RESPONSIVE_CLASS_MD;
-                break;
-            }
-            case SkyMediaBreakpoints.lg: {
-                newClass = RESPONSIVE_CLASS_LG;
-                break;
-            }
-        }
-        this.renderer.addClass(nativeEl, newClass);
-    }
-    /**
-     * Sets the `tabIndex` of the `element` to the provided `tabIndex`.
-     */
-    setTabIndex(element, tabIndex) {
-        const el = element.nativeElement;
-        el.tabIndex = tabIndex;
-    }
-}
-SkySelectionBoxAdapterService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkySelectionBoxAdapterService, deps: [{ token: i1.SkyCoreAdapterService }, { token: i0.RendererFactory2 }], target: i0.ɵɵFactoryTarget.Injectable });
-SkySelectionBoxAdapterService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkySelectionBoxAdapterService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkySelectionBoxAdapterService, decorators: [{
-            type: Injectable
-        }], ctorParameters: function () { return [{ type: i1.SkyCoreAdapterService }, { type: i0.RendererFactory2 }]; } });
-//# sourceMappingURL=selection-box-adapter.service.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"selection-box-adapter.service.js","sourceRoot":"","sources":["../../../../../../../../libs/components/forms/src/lib/modules/selection-box/selection-box-adapter.service.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,UAAU,EAEV,gBAAgB,GACjB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,qBAAqB,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAC;;;AAEzE,MAAM,mBAAmB,GAAG,gCAAgC,CAAC;AAC7D,MAAM,mBAAmB,GAAG,gCAAgC,CAAC;AAC7D,MAAM,mBAAmB,GAAG,gCAAgC,CAAC;AAC7D,MAAM,mBAAmB,GAAG,gCAAgC,CAAC;AAE7D,MAAM,wBAAwB,GAAG,GAAG,CAAC;AACrC,MAAM,wBAAwB,GAAG,GAAG,CAAC;AACrC,MAAM,wBAAwB,GAAG,GAAG,CAAC;AACrC,MAAM,wBAAwB,GAAG,GAAG,CAAC;AACrC,MAAM,wBAAwB,GAAG,IAAI,CAAC;AAEtC;;GAEG;AAEH,MAAM,OAAO,6BAA6B;IAGxC,YACU,kBAAyC,EACjD,eAAiC;QADzB,uBAAkB,GAAlB,kBAAkB,CAAuB;QAGjD,IAAI,CAAC,QAAQ,GAAG,eAAe,CAAC,cAAc,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;IACvE,CAAC;IAED;;OAEG;IACI,KAAK,CAAC,EAAc;QACzB,EAAE,CAAC,aAAa,CAAC,KAAK,EAAE,CAAC;IAC3B,CAAC;IAED;;;OAGG;IACI,UAAU,CAAC,EAAc;QAC9B,OAAO,EAAE,CAAC,aAAa,CAAC,aAAa,CAAC,aAAa,CAAC,CAAC;IACvD,CAAC;IAED;;;OAGG;IACI,qBAAqB,CAAC,KAAa;QACxC,IAAI,KAAK,IAAI,wBAAwB,EAAE;YACrC,OAAO,mBAAmB,CAAC,EAAE,CAAC;SAC/B;aAAM,IACL,KAAK,IAAI,wBAAwB;YACjC,KAAK,IAAI,wBAAwB,EACjC;YACA,OAAO,mBAAmB,CAAC,EAAE,CAAC;SAC/B;aAAM,IACL,KAAK,IAAI,wBAAwB;YACjC,KAAK,IAAI,wBAAwB,EACjC;YACA,OAAO,mBAAmB,CAAC,EAAE,CAAC;SAC/B;aAAM;YACL,OAAO,mBAAmB,CAAC,EAAE,CAAC;SAC/B;IACH,CAAC;IAED;;OAEG;IACI,cAAc,CAAC,OAAmB;QACvC,OAAO,OAAO,CAAC,aAAa,CAAC,UAAU,CAAC,qBAAqB,EAAE,CAAC,KAAK,CAAC;IACxE,CAAC;IAED;;OAEG;IACI,YAAY,CAAC,QAAoB,EAAE,OAAoB;QAC5D,OAAO,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;IAClD,CAAC;IAED;;OAEG;IACI,mBAAmB,CAAC,OAAmB,EAAE,QAAgB;QAC9D,MAAM,EAAE,GAAG,OAAO,CAAC,aAAa,CAAC;QACjC,MAAM,cAAc,GAAG,IAAI,CAAC,kBAAkB,CAAC,oBAAoB,CAAC,EAAE,EAAE;YACtE,gBAAgB,EAAE,IAAI;SACvB,CAAC,CAAC;QACH,IAAI,KAAK,GAAG,cAAc,CAAC,MAAM,CAAC;QAClC,OAAO,KAAK,EAAE,EAAE;YACd,cAAc,CAAC,KAAK,CAAC,CAAC,QAAQ,GAAG,QAAQ,CAAC;SAC3C;IACH,CAAC;IAED;;OAEG;IACI,kBAAkB,CACvB,OAAmB,EACnB,UAA+B;QAE/B,MAAM,QAAQ,GAAgB,OAAO,CAAC,aAAa,CAAC;QAEpD,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,QAAQ,EAAE,mBAAmB,CAAC,CAAC;QACzD,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,QAAQ,EAAE,mBAAmB,CAAC,CAAC;QACzD,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,QAAQ,EAAE,mBAAmB,CAAC,CAAC;QACzD,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,QAAQ,EAAE,mBAAmB,CAAC,CAAC;QAEzD,IAAI,QAAgB,CAAC;QAErB,2CAA2C;QAC3C,QAAQ,UAAU,EAAE;YAClB,KAAK,mBAAmB,CAAC,EAAE,CAAC,CAAC;gBAC3B,QAAQ,GAAG,mBAAmB,CAAC;gBAC/B,MAAM;aACP;YACD,KAAK,mBAAmB,CAAC,EAAE,CAAC,CAAC;gBAC3B,QAAQ,GAAG,mBAAmB,CAAC;gBAC/B,MAAM;aACP;YACD,KAAK,mBAAmB,CAAC,EAAE,CAAC,CAAC;gBAC3B,QAAQ,GAAG,mBAAmB,CAAC;gBAC/B,MAAM;aACP;YACD,KAAK,mBAAmB,CAAC,EAAE,CAAC,CAAC;gBAC3B,QAAQ,GAAG,mBAAmB,CAAC;gBAC/B,MAAM;aACP;SACF;QAED,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;IAC7C,CAAC;IAED;;OAEG;IACI,WAAW,CAAC,OAAmB,EAAE,QAAgB;QACtD,MAAM,EAAE,GAAG,OAAO,CAAC,aAAa,CAAC;QACjC,EAAE,CAAC,QAAQ,GAAG,QAAQ,CAAC;IACzB,CAAC;;2HAxHU,6BAA6B;+HAA7B,6BAA6B;4FAA7B,6BAA6B;kBADzC,UAAU","sourcesContent":["import {\n  ElementRef,\n  Injectable,\n  Renderer2,\n  RendererFactory2,\n} from '@angular/core';\nimport { SkyCoreAdapterService, SkyMediaBreakpoints } from '@skyux/core';\n\nconst RESPONSIVE_CLASS_XS = 'sky-selection-box-container-xs';\nconst RESPONSIVE_CLASS_SM = 'sky-selection-box-container-sm';\nconst RESPONSIVE_CLASS_MD = 'sky-selection-box-container-md';\nconst RESPONSIVE_CLASS_LG = 'sky-selection-box-container-lg';\n\nconst BREAKPOINT_XS_MAX_PIXELS = 767;\nconst BREAKPOINT_SM_MIN_PIXELS = 768;\nconst BREAKPOINT_SM_MAX_PIXELS = 991;\nconst BREAKPOINT_MD_MIN_PIXELS = 992;\nconst BREAKPOINT_MD_MAX_PIXELS = 1439;\n\n/**\n * @internal\n */\n@Injectable()\nexport class SkySelectionBoxAdapterService {\n  private renderer: Renderer2;\n\n  constructor(\n    private coreAdapterService: SkyCoreAdapterService,\n    rendererFactory: RendererFactory2\n  ) {\n    this.renderer = rendererFactory.createRenderer(undefined, undefined);\n  }\n\n  /**\n   * Sets focus on the specified element.\n   */\n  public focus(el: ElementRef): void {\n    el.nativeElement.focus();\n  }\n\n  /**\n   * Returns a child element with the `.sky-switch` class.\n   * Useful for getting SKY UX-themed radio buttons or checkboxes.\n   */\n  public getControl(el: ElementRef): HTMLElement {\n    return el.nativeElement.querySelector('.sky-switch');\n  }\n\n  /**\n   * Returns a breakpoint based on the width.\n   * @param width Width of the element in pixels.\n   */\n  public getBreakpointForWidth(width: number): SkyMediaBreakpoints {\n    if (width <= BREAKPOINT_XS_MAX_PIXELS) {\n      return SkyMediaBreakpoints.xs;\n    } else if (\n      width >= BREAKPOINT_SM_MIN_PIXELS &&\n      width <= BREAKPOINT_SM_MAX_PIXELS\n    ) {\n      return SkyMediaBreakpoints.sm;\n    } else if (\n      width >= BREAKPOINT_MD_MIN_PIXELS &&\n      width <= BREAKPOINT_MD_MAX_PIXELS\n    ) {\n      return SkyMediaBreakpoints.md;\n    } else {\n      return SkyMediaBreakpoints.lg;\n    }\n  }\n\n  /**\n   * Returns the width of the `parentNode` of the provided `element`.\n   */\n  public getParentWidth(element: ElementRef): number {\n    return element.nativeElement.parentNode.getBoundingClientRect().width;\n  }\n\n  /**\n   * Returns `true` if the `childEl` is a descendant of the `parentEl`.\n   */\n  public isDescendant(parentEl: ElementRef, childEl: HTMLElement): boolean {\n    return parentEl.nativeElement.contains(childEl);\n  }\n\n  /**\n   * Sets the `tabIndex` of all focusable children of the `element` to the provided `tabIndex`.\n   */\n  public setChildrenTabIndex(element: ElementRef, tabIndex: number): void {\n    const el = element.nativeElement;\n    const focusableElems = this.coreAdapterService.getFocusableChildren(el, {\n      ignoreVisibility: true,\n    });\n    let index = focusableElems.length;\n    while (index--) {\n      focusableElems[index].tabIndex = tabIndex;\n    }\n  }\n\n  /**\n   * Adds a responsive CSS class on the provided element based on its current width.\n   */\n  public setResponsiveClass(\n    element: ElementRef,\n    breakpoint: SkyMediaBreakpoints\n  ): void {\n    const nativeEl: HTMLElement = element.nativeElement;\n\n    this.renderer.removeClass(nativeEl, RESPONSIVE_CLASS_XS);\n    this.renderer.removeClass(nativeEl, RESPONSIVE_CLASS_SM);\n    this.renderer.removeClass(nativeEl, RESPONSIVE_CLASS_MD);\n    this.renderer.removeClass(nativeEl, RESPONSIVE_CLASS_LG);\n\n    let newClass: string;\n\n    // tslint:disable-next-line: switch-default\n    switch (breakpoint) {\n      case SkyMediaBreakpoints.xs: {\n        newClass = RESPONSIVE_CLASS_XS;\n        break;\n      }\n      case SkyMediaBreakpoints.sm: {\n        newClass = RESPONSIVE_CLASS_SM;\n        break;\n      }\n      case SkyMediaBreakpoints.md: {\n        newClass = RESPONSIVE_CLASS_MD;\n        break;\n      }\n      case SkyMediaBreakpoints.lg: {\n        newClass = RESPONSIVE_CLASS_LG;\n        break;\n      }\n    }\n\n    this.renderer.addClass(nativeEl, newClass);\n  }\n\n  /**\n   * Sets the `tabIndex` of the `element` to the provided `tabIndex`.\n   */\n  public setTabIndex(element: ElementRef, tabIndex: number): void {\n    const el = element.nativeElement;\n    el.tabIndex = tabIndex;\n  }\n}\n"]}

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"selection-box-description.component.js","sourceRoot":"","sources":["../../../../../../../../libs/components/forms/src/lib/modules/selection-box/selection-box-description.component.ts","../../../../../../../../libs/components/forms/src/lib/modules/selection-box/selection-box-description.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;;AAE1C;;GAEG;AAKH,MAAM,OAAO,mCAAmC;;iIAAnC,mCAAmC;qHAAnC,mCAAmC,qECThD,6BACA;4FDQa,mCAAmC;kBAJ/C,SAAS;mBAAC;oBACT,QAAQ,EAAE,+BAA+B;oBACzC,WAAW,EAAE,4CAA4C;iBAC1D","sourcesContent":["import { Component } from '@angular/core';\n\n/**\n * Specifies the description to display in a selection box.\n */\n@Component({\n  selector: 'sky-selection-box-description',\n  templateUrl: './selection-box-description.component.html',\n})\nexport class SkySelectionBoxDescriptionComponent {}\n","<ng-content></ng-content>\n"]}

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

@@ -1,132 +0,0 @@
-import { ChangeDetectionStrategy, Component, ContentChildren, ElementRef, HostListener, Input, NgZone, QueryList, ViewChild, ViewEncapsulation, } from '@angular/core';
-import { MutationObserverService, SkyCoreAdapterService, } from '@skyux/core';
-import { SkyThemeService } from '@skyux/theme';
-import { Subject } from 'rxjs';
-import { takeUntil } from 'rxjs/operators';
-import { SkySelectionBoxAdapterService } from './selection-box-adapter.service';
-import { SkySelectionBoxComponent } from './selection-box.component';
-import * as i0 from "@angular/core";
-import * as i1 from "@skyux/theme";
-import * as i2 from "@skyux/core";
-import * as i3 from "./selection-box-adapter.service";
-import * as i4 from "@angular/common";
-const SKY_SELECTION_BOX_CLASS_NAME = '.sky-selection-box';
-/**
- * Creates a grid layout for an array of selection boxes.
- */
-export class SkySelectionBoxGridComponent {
-    constructor(themeSvc, coreAdapterService, selectionBoxAdapter, hostElRef, mutationObserverSvc, ngZone) {
-        this.themeSvc = themeSvc;
-        this.coreAdapterService = coreAdapterService;
-        this.selectionBoxAdapter = selectionBoxAdapter;
-        this.hostElRef = hostElRef;
-        this.mutationObserverSvc = mutationObserverSvc;
-        this.ngZone = ngZone;
-        this.ngUnsubscribe = new Subject();
-    }
-    /**
-     * @internal
-     * Specifies how to display the selection boxes in the grid.
-     * @default 'center'
-     */
-    set alignItems(value) {
-        this._alignItems = value;
-    }
-    get alignItems() {
-        return this._alignItems || 'center';
-    }
-    set currentBreakpoint(value) {
-        if (value !== this._currentBreakpoint) {
-            this._currentBreakpoint = value;
-            this.selectionBoxAdapter.setResponsiveClass(this.elementRef, value);
-            this.updateChildrenHeights();
-        }
-    }
-    ngOnInit() {
-        /* istanbul ignore else */
-        if (this.themeSvc) {
-            this.themeSvc.settingsChange
-                .pipe(takeUntil(this.ngUnsubscribe))
-                .subscribe(() => {
-                this.updateBreakpointClass();
-                this.updateChildrenHeights();
-            });
-        }
-    }
-    ngAfterViewInit() {
-        this.updateBreakpointClass();
-        this.updateChildrenHeights();
-        this.initMutationObserver();
-    }
-    ngOnDestroy() {
-        this.ngUnsubscribe.next();
-        this.ngUnsubscribe.complete();
-        this.destroyMutationObserver();
-    }
-    onWindowResize() {
-        this.updateBreakpointClass();
-    }
-    initMutationObserver() {
-        /* istanbul ignore else */
-        if (!this.mutationObserver) {
-            const el = this.elementRef.nativeElement;
-            // MutationObserver is patched by Zone.js and therefore becomes part of the
-            // Angular change detection cycle, but this can lead to infinite loops in some
-            // scenarios. This will keep MutationObserver from triggering change detection.
-            this.ngZone.runOutsideAngular(() => {
-                this.mutationObserver = this.mutationObserverSvc.create(() => {
-                    this.updateChildrenHeights();
-                });
-                this.mutationObserver.observe(el, {
-                    characterData: true,
-                    subtree: true,
-                });
-            });
-        }
-    }
-    destroyMutationObserver() {
-        /* istanbul ignore else */
-        if (this.mutationObserver) {
-            this.mutationObserver.disconnect();
-            this.mutationObserver = undefined;
-        }
-    }
-    updateBreakpointClass() {
-        const parentWidth = this.selectionBoxAdapter.getParentWidth(this.hostElRef);
-        this.currentBreakpoint =
-            this.selectionBoxAdapter.getBreakpointForWidth(parentWidth);
-    }
-    updateChildrenHeights() {
-        this.coreAdapterService.resetHeight(this.elementRef, SKY_SELECTION_BOX_CLASS_NAME);
-        this.coreAdapterService.syncMaxHeight(this.elementRef, SKY_SELECTION_BOX_CLASS_NAME);
-    }
-}
-SkySelectionBoxGridComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkySelectionBoxGridComponent, deps: [{ token: i1.SkyThemeService }, { token: i2.SkyCoreAdapterService }, { token: i3.SkySelectionBoxAdapterService }, { token: i0.ElementRef }, { token: i2.MutationObserverService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-SkySelectionBoxGridComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkySelectionBoxGridComponent, selector: "sky-selection-box-grid", inputs: { alignItems: "alignItems" }, host: { listeners: { "window:resize": "onWindowResize()" } }, queries: [{ propertyName: "selectionBoxes", predicate: SkySelectionBoxComponent, read: SkySelectionBoxComponent }], viewQueries: [{ propertyName: "elementRef", first: true, predicate: ["container"], descendants: true, read: ElementRef, static: true }], ngImport: i0, template: "<div\n  class=\"sky-selection-box-grid\"\n  [ngClass]=\"'sky-selection-box-grid-align-' + alignItems\"\n  #container\n>\n  <ng-content select=\"sky-selection-box\"></ng-content>\n</div>\n", styles: [":host{display:block}.sky-selection-box-grid{display:flex;flex-flow:row wrap;padding:0 7.5px;margin:0 auto}.sky-selection-box-grid.sky-selection-box-grid-align-center{justify-content:center}.sky-selection-box-grid.sky-selection-box-grid-align-left{justify-content:flex-start}.sky-selection-box-grid>sky-selection-box{margin:0 7.5px 15px;height:100%}.sky-selection-box-grid.sky-selection-box-container-xs{max-width:374px}.sky-selection-box-grid.sky-selection-box-container-xs>sky-selection-box{flex:0 1 344px}.sky-selection-box-grid.sky-selection-box-container-xs .sky-selection-box{padding:15px}.sky-selection-box-grid.sky-selection-box-container-xs .sky-selection-box .sky-selection-box-icon{display:none}.sky-selection-box-grid.sky-selection-box-container-xs .sky-selection-box .sky-selection-box-header{font-size:20px;font-weight:400}.sky-selection-box-grid.sky-selection-box-container-sm{max-width:733px}.sky-selection-box-grid.sky-selection-box-container-sm>sky-selection-box{flex:0 1 344px}.sky-selection-box-grid.sky-selection-box-container-sm .sky-selection-box{padding:15px}.sky-selection-box-grid.sky-selection-box-container-sm .sky-selection-box .sky-selection-box-icon{display:none}.sky-selection-box-grid.sky-selection-box-container-sm .sky-selection-box .sky-selection-box-header{font-size:20px;font-weight:400}.sky-selection-box-grid.sky-selection-box-container-md{max-width:937px}.sky-selection-box-grid.sky-selection-box-container-md>sky-selection-box{flex:0 1 446px}.sky-selection-box-grid.sky-selection-box-container-lg{max-width:1398px}.sky-selection-box-grid.sky-selection-box-container-lg>sky-selection-box{flex:0 1 446px}\n"], directives: [{ type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkySelectionBoxGridComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'sky-selection-box-grid',
-                    templateUrl: './selection-box-grid.component.html',
-                    styleUrls: ['./selection-box-grid.component.scss'],
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    encapsulation: ViewEncapsulation.None,
-                }]
-        }], ctorParameters: function () { return [{ type: i1.SkyThemeService }, { type: i2.SkyCoreAdapterService }, { type: i3.SkySelectionBoxAdapterService }, { type: i0.ElementRef }, { type: i2.MutationObserverService }, { type: i0.NgZone }]; }, propDecorators: { alignItems: [{
-                type: Input
-            }], selectionBoxes: [{
-                type: ContentChildren,
-                args: [SkySelectionBoxComponent, {
-                        read: SkySelectionBoxComponent,
-                    }]
-            }], elementRef: [{
-                type: ViewChild,
-                args: ['container', {
-                        read: ElementRef,
-                        static: true,
-                    }]
-            }], onWindowResize: [{
-                type: HostListener,
-                args: ['window:resize']
-            }] } });
-//# sourceMappingURL=selection-box-grid.component.js.map