@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.
Files changed (48) hide show
  1. package/documentation.json +1025 -471
  2. package/esm2020/lib/modules/sectioned-form/sectioned-form-section.component.mjs +5 -5
  3. package/esm2020/lib/modules/sectioned-form/sectioned-form.component.mjs +4 -4
  4. package/esm2020/lib/modules/sectioned-form/sectioned-form.module.mjs +8 -10
  5. package/esm2020/lib/modules/sectioned-form/sectioned-form.service.mjs +3 -3
  6. package/esm2020/lib/modules/shared/sky-tabs-resources.module.mjs +6 -5
  7. package/esm2020/lib/modules/tabs/tab-button.component.mjs +5 -5
  8. package/esm2020/lib/modules/tabs/tab.component.mjs +3 -3
  9. package/esm2020/lib/modules/tabs/tabs.module.mjs +11 -13
  10. package/esm2020/lib/modules/tabs/tabset-adapter.service.mjs +3 -3
  11. package/esm2020/lib/modules/tabs/tabset-nav-button-type.mjs +2 -0
  12. package/esm2020/lib/modules/tabs/tabset-nav-button.component.mjs +132 -89
  13. package/esm2020/lib/modules/tabs/tabset-permalink.service.mjs +3 -3
  14. package/esm2020/lib/modules/tabs/tabset.component.mjs +20 -10
  15. package/esm2020/lib/modules/tabs/tabset.service.mjs +3 -3
  16. package/esm2020/lib/modules/vertical-tabset/vertical-tab-media-query.service.mjs +3 -3
  17. package/esm2020/lib/modules/vertical-tabset/vertical-tab.component.mjs +6 -6
  18. package/esm2020/lib/modules/vertical-tabset/vertical-tabset-adapter.service.mjs +3 -3
  19. package/esm2020/lib/modules/vertical-tabset/vertical-tabset-group.component.mjs +7 -7
  20. package/esm2020/lib/modules/vertical-tabset/vertical-tabset.component.mjs +7 -7
  21. package/esm2020/lib/modules/vertical-tabset/vertical-tabset.module.mjs +11 -13
  22. package/esm2020/lib/modules/vertical-tabset/vertical-tabset.service.mjs +3 -3
  23. package/esm2020/testing/tabs/tab-fixture-tab.mjs +1 -1
  24. package/esm2020/testing/tabs/tabset-fixture.mjs +2 -1
  25. package/fesm2015/skyux-tabs-testing.mjs +1 -0
  26. package/fesm2015/skyux-tabs-testing.mjs.map +1 -1
  27. package/fesm2015/skyux-tabs.mjs +221 -173
  28. package/fesm2015/skyux-tabs.mjs.map +1 -1
  29. package/fesm2020/skyux-tabs-testing.mjs +1 -0
  30. package/fesm2020/skyux-tabs-testing.mjs.map +1 -1
  31. package/fesm2020/skyux-tabs.mjs +219 -173
  32. package/fesm2020/skyux-tabs.mjs.map +1 -1
  33. package/lib/modules/sectioned-form/sectioned-form-section.component.d.ts +1 -1
  34. package/lib/modules/sectioned-form/sectioned-form.component.d.ts +1 -1
  35. package/lib/modules/tabs/tab-button.component.d.ts +1 -1
  36. package/lib/modules/tabs/tab.component.d.ts +1 -1
  37. package/lib/modules/tabs/tabset-nav-button-type.d.ts +4 -0
  38. package/lib/modules/tabs/tabset-nav-button.component.d.ts +34 -21
  39. package/lib/modules/tabs/tabset.component.d.ts +4 -1
  40. package/lib/modules/vertical-tabset/vertical-tab.component.d.ts +1 -1
  41. package/lib/modules/vertical-tabset/vertical-tabset-group.component.d.ts +1 -1
  42. package/lib/modules/vertical-tabset/vertical-tabset.component.d.ts +1 -1
  43. package/package.json +17 -17
  44. package/testing/{skyux-tabs-testing.d.ts → index.d.ts} +0 -0
  45. package/testing/tabs/tab-fixture-tab.d.ts +1 -0
  46. package/testing/tabs/tabset-fixture.d.ts +1 -0
  47. package/skyux-tabs.d.ts +0 -5
  48. 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
  }
@@ -0,0 +1,4 @@
1
+ /**
2
+ * Specifies the nav button type. The valid options are `previous`, `next`, and `finish`.
3
+ */
4
+ export declare type SkyTabsetNavButtonType = 'previous' | 'next' | 'finish';
@@ -1,27 +1,40 @@
1
- import { AfterViewInit, ChangeDetectorRef } from '@angular/core';
2
- import { SkyLibResourcesService } from '@skyux/i18n';
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
- * @internal
7
- */
8
- export declare class SkyTabsetNavButtonComponent implements AfterViewInit {
9
- private resourceService;
10
- private changeDetector;
11
- tabset: SkyTabsetComponent;
12
- buttonType: string;
13
- set buttonText(value: string);
14
- get buttonText(): string;
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
- private get selectedTab();
17
- private get nextTab();
18
- private get previousTab();
19
- private _buttonText;
20
- private previousButtonText;
21
- private nextButtonText;
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": "6.16.0",
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": "./skyux-tabs.d.ts",
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/skyux-tabs-testing.d.ts",
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": "^13.3.2",
44
- "@angular/common": "^13.3.2",
45
- "@angular/core": "^13.3.2",
46
- "@angular/platform-browser": "^13.3.2",
47
- "@angular/router": "^13.3.2",
48
- "@skyux-sdk/testing": "6.16.0",
49
- "@skyux/animations": "6.16.0",
50
- "@skyux/core": "6.16.0",
51
- "@skyux/forms": "6.16.0",
52
- "@skyux/i18n": "6.16.0",
53
- "@skyux/indicators": "6.16.0",
54
- "@skyux/popovers": "6.16.0",
55
- "@skyux/theme": "6.16.0"
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": "skyux-tabs.d.ts",
65
+ "typings": "index.d.ts",
66
66
  "sideEffects": false
67
67
  }
File without changes
@@ -1,5 +1,6 @@
1
1
  /**
2
2
  * Properties of a SKY UX tab.
3
+ * @internal
3
4
  */
4
5
  export interface SkyTabsetFixtureTab {
5
6
  /**
@@ -2,6 +2,7 @@ import { ComponentFixture } from '@angular/core/testing';
2
2
  import { SkyTabsetFixtureTab } from './tab-fixture-tab';
3
3
  /**
4
4
  * Allows interaction with a SKY UX tabset component.
5
+ * @internal
5
6
  */
6
7
  export declare class SkyTabsetFixture {
7
8
  private fixture;
package/skyux-tabs.d.ts DELETED
@@ -1,5 +0,0 @@
1
- /**
2
- * Generated bundle index. Do not edit.
3
- */
4
- /// <amd-module name="@skyux/tabs" />
5
- export * from './index';
@@ -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
- }