@skyux/forms 15.0.0-alpha.3 → 15.0.0-alpha.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@skyux/forms",
-  "version": "15.0.0-alpha.3",
+  "version": "15.0.0-alpha.5",
   "author": "Blackbaud, Inc.",
   "keywords": [
     "blackbaud",
@@ -16,19 +16,19 @@
   },
   "homepage": "https://github.com/blackbaud/skyux#readme",
   "peerDependencies": {
-    "@angular/cdk": "^22.0.4",
-    "@angular/common": "^22.0.6",
-    "@angular/core": "^22.0.6",
-    "@angular/forms": "^22.0.6",
-    "@angular/platform-browser": "^22.0.6",
-    "@skyux-sdk/testing": "15.0.0-alpha.3",
-    "@skyux/core": "15.0.0-alpha.3",
-    "@skyux/help-inline": "15.0.0-alpha.3",
-    "@skyux/i18n": "15.0.0-alpha.3",
-    "@skyux/icon": "15.0.0-alpha.3",
-    "@skyux/indicators": "15.0.0-alpha.3",
-    "@skyux/popovers": "15.0.0-alpha.3",
-    "@skyux/theme": "15.0.0-alpha.3"
+    "@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-sdk/testing": "15.0.0-alpha.5",
+    "@skyux/core": "15.0.0-alpha.5",
+    "@skyux/help-inline": "15.0.0-alpha.5",
+    "@skyux/i18n": "15.0.0-alpha.5",
+    "@skyux/icon": "15.0.0-alpha.5",
+    "@skyux/indicators": "15.0.0-alpha.5",
+    "@skyux/popovers": "15.0.0-alpha.5",
+    "@skyux/theme": "15.0.0-alpha.5"
   },
   "dependencies": {
     "tslib": "^2.8.1"

package/types/skyux-forms.d.ts

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { PipeTransform, AfterViewInit, TemplateRef, EventEmitter, ElementRef, AfterContentInit, OnInit, OnDestroy, QueryList, DoCheck, AfterContentChecked, 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';
@@ -548,27 +548,10 @@ interface SkyFileAttachmentClick {
  */
 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>;
-}
-
 /**
  * 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.
@@ -649,7 +632,6 @@ declare class SkyFileAttachmentComponent implements AfterViewInit, AfterContentI
      */
     fileClick: EventEmitter<SkyFileAttachmentClick>;
     acceptedOver: boolean;
-    hasLabelComponent: boolean;
     rejectedOver: boolean;
     /**
      * Whether the input is required for form validation.
@@ -666,7 +648,6 @@ declare class SkyFileAttachmentComponent implements AfterViewInit, AfterContentI
     showFileAttachmentButton: boolean;
     truncatedFileName: string;
     inputEl: ElementRef | undefined;
-    labelComponents: QueryList<SkyFileAttachmentLabelComponent> | undefined;
     isImage: boolean;
     protected get isRequired(): boolean;
     protected readonly ngControl: NgControl | null;
@@ -678,7 +659,6 @@ declare class SkyFileAttachmentComponent implements AfterViewInit, AfterContentI
     constructor();
     ngOnInit(): void;
     ngAfterViewInit(): void;
-    ngAfterContentInit(): void;
     onButtonBlur(): void;
     onFileCancel(): void;
     onDropClicked(): void;
@@ -700,7 +680,7 @@ declare class SkyFileAttachmentComponent implements AfterViewInit, AfterContentI
     setDisabledState(isDisabled: boolean): void;
     emitClick(): void;
     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"; }, ["labelComponents"], ["sky-file-attachment-label", "sky-form-error"], true, [{ directive: typeof i1$1.SkyThemeComponentClassDirective; inputs: {}; outputs: {}; }]>;
+    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;
@@ -709,7 +689,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>;
 }
 
@@ -1581,18 +1561,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.
  */
@@ -1600,13 +1568,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.
      */
@@ -1657,13 +1625,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();
     ngAfterContentInit(): void;
-    ngOnDestroy(): void;
     writeValue(value: boolean): void;
     validate(control: AbstractControl): ValidationErrors | null;
     registerOnChange(fn: (value: any) => void): void;
@@ -1672,13 +1637,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>;
 }
 
@@ -1687,5 +1652,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 };