@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,48 +0,0 @@
|
|
|
1
|
-
import { AfterViewChecked, ChangeDetectorRef, ElementRef, EventEmitter, OnDestroy, OnInit } from '@angular/core';
|
|
2
|
-
import { SkyLogService } from '@skyux/core';
|
|
3
|
-
import { Subject } from 'rxjs';
|
|
4
|
-
import { SkyTabIdService } from '../shared/tab-id.service';
|
|
5
|
-
import { SkyVerticalTabsetService } from './../vertical-tabset/vertical-tabset.service';
|
|
6
|
-
import { SkySectionedFormMessage } from './types/sectioned-form-message';
|
|
7
|
-
import * as i0 from "@angular/core";
|
|
8
|
-
/**
|
|
9
|
-
* Creates a container for the sectioned forms.
|
|
10
|
-
*/
|
|
11
|
-
export declare class SkySectionedFormComponent implements OnInit, OnDestroy, AfterViewChecked {
|
|
12
|
-
#private;
|
|
13
|
-
tabService: SkyVerticalTabsetService;
|
|
14
|
-
/**
|
|
15
|
-
* Whether the sectioned form loads section content during initialization so that it
|
|
16
|
-
* displays content without moving around elements in the content container.
|
|
17
|
-
* @default false
|
|
18
|
-
*/
|
|
19
|
-
maintainSectionContent: boolean | undefined;
|
|
20
|
-
set messageStream(value: Subject<SkySectionedFormMessage> | undefined);
|
|
21
|
-
get messageStream(): Subject<SkySectionedFormMessage>;
|
|
22
|
-
/**
|
|
23
|
-
* Fires when the active tab changes and emits the index of the active
|
|
24
|
-
* section. The index is based on the section's position when the form loads.
|
|
25
|
-
*/
|
|
26
|
-
indexChanged: EventEmitter<number>;
|
|
27
|
-
/**
|
|
28
|
-
* Fires when the sectioned form tabs are shown or hidden.
|
|
29
|
-
*/
|
|
30
|
-
tabsVisibleChanged: EventEmitter<boolean>;
|
|
31
|
-
ariaOwns: string | undefined;
|
|
32
|
-
ariaRole: string | undefined;
|
|
33
|
-
content: ElementRef | undefined;
|
|
34
|
-
constructor(tabService: SkyVerticalTabsetService, changeRef: ChangeDetectorRef, tabIdSvc: SkyTabIdService, logger: SkyLogService);
|
|
35
|
-
ngOnInit(): void;
|
|
36
|
-
ngAfterViewChecked(): void;
|
|
37
|
-
ngOnDestroy(): void;
|
|
38
|
-
/**
|
|
39
|
-
* @deprecated Use the `tabsVisibleChanged` output to listen for tab visibility changes.
|
|
40
|
-
*/
|
|
41
|
-
tabsVisible(): boolean;
|
|
42
|
-
/**
|
|
43
|
-
* @deprecated Use the `messageStream` input and push a `ShowTabs` message to the message stream instead.
|
|
44
|
-
*/
|
|
45
|
-
showTabs(): void;
|
|
46
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<SkySectionedFormComponent, never>;
|
|
47
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<SkySectionedFormComponent, "sky-sectioned-form", never, { "maintainSectionContent": { "alias": "maintainSectionContent"; "required": false; }; "messageStream": { "alias": "messageStream"; "required": false; }; }, { "indexChanged": "indexChanged"; "tabsVisibleChanged": "tabsVisibleChanged"; }, never, ["*"], false, never>;
|
|
48
|
-
}
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import * as i0 from "@angular/core";
|
|
2
|
-
import * as i1 from "./sectioned-form.component";
|
|
3
|
-
import * as i2 from "./sectioned-form-section.component";
|
|
4
|
-
import * as i3 from "@angular/common";
|
|
5
|
-
import * as i4 from "@skyux/forms";
|
|
6
|
-
import * as i5 from "@skyux/theme";
|
|
7
|
-
import * as i6 from "../vertical-tabset/vertical-tabset.module";
|
|
8
|
-
export declare class SkySectionedFormModule {
|
|
9
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<SkySectionedFormModule, never>;
|
|
10
|
-
static ɵmod: i0.ɵɵNgModuleDeclaration<SkySectionedFormModule, [typeof i1.SkySectionedFormComponent, typeof i2.SkySectionedFormSectionComponent], [typeof i3.CommonModule, typeof i4.SkyCheckboxModule, typeof i5.SkyThemeModule, typeof i6.SkyVerticalTabsetModule], [typeof i1.SkySectionedFormComponent, typeof i2.SkySectionedFormSectionComponent]>;
|
|
11
|
-
static ɵinj: i0.ɵɵInjectorDeclaration<SkySectionedFormModule>;
|
|
12
|
-
}
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
import { BehaviorSubject } from 'rxjs';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
export declare class SkySectionedFormService {
|
|
4
|
-
/**
|
|
5
|
-
* @internal
|
|
6
|
-
*/
|
|
7
|
-
invalidChange: BehaviorSubject<boolean | undefined>;
|
|
8
|
-
/**
|
|
9
|
-
* @internal
|
|
10
|
-
*/
|
|
11
|
-
requiredChange: BehaviorSubject<boolean | undefined>;
|
|
12
|
-
/**
|
|
13
|
-
* Sets the current section's invalid state based on the `isInvalid` parameter.
|
|
14
|
-
* This method is used within a `sky-sectioned-form-section` element.
|
|
15
|
-
*/
|
|
16
|
-
invalidFieldChanged(isInvalid: boolean | undefined): void;
|
|
17
|
-
/**
|
|
18
|
-
* Sets the current section's required state based on the `isRequired` parameter.
|
|
19
|
-
* This method is used within a `sky-sectioned-form-section` element.
|
|
20
|
-
*/
|
|
21
|
-
requiredFieldChanged(isRequired: boolean | undefined): void;
|
|
22
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<SkySectionedFormService, never>;
|
|
23
|
-
static ɵprov: i0.ɵɵInjectableDeclaration<SkySectionedFormService>;
|
|
24
|
-
}
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import * as i0 from "@angular/core";
|
|
2
|
-
import * as i1 from "@skyux/i18n";
|
|
3
|
-
/**
|
|
4
|
-
* Import into any component library module that needs to use resource strings.
|
|
5
|
-
*/
|
|
6
|
-
export declare class SkyTabsResourcesModule {
|
|
7
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<SkyTabsResourcesModule, never>;
|
|
8
|
-
static ɵmod: i0.ɵɵNgModuleDeclaration<SkyTabsResourcesModule, never, never, [typeof i1.SkyI18nModule]>;
|
|
9
|
-
static ɵinj: i0.ɵɵInjectorDeclaration<SkyTabsResourcesModule>;
|
|
10
|
-
}
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
import { Observable } from 'rxjs';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
/**
|
|
4
|
-
* Tracks the element IDs for all tabs within a tablist.
|
|
5
|
-
* @internal
|
|
6
|
-
*/
|
|
7
|
-
export declare class SkyTabIdService {
|
|
8
|
-
#private;
|
|
9
|
-
get ids(): Observable<string[]>;
|
|
10
|
-
constructor();
|
|
11
|
-
/**
|
|
12
|
-
* Associates a tab's ID with its parent tablist.
|
|
13
|
-
* @param {string} id A unique ID for the tab's registration.
|
|
14
|
-
* @param {string} elementId The ID applied to the tab's element.
|
|
15
|
-
*/
|
|
16
|
-
register(id: string, elementId: string): void;
|
|
17
|
-
/**
|
|
18
|
-
* Disassociates a tab's ID with its parent tablist.
|
|
19
|
-
* @param {string} id The ID used to register the tab.
|
|
20
|
-
*/
|
|
21
|
-
unregister(id: string): void;
|
|
22
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<SkyTabIdService, never>;
|
|
23
|
-
static ɵprov: i0.ɵɵInjectableDeclaration<SkyTabIdService>;
|
|
24
|
-
}
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import { ElementRef } from '@angular/core';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
/**
|
|
4
|
-
* @internal
|
|
5
|
-
*/
|
|
6
|
-
export declare class SkyTabButtonAdapterService {
|
|
7
|
-
focusButtonLink(buttonEl: ElementRef): void;
|
|
8
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<SkyTabButtonAdapterService, never>;
|
|
9
|
-
static ɵprov: i0.ɵɵInjectableDeclaration<SkyTabButtonAdapterService>;
|
|
10
|
-
}
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import { SkyTabIndex } from './tab-index';
|
|
2
|
-
/**
|
|
3
|
-
* @internal
|
|
4
|
-
*/
|
|
5
|
-
export interface TabButtonViewModel {
|
|
6
|
-
active: boolean;
|
|
7
|
-
ariaControls: string;
|
|
8
|
-
buttonHref: string | null;
|
|
9
|
-
buttonId: string;
|
|
10
|
-
buttonText: string | undefined;
|
|
11
|
-
buttonTextCount: string | undefined;
|
|
12
|
-
closeable: boolean;
|
|
13
|
-
disabled: boolean | undefined;
|
|
14
|
-
tabIndex: SkyTabIndex | undefined;
|
|
15
|
-
tabNumber: number;
|
|
16
|
-
totalTabsCount: number;
|
|
17
|
-
}
|
|
@@ -1,43 +0,0 @@
|
|
|
1
|
-
import { AfterViewInit, ChangeDetectorRef, ElementRef, EventEmitter, OnDestroy } from '@angular/core';
|
|
2
|
-
import { SkyTabButtonAdapterService } from './tab-button-adapter.service';
|
|
3
|
-
import { SkyTabIndex } from './tab-index';
|
|
4
|
-
import { SkyTabsetStyle } from './tabset-style';
|
|
5
|
-
import { SkyTabsetService } from './tabset.service';
|
|
6
|
-
import * as i0 from "@angular/core";
|
|
7
|
-
type SkyWizardStepState = 'completed' | 'current' | 'unavailable';
|
|
8
|
-
/**
|
|
9
|
-
* @internal
|
|
10
|
-
*/
|
|
11
|
-
export declare class SkyTabButtonComponent implements AfterViewInit, OnDestroy {
|
|
12
|
-
#private;
|
|
13
|
-
get active(): boolean | undefined;
|
|
14
|
-
set active(value: boolean | undefined);
|
|
15
|
-
ariaControls: string | undefined;
|
|
16
|
-
buttonHref: string | undefined;
|
|
17
|
-
buttonId: string | undefined;
|
|
18
|
-
buttonText: string | undefined;
|
|
19
|
-
buttonTextCount: string | undefined;
|
|
20
|
-
closeable: boolean | undefined;
|
|
21
|
-
get disabled(): boolean;
|
|
22
|
-
set disabled(value: boolean | undefined);
|
|
23
|
-
tabIndex: SkyTabIndex | undefined;
|
|
24
|
-
tabNumber: number | undefined;
|
|
25
|
-
totalTabsCount: number | undefined;
|
|
26
|
-
get tabStyle(): SkyTabsetStyle | undefined;
|
|
27
|
-
set tabStyle(style: SkyTabsetStyle | undefined);
|
|
28
|
-
buttonClick: EventEmitter<void>;
|
|
29
|
-
closeClick: EventEmitter<void>;
|
|
30
|
-
constructor(elementRef: ElementRef, adapterService: SkyTabButtonAdapterService, changeDetectorRef: ChangeDetectorRef, tabsetService: SkyTabsetService);
|
|
31
|
-
closeBtnTabIndex: string;
|
|
32
|
-
wizardStepState: SkyWizardStepState | undefined;
|
|
33
|
-
ngAfterViewInit(): void;
|
|
34
|
-
ngOnDestroy(): void;
|
|
35
|
-
onButtonClick(event: any): void;
|
|
36
|
-
onTabButtonKeyDown(event: KeyboardEvent): void;
|
|
37
|
-
onCloseClick(event: any): void;
|
|
38
|
-
focusBtn(): void;
|
|
39
|
-
onFocus(): void;
|
|
40
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<SkyTabButtonComponent, never>;
|
|
41
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<SkyTabButtonComponent, "sky-tab-button", never, { "active": { "alias": "active"; "required": false; }; "ariaControls": { "alias": "ariaControls"; "required": false; }; "buttonHref": { "alias": "buttonHref"; "required": false; }; "buttonId": { "alias": "buttonId"; "required": false; }; "buttonText": { "alias": "buttonText"; "required": false; }; "buttonTextCount": { "alias": "buttonTextCount"; "required": false; }; "closeable": { "alias": "closeable"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "tabNumber": { "alias": "tabNumber"; "required": false; }; "totalTabsCount": { "alias": "totalTabsCount"; "required": false; }; "tabStyle": { "alias": "tabStyle"; "required": false; }; }, { "buttonClick": "buttonClick"; "closeClick": "closeClick"; }, never, never, false, never>;
|
|
42
|
-
}
|
|
43
|
-
export {};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export type SkyTabIndex = string | number;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export type SkyTabLayoutType = 'none' | 'blocks' | 'fit' | 'list';
|
|
@@ -1,90 +0,0 @@
|
|
|
1
|
-
import { ChangeDetectorRef, EventEmitter, OnChanges, OnDestroy, SimpleChanges } from '@angular/core';
|
|
2
|
-
import { Observable } from 'rxjs';
|
|
3
|
-
import { SkyTabIndex } from './tab-index';
|
|
4
|
-
import { SkyTabLayoutType } from './tab-layout-type';
|
|
5
|
-
import { SkyTabsetPermalinkService } from './tabset-permalink.service';
|
|
6
|
-
import { SkyTabsetService } from './tabset.service';
|
|
7
|
-
import * as i0 from "@angular/core";
|
|
8
|
-
import * as i1 from "@skyux/core";
|
|
9
|
-
export declare class SkyTabComponent implements OnChanges, OnDestroy {
|
|
10
|
-
#private;
|
|
11
|
-
/**
|
|
12
|
-
* Whether the tab is active when the tabset loads. After initialization, the `active`
|
|
13
|
-
* property on the tabset component should be used to set the active tab.
|
|
14
|
-
* @default false
|
|
15
|
-
*/
|
|
16
|
-
set active(value: boolean | undefined);
|
|
17
|
-
get active(): boolean;
|
|
18
|
-
get activeChange(): Observable<void>;
|
|
19
|
-
/**
|
|
20
|
-
* Whether to disable the tab.
|
|
21
|
-
* @default false
|
|
22
|
-
*/
|
|
23
|
-
disabled: boolean | undefined;
|
|
24
|
-
/**
|
|
25
|
-
* The custom query parameter value for the tab.
|
|
26
|
-
* This works in conjunction with the tabset's `permalinkId` to distinguish
|
|
27
|
-
* the tab's unique state in the URL by generating a query parameter that is
|
|
28
|
-
* written as `?<queryParam>-active-tab=<sanitized-tab-heading`.
|
|
29
|
-
* By default, the query parameter's value is parsed automatically from the tab's heading text.
|
|
30
|
-
* This input only applies when the tabset's `tabStyle` is `"tabs"`.
|
|
31
|
-
*/
|
|
32
|
-
set permalinkValue(value: string | undefined);
|
|
33
|
-
get permalinkValue(): string | undefined;
|
|
34
|
-
/**
|
|
35
|
-
* Displays a counter beside the tab header.
|
|
36
|
-
* This input only applies when the tabset's `tabStyle` is `"tabs"`.
|
|
37
|
-
* @deprecated SKY UX no longer recommends adding counts to tabs.
|
|
38
|
-
*/
|
|
39
|
-
tabHeaderCount: string | undefined;
|
|
40
|
-
/**
|
|
41
|
-
* The tab header.
|
|
42
|
-
* When using tabs as the main navigation on a page,
|
|
43
|
-
* use [the Angular `Title` service](https://angular.io/docs/ts/latest/cookbook/set-document-title.html)
|
|
44
|
-
* and [the SKY UX `title` configuration property](https://developer.blackbaud.com/skyux/learn/reference/configuration#app)
|
|
45
|
-
* to reflect the tab header in the page title.
|
|
46
|
-
* @required
|
|
47
|
-
*/
|
|
48
|
-
set tabHeading(value: string | undefined);
|
|
49
|
-
get tabHeading(): string | undefined;
|
|
50
|
-
/**
|
|
51
|
-
* The unique identifier for the tab.
|
|
52
|
-
* If not defined, the identifier is set to the position of the tab on load, starting with `0`.
|
|
53
|
-
*/
|
|
54
|
-
set tabIndexValue(value: SkyTabIndex | undefined);
|
|
55
|
-
get tabIndexValue(): SkyTabIndex | undefined;
|
|
56
|
-
/**
|
|
57
|
-
* The tab layout that applies spacing to the tab container element. Use the layout
|
|
58
|
-
* that corresponds with the top-level component type used within the tab, or use `fit` to
|
|
59
|
-
* constrain the tab contents to the available viewport.
|
|
60
|
-
* Use `none` for custom content that does not adhere to predefined spacing or constraints.
|
|
61
|
-
* @default "none"
|
|
62
|
-
*/
|
|
63
|
-
set layout(value: SkyTabLayoutType | undefined);
|
|
64
|
-
get layout(): SkyTabLayoutType;
|
|
65
|
-
cssClass: string;
|
|
66
|
-
/**
|
|
67
|
-
* Fires when users click the button to close the tab.
|
|
68
|
-
* The close button is added to the tab when you specify a listener for this event.
|
|
69
|
-
* This event only applies when the tabset's `tabStyle` is `"tabs"`.
|
|
70
|
-
*/
|
|
71
|
-
close: EventEmitter<void>;
|
|
72
|
-
/**
|
|
73
|
-
* Alerts the tabset component when this component has changes that need to be reflected in the UI.
|
|
74
|
-
*/
|
|
75
|
-
get stateChange(): Observable<void>;
|
|
76
|
-
get tabIndexChange(): Observable<SkyTabIndex | undefined>;
|
|
77
|
-
permalinkValueOrDefault: string;
|
|
78
|
-
showContent: boolean;
|
|
79
|
-
tabButtonId: string;
|
|
80
|
-
tabPanelId: string;
|
|
81
|
-
constructor(changeDetector: ChangeDetectorRef, permalinkService: SkyTabsetPermalinkService, tabsetService: SkyTabsetService);
|
|
82
|
-
ngOnChanges(changes: SimpleChanges): void;
|
|
83
|
-
ngOnDestroy(): void;
|
|
84
|
-
init(): void;
|
|
85
|
-
activate(): void;
|
|
86
|
-
deactivate(): void;
|
|
87
|
-
isCloseable(): boolean;
|
|
88
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<SkyTabComponent, never>;
|
|
89
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<SkyTabComponent, "sky-tab", never, { "active": { "alias": "active"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "permalinkValue": { "alias": "permalinkValue"; "required": false; }; "tabHeaderCount": { "alias": "tabHeaderCount"; "required": false; }; "tabHeading": { "alias": "tabHeading"; "required": false; }; "tabIndexValue": { "alias": "tabIndexValue"; "required": false; }; "layout": { "alias": "layout"; "required": false; }; }, { "close": "close"; }, never, ["*"], false, [{ directive: typeof i1.SkyResponsiveHostDirective; inputs: {}; outputs: {}; }]>;
|
|
90
|
-
}
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import * as i0 from "@angular/core";
|
|
2
|
-
import * as i1 from "./tab-button.component";
|
|
3
|
-
import * as i2 from "./tab.component";
|
|
4
|
-
import * as i3 from "./tabset.component";
|
|
5
|
-
import * as i4 from "./tabset-nav-button.component";
|
|
6
|
-
import * as i5 from "./tabset-nav-button-disabled.pipe";
|
|
7
|
-
import * as i6 from "@angular/common";
|
|
8
|
-
import * as i7 from "@skyux/core";
|
|
9
|
-
import * as i8 from "@skyux/popovers";
|
|
10
|
-
import * as i9 from "@skyux/icon";
|
|
11
|
-
import * as i10 from "../shared/sky-tabs-resources.module";
|
|
12
|
-
import * as i11 from "@skyux/theme";
|
|
13
|
-
export declare class SkyTabsModule {
|
|
14
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<SkyTabsModule, never>;
|
|
15
|
-
static ɵmod: i0.ɵɵNgModuleDeclaration<SkyTabsModule, [typeof i1.SkyTabButtonComponent, typeof i2.SkyTabComponent, typeof i3.SkyTabsetComponent, typeof i4.SkyTabsetNavButtonComponent, typeof i5.SkyTabsetNavButtonDisabledPipe], [typeof i6.CommonModule, typeof i7.SkyResponsiveHostDirective, typeof i8.SkyDropdownModule, typeof i9.SkyIconModule, typeof i7.SkyIdModule, typeof i10.SkyTabsResourcesModule, typeof i11.SkyThemeModule], [typeof i2.SkyTabComponent, typeof i3.SkyTabsetComponent, typeof i4.SkyTabsetNavButtonComponent]>;
|
|
16
|
-
static ɵinj: i0.ɵɵInjectorDeclaration<SkyTabsModule>;
|
|
17
|
-
}
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import { ElementRef, OnDestroy } from '@angular/core';
|
|
2
|
-
import { Observable } from 'rxjs';
|
|
3
|
-
import * as i0 from "@angular/core";
|
|
4
|
-
/**
|
|
5
|
-
* @internal
|
|
6
|
-
*/
|
|
7
|
-
export declare class SkyTabsetAdapterService implements OnDestroy {
|
|
8
|
-
#private;
|
|
9
|
-
get overflowChange(): Observable<boolean>;
|
|
10
|
-
constructor();
|
|
11
|
-
ngOnDestroy(): void;
|
|
12
|
-
registerTabset(tabsetRef: ElementRef): void;
|
|
13
|
-
/**
|
|
14
|
-
* Detects if the tab buttons are wider than the tabset container.
|
|
15
|
-
*/
|
|
16
|
-
detectOverflow(): void;
|
|
17
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<SkyTabsetAdapterService, never>;
|
|
18
|
-
static ɵprov: i0.ɵɵInjectableDeclaration<SkyTabsetAdapterService>;
|
|
19
|
-
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export type SkyTabsetButtonsDisplayMode = 'dropdown' | 'tabs';
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import { PipeTransform } from '@angular/core';
|
|
2
|
-
import { SkyTabsetNavButtonType } from './tabset-nav-button-type';
|
|
3
|
-
import * as i0 from "@angular/core";
|
|
4
|
-
export declare class SkyTabsetNavButtonDisabledPipe implements PipeTransform {
|
|
5
|
-
transform(disabled: boolean | undefined, buttonType?: SkyTabsetNavButtonType | string, tabToSelectExists?: boolean, tabToSelectIsDisabled?: boolean): boolean;
|
|
6
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<SkyTabsetNavButtonDisabledPipe, never>;
|
|
7
|
-
static ɵpipe: i0.ɵɵPipeDeclaration<SkyTabsetNavButtonDisabledPipe, "skyTabsetNavButtonDisabled", false>;
|
|
8
|
-
}
|
|
@@ -1,47 +0,0 @@
|
|
|
1
|
-
import { OnDestroy } from '@angular/core';
|
|
2
|
-
import { SkyLogService } from '@skyux/core';
|
|
3
|
-
import { SkyTabComponent } from './tab.component';
|
|
4
|
-
import { SkyTabsetNavButtonType } from './tabset-nav-button-type';
|
|
5
|
-
import { SkyTabsetComponent } from './tabset.component';
|
|
6
|
-
import * as i0 from "@angular/core";
|
|
7
|
-
/**
|
|
8
|
-
* Creates a button to navigate between tabs in a tabset when `tabStyle` is `"wizard"`.
|
|
9
|
-
*/
|
|
10
|
-
export declare class SkyTabsetNavButtonComponent implements OnDestroy {
|
|
11
|
-
#private;
|
|
12
|
-
/**
|
|
13
|
-
* The tabset wizard component to associate with the nav button.
|
|
14
|
-
* @required
|
|
15
|
-
*/
|
|
16
|
-
get tabset(): SkyTabsetComponent | undefined;
|
|
17
|
-
set tabset(value: SkyTabsetComponent | undefined);
|
|
18
|
-
/**
|
|
19
|
-
* The type of nav button to include.
|
|
20
|
-
* @required
|
|
21
|
-
*/
|
|
22
|
-
get buttonType(): SkyTabsetNavButtonType | undefined;
|
|
23
|
-
set buttonType(value: SkyTabsetNavButtonType | undefined);
|
|
24
|
-
get buttonTypeData(): SkyTabsetNavButtonType | undefined;
|
|
25
|
-
/**
|
|
26
|
-
* The label to display on the nav button. The following are the defaults for each `buttonType`:
|
|
27
|
-
* `next` = "Next", `previous` = "Previous", `finish` = "Finish"
|
|
28
|
-
*/
|
|
29
|
-
buttonText?: string | undefined;
|
|
30
|
-
/**
|
|
31
|
-
* Whether to disable the nav button.
|
|
32
|
-
* Defaults to the disabled state of the next tab for `next`, the existence of a previous tab for `previous`,
|
|
33
|
-
* and false for `finish`.
|
|
34
|
-
*/
|
|
35
|
-
set disabled(value: boolean | undefined);
|
|
36
|
-
get disabled(): boolean | undefined;
|
|
37
|
-
buttonClassName: string | undefined;
|
|
38
|
-
isVisible: boolean;
|
|
39
|
-
type: 'submit' | 'button';
|
|
40
|
-
ariaControls: string | undefined;
|
|
41
|
-
protected tabToSelect: SkyTabComponent | undefined;
|
|
42
|
-
constructor(logger: SkyLogService);
|
|
43
|
-
ngOnDestroy(): void;
|
|
44
|
-
buttonClick(): void;
|
|
45
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<SkyTabsetNavButtonComponent, never>;
|
|
46
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<SkyTabsetNavButtonComponent, "sky-tabset-nav-button", never, { "tabset": { "alias": "tabset"; "required": false; }; "buttonType": { "alias": "buttonType"; "required": false; }; "buttonText": { "alias": "buttonText"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, {}, never, never, false, never>;
|
|
47
|
-
}
|
|
@@ -1,35 +0,0 @@
|
|
|
1
|
-
import { OnDestroy } from '@angular/core';
|
|
2
|
-
import { Observable } from 'rxjs';
|
|
3
|
-
import * as i0 from "@angular/core";
|
|
4
|
-
/**
|
|
5
|
-
* @internal
|
|
6
|
-
*/
|
|
7
|
-
export declare class SkyTabsetPermalinkService implements OnDestroy {
|
|
8
|
-
#private;
|
|
9
|
-
get popStateChange(): Observable<void>;
|
|
10
|
-
ngOnDestroy(): void;
|
|
11
|
-
init(): void;
|
|
12
|
-
/**
|
|
13
|
-
* Returns the value of a URL query param.
|
|
14
|
-
*/
|
|
15
|
-
getParam(name: string): string;
|
|
16
|
-
/**
|
|
17
|
-
* Sets the value of a URL query param.
|
|
18
|
-
*/
|
|
19
|
-
setParam(name: string, value: string | null, initial?: boolean): void;
|
|
20
|
-
/**
|
|
21
|
-
* Removes the provided query param from the URL.
|
|
22
|
-
*/
|
|
23
|
-
clearParam(name: string): void;
|
|
24
|
-
/**
|
|
25
|
-
* Returns a relative URL that includes the provided query parameter. The value is intended to be
|
|
26
|
-
* used by an HTML anchor element.
|
|
27
|
-
*/
|
|
28
|
-
getParamHref(name: string | undefined, value: string): string | null;
|
|
29
|
-
/**
|
|
30
|
-
* Converts the provided string into a value that can be safely used in a URL.
|
|
31
|
-
*/
|
|
32
|
-
urlify(value: string | undefined): string;
|
|
33
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<SkyTabsetPermalinkService, never>;
|
|
34
|
-
static ɵprov: i0.ɵɵInjectableDeclaration<SkyTabsetPermalinkService>;
|
|
35
|
-
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export type SkyTabsetStyle = 'tabs' | 'wizard';
|
|
@@ -1,97 +0,0 @@
|
|
|
1
|
-
import { AfterViewInit, ChangeDetectorRef, ElementRef, EventEmitter, OnDestroy, QueryList } from '@angular/core';
|
|
2
|
-
import { TabButtonViewModel } from './tab-button-view-model';
|
|
3
|
-
import { SkyTabIndex } from './tab-index';
|
|
4
|
-
import { SkyTabComponent } from './tab.component';
|
|
5
|
-
import { SkyTabsetAdapterService } from './tabset-adapter.service';
|
|
6
|
-
import { SkyTabsetButtonsDisplayMode } from './tabset-buttons-display-mode';
|
|
7
|
-
import { SkyTabsetPermalinkService } from './tabset-permalink.service';
|
|
8
|
-
import { SkyTabsetStyle } from './tabset-style';
|
|
9
|
-
import { SkyTabsetTabIndexesChange } from './tabset-tab-indexes-change';
|
|
10
|
-
import { SkyTabsetService } from './tabset.service';
|
|
11
|
-
import * as i0 from "@angular/core";
|
|
12
|
-
export declare class SkyTabsetComponent implements AfterViewInit, OnDestroy {
|
|
13
|
-
#private;
|
|
14
|
-
/**
|
|
15
|
-
* Activates a tab by its `tabIndex` property.
|
|
16
|
-
*/
|
|
17
|
-
set active(value: SkyTabIndex | undefined);
|
|
18
|
-
get active(): SkyTabIndex | undefined;
|
|
19
|
-
/**
|
|
20
|
-
* The ARIA label for the tabset. This sets the tabset's `aria-label` attribute to provide a text equivalent for screen readers
|
|
21
|
-
* [to support accessibility](https://developer.blackbaud.com/skyux/learn/accessibility).
|
|
22
|
-
* If the tabset includes a visible label, use `ariaLabelledBy` instead.
|
|
23
|
-
* For more information about the `aria-label` attribute, see the [WAI-ARIA definition](https://www.w3.org/TR/wai-aria/#aria-label).
|
|
24
|
-
*/
|
|
25
|
-
ariaLabel: string | undefined;
|
|
26
|
-
/**
|
|
27
|
-
* The HTML element ID of the element that labels
|
|
28
|
-
* the tabset. This sets the tabset's `aria-labelledby` attribute to provide a text equivalent for screen readers
|
|
29
|
-
* [to support accessibility](https://developer.blackbaud.com/skyux/learn/accessibility).
|
|
30
|
-
* If the tabset does not include a visible label, use `ariaLabel` instead.
|
|
31
|
-
* For more information about the `aria-labelledby` attribute, see the [WAI-ARIA definition](https://www.w3.org/TR/wai-aria/#aria-labelledby).
|
|
32
|
-
*/
|
|
33
|
-
ariaLabelledBy: string | undefined;
|
|
34
|
-
/**
|
|
35
|
-
* Distinguishes a tabset's unique state in the URL by generating a query parameter
|
|
36
|
-
* that is written as `?<queryParam>-active-tab=<sanitized-tab-heading>`.
|
|
37
|
-
* The query parameter's value is parsed automatically from the selected tab's heading text,
|
|
38
|
-
* but you can supply a custom query parameter value for each tab with its `permalinkValue`.
|
|
39
|
-
* This input only applies when `tabStyle` is `"tabs"`
|
|
40
|
-
*/
|
|
41
|
-
set permalinkId(value: string | undefined);
|
|
42
|
-
get permalinkId(): string;
|
|
43
|
-
/**
|
|
44
|
-
* The behavior for a series of tabs.
|
|
45
|
-
* @default "tabs"
|
|
46
|
-
*/
|
|
47
|
-
set tabStyle(value: SkyTabsetStyle | undefined);
|
|
48
|
-
get tabStyle(): SkyTabsetStyle;
|
|
49
|
-
get dataTabStyle(): string;
|
|
50
|
-
/**
|
|
51
|
-
* Fires when the active tab changes. This event emits the index of the active tab.
|
|
52
|
-
*/
|
|
53
|
-
activeChange: EventEmitter<SkyTabIndex>;
|
|
54
|
-
/**
|
|
55
|
-
* Fires when users click the button to add a new tab.
|
|
56
|
-
* The new tab button is added to the tab area when you specify a listener for this event.
|
|
57
|
-
* This event only applies when `tabStyle` is `"tabs"`.
|
|
58
|
-
*/
|
|
59
|
-
newTab: EventEmitter<void>;
|
|
60
|
-
/**
|
|
61
|
-
* Fires when users click the button to open a tab.
|
|
62
|
-
* The open tab button is added to the tab area when you specify a listener for this event.
|
|
63
|
-
* This event only applies when `tabStyle` is `"tabs"`.
|
|
64
|
-
*/
|
|
65
|
-
openTab: EventEmitter<void>;
|
|
66
|
-
/**
|
|
67
|
-
* Fires when any tab's `tabIndex` value changes.
|
|
68
|
-
* This event only applies when `tabStyle` is `"tabs"`.
|
|
69
|
-
*/
|
|
70
|
-
tabIndexesChange: EventEmitter<SkyTabsetTabIndexesChange>;
|
|
71
|
-
set tabDisplayMode(value: SkyTabsetButtonsDisplayMode);
|
|
72
|
-
get tabDisplayMode(): SkyTabsetButtonsDisplayMode;
|
|
73
|
-
set tabs(value: QueryList<SkyTabComponent> | undefined);
|
|
74
|
-
get tabs(): QueryList<SkyTabComponent> | undefined;
|
|
75
|
-
cssClass: string;
|
|
76
|
-
dropdownTriggerButtonText: string;
|
|
77
|
-
/**
|
|
78
|
-
* This property is used by the deprecated tabset-nav-button component.
|
|
79
|
-
* @internal
|
|
80
|
-
*/
|
|
81
|
-
lastActiveTabIndex: SkyTabIndex | undefined;
|
|
82
|
-
tabButtons: TabButtonViewModel[];
|
|
83
|
-
constructor(changeDetector: ChangeDetectorRef, elementRef: ElementRef, adapterService: SkyTabsetAdapterService, permalinkService: SkyTabsetPermalinkService, tabsetService: SkyTabsetService);
|
|
84
|
-
ngAfterViewInit(): void;
|
|
85
|
-
ngOnDestroy(): void;
|
|
86
|
-
onWindowResize(): void;
|
|
87
|
-
onTabCloseClick(tabButton: TabButtonViewModel): void;
|
|
88
|
-
onTabButtonClick(tabButton: TabButtonViewModel): void;
|
|
89
|
-
onNewTabClick(): void;
|
|
90
|
-
onOpenTabClick(): void;
|
|
91
|
-
onRightKeyDown(): void;
|
|
92
|
-
onLeftKeyDown(): void;
|
|
93
|
-
onHomeKeyDown(): void;
|
|
94
|
-
onEndKeyDown(): void;
|
|
95
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<SkyTabsetComponent, never>;
|
|
96
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<SkyTabsetComponent, "sky-tabset", never, { "active": { "alias": "active"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; }; "permalinkId": { "alias": "permalinkId"; "required": false; }; "tabStyle": { "alias": "tabStyle"; "required": false; }; }, { "activeChange": "activeChange"; "newTab": "newTab"; "openTab": "openTab"; "tabIndexesChange": "tabIndexesChange"; }, ["tabs"], ["*"], false, never>;
|
|
97
|
-
}
|
|
@@ -1,65 +0,0 @@
|
|
|
1
|
-
import { OnDestroy } from '@angular/core';
|
|
2
|
-
import { Observable } from 'rxjs';
|
|
3
|
-
import { TabButtonViewModel } from './tab-button-view-model';
|
|
4
|
-
import { SkyTabIndex } from './tab-index';
|
|
5
|
-
import { SkyTabLayoutType } from './tab-layout-type';
|
|
6
|
-
import { SkyTabsetActiveTabChangeArgs } from './tabset-active-tab-change-args';
|
|
7
|
-
import { SkyTabsetActiveTabUnregisteredArgs } from './tabset-active-tab-unregistered-args';
|
|
8
|
-
import * as i0 from "@angular/core";
|
|
9
|
-
/**
|
|
10
|
-
* @internal
|
|
11
|
-
*/
|
|
12
|
-
export declare class SkyTabsetService implements OnDestroy {
|
|
13
|
-
#private;
|
|
14
|
-
readonly activeTabUnregistered: Observable<SkyTabsetActiveTabUnregisteredArgs>;
|
|
15
|
-
readonly activeTabChange: Observable<SkyTabsetActiveTabChangeArgs>;
|
|
16
|
-
readonly focusedTabBtnIndex: Observable<SkyTabIndex>;
|
|
17
|
-
readonly activeTabLayout: Observable<SkyTabLayoutType>;
|
|
18
|
-
currentActiveTabIndex: SkyTabIndex | undefined;
|
|
19
|
-
currentFocusedTabBtnIndex: SkyTabIndex;
|
|
20
|
-
constructor();
|
|
21
|
-
ngOnDestroy(): void;
|
|
22
|
-
/**
|
|
23
|
-
* Sets the active tab by its unique `tabIndex` property.
|
|
24
|
-
*/
|
|
25
|
-
setActiveTabIndex(value: SkyTabsetActiveTabChangeArgs, config?: {
|
|
26
|
-
emitChange: boolean;
|
|
27
|
-
}): void;
|
|
28
|
-
focusNextTabBtn(tabButtons: TabButtonViewModel[]): void;
|
|
29
|
-
focusPrevTabBtn(tabButtons: TabButtonViewModel[]): void;
|
|
30
|
-
focusFirstOrNearestTabBtn(tabButtons: TabButtonViewModel[]): void;
|
|
31
|
-
focusLastOrNearestTabBtn(tabButtons: TabButtonViewModel[]): void;
|
|
32
|
-
setFocusedTabBtnIndex(tabIndex: SkyTabIndex): void;
|
|
33
|
-
/**
|
|
34
|
-
* Registers a tab component.
|
|
35
|
-
*/
|
|
36
|
-
registerTab(tabIndex?: SkyTabIndex): SkyTabIndex;
|
|
37
|
-
updateTabIndex(currentTabIndex: SkyTabIndex, newTabIndex: SkyTabIndex): void;
|
|
38
|
-
updateActiveTabLayout(layout: SkyTabLayoutType): void;
|
|
39
|
-
/**
|
|
40
|
-
* Unregisters a tab component.
|
|
41
|
-
*/
|
|
42
|
-
unregisterTab(tabIndex: SkyTabIndex): void;
|
|
43
|
-
/**
|
|
44
|
-
* Unregisters all tab components at once.
|
|
45
|
-
*/
|
|
46
|
-
unregisterAll(): void;
|
|
47
|
-
/**
|
|
48
|
-
* Compares two tab indexes and returns `true` if they are equal.
|
|
49
|
-
*/
|
|
50
|
-
tabIndexesEqual(tabIndex1: SkyTabIndex | undefined, tabIndex2: SkyTabIndex | undefined): boolean;
|
|
51
|
-
/**
|
|
52
|
-
* Verifies if a provided tab index is registered.
|
|
53
|
-
*/
|
|
54
|
-
isValidTabIndex(tabIndex: SkyTabIndex): boolean;
|
|
55
|
-
/**
|
|
56
|
-
* Activates the first registered tab.
|
|
57
|
-
*/
|
|
58
|
-
activateFirstTab(): SkyTabIndex | undefined;
|
|
59
|
-
/**
|
|
60
|
-
* Activates the next registered tab, or the previous one based on a provided array index.
|
|
61
|
-
*/
|
|
62
|
-
activateNearestTab(arrayIndex: number): void;
|
|
63
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<SkyTabsetService, never>;
|
|
64
|
-
static ɵprov: i0.ɵɵInjectableDeclaration<SkyTabsetService>;
|
|
65
|
-
}
|