npm - globuswebcomponents - Versions diffs - 1.0.1 → 1.0.3 - Mend

globuswebcomponents 1.0.1 → 1.0.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (257) hide show

package/dist/collection/components/gb-input-field/gb-input-field.js CHANGED Viewed

@@ -266,23 +266,23 @@ export class GbInputField {
     //   this.inputElement.removeEventListener('input', this.handleTagInput.bind(this));
     // }
     render() {
-        return (h("div", { key: '5a8736946744ccb6b7d0f9282e758162519278f8', class: `input_container` }, h("div", { key: '7517e7a8ae492928732e8a04de15730fd73e2767', class: `input_with_label` }, this.showLabel && h("p", { key: '203ecbe0ef183d38d8b4cf6bd4139ae399cc2467', class: "label text-sm-medium" }, this.label.charAt(0).toUpperCase() + this.label.slice(1).toLowerCase()), this.type === 'default' && [
-            h("div", { key: 'f60efb9208275d564967ba7339551ac4771b8f30', class: `input ${this.type} ${this.size} ${this.state} ${this.destructive ? 'destructive' : ''}` }, h("input", { key: '2c92c3728bac43fdb04c21fcb97bc6739a0a63d3', class: `content text-md-regular ${this.type} ${this.state}`, type: "text", placeholder: this.placeholder ? this.placeholder : '', onInput: event => this.handleInput(event), value: this.value }), h(Fragment, null, this.showValidation && (h("svg", { key: '6112f1e3294468a9597f154d37c252586c1ba033', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", class: "tick" }, h("path", { key: 'd1d464e6216b3d699d482a8b7cdec92c7d03abd5', d: "M4.16675 12.0833C4.16675 12.0833 5.41675 12.0833 7.08341 15C7.08341 15 11.7158 7.36112 15.8334 5.83334", stroke: "#079455", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))), this.showHelpIcon && (h("div", { key: 'f2f3acab0cfeb17e532d6bd5f93c1ac0b838b468', class: `help_circle` }, !this.destructive ? (h("gb-help-tooltip", { "show-supporting-text": true }, h("slot", { name: "tooltip_label", slot: "label" }), h("slot", { name: "tooltip_supporting_text", slot: "supporting_text" }))) : (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, h("path", { d: "M7.99458 10H8.00057M7.99992 8.00001V5.33334M14.6666 8.00001C14.6666 11.6819 11.6818 14.6667 7.99992 14.6667C4.31802 14.6667 1.33325 11.6819 1.33325 8.00001C1.33325 4.31811 4.31802 1.33334 7.99992 1.33334C11.6818 1.33334 14.6666 4.31811 14.6666 8.00001Z", stroke: "#B51726", "stroke-width": "1.33333", "stroke-linecap": "round", "stroke-linejoin": "round" }))))))),
+        return (h("div", { key: '56033f8b1656271af03ebfe44d980715a2f0352e', class: `input_container` }, h("div", { key: '706a5ed173d86e3e3c51f239a398ee8e41bc7380', class: `input_with_label` }, this.showLabel && h("p", { key: 'fe36806fbf8055c5435e58259552496f5d494893', class: "label text-sm-medium" }, this.label.charAt(0).toUpperCase() + this.label.slice(1).toLowerCase()), this.type === 'default' && [
+            h("div", { key: '30036fea2b8bd453cc62024905187228d33db9de', class: `input ${this.type} ${this.size} ${this.state} ${this.destructive ? 'destructive' : ''}` }, h("input", { key: '879a7fcf81cdb8ea469e4ce1fe43c7c76ea61d6b', class: `content text-md-regular ${this.type} ${this.state}`, type: "text", placeholder: this.placeholder ? this.placeholder : '', onInput: event => this.handleInput(event), value: this.value }), h(Fragment, null, this.showValidation && (h("svg", { key: 'e4431635ccea99abbe1018a6ce74664c4d3822f7', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", class: "tick" }, h("path", { key: '451bae007d78464a482469f69c33cfc0649fe01d', d: "M4.16675 12.0833C4.16675 12.0833 5.41675 12.0833 7.08341 15C7.08341 15 11.7158 7.36112 15.8334 5.83334", stroke: "#079455", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))), this.showHelpIcon && (h("div", { key: '8420ae333266084e554b03fa016a716c732e2fbe', class: `help_circle` }, !this.destructive ? (h("gb-help-tooltip", { "show-supporting-text": true }, h("slot", { name: "tooltip_label", slot: "label" }), h("slot", { name: "tooltip_supporting_text", slot: "supporting_text" }))) : (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, h("path", { d: "M7.99458 10H8.00057M7.99992 8.00001V5.33334M14.6666 8.00001C14.6666 11.6819 11.6818 14.6667 7.99992 14.6667C4.31802 14.6667 1.33325 11.6819 1.33325 8.00001C1.33325 4.31811 4.31802 1.33334 7.99992 1.33334C11.6818 1.33334 14.6666 4.31811 14.6666 8.00001Z", stroke: "#B51726", "stroke-width": "1.33333", "stroke-linecap": "round", "stroke-linejoin": "round" }))))))),
         ], this.type === 'icon_leading' && [
-            h("div", { key: 'f27d877b413aca370a6d74bc4569beb833f9c61e', class: `input ${this.type} ${this.size} ${this.state} ${this.destructive ? 'destructive' : ''}` }, h("div", { key: '6f9bb33d4ea9d68c21e2a1a3c21c649f2c5330a7', class: `icon ${this.size} ${this.state}`, innerHTML: this.leadingIconSvg }), h("input", { key: '13501b3203fddea194e7a484cf4b86f3e06b64b5', class: `content text-md-regular ${this.type} ${this.state}`, type: "text", placeholder: this.placeholder ? this.placeholder : '', onInput: event => this.handleInput(event), value: this.value, ref: el => (this.inputRef = el) }), h(Fragment, null, this.showValidation && !this.destructive && (h("svg", { key: '48f8a993e68743d1dd521479cbfc82434fc18517', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", class: "tick" }, h("path", { key: '6d86486468624846a6833f1a40e28618046f18f7', d: "M4.16675 12.0833C4.16675 12.0833 5.41675 12.0833 7.08341 15C7.08341 15 11.7158 7.36112 15.8334 5.83334", stroke: "#079455", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))), this.showHelpIcon && (h("div", { key: 'dd25d39452805b6d2d25fc5c6ae76f928618d4a5', class: `help_circle` }, !this.destructive ? (h("gb-help-tooltip", { "show-supporting-text": true }, h("slot", { name: "tooltip_label", slot: "label" }), h("slot", { name: "tooltip_supporting_text", slot: "supporting_text" }))) : (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, h("path", { d: "M7.99458 10H8.00057M7.99992 8.00001V5.33334M14.6666 8.00001C14.6666 11.6819 11.6818 14.6667 7.99992 14.6667C4.31802 14.6667 1.33325 11.6819 1.33325 8.00001C1.33325 4.31811 4.31802 1.33334 7.99992 1.33334C11.6818 1.33334 14.6666 4.31811 14.6666 8.00001Z", stroke: "#B51726", "stroke-width": "1.33333", "stroke-linecap": "round", "stroke-linejoin": "round" }))))), this.showCloseButton && !this.destructive && (h("gb-button", { key: 'c21dcadd66d56b93aea9e1d45de114c7b113b4a8', size: "sm", hierarchy: "tertiary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/cancel-01.svg", onClick: () => this.clearInput(), class: "input_close_button" })))),
+            h("div", { key: 'a150d08ad1aa61171deb71f9d7ae073412f9dee4', class: `input ${this.type} ${this.size} ${this.state} ${this.destructive ? 'destructive' : ''}` }, h("div", { key: 'd5dab9daf5aa68fe40ccdbdd3c530ae9fd433fe7', class: `icon ${this.size} ${this.state}`, innerHTML: this.leadingIconSvg }), h("input", { key: 'eec19ee3b1b24d6375e0b59b4b1f6b4086053703', class: `content text-md-regular ${this.type} ${this.state}`, type: "text", placeholder: this.placeholder ? this.placeholder : '', onInput: event => this.handleInput(event), value: this.value, ref: el => (this.inputRef = el) }), h(Fragment, null, this.showValidation && !this.destructive && (h("svg", { key: '0ed416a277a770ababca7db5f3216b705843b1d8', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", class: "tick" }, h("path", { key: 'c0b8b2cf1ce73a18c9999eaccb308035289ab36d', d: "M4.16675 12.0833C4.16675 12.0833 5.41675 12.0833 7.08341 15C7.08341 15 11.7158 7.36112 15.8334 5.83334", stroke: "#079455", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))), this.showHelpIcon && (h("div", { key: 'aadbc6d8b1caace51f23c5c50fb13f9966c9e8d7', class: `help_circle` }, !this.destructive ? (h("gb-help-tooltip", { "show-supporting-text": true }, h("slot", { name: "tooltip_label", slot: "label" }), h("slot", { name: "tooltip_supporting_text", slot: "supporting_text" }))) : (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, h("path", { d: "M7.99458 10H8.00057M7.99992 8.00001V5.33334M14.6666 8.00001C14.6666 11.6819 11.6818 14.6667 7.99992 14.6667C4.31802 14.6667 1.33325 11.6819 1.33325 8.00001C1.33325 4.31811 4.31802 1.33334 7.99992 1.33334C11.6818 1.33334 14.6666 4.31811 14.6666 8.00001Z", stroke: "#B51726", "stroke-width": "1.33333", "stroke-linecap": "round", "stroke-linejoin": "round" }))))), this.showCloseButton && !this.destructive && (h("gb-button", { key: '00a694341b18ac38ff7dccabf918d503fc2d2a40', size: "sm", hierarchy: "tertiary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/cancel-01.svg", onClick: () => this.clearInput(), class: "input_close_button" })))),
         ], this.type === 'leading_dropdown' && [
-            h("div", { key: '4e86dfddc61c70a123c46effb7388594cfa41b69', class: `input ${this.type} ${this.size} ${this.state} ${this.destructive ? 'destructive' : ''}` }, h("div", { key: '73ac6e7a85ef212ab5712b96ae4bdacdd2c7b876', class: `leading_dropdown_dropdown`, onClick: () => (this.showDropdown = !this.showDropdown) }, this.showCountryIcon && (h("div", { key: '4dce936b6fc81f8f5f0d6886e9721ef7c11847d1', class: `country_icon` }, h("img", { key: '7598f89e4ec4d48fb89d4eb3fd77fce056e76292', src: "build/assets/NG.svg", alt: "" }))), h("div", { key: '5a355cfd507046716022f8b047eddf35482e4ef5', class: `dropdown_text` }, h("p", { key: '2af0a5a94a053d4a1670f1234cd6acbed1c4a638', class: "text-md-regular", style: { color: 'var(--color-text, #4B5565)' } }, this.selectedItem)), h("div", { key: '7deb940d0482e0c5eca90bbf7686fe37cd9b5b80', class: `dropdown_arrow` }, h("svg", { key: '1eef9d6fce985146674d8f614d2edae8a41e4777', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: 'cc546367f09203b9225427eadd29e6a549de7157', d: "M15 7.50004C15 7.50004 11.3176 12.5 9.99996 12.5C8.68237 12.5 5 7.5 5 7.5", stroke: "#4B5565", "stroke-width": "1.66667", "stroke-linecap": "round", "stroke-linejoin": "round" })))), h("div", { key: 'f691bbe73bbd1e3495fd2de2022980cc3bfcf3a3', class: `leading_dropdown_text_input` }, h("input", { key: 'd38e7d7bae1946585f291c5fdf78e8f9d85942c7', class: `content text-md-regular ${this.type} ${this.state}`, type: "text", placeholder: this.placeholder ? this.placeholder : '', onInput: event => this.handleInput(event), value: this.value }), this.showValidation && !this.destructive && (h("svg", { key: '0bcd3f6661b8250fa51c991d985af3d41b03e072', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: '5b933bbbb4c528f3351ba3cf58c13504d309c10f', d: "M4.16675 12.0833C4.16675 12.0833 5.41675 12.0833 7.08341 15C7.08341 15 11.7158 7.36112 15.8334 5.83334", stroke: "#079455", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))), this.showHelpIcon && (h("div", { key: '2a4c60df187dc69941cfafa1b831dc2e9bc1f13e', class: `help_circle` }, !this.destructive ? (h("gb-help-tooltip", { "show-supporting-text": true }, h("slot", { name: "tooltip_label", slot: "label" }), h("slot", { name: "tooltip_supporting_text", slot: "supporting_text" }))) : (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, h("path", { d: "M7.99458 10H8.00057M7.99992 8.00001V5.33334M14.6666 8.00001C14.6666 11.6819 11.6818 14.6667 7.99992 14.6667C4.31802 14.6667 1.33325 11.6819 1.33325 8.00001C1.33325 4.31811 4.31802 1.33334 7.99992 1.33334C11.6818 1.33334 14.6666 4.31811 14.6666 8.00001Z", stroke: "#B51726", "stroke-width": "1.33333", "stroke-linecap": "round", "stroke-linejoin": "round" }))))))),
-            h(Fragment, null, this.showDropdown && (h("div", { key: 'b875531859e37faa804f865199262500297b7656', class: `dropdown_menu ${this.type} ${this.size} ${this.menuPosition}`, ref: el => (this.dropdownRef = el) }, this.options.map(option => (h("gb-input-dropdown-menu-item", { type: "default", state: StateEnum.Default, selected: this.isItemSelected(option), onClick: () => this.handleItemSelect(option) }, h("p", { slot: "name" }, option))))))),
+            h("div", { key: 'd55fdeeb1f072c104afd0106b5cd3674f91cfe29', class: `input ${this.type} ${this.size} ${this.state} ${this.destructive ? 'destructive' : ''}` }, h("div", { key: 'b817ed962b38c008786299d452dcb61d92bd527b', class: `leading_dropdown_dropdown`, onClick: () => (this.showDropdown = !this.showDropdown) }, this.showCountryIcon && (h("div", { key: 'ab26c85a470b875ca6b8085754dce94474e92b3f', class: `country_icon` }, h("img", { key: 'bdc1827c89d439819b066be3250ee04936f525c2', src: "build/assets/NG.svg", alt: "" }))), h("div", { key: '08377be02e169fd923e42be74dd568881e82cb97', class: `dropdown_text` }, h("p", { key: 'b379189263d43b86bf5a25199198215458198668', class: "text-md-regular", style: { color: 'var(--color-text, #4B5565)' } }, this.selectedItem)), h("div", { key: 'a033deb5496bb38065ed8b928a5458a34cbf82de', class: `dropdown_arrow` }, h("svg", { key: 'd277411d5da5f13c2cb95ef256eb4e1d6c0b398b', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: 'c232ca5cab4bdc16d44dc3b26d77cc15a3cec2b8', d: "M15 7.50004C15 7.50004 11.3176 12.5 9.99996 12.5C8.68237 12.5 5 7.5 5 7.5", stroke: "#4B5565", "stroke-width": "1.66667", "stroke-linecap": "round", "stroke-linejoin": "round" })))), h("div", { key: '8549becc309a5fc91957a9ae41b9d6168598d2af', class: `leading_dropdown_text_input` }, h("input", { key: '759e951123d34898096cc527f96fed02e88f8586', class: `content text-md-regular ${this.type} ${this.state}`, type: "text", placeholder: this.placeholder ? this.placeholder : '', onInput: event => this.handleInput(event), value: this.value }), this.showValidation && !this.destructive && (h("svg", { key: '00e86b2c68e9b86f2d4982414500162e8cf43051', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: '9db08cb1c6557492b1a0fa5c3f3a4571dcea49da', d: "M4.16675 12.0833C4.16675 12.0833 5.41675 12.0833 7.08341 15C7.08341 15 11.7158 7.36112 15.8334 5.83334", stroke: "#079455", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))), this.showHelpIcon && (h("div", { key: 'd78004c20a29b0177020eba0ac3fa5f919a3afe7', class: `help_circle` }, !this.destructive ? (h("gb-help-tooltip", { "show-supporting-text": true }, h("slot", { name: "tooltip_label", slot: "label" }), h("slot", { name: "tooltip_supporting_text", slot: "supporting_text" }))) : (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, h("path", { d: "M7.99458 10H8.00057M7.99992 8.00001V5.33334M14.6666 8.00001C14.6666 11.6819 11.6818 14.6667 7.99992 14.6667C4.31802 14.6667 1.33325 11.6819 1.33325 8.00001C1.33325 4.31811 4.31802 1.33334 7.99992 1.33334C11.6818 1.33334 14.6666 4.31811 14.6666 8.00001Z", stroke: "#B51726", "stroke-width": "1.33333", "stroke-linecap": "round", "stroke-linejoin": "round" }))))))),
+            h(Fragment, null, this.showDropdown && (h("div", { key: 'f7a208cd8c1e0719cd2557e6c3b8ce41e1c1bb1d', class: `dropdown_menu ${this.type} ${this.size} ${this.menuPosition}`, ref: el => (this.dropdownRef = el) }, this.options.map(option => (h("gb-input-dropdown-menu-item", { type: "default", state: StateEnum.Default, selected: this.isItemSelected(option), onClick: () => this.handleItemSelect(option) }, h("p", { slot: "name" }, option))))))),
         ], this.type === 'trailing_dropdown' && [
-            h("div", { key: 'e1e447fc3a0741375feda2cb4605865c9e5010e0', class: `input ${this.type} ${this.size} ${this.state} ${this.destructive ? 'destructive' : ''}` }, h("div", { key: '19028ae7510b51e7df9fdbdaf3aa067c78a9e07e', class: `trailing_dropdown_content` }, h("p", { key: 'ac46860b894a8e2799e060f7ba12edd583d112c2', class: "text-md-regular", style: { color: 'var(--color-text, #4B5565)' } }, "$"), h("input", { key: 'd4cd9126d8c0f30a2fd265c35b401eef7bbaa74f', class: `content text-md-regular ${this.type} ${this.state}`, type: "text", placeholder: this.placeholder ? this.placeholder : '', onInput: event => this.handleInput(event), value: this.value }), this.showHelpIcon && (h("div", { key: 'cb085125241b0d82f8e8da046ef909d1126ba286', class: `help_circle` }, !this.destructive ? (h("gb-help-tooltip", { "show-supporting-text": true }, h("slot", { name: "tooltip_label", slot: "label" }), h("slot", { name: "tooltip_supporting_text", slot: "supporting_text" }))) : (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, h("path", { d: "M7.99458 10H8.00057M7.99992 8.00001V5.33334M14.6666 8.00001C14.6666 11.6819 11.6818 14.6667 7.99992 14.6667C4.31802 14.6667 1.33325 11.6819 1.33325 8.00001C1.33325 4.31811 4.31802 1.33334 7.99992 1.33334C11.6818 1.33334 14.6666 4.31811 14.6666 8.00001Z", stroke: "#B51726", "stroke-width": "1.33333", "stroke-linecap": "round", "stroke-linejoin": "round" })))))), h("div", { key: '474d13aa9147acada9d4acb9a6ee61207b8c5e65', class: `trailing_dropdown_dropdown`, onClick: () => (this.showDropdown = !this.showDropdown) }, h("div", { key: '33471005e2c7dab102aeee9f00c810cf267e57cb', class: `dropdown_text` }, h("p", { key: 'aa85d98e93ab380a2e62aa0b7947fc0ee27e74c5', class: "text-md-regular", style: { color: 'var(--color-text, #4B5565)' } }, this.selectedItem)), h("div", { key: 'b2ceb009be42718e2641c99b13a66b9f9a4ddf74', class: `dropdown_arrow` }, h("svg", { key: '8dabd71cac83fc86f6b17b4cec180bbb0fd59c0a', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: '20acc574b1d00b2d9fc971ec3c5c92495a011be9', d: "M15 7.50004C15 7.50004 11.3176 12.5 9.99996 12.5C8.68237 12.5 5 7.5 5 7.5", stroke: "#4B5565", "stroke-width": "1.66667", "stroke-linecap": "round", "stroke-linejoin": "round" }))))),
-            h(Fragment, null, this.showDropdown && (h("div", { key: '60d7c9d0b5eb1b9b7fe89c4697c5216d18cc69e1', class: `dropdown_menu ${this.type} ${this.size} ${this.menuPosition}`, ref: el => (this.dropdownRef = el) }, this.options.map(option => (h("gb-input-dropdown-menu-item", { type: "default", state: StateEnum.Default, selected: this.isItemSelected(option), onClick: () => this.handleItemSelect(option) }, h("p", { slot: "name" }, option))))))),
+            h("div", { key: 'f036bfb05e084ab4fd0510bf71277cd84a2c0180', class: `input ${this.type} ${this.size} ${this.state} ${this.destructive ? 'destructive' : ''}` }, h("div", { key: '90a27e0f8cb10d7177664e7d5f8bb9d3215f1e12', class: `trailing_dropdown_content` }, h("p", { key: '46954b6a1cf580b4464708b390a99cc2feda3641', class: "text-md-regular", style: { color: 'var(--color-text, #4B5565)' } }, "$"), h("input", { key: '68927226d7e954321e8ae9cdcbb193f910244993', class: `content text-md-regular ${this.type} ${this.state}`, type: "text", placeholder: this.placeholder ? this.placeholder : '', onInput: event => this.handleInput(event), value: this.value }), this.showHelpIcon && (h("div", { key: '8d3d43aef37baf40801cecfe0e6d2685cbc9ab3d', class: `help_circle` }, !this.destructive ? (h("gb-help-tooltip", { "show-supporting-text": true }, h("slot", { name: "tooltip_label", slot: "label" }), h("slot", { name: "tooltip_supporting_text", slot: "supporting_text" }))) : (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, h("path", { d: "M7.99458 10H8.00057M7.99992 8.00001V5.33334M14.6666 8.00001C14.6666 11.6819 11.6818 14.6667 7.99992 14.6667C4.31802 14.6667 1.33325 11.6819 1.33325 8.00001C1.33325 4.31811 4.31802 1.33334 7.99992 1.33334C11.6818 1.33334 14.6666 4.31811 14.6666 8.00001Z", stroke: "#B51726", "stroke-width": "1.33333", "stroke-linecap": "round", "stroke-linejoin": "round" })))))), h("div", { key: '1691b55ca59652f307ad20131f4b17768c7ec7af', class: `trailing_dropdown_dropdown`, onClick: () => (this.showDropdown = !this.showDropdown) }, h("div", { key: '1ae3163430b8ca70a83689a38c4517a6312cb07e', class: `dropdown_text` }, h("p", { key: 'd8d771292f177f0dd3fb21b2e779e9d7ca7e5ef7', class: "text-md-regular", style: { color: 'var(--color-text, #4B5565)' } }, this.selectedItem)), h("div", { key: '15f1e4453f9c9538c274465ebd1647188fa524db', class: `dropdown_arrow` }, h("svg", { key: 'cce009b9cddf060c669ead3c79cf6e0d45b62874', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: 'c0700aba11587f3f655dbadc91badc3f2d230eb4', d: "M15 7.50004C15 7.50004 11.3176 12.5 9.99996 12.5C8.68237 12.5 5 7.5 5 7.5", stroke: "#4B5565", "stroke-width": "1.66667", "stroke-linecap": "round", "stroke-linejoin": "round" }))))),
+            h(Fragment, null, this.showDropdown && (h("div", { key: '6b3389a7afdcd401eb390740dd78e827bf67027b', class: `dropdown_menu ${this.type} ${this.size} ${this.menuPosition}`, ref: el => (this.dropdownRef = el) }, this.options.map(option => (h("gb-input-dropdown-menu-item", { type: "default", state: StateEnum.Default, selected: this.isItemSelected(option), onClick: () => this.handleItemSelect(option) }, h("p", { slot: "name" }, option))))))),
         ], this.type === 'leading_text' && [
-            h("div", { key: 'aa1ef13f4b83648b46a5faeef36293a7edd47680', class: "leading_text_input" }, h("div", { key: '819212a4f65354494310697544bf1782a97b47fb', class: `add_on` }, h("slot", { key: '613a2eb2aa6e456d81185d7719401bfa3830bdba', name: 'text' })), h("div", { key: '804046ec29b064a9d693dc84f203fd74078093da', class: `input ${this.type} ${this.size} ${this.state} ${this.destructive ? 'destructive' : ''}` }, h("input", { key: '5f000b6cbfd389614e78f168c7a66fc2271dd308', class: `content text-md-regular ${this.type} ${this.state}`, type: "text", placeholder: this.placeholder ? this.placeholder : '', onInput: event => this.handleInput(event), value: this.value }), this.showValidation && !this.destructive && (h("svg", { key: 'bdb1a9a96839700a5c81a9ea5694d333cb2b96b4', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: 'ee1a65846a1410bf30534885ef909e068775b574', d: "M4.16675 12.0833C4.16675 12.0833 5.41675 12.0833 7.08341 15C7.08341 15 11.7158 7.36112 15.8334 5.83334", stroke: "#079455", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))), this.showHelpIcon && (h("div", { key: '793bbae3589cf8ffdee59385396c87c7ea0fb580', class: `help_circle` }, !this.destructive ? (h("gb-help-tooltip", { "show-supporting-text": true }, h("slot", { name: "tooltip_label", slot: "label" }), h("slot", { name: "tooltip_supporting_text", slot: "supporting_text" }))) : (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, h("path", { d: "M7.99458 10H8.00057M7.99992 8.00001V5.33334M14.6666 8.00001C14.6666 11.6819 11.6818 14.6667 7.99992 14.6667C4.31802 14.6667 1.33325 11.6819 1.33325 8.00001C1.33325 4.31811 4.31802 1.33334 7.99992 1.33334C11.6818 1.33334 14.6666 4.31811 14.6666 8.00001Z", stroke: "#B51726", "stroke-width": "1.33333", "stroke-linecap": "round", "stroke-linejoin": "round" }))))))),
-        ], this.type === 'payment_input' && (h("div", { key: 'aca2a366869636dec7048dbc78ad168ee3e9e981', class: `input ${this.type} ${this.size} ${this.state} ${this.destructive ? 'destructive' : ''}` }, h("svg", { key: 'a690fc50aa20a844abab7d7df5f0ff5d8fff30c9', xmlns: "http://www.w3.org/2000/svg", width: "23", height: "14", viewBox: "0 0 23 14", fill: "none" }, h("path", { key: '634572e40131d66d82a2ed43eb212ff4ef03be35', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M11.179 11.8294C9.99493 12.8275 8.45902 13.43 6.78069 13.43C3.03582 13.43 0 10.4303 0 6.72997C0 3.02966 3.03582 0.0299683 6.78069 0.0299683C8.45902 0.0299683 9.99493 0.632466 11.179 1.63051C12.363 0.632466 13.8989 0.0299683 15.5773 0.0299683C19.3221 0.0299683 22.358 3.02966 22.358 6.72997C22.358 10.4303 19.3221 13.43 15.5773 13.43C13.8989 13.43 12.363 12.8275 11.179 11.8294Z", fill: "#ED0006" }), h("path", { key: '56e109860937261621555e867457b973551a18ac', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M11.179 11.8294C12.6369 10.6005 13.5614 8.77192 13.5614 6.72997C13.5614 4.68801 12.6369 2.85941 11.179 1.63051C12.363 0.632465 13.8989 0.0299683 15.5772 0.0299683C19.3221 0.0299683 22.3579 3.02966 22.3579 6.72997C22.3579 10.4303 19.3221 13.43 15.5772 13.43C13.8989 13.43 12.363 12.8275 11.179 11.8294Z", fill: "#F9A000" }), h("path", { key: 'e6885aaeb786287e4c267f9e2c3d2495aaf73fe9', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M11.179 11.8294C12.6369 10.6005 13.5614 8.77193 13.5614 6.72999C13.5614 4.68805 12.6369 2.85946 11.179 1.63055C9.72109 2.85946 8.79663 4.68805 8.79663 6.72999C8.79663 8.77193 9.72109 10.6005 11.179 11.8294Z", fill: "#FF5E00" })), h("input", { key: '311fd331f00d3a47f08f7ea61a734802b569f6cf', class: `content text-md-regular ${this.type} ${this.state}`, type: "text", placeholder: this.placeholder ? this.placeholder : '', onInput: event => this.handleInput(event), value: this.value }), h(Fragment, null, this.showValidation && !this.destructive && (h("svg", { key: 'ea27c5096da0769e14f8ca19adebddec61c135d4', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: 'a00fe8118722ca9c85f46a4dc8f567eb51d5bba1', d: "M4.16675 12.0833C4.16675 12.0833 5.41675 12.0833 7.08341 15C7.08341 15 11.7158 7.36112 15.8334 5.83334", stroke: "#079455", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))), this.showHelpIcon && (h("div", { key: '0f72e20de2470c7db3e27753239c8d365c526266', class: `help_circle` }, !this.destructive ? (h("gb-help-tooltip", { "show-supporting-text": true }, h("slot", { name: "tooltip_label", slot: "label" }), h("slot", { name: "tooltip_supporting_text", slot: "supporting_text" }))) : (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, h("path", { d: "M7.99458 10H8.00057M7.99992 8.00001V5.33334M14.6666 8.00001C14.6666 11.6819 11.6818 14.6667 7.99992 14.6667C4.31802 14.6667 1.33325 11.6819 1.33325 8.00001C1.33325 4.31811 4.31802 1.33334 7.99992 1.33334C11.6818 1.33334 14.6666 4.31811 14.6666 8.00001Z", stroke: "#B51726", "stroke-width": "1.33333", "stroke-linecap": "round", "stroke-linejoin": "round" })))))))), this.type === 'trailing_button' && (h("div", { key: '0845d598906f702ba102fb82e6734515dcc63ac0', class: `input ${this.type} ${this.size} ${this.state} ${this.destructive ? 'destructive' : ''}` }, h("div", { key: 'b3a0e43c61de6e2a99eef7b8b2c84c75be895a79', class: `trailing_button_text_input ${this.size}` }, h("input", { key: 'e5d476bf22c6f5353e5d5325ae23e63a45239b04', class: `content text-md-regular ${this.type} ${this.state}`, type: "text", placeholder: this.placeholder ? this.placeholder : '', onInput: event => this.handleInput(event), ref: el => (this.inputRef = el), value: this.value }), this.showValidation && !this.destructive && (h("svg", { key: '969af9f595e92dde81a360087aa9db2247810c3f', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: '64a9a68336c848d11792cb9867427309ba95225c', d: "M4.16675 12.0833C4.16675 12.0833 5.41675 12.0833 7.08341 15C7.08341 15 11.7158 7.36112 15.8334 5.83334", stroke: "#079455", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))), this.showHelpIcon && (h("div", { key: '0ebbe645b406d9eb29cf9e7b1ad8b76335a713c3', class: `help_circle` }, !this.destructive ? (h("gb-help-tooltip", { "show-supporting-text": true }, h("slot", { name: "tooltip_label", slot: "label" }), h("slot", { name: "tooltip_supporting_text", slot: "supporting_text" }))) : (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, h("path", { d: "M7.99458 10H8.00057M7.99992 8.00001V5.33334M14.6666 8.00001C14.6666 11.6819 11.6818 14.6667 7.99992 14.6667C4.31802 14.6667 1.33325 11.6819 1.33325 8.00001C1.33325 4.31811 4.31802 1.33334 7.99992 1.33334C11.6818 1.33334 14.6666 4.31811 14.6666 8.00001Z", stroke: "#B51726", "stroke-width": "1.33333", "stroke-linecap": "round", "stroke-linejoin": "round" })))))), h("gb-button", { key: '5a8b2f7c9cafd3582964ed77ba851ebcf27137e5', size: "lg", hierarchy: "tertiary_gray", icon: "only", state: this.state === 'disabled' ? 'disabled' : 'default', "icon-leading": true, "icon-leading-swap": "assets/copy-01.svg", onClick: () => this.copyToClipboard() }))), this.type === 'password' && (h("div", { key: '650d775b198eea8de47ec4ca2707f47d50bf6746', class: `password_input ${this.type} ${this.size} ${this.state} ${this.destructive ? 'destructive' : ''}` }, h("div", { key: '75b6473ae7bcd28bc6fe2619561962ad988ae957', class: `password_content` }, h("input", { key: 'f75c97f8d9ebcae59941d44e155014a9a90bc819', class: `content text-md-regular ${this.type} ${this.state}`, type: this.isPasswordVisible ? 'text' : 'password', placeholder: this.placeholder ? this.placeholder : '', onInput: event => this.handleInput(event) }), this.showValidation && !this.destructive && (h("svg", { key: 'dd58e22ba60e32534174b6183b624080a3812152', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: '8f446f66e9bb839c8df8a42220cee1572c52ca56', d: "M4.16675 12.0833C4.16675 12.0833 5.41675 12.0833 7.08341 15C7.08341 15 11.7158 7.36112 15.8334 5.83334", stroke: "#079455", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))), this.showHelpIcon && (h("div", { key: 'd8f7916671315a3d9ffc7bc7cd4f70f680c4922d', class: `help_circle` }, !this.destructive ? (h("gb-help-tooltip", { "show-supporting-text": true }, h("slot", { name: "tooltip_label", slot: "label" }), h("slot", { name: "tooltip_supporting_text", slot: "supporting_text" }))) : (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, h("path", { d: "M7.99458 10H8.00057M7.99992 8.00001V5.33334M14.6666 8.00001C14.6666 11.6819 11.6818 14.6667 7.99992 14.6667C4.31802 14.6667 1.33325 11.6819 1.33325 8.00001C1.33325 4.31811 4.31802 1.33334 7.99992 1.33334C11.6818 1.33334 14.6666 4.31811 14.6666 8.00001Z", stroke: "#B51726", "stroke-width": "1.33333", "stroke-linecap": "round", "stroke-linejoin": "round" })))))), h("div", { key: 'c2a70ae603737292e5c39766e577ab7a8b182d83', class: `dropdown` }, h("gb-password-button", { key: 'ce693efaa47cdf5158fd844311fccced383f6c51', onClick: () => this.togglePasswordVisibility() })))), this.type === 'password_icon_leading' && (h("div", { key: '9e293b0ad1f5f469efaecfc1631ed18c7a0f9f40', class: `password_icon_leading_input input ${this.type} ${this.size} ${this.state} ${this.destructive ? 'destructive' : ''}` }, h("div", { key: '5a5a63703c7d2e767031e5a48a1bcf0571945850', class: `password_icon_leading_content` }, h("svg", { key: '6bc20a636972afd295df3bad888959e1363c0740', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: 'b27d0b2fe8ba67d51ca0aed6f946e6f3d2b39114', d: "M12.0759 12.1667C11.6617 12.1667 11.3259 12.5025 11.3259 12.9167C11.3259 13.3309 11.6617 13.6667 12.0759 13.6667V12.1667ZM12.0833 13.6667C12.4976 13.6667 12.8333 13.3309 12.8333 12.9167C12.8333 12.5025 12.4976 12.1667 12.0833 12.1667V13.6667ZM7.91668 12.1667C7.50246 12.1667 7.16668 12.5025 7.16668 12.9167C7.16668 13.3309 7.50246 13.6667 7.91668 13.6667V12.1667ZM7.92415 13.6667C8.33836 13.6667 8.67415 13.3309 8.67415 12.9167C8.67415 12.5025 8.33836 12.1667 7.92415 12.1667V13.6667ZM16.4435 10.1294L17.1868 10.0293L16.4435 10.1294ZM13.7003 7.58258L13.7347 6.83337L13.7003 7.58258ZM13.7003 18.2508L13.7347 19L13.7003 18.2508ZM16.4435 15.704L15.7002 15.6039L16.4435 15.704ZM6.29973 7.58258L6.33417 8.33179L6.29973 7.58258ZM3.55652 10.1294L2.81323 10.0293L3.55652 10.1294ZM6.29973 18.2508L6.33417 17.5015L6.29973 18.2508ZM3.55652 15.704L4.29981 15.6039L3.55652 15.704ZM5.50001 7.5C5.50001 7.91422 5.8358 8.25 6.25001 8.25C6.66422 8.25 7.00001 7.91422 7.00001 7.5H5.50001ZM13 7.5C13 7.91422 13.3358 8.25 13.75 8.25C14.1642 8.25 14.5 7.91422 14.5 7.5H13ZM12.0759 13.6667H12.0833V12.1667H12.0759V13.6667ZM7.91668 13.6667H7.92415V12.1667H7.91668V13.6667ZM10 17.5833C8.69057 17.5833 7.50287 17.5553 6.33417 17.5015L6.26528 19C7.45761 19.0548 8.66829 19.0833 10 19.0833V17.5833ZM13.6659 17.5015C12.4972 17.5553 11.3094 17.5833 10 17.5833V19.0833C11.3317 19.0833 12.5424 19.0548 13.7347 19L13.6659 17.5015ZM17.1868 15.804C17.3105 14.8853 17.4167 13.9152 17.4167 12.9167H15.9167C15.9167 13.8142 15.8211 14.7058 15.7002 15.6039L17.1868 15.804ZM17.4167 12.9167C17.4167 11.9181 17.3105 10.948 17.1868 10.0293L15.7002 10.2295C15.8211 11.1275 15.9167 12.0192 15.9167 12.9167H17.4167ZM10 8.25C11.3095 8.25 12.4972 8.27806 13.6659 8.33179L13.7347 6.83337C12.5424 6.77856 11.3317 6.75 10 6.75V8.25ZM6.33417 8.33179C7.50287 8.27806 8.69057 8.25 10 8.25V6.75C8.66829 6.75 7.45761 6.77856 6.26528 6.83337L6.33417 8.33179ZM2.81323 10.0293C2.68953 10.948 2.58334 11.9181 2.58334 12.9167H4.08334C4.08334 12.0192 4.1789 11.1275 4.29981 10.2295L2.81323 10.0293ZM2.58334 12.9167C2.58334 13.9152 2.68953 14.8853 2.81323 15.804L4.29981 15.6039C4.1789 14.7058 4.08334 13.8142 4.08334 12.9167H2.58334ZM17.1868 10.0293C16.9527 8.29067 15.5122 6.91509 13.7347 6.83337L13.6659 8.33179C14.6943 8.37907 15.5595 9.18437 15.7002 10.2295L17.1868 10.0293ZM13.7347 19C15.5122 18.9183 16.9527 17.5427 17.1868 15.804L15.7002 15.6039C15.5595 16.649 14.6943 17.4543 13.6659 17.5015L13.7347 19ZM6.26528 6.83337C4.48781 6.91508 3.04732 8.29067 2.81323 10.0293L4.29981 10.2295C4.44052 9.18437 5.30576 8.37907 6.33417 8.33179L6.26528 6.83337ZM6.33417 17.5015C5.30576 17.4543 4.44052 16.649 4.29981 15.6039L2.81323 15.804C3.04732 17.5427 4.48782 18.9183 6.26528 19L6.33417 17.5015ZM7.00001 7.5V5.41667H5.50001V7.5H7.00001ZM13 5.41667V7.5H14.5V5.41667H13ZM10 2.41667C11.6569 2.41667 13 3.75981 13 5.41667H14.5C14.5 2.93139 12.4853 0.916668 10 0.916668V2.41667ZM7.00001 5.41667C7.00001 3.75981 8.34316 2.41667 10 2.41667V0.916668C7.51473 0.916668 5.50001 2.93139 5.50001 5.41667H7.00001Z", fill: "#4B5565" })), h("input", { key: '46c67d89fb8ecdf71fbe6f6b580b3d072329380a', class: `content text-md-regular ${this.type} ${this.state}`, type: this.isPasswordVisible ? 'text' : 'password', placeholder: this.placeholder ? this.placeholder : '', onInput: event => this.handleInput(event) })), this.showValidation && !this.destructive && (h("svg", { key: 'f062eea94fae19373397dcc9901dfb1e92ddb029', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: 'b2f638a9f20c40fa72a05df32801d5ede9f31d88', d: "M4.16675 12.0833C4.16675 12.0833 5.41675 12.0833 7.08341 15C7.08341 15 11.7158 7.36112 15.8334 5.83334", stroke: "#079455", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))), this.showHelpIcon && (h("div", { key: '5f945427dd523785d820aed37de6dfea398cb056', class: `help_circle` }, !this.destructive ? (h("gb-help-tooltip", { "show-supporting-text": true }, h("slot", { name: "tooltip_label", slot: "label" }), h("slot", { name: "tooltip_supporting_text", slot: "supporting_text" }))) : (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, h("path", { d: "M7.99458 10H8.00057M7.99992 8.00001V5.33334M14.6666 8.00001C14.6666 11.6819 11.6818 14.6667 7.99992 14.6667C4.31802 14.6667 1.33325 11.6819 1.33325 8.00001C1.33325 4.31811 4.31802 1.33334 7.99992 1.33334C11.6818 1.33334 14.6666 4.31811 14.6666 8.00001Z", stroke: "#B51726", "stroke-width": "1.33333", "stroke-linecap": "round", "stroke-linejoin": "round" }))))), h("gb-password-button", { key: 'e88148b093bbb2e612eaf2399bf487cbae1efbcf', onClick: () => this.togglePasswordVisibility() }))), this.type === 'count' && [
-            h("div", { key: 'f86b4633a6c4e0ba4429293291e4c01020f8b8cc', class: `count_input` }, h("div", { key: '9bb01001e56ebfb370f18a61454762be938cb778', class: `count_text_input ${this.destructive ? 'destructive' : ''} ${this.state}` }, h("input", { key: '1e81b7d8a3363257d9b727b6e5283689fd62ef64', class: `content text-md-regular ${this.type} ${this.state}`, type: "text", placeholder: this.placeholder ? this.placeholder : '', onInput: event => this.handleInput(event), value: this.value }), this.showHelpIcon && (h("div", { key: 'aac8f1645655011022808d709746938aad91c0ca', class: `help_circle` }, !this.destructive ? (h("gb-help-tooltip", { "show-supporting-text": true }, h("slot", { name: "tooltip_label", slot: "label" }), h("slot", { name: "tooltip_supporting_text", slot: "supporting_text" }))) : (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, h("path", { d: "M7.99458 10H8.00057M7.99992 8.00001V5.33334M14.6666 8.00001C14.6666 11.6819 11.6818 14.6667 7.99992 14.6667C4.31802 14.6667 1.33325 11.6819 1.33325 8.00001C1.33325 4.31811 4.31802 1.33334 7.99992 1.33334C11.6818 1.33334 14.6666 4.31811 14.6666 8.00001Z", stroke: "#B51726", "stroke-width": "1.33333", "stroke-linecap": "round", "stroke-linejoin": "round" })))))), h("div", { key: '718e4db7081e2f3006faf26afd3f0d55fcbc863b', class: `action ${this.state}` }, h("gb-button", { key: '42c5a8bc447c01783ffd672cd4abaf03c8e59f2b', size: "xl", state: this.state === 'disabled' ? 'disabled' : 'default', hierarchy: "tertiary_gray", icon: "only", "icon-leading": "true", "icon-leading-swap": "assets/minus_sign.svg" }), h("div", { key: '8015b56ce204a579de242714973d1ed38ebe5ca4', class: "vertical_line" }), h("gb-button", { key: 'f1c6bfa56439a4a9242a1a42d9810d935788f754', size: "xl", state: this.state === 'disabled' ? 'disabled' : 'default', hierarchy: "tertiary_gray", icon: "only", "icon-leading": "true", "icon-leading-swap": "assets/plus_sign.svg" }))),
-        ], this.type === 'tags' && (h("div", { key: '54a0f09251a685696a5586025f2b15c0d267fd46', class: `input_group ${this.state}`, ref: el => (this.inputGroupElement = el), onClick: () => this.handleWrapperClick() }, h("div", { key: '732d8f79ad84deff256b6abbe11fab51518670ab', class: `input_like_parent ${this.size} ${this.state} ${this.destructive ? 'destructive' : ''}`, onClick: () => (this.dropdownOpen = !this.dropdownOpen) }, h("div", { key: '13c3a17f2dfa27f1bc2641e0506af989578607c7', class: `results_display ${this.state === 'disabled' ? 'disabled' : ''}`, ref: el => (this.resultsDisplayElement = el) }, !this.value ? (h(Fragment, null, this.selectedItems.map((item, index) => (h(Fragment, null, typeof item === 'object' ? (h("gb-tag", { size: "sm", action: "X_close", icon: this.icon ? this.icon : 'avatar', onClick: () => this.removeStaff(index) }, h("h1", { class: "text-xxs-semi-bold", slot: "initials" }, item.objectName.split(' ').map(part => part.charAt(0).toUpperCase())), h("p", null, item.objectName.split(' ')[0]))) : (h("gb-tag", { size: "sm", action: "X_close", icon: this.icon ? this.icon : 'avatar', onClick: () => this.removeStaff(index) }, h("p", null, item)))))))) : (h(Fragment, null, this.value.map((val, index) => (h(Fragment, null, typeof val === 'object' ? (h("gb-tag", { size: "sm", action: "X_close", icon: this.icon ? this.icon : 'avatar', onClick: () => this.removeStaff(index) }, h("h1", { class: "text-xxs-semi-bold", slot: "initials" }, val.objectName.split(' ').map(part => part.charAt(0).toUpperCase())), h("p", null, val.objectName.split(' ')[0]))) : (h("gb-tag", { size: "sm", action: "X_close", icon: this.icon ? this.icon : 'avatar', onClick: () => this.removeStaff(index) }, h("p", null, val)))))))), h("span", { key: 'cdb930fcc7cafbcc9ce4f3085c4383b47976fcda', class: "hidden-span", ref: el => (this.hiddenSpan = el) }, this.inputValue || '  '), h("div", { key: '8ba136b974f23e2612e90e05253359958917b512', class: "input_field" }, h("input", { key: '9ac1ea6479288e9431291bb03d425402baa7c2c1', id: this.idOfInput, class: `input_like text-md-regular ${this.state}`, type: "text",
+            h("div", { key: '1296b910ac0d9f433c602a914d77b757a2e31ef8', class: "leading_text_input" }, h("div", { key: '2ec52cbacf0c6391d5ad797989c870e25153ded5', class: `add_on` }, h("slot", { key: 'a047eaa98708c86da4337be75580eee17b38b088', name: 'text' })), h("div", { key: '4688c7869bcf364e2f1bc60dadab386e0f85adc3', class: `input ${this.type} ${this.size} ${this.state} ${this.destructive ? 'destructive' : ''}` }, h("input", { key: '2c6668d171bc15f7093da57ac5a344a5a9714ed6', class: `content text-md-regular ${this.type} ${this.state}`, type: "text", placeholder: this.placeholder ? this.placeholder : '', onInput: event => this.handleInput(event), value: this.value }), this.showValidation && !this.destructive && (h("svg", { key: '357e3e66a7cdb92787e541388c07076b8cc3e8bf', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: 'f704ea8365e6993320eea23ba335f7e3308e34f2', d: "M4.16675 12.0833C4.16675 12.0833 5.41675 12.0833 7.08341 15C7.08341 15 11.7158 7.36112 15.8334 5.83334", stroke: "#079455", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))), this.showHelpIcon && (h("div", { key: 'd1f65c56cb406caf0c91f237c1f826f6eb05df66', class: `help_circle` }, !this.destructive ? (h("gb-help-tooltip", { "show-supporting-text": true }, h("slot", { name: "tooltip_label", slot: "label" }), h("slot", { name: "tooltip_supporting_text", slot: "supporting_text" }))) : (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, h("path", { d: "M7.99458 10H8.00057M7.99992 8.00001V5.33334M14.6666 8.00001C14.6666 11.6819 11.6818 14.6667 7.99992 14.6667C4.31802 14.6667 1.33325 11.6819 1.33325 8.00001C1.33325 4.31811 4.31802 1.33334 7.99992 1.33334C11.6818 1.33334 14.6666 4.31811 14.6666 8.00001Z", stroke: "#B51726", "stroke-width": "1.33333", "stroke-linecap": "round", "stroke-linejoin": "round" }))))))),
+        ], this.type === 'payment_input' && (h("div", { key: '437e8b7fe741aa6b9cf45435460f42e642683f65', class: `input ${this.type} ${this.size} ${this.state} ${this.destructive ? 'destructive' : ''}` }, h("svg", { key: '8772f4e5da0dfa5b7e73d281a0839892e04f5880', xmlns: "http://www.w3.org/2000/svg", width: "23", height: "14", viewBox: "0 0 23 14", fill: "none" }, h("path", { key: '9251e8ce8e7e356a6084331c6e96186bcff9b214', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M11.179 11.8294C9.99493 12.8275 8.45902 13.43 6.78069 13.43C3.03582 13.43 0 10.4303 0 6.72997C0 3.02966 3.03582 0.0299683 6.78069 0.0299683C8.45902 0.0299683 9.99493 0.632466 11.179 1.63051C12.363 0.632466 13.8989 0.0299683 15.5773 0.0299683C19.3221 0.0299683 22.358 3.02966 22.358 6.72997C22.358 10.4303 19.3221 13.43 15.5773 13.43C13.8989 13.43 12.363 12.8275 11.179 11.8294Z", fill: "#ED0006" }), h("path", { key: '40e375a73dafda98dfa096e443f353f9692f90ed', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M11.179 11.8294C12.6369 10.6005 13.5614 8.77192 13.5614 6.72997C13.5614 4.68801 12.6369 2.85941 11.179 1.63051C12.363 0.632465 13.8989 0.0299683 15.5772 0.0299683C19.3221 0.0299683 22.3579 3.02966 22.3579 6.72997C22.3579 10.4303 19.3221 13.43 15.5772 13.43C13.8989 13.43 12.363 12.8275 11.179 11.8294Z", fill: "#F9A000" }), h("path", { key: 'fd64b0c6b2b862b30a289b91c11959beb3ba33b3', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M11.179 11.8294C12.6369 10.6005 13.5614 8.77193 13.5614 6.72999C13.5614 4.68805 12.6369 2.85946 11.179 1.63055C9.72109 2.85946 8.79663 4.68805 8.79663 6.72999C8.79663 8.77193 9.72109 10.6005 11.179 11.8294Z", fill: "#FF5E00" })), h("input", { key: 'cf58c747ea2989423ec37f18a73e2ab323d1ea14', class: `content text-md-regular ${this.type} ${this.state}`, type: "text", placeholder: this.placeholder ? this.placeholder : '', onInput: event => this.handleInput(event), value: this.value }), h(Fragment, null, this.showValidation && !this.destructive && (h("svg", { key: '719793d1b22283d1f4b4e5538cb3ae9bcf21d67e', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: '2e0280e054869bee800751003cfc2517150af2db', d: "M4.16675 12.0833C4.16675 12.0833 5.41675 12.0833 7.08341 15C7.08341 15 11.7158 7.36112 15.8334 5.83334", stroke: "#079455", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))), this.showHelpIcon && (h("div", { key: 'd0fa51568badf639251cf30306e1409b6aa1ade4', class: `help_circle` }, !this.destructive ? (h("gb-help-tooltip", { "show-supporting-text": true }, h("slot", { name: "tooltip_label", slot: "label" }), h("slot", { name: "tooltip_supporting_text", slot: "supporting_text" }))) : (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, h("path", { d: "M7.99458 10H8.00057M7.99992 8.00001V5.33334M14.6666 8.00001C14.6666 11.6819 11.6818 14.6667 7.99992 14.6667C4.31802 14.6667 1.33325 11.6819 1.33325 8.00001C1.33325 4.31811 4.31802 1.33334 7.99992 1.33334C11.6818 1.33334 14.6666 4.31811 14.6666 8.00001Z", stroke: "#B51726", "stroke-width": "1.33333", "stroke-linecap": "round", "stroke-linejoin": "round" })))))))), this.type === 'trailing_button' && (h("div", { key: '7fbf7b6b0ee5fb5125a7693186c06e5bf2ad662a', class: `input ${this.type} ${this.size} ${this.state} ${this.destructive ? 'destructive' : ''}` }, h("div", { key: 'e7a2cc2804d053a8cc906516175f4ebe0112ced5', class: `trailing_button_text_input ${this.size}` }, h("input", { key: 'bffb820f139a72a9027729fa4b52537e287ab7c6', class: `content text-md-regular ${this.type} ${this.state}`, type: "text", placeholder: this.placeholder ? this.placeholder : '', onInput: event => this.handleInput(event), ref: el => (this.inputRef = el), value: this.value }), this.showValidation && !this.destructive && (h("svg", { key: '38d9aa3fbac34b2e010db76af6d2d74c0e694aa9', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: 'e09e4965113570e8c73e515dd5510297c883645a', d: "M4.16675 12.0833C4.16675 12.0833 5.41675 12.0833 7.08341 15C7.08341 15 11.7158 7.36112 15.8334 5.83334", stroke: "#079455", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))), this.showHelpIcon && (h("div", { key: '96bb8da1ba2318ac6c85a4aaa534d4be19a5f002', class: `help_circle` }, !this.destructive ? (h("gb-help-tooltip", { "show-supporting-text": true }, h("slot", { name: "tooltip_label", slot: "label" }), h("slot", { name: "tooltip_supporting_text", slot: "supporting_text" }))) : (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, h("path", { d: "M7.99458 10H8.00057M7.99992 8.00001V5.33334M14.6666 8.00001C14.6666 11.6819 11.6818 14.6667 7.99992 14.6667C4.31802 14.6667 1.33325 11.6819 1.33325 8.00001C1.33325 4.31811 4.31802 1.33334 7.99992 1.33334C11.6818 1.33334 14.6666 4.31811 14.6666 8.00001Z", stroke: "#B51726", "stroke-width": "1.33333", "stroke-linecap": "round", "stroke-linejoin": "round" })))))), h("gb-button", { key: 'cf6bd231d514ee8a376d834948c961406c994843', size: "lg", hierarchy: "tertiary_gray", icon: "only", state: this.state === 'disabled' ? 'disabled' : 'default', "icon-leading": true, "icon-leading-swap": "assets/copy-01.svg", onClick: () => this.copyToClipboard() }))), this.type === 'password' && (h("div", { key: '5ca5d4cdaa49f9f0fdd6176621a226200337c08e', class: `password_input ${this.type} ${this.size} ${this.state} ${this.destructive ? 'destructive' : ''}` }, h("div", { key: '2d04b602a2580bd890c4bcbc195fd2f7d0ad99b5', class: `password_content` }, h("input", { key: '6ac20c1181032cb5d118a90adc50a9ef28a51bdd', class: `content text-md-regular ${this.type} ${this.state}`, type: this.isPasswordVisible ? 'text' : 'password', placeholder: this.placeholder ? this.placeholder : '', onInput: event => this.handleInput(event) }), this.showValidation && !this.destructive && (h("svg", { key: '0b06adc9db0ee631fc2df0ce1993f9eebe5664cf', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: 'c3a5f8f157cb597c923de7b140e485638ebb3c72', d: "M4.16675 12.0833C4.16675 12.0833 5.41675 12.0833 7.08341 15C7.08341 15 11.7158 7.36112 15.8334 5.83334", stroke: "#079455", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))), this.showHelpIcon && (h("div", { key: 'c50748306e9d93febadd2d58164bd57c1ec5bb79', class: `help_circle` }, !this.destructive ? (h("gb-help-tooltip", { "show-supporting-text": true }, h("slot", { name: "tooltip_label", slot: "label" }), h("slot", { name: "tooltip_supporting_text", slot: "supporting_text" }))) : (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, h("path", { d: "M7.99458 10H8.00057M7.99992 8.00001V5.33334M14.6666 8.00001C14.6666 11.6819 11.6818 14.6667 7.99992 14.6667C4.31802 14.6667 1.33325 11.6819 1.33325 8.00001C1.33325 4.31811 4.31802 1.33334 7.99992 1.33334C11.6818 1.33334 14.6666 4.31811 14.6666 8.00001Z", stroke: "#B51726", "stroke-width": "1.33333", "stroke-linecap": "round", "stroke-linejoin": "round" })))))), h("div", { key: '61fcce0b95f11db92f38fe0dcd8b9774f280672e', class: `dropdown` }, h("gb-password-button", { key: '7a1fbb26e69d2e427419be36ae3826238ef589c3', onClick: () => this.togglePasswordVisibility() })))), this.type === 'password_icon_leading' && (h("div", { key: 'b994e79adeeb2672c99a8e215f1b025408772df1', class: `password_icon_leading_input input ${this.type} ${this.size} ${this.state} ${this.destructive ? 'destructive' : ''}` }, h("div", { key: '223deadfbdf43a4abcd2a3764c62141275687b83', class: `password_icon_leading_content` }, h("svg", { key: '21b6241f95689ee70aa64ac0c65ae3b87c7fdcb9', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: '51ca40d8912df02ffbc112fd4f8e3c05c33df247', d: "M12.0759 12.1667C11.6617 12.1667 11.3259 12.5025 11.3259 12.9167C11.3259 13.3309 11.6617 13.6667 12.0759 13.6667V12.1667ZM12.0833 13.6667C12.4976 13.6667 12.8333 13.3309 12.8333 12.9167C12.8333 12.5025 12.4976 12.1667 12.0833 12.1667V13.6667ZM7.91668 12.1667C7.50246 12.1667 7.16668 12.5025 7.16668 12.9167C7.16668 13.3309 7.50246 13.6667 7.91668 13.6667V12.1667ZM7.92415 13.6667C8.33836 13.6667 8.67415 13.3309 8.67415 12.9167C8.67415 12.5025 8.33836 12.1667 7.92415 12.1667V13.6667ZM16.4435 10.1294L17.1868 10.0293L16.4435 10.1294ZM13.7003 7.58258L13.7347 6.83337L13.7003 7.58258ZM13.7003 18.2508L13.7347 19L13.7003 18.2508ZM16.4435 15.704L15.7002 15.6039L16.4435 15.704ZM6.29973 7.58258L6.33417 8.33179L6.29973 7.58258ZM3.55652 10.1294L2.81323 10.0293L3.55652 10.1294ZM6.29973 18.2508L6.33417 17.5015L6.29973 18.2508ZM3.55652 15.704L4.29981 15.6039L3.55652 15.704ZM5.50001 7.5C5.50001 7.91422 5.8358 8.25 6.25001 8.25C6.66422 8.25 7.00001 7.91422 7.00001 7.5H5.50001ZM13 7.5C13 7.91422 13.3358 8.25 13.75 8.25C14.1642 8.25 14.5 7.91422 14.5 7.5H13ZM12.0759 13.6667H12.0833V12.1667H12.0759V13.6667ZM7.91668 13.6667H7.92415V12.1667H7.91668V13.6667ZM10 17.5833C8.69057 17.5833 7.50287 17.5553 6.33417 17.5015L6.26528 19C7.45761 19.0548 8.66829 19.0833 10 19.0833V17.5833ZM13.6659 17.5015C12.4972 17.5553 11.3094 17.5833 10 17.5833V19.0833C11.3317 19.0833 12.5424 19.0548 13.7347 19L13.6659 17.5015ZM17.1868 15.804C17.3105 14.8853 17.4167 13.9152 17.4167 12.9167H15.9167C15.9167 13.8142 15.8211 14.7058 15.7002 15.6039L17.1868 15.804ZM17.4167 12.9167C17.4167 11.9181 17.3105 10.948 17.1868 10.0293L15.7002 10.2295C15.8211 11.1275 15.9167 12.0192 15.9167 12.9167H17.4167ZM10 8.25C11.3095 8.25 12.4972 8.27806 13.6659 8.33179L13.7347 6.83337C12.5424 6.77856 11.3317 6.75 10 6.75V8.25ZM6.33417 8.33179C7.50287 8.27806 8.69057 8.25 10 8.25V6.75C8.66829 6.75 7.45761 6.77856 6.26528 6.83337L6.33417 8.33179ZM2.81323 10.0293C2.68953 10.948 2.58334 11.9181 2.58334 12.9167H4.08334C4.08334 12.0192 4.1789 11.1275 4.29981 10.2295L2.81323 10.0293ZM2.58334 12.9167C2.58334 13.9152 2.68953 14.8853 2.81323 15.804L4.29981 15.6039C4.1789 14.7058 4.08334 13.8142 4.08334 12.9167H2.58334ZM17.1868 10.0293C16.9527 8.29067 15.5122 6.91509 13.7347 6.83337L13.6659 8.33179C14.6943 8.37907 15.5595 9.18437 15.7002 10.2295L17.1868 10.0293ZM13.7347 19C15.5122 18.9183 16.9527 17.5427 17.1868 15.804L15.7002 15.6039C15.5595 16.649 14.6943 17.4543 13.6659 17.5015L13.7347 19ZM6.26528 6.83337C4.48781 6.91508 3.04732 8.29067 2.81323 10.0293L4.29981 10.2295C4.44052 9.18437 5.30576 8.37907 6.33417 8.33179L6.26528 6.83337ZM6.33417 17.5015C5.30576 17.4543 4.44052 16.649 4.29981 15.6039L2.81323 15.804C3.04732 17.5427 4.48782 18.9183 6.26528 19L6.33417 17.5015ZM7.00001 7.5V5.41667H5.50001V7.5H7.00001ZM13 5.41667V7.5H14.5V5.41667H13ZM10 2.41667C11.6569 2.41667 13 3.75981 13 5.41667H14.5C14.5 2.93139 12.4853 0.916668 10 0.916668V2.41667ZM7.00001 5.41667C7.00001 3.75981 8.34316 2.41667 10 2.41667V0.916668C7.51473 0.916668 5.50001 2.93139 5.50001 5.41667H7.00001Z", fill: "#4B5565" })), h("input", { key: '2cfb6d5551ede4381c4b678bbfd5eb2d83d3b534', class: `content text-md-regular ${this.type} ${this.state}`, type: this.isPasswordVisible ? 'text' : 'password', placeholder: this.placeholder ? this.placeholder : '', onInput: event => this.handleInput(event) })), this.showValidation && !this.destructive && (h("svg", { key: '1efec1ad39e5bb0a32d254793dd88e669089c8bf', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: '5cbad29be072691c64c9281f22cd464aab0a7713', d: "M4.16675 12.0833C4.16675 12.0833 5.41675 12.0833 7.08341 15C7.08341 15 11.7158 7.36112 15.8334 5.83334", stroke: "#079455", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))), this.showHelpIcon && (h("div", { key: 'ab1d6339dabbdec780d91ab0440da0e6fac60445', class: `help_circle` }, !this.destructive ? (h("gb-help-tooltip", { "show-supporting-text": true }, h("slot", { name: "tooltip_label", slot: "label" }), h("slot", { name: "tooltip_supporting_text", slot: "supporting_text" }))) : (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, h("path", { d: "M7.99458 10H8.00057M7.99992 8.00001V5.33334M14.6666 8.00001C14.6666 11.6819 11.6818 14.6667 7.99992 14.6667C4.31802 14.6667 1.33325 11.6819 1.33325 8.00001C1.33325 4.31811 4.31802 1.33334 7.99992 1.33334C11.6818 1.33334 14.6666 4.31811 14.6666 8.00001Z", stroke: "#B51726", "stroke-width": "1.33333", "stroke-linecap": "round", "stroke-linejoin": "round" }))))), h("gb-password-button", { key: '785e71a3685366b6d0bf38d45bc68790dde2bc7a', onClick: () => this.togglePasswordVisibility() }))), this.type === 'count' && [
+            h("div", { key: '4f37cbf6a359c14ecde25c9589c062b003eea184', class: `count_input` }, h("div", { key: '21b4cf6abbdfda0b95e07670d938e6bb4d338749', class: `count_text_input ${this.destructive ? 'destructive' : ''} ${this.state}` }, h("input", { key: 'f00472fd41ab1e0e28d1224ceab3da6ebb13c1e7', class: `content text-md-regular ${this.type} ${this.state}`, type: "text", placeholder: this.placeholder ? this.placeholder : '', onInput: event => this.handleInput(event), value: this.value }), this.showHelpIcon && (h("div", { key: '9dce5793e2a14a2788c49bda420a333ed2b6e1d0', class: `help_circle` }, !this.destructive ? (h("gb-help-tooltip", { "show-supporting-text": true }, h("slot", { name: "tooltip_label", slot: "label" }), h("slot", { name: "tooltip_supporting_text", slot: "supporting_text" }))) : (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, h("path", { d: "M7.99458 10H8.00057M7.99992 8.00001V5.33334M14.6666 8.00001C14.6666 11.6819 11.6818 14.6667 7.99992 14.6667C4.31802 14.6667 1.33325 11.6819 1.33325 8.00001C1.33325 4.31811 4.31802 1.33334 7.99992 1.33334C11.6818 1.33334 14.6666 4.31811 14.6666 8.00001Z", stroke: "#B51726", "stroke-width": "1.33333", "stroke-linecap": "round", "stroke-linejoin": "round" })))))), h("div", { key: 'c94804b39531038bb0c0f2bc9ed99c4b2ddf2bc8', class: `action ${this.state}` }, h("gb-button", { key: 'c18323cbe30e5966665f0912d45097fb55eaff05', size: "xl", state: this.state === 'disabled' ? 'disabled' : 'default', hierarchy: "tertiary_gray", icon: "only", "icon-leading": "true", "icon-leading-swap": "assets/minus_sign.svg" }), h("div", { key: '1abac2f7cce32a6a44a16a7536bb0bf0c0328583', class: "vertical_line" }), h("gb-button", { key: '7970e64e0d7f68a2ead228989a670b59c679ef20', size: "xl", state: this.state === 'disabled' ? 'disabled' : 'default', hierarchy: "tertiary_gray", icon: "only", "icon-leading": "true", "icon-leading-swap": "assets/plus_sign.svg" }))),
+        ], this.type === 'tags' && (h("div", { key: 'b4cdca8b83d0a33ff28a0fee5a00e6e36f7d1bc4', class: `input_group ${this.state}`, ref: el => (this.inputGroupElement = el), onClick: () => this.handleWrapperClick() }, h("div", { key: 'f3dda46b1557a4acdd6b7a3f80b189e99ef0a706', class: `input_like_parent ${this.size} ${this.state} ${this.destructive ? 'destructive' : ''}`, onClick: () => (this.dropdownOpen = !this.dropdownOpen) }, h("div", { key: 'add4660b7ab97fd0ed6ce4aa98b2d9c607db4656', class: `results_display ${this.state === 'disabled' ? 'disabled' : ''}`, ref: el => (this.resultsDisplayElement = el) }, !this.value ? (h(Fragment, null, this.selectedItems.map((item, index) => (h(Fragment, null, typeof item === 'object' ? (h("gb-tag", { size: "sm", action: "X_close", icon: this.icon ? this.icon : 'avatar', onClick: () => this.removeStaff(index) }, h("h1", { class: "text-xxs-semi-bold", slot: "initials" }, item.objectName.split(' ').map(part => part.charAt(0).toUpperCase())), h("p", null, item.objectName.split(' ')[0]))) : (h("gb-tag", { size: "sm", action: "X_close", icon: this.icon ? this.icon : 'avatar', onClick: () => this.removeStaff(index) }, h("p", null, item)))))))) : (h(Fragment, null, this.value.map((val, index) => (h(Fragment, null, typeof val === 'object' ? (h("gb-tag", { size: "sm", action: "X_close", icon: this.icon ? this.icon : 'avatar', onClick: () => this.removeStaff(index) }, h("h1", { class: "text-xxs-semi-bold", slot: "initials" }, val.objectName.split(' ').map(part => part.charAt(0).toUpperCase())), h("p", null, val.objectName.split(' ')[0]))) : (h("gb-tag", { size: "sm", action: "X_close", icon: this.icon ? this.icon : 'avatar', onClick: () => this.removeStaff(index) }, h("p", null, val)))))))), h("span", { key: '233c7f2080dbd82c9c75fbb43e177748ea12b02a', class: "hidden-span", ref: el => (this.hiddenSpan = el) }, this.inputValue || '  '), h("div", { key: '1f562d905d2bc3caa93fabf8bf2f5e566110d037', class: "input_field" }, h("input", { key: '0ab2830175a7efbc735995a898fc700ccaf356ef', id: this.idOfInput, class: `input_like text-md-regular ${this.state}`, type: "text",
             // placeholder={this.placeholder && this.selectedStaff.length === 0 ? this.placeholder : ''}
-            value: this.inputValue, readOnly: this.isReadOnly, ref: el => (this.inputElement = el), onBlur: () => this.exportSelectedStaff(), onInput: event => this.handleTagInput(event) })))), this.showDropdown && (h("div", { key: 'e0efd326e5b4fecb7783be38ba25e166ad01c3f2', class: `tags_dropdown_menu ${this.show ? 'show' : ''} ${this.menuPosition}` }, this.results.map(item => (h("gb-input-dropdown-menu-item", { type: "checkbox", "supporting-text": true, state: StateEnum.Default, onClick: () => this.selectDropdownItem(item), selected: this.isTagItemSelected(item) }, typeof item === 'object'
+            value: this.inputValue, readOnly: this.isReadOnly, ref: el => (this.inputElement = el), onBlur: () => this.exportSelectedStaff(), onInput: event => this.handleTagInput(event) })))), this.showDropdown && (h("div", { key: 'fb495958a8906c7c0950cd8963443051e02b3693', class: `tags_dropdown_menu ${this.show ? 'show' : ''} ${this.menuPosition}` }, this.results.map(item => (h("gb-input-dropdown-menu-item", { type: "checkbox", "supporting-text": true, state: StateEnum.Default, onClick: () => this.selectDropdownItem(item), selected: this.isTagItemSelected(item) }, typeof item === 'object'
             ? [h("p", { slot: "name" }, item.objectName), h("p", { slot: "supporting_text" }, item.objectValue)]
             : typeof item !== 'object' && h("p", { slot: "name" }, item))))))))), this.showHintText && h(Fragment, null, !this.destructive ? h("p", { class: "hint_text text-sm-regular" }, this.hintText) : h("p", { class: "error_text text-sm-regular" }, this.errorText))));
     }

package/dist/collection/components/gb-megainput-field-base/gb-megainput-field.js CHANGED Viewed

@@ -16,10 +16,10 @@ export class GbMegaInputField {
         }
     }
     render() {
-        return (h("div", { key: '770996463046fba6eb41b202bdba219dc3bd7202', class: {
+        return (h("div", { key: '6b5ebc0cdf0871690a1b05cd2da5fbc6c87f91c4', class: {
                 [this.size]: true,
                 disabled: this.state === 'disabled'
-            } }, h("input", { key: '3eef7e201bfce596696dc90b9fe276c337db4964', class: {
+            } }, h("input", { key: 'f03d0c9aa8c8703a6051e031d7d25546a9b73688', class: {
                 [this.size]: true,
                 disabled: this.state === 'disabled'
             }, type: "number", min: "0", max: "1", placeholder: "0", value: this.inputValue, onInput: (event) => this.handleInput(event) })));

package/dist/collection/components/gb-notification-content/gb-notification-content.js CHANGED Viewed

@@ -8,7 +8,7 @@ export class GbNotificationContent {
     }
     render() {
         const iconSrc = getAssetPath(`${this.icon}`);
-        return (h("div", { key: 'a9d97bd84dc60c33b4e88b0eaec9bac77609b584', class: "notification_container" }, h("div", { key: 'f03be6f6ba0f3fc5cb27f40958cce5f051e3a97d', class: "notification_title" }, this.icon && (h("div", { key: '671eef2343ff31eb0b34fa434f7caf003c80322e', class: "icon" }, h("img", { key: '1d8a922d90ecedea04046a0fef6319fe04ffee6c', src: iconSrc, alt: "Icon" }))), h("label", { key: '040a83565b3bc6314831d5da24ea1461e4204d9f' }, this.label), h("span", { key: '70b0134b3d66e09e808b7798c82f8f502df06fbb', class: "time" }, this.time)), h("div", { key: 'c99a79534d54c3b931e332bef8d917d8a4a9883b', class: "supporting_text" }, h("p", { key: '60d4dc5e9c9cf2b7bcfbbbc58e39edbe09c1544d', class: "text-sm-regular" }, this.supportingText))));
+        return (h("div", { key: '61c5ee4f996d445c05b2b437145a0a08e0c3b039', class: "notification_container" }, h("div", { key: '6cc469fdfc87ca18e36a76578c8c3bfbc90f11cf', class: "notification_title" }, this.icon && (h("div", { key: 'ae040972e27fd58061ec2acb8140eda844a7b286', class: "icon" }, h("img", { key: '2364d2f1c543dd67dce835923533e5a8a64ec217', src: iconSrc, alt: "Icon" }))), h("label", { key: 'f75d11e6ca6f92b5e6795ca588c81d6cd9f6b5c2' }, this.label), h("span", { key: 'f58997808259bd90315f14ce5362eb01e75710d1', class: "time" }, this.time)), h("div", { key: '76e715ddcb1320d06fbb1a5402f035f6fcb8c54f', class: "supporting_text" }, h("p", { key: 'c96d756739c41c8a21e8877f6ac1a74d3f497b5e', class: "text-sm-regular" }, this.supportingText))));
     }
     static get is() { return "gb-notification-content"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/gb-notification-pane/gb-notification-pane.js CHANGED Viewed

@@ -51,9 +51,9 @@ export class GbNotificationPane {
     render() {
         const patternSrc = getAssetPath(`assets/notification_background_pattern.svg`);
         const illustrationSrc = getAssetPath(`assets/notification_illustration.svg`);
-        return (h("div", { key: '6f9fb6c7f75f240e615894d3dfc04a96ee0dc6fd', class: "notification_pane_div" }, this.state === 'empty' && [
-            h("div", { key: 'f779b19bcded396eea1e0601bbcd7237df23d344', class: `container` }, h("div", { key: '490d2945bc9702935fe4c8d9f81b300ef89bf676', class: "frame" }, h("img", { key: 'eb41e474cf5d8708f433a92aea02290f39f839c3', src: patternSrc, alt: "", class: "empty_state_pattern" }), h("div", { key: 'c8ab1768ae6393d0c8a9e6842e722d0804df3a72', class: "empty_state" }, h("div", { key: 'b1bc82f2664f0d325820b6b25fda1a6d61683d96', class: "content" }, h("img", { key: '61efd67a9189513afec407171b7df599c05956e9', src: illustrationSrc, alt: "bell-icon", class: "bell_icon" }), h("div", { key: '8c05b5d3100816b3e14a9c45723fd1c41c96664c', class: "text" }, h("slot", { key: '8f2a4adab7b0daa282a186e901129815ba194402', name: "label" }), h("slot", { key: '0e40631dfca05072c3d3d2496565907664e5439e', name: "supporting_text" })))))),
-            h("div", { key: 'f8277b74a8a2edd609d3f28beb8b0046af122300', class: `button` }, h("gb-button", { key: 'ac7e71cef632b540e129bae1c2ca89c4ef5bd698', size: "sm", hierarchy: "tertiary_color", icon: "default", state: "disabled", "icon-leading": true, "icon-leading-swap": "assets/blush_brush.svg" }, h("p", { key: 'bad57e1b8667206520a98347315a286423d5a850' }, "Mark all as read"))),
+        return (h("div", { key: '5ffbf686f46ba45fdac300fa4f8de6fb3f7e2a85', class: "notification_pane_div" }, this.state === 'empty' && [
+            h("div", { key: 'ec5a3ee1242096a2c3db59805ae357c4dafc4392', class: `container` }, h("div", { key: '3ab2ae0a951a649e8ec0b952a68ad67f56f1be32', class: "frame" }, h("img", { key: 'd43cde19948283c8c535954140f791c87d118f47', src: patternSrc, alt: "", class: "empty_state_pattern" }), h("div", { key: '06873e452c552b89e98286102107a8e5acdb3bd2', class: "empty_state" }, h("div", { key: 'ece3d637b580e0119e5fa6fde617f41828f96049', class: "content" }, h("img", { key: '46bfcf9e2b7a8efccaf490b85a7016e20169808d', src: illustrationSrc, alt: "bell-icon", class: "bell_icon" }), h("div", { key: 'fa77c94752dfdc6321ee4d9ee89d2e07e27f2dda', class: "text" }, h("slot", { key: 'c78889e1ba40b0d866f1283d4db6687fd0870a3c', name: "label" }), h("slot", { key: '5bc59fedd3721ccc13f743fc3f6c565e89b3b742', name: "supporting_text" })))))),
+            h("div", { key: 'a43f062167e49fe9ba5dd6d48ade7a626c94cf89', class: `button` }, h("gb-button", { key: '7fdd26013b947c7088e66a1e8a7ee17219c91cb4', size: "sm", hierarchy: "tertiary_color", icon: "default", state: "disabled", "icon-leading": true, "icon-leading-swap": "assets/blush_brush.svg" }, h("p", { key: '2a16e995a9a14a47f2931a520a14fe9d6b9d41c8' }, "Mark all as read"))),
         ], this.state === 'notification_dropdown' && (h(Fragment, null, this.notifications.length > 0 ? (h("div", { class: "notification_dropdown" }, h("div", { class: `content_wrapper` }, this.notifications.map(notification => (h("gb-notification-content", { label: notification.label, time: notification.time, "supporting-text": notification.desc, icon: notification.icon })))), h("gb-button", { size: "sm", hierarchy: "tertiary_color", icon: "default", "icon-leading": true, "icon-leading-swap": "assets/blush_brush.svg" }, h("p", null, "Mark all as read")))) : [h("div", { class: `container` }, h("div", { class: "frame" }, h("img", { src: patternSrc, alt: "", class: "empty_state_pattern" }), h("div", { class: "empty_state" }, h("div", { class: "content" }, h("img", { src: illustrationSrc, alt: "bell-icon", class: "bell_icon" }), h("div", { class: "text" }, h("slot", { name: "label" }), h("slot", { name: "supporting_text" })))))), h("div", { class: `button` }, h("gb-button", { size: "sm", hierarchy: "tertiary_color", icon: "default", state: "disabled", "icon-leading": true, "icon-leading-swap": "assets/blush_brush.svg" }, h("p", null, "Mark all as read"))),
         ]))));
     }

package/dist/collection/components/gb-pagination/gb-pagination.js CHANGED Viewed

@@ -7,12 +7,13 @@ export class GbPagination {
         this.currentPage = undefined;
         this.totalPages = undefined;
         this.entries = [10, 20, 50, 80, 100];
-        this.selectedPageSize = undefined;
+        this.selectedPageSize = 10;
+        this.defaultSelected = undefined;
     }
     onPreviousButtonClicked() {
         if (this.currentPage === this.totalPages || this.currentPage > 1) {
             this.currentPage = this.currentPage - 1;
-            console.log(this.currentPage);
+            // console.log(this.currentPage)
         }
     }
     onNextButtonClicked() {
@@ -20,13 +21,18 @@ export class GbPagination {
             this.currentPage = this.currentPage + 1;
         }
     }
+    componentWillLoad() {
+        console.log(this.selectedPageSize);
+        this.defaultSelected = [this.selectedPageSize];
+        this.pageSizeSelected.emit(this.selectedPageSize);
+    }
     handlePageSizeSelect(item) {
         // console.log(this.entries);
         this.selectedPageSize = item;
-        console.log('Selected page size:', item);
+        console.log('Selected page size:', this.selectedPageSize);
     }
     render() {
-        return (h("div", { key: 'd51c61c6753f7fbc735df887cc40efe26ae0bc0c', class: `pagination_div ${this.type} ${this.breakpoint}` }, this.type === 'page_default' && this.breakpoint === 'desktop' && (h(Fragment, null, h("gb-button", { key: '70a4f3aa02682caf5f3a0fccc77e1308a9a86b17', size: "sm", hierarchy: "tertiary_gray", icon: "default", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg" }, h("p", { key: '664e88246e0f0e49a9af22d3dc505337f384d625' }, "Previous")), h("div", { key: 'a9b9d55523079c80187d15347775783caeb7f2b3', class: "pagination_numbers" }, h("gb-pagination-number-base", { key: 'd535eb98c4cbbffc6cebbce2115a07900e337d3f', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default' }, h("p", { key: 'f17e13c1b8fb7a2dc93f2ab0bbb36fcf6314e38b', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: 'e189780607e82fa2321caf0c37854e330fb04e91', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default' }, h("p", { key: 'b2be6aac418bd3bda04152c2e8cea943da8db953', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: '8db8789e987e65dc204de5e127a618cff201c9a3', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default' }, h("p", { key: '15334d2addc6e5fa4d1cfe48a498b6e57d5c801b', slot: "page_number" }, "3")), this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: 'db41c83587b16b334e3f57f3c1f31f260ef279a2', shape: this.shape }, h("p", { key: '915a2cc1acc5fb9416520c3c8e69543c533239f7', slot: "page_number" }, "...")), this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: 'e0de67c1074463a8ff6fa0fb1d16cc04384fbca8', shape: this.shape, state: this.currentPage === this.totalPages - 2 ? 'active' : 'default' }, h("p", { key: '6ea647c3c940ce9de1f093ffef8639aff8227896', slot: "page_number" }, this.totalPages - 2)), h("gb-pagination-number-base", { key: '04cb998d1c471d33435809f8fd56539fd7a1370c', shape: this.shape, state: this.currentPage === this.totalPages - 1 ? 'active' : 'default' }, h("p", { key: '443aa8b23ad045f3f75da586a2179bfcbf52de5d', slot: "page_number" }, this.totalPages - 1)), h("gb-pagination-number-base", { key: 'cdad04c20521a815a0b959b2982ae5dab05b358f', shape: this.shape, state: this.currentPage === this.totalPages ? 'active' : 'default' }, h("p", { key: 'd32d47cf12ceb69e7bb039c5f076a1c75874d5aa', slot: "page_number" }, this.totalPages))), h("gb-button", { key: '8c8f5d62011383ef19497708ea0c32b30daeba69', size: "sm", hierarchy: "tertiary_gray", icon: "default", state: "default", "icon-trailing": true, "icon-trailing-swap": "assets/arrow-right-02.svg" }, h("p", { key: 'd77f0e74e8102b700087af1ec09c498d2422a2da' }, "Next")))), this.type === 'page_minimal_center_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("gb-button", { key: '7f0d7ab1c8a6691e2e55deb885539c2c9064cc6b', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg" }, h("p", { key: '6b86e50104dfc50b43ec1b9e9f1ac4d847c6fa84' }, "Previous")), h("div", { key: '76db41f6a24b81d1349e66a42b5ccf8902a7457b', class: "pagination_numbers" }, h("gb-pagination-number-base", { key: '74fb9eff64e383e55f236d748aeadeda7771e9d9', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default' }, h("p", { key: 'f0e84a7274c14b5110da951224630cd2f0ad1e95', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: 'eb66e68b84bd8df0553ed187a347284ab5b25818', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default' }, h("p", { key: '6422d7710e79f58e26324056d8ed0068a0634bc1', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: '77569833c28b8f5893f3feeda5af4b03da8d1dd3', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default' }, h("p", { key: '7d0ca644e9cc74b3290e6e4f25235c0fe4293752', slot: "page_number" }, "3")), this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: '0f0c1758af75561034c2c3bb0deef43533fa1686', shape: this.shape }, h("p", { key: '7276590a8928b00bcd15425421163bff731a5c8f', slot: "page_number" }, "...")), this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: '94465741cff47b46b90f71249408049f2afed4b2', shape: this.shape, state: this.currentPage === this.totalPages - 2 ? 'active' : 'default' }, h("p", { key: '002f01bc31dc0b4e9226a48a348530052148ee03', slot: "page_number" }, this.totalPages - 2)), h("gb-pagination-number-base", { key: 'a8489f88e2dff20f54dc2e6ccb0e160613858497', shape: this.shape, state: this.currentPage === this.totalPages - 1 ? 'active' : 'default' }, h("p", { key: '297643375ebee6a7b3070d10ae9a1d14f1baec54', slot: "page_number" }, this.totalPages - 1)), h("gb-pagination-number-base", { key: 'ed9db21f7cb8dcee37dda10938480dd53c294cbc', shape: this.shape, state: this.currentPage === this.totalPages ? 'active' : 'default' }, h("p", { key: '7a10164d062d5080f996edcc5db2cd93510c12b0', slot: "page_number" }, this.totalPages))), h("gb-button", { key: '8004459f14d467f7f4cae162cb285d5b0eb44dc4', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", "icon-trailing": true, "icon-trailing-swap": "assets/arrow-right-02.svg" }, h("p", { key: 'c44b92ac7d85dd72814957e0151849b332fe5488' }, "Next")))), this.type === 'card_default' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: 'b644d51a3b879e9531f97013f3581185fb24af46', class: "pagination_entries" }, h("div", { key: '8e39a3b5d26cd060a87ff76391d564dd0e8a3d0b', class: "entries_text" }, h("p", { key: 'ce3d6ab70fc813b4ab89a8c97dde60a4f04c8acc', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '4a0b4413879484231e00909a51459ae1571625fb', class: `entries_dropdown` }, h("gb-input-dropdown", { key: 'a8bd72507a851c3b8fd31cf175b2060e13604a75', 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" }))), h("div", { key: '47abfc237390a00575dbdca6834d1cbcb59ef5c9', class: "pagination_numbers" }, h("gb-pagination-number-base", { key: '176d3748027f7a042b69f4b1bdf86230a54cfe79', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '473bb2865a214924b3bdacff1a409ed9a9a1f033', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: '31528fb4913736aa7b1bd177e92fe58849355846', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '73c43beef8d2b96060d178aed1802ea680055ecf', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: '5787a95ffba5cd483f8eaafc9418531a9f111479', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: 'dfd01b946cf927b4f4351b4ff6e65db61c971d29', slot: "page_number" }, "3")), this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: '9778634b4ce81055a03ddcad14b16055cbd9b223', shape: this.shape, state: "default" }, h("p", { key: '893cb82222f6e2a23ca369078fe781eba0bcd2d5', slot: "page_number" }, "...")), this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: 'dc772ef9e693290d8e95d14481f3a9eb154ecbcf', shape: this.shape, state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 2) }, h("p", { key: '25e00905db71c71b325c944e2e54bd7af3c94e02', slot: "page_number" }, this.totalPages - 2)), h("gb-pagination-number-base", { key: '982422c470ca1e551e8c4f8ad4ea75948bb4e5f3', shape: this.shape, state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 1) }, h("p", { key: 'cd554bf09611e756b0eef71bc2645249b7e65ea7', slot: "page_number" }, this.totalPages - 1)), h("gb-pagination-number-base", { key: 'cdce55675264897f37b9ecd27380998a695a0047', shape: this.shape, state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages) }, h("p", { key: '10a06d32641954cfc2be82aca57896426e113e54', slot: "page_number" }, this.totalPages))), h("div", { key: 'd625aadfa2944baef8a7235952529b41a5b15db7', class: "pagination_btns" }, h("gb-button", { key: '3b5aa8b297497cc313b688dc8fb32ddf797f2d10', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("gb-button", { key: 'c8ffb24a8990fd6d7d5918deef02122b442e8072', 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' && (h(Fragment, null, h("div", { key: '07422545513c380e80fc512055c603504104b3a9', class: "pagination_entries" }, h("div", { key: 'a93db1809259606f9d94e0412f2fa07e5a2e770d', class: "entries_text" }, h("p", { key: 'ef779eac00523f62f8b6bf013458b2a9b045c48e', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '5764771e514fde05221f9b3e7c9a0e2ffda1b36e', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '995c3a9ed7985dac2d23d4f0a36bc5b1b15cd6e6', 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" }))), h("div", { key: 'e09e8973ba05fca966fde31b07fd1a56b687b999', class: "page_number_text" }, h("p", { key: '9509b202e60277a8681fd9dc8e975608628cbe50', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("div", { key: '8f248e9381708a9fefc8c4f1af131132cd0832be', class: "pagination_btns" }, h("gb-button", { key: '650aa2761392e20600e17e8f0af3a6a5a9a37e6e', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '7c54441d561f0ad376bfb325582caa49dd0bba99' }, "Previous")), h("gb-button", { key: '8613c1f5eeb391a31bdf3a025aa1e648772583d4', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: '3926488a7c3196478ab1419fbc9efd9aab9c20d0' }, "Next"))))), this.type === 'card_minimal_left_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '86ab7a44d189295e3e2fa751a654f952bf37671d', class: "pagination_btns" }, h("gb-button", { key: 'fcd5c3d5331c4fd2cceb02f3ddaaf0f728f74774', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '7ae7c08edd4dd5a94d7b0f5e3b9c29c0472bafe5' }, "Previous")), h("gb-button", { key: '4e68603028214e7b267ab8d2a94e2f08effbf0b7', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: 'a8bb168438b3f4eabb005e93669e03120c51499a' }, "Next"))), h("div", { key: 'd65eda3190c260f65205bc3e4ade8a9b8d780629', class: "page_number_text" }, h("p", { key: '568709d89be991e0a89734289901fb1c58ef61b7', class: "text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("div", { key: '8cd05a53a07f6d675dc199ebeb0c4d1afb4c4108', class: "pagination_entries" }, h("div", { key: '615759308cae35578d56eb9a3a247b937109b5e6', class: "entries_text" }, h("p", { key: '7c52cbf14f48857803a60008fd985ec9067a58bc', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: 'bb143243a246877bc2246b315c55778406fc3505', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '02f992ba833d2d47be1254d4f02e225eccb23c80', 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" }))))), this.type === 'card_minimal_center_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("gb-button", { key: '3cbd648982f565ad902677c7334c001f9b991c76', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '4949c8537958e9ed89fdad68656bd4f745bebc45' }, "Previous")), h("div", { key: '5a73984c318df16934262ec6523bfc50d37cdd84', class: "page_number_text" }, h("p", { key: '3830979cb4f3b102042bce5bfc1d82572c16b18f', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: '9eb49ee910abcee2a25eb5b1f7a96424e2943d8f', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: 'afea5b40cda8b8df403140967773a409c88c11f6' }, "Next")))), this.type === 'card_button_group_right_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '64b81a2badbe37fa9ca97c997d70a7a55fe489c5', class: "pagination_entries" }, h("div", { key: 'e948333db58a319cbc37d07a4d688377212bbc62', class: "entries_text" }, h("p", { key: '6f23603f4e810794e8c31d86071c1dc61912c74c', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '7198abae91a9d5c58a39f0e8966dbd0e5d731ba4', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '797d68018f1ddfcdaec260ffb87002342d36c4ad', 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" }))), h("div", { key: '0f3537dcdf415307425ab4ba0bbcd4b6d3734ccd', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '46639aa4c8eeef863691c22bf74c596275f5eb35', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '20fb8c9d560f45346eee52d02e1f977897ae8447' }, "Previous")), h("div", { key: 'c52f6fb2fa6c9c5a16d1143975ee232e077f2e60', class: "btn_group" }, h("gb-pagination-button-group-base", { key: '29be35eb1ab2ff061725b5cfb5273a630b11302e', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '88fc2d1a4a792366afaa72e2935bfc3508a3442f' }, "1"))), h("gb-pagination-button-group-base", { key: '8b40792e795a536b838a561219f76c3f0ff7cb23', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: 'af1aa19b0a82f951ea5872da24231910e66a7963' }, "2")), h("gb-pagination-button-group-base", { key: 'ddfbce5d4227dd27ae51a212f00d9f704a3dbef4', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '0b639f0162a551e83775a4e9b5cd6348510c2807' }, "3")), this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '260298a0ab08d39754398bd7aea9beb8d033cfb7', icon: "false" }, h("p", { key: '16bf3209b7d2b734747a11b2d4e73472dbdf0e85' }, "...")), this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '6e5136f8a52c8e29037288c48bad3a36b723c924', icon: "false", state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 2) }, h("p", { key: '91759b39a98996af64bd3fd8e80b1abecc46bdfb' }, this.totalPages - 2)), h("gb-pagination-button-group-base", { key: '8ba0f4ee83be9a420485a9c64cb71671c624d505', icon: "false", state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 1) }, h("p", { key: 'c4e7e4255b72fdce820da6cc93d4b0253919cd5e' }, this.totalPages - 1)), h("gb-pagination-button-group-base", { key: '14e0f39633bea69b7247ef4930b8eb405f9508ec', icon: "false", state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages) }, h("p", { key: '62fa32e7bf74fe681eb0944b0d9972e2f7e4afe4' }, this.totalPages)), h("gb-pagination-button-group-base", { key: '2c7cdd9af925cdda83417ea1e9977a053b42a4c4', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: '562725e3d7d2bc81cfb5fdbacc4326f6a62b5aaf' }, "Next"))))), this.type === 'card_button_group_left_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '8cf93b9739bc6b1df249fce9971a0da82ed02290', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '880572470fd64335384cac64f3757672ec9a190e', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: 'ef107450259611f1e1502068f59671acbdf32345' }, "Previous")), h("div", { key: '49f1460fea0f3d456982c48317e3b7483a74e61b', class: "btn_group" }, h("gb-pagination-button-group-base", { key: '884483e224c703920502333313362f920f8c97c0', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '1b5c9bc7ba4c662ea78d0ad8ea7ba631ed79901c' }, "1"))), h("gb-pagination-button-group-base", { key: 'd74dbb6cb1466d11990cfaed6a5d47d1e2342b20', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: 'eb35cb695fce00e30003ca66574c4597a938495f' }, "2")), h("gb-pagination-button-group-base", { key: 'aa7fde6576f3952f38d912d494d4e151278db3b4', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '03d482914cf1c0fad309c3dbecfae5c0ffa0dd1d' }, "3")), this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '42f578cbf5b2ccc3dcdc48db67e4a8cb54cd8b0e', icon: "false" }, h("p", { key: '4c71228045d10292a3fa9de55ee42041face1419' }, "...")), this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '44a206b02e447c151016bc77f7f409fb2ffb10ae', icon: "false", state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 2) }, h("p", { key: 'b74020562c8a8ecb743338769eb69c0acc5411f1' }, this.totalPages - 2)), h("gb-pagination-button-group-base", { key: '86f4ddf45df644dc61a2105a15a00e0a72556084', icon: "false", state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 1) }, h("p", { key: '98db66220578e29d3c0344a21360b49594d095b8' }, this.totalPages - 1)), h("gb-pagination-button-group-base", { key: 'a206a646818e7d0d27e1d281c30096193010c802', icon: "false", state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages) }, h("p", { key: 'a7f27abcc27def921af78c4089571f7b22e65416' }, this.totalPages)), h("gb-pagination-button-group-base", { key: 'bfc48edb42dee471b43dcfc922cdba83156f34da', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: '2ea179da1b746587fbfd56c3e7a6193fe456c70f' }, "Next"))), h("div", { key: '5945800c84034bcf0b88f39a62521138008253a4', class: "pagination_entries" }, h("div", { key: 'f791932013ffe2509d247f2efd280131d772fc02', class: "entries_text" }, h("p", { key: '63a72e646618930d80e115526854a661795e6a15', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '8310d49e877a02c674c8d9b4391c0cc1146ae84b', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '96139bab6b88712e53ef879839c871fbe4a69eda', 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" }))))), this.type === 'card_button_group_center_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: 'd70a997a924a6e0d5d9e5aa27aaa6a03cee1babe', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: 'b624a6b931aeaf6484eb523719a5173fc683a7bf', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '4f885df75ca0b76e18f7a0cc68b25c1461d80209' }, "Previous")), h("div", { key: '2e05855b2f209cbd8f0a17ee09fc8557d9756494', class: "btn_group" }, h("gb-pagination-button-group-base", { key: '1137b5aeac928365c7a3ae3ef2e438ed5fb23f56', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '6ae7d9d205afa866809bbbaeede7c2fc260ef35f' }, "1"))), h("gb-pagination-button-group-base", { key: '249ce2ced29d282826f4e899efaa59f206d5657f', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: 'de869299a25ed6834e8db5d327d7b8f24ef2f494' }, "2")), h("gb-pagination-button-group-base", { key: '87a149ca64ccb14031aa6a5e330a879ab06104ee', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '6563f10501b0a5d237499e8d373ff87fe5e166c5' }, "3")), this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '1abb72ab96d9a3efc915796393d540ff6ce83a28', icon: "false" }, h("p", { key: 'f8731ea7d1b0145f00b712f6f06d3b174793497c' }, "...")), this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '1a6796213725405e417ceb4f553a9df1c76647a6', icon: "false", state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 2) }, h("p", { key: '3c85c2372f6af91c8afa5f2f342130efea52217a' }, this.totalPages - 2)), h("gb-pagination-button-group-base", { key: 'f1f0e1b8736acad2a34897c9abcaa10541fbcd07', icon: "false", state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 1) }, h("p", { key: '064f9683d008d8ce0a460addc42f76e67ac703be' }, this.totalPages - 1)), h("gb-pagination-button-group-base", { key: '7cb54765c0c64d1408431aad08a24445ff5a6eba', icon: "false", state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages) }, h("p", { key: '9eea68745ef299f1cc0e7e4e879126cc8644e51f' }, this.totalPages)), h("gb-pagination-button-group-base", { key: '969ff6142fe77a44ca2f87602cc7575fd4971156', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: '9a073bb3e6558d1fe99b01a97c6149643c4871f4' }, "Next"))))), this.type === 'page_default' && this.breakpoint === 'mobile' && (h(Fragment, null, h("gb-button", { key: 'a0d541a4a6a9ceb1239337bf8cf25b409c2a5fcd', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: '8510db381aa8c4154639186e07cd8263e59efe08', class: "page_number_text" }, h("p", { key: '99e93eb434c413c7b21f4465158b68fb57ad7a3c', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: '0d1a75d06166054e26d7a4839f8daac7d348c4b3', 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' && (h(Fragment, null, h("gb-button", { key: '042192c603e2e814fd444e3a0e3513fd4acb44fd', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: '374b2e579c73204c477e4e60986c518d7f770f06', class: "page_number_text" }, h("p", { key: '664e9e80f61e117a9b89bb0fe5982fde15ee8309', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: '0ea30bf232b046d5894e5f9b430ceb8675192be0', 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' && (h(Fragment, null, h("gb-button", { key: 'fb7caefd9cb862e1cf663b974d91dba270462377', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: '8620b551bb1de01a8eff3af408272d94f14cf592', class: "page_number_text" }, h("p", { key: '012380aedf9ab19aa64ee528a290e9bf6b4cc011', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: '89198461907d84f5510f96c75a71b43fbf32985f', 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' && (h(Fragment, null, h("gb-button", { key: '5775b5a9957c46cafbe4232fc6e30bc24d781385', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: '47fd5c3c4ee8fb1ef3ee4721865095af9f070e30', class: "page_number_text" }, h("p", { key: 'af7d88693d1b33f7789b4fe10b078a2e31da8127', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: '07b17bc52d4511c63e8b514410094bbc6face73a', 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' && (h(Fragment, null, h("gb-button", { key: '7933069fd0680e309b93b6c2c6cd0bb78d66c519', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: 'ba53dbb423d31ab3b347c89ee7b4b47737e260f0', class: "page_number_text" }, h("p", { key: '6ee3043aad770be96731480cf1bd6b7ccb3d5090', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: '4f9fa16f0bbaa4404597f9f17f941528cd2317f9', 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' && (h(Fragment, null, h("gb-button", { key: 'caaffa39d357e8cc270d9eac130b707e66a0a95a', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: '92711cd04679432c3d57aa214bad9456e1b4366e', class: "page_number_text" }, h("p", { key: '65204648d9900c9aab0eef2acdbeb1e4deeb8836', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: '8d248706fd8dcb3b00ba5f8bb1fa485427c07704', 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' && (h("div", { key: '1e21b8569dc96405b348cb5b266694a1e5676e70', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: 'dce8b10fda3c7738a3e2f159b83c8519ad7679e3', icon: "only", "icon-src": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: '5d0bc97643538567eacd4b436beb6a5448bbd39d', class: "btn_group" }, h("gb-pagination-button-group-base", { key: '939b5e1845feb78d25b33ff526dae691529ead2a', icon: "false", state: this.currentPage === 1 ? "active" : "default", onClick: () => this.currentPage = 1 }, h("p", { key: '29998d996e7e9a44ad62251bc2b555feae7c893e' }, "1"))), h("gb-pagination-button-group-base", { key: 'c55d20391149d9467dad2a2ed99ec901dbfcafbe', icon: "false", state: this.currentPage === 2 ? "active" : "default", onClick: () => this.currentPage = 2 }, h("p", { key: 'c17b8d90f756d6ada9ed20e9c41959b6c0944c24' }, "2")), this.currentPage > 2 && this.currentPage <= this.totalPages / 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 2 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '34557e8377dc806f3dba328d68943296e090e1f7', icon: "false" }, h("p", { key: 'dbf625e9eb9d85f9a47effcd6c4773f6bea32413' }, "...")), this.currentPage > this.totalPages / 2 && this.currentPage <= this.totalPages - 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.totalPages / 2 && this.currentPage <= this.totalPages - 2 ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: 'c18861c7975feafff3e3d0214cc84ebd9028b100', icon: "false", state: this.currentPage === this.totalPages - 1 ? "active" : "default", onClick: () => this.currentPage = this.totalPages - 1 }, h("p", { key: '8a3363c0325f8ce57951060e3fec43db75ae2959' }, this.totalPages - 1)), h("gb-pagination-button-group-base", { key: '894d01f6087173c43a320b273c45ed540936e140', icon: "false", state: this.currentPage === this.totalPages ? "active" : "default", onClick: () => this.currentPage = this.totalPages }, h("p", { key: '9f1027bf72b9c9a745154c49869fc8a233d56cff' }, this.totalPages)), h("gb-pagination-button-group-base", { key: '646cbb7f925ab9e3fde1a49c799083869f732952', icon: "only", "icon-src": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_button_group_left_aligned' && this.breakpoint === 'mobile' && (h("div", { key: 'a95aa275f1f46c3bb20cff1fb3a45dd9f2416d17', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '8ba8528fc012f15e2f257321f2c2f74bf6561553', icon: "only", "icon-src": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: 'c73dab975d317fda763ceb67a93f692b4d677e26', class: "btn_group" }, h("gb-pagination-button-group-base", { key: '6126bfc34ba91348b25ff1f2709e2a4b142b0a8e', icon: "false", state: "active" }, h("p", { key: '30ab9fca3207e99810449a2ce1cbee99ed26db1c' }, "1"))), h("gb-pagination-button-group-base", { key: '8860a279dd62ce0c16ab1dd463be186e9d7a95da', icon: "false" }, h("p", { key: 'c9638a2c2d137c8c3c8cb76a094a561eb57be7e5' }, "2")), h("gb-pagination-button-group-base", { key: '814781493297f82512d9474b884b364dfeb70a81', icon: "false" }, h("p", { key: '69bbd9107f8cbe9e16212636d193ac819ac40617' }, "...")), h("gb-pagination-button-group-base", { key: '1d3bb72af5360b1d81f4ffc2106c65bca9c16ef8', icon: "false" }, h("p", { key: '03049250ce4b4fbfc205167363d7e7ac85602ee1' }, "9")), h("gb-pagination-button-group-base", { key: '13a329a91da42e27ca102580d60cc12c3529ceb6', icon: "false" }, h("p", { key: '32992e091b09ab37955f1a68c8019bd0ca43559f' }, "10")), h("gb-pagination-button-group-base", { key: 'b772160a491bc9ea93ed5e299cac474c7462892d', icon: "only", "icon-src": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_button_group_center_aligned' && this.breakpoint === 'mobile' && (h("div", { key: '71883cb527332dc10e011719d01fd44186d9da8d', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '1335284272a397a34f905cf2208d432c3939eacb', icon: "only", "icon-src": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: 'c36ef8b48f1c733d2bcfb127ed64da0b4790d03d', class: "btn_group" }, h("gb-pagination-button-group-base", { key: 'b9bc49af9c46b3b5319fcf02c0fa90ee6b131b6d', icon: "false", state: "active" }, h("p", { key: '02680ecd95fa9ef8664a02789e742003b0790977' }, "1"))), h("gb-pagination-button-group-base", { key: '32afb0a2fa90456c4da2f27153bcd0b5f52a877e', icon: "false" }, h("p", { key: '4fadd3fec67f35eb117d542c3e9164da71022c02' }, "2")), h("gb-pagination-button-group-base", { key: '0a2633aca196a133e9dc80f722084941dec5bf5e', icon: "false" }, h("p", { key: '9d46db88e4db895c8cec1d762942b3419184cdf4' }, "...")), h("gb-pagination-button-group-base", { key: '65055f5e3c14ab1d68e59ea5c7e41aa5b1e2cc1a', icon: "false" }, h("p", { key: 'bb92ba9732f31d1d53ec1ffaac6ef0b2100a4fc5' }, "9")), h("gb-pagination-button-group-base", { key: '868bae80fcb59f404803db1d7909aaaae7a306f8', icon: "false" }, h("p", { key: '7c52d3d943332b14d2fedf291d052b791cdf1f0f' }, "10")), h("gb-pagination-button-group-base", { key: '3e040f2d51e5ba24e9b60979a8fe9dae4062babe', icon: "only", "icon-src": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() })))));
+        return (h("div", { key: 'b33a56fa8b7cc9bb61649f821c968928f90c4568', class: `pagination_div ${this.type} ${this.breakpoint}` }, this.type === 'page_default' && this.breakpoint === 'desktop' && (h(Fragment, null, h("gb-button", { key: '9be6314df45d65ff7be8770bfb946481c1cc4fd5', size: "sm", hierarchy: "tertiary_gray", icon: "default", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg" }, h("p", { key: '139cc6ea1fda2c4be3dba29551c4c02ba67af01a' }, "Previous")), h("div", { key: '87d2ffa1c941a8b75b934e9947281334af116602', class: "pagination_numbers" }, h("gb-pagination-number-base", { key: '1524d7dc861cd9e9099c41e0808756a1b7b04d28', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default' }, h("p", { key: 'b6ef975b089a15f151f6e52c91e079d16bdf76c1', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: 'da771e3a0ebadc9ca911867ad947641422e2454d', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default' }, h("p", { key: 'f527902b39ecb3d6300c4d3ba50bbd9cea802034', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: '8525458cbffb9b2430f5230a5c80d833b2aba1dc', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default' }, h("p", { key: 'f9821279679d1be5224ca5de82ddb0ead682631d', slot: "page_number" }, "3")), this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: '73a02c160cfcb4425f62b6668213bc14c190d16c', shape: this.shape }, h("p", { key: '7446a9f49e1b45de5ac23e69dc33a5de991c334d', slot: "page_number" }, "...")), this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: '3e30574a7b3adf3f64d24d793a92ff9f901a5cc3', shape: this.shape, state: this.currentPage === this.totalPages - 2 ? 'active' : 'default' }, h("p", { key: 'c45f158f9210a1a9e06e16fffca61b710d0e3af5', slot: "page_number" }, this.totalPages - 2)), h("gb-pagination-number-base", { key: '1b7898f361f55cdf6db01d39102927c90e4f9ea8', shape: this.shape, state: this.currentPage === this.totalPages - 1 ? 'active' : 'default' }, h("p", { key: 'c5c28813670157ca34de07be582f420e277eeadc', slot: "page_number" }, this.totalPages - 1)), h("gb-pagination-number-base", { key: '6458a571954c7585502199770fe61f77cd85aad0', shape: this.shape, state: this.currentPage === this.totalPages ? 'active' : 'default' }, h("p", { key: '12142cbc6443901fec0773b97482ff1572ba46bd', slot: "page_number" }, this.totalPages))), h("gb-button", { key: 'e12c1b3ad94beb4972e9489dfaa7db6d444eaf34', size: "sm", hierarchy: "tertiary_gray", icon: "default", state: "default", "icon-trailing": true, "icon-trailing-swap": "assets/arrow-right-02.svg" }, h("p", { key: 'a36b702c9c20966df214bd0ccbadfe818f8bc260' }, "Next")))), this.type === 'page_minimal_center_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("gb-button", { key: 'fe1f1fb20788921637471646ac3129795df482a5', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg" }, h("p", { key: 'f0a28850c1aafd6f26446c4e6d5f1891f69f976c' }, "Previous")), h("div", { key: 'c4c4305533ede55d77eb5f3dec24712a7ef3d5bc', class: "pagination_numbers" }, h("gb-pagination-number-base", { key: '7f50e03002fe80af9437e57ab22193d46042489a', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default' }, h("p", { key: '489d2dd318f06800640dbd3e4c2be33d1e38a10f', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: 'c3941e0a2ee7d13b295b5c194e5eca3ac049f47d', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default' }, h("p", { key: 'bb607aaf455ebb7a4d8c7c931807ee423d4eabc3', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: '7a66dd70aadb0ada40091a874f17aa9de091958f', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default' }, h("p", { key: 'a9e3994317f15f4e58ddb955d069dbc0abb66d4b', slot: "page_number" }, "3")), this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: '880f40c0f706ca4ffbefaa4b3bd408005e7c1e0a', shape: this.shape }, h("p", { key: '64c16bc7fd295d5ecb77b73b14080d071bafc78f', slot: "page_number" }, "...")), this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: 'fa3e9ab63fbc609f4caa96a70369fafa4a515d61', shape: this.shape, state: this.currentPage === this.totalPages - 2 ? 'active' : 'default' }, h("p", { key: '259330fd89e838b6b134525e2a2cab34d45a21fc', slot: "page_number" }, this.totalPages - 2)), h("gb-pagination-number-base", { key: 'aad8d53e6caeb9deadb0b116e6ae215da111af58', shape: this.shape, state: this.currentPage === this.totalPages - 1 ? 'active' : 'default' }, h("p", { key: '0df1de89edbda0c61cee3fa0bfa06959f95b46d3', slot: "page_number" }, this.totalPages - 1)), h("gb-pagination-number-base", { key: 'f6ab797254fbb4c5ee4cbf78edcd6097d45c4266', shape: this.shape, state: this.currentPage === this.totalPages ? 'active' : 'default' }, h("p", { key: '9a955270a0e0b067cf9905d8297692f6cefbc907', slot: "page_number" }, this.totalPages))), h("gb-button", { key: 'c9c098204c21a8e45ab30fcca4a5abbe7859bd16', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", "icon-trailing": true, "icon-trailing-swap": "assets/arrow-right-02.svg" }, h("p", { key: '446378f4d5993f2aa2b7c851bf32d81bbd9c870f' }, "Next")))), this.type === 'card_default' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '53c691fb5b02eaabbe9ea7a319a77c4a00fc2ce5', class: "pagination_entries" }, h("div", { key: 'c6db9d562a99b5161ecbd6ff314102de02501bcd', class: "entries_text" }, h("p", { key: '046b712c448c24c8936bb19cefcd04d7e75e7052', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: 'd9599a7646d220ff76acb0684752296a75e6dbf2', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '43c2da9f3daaed8569ded16a84403298b3a9646f', 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 }))), h("div", { key: '1e6d81ff2c214efeb5e8bffac5ea65d94ee0be79', class: "pagination_numbers" }, h("gb-pagination-number-base", { key: 'c70f1a51237d469c805e4c4bb49144d7efc1ac1b', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '52184d9a0e21ae95f1ad598ff2284620674db6a0', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: 'e45b1feda34b6de83bbf4514cc2f9a2605123714', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: 'e3b9cb29b534f1820b9e290d57526bc0275f82d2', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: '5f0cfe47f01a8bf55298e9547b3835d52942a32a', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '41495083e36055d3a9c97e25db307963661b1f85', slot: "page_number" }, "3")), this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: '08a79bc505230602a3525d6f2949c82e837a61ad', shape: this.shape, state: "default" }, h("p", { key: 'bafd67d31fd3ec2a22f4a856629e21ac843dff7a', slot: "page_number" }, "...")), this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: 'd66dd15dff4e4abfda2ccfcadca0aea01ebed2c6', shape: this.shape, state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 2) }, h("p", { key: '276947cc4cd9a0a21e481e278a5a2a9755b92c6c', slot: "page_number" }, this.totalPages - 2)), h("gb-pagination-number-base", { key: '226e12ad5599996025abed2cc8c7e19c07fe4d77', shape: this.shape, state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 1) }, h("p", { key: '2e48749ccf5d6e6ddd361b65c83ce9da9dd30da6', slot: "page_number" }, this.totalPages - 1)), h("gb-pagination-number-base", { key: 'e69b9dafd6df4b10576abe1fff09ed961d28ccd6', shape: this.shape, state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages) }, h("p", { key: 'ab20fb5a746e3367397e7ec22330e19e2179f646', slot: "page_number" }, this.totalPages))), h("div", { key: 'ee738310fa371dd8136c456307e5cfe154c7413d', class: "pagination_btns" }, h("gb-button", { key: '9551bc779e674069c7bace4c339d10f5d310f8a2', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("gb-button", { key: '414202cdffb1d5e577f03f554792bac30f478e2c', 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' && (h(Fragment, null, h("div", { key: 'ded90fda6f1938cdf80b8752bfd9400f47a89adf', class: "pagination_entries" }, h("div", { key: 'e5d105db6004a2cda296bdd6fb8c9a1b862ae314', class: "entries_text" }, h("p", { key: '7eabe21fb60caf60c0f17eb3cabe22ea5126f4a5', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '8e32c1dd4a44900b0705a4e7c49245b8a7373b44', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '5914ea19e33ff2a17f5a5098c6dc03c8a5e90900', 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" }))), h("div", { key: '94830fe65e04271a0d4421a0031ace0793bbd42e', class: "page_number_text" }, h("p", { key: '739597029968db80d72ec2637b73d14c361fa830', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("div", { key: 'e244c4877d4e00c1e8a70ab70d87b88662d2e2ba', class: "pagination_btns" }, h("gb-button", { key: 'd80a30ed2862429d219b22eb752d65b917a82e69', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '197edd929b01dc3593c333efd6933ee314dbf078' }, "Previous")), h("gb-button", { key: '3a63b271e487ceba82b5b4556f2e21f7dc02ab57', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: '2b62291f4cb7f08f4685aeade8fffc84ee34cd22' }, "Next"))))), this.type === 'card_minimal_left_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '121df6d95b535020b03cf231c362dc1dfceaaad7', class: "pagination_btns" }, h("gb-button", { key: 'cda4dec26075fa6d2d2460db66a1d6f3af2fbbd6', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '381828bc4a11ade344855c1d68d408d11f51fb90' }, "Previous")), h("gb-button", { key: '712b9d312984f4e93425cbcf7223a8e365ea16f2', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: '2d5ac6832bc288faad276fa33c65d8e8f0de615a' }, "Next"))), h("div", { key: 'ec626eb17f9036f085de97bbcd339a2e4390e94d', class: "page_number_text" }, h("p", { key: '7df95181851ca4d06dde6fb41142d74665c96f56', class: "text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("div", { key: 'f32c0b54885a57e061bf9242c95980020974fca6', class: "pagination_entries" }, h("div", { key: '1a0d1240515850cf252a3fa008d380172a0e5017', class: "entries_text" }, h("p", { key: 'ae605849beaca911f21f3b3c14ae0b72d5006d02', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: 'e0019a34353f72f6b3c35dbbb6f82a15a960dee1', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '30afc6a40ed23f4db0e773b112994d1a924d67d6', 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" }))))), this.type === 'card_minimal_center_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("gb-button", { key: 'c42f000a769e80fe99b6a49f11c28f8b7f87bc53', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '5b2fe85f2e7be4fb71db38a1d66888615dac431b' }, "Previous")), h("div", { key: '918140dc6c7a6e0c405d1f4cf0adf97a53bfb882', class: "page_number_text" }, h("p", { key: '9241057d810dc386b4ac40094351f132883e83e4', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: '2359c104a75ca5b6e4d205f1e8fed6114aeb6cb0', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: '2aa31fee4e5ca6d75ae5001b3c97fae4a2c42701' }, "Next")))), this.type === 'card_button_group_right_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '9fc008d8a9be827802b0fda5e6f3fc442303c4fd', class: "pagination_entries" }, h("div", { key: '8ef973949dced3451ead4f096e7001acbc2cb7d0', class: "entries_text" }, h("p", { key: '149dc3f7fdeafd50b7d59d4449819197c798c25e', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: 'f82d438acbfd9e537ce1ca95cb967928d308cc9c', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '2fcfe12d5b0966b1154fe44c2d2fe4c446399784', 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" }))), h("div", { key: 'bab0a149ac88f8c5fd40456cfbad55fbd7da3e3d', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: 'abb49c8dbd008e224daa0db3afcd201aaad0cbbe', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: 'de3b71ff4d22fbc8273657caefb950ec2ee46536' }, "Previous")), h("div", { key: '8ac898c2d0cb0f5cce5da5d479d25d92babf5d36', class: "btn_group" }, h("gb-pagination-button-group-base", { key: 'b15f7d94c6d8b24b2dfba3fac8563bef4c5a38c7', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '9133b174a5000c43ddb3120b23ea0edc47ff7677' }, "1"))), h("gb-pagination-button-group-base", { key: '5808fa8c9634003c4a10b2a6b4212c820711fb16', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '1ea581a7496e220d685866bd52f7c1963fff7bd4' }, "2")), h("gb-pagination-button-group-base", { key: 'eeae2e54a0e236f1fe1839842c57353ef4d0956d', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '983354351174862e8a94723665a93ace3b36e7b8' }, "3")), this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '675b5d483716b41794e959b81ee7a4a5b5436e59', icon: "false" }, h("p", { key: 'd6bbbc57e60e140f07d582b65822c2d9980e5669' }, "...")), this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '855407c9e7157952a02a681b2ea4849f20b92bbc', icon: "false", state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 2) }, h("p", { key: '8870273a1667e0ad08859f7eea221b45e7b716c6' }, this.totalPages - 2)), h("gb-pagination-button-group-base", { key: '472bcd078b58a038d21540abe3de9daa4437737e', icon: "false", state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 1) }, h("p", { key: 'daa89f085b47d24314a66c752279ae4ad34c30ce' }, this.totalPages - 1)), h("gb-pagination-button-group-base", { key: '4d99bd8282d87edc798c353ce41fb5cbd790ad98', icon: "false", state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages) }, h("p", { key: 'f48c3e1a8087195e1aa7513313ac9e0c846c839e' }, this.totalPages)), h("gb-pagination-button-group-base", { key: 'd45df853ee717b461ab24b732d66f558f9bb8564', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: 'e0565aab6e681f2b153bdbfb9c0dd7d4f72f737c' }, "Next"))))), this.type === 'card_button_group_left_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: 'c423abf2a2b2d058fb461c79d82cbf9dcef6f0f2', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '7feb6fc3435a68dcb78ce52dbd8bff45a99ec939', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: 'c728348bb3eec056b3d33a1b744a416ee0a729fc' }, "Previous")), h("div", { key: 'a63e2d7fc18e128b6595d05fe6fc32dc356cd63b', class: "btn_group" }, h("gb-pagination-button-group-base", { key: '354407e7d6eb4af8d0da090c3fbd929d534ceefd', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '2533be10cec555875eae798d19429d5491841c48' }, "1"))), h("gb-pagination-button-group-base", { key: '94949c624972594061b171c769f2ac6179a46767', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: 'f313ef0eade8544fd53a1732e65da810a942ef54' }, "2")), h("gb-pagination-button-group-base", { key: 'a4e5409b99faccef9b3e8f3cfff9fb67adc0c2d8', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: 'db3ae10a5b0e5bae6391b905f138e0fd20241e85' }, "3")), this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: 'a69b6e571888fd24c8e48467c6312e413c728637', icon: "false" }, h("p", { key: '762f2a9f3cc608e30804ecd563354d18b0425e9f' }, "...")), this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '45d6cb2d9d6bd8676969e23a6e1a66f3675a304b', icon: "false", state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 2) }, h("p", { key: '5361f04be3cc16ef1894a1c2a3bd808ea732cfa2' }, this.totalPages - 2)), h("gb-pagination-button-group-base", { key: '7209f4962feb301764619e5ecf6f8768929fb681', icon: "false", state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 1) }, h("p", { key: '59a184ad0e78d823a8ae7c22d1f9d70f7a3f181f' }, this.totalPages - 1)), h("gb-pagination-button-group-base", { key: '35adf56734c901a9e555065a8399e5aac049d8cd', icon: "false", state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages) }, h("p", { key: '66fb6f694066d02d2b4333679447fa7bb512babb' }, this.totalPages)), h("gb-pagination-button-group-base", { key: 'caef7ba753e0dc3c94f2c95dc3d7eeded7449d24', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: 'c7b1bc6ef3bcfa94771fe6061fa36d1227dedcaa' }, "Next"))), h("div", { key: '0a0f975bf404ea7d6d5496777c2fda6b1baf3fbe', class: "pagination_entries" }, h("div", { key: 'a1825555ec2e04c1f3077a40c37e026e67ea00ef', class: "entries_text" }, h("p", { key: 'bd62ee336cbdfb036ec715c77fbda73df72e3268', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '5e9e44961c2e74bbf123a4a3199dd1739e6a321e', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '23ded31ef4f9a401584f530448d81da65e5ff9b7', 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" }))))), this.type === 'card_button_group_center_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '7115be444b9eb267f135ef759295e18069500cdc', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '937375e86cedd84c226317dd0072736a55ce7f4a', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '920f0d271d0e5ff189ac0366f8b605490047c196' }, "Previous")), h("div", { key: '931889acf0b818812a1ee7120939fdc71f278d99', class: "btn_group" }, h("gb-pagination-button-group-base", { key: 'e3d4bea2f738b90f7976e8d86731aef837438371', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: 'ac3254f299c763fd45b99a4c995c704c630e0343' }, "1"))), h("gb-pagination-button-group-base", { key: 'd00352e518dab90930e58860fd2ad1ee062d6785', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '698ebe9ca69cc1528613a9fcd7335ff969de10e4' }, "2")), h("gb-pagination-button-group-base", { key: '57b043b0391d04b9da5715d3e02fa93a0b9d39f8', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '46d24a4b6b55d3bdec0b48293343f2f82639c71b' }, "3")), this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '8a38f19e08ed4fdbad6129969b0d4765ebeace78', icon: "false" }, h("p", { key: '6f2fccd25f98084f8bdf2ab7817c7b66653607b5' }, "...")), this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '242144952e3f3cc378b2ae0422bec60dae728971', icon: "false", state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 2) }, h("p", { key: '4a921172c9ef648b8916304133dc47c37d40a760' }, this.totalPages - 2)), h("gb-pagination-button-group-base", { key: '2b97aa9d8429265b0d04047ca115c3f1c484ceaa', icon: "false", state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 1) }, h("p", { key: '939dab3ddbc85b0ab595c624c106151583bb72e6' }, this.totalPages - 1)), h("gb-pagination-button-group-base", { key: 'f46293956463c372ebdd68423bf1d70db7652152', icon: "false", state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages) }, h("p", { key: '62605d4e68f8c5c9abb1eb6109dee19124757a49' }, this.totalPages)), h("gb-pagination-button-group-base", { key: '82c53d6fd6f9ea9e84c8531d836e7a3051e3da7b', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: '13d8be7b1b4a9f1cbb8b0670976eb503f54ddcb9' }, "Next"))))), this.type === 'page_default' && this.breakpoint === 'mobile' && (h(Fragment, null, h("gb-button", { key: 'd8e03f414d8f6d511c3b374ec81944fecca29eef', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: 'fd64d619abc99576471370b75ffb07b30575c27e', class: "page_number_text" }, h("p", { key: '58072e470ab3f56ac8a88bfff15b6b5318c31fc7', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: '7b0528347aff4a128d762a8b2e350f4e901f979c', 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' && (h(Fragment, null, h("gb-button", { key: '13227d33c13151bd9f44c529240c41aa36fee9f1', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: 'db05a45246cf60bc0e4959cd7cd239087a1b2b98', class: "page_number_text" }, h("p", { key: 'a3de3efce265ad1637440eb9c77e520e78788231', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: '7325b70ecd331853d660d54a5d38a88867231b2b', 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' && (h(Fragment, null, h("gb-button", { key: '29093376a82aaa2756580e9c70c6a942661b9d7c', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: '4bce0d097a4f12a3036ee7b400b454ec382a7adb', class: "page_number_text" }, h("p", { key: '07cc7715f826fa4944ec22b4433026fa723948ca', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: '24e31ac25f7548088c391a936be8d8718d5d4b66', 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' && (h(Fragment, null, h("gb-button", { key: '326c611638925adaaffa555c6f3bdd2b9e4ab9d7', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: '726f08aafcc5a8139d7bea08d79d3b55987fc268', class: "page_number_text" }, h("p", { key: '4bd686b0c66501b545d17970c1abcbe9637936c9', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: '295591be620871f0953a715f8ff6e1971e48275f', 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' && (h(Fragment, null, h("gb-button", { key: '1a676770d7e592b3031f55c6077478ffb04d294e', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: '5cf2cfc9483e487080df4962ba5ef37f2c994336', class: "page_number_text" }, h("p", { key: '931c35c2a29db5aa5aed25979990d0f96ca3e319', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: '90e071b3393631ddb81bbfd97b17e6d1a4cc28cd', 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' && (h(Fragment, null, h("gb-button", { key: '81edd6552cc4346549db9bdf874e2f963a5dfc38', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: '95665257f43b517ad222dda2fd03dd1c84503f37', class: "page_number_text" }, h("p", { key: '1b034b345f63eaa93c09ff4a0bcf619298edc613', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: '5e91450645fccd7142a3358186c48d76cd156a55', 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' && (h("div", { key: '84143d45a355e2e210bb14b7458a240f4372b3c2', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '1a36b35e6eaeedd8981e4529027f02735f500207', icon: "only", "icon-src": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: '0567f1e768b63e598f00bc4e8187cd01b4842591', class: "btn_group" }, h("gb-pagination-button-group-base", { key: '70fa282658ba7593fb8da9c01472eac2734bd55d', icon: "false", state: this.currentPage === 1 ? "active" : "default", onClick: () => this.currentPage = 1 }, h("p", { key: 'bf0d6b80eb877396879afa6934686e535b8cce5f' }, "1"))), h("gb-pagination-button-group-base", { key: '5b542e678f0dd7153f427f45b605bf2f1a1f3659', icon: "false", state: this.currentPage === 2 ? "active" : "default", onClick: () => this.currentPage = 2 }, h("p", { key: '271fd56edfc4374fecc3cd3cf268dbcb8ac507cb' }, "2")), this.currentPage > 2 && this.currentPage <= this.totalPages / 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 2 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '0dc724b88029087bb061d8cfa97513e2d3c3603f', icon: "false" }, h("p", { key: '4d0af24a1d3eb19ccf353d91010a15aaffc6a4bd' }, "...")), this.currentPage > this.totalPages / 2 && this.currentPage <= this.totalPages - 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.totalPages / 2 && this.currentPage <= this.totalPages - 2 ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '7603d5209369317f562702f820cf8f35b62ff7db', icon: "false", state: this.currentPage === this.totalPages - 1 ? "active" : "default", onClick: () => this.currentPage = this.totalPages - 1 }, h("p", { key: '9509cef22895ad958af356cb56fe374b835e9967' }, this.totalPages - 1)), h("gb-pagination-button-group-base", { key: '99f15a1a7af43f398b2e03a2a18e170ef7d4282e', icon: "false", state: this.currentPage === this.totalPages ? "active" : "default", onClick: () => this.currentPage = this.totalPages }, h("p", { key: '7f00056ee0706c9479a1aadefcb3dffb3ecc4a6e' }, this.totalPages)), h("gb-pagination-button-group-base", { key: 'cbfcca69010e64ff614c4578a557e85e4623b3c8', icon: "only", "icon-src": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_button_group_left_aligned' && this.breakpoint === 'mobile' && (h("div", { key: '079f6ff8abc671ebf716e6263d3e59fb4025f256', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '51fdec4e563f9bf57fb66d009d2d4fe4e058d569', icon: "only", "icon-src": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: '1bbe9c25b5f1a4547abc7ecd0c602ee4b11c9ff2', class: "btn_group" }, h("gb-pagination-button-group-base", { key: '5401f1c6e518923305cb94be23cd7d9aacdf9777', icon: "false", state: "active" }, h("p", { key: 'cb9a6dcbf957cc1c08c1800baa292053371debcd' }, "1"))), h("gb-pagination-button-group-base", { key: 'd762a74109221e2a7b88723a9dfbf9f8491b02f7', icon: "false" }, h("p", { key: '29d54fa58c01969fa21cc86d4d9bd055cea8135d' }, "2")), h("gb-pagination-button-group-base", { key: '3d5dc5a7fb562f96e740ebaa98a2201d8f9e383f', icon: "false" }, h("p", { key: '22d4e09d6686b3a268bafc0dc0be7a8ba01dc484' }, "...")), h("gb-pagination-button-group-base", { key: 'd8d1c7f4ef7fb421c98f61867f413ee488695f70', icon: "false" }, h("p", { key: '118213362e8c53ca0357cab88ea4726380c8fd9c' }, "9")), h("gb-pagination-button-group-base", { key: '3fc97abb9789faef54b459c2c7766044c2adb3f0', icon: "false" }, h("p", { key: 'f01fd959f3d5c0e23684e35ade39cc96e1b131c1' }, "10")), h("gb-pagination-button-group-base", { key: 'e6198975f06056acfd7505cf8cba08e90d2ae981', icon: "only", "icon-src": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_button_group_center_aligned' && this.breakpoint === 'mobile' && (h("div", { key: '32454cda61838ad10c7fb7f9ed793c5c69abed2b', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: 'd68cbe6044c3632956d230672caea89e4b640f9c', icon: "only", "icon-src": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: '5f6ef1b15571da33abb5f8352caa4a45e2629baf', class: "btn_group" }, h("gb-pagination-button-group-base", { key: 'f711a4c6431fbef22f3caae800b8dcd594978edc', icon: "false", state: "active" }, h("p", { key: 'f89c48a9e54380d1f323d6b85a6f6d1c09c0a432' }, "1"))), h("gb-pagination-button-group-base", { key: '7a0f6b1bfb2b05aa87dea71ad8f71d24252189f9', icon: "false" }, h("p", { key: '53e47dcdaf5fa78dd34b2d0e4575f841b7ddd5ab' }, "2")), h("gb-pagination-button-group-base", { key: '0718eb74ba6024b1b1a6a6813094815e7d611697', icon: "false" }, h("p", { key: '98422da272a6101563370147b1e3f165733aeafe' }, "...")), h("gb-pagination-button-group-base", { key: '99f4ad6ba0638c10f4b5073cfd63007b66424447', icon: "false" }, h("p", { key: 'a96fbc64586de61f6961f92d77252b9d1d05e423' }, "9")), h("gb-pagination-button-group-base", { key: '7d86c4306e4aa2327c75d09f1a0658189fd663ad', icon: "false" }, h("p", { key: 'bb34f41d5df6cb6f2bc8ec108b4f710c3725a93a' }, "10")), h("gb-pagination-button-group-base", { key: 'c531563885e50ebdd162ca809170d1be02907036', icon: "only", "icon-src": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() })))));
     }
     static get is() { return "gb-pagination"; }
     static get originalStyleUrls() {
@@ -164,8 +170,27 @@ export class GbPagination {
     }
     static get states() {
         return {
-            "selectedPageSize": {}
+            "selectedPageSize": {},
+            "defaultSelected": {}
         };
     }
+    static get events() {
+        return [{
+                "method": "pageSizeSelected",
+                "name": "pageSizeSelected",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "number | string | object",
+                    "resolved": "number | object | string",
+                    "references": {}
+                }
+            }];
+    }
 }
 //# sourceMappingURL=gb-pagination.js.map