globuswebcomponents 1.3.7 → 1.3.9

package/dist/components/{p-cdce4940.js → p-fea54fb3.js}

@@ -1,10 +1,10 @@
 import { p as proxyCustomElement, H, c as createEvent, h } from './p-ad960c29.js';
-import { d as defineCustomElement$6 } from './p-46a9e005.js';
+import { d as defineCustomElement$6 } from './p-17907f9c.js';
 import { d as defineCustomElement$5 } from './p-8bf8066e.js';
-import { d as defineCustomElement$4 } from './p-e886b82d.js';
+import { d as defineCustomElement$4 } from './p-26a11a36.js';
 import { d as defineCustomElement$3 } from './p-421faeca.js';
-import { d as defineCustomElement$2 } from './p-29c53d46.js';
-import { d as defineCustomElement$1 } from './p-c768a5da.js';
+import { d as defineCustomElement$2 } from './p-58ef6413.js';
+import { d as defineCustomElement$1 } from './p-eec6d84d.js';
 
 const gbVerticalTabsCss = ".vertical_tab_div{display:flex;flex-direction:column;gap:var(--spacing-1);width:100%}";
 const GbVerticalTabsStyle0 = gbVerticalTabsCss;
@@ -44,7 +44,7 @@ const GbVerticalTabs = /*@__PURE__*/ proxyCustomElement(class GbVerticalTabs ext
         this.tabItemClicked.emit(index);
     }
     render() {
-        return (h("div", { key: 'a811e691d3408f1dc1e5e19beebea92d3d571d00', class: `vertical_tab_div` }, h("gb-tab-button-base", { key: '9fe196869277b77a09c4a4f9c5796e9acaa240b6', 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), alignment: "vertical" }), h("gb-tab-button-base", { key: '89b03a6c23594b0b574272cca92ae3afede43e44', 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), alignment: "vertical" }), this.thirdTabName && (h("gb-tab-button-base", { key: '454145f8e455eb01301f2ef7d07f10552d743e14', 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), alignment: "vertical" })), this.fourthTabName && (h("gb-tab-button-base", { key: '73812897e2bb67e04f519a5d291cd6f539984d29', 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), alignment: "vertical" })), this.fifthTabName && (h("gb-tab-button-base", { key: 'b4cf481bc623094d90c7c4c1b42e263051c4665f', 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.sixthTabName && (h("gb-tab-button-base", { key: '17c9468e1f33a42adb5f5917c7b3abfd37c24c84', 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.seventhTabName && (h("gb-tab-button-base", { key: 'd0b6b800040ed29ab1618b89cd22d8012cb15a32', 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.eighthTabName && (h("gb-tab-button-base", { key: '125d0ad8416ddce07cecfc50fa0adb2578240ce1', 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.ninthTabName && (h("gb-tab-button-base", { key: 'e217501637934331c1020652ac84623e4869de70', 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.tenthTabName && (h("gb-tab-button-base", { key: '7674698b7ee8f05a28245e9e174c7010e305832f', 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.eleventhTabName && (h("gb-tab-button-base", { key: 'c761404d6f0cca0e949f57598588869244320d23', 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.twelfthTabName && (h("gb-tab-button-base", { key: '806bd8136a1df19a7981d3b1432b17bf01aec494', 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.thirteenthTabName && (h("gb-tab-button-base", { key: '5eaa9e7641f4efda959fe504b2c5a04f5d2e637c', 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.fourteenthTabName && (h("gb-tab-button-base", { key: '49fbbae047986f5d51b29069a28371b3ce3b51aa', 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.fifteenthTabName && (h("gb-tab-button-base", { key: 'a89b0ad600ece25ada4a7d0f1c8c059c96d567c1', 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.sixteenthTabName && (h("gb-tab-button-base", { key: 'e3cabfa4d578767494d95d53c0da64a62e053284', 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.seventeenthTabName && (h("gb-tab-button-base", { key: '121299ba0a5c374b9e022a91505533f641efcb8a', 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.eighteenthTabName && (h("gb-tab-button-base", { key: '4da7c067a771ccac4a1b6f8c1a9599de02192d65', 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.nineteenthTabName && (h("gb-tab-button-base", { key: '47729114797318d78f1224428c87051e3f4c4ead', 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.twentiethTabName && (h("gb-tab-button-base", { key: '62fb8ea8e509bf56b7748122dddd604629f92496', 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) }))));
+        return (h("div", { key: 'a099694a9f7b26bd0b11f72c6ef5958d4cc854f1', class: `vertical_tab_div` }, h("gb-tab-button-base", { key: '338692cc9b3af9be657b6b5218b8f7d2d1c10160', 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), alignment: "vertical" }), h("gb-tab-button-base", { key: '8448767caf9277d04d63baf664eed452c30f1d5b', 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), alignment: "vertical" }), this.thirdTabName && (h("gb-tab-button-base", { key: '235b975fafc2470b51369aa7eb7f9fce8e78a5ca', 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), alignment: "vertical" })), this.fourthTabName && (h("gb-tab-button-base", { key: '0d1f629a3d7dd36d84d4411a5f98c53690bf3135', 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), alignment: "vertical" })), this.fifthTabName && (h("gb-tab-button-base", { key: 'ae0d5d8d92a95a7e6b236aaf8f0df16f944b0b8d', 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.sixthTabName && (h("gb-tab-button-base", { key: '06b06cae1317d65068525ace0b1ad4ef077fbff7', 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.seventhTabName && (h("gb-tab-button-base", { key: 'dfa009db0e8c749aab9df0a683e8101ce9c8a932', 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.eighthTabName && (h("gb-tab-button-base", { key: '1c5d40c4c0050acfe8e67bad5d2ac00f8c6fab47', 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.ninthTabName && (h("gb-tab-button-base", { key: '0598a2019b9a9c1c6926115ca10f7fa3ff36da59', 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.tenthTabName && (h("gb-tab-button-base", { key: '02f8913d0b293f9063730a1175a514fb31843700', 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.eleventhTabName && (h("gb-tab-button-base", { key: '43163a5c0406d781ddaabc28127144284a504bb5', 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.twelfthTabName && (h("gb-tab-button-base", { key: 'adcd2924f1df3d725e41405f96107cc92ba2358c', 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.thirteenthTabName && (h("gb-tab-button-base", { key: '0ab8fd52282294c4978983d06870f39484640e1e', 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.fourteenthTabName && (h("gb-tab-button-base", { key: 'af26d72a02f4d9a5e78ae86a61c28c91010f7dfd', 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.fifteenthTabName && (h("gb-tab-button-base", { key: '7473166b61bada52f93097a631c1c7494791b0e3', 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.sixteenthTabName && (h("gb-tab-button-base", { key: 'ef0263842e2fedbd10fafbba3177abd0c47d1e01', 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.seventeenthTabName && (h("gb-tab-button-base", { key: 'fac02b6c786a7d064a4e8398926abd146472bfba', 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.eighteenthTabName && (h("gb-tab-button-base", { key: '2cf4f2f523f017e7e119b1a0f5838225762f1c50', 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.nineteenthTabName && (h("gb-tab-button-base", { key: '84998e50d3e52d1007e0089ee13b8afdb9893191', 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.twentiethTabName && (h("gb-tab-button-base", { key: '1d619b991c55f8cedf3877f5be1c7aa85fc5da12', 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) }))));
     }
     static get style() { return GbVerticalTabsStyle0; }
 }, [1, "gb-vertical-tabs", {
@@ -119,4 +119,4 @@ defineCustomElement();
 
 export { GbVerticalTabs as G, defineCustomElement as d };
 
-//# sourceMappingURL=p-cdce4940.js.map
+//# sourceMappingURL=p-fea54fb3.js.map

package/dist/components/{p-cdce4940.js.map → p-fea54fb3.js.map}

@@ -1 +1 @@
-{"file":"p-cdce4940.js","mappings":"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","names":[],"sources":["src/components/gb-vertical-tabs/gb-vertical-tabs.css?tag=gb-vertical-tabs&encapsulation=shadow","src/components/gb-vertical-tabs/gb-vertical-tabs.tsx"],"sourcesContent":[".vertical_tab_div{\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: var(--spacing-1);\r\n    width: 100%;\r\n}","import { Component, Event, EventEmitter, Prop, h } from \"@stencil/core\";\r\nimport { GeneralSizes, TabTypes } from \"../../models/reusableModels\";\r\n\r\n@Component({\r\n    tag: 'gb-vertical-tabs',\r\n    styleUrl: 'gb-vertical-tabs.css',\r\n    shadow: true\r\n})\r\n\r\nexport class GbVerticalTabs {\r\n    @Prop() size: GeneralSizes;\r\n    @Prop() type: TabTypes;\r\n    @Prop() firstTabName: string = '';\r\n    @Prop() secondTabName: string = '';\r\n    @Prop() thirdTabName: string = '';\r\n    @Prop() fourthTabName: string = '';\r\n    @Prop() fifthTabName: string = '';\r\n    @Prop() sixthTabName: string = '';\r\n    @Prop() seventhTabName: string = '';\r\n    @Prop() eighthTabName: string = '';\r\n    @Prop() ninthTabName: string = '';\r\n    @Prop() tenthTabName: string = '';\r\n    @Prop() eleventhTabName: string = '';\r\n    @Prop() twelfthTabName: string = '';\r\n    @Prop() thirteenthTabName: string = '';\r\n    @Prop() fourteenthTabName: string = '';\r\n    @Prop() fifteenthTabName: string = '';\r\n    @Prop() sixteenthTabName: string = '';\r\n    @Prop() seventeenthTabName: string = '';\r\n    @Prop() eighteenthTabName: string = '';\r\n    @Prop() nineteenthTabName: string = '';\r\n    @Prop() twentiethTabName: string = '';\r\n    @Prop({ mutable: true }) activeIndex: number = 0;\r\n    @Event() tabItemClicked: EventEmitter<number>;\r\n\r\n    async handleTabClick(index: number) {\r\n      this.activeIndex = index;\r\n      this.tabItemClicked.emit(index);\r\n    }\r\n\r\n    render() {\r\n        return (\r\n          <div class={`vertical_tab_div`}>\r\n            <gb-tab-button-base\r\n              size={this.size}\r\n              type={this.type === 'button_gray_border' ? 'button_white' : this.type}\r\n              tab-name={this.firstTabName}\r\n              current={this.activeIndex === 0}\r\n              onClick={() => this.handleTabClick(0)}\r\n              alignment=\"vertical\"\r\n            ></gb-tab-button-base>\r\n            <gb-tab-button-base\r\n              size={this.size}\r\n              type={this.type === 'button_gray_border' ? 'button_white' : this.type}\r\n              tab-name={this.secondTabName}\r\n              current={this.activeIndex === 1}\r\n              onClick={() => this.handleTabClick(1)}\r\n              alignment=\"vertical\"\r\n            ></gb-tab-button-base>\r\n            {this.thirdTabName && (\r\n              <gb-tab-button-base\r\n                size={this.size}\r\n                type={this.type === 'button_gray_border' ? 'button_white' : this.type}\r\n                tab-name={this.thirdTabName}\r\n                current={this.activeIndex === 2}\r\n                onClick={() => this.handleTabClick(2)}\r\n                alignment=\"vertical\"\r\n              ></gb-tab-button-base>\r\n            )}\r\n            {this.fourthTabName && (\r\n              <gb-tab-button-base\r\n                size={this.size}\r\n                type={this.type === 'button_gray_border' ? 'button_white' : this.type}\r\n                tab-name={this.fourthTabName}\r\n                current={this.activeIndex === 3}\r\n                onClick={() => this.handleTabClick(3)}\r\n                alignment=\"vertical\"\r\n              ></gb-tab-button-base>\r\n            )}\r\n            {this.fifthTabName && (\r\n              <gb-tab-button-base\r\n                size={this.size}\r\n                type={this.type === 'button_gray_border' ? 'button_white' : this.type}\r\n                tab-name={this.fifthTabName}\r\n                current={this.activeIndex === 4}\r\n                onClick={() => this.handleTabClick(4)}\r\n              ></gb-tab-button-base>\r\n            )}\r\n            {this.sixthTabName && (\r\n              <gb-tab-button-base\r\n                size={this.size}\r\n                type={this.type === 'button_gray_border' ? 'button_white' : this.type}\r\n                tab-name={this.sixthTabName}\r\n                current={this.activeIndex === 5}\r\n                onClick={() => this.handleTabClick(5)}\r\n              ></gb-tab-button-base>\r\n            )}\r\n            {this.seventhTabName && (\r\n              <gb-tab-button-base\r\n                size={this.size}\r\n                type={this.type === 'button_gray_border' ? 'button_white' : this.type}\r\n                tab-name={this.seventhTabName}\r\n                current={this.activeIndex === 6}\r\n                onClick={() => this.handleTabClick(6)}\r\n              ></gb-tab-button-base>\r\n            )}\r\n            {this.eighthTabName && (\r\n              <gb-tab-button-base\r\n                size={this.size}\r\n                type={this.type === 'button_gray_border' ? 'button_white' : this.type}\r\n                tab-name={this.eighthTabName}\r\n                current={this.activeIndex === 7}\r\n                onClick={() => this.handleTabClick(7)}\r\n              ></gb-tab-button-base>\r\n            )}\r\n            {this.ninthTabName && (\r\n              <gb-tab-button-base\r\n                size={this.size}\r\n                type={this.type === 'button_gray_border' ? 'button_white' : this.type}\r\n                tab-name={this.ninthTabName}\r\n                current={this.activeIndex === 8}\r\n                onClick={() => this.handleTabClick(8)}\r\n              ></gb-tab-button-base>\r\n            )}\r\n            {this.tenthTabName && (\r\n              <gb-tab-button-base\r\n                size={this.size}\r\n                type={this.type === 'button_gray_border' ? 'button_white' : this.type}\r\n                tab-name={this.tenthTabName}\r\n                current={this.activeIndex === 9}\r\n                onClick={() => this.handleTabClick(9)}\r\n              ></gb-tab-button-base>\r\n            )}\r\n            {this.eleventhTabName && (\r\n              <gb-tab-button-base\r\n                size={this.size}\r\n                type={this.type === 'button_gray_border' ? 'button_white' : this.type}\r\n                tab-name={this.eleventhTabName}\r\n                current={this.activeIndex === 10}\r\n                onClick={() => this.handleTabClick(10)}\r\n              ></gb-tab-button-base>\r\n            )}\r\n            {this.twelfthTabName && (\r\n              <gb-tab-button-base\r\n                size={this.size}\r\n                type={this.type === 'button_gray_border' ? 'button_white' : this.type}\r\n                tab-name={this.twelfthTabName}\r\n                current={this.activeIndex === 11}\r\n                onClick={() => this.handleTabClick(11)}\r\n              ></gb-tab-button-base>\r\n            )}\r\n            {this.thirteenthTabName && (\r\n              <gb-tab-button-base\r\n                size={this.size}\r\n                type={this.type === 'button_gray_border' ? 'button_white' : this.type}\r\n                tab-name={this.thirteenthTabName}\r\n                current={this.activeIndex === 12}\r\n                onClick={() => this.handleTabClick(12)}\r\n              ></gb-tab-button-base>\r\n            )}\r\n            {this.fourteenthTabName && (\r\n              <gb-tab-button-base\r\n                size={this.size}\r\n                type={this.type === 'button_gray_border' ? 'button_white' : this.type}\r\n                tab-name={this.fourteenthTabName}\r\n                current={this.activeIndex === 13}\r\n                onClick={() => this.handleTabClick(13)}\r\n              ></gb-tab-button-base>\r\n            )}\r\n            {this.fifteenthTabName && (\r\n              <gb-tab-button-base\r\n                size={this.size}\r\n                type={this.type === 'button_gray_border' ? 'button_white' : this.type}\r\n                tab-name={this.fifteenthTabName}\r\n                current={this.activeIndex === 14}\r\n                onClick={() => this.handleTabClick(14)}\r\n              ></gb-tab-button-base>\r\n            )}\r\n            {this.sixteenthTabName && (\r\n              <gb-tab-button-base\r\n                size={this.size}\r\n                type={this.type === 'button_gray_border' ? 'button_white' : this.type}\r\n                tab-name={this.sixteenthTabName}\r\n                current={this.activeIndex === 15}\r\n                onClick={() => this.handleTabClick(15)}\r\n              ></gb-tab-button-base>\r\n            )}\r\n            {this.seventeenthTabName && (\r\n              <gb-tab-button-base\r\n                size={this.size}\r\n                type={this.type === 'button_gray_border' ? 'button_white' : this.type}\r\n                tab-name={this.seventeenthTabName}\r\n                current={this.activeIndex === 16}\r\n                onClick={() => this.handleTabClick(16)}\r\n              ></gb-tab-button-base>\r\n            )}\r\n            {this.eighteenthTabName && (\r\n              <gb-tab-button-base\r\n                size={this.size}\r\n                type={this.type === 'button_gray_border' ? 'button_white' : this.type}\r\n                tab-name={this.eighteenthTabName}\r\n                current={this.activeIndex === 17}\r\n                onClick={() => this.handleTabClick(17)}\r\n              ></gb-tab-button-base>\r\n            )}\r\n            {this.nineteenthTabName && (\r\n              <gb-tab-button-base\r\n                size={this.size}\r\n                type={this.type === 'button_gray_border' ? 'button_white' : this.type}\r\n                tab-name={this.nineteenthTabName}\r\n                current={this.activeIndex === 18}\r\n                onClick={() => this.handleTabClick(18)}\r\n              ></gb-tab-button-base>\r\n            )}\r\n            {this.twentiethTabName && (\r\n              <gb-tab-button-base\r\n                size={this.size}\r\n                type={this.type === 'button_gray_border' ? 'button_white' : this.type}\r\n                tab-name={this.twentiethTabName}\r\n                current={this.activeIndex === 19}\r\n                onClick={() => this.handleTabClick(19)}\r\n              ></gb-tab-button-base>\r\n            )}\r\n          </div>\r\n        );\r\n    }\r\n}"],"version":3}
+{"file":"p-fea54fb3.js","mappings":"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","names":[],"sources":["src/components/gb-vertical-tabs/gb-vertical-tabs.css?tag=gb-vertical-tabs&encapsulation=shadow","src/components/gb-vertical-tabs/gb-vertical-tabs.tsx"],"sourcesContent":[".vertical_tab_div{\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: var(--spacing-1);\r\n    width: 100%;\r\n}","import { Component, Event, EventEmitter, Prop, h } from \"@stencil/core\";\r\nimport { GeneralSizes, TabTypes } from \"../../models/reusableModels\";\r\n\r\n@Component({\r\n    tag: 'gb-vertical-tabs',\r\n    styleUrl: 'gb-vertical-tabs.css',\r\n    shadow: true\r\n})\r\n\r\nexport class GbVerticalTabs {\r\n    @Prop() size: GeneralSizes;\r\n    @Prop() type: TabTypes;\r\n    @Prop() firstTabName: string = '';\r\n    @Prop() secondTabName: string = '';\r\n    @Prop() thirdTabName: string = '';\r\n    @Prop() fourthTabName: string = '';\r\n    @Prop() fifthTabName: string = '';\r\n    @Prop() sixthTabName: string = '';\r\n    @Prop() seventhTabName: string = '';\r\n    @Prop() eighthTabName: string = '';\r\n    @Prop() ninthTabName: string = '';\r\n    @Prop() tenthTabName: string = '';\r\n    @Prop() eleventhTabName: string = '';\r\n    @Prop() twelfthTabName: string = '';\r\n    @Prop() thirteenthTabName: string = '';\r\n    @Prop() fourteenthTabName: string = '';\r\n    @Prop() fifteenthTabName: string = '';\r\n    @Prop() sixteenthTabName: string = '';\r\n    @Prop() seventeenthTabName: string = '';\r\n    @Prop() eighteenthTabName: string = '';\r\n    @Prop() nineteenthTabName: string = '';\r\n    @Prop() twentiethTabName: string = '';\r\n    @Prop({ mutable: true }) activeIndex: number = 0;\r\n    @Event() tabItemClicked: EventEmitter<number>;\r\n\r\n    async handleTabClick(index: number) {\r\n      this.activeIndex = index;\r\n      this.tabItemClicked.emit(index);\r\n    }\r\n\r\n    render() {\r\n        return (\r\n          <div class={`vertical_tab_div`}>\r\n            <gb-tab-button-base\r\n              size={this.size}\r\n              type={this.type === 'button_gray_border' ? 'button_white' : this.type}\r\n              tab-name={this.firstTabName}\r\n              current={this.activeIndex === 0}\r\n              onClick={() => this.handleTabClick(0)}\r\n              alignment=\"vertical\"\r\n            ></gb-tab-button-base>\r\n            <gb-tab-button-base\r\n              size={this.size}\r\n              type={this.type === 'button_gray_border' ? 'button_white' : this.type}\r\n              tab-name={this.secondTabName}\r\n              current={this.activeIndex === 1}\r\n              onClick={() => this.handleTabClick(1)}\r\n              alignment=\"vertical\"\r\n            ></gb-tab-button-base>\r\n            {this.thirdTabName && (\r\n              <gb-tab-button-base\r\n                size={this.size}\r\n                type={this.type === 'button_gray_border' ? 'button_white' : this.type}\r\n                tab-name={this.thirdTabName}\r\n                current={this.activeIndex === 2}\r\n                onClick={() => this.handleTabClick(2)}\r\n                alignment=\"vertical\"\r\n              ></gb-tab-button-base>\r\n            )}\r\n            {this.fourthTabName && (\r\n              <gb-tab-button-base\r\n                size={this.size}\r\n                type={this.type === 'button_gray_border' ? 'button_white' : this.type}\r\n                tab-name={this.fourthTabName}\r\n                current={this.activeIndex === 3}\r\n                onClick={() => this.handleTabClick(3)}\r\n                alignment=\"vertical\"\r\n              ></gb-tab-button-base>\r\n            )}\r\n            {this.fifthTabName && (\r\n              <gb-tab-button-base\r\n                size={this.size}\r\n                type={this.type === 'button_gray_border' ? 'button_white' : this.type}\r\n                tab-name={this.fifthTabName}\r\n                current={this.activeIndex === 4}\r\n                onClick={() => this.handleTabClick(4)}\r\n              ></gb-tab-button-base>\r\n            )}\r\n            {this.sixthTabName && (\r\n              <gb-tab-button-base\r\n                size={this.size}\r\n                type={this.type === 'button_gray_border' ? 'button_white' : this.type}\r\n                tab-name={this.sixthTabName}\r\n                current={this.activeIndex === 5}\r\n                onClick={() => this.handleTabClick(5)}\r\n              ></gb-tab-button-base>\r\n            )}\r\n            {this.seventhTabName && (\r\n              <gb-tab-button-base\r\n                size={this.size}\r\n                type={this.type === 'button_gray_border' ? 'button_white' : this.type}\r\n                tab-name={this.seventhTabName}\r\n                current={this.activeIndex === 6}\r\n                onClick={() => this.handleTabClick(6)}\r\n              ></gb-tab-button-base>\r\n            )}\r\n            {this.eighthTabName && (\r\n              <gb-tab-button-base\r\n                size={this.size}\r\n                type={this.type === 'button_gray_border' ? 'button_white' : this.type}\r\n                tab-name={this.eighthTabName}\r\n                current={this.activeIndex === 7}\r\n                onClick={() => this.handleTabClick(7)}\r\n              ></gb-tab-button-base>\r\n            )}\r\n            {this.ninthTabName && (\r\n              <gb-tab-button-base\r\n                size={this.size}\r\n                type={this.type === 'button_gray_border' ? 'button_white' : this.type}\r\n                tab-name={this.ninthTabName}\r\n                current={this.activeIndex === 8}\r\n                onClick={() => this.handleTabClick(8)}\r\n              ></gb-tab-button-base>\r\n            )}\r\n            {this.tenthTabName && (\r\n              <gb-tab-button-base\r\n                size={this.size}\r\n                type={this.type === 'button_gray_border' ? 'button_white' : this.type}\r\n                tab-name={this.tenthTabName}\r\n                current={this.activeIndex === 9}\r\n                onClick={() => this.handleTabClick(9)}\r\n              ></gb-tab-button-base>\r\n            )}\r\n            {this.eleventhTabName && (\r\n              <gb-tab-button-base\r\n                size={this.size}\r\n                type={this.type === 'button_gray_border' ? 'button_white' : this.type}\r\n                tab-name={this.eleventhTabName}\r\n                current={this.activeIndex === 10}\r\n                onClick={() => this.handleTabClick(10)}\r\n              ></gb-tab-button-base>\r\n            )}\r\n            {this.twelfthTabName && (\r\n              <gb-tab-button-base\r\n                size={this.size}\r\n                type={this.type === 'button_gray_border' ? 'button_white' : this.type}\r\n                tab-name={this.twelfthTabName}\r\n                current={this.activeIndex === 11}\r\n                onClick={() => this.handleTabClick(11)}\r\n              ></gb-tab-button-base>\r\n            )}\r\n            {this.thirteenthTabName && (\r\n              <gb-tab-button-base\r\n                size={this.size}\r\n                type={this.type === 'button_gray_border' ? 'button_white' : this.type}\r\n                tab-name={this.thirteenthTabName}\r\n                current={this.activeIndex === 12}\r\n                onClick={() => this.handleTabClick(12)}\r\n              ></gb-tab-button-base>\r\n            )}\r\n            {this.fourteenthTabName && (\r\n              <gb-tab-button-base\r\n                size={this.size}\r\n                type={this.type === 'button_gray_border' ? 'button_white' : this.type}\r\n                tab-name={this.fourteenthTabName}\r\n                current={this.activeIndex === 13}\r\n                onClick={() => this.handleTabClick(13)}\r\n              ></gb-tab-button-base>\r\n            )}\r\n            {this.fifteenthTabName && (\r\n              <gb-tab-button-base\r\n                size={this.size}\r\n                type={this.type === 'button_gray_border' ? 'button_white' : this.type}\r\n                tab-name={this.fifteenthTabName}\r\n                current={this.activeIndex === 14}\r\n                onClick={() => this.handleTabClick(14)}\r\n              ></gb-tab-button-base>\r\n            )}\r\n            {this.sixteenthTabName && (\r\n              <gb-tab-button-base\r\n                size={this.size}\r\n                type={this.type === 'button_gray_border' ? 'button_white' : this.type}\r\n                tab-name={this.sixteenthTabName}\r\n                current={this.activeIndex === 15}\r\n                onClick={() => this.handleTabClick(15)}\r\n              ></gb-tab-button-base>\r\n            )}\r\n            {this.seventeenthTabName && (\r\n              <gb-tab-button-base\r\n                size={this.size}\r\n                type={this.type === 'button_gray_border' ? 'button_white' : this.type}\r\n                tab-name={this.seventeenthTabName}\r\n                current={this.activeIndex === 16}\r\n                onClick={() => this.handleTabClick(16)}\r\n              ></gb-tab-button-base>\r\n            )}\r\n            {this.eighteenthTabName && (\r\n              <gb-tab-button-base\r\n                size={this.size}\r\n                type={this.type === 'button_gray_border' ? 'button_white' : this.type}\r\n                tab-name={this.eighteenthTabName}\r\n                current={this.activeIndex === 17}\r\n                onClick={() => this.handleTabClick(17)}\r\n              ></gb-tab-button-base>\r\n            )}\r\n            {this.nineteenthTabName && (\r\n              <gb-tab-button-base\r\n                size={this.size}\r\n                type={this.type === 'button_gray_border' ? 'button_white' : this.type}\r\n                tab-name={this.nineteenthTabName}\r\n                current={this.activeIndex === 18}\r\n                onClick={() => this.handleTabClick(18)}\r\n              ></gb-tab-button-base>\r\n            )}\r\n            {this.twentiethTabName && (\r\n              <gb-tab-button-base\r\n                size={this.size}\r\n                type={this.type === 'button_gray_border' ? 'button_white' : this.type}\r\n                tab-name={this.twentiethTabName}\r\n                current={this.activeIndex === 19}\r\n                onClick={() => this.handleTabClick(19)}\r\n              ></gb-tab-button-base>\r\n            )}\r\n          </div>\r\n        );\r\n    }\r\n}"],"version":3}

package/dist/components/test-input-tag.js

@@ -1,15 +1,15 @@
 import { p as proxyCustomElement, H, c as createEvent, h } from './p-ad960c29.js';
 import { S as StateEnum } from './p-47052b60.js';
-import { d as defineCustomElement$b } from './p-46a9e005.js';
+import { d as defineCustomElement$b } from './p-17907f9c.js';
 import { d as defineCustomElement$a } from './p-8bf8066e.js';
-import { d as defineCustomElement$9 } from './p-c3b6b547.js';
-import { d as defineCustomElement$8 } from './p-dda5c433.js';
-import { d as defineCustomElement$7 } from './p-9a5ccb4b.js';
-import { d as defineCustomElement$6 } from './p-29c53d46.js';
-import { d as defineCustomElement$5 } from './p-d595e93b.js';
-import { d as defineCustomElement$4 } from './p-25f7bd64.js';
-import { d as defineCustomElement$3 } from './p-05112b55.js';
-import { d as defineCustomElement$2 } from './p-9027c943.js';
+import { d as defineCustomElement$9 } from './p-13ed4f83.js';
+import { d as defineCustomElement$8 } from './p-a87e21b3.js';
+import { d as defineCustomElement$7 } from './p-bfeeb2c9.js';
+import { d as defineCustomElement$6 } from './p-58ef6413.js';
+import { d as defineCustomElement$5 } from './p-fdccb4e3.js';
+import { d as defineCustomElement$4 } from './p-974ee6f2.js';
+import { d as defineCustomElement$3 } from './p-b1d0b6ca.js';
+import { d as defineCustomElement$2 } from './p-72bca400.js';
 
 const testInputTagCss = ".input_group{--height:auto;--inputheight:4.5rem;--weight:100%;display:flex;position:relative}.input_like_parent{width:100%;border:1px solid var(--color-border-input, #CDD5DF);border-radius:var(--rounded-sm);padding:0.625rem 0.875rem 0.625rem var(--spacing-3)}.input_like{width:100%;overflow-y:scroll;transition:height 50ms ease-in-out}.results_display{display:flex;flex-wrap:wrap;gap:0.5rem;background-color:var(--color-surface, #FFFFFF);display:none;margin-top:0.5rem}.results_display.show_results{display:block}.tags{padding-top:1rem}.dropdown_list.show{display:block}.dropdown_menu{display:flex;width:100%;max-height:15rem;padding:var(--spacing-none);flex-direction:column;align-items:stretch;border-radius:var(--rounded-sm);border:1px solid var(--color-border-subtler, #E3E8EF);background:var(--color-surface, #FFFFFF);box-shadow:var(--shadow-sm);position:absolute;top:100%;z-index:10;gap:var(--spacing-none);transition:1s ease-in-out}";
 const TestInputTagStyle0 = testInputTagCss;
@@ -91,7 +91,7 @@ const TestInputTag$1 = /*@__PURE__*/ proxyCustomElement(class TestInputTag exten
         this.exportValue.emit(this.selectedStaff);
     }
     render() {
-        return (h("div", { key: 'e2b7ccebaf56891d69327e2d1e03b76bdf52112c', class: "input_group", ref: el => (this.inputGroupElement = el) }, h("label", { key: '01a70c5aa0221290fb6e505af06cf40901719d38', htmlFor: this.idOfInput }, this.labelText), h("div", { key: '74cd84175371d317de380ed51bbaf9e894849f4a', class: "input_like_parent", onClick: () => (this.dropdownOpen = !this.dropdownOpen) }, h("input", { key: 'd1ba8d6b3d359b4ca305114ccf7427702a3b3a3f', id: this.idOfInput, class: "input_like", type: "text", placeholder: this.placeholderText, value: this.inputValue, readOnly: this.isReadOnly, ref: el => (this.inputElement = el), onBlur: () => this.exportSelectedStaff() }), h("div", { key: '7f3f71f2f4ece21def5703e573bdc686d2036e6f', class: `results_display ${this.selectedStaff.length >= 1 ? 'show_results' : ''}`, ref: el => (this.resultsDisplayElement = el) }, this.selectedStaff.map((staff, index) => (
+        return (h("div", { key: '4ebc9d969496073ff5560244a422bcdbd1ce3a0f', class: "input_group", ref: el => (this.inputGroupElement = el) }, h("label", { key: 'f3b849170bbcdc9865aca25733290fc40f6fb6e5', htmlFor: this.idOfInput }, this.labelText), h("div", { key: '394b21ce82066f73637ccde77ed34ffd8b8ab54a', class: "input_like_parent", onClick: () => (this.dropdownOpen = !this.dropdownOpen) }, h("input", { key: 'ec41c132c9d66a175dcbf3df34bc8c99ac066edd', id: this.idOfInput, class: "input_like", type: "text", placeholder: this.placeholderText, value: this.inputValue, readOnly: this.isReadOnly, ref: el => (this.inputElement = el), onBlur: () => this.exportSelectedStaff() }), h("div", { key: '2b9b29851e5d24e070bf5039ff7f5cde4aa30c29', class: `results_display ${this.selectedStaff.length >= 1 ? 'show_results' : ''}`, ref: el => (this.resultsDisplayElement = el) }, this.selectedStaff.map((staff, index) => (
         //   <span>
         //     {staff.fullname}
         //     <img
@@ -100,7 +100,7 @@ const TestInputTag$1 = /*@__PURE__*/ proxyCustomElement(class TestInputTag exten
         //       onClick={() => this.removeStaff(index)}
         //     />
         //   </span>
-        h("gb-tag", { size: "sm", action: "X_close", icon: "avatar", onClick: () => this.removeStaff(index) }, h("h1", { slot: "initials" }, staff.fullname.split(' ').map(part => part.charAt(0).toUpperCase())), h("p", null, staff.fullname.split(' ')[0])))))), this.show && (h("div", { key: '07cc419ba536e647a043c232af13c5fb90b708ae', class: `dropdown_menu ${this.show ? 'show' : ''}` }, this.staffInfo.map(staff => (
+        h("gb-tag", { size: "sm", action: "X_close", icon: "avatar", onClick: () => this.removeStaff(index) }, h("h1", { slot: "initials" }, staff.fullname.split(' ').map(part => part.charAt(0).toUpperCase())), h("p", null, staff.fullname.split(' ')[0])))))), this.show && (h("div", { key: '7687fe21b6ca819c13799dda1c8fc1aec7998644', class: `dropdown_menu ${this.show ? 'show' : ''}` }, this.staffInfo.map(staff => (
         //   <li class="aList" onClick={() => this.selectStaff(staff)}>
         //     <div>{staff.fullname}</div>
         //     <div>{staff.email}</div>

package/dist/docs.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2025-03-21T09:23:12",
+  "timestamp": "2025-03-25T15:39:54",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.20.0",
@@ -2700,9 +2700,10 @@
       }
     },
     {
-      "filePath": "src/components/gb-breaadcrumb-button-base/gb-breaadcrumb-button-base.tsx",
+      "filePath": "src/components/gb-breadcrumb-button-base/gb-breadcrumb-button-base.tsx",
       "encapsulation": "shadow",
-      "tag": "gb-breaadcrumb-button-base",
+      "tag": "gb-breadcrumb-button-base",
+      "readme": "# gb-breaadcrumb-button-base\n\n\n",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -2792,6 +2793,90 @@
       "dependencies": [],
       "dependencyGraph": {}
     },
+    {
+      "filePath": "src/components/gb-breadcrumbs/gb-breadcrumbs.tsx",
+      "encapsulation": "shadow",
+      "tag": "gb-breadcrumbs",
+      "readme": "# gb-breadcrumbs\n\n\n",
+      "docs": "",
+      "docsTags": [],
+      "usage": {},
+      "props": [
+        {
+          "name": "divider",
+          "type": "\"chevron\" | \"slash\"",
+          "complexType": {
+            "original": "'chevron' | 'slash'",
+            "resolved": "\"chevron\" | \"slash\"",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "divider",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "values": [
+            {
+              "value": "chevron",
+              "type": "string"
+            },
+            {
+              "value": "slash",
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
+        {
+          "name": "type",
+          "type": "\"button_gray\" | \"button_gray_with_border\" | \"button_primary\" | \"text\" | \"text_with_line\"",
+          "complexType": {
+            "original": "'text' | 'text_with_line' | 'button_primary' | 'button_gray' | 'button_gray_with_border'",
+            "resolved": "\"button_gray\" | \"button_gray_with_border\" | \"button_primary\" | \"text\" | \"text_with_line\"",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "type",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "values": [
+            {
+              "value": "button_gray",
+              "type": "string"
+            },
+            {
+              "value": "button_gray_with_border",
+              "type": "string"
+            },
+            {
+              "value": "button_primary",
+              "type": "string"
+            },
+            {
+              "value": "text",
+              "type": "string"
+            },
+            {
+              "value": "text_with_line",
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false
+        }
+      ],
+      "methods": [],
+      "events": [],
+      "listeners": [],
+      "styles": [],
+      "slots": [],
+      "parts": [],
+      "dependents": [],
+      "dependencies": [],
+      "dependencyGraph": {}
+    },
     {
       "filePath": "src/components/gb-btn/gb-btn.tsx",
       "encapsulation": "none",
@@ -10258,6 +10343,20 @@
       ],
       "methods": [],
       "events": [
+        {
+          "event": "buttonClicked",
+          "detail": "void",
+          "bubbles": true,
+          "complexType": {
+            "original": "void",
+            "resolved": "void",
+            "references": {}
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "",
+          "docsTags": []
+        },
         {
           "event": "inputValueChanged",
           "detail": "any",
@@ -20155,6 +20254,7 @@
       "filePath": "src/components/gb-top-bar-sidemenu/gb-top-bar-sidemenu.tsx",
       "encapsulation": "shadow",
       "tag": "gb-top-bar-sidemenu",
+      "readme": "# gb-top-bar-sidemenu\n\n\n",
       "docs": "",
       "docsTags": [],
       "usage": {},