@skyux/forms 11.0.0-alpha.8 → 11.0.0-alpha.9
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 +3835 -4255
- package/esm2022/index.mjs +14 -11
- package/esm2022/lib/modules/checkbox/checkbox.component.mjs +19 -25
- package/esm2022/lib/modules/file-attachment/file-attachment/file-attachment-change.mjs +2 -0
- package/esm2022/lib/modules/file-attachment/file-attachment/file-attachment-click.mjs +2 -0
- package/esm2022/lib/modules/file-attachment/file-attachment/file-attachment-label.component.mjs +32 -0
- package/esm2022/lib/modules/file-attachment/file-attachment/file-attachment.component.mjs +485 -0
- package/esm2022/lib/modules/file-attachment/file-attachment/file-attachment.module.mjs +24 -0
- package/esm2022/lib/modules/file-attachment/file-attachment/file-attachment.service.mjs +103 -0
- package/esm2022/lib/modules/file-attachment/file-attachments.module.mjs +10 -73
- package/esm2022/lib/modules/file-attachment/file-drop/file-drop-change.mjs +2 -0
- package/esm2022/lib/modules/file-attachment/file-drop/file-drop.component.mjs +336 -0
- package/esm2022/lib/modules/file-attachment/file-drop/file-drop.module.mjs +18 -0
- package/esm2022/lib/modules/file-attachment/file-drop/file-item.component.mjs +163 -0
- package/esm2022/lib/modules/file-attachment/file-drop/file-link.mjs +2 -0
- package/esm2022/lib/modules/file-attachment/shared/file-item-error-type.mjs +2 -0
- package/esm2022/lib/modules/file-attachment/shared/file-item.mjs +2 -0
- package/esm2022/lib/modules/file-attachment/shared/file-item.service.mjs +71 -0
- package/esm2022/lib/modules/file-attachment/shared/file-size.pipe.mjs +61 -0
- package/esm2022/lib/modules/file-attachment/shared/file-validate-function.mjs +2 -0
- package/esm2022/lib/modules/input-box/input-box.component.mjs +18 -23
- package/esm2022/lib/modules/radio/radio-group.component.mjs +16 -23
- package/esm2022/lib/modules/radio/radio.component.mjs +15 -22
- package/esm2022/lib/modules/shared/form-field-label-text-required.directive.mjs +37 -0
- package/esm2022/lib/modules/shared/form-field-label-text-required.service.mjs +6 -4
- package/esm2022/lib/modules/toggle-switch/toggle-switch.component.mjs +14 -21
- package/fesm2022/skyux-forms.mjs +264 -269
- package/fesm2022/skyux-forms.mjs.map +1 -1
- package/index.d.ts +21 -18
- package/lib/modules/checkbox/checkbox.component.d.ts +4 -5
- package/lib/modules/file-attachment/{types → file-attachment}/file-attachment-change.d.ts +1 -1
- package/lib/modules/file-attachment/{types → file-attachment}/file-attachment-click.d.ts +1 -1
- package/lib/modules/file-attachment/{file-attachment-label.component.d.ts → file-attachment/file-attachment-label.component.d.ts} +7 -5
- package/lib/modules/file-attachment/{file-attachment.component.d.ts → file-attachment/file-attachment.component.d.ts} +8 -8
- package/lib/modules/file-attachment/file-attachment/file-attachment.module.d.ts +9 -0
- package/lib/modules/file-attachment/{file-attachment.service.d.ts → file-attachment/file-attachment.service.d.ts} +2 -2
- package/lib/modules/file-attachment/file-attachments.module.d.ts +6 -15
- package/lib/modules/file-attachment/{types → file-drop}/file-drop-change.d.ts +1 -1
- package/lib/modules/file-attachment/{file-drop.component.d.ts → file-drop/file-drop.component.d.ts} +7 -8
- package/lib/modules/file-attachment/file-drop/file-drop.module.d.ts +9 -0
- package/lib/modules/file-attachment/{file-item.component.d.ts → file-drop/file-item.component.d.ts} +3 -3
- package/lib/modules/file-attachment/{file-size.pipe.d.ts → shared/file-size.pipe.d.ts} +2 -3
- package/lib/modules/input-box/input-box.component.d.ts +2 -3
- package/lib/modules/radio/radio-group.component.d.ts +4 -5
- package/lib/modules/radio/radio.component.d.ts +4 -5
- package/lib/modules/shared/form-field-label-text-required.directive.d.ts +14 -0
- package/lib/modules/shared/form-field-label-text-required.service.d.ts +2 -1
- package/lib/modules/toggle-switch/toggle-switch.component.d.ts +4 -5
- package/package.json +9 -9
- package/esm2022/lib/modules/file-attachment/file-attachment-label.component.mjs +0 -28
- package/esm2022/lib/modules/file-attachment/file-attachment.component.mjs +0 -475
- package/esm2022/lib/modules/file-attachment/file-attachment.service.mjs +0 -103
- package/esm2022/lib/modules/file-attachment/file-drop.component.mjs +0 -328
- package/esm2022/lib/modules/file-attachment/file-item-error-type.mjs +0 -2
- package/esm2022/lib/modules/file-attachment/file-item.component.mjs +0 -155
- package/esm2022/lib/modules/file-attachment/file-item.mjs +0 -2
- package/esm2022/lib/modules/file-attachment/file-item.service.mjs +0 -70
- package/esm2022/lib/modules/file-attachment/file-link.mjs +0 -2
- package/esm2022/lib/modules/file-attachment/file-size.pipe.mjs +0 -61
- package/esm2022/lib/modules/file-attachment/file-validate-function.mjs +0 -2
- package/esm2022/lib/modules/file-attachment/types/file-attachment-change.mjs +0 -2
- package/esm2022/lib/modules/file-attachment/types/file-attachment-click.mjs +0 -2
- package/esm2022/lib/modules/file-attachment/types/file-drop-change.mjs +0 -2
- /package/lib/modules/file-attachment/{file-link.d.ts → file-drop/file-link.d.ts} +0 -0
- /package/lib/modules/file-attachment/{file-item-error-type.d.ts → shared/file-item-error-type.d.ts} +0 -0
- /package/lib/modules/file-attachment/{file-item.d.ts → shared/file-item.d.ts} +0 -0
- /package/lib/modules/file-attachment/{file-item.service.d.ts → shared/file-item.service.d.ts} +0 -0
- /package/lib/modules/file-attachment/{file-validate-function.d.ts → shared/file-validate-function.d.ts} +0 -0
package/index.d.ts
CHANGED
|
@@ -3,26 +3,28 @@ export { SkyCheckboxChange } from './lib/modules/checkbox/checkbox-change';
|
|
|
3
3
|
export { SkyCheckboxGroupHeadingLevel } from './lib/modules/checkbox/checkbox-group-heading-level';
|
|
4
4
|
export { SkyCheckboxGroupHeadingStyle } from './lib/modules/checkbox/checkbox-group-heading-style';
|
|
5
5
|
export { SkyCheckboxModule } from './lib/modules/checkbox/checkbox.module';
|
|
6
|
-
export { SkyFieldGroupModule } from './lib/modules/field-group/field-group.module';
|
|
7
6
|
export { SkyFieldGroupHeadingLevel } from './lib/modules/field-group/field-group-heading-level';
|
|
8
7
|
export { SkyFieldGroupHeadingStyle } from './lib/modules/field-group/field-group-heading-style';
|
|
8
|
+
export { SkyFieldGroupModule } from './lib/modules/field-group/field-group.module';
|
|
9
|
+
export { SkyFileAttachmentChange } from './lib/modules/file-attachment/file-attachment/file-attachment-change';
|
|
10
|
+
export { SkyFileAttachmentClick } from './lib/modules/file-attachment/file-attachment/file-attachment-click';
|
|
11
|
+
export { SkyFileAttachmentModule } from './lib/modules/file-attachment/file-attachment/file-attachment.module';
|
|
9
12
|
export { SkyFileAttachmentsModule } from './lib/modules/file-attachment/file-attachments.module';
|
|
10
|
-
export {
|
|
11
|
-
export {
|
|
12
|
-
export { SkyFileLink } from './lib/modules/file-attachment/file-link';
|
|
13
|
-
export {
|
|
14
|
-
export {
|
|
15
|
-
export {
|
|
16
|
-
export { SkyFileDropChange } from './lib/modules/file-attachment/types/file-drop-change';
|
|
17
|
-
export { SkyFormErrorsModule } from './lib/modules/form-error/form-errors.module';
|
|
13
|
+
export { SkyFileDropChange } from './lib/modules/file-attachment/file-drop/file-drop-change';
|
|
14
|
+
export { SkyFileDropModule } from './lib/modules/file-attachment/file-drop/file-drop.module';
|
|
15
|
+
export { SkyFileLink } from './lib/modules/file-attachment/file-drop/file-link';
|
|
16
|
+
export { SkyFileItem } from './lib/modules/file-attachment/shared/file-item';
|
|
17
|
+
export { SkyFileItemErrorType } from './lib/modules/file-attachment/shared/file-item-error-type';
|
|
18
|
+
export { SkyFileSizePipe } from './lib/modules/file-attachment/shared/file-size.pipe';
|
|
18
19
|
export { SkyFormErrorModule } from './lib/modules/form-error/form-error.module';
|
|
20
|
+
export { SkyFormErrorsModule } from './lib/modules/form-error/form-errors.module';
|
|
19
21
|
export { SkyInputBoxHostService } from './lib/modules/input-box/input-box-host.service';
|
|
20
22
|
export { SkyInputBoxPopulateArgs } from './lib/modules/input-box/input-box-populate-args';
|
|
21
23
|
export { SkyInputBoxModule } from './lib/modules/input-box/input-box.module';
|
|
24
|
+
export { SkyRadioModule } from './lib/modules/radio/radio.module';
|
|
22
25
|
export { SkyRadioChange } from './lib/modules/radio/types/radio-change';
|
|
23
26
|
export { SkyRadioGroupHeadingLevel } from './lib/modules/radio/types/radio-group-heading-level';
|
|
24
27
|
export { SkyRadioGroupHeadingStyle } from './lib/modules/radio/types/radio-group-heading-style';
|
|
25
|
-
export { SkyRadioModule } from './lib/modules/radio/radio.module';
|
|
26
28
|
export { SkyRadioType } from './lib/modules/radio/types/radio-type';
|
|
27
29
|
export { SkyRequiredStateDirective } from './lib/modules/required-state/required-state.directive';
|
|
28
30
|
export { SkySelectionBoxModule } from './lib/modules/selection-box/selection-box.module';
|
|
@@ -31,23 +33,24 @@ export { SkySelectionBoxGridAlignItemsType } from './lib/modules/selection-box/t
|
|
|
31
33
|
export { SkyToggleSwitchModule } from './lib/modules/toggle-switch/toggle-switch.module';
|
|
32
34
|
export { SkyToggleSwitchChange } from './lib/modules/toggle-switch/types/toggle-switch-change';
|
|
33
35
|
export { SKY_FORM_ERRORS_ENABLED } from './lib/modules/form-error/form-errors-enabled-token';
|
|
36
|
+
export { SkyFormFieldLabelTextRequiredDirective } from './lib/modules/shared/form-field-label-text-required.directive';
|
|
34
37
|
export { SkyFormFieldLabelTextRequiredService } from './lib/modules/shared/form-field-label-text-required.service';
|
|
35
38
|
export { SkyCharacterCounterIndicatorComponent as λ1 } from './lib/modules/character-counter/character-counter-indicator.component';
|
|
36
|
-
export { SkyCharacterCounterInputDirective as λ2 } from './lib/modules/character-counter/character-counter.directive';
|
|
37
39
|
export { SkyCharacterCounterScreenReaderPipe as λ23 } from './lib/modules/character-counter/character-counter-screen-reader.pipe';
|
|
40
|
+
export { SkyCharacterCounterInputDirective as λ2 } from './lib/modules/character-counter/character-counter.directive';
|
|
41
|
+
export { SkyCheckboxGroupComponent as λ24 } from './lib/modules/checkbox/checkbox-group.component';
|
|
38
42
|
export { SkyCheckboxLabelComponent as λ4 } from './lib/modules/checkbox/checkbox-label.component';
|
|
39
43
|
export { SkyCheckboxComponent as λ3 } from './lib/modules/checkbox/checkbox.component';
|
|
40
|
-
export { SkyCheckboxGroupComponent as λ24 } from './lib/modules/checkbox/checkbox-group.component';
|
|
41
44
|
export { SkyFieldGroupComponent as λ25 } from './lib/modules/field-group/field-group.component';
|
|
42
|
-
export { SkyFileAttachmentLabelComponent as λ6 } from './lib/modules/file-attachment/file-attachment-label.component';
|
|
43
|
-
export { SkyFileAttachmentComponent as λ7 } from './lib/modules/file-attachment/file-attachment.component';
|
|
44
|
-
export { SkyFileDropComponent as λ8 } from './lib/modules/file-attachment/file-drop.component';
|
|
45
|
-
export { SkyFileItemComponent as λ9 } from './lib/modules/file-attachment/file-item.component';
|
|
46
|
-
export { SkyFormErrorsComponent as λ21 } from './lib/modules/form-error/form-errors.component';
|
|
45
|
+
export { SkyFileAttachmentLabelComponent as λ6 } from './lib/modules/file-attachment/file-attachment/file-attachment-label.component';
|
|
46
|
+
export { SkyFileAttachmentComponent as λ7 } from './lib/modules/file-attachment/file-attachment/file-attachment.component';
|
|
47
|
+
export { SkyFileDropComponent as λ8 } from './lib/modules/file-attachment/file-drop/file-drop.component';
|
|
48
|
+
export { SkyFileItemComponent as λ9 } from './lib/modules/file-attachment/file-drop/file-item.component';
|
|
47
49
|
export { SkyFormErrorComponent as λ22 } from './lib/modules/form-error/form-error.component';
|
|
50
|
+
export { SkyFormErrorsComponent as λ21 } from './lib/modules/form-error/form-errors.component';
|
|
48
51
|
export { SkyInputBoxControlDirective as λ20 } from './lib/modules/input-box/input-box-control.directive';
|
|
49
|
-
export { SkyInputBoxComponent as λ10 } from './lib/modules/input-box/input-box.component';
|
|
50
52
|
export { SkyInputBoxHintTextPipe as λ26 } from './lib/modules/input-box/input-box-hint-text.pipe';
|
|
53
|
+
export { SkyInputBoxComponent as λ10 } from './lib/modules/input-box/input-box.component';
|
|
51
54
|
export { SkyRadioGroupComponent as λ11 } from './lib/modules/radio/radio-group.component';
|
|
52
55
|
export { SkyRadioLabelComponent as λ12 } from './lib/modules/radio/radio-label.component';
|
|
53
56
|
export { SkyRadioComponent as λ13 } from './lib/modules/radio/radio.component';
|
|
@@ -1,14 +1,15 @@
|
|
|
1
|
-
import { ElementRef, EventEmitter,
|
|
1
|
+
import { ElementRef, EventEmitter, TemplateRef } from '@angular/core';
|
|
2
2
|
import { AbstractControl, ControlValueAccessor, ValidationErrors, Validator } from '@angular/forms';
|
|
3
3
|
import { Observable } from 'rxjs';
|
|
4
4
|
import { SkyCheckboxChange } from './checkbox-change';
|
|
5
5
|
import * as i0 from "@angular/core";
|
|
6
6
|
import * as i1 from "@skyux/theme";
|
|
7
|
+
import * as i2 from "../shared/form-field-label-text-required.directive";
|
|
7
8
|
/**
|
|
8
9
|
* Replaces the HTML input element with `type="checkbox"`. When users select a checkbox, its value
|
|
9
10
|
* is driven through an `ngModel` attribute that you specify on the `sky-checkbox` element.
|
|
10
11
|
*/
|
|
11
|
-
export declare class SkyCheckboxComponent implements ControlValueAccessor,
|
|
12
|
+
export declare class SkyCheckboxComponent implements ControlValueAccessor, Validator {
|
|
12
13
|
#private;
|
|
13
14
|
/**
|
|
14
15
|
* The ARIA label for the checkbox. This sets the checkbox's `aria-label` attribute
|
|
@@ -149,13 +150,11 @@ export declare class SkyCheckboxComponent implements ControlValueAccessor, OnIni
|
|
|
149
150
|
get indeterminateChange(): Observable<boolean>;
|
|
150
151
|
set inputEl(el: ElementRef | undefined);
|
|
151
152
|
get inputEl(): ElementRef | undefined;
|
|
152
|
-
display: string | undefined;
|
|
153
153
|
protected get isCheckboxRequired(): boolean;
|
|
154
154
|
protected control: AbstractControl | undefined;
|
|
155
155
|
protected inputId: string;
|
|
156
156
|
protected readonly errorId: string;
|
|
157
157
|
constructor();
|
|
158
|
-
ngOnInit(): void;
|
|
159
158
|
validate(control: AbstractControl<boolean>): ValidationErrors | null;
|
|
160
159
|
/**
|
|
161
160
|
* Implemented as part of ControlValueAccessor.
|
|
@@ -182,7 +181,7 @@ export declare class SkyCheckboxComponent implements ControlValueAccessor, OnIni
|
|
|
182
181
|
/** Called when the checkbox is blurred. Needed to properly implement ControlValueAccessor. */
|
|
183
182
|
onTouched: () => any;
|
|
184
183
|
static ɵfac: i0.ɵɵFactoryDeclaration<SkyCheckboxComponent, never>;
|
|
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: {}; }]>;
|
|
184
|
+
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: {}; }, { directive: typeof i2.SkyFormFieldLabelTextRequiredDirective; inputs: { "labelText": "labelText"; }; outputs: {}; }]>;
|
|
186
185
|
static ngAcceptInputType_disabled: unknown;
|
|
187
186
|
static ngAcceptInputType_required: unknown;
|
|
188
187
|
static ngAcceptInputType_labelHidden: unknown;
|
|
@@ -1,9 +1,11 @@
|
|
|
1
1
|
import * as i0 from "@angular/core";
|
|
2
2
|
/**
|
|
3
|
-
* Displays a label above the file attachment element. To display a help button
|
|
4
|
-
*
|
|
5
|
-
*
|
|
6
|
-
*
|
|
3
|
+
* Displays a label above the file attachment element. To display a help button
|
|
4
|
+
* beside the label, include a help button element, such as `sky-help-inline`,
|
|
5
|
+
* in the `sky-file-attachment-label` element and a `sky-control-help` CSS class
|
|
6
|
+
* on that help button element.
|
|
7
|
+
* @deprecated Use the `labelText` input on the single file attachment component
|
|
8
|
+
* instead.
|
|
7
9
|
*/
|
|
8
10
|
export declare class SkyFileAttachmentLabelComponent {
|
|
9
11
|
labelContentId: {
|
|
@@ -11,5 +13,5 @@ export declare class SkyFileAttachmentLabelComponent {
|
|
|
11
13
|
} | undefined;
|
|
12
14
|
constructor();
|
|
13
15
|
static ɵfac: i0.ɵɵFactoryDeclaration<SkyFileAttachmentLabelComponent, never>;
|
|
14
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<SkyFileAttachmentLabelComponent, "sky-file-attachment-label", never, {}, {}, never, ["*", ".sky-control-help"],
|
|
16
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<SkyFileAttachmentLabelComponent, "sky-file-attachment-label", never, {}, {}, never, ["*", ".sky-control-help"], true, never>;
|
|
15
17
|
}
|
|
@@ -1,15 +1,16 @@
|
|
|
1
1
|
import { AfterContentInit, AfterViewInit, ChangeDetectorRef, ElementRef, EventEmitter, OnDestroy, OnInit, QueryList, TemplateRef } from '@angular/core';
|
|
2
2
|
import { NgControl, ValidationErrors } from '@angular/forms';
|
|
3
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';
|
|
4
10
|
import { SkyFileAttachmentLabelComponent } from './file-attachment-label.component';
|
|
5
11
|
import { SkyFileAttachmentService } from './file-attachment.service';
|
|
6
|
-
import { SkyFileItem } from './file-item';
|
|
7
|
-
import { SkyFileItemErrorType } from './file-item-error-type';
|
|
8
|
-
import { SkyFileItemService } from './file-item.service';
|
|
9
|
-
import { SkyFileValidateFn } from './file-validate-function';
|
|
10
|
-
import { SkyFileAttachmentChange } from './types/file-attachment-change';
|
|
11
|
-
import { SkyFileAttachmentClick } from './types/file-attachment-click';
|
|
12
12
|
import * as i0 from "@angular/core";
|
|
13
|
+
import * as i1 from "../../shared/form-field-label-text-required.directive";
|
|
13
14
|
/**
|
|
14
15
|
* Provides an element to attach a single local file.
|
|
15
16
|
*/
|
|
@@ -105,7 +106,6 @@ export declare class SkyFileAttachmentComponent implements AfterViewInit, AfterC
|
|
|
105
106
|
* For more information about the `aria-required` attribute, see the [WAI-ARIA definition](https://www.w3.org/TR/wai-aria/#aria-required).
|
|
106
107
|
*/
|
|
107
108
|
required: boolean;
|
|
108
|
-
display: string | undefined;
|
|
109
109
|
set value(value: SkyFileItem | undefined | null);
|
|
110
110
|
get value(): SkyFileItem | undefined;
|
|
111
111
|
currentThemeName: string | undefined;
|
|
@@ -144,7 +144,7 @@ export declare class SkyFileAttachmentComponent implements AfterViewInit, AfterC
|
|
|
144
144
|
setDisabledState(isDisabled: boolean): void;
|
|
145
145
|
emitClick(): void;
|
|
146
146
|
static ɵfac: i0.ɵɵFactoryDeclaration<SkyFileAttachmentComponent, [null, null, null, { optional: true; self: true; }, { optional: true; }]>;
|
|
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"],
|
|
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"], true, [{ directive: typeof i1.SkyFormFieldLabelTextRequiredDirective; inputs: { "labelText": "labelText"; }; outputs: {}; }]>;
|
|
148
148
|
static ngAcceptInputType_disabled: unknown;
|
|
149
149
|
static ngAcceptInputType_labelHidden: unknown;
|
|
150
150
|
static ngAcceptInputType_stacked: unknown;
|
|
@@ -0,0 +1,9 @@
|
|
|
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,5 +1,5 @@
|
|
|
1
|
-
import { SkyFileItem } from '
|
|
2
|
-
import { SkyFileValidateFn } from '
|
|
1
|
+
import { SkyFileItem } from '../shared/file-item';
|
|
2
|
+
import { SkyFileValidateFn } from '../shared/file-validate-function';
|
|
3
3
|
import * as i0 from "@angular/core";
|
|
4
4
|
/**
|
|
5
5
|
* @internal
|
|
@@ -1,20 +1,11 @@
|
|
|
1
1
|
import * as i0 from "@angular/core";
|
|
2
|
-
import * as i1 from "./file-attachment.
|
|
3
|
-
import * as i2 from "./file-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
import * as i6 from "@angular/common";
|
|
8
|
-
import * as i7 from "@angular/forms";
|
|
9
|
-
import * as i8 from "../shared/sky-forms-resources.module";
|
|
10
|
-
import * as i9 from "../form-error/form-error.module";
|
|
11
|
-
import * as i10 from "../form-error/form-errors.module";
|
|
12
|
-
import * as i11 from "@skyux/icon";
|
|
13
|
-
import * as i12 from "@skyux/core";
|
|
14
|
-
import * as i13 from "@skyux/theme";
|
|
15
|
-
import * as i14 from "@skyux/help-inline";
|
|
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
|
+
*/
|
|
16
7
|
export declare class SkyFileAttachmentsModule {
|
|
17
8
|
static ɵfac: i0.ɵɵFactoryDeclaration<SkyFileAttachmentsModule, never>;
|
|
18
|
-
static ɵmod: i0.ɵɵNgModuleDeclaration<SkyFileAttachmentsModule, [typeof i1.
|
|
9
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<SkyFileAttachmentsModule, never, [typeof i1.SkyFileAttachmentModule, typeof i2.SkyFileDropModule], [typeof i1.SkyFileAttachmentModule, typeof i2.SkyFileDropModule]>;
|
|
19
10
|
static ɵinj: i0.ɵɵInjectorDeclaration<SkyFileAttachmentsModule>;
|
|
20
11
|
}
|
package/lib/modules/file-attachment/{file-drop.component.d.ts → file-drop/file-drop.component.d.ts}
RENAMED
|
@@ -1,9 +1,10 @@
|
|
|
1
|
-
import { ElementRef, EventEmitter, OnDestroy,
|
|
2
|
-
import { SkyFileItem } from '
|
|
1
|
+
import { ElementRef, EventEmitter, OnDestroy, TemplateRef } from '@angular/core';
|
|
2
|
+
import { SkyFileItem } from '../shared/file-item';
|
|
3
|
+
import { SkyFileValidateFn } from '../shared/file-validate-function';
|
|
4
|
+
import { SkyFileDropChange } from './file-drop-change';
|
|
3
5
|
import { SkyFileLink } from './file-link';
|
|
4
|
-
import { SkyFileValidateFn } from './file-validate-function';
|
|
5
|
-
import { SkyFileDropChange } from './types/file-drop-change';
|
|
6
6
|
import * as i0 from "@angular/core";
|
|
7
|
+
import * as i1 from "../../shared/form-field-label-text-required.directive";
|
|
7
8
|
/**
|
|
8
9
|
* Provides an element to attach multiple files where users can browse or drag and drop local files
|
|
9
10
|
* or provide hyperlinks to external files. You can leave the contents of the component
|
|
@@ -14,7 +15,7 @@ import * as i0 from "@angular/core";
|
|
|
14
15
|
* outside of the file drop component, you can place the `sky-file-drop-target` CSS class
|
|
15
16
|
* on the element that receives drop events to exempt it from the drop exclusion rule.
|
|
16
17
|
*/
|
|
17
|
-
export declare class SkyFileDropComponent implements
|
|
18
|
+
export declare class SkyFileDropComponent implements OnDestroy {
|
|
18
19
|
#private;
|
|
19
20
|
/**
|
|
20
21
|
* Fires when users add or remove files.
|
|
@@ -127,13 +128,11 @@ export declare class SkyFileDropComponent implements OnInit, OnDestroy {
|
|
|
127
128
|
*/
|
|
128
129
|
helpKey: string | undefined;
|
|
129
130
|
inputEl: ElementRef | undefined;
|
|
130
|
-
display: string | undefined;
|
|
131
131
|
rejectedOver: boolean;
|
|
132
132
|
acceptedOver: boolean;
|
|
133
133
|
linkUrl: string | undefined;
|
|
134
134
|
protected errorId: string;
|
|
135
135
|
protected rejectedFiles: SkyFileItem[];
|
|
136
|
-
ngOnInit(): void;
|
|
137
136
|
ngOnDestroy(): void;
|
|
138
137
|
dropClicked(): void;
|
|
139
138
|
fileChangeEvent(fileChangeEvent: Event): void;
|
|
@@ -145,7 +144,7 @@ export declare class SkyFileDropComponent implements OnInit, OnDestroy {
|
|
|
145
144
|
addLink(event: Event): void;
|
|
146
145
|
onLinkBlur(): void;
|
|
147
146
|
static ɵfac: i0.ɵɵFactoryDeclaration<SkyFileDropComponent, 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, ["*"],
|
|
147
|
+
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, ["*"], true, [{ directive: typeof i1.SkyFormFieldLabelTextRequiredDirective; inputs: { "labelText": "labelText"; }; outputs: {}; }]>;
|
|
149
148
|
static ngAcceptInputType_labelHidden: unknown;
|
|
150
149
|
static ngAcceptInputType_required: unknown;
|
|
151
150
|
static ngAcceptInputType_stacked: unknown;
|
|
@@ -0,0 +1,9 @@
|
|
|
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
|
+
}
|
package/lib/modules/file-attachment/{file-item.component.d.ts → file-drop/file-item.component.d.ts}
RENAMED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { DoCheck, EventEmitter, KeyValueDiffers } from '@angular/core';
|
|
2
|
-
import { SkyFileItem } from '
|
|
3
|
-
import { SkyFileItemService } from '
|
|
2
|
+
import { SkyFileItem } from '../shared/file-item';
|
|
3
|
+
import { SkyFileItemService } from '../shared/file-item.service';
|
|
4
4
|
import { SkyFileLink } from './file-link';
|
|
5
5
|
import * as i0 from "@angular/core";
|
|
6
6
|
export declare class SkyFileItemComponent implements DoCheck {
|
|
@@ -29,5 +29,5 @@ export declare class SkyFileItemComponent implements DoCheck {
|
|
|
29
29
|
ngDoCheck(): void;
|
|
30
30
|
itemDelete(): void;
|
|
31
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, ["*"],
|
|
32
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<SkyFileItemComponent, "sky-file-item", never, { "fileItem": { "alias": "fileItem"; "required": false; }; }, { "deleteFile": "deleteFile"; }, never, ["*"], true, never>;
|
|
33
33
|
}
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
import { DecimalPipe } from '@angular/common';
|
|
2
1
|
import { PipeTransform } from '@angular/core';
|
|
3
2
|
import { SkyLibResourcesService } from '@skyux/i18n';
|
|
4
3
|
import * as i0 from "@angular/core";
|
|
@@ -7,8 +6,8 @@ import * as i0 from "@angular/core";
|
|
|
7
6
|
*/
|
|
8
7
|
export declare class SkyFileSizePipe implements PipeTransform {
|
|
9
8
|
#private;
|
|
10
|
-
constructor(
|
|
9
|
+
constructor(resourcesService: SkyLibResourcesService);
|
|
11
10
|
transform(input?: number | string | null): string;
|
|
12
11
|
static ɵfac: i0.ɵɵFactoryDeclaration<SkyFileSizePipe, never>;
|
|
13
|
-
static ɵpipe: i0.ɵɵPipeDeclaration<SkyFileSizePipe, "skyFileSize",
|
|
12
|
+
static ɵpipe: i0.ɵɵPipeDeclaration<SkyFileSizePipe, "skyFileSize", true>;
|
|
14
13
|
}
|
|
@@ -4,6 +4,7 @@ import { AbstractControlDirective, FormControlDirective, FormControlName, NgMode
|
|
|
4
4
|
import { ReplaySubject } from 'rxjs';
|
|
5
5
|
import { SkyInputBoxPopulateArgs } from './input-box-populate-args';
|
|
6
6
|
import * as i0 from "@angular/core";
|
|
7
|
+
import * as i1 from "../shared/form-field-label-text-required.directive";
|
|
7
8
|
/**
|
|
8
9
|
* A wrapper component that provides styling and accessibility to form elements.
|
|
9
10
|
*/
|
|
@@ -86,13 +87,11 @@ export declare class SkyInputBoxComponent implements OnInit, AfterContentChecked
|
|
|
86
87
|
readonly hintTextId: string;
|
|
87
88
|
readonly ariaDescribedBy: ReplaySubject<string | undefined>;
|
|
88
89
|
cssClass: string;
|
|
89
|
-
display: string | undefined;
|
|
90
90
|
formControl: FormControlDirective | undefined;
|
|
91
91
|
formControlByName: FormControlName | undefined;
|
|
92
92
|
ngModel: NgModel | undefined;
|
|
93
93
|
inputRef: ElementRef | undefined;
|
|
94
94
|
protected controlDir: AbstractControlDirective | undefined;
|
|
95
|
-
protected helpPopoverOpen: boolean | undefined;
|
|
96
95
|
protected get isDisabled(): boolean;
|
|
97
96
|
protected get hasErrorsComputed(): boolean;
|
|
98
97
|
protected get required(): boolean;
|
|
@@ -108,5 +107,5 @@ export declare class SkyInputBoxComponent implements OnInit, AfterContentChecked
|
|
|
108
107
|
setHostHintText(value: string | undefined): void;
|
|
109
108
|
setHintTextScreenReaderOnly(hide: boolean): void;
|
|
110
109
|
static ɵfac: i0.ɵɵFactoryDeclaration<SkyInputBoxComponent, never>;
|
|
111
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<SkyInputBoxComponent, "sky-input-box", never, { "hasErrors": { "alias": "hasErrors"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "labelText": { "alias": "labelText"; "required": false; }; "characterLimit": { "alias": "characterLimit"; "required": false; }; "stacked": { "alias": "stacked"; "required": false; }; "helpPopoverTitle": { "alias": "helpPopoverTitle"; "required": false; }; "helpPopoverContent": { "alias": "helpPopoverContent"; "required": false; }; "helpKey": { "alias": "helpKey"; "required": false; }; "hintText": { "alias": "hintText"; "required": false; }; "errorsScreenReaderOnly": { "alias": "errorsScreenReaderOnly"; "required": false; "isSignal": true; }; }, {}, ["formControl", "formControlByName", "ngModel", "inputRef"], [".sky-control-label", ".sky-control-help", "sky-character-counter-indicator", "input,select,.sky-form-control:not(textarea),sky-text-editor", "textarea", ".sky-input-group-btn.sky-input-box-btn-left", ".sky-input-group-btn:not(.sky-input-box-btn-left):not(.sky-input-box-btn-inset)", ".sky-input-group-btn.sky-input-box-btn-inset", ".sky-input-group-icon.sky-input-box-icon-inset", ".sky-input-group-icon.sky-input-box-icon-inset-left", "sky-form-error", ".sky-error-label,.sky-error-indicator"], false,
|
|
110
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<SkyInputBoxComponent, "sky-input-box", never, { "hasErrors": { "alias": "hasErrors"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "labelText": { "alias": "labelText"; "required": false; }; "characterLimit": { "alias": "characterLimit"; "required": false; }; "stacked": { "alias": "stacked"; "required": false; }; "helpPopoverTitle": { "alias": "helpPopoverTitle"; "required": false; }; "helpPopoverContent": { "alias": "helpPopoverContent"; "required": false; }; "helpKey": { "alias": "helpKey"; "required": false; }; "hintText": { "alias": "hintText"; "required": false; }; "errorsScreenReaderOnly": { "alias": "errorsScreenReaderOnly"; "required": false; "isSignal": true; }; }, {}, ["formControl", "formControlByName", "ngModel", "inputRef"], [".sky-control-label", ".sky-control-help", "sky-character-counter-indicator", "input,select,.sky-form-control:not(textarea),sky-text-editor", "textarea", ".sky-input-group-btn.sky-input-box-btn-left", ".sky-input-group-btn:not(.sky-input-box-btn-left):not(.sky-input-box-btn-inset)", ".sky-input-group-btn.sky-input-box-btn-inset", ".sky-input-group-icon.sky-input-box-icon-inset", ".sky-input-group-icon.sky-input-box-icon-inset-left", "sky-form-error", ".sky-error-label,.sky-error-indicator"], false, [{ directive: typeof i1.SkyFormFieldLabelTextRequiredDirective; inputs: { "labelText": "labelText"; }; outputs: {}; }]>;
|
|
112
111
|
}
|
|
@@ -1,17 +1,18 @@
|
|
|
1
|
-
import { AfterContentInit, ChangeDetectorRef, OnDestroy,
|
|
1
|
+
import { AfterContentInit, ChangeDetectorRef, OnDestroy, 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';
|
|
5
5
|
import { SkyRadioGroupHeadingLevel } from './types/radio-group-heading-level';
|
|
6
6
|
import { SkyRadioGroupHeadingStyle } from './types/radio-group-heading-style';
|
|
7
7
|
import * as i0 from "@angular/core";
|
|
8
|
+
import * as i1 from "../shared/form-field-label-text-required.directive";
|
|
8
9
|
/**
|
|
9
10
|
* Organizes radio buttons into a group. It is required for radio
|
|
10
11
|
* buttons on Angular reactive forms, and we recommend using it with all radio buttons.
|
|
11
12
|
* On Angular forms, the component manages the selected values and keeps the forms up-to-date.
|
|
12
13
|
* When users select a radio button, its value is driven through an `ngModel` attribute that you specify on the `sky-radio-group` element.
|
|
13
14
|
*/
|
|
14
|
-
export declare class SkyRadioGroupComponent implements AfterContentInit,
|
|
15
|
+
export declare class SkyRadioGroupComponent implements AfterContentInit, OnDestroy {
|
|
15
16
|
#private;
|
|
16
17
|
/**
|
|
17
18
|
* The HTML element ID of the element that labels
|
|
@@ -127,7 +128,6 @@ export declare class SkyRadioGroupComponent implements AfterContentInit, OnInit,
|
|
|
127
128
|
*/
|
|
128
129
|
ariaOwns: string | undefined;
|
|
129
130
|
radios: QueryList<SkyRadioComponent> | undefined;
|
|
130
|
-
display: string | undefined;
|
|
131
131
|
stackedLg: boolean;
|
|
132
132
|
stackedXL: boolean;
|
|
133
133
|
protected get isRequired(): boolean;
|
|
@@ -137,7 +137,6 @@ export declare class SkyRadioGroupComponent implements AfterContentInit, OnInit,
|
|
|
137
137
|
constructor(changeDetector: ChangeDetectorRef, radioGroupIdSvc: SkyRadioGroupIdService, ngControl: NgControl);
|
|
138
138
|
ngAfterContentInit(): void;
|
|
139
139
|
watchForSelections(): void;
|
|
140
|
-
ngOnInit(): void;
|
|
141
140
|
ngOnDestroy(): void;
|
|
142
141
|
writeValue(value: unknown): void;
|
|
143
142
|
/**
|
|
@@ -148,7 +147,7 @@ export declare class SkyRadioGroupComponent implements AfterContentInit, OnInit,
|
|
|
148
147
|
registerOnChange(fn: (value: any) => void): void;
|
|
149
148
|
registerOnTouched(fn: any): void;
|
|
150
149
|
static ɵfac: i0.ɵɵFactoryDeclaration<SkyRadioGroupComponent, [null, null, { optional: true; self: true; }]>;
|
|
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,
|
|
150
|
+
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, [{ directive: typeof i1.SkyFormFieldLabelTextRequiredDirective; inputs: { "labelText": "headingText"; }; outputs: {}; }]>;
|
|
152
151
|
static ngAcceptInputType_disabled: unknown;
|
|
153
152
|
static ngAcceptInputType_headingLevel: unknown;
|
|
154
153
|
static ngAcceptInputType_headingStyle: unknown;
|
|
@@ -1,15 +1,16 @@
|
|
|
1
|
-
import { EventEmitter, OnDestroy,
|
|
1
|
+
import { EventEmitter, OnDestroy, TemplateRef } from '@angular/core';
|
|
2
2
|
import { ControlValueAccessor } from '@angular/forms';
|
|
3
3
|
import { Subject } from 'rxjs';
|
|
4
4
|
import { SkyRadioChange } from './types/radio-change';
|
|
5
5
|
import { SkyRadioType } from './types/radio-type';
|
|
6
6
|
import * as i0 from "@angular/core";
|
|
7
|
+
import * as i1 from "../shared/form-field-label-text-required.directive";
|
|
7
8
|
/**
|
|
8
9
|
* Renders a SKY UX-themed replacement for an HTML `input` element
|
|
9
10
|
* with `type="radio"`. When users select a radio button, its value is driven through an
|
|
10
11
|
* `ngModel` attribute that you specify on the `sky-radio` element or the parent `sky-radio-group` element.
|
|
11
12
|
*/
|
|
12
|
-
export declare class SkyRadioComponent implements
|
|
13
|
+
export declare class SkyRadioComponent implements OnDestroy, ControlValueAccessor {
|
|
13
14
|
#private;
|
|
14
15
|
/**
|
|
15
16
|
* Fires when users focus off a radio button.
|
|
@@ -137,13 +138,11 @@ export declare class SkyRadioComponent implements OnInit, OnDestroy, ControlValu
|
|
|
137
138
|
* Fires when the selected value changes.
|
|
138
139
|
*/
|
|
139
140
|
disabledChange: EventEmitter<boolean>;
|
|
140
|
-
display: string | undefined;
|
|
141
141
|
set selectedValue(value: any);
|
|
142
142
|
get selectedValue(): any;
|
|
143
143
|
radioGroupDisabled: boolean;
|
|
144
144
|
protected inputId: string;
|
|
145
145
|
constructor();
|
|
146
|
-
ngOnInit(): void;
|
|
147
146
|
ngOnDestroy(): void;
|
|
148
147
|
writeValue(value: unknown): void;
|
|
149
148
|
/**
|
|
@@ -157,7 +156,7 @@ export declare class SkyRadioComponent implements OnInit, OnDestroy, ControlValu
|
|
|
157
156
|
onInputChange(event: Event): void;
|
|
158
157
|
onInputFocusChange(): void;
|
|
159
158
|
static ɵfac: i0.ɵɵFactoryDeclaration<SkyRadioComponent, never>;
|
|
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,
|
|
159
|
+
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, [{ directive: typeof i1.SkyFormFieldLabelTextRequiredDirective; inputs: { "labelText": "labelText"; }; outputs: {}; }]>;
|
|
161
160
|
static ngAcceptInputType_disabled: unknown;
|
|
162
161
|
static ngAcceptInputType_labelHidden: unknown;
|
|
163
162
|
}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { OnInit } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
/**
|
|
4
|
+
* Hide form field components of field groups that are missing label text.
|
|
5
|
+
* @internal
|
|
6
|
+
*/
|
|
7
|
+
export declare class SkyFormFieldLabelTextRequiredDirective implements OnInit {
|
|
8
|
+
#private;
|
|
9
|
+
labelText: string | null | undefined;
|
|
10
|
+
display: 'none' | undefined;
|
|
11
|
+
ngOnInit(): void;
|
|
12
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<SkyFormFieldLabelTextRequiredDirective, never>;
|
|
13
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<SkyFormFieldLabelTextRequiredDirective, "[skyFormFieldLabelTextRequired]", never, { "labelText": { "alias": "labelText"; "required": false; }; }, {}, never, never, true, never>;
|
|
14
|
+
}
|
|
@@ -4,7 +4,8 @@ import * as i0 from "@angular/core";
|
|
|
4
4
|
* @internal
|
|
5
5
|
*/
|
|
6
6
|
export declare class SkyFormFieldLabelTextRequiredService {
|
|
7
|
-
|
|
7
|
+
#private;
|
|
8
|
+
validateLabelText(text: string | null | undefined): void;
|
|
8
9
|
static ɵfac: i0.ɵɵFactoryDeclaration<SkyFormFieldLabelTextRequiredService, never>;
|
|
9
10
|
static ɵprov: i0.ɵɵInjectableDeclaration<SkyFormFieldLabelTextRequiredService>;
|
|
10
11
|
}
|
|
@@ -1,10 +1,11 @@
|
|
|
1
|
-
import { AfterContentInit, ChangeDetectorRef, EventEmitter, OnDestroy,
|
|
1
|
+
import { AfterContentInit, ChangeDetectorRef, EventEmitter, OnDestroy, QueryList, TemplateRef } from '@angular/core';
|
|
2
2
|
import { AbstractControl, ControlValueAccessor, ValidationErrors, Validator } from '@angular/forms';
|
|
3
3
|
import { SkyIdService } from '@skyux/core';
|
|
4
4
|
import { SkyToggleSwitchLabelComponent } from './toggle-switch-label.component';
|
|
5
5
|
import { SkyToggleSwitchChange } from './types/toggle-switch-change';
|
|
6
6
|
import * as i0 from "@angular/core";
|
|
7
|
-
|
|
7
|
+
import * as i1 from "../shared/form-field-label-text-required.directive";
|
|
8
|
+
export declare class SkyToggleSwitchComponent implements AfterContentInit, OnDestroy, ControlValueAccessor, Validator {
|
|
8
9
|
#private;
|
|
9
10
|
/**
|
|
10
11
|
* The ARIA label for the toggle switch. This sets the `aria-label`
|
|
@@ -65,10 +66,8 @@ export declare class SkyToggleSwitchComponent implements AfterContentInit, OnIni
|
|
|
65
66
|
labelId: string;
|
|
66
67
|
enableIndicatorAnimation: boolean;
|
|
67
68
|
labelComponents: QueryList<SkyToggleSwitchLabelComponent> | undefined;
|
|
68
|
-
display: string | undefined;
|
|
69
69
|
constructor(changeDetector: ChangeDetectorRef, idService: SkyIdService);
|
|
70
70
|
ngAfterContentInit(): void;
|
|
71
|
-
ngOnInit(): void;
|
|
72
71
|
ngOnDestroy(): void;
|
|
73
72
|
writeValue(value: boolean): void;
|
|
74
73
|
validate(control: AbstractControl): ValidationErrors | null;
|
|
@@ -78,6 +77,6 @@ export declare class SkyToggleSwitchComponent implements AfterContentInit, OnIni
|
|
|
78
77
|
onButtonClick(event: any): void;
|
|
79
78
|
onButtonBlur(): void;
|
|
80
79
|
static ɵfac: i0.ɵɵFactoryDeclaration<SkyToggleSwitchComponent, never>;
|
|
81
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<SkyToggleSwitchComponent, "sky-toggle-switch", never, { "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "checked": { "alias": "checked"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "helpPopoverContent": { "alias": "helpPopoverContent"; "required": false; }; "helpPopoverTitle": { "alias": "helpPopoverTitle"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "labelText": { "alias": "labelText"; "required": false; }; "labelHidden": { "alias": "labelHidden"; "required": false; }; "helpKey": { "alias": "helpKey"; "required": false; }; }, { "toggleChange": "toggleChange"; }, ["labelComponents"], [".sky-control-help", "sky-toggle-switch-label"], false,
|
|
80
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<SkyToggleSwitchComponent, "sky-toggle-switch", never, { "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "checked": { "alias": "checked"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "helpPopoverContent": { "alias": "helpPopoverContent"; "required": false; }; "helpPopoverTitle": { "alias": "helpPopoverTitle"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "labelText": { "alias": "labelText"; "required": false; }; "labelHidden": { "alias": "labelHidden"; "required": false; }; "helpKey": { "alias": "helpKey"; "required": false; }; }, { "toggleChange": "toggleChange"; }, ["labelComponents"], [".sky-control-help", "sky-toggle-switch-label"], false, [{ directive: typeof i1.SkyFormFieldLabelTextRequiredDirective; inputs: { "labelText": "labelText"; }; outputs: {}; }]>;
|
|
82
81
|
static ngAcceptInputType_labelHidden: unknown;
|
|
83
82
|
}
|
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.9",
|
|
4
4
|
"author": "Blackbaud, Inc.",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"blackbaud",
|
|
@@ -41,16 +41,16 @@
|
|
|
41
41
|
"@angular/core": "^18.1.2",
|
|
42
42
|
"@angular/forms": "^18.1.2",
|
|
43
43
|
"@angular/platform-browser": "^18.1.2",
|
|
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/
|
|
49
|
-
"@skyux/
|
|
50
|
-
"@skyux/
|
|
44
|
+
"@skyux-sdk/testing": "11.0.0-alpha.9",
|
|
45
|
+
"@skyux/core": "11.0.0-alpha.9",
|
|
46
|
+
"@skyux/help-inline": "11.0.0-alpha.9",
|
|
47
|
+
"@skyux/i18n": "11.0.0-alpha.9",
|
|
48
|
+
"@skyux/icon": "11.0.0-alpha.9",
|
|
49
|
+
"@skyux/indicators": "11.0.0-alpha.9",
|
|
50
|
+
"@skyux/popovers": "11.0.0-alpha.9",
|
|
51
|
+
"@skyux/theme": "11.0.0-alpha.9"
|
|
51
52
|
},
|
|
52
53
|
"dependencies": {
|
|
53
|
-
"@skyux/icon": "11.0.0-alpha.8",
|
|
54
54
|
"tslib": "^2.6.3"
|
|
55
55
|
},
|
|
56
56
|
"module": "fesm2022/skyux-forms.mjs",
|