globuswebcomponents 1.2.5 → 1.2.7

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

@@ -38,13 +38,13 @@ const GbInputDropdownMenuItem = class {
     render() {
         return (
         // <div class="dropdown-container" onClick={() => (this.selected = !this.selected)}>
-        index.h("div", { key: '117e6135888ac893269803c5c6d95ceed7265098', class: "dropdown-container", onClick: () => this.handleClick() }, index.h("div", { key: 'aef8bcb2240941df65c194344f6af8a4608aec8a', class: {
+        index.h("div", { key: '8077fa9940688365abbdba62ea80ebece371ac43', class: "dropdown-container", onClick: () => this.handleClick() }, index.h("div", { key: 'c658a19f9023f3038efe29b8e7d88b9ce5b8773f', class: {
                 'dropdown-item': true,
                 'selected': this.selected,
                 'disabled': this.state === 'disabled',
                 'checkbox': this.type === 'checkbox',
                 [this.type]: true,
-            }, role: "option", "aria-selected": this.selected ? 'true' : 'false', "aria-disabled": this.state === 'disabled' ? 'true' : 'false' }, index.h("div", { key: '25d9c9614307799ed8f0b7bc6016a09266810c6b', class: "content" }, this.type === 'icon_leading' && (index.h("svg", { key: '242fa394e5a215ea7d744cee6fdaf2ac3d381933', id: "icon", xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, index.h("path", { key: '24e770dbc7370749a5dd2d3aa83a9ac9768a3154', 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: '583db8a2c5cabbdf34eb27e01449c6dddf47cc8d', 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: '3b92a16144ad9b7b78b7ef15f5f7fbe417b643af', class: "avatar-icon", size: "xs", color: this.color, text: true }, index.h("slot", { key: '9b20882a8b813394194474e30adad7df21aa71e2', 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: 'c0f650a9afe74a0b79513ba403033a1f42319383', class: "checkbox", size: "md", type: "checkbox", state: this.state, checked: this.selected }), index.h("slot", { key: 'f24b9fe58ee735943fae25b2e5ca58a5a6566176', name: "name" }), this.supportingText && (index.h("span", { key: 'e930b39ee6b32f40d8a98323b5dd672936b53a6d' }, index.h("slot", { key: '7d6955a962b57b86d80577df3b7cb60cdcc18991', name: "supporting_text" })))), this.selected && this.type !== 'checkbox' && (index.h("div", { key: 'c27efca5eeed6cd41fbc296558a1772a5885896e', class: `tick` }, this.state !== 'disabled' ? (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", class: `${this.state}` }, index.h("path", { d: "M4.16669 12.0834C4.16669 12.0834 5.41669 12.0834 7.08335 15C7.08335 15 11.7157 7.36115 15.8334 5.83337", stroke: "#075DB2", "stroke-width": "1.66667", "stroke-linecap": "round", "stroke-linejoin": "round" }))) : (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, index.h("path", { d: "M4.16669 12.0834C4.16669 12.0834 5.41669 12.0834 7.08335 15C7.08335 15 11.7157 7.36115 15.8334 5.83337", stroke: "#CDD5DF", "stroke-width": "1.66667", "stroke-linecap": "round", "stroke-linejoin": "round" }))))))));
+            }, role: "option", "aria-selected": this.selected ? 'true' : 'false', "aria-disabled": this.state === 'disabled' ? 'true' : 'false' }, index.h("div", { key: 'da2e8832132abfa2636bb79eed76db81a380baba', class: "content" }, this.type === 'icon_leading' && (index.h("svg", { key: 'e253a0112aaa69b18d34941c4765f040ebc64126', id: "icon", xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, index.h("path", { key: '46e1b2e534b046c20654807953fb31ce283550a5', d: "M5.48131 12.9013C4.30234 13.6034 1.21114 15.0368 3.09388 16.8305C4.01359 17.7067 5.03791 18.3334 6.32572 18.3334H13.6743C14.9621 18.3334 15.9864 17.7067 16.9061 16.8305C18.7889 15.0368 15.6977 13.6034 14.5187 12.9013C11.754 11.2551 8.24599 11.2551 5.48131 12.9013Z", stroke: "#4B5565", "stroke-width": "1.5" }), index.h("path", { key: 'f247bb38c66f0318b64c6c4eca0add3a96152015', d: "M13.75 5.41669C13.75 7.48776 12.0711 9.16669 10 9.16669C7.92893 9.16669 6.25 7.48776 6.25 5.41669C6.25 3.34562 7.92893 1.66669 10 1.66669C12.0711 1.66669 13.75 3.34562 13.75 5.41669Z", stroke: "#4B5565", "stroke-width": "1.5" }))), this.type === 'avatar_leading' && (index.h("gb-avatar", { key: '3cffb796406b20915f33508ceb6c4f50714e3b3a', class: "avatar-icon", size: "xs", color: this.color, text: true }, index.h("slot", { key: '036244cbd0d35d5c29b5586a3f9e8eed7f2e3c82', name: "initials", slot: "initials" }))), this.type === 'dot_leading' && (index.h(index.Fragment, null, this.state === 'default' ? (index.h("svg", { id: "icon", xmlns: "http://www.w3.org/2000/svg", width: "10px", height: "10px", viewBox: "0 0 10 10", fill: "none" }, index.h("circle", { cx: "5", cy: "5", r: "4", fill: "#17B26A" }))) : (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "10", height: "10", viewBox: "0 0 10 10", fill: "none" }, index.h("circle", { cx: "5", cy: "5", r: "4", fill: "#EEF2F6" }))))), this.type === 'checkbox' && index.h("gb-checkbox", { key: '7bd0edffd49073bc4689aac97c36e0ec2b0d6707', class: "checkbox", size: "md", type: "checkbox", state: this.state, checked: this.selected }), index.h("slot", { key: 'cf83550c67830da68b1f381bda1cad2ee8706a1e', name: "name" }), this.supportingText && (index.h("span", { key: 'ee7cee837d71184bf73978032b3cb837a8ddba50' }, index.h("slot", { key: '0a172a277c8336f2103e1cb324966bcada89a8db', name: "supporting_text" })))), this.selected && this.type !== 'checkbox' && (index.h("div", { key: 'cff58a15ed17dca8cb24b3b9e4a7d78142d7dd2d', class: `tick` }, this.state !== 'disabled' ? (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", class: `${this.state}` }, index.h("path", { d: "M4.16669 12.0834C4.16669 12.0834 5.41669 12.0834 7.08335 15C7.08335 15 11.7157 7.36115 15.8334 5.83337", stroke: "#075DB2", "stroke-width": "1.66667", "stroke-linecap": "round", "stroke-linejoin": "round" }))) : (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, index.h("path", { d: "M4.16669 12.0834C4.16669 12.0834 5.41669 12.0834 7.08335 15C7.08335 15 11.7157 7.36115 15.8334 5.83337", stroke: "#CDD5DF", "stroke-width": "1.66667", "stroke-linecap": "round", "stroke-linejoin": "round" }))))))));
     }
     get el() { return index.getElement(this); }
 };
@@ -85,7 +85,7 @@ const GbTag = class {
     }
     render() {
         const flagSwap = index.getAssetPath(`${this.flagSwap}`);
-        return (index.h("div", { key: '9c51de6b5af7643cab79d9947e5d0f484fd5f624', class: `container ${this.size}` }, index.h("div", { key: 'a572a93010da3771ff96a448d986511f2400506d', class: `content ${this.size}` }, this.checkbox && index.h("gb-tag-checkbox", { key: '492646b0f0f346446aaf471beacdc431011f4268', size: this.size }), this.icon === 'false' && index.h(index.Fragment, null), this.icon === 'country' && (index.h("div", { key: 'e82b3142aec078b17e58a7346cd85e44bda464c3', class: "icon left-icon" }, index.h("img", { key: '586478a8cf45e800c8d173b99057fa6f07eca4c8', src: flagSwap, alt: "Country Icon" }))), this.icon === 'avatar' && (index.h("gb-avatar", { key: '45881837c9a12a6edf61a765fc73c47cde60ca64', class: "avatar-icon", size: "xxs", "status-icon": "false", text: true, color: "gray" }, index.h("slot", { key: 'e2b6fd14e5b16021d6bcf29522c888acdbc56b53', name: "initials", slot: "initials" }))), this.icon === 'dot' && (index.h("svg", { key: '1b396eeaeef298c2281e59b837b31db038bf60b9', xmlns: "http://www.w3.org/2000/svg", width: "8", height: "8", viewBox: "0 0 8 8", fill: "none" }, index.h("circle", { key: '9bd57bb6d1182d8a77ced3fbf8eeb25e90336b36', cx: "4", cy: "4", r: "3", fill: "#17B26A" }))), index.h("div", { key: '3d75817a6bb3e6eceaa5f78b456642edd16b69cf', class: "label" }, index.h("slot", { key: 'f92a4c843be5638b1af8718bdf33a8c0ad4a5a82' })), this.action === 'count' && (index.h("gb-tag-count", { key: '20f8005df3a85b4111dd3824fec5c20423725568', size: this.size }, index.h("slot", { key: 'd56851c478972a2cc3b84a465175084007420c0f', slot: "count", name: "count" })))), this.action === 'X_close' && index.h("gb-tag-close", { key: 'c203cc662994aeb814943a1efbf06de3441fa81f', size: this.size, onClick: () => this.onTagClose() })));
+        return (index.h("div", { key: 'b50d0abdb14ea9832caa6ce0b80b7a300311e049', class: `container ${this.size}` }, index.h("div", { key: '6474a1062801449e81b4a162d1208d4bbb691458', class: `content ${this.size}` }, this.checkbox && index.h("gb-tag-checkbox", { key: '7881a36be67e98dcc6b9e21d1c109ed23db6fb66', size: this.size }), this.icon === 'false' && index.h(index.Fragment, null), this.icon === 'country' && (index.h("div", { key: '7bd99a0a77fe8ecd5ffe411210f3a416451dab3c', class: "icon left-icon" }, index.h("img", { key: '5f195e6588794355b5fa86a7597f50436edaff95', src: flagSwap, alt: "Country Icon" }))), this.icon === 'avatar' && (index.h("gb-avatar", { key: '4e0992e5f539317ee76e8ee73ed4a04b4d6ba7ba', class: "avatar-icon", size: "xxs", "status-icon": "false", text: true, color: "gray" }, index.h("slot", { key: 'edd43175f6bb2451d6f7b584d161cfed2f7d45ed', name: "initials", slot: "initials" }))), this.icon === 'dot' && (index.h("svg", { key: '88be94f00b56fae1064f1ade9f899912efdde708', xmlns: "http://www.w3.org/2000/svg", width: "8", height: "8", viewBox: "0 0 8 8", fill: "none" }, index.h("circle", { key: '786e68877ee6ecc71a06720850de5c4ee2f4ddd5', cx: "4", cy: "4", r: "3", fill: "#17B26A" }))), index.h("div", { key: 'e23fe91a4556acaeeb0ce461097219b9eb03fcb8', class: "label" }, index.h("slot", { key: '730515480325db57d2cfbce173a1be86c24cbbfd' })), this.action === 'count' && (index.h("gb-tag-count", { key: 'ff5e0d66b9f0ba943bb42f1c06b9ce07333cc458', size: this.size }, index.h("slot", { key: 'c50587865b82dd25bb2646e4afcde8356dc3b44d', slot: "count", name: "count" })))), this.action === 'X_close' && index.h("gb-tag-close", { key: 'c7f234bff32d9e998d98749eda3af370fae72992', size: this.size, onClick: () => this.onTagClose() })));
     }
     get el() { return index.getElement(this); }
 };
@@ -102,7 +102,7 @@ const GbTagCheckbox = class {
         this.disabled = false;
     }
     render() {
-        return (index.h("label", { key: 'fb7b76f294092c7feaf28efdbe069d9ee3240ea8', class: `checkbox-container ${this.size} ${this.disabled ? 'disabled' : ''}` }, index.h("input", { key: 'c6d9b5c399d30272b43a940c4c9f0dc3ab0d78dc', type: "checkbox", checked: this.checked, disabled: this.disabled }), index.h("span", { key: '4dce2f083956c3d21578e0e1fa315971865eecc0', class: `custom-checkbox ${this.size}` }, index.h("svg", { key: '9c3721e5d590e436b909ce005534766e8fa9d3d5', class: "checkmark", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 12 12", fill: "none" }, index.h("path", { key: 'd1a7c87ac9c5cce13a9e603149cb2a6de9bd1361', d: "M2.5 7.25C2.5 7.25 3.25 7.25 4.25 9C4.25 9 7.02941 4.41667 9.5 3.5", stroke: "white", "stroke-width": "1.71429", "stroke-linecap": "round", "stroke-linejoin": "round" })))));
+        return (index.h("label", { key: '01e36f30f118f147ec71d4373569bdf58f44f517', class: `checkbox-container ${this.size} ${this.disabled ? 'disabled' : ''}` }, index.h("input", { key: '90250e41ce92cd9ad147c3e0c9ab4cdff9feb68d', type: "checkbox", checked: this.checked, disabled: this.disabled }), index.h("span", { key: '27572dc2378a17b01b05ca94052fa4521cb0a25a', class: `custom-checkbox ${this.size}` }, index.h("svg", { key: '4e833a630ee9f0f119e36c5a9c409507acfd0af0', class: "checkmark", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 12 12", fill: "none" }, index.h("path", { key: '85c3176c04f5b8aab5815e2580b2d2f52745644a', d: "M2.5 7.25C2.5 7.25 3.25 7.25 4.25 9C4.25 9 7.02941 4.41667 9.5 3.5", stroke: "white", "stroke-width": "1.71429", "stroke-linecap": "round", "stroke-linejoin": "round" })))));
     }
 };
 GbTagCheckbox.style = GbTagCheckboxStyle0;
@@ -116,7 +116,7 @@ const GbTagClose = class {
         this.size = undefined;
     }
     render() {
-        return (index.h("div", { key: '2248500c7129bc1e405d16f913b167d6666e9840', class: this.size }, index.h("svg", { key: 'b4381f5fd52658f32e77aab0509a78165ed703a8', xmlns: "http://www.w3.org/2000/svg", width: "10", height: "10", viewBox: "0 0 10 10", fill: "none" }, index.h("path", { key: 'e1041519bd34f3f943cd9357ba025259a4a49300', d: "M7.91683 2.08328L2.0835 7.91662M2.0835 2.08328L7.91683 7.91662", stroke: "#4B5565", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))));
+        return (index.h("div", { key: '82ca2c9f6ae62f00c2f9df3ef72538c5b3a0a140', class: this.size }, index.h("svg", { key: '4ad8580d55ff338d8c929c6d54f10d585b32f5bc', xmlns: "http://www.w3.org/2000/svg", width: "10", height: "10", viewBox: "0 0 10 10", fill: "none" }, index.h("path", { key: '9cc3203722fa3ca9f1f32b6b60e1c8dfd191259f', d: "M7.91683 2.08328L2.0835 7.91662M2.0835 2.08328L7.91683 7.91662", stroke: "#4B5565", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))));
     }
 };
 GbTagClose.style = GbTagCloseStyle0;
@@ -130,7 +130,7 @@ const GbTagCount = class {
         this.size = undefined;
     }
     render() {
-        return (index.h("div", { key: '411b8a88ada39b643062084b232fd93d162bc16d', class: this.size }, index.h("slot", { key: 'ceef80fa4fcfce7a91e98d1e7c7c758b16e25af7', name: "count" })));
+        return (index.h("div", { key: '5f53baaa902d397a303d34e4a9730f30365dc9d2', class: this.size }, index.h("slot", { key: '18bec298466290e6e688dd932f24fc26d1592657', name: "count" })));
     }
 };
 GbTagCount.style = GbTagCountStyle0;

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

@@ -311,16 +311,16 @@ const GbInputDropdown = class {
         const emptyStateBackground = index.getAssetPath('assets/empty-state-background.svg');
         const illustration = index.getAssetPath('assets/empty-state-no-data.svg');
         return [
-            index.h("div", { key: '620ead294f6b2b1e2b7a2eaef284b5b1a3197146', class: `input_dropdown_container ${this.type === 'tags' ? 'tag' : ''}` }, index.h("div", { key: '50ea8b9bb980937d611ddbc17253754e10df2659', class: `input_with_label` }, this.showLabel && (index.h("p", { key: '2e606907558952c481266e20535cac78c2bdfe0f', class: "text-sm-regular", style: { color: '#4B5565' } }, this.label.charAt(0).toUpperCase() + this.label.slice(1).toLowerCase())), index.h("div", { key: '580efd26d2745bba6bb426d73ae60f91c8933fdc', 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: 'f74274f518e0f73e25781108cc9eda45184fd388', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, index.h("path", { key: '68ce1fac182b261d7184d0953eecbd8092264efe', 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: '7f909550f478c0dea55fedf9f2291e9886b053af', 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: 'e16da227ef84d50687e42c26aa2ff4e29336d936', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, index.h("path", { key: 'c2da36ecd53092e6669f99d3aef1b1d6b0876bd2', 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: '9404fa81298f9f91e5699046309a197e028aa1a8', 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: '94f68a2209749022f883c9aa5b08d40a816d7414', 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: '7cd163851fde0719bcd04722a96e482e1524ffea', 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: '1174161659bdd4808a218a87c4c3eaff6062609f', 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: 'bb69107e60620f766c1cf2f6703180965ca41ca0', class: "placeholder" }, index.h("p", { key: '9ea4f93e0c1c99ea3555c24635516e7d9d7a6b89', class: "text-md-regular", style: { color: '#CDD5DF' } }, this.placeholder))))), this.state === 'filled' && (index.h(index.Fragment, null, index.h("div", { key: '2ad85f5208fededa22d66354fabaceb5e662d02a', class: `content` }, index.h("div", { key: 'a077a5ec687dd4febdddbe5cc2c176b24f849e1f', class: `text text-md-regular ${this.type === 'tags' ? 'tag' : ''}`, style: { color: '#4B5565' } }, this.type === 'tags' ? (index.h(index.Fragment, null, this.value.length === 0 ? (index.h(index.Fragment, null, this.selectedItems.map((item, index$1) => typeof item === 'object' ? (index.h("div", { class: "added_tag", key: index$1 }, index.h("gb-tag", { size: "sm", icon: this.icon ? this.icon : 'avatar', action: "X_close", onClick: () => this.handleTagRemove(item) }, index.h("p", { class: "text-xs-medium" }, item.name.split(' ')[0]), index.h("h1", { slot: "initials", class: "text-xxs-semi-bold" }, item.name
+            index.h("div", { key: '9e02d27e21090e5fc95f24a8a489d3462a5c17fb', class: `input_dropdown_container ${this.type === 'tags' ? 'tag' : ''}` }, index.h("div", { key: '27c974d7fa6deacd4290f3e18167c2fb16ddf7ba', class: `input_with_label` }, this.showLabel && (index.h("p", { key: 'c1bbd4dca4401b18d4d1a0c26e512004eb812d30', class: "text-sm-regular", style: { color: '#4B5565' } }, this.label.charAt(0).toUpperCase() + this.label.slice(1).toLowerCase())), index.h("div", { key: 'ddabb517390c1ce16ff1d054d984c838bb651674', class: `input_dropdown_div ${this.size} ${this.state} ${this.destructive ? 'destructive' : ''} ${this.type === 'tags' ? 'tag' : ''} ${this.dropdownOpen ? 'focused' : ''}`, onClick: e => this.toggleDropdown(e) }, this.type === 'icon_leading' && (index.h("svg", { key: '21a4e556e6886b66cfe4d62e3569dd1566a31f1f', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, index.h("path", { key: '5fcbd6b88c28dd1116a9ab9647214c16e00b0537', d: "M5.48131 12.9013C4.30234 13.6033 1.21114 15.0368 3.09388 16.8305C4.01359 17.7067 5.03791 18.3333 6.32572 18.3333H13.6743C14.9621 18.3333 15.9864 17.7067 16.9061 16.8305C18.7889 15.0368 15.6977 13.6033 14.5187 12.9013C11.754 11.2551 8.24599 11.2551 5.48131 12.9013Z", stroke: "#697586", "stroke-width": "1.66667" }), index.h("path", { key: 'f94fd73d0c5de9867003b08ec458fc3d36321b56', d: "M13.75 5.41667C13.75 7.48774 12.0711 9.16667 10 9.16667C7.92893 9.16667 6.25 7.48774 6.25 5.41667C6.25 3.3456 7.92893 1.66667 10 1.66667C12.0711 1.66667 13.75 3.3456 13.75 5.41667Z", stroke: "#697586", "stroke-width": "1.66667" }))), this.type === 'avatar_leading' && (index.h(index.Fragment, null, this.state === 'default' && (index.h("svg", { key: 'ced4c00d7e3e5a5573fc9bf8886542b714bf8f84', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, index.h("path", { key: '27da4ce11cd75ca595cc7bc8b66d579182522b56', d: "M5.48131 12.9013C4.30234 13.6033 1.21114 15.0368 3.09388 16.8305C4.01359 17.7067 5.03791 18.3333 6.32572 18.3333H13.6743C14.9621 18.3333 15.9864 17.7067 16.9061 16.8305C18.7889 15.0368 15.6977 13.6033 14.5187 12.9013C11.754 11.2551 8.24599 11.2551 5.48131 12.9013Z", stroke: "#4B5565", "stroke-width": "1.66667" }), index.h("path", { key: 'b005f3a5da18268b355309fd844b9f9bbf30b76c', d: "M13.75 5.41666C13.75 7.48772 12.0711 9.16666 10 9.16666C7.92893 9.16666 6.25 7.48772 6.25 5.41666C6.25 3.34559 7.92893 1.66666 10 1.66666C12.0711 1.66666 13.75 3.34559 13.75 5.41666Z", stroke: "#4B5565", "stroke-width": "1.66667" }))), this.state === 'filled' && (index.h("gb-avatar", { key: '10a4df1ed7ea68ec1926aa7d703b0243079bef61', size: "xs", text: this.text, color: this.color, "show-border": this.showBorder }, this.selectedItems.map(item => (index.h(index.Fragment, null, typeof item === 'object' ? (index.h("h1", { slot: "initials" }, item.name.split(' ').map(part => part.charAt(0).toUpperCase()))) : (index.h("h1", { slot: "initials" }, item.split(' ').map(part => part.charAt(0).toUpperCase())))))))))), this.showLeadingIcon && index.h(index.Fragment, null, this.type === 'search' || this.type === 'tags' ? index.h("div", { class: `icon`, innerHTML: this.leadingIconSvg }) : null), this.type === 'dot_leading' && (index.h("svg", { key: 'a4d3c9c562efc0f4ad63ca12eb60c58e46278118', xmlns: "http://www.w3.org/2000/svg", width: "10", height: "10", viewBox: "0 0 10 10", fill: "none", class: `dot ${this.size}` }, index.h("circle", { key: '818330f3b0a2b256bf19712f923b4419da85267f', cx: "5", cy: "5", r: "4", fill: "#079455" }))), index.h(index.Fragment, null, this.state === 'default' && (index.h(index.Fragment, null, this.placeholder && (index.h("div", { key: '870e57aef0e06dd12fa8403fb7a6daac0aefb7a3', class: "placeholder" }, index.h("p", { key: '71870d892a4f278e2014f9fac722fed31a4938fa', class: "text-md-regular", style: { color: '#CDD5DF' } }, this.placeholder))))), this.state === 'filled' && (index.h(index.Fragment, null, index.h("div", { key: '1bab5f07b74d08d4da8e0d0009d25cd60737a070', class: `content` }, index.h("div", { key: 'fff4a1539db8d442e89d969fde6858c9232af32a', class: `text text-md-regular ${this.type === 'tags' ? 'tag' : ''}`, style: { color: '#4B5565' } }, this.type === 'tags' ? (index.h(index.Fragment, null, this.value.length === 0 ? (index.h(index.Fragment, null, this.selectedItems.map((item, index$1) => typeof item === 'object' ? (index.h("div", { class: "added_tag", key: index$1 }, index.h("gb-tag", { size: "sm", icon: this.icon ? this.icon : 'avatar', action: "X_close", onClick: () => this.handleTagRemove(item) }, index.h("p", { class: "text-xs-medium" }, item.name.split(' ')[0]), index.h("h1", { slot: "initials", class: "text-xxs-semi-bold" }, item.name
                 .split(' ')
                 .map(part => part.charAt(0).toUpperCase())
                 .join(''))))) : (index.h("div", { class: "added_tag", key: index$1 }, index.h("gb-tag", { size: "sm", icon: this.icon ? this.icon : 'avatar', action: "X_close", onClick: () => this.handleTagRemove(item) }, index.h("p", { class: "text-xs-medium" }, item))))))) : (index.h(index.Fragment, null, this.value.map((item, index$1) => typeof item === 'object' ? (index.h("div", { class: "added_tag", key: index$1 }, index.h("gb-tag", { size: "sm", icon: this.icon ? this.icon : 'avatar', action: "X_close", onClick: () => this.handleTagRemove(item) }, index.h("p", { class: "text-xs-medium" }, item.name.split(' ')[0]), index.h("h1", { slot: "initials", class: "text-xxs-semi-bold" }, item.name
                 .split(' ')
                 .map(part => part.charAt(0).toUpperCase())
-                .join(''))))) : (index.h("div", { class: "added_tag", key: index$1 }, index.h("gb-tag", { size: "sm", icon: this.icon ? this.icon : 'avatar', action: "X_close", onClick: () => this.handleTagRemove(item) }, index.h("p", { class: "text-xs-medium" }, item))))))))) : (index.h("p", { class: "selected_text" }, this.value.length === 0 ? ((_a = this.selectedItem) === null || _a === void 0 ? void 0 : _a.name) || this.selectedItem : index.h(index.Fragment, null, this.value.map(item => (typeof item === 'object' ? item.name : item)))))), this.supportingText && (index.h("div", { key: '987afa3610038145b48ad55985a4a0076aefd409', 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: 'bd4003fe4077b57dbc72982324a9db1f2fdb8f44', class: `content` }, index.h("div", { key: '1596a564bad70440d34d6db45990d3479550f91f', class: `text text-md-regular ${this.type === 'tags' ? 'tag' : ''}`, style: { color: '#4B5565' } }, this.type === 'tags' ? (index.h(index.Fragment, null, this.value.map((item, index$1) => typeof item === 'object' ? (index.h("div", { class: "added_tag", key: index$1 }, index.h("gb-tag", { size: "sm", icon: this.icon ? this.icon : 'avatar', action: "X_close" }, index.h("p", { class: "text-xs-medium" }, item.name.split(' ')[0]), index.h("h1", { slot: "initials", class: "text-xxs-semi-bold" }, item.name
+                .join(''))))) : (index.h("div", { class: "added_tag", key: index$1 }, index.h("gb-tag", { size: "sm", icon: this.icon ? this.icon : 'avatar', action: "X_close", onClick: () => this.handleTagRemove(item) }, index.h("p", { class: "text-xs-medium" }, item))))))))) : (index.h("p", { class: "selected_text" }, this.value.length === 0 ? ((_a = this.selectedItem) === null || _a === void 0 ? void 0 : _a.name) || this.selectedItem : index.h(index.Fragment, null, this.value.map(item => (typeof item === 'object' ? item.name : item)))))), this.supportingText && (index.h("div", { key: '2de1e3f8777d312bfd5136acb2fd6701adbfb7ad', class: "supporting_text text-sm-regular", style: { color: '#697586' } }, this.type !== 'tags' && (index.h(index.Fragment, null, this.value.length === 0 ? index.h(index.Fragment, null, this.selectedItem.username) : index.h(index.Fragment, null, this.value.map(item => typeof item === 'object' && item.username))))))))), this.state === 'disabled' && (index.h(index.Fragment, null, index.h("div", { key: 'd55ee95c7b5e9af3d02db0d8aa2baae52a411f3f', class: `content` }, index.h("div", { key: 'e7b4477a94c797d080322839a48e89daa74d9d27', class: `text text-md-regular ${this.type === 'tags' ? 'tag' : ''}`, style: { color: '#4B5565' } }, this.type === 'tags' ? (index.h(index.Fragment, null, this.value.map((item, index$1) => typeof item === 'object' ? (index.h("div", { class: "added_tag", key: index$1 }, index.h("gb-tag", { size: "sm", icon: this.icon ? this.icon : 'avatar', action: "X_close" }, index.h("p", { class: "text-xs-medium" }, item.name.split(' ')[0]), index.h("h1", { slot: "initials", class: "text-xxs-semi-bold" }, item.name
                 .split(' ')
                 .map(part => part.charAt(0).toUpperCase())
-                .join(''))))) : (index.h("div", { class: "added_tag", key: index$1 }, index.h("gb-tag", { size: "sm", icon: this.icon ? this.icon : 'avatar', action: "X_close" }, index.h("p", { class: "text-xs-medium" }, item))))))) : (index.h(index.Fragment, null, index.h(index.Fragment, null, this.value.map(item => (typeof item === 'object' ? item.name : item)))))), this.supportingText && (index.h("div", { key: 'b4b35a87e90c5ef7deea9621a26c905dc52361f4', 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: 'c39e4ce5e7415696bcca4d0b4515cef3719e7bab', class: `help_icon` }, index.h("gb-help-tooltip", { key: '479daf8e3ccdc7c9eb7b3b26ab5d36e1a7943256', "show-supporting-text": true }, index.h("slot", { key: '5bef70e6aab3fdc58fbac512eb1be17c179c5bb5', name: "tooltip_label", slot: "label" }), index.h("slot", { key: 'fc182cf7bbe8f672cf8cf53091d2ea612379d573', name: "tooltip_supporting_text", slot: "supporting_text" })))), this.type !== 'search' && (index.h("div", { key: '44d2a63c0ed623b98d66e7d3614f70e2b98224ec', class: `dropdown_icon ${this.dropdownOpen ? 'opened' : ''}` }, index.h("svg", { key: '2e97179b8f92c3dfc89a5a0565e6daeb9cd98aaf', 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: '9876c684b23dc1d10a2c51c349a4df93ae27c264', 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: '67f2abf0ec499e21b072bebbb2a238787c51dfc3', class: `dropdown_menu ${this.menuPosition}`, ref: el => (this.dropdownRef = el), onClick: e => e.stopPropagation() }, this.showSearchInput && (index.h("div", { key: '9b63fafef2d52a6f08de2641122c9822bda52300', class: "dropdown_search_field" }, index.h("gb-input-field", { key: 'd72b2e591e07fbfd1d1b2a690830756b1d2ff17c', size: "sm", value: this.inputValue, "show-close-button": this.inputValue ? true : false, "icon-swap": "assets/search-01.svg", placeholder: "Search banks", type: "icon_leading", labelText: "label", idOfInput: "3", onInputValueChanged: this.searchItems.bind(this) }))), this.searchItem ? (index.h(index.Fragment, null, this.searchItem !== '' && this.searchResults.length > 0 ? (index.h(index.Fragment, null, this.searchResults.map(item => (index.h("gb-input-dropdown-menu-item", { type: this.type === 'search' ? 'checkbox' : this.type === 'tags' ? 'checkbox' : this.type, state: reusableModels.StateEnum.Default, "supporting-text": this.supportingText, selected: this.isItemSelected(item), onClick: () => this.handleItemSelect(item) }, typeof item === 'object' ? (index.h(index.Fragment, null, index.h("p", { slot: "name" }, item.name), index.h("p", { slot: "supporting_text" }, item.username))) : (index.h("p", { slot: "name" }, item))))))) : this.searchItem !== '' && this.searchResults.length === 0 ? (
+                .join(''))))) : (index.h("div", { class: "added_tag", key: index$1 }, index.h("gb-tag", { size: "sm", icon: this.icon ? this.icon : 'avatar', action: "X_close" }, index.h("p", { class: "text-xs-medium" }, item))))))) : (index.h(index.Fragment, null, index.h(index.Fragment, null, this.value.map(item => (typeof item === 'object' ? item.name : item)))))), this.supportingText && (index.h("div", { key: '12b6f31a6c1eafa67d7283ec680586cb92ff1993', class: "supporting_text text-sm-regular", style: { color: '#697586' } }, this.type !== 'tags' && (index.h(index.Fragment, null, this.value.length === 0 ? index.h(index.Fragment, null, this.selectedItem.username) : index.h(index.Fragment, null, this.value.map(item => typeof item === 'object' && index.h(index.Fragment, null, item.username))))))))))), this.showHelpIcon && (index.h("div", { key: '1de5017774ddbbd54d728dd05de81196f3bb6605', class: `help_icon` }, index.h("gb-help-tooltip", { key: 'cfb1a707f887b6b870207dab9ceadba904b6f73b', "show-supporting-text": true }, index.h("slot", { key: '992babf3f4e4b42f5446d65cb363088824033c78', name: "tooltip_label", slot: "label" }), index.h("slot", { key: '96912b741d81c8196ee2d06c34b2f6858446f680', name: "tooltip_supporting_text", slot: "supporting_text" })))), this.type !== 'search' && (index.h("div", { key: 'ec55c9bfea74ceffe424cb008803fa1c57d168c7', class: `dropdown_icon ${this.dropdownOpen ? 'opened' : ''}` }, index.h("svg", { key: '389f668e741c230ee9e773b2abfc1340b652b9dd', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", class: `${this.state}` }, index.h("path", { key: '8d82dd86249d00d3eb72510edaa563d005e445aa', d: "M15 7.50004C15 7.50004 11.3176 12.5 9.99996 12.5C8.68237 12.5 5 7.5 5 7.5", stroke: "#697586", "stroke-width": "1.66667", "stroke-linecap": "round", "stroke-linejoin": "round" })))), index.h(index.Fragment, null, this.dropdownOpen && (index.h("div", { key: '84fa64deeb3d2bbc440d2b5e562552435da277cf', class: `dropdown_menu ${this.menuPosition}`, ref: el => (this.dropdownRef = el), onClick: e => e.stopPropagation() }, this.showSearchInput && (index.h("div", { key: '784ad174a9b4e52e5cbdcc7b5d4d09373e477e4d', class: "dropdown_search_field" }, index.h("gb-input-field", { key: 'df2b6ed3b0d782705623a7a9926c2daaa764267e', size: "sm", value: this.inputValue, "show-close-button": this.inputValue ? true : false, "icon-swap": "assets/search-01.svg", placeholder: "Search banks", type: "icon_leading", labelText: "label", idOfInput: "3", onInputValueChanged: this.searchItems.bind(this) }))), this.searchItem ? (index.h(index.Fragment, null, this.searchItem !== '' && this.searchResults.length > 0 ? (index.h(index.Fragment, null, this.searchResults.map(item => (index.h("gb-input-dropdown-menu-item", { type: this.type === 'search' ? 'checkbox' : this.type === 'tags' ? 'checkbox' : this.type, state: reusableModels.StateEnum.Default, "supporting-text": this.supportingText, selected: this.isItemSelected(item), onClick: () => this.handleItemSelect(item) }, typeof item === 'object' ? (index.h(index.Fragment, null, index.h("p", { slot: "name" }, item.name), index.h("p", { slot: "supporting_text" }, item.username))) : (index.h("p", { slot: "name" }, item))))))) : this.searchItem !== '' && this.searchResults.length === 0 ? (
             //Empty state for when there are no search results
             index.h("div", { class: "empty_state" }, index.h("img", { src: emptyStateBackground, class: "background", alt: "" }), index.h("div", { class: "message_background" }, index.h("img", { src: illustration, alt: "", class: "illustration" }), index.h("p", { class: "message text-md-semi-bold" }, "No results available")))) : null)) : (index.h(index.Fragment, null, this.type === 'tags' ? (index.h(index.Fragment, null, this.selectedItems.map(item => (index.h("gb-input-dropdown-menu-item", { type: this.type === 'search' ? 'checkbox' : this.type === 'tags' ? 'checkbox' : this.type, state: reusableModels.StateEnum.Default, "supporting-text": this.supportingText, selected: true, onClick: () => this.handleItemSelect(item) }, typeof item === 'object' ? (index.h(index.Fragment, null, index.h("p", { slot: "name" }, item.name), index.h("p", { slot: "supporting_text" }, item.username), index.h("h1", { slot: "initials" }, item.name.split(' ').map(part => part.charAt(0).toUpperCase())))) : (index.h(index.Fragment, null, index.h("p", { slot: "name" }, item), index.h("h1", { slot: "initials" }, item.split(' ').map(part => part.charAt(0).toUpperCase()))))))), this.unselectedItems.map(item => (index.h("gb-input-dropdown-menu-item", { type: this.type === 'search' ? 'checkbox' : this.type === 'tags' ? 'checkbox' : this.type, state: reusableModels.StateEnum.Default, "supporting-text": this.supportingText, selected: false, onClick: () => this.handleItemSelect(item) }, typeof item === 'object' ? (index.h(index.Fragment, null, index.h("p", { slot: "name" }, item.name), index.h("p", { slot: "supporting_text" }, item.username))) : (index.h("p", { slot: "name" }, item))))))) : (index.h(index.Fragment, null, this.items.map(item => (index.h("gb-input-dropdown-menu-item", { type: this.type === 'search' ? 'checkbox' : this.type === 'tags' ? 'checkbox' : this.type, state: reusableModels.StateEnum.Default, "supporting-text": this.supportingText, selected: this.isItemSelected(item), color: this.color, onClick: () => this.handleItemSelect(item) }, typeof item === 'object' ? (index.h(index.Fragment, null, index.h("p", { slot: "name" }, item.name), index.h("h1", { slot: "initials" }, item.name.split(' ').map(part => part.charAt(0).toUpperCase())), index.h("p", { slot: "supporting_text" }, item.username))) : (typeof item !== 'object' && (index.h(index.Fragment, null, index.h("p", { slot: "name" }, item), index.h("h1", { slot: "initials" }, item)))))))))))))))), this.showHintText && index.h(index.Fragment, null, !this.destructive ? index.h("p", { class: "hint_text text-sm-regular" }, this.hintText) : index.h("p", { class: "error_text text-sm-regular" }, this.errorText))),
         ];
@@ -357,7 +357,7 @@ const GbPaginationButtonGroupBase = class {
         this.leadingIconSvg = svg;
     }
     render() {
-        return (index.h("div", { key: '05b4ce749b36dd6b3c33d27a1d59da3676c1d7df', class: `button_base_div ${this.icon} ${this.state}` }, this.icon === 'false' && index.h("slot", { key: '3fb9a6e864123781e32f72ec6009596acc39d1a4' }), this.icon === 'leading' && (index.h(index.Fragment, null, index.h("svg", { key: '48c40bf8bfc04d60e6cc1514ce7f70a92c6437d1', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, index.h("path", { key: '29761be94cb8f449eb2f004b4413a8bff129fcf4', 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: '2ba884c0995407d03acddf21eb38de4c86c86060' }))), this.icon === 'trailing' && (index.h(index.Fragment, null, index.h("slot", { key: '38131634d6f19c849ad87604a09ec613154a818a' }), index.h("svg", { key: '89266490d60db5bb32ccd54116ed070d8e07196a', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, index.h("path", { key: 'ebb9cd3fc63d5ee4ad2b65b058b86e4dd911383a', d: "M16.6668 9.99984H3.3335M16.6668 9.99984C16.6668 11.0978 12.5003 14.1667 12.5003 14.1667M16.6668 9.99984C16.6669 8.90185 12.5002 5.83337 12.5002 5.83337", stroke: "#4B5565", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })))), this.icon === 'only' && (index.h(index.Fragment, null))));
+        return (index.h("div", { key: 'd39f2578619a0f567626db9d77a7f32889521369', class: `button_base_div ${this.icon} ${this.state}` }, this.icon === 'false' && index.h("slot", { key: 'e1539a8c67faf311a64b35c20fc239e1140a4868' }), this.icon === 'leading' && (index.h(index.Fragment, null, index.h("svg", { key: 'b0ee96e05dc4b4ddbd4952e67798cc4ab77e7367', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, index.h("path", { key: '4666be32dba29803b6aaf47c06cbb304d982af77', d: "M3.33325 9.99981H16.6666M3.33325 9.99981C3.33326 11.0978 7.49975 14.1667 7.49975 14.1667M3.33325 9.99981C3.33324 8.90182 7.49978 5.83334 7.49978 5.83334", stroke: "#4B5565", "stroke-width": "1.67", "stroke-linecap": "round", "stroke-linejoin": "round" })), index.h("slot", { key: '2ff7436f21f8cce7981e01916e4f280fe00c5340' }))), this.icon === 'trailing' && (index.h(index.Fragment, null, index.h("slot", { key: 'fc78c8ca78a7eb5fa0d570565148090891720418' }), index.h("svg", { key: '91ee9bbd01276412bd6a42e4d2f042ffc0f7d9ce', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, index.h("path", { key: 'f567040702772e5f5f783101ba746d0a10342f27', d: "M16.6668 9.99984H3.3335M16.6668 9.99984C16.6668 11.0978 12.5003 14.1667 12.5003 14.1667M16.6668 9.99984C16.6669 8.90185 12.5002 5.83337 12.5002 5.83337", stroke: "#4B5565", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })))), this.icon === 'only' && (index.h(index.Fragment, null))));
     }
     get el() { return index.getElement(this); }
 };
@@ -385,7 +385,7 @@ const GbPaginationNumberBase = class {
         }
     }
     render() {
-        return (index.h("div", { key: '7fc9f3c4a61d53d8f498569a9d90836a1cd277df', class: `page_number_base ${this.shape} ${this.state}` }, index.h("slot", { key: 'ae7121c23d19bb20402828554fcb38a8008b5c13', name: "page_number" })));
+        return (index.h("div", { key: 'ffd235f76d444ca73b283e2a85901267e4c9c564', class: `page_number_base ${this.shape} ${this.state}` }, index.h("slot", { key: '2a201404d56bbcade578942c364a453d01fae028', name: "page_number" })));
     }
     get el() { return index.getElement(this); }
 };

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

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

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

@@ -17,7 +17,7 @@ const GbNotificationContent = class {
     }
     render() {
         const iconSrc = index.getAssetPath(`${this.icon}`);
-        return (index.h("div", { key: '2724d35d8f3f9eee9df6296c2d46240dd06a1963', class: "notification_container" }, index.h("div", { key: '45835eee90d5f4bf0cd950e952d0ecd178bcb70a', class: "notification_title" }, this.icon && (index.h("div", { key: 'd81a96897350eed69fc402474edff8d11db61664', class: "icon" }, index.h("img", { key: '3e4737a057fb92e62b56bb8dc2f6ad7cb4426684', src: iconSrc, alt: "Icon" }))), index.h("label", { key: '2e481bf3fa34bcd1d3ebf6e45d4b294205d5dd86' }, this.label), index.h("span", { key: '726a91e6bd648e33fd9efedd62f4c218a1f9d3d8', class: "time" }, this.time)), index.h("div", { key: 'c5400080dc7fffa0b3cf5e83bc8bf60e25eaa569', class: "supporting_text" }, index.h("p", { key: '17494cda9469c77915428168f7146f16926c817d', class: "text-sm-regular" }, this.supportingText))));
+        return (index.h("div", { key: 'dbeb9064f9b700e73ff3bb5f95e4eb73c85ad281', class: "notification_container" }, index.h("div", { key: 'f353f2126c495b466e2f0610ab2c9c1360e1b602', class: "notification_title" }, this.icon && (index.h("div", { key: '4643f5a06aedff2967f763af7595b1c06ef70037', class: "icon" }, index.h("img", { key: '255b4d1cab389e4ecdc26aac96251fc35ed86284', src: iconSrc, alt: "Icon" }))), index.h("label", { key: '1ebadfeee256e1ee4e0ae465428c55c9007704b3' }, this.label), index.h("span", { key: 'b0af60434a2eda64749695e3acc42524ee9c0c22', class: "time" }, this.time)), index.h("div", { key: '835e696df9d71310defbb229992fcad14b58b50c', class: "supporting_text" }, index.h("p", { key: '69c62ba26d72545216c0de2ee2fc6b6b18d488d5', class: "text-sm-regular" }, this.supportingText))));
     }
 };
 GbNotificationContent.style = GbNotificationContentStyle0;

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

@@ -60,9 +60,9 @@ const GbNotificationPane = class {
     render() {
         const patternSrc = index.getAssetPath(`assets/notification_background_pattern.svg`);
         const illustrationSrc = index.getAssetPath(`assets/notification_illustration.svg`);
-        return (index.h("div", { key: '7dd1ceebbe908387ce6d5a75dc16caaefa58ff15', class: "notification_pane_div" }, this.state === 'empty' && [
-            index.h("div", { key: '9e8b5cb44b127ad4b04c3b3b28dff4a1c16a3b53', class: `container` }, index.h("div", { key: '6bd85d2951768a37ea72aba79862234b7646d5b4', class: "frame" }, index.h("img", { key: '6e9e354ff46d03793f70f6736bb2712406bfcbd7', src: patternSrc, alt: "", class: "empty_state_pattern" }), index.h("div", { key: '26b657a51b0f42e15ff4db173fc4e96e8e3497df', class: "empty_state" }, index.h("div", { key: '1498de29e75d968351e6cef83f3b3bc5e0b2e3b0', class: "content" }, index.h("img", { key: '70a23a84915736dd69f61497c583e0397be47ca8', src: illustrationSrc, alt: "bell-icon", class: "bell_icon" }), index.h("div", { key: 'd913cf89a66a2b38e4689537e6bce89250f46377', class: "text" }, index.h("slot", { key: '445ccb9107fe61779b44a90cb5bc06fd5b3be4e7', name: "label" }), index.h("slot", { key: '32f15b7ebb5180b877fbb983ef9f36e26aa64184', name: "supporting_text" })))))),
-            index.h("div", { key: 'b0bda03f89d2f8b757438cc65a96c8acafbce223', class: `button` }, index.h("gb-button", { key: '322a29c215cbb9644fe282b8136a37b107a56245', size: "sm", hierarchy: "tertiary_color", icon: "default", state: "disabled", "icon-leading": true, "icon-leading-swap": "assets/blush_brush.svg" }, index.h("p", { key: 'b101378ac0de2a3af83b188510d1a0d21b03621d' }, "Mark all as read"))),
+        return (index.h("div", { key: '5ca0484ea23af34794c2792ecebd9cc1a64e6353', class: "notification_pane_div" }, this.state === 'empty' && [
+            index.h("div", { key: '1d82a5e6c9696aae9cf23fb3549e896caad7670c', class: `container` }, index.h("div", { key: '9964ca41b9dc259e4eddc55eb738ee6cc1a22848', class: "frame" }, index.h("img", { key: '19b54c2a33c26c6ce0952c6d9e1e491ed74a8829', src: patternSrc, alt: "", class: "empty_state_pattern" }), index.h("div", { key: '38362a638ed9fbe04a43f6fba40b0b5b8d509ffa', class: "empty_state" }, index.h("div", { key: 'ba34afd53e7667d2274b82648cb7b1475dbe7e06', class: "content" }, index.h("img", { key: '539bce1362467243c30320d1872aa7fdeb7a9aaa', src: illustrationSrc, alt: "bell-icon", class: "bell_icon" }), index.h("div", { key: '7d28c5a5090aee0c3b7605c468030a05f5892265', class: "text" }, index.h("slot", { key: '5c04a2d614a188eeb7a8a8e16bcd7f4c5e87ef14', name: "label" }), index.h("slot", { key: '21bb2fd02f840aa30c4f698889f9e596147308cf', name: "supporting_text" })))))),
+            index.h("div", { key: 'f1fcf3c2a67a42766e8d182cb58b907e99513be6', class: `button` }, index.h("gb-button", { key: 'ae820423e1f4f1c0b21edad2f3be0589b064a3e1', size: "sm", hierarchy: "tertiary_color", icon: "default", state: "disabled", "icon-leading": true, "icon-leading-swap": "assets/blush_brush.svg" }, index.h("p", { key: '4110ea43ba984c18bfe00099f4af692548b9b758' }, "Mark all as read"))),
         ], this.state === 'notification_dropdown' && (index.h(index.Fragment, null, this.notifications.length > 0 ? (index.h("div", { class: "notification_dropdown" }, index.h("div", { class: `content_wrapper` }, this.notifications.map(notification => (index.h("gb-notification-content", { label: notification.label, time: notification.time, "supporting-text": notification.desc, icon: notification.icon })))), index.h("gb-button", { size: "sm", hierarchy: "tertiary_color", icon: "default", "icon-leading": true, "icon-leading-swap": "assets/blush_brush.svg" }, index.h("p", null, "Mark all as read")))) : [index.h("div", { class: `container` }, index.h("div", { class: "frame" }, index.h("img", { src: patternSrc, alt: "", class: "empty_state_pattern" }), index.h("div", { class: "empty_state" }, index.h("div", { class: "content" }, index.h("img", { src: illustrationSrc, alt: "bell-icon", class: "bell_icon" }), index.h("div", { class: "text" }, index.h("slot", { name: "label" }), index.h("slot", { name: "supporting_text" })))))), index.h("div", { class: `button` }, index.h("gb-button", { size: "sm", hierarchy: "tertiary_color", icon: "default", state: "disabled", "icon-leading": true, "icon-leading-swap": "assets/blush_brush.svg" }, index.h("p", null, "Mark all as read"))),
         ]))));
     }

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

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

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

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

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

@@ -45,7 +45,7 @@ const GbPagination = class {
         this.pageItemSelected.emit({ pageSize: this.selectedPageSize, pageNumber: this.currentPage });
     }
     render() {
-        return (index.h("div", { key: 'af29cef04268edffb53e1e3e5efeced5aacccfa7', class: `pagination_div ${this.type} ${this.breakpoint}` }, this.type === 'page_default' && this.breakpoint === 'desktop' && (index.h(index.Fragment, null, index.h("gb-button", { key: 'ec73a7913885f5f75202a0731da343b75614da28', size: "sm", hierarchy: "tertiary_gray", icon: "default", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg" }, index.h("p", { key: 'e5ecbd006854cbbbc5ade79bdca00dd7af1089a8' }, "Previous")), index.h("div", { key: 'e8bdc9e50caa6412655d52f971d413e5fc64438f', class: "pagination_numbers" }, index.h("gb-pagination-number-base", { key: '68d6cca5e2d60b29f2123a5ba508dff1a2e52e64', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, index.h("p", { key: '7ed3b14261dc88dfd67cc4c302c686d88389ece3', slot: "page_number" }, "1")), index.h("gb-pagination-number-base", { key: '2baa5eb792cb9a99a2d82cc7b91cc6b70e926fc6', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, index.h("p", { key: '7675a45eb55d913749f8b65b1448cf578a6bb526', slot: "page_number" }, "2")), index.h("gb-pagination-number-base", { key: '85c1779f0afcc70ec45a8dca78f54d251e11f04f', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, index.h("p", { key: '4b50dc266b7f52453066459838d93f8db8e8d708', 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: '1ef632af3e209c671433af09fbdfd76b05f40773', shape: this.shape }, index.h("p", { key: '7c79a683eabe9d8b96305aa499c9f27999b6bdc6', 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: '93c0327782ebc254df23582808346903a9728cb1', shape: this.shape, state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 2) }, index.h("p", { key: 'b69ad8bf345312ef43579237c848e07c84ffca18', slot: "page_number" }, this.totalPages - 2)), index.h("gb-pagination-number-base", { key: 'afaffb2f8aa223a97013965ddd200c3b873a4874', shape: this.shape, state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 1) }, index.h("p", { key: 'e4642363d172eed7551fcdb0506e2250afd2f207', slot: "page_number" }, this.totalPages - 1)), index.h("gb-pagination-number-base", { key: '7614e12138be4e24a9220c0935a13167782c7dca', shape: this.shape, state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages) }, index.h("p", { key: 'f99b1e33a2c715a92d4b04d0f65cfe1b044323a3', slot: "page_number" }, this.totalPages))), index.h("gb-button", { key: '2e063015b4a884f6d29d88adba64891d53bd1a52', size: "sm", hierarchy: "tertiary_gray", icon: "default", state: "default", "icon-trailing": true, "icon-trailing-swap": "assets/arrow-right-02.svg" }, index.h("p", { key: '1aa3d06b95bb6cf2720d3fb51308eb52dedb34d2' }, "Next")))), this.type === 'page_minimal_center_aligned' && this.breakpoint === 'desktop' && (index.h(index.Fragment, null, index.h("gb-button", { key: '46e97f58f9d9bf901edd74cd71d7347233653799', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg" }, index.h("p", { key: '946769631c48121ddf50bf91413acdbc19e1b382' }, "Previous")), index.h("div", { key: 'c1ab83c5b02b5c28f9efd615b3cc740a17ae9523', class: "pagination_numbers" }, index.h("gb-pagination-number-base", { key: '0902a66510fe67fd430970b8b8b7ce971b1d062c', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, index.h("p", { key: '1e6e62754534d312c2ad9599c30242d106ff2dac', slot: "page_number" }, "1")), index.h("gb-pagination-number-base", { key: '3ca718ab9b4a6b091e03ed50a043d98f56822ebd', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, index.h("p", { key: '98208487eae2f987a3716b5771b9935f2ca60a2f', slot: "page_number" }, "2")), index.h("gb-pagination-number-base", { key: '1e04d58c53f4b5da0991277e8330f43925bc1872', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, index.h("p", { key: '6bc2eb7d2c0be4a0b5b5ad546658241a16184383', 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: 'e1c2cf870adb907b0e3e947c76b30d72e1020368', shape: this.shape }, index.h("p", { key: '991ac2a1b85c9d306e793edbe71be03f10110448', 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: '094936c0ee31d929936880435560478a5b450e7a', shape: this.shape, state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 2) }, index.h("p", { key: '4f09812d0a78e2dc4fc8d76a9af20708c3a8d33a', slot: "page_number" }, this.totalPages - 2)), index.h("gb-pagination-number-base", { key: '4af6859cb4c1ef5b6ab6f3787460da621d74df00', shape: this.shape, state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 1) }, index.h("p", { key: 'b4508c2da046b859bd5270e9c6a09a3941556cc4', slot: "page_number" }, this.totalPages - 1)), index.h("gb-pagination-number-base", { key: 'd78dcf7e3c6580d36d1f235a092b5e28a8d56e12', shape: this.shape, state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages) }, index.h("p", { key: 'a73f1be2da5264ffdc238734f65cce34f260e739', slot: "page_number" }, this.totalPages))), index.h("gb-button", { key: 'dfeebfc138b9c172cb5ec916d9c36d8edf80977a', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", "icon-trailing": true, "icon-trailing-swap": "assets/arrow-right-02.svg" }, index.h("p", { key: '9ab21d8033949d67b1537e5b62b7f521cc72c661' }, "Next")))), this.type === 'card_default' && this.breakpoint === 'desktop' && (index.h(index.Fragment, null, index.h("div", { key: 'ca3002945ee685ce64316d89e4d685039d74e10f', class: "pagination_entries" }, index.h("div", { key: 'cb67f49d84de1eb4406c1ab39d53c33e8200a0ff', class: "entries_text" }, index.h("p", { key: '62d6de4628a3f2ee6874d1f6e7296f4f39c44a44', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), index.h("div", { key: '0b372c2c67d36a7ce8a913549ddf758dc1a9c040', class: `entries_dropdown` }, index.h("gb-input-dropdown", { key: 'b2501dae577d276af219d0d0d183c3336f1b9e81', 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: 'c90b2d2b975f3fd74bef39fd63895d072d0ea3d2', class: "pagination_numbers" }, index.h("gb-pagination-number-base", { key: 'ec94e427e47ac58217165cff84e06fccc7112ef4', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, index.h("p", { key: 'e1fc77af437d8d19e045fd052efa24b37a1487d3', slot: "page_number" }, "1")), index.h("gb-pagination-number-base", { key: 'ca8dd8e07994389cff7028be6a166eefddacd5dd', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, index.h("p", { key: '048406c08565e5a74ee1bdb925dd811d866934ef', slot: "page_number" }, "2")), index.h("gb-pagination-number-base", { key: 'd62ab10c2fff23938f294f37ce97cb2bf9a6eccc', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, index.h("p", { key: 'daea714330cd780a695bf7fab73afef2e0d9a291', 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: '9942c363fe157cecafef3012c15cbfe16ffe1c76', shape: this.shape, state: "default" }, index.h("p", { key: '41d51b9f1c1f1d99811505729c3b0543ffc92dad', 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: '28f77247ad4acef32f1ae3d879f8805ca574030e', shape: this.shape, state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 2) }, index.h("p", { key: 'df3619e64004a5f7118b2bece1d6c1075e6b239d', slot: "page_number" }, this.totalPages - 2)), index.h("gb-pagination-number-base", { key: 'd1e46ec14ea5120581aa3c53491a568d9cb2ab71', shape: this.shape, state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 1) }, index.h("p", { key: 'bac5063c50a553d0fa8010e80c94e02a64392a74', slot: "page_number" }, this.totalPages - 1)), index.h("gb-pagination-number-base", { key: 'aaf1c097b8298011dc8afee2eabc2332e4746074', shape: this.shape, state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages) }, index.h("p", { key: 'c1556ac1013cdbfcf99c976edb57b0f295e3fcd0', slot: "page_number" }, this.totalPages))), index.h("div", { key: '9d07e7c17fb379a5b74a5dc2504ef6595f1208a7', class: "pagination_btns" }, index.h("gb-button", { key: 'f3f892a497a8fcabbe0cc420fe72b0244b85b729', 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: 'b6e6c74c5340e75b235402f81d34a674ebc82184', 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: '8ddbaa8428089d3279020d173e2e09d2b7e1efa3', class: "pagination_entries" }, index.h("div", { key: 'a08d044e6f8fe86423a53f6b63f79199565229d9', class: "entries_text" }, index.h("p", { key: '6a1dec4ab8c3a3ee7a49e1cc977cd983f0515912', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), index.h("div", { key: '192a4638c6549fd0149dbe636c2d4a25c258773b', class: `entries_dropdown` }, index.h("gb-input-dropdown", { key: 'f24e100fe7a0c6fc78292bd9be079939e7a6fcf0', 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: '88d27d2858e8dd68318013ae644e0ea3b9096c72', class: "page_number_text" }, index.h("p", { key: '01495982d916b01b22fae1910a264817f20fd35c', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), index.h("div", { key: '3479d4fb3428965a38d508c7c1ab81348a39b037', class: "pagination_btns" }, index.h("gb-button", { key: 'ba7efb50d15f431a4a4942b36e07b1ac5c88e056', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, index.h("p", { key: 'eedccced68554a3415d42488b61e6028ed27fe77' }, "Previous")), index.h("gb-button", { key: '17cde5ca001fab382ca28326c85e9730114a5912', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, index.h("p", { key: '12c00df5c723d2eaa1e40d3d45df2fa8101e45a9' }, "Next"))))), this.type === 'card_minimal_left_aligned' && this.breakpoint === 'desktop' && (index.h(index.Fragment, null, index.h("div", { key: 'ca9be67195dddacbace4c6ee17d0c9b5f4b288fd', class: "pagination_btns" }, index.h("gb-button", { key: 'c092c0fcf152a54caace99b68e0343b590caf978', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, index.h("p", { key: '67446262125006ae6a83af3630a62cdff89f0452' }, "Previous")), index.h("gb-button", { key: '076538e4856956bbb7577f1339ea071d1f1ba4d2', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, index.h("p", { key: 'e1095537c0a4208b6518ad3c340b1ddf6722c1b7' }, "Next"))), index.h("div", { key: '0f0ef4f47cf909b85e1bf7cf7d880ff4cb1ed176', class: "page_number_text" }, index.h("p", { key: 'c475019e6f6e42d8ce7256ee85ebc89a8582a8d5', class: "text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), index.h("div", { key: '3b03d605b4afe2d78413f6a84a60c2712fb80da1', class: "pagination_entries" }, index.h("div", { key: 'e3142bedd606c2e0f31070dea38ea0af6399a4e4', class: "entries_text" }, index.h("p", { key: 'a8bf373dbeb987309576e0ad3966b17954db7afb', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), index.h("div", { key: '7ab6e1d5c18614a4f0b363871e1158035f10f8b6', class: `entries_dropdown` }, index.h("gb-input-dropdown", { key: '49ae27732347ed3de1e6eec048310461c6c869b3', 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: '46e60da1ed9062ce75d589162cc0c23e462f3698', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, index.h("p", { key: '4bcfce367d7686cea6bc236b22df47e9931a4b12' }, "Previous")), index.h("div", { key: '453b63b7237062eeef1c236110a5f1af8f581df4', class: "page_number_text" }, index.h("p", { key: 'b1eae46926d80541fa473628e92dbb640d738082', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), index.h("gb-button", { key: '4ca9ecdd27788461af45e836cb498e1517caa87c', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, index.h("p", { key: '287fb5493b80f7eafd96e3ff76e988a31afd22c5' }, "Next")))), this.type === 'card_button_group_right_aligned' && this.breakpoint === 'desktop' && (index.h(index.Fragment, null, index.h("div", { key: 'a0b1012e48dc21a1dbe46e5bf9627b80a63c0da7', class: "pagination_entries" }, index.h("div", { key: '2312828cbab9b641e83272be5ee79b020740f1b4', class: "entries_text" }, index.h("p", { key: '22a807dbf4c8fd8282d72f3da8846f768e8505de', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), index.h("div", { key: '8b512fe822aa0144da5618520b225b3fe9f9593c', class: `entries_dropdown` }, index.h("gb-input-dropdown", { key: 'e9ed418218ef21cd2a978757676451eee5979995', 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: '6d8efbd2d714397ef7f85ce63dd0664fe34a5b85', class: "pagination_button_group" }, index.h("gb-pagination-button-group-base", { key: '5f53327717dd3e3963cc57036da6b34dc4626434', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, index.h("p", { key: '5edf942202d73b0b22321b7ecc497d2a96d52e1c' }, "Previous")), index.h("div", { key: 'fdb2127ac94515f9603fd65a5f283c96dceb270a', class: "btn_group" }, index.h("gb-pagination-button-group-base", { key: 'bd5c6ab07df90ccecba892f85b1e496cb66140f4', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, index.h("p", { key: 'dab694288d5e1afbf86fbfd9f2d0ed079e981a3c' }, "1"))), index.h("gb-pagination-button-group-base", { key: '60e781b70f08011e01517f810adc5e1584f609bc', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, index.h("p", { key: '938e1dae33ccb4df85111234b5ae6c0d9350ae76' }, "2")), index.h("gb-pagination-button-group-base", { key: '50e2bc0210cd3f910cbd0ffafd20c03227f4502b', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, index.h("p", { key: 'd1d5484d05620ed2bef65f818662e8e8637e1006' }, "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: '93b05dea70624f650e4dc0165580d46a40ee4520', icon: "false" }, index.h("p", { key: 'f16a06894215e87f65c236482c6401db9077c880' }, "...")), 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: '942f42bf36aa9bab6ea4d5150dd9e130de178aaf', icon: "false", state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 2) }, index.h("p", { key: 'e017c95b04262d970f4974f70768d2d16a198ad9' }, this.totalPages - 2)), index.h("gb-pagination-button-group-base", { key: '95ca88e528df7e733867a2c594e135c40c16c4ed', icon: "false", state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 1) }, index.h("p", { key: '680df9a467468f97451df0a6200a9e42a45f5b84' }, this.totalPages - 1)), index.h("gb-pagination-button-group-base", { key: 'f2343d8e130330ab2206d484c9a966593d404f22', icon: "false", state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages) }, index.h("p", { key: '5dacf30cd4f918204547dff50edf81096b9974b0' }, this.totalPages)), index.h("gb-pagination-button-group-base", { key: 'bb2883b46e7dbffc8bb8a9e4bec2491065fffe19', icon: "trailing", onClick: () => this.onNextButtonClicked() }, index.h("p", { key: 'ab2dd73b7179d5705b873ff3e46c687f877c4ae9' }, "Next"))))), this.type === 'card_button_group_left_aligned' && this.breakpoint === 'desktop' && (index.h(index.Fragment, null, index.h("div", { key: '43a954109a06eb1b0501f287b92c7b742a6ebc62', class: "pagination_button_group" }, index.h("gb-pagination-button-group-base", { key: '6d40e7d49851fa4cb8804cb776108451bd9f007b', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, index.h("p", { key: '5023c9566bdfb25fc6ee9c4819f168860b4a1684' }, "Previous")), index.h("div", { key: '4008318b463990a1cdf8ca975961088e9af6a312', class: "btn_group" }, index.h("gb-pagination-button-group-base", { key: '404097c2e4478efe202c09e11ef7046c51e1d733', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, index.h("p", { key: '9e0e41e11f5ffe472e561ea06dba30a9c5c77b4b' }, "1"))), index.h("gb-pagination-button-group-base", { key: '5a77f8080adfba4cfde1973ede71d0fec1d18ab0', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, index.h("p", { key: 'e7adb8897887c6f3135dbd640c4fa0f70d332abf' }, "2")), index.h("gb-pagination-button-group-base", { key: 'e4da644637fb0f038b744eca45cca0fe04adda68', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, index.h("p", { key: 'd893ce10d253eb35b7a6477dfa18e393dc87adaa' }, "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: 'b8808c6ff4e819df1f0ae2ac5e3b28f316ca9e12', icon: "false" }, index.h("p", { key: 'e356954fcff5fc66a14663f5f430e79e2e8ac562' }, "...")), 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: 'b80f1196f9f32d795200f02a057bf4393590fa69', icon: "false", state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 2) }, index.h("p", { key: 'a22f72cb978a2e152681637d408d831086299cb4' }, this.totalPages - 2)), index.h("gb-pagination-button-group-base", { key: '909f474b4f705d8344413e87ccd6ac86a0bf124a', icon: "false", state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 1) }, index.h("p", { key: 'bced7024c9b3532780550deda63e177d315499fd' }, this.totalPages - 1)), index.h("gb-pagination-button-group-base", { key: '4219877c268c51ebfa1b5677070be0fdcb2225e0', icon: "false", state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages) }, index.h("p", { key: '3113c87f8e139dc8ca6c49342803394d02d68132' }, this.totalPages)), index.h("gb-pagination-button-group-base", { key: '458fcd9873910f09c14b816b9babc6d48b644ce9', icon: "trailing", onClick: () => this.onNextButtonClicked() }, index.h("p", { key: '9f02e1d7714dbe5131dae3f7a4488aa63b82cbff' }, "Next"))), index.h("div", { key: 'a00ce9390ddbb77f5c772ce48879d6449e511fb1', class: "pagination_entries" }, index.h("div", { key: 'b26d48fe5493dda904b48c03141884494a30a7e5', class: "entries_text" }, index.h("p", { key: '6cf5e53b15cd3b4bd35cfef05f60938a23906538', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), index.h("div", { key: 'f87423d3de439c474b3d53bf55e92e5d9b2ce5d9', class: `entries_dropdown` }, index.h("gb-input-dropdown", { key: 'ae4ae60ec51c0361fa698e4010d79ce189b4330b', 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: 'e6232ba776e096f2d70b16e66841e013bc7914ae', class: "pagination_button_group" }, index.h("gb-pagination-button-group-base", { key: '89317c3d833e69755159c1236ba38969037981cc', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, index.h("p", { key: '706343f4b2b2f5102a46a46aeda6ce4206093d97' }, "Previous")), index.h("div", { key: '892143ceaa10306825575db12e7562a9943f0924', class: "btn_group" }, index.h("gb-pagination-button-group-base", { key: 'f5ff1f723892e3d563ac6a5754e8a54c3e953b6e', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, index.h("p", { key: '39efb74dfe7f78df342ca16f36bb493f7ea47c5f' }, "1"))), index.h("gb-pagination-button-group-base", { key: 'ea8e0864fb180834df1ef2179d8cb058b2caa2ad', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, index.h("p", { key: 'acfe4aa144a544ba12c67c159ff4398f2252d5ae' }, "2")), index.h("gb-pagination-button-group-base", { key: '713d3fda7396169950de128dbc62e42c533dc07c', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, index.h("p", { key: '9f6cdb91d87a3620f3e986e91fa39e9b372bcd27' }, "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: 'dda54c063f62c8906ba5bb5ab9ddef7fdb3e439a', icon: "false" }, index.h("p", { key: '9f59e0140e06c997ce641402d8400a23aecb8df4' }, "...")), 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: '0c5581d2a401163ad833af9058b0293ca212dbf7', icon: "false", state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 2) }, index.h("p", { key: '8c2ac05196c017db6e5716b1b8a3e6f059bf69d0' }, this.totalPages - 2)), index.h("gb-pagination-button-group-base", { key: '3fc871778986da29a80f0e4f954a109f3ac481ae', icon: "false", state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 1) }, index.h("p", { key: '2cfa17e6a925fb909e4d54ace8dd16c1632bb4af' }, this.totalPages - 1)), index.h("gb-pagination-button-group-base", { key: 'b5637e88ffbfb066839dd92b137be6e6a353a04c', icon: "false", state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages) }, index.h("p", { key: '19f13cd862e95e6ee02e20c6d85536e2697a906e' }, this.totalPages)), index.h("gb-pagination-button-group-base", { key: '66753ddb7c7ddc053020c617aeaf177fcc5b627c', icon: "trailing", onClick: () => this.onNextButtonClicked() }, index.h("p", { key: 'cdc83b03ef3adb4b93586cec926fb4dff54aa389' }, "Next"))))), this.type === 'page_default' && this.breakpoint === 'mobile' && (index.h(index.Fragment, null, index.h("gb-button", { key: '7f7e046345b3d557e8df5d76759c30a1a7145470', 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: 'e34246e0571c0ef95b08926fec6d570000d4fdbc', class: "page_number_text" }, index.h("p", { key: 'ebe105c124c402af0b3f53346cb55ede4e89acb9', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), index.h("gb-button", { key: 'ec9304ef9b36899d758d8c60bf36830c9508a4c8', 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: 'b1ab7b1ec726f73f46e343f29e263583786eefdf', 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: '745c561319b4f4a6827a26cd6020b9810159b4be', class: "page_number_text" }, index.h("p", { key: 'ea092fa00c507bfeeca0894496d9c8efb657a3e8', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), index.h("gb-button", { key: '32ab8f3e33dd78e737cb72ac286cd3ee1950cf69', 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: '4dae257d1a4a9d9e6d0bb399d16a8b639581bea7', 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: '45874c7c3fab1a6365c810bb8d8ac2d8a4f33e50', class: "page_number_text" }, index.h("p", { key: 'ebfd4788963647b372d5706aa3925f568febdf20', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), index.h("gb-button", { key: '8c113271ca62ef3f666529dd9c1f2c839845c332', 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: 'fa8ff7a3ac85d446f4ac3d7958000e2c9c53a322', 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: '86eb83fa66c56185cb47f0c84b6c641caf5de09f', class: "page_number_text" }, index.h("p", { key: '09074c1906d7aeed44798ebcbf8f73d330d58f8f', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), index.h("gb-button", { key: '19bf15a3598f17acbdb6dd6644a12ff59adee583', 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: 'aa8802d0eb2f7212fceb8385f98d78014b46e97e', 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: '99b019f8eb1df544b7b566a85ae38109db8f94e6', class: "page_number_text" }, index.h("p", { key: '2cb9847249980a78550a25d26d7f2b3ddbabadb0', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), index.h("gb-button", { key: '0a54d739022c489216cb9fe98dbd4137f968a27a', 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: '16e0612579c81b0c9eb268ad6950fdc1d8dc94e7', 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: '769ba7b6408549de5c67945ca8f852a6cc8ca96a', class: "page_number_text" }, index.h("p", { key: '832db75a66732b5ae94bf65be1de474b2c567a9c', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), index.h("gb-button", { key: '6325140e02fcc543aeb78d8b89731cee7d7962a0', 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: '412c5d9910561579c28c5bb6f5d2262baae0ccea', class: "pagination_button_group" }, index.h("gb-pagination-button-group-base", { key: '13b6e423a1654c036e344df252e1985b3e45fc50', icon: "only", "icon-src": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), index.h("div", { key: '9de53130599e7e51ba266d263cfdcc1db36fc47f', class: "btn_group" }, index.h("gb-pagination-button-group-base", { key: '845ee3d2987aa2ce62217bbda43aa0a078ee9ce0', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, index.h("p", { key: '5b5385c3984c43e6ca8c529670cf87547c63b1a8' }, "1"))), index.h("gb-pagination-button-group-base", { key: 'd80c55ed29751fc291a34ca4e7f4333c1b3bcad7', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, index.h("p", { key: '1cc4cb5f94ca8c1030f9a2fd6856ecc233f0a9ec' }, "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: '5358373716d4419bffbbbb540c17de41472ee323', icon: "false" }, index.h("p", { key: '6ae4b52065c7009a95525f26ffe2dadcca1584bc' }, "...")), 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: '48c9e526827077dc14571c1fa53c7ae8479de292', icon: "false", state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 1) }, index.h("p", { key: 'd15e5bbf846a8f091d0477478cd342db9f4d5eb7' }, this.totalPages - 1)), index.h("gb-pagination-button-group-base", { key: '577001f41b79323d11e56ee4564bb70bc04dac76', icon: "false", state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages) }, index.h("p", { key: 'ab4af90f03232803be7ef05251ebea3ab512d4a3' }, this.totalPages)), index.h("gb-pagination-button-group-base", { key: 'fdc680df990b330a02ee32d8524077a585bab3e0', 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: 'd07c9f0cd791de79b049a38d584590d519011344', class: "pagination_button_group" }, index.h("gb-pagination-button-group-base", { key: '7451e674a8452a0f1ea8c168ad481f2594f02783', icon: "only", "icon-src": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), index.h("div", { key: 'c462f6a40e9abe00fb51e3e54c098322bf6e3a69', class: "btn_group" }, index.h("gb-pagination-button-group-base", { key: '7b91a662fd28d4f62b844fb60cb4939b9c071a81', icon: "false", state: "active" }, index.h("p", { key: '9fb3eeba06c95d6161db407971b278a4e98ce527' }, "1"))), index.h("gb-pagination-button-group-base", { key: 'beafca187c117a7c292de0ef84fb1bc07d3cd9ac', icon: "false" }, index.h("p", { key: 'fa91c8f1c10a240f5d4b9c040d8d54de2fdeded9' }, "2")), index.h("gb-pagination-button-group-base", { key: 'b3da51ed45ae9ec8084e63e61425d9764f0b17b9', icon: "false" }, index.h("p", { key: '3422d830ed1a9af349d613894e5a23e03962dab0' }, "...")), index.h("gb-pagination-button-group-base", { key: '682057bc912561bcfc0091e4fca3b165e073e83f', icon: "false" }, index.h("p", { key: 'a1a787a3fd055d0f6ab4cb726c3425838aa06801' }, "9")), index.h("gb-pagination-button-group-base", { key: '8419c5f550a8a328769f3c4b15f33e1261023e67', icon: "false" }, index.h("p", { key: 'af71414e67a01f41bee40f38f0253595b307737c' }, "10")), index.h("gb-pagination-button-group-base", { key: 'bba52f3d2a9238e90aafd36ccc20445001701161', 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: '92ce450ffa26481fe11c754353b13fed8adf695e', class: "pagination_button_group" }, index.h("gb-pagination-button-group-base", { key: '49277754ee7df3f383a4c1eafc3c6bfba9c63e03', icon: "only", "icon-src": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), index.h("div", { key: 'bea606e97fbbcf1c83c5025737e931b84edc120e', class: "btn_group" }, index.h("gb-pagination-button-group-base", { key: '9476b7cef962c4dd846ca684465d6b9606ea6a0e', icon: "false", state: "active" }, index.h("p", { key: 'e596d9d3ae68515cd7ccac0d04b6dd81f33cbd36' }, "1"))), index.h("gb-pagination-button-group-base", { key: '471cd32b8941cf340f0592868c9dd3220afe15e4', icon: "false" }, index.h("p", { key: 'a4ed8bae229782c08187ff6939c2d8c82fb28ebb' }, "2")), index.h("gb-pagination-button-group-base", { key: 'b80d9b225f9fab995d5329997cfb6911d95c76bb', icon: "false" }, index.h("p", { key: '24408677bfb0d3113f350dffe616d2716b503b45' }, "...")), index.h("gb-pagination-button-group-base", { key: '9915358667129f7f6aff2dfcdc58cf692855c27c', icon: "false" }, index.h("p", { key: '1de7a566d68ed462a76c359e9f9d254f94514acd' }, "9")), index.h("gb-pagination-button-group-base", { key: '825490a0e1275d4494b3e616ca62df9dae88c809', icon: "false" }, index.h("p", { key: 'c258ae38d4e77338d5e87a116f9714393e7b9b66' }, "10")), index.h("gb-pagination-button-group-base", { key: '541f5bc5d54082e2bb97fd41e461078b68c8a4eb', icon: "only", "icon-src": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() })))));
+        return (index.h("div", { key: '580f4615b736716d978e3796d0e32115e5801cc3', class: `pagination_div ${this.type} ${this.breakpoint}` }, this.type === 'page_default' && this.breakpoint === 'desktop' && (index.h(index.Fragment, null, index.h("gb-button", { key: '834ce4a3679e36f4c127a343b72c176a550ae5c2', size: "sm", hierarchy: "tertiary_gray", icon: "default", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg" }, index.h("p", { key: '913856200b7688757aee968a60e4c7b82a7b3a53' }, "Previous")), index.h("div", { key: 'e48ba4313f4c212755baacd06ede22734d7d41ac', class: "pagination_numbers" }, index.h("gb-pagination-number-base", { key: '6809b9addfa2857a026ca3ff9f0b1bb3560b9d01', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, index.h("p", { key: '2156d9906c670c8e0f525bf515593952e68078b5', slot: "page_number" }, "1")), index.h("gb-pagination-number-base", { key: '59b7f69a4f950591d87d04357c7acc227b61aa7f', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, index.h("p", { key: '167672cefe0a5221f28266aa2174dab16e732420', slot: "page_number" }, "2")), index.h("gb-pagination-number-base", { key: '69806200e82f1ca93d4e3d5e8daade315674657d', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, index.h("p", { key: '80c0e12c0ed48f90b6204b83d06f6d1f23053a7b', slot: "page_number" }, "3")), this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (index.h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default' }, index.h("p", { slot: "page_number" }, this.currentPage))) : null, index.h("gb-pagination-number-base", { key: 'b6dde6dfac0717303a3643f3244502fb0e57cd43', shape: this.shape }, index.h("p", { key: '085ff6884d6b67596bd6a4dceca5eb41129fb0c9', slot: "page_number" }, "...")), this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (index.h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default' }, index.h("p", { slot: "page_number" }, this.currentPage))) : null, index.h("gb-pagination-number-base", { key: '40255230fe3ce10de8463df0b937ab1d96ad0295', shape: this.shape, state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 2) }, index.h("p", { key: 'e94eed0964348f5c32b749a9d6d0b31bfa6cdb08', slot: "page_number" }, this.totalPages - 2)), index.h("gb-pagination-number-base", { key: '6981807c0de0176992ed20384869a66a03def8a0', shape: this.shape, state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 1) }, index.h("p", { key: '6c800edd7857e547299542fcc5990e611a40adef', slot: "page_number" }, this.totalPages - 1)), index.h("gb-pagination-number-base", { key: '480fe9b158eb66520f32eb349a59a818498fcd5f', shape: this.shape, state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages) }, index.h("p", { key: 'c7f8eccc68fe21fc0879abf3c14ca020a583b181', slot: "page_number" }, this.totalPages))), index.h("gb-button", { key: '787eb5b1db85cd24c75cd6768858ac43858615bd', size: "sm", hierarchy: "tertiary_gray", icon: "default", state: "default", "icon-trailing": true, "icon-trailing-swap": "assets/arrow-right-02.svg" }, index.h("p", { key: '88421e3461633f45740778f58776d45462bdb9ac' }, "Next")))), this.type === 'page_minimal_center_aligned' && this.breakpoint === 'desktop' && (index.h(index.Fragment, null, index.h("gb-button", { key: '861749d3e1f74521b5bdae361807c3a434fac2dd', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg" }, index.h("p", { key: '6c4b7d5c7c91f41f20edeb5d53db2054645d965f' }, "Previous")), index.h("div", { key: '03ba6bb843c268e94b341febdf023f45fbaa2eb5', class: "pagination_numbers" }, index.h("gb-pagination-number-base", { key: '108fab4695a018e0fa9afe6df200fcde1fd0d727', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, index.h("p", { key: '6eaf22cebbbb420dc30ffeb77f96d507e8103451', slot: "page_number" }, "1")), index.h("gb-pagination-number-base", { key: '7885a31ecdf00280b91d8ad1d501f748ab17f85e', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, index.h("p", { key: '4457a7c3680d0dbc44983a4bbc6d277b3d194064', slot: "page_number" }, "2")), index.h("gb-pagination-number-base", { key: '2ad1c0ad9c7c30e7c9d7f94447bbcf9067043445', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, index.h("p", { key: 'e8f0e806383477368b1faf15fa32e3602554d7d1', slot: "page_number" }, "3")), this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (index.h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default' }, index.h("p", { slot: "page_number" }, this.currentPage))) : null, index.h("gb-pagination-number-base", { key: '5fdb405dec5f038350020f5d132fedb62e90bd71', shape: this.shape }, index.h("p", { key: 'a5d909e23b6637fe98a1bc8466c986df1b175b1f', slot: "page_number" }, "...")), this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (index.h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default' }, index.h("p", { slot: "page_number" }, this.currentPage))) : null, index.h("gb-pagination-number-base", { key: '14c7b91cbf0a8061725c073227df52f0a65a78dc', shape: this.shape, state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 2) }, index.h("p", { key: 'b637941f65e23ac41b5ae8129ec02f5d0b31cf62', slot: "page_number" }, this.totalPages - 2)), index.h("gb-pagination-number-base", { key: '11b4d0fab9458e2910cbc26f3ab6f0c4d539a00f', shape: this.shape, state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 1) }, index.h("p", { key: 'fb9e4a372fce1b480892a3f1f2326df91ff38b01', slot: "page_number" }, this.totalPages - 1)), index.h("gb-pagination-number-base", { key: '259f9db08d161ba7ddc4191de832c762ef84bfc3', shape: this.shape, state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages) }, index.h("p", { key: 'ce4d9ef64597e82847d96a8a3e3d55497ed58583', slot: "page_number" }, this.totalPages))), index.h("gb-button", { key: '633aaa258e6e0f12505060727787a4f476c06429', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", "icon-trailing": true, "icon-trailing-swap": "assets/arrow-right-02.svg" }, index.h("p", { key: '854e6dbf2619624c886c6ca6d121ee2be1d7573e' }, "Next")))), this.type === 'card_default' && this.breakpoint === 'desktop' && (index.h(index.Fragment, null, index.h("div", { key: 'd0602c9e9e887433f095b45b22cb08c51ff57704', class: "pagination_entries" }, index.h("div", { key: 'de0abd377c001f39fddd039d308cbd7a453df5d7', class: "entries_text" }, index.h("p", { key: '049aa7eba17dc8919fac25256197a792475ee428', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), index.h("div", { key: '9a2beee71de6939b919264020ee7695a048beff2', class: `entries_dropdown` }, index.h("gb-input-dropdown", { key: '8bc2b5a03772a4f670d78c605c214299e61e840e', type: "default", state: "default", size: "sm", "show-label": false, "show-hint-text": false, "show-supporting-text": false, "show-help-icon": false, items: this.entries, "menu-position": "top", onDropdownItemSelected: this.handlePageSizeSelect.bind(this), value: this.defaultSelected }))), index.h("div", { key: 'a45047eead8f7d5b55af8530fad1b8e63f0a7213', class: "pagination_numbers" }, index.h("gb-pagination-number-base", { key: '74168996e3200abaa87771d0a1a0276c9e8e3fdd', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, index.h("p", { key: '2c2706c60abfce1d510b1baf887b37c6dfbae709', slot: "page_number" }, "1")), index.h("gb-pagination-number-base", { key: '35d26f489f7b48df769097760917165d6a7068cc', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, index.h("p", { key: 'e8a2bbd558cdc9052dd0178306c982396b81b96c', slot: "page_number" }, "2")), index.h("gb-pagination-number-base", { key: 'd51d7d0598c9d56db839b30e54139a78b730d4a6', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, index.h("p", { key: '0b6c064c8a3111dfa1a5616eadaabee98c2caae5', slot: "page_number" }, "3")), this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (index.h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default' }, index.h("p", { slot: "page_number" }, this.currentPage))) : null, index.h("gb-pagination-number-base", { key: '0dbd44f94ddd3e8791e0483243415997e8c513a6', shape: this.shape, state: "default" }, index.h("p", { key: 'ff42bf796140a8ccce781d13119c24a105752ca6', slot: "page_number" }, "...")), this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (index.h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default' }, index.h("p", { slot: "page_number" }, this.currentPage))) : null, index.h("gb-pagination-number-base", { key: 'b216fc1850d0a9e90aabec3b108edc8ae3af879e', shape: this.shape, state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 2) }, index.h("p", { key: '5890c0eb6253ab69961bd9eaf591210cd607c94c', slot: "page_number" }, this.totalPages - 2)), index.h("gb-pagination-number-base", { key: 'ce9d869b6e86370ab9cb2537c54ed94bd5105e51', shape: this.shape, state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 1) }, index.h("p", { key: 'd9bbe27afc6d0b1ca708701847d8bb8b393a71eb', slot: "page_number" }, this.totalPages - 1)), index.h("gb-pagination-number-base", { key: '830c5d33e32e1d8e7f4554d5ad9ffbc62aecaf00', shape: this.shape, state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages) }, index.h("p", { key: '816ee12c8dbe46cc17819fa5e3e902b6bd4069bd', slot: "page_number" }, this.totalPages))), index.h("div", { key: '1b773269491983e72e9b90a14fb63357080ef61e', class: "pagination_btns" }, index.h("gb-button", { key: '5624dd61c0a28bd151dd96d1ec6536809d799718', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), index.h("gb-button", { key: '926027b89c30756f10f284c6b28c4c196b6928a5', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() })))), this.type === 'card_minimal_right_aligned' && this.breakpoint === 'desktop' && (index.h(index.Fragment, null, index.h("div", { key: 'bb7ea314c5468c3b3950d4fc71f3b17021d402d6', class: "pagination_entries" }, index.h("div", { key: 'fec0f5f07f12f47ed49a3eb14c59a09cfcc0ff97', class: "entries_text" }, index.h("p", { key: 'ce3712df47050327521d907403c6b8334505b3f9', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), index.h("div", { key: '088d8d2bac8737c0ac14f964ba3c41b192be3d65', class: `entries_dropdown` }, index.h("gb-input-dropdown", { key: 'e100f508be632bb62a7bdc221a0a0d95e798cb8c', type: "default", state: 'default', size: "sm", "show-label": false, "show-hint-text": false, "show-supporting-text": false, "show-hep-icon": false, items: this.entries, "menu-position": "top", onDropdownItemSelected: this.handlePageSizeSelect.bind(this), value: this.defaultSelected }))), index.h("div", { key: '5998b5dc186b30eedbb37012171254d5b1d697a1', class: "page_number_text" }, index.h("p", { key: '155fefe5e763a3a6fe308a4f7b1b7d63c7ae355a', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), index.h("div", { key: '1c59b0303ac1fbc68cf41f4ba0b21b8762779fe6', class: "pagination_btns" }, index.h("gb-button", { key: '13304c372cc3180276ec2b4e0dd0101216a341a2', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, index.h("p", { key: '41fd9e81d5e97b713fcca1df856fc5c67452fcbc' }, "Previous")), index.h("gb-button", { key: '2f42c4234498d63d6035891af4d2a8859f1205cf', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, index.h("p", { key: '6201bc0493349f40a0334a6aa029786f4bf61852' }, "Next"))))), this.type === 'card_minimal_left_aligned' && this.breakpoint === 'desktop' && (index.h(index.Fragment, null, index.h("div", { key: 'eff4f3dbcca9eafd8990e2d5ee8fc54873df80f6', class: "pagination_btns" }, index.h("gb-button", { key: 'ac8563f3ace67502d5b02378f2842f8c23188533', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, index.h("p", { key: '27da9138e5cdb48456497011473a681a119b6b42' }, "Previous")), index.h("gb-button", { key: '374e06ae990e473496b64df52f9f96dae513021e', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, index.h("p", { key: '17e6a1eedc7f725d56a9e8115f2648374d9701a8' }, "Next"))), index.h("div", { key: '1cd913f3fd5fec47b129e042f2096d9dd8b520c8', class: "page_number_text" }, index.h("p", { key: 'd76ad41c059295605640afb2f44f786856d8b5f3', class: "text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), index.h("div", { key: 'a433b970b627fdeaf85fc228a469328db59aa49a', class: "pagination_entries" }, index.h("div", { key: '5dbc43aed2bd0b49ea93b8e89617dff06214caf6', class: "entries_text" }, index.h("p", { key: '43b482280009b3f3547362f325f4dbddd7f1985c', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), index.h("div", { key: 'b9cdb9bd5e34bb5981e4c8b57cf3b0027b5739d9', class: `entries_dropdown` }, index.h("gb-input-dropdown", { key: 'e9c29d1786911dd12a93da3d359d286b049d4f86', type: "default", state: 'default', size: "sm", "show-label": false, "show-hint-text": false, "show-supporting-text": false, "show-hep-icon": false, items: this.entries, "menu-position": "top", onDropdownItemSelected: this.handlePageSizeSelect.bind(this), value: this.defaultSelected }))))), this.type === 'card_minimal_center_aligned' && this.breakpoint === 'desktop' && (index.h(index.Fragment, null, index.h("gb-button", { key: 'f20419a5ed9d5ff4619ebd80be672e78bbd6d21b', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, index.h("p", { key: '0daece146a69b693f74ec6b99cb3a2ef3f0efa8d' }, "Previous")), index.h("div", { key: '723927672a120dc0a14c8617caebde6b4b12bc25', class: "page_number_text" }, index.h("p", { key: '4d35979c17bddd2ad74fa6a6d3978c8ed47b6b2a', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), index.h("gb-button", { key: 'f43794e99333a07af01f2e82a0cef0d598a9ac75', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, index.h("p", { key: 'ad161e8e3af044c070db0cd64359e04adccfe2ac' }, "Next")))), this.type === 'card_button_group_right_aligned' && this.breakpoint === 'desktop' && (index.h(index.Fragment, null, index.h("div", { key: '49e0d91c9ce1ebf54e47d1c9e8f0c3e84926f888', class: "pagination_entries" }, index.h("div", { key: 'a0fdd5a1fa0dd6f9f27d5bfb3759cf760ee497b8', class: "entries_text" }, index.h("p", { key: '6de456f1d5516c384aa153adea4355b6c22d32ea', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), index.h("div", { key: '3acd6c9aee7b4cc696cde3859d2a4aee2d329f20', class: `entries_dropdown` }, index.h("gb-input-dropdown", { key: '795eb3755229410e4a8fb00b8a2409ccedbede41', type: "default", state: 'default', size: "sm", "show-label": false, "show-hint-text": false, "show-supporting-text": false, "show-hep-icon": false, items: this.entries, "menu-position": "top", onDropdownItemSelected: this.handlePageSizeSelect.bind(this), value: this.defaultSelected }))), index.h("div", { key: '6fe0d29a1f14c2cb79619f20c1be1d3e8e7f0f3f', class: "pagination_button_group" }, index.h("gb-pagination-button-group-base", { key: '680f3e57680d138c7c35d9ced08e370a8e9e4a8f', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, index.h("p", { key: '989baec85f5f08b4361bf3331f6f3a0428da93ff' }, "Previous")), index.h("div", { key: '7fb74ab4ccb1fe77784b0576530090b0f3e39c36', class: "btn_group" }, index.h("gb-pagination-button-group-base", { key: '3f0116ae200b433f0aabad571ddf5fac6c5ba770', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, index.h("p", { key: 'e7565e3c89d164812259be8d0bb23a8b91542f95' }, "1"))), index.h("gb-pagination-button-group-base", { key: '0bade7131b7980dff62be6b3a5b7043a10b845c9', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, index.h("p", { key: '311cf1c6ade66777e0f3eec1d867e38826b58f79' }, "2")), index.h("gb-pagination-button-group-base", { key: 'ae044babbff6e69aa9da40c8a0a209600fd91e09', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, index.h("p", { key: 'aee6f39dc9cc8407e95484794883691518d56379' }, "3")), this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (index.h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default' }, index.h("p", null, this.currentPage))) : null, index.h("gb-pagination-button-group-base", { key: 'ae7c683c357706594b0a84a8dd62717dbc343082', icon: "false" }, index.h("p", { key: '38210e4d92164f9eb346593a1078470f8aa367f9' }, "...")), this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (index.h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default' }, index.h("p", null, this.currentPage))) : null, index.h("gb-pagination-button-group-base", { key: '20e51f6c76996079b5fa9b1886a6f9532d3522fc', icon: "false", state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 2) }, index.h("p", { key: '9215b3f74de9acaed8ea2a2d821f1b6acb63ed4b' }, this.totalPages - 2)), index.h("gb-pagination-button-group-base", { key: 'b8c699aa2927eeede77c0156422919081d3871fa', icon: "false", state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 1) }, index.h("p", { key: '42e5c80430d40f27d0651844ee69578b72dfb188' }, this.totalPages - 1)), index.h("gb-pagination-button-group-base", { key: 'c90d97ce4779fbf03ee6a80ef3cc0ac306286414', icon: "false", state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages) }, index.h("p", { key: 'a7be7c2c1f7f8f88cb1d0644321b8dfdd724d9a1' }, this.totalPages)), index.h("gb-pagination-button-group-base", { key: '1ca979a05b9433bc27310c998f9cc0ecfca00ee8', icon: "trailing", onClick: () => this.onNextButtonClicked() }, index.h("p", { key: '3197bc63c6d0389d47a34d0fab0371f4b002fce1' }, "Next"))))), this.type === 'card_button_group_left_aligned' && this.breakpoint === 'desktop' && (index.h(index.Fragment, null, index.h("div", { key: 'bec6b15cccefbe98f3d6a88dddf8c327ff20ed77', class: "pagination_button_group" }, index.h("gb-pagination-button-group-base", { key: '85751feea8f99ff9b7be37305504e30a4f37e3b2', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, index.h("p", { key: '8ea7191a337b7f92a1ac24498ce4c7e3627c9982' }, "Previous")), index.h("div", { key: '33c03c3e2655802207e78f494b628f329a1d8c25', class: "btn_group" }, index.h("gb-pagination-button-group-base", { key: 'dce798a9644475bf0b1a8669480b761b4d1da083', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, index.h("p", { key: '57ec7458f59dd9372ec7a12ad26861c52fa27a4d' }, "1"))), index.h("gb-pagination-button-group-base", { key: 'cef7ce4e47b52e3bb9d91e9a22bea5b11b5b7ada', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, index.h("p", { key: '12ca277b148b6774949bcaa2f1a68c2076665620' }, "2")), index.h("gb-pagination-button-group-base", { key: '69320993d3154fad315a85423c8d779d5d64cfdb', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, index.h("p", { key: '5e9a33e6dfbc5e04ea99d9b571e3a593ba7ddd2e' }, "3")), this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (index.h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default' }, index.h("p", null, this.currentPage))) : null, index.h("gb-pagination-button-group-base", { key: '4d639014b272b80a9b3a8fbbda4158da69660bdd', icon: "false" }, index.h("p", { key: 'de05fc29d65f7c15fc69e0d7ed75787e7e9a4495' }, "...")), this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (index.h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default' }, index.h("p", null, this.currentPage))) : null, index.h("gb-pagination-button-group-base", { key: '5ef051e1eb9821bc9f4cd31a6d0cef1ff93aefe6', icon: "false", state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 2) }, index.h("p", { key: 'b9d91c9789b294a462a111eb9a38094cf28c1501' }, this.totalPages - 2)), index.h("gb-pagination-button-group-base", { key: '524c34e38e388eaab513725f9a15ba348614be42', icon: "false", state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 1) }, index.h("p", { key: '63ea88b76aa3df3723f3c6f8cedb63ab628134ec' }, this.totalPages - 1)), index.h("gb-pagination-button-group-base", { key: '246a8b7463deae00178685ced7355ef18cf40c1f', icon: "false", state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages) }, index.h("p", { key: 'f7288ec3ea94bac501c1c5153d397be04c639e03' }, this.totalPages)), index.h("gb-pagination-button-group-base", { key: '9356539e42fa1f3ef0c2d45a23807c2303b37e35', icon: "trailing", onClick: () => this.onNextButtonClicked() }, index.h("p", { key: 'af4c041c60cf06bb7e5fe0e3368a8c85729c1638' }, "Next"))), index.h("div", { key: '25cb281f26dfb5b6b6574e6019d78ffbfdee13b7', class: "pagination_entries" }, index.h("div", { key: 'f040798ab9279ac972a45b2760b0f33216ccb9d8', class: "entries_text" }, index.h("p", { key: 'fe8e087532ab10fde81818552dd139df9ee66347', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), index.h("div", { key: '804d9fbc362aa6e3373b42cd094d672fd57bc668', class: `entries_dropdown` }, index.h("gb-input-dropdown", { key: '0125d5d6679991937c7485c2be761be4b59bccea', type: "default", state: 'default', size: "sm", "show-label": false, "show-hint-text": false, "show-supporting-text": false, "show-hep-icon": false, items: this.entries, "menu-position": "top", onDropdownItemSelected: this.handlePageSizeSelect.bind(this), value: this.defaultSelected }))))), this.type === 'card_button_group_center_aligned' && this.breakpoint === 'desktop' && (index.h(index.Fragment, null, index.h("div", { key: '5bf406159e8448f5e015cac2c9eddde805bea9a4', class: "pagination_button_group" }, index.h("gb-pagination-button-group-base", { key: 'c05671d1f80696c82322431578ec5381782ddffe', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, index.h("p", { key: 'aebe92a7034a9f2c8f556030bb018b127db8e698' }, "Previous")), index.h("div", { key: '4dff35dd42837a8b18e884fb000efcc136ccb793', class: "btn_group" }, index.h("gb-pagination-button-group-base", { key: '0443a26a056ce8ca06926d77cd7903542cb00f4e', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, index.h("p", { key: '13a59b1c7aab4eba7d1545b142673120f7446fd7' }, "1"))), index.h("gb-pagination-button-group-base", { key: 'b1f867dbf95b3b30f1c4ad783736bf5f80137b13', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, index.h("p", { key: '63705e2472ec9bf70e38c9f06d33a3d25225dfb8' }, "2")), index.h("gb-pagination-button-group-base", { key: 'e78c93dafe04995765d3e25246a46e54c097783d', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, index.h("p", { key: '0fc2b7ed67ab494d2a9ccd68c088bbab94569028' }, "3")), this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (index.h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default' }, index.h("p", null, this.currentPage))) : null, index.h("gb-pagination-button-group-base", { key: 'bbd43cca5094f420e36d30697a12ab6673240641', icon: "false" }, index.h("p", { key: '48e07b3b82113b1999e0e4d0b2920e67929c0449' }, "...")), this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (index.h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default' }, index.h("p", null, this.currentPage))) : null, index.h("gb-pagination-button-group-base", { key: '7cb588b7976cbc557a53e0568d5dba4962497707', icon: "false", state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 2) }, index.h("p", { key: 'fa642ba06d459762442c0f4a7bd49edcc9aa523f' }, this.totalPages - 2)), index.h("gb-pagination-button-group-base", { key: 'cca2bbd9905f99ca56f7264596d5903ce039ccf9', icon: "false", state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 1) }, index.h("p", { key: '1f053bd27f53f4dac8308f9910aabd8b011a26bc' }, this.totalPages - 1)), index.h("gb-pagination-button-group-base", { key: '5adb416ea69839b4dfaf34fbe3bb488ef6ffb342', icon: "false", state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages) }, index.h("p", { key: '8891bc59703ae92827d3fb21b0a849683c9dd113' }, this.totalPages)), index.h("gb-pagination-button-group-base", { key: '2ffb1d6872b29b3026d7f5fa0dec6b9fbf4f242e', icon: "trailing", onClick: () => this.onNextButtonClicked() }, index.h("p", { key: '29db784096418e236cd411ce6fb3e9981f6802f1' }, "Next"))))), this.type === 'page_default' && this.breakpoint === 'mobile' && (index.h(index.Fragment, null, index.h("gb-button", { key: '9637fba2ab2f891a863065c93b9dcf3fa34cda61', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), index.h("div", { key: 'a61765e276b4d254d8bf76b0c8b0e736a4632868', class: "page_number_text" }, index.h("p", { key: '18bc38b1a741594f5cdc0070d52e313ec9d26e6f', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), index.h("gb-button", { key: '9086539e949bf9e44fb5fcd7862217869a7525a6', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'page_minimal_center_aligned' && this.breakpoint === 'mobile' && (index.h(index.Fragment, null, index.h("gb-button", { key: 'c94ea68551ec3a50b12b63b58820f202ad51e485', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), index.h("div", { key: '507b48312122d9bb5ddb6928e0ed02a87383032d', class: "page_number_text" }, index.h("p", { key: '391b9c8d1327bb53b7f97fa2a161bee6ace4f4d3', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), index.h("gb-button", { key: '4bac8c0fea792ab5499b3552cd9b52ba7d9fa009', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_default' && this.breakpoint === 'mobile' && (index.h(index.Fragment, null, index.h("gb-button", { key: 'b84f5ce7c9560c87b5a079fc1f9fb690ca0eddbb', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), index.h("div", { key: '21226d6a386091360c39c91560448b431f3747bb', class: "page_number_text" }, index.h("p", { key: '3925262b0a388a544cc56e8dd1f3a40f35fe0302', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), index.h("gb-button", { key: '74e8665698f0396c6f2b403550233672a96bd012', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_minimal_right_aligned' && this.breakpoint === 'mobile' && (index.h(index.Fragment, null, index.h("gb-button", { key: 'df4ff4f3836784886fee8fc76e4e62c08eec1540', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), index.h("div", { key: '8df48e9e7a2cf1f0e7947a2ceb6a1be7c42e5365', class: "page_number_text" }, index.h("p", { key: 'aeb76bcf18dc585f0d333741bc27f6e624ec8b69', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), index.h("gb-button", { key: 'fb6ca74f32268721e244c60d688cec82a60de72f', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_minimal_left_aligned' && this.breakpoint === 'mobile' && (index.h(index.Fragment, null, index.h("gb-button", { key: 'cff11ed4fb98acf7ebf8e0ade8833f471b656c21', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), index.h("div", { key: 'c3b0a343c1f8a02c62915a510767b1de7ba4c42b', class: "page_number_text" }, index.h("p", { key: '2c87bf508c88f8c2876a30ddc4a4a63caf10f149', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), index.h("gb-button", { key: 'c92abad80aad3fb08bc6ea976909e2e5369865af', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_minimal_center_aligned' && this.breakpoint === 'mobile' && (index.h(index.Fragment, null, index.h("gb-button", { key: 'd0593be63126f0985a867516abfe1df438c860ee', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), index.h("div", { key: '50c0e5f68c50f2b3f06d3babb5103da7e4811dd7', class: "page_number_text" }, index.h("p", { key: '0f4fac0cb2431be1dd0841a453b7ec234931acca', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), index.h("gb-button", { key: '60e707a1e05092c553908b2257b2d6c0f56c3967', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_button_group_right_aligned' && this.breakpoint === 'mobile' && (index.h("div", { key: '2a970b2ce286b30538f1ac527232589a8d63012e', class: "pagination_button_group" }, index.h("gb-pagination-button-group-base", { key: 'e5026a7894fb074e991e3a5a6c0af2940d0f8c1e', icon: "only", "icon-src": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), index.h("div", { key: '29bb22b584ba69fd78dcd15742d21ed118108dcc', class: "btn_group" }, index.h("gb-pagination-button-group-base", { key: '01985f0f93b7591da7e65e09183220deb962403d', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, index.h("p", { key: '789fa41ac2e5552fca01201bb728c733b3f6147b' }, "1"))), index.h("gb-pagination-button-group-base", { key: 'b3e9ea530b9c726c39cc3ad05c76d825a92f90d9', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, index.h("p", { key: '1f69d2bca92a90b1d319c6ef67ff55a8b0ab8abc' }, "2")), this.currentPage > 2 && this.currentPage <= this.totalPages / 2 ? (index.h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 2 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default' }, index.h("p", null, this.currentPage))) : null, index.h("gb-pagination-button-group-base", { key: 'ea0898e10938a733bee75fe97c0d1e68eca1baed', icon: "false" }, index.h("p", { key: '4254199c0e48e033a4db84d4efb2ef9986520d16' }, "...")), this.currentPage > this.totalPages / 2 && this.currentPage <= this.totalPages - 2 ? (index.h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.totalPages / 2 && this.currentPage <= this.totalPages - 2 ? 'active' : 'default' }, index.h("p", null, this.currentPage))) : null, index.h("gb-pagination-button-group-base", { key: '0764ea74f468a3aa88414ffa58458e036192e58a', icon: "false", state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 1) }, index.h("p", { key: 'ee6f5ae733303cc45b1c91d3eaaefc84c186b05d' }, this.totalPages - 1)), index.h("gb-pagination-button-group-base", { key: '4d5c05b5bf7d51b3bbd1a92e13c1a16da07271f8', icon: "false", state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages) }, index.h("p", { key: '6afe98d1c3a062259c45cab0fff1b16768e1abc4' }, this.totalPages)), index.h("gb-pagination-button-group-base", { key: '822b17d7ae5ad49f431cc7365f5e17e21825351b', icon: "only", "icon-src": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_button_group_left_aligned' && this.breakpoint === 'mobile' && (index.h("div", { key: '55c37e7bcf0d778c5e7f6c3dae5f5a1cc39a51d9', class: "pagination_button_group" }, index.h("gb-pagination-button-group-base", { key: 'd3d25abb511b80294e86cd6a8af14fc171c2b544', icon: "only", "icon-src": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), index.h("div", { key: 'dd69c3019fc7b6c5ea949da7f37952ec245af1b0', class: "btn_group" }, index.h("gb-pagination-button-group-base", { key: '93daafe6417b7bc21e65b1c49e086561a42ce279', icon: "false", state: "active" }, index.h("p", { key: '95ff9abece1326acb7ade2dac71140534715675d' }, "1"))), index.h("gb-pagination-button-group-base", { key: '2e161e1106556c0fd6eb84c303562b1731289dd4', icon: "false" }, index.h("p", { key: 'c0ced1f066c01ec1094d552ee4c4daef2b163669' }, "2")), index.h("gb-pagination-button-group-base", { key: 'ea8fe4bd8400cb675607ccf5a23b06b336752fb6', icon: "false" }, index.h("p", { key: '4892d26b30865f4f15f338216957179592477253' }, "...")), index.h("gb-pagination-button-group-base", { key: 'bbef023bbac21e5dfa9c52b645cd5b9ab6163e7a', icon: "false" }, index.h("p", { key: '40e8974a1ae01c8d84782746b0ba4fccd1114815' }, "9")), index.h("gb-pagination-button-group-base", { key: '8f864dbbbb09431e1133b062cafedcf5fc6e9fe0', icon: "false" }, index.h("p", { key: '3b2f8eec0aa65611abd3c7b7cc3b4dbe7c052b1d' }, "10")), index.h("gb-pagination-button-group-base", { key: 'efa424e83e581dc4de0963455464d02fcd8db2fc', icon: "only", "icon-src": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_button_group_center_aligned' && this.breakpoint === 'mobile' && (index.h("div", { key: '76d1a7129cb0601ece8663262dff50430c14b1b3', class: "pagination_button_group" }, index.h("gb-pagination-button-group-base", { key: '14b74a3efb1ff99d11610a49f5690b8836f8093d', icon: "only", "icon-src": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), index.h("div", { key: '8284aa95159d965de254dfb9e138ef6b40221981', class: "btn_group" }, index.h("gb-pagination-button-group-base", { key: '8d832ddcec265b1884e5c13da21c4297cd2cc3c9', icon: "false", state: "active" }, index.h("p", { key: 'cb4721f05354760f607832c1d4ba2a77f1fbc04e' }, "1"))), index.h("gb-pagination-button-group-base", { key: '2724f2905b295b3be1555634b6180806fe0144f8', icon: "false" }, index.h("p", { key: 'f476001c1d143d6b8ef75afd7527d4ee110e50b8' }, "2")), index.h("gb-pagination-button-group-base", { key: '0fe68e0e1285cddf2e0b2d8f934dd693cda3f88a', icon: "false" }, index.h("p", { key: 'c485536627dc7f53ece6d4aa14077f8f2abb6051' }, "...")), index.h("gb-pagination-button-group-base", { key: '47985c5ea0dc9d568df194840d593ff56ccf10c2', icon: "false" }, index.h("p", { key: '42277045e1921f5d9c7a809f9e90bf2551a31807' }, "9")), index.h("gb-pagination-button-group-base", { key: 'b44ebc498ae9d7c9da15738106e4e45b3e709e7d', icon: "false" }, index.h("p", { key: '61508c591ab4ad683544197def0489fd02ea04a4' }, "10")), index.h("gb-pagination-button-group-base", { key: 'df39b8838d8b1318d94b1054e58a0399816b30ae', icon: "only", "icon-src": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() })))));
     }
 };
 GbPagination.style = GbPaginationStyle0;

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

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

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

@@ -13,7 +13,7 @@ const GbScrollbar = class {
         this.length = '25%';
     }
     render() {
-        return (index.h("div", { key: '5b6d86bac9adc341d4a0a7975a857ea6d5700b0e', class: "scrollbar-container" }, index.h("div", { key: 'fe8d5dbcd692dc27059d9421aa4f33533026bce8', class: "scrollbar", style: { height: this.length } }, index.h("slot", { key: 'd42d778af8ac3bf2767d0dabd653a3a488885034' }))));
+        return (index.h("div", { key: 'df5a9a9cb82066f764939a2f2de2f07873d1dc3c', class: "scrollbar-container" }, index.h("div", { key: '4747344087fbd18e7f175056b7d6a4e7641c313c', class: "scrollbar", style: { height: this.length } }, index.h("slot", { key: '845697b188662eb6b01f6592613c3aaf0cb90900' }))));
     }
 };
 GbScrollbar.style = GbScrollbarStyle0;