globuswebcomponents 1.6.2 → 1.6.3
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/dist/cjs/gb-avatar_16.cjs.entry.js +4 -3
- package/dist/cjs/gb-avatar_16.cjs.entry.js.map +1 -1
- package/dist/collection/components/gb-vertical-tabs/gb-vertical-tabs.js +6 -5
- package/dist/collection/components/gb-vertical-tabs/gb-vertical-tabs.js.map +1 -1
- package/dist/components/gb-top-bar-sidemenu.js +1 -1
- package/dist/components/gb-vertical-tabs.js +1 -1
- package/dist/components/p-C59Zzl57.js +121 -0
- package/dist/components/p-C59Zzl57.js.map +1 -0
- package/dist/docs.json +4 -4
- package/dist/esm/gb-avatar_16.entry.js +4 -3
- package/dist/esm/gb-avatar_16.entry.js.map +1 -1
- package/dist/globuscomponents/globuscomponents.esm.js +1 -1
- package/dist/globuscomponents/{p-e8b167f3.entry.js → p-8fb57c55.entry.js} +2 -2
- package/dist/globuscomponents/p-8fb57c55.entry.js.map +1 -0
- package/dist/types/components/gb-vertical-tabs/gb-vertical-tabs.d.ts +5 -2
- package/dist/types/components.d.ts +2 -2
- package/package.json +1 -1
- package/dist/components/p-Dpimuww8.js +0 -120
- package/dist/components/p-Dpimuww8.js.map +0 -1
- package/dist/globuscomponents/p-e8b167f3.entry.js.map +0 -1
|
@@ -714,12 +714,13 @@ const GbVerticalTabs = class {
|
|
|
714
714
|
this.twentiethTabName = '';
|
|
715
715
|
this.activeIndex = 0;
|
|
716
716
|
}
|
|
717
|
-
async handleTabClick(index) {
|
|
717
|
+
async handleTabClick(index, label) {
|
|
718
718
|
this.activeIndex = index;
|
|
719
|
-
|
|
719
|
+
console.log({ index: index, label: label });
|
|
720
|
+
this.tabItemClicked.emit({ index, label });
|
|
720
721
|
}
|
|
721
722
|
render() {
|
|
722
|
-
return (index.h("div", { key: '
|
|
723
|
+
return (index.h("div", { key: 'a4894d8c1c9c41c64d65964c70e36c833483b820', class: `vertical_tab_div` }, index.h("gb-tab-button-base", { key: '8bb22f13ea1955a91a9a63df77b00894cf1d7fb6', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.firstTabName, current: this.activeIndex === 0, onClick: () => this.handleTabClick(0, this.firstTabName), alignment: "vertical" }), index.h("gb-tab-button-base", { key: 'ef597d1ab4a3819ed6dd6e714421abe2ccf0aaa3', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.secondTabName, current: this.activeIndex === 1, onClick: () => this.handleTabClick(1, this.secondTabName), alignment: "vertical" }), this.thirdTabName && (index.h("gb-tab-button-base", { key: '36acc984f1c0074b65daeb65d82ee4dbcb145cc8', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.thirdTabName, current: this.activeIndex === 2, onClick: () => this.handleTabClick(2, this.thirdTabName), alignment: "vertical" })), this.fourthTabName && (index.h("gb-tab-button-base", { key: '55e90c37c8ec6960e2546ac8b9c29ad1fb7b5c99', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.fourthTabName, current: this.activeIndex === 3, onClick: () => this.handleTabClick(3, this.fourthTabName), alignment: "vertical" })), this.fifthTabName && (index.h("gb-tab-button-base", { key: '89edc17985f702f83b1a51693d1aa7e6675d672b', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.fifthTabName, current: this.activeIndex === 4, onClick: () => this.handleTabClick(4, this.fifthTabName), alignment: "vertical" })), this.sixthTabName && (index.h("gb-tab-button-base", { key: '2d751d795bf213dae67971b19816a8f648848e49', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.sixthTabName, current: this.activeIndex === 5, onClick: () => this.handleTabClick(5, this.sixthTabName), alignment: "vertical" })), this.seventhTabName && (index.h("gb-tab-button-base", { key: 'e7f3c3f476e35b1fd0e2fbdc3333678c9872a3a8', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.seventhTabName, current: this.activeIndex === 6, onClick: () => this.handleTabClick(6, this.seventhTabName), alignment: "vertical" })), this.eighthTabName && (index.h("gb-tab-button-base", { key: '882be40c5689d357091858ce9591c0cece606d2f', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.eighthTabName, current: this.activeIndex === 7, onClick: () => this.handleTabClick(7, this.eighthTabName), alignment: "vertical" })), this.ninthTabName && (index.h("gb-tab-button-base", { key: '433988547e0376b17dd50c682f17016b6ca7e428', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.ninthTabName, current: this.activeIndex === 8, onClick: () => this.handleTabClick(8, this.ninthTabName), alignment: "vertical" })), this.tenthTabName && (index.h("gb-tab-button-base", { key: '54fe195a50d444118db2742dc0e38bb13ad0438f', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.tenthTabName, current: this.activeIndex === 9, onClick: () => this.handleTabClick(9, this.tenthTabName), alignment: "vertical" })), this.eleventhTabName && (index.h("gb-tab-button-base", { key: '7c9c1f93e85b1ce99aef60787daa36a78d5caed2', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.eleventhTabName, current: this.activeIndex === 10, onClick: () => this.handleTabClick(10, this.eleventhTabName), alignment: "vertical" })), this.twelfthTabName && (index.h("gb-tab-button-base", { key: 'd14d6308ebae4690094c61319de23536dd1e4c00', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.twelfthTabName, current: this.activeIndex === 11, onClick: () => this.handleTabClick(11, this.twelfthTabName), alignment: "vertical" })), this.thirteenthTabName && (index.h("gb-tab-button-base", { key: 'fc75145ba65129f05ad3dec63cb3176a3633c7df', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.thirteenthTabName, current: this.activeIndex === 12, onClick: () => this.handleTabClick(12, this.thirteenthTabName), alignment: "vertical" })), this.fourteenthTabName && (index.h("gb-tab-button-base", { key: 'd5ae370a964cbd8ed8063d5b5a8789976a9a746b', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.fourteenthTabName, current: this.activeIndex === 13, onClick: () => this.handleTabClick(13, this.fourteenthTabName), alignment: "vertical" })), this.fifteenthTabName && (index.h("gb-tab-button-base", { key: '30f1dc04ab5a4aae99a539a4dbdac3b6db382c43', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.fifteenthTabName, current: this.activeIndex === 14, onClick: () => this.handleTabClick(14, this.fifteenthTabName), alignment: "vertical" })), this.sixteenthTabName && (index.h("gb-tab-button-base", { key: 'aa7383faff0e7c1f7e8c5a29f293817f136a4ef3', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.sixteenthTabName, current: this.activeIndex === 15, onClick: () => this.handleTabClick(15, this.sixteenthTabName), alignment: "vertical" })), this.seventeenthTabName && (index.h("gb-tab-button-base", { key: '47ce5b95eeaa3792f82e9a7acac73a54d208e90e', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.seventeenthTabName, current: this.activeIndex === 16, onClick: () => this.handleTabClick(16, this.seventeenthTabName), alignment: "vertical" })), this.eighteenthTabName && (index.h("gb-tab-button-base", { key: 'b02ad56deb69b664dd4d3806d97627286602f908', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.eighteenthTabName, current: this.activeIndex === 17, onClick: () => this.handleTabClick(17, this.eighteenthTabName), alignment: "vertical" })), this.nineteenthTabName && (index.h("gb-tab-button-base", { key: '9b0bc337902d84328643fc2c6984583947409757', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.nineteenthTabName, current: this.activeIndex === 18, onClick: () => this.handleTabClick(18, this.nineteenthTabName), alignment: "vertical" })), this.twentiethTabName && (index.h("gb-tab-button-base", { key: '9398f852fd221389b7f327867763ab9bf4dfe3b6', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.twentiethTabName, current: this.activeIndex === 19, onClick: () => this.handleTabClick(19, this.twentiethTabName), alignment: "vertical" }))));
|
|
723
724
|
}
|
|
724
725
|
};
|
|
725
726
|
GbVerticalTabs.style = gbVerticalTabsCss;
|