@skyux/forms 12.0.0-alpha.8 → 12.0.0-beta.0
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/fesm2022/skyux-forms.mjs +231 -183
- package/fesm2022/skyux-forms.mjs.map +1 -1
- package/lib/modules/checkbox/checkbox.component.d.ts +1 -1
- package/lib/modules/file-attachment/file-attachment/file-attachment.component.d.ts +2 -2
- package/lib/modules/input-box/input-box-adapter.service.d.ts +8 -0
- package/lib/modules/input-box/input-box-host.service.d.ts +10 -0
- package/lib/modules/input-box/input-box.component.d.ts +12 -0
- package/package.json +22 -25
- package/documentation.json +0 -41094
|
@@ -87,7 +87,7 @@ export declare class SkyCheckboxComponent implements AfterViewInit, ControlValue
|
|
|
87
87
|
* label types. `"info"` creates a blue background, `"success"` creates a green
|
|
88
88
|
* background, `"warning"` creates an orange background, and `"danger"` creates a red background.
|
|
89
89
|
* @default "info"
|
|
90
|
-
* @deprecated checkboxType is no longer supported
|
|
90
|
+
* @deprecated The `checkboxType` input is no longer supported.
|
|
91
91
|
*/
|
|
92
92
|
set checkboxType(value: string | undefined);
|
|
93
93
|
get checkboxType(): string;
|
|
@@ -90,7 +90,8 @@ export declare class SkyFileAttachmentComponent implements AfterViewInit, AfterC
|
|
|
90
90
|
*/
|
|
91
91
|
fileChange: EventEmitter<SkyFileAttachmentChange>;
|
|
92
92
|
/**
|
|
93
|
-
* Fires when users select the file name link.
|
|
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.
|
|
94
95
|
*/
|
|
95
96
|
fileClick: EventEmitter<SkyFileAttachmentClick>;
|
|
96
97
|
acceptedOver: boolean;
|
|
@@ -113,7 +114,6 @@ export declare class SkyFileAttachmentComponent implements AfterViewInit, AfterC
|
|
|
113
114
|
inputEl: ElementRef | undefined;
|
|
114
115
|
labelComponents: QueryList<SkyFileAttachmentLabelComponent> | undefined;
|
|
115
116
|
isImage: boolean;
|
|
116
|
-
protected isData: boolean;
|
|
117
117
|
protected get isRequired(): boolean;
|
|
118
118
|
protected ngControl: NgControl | undefined;
|
|
119
119
|
protected errorId: string;
|
|
@@ -5,6 +5,10 @@ import * as i0 from "@angular/core";
|
|
|
5
5
|
*/
|
|
6
6
|
export declare class SkyInputBoxAdapterService {
|
|
7
7
|
#private;
|
|
8
|
+
/**
|
|
9
|
+
* Returns whether the provided input box contains the focus event target.
|
|
10
|
+
*/
|
|
11
|
+
containsElement(inputRef: ElementRef, el: EventTarget): boolean;
|
|
8
12
|
focusControl(elRef: ElementRef): void;
|
|
9
13
|
/**
|
|
10
14
|
* Returns the inline help element.
|
|
@@ -15,6 +19,10 @@ export declare class SkyInputBoxAdapterService {
|
|
|
15
19
|
*/
|
|
16
20
|
isFocusInElement(el: HTMLElement): boolean;
|
|
17
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;
|
|
18
26
|
static ɵfac: i0.ɵɵFactoryDeclaration<SkyInputBoxAdapterService, never>;
|
|
19
27
|
static ɵprov: i0.ɵɵInjectableDeclaration<SkyInputBoxAdapterService>;
|
|
20
28
|
}
|
|
@@ -25,6 +25,16 @@ export declare class SkyInputBoxHostService implements OnDestroy {
|
|
|
25
25
|
* component the input box does not have a ref to it, so the component needs to inform the input box of its required state.
|
|
26
26
|
*/
|
|
27
27
|
setRequired(required: boolean): void;
|
|
28
|
+
/**
|
|
29
|
+
* Whether the focused element is inside the input box.
|
|
30
|
+
* @internal
|
|
31
|
+
*/
|
|
32
|
+
focusIsInInput(el: EventTarget): boolean;
|
|
33
|
+
/**
|
|
34
|
+
* Returns an html element that is inside the input box.
|
|
35
|
+
* @internal
|
|
36
|
+
*/
|
|
37
|
+
queryHost(query: string): HTMLElement | undefined;
|
|
28
38
|
static ɵfac: i0.ɵɵFactoryDeclaration<SkyInputBoxHostService, never>;
|
|
29
39
|
static ɵprov: i0.ɵɵInjectableDeclaration<SkyInputBoxHostService>;
|
|
30
40
|
}
|
|
@@ -94,10 +94,22 @@ export declare class SkyInputBoxComponent implements OnInit, AfterContentChecked
|
|
|
94
94
|
ngOnInit(): void;
|
|
95
95
|
ngAfterContentChecked(): void;
|
|
96
96
|
ngOnDestroy(): void;
|
|
97
|
+
/**
|
|
98
|
+
* Whether the input box component contains the focused element.
|
|
99
|
+
* @internal
|
|
100
|
+
*/
|
|
101
|
+
containsElement(el: EventTarget): boolean;
|
|
97
102
|
formControlFocusIn(): void;
|
|
98
103
|
formControlFocusOut(): void;
|
|
99
104
|
onInsetIconClick(): void;
|
|
100
105
|
populate(args: SkyInputBoxPopulateArgs): void;
|
|
106
|
+
/**
|
|
107
|
+
* Returns an element inside the input box.
|
|
108
|
+
* This can be used to query parts of a input box
|
|
109
|
+
* that was populated through the `SkyInputBoxHostService`
|
|
110
|
+
* @internal
|
|
111
|
+
*/
|
|
112
|
+
queryPopulatedElement(query: string): HTMLElement;
|
|
101
113
|
setHintTextHidden(hide: boolean): void;
|
|
102
114
|
setHostHintText(value: string | undefined): void;
|
|
103
115
|
setHintTextScreenReaderOnly(hide: boolean): void;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@skyux/forms",
|
|
3
|
-
"version": "12.0.0-
|
|
3
|
+
"version": "12.0.0-beta.0",
|
|
4
4
|
"author": "Blackbaud, Inc.",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"blackbaud",
|
|
@@ -15,6 +15,26 @@
|
|
|
15
15
|
"url": "https://github.com/blackbaud/skyux/issues"
|
|
16
16
|
},
|
|
17
17
|
"homepage": "https://github.com/blackbaud/skyux#readme",
|
|
18
|
+
"peerDependencies": {
|
|
19
|
+
"@angular/cdk": "^19.2.2",
|
|
20
|
+
"@angular/common": "^19.2.1",
|
|
21
|
+
"@angular/core": "^19.2.1",
|
|
22
|
+
"@angular/forms": "^19.2.1",
|
|
23
|
+
"@angular/platform-browser": "^19.2.1",
|
|
24
|
+
"@skyux-sdk/testing": "12.0.0-beta.0",
|
|
25
|
+
"@skyux/core": "12.0.0-beta.0",
|
|
26
|
+
"@skyux/help-inline": "12.0.0-beta.0",
|
|
27
|
+
"@skyux/i18n": "12.0.0-beta.0",
|
|
28
|
+
"@skyux/icon": "12.0.0-beta.0",
|
|
29
|
+
"@skyux/indicators": "12.0.0-beta.0",
|
|
30
|
+
"@skyux/popovers": "12.0.0-beta.0",
|
|
31
|
+
"@skyux/theme": "12.0.0-beta.0"
|
|
32
|
+
},
|
|
33
|
+
"dependencies": {
|
|
34
|
+
"tslib": "^2.8.1"
|
|
35
|
+
},
|
|
36
|
+
"module": "fesm2022/skyux-forms.mjs",
|
|
37
|
+
"typings": "index.d.ts",
|
|
18
38
|
"exports": {
|
|
19
39
|
"./package.json": {
|
|
20
40
|
"default": "./package.json"
|
|
@@ -26,30 +46,7 @@
|
|
|
26
46
|
"./testing": {
|
|
27
47
|
"types": "./testing/index.d.ts",
|
|
28
48
|
"default": "./fesm2022/skyux-forms-testing.mjs"
|
|
29
|
-
},
|
|
30
|
-
"./documentation.json": {
|
|
31
|
-
"default": "./documentation.json"
|
|
32
49
|
}
|
|
33
50
|
},
|
|
34
|
-
"peerDependencies": {
|
|
35
|
-
"@angular/cdk": "^19.0.4",
|
|
36
|
-
"@angular/common": "^19.0.5",
|
|
37
|
-
"@angular/core": "^19.0.5",
|
|
38
|
-
"@angular/forms": "^19.0.5",
|
|
39
|
-
"@angular/platform-browser": "^19.0.5",
|
|
40
|
-
"@skyux-sdk/testing": "12.0.0-alpha.8",
|
|
41
|
-
"@skyux/core": "12.0.0-alpha.8",
|
|
42
|
-
"@skyux/help-inline": "12.0.0-alpha.8",
|
|
43
|
-
"@skyux/i18n": "12.0.0-alpha.8",
|
|
44
|
-
"@skyux/icon": "12.0.0-alpha.8",
|
|
45
|
-
"@skyux/indicators": "12.0.0-alpha.8",
|
|
46
|
-
"@skyux/popovers": "12.0.0-alpha.8",
|
|
47
|
-
"@skyux/theme": "12.0.0-alpha.8"
|
|
48
|
-
},
|
|
49
|
-
"dependencies": {
|
|
50
|
-
"tslib": "^2.8.1"
|
|
51
|
-
},
|
|
52
|
-
"module": "fesm2022/skyux-forms.mjs",
|
|
53
|
-
"typings": "index.d.ts",
|
|
54
51
|
"sideEffects": false
|
|
55
|
-
}
|
|
52
|
+
}
|