@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.
- package/fesm2022/skyux-forms-testing.mjs.map +1 -1
- package/fesm2022/skyux-forms.mjs +159 -159
- package/fesm2022/skyux-forms.mjs.map +1 -1
- package/index.d.ts +1800 -61
- package/package.json +14 -14
- package/testing/index.d.ts +1117 -3
- package/lib/modules/character-counter/character-counter-indicator.component.d.ts +0 -12
- package/lib/modules/character-counter/character-counter-screen-reader.pipe.d.ts +0 -8
- package/lib/modules/character-counter/character-counter.directive.d.ts +0 -29
- package/lib/modules/character-counter/character-counter.module.d.ts +0 -12
- package/lib/modules/checkbox/checkbox-change.d.ts +0 -9
- package/lib/modules/checkbox/checkbox-group-heading-level.d.ts +0 -1
- package/lib/modules/checkbox/checkbox-group-heading-style.d.ts +0 -1
- package/lib/modules/checkbox/checkbox-group.component.d.ts +0 -76
- package/lib/modules/checkbox/checkbox-label-text-label.component.d.ts +0 -12
- package/lib/modules/checkbox/checkbox-label.component.d.ts +0 -11
- package/lib/modules/checkbox/checkbox.component.d.ts +0 -195
- package/lib/modules/checkbox/checkbox.module.d.ts +0 -19
- package/lib/modules/field-group/field-group-heading-level.d.ts +0 -1
- package/lib/modules/field-group/field-group-heading-style.d.ts +0 -1
- package/lib/modules/field-group/field-group.component.d.ts +0 -61
- package/lib/modules/field-group/field-group.module.d.ts +0 -7
- package/lib/modules/file-attachment/file-attachment/file-attachment-change.d.ts +0 -7
- package/lib/modules/file-attachment/file-attachment/file-attachment-click.d.ts +0 -7
- package/lib/modules/file-attachment/file-attachment/file-attachment-join-ids.pipe.d.ts +0 -11
- package/lib/modules/file-attachment/file-attachment/file-attachment-label.component.d.ts +0 -17
- package/lib/modules/file-attachment/file-attachment/file-attachment.component.d.ts +0 -153
- package/lib/modules/file-attachment/file-attachment/file-attachment.module.d.ts +0 -9
- package/lib/modules/file-attachment/file-attachment/file-attachment.service.d.ts +0 -17
- package/lib/modules/file-attachment/file-attachments.module.d.ts +0 -11
- package/lib/modules/file-attachment/file-drop/file-drop-change.d.ts +0 -11
- package/lib/modules/file-attachment/file-drop/file-drop.component.d.ts +0 -162
- package/lib/modules/file-attachment/file-drop/file-drop.module.d.ts +0 -9
- package/lib/modules/file-attachment/file-drop/file-item.component.d.ts +0 -33
- package/lib/modules/file-attachment/file-drop/file-link.d.ts +0 -6
- package/lib/modules/file-attachment/shared/file-item-error-type.d.ts +0 -4
- package/lib/modules/file-attachment/shared/file-item.d.ts +0 -20
- package/lib/modules/file-attachment/shared/file-item.service.d.ts +0 -13
- package/lib/modules/file-attachment/shared/file-size.pipe.d.ts +0 -13
- package/lib/modules/file-attachment/shared/file-validate-function.d.ts +0 -5
- package/lib/modules/form-error/form-error.component.d.ts +0 -25
- package/lib/modules/form-error/form-error.module.d.ts +0 -7
- package/lib/modules/form-error/form-errors-enabled-token.d.ts +0 -5
- package/lib/modules/form-error/form-errors.component.d.ts +0 -30
- package/lib/modules/form-error/form-errors.module.d.ts +0 -11
- package/lib/modules/input-box/input-box-adapter.service.d.ts +0 -28
- package/lib/modules/input-box/input-box-control.directive.d.ts +0 -11
- package/lib/modules/input-box/input-box-hint-text.pipe.d.ts +0 -10
- package/lib/modules/input-box/input-box-host.service.d.ts +0 -40
- package/lib/modules/input-box/input-box-populate-args.d.ts +0 -12
- package/lib/modules/input-box/input-box.component.d.ts +0 -118
- package/lib/modules/input-box/input-box.module.d.ts +0 -16
- package/lib/modules/radio/radio-group-id.service.d.ts +0 -24
- package/lib/modules/radio/radio-group.component.d.ts +0 -157
- package/lib/modules/radio/radio-label.component.d.ts +0 -13
- package/lib/modules/radio/radio.component.d.ts +0 -169
- package/lib/modules/radio/radio.module.d.ts +0 -18
- package/lib/modules/radio/types/radio-change.d.ts +0 -9
- package/lib/modules/radio/types/radio-group-heading-level.d.ts +0 -1
- package/lib/modules/radio/types/radio-group-heading-style.d.ts +0 -1
- package/lib/modules/radio/types/radio-type.d.ts +0 -4
- package/lib/modules/required-state/required-state.directive.d.ts +0 -17
- package/lib/modules/selection-box/selection-box-adapter.service.d.ts +0 -46
- package/lib/modules/selection-box/selection-box-description.component.d.ts +0 -8
- package/lib/modules/selection-box/selection-box-grid.component.d.ts +0 -29
- package/lib/modules/selection-box/selection-box-header.component.d.ts +0 -8
- package/lib/modules/selection-box/selection-box.component.d.ts +0 -29
- package/lib/modules/selection-box/selection-box.module.d.ts +0 -12
- package/lib/modules/selection-box/types/selection-box-grid-align-items-type.d.ts +0 -4
- package/lib/modules/selection-box/types/selection-box-grid-align-items.d.ts +0 -14
- package/lib/modules/shared/sky-forms-resources.module.d.ts +0 -10
- package/lib/modules/toggle-switch/toggle-switch-label.component.d.ts +0 -12
- package/lib/modules/toggle-switch/toggle-switch.component.d.ts +0 -81
- package/lib/modules/toggle-switch/toggle-switch.module.d.ts +0 -12
- package/lib/modules/toggle-switch/types/toggle-switch-change.d.ts +0 -6
- package/testing/legacy/checkbox-fixture.d.ts +0 -38
- package/testing/legacy/radio-fixture.d.ts +0 -26
- package/testing/modules/character-counter/character-counter-indicator-harness-filters.d.ts +0 -6
- package/testing/modules/character-counter/character-counter-indicator-harness.d.ts +0 -31
- package/testing/modules/checkbox/checkbox-group-harness-filters.d.ts +0 -6
- package/testing/modules/checkbox/checkbox-group-harness.d.ts +0 -73
- package/testing/modules/checkbox/checkbox-harness-filters.d.ts +0 -6
- package/testing/modules/checkbox/checkbox-harness.d.ts +0 -103
- package/testing/modules/checkbox/checkbox-label-harness.d.ts +0 -16
- package/testing/modules/checkbox/checkbox-label-text-label.harness.d.ts +0 -16
- package/testing/modules/field-group/field-group-harness-filters.d.ts +0 -6
- package/testing/modules/field-group/field-group-harness.d.ts +0 -56
- package/testing/modules/file-attachment/file-attachment/file-attachment-harness-filters.d.ts +0 -6
- package/testing/modules/file-attachment/file-attachment/file-attachment-harness.d.ts +0 -101
- package/testing/modules/file-attachment/file-drop/file-drop-harness-filters.d.ts +0 -6
- package/testing/modules/file-attachment/file-drop/file-drop-harness.d.ts +0 -124
- package/testing/modules/file-attachment/file-drop/file-drop-link-upload-harness.d.ts +0 -28
- package/testing/modules/file-attachment/file-drop/file-drop-link-upload-input-harness.d.ts +0 -14
- package/testing/modules/file-attachment/file-drop/file-item-harness-filters.d.ts +0 -10
- package/testing/modules/file-attachment/file-drop/file-item-harness.d.ts +0 -28
- package/testing/modules/file-attachment/shared/provide-file-attachment-testing.d.ts +0 -11
- package/testing/modules/form-error/form-error-harness.d.ts +0 -23
- package/testing/modules/form-error/form-error-harness.filters.d.ts +0 -6
- package/testing/modules/form-error/form-errors-harness.d.ts +0 -24
- package/testing/modules/form-error/form-errors-harness.filters.d.ts +0 -6
- package/testing/modules/input-box/input-box-harness-filters.d.ts +0 -6
- package/testing/modules/input-box/input-box-harness.d.ts +0 -108
- package/testing/modules/radio/radio-group-harness-filters.d.ts +0 -6
- package/testing/modules/radio/radio-group-harness.d.ts +0 -69
- package/testing/modules/radio/radio-harness-filters.d.ts +0 -6
- package/testing/modules/radio/radio-harness.d.ts +0 -79
- package/testing/modules/radio/radio-label-harness.d.ts +0 -16
- package/testing/modules/selection-box/selection-box-description-harness.d.ts +0 -15
- package/testing/modules/selection-box/selection-box-grid-harness-filters.d.ts +0 -6
- package/testing/modules/selection-box/selection-box-grid-harness.d.ts +0 -27
- package/testing/modules/selection-box/selection-box-harness-filters.d.ts +0 -6
- package/testing/modules/selection-box/selection-box-harness.d.ts +0 -36
- package/testing/modules/selection-box/selection-box-header-harness.d.ts +0 -15
- package/testing/modules/toggle-switch/toggle-switch-harness-filters.d.ts +0 -6
- package/testing/modules/toggle-switch/toggle-switch-harness.d.ts +0 -67
- package/testing/modules/toggle-switch/toggle-switch-label-harness.d.ts +0 -16
- package/testing/public-api.d.ts +0 -35
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import { ChangeDetectorRef } from '@angular/core';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
export declare class SkyCharacterCounterIndicatorComponent {
|
|
4
|
-
#private;
|
|
5
|
-
constructor(changeDetector: ChangeDetectorRef);
|
|
6
|
-
get characterCount(): number;
|
|
7
|
-
set characterCount(count: number);
|
|
8
|
-
get characterCountLimit(): number;
|
|
9
|
-
set characterCountLimit(limit: number);
|
|
10
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<SkyCharacterCounterIndicatorComponent, never>;
|
|
11
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<SkyCharacterCounterIndicatorComponent, "sky-character-counter-indicator", never, { "characterCount": { "alias": "characterCount"; "required": false; }; "characterCountLimit": { "alias": "characterCountLimit"; "required": false; }; }, {}, never, never, false, never>;
|
|
12
|
-
}
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import { PipeTransform } from '@angular/core';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
export declare class SkyCharacterCounterScreenReaderPipe implements PipeTransform {
|
|
4
|
-
#private;
|
|
5
|
-
transform(characterCount: number | undefined, characterCountLimit: number | undefined): string;
|
|
6
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<SkyCharacterCounterScreenReaderPipe, never>;
|
|
7
|
-
static ɵpipe: i0.ɵɵPipeDeclaration<SkyCharacterCounterScreenReaderPipe, "skyCharacterCounterScreenReader", true>;
|
|
8
|
-
}
|
|
@@ -1,29 +0,0 @@
|
|
|
1
|
-
import { AbstractControl, ValidationErrors, Validator } from '@angular/forms';
|
|
2
|
-
import { SkyCharacterCounterIndicatorComponent } from './character-counter-indicator.component';
|
|
3
|
-
import * as i0 from "@angular/core";
|
|
4
|
-
/**
|
|
5
|
-
* Creates an input field that validates the number of characters. Place this directive on
|
|
6
|
-
* an `input` or `textarea` element. If users enter more characters than allowed, then the
|
|
7
|
-
* input field is invalid and the component displays an error indicator.
|
|
8
|
-
* @required
|
|
9
|
-
*/
|
|
10
|
-
export declare class SkyCharacterCounterInputDirective implements Validator {
|
|
11
|
-
#private;
|
|
12
|
-
/**
|
|
13
|
-
* The character count indicator component that displays the character count,
|
|
14
|
-
* character limit, and over-the-limit indicator. Place this directive on an `input` or
|
|
15
|
-
* `textarea` element.
|
|
16
|
-
*/
|
|
17
|
-
get skyCharacterCounterIndicator(): SkyCharacterCounterIndicatorComponent | undefined;
|
|
18
|
-
set skyCharacterCounterIndicator(value: SkyCharacterCounterIndicatorComponent | undefined);
|
|
19
|
-
/**
|
|
20
|
-
* The maximum number of characters allowed in the input field. Place this directive
|
|
21
|
-
* on an `input` or `textarea` element. This property accepts `number` values.
|
|
22
|
-
* @required
|
|
23
|
-
*/
|
|
24
|
-
set skyCharacterCounterLimit(value: number | undefined);
|
|
25
|
-
validate(control: AbstractControl): ValidationErrors | null;
|
|
26
|
-
registerOnValidatorChange(fn: () => void): void;
|
|
27
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<SkyCharacterCounterInputDirective, never>;
|
|
28
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<SkyCharacterCounterInputDirective, "[skyCharacterCounter]", never, { "skyCharacterCounterIndicator": { "alias": "skyCharacterCounterIndicator"; "required": false; }; "skyCharacterCounterLimit": { "alias": "skyCharacterCounterLimit"; "required": false; }; }, {}, never, never, false, never>;
|
|
29
|
-
}
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import * as i0 from "@angular/core";
|
|
2
|
-
import * as i1 from "./character-counter.directive";
|
|
3
|
-
import * as i2 from "./character-counter-indicator.component";
|
|
4
|
-
import * as i3 from "@angular/common";
|
|
5
|
-
import * as i4 from "@angular/forms";
|
|
6
|
-
import * as i5 from "./character-counter-screen-reader.pipe";
|
|
7
|
-
import * as i6 from "../shared/sky-forms-resources.module";
|
|
8
|
-
export declare class SkyCharacterCounterModule {
|
|
9
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<SkyCharacterCounterModule, never>;
|
|
10
|
-
static ɵmod: i0.ɵɵNgModuleDeclaration<SkyCharacterCounterModule, [typeof i1.SkyCharacterCounterInputDirective, typeof i2.SkyCharacterCounterIndicatorComponent], [typeof i3.CommonModule, typeof i4.FormsModule, typeof i4.ReactiveFormsModule, typeof i5.SkyCharacterCounterScreenReaderPipe, typeof i6.SkyFormsResourcesModule], [typeof i1.SkyCharacterCounterInputDirective, typeof i2.SkyCharacterCounterIndicatorComponent]>;
|
|
11
|
-
static ɵinj: i0.ɵɵInjectorDeclaration<SkyCharacterCounterModule>;
|
|
12
|
-
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export type SkyCheckboxGroupHeadingLevel = 3 | 4 | 5;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export type SkyCheckboxGroupHeadingStyle = 3 | 4 | 5;
|
|
@@ -1,76 +0,0 @@
|
|
|
1
|
-
import { TemplateRef } from '@angular/core';
|
|
2
|
-
import { FormGroup, ValidationErrors, Validator } from '@angular/forms';
|
|
3
|
-
import { SkyCheckboxGroupHeadingLevel } from './checkbox-group-heading-level';
|
|
4
|
-
import { SkyCheckboxGroupHeadingStyle } from './checkbox-group-heading-style';
|
|
5
|
-
import * as i0 from "@angular/core";
|
|
6
|
-
import * as i1 from "@skyux/theme";
|
|
7
|
-
/**
|
|
8
|
-
* Organizes checkboxes into a group.
|
|
9
|
-
*/
|
|
10
|
-
export declare class SkyCheckboxGroupComponent implements Validator {
|
|
11
|
-
#private;
|
|
12
|
-
/**
|
|
13
|
-
* The content of the help popover. When specified along with `headingText`, a [help inline](https://developer.blackbaud.com/skyux/components/help-inline)
|
|
14
|
-
* button is added to the checkbox group fieldset legend. The help inline button displays a [popover](https://developer.blackbaud.com/skyux/components/popover)
|
|
15
|
-
* when clicked using the specified content and optional title. This property only applies when `headingText` is also specified.
|
|
16
|
-
*/
|
|
17
|
-
helpPopoverContent: string | TemplateRef<unknown> | undefined;
|
|
18
|
-
/**
|
|
19
|
-
* The title of the help popover. This property only applies when `helpPopoverContent` is
|
|
20
|
-
* also specified.
|
|
21
|
-
*/
|
|
22
|
-
helpPopoverTitle: string | undefined;
|
|
23
|
-
/**
|
|
24
|
-
* The text to display as the checkbox group's heading.
|
|
25
|
-
*/
|
|
26
|
-
headingText: string;
|
|
27
|
-
/**
|
|
28
|
-
* Indicates whether to hide the `headingText`.
|
|
29
|
-
*/
|
|
30
|
-
headingHidden: boolean;
|
|
31
|
-
/**
|
|
32
|
-
* The semantic heading level in the document structure. By default, the heading text is not wrapped in a heading element.
|
|
33
|
-
*/
|
|
34
|
-
set headingLevel(value: SkyCheckboxGroupHeadingLevel | undefined);
|
|
35
|
-
get headingLevel(): SkyCheckboxGroupHeadingLevel | undefined;
|
|
36
|
-
/**
|
|
37
|
-
* The heading [font style](https://developer.blackbaud.com/skyux/design/styles/typography#headings).
|
|
38
|
-
* @default 4
|
|
39
|
-
*/
|
|
40
|
-
set headingStyle(value: SkyCheckboxGroupHeadingStyle);
|
|
41
|
-
/**
|
|
42
|
-
* [Persistent inline help text](https://developer.blackbaud.com/skyux/design/guidelines/user-assistance#inline-help) that provides
|
|
43
|
-
* additional context to the user.
|
|
44
|
-
*/
|
|
45
|
-
hintText: string | undefined;
|
|
46
|
-
/**
|
|
47
|
-
* Whether the checkbox group is required.
|
|
48
|
-
*/
|
|
49
|
-
required: boolean;
|
|
50
|
-
/**
|
|
51
|
-
* Whether the checkbox group is stacked on another form component. When specified, the appropriate
|
|
52
|
-
* vertical spacing is automatically added to the checkbox group.
|
|
53
|
-
*/
|
|
54
|
-
set stacked(value: boolean);
|
|
55
|
-
get stacked(): boolean;
|
|
56
|
-
/**
|
|
57
|
-
* 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)
|
|
58
|
-
* button is placed beside the checkbox group heading. Clicking the button invokes [global help](https://developer.blackbaud.com/skyux/learn/develop/global-help)
|
|
59
|
-
* as configured by the application. This property only applies when `headingText` is also specified.
|
|
60
|
-
*/
|
|
61
|
-
helpKey: string | undefined;
|
|
62
|
-
stackedLg: boolean;
|
|
63
|
-
stackedXL: boolean;
|
|
64
|
-
protected errorId: string;
|
|
65
|
-
protected headingClass: string;
|
|
66
|
-
protected formErrorsDataId: string;
|
|
67
|
-
protected formGroup: FormGroup | null | undefined;
|
|
68
|
-
validate(formGroup: FormGroup): ValidationErrors | null;
|
|
69
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<SkyCheckboxGroupComponent, never>;
|
|
70
|
-
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.SkyThemeComponentClassDirective; inputs: {}; outputs: {}; }]>;
|
|
71
|
-
static ngAcceptInputType_headingHidden: unknown;
|
|
72
|
-
static ngAcceptInputType_headingLevel: unknown;
|
|
73
|
-
static ngAcceptInputType_headingStyle: unknown;
|
|
74
|
-
static ngAcceptInputType_required: unknown;
|
|
75
|
-
static ngAcceptInputType_stacked: unknown;
|
|
76
|
-
}
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import * as i0 from "@angular/core";
|
|
2
|
-
/**
|
|
3
|
-
@internal
|
|
4
|
-
*/
|
|
5
|
-
export declare class SkyCheckboxLabelTextLabelComponent {
|
|
6
|
-
#private;
|
|
7
|
-
labelHidden: boolean;
|
|
8
|
-
set labelText(value: string);
|
|
9
|
-
get labelText(): string;
|
|
10
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<SkyCheckboxLabelTextLabelComponent, never>;
|
|
11
|
-
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>;
|
|
12
|
-
}
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import * as i0 from "@angular/core";
|
|
2
|
-
/**
|
|
3
|
-
* Specifies a label for the checkbox. To display a help button beside the label, include a help button element, such as
|
|
4
|
-
* `sky-help-inline`, in the `sky-checkbox-label` element and a `sky-control-help` CSS class on that help button
|
|
5
|
-
* element.
|
|
6
|
-
* @deprecated Use `labelText` input on `sky-checkbox-component` instead.
|
|
7
|
-
*/
|
|
8
|
-
export declare class SkyCheckboxLabelComponent {
|
|
9
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<SkyCheckboxLabelComponent, never>;
|
|
10
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<SkyCheckboxLabelComponent, "sky-checkbox-label", never, {}, {}, never, ["*", ".sky-control-help"], false, never>;
|
|
11
|
-
}
|
|
@@ -1,195 +0,0 @@
|
|
|
1
|
-
import { AfterViewInit, ElementRef, EventEmitter, TemplateRef } from '@angular/core';
|
|
2
|
-
import { AbstractControl, ControlValueAccessor, ValidationErrors, Validator } from '@angular/forms';
|
|
3
|
-
import { Observable } from 'rxjs';
|
|
4
|
-
import { SkyCheckboxChange } from './checkbox-change';
|
|
5
|
-
import * as i0 from "@angular/core";
|
|
6
|
-
import * as i1 from "@skyux/theme";
|
|
7
|
-
/**
|
|
8
|
-
* Replaces the HTML input element with `type="checkbox"`. When users select a checkbox, its value
|
|
9
|
-
* is driven through an `ngModel` attribute that you specify on the `sky-checkbox` element.
|
|
10
|
-
*/
|
|
11
|
-
export declare class SkyCheckboxComponent implements AfterViewInit, ControlValueAccessor, Validator {
|
|
12
|
-
#private;
|
|
13
|
-
/**
|
|
14
|
-
* The ARIA label for the checkbox. This sets the checkbox's `aria-label` attribute
|
|
15
|
-
* [to support accessibility](https://developer.blackbaud.com/skyux/components/checkbox#accessibility)
|
|
16
|
-
* when the checkbox does not include a visible label. You must set this property for icon
|
|
17
|
-
* checkboxes. If the checkbox includes a visible label, use `labelledBy` instead.
|
|
18
|
-
* @deprecated Use `labelText` instead.
|
|
19
|
-
*/
|
|
20
|
-
set label(value: string | undefined);
|
|
21
|
-
get label(): string | undefined;
|
|
22
|
-
/**
|
|
23
|
-
* The HTML element ID of the element that labels the
|
|
24
|
-
* checkbox. This sets the checkbox's `aria-labelledby` attribute
|
|
25
|
-
* [to support accessibility](https://developer.blackbaud.com/skyux/components/checkbox#accessibility).
|
|
26
|
-
* If the checkbox does not include a visible label, use `label` instead.
|
|
27
|
-
* @deprecated Use `labelText` instead.
|
|
28
|
-
*/
|
|
29
|
-
set labelledBy(value: string | undefined);
|
|
30
|
-
get labelledBy(): string | undefined;
|
|
31
|
-
/**
|
|
32
|
-
* The ID for the checkbox.
|
|
33
|
-
* If a value is not provided, an autogenerated ID is used.
|
|
34
|
-
*/
|
|
35
|
-
set id(value: string | undefined);
|
|
36
|
-
/**
|
|
37
|
-
* 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.
|
|
38
|
-
* To set the disabled state on reactive forms, use the `FormControl` instead.
|
|
39
|
-
* @default false
|
|
40
|
-
*/
|
|
41
|
-
set disabled(value: boolean);
|
|
42
|
-
/**
|
|
43
|
-
* Whether the checkbox is disabled.
|
|
44
|
-
*/
|
|
45
|
-
get disabled(): boolean;
|
|
46
|
-
/**
|
|
47
|
-
* The index for the checkbox. If not defined, the index is set to the position of the
|
|
48
|
-
* checkbox on load.
|
|
49
|
-
*/
|
|
50
|
-
tabindex: number | undefined;
|
|
51
|
-
/**
|
|
52
|
-
* The name for the checkbox.
|
|
53
|
-
* If a value is not provided, an autogenerated ID is used.
|
|
54
|
-
*/
|
|
55
|
-
set name(value: string | undefined);
|
|
56
|
-
get name(): string;
|
|
57
|
-
/**
|
|
58
|
-
* The content of the help popover. When specified along with `labelText`, a [help inline](https://developer.blackbaud.com/skyux/components/help-inline)
|
|
59
|
-
* button is added to the checkbox label. The help inline button displays a [popover](https://developer.blackbaud.com/skyux/components/popover)
|
|
60
|
-
* when clicked using the specified content and optional title. This property only applies when `labelText` is also specified.
|
|
61
|
-
*/
|
|
62
|
-
helpPopoverContent: string | TemplateRef<unknown> | undefined;
|
|
63
|
-
/**
|
|
64
|
-
* The title of the help popover. This property only applies when `helpPopoverContent` is
|
|
65
|
-
* also specified.
|
|
66
|
-
*/
|
|
67
|
-
helpPopoverTitle: string | undefined;
|
|
68
|
-
/**
|
|
69
|
-
* Fires when the selected value changes.
|
|
70
|
-
*/
|
|
71
|
-
change: EventEmitter<SkyCheckboxChange>;
|
|
72
|
-
/**
|
|
73
|
-
* The icon to display in place of the checkbox. To group icon checkboxes
|
|
74
|
-
* like in the demo, place the checkboxes within a `sky-checkbox-group`.
|
|
75
|
-
* @deprecated Use `iconName` instead.
|
|
76
|
-
*/
|
|
77
|
-
icon: string | undefined;
|
|
78
|
-
/**
|
|
79
|
-
* The SVG icon to display in place of the checkbox. To group icon checkboxes
|
|
80
|
-
* like in the demo, place the checkboxes within a `sky-checkbox-group`.
|
|
81
|
-
*/
|
|
82
|
-
iconName: string | undefined;
|
|
83
|
-
/**
|
|
84
|
-
* The background color type after users select a checkbox where the
|
|
85
|
-
* `icon` property displays an icon in place of the checkbox. The valid options correspond to
|
|
86
|
-
* [the label component's](https://developer.blackbaud.com/skyux/components/label)
|
|
87
|
-
* label types. `"info"` creates a blue background, `"success"` creates a green
|
|
88
|
-
* background, `"warning"` creates an orange background, and `"danger"` creates a red background.
|
|
89
|
-
* @default "info"
|
|
90
|
-
* @deprecated The `checkboxType` input is no longer supported.
|
|
91
|
-
*/
|
|
92
|
-
set checkboxType(value: string | undefined);
|
|
93
|
-
get checkboxType(): string;
|
|
94
|
-
/**
|
|
95
|
-
* Whether the checkbox is selected.
|
|
96
|
-
* @default false
|
|
97
|
-
*/
|
|
98
|
-
set checked(value: boolean | undefined);
|
|
99
|
-
/**
|
|
100
|
-
* Whether the checkbox is selected.
|
|
101
|
-
*/
|
|
102
|
-
get checked(): boolean;
|
|
103
|
-
/**
|
|
104
|
-
* Whether the checkbox is in the indeterminate state. This has no visual effect for icon checkboxes.
|
|
105
|
-
* @internal
|
|
106
|
-
*/
|
|
107
|
-
set indeterminate(value: boolean | undefined);
|
|
108
|
-
get indeterminate(): boolean;
|
|
109
|
-
/**
|
|
110
|
-
* Whether the input is required for form validation.
|
|
111
|
-
* When you set this property to `true`, the component adds `aria-required` and `required`
|
|
112
|
-
* attributes to the input element so that forms display an invalid state until the input element
|
|
113
|
-
* is complete.
|
|
114
|
-
* @default false
|
|
115
|
-
*/
|
|
116
|
-
required: boolean;
|
|
117
|
-
/**
|
|
118
|
-
* The text to display as the checkbox's label. Use this instead of the `sky-checkbox-label` when the label is text-only.
|
|
119
|
-
* Specifying `labelText` also enables automatic error message handling for checkbox.
|
|
120
|
-
*/
|
|
121
|
-
labelText: string | undefined;
|
|
122
|
-
/**
|
|
123
|
-
* Indicates whether to hide the `labelText`.
|
|
124
|
-
*/
|
|
125
|
-
labelHidden: boolean;
|
|
126
|
-
/**
|
|
127
|
-
* [Persistent inline help text](https://developer.blackbaud.com/skyux/design/guidelines/user-assistance#inline-help) that provides
|
|
128
|
-
* additional context to the user.
|
|
129
|
-
*/
|
|
130
|
-
hintText: string | undefined;
|
|
131
|
-
/**
|
|
132
|
-
* Whether the checkbox is stacked on another form component. When specified, the appropriate
|
|
133
|
-
* vertical spacing is automatically added to the checkbox. If the checkbox is within a checkbox group,
|
|
134
|
-
* set `stacked` on the checkbox group component instead.
|
|
135
|
-
*/
|
|
136
|
-
stacked: boolean;
|
|
137
|
-
/**
|
|
138
|
-
* 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)
|
|
139
|
-
* button is placed beside the checkbox label. Clicking the button invokes [global help](https://developer.blackbaud.com/skyux/learn/develop/global-help)
|
|
140
|
-
* as configured by the application. This property only applies when `labelText` is also specified.
|
|
141
|
-
*/
|
|
142
|
-
helpKey: string | undefined;
|
|
143
|
-
/**
|
|
144
|
-
* Fires when users select or deselect the checkbox.
|
|
145
|
-
*/
|
|
146
|
-
get checkedChange(): Observable<boolean>;
|
|
147
|
-
/**
|
|
148
|
-
* Fires when the selected value changes.
|
|
149
|
-
*/
|
|
150
|
-
get disabledChange(): Observable<boolean>;
|
|
151
|
-
/**
|
|
152
|
-
* Fires when the indeterminate state changes.
|
|
153
|
-
* @internal
|
|
154
|
-
*/
|
|
155
|
-
get indeterminateChange(): Observable<boolean>;
|
|
156
|
-
set inputEl(el: ElementRef | undefined);
|
|
157
|
-
get inputEl(): ElementRef | undefined;
|
|
158
|
-
protected get isCheckboxRequired(): boolean;
|
|
159
|
-
protected control: AbstractControl | undefined;
|
|
160
|
-
protected inputId: string;
|
|
161
|
-
protected readonly errorId: string;
|
|
162
|
-
constructor();
|
|
163
|
-
ngAfterViewInit(): void;
|
|
164
|
-
validate(control: AbstractControl<boolean>): ValidationErrors | null;
|
|
165
|
-
/**
|
|
166
|
-
* Implemented as part of ControlValueAccessor.
|
|
167
|
-
*/
|
|
168
|
-
writeValue(value: any): void;
|
|
169
|
-
/**
|
|
170
|
-
* Implemented as part of ControlValueAccessor.
|
|
171
|
-
*/
|
|
172
|
-
registerOnChange(fn: (value: any) => void): void;
|
|
173
|
-
/**
|
|
174
|
-
* Implemented as part of ControlValueAccessor.
|
|
175
|
-
*/
|
|
176
|
-
registerOnTouched(fn: any): void;
|
|
177
|
-
/**
|
|
178
|
-
* Implemented as part of ControlValueAccessor.
|
|
179
|
-
*/
|
|
180
|
-
setDisabledState(isDisabled: boolean): void;
|
|
181
|
-
/**
|
|
182
|
-
* Event handler for checkbox input element.
|
|
183
|
-
* Toggles checked state if element is not disabled.
|
|
184
|
-
*/
|
|
185
|
-
onInteractionEvent(event: Event): void;
|
|
186
|
-
onInputBlur(): void;
|
|
187
|
-
/** Called when the checkbox is blurred. Needed to properly implement ControlValueAccessor. */
|
|
188
|
-
onTouched: () => any;
|
|
189
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<SkyCheckboxComponent, never>;
|
|
190
|
-
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.SkyThemeComponentClassDirective; inputs: {}; outputs: {}; }]>;
|
|
191
|
-
static ngAcceptInputType_disabled: unknown;
|
|
192
|
-
static ngAcceptInputType_required: unknown;
|
|
193
|
-
static ngAcceptInputType_labelHidden: unknown;
|
|
194
|
-
static ngAcceptInputType_stacked: unknown;
|
|
195
|
-
}
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import * as i0 from "@angular/core";
|
|
2
|
-
import * as i1 from "./checkbox.component";
|
|
3
|
-
import * as i2 from "./checkbox-label.component";
|
|
4
|
-
import * as i3 from "./checkbox-label-text-label.component";
|
|
5
|
-
import * as i4 from "@angular/common";
|
|
6
|
-
import * as i5 from "@angular/forms";
|
|
7
|
-
import * as i6 from "./checkbox-group.component";
|
|
8
|
-
import * as i7 from "../form-error/form-error.module";
|
|
9
|
-
import * as i8 from "../form-error/form-errors.module";
|
|
10
|
-
import * as i9 from "../shared/sky-forms-resources.module";
|
|
11
|
-
import * as i10 from "@skyux/help-inline";
|
|
12
|
-
import * as i11 from "@skyux/icon";
|
|
13
|
-
import * as i12 from "@skyux/core";
|
|
14
|
-
import * as i13 from "@skyux/theme";
|
|
15
|
-
export declare class SkyCheckboxModule {
|
|
16
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<SkyCheckboxModule, never>;
|
|
17
|
-
static ɵmod: i0.ɵɵNgModuleDeclaration<SkyCheckboxModule, [typeof i1.SkyCheckboxComponent, typeof i2.SkyCheckboxLabelComponent, typeof i3.SkyCheckboxLabelTextLabelComponent], [typeof i4.CommonModule, typeof i5.FormsModule, typeof i6.SkyCheckboxGroupComponent, typeof i7.SkyFormErrorModule, typeof i8.SkyFormErrorsModule, typeof i9.SkyFormsResourcesModule, typeof i10.SkyHelpInlineModule, typeof i11.SkyIconModule, typeof i12.SkyIdModule, typeof i12.SkyTrimModule, typeof i13.SkyThemeModule], [typeof i1.SkyCheckboxComponent, typeof i2.SkyCheckboxLabelComponent, typeof i6.SkyCheckboxGroupComponent, typeof i7.SkyFormErrorModule]>;
|
|
18
|
-
static ɵinj: i0.ɵɵInjectorDeclaration<SkyCheckboxModule>;
|
|
19
|
-
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export type SkyFieldGroupHeadingLevel = 3 | 4;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export type SkyFieldGroupHeadingStyle = 3 | 4;
|
|
@@ -1,61 +0,0 @@
|
|
|
1
|
-
import { TemplateRef } from '@angular/core';
|
|
2
|
-
import { SkyFieldGroupHeadingLevel } from './field-group-heading-level';
|
|
3
|
-
import { SkyFieldGroupHeadingStyle } from './field-group-heading-style';
|
|
4
|
-
import * as i0 from "@angular/core";
|
|
5
|
-
/**
|
|
6
|
-
* Organizes form fields into a group.
|
|
7
|
-
*/
|
|
8
|
-
export declare class SkyFieldGroupComponent {
|
|
9
|
-
/**
|
|
10
|
-
* The text to display as the field group's heading.
|
|
11
|
-
*/
|
|
12
|
-
headingText: string;
|
|
13
|
-
/**
|
|
14
|
-
* [Persistent inline help text](https://developer.blackbaud.com/skyux/design/guidelines/user-assistance#inline-help) that provides
|
|
15
|
-
* additional context to the user.
|
|
16
|
-
*/
|
|
17
|
-
hintText: string | undefined;
|
|
18
|
-
/**
|
|
19
|
-
* Indicates whether to hide the `headingText`.
|
|
20
|
-
*/
|
|
21
|
-
headingHidden: boolean;
|
|
22
|
-
/**
|
|
23
|
-
* Whether the field group is stacked on another field group. When specified, the appropriate
|
|
24
|
-
* vertical spacing is automatically added to the field group.
|
|
25
|
-
*/
|
|
26
|
-
stacked: boolean;
|
|
27
|
-
/**
|
|
28
|
-
* The semantic heading level in the document structure.
|
|
29
|
-
* @default 3
|
|
30
|
-
*/
|
|
31
|
-
headingLevel: SkyFieldGroupHeadingLevel;
|
|
32
|
-
/**
|
|
33
|
-
* The heading [font style](https://developer.blackbaud.com/skyux/design/styles/typography#headings).
|
|
34
|
-
* @default 3
|
|
35
|
-
*/
|
|
36
|
-
set headingStyle(value: SkyFieldGroupHeadingStyle);
|
|
37
|
-
/**
|
|
38
|
-
* The content of the help popover. When specified along with `headingText`, a [help inline](https://developer.blackbaud.com/skyux/components/help-inline)
|
|
39
|
-
* button is added to the field group heading. The help inline button displays a [popover](https://developer.blackbaud.com/skyux/components/popover)
|
|
40
|
-
* when clicked using the specified content and optional title. This property only applies when `headingText` is also specified.
|
|
41
|
-
*/
|
|
42
|
-
helpPopoverContent: string | TemplateRef<unknown> | undefined;
|
|
43
|
-
/**
|
|
44
|
-
* The title of the help popover. This property only applies when `helpPopoverContent` is
|
|
45
|
-
* also specified.
|
|
46
|
-
*/
|
|
47
|
-
helpPopoverTitle: string | undefined;
|
|
48
|
-
/**
|
|
49
|
-
* 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)
|
|
50
|
-
* button is placed beside the field group heading. Clicking the button invokes [global help](https://developer.blackbaud.com/skyux/learn/develop/global-help)
|
|
51
|
-
* as configured by the application. This property only applies when `headingText` is also specified.
|
|
52
|
-
*/
|
|
53
|
-
helpKey: string | undefined;
|
|
54
|
-
protected headingClass: string;
|
|
55
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<SkyFieldGroupComponent, never>;
|
|
56
|
-
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>;
|
|
57
|
-
static ngAcceptInputType_headingHidden: unknown;
|
|
58
|
-
static ngAcceptInputType_stacked: unknown;
|
|
59
|
-
static ngAcceptInputType_headingLevel: unknown;
|
|
60
|
-
static ngAcceptInputType_headingStyle: unknown;
|
|
61
|
-
}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import * as i0 from "@angular/core";
|
|
2
|
-
import * as i1 from "./field-group.component";
|
|
3
|
-
export declare class SkyFieldGroupModule {
|
|
4
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<SkyFieldGroupModule, never>;
|
|
5
|
-
static ɵmod: i0.ɵɵNgModuleDeclaration<SkyFieldGroupModule, never, [typeof i1.SkyFieldGroupComponent], [typeof i1.SkyFieldGroupComponent]>;
|
|
6
|
-
static ɵinj: i0.ɵɵInjectorDeclaration<SkyFieldGroupModule>;
|
|
7
|
-
}
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import { PipeTransform } from '@angular/core';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
/**
|
|
4
|
-
* Joins an array of IDs with a single space.
|
|
5
|
-
* @internal
|
|
6
|
-
*/
|
|
7
|
-
export declare class SkyFileAttachmentJoinIdsPipe implements PipeTransform {
|
|
8
|
-
transform(...ids: (string | null | undefined)[]): string | null;
|
|
9
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<SkyFileAttachmentJoinIdsPipe, never>;
|
|
10
|
-
static ɵpipe: i0.ɵɵPipeDeclaration<SkyFileAttachmentJoinIdsPipe, "skyFileAttachmentJoinIds", true>;
|
|
11
|
-
}
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import * as i0 from "@angular/core";
|
|
2
|
-
/**
|
|
3
|
-
* Displays a label above the file attachment element. To display a help button
|
|
4
|
-
* beside the label, include a help button element, such as `sky-help-inline`,
|
|
5
|
-
* in the `sky-file-attachment-label` element and a `sky-control-help` CSS class
|
|
6
|
-
* on that help button element.
|
|
7
|
-
* @deprecated Use the `labelText` input on the single file attachment component
|
|
8
|
-
* instead.
|
|
9
|
-
*/
|
|
10
|
-
export declare class SkyFileAttachmentLabelComponent {
|
|
11
|
-
labelContentId: {
|
|
12
|
-
id: string;
|
|
13
|
-
} | undefined;
|
|
14
|
-
constructor();
|
|
15
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<SkyFileAttachmentLabelComponent, never>;
|
|
16
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<SkyFileAttachmentLabelComponent, "sky-file-attachment-label", never, {}, {}, never, ["*", ".sky-control-help"], true, never>;
|
|
17
|
-
}
|