@skyux/forms 10.6.1 → 10.7.0

package/index.d.ts

@@ -41,6 +41,7 @@ export { SkyFormErrorsComponent as λ21 } from './lib/modules/form-error/form-er
 export { SkyFormErrorComponent as λ22 } from './lib/modules/form-error/form-error.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 { 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/file-attachment/file-attachment.component.d.ts

@@ -1,4 +1,4 @@
-import { AfterContentInit, AfterViewInit, ChangeDetectorRef, ElementRef, EventEmitter, OnDestroy, OnInit, QueryList } from '@angular/core';
+import { AfterContentInit, AfterViewInit, ChangeDetectorRef, ElementRef, EventEmitter, OnDestroy, OnInit, QueryList, TemplateRef } from '@angular/core';
 import { NgControl, ValidationErrors } from '@angular/forms';
 import { SkyThemeService } from '@skyux/theme';
 import { SkyFileAttachmentLabelComponent } from './file-attachment-label.component';
@@ -28,6 +28,19 @@ export declare class SkyFileAttachmentComponent implements AfterViewInit, AfterC
      */
     set disabled(value: boolean | undefined);
     get 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 input box label. The help inline button displays a [popover](https://developer.blackbaud.com/skyux/components/popover)
+     * when clicked using the specified content and optional title.
+     * @preview
+     */
+    helpPopoverContent: string | TemplateRef<unknown> | undefined;
+    /**
+     * The title of the help popover. This property only applies when `helpPopoverContent` is
+     * also specified.
+     * @preview
+     */
+    helpPopoverTitle: string | undefined;
     /**
      * The text to display as the file attachment's label.
      * @preview
@@ -114,6 +127,6 @@ 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; }; "labelText": { "alias": "labelText"; "required": false; }; "labelHidden": { "alias": "labelHidden"; "required": false; }; "maxFileSize": { "alias": "maxFileSize"; "required": false; }; "minFileSize": { "alias": "minFileSize"; "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; }; "disabled": { "alias": "disabled"; "required": false; }; "helpPopoverContent": { "alias": "helpPopoverContent"; "required": false; }; "helpPopoverTitle": { "alias": "helpPopoverTitle"; "required": false; }; "labelText": { "alias": "labelText"; "required": false; }; "labelHidden": { "alias": "labelHidden"; "required": false; }; "maxFileSize": { "alias": "maxFileSize"; "required": false; }; "minFileSize": { "alias": "minFileSize"; "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 ngAcceptInputType_labelHidden: unknown;
 }

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

@@ -12,8 +12,9 @@ import * as i10 from "../form-error/form-errors.module";
 import * as i11 from "@skyux/indicators";
 import * as i12 from "@skyux/core";
 import * as i13 from "@skyux/theme";
+import * as i14 from "@skyux/help-inline";
 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, typeof i9.SkyFormErrorModule]>;
+    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 ɵinj: i0.ɵɵInjectorDeclaration<SkyFileAttachmentsModule>;
 }

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

@@ -94,6 +94,15 @@ export declare class SkyFileDropComponent implements OnDestroy {
      * @preview
      */
     hintText: string | undefined;
+    /**
+     * Whether uploading a file or link is required.
+     * When you set this property to `true`, the component adds `aria-required` and `required`
+     * attributes to the input elements so that screen readers announce an invalid state until the input element
+     * is complete.
+     * For more information about the `aria-required` attribute, see the [WAI-ARIA definition](https://www.w3.org/TR/wai-aria/#aria-required).
+     * @preview
+     */
+    required: boolean;
     inputEl: ElementRef | undefined;
     rejectedOver: boolean;
     acceptedOver: boolean;
@@ -111,6 +120,7 @@ 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; }; "labelText": { "alias": "labelText"; "required": false; }; "labelHidden": { "alias": "labelHidden"; "required": false; }; "hintText": { "alias": "hintText"; "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; }; "hintText": { "alias": "hintText"; "required": false; }; "required": { "alias": "required"; "required": false; }; }, { "filesChanged": "filesChanged"; "linkInputBlur": "linkInputBlur"; "linkChanged": "linkChanged"; }, never, ["*"], false, never>;
     static ngAcceptInputType_labelHidden: unknown;
+    static ngAcceptInputType_required: unknown;
 }

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

@@ -14,6 +14,7 @@ export declare class SkyInputBoxHostService {
     populate(args: SkyInputBoxPopulateArgs): void;
     setHintText(hintText: string | undefined): void;
     setHintTextHidden(hide: boolean): void;
+    setHintTextScreenReaderOnly(hide: boolean): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SkyInputBoxHostService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<SkyInputBoxHostService>;
 }

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

@@ -68,6 +68,7 @@ export declare class SkyInputBoxComponent implements OnInit, AfterContentChecked
     hostIconsInsetTemplate: TemplateRef<unknown> | undefined;
     hostIconsInsetLeftTemplate: TemplateRef<unknown> | undefined;
     protected hintTextHidden: boolean;
+    protected hintTextScreenReaderOnly: boolean;
     protected hostHintText: string | undefined;
     readonly controlId: string;
     readonly errorId: string;
@@ -93,6 +94,7 @@ export declare class SkyInputBoxComponent implements OnInit, AfterContentChecked
     populate(args: SkyInputBoxPopulateArgs): void;
     setHintTextHidden(hide: boolean): void;
     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; }; "hintText": { "alias": "hintText"; "required": false; }; }, {}, ["formControl", "formControlByName", "ngModel", "inputRef"], [".sky-control-label", ".sky-control-help", "sky-character-counter-indicator", "input,select,.sky-form-control:not(textarea),sky-text-editor", "textarea", ".sky-input-group-btn.sky-input-box-btn-left", ".sky-input-group-btn:not(.sky-input-box-btn-left):not(.sky-input-box-btn-inset)", ".sky-input-group-btn.sky-input-box-btn-inset", ".sky-input-group-icon.sky-input-box-icon-inset", ".sky-input-group-icon.sky-input-box-icon-inset-left", "sky-form-error", ".sky-error-label,.sky-error-indicator"], false, never>;
 }

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

@@ -11,6 +11,6 @@ import * as i9 from "./input-box-hint-text.pipe";
 import * as i10 from "@skyux/theme";
 export declare class SkyInputBoxModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<SkyInputBoxModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<SkyInputBoxModule, [typeof i1.SkyInputBoxComponent], [typeof i2.CommonModule, typeof i3.SkyCharacterCounterModule, typeof i4.SkyFormErrorsModule, typeof i5.SkyFormErrorModule, typeof i6.SkyFormsResourcesModule, typeof i7.SkyInputBoxControlDirective, typeof i8.SkyInputBoxHelpInlineComponent, typeof i9.SkyInputBoxHintTextPipe, typeof i10.SkyThemeModule], [typeof i1.SkyInputBoxComponent, typeof i7.SkyInputBoxControlDirective, typeof i5.SkyFormErrorModule]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SkyInputBoxModule, [typeof i1.SkyInputBoxComponent], [typeof i2.CommonModule, typeof i3.SkyCharacterCounterModule, typeof i4.SkyFormErrorsModule, typeof i5.SkyFormErrorModule, typeof i6.SkyFormsResourcesModule, typeof i7.SkyInputBoxControlDirective, typeof i8.SkyInputBoxHelpInlineComponent, typeof i9.SkyInputBoxHintTextPipe, typeof i10.SkyThemeModule], [typeof i9.SkyInputBoxHintTextPipe, typeof i1.SkyInputBoxComponent, typeof i7.SkyInputBoxControlDirective, typeof i5.SkyFormErrorModule]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<SkyInputBoxModule>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@skyux/forms",
-  "version": "10.6.1",
+  "version": "10.7.0",
   "author": "Blackbaud, Inc.",
   "keywords": [
     "blackbaud",
@@ -36,17 +36,18 @@
     }
   },
   "peerDependencies": {
-    "@angular/cdk": "^17.3.1",
-    "@angular/common": "^17.3.1",
-    "@angular/core": "^17.3.1",
-    "@angular/forms": "^17.3.1",
-    "@angular/platform-browser": "^17.3.1",
-    "@skyux-sdk/testing": "10.6.1",
-    "@skyux/core": "10.6.1",
-    "@skyux/i18n": "10.6.1",
-    "@skyux/indicators": "10.6.1",
-    "@skyux/popovers": "10.6.1",
-    "@skyux/theme": "10.6.1"
+    "@angular/cdk": "^17.3.4",
+    "@angular/common": "^17.3.4",
+    "@angular/core": "^17.3.4",
+    "@angular/forms": "^17.3.4",
+    "@angular/platform-browser": "^17.3.4",
+    "@skyux-sdk/testing": "10.7.0",
+    "@skyux/core": "10.7.0",
+    "@skyux/help-inline": "10.7.0",
+    "@skyux/i18n": "10.7.0",
+    "@skyux/indicators": "10.7.0",
+    "@skyux/popovers": "10.7.0",
+    "@skyux/theme": "10.7.0"
   },
   "dependencies": {
     "tslib": "^2.6.2"