@skyux/forms 12.27.0 → 13.0.0-alpha.1

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 (117) hide show
  1. package/fesm2022/skyux-forms-testing.mjs.map +1 -1
  2. package/fesm2022/skyux-forms.mjs +159 -159
  3. package/fesm2022/skyux-forms.mjs.map +1 -1
  4. package/index.d.ts +1800 -61
  5. package/package.json +14 -14
  6. package/testing/index.d.ts +1117 -3
  7. package/lib/modules/character-counter/character-counter-indicator.component.d.ts +0 -12
  8. package/lib/modules/character-counter/character-counter-screen-reader.pipe.d.ts +0 -8
  9. package/lib/modules/character-counter/character-counter.directive.d.ts +0 -29
  10. package/lib/modules/character-counter/character-counter.module.d.ts +0 -12
  11. package/lib/modules/checkbox/checkbox-change.d.ts +0 -9
  12. package/lib/modules/checkbox/checkbox-group-heading-level.d.ts +0 -1
  13. package/lib/modules/checkbox/checkbox-group-heading-style.d.ts +0 -1
  14. package/lib/modules/checkbox/checkbox-group.component.d.ts +0 -76
  15. package/lib/modules/checkbox/checkbox-label-text-label.component.d.ts +0 -12
  16. package/lib/modules/checkbox/checkbox-label.component.d.ts +0 -11
  17. package/lib/modules/checkbox/checkbox.component.d.ts +0 -195
  18. package/lib/modules/checkbox/checkbox.module.d.ts +0 -19
  19. package/lib/modules/field-group/field-group-heading-level.d.ts +0 -1
  20. package/lib/modules/field-group/field-group-heading-style.d.ts +0 -1
  21. package/lib/modules/field-group/field-group.component.d.ts +0 -61
  22. package/lib/modules/field-group/field-group.module.d.ts +0 -7
  23. package/lib/modules/file-attachment/file-attachment/file-attachment-change.d.ts +0 -7
  24. package/lib/modules/file-attachment/file-attachment/file-attachment-click.d.ts +0 -7
  25. package/lib/modules/file-attachment/file-attachment/file-attachment-join-ids.pipe.d.ts +0 -11
  26. package/lib/modules/file-attachment/file-attachment/file-attachment-label.component.d.ts +0 -17
  27. package/lib/modules/file-attachment/file-attachment/file-attachment.component.d.ts +0 -153
  28. package/lib/modules/file-attachment/file-attachment/file-attachment.module.d.ts +0 -9
  29. package/lib/modules/file-attachment/file-attachment/file-attachment.service.d.ts +0 -17
  30. package/lib/modules/file-attachment/file-attachments.module.d.ts +0 -11
  31. package/lib/modules/file-attachment/file-drop/file-drop-change.d.ts +0 -11
  32. package/lib/modules/file-attachment/file-drop/file-drop.component.d.ts +0 -162
  33. package/lib/modules/file-attachment/file-drop/file-drop.module.d.ts +0 -9
  34. package/lib/modules/file-attachment/file-drop/file-item.component.d.ts +0 -33
  35. package/lib/modules/file-attachment/file-drop/file-link.d.ts +0 -6
  36. package/lib/modules/file-attachment/shared/file-item-error-type.d.ts +0 -4
  37. package/lib/modules/file-attachment/shared/file-item.d.ts +0 -20
  38. package/lib/modules/file-attachment/shared/file-item.service.d.ts +0 -13
  39. package/lib/modules/file-attachment/shared/file-size.pipe.d.ts +0 -13
  40. package/lib/modules/file-attachment/shared/file-validate-function.d.ts +0 -5
  41. package/lib/modules/form-error/form-error.component.d.ts +0 -25
  42. package/lib/modules/form-error/form-error.module.d.ts +0 -7
  43. package/lib/modules/form-error/form-errors-enabled-token.d.ts +0 -5
  44. package/lib/modules/form-error/form-errors.component.d.ts +0 -30
  45. package/lib/modules/form-error/form-errors.module.d.ts +0 -11
  46. package/lib/modules/input-box/input-box-adapter.service.d.ts +0 -28
  47. package/lib/modules/input-box/input-box-control.directive.d.ts +0 -11
  48. package/lib/modules/input-box/input-box-hint-text.pipe.d.ts +0 -10
  49. package/lib/modules/input-box/input-box-host.service.d.ts +0 -40
  50. package/lib/modules/input-box/input-box-populate-args.d.ts +0 -12
  51. package/lib/modules/input-box/input-box.component.d.ts +0 -118
  52. package/lib/modules/input-box/input-box.module.d.ts +0 -16
  53. package/lib/modules/radio/radio-group-id.service.d.ts +0 -24
  54. package/lib/modules/radio/radio-group.component.d.ts +0 -157
  55. package/lib/modules/radio/radio-label.component.d.ts +0 -13
  56. package/lib/modules/radio/radio.component.d.ts +0 -169
  57. package/lib/modules/radio/radio.module.d.ts +0 -18
  58. package/lib/modules/radio/types/radio-change.d.ts +0 -9
  59. package/lib/modules/radio/types/radio-group-heading-level.d.ts +0 -1
  60. package/lib/modules/radio/types/radio-group-heading-style.d.ts +0 -1
  61. package/lib/modules/radio/types/radio-type.d.ts +0 -4
  62. package/lib/modules/required-state/required-state.directive.d.ts +0 -17
  63. package/lib/modules/selection-box/selection-box-adapter.service.d.ts +0 -46
  64. package/lib/modules/selection-box/selection-box-description.component.d.ts +0 -8
  65. package/lib/modules/selection-box/selection-box-grid.component.d.ts +0 -29
  66. package/lib/modules/selection-box/selection-box-header.component.d.ts +0 -8
  67. package/lib/modules/selection-box/selection-box.component.d.ts +0 -29
  68. package/lib/modules/selection-box/selection-box.module.d.ts +0 -12
  69. package/lib/modules/selection-box/types/selection-box-grid-align-items-type.d.ts +0 -4
  70. package/lib/modules/selection-box/types/selection-box-grid-align-items.d.ts +0 -14
  71. package/lib/modules/shared/sky-forms-resources.module.d.ts +0 -10
  72. package/lib/modules/toggle-switch/toggle-switch-label.component.d.ts +0 -12
  73. package/lib/modules/toggle-switch/toggle-switch.component.d.ts +0 -81
  74. package/lib/modules/toggle-switch/toggle-switch.module.d.ts +0 -12
  75. package/lib/modules/toggle-switch/types/toggle-switch-change.d.ts +0 -6
  76. package/testing/legacy/checkbox-fixture.d.ts +0 -38
  77. package/testing/legacy/radio-fixture.d.ts +0 -26
  78. package/testing/modules/character-counter/character-counter-indicator-harness-filters.d.ts +0 -6
  79. package/testing/modules/character-counter/character-counter-indicator-harness.d.ts +0 -31
  80. package/testing/modules/checkbox/checkbox-group-harness-filters.d.ts +0 -6
  81. package/testing/modules/checkbox/checkbox-group-harness.d.ts +0 -73
  82. package/testing/modules/checkbox/checkbox-harness-filters.d.ts +0 -6
  83. package/testing/modules/checkbox/checkbox-harness.d.ts +0 -103
  84. package/testing/modules/checkbox/checkbox-label-harness.d.ts +0 -16
  85. package/testing/modules/checkbox/checkbox-label-text-label.harness.d.ts +0 -16
  86. package/testing/modules/field-group/field-group-harness-filters.d.ts +0 -6
  87. package/testing/modules/field-group/field-group-harness.d.ts +0 -56
  88. package/testing/modules/file-attachment/file-attachment/file-attachment-harness-filters.d.ts +0 -6
  89. package/testing/modules/file-attachment/file-attachment/file-attachment-harness.d.ts +0 -101
  90. package/testing/modules/file-attachment/file-drop/file-drop-harness-filters.d.ts +0 -6
  91. package/testing/modules/file-attachment/file-drop/file-drop-harness.d.ts +0 -124
  92. package/testing/modules/file-attachment/file-drop/file-drop-link-upload-harness.d.ts +0 -28
  93. package/testing/modules/file-attachment/file-drop/file-drop-link-upload-input-harness.d.ts +0 -14
  94. package/testing/modules/file-attachment/file-drop/file-item-harness-filters.d.ts +0 -10
  95. package/testing/modules/file-attachment/file-drop/file-item-harness.d.ts +0 -28
  96. package/testing/modules/file-attachment/shared/provide-file-attachment-testing.d.ts +0 -11
  97. package/testing/modules/form-error/form-error-harness.d.ts +0 -23
  98. package/testing/modules/form-error/form-error-harness.filters.d.ts +0 -6
  99. package/testing/modules/form-error/form-errors-harness.d.ts +0 -24
  100. package/testing/modules/form-error/form-errors-harness.filters.d.ts +0 -6
  101. package/testing/modules/input-box/input-box-harness-filters.d.ts +0 -6
  102. package/testing/modules/input-box/input-box-harness.d.ts +0 -108
  103. package/testing/modules/radio/radio-group-harness-filters.d.ts +0 -6
  104. package/testing/modules/radio/radio-group-harness.d.ts +0 -69
  105. package/testing/modules/radio/radio-harness-filters.d.ts +0 -6
  106. package/testing/modules/radio/radio-harness.d.ts +0 -79
  107. package/testing/modules/radio/radio-label-harness.d.ts +0 -16
  108. package/testing/modules/selection-box/selection-box-description-harness.d.ts +0 -15
  109. package/testing/modules/selection-box/selection-box-grid-harness-filters.d.ts +0 -6
  110. package/testing/modules/selection-box/selection-box-grid-harness.d.ts +0 -27
  111. package/testing/modules/selection-box/selection-box-harness-filters.d.ts +0 -6
  112. package/testing/modules/selection-box/selection-box-harness.d.ts +0 -36
  113. package/testing/modules/selection-box/selection-box-header-harness.d.ts +0 -15
  114. package/testing/modules/toggle-switch/toggle-switch-harness-filters.d.ts +0 -6
  115. package/testing/modules/toggle-switch/toggle-switch-harness.d.ts +0 -67
  116. package/testing/modules/toggle-switch/toggle-switch-label-harness.d.ts +0 -16
  117. package/testing/public-api.d.ts +0 -35
package/index.d.ts CHANGED
@@ -1,61 +1,1800 @@
1
- export { SkyCharacterCounterModule } from './lib/modules/character-counter/character-counter.module';
2
- export { SkyCheckboxChange } from './lib/modules/checkbox/checkbox-change';
3
- export { SkyCheckboxGroupHeadingLevel } from './lib/modules/checkbox/checkbox-group-heading-level';
4
- export { SkyCheckboxGroupHeadingStyle } from './lib/modules/checkbox/checkbox-group-heading-style';
5
- export { SkyCheckboxModule } from './lib/modules/checkbox/checkbox.module';
6
- export { SkyFieldGroupHeadingLevel } from './lib/modules/field-group/field-group-heading-level';
7
- export { SkyFieldGroupHeadingStyle } from './lib/modules/field-group/field-group-heading-style';
8
- export { SkyFieldGroupModule } from './lib/modules/field-group/field-group.module';
9
- export { SkyFileAttachmentChange } from './lib/modules/file-attachment/file-attachment/file-attachment-change';
10
- export { SkyFileAttachmentClick } from './lib/modules/file-attachment/file-attachment/file-attachment-click';
11
- export { SkyFileAttachmentModule } from './lib/modules/file-attachment/file-attachment/file-attachment.module';
12
- export { SkyFileAttachmentsModule } from './lib/modules/file-attachment/file-attachments.module';
13
- export { SkyFileDropChange } from './lib/modules/file-attachment/file-drop/file-drop-change';
14
- export { SkyFileDropModule } from './lib/modules/file-attachment/file-drop/file-drop.module';
15
- export { SkyFileLink } from './lib/modules/file-attachment/file-drop/file-link';
16
- export { SkyFileItem } from './lib/modules/file-attachment/shared/file-item';
17
- export { SkyFileItemErrorType } from './lib/modules/file-attachment/shared/file-item-error-type';
18
- export { SkyFileSizePipe } from './lib/modules/file-attachment/shared/file-size.pipe';
19
- export { SkyFileValidateFn } from './lib/modules/file-attachment/shared/file-validate-function';
20
- export { SkyFormErrorModule } from './lib/modules/form-error/form-error.module';
21
- export { SkyFormErrorsModule } from './lib/modules/form-error/form-errors.module';
22
- export { SkyInputBoxHostService } from './lib/modules/input-box/input-box-host.service';
23
- export { SkyInputBoxPopulateArgs } from './lib/modules/input-box/input-box-populate-args';
24
- export { SkyInputBoxModule } from './lib/modules/input-box/input-box.module';
25
- export { SkyRadioModule } from './lib/modules/radio/radio.module';
26
- export { SkyRadioChange } from './lib/modules/radio/types/radio-change';
27
- export { SkyRadioGroupHeadingLevel } from './lib/modules/radio/types/radio-group-heading-level';
28
- export { SkyRadioGroupHeadingStyle } from './lib/modules/radio/types/radio-group-heading-style';
29
- export { SkyRadioType } from './lib/modules/radio/types/radio-type';
30
- export { SkyRequiredStateDirective } from './lib/modules/required-state/required-state.directive';
31
- export { SkySelectionBoxModule } from './lib/modules/selection-box/selection-box.module';
32
- export { SkySelectionBoxGridAlignItems } from './lib/modules/selection-box/types/selection-box-grid-align-items';
33
- export { SkySelectionBoxGridAlignItemsType } from './lib/modules/selection-box/types/selection-box-grid-align-items-type';
34
- export { SkyToggleSwitchModule } from './lib/modules/toggle-switch/toggle-switch.module';
35
- export { SkyToggleSwitchChange } from './lib/modules/toggle-switch/types/toggle-switch-change';
36
- export { SKY_FORM_ERRORS_ENABLED } from './lib/modules/form-error/form-errors-enabled-token';
37
- export { SkyCharacterCounterIndicatorComponent as λ1 } from './lib/modules/character-counter/character-counter-indicator.component';
38
- export { SkyCharacterCounterScreenReaderPipe as λ23 } from './lib/modules/character-counter/character-counter-screen-reader.pipe';
39
- export { SkyCharacterCounterInputDirective as λ2 } from './lib/modules/character-counter/character-counter.directive';
40
- export { SkyCheckboxGroupComponent as λ24 } from './lib/modules/checkbox/checkbox-group.component';
41
- export { SkyCheckboxLabelComponent as λ4 } from './lib/modules/checkbox/checkbox-label.component';
42
- export { SkyCheckboxComponent as λ3 } from './lib/modules/checkbox/checkbox.component';
43
- export { SkyFieldGroupComponent as λ25 } from './lib/modules/field-group/field-group.component';
44
- export { SkyFileAttachmentLabelComponent as λ6 } from './lib/modules/file-attachment/file-attachment/file-attachment-label.component';
45
- export { SkyFileAttachmentComponent as λ7 } from './lib/modules/file-attachment/file-attachment/file-attachment.component';
46
- export { SkyFileDropComponent as λ8 } from './lib/modules/file-attachment/file-drop/file-drop.component';
47
- export { SkyFileItemComponent as λ9 } from './lib/modules/file-attachment/file-drop/file-item.component';
48
- export { SkyFormErrorComponent as λ22 } from './lib/modules/form-error/form-error.component';
49
- export { SkyFormErrorsComponent as λ21 } from './lib/modules/form-error/form-errors.component';
50
- export { SkyInputBoxControlDirective as λ20 } from './lib/modules/input-box/input-box-control.directive';
51
- export { SkyInputBoxHintTextPipe as λ26 } from './lib/modules/input-box/input-box-hint-text.pipe';
52
- export { SkyInputBoxComponent as λ10 } from './lib/modules/input-box/input-box.component';
53
- export { SkyRadioGroupComponent as λ11 } from './lib/modules/radio/radio-group.component';
54
- export { SkyRadioLabelComponent as λ12 } from './lib/modules/radio/radio-label.component';
55
- export { SkyRadioComponent as λ13 } from './lib/modules/radio/radio.component';
56
- export { SkySelectionBoxDescriptionComponent as λ14 } from './lib/modules/selection-box/selection-box-description.component';
57
- export { SkySelectionBoxGridComponent as λ15 } from './lib/modules/selection-box/selection-box-grid.component';
58
- export { SkySelectionBoxHeaderComponent as λ16 } from './lib/modules/selection-box/selection-box-header.component';
59
- export { SkySelectionBoxComponent as λ17 } from './lib/modules/selection-box/selection-box.component';
60
- export { SkyToggleSwitchLabelComponent as λ18 } from './lib/modules/toggle-switch/toggle-switch-label.component';
61
- export { SkyToggleSwitchComponent as λ19 } from './lib/modules/toggle-switch/toggle-switch.component';
1
+ import * as i0 from '@angular/core';
2
+ import { ChangeDetectorRef, PipeTransform, AfterViewInit, TemplateRef, EventEmitter, ElementRef, AfterContentInit, OnInit, OnDestroy, QueryList, DoCheck, KeyValueDiffers, AfterContentChecked, RendererFactory2, NgZone, InjectionToken } from '@angular/core';
3
+ import * as i4$1 from '@angular/forms';
4
+ import { Validator, AbstractControl, ValidationErrors, ControlValueAccessor, FormGroup, NgControl, FormControlDirective, FormControlName, NgModel, AbstractControlDirective } from '@angular/forms';
5
+ import * as i4 from '@angular/common';
6
+ import * as i1 from '@skyux/i18n';
7
+ import { SkyLibResourcesService } from '@skyux/i18n';
8
+ import { Observable, ReplaySubject, Subject } from 'rxjs';
9
+ import * as i1$1 from '@skyux/theme';
10
+ import { SkyThemeService } from '@skyux/theme';
11
+ import * as i10 from '@skyux/help-inline';
12
+ import * as i11 from '@skyux/icon';
13
+ import * as i12 from '@skyux/core';
14
+ import { SkyCoreAdapterService, SkyMediaBreakpoints, SkyMutationObserverService, SkyIdService } from '@skyux/core';
15
+ import { NumberInput, BooleanInput } from '@angular/cdk/coercion';
16
+
17
+ declare class SkyCharacterCounterIndicatorComponent {
18
+ #private;
19
+ constructor(changeDetector: ChangeDetectorRef);
20
+ get characterCount(): number;
21
+ set characterCount(count: number);
22
+ get characterCountLimit(): number;
23
+ set characterCountLimit(limit: number);
24
+ static ɵfac: i0.ɵɵFactoryDeclaration<SkyCharacterCounterIndicatorComponent, never>;
25
+ static ɵcmp: i0.ɵɵComponentDeclaration<SkyCharacterCounterIndicatorComponent, "sky-character-counter-indicator", never, { "characterCount": { "alias": "characterCount"; "required": false; }; "characterCountLimit": { "alias": "characterCountLimit"; "required": false; }; }, {}, never, never, false, never>;
26
+ }
27
+
28
+ /**
29
+ * Creates an input field that validates the number of characters. Place this directive on
30
+ * an `input` or `textarea` element. If users enter more characters than allowed, then the
31
+ * input field is invalid and the component displays an error indicator.
32
+ * @required
33
+ */
34
+ declare class SkyCharacterCounterInputDirective implements Validator {
35
+ #private;
36
+ /**
37
+ * The character count indicator component that displays the character count,
38
+ * character limit, and over-the-limit indicator. Place this directive on an `input` or
39
+ * `textarea` element.
40
+ */
41
+ get skyCharacterCounterIndicator(): SkyCharacterCounterIndicatorComponent | undefined;
42
+ set skyCharacterCounterIndicator(value: SkyCharacterCounterIndicatorComponent | undefined);
43
+ /**
44
+ * The maximum number of characters allowed in the input field. Place this directive
45
+ * on an `input` or `textarea` element. This property accepts `number` values.
46
+ * @required
47
+ */
48
+ set skyCharacterCounterLimit(value: number | undefined);
49
+ validate(control: AbstractControl): ValidationErrors | null;
50
+ registerOnValidatorChange(fn: () => void): void;
51
+ static ɵfac: i0.ɵɵFactoryDeclaration<SkyCharacterCounterInputDirective, never>;
52
+ static ɵdir: i0.ɵɵDirectiveDeclaration<SkyCharacterCounterInputDirective, "[skyCharacterCounter]", never, { "skyCharacterCounterIndicator": { "alias": "skyCharacterCounterIndicator"; "required": false; }; "skyCharacterCounterLimit": { "alias": "skyCharacterCounterLimit"; "required": false; }; }, {}, never, never, false, never>;
53
+ }
54
+
55
+ declare class SkyCharacterCounterScreenReaderPipe implements PipeTransform {
56
+ #private;
57
+ transform(characterCount: number | undefined, characterCountLimit: number | undefined): string;
58
+ static ɵfac: i0.ɵɵFactoryDeclaration<SkyCharacterCounterScreenReaderPipe, never>;
59
+ static ɵpipe: i0.ɵɵPipeDeclaration<SkyCharacterCounterScreenReaderPipe, "skyCharacterCounterScreenReader", true>;
60
+ }
61
+
62
+ /**
63
+ * Import into any component library module that needs to use resource strings.
64
+ */
65
+ declare class SkyFormsResourcesModule {
66
+ static ɵfac: i0.ɵɵFactoryDeclaration<SkyFormsResourcesModule, never>;
67
+ static ɵmod: i0.ɵɵNgModuleDeclaration<SkyFormsResourcesModule, never, never, [typeof i1.SkyI18nModule]>;
68
+ static ɵinj: i0.ɵɵInjectorDeclaration<SkyFormsResourcesModule>;
69
+ }
70
+
71
+ declare class SkyCharacterCounterModule {
72
+ static ɵfac: i0.ɵɵFactoryDeclaration<SkyCharacterCounterModule, never>;
73
+ static ɵmod: i0.ɵɵNgModuleDeclaration<SkyCharacterCounterModule, [typeof SkyCharacterCounterInputDirective, typeof SkyCharacterCounterIndicatorComponent], [typeof i4.CommonModule, typeof i4$1.FormsModule, typeof i4$1.ReactiveFormsModule, typeof SkyCharacterCounterScreenReaderPipe, typeof SkyFormsResourcesModule], [typeof SkyCharacterCounterInputDirective, typeof SkyCharacterCounterIndicatorComponent]>;
74
+ static ɵinj: i0.ɵɵInjectorDeclaration<SkyCharacterCounterModule>;
75
+ }
76
+
77
+ /**
78
+ * Fires when users select or deselect the checkbox.
79
+ */
80
+ interface SkyCheckboxChange {
81
+ /**
82
+ * The value from the checkbox component.
83
+ */
84
+ checked?: boolean;
85
+ }
86
+
87
+ type SkyCheckboxGroupHeadingLevel = 3 | 4 | 5;
88
+
89
+ type SkyCheckboxGroupHeadingStyle = 3 | 4 | 5;
90
+
91
+ /**
92
+ * Replaces the HTML input element with `type="checkbox"`. When users select a checkbox, its value
93
+ * is driven through an `ngModel` attribute that you specify on the `sky-checkbox` element.
94
+ */
95
+ declare class SkyCheckboxComponent implements AfterViewInit, ControlValueAccessor, Validator {
96
+ #private;
97
+ /**
98
+ * The ARIA label for the checkbox. This sets the checkbox's `aria-label` attribute
99
+ * [to support accessibility](https://developer.blackbaud.com/skyux/components/checkbox#accessibility)
100
+ * when the checkbox does not include a visible label. You must set this property for icon
101
+ * checkboxes. If the checkbox includes a visible label, use `labelledBy` instead.
102
+ * @deprecated Use `labelText` instead.
103
+ */
104
+ set label(value: string | undefined);
105
+ get label(): string | undefined;
106
+ /**
107
+ * The HTML element ID of the element that labels the
108
+ * checkbox. This sets the checkbox's `aria-labelledby` attribute
109
+ * [to support accessibility](https://developer.blackbaud.com/skyux/components/checkbox#accessibility).
110
+ * If the checkbox does not include a visible label, use `label` instead.
111
+ * @deprecated Use `labelText` instead.
112
+ */
113
+ set labelledBy(value: string | undefined);
114
+ get labelledBy(): string | undefined;
115
+ /**
116
+ * The ID for the checkbox.
117
+ * If a value is not provided, an autogenerated ID is used.
118
+ */
119
+ set id(value: string | undefined);
120
+ /**
121
+ * Whether to disable the checkbox on template-driven forms. Don't use this input on reactive forms because they may overwrite the input or leave the control out of sync.
122
+ * To set the disabled state on reactive forms, use the `FormControl` instead.
123
+ * @default false
124
+ */
125
+ set disabled(value: boolean);
126
+ /**
127
+ * Whether the checkbox is disabled.
128
+ */
129
+ get disabled(): boolean;
130
+ /**
131
+ * The index for the checkbox. If not defined, the index is set to the position of the
132
+ * checkbox on load.
133
+ */
134
+ tabindex: number | undefined;
135
+ /**
136
+ * The name for the checkbox.
137
+ * If a value is not provided, an autogenerated ID is used.
138
+ */
139
+ set name(value: string | undefined);
140
+ get name(): string;
141
+ /**
142
+ * The content of the help popover. When specified along with `labelText`, a [help inline](https://developer.blackbaud.com/skyux/components/help-inline)
143
+ * button is added to the checkbox label. The help inline button displays a [popover](https://developer.blackbaud.com/skyux/components/popover)
144
+ * when clicked using the specified content and optional title. This property only applies when `labelText` is also specified.
145
+ */
146
+ helpPopoverContent: string | TemplateRef<unknown> | undefined;
147
+ /**
148
+ * The title of the help popover. This property only applies when `helpPopoverContent` is
149
+ * also specified.
150
+ */
151
+ helpPopoverTitle: string | undefined;
152
+ /**
153
+ * Fires when the selected value changes.
154
+ */
155
+ change: EventEmitter<SkyCheckboxChange>;
156
+ /**
157
+ * The icon to display in place of the checkbox. To group icon checkboxes
158
+ * like in the demo, place the checkboxes within a `sky-checkbox-group`.
159
+ * @deprecated Use `iconName` instead.
160
+ */
161
+ icon: string | undefined;
162
+ /**
163
+ * The SVG icon to display in place of the checkbox. To group icon checkboxes
164
+ * like in the demo, place the checkboxes within a `sky-checkbox-group`.
165
+ */
166
+ iconName: string | undefined;
167
+ /**
168
+ * The background color type after users select a checkbox where the
169
+ * `icon` property displays an icon in place of the checkbox. The valid options correspond to
170
+ * [the label component's](https://developer.blackbaud.com/skyux/components/label)
171
+ * label types. `"info"` creates a blue background, `"success"` creates a green
172
+ * background, `"warning"` creates an orange background, and `"danger"` creates a red background.
173
+ * @default "info"
174
+ * @deprecated The `checkboxType` input is no longer supported.
175
+ */
176
+ set checkboxType(value: string | undefined);
177
+ get checkboxType(): string;
178
+ /**
179
+ * Whether the checkbox is selected.
180
+ * @default false
181
+ */
182
+ set checked(value: boolean | undefined);
183
+ /**
184
+ * Whether the checkbox is selected.
185
+ */
186
+ get checked(): boolean;
187
+ /**
188
+ * Whether the checkbox is in the indeterminate state. This has no visual effect for icon checkboxes.
189
+ * @internal
190
+ */
191
+ set indeterminate(value: boolean | undefined);
192
+ get indeterminate(): boolean;
193
+ /**
194
+ * Whether the input is required for form validation.
195
+ * When you set this property to `true`, the component adds `aria-required` and `required`
196
+ * attributes to the input element so that forms display an invalid state until the input element
197
+ * is complete.
198
+ * @default false
199
+ */
200
+ required: boolean;
201
+ /**
202
+ * The text to display as the checkbox's label. Use this instead of the `sky-checkbox-label` when the label is text-only.
203
+ * Specifying `labelText` also enables automatic error message handling for checkbox.
204
+ */
205
+ labelText: string | undefined;
206
+ /**
207
+ * Indicates whether to hide the `labelText`.
208
+ */
209
+ labelHidden: boolean;
210
+ /**
211
+ * [Persistent inline help text](https://developer.blackbaud.com/skyux/design/guidelines/user-assistance#inline-help) that provides
212
+ * additional context to the user.
213
+ */
214
+ hintText: string | undefined;
215
+ /**
216
+ * Whether the checkbox is stacked on another form component. When specified, the appropriate
217
+ * vertical spacing is automatically added to the checkbox. If the checkbox is within a checkbox group,
218
+ * set `stacked` on the checkbox group component instead.
219
+ */
220
+ stacked: boolean;
221
+ /**
222
+ * A help key that identifies the global help content to display. When specified along with `labelText`, a [help inline](https://developer.blackbaud.com/skyux/components/help-inline)
223
+ * button is placed beside the checkbox label. Clicking the button invokes [global help](https://developer.blackbaud.com/skyux/learn/develop/global-help)
224
+ * as configured by the application. This property only applies when `labelText` is also specified.
225
+ */
226
+ helpKey: string | undefined;
227
+ /**
228
+ * Fires when users select or deselect the checkbox.
229
+ */
230
+ get checkedChange(): Observable<boolean>;
231
+ /**
232
+ * Fires when the selected value changes.
233
+ */
234
+ get disabledChange(): Observable<boolean>;
235
+ /**
236
+ * Fires when the indeterminate state changes.
237
+ * @internal
238
+ */
239
+ get indeterminateChange(): Observable<boolean>;
240
+ set inputEl(el: ElementRef | undefined);
241
+ get inputEl(): ElementRef | undefined;
242
+ protected get isCheckboxRequired(): boolean;
243
+ protected control: AbstractControl | undefined;
244
+ protected inputId: string;
245
+ protected readonly errorId: string;
246
+ constructor();
247
+ ngAfterViewInit(): void;
248
+ validate(control: AbstractControl<boolean>): ValidationErrors | null;
249
+ /**
250
+ * Implemented as part of ControlValueAccessor.
251
+ */
252
+ writeValue(value: any): void;
253
+ /**
254
+ * Implemented as part of ControlValueAccessor.
255
+ */
256
+ registerOnChange(fn: (value: any) => void): void;
257
+ /**
258
+ * Implemented as part of ControlValueAccessor.
259
+ */
260
+ registerOnTouched(fn: any): void;
261
+ /**
262
+ * Implemented as part of ControlValueAccessor.
263
+ */
264
+ setDisabledState(isDisabled: boolean): void;
265
+ /**
266
+ * Event handler for checkbox input element.
267
+ * Toggles checked state if element is not disabled.
268
+ */
269
+ onInteractionEvent(event: Event): void;
270
+ onInputBlur(): void;
271
+ /** Called when the checkbox is blurred. Needed to properly implement ControlValueAccessor. */
272
+ onTouched: () => any;
273
+ static ɵfac: i0.ɵɵFactoryDeclaration<SkyCheckboxComponent, never>;
274
+ 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; }; "iconName": { "alias": "iconName"; "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$1.SkyThemeComponentClassDirective; inputs: {}; outputs: {}; }]>;
275
+ static ngAcceptInputType_disabled: unknown;
276
+ static ngAcceptInputType_required: unknown;
277
+ static ngAcceptInputType_labelHidden: unknown;
278
+ static ngAcceptInputType_stacked: unknown;
279
+ }
280
+
281
+ /**
282
+ * Specifies a label for the checkbox. To display a help button beside the label, include a help button element, such as
283
+ * `sky-help-inline`, in the `sky-checkbox-label` element and a `sky-control-help` CSS class on that help button
284
+ * element.
285
+ * @deprecated Use `labelText` input on `sky-checkbox-component` instead.
286
+ */
287
+ declare class SkyCheckboxLabelComponent {
288
+ static ɵfac: i0.ɵɵFactoryDeclaration<SkyCheckboxLabelComponent, never>;
289
+ static ɵcmp: i0.ɵɵComponentDeclaration<SkyCheckboxLabelComponent, "sky-checkbox-label", never, {}, {}, never, ["*", ".sky-control-help"], false, never>;
290
+ }
291
+
292
+ /**
293
+ @internal
294
+ */
295
+ declare class SkyCheckboxLabelTextLabelComponent {
296
+ #private;
297
+ labelHidden: boolean;
298
+ set labelText(value: string);
299
+ get labelText(): string;
300
+ static ɵfac: i0.ɵɵFactoryDeclaration<SkyCheckboxLabelTextLabelComponent, never>;
301
+ static ɵcmp: i0.ɵɵComponentDeclaration<SkyCheckboxLabelTextLabelComponent, "sky-checkbox-label-text-label", never, { "labelHidden": { "alias": "labelHidden"; "required": false; }; "labelText": { "alias": "labelText"; "required": false; }; }, {}, never, never, false, never>;
302
+ }
303
+
304
+ /**
305
+ * Organizes checkboxes into a group.
306
+ */
307
+ declare class SkyCheckboxGroupComponent implements Validator {
308
+ #private;
309
+ /**
310
+ * The content of the help popover. When specified along with `headingText`, a [help inline](https://developer.blackbaud.com/skyux/components/help-inline)
311
+ * button is added to the checkbox group fieldset legend. The help inline button displays a [popover](https://developer.blackbaud.com/skyux/components/popover)
312
+ * when clicked using the specified content and optional title. This property only applies when `headingText` is also specified.
313
+ */
314
+ helpPopoverContent: string | TemplateRef<unknown> | undefined;
315
+ /**
316
+ * The title of the help popover. This property only applies when `helpPopoverContent` is
317
+ * also specified.
318
+ */
319
+ helpPopoverTitle: string | undefined;
320
+ /**
321
+ * The text to display as the checkbox group's heading.
322
+ */
323
+ headingText: string;
324
+ /**
325
+ * Indicates whether to hide the `headingText`.
326
+ */
327
+ headingHidden: boolean;
328
+ /**
329
+ * The semantic heading level in the document structure. By default, the heading text is not wrapped in a heading element.
330
+ */
331
+ set headingLevel(value: SkyCheckboxGroupHeadingLevel | undefined);
332
+ get headingLevel(): SkyCheckboxGroupHeadingLevel | undefined;
333
+ /**
334
+ * The heading [font style](https://developer.blackbaud.com/skyux/design/styles/typography#headings).
335
+ * @default 4
336
+ */
337
+ set headingStyle(value: SkyCheckboxGroupHeadingStyle);
338
+ /**
339
+ * [Persistent inline help text](https://developer.blackbaud.com/skyux/design/guidelines/user-assistance#inline-help) that provides
340
+ * additional context to the user.
341
+ */
342
+ hintText: string | undefined;
343
+ /**
344
+ * Whether the checkbox group is required.
345
+ */
346
+ required: boolean;
347
+ /**
348
+ * Whether the checkbox group is stacked on another form component. When specified, the appropriate
349
+ * vertical spacing is automatically added to the checkbox group.
350
+ */
351
+ set stacked(value: boolean);
352
+ get stacked(): boolean;
353
+ /**
354
+ * A help key that identifies the global help content to display. When specified along with `headingText`, a [help inline](https://developer.blackbaud.com/skyux/components/help-inline)
355
+ * button is placed beside the checkbox group heading. Clicking the button invokes [global help](https://developer.blackbaud.com/skyux/learn/develop/global-help)
356
+ * as configured by the application. This property only applies when `headingText` is also specified.
357
+ */
358
+ helpKey: string | undefined;
359
+ stackedLg: boolean;
360
+ stackedXL: boolean;
361
+ protected errorId: string;
362
+ protected headingClass: string;
363
+ protected formErrorsDataId: string;
364
+ protected formGroup: FormGroup | null | undefined;
365
+ validate(formGroup: FormGroup): ValidationErrors | null;
366
+ static ɵfac: i0.ɵɵFactoryDeclaration<SkyCheckboxGroupComponent, never>;
367
+ static ɵcmp: i0.ɵɵComponentDeclaration<SkyCheckboxGroupComponent, "sky-checkbox-group", never, { "helpPopoverContent": { "alias": "helpPopoverContent"; "required": false; }; "helpPopoverTitle": { "alias": "helpPopoverTitle"; "required": false; }; "headingText": { "alias": "headingText"; "required": true; }; "headingHidden": { "alias": "headingHidden"; "required": false; }; "headingLevel": { "alias": "headingLevel"; "required": false; }; "headingStyle": { "alias": "headingStyle"; "required": false; }; "hintText": { "alias": "hintText"; "required": false; }; "required": { "alias": "required"; "required": false; }; "stacked": { "alias": "stacked"; "required": false; }; "helpKey": { "alias": "helpKey"; "required": false; }; }, {}, never, ["sky-checkbox[icon], sky-checkbox[iconName]", "sky-checkbox", "sky-form-error"], true, [{ directive: typeof i1$1.SkyThemeComponentClassDirective; inputs: {}; outputs: {}; }]>;
368
+ static ngAcceptInputType_headingHidden: unknown;
369
+ static ngAcceptInputType_headingLevel: unknown;
370
+ static ngAcceptInputType_headingStyle: unknown;
371
+ static ngAcceptInputType_required: unknown;
372
+ static ngAcceptInputType_stacked: unknown;
373
+ }
374
+
375
+ /**
376
+ * Displays default and custom form field error messages for form field components.
377
+ * Set `labelText` on the form field component to automatically display required,
378
+ * maximum length, minimum length, date, email, phone number, time, and URL errors.
379
+ * To display custom errors, include sky-form-error elements in the form field component.
380
+ */
381
+ declare class SkyFormErrorComponent {
382
+ /**
383
+ * The name of the error.
384
+ * @required
385
+ */
386
+ errorName: string;
387
+ /**
388
+ * The error message to display.
389
+ * @required
390
+ */
391
+ errorText: string;
392
+ get dataErrorName(): string;
393
+ protected readonly formErrors: boolean | null;
394
+ constructor();
395
+ static ɵfac: i0.ɵɵFactoryDeclaration<SkyFormErrorComponent, never>;
396
+ static ɵcmp: i0.ɵɵComponentDeclaration<SkyFormErrorComponent, "sky-form-error", never, { "errorName": { "alias": "errorName"; "required": true; }; "errorText": { "alias": "errorText"; "required": true; }; }, {}, never, never, true, [{ directive: typeof i1$1.SkyThemeComponentClassDirective; inputs: {}; outputs: {}; }]>;
397
+ }
398
+
399
+ declare class SkyFormErrorModule {
400
+ static ɵfac: i0.ɵɵFactoryDeclaration<SkyFormErrorModule, never>;
401
+ static ɵmod: i0.ɵɵNgModuleDeclaration<SkyFormErrorModule, never, [typeof SkyFormErrorComponent], [typeof SkyFormErrorComponent]>;
402
+ static ɵinj: i0.ɵɵInjectorDeclaration<SkyFormErrorModule>;
403
+ }
404
+
405
+ /**
406
+ * @internal
407
+ */
408
+ declare class SkyFormErrorsComponent {
409
+ /**
410
+ * The validation errors from the form control.
411
+ */
412
+ errors: ValidationErrors | null | undefined;
413
+ /**
414
+ * Input label text to display in the error messages.
415
+ */
416
+ labelText: string | undefined;
417
+ /**
418
+ * Indicates whether the parent component's control is touched
419
+ */
420
+ touched: boolean;
421
+ /**
422
+ * Indicates whether the parent component's control is dirty
423
+ */
424
+ dirty: boolean;
425
+ protected readonly ariaAtomic = "true";
426
+ protected readonly ariaLive = "assertive";
427
+ protected readonly ariaRelevant = "all";
428
+ static ɵfac: i0.ɵɵFactoryDeclaration<SkyFormErrorsComponent, never>;
429
+ static ɵcmp: i0.ɵɵComponentDeclaration<SkyFormErrorsComponent, "sky-form-errors", never, { "errors": { "alias": "errors"; "required": false; }; "labelText": { "alias": "labelText"; "required": false; }; "touched": { "alias": "touched"; "required": false; }; "dirty": { "alias": "dirty"; "required": false; }; }, {}, never, ["*"], true, never>;
430
+ static ngAcceptInputType_touched: unknown;
431
+ static ngAcceptInputType_dirty: unknown;
432
+ }
433
+
434
+ /**
435
+ * @internal
436
+ */
437
+ declare class SkyFormErrorsModule {
438
+ static ɵfac: i0.ɵɵFactoryDeclaration<SkyFormErrorsModule, never>;
439
+ static ɵmod: i0.ɵɵNgModuleDeclaration<SkyFormErrorsModule, never, [typeof SkyFormErrorsComponent, typeof SkyFormErrorComponent], [typeof SkyFormErrorsComponent]>;
440
+ static ɵinj: i0.ɵɵInjectorDeclaration<SkyFormErrorsModule>;
441
+ }
442
+
443
+ declare class SkyCheckboxModule {
444
+ static ɵfac: i0.ɵɵFactoryDeclaration<SkyCheckboxModule, never>;
445
+ static ɵmod: i0.ɵɵNgModuleDeclaration<SkyCheckboxModule, [typeof SkyCheckboxComponent, typeof SkyCheckboxLabelComponent, typeof SkyCheckboxLabelTextLabelComponent], [typeof i4.CommonModule, typeof i4$1.FormsModule, typeof SkyCheckboxGroupComponent, typeof SkyFormErrorModule, typeof SkyFormErrorsModule, typeof SkyFormsResourcesModule, typeof i10.SkyHelpInlineModule, typeof i11.SkyIconModule, typeof i12.SkyIdModule, typeof i12.SkyTrimModule, typeof i1$1.SkyThemeModule], [typeof SkyCheckboxComponent, typeof SkyCheckboxLabelComponent, typeof SkyCheckboxGroupComponent, typeof SkyFormErrorModule]>;
446
+ static ɵinj: i0.ɵɵInjectorDeclaration<SkyCheckboxModule>;
447
+ }
448
+
449
+ type SkyFieldGroupHeadingLevel = 3 | 4;
450
+
451
+ type SkyFieldGroupHeadingStyle = 3 | 4;
452
+
453
+ /**
454
+ * Organizes form fields into a group.
455
+ */
456
+ declare class SkyFieldGroupComponent {
457
+ /**
458
+ * The text to display as the field group's heading.
459
+ */
460
+ headingText: string;
461
+ /**
462
+ * [Persistent inline help text](https://developer.blackbaud.com/skyux/design/guidelines/user-assistance#inline-help) that provides
463
+ * additional context to the user.
464
+ */
465
+ hintText: string | undefined;
466
+ /**
467
+ * Indicates whether to hide the `headingText`.
468
+ */
469
+ headingHidden: boolean;
470
+ /**
471
+ * Whether the field group is stacked on another field group. When specified, the appropriate
472
+ * vertical spacing is automatically added to the field group.
473
+ */
474
+ stacked: boolean;
475
+ /**
476
+ * The semantic heading level in the document structure.
477
+ * @default 3
478
+ */
479
+ headingLevel: SkyFieldGroupHeadingLevel;
480
+ /**
481
+ * The heading [font style](https://developer.blackbaud.com/skyux/design/styles/typography#headings).
482
+ * @default 3
483
+ */
484
+ set headingStyle(value: SkyFieldGroupHeadingStyle);
485
+ /**
486
+ * The content of the help popover. When specified along with `headingText`, a [help inline](https://developer.blackbaud.com/skyux/components/help-inline)
487
+ * button is added to the field group heading. The help inline button displays a [popover](https://developer.blackbaud.com/skyux/components/popover)
488
+ * when clicked using the specified content and optional title. This property only applies when `headingText` is also specified.
489
+ */
490
+ helpPopoverContent: string | TemplateRef<unknown> | undefined;
491
+ /**
492
+ * The title of the help popover. This property only applies when `helpPopoverContent` is
493
+ * also specified.
494
+ */
495
+ helpPopoverTitle: string | undefined;
496
+ /**
497
+ * A help key that identifies the global help content to display. When specified along with `headingText`, a [help inline](https://developer.blackbaud.com/skyux/components/help-inline)
498
+ * button is placed beside the field group heading. Clicking the button invokes [global help](https://developer.blackbaud.com/skyux/learn/develop/global-help)
499
+ * as configured by the application. This property only applies when `headingText` is also specified.
500
+ */
501
+ helpKey: string | undefined;
502
+ protected headingClass: string;
503
+ static ɵfac: i0.ɵɵFactoryDeclaration<SkyFieldGroupComponent, never>;
504
+ static ɵcmp: i0.ɵɵComponentDeclaration<SkyFieldGroupComponent, "sky-field-group", never, { "headingText": { "alias": "headingText"; "required": true; }; "hintText": { "alias": "hintText"; "required": false; }; "headingHidden": { "alias": "headingHidden"; "required": false; }; "stacked": { "alias": "stacked"; "required": false; }; "headingLevel": { "alias": "headingLevel"; "required": false; }; "headingStyle": { "alias": "headingStyle"; "required": false; }; "helpPopoverContent": { "alias": "helpPopoverContent"; "required": false; }; "helpPopoverTitle": { "alias": "helpPopoverTitle"; "required": false; }; "helpKey": { "alias": "helpKey"; "required": false; }; }, {}, never, ["*"], true, never>;
505
+ static ngAcceptInputType_headingHidden: unknown;
506
+ static ngAcceptInputType_stacked: unknown;
507
+ static ngAcceptInputType_headingLevel: unknown;
508
+ static ngAcceptInputType_headingStyle: unknown;
509
+ }
510
+
511
+ declare class SkyFieldGroupModule {
512
+ static ɵfac: i0.ɵɵFactoryDeclaration<SkyFieldGroupModule, never>;
513
+ static ɵmod: i0.ɵɵNgModuleDeclaration<SkyFieldGroupModule, never, [typeof SkyFieldGroupComponent], [typeof SkyFieldGroupComponent]>;
514
+ static ɵinj: i0.ɵɵInjectorDeclaration<SkyFieldGroupModule>;
515
+ }
516
+
517
+ /**
518
+ * The type of error that was thrown.
519
+ */
520
+ type SkyFileItemErrorType = 'fileType' | 'minFileSize' | 'maxFileSize' | 'validate';
521
+
522
+ interface SkyFileItem {
523
+ /**
524
+ * The object that was added or removed.
525
+ */
526
+ file: File;
527
+ /**
528
+ * The [data URL](https://developer.mozilla.org/en-US/docs/Web/HTTP/Basics_of_HTTP/Data_URIs)
529
+ * for the file that was added or removed.
530
+ */
531
+ url: string;
532
+ /**
533
+ * The type of error that caused the file to be rejected.
534
+ */
535
+ errorType?: SkyFileItemErrorType;
536
+ /**
537
+ * Additional parameters about the error that caused the file to be rejected.
538
+ */
539
+ errorParam?: string;
540
+ }
541
+
542
+ interface SkyFileAttachmentChange {
543
+ /**
544
+ * The file that was added, or undefined if the file was removed.
545
+ */
546
+ file?: SkyFileItem;
547
+ }
548
+
549
+ interface SkyFileAttachmentClick {
550
+ /**
551
+ * The file that was clicked.
552
+ */
553
+ file: SkyFileItem;
554
+ }
555
+
556
+ /**
557
+ * @internal
558
+ */
559
+ declare class SkyFileItemService {
560
+ isFile(fileItem: SkyFileItem): boolean;
561
+ isImage(fileItem: SkyFileItem): boolean;
562
+ getFileExtensionUpper(fileItem: SkyFileItem): string;
563
+ getFileTypeUpper(fileItem: SkyFileItem): string;
564
+ static ɵfac: i0.ɵɵFactoryDeclaration<SkyFileItemService, never>;
565
+ static ɵprov: i0.ɵɵInjectableDeclaration<SkyFileItemService>;
566
+ }
567
+
568
+ /**
569
+ * Custom validation run on each file uploaded. The string returned is used as the error message in multi-file attachment.
570
+ */
571
+ type SkyFileValidateFn = (file: SkyFileItem) => string | undefined;
572
+
573
+ /**
574
+ * Displays a label above the file attachment element. To display a help button
575
+ * beside the label, include a help button element, such as `sky-help-inline`,
576
+ * in the `sky-file-attachment-label` element and a `sky-control-help` CSS class
577
+ * on that help button element.
578
+ * @deprecated Use the `labelText` input on the single file attachment component
579
+ * instead.
580
+ */
581
+ declare class SkyFileAttachmentLabelComponent {
582
+ labelContentId: {
583
+ id: string;
584
+ } | undefined;
585
+ constructor();
586
+ static ɵfac: i0.ɵɵFactoryDeclaration<SkyFileAttachmentLabelComponent, never>;
587
+ static ɵcmp: i0.ɵɵComponentDeclaration<SkyFileAttachmentLabelComponent, "sky-file-attachment-label", never, {}, {}, never, ["*", ".sky-control-help"], true, never>;
588
+ }
589
+
590
+ /**
591
+ * @internal
592
+ */
593
+ declare class SkyFileAttachmentService {
594
+ #private;
595
+ checkFiles(files: SkyFileItem[], minFileSize: number, maxFileSize: number, acceptedTypes?: string, validateFn?: SkyFileValidateFn): SkyFileItem[];
596
+ /**
597
+ * Returns `true` if a directory is found in the provided `files` parameter.
598
+ */
599
+ hasDirectory(files: FileList): boolean;
600
+ fileTypeRejected(fileType: string, acceptedTypes?: string): boolean;
601
+ static ɵfac: i0.ɵɵFactoryDeclaration<SkyFileAttachmentService, never>;
602
+ static ɵprov: i0.ɵɵInjectableDeclaration<SkyFileAttachmentService>;
603
+ }
604
+
605
+ /**
606
+ * Provides an element to attach a single local file.
607
+ */
608
+ declare class SkyFileAttachmentComponent implements AfterViewInit, AfterContentInit, ControlValueAccessor, OnInit, OnDestroy {
609
+ #private;
610
+ /**
611
+ * The comma-delimited string literal of MIME types that users can attach.
612
+ * By default, all file types are allowed.
613
+ */
614
+ acceptedTypes: string | undefined;
615
+ /**
616
+ * A custom error message to display when a file doesn't match the accepted types.
617
+ * This replaces a default error message that lists all accepted types.
618
+ */
619
+ acceptedTypesErrorMessage: string | undefined;
620
+ /**
621
+ * Whether to disable the input on template-driven forms. Don't use this input on reactive forms because they may overwrite the input or leave the control out of sync.
622
+ * To set the disabled state on reactive forms, use the `FormControl` instead.
623
+ */
624
+ disabled: boolean;
625
+ /**
626
+ * The content of the help popover. When specified along with `labelText`, a [help inline](https://developer.blackbaud.com/skyux/components/help-inline)
627
+ * button is added to the single file attachment label. The help inline button displays a [popover](https://developer.blackbaud.com/skyux/components/popover)
628
+ * when clicked using the specified content and optional title. This property only applies when `labelText` is also specified.
629
+ */
630
+ helpPopoverContent: string | TemplateRef<unknown> | undefined;
631
+ /**
632
+ * The title of the help popover. This property only applies when `helpPopoverContent` is
633
+ * also specified.
634
+ */
635
+ helpPopoverTitle: string | undefined;
636
+ /**
637
+ * A help key that identifies the global help content to display. When specified along with `labelText`, a [help inline](https://developer.blackbaud.com/skyux/components/help-inline)
638
+ * button is placed beside the single file attachment label. Clicking the button invokes [global help](https://developer.blackbaud.com/skyux/learn/develop/global-help)
639
+ * as configured by the application. This property only applies when `labelText` is also specified.
640
+ */
641
+ helpKey: string | undefined;
642
+ /**
643
+ * The text to display as the file attachment's label.
644
+ */
645
+ labelText: string | undefined;
646
+ /**
647
+ * Whether to hide `labelText` from view.
648
+ */
649
+ labelHidden: boolean;
650
+ /**
651
+ * [Persistent inline help text](https://developer.blackbaud.com/skyux/design/guidelines/user-assistance#inline-help) that provides
652
+ * additional context to the user.
653
+ */
654
+ hintText: string | undefined;
655
+ /**
656
+ * The maximum size in bytes for valid files.
657
+ * @default 500000
658
+ */
659
+ set maxFileSize(value: number | undefined);
660
+ get maxFileSize(): number;
661
+ /**
662
+ * The minimum size in bytes for valid files.
663
+ * @default 0
664
+ */
665
+ set minFileSize(value: number | undefined);
666
+ get minFileSize(): number;
667
+ /**
668
+ * Whether the single file attachment is stacked on another form component. When specified,
669
+ * the appropriate vertical spacing is automatically added to the single file attachment.
670
+ */
671
+ stacked: boolean;
672
+ /**
673
+ * The custom validation function. This validation runs alongside the internal
674
+ * file validation. This function takes a `SkyFileItem` object as a parameter.
675
+ * @deprecated Add a custom Angular `Validator` function to the `FormControl` instead.
676
+ */
677
+ validateFn: SkyFileValidateFn | undefined;
678
+ /**
679
+ * Fires when users add or remove files.
680
+ * @deprecated Subscribe to the form control's `valueChanges` event instead.
681
+ */
682
+ fileChange: EventEmitter<SkyFileAttachmentChange>;
683
+ /**
684
+ * Fires when users select the file name link. Make sure to bind the event.
685
+ * If you do not, the file name link will be a dead link.
686
+ */
687
+ fileClick: EventEmitter<SkyFileAttachmentClick>;
688
+ acceptedOver: boolean;
689
+ hasLabelComponent: boolean;
690
+ rejectedOver: boolean;
691
+ /**
692
+ * Whether the input is required for form validation.
693
+ * When you set this property to `true`, the component adds `aria-required` and `required`
694
+ * attributes to the input element so that forms display an invalid state until the input element
695
+ * is complete.
696
+ * For more information about the `aria-required` attribute, see the [WAI-ARIA definition](https://www.w3.org/TR/wai-aria/#aria-required).
697
+ */
698
+ required: boolean;
699
+ set value(value: SkyFileItem | undefined | null);
700
+ get value(): SkyFileItem | undefined;
701
+ currentThemeName: string | undefined;
702
+ fileName: string;
703
+ showFileAttachmentButton: boolean;
704
+ truncatedFileName: string;
705
+ inputEl: ElementRef | undefined;
706
+ labelComponents: QueryList<SkyFileAttachmentLabelComponent> | undefined;
707
+ isImage: boolean;
708
+ protected get isRequired(): boolean;
709
+ protected ngControl: NgControl | undefined;
710
+ protected errorId: string;
711
+ protected labelId: string;
712
+ protected fileErrorName: SkyFileItemErrorType | undefined;
713
+ protected fileErrorParam: string | undefined;
714
+ protected fileErrorValidation: ValidationErrors | null | undefined;
715
+ constructor(changeDetector: ChangeDetectorRef, fileAttachmentService: SkyFileAttachmentService, fileItemService: SkyFileItemService, ngControl?: NgControl, themeSvc?: SkyThemeService);
716
+ ngOnInit(): void;
717
+ ngAfterViewInit(): void;
718
+ ngAfterContentInit(): void;
719
+ onButtonBlur(): void;
720
+ onDropClicked(): void;
721
+ fileChangeEvent(fileChangeEvent: Event): void;
722
+ fileDragEnter(dragEnterEvent: DragEvent): void;
723
+ fileDragOver(dragOverEvent: DragEvent): void;
724
+ fileDrop(dropEvent: DragEvent): void;
725
+ fileDragLeave(dragLeaveEvent: DragEvent): void;
726
+ deleteFileAttachment(): void;
727
+ ngOnDestroy(): void;
728
+ registerOnChange(fn: (value: any) => any): void;
729
+ registerOnTouched(fn: () => any): void;
730
+ writeValue(value: any): void;
731
+ /**
732
+ * @internal
733
+ * Sets the disabled state of the control. Implemented as a part of ControlValueAccessor.
734
+ * @param isDisabled Whether the control should be disabled.
735
+ */
736
+ setDisabledState(isDisabled: boolean): void;
737
+ emitClick(): void;
738
+ static ɵfac: i0.ɵɵFactoryDeclaration<SkyFileAttachmentComponent, [null, null, null, { optional: true; self: true; }, { optional: true; }]>;
739
+ static ɵcmp: i0.ɵɵComponentDeclaration<SkyFileAttachmentComponent, "sky-file-attachment", never, { "acceptedTypes": { "alias": "acceptedTypes"; "required": false; }; "acceptedTypesErrorMessage": { "alias": "acceptedTypesErrorMessage"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "helpPopoverContent": { "alias": "helpPopoverContent"; "required": false; }; "helpPopoverTitle": { "alias": "helpPopoverTitle"; "required": false; }; "helpKey": { "alias": "helpKey"; "required": false; }; "labelText": { "alias": "labelText"; "required": false; }; "labelHidden": { "alias": "labelHidden"; "required": false; }; "hintText": { "alias": "hintText"; "required": false; }; "maxFileSize": { "alias": "maxFileSize"; "required": false; }; "minFileSize": { "alias": "minFileSize"; "required": false; }; "stacked": { "alias": "stacked"; "required": false; }; "validateFn": { "alias": "validateFn"; "required": false; }; "required": { "alias": "required"; "required": false; }; }, { "fileChange": "fileChange"; "fileClick": "fileClick"; }, ["labelComponents"], ["sky-file-attachment-label", "sky-form-error"], true, [{ directive: typeof i1$1.SkyThemeComponentClassDirective; inputs: {}; outputs: {}; }]>;
740
+ static ngAcceptInputType_disabled: unknown;
741
+ static ngAcceptInputType_labelHidden: unknown;
742
+ static ngAcceptInputType_stacked: unknown;
743
+ static ngAcceptInputType_required: unknown;
744
+ }
745
+
746
+ declare class SkyFileAttachmentModule {
747
+ static ɵfac: i0.ɵɵFactoryDeclaration<SkyFileAttachmentModule, never>;
748
+ static ɵmod: i0.ɵɵNgModuleDeclaration<SkyFileAttachmentModule, never, [typeof SkyFileAttachmentComponent, typeof SkyFileAttachmentLabelComponent], [typeof SkyFileAttachmentComponent, typeof SkyFileAttachmentLabelComponent, typeof SkyFormErrorModule]>;
749
+ static ɵinj: i0.ɵɵInjectorDeclaration<SkyFileAttachmentModule>;
750
+ }
751
+
752
+ interface SkyFileDropChange {
753
+ /**
754
+ * The array of files that were added or removed.
755
+ */
756
+ files: SkyFileItem[];
757
+ /**
758
+ * The array of files that were rejected.
759
+ */
760
+ rejectedFiles: SkyFileItem[];
761
+ }
762
+
763
+ interface SkyFileLink {
764
+ /**
765
+ * The URL for the linked file.
766
+ */
767
+ url: string;
768
+ }
769
+
770
+ /**
771
+ * Provides an element to attach multiple files where users can browse or drag and drop local files
772
+ * or provide hyperlinks to external files. You can leave the contents of the component
773
+ * blank to display the drop zone's default UI, or you can specify custom content to
774
+ * display instead. When the module initializes, it disables the ability to drag and
775
+ * drop files for the entire window to prevent the browser from opening files that are
776
+ * accidentally dropped outside the target zone. If you implement your own file drop functionality
777
+ * outside of the file drop component, you can place the `sky-file-drop-target` CSS class
778
+ * on the element that receives drop events to exempt it from the drop exclusion rule.
779
+ */
780
+ declare class SkyFileDropComponent implements OnDestroy, ControlValueAccessor {
781
+ #private;
782
+ /**
783
+ * Fires when users add or remove files.
784
+ */
785
+ filesChanged: EventEmitter<SkyFileDropChange>;
786
+ /**
787
+ * Fires when the link input box triggers a blur event.
788
+ */
789
+ linkInputBlur: EventEmitter<void>;
790
+ /**
791
+ * Fires when users add or remove links.
792
+ */
793
+ linkChanged: EventEmitter<SkyFileLink>;
794
+ /**
795
+ * The ARIA label for the file upload button. This provides a text equivalent for
796
+ * screen readers [to support accessibility](https://developer.blackbaud.com/skyux/learn/accessibility).
797
+ * For more information about the `aria-label` attribute, see the [WAI-ARIA definition](https://www.w3.org/TR/wai-aria/#aria-label).
798
+ * @default "Drag a file here or click to browse"
799
+ */
800
+ fileUploadAriaLabel: string | undefined;
801
+ /**
802
+ * The ARIA label for the link upload input. This sets the button's `aria-label` attribute to provide a text equivalent for
803
+ * screen readers [to support accessibility](https://developer.blackbaud.com/skyux/learn/accessibility).
804
+ * For more information about the `aria-label` attribute, see the [WAI-ARIA definition](https://www.w3.org/TR/wai-aria/#aria-label).
805
+ * @default "Link to a file"
806
+ */
807
+ linkUploadAriaLabel: string | undefined;
808
+ /**
809
+ * The hint text for the link upload input.
810
+ */
811
+ linkUploadHintText: string | undefined;
812
+ /**
813
+ * The minimum size in bytes for valid files.
814
+ * @default 0
815
+ */
816
+ set minFileSize(value: number | undefined);
817
+ get minFileSize(): number;
818
+ /**
819
+ * The maximum size in bytes for valid files.
820
+ * @default 500000
821
+ */
822
+ set maxFileSize(value: number | undefined);
823
+ get maxFileSize(): number;
824
+ /**
825
+ * Whether users can drag and drop multiple files at the same time.
826
+ */
827
+ multiple: boolean | undefined;
828
+ /**
829
+ * The custom validation function. This validation runs alongside the internal
830
+ * file validation. This function takes a `SkyFileItem` object as a parameter.
831
+ * The string returned is used as the error message in multi-file attachment.
832
+ */
833
+ validateFn: SkyFileValidateFn | undefined;
834
+ /**
835
+ * The comma-delimited string literal of MIME types that users can attach.
836
+ * By default, all file types are allowed.
837
+ * @required
838
+ */
839
+ acceptedTypes: string | undefined;
840
+ /**
841
+ * A custom error message to display when a file doesn't match the accepted types.
842
+ * This replaces a default error message that lists all accepted types.
843
+ */
844
+ acceptedTypesErrorMessage: string | undefined;
845
+ /**
846
+ * Whether to disable the option to browse for files to attach.
847
+ */
848
+ noClick: boolean | undefined;
849
+ /**
850
+ * Whether to display the option to attach files from URLs rather than from local devices.
851
+ */
852
+ allowLinks: boolean | undefined;
853
+ /**
854
+ * The text to display as the file attachment's label.
855
+ */
856
+ labelText: string | undefined;
857
+ /**
858
+ * Whether to hide `labelText` from view.
859
+ */
860
+ labelHidden: boolean;
861
+ /**
862
+ * [Persistent inline help text](https://developer.blackbaud.com/skyux/design/guidelines/user-assistance#inline-help) that provides
863
+ * additional context to the user.
864
+ */
865
+ hintText: string | undefined;
866
+ /**
867
+ * Whether uploading a file or link is required.
868
+ * When you set this property to `true`, the component adds `aria-required` and `required`
869
+ * attributes to the input elements so that screen readers announce an invalid state until the input element
870
+ * is complete.
871
+ * For more information about the `aria-required` attribute, see the [WAI-ARIA definition](https://www.w3.org/TR/wai-aria/#aria-required).
872
+ */
873
+ required: boolean;
874
+ /**
875
+ * The content of the help popover. When specified along with `labelText`, a [help inline](https://developer.blackbaud.com/skyux/components/help-inline)
876
+ * button is added to the file attachment label. The help inline button displays a [popover](https://developer.blackbaud.com/skyux/components/popover)
877
+ * when clicked using the specified content and optional title. This property only applies when `labelText` is also specified.
878
+ */
879
+ helpPopoverContent: string | TemplateRef<unknown> | undefined;
880
+ /**
881
+ * The title of the help popover. This property only applies when `helpPopoverContent` is
882
+ * also specified.
883
+ */
884
+ helpPopoverTitle: string | undefined;
885
+ /**
886
+ * Whether the file attachment is stacked on another form component. When specified, the appropriate
887
+ * vertical spacing is automatically added to the file attachment.
888
+ */
889
+ stacked: boolean;
890
+ /**
891
+ * A help key that identifies the global help content to display. When specified along with `labelText`, a [help inline](https://developer.blackbaud.com/skyux/components/help-inline)
892
+ * button is placed beside the file attachment label. Clicking the button invokes [global help](https://developer.blackbaud.com/skyux/learn/develop/global-help)
893
+ * as configured by the application. This property only applies when `labelText` is also specified.
894
+ */
895
+ helpKey: string | undefined;
896
+ inputEl: ElementRef | undefined;
897
+ rejectedOver: boolean;
898
+ acceptedOver: boolean;
899
+ linkUrl: string | undefined;
900
+ protected errorId: string;
901
+ protected ngControl: NgControl | null;
902
+ protected rejectedFiles: SkyFileItem[];
903
+ constructor();
904
+ ngOnDestroy(): void;
905
+ writeValue(value: unknown): void;
906
+ registerOnChange(fn: any): void;
907
+ registerOnTouched(fn: () => void): void;
908
+ dropClicked(): void;
909
+ fileChangeEvent(fileChangeEvent: Event): void;
910
+ fileDragEnter(dragEnterEvent: DragEvent): void;
911
+ fileDragOver(dragOverEvent: DragEvent): void;
912
+ fileDrop(dropEvent: DragEvent): void;
913
+ fileDragLeave(dragLeaveEvent: any): void;
914
+ addLinkEnter(event: KeyboardEvent): void;
915
+ addLink(event: Event): void;
916
+ protected uploadLink(file: SkyFileLink): void;
917
+ onLinkBlur(): void;
918
+ protected get isRequired(): boolean;
919
+ static ɵfac: i0.ɵɵFactoryDeclaration<SkyFileDropComponent, never>;
920
+ static ɵcmp: i0.ɵɵComponentDeclaration<SkyFileDropComponent, "sky-file-drop", never, { "fileUploadAriaLabel": { "alias": "fileUploadAriaLabel"; "required": false; }; "linkUploadAriaLabel": { "alias": "linkUploadAriaLabel"; "required": false; }; "linkUploadHintText": { "alias": "linkUploadHintText"; "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, ["*", "sky-form-error"], true, never>;
921
+ static ngAcceptInputType_labelHidden: unknown;
922
+ static ngAcceptInputType_required: unknown;
923
+ static ngAcceptInputType_stacked: unknown;
924
+ }
925
+
926
+ declare class SkyFileItemComponent implements DoCheck {
927
+ #private;
928
+ /**
929
+ * The summary information to display about file attachments. For local files,
930
+ * the default summary includes the file name, file size, file preview, and a delete button.
931
+ * For external files, the default summary includes the URL and a delete button.
932
+ * You can include additional inputs to display user-entered metadata.
933
+ * @required
934
+ */
935
+ set fileItem(value: SkyFileItem | SkyFileLink | undefined);
936
+ get fileItem(): SkyFileItem | SkyFileLink | undefined;
937
+ /**
938
+ * Fires when users select the delete button for an item. The deleted item is passed to the
939
+ * function.
940
+ */
941
+ deleteFile: EventEmitter<SkyFileItem | SkyFileLink>;
942
+ fileName: string;
943
+ fileSize: number | undefined;
944
+ url: string;
945
+ icon: string | undefined;
946
+ isFile: boolean;
947
+ isImage: boolean;
948
+ constructor(differs: KeyValueDiffers, fileItemService: SkyFileItemService);
949
+ ngDoCheck(): void;
950
+ itemDelete(): void;
951
+ static ɵfac: i0.ɵɵFactoryDeclaration<SkyFileItemComponent, never>;
952
+ static ɵcmp: i0.ɵɵComponentDeclaration<SkyFileItemComponent, "sky-file-item", never, { "fileItem": { "alias": "fileItem"; "required": false; }; }, { "deleteFile": "deleteFile"; }, never, ["*"], true, never>;
953
+ }
954
+
955
+ declare class SkyFileDropModule {
956
+ static ɵfac: i0.ɵɵFactoryDeclaration<SkyFileDropModule, never>;
957
+ static ɵmod: i0.ɵɵNgModuleDeclaration<SkyFileDropModule, never, [typeof SkyFileDropComponent, typeof SkyFileItemComponent], [typeof SkyFileDropComponent, typeof SkyFileItemComponent, typeof SkyFormErrorModule]>;
958
+ static ɵinj: i0.ɵɵInjectorDeclaration<SkyFileDropModule>;
959
+ }
960
+
961
+ /**
962
+ * @deprecated Import either `SkyFileAttachmentModule` or `SkyFileDropModule`.
963
+ */
964
+ declare class SkyFileAttachmentsModule {
965
+ static ɵfac: i0.ɵɵFactoryDeclaration<SkyFileAttachmentsModule, never>;
966
+ static ɵmod: i0.ɵɵNgModuleDeclaration<SkyFileAttachmentsModule, never, [typeof SkyFileAttachmentModule, typeof SkyFileDropModule], [typeof SkyFileAttachmentModule, typeof SkyFileDropModule]>;
967
+ static ɵinj: i0.ɵɵInjectorDeclaration<SkyFileAttachmentsModule>;
968
+ }
969
+
970
+ /**
971
+ * @internal
972
+ */
973
+ declare class SkyFileSizePipe implements PipeTransform {
974
+ #private;
975
+ constructor(resourcesService: SkyLibResourcesService);
976
+ transform(input?: number | string | null): string;
977
+ static ɵfac: i0.ɵɵFactoryDeclaration<SkyFileSizePipe, never>;
978
+ static ɵpipe: i0.ɵɵPipeDeclaration<SkyFileSizePipe, "skyFileSize", true>;
979
+ }
980
+
981
+ /**
982
+ * @internal
983
+ */
984
+ interface SkyInputBoxPopulateArgs {
985
+ inputTemplate: TemplateRef<unknown>;
986
+ buttonsTemplate?: TemplateRef<unknown>;
987
+ buttonsLeftTemplate?: TemplateRef<unknown>;
988
+ buttonsInsetTemplate?: TemplateRef<unknown>;
989
+ iconsInsetTemplate?: TemplateRef<unknown>;
990
+ iconsInsetLeftTemplate?: TemplateRef<unknown>;
991
+ }
992
+
993
+ /**
994
+ * A wrapper component that provides styling and accessibility to form elements.
995
+ */
996
+ declare class SkyInputBoxComponent implements OnInit, AfterContentChecked, OnDestroy {
997
+ #private;
998
+ /**
999
+ * Whether to visually highlight the input box in an error state. If not specified, the input box
1000
+ * displays in an error state when either the `ngModel` or the Angular `FormControl` contains an error.
1001
+ * @default undefined
1002
+ */
1003
+ hasErrors: boolean | undefined;
1004
+ /**
1005
+ * Whether to visually highlight the input box as disabled. To disable the input box's
1006
+ * input element, use the HTML `disabled` attribute or the Angular `FormControl.disabled`
1007
+ * property. If the input element is mapped to an Angular form control
1008
+ * (e.g. `formControlName`, `ngModel`, etc.), "disabled" styles are applied automatically;
1009
+ * if the input element is not associated with an Angular form control, the `disabled`
1010
+ * property on the input box must be set to `true` to visually indicate
1011
+ * the disabled state on the input box.
1012
+ * @default false
1013
+ */
1014
+ disabled: boolean | undefined;
1015
+ /**
1016
+ * The text to display as the input's label and in known validation error messages. The label
1017
+ * will automatically be associated with the `input`, `select`, `textarea`, or compatible SKY UX
1018
+ * component included in the input box.
1019
+ */
1020
+ labelText: string | undefined;
1021
+ /**
1022
+ * The maximum number of characters allowed in the input. A [SKY UX character count](https://developer.blackbaud.com/skyux/components/character-count)
1023
+ * will be placed on the input element with the appropriate validator.
1024
+ */
1025
+ set characterLimit(value: NumberInput);
1026
+ get characterLimit(): number | undefined;
1027
+ /**
1028
+ * Whether the input box is stacked on another input box. When specified, the appropriate
1029
+ * vertical spacing is automatically added to the input box.
1030
+ */
1031
+ set stacked(value: BooleanInput);
1032
+ /**
1033
+ * The title of the help popover. This property only applies when `helpPopoverContent` is
1034
+ * also specified.
1035
+ */
1036
+ helpPopoverTitle: string | undefined;
1037
+ /**
1038
+ * The content of the help popover. When specified along with `labelText`, a [help inline](https://developer.blackbaud.com/skyux/components/help-inline)
1039
+ * button is added to the input box label. The help inline button displays a [popover](https://developer.blackbaud.com/skyux/components/popover)
1040
+ * when clicked using the specified content and optional title. This property only applies when `labelText` is also specified.
1041
+ */
1042
+ helpPopoverContent: string | TemplateRef<unknown> | undefined;
1043
+ /**
1044
+ * A help key that identifies the global help content to display. When specified along with `labelText`, a [help inline](https://developer.blackbaud.com/skyux/components/help-inline)
1045
+ * button is placed beside the input box label. Clicking the button invokes [global help](https://developer.blackbaud.com/skyux/learn/develop/global-help)
1046
+ * as configured by the application. This property only applies when `labelText` is also specified.
1047
+ */
1048
+ helpKey: string | undefined;
1049
+ /**
1050
+ * [Persistent inline help text](https://developer.blackbaud.com/skyux/design/guidelines/user-assistance#inline-help) that provides
1051
+ * additional context to the user.
1052
+ */
1053
+ set hintText(value: string | undefined);
1054
+ get hintText(): string | undefined;
1055
+ hostInputTemplate: TemplateRef<unknown> | undefined;
1056
+ hostButtonsTemplate: TemplateRef<unknown> | undefined;
1057
+ hostButtonsInsetTemplate: TemplateRef<unknown> | undefined;
1058
+ hostButtonsLeftTemplate: TemplateRef<unknown> | undefined;
1059
+ formControlHasFocus: boolean;
1060
+ hostIconsInsetTemplate: TemplateRef<unknown> | undefined;
1061
+ hostIconsInsetLeftTemplate: TemplateRef<unknown> | undefined;
1062
+ protected hintTextHidden: boolean;
1063
+ protected hintTextScreenReaderOnly: boolean;
1064
+ protected hostHintText: string | undefined;
1065
+ readonly controlId: string;
1066
+ readonly labelId: string;
1067
+ readonly errorId: string;
1068
+ readonly hintTextId: string;
1069
+ readonly ariaDescribedBy: ReplaySubject<string | undefined>;
1070
+ cssClass: string;
1071
+ formControl: FormControlDirective | undefined;
1072
+ formControlByName: FormControlName | undefined;
1073
+ ngModel: NgModel | undefined;
1074
+ inputRef: ElementRef | undefined;
1075
+ protected controlDir: AbstractControlDirective | undefined;
1076
+ protected get isDisabled(): boolean;
1077
+ protected get hasErrorsComputed(): boolean;
1078
+ protected get required(): boolean;
1079
+ protected characterCountScreenReader: number;
1080
+ ngOnInit(): void;
1081
+ ngAfterContentChecked(): void;
1082
+ ngOnDestroy(): void;
1083
+ /**
1084
+ * Whether the input box component contains the focused element.
1085
+ * @internal
1086
+ */
1087
+ containsElement(el: EventTarget): boolean;
1088
+ formControlFocusIn(): void;
1089
+ formControlFocusOut(): void;
1090
+ onInsetIconClick(): void;
1091
+ populate(args: SkyInputBoxPopulateArgs): void;
1092
+ /**
1093
+ * Returns an element inside the input box.
1094
+ * This can be used to query parts of a input box
1095
+ * that was populated through the `SkyInputBoxHostService`
1096
+ * @internal
1097
+ */
1098
+ queryPopulatedElement(query: string): HTMLElement;
1099
+ setHintTextHidden(hide: boolean): void;
1100
+ setHostHintText(value: string | undefined): void;
1101
+ setHintTextScreenReaderOnly(hide: boolean): void;
1102
+ static ɵfac: i0.ɵɵFactoryDeclaration<SkyInputBoxComponent, never>;
1103
+ 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; }; }, {}, ["formControl", "formControlByName", "ngModel", "inputRef"], [".sky-control-label", ".sky-control-help", "sky-character-counter-indicator", "input,select,.sky-form-control:not(textarea),sky-autocomplete,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,span.sky-input-box-descendent-form-error", ".sky-error-label,.sky-error-indicator"], false, never>;
1104
+ }
1105
+
1106
+ /**
1107
+ * @internal
1108
+ */
1109
+ declare class SkyInputBoxHostService implements OnDestroy {
1110
+ #private;
1111
+ required: Observable<boolean>;
1112
+ get controlId(): string;
1113
+ get labelId(): string;
1114
+ get labelText(): string;
1115
+ get ariaDescribedBy(): Observable<string | undefined> | undefined;
1116
+ init(host: SkyInputBoxComponent): void;
1117
+ ngOnDestroy(): void;
1118
+ populate(args: SkyInputBoxPopulateArgs): void;
1119
+ setHintText(hintText: string | undefined): void;
1120
+ setHintTextHidden(hide: boolean): void;
1121
+ setHintTextScreenReaderOnly(hide: boolean): void;
1122
+ /**
1123
+ * Set required so that input box displays the label correctly. When the input is supplied by the consumer it is a content
1124
+ * child that input box can read required from and this is unnecessary. When the input is supplied internally by the
1125
+ * component the input box does not have a ref to it, so the component needs to inform the input box of its required state.
1126
+ */
1127
+ setRequired(required: boolean): void;
1128
+ /**
1129
+ * Whether the focused element is inside the input box.
1130
+ * @internal
1131
+ */
1132
+ focusIsInInput(el: EventTarget): boolean;
1133
+ /**
1134
+ * Returns an html element that is inside the input box.
1135
+ * @internal
1136
+ */
1137
+ queryHost(query: string): HTMLElement | undefined;
1138
+ static ɵfac: i0.ɵɵFactoryDeclaration<SkyInputBoxHostService, never>;
1139
+ static ɵprov: i0.ɵɵInjectableDeclaration<SkyInputBoxHostService>;
1140
+ }
1141
+
1142
+ /**
1143
+ * @internal
1144
+ */
1145
+ declare class SkyInputBoxControlDirective {
1146
+ #private;
1147
+ set autocomplete(value: string | undefined);
1148
+ get autocomplete(): string | undefined;
1149
+ static ɵfac: i0.ɵɵFactoryDeclaration<SkyInputBoxControlDirective, never>;
1150
+ static ɵdir: i0.ɵɵDirectiveDeclaration<SkyInputBoxControlDirective, "input:not([skyId]):not(.sky-form-control),select:not([skyId]):not(.sky-form-control),textarea:not([skyId]):not(.sky-form-control)", never, { "autocomplete": { "alias": "autocomplete"; "required": false; }; }, {}, never, never, true, never>;
1151
+ }
1152
+
1153
+ /**
1154
+ * @internal
1155
+ */
1156
+ declare class SkyInputBoxHintTextPipe implements PipeTransform {
1157
+ transform(hintText?: string, hostHintText?: string): string | undefined;
1158
+ static ɵfac: i0.ɵɵFactoryDeclaration<SkyInputBoxHintTextPipe, never>;
1159
+ static ɵpipe: i0.ɵɵPipeDeclaration<SkyInputBoxHintTextPipe, "skyInputBoxHintText", true>;
1160
+ }
1161
+
1162
+ declare class SkyInputBoxModule {
1163
+ static ɵfac: i0.ɵɵFactoryDeclaration<SkyInputBoxModule, never>;
1164
+ static ɵmod: i0.ɵɵNgModuleDeclaration<SkyInputBoxModule, [typeof SkyInputBoxComponent], [typeof i4.CommonModule, typeof SkyCharacterCounterModule, typeof SkyFormErrorsModule, typeof SkyFormErrorModule, typeof SkyFormsResourcesModule, typeof i10.SkyHelpInlineModule, typeof SkyInputBoxControlDirective, typeof SkyInputBoxHintTextPipe, typeof i1$1.SkyThemeModule], [typeof SkyInputBoxHintTextPipe, typeof SkyInputBoxComponent, typeof SkyInputBoxControlDirective, typeof SkyFormErrorModule]>;
1165
+ static ɵinj: i0.ɵɵInjectorDeclaration<SkyInputBoxModule>;
1166
+ }
1167
+
1168
+ /**
1169
+ * Fires when users select a radio button.
1170
+ */
1171
+ interface SkyRadioChange {
1172
+ /**
1173
+ * The value from the radio component.
1174
+ */
1175
+ value: any;
1176
+ }
1177
+
1178
+ /**
1179
+ * @deprecated radioType is no longer supported
1180
+ */
1181
+ type SkyRadioType = 'danger' | 'info' | 'success' | 'warning';
1182
+
1183
+ /**
1184
+ * Renders a SKY UX-themed replacement for an HTML `input` element
1185
+ * with `type="radio"`. When users select a radio button, its value is driven through an
1186
+ * `ngModel` attribute that you specify on the `sky-radio` element or the parent `sky-radio-group` element.
1187
+ */
1188
+ declare class SkyRadioComponent implements OnDestroy, ControlValueAccessor {
1189
+ #private;
1190
+ /**
1191
+ * Fires when users focus off a radio button.
1192
+ */
1193
+ blur: Subject<void>;
1194
+ /**
1195
+ * Whether the radio button is selected.
1196
+ * @default false
1197
+ */
1198
+ set checked(value: boolean | undefined);
1199
+ get checked(): boolean;
1200
+ /**
1201
+ * Whether to disable the input on template-driven forms. Don't use this input on reactive forms because they may overwrite the input or leave the control out of sync.
1202
+ * To set the disabled state on reactive forms, use the `FormControl` instead.
1203
+ * @default false
1204
+ */
1205
+ set disabled(value: boolean);
1206
+ get disabled(): boolean;
1207
+ /**
1208
+ * The ID for the radio button.
1209
+ * If a value is not provided, an autogenerated ID is used.
1210
+ */
1211
+ set id(value: string | undefined);
1212
+ /**
1213
+ * The ARIA label for the radio button. This sets the radio button's `aria-label`
1214
+ * attribute to provide a text equivalent for screen readers [to support accessibility](https://developer.blackbaud.com/skyux/learn/accessibility)
1215
+ * when the radio button does not include a visible label. You must set this property for icon
1216
+ * radio buttons. If the radio button includes a visible label, use `labelledBy` instead.
1217
+ * For more information about the `aria-label` attribute, see the [WAI-ARIA definition](https://www.w3.org/TR/wai-aria/#aria-label).
1218
+ * @deprecated Use `labelText` instead.
1219
+ */
1220
+ set label(value: string | undefined);
1221
+ get label(): string | undefined;
1222
+ /**
1223
+ * The HTML element ID of the element that labels
1224
+ * the radio button. This sets the radio button's `aria-labelledby` attribute to provide a text equivalent for screen readers
1225
+ * [to support accessibility](https://developer.blackbaud.com/skyux/learn/accessibility).
1226
+ * If the radio button does not include a visible label, use `label` instead.
1227
+ * For more information about the `aria-labelledby` attribute, see the [WAI-ARIA definition](https://www.w3.org/TR/wai-aria/#aria-labelledby).
1228
+ * @deprecated Use `labelText` instead.
1229
+ */
1230
+ set labelledBy(value: string | undefined);
1231
+ get labelledBy(): string | undefined;
1232
+ /**
1233
+ * This property is deprecated in favor of the `name` property on the `sky-radio-group element`.
1234
+ * We recommend using the `sky-radio-group` element with all radio buttons, but if you opt not to,
1235
+ * then this property specifies a name for a group of radio buttons.
1236
+ * @deprecated
1237
+ */
1238
+ set name(value: string | undefined);
1239
+ get name(): string | undefined;
1240
+ /**
1241
+ * This property is deprecated in favor of
1242
+ * the `tabIndex` property on the `sky-radio-group` element. It specifies an index for the radio
1243
+ * button. If the index is not defined, it is set to the position of the radio button on load.
1244
+ * @deprecated
1245
+ */
1246
+ set tabindex(value: number | undefined);
1247
+ get tabindex(): number;
1248
+ set groupTabIndex(value: number | undefined);
1249
+ /**
1250
+ * The value bound to the radio button's `value` property. The value usually
1251
+ * corresponds to the radio button's label, which you specify with the `sky-radio-label`
1252
+ * component.
1253
+ * @required
1254
+ */
1255
+ set value(value: any);
1256
+ get value(): any;
1257
+ /**
1258
+ * The content of the help popover. When specified along with `labelText`, a [help inline](https://developer.blackbaud.com/skyux/components/help-inline)
1259
+ * button is added to radio button. The help inline button displays a [popover](https://developer.blackbaud.com/skyux/components/popover)
1260
+ * when clicked using the specified content and optional title. This property only applies when `labelText` is also specified.
1261
+ */
1262
+ helpPopoverContent: string | TemplateRef<unknown> | undefined;
1263
+ /**
1264
+ * The title of the help popover. This property only applies when `helpPopoverContent` is
1265
+ * also specified.
1266
+ */
1267
+ helpPopoverTitle: string | undefined;
1268
+ /**
1269
+ * The icon to display in place of the radio button. To group radio buttons like in
1270
+ * the demo above, place the `sky-switch-icon-group` class on the direct parent element of the
1271
+ * radio buttons.
1272
+ * @deprecated Use `iconName` instead.
1273
+ */
1274
+ icon: string | undefined;
1275
+ /**
1276
+ * The SVG icon to display in place of the radio button. To group radio buttons like in
1277
+ * the demo above, place the `sky-switch-icon-group` class on the direct parent element of the
1278
+ * radio buttons.
1279
+ */
1280
+ iconName: string | undefined;
1281
+ /**
1282
+ * The background color type after users select an icon radio button.
1283
+ * The valid options correspond
1284
+ * [the label component's](https://developer.blackbaud.com/skyux/components/label)
1285
+ * label types. `danger` creates a red background, `info` creates a blue background,
1286
+ * `success` creates a green background, and `warning` creates an orange background.
1287
+ * @default "info"
1288
+ * @deprecated radioType is no longer supported
1289
+ */
1290
+ get radioType(): SkyRadioType;
1291
+ set radioType(value: SkyRadioType | undefined);
1292
+ /**
1293
+ * The text to display as the radio button's label. Use this instead of the `sky-radio-label` when the label is text-only.
1294
+ */
1295
+ labelText: string | undefined;
1296
+ /**
1297
+ * Indicates whether to hide the `labelText`.
1298
+ */
1299
+ labelHidden: boolean;
1300
+ /**
1301
+ * [Persistent inline help text](https://developer.blackbaud.com/skyux/design/guidelines/user-assistance#inline-help) that provides
1302
+ * additional context to the user.
1303
+ */
1304
+ hintText: string | undefined;
1305
+ /**
1306
+ * A help key that identifies the global help content to display. When specified along with `labelText`, a [help inline](https://developer.blackbaud.com/skyux/components/help-inline)
1307
+ * button is placed beside the radio button label. Clicking the button invokes [global help](https://developer.blackbaud.com/skyux/learn/develop/global-help)
1308
+ * as configured by the application. This property only applies when `labelText` is also specified.
1309
+ */
1310
+ helpKey: string | undefined;
1311
+ /**
1312
+ * Fires when users select a radio button.
1313
+ */
1314
+ change: EventEmitter<SkyRadioChange>;
1315
+ /**
1316
+ * Fires when the selected value changes.
1317
+ */
1318
+ checkedChange: EventEmitter<boolean>;
1319
+ /**
1320
+ * Fires when the selected value changes.
1321
+ */
1322
+ disabledChange: EventEmitter<boolean>;
1323
+ set selectedValue(value: any);
1324
+ get selectedValue(): any;
1325
+ radioGroupDisabled: boolean;
1326
+ protected inputId: string;
1327
+ constructor();
1328
+ ngOnDestroy(): void;
1329
+ writeValue(value: unknown): void;
1330
+ /**
1331
+ * @internal
1332
+ * Whether to disable the control. Implemented as a part of ControlValueAccessor.
1333
+ */
1334
+ setDisabledState(isDisabled: boolean): void;
1335
+ setGroupDisabledState(isDisabled: boolean): void;
1336
+ registerOnChange(fn: any): void;
1337
+ registerOnTouched(fn: any): void;
1338
+ onInputChange(event: Event): void;
1339
+ onInputFocusChange(): void;
1340
+ static ɵfac: i0.ɵɵFactoryDeclaration<SkyRadioComponent, never>;
1341
+ 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; }; "iconName": { "alias": "iconName"; "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$1.SkyThemeComponentClassDirective; inputs: {}; outputs: {}; }]>;
1342
+ static ngAcceptInputType_disabled: unknown;
1343
+ static ngAcceptInputType_labelHidden: unknown;
1344
+ }
1345
+
1346
+ /**
1347
+ * Tracks the element IDs for all radios within a radio group.
1348
+ * @internal
1349
+ */
1350
+ declare class SkyRadioGroupIdService {
1351
+ #private;
1352
+ get radioIds(): Observable<string[]>;
1353
+ constructor();
1354
+ /**
1355
+ * Associates a radio input's ID with its parent radio group.
1356
+ * @param {string} id A unique ID for the radio component.
1357
+ * @param {string} inputElementId The ID applied to the radio input element.
1358
+ */
1359
+ register(id: string, inputElementId: string): void;
1360
+ /**
1361
+ * Disassociates a radio input's ID with its parent radio group.
1362
+ * @param {string} id The ID used to register the radio component.
1363
+ */
1364
+ unregister(id: string): void;
1365
+ static ɵfac: i0.ɵɵFactoryDeclaration<SkyRadioGroupIdService, never>;
1366
+ static ɵprov: i0.ɵɵInjectableDeclaration<SkyRadioGroupIdService>;
1367
+ }
1368
+
1369
+ type SkyRadioGroupHeadingLevel = 3 | 4 | 5;
1370
+
1371
+ type SkyRadioGroupHeadingStyle = 3 | 4 | 5;
1372
+
1373
+ /**
1374
+ * Organizes radio buttons into a group. It is required for radio
1375
+ * buttons on Angular reactive forms, and we recommend using it with all radio buttons.
1376
+ * On Angular forms, the component manages the selected values and keeps the forms up-to-date.
1377
+ * When users select a radio button, its value is driven through an `ngModel` attribute that you specify on the `sky-radio-group` element.
1378
+ */
1379
+ declare class SkyRadioGroupComponent implements AfterContentInit, OnDestroy {
1380
+ #private;
1381
+ /**
1382
+ * The HTML element ID of the element that labels
1383
+ * the radio button group. This sets the radio button group's `aria-labelledby` attribute to provide a text equivalent for screen readers
1384
+ * [to support accessibility](https://developer.blackbaud.com/skyux/learn/accessibility).
1385
+ * If the radio button group does not include a visible label, use `ariaLabel` instead.
1386
+ * For more information about the `aria-labelledby` attribute, see the [WAI-ARIA definition](https://www.w3.org/TR/wai-aria/#aria-labelledby).
1387
+ * @deprecated Use `headingText` instead.
1388
+ */
1389
+ set ariaLabelledBy(value: string | undefined);
1390
+ get ariaLabelledBy(): string | undefined;
1391
+ /**
1392
+ * The ARIA label for the radio button group. This sets the
1393
+ * radio button group's `aria-label` attribute to provide a text equivalent for screen readers
1394
+ * [to support accessibility](https://developer.blackbaud.com/skyux/learn/accessibility).
1395
+ * If the radio button group includes a visible label, use `ariaLabelledBy` instead.
1396
+ * For more information about the `aria-label` attribute, see the [WAI-ARIA definition](https://www.w3.org/TR/wai-aria/#aria-label).
1397
+ * @deprecated Use `headingText` instead.
1398
+ */
1399
+ set ariaLabel(value: string | undefined);
1400
+ get ariaLabel(): string | undefined;
1401
+ /**
1402
+ * Whether to disable the input on template-driven forms. Don't use this input on reactive forms because they may overwrite the input or leave the control out of sync.
1403
+ * To set the disabled state on reactive forms, use the `FormControl` instead.
1404
+ * @default false
1405
+ */
1406
+ set disabled(value: boolean);
1407
+ get disabled(): boolean;
1408
+ /**
1409
+ * The semantic heading level in the document structure. By default, the heading text is not wrapped in a heading element.
1410
+ */
1411
+ set headingLevel(value: SkyRadioGroupHeadingLevel | undefined);
1412
+ get headingLevel(): SkyRadioGroupHeadingLevel | undefined;
1413
+ /**
1414
+ * The heading [font style](https://developer.blackbaud.com/skyux/design/styles/typography#headings).
1415
+ * @default 4
1416
+ */
1417
+ set headingStyle(value: SkyRadioGroupHeadingStyle);
1418
+ /**
1419
+ * The name for the collection of radio buttons that the component groups together.
1420
+ * This property overwrites the deprecated `name` property on individual `sky-radio` elements,
1421
+ * and it is required unless the `name` property is set on individual `sky-radio` elements.
1422
+ * @required
1423
+ */
1424
+ set name(value: string | undefined);
1425
+ get name(): string;
1426
+ /**
1427
+ * Whether the input is required for form validation.
1428
+ * When you set this property to `true`, the component adds `aria-required` and `required`
1429
+ * attributes to the input element so that forms display an invalid state until the input element
1430
+ * is complete.
1431
+ * For more information about the `aria-required` attribute, see the [WAI-ARIA definition](https://www.w3.org/TR/wai-aria/#aria-required).
1432
+ * @default false
1433
+ */
1434
+ required: boolean;
1435
+ /**
1436
+ * Whether the radio button group is stacked on another form component. When specified,
1437
+ * the appropriate vertical spacing is automatically added to the radio button group.
1438
+ */
1439
+ set stacked(value: boolean);
1440
+ get stacked(): boolean;
1441
+ /**
1442
+ * The value of the radio button to select by default when the group loads.
1443
+ * The value corresponds to the `value` property of an individual `sky-radio` element within the
1444
+ * group.
1445
+ */
1446
+ set value(value: any);
1447
+ /**
1448
+ * The index for all the radio buttons in the group. If the index is not defined,
1449
+ * the indices for individual radio buttons are set to their positions on load.
1450
+ * This property supports accessibility by placing focus on the currently selected radio
1451
+ * button. If no radio button is selected, it places focus on the first or last button
1452
+ * depending on how users navigate to the radio button group.
1453
+ */
1454
+ set tabIndex(value: number | undefined);
1455
+ get tabIndex(): number | undefined;
1456
+ /**
1457
+ * The text to display as the radio group's heading.
1458
+ */
1459
+ headingText: string | undefined;
1460
+ /**
1461
+ * Indicates whether to hide the `headingText`.
1462
+ */
1463
+ headingHidden: boolean;
1464
+ /**
1465
+ * [Persistent inline help text](https://developer.blackbaud.com/skyux/design/guidelines/user-assistance#inline-help) that provides
1466
+ * additional context to the user.
1467
+ */
1468
+ hintText: string | undefined;
1469
+ /**
1470
+ * The content of the help popover. When specified along with `headingText`, a [help inline](https://developer.blackbaud.com/skyux/components/help-inline)
1471
+ * button is added to radio group. The help inline button displays a [popover](https://developer.blackbaud.com/skyux/components/popover)
1472
+ * when clicked using the specified content and optional title. This property only applies when `headingText` is also specified.
1473
+ */
1474
+ helpPopoverContent: string | TemplateRef<unknown> | undefined;
1475
+ /**
1476
+ * The title of the help popover. This property only applies when `helpPopoverContent` is
1477
+ * also specified.
1478
+ */
1479
+ helpPopoverTitle: string | undefined;
1480
+ /**
1481
+ * A help key that identifies the global help content to display. When specified along with `headingText`, a [help inline](https://developer.blackbaud.com/skyux/components/help-inline)
1482
+ * button is placed beside the radio group heading. Clicking the button invokes [global help](https://developer.blackbaud.com/skyux/learn/develop/global-help)
1483
+ * as configured by the application. This property only applies when `headingText` is also specified.
1484
+ */
1485
+ helpKey: string | undefined;
1486
+ /**
1487
+ * Our radio components are usually implemented using an unordered list. This is an
1488
+ * accessibility violation because the unordered list has an implicit role which
1489
+ * interrupts the 'radiogroup' and 'radio' relationship. To correct this, we can set the
1490
+ * radio group's 'aria-owns' attribute to a space-separated list of radio IDs.
1491
+ * For more information about the `aria-owns` attribute, see the [WAI-ARIA definition](https://www.w3.org/TR/wai-aria/#aria-owns), and for more information about the `radio` role, see [its definition](https://www.w3.org/TR/wai-aria/#radio).
1492
+ */
1493
+ ariaOwns: string | undefined;
1494
+ radios: QueryList<SkyRadioComponent> | undefined;
1495
+ stackedLg: boolean;
1496
+ stackedXL: boolean;
1497
+ protected get isRequired(): boolean;
1498
+ protected headingClass: string;
1499
+ protected errorId: string;
1500
+ protected ngControl: NgControl | undefined;
1501
+ constructor(changeDetector: ChangeDetectorRef, radioGroupIdSvc: SkyRadioGroupIdService, ngControl: NgControl);
1502
+ ngAfterContentInit(): void;
1503
+ watchForSelections(): void;
1504
+ ngOnDestroy(): void;
1505
+ writeValue(value: unknown): void;
1506
+ /**
1507
+ * @internal
1508
+ * Whether to disable the control. Implemented as a part of ControlValueAccessor.
1509
+ */
1510
+ setDisabledState(isDisabled: boolean): void;
1511
+ registerOnChange(fn: (value: any) => void): void;
1512
+ registerOnTouched(fn: any): void;
1513
+ static ɵfac: i0.ɵɵFactoryDeclaration<SkyRadioGroupComponent, [null, null, { optional: true; self: true; }]>;
1514
+ 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$1.SkyThemeComponentClassDirective; inputs: {}; outputs: {}; }]>;
1515
+ static ngAcceptInputType_disabled: unknown;
1516
+ static ngAcceptInputType_headingLevel: unknown;
1517
+ static ngAcceptInputType_headingStyle: unknown;
1518
+ static ngAcceptInputType_required: unknown;
1519
+ static ngAcceptInputType_stacked: unknown;
1520
+ static ngAcceptInputType_headingHidden: unknown;
1521
+ }
1522
+
1523
+ /**
1524
+ * Specifies a label for the radio button. To display a help button beside the label, include a help button element,
1525
+ * such as `sky-help-inline`, in the `sky-radio-label` element and a `sky-control-help` CSS class on that help button
1526
+ * element.
1527
+ * @deprecated Use `labelText` input on `sky-radio-component` instead.
1528
+ */
1529
+ declare class SkyRadioLabelComponent {
1530
+ onClick(event: MouseEvent): void;
1531
+ constructor();
1532
+ static ɵfac: i0.ɵɵFactoryDeclaration<SkyRadioLabelComponent, never>;
1533
+ static ɵcmp: i0.ɵɵComponentDeclaration<SkyRadioLabelComponent, "sky-radio-label", never, {}, {}, never, ["*", ".sky-control-help"], false, never>;
1534
+ }
1535
+
1536
+ declare class SkyRadioModule {
1537
+ static ɵfac: i0.ɵɵFactoryDeclaration<SkyRadioModule, never>;
1538
+ static ɵmod: i0.ɵɵNgModuleDeclaration<SkyRadioModule, [typeof SkyRadioComponent, typeof SkyRadioGroupComponent, typeof SkyRadioLabelComponent], [typeof i4.CommonModule, typeof i4$1.FormsModule, typeof SkyFormErrorModule, typeof SkyFormErrorsModule, typeof i10.SkyHelpInlineModule, typeof i11.SkyIconModule, typeof i12.SkyIdModule, typeof SkyFormsResourcesModule, typeof i12.SkyTrimModule, typeof i1$1.SkyThemeModule], [typeof SkyFormErrorModule, typeof SkyRadioComponent, typeof SkyRadioGroupComponent, typeof SkyRadioLabelComponent]>;
1539
+ static ɵinj: i0.ɵɵInjectorDeclaration<SkyRadioModule>;
1540
+ }
1541
+
1542
+ /**
1543
+ * A host directive used to capture the "required" state of the host's form control.
1544
+ * @internal
1545
+ */
1546
+ declare class SkyRequiredStateDirective {
1547
+ #private;
1548
+ required: boolean;
1549
+ /**
1550
+ * Whether the `required` attribute is set to `true`, or the control includes
1551
+ * the `Validators.required` validator.
1552
+ */
1553
+ isRequired(): boolean;
1554
+ static ɵfac: i0.ɵɵFactoryDeclaration<SkyRequiredStateDirective, never>;
1555
+ static ɵdir: i0.ɵɵDirectiveDeclaration<SkyRequiredStateDirective, never, never, { "required": { "alias": "required"; "required": false; }; }, {}, never, never, true, never>;
1556
+ static ngAcceptInputType_required: unknown;
1557
+ }
1558
+
1559
+ /**
1560
+ * @internal
1561
+ */
1562
+ declare class SkySelectionBoxAdapterService {
1563
+ #private;
1564
+ constructor(coreAdapterService: SkyCoreAdapterService, rendererFactory: RendererFactory2);
1565
+ /**
1566
+ * Sets focus on the specified element.
1567
+ */
1568
+ focus(el: ElementRef): void;
1569
+ /**
1570
+ * Returns a child element with the `.sky-switch` class.
1571
+ * Useful for getting SKY UX-themed radio buttons or checkboxes.
1572
+ */
1573
+ getControl(el: ElementRef): HTMLElement;
1574
+ /**
1575
+ * Returns a breakpoint based on the width.
1576
+ * @param width Width of the element in pixels.
1577
+ */
1578
+ getBreakpointForWidth(width: number | undefined): SkyMediaBreakpoints;
1579
+ /**
1580
+ * Returns the width of the `parentNode` of the provided `element`.
1581
+ */
1582
+ getParentWidth(element: ElementRef): number | undefined;
1583
+ /**
1584
+ * Returns `true` if the `childEl` is a descendant of the `parentEl`.
1585
+ */
1586
+ isDescendant(parentEl: ElementRef, childEl: HTMLElement): boolean;
1587
+ /**
1588
+ * Sets the `tabIndex` of all focusable children of the `element` to the provided `tabIndex`.
1589
+ */
1590
+ setChildrenTabIndex(element: ElementRef, tabIndex: number): void;
1591
+ /**
1592
+ * Adds a responsive CSS class on the provided element based on its current width.
1593
+ */
1594
+ setResponsiveClass(element: ElementRef, breakpoint: SkyMediaBreakpoints): void;
1595
+ /**
1596
+ * Sets the `tabIndex` of the `element` to the provided `tabIndex`.
1597
+ */
1598
+ setTabIndex(element: ElementRef, tabIndex: number): void;
1599
+ static ɵfac: i0.ɵɵFactoryDeclaration<SkySelectionBoxAdapterService, never>;
1600
+ static ɵprov: i0.ɵɵInjectableDeclaration<SkySelectionBoxAdapterService>;
1601
+ }
1602
+
1603
+ /**
1604
+ * Creates a button to present users with a choice or question before proceeding with a one-time process.
1605
+ */
1606
+ declare class SkySelectionBoxComponent implements OnDestroy {
1607
+ #private;
1608
+ /**
1609
+ * The radio button or checkbox to display in the selection box.
1610
+ * @required
1611
+ */
1612
+ set control(value: SkyCheckboxComponent | SkyRadioComponent | undefined);
1613
+ get control(): SkyCheckboxComponent | SkyRadioComponent | undefined;
1614
+ set checked(value: boolean);
1615
+ get checked(): boolean;
1616
+ set disabled(value: boolean);
1617
+ get disabled(): boolean;
1618
+ controlEl: ElementRef | undefined;
1619
+ set selectionBoxEl(value: ElementRef | undefined);
1620
+ get selectionBoxEl(): ElementRef | undefined;
1621
+ constructor(changeDetector: ChangeDetectorRef, selectionBoxAdapterService: SkySelectionBoxAdapterService);
1622
+ ngOnDestroy(): void;
1623
+ onKeydown(event: KeyboardEvent): void;
1624
+ static ɵfac: i0.ɵɵFactoryDeclaration<SkySelectionBoxComponent, never>;
1625
+ static ɵcmp: i0.ɵɵComponentDeclaration<SkySelectionBoxComponent, "sky-selection-box", never, { "control": { "alias": "control"; "required": false; }; }, {}, never, ["sky-icon", "sky-selection-box-header", "sky-selection-box-description", "sky-radio", "sky-checkbox"], false, never>;
1626
+ }
1627
+
1628
+ /**
1629
+ * @internal
1630
+ */
1631
+ type SkySelectionBoxGridAlignItemsType = 'center' | 'left';
1632
+
1633
+ /**
1634
+ * Creates a grid layout for an array of selection boxes.
1635
+ */
1636
+ declare class SkySelectionBoxGridComponent implements OnDestroy, OnInit {
1637
+ #private;
1638
+ /**
1639
+ * @internal
1640
+ * How to display the selection boxes in the grid.
1641
+ * @default 'center'
1642
+ */
1643
+ set alignItems(value: SkySelectionBoxGridAlignItemsType | undefined);
1644
+ get alignItems(): SkySelectionBoxGridAlignItemsType;
1645
+ selectionBoxes: QueryList<SkySelectionBoxComponent> | undefined;
1646
+ set containerElementRef(value: ElementRef | undefined);
1647
+ get containerElementRef(): ElementRef | undefined;
1648
+ constructor(coreAdapterService: SkyCoreAdapterService, selectionBoxAdapter: SkySelectionBoxAdapterService, hostElRef: ElementRef, mutationObserverSvc: SkyMutationObserverService, ngZone: NgZone, themeSvc?: SkyThemeService);
1649
+ ngOnInit(): void;
1650
+ ngOnDestroy(): void;
1651
+ onWindowResize(): void;
1652
+ static ɵfac: i0.ɵɵFactoryDeclaration<SkySelectionBoxGridComponent, [null, null, null, null, null, { optional: true; }]>;
1653
+ static ɵcmp: i0.ɵɵComponentDeclaration<SkySelectionBoxGridComponent, "sky-selection-box-grid", never, { "alignItems": { "alias": "alignItems"; "required": false; }; }, {}, ["selectionBoxes"], ["sky-selection-box"], false, never>;
1654
+ }
1655
+
1656
+ /**
1657
+ * Specifies the description to display in a selection box.
1658
+ */
1659
+ declare class SkySelectionBoxDescriptionComponent {
1660
+ static ɵfac: i0.ɵɵFactoryDeclaration<SkySelectionBoxDescriptionComponent, never>;
1661
+ static ɵcmp: i0.ɵɵComponentDeclaration<SkySelectionBoxDescriptionComponent, "sky-selection-box-description", never, {}, {}, never, ["*"], false, never>;
1662
+ }
1663
+
1664
+ /**
1665
+ * Specifies the header to display in a selection box.
1666
+ */
1667
+ declare class SkySelectionBoxHeaderComponent {
1668
+ static ɵfac: i0.ɵɵFactoryDeclaration<SkySelectionBoxHeaderComponent, never>;
1669
+ static ɵcmp: i0.ɵɵComponentDeclaration<SkySelectionBoxHeaderComponent, "sky-selection-box-header", never, {}, {}, never, ["*"], false, never>;
1670
+ }
1671
+
1672
+ declare class SkySelectionBoxModule {
1673
+ static ɵfac: i0.ɵɵFactoryDeclaration<SkySelectionBoxModule, never>;
1674
+ static ɵmod: i0.ɵɵNgModuleDeclaration<SkySelectionBoxModule, [typeof SkySelectionBoxGridComponent, typeof SkySelectionBoxComponent, typeof SkySelectionBoxDescriptionComponent, typeof SkySelectionBoxHeaderComponent], [typeof i4.CommonModule, typeof i1$1.SkyThemeModule], [typeof SkySelectionBoxGridComponent, typeof SkySelectionBoxComponent, typeof SkySelectionBoxDescriptionComponent, typeof SkySelectionBoxHeaderComponent]>;
1675
+ static ɵinj: i0.ɵɵInjectorDeclaration<SkySelectionBoxModule>;
1676
+ }
1677
+
1678
+ /**
1679
+ * @internal
1680
+ * @deprecated Use `SkySelectionBoxGridAlignItemsType` instead.
1681
+ */
1682
+ declare const enum SkySelectionBoxGridAlignItems {
1683
+ /**
1684
+ * Center-aligns the selection boxes.
1685
+ */
1686
+ Center = "center",
1687
+ /**
1688
+ * Left-aligns the selection boxes.
1689
+ */
1690
+ Left = "left"
1691
+ }
1692
+
1693
+ /**
1694
+ * Specifies the label to display beside the toggle switch. To display a help button beside the label, include a help
1695
+ * button element, such as `sky-help-inline`, in the `sky-toggle-switch` element and a `sky-control-help` CSS class on
1696
+ * that help button element.
1697
+ * @deprecated Use the `labelText` input on the toggle switch component instead.
1698
+ */
1699
+ declare class SkyToggleSwitchLabelComponent {
1700
+ constructor();
1701
+ static ɵfac: i0.ɵɵFactoryDeclaration<SkyToggleSwitchLabelComponent, never>;
1702
+ static ɵcmp: i0.ɵɵComponentDeclaration<SkyToggleSwitchLabelComponent, "sky-toggle-switch-label", never, {}, {}, never, ["*"], false, never>;
1703
+ }
1704
+
1705
+ /**
1706
+ * Indicates whether the toggle switch is selected.
1707
+ */
1708
+ interface SkyToggleSwitchChange {
1709
+ checked: boolean;
1710
+ }
1711
+
1712
+ declare class SkyToggleSwitchComponent implements AfterContentInit, OnDestroy, ControlValueAccessor, Validator {
1713
+ #private;
1714
+ /**
1715
+ * The ARIA label for the toggle switch. This sets the `aria-label`
1716
+ * attribute to provide a text equivalent for screen readers [to support accessibility](https://developer.blackbaud.com/skyux/learn/accessibility).
1717
+ * Use a context-sensitive label, such as "Activate annual fundraiser" for a toggle switch that activates and deactivates an annual fundraiser. Context is especially important if multiple toggle switches are in close proximity.
1718
+ * When the `sky-toggle-switch-label` component displays a visible label, this property is only necessary if that label requires extra context.
1719
+ * For more information about the `aria-label` attribute, see the [WAI-ARIA definition](https://www.w3.org/TR/wai-aria/#aria-label).
1720
+ * @deprecated Use the `labelText` input instead.
1721
+ */
1722
+ set ariaLabel(value: string | undefined);
1723
+ get ariaLabel(): string | undefined;
1724
+ /**
1725
+ * Whether the toggle switch is selected.
1726
+ * @default false
1727
+ */
1728
+ set checked(value: boolean | undefined);
1729
+ get checked(): boolean;
1730
+ /**
1731
+ * Whether to disable the toggle switch on template-driven forms. Don't use this input on reactive forms because they may overwrite the input or leave the control out of sync.
1732
+ * To set the disabled state on reactive forms, use the `FormControl` instead.
1733
+ */
1734
+ disabled: boolean | undefined;
1735
+ /**
1736
+ * The content of the help popover. When specified along with `labelText`, a [help inline](https://developer.blackbaud.com/skyux/components/help-inline)
1737
+ * button is added to the toggle switch. The help inline button displays a [popover](https://developer.blackbaud.com/skyux/components/popover)
1738
+ * when clicked using the specified content and optional title. This property only applies when `labelText` is also specified.
1739
+ */
1740
+ helpPopoverContent: string | TemplateRef<unknown> | undefined;
1741
+ /**
1742
+ * The title of the help popover. This property only applies when `helpPopoverContent` is
1743
+ * also specified.
1744
+ */
1745
+ helpPopoverTitle: string | undefined;
1746
+ /**
1747
+ * The tab index for the toggle switch. If not defined, the index is set to the position
1748
+ * of the toggle switch on load.
1749
+ */
1750
+ tabIndex: number | undefined;
1751
+ /**
1752
+ * The text to display as the toggle switch's label.
1753
+ */
1754
+ labelText: string | undefined;
1755
+ /**
1756
+ * Whether to hide `labelText` from view.
1757
+ */
1758
+ labelHidden: boolean;
1759
+ /**
1760
+ * A help key that identifies the global help content to display. When specified along with `labelText`, a [help inline](https://developer.blackbaud.com/skyux/components/help-inline)
1761
+ * button is placed beside the toggle switch label. Clicking the button invokes [global help](https://developer.blackbaud.com/skyux/learn/develop/global-help)
1762
+ * as configured by the application. This property only applies when `labelText` is also specified.
1763
+ */
1764
+ helpKey: string | undefined;
1765
+ /**
1766
+ * Fires when the checked state of a toggle switch changes.
1767
+ */
1768
+ toggleChange: EventEmitter<SkyToggleSwitchChange>;
1769
+ hasLabelComponent: boolean;
1770
+ labelId: string;
1771
+ enableIndicatorAnimation: boolean;
1772
+ labelComponents: QueryList<SkyToggleSwitchLabelComponent> | undefined;
1773
+ constructor(changeDetector: ChangeDetectorRef, idService: SkyIdService);
1774
+ ngAfterContentInit(): void;
1775
+ ngOnDestroy(): void;
1776
+ writeValue(value: boolean): void;
1777
+ validate(control: AbstractControl): ValidationErrors | null;
1778
+ registerOnChange(fn: (value: any) => void): void;
1779
+ registerOnTouched(fn: any): void;
1780
+ setDisabledState(disabled: boolean): void;
1781
+ onButtonClick(event: any): void;
1782
+ onButtonBlur(): void;
1783
+ static ɵfac: i0.ɵɵFactoryDeclaration<SkyToggleSwitchComponent, never>;
1784
+ static ɵcmp: i0.ɵɵComponentDeclaration<SkyToggleSwitchComponent, "sky-toggle-switch", never, { "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "checked": { "alias": "checked"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "helpPopoverContent": { "alias": "helpPopoverContent"; "required": false; }; "helpPopoverTitle": { "alias": "helpPopoverTitle"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "labelText": { "alias": "labelText"; "required": false; }; "labelHidden": { "alias": "labelHidden"; "required": false; }; "helpKey": { "alias": "helpKey"; "required": false; }; }, { "toggleChange": "toggleChange"; }, ["labelComponents"], ["sky-toggle-switch-label", ".sky-control-help"], false, never>;
1785
+ static ngAcceptInputType_labelHidden: unknown;
1786
+ }
1787
+
1788
+ declare class SkyToggleSwitchModule {
1789
+ static ɵfac: i0.ɵɵFactoryDeclaration<SkyToggleSwitchModule, never>;
1790
+ static ɵmod: i0.ɵɵNgModuleDeclaration<SkyToggleSwitchModule, [typeof SkyToggleSwitchLabelComponent, typeof SkyToggleSwitchComponent], [typeof i4.CommonModule, typeof i4$1.FormsModule, typeof i10.SkyHelpInlineModule, typeof i12.SkyIdModule, typeof i12.SkyTrimModule], [typeof SkyToggleSwitchLabelComponent, typeof SkyToggleSwitchComponent]>;
1791
+ static ɵinj: i0.ɵɵInjectorDeclaration<SkyToggleSwitchModule>;
1792
+ }
1793
+
1794
+ /**
1795
+ * @internal
1796
+ */
1797
+ declare const SKY_FORM_ERRORS_ENABLED: InjectionToken<boolean>;
1798
+
1799
+ export { SKY_FORM_ERRORS_ENABLED, SkyCharacterCounterModule, SkyCheckboxModule, SkyFieldGroupModule, SkyFileAttachmentModule, SkyFileAttachmentsModule, SkyFileDropModule, SkyFileSizePipe, SkyFormErrorModule, SkyFormErrorsModule, SkyInputBoxHostService, SkyInputBoxModule, SkyRadioModule, SkyRequiredStateDirective, SkySelectionBoxGridAlignItems, SkySelectionBoxModule, SkyToggleSwitchModule, SkyCharacterCounterIndicatorComponent as λ1, SkyInputBoxComponent as λ10, SkyRadioGroupComponent as λ11, SkyRadioLabelComponent as λ12, SkyRadioComponent as λ13, SkySelectionBoxDescriptionComponent as λ14, SkySelectionBoxGridComponent as λ15, SkySelectionBoxHeaderComponent as λ16, SkySelectionBoxComponent as λ17, SkyToggleSwitchLabelComponent as λ18, SkyToggleSwitchComponent as λ19, SkyCharacterCounterInputDirective as λ2, SkyInputBoxControlDirective as λ20, SkyFormErrorsComponent as λ21, SkyFormErrorComponent as λ22, SkyCharacterCounterScreenReaderPipe as λ23, SkyCheckboxGroupComponent as λ24, SkyFieldGroupComponent as λ25, SkyInputBoxHintTextPipe as λ26, SkyCheckboxComponent as λ3, SkyCheckboxLabelComponent as λ4, SkyFileAttachmentLabelComponent as λ6, SkyFileAttachmentComponent as λ7, SkyFileDropComponent as λ8, SkyFileItemComponent as λ9 };
1800
+ export type { SkyCheckboxChange, SkyCheckboxGroupHeadingLevel, SkyCheckboxGroupHeadingStyle, SkyFieldGroupHeadingLevel, SkyFieldGroupHeadingStyle, SkyFileAttachmentChange, SkyFileAttachmentClick, SkyFileDropChange, SkyFileItem, SkyFileItemErrorType, SkyFileLink, SkyFileValidateFn, SkyInputBoxPopulateArgs, SkyRadioChange, SkyRadioGroupHeadingLevel, SkyRadioGroupHeadingStyle, SkyRadioType, SkySelectionBoxGridAlignItemsType, SkyToggleSwitchChange };