@skyux/tabs 4.6.9 → 5.0.0-beta.4
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/LICENSE +21 -0
- package/bundles/skyux-tabs-testing.umd.js +324 -221
- package/bundles/skyux-tabs-testing.umd.js.map +1 -1
- package/bundles/skyux-tabs.umd.js +657 -782
- package/bundles/skyux-tabs.umd.js.map +1 -1
- package/documentation.json +5509 -0
- package/esm2015/modules/sectioned-form/sectioned-form-section.component.js +29 -32
- package/esm2015/modules/sectioned-form/sectioned-form.component.js +52 -41
- package/esm2015/modules/sectioned-form/sectioned-form.module.js +30 -19
- package/esm2015/modules/sectioned-form/sectioned-form.service.js +9 -8
- package/esm2015/modules/shared/sky-tabs-resources.module.js +41 -0
- package/esm2015/modules/tabs/tab-button.component.js +41 -47
- package/esm2015/modules/tabs/tab-index.js +2 -1
- package/esm2015/modules/tabs/tab.component.js +31 -41
- package/esm2015/modules/tabs/tabs.module.js +45 -23
- package/esm2015/modules/tabs/tabset-active-tab-unregistered-args.js +2 -1
- package/esm2015/modules/tabs/tabset-adapter.service.js +9 -8
- package/esm2015/modules/tabs/tabset-buttons-display-mode.js +2 -1
- package/esm2015/modules/tabs/tabset-nav-button.component.js +21 -26
- package/esm2015/modules/tabs/tabset-permalink.service.js +11 -15
- package/esm2015/modules/tabs/tabset-style.js +2 -1
- package/esm2015/modules/tabs/tabset-tab-indexes-change.js +2 -1
- package/esm2015/modules/tabs/tabset.component.js +56 -57
- package/esm2015/modules/tabs/tabset.service.js +10 -8
- package/esm2015/modules/vertical-tabset/vertical-tab-media-query.service.js +9 -8
- package/esm2015/modules/vertical-tabset/vertical-tab.component.js +57 -65
- package/esm2015/modules/vertical-tabset/vertical-tabset-adapter.service.js +10 -12
- package/esm2015/modules/vertical-tabset/vertical-tabset-group.component.js +75 -54
- package/esm2015/modules/vertical-tabset/vertical-tabset.component.js +70 -57
- package/esm2015/modules/vertical-tabset/vertical-tabset.module.js +47 -30
- package/esm2015/modules/vertical-tabset/vertical-tabset.service.js +19 -16
- package/esm2015/public-api.js +23 -0
- package/esm2015/skyux-tabs.js +2 -18
- package/esm2015/testing/public-api.js +3 -0
- package/esm2015/testing/skyux-tabs-testing.js +2 -2
- package/esm2015/testing/tabs/tab-fixture-tab.js +2 -1
- package/esm2015/testing/tabs/tabset-fixture.js +1 -1
- package/fesm2015/skyux-tabs-testing.js.map +1 -1
- package/fesm2015/skyux-tabs.js +596 -518
- package/fesm2015/skyux-tabs.js.map +1 -1
- package/modules/sectioned-form/sectioned-form-section.component.d.ts +3 -0
- package/modules/sectioned-form/sectioned-form.component.d.ts +3 -0
- package/modules/sectioned-form/sectioned-form.module.d.ts +9 -0
- package/modules/sectioned-form/sectioned-form.service.d.ts +3 -0
- package/modules/shared/sky-tabs-resources.module.d.ts +14 -0
- package/modules/tabs/tab-button.component.d.ts +4 -1
- package/modules/tabs/tab.component.d.ts +4 -1
- package/modules/tabs/tabs.module.d.ts +15 -0
- package/modules/tabs/tabset-adapter.service.d.ts +3 -0
- package/modules/tabs/tabset-nav-button.component.d.ts +3 -0
- package/modules/tabs/tabset-permalink.service.d.ts +3 -0
- package/modules/tabs/tabset.component.d.ts +4 -1
- package/modules/tabs/tabset.service.d.ts +3 -0
- package/modules/vertical-tabset/vertical-tab-media-query.service.d.ts +3 -0
- package/modules/vertical-tabset/vertical-tab.component.d.ts +3 -0
- package/modules/vertical-tabset/vertical-tabset-adapter.service.d.ts +3 -0
- package/modules/vertical-tabset/vertical-tabset-group.component.d.ts +3 -0
- package/modules/vertical-tabset/vertical-tabset.component.d.ts +3 -0
- package/modules/vertical-tabset/vertical-tabset.module.d.ts +11 -0
- package/modules/vertical-tabset/vertical-tabset.service.d.ts +3 -0
- package/package.json +14 -29
- package/public-api.d.ts +16 -0
- package/skyux-tabs.d.ts +2 -17
- package/testing/package.json +2 -5
- package/testing/{public_api.d.ts → public-api.d.ts} +0 -0
- package/testing/skyux-tabs-testing.d.ts +2 -1
- package/CHANGELOG.md +0 -218
- package/bundles/skyux-tabs-testing.umd.min.js +0 -16
- package/bundles/skyux-tabs-testing.umd.min.js.map +0 -1
- package/bundles/skyux-tabs.umd.min.js +0 -16
- package/bundles/skyux-tabs.umd.min.js.map +0 -1
- package/esm2015/modules/shared/tabs-resources.module.js +0 -17
- package/esm2015/plugin-resources/tabs-resources-provider.js +0 -16
- package/esm2015/public_api.js +0 -10
- package/esm2015/testing/public_api.js +0 -2
- package/esm5/modules/sectioned-form/sectioned-form-section.component.js +0 -84
- package/esm5/modules/sectioned-form/sectioned-form.component.js +0 -111
- package/esm5/modules/sectioned-form/sectioned-form.module.js +0 -31
- package/esm5/modules/sectioned-form/sectioned-form.service.js +0 -35
- package/esm5/modules/shared/tabs-resources.module.js +0 -20
- package/esm5/modules/tabs/tab-button.component.js +0 -72
- package/esm5/modules/tabs/tab-index.js +0 -1
- package/esm5/modules/tabs/tab.component.js +0 -173
- package/esm5/modules/tabs/tabs.module.js +0 -44
- package/esm5/modules/tabs/tabset-active-tab-unregistered-args.js +0 -1
- package/esm5/modules/tabs/tabset-adapter.service.js +0 -58
- package/esm5/modules/tabs/tabset-buttons-display-mode.js +0 -1
- package/esm5/modules/tabs/tabset-nav-button.component.js +0 -145
- package/esm5/modules/tabs/tabset-permalink.service.js +0 -129
- package/esm5/modules/tabs/tabset-style.js +0 -1
- package/esm5/modules/tabs/tabset-tab-indexes-change.js +0 -1
- package/esm5/modules/tabs/tabset.component.js +0 -434
- package/esm5/modules/tabs/tabset.service.js +0 -122
- package/esm5/modules/vertical-tabset/vertical-tab-media-query.service.js +0 -76
- package/esm5/modules/vertical-tabset/vertical-tab.component.js +0 -214
- package/esm5/modules/vertical-tabset/vertical-tabset-adapter.service.js +0 -51
- package/esm5/modules/vertical-tabset/vertical-tabset-group.component.js +0 -119
- package/esm5/modules/vertical-tabset/vertical-tabset.component.js +0 -145
- package/esm5/modules/vertical-tabset/vertical-tabset.module.js +0 -46
- package/esm5/modules/vertical-tabset/vertical-tabset.service.js +0 -176
- package/esm5/plugin-resources/tabs-resources-provider.js +0 -17
- package/esm5/public_api.js +0 -10
- package/esm5/skyux-tabs.js +0 -21
- package/esm5/testing/public_api.js +0 -2
- package/esm5/testing/skyux-tabs-testing.js +0 -5
- package/esm5/testing/tabs/tab-fixture-tab.js +0 -1
- package/esm5/testing/tabs/tabset-fixture.js +0 -168
- package/fesm5/skyux-tabs-testing.js +0 -174
- package/fesm5/skyux-tabs-testing.js.map +0 -1
- package/fesm5/skyux-tabs.js +0 -2182
- package/fesm5/skyux-tabs.js.map +0 -1
- package/modules/shared/tabs-resources.module.d.ts +0 -2
- package/plugin-resources/tabs-resources-provider.d.ts +0 -5
- package/public_api.d.ts +0 -9
- package/skyux-tabs.metadata.json +0 -1
- package/src/assets/img/guidelines/tabs/tabs-anatomy.png +0 -0
- package/src/assets/img/guidelines/tabs/tabs-behavior-1.png +0 -0
- package/src/assets/img/guidelines/tabs/tabs-layout-1.png +0 -0
- package/src/assets/img/guidelines/tabs/tabs-layout-2.png +0 -0
- package/src/assets/img/guidelines/tabs/tabs-layout-3.png +0 -0
- package/src/assets/img/guidelines/tabs/tabs-layout-4.png +0 -0
- package/src/assets/img/guidelines/tabs/tabs-options-1.png +0 -0
- package/src/assets/img/guidelines/tabs/tabs-options-2.png +0 -0
- package/src/assets/img/guidelines/tabs/tabs-state-collapsed-closed.png +0 -0
- package/src/assets/img/guidelines/tabs/tabs-state-collapsed-open.png +0 -0
- package/src/assets/img/guidelines/tabs/tabs-state-hover.png +0 -0
- package/src/assets/img/guidelines/tabs/tabs-state-selected.png +0 -0
- package/src/assets/img/guidelines/tabs/tabs-state-unselected.png +0 -0
- package/src/assets/img/guidelines/tabs/tabs-usage-1.png +0 -0
- package/src/assets/img/guidelines/tabs/tabs-usage-2.png +0 -0
- package/src/assets/img/guidelines/tabs/tabs-usage-3.png +0 -0
- package/src/assets/img/guidelines/tabs/tabs-usage-4.png +0 -0
- package/src/assets/img/guidelines/tabs/tabs-usage-5.png +0 -0
- package/src/assets/img/guidelines/vertical-tabs/vertical-tabs-anatomy-1.png +0 -0
- package/src/assets/img/guidelines/vertical-tabs/vertical-tabs-anatomy-2.png +0 -0
- package/src/assets/img/guidelines/vertical-tabs/vertical-tabs-layout-1.png +0 -0
- package/src/assets/img/guidelines/vertical-tabs/vertical-tabs-state-hover.png +0 -0
- package/src/assets/img/guidelines/vertical-tabs/vertical-tabs-state-selected-group.png +0 -0
- package/src/assets/img/guidelines/vertical-tabs/vertical-tabs-state-selected.png +0 -0
- package/src/assets/img/guidelines/vertical-tabs/vertical-tabs-state-unselected-group.png +0 -0
- package/src/assets/img/guidelines/vertical-tabs/vertical-tabs-state-unselected.png +0 -0
- package/src/assets/img/guidelines/vertical-tabs/vertical-tabs-usage-1.png +0 -0
- package/src/assets/img/guidelines/vertical-tabs/vertical-tabs-usage-2.png +0 -0
- package/src/assets/img/guidelines/vertical-tabs/vertical-tabs-usage-3.png +0 -0
- package/src/assets/img/guidelines/vertical-tabs/vertical-tabs-usage-4.png +0 -0
- package/src/assets/img/guidelines/vertical-tabs/vertical-tabs-usage-5.png +0 -0
- package/src/assets/img/guidelines/vertical-tabs/vertical-tabs-usage-6.png +0 -0
- package/src/assets/img/guidelines/vertical-tabs/vertical-tabs-usage-7.png +0 -0
- package/src/assets/locales/resources_en_US.json +0 -26
- package/testing/skyux-tabs-testing.metadata.json +0 -1
|
@@ -2,6 +2,7 @@ import { OnInit, OnDestroy, ChangeDetectorRef } from '@angular/core';
|
|
|
2
2
|
import { SkyVerticalTabComponent } from './../vertical-tabset/vertical-tab.component';
|
|
3
3
|
import { SkySectionedFormService } from './sectioned-form.service';
|
|
4
4
|
import { SkyVerticalTabsetService } from '../vertical-tabset/vertical-tabset.service';
|
|
5
|
+
import * as i0 from "@angular/core";
|
|
5
6
|
/**
|
|
6
7
|
* Creates an individual form to display as a section within the sectioned form.
|
|
7
8
|
*/
|
|
@@ -36,4 +37,6 @@ export declare class SkySectionedFormSectionComponent implements OnInit, OnDestr
|
|
|
36
37
|
constructor(sectionedFormService: SkySectionedFormService, tabsetService: SkyVerticalTabsetService, changeRef: ChangeDetectorRef);
|
|
37
38
|
ngOnInit(): void;
|
|
38
39
|
ngOnDestroy(): void;
|
|
40
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<SkySectionedFormSectionComponent, never>;
|
|
41
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<SkySectionedFormSectionComponent, "sky-sectioned-form-section", never, { "heading": "heading"; "itemCount": "itemCount"; "active": "active"; }, {}, never, ["*"]>;
|
|
39
42
|
}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { OnInit, OnDestroy, ElementRef, EventEmitter, AfterViewChecked, ChangeDetectorRef } from '@angular/core';
|
|
2
2
|
import { SkyVerticalTabsetService } from './../vertical-tabset/vertical-tabset.service';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
3
4
|
/**
|
|
4
5
|
* Creates a container for the sectioned forms.
|
|
5
6
|
*/
|
|
@@ -27,4 +28,6 @@ export declare class SkySectionedFormComponent implements OnInit, OnDestroy, Aft
|
|
|
27
28
|
ngOnDestroy(): void;
|
|
28
29
|
tabsVisible(): boolean;
|
|
29
30
|
showTabs(): void;
|
|
31
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<SkySectionedFormComponent, never>;
|
|
32
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<SkySectionedFormComponent, "sky-sectioned-form", never, { "maintainSectionContent": "maintainSectionContent"; }, { "indexChanged": "indexChanged"; }, never, ["*"]>;
|
|
30
33
|
}
|
|
@@ -1,2 +1,11 @@
|
|
|
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 "../vertical-tabset/vertical-tabset.module";
|
|
1
7
|
export declare class SkySectionedFormModule {
|
|
8
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<SkySectionedFormModule, never>;
|
|
9
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<SkySectionedFormModule, [typeof i1.SkySectionedFormComponent, typeof i2.SkySectionedFormSectionComponent], [typeof i3.CommonModule, typeof i4.SkyCheckboxModule, typeof i5.SkyVerticalTabsetModule], [typeof i1.SkySectionedFormComponent, typeof i2.SkySectionedFormSectionComponent]>;
|
|
10
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<SkySectionedFormModule>;
|
|
2
11
|
}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { BehaviorSubject } from 'rxjs';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
2
3
|
export declare class SkySectionedFormService {
|
|
3
4
|
/**
|
|
4
5
|
* @internal
|
|
@@ -18,4 +19,6 @@ export declare class SkySectionedFormService {
|
|
|
18
19
|
* This method is used within a `sky-sectioned-form-section` element.
|
|
19
20
|
*/
|
|
20
21
|
requiredFieldChanged(isRequired: boolean): void;
|
|
22
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<SkySectionedFormService, never>;
|
|
23
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<SkySectionedFormService>;
|
|
21
24
|
}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { SkyAppLocaleInfo, SkyLibResourcesProvider } from '@skyux/i18n';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
import * as i1 from "@skyux/i18n";
|
|
4
|
+
export declare class SkyTabsResourcesProvider implements SkyLibResourcesProvider {
|
|
5
|
+
getString(localeInfo: SkyAppLocaleInfo, name: string): string;
|
|
6
|
+
}
|
|
7
|
+
/**
|
|
8
|
+
* Import into any component library module that needs to use resource strings.
|
|
9
|
+
*/
|
|
10
|
+
export declare class SkyTabsResourcesModule {
|
|
11
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<SkyTabsResourcesModule, never>;
|
|
12
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<SkyTabsResourcesModule, never, never, [typeof i1.SkyI18nModule]>;
|
|
13
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<SkyTabsResourcesModule>;
|
|
14
|
+
}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { EventEmitter } from '@angular/core';
|
|
2
2
|
import { SkyTabsetStyle } from './tabset-style';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
3
4
|
/**
|
|
4
5
|
* @internal
|
|
5
6
|
*/
|
|
@@ -9,7 +10,7 @@ export declare class SkyTabButtonComponent {
|
|
|
9
10
|
buttonHref: string;
|
|
10
11
|
buttonId: string;
|
|
11
12
|
buttonText: string;
|
|
12
|
-
buttonTextCount: string;
|
|
13
|
+
buttonTextCount: string | undefined;
|
|
13
14
|
closeable: boolean;
|
|
14
15
|
disabled: boolean;
|
|
15
16
|
tabStyle: SkyTabsetStyle;
|
|
@@ -18,4 +19,6 @@ export declare class SkyTabButtonComponent {
|
|
|
18
19
|
onButtonClick(event: MouseEvent): void;
|
|
19
20
|
onButtonEnterKeyDown(event: any): void;
|
|
20
21
|
onCloseClick(event: any): void;
|
|
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>;
|
|
21
24
|
}
|
|
@@ -3,6 +3,7 @@ import { Observable } from 'rxjs';
|
|
|
3
3
|
import { SkyTabIndex } from './tab-index';
|
|
4
4
|
import { SkyTabsetPermalinkService } from './tabset-permalink.service';
|
|
5
5
|
import { SkyTabsetService } from './tabset.service';
|
|
6
|
+
import * as i0 from "@angular/core";
|
|
6
7
|
export declare class SkyTabComponent implements OnChanges, OnDestroy {
|
|
7
8
|
private changeDetector;
|
|
8
9
|
private permalinkService;
|
|
@@ -32,7 +33,7 @@ export declare class SkyTabComponent implements OnChanges, OnDestroy {
|
|
|
32
33
|
/**
|
|
33
34
|
* Displays a counter beside the tab header.
|
|
34
35
|
*/
|
|
35
|
-
tabHeaderCount: string;
|
|
36
|
+
tabHeaderCount: string | undefined;
|
|
36
37
|
/**
|
|
37
38
|
* Specifies the tab header.
|
|
38
39
|
* When using tabs as the main navigation on a page,
|
|
@@ -74,4 +75,6 @@ export declare class SkyTabComponent implements OnChanges, OnDestroy {
|
|
|
74
75
|
init(): void;
|
|
75
76
|
activate(): void;
|
|
76
77
|
deactivate(): void;
|
|
78
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<SkyTabComponent, never>;
|
|
79
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<SkyTabComponent, "sky-tab", never, { "active": "active"; "disabled": "disabled"; "permalinkValue": "permalinkValue"; "tabHeaderCount": "tabHeaderCount"; "tabHeading": "tabHeading"; "tabIndex": "tabIndex"; }, { "close": "close"; }, never, ["*"]>;
|
|
77
80
|
}
|
|
@@ -1,2 +1,17 @@
|
|
|
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 "@angular/common";
|
|
7
|
+
import * as i6 from "@angular/router";
|
|
8
|
+
import * as i7 from "@skyux/popovers";
|
|
9
|
+
import * as i8 from "@skyux/i18n";
|
|
10
|
+
import * as i9 from "@skyux/indicators";
|
|
11
|
+
import * as i10 from "../shared/sky-tabs-resources.module";
|
|
12
|
+
import * as i11 from "@skyux/theme";
|
|
1
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.CommonModule, typeof i6.RouterModule, typeof i7.SkyDropdownModule, typeof i8.SkyI18nModule, typeof i9.SkyIconModule, typeof i10.SkyTabsResourcesModule, typeof i11.SkyThemeModule], [typeof i2.SkyTabComponent, typeof i3.SkyTabsetComponent, typeof i4.SkyTabsetNavButtonComponent]>;
|
|
16
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<SkyTabsModule>;
|
|
2
17
|
}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { ElementRef } from '@angular/core';
|
|
2
2
|
import { Observable } from 'rxjs';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
3
4
|
/**
|
|
4
5
|
* @internal
|
|
5
6
|
*/
|
|
@@ -18,4 +19,6 @@ export declare class SkyTabsetAdapterService {
|
|
|
18
19
|
* Returns the number of pixels to the left of the first tab.
|
|
19
20
|
*/
|
|
20
21
|
private getTabsOffsetLeft;
|
|
22
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<SkyTabsetAdapterService, never>;
|
|
23
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<SkyTabsetAdapterService>;
|
|
21
24
|
}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { AfterViewInit, ChangeDetectorRef } from '@angular/core';
|
|
2
2
|
import { SkyLibResourcesService } from '@skyux/i18n';
|
|
3
3
|
import { SkyTabsetComponent } from './tabset.component';
|
|
4
|
+
import * as i0 from "@angular/core";
|
|
4
5
|
/**
|
|
5
6
|
* @internal
|
|
6
7
|
*/
|
|
@@ -21,4 +22,6 @@ export declare class SkyTabsetNavButtonComponent implements AfterViewInit {
|
|
|
21
22
|
constructor(resourceService: SkyLibResourcesService, changeDetector: ChangeDetectorRef);
|
|
22
23
|
ngAfterViewInit(): void;
|
|
23
24
|
buttonClick(): void;
|
|
25
|
+
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>;
|
|
24
27
|
}
|
|
@@ -2,6 +2,7 @@ import { Location } from '@angular/common';
|
|
|
2
2
|
import { OnDestroy } from '@angular/core';
|
|
3
3
|
import { ActivatedRoute, Router } from '@angular/router';
|
|
4
4
|
import { Observable } from 'rxjs';
|
|
5
|
+
import * as i0 from "@angular/core";
|
|
5
6
|
/**
|
|
6
7
|
* @internal
|
|
7
8
|
*/
|
|
@@ -40,4 +41,6 @@ export declare class SkyTabsetPermalinkService implements OnDestroy {
|
|
|
40
41
|
* Returns all query params that exist in the current URL.
|
|
41
42
|
*/
|
|
42
43
|
private getParams;
|
|
44
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<SkyTabsetPermalinkService, never>;
|
|
45
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<SkyTabsetPermalinkService>;
|
|
43
46
|
}
|
|
@@ -7,6 +7,7 @@ import { SkyTabsetButtonsDisplayMode } from './tabset-buttons-display-mode';
|
|
|
7
7
|
import { SkyTabsetPermalinkService } from './tabset-permalink.service';
|
|
8
8
|
import { SkyTabsetService } from './tabset.service';
|
|
9
9
|
import { SkyTabsetTabIndexesChange } from './tabset-tab-indexes-change';
|
|
10
|
+
import * as i0 from "@angular/core";
|
|
10
11
|
/**
|
|
11
12
|
* @internal
|
|
12
13
|
*/
|
|
@@ -65,7 +66,7 @@ export declare class SkyTabsetComponent implements AfterViewInit, OnDestroy {
|
|
|
65
66
|
/**
|
|
66
67
|
* Fires when the active tab changes. This event emits the index of the active tab.
|
|
67
68
|
*/
|
|
68
|
-
activeChange: EventEmitter<
|
|
69
|
+
activeChange: EventEmitter<SkyTabIndex>;
|
|
69
70
|
/**
|
|
70
71
|
* Fires when users click the button to add a new tab.
|
|
71
72
|
* The new tab button is added to the tab area when you specify a listener for this event.
|
|
@@ -138,5 +139,7 @@ export declare class SkyTabsetComponent implements AfterViewInit, OnDestroy {
|
|
|
138
139
|
* buttons must reflect those changes.
|
|
139
140
|
*/
|
|
140
141
|
private updateTabsetComponent;
|
|
142
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<SkyTabsetComponent, never>;
|
|
143
|
+
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"], ["*"]>;
|
|
141
144
|
}
|
|
142
145
|
export {};
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { Observable } from 'rxjs';
|
|
2
2
|
import { SkyTabIndex } from './tab-index';
|
|
3
3
|
import { SkyTabsetActiveTabUnregisteredArgs } from './tabset-active-tab-unregistered-args';
|
|
4
|
+
import * as i0 from "@angular/core";
|
|
4
5
|
/**
|
|
5
6
|
* @internal
|
|
6
7
|
*/
|
|
@@ -48,4 +49,6 @@ export declare class SkyTabsetService {
|
|
|
48
49
|
*/
|
|
49
50
|
activateNearestTab(arrayIndex: number): void;
|
|
50
51
|
private isTabIndexActive;
|
|
52
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<SkyTabsetService, never>;
|
|
53
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<SkyTabsetService>;
|
|
51
54
|
}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { SkyMediaBreakpoints, SkyMediaQueryListener } from '@skyux/core';
|
|
2
2
|
import { Subscription } from 'rxjs';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
3
4
|
/**
|
|
4
5
|
* @internal
|
|
5
6
|
*/
|
|
@@ -12,4 +13,6 @@ export declare class SkyVerticalTabMediaQueryService {
|
|
|
12
13
|
setBreakpointForWidth(width: number): void;
|
|
13
14
|
isWidthWithinBreakpiont(width: number, breakpoint: SkyMediaBreakpoints): boolean;
|
|
14
15
|
destroy(): void;
|
|
16
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<SkyVerticalTabMediaQueryService, never>;
|
|
17
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<SkyVerticalTabMediaQueryService>;
|
|
15
18
|
}
|
|
@@ -2,6 +2,7 @@ import { ChangeDetectorRef, ElementRef, OnDestroy, OnInit } from '@angular/core'
|
|
|
2
2
|
import { SkyVerticalTabMediaQueryService } from './vertical-tab-media-query.service';
|
|
3
3
|
import { SkyVerticalTabsetService } from './vertical-tabset.service';
|
|
4
4
|
import { SkyVerticalTabsetAdapterService } from './vertical-tabset-adapter.service';
|
|
5
|
+
import * as i0 from "@angular/core";
|
|
5
6
|
export declare class SkyVerticalTabComponent implements OnInit, OnDestroy {
|
|
6
7
|
private adapterService;
|
|
7
8
|
private changeRef;
|
|
@@ -83,4 +84,6 @@ export declare class SkyVerticalTabComponent implements OnInit, OnDestroy {
|
|
|
83
84
|
onWindowResize(): void;
|
|
84
85
|
tabDeactivated(): void;
|
|
85
86
|
private updateBreakpointAndResponsiveClass;
|
|
87
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<SkyVerticalTabComponent, never>;
|
|
88
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<SkyVerticalTabComponent, "sky-vertical-tab", never, { "active": "active"; "ariaControls": "ariaControls"; "ariaInvalid": "ariaInvalid"; "ariaRequired": "ariaRequired"; "ariaRole": "ariaRole"; "disabled": "disabled"; "errorIndicator": "errorIndicator"; "tabHeaderCount": "tabHeaderCount"; "tabHeading": "tabHeading"; "showTabRightArrow": "showTabRightArrow"; "tabId": "tabId"; }, {}, never, ["*"]>;
|
|
86
89
|
}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { ElementRef, RendererFactory2 } from '@angular/core';
|
|
2
2
|
import { SkyMediaBreakpoints } from '@skyux/core';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
3
4
|
export declare class SkyVerticalTabsetAdapterService {
|
|
4
5
|
private rendererFactory;
|
|
5
6
|
private renderer;
|
|
@@ -7,4 +8,6 @@ export declare class SkyVerticalTabsetAdapterService {
|
|
|
7
8
|
getWidth(elementRef: ElementRef): number;
|
|
8
9
|
scrollToContentTop(element: ElementRef): void;
|
|
9
10
|
setResponsiveClass(element: ElementRef, breakpoint: SkyMediaBreakpoints): void;
|
|
11
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<SkyVerticalTabsetAdapterService, never>;
|
|
12
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<SkyVerticalTabsetAdapterService>;
|
|
10
13
|
}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { ChangeDetectorRef, OnDestroy, OnInit } from '@angular/core';
|
|
2
2
|
import { SkyVerticalTabsetService } from './vertical-tabset.service';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
3
4
|
export declare class SkyVerticalTabsetGroupComponent implements OnInit, OnDestroy {
|
|
4
5
|
private tabService;
|
|
5
6
|
private changeRef;
|
|
@@ -30,4 +31,6 @@ export declare class SkyVerticalTabsetGroupComponent implements OnInit, OnDestro
|
|
|
30
31
|
tabClicked: () => void;
|
|
31
32
|
tabsHidden: () => void;
|
|
32
33
|
tabsShown: () => void;
|
|
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"], ["*"]>;
|
|
33
36
|
}
|
|
@@ -2,6 +2,7 @@ import { ElementRef, OnInit, EventEmitter, AfterViewChecked, ChangeDetectorRef,
|
|
|
2
2
|
import { SkyLibResourcesService } from '@skyux/i18n';
|
|
3
3
|
import { SkyVerticalTabsetAdapterService } from './vertical-tabset-adapter.service';
|
|
4
4
|
import { SkyVerticalTabsetService } from './vertical-tabset.service';
|
|
5
|
+
import * as i0 from "@angular/core";
|
|
5
6
|
export declare class SkyVerticalTabsetComponent implements OnInit, AfterViewChecked, OnDestroy {
|
|
6
7
|
adapterService: SkyVerticalTabsetAdapterService;
|
|
7
8
|
tabService: SkyVerticalTabsetService;
|
|
@@ -42,4 +43,6 @@ export declare class SkyVerticalTabsetComponent implements OnInit, AfterViewChec
|
|
|
42
43
|
ngOnInit(): void;
|
|
43
44
|
ngAfterViewChecked(): void;
|
|
44
45
|
ngOnDestroy(): void;
|
|
46
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<SkyVerticalTabsetComponent, never>;
|
|
47
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<SkyVerticalTabsetComponent, "sky-vertical-tabset", never, { "showTabsText": "showTabsText"; "ariaRole": "ariaRole"; "maintainTabContent": "maintainTabContent"; }, { "activeChange": "activeChange"; }, never, ["*"]>;
|
|
45
48
|
}
|
|
@@ -1,2 +1,13 @@
|
|
|
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/indicators";
|
|
7
|
+
import * as i6 from "../shared/sky-tabs-resources.module";
|
|
8
|
+
import * as i7 from "@skyux/theme";
|
|
1
9
|
export declare class SkyVerticalTabsetModule {
|
|
10
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<SkyVerticalTabsetModule, never>;
|
|
11
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<SkyVerticalTabsetModule, [typeof i1.SkyVerticalTabsetComponent, typeof i2.SkyVerticalTabsetGroupComponent, typeof i3.SkyVerticalTabComponent], [typeof i4.CommonModule, typeof i5.SkyChevronModule, typeof i5.SkyIconModule, typeof i5.SkyStatusIndicatorModule, typeof i6.SkyTabsResourcesModule, typeof i7.SkyThemeModule], [typeof i1.SkyVerticalTabsetComponent, typeof i2.SkyVerticalTabsetGroupComponent, typeof i3.SkyVerticalTabComponent]>;
|
|
12
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<SkyVerticalTabsetModule>;
|
|
2
13
|
}
|
|
@@ -2,6 +2,7 @@ import { ElementRef } from '@angular/core';
|
|
|
2
2
|
import { SkyMediaQueryService } from '@skyux/core';
|
|
3
3
|
import { BehaviorSubject, Subject } from 'rxjs';
|
|
4
4
|
import { SkyVerticalTabComponent } from './vertical-tab.component';
|
|
5
|
+
import * as i0 from "@angular/core";
|
|
5
6
|
export declare const VISIBLE_STATE = "shown";
|
|
6
7
|
export declare const HIDDEN_STATE = "void";
|
|
7
8
|
/**
|
|
@@ -38,4 +39,6 @@ export declare class SkyVerticalTabsetService {
|
|
|
38
39
|
private destroyContent;
|
|
39
40
|
private moveContent;
|
|
40
41
|
private updateTabClicked;
|
|
42
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<SkyVerticalTabsetService, never>;
|
|
43
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<SkyVerticalTabsetService>;
|
|
41
44
|
}
|
package/package.json
CHANGED
|
@@ -1,41 +1,26 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@skyux/tabs",
|
|
3
|
-
"version": "
|
|
4
|
-
"description": "SKY UX Tabs",
|
|
5
|
-
"keywords": [],
|
|
6
|
-
"author": "Blackbaud",
|
|
7
|
-
"license": "ISC",
|
|
8
|
-
"repository": {
|
|
9
|
-
"type": "git",
|
|
10
|
-
"url": "git+https://github.com/blackbaud/skyux-tabs.git"
|
|
11
|
-
},
|
|
12
|
-
"bugs": {
|
|
13
|
-
"url": "https://github.com/blackbaud/skyux-tabs/issues"
|
|
14
|
-
},
|
|
15
|
-
"homepage": "https://github.com/blackbaud/skyux-tabs#readme",
|
|
3
|
+
"version": "5.0.0-beta.4",
|
|
16
4
|
"peerDependencies": {
|
|
17
|
-
"@angular/common": "^
|
|
18
|
-
"@angular/core": "^
|
|
19
|
-
"@angular/router": "^
|
|
20
|
-
"@skyux/core": "^
|
|
21
|
-
"@skyux/i18n": "^
|
|
22
|
-
"@skyux/forms": "^
|
|
23
|
-
"@skyux/indicators": "^
|
|
24
|
-
"@skyux/modals": "^
|
|
25
|
-
"@skyux/popovers": "^
|
|
26
|
-
"@skyux/theme": "^
|
|
5
|
+
"@angular/common": "^12.2.6",
|
|
6
|
+
"@angular/core": "^12.2.6",
|
|
7
|
+
"@angular/router": "^12.2.6",
|
|
8
|
+
"@skyux/core": "^5.0.0-beta.11",
|
|
9
|
+
"@skyux/i18n": "^5.0.0-beta.7",
|
|
10
|
+
"@skyux/forms": "^5.0.0-beta.5",
|
|
11
|
+
"@skyux/indicators": "^5.0.0-beta.4",
|
|
12
|
+
"@skyux/modals": "^5.0.0-beta.6",
|
|
13
|
+
"@skyux/popovers": "^5.0.0-beta.2",
|
|
14
|
+
"@skyux/theme": "^5.0.0-beta.6"
|
|
27
15
|
},
|
|
28
16
|
"dependencies": {
|
|
29
|
-
"tslib": "^
|
|
17
|
+
"tslib": "^2.3.0"
|
|
30
18
|
},
|
|
31
19
|
"main": "bundles/skyux-tabs.umd.js",
|
|
32
|
-
"module": "
|
|
20
|
+
"module": "fesm2015/skyux-tabs.js",
|
|
33
21
|
"es2015": "fesm2015/skyux-tabs.js",
|
|
34
|
-
"esm5": "esm5/skyux-tabs.js",
|
|
35
22
|
"esm2015": "esm2015/skyux-tabs.js",
|
|
36
|
-
"fesm5": "fesm5/skyux-tabs.js",
|
|
37
23
|
"fesm2015": "fesm2015/skyux-tabs.js",
|
|
38
24
|
"typings": "skyux-tabs.d.ts",
|
|
39
|
-
"metadata": "skyux-tabs.metadata.json",
|
|
40
25
|
"sideEffects": false
|
|
41
|
-
}
|
|
26
|
+
}
|
package/public-api.d.ts
ADDED
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
export * from './modules/sectioned-form/sectioned-form.module';
|
|
2
|
+
export * from './modules/sectioned-form/sectioned-form.service';
|
|
3
|
+
export * from './modules/tabs/tab-index';
|
|
4
|
+
export * from './modules/tabs/tabset-buttons-display-mode';
|
|
5
|
+
export * from './modules/tabs/tabset-style';
|
|
6
|
+
export * from './modules/tabs/tabset-tab-indexes-change';
|
|
7
|
+
export * from './modules/tabs/tabs.module';
|
|
8
|
+
export * from './modules/vertical-tabset/vertical-tabset.module';
|
|
9
|
+
export * from './modules/sectioned-form/sectioned-form.component';
|
|
10
|
+
export { SkyTabComponent as λ1 } from './modules/tabs/tab.component';
|
|
11
|
+
export { SkyTabsetComponent as λ2 } from './modules/tabs/tabset.component';
|
|
12
|
+
export { SkyTabsetNavButtonComponent as λ3 } from './modules/tabs/tabset-nav-button.component';
|
|
13
|
+
export { SkyVerticalTabComponent as λ4 } from './modules/vertical-tabset/vertical-tab.component';
|
|
14
|
+
export { SkySectionedFormSectionComponent as λ5 } from './modules/sectioned-form/sectioned-form-section.component';
|
|
15
|
+
export { SkyVerticalTabsetComponent as λ6 } from './modules/vertical-tabset/vertical-tabset.component';
|
|
16
|
+
export { SkyVerticalTabsetGroupComponent as λ7 } from './modules/vertical-tabset/vertical-tabset-group.component';
|
package/skyux-tabs.d.ts
CHANGED
|
@@ -1,20 +1,5 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Generated bundle index. Do not edit.
|
|
3
3
|
*/
|
|
4
|
-
|
|
5
|
-
export
|
|
6
|
-
export { SkyTabsResourcesModule as ɵj } from './modules/shared/tabs-resources.module';
|
|
7
|
-
export { SkyTabButtonComponent as ɵl } from './modules/tabs/tab-button.component';
|
|
8
|
-
export { SkyTabComponent as ɵm } from './modules/tabs/tab.component';
|
|
9
|
-
export { SkyTabsetAdapterService as ɵq } from './modules/tabs/tabset-adapter.service';
|
|
10
|
-
export { SkyTabsetNavButtonComponent as ɵr } from './modules/tabs/tabset-nav-button.component';
|
|
11
|
-
export { SkyTabsetPermalinkService as ɵn } from './modules/tabs/tabset-permalink.service';
|
|
12
|
-
export { SkyTabsetComponent as ɵp } from './modules/tabs/tabset.component';
|
|
13
|
-
export { SkyTabsetService as ɵo } from './modules/tabs/tabset.service';
|
|
14
|
-
export { SkyVerticalTabMediaQueryService as ɵf } from './modules/vertical-tabset/vertical-tab-media-query.service';
|
|
15
|
-
export { SkyVerticalTabComponent as ɵe } from './modules/vertical-tabset/vertical-tab.component';
|
|
16
|
-
export { SkyVerticalTabsetAdapterService as ɵg } from './modules/vertical-tabset/vertical-tabset-adapter.service';
|
|
17
|
-
export { SkyVerticalTabsetGroupComponent as ɵi } from './modules/vertical-tabset/vertical-tabset-group.component';
|
|
18
|
-
export { SkyVerticalTabsetComponent as ɵh } from './modules/vertical-tabset/vertical-tabset.component';
|
|
19
|
-
export { HIDDEN_STATE as ɵb, SkyVerticalTabsetService as ɵc, VISIBLE_STATE as ɵa } from './modules/vertical-tabset/vertical-tabset.service';
|
|
20
|
-
export { SkyTabsResourcesProvider as ɵk } from './plugin-resources/tabs-resources-provider';
|
|
4
|
+
/// <amd-module name="@skyux/tabs" />
|
|
5
|
+
export * from './public-api';
|
package/testing/package.json
CHANGED
|
@@ -1,13 +1,10 @@
|
|
|
1
1
|
{
|
|
2
2
|
"main": "../bundles/skyux-tabs-testing.umd.js",
|
|
3
|
-
"module": "../
|
|
3
|
+
"module": "../fesm2015/skyux-tabs-testing.js",
|
|
4
4
|
"es2015": "../fesm2015/skyux-tabs-testing.js",
|
|
5
|
-
"esm5": "../esm5/testing/skyux-tabs-testing.js",
|
|
6
5
|
"esm2015": "../esm2015/testing/skyux-tabs-testing.js",
|
|
7
|
-
"fesm5": "../fesm5/skyux-tabs-testing.js",
|
|
8
6
|
"fesm2015": "../fesm2015/skyux-tabs-testing.js",
|
|
9
7
|
"typings": "skyux-tabs-testing.d.ts",
|
|
10
|
-
"metadata": "skyux-tabs-testing.metadata.json",
|
|
11
8
|
"sideEffects": false,
|
|
12
9
|
"name": "@skyux/tabs/testing"
|
|
13
|
-
}
|
|
10
|
+
}
|
|
File without changes
|