@skyux/forms 11.0.0-alpha.0 → 11.0.0-alpha.10

package/index.d.ts

@@ -3,26 +3,28 @@ 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 { 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 +33,24 @@ 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 { SkyFormFieldLabelTextRequiredDirective } from './lib/modules/shared/form-field-label-text-required.directive';
 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-group.component.d.ts

@@ -36,7 +36,7 @@ export declare class SkyCheckboxGroupComponent implements Validator {
      * The heading [font style](https://developer.blackbaud.com/skyux/design/styles/typography#headings).
      * @default 4
      */
-    headingStyle: SkyCheckboxGroupHeadingStyle;
+    set headingStyle(value: SkyCheckboxGroupHeadingStyle);
     /**
      * [Persistent inline help text](https://developer.blackbaud.com/skyux/design/guidelines/user-assistance#inline-help) that provides
      * additional context to the user.
@@ -60,8 +60,8 @@ export declare class SkyCheckboxGroupComponent implements Validator {
     helpKey: string | undefined;
     stackedLg: boolean;
     stackedXL: boolean;
-    get headingClass(): string;
     protected errorId: string;
+    protected headingClass: string;
     protected formErrorsDataId: string;
     protected formGroup: FormGroup | null | undefined;
     validate(formGroup: FormGroup): ValidationErrors | null;

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

@@ -1,14 +1,15 @@
-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';
 import * as i0 from "@angular/core";
 import * as i1 from "@skyux/theme";
+import * as i2 from "../shared/form-field-label-text-required.directive";
 /**
  * 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
@@ -38,7 +39,7 @@ export declare class SkyCheckboxComponent implements ControlValueAccessor, OnIni
      * To set the disabled state on reactive forms, use the `FormControl` instead.
      * @default false
      */
-    set disabled(value: boolean | undefined);
+    set disabled(value: boolean);
     /**
      * Whether the checkbox is disabled.
      */
@@ -149,13 +150,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.
@@ -182,7 +181,8 @@ export declare class SkyCheckboxComponent implements ControlValueAccessor, OnIni
     /** Called when the checkbox is blurred. Needed to properly implement ControlValueAccessor. */
     onTouched: () => any;
     static ɵfac: i0.ɵɵFactoryDeclaration<SkyCheckboxComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SkyCheckboxComponent, "sky-checkbox", never, { "label": { "alias": "label"; "required": false; }; "labelledBy": { "alias": "labelledBy"; "required": false; }; "id": { "alias": "id"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "name": { "alias": "name"; "required": false; }; "helpPopoverContent": { "alias": "helpPopoverContent"; "required": false; }; "helpPopoverTitle": { "alias": "helpPopoverTitle"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "checkboxType": { "alias": "checkboxType"; "required": false; }; "checked": { "alias": "checked"; "required": false; }; "indeterminate": { "alias": "indeterminate"; "required": false; }; "required": { "alias": "required"; "required": false; }; "labelText": { "alias": "labelText"; "required": false; }; "labelHidden": { "alias": "labelHidden"; "required": false; }; "hintText": { "alias": "hintText"; "required": false; }; "stacked": { "alias": "stacked"; "required": false; }; "helpKey": { "alias": "helpKey"; "required": false; }; }, { "change": "change"; "checkedChange": "checkedChange"; "disabledChange": "disabledChange"; "indeterminateChange": "indeterminateChange"; }, never, ["sky-checkbox-label", "sky-form-error"], false, [{ directive: typeof i1.SkyThemeComponentClassDirective; inputs: {}; outputs: {}; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SkyCheckboxComponent, "sky-checkbox", never, { "label": { "alias": "label"; "required": false; }; "labelledBy": { "alias": "labelledBy"; "required": false; }; "id": { "alias": "id"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "name": { "alias": "name"; "required": false; }; "helpPopoverContent": { "alias": "helpPopoverContent"; "required": false; }; "helpPopoverTitle": { "alias": "helpPopoverTitle"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "checkboxType": { "alias": "checkboxType"; "required": false; }; "checked": { "alias": "checked"; "required": false; }; "indeterminate": { "alias": "indeterminate"; "required": false; }; "required": { "alias": "required"; "required": false; }; "labelText": { "alias": "labelText"; "required": false; }; "labelHidden": { "alias": "labelHidden"; "required": false; }; "hintText": { "alias": "hintText"; "required": false; }; "stacked": { "alias": "stacked"; "required": false; }; "helpKey": { "alias": "helpKey"; "required": false; }; }, { "change": "change"; "checkedChange": "checkedChange"; "disabledChange": "disabledChange"; "indeterminateChange": "indeterminateChange"; }, never, ["sky-checkbox-label", "sky-form-error"], false, [{ directive: typeof i1.SkyThemeComponentClassDirective; inputs: {}; outputs: {}; }, { directive: typeof i2.SkyFormFieldLabelTextRequiredDirective; inputs: { "labelText": "labelText"; }; outputs: {}; }]>;
+    static ngAcceptInputType_disabled: unknown;
     static ngAcceptInputType_required: unknown;
     static ngAcceptInputType_labelHidden: unknown;
     static ngAcceptInputType_stacked: unknown;

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,20 @@
 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";
+import * as i1 from "../../shared/form-field-label-text-required.directive";
 /**
  * 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.
@@ -21,13 +22,16 @@ export declare class SkyFileAttachmentComponent implements AfterViewInit, AfterC
      * @required
      */
     acceptedTypes: string | undefined;
+    /**
+     * A custom error message to display when a file doesn't match the accepted types.
+     * This replaces a default error message that lists all accepted types.
+     */
+    acceptedTypesErrorMessage: string | undefined;
     /**
      * Whether to disable the input on template-driven forms. Don't use this input on reactive forms because they may overwrite the input or leave the control out of sync.
      * To set the disabled state on reactive forms, use the `FormControl` instead.
-     * @default false
      */
-    set disabled(value: boolean | undefined);
-    get disabled(): boolean;
+    disabled: boolean;
     /**
      * The content of the help popover. When specified along with `labelText`, a [help inline](https://developer.blackbaud.com/skyux/components/help-inline)
      * button is added to the single file attachment label. The help inline button displays a [popover](https://developer.blackbaud.com/skyux/components/popover)
@@ -78,21 +82,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.
@@ -101,8 +104,7 @@ export declare class SkyFileAttachmentComponent implements AfterViewInit, AfterC
      * is complete.
      * For more information about the `aria-required` attribute, see the [WAI-ARIA definition](https://www.w3.org/TR/wai-aria/#aria-required).
      */
-    required: boolean | undefined;
-    display: string | undefined;
+    required: boolean;
     set value(value: SkyFileItem | undefined | null);
     get value(): SkyFileItem | undefined;
     currentThemeName: string | undefined;
@@ -112,6 +114,8 @@ 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 fileErrorName: SkyFileItemErrorType | undefined;
@@ -140,7 +144,9 @@ 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; }; "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-form-error", "sky-file-attachment-label"], true, [{ directive: typeof i1.SkyFormFieldLabelTextRequiredDirective; inputs: { "labelText": "labelText"; }; outputs: {}; }]>;
+    static ngAcceptInputType_disabled: unknown;
     static ngAcceptInputType_labelHidden: unknown;
     static ngAcceptInputType_stacked: unknown;
+    static ngAcceptInputType_required: 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,9 +1,10 @@
-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";
+import * as i1 from "../../shared/form-field-label-text-required.directive";
 /**
  * Provides an element to attach multiple files where users can browse or drag and drop local files
  * or provide hyperlinks to external files. You can leave the contents of the component
@@ -14,7 +15,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.
@@ -70,6 +71,11 @@ export declare class SkyFileDropComponent implements OnInit, OnDestroy {
      * @required
      */
     acceptedTypes: string | undefined;
+    /**
+     * A custom error message to display when a file doesn't match the accepted types.
+     * This replaces a default error message that lists all accepted types.
+     */
+    acceptedTypesErrorMessage: string | undefined;
     /**
      * Whether to disable the option to browse for files to attach.
      */
@@ -122,13 +128,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;
@@ -140,7 +144,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; }; "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, [{ directive: typeof i1.SkyFormFieldLabelTextRequiredDirective; inputs: { "labelText": "labelText"; }; outputs: {}; }]>;
     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);
-    transform(input?: number | null): string;
+    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/input-box/input-box-host.service.d.ts

@@ -8,6 +8,7 @@ import * as i0 from "@angular/core";
 export declare class SkyInputBoxHostService {
     #private;
     get controlId(): string;
+    get labelId(): string;
     get labelText(): string;
     get ariaDescribedBy(): Observable<string | undefined> | undefined;
     init(host: SkyInputBoxComponent): void;

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

@@ -4,6 +4,7 @@ import { AbstractControlDirective, FormControlDirective, FormControlName, NgMode
 import { ReplaySubject } from 'rxjs';
 import { SkyInputBoxPopulateArgs } from './input-box-populate-args';
 import * as i0 from "@angular/core";
+import * as i1 from "../shared/form-field-label-text-required.directive";
 /**
  * A wrapper component that provides styling and accessibility to form elements.
  */
@@ -81,17 +82,16 @@ export declare class SkyInputBoxComponent implements OnInit, AfterContentChecked
     protected hintTextScreenReaderOnly: boolean;
     protected hostHintText: string | undefined;
     readonly controlId: string;
+    readonly labelId: string;
     readonly errorId: string;
     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;
@@ -107,5 +107,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; }; "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, [{ directive: typeof i1.SkyFormFieldLabelTextRequiredDirective; inputs: { "labelText": "labelText"; }; outputs: {}; }]>;
 }