globuswebcomponents 1.2.6 → 1.2.7

package/dist/cjs/gb-horizontal-tabs.cjs.entry.js

@@ -41,7 +41,7 @@ const GbHorizontalTabs = class {
         this.tabItemClicked.emit(index);
     }
     render() {
-        return (index.h("div", { key: '63cc443da7666ddf8ba990ddea0f143eb34f2e29', class: `horizontal_tab_div ${this.type} ${this.fullWidth ? 'full_width' : ''}` }, index.h("gb-tab-button-base", { key: '2de96fda1d9e4bb2497f4e6207a327f482d2bb61', class: `tab_button_base ${this.fullWidth ? 'full_width' : ''}`, size: this.size, "full-width": this.fullWidth, type: this.type === 'button_white_border' ? 'button_white' : this.type === 'rounded_button_white_border' ? 'rounded_button_white' : this.type, onClick: () => this.handleTabClick(0), current: this.activeIndex === 0, "tab-name": this.firstTabName, alignment: "horizontal" }), index.h("gb-tab-button-base", { key: 'a06a826d9f769f8aa6642ee5ba79043b1ff63445', class: `tab_button_base ${this.fullWidth ? 'full_width' : ''}`, size: this.size, "full-width": this.fullWidth, type: this.type === 'button_white_border' ? 'button_white' : this.type === 'rounded_button_white_border' ? 'rounded_button_white' : this.type, onClick: () => this.handleTabClick(1), current: this.activeIndex === 1, "tab-name": this.secondTabName, alignment: "horizontal" }), this.thirdTabName && (index.h("gb-tab-button-base", { key: '864d2e99b5af1f70858623f79322841be4aa9b68', class: `tab_button_base ${this.fullWidth ? 'full_width' : ''}`, size: this.size, "full-width": this.fullWidth, type: this.type === 'button_white_border' ? 'button_white' : this.type === 'rounded_button_white_border' ? 'rounded_button_white' : this.type, onClick: () => this.handleTabClick(2), current: this.activeIndex === 2, "tab-name": this.thirdTabName, alignment: "horizontal" })), this.fourthTabName && (index.h("gb-tab-button-base", { key: '213362dba47cb44dc1769862c7d07097eea36a7a', class: `tab_button_base ${this.fullWidth ? 'full_width' : ''}`, size: this.size, "full-width": this.fullWidth, type: this.type === 'button_white_border' ? 'button_white' : this.type === 'rounded_button_white_border' ? 'rounded_button_white' : this.type, onClick: () => this.handleTabClick(3), current: this.activeIndex === 3, "tab-name": this.fourthTabName, alignment: "horizontal" })), this.fifthTabName && (index.h("gb-tab-button-base", { key: '53ca5e8cd392d3e254c141d5e59e710418807eb4', class: `tab_button_base ${this.fullWidth ? 'full_width' : ''}`, size: this.size, "full-width": this.fullWidth, type: this.type === 'button_white_border' ? 'button_white' : this.type === 'rounded_button_white_border' ? 'rounded_button_white' : this.type, onClick: () => this.handleTabClick(4), current: this.activeIndex === 4, "tab-name": this.fifthTabName, alignment: "horizontal" })), this.sixthTabName && (index.h("gb-tab-button-base", { key: '50747bba3489214f9bf39c43aeaf1d38b78a9bf5', class: `tab_button_base ${this.fullWidth ? 'full_width' : ''}`, size: this.size, "full-width": this.fullWidth, type: this.type === 'button_white_border' ? 'button_white' : this.type === 'rounded_button_white_border' ? 'rounded_button_white' : this.type, onClick: () => this.handleTabClick(5), current: this.activeIndex === 5, "tab-name": this.sixthTabName, alignment: "horizontal" })), this.seventhTabName && (index.h("gb-tab-button-base", { key: 'd098a3e85726515bc5178dc4820605c5469d6092', class: `tab_button_base ${this.fullWidth ? 'full_width' : ''}`, size: this.size, "full-width": this.fullWidth, type: this.type === 'button_white_border' ? 'button_white' : this.type === 'rounded_button_white_border' ? 'rounded_button_white' : this.type, onClick: () => this.handleTabClick(6), current: this.activeIndex === 6, "tab-name": this.seventhTabName, alignment: "horizontal" })), this.eighthTabName && (index.h("gb-tab-button-base", { key: '454f66345ac79d832b663fc9e12fd3b2d6bf25cf', class: `tab_button_base ${this.fullWidth ? 'full_width' : ''}`, size: this.size, "full-width": this.fullWidth, type: this.type === 'button_white_border' ? 'button_white' : this.type === 'rounded_button_white_border' ? 'rounded_button_white' : this.type, onClick: () => this.handleTabClick(7), current: this.activeIndex === 7, "tab-name": this.eighthTabName, alignment: "horizontal" })), this.ninthTabName && (index.h("gb-tab-button-base", { key: '6fedc720e5eaa245082fedc20839662d137843e5', class: `tab_button_base ${this.fullWidth ? 'full_width' : ''}`, size: this.size, "full-width": this.fullWidth, type: this.type === 'button_white_border' ? 'button_white' : this.type === 'rounded_button_white_border' ? 'rounded_button_white' : this.type, onClick: () => this.handleTabClick(8), current: this.activeIndex === 8, "tab-name": this.ninthTabName, alignment: "horizontal" })), this.tenthTabName && (index.h("gb-tab-button-base", { key: 'f8f5c908123ee0f8eac0f681a2488a582afc0b1d', class: `tab_button_base ${this.fullWidth ? 'full_width' : ''}`, size: this.size, "full-width": this.fullWidth, type: this.type === 'button_white_border' ? 'button_white' : this.type === 'rounded_button_white_border' ? 'rounded_button_white' : this.type, onClick: () => this.handleTabClick(9), current: this.activeIndex === 9, "tab-name": this.tenthTabName, alignment: "horizontal" })), this.eleventhTabName && (index.h("gb-tab-button-base", { key: '40621e351a17e451115ecbc30d0e0cdf4fe0729a', class: `tab_button_base ${this.fullWidth ? 'full_width' : ''}`, size: this.size, "full-width": this.fullWidth, type: this.type === 'button_white_border' ? 'button_white' : this.type === 'rounded_button_white_border' ? 'rounded_button_white' : this.type, onClick: () => this.handleTabClick(10), current: this.activeIndex === 10, "tab-name": this.tenthTabName, alignment: "horizontal" })), this.twelfthTabName && (index.h("gb-tab-button-base", { key: 'f087ff3cfd7c4ad734044a318c88f5b4c8a0b44b', class: `tab_button_base ${this.fullWidth ? 'full_width' : ''}`, size: this.size, "full-width": this.fullWidth, type: this.type === 'button_white_border' ? 'button_white' : this.type === 'rounded_button_white_border' ? 'rounded_button_white' : this.type, onClick: () => this.handleTabClick(11), current: this.activeIndex === 11, "tab-name": this.tenthTabName, alignment: "horizontal" })), this.thirteenthTabName && (index.h("gb-tab-button-base", { key: '3be9239161934f593e8fe7da9acb5c9798fefd14', class: `tab_button_base ${this.fullWidth ? 'full_width' : ''}`, size: this.size, "full-width": this.fullWidth, type: this.type === 'button_white_border' ? 'button_white' : this.type === 'rounded_button_white_border' ? 'rounded_button_white' : this.type, onClick: () => this.handleTabClick(12), current: this.activeIndex === 12, "tab-name": this.tenthTabName, alignment: "horizontal" })), this.fourteenthTabName && (index.h("gb-tab-button-base", { key: 'c4a8edd72d51955e807c0f53d2726666112b2000', class: `tab_button_base ${this.fullWidth ? 'full_width' : ''}`, size: this.size, "full-width": this.fullWidth, type: this.type === 'button_white_border' ? 'button_white' : this.type === 'rounded_button_white_border' ? 'rounded_button_white' : this.type, onClick: () => this.handleTabClick(13), current: this.activeIndex === 13, "tab-name": this.tenthTabName, alignment: "horizontal" })), this.fifteenthTabName && (index.h("gb-tab-button-base", { key: '951a732b8547ecbb0ccc022d4c0723da25f80895', class: `tab_button_base ${this.fullWidth ? 'full_width' : ''}`, size: this.size, "full-width": this.fullWidth, type: this.type === 'button_white_border' ? 'button_white' : this.type === 'rounded_button_white_border' ? 'rounded_button_white' : this.type, onClick: () => this.handleTabClick(14), current: this.activeIndex === 14, "tab-name": this.tenthTabName, alignment: "horizontal" })), this.sixteenthTabName && (index.h("gb-tab-button-base", { key: '924b1fe95b9ba537fcfac33e5093fd3cccd7b56a', class: `tab_button_base ${this.fullWidth ? 'full_width' : ''}`, size: this.size, "full-width": this.fullWidth, type: this.type === 'button_white_border' ? 'button_white' : this.type === 'rounded_button_white_border' ? 'rounded_button_white' : this.type, onClick: () => this.handleTabClick(15), current: this.activeIndex === 15, "tab-name": this.tenthTabName, alignment: "horizontal" })), this.seventeenthTabName && (index.h("gb-tab-button-base", { key: '07c97a015e57a7c78c3a21b7d6805ace62346535', class: `tab_button_base ${this.fullWidth ? 'full_width' : ''}`, size: this.size, "full-width": this.fullWidth, type: this.type === 'button_white_border' ? 'button_white' : this.type === 'rounded_button_white_border' ? 'rounded_button_white' : this.type, onClick: () => this.handleTabClick(16), current: this.activeIndex === 16, "tab-name": this.tenthTabName, alignment: "horizontal" })), this.eighteenthTabName && (index.h("gb-tab-button-base", { key: '084c292561a40220f6bd1d46467ea769aa550aca', class: `tab_button_base ${this.fullWidth ? 'full_width' : ''}`, size: this.size, "full-width": this.fullWidth, type: this.type === 'button_white_border' ? 'button_white' : this.type === 'rounded_button_white_border' ? 'rounded_button_white' : this.type, onClick: () => this.handleTabClick(17), current: this.activeIndex === 17, "tab-name": this.tenthTabName, alignment: "horizontal" })), this.nineteenthTabName && (index.h("gb-tab-button-base", { key: '0d25d3ad6a832d12935f5838ceca9ae0ec0c14c7', class: `tab_button_base ${this.fullWidth ? 'full_width' : ''}`, size: this.size, "full-width": this.fullWidth, type: this.type === 'button_white_border' ? 'button_white' : this.type === 'rounded_button_white_border' ? 'rounded_button_white' : this.type, onClick: () => this.handleTabClick(18), current: this.activeIndex === 18, "tab-name": this.tenthTabName, alignment: "horizontal" })), this.twentiethTabName && (index.h("gb-tab-button-base", { key: '162d40827967af7a4ebae3c00293eb881890d1d8', class: `tab_button_base ${this.fullWidth ? 'full_width' : ''}`, size: this.size, "full-width": this.fullWidth, type: this.type === 'button_white_border' ? 'button_white' : this.type === 'rounded_button_white_border' ? 'rounded_button_white' : this.type, onClick: () => this.handleTabClick(19), current: this.activeIndex === 19, "tab-name": this.tenthTabName, alignment: "horizontal" }))));
+        return (index.h("div", { key: '3d4e568c26b8d154b6251f65f4e7e1bf3f575061', class: `horizontal_tab_div ${this.type} ${this.fullWidth ? 'full_width' : ''}` }, index.h("gb-tab-button-base", { key: '7a29d8ca01d8f9c853b2a7845b5b9c39a5a9f06d', class: `tab_button_base ${this.fullWidth ? 'full_width' : ''}`, size: this.size, "full-width": this.fullWidth, type: this.type === 'button_white_border' ? 'button_white' : this.type === 'rounded_button_white_border' ? 'rounded_button_white' : this.type, onClick: () => this.handleTabClick(0), current: this.activeIndex === 0, "tab-name": this.firstTabName, alignment: "horizontal" }), index.h("gb-tab-button-base", { key: '6b97c5cc1098d092dd25b138b5336c9a3972f10b', class: `tab_button_base ${this.fullWidth ? 'full_width' : ''}`, size: this.size, "full-width": this.fullWidth, type: this.type === 'button_white_border' ? 'button_white' : this.type === 'rounded_button_white_border' ? 'rounded_button_white' : this.type, onClick: () => this.handleTabClick(1), current: this.activeIndex === 1, "tab-name": this.secondTabName, alignment: "horizontal" }), this.thirdTabName && (index.h("gb-tab-button-base", { key: '2a4602691535fb90f7a5c991dcc1e77b9cd5ad38', class: `tab_button_base ${this.fullWidth ? 'full_width' : ''}`, size: this.size, "full-width": this.fullWidth, type: this.type === 'button_white_border' ? 'button_white' : this.type === 'rounded_button_white_border' ? 'rounded_button_white' : this.type, onClick: () => this.handleTabClick(2), current: this.activeIndex === 2, "tab-name": this.thirdTabName, alignment: "horizontal" })), this.fourthTabName && (index.h("gb-tab-button-base", { key: 'f3564ce40745a676ffddeadd94cc55884101f8d8', class: `tab_button_base ${this.fullWidth ? 'full_width' : ''}`, size: this.size, "full-width": this.fullWidth, type: this.type === 'button_white_border' ? 'button_white' : this.type === 'rounded_button_white_border' ? 'rounded_button_white' : this.type, onClick: () => this.handleTabClick(3), current: this.activeIndex === 3, "tab-name": this.fourthTabName, alignment: "horizontal" })), this.fifthTabName && (index.h("gb-tab-button-base", { key: '7a05143bd44528af553113439eae19a07f019631', class: `tab_button_base ${this.fullWidth ? 'full_width' : ''}`, size: this.size, "full-width": this.fullWidth, type: this.type === 'button_white_border' ? 'button_white' : this.type === 'rounded_button_white_border' ? 'rounded_button_white' : this.type, onClick: () => this.handleTabClick(4), current: this.activeIndex === 4, "tab-name": this.fifthTabName, alignment: "horizontal" })), this.sixthTabName && (index.h("gb-tab-button-base", { key: 'ff71e6e14b8523cfb3506f6ecb3e2273966341c3', class: `tab_button_base ${this.fullWidth ? 'full_width' : ''}`, size: this.size, "full-width": this.fullWidth, type: this.type === 'button_white_border' ? 'button_white' : this.type === 'rounded_button_white_border' ? 'rounded_button_white' : this.type, onClick: () => this.handleTabClick(5), current: this.activeIndex === 5, "tab-name": this.sixthTabName, alignment: "horizontal" })), this.seventhTabName && (index.h("gb-tab-button-base", { key: '6b550432da8a5e7ff936ca6004a488701f8e7ba3', class: `tab_button_base ${this.fullWidth ? 'full_width' : ''}`, size: this.size, "full-width": this.fullWidth, type: this.type === 'button_white_border' ? 'button_white' : this.type === 'rounded_button_white_border' ? 'rounded_button_white' : this.type, onClick: () => this.handleTabClick(6), current: this.activeIndex === 6, "tab-name": this.seventhTabName, alignment: "horizontal" })), this.eighthTabName && (index.h("gb-tab-button-base", { key: 'e6f5799751ff7614d937b463085e2861cb9df064', class: `tab_button_base ${this.fullWidth ? 'full_width' : ''}`, size: this.size, "full-width": this.fullWidth, type: this.type === 'button_white_border' ? 'button_white' : this.type === 'rounded_button_white_border' ? 'rounded_button_white' : this.type, onClick: () => this.handleTabClick(7), current: this.activeIndex === 7, "tab-name": this.eighthTabName, alignment: "horizontal" })), this.ninthTabName && (index.h("gb-tab-button-base", { key: 'a7d875806b5182c2ae32d142649fef1adcad7fd3', class: `tab_button_base ${this.fullWidth ? 'full_width' : ''}`, size: this.size, "full-width": this.fullWidth, type: this.type === 'button_white_border' ? 'button_white' : this.type === 'rounded_button_white_border' ? 'rounded_button_white' : this.type, onClick: () => this.handleTabClick(8), current: this.activeIndex === 8, "tab-name": this.ninthTabName, alignment: "horizontal" })), this.tenthTabName && (index.h("gb-tab-button-base", { key: 'c2b966a100a0ed33d274b268a53b855cd108e8bf', class: `tab_button_base ${this.fullWidth ? 'full_width' : ''}`, size: this.size, "full-width": this.fullWidth, type: this.type === 'button_white_border' ? 'button_white' : this.type === 'rounded_button_white_border' ? 'rounded_button_white' : this.type, onClick: () => this.handleTabClick(9), current: this.activeIndex === 9, "tab-name": this.tenthTabName, alignment: "horizontal" })), this.eleventhTabName && (index.h("gb-tab-button-base", { key: '3eb16bcb3611f1588094273b2b2e295d10c8c728', class: `tab_button_base ${this.fullWidth ? 'full_width' : ''}`, size: this.size, "full-width": this.fullWidth, type: this.type === 'button_white_border' ? 'button_white' : this.type === 'rounded_button_white_border' ? 'rounded_button_white' : this.type, onClick: () => this.handleTabClick(10), current: this.activeIndex === 10, "tab-name": this.tenthTabName, alignment: "horizontal" })), this.twelfthTabName && (index.h("gb-tab-button-base", { key: 'fc97269a49f205cc1a3e784797e3403bd2ef8b15', class: `tab_button_base ${this.fullWidth ? 'full_width' : ''}`, size: this.size, "full-width": this.fullWidth, type: this.type === 'button_white_border' ? 'button_white' : this.type === 'rounded_button_white_border' ? 'rounded_button_white' : this.type, onClick: () => this.handleTabClick(11), current: this.activeIndex === 11, "tab-name": this.tenthTabName, alignment: "horizontal" })), this.thirteenthTabName && (index.h("gb-tab-button-base", { key: '44977f6d486a72abf6d5d1b23dd6f3c0f2a0cb48', class: `tab_button_base ${this.fullWidth ? 'full_width' : ''}`, size: this.size, "full-width": this.fullWidth, type: this.type === 'button_white_border' ? 'button_white' : this.type === 'rounded_button_white_border' ? 'rounded_button_white' : this.type, onClick: () => this.handleTabClick(12), current: this.activeIndex === 12, "tab-name": this.tenthTabName, alignment: "horizontal" })), this.fourteenthTabName && (index.h("gb-tab-button-base", { key: 'd7cc8186cd0c2c0aedaaad062ed27423bae7e0f9', class: `tab_button_base ${this.fullWidth ? 'full_width' : ''}`, size: this.size, "full-width": this.fullWidth, type: this.type === 'button_white_border' ? 'button_white' : this.type === 'rounded_button_white_border' ? 'rounded_button_white' : this.type, onClick: () => this.handleTabClick(13), current: this.activeIndex === 13, "tab-name": this.tenthTabName, alignment: "horizontal" })), this.fifteenthTabName && (index.h("gb-tab-button-base", { key: '095bb570c8afd6aa7e935b5a646360b26574e288', class: `tab_button_base ${this.fullWidth ? 'full_width' : ''}`, size: this.size, "full-width": this.fullWidth, type: this.type === 'button_white_border' ? 'button_white' : this.type === 'rounded_button_white_border' ? 'rounded_button_white' : this.type, onClick: () => this.handleTabClick(14), current: this.activeIndex === 14, "tab-name": this.tenthTabName, alignment: "horizontal" })), this.sixteenthTabName && (index.h("gb-tab-button-base", { key: '5e24a8fa7596f33996602cafd91ee76d09815ac9', class: `tab_button_base ${this.fullWidth ? 'full_width' : ''}`, size: this.size, "full-width": this.fullWidth, type: this.type === 'button_white_border' ? 'button_white' : this.type === 'rounded_button_white_border' ? 'rounded_button_white' : this.type, onClick: () => this.handleTabClick(15), current: this.activeIndex === 15, "tab-name": this.tenthTabName, alignment: "horizontal" })), this.seventeenthTabName && (index.h("gb-tab-button-base", { key: 'f693da1324fa8ea7feb6883fb310d1c69a8e7f8d', class: `tab_button_base ${this.fullWidth ? 'full_width' : ''}`, size: this.size, "full-width": this.fullWidth, type: this.type === 'button_white_border' ? 'button_white' : this.type === 'rounded_button_white_border' ? 'rounded_button_white' : this.type, onClick: () => this.handleTabClick(16), current: this.activeIndex === 16, "tab-name": this.tenthTabName, alignment: "horizontal" })), this.eighteenthTabName && (index.h("gb-tab-button-base", { key: '82a40f933d5be436d48ba52cba79a35b16e9d7dd', class: `tab_button_base ${this.fullWidth ? 'full_width' : ''}`, size: this.size, "full-width": this.fullWidth, type: this.type === 'button_white_border' ? 'button_white' : this.type === 'rounded_button_white_border' ? 'rounded_button_white' : this.type, onClick: () => this.handleTabClick(17), current: this.activeIndex === 17, "tab-name": this.tenthTabName, alignment: "horizontal" })), this.nineteenthTabName && (index.h("gb-tab-button-base", { key: '70693beb3f8f4278c6dd4a148042a4d373dafbc8', class: `tab_button_base ${this.fullWidth ? 'full_width' : ''}`, size: this.size, "full-width": this.fullWidth, type: this.type === 'button_white_border' ? 'button_white' : this.type === 'rounded_button_white_border' ? 'rounded_button_white' : this.type, onClick: () => this.handleTabClick(18), current: this.activeIndex === 18, "tab-name": this.tenthTabName, alignment: "horizontal" })), this.twentiethTabName && (index.h("gb-tab-button-base", { key: '74329b3825d040016b5460b0af58c92a39380e1d', class: `tab_button_base ${this.fullWidth ? 'full_width' : ''}`, size: this.size, "full-width": this.fullWidth, type: this.type === 'button_white_border' ? 'button_white' : this.type === 'rounded_button_white_border' ? 'rounded_button_white' : this.type, onClick: () => this.handleTabClick(19), current: this.activeIndex === 19, "tab-name": this.tenthTabName, alignment: "horizontal" }))));
     }
 };
 GbHorizontalTabs.style = GbHorizontalTabsStyle0;

package/dist/cjs/gb-input-dropdown-menu-item_5.cjs.entry.js

@@ -38,13 +38,13 @@ const GbInputDropdownMenuItem = class {
     render() {
         return (
         // <div class="dropdown-container" onClick={() => (this.selected = !this.selected)}>
-        index.h("div", { key: 'c5e4c441d338879eddbb0e2dcad42da71f468e02', class: "dropdown-container", onClick: () => this.handleClick() }, index.h("div", { key: 'b6e265b02440c142555f1eda14e38c3a12846217', class: {
+        index.h("div", { key: '8077fa9940688365abbdba62ea80ebece371ac43', class: "dropdown-container", onClick: () => this.handleClick() }, index.h("div", { key: 'c658a19f9023f3038efe29b8e7d88b9ce5b8773f', class: {
                 'dropdown-item': true,
                 'selected': this.selected,
                 'disabled': this.state === 'disabled',
                 'checkbox': this.type === 'checkbox',
                 [this.type]: true,
-            }, role: "option", "aria-selected": this.selected ? 'true' : 'false', "aria-disabled": this.state === 'disabled' ? 'true' : 'false' }, index.h("div", { key: 'bc2af3b209e0c54f923bf3529a4916c446bf915e', class: "content" }, this.type === 'icon_leading' && (index.h("svg", { key: '507b3110f98e36a8d17d2045227dd5aa4d668be5', id: "icon", xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, index.h("path", { key: 'ccb53ecf9091004a8213d2dc423b4bad527b2131', d: "M5.48131 12.9013C4.30234 13.6034 1.21114 15.0368 3.09388 16.8305C4.01359 17.7067 5.03791 18.3334 6.32572 18.3334H13.6743C14.9621 18.3334 15.9864 17.7067 16.9061 16.8305C18.7889 15.0368 15.6977 13.6034 14.5187 12.9013C11.754 11.2551 8.24599 11.2551 5.48131 12.9013Z", stroke: "#4B5565", "stroke-width": "1.5" }), index.h("path", { key: '8be52802ade1e70c859534ec204decf13c8f065b', d: "M13.75 5.41669C13.75 7.48776 12.0711 9.16669 10 9.16669C7.92893 9.16669 6.25 7.48776 6.25 5.41669C6.25 3.34562 7.92893 1.66669 10 1.66669C12.0711 1.66669 13.75 3.34562 13.75 5.41669Z", stroke: "#4B5565", "stroke-width": "1.5" }))), this.type === 'avatar_leading' && (index.h("gb-avatar", { key: 'c9e3e453041b990bd2fb73496caf9c7384ff7485', class: "avatar-icon", size: "xs", color: this.color, text: true }, index.h("slot", { key: 'c36d953fef72ea4294f1b5db769f18714549f3fd', name: "initials", slot: "initials" }))), this.type === 'dot_leading' && (index.h(index.Fragment, null, this.state === 'default' ? (index.h("svg", { id: "icon", xmlns: "http://www.w3.org/2000/svg", width: "10px", height: "10px", viewBox: "0 0 10 10", fill: "none" }, index.h("circle", { cx: "5", cy: "5", r: "4", fill: "#17B26A" }))) : (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "10", height: "10", viewBox: "0 0 10 10", fill: "none" }, index.h("circle", { cx: "5", cy: "5", r: "4", fill: "#EEF2F6" }))))), this.type === 'checkbox' && index.h("gb-checkbox", { key: '0c1f9890edca2d23ba179356099ddb905bc3dd4f', class: "checkbox", size: "md", type: "checkbox", state: this.state, checked: this.selected }), index.h("slot", { key: 'e361775d35c92306822cf8276c234b8beebda9b7', name: "name" }), this.supportingText && (index.h("span", { key: 'ed83ecad3f6797587cc1bab94466905fa9cd661b' }, index.h("slot", { key: '7fad61ec6ce3b753e18e33166847a95d9319c38b', name: "supporting_text" })))), this.selected && this.type !== 'checkbox' && (index.h("div", { key: 'ca33d829b7096485e9cdca22d2f359ed125dabfc', class: `tick` }, this.state !== 'disabled' ? (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", class: `${this.state}` }, index.h("path", { d: "M4.16669 12.0834C4.16669 12.0834 5.41669 12.0834 7.08335 15C7.08335 15 11.7157 7.36115 15.8334 5.83337", stroke: "#075DB2", "stroke-width": "1.66667", "stroke-linecap": "round", "stroke-linejoin": "round" }))) : (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, index.h("path", { d: "M4.16669 12.0834C4.16669 12.0834 5.41669 12.0834 7.08335 15C7.08335 15 11.7157 7.36115 15.8334 5.83337", stroke: "#CDD5DF", "stroke-width": "1.66667", "stroke-linecap": "round", "stroke-linejoin": "round" }))))))));
+            }, role: "option", "aria-selected": this.selected ? 'true' : 'false', "aria-disabled": this.state === 'disabled' ? 'true' : 'false' }, index.h("div", { key: 'da2e8832132abfa2636bb79eed76db81a380baba', class: "content" }, this.type === 'icon_leading' && (index.h("svg", { key: 'e253a0112aaa69b18d34941c4765f040ebc64126', id: "icon", xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, index.h("path", { key: '46e1b2e534b046c20654807953fb31ce283550a5', d: "M5.48131 12.9013C4.30234 13.6034 1.21114 15.0368 3.09388 16.8305C4.01359 17.7067 5.03791 18.3334 6.32572 18.3334H13.6743C14.9621 18.3334 15.9864 17.7067 16.9061 16.8305C18.7889 15.0368 15.6977 13.6034 14.5187 12.9013C11.754 11.2551 8.24599 11.2551 5.48131 12.9013Z", stroke: "#4B5565", "stroke-width": "1.5" }), index.h("path", { key: 'f247bb38c66f0318b64c6c4eca0add3a96152015', d: "M13.75 5.41669C13.75 7.48776 12.0711 9.16669 10 9.16669C7.92893 9.16669 6.25 7.48776 6.25 5.41669C6.25 3.34562 7.92893 1.66669 10 1.66669C12.0711 1.66669 13.75 3.34562 13.75 5.41669Z", stroke: "#4B5565", "stroke-width": "1.5" }))), this.type === 'avatar_leading' && (index.h("gb-avatar", { key: '3cffb796406b20915f33508ceb6c4f50714e3b3a', class: "avatar-icon", size: "xs", color: this.color, text: true }, index.h("slot", { key: '036244cbd0d35d5c29b5586a3f9e8eed7f2e3c82', name: "initials", slot: "initials" }))), this.type === 'dot_leading' && (index.h(index.Fragment, null, this.state === 'default' ? (index.h("svg", { id: "icon", xmlns: "http://www.w3.org/2000/svg", width: "10px", height: "10px", viewBox: "0 0 10 10", fill: "none" }, index.h("circle", { cx: "5", cy: "5", r: "4", fill: "#17B26A" }))) : (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "10", height: "10", viewBox: "0 0 10 10", fill: "none" }, index.h("circle", { cx: "5", cy: "5", r: "4", fill: "#EEF2F6" }))))), this.type === 'checkbox' && index.h("gb-checkbox", { key: '7bd0edffd49073bc4689aac97c36e0ec2b0d6707', class: "checkbox", size: "md", type: "checkbox", state: this.state, checked: this.selected }), index.h("slot", { key: 'cf83550c67830da68b1f381bda1cad2ee8706a1e', name: "name" }), this.supportingText && (index.h("span", { key: 'ee7cee837d71184bf73978032b3cb837a8ddba50' }, index.h("slot", { key: '0a172a277c8336f2103e1cb324966bcada89a8db', name: "supporting_text" })))), this.selected && this.type !== 'checkbox' && (index.h("div", { key: 'cff58a15ed17dca8cb24b3b9e4a7d78142d7dd2d', class: `tick` }, this.state !== 'disabled' ? (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", class: `${this.state}` }, index.h("path", { d: "M4.16669 12.0834C4.16669 12.0834 5.41669 12.0834 7.08335 15C7.08335 15 11.7157 7.36115 15.8334 5.83337", stroke: "#075DB2", "stroke-width": "1.66667", "stroke-linecap": "round", "stroke-linejoin": "round" }))) : (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, index.h("path", { d: "M4.16669 12.0834C4.16669 12.0834 5.41669 12.0834 7.08335 15C7.08335 15 11.7157 7.36115 15.8334 5.83337", stroke: "#CDD5DF", "stroke-width": "1.66667", "stroke-linecap": "round", "stroke-linejoin": "round" }))))))));
     }
     get el() { return index.getElement(this); }
 };
@@ -85,7 +85,7 @@ const GbTag = class {
     }
     render() {
         const flagSwap = index.getAssetPath(`${this.flagSwap}`);
-        return (index.h("div", { key: 'a08477bc9dd07fbe039980d8ddcc29cc50a00b8a', class: `container ${this.size}` }, index.h("div", { key: '9baa9887be3558879f16fee1198e157518fa332d', class: `content ${this.size}` }, this.checkbox && index.h("gb-tag-checkbox", { key: '1f618dfa6f0da46fd7fd2030225a0e95b391865d', size: this.size }), this.icon === 'false' && index.h(index.Fragment, null), this.icon === 'country' && (index.h("div", { key: 'a72ee6542d1ab496e2d35c2bd70cfaa060ca5edd', class: "icon left-icon" }, index.h("img", { key: 'b2e686b2d9dd63be3afd9c251ee4e8b01f117b8c', src: flagSwap, alt: "Country Icon" }))), this.icon === 'avatar' && (index.h("gb-avatar", { key: 'e47f3adb2954f09dfc0d8e855952847b17f2912d', class: "avatar-icon", size: "xxs", "status-icon": "false", text: true, color: "gray" }, index.h("slot", { key: '95fb7e08a9b82c139b798de2e020028cdc20db98', name: "initials", slot: "initials" }))), this.icon === 'dot' && (index.h("svg", { key: '0f6628a34432cb71183c32c3e36d65113c0939e6', xmlns: "http://www.w3.org/2000/svg", width: "8", height: "8", viewBox: "0 0 8 8", fill: "none" }, index.h("circle", { key: 'dc6d4dc1db801d7cec830f7a1b43bd7d92a662bb', cx: "4", cy: "4", r: "3", fill: "#17B26A" }))), index.h("div", { key: '1d8ecd062b757203260972485cc76f00ed5181f3', class: "label" }, index.h("slot", { key: '02080a926e6bd2736ff832078561b929d104b1ad' })), this.action === 'count' && (index.h("gb-tag-count", { key: 'daa4827cadf25fc46d6ca98d9af7d536f2890eb4', size: this.size }, index.h("slot", { key: '7e1c8fdfe51b6c235ad06439e59cdd92ee6b713a', slot: "count", name: "count" })))), this.action === 'X_close' && index.h("gb-tag-close", { key: 'ff8d84a89868c9272b6514c922148c24dcd1f2f0', size: this.size, onClick: () => this.onTagClose() })));
+        return (index.h("div", { key: 'b50d0abdb14ea9832caa6ce0b80b7a300311e049', class: `container ${this.size}` }, index.h("div", { key: '6474a1062801449e81b4a162d1208d4bbb691458', class: `content ${this.size}` }, this.checkbox && index.h("gb-tag-checkbox", { key: '7881a36be67e98dcc6b9e21d1c109ed23db6fb66', size: this.size }), this.icon === 'false' && index.h(index.Fragment, null), this.icon === 'country' && (index.h("div", { key: '7bd99a0a77fe8ecd5ffe411210f3a416451dab3c', class: "icon left-icon" }, index.h("img", { key: '5f195e6588794355b5fa86a7597f50436edaff95', src: flagSwap, alt: "Country Icon" }))), this.icon === 'avatar' && (index.h("gb-avatar", { key: '4e0992e5f539317ee76e8ee73ed4a04b4d6ba7ba', class: "avatar-icon", size: "xxs", "status-icon": "false", text: true, color: "gray" }, index.h("slot", { key: 'edd43175f6bb2451d6f7b584d161cfed2f7d45ed', name: "initials", slot: "initials" }))), this.icon === 'dot' && (index.h("svg", { key: '88be94f00b56fae1064f1ade9f899912efdde708', xmlns: "http://www.w3.org/2000/svg", width: "8", height: "8", viewBox: "0 0 8 8", fill: "none" }, index.h("circle", { key: '786e68877ee6ecc71a06720850de5c4ee2f4ddd5', cx: "4", cy: "4", r: "3", fill: "#17B26A" }))), index.h("div", { key: 'e23fe91a4556acaeeb0ce461097219b9eb03fcb8', class: "label" }, index.h("slot", { key: '730515480325db57d2cfbce173a1be86c24cbbfd' })), this.action === 'count' && (index.h("gb-tag-count", { key: 'ff5e0d66b9f0ba943bb42f1c06b9ce07333cc458', size: this.size }, index.h("slot", { key: 'c50587865b82dd25bb2646e4afcde8356dc3b44d', slot: "count", name: "count" })))), this.action === 'X_close' && index.h("gb-tag-close", { key: 'c7f234bff32d9e998d98749eda3af370fae72992', size: this.size, onClick: () => this.onTagClose() })));
     }
     get el() { return index.getElement(this); }
 };
@@ -102,7 +102,7 @@ const GbTagCheckbox = class {
         this.disabled = false;
     }
     render() {
-        return (index.h("label", { key: '31a2737c7e57fb716876ff9e1e46d8913d89c437', class: `checkbox-container ${this.size} ${this.disabled ? 'disabled' : ''}` }, index.h("input", { key: '353258dd056318740eab676fbc5a0a026f3e0d8c', type: "checkbox", checked: this.checked, disabled: this.disabled }), index.h("span", { key: '46733e93669bc09b27dff8d620fbc06878617e66', class: `custom-checkbox ${this.size}` }, index.h("svg", { key: '94ebafe0e9a3eeffe0285d3f2679bb9b4f09016b', class: "checkmark", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 12 12", fill: "none" }, index.h("path", { key: 'd7d5a52a8a41ec0ef038ab7508f5fc639e5c2549', d: "M2.5 7.25C2.5 7.25 3.25 7.25 4.25 9C4.25 9 7.02941 4.41667 9.5 3.5", stroke: "white", "stroke-width": "1.71429", "stroke-linecap": "round", "stroke-linejoin": "round" })))));
+        return (index.h("label", { key: '01e36f30f118f147ec71d4373569bdf58f44f517', class: `checkbox-container ${this.size} ${this.disabled ? 'disabled' : ''}` }, index.h("input", { key: '90250e41ce92cd9ad147c3e0c9ab4cdff9feb68d', type: "checkbox", checked: this.checked, disabled: this.disabled }), index.h("span", { key: '27572dc2378a17b01b05ca94052fa4521cb0a25a', class: `custom-checkbox ${this.size}` }, index.h("svg", { key: '4e833a630ee9f0f119e36c5a9c409507acfd0af0', class: "checkmark", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 12 12", fill: "none" }, index.h("path", { key: '85c3176c04f5b8aab5815e2580b2d2f52745644a', d: "M2.5 7.25C2.5 7.25 3.25 7.25 4.25 9C4.25 9 7.02941 4.41667 9.5 3.5", stroke: "white", "stroke-width": "1.71429", "stroke-linecap": "round", "stroke-linejoin": "round" })))));
     }
 };
 GbTagCheckbox.style = GbTagCheckboxStyle0;
@@ -116,7 +116,7 @@ const GbTagClose = class {
         this.size = undefined;
     }
     render() {
-        return (index.h("div", { key: 'deb939e15b5f42a6639d5f1bb0af397d4bc33acb', class: this.size }, index.h("svg", { key: '899b3fe4aead28221d71306996895fe3b933beef', xmlns: "http://www.w3.org/2000/svg", width: "10", height: "10", viewBox: "0 0 10 10", fill: "none" }, index.h("path", { key: '584282ecd67e4acfde590faa3f81461ed81f8fc0', d: "M7.91683 2.08328L2.0835 7.91662M2.0835 2.08328L7.91683 7.91662", stroke: "#4B5565", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))));
+        return (index.h("div", { key: '82ca2c9f6ae62f00c2f9df3ef72538c5b3a0a140', class: this.size }, index.h("svg", { key: '4ad8580d55ff338d8c929c6d54f10d585b32f5bc', xmlns: "http://www.w3.org/2000/svg", width: "10", height: "10", viewBox: "0 0 10 10", fill: "none" }, index.h("path", { key: '9cc3203722fa3ca9f1f32b6b60e1c8dfd191259f', d: "M7.91683 2.08328L2.0835 7.91662M2.0835 2.08328L7.91683 7.91662", stroke: "#4B5565", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))));
     }
 };
 GbTagClose.style = GbTagCloseStyle0;
@@ -130,7 +130,7 @@ const GbTagCount = class {
         this.size = undefined;
     }
     render() {
-        return (index.h("div", { key: 'f2944ba15989f6081b157606bea88b76f7a93a0d', class: this.size }, index.h("slot", { key: '49e4eb911c3758c06c87743c27f6ca031518e34e', name: "count" })));
+        return (index.h("div", { key: '5f53baaa902d397a303d34e4a9730f30365dc9d2', class: this.size }, index.h("slot", { key: '18bec298466290e6e688dd932f24fc26d1592657', name: "count" })));
     }
 };
 GbTagCount.style = GbTagCountStyle0;

package/dist/cjs/gb-input-dropdown_3.cjs.entry.js

@@ -311,16 +311,16 @@ const GbInputDropdown = class {
         const emptyStateBackground = index.getAssetPath('assets/empty-state-background.svg');
         const illustration = index.getAssetPath('assets/empty-state-no-data.svg');
         return [
-            index.h("div", { key: 'fd48e894c99cfc6e649b7c81d7dbe80ef59deff1', class: `input_dropdown_container ${this.type === 'tags' ? 'tag' : ''}` }, index.h("div", { key: '1e41d5f2cca1092072f20c9d32f753f0bd678da6', class: `input_with_label` }, this.showLabel && (index.h("p", { key: '7337cc7c0f0aaa8738b7a72e527318e086956c85', class: "text-sm-regular", style: { color: '#4B5565' } }, this.label.charAt(0).toUpperCase() + this.label.slice(1).toLowerCase())), index.h("div", { key: 'd3ecc769d5c1f509efbcdbe3e73132acc8b9ee6b', class: `input_dropdown_div ${this.size} ${this.state} ${this.destructive ? 'destructive' : ''} ${this.type === 'tags' ? 'tag' : ''} ${this.dropdownOpen ? 'focused' : ''}`, onClick: e => this.toggleDropdown(e) }, this.type === 'icon_leading' && (index.h("svg", { key: 'd095ada6d2fec5a4a51c7ee5bfe74fb0466baf03', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, index.h("path", { key: 'f5c90f1e2c3f3a8a15e3c600d2a5a494a3dce6e7', d: "M5.48131 12.9013C4.30234 13.6033 1.21114 15.0368 3.09388 16.8305C4.01359 17.7067 5.03791 18.3333 6.32572 18.3333H13.6743C14.9621 18.3333 15.9864 17.7067 16.9061 16.8305C18.7889 15.0368 15.6977 13.6033 14.5187 12.9013C11.754 11.2551 8.24599 11.2551 5.48131 12.9013Z", stroke: "#697586", "stroke-width": "1.66667" }), index.h("path", { key: '18853e5c2aa73db2f9caa57b7e18507d0e83ca23', d: "M13.75 5.41667C13.75 7.48774 12.0711 9.16667 10 9.16667C7.92893 9.16667 6.25 7.48774 6.25 5.41667C6.25 3.3456 7.92893 1.66667 10 1.66667C12.0711 1.66667 13.75 3.3456 13.75 5.41667Z", stroke: "#697586", "stroke-width": "1.66667" }))), this.type === 'avatar_leading' && (index.h(index.Fragment, null, this.state === 'default' && (index.h("svg", { key: '101e2c2f9b0cea612d385c5bb8d15e30e69007ee', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, index.h("path", { key: '26c284f8a1cc538f8b412c3c998dfaaefabd9d83', d: "M5.48131 12.9013C4.30234 13.6033 1.21114 15.0368 3.09388 16.8305C4.01359 17.7067 5.03791 18.3333 6.32572 18.3333H13.6743C14.9621 18.3333 15.9864 17.7067 16.9061 16.8305C18.7889 15.0368 15.6977 13.6033 14.5187 12.9013C11.754 11.2551 8.24599 11.2551 5.48131 12.9013Z", stroke: "#4B5565", "stroke-width": "1.66667" }), index.h("path", { key: 'b6122111e2d76afc0aee28626acf450f4ed25e8c', d: "M13.75 5.41666C13.75 7.48772 12.0711 9.16666 10 9.16666C7.92893 9.16666 6.25 7.48772 6.25 5.41666C6.25 3.34559 7.92893 1.66666 10 1.66666C12.0711 1.66666 13.75 3.34559 13.75 5.41666Z", stroke: "#4B5565", "stroke-width": "1.66667" }))), this.state === 'filled' && (index.h("gb-avatar", { key: '6f30b1d4baaccc7c40d71d95fdf904136a146b3f', size: "xs", text: this.text, color: this.color, "show-border": this.showBorder }, this.selectedItems.map(item => (index.h(index.Fragment, null, typeof item === 'object' ? (index.h("h1", { slot: "initials" }, item.name.split(' ').map(part => part.charAt(0).toUpperCase()))) : (index.h("h1", { slot: "initials" }, item.split(' ').map(part => part.charAt(0).toUpperCase())))))))))), this.showLeadingIcon && index.h(index.Fragment, null, this.type === 'search' || this.type === 'tags' ? index.h("div", { class: `icon`, innerHTML: this.leadingIconSvg }) : null), this.type === 'dot_leading' && (index.h("svg", { key: 'd8c33192e30e06fcb9808cb606103626b61ecff9', xmlns: "http://www.w3.org/2000/svg", width: "10", height: "10", viewBox: "0 0 10 10", fill: "none", class: `dot ${this.size}` }, index.h("circle", { key: '306f1a2be655475e1d72ac1adcc9c47c93e16738', cx: "5", cy: "5", r: "4", fill: "#079455" }))), index.h(index.Fragment, null, this.state === 'default' && (index.h(index.Fragment, null, this.placeholder && (index.h("div", { key: 'a3af780693b0dd1ec06f4366fa375496732d92c4', class: "placeholder" }, index.h("p", { key: '272e3ee8711d312af266024fe8526b5c2f3fdf7c', class: "text-md-regular", style: { color: '#CDD5DF' } }, this.placeholder))))), this.state === 'filled' && (index.h(index.Fragment, null, index.h("div", { key: '9d6e1440d72583d527e313f19431f5717271bbf9', class: `content` }, index.h("div", { key: '9cab5d0f2e27af9e41703de391d6e64f542ff646', class: `text text-md-regular ${this.type === 'tags' ? 'tag' : ''}`, style: { color: '#4B5565' } }, this.type === 'tags' ? (index.h(index.Fragment, null, this.value.length === 0 ? (index.h(index.Fragment, null, this.selectedItems.map((item, index$1) => 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(item) }, index.h("p", { class: "text-xs-medium" }, item.name.split(' ')[0]), index.h("h1", { slot: "initials", class: "text-xxs-semi-bold" }, item.name
+            index.h("div", { key: '9e02d27e21090e5fc95f24a8a489d3462a5c17fb', class: `input_dropdown_container ${this.type === 'tags' ? 'tag' : ''}` }, index.h("div", { key: '27c974d7fa6deacd4290f3e18167c2fb16ddf7ba', class: `input_with_label` }, this.showLabel && (index.h("p", { key: 'c1bbd4dca4401b18d4d1a0c26e512004eb812d30', class: "text-sm-regular", style: { color: '#4B5565' } }, this.label.charAt(0).toUpperCase() + this.label.slice(1).toLowerCase())), index.h("div", { key: 'ddabb517390c1ce16ff1d054d984c838bb651674', class: `input_dropdown_div ${this.size} ${this.state} ${this.destructive ? 'destructive' : ''} ${this.type === 'tags' ? 'tag' : ''} ${this.dropdownOpen ? 'focused' : ''}`, onClick: e => this.toggleDropdown(e) }, this.type === 'icon_leading' && (index.h("svg", { key: '21a4e556e6886b66cfe4d62e3569dd1566a31f1f', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, index.h("path", { key: '5fcbd6b88c28dd1116a9ab9647214c16e00b0537', d: "M5.48131 12.9013C4.30234 13.6033 1.21114 15.0368 3.09388 16.8305C4.01359 17.7067 5.03791 18.3333 6.32572 18.3333H13.6743C14.9621 18.3333 15.9864 17.7067 16.9061 16.8305C18.7889 15.0368 15.6977 13.6033 14.5187 12.9013C11.754 11.2551 8.24599 11.2551 5.48131 12.9013Z", stroke: "#697586", "stroke-width": "1.66667" }), index.h("path", { key: 'f94fd73d0c5de9867003b08ec458fc3d36321b56', d: "M13.75 5.41667C13.75 7.48774 12.0711 9.16667 10 9.16667C7.92893 9.16667 6.25 7.48774 6.25 5.41667C6.25 3.3456 7.92893 1.66667 10 1.66667C12.0711 1.66667 13.75 3.3456 13.75 5.41667Z", stroke: "#697586", "stroke-width": "1.66667" }))), this.type === 'avatar_leading' && (index.h(index.Fragment, null, this.state === 'default' && (index.h("svg", { key: 'ced4c00d7e3e5a5573fc9bf8886542b714bf8f84', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, index.h("path", { key: '27da4ce11cd75ca595cc7bc8b66d579182522b56', d: "M5.48131 12.9013C4.30234 13.6033 1.21114 15.0368 3.09388 16.8305C4.01359 17.7067 5.03791 18.3333 6.32572 18.3333H13.6743C14.9621 18.3333 15.9864 17.7067 16.9061 16.8305C18.7889 15.0368 15.6977 13.6033 14.5187 12.9013C11.754 11.2551 8.24599 11.2551 5.48131 12.9013Z", stroke: "#4B5565", "stroke-width": "1.66667" }), index.h("path", { key: 'b005f3a5da18268b355309fd844b9f9bbf30b76c', d: "M13.75 5.41666C13.75 7.48772 12.0711 9.16666 10 9.16666C7.92893 9.16666 6.25 7.48772 6.25 5.41666C6.25 3.34559 7.92893 1.66666 10 1.66666C12.0711 1.66666 13.75 3.34559 13.75 5.41666Z", stroke: "#4B5565", "stroke-width": "1.66667" }))), this.state === 'filled' && (index.h("gb-avatar", { key: '10a4df1ed7ea68ec1926aa7d703b0243079bef61', size: "xs", text: this.text, color: this.color, "show-border": this.showBorder }, this.selectedItems.map(item => (index.h(index.Fragment, null, typeof item === 'object' ? (index.h("h1", { slot: "initials" }, item.name.split(' ').map(part => part.charAt(0).toUpperCase()))) : (index.h("h1", { slot: "initials" }, item.split(' ').map(part => part.charAt(0).toUpperCase())))))))))), this.showLeadingIcon && index.h(index.Fragment, null, this.type === 'search' || this.type === 'tags' ? index.h("div", { class: `icon`, innerHTML: this.leadingIconSvg }) : null), this.type === 'dot_leading' && (index.h("svg", { key: 'a4d3c9c562efc0f4ad63ca12eb60c58e46278118', xmlns: "http://www.w3.org/2000/svg", width: "10", height: "10", viewBox: "0 0 10 10", fill: "none", class: `dot ${this.size}` }, index.h("circle", { key: '818330f3b0a2b256bf19712f923b4419da85267f', cx: "5", cy: "5", r: "4", fill: "#079455" }))), index.h(index.Fragment, null, this.state === 'default' && (index.h(index.Fragment, null, this.placeholder && (index.h("div", { key: '870e57aef0e06dd12fa8403fb7a6daac0aefb7a3', class: "placeholder" }, index.h("p", { key: '71870d892a4f278e2014f9fac722fed31a4938fa', class: "text-md-regular", style: { color: '#CDD5DF' } }, this.placeholder))))), this.state === 'filled' && (index.h(index.Fragment, null, index.h("div", { key: '1bab5f07b74d08d4da8e0d0009d25cd60737a070', class: `content` }, index.h("div", { key: 'fff4a1539db8d442e89d969fde6858c9232af32a', class: `text text-md-regular ${this.type === 'tags' ? 'tag' : ''}`, style: { color: '#4B5565' } }, this.type === 'tags' ? (index.h(index.Fragment, null, this.value.length === 0 ? (index.h(index.Fragment, null, this.selectedItems.map((item, index$1) => 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(item) }, index.h("p", { class: "text-xs-medium" }, item.name.split(' ')[0]), index.h("h1", { slot: "initials", class: "text-xxs-semi-bold" }, item.name
                 .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(item) }, index.h("p", { class: "text-xs-medium" }, item))))))) : (index.h(index.Fragment, null, this.value.map((item, index$1) => 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(item) }, index.h("p", { class: "text-xs-medium" }, item.name.split(' ')[0]), index.h("h1", { slot: "initials", class: "text-xxs-semi-bold" }, item.name
                 .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(item) }, index.h("p", { class: "text-xs-medium" }, item))))))))) : (index.h("p", { class: "selected_text" }, this.value.length === 0 ? ((_a = this.selectedItem) === null || _a === void 0 ? void 0 : _a.name) || this.selectedItem : index.h(index.Fragment, null, this.value.map(item => (typeof item === 'object' ? item.name : item)))))), this.supportingText && (index.h("div", { key: '1bc4598b6cd23c324298dcc29e51dc4ae9aba45f', class: "supporting_text text-sm-regular", style: { color: '#697586' } }, this.type !== 'tags' && (index.h(index.Fragment, null, this.value.length === 0 ? index.h(index.Fragment, null, this.selectedItem.username) : index.h(index.Fragment, null, this.value.map(item => typeof item === 'object' && item.username))))))))), this.state === 'disabled' && (index.h(index.Fragment, null, index.h("div", { key: '23ed90e0bcf4531c4e51dc643ad7d69cf1c6253c', class: `content` }, index.h("div", { key: '3fa5c88d3d08e37398ad6b2c2359c69d5c5a51af', class: `text text-md-regular ${this.type === 'tags' ? 'tag' : ''}`, style: { color: '#4B5565' } }, this.type === 'tags' ? (index.h(index.Fragment, null, this.value.map((item, index$1) => 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" }, index.h("p", { class: "text-xs-medium" }, item.name.split(' ')[0]), index.h("h1", { slot: "initials", class: "text-xxs-semi-bold" }, item.name
+                .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(item) }, index.h("p", { class: "text-xs-medium" }, item))))))))) : (index.h("p", { class: "selected_text" }, this.value.length === 0 ? ((_a = this.selectedItem) === null || _a === void 0 ? void 0 : _a.name) || this.selectedItem : index.h(index.Fragment, null, this.value.map(item => (typeof item === 'object' ? item.name : item)))))), this.supportingText && (index.h("div", { key: '2de1e3f8777d312bfd5136acb2fd6701adbfb7ad', class: "supporting_text text-sm-regular", style: { color: '#697586' } }, this.type !== 'tags' && (index.h(index.Fragment, null, this.value.length === 0 ? index.h(index.Fragment, null, this.selectedItem.username) : index.h(index.Fragment, null, this.value.map(item => typeof item === 'object' && item.username))))))))), this.state === 'disabled' && (index.h(index.Fragment, null, index.h("div", { key: 'd55ee95c7b5e9af3d02db0d8aa2baae52a411f3f', class: `content` }, index.h("div", { key: 'e7b4477a94c797d080322839a48e89daa74d9d27', class: `text text-md-regular ${this.type === 'tags' ? 'tag' : ''}`, style: { color: '#4B5565' } }, this.type === 'tags' ? (index.h(index.Fragment, null, this.value.map((item, index$1) => 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" }, index.h("p", { class: "text-xs-medium" }, item.name.split(' ')[0]), index.h("h1", { slot: "initials", class: "text-xxs-semi-bold" }, item.name
                 .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" }, index.h("p", { class: "text-xs-medium" }, item))))))) : (index.h(index.Fragment, null, index.h(index.Fragment, null, this.value.map(item => (typeof item === 'object' ? item.name : item)))))), this.supportingText && (index.h("div", { key: 'f56aad2d36a6c1205321a4e25926fa5034c7353b', class: "supporting_text text-sm-regular", style: { color: '#697586' } }, this.type !== 'tags' && (index.h(index.Fragment, null, this.value.length === 0 ? index.h(index.Fragment, null, this.selectedItem.username) : index.h(index.Fragment, null, this.value.map(item => typeof item === 'object' && index.h(index.Fragment, null, item.username))))))))))), this.showHelpIcon && (index.h("div", { key: 'a4083a6c4013d84e97a74a871a991aec783e9acc', class: `help_icon` }, index.h("gb-help-tooltip", { key: '5cba09ff8e6b9582f91541d1f9fa0ca12017a1e5', "show-supporting-text": true }, index.h("slot", { key: '5f62fb17ad3114d780a3618842119534e64f5dcb', name: "tooltip_label", slot: "label" }), index.h("slot", { key: '97d6fdd19e5c91ffd2427463262e04d01b726a2b', name: "tooltip_supporting_text", slot: "supporting_text" })))), this.type !== 'search' && (index.h("div", { key: 'e597554a1995a3d7514d58244c4cc68d0c403f09', class: `dropdown_icon ${this.dropdownOpen ? 'opened' : ''}` }, index.h("svg", { key: 'a4e55372f637e7511f157e7228e3b5e15737915f', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", class: `${this.state}` }, index.h("path", { key: '727e624a6eed5ba50f99a26c09e355da459da7aa', d: "M15 7.50004C15 7.50004 11.3176 12.5 9.99996 12.5C8.68237 12.5 5 7.5 5 7.5", stroke: "#697586", "stroke-width": "1.66667", "stroke-linecap": "round", "stroke-linejoin": "round" })))), index.h(index.Fragment, null, this.dropdownOpen && (index.h("div", { key: 'd86d3dab22d9a479a7db3b470d07170a7767ad84', class: `dropdown_menu ${this.menuPosition}`, ref: el => (this.dropdownRef = el), onClick: e => e.stopPropagation() }, this.showSearchInput && (index.h("div", { key: 'ad25ae634ee8b9e3d6913fab26fefbde5a55d28f', class: "dropdown_search_field" }, index.h("gb-input-field", { key: 'ccf8622ccde3d272d4b98b7b883772de01a2b331', size: "sm", value: this.inputValue, "show-close-button": this.inputValue ? true : false, "icon-swap": "assets/search-01.svg", placeholder: "Search banks", type: "icon_leading", labelText: "label", idOfInput: "3", onInputValueChanged: this.searchItems.bind(this) }))), this.searchItem ? (index.h(index.Fragment, null, this.searchItem !== '' && this.searchResults.length > 0 ? (index.h(index.Fragment, null, this.searchResults.map(item => (index.h("gb-input-dropdown-menu-item", { type: this.type === 'search' ? 'checkbox' : this.type === 'tags' ? 'checkbox' : this.type, state: reusableModels.StateEnum.Default, "supporting-text": this.supportingText, selected: this.isItemSelected(item), onClick: () => this.handleItemSelect(item) }, typeof item === 'object' ? (index.h(index.Fragment, null, index.h("p", { slot: "name" }, item.name), index.h("p", { slot: "supporting_text" }, item.username))) : (index.h("p", { slot: "name" }, item))))))) : this.searchItem !== '' && this.searchResults.length === 0 ? (
+                .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" }, index.h("p", { class: "text-xs-medium" }, item))))))) : (index.h(index.Fragment, null, index.h(index.Fragment, null, this.value.map(item => (typeof item === 'object' ? item.name : item)))))), this.supportingText && (index.h("div", { key: '12b6f31a6c1eafa67d7283ec680586cb92ff1993', class: "supporting_text text-sm-regular", style: { color: '#697586' } }, this.type !== 'tags' && (index.h(index.Fragment, null, this.value.length === 0 ? index.h(index.Fragment, null, this.selectedItem.username) : index.h(index.Fragment, null, this.value.map(item => typeof item === 'object' && index.h(index.Fragment, null, item.username))))))))))), this.showHelpIcon && (index.h("div", { key: '1de5017774ddbbd54d728dd05de81196f3bb6605', class: `help_icon` }, index.h("gb-help-tooltip", { key: 'cfb1a707f887b6b870207dab9ceadba904b6f73b', "show-supporting-text": true }, index.h("slot", { key: '992babf3f4e4b42f5446d65cb363088824033c78', name: "tooltip_label", slot: "label" }), index.h("slot", { key: '96912b741d81c8196ee2d06c34b2f6858446f680', name: "tooltip_supporting_text", slot: "supporting_text" })))), this.type !== 'search' && (index.h("div", { key: 'ec55c9bfea74ceffe424cb008803fa1c57d168c7', class: `dropdown_icon ${this.dropdownOpen ? 'opened' : ''}` }, index.h("svg", { key: '389f668e741c230ee9e773b2abfc1340b652b9dd', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", class: `${this.state}` }, index.h("path", { key: '8d82dd86249d00d3eb72510edaa563d005e445aa', d: "M15 7.50004C15 7.50004 11.3176 12.5 9.99996 12.5C8.68237 12.5 5 7.5 5 7.5", stroke: "#697586", "stroke-width": "1.66667", "stroke-linecap": "round", "stroke-linejoin": "round" })))), index.h(index.Fragment, null, this.dropdownOpen && (index.h("div", { key: '84fa64deeb3d2bbc440d2b5e562552435da277cf', class: `dropdown_menu ${this.menuPosition}`, ref: el => (this.dropdownRef = el), onClick: e => e.stopPropagation() }, this.showSearchInput && (index.h("div", { key: '784ad174a9b4e52e5cbdcc7b5d4d09373e477e4d', class: "dropdown_search_field" }, index.h("gb-input-field", { key: 'df2b6ed3b0d782705623a7a9926c2daaa764267e', size: "sm", value: this.inputValue, "show-close-button": this.inputValue ? true : false, "icon-swap": "assets/search-01.svg", placeholder: "Search banks", type: "icon_leading", labelText: "label", idOfInput: "3", onInputValueChanged: this.searchItems.bind(this) }))), this.searchItem ? (index.h(index.Fragment, null, this.searchItem !== '' && this.searchResults.length > 0 ? (index.h(index.Fragment, null, this.searchResults.map(item => (index.h("gb-input-dropdown-menu-item", { type: this.type === 'search' ? 'checkbox' : this.type === 'tags' ? 'checkbox' : this.type, state: reusableModels.StateEnum.Default, "supporting-text": this.supportingText, selected: this.isItemSelected(item), onClick: () => this.handleItemSelect(item) }, typeof item === 'object' ? (index.h(index.Fragment, null, index.h("p", { slot: "name" }, item.name), index.h("p", { slot: "supporting_text" }, item.username))) : (index.h("p", { slot: "name" }, item))))))) : this.searchItem !== '' && this.searchResults.length === 0 ? (
             //Empty state for when there are no search results
             index.h("div", { class: "empty_state" }, index.h("img", { src: emptyStateBackground, class: "background", alt: "" }), index.h("div", { class: "message_background" }, index.h("img", { src: illustration, alt: "", class: "illustration" }), index.h("p", { class: "message text-md-semi-bold" }, "No results available")))) : null)) : (index.h(index.Fragment, null, this.type === 'tags' ? (index.h(index.Fragment, null, this.selectedItems.map(item => (index.h("gb-input-dropdown-menu-item", { type: this.type === 'search' ? 'checkbox' : this.type === 'tags' ? 'checkbox' : this.type, state: reusableModels.StateEnum.Default, "supporting-text": this.supportingText, selected: true, onClick: () => this.handleItemSelect(item) }, typeof item === 'object' ? (index.h(index.Fragment, null, index.h("p", { slot: "name" }, item.name), index.h("p", { slot: "supporting_text" }, item.username), index.h("h1", { slot: "initials" }, item.name.split(' ').map(part => part.charAt(0).toUpperCase())))) : (index.h(index.Fragment, null, index.h("p", { slot: "name" }, item), index.h("h1", { slot: "initials" }, item.split(' ').map(part => part.charAt(0).toUpperCase()))))))), this.unselectedItems.map(item => (index.h("gb-input-dropdown-menu-item", { type: this.type === 'search' ? 'checkbox' : this.type === 'tags' ? 'checkbox' : this.type, state: reusableModels.StateEnum.Default, "supporting-text": this.supportingText, selected: false, onClick: () => this.handleItemSelect(item) }, typeof item === 'object' ? (index.h(index.Fragment, null, index.h("p", { slot: "name" }, item.name), index.h("p", { slot: "supporting_text" }, item.username))) : (index.h("p", { slot: "name" }, item))))))) : (index.h(index.Fragment, null, this.items.map(item => (index.h("gb-input-dropdown-menu-item", { type: this.type === 'search' ? 'checkbox' : this.type === 'tags' ? 'checkbox' : this.type, state: reusableModels.StateEnum.Default, "supporting-text": this.supportingText, selected: this.isItemSelected(item), color: this.color, onClick: () => this.handleItemSelect(item) }, typeof item === 'object' ? (index.h(index.Fragment, null, index.h("p", { slot: "name" }, item.name), index.h("h1", { slot: "initials" }, item.name.split(' ').map(part => part.charAt(0).toUpperCase())), index.h("p", { slot: "supporting_text" }, item.username))) : (typeof item !== 'object' && (index.h(index.Fragment, null, index.h("p", { slot: "name" }, item), index.h("h1", { slot: "initials" }, item)))))))))))))))), this.showHintText && index.h(index.Fragment, null, !this.destructive ? index.h("p", { class: "hint_text text-sm-regular" }, this.hintText) : index.h("p", { class: "error_text text-sm-regular" }, this.errorText))),
         ];
@@ -357,7 +357,7 @@ const GbPaginationButtonGroupBase = class {
         this.leadingIconSvg = svg;
     }
     render() {
-        return (index.h("div", { key: '39fe9a2f8f5ed18a045bb5ab5ffd9c8fd2d0d63f', class: `button_base_div ${this.icon} ${this.state}` }, this.icon === 'false' && index.h("slot", { key: 'f8b9a0e1babfcbaba38997f3c584ef08ecb9d356' }), this.icon === 'leading' && (index.h(index.Fragment, null, index.h("svg", { key: '96b74f3aab3fe972229f8430da7dcf633b77fb50', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, index.h("path", { key: '1610772bbfd876ca76111e4d8a2bd29ff2e59ba5', d: "M3.33325 9.99981H16.6666M3.33325 9.99981C3.33326 11.0978 7.49975 14.1667 7.49975 14.1667M3.33325 9.99981C3.33324 8.90182 7.49978 5.83334 7.49978 5.83334", stroke: "#4B5565", "stroke-width": "1.67", "stroke-linecap": "round", "stroke-linejoin": "round" })), index.h("slot", { key: '5d6402acfc2aeb82dcf3ffa0734ab90b14ae6d5d' }))), this.icon === 'trailing' && (index.h(index.Fragment, null, index.h("slot", { key: 'c60c31d830d03219c075ae8031d46b197f8671a2' }), index.h("svg", { key: 'ff099027abde8a276913b3ce1833a2e185876f50', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, index.h("path", { key: '6a4b892feb86462186cf75a7c4ecfecdfb67e1d8', d: "M16.6668 9.99984H3.3335M16.6668 9.99984C16.6668 11.0978 12.5003 14.1667 12.5003 14.1667M16.6668 9.99984C16.6669 8.90185 12.5002 5.83337 12.5002 5.83337", stroke: "#4B5565", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })))), this.icon === 'only' && (index.h(index.Fragment, null))));
+        return (index.h("div", { key: 'd39f2578619a0f567626db9d77a7f32889521369', class: `button_base_div ${this.icon} ${this.state}` }, this.icon === 'false' && index.h("slot", { key: 'e1539a8c67faf311a64b35c20fc239e1140a4868' }), this.icon === 'leading' && (index.h(index.Fragment, null, index.h("svg", { key: 'b0ee96e05dc4b4ddbd4952e67798cc4ab77e7367', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, index.h("path", { key: '4666be32dba29803b6aaf47c06cbb304d982af77', d: "M3.33325 9.99981H16.6666M3.33325 9.99981C3.33326 11.0978 7.49975 14.1667 7.49975 14.1667M3.33325 9.99981C3.33324 8.90182 7.49978 5.83334 7.49978 5.83334", stroke: "#4B5565", "stroke-width": "1.67", "stroke-linecap": "round", "stroke-linejoin": "round" })), index.h("slot", { key: '2ff7436f21f8cce7981e01916e4f280fe00c5340' }))), this.icon === 'trailing' && (index.h(index.Fragment, null, index.h("slot", { key: 'fc78c8ca78a7eb5fa0d570565148090891720418' }), index.h("svg", { key: '91ee9bbd01276412bd6a42e4d2f042ffc0f7d9ce', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, index.h("path", { key: 'f567040702772e5f5f783101ba746d0a10342f27', d: "M16.6668 9.99984H3.3335M16.6668 9.99984C16.6668 11.0978 12.5003 14.1667 12.5003 14.1667M16.6668 9.99984C16.6669 8.90185 12.5002 5.83337 12.5002 5.83337", stroke: "#4B5565", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })))), this.icon === 'only' && (index.h(index.Fragment, null))));
     }
     get el() { return index.getElement(this); }
 };
@@ -385,7 +385,7 @@ const GbPaginationNumberBase = class {
         }
     }
     render() {
-        return (index.h("div", { key: 'c26a0e04e2b0801fecdfcb6977bd70af91c952c1', class: `page_number_base ${this.shape} ${this.state}` }, index.h("slot", { key: 'f9c2bf598ed574b9efdcc0338a54a00f4d93fe71', name: "page_number" })));
+        return (index.h("div", { key: 'ffd235f76d444ca73b283e2a85901267e4c9c564', class: `page_number_base ${this.shape} ${this.state}` }, index.h("slot", { key: '2a201404d56bbcade578942c364a453d01fae028', name: "page_number" })));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/gb-mega-input-field-base.cjs.entry.js

@@ -25,10 +25,10 @@ const GbMegaInputFieldBase = class {
         }
     }
     render() {
-        return (index.h("div", { key: 'a9f7f1113bc7a6a99d1f9d74dd3fea636875fb49', class: {
+        return (index.h("div", { key: '8122a275e31e15d1bd75a026f1275239c5d126e3', class: {
                 [this.size]: true,
                 disabled: this.state === 'disabled'
-            } }, index.h("input", { key: '6874620a5f4421fb9ae6e6898418afb902eae5aa', class: {
+            } }, index.h("input", { key: 'a616021f636f503841fa7e4009e80482ef2e9b36', class: {
                 [this.size]: true,
                 disabled: this.state === 'disabled'
             }, type: "text", maxlength: "1", placeholder: "0", value: this.inputValue, onInput: (event) => this.handleInput(event) })));

package/dist/cjs/gb-notification-content.cjs.entry.js

@@ -17,7 +17,7 @@ const GbNotificationContent = class {
     }
     render() {
         const iconSrc = index.getAssetPath(`${this.icon}`);
-        return (index.h("div", { key: 'a927a7d2b89d6bb3e5c89384c5b8abec2d5c1180', class: "notification_container" }, index.h("div", { key: 'c7086bc508aa861f5196b914d78dee8345e5b72d', class: "notification_title" }, this.icon && (index.h("div", { key: '460556aa305ea58ae38e1cc69c8a0c96d1c5c8da', class: "icon" }, index.h("img", { key: '6881e4f60e61dd628b0459cbd095b12ed67da6af', src: iconSrc, alt: "Icon" }))), index.h("label", { key: '3ebad3c8da7bb1c685bb4a7efeea262afb38ad78' }, this.label), index.h("span", { key: 'b7a820b8c2e991ef3c1fa436871829093675cfbf', class: "time" }, this.time)), index.h("div", { key: '57037e2c460e03d64bfe6d3d7a0002d8633fdc6f', class: "supporting_text" }, index.h("p", { key: 'a3b197e0aec9c12f42759254188dfda23e73e5ec', class: "text-sm-regular" }, this.supportingText))));
+        return (index.h("div", { key: 'dbeb9064f9b700e73ff3bb5f95e4eb73c85ad281', class: "notification_container" }, index.h("div", { key: 'f353f2126c495b466e2f0610ab2c9c1360e1b602', class: "notification_title" }, this.icon && (index.h("div", { key: '4643f5a06aedff2967f763af7595b1c06ef70037', class: "icon" }, index.h("img", { key: '255b4d1cab389e4ecdc26aac96251fc35ed86284', src: iconSrc, alt: "Icon" }))), index.h("label", { key: '1ebadfeee256e1ee4e0ae465428c55c9007704b3' }, this.label), index.h("span", { key: 'b0af60434a2eda64749695e3acc42524ee9c0c22', class: "time" }, this.time)), index.h("div", { key: '835e696df9d71310defbb229992fcad14b58b50c', class: "supporting_text" }, index.h("p", { key: '69c62ba26d72545216c0de2ee2fc6b6b18d488d5', class: "text-sm-regular" }, this.supportingText))));
     }
 };
 GbNotificationContent.style = GbNotificationContentStyle0;

package/dist/cjs/gb-notification-pane.cjs.entry.js

@@ -60,9 +60,9 @@ const GbNotificationPane = class {
     render() {
         const patternSrc = index.getAssetPath(`assets/notification_background_pattern.svg`);
         const illustrationSrc = index.getAssetPath(`assets/notification_illustration.svg`);
-        return (index.h("div", { key: '3cf2e8f89a7ba5218e56553b916ab6deab5a9dd1', class: "notification_pane_div" }, this.state === 'empty' && [
-            index.h("div", { key: 'ed5b42c65100404df57221dfb98e7a39df67efb8', class: `container` }, index.h("div", { key: 'e2ae0a2fa63d2d4476054781f4814d359ca3b2a0', class: "frame" }, index.h("img", { key: '5fb509d8671f70afa0b84a27113cd75231eaac78', src: patternSrc, alt: "", class: "empty_state_pattern" }), index.h("div", { key: '34b3b4d21c1547fb4830b0c8d78142c9739e580f', class: "empty_state" }, index.h("div", { key: 'f18b8f6e7bfd2bb1170c2c80ce177d2819418f2a', class: "content" }, index.h("img", { key: 'ecaac23522d2d9979cd77c98ea5881a74c677344', src: illustrationSrc, alt: "bell-icon", class: "bell_icon" }), index.h("div", { key: '3ffd7ac7c086c03e6fb4d1410860ce86d898aafa', class: "text" }, index.h("slot", { key: 'feec04201f26ece9eef017f72722d77c157c493a', name: "label" }), index.h("slot", { key: 'a4a08b7c89310f8cfe2951c131b2291b10046e14', name: "supporting_text" })))))),
-            index.h("div", { key: '8b65379bf5f98868d01152dbfacebd6916c3a4ce', class: `button` }, index.h("gb-button", { key: 'd40c0741e13d763008921ba94a1d996c61cf6ead', size: "sm", hierarchy: "tertiary_color", icon: "default", state: "disabled", "icon-leading": true, "icon-leading-swap": "assets/blush_brush.svg" }, index.h("p", { key: 'fd7ee2d9d52b20c4ea9ed62b771e95fcaba697c4' }, "Mark all as read"))),
+        return (index.h("div", { key: '5ca0484ea23af34794c2792ecebd9cc1a64e6353', class: "notification_pane_div" }, this.state === 'empty' && [
+            index.h("div", { key: '1d82a5e6c9696aae9cf23fb3549e896caad7670c', class: `container` }, index.h("div", { key: '9964ca41b9dc259e4eddc55eb738ee6cc1a22848', class: "frame" }, index.h("img", { key: '19b54c2a33c26c6ce0952c6d9e1e491ed74a8829', src: patternSrc, alt: "", class: "empty_state_pattern" }), index.h("div", { key: '38362a638ed9fbe04a43f6fba40b0b5b8d509ffa', class: "empty_state" }, index.h("div", { key: 'ba34afd53e7667d2274b82648cb7b1475dbe7e06', class: "content" }, index.h("img", { key: '539bce1362467243c30320d1872aa7fdeb7a9aaa', src: illustrationSrc, alt: "bell-icon", class: "bell_icon" }), index.h("div", { key: '7d28c5a5090aee0c3b7605c468030a05f5892265', class: "text" }, index.h("slot", { key: '5c04a2d614a188eeb7a8a8e16bcd7f4c5e87ef14', name: "label" }), index.h("slot", { key: '21bb2fd02f840aa30c4f698889f9e596147308cf', name: "supporting_text" })))))),
+            index.h("div", { key: 'f1fcf3c2a67a42766e8d182cb58b907e99513be6', class: `button` }, index.h("gb-button", { key: 'ae820423e1f4f1c0b21edad2f3be0589b064a3e1', size: "sm", hierarchy: "tertiary_color", icon: "default", state: "disabled", "icon-leading": true, "icon-leading-swap": "assets/blush_brush.svg" }, index.h("p", { key: '4110ea43ba984c18bfe00099f4af692548b9b758' }, "Mark all as read"))),
         ], this.state === 'notification_dropdown' && (index.h(index.Fragment, null, this.notifications.length > 0 ? (index.h("div", { class: "notification_dropdown" }, index.h("div", { class: `content_wrapper` }, this.notifications.map(notification => (index.h("gb-notification-content", { label: notification.label, time: notification.time, "supporting-text": notification.desc, icon: notification.icon })))), index.h("gb-button", { size: "sm", hierarchy: "tertiary_color", icon: "default", "icon-leading": true, "icon-leading-swap": "assets/blush_brush.svg" }, index.h("p", null, "Mark all as read")))) : [index.h("div", { class: `container` }, index.h("div", { class: "frame" }, index.h("img", { src: patternSrc, alt: "", class: "empty_state_pattern" }), index.h("div", { class: "empty_state" }, index.h("div", { class: "content" }, index.h("img", { src: illustrationSrc, alt: "bell-icon", class: "bell_icon" }), index.h("div", { class: "text" }, index.h("slot", { name: "label" }), index.h("slot", { name: "supporting_text" })))))), index.h("div", { class: `button` }, index.h("gb-button", { size: "sm", hierarchy: "tertiary_color", icon: "default", state: "disabled", "icon-leading": true, "icon-leading-swap": "assets/blush_brush.svg" }, index.h("p", null, "Mark all as read"))),
         ]))));
     }

package/dist/cjs/gb-pagination-dot-group.cjs.entry.js

@@ -16,7 +16,7 @@ const GbPaginationDotGroup = class {
         this.framed = false;
     }
     render() {
-        return (index.h("div", { key: '2898e3106089e584311e16457b6bfe209a8f66ef', class: "dot_group_div" }, index.h("div", { key: '0277b88ea306ed167e06d628b25b8137aa8e6f38' })));
+        return (index.h("div", { key: 'a07d7639e0778beca0aa203582d68fbd55689d8e', class: "dot_group_div" }, index.h("div", { key: '12ba9daf903a8e760f1df7f7484eaf5f2c564a9c' })));
     }
 };
 GbPaginationDotGroup.style = GbPaginationDotGroupStyle0;

package/dist/cjs/gb-pagination-dot-indicator.cjs.entry.js

@@ -15,7 +15,7 @@ const GbPaginationDotIndicator = class {
         this.size = undefined;
     }
     render() {
-        return (index.h("div", { key: '0c5844aa433ed1cbc8fe26ff27dc7ea4eaca4304', class: `dot_indicator_div 
+        return (index.h("div", { key: 'eecaf7082f0fb62b0c22735a2444afd8afe1e2b9', class: `dot_indicator_div 
       ${this.type} ${this.current ? 'current' : ''} 
       ${this.size}` }));
     }

package/dist/cjs/gb-pagination.cjs.entry.js

@@ -45,7 +45,7 @@ const GbPagination = class {
         this.pageItemSelected.emit({ pageSize: this.selectedPageSize, pageNumber: this.currentPage });
     }
     render() {
-        return (index.h("div", { key: '586869025a7035cf3ff9a5978a353493752009b1', class: `pagination_div ${this.type} ${this.breakpoint}` }, this.type === 'page_default' && this.breakpoint === 'desktop' && (index.h(index.Fragment, null, index.h("gb-button", { key: '50cbd6d8efa550ce6277dfc41f4ebe0e45fa985a', size: "sm", hierarchy: "tertiary_gray", icon: "default", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg" }, index.h("p", { key: '504d1fa2aba4aa5c3b591e60b730d10b16de022e' }, "Previous")), index.h("div", { key: 'ec9f33029ee74c899ac5b3b7e8950665a1d34893', class: "pagination_numbers" }, index.h("gb-pagination-number-base", { key: '2c57417892313cfbfaf83b6c27de25163ad6f79e', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, index.h("p", { key: 'ee9e789e5da4cf65b741c5568c646e629f4ad1c5', slot: "page_number" }, "1")), index.h("gb-pagination-number-base", { key: '58ad4d26fb23de388fd89d3aa18bc16fb092f6e2', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, index.h("p", { key: 'c33707be91c9c0eee352ec43ccc1e4d07c1333c2', slot: "page_number" }, "2")), index.h("gb-pagination-number-base", { key: 'bad6cf474ee81934a9ef58d3483169aa9b84900c', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, index.h("p", { key: '251286a89dee14868dc3e181b45c2892bdbb0f09', slot: "page_number" }, "3")), this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (index.h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default' }, index.h("p", { slot: "page_number" }, this.currentPage))) : null, index.h("gb-pagination-number-base", { key: '0530562ea3727f067f882da936f11e84be560e7e', shape: this.shape }, index.h("p", { key: '7f3686ba6a8058dd2a547a63e196030d8aeca229', slot: "page_number" }, "...")), this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (index.h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default' }, index.h("p", { slot: "page_number" }, this.currentPage))) : null, index.h("gb-pagination-number-base", { key: 'ab89a97886659f160481d9e516e5cada41d2d3aa', shape: this.shape, state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 2) }, index.h("p", { key: '5800d15fac0bb7fd0a0a946dd5d406339498b7df', slot: "page_number" }, this.totalPages - 2)), index.h("gb-pagination-number-base", { key: 'dfd08f742efe693ce0d5dcede93c6a3f6405f021', shape: this.shape, state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 1) }, index.h("p", { key: '2dfc05e880dc515c9722fc61aeba6e83e5c8fbda', slot: "page_number" }, this.totalPages - 1)), index.h("gb-pagination-number-base", { key: 'fe926a46eb10f541ce087501d979ddf1a9ff900e', shape: this.shape, state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages) }, index.h("p", { key: '4c57ca651fc9fe2118ab6354d3bda5e58521406a', slot: "page_number" }, this.totalPages))), index.h("gb-button", { key: 'e923086b096b4196b236b75552051a515b1d74c7', size: "sm", hierarchy: "tertiary_gray", icon: "default", state: "default", "icon-trailing": true, "icon-trailing-swap": "assets/arrow-right-02.svg" }, index.h("p", { key: 'f362e6a245fca297502ac9a2acd0a73496f29761' }, "Next")))), this.type === 'page_minimal_center_aligned' && this.breakpoint === 'desktop' && (index.h(index.Fragment, null, index.h("gb-button", { key: 'b5969e330b0602fc51bb6e72b5e8d2e8ac91abc3', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg" }, index.h("p", { key: '90011d90a71a4d30441f753bcb607c2ed23eb5f6' }, "Previous")), index.h("div", { key: '63b7f335843308724ed648545f39925082279070', class: "pagination_numbers" }, index.h("gb-pagination-number-base", { key: '21828649d95455e2439c4e1ff27fb63c8b0708b1', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, index.h("p", { key: 'dd8692565209da4dab781d7f637e5e4267f705db', slot: "page_number" }, "1")), index.h("gb-pagination-number-base", { key: '59b72f3d98a651a85818e6ff7588721f2be3620c', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, index.h("p", { key: '5ce62f2c40654d94824462f4a70096caec86c223', slot: "page_number" }, "2")), index.h("gb-pagination-number-base", { key: '2f862085096780422ee4593b61442c414c09fed1', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, index.h("p", { key: '78f48700138884ffd77c4803a72a2615a3cc19ff', slot: "page_number" }, "3")), this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (index.h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default' }, index.h("p", { slot: "page_number" }, this.currentPage))) : null, index.h("gb-pagination-number-base", { key: 'aba48ad3fd60d099307585ac990376fd4866a587', shape: this.shape }, index.h("p", { key: '3d01f6d2dc2647441323000d73208871daf6423d', slot: "page_number" }, "...")), this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (index.h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default' }, index.h("p", { slot: "page_number" }, this.currentPage))) : null, index.h("gb-pagination-number-base", { key: '65ecff77727d7cbc89281cef73e1a7d7acdee91b', shape: this.shape, state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 2) }, index.h("p", { key: '81800368b788401c9b9bb1892508a407d0a92122', slot: "page_number" }, this.totalPages - 2)), index.h("gb-pagination-number-base", { key: 'ddb1f3c0d238eaba895bfdf1982b7ca710f11138', shape: this.shape, state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 1) }, index.h("p", { key: '7e05c47f90c128645fbb11e1270439df80a662b4', slot: "page_number" }, this.totalPages - 1)), index.h("gb-pagination-number-base", { key: '677c903bd93eb90a02eb4001399881261bac53e9', shape: this.shape, state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages) }, index.h("p", { key: '69968d3396b47e547156b7767f4a1463a12e407e', slot: "page_number" }, this.totalPages))), index.h("gb-button", { key: '88403ce58695e3985f61805b40f4c35684ed0c5e', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", "icon-trailing": true, "icon-trailing-swap": "assets/arrow-right-02.svg" }, index.h("p", { key: 'fd367ab332d8b436914f5f1408d1367f6e1c0bd1' }, "Next")))), this.type === 'card_default' && this.breakpoint === 'desktop' && (index.h(index.Fragment, null, index.h("div", { key: '575ce8eee499fa33a588283686407e582f50de17', class: "pagination_entries" }, index.h("div", { key: '6804a6f8e4ac2253e374dbc93d5bfa9d21381894', class: "entries_text" }, index.h("p", { key: 'dc5920f3bf6d39cf4b85a5d62953286b1adbdd23', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), index.h("div", { key: 'fe9dde5ae458d1d666528fc7826052581692c86f', class: `entries_dropdown` }, index.h("gb-input-dropdown", { key: '2450fc52d0af75db9bb2b7faae7a526e897cee57', type: "default", state: "default", size: "sm", "show-label": false, "show-hint-text": false, "show-supporting-text": false, "show-help-icon": false, items: this.entries, "menu-position": "top", onDropdownItemSelected: this.handlePageSizeSelect.bind(this), value: this.defaultSelected }))), index.h("div", { key: '77234a041b6198f9ce1347869de79fb1b59ccadd', class: "pagination_numbers" }, index.h("gb-pagination-number-base", { key: 'a4b4d0d9a939d9b5d87b6642a1dae12f92453df6', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, index.h("p", { key: '96e95158741551b045fb5bf9fe5243ad747ebb7a', slot: "page_number" }, "1")), index.h("gb-pagination-number-base", { key: '0ab7c041b9a7e36a8d9b74926de910feb5f5a2be', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, index.h("p", { key: '3e21942c08716458115da599d1c0e2e05111d542', slot: "page_number" }, "2")), index.h("gb-pagination-number-base", { key: '0a62343b52e02ed60d8745180342835ac72b4990', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, index.h("p", { key: '42b23d64fca78ef229d60abe70003104e0b33770', slot: "page_number" }, "3")), this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (index.h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default' }, index.h("p", { slot: "page_number" }, this.currentPage))) : null, index.h("gb-pagination-number-base", { key: '89e3af19009d22a5ede866b1cb9f2f9ab3da067a', shape: this.shape, state: "default" }, index.h("p", { key: '57c55fd3466e509556b1038e0b29d6d2bd07e10a', slot: "page_number" }, "...")), this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (index.h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default' }, index.h("p", { slot: "page_number" }, this.currentPage))) : null, index.h("gb-pagination-number-base", { key: '743c9e4b97885e8feafec2edfb3c7ae315e0405e', shape: this.shape, state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 2) }, index.h("p", { key: '8136a46a6582ce4dab510ad0ea3b93507fdc4517', slot: "page_number" }, this.totalPages - 2)), index.h("gb-pagination-number-base", { key: 'a90cb13d3a1360738b12a895886d0b866e16cc5f', shape: this.shape, state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 1) }, index.h("p", { key: '638a904d6ba6d6ea156635941686ee429c6e17b2', slot: "page_number" }, this.totalPages - 1)), index.h("gb-pagination-number-base", { key: '5f94c2aea48d76d7d32f8e6b0037039e59ec6362', shape: this.shape, state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages) }, index.h("p", { key: '1e0c8f67f46b2665ff35b7068f7c9bf3b1dc00f7', slot: "page_number" }, this.totalPages))), index.h("div", { key: '9d63b3802f61688ebc1b501979e57c9ed931d34c', class: "pagination_btns" }, index.h("gb-button", { key: '0f5245911f681397b917aa73523db279fc7809e1', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), index.h("gb-button", { key: '057a812a7b4c3faaf63fa8a6ef0d47e944f60eb7', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() })))), this.type === 'card_minimal_right_aligned' && this.breakpoint === 'desktop' && (index.h(index.Fragment, null, index.h("div", { key: 'd58fe2d6d6d024116666763e62ccb167a8180c1e', class: "pagination_entries" }, index.h("div", { key: 'eae1321871ce1437c229c40d724ece9eebcfae9d', class: "entries_text" }, index.h("p", { key: '2e06025bb12389727d2dea600ef2487e7bd685f9', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), index.h("div", { key: '6ce64e594ce959d4ebe00d64aa1c186d6cef7e4a', class: `entries_dropdown` }, index.h("gb-input-dropdown", { key: 'bc95235508dbbea4c49a45046ca879b66c6d6fbc', type: "default", state: 'default', size: "sm", "show-label": false, "show-hint-text": false, "show-supporting-text": false, "show-hep-icon": false, items: this.entries, "menu-position": "top", onDropdownItemSelected: this.handlePageSizeSelect.bind(this), value: this.defaultSelected }))), index.h("div", { key: '587e3a08b777a6fde790195d495e866c2b89f423', class: "page_number_text" }, index.h("p", { key: 'b33fd3bca1822a550de0b57a090ac8999f68c779', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), index.h("div", { key: 'bd8164d6c70288a47f9503400262eaf8a165aa5d', class: "pagination_btns" }, index.h("gb-button", { key: '473fb792ae0da5877f88b6b89b3517b5dc792d5d', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, index.h("p", { key: '3e486accf7a1952c8c69453b84d6a2ae46577a18' }, "Previous")), index.h("gb-button", { key: '118bdec13e5078de527490e90840d692a825a5e5', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, index.h("p", { key: '9ca3ccc325298400206dc7238a634b7ada53ef82' }, "Next"))))), this.type === 'card_minimal_left_aligned' && this.breakpoint === 'desktop' && (index.h(index.Fragment, null, index.h("div", { key: '9d362e1a989b6b3734ce549622e02825572bf30f', class: "pagination_btns" }, index.h("gb-button", { key: '40e8fa3b96f22bd41f84d63e6194bbe61206f190', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, index.h("p", { key: '1d7366d97f2d8f1b96acbaaf889eaa027ec27cfa' }, "Previous")), index.h("gb-button", { key: 'd57b879344ff0318ccae6ba828ddd3535e74fcef', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, index.h("p", { key: 'ee692c0325ce796be6d1363427d07f48dbb8b08e' }, "Next"))), index.h("div", { key: '4e2c0320eccca1965d6f583518c49585cf85a65d', class: "page_number_text" }, index.h("p", { key: '6cf7678abce1fbbce81d514649ab4f58d5fd3925', class: "text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), index.h("div", { key: '741c027e9eb4f738eaa212858d71f6537395e5d2', class: "pagination_entries" }, index.h("div", { key: 'c5521a717fb69cc5689b238c7d49e63ebb36bf4b', class: "entries_text" }, index.h("p", { key: '805cf24ffdecd78b0929b8b1139ac67fcda81f41', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), index.h("div", { key: '167230c3585571f30a2484b8aa17d054f5f06649', class: `entries_dropdown` }, index.h("gb-input-dropdown", { key: '5bb6fea65e2a63ead3b32648daee4c0ff08737be', type: "default", state: 'default', size: "sm", "show-label": false, "show-hint-text": false, "show-supporting-text": false, "show-hep-icon": false, items: this.entries, "menu-position": "top", onDropdownItemSelected: this.handlePageSizeSelect.bind(this), value: this.defaultSelected }))))), this.type === 'card_minimal_center_aligned' && this.breakpoint === 'desktop' && (index.h(index.Fragment, null, index.h("gb-button", { key: '79f9237144a55a467813b09a6bedbd2e36b218ce', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, index.h("p", { key: '44abd1596bb6e79f34ad786bbb61383c747d4e59' }, "Previous")), index.h("div", { key: '552bc2f353b93ce7c59ff80c72f2828b914b3b59', class: "page_number_text" }, index.h("p", { key: 'f7a40c341eb9995c6501b1139402c8dc0e3304d9', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), index.h("gb-button", { key: '237d8bed4a7e5fa5630832a54a84317acbf6ec24', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, index.h("p", { key: '856e890985036a945aa17b06c971fd4448997a19' }, "Next")))), this.type === 'card_button_group_right_aligned' && this.breakpoint === 'desktop' && (index.h(index.Fragment, null, index.h("div", { key: '7e30a6101fa47804dc7932575576524a99fc3e3d', class: "pagination_entries" }, index.h("div", { key: 'c82242202ad8b11ec94b9eb4c11aba2db516a3f1', class: "entries_text" }, index.h("p", { key: '15f6cec48131efe6f6a5fac1cc78a951a8835c48', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), index.h("div", { key: '349595924c94403b3bbc3da7203176d62937b339', class: `entries_dropdown` }, index.h("gb-input-dropdown", { key: 'a1ebffe48d8adde683d041b96ef8756c07519560', type: "default", state: 'default', size: "sm", "show-label": false, "show-hint-text": false, "show-supporting-text": false, "show-hep-icon": false, items: this.entries, "menu-position": "top", onDropdownItemSelected: this.handlePageSizeSelect.bind(this), value: this.defaultSelected }))), index.h("div", { key: '4e29019be880dd74630db1b933a27920225b0deb', class: "pagination_button_group" }, index.h("gb-pagination-button-group-base", { key: '36195c090bc9a431ca22f461cf65852a37c2ac51', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, index.h("p", { key: 'ba37d7716850b7763a84aea9c8c36aa5daa6d2c1' }, "Previous")), index.h("div", { key: '80fc14fb55143c8cba52e6512f5459787e09f921', class: "btn_group" }, index.h("gb-pagination-button-group-base", { key: 'd7068be7d1542b67cd95eb10ab2d25e859dd7b09', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, index.h("p", { key: '88a1597c3743b986156cabd55599ae1bdc53d01a' }, "1"))), index.h("gb-pagination-button-group-base", { key: 'ec205d7b941b560c99e9fd89f22f60e85af99543', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, index.h("p", { key: '96db6d5c02b0144efc45f77ffaab9580cc7c1035' }, "2")), index.h("gb-pagination-button-group-base", { key: '5b0bd485003974e905ac3e6b814de57318ffda44', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, index.h("p", { key: 'fd1c90871dcf88290f2a9becdb9fb00bc2a5f755' }, "3")), this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (index.h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default' }, index.h("p", null, this.currentPage))) : null, index.h("gb-pagination-button-group-base", { key: '5e629916549a6995ee2717d7d0ad73b332447d31', icon: "false" }, index.h("p", { key: 'a54dc59dda861a2dd8f0af2c128db1cf3add1114' }, "...")), this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (index.h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default' }, index.h("p", null, this.currentPage))) : null, index.h("gb-pagination-button-group-base", { key: '119bba261213a80591bea520c6fcad38a53d0f8a', icon: "false", state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 2) }, index.h("p", { key: '5fbd654cd42e6934952999d88a0d42aecb52d474' }, this.totalPages - 2)), index.h("gb-pagination-button-group-base", { key: '4a2cfbd0215d1371259398d08c9550c0f563050d', icon: "false", state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 1) }, index.h("p", { key: 'c2722b016a764ec9df57a627c51dd3be03b15a74' }, this.totalPages - 1)), index.h("gb-pagination-button-group-base", { key: '3fca4ef99a95a3cc035c5303bbe354fba940e1c2', icon: "false", state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages) }, index.h("p", { key: '2f164c55a3a616b665c71435c8d8b2fd57b49c6c' }, this.totalPages)), index.h("gb-pagination-button-group-base", { key: 'e36d6064de8691318d5e0424bff046519cfa115f', icon: "trailing", onClick: () => this.onNextButtonClicked() }, index.h("p", { key: '26fc19444f36de18e9bc6efc60cb80e3086ff969' }, "Next"))))), this.type === 'card_button_group_left_aligned' && this.breakpoint === 'desktop' && (index.h(index.Fragment, null, index.h("div", { key: '41ee2afcad2ba830de4f259f688bbbbf80519ad9', class: "pagination_button_group" }, index.h("gb-pagination-button-group-base", { key: '49c48263e5123dc97c295ae7bb318765ff270b25', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, index.h("p", { key: '45ef1e6fcbf5c35e706b31dcd3dfb4876fbaea91' }, "Previous")), index.h("div", { key: 'c5b47f96023bda06b7e67c89ae7666004037ce84', class: "btn_group" }, index.h("gb-pagination-button-group-base", { key: '33476508c1f222a0debd47bfd1f57fc32f6b36f8', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, index.h("p", { key: '817d7478cee752587deff83d00fff695b6b01a6d' }, "1"))), index.h("gb-pagination-button-group-base", { key: '475aeedb177e50278fbfc248ca116d2e0703bfa8', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, index.h("p", { key: '2fe497d30d6c25d78371616ff1b73d147ffe78ec' }, "2")), index.h("gb-pagination-button-group-base", { key: '333dd906b383cadf9d63def5e4ea1fc93f1e2d44', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, index.h("p", { key: '7e2be1af47fdfd234b67ce6f865b78dc75c38fc4' }, "3")), this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (index.h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default' }, index.h("p", null, this.currentPage))) : null, index.h("gb-pagination-button-group-base", { key: 'ddea5ca906a9a793520603ccfd407862f9564c11', icon: "false" }, index.h("p", { key: 'd5996cb937fe07e7e6125ffa410f35068052c064' }, "...")), this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (index.h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default' }, index.h("p", null, this.currentPage))) : null, index.h("gb-pagination-button-group-base", { key: '674a6e07184ff425cdf70856e9efd0ce020c9ecd', icon: "false", state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 2) }, index.h("p", { key: 'd8c67d5aa0318883bca45926832df669488c0db5' }, this.totalPages - 2)), index.h("gb-pagination-button-group-base", { key: '61caa1ff78be2ec500fbabbcb2cd2166654d2ee8', icon: "false", state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 1) }, index.h("p", { key: 'b64f3fb006a83f396abb5e616e248118be3a81c2' }, this.totalPages - 1)), index.h("gb-pagination-button-group-base", { key: 'f4b3d905c4bc3447e5c378df762a8b723bb12a80', icon: "false", state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages) }, index.h("p", { key: '4626c6c5cb0cf1be8c071b3eac3b968fcce4d473' }, this.totalPages)), index.h("gb-pagination-button-group-base", { key: '9ee1bda797943d8eebf8779f4c08a268656c564f', icon: "trailing", onClick: () => this.onNextButtonClicked() }, index.h("p", { key: '9760619aa19eb6034f927cc866b7d6dfbae7a727' }, "Next"))), index.h("div", { key: 'dae3a81f9eb2f71425c86601bdd078e6cfdb0c94', class: "pagination_entries" }, index.h("div", { key: 'c9a9f255ceeca8314228b049c24972771f048f6a', class: "entries_text" }, index.h("p", { key: '092c1fc73bc8a6d07f62e8d37df71ac690eb981e', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), index.h("div", { key: '10e68664ea3a4dba1f129c452fb181ffcd4df54d', class: `entries_dropdown` }, index.h("gb-input-dropdown", { key: '93de88d0737a177047a31c53fda1e0fefa4314f2', type: "default", state: 'default', size: "sm", "show-label": false, "show-hint-text": false, "show-supporting-text": false, "show-hep-icon": false, items: this.entries, "menu-position": "top", onDropdownItemSelected: this.handlePageSizeSelect.bind(this), value: this.defaultSelected }))))), this.type === 'card_button_group_center_aligned' && this.breakpoint === 'desktop' && (index.h(index.Fragment, null, index.h("div", { key: '4b392f6e8c582dc3495e464f3c33294025dc457b', class: "pagination_button_group" }, index.h("gb-pagination-button-group-base", { key: '475b315d2169cd87987619cb282f58f1c4c32b7b', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, index.h("p", { key: '51b28c4c2f663e8d1d65d007393aa6fcf4f4941d' }, "Previous")), index.h("div", { key: 'fb1b51970aad72127c645e04309c0636cf034990', class: "btn_group" }, index.h("gb-pagination-button-group-base", { key: '37e46d213173f1b0e3ad4b53cc96059982813dfb', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, index.h("p", { key: 'ca64ce87df8d5490866e3b69c76a370abb7db210' }, "1"))), index.h("gb-pagination-button-group-base", { key: '7d960e1f14718ed4fb30103741e390992c152bc1', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, index.h("p", { key: 'ff7f7daa29c2fd045985eaad44ba616898914694' }, "2")), index.h("gb-pagination-button-group-base", { key: '5a1ef359967fadf03a810d24150cd81cd76fae06', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, index.h("p", { key: 'e4c55cb79dc6020e1082f421556f434e7783230f' }, "3")), this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (index.h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default' }, index.h("p", null, this.currentPage))) : null, index.h("gb-pagination-button-group-base", { key: 'cdd6f99ab65aaf2403fa74f42778acdf5f8911a1', icon: "false" }, index.h("p", { key: 'd602d52d9e19b031a8aa28a4e92c7599cb09fc8e' }, "...")), this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (index.h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default' }, index.h("p", null, this.currentPage))) : null, index.h("gb-pagination-button-group-base", { key: '962574b0df87bf9d90de638f17a107da76ca90de', icon: "false", state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 2) }, index.h("p", { key: '39ac820fab12056338005250d1d0d5b58caef9ed' }, this.totalPages - 2)), index.h("gb-pagination-button-group-base", { key: 'f822ea794f2ee5da5d132f97f6f7f265757f6541', icon: "false", state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 1) }, index.h("p", { key: '623a2d36de4b1de76cb5bf0f17f650c0f2e15e1b' }, this.totalPages - 1)), index.h("gb-pagination-button-group-base", { key: '41c3549865b2e980e2f6aba0eb14c1727ba2f83f', icon: "false", state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages) }, index.h("p", { key: '092cf92cdd32bd5da72112edd399826cb14c414d' }, this.totalPages)), index.h("gb-pagination-button-group-base", { key: 'e936adeb0b57b53d58a68c67b1978752d164fb7d', icon: "trailing", onClick: () => this.onNextButtonClicked() }, index.h("p", { key: '3ffc162d5cfa69a5f8ff5ceb1a9f6ddf4b54fc63' }, "Next"))))), this.type === 'page_default' && this.breakpoint === 'mobile' && (index.h(index.Fragment, null, index.h("gb-button", { key: '2f3a7ba96c4368654abb039880b558a6dbc33c23', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), index.h("div", { key: 'c1f8120816c1d310c4153d80af154598c6eb9a23', class: "page_number_text" }, index.h("p", { key: '9cfe60d535088216b29b73bde5c83248e25294c3', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), index.h("gb-button", { key: '6741a5bf98b55e4ecd8fa893049b93229594a2ee', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'page_minimal_center_aligned' && this.breakpoint === 'mobile' && (index.h(index.Fragment, null, index.h("gb-button", { key: '4c8b54b71834c45b5cbcbdae577a4449cceef46a', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), index.h("div", { key: 'bafda8f04c598c114d8f49a2b45881e465ac4af4', class: "page_number_text" }, index.h("p", { key: '57235a1f2e5c1f3df8ce2dcdf46a6acea04b90c7', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), index.h("gb-button", { key: '126d3dec260881272c9f40f455095d28e1989fe5', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_default' && this.breakpoint === 'mobile' && (index.h(index.Fragment, null, index.h("gb-button", { key: 'e39112d8fa9f8cc50424b36cda756f98a4e75c6b', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), index.h("div", { key: '3bccd51a9a9c1f4ca02b65e7cd08da8741c9fd77', class: "page_number_text" }, index.h("p", { key: 'a49a85440500b2ee3826446020307c243b2979b4', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), index.h("gb-button", { key: '191ba96287ee21064fc59c7245ad11ee67a3be18', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_minimal_right_aligned' && this.breakpoint === 'mobile' && (index.h(index.Fragment, null, index.h("gb-button", { key: 'aac00fc806ac093cb8c901333894a3d3f8a76f06', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), index.h("div", { key: '802e1485a0224eff787a0a281d5039d9865f2f84', class: "page_number_text" }, index.h("p", { key: '7924c8fa1c66e93e7fa4315366bf1a7a4762c5b2', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), index.h("gb-button", { key: '7fad0cbcd1f02501295768a3d9e562115b0f280a', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_minimal_left_aligned' && this.breakpoint === 'mobile' && (index.h(index.Fragment, null, index.h("gb-button", { key: '737fb4bd53badcc1b2f7cff163d6c5baf18f1f4c', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), index.h("div", { key: '30d84008ea9438647811c50d683ded8897acc2d2', class: "page_number_text" }, index.h("p", { key: '198682f788a62790b180b6f96bb4837377607652', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), index.h("gb-button", { key: '54c83187b43e7a1aff7624f4aedcfe0abc104622', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_minimal_center_aligned' && this.breakpoint === 'mobile' && (index.h(index.Fragment, null, index.h("gb-button", { key: '1d5185355574337277b744aca641e4545130bb65', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), index.h("div", { key: '16bda7238c8b310555fe8368007a792afbb13c48', class: "page_number_text" }, index.h("p", { key: '1ed69c3b71fd635cfcb8a025d8f3abcbab333227', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), index.h("gb-button", { key: '52b9136375c28643f294a9f3571860559c646b69', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_button_group_right_aligned' && this.breakpoint === 'mobile' && (index.h("div", { key: '80ea78d1d36cefa7db3cb54513deb1fb73448468', class: "pagination_button_group" }, index.h("gb-pagination-button-group-base", { key: '60192ed47c129d9d8947ac7456db27f61e59bbea', icon: "only", "icon-src": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), index.h("div", { key: '94999a7b6d820fa49ad4e2c29a1b35dcb5872892', class: "btn_group" }, index.h("gb-pagination-button-group-base", { key: '458327eb954c1531fc772d72a3b9f9afb0a04be3', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, index.h("p", { key: '9b7d8f78017855103ac95fdf4c12f4038308cfcb' }, "1"))), index.h("gb-pagination-button-group-base", { key: '140051c4fa84d1572064d0d5cadf316d360707dd', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, index.h("p", { key: 'b6b431d4cfb8c45a3762131b6e8891db1e6f8fdb' }, "2")), this.currentPage > 2 && this.currentPage <= this.totalPages / 2 ? (index.h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 2 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default' }, index.h("p", null, this.currentPage))) : null, index.h("gb-pagination-button-group-base", { key: 'afc8442845880af1dff6d3888f9b6af83d06aa0f', icon: "false" }, index.h("p", { key: '48fcc8dd868c7a9dd95d604cf002aa5c43a0a64f' }, "...")), this.currentPage > this.totalPages / 2 && this.currentPage <= this.totalPages - 2 ? (index.h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.totalPages / 2 && this.currentPage <= this.totalPages - 2 ? 'active' : 'default' }, index.h("p", null, this.currentPage))) : null, index.h("gb-pagination-button-group-base", { key: 'cb5eabf364b67e4bbf5ae838e145cabcb8703dc1', icon: "false", state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 1) }, index.h("p", { key: '940b3bf4cf0a50dc9a071ea00465b37d3517e5c0' }, this.totalPages - 1)), index.h("gb-pagination-button-group-base", { key: '83666cccc2e3f4254c4593794e52aeec5969dee2', icon: "false", state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages) }, index.h("p", { key: 'bbf73bac5934d7ab65203c278dce89f5a250614f' }, this.totalPages)), index.h("gb-pagination-button-group-base", { key: '460b19496a9eae354ac9129e5bba809117541c11', icon: "only", "icon-src": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_button_group_left_aligned' && this.breakpoint === 'mobile' && (index.h("div", { key: 'ef5bdffe72720f1ad10ebcaa572c56a3b5da9509', class: "pagination_button_group" }, index.h("gb-pagination-button-group-base", { key: 'dfc3713d0b6f0fdf7a587336cbc07a5ceb8e0617', icon: "only", "icon-src": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), index.h("div", { key: 'fec74e50767f8d32804b50de9fa68b6a19c0a1a1', class: "btn_group" }, index.h("gb-pagination-button-group-base", { key: '5636898b96886f23964c23291b2798fed7c7e868', icon: "false", state: "active" }, index.h("p", { key: '512691f5686ee276cfab14789754d4b679273801' }, "1"))), index.h("gb-pagination-button-group-base", { key: 'ea94cb027f947465f531bac5b48218341ed235de', icon: "false" }, index.h("p", { key: 'd3bac9c7181aac1c33aee2792254a8e4d6ed8fa6' }, "2")), index.h("gb-pagination-button-group-base", { key: '0738e475601fc34ee976a6dd28bed69963135f56', icon: "false" }, index.h("p", { key: 'a9f13b61480ce9269878103a82ce4ca192f76d59' }, "...")), index.h("gb-pagination-button-group-base", { key: '7dc91fad97c1804266c114e067d74f5c5ff32203', icon: "false" }, index.h("p", { key: '60a8145e1e57879b0129404e485262de2c14c2dd' }, "9")), index.h("gb-pagination-button-group-base", { key: '0b986382114800533062d2049cf82372d2be5e7d', icon: "false" }, index.h("p", { key: 'dc0d8b20ac839d4b72e8d8abd57db21ff64611a5' }, "10")), index.h("gb-pagination-button-group-base", { key: '86ab1d6d92bde6cc1dfb61fe5228211ee6578bb0', icon: "only", "icon-src": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_button_group_center_aligned' && this.breakpoint === 'mobile' && (index.h("div", { key: 'f534a97b03d3f8d8c84932aa4e5855dcf504cec9', class: "pagination_button_group" }, index.h("gb-pagination-button-group-base", { key: 'a696fa6b0eb8ee7255b45535fb6b5584436a8343', icon: "only", "icon-src": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), index.h("div", { key: '8469ec58cbd06c07a9a0092686dab5d8b5ce80fc', class: "btn_group" }, index.h("gb-pagination-button-group-base", { key: 'de6368a5b9c7e0953bfef6a513a12acbd712f188', icon: "false", state: "active" }, index.h("p", { key: '5f922ce3bf8643934332ae42ab7de5aee4298178' }, "1"))), index.h("gb-pagination-button-group-base", { key: '082470c90aec77688321b4268304eea9b64019ce', icon: "false" }, index.h("p", { key: '5cfa96d16b3beddf6e57e1b072496edbf47d12dd' }, "2")), index.h("gb-pagination-button-group-base", { key: '9ca6b5ff927c76fd30a651fac2b44b5b291434c2', icon: "false" }, index.h("p", { key: 'c9ac4bfc7a3614283a68174f64dc82a883d66abc' }, "...")), index.h("gb-pagination-button-group-base", { key: '171acc1d7a48c56154c0c7d63f1f673474c87b58', icon: "false" }, index.h("p", { key: '025126516c520a255846d5a26f1d9adf5ff61548' }, "9")), index.h("gb-pagination-button-group-base", { key: '72a0895144b745ea839f009c132589d3d7f2b44c', icon: "false" }, index.h("p", { key: 'd0a4e552e5c3a1999c2ff9fa625741d6356efe91' }, "10")), index.h("gb-pagination-button-group-base", { key: '9ee7fd9b0171b2d128bf6108a550bd079bb01774', icon: "only", "icon-src": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() })))));
+        return (index.h("div", { key: '580f4615b736716d978e3796d0e32115e5801cc3', class: `pagination_div ${this.type} ${this.breakpoint}` }, this.type === 'page_default' && this.breakpoint === 'desktop' && (index.h(index.Fragment, null, index.h("gb-button", { key: '834ce4a3679e36f4c127a343b72c176a550ae5c2', size: "sm", hierarchy: "tertiary_gray", icon: "default", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg" }, index.h("p", { key: '913856200b7688757aee968a60e4c7b82a7b3a53' }, "Previous")), index.h("div", { key: 'e48ba4313f4c212755baacd06ede22734d7d41ac', class: "pagination_numbers" }, index.h("gb-pagination-number-base", { key: '6809b9addfa2857a026ca3ff9f0b1bb3560b9d01', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, index.h("p", { key: '2156d9906c670c8e0f525bf515593952e68078b5', slot: "page_number" }, "1")), index.h("gb-pagination-number-base", { key: '59b7f69a4f950591d87d04357c7acc227b61aa7f', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, index.h("p", { key: '167672cefe0a5221f28266aa2174dab16e732420', slot: "page_number" }, "2")), index.h("gb-pagination-number-base", { key: '69806200e82f1ca93d4e3d5e8daade315674657d', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, index.h("p", { key: '80c0e12c0ed48f90b6204b83d06f6d1f23053a7b', slot: "page_number" }, "3")), this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (index.h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default' }, index.h("p", { slot: "page_number" }, this.currentPage))) : null, index.h("gb-pagination-number-base", { key: 'b6dde6dfac0717303a3643f3244502fb0e57cd43', shape: this.shape }, index.h("p", { key: '085ff6884d6b67596bd6a4dceca5eb41129fb0c9', slot: "page_number" }, "...")), this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (index.h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default' }, index.h("p", { slot: "page_number" }, this.currentPage))) : null, index.h("gb-pagination-number-base", { key: '40255230fe3ce10de8463df0b937ab1d96ad0295', shape: this.shape, state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 2) }, index.h("p", { key: 'e94eed0964348f5c32b749a9d6d0b31bfa6cdb08', slot: "page_number" }, this.totalPages - 2)), index.h("gb-pagination-number-base", { key: '6981807c0de0176992ed20384869a66a03def8a0', shape: this.shape, state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 1) }, index.h("p", { key: '6c800edd7857e547299542fcc5990e611a40adef', slot: "page_number" }, this.totalPages - 1)), index.h("gb-pagination-number-base", { key: '480fe9b158eb66520f32eb349a59a818498fcd5f', shape: this.shape, state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages) }, index.h("p", { key: 'c7f8eccc68fe21fc0879abf3c14ca020a583b181', slot: "page_number" }, this.totalPages))), index.h("gb-button", { key: '787eb5b1db85cd24c75cd6768858ac43858615bd', size: "sm", hierarchy: "tertiary_gray", icon: "default", state: "default", "icon-trailing": true, "icon-trailing-swap": "assets/arrow-right-02.svg" }, index.h("p", { key: '88421e3461633f45740778f58776d45462bdb9ac' }, "Next")))), this.type === 'page_minimal_center_aligned' && this.breakpoint === 'desktop' && (index.h(index.Fragment, null, index.h("gb-button", { key: '861749d3e1f74521b5bdae361807c3a434fac2dd', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg" }, index.h("p", { key: '6c4b7d5c7c91f41f20edeb5d53db2054645d965f' }, "Previous")), index.h("div", { key: '03ba6bb843c268e94b341febdf023f45fbaa2eb5', class: "pagination_numbers" }, index.h("gb-pagination-number-base", { key: '108fab4695a018e0fa9afe6df200fcde1fd0d727', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, index.h("p", { key: '6eaf22cebbbb420dc30ffeb77f96d507e8103451', slot: "page_number" }, "1")), index.h("gb-pagination-number-base", { key: '7885a31ecdf00280b91d8ad1d501f748ab17f85e', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, index.h("p", { key: '4457a7c3680d0dbc44983a4bbc6d277b3d194064', slot: "page_number" }, "2")), index.h("gb-pagination-number-base", { key: '2ad1c0ad9c7c30e7c9d7f94447bbcf9067043445', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, index.h("p", { key: 'e8f0e806383477368b1faf15fa32e3602554d7d1', slot: "page_number" }, "3")), this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (index.h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default' }, index.h("p", { slot: "page_number" }, this.currentPage))) : null, index.h("gb-pagination-number-base", { key: '5fdb405dec5f038350020f5d132fedb62e90bd71', shape: this.shape }, index.h("p", { key: 'a5d909e23b6637fe98a1bc8466c986df1b175b1f', slot: "page_number" }, "...")), this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (index.h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default' }, index.h("p", { slot: "page_number" }, this.currentPage))) : null, index.h("gb-pagination-number-base", { key: '14c7b91cbf0a8061725c073227df52f0a65a78dc', shape: this.shape, state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 2) }, index.h("p", { key: 'b637941f65e23ac41b5ae8129ec02f5d0b31cf62', slot: "page_number" }, this.totalPages - 2)), index.h("gb-pagination-number-base", { key: '11b4d0fab9458e2910cbc26f3ab6f0c4d539a00f', shape: this.shape, state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 1) }, index.h("p", { key: 'fb9e4a372fce1b480892a3f1f2326df91ff38b01', slot: "page_number" }, this.totalPages - 1)), index.h("gb-pagination-number-base", { key: '259f9db08d161ba7ddc4191de832c762ef84bfc3', shape: this.shape, state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages) }, index.h("p", { key: 'ce4d9ef64597e82847d96a8a3e3d55497ed58583', slot: "page_number" }, this.totalPages))), index.h("gb-button", { key: '633aaa258e6e0f12505060727787a4f476c06429', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", "icon-trailing": true, "icon-trailing-swap": "assets/arrow-right-02.svg" }, index.h("p", { key: '854e6dbf2619624c886c6ca6d121ee2be1d7573e' }, "Next")))), this.type === 'card_default' && this.breakpoint === 'desktop' && (index.h(index.Fragment, null, index.h("div", { key: 'd0602c9e9e887433f095b45b22cb08c51ff57704', class: "pagination_entries" }, index.h("div", { key: 'de0abd377c001f39fddd039d308cbd7a453df5d7', class: "entries_text" }, index.h("p", { key: '049aa7eba17dc8919fac25256197a792475ee428', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), index.h("div", { key: '9a2beee71de6939b919264020ee7695a048beff2', class: `entries_dropdown` }, index.h("gb-input-dropdown", { key: '8bc2b5a03772a4f670d78c605c214299e61e840e', type: "default", state: "default", size: "sm", "show-label": false, "show-hint-text": false, "show-supporting-text": false, "show-help-icon": false, items: this.entries, "menu-position": "top", onDropdownItemSelected: this.handlePageSizeSelect.bind(this), value: this.defaultSelected }))), index.h("div", { key: 'a45047eead8f7d5b55af8530fad1b8e63f0a7213', class: "pagination_numbers" }, index.h("gb-pagination-number-base", { key: '74168996e3200abaa87771d0a1a0276c9e8e3fdd', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, index.h("p", { key: '2c2706c60abfce1d510b1baf887b37c6dfbae709', slot: "page_number" }, "1")), index.h("gb-pagination-number-base", { key: '35d26f489f7b48df769097760917165d6a7068cc', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, index.h("p", { key: 'e8a2bbd558cdc9052dd0178306c982396b81b96c', slot: "page_number" }, "2")), index.h("gb-pagination-number-base", { key: 'd51d7d0598c9d56db839b30e54139a78b730d4a6', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, index.h("p", { key: '0b6c064c8a3111dfa1a5616eadaabee98c2caae5', slot: "page_number" }, "3")), this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (index.h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default' }, index.h("p", { slot: "page_number" }, this.currentPage))) : null, index.h("gb-pagination-number-base", { key: '0dbd44f94ddd3e8791e0483243415997e8c513a6', shape: this.shape, state: "default" }, index.h("p", { key: 'ff42bf796140a8ccce781d13119c24a105752ca6', slot: "page_number" }, "...")), this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (index.h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default' }, index.h("p", { slot: "page_number" }, this.currentPage))) : null, index.h("gb-pagination-number-base", { key: 'b216fc1850d0a9e90aabec3b108edc8ae3af879e', shape: this.shape, state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 2) }, index.h("p", { key: '5890c0eb6253ab69961bd9eaf591210cd607c94c', slot: "page_number" }, this.totalPages - 2)), index.h("gb-pagination-number-base", { key: 'ce9d869b6e86370ab9cb2537c54ed94bd5105e51', shape: this.shape, state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 1) }, index.h("p", { key: 'd9bbe27afc6d0b1ca708701847d8bb8b393a71eb', slot: "page_number" }, this.totalPages - 1)), index.h("gb-pagination-number-base", { key: '830c5d33e32e1d8e7f4554d5ad9ffbc62aecaf00', shape: this.shape, state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages) }, index.h("p", { key: '816ee12c8dbe46cc17819fa5e3e902b6bd4069bd', slot: "page_number" }, this.totalPages))), index.h("div", { key: '1b773269491983e72e9b90a14fb63357080ef61e', class: "pagination_btns" }, index.h("gb-button", { key: '5624dd61c0a28bd151dd96d1ec6536809d799718', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), index.h("gb-button", { key: '926027b89c30756f10f284c6b28c4c196b6928a5', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() })))), this.type === 'card_minimal_right_aligned' && this.breakpoint === 'desktop' && (index.h(index.Fragment, null, index.h("div", { key: 'bb7ea314c5468c3b3950d4fc71f3b17021d402d6', class: "pagination_entries" }, index.h("div", { key: 'fec0f5f07f12f47ed49a3eb14c59a09cfcc0ff97', class: "entries_text" }, index.h("p", { key: 'ce3712df47050327521d907403c6b8334505b3f9', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), index.h("div", { key: '088d8d2bac8737c0ac14f964ba3c41b192be3d65', class: `entries_dropdown` }, index.h("gb-input-dropdown", { key: 'e100f508be632bb62a7bdc221a0a0d95e798cb8c', type: "default", state: 'default', size: "sm", "show-label": false, "show-hint-text": false, "show-supporting-text": false, "show-hep-icon": false, items: this.entries, "menu-position": "top", onDropdownItemSelected: this.handlePageSizeSelect.bind(this), value: this.defaultSelected }))), index.h("div", { key: '5998b5dc186b30eedbb37012171254d5b1d697a1', class: "page_number_text" }, index.h("p", { key: '155fefe5e763a3a6fe308a4f7b1b7d63c7ae355a', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), index.h("div", { key: '1c59b0303ac1fbc68cf41f4ba0b21b8762779fe6', class: "pagination_btns" }, index.h("gb-button", { key: '13304c372cc3180276ec2b4e0dd0101216a341a2', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, index.h("p", { key: '41fd9e81d5e97b713fcca1df856fc5c67452fcbc' }, "Previous")), index.h("gb-button", { key: '2f42c4234498d63d6035891af4d2a8859f1205cf', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, index.h("p", { key: '6201bc0493349f40a0334a6aa029786f4bf61852' }, "Next"))))), this.type === 'card_minimal_left_aligned' && this.breakpoint === 'desktop' && (index.h(index.Fragment, null, index.h("div", { key: 'eff4f3dbcca9eafd8990e2d5ee8fc54873df80f6', class: "pagination_btns" }, index.h("gb-button", { key: 'ac8563f3ace67502d5b02378f2842f8c23188533', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, index.h("p", { key: '27da9138e5cdb48456497011473a681a119b6b42' }, "Previous")), index.h("gb-button", { key: '374e06ae990e473496b64df52f9f96dae513021e', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, index.h("p", { key: '17e6a1eedc7f725d56a9e8115f2648374d9701a8' }, "Next"))), index.h("div", { key: '1cd913f3fd5fec47b129e042f2096d9dd8b520c8', class: "page_number_text" }, index.h("p", { key: 'd76ad41c059295605640afb2f44f786856d8b5f3', class: "text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), index.h("div", { key: 'a433b970b627fdeaf85fc228a469328db59aa49a', class: "pagination_entries" }, index.h("div", { key: '5dbc43aed2bd0b49ea93b8e89617dff06214caf6', class: "entries_text" }, index.h("p", { key: '43b482280009b3f3547362f325f4dbddd7f1985c', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), index.h("div", { key: 'b9cdb9bd5e34bb5981e4c8b57cf3b0027b5739d9', class: `entries_dropdown` }, index.h("gb-input-dropdown", { key: 'e9c29d1786911dd12a93da3d359d286b049d4f86', type: "default", state: 'default', size: "sm", "show-label": false, "show-hint-text": false, "show-supporting-text": false, "show-hep-icon": false, items: this.entries, "menu-position": "top", onDropdownItemSelected: this.handlePageSizeSelect.bind(this), value: this.defaultSelected }))))), this.type === 'card_minimal_center_aligned' && this.breakpoint === 'desktop' && (index.h(index.Fragment, null, index.h("gb-button", { key: 'f20419a5ed9d5ff4619ebd80be672e78bbd6d21b', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, index.h("p", { key: '0daece146a69b693f74ec6b99cb3a2ef3f0efa8d' }, "Previous")), index.h("div", { key: '723927672a120dc0a14c8617caebde6b4b12bc25', class: "page_number_text" }, index.h("p", { key: '4d35979c17bddd2ad74fa6a6d3978c8ed47b6b2a', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), index.h("gb-button", { key: 'f43794e99333a07af01f2e82a0cef0d598a9ac75', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, index.h("p", { key: 'ad161e8e3af044c070db0cd64359e04adccfe2ac' }, "Next")))), this.type === 'card_button_group_right_aligned' && this.breakpoint === 'desktop' && (index.h(index.Fragment, null, index.h("div", { key: '49e0d91c9ce1ebf54e47d1c9e8f0c3e84926f888', class: "pagination_entries" }, index.h("div", { key: 'a0fdd5a1fa0dd6f9f27d5bfb3759cf760ee497b8', class: "entries_text" }, index.h("p", { key: '6de456f1d5516c384aa153adea4355b6c22d32ea', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), index.h("div", { key: '3acd6c9aee7b4cc696cde3859d2a4aee2d329f20', class: `entries_dropdown` }, index.h("gb-input-dropdown", { key: '795eb3755229410e4a8fb00b8a2409ccedbede41', type: "default", state: 'default', size: "sm", "show-label": false, "show-hint-text": false, "show-supporting-text": false, "show-hep-icon": false, items: this.entries, "menu-position": "top", onDropdownItemSelected: this.handlePageSizeSelect.bind(this), value: this.defaultSelected }))), index.h("div", { key: '6fe0d29a1f14c2cb79619f20c1be1d3e8e7f0f3f', class: "pagination_button_group" }, index.h("gb-pagination-button-group-base", { key: '680f3e57680d138c7c35d9ced08e370a8e9e4a8f', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, index.h("p", { key: '989baec85f5f08b4361bf3331f6f3a0428da93ff' }, "Previous")), index.h("div", { key: '7fb74ab4ccb1fe77784b0576530090b0f3e39c36', class: "btn_group" }, index.h("gb-pagination-button-group-base", { key: '3f0116ae200b433f0aabad571ddf5fac6c5ba770', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, index.h("p", { key: 'e7565e3c89d164812259be8d0bb23a8b91542f95' }, "1"))), index.h("gb-pagination-button-group-base", { key: '0bade7131b7980dff62be6b3a5b7043a10b845c9', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, index.h("p", { key: '311cf1c6ade66777e0f3eec1d867e38826b58f79' }, "2")), index.h("gb-pagination-button-group-base", { key: 'ae044babbff6e69aa9da40c8a0a209600fd91e09', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, index.h("p", { key: 'aee6f39dc9cc8407e95484794883691518d56379' }, "3")), this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (index.h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default' }, index.h("p", null, this.currentPage))) : null, index.h("gb-pagination-button-group-base", { key: 'ae7c683c357706594b0a84a8dd62717dbc343082', icon: "false" }, index.h("p", { key: '38210e4d92164f9eb346593a1078470f8aa367f9' }, "...")), this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (index.h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default' }, index.h("p", null, this.currentPage))) : null, index.h("gb-pagination-button-group-base", { key: '20e51f6c76996079b5fa9b1886a6f9532d3522fc', icon: "false", state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 2) }, index.h("p", { key: '9215b3f74de9acaed8ea2a2d821f1b6acb63ed4b' }, this.totalPages - 2)), index.h("gb-pagination-button-group-base", { key: 'b8c699aa2927eeede77c0156422919081d3871fa', icon: "false", state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 1) }, index.h("p", { key: '42e5c80430d40f27d0651844ee69578b72dfb188' }, this.totalPages - 1)), index.h("gb-pagination-button-group-base", { key: 'c90d97ce4779fbf03ee6a80ef3cc0ac306286414', icon: "false", state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages) }, index.h("p", { key: 'a7be7c2c1f7f8f88cb1d0644321b8dfdd724d9a1' }, this.totalPages)), index.h("gb-pagination-button-group-base", { key: '1ca979a05b9433bc27310c998f9cc0ecfca00ee8', icon: "trailing", onClick: () => this.onNextButtonClicked() }, index.h("p", { key: '3197bc63c6d0389d47a34d0fab0371f4b002fce1' }, "Next"))))), this.type === 'card_button_group_left_aligned' && this.breakpoint === 'desktop' && (index.h(index.Fragment, null, index.h("div", { key: 'bec6b15cccefbe98f3d6a88dddf8c327ff20ed77', class: "pagination_button_group" }, index.h("gb-pagination-button-group-base", { key: '85751feea8f99ff9b7be37305504e30a4f37e3b2', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, index.h("p", { key: '8ea7191a337b7f92a1ac24498ce4c7e3627c9982' }, "Previous")), index.h("div", { key: '33c03c3e2655802207e78f494b628f329a1d8c25', class: "btn_group" }, index.h("gb-pagination-button-group-base", { key: 'dce798a9644475bf0b1a8669480b761b4d1da083', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, index.h("p", { key: '57ec7458f59dd9372ec7a12ad26861c52fa27a4d' }, "1"))), index.h("gb-pagination-button-group-base", { key: 'cef7ce4e47b52e3bb9d91e9a22bea5b11b5b7ada', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, index.h("p", { key: '12ca277b148b6774949bcaa2f1a68c2076665620' }, "2")), index.h("gb-pagination-button-group-base", { key: '69320993d3154fad315a85423c8d779d5d64cfdb', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, index.h("p", { key: '5e9a33e6dfbc5e04ea99d9b571e3a593ba7ddd2e' }, "3")), this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (index.h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default' }, index.h("p", null, this.currentPage))) : null, index.h("gb-pagination-button-group-base", { key: '4d639014b272b80a9b3a8fbbda4158da69660bdd', icon: "false" }, index.h("p", { key: 'de05fc29d65f7c15fc69e0d7ed75787e7e9a4495' }, "...")), this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (index.h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default' }, index.h("p", null, this.currentPage))) : null, index.h("gb-pagination-button-group-base", { key: '5ef051e1eb9821bc9f4cd31a6d0cef1ff93aefe6', icon: "false", state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 2) }, index.h("p", { key: 'b9d91c9789b294a462a111eb9a38094cf28c1501' }, this.totalPages - 2)), index.h("gb-pagination-button-group-base", { key: '524c34e38e388eaab513725f9a15ba348614be42', icon: "false", state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 1) }, index.h("p", { key: '63ea88b76aa3df3723f3c6f8cedb63ab628134ec' }, this.totalPages - 1)), index.h("gb-pagination-button-group-base", { key: '246a8b7463deae00178685ced7355ef18cf40c1f', icon: "false", state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages) }, index.h("p", { key: 'f7288ec3ea94bac501c1c5153d397be04c639e03' }, this.totalPages)), index.h("gb-pagination-button-group-base", { key: '9356539e42fa1f3ef0c2d45a23807c2303b37e35', icon: "trailing", onClick: () => this.onNextButtonClicked() }, index.h("p", { key: 'af4c041c60cf06bb7e5fe0e3368a8c85729c1638' }, "Next"))), index.h("div", { key: '25cb281f26dfb5b6b6574e6019d78ffbfdee13b7', class: "pagination_entries" }, index.h("div", { key: 'f040798ab9279ac972a45b2760b0f33216ccb9d8', class: "entries_text" }, index.h("p", { key: 'fe8e087532ab10fde81818552dd139df9ee66347', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), index.h("div", { key: '804d9fbc362aa6e3373b42cd094d672fd57bc668', class: `entries_dropdown` }, index.h("gb-input-dropdown", { key: '0125d5d6679991937c7485c2be761be4b59bccea', type: "default", state: 'default', size: "sm", "show-label": false, "show-hint-text": false, "show-supporting-text": false, "show-hep-icon": false, items: this.entries, "menu-position": "top", onDropdownItemSelected: this.handlePageSizeSelect.bind(this), value: this.defaultSelected }))))), this.type === 'card_button_group_center_aligned' && this.breakpoint === 'desktop' && (index.h(index.Fragment, null, index.h("div", { key: '5bf406159e8448f5e015cac2c9eddde805bea9a4', class: "pagination_button_group" }, index.h("gb-pagination-button-group-base", { key: 'c05671d1f80696c82322431578ec5381782ddffe', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, index.h("p", { key: 'aebe92a7034a9f2c8f556030bb018b127db8e698' }, "Previous")), index.h("div", { key: '4dff35dd42837a8b18e884fb000efcc136ccb793', class: "btn_group" }, index.h("gb-pagination-button-group-base", { key: '0443a26a056ce8ca06926d77cd7903542cb00f4e', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, index.h("p", { key: '13a59b1c7aab4eba7d1545b142673120f7446fd7' }, "1"))), index.h("gb-pagination-button-group-base", { key: 'b1f867dbf95b3b30f1c4ad783736bf5f80137b13', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, index.h("p", { key: '63705e2472ec9bf70e38c9f06d33a3d25225dfb8' }, "2")), index.h("gb-pagination-button-group-base", { key: 'e78c93dafe04995765d3e25246a46e54c097783d', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, index.h("p", { key: '0fc2b7ed67ab494d2a9ccd68c088bbab94569028' }, "3")), this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (index.h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default' }, index.h("p", null, this.currentPage))) : null, index.h("gb-pagination-button-group-base", { key: 'bbd43cca5094f420e36d30697a12ab6673240641', icon: "false" }, index.h("p", { key: '48e07b3b82113b1999e0e4d0b2920e67929c0449' }, "...")), this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (index.h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default' }, index.h("p", null, this.currentPage))) : null, index.h("gb-pagination-button-group-base", { key: '7cb588b7976cbc557a53e0568d5dba4962497707', icon: "false", state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 2) }, index.h("p", { key: 'fa642ba06d459762442c0f4a7bd49edcc9aa523f' }, this.totalPages - 2)), index.h("gb-pagination-button-group-base", { key: 'cca2bbd9905f99ca56f7264596d5903ce039ccf9', icon: "false", state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 1) }, index.h("p", { key: '1f053bd27f53f4dac8308f9910aabd8b011a26bc' }, this.totalPages - 1)), index.h("gb-pagination-button-group-base", { key: '5adb416ea69839b4dfaf34fbe3bb488ef6ffb342', icon: "false", state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages) }, index.h("p", { key: '8891bc59703ae92827d3fb21b0a849683c9dd113' }, this.totalPages)), index.h("gb-pagination-button-group-base", { key: '2ffb1d6872b29b3026d7f5fa0dec6b9fbf4f242e', icon: "trailing", onClick: () => this.onNextButtonClicked() }, index.h("p", { key: '29db784096418e236cd411ce6fb3e9981f6802f1' }, "Next"))))), this.type === 'page_default' && this.breakpoint === 'mobile' && (index.h(index.Fragment, null, index.h("gb-button", { key: '9637fba2ab2f891a863065c93b9dcf3fa34cda61', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), index.h("div", { key: 'a61765e276b4d254d8bf76b0c8b0e736a4632868', class: "page_number_text" }, index.h("p", { key: '18bc38b1a741594f5cdc0070d52e313ec9d26e6f', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), index.h("gb-button", { key: '9086539e949bf9e44fb5fcd7862217869a7525a6', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'page_minimal_center_aligned' && this.breakpoint === 'mobile' && (index.h(index.Fragment, null, index.h("gb-button", { key: 'c94ea68551ec3a50b12b63b58820f202ad51e485', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), index.h("div", { key: '507b48312122d9bb5ddb6928e0ed02a87383032d', class: "page_number_text" }, index.h("p", { key: '391b9c8d1327bb53b7f97fa2a161bee6ace4f4d3', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), index.h("gb-button", { key: '4bac8c0fea792ab5499b3552cd9b52ba7d9fa009', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_default' && this.breakpoint === 'mobile' && (index.h(index.Fragment, null, index.h("gb-button", { key: 'b84f5ce7c9560c87b5a079fc1f9fb690ca0eddbb', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), index.h("div", { key: '21226d6a386091360c39c91560448b431f3747bb', class: "page_number_text" }, index.h("p", { key: '3925262b0a388a544cc56e8dd1f3a40f35fe0302', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), index.h("gb-button", { key: '74e8665698f0396c6f2b403550233672a96bd012', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_minimal_right_aligned' && this.breakpoint === 'mobile' && (index.h(index.Fragment, null, index.h("gb-button", { key: 'df4ff4f3836784886fee8fc76e4e62c08eec1540', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), index.h("div", { key: '8df48e9e7a2cf1f0e7947a2ceb6a1be7c42e5365', class: "page_number_text" }, index.h("p", { key: 'aeb76bcf18dc585f0d333741bc27f6e624ec8b69', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), index.h("gb-button", { key: 'fb6ca74f32268721e244c60d688cec82a60de72f', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_minimal_left_aligned' && this.breakpoint === 'mobile' && (index.h(index.Fragment, null, index.h("gb-button", { key: 'cff11ed4fb98acf7ebf8e0ade8833f471b656c21', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), index.h("div", { key: 'c3b0a343c1f8a02c62915a510767b1de7ba4c42b', class: "page_number_text" }, index.h("p", { key: '2c87bf508c88f8c2876a30ddc4a4a63caf10f149', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), index.h("gb-button", { key: 'c92abad80aad3fb08bc6ea976909e2e5369865af', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_minimal_center_aligned' && this.breakpoint === 'mobile' && (index.h(index.Fragment, null, index.h("gb-button", { key: 'd0593be63126f0985a867516abfe1df438c860ee', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), index.h("div", { key: '50c0e5f68c50f2b3f06d3babb5103da7e4811dd7', class: "page_number_text" }, index.h("p", { key: '0f4fac0cb2431be1dd0841a453b7ec234931acca', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), index.h("gb-button", { key: '60e707a1e05092c553908b2257b2d6c0f56c3967', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_button_group_right_aligned' && this.breakpoint === 'mobile' && (index.h("div", { key: '2a970b2ce286b30538f1ac527232589a8d63012e', class: "pagination_button_group" }, index.h("gb-pagination-button-group-base", { key: 'e5026a7894fb074e991e3a5a6c0af2940d0f8c1e', icon: "only", "icon-src": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), index.h("div", { key: '29bb22b584ba69fd78dcd15742d21ed118108dcc', class: "btn_group" }, index.h("gb-pagination-button-group-base", { key: '01985f0f93b7591da7e65e09183220deb962403d', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, index.h("p", { key: '789fa41ac2e5552fca01201bb728c733b3f6147b' }, "1"))), index.h("gb-pagination-button-group-base", { key: 'b3e9ea530b9c726c39cc3ad05c76d825a92f90d9', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, index.h("p", { key: '1f69d2bca92a90b1d319c6ef67ff55a8b0ab8abc' }, "2")), this.currentPage > 2 && this.currentPage <= this.totalPages / 2 ? (index.h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 2 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default' }, index.h("p", null, this.currentPage))) : null, index.h("gb-pagination-button-group-base", { key: 'ea0898e10938a733bee75fe97c0d1e68eca1baed', icon: "false" }, index.h("p", { key: '4254199c0e48e033a4db84d4efb2ef9986520d16' }, "...")), this.currentPage > this.totalPages / 2 && this.currentPage <= this.totalPages - 2 ? (index.h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.totalPages / 2 && this.currentPage <= this.totalPages - 2 ? 'active' : 'default' }, index.h("p", null, this.currentPage))) : null, index.h("gb-pagination-button-group-base", { key: '0764ea74f468a3aa88414ffa58458e036192e58a', icon: "false", state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 1) }, index.h("p", { key: 'ee6f5ae733303cc45b1c91d3eaaefc84c186b05d' }, this.totalPages - 1)), index.h("gb-pagination-button-group-base", { key: '4d5c05b5bf7d51b3bbd1a92e13c1a16da07271f8', icon: "false", state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages) }, index.h("p", { key: '6afe98d1c3a062259c45cab0fff1b16768e1abc4' }, this.totalPages)), index.h("gb-pagination-button-group-base", { key: '822b17d7ae5ad49f431cc7365f5e17e21825351b', icon: "only", "icon-src": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_button_group_left_aligned' && this.breakpoint === 'mobile' && (index.h("div", { key: '55c37e7bcf0d778c5e7f6c3dae5f5a1cc39a51d9', class: "pagination_button_group" }, index.h("gb-pagination-button-group-base", { key: 'd3d25abb511b80294e86cd6a8af14fc171c2b544', icon: "only", "icon-src": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), index.h("div", { key: 'dd69c3019fc7b6c5ea949da7f37952ec245af1b0', class: "btn_group" }, index.h("gb-pagination-button-group-base", { key: '93daafe6417b7bc21e65b1c49e086561a42ce279', icon: "false", state: "active" }, index.h("p", { key: '95ff9abece1326acb7ade2dac71140534715675d' }, "1"))), index.h("gb-pagination-button-group-base", { key: '2e161e1106556c0fd6eb84c303562b1731289dd4', icon: "false" }, index.h("p", { key: 'c0ced1f066c01ec1094d552ee4c4daef2b163669' }, "2")), index.h("gb-pagination-button-group-base", { key: 'ea8fe4bd8400cb675607ccf5a23b06b336752fb6', icon: "false" }, index.h("p", { key: '4892d26b30865f4f15f338216957179592477253' }, "...")), index.h("gb-pagination-button-group-base", { key: 'bbef023bbac21e5dfa9c52b645cd5b9ab6163e7a', icon: "false" }, index.h("p", { key: '40e8974a1ae01c8d84782746b0ba4fccd1114815' }, "9")), index.h("gb-pagination-button-group-base", { key: '8f864dbbbb09431e1133b062cafedcf5fc6e9fe0', icon: "false" }, index.h("p", { key: '3b2f8eec0aa65611abd3c7b7cc3b4dbe7c052b1d' }, "10")), index.h("gb-pagination-button-group-base", { key: 'efa424e83e581dc4de0963455464d02fcd8db2fc', icon: "only", "icon-src": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_button_group_center_aligned' && this.breakpoint === 'mobile' && (index.h("div", { key: '76d1a7129cb0601ece8663262dff50430c14b1b3', class: "pagination_button_group" }, index.h("gb-pagination-button-group-base", { key: '14b74a3efb1ff99d11610a49f5690b8836f8093d', icon: "only", "icon-src": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), index.h("div", { key: '8284aa95159d965de254dfb9e138ef6b40221981', class: "btn_group" }, index.h("gb-pagination-button-group-base", { key: '8d832ddcec265b1884e5c13da21c4297cd2cc3c9', icon: "false", state: "active" }, index.h("p", { key: 'cb4721f05354760f607832c1d4ba2a77f1fbc04e' }, "1"))), index.h("gb-pagination-button-group-base", { key: '2724f2905b295b3be1555634b6180806fe0144f8', icon: "false" }, index.h("p", { key: 'f476001c1d143d6b8ef75afd7527d4ee110e50b8' }, "2")), index.h("gb-pagination-button-group-base", { key: '0fe68e0e1285cddf2e0b2d8f934dd693cda3f88a', icon: "false" }, index.h("p", { key: 'c485536627dc7f53ece6d4aa14077f8f2abb6051' }, "...")), index.h("gb-pagination-button-group-base", { key: '47985c5ea0dc9d568df194840d593ff56ccf10c2', icon: "false" }, index.h("p", { key: '42277045e1921f5d9c7a809f9e90bf2551a31807' }, "9")), index.h("gb-pagination-button-group-base", { key: 'b44ebc498ae9d7c9da15738106e4e45b3e709e7d', icon: "false" }, index.h("p", { key: '61508c591ab4ad683544197def0489fd02ea04a4' }, "10")), index.h("gb-pagination-button-group-base", { key: 'df39b8838d8b1318d94b1054e58a0399816b30ae', icon: "only", "icon-src": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() })))));
     }
 };
 GbPagination.style = GbPaginationStyle0;

package/dist/cjs/gb-progress-circle.cjs.entry.js

@@ -39,7 +39,7 @@ const GbProgressCircle = class {
         }
     }
     render() {
-        return (index.h("div", { key: '9164f5c3a9689c7341ffa8ed8f33d80730dd2532', class: "gauge" }, index.h("div", { key: 'a54f3a79cb4db035cdd10eabd6a1b806b428ba5c', class: "arc", ref: el => (this.arcElement = el) }), index.h("div", { key: '8a2b8514a1226f97e9196ea16ab6591349d5032c', class: "mask" }), this.label && (index.h("div", { key: 'd37c350330ff37e645b9a83feb374a48e29796de', class: "label", ref: el => (this.labelElement = el) }, index.h("p", { key: '0e8a0473707cdd3df6464a44fcbaaa2b18d6befc', class: "display-lg-semi-bold" }, `${this.progress}%`)))));
+        return (index.h("div", { key: 'b80affd7307cbe4c025882567bcf7490d87cbc0c', class: "gauge" }, index.h("div", { key: '00face65bbb9321da663e6c7db023e017fe661c3', class: "arc", ref: el => (this.arcElement = el) }), index.h("div", { key: 'a3d40fb33d663913af81aa43bf63a159c1222b55', class: "mask" }), this.label && (index.h("div", { key: '96e106a666d8952e5cc017db119c77783415c257', class: "label", ref: el => (this.labelElement = el) }, index.h("p", { key: '6d2c3af46f5ce84797cad45ef7996feea05d3dab', class: "display-lg-semi-bold" }, `${this.progress}%`)))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {