@skyux/tabs 6.16.0 → 7.0.0-alpha.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/documentation.json +1025 -471
- package/esm2020/lib/modules/sectioned-form/sectioned-form-section.component.mjs +5 -5
- package/esm2020/lib/modules/sectioned-form/sectioned-form.component.mjs +4 -4
- package/esm2020/lib/modules/sectioned-form/sectioned-form.module.mjs +8 -10
- package/esm2020/lib/modules/sectioned-form/sectioned-form.service.mjs +3 -3
- package/esm2020/lib/modules/shared/sky-tabs-resources.module.mjs +6 -5
- package/esm2020/lib/modules/tabs/tab-button.component.mjs +5 -5
- package/esm2020/lib/modules/tabs/tab.component.mjs +3 -3
- package/esm2020/lib/modules/tabs/tabs.module.mjs +11 -13
- package/esm2020/lib/modules/tabs/tabset-adapter.service.mjs +3 -3
- package/esm2020/lib/modules/tabs/tabset-nav-button-type.mjs +2 -0
- package/esm2020/lib/modules/tabs/tabset-nav-button.component.mjs +132 -89
- package/esm2020/lib/modules/tabs/tabset-permalink.service.mjs +3 -3
- package/esm2020/lib/modules/tabs/tabset.component.mjs +20 -10
- package/esm2020/lib/modules/tabs/tabset.service.mjs +3 -3
- package/esm2020/lib/modules/vertical-tabset/vertical-tab-media-query.service.mjs +3 -3
- package/esm2020/lib/modules/vertical-tabset/vertical-tab.component.mjs +6 -6
- package/esm2020/lib/modules/vertical-tabset/vertical-tabset-adapter.service.mjs +3 -3
- package/esm2020/lib/modules/vertical-tabset/vertical-tabset-group.component.mjs +7 -7
- package/esm2020/lib/modules/vertical-tabset/vertical-tabset.component.mjs +7 -7
- package/esm2020/lib/modules/vertical-tabset/vertical-tabset.module.mjs +11 -13
- package/esm2020/lib/modules/vertical-tabset/vertical-tabset.service.mjs +3 -3
- package/esm2020/testing/tabs/tab-fixture-tab.mjs +1 -1
- package/esm2020/testing/tabs/tabset-fixture.mjs +2 -1
- package/fesm2015/skyux-tabs-testing.mjs +1 -0
- package/fesm2015/skyux-tabs-testing.mjs.map +1 -1
- package/fesm2015/skyux-tabs.mjs +221 -173
- package/fesm2015/skyux-tabs.mjs.map +1 -1
- package/fesm2020/skyux-tabs-testing.mjs +1 -0
- package/fesm2020/skyux-tabs-testing.mjs.map +1 -1
- package/fesm2020/skyux-tabs.mjs +219 -173
- package/fesm2020/skyux-tabs.mjs.map +1 -1
- package/lib/modules/sectioned-form/sectioned-form-section.component.d.ts +1 -1
- package/lib/modules/sectioned-form/sectioned-form.component.d.ts +1 -1
- package/lib/modules/tabs/tab-button.component.d.ts +1 -1
- package/lib/modules/tabs/tab.component.d.ts +1 -1
- package/lib/modules/tabs/tabset-nav-button-type.d.ts +4 -0
- package/lib/modules/tabs/tabset-nav-button.component.d.ts +34 -21
- package/lib/modules/tabs/tabset.component.d.ts +4 -1
- package/lib/modules/vertical-tabset/vertical-tab.component.d.ts +1 -1
- package/lib/modules/vertical-tabset/vertical-tabset-group.component.d.ts +1 -1
- package/lib/modules/vertical-tabset/vertical-tabset.component.d.ts +1 -1
- package/package.json +17 -17
- package/testing/{skyux-tabs-testing.d.ts → index.d.ts} +0 -0
- package/testing/tabs/tab-fixture-tab.d.ts +1 -0
- package/testing/tabs/tabset-fixture.d.ts +1 -0
- package/skyux-tabs.d.ts +0 -5
- package/testing/package.json +0 -10
|
@@ -35,5 +35,5 @@ export declare class SkySectionedFormSectionComponent implements OnInit, OnDestr
|
|
|
35
35
|
ngOnInit(): void;
|
|
36
36
|
ngOnDestroy(): void;
|
|
37
37
|
static ɵfac: i0.ɵɵFactoryDeclaration<SkySectionedFormSectionComponent, never>;
|
|
38
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<SkySectionedFormSectionComponent, "sky-sectioned-form-section", never, { "heading": "heading"; "itemCount": "itemCount"; "active": "active"; }, {}, never, ["*"]>;
|
|
38
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<SkySectionedFormSectionComponent, "sky-sectioned-form-section", never, { "heading": "heading"; "itemCount": "itemCount"; "active": "active"; }, {}, never, ["*"], false>;
|
|
39
39
|
}
|
|
@@ -29,5 +29,5 @@ export declare class SkySectionedFormComponent implements OnInit, OnDestroy, Aft
|
|
|
29
29
|
tabsVisible(): boolean;
|
|
30
30
|
showTabs(): void;
|
|
31
31
|
static ɵfac: i0.ɵɵFactoryDeclaration<SkySectionedFormComponent, never>;
|
|
32
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<SkySectionedFormComponent, "sky-sectioned-form", never, { "maintainSectionContent": "maintainSectionContent"; }, { "indexChanged": "indexChanged"; }, never, ["*"]>;
|
|
32
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<SkySectionedFormComponent, "sky-sectioned-form", never, { "maintainSectionContent": "maintainSectionContent"; }, { "indexChanged": "indexChanged"; }, never, ["*"], false>;
|
|
33
33
|
}
|
|
@@ -20,5 +20,5 @@ export declare class SkyTabButtonComponent {
|
|
|
20
20
|
onTabButtonKeyDown(event: KeyboardEvent): void;
|
|
21
21
|
onCloseClick(event: any): void;
|
|
22
22
|
static ɵfac: i0.ɵɵFactoryDeclaration<SkyTabButtonComponent, never>;
|
|
23
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<SkyTabButtonComponent, "sky-tab-button", never, { "active": "active"; "ariaControls": "ariaControls"; "buttonHref": "buttonHref"; "buttonId": "buttonId"; "buttonText": "buttonText"; "buttonTextCount": "buttonTextCount"; "closeable": "closeable"; "disabled": "disabled"; "tabStyle": "tabStyle"; }, { "buttonClick": "buttonClick"; "closeClick": "closeClick"; }, never, never>;
|
|
23
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<SkyTabButtonComponent, "sky-tab-button", never, { "active": "active"; "ariaControls": "ariaControls"; "buttonHref": "buttonHref"; "buttonId": "buttonId"; "buttonText": "buttonText"; "buttonTextCount": "buttonTextCount"; "closeable": "closeable"; "disabled": "disabled"; "tabStyle": "tabStyle"; }, { "buttonClick": "buttonClick"; "closeClick": "closeClick"; }, never, never, false>;
|
|
24
24
|
}
|
|
@@ -79,5 +79,5 @@ export declare class SkyTabComponent implements OnChanges, OnDestroy {
|
|
|
79
79
|
activate(): void;
|
|
80
80
|
deactivate(): void;
|
|
81
81
|
static ɵfac: i0.ɵɵFactoryDeclaration<SkyTabComponent, never>;
|
|
82
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<SkyTabComponent, "sky-tab", never, { "active": "active"; "disabled": "disabled"; "permalinkValue": "permalinkValue"; "tabHeaderCount": "tabHeaderCount"; "tabHeading": "tabHeading"; "tabIndex": "tabIndex"; }, { "close": "close"; }, never, ["*"]>;
|
|
82
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<SkyTabComponent, "sky-tab", never, { "active": "active"; "disabled": "disabled"; "permalinkValue": "permalinkValue"; "tabHeaderCount": "tabHeaderCount"; "tabHeading": "tabHeading"; "tabIndex": "tabIndex"; }, { "close": "close"; }, never, ["*"], false>;
|
|
83
83
|
}
|
|
@@ -1,27 +1,40 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
1
|
+
import { OnDestroy } from '@angular/core';
|
|
2
|
+
import { SkyLogService } from '@skyux/core';
|
|
3
|
+
import { SkyTabsetNavButtonType } from './tabset-nav-button-type';
|
|
3
4
|
import { SkyTabsetComponent } from './tabset.component';
|
|
4
5
|
import * as i0 from "@angular/core";
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
tabset: SkyTabsetComponent;
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
6
|
+
export declare class SkyTabsetNavButtonComponent implements OnDestroy {
|
|
7
|
+
#private;
|
|
8
|
+
/**
|
|
9
|
+
* Specifies the tabset wizard component to associate with the nav button.
|
|
10
|
+
* @required
|
|
11
|
+
*/
|
|
12
|
+
set tabset(value: SkyTabsetComponent);
|
|
13
|
+
/**
|
|
14
|
+
* Specifies the type of nav button to include.
|
|
15
|
+
* @required
|
|
16
|
+
*/
|
|
17
|
+
get buttonType(): SkyTabsetNavButtonType | string;
|
|
18
|
+
set buttonType(value: SkyTabsetNavButtonType | string);
|
|
19
|
+
/**
|
|
20
|
+
* Specifies the label to display on the nav button. The following are the defaults for each `buttonType`.
|
|
21
|
+
* `next` = "Next", `previous` = "Previous", `finish` = "Finish"
|
|
22
|
+
*/
|
|
23
|
+
buttonText?: string | undefined;
|
|
24
|
+
/**
|
|
25
|
+
* Indicates whether to disable the nav button.
|
|
26
|
+
* Defaults to the disabled state of the next tab for `next`, the existence of a previous tab for `previous`,
|
|
27
|
+
* and false for `finish`.
|
|
28
|
+
*/
|
|
29
|
+
set disabled(value: boolean);
|
|
15
30
|
get disabled(): boolean;
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
constructor(resourceService: SkyLibResourcesService, changeDetector: ChangeDetectorRef);
|
|
23
|
-
ngAfterViewInit(): void;
|
|
31
|
+
buttonClassName: string | undefined;
|
|
32
|
+
isVisible: boolean;
|
|
33
|
+
type: 'submit' | 'button';
|
|
34
|
+
ariaControls: string | undefined;
|
|
35
|
+
constructor(logger: SkyLogService);
|
|
36
|
+
ngOnDestroy(): void;
|
|
24
37
|
buttonClick(): void;
|
|
25
38
|
static ɵfac: i0.ɵɵFactoryDeclaration<SkyTabsetNavButtonComponent, never>;
|
|
26
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<SkyTabsetNavButtonComponent, "sky-tabset-nav-button", never, { "tabset": "tabset"; "buttonType": "buttonType"; "buttonText": "buttonText"; }, {}, never, never>;
|
|
39
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<SkyTabsetNavButtonComponent, "sky-tabset-nav-button", never, { "tabset": "tabset"; "buttonType": "buttonType"; "buttonText": "buttonText"; "disabled": "disabled"; }, {}, never, never, false>;
|
|
27
40
|
}
|
|
@@ -23,6 +23,7 @@ interface TabButtonViewModel {
|
|
|
23
23
|
tabIndex: SkyTabIndex;
|
|
24
24
|
}
|
|
25
25
|
export declare class SkyTabsetComponent implements AfterViewInit, OnDestroy {
|
|
26
|
+
#private;
|
|
26
27
|
private changeDetector;
|
|
27
28
|
private elementRef;
|
|
28
29
|
private adapterService;
|
|
@@ -84,6 +85,8 @@ export declare class SkyTabsetComponent implements AfterViewInit, OnDestroy {
|
|
|
84
85
|
tabIndexesChange: EventEmitter<SkyTabsetTabIndexesChange>;
|
|
85
86
|
set tabDisplayMode(value: SkyTabsetButtonsDisplayMode);
|
|
86
87
|
get tabDisplayMode(): SkyTabsetButtonsDisplayMode;
|
|
88
|
+
get hasFinishButton(): boolean;
|
|
89
|
+
set hasFinishButton(value: boolean);
|
|
87
90
|
tabs: QueryList<SkyTabComponent>;
|
|
88
91
|
dropdownTriggerButtonText: string;
|
|
89
92
|
/**
|
|
@@ -141,6 +144,6 @@ export declare class SkyTabsetComponent implements AfterViewInit, OnDestroy {
|
|
|
141
144
|
*/
|
|
142
145
|
private updateTabsetComponent;
|
|
143
146
|
static ɵfac: i0.ɵɵFactoryDeclaration<SkyTabsetComponent, never>;
|
|
144
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<SkyTabsetComponent, "sky-tabset", never, { "active": "active"; "ariaLabel": "ariaLabel"; "ariaLabelledBy": "ariaLabelledBy"; "permalinkId": "permalinkId"; "tabStyle": "tabStyle"; }, { "activeChange": "activeChange"; "newTab": "newTab"; "openTab": "openTab"; "tabIndexesChange": "tabIndexesChange"; }, ["tabs"], ["*"]>;
|
|
147
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<SkyTabsetComponent, "sky-tabset", never, { "active": "active"; "ariaLabel": "ariaLabel"; "ariaLabelledBy": "ariaLabelledBy"; "permalinkId": "permalinkId"; "tabStyle": "tabStyle"; }, { "activeChange": "activeChange"; "newTab": "newTab"; "openTab": "openTab"; "tabIndexesChange": "tabIndexesChange"; }, ["tabs"], ["*"], false>;
|
|
145
148
|
}
|
|
146
149
|
export {};
|
|
@@ -80,5 +80,5 @@ export declare class SkyVerticalTabComponent implements OnInit, OnDestroy {
|
|
|
80
80
|
tabDeactivated(): void;
|
|
81
81
|
private updateBreakpointAndResponsiveClass;
|
|
82
82
|
static ɵfac: i0.ɵɵFactoryDeclaration<SkyVerticalTabComponent, never>;
|
|
83
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<SkyVerticalTabComponent, "sky-vertical-tab", never, { "active": "active"; "ariaControls": "ariaControls"; "ariaRole": "ariaRole"; "disabled": "disabled"; "errorIndicator": "errorIndicator"; "tabHeaderCount": "tabHeaderCount"; "tabHeading": "tabHeading"; "showTabRightArrow": "showTabRightArrow"; "tabId": "tabId"; }, {}, never, ["*"]>;
|
|
83
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<SkyVerticalTabComponent, "sky-vertical-tab", never, { "active": "active"; "ariaControls": "ariaControls"; "ariaRole": "ariaRole"; "disabled": "disabled"; "errorIndicator": "errorIndicator"; "tabHeaderCount": "tabHeaderCount"; "tabHeading": "tabHeading"; "showTabRightArrow": "showTabRightArrow"; "tabId": "tabId"; }, {}, never, ["*"], false>;
|
|
84
84
|
}
|
|
@@ -32,5 +32,5 @@ export declare class SkyVerticalTabsetGroupComponent implements OnInit, OnDestro
|
|
|
32
32
|
tabsHidden: () => void;
|
|
33
33
|
tabsShown: () => void;
|
|
34
34
|
static ɵfac: i0.ɵɵFactoryDeclaration<SkyVerticalTabsetGroupComponent, never>;
|
|
35
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<SkyVerticalTabsetGroupComponent, "sky-vertical-tabset-group", never, { "disabled": "disabled"; "groupHeading": "groupHeading"; "open": "open"; }, {}, ["tabs"], ["*"]>;
|
|
35
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<SkyVerticalTabsetGroupComponent, "sky-vertical-tabset-group", never, { "disabled": "disabled"; "groupHeading": "groupHeading"; "open": "open"; }, {}, ["tabs"], ["*"], false>;
|
|
36
36
|
}
|
|
@@ -59,5 +59,5 @@ export declare class SkyVerticalTabsetComponent implements OnInit, AfterViewChec
|
|
|
59
59
|
ngAfterViewChecked(): void;
|
|
60
60
|
ngOnDestroy(): void;
|
|
61
61
|
static ɵfac: i0.ɵɵFactoryDeclaration<SkyVerticalTabsetComponent, never>;
|
|
62
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<SkyVerticalTabsetComponent, "sky-vertical-tabset", never, { "showTabsText": "showTabsText"; "ariaLabel": "ariaLabel"; "ariaLabelledBy": "ariaLabelledBy"; "ariaRole": "ariaRole"; "maintainTabContent": "maintainTabContent"; }, { "activeChange": "activeChange"; }, never, ["*"]>;
|
|
62
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<SkyVerticalTabsetComponent, "sky-vertical-tabset", never, { "showTabsText": "showTabsText"; "ariaLabel": "ariaLabel"; "ariaLabelledBy": "ariaLabelledBy"; "ariaRole": "ariaRole"; "maintainTabContent": "maintainTabContent"; }, { "activeChange": "activeChange"; }, never, ["*"], false>;
|
|
63
63
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@skyux/tabs",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "7.0.0-alpha.0",
|
|
4
4
|
"author": "Blackbaud, Inc.",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"blackbaud",
|
|
@@ -20,7 +20,7 @@
|
|
|
20
20
|
"default": "./package.json"
|
|
21
21
|
},
|
|
22
22
|
".": {
|
|
23
|
-
"types": "./
|
|
23
|
+
"types": "./index.d.ts",
|
|
24
24
|
"esm2020": "./esm2020/skyux-tabs.mjs",
|
|
25
25
|
"es2020": "./fesm2020/skyux-tabs.mjs",
|
|
26
26
|
"es2015": "./fesm2015/skyux-tabs.mjs",
|
|
@@ -28,7 +28,7 @@
|
|
|
28
28
|
"default": "./fesm2020/skyux-tabs.mjs"
|
|
29
29
|
},
|
|
30
30
|
"./testing": {
|
|
31
|
-
"types": "./testing/
|
|
31
|
+
"types": "./testing/index.d.ts",
|
|
32
32
|
"esm2020": "./esm2020/testing/skyux-tabs-testing.mjs",
|
|
33
33
|
"es2020": "./fesm2020/skyux-tabs-testing.mjs",
|
|
34
34
|
"es2015": "./fesm2015/skyux-tabs-testing.mjs",
|
|
@@ -40,19 +40,19 @@
|
|
|
40
40
|
}
|
|
41
41
|
},
|
|
42
42
|
"peerDependencies": {
|
|
43
|
-
"@angular/animations": "^
|
|
44
|
-
"@angular/common": "^
|
|
45
|
-
"@angular/core": "^
|
|
46
|
-
"@angular/platform-browser": "^
|
|
47
|
-
"@angular/router": "^
|
|
48
|
-
"@skyux-sdk/testing": "
|
|
49
|
-
"@skyux/animations": "
|
|
50
|
-
"@skyux/core": "
|
|
51
|
-
"@skyux/forms": "
|
|
52
|
-
"@skyux/i18n": "
|
|
53
|
-
"@skyux/indicators": "
|
|
54
|
-
"@skyux/popovers": "
|
|
55
|
-
"@skyux/theme": "
|
|
43
|
+
"@angular/animations": "^14.2.0",
|
|
44
|
+
"@angular/common": "^14.2.0",
|
|
45
|
+
"@angular/core": "^14.2.0",
|
|
46
|
+
"@angular/platform-browser": "^14.2.0",
|
|
47
|
+
"@angular/router": "^14.2.0",
|
|
48
|
+
"@skyux-sdk/testing": "7.0.0-alpha.0",
|
|
49
|
+
"@skyux/animations": "7.0.0-alpha.0",
|
|
50
|
+
"@skyux/core": "7.0.0-alpha.0",
|
|
51
|
+
"@skyux/forms": "7.0.0-alpha.0",
|
|
52
|
+
"@skyux/i18n": "7.0.0-alpha.0",
|
|
53
|
+
"@skyux/indicators": "7.0.0-alpha.0",
|
|
54
|
+
"@skyux/popovers": "7.0.0-alpha.0",
|
|
55
|
+
"@skyux/theme": "7.0.0-alpha.0"
|
|
56
56
|
},
|
|
57
57
|
"dependencies": {
|
|
58
58
|
"tslib": "^2.3.1"
|
|
@@ -62,6 +62,6 @@
|
|
|
62
62
|
"esm2020": "esm2020/skyux-tabs.mjs",
|
|
63
63
|
"fesm2020": "fesm2020/skyux-tabs.mjs",
|
|
64
64
|
"fesm2015": "fesm2015/skyux-tabs.mjs",
|
|
65
|
-
"typings": "
|
|
65
|
+
"typings": "index.d.ts",
|
|
66
66
|
"sideEffects": false
|
|
67
67
|
}
|
|
File without changes
|
package/skyux-tabs.d.ts
DELETED
package/testing/package.json
DELETED
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"module": "../fesm2015/skyux-tabs-testing.mjs",
|
|
3
|
-
"es2020": "../fesm2020/skyux-tabs-testing.mjs",
|
|
4
|
-
"esm2020": "../esm2020/testing/skyux-tabs-testing.mjs",
|
|
5
|
-
"fesm2020": "../fesm2020/skyux-tabs-testing.mjs",
|
|
6
|
-
"fesm2015": "../fesm2015/skyux-tabs-testing.mjs",
|
|
7
|
-
"typings": "skyux-tabs-testing.d.ts",
|
|
8
|
-
"sideEffects": false,
|
|
9
|
-
"name": "@skyux/tabs/testing"
|
|
10
|
-
}
|