@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.
- 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
|
@@ -1,86 +0,0 @@
|
|
|
1
|
-
import { ChangeDetectorRef, ElementRef, OnDestroy, OnInit } from '@angular/core';
|
|
2
|
-
import { SkyTabIdService } from '../shared/tab-id.service';
|
|
3
|
-
import { SkyVerticalTabsetAdapterService } from './vertical-tabset-adapter.service';
|
|
4
|
-
import { SkyVerticalTabsetGroupService } from './vertical-tabset-group.service';
|
|
5
|
-
import { SkyVerticalTabsetService } from './vertical-tabset.service';
|
|
6
|
-
import * as i0 from "@angular/core";
|
|
7
|
-
export declare class SkyVerticalTabComponent implements OnInit, OnDestroy {
|
|
8
|
-
#private;
|
|
9
|
-
/**
|
|
10
|
-
* Whether the tab is active when the tabset loads.
|
|
11
|
-
* @default false
|
|
12
|
-
*/
|
|
13
|
-
set active(value: boolean | undefined);
|
|
14
|
-
get active(): boolean;
|
|
15
|
-
/**
|
|
16
|
-
* The HTML element ID of the element that contains
|
|
17
|
-
* the content that the vertical tab displays, which corresponds to the `tabId`. This property
|
|
18
|
-
* [supports accessibility rules for disclosures](https://www.w3.org/TR/wai-aria-practices-1.1/#disclosure).
|
|
19
|
-
* For more information about the `aria-controls` attribute, see the [WAI-ARIA definition](https://www.w3.org/TR/wai-aria/#aria-controls).
|
|
20
|
-
* @deprecated Now that the vertical tabs provide aria labels automatically, this input is no longer necessary.
|
|
21
|
-
*/
|
|
22
|
-
ariaControls: string | undefined;
|
|
23
|
-
/**
|
|
24
|
-
* The ARIA role for the vertical tab
|
|
25
|
-
* [to support accessibility](https://developer.blackbaud.com/skyux/learn/accessibility)
|
|
26
|
-
* by indicating how the tab functions and what it controls. For information about how
|
|
27
|
-
* an ARIA role indicates what an item represents on a web page, see the
|
|
28
|
-
* [WAI-ARIA roles model](https://www.w3.org/WAI/PF/aria/#roles).
|
|
29
|
-
* @default "tab"
|
|
30
|
-
* @deprecated Any other value than `tab` could lead to a poor user experience for users with assistive technology.
|
|
31
|
-
* In the next major version, this property will be automatically set to `tab`.
|
|
32
|
-
*/
|
|
33
|
-
get ariaRole(): string;
|
|
34
|
-
set ariaRole(value: string | undefined);
|
|
35
|
-
/**
|
|
36
|
-
* Whether to disable the tab.
|
|
37
|
-
*/
|
|
38
|
-
disabled: boolean | undefined;
|
|
39
|
-
/**
|
|
40
|
-
* Whether to indicate that the tab has an error.
|
|
41
|
-
* @internal This is used for sectioned forms and is not currently a supported design for pure vertical tabs.
|
|
42
|
-
*/
|
|
43
|
-
errorIndicator: boolean | undefined;
|
|
44
|
-
/**
|
|
45
|
-
* Whether to indicate that the tab has required content.
|
|
46
|
-
* @internal This is used for sectioned forms and is not currently a supported design for pure vertical tabs.
|
|
47
|
-
*/
|
|
48
|
-
requiredIndicator: boolean | undefined;
|
|
49
|
-
/**
|
|
50
|
-
* Displays an item count alongside the tab header to indicate how many list items the tab contains.
|
|
51
|
-
*/
|
|
52
|
-
tabHeaderCount: number | undefined;
|
|
53
|
-
/**
|
|
54
|
-
* The tab header.
|
|
55
|
-
* @required
|
|
56
|
-
*/
|
|
57
|
-
tabHeading: string | undefined;
|
|
58
|
-
/**
|
|
59
|
-
* Whether to display a chevron-right icon on the right hand side of the tab.
|
|
60
|
-
* @internal
|
|
61
|
-
*/
|
|
62
|
-
showTabRightArrow: boolean | undefined;
|
|
63
|
-
/**
|
|
64
|
-
* The ID for the tab.
|
|
65
|
-
* @deprecated Now that the vertical tabs provide aria labels automatically, this input is no longer necessary.
|
|
66
|
-
*/
|
|
67
|
-
set tabId(value: string | undefined);
|
|
68
|
-
get tabId(): string;
|
|
69
|
-
set contentRendered(value: boolean);
|
|
70
|
-
get contentRendered(): boolean;
|
|
71
|
-
index: number | undefined;
|
|
72
|
-
isMobile: boolean;
|
|
73
|
-
tabButton: ElementRef | undefined;
|
|
74
|
-
tabContent: ElementRef | undefined;
|
|
75
|
-
groupService: SkyVerticalTabsetGroupService | null;
|
|
76
|
-
constructor(adapterService: SkyVerticalTabsetAdapterService, changeRef: ChangeDetectorRef, tabsetService: SkyVerticalTabsetService, tabIdSvc?: SkyTabIdService);
|
|
77
|
-
ngOnInit(): void;
|
|
78
|
-
ngOnDestroy(): void;
|
|
79
|
-
activateTab(): void;
|
|
80
|
-
focusButton(): void;
|
|
81
|
-
tabButtonActivate(event: Event): void;
|
|
82
|
-
tabButtonArrowLeft(event: Event): void;
|
|
83
|
-
tabDeactivated(): void;
|
|
84
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<SkyVerticalTabComponent, [null, null, null, { optional: true; }]>;
|
|
85
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<SkyVerticalTabComponent, "sky-vertical-tab", never, { "active": { "alias": "active"; "required": false; }; "ariaControls": { "alias": "ariaControls"; "required": false; }; "ariaRole": { "alias": "ariaRole"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "errorIndicator": { "alias": "errorIndicator"; "required": false; }; "requiredIndicator": { "alias": "requiredIndicator"; "required": false; }; "tabHeaderCount": { "alias": "tabHeaderCount"; "required": false; }; "tabHeading": { "alias": "tabHeading"; "required": false; }; "showTabRightArrow": { "alias": "showTabRightArrow"; "required": false; }; "tabId": { "alias": "tabId"; "required": false; }; }, {}, never, ["*"], false, never>;
|
|
86
|
-
}
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import { ElementRef } from '@angular/core';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
export declare class SkyVerticalTabsetAdapterService {
|
|
4
|
-
#private;
|
|
5
|
-
scrollToContentTop(element: ElementRef): void;
|
|
6
|
-
focusButton(elRef: ElementRef<HTMLElement> | undefined): boolean;
|
|
7
|
-
focusFirstButton(tabGroups: ElementRef<HTMLElement> | undefined): void;
|
|
8
|
-
focusNextButton(tabGroups: ElementRef | undefined): void;
|
|
9
|
-
focusPreviousButton(tabGroups: ElementRef | undefined): void;
|
|
10
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<SkyVerticalTabsetAdapterService, never>;
|
|
11
|
-
static ɵprov: i0.ɵɵInjectableDeclaration<SkyVerticalTabsetAdapterService>;
|
|
12
|
-
}
|
|
@@ -1,38 +0,0 @@
|
|
|
1
|
-
import { ChangeDetectorRef, ElementRef, OnDestroy, OnInit, QueryList } from '@angular/core';
|
|
2
|
-
import { SkyVerticalTabComponent } from './vertical-tab.component';
|
|
3
|
-
import { SkyVerticalTabsetService } from './vertical-tabset.service';
|
|
4
|
-
import * as i0 from "@angular/core";
|
|
5
|
-
export declare class SkyVerticalTabsetGroupComponent implements OnInit, OnDestroy {
|
|
6
|
-
#private;
|
|
7
|
-
/**
|
|
8
|
-
* Whether to disable the ability to expand and collapse the group.
|
|
9
|
-
* @default false
|
|
10
|
-
*/
|
|
11
|
-
set disabled(value: boolean | undefined);
|
|
12
|
-
get disabled(): boolean | undefined;
|
|
13
|
-
/**
|
|
14
|
-
* The header for the collapsible group of tabs.
|
|
15
|
-
*/
|
|
16
|
-
groupHeading: string | undefined;
|
|
17
|
-
/**
|
|
18
|
-
* Whether the collapsible group is expanded.
|
|
19
|
-
* @default false
|
|
20
|
-
*/
|
|
21
|
-
set open(value: boolean | undefined);
|
|
22
|
-
get open(): boolean | undefined;
|
|
23
|
-
tabs: QueryList<SkyVerticalTabComponent> | undefined;
|
|
24
|
-
groupHeadingButton: ElementRef | undefined;
|
|
25
|
-
animationDisabled: boolean;
|
|
26
|
-
slideDirection: 'down' | 'up' | 'void';
|
|
27
|
-
protected groupId: string;
|
|
28
|
-
constructor(tabService: SkyVerticalTabsetService, changeRef: ChangeDetectorRef);
|
|
29
|
-
ngOnInit(): void;
|
|
30
|
-
ngOnDestroy(): void;
|
|
31
|
-
updateSlideDirection(event: any): void;
|
|
32
|
-
toggleMenuOpen(): void;
|
|
33
|
-
protected groupButtonArrowLeft(event: Event): void;
|
|
34
|
-
protected groupButtonArrowRight(event: Event): void;
|
|
35
|
-
isActive(): boolean;
|
|
36
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<SkyVerticalTabsetGroupComponent, never>;
|
|
37
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<SkyVerticalTabsetGroupComponent, "sky-vertical-tabset-group", never, { "disabled": { "alias": "disabled"; "required": false; }; "groupHeading": { "alias": "groupHeading"; "required": false; }; "open": { "alias": "open"; "required": false; }; }, {}, ["tabs"], ["*"], false, never>;
|
|
38
|
-
}
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import { Subject } from 'rxjs';
|
|
2
|
-
import { SkyVerticalTabsetGroupMessage } from './vertical-tabset-group-message';
|
|
3
|
-
import * as i0 from "@angular/core";
|
|
4
|
-
/**
|
|
5
|
-
* @internal
|
|
6
|
-
*/
|
|
7
|
-
export declare class SkyVerticalTabsetGroupService {
|
|
8
|
-
messageStream: Subject<SkyVerticalTabsetGroupMessage>;
|
|
9
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<SkyVerticalTabsetGroupService, never>;
|
|
10
|
-
static ɵprov: i0.ɵɵInjectableDeclaration<SkyVerticalTabsetGroupService>;
|
|
11
|
-
}
|
|
@@ -1,71 +0,0 @@
|
|
|
1
|
-
import { AfterViewChecked, ChangeDetectorRef, ElementRef, EventEmitter, OnDestroy, OnInit } from '@angular/core';
|
|
2
|
-
import { SkyLibResourcesService } from '@skyux/i18n';
|
|
3
|
-
import { SkyTabIdService } from '../shared/tab-id.service';
|
|
4
|
-
import { SkyVerticalTabsetAdapterService } from './vertical-tabset-adapter.service';
|
|
5
|
-
import { SkyVerticalTabsetService } from './vertical-tabset.service';
|
|
6
|
-
import * as i0 from "@angular/core";
|
|
7
|
-
export declare class SkyVerticalTabsetComponent implements OnInit, AfterViewChecked, OnDestroy {
|
|
8
|
-
#private;
|
|
9
|
-
adapterService: SkyVerticalTabsetAdapterService;
|
|
10
|
-
tabService: SkyVerticalTabsetService;
|
|
11
|
-
tabIdSvc: SkyTabIdService;
|
|
12
|
-
/**
|
|
13
|
-
* The text to display on the show tabs button on mobile devices.
|
|
14
|
-
*/
|
|
15
|
-
showTabsText: string | undefined;
|
|
16
|
-
/**
|
|
17
|
-
* The ARIA label for the tabset. This sets the tabset's `aria-label` attribute to provide a text equivalent for screen readers
|
|
18
|
-
* [to support accessibility](https://developer.blackbaud.com/skyux/learn/accessibility).
|
|
19
|
-
* If the tabset includes a visible label, use `ariaLabelledBy` instead.
|
|
20
|
-
* For more information about the `aria-label` attribute, see the [WAI-ARIA definition](https://www.w3.org/TR/wai-aria/#aria-label).
|
|
21
|
-
*/
|
|
22
|
-
ariaLabel: string | undefined;
|
|
23
|
-
/**
|
|
24
|
-
* The HTML element ID of the element that labels
|
|
25
|
-
* the tabset. This sets the tabset's `aria-labelledby` attribute to provide a text equivalent for screen readers
|
|
26
|
-
* [to support accessibility](https://developer.blackbaud.com/skyux/learn/accessibility).
|
|
27
|
-
* If the tabset does not include a visible label, use `ariaLabel` instead.
|
|
28
|
-
* For more information about the `aria-labelledby` attribute, see the [WAI-ARIA definition](https://www.w3.org/TR/wai-aria/#aria-labelledby).
|
|
29
|
-
*/
|
|
30
|
-
ariaLabelledBy: string | undefined;
|
|
31
|
-
/**
|
|
32
|
-
* The ARIA role for the vertical tabset
|
|
33
|
-
* [to support accessibility](https://developer.blackbaud.com/skyux/learn/accessibility)
|
|
34
|
-
* by indicating how the tabset functions and what it controls. For information about how
|
|
35
|
-
* an ARIA role indicates what an item represents on a web page, see the
|
|
36
|
-
* [WAI-ARIA roles model](https://www.w3.org/WAI/PF/aria/#roles).
|
|
37
|
-
* @default "tablist"
|
|
38
|
-
* @deprecated Any other value than `tablist` could lead to a poor user experience for users with assistive technology.
|
|
39
|
-
* In the next major version, this property will be automatically set to `tablist`.
|
|
40
|
-
*/
|
|
41
|
-
get ariaRole(): string;
|
|
42
|
-
set ariaRole(value: string | undefined);
|
|
43
|
-
/**
|
|
44
|
-
* Whether the vertical tabset loads tab content during initialization so that it
|
|
45
|
-
* displays content without moving around elements in the content container.
|
|
46
|
-
* @default false
|
|
47
|
-
*/
|
|
48
|
-
maintainTabContent: boolean | undefined;
|
|
49
|
-
/**
|
|
50
|
-
* Fires when the active tab changes. Emits the index of the active tab. The
|
|
51
|
-
* index is based on the tab's position when it loads.
|
|
52
|
-
*/
|
|
53
|
-
activeChange: EventEmitter<number>;
|
|
54
|
-
tabGroups: ElementRef | undefined;
|
|
55
|
-
content: ElementRef | undefined;
|
|
56
|
-
contentWrapper: ElementRef | undefined;
|
|
57
|
-
ariaOwns: string | undefined;
|
|
58
|
-
isMobile: boolean;
|
|
59
|
-
protected tablistHasFocus: boolean;
|
|
60
|
-
constructor(adapterService: SkyVerticalTabsetAdapterService, tabService: SkyVerticalTabsetService, resources: SkyLibResourcesService, changeRef: ChangeDetectorRef, tabIdSvc: SkyTabIdService);
|
|
61
|
-
ngOnInit(): void;
|
|
62
|
-
ngAfterViewChecked(): void;
|
|
63
|
-
ngOnDestroy(): void;
|
|
64
|
-
protected tabsetFocus(): void;
|
|
65
|
-
protected trapFocusInTablist(): void;
|
|
66
|
-
protected resetTabIndex(): void;
|
|
67
|
-
protected tabGroupsArrowDown(): void;
|
|
68
|
-
protected tabGroupsArrowUp(): void;
|
|
69
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<SkyVerticalTabsetComponent, never>;
|
|
70
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<SkyVerticalTabsetComponent, "sky-vertical-tabset", never, { "showTabsText": { "alias": "showTabsText"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; }; "ariaRole": { "alias": "ariaRole"; "required": false; }; "maintainTabContent": { "alias": "maintainTabContent"; "required": false; }; }, { "activeChange": "activeChange"; }, never, ["*"], false, never>;
|
|
71
|
-
}
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import * as i0 from "@angular/core";
|
|
2
|
-
import * as i1 from "./vertical-tabset.component";
|
|
3
|
-
import * as i2 from "./vertical-tabset-group.component";
|
|
4
|
-
import * as i3 from "./vertical-tab.component";
|
|
5
|
-
import * as i4 from "@angular/common";
|
|
6
|
-
import * as i5 from "@skyux/icon";
|
|
7
|
-
import * as i6 from "@skyux/core";
|
|
8
|
-
import * as i7 from "@skyux/indicators";
|
|
9
|
-
import * as i8 from "../shared/sky-tabs-resources.module";
|
|
10
|
-
import * as i9 from "@skyux/theme";
|
|
11
|
-
export declare class SkyVerticalTabsetModule {
|
|
12
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<SkyVerticalTabsetModule, never>;
|
|
13
|
-
static ɵmod: i0.ɵɵNgModuleDeclaration<SkyVerticalTabsetModule, [typeof i1.SkyVerticalTabsetComponent, typeof i2.SkyVerticalTabsetGroupComponent, typeof i3.SkyVerticalTabComponent], [typeof i4.CommonModule, typeof i5.SkyIconModule, typeof i6.SkyIdModule, typeof i7.SkyExpansionIndicatorModule, typeof i6.SkyResponsiveHostDirective, typeof i7.SkyStatusIndicatorModule, typeof i8.SkyTabsResourcesModule, typeof i9.SkyThemeModule], [typeof i1.SkyVerticalTabsetComponent, typeof i2.SkyVerticalTabsetGroupComponent, typeof i3.SkyVerticalTabComponent]>;
|
|
14
|
-
static ɵinj: i0.ɵɵInjectorDeclaration<SkyVerticalTabsetModule>;
|
|
15
|
-
}
|
|
@@ -1,40 +0,0 @@
|
|
|
1
|
-
import { ElementRef } from '@angular/core';
|
|
2
|
-
import { BehaviorSubject, ReplaySubject, Subject } from 'rxjs';
|
|
3
|
-
import { SkyVerticalTabComponent } from './vertical-tab.component';
|
|
4
|
-
import { SkyVerticalTabsetGroupComponent } from './vertical-tabset-group.component';
|
|
5
|
-
import * as i0 from "@angular/core";
|
|
6
|
-
export declare const VISIBLE_STATE = "shown";
|
|
7
|
-
export declare const HIDDEN_STATE = "void";
|
|
8
|
-
/**
|
|
9
|
-
* @internal
|
|
10
|
-
*/
|
|
11
|
-
export declare class SkyVerticalTabsetService {
|
|
12
|
-
#private;
|
|
13
|
-
activeIndex: number | undefined;
|
|
14
|
-
animationContentVisibleState: string | undefined;
|
|
15
|
-
animationTabsVisibleState: string | undefined;
|
|
16
|
-
content: ElementRef | undefined;
|
|
17
|
-
hidingTabs: BehaviorSubject<boolean>;
|
|
18
|
-
indexChanged: ReplaySubject<number | undefined>;
|
|
19
|
-
maintainTabContent: boolean | undefined;
|
|
20
|
-
showingTabs: BehaviorSubject<boolean>;
|
|
21
|
-
switchingMobile: Subject<boolean>;
|
|
22
|
-
tabs: SkyVerticalTabComponent[];
|
|
23
|
-
tabAdded: Subject<SkyVerticalTabComponent>;
|
|
24
|
-
tabClicked: ReplaySubject<boolean>;
|
|
25
|
-
constructor();
|
|
26
|
-
addTab(tab: SkyVerticalTabComponent): void;
|
|
27
|
-
destroyTab(tab: SkyVerticalTabComponent): void;
|
|
28
|
-
addGroup(group: SkyVerticalTabsetGroupComponent): void;
|
|
29
|
-
destroyGroup(group: SkyVerticalTabsetGroupComponent): void;
|
|
30
|
-
activateTab(tab: SkyVerticalTabComponent): void;
|
|
31
|
-
activeTab(): SkyVerticalTabComponent | undefined;
|
|
32
|
-
isMobile(): boolean;
|
|
33
|
-
updateContent(): void;
|
|
34
|
-
tabsVisible(): boolean;
|
|
35
|
-
contentVisible(): boolean;
|
|
36
|
-
showTabs(): void;
|
|
37
|
-
focusActiveTab(tabGroups: ElementRef | undefined): void;
|
|
38
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<SkyVerticalTabsetService, never>;
|
|
39
|
-
static ɵprov: i0.ɵɵInjectableDeclaration<SkyVerticalTabsetService>;
|
|
40
|
-
}
|
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Properties of a SKY UX tab.
|
|
3
|
-
* @internal
|
|
4
|
-
*/
|
|
5
|
-
export interface SkyTabsetFixtureTab {
|
|
6
|
-
/**
|
|
7
|
-
* Whether the tab is selected.
|
|
8
|
-
*/
|
|
9
|
-
active: boolean;
|
|
10
|
-
/**
|
|
11
|
-
* Whether the tab is disabled.
|
|
12
|
-
*/
|
|
13
|
-
disabled: boolean;
|
|
14
|
-
/**
|
|
15
|
-
* The permalink value specified for the tab.
|
|
16
|
-
*/
|
|
17
|
-
permalinkValue: string | undefined;
|
|
18
|
-
/**
|
|
19
|
-
* The count displayed in the tab header.
|
|
20
|
-
*/
|
|
21
|
-
tabHeaderCount: string | undefined;
|
|
22
|
-
/**
|
|
23
|
-
* The text displayed in the tab header.
|
|
24
|
-
*/
|
|
25
|
-
tabHeading: string | undefined;
|
|
26
|
-
}
|
|
@@ -1,45 +0,0 @@
|
|
|
1
|
-
import { ComponentFixture } from '@angular/core/testing';
|
|
2
|
-
import { SkyTabsetFixtureTab } from './tab-fixture-tab';
|
|
3
|
-
/**
|
|
4
|
-
* Allows interaction with a SKY UX tabset component.
|
|
5
|
-
* @internal
|
|
6
|
-
*/
|
|
7
|
-
export declare class SkyTabsetFixture {
|
|
8
|
-
#private;
|
|
9
|
-
/**
|
|
10
|
-
* The tabset component's ARIA label.
|
|
11
|
-
*/
|
|
12
|
-
get ariaLabel(): string | undefined;
|
|
13
|
-
/**
|
|
14
|
-
* The tabset component's ARIA labelled by attribute.
|
|
15
|
-
*/
|
|
16
|
-
get ariaLabelledBy(): string | undefined;
|
|
17
|
-
/**
|
|
18
|
-
* The index of the currently selected tab.
|
|
19
|
-
*/
|
|
20
|
-
get activeTabIndex(): number;
|
|
21
|
-
constructor(fixture: ComponentFixture<unknown>, skyTestId: string);
|
|
22
|
-
/**
|
|
23
|
-
* Retrieves information about the tab at the specified index.
|
|
24
|
-
* @param tabIndex The index of the tab.
|
|
25
|
-
*/
|
|
26
|
-
getTab(tabIndex: number): SkyTabsetFixtureTab;
|
|
27
|
-
/**
|
|
28
|
-
* Clicks the tabset's "new" button.
|
|
29
|
-
*/
|
|
30
|
-
clickNewButton(): Promise<void>;
|
|
31
|
-
/**
|
|
32
|
-
* Clicks the tabset's "open" button.
|
|
33
|
-
*/
|
|
34
|
-
clickOpenButton(): Promise<void>;
|
|
35
|
-
/**
|
|
36
|
-
* Clicks the tab button at the specified index.
|
|
37
|
-
* @param tabIndex The index of the tab.
|
|
38
|
-
*/
|
|
39
|
-
clickTab(tabIndex: number): Promise<void>;
|
|
40
|
-
/**
|
|
41
|
-
* Click's the tab's close button at the specified index.
|
|
42
|
-
* @param tabIndex The index of the tab.
|
|
43
|
-
*/
|
|
44
|
-
clickTabClose(tabIndex: number): Promise<void>;
|
|
45
|
-
}
|
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
import { HarnessPredicate } from '@angular/cdk/testing';
|
|
2
|
-
import { SkyComponentHarness } from '@skyux/core/testing';
|
|
3
|
-
import { SkySectionedFormHarnessFilters } from './sectioned-form-harness-filters';
|
|
4
|
-
import { SkySectionedFormSectionContentHarness } from './sectioned-form-section-content-harness';
|
|
5
|
-
import { SkySectionedFormSectionHarness } from './sectioned-form-section-harness';
|
|
6
|
-
import { SkySectionedFormSectionHarnessFilters } from './sectioned-form-section-harness-filters';
|
|
7
|
-
/**
|
|
8
|
-
* Harness for interacting with a sectioned form component in tests.
|
|
9
|
-
*/
|
|
10
|
-
export declare class SkySectionedFormHarness extends SkyComponentHarness {
|
|
11
|
-
#private;
|
|
12
|
-
/**
|
|
13
|
-
* @internal
|
|
14
|
-
*/
|
|
15
|
-
static hostSelector: string;
|
|
16
|
-
/**
|
|
17
|
-
* Gets a `HarnessPredicate` that can be used to search for a
|
|
18
|
-
* `SkySectionedFormHarness` that meets certain criteria.
|
|
19
|
-
*/
|
|
20
|
-
static with(filters: SkySectionedFormHarnessFilters): HarnessPredicate<SkySectionedFormHarness>;
|
|
21
|
-
/**
|
|
22
|
-
* Gets the `SkySectionedFormSectionHarness` for the currently active section.
|
|
23
|
-
*/
|
|
24
|
-
getActiveSection(): Promise<SkySectionedFormSectionHarness | undefined>;
|
|
25
|
-
getActiveSectionContent(): Promise<SkySectionedFormSectionContentHarness | undefined>;
|
|
26
|
-
getSection(filters: SkySectionedFormSectionHarnessFilters): Promise<SkySectionedFormSectionHarness>;
|
|
27
|
-
getSections(filters?: SkySectionedFormSectionHarnessFilters): Promise<SkySectionedFormSectionHarness[]>;
|
|
28
|
-
/**
|
|
29
|
-
* Whether the section tabs are visible.
|
|
30
|
-
* In mobile view, sectioned forms collapse to just content pane.
|
|
31
|
-
*/
|
|
32
|
-
isSectionsVisible(): Promise<boolean>;
|
|
33
|
-
}
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import { SkyVerticalTabContentHarnessFilters } from '../vertical-tabset/vertical-tab-content-harness-filters';
|
|
2
|
-
/**
|
|
3
|
-
* A set of criteria that can be used to filter a list of `SkySectionedFormSectionContentHarness` instances.
|
|
4
|
-
*/
|
|
5
|
-
export interface SkySectionedFormSectionContentHarnessFilters extends SkyVerticalTabContentHarnessFilters {
|
|
6
|
-
}
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import { HarnessPredicate } from '@angular/cdk/testing';
|
|
2
|
-
import { SkyVerticalTabContentHarness } from '../vertical-tabset/vertical-tab-content-harness';
|
|
3
|
-
import { SkySectionedFormSectionContentHarnessFilters } from './sectioned-form-section-content-harness-filters';
|
|
4
|
-
/**
|
|
5
|
-
* Harness for interacting with a sectioned form content in tests.
|
|
6
|
-
*/
|
|
7
|
-
export declare class SkySectionedFormSectionContentHarness extends SkyVerticalTabContentHarness {
|
|
8
|
-
/**
|
|
9
|
-
* Gets a `HarnessPredicate` that can be used to search for a
|
|
10
|
-
* `SkySectionedFormSectionContentHarness` that meets certain criteria.
|
|
11
|
-
*/
|
|
12
|
-
static with(filters: SkySectionedFormSectionContentHarnessFilters): HarnessPredicate<SkySectionedFormSectionContentHarness>;
|
|
13
|
-
/**
|
|
14
|
-
* Whether the section content is visible.
|
|
15
|
-
*/
|
|
16
|
-
isVisible(): Promise<boolean>;
|
|
17
|
-
}
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import { SkyHarnessFilters } from '@skyux/core/testing';
|
|
2
|
-
/**
|
|
3
|
-
* A set of criteria that can be used to filter a list of `SkySectionedFormSectionHarness` instances.
|
|
4
|
-
*/
|
|
5
|
-
export interface SkySectionedFormSectionHarnessFilters extends SkyHarnessFilters {
|
|
6
|
-
/**
|
|
7
|
-
* Finds a section whose heading matches the given value.
|
|
8
|
-
*/
|
|
9
|
-
sectionHeading?: string;
|
|
10
|
-
}
|
|
@@ -1,59 +0,0 @@
|
|
|
1
|
-
import { HarnessPredicate } from '@angular/cdk/testing';
|
|
2
|
-
import { SkyVerticalTabButtonHarness } from '../vertical-tabset/vertical-tab-button-harness';
|
|
3
|
-
import { SkyVerticalTabContentHarness } from '../vertical-tabset/vertical-tab-content-harness';
|
|
4
|
-
import { SkySectionedFormSectionContentHarness } from './sectioned-form-section-content-harness';
|
|
5
|
-
import { SkySectionedFormSectionHarnessFilters } from './sectioned-form-section-harness-filters';
|
|
6
|
-
/**
|
|
7
|
-
* Harness for interacting with a sectioned form section component in tests.
|
|
8
|
-
*/
|
|
9
|
-
export declare class SkySectionedFormSectionHarness extends SkyVerticalTabButtonHarness {
|
|
10
|
-
/**
|
|
11
|
-
* Gets a `HarnessPredicate` that can be used to search for a
|
|
12
|
-
* `SkySectionedFormSectionHarness` that meets certain criteria.
|
|
13
|
-
*/
|
|
14
|
-
static with(filters: SkySectionedFormSectionHarnessFilters): HarnessPredicate<SkySectionedFormSectionHarness>;
|
|
15
|
-
/**
|
|
16
|
-
* Clicks the section to activate.
|
|
17
|
-
*/
|
|
18
|
-
click(): Promise<void>;
|
|
19
|
-
/**
|
|
20
|
-
* Gets the `SkySectionedFormSectionContentHarness` for this section.
|
|
21
|
-
*/
|
|
22
|
-
getSectionContent(): Promise<SkySectionedFormSectionContentHarness>;
|
|
23
|
-
/**
|
|
24
|
-
* Gets the section heading.
|
|
25
|
-
*/
|
|
26
|
-
getSectionHeading(): Promise<string>;
|
|
27
|
-
/**
|
|
28
|
-
* Gets the section item count.
|
|
29
|
-
*/
|
|
30
|
-
getSectionItemCount(): Promise<number>;
|
|
31
|
-
/**
|
|
32
|
-
* Gets the harness for this tab.
|
|
33
|
-
* Replacing with getSectionContent.
|
|
34
|
-
* @internal
|
|
35
|
-
*/
|
|
36
|
-
getTabContent(): Promise<SkyVerticalTabContentHarness>;
|
|
37
|
-
/**
|
|
38
|
-
* Gets the tab header count.
|
|
39
|
-
* Replacing with getSectionItemCount.
|
|
40
|
-
* @internal
|
|
41
|
-
*/
|
|
42
|
-
getTabHeaderCount(): Promise<number>;
|
|
43
|
-
/**
|
|
44
|
-
* Gets the tab heading text.
|
|
45
|
-
* Replacing with getSectionHeading.
|
|
46
|
-
* @internal
|
|
47
|
-
*/
|
|
48
|
-
getTabHeading(): Promise<string>;
|
|
49
|
-
/**
|
|
50
|
-
* Whether the section is active.
|
|
51
|
-
*/
|
|
52
|
-
isActive(): Promise<boolean>;
|
|
53
|
-
/**
|
|
54
|
-
* Whether the section is disabled.
|
|
55
|
-
* This isn't used on sectioned forms.
|
|
56
|
-
* @internal
|
|
57
|
-
*/
|
|
58
|
-
isDisabled(): Promise<boolean>;
|
|
59
|
-
}
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import { SkyHarnessFilters } from '@skyux/core/testing';
|
|
2
|
-
/**
|
|
3
|
-
* A set of criteria that can be used to filter a list of `SkyTabButtonHarness` instances.
|
|
4
|
-
*/
|
|
5
|
-
export interface SkyTabButtonHarnessFilters extends SkyHarnessFilters {
|
|
6
|
-
/**
|
|
7
|
-
* Finds tab button whose tab heading matches this value.
|
|
8
|
-
*/
|
|
9
|
-
tabHeading: string;
|
|
10
|
-
}
|
|
@@ -1,56 +0,0 @@
|
|
|
1
|
-
import { HarnessPredicate } from '@angular/cdk/testing';
|
|
2
|
-
import { SkyComponentHarness } from '@skyux/core/testing';
|
|
3
|
-
import { SkyTabButtonHarnessFilters } from './tab-button-harness-filters';
|
|
4
|
-
import { SkyTabContentHarness } from './tab-content-harness';
|
|
5
|
-
/**
|
|
6
|
-
* Harness for interacting with a tab button component in tests.
|
|
7
|
-
*/
|
|
8
|
-
export declare class SkyTabButtonHarness 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
|
-
* `SkyTabButtonHarness` that meets certain criteria.
|
|
17
|
-
*/
|
|
18
|
-
static with(filters: SkyTabButtonHarnessFilters): HarnessPredicate<SkyTabButtonHarness>;
|
|
19
|
-
/**
|
|
20
|
-
* Clicks the tab button.
|
|
21
|
-
*/
|
|
22
|
-
click(): Promise<void>;
|
|
23
|
-
/**
|
|
24
|
-
* Clicks the remove tab button if it is visible.
|
|
25
|
-
*/
|
|
26
|
-
clickRemoveButton(): Promise<void>;
|
|
27
|
-
/**
|
|
28
|
-
* Gets the permalink that the page routes to when the tab is clicked.
|
|
29
|
-
*/
|
|
30
|
-
getPermalink(): Promise<string | null>;
|
|
31
|
-
/**
|
|
32
|
-
* Gets the `SkyTabContentHarness` controlled by this tab button.
|
|
33
|
-
*/
|
|
34
|
-
getTabContentHarness(): Promise<SkyTabContentHarness>;
|
|
35
|
-
/**
|
|
36
|
-
* Gets the tab heading.
|
|
37
|
-
*/
|
|
38
|
-
getTabHeading(): Promise<string>;
|
|
39
|
-
/**
|
|
40
|
-
* Gets whether the tab button is active.
|
|
41
|
-
*/
|
|
42
|
-
isActive(): Promise<boolean>;
|
|
43
|
-
/**
|
|
44
|
-
* Gets whether the tab button is disabled.
|
|
45
|
-
*/
|
|
46
|
-
isDisabled(): Promise<boolean>;
|
|
47
|
-
/**
|
|
48
|
-
* Whether the tab button is in a Wizard tabset.
|
|
49
|
-
*/
|
|
50
|
-
isInWizardTabset(): Promise<boolean>;
|
|
51
|
-
/**
|
|
52
|
-
* Gets the id of the content controlled by this tab.
|
|
53
|
-
* @internal
|
|
54
|
-
*/
|
|
55
|
-
getTabId(): Promise<string>;
|
|
56
|
-
}
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import { SkyHarnessFilters } from '@skyux/core/testing';
|
|
2
|
-
/**
|
|
3
|
-
* A set of criteria that can be used to filter a list of `SkyTabContentHarness` instances.
|
|
4
|
-
*/
|
|
5
|
-
export interface SkyTabContentHarnessFilters extends SkyHarnessFilters {
|
|
6
|
-
/**
|
|
7
|
-
* Finds tabs whose id matches given value.
|
|
8
|
-
* @internal
|
|
9
|
-
*/
|
|
10
|
-
tabId: string;
|
|
11
|
-
}
|
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
import { HarnessPredicate } from '@angular/cdk/testing';
|
|
2
|
-
import { SkyQueryableComponentHarness } from '@skyux/core/testing';
|
|
3
|
-
import { SkyTabContentHarnessFilters } from './tab-content-harness-filters';
|
|
4
|
-
/**
|
|
5
|
-
* Harness for interacting with a tab component in tests.
|
|
6
|
-
*/
|
|
7
|
-
export declare class SkyTabContentHarness extends SkyQueryableComponentHarness {
|
|
8
|
-
#private;
|
|
9
|
-
/**
|
|
10
|
-
* @internal
|
|
11
|
-
*/
|
|
12
|
-
static hostSelector: string;
|
|
13
|
-
/**
|
|
14
|
-
* Gets a `HarnessPredicate` that can be used to search for a
|
|
15
|
-
* `SkyTabContentHarness` that meets certain criteria.
|
|
16
|
-
* @internal
|
|
17
|
-
*/
|
|
18
|
-
static with(filters: SkyTabContentHarnessFilters): HarnessPredicate<SkyTabContentHarness>;
|
|
19
|
-
/**
|
|
20
|
-
* Gets the tab's layout.
|
|
21
|
-
*/
|
|
22
|
-
getLayout(): Promise<string>;
|
|
23
|
-
/**
|
|
24
|
-
* @internal
|
|
25
|
-
*/
|
|
26
|
-
getTabId(): Promise<string | null>;
|
|
27
|
-
/**
|
|
28
|
-
* Whether the tab content is visible.
|
|
29
|
-
*/
|
|
30
|
-
isVisible(): Promise<boolean>;
|
|
31
|
-
}
|