globuswebcomponents 1.5.9 → 1.6.1

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

@@ -35,7 +35,7 @@ const GbHorizontalTabs = class {
         this.tabItemClicked.emit(index);
     }
     render() {
-        return (index.h("div", { key: 'd0213759fbc357a306e215718196d87fa5c74ad3', class: `horizontal_tab_div ${this.type} ${this.fullWidth ? 'full_width' : ''}` }, index.h("gb-tab-button-base", { key: '5460d1b57e4a45d4a3991d15db6ed0ec6afb1867', 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: 'd95c85091cec12804a79c58fe2402104110ccf09', 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: '363b7fc91d75666d2f807500889d89f31840b135', 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: '5ca2af4b50648a78e16355772f798029b9f1cde1', 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: 'b6efd7f38139e1813c6f1a01b35afcf094619684', 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: '36bfdeaf2b8bdfef58c2d59b3164ea426469e5bd', 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: '57e381f7cca2ac90ae2f56f778c4b792f2c2cda9', 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: '46076083da3eb2389f45615ca3e8b0e7a89543d2', 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: '5dd2b1650974e2117649b478db224c8292ca671b', 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: '64db3741a5130b36f02c87a2e1ccdac62cd829bd', 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: 'aff97a50b48875d52e969df7fcb1f0098a4f64f4', 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: 'f1319eecb21043daa65bbe2650db91d4e534352a', 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: 'c84968c8704a5ece5ec7c8219b59705d31fb9551', 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: '4f6e632494d2be6f1eab208d66364938e9a90296', 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: 'a9be27759206707d64b6f73e0dc93b87e9ea6f35', 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: '8f8b9b6ac86ceaa2b3798277b011c337c902ac0f', 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: '65c9ae9aa0ddf1da62408c6f40cfd455cce80eb6', 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: 'b271f4d1dedb9f0b310c9344622e44e7ef961e17', 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: '5e90869ef41e7c015c3790ea0fe89842e4c9bf75', 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: 'e2b605df9663184fd1e4d5396fb17dc10c325d01', 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: '5991cd87b9365df64c41c2fcfad5531ff79e892f', class: `horizontal_tab_div ${this.type} ${this.fullWidth ? 'full_width' : ''}` }, index.h("gb-tab-button-base", { key: 'e9b28b8b2e3db71589318ea2004596d04ed01041', 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: 'da4957d8ddbd4843904caeb940b906c7101d3fbc', 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: '034758fa2c9f1380fa0e0204d7e135333feeb941', 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: 'ab5d32a57a87a5f20413e696b814180af5f34f1d', 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: 'e3ec58c4b2285e485aec15576c235796d507a021', 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: '0d436f095d06ca1c50c6bba9a32ba386bf1884ce', 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: '1af2d1c02ea69401868a43d9f81dd53d06766157', 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: '4a3a19c1f5825d883d1d1524906e181a9f70407a', 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: '21916b8c58a166c8535daf7cd99c79ec4f82eecb', 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: '1f6fc751de455674b1460cb2b12d7d2820ec704e', 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: 'b9b8fbe537a91bd56403266de0cae8506a555aa7', 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: 'b61c74a7e2ebee7e78bc5ede7fb9971a0bb2d115', 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: '70c6b396d3f71e46e8082235859d78d7d2440256', 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: 'fec11f69ac8c12f3f965eb3a060c020dfc92ec73', 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: '551f2a849ce1265617a3f7c938e8f60de0eb4047', 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: '279baab903fcb01257413916fafdd4b7978d4833', 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: 'e836ea7de0e98bb243c9f53b119643fe00485ba9', 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: 'c0455cc834128b327bfd19399bdbf623435f8b76', 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: '8c97bcb7596f05088f04e40c42420561a198c66f', 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: '70cb890f30e0f7c3b01664e72e095be8138552ef', 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 = gbHorizontalTabsCss;

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

@@ -32,13 +32,13 @@ const GbInputDropdownMenuItem = class {
     render() {
         return (
         // <div class="dropdown-container" onClick={() => (this.selected = !this.selected)}>
-        index.h("div", { key: '2a4d2cc7b77946a4fc68162918375e8c2af07a31', class: "dropdown-container", onClick: () => this.handleClick() }, index.h("div", { key: 'ba5e6fa0d00a8a6d520ff2138f206b031cbcd9ed', class: {
+        index.h("div", { key: '93e6f22f0551aeec4d91a1297e430e2b6389a03c', class: "dropdown-container", onClick: () => this.handleClick() }, index.h("div", { key: '42dcfd49e98a4a541b8007572c14d9e2dba02eb4', 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: 'e0b8657db771138b59333e2bc89ea8bc893276ad', class: "content" }, this.type === 'icon_leading' && (index.h("svg", { key: '5ccb6fe3dd20c4e6484227d002171ed1b630d138', id: "icon", xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, index.h("path", { key: '75296f7111ac9be82e983c9f89172905307944f2', 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: 'dda55c30f586fa8b17b1be85e65842707f3bf1c1', 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: 'd7e4b17aa30f46c9fb9da8be25dbe05bcc96213d', class: "avatar-icon", size: "xs", color: this.color, text: true }, index.h("slot", { key: 'c8dabb4d35e709a5fcf874a337afbd57d8bb54f5', 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: '7eb3b1c17c28ba1d707e659bbee378f57d129c63', class: "checkbox", size: "md", type: "checkbox", state: this.state, checked: this.selected }), index.h("slot", { key: 'b544354866414d1ba2d2faeedfa70f287fd5650d', name: "name" }), this.supportingText && (index.h("span", { key: '514bde4425d27a5fad2655683a922b84e8ce35c4' }, index.h("slot", { key: '8fbe4822efb00f7ed662fb5a56205697e3064b89', name: "supporting_text" })))), this.selected && this.type !== 'checkbox' && (index.h("div", { key: 'bf3baa401da9744711fb52c64d29dec053a4bfd8', 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: '82eb8abe4c1c2bf3e093bb159fb38052f422e812', class: "content" }, this.type === 'icon_leading' && (index.h("svg", { key: '97b549c110edecd4f4e3e55dfb6985a5dcd4b220', id: "icon", xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, index.h("path", { key: '944edd8f95881b491c2801ba9cc63125cf149d15', 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: 'cbefd624154aee8032522aaa8f52b8541086e07d', 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: 'd17d791c1b3a72dffa6f85b910ea83ae24fe009c', class: "avatar-icon", size: "xs", color: this.color, text: true }, index.h("slot", { key: 'b3bfc06d9860a34918162ceed741e3fe508591fa', 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: '2a9165767a400a3a00fd067552b29bc24ab2c0dc', class: "checkbox", size: "md", type: "checkbox", state: this.state, checked: this.selected }), index.h("slot", { key: '5abbd8cee7540f58528c24800b86b85a3a99d11f', name: "name" }), this.supportingText && (index.h("span", { key: 'f360a69d431adf101ca157a41644fe5d5b158edd' }, index.h("slot", { key: '86826830616629b83c7c26786c197c86156eda6f', name: "supporting_text" })))), this.selected && this.type !== 'checkbox' && (index.h("div", { key: '70cc0e3f51e514aa7c6848606ec21ec250baa373', 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); }
 };
@@ -73,7 +73,7 @@ const GbTag = class {
     }
     render() {
         const flagSwap = index.getAssetPath(`${this.flagSwap}`);
-        return (index.h("div", { key: 'c6549e70429872d2c3ab1b47f1e9b0c20a7512c5', class: `container ${this.size}` }, index.h("div", { key: '7e030d73e9a806d968574a6ecf556cd7a0c71678', class: `content ${this.size}` }, this.checkbox && index.h("gb-tag-checkbox", { key: 'e0ef899fb30853d2bc6f7051bb48a0eabce6d207', size: this.size }), this.icon === 'false' && index.h(index.Fragment, null), this.icon === 'country' && (index.h("div", { key: 'f6c174d8ad308819fc38980d554e09ba91d83288', class: "icon left-icon" }, index.h("img", { key: 'dd55e429b6f7ea47c24fa968409dee6c791cb2a5', src: flagSwap, alt: "Country Icon" }))), this.icon === 'avatar' && (index.h("gb-avatar", { key: '3fc616d32cc2af3d0125a9d50c75711cd45f7693', class: "avatar-icon", size: "xxs", "status-icon": "false", text: true, color: "gray" }, index.h("slot", { key: '39a0e44d877d801e74f100444263696ea4d23de7', name: "initials", slot: "initials" }))), this.icon === 'dot' && (index.h("svg", { key: '57ce662d80b3b87761b2ede808ffa06c60f768a0', xmlns: "http://www.w3.org/2000/svg", width: "8", height: "8", viewBox: "0 0 8 8", fill: "none" }, index.h("circle", { key: '6941af3001e35943a907f96b00ef76c367c87178', cx: "4", cy: "4", r: "3", fill: "#17B26A" }))), index.h("div", { key: '692c7bd5cadc3957bbae8cc0450d9b262a6cf272', class: "label" }, index.h("slot", { key: '134adfb3efb95f05df55810c2445f025d71fe87f' })), this.action === 'count' && (index.h("gb-tag-count", { key: 'fe3f35da923319b34b2fec95a81d30e1fb2c07ce', size: this.size }, index.h("slot", { key: 'dc065e2e7c19ee91bb81bb883edb959ea3ea764e', slot: "count", name: "count" })))), this.action === 'X_close' && index.h("gb-tag-close", { key: '24ac389e8ea90dca3b3771d7ee6ae8f3e0a494e0', size: this.size, onClick: () => this.onTagClose() })));
+        return (index.h("div", { key: 'e982e0187e67144401419e2f79320360fd78d2c8', class: `container ${this.size}` }, index.h("div", { key: '7cf35e231e25b2c526e47b575724b8da8420573a', class: `content ${this.size}` }, this.checkbox && index.h("gb-tag-checkbox", { key: '9a5fbfd8beb17f3698799be511d2007861fbafa7', size: this.size }), this.icon === 'false' && index.h(index.Fragment, null), this.icon === 'country' && (index.h("div", { key: '0bddc72bf6a721266f3f7a039c2b62ab7a0a2377', class: "icon left-icon" }, index.h("img", { key: '22bfb87f078713f561fdb4fe44913492bfc9e918', src: flagSwap, alt: "Country Icon" }))), this.icon === 'avatar' && (index.h("gb-avatar", { key: '68b2261ed96cb8ff301eb566e244eec190572663', class: "avatar-icon", size: "xxs", "status-icon": "false", text: true, color: "gray" }, index.h("slot", { key: '8779b1ae9d7ec71b8574eb026c53f7a62909d112', name: "initials", slot: "initials" }))), this.icon === 'dot' && (index.h("svg", { key: 'afca093e65b6b7670c81ecd7444af35d4b75cb3f', xmlns: "http://www.w3.org/2000/svg", width: "8", height: "8", viewBox: "0 0 8 8", fill: "none" }, index.h("circle", { key: '1d4f93e072687c8a33d373096d6ad57391c56867', cx: "4", cy: "4", r: "3", fill: "#17B26A" }))), index.h("div", { key: 'a64082e71afb2d66c0edb5b073c82093044eb521', class: "label" }, index.h("slot", { key: 'b7cc3cee47bacaa730cb174fb3fbda60f880a0ff' })), this.action === 'count' && (index.h("gb-tag-count", { key: 'e914f42ad8e36d6ee043214053fa733df9f32758', size: this.size }, index.h("slot", { key: '25422bbd5857381859a0dabb9d4d989b1b0209c2', slot: "count", name: "count" })))), this.action === 'X_close' && index.h("gb-tag-close", { key: '67652ac951a81bc23d69ec3ece750de1c39c0bab', size: this.size, onClick: () => this.onTagClose() })));
     }
     get el() { return index.getElement(this); }
 };
@@ -89,7 +89,7 @@ const GbTagCheckbox = class {
         this.disabled = false;
     }
     render() {
-        return (index.h("label", { key: '0bbfd3a43a5e145e99a2280e135291eefe307301', class: `checkbox-container ${this.size} ${this.disabled ? 'disabled' : ''}` }, index.h("input", { key: '570ab8b6355b45049cfae9eb500e64bf135bcf2a', type: "checkbox", checked: this.checked, disabled: this.disabled }), index.h("span", { key: 'c04146b98ee1500d181ce8cd6d4a8ed7c5f4cace', class: `custom-checkbox ${this.size}` }, index.h("svg", { key: '69d47d3cdc29b71c833a334252d839fb159091d3', class: "checkmark", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 12 12", fill: "none" }, index.h("path", { key: 'e149ed597b5c803dfe7c6c6dcdf4c65a370fb9dd', 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: 'd28085ee165b3ed72100e7c79c14ccb79690f4f8', class: `checkbox-container ${this.size} ${this.disabled ? 'disabled' : ''}` }, index.h("input", { key: '2057397e408c61c6feb3fc073922f0fb24af5912', type: "checkbox", checked: this.checked, disabled: this.disabled }), index.h("span", { key: '9633a16841886f4845e122253c325cc490dce80c', class: `custom-checkbox ${this.size}` }, index.h("svg", { key: '8b8a869f879bd9fd91ecdd6af00c65d040140698', class: "checkmark", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 12 12", fill: "none" }, index.h("path", { key: '6252eddc303602a2bae5d838110483398f3a4ec6', 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 = gbTagCheckboxCss;
@@ -101,7 +101,7 @@ const GbTagClose = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h("div", { key: 'd55661f51a99caa33c9fffe4af0b04fed0d540e6', class: this.size }, index.h("svg", { key: '7d8d67c87640277d4f6ebb6ed647e9fb6188a886', xmlns: "http://www.w3.org/2000/svg", width: "10", height: "10", viewBox: "0 0 10 10", fill: "none" }, index.h("path", { key: 'e05f4628813dab62028a41602ffcf2d2a9c7b589', 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: '8d19f923848102996cb41d9af2cb3ad816799d12', class: this.size }, index.h("svg", { key: 'b94d2f7d8c95b9e2a90d9be48815104d61df30cf', xmlns: "http://www.w3.org/2000/svg", width: "10", height: "10", viewBox: "0 0 10 10", fill: "none" }, index.h("path", { key: '3b81c5018ddf0d5ee39c4b50d5004b8f91f24d67', 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 = gbTagCloseCss;
@@ -113,7 +113,7 @@ const GbTagCount = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h("div", { key: '274d5d4131da7464085619e3707e37f560f083d4', class: this.size }, index.h("slot", { key: '268bcdcbe4da575213c1ff40f32da6dbd40b7f20', name: "count" })));
+        return (index.h("div", { key: '417f1d5def6791fb2949d49cb9447f961712eb1f', class: this.size }, index.h("slot", { key: '8252cbab050cf5fea1b4d1b075ec118bb5c8455f', name: "count" })));
     }
 };
 GbTagCount.style = gbTagCountCss;

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

@@ -301,16 +301,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: '7b0deb9b1d61949520a9e4b2e155b8f816ba0d59', class: `input_dropdown_container ${this.type === 'tags' ? 'tag' : ''}` }, index.h("div", { key: 'c633317bbda97ff0ffd46c9ec68347c4066bb10e', class: `input_with_label` }, this.showLabel && (index.h("p", { key: '944fb765aa3a926fd0002252cad12c2df61b9251', class: "text-sm-regular", style: { color: '#4B5565' } }, this.label.charAt(0).toUpperCase() + this.label.slice(1).toLowerCase())), index.h("div", { key: '873e59e47c3e568d54ef8441f22e53075b0b6fd1', 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: 'a9cad79b1badf69b21c09ff38e683bbebd0a0d6b', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, index.h("path", { key: '18330b3915554cae56ad051446c797e8456aa15b', 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: '2d7989d8ac7c8c551b1c6989c126b62e0cc47a4e', 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: 'd57c1babe17848999bf8c3971e70e831c8994e0e', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, index.h("path", { key: '65fcb23f6613ae406a6bead2472ac379025278e7', 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: '33e0c221ec5fdc00ac219f51d9afd9de10194065', 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: '0615bfc11c6905a4ee6052eeda5b80e051b9d375', 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: '10dd1ce58c98af3dd83df64b557b9ec4f4ca117e', 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: 'babe30c3f7c5d4e09653c0fcdf94f6c528e95ade', 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: '7141c42ba567089b9e75fb18f0d8c80939a0cc0a', class: "placeholder" }, index.h("p", { key: '76741ed78a5bd5c2a58dcfa8fa09eaf7cd8f3ab1', class: "text-md-regular", style: { color: '#CDD5DF' } }, this.placeholder))))), this.state === 'filled' && (index.h(index.Fragment, null, index.h("div", { key: '95cf4e3afde08a01eb9110da22c812c2a903eb7a', class: `content` }, index.h("div", { key: '9c4b213e12dd2594fa19c9581dfd122679a3ab7f', 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: '056e1df34b5a5d4bf81788b120aabef7eefbb021', class: `input_dropdown_container ${this.type === 'tags' ? 'tag' : ''}` }, index.h("div", { key: '07f3b1074cab32d4468b416620b83bf2a0deddf2', class: `input_with_label` }, this.showLabel && (index.h("p", { key: '684d0d7c80102fc87e762809dbcdcfadbad99e00', class: "text-sm-regular", style: { color: '#4B5565' } }, this.label.charAt(0).toUpperCase() + this.label.slice(1).toLowerCase())), index.h("div", { key: '879da1db3ccfdc5338dbfd6344e267edf45846bb', 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: 'fcaaea2ced59ba1566f1ebc77859d85f6ae8c635', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, index.h("path", { key: 'a2609cc0ec775fb7b2c308bbe44b419ee767b581', 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: '105875ef174355315b54fc96dabda573234c876f', 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: 'b16a7f2ae769dbba7df932ee8369a2d7ff2b739b', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, index.h("path", { key: '129d57b4bec14438223efa1103506b6d37b5e695', 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: '0a4c469e72cfebdfac7263c3f3611e38142f104a', 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: '41236e678b026649254ff433589dea48a513b7d4', 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: '0f8e80ef2d2cb45217d95df0ba390366962f66fa', 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: 'c9072fdeafd04e138fd952941d04539ca55f8b15', 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: '5191bf052f07d8e9a76911c78aacc5743c919627', class: "placeholder" }, index.h("p", { key: '00345302cbb61d13a6b07c27d301942d2fa31f02', class: "text-md-regular", style: { color: '#CDD5DF' } }, this.placeholder))))), this.state === 'filled' && (index.h(index.Fragment, null, index.h("div", { key: '3dc0343be1b5c52dd006e5b13e3ecfbf168efcf2', class: `content` }, index.h("div", { key: '46241f88ab9e0b2e11d71c72b0655ea2ebeca22f', 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: 'a5b3dc7f91610a93fc1df2e1ffff82a9f45670ba', 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: '67ba2c8e660382841ac0bc1d543c8446e446688b', class: `content` }, index.h("div", { key: 'd68911b57774507ae4b0d8862116478b79339212', 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: '4d3ec178ae0501f7452a8b6fe582a357a8935f1c', 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: '3e6855662f5301c5d45aa35eff363b117473703e', class: `content` }, index.h("div", { key: '7e9d1acaa51e5e337f89449e88345eb583d9b84f', 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: '660ea901280b3559ca5c5b8ded0165093363b295', 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: '34850a3e284c4deb87636ed54a20e030a754d94a', class: `help_icon` }, index.h("gb-help-tooltip", { key: '0bea341c595c103e4c191920689c53a9f578c9e0', "show-supporting-text": true }, index.h("slot", { key: '52a1fb24086dee68d7e684539ff884908dbf1921', name: "tooltip_label", slot: "label" }), index.h("slot", { key: 'be7838c1acb478e1b83675f24df64f78834854c6', name: "tooltip_supporting_text", slot: "supporting_text" })))), this.type !== 'search' && (index.h("div", { key: '8c262bff6f363fc12c1770893172d5afd54773ad', class: `dropdown_icon ${this.dropdownOpen ? 'opened' : ''}` }, index.h("svg", { key: '88be9c84b8c489e6d1e097712491c53b45a7009d', 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: 'f2335e90049c9556a699a287718b308cf1df8729', 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: '2d9cf43d0f1f5d4e78d4116243d4c017ee7fa1eb', class: `dropdown_menu ${this.menuPosition}`, ref: el => (this.dropdownRef = el), onClick: e => e.stopPropagation() }, this.showSearchInput && (index.h("div", { key: 'ac27ae6b1221caa3be5fb31916eab187c16cfe5d', class: "dropdown_search_field" }, index.h("gb-input-field", { key: '259fbb4905718b3900a231e2243f0780a4fdbc36', 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: '3d1bebb39d8602879152eb82a178632b090f0dc2', 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: 'f2351b6f0a7089e127cbfda40cdd761042ff1695', class: `help_icon` }, index.h("gb-help-tooltip", { key: '8abda991834107f51b3d99ed8c586ce2a34180b5', "show-supporting-text": true }, index.h("slot", { key: '992f46f9109f845e90ef2df9f29e9e96f1e68078', name: "tooltip_label", slot: "label" }), index.h("slot", { key: 'aa974c78fce347502c8c7a80ba1a6752cec74f99', name: "tooltip_supporting_text", slot: "supporting_text" })))), this.type !== 'search' && (index.h("div", { key: '633ab9f2efa53c3a80cc865b7c7c2046ee9a1ae1', class: `dropdown_icon ${this.dropdownOpen ? 'opened' : ''}` }, index.h("svg", { key: 'dac2271fab7b47d3f5e406932c570f179ed66d3f', 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: 'bd7e84d6eb8593251a7d04c8490005b3ada63813', 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: 'bb1e021a6c96e9d2a6a708cb98f5559fc751fdb2', class: `dropdown_menu ${this.menuPosition}`, ref: el => (this.dropdownRef = el), onClick: e => e.stopPropagation() }, this.showSearchInput && (index.h("div", { key: '5e33032df26e881c4c7c1c71988f6baec9144339', class: "dropdown_search_field" }, index.h("gb-input-field", { key: '16d97ef93e10c334b44272a9bc267b96a05df42f', 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))),
         ];
@@ -346,7 +346,7 @@ const GbPaginationButtonGroupBase = class {
         this.leadingIconSvg = svg;
     }
     render() {
-        return (index.h("div", { key: 'b9308e83ece88f36a76fa54c43212a287c2fa0d4', class: `button_base_div ${this.icon} ${this.state}` }, this.icon === 'false' && index.h("slot", { key: '6c13108ad640e80d0437ae30742a66805f34c154' }), this.icon === 'leading' && (index.h(index.Fragment, null, index.h("svg", { key: '33e15b5fc3814774d4ff06f5d41150134d631121', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, index.h("path", { key: 'aa59b9e99b9aab9e88f48e80925386091cd5abac', 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: 'c4ebffd3c57ce1f7312a9ded84c86a5ddd7c5de3' }))), this.icon === 'trailing' && (index.h(index.Fragment, null, index.h("slot", { key: '53a7ce41e940820ebf1b49ff866bb21bf9bcca65' }), index.h("svg", { key: '1b096e9c760ed0bb6426f4216b83c9753a9bba22', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, index.h("path", { key: '1df7093495641d73410577941f9daf15ac71033b', 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: 'fc32ace5791cfb64d23ba89db945aaceb51fea73', class: `button_base_div ${this.icon} ${this.state}` }, this.icon === 'false' && index.h("slot", { key: 'df09b9f1867462f835998f2df839f695d31c2727' }), this.icon === 'leading' && (index.h(index.Fragment, null, index.h("svg", { key: '6d11b08881b57386a992087963e4a9228751feaf', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, index.h("path", { key: '8061298c3f4df4cb8e02563866ca2ac375ac5557', 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: '507c81237614041053a867ab0834153bc4e1b042' }))), this.icon === 'trailing' && (index.h(index.Fragment, null, index.h("slot", { key: 'd11953c5a7b263f4f8129c684e36505eb2d2d1a0' }), index.h("svg", { key: '42cbbe4bb6e523ee8cf620e59c07751292e96974', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, index.h("path", { key: '9b28a8f7c7b539463b6f4e6e4316ad22d587e995', 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); }
 };
@@ -371,7 +371,7 @@ const GbPaginationNumberBase = class {
         }
     }
     render() {
-        return (index.h("div", { key: '11209ea2e67964c610e10bc1c3a9d487273135af', class: `page_number_base ${this.shape} ${this.state}` }, index.h("slot", { key: '785237c7501c852cab04f5cf76dbcdd80a04720a', name: "page_number" })));
+        return (index.h("div", { key: '2a04f6f1b106123f439e1a5e469f73f7cafa80d8', class: `page_number_base ${this.shape} ${this.state}` }, index.h("slot", { key: 'b529d610aa39dbf555b1c79442828ec777f5301c', name: "page_number" })));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -20,10 +20,10 @@ const GbMegaInputFieldBase = class {
         }
     }
     render() {
-        return (index.h("div", { key: '8d636e66034b58e109abd88b3b30860caf4bf44c', class: {
+        return (index.h("div", { key: 'cdf4f7a4380897841d32b5827ca68a075e6f75d8', class: {
                 [this.size]: true,
                 disabled: this.state === 'disabled'
-            } }, index.h("input", { key: '57d00b7b87e24c6fbb898d4010d5f2c7248b9b91', class: {
+            } }, index.h("input", { key: '4e16cd51b1dddbfd42f4d13e58c81502bc1fe746', 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

@@ -13,7 +13,7 @@ const GbNotificationContent = class {
     }
     render() {
         const iconSrc = index.getAssetPath(`${this.icon}`);
-        return (index.h("div", { key: '540259f5bdab02afb711c34e5338addf799f8e98', class: "notification_container" }, index.h("div", { key: '27791c469b53262234a902b0b2a08594706c812d', class: "notification_title" }, this.icon && (index.h("div", { key: '9ec3a653c99d0c2c204d5780fdf32bb662067182', class: "icon" }, index.h("img", { key: 'dcdd5ba7ded38d61c0f2f10c7e7aa57b6d7639fe', src: iconSrc, alt: "Icon" }))), index.h("label", { key: '2eeaaa807c8b7d30d95e8c882038164295c7d64d' }, this.label), index.h("span", { key: '9ce0a7d50f52bd9f2ecc1054df0204a1a000bfd7', class: "time" }, this.time)), index.h("div", { key: '944b07837c4361fd429d03f3b5e01718ac002401', class: "supporting_text" }, index.h("p", { key: '1b5d5312fc55bd8c27d5f2a28de099b113ff6f5f', class: "text-sm-regular" }, this.supportingText))));
+        return (index.h("div", { key: 'd3dfca2e2262a38b14e964b7b9329e44318fbfae', class: "notification_container" }, index.h("div", { key: '368417f4756410601a6c6ab578d2f0f39ad857bf', class: "notification_title" }, this.icon && (index.h("div", { key: 'eec41927940af76e394cdd41265eab0e300f8bc8', class: "icon" }, index.h("img", { key: 'bf4b8d01e3fde9a086c72fb63cc5ccd53cd8f650', src: iconSrc, alt: "Icon" }))), index.h("label", { key: 'b3be72f10341158cc445e0b11c66fa3f5cf809cd' }, this.label), index.h("span", { key: 'bdf92bb8029b50a1c9cab2eeede1c23bef9cacca', class: "time" }, this.time)), index.h("div", { key: '6368d15548556e72b9b75f8297c0abc3fe473522', class: "supporting_text" }, index.h("p", { key: '60775b9bfc4b67bb1b04f5e86e3223a1e4e826de', class: "text-sm-regular" }, this.supportingText))));
     }
 };
 GbNotificationContent.style = gbNotificationContentCss;

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

@@ -56,9 +56,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: '40ebf29f78f07aa384034306997bc775d536a6e7', class: "notification_pane_div" }, this.state === 'empty' && [
-            index.h("div", { key: '7acda3ef2e8fedad9d833968b1f904d9643a7dba', class: `container` }, index.h("div", { key: 'fc7d8620cb48db512147773a9a6a591c67867b73', class: "frame" }, index.h("img", { key: '402f92f85cba34c1f0da28fd6323a3aa60c65220', src: patternSrc, alt: "", class: "empty_state_pattern" }), index.h("div", { key: 'da75076ed68bca323fb6ccf7c46a41e59ea494a9', class: "empty_state" }, index.h("div", { key: 'd62af1f3573ee7c39081d99e0ea44f3a17425b3e', class: "content" }, index.h("img", { key: 'bb8a82d930b5257b4a7983de6030157b1f58688e', src: illustrationSrc, alt: "bell-icon", class: "bell_icon" }), index.h("div", { key: '91c10fcb8ed2d5a6d7b0b39d6bdb7ad60cca01e3', class: "text" }, index.h("slot", { key: '7d81932acdde190ea4b9978949cb7a4a033cc9bb', name: "label" }), index.h("slot", { key: '867fe0b41fa545e663d8335beb5e95f2fd90044c', name: "supporting_text" })))))),
-            index.h("div", { key: '6ff431a502f457bfb06c6bc85c798bd4e85b358f', class: `button` }, index.h("gb-button", { key: 'eb4bfeccc09927477224fee670162426691c01d5', size: "sm", hierarchy: "tertiary_color", icon: "default", state: "disabled", "icon-leading": true, "icon-leading-swap": "assets/blush_brush.svg" }, index.h("p", { key: '26ca5e97fecbcdc2d5dda6500163f50671a22db0' }, "Mark all as read"))),
+        return (index.h("div", { key: '1315a36b1bcdd6434bc1903f156f7ee29e826abb', class: "notification_pane_div" }, this.state === 'empty' && [
+            index.h("div", { key: '30a1d634f73383948ed4d338a29374c93ca942b8', class: `container` }, index.h("div", { key: 'eccd45d1e965ab74beb84b90e28c902779a07c79', class: "frame" }, index.h("img", { key: '966e70e3e38f79c42381a68b16217277e93ea75d', src: patternSrc, alt: "", class: "empty_state_pattern" }), index.h("div", { key: '6fe8d3e021acab21be55771592cd964a275858d9', class: "empty_state" }, index.h("div", { key: '7c0d0f74dc6adb603109ce901bea12c1fe7ce5a7', class: "content" }, index.h("img", { key: 'f2b5c894682d7331dd5e685f6ce2cd6c829e606d', src: illustrationSrc, alt: "bell-icon", class: "bell_icon" }), index.h("div", { key: '3f7fadce4bd27125b35eeace21cfc2864f26ddf1', class: "text" }, index.h("slot", { key: '6bf5c4ee41896fd8b667a9afe6c02d3b259c842c', name: "label" }), index.h("slot", { key: 'f4f4b35a89e1f34834a14a6ad8e7337cded5aa26', name: "supporting_text" })))))),
+            index.h("div", { key: 'e4a375826be857d92271f50f6bea783612138f91', class: `button` }, index.h("gb-button", { key: '8771d303bfa755847ec0929988e7562f8204f8bb', size: "sm", hierarchy: "tertiary_color", icon: "default", state: "disabled", "icon-leading": true, "icon-leading-swap": "assets/blush_brush.svg" }, index.h("p", { key: 'e4ddaf8ea3dfcc9a83bf3bf9e8570e58b08de318' }, "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

@@ -11,7 +11,7 @@ const GbPaginationDotGroup = class {
         this.framed = false;
     }
     render() {
-        return (index.h("div", { key: 'a2d1829cb7c7c76908418ea5f4b8581f01d3ab19', class: "dot_group_div" }, index.h("div", { key: '330562248b6b59ac38cfc0061bdfd2accf5dcc1c' })));
+        return (index.h("div", { key: '56f31362d099129b258a60fc7eaee9b5cdf08c03', class: "dot_group_div" }, index.h("div", { key: '04659bc2f65c6b4a4cbbdf617059e7543887a48a' })));
     }
 };
 GbPaginationDotGroup.style = gbPaginationDotGroupCss;

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

@@ -10,7 +10,7 @@ const GbPaginationDotIndicator = class {
         this.current = false;
     }
     render() {
-        return (index.h("div", { key: '113a55cc29d402302f88def65c5f0c624e7cea63', class: `dot_indicator_div 
+        return (index.h("div", { key: '65b94df5ce72536b1db5e61f103df210832a484a', class: `dot_indicator_div 
       ${this.type} ${this.current ? 'current' : ''} 
       ${this.size}` }));
     }

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

@@ -36,7 +36,7 @@ const GbPagination = class {
         this.pageItemSelected.emit({ pageSize: this.selectedPageSize, pageNumber: this.currentPage });
     }
     render() {
-        return (index.h("div", { key: '99107be190a3d83001a2b4957c4eb0c380648a04', class: `pagination_div ${this.type} ${this.breakpoint}` }, this.type === 'page_default' && this.breakpoint === 'desktop' && (index.h(index.Fragment, null, index.h("gb-button", { key: '14764389d0228a2daa2ea820eb985417fa81c7ce', size: "sm", hierarchy: "tertiary_gray", icon: "default", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg" }, index.h("p", { key: '3d355b506fd957294364e7d22f7b13073ac7aea9' }, "Previous")), index.h("div", { key: 'a45722ffbe0055e8658cc098320adccdb1aa386b', class: "pagination_numbers" }, index.h("gb-pagination-number-base", { key: 'c4acc70d997a68fceecff0b382c615d4631e432f', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, index.h("p", { key: '0dd990b306646b441189bc8b3497991d734c9d1d', slot: "page_number" }, "1")), index.h("gb-pagination-number-base", { key: '7a4b2aa1551c01030257b56c17354c058b61256b', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, index.h("p", { key: '476327fa006bd006590da8a68fb018d1c0352512', slot: "page_number" }, "2")), index.h("gb-pagination-number-base", { key: 'f32927ed83ef518aee06775d55b9cf8337d6cfbf', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, index.h("p", { key: 'a26e22d16796fa07458fe1d7518901f6cd7b2c1d', 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: 'bbe5cff2f87a9415c32a3ddaaf81e0094c182e3b', shape: this.shape }, index.h("p", { key: 'f84c76ec4322df6b5b034315b6a86cff67b97735', 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: '7bc0eba48bc1e8cf45ccb321274fff1e55407a72', shape: this.shape, state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 2) }, index.h("p", { key: 'ba47f2a7ecfd46a0a17bf0fb6e52abd767c22e67', slot: "page_number" }, this.totalPages - 2)), index.h("gb-pagination-number-base", { key: '0a6bac8321c6e092cee05958ba84050c4125f3f5', shape: this.shape, state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 1) }, index.h("p", { key: '2104166619b341cd687cc3b7de5c679ff7cb80c8', slot: "page_number" }, this.totalPages - 1)), index.h("gb-pagination-number-base", { key: '2e879f5004219fda7210aa5c69c9cfe846f4fd90', shape: this.shape, state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages) }, index.h("p", { key: 'cf57a5e7bddec41a4b2aacb18ffb7ee8805767c1', slot: "page_number" }, this.totalPages))), index.h("gb-button", { key: '7972ddc5574bdd6fd1671a5464419484af263f9f', size: "sm", hierarchy: "tertiary_gray", icon: "default", state: "default", "icon-trailing": true, "icon-trailing-swap": "assets/arrow-right-02.svg" }, index.h("p", { key: 'fda3b254996f62cc2aa19bf648315b7bb3e8b353' }, "Next")))), this.type === 'page_minimal_center_aligned' && this.breakpoint === 'desktop' && (index.h(index.Fragment, null, index.h("gb-button", { key: 'd953dbd87bd9c12a2f1467d02ee5e046d6d0d200', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg" }, index.h("p", { key: '3a3c381f0ec2bae32deabbbdd4fdfc95d83dac33' }, "Previous")), index.h("div", { key: 'bb3eb9615b298430e1d0e10c228d20d5279ddd01', class: "pagination_numbers" }, index.h("gb-pagination-number-base", { key: '3d94ddd3693321daecd1360136841059575de506', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, index.h("p", { key: 'efcf4dbd5553fcf98db765fc032b93e8f3006213', slot: "page_number" }, "1")), index.h("gb-pagination-number-base", { key: 'e37227694a57ab064251f50caa1b3b56478fa21f', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, index.h("p", { key: '9949f65f8c11bd31cec7ed9d0ab429f3df6cbac6', slot: "page_number" }, "2")), index.h("gb-pagination-number-base", { key: 'f738c39dd72171d20b913dacb92966a404eea702', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, index.h("p", { key: 'eac8a768acb33eed7e1e107a5182700ef5223b92', 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: '11f599b9ca5d5da37b6da6420cfde6fc3dd40285', shape: this.shape }, index.h("p", { key: '753824184d8b053905f5e7498ee8d352f0e6638b', 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: 'da6ba0bde0c2d44114a3d8309765647f1c516026', shape: this.shape, state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 2) }, index.h("p", { key: '3f62fadad1819d965dd1c7eed6c0a3a9706732bf', slot: "page_number" }, this.totalPages - 2)), index.h("gb-pagination-number-base", { key: '40cd38de852cdcc1c688349edc328a8f8681ec8f', shape: this.shape, state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 1) }, index.h("p", { key: '92f666c1e8d0af572d07105e70cac7293bdfeb17', slot: "page_number" }, this.totalPages - 1)), index.h("gb-pagination-number-base", { key: 'a67f26cc2213afe313dc93483fbb2204a9ac6f90', shape: this.shape, state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages) }, index.h("p", { key: '5381578280bc01d0cc04e8e07d2d89566e02a7b2', slot: "page_number" }, this.totalPages))), index.h("gb-button", { key: '1ec42629b6112dcee0d55f7cd4b1f0f130af0210', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", "icon-trailing": true, "icon-trailing-swap": "assets/arrow-right-02.svg" }, index.h("p", { key: '7131b6d61bb118a2d689b51aa37eb5cee3589ddb' }, "Next")))), this.type === 'card_default' && this.breakpoint === 'desktop' && (index.h(index.Fragment, null, index.h("div", { key: '656b58c587e5abd90cb6d61b3df9295e888ee0c5', class: "pagination_entries" }, index.h("div", { key: '652623518a5d20c41824c34948d701de112a2fc2', class: "entries_text" }, index.h("p", { key: 'e37384d3eff951a8aa3eeaeb4205c032cd9616e7', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), index.h("div", { key: '21015c6e4d8bbbf34b556375fa9758b105b38968', class: `entries_dropdown` }, index.h("gb-input-dropdown", { key: 'e1aa21be29b6984140b16ba9f481ebbc8bdc6128', 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: 'f1262cd348d8bb809c0c6805005a590694497924', class: "pagination_numbers" }, index.h("gb-pagination-number-base", { key: '886c5774f30391ce2ebad9eeba3c123a92821852', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, index.h("p", { key: '73990d80059021bb9527f266d35debda1169b317', slot: "page_number" }, "1")), index.h("gb-pagination-number-base", { key: '01d5a5af42f675210c70af7340843431753935b0', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, index.h("p", { key: '9a9f67844c750e2d21cb42acd61587c39240d6f1', slot: "page_number" }, "2")), index.h("gb-pagination-number-base", { key: '315cbbbbbb16245891f9686f7b91d3f165dba4d7', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, index.h("p", { key: 'b8b7f4f9000f0b0bf43ccaecb5e81c838324dcf2', 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: '94c73d6bc33f2a97e9c9ba3d90d840ab7cffbf9e', shape: this.shape, state: "default" }, index.h("p", { key: '1bc75f3a6a0f67a4904072d3bb4582422eab2a68', 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: 'dedc8e18962197cba08324253de6fe2bd282314c', shape: this.shape, state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 2) }, index.h("p", { key: '0e9e4cd26e2f0af841761c35ffa2055a2803d48c', slot: "page_number" }, this.totalPages - 2)), index.h("gb-pagination-number-base", { key: 'df0621212981581160eb251a4b856b7bc80de554', shape: this.shape, state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 1) }, index.h("p", { key: '563d0d4ccfd585041006cb25af07de1bafd1c2bd', slot: "page_number" }, this.totalPages - 1)), index.h("gb-pagination-number-base", { key: '4ade8e91e6d18e89c3a39cc9fc95555e22ddcf6a', shape: this.shape, state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages) }, index.h("p", { key: 'e55d4cbf5b4244e25d08a8f9a380c2e35264a025', slot: "page_number" }, this.totalPages))), index.h("div", { key: 'd311b4f6060b2d881d8dfc1c2ab1aff7732cb5ae', class: "pagination_btns" }, index.h("gb-button", { key: 'cd6020161589cfdaaeb9f78f16c8de7423103428', 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: 'b3f7d23a87e2dff68f7323ad18d81ae5443256f0', 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: '17696b1e852d7bdbd8d4cee53c79841b07aa7b8c', class: "pagination_entries" }, index.h("div", { key: '78a536c094de113bddde9c35519b0aba8df401c6', class: "entries_text" }, index.h("p", { key: '6430065a44e9751add313002f31da51743ef732c', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), index.h("div", { key: '06a395e801d1c6f2b6a9552fe707df0e78735496', class: `entries_dropdown` }, index.h("gb-input-dropdown", { key: '309ed0501a63ac5431b83105983d6459016c054d', 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: '8811740ac0657d037f5cfd5a60c6d9a0ae3d28ec', class: "page_number_text" }, index.h("p", { key: 'e9764ba11f1295f53a7665b3ede531fbbb55c37d', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), index.h("div", { key: '0fd17b450beaf8027611c535a1a937f53bb016e9', class: "pagination_btns" }, index.h("gb-button", { key: 'c2b9fb8b0aa0e44eedf8337f7b76c6418d39a66c', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, index.h("p", { key: '9a5659382753cd161581da5678ab202451b023ec' }, "Previous")), index.h("gb-button", { key: '01fc31eb8cb987ff090dbdbc77f55ecb3aab8f77', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, index.h("p", { key: '71369503f2d1f2a52d58a6f8eb49717bd85f00dc' }, "Next"))))), this.type === 'card_minimal_left_aligned' && this.breakpoint === 'desktop' && (index.h(index.Fragment, null, index.h("div", { key: 'db6033af43b15171947ad87ace83e773e01a252f', class: "pagination_btns" }, index.h("gb-button", { key: '0938151935c647e74e92c9973570dd4aae589a26', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, index.h("p", { key: '8603e8a648377d3819b3395957206a0d5a52aac3' }, "Previous")), index.h("gb-button", { key: '822cb8a2b827329fc5299342522b5a5f1c4a6e84', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, index.h("p", { key: '0b1d32ee87152c92f32d38f72411ec074104d292' }, "Next"))), index.h("div", { key: 'a08befe93ed0c321b3bc2621d329d6f981d463e8', class: "page_number_text" }, index.h("p", { key: '9deaf4c2a6487bca785743e5ab6534d51dcdaa68', class: "text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), index.h("div", { key: '464c587feb78019437c4b3cb452e46924031a248', class: "pagination_entries" }, index.h("div", { key: 'b17f289b64d5d22256a99c0075a9019988d88a4a', class: "entries_text" }, index.h("p", { key: 'eb70b319df68f0a6e2cdc8e969d38c5354ef2712', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), index.h("div", { key: 'e184d23305205e24593f5310dd9a967179d8a220', class: `entries_dropdown` }, index.h("gb-input-dropdown", { key: '1802100c40c8e4ad9f10ac9aa8686a8be5fd7fca', 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: 'bcdce3e676140decf3ab9e20d86a0abd460a9647', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, index.h("p", { key: 'a5af40ee67e784be92b8c85ceea4b8ee99782954' }, "Previous")), index.h("div", { key: '662476d8a4e9068e409f66b1f47b4a3247d59567', class: "page_number_text" }, index.h("p", { key: '677728c0ac2f33ebdc17c01925c6664c581db659', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), index.h("gb-button", { key: 'f7a644441110fe8ae94bbec8346f7691055dae52', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, index.h("p", { key: '6a3307eca9f744551a3383fe2f626b99f1fab10b' }, "Next")))), this.type === 'card_button_group_right_aligned' && this.breakpoint === 'desktop' && (index.h(index.Fragment, null, index.h("div", { key: '01cbf7582c52dc5e1e5c351b6a2daa46f682a8eb', class: "pagination_entries" }, index.h("div", { key: '416e7ab0256d9f42335034fdb8a519e9a20973a0', class: "entries_text" }, index.h("p", { key: 'e364f397fd83e356fe8846b4eb846ac741c383f1', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), index.h("div", { key: '3365e20db34397820d17ae31edd225da1d98f544', class: `entries_dropdown` }, index.h("gb-input-dropdown", { key: '5d134399c63436022206cab6c2e640949dacd854', 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: 'bcb13ba0d5712e89ee71b70496c0d7ca3d47fe3b', class: "pagination_button_group" }, index.h("gb-pagination-button-group-base", { key: 'e9abee085eb323c49a19b04b984b3dd99234616c', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, index.h("p", { key: 'ec74defb62324c628f84be355fcb0566656430d5' }, "Previous")), index.h("div", { key: 'd613e172f2f214d5c4c7fd95a67500521c396449', class: "btn_group" }, index.h("gb-pagination-button-group-base", { key: '30015bc566c2472e727089485c72e98170ae236a', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, index.h("p", { key: '6124162225cab22062359188fc9ca0463af1e27f' }, "1"))), index.h("gb-pagination-button-group-base", { key: 'b0024b40e6f2a2b50b1d780ef5b2c7feef60777e', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, index.h("p", { key: 'bab435d4e7b21319094d06bd3c7d1d2f5e6245dc' }, "2")), index.h("gb-pagination-button-group-base", { key: '885e2805748983e1b68c5fa49fc365b2c2c47bd8', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, index.h("p", { key: 'cee79346c89582dd056a85295d4c00361bdd9c98' }, "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: '7bd3a82d966665adc2615198f73c3228e91c849f', icon: "false" }, index.h("p", { key: 'ba89ee48c667579233bddbea14de1c7fec634c8c' }, "...")), 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: '3515d3b2a040e5e6676ee4383a168b129d7694ea', icon: "false", state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 2) }, index.h("p", { key: '1aaa4a6c75e868c7efeb88c2f255fcf7b08e3f52' }, this.totalPages - 2)), index.h("gb-pagination-button-group-base", { key: '793b025d6e500d22d594e85a3792aaae172f81b1', icon: "false", state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 1) }, index.h("p", { key: 'a636030dadf4e9222b39d9b9f65e5e9d8808b9ce' }, this.totalPages - 1)), index.h("gb-pagination-button-group-base", { key: '08117bd9e2060606cc05eef7dab57bb156a73974', icon: "false", state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages) }, index.h("p", { key: '8291058a6dd33fd83960d9ab0d5bf5ebab91d64d' }, this.totalPages)), index.h("gb-pagination-button-group-base", { key: 'b6b0bc504e1fda7725afdbf67da6dc6856cd65bb', icon: "trailing", onClick: () => this.onNextButtonClicked() }, index.h("p", { key: '57d40b4974cd7bfaeafab6e5920b0d858c052345' }, "Next"))))), this.type === 'card_button_group_left_aligned' && this.breakpoint === 'desktop' && (index.h(index.Fragment, null, index.h("div", { key: '8f7e7697a011469aacbd03ead1cfb66e0e275975', class: "pagination_button_group" }, index.h("gb-pagination-button-group-base", { key: '0968a71c21594d74b449f8e8230d7230c9904f59', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, index.h("p", { key: '07653d5f97566a5a68aba8cd5bc25eff4350270a' }, "Previous")), index.h("div", { key: '888ba78282b41817b7db77d3af190b5f2b10be27', class: "btn_group" }, index.h("gb-pagination-button-group-base", { key: '2ef5f37059180c2381859a15660e608cfffa0a68', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, index.h("p", { key: 'dc96bd388b6404ff87b424b8b841c1879ff10687' }, "1"))), index.h("gb-pagination-button-group-base", { key: 'f0de9bf0d717533354278fcca0200ad63ace1992', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, index.h("p", { key: '64d660dce25ebdf3329a08a540777d59ad14e57d' }, "2")), index.h("gb-pagination-button-group-base", { key: 'cfe9b35e5c1c65eebe3a9318d09ffd4f0d373125', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, index.h("p", { key: '05cea609b604a52f7b435330cdeac88c0382dfe5' }, "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: 'a62c180cbac9523185263cae3b6509a5cfd5b2d1', icon: "false" }, index.h("p", { key: '7fa179bd94f5db4392a8786a519a6673cc96117b' }, "...")), 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: '42a87048fbd58026a1805cccd082474667d7171d', icon: "false", state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 2) }, index.h("p", { key: '3101d97de58ff6c6b63ec416303480145219cd87' }, this.totalPages - 2)), index.h("gb-pagination-button-group-base", { key: '6735918b8c20a31280150088351e53e316e7e7d1', icon: "false", state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 1) }, index.h("p", { key: '3b1205e3769992a3f83154721dda5f2f7a0cd1aa' }, this.totalPages - 1)), index.h("gb-pagination-button-group-base", { key: '23f40d1a1e5af8bfbaccadfaba06dcdaaf6b1347', icon: "false", state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages) }, index.h("p", { key: '9f5480fd57636b2fb4486704c710a83d3b155dc1' }, this.totalPages)), index.h("gb-pagination-button-group-base", { key: 'e8bcc70657baee5d4ca8ef18c7f3752926963f46', icon: "trailing", onClick: () => this.onNextButtonClicked() }, index.h("p", { key: '396c9f058b96bc541b619daccbbc8eb2bc65b19f' }, "Next"))), index.h("div", { key: '1aebb7a60023cc0bcf6e103e8d812cfefcee657a', class: "pagination_entries" }, index.h("div", { key: '27ce2a05340f29555a7defdd6294cc13a0dba6f6', class: "entries_text" }, index.h("p", { key: '41ad629fc81c1e4aad12909adf74775596707f7e', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), index.h("div", { key: '695a7751bca627ebcb8717a87d61ec45df7f1c61', class: `entries_dropdown` }, index.h("gb-input-dropdown", { key: '9ee1f91e0c3c0fcfaca90cb1b00e561594d3a643', 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: 'b2585201e4387d8d764dda8512a4e59d428f4e95', class: "pagination_button_group" }, index.h("gb-pagination-button-group-base", { key: 'ee1d7faddd6abfbe74feba99b8fc66d7352c4329', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, index.h("p", { key: 'e6c9d8a3b06c1d7196605eda01a50f651bbdad6b' }, "Previous")), index.h("div", { key: '1baee1fd7f3639622d2e77eb2c6058c7493c9d77', class: "btn_group" }, index.h("gb-pagination-button-group-base", { key: '94eb12e67cad2b5226e0bd5e0ec44648502637dc', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, index.h("p", { key: '2da24bb66963ad8d036cbb34cc156fa0ff62ad78' }, "1"))), index.h("gb-pagination-button-group-base", { key: 'cba3a56979330fe6bc49866680a0bab832f74451', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, index.h("p", { key: '6c21febf38968c6e94bd181adcd49c2ccecdc879' }, "2")), index.h("gb-pagination-button-group-base", { key: '79f2801e61d9dd1cc2771d056e701d6e691869c7', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, index.h("p", { key: '76059fb0d9577e5408e563baa23907b092a4b2a2' }, "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: '94cb7fb872e343da2d1c2ff6654dd643613702cd', icon: "false" }, index.h("p", { key: 'adb33598c91d75c1fbdd6cf389ca7beb6a881104' }, "...")), 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: '60505b3d396f825bb066c8fa734afb4b36b1fc40', icon: "false", state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 2) }, index.h("p", { key: '41bae09ab84c1c1479047f1c1d425639b0ca3ba0' }, this.totalPages - 2)), index.h("gb-pagination-button-group-base", { key: 'a79cc571af05f52bced899a59d4c1bf463807e74', icon: "false", state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 1) }, index.h("p", { key: '0e8238f54927ec41431bb386023aa69be92db866' }, this.totalPages - 1)), index.h("gb-pagination-button-group-base", { key: '6c398dd3ab3a7c5fb5919315e6fbdabf97c318ae', icon: "false", state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages) }, index.h("p", { key: 'dc294d4bcebadaa1e17affea46a50e7716369ae5' }, this.totalPages)), index.h("gb-pagination-button-group-base", { key: '58323818a7b84022f51d8b348db1c7b300f54a10', icon: "trailing", onClick: () => this.onNextButtonClicked() }, index.h("p", { key: 'c1ec3a6429cd4637fabfe7b46d4cec98af13f9bc' }, "Next"))))), this.type === 'page_default' && this.breakpoint === 'mobile' && (index.h(index.Fragment, null, index.h("gb-button", { key: '3d975e59e5be32b3814697bf7c59c42da32740ea', 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: '708bf41551b03f4684ef17d4dc64bf56e58c63af', class: "page_number_text" }, index.h("p", { key: '9126736bf56963a496cb5bf071d3d2a1b979c84a', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), index.h("gb-button", { key: '8e8b947aff4551f8461910501afcc85b46bcb1b7', 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: 'e08818c675b85ae9db06f1912f73650a4cfd4a88', 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: '68c9c887fb9cfabc6ac1d383b7aff850a4fe4e2e', class: "page_number_text" }, index.h("p", { key: '177e17c8187168524caa98626ba04ed3bae9b666', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), index.h("gb-button", { key: 'e8698be1989fed1a81eda79222e8da006648c025', 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: '9ac50bcd0abf5bc576a300ec1da12b900cbc1d2f', 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: '66b4eea152619105fcf6a1d4aae361861fe5d1b0', class: "page_number_text" }, index.h("p", { key: '73a15d4699b369df4a34f66aecba57f4d5fb8c3b', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), index.h("gb-button", { key: 'a199d0cefa3c5bf3e7f96e40174690f11b872837', 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: '0f14967058a26e0e0e3e5b5e2869269861011ad8', 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: '1f8f95f4cbd79be1b079c4f6d9c6f8d10e5dccdc', class: "page_number_text" }, index.h("p", { key: '094290f0b876a7a89c4721e4b63c051aeaacbffa', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), index.h("gb-button", { key: '0ed37c8efe61117b27b6022609a55268c6ace398', 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: 'ea73b58584a21c08c042279802f13ce5ac5da906', 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: '287923613e1e98cc971a1735c61abf80927fa8ff', class: "page_number_text" }, index.h("p", { key: 'ab5d7cb0f06cc874c5b11c42d1ab337a45c7f8f3', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), index.h("gb-button", { key: '5baa099ab2e45965eff249afa8abd9b572d3e79f', 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: 'db3ed4a387f59318fbc959c9030070522cdfe6a0', 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: '0b59078158dd5d8365b526e32345e711a364b6ea', class: "page_number_text" }, index.h("p", { key: 'bb0f84ce2708d7a925fa29498a16fde8b898ae8b', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), index.h("gb-button", { key: '00f092d785cfaafed2757f4200f509de6b6acb4f', 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: 'a40abc9ec411d7e5778d6315df9f5a766cf98094', class: "pagination_button_group" }, index.h("gb-pagination-button-group-base", { key: 'bf951da2274424c36d5e501b1e2462a6f44832e7', icon: "only", "icon-src": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), index.h("div", { key: '0938eb7ec7b6a12c913d1cfb2728948ec36c9078', class: "btn_group" }, index.h("gb-pagination-button-group-base", { key: '610fd81a7b0fc563e7d3fa37dd4e643780cf92fb', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, index.h("p", { key: '69ee43a2799dc568fda24a73f980becaafee2b34' }, "1"))), index.h("gb-pagination-button-group-base", { key: '97c07e34f4bbd41a4afb6494b21fe5280aa27ee4', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, index.h("p", { key: '882f9c182a274b3e34726259ada900752c499252' }, "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: '953c2c1145f21586f92440948c14401d5dec8d63', icon: "false" }, index.h("p", { key: 'dfe66ab6567e291ac9c891953e6ef8d910aba5db' }, "...")), 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: '3dbdfeefe0178375e2bebc2d747011b6b6efd0ea', icon: "false", state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 1) }, index.h("p", { key: '487e22a8c2ad314ec1e8960e469e0ac4010b2d25' }, this.totalPages - 1)), index.h("gb-pagination-button-group-base", { key: '810ff3ce3a7b666641cd4828bfe031f16f366807', icon: "false", state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages) }, index.h("p", { key: '6039c347a84eddf5c60f94085713e0799a82c84e' }, this.totalPages)), index.h("gb-pagination-button-group-base", { key: '605a62901e05c950c75713dbe7fc0bae3076ecb3', 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: '77fdec946719097f968c349082e43e1c0a9b66df', class: "pagination_button_group" }, index.h("gb-pagination-button-group-base", { key: '6d50a900ea8c429afd0bb58f7cccf55c1ceb1ee3', icon: "only", "icon-src": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), index.h("div", { key: '051fbc443d15e2963b7db4f2511c960dbfb5e7ba', class: "btn_group" }, index.h("gb-pagination-button-group-base", { key: '50d1c3a1f0dedcaa8c8d6a416ff55e26170a5ac3', icon: "false", state: "active" }, index.h("p", { key: '5c04a903815d2f4fdf6823c91ad1f79c8a164f67' }, "1"))), index.h("gb-pagination-button-group-base", { key: 'a0b752c69cacc6fc5e40d14c2807818caee8f6f5', icon: "false" }, index.h("p", { key: '5a8b0dabbf28baaa2618602dd02fb874ab3b4c8b' }, "2")), index.h("gb-pagination-button-group-base", { key: '83587e03842a667870cd016fd2e5606bdf456fdd', icon: "false" }, index.h("p", { key: '8e77799844d95fa3f8f222615397fb49baa63c2f' }, "...")), index.h("gb-pagination-button-group-base", { key: 'df8a31c294984263824526547869db9903bf577c', icon: "false" }, index.h("p", { key: '7aaf958ee25686312fd703e7e3142a923687d247' }, "9")), index.h("gb-pagination-button-group-base", { key: '1c902ac34afb6b1a654b27c4e2a15a05f5d6721d', icon: "false" }, index.h("p", { key: '6004804b266d97473eb33630c4c73ea57bc8b785' }, "10")), index.h("gb-pagination-button-group-base", { key: '796cfb50fd7e88e2bdae78aca5395a05e11c968e', 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: 'a3d2befeaf368e24dc50c41a11fbc5ccc4bd12a9', class: "pagination_button_group" }, index.h("gb-pagination-button-group-base", { key: '3c2b77d769568721b30b603abc34291445668149', icon: "only", "icon-src": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), index.h("div", { key: '8e0e1f791b1d5d21d4fcccca64c94084971623fc', class: "btn_group" }, index.h("gb-pagination-button-group-base", { key: '5233486f8910b5165834a7a1eede8d3db963df3b', icon: "false", state: "active" }, index.h("p", { key: '7898bd061ec187fb61c1d18c8bdde20ee0ffe534' }, "1"))), index.h("gb-pagination-button-group-base", { key: '772b01ba483fad8a81775562ab3e7513e88ca5bf', icon: "false" }, index.h("p", { key: 'd7f401699ebf3c88333f67afef77eabb01e47cc7' }, "2")), index.h("gb-pagination-button-group-base", { key: 'a1220f8c07061da5bdb99a06e77cadf0fbd245e8', icon: "false" }, index.h("p", { key: '9f89632281d300efccda61f9f9ac40e83ae02383' }, "...")), index.h("gb-pagination-button-group-base", { key: 'cb2f6d623f18ffcfd2c3e17401ff687d1bbf664a', icon: "false" }, index.h("p", { key: 'ebc99b854b364a4a84ece2bcfa06cf67c7d1e376' }, "9")), index.h("gb-pagination-button-group-base", { key: '3425b11f3a24827caa271ade33b75ecbcf902e8e', icon: "false" }, index.h("p", { key: '7f492a125e10cb858e24fc5b841024a36f05a75c' }, "10")), index.h("gb-pagination-button-group-base", { key: '2d35f62b68462621904f0eaa5d3c62d2e4c3c763', icon: "only", "icon-src": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() })))));
+        return (index.h("div", { key: '4ce27a90772b352e0daa3a10a4205575bc990b01', class: `pagination_div ${this.type} ${this.breakpoint}` }, this.type === 'page_default' && this.breakpoint === 'desktop' && (index.h(index.Fragment, null, index.h("gb-button", { key: 'afe729ec2aa3d90e38498164176568cb9a084ba2', size: "sm", hierarchy: "tertiary_gray", icon: "default", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg" }, index.h("p", { key: 'ec1f40ad01e4a8a6f4d94eb5fd630623a77f9723' }, "Previous")), index.h("div", { key: '55b8cfe0a964bb41eeabf122aa0ed41ed0ffc083', class: "pagination_numbers" }, index.h("gb-pagination-number-base", { key: 'febdd03dab0d252117dba958d0c12797cb3f1ff8', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, index.h("p", { key: 'a57dfd439b34d6a1f9102b8fc7ea4ee6f0052a26', slot: "page_number" }, "1")), index.h("gb-pagination-number-base", { key: '56c491126a8b63ecacb335446f0ecd1d4e590a19', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, index.h("p", { key: '82fc75b46b44af189189d35995f1d4097c32e256', slot: "page_number" }, "2")), index.h("gb-pagination-number-base", { key: 'ebc9f46e89bb68d335853eed1508e8592221a19e', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, index.h("p", { key: '8c6fc47879c0d4f9c859bf7381a960abc263a396', 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: '9dcbc5dccc64667d7b68ada32292d100a499ee21', shape: this.shape }, index.h("p", { key: 'fc5f6c23edc8bb63569cb866be7e0a0bba769833', 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: 'c627bc84b094ecf0c81abaa7539377c707c28745', shape: this.shape, state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 2) }, index.h("p", { key: 'a6c50857136b26f0072bedeb89d15910109234b4', slot: "page_number" }, this.totalPages - 2)), index.h("gb-pagination-number-base", { key: 'e2667f42a3d0b4332d62ee279a105528eee3950f', shape: this.shape, state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 1) }, index.h("p", { key: 'eebdc8ad7ec81465260b1eaddfe00c9f75fc1cf3', slot: "page_number" }, this.totalPages - 1)), index.h("gb-pagination-number-base", { key: '489d1844356a9a316ebb7bb80f069dc1ac456277', shape: this.shape, state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages) }, index.h("p", { key: 'd1c0d76822de17acf9d1bf3af0a27cda313926c1', slot: "page_number" }, this.totalPages))), index.h("gb-button", { key: 'b8c11294a8738b0f64baffd011ac00e51c96651c', size: "sm", hierarchy: "tertiary_gray", icon: "default", state: "default", "icon-trailing": true, "icon-trailing-swap": "assets/arrow-right-02.svg" }, index.h("p", { key: '71a57c9247e62a5461cf48b8e5ef2512f23f2814' }, "Next")))), this.type === 'page_minimal_center_aligned' && this.breakpoint === 'desktop' && (index.h(index.Fragment, null, index.h("gb-button", { key: '34bf3e9c86806fceaf0861a0d1f5a96521179dc1', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg" }, index.h("p", { key: 'db47b9572765a64833036e205aa57f490eb7b79b' }, "Previous")), index.h("div", { key: 'a2d4b5ff7c41ecf4f7e46a68bb79495ece319398', class: "pagination_numbers" }, index.h("gb-pagination-number-base", { key: '573164303458d2302f1dd8e2634ac99d581f2aff', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, index.h("p", { key: 'c452ad8e8ebafa65b9083ec1f4d8fcdb4a769628', slot: "page_number" }, "1")), index.h("gb-pagination-number-base", { key: '5fa032b1894013195a956880cfe97c378076297f', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, index.h("p", { key: '1138c2ae35f1d4eff12d10d28d40249dab8a45fa', slot: "page_number" }, "2")), index.h("gb-pagination-number-base", { key: 'f34d1e8d793ce2de7b1edaf0fc10ef2e685cdd47', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, index.h("p", { key: 'f5a4bfa796c22ee0d55abff9c4a3bb7887e82c22', 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: '6976376de4f9ef023d2ce6334b70018e4732a1bf', shape: this.shape }, index.h("p", { key: '0c881e64463d8130fa67eeb28a5bebf13b2324da', 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: 'dd7cc3ed3c9a2dc7618b31b02a4820b8d41b1696', shape: this.shape, state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 2) }, index.h("p", { key: '91df87aa87d5b7d46439b49d47516193a8a98817', slot: "page_number" }, this.totalPages - 2)), index.h("gb-pagination-number-base", { key: '63e75daf1242e38111e1ed9a69d2c64fa137520f', shape: this.shape, state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 1) }, index.h("p", { key: 'f0b52965546fe2612c01e74464d5502f2bc662c3', slot: "page_number" }, this.totalPages - 1)), index.h("gb-pagination-number-base", { key: '31c1eb8149554b89d783763a1f076c604fd396af', shape: this.shape, state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages) }, index.h("p", { key: 'a61e51a5900aac56da24bd00cc8d4791e5547cde', slot: "page_number" }, this.totalPages))), index.h("gb-button", { key: '52bc2274f4f243997a833eb24514c651ff079250', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", "icon-trailing": true, "icon-trailing-swap": "assets/arrow-right-02.svg" }, index.h("p", { key: 'd005472bfa3bffcd4ee1b5ef9efc298bf61cb1fc' }, "Next")))), this.type === 'card_default' && this.breakpoint === 'desktop' && (index.h(index.Fragment, null, index.h("div", { key: '7dc976c54687b3bf655a12371b89554dfae965b1', class: "pagination_entries" }, index.h("div", { key: 'b2016aac641b98ae1c327a9142a9e8c28112b786', class: "entries_text" }, index.h("p", { key: '0ec1b03e2c84ce1615996c0e9ad634ccfd0318b8', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), index.h("div", { key: '3e5e5807367066a478f0bd428091695ca481ab69', class: `entries_dropdown` }, index.h("gb-input-dropdown", { key: '12636e6cb8975ce693f7a880c2cab161e756ffef', 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: '5612984800fe1b6322e1d4f1816714b8e8da2f48', class: "pagination_numbers" }, index.h("gb-pagination-number-base", { key: 'c14b8b91b44df4a5ada15e05d0721ac90cc1ed5d', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, index.h("p", { key: '0e21e1e428db1a3a4f8d10733fdb80aefa5cebe5', slot: "page_number" }, "1")), index.h("gb-pagination-number-base", { key: '4f9e4fbdecfabc6e7d44b53b7bc3ba022947a230', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, index.h("p", { key: '99982f7751c077a90c74b4a3598cb8a41183e373', slot: "page_number" }, "2")), index.h("gb-pagination-number-base", { key: '2fb4d6aa00bdb9360bf1c6fc9150d10a0b9b0f4d', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, index.h("p", { key: '406f1970d0dccc6e8289165a91175612937ad296', 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: 'd148bdcf41b83deb13e0703b4cff8867a1e4cc6c', shape: this.shape, state: "default" }, index.h("p", { key: '2d9cf00f55df38b765697da2928e551e89c09c4a', 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: '800b97f899d7a599d09e76d848edeeaac6977108', shape: this.shape, state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 2) }, index.h("p", { key: '5988dbc5fd03bc7016c6178df0c74d9448dfa591', slot: "page_number" }, this.totalPages - 2)), index.h("gb-pagination-number-base", { key: '55ae788f838063a341ebc52112f01d1cffcfa572', shape: this.shape, state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 1) }, index.h("p", { key: 'e884172d4279c6cb5475fed8544945f1f92ad214', slot: "page_number" }, this.totalPages - 1)), index.h("gb-pagination-number-base", { key: 'a9a192dd8393794efa6464f4e44a8e84dee8bc82', shape: this.shape, state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages) }, index.h("p", { key: '1d2e481d053102e6c44b2060b1996d90cda0e201', slot: "page_number" }, this.totalPages))), index.h("div", { key: '3408159afa7ae7e9dad964d7e9c252a0f9ce3e4f', class: "pagination_btns" }, index.h("gb-button", { key: '570e21318836b2eddd31d7486207c7519c0f9ca5', 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: '94b3a28532c8ab6724329ebdf39b56058f5e361d', 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: 'ba27f7ae27d9e39962056847a4cfadbba6b561a8', class: "pagination_entries" }, index.h("div", { key: '7cc87e74f11ac47d177ea1f937f5f77f5abb0b96', class: "entries_text" }, index.h("p", { key: 'f415ab5a9459cbfb7727ff9b9b6b28992fc0ae2d', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), index.h("div", { key: 'a681cca0f8a7f49eb52434c98f573f48c4f9d4c4', class: `entries_dropdown` }, index.h("gb-input-dropdown", { key: 'a7757f087c884bdedbe8c0ec8d4edd18fa5f57ff', 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: '9a466e23785b8f9b08cbd94f74272eb98e1b391c', class: "page_number_text" }, index.h("p", { key: 'b03f8b6eea48a147d4b1335cd67054d00655d174', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), index.h("div", { key: '79a070a912c3bbb804edbfbfa114abb609a21063', class: "pagination_btns" }, index.h("gb-button", { key: '3eb52a67ec41eb9ce4cc928b429a40266da2bc34', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, index.h("p", { key: '8d794aa4a5858cba814e69b517d85f5523782d7c' }, "Previous")), index.h("gb-button", { key: '8644741787db84bcf154f6acac0c56484d4c6e87', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, index.h("p", { key: 'e9d8b780035dbb38513b54f843a59946266e96d7' }, "Next"))))), this.type === 'card_minimal_left_aligned' && this.breakpoint === 'desktop' && (index.h(index.Fragment, null, index.h("div", { key: '80bee50d4b130dce197b7f946661b56f5efcf61f', class: "pagination_btns" }, index.h("gb-button", { key: 'de5b6ac9c9cce091b93f82c3e458a2894db2e4a7', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, index.h("p", { key: '206dd1e4c81236bf90e0731fe58ba02d107f866b' }, "Previous")), index.h("gb-button", { key: 'e95a4eef3e3565723aaa9d362d944912888328cc', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, index.h("p", { key: '9f8deb1f5e20eb22c03f09bccea9142775fc12e4' }, "Next"))), index.h("div", { key: '06bfd02bb4292220d9ee9aa4debdcc9d67858ffc', class: "page_number_text" }, index.h("p", { key: '97f8c7db956d23012e26a76431beb0bb2ca34ba9', class: "text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), index.h("div", { key: 'e9ed5e254de41dce5c2a14e9af1d94600a5b59de', class: "pagination_entries" }, index.h("div", { key: '4d5d782c082039b157a2406c7e90bfe4fc9641c6', class: "entries_text" }, index.h("p", { key: 'a7a96758459d7ea020130524eda88293725e605e', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), index.h("div", { key: 'f99327b7e047d0af2a000b02ee436c0ea008e947', class: `entries_dropdown` }, index.h("gb-input-dropdown", { key: 'db3618edd0004c5def40dcba689917360a30b2e3', 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: '2c3ecd95a3c2b7f1facaa13c7df4edc90a7d1157', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, index.h("p", { key: '0aa2d92736adccd3a8e62a79163d0eb73e924ac8' }, "Previous")), index.h("div", { key: 'ca909c7859ba6346d868004b5fcd9f9d10f85d82', class: "page_number_text" }, index.h("p", { key: '82f1d501547cb5e8ad27773dc215a5a30b15497b', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), index.h("gb-button", { key: '30795097761b36cb83ec2a6003b95b1eba402736', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, index.h("p", { key: '4dd5688de740097529a7cdd62c92923a55e98ea5' }, "Next")))), this.type === 'card_button_group_right_aligned' && this.breakpoint === 'desktop' && (index.h(index.Fragment, null, index.h("div", { key: 'ca0d62a07548dadd79cfaaadd48c0170a4de277f', class: "pagination_entries" }, index.h("div", { key: 'f5a63a1b3de03123d6e705c45ac5738874f37c21', class: "entries_text" }, index.h("p", { key: 'f244a82cb6822b3efc40c58a4cfd1c73b13a6635', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), index.h("div", { key: '8dcc9f3eb5926e155a6ff140ed7ebc3a808b05f1', class: `entries_dropdown` }, index.h("gb-input-dropdown", { key: 'e4414f7f333adead39d46ff47ad3ace0d629cbfb', 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: 'cda3f9ff58cba12723a592dc7759c38f76948d54', class: "pagination_button_group" }, index.h("gb-pagination-button-group-base", { key: 'd19d3a6cc7c1f74fa2230b7259e1aec284a3a4c4', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, index.h("p", { key: '3ced04bb3ecf042cdd671a839c4eaf73bb744f48' }, "Previous")), index.h("div", { key: 'efa8b6e4c5ab1308364125f736d05845e6af2bc5', class: "btn_group" }, index.h("gb-pagination-button-group-base", { key: '81e88684bdef00ecb483779393723d47bcf6c5d5', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, index.h("p", { key: '139cd1ef867cfcc9975ac92bd91d00a05862274a' }, "1"))), index.h("gb-pagination-button-group-base", { key: '74403879a4122b95832a809399e134118a25fb1c', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, index.h("p", { key: '76c9ba29e1427b27478c4cc0a84a8d9195b0ff5a' }, "2")), index.h("gb-pagination-button-group-base", { key: '6de7c231eca4518ecb710861a349a09578e12480', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, index.h("p", { key: 'afae2cff66f26a03c004288a78b2b5d5dd47637e' }, "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: '16b36062afb28f174882b1673c1b46b67287a06d', icon: "false" }, index.h("p", { key: '255c3129ad3c156a02bb6cb5f89c96801d4c529a' }, "...")), 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: '366b43af59096a42da5c2f7a1c999d7a7939063f', icon: "false", state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 2) }, index.h("p", { key: '420c29888a001eb0f3664a409ba4ace63245acca' }, this.totalPages - 2)), index.h("gb-pagination-button-group-base", { key: '82d8c2b56d43659e808f3fd4427e375a2acc521f', icon: "false", state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 1) }, index.h("p", { key: '2d89fe3a3cbd26fa1053a8df423be34dd706da18' }, this.totalPages - 1)), index.h("gb-pagination-button-group-base", { key: 'e9bd11c369fe2ed3b8a28fccda5d8fd171c70de4', icon: "false", state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages) }, index.h("p", { key: '5f866800018cf2ea54d9925d7d85a7a533828ba2' }, this.totalPages)), index.h("gb-pagination-button-group-base", { key: '694df2675aae343ce9ebd2bb944ad7ecafb64f77', icon: "trailing", onClick: () => this.onNextButtonClicked() }, index.h("p", { key: '6d5b68345f2af8f4a35ca071d0cd21d17e59055b' }, "Next"))))), this.type === 'card_button_group_left_aligned' && this.breakpoint === 'desktop' && (index.h(index.Fragment, null, index.h("div", { key: '03a392de3765dae69393948febf44663ee5ff404', class: "pagination_button_group" }, index.h("gb-pagination-button-group-base", { key: '8300278b3af0b4566261ce6f346c5a9d11a5d067', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, index.h("p", { key: 'bda2af57365a0a152afcf209023d40e2cf6def70' }, "Previous")), index.h("div", { key: '3ac20904fd4c016cb5bcbb5499dead8117fb5d7e', class: "btn_group" }, index.h("gb-pagination-button-group-base", { key: '35150970975cb5284b208e1cb0edde715318b070', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, index.h("p", { key: '8b7dd0adf0feae074c80f114bab6daa1ce567000' }, "1"))), index.h("gb-pagination-button-group-base", { key: '6cd7e3230e08fe734cbd85e0f3a26af9489fdf77', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, index.h("p", { key: '8fbe2ec9ce0f3ef80e7aa22a8ec60f81f7f8d189' }, "2")), index.h("gb-pagination-button-group-base", { key: '258159e78b27368c4387c195619ad85aa3589969', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, index.h("p", { key: '2530f02e3be03724244d9d900dca9c2d61df0d5b' }, "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: '50170a83468ac7ec49520c35d4c5c58790cc4651', icon: "false" }, index.h("p", { key: '4482ee249651f43c255d7554b029fe38515cdd60' }, "...")), 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: '53776c9ddd646cfe06982363c6ee3c8ef03cc490', icon: "false", state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 2) }, index.h("p", { key: '4e39e2558c93230cb74590e4bc8066c5ed60903f' }, this.totalPages - 2)), index.h("gb-pagination-button-group-base", { key: 'a4775bda3abfa842408db21e94b03c445567f7e5', icon: "false", state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 1) }, index.h("p", { key: '77207bb70214c5635a54b5372acb0bf6060debe0' }, this.totalPages - 1)), index.h("gb-pagination-button-group-base", { key: '9568f157b4043eb29a3e4f66832e8ec3c7e2ff91', icon: "false", state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages) }, index.h("p", { key: '5d53e7cb1ba353624b5594acf129537e26dc4f5b' }, this.totalPages)), index.h("gb-pagination-button-group-base", { key: '0ce4ae9f3aab055b06aab45e15f21f6083fa9205', icon: "trailing", onClick: () => this.onNextButtonClicked() }, index.h("p", { key: '01f3330f5736ab4bd2c1f49f1dc2b76c270f52d2' }, "Next"))), index.h("div", { key: '3f084aa538ba493ac9211dbc0b3fd210a9865c00', class: "pagination_entries" }, index.h("div", { key: '14ad9903cac7bc986b40de83ad008d7788fe1f2f', class: "entries_text" }, index.h("p", { key: '95af3dc318c009d086f73928309e2026b8486abd', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), index.h("div", { key: '6656779d456efe27eb0ab279f4e25de7ada37461', class: `entries_dropdown` }, index.h("gb-input-dropdown", { key: 'ef0884d9b319c55c8c3e240ffcd9668cd1193e3f', 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: 'eb93f6d987fbd9140caea352b4dbf1af114912c6', class: "pagination_button_group" }, index.h("gb-pagination-button-group-base", { key: '647d10e10dacd2a1cc1e7519480035a9a646ed58', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, index.h("p", { key: 'b9054566d07b49a83a762b79d0a5185253a82a8b' }, "Previous")), index.h("div", { key: 'ed4dca6b707674af8e882623e1630e4d20305b05', class: "btn_group" }, index.h("gb-pagination-button-group-base", { key: 'b722d384eecd4755b038a7ce732e3bc6c49feb83', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, index.h("p", { key: 'c08533b2227697edc006d06f105454bcecfffdbe' }, "1"))), index.h("gb-pagination-button-group-base", { key: 'd3b8ccdff0bb657e941a368d1e5f592aec237453', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, index.h("p", { key: 'e8184a925b3728c194752e95a5f22dd31607fc91' }, "2")), index.h("gb-pagination-button-group-base", { key: '8857b5e53651dc4aad3f870a9340e6a1cb195d8a', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, index.h("p", { key: 'd8dc6082d9680a7f1c306e787d057e4ef180e6f2' }, "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: 'b804c59a4457b3e5d44c3d21d2fc42fcb6d03406', icon: "false" }, index.h("p", { key: 'c4bd36b7bfd5648d7b08dec56e073220d2f40082' }, "...")), 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: '529bb27891cdb5e99a8d0776ef704bfe13bed291', icon: "false", state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 2) }, index.h("p", { key: '4f302093c75121fcf13b68a0d23448cff775deda' }, this.totalPages - 2)), index.h("gb-pagination-button-group-base", { key: '8d8a6065ccaf5435348b73a99eb3382857cbafdc', icon: "false", state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 1) }, index.h("p", { key: '38dde756a2a8056704f115335b6f1083057dbdd4' }, this.totalPages - 1)), index.h("gb-pagination-button-group-base", { key: 'ab6593ff289de003d3f41b1bfb8e45a496be2477', icon: "false", state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages) }, index.h("p", { key: '334efd3e1a39d9bea60bb2b81844087392d54f5f' }, this.totalPages)), index.h("gb-pagination-button-group-base", { key: '47212ea850be6281431c12d1bbeaf4479d7e0328', icon: "trailing", onClick: () => this.onNextButtonClicked() }, index.h("p", { key: '3a354928c52f3af1b2f6afacb75056f748b87933' }, "Next"))))), this.type === 'page_default' && this.breakpoint === 'mobile' && (index.h(index.Fragment, null, index.h("gb-button", { key: '4a742001544e4714a73b2af13a5ae69b6bf46bbd', 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: '0ccc780f3ff324238ea02d3974d6f62b9ed3608b', class: "page_number_text" }, index.h("p", { key: '913930a5f11f5dd402b665d409957d367a3ba976', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), index.h("gb-button", { key: 'ae4604b120babd0bbcbb2e7bdc6fcdd1585f6cc8', 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: '793a363adadf693d5fb3e2f0d37b7c6ae96e760d', 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: '4369d5ec720de84d4e5a91ac414daff323dc2a1e', class: "page_number_text" }, index.h("p", { key: '74926c360b5cfc56f8976f0c2c7dcf2887af4483', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), index.h("gb-button", { key: '402d948a6f86e728525226f3564de526d7866d56', 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: '3900e3f3c4244dd15057e296b6ebb35b4b55f705', 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: '08776c9deaf3a8fb20832179f1495c5c846dc40e', class: "page_number_text" }, index.h("p", { key: 'ff6c6cc2123e682f91561a62aac2ff9ee32a3d17', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), index.h("gb-button", { key: '7d134a1d75cc677d40699f3e1fb1b21faac63f56', 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: '0137ccfcbf2ffb2c867e7f99921fea37567ae6df', 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: 'ddb4c1f13e674c785c842f0a532a7915dc5b8827', class: "page_number_text" }, index.h("p", { key: '8826f9da95befa89440e847b2307fc84b0b67b05', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), index.h("gb-button", { key: 'a3857bd3358bc06a253feaa64974eddde29542f9', 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: '5c90f49af5ac8106bae9a0dcb102fd8988cec86e', 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: '47488ee1074c77f372cb342f13ce46353df5620a', class: "page_number_text" }, index.h("p", { key: '7883c38d1591a01b31fcf724480927d7843b5159', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), index.h("gb-button", { key: 'a6f957b79191ce216a75d7d111cfcee57fdbf383', 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: '85c349402a621a362638569ccdfde9c4cb3f2e4d', 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: 'd972d6a914b7c5c16c43f0bb3e97cffe3c044acc', class: "page_number_text" }, index.h("p", { key: '339c1f8f4dfdefaef375a73242b3578c22892c33', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), index.h("gb-button", { key: '96044886abae628c75d2d83ad2fab1c4fbbce472', 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: '8d1fd6e915b96af159b22a5ae39508356e4c07d8', class: "pagination_button_group" }, index.h("gb-pagination-button-group-base", { key: '9a7c51d1caba5c44781c6dd31036d13993bda73e', icon: "only", "icon-src": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), index.h("div", { key: 'fdc421e1ca6d4f2f02749ca7d10df33c3b99413b', class: "btn_group" }, index.h("gb-pagination-button-group-base", { key: '63d3c253b52f48e51fcb2afed53f263b22f3f37b', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, index.h("p", { key: '3374425b16d0a353be44675b16c850ce1c896d77' }, "1"))), index.h("gb-pagination-button-group-base", { key: 'f212b1d14b872fd4addec2145920f14e87914619', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, index.h("p", { key: 'ea6bdc43aad297a167270243a8d4acf824322de7' }, "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: '55ea41ced8d2304c7722cea0294e58ec23b84d32', icon: "false" }, index.h("p", { key: '44404df8e182b45808848d1c8254af8fc439d019' }, "...")), 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: 'ca0bd12c8eb4697ac97b5ec35400ec863412707b', icon: "false", state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 1) }, index.h("p", { key: 'a7d7b24d2c16ff32cfcde766041098dbec877c8e' }, this.totalPages - 1)), index.h("gb-pagination-button-group-base", { key: 'f7689b9d5db952886fe0bf86b879581b302e331b', icon: "false", state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages) }, index.h("p", { key: 'fc87e802d75871a62f643f9d2572d2a3d021b493' }, this.totalPages)), index.h("gb-pagination-button-group-base", { key: 'a7f4f6143dd9491f23a824f190dad183c051beda', 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: '3988840287caaaa3ff2987da025faf2d25544c9d', class: "pagination_button_group" }, index.h("gb-pagination-button-group-base", { key: '79e2696b95ce81f6f628d082e1fda10c88bcee24', icon: "only", "icon-src": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), index.h("div", { key: '1bdc8c2bf93c00905d4dc2002e8453de8cbb68a7', class: "btn_group" }, index.h("gb-pagination-button-group-base", { key: 'f7215305a55df0f2ab32b4e07210e9eca1caefba', icon: "false", state: "active" }, index.h("p", { key: '184e36844928f6046f398580a7eaabf10088d17c' }, "1"))), index.h("gb-pagination-button-group-base", { key: 'e4ab9d28efd3d0873face37bde815abc2f501fab', icon: "false" }, index.h("p", { key: '7af67f8c4d12b75ef95057b0789d537fb1ffdf8c' }, "2")), index.h("gb-pagination-button-group-base", { key: '2a18624d39dd05e7aca634f8c415ac1d3d19f6b0', icon: "false" }, index.h("p", { key: '5c883a1ee66a21b8c24ec701dbc316aad2250868' }, "...")), index.h("gb-pagination-button-group-base", { key: '47ab04773bd3a96ca8a4dca09ec1f4554334cebe', icon: "false" }, index.h("p", { key: '1de768879c239dd3805e2739dfc9a8f896e67f14' }, "9")), index.h("gb-pagination-button-group-base", { key: 'c631d218391a6a6d4b682e769b47b0c360e2967c', icon: "false" }, index.h("p", { key: '433632b2b5caaa4702fdde8ac85287b9a1cb0d10' }, "10")), index.h("gb-pagination-button-group-base", { key: '28b602c1ad6719727fc33a6ed2408f6d5823318a', 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: '5e2bba8e382868991f64ed8a495310952177e185', class: "pagination_button_group" }, index.h("gb-pagination-button-group-base", { key: 'fb23158ddc776938354a665d0150556eb19da8b1', icon: "only", "icon-src": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), index.h("div", { key: '38448df652e874d752ebf781df3aa52df3f0c3c6', class: "btn_group" }, index.h("gb-pagination-button-group-base", { key: '5ce35fbf7b675519e1c9872351d18570c41ca5d0', icon: "false", state: "active" }, index.h("p", { key: '0702ca0e53cf315d9ff3f5a8358f9857e524a4ff' }, "1"))), index.h("gb-pagination-button-group-base", { key: '92ed15569c05644864d10fe050f8c60eeb38fb49', icon: "false" }, index.h("p", { key: '9ab2c0b9d05762d3ad112727ef4ca93f107ebd75' }, "2")), index.h("gb-pagination-button-group-base", { key: '005f56da2aa0467d21dd850bb703562178c79d62', icon: "false" }, index.h("p", { key: 'e70dd30a1bc075da87293f0722de84f679103431' }, "...")), index.h("gb-pagination-button-group-base", { key: '8a8e284f731e822b496684f0162d1cdfeb371f1b', icon: "false" }, index.h("p", { key: 'd3ad95bb4f6d3755e9aa40e1472b8f1c2271d96e' }, "9")), index.h("gb-pagination-button-group-base", { key: 'af9878b5205a2b0325f3ed421d72a0924399c4c8', icon: "false" }, index.h("p", { key: '764c11dd80375826f116e3f424f8c537d487c724' }, "10")), index.h("gb-pagination-button-group-base", { key: '69c236b368f76fc4a32b9411f810d476e55ad41c', icon: "only", "icon-src": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() })))));
     }
 };
 GbPagination.style = gbPaginationCss;

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

@@ -34,7 +34,7 @@ const GbProgressCircle = class {
         }
     }
     render() {
-        return (index.h("div", { key: 'b947d1f3f011906882321272b0a2743c15b54f83', class: "gauge" }, index.h("div", { key: 'df5388b8a9842bf268d039e604b14302c3b17b6a', class: "arc", ref: el => (this.arcElement = el) }), index.h("div", { key: 'ece3960edb7b21fd91298cfc93d3a0a4c19a6e6f', class: "mask" }), this.label && (index.h("div", { key: '8397021f0932680efa02a09b4f452a642a80be65', class: "label", ref: el => (this.labelElement = el) }, index.h("p", { key: '4160e1d85af126fb04f05b138db039375539678c', class: "display-lg-semi-bold" }, `${this.progress}%`)))));
+        return (index.h("div", { key: 'b9d17603fa155679e85d63662b52fbfe1b4b4aed', class: "gauge" }, index.h("div", { key: 'a16377fe0b1028ec14a94e7b43043a204e583bc6', class: "arc", ref: el => (this.arcElement = el) }), index.h("div", { key: 'acf3c27ed4d433028943a8a8704a422fba5f900f', class: "mask" }), this.label && (index.h("div", { key: '7a784b985748d54fae7c51209f7eac711f63ae48', class: "label", ref: el => (this.labelElement = el) }, index.h("p", { key: '77c1843d484f27712bb0ac13b02ecb623e64e5d4', class: "display-lg-semi-bold" }, `${this.progress}%`)))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {