npm - globuswebcomponents - Versions diffs - 1.6.2 → 1.6.4 - Mend

globuswebcomponents 1.6.2 → 1.6.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.

Files changed (365) hide show

package/dist/cjs/gb-stepper-horizontal-line-with-text.cjs.entry.js CHANGED Viewed

@@ -37,7 +37,7 @@ const GbStepperHorizontalLineWithText = class {
         this.showSupportingText = this.width < 768 ? false : true;
     }
     render() {
-        return (index.h("div", { key: '6d3e51c01866b5131cbfcab985839c60dd59bde5', class: "text_with_line" }, index.h("gb-step-base", { key: '0fdf14b7cb1a034c84f90f38ecbe77bade60e730', size: this.size, type: "text_line", state: this.firstStepState, status: this.firstStepStatus, label: this.firstStepLabel, "supporting-text": this.firstStepSupportingText, "show-content": this.showContent, "show-supporting-text": this.showSupportingText }), index.h("gb-step-base", { key: '458c1a7430e6f4f5427566ce3f938bdea1917bfa', size: this.size, type: "text_line", state: this.secondStepState, status: this.secondStepStatus, label: this.secondStepLabel, "supporting-text": this.secondStepSupportingText, "show-content": this.showContent, "show-supporting-text": this.showSupportingText }), this.thirdStepLabel && (index.h("gb-step-base", { key: '2b686f28b28b42828ad411162b2343d3c80e3a23', size: this.size, type: "text_line", state: this.thirdStepState, status: this.thirdStepStatus, label: this.thirdStepLabel, "supporting-text": this.thirdStepSupportingText, "show-content": this.showContent, "show-supporting-text": this.showSupportingText })), this.fourthStepLabel && (index.h("gb-step-base", { key: '273e2683afaa3f789d6db7de66ca833fe6ff406d', size: this.size, type: "text_line", state: this.fourthStepState, status: this.fourthStepStatus, label: this.fourthStepLabel, "supporting-text": this.fourthStepSupportingText, "show-content": this.showContent, "show-supporting-text": this.showSupportingText })), this.fifthStepLabel && (index.h("gb-step-base", { key: 'b908c09b18921b20b1260b743bdde6845131549b', size: this.size, type: "text_line", state: this.fifthStepState, status: this.fifthStepStatus, label: this.fifthStepLabel, "supporting-text": this.fifthStepSupportingText, "show-content": this.showContent, "show-supporting-text": this.showSupportingText })), this.sixthStepLabel && (index.h("gb-step-base", { key: 'ba677ccc39674231ded1deb752a8d7c190c6a663', size: this.size, type: "text_line", state: this.sixthStepState, status: this.sixthStepStatus, label: this.sixthStepLabel, "supporting-text": this.sixthStepSupportingText, "show-content": this.showContent, "show-supporting-text": this.showSupportingText })), this.seventhStepLabel && (index.h("gb-step-base", { key: '14520837add325d85e08cd46afe753f0465a2baa', size: this.size, type: "text_line", state: this.seventhStepState, status: this.seventhStepStatus, label: this.seventhStepLabel, "supporting-text": this.seventhStepSupportingText, "show-content": this.showContent, "show-supporting-text": this.showSupportingText }))));
+        return (index.h("div", { key: '846aa6428874d7092051e6dcdba208f6dc686f48', class: "text_with_line" }, index.h("gb-step-base", { key: '92d78fc86b73a1423a573971633e4c156e076c55', size: this.size, type: "text_line", state: this.firstStepState, status: this.firstStepStatus, label: this.firstStepLabel, "supporting-text": this.firstStepSupportingText, "show-content": this.showContent, "show-supporting-text": this.showSupportingText }), index.h("gb-step-base", { key: '8e008f3c8f2a22d9588f0c95e811fb175344d333', size: this.size, type: "text_line", state: this.secondStepState, status: this.secondStepStatus, label: this.secondStepLabel, "supporting-text": this.secondStepSupportingText, "show-content": this.showContent, "show-supporting-text": this.showSupportingText }), this.thirdStepLabel && (index.h("gb-step-base", { key: 'fb7d1e76c83a9215271c5bf6ec2e4f95bafad1d8', size: this.size, type: "text_line", state: this.thirdStepState, status: this.thirdStepStatus, label: this.thirdStepLabel, "supporting-text": this.thirdStepSupportingText, "show-content": this.showContent, "show-supporting-text": this.showSupportingText })), this.fourthStepLabel && (index.h("gb-step-base", { key: 'c6495336ad721fd4e6432ebcc5f3b826543b4357', size: this.size, type: "text_line", state: this.fourthStepState, status: this.fourthStepStatus, label: this.fourthStepLabel, "supporting-text": this.fourthStepSupportingText, "show-content": this.showContent, "show-supporting-text": this.showSupportingText })), this.fifthStepLabel && (index.h("gb-step-base", { key: '665013efbe54758325c2ad4b8a63442b1a117991', size: this.size, type: "text_line", state: this.fifthStepState, status: this.fifthStepStatus, label: this.fifthStepLabel, "supporting-text": this.fifthStepSupportingText, "show-content": this.showContent, "show-supporting-text": this.showSupportingText })), this.sixthStepLabel && (index.h("gb-step-base", { key: '2c9aaa678993570d41f2902eb859ca57dea6bf2a', size: this.size, type: "text_line", state: this.sixthStepState, status: this.sixthStepStatus, label: this.sixthStepLabel, "supporting-text": this.sixthStepSupportingText, "show-content": this.showContent, "show-supporting-text": this.showSupportingText })), this.seventhStepLabel && (index.h("gb-step-base", { key: 'b407f6c337bf425c6d44df0cfa0f3e38657c4517', size: this.size, type: "text_line", state: this.seventhStepState, status: this.seventhStepStatus, label: this.seventhStepLabel, "supporting-text": this.seventhStepSupportingText, "show-content": this.showContent, "show-supporting-text": this.showSupportingText }))));
     }
 };
 GbStepperHorizontalLineWithText.style = gbStepperHorizontalLineWithTextCss;

package/dist/cjs/gb-stepper-vertical-icons-with-text.cjs.entry.js CHANGED Viewed

@@ -83,7 +83,7 @@ const GbstepperVerticalIconsWithText = class {
         ];
         // Filter out steps that should be displayed
         const visibleSteps = steps.filter(step => step.show);
-        return (index.h("div", { key: '0743109c501de441d460301dd301ef6b3a3d44b3', class: "vertical_stepper_div" }, this.type === 'icon' && (index.h(index.Fragment, null, visibleSteps.map((step, index$1) => (index.h("gb-step-base", { size: this.size, type: "icon_left", state: step.state, status: step.status, connector: index$1 === visibleSteps.length - 1 ? false : this.connector, label: step.label, "supporting-text": step.supportingText })))))));
+        return (index.h("div", { key: '11531420eff4b44e99c9963b1fc0e4e28bc00a98', class: "vertical_stepper_div" }, this.type === 'icon' && (index.h(index.Fragment, null, visibleSteps.map((step, index$1) => (index.h("gb-step-base", { size: this.size, type: "icon_left", state: step.state, status: step.status, connector: index$1 === visibleSteps.length - 1 ? false : this.connector, label: step.label, "supporting-text": step.supportingText })))))));
     }
 };
 GbstepperVerticalIconsWithText.style = gbStepperVerticalIconsWithTextCss;

package/dist/cjs/gb-table-cell.cjs.entry.js CHANGED Viewed

@@ -9,7 +9,7 @@ const GbTableCell = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h("div", { key: '05031fb4d78b7165f6f506af2fe7b6ced47a91df', class: "table_cell_div" }));
+        return (index.h("div", { key: '2a1cc127f05af5889fbb7f61c7e27f09f03eef69', class: "table_cell_div" }));
     }
 };
 GbTableCell.style = gbTableCellCss;

package/dist/cjs/gb-textarea-input-field.cjs.entry.js CHANGED Viewed

@@ -191,14 +191,14 @@ const GbTextareaInputField = class {
         }
     }
     render() {
-        return (index.h("div", { key: '3c084524ade157b62e6375c16bb2682586c0cd6f', class: "textarea_container" }, index.h("div", { key: 'c1781f14b385e1610faf3ea3435d9ec5d1374f75', class: "input_with_label" }, this.showLabel && index.h("p", { key: '9c3072c4222715f0f41155776d1cb7c70811a19d', class: `label text-sm-medium` }, this.label), this.type === 'default' && (index.h("textarea", { key: 'a2fc9b73d45bcb0d7829a813243448a110ac2f21', ref: el => (this.textarea = el), onInput: () => this.handleInput(), class: `textarea default_textarea ${this.state} ${this.destructive ? 'destructive' : ''}`, placeholder: this.placeholderText, value: this.inputValue })), this.type === 'tags' && (index.h("div", { key: '71cac8c8ce4640b717910b4b5496b8bd97241109', class: "textarea_tags" }, index.h("div", { key: '37801e9a086b0e4c22155625d14c6f3ca3bb460f', class: `textarea ${this.type} ${this.state} ${this.destructive ? 'destructive' : ''}`, onClick: () => this.handleWrapperClick() }, index.h("div", { key: '8ebf08e53e96b45eaed424cf0886d46473ac7a3e', class: `results_display ${this.state === 'disabled' ? 'disabled' : ''}`, ref: el => (this.resultsDisplayElement = el) }, this.value.length === 0 ? (index.h(index.Fragment, null, this.selectedItems.map((item, index$1) => (index.h(index.Fragment, null, typeof item === 'object' ? (index.h("div", { class: "added_tag", key: index$1 }, index.h("gb-tag", { size: "sm", icon: this.icon ? this.icon : 'avatar', action: "X_close", onClick: () => this.handleTagRemove(index$1) }, index.h("p", { class: "text-xs-medium" }, item.objectName.split(' ')[0]), index.h("h1", { slot: "initials", class: "text-xxs-semi-bold" }, item.objectName
+        return (index.h("div", { key: '1bdff0331d41d7de8d0b314e7dec1c0b085925be', class: "textarea_container" }, index.h("div", { key: '770acb652f5ee2854b3382bf96919762ddf932a0', class: "input_with_label" }, this.showLabel && index.h("p", { key: '0560404856179693c4d6edff2a50511b0074823a', class: `label text-sm-medium` }, this.label), this.type === 'default' && (index.h("textarea", { key: '428850853035a50807bcc7053a137a8ca8db8ac5', ref: el => (this.textarea = el), onInput: () => this.handleInput(), class: `textarea default_textarea ${this.state} ${this.destructive ? 'destructive' : ''}`, placeholder: this.placeholderText, value: this.inputValue })), this.type === 'tags' && (index.h("div", { key: '43627e8fafa95d45d4e15130977e6aea8d5505fd', class: "textarea_tags" }, index.h("div", { key: '843178cfe4800e3eee90111578e261386a28e7f6', class: `textarea ${this.type} ${this.state} ${this.destructive ? 'destructive' : ''}`, onClick: () => this.handleWrapperClick() }, index.h("div", { key: '373e25a7427544ccb5f884c517854ab1bf0fe636', class: `results_display ${this.state === 'disabled' ? 'disabled' : ''}`, ref: el => (this.resultsDisplayElement = el) }, this.value.length === 0 ? (index.h(index.Fragment, null, this.selectedItems.map((item, index$1) => (index.h(index.Fragment, null, typeof item === 'object' ? (index.h("div", { class: "added_tag", key: index$1 }, index.h("gb-tag", { size: "sm", icon: this.icon ? this.icon : 'avatar', action: "X_close", onClick: () => this.handleTagRemove(index$1) }, index.h("p", { class: "text-xs-medium" }, item.objectName.split(' ')[0]), index.h("h1", { slot: "initials", class: "text-xxs-semi-bold" }, item.objectName
             .split(' ')
             .map(part => part.charAt(0).toUpperCase())
-            .join(''))))) : (index.h("div", { class: "added_tag", key: index$1 }, index.h("gb-tag", { size: "sm", icon: this.icon ? this.icon : 'avatar', action: "X_close", onClick: () => this.handleTagRemove(index$1) }, index.h("p", { class: "text-xs-medium" }, item))))))))) : (index.h(index.Fragment, null, this.value.map((val, index$1) => (index.h(index.Fragment, null, typeof val === 'object' ? (index.h("gb-tag", { size: "sm", action: "X_close", icon: this.icon ? this.icon : 'avatar', onClick: () => this.handleTagRemove(index$1), key: index$1 }, index.h("h1", { class: "text-xxs-semi-bold", slot: "initials" }, val.objectName.split(' ').map(part => part.charAt(0).toUpperCase())), index.h("p", null, val.objectName.split(' ')[0]))) : (index.h("gb-tag", { size: "sm", action: "X_close", icon: this.icon ? this.icon : 'avatar', onClick: () => this.handleTagRemove(index$1), key: index$1 }, index.h("p", null, val)))))))), index.h("span", { key: 'd50536f19564e829a6706d2b5a595207c0830791', class: "hidden-span", ref: el => (this.hiddenSpan = el) }, this.inputValue || '  '), index.h("div", { key: '308da983673809b67f57b427c008a26f2966dc17', class: "input_field" }, index.h("input", { key: '11603308068dec69406b293eeed7a7ae92b97d4b', id: this.idOfInput, class: `input_like text-md-regular ${this.state}`, type: "text",
+            .join(''))))) : (index.h("div", { class: "added_tag", key: index$1 }, index.h("gb-tag", { size: "sm", icon: this.icon ? this.icon : 'avatar', action: "X_close", onClick: () => this.handleTagRemove(index$1) }, index.h("p", { class: "text-xs-medium" }, item))))))))) : (index.h(index.Fragment, null, this.value.map((val, index$1) => (index.h(index.Fragment, null, typeof val === 'object' ? (index.h("gb-tag", { size: "sm", action: "X_close", icon: this.icon ? this.icon : 'avatar', onClick: () => this.handleTagRemove(index$1), key: index$1 }, index.h("h1", { class: "text-xxs-semi-bold", slot: "initials" }, val.objectName.split(' ').map(part => part.charAt(0).toUpperCase())), index.h("p", null, val.objectName.split(' ')[0]))) : (index.h("gb-tag", { size: "sm", action: "X_close", icon: this.icon ? this.icon : 'avatar', onClick: () => this.handleTagRemove(index$1), key: index$1 }, index.h("p", null, val)))))))), index.h("span", { key: '42b4f2a3a52d9bc0f93c26706fdc7b4916f31054', class: "hidden-span", ref: el => (this.hiddenSpan = el) }, this.inputValue || '  '), index.h("div", { key: 'd7fdee93643ba6d0fed9be74ccdc628da17de4bd', class: "input_field" }, index.h("input", { key: 'c00a04e2307a01214e46f231c8f979f2db86dfb5', id: this.idOfInput, class: `input_like text-md-regular ${this.state}`, type: "text",
             // placeholder={this.placeholderText}
-            value: this.inputValue, readOnly: this.isReadOnly, ref: el => (this.inputElement = el), onBlur: () => this.emitInputValue() }))), this.destructive && (index.h("div", { key: 'cd8e421040dc57a7a0286d9bc472cbb53b3f7c19', class: "help_icon" }, index.h("svg", { key: '0599f427b543e926ff8d9021db9be472ba58e9b6', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, index.h("path", { key: 'de79c30a646a1ec12c0b9b6abf6f57f6b8663fcf', d: "M7.9947 10H8.00069M8.00004 8.00004V5.33337M14.6667 8.00004C14.6667 11.6819 11.6819 14.6667 8.00004 14.6667C4.31814 14.6667 1.33337 11.6819 1.33337 8.00004C1.33337 4.31814 4.31814 1.33337 8.00004 1.33337C11.6819 1.33337 14.6667 4.31814 14.6667 8.00004Z", stroke: "#B51726", "stroke-width": "1.33333", "stroke-linecap": "round", "stroke-linejoin": "round" }))))), this.show && (index.h("div", { key: 'dd088a9666a5b882d9676f29dfdd780708a404c6', class: `dropdown_menu` }, this.results.map(item => (index.h("gb-input-dropdown-menu-item", { type: "checkbox", "supporting-text": true, state: reusableModels.StateEnum.Default, onClick: () => this.selectDropdownItem(item), selected: this.isTagItemSelected(item) }, typeof item === 'object'
+            value: this.inputValue, readOnly: this.isReadOnly, ref: el => (this.inputElement = el), onBlur: () => this.emitInputValue() }))), this.destructive && (index.h("div", { key: 'afbf3993dc96075cdc7fa251b260985781179ade', class: "help_icon" }, index.h("svg", { key: '20aea55127997d95533b43ebe77621b9b29c5803', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, index.h("path", { key: '6cb0fc10b3da4db65d75b1dfa2132deb3323880d', d: "M7.9947 10H8.00069M8.00004 8.00004V5.33337M14.6667 8.00004C14.6667 11.6819 11.6819 14.6667 8.00004 14.6667C4.31814 14.6667 1.33337 11.6819 1.33337 8.00004C1.33337 4.31814 4.31814 1.33337 8.00004 1.33337C11.6819 1.33337 14.6667 4.31814 14.6667 8.00004Z", stroke: "#B51726", "stroke-width": "1.33333", "stroke-linecap": "round", "stroke-linejoin": "round" }))))), this.show && (index.h("div", { key: 'da55d80d2bbefd0e1e2600395b99f9228b64d556', class: `dropdown_menu` }, this.results.map(item => (index.h("gb-input-dropdown-menu-item", { type: "checkbox", "supporting-text": true, state: reusableModels.StateEnum.Default, onClick: () => this.selectDropdownItem(item), selected: this.isTagItemSelected(item) }, typeof item === 'object'
             ? [index.h("p", { slot: "name" }, item.objectName), index.h("p", { slot: "supporting_text" }, item.objectValue)]
-            : typeof item !== 'object' && index.h("p", { slot: "name" }, item))))))))), this.showHintText && index.h("p", { key: '27c26f0c197962c0d8e07951f3439de4af81939d', class: `hint_text text-sm-regular ${this.destructive ? 'destructive' : ''}` }, this.hintText)));
+            : typeof item !== 'object' && index.h("p", { slot: "name" }, item))))))))), this.showHintText && index.h("p", { key: '85646a9633726497a8a59a59124e10172654f5c6', class: `hint_text text-sm-regular ${this.destructive ? 'destructive' : ''}` }, this.hintText)));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/gb-toast-button.cjs.entry.js CHANGED Viewed

@@ -13,7 +13,7 @@ const GbToastButton = class {
         slottedContent.classList.add('text-sm-semi-bold');
     }
     render() {
-        return (index.h("div", { key: '85af37c6db04ed2e61aa97a469b78b7d7574643e', class: `toast_button ${this.state} ${this.color}` }, index.h("slot", { key: '7ff916089dfe3801a5cc0dfba34f34efee840434' })));
+        return (index.h("div", { key: '2ee524bd5361d8a9448c8aa8fb81738f365455b2', class: `toast_button ${this.state} ${this.color}` }, index.h("slot", { key: 'a8b5e34a34e36b7d8b9a6045a443de03f15bdf97' })));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/gb-toast.cjs.entry.js CHANGED Viewed

@@ -60,7 +60,7 @@ const GbToast = class {
         }
     }
     render() {
-        return (index.h("div", { key: 'f9f2a9da7a81e139ce3862fa45484c10f8973f4a', class: `toast_div ${this.color} ${this.size} ${this.breakpoint}` }, this.size === 'floating' && (index.h(index.Fragment, null, index.h("div", { key: 'cdedd9a61f8f285a530e47208630afef4263475c', class: `icon_container` }, index.h("svg", { key: 'b9976452a46b80a32a82454e67cc6f79f8497a7d', xmlns: "http://www.w3.org/2000/svg", width: "28", height: "28", viewBox: "0 0 28 28", fill: "none", class: `svg_icon ${this.color}` }, index.h("path", { key: '446a05b71b87be1f9975d1b9f28b51b3a4d28835', opacity: "0.4", d: "M14.0667 2.04163C16.6225 2.04161 18.63 2.0416 20.1973 2.25232C21.8034 2.46825 23.0777 2.91979 24.079 3.92102C25.0802 4.92226 25.5317 6.19655 25.7477 7.80265C25.9584 9.36996 25.9584 11.3774 25.9584 13.9332V13.9333V14.0667V14.0667C25.9584 16.6225 25.9584 18.63 25.7477 20.1973C25.5317 21.8034 25.0802 23.0777 24.079 24.0789C23.0777 25.0801 21.8034 25.5317 20.1973 25.7476C18.63 25.9583 16.6226 25.9583 14.0668 25.9583H14.0667H13.9333H13.9333C11.3775 25.9583 9.37003 25.9583 7.80271 25.7476C6.19661 25.5317 4.92232 25.0801 3.92109 24.0789C2.91985 23.0777 2.46831 21.8034 2.25238 20.1973C2.04166 18.6299 2.04167 16.6225 2.04169 14.0667V13.9333C2.04167 11.3774 2.04166 9.36997 2.25238 7.80265C2.46831 6.19655 2.91985 4.92226 3.92109 3.92102C4.92232 2.91979 6.19661 2.46825 7.80271 2.25232C9.37003 2.0416 11.3775 2.04161 13.9333 2.04163H14.0667Z", fill: "#4B5565" }), index.h("path", { key: '53e547dadb79335e6a44ccb5327767f583e6943b', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M13.6289 12.2818C13.9171 12.3206 14.3158 12.4243 14.6541 12.7626C14.9924 13.101 15.0962 13.4997 15.1349 13.7879C15.167 14.0266 15.1669 14.3043 15.1667 14.5375C15.1667 14.553 15.1667 14.5683 15.1667 14.5834V19.2501C15.1667 19.8944 14.6444 20.4167 14 20.4167C13.3557 20.4167 12.8334 19.8944 12.8334 19.2501V14.5834C12.189 14.5834 11.6667 14.0611 11.6667 13.4167C11.6667 12.7724 12.189 12.2501 12.8334 12.2501C12.8485 12.2501 12.8638 12.2501 12.8793 12.2501C13.1125 12.2499 13.3901 12.2497 13.6289 12.2818Z", fill: "#4B5565" }), index.h("path", { key: 'bd70a6c561f4b5a13207f8dc11aaa768d9591893', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M12.8333 8.75004C12.8333 8.10571 13.3533 7.58337 13.9947 7.58337H14.0051C14.6466 7.58337 15.1666 8.10571 15.1666 8.75004C15.1666 9.39437 14.6466 9.91671 14.0051 9.91671H13.9947C13.3533 9.91671 12.8333 9.39437 12.8333 8.75004Z", fill: "#4B5565" }))), index.h("div", { key: '6dac14c0fec7092e53f1ba65a87400189454de63', class: `content ${this.size} ${this.actions ? ' actions' : ''}` }, index.h("div", { key: 'b774a6e0a3e00d0c2466f976d2db498be2189ba7', class: `text ${this.size}` }, index.h("slot", { key: 'c7d72ffb8683c0a58c757851c2d0d1eb8c69202a', name: "main_text" }), this.showSupportingText && index.h("slot", { key: '28f94eeb2188db1a09eaeb7270da00042cadbacd', name: "supporting_text" })), this.actions && (index.h("div", { key: '9f3b1677e196575c2461e3de2d310c1d9daf73f8', class: `actions ${this.size} ${!this.showSupportingText ? 'only_actions' : ''}` }, this.color === 'default' ? (index.h(index.Fragment, null, index.h("gb-button", { size: "sm", icon: "default", state: "default", hierarchy: "link_gray" }, index.h("p", null, "Dismiss")), index.h("gb-button", { size: "sm", icon: "default", state: "default", hierarchy: "link_color" }, index.h("p", null, "View changes")))) : (index.h(index.Fragment, null, index.h("gb-toast-button", { state: reusableModels.StateEnum.Default, color: this.color }, index.h("p", null, "Dismiss")), index.h("gb-toast-button", { state: reusableModels.StateEnum.Default, color: this.color }, index.h("p", null, "View changes"))))))), index.h("gb-button-close", { key: '3711fe98703d012d181a96e569228b726689a983', size: "sm", color: this.color === 'default' ? 'gray' : this.color === 'gray' ? 'gray' : this.color, class: `close_button ${this.size}` }))), this.size === 'full_width' && (index.h("div", { key: '88136cada07cc8bd442b772ff0e991072dde77fc', class: `container ${this.breakpoint}` }, index.h("div", { key: 'fdbd638dd15aaf7b7abaf9bfabe9699021545516', class: `full_width_content ${this.breakpoint}` }, index.h("div", { key: '16abf23cf5dc5f256d8a8f7597f9461b5787a33e', class: `inner_content ${this.breakpoint}` }, index.h("div", { key: 'f38a1b7089df07fa6f10aee4ed8dbfbbd653bf60', class: `icon_container` }, index.h("svg", { key: '26f961eb8684c700d560173dd2f4d02041202bf8', xmlns: "http://www.w3.org/2000/svg", width: "28", height: "28", viewBox: "0 0 28 28", fill: "none", class: `svg_icon ${this.color}` }, index.h("path", { key: '2e619c6053980bc6e6ac3f5974575273dbad1358', opacity: "0.4", d: "M14.0667 2.04163C16.6225 2.04161 18.63 2.0416 20.1973 2.25232C21.8034 2.46825 23.0777 2.91979 24.079 3.92102C25.0802 4.92226 25.5317 6.19655 25.7477 7.80265C25.9584 9.36996 25.9584 11.3774 25.9584 13.9332V13.9333V14.0667V14.0667C25.9584 16.6225 25.9584 18.63 25.7477 20.1973C25.5317 21.8034 25.0802 23.0777 24.079 24.0789C23.0777 25.0801 21.8034 25.5317 20.1973 25.7476C18.63 25.9583 16.6226 25.9583 14.0668 25.9583H14.0667H13.9333H13.9333C11.3775 25.9583 9.37003 25.9583 7.80271 25.7476C6.19661 25.5317 4.92232 25.0801 3.92109 24.0789C2.91985 23.0777 2.46831 21.8034 2.25238 20.1973C2.04166 18.6299 2.04167 16.6225 2.04169 14.0667V13.9333C2.04167 11.3774 2.04166 9.36997 2.25238 7.80265C2.46831 6.19655 2.91985 4.92226 3.92109 3.92102C4.92232 2.91979 6.19661 2.46825 7.80271 2.25232C9.37003 2.0416 11.3775 2.04161 13.9333 2.04163H14.0667Z", fill: "#4B5565" }), index.h("path", { key: '3d8c7ab24c0c9b7ed4ca704fb7cde8b68d790259', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M13.6289 12.2818C13.9171 12.3206 14.3158 12.4243 14.6541 12.7626C14.9924 13.101 15.0962 13.4997 15.1349 13.7879C15.167 14.0266 15.1669 14.3043 15.1667 14.5375C15.1667 14.553 15.1667 14.5683 15.1667 14.5834V19.2501C15.1667 19.8944 14.6444 20.4167 14 20.4167C13.3557 20.4167 12.8334 19.8944 12.8334 19.2501V14.5834C12.189 14.5834 11.6667 14.0611 11.6667 13.4167C11.6667 12.7724 12.189 12.2501 12.8334 12.2501C12.8485 12.2501 12.8638 12.2501 12.8793 12.2501C13.1125 12.2499 13.3901 12.2497 13.6289 12.2818Z", fill: "#4B5565" }), index.h("path", { key: '50cf142c24ba0f5464dbd08e5eab52c67a8e16d1', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M12.8333 8.75004C12.8333 8.10571 13.3533 7.58337 13.9947 7.58337H14.0051C14.6466 7.58337 15.1666 8.10571 15.1666 8.75004C15.1666 9.39437 14.6466 9.91671 14.0051 9.91671H13.9947C13.3533 9.91671 12.8333 9.39437 12.8333 8.75004Z", fill: "#4B5565" }))), index.h("div", { key: '5d5a1f22e8df65cbcc21231ca50ec897f5dd01ba', class: `text ${this.size} ${this.breakpoint}` }, index.h("slot", { key: 'fee95cc826ba1c176b5634908074493bb192a6d4', name: "main_text" }), this.showSupportingText && index.h("slot", { key: '0bd1ea1c91c1d8382a4b9f7f15fa15e16f4a9117', name: "supporting_text" }))), this.actions && (index.h("div", { key: '75c8264d0cd29f0cb963d75aa09c5dd459ca0491', class: `actions ${this.size} ${this.breakpoint} ${!this.showSupportingText ? 'only_actions' : ''}` }, this.color === 'default' ? (index.h(index.Fragment, null, index.h("gb-button", { size: "sm", icon: "default", state: "default", hierarchy: "link_gray" }, index.h("p", null, "Dismiss")), index.h("gb-button", { size: "sm", icon: "default", state: "default", hierarchy: "link_color" }, index.h("p", null, "View changes")))) : (index.h(index.Fragment, null, index.h("gb-toast-button", { state: reusableModels.StateEnum.Default, color: this.color }, index.h("p", null, "Dismiss")), index.h("gb-toast-button", { state: reusableModels.StateEnum.Default, color: this.color }, index.h("p", null, "View changes")))))), index.h("gb-button-close", { key: 'bbfaf2c7916007963dc415584bcf17ca15f3360d', size: "sm", color: this.color === 'default' ? 'gray' : this.color === 'gray' ? 'gray' : this.color, class: `close_button ${this.breakpoint}`, onClick: () => this.closeToast() }))))));
+        return (index.h("div", { key: '0fcaa4b161c1681cb98e0967bbd3f0ede25386b6', class: `toast_div ${this.color} ${this.size} ${this.breakpoint}` }, this.size === 'floating' && (index.h(index.Fragment, null, index.h("div", { key: '131588128b1d43d1b25dcc8ecf9114f26869c1ae', class: `icon_container` }, index.h("svg", { key: '850e5145216466317ee5ba885b9aa1b6732f52d1', xmlns: "http://www.w3.org/2000/svg", width: "28", height: "28", viewBox: "0 0 28 28", fill: "none", class: `svg_icon ${this.color}` }, index.h("path", { key: 'de11df49f57a7e30b03e1af4024af74d6902eace', opacity: "0.4", d: "M14.0667 2.04163C16.6225 2.04161 18.63 2.0416 20.1973 2.25232C21.8034 2.46825 23.0777 2.91979 24.079 3.92102C25.0802 4.92226 25.5317 6.19655 25.7477 7.80265C25.9584 9.36996 25.9584 11.3774 25.9584 13.9332V13.9333V14.0667V14.0667C25.9584 16.6225 25.9584 18.63 25.7477 20.1973C25.5317 21.8034 25.0802 23.0777 24.079 24.0789C23.0777 25.0801 21.8034 25.5317 20.1973 25.7476C18.63 25.9583 16.6226 25.9583 14.0668 25.9583H14.0667H13.9333H13.9333C11.3775 25.9583 9.37003 25.9583 7.80271 25.7476C6.19661 25.5317 4.92232 25.0801 3.92109 24.0789C2.91985 23.0777 2.46831 21.8034 2.25238 20.1973C2.04166 18.6299 2.04167 16.6225 2.04169 14.0667V13.9333C2.04167 11.3774 2.04166 9.36997 2.25238 7.80265C2.46831 6.19655 2.91985 4.92226 3.92109 3.92102C4.92232 2.91979 6.19661 2.46825 7.80271 2.25232C9.37003 2.0416 11.3775 2.04161 13.9333 2.04163H14.0667Z", fill: "#4B5565" }), index.h("path", { key: 'd5d3539d74e7dbc344de25d184385f2fb662de83', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M13.6289 12.2818C13.9171 12.3206 14.3158 12.4243 14.6541 12.7626C14.9924 13.101 15.0962 13.4997 15.1349 13.7879C15.167 14.0266 15.1669 14.3043 15.1667 14.5375C15.1667 14.553 15.1667 14.5683 15.1667 14.5834V19.2501C15.1667 19.8944 14.6444 20.4167 14 20.4167C13.3557 20.4167 12.8334 19.8944 12.8334 19.2501V14.5834C12.189 14.5834 11.6667 14.0611 11.6667 13.4167C11.6667 12.7724 12.189 12.2501 12.8334 12.2501C12.8485 12.2501 12.8638 12.2501 12.8793 12.2501C13.1125 12.2499 13.3901 12.2497 13.6289 12.2818Z", fill: "#4B5565" }), index.h("path", { key: '6c2b202a3388aa34c3e5d0a9b31d19514fabf21f', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M12.8333 8.75004C12.8333 8.10571 13.3533 7.58337 13.9947 7.58337H14.0051C14.6466 7.58337 15.1666 8.10571 15.1666 8.75004C15.1666 9.39437 14.6466 9.91671 14.0051 9.91671H13.9947C13.3533 9.91671 12.8333 9.39437 12.8333 8.75004Z", fill: "#4B5565" }))), index.h("div", { key: '4a544e51391ffeeae14712905846ac362c2b8cd6', class: `content ${this.size} ${this.actions ? ' actions' : ''}` }, index.h("div", { key: '975fcb3c6580a84d7ba2ff92a82eb13f42295b03', class: `text ${this.size}` }, index.h("slot", { key: '462502afd6e2adac71464a9beedb4d3ac79cc93f', name: "main_text" }), this.showSupportingText && index.h("slot", { key: 'bac764560fd53ec768fc7363fc3f0a92b557385d', name: "supporting_text" })), this.actions && (index.h("div", { key: 'f41f8e4514e9a39ca893e3c68c4c79cab214cb36', class: `actions ${this.size} ${!this.showSupportingText ? 'only_actions' : ''}` }, this.color === 'default' ? (index.h(index.Fragment, null, index.h("gb-button", { size: "sm", icon: "default", state: "default", hierarchy: "link_gray" }, index.h("p", null, "Dismiss")), index.h("gb-button", { size: "sm", icon: "default", state: "default", hierarchy: "link_color" }, index.h("p", null, "View changes")))) : (index.h(index.Fragment, null, index.h("gb-toast-button", { state: reusableModels.StateEnum.Default, color: this.color }, index.h("p", null, "Dismiss")), index.h("gb-toast-button", { state: reusableModels.StateEnum.Default, color: this.color }, index.h("p", null, "View changes"))))))), index.h("gb-button-close", { key: 'dbe1583e3ce1399e129ce194b74e1e1c03b7b2e9', size: "sm", color: this.color === 'default' ? 'gray' : this.color === 'gray' ? 'gray' : this.color, class: `close_button ${this.size}` }))), this.size === 'full_width' && (index.h("div", { key: 'aba0c64c642a283d68d9dc57f7101ba67e5dd05e', class: `container ${this.breakpoint}` }, index.h("div", { key: '2970ee8870e68750806c5e67fb97e3744cd39751', class: `full_width_content ${this.breakpoint}` }, index.h("div", { key: '4b485d33c445323a33fb04de9c6091bbc099306d', class: `inner_content ${this.breakpoint}` }, index.h("div", { key: '92cefed0cec6c8bf22c52f18fcc067438a76368b', class: `icon_container` }, index.h("svg", { key: '6d7d2dc6c32f7571cb3026c052cb6a6032e2a15e', xmlns: "http://www.w3.org/2000/svg", width: "28", height: "28", viewBox: "0 0 28 28", fill: "none", class: `svg_icon ${this.color}` }, index.h("path", { key: '862cdad4a571e127bb01ae02bca0de2ea065f907', opacity: "0.4", d: "M14.0667 2.04163C16.6225 2.04161 18.63 2.0416 20.1973 2.25232C21.8034 2.46825 23.0777 2.91979 24.079 3.92102C25.0802 4.92226 25.5317 6.19655 25.7477 7.80265C25.9584 9.36996 25.9584 11.3774 25.9584 13.9332V13.9333V14.0667V14.0667C25.9584 16.6225 25.9584 18.63 25.7477 20.1973C25.5317 21.8034 25.0802 23.0777 24.079 24.0789C23.0777 25.0801 21.8034 25.5317 20.1973 25.7476C18.63 25.9583 16.6226 25.9583 14.0668 25.9583H14.0667H13.9333H13.9333C11.3775 25.9583 9.37003 25.9583 7.80271 25.7476C6.19661 25.5317 4.92232 25.0801 3.92109 24.0789C2.91985 23.0777 2.46831 21.8034 2.25238 20.1973C2.04166 18.6299 2.04167 16.6225 2.04169 14.0667V13.9333C2.04167 11.3774 2.04166 9.36997 2.25238 7.80265C2.46831 6.19655 2.91985 4.92226 3.92109 3.92102C4.92232 2.91979 6.19661 2.46825 7.80271 2.25232C9.37003 2.0416 11.3775 2.04161 13.9333 2.04163H14.0667Z", fill: "#4B5565" }), index.h("path", { key: '2cc2ae9e5f6bf618a12e55c04c2bdd5a060380aa', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M13.6289 12.2818C13.9171 12.3206 14.3158 12.4243 14.6541 12.7626C14.9924 13.101 15.0962 13.4997 15.1349 13.7879C15.167 14.0266 15.1669 14.3043 15.1667 14.5375C15.1667 14.553 15.1667 14.5683 15.1667 14.5834V19.2501C15.1667 19.8944 14.6444 20.4167 14 20.4167C13.3557 20.4167 12.8334 19.8944 12.8334 19.2501V14.5834C12.189 14.5834 11.6667 14.0611 11.6667 13.4167C11.6667 12.7724 12.189 12.2501 12.8334 12.2501C12.8485 12.2501 12.8638 12.2501 12.8793 12.2501C13.1125 12.2499 13.3901 12.2497 13.6289 12.2818Z", fill: "#4B5565" }), index.h("path", { key: 'c72fe95210cfc0d2abe8fc70db249947e1b7789b', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M12.8333 8.75004C12.8333 8.10571 13.3533 7.58337 13.9947 7.58337H14.0051C14.6466 7.58337 15.1666 8.10571 15.1666 8.75004C15.1666 9.39437 14.6466 9.91671 14.0051 9.91671H13.9947C13.3533 9.91671 12.8333 9.39437 12.8333 8.75004Z", fill: "#4B5565" }))), index.h("div", { key: 'e1c717266c0a7d6dc20c08742ce034056d292a54', class: `text ${this.size} ${this.breakpoint}` }, index.h("slot", { key: 'a41c1fe36b014bcfb8d2f7be16b865ca82a06894', name: "main_text" }), this.showSupportingText && index.h("slot", { key: '579d5c520f9ef55eef76bdec94cfe58bdfa967ca', name: "supporting_text" }))), this.actions && (index.h("div", { key: 'f2e621b03be22d93c39fdf3a72741c953a2a4e87', class: `actions ${this.size} ${this.breakpoint} ${!this.showSupportingText ? 'only_actions' : ''}` }, this.color === 'default' ? (index.h(index.Fragment, null, index.h("gb-button", { size: "sm", icon: "default", state: "default", hierarchy: "link_gray" }, index.h("p", null, "Dismiss")), index.h("gb-button", { size: "sm", icon: "default", state: "default", hierarchy: "link_color" }, index.h("p", null, "View changes")))) : (index.h(index.Fragment, null, index.h("gb-toast-button", { state: reusableModels.StateEnum.Default, color: this.color }, index.h("p", null, "Dismiss")), index.h("gb-toast-button", { state: reusableModels.StateEnum.Default, color: this.color }, index.h("p", null, "View changes")))))), index.h("gb-button-close", { key: '559da274a9e7aff671d42bdef5e41c05e7e5c67a', size: "sm", color: this.color === 'default' ? 'gray' : this.color === 'gray' ? 'gray' : this.color, class: `close_button ${this.breakpoint}`, onClick: () => this.closeToast() }))))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/gb-toggle-base.cjs.entry.js CHANGED Viewed

@@ -18,8 +18,8 @@ const GbToggleBase = class {
     }
     render() {
         return [
-            index.h("input", { key: 'a6df8b52611d02e45cbc195b3aa3f57d8e5a624a', type: "checkbox", id: "customCheckbox", class: `${this.pressed ? 'pressed' : ''}`, readonly: true }),
-            index.h("label", { key: '3cc31d646769b2f7fa822fda2953e6c3468f8152', onClick: () => this.handleToggleClick(), class: `${this.size} ${this.state} ${this.pressed ? 'pressed' : ''}`, htmlFor: "customCheckbox" }, this.pressed && this.state === 'default' ? (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "10", height: "10", viewBox: "0 0 10 10", fill: "none", class: `default_checked_svg ${this.size}` }, index.h("path", { d: "M2.08325 6.04167C2.08325 6.04167 2.70825 6.04167 3.54159 7.5C3.54159 7.5 5.85776 3.68056 7.91659 2.91667", stroke: "#075DB2", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))) : this.pressed && this.state === 'disabled' ? (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "10", height: "10", viewBox: "0 0 10 10", fill: "none", class: `disabled_checked_svg ${this.size}` }, index.h("path", { d: "M2.08325 6.04167C2.08325 6.04167 2.70825 6.04167 3.54159 7.5C3.54159 7.5 5.85776 3.68056 7.91659 2.91667", stroke: "#E3E8EF", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))) : null),
+            index.h("input", { key: '192a1823e45b838047781bb99752821b9eec7362', type: "checkbox", id: "customCheckbox", class: `${this.pressed ? 'pressed' : ''}`, readonly: true }),
+            index.h("label", { key: '5aa90a033c8b271201b43acbe025b17312a1f905', onClick: () => this.handleToggleClick(), class: `${this.size} ${this.state} ${this.pressed ? 'pressed' : ''}`, htmlFor: "customCheckbox" }, this.pressed && this.state === 'default' ? (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "10", height: "10", viewBox: "0 0 10 10", fill: "none", class: `default_checked_svg ${this.size}` }, index.h("path", { d: "M2.08325 6.04167C2.08325 6.04167 2.70825 6.04167 3.54159 7.5C3.54159 7.5 5.85776 3.68056 7.91659 2.91667", stroke: "#075DB2", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))) : this.pressed && this.state === 'disabled' ? (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "10", height: "10", viewBox: "0 0 10 10", fill: "none", class: `disabled_checked_svg ${this.size}` }, index.h("path", { d: "M2.08325 6.04167C2.08325 6.04167 2.70825 6.04167 3.54159 7.5C3.54159 7.5 5.85776 3.68056 7.91659 2.91667", stroke: "#E3E8EF", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))) : null),
         ];
     }
 };

package/dist/cjs/gb-toggle.cjs.entry.js CHANGED Viewed

@@ -40,7 +40,7 @@ const GbToggle = class {
         }
     }
     render() {
-        return (index.h("div", { key: '90ac203667a5dc7dc0ce6735094901ddef35846d', class: `toggle_div ${this.size}` }, index.h("div", { key: 'df30428f8ead962f60035ea145a60c5b34d3c92f', class: "toggle_base" }, index.h("gb-toggle-base", { key: '57a1cb4b15a62fe340d6915dca82192ad92891fd', size: this.size, state: this.state, pressed: this.pressed })), this.text && (index.h("div", { key: 'dd4e19c7c93d84febad0c258f3ff9ff711df9430', class: "text" }, index.h("slot", { key: 'cf1d66cd7b23271205e42ac247b9cc01bf7846d7', name: "main_text" }), this.supportingText && (index.h("slot", { key: '3b0ec5a3795fd0a2b1145bcfea6b0cfeaf47f374', name: "supporting_text" }))))));
+        return (index.h("div", { key: '928a043c5db5984c10f9a2d9db88543ac6eb3a22', class: `toggle_div ${this.size}` }, index.h("div", { key: '937a605777c7fc6f49c7c03b714c7a109e3e45b9', class: "toggle_base" }, index.h("gb-toggle-base", { key: 'efc8b76dd56b932814a6e537f9a093adfc8ceecd', size: this.size, state: this.state, pressed: this.pressed })), this.text && (index.h("div", { key: '5af19ba0cf0511c443675f09ef29fa03c58a3f7b', class: "text" }, index.h("slot", { key: '2a0c85fd539d0398adcdfe6590a851353820b57e', name: "main_text" }), this.supportingText && (index.h("slot", { key: 'c15cc7f4247f81275d220e47eda6a71509c55395', name: "supporting_text" }))))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/gb-token-field-compact.cjs.entry.js CHANGED Viewed

@@ -11,7 +11,7 @@ const GbTokenFieldCompact = class {
         this.supportingText = '';
     }
     render() {
-        return (index.h("div", { key: 'a8178a0e24a074eb7dbe498ffa4d4333b3b2b2bc', class: this.size }, index.h("div", { key: '23aeeb526797b1e4699c2738a2e89c3b13f117a9', class: "input-with-label" }, this.showLabel && (index.h("label", { key: '0e162186968939371e1de705e188d352a9e3ecd8' }, this.label)), this.digits === 4 && (index.h("div", { key: '43842aa57af62be2a3f2dbdac18fb1f16e7cfad8', class: "input-wrapper" }, index.h("gb-mega-input-field-base", { key: '0cef95551ae1a902ea204a08a3060852a2a773f7', size: this.size }), index.h("gb-mega-input-field-base", { key: '9529eee3fec01664c9024b95fdf473b8bfdad2a3', size: this.size }), index.h("gb-mega-input-field-base", { key: 'ff81e37d9885ed0304a6de143fa302f8ef2d6743', size: this.size }), index.h("gb-mega-input-field-base", { key: '5b1fb1bcdedd393a891c0cce1b676da169e525b8', size: this.size }))), this.digits === 6 && (index.h("div", { key: '50e7c829e34b7e653adf7a1f27c80a4269740428', class: "input-wrapper" }, index.h("div", { key: 'a46758e8725d6efc24d8d70eb580dace6734687e', class: "first=section" }, index.h("gb-mega-input-field-base", { key: 'dab792c7c3b1a9d54e26257264adf55f43d236f9', size: this.size }), index.h("gb-mega-input-field-base", { key: '5f08a32f8c0f4d8df253aa3bf2842b84c69f321a', size: this.size }), index.h("gb-mega-input-field-base", { key: '90bf1b4d8ae629f85090bbd215200b3cc87fd118', size: this.size })), index.h("div", { key: 'c4fef912293c45cc24ef9f903e2213e2d5ff6a53', class: "second=section" }, index.h("gb-mega-input-field-base", { key: '34c2da721e98873a32e5990c75c717b63c740f9e', size: this.size }), index.h("gb-mega-input-field-base", { key: '6564043cc5cc8f6f584685c9d50e426ee9ada0fe', size: this.size }), index.h("gb-mega-input-field-base", { key: '5cdafde7c7424e8e96db53d9de377e1d33dda89d', size: this.size })))), this.digits === 8 && (index.h("div", { key: 'd93835f9ebbbdaf03c4cfa76a935a8ff0d5139bd', class: "input-wrapper" }, index.h("div", { key: '55408c160f34c19876689817f8612a86d796c4c7', class: "first=section" }, index.h("gb-mega-input-field-base", { key: 'f97f947f89eff67a547338fd9b0da583afbe1e75', size: this.size }), index.h("gb-mega-input-field-base", { key: '2a1a6920fec7d33e88e1ee1b7cd62c0322878fa3', size: this.size }), index.h("gb-mega-input-field-base", { key: '8f4b4106da196e6aae3b34b06e4572f589ebb5d1', size: this.size }), index.h("gb-mega-input-field-base", { key: 'eed200644aae5284a40a499f600ff1384a0e9df1', size: this.size })), index.h("div", { key: 'c82d7e5979cf801381f6fea02000e9a1e51ab501', class: "second=section" }, index.h("gb-mega-input-field-base", { key: '603593656b98d54cab04c87bace812f0da16fef6', size: this.size }), index.h("gb-mega-input-field-base", { key: '23f032c1aaf422c3fd71b029b35656624b746b7a', size: this.size }), index.h("gb-mega-input-field-base", { key: 'a0d86ba559d20f9ccfcfa2f94370025e1bb32724', size: this.size }), index.h("gb-mega-input-field-base", { key: 'a500ee90578bc3940b29b7ae74657cac7226f76f', size: this.size }))))), index.h("p", { key: 'b68c73f58fae546a5755c435fa484ea2f38c6552' }, this.supportingText)));
+        return (index.h("div", { key: '3d76ff85ebb996d03b34f17fe228e1367db7f7c7', class: this.size }, index.h("div", { key: 'a231bbe0adc04b5be82d42f821cba3a74b40aac9', class: "input-with-label" }, this.showLabel && (index.h("label", { key: '9892dcb4de137505eeb643074d534cb1efe65485' }, this.label)), this.digits === 4 && (index.h("div", { key: '1bdd9df43c39a13b4523e99c1d0ff832a82ee8af', class: "input-wrapper" }, index.h("gb-mega-input-field-base", { key: 'b085b725500f162790f4d5a6a8dd523c92742d54', size: this.size }), index.h("gb-mega-input-field-base", { key: 'dc46dff71dd9c5969a4f69692d72f18bb032762d', size: this.size }), index.h("gb-mega-input-field-base", { key: 'da19dfde9026b768b6335616acb5d96480b3eb8f', size: this.size }), index.h("gb-mega-input-field-base", { key: '2ec6425652f5489342e8bbf109601d10f289a4b3', size: this.size }))), this.digits === 6 && (index.h("div", { key: '617768ddbbafa84688005a1ba0142f910767d286', class: "input-wrapper" }, index.h("div", { key: '9dc781a786f7b55c373f163f7877e04c33b7688a', class: "first=section" }, index.h("gb-mega-input-field-base", { key: 'ee88026157a4ba14794540e26176654722d96211', size: this.size }), index.h("gb-mega-input-field-base", { key: '51ea802288b23f9c5d2eecd3899ab2a68f36ebc4', size: this.size }), index.h("gb-mega-input-field-base", { key: '762b628c35b2a056d8b37eafb73518a2998b588d', size: this.size })), index.h("div", { key: '6246f0ec6f7e57d7ce7ed11aba5add55f3fab1e8', class: "second=section" }, index.h("gb-mega-input-field-base", { key: '57a2e69262ce4733e54abfe6a962a91fc4cf85de', size: this.size }), index.h("gb-mega-input-field-base", { key: '1ae052eb1773d2f8beed8c7845da2bcacc83e891', size: this.size }), index.h("gb-mega-input-field-base", { key: '060202259d09c74f33ffa072e0717a2e4223bd51', size: this.size })))), this.digits === 8 && (index.h("div", { key: '0eafad2b757811d09fcf55b9ec1eab8389f8de88', class: "input-wrapper" }, index.h("div", { key: '20e609238bd48b91e3da6d6f13695bbf35b71ba0', class: "first=section" }, index.h("gb-mega-input-field-base", { key: 'dd340bf2611c1ca6c640b6525babcd4d02c78995', size: this.size }), index.h("gb-mega-input-field-base", { key: '01f36a5edd7fd0ca7f1771ef94c0ae6671103523', size: this.size }), index.h("gb-mega-input-field-base", { key: '40b185d8006241a57280cf695f3d2348da4754e2', size: this.size }), index.h("gb-mega-input-field-base", { key: 'dcdc41c499349b32ac563a490d6a1bd379288f3c', size: this.size })), index.h("div", { key: 'aaafffdd4b918deec82cabbaf69099f6d4dc5164', class: "second=section" }, index.h("gb-mega-input-field-base", { key: 'eb8e63d251f32ab76e72411e6c84bcaac23d96fc', size: this.size }), index.h("gb-mega-input-field-base", { key: 'f7bbd914896e99ea1f16d43e1e68af7bd5f27951', size: this.size }), index.h("gb-mega-input-field-base", { key: '8ebab6e36cd69263202d40717313b19c7c3f9dea', size: this.size }), index.h("gb-mega-input-field-base", { key: 'bee6001e6ed75b28b1bca5b40841afa08f376335', size: this.size }))))), index.h("p", { key: '6f0b5fc33157c0afb7ddb19e338693ea903f3c4f' }, this.supportingText)));
     }
 };
 GbTokenFieldCompact.style = gbTokenFieldCompactCss;

package/dist/cjs/gb-token-field-compressed.cjs.entry.js CHANGED Viewed

@@ -11,11 +11,11 @@ const GbTokenFieldCompressed = class {
         this.hintText = '';
     }
     render() {
-        return (index.h("div", { key: '674eb310085129cc778c11251aa3e584122b1383', class: {
+        return (index.h("div", { key: '964febae00e2723946c1a2ed61aaf70a0c3d54cd', class: {
                 container: true,
                 [this.size]: true,
                 [this.digits]: true,
-            } }, index.h("div", { key: '523e3aa8587834ea9867e87eebc2b5c1426bb1ca', class: "input-with-label" }, this.showLabel && (index.h("label", { key: '2c8fa9b553e3564900183d857e0f54613a0f79bf', class: "text-sm-medium", style: { color: 'var(--color-text, #4B5565)' } }, this.label)), this.digits === 4 && (index.h("div", { key: '552ecbfc7acba70d0ad82095935dd0b325e9c7f0', class: "input-wrapper" }, index.h("gb-mega-input-field-base", { key: '658bdbfbffb88354d99d82356c6938f240198b18', size: this.size }), index.h("gb-mega-input-field-base", { key: '0936f56c04602d1ba33cf70a1023d00c8d4d634d', size: this.size }), index.h("gb-mega-input-field-base", { key: '7a3254ff42732d90f37cca656ec3e95043de4c45', size: this.size }), index.h("gb-mega-input-field-base", { key: 'f67e44dd56a0d4b5b473bd7825b25e135c4874ea', size: this.size }))), this.digits === 6 && (index.h("div", { key: '7ae374d2d067ddced537d421ea4c9344736ee4ae', class: "input-wrapper" }, index.h("gb-mega-input-field-base", { key: '9d9461806d33c98e1cf7e407d88fcab9f59254fd', size: this.size }), index.h("gb-mega-input-field-base", { key: '8c231d2de272f0161cbf51df9c75ba6a079f985f', size: this.size }), index.h("gb-mega-input-field-base", { key: '8754dceb42fad9ded9c8e3fdc6e19331f371debe', size: this.size }), index.h("p", { key: '4a818dbf6e876e12a50f87c0df7984869a556663', class: "line display-sm-bold" }, "-"), index.h("gb-mega-input-field-base", { key: '97e7d9f5e9e33a071492b91cc8793930014b1538', size: this.size }), index.h("gb-mega-input-field-base", { key: '3d9d952328cd0371e66eafd60a2c636ccc832d72', size: this.size }), index.h("gb-mega-input-field-base", { key: '667069ab18277ca54199a76dc695f5f34770cf4c', size: this.size }))), this.digits === 8 && (index.h("div", { key: 'd37f99a006446c17517d940495357f06576586a3', class: "input-wrapper" }, index.h("gb-mega-input-field-base", { key: 'e0013572c35d9a74a79351309317eeade4c711a4', size: this.size }), index.h("gb-mega-input-field-base", { key: '7abd055bcac6474913f45f54c70320c51a6adfe0', size: this.size }), index.h("gb-mega-input-field-base", { key: '55d7b203b31be02f2ee7ff5270d8576c8ec83cc5', size: this.size }), index.h("gb-mega-input-field-base", { key: 'fad6a6daf6897f34a8a1e4a2f37b695b6ae68aa0', size: this.size }), index.h("p", { key: 'b2a10f51274f435ef0af4cd28d1cdecd20685a53', class: "line display-sm-bold" }, "-"), index.h("gb-mega-input-field-base", { key: '6f42336dee1b9f2e244dd016f72d9915f5f0ca9f', size: this.size }), index.h("gb-mega-input-field-base", { key: 'c689c4137c5b35cf512b6cef2129162c41e50dc8', size: this.size }), index.h("gb-mega-input-field-base", { key: '06685328f6d01c275dfb226d441c842d6ee80a85', size: this.size }), index.h("gb-mega-input-field-base", { key: 'b51f727f6a734902cc52533793677aa98d7e76bf', size: this.size })))), this.showHintText && (index.h("div", { key: '623873cb3369586153c2fd4728df30a1dbee6ae6', class: "text-sm-regular", style: { color: 'var(--color-text-subtle, #697586)' } }, this.hintText))));
+            } }, index.h("div", { key: '78ad34e63576dc87e63c9f331c5c25ab929d2ed1', class: "input-with-label" }, this.showLabel && (index.h("label", { key: '6a69d8c1be771fc77bf12a2477267aef2f994cfc', class: "text-sm-medium", style: { color: 'var(--color-text, #4B5565)' } }, this.label)), this.digits === 4 && (index.h("div", { key: '05c9a76be353cacce057dc661800d07f96f7d167', class: "input-wrapper" }, index.h("gb-mega-input-field-base", { key: '8d875c482fb2ee2e2eb86e58cd1e3b826af89134', size: this.size }), index.h("gb-mega-input-field-base", { key: '2b65060512d56edcfe07c1426c1c81618189074c', size: this.size }), index.h("gb-mega-input-field-base", { key: 'f605eeb82133a8254432a7e66ca5165468b06013', size: this.size }), index.h("gb-mega-input-field-base", { key: '9d3b1591b7c939f73cb49263e019e6f8ba46767d', size: this.size }))), this.digits === 6 && (index.h("div", { key: 'ce23b6e905a31ca318a62caf1f36b1881fbb8fa3', class: "input-wrapper" }, index.h("gb-mega-input-field-base", { key: 'c4d349291b753c80fc026516cf170e72ff8815da', size: this.size }), index.h("gb-mega-input-field-base", { key: 'e7470af8cab2b8ab8c98d5700b695af7e0803f8d', size: this.size }), index.h("gb-mega-input-field-base", { key: '84dc89454c4f804c577a928f003484bdadb927b9', size: this.size }), index.h("p", { key: '133ef8c7a935e0c0662518eb7eb50fd0a59e4fc4', class: "line display-sm-bold" }, "-"), index.h("gb-mega-input-field-base", { key: '621b494441935b8a3b34d9628214cb163db0722b', size: this.size }), index.h("gb-mega-input-field-base", { key: '55913a644e28a2ab6baa29909826ce3c433a9c56', size: this.size }), index.h("gb-mega-input-field-base", { key: 'd6fb9e0cbae531224acc995438dcfa997df2909b', size: this.size }))), this.digits === 8 && (index.h("div", { key: '71464057a2e7438186fa2b94a6d786cb599d4d13', class: "input-wrapper" }, index.h("gb-mega-input-field-base", { key: 'd9691d69e414ee3a233716c10e5302a33cfe4094', size: this.size }), index.h("gb-mega-input-field-base", { key: '536ae44199e95ba54c8099f468ca321b038e145f', size: this.size }), index.h("gb-mega-input-field-base", { key: 'cec11afa315628e8d1ec4ef4a934a20aabdeeecc', size: this.size }), index.h("gb-mega-input-field-base", { key: '3301814ab655fac31dbe7b0a2826269153276a78', size: this.size }), index.h("p", { key: '10144858fce0ebc3984568815275def3c73bb519', class: "line display-sm-bold" }, "-"), index.h("gb-mega-input-field-base", { key: '00dc5339dfd84f81b3b6ee7ef1c45623948a5d99', size: this.size }), index.h("gb-mega-input-field-base", { key: '1a7153fbce669809cab090d754a66cace1478b75', size: this.size }), index.h("gb-mega-input-field-base", { key: '5956a4299437d9e627c1c44a49167fc9bf1a52cd', size: this.size }), index.h("gb-mega-input-field-base", { key: 'f072feaf3e9d18f6434e4a11841517a90f29ffba', size: this.size })))), this.showHintText && (index.h("div", { key: '5a5cad175932626ed76a6224cf848bdd7482d88b', class: "text-sm-regular", style: { color: 'var(--color-text-subtle, #697586)' } }, this.hintText))));
     }
 };
 GbTokenFieldCompressed.style = gbTokenFieldCompressedCss;

package/dist/cjs/gb-tooltip.cjs.entry.js CHANGED Viewed

@@ -25,7 +25,7 @@ const GbTooltip = class {
         return this.showArrow ? `arrow ${this.arrow}` : '';
     }
     render() {
-        return (index.h("div", { key: '3851663987adf2ca837b8688d57526f4df572f13', class: "tooltip_container" }, index.h("div", { key: '9b74b560ec41b2dc008d29ad2b605a283313558b', class: "tooltip" }, this.showArrow && index.h("div", { key: 'd31ca564036470013df15b90825b558d0f66ee74', class: this.getArrowClass() }), index.h("div", { key: '0153624f5d40369cd7bba43781d46f2b96187924', class: "tooltip_content" }, index.h("slot", { key: 'bdef930240d32d1b25c91a37e3824a6d0e76b412', name: "label" }), this.showSupportingText && index.h("slot", { key: 'd103b2455e325247fbbad06f932f88493a831912', name: "supporting_text" })))));
+        return (index.h("div", { key: '4771d3b568ddd32cfd51acca164d9ca17cab863d', class: "tooltip_container" }, index.h("div", { key: '850a15b94bc7f46653d40169f769cda7e8fa807c', class: "tooltip" }, this.showArrow && index.h("div", { key: '6bba9e2ebdcf42482b454315f887d1717d3475b6', class: this.getArrowClass() }), index.h("div", { key: 'c944d04d12b0b623b5b6aafdc4201a3737a28868', class: "tooltip_content" }, index.h("slot", { key: '63662653af81e0474c270afd3704115093250e40', name: "label" }), this.showSupportingText && index.h("slot", { key: 'bc5ea7305dae1d94e710334116883a5d41fc2e44', name: "supporting_text" })))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/gb-top-bar-item.cjs.entry.js CHANGED Viewed

@@ -23,7 +23,7 @@ const GbTopBarItem = class {
         this.loadIcon(this.icon);
     }
     render() {
-        return (index.h("div", { key: '063abd98e6708435da5e68d1099542a561879400', class: `top_bar_item_div ${this.category} ${this.state}`, onMouseEnter: () => (this.showTooltip = true), onMouseLeave: () => (this.showTooltip = false) }, index.h("div", { key: '144c7a1bf320f0ee83d70b52d1d7d7bda39966cd', class: `top_bar_content` }, index.h("div", { key: '3e1969182cc0c1b0586631110fc02afdb9570326', class: `icon ${this.category} ${this.state}`, innerHTML: this.leadingIconSvg }), !this.iconOnly && (index.h("div", { key: 'e033f09bf2e85ebbbc5da50bf806ca88365634a1', class: "label" }, index.h("p", { key: '3ddf1d3140af2c49f8a7001bf01d5c903ed0722f', class: `label_text text-md-medium ${this.category} ${this.state}` }, this.label))), this.state === 'active' && this.category === 'colored_background' && index.h("div", { key: '51d655c6556b06bd92b90395290d5763e2c6d2d0', class: `bar ${this.category}` }), this.state === 'active' && this.category === 'plain_background' && index.h("div", { key: 'e0c03e656cee873a86113012e8942f19e5d8008d', class: `bar ${this.category}` })), this.iconOnly && this.showTooltip && (index.h("gb-tooltip", { key: 'dc5e126044c520a7f929bd7a00f0ddd01856c5f4', "show-arrow": true, arrow: "bottom_center", class: "tooltip" }, index.h("p", { key: '4fa36c3c6bebb3398d4a7297682f810670171adf', slot: "label" }, this.label)))));
+        return (index.h("div", { key: 'e7f253df862e6c7a8d5c1df64869544d6ff3811e', class: `top_bar_item_div ${this.category} ${this.state}`, onMouseEnter: () => (this.showTooltip = true), onMouseLeave: () => (this.showTooltip = false) }, index.h("div", { key: 'ee2a42ed726215b681cd5717fb74c99dc8cbfef9', class: `top_bar_content` }, index.h("div", { key: '0b3880409a17d35583b4b70c16b8564bfd2a0c2d', class: `icon ${this.category} ${this.state}`, innerHTML: this.leadingIconSvg }), !this.iconOnly && (index.h("div", { key: '8dc9f2d91364c54cc708645b3f6851683dc04109', class: "label" }, index.h("p", { key: 'ec7676e1cdca3fe3d19b17ab5d555f947981304b', class: `label_text text-md-medium ${this.category} ${this.state}` }, this.label))), this.state === 'active' && this.category === 'colored_background' && index.h("div", { key: '53cc3b54051e974058126e4aca3c71f5204a3995', class: `bar ${this.category}` }), this.state === 'active' && this.category === 'plain_background' && index.h("div", { key: '507fe5bd9535ac434f50a46311837053adb333d6', class: `bar ${this.category}` })), this.iconOnly && this.showTooltip && (index.h("gb-tooltip", { key: 'e74de243c460744f4add1cec3db8f6214321e480', "show-arrow": true, arrow: "bottom_center", class: "tooltip" }, index.h("p", { key: '06d6c90f4350a02b3e0f4076e66e452b7bf85afc', slot: "label" }, this.label)))));
     }
 };
 GbTopBarItem.style = gbTopBarItemCss;

package/dist/cjs/gb-top-bar-sidemenu.cjs.entry.js CHANGED Viewed

@@ -39,7 +39,7 @@ const GbTopBarSidemenu = class {
     }
     render() {
         const patternSrc = index.getAssetPath(`assets/pattern_wrapper.svg`);
-        return (index.h("div", { key: 'ff3912c507a5c41a1ffd796d825f50649b1614c6', class: "top_bar_sidemenu_div" }, index.h("div", { key: 'd7411298fd24ea33ff4af9eb1e7bd122f8264107', class: "vertical_tabs_div" }, index.h("gb-vertical-tabs", { key: 'c34c3bcb9f7e67f198fe956a4ef86e8938ff3bb9', size: "md", "first-tab-name": this.firstTabName, "second-tab-name": this.secondTabName, "third-tab-name": this.thirdTabName, "fourth-tab-name": this.fourthTabName, "fifth-tab-name": this.fifthTabName, type: "button_primary", "active-index": this.activeIndex, onTabItemClicked: this.onTabItemClicked.bind(this) })), index.h("div", { key: 'dbc1f0b31450ae4c2910e16b6ff98dd8e527bd85', class: "wrapper" }, index.h("div", { key: 'fe6dbd20ea2150779330e038bfa7e6af5e5bc7f0', class: "wrapper_pattern" }, index.h("img", { key: '618bbe6dcd7db1299de291afc66ee3d8e8a61ee6', src: patternSrc, alt: "" })), index.h("div", { key: '575ab2fcc2e6e495ceca19349cdae0afc26f5c86', class: `application_icon`, innerHTML: this.leadingIconSvg }), index.h("div", { key: 'e7f8bcb734b1d881087c132c5b787eb351e26991', class: "application_name" }, index.h("slot", { key: '0eec2a2b6abda56501c7729bbaf8762252100aa4', name: "application_name" })))));
+        return (index.h("div", { key: 'e186f43ff1ca1e7f419e129a0139ea7243f23731', class: "top_bar_sidemenu_div" }, index.h("div", { key: 'bade6ae788c4d9924a6818616c419462fac54c71', class: "vertical_tabs_div" }, index.h("gb-vertical-tabs", { key: '02422c2febc9a64ca386c31bfac383aaeb04f45c', size: "md", "first-tab-name": this.firstTabName, "second-tab-name": this.secondTabName, "third-tab-name": this.thirdTabName, "fourth-tab-name": this.fourthTabName, "fifth-tab-name": this.fifthTabName, type: "button_primary", "active-index": this.activeIndex, onTabItemClicked: this.onTabItemClicked.bind(this) })), index.h("div", { key: 'bc2db193aea5769a6d8458e0160abe14633e1231', class: "wrapper" }, index.h("div", { key: '072f4a3838be2cdf8bcb6459e49c1334ae3f056f', class: "wrapper_pattern" }, index.h("img", { key: 'a736d1656bbc738c2c492becfb12a2282bd2272d', src: patternSrc, alt: "" })), index.h("div", { key: 'fbe81d4f29b2e343652850a9eabee94a7a46f60d', class: `application_icon`, innerHTML: this.leadingIconSvg }), index.h("div", { key: '0431b64b2418740b5393f3a48e9100effbc4af68', class: "application_name" }, index.h("slot", { key: '7a3a40d73cc50f10914a7abeba1f1748d2c30b51', name: "application_name" })))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/gb-top-bar.cjs.entry.js CHANGED Viewed

@@ -37,7 +37,7 @@ const GbTopBar = class {
     }
     render() {
         const patternSrc = index.getAssetPath(`assets/top_bar_pattern.svg`);
-        return (index.h("div", { key: '472fbe9524941d65aac88c7c1b1ad679da63b26f', class: `top_bar_div ${this.category}` }, this.category === 'colored_background' && (index.h("div", { key: 'f8dda831ec4729623537ee064c1f00ea7d3c9e30', class: "pattern" }, index.h("img", { key: '394b83c625de3e8bee3029f0f2e4497aca8e50fb', src: patternSrc, alt: "" }))), index.h("div", { key: 'c2ebdd46eb8e7a5b0a61342cc1b9c3ff739fdc1f', class: "top_bar_content" }, index.h("div", { key: '151a4250430fa794bf8347a189531adee7aa9a59', class: "content" }, this.firstTabLabel && (index.h("gb-top-bar-item", { key: '3c3380d052221cae854b18e9c470b7bc7bc7c67c', state: this.activeIndex === 0 ? 'active' : 'default', "icon-only": this.firstTabIconOnly, category: this.category, icon: this.firstTabIcon, label: this.firstTabLabel, onClick: () => this.onTabItemClicked(0) })), this.secondTabLabel && (index.h("gb-top-bar-item", { key: '1e87ec2fae14cbb7b5027dfe8dde81578fc31a3c', state: this.activeIndex === 1 ? 'active' : 'default', "icon-only": this.secondTabIconOnly, category: this.category, icon: this.secondTabIcon, label: this.secondTabLabel, onClick: () => this.onTabItemClicked(1) })), this.thirdTabLabel && (index.h("gb-top-bar-item", { key: '636c18a6ee2f1d1d0427136955938982d747b83f', state: this.activeIndex === 2 ? 'active' : 'default', "icon-only": this.thirdTabIconOnly, category: this.category, icon: this.thirdTabIcon, label: this.thirdTabLabel, onClick: () => this.onTabItemClicked(2) })), this.fourthTabLabel && (index.h("gb-top-bar-item", { key: '85c6e373ce05861bc0bd3b0f3a7c461ee1d9a422', state: this.activeIndex === 3 ? 'active' : 'default', "icon-only": this.fourthTabIconOnly, category: this.category, icon: this.fourthTabIcon, label: this.fourthTabLabel, onClick: () => this.onTabItemClicked(3) })), this.fifthTabLabel && (index.h("gb-top-bar-item", { key: 'c70fa6f66f891f71dc126b9c0327e11bd815fa33', state: this.activeIndex === 4 ? 'active' : 'default', "icon-only": this.fifthTabIconOnly, category: this.category, icon: this.fifthTabIcon, label: this.fifthTabLabel, onClick: () => this.onTabItemClicked(4) })), this.sixthTabLabel && (index.h("gb-top-bar-item", { key: '2209454e7e73f7966513fe9064964a5472017616', state: this.activeIndex === 5 ? 'active' : 'default', "icon-only": this.sixthTabIconOnly, category: this.category, icon: this.sixthTabIcon, label: this.sixthTabLabel, onClick: () => this.onTabItemClicked(5) })), this.seventhTabLabel && (index.h("gb-top-bar-item", { key: '268b81b9d291238e73ac4c1cd095f195eb8ed4b8', state: this.activeIndex === 6 ? 'active' : 'default', "icon-only": this.seventhTabIconOnly, category: this.category, icon: this.seventhTabIcon, label: this.seventhTabLabel, onClick: () => this.onTabItemClicked(6) }))))));
+        return (index.h("div", { key: 'a8e4a30d9f866f3519d8e4b8dcab8a9ffd6d530a', class: `top_bar_div ${this.category}` }, this.category === 'colored_background' && (index.h("div", { key: 'c6e00f4de87cac32b8b12e29bb0aa6dfd4818b73', class: "pattern" }, index.h("img", { key: 'dc14224bda66bb1eb2e3cdcc2f5546f24467d6be', src: patternSrc, alt: "" }))), index.h("div", { key: '856c4497de6aec7d4a35e2cb07eb185f371d3458', class: "top_bar_content" }, index.h("div", { key: '79a93a00c0e31133b4f56be75537429e65a54b81', class: "content" }, this.firstTabLabel && (index.h("gb-top-bar-item", { key: '0a4d4f7638d9fd1cdcf4ca6dd7e445d6086e3d21', state: this.activeIndex === 0 ? 'active' : 'default', "icon-only": this.firstTabIconOnly, category: this.category, icon: this.firstTabIcon, label: this.firstTabLabel, onClick: () => this.onTabItemClicked(0) })), this.secondTabLabel && (index.h("gb-top-bar-item", { key: 'd5fbb2665fa60de45bc053652089668cd8a0b44b', state: this.activeIndex === 1 ? 'active' : 'default', "icon-only": this.secondTabIconOnly, category: this.category, icon: this.secondTabIcon, label: this.secondTabLabel, onClick: () => this.onTabItemClicked(1) })), this.thirdTabLabel && (index.h("gb-top-bar-item", { key: '82cac1173acad67f427b71bea471f77e453513f6', state: this.activeIndex === 2 ? 'active' : 'default', "icon-only": this.thirdTabIconOnly, category: this.category, icon: this.thirdTabIcon, label: this.thirdTabLabel, onClick: () => this.onTabItemClicked(2) })), this.fourthTabLabel && (index.h("gb-top-bar-item", { key: '734ec3956cdebc2fca58bf6fdcd2279024d761a5', state: this.activeIndex === 3 ? 'active' : 'default', "icon-only": this.fourthTabIconOnly, category: this.category, icon: this.fourthTabIcon, label: this.fourthTabLabel, onClick: () => this.onTabItemClicked(3) })), this.fifthTabLabel && (index.h("gb-top-bar-item", { key: 'f3a5c970116744eb63efd8d7a87ba0865d592b46', state: this.activeIndex === 4 ? 'active' : 'default', "icon-only": this.fifthTabIconOnly, category: this.category, icon: this.fifthTabIcon, label: this.fifthTabLabel, onClick: () => this.onTabItemClicked(4) })), this.sixthTabLabel && (index.h("gb-top-bar-item", { key: 'fcddaad6318c947f0f5fdd1980c62c2701de8e55', state: this.activeIndex === 5 ? 'active' : 'default', "icon-only": this.sixthTabIconOnly, category: this.category, icon: this.sixthTabIcon, label: this.sixthTabLabel, onClick: () => this.onTabItemClicked(5) })), this.seventhTabLabel && (index.h("gb-top-bar-item", { key: '37cf60256ee8cb81a34aa201902b0a01999c2573', state: this.activeIndex === 6 ? 'active' : 'default', "icon-only": this.seventhTabIconOnly, category: this.category, icon: this.seventhTabIcon, label: this.seventhTabLabel, onClick: () => this.onTabItemClicked(6) }))))));
     }
 };
 GbTopBar.style = gbTopBarCss;

package/dist/cjs/gb-vertical-tabs.cjs.entry.js ADDED Viewed

@@ -0,0 +1,47 @@
+'use strict';
+var index = require('./index-CmQuD5Lz.js');
+const gbVerticalTabsCss = ".vertical_tab_div{display:flex;flex-direction:column;gap:var(--spacing-1);width:100%}";
+const GbVerticalTabs = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.tabItemClicked = index.createEvent(this, "tabItemClicked");
+        this.firstTabName = '';
+        this.secondTabName = '';
+        this.thirdTabName = '';
+        this.fourthTabName = '';
+        this.fifthTabName = '';
+        this.sixthTabName = '';
+        this.seventhTabName = '';
+        this.eighthTabName = '';
+        this.ninthTabName = '';
+        this.tenthTabName = '';
+        this.eleventhTabName = '';
+        this.twelfthTabName = '';
+        this.thirteenthTabName = '';
+        this.fourteenthTabName = '';
+        this.fifteenthTabName = '';
+        this.sixteenthTabName = '';
+        this.seventeenthTabName = '';
+        this.eighteenthTabName = '';
+        this.nineteenthTabName = '';
+        this.twentiethTabName = '';
+        this.activeIndex = 0;
+    }
+    async handleTabClick(index, label) {
+        this.activeIndex = index;
+        console.log({ index: index, label: label });
+        this.tabItemClicked.emit({ index, label });
+    }
+    render() {
+        return (index.h("div", { key: 'da30f35bd9c8d864d98f926114addfdc4fdd4ef3', class: `vertical_tab_div` }, index.h("gb-tab-button-base", { key: '134812a876133be50eaf89e285cc879f9b1885aa', 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: '92e6a3fb8e79213d81764eef2517917d53eb2102', 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: '2ad56ea5cf4f44a1508f255435e4fc20fc9f5315', 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: 'fd4520eb4f9af131ee2cca8884895f80e995479f', 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: 'd4e1e8cf83886e043afe5d6badc3e265b9c87fd2', 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: '57c9817212f482f998b46e95506de06ce6dc3d70', 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: 'a18cf02a96c53d00eb44dce3be16942766bd17c1', 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: 'a58cc6d90947553d89fc65f8d4859485af8d9676', 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: '5076a6f19037b952b75c74968146c6b759e7ff89', 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: 'b9327dba40b414940d3d00a6ab31d2ca779513a6', 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: 'bbc6dc25d83c3fe23d1dda18e8fc4d17770a13ce', 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: '5c8eea2b28302a2caf35ded9d8030e47c402016c', 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: '496b95bbf250f43179877028d9f528966239c5a7', 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: '29a836a3a4faf03b120e3806ca4fe9d6efe192a5', 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: 'a563a9e7df050d32e39d0a5da4360e2c6db1a602', 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: '0849ed0738d6d6891e56ce288f56f26648b88dce', 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: '943b812c00cd0d9a81f7a22e4e177b15e6940477', 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: 'a8169dee7dc5ecc2b22f2f45e5d064378a47067a', 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: '3ae4bf788813c69d3f2d42156f9c7cf4eb857935', 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: 'ebe8471fa7bfd1cb5818554a1ff16701b6d8bd6f', 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" }))));
+    }
+};
+GbVerticalTabs.style = gbVerticalTabsCss;
+exports.gb_vertical_tabs = GbVerticalTabs;
+//# sourceMappingURL=gb-vertical-tabs.entry.cjs.js.map
+//# sourceMappingURL=gb-vertical-tabs.cjs.entry.js.map

package/dist/cjs/gb-vertical-tabs.cjs.entry.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"file":"gb-vertical-tabs.entry.cjs.js","mappings":"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","names":["h"],"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<{ index: number, label: string }>;\r\n\r\n async handleTabClick(index: number, label: string) {\r\n this.activeIndex = index;\r\n console.log({index: index, label: label})\r\n this.tabItemClicked.emit({ index, label });\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, this.firstTabName)}\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, this.secondTabName)}\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, this.thirdTabName)}\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, this.fourthTabName)}\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, this.fifthTabName)}\r\n alignment=\"vertical\"\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, this.sixthTabName)}\r\n alignment=\"vertical\"\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, this.seventhTabName)}\r\n alignment=\"vertical\"\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, this.eighthTabName)}\r\n alignment=\"vertical\"\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, this.ninthTabName)}\r\n alignment=\"vertical\"\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, this.tenthTabName)}\r\n alignment=\"vertical\"\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, this.eleventhTabName)}\r\n alignment=\"vertical\"\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, this.twelfthTabName)}\r\n alignment=\"vertical\"\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, this.thirteenthTabName)}\r\n alignment=\"vertical\"\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, this.fourteenthTabName)}\r\n alignment=\"vertical\"\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, this.fifteenthTabName)}\r\n alignment=\"vertical\"\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, this.sixteenthTabName)}\r\n alignment=\"vertical\"\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, this.seventeenthTabName)}\r\n alignment=\"vertical\"\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, this.eighteenthTabName)}\r\n alignment=\"vertical\"\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, this.nineteenthTabName)}\r\n alignment=\"vertical\"\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, this.twentiethTabName)}\r\n alignment=\"vertical\"\r\n ></gb-tab-button-base>\r\n )}\r\n </div>\r\n );\r\n }\r\n}"],"version":3}

package/dist/cjs/gb-vertical-tabs.entry.cjs.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"gb-vertical-tabs.entry.cjs.js","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<{ index: number, label: string }>;\r\n\r\n async handleTabClick(index: number, label: string) {\r\n this.activeIndex = index;\r\n console.log({index: index, label: label})\r\n this.tabItemClicked.emit({ index, label });\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, this.firstTabName)}\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, this.secondTabName)}\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, this.thirdTabName)}\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, this.fourthTabName)}\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, this.fifthTabName)}\r\n alignment=\"vertical\"\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, this.sixthTabName)}\r\n alignment=\"vertical\"\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, this.seventhTabName)}\r\n alignment=\"vertical\"\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, this.eighthTabName)}\r\n alignment=\"vertical\"\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, this.ninthTabName)}\r\n alignment=\"vertical\"\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, this.tenthTabName)}\r\n alignment=\"vertical\"\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, this.eleventhTabName)}\r\n alignment=\"vertical\"\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, this.twelfthTabName)}\r\n alignment=\"vertical\"\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, this.thirteenthTabName)}\r\n alignment=\"vertical\"\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, this.fourteenthTabName)}\r\n alignment=\"vertical\"\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, this.fifteenthTabName)}\r\n alignment=\"vertical\"\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, this.sixteenthTabName)}\r\n alignment=\"vertical\"\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, this.seventeenthTabName)}\r\n alignment=\"vertical\"\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, this.eighteenthTabName)}\r\n alignment=\"vertical\"\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, this.nineteenthTabName)}\r\n alignment=\"vertical\"\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, this.twentiethTabName)}\r\n alignment=\"vertical\"\r\n ></gb-tab-button-base>\r\n )}\r\n </div>\r\n );\r\n }\r\n}"],"names":["h"],"mappings":"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"}