@skyux/forms 11.0.0-alpha.5 → 11.0.0-alpha.7
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 +2913 -2924
- 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 +10 -10
- 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 +15 -23
- 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 +6 -6
- 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 +8 -8
- package/esm2022/lib/modules/radio/radio-label.component.mjs +3 -3
- package/esm2022/lib/modules/radio/radio.component.mjs +10 -10
- 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 +194 -190
- package/fesm2022/skyux-forms.mjs.map +1 -1
- package/lib/modules/checkbox/checkbox.component.d.ts +2 -1
- package/lib/modules/file-attachment/file-attachment.component.d.ts +8 -4
- package/lib/modules/file-attachment/file-drop.component.d.ts +6 -1
- package/lib/modules/radio/radio-group.component.d.ts +2 -1
- package/lib/modules/radio/radio.component.d.ts +2 -1
- package/package.json +14 -14
|
@@ -38,7 +38,7 @@ export declare class SkyCheckboxComponent implements ControlValueAccessor, OnIni
|
|
|
38
38
|
* To set the disabled state on reactive forms, use the `FormControl` instead.
|
|
39
39
|
* @default false
|
|
40
40
|
*/
|
|
41
|
-
set disabled(value: boolean
|
|
41
|
+
set disabled(value: boolean);
|
|
42
42
|
/**
|
|
43
43
|
* Whether the checkbox is disabled.
|
|
44
44
|
*/
|
|
@@ -183,6 +183,7 @@ export declare class SkyCheckboxComponent implements ControlValueAccessor, OnIni
|
|
|
183
183
|
onTouched: () => any;
|
|
184
184
|
static ɵfac: i0.ɵɵFactoryDeclaration<SkyCheckboxComponent, never>;
|
|
185
185
|
static ɵcmp: i0.ɵɵComponentDeclaration<SkyCheckboxComponent, "sky-checkbox", never, { "label": { "alias": "label"; "required": false; }; "labelledBy": { "alias": "labelledBy"; "required": false; }; "id": { "alias": "id"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "name": { "alias": "name"; "required": false; }; "helpPopoverContent": { "alias": "helpPopoverContent"; "required": false; }; "helpPopoverTitle": { "alias": "helpPopoverTitle"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "checkboxType": { "alias": "checkboxType"; "required": false; }; "checked": { "alias": "checked"; "required": false; }; "indeterminate": { "alias": "indeterminate"; "required": false; }; "required": { "alias": "required"; "required": false; }; "labelText": { "alias": "labelText"; "required": false; }; "labelHidden": { "alias": "labelHidden"; "required": false; }; "hintText": { "alias": "hintText"; "required": false; }; "stacked": { "alias": "stacked"; "required": false; }; "helpKey": { "alias": "helpKey"; "required": false; }; }, { "change": "change"; "checkedChange": "checkedChange"; "disabledChange": "disabledChange"; "indeterminateChange": "indeterminateChange"; }, never, ["sky-checkbox-label", "sky-form-error"], false, [{ directive: typeof i1.SkyThemeComponentClassDirective; inputs: {}; outputs: {}; }]>;
|
|
186
|
+
static ngAcceptInputType_disabled: unknown;
|
|
186
187
|
static ngAcceptInputType_required: unknown;
|
|
187
188
|
static ngAcceptInputType_labelHidden: unknown;
|
|
188
189
|
static ngAcceptInputType_stacked: unknown;
|
|
@@ -21,13 +21,16 @@ 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.
|
|
27
|
-
* @default false
|
|
28
32
|
*/
|
|
29
|
-
|
|
30
|
-
get disabled(): boolean;
|
|
33
|
+
disabled: boolean;
|
|
31
34
|
/**
|
|
32
35
|
* The content of the help popover. When specified along with `labelText`, a [help inline](https://developer.blackbaud.com/skyux/components/help-inline)
|
|
33
36
|
* button is added to the single file attachment label. The help inline button displays a [popover](https://developer.blackbaud.com/skyux/components/popover)
|
|
@@ -140,7 +143,8 @@ export declare class SkyFileAttachmentComponent implements AfterViewInit, AfterC
|
|
|
140
143
|
setDisabledState(isDisabled: boolean): void;
|
|
141
144
|
emitClick(): void;
|
|
142
145
|
static ɵfac: i0.ɵɵFactoryDeclaration<SkyFileAttachmentComponent, [null, null, null, { optional: true; self: true; }, { optional: true; }]>;
|
|
143
|
-
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>;
|
|
146
|
+
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>;
|
|
147
|
+
static ngAcceptInputType_disabled: unknown;
|
|
144
148
|
static ngAcceptInputType_labelHidden: unknown;
|
|
145
149
|
static ngAcceptInputType_stacked: unknown;
|
|
146
150
|
}
|
|
@@ -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;
|
|
@@ -38,7 +38,7 @@ export declare class SkyRadioGroupComponent implements AfterContentInit, AfterVi
|
|
|
38
38
|
* To set the disabled state on reactive forms, use the `FormControl` instead.
|
|
39
39
|
* @default false
|
|
40
40
|
*/
|
|
41
|
-
set disabled(value: boolean
|
|
41
|
+
set disabled(value: boolean);
|
|
42
42
|
get disabled(): boolean;
|
|
43
43
|
/**
|
|
44
44
|
* The semantic heading level in the document structure. By default, the heading text is not wrapped in a heading element.
|
|
@@ -149,6 +149,7 @@ export declare class SkyRadioGroupComponent implements AfterContentInit, AfterVi
|
|
|
149
149
|
registerOnTouched(fn: any): void;
|
|
150
150
|
static ɵfac: i0.ɵɵFactoryDeclaration<SkyRadioGroupComponent, [null, null, { optional: true; self: true; }]>;
|
|
151
151
|
static ɵcmp: i0.ɵɵComponentDeclaration<SkyRadioGroupComponent, "sky-radio-group", never, { "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "headingLevel": { "alias": "headingLevel"; "required": false; }; "headingStyle": { "alias": "headingStyle"; "required": false; }; "name": { "alias": "name"; "required": false; }; "required": { "alias": "required"; "required": false; }; "stacked": { "alias": "stacked"; "required": false; }; "value": { "alias": "value"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "headingText": { "alias": "headingText"; "required": false; }; "headingHidden": { "alias": "headingHidden"; "required": false; }; "hintText": { "alias": "hintText"; "required": false; }; "helpPopoverContent": { "alias": "helpPopoverContent"; "required": false; }; "helpPopoverTitle": { "alias": "helpPopoverTitle"; "required": false; }; "helpKey": { "alias": "helpKey"; "required": false; }; }, {}, ["radios"], ["*", "sky-form-error"], false, never>;
|
|
152
|
+
static ngAcceptInputType_disabled: unknown;
|
|
152
153
|
static ngAcceptInputType_headingLevel: unknown;
|
|
153
154
|
static ngAcceptInputType_headingStyle: unknown;
|
|
154
155
|
static ngAcceptInputType_stacked: unknown;
|
|
@@ -26,7 +26,7 @@ export declare class SkyRadioComponent implements OnInit, OnDestroy, ControlValu
|
|
|
26
26
|
* To set the disabled state on reactive forms, use the `FormControl` instead.
|
|
27
27
|
* @default false
|
|
28
28
|
*/
|
|
29
|
-
set disabled(value: boolean
|
|
29
|
+
set disabled(value: boolean);
|
|
30
30
|
get disabled(): boolean;
|
|
31
31
|
/**
|
|
32
32
|
* The ID for the radio button.
|
|
@@ -158,5 +158,6 @@ export declare class SkyRadioComponent implements OnInit, OnDestroy, ControlValu
|
|
|
158
158
|
onInputFocusChange(): void;
|
|
159
159
|
static ɵfac: i0.ɵɵFactoryDeclaration<SkyRadioComponent, never>;
|
|
160
160
|
static ɵcmp: i0.ɵɵComponentDeclaration<SkyRadioComponent, "sky-radio", never, { "checked": { "alias": "checked"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "id": { "alias": "id"; "required": false; }; "label": { "alias": "label"; "required": false; }; "labelledBy": { "alias": "labelledBy"; "required": false; }; "name": { "alias": "name"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "value": { "alias": "value"; "required": false; }; "helpPopoverContent": { "alias": "helpPopoverContent"; "required": false; }; "helpPopoverTitle": { "alias": "helpPopoverTitle"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "radioType": { "alias": "radioType"; "required": false; }; "labelText": { "alias": "labelText"; "required": false; }; "labelHidden": { "alias": "labelHidden"; "required": false; }; "hintText": { "alias": "hintText"; "required": false; }; "helpKey": { "alias": "helpKey"; "required": false; }; }, { "change": "change"; "checkedChange": "checkedChange"; "disabledChange": "disabledChange"; }, never, ["sky-radio-label"], false, never>;
|
|
161
|
+
static ngAcceptInputType_disabled: unknown;
|
|
161
162
|
static ngAcceptInputType_labelHidden: unknown;
|
|
162
163
|
}
|
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.7",
|
|
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.7",
|
|
45
|
+
"@skyux/core": "11.0.0-alpha.7",
|
|
46
|
+
"@skyux/help-inline": "11.0.0-alpha.7",
|
|
47
|
+
"@skyux/i18n": "11.0.0-alpha.7",
|
|
48
|
+
"@skyux/indicators": "11.0.0-alpha.7",
|
|
49
|
+
"@skyux/popovers": "11.0.0-alpha.7",
|
|
50
|
+
"@skyux/theme": "11.0.0-alpha.7"
|
|
51
51
|
},
|
|
52
52
|
"dependencies": {
|
|
53
|
-
"@skyux/icon": "11.0.0-alpha.
|
|
53
|
+
"@skyux/icon": "11.0.0-alpha.7",
|
|
54
54
|
"tslib": "^2.6.3"
|
|
55
55
|
},
|
|
56
56
|
"module": "fesm2022/skyux-forms.mjs",
|