@skyux/forms 15.0.0-alpha.8 → 15.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/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@skyux/forms",
|
|
3
|
-
"version": "15.0.0-
|
|
3
|
+
"version": "15.0.0-beta.0",
|
|
4
4
|
"author": "Blackbaud, Inc.",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"blackbaud",
|
|
@@ -21,13 +21,15 @@
|
|
|
21
21
|
"@angular/core": "^22.1.2",
|
|
22
22
|
"@angular/forms": "^22.1.2",
|
|
23
23
|
"@angular/platform-browser": "^22.1.2",
|
|
24
|
-
"@
|
|
25
|
-
"@skyux/
|
|
26
|
-
"@skyux/
|
|
27
|
-
"@skyux/
|
|
28
|
-
"@skyux/
|
|
29
|
-
"@skyux/
|
|
30
|
-
"@skyux/
|
|
24
|
+
"@angular/router": "^22.1.2",
|
|
25
|
+
"@skyux/core": "15.0.0-beta.0",
|
|
26
|
+
"@skyux/help-inline": "15.0.0-beta.0",
|
|
27
|
+
"@skyux/i18n": "15.0.0-beta.0",
|
|
28
|
+
"@skyux/icon": "15.0.0-beta.0",
|
|
29
|
+
"@skyux/indicators": "15.0.0-beta.0",
|
|
30
|
+
"@skyux/popovers": "15.0.0-beta.0",
|
|
31
|
+
"@skyux/router": "15.0.0-beta.0",
|
|
32
|
+
"@skyux/theme": "15.0.0-beta.0"
|
|
31
33
|
},
|
|
32
34
|
"dependencies": {
|
|
33
35
|
"tslib": "^2.8.1"
|
|
@@ -3,18 +3,24 @@ import { SkyHarnessFilters, SkyComponentHarness, SkyQueryableComponentHarness }
|
|
|
3
3
|
import { SkyStatusIndicatorHarness } from '@skyux/indicators/testing';
|
|
4
4
|
import { SkyPopoverHarness } from '@skyux/popovers/testing';
|
|
5
5
|
import { ComponentFixture } from '@angular/core/testing';
|
|
6
|
-
import { SkyCheckboxGroupHeadingLevel, SkyCheckboxGroupHeadingStyle, SkyFieldGroupHeadingLevel, SkyFieldGroupHeadingStyle, SkyRadioGroupHeadingLevel, SkyRadioGroupHeadingStyle } from '@skyux/forms';
|
|
6
|
+
import { SkyCheckboxGroupHeadingLevel, SkyCheckboxGroupHeadingStyle, SkyFieldGroupHeadingLevel, SkyFieldGroupHeadingStyle, SkyRadioGroupHeadingLevel, SkyRadioGroupHeadingStyle, SkyButtonStyle, SkyButtonType } from '@skyux/forms';
|
|
7
7
|
import { Provider } from '@angular/core';
|
|
8
8
|
import { SkyIconHarness } from '@skyux/icon/testing';
|
|
9
9
|
|
|
10
10
|
/**
|
|
11
11
|
* A set of criteria that can be used to filter a list of SkyCharacterCounterIndicatorHarness instances.
|
|
12
|
+
*
|
|
13
|
+
* @deprecated Use `SkyInputBoxHarnessFilters` with an input box that sets the
|
|
14
|
+
* `characterLimit` input instead.
|
|
12
15
|
*/
|
|
13
16
|
interface SkyCharacterCounterIndicatorHarnessFilters extends SkyHarnessFilters {
|
|
14
17
|
}
|
|
15
18
|
|
|
16
19
|
/**
|
|
17
20
|
* Harness for interacting with a character counter indicator component in tests.
|
|
21
|
+
*
|
|
22
|
+
* @deprecated Use `SkyInputBoxHarness` with an input box that sets the
|
|
23
|
+
* `characterLimit` input instead.
|
|
18
24
|
*/
|
|
19
25
|
declare class SkyCharacterCounterIndicatorHarness extends SkyComponentHarness {
|
|
20
26
|
#private;
|
|
@@ -100,8 +106,28 @@ declare class SkyInputBoxHarness extends SkyQueryableComponentHarness {
|
|
|
100
106
|
/**
|
|
101
107
|
* Gets the character counter indicator for the input box or throws an error if
|
|
102
108
|
* a character limit is not specified.
|
|
109
|
+
*
|
|
110
|
+
* @deprecated Use `getCharacterCount()`, `getCharacterLimit()`, and
|
|
111
|
+
* `isOverCharacterLimit()` instead. Those methods require the `characterLimit`
|
|
112
|
+
* input, so an input box that projects a `sky-character-counter-indicator` component
|
|
113
|
+
* must migrate to that input first.
|
|
103
114
|
*/
|
|
104
115
|
getCharacterCounter(): Promise<SkyCharacterCounterIndicatorHarness>;
|
|
116
|
+
/**
|
|
117
|
+
* Gets the current character count, or throws an error if the input box does
|
|
118
|
+
* not set the `characterLimit` input.
|
|
119
|
+
*/
|
|
120
|
+
getCharacterCount(): Promise<number>;
|
|
121
|
+
/**
|
|
122
|
+
* Gets the character limit, or throws an error if the input box does not set
|
|
123
|
+
* the `characterLimit` input.
|
|
124
|
+
*/
|
|
125
|
+
getCharacterLimit(): Promise<number>;
|
|
126
|
+
/**
|
|
127
|
+
* Whether the character count has exceeded the character limit. Throws an
|
|
128
|
+
* error if the input box does not set the `characterLimit` input.
|
|
129
|
+
*/
|
|
130
|
+
isOverCharacterLimit(): Promise<boolean>;
|
|
105
131
|
/**
|
|
106
132
|
* Gets a list of status indicator harnesses for errors not automatically
|
|
107
133
|
* handled by input box.
|
|
@@ -1152,5 +1178,82 @@ declare class SkyToggleSwitchHarness extends SkyComponentHarness {
|
|
|
1152
1178
|
uncheck(): Promise<void>;
|
|
1153
1179
|
}
|
|
1154
1180
|
|
|
1155
|
-
|
|
1156
|
-
|
|
1181
|
+
/**
|
|
1182
|
+
* A set of criteria that can be used to filter a list of `SkyButtonHarness` instances.
|
|
1183
|
+
*/
|
|
1184
|
+
interface SkyButtonHarnessFilters extends SkyHarnessFilters {
|
|
1185
|
+
}
|
|
1186
|
+
|
|
1187
|
+
/**
|
|
1188
|
+
* Harness for interacting with a button component in tests.
|
|
1189
|
+
*/
|
|
1190
|
+
declare class SkyButtonHarness extends SkyComponentHarness {
|
|
1191
|
+
#private;
|
|
1192
|
+
/**
|
|
1193
|
+
* @internal
|
|
1194
|
+
*/
|
|
1195
|
+
static hostSelector: string;
|
|
1196
|
+
/**
|
|
1197
|
+
* Gets a `HarnessPredicate` that can be used to search for a
|
|
1198
|
+
* `SkyButtonHarness` that meets certain criteria.
|
|
1199
|
+
*/
|
|
1200
|
+
static with(filters: SkyButtonHarnessFilters): HarnessPredicate<SkyButtonHarness>;
|
|
1201
|
+
/**
|
|
1202
|
+
* Blurs the button.
|
|
1203
|
+
*/
|
|
1204
|
+
blur(): Promise<void>;
|
|
1205
|
+
/**
|
|
1206
|
+
* Clicks the button.
|
|
1207
|
+
*/
|
|
1208
|
+
click(): Promise<void>;
|
|
1209
|
+
/**
|
|
1210
|
+
* Focuses the button.
|
|
1211
|
+
*/
|
|
1212
|
+
focus(): Promise<void>;
|
|
1213
|
+
/**
|
|
1214
|
+
* Gets the button's style.
|
|
1215
|
+
*/
|
|
1216
|
+
getButtonStyle(): Promise<SkyButtonStyle>;
|
|
1217
|
+
/**
|
|
1218
|
+
* Gets the button's type.
|
|
1219
|
+
*/
|
|
1220
|
+
getButtonType(): Promise<SkyButtonType | undefined>;
|
|
1221
|
+
/**
|
|
1222
|
+
* Gets the button's label text. If the label is set via `labelText` and `labelHidden` is true,
|
|
1223
|
+
* the text will still be returned.
|
|
1224
|
+
*/
|
|
1225
|
+
getLabelText(): Promise<string>;
|
|
1226
|
+
/**
|
|
1227
|
+
* Whether the label is hidden. Only supported when using the `labelText` input to set the label.
|
|
1228
|
+
*/
|
|
1229
|
+
getLabelHidden(): Promise<boolean>;
|
|
1230
|
+
/**
|
|
1231
|
+
* Whether the button is disabled.
|
|
1232
|
+
*/
|
|
1233
|
+
isDisabled(): Promise<boolean>;
|
|
1234
|
+
/**
|
|
1235
|
+
* Whether the button is focused.
|
|
1236
|
+
*/
|
|
1237
|
+
isFocused(): Promise<boolean>;
|
|
1238
|
+
/**
|
|
1239
|
+
* Gets the name of the displayed icon, or undefined if no icon is displayed.
|
|
1240
|
+
*/
|
|
1241
|
+
getIconName(): Promise<string | undefined>;
|
|
1242
|
+
/**
|
|
1243
|
+
* Whether the button is a block button.
|
|
1244
|
+
*/
|
|
1245
|
+
isBlock(): Promise<boolean>;
|
|
1246
|
+
/**
|
|
1247
|
+
* Whether the button is displaying a logo. This will return false when no icon
|
|
1248
|
+
* is displayed, even when the logo input is set to true.
|
|
1249
|
+
*/
|
|
1250
|
+
isLogo(): Promise<boolean>;
|
|
1251
|
+
/**
|
|
1252
|
+
* Gets the resolved URL for the current permalink, or undefined if no permalink
|
|
1253
|
+
* is specified.
|
|
1254
|
+
*/
|
|
1255
|
+
getLink(): Promise<string | undefined>;
|
|
1256
|
+
}
|
|
1257
|
+
|
|
1258
|
+
export { SkyButtonHarness, SkyCharacterCounterIndicatorHarness, SkyCheckboxFixture, SkyCheckboxGroupHarness, SkyCheckboxHarness, SkyCheckboxLabelHarness, SkyFieldGroupHarness, SkyFileAttachmentHarness, SkyFileDropHarness, SkyFileItemHarness, SkyFormErrorHarness, SkyFormErrorsHarness, SkyInputBoxHarness, SkyRadioFixture, SkyRadioGroupHarness, SkyRadioHarness, SkyRadioLabelHarness, SkySelectionBoxGridHarness, SkySelectionBoxHarness, SkyToggleSwitchHarness, provideSkyFileAttachmentTesting };
|
|
1259
|
+
export type { SkyButtonHarnessFilters, SkyCharacterCounterIndicatorHarnessFilters, SkyCheckboxGroupHarnessFilters, SkyCheckboxHarnessFilters, SkyFieldGroupHarnessFilters, SkyFileAttachmentHarnessFilters, SkyFileDropHarnessFilters, SkyFileItemHarnessFilters, SkyFormErrorHarnessFilters, SkyFormErrorsHarnessFilters, SkyInputBoxHarnessFilters, SkyRadioGroupHarnessFilters, SkyRadioHarnessFilters, SkySelectionBoxGridHarnessFilters, SkySelectionBoxHarnessFilters, SkyToggleSwitchHarnessFilters };
|
package/types/skyux-forms.d.ts
CHANGED
|
@@ -10,7 +10,12 @@ import * as i10 from '@skyux/help-inline';
|
|
|
10
10
|
import * as i11 from '@skyux/icon';
|
|
11
11
|
import * as i12 from '@skyux/core';
|
|
12
12
|
import { NumberInput, BooleanInput } from '@angular/cdk/coercion';
|
|
13
|
+
import { NavigationExtras } from '@angular/router';
|
|
13
14
|
|
|
15
|
+
/**
|
|
16
|
+
* @deprecated Use [input box](https://developer.blackbaud.com/skyux/components/input-box)
|
|
17
|
+
* with its `characterLimit` input instead.
|
|
18
|
+
*/
|
|
14
19
|
declare class SkyCharacterCounterIndicatorComponent {
|
|
15
20
|
#private;
|
|
16
21
|
get characterCount(): number;
|
|
@@ -26,6 +31,8 @@ declare class SkyCharacterCounterIndicatorComponent {
|
|
|
26
31
|
* an `input` or `textarea` element. If users enter more characters than allowed, then the
|
|
27
32
|
* input field is invalid and the component displays an error indicator.
|
|
28
33
|
* @required
|
|
34
|
+
* @deprecated Use [input box](https://developer.blackbaud.com/skyux/components/input-box)
|
|
35
|
+
* with its `characterLimit` input instead.
|
|
29
36
|
*/
|
|
30
37
|
declare class SkyCharacterCounterInputDirective implements Validator {
|
|
31
38
|
#private;
|
|
@@ -48,6 +55,10 @@ declare class SkyCharacterCounterInputDirective implements Validator {
|
|
|
48
55
|
static ɵdir: i0.ɵɵDirectiveDeclaration<SkyCharacterCounterInputDirective, "[skyCharacterCounter]", never, { "skyCharacterCounterIndicator": { "alias": "skyCharacterCounterIndicator"; "required": false; }; "skyCharacterCounterLimit": { "alias": "skyCharacterCounterLimit"; "required": false; }; }, {}, never, never, false, never>;
|
|
49
56
|
}
|
|
50
57
|
|
|
58
|
+
/**
|
|
59
|
+
* @deprecated Use [input box](https://developer.blackbaud.com/skyux/components/input-box)
|
|
60
|
+
* with its `characterLimit` input instead.
|
|
61
|
+
*/
|
|
51
62
|
declare class SkyCharacterCounterScreenReaderPipe implements PipeTransform {
|
|
52
63
|
#private;
|
|
53
64
|
transform(characterCount: number | undefined, characterCountLimit: number | undefined): string;
|
|
@@ -64,6 +75,10 @@ declare class SkyFormsResourcesModule {
|
|
|
64
75
|
static ɵinj: i0.ɵɵInjectorDeclaration<SkyFormsResourcesModule>;
|
|
65
76
|
}
|
|
66
77
|
|
|
78
|
+
/**
|
|
79
|
+
* @deprecated Use [input box](https://developer.blackbaud.com/skyux/components/input-box)
|
|
80
|
+
* with its `characterLimit` input instead.
|
|
81
|
+
*/
|
|
67
82
|
declare class SkyCharacterCounterModule {
|
|
68
83
|
static ɵfac: i0.ɵɵFactoryDeclaration<SkyCharacterCounterModule, never>;
|
|
69
84
|
static ɵmod: i0.ɵɵNgModuleDeclaration<SkyCharacterCounterModule, [typeof SkyCharacterCounterInputDirective, typeof SkyCharacterCounterIndicatorComponent], [typeof i4.CommonModule, typeof i4$1.FormsModule, typeof i4$1.ReactiveFormsModule, typeof SkyCharacterCounterScreenReaderPipe, typeof SkyFormsResourcesModule], [typeof SkyCharacterCounterInputDirective, typeof SkyCharacterCounterIndicatorComponent]>;
|
|
@@ -961,13 +976,13 @@ declare class SkyInputBoxComponent implements OnInit, AfterContentChecked, OnDes
|
|
|
961
976
|
*/
|
|
962
977
|
labelText: string | undefined;
|
|
963
978
|
/**
|
|
964
|
-
* The
|
|
965
|
-
*
|
|
966
|
-
*
|
|
967
|
-
*
|
|
968
|
-
*
|
|
969
|
-
* `maxLength`
|
|
970
|
-
*
|
|
979
|
+
* The character limit for the input box. If users exceed the limit, the input box's form control
|
|
980
|
+
* becomes invalid and the property adds [Validators.maxLength](https://angular.dev/api/forms/Validators).
|
|
981
|
+
* The validation error message and screen reader announcement use `labelText`. This property also
|
|
982
|
+
* displays a character count indicator in the top right with the number of characters that users enter,
|
|
983
|
+
* the character limit, and a danger icon if users exceed the limit. If users are unlikely to exceed a
|
|
984
|
+
* character limit, use `Validators.maxLength` directly instead with a `maxLength` attribute on the
|
|
985
|
+
* input element.
|
|
971
986
|
*/
|
|
972
987
|
set characterLimit(value: NumberInput);
|
|
973
988
|
get characterLimit(): number | undefined;
|
|
@@ -1086,6 +1101,16 @@ declare class SkyInputBoxHostService implements OnDestroy {
|
|
|
1086
1101
|
static ɵprov: i0.ɵɵInjectableDeclaration<SkyInputBoxHostService>;
|
|
1087
1102
|
}
|
|
1088
1103
|
|
|
1104
|
+
declare class SkyInputBoxCharacterLimit {
|
|
1105
|
+
readonly characterCount: i0.InputSignal<number>;
|
|
1106
|
+
readonly characterLimit: i0.InputSignal<number>;
|
|
1107
|
+
protected readonly ratio: i0.Signal<string>;
|
|
1108
|
+
protected readonly limitReached: i0.Signal<boolean>;
|
|
1109
|
+
protected readonly announcedCount: i0.WritableSignal<number>;
|
|
1110
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<SkyInputBoxCharacterLimit, never>;
|
|
1111
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<SkyInputBoxCharacterLimit, "sky-input-box-character-limit", never, { "characterCount": { "alias": "characterCount"; "required": true; "isSignal": true; }; "characterLimit": { "alias": "characterLimit"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
1112
|
+
}
|
|
1113
|
+
|
|
1089
1114
|
/**
|
|
1090
1115
|
* @internal
|
|
1091
1116
|
*/
|
|
@@ -1108,7 +1133,7 @@ declare class SkyInputBoxHintTextPipe implements PipeTransform {
|
|
|
1108
1133
|
|
|
1109
1134
|
declare class SkyInputBoxModule {
|
|
1110
1135
|
static ɵfac: i0.ɵɵFactoryDeclaration<SkyInputBoxModule, never>;
|
|
1111
|
-
static ɵmod: i0.ɵɵNgModuleDeclaration<SkyInputBoxModule, [typeof SkyInputBoxComponent], [typeof i4.CommonModule, typeof SkyCharacterCounterModule, typeof SkyFormErrorsModule, typeof SkyFormErrorModule, typeof SkyFormsResourcesModule, typeof i10.SkyHelpInlineModule, typeof SkyInputBoxControlDirective, typeof SkyInputBoxHintTextPipe, typeof i1$1.SkyThemeModule], [typeof SkyInputBoxHintTextPipe, typeof SkyInputBoxComponent, typeof SkyInputBoxControlDirective, typeof SkyFormErrorModule]>;
|
|
1136
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<SkyInputBoxModule, [typeof SkyInputBoxComponent], [typeof i4.CommonModule, typeof SkyCharacterCounterModule, typeof SkyFormErrorsModule, typeof SkyFormErrorModule, typeof SkyFormsResourcesModule, typeof i10.SkyHelpInlineModule, typeof SkyInputBoxCharacterLimit, typeof SkyInputBoxControlDirective, typeof SkyInputBoxHintTextPipe, typeof i1$1.SkyThemeModule], [typeof SkyInputBoxHintTextPipe, typeof SkyInputBoxComponent, typeof SkyInputBoxControlDirective, typeof SkyFormErrorModule]>;
|
|
1112
1137
|
static ɵinj: i0.ɵɵInjectorDeclaration<SkyInputBoxModule>;
|
|
1113
1138
|
}
|
|
1114
1139
|
|
|
@@ -1519,7 +1544,6 @@ declare class SkySelectionBoxGridComponent implements OnDestroy, OnInit {
|
|
|
1519
1544
|
get containerElementRef(): ElementRef | undefined;
|
|
1520
1545
|
ngOnInit(): void;
|
|
1521
1546
|
ngOnDestroy(): void;
|
|
1522
|
-
onWindowResize(): void;
|
|
1523
1547
|
static ɵfac: i0.ɵɵFactoryDeclaration<SkySelectionBoxGridComponent, never>;
|
|
1524
1548
|
static ɵcmp: i0.ɵɵComponentDeclaration<SkySelectionBoxGridComponent, "sky-selection-box-grid", never, { "alignItems": { "alias": "alignItems"; "required": false; }; }, {}, ["selectionBoxes"], ["sky-selection-box"], false, never>;
|
|
1525
1549
|
}
|
|
@@ -1652,5 +1676,97 @@ declare class SkyToggleSwitchModule {
|
|
|
1652
1676
|
*/
|
|
1653
1677
|
declare const SKY_FORM_ERRORS_ENABLED: InjectionToken<boolean>;
|
|
1654
1678
|
|
|
1655
|
-
|
|
1656
|
-
|
|
1679
|
+
/**
|
|
1680
|
+
* Specifies an Angular router link with the `route` property or a direct
|
|
1681
|
+
* link with the `url` property. If it provides both, the button uses
|
|
1682
|
+
* the `route` property.
|
|
1683
|
+
*/
|
|
1684
|
+
interface SkyButtonPermalink {
|
|
1685
|
+
/**
|
|
1686
|
+
* The Angular router link for the button. This property accepts a
|
|
1687
|
+
* custom object with a `commands` property to specify router commands and an `extras`
|
|
1688
|
+
* property to specify
|
|
1689
|
+
* [Angular `NavigationExtras`](https://angular.dev/api/router/NavigationExtras).
|
|
1690
|
+
* This property passes the following properties:
|
|
1691
|
+
* - `permalink.route?.extras?.fragment` to
|
|
1692
|
+
* [`fragment`](https://angular.dev/api/router/NavigationExtras#fragment)
|
|
1693
|
+
* - `permalink.route?.extras?.queryParams` to
|
|
1694
|
+
* [`queryParams`](https://angular.dev/api/router/NavigationExtras#queryParams)
|
|
1695
|
+
* - `permalink.route?.extras?.queryParamsHandling` to
|
|
1696
|
+
* [`queryParamsHandling`](https://angular.dev/api/router/NavigationExtras#queryParamsHandling)
|
|
1697
|
+
* - `permalink.route?.commands` to
|
|
1698
|
+
* [`routerLink`](https://angular.dev/api/router/RouterLink)
|
|
1699
|
+
*/
|
|
1700
|
+
route?: {
|
|
1701
|
+
commands?: unknown[] | string;
|
|
1702
|
+
extras?: NavigationExtras;
|
|
1703
|
+
};
|
|
1704
|
+
/**
|
|
1705
|
+
* The direct link for the button.
|
|
1706
|
+
*/
|
|
1707
|
+
url?: string;
|
|
1708
|
+
}
|
|
1709
|
+
|
|
1710
|
+
type SkyButtonStyle = 'danger' | 'default' | 'icon-borderless' | 'link' | 'link-inline' | 'primary';
|
|
1711
|
+
|
|
1712
|
+
type SkyButtonType = 'button' | 'reset' | 'submit';
|
|
1713
|
+
|
|
1714
|
+
/**
|
|
1715
|
+
* Buttons provide interactive elements for users to trigger actions in the system.
|
|
1716
|
+
*/
|
|
1717
|
+
declare class SkyButton {
|
|
1718
|
+
/**
|
|
1719
|
+
* Whether the button is displayed as a block element that fills the horizontal space of its container.
|
|
1720
|
+
* @default false
|
|
1721
|
+
*/
|
|
1722
|
+
readonly block: i0.InputSignalWithTransform<boolean, unknown>;
|
|
1723
|
+
/**
|
|
1724
|
+
* The display style of the button.
|
|
1725
|
+
* @default "default"
|
|
1726
|
+
*/
|
|
1727
|
+
readonly buttonStyle: i0.InputSignal<SkyButtonStyle>;
|
|
1728
|
+
/**
|
|
1729
|
+
* The type of the underlying HTML button element.
|
|
1730
|
+
* @default "button"
|
|
1731
|
+
*/
|
|
1732
|
+
readonly buttonType: i0.InputSignal<SkyButtonType>;
|
|
1733
|
+
/**
|
|
1734
|
+
* Whether the button is disabled.
|
|
1735
|
+
* @default false
|
|
1736
|
+
*/
|
|
1737
|
+
readonly disabled: i0.InputSignalWithTransform<boolean, unknown>;
|
|
1738
|
+
/**
|
|
1739
|
+
* The name of the icon to display.
|
|
1740
|
+
*/
|
|
1741
|
+
readonly iconName: i0.InputSignal<string>;
|
|
1742
|
+
/**
|
|
1743
|
+
* Whether to hide the button's label. When the label is hidden, `labelText` is used as the button's ARIA label.
|
|
1744
|
+
* @default false
|
|
1745
|
+
*/
|
|
1746
|
+
readonly labelHidden: i0.InputSignalWithTransform<boolean, unknown>;
|
|
1747
|
+
/**
|
|
1748
|
+
* The text to display as the button's label.
|
|
1749
|
+
* @required
|
|
1750
|
+
*/
|
|
1751
|
+
readonly labelText: i0.InputSignal<string>;
|
|
1752
|
+
/**
|
|
1753
|
+
* Whether the icon is a logo icon.
|
|
1754
|
+
* @default false
|
|
1755
|
+
*/
|
|
1756
|
+
readonly logo: i0.InputSignalWithTransform<boolean, unknown>;
|
|
1757
|
+
/**
|
|
1758
|
+
* The link for the button.
|
|
1759
|
+
*/
|
|
1760
|
+
readonly permalink: i0.InputSignal<SkyButtonPermalink | undefined>;
|
|
1761
|
+
/**
|
|
1762
|
+
* Fires when the button is clicked.
|
|
1763
|
+
*/
|
|
1764
|
+
readonly buttonClick: i0.OutputEmitterRef<PointerEvent>;
|
|
1765
|
+
protected readonly ariaLabel: i0.Signal<string | null>;
|
|
1766
|
+
protected readonly buttonClass: i0.Signal<string>;
|
|
1767
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<SkyButton, never>;
|
|
1768
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<SkyButton, "sky-button", never, { "block": { "alias": "block"; "required": false; "isSignal": true; }; "buttonStyle": { "alias": "buttonStyle"; "required": false; "isSignal": true; }; "buttonType": { "alias": "buttonType"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "iconName": { "alias": "iconName"; "required": false; "isSignal": true; }; "labelHidden": { "alias": "labelHidden"; "required": false; "isSignal": true; }; "labelText": { "alias": "labelText"; "required": true; "isSignal": true; }; "logo": { "alias": "logo"; "required": false; "isSignal": true; }; "permalink": { "alias": "permalink"; "required": false; "isSignal": true; }; }, { "buttonClick": "buttonClick"; }, never, never, true, never>;
|
|
1769
|
+
}
|
|
1770
|
+
|
|
1771
|
+
export { SKY_FORM_ERRORS_ENABLED, SkyButton, SkyCharacterCounterModule, SkyCheckboxModule, SkyFieldGroupModule, SkyFileAttachmentModule, SkyFileAttachmentsModule, SkyFileDropModule, SkyFileSizePipe, SkyFormErrorModule, SkyFormErrorsModule, SkyInputBoxHostService, SkyInputBoxModule, SkyRadioModule, SkyRequiredStateDirective, SkySelectionBoxGridAlignItems, SkySelectionBoxModule, SkyToggleSwitchModule, SkyCharacterCounterIndicatorComponent as λ1, SkyInputBoxComponent as λ10, SkyRadioGroupComponent as λ11, SkyRadioLabelComponent as λ12, SkyRadioComponent as λ13, SkySelectionBoxDescriptionComponent as λ14, SkySelectionBoxGridComponent as λ15, SkySelectionBoxHeaderComponent as λ16, SkySelectionBoxComponent as λ17, SkyToggleSwitchComponent as λ19, SkyCharacterCounterInputDirective as λ2, SkyInputBoxControlDirective as λ20, SkyFormErrorsComponent as λ21, SkyFormErrorComponent as λ22, SkyCharacterCounterScreenReaderPipe as λ23, SkyCheckboxGroupComponent as λ24, SkyFieldGroupComponent as λ25, SkyInputBoxHintTextPipe as λ26, SkyCheckboxComponent as λ3, SkyCheckboxLabelComponent as λ4, SkyFileAttachmentComponent as λ7, SkyFileDropComponent as λ8, SkyFileItemComponent as λ9 };
|
|
1772
|
+
export type { SkyButtonPermalink, SkyButtonStyle, SkyButtonType, SkyCheckboxChange, SkyCheckboxGroupHeadingLevel, SkyCheckboxGroupHeadingStyle, SkyFieldGroupHeadingLevel, SkyFieldGroupHeadingStyle, SkyFileAttachmentChange, SkyFileAttachmentClick, SkyFileDropChange, SkyFileItem, SkyFileItemErrorType, SkyFileLink, SkyFileValidateFn, SkyInputBoxPopulateArgs, SkyRadioChange, SkyRadioGroupHeadingLevel, SkyRadioGroupHeadingStyle, SkyRadioType, SkySelectionBoxGridAlignItemsType, SkyToggleSwitchChange };
|