@skyux/tabs 12.23.0 → 13.0.0-alpha.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-tabs-testing.mjs.map +1 -1
- package/fesm2022/skyux-tabs.mjs +75 -75
- package/fesm2022/skyux-tabs.mjs.map +1 -1
- package/index.d.ts +835 -20
- package/package.json +16 -16
- package/testing/index.d.ts +623 -3
- package/lib/modules/sectioned-form/sectioned-form-section.component.d.ts +0 -35
- package/lib/modules/sectioned-form/sectioned-form.component.d.ts +0 -48
- package/lib/modules/sectioned-form/sectioned-form.module.d.ts +0 -12
- package/lib/modules/sectioned-form/sectioned-form.service.d.ts +0 -24
- package/lib/modules/sectioned-form/types/sectioned-form-message-type.d.ts +0 -3
- package/lib/modules/sectioned-form/types/sectioned-form-message.d.ts +0 -4
- package/lib/modules/shared/sky-tabs-resources.module.d.ts +0 -10
- package/lib/modules/shared/tab-id.service.d.ts +0 -24
- package/lib/modules/tabs/tab-button-adapter.service.d.ts +0 -10
- package/lib/modules/tabs/tab-button-view-model.d.ts +0 -17
- package/lib/modules/tabs/tab-button.component.d.ts +0 -43
- package/lib/modules/tabs/tab-index.d.ts +0 -1
- package/lib/modules/tabs/tab-layout-type.d.ts +0 -1
- package/lib/modules/tabs/tab.component.d.ts +0 -90
- package/lib/modules/tabs/tabs.module.d.ts +0 -17
- package/lib/modules/tabs/tabset-active-tab-change-args.d.ts +0 -5
- package/lib/modules/tabs/tabset-active-tab-unregistered-args.d.ts +0 -10
- package/lib/modules/tabs/tabset-adapter.service.d.ts +0 -19
- package/lib/modules/tabs/tabset-buttons-display-mode.d.ts +0 -1
- package/lib/modules/tabs/tabset-nav-button-disabled.pipe.d.ts +0 -8
- package/lib/modules/tabs/tabset-nav-button-type.d.ts +0 -4
- package/lib/modules/tabs/tabset-nav-button.component.d.ts +0 -47
- package/lib/modules/tabs/tabset-permalink.service.d.ts +0 -35
- package/lib/modules/tabs/tabset-style.d.ts +0 -1
- package/lib/modules/tabs/tabset-tab-indexes-change.d.ts +0 -7
- package/lib/modules/tabs/tabset.component.d.ts +0 -97
- package/lib/modules/tabs/tabset.service.d.ts +0 -65
- package/lib/modules/vertical-tabset/vertical-tab.component.d.ts +0 -86
- package/lib/modules/vertical-tabset/vertical-tabset-adapter.service.d.ts +0 -12
- package/lib/modules/vertical-tabset/vertical-tabset-group-message.d.ts +0 -3
- package/lib/modules/vertical-tabset/vertical-tabset-group.component.d.ts +0 -38
- package/lib/modules/vertical-tabset/vertical-tabset-group.service.d.ts +0 -11
- package/lib/modules/vertical-tabset/vertical-tabset.component.d.ts +0 -71
- package/lib/modules/vertical-tabset/vertical-tabset.module.d.ts +0 -15
- package/lib/modules/vertical-tabset/vertical-tabset.service.d.ts +0 -40
- package/testing/legacy/tabs/tab-fixture-tab.d.ts +0 -26
- package/testing/legacy/tabs/tabset-fixture.d.ts +0 -45
- package/testing/modules/sectioned-form/sectioned-form-harness-filters.d.ts +0 -6
- package/testing/modules/sectioned-form/sectioned-form-harness.d.ts +0 -33
- package/testing/modules/sectioned-form/sectioned-form-section-content-harness-filters.d.ts +0 -6
- package/testing/modules/sectioned-form/sectioned-form-section-content-harness.d.ts +0 -17
- package/testing/modules/sectioned-form/sectioned-form-section-harness-filters.d.ts +0 -10
- package/testing/modules/sectioned-form/sectioned-form-section-harness.d.ts +0 -59
- package/testing/modules/tabs/tab-button-harness-filters.d.ts +0 -10
- package/testing/modules/tabs/tab-button-harness.d.ts +0 -56
- package/testing/modules/tabs/tab-content-harness-filters.d.ts +0 -11
- package/testing/modules/tabs/tab-content-harness.d.ts +0 -31
- package/testing/modules/tabs/tabset-harness-filters.d.ts +0 -6
- package/testing/modules/tabs/tabset-harness.d.ts +0 -69
- package/testing/modules/tabs/tabset-nav-button-harness-filters.d.ts +0 -11
- package/testing/modules/tabs/tabset-nav-button-harness.d.ts +0 -35
- package/testing/modules/vertical-tabset/vertical-tab-button-harness-filters.d.ts +0 -10
- package/testing/modules/vertical-tabset/vertical-tab-button-harness.d.ts +0 -48
- package/testing/modules/vertical-tabset/vertical-tab-content-harness-filters.d.ts +0 -11
- package/testing/modules/vertical-tabset/vertical-tab-content-harness.d.ts +0 -26
- package/testing/modules/vertical-tabset/vertical-tabset-group-harness-filters.d.ts +0 -10
- package/testing/modules/vertical-tabset/vertical-tabset-group-harness.d.ts +0 -48
- package/testing/modules/vertical-tabset/vertical-tabset-harness-filters.d.ts +0 -6
- package/testing/modules/vertical-tabset/vertical-tabset-harness.d.ts +0 -69
- package/testing/public-api.d.ts +0 -24
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@skyux/tabs",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "13.0.0-alpha.0",
|
|
4
4
|
"author": "Blackbaud, Inc.",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"blackbaud",
|
|
@@ -16,21 +16,21 @@
|
|
|
16
16
|
},
|
|
17
17
|
"homepage": "https://github.com/blackbaud/skyux#readme",
|
|
18
18
|
"peerDependencies": {
|
|
19
|
-
"@angular/animations": "^
|
|
20
|
-
"@angular/cdk": "^
|
|
21
|
-
"@angular/common": "^
|
|
22
|
-
"@angular/core": "^
|
|
23
|
-
"@angular/platform-browser": "^
|
|
24
|
-
"@angular/router": "^
|
|
25
|
-
"@skyux-sdk/testing": "
|
|
26
|
-
"@skyux/animations": "
|
|
27
|
-
"@skyux/core": "
|
|
28
|
-
"@skyux/forms": "
|
|
29
|
-
"@skyux/i18n": "
|
|
30
|
-
"@skyux/icon": "
|
|
31
|
-
"@skyux/indicators": "
|
|
32
|
-
"@skyux/popovers": "
|
|
33
|
-
"@skyux/theme": "
|
|
19
|
+
"@angular/animations": "^20.0.5",
|
|
20
|
+
"@angular/cdk": "^20.0.4",
|
|
21
|
+
"@angular/common": "^20.0.5",
|
|
22
|
+
"@angular/core": "^20.0.5",
|
|
23
|
+
"@angular/platform-browser": "^20.0.5",
|
|
24
|
+
"@angular/router": "^20.0.5",
|
|
25
|
+
"@skyux-sdk/testing": "13.0.0-alpha.0",
|
|
26
|
+
"@skyux/animations": "13.0.0-alpha.0",
|
|
27
|
+
"@skyux/core": "13.0.0-alpha.0",
|
|
28
|
+
"@skyux/forms": "13.0.0-alpha.0",
|
|
29
|
+
"@skyux/i18n": "13.0.0-alpha.0",
|
|
30
|
+
"@skyux/icon": "13.0.0-alpha.0",
|
|
31
|
+
"@skyux/indicators": "13.0.0-alpha.0",
|
|
32
|
+
"@skyux/popovers": "13.0.0-alpha.0",
|
|
33
|
+
"@skyux/theme": "13.0.0-alpha.0"
|
|
34
34
|
},
|
|
35
35
|
"dependencies": {
|
|
36
36
|
"tslib": "^2.8.1"
|
package/testing/index.d.ts
CHANGED
|
@@ -1,5 +1,625 @@
|
|
|
1
|
+
import { ComponentFixture } from '@angular/core/testing';
|
|
2
|
+
import { HarnessPredicate } from '@angular/cdk/testing';
|
|
3
|
+
import { SkyHarnessFilters, SkyQueryableComponentHarness, SkyComponentHarness } from '@skyux/core/testing';
|
|
4
|
+
import { SkyTabsetButtonsDisplayMode, SkyTabsetNavButtonType } from '@skyux/tabs';
|
|
5
|
+
|
|
1
6
|
/**
|
|
2
|
-
*
|
|
7
|
+
* Properties of a SKY UX tab.
|
|
8
|
+
* @internal
|
|
3
9
|
*/
|
|
4
|
-
|
|
5
|
-
|
|
10
|
+
interface SkyTabsetFixtureTab {
|
|
11
|
+
/**
|
|
12
|
+
* Whether the tab is selected.
|
|
13
|
+
*/
|
|
14
|
+
active: boolean;
|
|
15
|
+
/**
|
|
16
|
+
* Whether the tab is disabled.
|
|
17
|
+
*/
|
|
18
|
+
disabled: boolean;
|
|
19
|
+
/**
|
|
20
|
+
* The permalink value specified for the tab.
|
|
21
|
+
*/
|
|
22
|
+
permalinkValue: string | undefined;
|
|
23
|
+
/**
|
|
24
|
+
* The count displayed in the tab header.
|
|
25
|
+
*/
|
|
26
|
+
tabHeaderCount: string | undefined;
|
|
27
|
+
/**
|
|
28
|
+
* The text displayed in the tab header.
|
|
29
|
+
*/
|
|
30
|
+
tabHeading: string | undefined;
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
/**
|
|
34
|
+
* Allows interaction with a SKY UX tabset component.
|
|
35
|
+
* @internal
|
|
36
|
+
*/
|
|
37
|
+
declare class SkyTabsetFixture {
|
|
38
|
+
#private;
|
|
39
|
+
/**
|
|
40
|
+
* The tabset component's ARIA label.
|
|
41
|
+
*/
|
|
42
|
+
get ariaLabel(): string | undefined;
|
|
43
|
+
/**
|
|
44
|
+
* The tabset component's ARIA labelled by attribute.
|
|
45
|
+
*/
|
|
46
|
+
get ariaLabelledBy(): string | undefined;
|
|
47
|
+
/**
|
|
48
|
+
* The index of the currently selected tab.
|
|
49
|
+
*/
|
|
50
|
+
get activeTabIndex(): number;
|
|
51
|
+
constructor(fixture: ComponentFixture<unknown>, skyTestId: string);
|
|
52
|
+
/**
|
|
53
|
+
* Retrieves information about the tab at the specified index.
|
|
54
|
+
* @param tabIndex The index of the tab.
|
|
55
|
+
*/
|
|
56
|
+
getTab(tabIndex: number): SkyTabsetFixtureTab;
|
|
57
|
+
/**
|
|
58
|
+
* Clicks the tabset's "new" button.
|
|
59
|
+
*/
|
|
60
|
+
clickNewButton(): Promise<void>;
|
|
61
|
+
/**
|
|
62
|
+
* Clicks the tabset's "open" button.
|
|
63
|
+
*/
|
|
64
|
+
clickOpenButton(): Promise<void>;
|
|
65
|
+
/**
|
|
66
|
+
* Clicks the tab button at the specified index.
|
|
67
|
+
* @param tabIndex The index of the tab.
|
|
68
|
+
*/
|
|
69
|
+
clickTab(tabIndex: number): Promise<void>;
|
|
70
|
+
/**
|
|
71
|
+
* Click's the tab's close button at the specified index.
|
|
72
|
+
* @param tabIndex The index of the tab.
|
|
73
|
+
*/
|
|
74
|
+
clickTabClose(tabIndex: number): Promise<void>;
|
|
75
|
+
}
|
|
76
|
+
|
|
77
|
+
/**
|
|
78
|
+
* A set of criteria that can be used to filter a list of `SkySectionedFormHarness` instances.
|
|
79
|
+
*/
|
|
80
|
+
interface SkySectionedFormHarnessFilters extends SkyHarnessFilters {
|
|
81
|
+
}
|
|
82
|
+
|
|
83
|
+
/**
|
|
84
|
+
* A set of criteria that can be used to filter a list of `SkyVerticalTabContentHarness` instances.
|
|
85
|
+
*/
|
|
86
|
+
interface SkyVerticalTabContentHarnessFilters extends SkyHarnessFilters {
|
|
87
|
+
/**
|
|
88
|
+
* Finds tabs whose id matches given value.
|
|
89
|
+
* @internal
|
|
90
|
+
*/
|
|
91
|
+
tabId: string;
|
|
92
|
+
}
|
|
93
|
+
|
|
94
|
+
/**
|
|
95
|
+
* Harness for interacting with a vertical tab content in tests.
|
|
96
|
+
*/
|
|
97
|
+
declare class SkyVerticalTabContentHarness extends SkyQueryableComponentHarness {
|
|
98
|
+
/**
|
|
99
|
+
* @internal
|
|
100
|
+
*/
|
|
101
|
+
static hostSelector: string;
|
|
102
|
+
/**
|
|
103
|
+
* Gets a `HarnessPredicate` that can be used to search for a
|
|
104
|
+
* `SkyVerticalTabContentHarness` that meets certain criteria.
|
|
105
|
+
*/
|
|
106
|
+
static with(filters: SkyVerticalTabContentHarnessFilters): HarnessPredicate<SkyVerticalTabContentHarness>;
|
|
107
|
+
/**
|
|
108
|
+
* Gets the tab content's id.
|
|
109
|
+
* @internal
|
|
110
|
+
*/
|
|
111
|
+
getTabId(): Promise<string | null>;
|
|
112
|
+
/**
|
|
113
|
+
* Whether the tab content is visible.
|
|
114
|
+
*/
|
|
115
|
+
isVisible(): Promise<boolean>;
|
|
116
|
+
}
|
|
117
|
+
|
|
118
|
+
/**
|
|
119
|
+
* A set of criteria that can be used to filter a list of `SkySectionedFormSectionContentHarness` instances.
|
|
120
|
+
*/
|
|
121
|
+
interface SkySectionedFormSectionContentHarnessFilters extends SkyVerticalTabContentHarnessFilters {
|
|
122
|
+
}
|
|
123
|
+
|
|
124
|
+
/**
|
|
125
|
+
* Harness for interacting with a sectioned form content in tests.
|
|
126
|
+
*/
|
|
127
|
+
declare class SkySectionedFormSectionContentHarness extends SkyVerticalTabContentHarness {
|
|
128
|
+
/**
|
|
129
|
+
* Gets a `HarnessPredicate` that can be used to search for a
|
|
130
|
+
* `SkySectionedFormSectionContentHarness` that meets certain criteria.
|
|
131
|
+
*/
|
|
132
|
+
static with(filters: SkySectionedFormSectionContentHarnessFilters): HarnessPredicate<SkySectionedFormSectionContentHarness>;
|
|
133
|
+
/**
|
|
134
|
+
* Whether the section content is visible.
|
|
135
|
+
*/
|
|
136
|
+
isVisible(): Promise<boolean>;
|
|
137
|
+
}
|
|
138
|
+
|
|
139
|
+
/**
|
|
140
|
+
* A set of criteria that can be used to filter a list of `SkyVerticalTabButtonHarness` instances.
|
|
141
|
+
*/
|
|
142
|
+
interface SkyVerticalTabButtonHarnessFilters extends SkyHarnessFilters {
|
|
143
|
+
/**
|
|
144
|
+
* Find a tab whose heading matches the given value.
|
|
145
|
+
*/
|
|
146
|
+
tabHeading?: string;
|
|
147
|
+
}
|
|
148
|
+
|
|
149
|
+
/**
|
|
150
|
+
* Harness for interacting with a vertical tab button in tests.
|
|
151
|
+
*/
|
|
152
|
+
declare class SkyVerticalTabButtonHarness extends SkyComponentHarness {
|
|
153
|
+
#private;
|
|
154
|
+
/**
|
|
155
|
+
* @internal
|
|
156
|
+
*/
|
|
157
|
+
static hostSelector: string;
|
|
158
|
+
/**
|
|
159
|
+
* Gets a `HarnessPredicate` that can be used to search for a
|
|
160
|
+
* `SkyVerticalTabButtonHarness` that meets certain criteria.
|
|
161
|
+
*/
|
|
162
|
+
static with(filters: SkyVerticalTabButtonHarnessFilters): HarnessPredicate<SkyVerticalTabButtonHarness>;
|
|
163
|
+
/**
|
|
164
|
+
* Clicks the tab button to activate the tab.
|
|
165
|
+
*/
|
|
166
|
+
click(): Promise<void>;
|
|
167
|
+
/**
|
|
168
|
+
* Gets the `SkyVerticalTabContentHarness` for this tab.
|
|
169
|
+
*/
|
|
170
|
+
getTabContent(): Promise<SkyVerticalTabContentHarness>;
|
|
171
|
+
/**
|
|
172
|
+
* Gets the tab header count.
|
|
173
|
+
*/
|
|
174
|
+
getTabHeaderCount(): Promise<number>;
|
|
175
|
+
/**
|
|
176
|
+
* Gets the tab heading text.
|
|
177
|
+
*/
|
|
178
|
+
getTabHeading(): Promise<string>;
|
|
179
|
+
/**
|
|
180
|
+
* Gets the id of the content controlled by this tab.
|
|
181
|
+
* @internal
|
|
182
|
+
*/
|
|
183
|
+
getTabId(): Promise<string>;
|
|
184
|
+
/**
|
|
185
|
+
* Whether the tab is active.
|
|
186
|
+
*/
|
|
187
|
+
isActive(): Promise<boolean>;
|
|
188
|
+
/**
|
|
189
|
+
* Whether the tab is disabled.
|
|
190
|
+
*/
|
|
191
|
+
isDisabled(): Promise<boolean>;
|
|
192
|
+
}
|
|
193
|
+
|
|
194
|
+
/**
|
|
195
|
+
* A set of criteria that can be used to filter a list of `SkySectionedFormSectionHarness` instances.
|
|
196
|
+
*/
|
|
197
|
+
interface SkySectionedFormSectionHarnessFilters extends SkyHarnessFilters {
|
|
198
|
+
/**
|
|
199
|
+
* Finds a section whose heading matches the given value.
|
|
200
|
+
*/
|
|
201
|
+
sectionHeading?: string;
|
|
202
|
+
}
|
|
203
|
+
|
|
204
|
+
/**
|
|
205
|
+
* Harness for interacting with a sectioned form section component in tests.
|
|
206
|
+
*/
|
|
207
|
+
declare class SkySectionedFormSectionHarness extends SkyVerticalTabButtonHarness {
|
|
208
|
+
/**
|
|
209
|
+
* Gets a `HarnessPredicate` that can be used to search for a
|
|
210
|
+
* `SkySectionedFormSectionHarness` that meets certain criteria.
|
|
211
|
+
*/
|
|
212
|
+
static with(filters: SkySectionedFormSectionHarnessFilters): HarnessPredicate<SkySectionedFormSectionHarness>;
|
|
213
|
+
/**
|
|
214
|
+
* Clicks the section to activate.
|
|
215
|
+
*/
|
|
216
|
+
click(): Promise<void>;
|
|
217
|
+
/**
|
|
218
|
+
* Gets the `SkySectionedFormSectionContentHarness` for this section.
|
|
219
|
+
*/
|
|
220
|
+
getSectionContent(): Promise<SkySectionedFormSectionContentHarness>;
|
|
221
|
+
/**
|
|
222
|
+
* Gets the section heading.
|
|
223
|
+
*/
|
|
224
|
+
getSectionHeading(): Promise<string>;
|
|
225
|
+
/**
|
|
226
|
+
* Gets the section item count.
|
|
227
|
+
*/
|
|
228
|
+
getSectionItemCount(): Promise<number>;
|
|
229
|
+
/**
|
|
230
|
+
* Gets the harness for this tab.
|
|
231
|
+
* Replacing with getSectionContent.
|
|
232
|
+
* @internal
|
|
233
|
+
*/
|
|
234
|
+
getTabContent(): Promise<SkyVerticalTabContentHarness>;
|
|
235
|
+
/**
|
|
236
|
+
* Gets the tab header count.
|
|
237
|
+
* Replacing with getSectionItemCount.
|
|
238
|
+
* @internal
|
|
239
|
+
*/
|
|
240
|
+
getTabHeaderCount(): Promise<number>;
|
|
241
|
+
/**
|
|
242
|
+
* Gets the tab heading text.
|
|
243
|
+
* Replacing with getSectionHeading.
|
|
244
|
+
* @internal
|
|
245
|
+
*/
|
|
246
|
+
getTabHeading(): Promise<string>;
|
|
247
|
+
/**
|
|
248
|
+
* Whether the section is active.
|
|
249
|
+
*/
|
|
250
|
+
isActive(): Promise<boolean>;
|
|
251
|
+
/**
|
|
252
|
+
* Whether the section is disabled.
|
|
253
|
+
* This isn't used on sectioned forms.
|
|
254
|
+
* @internal
|
|
255
|
+
*/
|
|
256
|
+
isDisabled(): Promise<boolean>;
|
|
257
|
+
}
|
|
258
|
+
|
|
259
|
+
/**
|
|
260
|
+
* Harness for interacting with a sectioned form component in tests.
|
|
261
|
+
*/
|
|
262
|
+
declare class SkySectionedFormHarness extends SkyComponentHarness {
|
|
263
|
+
#private;
|
|
264
|
+
/**
|
|
265
|
+
* @internal
|
|
266
|
+
*/
|
|
267
|
+
static hostSelector: string;
|
|
268
|
+
/**
|
|
269
|
+
* Gets a `HarnessPredicate` that can be used to search for a
|
|
270
|
+
* `SkySectionedFormHarness` that meets certain criteria.
|
|
271
|
+
*/
|
|
272
|
+
static with(filters: SkySectionedFormHarnessFilters): HarnessPredicate<SkySectionedFormHarness>;
|
|
273
|
+
/**
|
|
274
|
+
* Gets the `SkySectionedFormSectionHarness` for the currently active section.
|
|
275
|
+
*/
|
|
276
|
+
getActiveSection(): Promise<SkySectionedFormSectionHarness | undefined>;
|
|
277
|
+
getActiveSectionContent(): Promise<SkySectionedFormSectionContentHarness | undefined>;
|
|
278
|
+
getSection(filters: SkySectionedFormSectionHarnessFilters): Promise<SkySectionedFormSectionHarness>;
|
|
279
|
+
getSections(filters?: SkySectionedFormSectionHarnessFilters): Promise<SkySectionedFormSectionHarness[]>;
|
|
280
|
+
/**
|
|
281
|
+
* Whether the section tabs are visible.
|
|
282
|
+
* In mobile view, sectioned forms collapse to just content pane.
|
|
283
|
+
*/
|
|
284
|
+
isSectionsVisible(): Promise<boolean>;
|
|
285
|
+
}
|
|
286
|
+
|
|
287
|
+
/**
|
|
288
|
+
* A set of criteria that can be used to filter a list of `SkyTabButtonHarness` instances.
|
|
289
|
+
*/
|
|
290
|
+
interface SkyTabButtonHarnessFilters extends SkyHarnessFilters {
|
|
291
|
+
/**
|
|
292
|
+
* Finds tab button whose tab heading matches this value.
|
|
293
|
+
*/
|
|
294
|
+
tabHeading: string;
|
|
295
|
+
}
|
|
296
|
+
|
|
297
|
+
/**
|
|
298
|
+
* A set of criteria that can be used to filter a list of `SkyTabContentHarness` instances.
|
|
299
|
+
*/
|
|
300
|
+
interface SkyTabContentHarnessFilters extends SkyHarnessFilters {
|
|
301
|
+
/**
|
|
302
|
+
* Finds tabs whose id matches given value.
|
|
303
|
+
* @internal
|
|
304
|
+
*/
|
|
305
|
+
tabId: string;
|
|
306
|
+
}
|
|
307
|
+
|
|
308
|
+
/**
|
|
309
|
+
* Harness for interacting with a tab component in tests.
|
|
310
|
+
*/
|
|
311
|
+
declare class SkyTabContentHarness extends SkyQueryableComponentHarness {
|
|
312
|
+
#private;
|
|
313
|
+
/**
|
|
314
|
+
* @internal
|
|
315
|
+
*/
|
|
316
|
+
static hostSelector: string;
|
|
317
|
+
/**
|
|
318
|
+
* Gets a `HarnessPredicate` that can be used to search for a
|
|
319
|
+
* `SkyTabContentHarness` that meets certain criteria.
|
|
320
|
+
* @internal
|
|
321
|
+
*/
|
|
322
|
+
static with(filters: SkyTabContentHarnessFilters): HarnessPredicate<SkyTabContentHarness>;
|
|
323
|
+
/**
|
|
324
|
+
* Gets the tab's layout.
|
|
325
|
+
*/
|
|
326
|
+
getLayout(): Promise<string>;
|
|
327
|
+
/**
|
|
328
|
+
* @internal
|
|
329
|
+
*/
|
|
330
|
+
getTabId(): Promise<string | null>;
|
|
331
|
+
/**
|
|
332
|
+
* Whether the tab content is visible.
|
|
333
|
+
*/
|
|
334
|
+
isVisible(): Promise<boolean>;
|
|
335
|
+
}
|
|
336
|
+
|
|
337
|
+
/**
|
|
338
|
+
* Harness for interacting with a tab button component in tests.
|
|
339
|
+
*/
|
|
340
|
+
declare class SkyTabButtonHarness extends SkyComponentHarness {
|
|
341
|
+
#private;
|
|
342
|
+
/**
|
|
343
|
+
* @internal
|
|
344
|
+
*/
|
|
345
|
+
static hostSelector: string;
|
|
346
|
+
/**
|
|
347
|
+
* Gets a `HarnessPredicate` that can be used to search for a
|
|
348
|
+
* `SkyTabButtonHarness` that meets certain criteria.
|
|
349
|
+
*/
|
|
350
|
+
static with(filters: SkyTabButtonHarnessFilters): HarnessPredicate<SkyTabButtonHarness>;
|
|
351
|
+
/**
|
|
352
|
+
* Clicks the tab button.
|
|
353
|
+
*/
|
|
354
|
+
click(): Promise<void>;
|
|
355
|
+
/**
|
|
356
|
+
* Clicks the remove tab button if it is visible.
|
|
357
|
+
*/
|
|
358
|
+
clickRemoveButton(): Promise<void>;
|
|
359
|
+
/**
|
|
360
|
+
* Gets the permalink that the page routes to when the tab is clicked.
|
|
361
|
+
*/
|
|
362
|
+
getPermalink(): Promise<string | null>;
|
|
363
|
+
/**
|
|
364
|
+
* Gets the `SkyTabContentHarness` controlled by this tab button.
|
|
365
|
+
*/
|
|
366
|
+
getTabContentHarness(): Promise<SkyTabContentHarness>;
|
|
367
|
+
/**
|
|
368
|
+
* Gets the tab heading.
|
|
369
|
+
*/
|
|
370
|
+
getTabHeading(): Promise<string>;
|
|
371
|
+
/**
|
|
372
|
+
* Gets whether the tab button is active.
|
|
373
|
+
*/
|
|
374
|
+
isActive(): Promise<boolean>;
|
|
375
|
+
/**
|
|
376
|
+
* Gets whether the tab button is disabled.
|
|
377
|
+
*/
|
|
378
|
+
isDisabled(): Promise<boolean>;
|
|
379
|
+
/**
|
|
380
|
+
* Whether the tab button is in a Wizard tabset.
|
|
381
|
+
*/
|
|
382
|
+
isInWizardTabset(): Promise<boolean>;
|
|
383
|
+
/**
|
|
384
|
+
* Gets the id of the content controlled by this tab.
|
|
385
|
+
* @internal
|
|
386
|
+
*/
|
|
387
|
+
getTabId(): Promise<string>;
|
|
388
|
+
}
|
|
389
|
+
|
|
390
|
+
/**
|
|
391
|
+
* A set of criteria that can be used to filter a list of `SkyTabsetHarness` instances.
|
|
392
|
+
*/
|
|
393
|
+
interface SkyTabsetHarnessFilters extends SkyHarnessFilters {
|
|
394
|
+
}
|
|
395
|
+
|
|
396
|
+
/**
|
|
397
|
+
* Harness for interacting with a tabset component in tests.
|
|
398
|
+
*/
|
|
399
|
+
declare class SkyTabsetHarness extends SkyComponentHarness {
|
|
400
|
+
#private;
|
|
401
|
+
/**
|
|
402
|
+
* @internal
|
|
403
|
+
*/
|
|
404
|
+
static hostSelector: string;
|
|
405
|
+
/**
|
|
406
|
+
* Gets a `HarnessPredicate` that can be used to search for a
|
|
407
|
+
* `SkyTabsetHarness` that meets certain criteria.
|
|
408
|
+
*/
|
|
409
|
+
static with(filters: SkyTabsetHarnessFilters): HarnessPredicate<SkyTabsetHarness>;
|
|
410
|
+
/**
|
|
411
|
+
* In `dropdown` mode, clicks the dropdown tab to open the tab dropdown menu.
|
|
412
|
+
*/
|
|
413
|
+
clickDropdownTab(): Promise<void>;
|
|
414
|
+
/**
|
|
415
|
+
* Clicks the new tab button if visible.
|
|
416
|
+
*/
|
|
417
|
+
clickNewTabButton(): Promise<void>;
|
|
418
|
+
/**
|
|
419
|
+
* Clicks the open tab button if visible.
|
|
420
|
+
*/
|
|
421
|
+
clickOpenTabButton(): Promise<void>;
|
|
422
|
+
/**
|
|
423
|
+
* Clicks a tab button with a `tabHeading` matching the input.
|
|
424
|
+
*/
|
|
425
|
+
clickTabButton(tabHeading: string): Promise<void>;
|
|
426
|
+
/**
|
|
427
|
+
* Gets the active tab button harness.
|
|
428
|
+
*/
|
|
429
|
+
getActiveTabButton(): Promise<SkyTabButtonHarness | null>;
|
|
430
|
+
/**
|
|
431
|
+
* Gets the tabset aria-label value.
|
|
432
|
+
*/
|
|
433
|
+
getAriaLabel(): Promise<string | null>;
|
|
434
|
+
/**
|
|
435
|
+
* Gets the tabset aria-labelledby value.
|
|
436
|
+
*/
|
|
437
|
+
getAriaLabelledBy(): Promise<string | null>;
|
|
438
|
+
/**
|
|
439
|
+
* Gets the tabset's display mode.
|
|
440
|
+
*/
|
|
441
|
+
getMode(): Promise<SkyTabsetButtonsDisplayMode>;
|
|
442
|
+
/**
|
|
443
|
+
* Gets a tab button harness with the given `tabHeading`
|
|
444
|
+
*/
|
|
445
|
+
getTabButtonHarness(tabHeading: string): Promise<SkyTabButtonHarness>;
|
|
446
|
+
/**
|
|
447
|
+
* Gets an array of all tab button harnesses.
|
|
448
|
+
*/
|
|
449
|
+
getTabButtonHarnesses(): Promise<SkyTabButtonHarness[]>;
|
|
450
|
+
/**
|
|
451
|
+
* Gets a tab content harness for the tab with the given `tabHeading`.
|
|
452
|
+
*/
|
|
453
|
+
getTabContentHarness(tabHeading: string): Promise<SkyTabContentHarness>;
|
|
454
|
+
/**
|
|
455
|
+
* Whether the tabset is a Wizard component.
|
|
456
|
+
*/
|
|
457
|
+
isWizardTabset(): Promise<boolean>;
|
|
458
|
+
}
|
|
459
|
+
|
|
460
|
+
/**
|
|
461
|
+
* A set of criteria that can be used to filter a list of `SkyTabsetNavButtonHarness` instances.
|
|
462
|
+
*/
|
|
463
|
+
interface SkyTabsetNavButtonHarnessFilters extends SkyHarnessFilters {
|
|
464
|
+
/**
|
|
465
|
+
* Finds the tabset nav button whose `buttonType` matches the given value.
|
|
466
|
+
*/
|
|
467
|
+
buttonType?: SkyTabsetNavButtonType;
|
|
468
|
+
}
|
|
469
|
+
|
|
470
|
+
/**
|
|
471
|
+
* Harness to interact with tabset nav buttons in wizard style tabset tests.
|
|
472
|
+
*/
|
|
473
|
+
declare class SkyTabsetNavButtonHarness extends SkyComponentHarness {
|
|
474
|
+
#private;
|
|
475
|
+
/**
|
|
476
|
+
* @internal
|
|
477
|
+
*/
|
|
478
|
+
static hostSelector: string;
|
|
479
|
+
/**
|
|
480
|
+
* Gets a `HarnessPredicate` that can be used to search for a
|
|
481
|
+
* `SkyTabsetNavButtonHarness` that meets certain criteria.
|
|
482
|
+
*/
|
|
483
|
+
static with(filters: SkyTabsetNavButtonHarnessFilters): HarnessPredicate<SkyTabsetNavButtonHarness>;
|
|
484
|
+
/**
|
|
485
|
+
* Clicks the button.
|
|
486
|
+
*/
|
|
487
|
+
click(): Promise<void>;
|
|
488
|
+
/**
|
|
489
|
+
* Gets the button text.
|
|
490
|
+
*/
|
|
491
|
+
getButtonText(): Promise<string>;
|
|
492
|
+
/**
|
|
493
|
+
* Gets the button type.
|
|
494
|
+
*/
|
|
495
|
+
getButtonType(): Promise<SkyTabsetNavButtonType | null>;
|
|
496
|
+
/**
|
|
497
|
+
* Whether the button is disabled.
|
|
498
|
+
*/
|
|
499
|
+
isDisabled(): Promise<boolean>;
|
|
500
|
+
}
|
|
501
|
+
|
|
502
|
+
/**
|
|
503
|
+
* A set of criteria that can be used to filter a list of `SkyVerticalTabsetGroupHarness` instances.
|
|
504
|
+
*/
|
|
505
|
+
interface SkyVerticalTabsetGroupHarnessFilters extends SkyHarnessFilters {
|
|
506
|
+
/**
|
|
507
|
+
* Find tabset groups whose heading matches the given value.
|
|
508
|
+
*/
|
|
509
|
+
groupHeading?: string;
|
|
510
|
+
}
|
|
511
|
+
|
|
512
|
+
/**
|
|
513
|
+
* Harness for interacting with a vertical tabset group in tests.
|
|
514
|
+
*/
|
|
515
|
+
declare class SkyVerticalTabsetGroupHarness extends SkyComponentHarness {
|
|
516
|
+
#private;
|
|
517
|
+
/**
|
|
518
|
+
* @internal
|
|
519
|
+
*/
|
|
520
|
+
static hostSelector: string;
|
|
521
|
+
/**
|
|
522
|
+
* Gets a `HarnessPredicate` that can be used to search for a
|
|
523
|
+
* `SkyVerticalTabsetGroupHarness` that meets certain criteria.
|
|
524
|
+
*/
|
|
525
|
+
static with(filters: SkyVerticalTabsetGroupHarnessFilters): HarnessPredicate<SkyVerticalTabsetGroupHarness>;
|
|
526
|
+
/**
|
|
527
|
+
* Clicks the group button to toggle its expanded state.
|
|
528
|
+
*/
|
|
529
|
+
click(): Promise<void>;
|
|
530
|
+
/**
|
|
531
|
+
* Gets the group heading text.
|
|
532
|
+
*/
|
|
533
|
+
getGroupHeading(): Promise<string>;
|
|
534
|
+
/**
|
|
535
|
+
* Gets the `SkyVerticalTabButtonHarness` for a specific tab under this group based on filters.
|
|
536
|
+
*/
|
|
537
|
+
getVerticalTab(filters: SkyVerticalTabButtonHarnessFilters): Promise<SkyVerticalTabButtonHarness>;
|
|
538
|
+
/**
|
|
539
|
+
* Gets the `SkyVerticalTabButtonHarness` for all tabs under this group.
|
|
540
|
+
*/
|
|
541
|
+
getVerticalTabs(): Promise<SkyVerticalTabButtonHarness[]>;
|
|
542
|
+
/**
|
|
543
|
+
* Whether a tab under this group is active.
|
|
544
|
+
*/
|
|
545
|
+
isActive(): Promise<boolean>;
|
|
546
|
+
/**
|
|
547
|
+
* Whether the group is disabled.
|
|
548
|
+
*/
|
|
549
|
+
isDisabled(): Promise<boolean>;
|
|
550
|
+
/**
|
|
551
|
+
* Whether the group is expanded.
|
|
552
|
+
*/
|
|
553
|
+
isOpen(): Promise<boolean>;
|
|
554
|
+
}
|
|
555
|
+
|
|
556
|
+
/**
|
|
557
|
+
* A set of criteria that can be used to filter a list of `SkyVerticalTabsetHarness` instances.
|
|
558
|
+
*/
|
|
559
|
+
interface SkyVerticalTabsetHarnessFilters extends SkyHarnessFilters {
|
|
560
|
+
}
|
|
561
|
+
|
|
562
|
+
/**
|
|
563
|
+
* Harness for interacting with the vertical tabset component in tests.
|
|
564
|
+
*/
|
|
565
|
+
declare class SkyVerticalTabsetHarness extends SkyComponentHarness {
|
|
566
|
+
#private;
|
|
567
|
+
/**
|
|
568
|
+
* @internal
|
|
569
|
+
*/
|
|
570
|
+
static hostSelector: string;
|
|
571
|
+
/**
|
|
572
|
+
* Gets a `HarnessPredicate` that can be used to search for a
|
|
573
|
+
* `SkyVerticalTabsetHarness` that meets certain criteria.
|
|
574
|
+
*/
|
|
575
|
+
static with(filters: SkyVerticalTabsetHarnessFilters): HarnessPredicate<SkyVerticalTabsetHarness>;
|
|
576
|
+
/**
|
|
577
|
+
* Click the show tabs button in mobile view.
|
|
578
|
+
*/
|
|
579
|
+
clickShowTabsButton(): Promise<void>;
|
|
580
|
+
/**
|
|
581
|
+
* Gets the `SkyVerticalTabButtonHarness` of the currently active tab.
|
|
582
|
+
*/
|
|
583
|
+
getActiveTab(): Promise<SkyVerticalTabButtonHarness | undefined>;
|
|
584
|
+
/**
|
|
585
|
+
* Gets the `SkyVerticalTabContentHarness` for the currently active tab.
|
|
586
|
+
*/
|
|
587
|
+
getActiveTabContent(): Promise<SkyVerticalTabContentHarness | undefined>;
|
|
588
|
+
/**
|
|
589
|
+
* Gets the aria-label.
|
|
590
|
+
*/
|
|
591
|
+
getAriaLabel(): Promise<string | null>;
|
|
592
|
+
/**
|
|
593
|
+
* Gets the aria-labelledby.
|
|
594
|
+
*/
|
|
595
|
+
getAriaLabelledBy(): Promise<string | null>;
|
|
596
|
+
/**
|
|
597
|
+
* Get the vertical tabset group by `SkyVerticalTabsetGroupHarnessFilters`
|
|
598
|
+
*/
|
|
599
|
+
getGroup(filters: SkyVerticalTabsetGroupHarnessFilters): Promise<SkyVerticalTabsetGroupHarness | undefined>;
|
|
600
|
+
/**
|
|
601
|
+
* Gets an array of `SkyVerticalTabsetGroupHarness` in this tabset.
|
|
602
|
+
*/
|
|
603
|
+
getGroups(): Promise<SkyVerticalTabsetGroupHarness[]>;
|
|
604
|
+
/**
|
|
605
|
+
* Gets the text in the show tabs button in mobile view.
|
|
606
|
+
*/
|
|
607
|
+
getShowTabsText(): Promise<string | undefined>;
|
|
608
|
+
/**
|
|
609
|
+
* Gets a `SkyVerticalTabButtonHarness` that matches the filter.
|
|
610
|
+
*/
|
|
611
|
+
getTab(filters: SkyVerticalTabButtonHarnessFilters): Promise<SkyVerticalTabButtonHarness>;
|
|
612
|
+
/**
|
|
613
|
+
* Gets an array of `SkyVerticalTabButtonHarness` in this tabset.
|
|
614
|
+
*/
|
|
615
|
+
getTabs(): Promise<SkyVerticalTabButtonHarness[]>;
|
|
616
|
+
/**
|
|
617
|
+
* Whether the tabs are visible.
|
|
618
|
+
* In mobile view, vertical tabsets collapse to just the content pane
|
|
619
|
+
* with a button to show the tabs.
|
|
620
|
+
*/
|
|
621
|
+
isTabsVisible(): Promise<boolean>;
|
|
622
|
+
}
|
|
623
|
+
|
|
624
|
+
export { SkySectionedFormHarness, SkySectionedFormSectionContentHarness, SkySectionedFormSectionHarness, SkyTabButtonHarness, SkyTabContentHarness, SkyTabsetFixture, SkyTabsetHarness, SkyTabsetNavButtonHarness, SkyVerticalTabButtonHarness, SkyVerticalTabContentHarness, SkyVerticalTabsetGroupHarness, SkyVerticalTabsetHarness };
|
|
625
|
+
export type { SkySectionedFormHarnessFilters, SkySectionedFormSectionContentHarnessFilters, SkySectionedFormSectionHarnessFilters, SkyTabButtonHarnessFilters, SkyTabContentHarnessFilters, SkyTabsetFixtureTab, SkyTabsetHarnessFilters, SkyTabsetNavButtonHarnessFilters, SkyVerticalTabButtonHarnessFilters, SkyVerticalTabContentHarnessFilters, SkyVerticalTabsetGroupHarnessFilters, SkyVerticalTabsetHarnessFilters };
|
|
@@ -1,35 +0,0 @@
|
|
|
1
|
-
import { ChangeDetectorRef, OnDestroy, OnInit } from '@angular/core';
|
|
2
|
-
import { SkyVerticalTabsetService } from '../vertical-tabset/vertical-tabset.service';
|
|
3
|
-
import { SkyVerticalTabComponent } from './../vertical-tabset/vertical-tab.component';
|
|
4
|
-
import { SkySectionedFormService } from './sectioned-form.service';
|
|
5
|
-
import * as i0 from "@angular/core";
|
|
6
|
-
/**
|
|
7
|
-
* Creates an individual form to display as a section within the sectioned form.
|
|
8
|
-
*/
|
|
9
|
-
export declare class SkySectionedFormSectionComponent implements OnInit, OnDestroy {
|
|
10
|
-
#private;
|
|
11
|
-
sectionTabId: string;
|
|
12
|
-
sectionContentId: string;
|
|
13
|
-
/**
|
|
14
|
-
* The section header.
|
|
15
|
-
* @required
|
|
16
|
-
*/
|
|
17
|
-
heading: string | undefined;
|
|
18
|
-
/**
|
|
19
|
-
* The number of items within the section. A counter appears beside the section header.
|
|
20
|
-
*/
|
|
21
|
-
itemCount: number | undefined;
|
|
22
|
-
/**
|
|
23
|
-
* Whether the section is active when the form loads.
|
|
24
|
-
* @default false
|
|
25
|
-
*/
|
|
26
|
-
active: boolean | undefined;
|
|
27
|
-
fieldRequired: boolean | undefined;
|
|
28
|
-
fieldInvalid: boolean | undefined;
|
|
29
|
-
tab: SkyVerticalTabComponent | undefined;
|
|
30
|
-
constructor(sectionedFormService: SkySectionedFormService, tabsetService: SkyVerticalTabsetService, changeRef: ChangeDetectorRef);
|
|
31
|
-
ngOnInit(): void;
|
|
32
|
-
ngOnDestroy(): void;
|
|
33
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<SkySectionedFormSectionComponent, never>;
|
|
34
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<SkySectionedFormSectionComponent, "sky-sectioned-form-section", never, { "heading": { "alias": "heading"; "required": false; }; "itemCount": { "alias": "itemCount"; "required": false; }; "active": { "alias": "active"; "required": false; }; }, {}, never, ["*"], false, never>;
|
|
35
|
-
}
|