@skyux/forms 10.0.0 → 10.2.0

package/index.d.ts

@@ -28,6 +28,7 @@ export { SkyCharacterCounterInputDirective as λ2 } from './lib/modules/characte
 export { SkyCharacterCounterScreenReaderPipe as λ23 } from './lib/modules/character-counter/character-counter-screen-reader.pipe';
 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 { 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';

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

@@ -0,0 +1,36 @@
+import { FormGroup } from '@angular/forms';
+import * as i0 from "@angular/core";
+/**
+ * Organizes checkboxes into a group.
+ */
+export declare class SkyCheckboxGroupComponent {
+    #private;
+    /**
+     * The text to display as the checkbox group's label.
+     * @preview
+     */
+    labelText: string;
+    /**
+     * Indicates whether to hide the `labelText`.
+     * @preview
+     */
+    labelHidden: boolean;
+    /**
+     * Whether the checkbox group is stacked on another form component. When specified, the appropriate
+     * vertical spacing is automatically added to the checkbox group.
+     * @preview
+     */
+    set stacked(value: boolean);
+    get stacked(): boolean;
+    /**
+     * The form group that contains the group of checkboxes.
+     * @preview
+     */
+    formGroup: FormGroup;
+    protected errorId: string;
+    protected formErrorsDataId: string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SkyCheckboxGroupComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SkyCheckboxGroupComponent, "sky-checkbox-group", never, { "labelText": { "alias": "labelText"; "required": true; }; "labelHidden": { "alias": "labelHidden"; "required": false; }; "stacked": { "alias": "stacked"; "required": false; }; "formGroup": { "alias": "formGroup"; "required": true; }; }, {}, never, ["sky-checkbox[icon]", "sky-checkbox", "sky-form-error"], true, never>;
+    static ngAcceptInputType_labelHidden: unknown;
+    static ngAcceptInputType_stacked: unknown;
+}

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

@@ -59,8 +59,7 @@ export declare class SkyCheckboxComponent implements ControlValueAccessor, OnIni
     change: EventEmitter<SkyCheckboxChange>;
     /**
      * The icon to display in place of the checkbox. To group icon checkboxes
-     * like in the demo, place the `sky-switch-icon-group` class on the direct parent
-     * element of the checkboxes.
+     * like in the demo, place the checkboxes within a `sky-checkbox-group`.
      */
     icon: string | undefined;
     /**

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

@@ -4,13 +4,14 @@ import * as i2 from "./checkbox-label.component";
 import * as i3 from "./checkbox-label-text-label.component";
 import * as i4 from "@angular/common";
 import * as i5 from "@angular/forms";
-import * as i6 from "../form-error/form-error.module";
-import * as i7 from "../form-error/form-errors.module";
-import * as i8 from "../shared/sky-forms-resources.module";
-import * as i9 from "@skyux/indicators";
-import * as i10 from "@skyux/core";
+import * as i6 from "./checkbox-group.component";
+import * as i7 from "../form-error/form-error.module";
+import * as i8 from "../form-error/form-errors.module";
+import * as i9 from "../shared/sky-forms-resources.module";
+import * as i10 from "@skyux/indicators";
+import * as i11 from "@skyux/core";
 export declare class SkyCheckboxModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<SkyCheckboxModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<SkyCheckboxModule, [typeof i1.SkyCheckboxComponent, typeof i2.SkyCheckboxLabelComponent, typeof i3.SkyCheckboxLabelTextLabelComponent], [typeof i4.CommonModule, typeof i5.FormsModule, typeof i6.SkyFormErrorModule, typeof i7.SkyFormErrorsModule, typeof i8.SkyFormsResourcesModule, typeof i9.SkyIconModule, typeof i10.SkyTrimModule], [typeof i1.SkyCheckboxComponent, typeof i2.SkyCheckboxLabelComponent, typeof i6.SkyFormErrorModule]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SkyCheckboxModule, [typeof i1.SkyCheckboxComponent, typeof i2.SkyCheckboxLabelComponent, typeof i3.SkyCheckboxLabelTextLabelComponent], [typeof i4.CommonModule, typeof i5.FormsModule, typeof i6.SkyCheckboxGroupComponent, typeof i7.SkyFormErrorModule, typeof i8.SkyFormErrorsModule, typeof i9.SkyFormsResourcesModule, typeof i10.SkyIconModule, typeof i11.SkyTrimModule], [typeof i1.SkyCheckboxComponent, typeof i2.SkyCheckboxLabelComponent, typeof i6.SkyCheckboxGroupComponent, typeof i7.SkyFormErrorModule]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<SkyCheckboxModule>;
 }

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

@@ -14,6 +14,6 @@ import * as i12 from "@skyux/core";
 import * as i13 from "@skyux/theme";
 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 i1.SkyFileAttachmentComponent, typeof i2.SkyFileAttachmentLabelComponent, typeof i3.SkyFileDropComponent, typeof i4.SkyFileItemComponent, typeof i5.SkyFileSizePipe]>;
+    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 i1.SkyFileAttachmentComponent, typeof i2.SkyFileAttachmentLabelComponent, typeof i3.SkyFileDropComponent, typeof i4.SkyFileItemComponent, typeof i5.SkyFileSizePipe, typeof i9.SkyFormErrorModule]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<SkyFileAttachmentsModule>;
 }

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

@@ -1,4 +1,5 @@
 import { ElementRef, EventEmitter, OnDestroy } from '@angular/core';
+import { SkyFileItem } from './file-item';
 import { SkyFileLink } from './file-link';
 import { SkyFileValidateFn } from './file-validate-function';
 import { SkyFileDropChange } from './types/file-drop-change';
@@ -60,6 +61,7 @@ export declare class SkyFileDropComponent implements OnDestroy {
     /**
      * The custom validation function. This validation runs alongside the internal
      * file validation. This function takes a `SkyFileItem` object as a parameter.
+     * The string returned is used as the error message in multi-file attachment.
      */
     validateFn: SkyFileValidateFn | undefined;
     /**
@@ -76,10 +78,22 @@ export declare class SkyFileDropComponent implements OnDestroy {
      * Whether to display the option to attach files from URLs rather than from local devices.
      */
     allowLinks: boolean | undefined;
+    /**
+     * The text to display as the file attachment's label.
+     * @preview
+     */
+    labelText: string | undefined;
+    /**
+     * Whether to hide `labelText` from view.
+     * @preview
+     */
+    labelHidden: boolean;
     inputEl: ElementRef | undefined;
     rejectedOver: boolean;
     acceptedOver: boolean;
     linkUrl: string | undefined;
+    protected errorId: string;
+    protected rejectedFiles: SkyFileItem[];
     ngOnDestroy(): void;
     dropClicked(): void;
     fileChangeEvent(fileChangeEvent: Event): void;
@@ -91,5 +105,6 @@ export declare class SkyFileDropComponent implements 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; }; }, { "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; }; "noClick": { "alias": "noClick"; "required": false; }; "allowLinks": { "alias": "allowLinks"; "required": false; }; "labelText": { "alias": "labelText"; "required": false; }; "labelHidden": { "alias": "labelHidden"; "required": false; }; }, { "filesChanged": "filesChanged"; "linkInputBlur": "linkInputBlur"; "linkChanged": "linkChanged"; }, never, ["*"], false, never>;
+    static ngAcceptInputType_labelHidden: unknown;
 }

package/lib/modules/file-attachment/file-validate-function.d.ts

@@ -1,2 +1,5 @@
 import { SkyFileItem } from './file-item';
+/**
+ * Custom validation run on each file uploaded. The string returned is used as the error message in multi-file attachment.
+ */
 export type SkyFileValidateFn = (file: SkyFileItem) => string | undefined;

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

@@ -3,9 +3,11 @@ import * as i0 from "@angular/core";
  * Specifies a label for the radio button. To display a help button beside the label, include a help button element,
  * such as `sky-help-inline`, in the `sky-radio-label` element and a `sky-control-help` CSS class on that help button
  * element.
+ * @deprecated Use `labelText` input on `sky-radio-component` instead.
  */
 export declare class SkyRadioLabelComponent {
     onClick(event: MouseEvent): void;
+    constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<SkyRadioLabelComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SkyRadioLabelComponent, "sky-radio-label", never, {}, {}, never, ["*", ".sky-control-help"], false, never>;
 }

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

@@ -39,16 +39,20 @@ export declare class SkyRadioComponent implements OnDestroy, ControlValueAccesso
      * when the radio button does not include a visible label. You must set this property for icon
      * radio buttons. If the radio button includes a visible label, use `labelledBy` instead.
      * For more information about the `aria-label` attribute, see the [WAI-ARIA definition](https://www.w3.org/TR/wai-aria/#aria-label).
+     * @deprecated Use `labelText` instead.
      */
-    label: string | undefined;
+    set label(value: string | undefined);
+    get label(): string | undefined;
     /**
      * The HTML element ID of the element that labels
      * the radio button. This sets the radio button's `aria-labelledby` attribute to provide a text equivalent for screen readers
      * [to support accessibility](https://developer.blackbaud.com/skyux/learn/accessibility).
      * If the radio button does not include a visible label, use `label` instead.
      * For more information about the `aria-labelledby` attribute, see the [WAI-ARIA definition](https://www.w3.org/TR/wai-aria/#aria-labelledby).
+     * @deprecated Use `labelText` instead.
      */
-    labelledBy: string | undefined;
+    set labelledBy(value: string | undefined);
+    get labelledBy(): string | undefined;
     /**
      * This property is deprecated in favor of the `name` property on the `sky-radio-group element`.
      * We recommend using the `sky-radio-group` element with all radio buttons, but if you opt not to,
@@ -91,6 +95,16 @@ export declare class SkyRadioComponent implements OnDestroy, ControlValueAccesso
      */
     get radioType(): SkyRadioType;
     set radioType(value: SkyRadioType | undefined);
+    /**
+     * The text to display as the radio button's label. Use this instead of the `sky-radio-label` when the label is text-only.
+     * @preview
+     */
+    labelText: string | undefined;
+    /**
+     * Indicates whether to hide the `labelText`.
+     * @preview
+     */
+    labelHidden: boolean;
     /**
      * Fires when users select a radio button.
      */
@@ -121,5 +135,6 @@ export declare class SkyRadioComponent implements OnDestroy, ControlValueAccesso
     onInputChange(event: Event): void;
     onInputFocusChange(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SkyRadioComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SkyRadioComponent, "sky-radio", never, { "checked": { "alias": "checked"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "id": { "alias": "id"; "required": false; }; "label": { "alias": "label"; "required": false; }; "labelledBy": { "alias": "labelledBy"; "required": false; }; "name": { "alias": "name"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "value": { "alias": "value"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "radioType": { "alias": "radioType"; "required": false; }; }, { "change": "change"; "checkedChange": "checkedChange"; "disabledChange": "disabledChange"; }, never, ["sky-radio-label"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SkyRadioComponent, "sky-radio", never, { "checked": { "alias": "checked"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "id": { "alias": "id"; "required": false; }; "label": { "alias": "label"; "required": false; }; "labelledBy": { "alias": "labelledBy"; "required": false; }; "name": { "alias": "name"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "value": { "alias": "value"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "radioType": { "alias": "radioType"; "required": false; }; "labelText": { "alias": "labelText"; "required": false; }; "labelHidden": { "alias": "labelHidden"; "required": false; }; }, { "change": "change"; "checkedChange": "checkedChange"; "disabledChange": "disabledChange"; }, never, ["sky-radio-label"], false, never>;
+    static ngAcceptInputType_labelHidden: unknown;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@skyux/forms",
-  "version": "10.0.0",
+  "version": "10.2.0",
   "author": "Blackbaud, Inc.",
   "keywords": [
     "blackbaud",
@@ -41,12 +41,12 @@
     "@angular/core": "^17.3.1",
     "@angular/forms": "^17.3.1",
     "@angular/platform-browser": "^17.3.1",
-    "@skyux-sdk/testing": "10.0.0",
-    "@skyux/core": "10.0.0",
-    "@skyux/i18n": "10.0.0",
-    "@skyux/indicators": "10.0.0",
-    "@skyux/popovers": "10.0.0",
-    "@skyux/theme": "10.0.0"
+    "@skyux-sdk/testing": "10.2.0",
+    "@skyux/core": "10.2.0",
+    "@skyux/i18n": "10.2.0",
+    "@skyux/indicators": "10.2.0",
+    "@skyux/popovers": "10.2.0",
+    "@skyux/theme": "10.2.0"
   },
   "dependencies": {
     "tslib": "^2.6.2"