@skyux/forms 10.41.0 → 10.41.2

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 (24) hide show
  1. package/documentation.json +3019 -3543
  2. package/esm2022/index.mjs +2 -1
  3. package/esm2022/lib/modules/checkbox/checkbox.component.mjs +19 -25
  4. package/esm2022/lib/modules/file-attachment/file-attachment.component.mjs +19 -24
  5. package/esm2022/lib/modules/file-attachment/file-drop.component.mjs +20 -27
  6. package/esm2022/lib/modules/input-box/input-box.component.mjs +18 -23
  7. package/esm2022/lib/modules/radio/radio-group.component.mjs +16 -23
  8. package/esm2022/lib/modules/radio/radio.component.mjs +15 -22
  9. package/esm2022/lib/modules/shared/form-field-label-text-required.directive.mjs +37 -0
  10. package/esm2022/lib/modules/shared/form-field-label-text-required.service.mjs +6 -4
  11. package/esm2022/lib/modules/toggle-switch/toggle-switch.component.mjs +14 -21
  12. package/fesm2022/skyux-forms.mjs +130 -146
  13. package/fesm2022/skyux-forms.mjs.map +1 -1
  14. package/index.d.ts +1 -0
  15. package/lib/modules/checkbox/checkbox.component.d.ts +4 -5
  16. package/lib/modules/file-attachment/file-attachment.component.d.ts +2 -2
  17. package/lib/modules/file-attachment/file-drop.component.d.ts +4 -5
  18. package/lib/modules/input-box/input-box.component.d.ts +2 -3
  19. package/lib/modules/radio/radio-group.component.d.ts +4 -5
  20. package/lib/modules/radio/radio.component.d.ts +4 -5
  21. package/lib/modules/shared/form-field-label-text-required.directive.d.ts +14 -0
  22. package/lib/modules/shared/form-field-label-text-required.service.d.ts +2 -1
  23. package/lib/modules/toggle-switch/toggle-switch.component.d.ts +4 -5
  24. package/package.json +9 -9
package/index.d.ts CHANGED
@@ -31,6 +31,7 @@ export { SkySelectionBoxGridAlignItemsType } from './lib/modules/selection-box/t
31
31
  export { SkyToggleSwitchModule } from './lib/modules/toggle-switch/toggle-switch.module';
32
32
  export { SkyToggleSwitchChange } from './lib/modules/toggle-switch/types/toggle-switch-change';
33
33
  export { SKY_FORM_ERRORS_ENABLED } from './lib/modules/form-error/form-errors-enabled-token';
34
+ export { SkyFormFieldLabelTextRequiredDirective } from './lib/modules/shared/form-field-label-text-required.directive';
34
35
  export { SkyFormFieldLabelTextRequiredService } from './lib/modules/shared/form-field-label-text-required.service';
35
36
  export { SkyCharacterCounterIndicatorComponent as λ1 } from './lib/modules/character-counter/character-counter-indicator.component';
36
37
  export { SkyCharacterCounterInputDirective as λ2 } from './lib/modules/character-counter/character-counter.directive';
@@ -1,14 +1,15 @@
1
- import { ElementRef, EventEmitter, OnInit, TemplateRef } from '@angular/core';
1
+ import { ElementRef, EventEmitter, TemplateRef } from '@angular/core';
2
2
  import { AbstractControl, ControlValueAccessor, ValidationErrors, Validator } from '@angular/forms';
3
3
  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";
7
8
  /**
8
9
  * Replaces the HTML input element with `type="checkbox"`. When users select a checkbox, its value
9
10
  * is driven through an `ngModel` attribute that you specify on the `sky-checkbox` element.
10
11
  */
11
- export declare class SkyCheckboxComponent implements ControlValueAccessor, OnInit, Validator {
12
+ export declare class SkyCheckboxComponent implements ControlValueAccessor, Validator {
12
13
  #private;
13
14
  /**
14
15
  * The ARIA label for the checkbox. This sets the checkbox's `aria-label` attribute
@@ -149,13 +150,11 @@ export declare class SkyCheckboxComponent implements ControlValueAccessor, OnIni
149
150
  get indeterminateChange(): Observable<boolean>;
150
151
  set inputEl(el: ElementRef | undefined);
151
152
  get inputEl(): ElementRef | undefined;
152
- display: string | undefined;
153
153
  protected get isCheckboxRequired(): boolean;
154
154
  protected control: AbstractControl | undefined;
155
155
  protected inputId: string;
156
156
  protected readonly errorId: string;
157
157
  constructor();
158
- ngOnInit(): void;
159
158
  validate(control: AbstractControl<boolean>): ValidationErrors | null;
160
159
  /**
161
160
  * Implemented as part of ControlValueAccessor.
@@ -182,7 +181,7 @@ export declare class SkyCheckboxComponent implements ControlValueAccessor, OnIni
182
181
  /** Called when the checkbox is blurred. Needed to properly implement ControlValueAccessor. */
183
182
  onTouched: () => any;
184
183
  static ɵfac: i0.ɵɵFactoryDeclaration<SkyCheckboxComponent, never>;
185
- 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: {}; }]>;
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: {}; }]>;
186
185
  static ngAcceptInputType_required: unknown;
187
186
  static ngAcceptInputType_labelHidden: unknown;
188
187
  static ngAcceptInputType_stacked: unknown;
@@ -10,6 +10,7 @@ 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";
13
14
  /**
14
15
  * Provides an element to attach a single local file.
15
16
  */
@@ -107,7 +108,6 @@ export declare class SkyFileAttachmentComponent implements AfterViewInit, AfterC
107
108
  * For more information about the `aria-required` attribute, see the [WAI-ARIA definition](https://www.w3.org/TR/wai-aria/#aria-required).
108
109
  */
109
110
  required: boolean | undefined;
110
- display: string | undefined;
111
111
  set value(value: SkyFileItem | undefined | null);
112
112
  get value(): SkyFileItem | undefined;
113
113
  currentThemeName: string | undefined;
@@ -145,7 +145,7 @@ export declare class SkyFileAttachmentComponent implements AfterViewInit, AfterC
145
145
  setDisabledState(isDisabled: boolean): void;
146
146
  emitClick(): void;
147
147
  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, never>;
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: {}; }]>;
149
149
  static ngAcceptInputType_labelHidden: unknown;
150
150
  static ngAcceptInputType_stacked: unknown;
151
151
  }
@@ -1,9 +1,10 @@
1
- import { ElementRef, EventEmitter, OnDestroy, OnInit, TemplateRef } from '@angular/core';
1
+ import { ElementRef, EventEmitter, OnDestroy, TemplateRef } from '@angular/core';
2
2
  import { SkyFileItem } from './file-item';
3
3
  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";
7
8
  /**
8
9
  * Provides an element to attach multiple files where users can browse or drag and drop local files
9
10
  * or provide hyperlinks to external files. You can leave the contents of the component
@@ -14,7 +15,7 @@ import * as i0 from "@angular/core";
14
15
  * outside of the file drop component, you can place the `sky-file-drop-target` CSS class
15
16
  * on the element that receives drop events to exempt it from the drop exclusion rule.
16
17
  */
17
- export declare class SkyFileDropComponent implements OnInit, OnDestroy {
18
+ export declare class SkyFileDropComponent implements OnDestroy {
18
19
  #private;
19
20
  /**
20
21
  * Fires when users add or remove files.
@@ -127,13 +128,11 @@ export declare class SkyFileDropComponent implements OnInit, OnDestroy {
127
128
  */
128
129
  helpKey: string | undefined;
129
130
  inputEl: ElementRef | undefined;
130
- display: string | undefined;
131
131
  rejectedOver: boolean;
132
132
  acceptedOver: boolean;
133
133
  linkUrl: string | undefined;
134
134
  protected errorId: string;
135
135
  protected rejectedFiles: SkyFileItem[];
136
- ngOnInit(): void;
137
136
  ngOnDestroy(): void;
138
137
  dropClicked(): void;
139
138
  fileChangeEvent(fileChangeEvent: Event): void;
@@ -145,7 +144,7 @@ export declare class SkyFileDropComponent implements OnInit, OnDestroy {
145
144
  addLink(event: Event): void;
146
145
  onLinkBlur(): void;
147
146
  static ɵfac: i0.ɵɵFactoryDeclaration<SkyFileDropComponent, never>;
148
- 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>;
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: {}; }]>;
149
148
  static ngAcceptInputType_labelHidden: unknown;
150
149
  static ngAcceptInputType_required: unknown;
151
150
  static ngAcceptInputType_stacked: unknown;
@@ -4,6 +4,7 @@ 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";
7
8
  /**
8
9
  * A wrapper component that provides styling and accessibility to form elements.
9
10
  */
@@ -86,13 +87,11 @@ export declare class SkyInputBoxComponent implements OnInit, AfterContentChecked
86
87
  readonly hintTextId: string;
87
88
  readonly ariaDescribedBy: ReplaySubject<string | undefined>;
88
89
  cssClass: string;
89
- display: string | undefined;
90
90
  formControl: FormControlDirective | undefined;
91
91
  formControlByName: FormControlName | undefined;
92
92
  ngModel: NgModel | undefined;
93
93
  inputRef: ElementRef | undefined;
94
94
  protected controlDir: AbstractControlDirective | undefined;
95
- protected helpPopoverOpen: boolean | undefined;
96
95
  protected get isDisabled(): boolean;
97
96
  protected get hasErrorsComputed(): boolean;
98
97
  protected get required(): boolean;
@@ -108,5 +107,5 @@ export declare class SkyInputBoxComponent implements OnInit, AfterContentChecked
108
107
  setHostHintText(value: string | undefined): void;
109
108
  setHintTextScreenReaderOnly(hide: boolean): void;
110
109
  static ɵfac: i0.ɵɵFactoryDeclaration<SkyInputBoxComponent, never>;
111
- 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>;
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: {}; }]>;
112
111
  }
@@ -1,17 +1,18 @@
1
- import { AfterContentInit, AfterViewInit, ChangeDetectorRef, OnDestroy, OnInit, QueryList, TemplateRef } from '@angular/core';
1
+ import { AfterContentInit, AfterViewInit, ChangeDetectorRef, OnDestroy, QueryList, TemplateRef } from '@angular/core';
2
2
  import { NgControl } from '@angular/forms';
3
3
  import { SkyRadioGroupIdService } from './radio-group-id.service';
4
4
  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";
8
9
  /**
9
10
  * Organizes radio buttons into a group. It is required for radio
10
11
  * buttons on Angular reactive forms, and we recommend using it with all radio buttons.
11
12
  * On Angular forms, the component manages the selected values and keeps the forms up-to-date.
12
13
  * When users select a radio button, its value is driven through an `ngModel` attribute that you specify on the `sky-radio-group` element.
13
14
  */
14
- export declare class SkyRadioGroupComponent implements AfterContentInit, AfterViewInit, OnInit, OnDestroy {
15
+ export declare class SkyRadioGroupComponent implements AfterContentInit, AfterViewInit, OnDestroy {
15
16
  #private;
16
17
  /**
17
18
  * The HTML element ID of the element that labels
@@ -127,7 +128,6 @@ export declare class SkyRadioGroupComponent implements AfterContentInit, AfterVi
127
128
  */
128
129
  ariaOwns: string | undefined;
129
130
  radios: QueryList<SkyRadioComponent> | undefined;
130
- display: string | undefined;
131
131
  stackedLg: boolean;
132
132
  stackedXL: boolean;
133
133
  protected headingClass: string;
@@ -137,7 +137,6 @@ export declare class SkyRadioGroupComponent implements AfterContentInit, AfterVi
137
137
  ngAfterContentInit(): void;
138
138
  ngAfterViewInit(): void;
139
139
  watchForSelections(): void;
140
- ngOnInit(): void;
141
140
  ngOnDestroy(): void;
142
141
  writeValue(value: unknown): void;
143
142
  /**
@@ -148,7 +147,7 @@ export declare class SkyRadioGroupComponent implements AfterContentInit, AfterVi
148
147
  registerOnChange(fn: (value: any) => void): void;
149
148
  registerOnTouched(fn: any): void;
150
149
  static ɵfac: i0.ɵɵFactoryDeclaration<SkyRadioGroupComponent, [null, null, { optional: true; self: true; }]>;
151
- 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>;
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: {}; }]>;
152
151
  static ngAcceptInputType_headingLevel: unknown;
153
152
  static ngAcceptInputType_headingStyle: unknown;
154
153
  static ngAcceptInputType_stacked: unknown;
@@ -1,15 +1,16 @@
1
- import { EventEmitter, OnDestroy, OnInit, TemplateRef } from '@angular/core';
1
+ import { EventEmitter, OnDestroy, TemplateRef } from '@angular/core';
2
2
  import { ControlValueAccessor } from '@angular/forms';
3
3
  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";
7
8
  /**
8
9
  * Renders a SKY UX-themed replacement for an HTML `input` element
9
10
  * with `type="radio"`. When users select a radio button, its value is driven through an
10
11
  * `ngModel` attribute that you specify on the `sky-radio` element or the parent `sky-radio-group` element.
11
12
  */
12
- export declare class SkyRadioComponent implements OnInit, OnDestroy, ControlValueAccessor {
13
+ export declare class SkyRadioComponent implements OnDestroy, ControlValueAccessor {
13
14
  #private;
14
15
  /**
15
16
  * Fires when users focus off a radio button.
@@ -137,13 +138,11 @@ export declare class SkyRadioComponent implements OnInit, OnDestroy, ControlValu
137
138
  * Fires when the selected value changes.
138
139
  */
139
140
  disabledChange: EventEmitter<boolean>;
140
- display: string | undefined;
141
141
  set selectedValue(value: any);
142
142
  get selectedValue(): any;
143
143
  radioGroupDisabled: boolean;
144
144
  protected inputId: string;
145
145
  constructor();
146
- ngOnInit(): void;
147
146
  ngOnDestroy(): void;
148
147
  writeValue(value: unknown): void;
149
148
  /**
@@ -157,6 +156,6 @@ export declare class SkyRadioComponent implements OnInit, OnDestroy, ControlValu
157
156
  onInputChange(event: Event): void;
158
157
  onInputFocusChange(): void;
159
158
  static ɵfac: i0.ɵɵFactoryDeclaration<SkyRadioComponent, never>;
160
- 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>;
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: {}; }]>;
161
160
  static ngAcceptInputType_labelHidden: unknown;
162
161
  }
@@ -0,0 +1,14 @@
1
+ import { OnInit } from '@angular/core';
2
+ import * as i0 from "@angular/core";
3
+ /**
4
+ * Hide form field components of field groups that are missing label text.
5
+ * @internal
6
+ */
7
+ export declare class SkyFormFieldLabelTextRequiredDirective implements OnInit {
8
+ #private;
9
+ labelText: string | null | undefined;
10
+ display: 'none' | undefined;
11
+ ngOnInit(): void;
12
+ static ɵfac: i0.ɵɵFactoryDeclaration<SkyFormFieldLabelTextRequiredDirective, never>;
13
+ static ɵdir: i0.ɵɵDirectiveDeclaration<SkyFormFieldLabelTextRequiredDirective, "[skyFormFieldLabelTextRequired]", never, { "labelText": { "alias": "labelText"; "required": false; }; }, {}, never, never, true, never>;
14
+ }
@@ -4,7 +4,8 @@ import * as i0 from "@angular/core";
4
4
  * @internal
5
5
  */
6
6
  export declare class SkyFormFieldLabelTextRequiredService {
7
- validateLabelText(text: string | undefined): void;
7
+ #private;
8
+ validateLabelText(text: string | null | undefined): void;
8
9
  static ɵfac: i0.ɵɵFactoryDeclaration<SkyFormFieldLabelTextRequiredService, never>;
9
10
  static ɵprov: i0.ɵɵInjectableDeclaration<SkyFormFieldLabelTextRequiredService>;
10
11
  }
@@ -1,10 +1,11 @@
1
- import { AfterContentInit, ChangeDetectorRef, EventEmitter, OnDestroy, OnInit, QueryList, TemplateRef } from '@angular/core';
1
+ import { AfterContentInit, ChangeDetectorRef, EventEmitter, OnDestroy, QueryList, TemplateRef } from '@angular/core';
2
2
  import { AbstractControl, ControlValueAccessor, ValidationErrors, Validator } from '@angular/forms';
3
3
  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
- export declare class SkyToggleSwitchComponent implements AfterContentInit, OnInit, OnDestroy, ControlValueAccessor, Validator {
7
+ import * as i1 from "../shared/form-field-label-text-required.directive";
8
+ export declare class SkyToggleSwitchComponent implements AfterContentInit, OnDestroy, ControlValueAccessor, Validator {
8
9
  #private;
9
10
  /**
10
11
  * The ARIA label for the toggle switch. This sets the `aria-label`
@@ -65,10 +66,8 @@ export declare class SkyToggleSwitchComponent implements AfterContentInit, OnIni
65
66
  labelId: string;
66
67
  enableIndicatorAnimation: boolean;
67
68
  labelComponents: QueryList<SkyToggleSwitchLabelComponent> | undefined;
68
- display: string | undefined;
69
69
  constructor(changeDetector: ChangeDetectorRef, idService: SkyIdService);
70
70
  ngAfterContentInit(): void;
71
- ngOnInit(): void;
72
71
  ngOnDestroy(): void;
73
72
  writeValue(value: boolean): void;
74
73
  validate(control: AbstractControl): ValidationErrors | null;
@@ -78,6 +77,6 @@ export declare class SkyToggleSwitchComponent implements AfterContentInit, OnIni
78
77
  onButtonClick(event: any): void;
79
78
  onButtonBlur(): void;
80
79
  static ɵfac: i0.ɵɵFactoryDeclaration<SkyToggleSwitchComponent, never>;
81
- 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>;
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: {}; }]>;
82
81
  static ngAcceptInputType_labelHidden: unknown;
83
82
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@skyux/forms",
3
- "version": "10.41.0",
3
+ "version": "10.41.2",
4
4
  "author": "Blackbaud, Inc.",
5
5
  "keywords": [
6
6
  "blackbaud",
@@ -41,16 +41,16 @@
41
41
  "@angular/core": "^17.3.4",
42
42
  "@angular/forms": "^17.3.4",
43
43
  "@angular/platform-browser": "^17.3.4",
44
- "@skyux-sdk/testing": "10.41.0",
45
- "@skyux/core": "10.41.0",
46
- "@skyux/help-inline": "10.41.0",
47
- "@skyux/i18n": "10.41.0",
48
- "@skyux/indicators": "10.41.0",
49
- "@skyux/popovers": "10.41.0",
50
- "@skyux/theme": "10.41.0"
44
+ "@skyux-sdk/testing": "10.41.2",
45
+ "@skyux/core": "10.41.2",
46
+ "@skyux/help-inline": "10.41.2",
47
+ "@skyux/i18n": "10.41.2",
48
+ "@skyux/indicators": "10.41.2",
49
+ "@skyux/popovers": "10.41.2",
50
+ "@skyux/theme": "10.41.2"
51
51
  },
52
52
  "dependencies": {
53
- "@skyux/icon": "10.41.0",
53
+ "@skyux/icon": "10.41.2",
54
54
  "tslib": "^2.6.2"
55
55
  },
56
56
  "module": "fesm2022/skyux-forms.mjs",