@skyux/tabs 12.27.0 → 13.0.0-alpha.1

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.
Files changed (66) hide show
  1. package/fesm2022/skyux-tabs-testing.mjs.map +1 -1
  2. package/fesm2022/skyux-tabs.mjs +75 -75
  3. package/fesm2022/skyux-tabs.mjs.map +1 -1
  4. package/index.d.ts +835 -20
  5. package/package.json +16 -16
  6. package/testing/index.d.ts +623 -3
  7. package/lib/modules/sectioned-form/sectioned-form-section.component.d.ts +0 -35
  8. package/lib/modules/sectioned-form/sectioned-form.component.d.ts +0 -48
  9. package/lib/modules/sectioned-form/sectioned-form.module.d.ts +0 -12
  10. package/lib/modules/sectioned-form/sectioned-form.service.d.ts +0 -24
  11. package/lib/modules/sectioned-form/types/sectioned-form-message-type.d.ts +0 -3
  12. package/lib/modules/sectioned-form/types/sectioned-form-message.d.ts +0 -4
  13. package/lib/modules/shared/sky-tabs-resources.module.d.ts +0 -10
  14. package/lib/modules/shared/tab-id.service.d.ts +0 -24
  15. package/lib/modules/tabs/tab-button-adapter.service.d.ts +0 -10
  16. package/lib/modules/tabs/tab-button-view-model.d.ts +0 -17
  17. package/lib/modules/tabs/tab-button.component.d.ts +0 -43
  18. package/lib/modules/tabs/tab-index.d.ts +0 -1
  19. package/lib/modules/tabs/tab-layout-type.d.ts +0 -1
  20. package/lib/modules/tabs/tab.component.d.ts +0 -90
  21. package/lib/modules/tabs/tabs.module.d.ts +0 -17
  22. package/lib/modules/tabs/tabset-active-tab-change-args.d.ts +0 -5
  23. package/lib/modules/tabs/tabset-active-tab-unregistered-args.d.ts +0 -10
  24. package/lib/modules/tabs/tabset-adapter.service.d.ts +0 -19
  25. package/lib/modules/tabs/tabset-buttons-display-mode.d.ts +0 -1
  26. package/lib/modules/tabs/tabset-nav-button-disabled.pipe.d.ts +0 -8
  27. package/lib/modules/tabs/tabset-nav-button-type.d.ts +0 -4
  28. package/lib/modules/tabs/tabset-nav-button.component.d.ts +0 -47
  29. package/lib/modules/tabs/tabset-permalink.service.d.ts +0 -35
  30. package/lib/modules/tabs/tabset-style.d.ts +0 -1
  31. package/lib/modules/tabs/tabset-tab-indexes-change.d.ts +0 -7
  32. package/lib/modules/tabs/tabset.component.d.ts +0 -97
  33. package/lib/modules/tabs/tabset.service.d.ts +0 -65
  34. package/lib/modules/vertical-tabset/vertical-tab.component.d.ts +0 -86
  35. package/lib/modules/vertical-tabset/vertical-tabset-adapter.service.d.ts +0 -12
  36. package/lib/modules/vertical-tabset/vertical-tabset-group-message.d.ts +0 -3
  37. package/lib/modules/vertical-tabset/vertical-tabset-group.component.d.ts +0 -38
  38. package/lib/modules/vertical-tabset/vertical-tabset-group.service.d.ts +0 -11
  39. package/lib/modules/vertical-tabset/vertical-tabset.component.d.ts +0 -71
  40. package/lib/modules/vertical-tabset/vertical-tabset.module.d.ts +0 -15
  41. package/lib/modules/vertical-tabset/vertical-tabset.service.d.ts +0 -40
  42. package/testing/legacy/tabs/tab-fixture-tab.d.ts +0 -26
  43. package/testing/legacy/tabs/tabset-fixture.d.ts +0 -45
  44. package/testing/modules/sectioned-form/sectioned-form-harness-filters.d.ts +0 -6
  45. package/testing/modules/sectioned-form/sectioned-form-harness.d.ts +0 -33
  46. package/testing/modules/sectioned-form/sectioned-form-section-content-harness-filters.d.ts +0 -6
  47. package/testing/modules/sectioned-form/sectioned-form-section-content-harness.d.ts +0 -17
  48. package/testing/modules/sectioned-form/sectioned-form-section-harness-filters.d.ts +0 -10
  49. package/testing/modules/sectioned-form/sectioned-form-section-harness.d.ts +0 -59
  50. package/testing/modules/tabs/tab-button-harness-filters.d.ts +0 -10
  51. package/testing/modules/tabs/tab-button-harness.d.ts +0 -56
  52. package/testing/modules/tabs/tab-content-harness-filters.d.ts +0 -11
  53. package/testing/modules/tabs/tab-content-harness.d.ts +0 -31
  54. package/testing/modules/tabs/tabset-harness-filters.d.ts +0 -6
  55. package/testing/modules/tabs/tabset-harness.d.ts +0 -69
  56. package/testing/modules/tabs/tabset-nav-button-harness-filters.d.ts +0 -11
  57. package/testing/modules/tabs/tabset-nav-button-harness.d.ts +0 -35
  58. package/testing/modules/vertical-tabset/vertical-tab-button-harness-filters.d.ts +0 -10
  59. package/testing/modules/vertical-tabset/vertical-tab-button-harness.d.ts +0 -48
  60. package/testing/modules/vertical-tabset/vertical-tab-content-harness-filters.d.ts +0 -11
  61. package/testing/modules/vertical-tabset/vertical-tab-content-harness.d.ts +0 -26
  62. package/testing/modules/vertical-tabset/vertical-tabset-group-harness-filters.d.ts +0 -10
  63. package/testing/modules/vertical-tabset/vertical-tabset-group-harness.d.ts +0 -48
  64. package/testing/modules/vertical-tabset/vertical-tabset-harness-filters.d.ts +0 -6
  65. package/testing/modules/vertical-tabset/vertical-tabset-harness.d.ts +0 -69
  66. 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": "12.27.0",
3
+ "version": "13.0.0-alpha.1",
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": "^19.2.14",
20
- "@angular/cdk": "^19.2.19",
21
- "@angular/common": "^19.2.14",
22
- "@angular/core": "^19.2.14",
23
- "@angular/platform-browser": "^19.2.14",
24
- "@angular/router": "^19.2.14",
25
- "@skyux-sdk/testing": "12.27.0",
26
- "@skyux/animations": "12.27.0",
27
- "@skyux/core": "12.27.0",
28
- "@skyux/forms": "12.27.0",
29
- "@skyux/i18n": "12.27.0",
30
- "@skyux/icon": "12.27.0",
31
- "@skyux/indicators": "12.27.0",
32
- "@skyux/popovers": "12.27.0",
33
- "@skyux/theme": "12.27.0"
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.1",
26
+ "@skyux/animations": "13.0.0-alpha.1",
27
+ "@skyux/core": "13.0.0-alpha.1",
28
+ "@skyux/forms": "13.0.0-alpha.1",
29
+ "@skyux/i18n": "13.0.0-alpha.1",
30
+ "@skyux/icon": "13.0.0-alpha.1",
31
+ "@skyux/indicators": "13.0.0-alpha.1",
32
+ "@skyux/popovers": "13.0.0-alpha.1",
33
+ "@skyux/theme": "13.0.0-alpha.1"
34
34
  },
35
35
  "dependencies": {
36
36
  "tslib": "^2.8.1"
@@ -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
- * Generated bundle index. Do not edit.
7
+ * Properties of a SKY UX tab.
8
+ * @internal
3
9
  */
4
- /// <amd-module name="@skyux/tabs/testing" />
5
- export * from './public-api';
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
- }