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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@skyux/forms",
-  "version": "15.0.0-alpha.0",
+  "version": "15.0.0-alpha.10",
   "author": "Blackbaud, Inc.",
   "keywords": [
     "blackbaud",
@@ -16,28 +16,22 @@
   },
   "homepage": "https://github.com/blackbaud/skyux#readme",
   "peerDependencies": {
-    "@angular/cdk": "^22.0.1",
-    "@angular/common": "^22.0.1",
-    "@angular/core": "^22.0.1",
-    "@angular/forms": "^22.0.1",
-    "@angular/platform-browser": "^22.0.1",
-    "@skyux-sdk/testing": "15.0.0-alpha.0",
-    "@skyux/core": "15.0.0-alpha.0",
-    "@skyux/help-inline": "15.0.0-alpha.0",
-    "@skyux/i18n": "15.0.0-alpha.0",
-    "@skyux/icon": "15.0.0-alpha.0",
-    "@skyux/indicators": "15.0.0-alpha.0",
-    "@skyux/popovers": "15.0.0-alpha.0",
-    "@skyux/theme": "15.0.0-alpha.0"
+    "@angular/cdk": "^22.1.2",
+    "@angular/common": "^22.1.2",
+    "@angular/core": "^22.1.2",
+    "@angular/forms": "^22.1.2",
+    "@angular/platform-browser": "^22.1.2",
+    "@skyux/core": "15.0.0-alpha.10",
+    "@skyux/help-inline": "15.0.0-alpha.10",
+    "@skyux/i18n": "15.0.0-alpha.10",
+    "@skyux/icon": "15.0.0-alpha.10",
+    "@skyux/indicators": "15.0.0-alpha.10",
+    "@skyux/popovers": "15.0.0-alpha.10",
+    "@skyux/theme": "15.0.0-alpha.10"
   },
   "dependencies": {
     "tslib": "^2.8.1"
   },
-  "peerDependenciesMeta": {
-    "@skyux-sdk/testing": {
-      "optional": true
-    }
-  },
   "sideEffects": false,
   "module": "fesm2022/skyux-forms.mjs",
   "typings": "types/skyux-forms.d.ts",

package/types/skyux-forms-testing.d.ts

@@ -9,12 +9,18 @@ import { SkyIconHarness } from '@skyux/icon/testing';
 
 /**
  * A set of criteria that can be used to filter a list of SkyCharacterCounterIndicatorHarness instances.
+ *
+ * @deprecated Use `SkyInputBoxHarnessFilters` with an input box that sets the
+ * `characterLimit` input instead.
  */
 interface SkyCharacterCounterIndicatorHarnessFilters extends SkyHarnessFilters {
 }
 
 /**
  * Harness for interacting with a character counter indicator component in tests.
+ *
+ * @deprecated Use `SkyInputBoxHarness` with an input box that sets the
+ * `characterLimit` input instead.
  */
 declare class SkyCharacterCounterIndicatorHarness extends SkyComponentHarness {
     #private;
@@ -100,8 +106,28 @@ declare class SkyInputBoxHarness extends SkyQueryableComponentHarness {
     /**
      * Gets the character counter indicator for the input box or throws an error if
      * a character limit is not specified.
+     *
+     * @deprecated Use `getCharacterCount()`, `getCharacterLimit()`, and
+     * `isOverCharacterLimit()` instead. Those methods require the `characterLimit`
+     * input, so an input box that projects a `sky-character-counter-indicator` component
+     * must migrate to that input first.
      */
     getCharacterCounter(): Promise<SkyCharacterCounterIndicatorHarness>;
+    /**
+     * Gets the current character count, or throws an error if the input box does
+     * not set the `characterLimit` input.
+     */
+    getCharacterCount(): Promise<number>;
+    /**
+     * Gets the character limit, or throws an error if the input box does not set
+     * the `characterLimit` input.
+     */
+    getCharacterLimit(): Promise<number>;
+    /**
+     * Whether the character count has exceeded the character limit. Throws an
+     * error if the input box does not set the `characterLimit` input.
+     */
+    isOverCharacterLimit(): Promise<boolean>;
     /**
      * Gets a list of status indicator harnesses for errors not automatically
      * handled by input box.

package/types/skyux-forms.d.ts

@@ -1,22 +1,22 @@
 import * as i0 from '@angular/core';
-import { ChangeDetectorRef, PipeTransform, AfterViewInit, TemplateRef, EventEmitter, ElementRef, AfterContentInit, OnInit, OnDestroy, QueryList, DoCheck, KeyValueDiffers, AfterContentChecked, RendererFactory2, NgZone, InjectionToken } from '@angular/core';
+import { PipeTransform, AfterViewInit, TemplateRef, EventEmitter, ElementRef, OnInit, OnDestroy, DoCheck, AfterContentChecked, AfterContentInit, QueryList, InjectionToken } from '@angular/core';
 import * as i4$1 from '@angular/forms';
 import { Validator, AbstractControl, ValidationErrors, ControlValueAccessor, FormGroup, NgControl, FormControlDirective, FormControlName, NgModel, AbstractControlDirective } from '@angular/forms';
 import * as i4 from '@angular/common';
 import * as i1 from '@skyux/i18n';
-import { SkyLibResourcesService } from '@skyux/i18n';
 import { Observable, ReplaySubject, Subject } from 'rxjs';
 import * as i1$1 from '@skyux/theme';
-import { SkyThemeService } from '@skyux/theme';
 import * as i10 from '@skyux/help-inline';
 import * as i11 from '@skyux/icon';
 import * as i12 from '@skyux/core';
-import { SkyCoreAdapterService, SkyMediaBreakpoints, SkyMutationObserverService, SkyIdService } from '@skyux/core';
 import { NumberInput, BooleanInput } from '@angular/cdk/coercion';
 
+/**
+ * @deprecated Use [input box](https://developer.blackbaud.com/skyux/components/input-box)
+ * with its `characterLimit` input instead.
+ */
 declare class SkyCharacterCounterIndicatorComponent {
     #private;
-    constructor(changeDetector: ChangeDetectorRef);
     get characterCount(): number;
     set characterCount(count: number);
     get characterCountLimit(): number;
@@ -30,6 +30,8 @@ declare class SkyCharacterCounterIndicatorComponent {
  * an `input` or `textarea` element. If users enter more characters than allowed, then the
  * input field is invalid and the component displays an error indicator.
  * @required
+ * @deprecated Use [input box](https://developer.blackbaud.com/skyux/components/input-box)
+ * with its `characterLimit` input instead.
  */
 declare class SkyCharacterCounterInputDirective implements Validator {
     #private;
@@ -52,6 +54,10 @@ declare class SkyCharacterCounterInputDirective implements Validator {
     static ɵdir: i0.ɵɵDirectiveDeclaration<SkyCharacterCounterInputDirective, "[skyCharacterCounter]", never, { "skyCharacterCounterIndicator": { "alias": "skyCharacterCounterIndicator"; "required": false; }; "skyCharacterCounterLimit": { "alias": "skyCharacterCounterLimit"; "required": false; }; }, {}, never, never, false, never>;
 }
 
+/**
+ * @deprecated Use [input box](https://developer.blackbaud.com/skyux/components/input-box)
+ * with its `characterLimit` input instead.
+ */
 declare class SkyCharacterCounterScreenReaderPipe implements PipeTransform {
     #private;
     transform(characterCount: number | undefined, characterCountLimit: number | undefined): string;
@@ -68,6 +74,10 @@ declare class SkyFormsResourcesModule {
     static ɵinj: i0.ɵɵInjectorDeclaration<SkyFormsResourcesModule>;
 }
 
+/**
+ * @deprecated Use [input box](https://developer.blackbaud.com/skyux/components/input-box)
+ * with its `characterLimit` input instead.
+ */
 declare class SkyCharacterCounterModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<SkyCharacterCounterModule, never>;
     static ɵmod: i0.ɵɵNgModuleDeclaration<SkyCharacterCounterModule, [typeof SkyCharacterCounterInputDirective, typeof SkyCharacterCounterIndicatorComponent], [typeof i4.CommonModule, typeof i4$1.FormsModule, typeof i4$1.ReactiveFormsModule, typeof SkyCharacterCounterScreenReaderPipe, typeof SkyFormsResourcesModule], [typeof SkyCharacterCounterInputDirective, typeof SkyCharacterCounterIndicatorComponent]>;
@@ -547,59 +557,15 @@ interface SkyFileAttachmentClick {
     file: SkyFileItem;
 }
 
-/**
- * @internal
- */
-declare class SkyFileItemService {
-    isFile(fileItem: SkyFileItem): boolean;
-    isImage(fileItem: SkyFileItem): boolean;
-    getFileExtensionUpper(fileItem: SkyFileItem): string;
-    getFileTypeUpper(fileItem: SkyFileItem): string;
-    static ɵfac: i0.ɵɵFactoryDeclaration<SkyFileItemService, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<SkyFileItemService>;
-}
-
 /**
  * Custom validation run on each file uploaded. The string returned is used as the error message in multi-file attachment.
  */
 type SkyFileValidateFn = (file: SkyFileItem) => string | undefined;
 
-/**
- * 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.
- */
-declare class SkyFileAttachmentLabelComponent {
-    labelContentId: {
-        id: string;
-    } | undefined;
-    constructor();
-    static ɵfac: i0.ɵɵFactoryDeclaration<SkyFileAttachmentLabelComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SkyFileAttachmentLabelComponent, "sky-file-attachment-label", never, {}, {}, never, ["*", ".sky-control-help"], true, never>;
-}
-
-/**
- * @internal
- */
-declare class SkyFileAttachmentService {
-    #private;
-    checkFiles(files: SkyFileItem[], minFileSize: number, maxFileSize: number, acceptedTypes?: string, validateFn?: SkyFileValidateFn): SkyFileItem[];
-    /**
-     * Returns `true` if a directory is found in the provided `files` parameter.
-     */
-    hasDirectory(files: FileList): boolean;
-    fileTypeRejected(fileType: string, acceptedTypes?: string): boolean;
-    static ɵfac: i0.ɵɵFactoryDeclaration<SkyFileAttachmentService, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<SkyFileAttachmentService>;
-}
-
 /**
  * Provides an element to attach a single local file.
  */
-declare class SkyFileAttachmentComponent implements AfterViewInit, AfterContentInit, ControlValueAccessor, OnInit, OnDestroy {
+declare class SkyFileAttachmentComponent implements AfterViewInit, ControlValueAccessor, OnInit, OnDestroy {
     #private;
     /**
      * The comma-delimited string literal of MIME types that users can attach.
@@ -680,7 +646,6 @@ declare class SkyFileAttachmentComponent implements AfterViewInit, AfterContentI
      */
     fileClick: EventEmitter<SkyFileAttachmentClick>;
     acceptedOver: boolean;
-    hasLabelComponent: boolean;
     rejectedOver: boolean;
     /**
      * Whether the input is required for form validation.
@@ -697,19 +662,17 @@ declare class SkyFileAttachmentComponent implements AfterViewInit, AfterContentI
     showFileAttachmentButton: boolean;
     truncatedFileName: string;
     inputEl: ElementRef | undefined;
-    labelComponents: QueryList<SkyFileAttachmentLabelComponent> | undefined;
     isImage: boolean;
     protected get isRequired(): boolean;
-    protected ngControl: NgControl | undefined;
+    protected readonly ngControl: NgControl | null;
     protected errorId: string;
     protected labelId: string;
     protected fileErrorName: SkyFileItemErrorType | undefined;
     protected fileErrorParam: string | undefined;
     protected fileErrorValidation: ValidationErrors | null | undefined;
-    constructor(changeDetector: ChangeDetectorRef, fileAttachmentService: SkyFileAttachmentService, fileItemService: SkyFileItemService, ngControl?: NgControl, themeSvc?: SkyThemeService);
+    constructor();
     ngOnInit(): void;
     ngAfterViewInit(): void;
-    ngAfterContentInit(): void;
     onButtonBlur(): void;
     onFileCancel(): void;
     onDropClicked(): void;
@@ -730,8 +693,8 @@ declare class SkyFileAttachmentComponent implements AfterViewInit, AfterContentI
      */
     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-file-attachment-label", "sky-form-error"], true, [{ directive: typeof i1$1.SkyThemeComponentClassDirective; inputs: {}; outputs: {}; }]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SkyFileAttachmentComponent, 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"; }, never, ["sky-form-error"], true, [{ directive: typeof i1$1.SkyThemeComponentClassDirective; inputs: {}; outputs: {}; }]>;
     static ngAcceptInputType_disabled: unknown;
     static ngAcceptInputType_labelHidden: unknown;
     static ngAcceptInputType_stacked: unknown;
@@ -740,7 +703,7 @@ declare class SkyFileAttachmentComponent implements AfterViewInit, AfterContentI
 
 declare class SkyFileAttachmentModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<SkyFileAttachmentModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<SkyFileAttachmentModule, never, [typeof SkyFileAttachmentComponent, typeof SkyFileAttachmentLabelComponent], [typeof SkyFileAttachmentComponent, typeof SkyFileAttachmentLabelComponent, typeof SkyFormErrorModule]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SkyFileAttachmentModule, never, [typeof SkyFileAttachmentComponent], [typeof SkyFileAttachmentComponent, typeof SkyFormErrorModule]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<SkyFileAttachmentModule>;
 }
 
@@ -940,7 +903,6 @@ declare class SkyFileItemComponent implements DoCheck {
     icon: string | undefined;
     isFile: boolean;
     isImage: boolean;
-    constructor(differs: KeyValueDiffers, fileItemService: SkyFileItemService);
     ngDoCheck(): void;
     itemDelete(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SkyFileItemComponent, never>;
@@ -967,7 +929,6 @@ declare class SkyFileAttachmentsModule {
  */
 declare class SkyFileSizePipe implements PipeTransform {
     #private;
-    constructor(resourcesService: SkyLibResourcesService);
     transform(input?: number | string | null): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<SkyFileSizePipe, never>;
     static ɵpipe: i0.ɵɵPipeDeclaration<SkyFileSizePipe, "skyFileSize", true>;
@@ -1014,13 +975,13 @@ declare class SkyInputBoxComponent implements OnInit, AfterContentChecked, OnDes
      */
     labelText: string | undefined;
     /**
-     * The maximum number of characters to allow in the input box. This property places a
-     * [SKY UX character count](https://developer.blackbaud.com/skyux/components/character-count)
-     * on the input element with the appropriate validator, so don't use it with inputs where
-     * users are unlikely to exceed character limits. Instead, use
-     * [Angular's max length validator](https://angular.io/api/forms/MaxLengthValidator) and a
-     * `maxLength` attribute on the input element to handle maximum length validation.
-     *
+     * The character limit for the input box. If users exceed the limit, the input box's form control
+     * becomes invalid and the property adds [Validators.maxLength](https://angular.dev/api/forms/Validators).
+     * The validation error message and screen reader announcement use `labelText`. This property also
+     * displays a character count indicator in the top right with the number of characters that users enter,
+     * the character limit, and a danger icon if users exceed the limit. If users are unlikely to exceed a
+     * character limit, use `Validators.maxLength` directly instead with a `maxLength` attribute on the
+     * input element.
      */
     set characterLimit(value: NumberInput);
     get characterLimit(): number | undefined;
@@ -1139,6 +1100,16 @@ declare class SkyInputBoxHostService implements OnDestroy {
     static ɵprov: i0.ɵɵInjectableDeclaration<SkyInputBoxHostService>;
 }
 
+declare class SkyInputBoxCharacterLimit {
+    readonly characterCount: i0.InputSignal<number>;
+    readonly characterLimit: i0.InputSignal<number>;
+    protected readonly ratio: i0.Signal<string>;
+    protected readonly limitReached: i0.Signal<boolean>;
+    protected readonly announcedCount: i0.WritableSignal<number>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SkyInputBoxCharacterLimit, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SkyInputBoxCharacterLimit, "sky-input-box-character-limit", never, { "characterCount": { "alias": "characterCount"; "required": true; "isSignal": true; }; "characterLimit": { "alias": "characterLimit"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
 /**
  * @internal
  */
@@ -1161,7 +1132,7 @@ declare class SkyInputBoxHintTextPipe implements PipeTransform {
 
 declare class SkyInputBoxModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<SkyInputBoxModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<SkyInputBoxModule, [typeof SkyInputBoxComponent], [typeof i4.CommonModule, typeof SkyCharacterCounterModule, typeof SkyFormErrorsModule, typeof SkyFormErrorModule, typeof SkyFormsResourcesModule, typeof i10.SkyHelpInlineModule, typeof SkyInputBoxControlDirective, typeof SkyInputBoxHintTextPipe, typeof i1$1.SkyThemeModule], [typeof SkyInputBoxHintTextPipe, typeof SkyInputBoxComponent, typeof SkyInputBoxControlDirective, typeof SkyFormErrorModule]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SkyInputBoxModule, [typeof SkyInputBoxComponent], [typeof i4.CommonModule, typeof SkyCharacterCounterModule, typeof SkyFormErrorsModule, typeof SkyFormErrorModule, typeof SkyFormsResourcesModule, typeof i10.SkyHelpInlineModule, typeof SkyInputBoxCharacterLimit, typeof SkyInputBoxControlDirective, typeof SkyInputBoxHintTextPipe, typeof i1$1.SkyThemeModule], [typeof SkyInputBoxHintTextPipe, typeof SkyInputBoxComponent, typeof SkyInputBoxControlDirective, typeof SkyFormErrorModule]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<SkyInputBoxModule>;
 }
 
@@ -1336,29 +1307,6 @@ declare class SkyRadioComponent implements OnDestroy, ControlValueAccessor {
     static ngAcceptInputType_labelHidden: unknown;
 }
 
-/**
- * Tracks the element IDs for all radios within a radio group.
- * @internal
- */
-declare class SkyRadioGroupIdService {
-    #private;
-    get radioIds(): Observable<string[]>;
-    constructor();
-    /**
-     * Associates a radio input's ID with its parent radio group.
-     * @param {string} id A unique ID for the radio component.
-     * @param {string} inputElementId The ID applied to the radio input element.
-     */
-    register(id: string, inputElementId: string): void;
-    /**
-     * Disassociates a radio input's ID with its parent radio group.
-     * @param {string} id The ID used to register the radio component.
-     */
-    unregister(id: string): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<SkyRadioGroupIdService, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<SkyRadioGroupIdService>;
-}
-
 type SkyRadioGroupHeadingLevel = 3 | 4 | 5;
 
 type SkyRadioGroupHeadingStyle = 3 | 4 | 5;
@@ -1490,8 +1438,8 @@ declare class SkyRadioGroupComponent implements AfterContentInit, OnDestroy {
     protected get isRequired(): boolean;
     protected headingClass: string;
     protected errorId: string;
-    protected ngControl: NgControl | undefined;
-    constructor(changeDetector: ChangeDetectorRef, radioGroupIdSvc: SkyRadioGroupIdService, ngControl: NgControl);
+    protected ngControl: NgControl | null;
+    constructor();
     ngAfterContentInit(): void;
     watchForSelections(): void;
     ngOnDestroy(): void;
@@ -1503,7 +1451,7 @@ declare class SkyRadioGroupComponent implements AfterContentInit, OnDestroy {
     setDisabledState(isDisabled: boolean): void;
     registerOnChange(fn: (value: any) => void): void;
     registerOnTouched(fn: any): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<SkyRadioGroupComponent, [null, null, { optional: true; self: true; }]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SkyRadioGroupComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SkyRadioGroupComponent, "sky-radio-group", never, { "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "headingLevel": { "alias": "headingLevel"; "required": false; }; "headingStyle": { "alias": "headingStyle"; "required": false; }; "name": { "alias": "name"; "required": false; }; "required": { "alias": "required"; "required": false; }; "stacked": { "alias": "stacked"; "required": false; }; "value": { "alias": "value"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "headingText": { "alias": "headingText"; "required": false; }; "headingHidden": { "alias": "headingHidden"; "required": false; }; "hintText": { "alias": "hintText"; "required": false; }; "helpPopoverContent": { "alias": "helpPopoverContent"; "required": false; }; "helpPopoverTitle": { "alias": "helpPopoverTitle"; "required": false; }; "helpKey": { "alias": "helpKey"; "required": false; }; }, {}, ["radios"], ["*", "sky-form-error"], false, [{ directive: typeof i1$1.SkyThemeComponentClassDirective; inputs: {}; outputs: {}; }]>;
     static ngAcceptInputType_disabled: unknown;
     static ngAcceptInputType_headingLevel: unknown;
@@ -1549,50 +1497,6 @@ declare class SkyRequiredStateDirective {
     static ngAcceptInputType_required: unknown;
 }
 
-/**
- * @internal
- */
-declare class SkySelectionBoxAdapterService {
-    #private;
-    constructor(coreAdapterService: SkyCoreAdapterService, rendererFactory: RendererFactory2);
-    /**
-     * Sets focus on the specified element.
-     */
-    focus(el: ElementRef): void;
-    /**
-     * Returns a child element with the `.sky-switch` class.
-     * Useful for getting SKY UX-themed radio buttons or checkboxes.
-     */
-    getControl(el: ElementRef): HTMLElement;
-    /**
-     * Returns a breakpoint based on the width.
-     * @param width Width of the element in pixels.
-     */
-    getBreakpointForWidth(width: number | undefined): SkyMediaBreakpoints;
-    /**
-     * Returns the width of the `parentNode` of the provided `element`.
-     */
-    getParentWidth(element: ElementRef): number | undefined;
-    /**
-     * Returns `true` if the `childEl` is a descendant of the `parentEl`.
-     */
-    isDescendant(parentEl: ElementRef, childEl: HTMLElement): boolean;
-    /**
-     * Sets the `tabIndex` of all focusable children of the `element` to the provided `tabIndex`.
-     */
-    setChildrenTabIndex(element: ElementRef, tabIndex: number): void;
-    /**
-     * Adds a responsive CSS class on the provided element based on its current width.
-     */
-    setResponsiveClass(element: ElementRef, breakpoint: SkyMediaBreakpoints): void;
-    /**
-     * Sets the `tabIndex` of the `element` to the provided `tabIndex`.
-     */
-    setTabIndex(element: ElementRef, tabIndex: number): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<SkySelectionBoxAdapterService, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<SkySelectionBoxAdapterService>;
-}
-
 /**
  * Creates a button to present users with a choice or question before proceeding with a one-time process.
  */
@@ -1611,7 +1515,6 @@ declare class SkySelectionBoxComponent implements OnDestroy {
     controlEl: ElementRef | undefined;
     set selectionBoxEl(value: ElementRef | undefined);
     get selectionBoxEl(): ElementRef | undefined;
-    constructor(changeDetector: ChangeDetectorRef, selectionBoxAdapterService: SkySelectionBoxAdapterService);
     ngOnDestroy(): void;
     onKeydown(event: KeyboardEvent): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SkySelectionBoxComponent, never>;
@@ -1638,11 +1541,10 @@ declare class SkySelectionBoxGridComponent implements OnDestroy, OnInit {
     selectionBoxes: QueryList<SkySelectionBoxComponent> | undefined;
     set containerElementRef(value: ElementRef | undefined);
     get containerElementRef(): ElementRef | undefined;
-    constructor(coreAdapterService: SkyCoreAdapterService, selectionBoxAdapter: SkySelectionBoxAdapterService, hostElRef: ElementRef, mutationObserverSvc: SkyMutationObserverService, ngZone: NgZone, themeSvc?: SkyThemeService);
     ngOnInit(): void;
     ngOnDestroy(): void;
     onWindowResize(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<SkySelectionBoxGridComponent, [null, null, null, null, null, { optional: true; }]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SkySelectionBoxGridComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SkySelectionBoxGridComponent, "sky-selection-box-grid", never, { "alignItems": { "alias": "alignItems"; "required": false; }; }, {}, ["selectionBoxes"], ["sky-selection-box"], false, never>;
 }
 
@@ -1683,18 +1585,6 @@ declare const enum SkySelectionBoxGridAlignItems {
     Left = "left"
 }
 
-/**
- * Specifies the label to display beside the toggle switch. To display a help button beside the label, include a help
- * button element, such as `sky-help-inline`, in the `sky-toggle-switch` element and a `sky-control-help` CSS class on
- * that help button element.
- * @deprecated Use the `labelText` input on the toggle switch component instead.
- */
-declare class SkyToggleSwitchLabelComponent {
-    constructor();
-    static ɵfac: i0.ɵɵFactoryDeclaration<SkyToggleSwitchLabelComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SkyToggleSwitchLabelComponent, "sky-toggle-switch-label", never, {}, {}, never, ["*"], false, never>;
-}
-
 /**
  * Indicates whether the toggle switch is selected.
  */
@@ -1702,13 +1592,13 @@ interface SkyToggleSwitchChange {
     checked: boolean;
 }
 
-declare class SkyToggleSwitchComponent implements AfterContentInit, OnDestroy, ControlValueAccessor, Validator {
+declare class SkyToggleSwitchComponent implements AfterContentInit, ControlValueAccessor, Validator {
     #private;
     /**
      * The ARIA label for the toggle switch. This sets the `aria-label`
      * attribute to provide a text equivalent for screen readers [to support accessibility](https://developer.blackbaud.com/skyux/learn/accessibility).
      * Use a context-sensitive label, such as "Activate annual fundraiser" for a toggle switch that activates and deactivates an annual fundraiser. Context is especially important if multiple toggle switches are in close proximity.
-     * When the `sky-toggle-switch-label` component displays a visible label, this property is only necessary if that label requires extra context.
+     * This property only applies when `labelText` is not set, since `labelText` takes precedence when both inputs are provided.
      * For more information about the `aria-label` attribute, see the [WAI-ARIA definition](https://www.w3.org/TR/wai-aria/#aria-label).
      * @deprecated Use the `labelText` input instead.
      */
@@ -1759,13 +1649,10 @@ declare class SkyToggleSwitchComponent implements AfterContentInit, OnDestroy, C
      * Fires when the checked state of a toggle switch changes.
      */
     toggleChange: EventEmitter<SkyToggleSwitchChange>;
-    hasLabelComponent: boolean;
     labelId: string;
     enableIndicatorAnimation: boolean;
-    labelComponents: QueryList<SkyToggleSwitchLabelComponent> | undefined;
-    constructor(changeDetector: ChangeDetectorRef, idService: SkyIdService);
+    constructor();
     ngAfterContentInit(): void;
-    ngOnDestroy(): void;
     writeValue(value: boolean): void;
     validate(control: AbstractControl): ValidationErrors | null;
     registerOnChange(fn: (value: any) => void): void;
@@ -1774,13 +1661,13 @@ declare class SkyToggleSwitchComponent implements AfterContentInit, OnDestroy, C
     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-toggle-switch-label", ".sky-control-help"], 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"; }, never, [".sky-control-help"], false, never>;
     static ngAcceptInputType_labelHidden: unknown;
 }
 
 declare class SkyToggleSwitchModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<SkyToggleSwitchModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<SkyToggleSwitchModule, [typeof SkyToggleSwitchLabelComponent, typeof SkyToggleSwitchComponent], [typeof i4.CommonModule, typeof i4$1.FormsModule, typeof i10.SkyHelpInlineModule, typeof i12.SkyIdModule, typeof i12.SkyTrimModule], [typeof SkyToggleSwitchLabelComponent, typeof SkyToggleSwitchComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SkyToggleSwitchModule, [typeof SkyToggleSwitchComponent], [typeof i4.CommonModule, typeof i4$1.FormsModule, typeof i10.SkyHelpInlineModule, typeof i12.SkyIdModule, typeof i12.SkyTrimModule], [typeof SkyToggleSwitchComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<SkyToggleSwitchModule>;
 }
 
@@ -1789,5 +1676,5 @@ declare class SkyToggleSwitchModule {
  */
 declare const SKY_FORM_ERRORS_ENABLED: InjectionToken<boolean>;
 
-export { SKY_FORM_ERRORS_ENABLED, SkyCharacterCounterModule, SkyCheckboxModule, SkyFieldGroupModule, SkyFileAttachmentModule, SkyFileAttachmentsModule, SkyFileDropModule, SkyFileSizePipe, SkyFormErrorModule, SkyFormErrorsModule, SkyInputBoxHostService, SkyInputBoxModule, SkyRadioModule, SkyRequiredStateDirective, SkySelectionBoxGridAlignItems, SkySelectionBoxModule, SkyToggleSwitchModule, SkyCharacterCounterIndicatorComponent as λ1, SkyInputBoxComponent as λ10, SkyRadioGroupComponent as λ11, SkyRadioLabelComponent as λ12, SkyRadioComponent as λ13, SkySelectionBoxDescriptionComponent as λ14, SkySelectionBoxGridComponent as λ15, SkySelectionBoxHeaderComponent as λ16, SkySelectionBoxComponent as λ17, SkyToggleSwitchLabelComponent as λ18, SkyToggleSwitchComponent as λ19, SkyCharacterCounterInputDirective as λ2, SkyInputBoxControlDirective as λ20, SkyFormErrorsComponent as λ21, SkyFormErrorComponent as λ22, SkyCharacterCounterScreenReaderPipe as λ23, SkyCheckboxGroupComponent as λ24, SkyFieldGroupComponent as λ25, SkyInputBoxHintTextPipe as λ26, SkyCheckboxComponent as λ3, SkyCheckboxLabelComponent as λ4, SkyFileAttachmentLabelComponent as λ6, SkyFileAttachmentComponent as λ7, SkyFileDropComponent as λ8, SkyFileItemComponent as λ9 };
+export { SKY_FORM_ERRORS_ENABLED, SkyCharacterCounterModule, SkyCheckboxModule, SkyFieldGroupModule, SkyFileAttachmentModule, SkyFileAttachmentsModule, SkyFileDropModule, SkyFileSizePipe, SkyFormErrorModule, SkyFormErrorsModule, SkyInputBoxHostService, SkyInputBoxModule, SkyRadioModule, SkyRequiredStateDirective, SkySelectionBoxGridAlignItems, SkySelectionBoxModule, SkyToggleSwitchModule, SkyCharacterCounterIndicatorComponent as λ1, SkyInputBoxComponent as λ10, SkyRadioGroupComponent as λ11, SkyRadioLabelComponent as λ12, SkyRadioComponent as λ13, SkySelectionBoxDescriptionComponent as λ14, SkySelectionBoxGridComponent as λ15, SkySelectionBoxHeaderComponent as λ16, SkySelectionBoxComponent as λ17, SkyToggleSwitchComponent as λ19, SkyCharacterCounterInputDirective as λ2, SkyInputBoxControlDirective as λ20, SkyFormErrorsComponent as λ21, SkyFormErrorComponent as λ22, SkyCharacterCounterScreenReaderPipe as λ23, SkyCheckboxGroupComponent as λ24, SkyFieldGroupComponent as λ25, SkyInputBoxHintTextPipe as λ26, SkyCheckboxComponent as λ3, SkyCheckboxLabelComponent as λ4, SkyFileAttachmentComponent as λ7, SkyFileDropComponent as λ8, SkyFileItemComponent as λ9 };
 export type { SkyCheckboxChange, SkyCheckboxGroupHeadingLevel, SkyCheckboxGroupHeadingStyle, SkyFieldGroupHeadingLevel, SkyFieldGroupHeadingStyle, SkyFileAttachmentChange, SkyFileAttachmentClick, SkyFileDropChange, SkyFileItem, SkyFileItemErrorType, SkyFileLink, SkyFileValidateFn, SkyInputBoxPopulateArgs, SkyRadioChange, SkyRadioGroupHeadingLevel, SkyRadioGroupHeadingStyle, SkyRadioType, SkySelectionBoxGridAlignItemsType, SkyToggleSwitchChange };