@skyux/forms 11.0.0-alpha.6 → 11.0.0-alpha.8
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/documentation.json +2743 -2752
- package/esm2022/lib/modules/character-counter/character-counter-indicator.component.mjs +3 -3
- package/esm2022/lib/modules/character-counter/character-counter-screen-reader.pipe.mjs +3 -3
- package/esm2022/lib/modules/character-counter/character-counter.directive.mjs +3 -3
- package/esm2022/lib/modules/character-counter/character-counter.module.mjs +4 -4
- package/esm2022/lib/modules/checkbox/checkbox-group.component.mjs +3 -3
- package/esm2022/lib/modules/checkbox/checkbox-label-text-label.component.mjs +3 -3
- package/esm2022/lib/modules/checkbox/checkbox-label.component.mjs +3 -3
- package/esm2022/lib/modules/checkbox/checkbox.component.mjs +3 -3
- package/esm2022/lib/modules/checkbox/checkbox.module.mjs +4 -4
- package/esm2022/lib/modules/field-group/field-group.component.mjs +3 -3
- package/esm2022/lib/modules/field-group/field-group.module.mjs +4 -4
- package/esm2022/lib/modules/file-attachment/file-attachment-label.component.mjs +3 -3
- package/esm2022/lib/modules/file-attachment/file-attachment.component.mjs +17 -11
- package/esm2022/lib/modules/file-attachment/file-attachment.service.mjs +15 -5
- package/esm2022/lib/modules/file-attachment/file-attachments.module.mjs +4 -4
- package/esm2022/lib/modules/file-attachment/file-drop.component.mjs +8 -6
- package/esm2022/lib/modules/file-attachment/file-item.component.mjs +3 -3
- package/esm2022/lib/modules/file-attachment/file-item.service.mjs +3 -3
- package/esm2022/lib/modules/file-attachment/file-size.pipe.mjs +3 -3
- package/esm2022/lib/modules/form-error/form-error.component.mjs +3 -3
- package/esm2022/lib/modules/form-error/form-error.module.mjs +4 -4
- package/esm2022/lib/modules/form-error/form-errors.component.mjs +3 -3
- package/esm2022/lib/modules/form-error/form-errors.module.mjs +4 -4
- package/esm2022/lib/modules/input-box/input-box-adapter.service.mjs +3 -3
- package/esm2022/lib/modules/input-box/input-box-control.directive.mjs +3 -3
- package/esm2022/lib/modules/input-box/input-box-hint-text.pipe.mjs +3 -3
- package/esm2022/lib/modules/input-box/input-box-host.service.mjs +3 -3
- package/esm2022/lib/modules/input-box/input-box.component.mjs +3 -3
- package/esm2022/lib/modules/input-box/input-box.module.mjs +4 -4
- package/esm2022/lib/modules/radio/radio-group-id.service.mjs +3 -3
- package/esm2022/lib/modules/radio/radio-group.component.mjs +14 -16
- package/esm2022/lib/modules/radio/radio-label.component.mjs +3 -3
- package/esm2022/lib/modules/radio/radio.component.mjs +3 -3
- package/esm2022/lib/modules/radio/radio.module.mjs +4 -4
- package/esm2022/lib/modules/required-state/required-state.directive.mjs +3 -3
- package/esm2022/lib/modules/selection-box/selection-box-adapter.service.mjs +3 -3
- package/esm2022/lib/modules/selection-box/selection-box-description.component.mjs +3 -3
- package/esm2022/lib/modules/selection-box/selection-box-grid.component.mjs +3 -3
- package/esm2022/lib/modules/selection-box/selection-box-header.component.mjs +3 -3
- package/esm2022/lib/modules/selection-box/selection-box.component.mjs +3 -3
- package/esm2022/lib/modules/selection-box/selection-box.module.mjs +4 -4
- package/esm2022/lib/modules/shared/form-field-label-text-required.service.mjs +3 -3
- package/esm2022/lib/modules/shared/sky-forms-resources.module.mjs +7 -7
- package/esm2022/lib/modules/toggle-switch/toggle-switch-label.component.mjs +3 -3
- package/esm2022/lib/modules/toggle-switch/toggle-switch.component.mjs +3 -3
- package/esm2022/lib/modules/toggle-switch/toggle-switch.module.mjs +4 -4
- package/fesm2022/skyux-forms.mjs +186 -172
- package/fesm2022/skyux-forms.mjs.map +1 -1
- package/lib/modules/file-attachment/file-attachment.component.d.ts +9 -2
- package/lib/modules/file-attachment/file-drop.component.d.ts +6 -1
- package/lib/modules/radio/radio-group.component.d.ts +5 -4
- package/package.json +14 -14
|
@@ -21,6 +21,11 @@ export declare class SkyFileAttachmentComponent implements AfterViewInit, AfterC
|
|
|
21
21
|
* @required
|
|
22
22
|
*/
|
|
23
23
|
acceptedTypes: string | undefined;
|
|
24
|
+
/**
|
|
25
|
+
* A custom error message to display when a file doesn't match the accepted types.
|
|
26
|
+
* This replaces a default error message that lists all accepted types.
|
|
27
|
+
*/
|
|
28
|
+
acceptedTypesErrorMessage: string | undefined;
|
|
24
29
|
/**
|
|
25
30
|
* 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.
|
|
26
31
|
* To set the disabled state on reactive forms, use the `FormControl` instead.
|
|
@@ -99,7 +104,7 @@ export declare class SkyFileAttachmentComponent implements AfterViewInit, AfterC
|
|
|
99
104
|
* is complete.
|
|
100
105
|
* For more information about the `aria-required` attribute, see the [WAI-ARIA definition](https://www.w3.org/TR/wai-aria/#aria-required).
|
|
101
106
|
*/
|
|
102
|
-
required: boolean
|
|
107
|
+
required: boolean;
|
|
103
108
|
display: string | undefined;
|
|
104
109
|
set value(value: SkyFileItem | undefined | null);
|
|
105
110
|
get value(): SkyFileItem | undefined;
|
|
@@ -110,6 +115,7 @@ export declare class SkyFileAttachmentComponent implements AfterViewInit, AfterC
|
|
|
110
115
|
inputEl: ElementRef | undefined;
|
|
111
116
|
labelComponents: QueryList<SkyFileAttachmentLabelComponent> | undefined;
|
|
112
117
|
isImage: boolean;
|
|
118
|
+
protected get isRequired(): boolean;
|
|
113
119
|
protected ngControl: NgControl | undefined;
|
|
114
120
|
protected errorId: string;
|
|
115
121
|
protected fileErrorName: SkyFileItemErrorType | undefined;
|
|
@@ -138,8 +144,9 @@ export declare class SkyFileAttachmentComponent implements AfterViewInit, AfterC
|
|
|
138
144
|
setDisabledState(isDisabled: boolean): void;
|
|
139
145
|
emitClick(): void;
|
|
140
146
|
static ɵfac: i0.ɵɵFactoryDeclaration<SkyFileAttachmentComponent, [null, null, null, { optional: true; self: true; }, { optional: true; }]>;
|
|
141
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<SkyFileAttachmentComponent, "sky-file-attachment", never, { "acceptedTypes": { "alias": "acceptedTypes"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "helpPopoverContent": { "alias": "helpPopoverContent"; "required": false; }; "helpPopoverTitle": { "alias": "helpPopoverTitle"; "required": false; }; "helpKey": { "alias": "helpKey"; "required": false; }; "labelText": { "alias": "labelText"; "required": false; }; "labelHidden": { "alias": "labelHidden"; "required": false; }; "hintText": { "alias": "hintText"; "required": false; }; "maxFileSize": { "alias": "maxFileSize"; "required": false; }; "minFileSize": { "alias": "minFileSize"; "required": false; }; "stacked": { "alias": "stacked"; "required": false; }; "validateFn": { "alias": "validateFn"; "required": false; }; "required": { "alias": "required"; "required": false; }; }, { "fileChange": "fileChange"; "fileClick": "fileClick"; }, ["labelComponents"], ["sky-form-error", "sky-file-attachment-label"], false, never>;
|
|
147
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<SkyFileAttachmentComponent, "sky-file-attachment", never, { "acceptedTypes": { "alias": "acceptedTypes"; "required": false; }; "acceptedTypesErrorMessage": { "alias": "acceptedTypesErrorMessage"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "helpPopoverContent": { "alias": "helpPopoverContent"; "required": false; }; "helpPopoverTitle": { "alias": "helpPopoverTitle"; "required": false; }; "helpKey": { "alias": "helpKey"; "required": false; }; "labelText": { "alias": "labelText"; "required": false; }; "labelHidden": { "alias": "labelHidden"; "required": false; }; "hintText": { "alias": "hintText"; "required": false; }; "maxFileSize": { "alias": "maxFileSize"; "required": false; }; "minFileSize": { "alias": "minFileSize"; "required": false; }; "stacked": { "alias": "stacked"; "required": false; }; "validateFn": { "alias": "validateFn"; "required": false; }; "required": { "alias": "required"; "required": false; }; }, { "fileChange": "fileChange"; "fileClick": "fileClick"; }, ["labelComponents"], ["sky-form-error", "sky-file-attachment-label"], false, never>;
|
|
142
148
|
static ngAcceptInputType_disabled: unknown;
|
|
143
149
|
static ngAcceptInputType_labelHidden: unknown;
|
|
144
150
|
static ngAcceptInputType_stacked: unknown;
|
|
151
|
+
static ngAcceptInputType_required: unknown;
|
|
145
152
|
}
|
|
@@ -70,6 +70,11 @@ export declare class SkyFileDropComponent implements OnInit, OnDestroy {
|
|
|
70
70
|
* @required
|
|
71
71
|
*/
|
|
72
72
|
acceptedTypes: string | undefined;
|
|
73
|
+
/**
|
|
74
|
+
* A custom error message to display when a file doesn't match the accepted types.
|
|
75
|
+
* This replaces a default error message that lists all accepted types.
|
|
76
|
+
*/
|
|
77
|
+
acceptedTypesErrorMessage: string | undefined;
|
|
73
78
|
/**
|
|
74
79
|
* Whether to disable the option to browse for files to attach.
|
|
75
80
|
*/
|
|
@@ -140,7 +145,7 @@ export declare class SkyFileDropComponent implements OnInit, OnDestroy {
|
|
|
140
145
|
addLink(event: Event): void;
|
|
141
146
|
onLinkBlur(): void;
|
|
142
147
|
static ɵfac: i0.ɵɵFactoryDeclaration<SkyFileDropComponent, never>;
|
|
143
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<SkyFileDropComponent, "sky-file-drop", never, { "fileUploadAriaLabel": { "alias": "fileUploadAriaLabel"; "required": false; }; "linkUploadAriaLabel": { "alias": "linkUploadAriaLabel"; "required": false; }; "minFileSize": { "alias": "minFileSize"; "required": false; }; "maxFileSize": { "alias": "maxFileSize"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "validateFn": { "alias": "validateFn"; "required": false; }; "acceptedTypes": { "alias": "acceptedTypes"; "required": false; }; "noClick": { "alias": "noClick"; "required": false; }; "allowLinks": { "alias": "allowLinks"; "required": false; }; "labelText": { "alias": "labelText"; "required": false; }; "labelHidden": { "alias": "labelHidden"; "required": false; }; "hintText": { "alias": "hintText"; "required": false; }; "required": { "alias": "required"; "required": false; }; "helpPopoverContent": { "alias": "helpPopoverContent"; "required": false; }; "helpPopoverTitle": { "alias": "helpPopoverTitle"; "required": false; }; "stacked": { "alias": "stacked"; "required": false; }; "helpKey": { "alias": "helpKey"; "required": false; }; }, { "filesChanged": "filesChanged"; "linkInputBlur": "linkInputBlur"; "linkChanged": "linkChanged"; }, never, ["*"], false, never>;
|
|
148
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<SkyFileDropComponent, "sky-file-drop", never, { "fileUploadAriaLabel": { "alias": "fileUploadAriaLabel"; "required": false; }; "linkUploadAriaLabel": { "alias": "linkUploadAriaLabel"; "required": false; }; "minFileSize": { "alias": "minFileSize"; "required": false; }; "maxFileSize": { "alias": "maxFileSize"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "validateFn": { "alias": "validateFn"; "required": false; }; "acceptedTypes": { "alias": "acceptedTypes"; "required": false; }; "acceptedTypesErrorMessage": { "alias": "acceptedTypesErrorMessage"; "required": false; }; "noClick": { "alias": "noClick"; "required": false; }; "allowLinks": { "alias": "allowLinks"; "required": false; }; "labelText": { "alias": "labelText"; "required": false; }; "labelHidden": { "alias": "labelHidden"; "required": false; }; "hintText": { "alias": "hintText"; "required": false; }; "required": { "alias": "required"; "required": false; }; "helpPopoverContent": { "alias": "helpPopoverContent"; "required": false; }; "helpPopoverTitle": { "alias": "helpPopoverTitle"; "required": false; }; "stacked": { "alias": "stacked"; "required": false; }; "helpKey": { "alias": "helpKey"; "required": false; }; }, { "filesChanged": "filesChanged"; "linkInputBlur": "linkInputBlur"; "linkChanged": "linkChanged"; }, never, ["*"], false, never>;
|
|
144
149
|
static ngAcceptInputType_labelHidden: unknown;
|
|
145
150
|
static ngAcceptInputType_required: unknown;
|
|
146
151
|
static ngAcceptInputType_stacked: unknown;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { AfterContentInit,
|
|
1
|
+
import { AfterContentInit, ChangeDetectorRef, OnDestroy, OnInit, QueryList, TemplateRef } from '@angular/core';
|
|
2
2
|
import { NgControl } from '@angular/forms';
|
|
3
3
|
import { SkyRadioGroupIdService } from './radio-group-id.service';
|
|
4
4
|
import { SkyRadioComponent } from './radio.component';
|
|
@@ -11,7 +11,7 @@ import * as i0 from "@angular/core";
|
|
|
11
11
|
* On Angular forms, the component manages the selected values and keeps the forms up-to-date.
|
|
12
12
|
* When users select a radio button, its value is driven through an `ngModel` attribute that you specify on the `sky-radio-group` element.
|
|
13
13
|
*/
|
|
14
|
-
export declare class SkyRadioGroupComponent implements AfterContentInit,
|
|
14
|
+
export declare class SkyRadioGroupComponent implements AfterContentInit, OnInit, OnDestroy {
|
|
15
15
|
#private;
|
|
16
16
|
/**
|
|
17
17
|
* The HTML element ID of the element that labels
|
|
@@ -66,7 +66,7 @@ export declare class SkyRadioGroupComponent implements AfterContentInit, AfterVi
|
|
|
66
66
|
* For more information about the `aria-required` attribute, see the [WAI-ARIA definition](https://www.w3.org/TR/wai-aria/#aria-required).
|
|
67
67
|
* @default false
|
|
68
68
|
*/
|
|
69
|
-
required: boolean
|
|
69
|
+
required: boolean;
|
|
70
70
|
/**
|
|
71
71
|
* Whether the radio button group is stacked on another form component. When specified,
|
|
72
72
|
* the appropriate vertical spacing is automatically added to the radio button group.
|
|
@@ -130,12 +130,12 @@ export declare class SkyRadioGroupComponent implements AfterContentInit, AfterVi
|
|
|
130
130
|
display: string | undefined;
|
|
131
131
|
stackedLg: boolean;
|
|
132
132
|
stackedXL: boolean;
|
|
133
|
+
protected get isRequired(): boolean;
|
|
133
134
|
protected headingClass: string;
|
|
134
135
|
protected errorId: string;
|
|
135
136
|
protected ngControl: NgControl | undefined;
|
|
136
137
|
constructor(changeDetector: ChangeDetectorRef, radioGroupIdSvc: SkyRadioGroupIdService, ngControl: NgControl);
|
|
137
138
|
ngAfterContentInit(): void;
|
|
138
|
-
ngAfterViewInit(): void;
|
|
139
139
|
watchForSelections(): void;
|
|
140
140
|
ngOnInit(): void;
|
|
141
141
|
ngOnDestroy(): void;
|
|
@@ -152,6 +152,7 @@ export declare class SkyRadioGroupComponent implements AfterContentInit, AfterVi
|
|
|
152
152
|
static ngAcceptInputType_disabled: unknown;
|
|
153
153
|
static ngAcceptInputType_headingLevel: unknown;
|
|
154
154
|
static ngAcceptInputType_headingStyle: unknown;
|
|
155
|
+
static ngAcceptInputType_required: unknown;
|
|
155
156
|
static ngAcceptInputType_stacked: unknown;
|
|
156
157
|
static ngAcceptInputType_headingHidden: unknown;
|
|
157
158
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@skyux/forms",
|
|
3
|
-
"version": "11.0.0-alpha.
|
|
3
|
+
"version": "11.0.0-alpha.8",
|
|
4
4
|
"author": "Blackbaud, Inc.",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"blackbaud",
|
|
@@ -36,21 +36,21 @@
|
|
|
36
36
|
}
|
|
37
37
|
},
|
|
38
38
|
"peerDependencies": {
|
|
39
|
-
"@angular/cdk": "^18.1.
|
|
40
|
-
"@angular/common": "^18.1.
|
|
41
|
-
"@angular/core": "^18.1.
|
|
42
|
-
"@angular/forms": "^18.1.
|
|
43
|
-
"@angular/platform-browser": "^18.1.
|
|
44
|
-
"@skyux-sdk/testing": "11.0.0-alpha.
|
|
45
|
-
"@skyux/core": "11.0.0-alpha.
|
|
46
|
-
"@skyux/help-inline": "11.0.0-alpha.
|
|
47
|
-
"@skyux/i18n": "11.0.0-alpha.
|
|
48
|
-
"@skyux/indicators": "11.0.0-alpha.
|
|
49
|
-
"@skyux/popovers": "11.0.0-alpha.
|
|
50
|
-
"@skyux/theme": "11.0.0-alpha.
|
|
39
|
+
"@angular/cdk": "^18.1.2",
|
|
40
|
+
"@angular/common": "^18.1.2",
|
|
41
|
+
"@angular/core": "^18.1.2",
|
|
42
|
+
"@angular/forms": "^18.1.2",
|
|
43
|
+
"@angular/platform-browser": "^18.1.2",
|
|
44
|
+
"@skyux-sdk/testing": "11.0.0-alpha.8",
|
|
45
|
+
"@skyux/core": "11.0.0-alpha.8",
|
|
46
|
+
"@skyux/help-inline": "11.0.0-alpha.8",
|
|
47
|
+
"@skyux/i18n": "11.0.0-alpha.8",
|
|
48
|
+
"@skyux/indicators": "11.0.0-alpha.8",
|
|
49
|
+
"@skyux/popovers": "11.0.0-alpha.8",
|
|
50
|
+
"@skyux/theme": "11.0.0-alpha.8"
|
|
51
51
|
},
|
|
52
52
|
"dependencies": {
|
|
53
|
-
"@skyux/icon": "11.0.0-alpha.
|
|
53
|
+
"@skyux/icon": "11.0.0-alpha.8",
|
|
54
54
|
"tslib": "^2.6.3"
|
|
55
55
|
},
|
|
56
56
|
"module": "fesm2022/skyux-forms.mjs",
|