@skyux/tabs 12.5.0 → 12.7.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 +70 -1
- package/fesm2022/skyux-tabs-testing.mjs.map +1 -1
- package/fesm2022/skyux-tabs.mjs +17 -2
- package/fesm2022/skyux-tabs.mjs.map +1 -1
- package/lib/modules/tabs/tabset-nav-button.component.d.ts +4 -0
- package/lib/modules/tabs/tabset.component.d.ts +1 -0
- package/package.json +10 -10
- package/testing/modules/tabs/tab-button-harness.d.ts +4 -0
- package/testing/modules/tabs/tabset-harness.d.ts +4 -0
- package/testing/modules/tabs/tabset-nav-button-harness-filters.d.ts +11 -0
- package/testing/modules/tabs/tabset-nav-button-harness.d.ts +35 -0
- package/testing/public-api.d.ts +3 -0
|
@@ -4,6 +4,9 @@ import { SkyTabComponent } from './tab.component';
|
|
|
4
4
|
import { SkyTabsetNavButtonType } from './tabset-nav-button-type';
|
|
5
5
|
import { SkyTabsetComponent } from './tabset.component';
|
|
6
6
|
import * as i0 from "@angular/core";
|
|
7
|
+
/**
|
|
8
|
+
* Creates a button to navigate between tabs in a tabset when `tabStyle` is `"wizard"`.
|
|
9
|
+
*/
|
|
7
10
|
export declare class SkyTabsetNavButtonComponent implements OnDestroy {
|
|
8
11
|
#private;
|
|
9
12
|
/**
|
|
@@ -18,6 +21,7 @@ export declare class SkyTabsetNavButtonComponent implements OnDestroy {
|
|
|
18
21
|
*/
|
|
19
22
|
get buttonType(): SkyTabsetNavButtonType | undefined;
|
|
20
23
|
set buttonType(value: SkyTabsetNavButtonType | undefined);
|
|
24
|
+
get buttonTypeData(): SkyTabsetNavButtonType | undefined;
|
|
21
25
|
/**
|
|
22
26
|
* The label to display on the nav button. The following are the defaults for each `buttonType`:
|
|
23
27
|
* `next` = "Next", `previous` = "Previous", `finish` = "Finish"
|
|
@@ -46,6 +46,7 @@ export declare class SkyTabsetComponent implements AfterViewInit, OnDestroy {
|
|
|
46
46
|
*/
|
|
47
47
|
set tabStyle(value: SkyTabsetStyle | undefined);
|
|
48
48
|
get tabStyle(): SkyTabsetStyle;
|
|
49
|
+
get dataTabStyle(): string;
|
|
49
50
|
/**
|
|
50
51
|
* Fires when the active tab changes. This event emits the index of the active tab.
|
|
51
52
|
*/
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@skyux/tabs",
|
|
3
|
-
"version": "12.
|
|
3
|
+
"version": "12.7.0",
|
|
4
4
|
"author": "Blackbaud, Inc.",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"blackbaud",
|
|
@@ -22,15 +22,15 @@
|
|
|
22
22
|
"@angular/core": "^19.2.7",
|
|
23
23
|
"@angular/platform-browser": "^19.2.7",
|
|
24
24
|
"@angular/router": "^19.2.7",
|
|
25
|
-
"@skyux-sdk/testing": "12.
|
|
26
|
-
"@skyux/animations": "12.
|
|
27
|
-
"@skyux/core": "12.
|
|
28
|
-
"@skyux/forms": "12.
|
|
29
|
-
"@skyux/i18n": "12.
|
|
30
|
-
"@skyux/icon": "12.
|
|
31
|
-
"@skyux/indicators": "12.
|
|
32
|
-
"@skyux/popovers": "12.
|
|
33
|
-
"@skyux/theme": "12.
|
|
25
|
+
"@skyux-sdk/testing": "12.7.0",
|
|
26
|
+
"@skyux/animations": "12.7.0",
|
|
27
|
+
"@skyux/core": "12.7.0",
|
|
28
|
+
"@skyux/forms": "12.7.0",
|
|
29
|
+
"@skyux/i18n": "12.7.0",
|
|
30
|
+
"@skyux/icon": "12.7.0",
|
|
31
|
+
"@skyux/indicators": "12.7.0",
|
|
32
|
+
"@skyux/popovers": "12.7.0",
|
|
33
|
+
"@skyux/theme": "12.7.0"
|
|
34
34
|
},
|
|
35
35
|
"dependencies": {
|
|
36
36
|
"tslib": "^2.8.1"
|
|
@@ -44,6 +44,10 @@ export declare class SkyTabButtonHarness extends SkyComponentHarness {
|
|
|
44
44
|
* Gets whether the tab button is disabled.
|
|
45
45
|
*/
|
|
46
46
|
isDisabled(): Promise<boolean>;
|
|
47
|
+
/**
|
|
48
|
+
* Whether the tab button is in a Wizard tabset.
|
|
49
|
+
*/
|
|
50
|
+
isInWizardTabset(): Promise<boolean>;
|
|
47
51
|
/**
|
|
48
52
|
* Gets the id of the content controlled by this tab.
|
|
49
53
|
* @internal
|
|
@@ -62,4 +62,8 @@ export declare class SkyTabsetHarness extends SkyComponentHarness {
|
|
|
62
62
|
* Gets a tab content harness for the tab with the given `tabHeading`.
|
|
63
63
|
*/
|
|
64
64
|
getTabContentHarness(tabHeading: string): Promise<SkyTabContentHarness>;
|
|
65
|
+
/**
|
|
66
|
+
* Whether the tabset is a Wizard component.
|
|
67
|
+
*/
|
|
68
|
+
isWizardTabset(): Promise<boolean>;
|
|
65
69
|
}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { SkyHarnessFilters } from '@skyux/core/testing';
|
|
2
|
+
import { SkyTabsetNavButtonType } from '@skyux/tabs';
|
|
3
|
+
/**
|
|
4
|
+
* A set of criteria that can be used to filter a list of `SkyTabsetNavButtonHarness` instances.
|
|
5
|
+
*/
|
|
6
|
+
export interface SkyTabsetNavButtonHarnessFilters extends SkyHarnessFilters {
|
|
7
|
+
/**
|
|
8
|
+
* Finds the tabset nav button whose `buttonType` matches the given value.
|
|
9
|
+
*/
|
|
10
|
+
buttonType?: SkyTabsetNavButtonType;
|
|
11
|
+
}
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
import { HarnessPredicate } from '@angular/cdk/testing';
|
|
2
|
+
import { SkyComponentHarness } from '@skyux/core/testing';
|
|
3
|
+
import { SkyTabsetNavButtonType } from '@skyux/tabs';
|
|
4
|
+
import { SkyTabsetNavButtonHarnessFilters } from './tabset-nav-button-harness-filters';
|
|
5
|
+
/**
|
|
6
|
+
* Harness to interact with tabset nav buttons in wizard style tabset tests.
|
|
7
|
+
*/
|
|
8
|
+
export declare class SkyTabsetNavButtonHarness extends SkyComponentHarness {
|
|
9
|
+
#private;
|
|
10
|
+
/**
|
|
11
|
+
* @internal
|
|
12
|
+
*/
|
|
13
|
+
static hostSelector: string;
|
|
14
|
+
/**
|
|
15
|
+
* Gets a `HarnessPredicate` that can be used to search for a
|
|
16
|
+
* `SkyTabsetNavButtonHarness` that meets certain criteria.
|
|
17
|
+
*/
|
|
18
|
+
static with(filters: SkyTabsetNavButtonHarnessFilters): HarnessPredicate<SkyTabsetNavButtonHarness>;
|
|
19
|
+
/**
|
|
20
|
+
* Clicks the button.
|
|
21
|
+
*/
|
|
22
|
+
click(): Promise<void>;
|
|
23
|
+
/**
|
|
24
|
+
* Gets the button text.
|
|
25
|
+
*/
|
|
26
|
+
getButtonText(): Promise<string>;
|
|
27
|
+
/**
|
|
28
|
+
* Gets the button type.
|
|
29
|
+
*/
|
|
30
|
+
getButtonType(): Promise<SkyTabsetNavButtonType | null>;
|
|
31
|
+
/**
|
|
32
|
+
* Whether the button is disabled.
|
|
33
|
+
*/
|
|
34
|
+
isDisabled(): Promise<boolean>;
|
|
35
|
+
}
|
package/testing/public-api.d.ts
CHANGED
|
@@ -5,6 +5,9 @@ export { SkyTabsetHarnessFilters } from './modules/tabs/tabset-harness-filters';
|
|
|
5
5
|
export { SkyTabButtonHarness } from './modules/tabs/tab-button-harness';
|
|
6
6
|
export { SkyTabButtonHarnessFilters } from './modules/tabs/tab-button-harness-filters';
|
|
7
7
|
export { SkyTabContentHarness } from './modules/tabs/tab-content-harness';
|
|
8
|
+
export { SkyTabContentHarnessFilters } from './modules/tabs/tab-content-harness-filters';
|
|
9
|
+
export { SkyTabsetNavButtonHarness } from './modules/tabs/tabset-nav-button-harness';
|
|
10
|
+
export { SkyTabsetNavButtonHarnessFilters } from './modules/tabs/tabset-nav-button-harness-filters';
|
|
8
11
|
export { SkyVerticalTabButtonHarness } from './modules/vertical-tabset/vertical-tab-button-harness';
|
|
9
12
|
export { SkyVerticalTabButtonHarnessFilters } from './modules/vertical-tabset/vertical-tab-button-harness-filters';
|
|
10
13
|
export { SkyVerticalTabContentHarness } from './modules/vertical-tabset/vertical-tab-content-harness';
|