globuswebcomponents 1.2.4 → 1.2.6

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: 'c5e4c441d338879eddbb0e2dcad42da71f468e02', class: "dropdown-container", onClick: () => this.handleClick() }, index.h("div", { key: 'b6e265b02440c142555f1eda14e38c3a12846217', 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: 'bc2af3b209e0c54f923bf3529a4916c446bf915e', class: "content" }, this.type === 'icon_leading' && (index.h("svg", { key: '507b3110f98e36a8d17d2045227dd5aa4d668be5', id: "icon", xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, index.h("path", { key: 'ccb53ecf9091004a8213d2dc423b4bad527b2131', d: "M5.48131 12.9013C4.30234 13.6034 1.21114 15.0368 3.09388 16.8305C4.01359 17.7067 5.03791 18.3334 6.32572 18.3334H13.6743C14.9621 18.3334 15.9864 17.7067 16.9061 16.8305C18.7889 15.0368 15.6977 13.6034 14.5187 12.9013C11.754 11.2551 8.24599 11.2551 5.48131 12.9013Z", stroke: "#4B5565", "stroke-width": "1.5" }), index.h("path", { key: '8be52802ade1e70c859534ec204decf13c8f065b', d: "M13.75 5.41669C13.75 7.48776 12.0711 9.16669 10 9.16669C7.92893 9.16669 6.25 7.48776 6.25 5.41669C6.25 3.34562 7.92893 1.66669 10 1.66669C12.0711 1.66669 13.75 3.34562 13.75 5.41669Z", stroke: "#4B5565", "stroke-width": "1.5" }))), this.type === 'avatar_leading' && (index.h("gb-avatar", { key: 'c9e3e453041b990bd2fb73496caf9c7384ff7485', class: "avatar-icon", size: "xs", color: this.color, text: true }, index.h("slot", { key: 'c36d953fef72ea4294f1b5db769f18714549f3fd', name: "initials", slot: "initials" }))), this.type === 'dot_leading' && (index.h(index.Fragment, null, this.state === 'default' ? (index.h("svg", { id: "icon", xmlns: "http://www.w3.org/2000/svg", width: "10px", height: "10px", viewBox: "0 0 10 10", fill: "none" }, index.h("circle", { cx: "5", cy: "5", r: "4", fill: "#17B26A" }))) : (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "10", height: "10", viewBox: "0 0 10 10", fill: "none" }, index.h("circle", { cx: "5", cy: "5", r: "4", fill: "#EEF2F6" }))))), this.type === 'checkbox' && index.h("gb-checkbox", { key: '0c1f9890edca2d23ba179356099ddb905bc3dd4f', class: "checkbox", size: "md", type: "checkbox", state: this.state, checked: this.selected }), index.h("slot", { key: 'e361775d35c92306822cf8276c234b8beebda9b7', name: "name" }), this.supportingText && (index.h("span", { key: 'ed83ecad3f6797587cc1bab94466905fa9cd661b' }, index.h("slot", { key: '7fad61ec6ce3b753e18e33166847a95d9319c38b', name: "supporting_text" })))), this.selected && this.type !== 'checkbox' && (index.h("div", { key: 'ca33d829b7096485e9cdca22d2f359ed125dabfc', class: `tick` }, this.state !== 'disabled' ? (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", class: `${this.state}` }, index.h("path", { d: "M4.16669 12.0834C4.16669 12.0834 5.41669 12.0834 7.08335 15C7.08335 15 11.7157 7.36115 15.8334 5.83337", stroke: "#075DB2", "stroke-width": "1.66667", "stroke-linecap": "round", "stroke-linejoin": "round" }))) : (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, index.h("path", { d: "M4.16669 12.0834C4.16669 12.0834 5.41669 12.0834 7.08335 15C7.08335 15 11.7157 7.36115 15.8334 5.83337", stroke: "#CDD5DF", "stroke-width": "1.66667", "stroke-linecap": "round", "stroke-linejoin": "round" }))))))));
     }
     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: 'a08477bc9dd07fbe039980d8ddcc29cc50a00b8a', class: `container ${this.size}` }, index.h("div", { key: '9baa9887be3558879f16fee1198e157518fa332d', class: `content ${this.size}` }, this.checkbox && index.h("gb-tag-checkbox", { key: '1f618dfa6f0da46fd7fd2030225a0e95b391865d', size: this.size }), this.icon === 'false' && index.h(index.Fragment, null), this.icon === 'country' && (index.h("div", { key: 'a72ee6542d1ab496e2d35c2bd70cfaa060ca5edd', class: "icon left-icon" }, index.h("img", { key: 'b2e686b2d9dd63be3afd9c251ee4e8b01f117b8c', src: flagSwap, alt: "Country Icon" }))), this.icon === 'avatar' && (index.h("gb-avatar", { key: 'e47f3adb2954f09dfc0d8e855952847b17f2912d', class: "avatar-icon", size: "xxs", "status-icon": "false", text: true, color: "gray" }, index.h("slot", { key: '95fb7e08a9b82c139b798de2e020028cdc20db98', name: "initials", slot: "initials" }))), this.icon === 'dot' && (index.h("svg", { key: '0f6628a34432cb71183c32c3e36d65113c0939e6', xmlns: "http://www.w3.org/2000/svg", width: "8", height: "8", viewBox: "0 0 8 8", fill: "none" }, index.h("circle", { key: 'dc6d4dc1db801d7cec830f7a1b43bd7d92a662bb', cx: "4", cy: "4", r: "3", fill: "#17B26A" }))), index.h("div", { key: '1d8ecd062b757203260972485cc76f00ed5181f3', class: "label" }, index.h("slot", { key: '02080a926e6bd2736ff832078561b929d104b1ad' })), this.action === 'count' && (index.h("gb-tag-count", { key: 'daa4827cadf25fc46d6ca98d9af7d536f2890eb4', size: this.size }, index.h("slot", { key: '7e1c8fdfe51b6c235ad06439e59cdd92ee6b713a', slot: "count", name: "count" })))), this.action === 'X_close' && index.h("gb-tag-close", { key: 'ff8d84a89868c9272b6514c922148c24dcd1f2f0', size: this.size, onClick: () => this.onTagClose() })));
     }
     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: '31a2737c7e57fb716876ff9e1e46d8913d89c437', class: `checkbox-container ${this.size} ${this.disabled ? 'disabled' : ''}` }, index.h("input", { key: '353258dd056318740eab676fbc5a0a026f3e0d8c', type: "checkbox", checked: this.checked, disabled: this.disabled }), index.h("span", { key: '46733e93669bc09b27dff8d620fbc06878617e66', class: `custom-checkbox ${this.size}` }, index.h("svg", { key: '94ebafe0e9a3eeffe0285d3f2679bb9b4f09016b', class: "checkmark", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 12 12", fill: "none" }, index.h("path", { key: 'd7d5a52a8a41ec0ef038ab7508f5fc639e5c2549', d: "M2.5 7.25C2.5 7.25 3.25 7.25 4.25 9C4.25 9 7.02941 4.41667 9.5 3.5", stroke: "white", "stroke-width": "1.71429", "stroke-linecap": "round", "stroke-linejoin": "round" })))));
     }
 };
 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: 'deb939e15b5f42a6639d5f1bb0af397d4bc33acb', class: this.size }, index.h("svg", { key: '899b3fe4aead28221d71306996895fe3b933beef', xmlns: "http://www.w3.org/2000/svg", width: "10", height: "10", viewBox: "0 0 10 10", fill: "none" }, index.h("path", { key: '584282ecd67e4acfde590faa3f81461ed81f8fc0', d: "M7.91683 2.08328L2.0835 7.91662M2.0835 2.08328L7.91683 7.91662", stroke: "#4B5565", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))));
     }
 };
 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: 'f2944ba15989f6081b157606bea88b76f7a93a0d', class: this.size }, index.h("slot", { key: '49e4eb911c3758c06c87743c27f6ca031518e34e', 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: 'fd48e894c99cfc6e649b7c81d7dbe80ef59deff1', class: `input_dropdown_container ${this.type === 'tags' ? 'tag' : ''}` }, index.h("div", { key: '1e41d5f2cca1092072f20c9d32f753f0bd678da6', class: `input_with_label` }, this.showLabel && (index.h("p", { key: '7337cc7c0f0aaa8738b7a72e527318e086956c85', class: "text-sm-regular", style: { color: '#4B5565' } }, this.label.charAt(0).toUpperCase() + this.label.slice(1).toLowerCase())), index.h("div", { key: 'd3ecc769d5c1f509efbcdbe3e73132acc8b9ee6b', class: `input_dropdown_div ${this.size} ${this.state} ${this.destructive ? 'destructive' : ''} ${this.type === 'tags' ? 'tag' : ''} ${this.dropdownOpen ? 'focused' : ''}`, onClick: e => this.toggleDropdown(e) }, this.type === 'icon_leading' && (index.h("svg", { key: 'd095ada6d2fec5a4a51c7ee5bfe74fb0466baf03', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, index.h("path", { key: 'f5c90f1e2c3f3a8a15e3c600d2a5a494a3dce6e7', d: "M5.48131 12.9013C4.30234 13.6033 1.21114 15.0368 3.09388 16.8305C4.01359 17.7067 5.03791 18.3333 6.32572 18.3333H13.6743C14.9621 18.3333 15.9864 17.7067 16.9061 16.8305C18.7889 15.0368 15.6977 13.6033 14.5187 12.9013C11.754 11.2551 8.24599 11.2551 5.48131 12.9013Z", stroke: "#697586", "stroke-width": "1.66667" }), index.h("path", { key: '18853e5c2aa73db2f9caa57b7e18507d0e83ca23', d: "M13.75 5.41667C13.75 7.48774 12.0711 9.16667 10 9.16667C7.92893 9.16667 6.25 7.48774 6.25 5.41667C6.25 3.3456 7.92893 1.66667 10 1.66667C12.0711 1.66667 13.75 3.3456 13.75 5.41667Z", stroke: "#697586", "stroke-width": "1.66667" }))), this.type === 'avatar_leading' && (index.h(index.Fragment, null, this.state === 'default' && (index.h("svg", { key: '101e2c2f9b0cea612d385c5bb8d15e30e69007ee', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, index.h("path", { key: '26c284f8a1cc538f8b412c3c998dfaaefabd9d83', d: "M5.48131 12.9013C4.30234 13.6033 1.21114 15.0368 3.09388 16.8305C4.01359 17.7067 5.03791 18.3333 6.32572 18.3333H13.6743C14.9621 18.3333 15.9864 17.7067 16.9061 16.8305C18.7889 15.0368 15.6977 13.6033 14.5187 12.9013C11.754 11.2551 8.24599 11.2551 5.48131 12.9013Z", stroke: "#4B5565", "stroke-width": "1.66667" }), index.h("path", { key: 'b6122111e2d76afc0aee28626acf450f4ed25e8c', d: "M13.75 5.41666C13.75 7.48772 12.0711 9.16666 10 9.16666C7.92893 9.16666 6.25 7.48772 6.25 5.41666C6.25 3.34559 7.92893 1.66666 10 1.66666C12.0711 1.66666 13.75 3.34559 13.75 5.41666Z", stroke: "#4B5565", "stroke-width": "1.66667" }))), this.state === 'filled' && (index.h("gb-avatar", { key: '6f30b1d4baaccc7c40d71d95fdf904136a146b3f', size: "xs", text: this.text, color: this.color, "show-border": this.showBorder }, this.selectedItems.map(item => (index.h(index.Fragment, null, typeof item === 'object' ? (index.h("h1", { slot: "initials" }, item.name.split(' ').map(part => part.charAt(0).toUpperCase()))) : (index.h("h1", { slot: "initials" }, item.split(' ').map(part => part.charAt(0).toUpperCase())))))))))), this.showLeadingIcon && index.h(index.Fragment, null, this.type === 'search' || this.type === 'tags' ? index.h("div", { class: `icon`, innerHTML: this.leadingIconSvg }) : null), this.type === 'dot_leading' && (index.h("svg", { key: 'd8c33192e30e06fcb9808cb606103626b61ecff9', xmlns: "http://www.w3.org/2000/svg", width: "10", height: "10", viewBox: "0 0 10 10", fill: "none", class: `dot ${this.size}` }, index.h("circle", { key: '306f1a2be655475e1d72ac1adcc9c47c93e16738', cx: "5", cy: "5", r: "4", fill: "#079455" }))), index.h(index.Fragment, null, this.state === 'default' && (index.h(index.Fragment, null, this.placeholder && (index.h("div", { key: 'a3af780693b0dd1ec06f4366fa375496732d92c4', class: "placeholder" }, index.h("p", { key: '272e3ee8711d312af266024fe8526b5c2f3fdf7c', class: "text-md-regular", style: { color: '#CDD5DF' } }, this.placeholder))))), this.state === 'filled' && (index.h(index.Fragment, null, index.h("div", { key: '9d6e1440d72583d527e313f19431f5717271bbf9', class: `content` }, index.h("div", { key: '9cab5d0f2e27af9e41703de391d6e64f542ff646', class: `text text-md-regular ${this.type === 'tags' ? 'tag' : ''}`, style: { color: '#4B5565' } }, this.type === 'tags' ? (index.h(index.Fragment, null, this.value.length === 0 ? (index.h(index.Fragment, null, this.selectedItems.map((item, index$1) => typeof item === 'object' ? (index.h("div", { class: "added_tag", key: index$1 }, index.h("gb-tag", { size: "sm", icon: this.icon ? this.icon : 'avatar', action: "X_close", onClick: () => this.handleTagRemove(item) }, index.h("p", { class: "text-xs-medium" }, item.name.split(' ')[0]), index.h("h1", { slot: "initials", class: "text-xxs-semi-bold" }, item.name
                 .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: '1bc4598b6cd23c324298dcc29e51dc4ae9aba45f', class: "supporting_text text-sm-regular", style: { color: '#697586' } }, this.type !== 'tags' && (index.h(index.Fragment, null, this.value.length === 0 ? index.h(index.Fragment, null, this.selectedItem.username) : index.h(index.Fragment, null, this.value.map(item => typeof item === 'object' && item.username))))))))), this.state === 'disabled' && (index.h(index.Fragment, null, index.h("div", { key: '23ed90e0bcf4531c4e51dc643ad7d69cf1c6253c', class: `content` }, index.h("div", { key: '3fa5c88d3d08e37398ad6b2c2359c69d5c5a51af', class: `text text-md-regular ${this.type === 'tags' ? 'tag' : ''}`, style: { color: '#4B5565' } }, this.type === 'tags' ? (index.h(index.Fragment, null, this.value.map((item, index$1) => typeof item === 'object' ? (index.h("div", { class: "added_tag", key: index$1 }, index.h("gb-tag", { size: "sm", icon: this.icon ? this.icon : 'avatar', action: "X_close" }, index.h("p", { class: "text-xs-medium" }, item.name.split(' ')[0]), index.h("h1", { slot: "initials", class: "text-xxs-semi-bold" }, item.name
                 .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: 'f56aad2d36a6c1205321a4e25926fa5034c7353b', class: "supporting_text text-sm-regular", style: { color: '#697586' } }, this.type !== 'tags' && (index.h(index.Fragment, null, this.value.length === 0 ? index.h(index.Fragment, null, this.selectedItem.username) : index.h(index.Fragment, null, this.value.map(item => typeof item === 'object' && index.h(index.Fragment, null, item.username))))))))))), this.showHelpIcon && (index.h("div", { key: 'a4083a6c4013d84e97a74a871a991aec783e9acc', class: `help_icon` }, index.h("gb-help-tooltip", { key: '5cba09ff8e6b9582f91541d1f9fa0ca12017a1e5', "show-supporting-text": true }, index.h("slot", { key: '5f62fb17ad3114d780a3618842119534e64f5dcb', name: "tooltip_label", slot: "label" }), index.h("slot", { key: '97d6fdd19e5c91ffd2427463262e04d01b726a2b', name: "tooltip_supporting_text", slot: "supporting_text" })))), this.type !== 'search' && (index.h("div", { key: 'e597554a1995a3d7514d58244c4cc68d0c403f09', class: `dropdown_icon ${this.dropdownOpen ? 'opened' : ''}` }, index.h("svg", { key: 'a4e55372f637e7511f157e7228e3b5e15737915f', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", class: `${this.state}` }, index.h("path", { key: '727e624a6eed5ba50f99a26c09e355da459da7aa', d: "M15 7.50004C15 7.50004 11.3176 12.5 9.99996 12.5C8.68237 12.5 5 7.5 5 7.5", stroke: "#697586", "stroke-width": "1.66667", "stroke-linecap": "round", "stroke-linejoin": "round" })))), index.h(index.Fragment, null, this.dropdownOpen && (index.h("div", { key: 'd86d3dab22d9a479a7db3b470d07170a7767ad84', class: `dropdown_menu ${this.menuPosition}`, ref: el => (this.dropdownRef = el), onClick: e => e.stopPropagation() }, this.showSearchInput && (index.h("div", { key: 'ad25ae634ee8b9e3d6913fab26fefbde5a55d28f', class: "dropdown_search_field" }, index.h("gb-input-field", { key: 'ccf8622ccde3d272d4b98b7b883772de01a2b331', size: "sm", value: this.inputValue, "show-close-button": this.inputValue ? true : false, "icon-swap": "assets/search-01.svg", placeholder: "Search banks", type: "icon_leading", labelText: "label", idOfInput: "3", onInputValueChanged: this.searchItems.bind(this) }))), this.searchItem ? (index.h(index.Fragment, null, this.searchItem !== '' && this.searchResults.length > 0 ? (index.h(index.Fragment, null, this.searchResults.map(item => (index.h("gb-input-dropdown-menu-item", { type: this.type === 'search' ? 'checkbox' : this.type === 'tags' ? 'checkbox' : this.type, state: reusableModels.StateEnum.Default, "supporting-text": this.supportingText, selected: this.isItemSelected(item), onClick: () => this.handleItemSelect(item) }, typeof item === 'object' ? (index.h(index.Fragment, null, index.h("p", { slot: "name" }, item.name), index.h("p", { slot: "supporting_text" }, item.username))) : (index.h("p", { slot: "name" }, item))))))) : this.searchItem !== '' && this.searchResults.length === 0 ? (
             //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: '39fe9a2f8f5ed18a045bb5ab5ffd9c8fd2d0d63f', class: `button_base_div ${this.icon} ${this.state}` }, this.icon === 'false' && index.h("slot", { key: 'f8b9a0e1babfcbaba38997f3c584ef08ecb9d356' }), this.icon === 'leading' && (index.h(index.Fragment, null, index.h("svg", { key: '96b74f3aab3fe972229f8430da7dcf633b77fb50', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, index.h("path", { key: '1610772bbfd876ca76111e4d8a2bd29ff2e59ba5', d: "M3.33325 9.99981H16.6666M3.33325 9.99981C3.33326 11.0978 7.49975 14.1667 7.49975 14.1667M3.33325 9.99981C3.33324 8.90182 7.49978 5.83334 7.49978 5.83334", stroke: "#4B5565", "stroke-width": "1.67", "stroke-linecap": "round", "stroke-linejoin": "round" })), index.h("slot", { key: '5d6402acfc2aeb82dcf3ffa0734ab90b14ae6d5d' }))), this.icon === 'trailing' && (index.h(index.Fragment, null, index.h("slot", { key: 'c60c31d830d03219c075ae8031d46b197f8671a2' }), index.h("svg", { key: 'ff099027abde8a276913b3ce1833a2e185876f50', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, index.h("path", { key: '6a4b892feb86462186cf75a7c4ecfecdfb67e1d8', d: "M16.6668 9.99984H3.3335M16.6668 9.99984C16.6668 11.0978 12.5003 14.1667 12.5003 14.1667M16.6668 9.99984C16.6669 8.90185 12.5002 5.83337 12.5002 5.83337", stroke: "#4B5565", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })))), this.icon === 'only' && (index.h(index.Fragment, null))));
     }
     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: 'c26a0e04e2b0801fecdfcb6977bd70af91c952c1', class: `page_number_base ${this.shape} ${this.state}` }, index.h("slot", { key: 'f9c2bf598ed574b9efdcc0338a54a00f4d93fe71', 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: 'a9f7f1113bc7a6a99d1f9d74dd3fea636875fb49', class: {
                 [this.size]: true,
                 disabled: this.state === 'disabled'
-            } }, index.h("input", { key: 'aa01f4a02c369e4e8b52f68eebc1d70c4b159a23', class: {
+            } }, index.h("input", { key: '6874620a5f4421fb9ae6e6898418afb902eae5aa', 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: 'a927a7d2b89d6bb3e5c89384c5b8abec2d5c1180', class: "notification_container" }, index.h("div", { key: 'c7086bc508aa861f5196b914d78dee8345e5b72d', class: "notification_title" }, this.icon && (index.h("div", { key: '460556aa305ea58ae38e1cc69c8a0c96d1c5c8da', class: "icon" }, index.h("img", { key: '6881e4f60e61dd628b0459cbd095b12ed67da6af', src: iconSrc, alt: "Icon" }))), index.h("label", { key: '3ebad3c8da7bb1c685bb4a7efeea262afb38ad78' }, this.label), index.h("span", { key: 'b7a820b8c2e991ef3c1fa436871829093675cfbf', class: "time" }, this.time)), index.h("div", { key: '57037e2c460e03d64bfe6d3d7a0002d8633fdc6f', class: "supporting_text" }, index.h("p", { key: 'a3b197e0aec9c12f42759254188dfda23e73e5ec', class: "text-sm-regular" }, this.supportingText))));
     }
 };
 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: '3cf2e8f89a7ba5218e56553b916ab6deab5a9dd1', class: "notification_pane_div" }, this.state === 'empty' && [
+            index.h("div", { key: 'ed5b42c65100404df57221dfb98e7a39df67efb8', class: `container` }, index.h("div", { key: 'e2ae0a2fa63d2d4476054781f4814d359ca3b2a0', class: "frame" }, index.h("img", { key: '5fb509d8671f70afa0b84a27113cd75231eaac78', src: patternSrc, alt: "", class: "empty_state_pattern" }), index.h("div", { key: '34b3b4d21c1547fb4830b0c8d78142c9739e580f', class: "empty_state" }, index.h("div", { key: 'f18b8f6e7bfd2bb1170c2c80ce177d2819418f2a', class: "content" }, index.h("img", { key: 'ecaac23522d2d9979cd77c98ea5881a74c677344', src: illustrationSrc, alt: "bell-icon", class: "bell_icon" }), index.h("div", { key: '3ffd7ac7c086c03e6fb4d1410860ce86d898aafa', class: "text" }, index.h("slot", { key: 'feec04201f26ece9eef017f72722d77c157c493a', name: "label" }), index.h("slot", { key: 'a4a08b7c89310f8cfe2951c131b2291b10046e14', name: "supporting_text" })))))),
+            index.h("div", { key: '8b65379bf5f98868d01152dbfacebd6916c3a4ce', class: `button` }, index.h("gb-button", { key: 'd40c0741e13d763008921ba94a1d996c61cf6ead', size: "sm", hierarchy: "tertiary_color", icon: "default", state: "disabled", "icon-leading": true, "icon-leading-swap": "assets/blush_brush.svg" }, index.h("p", { key: 'fd7ee2d9d52b20c4ea9ed62b771e95fcaba697c4' }, "Mark all as read"))),
         ], 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: '2898e3106089e584311e16457b6bfe209a8f66ef', class: "dot_group_div" }, index.h("div", { key: '0277b88ea306ed167e06d628b25b8137aa8e6f38' })));
     }
 };
 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: '0c5844aa433ed1cbc8fe26ff27dc7ea4eaca4304', 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: '586869025a7035cf3ff9a5978a353493752009b1', class: `pagination_div ${this.type} ${this.breakpoint}` }, this.type === 'page_default' && this.breakpoint === 'desktop' && (index.h(index.Fragment, null, index.h("gb-button", { key: '50cbd6d8efa550ce6277dfc41f4ebe0e45fa985a', size: "sm", hierarchy: "tertiary_gray", icon: "default", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg" }, index.h("p", { key: '504d1fa2aba4aa5c3b591e60b730d10b16de022e' }, "Previous")), index.h("div", { key: 'ec9f33029ee74c899ac5b3b7e8950665a1d34893', class: "pagination_numbers" }, index.h("gb-pagination-number-base", { key: '2c57417892313cfbfaf83b6c27de25163ad6f79e', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, index.h("p", { key: 'ee9e789e5da4cf65b741c5568c646e629f4ad1c5', slot: "page_number" }, "1")), index.h("gb-pagination-number-base", { key: '58ad4d26fb23de388fd89d3aa18bc16fb092f6e2', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, index.h("p", { key: 'c33707be91c9c0eee352ec43ccc1e4d07c1333c2', slot: "page_number" }, "2")), index.h("gb-pagination-number-base", { key: 'bad6cf474ee81934a9ef58d3483169aa9b84900c', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, index.h("p", { key: '251286a89dee14868dc3e181b45c2892bdbb0f09', slot: "page_number" }, "3")), this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (index.h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default' }, index.h("p", { slot: "page_number" }, this.currentPage))) : null, index.h("gb-pagination-number-base", { key: '0530562ea3727f067f882da936f11e84be560e7e', shape: this.shape }, index.h("p", { key: '7f3686ba6a8058dd2a547a63e196030d8aeca229', slot: "page_number" }, "...")), this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (index.h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default' }, index.h("p", { slot: "page_number" }, this.currentPage))) : null, index.h("gb-pagination-number-base", { key: 'ab89a97886659f160481d9e516e5cada41d2d3aa', shape: this.shape, state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 2) }, index.h("p", { key: '5800d15fac0bb7fd0a0a946dd5d406339498b7df', slot: "page_number" }, this.totalPages - 2)), index.h("gb-pagination-number-base", { key: 'dfd08f742efe693ce0d5dcede93c6a3f6405f021', shape: this.shape, state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 1) }, index.h("p", { key: '2dfc05e880dc515c9722fc61aeba6e83e5c8fbda', slot: "page_number" }, this.totalPages - 1)), index.h("gb-pagination-number-base", { key: 'fe926a46eb10f541ce087501d979ddf1a9ff900e', shape: this.shape, state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages) }, index.h("p", { key: '4c57ca651fc9fe2118ab6354d3bda5e58521406a', slot: "page_number" }, this.totalPages))), index.h("gb-button", { key: 'e923086b096b4196b236b75552051a515b1d74c7', size: "sm", hierarchy: "tertiary_gray", icon: "default", state: "default", "icon-trailing": true, "icon-trailing-swap": "assets/arrow-right-02.svg" }, index.h("p", { key: 'f362e6a245fca297502ac9a2acd0a73496f29761' }, "Next")))), this.type === 'page_minimal_center_aligned' && this.breakpoint === 'desktop' && (index.h(index.Fragment, null, index.h("gb-button", { key: 'b5969e330b0602fc51bb6e72b5e8d2e8ac91abc3', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg" }, index.h("p", { key: '90011d90a71a4d30441f753bcb607c2ed23eb5f6' }, "Previous")), index.h("div", { key: '63b7f335843308724ed648545f39925082279070', class: "pagination_numbers" }, index.h("gb-pagination-number-base", { key: '21828649d95455e2439c4e1ff27fb63c8b0708b1', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, index.h("p", { key: 'dd8692565209da4dab781d7f637e5e4267f705db', slot: "page_number" }, "1")), index.h("gb-pagination-number-base", { key: '59b72f3d98a651a85818e6ff7588721f2be3620c', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, index.h("p", { key: '5ce62f2c40654d94824462f4a70096caec86c223', slot: "page_number" }, "2")), index.h("gb-pagination-number-base", { key: '2f862085096780422ee4593b61442c414c09fed1', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, index.h("p", { key: '78f48700138884ffd77c4803a72a2615a3cc19ff', slot: "page_number" }, "3")), this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (index.h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default' }, index.h("p", { slot: "page_number" }, this.currentPage))) : null, index.h("gb-pagination-number-base", { key: 'aba48ad3fd60d099307585ac990376fd4866a587', shape: this.shape }, index.h("p", { key: '3d01f6d2dc2647441323000d73208871daf6423d', slot: "page_number" }, "...")), this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (index.h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default' }, index.h("p", { slot: "page_number" }, this.currentPage))) : null, index.h("gb-pagination-number-base", { key: '65ecff77727d7cbc89281cef73e1a7d7acdee91b', shape: this.shape, state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 2) }, index.h("p", { key: '81800368b788401c9b9bb1892508a407d0a92122', slot: "page_number" }, this.totalPages - 2)), index.h("gb-pagination-number-base", { key: 'ddb1f3c0d238eaba895bfdf1982b7ca710f11138', shape: this.shape, state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 1) }, index.h("p", { key: '7e05c47f90c128645fbb11e1270439df80a662b4', slot: "page_number" }, this.totalPages - 1)), index.h("gb-pagination-number-base", { key: '677c903bd93eb90a02eb4001399881261bac53e9', shape: this.shape, state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages) }, index.h("p", { key: '69968d3396b47e547156b7767f4a1463a12e407e', slot: "page_number" }, this.totalPages))), index.h("gb-button", { key: '88403ce58695e3985f61805b40f4c35684ed0c5e', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", "icon-trailing": true, "icon-trailing-swap": "assets/arrow-right-02.svg" }, index.h("p", { key: 'fd367ab332d8b436914f5f1408d1367f6e1c0bd1' }, "Next")))), this.type === 'card_default' && this.breakpoint === 'desktop' && (index.h(index.Fragment, null, index.h("div", { key: '575ce8eee499fa33a588283686407e582f50de17', class: "pagination_entries" }, index.h("div", { key: '6804a6f8e4ac2253e374dbc93d5bfa9d21381894', class: "entries_text" }, index.h("p", { key: 'dc5920f3bf6d39cf4b85a5d62953286b1adbdd23', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), index.h("div", { key: 'fe9dde5ae458d1d666528fc7826052581692c86f', class: `entries_dropdown` }, index.h("gb-input-dropdown", { key: '2450fc52d0af75db9bb2b7faae7a526e897cee57', type: "default", state: "default", size: "sm", "show-label": false, "show-hint-text": false, "show-supporting-text": false, "show-help-icon": false, items: this.entries, "menu-position": "top", onDropdownItemSelected: this.handlePageSizeSelect.bind(this), value: this.defaultSelected }))), index.h("div", { key: '77234a041b6198f9ce1347869de79fb1b59ccadd', class: "pagination_numbers" }, index.h("gb-pagination-number-base", { key: 'a4b4d0d9a939d9b5d87b6642a1dae12f92453df6', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, index.h("p", { key: '96e95158741551b045fb5bf9fe5243ad747ebb7a', slot: "page_number" }, "1")), index.h("gb-pagination-number-base", { key: '0ab7c041b9a7e36a8d9b74926de910feb5f5a2be', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, index.h("p", { key: '3e21942c08716458115da599d1c0e2e05111d542', slot: "page_number" }, "2")), index.h("gb-pagination-number-base", { key: '0a62343b52e02ed60d8745180342835ac72b4990', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, index.h("p", { key: '42b23d64fca78ef229d60abe70003104e0b33770', slot: "page_number" }, "3")), this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (index.h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default' }, index.h("p", { slot: "page_number" }, this.currentPage))) : null, index.h("gb-pagination-number-base", { key: '89e3af19009d22a5ede866b1cb9f2f9ab3da067a', shape: this.shape, state: "default" }, index.h("p", { key: '57c55fd3466e509556b1038e0b29d6d2bd07e10a', slot: "page_number" }, "...")), this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (index.h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default' }, index.h("p", { slot: "page_number" }, this.currentPage))) : null, index.h("gb-pagination-number-base", { key: '743c9e4b97885e8feafec2edfb3c7ae315e0405e', shape: this.shape, state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 2) }, index.h("p", { key: '8136a46a6582ce4dab510ad0ea3b93507fdc4517', slot: "page_number" }, this.totalPages - 2)), index.h("gb-pagination-number-base", { key: 'a90cb13d3a1360738b12a895886d0b866e16cc5f', shape: this.shape, state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 1) }, index.h("p", { key: '638a904d6ba6d6ea156635941686ee429c6e17b2', slot: "page_number" }, this.totalPages - 1)), index.h("gb-pagination-number-base", { key: '5f94c2aea48d76d7d32f8e6b0037039e59ec6362', shape: this.shape, state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages) }, index.h("p", { key: '1e0c8f67f46b2665ff35b7068f7c9bf3b1dc00f7', slot: "page_number" }, this.totalPages))), index.h("div", { key: '9d63b3802f61688ebc1b501979e57c9ed931d34c', class: "pagination_btns" }, index.h("gb-button", { key: '0f5245911f681397b917aa73523db279fc7809e1', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), index.h("gb-button", { key: '057a812a7b4c3faaf63fa8a6ef0d47e944f60eb7', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() })))), this.type === 'card_minimal_right_aligned' && this.breakpoint === 'desktop' && (index.h(index.Fragment, null, index.h("div", { key: 'd58fe2d6d6d024116666763e62ccb167a8180c1e', class: "pagination_entries" }, index.h("div", { key: 'eae1321871ce1437c229c40d724ece9eebcfae9d', class: "entries_text" }, index.h("p", { key: '2e06025bb12389727d2dea600ef2487e7bd685f9', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), index.h("div", { key: '6ce64e594ce959d4ebe00d64aa1c186d6cef7e4a', class: `entries_dropdown` }, index.h("gb-input-dropdown", { key: 'bc95235508dbbea4c49a45046ca879b66c6d6fbc', type: "default", state: 'default', size: "sm", "show-label": false, "show-hint-text": false, "show-supporting-text": false, "show-hep-icon": false, items: this.entries, "menu-position": "top", onDropdownItemSelected: this.handlePageSizeSelect.bind(this), value: this.defaultSelected }))), index.h("div", { key: '587e3a08b777a6fde790195d495e866c2b89f423', class: "page_number_text" }, index.h("p", { key: 'b33fd3bca1822a550de0b57a090ac8999f68c779', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), index.h("div", { key: 'bd8164d6c70288a47f9503400262eaf8a165aa5d', class: "pagination_btns" }, index.h("gb-button", { key: '473fb792ae0da5877f88b6b89b3517b5dc792d5d', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, index.h("p", { key: '3e486accf7a1952c8c69453b84d6a2ae46577a18' }, "Previous")), index.h("gb-button", { key: '118bdec13e5078de527490e90840d692a825a5e5', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, index.h("p", { key: '9ca3ccc325298400206dc7238a634b7ada53ef82' }, "Next"))))), this.type === 'card_minimal_left_aligned' && this.breakpoint === 'desktop' && (index.h(index.Fragment, null, index.h("div", { key: '9d362e1a989b6b3734ce549622e02825572bf30f', class: "pagination_btns" }, index.h("gb-button", { key: '40e8fa3b96f22bd41f84d63e6194bbe61206f190', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, index.h("p", { key: '1d7366d97f2d8f1b96acbaaf889eaa027ec27cfa' }, "Previous")), index.h("gb-button", { key: 'd57b879344ff0318ccae6ba828ddd3535e74fcef', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, index.h("p", { key: 'ee692c0325ce796be6d1363427d07f48dbb8b08e' }, "Next"))), index.h("div", { key: '4e2c0320eccca1965d6f583518c49585cf85a65d', class: "page_number_text" }, index.h("p", { key: '6cf7678abce1fbbce81d514649ab4f58d5fd3925', class: "text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), index.h("div", { key: '741c027e9eb4f738eaa212858d71f6537395e5d2', class: "pagination_entries" }, index.h("div", { key: 'c5521a717fb69cc5689b238c7d49e63ebb36bf4b', class: "entries_text" }, index.h("p", { key: '805cf24ffdecd78b0929b8b1139ac67fcda81f41', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), index.h("div", { key: '167230c3585571f30a2484b8aa17d054f5f06649', class: `entries_dropdown` }, index.h("gb-input-dropdown", { key: '5bb6fea65e2a63ead3b32648daee4c0ff08737be', type: "default", state: 'default', size: "sm", "show-label": false, "show-hint-text": false, "show-supporting-text": false, "show-hep-icon": false, items: this.entries, "menu-position": "top", onDropdownItemSelected: this.handlePageSizeSelect.bind(this), value: this.defaultSelected }))))), this.type === 'card_minimal_center_aligned' && this.breakpoint === 'desktop' && (index.h(index.Fragment, null, index.h("gb-button", { key: '79f9237144a55a467813b09a6bedbd2e36b218ce', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, index.h("p", { key: '44abd1596bb6e79f34ad786bbb61383c747d4e59' }, "Previous")), index.h("div", { key: '552bc2f353b93ce7c59ff80c72f2828b914b3b59', class: "page_number_text" }, index.h("p", { key: 'f7a40c341eb9995c6501b1139402c8dc0e3304d9', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), index.h("gb-button", { key: '237d8bed4a7e5fa5630832a54a84317acbf6ec24', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, index.h("p", { key: '856e890985036a945aa17b06c971fd4448997a19' }, "Next")))), this.type === 'card_button_group_right_aligned' && this.breakpoint === 'desktop' && (index.h(index.Fragment, null, index.h("div", { key: '7e30a6101fa47804dc7932575576524a99fc3e3d', class: "pagination_entries" }, index.h("div", { key: 'c82242202ad8b11ec94b9eb4c11aba2db516a3f1', class: "entries_text" }, index.h("p", { key: '15f6cec48131efe6f6a5fac1cc78a951a8835c48', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), index.h("div", { key: '349595924c94403b3bbc3da7203176d62937b339', class: `entries_dropdown` }, index.h("gb-input-dropdown", { key: 'a1ebffe48d8adde683d041b96ef8756c07519560', type: "default", state: 'default', size: "sm", "show-label": false, "show-hint-text": false, "show-supporting-text": false, "show-hep-icon": false, items: this.entries, "menu-position": "top", onDropdownItemSelected: this.handlePageSizeSelect.bind(this), value: this.defaultSelected }))), index.h("div", { key: '4e29019be880dd74630db1b933a27920225b0deb', class: "pagination_button_group" }, index.h("gb-pagination-button-group-base", { key: '36195c090bc9a431ca22f461cf65852a37c2ac51', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, index.h("p", { key: 'ba37d7716850b7763a84aea9c8c36aa5daa6d2c1' }, "Previous")), index.h("div", { key: '80fc14fb55143c8cba52e6512f5459787e09f921', class: "btn_group" }, index.h("gb-pagination-button-group-base", { key: 'd7068be7d1542b67cd95eb10ab2d25e859dd7b09', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, index.h("p", { key: '88a1597c3743b986156cabd55599ae1bdc53d01a' }, "1"))), index.h("gb-pagination-button-group-base", { key: 'ec205d7b941b560c99e9fd89f22f60e85af99543', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, index.h("p", { key: '96db6d5c02b0144efc45f77ffaab9580cc7c1035' }, "2")), index.h("gb-pagination-button-group-base", { key: '5b0bd485003974e905ac3e6b814de57318ffda44', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, index.h("p", { key: 'fd1c90871dcf88290f2a9becdb9fb00bc2a5f755' }, "3")), this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (index.h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default' }, index.h("p", null, this.currentPage))) : null, index.h("gb-pagination-button-group-base", { key: '5e629916549a6995ee2717d7d0ad73b332447d31', icon: "false" }, index.h("p", { key: 'a54dc59dda861a2dd8f0af2c128db1cf3add1114' }, "...")), this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (index.h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default' }, index.h("p", null, this.currentPage))) : null, index.h("gb-pagination-button-group-base", { key: '119bba261213a80591bea520c6fcad38a53d0f8a', icon: "false", state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 2) }, index.h("p", { key: '5fbd654cd42e6934952999d88a0d42aecb52d474' }, this.totalPages - 2)), index.h("gb-pagination-button-group-base", { key: '4a2cfbd0215d1371259398d08c9550c0f563050d', icon: "false", state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 1) }, index.h("p", { key: 'c2722b016a764ec9df57a627c51dd3be03b15a74' }, this.totalPages - 1)), index.h("gb-pagination-button-group-base", { key: '3fca4ef99a95a3cc035c5303bbe354fba940e1c2', icon: "false", state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages) }, index.h("p", { key: '2f164c55a3a616b665c71435c8d8b2fd57b49c6c' }, this.totalPages)), index.h("gb-pagination-button-group-base", { key: 'e36d6064de8691318d5e0424bff046519cfa115f', icon: "trailing", onClick: () => this.onNextButtonClicked() }, index.h("p", { key: '26fc19444f36de18e9bc6efc60cb80e3086ff969' }, "Next"))))), this.type === 'card_button_group_left_aligned' && this.breakpoint === 'desktop' && (index.h(index.Fragment, null, index.h("div", { key: '41ee2afcad2ba830de4f259f688bbbbf80519ad9', class: "pagination_button_group" }, index.h("gb-pagination-button-group-base", { key: '49c48263e5123dc97c295ae7bb318765ff270b25', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, index.h("p", { key: '45ef1e6fcbf5c35e706b31dcd3dfb4876fbaea91' }, "Previous")), index.h("div", { key: 'c5b47f96023bda06b7e67c89ae7666004037ce84', class: "btn_group" }, index.h("gb-pagination-button-group-base", { key: '33476508c1f222a0debd47bfd1f57fc32f6b36f8', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, index.h("p", { key: '817d7478cee752587deff83d00fff695b6b01a6d' }, "1"))), index.h("gb-pagination-button-group-base", { key: '475aeedb177e50278fbfc248ca116d2e0703bfa8', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, index.h("p", { key: '2fe497d30d6c25d78371616ff1b73d147ffe78ec' }, "2")), index.h("gb-pagination-button-group-base", { key: '333dd906b383cadf9d63def5e4ea1fc93f1e2d44', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, index.h("p", { key: '7e2be1af47fdfd234b67ce6f865b78dc75c38fc4' }, "3")), this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (index.h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default' }, index.h("p", null, this.currentPage))) : null, index.h("gb-pagination-button-group-base", { key: 'ddea5ca906a9a793520603ccfd407862f9564c11', icon: "false" }, index.h("p", { key: 'd5996cb937fe07e7e6125ffa410f35068052c064' }, "...")), this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (index.h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default' }, index.h("p", null, this.currentPage))) : null, index.h("gb-pagination-button-group-base", { key: '674a6e07184ff425cdf70856e9efd0ce020c9ecd', icon: "false", state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 2) }, index.h("p", { key: 'd8c67d5aa0318883bca45926832df669488c0db5' }, this.totalPages - 2)), index.h("gb-pagination-button-group-base", { key: '61caa1ff78be2ec500fbabbcb2cd2166654d2ee8', icon: "false", state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 1) }, index.h("p", { key: 'b64f3fb006a83f396abb5e616e248118be3a81c2' }, this.totalPages - 1)), index.h("gb-pagination-button-group-base", { key: 'f4b3d905c4bc3447e5c378df762a8b723bb12a80', icon: "false", state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages) }, index.h("p", { key: '4626c6c5cb0cf1be8c071b3eac3b968fcce4d473' }, this.totalPages)), index.h("gb-pagination-button-group-base", { key: '9ee1bda797943d8eebf8779f4c08a268656c564f', icon: "trailing", onClick: () => this.onNextButtonClicked() }, index.h("p", { key: '9760619aa19eb6034f927cc866b7d6dfbae7a727' }, "Next"))), index.h("div", { key: 'dae3a81f9eb2f71425c86601bdd078e6cfdb0c94', class: "pagination_entries" }, index.h("div", { key: 'c9a9f255ceeca8314228b049c24972771f048f6a', class: "entries_text" }, index.h("p", { key: '092c1fc73bc8a6d07f62e8d37df71ac690eb981e', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), index.h("div", { key: '10e68664ea3a4dba1f129c452fb181ffcd4df54d', class: `entries_dropdown` }, index.h("gb-input-dropdown", { key: '93de88d0737a177047a31c53fda1e0fefa4314f2', type: "default", state: 'default', size: "sm", "show-label": false, "show-hint-text": false, "show-supporting-text": false, "show-hep-icon": false, items: this.entries, "menu-position": "top", onDropdownItemSelected: this.handlePageSizeSelect.bind(this), value: this.defaultSelected }))))), this.type === 'card_button_group_center_aligned' && this.breakpoint === 'desktop' && (index.h(index.Fragment, null, index.h("div", { key: '4b392f6e8c582dc3495e464f3c33294025dc457b', class: "pagination_button_group" }, index.h("gb-pagination-button-group-base", { key: '475b315d2169cd87987619cb282f58f1c4c32b7b', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, index.h("p", { key: '51b28c4c2f663e8d1d65d007393aa6fcf4f4941d' }, "Previous")), index.h("div", { key: 'fb1b51970aad72127c645e04309c0636cf034990', class: "btn_group" }, index.h("gb-pagination-button-group-base", { key: '37e46d213173f1b0e3ad4b53cc96059982813dfb', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, index.h("p", { key: 'ca64ce87df8d5490866e3b69c76a370abb7db210' }, "1"))), index.h("gb-pagination-button-group-base", { key: '7d960e1f14718ed4fb30103741e390992c152bc1', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, index.h("p", { key: 'ff7f7daa29c2fd045985eaad44ba616898914694' }, "2")), index.h("gb-pagination-button-group-base", { key: '5a1ef359967fadf03a810d24150cd81cd76fae06', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, index.h("p", { key: 'e4c55cb79dc6020e1082f421556f434e7783230f' }, "3")), this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (index.h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default' }, index.h("p", null, this.currentPage))) : null, index.h("gb-pagination-button-group-base", { key: 'cdd6f99ab65aaf2403fa74f42778acdf5f8911a1', icon: "false" }, index.h("p", { key: 'd602d52d9e19b031a8aa28a4e92c7599cb09fc8e' }, "...")), this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (index.h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default' }, index.h("p", null, this.currentPage))) : null, index.h("gb-pagination-button-group-base", { key: '962574b0df87bf9d90de638f17a107da76ca90de', icon: "false", state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 2) }, index.h("p", { key: '39ac820fab12056338005250d1d0d5b58caef9ed' }, this.totalPages - 2)), index.h("gb-pagination-button-group-base", { key: 'f822ea794f2ee5da5d132f97f6f7f265757f6541', icon: "false", state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 1) }, index.h("p", { key: '623a2d36de4b1de76cb5bf0f17f650c0f2e15e1b' }, this.totalPages - 1)), index.h("gb-pagination-button-group-base", { key: '41c3549865b2e980e2f6aba0eb14c1727ba2f83f', icon: "false", state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages) }, index.h("p", { key: '092cf92cdd32bd5da72112edd399826cb14c414d' }, this.totalPages)), index.h("gb-pagination-button-group-base", { key: 'e936adeb0b57b53d58a68c67b1978752d164fb7d', icon: "trailing", onClick: () => this.onNextButtonClicked() }, index.h("p", { key: '3ffc162d5cfa69a5f8ff5ceb1a9f6ddf4b54fc63' }, "Next"))))), this.type === 'page_default' && this.breakpoint === 'mobile' && (index.h(index.Fragment, null, index.h("gb-button", { key: '2f3a7ba96c4368654abb039880b558a6dbc33c23', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), index.h("div", { key: 'c1f8120816c1d310c4153d80af154598c6eb9a23', class: "page_number_text" }, index.h("p", { key: '9cfe60d535088216b29b73bde5c83248e25294c3', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), index.h("gb-button", { key: '6741a5bf98b55e4ecd8fa893049b93229594a2ee', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'page_minimal_center_aligned' && this.breakpoint === 'mobile' && (index.h(index.Fragment, null, index.h("gb-button", { key: '4c8b54b71834c45b5cbcbdae577a4449cceef46a', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), index.h("div", { key: 'bafda8f04c598c114d8f49a2b45881e465ac4af4', class: "page_number_text" }, index.h("p", { key: '57235a1f2e5c1f3df8ce2dcdf46a6acea04b90c7', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), index.h("gb-button", { key: '126d3dec260881272c9f40f455095d28e1989fe5', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_default' && this.breakpoint === 'mobile' && (index.h(index.Fragment, null, index.h("gb-button", { key: 'e39112d8fa9f8cc50424b36cda756f98a4e75c6b', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), index.h("div", { key: '3bccd51a9a9c1f4ca02b65e7cd08da8741c9fd77', class: "page_number_text" }, index.h("p", { key: 'a49a85440500b2ee3826446020307c243b2979b4', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), index.h("gb-button", { key: '191ba96287ee21064fc59c7245ad11ee67a3be18', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_minimal_right_aligned' && this.breakpoint === 'mobile' && (index.h(index.Fragment, null, index.h("gb-button", { key: 'aac00fc806ac093cb8c901333894a3d3f8a76f06', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), index.h("div", { key: '802e1485a0224eff787a0a281d5039d9865f2f84', class: "page_number_text" }, index.h("p", { key: '7924c8fa1c66e93e7fa4315366bf1a7a4762c5b2', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), index.h("gb-button", { key: '7fad0cbcd1f02501295768a3d9e562115b0f280a', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_minimal_left_aligned' && this.breakpoint === 'mobile' && (index.h(index.Fragment, null, index.h("gb-button", { key: '737fb4bd53badcc1b2f7cff163d6c5baf18f1f4c', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), index.h("div", { key: '30d84008ea9438647811c50d683ded8897acc2d2', class: "page_number_text" }, index.h("p", { key: '198682f788a62790b180b6f96bb4837377607652', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), index.h("gb-button", { key: '54c83187b43e7a1aff7624f4aedcfe0abc104622', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_minimal_center_aligned' && this.breakpoint === 'mobile' && (index.h(index.Fragment, null, index.h("gb-button", { key: '1d5185355574337277b744aca641e4545130bb65', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), index.h("div", { key: '16bda7238c8b310555fe8368007a792afbb13c48', class: "page_number_text" }, index.h("p", { key: '1ed69c3b71fd635cfcb8a025d8f3abcbab333227', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), index.h("gb-button", { key: '52b9136375c28643f294a9f3571860559c646b69', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_button_group_right_aligned' && this.breakpoint === 'mobile' && (index.h("div", { key: '80ea78d1d36cefa7db3cb54513deb1fb73448468', class: "pagination_button_group" }, index.h("gb-pagination-button-group-base", { key: '60192ed47c129d9d8947ac7456db27f61e59bbea', icon: "only", "icon-src": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), index.h("div", { key: '94999a7b6d820fa49ad4e2c29a1b35dcb5872892', class: "btn_group" }, index.h("gb-pagination-button-group-base", { key: '458327eb954c1531fc772d72a3b9f9afb0a04be3', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, index.h("p", { key: '9b7d8f78017855103ac95fdf4c12f4038308cfcb' }, "1"))), index.h("gb-pagination-button-group-base", { key: '140051c4fa84d1572064d0d5cadf316d360707dd', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, index.h("p", { key: 'b6b431d4cfb8c45a3762131b6e8891db1e6f8fdb' }, "2")), this.currentPage > 2 && this.currentPage <= this.totalPages / 2 ? (index.h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 2 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default' }, index.h("p", null, this.currentPage))) : null, index.h("gb-pagination-button-group-base", { key: 'afc8442845880af1dff6d3888f9b6af83d06aa0f', icon: "false" }, index.h("p", { key: '48fcc8dd868c7a9dd95d604cf002aa5c43a0a64f' }, "...")), this.currentPage > this.totalPages / 2 && this.currentPage <= this.totalPages - 2 ? (index.h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.totalPages / 2 && this.currentPage <= this.totalPages - 2 ? 'active' : 'default' }, index.h("p", null, this.currentPage))) : null, index.h("gb-pagination-button-group-base", { key: 'cb5eabf364b67e4bbf5ae838e145cabcb8703dc1', icon: "false", state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 1) }, index.h("p", { key: '940b3bf4cf0a50dc9a071ea00465b37d3517e5c0' }, this.totalPages - 1)), index.h("gb-pagination-button-group-base", { key: '83666cccc2e3f4254c4593794e52aeec5969dee2', icon: "false", state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages) }, index.h("p", { key: 'bbf73bac5934d7ab65203c278dce89f5a250614f' }, this.totalPages)), index.h("gb-pagination-button-group-base", { key: '460b19496a9eae354ac9129e5bba809117541c11', icon: "only", "icon-src": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_button_group_left_aligned' && this.breakpoint === 'mobile' && (index.h("div", { key: 'ef5bdffe72720f1ad10ebcaa572c56a3b5da9509', class: "pagination_button_group" }, index.h("gb-pagination-button-group-base", { key: 'dfc3713d0b6f0fdf7a587336cbc07a5ceb8e0617', icon: "only", "icon-src": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), index.h("div", { key: 'fec74e50767f8d32804b50de9fa68b6a19c0a1a1', class: "btn_group" }, index.h("gb-pagination-button-group-base", { key: '5636898b96886f23964c23291b2798fed7c7e868', icon: "false", state: "active" }, index.h("p", { key: '512691f5686ee276cfab14789754d4b679273801' }, "1"))), index.h("gb-pagination-button-group-base", { key: 'ea94cb027f947465f531bac5b48218341ed235de', icon: "false" }, index.h("p", { key: 'd3bac9c7181aac1c33aee2792254a8e4d6ed8fa6' }, "2")), index.h("gb-pagination-button-group-base", { key: '0738e475601fc34ee976a6dd28bed69963135f56', icon: "false" }, index.h("p", { key: 'a9f13b61480ce9269878103a82ce4ca192f76d59' }, "...")), index.h("gb-pagination-button-group-base", { key: '7dc91fad97c1804266c114e067d74f5c5ff32203', icon: "false" }, index.h("p", { key: '60a8145e1e57879b0129404e485262de2c14c2dd' }, "9")), index.h("gb-pagination-button-group-base", { key: '0b986382114800533062d2049cf82372d2be5e7d', icon: "false" }, index.h("p", { key: 'dc0d8b20ac839d4b72e8d8abd57db21ff64611a5' }, "10")), index.h("gb-pagination-button-group-base", { key: '86ab1d6d92bde6cc1dfb61fe5228211ee6578bb0', icon: "only", "icon-src": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_button_group_center_aligned' && this.breakpoint === 'mobile' && (index.h("div", { key: 'f534a97b03d3f8d8c84932aa4e5855dcf504cec9', class: "pagination_button_group" }, index.h("gb-pagination-button-group-base", { key: 'a696fa6b0eb8ee7255b45535fb6b5584436a8343', icon: "only", "icon-src": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), index.h("div", { key: '8469ec58cbd06c07a9a0092686dab5d8b5ce80fc', class: "btn_group" }, index.h("gb-pagination-button-group-base", { key: 'de6368a5b9c7e0953bfef6a513a12acbd712f188', icon: "false", state: "active" }, index.h("p", { key: '5f922ce3bf8643934332ae42ab7de5aee4298178' }, "1"))), index.h("gb-pagination-button-group-base", { key: '082470c90aec77688321b4268304eea9b64019ce', icon: "false" }, index.h("p", { key: '5cfa96d16b3beddf6e57e1b072496edbf47d12dd' }, "2")), index.h("gb-pagination-button-group-base", { key: '9ca6b5ff927c76fd30a651fac2b44b5b291434c2', icon: "false" }, index.h("p", { key: 'c9ac4bfc7a3614283a68174f64dc82a883d66abc' }, "...")), index.h("gb-pagination-button-group-base", { key: '171acc1d7a48c56154c0c7d63f1f673474c87b58', icon: "false" }, index.h("p", { key: '025126516c520a255846d5a26f1d9adf5ff61548' }, "9")), index.h("gb-pagination-button-group-base", { key: '72a0895144b745ea839f009c132589d3d7f2b44c', icon: "false" }, index.h("p", { key: 'd0a4e552e5c3a1999c2ff9fa625741d6356efe91' }, "10")), index.h("gb-pagination-button-group-base", { key: '9ee7fd9b0171b2d128bf6108a550bd079bb01774', icon: "only", "icon-src": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() })))));
     }
 };
 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: '9164f5c3a9689c7341ffa8ed8f33d80730dd2532', class: "gauge" }, index.h("div", { key: 'a54f3a79cb4db035cdd10eabd6a1b806b428ba5c', class: "arc", ref: el => (this.arcElement = el) }), index.h("div", { key: '8a2b8514a1226f97e9196ea16ab6591349d5032c', class: "mask" }), this.label && (index.h("div", { key: 'd37c350330ff37e645b9a83feb374a48e29796de', class: "label", ref: el => (this.labelElement = el) }, index.h("p", { key: '0e8a0473707cdd3df6464a44fcbaaa2b18d6befc', class: "display-lg-semi-bold" }, `${this.progress}%`)))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -33,7 +33,7 @@ const GbProgressSteps = class {
         this.seventhStepStatus = undefined;
     }
     render() {
-        return (index.h(index.Fragment, null, index.h("div", { key: '1f616a7cf9a3ee30c58a3a123d573eff07d0bd47', class: "text_with_line" }, index.h("gb-step-base", { key: '69ad0eeee05260c81d1da43284b319cdf633b2af', size: this.size, type: "text_line", state: this.firstStepState, status: this.firstStepStatus }), index.h("gb-step-base", { key: '89c265e2b3edb9da680dfb551d619bc4ccff4bda', size: this.size, type: "text_line", state: this.secondStepState, status: this.secondStepStatus }), this.thirdStep && index.h("gb-step-base", { key: '4cb4b9a424de9eb1bd0e0b49606b6a77c861fab2', size: this.size, type: "text_line", state: this.thirdStepState, status: this.thirdStepStatus }), this.fourthStep && index.h("gb-step-base", { key: 'eb47744d8db0fd17f20488dcaf76258e62b5d3aa', size: this.size, type: "text_line", state: this.fourthStepState, status: this.fourthStepStatus }), this.fifthStep && index.h("gb-step-base", { key: 'db7536409f6227f8eaf71ce156a687da1393d753', size: this.size, type: "text_line", state: this.fifthStepState, status: this.fifthStepStatus }), this.sixthStep && index.h("gb-step-base", { key: 'f05b11cd2e4ecded7ff17fd6ba61f562c01a35e6', size: this.size, type: "text_line", state: this.sixthStepState, status: this.sixthStepStatus }), this.seventhStep && index.h("gb-step-base", { key: '9c338a5dbbcd2a1b8aea0069497ce5d7f031e751', size: this.size, type: "text_line", state: this.seventhStepState, status: this.seventhStepStatus }))));
+        return (index.h(index.Fragment, null, index.h("div", { key: '1e64e673da23bc9daa8b6f176bd291ec343483da', class: "text_with_line" }, index.h("gb-step-base", { key: '63d1d36d4babf61da5594a90d790ade14bd0df7d', size: this.size, type: "text_line", state: this.firstStepState, status: this.firstStepStatus }), index.h("gb-step-base", { key: '81c5c8979a368501b2a6c173f2135942b00d3dcc', size: this.size, type: "text_line", state: this.secondStepState, status: this.secondStepStatus }), this.thirdStep && index.h("gb-step-base", { key: '3da911e4609d9a3241d5764c2af8dc22adf58453', size: this.size, type: "text_line", state: this.thirdStepState, status: this.thirdStepStatus }), this.fourthStep && index.h("gb-step-base", { key: '8671b3f5709c2c69807c18509002d6c486dfeafe', size: this.size, type: "text_line", state: this.fourthStepState, status: this.fourthStepStatus }), this.fifthStep && index.h("gb-step-base", { key: '3b01676749bff5801f6e89da8467b82dc9d08dfa', size: this.size, type: "text_line", state: this.fifthStepState, status: this.fifthStepStatus }), this.sixthStep && index.h("gb-step-base", { key: 'b4ccc8b3af0aea902597e6675773410b91e6a50b', size: this.size, type: "text_line", state: this.sixthStepState, status: this.sixthStepStatus }), this.seventhStep && index.h("gb-step-base", { key: '802423c6a2c8e294e8f78b50537b28fbf457c230', size: this.size, type: "text_line", state: this.seventhStepState, status: this.seventhStepStatus }))));
     }
 };
 GbProgressSteps.style = GbProgressStepsStyle0;

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: '5445e10f58b5fd7c5feb442e4b68013985b6af75', class: "scrollbar-container" }, index.h("div", { key: '0d59e26e2540e45b1cdfc27e51b742816077ec8c', class: "scrollbar", style: { height: this.length } }, index.h("slot", { key: 'd82cd3d7ed6e8360c1904098081836f85fcf4207' }))));
     }
 };
 GbScrollbar.style = GbScrollbarStyle0;