@skyux/forms 10.41.5 → 10.43.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (59) hide show
  1. package/documentation.json +3388 -3388
  2. package/esm2022/lib/modules/character-counter/character-counter-indicator.component.mjs +4 -4
  3. package/esm2022/lib/modules/character-counter/character-counter-screen-reader.pipe.mjs +4 -4
  4. package/esm2022/lib/modules/character-counter/character-counter.directive.mjs +4 -4
  5. package/esm2022/lib/modules/character-counter/character-counter.module.mjs +5 -5
  6. package/esm2022/lib/modules/checkbox/checkbox-group.component.mjs +4 -4
  7. package/esm2022/lib/modules/checkbox/checkbox-label-text-label.component.mjs +4 -4
  8. package/esm2022/lib/modules/checkbox/checkbox-label.component.mjs +4 -4
  9. package/esm2022/lib/modules/checkbox/checkbox.component.mjs +12 -20
  10. package/esm2022/lib/modules/checkbox/checkbox.module.mjs +5 -5
  11. package/esm2022/lib/modules/field-group/field-group.component.mjs +5 -6
  12. package/esm2022/lib/modules/field-group/field-group.module.mjs +5 -5
  13. package/esm2022/lib/modules/file-attachment/file-attachment-label.component.mjs +4 -4
  14. package/esm2022/lib/modules/file-attachment/file-attachment.component.mjs +14 -21
  15. package/esm2022/lib/modules/file-attachment/file-attachment.service.mjs +4 -4
  16. package/esm2022/lib/modules/file-attachment/file-attachments.module.mjs +5 -5
  17. package/esm2022/lib/modules/file-attachment/file-drop.component.mjs +15 -22
  18. package/esm2022/lib/modules/file-attachment/file-item.component.mjs +4 -4
  19. package/esm2022/lib/modules/file-attachment/file-item.service.mjs +4 -4
  20. package/esm2022/lib/modules/file-attachment/file-size.pipe.mjs +4 -4
  21. package/esm2022/lib/modules/form-error/form-error.component.mjs +4 -4
  22. package/esm2022/lib/modules/form-error/form-error.module.mjs +5 -5
  23. package/esm2022/lib/modules/form-error/form-errors.component.mjs +4 -4
  24. package/esm2022/lib/modules/form-error/form-errors.module.mjs +5 -5
  25. package/esm2022/lib/modules/input-box/input-box-adapter.service.mjs +4 -4
  26. package/esm2022/lib/modules/input-box/input-box-control.directive.mjs +4 -4
  27. package/esm2022/lib/modules/input-box/input-box-hint-text.pipe.mjs +4 -4
  28. package/esm2022/lib/modules/input-box/input-box-host.service.mjs +21 -4
  29. package/esm2022/lib/modules/input-box/input-box.component.mjs +28 -22
  30. package/esm2022/lib/modules/input-box/input-box.module.mjs +5 -5
  31. package/esm2022/lib/modules/radio/radio-group-id.service.mjs +4 -4
  32. package/esm2022/lib/modules/radio/radio-group.component.mjs +10 -17
  33. package/esm2022/lib/modules/radio/radio-label.component.mjs +4 -4
  34. package/esm2022/lib/modules/radio/radio.component.mjs +9 -16
  35. package/esm2022/lib/modules/radio/radio.module.mjs +5 -5
  36. package/esm2022/lib/modules/required-state/required-state.directive.mjs +4 -4
  37. package/esm2022/lib/modules/selection-box/selection-box-adapter.service.mjs +4 -4
  38. package/esm2022/lib/modules/selection-box/selection-box-description.component.mjs +4 -4
  39. package/esm2022/lib/modules/selection-box/selection-box-grid.component.mjs +4 -4
  40. package/esm2022/lib/modules/selection-box/selection-box-header.component.mjs +4 -4
  41. package/esm2022/lib/modules/selection-box/selection-box.component.mjs +4 -4
  42. package/esm2022/lib/modules/selection-box/selection-box.module.mjs +5 -5
  43. package/esm2022/lib/modules/shared/form-field-label-text-required.directive.mjs +4 -4
  44. package/esm2022/lib/modules/shared/form-field-label-text-required.service.mjs +4 -4
  45. package/esm2022/lib/modules/shared/sky-forms-resources.module.mjs +5 -5
  46. package/esm2022/lib/modules/toggle-switch/toggle-switch-label.component.mjs +4 -4
  47. package/esm2022/lib/modules/toggle-switch/toggle-switch.component.mjs +8 -15
  48. package/esm2022/lib/modules/toggle-switch/toggle-switch.module.mjs +5 -5
  49. package/fesm2022/skyux-forms.mjs +262 -269
  50. package/fesm2022/skyux-forms.mjs.map +1 -1
  51. package/lib/modules/checkbox/checkbox.component.d.ts +1 -2
  52. package/lib/modules/file-attachment/file-attachment.component.d.ts +1 -2
  53. package/lib/modules/file-attachment/file-drop.component.d.ts +1 -2
  54. package/lib/modules/input-box/input-box-host.service.d.ts +10 -1
  55. package/lib/modules/input-box/input-box.component.d.ts +1 -2
  56. package/lib/modules/radio/radio-group.component.d.ts +1 -2
  57. package/lib/modules/radio/radio.component.d.ts +1 -2
  58. package/lib/modules/toggle-switch/toggle-switch.component.d.ts +1 -2
  59. package/package.json +14 -14
@@ -4,7 +4,6 @@ import { Observable } from 'rxjs';
4
4
  import { SkyCheckboxChange } from './checkbox-change';
5
5
  import * as i0 from "@angular/core";
6
6
  import * as i1 from "@skyux/theme";
7
- import * as i2 from "../shared/form-field-label-text-required.directive";
8
7
  /**
9
8
  * Replaces the HTML input element with `type="checkbox"`. When users select a checkbox, its value
10
9
  * is driven through an `ngModel` attribute that you specify on the `sky-checkbox` element.
@@ -181,7 +180,7 @@ export declare class SkyCheckboxComponent implements ControlValueAccessor, Valid
181
180
  /** Called when the checkbox is blurred. Needed to properly implement ControlValueAccessor. */
182
181
  onTouched: () => any;
183
182
  static ɵfac: i0.ɵɵFactoryDeclaration<SkyCheckboxComponent, never>;
184
- 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: {}; }]>;
183
+ 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: {}; }]>;
185
184
  static ngAcceptInputType_required: unknown;
186
185
  static ngAcceptInputType_labelHidden: unknown;
187
186
  static ngAcceptInputType_stacked: unknown;
@@ -10,7 +10,6 @@ import { SkyFileValidateFn } from './file-validate-function';
10
10
  import { SkyFileAttachmentChange } from './types/file-attachment-change';
11
11
  import { SkyFileAttachmentClick } from './types/file-attachment-click';
12
12
  import * as i0 from "@angular/core";
13
- import * as i1 from "../shared/form-field-label-text-required.directive";
14
13
  /**
15
14
  * Provides an element to attach a single local file.
16
15
  */
@@ -145,7 +144,7 @@ export declare class SkyFileAttachmentComponent implements AfterViewInit, AfterC
145
144
  setDisabledState(isDisabled: boolean): void;
146
145
  emitClick(): void;
147
146
  static ɵfac: i0.ɵɵFactoryDeclaration<SkyFileAttachmentComponent, [null, null, null, { optional: true; self: true; }, { optional: true; }]>;
148
- 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"], false, [{ directive: typeof i1.SkyFormFieldLabelTextRequiredDirective; inputs: { "labelText": "labelText"; }; outputs: {}; }]>;
147
+ 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"], false, never>;
149
148
  static ngAcceptInputType_labelHidden: unknown;
150
149
  static ngAcceptInputType_stacked: unknown;
151
150
  }
@@ -4,7 +4,6 @@ import { SkyFileLink } from './file-link';
4
4
  import { SkyFileValidateFn } from './file-validate-function';
5
5
  import { SkyFileDropChange } from './types/file-drop-change';
6
6
  import * as i0 from "@angular/core";
7
- import * as i1 from "../shared/form-field-label-text-required.directive";
8
7
  /**
9
8
  * Provides an element to attach multiple files where users can browse or drag and drop local files
10
9
  * or provide hyperlinks to external files. You can leave the contents of the component
@@ -144,7 +143,7 @@ export declare class SkyFileDropComponent implements OnDestroy {
144
143
  addLink(event: Event): void;
145
144
  onLinkBlur(): void;
146
145
  static ɵfac: i0.ɵɵFactoryDeclaration<SkyFileDropComponent, never>;
147
- 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, ["*"], false, [{ directive: typeof i1.SkyFormFieldLabelTextRequiredDirective; inputs: { "labelText": "labelText"; }; outputs: {}; }]>;
146
+ 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, ["*"], false, never>;
148
147
  static ngAcceptInputType_labelHidden: unknown;
149
148
  static ngAcceptInputType_required: unknown;
150
149
  static ngAcceptInputType_stacked: unknown;
@@ -1,3 +1,4 @@
1
+ import { OnDestroy } from '@angular/core';
1
2
  import { Observable } from 'rxjs';
2
3
  import { SkyInputBoxPopulateArgs } from './input-box-populate-args';
3
4
  import { SkyInputBoxComponent } from './input-box.component';
@@ -5,17 +6,25 @@ import * as i0 from "@angular/core";
5
6
  /**
6
7
  * @internal
7
8
  */
8
- export declare class SkyInputBoxHostService {
9
+ export declare class SkyInputBoxHostService implements OnDestroy {
9
10
  #private;
11
+ required: Observable<boolean>;
10
12
  get controlId(): string;
11
13
  get labelId(): string;
12
14
  get labelText(): string;
13
15
  get ariaDescribedBy(): Observable<string | undefined> | undefined;
14
16
  init(host: SkyInputBoxComponent): void;
17
+ ngOnDestroy(): void;
15
18
  populate(args: SkyInputBoxPopulateArgs): void;
16
19
  setHintText(hintText: string | undefined): void;
17
20
  setHintTextHidden(hide: boolean): void;
18
21
  setHintTextScreenReaderOnly(hide: boolean): void;
22
+ /**
23
+ * Set required so that input box displays the label correctly. When the input is supplied by the consumer it is a content
24
+ * child that input box can read required from and this is unnecessary. When the input is supplied internally by the
25
+ * component the input box does not have a ref to it, so the component needs to inform the input box of its required state.
26
+ */
27
+ setRequired(required: boolean): void;
19
28
  static ɵfac: i0.ɵɵFactoryDeclaration<SkyInputBoxHostService, never>;
20
29
  static ɵprov: i0.ɵɵInjectableDeclaration<SkyInputBoxHostService>;
21
30
  }
@@ -4,7 +4,6 @@ import { AbstractControlDirective, FormControlDirective, FormControlName, NgMode
4
4
  import { ReplaySubject } from 'rxjs';
5
5
  import { SkyInputBoxPopulateArgs } from './input-box-populate-args';
6
6
  import * as i0 from "@angular/core";
7
- import * as i1 from "../shared/form-field-label-text-required.directive";
8
7
  /**
9
8
  * A wrapper component that provides styling and accessibility to form elements.
10
9
  */
@@ -107,5 +106,5 @@ export declare class SkyInputBoxComponent implements OnInit, AfterContentChecked
107
106
  setHostHintText(value: string | undefined): void;
108
107
  setHintTextScreenReaderOnly(hide: boolean): void;
109
108
  static ɵfac: i0.ɵɵFactoryDeclaration<SkyInputBoxComponent, never>;
110
- 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: {}; }]>;
109
+ 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>;
111
110
  }
@@ -5,7 +5,6 @@ import { SkyRadioComponent } from './radio.component';
5
5
  import { SkyRadioGroupHeadingLevel } from './types/radio-group-heading-level';
6
6
  import { SkyRadioGroupHeadingStyle } from './types/radio-group-heading-style';
7
7
  import * as i0 from "@angular/core";
8
- import * as i1 from "../shared/form-field-label-text-required.directive";
9
8
  /**
10
9
  * Organizes radio buttons into a group. It is required for radio
11
10
  * buttons on Angular reactive forms, and we recommend using it with all radio buttons.
@@ -147,7 +146,7 @@ export declare class SkyRadioGroupComponent implements AfterContentInit, AfterVi
147
146
  registerOnChange(fn: (value: any) => void): void;
148
147
  registerOnTouched(fn: any): void;
149
148
  static ɵfac: i0.ɵɵFactoryDeclaration<SkyRadioGroupComponent, [null, null, { optional: true; self: true; }]>;
150
- 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.SkyFormFieldLabelTextRequiredDirective; inputs: { "labelText": "headingText"; }; outputs: {}; }]>;
149
+ 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, never>;
151
150
  static ngAcceptInputType_headingLevel: unknown;
152
151
  static ngAcceptInputType_headingStyle: unknown;
153
152
  static ngAcceptInputType_stacked: unknown;
@@ -4,7 +4,6 @@ import { Subject } from 'rxjs';
4
4
  import { SkyRadioChange } from './types/radio-change';
5
5
  import { SkyRadioType } from './types/radio-type';
6
6
  import * as i0 from "@angular/core";
7
- import * as i1 from "../shared/form-field-label-text-required.directive";
8
7
  /**
9
8
  * Renders a SKY UX-themed replacement for an HTML `input` element
10
9
  * with `type="radio"`. When users select a radio button, its value is driven through an
@@ -156,6 +155,6 @@ export declare class SkyRadioComponent implements OnDestroy, ControlValueAccesso
156
155
  onInputChange(event: Event): void;
157
156
  onInputFocusChange(): void;
158
157
  static ɵfac: i0.ɵɵFactoryDeclaration<SkyRadioComponent, never>;
159
- 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; }; "helpPopoverContent": { "alias": "helpPopoverContent"; "required": false; }; "helpPopoverTitle": { "alias": "helpPopoverTitle"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "radioType": { "alias": "radioType"; "required": false; }; "labelText": { "alias": "labelText"; "required": false; }; "labelHidden": { "alias": "labelHidden"; "required": false; }; "hintText": { "alias": "hintText"; "required": false; }; "helpKey": { "alias": "helpKey"; "required": false; }; }, { "change": "change"; "checkedChange": "checkedChange"; "disabledChange": "disabledChange"; }, never, ["sky-radio-label"], false, [{ directive: typeof i1.SkyFormFieldLabelTextRequiredDirective; inputs: { "labelText": "labelText"; }; outputs: {}; }]>;
158
+ 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; }; "helpPopoverContent": { "alias": "helpPopoverContent"; "required": false; }; "helpPopoverTitle": { "alias": "helpPopoverTitle"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "radioType": { "alias": "radioType"; "required": false; }; "labelText": { "alias": "labelText"; "required": false; }; "labelHidden": { "alias": "labelHidden"; "required": false; }; "hintText": { "alias": "hintText"; "required": false; }; "helpKey": { "alias": "helpKey"; "required": false; }; }, { "change": "change"; "checkedChange": "checkedChange"; "disabledChange": "disabledChange"; }, never, ["sky-radio-label"], false, never>;
160
159
  static ngAcceptInputType_labelHidden: unknown;
161
160
  }
@@ -4,7 +4,6 @@ import { SkyIdService } from '@skyux/core';
4
4
  import { SkyToggleSwitchLabelComponent } from './toggle-switch-label.component';
5
5
  import { SkyToggleSwitchChange } from './types/toggle-switch-change';
6
6
  import * as i0 from "@angular/core";
7
- import * as i1 from "../shared/form-field-label-text-required.directive";
8
7
  export declare class SkyToggleSwitchComponent implements AfterContentInit, OnDestroy, ControlValueAccessor, Validator {
9
8
  #private;
10
9
  /**
@@ -77,6 +76,6 @@ export declare class SkyToggleSwitchComponent implements AfterContentInit, OnDes
77
76
  onButtonClick(event: any): void;
78
77
  onButtonBlur(): void;
79
78
  static ɵfac: i0.ɵɵFactoryDeclaration<SkyToggleSwitchComponent, never>;
80
- 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-control-help", "sky-toggle-switch-label"], false, [{ directive: typeof i1.SkyFormFieldLabelTextRequiredDirective; inputs: { "labelText": "labelText"; }; outputs: {}; }]>;
79
+ 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-control-help", "sky-toggle-switch-label"], false, never>;
81
80
  static ngAcceptInputType_labelHidden: unknown;
82
81
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@skyux/forms",
3
- "version": "10.41.5",
3
+ "version": "10.43.0",
4
4
  "author": "Blackbaud, Inc.",
5
5
  "keywords": [
6
6
  "blackbaud",
@@ -36,21 +36,21 @@
36
36
  }
37
37
  },
38
38
  "peerDependencies": {
39
- "@angular/cdk": "^17.3.4",
40
- "@angular/common": "^17.3.4",
41
- "@angular/core": "^17.3.4",
42
- "@angular/forms": "^17.3.4",
43
- "@angular/platform-browser": "^17.3.4",
44
- "@skyux-sdk/testing": "10.41.5",
45
- "@skyux/core": "10.41.5",
46
- "@skyux/help-inline": "10.41.5",
47
- "@skyux/i18n": "10.41.5",
48
- "@skyux/indicators": "10.41.5",
49
- "@skyux/popovers": "10.41.5",
50
- "@skyux/theme": "10.41.5"
39
+ "@angular/cdk": "^17.3.10",
40
+ "@angular/common": "^17.3.12",
41
+ "@angular/core": "^17.3.12",
42
+ "@angular/forms": "^17.3.12",
43
+ "@angular/platform-browser": "^17.3.12",
44
+ "@skyux-sdk/testing": "10.43.0",
45
+ "@skyux/core": "10.43.0",
46
+ "@skyux/help-inline": "10.43.0",
47
+ "@skyux/i18n": "10.43.0",
48
+ "@skyux/indicators": "10.43.0",
49
+ "@skyux/popovers": "10.43.0",
50
+ "@skyux/theme": "10.43.0"
51
51
  },
52
52
  "dependencies": {
53
- "@skyux/icon": "10.41.5",
53
+ "@skyux/icon": "10.43.0",
54
54
  "tslib": "^2.6.2"
55
55
  },
56
56
  "module": "fesm2022/skyux-forms.mjs",