@skyux/forms 11.0.0-alpha.8 → 11.0.0-beta.0

package/index.d.ts

@@ -3,26 +3,29 @@ export { SkyCheckboxChange } from './lib/modules/checkbox/checkbox-change';
 export { SkyCheckboxGroupHeadingLevel } from './lib/modules/checkbox/checkbox-group-heading-level';
 export { SkyCheckboxGroupHeadingStyle } from './lib/modules/checkbox/checkbox-group-heading-style';
 export { SkyCheckboxModule } from './lib/modules/checkbox/checkbox.module';
-export { SkyFieldGroupModule } from './lib/modules/field-group/field-group.module';
 export { SkyFieldGroupHeadingLevel } from './lib/modules/field-group/field-group-heading-level';
 export { SkyFieldGroupHeadingStyle } from './lib/modules/field-group/field-group-heading-style';
+export { SkyFieldGroupModule } from './lib/modules/field-group/field-group.module';
+export { SkyFileAttachmentChange } from './lib/modules/file-attachment/file-attachment/file-attachment-change';
+export { SkyFileAttachmentClick } from './lib/modules/file-attachment/file-attachment/file-attachment-click';
+export { SkyFileAttachmentModule } from './lib/modules/file-attachment/file-attachment/file-attachment.module';
 export { SkyFileAttachmentsModule } from './lib/modules/file-attachment/file-attachments.module';
-export { SkyFileItem } from './lib/modules/file-attachment/file-item';
-export { SkyFileItemErrorType } from './lib/modules/file-attachment/file-item-error-type';
-export { SkyFileLink } from './lib/modules/file-attachment/file-link';
-export { SkyFileSizePipe } from './lib/modules/file-attachment/file-size.pipe';
-export { SkyFileAttachmentChange } from './lib/modules/file-attachment/types/file-attachment-change';
-export { SkyFileAttachmentClick } from './lib/modules/file-attachment/types/file-attachment-click';
-export { SkyFileDropChange } from './lib/modules/file-attachment/types/file-drop-change';
-export { SkyFormErrorsModule } from './lib/modules/form-error/form-errors.module';
+export { SkyFileDropChange } from './lib/modules/file-attachment/file-drop/file-drop-change';
+export { SkyFileDropModule } from './lib/modules/file-attachment/file-drop/file-drop.module';
+export { SkyFileLink } from './lib/modules/file-attachment/file-drop/file-link';
+export { SkyFileItem } from './lib/modules/file-attachment/shared/file-item';
+export { SkyFileItemErrorType } from './lib/modules/file-attachment/shared/file-item-error-type';
+export { SkyFileSizePipe } from './lib/modules/file-attachment/shared/file-size.pipe';
+export { SkyFileValidateFn } from './lib/modules/file-attachment/shared/file-validate-function';
 export { SkyFormErrorModule } from './lib/modules/form-error/form-error.module';
+export { SkyFormErrorsModule } from './lib/modules/form-error/form-errors.module';
 export { SkyInputBoxHostService } from './lib/modules/input-box/input-box-host.service';
 export { SkyInputBoxPopulateArgs } from './lib/modules/input-box/input-box-populate-args';
 export { SkyInputBoxModule } from './lib/modules/input-box/input-box.module';
+export { SkyRadioModule } from './lib/modules/radio/radio.module';
 export { SkyRadioChange } from './lib/modules/radio/types/radio-change';
 export { SkyRadioGroupHeadingLevel } from './lib/modules/radio/types/radio-group-heading-level';
 export { SkyRadioGroupHeadingStyle } from './lib/modules/radio/types/radio-group-heading-style';
-export { SkyRadioModule } from './lib/modules/radio/radio.module';
 export { SkyRadioType } from './lib/modules/radio/types/radio-type';
 export { SkyRequiredStateDirective } from './lib/modules/required-state/required-state.directive';
 export { SkySelectionBoxModule } from './lib/modules/selection-box/selection-box.module';
@@ -31,23 +34,22 @@ export { SkySelectionBoxGridAlignItemsType } from './lib/modules/selection-box/t
 export { SkyToggleSwitchModule } from './lib/modules/toggle-switch/toggle-switch.module';
 export { SkyToggleSwitchChange } from './lib/modules/toggle-switch/types/toggle-switch-change';
 export { SKY_FORM_ERRORS_ENABLED } from './lib/modules/form-error/form-errors-enabled-token';
-export { SkyFormFieldLabelTextRequiredService } from './lib/modules/shared/form-field-label-text-required.service';
 export { SkyCharacterCounterIndicatorComponent as λ1 } from './lib/modules/character-counter/character-counter-indicator.component';
-export { SkyCharacterCounterInputDirective as λ2 } from './lib/modules/character-counter/character-counter.directive';
 export { SkyCharacterCounterScreenReaderPipe as λ23 } from './lib/modules/character-counter/character-counter-screen-reader.pipe';
+export { SkyCharacterCounterInputDirective as λ2 } from './lib/modules/character-counter/character-counter.directive';
+export { SkyCheckboxGroupComponent as λ24 } from './lib/modules/checkbox/checkbox-group.component';
 export { SkyCheckboxLabelComponent as λ4 } from './lib/modules/checkbox/checkbox-label.component';
 export { SkyCheckboxComponent as λ3 } from './lib/modules/checkbox/checkbox.component';
-export { SkyCheckboxGroupComponent as λ24 } from './lib/modules/checkbox/checkbox-group.component';
 export { SkyFieldGroupComponent as λ25 } from './lib/modules/field-group/field-group.component';
-export { SkyFileAttachmentLabelComponent as λ6 } from './lib/modules/file-attachment/file-attachment-label.component';
-export { SkyFileAttachmentComponent as λ7 } from './lib/modules/file-attachment/file-attachment.component';
-export { SkyFileDropComponent as λ8 } from './lib/modules/file-attachment/file-drop.component';
-export { SkyFileItemComponent as λ9 } from './lib/modules/file-attachment/file-item.component';
-export { SkyFormErrorsComponent as λ21 } from './lib/modules/form-error/form-errors.component';
+export { SkyFileAttachmentLabelComponent as λ6 } from './lib/modules/file-attachment/file-attachment/file-attachment-label.component';
+export { SkyFileAttachmentComponent as λ7 } from './lib/modules/file-attachment/file-attachment/file-attachment.component';
+export { SkyFileDropComponent as λ8 } from './lib/modules/file-attachment/file-drop/file-drop.component';
+export { SkyFileItemComponent as λ9 } from './lib/modules/file-attachment/file-drop/file-item.component';
 export { SkyFormErrorComponent as λ22 } from './lib/modules/form-error/form-error.component';
+export { SkyFormErrorsComponent as λ21 } from './lib/modules/form-error/form-errors.component';
 export { SkyInputBoxControlDirective as λ20 } from './lib/modules/input-box/input-box-control.directive';
-export { SkyInputBoxComponent as λ10 } from './lib/modules/input-box/input-box.component';
 export { SkyInputBoxHintTextPipe as λ26 } from './lib/modules/input-box/input-box-hint-text.pipe';
+export { SkyInputBoxComponent as λ10 } from './lib/modules/input-box/input-box.component';
 export { SkyRadioGroupComponent as λ11 } from './lib/modules/radio/radio-group.component';
 export { SkyRadioLabelComponent as λ12 } from './lib/modules/radio/radio-label.component';
 export { SkyRadioComponent as λ13 } from './lib/modules/radio/radio.component';

package/lib/modules/checkbox/checkbox.component.d.ts

@@ -1,4 +1,4 @@
-import { ElementRef, EventEmitter, OnInit, TemplateRef } from '@angular/core';
+import { ElementRef, EventEmitter, TemplateRef } from '@angular/core';
 import { AbstractControl, ControlValueAccessor, ValidationErrors, Validator } from '@angular/forms';
 import { Observable } from 'rxjs';
 import { SkyCheckboxChange } from './checkbox-change';
@@ -8,7 +8,7 @@ import * as i1 from "@skyux/theme";
  * Replaces the HTML input element with `type="checkbox"`. When users select a checkbox, its value
  * is driven through an `ngModel` attribute that you specify on the `sky-checkbox` element.
  */
-export declare class SkyCheckboxComponent implements ControlValueAccessor, OnInit, Validator {
+export declare class SkyCheckboxComponent implements ControlValueAccessor, Validator {
     #private;
     /**
      * The ARIA label for the checkbox. This sets the checkbox's `aria-label` attribute
@@ -149,13 +149,11 @@ export declare class SkyCheckboxComponent implements ControlValueAccessor, OnIni
     get indeterminateChange(): Observable<boolean>;
     set inputEl(el: ElementRef | undefined);
     get inputEl(): ElementRef | undefined;
-    display: string | undefined;
     protected get isCheckboxRequired(): boolean;
     protected control: AbstractControl | undefined;
     protected inputId: string;
     protected readonly errorId: string;
     constructor();
-    ngOnInit(): void;
     validate(control: AbstractControl<boolean>): ValidationErrors | null;
     /**
      * Implemented as part of ControlValueAccessor.

package/lib/modules/file-attachment/{types → file-attachment}/file-attachment-change.d.ts

@@ -1,4 +1,4 @@
-import { SkyFileItem } from '../file-item';
+import { SkyFileItem } from '../shared/file-item';
 export interface SkyFileAttachmentChange {
     /**
      * The file that was added, or undefined if the file was removed.

package/lib/modules/file-attachment/{types → file-attachment}/file-attachment-click.d.ts

@@ -1,4 +1,4 @@
-import { SkyFileItem } from '../file-item';
+import { SkyFileItem } from '../shared/file-item';
 export interface SkyFileAttachmentClick {
     /**
      * The file that was clicked.

package/lib/modules/file-attachment/file-attachment/file-attachment-join-ids.pipe.d.ts

@@ -0,0 +1,11 @@
+import { PipeTransform } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * Joins an array of IDs with a single space.
+ * @internal
+ */
+export declare class SkyFileAttachmentJoinIdsPipe implements PipeTransform {
+    transform(...ids: (string | null | undefined)[]): string | null;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SkyFileAttachmentJoinIdsPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<SkyFileAttachmentJoinIdsPipe, "skyFileAttachmentJoinIds", true>;
+}

package/lib/modules/file-attachment/{file-attachment-label.component.d.ts → file-attachment/file-attachment-label.component.d.ts}

@@ -1,9 +1,11 @@
 import * as i0 from "@angular/core";
 /**
- * Displays a label above the file attachment element. To display a help button beside the label, include a help button
- * element, such as `sky-help-inline`, in the `sky-file-attachment-label` element and a `sky-control-help` CSS class on
- * that help button element.
- * @deprecated use the `labelText` input on the single file attachment component instead.
+ * Displays a label above the file attachment element. To display a help button
+ * beside the label, include a help button element, such as `sky-help-inline`,
+ * in the `sky-file-attachment-label` element and a `sky-control-help` CSS class
+ * on that help button element.
+ * @deprecated Use the `labelText` input on the single file attachment component
+ * instead.
  */
 export declare class SkyFileAttachmentLabelComponent {
     labelContentId: {
@@ -11,5 +13,5 @@ export declare class SkyFileAttachmentLabelComponent {
     } | undefined;
     constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<SkyFileAttachmentLabelComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SkyFileAttachmentLabelComponent, "sky-file-attachment-label", never, {}, {}, never, ["*", ".sky-control-help"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SkyFileAttachmentLabelComponent, "sky-file-attachment-label", never, {}, {}, never, ["*", ".sky-control-help"], true, never>;
 }

package/lib/modules/file-attachment/{file-attachment.component.d.ts → file-attachment/file-attachment.component.d.ts}

@@ -1,19 +1,19 @@
 import { AfterContentInit, AfterViewInit, ChangeDetectorRef, ElementRef, EventEmitter, OnDestroy, OnInit, QueryList, TemplateRef } from '@angular/core';
-import { NgControl, ValidationErrors } from '@angular/forms';
+import { ControlValueAccessor, NgControl, ValidationErrors } from '@angular/forms';
 import { SkyThemeService } from '@skyux/theme';
+import { SkyFileItem } from '../shared/file-item';
+import { SkyFileItemErrorType } from '../shared/file-item-error-type';
+import { SkyFileItemService } from '../shared/file-item.service';
+import { SkyFileValidateFn } from '../shared/file-validate-function';
+import { SkyFileAttachmentChange } from './file-attachment-change';
+import { SkyFileAttachmentClick } from './file-attachment-click';
 import { SkyFileAttachmentLabelComponent } from './file-attachment-label.component';
 import { SkyFileAttachmentService } from './file-attachment.service';
-import { SkyFileItem } from './file-item';
-import { SkyFileItemErrorType } from './file-item-error-type';
-import { SkyFileItemService } from './file-item.service';
-import { SkyFileValidateFn } from './file-validate-function';
-import { SkyFileAttachmentChange } from './types/file-attachment-change';
-import { SkyFileAttachmentClick } from './types/file-attachment-click';
 import * as i0 from "@angular/core";
 /**
  * Provides an element to attach a single local file.
  */
-export declare class SkyFileAttachmentComponent implements AfterViewInit, AfterContentInit, OnInit, OnDestroy {
+export declare class SkyFileAttachmentComponent implements AfterViewInit, AfterContentInit, ControlValueAccessor, OnInit, OnDestroy {
     #private;
     /**
      * The comma-delimited string literal of MIME types that users can attach.
@@ -81,21 +81,20 @@ export declare class SkyFileAttachmentComponent implements AfterViewInit, AfterC
     /**
      * The custom validation function. This validation runs alongside the internal
      * file validation. This function takes a `SkyFileItem` object as a parameter.
+     * @deprecated Add a custom Angular `Validator` function to the `FormControl` instead.
      */
     validateFn: SkyFileValidateFn | undefined;
     /**
      * Fires when users add or remove files.
+     * @deprecated Subscribe to the form control's `valueChanges` event instead.
      */
     fileChange: EventEmitter<SkyFileAttachmentChange>;
     /**
-     * Fires when users select the file name link. Make sure to bind the event.
-     * If you do not, the file name link will be a dead link.
+     * Fires when users select the file name link.
      */
     fileClick: EventEmitter<SkyFileAttachmentClick>;
     acceptedOver: boolean;
     hasLabelComponent: boolean;
-    fileDropDescriptionElementId: string;
-    labelElementId: string;
     rejectedOver: boolean;
     /**
      * Whether the input is required for form validation.
@@ -105,7 +104,6 @@ export declare class SkyFileAttachmentComponent implements AfterViewInit, AfterC
      * For more information about the `aria-required` attribute, see the [WAI-ARIA definition](https://www.w3.org/TR/wai-aria/#aria-required).
      */
     required: boolean;
-    display: string | undefined;
     set value(value: SkyFileItem | undefined | null);
     get value(): SkyFileItem | undefined;
     currentThemeName: string | undefined;
@@ -115,9 +113,11 @@ export declare class SkyFileAttachmentComponent implements AfterViewInit, AfterC
     inputEl: ElementRef | undefined;
     labelComponents: QueryList<SkyFileAttachmentLabelComponent> | undefined;
     isImage: boolean;
+    protected isData: boolean;
     protected get isRequired(): boolean;
     protected ngControl: NgControl | undefined;
     protected errorId: string;
+    protected labelId: string;
     protected fileErrorName: SkyFileItemErrorType | undefined;
     protected fileErrorParam: string | undefined;
     protected fileErrorValidation: ValidationErrors | null | undefined;
@@ -144,7 +144,7 @@ export declare class SkyFileAttachmentComponent implements AfterViewInit, AfterC
     setDisabledState(isDisabled: boolean): void;
     emitClick(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SkyFileAttachmentComponent, [null, null, null, { optional: true; self: true; }, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SkyFileAttachmentComponent, "sky-file-attachment", never, { "acceptedTypes": { "alias": "acceptedTypes"; "required": false; }; "acceptedTypesErrorMessage": { "alias": "acceptedTypesErrorMessage"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "helpPopoverContent": { "alias": "helpPopoverContent"; "required": false; }; "helpPopoverTitle": { "alias": "helpPopoverTitle"; "required": false; }; "helpKey": { "alias": "helpKey"; "required": false; }; "labelText": { "alias": "labelText"; "required": false; }; "labelHidden": { "alias": "labelHidden"; "required": false; }; "hintText": { "alias": "hintText"; "required": false; }; "maxFileSize": { "alias": "maxFileSize"; "required": false; }; "minFileSize": { "alias": "minFileSize"; "required": false; }; "stacked": { "alias": "stacked"; "required": false; }; "validateFn": { "alias": "validateFn"; "required": false; }; "required": { "alias": "required"; "required": false; }; }, { "fileChange": "fileChange"; "fileClick": "fileClick"; }, ["labelComponents"], ["sky-form-error", "sky-file-attachment-label"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SkyFileAttachmentComponent, "sky-file-attachment", never, { "acceptedTypes": { "alias": "acceptedTypes"; "required": false; }; "acceptedTypesErrorMessage": { "alias": "acceptedTypesErrorMessage"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "helpPopoverContent": { "alias": "helpPopoverContent"; "required": false; }; "helpPopoverTitle": { "alias": "helpPopoverTitle"; "required": false; }; "helpKey": { "alias": "helpKey"; "required": false; }; "labelText": { "alias": "labelText"; "required": false; }; "labelHidden": { "alias": "labelHidden"; "required": false; }; "hintText": { "alias": "hintText"; "required": false; }; "maxFileSize": { "alias": "maxFileSize"; "required": false; }; "minFileSize": { "alias": "minFileSize"; "required": false; }; "stacked": { "alias": "stacked"; "required": false; }; "validateFn": { "alias": "validateFn"; "required": false; }; "required": { "alias": "required"; "required": false; }; }, { "fileChange": "fileChange"; "fileClick": "fileClick"; }, ["labelComponents"], ["sky-file-attachment-label", "sky-form-error"], true, never>;
     static ngAcceptInputType_disabled: unknown;
     static ngAcceptInputType_labelHidden: unknown;
     static ngAcceptInputType_stacked: unknown;

package/lib/modules/file-attachment/file-attachment/file-attachment.module.d.ts

@@ -0,0 +1,9 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./file-attachment.component";
+import * as i2 from "./file-attachment-label.component";
+import * as i3 from "../../form-error/form-error.module";
+export declare class SkyFileAttachmentModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<SkyFileAttachmentModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SkyFileAttachmentModule, never, [typeof i1.SkyFileAttachmentComponent, typeof i2.SkyFileAttachmentLabelComponent], [typeof i1.SkyFileAttachmentComponent, typeof i2.SkyFileAttachmentLabelComponent, typeof i3.SkyFormErrorModule]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<SkyFileAttachmentModule>;
+}

package/lib/modules/file-attachment/{file-attachment.service.d.ts → file-attachment/file-attachment.service.d.ts}

@@ -1,5 +1,5 @@
-import { SkyFileItem } from './file-item';
-import { SkyFileValidateFn } from './file-validate-function';
+import { SkyFileItem } from '../shared/file-item';
+import { SkyFileValidateFn } from '../shared/file-validate-function';
 import * as i0 from "@angular/core";
 /**
  * @internal

package/lib/modules/file-attachment/file-attachments.module.d.ts

@@ -1,20 +1,11 @@
 import * as i0 from "@angular/core";
-import * as i1 from "./file-attachment.component";
-import * as i2 from "./file-attachment-label.component";
-import * as i3 from "./file-drop.component";
-import * as i4 from "./file-item.component";
-import * as i5 from "./file-size.pipe";
-import * as i6 from "@angular/common";
-import * as i7 from "@angular/forms";
-import * as i8 from "../shared/sky-forms-resources.module";
-import * as i9 from "../form-error/form-error.module";
-import * as i10 from "../form-error/form-errors.module";
-import * as i11 from "@skyux/icon";
-import * as i12 from "@skyux/core";
-import * as i13 from "@skyux/theme";
-import * as i14 from "@skyux/help-inline";
+import * as i1 from "./file-attachment/file-attachment.module";
+import * as i2 from "./file-drop/file-drop.module";
+/**
+ * @deprecated Import either `SkyFileAttachmentModule` or `SkyFileDropModule`.
+ */
 export declare class SkyFileAttachmentsModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<SkyFileAttachmentsModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<SkyFileAttachmentsModule, [typeof i1.SkyFileAttachmentComponent, typeof i2.SkyFileAttachmentLabelComponent, typeof i3.SkyFileDropComponent, typeof i4.SkyFileItemComponent, typeof i5.SkyFileSizePipe], [typeof i6.CommonModule, typeof i7.FormsModule, typeof i8.SkyFormsResourcesModule, typeof i9.SkyFormErrorModule, typeof i10.SkyFormErrorsModule, typeof i11.SkyIconModule, typeof i12.SkyIdModule, typeof i13.SkyThemeModule, typeof i12.SkyTrimModule, typeof i14.SkyHelpInlineModule], [typeof i1.SkyFileAttachmentComponent, typeof i2.SkyFileAttachmentLabelComponent, typeof i3.SkyFileDropComponent, typeof i4.SkyFileItemComponent, typeof i5.SkyFileSizePipe, typeof i9.SkyFormErrorModule]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SkyFileAttachmentsModule, never, [typeof i1.SkyFileAttachmentModule, typeof i2.SkyFileDropModule], [typeof i1.SkyFileAttachmentModule, typeof i2.SkyFileDropModule]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<SkyFileAttachmentsModule>;
 }

package/lib/modules/file-attachment/{types → file-drop}/file-drop-change.d.ts

@@ -1,4 +1,4 @@
-import { SkyFileItem } from '../file-item';
+import { SkyFileItem } from '../shared/file-item';
 export interface SkyFileDropChange {
     /**
      * The array of files that were added or removed.

package/lib/modules/file-attachment/{file-drop.component.d.ts → file-drop/file-drop.component.d.ts}

@@ -1,8 +1,8 @@
-import { ElementRef, EventEmitter, OnDestroy, OnInit, TemplateRef } from '@angular/core';
-import { SkyFileItem } from './file-item';
+import { ElementRef, EventEmitter, OnDestroy, TemplateRef } from '@angular/core';
+import { SkyFileItem } from '../shared/file-item';
+import { SkyFileValidateFn } from '../shared/file-validate-function';
+import { SkyFileDropChange } from './file-drop-change';
 import { SkyFileLink } from './file-link';
-import { SkyFileValidateFn } from './file-validate-function';
-import { SkyFileDropChange } from './types/file-drop-change';
 import * as i0 from "@angular/core";
 /**
  * Provides an element to attach multiple files where users can browse or drag and drop local files
@@ -14,7 +14,7 @@ import * as i0 from "@angular/core";
  * outside of the file drop component, you can place the `sky-file-drop-target` CSS class
  * on the element that receives drop events to exempt it from the drop exclusion rule.
  */
-export declare class SkyFileDropComponent implements OnInit, OnDestroy {
+export declare class SkyFileDropComponent implements OnDestroy {
     #private;
     /**
      * Fires when users add or remove files.
@@ -127,13 +127,11 @@ export declare class SkyFileDropComponent implements OnInit, OnDestroy {
      */
     helpKey: string | undefined;
     inputEl: ElementRef | undefined;
-    display: string | undefined;
     rejectedOver: boolean;
     acceptedOver: boolean;
     linkUrl: string | undefined;
     protected errorId: string;
     protected rejectedFiles: SkyFileItem[];
-    ngOnInit(): void;
     ngOnDestroy(): void;
     dropClicked(): void;
     fileChangeEvent(fileChangeEvent: Event): void;
@@ -145,7 +143,7 @@ export declare class SkyFileDropComponent implements OnInit, OnDestroy {
     addLink(event: Event): void;
     onLinkBlur(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SkyFileDropComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SkyFileDropComponent, "sky-file-drop", never, { "fileUploadAriaLabel": { "alias": "fileUploadAriaLabel"; "required": false; }; "linkUploadAriaLabel": { "alias": "linkUploadAriaLabel"; "required": false; }; "minFileSize": { "alias": "minFileSize"; "required": false; }; "maxFileSize": { "alias": "maxFileSize"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "validateFn": { "alias": "validateFn"; "required": false; }; "acceptedTypes": { "alias": "acceptedTypes"; "required": false; }; "acceptedTypesErrorMessage": { "alias": "acceptedTypesErrorMessage"; "required": false; }; "noClick": { "alias": "noClick"; "required": false; }; "allowLinks": { "alias": "allowLinks"; "required": false; }; "labelText": { "alias": "labelText"; "required": false; }; "labelHidden": { "alias": "labelHidden"; "required": false; }; "hintText": { "alias": "hintText"; "required": false; }; "required": { "alias": "required"; "required": false; }; "helpPopoverContent": { "alias": "helpPopoverContent"; "required": false; }; "helpPopoverTitle": { "alias": "helpPopoverTitle"; "required": false; }; "stacked": { "alias": "stacked"; "required": false; }; "helpKey": { "alias": "helpKey"; "required": false; }; }, { "filesChanged": "filesChanged"; "linkInputBlur": "linkInputBlur"; "linkChanged": "linkChanged"; }, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SkyFileDropComponent, "sky-file-drop", never, { "fileUploadAriaLabel": { "alias": "fileUploadAriaLabel"; "required": false; }; "linkUploadAriaLabel": { "alias": "linkUploadAriaLabel"; "required": false; }; "minFileSize": { "alias": "minFileSize"; "required": false; }; "maxFileSize": { "alias": "maxFileSize"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "validateFn": { "alias": "validateFn"; "required": false; }; "acceptedTypes": { "alias": "acceptedTypes"; "required": false; }; "acceptedTypesErrorMessage": { "alias": "acceptedTypesErrorMessage"; "required": false; }; "noClick": { "alias": "noClick"; "required": false; }; "allowLinks": { "alias": "allowLinks"; "required": false; }; "labelText": { "alias": "labelText"; "required": false; }; "labelHidden": { "alias": "labelHidden"; "required": false; }; "hintText": { "alias": "hintText"; "required": false; }; "required": { "alias": "required"; "required": false; }; "helpPopoverContent": { "alias": "helpPopoverContent"; "required": false; }; "helpPopoverTitle": { "alias": "helpPopoverTitle"; "required": false; }; "stacked": { "alias": "stacked"; "required": false; }; "helpKey": { "alias": "helpKey"; "required": false; }; }, { "filesChanged": "filesChanged"; "linkInputBlur": "linkInputBlur"; "linkChanged": "linkChanged"; }, never, ["*"], true, never>;
     static ngAcceptInputType_labelHidden: unknown;
     static ngAcceptInputType_required: unknown;
     static ngAcceptInputType_stacked: unknown;

package/lib/modules/file-attachment/file-drop/file-drop.module.d.ts

@@ -0,0 +1,9 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./file-drop.component";
+import * as i2 from "./file-item.component";
+import * as i3 from "../../form-error/form-error.module";
+export declare class SkyFileDropModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<SkyFileDropModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SkyFileDropModule, never, [typeof i1.SkyFileDropComponent, typeof i2.SkyFileItemComponent], [typeof i1.SkyFileDropComponent, typeof i2.SkyFileItemComponent, typeof i3.SkyFormErrorModule]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<SkyFileDropModule>;
+}

package/lib/modules/file-attachment/{file-item.component.d.ts → file-drop/file-item.component.d.ts}

@@ -1,6 +1,6 @@
 import { DoCheck, EventEmitter, KeyValueDiffers } from '@angular/core';
-import { SkyFileItem } from './file-item';
-import { SkyFileItemService } from './file-item.service';
+import { SkyFileItem } from '../shared/file-item';
+import { SkyFileItemService } from '../shared/file-item.service';
 import { SkyFileLink } from './file-link';
 import * as i0 from "@angular/core";
 export declare class SkyFileItemComponent implements DoCheck {
@@ -29,5 +29,5 @@ export declare class SkyFileItemComponent implements DoCheck {
     ngDoCheck(): void;
     itemDelete(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SkyFileItemComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SkyFileItemComponent, "sky-file-item", never, { "fileItem": { "alias": "fileItem"; "required": false; }; }, { "deleteFile": "deleteFile"; }, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SkyFileItemComponent, "sky-file-item", never, { "fileItem": { "alias": "fileItem"; "required": false; }; }, { "deleteFile": "deleteFile"; }, never, ["*"], true, never>;
 }

package/lib/modules/file-attachment/{file-size.pipe.d.ts → shared/file-size.pipe.d.ts}

@@ -1,4 +1,3 @@
-import { DecimalPipe } from '@angular/common';
 import { PipeTransform } from '@angular/core';
 import { SkyLibResourcesService } from '@skyux/i18n';
 import * as i0 from "@angular/core";
@@ -7,8 +6,8 @@ import * as i0 from "@angular/core";
  */
 export declare class SkyFileSizePipe implements PipeTransform {
     #private;
-    constructor(decimalPipe: DecimalPipe, resourcesService: SkyLibResourcesService);
+    constructor(resourcesService: SkyLibResourcesService);
     transform(input?: number | string | null): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<SkyFileSizePipe, never>;
-    static ɵpipe: i0.ɵɵPipeDeclaration<SkyFileSizePipe, "skyFileSize", false>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<SkyFileSizePipe, "skyFileSize", true>;
 }

package/lib/modules/form-error/form-errors.component.d.ts

@@ -13,14 +13,18 @@ export declare class SkyFormErrorsComponent {
      */
     labelText: string | undefined;
     /**
-     * Indicates whether to show error messages, which might only be true if the
-     * form control is touched or dirty.
+     * Indicates whether the parent component's control is touched
      */
-    showErrors: boolean;
+    touched: boolean;
+    /**
+     * Indicates whether the parent component's control is dirty
+     */
+    dirty: boolean;
     protected readonly ariaAtomic = "true";
     protected readonly ariaLive = "assertive";
     protected readonly ariaRelevant = "all";
     static ɵfac: i0.ɵɵFactoryDeclaration<SkyFormErrorsComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SkyFormErrorsComponent, "sky-form-errors", never, { "errors": { "alias": "errors"; "required": false; }; "labelText": { "alias": "labelText"; "required": false; }; "showErrors": { "alias": "showErrors"; "required": false; }; }, {}, never, ["*"], true, never>;
-    static ngAcceptInputType_showErrors: any;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SkyFormErrorsComponent, "sky-form-errors", never, { "errors": { "alias": "errors"; "required": false; }; "labelText": { "alias": "labelText"; "required": false; }; "touched": { "alias": "touched"; "required": false; }; "dirty": { "alias": "dirty"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ngAcceptInputType_touched: unknown;
+    static ngAcceptInputType_dirty: unknown;
 }

package/lib/modules/input-box/input-box-host.service.d.ts

@@ -1,3 +1,4 @@
+import { OnDestroy } from '@angular/core';
 import { Observable } from 'rxjs';
 import { SkyInputBoxPopulateArgs } from './input-box-populate-args';
 import { SkyInputBoxComponent } from './input-box.component';
@@ -5,17 +6,25 @@ import * as i0 from "@angular/core";
 /**
  * @internal
  */
-export declare class SkyInputBoxHostService {
+export declare class SkyInputBoxHostService implements OnDestroy {
     #private;
+    required: Observable<boolean>;
     get controlId(): string;
     get labelId(): string;
     get labelText(): string;
     get ariaDescribedBy(): Observable<string | undefined> | undefined;
     init(host: SkyInputBoxComponent): void;
+    ngOnDestroy(): void;
     populate(args: SkyInputBoxPopulateArgs): void;
     setHintText(hintText: string | undefined): void;
     setHintTextHidden(hide: boolean): void;
     setHintTextScreenReaderOnly(hide: boolean): void;
+    /**
+     * Set required so that input box displays the label correctly. When the input is supplied by the consumer it is a content
+     * child that input box can read required from and this is unnecessary. When the input is supplied internally by the
+     * component the input box does not have a ref to it, so the component needs to inform the input box of its required state.
+     */
+    setRequired(required: boolean): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SkyInputBoxHostService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<SkyInputBoxHostService>;
 }

package/lib/modules/input-box/input-box.component.d.ts

@@ -66,10 +66,6 @@ export declare class SkyInputBoxComponent implements OnInit, AfterContentChecked
      */
     set hintText(value: string | undefined);
     get hintText(): string | undefined;
-    /**
-     * @internal
-     */
-    errorsScreenReaderOnly: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
     hostInputTemplate: TemplateRef<unknown> | undefined;
     hostButtonsTemplate: TemplateRef<unknown> | undefined;
     hostButtonsInsetTemplate: TemplateRef<unknown> | undefined;
@@ -86,13 +82,11 @@ export declare class SkyInputBoxComponent implements OnInit, AfterContentChecked
     readonly hintTextId: string;
     readonly ariaDescribedBy: ReplaySubject<string | undefined>;
     cssClass: string;
-    display: string | undefined;
     formControl: FormControlDirective | undefined;
     formControlByName: FormControlName | undefined;
     ngModel: NgModel | undefined;
     inputRef: ElementRef | undefined;
     protected controlDir: AbstractControlDirective | undefined;
-    protected helpPopoverOpen: boolean | undefined;
     protected get isDisabled(): boolean;
     protected get hasErrorsComputed(): boolean;
     protected get required(): boolean;
@@ -108,5 +102,5 @@ export declare class SkyInputBoxComponent implements OnInit, AfterContentChecked
     setHostHintText(value: string | undefined): void;
     setHintTextScreenReaderOnly(hide: boolean): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SkyInputBoxComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SkyInputBoxComponent, "sky-input-box", never, { "hasErrors": { "alias": "hasErrors"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "labelText": { "alias": "labelText"; "required": false; }; "characterLimit": { "alias": "characterLimit"; "required": false; }; "stacked": { "alias": "stacked"; "required": false; }; "helpPopoverTitle": { "alias": "helpPopoverTitle"; "required": false; }; "helpPopoverContent": { "alias": "helpPopoverContent"; "required": false; }; "helpKey": { "alias": "helpKey"; "required": false; }; "hintText": { "alias": "hintText"; "required": false; }; "errorsScreenReaderOnly": { "alias": "errorsScreenReaderOnly"; "required": false; "isSignal": true; }; }, {}, ["formControl", "formControlByName", "ngModel", "inputRef"], [".sky-control-label", ".sky-control-help", "sky-character-counter-indicator", "input,select,.sky-form-control:not(textarea),sky-text-editor", "textarea", ".sky-input-group-btn.sky-input-box-btn-left", ".sky-input-group-btn:not(.sky-input-box-btn-left):not(.sky-input-box-btn-inset)", ".sky-input-group-btn.sky-input-box-btn-inset", ".sky-input-group-icon.sky-input-box-icon-inset", ".sky-input-group-icon.sky-input-box-icon-inset-left", "sky-form-error", ".sky-error-label,.sky-error-indicator"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SkyInputBoxComponent, "sky-input-box", never, { "hasErrors": { "alias": "hasErrors"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "labelText": { "alias": "labelText"; "required": false; }; "characterLimit": { "alias": "characterLimit"; "required": false; }; "stacked": { "alias": "stacked"; "required": false; }; "helpPopoverTitle": { "alias": "helpPopoverTitle"; "required": false; }; "helpPopoverContent": { "alias": "helpPopoverContent"; "required": false; }; "helpKey": { "alias": "helpKey"; "required": false; }; "hintText": { "alias": "hintText"; "required": false; }; }, {}, ["formControl", "formControlByName", "ngModel", "inputRef"], [".sky-control-label", ".sky-control-help", "sky-character-counter-indicator", "input,select,.sky-form-control:not(textarea),sky-text-editor", "textarea", ".sky-input-group-btn.sky-input-box-btn-left", ".sky-input-group-btn:not(.sky-input-box-btn-left):not(.sky-input-box-btn-inset)", ".sky-input-group-btn.sky-input-box-btn-inset", ".sky-input-group-icon.sky-input-box-icon-inset", ".sky-input-group-icon.sky-input-box-icon-inset-left", "sky-form-error", ".sky-error-label,.sky-error-indicator"], false, never>;
 }

package/lib/modules/radio/radio-group.component.d.ts

@@ -1,4 +1,4 @@
-import { AfterContentInit, ChangeDetectorRef, OnDestroy, OnInit, QueryList, TemplateRef } from '@angular/core';
+import { AfterContentInit, ChangeDetectorRef, OnDestroy, QueryList, TemplateRef } from '@angular/core';
 import { NgControl } from '@angular/forms';
 import { SkyRadioGroupIdService } from './radio-group-id.service';
 import { SkyRadioComponent } from './radio.component';
@@ -11,7 +11,7 @@ import * as i0 from "@angular/core";
  * 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 declare class SkyRadioGroupComponent implements AfterContentInit, OnInit, OnDestroy {
+export declare class SkyRadioGroupComponent implements AfterContentInit, OnDestroy {
     #private;
     /**
      * The HTML element ID of the element that labels
@@ -127,7 +127,6 @@ export declare class SkyRadioGroupComponent implements AfterContentInit, OnInit,
      */
     ariaOwns: string | undefined;
     radios: QueryList<SkyRadioComponent> | undefined;
-    display: string | undefined;
     stackedLg: boolean;
     stackedXL: boolean;
     protected get isRequired(): boolean;
@@ -137,7 +136,6 @@ export declare class SkyRadioGroupComponent implements AfterContentInit, OnInit,
     constructor(changeDetector: ChangeDetectorRef, radioGroupIdSvc: SkyRadioGroupIdService, ngControl: NgControl);
     ngAfterContentInit(): void;
     watchForSelections(): void;
-    ngOnInit(): void;
     ngOnDestroy(): void;
     writeValue(value: unknown): void;
     /**

package/lib/modules/radio/radio.component.d.ts

@@ -1,4 +1,4 @@
-import { EventEmitter, OnDestroy, OnInit, TemplateRef } from '@angular/core';
+import { EventEmitter, OnDestroy, TemplateRef } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
 import { Subject } from 'rxjs';
 import { SkyRadioChange } from './types/radio-change';
@@ -9,7 +9,7 @@ import * as i0 from "@angular/core";
  * 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 declare class SkyRadioComponent implements OnInit, OnDestroy, ControlValueAccessor {
+export declare class SkyRadioComponent implements OnDestroy, ControlValueAccessor {
     #private;
     /**
      * Fires when users focus off a radio button.
@@ -137,13 +137,11 @@ export declare class SkyRadioComponent implements OnInit, OnDestroy, ControlValu
      * Fires when the selected value changes.
      */
     disabledChange: EventEmitter<boolean>;
-    display: string | undefined;
     set selectedValue(value: any);
     get selectedValue(): any;
     radioGroupDisabled: boolean;
     protected inputId: string;
     constructor();
-    ngOnInit(): void;
     ngOnDestroy(): void;
     writeValue(value: unknown): void;
     /**

package/lib/modules/toggle-switch/toggle-switch.component.d.ts

@@ -1,10 +1,10 @@
-import { AfterContentInit, ChangeDetectorRef, EventEmitter, OnDestroy, OnInit, QueryList, TemplateRef } from '@angular/core';
+import { AfterContentInit, ChangeDetectorRef, EventEmitter, OnDestroy, QueryList, TemplateRef } from '@angular/core';
 import { AbstractControl, ControlValueAccessor, ValidationErrors, Validator } from '@angular/forms';
 import { SkyIdService } from '@skyux/core';
 import { SkyToggleSwitchLabelComponent } from './toggle-switch-label.component';
 import { SkyToggleSwitchChange } from './types/toggle-switch-change';
 import * as i0 from "@angular/core";
-export declare class SkyToggleSwitchComponent implements AfterContentInit, OnInit, OnDestroy, ControlValueAccessor, Validator {
+export declare class SkyToggleSwitchComponent implements AfterContentInit, OnDestroy, ControlValueAccessor, Validator {
     #private;
     /**
      * The ARIA label for the toggle switch. This sets the `aria-label`
@@ -65,10 +65,8 @@ export declare class SkyToggleSwitchComponent implements AfterContentInit, OnIni
     labelId: string;
     enableIndicatorAnimation: boolean;
     labelComponents: QueryList<SkyToggleSwitchLabelComponent> | undefined;
-    display: string | undefined;
     constructor(changeDetector: ChangeDetectorRef, idService: SkyIdService);
     ngAfterContentInit(): void;
-    ngOnInit(): void;
     ngOnDestroy(): void;
     writeValue(value: boolean): void;
     validate(control: AbstractControl): ValidationErrors | null;
@@ -78,6 +76,6 @@ export declare class SkyToggleSwitchComponent implements AfterContentInit, OnIni
     onButtonClick(event: any): void;
     onButtonBlur(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SkyToggleSwitchComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SkyToggleSwitchComponent, "sky-toggle-switch", never, { "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "checked": { "alias": "checked"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "helpPopoverContent": { "alias": "helpPopoverContent"; "required": false; }; "helpPopoverTitle": { "alias": "helpPopoverTitle"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "labelText": { "alias": "labelText"; "required": false; }; "labelHidden": { "alias": "labelHidden"; "required": false; }; "helpKey": { "alias": "helpKey"; "required": false; }; }, { "toggleChange": "toggleChange"; }, ["labelComponents"], [".sky-control-help", "sky-toggle-switch-label"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SkyToggleSwitchComponent, "sky-toggle-switch", never, { "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "checked": { "alias": "checked"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "helpPopoverContent": { "alias": "helpPopoverContent"; "required": false; }; "helpPopoverTitle": { "alias": "helpPopoverTitle"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "labelText": { "alias": "labelText"; "required": false; }; "labelHidden": { "alias": "labelHidden"; "required": false; }; "helpKey": { "alias": "helpKey"; "required": false; }; }, { "toggleChange": "toggleChange"; }, ["labelComponents"], ["sky-toggle-switch-label", ".sky-control-help"], false, never>;
     static ngAcceptInputType_labelHidden: unknown;
 }