@skyux/forms 11.0.0-alpha.0 → 11.0.0-alpha.10
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 +4498 -4939
- package/esm2022/index.mjs +14 -11
- package/esm2022/lib/modules/character-counter/character-counter-indicator.component.mjs +3 -3
- package/esm2022/lib/modules/character-counter/character-counter-screen-reader.pipe.mjs +3 -3
- package/esm2022/lib/modules/character-counter/character-counter.directive.mjs +3 -3
- package/esm2022/lib/modules/character-counter/character-counter.module.mjs +4 -4
- package/esm2022/lib/modules/checkbox/checkbox-group.component.mjs +18 -15
- package/esm2022/lib/modules/checkbox/checkbox-label-text-label.component.mjs +4 -4
- package/esm2022/lib/modules/checkbox/checkbox-label.component.mjs +3 -3
- package/esm2022/lib/modules/checkbox/checkbox.component.mjs +27 -34
- package/esm2022/lib/modules/checkbox/checkbox.module.mjs +4 -4
- package/esm2022/lib/modules/field-group/field-group.component.mjs +9 -6
- package/esm2022/lib/modules/field-group/field-group.module.mjs +4 -4
- 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-join-ids.pipe.mjs +22 -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 +12 -75
- 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/form-error/form-error.component.mjs +3 -3
- package/esm2022/lib/modules/form-error/form-error.module.mjs +4 -4
- package/esm2022/lib/modules/form-error/form-errors.component.mjs +5 -5
- package/esm2022/lib/modules/form-error/form-errors.module.mjs +4 -4
- package/esm2022/lib/modules/input-box/input-box-adapter.service.mjs +3 -3
- package/esm2022/lib/modules/input-box/input-box-control.directive.mjs +3 -3
- package/esm2022/lib/modules/input-box/input-box-hint-text.pipe.mjs +3 -3
- package/esm2022/lib/modules/input-box/input-box-host.service.mjs +7 -4
- package/esm2022/lib/modules/input-box/input-box.component.mjs +22 -26
- package/esm2022/lib/modules/input-box/input-box.module.mjs +4 -4
- package/esm2022/lib/modules/radio/radio-group-id.service.mjs +3 -3
- package/esm2022/lib/modules/radio/radio-group.component.mjs +41 -48
- package/esm2022/lib/modules/radio/radio-label.component.mjs +3 -3
- package/esm2022/lib/modules/radio/radio.component.mjs +23 -30
- package/esm2022/lib/modules/radio/radio.module.mjs +4 -4
- package/esm2022/lib/modules/required-state/required-state.directive.mjs +3 -3
- package/esm2022/lib/modules/selection-box/selection-box-adapter.service.mjs +3 -3
- package/esm2022/lib/modules/selection-box/selection-box-description.component.mjs +3 -3
- package/esm2022/lib/modules/selection-box/selection-box-grid.component.mjs +4 -4
- package/esm2022/lib/modules/selection-box/selection-box-header.component.mjs +3 -3
- package/esm2022/lib/modules/selection-box/selection-box.component.mjs +3 -3
- package/esm2022/lib/modules/selection-box/selection-box.module.mjs +4 -4
- package/esm2022/lib/modules/shared/form-field-label-text-required.directive.mjs +37 -0
- package/esm2022/lib/modules/shared/form-field-label-text-required.service.mjs +9 -7
- package/esm2022/lib/modules/shared/sky-forms-resources.module.mjs +11 -13
- package/esm2022/lib/modules/toggle-switch/toggle-switch-label.component.mjs +3 -3
- package/esm2022/lib/modules/toggle-switch/toggle-switch.component.mjs +16 -23
- package/esm2022/lib/modules/toggle-switch/toggle-switch.module.mjs +4 -4
- package/esm2022/testing/checkbox/checkbox-harness.mjs +5 -4
- package/fesm2022/skyux-forms-testing.mjs +4 -3
- package/fesm2022/skyux-forms-testing.mjs.map +1 -1
- package/fesm2022/skyux-forms.mjs +506 -474
- package/fesm2022/skyux-forms.mjs.map +1 -1
- package/index.d.ts +21 -18
- package/lib/modules/checkbox/checkbox-group.component.d.ts +2 -2
- package/lib/modules/checkbox/checkbox.component.d.ts +6 -6
- 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/file-attachment-join-ids.pipe.d.ts +11 -0
- 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} +24 -18
- 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} +12 -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} +3 -4
- package/lib/modules/input-box/input-box-host.service.d.ts +1 -0
- package/lib/modules/input-box/input-box.component.d.ts +3 -3
- package/lib/modules/radio/radio-group.component.d.ts +11 -10
- package/lib/modules/radio/radio.component.d.ts +6 -6
- 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 +14 -14
- package/esm2022/lib/modules/file-attachment/file-attachment-label.component.mjs +0 -28
- package/esm2022/lib/modules/file-attachment/file-attachment.component.mjs +0 -478
- package/esm2022/lib/modules/file-attachment/file-attachment.service.mjs +0 -93
- package/esm2022/lib/modules/file-attachment/file-drop.component.mjs +0 -325
- 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 -58
- 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
|
@@ -1,17 +1,18 @@
|
|
|
1
|
-
import { AfterContentInit,
|
|
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
|
|
@@ -38,7 +39,7 @@ export declare class SkyRadioGroupComponent implements AfterContentInit, AfterVi
|
|
|
38
39
|
* To set the disabled state on reactive forms, use the `FormControl` instead.
|
|
39
40
|
* @default false
|
|
40
41
|
*/
|
|
41
|
-
set disabled(value: boolean
|
|
42
|
+
set disabled(value: boolean);
|
|
42
43
|
get disabled(): boolean;
|
|
43
44
|
/**
|
|
44
45
|
* The semantic heading level in the document structure. By default, the heading text is not wrapped in a heading element.
|
|
@@ -49,7 +50,7 @@ export declare class SkyRadioGroupComponent implements AfterContentInit, AfterVi
|
|
|
49
50
|
* The heading [font style](https://developer.blackbaud.com/skyux/design/styles/typography#headings).
|
|
50
51
|
* @default 4
|
|
51
52
|
*/
|
|
52
|
-
headingStyle: SkyRadioGroupHeadingStyle;
|
|
53
|
+
set headingStyle(value: SkyRadioGroupHeadingStyle);
|
|
53
54
|
/**
|
|
54
55
|
* The name for the collection of radio buttons that the component groups together.
|
|
55
56
|
* This property overwrites the deprecated `name` property on individual `sky-radio` elements,
|
|
@@ -66,7 +67,7 @@ export declare class SkyRadioGroupComponent implements AfterContentInit, AfterVi
|
|
|
66
67
|
* For more information about the `aria-required` attribute, see the [WAI-ARIA definition](https://www.w3.org/TR/wai-aria/#aria-required).
|
|
67
68
|
* @default false
|
|
68
69
|
*/
|
|
69
|
-
required: boolean
|
|
70
|
+
required: boolean;
|
|
70
71
|
/**
|
|
71
72
|
* Whether the radio button group is stacked on another form component. When specified,
|
|
72
73
|
* the appropriate vertical spacing is automatically added to the radio button group.
|
|
@@ -118,7 +119,6 @@ export declare class SkyRadioGroupComponent implements AfterContentInit, AfterVi
|
|
|
118
119
|
* as configured by the application.
|
|
119
120
|
*/
|
|
120
121
|
helpKey: string | undefined;
|
|
121
|
-
get headingClass(): string;
|
|
122
122
|
/**
|
|
123
123
|
* Our radio components are usually implemented using an unordered list. This is an
|
|
124
124
|
* accessibility violation because the unordered list has an implicit role which
|
|
@@ -128,16 +128,15 @@ export declare class SkyRadioGroupComponent implements AfterContentInit, AfterVi
|
|
|
128
128
|
*/
|
|
129
129
|
ariaOwns: string | undefined;
|
|
130
130
|
radios: QueryList<SkyRadioComponent> | undefined;
|
|
131
|
-
display: string | undefined;
|
|
132
131
|
stackedLg: boolean;
|
|
133
132
|
stackedXL: boolean;
|
|
133
|
+
protected get isRequired(): boolean;
|
|
134
|
+
protected headingClass: string;
|
|
134
135
|
protected errorId: string;
|
|
135
136
|
protected ngControl: NgControl | undefined;
|
|
136
137
|
constructor(changeDetector: ChangeDetectorRef, radioGroupIdSvc: SkyRadioGroupIdService, ngControl: NgControl);
|
|
137
138
|
ngAfterContentInit(): void;
|
|
138
|
-
ngAfterViewInit(): void;
|
|
139
139
|
watchForSelections(): void;
|
|
140
|
-
ngOnInit(): void;
|
|
141
140
|
ngOnDestroy(): void;
|
|
142
141
|
writeValue(value: unknown): void;
|
|
143
142
|
/**
|
|
@@ -148,9 +147,11 @@ export declare class SkyRadioGroupComponent implements AfterContentInit, AfterVi
|
|
|
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: {}; }]>;
|
|
151
|
+
static ngAcceptInputType_disabled: unknown;
|
|
152
152
|
static ngAcceptInputType_headingLevel: unknown;
|
|
153
153
|
static ngAcceptInputType_headingStyle: unknown;
|
|
154
|
+
static ngAcceptInputType_required: unknown;
|
|
154
155
|
static ngAcceptInputType_stacked: unknown;
|
|
155
156
|
static ngAcceptInputType_headingHidden: unknown;
|
|
156
157
|
}
|
|
@@ -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.
|
|
@@ -26,7 +27,7 @@ export declare class SkyRadioComponent implements OnInit, OnDestroy, ControlValu
|
|
|
26
27
|
* To set the disabled state on reactive forms, use the `FormControl` instead.
|
|
27
28
|
* @default false
|
|
28
29
|
*/
|
|
29
|
-
set disabled(value: boolean
|
|
30
|
+
set disabled(value: boolean);
|
|
30
31
|
get disabled(): boolean;
|
|
31
32
|
/**
|
|
32
33
|
* The ID for the 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,6 +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: {}; }]>;
|
|
160
|
+
static ngAcceptInputType_disabled: unknown;
|
|
161
161
|
static ngAcceptInputType_labelHidden: unknown;
|
|
162
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.10",
|
|
4
4
|
"author": "Blackbaud, Inc.",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"blackbaud",
|
|
@@ -36,21 +36,21 @@
|
|
|
36
36
|
}
|
|
37
37
|
},
|
|
38
38
|
"peerDependencies": {
|
|
39
|
-
"@angular/cdk": "^18.
|
|
40
|
-
"@angular/common": "^18.
|
|
41
|
-
"@angular/core": "^18.
|
|
42
|
-
"@angular/forms": "^18.
|
|
43
|
-
"@angular/platform-browser": "^18.
|
|
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/
|
|
39
|
+
"@angular/cdk": "^18.1.2",
|
|
40
|
+
"@angular/common": "^18.1.2",
|
|
41
|
+
"@angular/core": "^18.1.2",
|
|
42
|
+
"@angular/forms": "^18.1.2",
|
|
43
|
+
"@angular/platform-browser": "^18.1.2",
|
|
44
|
+
"@skyux-sdk/testing": "11.0.0-alpha.10",
|
|
45
|
+
"@skyux/core": "11.0.0-alpha.10",
|
|
46
|
+
"@skyux/help-inline": "11.0.0-alpha.10",
|
|
47
|
+
"@skyux/i18n": "11.0.0-alpha.10",
|
|
48
|
+
"@skyux/icon": "11.0.0-alpha.10",
|
|
49
|
+
"@skyux/indicators": "11.0.0-alpha.10",
|
|
50
|
+
"@skyux/popovers": "11.0.0-alpha.10",
|
|
51
|
+
"@skyux/theme": "11.0.0-alpha.10"
|
|
51
52
|
},
|
|
52
53
|
"dependencies": {
|
|
53
|
-
"@skyux/icon": "11.0.0-alpha.0",
|
|
54
54
|
"tslib": "^2.6.3"
|
|
55
55
|
},
|
|
56
56
|
"module": "fesm2022/skyux-forms.mjs",
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
import { ChangeDetectionStrategy, Component, ViewChild, inject, } from '@angular/core';
|
|
2
|
-
import { SkyLogService } from '@skyux/core';
|
|
3
|
-
import * as i0 from "@angular/core";
|
|
4
|
-
import * as i1 from "@skyux/core";
|
|
5
|
-
/**
|
|
6
|
-
* Displays a label above the file attachment element. To display a help button beside the label, include a help button
|
|
7
|
-
* element, such as `sky-help-inline`, in the `sky-file-attachment-label` element and a `sky-control-help` CSS class on
|
|
8
|
-
* that help button element.
|
|
9
|
-
* @deprecated use the `labelText` input on the single file attachment component instead.
|
|
10
|
-
*/
|
|
11
|
-
export class SkyFileAttachmentLabelComponent {
|
|
12
|
-
constructor() {
|
|
13
|
-
inject(SkyLogService).deprecated('SkyFileAttachmentLabelComponent', {
|
|
14
|
-
deprecationMajorVersion: 9,
|
|
15
|
-
replacementRecommendation: 'To add a label to single file attachment, use the `labelText` input on the `sky-file-attachment` component instead.',
|
|
16
|
-
});
|
|
17
|
-
}
|
|
18
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: SkyFileAttachmentLabelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
19
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.5", type: SkyFileAttachmentLabelComponent, selector: "sky-file-attachment-label", viewQueries: [{ propertyName: "labelContentId", first: true, predicate: ["labelContentId"], descendants: true }], ngImport: i0, template: "<span class=\"sky-control-label\"\n ><span skyId skyTrim #labelContentId=\"skyId\"><ng-content /></span\n ><span class=\"sky-control-help-container\"\n ><ng-content select=\".sky-control-help\" /></span\n></span>\n", styles: [":host-context(.sky-theme-modern) .sky-control-label{color:#686c73;font-size:13px}.sky-theme-modern .sky-control-label{color:#686c73;font-size:13px}\n"], dependencies: [{ kind: "directive", type: i1.λ2, selector: "[skyId]", exportAs: ["skyId"] }, { kind: "directive", type: i1.λ4, selector: "[skyTrim]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
20
|
-
}
|
|
21
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: SkyFileAttachmentLabelComponent, decorators: [{
|
|
22
|
-
type: Component,
|
|
23
|
-
args: [{ selector: 'sky-file-attachment-label', changeDetection: ChangeDetectionStrategy.OnPush, template: "<span class=\"sky-control-label\"\n ><span skyId skyTrim #labelContentId=\"skyId\"><ng-content /></span\n ><span class=\"sky-control-help-container\"\n ><ng-content select=\".sky-control-help\" /></span\n></span>\n", styles: [":host-context(.sky-theme-modern) .sky-control-label{color:#686c73;font-size:13px}.sky-theme-modern .sky-control-label{color:#686c73;font-size:13px}\n"] }]
|
|
24
|
-
}], ctorParameters: () => [], propDecorators: { labelContentId: [{
|
|
25
|
-
type: ViewChild,
|
|
26
|
-
args: ['labelContentId']
|
|
27
|
-
}] } });
|
|
28
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmlsZS1hdHRhY2htZW50LWxhYmVsLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9mb3Jtcy9zcmMvbGliL21vZHVsZXMvZmlsZS1hdHRhY2htZW50L2ZpbGUtYXR0YWNobWVudC1sYWJlbC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvZm9ybXMvc3JjL2xpYi9tb2R1bGVzL2ZpbGUtYXR0YWNobWVudC9maWxlLWF0dGFjaG1lbnQtbGFiZWwuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLHVCQUF1QixFQUN2QixTQUFTLEVBQ1QsU0FBUyxFQUNULE1BQU0sR0FDUCxNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sYUFBYSxDQUFDOzs7QUFFNUM7Ozs7O0dBS0c7QUFPSCxNQUFNLE9BQU8sK0JBQStCO0lBRzFDO1FBQ0UsTUFBTSxDQUFDLGFBQWEsQ0FBQyxDQUFDLFVBQVUsQ0FBQyxpQ0FBaUMsRUFBRTtZQUNsRSx1QkFBdUIsRUFBRSxDQUFDO1lBQzFCLHlCQUF5QixFQUN2QixxSEFBcUg7U0FDeEgsQ0FBQyxDQUFDO0lBQ0wsQ0FBQzs4R0FUVSwrQkFBK0I7a0dBQS9CLCtCQUErQixtTENwQjVDLDZOQUtBOzsyRkRlYSwrQkFBK0I7a0JBTjNDLFNBQVM7K0JBQ0UsMkJBQTJCLG1CQUdwQix1QkFBdUIsQ0FBQyxNQUFNO3dEQUl4QyxjQUFjO3NCQURwQixTQUFTO3VCQUFDLGdCQUFnQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsXG4gIFZpZXdDaGlsZCxcbiAgaW5qZWN0LFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFNreUxvZ1NlcnZpY2UgfSBmcm9tICdAc2t5dXgvY29yZSc7XG5cbi8qKlxuICogRGlzcGxheXMgYSBsYWJlbCBhYm92ZSB0aGUgZmlsZSBhdHRhY2htZW50IGVsZW1lbnQuIFRvIGRpc3BsYXkgYSBoZWxwIGJ1dHRvbiBiZXNpZGUgdGhlIGxhYmVsLCBpbmNsdWRlIGEgaGVscCBidXR0b25cbiAqIGVsZW1lbnQsIHN1Y2ggYXMgYHNreS1oZWxwLWlubGluZWAsIGluIHRoZSBgc2t5LWZpbGUtYXR0YWNobWVudC1sYWJlbGAgZWxlbWVudCBhbmQgYSBgc2t5LWNvbnRyb2wtaGVscGAgQ1NTIGNsYXNzIG9uXG4gKiB0aGF0IGhlbHAgYnV0dG9uIGVsZW1lbnQuXG4gKiBAZGVwcmVjYXRlZCB1c2UgdGhlIGBsYWJlbFRleHRgIGlucHV0IG9uIHRoZSBzaW5nbGUgZmlsZSBhdHRhY2htZW50IGNvbXBvbmVudCBpbnN0ZWFkLlxuICovXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdza3ktZmlsZS1hdHRhY2htZW50LWxhYmVsJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2ZpbGUtYXR0YWNobWVudC1sYWJlbC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWydmaWxlLWF0dGFjaG1lbnQtbGFiZWwuY29tcG9uZW50LnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIFNreUZpbGVBdHRhY2htZW50TGFiZWxDb21wb25lbnQge1xuICBAVmlld0NoaWxkKCdsYWJlbENvbnRlbnRJZCcpXG4gIHB1YmxpYyBsYWJlbENvbnRlbnRJZDogeyBpZDogc3RyaW5nIH0gfCB1bmRlZmluZWQ7XG4gIGNvbnN0cnVjdG9yKCkge1xuICAgIGluamVjdChTa3lMb2dTZXJ2aWNlKS5kZXByZWNhdGVkKCdTa3lGaWxlQXR0YWNobWVudExhYmVsQ29tcG9uZW50Jywge1xuICAgICAgZGVwcmVjYXRpb25NYWpvclZlcnNpb246IDksXG4gICAgICByZXBsYWNlbWVudFJlY29tbWVuZGF0aW9uOlxuICAgICAgICAnVG8gYWRkIGEgbGFiZWwgdG8gc2luZ2xlIGZpbGUgYXR0YWNobWVudCwgdXNlIHRoZSBgbGFiZWxUZXh0YCBpbnB1dCBvbiB0aGUgYHNreS1maWxlLWF0dGFjaG1lbnRgIGNvbXBvbmVudCBpbnN0ZWFkLicsXG4gICAgfSk7XG4gIH1cbn1cbiIsIjxzcGFuIGNsYXNzPVwic2t5LWNvbnRyb2wtbGFiZWxcIlxuICA+PHNwYW4gc2t5SWQgc2t5VHJpbSAjbGFiZWxDb250ZW50SWQ9XCJza3lJZFwiPjxuZy1jb250ZW50IC8+PC9zcGFuXG4gID48c3BhbiBjbGFzcz1cInNreS1jb250cm9sLWhlbHAtY29udGFpbmVyXCJcbiAgICA+PG5nLWNvbnRlbnQgc2VsZWN0PVwiLnNreS1jb250cm9sLWhlbHBcIiAvPjwvc3BhblxuPjwvc3Bhbj5cbiJdfQ==
|