globuswebcomponents 1.2.5 → 1.2.7

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

@@ -274,23 +274,23 @@ export class GbInputField {
     //   this.inputElement.removeEventListener('input', this.handleTagInput.bind(this));
     // }
     render() {
-        return (h("div", { key: '3880025707991a56216492c107fae90af0bf9f31', class: `input_container` }, h("div", { key: 'beb258b3c04e7a867ca89b2915c2f621fd30e19e', class: `input_with_label` }, this.showLabel && h("p", { key: '7a6b61ff559417eb315a424fe3319f7379d785e6', class: "label text-sm-medium" }, this.label.charAt(0).toUpperCase() + this.label.slice(1).toLowerCase()), this.type === 'default' && [
-            h("div", { key: 'e16f191321d9bb754bfcd973e88f3816bb20becb', class: `input ${this.type} ${this.size} ${this.state} ${this.destructive ? 'destructive' : ''}` }, h("input", { key: 'c08ddc35942e9eeffa1c0c2bb1fb4b6e75df320f', 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: '6685fccd2a65ff4599ade38c11472abcb77e0682', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", class: "tick" }, h("path", { key: '2223f9efc236df2fdb23abdc1135ae2def9a8082', 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: '619c0b202f727e97040532e6a0ed4ae9e4ae5e5e', 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: '29ac054598ea6ab6a01780e31376ad0d6249cc4d', class: `input_container` }, h("div", { key: '2388f506e00ff40074f1995c02f2f74909971e92', class: `input_with_label` }, this.showLabel && h("p", { key: '51910130485d3649cbf8da708d9555f1c8a07c06', class: "label text-sm-medium" }, this.label.charAt(0).toUpperCase() + this.label.slice(1).toLowerCase()), this.type === 'default' && [
+            h("div", { key: '3727853029fdf7a92b0996a86405c43326a5076d', class: `input ${this.type} ${this.size} ${this.state} ${this.destructive ? 'destructive' : ''}` }, h("input", { key: 'c4edd5c630bc5d12492d5594f880a8ccf795e6b8', 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: 'c896fabf65b7fd27b2fea86d03cf731a5f61d832', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", class: "tick" }, h("path", { key: '38849008fbf36061aace9ef97c83bd664d50ebc9', 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: '1d1c86857afd9d47d22cb6f2067a9c77dcafb2a2', 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: 'b7e3eb3d3e1e89f2cf196399dd2037c7275d8d00', class: `input ${this.type} ${this.size} ${this.state} ${this.destructive ? 'destructive' : ''}` }, h("div", { key: 'bef8a8f6a7eabaf3e7982891b06bd890c10fac6d', class: `icon ${this.size} ${this.state}`, innerHTML: this.leadingIconSvg }), h("input", { key: '2fa38ef4e09d9a08fd35851799e08d618328c920', 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: '3f22da0ed187b3ac35d4012c5dde5a3143b1ba9a', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", class: "tick" }, h("path", { key: '710914c08dd49c0139025b843cfc1480011b76ff', 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: '7a6587be5f8ffbe8b1fe60a1a65ea4e183a87952', 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: '3d250bb950873c75079a9bf6217c7fc1a28a79b0', size: this.size, 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.size}` })))),
+            h("div", { key: '5d947a127321f776f61c0c890c2688c5df1a3474', class: `input ${this.type} ${this.size} ${this.state} ${this.destructive ? 'destructive' : ''}` }, h("div", { key: '9b67733fbaf19e35ebcc0bc924b03fb7a6efd7e9', class: `icon ${this.size} ${this.state}`, innerHTML: this.leadingIconSvg }), h("input", { key: '8a80dad1975d4b64ee93b9857b3dfc56e21c1d0d', 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: '328cc21c74fec2d4af21f4205ed63575674c453a', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", class: "tick" }, h("path", { key: '26bc1b9e8965dc176f15aec4eef9fc8c9494f06a', 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: 'af230908b40b3fd4560b196b80832f9ae71c96f1', 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: '9a68e217c9ade3e39478e328e58522129e8f28b8', size: this.size, 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.size}` })))),
         ], this.type === 'leading_dropdown' && [
-            h("div", { key: 'c1b5ad3c4952367b509c51866c1313facca46de5', class: `input ${this.type} ${this.size} ${this.state} ${this.destructive ? 'destructive' : ''}` }, h("div", { key: '0c70b6b420abef17c780d6c34277bc36a5474b44', class: `leading_dropdown_dropdown`, onClick: () => (this.showDropdown = !this.showDropdown) }, this.showCountryIcon && (h("div", { key: 'ba52810e1a3d47e17dc5a690ed49b18d0383ab5a', class: `country_icon` }, h("img", { key: 'fdf359e4f30aac8864ba1947237b4f1bfc6285f7', src: "build/assets/NG.svg", alt: "" }))), h("div", { key: 'd6ec1ae474cfb1b7dd23f63318eafe88ebf7783c', class: `dropdown_text` }, h("p", { key: '3800987923c790240499df32f6d95eb21db9b7f3', class: "text-md-regular", style: { color: 'var(--color-text, #4B5565)' } }, this.selectedItem)), h("div", { key: '43b0c865f4df1a29eff17c82c6cc0a5274d94b04', class: `dropdown_arrow` }, h("svg", { key: '601d72ad2402185bafc11b8029cb4b66ce55ab01', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: '2e2d7dba758159dec8e8adc1f18f17ea6ce3ac65', 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: 'e0e064d7ae6696c133d0add48352dfb85f2a2866', class: `leading_dropdown_text_input` }, h("input", { key: 'ba0df80fadd61b23f6f7162d4d24bc51fa6bac85', 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: 'e95e70ff76350459b2fdb63f125639ee52a7a3a7', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: '075a4270e18964e2e0d6d264942f64c626fcb7b5', 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: '9bfb72a5e21deecc93ef85980006012fc759a3f2', 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: '17b3eb31175bd5d346c126e9e56e8f711e29e53e', 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: 'b088ca9d07eb665669865ce06ef53dcc14df7fec', class: `input ${this.type} ${this.size} ${this.state} ${this.destructive ? 'destructive' : ''}` }, h("div", { key: '970922d864e7fc0c558d84d85b8bafb7371fa38c', class: `leading_dropdown_dropdown`, onClick: () => (this.showDropdown = !this.showDropdown) }, this.showCountryIcon && (h("div", { key: '184216e8f384cb3e5aa71a99eeb2f368cfdf3254', class: `country_icon` }, h("img", { key: 'c05bc57e7c7c509931f49336d45ffc5990c0f2c1', src: "build/assets/NG.svg", alt: "" }))), h("div", { key: 'e666349a8a2879d7cac8c9490cbb91ab15a4fb00', class: `dropdown_text` }, h("p", { key: 'be85d9d34ea99c83ceb1c0bacbda25f7ff6440c2', class: "text-md-regular", style: { color: 'var(--color-text, #4B5565)' } }, this.selectedItem)), h("div", { key: '59fe70fbc61664d004672c72e28a08090f3b136c', class: `dropdown_arrow` }, h("svg", { key: 'f448c82fa9b4b8d2edff7d00ded35a48c364d799', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: 'a12542d67daa3aaf84682d92b25e03f5ef1a9db5', 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: 'f927c039b6c7736de10beb64ec34bb434041d106', class: `leading_dropdown_text_input` }, h("input", { key: 'b1e1a9150726c7e7c545fb71e893a43c435cc0c5', 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: 'c2b7f85f159f15c5b16c034bf7409cf39d98585a', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: '6af079136a22e56b8e2ae5b0802b10595419e080', 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: 'b51b86234194aa5c6f0a1162e6f426e61e283ef6', 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: 'b207066d0c094b7db4dad7a8e5666c69f9c50bd8', 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: 'fe7ea7b4279a9b3397168a67de9eb34fa38b3946', class: `input ${this.type} ${this.size} ${this.state} ${this.destructive ? 'destructive' : ''}` }, h("div", { key: 'af7af9adaedabd6187ec899f790d1d6cc33ab37d', class: `trailing_dropdown_content` }, h("p", { key: '9a183cea38f3c6bda8ffba70fa78410161a77a66', class: "text-md-regular", style: { color: 'var(--color-text, #4B5565)' } }, "$"), h("input", { key: '207dca40925249c50d48d64b23bc7e1d90c804f9', 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: 'ece8b03d7c2675ae362cc72ff05a3691632f8186', 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: '9a661aeed025f409077eace362116e5f967767c7', class: `trailing_dropdown_dropdown`, onClick: () => (this.showDropdown = !this.showDropdown) }, h("div", { key: 'be4a2f1fb0c304b701059a7c32ec101814dbf079', class: `dropdown_text` }, h("p", { key: '8c3ebe6492d3e3e74daeb7f140542d624972e8a8', class: "text-md-regular", style: { color: 'var(--color-text, #4B5565)' } }, this.selectedItem)), h("div", { key: '016b954f9cc0787658a63700f121ff355fc4dbb0', class: `dropdown_arrow` }, h("svg", { key: '6b95c74147e5ba916bef34c0b9bfb39f0a24a36b', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: '0a22bee245d5299b76bdf491a6cc725949b930e5', 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: 'a8b44eb92fe1e0226041c31f6b0af6b05a4e2701', 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: '3e7d2800303261121766fe2d5c841117876cca12', class: `input ${this.type} ${this.size} ${this.state} ${this.destructive ? 'destructive' : ''}` }, h("div", { key: '25175d17388157eadeef2f96dce9ef4674dadfcf', class: `trailing_dropdown_content` }, h("p", { key: '0d54453fb75a41c1fe41ebee3d5616edae432499', class: "text-md-regular", style: { color: 'var(--color-text, #4B5565)' } }, "$"), h("input", { key: '955a9253e1f06abe721ea069beb5f80105273b04', 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: '8cdb2b11a6dd022b5f815d8351da854feb231145', 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: '623a85e17aed9fa27b2175a40568f3b5593703b6', class: `trailing_dropdown_dropdown`, onClick: () => (this.showDropdown = !this.showDropdown) }, h("div", { key: 'bc35fc79f6129e254ff090087831923e0a1c022d', class: `dropdown_text` }, h("p", { key: 'a4b830f68fd20f87fa0927a480ab553e130ce18b', class: "text-md-regular", style: { color: 'var(--color-text, #4B5565)' } }, this.selectedItem)), h("div", { key: '89164c89138950d948ac2cb3d8e31987c216a7bf', class: `dropdown_arrow` }, h("svg", { key: '36264ff8baa9ac94a8d29bf5c3938156696044ae', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: '3dc8f1db2f0c7dc6b206264f2fed3898c9a16d09', 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: '933410d541bc357de1fb2453c5c209e85eabc259', 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: '040b421a95ff55f5bd7d57744fc77445519d5ac2', class: "leading_text_input" }, h("div", { key: '5cdecea4cbc209f4a572e283253d335ca6d08b1e', class: `add_on` }, h("slot", { key: 'd6e4b56707075c917bc4e9bb11ac7914e896a163', name: "text" })), h("div", { key: '74cf6d30324dfb0581a492fc879d86355234b779', class: `input ${this.type} ${this.size} ${this.state} ${this.destructive ? 'destructive' : ''}` }, h("input", { key: '8fa24d1ddaddce239cfc31fb513d0acda1b03b29', 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: '1b9a30ef5371ee2e8f369413c6b0aa455affe011', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: '66631022853f41fd75b0e1f494833031f2a28dd4', 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: 'f2ead3c7ff6c8cd1d764c03856b3fba9e939661b', 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: '82e8c33e3eac055d6f7161cfddac1f9fde8fb893', class: `input ${this.type} ${this.size} ${this.state} ${this.destructive ? 'destructive' : ''}` }, h("svg", { key: 'd7c2cac2221630cfc3c75bba950712ef5f218630', xmlns: "http://www.w3.org/2000/svg", width: "23", height: "14", viewBox: "0 0 23 14", fill: "none" }, h("path", { key: 'c83e45eb7d4785c87aa3d7c78f5001c36840fc82', "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: '9291afba06e6d0e8fbfe417fa11358e41cd3b71b', "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: '5c3f1381e57e21612d9f8cc21f3e3de5b8fd0d9d', "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: '03785745545b5dd508edd6343569b6101f32cf4a', 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: '8aadc0e6e70b5edef60e796a103c7ceeeb435bea', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: '9bd1f86038e2379342f9ee78e3e7a8ee5cee29f0', 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: '16caa6058ca3ce89c06c387d6aa3dda5d51d94af', 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: 'd5f7fa54ba250e07d926fa54b83e402dfaeeb02c', class: `input ${this.type} ${this.size} ${this.state} ${this.destructive ? 'destructive' : ''}` }, h("div", { key: '8eb428f40006197583169f8ef3008398576f87df', class: `trailing_button_text_input ${this.size}` }, h("input", { key: '7b768389e8822618a14a163c7c3c165dc359926b', 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: 'ea7222c888316e743df735840f4f974d803775b9', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: '0e37eac8151a481d0eb9af9914eba05e7d713ca0', 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: '9c51f4c79ead2d2624c2c2bc854804ba193630a8', 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: '4f6e318f8f3df39ab8fd5e09761b8e68974bdfdc', 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: '4c400dae6277632a8a9de28fd28b71c25bd0b6dd', class: `password_input ${this.type} ${this.size} ${this.state} ${this.destructive ? 'destructive' : ''}` }, h("div", { key: '77e6eb7fe088c072b9a968a3b88fe4c6f26aacd4', class: `password_content` }, h("input", { key: 'c797fe43e67a44cb16a277aa35f9792e0ba5d00a', 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: 'bc52550a9558702550101d6ed24facafee6a8585', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: 'a86a41657541f2b76c0a692b888583f5b0087d13', 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: '6d1ed4445c914a01f8018bbb56b396d80404d182', 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: '78e56d0856fe587171539b5b62e8f40563763cf6', class: `dropdown` }, h("gb-password-button", { key: '77ffc6fb0ba10655bcfe21320e6d5fb7c1e4c90c', onClick: () => this.togglePasswordVisibility() })))), this.type === 'password_icon_leading' && (h("div", { key: '2e0b527c278b4f7de2c970190e39a524e77cd298', class: `password_icon_leading_input input ${this.type} ${this.size} ${this.state} ${this.destructive ? 'destructive' : ''}` }, h("div", { key: 'f3886e4164d4289e7bd787c7e93fc57ade94133e', class: `password_icon_leading_content` }, h("svg", { key: 'b7735efd9cf1f727016e7fa4cb0b91488e7e783d', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: '8b63003689d20ecb83a2eb7bea5bd319b474780c', 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: '1b80919e76ef5942185775eb288dcb50271c643e', 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: '843f904bde56f24aab7083fc6bef1aaa471883bd', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: '0631922905557a7e507d12b6049155211153cf58', 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: '444c915c28795e10c22c188024a35c2f9780dbf9', 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: 'd4e9e6f21ec6ad1893a3e7c9aa9020d8ba78297e', onClick: () => this.togglePasswordVisibility() }))), this.type === 'count' && [
-            h("div", { key: '9dfcaaab9326a728d9078d41760f60af57b9b77e', class: `count_input` }, h("div", { key: '2c9fbe300a467850a04192ef8ca278e3d559e4e7', class: `count_text_input ${this.destructive ? 'destructive' : ''} ${this.state}` }, h("input", { key: 'd280461dca051c449e4b9eb84ee4151e58f57d7a', 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: 'c473e45ff3a21971610ebf98225bf2f3d34ca1f8', 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: '18b853c83c33b7d0e8658a7773f276aa79830ca5', class: `action ${this.state}` }, h("gb-button", { key: 'a15fa47ae6848fcdda1ae0bc4eaa1d82469dbf0f', 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: '97f5fa4131300c6b7b9087ab489c0977221d75ce', class: "vertical_line" }), h("gb-button", { key: 'ec1f128308bf3143c561d99c153849b35a18a270', 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: '795a339db98bf60d0e368e34746b8446f835fd1b', class: `input_group ${this.state}`, ref: el => (this.inputGroupElement = el), onClick: () => this.handleWrapperClick() }, h("div", { key: 'a713936a3a0ec91b2838457620dd898543d0fbe9', class: `input_like_parent ${this.size} ${this.state} ${this.destructive ? 'destructive' : ''}`, onClick: () => (this.dropdownOpen = !this.dropdownOpen) }, h("div", { key: '9e7d41f9134705fd18aa947416cd1dbf8a748e3e', class: `results_display ${this.state === 'disabled' ? 'disabled' : ''}`, ref: el => (this.resultsDisplayElement = el) }, this.value.length === 0 ? (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.handleTagRemove(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.handleTagRemove(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.handleTagRemove(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.handleTagRemove(index) }, h("p", null, val)))))))), h("span", { key: '23a4b2dd287ef6206c0b4631837618c407f5e8aa', class: "hidden-span", ref: el => (this.hiddenSpan = el) }, this.inputValue || '  '), h("div", { key: 'eae4eea77c4cb27b49eb7c7319a00a9379eb8372', class: "input_field" }, h("input", { key: 'a567f7dd9d5372893ddf82fd67e3400c3f58f385', id: this.idOfInput, class: `input_like text-md-regular ${this.state}`, type: "text",
+            h("div", { key: 'a3ee73e5f6b324ce92b1ae7e074072d5fc7d95d2', class: "leading_text_input" }, h("div", { key: 'a8f17e55f5de9692f0af8e39f37d87e5631d06a6', class: `add_on` }, h("slot", { key: '18999dcb889760c6384a289c4ad58529f9518bf5', name: "text" })), h("div", { key: '1fa1a3cc15d457278c39dfc5be9180b8275251f1', class: `input ${this.type} ${this.size} ${this.state} ${this.destructive ? 'destructive' : ''}` }, h("input", { key: 'cbb930834a825c38bb61063419fdd5b5491de321', 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: '46d1c0db1ce3270fce9bbde4ab567f133773e466', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: '7490f5f62ac7f9dccb7e49daa445f1a4375a89f9', 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: '6f153cf76bc643f7aabef57e8d76c796174bef80', 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: '044554f642893b542774053ca18412567c7365ae', class: `input ${this.type} ${this.size} ${this.state} ${this.destructive ? 'destructive' : ''}` }, h("svg", { key: '38a1a816d499cdc9bca313c816d29f727e06ea1d', xmlns: "http://www.w3.org/2000/svg", width: "23", height: "14", viewBox: "0 0 23 14", fill: "none" }, h("path", { key: '3070a0d49ec6c6a41f78b91a655a3975ed47d7d3', "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: 'c6e90af3bf26507fececd4275c30975f4eff7a8b', "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: '9aab3a8f196e1abf4cc9b90c18bf3b8bc59a42de', "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: '480a762feab348669e557d87315c9779f3c64ca5', 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: '4af94b5215a9d1f7d45cc1a4f93643314566e74a', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: '1a953b481a0a369af4d76b766661b3d895400cbf', 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: '726372c4fb05ce21d8af5c06fa90204a2f65e3b3', 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: 'f8f95d385a1134fb22349c7a591466c8d673306d', class: `input ${this.type} ${this.size} ${this.state} ${this.destructive ? 'destructive' : ''}` }, h("div", { key: '27f850b947b71df5e19d2015948046b80dcd80ed', class: `trailing_button_text_input ${this.size}` }, h("input", { key: 'bf39903398fd9f2a2e80478916523382b45ae6b2', 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: '62904b23b997f99fcb0ffefda2a4b13e61773088', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: '9de67d93f013b3f5dfa6fecc7a41a4c178e1730e', 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: '71d473b53e47ed2e94814efaddb57ed3029e36d3', 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: '6b0fbf99e022f00daae5a3cb6efce2865d0f6092', 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: 'dcc71633716f3b00001b5726cd0bae3c22416a04', class: `password_input ${this.type} ${this.size} ${this.state} ${this.destructive ? 'destructive' : ''}` }, h("div", { key: '0022fb4b29962bf18230eb49cabfc1551d088c95', class: `password_content` }, h("input", { key: '2ab7dc0e05493e9a57203380c51b51f02f0ba62e', 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: 'de9abed75f5264e17164f107fd2351a1332da4ac', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: '4793daea6137c364effecb6b07cf7978bd9e3e99', 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: 'b503768e9a4180f9dafd0bb992338c7001d1fed9', 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: 'aea5f93aaf06e0072c0e485407951f12cb49bf7e', class: `dropdown` }, h("gb-password-button", { key: '5a5097fd97dfc36cf48629efdd04c1d34da9fa46', onClick: () => this.togglePasswordVisibility() })))), this.type === 'password_icon_leading' && (h("div", { key: 'babcc414c3bfcdf6d038034c4fb41790248437d0', class: `password_icon_leading_input input ${this.type} ${this.size} ${this.state} ${this.destructive ? 'destructive' : ''}` }, h("div", { key: '9ca18b62dd38e663380b9ef12f3c0212620f96b8', class: `password_icon_leading_content` }, h("svg", { key: '7cdddc6d2446c5c5f53b3363ea5a498982d0e748', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: '4c80fd82f2b0eae94af6c95e7a9480089f905e43', 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: '5b799878c7c0fb1e59b0eb2e48f2c96a998a5a61', 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: '65155b5a873197a9307d12902a9465a3c2ef7483', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: '192f055e0ae2e1c6d6c1799f930897861ceecd89', 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: 'f2eb128f8a7d0dd410ba09e02b45679dc94d48d8', 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: '675495a19a9ff8f94809eef1385ce138cc213f31', onClick: () => this.togglePasswordVisibility() }))), this.type === 'count' && [
+            h("div", { key: '1aa9b28af785baf724190a3514d9d363cd780d6d', class: `count_input` }, h("div", { key: 'b1d576a6ccb5a392f4a91c13ce205f6bd8d848e9', class: `count_text_input ${this.destructive ? 'destructive' : ''} ${this.state}` }, h("input", { key: '5fa779f656950bebf0686d4a9cd9dfb477b763b2', 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: 'ed9695b5388c64663338d6366e5ccb06f8ec882b', 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: '417af6f8b93f88235ff7d2b0baa5210bde5114bc', class: `action ${this.state}` }, h("gb-button", { key: '11f0f79219b2cf3c9a098535e13f8d6dd9ed662f', 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: 'fd0d93d4b2d37dc16819b84719a8b5d687210893', class: "vertical_line" }), h("gb-button", { key: '3aae1d171c90add52279b6c500fd076da6193c8c', 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: 'b2d95aad29c0e585cbb97df9b5a133ed33b055ab', class: `input_group ${this.state}`, ref: el => (this.inputGroupElement = el), onClick: () => this.handleWrapperClick() }, h("div", { key: '60bd9de66649c35d5eae20fdc4bb55c4b34b4286', class: `input_like_parent ${this.size} ${this.state} ${this.destructive ? 'destructive' : ''}`, onClick: () => (this.dropdownOpen = !this.dropdownOpen) }, h("div", { key: 'cbee9f49f83a54a3fcb9a02294965d10ac94b736', class: `results_display ${this.state === 'disabled' ? 'disabled' : ''}`, ref: el => (this.resultsDisplayElement = el) }, this.value.length === 0 ? (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.handleTagRemove(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.handleTagRemove(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.handleTagRemove(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.handleTagRemove(index) }, h("p", null, val)))))))), h("span", { key: 'bd8ca6f304bd1bfdff42c320fabcbdb3f2218b02', class: "hidden-span", ref: el => (this.hiddenSpan = el) }, this.inputValue || '  '), h("div", { key: 'b1773ccf7d0c1e2ed1e55f4c7b1c5d60c784f890', class: "input_field" }, h("input", { key: 'f6f3f1a5085f1064c24fdfce95338a807fcbe556', 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: '7496a3b370bfccc6430ed33489cd9ee490421682', 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: '0f201d43f3f6d74e983543672c48e83370ea0792', 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-mega-input-field-base/gb-mega-input-field-base.js

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

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

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

@@ -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: '7dd1ceebbe908387ce6d5a75dc16caaefa58ff15', class: "notification_pane_div" }, this.state === 'empty' && [
-            h("div", { key: '9e8b5cb44b127ad4b04c3b3b28dff4a1c16a3b53', class: `container` }, h("div", { key: '6bd85d2951768a37ea72aba79862234b7646d5b4', class: "frame" }, h("img", { key: '6e9e354ff46d03793f70f6736bb2712406bfcbd7', src: patternSrc, alt: "", class: "empty_state_pattern" }), h("div", { key: '26b657a51b0f42e15ff4db173fc4e96e8e3497df', class: "empty_state" }, h("div", { key: '1498de29e75d968351e6cef83f3b3bc5e0b2e3b0', class: "content" }, h("img", { key: '70a23a84915736dd69f61497c583e0397be47ca8', src: illustrationSrc, alt: "bell-icon", class: "bell_icon" }), h("div", { key: 'd913cf89a66a2b38e4689537e6bce89250f46377', class: "text" }, h("slot", { key: '445ccb9107fe61779b44a90cb5bc06fd5b3be4e7', name: "label" }), h("slot", { key: '32f15b7ebb5180b877fbb983ef9f36e26aa64184', name: "supporting_text" })))))),
-            h("div", { key: 'b0bda03f89d2f8b757438cc65a96c8acafbce223', class: `button` }, h("gb-button", { key: '322a29c215cbb9644fe282b8136a37b107a56245', size: "sm", hierarchy: "tertiary_color", icon: "default", state: "disabled", "icon-leading": true, "icon-leading-swap": "assets/blush_brush.svg" }, h("p", { key: 'b101378ac0de2a3af83b188510d1a0d21b03621d' }, "Mark all as read"))),
+        return (h("div", { key: '5ca0484ea23af34794c2792ecebd9cc1a64e6353', class: "notification_pane_div" }, this.state === 'empty' && [
+            h("div", { key: '1d82a5e6c9696aae9cf23fb3549e896caad7670c', class: `container` }, h("div", { key: '9964ca41b9dc259e4eddc55eb738ee6cc1a22848', class: "frame" }, h("img", { key: '19b54c2a33c26c6ce0952c6d9e1e491ed74a8829', src: patternSrc, alt: "", class: "empty_state_pattern" }), h("div", { key: '38362a638ed9fbe04a43f6fba40b0b5b8d509ffa', class: "empty_state" }, h("div", { key: 'ba34afd53e7667d2274b82648cb7b1475dbe7e06', class: "content" }, h("img", { key: '539bce1362467243c30320d1872aa7fdeb7a9aaa', src: illustrationSrc, alt: "bell-icon", class: "bell_icon" }), h("div", { key: '7d28c5a5090aee0c3b7605c468030a05f5892265', class: "text" }, h("slot", { key: '5c04a2d614a188eeb7a8a8e16bcd7f4c5e87ef14', name: "label" }), h("slot", { key: '21bb2fd02f840aa30c4f698889f9e596147308cf', name: "supporting_text" })))))),
+            h("div", { key: 'f1fcf3c2a67a42766e8d182cb58b907e99513be6', class: `button` }, h("gb-button", { key: 'ae820423e1f4f1c0b21edad2f3be0589b064a3e1', size: "sm", hierarchy: "tertiary_color", icon: "default", state: "disabled", "icon-leading": true, "icon-leading-swap": "assets/blush_brush.svg" }, h("p", { key: '4110ea43ba984c18bfe00099f4af692548b9b758' }, "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

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

package/dist/collection/components/gb-pagination-button-group-base/gb-pagination-button-group-base.js

@@ -23,7 +23,7 @@ export class GbPaginationButtonGroupBase {
         this.leadingIconSvg = svg;
     }
     render() {
-        return (h("div", { key: '05b4ce749b36dd6b3c33d27a1d59da3676c1d7df', class: `button_base_div ${this.icon} ${this.state}` }, this.icon === 'false' && h("slot", { key: '3fb9a6e864123781e32f72ec6009596acc39d1a4' }), this.icon === 'leading' && (h(Fragment, null, h("svg", { key: '48c40bf8bfc04d60e6cc1514ce7f70a92c6437d1', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: '29761be94cb8f449eb2f004b4413a8bff129fcf4', d: "M3.33325 9.99981H16.6666M3.33325 9.99981C3.33326 11.0978 7.49975 14.1667 7.49975 14.1667M3.33325 9.99981C3.33324 8.90182 7.49978 5.83334 7.49978 5.83334", stroke: "#4B5565", "stroke-width": "1.67", "stroke-linecap": "round", "stroke-linejoin": "round" })), h("slot", { key: '2ba884c0995407d03acddf21eb38de4c86c86060' }))), this.icon === 'trailing' && (h(Fragment, null, h("slot", { key: '38131634d6f19c849ad87604a09ec613154a818a' }), h("svg", { key: '89266490d60db5bb32ccd54116ed070d8e07196a', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: 'ebb9cd3fc63d5ee4ad2b65b058b86e4dd911383a', d: "M16.6668 9.99984H3.3335M16.6668 9.99984C16.6668 11.0978 12.5003 14.1667 12.5003 14.1667M16.6668 9.99984C16.6669 8.90185 12.5002 5.83337 12.5002 5.83337", stroke: "#4B5565", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })))), this.icon === 'only' && (h(Fragment, null))));
+        return (h("div", { key: 'd39f2578619a0f567626db9d77a7f32889521369', class: `button_base_div ${this.icon} ${this.state}` }, this.icon === 'false' && h("slot", { key: 'e1539a8c67faf311a64b35c20fc239e1140a4868' }), this.icon === 'leading' && (h(Fragment, null, h("svg", { key: 'b0ee96e05dc4b4ddbd4952e67798cc4ab77e7367', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: '4666be32dba29803b6aaf47c06cbb304d982af77', d: "M3.33325 9.99981H16.6666M3.33325 9.99981C3.33326 11.0978 7.49975 14.1667 7.49975 14.1667M3.33325 9.99981C3.33324 8.90182 7.49978 5.83334 7.49978 5.83334", stroke: "#4B5565", "stroke-width": "1.67", "stroke-linecap": "round", "stroke-linejoin": "round" })), h("slot", { key: '2ff7436f21f8cce7981e01916e4f280fe00c5340' }))), this.icon === 'trailing' && (h(Fragment, null, h("slot", { key: 'fc78c8ca78a7eb5fa0d570565148090891720418' }), h("svg", { key: '91ee9bbd01276412bd6a42e4d2f042ffc0f7d9ce', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: 'f567040702772e5f5f783101ba746d0a10342f27', d: "M16.6668 9.99984H3.3335M16.6668 9.99984C16.6668 11.0978 12.5003 14.1667 12.5003 14.1667M16.6668 9.99984C16.6669 8.90185 12.5002 5.83337 12.5002 5.83337", stroke: "#4B5565", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })))), this.icon === 'only' && (h(Fragment, null))));
     }
     static get is() { return "gb-pagination-button-group-base"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/gb-pagination-dot-group/gb-pagination-dot-group.js

@@ -7,7 +7,7 @@ export class GbPaginationDotGroup {
         this.framed = false;
     }
     render() {
-        return (h("div", { key: '3c39af9fde5ee347678e9062bdad5e700c4f6051', class: "dot_group_div" }, h("div", { key: '6f27d32f1d898fdb7457878218332c4da9495c3b' })));
+        return (h("div", { key: 'a07d7639e0778beca0aa203582d68fbd55689d8e', class: "dot_group_div" }, h("div", { key: '12ba9daf903a8e760f1df7f7484eaf5f2c564a9c' })));
     }
     static get is() { return "gb-pagination-dot-group"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/gb-pagination-dot-indicator/gb-pagination-dot-indicator.js

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

package/dist/collection/components/gb-pagination-number-base/gb-pagination-number-base.js

@@ -17,7 +17,7 @@ export class GbPaginationNumberBase {
         }
     }
     render() {
-        return (h("div", { key: '7fc9f3c4a61d53d8f498569a9d90836a1cd277df', class: `page_number_base ${this.shape} ${this.state}` }, h("slot", { key: 'ae7121c23d19bb20402828554fcb38a8008b5c13', name: "page_number" })));
+        return (h("div", { key: 'ffd235f76d444ca73b283e2a85901267e4c9c564', class: `page_number_base ${this.shape} ${this.state}` }, h("slot", { key: '2a201404d56bbcade578942c364a453d01fae028', name: "page_number" })));
     }
     static get is() { return "gb-pagination-number-base"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/gb-password-button/gb-password-button.js

@@ -8,7 +8,7 @@ export class GbPasswordButton {
         this.isPasswordVisible = !this.isPasswordVisible;
     }
     render() {
-        return (h("div", { key: '28b5c612732c1be3021a674609c71575e9388020' }, h("gb-btn", { key: '79d099be5465ef2a12b7a21141f7b5bf5bd343ba', size: "sm", hierarchy: "link_gray", state: "default", onClick: () => this.togglePasswordVisibility() }, this.isPasswordVisible ? (h("gb-button", { size: "sm", hierarchy: "tertiary_gray", icon: "default", state: this.state }, h("p", null, "HIDE"))) : (h("gb-button", { size: "sm", hierarchy: "tertiary_gray", icon: "default", state: this.state }, h("p", null, "SHOW"))))));
+        return (h("div", { key: '02251f322236c523356ac8c4edd50dac7232e773' }, h("gb-btn", { key: '8920434a6bc1d7e985b54a28e377d9d9cbea96c9', size: "sm", hierarchy: "link_gray", state: "default", onClick: () => this.togglePasswordVisibility() }, this.isPasswordVisible ? (h("gb-button", { size: "sm", hierarchy: "tertiary_gray", icon: "default", state: this.state }, h("p", null, "HIDE"))) : (h("gb-button", { size: "sm", hierarchy: "tertiary_gray", icon: "default", state: this.state }, h("p", null, "SHOW"))))));
     }
     static get is() { return "gb-password-button"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/gb-progress-bar/gb-progress-bar.js

@@ -7,7 +7,7 @@ export class GbProgressBar {
     }
     render() {
         const progressValue = Math.min(Math.max(this.progress, 0), 100);
-        return (h("div", { key: '486262bb065c65566d3bd2d7d5dc510271311ed2', class: `progress_bar_container ${this.labelPosition}` }, h("div", { key: 'cd30d824c4e46e120e03003e38163c481b3d6a16', class: "progress_bar" }, h("div", { key: '0a91008a8619553460e7dd46d4b45ec2a7241c5c', class: "progress_fill", style: { width: `${progressValue}%` } })), h(Fragment, null, this.showLabel && (h("div", { key: '85ea3fdaf615ac1395d0183436e8c8e2c5647a89', class: `label ${this.labelPosition}` }, this.labelPosition === 'right' && h("span", { key: '7b4ca37e9526315de32081fe349c2ca5e0910fb5', class: `text-sm-medium` }, progressValue, "%"), this.labelPosition === 'bottom' && h("span", { key: 'bcc3e7b8f41b5364549d80130e1f4e498a741dad', class: `text-sm-medium` }, progressValue, "%"), this.labelPosition === 'top_floating' && (h("gb-tooltip", { key: 'ab6a5e824bc84666eeb1317874d92f17e36f1f3f', class: `top_tooltip`, arrow: "none", style: { marginLeft: `${(progressValue - 6.5).toString()}%` } }, h("p", { key: 'c3a623614d2f5f6801504f207857627865ce3b6f', slot: "main_text", class: "text-xs-semi-bold" }, progressValue, "%"))), this.labelPosition === 'bottom_floating' && (h("gb-tooltip", { key: '1f12c93a631e47b4acb199f4e388c0eae73e0b49', class: `bottom_tooltip`, arrow: "none", style: { marginLeft: `${(progressValue - 59.5).toString()}%` } }, h("p", { key: '6cf085dccf40af20da027ac8582ab342fbf75730', slot: "main_text", class: "text-xs-semi-bold" }, progressValue, "%"))))))));
+        return (h("div", { key: '12e93b4f0d09d7d0bcc6cdd68bd0a1bf0926648f', class: `progress_bar_container ${this.labelPosition}` }, h("div", { key: '8a016a1ffffce16b4c7c6acf2bb491baa70c7892', class: "progress_bar" }, h("div", { key: 'a7cc3ae4d0967a66bb0c058b2f258ef3ace41908', class: "progress_fill", style: { width: `${progressValue}%` } })), h(Fragment, null, this.showLabel && (h("div", { key: '116f297470d55203f3b07b8adedc7357c05be810', class: `label ${this.labelPosition}` }, this.labelPosition === 'right' && h("span", { key: '35fd4c4d914f6a625b1c91af53152f3dde36b4f5', class: `text-sm-medium` }, progressValue, "%"), this.labelPosition === 'bottom' && h("span", { key: '4a2fb28c58efebd5d70914f31c0ced15443aa4f1', class: `text-sm-medium` }, progressValue, "%"), this.labelPosition === 'top_floating' && (h("gb-tooltip", { key: '94d5f4cc40684698ea51f8c9c20c5c8e2021de63', class: `top_tooltip`, arrow: "none", style: { marginLeft: `${(progressValue - 6.5).toString()}%` } }, h("p", { key: '9b5ea800bd3e94417ebd1af7642108341ff51d73', slot: "main_text", class: "text-xs-semi-bold" }, progressValue, "%"))), this.labelPosition === 'bottom_floating' && (h("gb-tooltip", { key: 'bc0f2fc345f8a005e644d15da741fbfea4b5d3ce', class: `bottom_tooltip`, arrow: "none", style: { marginLeft: `${(progressValue - 59.5).toString()}%` } }, h("p", { key: '31ffa8a2305871e9d7c5f19f83d4a6d4a481f7c3', slot: "main_text", class: "text-xs-semi-bold" }, progressValue, "%"))))))));
     }
     static get is() { return "gb-progress-bar"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/gb-progress-circle/gb-progress-circle.js

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