@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.
Files changed (55) hide show
  1. package/documentation.json +2913 -2924
  2. package/esm2022/lib/modules/character-counter/character-counter-indicator.component.mjs +3 -3
  3. package/esm2022/lib/modules/character-counter/character-counter-screen-reader.pipe.mjs +3 -3
  4. package/esm2022/lib/modules/character-counter/character-counter.directive.mjs +3 -3
  5. package/esm2022/lib/modules/character-counter/character-counter.module.mjs +4 -4
  6. package/esm2022/lib/modules/checkbox/checkbox-group.component.mjs +3 -3
  7. package/esm2022/lib/modules/checkbox/checkbox-label-text-label.component.mjs +3 -3
  8. package/esm2022/lib/modules/checkbox/checkbox-label.component.mjs +3 -3
  9. package/esm2022/lib/modules/checkbox/checkbox.component.mjs +10 -10
  10. package/esm2022/lib/modules/checkbox/checkbox.module.mjs +4 -4
  11. package/esm2022/lib/modules/field-group/field-group.component.mjs +3 -3
  12. package/esm2022/lib/modules/field-group/field-group.module.mjs +4 -4
  13. package/esm2022/lib/modules/file-attachment/file-attachment-label.component.mjs +3 -3
  14. package/esm2022/lib/modules/file-attachment/file-attachment.component.mjs +15 -23
  15. package/esm2022/lib/modules/file-attachment/file-attachment.service.mjs +15 -5
  16. package/esm2022/lib/modules/file-attachment/file-attachments.module.mjs +4 -4
  17. package/esm2022/lib/modules/file-attachment/file-drop.component.mjs +8 -6
  18. package/esm2022/lib/modules/file-attachment/file-item.component.mjs +3 -3
  19. package/esm2022/lib/modules/file-attachment/file-item.service.mjs +3 -3
  20. package/esm2022/lib/modules/file-attachment/file-size.pipe.mjs +3 -3
  21. package/esm2022/lib/modules/form-error/form-error.component.mjs +3 -3
  22. package/esm2022/lib/modules/form-error/form-error.module.mjs +4 -4
  23. package/esm2022/lib/modules/form-error/form-errors.component.mjs +3 -3
  24. package/esm2022/lib/modules/form-error/form-errors.module.mjs +4 -4
  25. package/esm2022/lib/modules/input-box/input-box-adapter.service.mjs +3 -3
  26. package/esm2022/lib/modules/input-box/input-box-control.directive.mjs +3 -3
  27. package/esm2022/lib/modules/input-box/input-box-hint-text.pipe.mjs +3 -3
  28. package/esm2022/lib/modules/input-box/input-box-host.service.mjs +3 -3
  29. package/esm2022/lib/modules/input-box/input-box.component.mjs +6 -6
  30. package/esm2022/lib/modules/input-box/input-box.module.mjs +4 -4
  31. package/esm2022/lib/modules/radio/radio-group-id.service.mjs +3 -3
  32. package/esm2022/lib/modules/radio/radio-group.component.mjs +8 -8
  33. package/esm2022/lib/modules/radio/radio-label.component.mjs +3 -3
  34. package/esm2022/lib/modules/radio/radio.component.mjs +10 -10
  35. package/esm2022/lib/modules/radio/radio.module.mjs +4 -4
  36. package/esm2022/lib/modules/required-state/required-state.directive.mjs +3 -3
  37. package/esm2022/lib/modules/selection-box/selection-box-adapter.service.mjs +3 -3
  38. package/esm2022/lib/modules/selection-box/selection-box-description.component.mjs +3 -3
  39. package/esm2022/lib/modules/selection-box/selection-box-grid.component.mjs +3 -3
  40. package/esm2022/lib/modules/selection-box/selection-box-header.component.mjs +3 -3
  41. package/esm2022/lib/modules/selection-box/selection-box.component.mjs +3 -3
  42. package/esm2022/lib/modules/selection-box/selection-box.module.mjs +4 -4
  43. package/esm2022/lib/modules/shared/form-field-label-text-required.service.mjs +3 -3
  44. package/esm2022/lib/modules/shared/sky-forms-resources.module.mjs +7 -7
  45. package/esm2022/lib/modules/toggle-switch/toggle-switch-label.component.mjs +3 -3
  46. package/esm2022/lib/modules/toggle-switch/toggle-switch.component.mjs +3 -3
  47. package/esm2022/lib/modules/toggle-switch/toggle-switch.module.mjs +4 -4
  48. package/fesm2022/skyux-forms.mjs +194 -190
  49. package/fesm2022/skyux-forms.mjs.map +1 -1
  50. package/lib/modules/checkbox/checkbox.component.d.ts +2 -1
  51. package/lib/modules/file-attachment/file-attachment.component.d.ts +8 -4
  52. package/lib/modules/file-attachment/file-drop.component.d.ts +6 -1
  53. package/lib/modules/radio/radio-group.component.d.ts +2 -1
  54. package/lib/modules/radio/radio.component.d.ts +2 -1
  55. 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 | undefined);
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
- set disabled(value: boolean | undefined);
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 | undefined);
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 | undefined);
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.5",
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.1",
40
- "@angular/common": "^18.1.1",
41
- "@angular/core": "^18.1.1",
42
- "@angular/forms": "^18.1.1",
43
- "@angular/platform-browser": "^18.1.1",
44
- "@skyux-sdk/testing": "11.0.0-alpha.5",
45
- "@skyux/core": "11.0.0-alpha.5",
46
- "@skyux/help-inline": "11.0.0-alpha.5",
47
- "@skyux/i18n": "11.0.0-alpha.5",
48
- "@skyux/indicators": "11.0.0-alpha.5",
49
- "@skyux/popovers": "11.0.0-alpha.5",
50
- "@skyux/theme": "11.0.0-alpha.5"
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.5",
53
+ "@skyux/icon": "11.0.0-alpha.7",
54
54
  "tslib": "^2.6.3"
55
55
  },
56
56
  "module": "fesm2022/skyux-forms.mjs",