@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.
Files changed (53) hide show
  1. package/documentation.json +2743 -2752
  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 +3 -3
  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 +17 -11
  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 +3 -3
  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 +14 -16
  33. package/esm2022/lib/modules/radio/radio-label.component.mjs +3 -3
  34. package/esm2022/lib/modules/radio/radio.component.mjs +3 -3
  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 +186 -172
  49. package/fesm2022/skyux-forms.mjs.map +1 -1
  50. package/lib/modules/file-attachment/file-attachment.component.d.ts +9 -2
  51. package/lib/modules/file-attachment/file-drop.component.d.ts +6 -1
  52. package/lib/modules/radio/radio-group.component.d.ts +5 -4
  53. 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 | undefined;
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, AfterViewInit, ChangeDetectorRef, OnDestroy, OnInit, QueryList, TemplateRef } from '@angular/core';
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, AfterViewInit, OnInit, OnDestroy {
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 | undefined;
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.6",
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.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.6",
45
- "@skyux/core": "11.0.0-alpha.6",
46
- "@skyux/help-inline": "11.0.0-alpha.6",
47
- "@skyux/i18n": "11.0.0-alpha.6",
48
- "@skyux/indicators": "11.0.0-alpha.6",
49
- "@skyux/popovers": "11.0.0-alpha.6",
50
- "@skyux/theme": "11.0.0-alpha.6"
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.6",
53
+ "@skyux/icon": "11.0.0-alpha.8",
54
54
  "tslib": "^2.6.3"
55
55
  },
56
56
  "module": "fesm2022/skyux-forms.mjs",