@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.
Files changed (117) hide show
  1. package/fesm2022/skyux-forms-testing.mjs.map +1 -1
  2. package/fesm2022/skyux-forms.mjs +159 -159
  3. package/fesm2022/skyux-forms.mjs.map +1 -1
  4. package/index.d.ts +1800 -61
  5. package/package.json +14 -14
  6. package/testing/index.d.ts +1117 -3
  7. package/lib/modules/character-counter/character-counter-indicator.component.d.ts +0 -12
  8. package/lib/modules/character-counter/character-counter-screen-reader.pipe.d.ts +0 -8
  9. package/lib/modules/character-counter/character-counter.directive.d.ts +0 -29
  10. package/lib/modules/character-counter/character-counter.module.d.ts +0 -12
  11. package/lib/modules/checkbox/checkbox-change.d.ts +0 -9
  12. package/lib/modules/checkbox/checkbox-group-heading-level.d.ts +0 -1
  13. package/lib/modules/checkbox/checkbox-group-heading-style.d.ts +0 -1
  14. package/lib/modules/checkbox/checkbox-group.component.d.ts +0 -76
  15. package/lib/modules/checkbox/checkbox-label-text-label.component.d.ts +0 -12
  16. package/lib/modules/checkbox/checkbox-label.component.d.ts +0 -11
  17. package/lib/modules/checkbox/checkbox.component.d.ts +0 -195
  18. package/lib/modules/checkbox/checkbox.module.d.ts +0 -19
  19. package/lib/modules/field-group/field-group-heading-level.d.ts +0 -1
  20. package/lib/modules/field-group/field-group-heading-style.d.ts +0 -1
  21. package/lib/modules/field-group/field-group.component.d.ts +0 -61
  22. package/lib/modules/field-group/field-group.module.d.ts +0 -7
  23. package/lib/modules/file-attachment/file-attachment/file-attachment-change.d.ts +0 -7
  24. package/lib/modules/file-attachment/file-attachment/file-attachment-click.d.ts +0 -7
  25. package/lib/modules/file-attachment/file-attachment/file-attachment-join-ids.pipe.d.ts +0 -11
  26. package/lib/modules/file-attachment/file-attachment/file-attachment-label.component.d.ts +0 -17
  27. package/lib/modules/file-attachment/file-attachment/file-attachment.component.d.ts +0 -153
  28. package/lib/modules/file-attachment/file-attachment/file-attachment.module.d.ts +0 -9
  29. package/lib/modules/file-attachment/file-attachment/file-attachment.service.d.ts +0 -17
  30. package/lib/modules/file-attachment/file-attachments.module.d.ts +0 -11
  31. package/lib/modules/file-attachment/file-drop/file-drop-change.d.ts +0 -11
  32. package/lib/modules/file-attachment/file-drop/file-drop.component.d.ts +0 -162
  33. package/lib/modules/file-attachment/file-drop/file-drop.module.d.ts +0 -9
  34. package/lib/modules/file-attachment/file-drop/file-item.component.d.ts +0 -33
  35. package/lib/modules/file-attachment/file-drop/file-link.d.ts +0 -6
  36. package/lib/modules/file-attachment/shared/file-item-error-type.d.ts +0 -4
  37. package/lib/modules/file-attachment/shared/file-item.d.ts +0 -20
  38. package/lib/modules/file-attachment/shared/file-item.service.d.ts +0 -13
  39. package/lib/modules/file-attachment/shared/file-size.pipe.d.ts +0 -13
  40. package/lib/modules/file-attachment/shared/file-validate-function.d.ts +0 -5
  41. package/lib/modules/form-error/form-error.component.d.ts +0 -25
  42. package/lib/modules/form-error/form-error.module.d.ts +0 -7
  43. package/lib/modules/form-error/form-errors-enabled-token.d.ts +0 -5
  44. package/lib/modules/form-error/form-errors.component.d.ts +0 -30
  45. package/lib/modules/form-error/form-errors.module.d.ts +0 -11
  46. package/lib/modules/input-box/input-box-adapter.service.d.ts +0 -28
  47. package/lib/modules/input-box/input-box-control.directive.d.ts +0 -11
  48. package/lib/modules/input-box/input-box-hint-text.pipe.d.ts +0 -10
  49. package/lib/modules/input-box/input-box-host.service.d.ts +0 -40
  50. package/lib/modules/input-box/input-box-populate-args.d.ts +0 -12
  51. package/lib/modules/input-box/input-box.component.d.ts +0 -118
  52. package/lib/modules/input-box/input-box.module.d.ts +0 -16
  53. package/lib/modules/radio/radio-group-id.service.d.ts +0 -24
  54. package/lib/modules/radio/radio-group.component.d.ts +0 -157
  55. package/lib/modules/radio/radio-label.component.d.ts +0 -13
  56. package/lib/modules/radio/radio.component.d.ts +0 -169
  57. package/lib/modules/radio/radio.module.d.ts +0 -18
  58. package/lib/modules/radio/types/radio-change.d.ts +0 -9
  59. package/lib/modules/radio/types/radio-group-heading-level.d.ts +0 -1
  60. package/lib/modules/radio/types/radio-group-heading-style.d.ts +0 -1
  61. package/lib/modules/radio/types/radio-type.d.ts +0 -4
  62. package/lib/modules/required-state/required-state.directive.d.ts +0 -17
  63. package/lib/modules/selection-box/selection-box-adapter.service.d.ts +0 -46
  64. package/lib/modules/selection-box/selection-box-description.component.d.ts +0 -8
  65. package/lib/modules/selection-box/selection-box-grid.component.d.ts +0 -29
  66. package/lib/modules/selection-box/selection-box-header.component.d.ts +0 -8
  67. package/lib/modules/selection-box/selection-box.component.d.ts +0 -29
  68. package/lib/modules/selection-box/selection-box.module.d.ts +0 -12
  69. package/lib/modules/selection-box/types/selection-box-grid-align-items-type.d.ts +0 -4
  70. package/lib/modules/selection-box/types/selection-box-grid-align-items.d.ts +0 -14
  71. package/lib/modules/shared/sky-forms-resources.module.d.ts +0 -10
  72. package/lib/modules/toggle-switch/toggle-switch-label.component.d.ts +0 -12
  73. package/lib/modules/toggle-switch/toggle-switch.component.d.ts +0 -81
  74. package/lib/modules/toggle-switch/toggle-switch.module.d.ts +0 -12
  75. package/lib/modules/toggle-switch/types/toggle-switch-change.d.ts +0 -6
  76. package/testing/legacy/checkbox-fixture.d.ts +0 -38
  77. package/testing/legacy/radio-fixture.d.ts +0 -26
  78. package/testing/modules/character-counter/character-counter-indicator-harness-filters.d.ts +0 -6
  79. package/testing/modules/character-counter/character-counter-indicator-harness.d.ts +0 -31
  80. package/testing/modules/checkbox/checkbox-group-harness-filters.d.ts +0 -6
  81. package/testing/modules/checkbox/checkbox-group-harness.d.ts +0 -73
  82. package/testing/modules/checkbox/checkbox-harness-filters.d.ts +0 -6
  83. package/testing/modules/checkbox/checkbox-harness.d.ts +0 -103
  84. package/testing/modules/checkbox/checkbox-label-harness.d.ts +0 -16
  85. package/testing/modules/checkbox/checkbox-label-text-label.harness.d.ts +0 -16
  86. package/testing/modules/field-group/field-group-harness-filters.d.ts +0 -6
  87. package/testing/modules/field-group/field-group-harness.d.ts +0 -56
  88. package/testing/modules/file-attachment/file-attachment/file-attachment-harness-filters.d.ts +0 -6
  89. package/testing/modules/file-attachment/file-attachment/file-attachment-harness.d.ts +0 -101
  90. package/testing/modules/file-attachment/file-drop/file-drop-harness-filters.d.ts +0 -6
  91. package/testing/modules/file-attachment/file-drop/file-drop-harness.d.ts +0 -124
  92. package/testing/modules/file-attachment/file-drop/file-drop-link-upload-harness.d.ts +0 -28
  93. package/testing/modules/file-attachment/file-drop/file-drop-link-upload-input-harness.d.ts +0 -14
  94. package/testing/modules/file-attachment/file-drop/file-item-harness-filters.d.ts +0 -10
  95. package/testing/modules/file-attachment/file-drop/file-item-harness.d.ts +0 -28
  96. package/testing/modules/file-attachment/shared/provide-file-attachment-testing.d.ts +0 -11
  97. package/testing/modules/form-error/form-error-harness.d.ts +0 -23
  98. package/testing/modules/form-error/form-error-harness.filters.d.ts +0 -6
  99. package/testing/modules/form-error/form-errors-harness.d.ts +0 -24
  100. package/testing/modules/form-error/form-errors-harness.filters.d.ts +0 -6
  101. package/testing/modules/input-box/input-box-harness-filters.d.ts +0 -6
  102. package/testing/modules/input-box/input-box-harness.d.ts +0 -108
  103. package/testing/modules/radio/radio-group-harness-filters.d.ts +0 -6
  104. package/testing/modules/radio/radio-group-harness.d.ts +0 -69
  105. package/testing/modules/radio/radio-harness-filters.d.ts +0 -6
  106. package/testing/modules/radio/radio-harness.d.ts +0 -79
  107. package/testing/modules/radio/radio-label-harness.d.ts +0 -16
  108. package/testing/modules/selection-box/selection-box-description-harness.d.ts +0 -15
  109. package/testing/modules/selection-box/selection-box-grid-harness-filters.d.ts +0 -6
  110. package/testing/modules/selection-box/selection-box-grid-harness.d.ts +0 -27
  111. package/testing/modules/selection-box/selection-box-harness-filters.d.ts +0 -6
  112. package/testing/modules/selection-box/selection-box-harness.d.ts +0 -36
  113. package/testing/modules/selection-box/selection-box-header-harness.d.ts +0 -15
  114. package/testing/modules/toggle-switch/toggle-switch-harness-filters.d.ts +0 -6
  115. package/testing/modules/toggle-switch/toggle-switch-harness.d.ts +0 -67
  116. package/testing/modules/toggle-switch/toggle-switch-label-harness.d.ts +0 -16
  117. package/testing/public-api.d.ts +0 -35
@@ -1,153 +0,0 @@
1
- import { AfterContentInit, AfterViewInit, ChangeDetectorRef, ElementRef, EventEmitter, OnDestroy, OnInit, QueryList, TemplateRef } from '@angular/core';
2
- import { ControlValueAccessor, NgControl, ValidationErrors } from '@angular/forms';
3
- import { SkyThemeService } from '@skyux/theme';
4
- import { SkyFileItem } from '../shared/file-item';
5
- import { SkyFileItemErrorType } from '../shared/file-item-error-type';
6
- import { SkyFileItemService } from '../shared/file-item.service';
7
- import { SkyFileValidateFn } from '../shared/file-validate-function';
8
- import { SkyFileAttachmentChange } from './file-attachment-change';
9
- import { SkyFileAttachmentClick } from './file-attachment-click';
10
- import { SkyFileAttachmentLabelComponent } from './file-attachment-label.component';
11
- import { SkyFileAttachmentService } from './file-attachment.service';
12
- import * as i0 from "@angular/core";
13
- import * as i1 from "@skyux/theme";
14
- /**
15
- * Provides an element to attach a single local file.
16
- */
17
- export declare class SkyFileAttachmentComponent implements AfterViewInit, AfterContentInit, ControlValueAccessor, OnInit, OnDestroy {
18
- #private;
19
- /**
20
- * The comma-delimited string literal of MIME types that users can attach.
21
- * By default, all file types are allowed.
22
- */
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;
29
- /**
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.
31
- * To set the disabled state on reactive forms, use the `FormControl` instead.
32
- */
33
- disabled: boolean;
34
- /**
35
- * The content of the help popover. When specified along with `labelText`, a [help inline](https://developer.blackbaud.com/skyux/components/help-inline)
36
- * button is added to the single file attachment label. The help inline button displays a [popover](https://developer.blackbaud.com/skyux/components/popover)
37
- * when clicked using the specified content and optional title. This property only applies when `labelText` is also specified.
38
- */
39
- helpPopoverContent: string | TemplateRef<unknown> | undefined;
40
- /**
41
- * The title of the help popover. This property only applies when `helpPopoverContent` is
42
- * also specified.
43
- */
44
- helpPopoverTitle: string | undefined;
45
- /**
46
- * 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)
47
- * button is placed beside the single file attachment label. Clicking the button invokes [global help](https://developer.blackbaud.com/skyux/learn/develop/global-help)
48
- * as configured by the application. This property only applies when `labelText` is also specified.
49
- */
50
- helpKey: string | undefined;
51
- /**
52
- * The text to display as the file attachment's label.
53
- */
54
- labelText: string | undefined;
55
- /**
56
- * Whether to hide `labelText` from view.
57
- */
58
- labelHidden: boolean;
59
- /**
60
- * [Persistent inline help text](https://developer.blackbaud.com/skyux/design/guidelines/user-assistance#inline-help) that provides
61
- * additional context to the user.
62
- */
63
- hintText: string | undefined;
64
- /**
65
- * The maximum size in bytes for valid files.
66
- * @default 500000
67
- */
68
- set maxFileSize(value: number | undefined);
69
- get maxFileSize(): number;
70
- /**
71
- * The minimum size in bytes for valid files.
72
- * @default 0
73
- */
74
- set minFileSize(value: number | undefined);
75
- get minFileSize(): number;
76
- /**
77
- * Whether the single file attachment is stacked on another form component. When specified,
78
- * the appropriate vertical spacing is automatically added to the single file attachment.
79
- */
80
- stacked: boolean;
81
- /**
82
- * The custom validation function. This validation runs alongside the internal
83
- * file validation. This function takes a `SkyFileItem` object as a parameter.
84
- * @deprecated Add a custom Angular `Validator` function to the `FormControl` instead.
85
- */
86
- validateFn: SkyFileValidateFn | undefined;
87
- /**
88
- * Fires when users add or remove files.
89
- * @deprecated Subscribe to the form control's `valueChanges` event instead.
90
- */
91
- fileChange: EventEmitter<SkyFileAttachmentChange>;
92
- /**
93
- * Fires when users select the file name link. Make sure to bind the event.
94
- * If you do not, the file name link will be a dead link.
95
- */
96
- fileClick: EventEmitter<SkyFileAttachmentClick>;
97
- acceptedOver: boolean;
98
- hasLabelComponent: boolean;
99
- rejectedOver: boolean;
100
- /**
101
- * Whether the input is required for form validation.
102
- * When you set this property to `true`, the component adds `aria-required` and `required`
103
- * attributes to the input element so that forms display an invalid state until the input element
104
- * is complete.
105
- * For more information about the `aria-required` attribute, see the [WAI-ARIA definition](https://www.w3.org/TR/wai-aria/#aria-required).
106
- */
107
- required: boolean;
108
- set value(value: SkyFileItem | undefined | null);
109
- get value(): SkyFileItem | undefined;
110
- currentThemeName: string | undefined;
111
- fileName: string;
112
- showFileAttachmentButton: boolean;
113
- truncatedFileName: string;
114
- inputEl: ElementRef | undefined;
115
- labelComponents: QueryList<SkyFileAttachmentLabelComponent> | undefined;
116
- isImage: boolean;
117
- protected get isRequired(): boolean;
118
- protected ngControl: NgControl | undefined;
119
- protected errorId: string;
120
- protected labelId: string;
121
- protected fileErrorName: SkyFileItemErrorType | undefined;
122
- protected fileErrorParam: string | undefined;
123
- protected fileErrorValidation: ValidationErrors | null | undefined;
124
- constructor(changeDetector: ChangeDetectorRef, fileAttachmentService: SkyFileAttachmentService, fileItemService: SkyFileItemService, ngControl?: NgControl, themeSvc?: SkyThemeService);
125
- ngOnInit(): void;
126
- ngAfterViewInit(): void;
127
- ngAfterContentInit(): void;
128
- onButtonBlur(): void;
129
- onDropClicked(): void;
130
- fileChangeEvent(fileChangeEvent: Event): void;
131
- fileDragEnter(dragEnterEvent: DragEvent): void;
132
- fileDragOver(dragOverEvent: DragEvent): void;
133
- fileDrop(dropEvent: DragEvent): void;
134
- fileDragLeave(dragLeaveEvent: DragEvent): void;
135
- deleteFileAttachment(): void;
136
- ngOnDestroy(): void;
137
- registerOnChange(fn: (value: any) => any): void;
138
- registerOnTouched(fn: () => any): void;
139
- writeValue(value: any): void;
140
- /**
141
- * @internal
142
- * Sets the disabled state of the control. Implemented as a part of ControlValueAccessor.
143
- * @param isDisabled Whether the control should be disabled.
144
- */
145
- setDisabledState(isDisabled: boolean): void;
146
- emitClick(): void;
147
- static ɵfac: i0.ɵɵFactoryDeclaration<SkyFileAttachmentComponent, [null, null, null, { optional: true; self: true; }, { optional: true; }]>;
148
- 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-file-attachment-label", "sky-form-error"], true, [{ directive: typeof i1.SkyThemeComponentClassDirective; inputs: {}; outputs: {}; }]>;
149
- static ngAcceptInputType_disabled: unknown;
150
- static ngAcceptInputType_labelHidden: unknown;
151
- static ngAcceptInputType_stacked: unknown;
152
- static ngAcceptInputType_required: unknown;
153
- }
@@ -1,9 +0,0 @@
1
- import * as i0 from "@angular/core";
2
- import * as i1 from "./file-attachment.component";
3
- import * as i2 from "./file-attachment-label.component";
4
- import * as i3 from "../../form-error/form-error.module";
5
- export declare class SkyFileAttachmentModule {
6
- static ɵfac: i0.ɵɵFactoryDeclaration<SkyFileAttachmentModule, never>;
7
- static ɵmod: i0.ɵɵNgModuleDeclaration<SkyFileAttachmentModule, never, [typeof i1.SkyFileAttachmentComponent, typeof i2.SkyFileAttachmentLabelComponent], [typeof i1.SkyFileAttachmentComponent, typeof i2.SkyFileAttachmentLabelComponent, typeof i3.SkyFormErrorModule]>;
8
- static ɵinj: i0.ɵɵInjectorDeclaration<SkyFileAttachmentModule>;
9
- }
@@ -1,17 +0,0 @@
1
- import { SkyFileItem } from '../shared/file-item';
2
- import { SkyFileValidateFn } from '../shared/file-validate-function';
3
- import * as i0 from "@angular/core";
4
- /**
5
- * @internal
6
- */
7
- export declare class SkyFileAttachmentService {
8
- #private;
9
- checkFiles(files: SkyFileItem[], minFileSize: number, maxFileSize: number, acceptedTypes?: string, validateFn?: SkyFileValidateFn): SkyFileItem[];
10
- /**
11
- * Returns `true` if a directory is found in the provided `files` parameter.
12
- */
13
- hasDirectory(files: FileList): boolean;
14
- fileTypeRejected(fileType: string, acceptedTypes?: string): boolean;
15
- static ɵfac: i0.ɵɵFactoryDeclaration<SkyFileAttachmentService, never>;
16
- static ɵprov: i0.ɵɵInjectableDeclaration<SkyFileAttachmentService>;
17
- }
@@ -1,11 +0,0 @@
1
- import * as i0 from "@angular/core";
2
- import * as i1 from "./file-attachment/file-attachment.module";
3
- import * as i2 from "./file-drop/file-drop.module";
4
- /**
5
- * @deprecated Import either `SkyFileAttachmentModule` or `SkyFileDropModule`.
6
- */
7
- export declare class SkyFileAttachmentsModule {
8
- static ɵfac: i0.ɵɵFactoryDeclaration<SkyFileAttachmentsModule, never>;
9
- static ɵmod: i0.ɵɵNgModuleDeclaration<SkyFileAttachmentsModule, never, [typeof i1.SkyFileAttachmentModule, typeof i2.SkyFileDropModule], [typeof i1.SkyFileAttachmentModule, typeof i2.SkyFileDropModule]>;
10
- static ɵinj: i0.ɵɵInjectorDeclaration<SkyFileAttachmentsModule>;
11
- }
@@ -1,11 +0,0 @@
1
- import { SkyFileItem } from '../shared/file-item';
2
- export interface SkyFileDropChange {
3
- /**
4
- * The array of files that were added or removed.
5
- */
6
- files: SkyFileItem[];
7
- /**
8
- * The array of files that were rejected.
9
- */
10
- rejectedFiles: SkyFileItem[];
11
- }
@@ -1,162 +0,0 @@
1
- import { ElementRef, EventEmitter, OnDestroy, TemplateRef } from '@angular/core';
2
- import { ControlValueAccessor, NgControl } from '@angular/forms';
3
- import { SkyFileItem } from '../shared/file-item';
4
- import { SkyFileValidateFn } from '../shared/file-validate-function';
5
- import { SkyFileDropChange } from './file-drop-change';
6
- import { SkyFileLink } from './file-link';
7
- import * as i0 from "@angular/core";
8
- /**
9
- * Provides an element to attach multiple files where users can browse or drag and drop local files
10
- * or provide hyperlinks to external files. You can leave the contents of the component
11
- * blank to display the drop zone's default UI, or you can specify custom content to
12
- * display instead. When the module initializes, it disables the ability to drag and
13
- * drop files for the entire window to prevent the browser from opening files that are
14
- * accidentally dropped outside the target zone. If you implement your own file drop functionality
15
- * outside of the file drop component, you can place the `sky-file-drop-target` CSS class
16
- * on the element that receives drop events to exempt it from the drop exclusion rule.
17
- */
18
- export declare class SkyFileDropComponent implements OnDestroy, ControlValueAccessor {
19
- #private;
20
- /**
21
- * Fires when users add or remove files.
22
- */
23
- filesChanged: EventEmitter<SkyFileDropChange>;
24
- /**
25
- * Fires when the link input box triggers a blur event.
26
- */
27
- linkInputBlur: EventEmitter<void>;
28
- /**
29
- * Fires when users add or remove links.
30
- */
31
- linkChanged: EventEmitter<SkyFileLink>;
32
- /**
33
- * The ARIA label for the file upload button. This provides a text equivalent for
34
- * screen readers [to support accessibility](https://developer.blackbaud.com/skyux/learn/accessibility).
35
- * For more information about the `aria-label` attribute, see the [WAI-ARIA definition](https://www.w3.org/TR/wai-aria/#aria-label).
36
- * @default "Drag a file here or click to browse"
37
- */
38
- fileUploadAriaLabel: string | undefined;
39
- /**
40
- * The ARIA label for the link upload input. This sets the button's `aria-label` attribute to provide a text equivalent for
41
- * screen readers [to support accessibility](https://developer.blackbaud.com/skyux/learn/accessibility).
42
- * For more information about the `aria-label` attribute, see the [WAI-ARIA definition](https://www.w3.org/TR/wai-aria/#aria-label).
43
- * @default "Link to a file"
44
- */
45
- linkUploadAriaLabel: string | undefined;
46
- /**
47
- * The hint text for the link upload input.
48
- */
49
- linkUploadHintText: string | undefined;
50
- /**
51
- * The minimum size in bytes for valid files.
52
- * @default 0
53
- */
54
- set minFileSize(value: number | undefined);
55
- get minFileSize(): number;
56
- /**
57
- * The maximum size in bytes for valid files.
58
- * @default 500000
59
- */
60
- set maxFileSize(value: number | undefined);
61
- get maxFileSize(): number;
62
- /**
63
- * Whether users can drag and drop multiple files at the same time.
64
- */
65
- multiple: boolean | undefined;
66
- /**
67
- * The custom validation function. This validation runs alongside the internal
68
- * file validation. This function takes a `SkyFileItem` object as a parameter.
69
- * The string returned is used as the error message in multi-file attachment.
70
- */
71
- validateFn: SkyFileValidateFn | undefined;
72
- /**
73
- * The comma-delimited string literal of MIME types that users can attach.
74
- * By default, all file types are allowed.
75
- * @required
76
- */
77
- acceptedTypes: string | undefined;
78
- /**
79
- * A custom error message to display when a file doesn't match the accepted types.
80
- * This replaces a default error message that lists all accepted types.
81
- */
82
- acceptedTypesErrorMessage: string | undefined;
83
- /**
84
- * Whether to disable the option to browse for files to attach.
85
- */
86
- noClick: boolean | undefined;
87
- /**
88
- * Whether to display the option to attach files from URLs rather than from local devices.
89
- */
90
- allowLinks: boolean | undefined;
91
- /**
92
- * The text to display as the file attachment's label.
93
- */
94
- labelText: string | undefined;
95
- /**
96
- * Whether to hide `labelText` from view.
97
- */
98
- labelHidden: boolean;
99
- /**
100
- * [Persistent inline help text](https://developer.blackbaud.com/skyux/design/guidelines/user-assistance#inline-help) that provides
101
- * additional context to the user.
102
- */
103
- hintText: string | undefined;
104
- /**
105
- * Whether uploading a file or link is required.
106
- * When you set this property to `true`, the component adds `aria-required` and `required`
107
- * attributes to the input elements so that screen readers announce an invalid state until the input element
108
- * is complete.
109
- * For more information about the `aria-required` attribute, see the [WAI-ARIA definition](https://www.w3.org/TR/wai-aria/#aria-required).
110
- */
111
- required: boolean;
112
- /**
113
- * The content of the help popover. When specified along with `labelText`, a [help inline](https://developer.blackbaud.com/skyux/components/help-inline)
114
- * button is added to the file attachment label. The help inline button displays a [popover](https://developer.blackbaud.com/skyux/components/popover)
115
- * when clicked using the specified content and optional title. This property only applies when `labelText` is also specified.
116
- */
117
- helpPopoverContent: string | TemplateRef<unknown> | undefined;
118
- /**
119
- * The title of the help popover. This property only applies when `helpPopoverContent` is
120
- * also specified.
121
- */
122
- helpPopoverTitle: string | undefined;
123
- /**
124
- * Whether the file attachment is stacked on another form component. When specified, the appropriate
125
- * vertical spacing is automatically added to the file attachment.
126
- */
127
- stacked: boolean;
128
- /**
129
- * 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)
130
- * button is placed beside the file attachment label. Clicking the button invokes [global help](https://developer.blackbaud.com/skyux/learn/develop/global-help)
131
- * as configured by the application. This property only applies when `labelText` is also specified.
132
- */
133
- helpKey: string | undefined;
134
- inputEl: ElementRef | undefined;
135
- rejectedOver: boolean;
136
- acceptedOver: boolean;
137
- linkUrl: string | undefined;
138
- protected errorId: string;
139
- protected ngControl: NgControl | null;
140
- protected rejectedFiles: SkyFileItem[];
141
- constructor();
142
- ngOnDestroy(): void;
143
- writeValue(value: unknown): void;
144
- registerOnChange(fn: any): void;
145
- registerOnTouched(fn: () => void): void;
146
- dropClicked(): void;
147
- fileChangeEvent(fileChangeEvent: Event): void;
148
- fileDragEnter(dragEnterEvent: DragEvent): void;
149
- fileDragOver(dragOverEvent: DragEvent): void;
150
- fileDrop(dropEvent: DragEvent): void;
151
- fileDragLeave(dragLeaveEvent: any): void;
152
- addLinkEnter(event: KeyboardEvent): void;
153
- addLink(event: Event): void;
154
- protected uploadLink(file: SkyFileLink): void;
155
- onLinkBlur(): void;
156
- protected get isRequired(): boolean;
157
- static ɵfac: i0.ɵɵFactoryDeclaration<SkyFileDropComponent, never>;
158
- static ɵcmp: i0.ɵɵComponentDeclaration<SkyFileDropComponent, "sky-file-drop", never, { "fileUploadAriaLabel": { "alias": "fileUploadAriaLabel"; "required": false; }; "linkUploadAriaLabel": { "alias": "linkUploadAriaLabel"; "required": false; }; "linkUploadHintText": { "alias": "linkUploadHintText"; "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, ["*", "sky-form-error"], true, never>;
159
- static ngAcceptInputType_labelHidden: unknown;
160
- static ngAcceptInputType_required: unknown;
161
- static ngAcceptInputType_stacked: unknown;
162
- }
@@ -1,9 +0,0 @@
1
- import * as i0 from "@angular/core";
2
- import * as i1 from "./file-drop.component";
3
- import * as i2 from "./file-item.component";
4
- import * as i3 from "../../form-error/form-error.module";
5
- export declare class SkyFileDropModule {
6
- static ɵfac: i0.ɵɵFactoryDeclaration<SkyFileDropModule, never>;
7
- static ɵmod: i0.ɵɵNgModuleDeclaration<SkyFileDropModule, never, [typeof i1.SkyFileDropComponent, typeof i2.SkyFileItemComponent], [typeof i1.SkyFileDropComponent, typeof i2.SkyFileItemComponent, typeof i3.SkyFormErrorModule]>;
8
- static ɵinj: i0.ɵɵInjectorDeclaration<SkyFileDropModule>;
9
- }
@@ -1,33 +0,0 @@
1
- import { DoCheck, EventEmitter, KeyValueDiffers } from '@angular/core';
2
- import { SkyFileItem } from '../shared/file-item';
3
- import { SkyFileItemService } from '../shared/file-item.service';
4
- import { SkyFileLink } from './file-link';
5
- import * as i0 from "@angular/core";
6
- export declare class SkyFileItemComponent implements DoCheck {
7
- #private;
8
- /**
9
- * The summary information to display about file attachments. For local files,
10
- * the default summary includes the file name, file size, file preview, and a delete button.
11
- * For external files, the default summary includes the URL and a delete button.
12
- * You can include additional inputs to display user-entered metadata.
13
- * @required
14
- */
15
- set fileItem(value: SkyFileItem | SkyFileLink | undefined);
16
- get fileItem(): SkyFileItem | SkyFileLink | undefined;
17
- /**
18
- * Fires when users select the delete button for an item. The deleted item is passed to the
19
- * function.
20
- */
21
- deleteFile: EventEmitter<SkyFileItem | SkyFileLink>;
22
- fileName: string;
23
- fileSize: number | undefined;
24
- url: string;
25
- icon: string | undefined;
26
- isFile: boolean;
27
- isImage: boolean;
28
- constructor(differs: KeyValueDiffers, fileItemService: SkyFileItemService);
29
- ngDoCheck(): void;
30
- itemDelete(): void;
31
- static ɵfac: i0.ɵɵFactoryDeclaration<SkyFileItemComponent, never>;
32
- static ɵcmp: i0.ɵɵComponentDeclaration<SkyFileItemComponent, "sky-file-item", never, { "fileItem": { "alias": "fileItem"; "required": false; }; }, { "deleteFile": "deleteFile"; }, never, ["*"], true, never>;
33
- }
@@ -1,6 +0,0 @@
1
- export interface SkyFileLink {
2
- /**
3
- * The URL for the linked file.
4
- */
5
- url: string;
6
- }
@@ -1,4 +0,0 @@
1
- /**
2
- * The type of error that was thrown.
3
- */
4
- export type SkyFileItemErrorType = 'fileType' | 'minFileSize' | 'maxFileSize' | 'validate';
@@ -1,20 +0,0 @@
1
- import { SkyFileItemErrorType } from './file-item-error-type';
2
- export interface SkyFileItem {
3
- /**
4
- * The object that was added or removed.
5
- */
6
- file: File;
7
- /**
8
- * The [data URL](https://developer.mozilla.org/en-US/docs/Web/HTTP/Basics_of_HTTP/Data_URIs)
9
- * for the file that was added or removed.
10
- */
11
- url: string;
12
- /**
13
- * The type of error that caused the file to be rejected.
14
- */
15
- errorType?: SkyFileItemErrorType;
16
- /**
17
- * Additional parameters about the error that caused the file to be rejected.
18
- */
19
- errorParam?: string;
20
- }
@@ -1,13 +0,0 @@
1
- import { SkyFileItem } from './file-item';
2
- import * as i0 from "@angular/core";
3
- /**
4
- * @internal
5
- */
6
- export declare class SkyFileItemService {
7
- isFile(fileItem: SkyFileItem): boolean;
8
- isImage(fileItem: SkyFileItem): boolean;
9
- getFileExtensionUpper(fileItem: SkyFileItem): string;
10
- getFileTypeUpper(fileItem: SkyFileItem): string;
11
- static ɵfac: i0.ɵɵFactoryDeclaration<SkyFileItemService, never>;
12
- static ɵprov: i0.ɵɵInjectableDeclaration<SkyFileItemService>;
13
- }
@@ -1,13 +0,0 @@
1
- import { PipeTransform } from '@angular/core';
2
- import { SkyLibResourcesService } from '@skyux/i18n';
3
- import * as i0 from "@angular/core";
4
- /**
5
- * @internal
6
- */
7
- export declare class SkyFileSizePipe implements PipeTransform {
8
- #private;
9
- constructor(resourcesService: SkyLibResourcesService);
10
- transform(input?: number | string | null): string;
11
- static ɵfac: i0.ɵɵFactoryDeclaration<SkyFileSizePipe, never>;
12
- static ɵpipe: i0.ɵɵPipeDeclaration<SkyFileSizePipe, "skyFileSize", true>;
13
- }
@@ -1,5 +0,0 @@
1
- import { SkyFileItem } from './file-item';
2
- /**
3
- * Custom validation run on each file uploaded. The string returned is used as the error message in multi-file attachment.
4
- */
5
- export type SkyFileValidateFn = (file: SkyFileItem) => string | undefined;
@@ -1,25 +0,0 @@
1
- import * as i0 from "@angular/core";
2
- import * as i1 from "@skyux/theme";
3
- /**
4
- * Displays default and custom form field error messages for form field components.
5
- * Set `labelText` on the form field component to automatically display required,
6
- * maximum length, minimum length, date, email, phone number, time, and URL errors.
7
- * To display custom errors, include sky-form-error elements in the form field component.
8
- */
9
- export declare class SkyFormErrorComponent {
10
- /**
11
- * The name of the error.
12
- * @required
13
- */
14
- errorName: string;
15
- /**
16
- * The error message to display.
17
- * @required
18
- */
19
- errorText: string;
20
- get dataErrorName(): string;
21
- protected readonly formErrors: boolean | null;
22
- constructor();
23
- static ɵfac: i0.ɵɵFactoryDeclaration<SkyFormErrorComponent, never>;
24
- static ɵcmp: i0.ɵɵComponentDeclaration<SkyFormErrorComponent, "sky-form-error", never, { "errorName": { "alias": "errorName"; "required": true; }; "errorText": { "alias": "errorText"; "required": true; }; }, {}, never, never, true, [{ directive: typeof i1.SkyThemeComponentClassDirective; inputs: {}; outputs: {}; }]>;
25
- }
@@ -1,7 +0,0 @@
1
- import * as i0 from "@angular/core";
2
- import * as i1 from "./form-error.component";
3
- export declare class SkyFormErrorModule {
4
- static ɵfac: i0.ɵɵFactoryDeclaration<SkyFormErrorModule, never>;
5
- static ɵmod: i0.ɵɵNgModuleDeclaration<SkyFormErrorModule, never, [typeof i1.SkyFormErrorComponent], [typeof i1.SkyFormErrorComponent]>;
6
- static ɵinj: i0.ɵɵInjectorDeclaration<SkyFormErrorModule>;
7
- }
@@ -1,5 +0,0 @@
1
- import { InjectionToken } from '@angular/core';
2
- /**
3
- * @internal
4
- */
5
- export declare const SKY_FORM_ERRORS_ENABLED: InjectionToken<boolean>;
@@ -1,30 +0,0 @@
1
- import { ValidationErrors } from '@angular/forms';
2
- import * as i0 from "@angular/core";
3
- /**
4
- * @internal
5
- */
6
- export declare class SkyFormErrorsComponent {
7
- /**
8
- * The validation errors from the form control.
9
- */
10
- errors: ValidationErrors | null | undefined;
11
- /**
12
- * Input label text to display in the error messages.
13
- */
14
- labelText: string | undefined;
15
- /**
16
- * Indicates whether the parent component's control is touched
17
- */
18
- touched: boolean;
19
- /**
20
- * Indicates whether the parent component's control is dirty
21
- */
22
- dirty: boolean;
23
- protected readonly ariaAtomic = "true";
24
- protected readonly ariaLive = "assertive";
25
- protected readonly ariaRelevant = "all";
26
- static ɵfac: i0.ɵɵFactoryDeclaration<SkyFormErrorsComponent, never>;
27
- static ɵcmp: i0.ɵɵComponentDeclaration<SkyFormErrorsComponent, "sky-form-errors", never, { "errors": { "alias": "errors"; "required": false; }; "labelText": { "alias": "labelText"; "required": false; }; "touched": { "alias": "touched"; "required": false; }; "dirty": { "alias": "dirty"; "required": false; }; }, {}, never, ["*"], true, never>;
28
- static ngAcceptInputType_touched: unknown;
29
- static ngAcceptInputType_dirty: unknown;
30
- }
@@ -1,11 +0,0 @@
1
- import * as i0 from "@angular/core";
2
- import * as i1 from "./form-errors.component";
3
- import * as i2 from "./form-error.component";
4
- /**
5
- * @internal
6
- */
7
- export declare class SkyFormErrorsModule {
8
- static ɵfac: i0.ɵɵFactoryDeclaration<SkyFormErrorsModule, never>;
9
- static ɵmod: i0.ɵɵNgModuleDeclaration<SkyFormErrorsModule, never, [typeof i1.SkyFormErrorsComponent, typeof i2.SkyFormErrorComponent], [typeof i1.SkyFormErrorsComponent]>;
10
- static ɵinj: i0.ɵɵInjectorDeclaration<SkyFormErrorsModule>;
11
- }
@@ -1,28 +0,0 @@
1
- import { ElementRef } from '@angular/core';
2
- import * as i0 from "@angular/core";
3
- /**
4
- * @internal
5
- */
6
- export declare class SkyInputBoxAdapterService {
7
- #private;
8
- /**
9
- * Returns whether the provided input box contains the focus event target.
10
- */
11
- containsElement(inputRef: ElementRef, el: EventTarget): boolean;
12
- focusControl(elRef: ElementRef): void;
13
- /**
14
- * Returns the inline help element.
15
- */
16
- getInlineHelpElement(elRef: ElementRef): HTMLElement;
17
- /**
18
- * Returns true if the provided element contains the focused element.
19
- */
20
- isFocusInElement(el: HTMLElement): boolean;
21
- updateDescribedBy(inputRef: ElementRef, hintTextId: string, hintText: string | undefined): void;
22
- /**
23
- * Queries the provided input box with the query string.
24
- */
25
- queryElement(inputRef: ElementRef, query: string): HTMLElement;
26
- static ɵfac: i0.ɵɵFactoryDeclaration<SkyInputBoxAdapterService, never>;
27
- static ɵprov: i0.ɵɵInjectableDeclaration<SkyInputBoxAdapterService>;
28
- }
@@ -1,11 +0,0 @@
1
- import * as i0 from "@angular/core";
2
- /**
3
- * @internal
4
- */
5
- export declare class SkyInputBoxControlDirective {
6
- #private;
7
- set autocomplete(value: string | undefined);
8
- get autocomplete(): string | undefined;
9
- static ɵfac: i0.ɵɵFactoryDeclaration<SkyInputBoxControlDirective, never>;
10
- static ɵdir: i0.ɵɵDirectiveDeclaration<SkyInputBoxControlDirective, "input:not([skyId]):not(.sky-form-control),select:not([skyId]):not(.sky-form-control),textarea:not([skyId]):not(.sky-form-control)", never, { "autocomplete": { "alias": "autocomplete"; "required": false; }; }, {}, never, never, true, never>;
11
- }
@@ -1,10 +0,0 @@
1
- import { PipeTransform } from '@angular/core';
2
- import * as i0 from "@angular/core";
3
- /**
4
- * @internal
5
- */
6
- export declare class SkyInputBoxHintTextPipe implements PipeTransform {
7
- transform(hintText?: string, hostHintText?: string): string | undefined;
8
- static ɵfac: i0.ɵɵFactoryDeclaration<SkyInputBoxHintTextPipe, never>;
9
- static ɵpipe: i0.ɵɵPipeDeclaration<SkyInputBoxHintTextPipe, "skyInputBoxHintText", true>;
10
- }