@skyux/tabs 8.7.2 → 9.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/documentation.json +100 -100
- package/esm2022/lib/modules/sectioned-form/sectioned-form-section.component.mjs +65 -0
- package/esm2022/lib/modules/sectioned-form/sectioned-form.component.mjs +187 -0
- package/{esm2020 → esm2022}/lib/modules/sectioned-form/sectioned-form.module.mjs +11 -11
- package/{esm2020 → esm2022}/lib/modules/sectioned-form/sectioned-form.service.mjs +4 -4
- package/esm2022/lib/modules/shared/sky-tabs-resources.module.mjs +61 -0
- package/esm2022/lib/modules/shared/tab-id.service.mjs +50 -0
- package/{esm2020 → esm2022}/lib/modules/tabs/tab-button-adapter.service.mjs +4 -4
- package/esm2022/lib/modules/tabs/tab-button.component.mjs +162 -0
- package/esm2022/lib/modules/tabs/tab.component.mjs +197 -0
- package/{esm2020 → esm2022}/lib/modules/tabs/tabs.module.mjs +21 -21
- package/esm2022/lib/modules/tabs/tabset-adapter.service.mjs +68 -0
- package/{esm2020 → esm2022}/lib/modules/tabs/tabset-nav-button-disabled.pipe.mjs +4 -4
- package/esm2022/lib/modules/tabs/tabset-nav-button.component.mjs +149 -0
- package/esm2022/lib/modules/tabs/tabset-permalink.service.mjs +128 -0
- package/esm2022/lib/modules/tabs/tabset.component.mjs +466 -0
- package/esm2022/lib/modules/tabs/tabset.service.mjs +198 -0
- package/esm2022/lib/modules/vertical-tabset/vertical-tab-media-query.service.mjs +68 -0
- package/esm2022/lib/modules/vertical-tabset/vertical-tab.component.mjs +217 -0
- package/esm2022/lib/modules/vertical-tabset/vertical-tabset-adapter.service.mjs +48 -0
- package/esm2022/lib/modules/vertical-tabset/vertical-tabset-group.component.mjs +108 -0
- package/esm2022/lib/modules/vertical-tabset/vertical-tabset.component.mjs +158 -0
- package/{esm2020 → esm2022}/lib/modules/vertical-tabset/vertical-tabset.module.mjs +21 -21
- package/esm2022/lib/modules/vertical-tabset/vertical-tabset.service.mjs +169 -0
- package/esm2022/testing/tabs/tabset-fixture.mjs +129 -0
- package/fesm2022/skyux-tabs-testing.mjs +136 -0
- package/{fesm2020 → fesm2022}/skyux-tabs-testing.mjs.map +1 -1
- package/fesm2022/skyux-tabs.mjs +2586 -0
- package/{fesm2020 → fesm2022}/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.component.d.ts +1 -1
- package/lib/modules/tabs/tabset.component.d.ts +1 -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 +21 -29
- package/esm2020/lib/modules/sectioned-form/sectioned-form-section.component.mjs +0 -67
- package/esm2020/lib/modules/sectioned-form/sectioned-form.component.mjs +0 -187
- package/esm2020/lib/modules/shared/sky-tabs-resources.module.mjs +0 -61
- package/esm2020/lib/modules/shared/tab-id.service.mjs +0 -53
- package/esm2020/lib/modules/tabs/tab-button.component.mjs +0 -162
- package/esm2020/lib/modules/tabs/tab.component.mjs +0 -198
- package/esm2020/lib/modules/tabs/tabset-adapter.service.mjs +0 -68
- package/esm2020/lib/modules/tabs/tabset-nav-button.component.mjs +0 -149
- package/esm2020/lib/modules/tabs/tabset-permalink.service.mjs +0 -128
- package/esm2020/lib/modules/tabs/tabset.component.mjs +0 -429
- package/esm2020/lib/modules/tabs/tabset.service.mjs +0 -196
- package/esm2020/lib/modules/vertical-tabset/vertical-tab-media-query.service.mjs +0 -71
- package/esm2020/lib/modules/vertical-tabset/vertical-tab.component.mjs +0 -216
- package/esm2020/lib/modules/vertical-tabset/vertical-tabset-adapter.service.mjs +0 -51
- package/esm2020/lib/modules/vertical-tabset/vertical-tabset-group.component.mjs +0 -110
- package/esm2020/lib/modules/vertical-tabset/vertical-tabset.component.mjs +0 -159
- package/esm2020/lib/modules/vertical-tabset/vertical-tabset.service.mjs +0 -167
- package/esm2020/testing/tabs/tabset-fixture.mjs +0 -128
- package/fesm2015/skyux-tabs-testing.mjs +0 -147
- package/fesm2015/skyux-tabs-testing.mjs.map +0 -1
- package/fesm2015/skyux-tabs.mjs +0 -2560
- package/fesm2015/skyux-tabs.mjs.map +0 -1
- package/fesm2020/skyux-tabs-testing.mjs +0 -135
- package/fesm2020/skyux-tabs.mjs +0 -2544
- /package/{esm2020 → esm2022}/index.mjs +0 -0
- /package/{esm2020 → esm2022}/lib/modules/sectioned-form/types/sectioned-form-message-type.mjs +0 -0
- /package/{esm2020 → esm2022}/lib/modules/sectioned-form/types/sectioned-form-message.mjs +0 -0
- /package/{esm2020 → esm2022}/lib/modules/tabs/tab-button-view-model.mjs +0 -0
- /package/{esm2020 → esm2022}/lib/modules/tabs/tab-index.mjs +0 -0
- /package/{esm2020 → esm2022}/lib/modules/tabs/tab-layout-type.mjs +0 -0
- /package/{esm2020 → esm2022}/lib/modules/tabs/tabset-active-tab-unregistered-args.mjs +0 -0
- /package/{esm2020 → esm2022}/lib/modules/tabs/tabset-buttons-display-mode.mjs +0 -0
- /package/{esm2020 → esm2022}/lib/modules/tabs/tabset-nav-button-type.mjs +0 -0
- /package/{esm2020 → esm2022}/lib/modules/tabs/tabset-style.mjs +0 -0
- /package/{esm2020 → esm2022}/lib/modules/tabs/tabset-tab-indexes-change.mjs +0 -0
- /package/{esm2020 → esm2022}/skyux-tabs.mjs +0 -0
- /package/{esm2020 → esm2022}/testing/public-api.mjs +0 -0
- /package/{esm2020 → esm2022}/testing/skyux-tabs-testing.mjs +0 -0
- /package/{esm2020 → esm2022}/testing/tabs/tab-fixture-tab.mjs +0 -0
|
@@ -1,135 +0,0 @@
|
|
|
1
|
-
import { __classPrivateFieldGet, __classPrivateFieldSet } from 'tslib';
|
|
2
|
-
import { By } from '@angular/platform-browser';
|
|
3
|
-
import { SkyAppTestUtility } from '@skyux-sdk/testing';
|
|
4
|
-
|
|
5
|
-
var _SkyTabsetFixture_instances, _SkyTabsetFixture_debugEl, _SkyTabsetFixture_fixture, _SkyTabsetFixture_clickButton, _SkyTabsetFixture_getTabsetEl, _SkyTabsetFixture_getTabLinkEls, _SkyTabsetFixture_getTabLinkEl, _SkyTabsetFixture_getTextContent;
|
|
6
|
-
/**
|
|
7
|
-
* Allows interaction with a SKY UX tabset component.
|
|
8
|
-
* @internal
|
|
9
|
-
*/
|
|
10
|
-
class SkyTabsetFixture {
|
|
11
|
-
/**
|
|
12
|
-
* The tabset component's ARIA label.
|
|
13
|
-
*/
|
|
14
|
-
get ariaLabel() {
|
|
15
|
-
const tabsetEl = __classPrivateFieldGet(this, _SkyTabsetFixture_instances, "m", _SkyTabsetFixture_getTabsetEl).call(this);
|
|
16
|
-
return tabsetEl.getAttribute('aria-label') || undefined;
|
|
17
|
-
}
|
|
18
|
-
/**
|
|
19
|
-
* The tabset component's ARIA labelled by attribute.
|
|
20
|
-
*/
|
|
21
|
-
get ariaLabelledBy() {
|
|
22
|
-
const tabsetEl = __classPrivateFieldGet(this, _SkyTabsetFixture_instances, "m", _SkyTabsetFixture_getTabsetEl).call(this);
|
|
23
|
-
return tabsetEl.getAttribute('aria-labelledby') || undefined;
|
|
24
|
-
}
|
|
25
|
-
/**
|
|
26
|
-
* The index of the currently selected tab.
|
|
27
|
-
*/
|
|
28
|
-
get activeTabIndex() {
|
|
29
|
-
const tabLinkEls = __classPrivateFieldGet(this, _SkyTabsetFixture_instances, "m", _SkyTabsetFixture_getTabLinkEls).call(this);
|
|
30
|
-
for (let i = 0, n = tabLinkEls.length; i < n; i++) {
|
|
31
|
-
if (tabLinkEls.item(i).classList.contains('sky-btn-tab-selected')) {
|
|
32
|
-
return i;
|
|
33
|
-
}
|
|
34
|
-
}
|
|
35
|
-
/* safety check */
|
|
36
|
-
/* istanbul ignore next */
|
|
37
|
-
return -1;
|
|
38
|
-
}
|
|
39
|
-
constructor(fixture, skyTestId) {
|
|
40
|
-
_SkyTabsetFixture_instances.add(this);
|
|
41
|
-
_SkyTabsetFixture_debugEl.set(this, void 0);
|
|
42
|
-
_SkyTabsetFixture_fixture.set(this, void 0);
|
|
43
|
-
__classPrivateFieldSet(this, _SkyTabsetFixture_fixture, fixture, "f");
|
|
44
|
-
__classPrivateFieldSet(this, _SkyTabsetFixture_debugEl, SkyAppTestUtility.getDebugElementByTestId(fixture, skyTestId, 'sky-tabset'), "f");
|
|
45
|
-
}
|
|
46
|
-
/**
|
|
47
|
-
* Retrieves information about the tab at the specified index.
|
|
48
|
-
* @param tabIndex The index of the tab.
|
|
49
|
-
*/
|
|
50
|
-
getTab(tabIndex) {
|
|
51
|
-
const tabLinkEl = __classPrivateFieldGet(this, _SkyTabsetFixture_instances, "m", _SkyTabsetFixture_getTabLinkEl).call(this, tabIndex);
|
|
52
|
-
const active = this.activeTabIndex === tabIndex;
|
|
53
|
-
const disabled = tabLinkEl.classList.contains('sky-btn-tab-disabled');
|
|
54
|
-
const tabHeading = __classPrivateFieldGet(this, _SkyTabsetFixture_instances, "m", _SkyTabsetFixture_getTextContent).call(this, tabLinkEl.querySelector('.sky-tab-heading')?.childNodes[0]);
|
|
55
|
-
const tabHeaderCount = __classPrivateFieldGet(this, _SkyTabsetFixture_instances, "m", _SkyTabsetFixture_getTextContent).call(this, tabLinkEl.querySelector('.sky-tab-header-count'));
|
|
56
|
-
let permalinkValue;
|
|
57
|
-
if (tabLinkEl.href) {
|
|
58
|
-
const permalink = tabLinkEl.href.split('?')[1];
|
|
59
|
-
if (permalink) {
|
|
60
|
-
const permalinkParts = permalink.split('=');
|
|
61
|
-
permalinkValue = decodeURIComponent(permalinkParts[1]);
|
|
62
|
-
}
|
|
63
|
-
}
|
|
64
|
-
return {
|
|
65
|
-
active,
|
|
66
|
-
disabled,
|
|
67
|
-
permalinkValue,
|
|
68
|
-
tabHeaderCount,
|
|
69
|
-
tabHeading,
|
|
70
|
-
};
|
|
71
|
-
}
|
|
72
|
-
/**
|
|
73
|
-
* Clicks the tabset's "new" button.
|
|
74
|
-
*/
|
|
75
|
-
async clickNewButton() {
|
|
76
|
-
return __classPrivateFieldGet(this, _SkyTabsetFixture_instances, "m", _SkyTabsetFixture_clickButton).call(this, 'sky-tabset-btn-new');
|
|
77
|
-
}
|
|
78
|
-
/**
|
|
79
|
-
* Clicks the tabset's "open" button.
|
|
80
|
-
*/
|
|
81
|
-
async clickOpenButton() {
|
|
82
|
-
return __classPrivateFieldGet(this, _SkyTabsetFixture_instances, "m", _SkyTabsetFixture_clickButton).call(this, 'sky-tabset-btn-open');
|
|
83
|
-
}
|
|
84
|
-
/**
|
|
85
|
-
* Clicks the tab button at the specified index.
|
|
86
|
-
* @param tabIndex The index of the tab.
|
|
87
|
-
*/
|
|
88
|
-
async clickTab(tabIndex) {
|
|
89
|
-
const tabLinkEl = __classPrivateFieldGet(this, _SkyTabsetFixture_instances, "m", _SkyTabsetFixture_getTabLinkEl).call(this, tabIndex);
|
|
90
|
-
tabLinkEl.click();
|
|
91
|
-
__classPrivateFieldGet(this, _SkyTabsetFixture_fixture, "f").detectChanges();
|
|
92
|
-
return __classPrivateFieldGet(this, _SkyTabsetFixture_fixture, "f").whenStable();
|
|
93
|
-
}
|
|
94
|
-
/**
|
|
95
|
-
* Click's the tab's close button at the specified index.
|
|
96
|
-
* @param tabIndex The index of the tab.
|
|
97
|
-
*/
|
|
98
|
-
async clickTabClose(tabIndex) {
|
|
99
|
-
const tabWrapperEl = __classPrivateFieldGet(this, _SkyTabsetFixture_instances, "m", _SkyTabsetFixture_getTabsetEl).call(this).querySelectorAll(`.sky-tabset-tabs .sky-btn-tab-wrapper`)[tabIndex];
|
|
100
|
-
const closeBtnEl = tabWrapperEl.querySelector('.sky-btn-tab-close');
|
|
101
|
-
if (!closeBtnEl) {
|
|
102
|
-
throw new Error('The specified tab does not have a close button.');
|
|
103
|
-
}
|
|
104
|
-
closeBtnEl.click();
|
|
105
|
-
__classPrivateFieldGet(this, _SkyTabsetFixture_fixture, "f").detectChanges();
|
|
106
|
-
return __classPrivateFieldGet(this, _SkyTabsetFixture_fixture, "f").whenStable();
|
|
107
|
-
}
|
|
108
|
-
}
|
|
109
|
-
_SkyTabsetFixture_debugEl = new WeakMap(), _SkyTabsetFixture_fixture = new WeakMap(), _SkyTabsetFixture_instances = new WeakSet(), _SkyTabsetFixture_clickButton = async function _SkyTabsetFixture_clickButton(buttonCls) {
|
|
110
|
-
const tabsetEl = __classPrivateFieldGet(this, _SkyTabsetFixture_instances, "m", _SkyTabsetFixture_getTabsetEl).call(this);
|
|
111
|
-
const newButtonEl = tabsetEl.querySelector(`.sky-tabset-btns .${buttonCls}`);
|
|
112
|
-
newButtonEl.click();
|
|
113
|
-
__classPrivateFieldGet(this, _SkyTabsetFixture_fixture, "f").detectChanges();
|
|
114
|
-
return __classPrivateFieldGet(this, _SkyTabsetFixture_fixture, "f").whenStable();
|
|
115
|
-
}, _SkyTabsetFixture_getTabsetEl = function _SkyTabsetFixture_getTabsetEl() {
|
|
116
|
-
const tabsetEl = __classPrivateFieldGet(this, _SkyTabsetFixture_debugEl, "f").query(By.css('.sky-tabset')).nativeElement;
|
|
117
|
-
return tabsetEl;
|
|
118
|
-
}, _SkyTabsetFixture_getTabLinkEls = function _SkyTabsetFixture_getTabLinkEls() {
|
|
119
|
-
return __classPrivateFieldGet(this, _SkyTabsetFixture_instances, "m", _SkyTabsetFixture_getTabsetEl).call(this).querySelectorAll(`.sky-tabset-tabs .sky-btn-tab`);
|
|
120
|
-
}, _SkyTabsetFixture_getTabLinkEl = function _SkyTabsetFixture_getTabLinkEl(tabIndex) {
|
|
121
|
-
const tabLinkEl = __classPrivateFieldGet(this, _SkyTabsetFixture_instances, "m", _SkyTabsetFixture_getTabLinkEls).call(this).item(tabIndex);
|
|
122
|
-
if (!tabLinkEl) {
|
|
123
|
-
throw new Error(`There is no tab at index ${tabIndex}.`);
|
|
124
|
-
}
|
|
125
|
-
return tabLinkEl;
|
|
126
|
-
}, _SkyTabsetFixture_getTextContent = function _SkyTabsetFixture_getTextContent(el) {
|
|
127
|
-
return (el && el.textContent?.trim()) || undefined;
|
|
128
|
-
};
|
|
129
|
-
|
|
130
|
-
/**
|
|
131
|
-
* Generated bundle index. Do not edit.
|
|
132
|
-
*/
|
|
133
|
-
|
|
134
|
-
export { SkyTabsetFixture };
|
|
135
|
-
//# sourceMappingURL=skyux-tabs-testing.mjs.map
|