npm - globuswebcomponents - Versions diffs - 1.2.4 → 1.2.6 - Mend

globuswebcomponents 1.2.4 → 1.2.6

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

Files changed (432) hide show

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

@@ -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: '56dd048eaf2085d3899127fcff42f2a35f3d0c87', class: `input_container` }, h("div", { key: '81826f30a009a3af718460e3c15cd76163c73b54', class: `input_with_label` }, this.showLabel && h("p", { key: '3424d0190cec817421720d244a75b3c6f9ca1eac', class: "label text-sm-medium" }, this.label.charAt(0).toUpperCase() + this.label.slice(1).toLowerCase()), this.type === 'default' && [
+            h("div", { key: 'c0e7e372b84d9b20bf001f67a349b54d9086aad2', class: `input ${this.type} ${this.size} ${this.state} ${this.destructive ? 'destructive' : ''}` }, h("input", { key: 'f653f796a6be97c56df2949f9874fedbf1884985', 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: '3570facca44b52163a79ed7f5ab2ae9172c4eb48', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", class: "tick" }, h("path", { key: '1dde6d570f3e7d0bf3aaafc7b6666398d58bf567', 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: 'd5a63b0f9f7cb329d96e7d9620fc3bbe9224b594', 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: '877f6417a09e86f44bea4f7d451102336fbed043', class: `input ${this.type} ${this.size} ${this.state} ${this.destructive ? 'destructive' : ''}` }, h("div", { key: 'b390a69a778c75488e772e8f67cc930e093b7161', class: `icon ${this.size} ${this.state}`, innerHTML: this.leadingIconSvg }), h("input", { key: '47e424ce64ab1380b46a320c87c58f789cd9344e', 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: 'ef04d6feba74a3db868029c76e99f0664c2c76c8', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", class: "tick" }, h("path", { key: '43bb3a48780cf84cc922b964cc69c7f259d15ff2', 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: '0aa149d4e95fd75a3c2bf480f528ced63c4078d2', 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: '091fe7e03b9b92c2bb8e65321299be1b17885494', 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: '52e45779daf2c5cd8f8a95d55a2d2a120288cac5', class: `input ${this.type} ${this.size} ${this.state} ${this.destructive ? 'destructive' : ''}` }, h("div", { key: '1570c447ed047cd18595a84cb27b4f821d92aa8f', class: `leading_dropdown_dropdown`, onClick: () => (this.showDropdown = !this.showDropdown) }, this.showCountryIcon && (h("div", { key: 'a8de009338752c31a39036f7220827f3801480d9', class: `country_icon` }, h("img", { key: 'dd50ecb6221314442490ae6e9836d139cfa642e4', src: "build/assets/NG.svg", alt: "" }))), h("div", { key: '93824ffec2a3e3569b365b34c0338a1eda245c67', class: `dropdown_text` }, h("p", { key: '3c1bdf39ceee5939a097fcc041412b914bee6a7f', class: "text-md-regular", style: { color: 'var(--color-text, #4B5565)' } }, this.selectedItem)), h("div", { key: '588659b587fc8e618dc4545c5d5e2032aa6160b0', class: `dropdown_arrow` }, h("svg", { key: '1cb4b2b863b59832e32841e0510349cdddac9f94', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: '637ec5660b3087081ebec9376424ca0903698629', 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: 'b6f05d5199e0b07942af6d5dab40d45ab29cd277', class: `leading_dropdown_text_input` }, h("input", { key: '1b29b96dfa75f086620b57f590ac74316b09ac71', 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: '5eeb2e5071877130ab88e71e66c15ab142821ad8', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: '482d977e50f397ba40d4afc0a41b44970fb9a298', 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: '04e8dbf9c3796842cecb211b95af94a53d077f34', 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: '266d7d4f63163a8eceb88ce3c5aacaaaf1e23311', 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: '1346becf6c39ccf8afab75f90b5364bcbc0e1cf5', class: `input ${this.type} ${this.size} ${this.state} ${this.destructive ? 'destructive' : ''}` }, h("div", { key: '8e01bbe03239279a0136f44969ff9a08ef476383', class: `trailing_dropdown_content` }, h("p", { key: '854714f8a4fa79ef4a74ec92716a28dff7ffef96', class: "text-md-regular", style: { color: 'var(--color-text, #4B5565)' } }, "$"), h("input", { key: '190e81e92b4f64d000ba3db9f57bb8be410320af', 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: '0660048785c6d0614095938d31f0d5981f86c55e', 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: '351038511c212d4e0cf84db6237930d070c32afa', class: `trailing_dropdown_dropdown`, onClick: () => (this.showDropdown = !this.showDropdown) }, h("div", { key: 'bbeaa245b6154dd4cc23fa1a50338d10f9fc2481', class: `dropdown_text` }, h("p", { key: 'd4538ba3195e608856ca7fd57a148f9b376d62ec', class: "text-md-regular", style: { color: 'var(--color-text, #4B5565)' } }, this.selectedItem)), h("div", { key: '094a3982033d463abf3c60aa672679bfa7c2ed33', class: `dropdown_arrow` }, h("svg", { key: 'df7ca8fb5633110bc3478f9695cd96256de54ab9', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: 'b6902f3f0db63b9393d114c75564ce1018e634c4', 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: '4805f3a30f14ef0db51735b491ff3726f3f6876f', 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: '25dc5f25f0146b354b6aa2b892fe2fb9ff33adef', class: "leading_text_input" }, h("div", { key: 'e6b61c5e9ebf18606e153e4b90ab2fa72d85c0c3', class: `add_on` }, h("slot", { key: '3668e2daef46933cf250de8b9b013344c7624f12', name: "text" })), h("div", { key: '41c2f1afd914a9ab840538fc59cebb2489892294', class: `input ${this.type} ${this.size} ${this.state} ${this.destructive ? 'destructive' : ''}` }, h("input", { key: 'd10490ec6f813d4adf9afdfa6d3d6959773924c0', 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: '759730b3151d80c488c390d04ad832d8bccdbd35', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: 'e4cbbbb2eef1d171682098278d273d413f96127e', 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: '4455c2b84c563b9bcfcd4b2afc6103f9a14e15ca', 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: '32c68c559be710dec81a01205b0280025dfc1029', class: `input ${this.type} ${this.size} ${this.state} ${this.destructive ? 'destructive' : ''}` }, h("svg", { key: '35c96126693a946267a925bf8ba9dfa8966eb4a5', xmlns: "http://www.w3.org/2000/svg", width: "23", height: "14", viewBox: "0 0 23 14", fill: "none" }, h("path", { key: '4e3d14b5bcd97a290a4336c7cdc266dd97b4ac34', "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: '493e7e4a6d60bc37188dd497a2a236ba64d2dadc', "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: 'ef614ab22d710784b392320a9acbca9d4f3792b6', "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: 'b1e931e49217b96e702a810035c652fb69cfe1eb', 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: 'ad58e642ccaa34c3806c4c56b1d62ace3d17e067', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: '102c512f51643f1d4b91d0c667c3e649e8e6304a', 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: 'aac04d3d905efabff4bfca2b5874917682ad39cf', 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: 'cd22dfaee55f031003fdee91475efca6d0ae06cf', class: `input ${this.type} ${this.size} ${this.state} ${this.destructive ? 'destructive' : ''}` }, h("div", { key: '2d7aa3c4c3db6e4bf0bd1925a891bfab7bc99c3d', class: `trailing_button_text_input ${this.size}` }, h("input", { key: 'b63559a62d9aad1210efed92bb4511da7d4b07c2', 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: '20875fa5eac299fc627f5cd7599d6ff28838e458', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: '302af79359ce5d34ee20fdc94baa36950f241f6f', 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: 'f16f5096371f5e85f5cc308d884fc0ab3a67be22', 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: 'a19571cb09b29614d1d4b123ce3b18004cf26566', 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: 'b8e5d96826a632445a8995ba6f7e3f3d1e895ce3', class: `password_input ${this.type} ${this.size} ${this.state} ${this.destructive ? 'destructive' : ''}` }, h("div", { key: '0cf72810e73bdda76701b2a717e3ce1009ae5f93', class: `password_content` }, h("input", { key: 'bc0c8fe2e13305db85f77c2d89df28aa2de57e6d', 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: 'cba7e12a07632a5825af14a8dd282a67123be6b4', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: '36599b7b2d3c237afb47080375bfda359e37b53f', 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: '9c9cedabe94d9df1b43edd6e8627bfb7dfa1e06d', 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: '2b9a9adcb9f82a2d3687ec4db91d1d32da53aba8', class: `dropdown` }, h("gb-password-button", { key: '14288a16d32203ddc05cf8c40f12b429c4fa414a', onClick: () => this.togglePasswordVisibility() })))), this.type === 'password_icon_leading' && (h("div", { key: '3abf94d3fd90da414d3c34e5410915e875bbc7ed', class: `password_icon_leading_input input ${this.type} ${this.size} ${this.state} ${this.destructive ? 'destructive' : ''}` }, h("div", { key: '5e9cf945eee7cf936ba1481f9a9884dd1445743a', class: `password_icon_leading_content` }, h("svg", { key: 'c2ff077d1bde96221471bbf40033528de24b24e0', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: 'dc7b67cc1c805c3a9d538e01ab108bac381321fc', 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: '7db1841c5c73e3ca492c718f779bd4ee834b8418', 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: 'eacd8a700d91bfa10899b6197172c4fa8a7474ad', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: '29c73d6e50b9c85a2d0f4863be67874ee6b61820', 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: '2bc516befb7b6484a0c2d2ff199a6ea286cb335b', 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: 'a39be84210d05003baaf2f0915e3c4c0f79984ee', onClick: () => this.togglePasswordVisibility() }))), this.type === 'count' && [
+            h("div", { key: '7aafffb6a0e78209a86da3819978b69bc72d84eb', class: `count_input` }, h("div", { key: '3cb6addc1755ca6afadc4eb266cb8825c5530d18', class: `count_text_input ${this.destructive ? 'destructive' : ''} ${this.state}` }, h("input", { key: '813c2e6f422b13c5cb8afdaaa1537a84c97c2414', 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: '313d3860dc09949dc671427a14d44840c72958e2', 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: '197cb8638dc3c07a2eebfaf64e82cce8202d2516', class: `action ${this.state}` }, h("gb-button", { key: 'b40dc1fc77bd2960b716b5493e0325d126eddff1', 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: '9e5931618b82442d4a5dfacabe35301c8b4652e2', class: "vertical_line" }), h("gb-button", { key: '055442a012848391798eb08c227d20a87149b232', 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: 'b00101ef1fb096f1d622efdfe9b2560c3165aa47', class: `input_group ${this.state}`, ref: el => (this.inputGroupElement = el), onClick: () => this.handleWrapperClick() }, h("div", { key: '144bba7eaddbd0f38bb1fc2107ca4b0d8bdd7252', class: `input_like_parent ${this.size} ${this.state} ${this.destructive ? 'destructive' : ''}`, onClick: () => (this.dropdownOpen = !this.dropdownOpen) }, h("div", { key: '296280361854689d6be63815833990e1615efc17', 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: '05e2d8a633badb7cb06aeb0bdb1d6ebb170c8c9f', class: "hidden-span", ref: el => (this.hiddenSpan = el) }, this.inputValue || '  '), h("div", { key: 'ab9116a6b8cc84568df3b5d83ca68d91c6ddcc8d', class: "input_field" }, h("input", { key: '424973a2e26dad5ef66a3ae7f816dca7e4f69388', 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: '3c677029a3ccb45547f2fa057f99572051d47cce', 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 CHANGED Viewed

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

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

@@ -8,7 +8,7 @@ export class GbNotificationContent {
     }
     render() {
         const iconSrc = getAssetPath(`${this.icon}`);
-        return (h("div", { key: '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: 'a927a7d2b89d6bb3e5c89384c5b8abec2d5c1180', class: "notification_container" }, h("div", { key: 'c7086bc508aa861f5196b914d78dee8345e5b72d', class: "notification_title" }, this.icon && (h("div", { key: '460556aa305ea58ae38e1cc69c8a0c96d1c5c8da', class: "icon" }, h("img", { key: '6881e4f60e61dd628b0459cbd095b12ed67da6af', src: iconSrc, alt: "Icon" }))), h("label", { key: '3ebad3c8da7bb1c685bb4a7efeea262afb38ad78' }, this.label), h("span", { key: 'b7a820b8c2e991ef3c1fa436871829093675cfbf', class: "time" }, this.time)), h("div", { key: '57037e2c460e03d64bfe6d3d7a0002d8633fdc6f', class: "supporting_text" }, h("p", { key: 'a3b197e0aec9c12f42759254188dfda23e73e5ec', class: "text-sm-regular" }, this.supportingText))));
     }
     static get is() { return "gb-notification-content"; }
     static get encapsulation() { return "shadow"; }

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

@@ -51,9 +51,9 @@ export class GbNotificationPane {
     render() {
         const patternSrc = getAssetPath(`assets/notification_background_pattern.svg`);
         const illustrationSrc = getAssetPath(`assets/notification_illustration.svg`);
-        return (h("div", { key: '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: '3cf2e8f89a7ba5218e56553b916ab6deab5a9dd1', class: "notification_pane_div" }, this.state === 'empty' && [
+            h("div", { key: 'ed5b42c65100404df57221dfb98e7a39df67efb8', class: `container` }, h("div", { key: 'e2ae0a2fa63d2d4476054781f4814d359ca3b2a0', class: "frame" }, h("img", { key: '5fb509d8671f70afa0b84a27113cd75231eaac78', src: patternSrc, alt: "", class: "empty_state_pattern" }), h("div", { key: '34b3b4d21c1547fb4830b0c8d78142c9739e580f', class: "empty_state" }, h("div", { key: 'f18b8f6e7bfd2bb1170c2c80ce177d2819418f2a', class: "content" }, h("img", { key: 'ecaac23522d2d9979cd77c98ea5881a74c677344', src: illustrationSrc, alt: "bell-icon", class: "bell_icon" }), h("div", { key: '3ffd7ac7c086c03e6fb4d1410860ce86d898aafa', class: "text" }, h("slot", { key: 'feec04201f26ece9eef017f72722d77c157c493a', name: "label" }), h("slot", { key: 'a4a08b7c89310f8cfe2951c131b2291b10046e14', name: "supporting_text" })))))),
+            h("div", { key: '8b65379bf5f98868d01152dbfacebd6916c3a4ce', class: `button` }, h("gb-button", { key: 'd40c0741e13d763008921ba94a1d996c61cf6ead', size: "sm", hierarchy: "tertiary_color", icon: "default", state: "disabled", "icon-leading": true, "icon-leading-swap": "assets/blush_brush.svg" }, h("p", { key: 'fd7ee2d9d52b20c4ea9ed62b771e95fcaba697c4' }, "Mark all as read"))),
         ], this.state === 'notification_dropdown' && (h(Fragment, null, this.notifications.length > 0 ? (h("div", { class: "notification_dropdown" }, h("div", { class: `content_wrapper` }, this.notifications.map(notification => (h("gb-notification-content", { label: notification.label, time: notification.time, "supporting-text": notification.desc, icon: notification.icon })))), h("gb-button", { size: "sm", hierarchy: "tertiary_color", icon: "default", "icon-leading": true, "icon-leading-swap": "assets/blush_brush.svg" }, h("p", null, "Mark all as read")))) : [h("div", { class: `container` }, h("div", { class: "frame" }, h("img", { src: patternSrc, alt: "", class: "empty_state_pattern" }), h("div", { class: "empty_state" }, h("div", { class: "content" }, h("img", { src: illustrationSrc, alt: "bell-icon", class: "bell_icon" }), h("div", { class: "text" }, h("slot", { name: "label" }), h("slot", { name: "supporting_text" })))))), h("div", { class: `button` }, h("gb-button", { size: "sm", hierarchy: "tertiary_color", icon: "default", state: "disabled", "icon-leading": true, "icon-leading-swap": "assets/blush_brush.svg" }, h("p", null, "Mark all as read"))),
         ]))));
     }

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

@@ -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: '586869025a7035cf3ff9a5978a353493752009b1', class: `pagination_div ${this.type} ${this.breakpoint}` }, this.type === 'page_default' && this.breakpoint === 'desktop' && (h(Fragment, null, h("gb-button", { key: '50cbd6d8efa550ce6277dfc41f4ebe0e45fa985a', size: "sm", hierarchy: "tertiary_gray", icon: "default", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg" }, h("p", { key: '504d1fa2aba4aa5c3b591e60b730d10b16de022e' }, "Previous")), h("div", { key: 'ec9f33029ee74c899ac5b3b7e8950665a1d34893', class: "pagination_numbers" }, h("gb-pagination-number-base", { key: '2c57417892313cfbfaf83b6c27de25163ad6f79e', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, h("p", { key: 'ee9e789e5da4cf65b741c5568c646e629f4ad1c5', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: '58ad4d26fb23de388fd89d3aa18bc16fb092f6e2', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, h("p", { key: 'c33707be91c9c0eee352ec43ccc1e4d07c1333c2', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: 'bad6cf474ee81934a9ef58d3483169aa9b84900c', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, h("p", { key: '251286a89dee14868dc3e181b45c2892bdbb0f09', 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: '0530562ea3727f067f882da936f11e84be560e7e', shape: this.shape }, h("p", { key: '7f3686ba6a8058dd2a547a63e196030d8aeca229', 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: 'ab89a97886659f160481d9e516e5cada41d2d3aa', shape: this.shape, state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 2) }, h("p", { key: '5800d15fac0bb7fd0a0a946dd5d406339498b7df', slot: "page_number" }, this.totalPages - 2)), h("gb-pagination-number-base", { key: 'dfd08f742efe693ce0d5dcede93c6a3f6405f021', shape: this.shape, state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 1) }, h("p", { key: '2dfc05e880dc515c9722fc61aeba6e83e5c8fbda', slot: "page_number" }, this.totalPages - 1)), h("gb-pagination-number-base", { key: 'fe926a46eb10f541ce087501d979ddf1a9ff900e', shape: this.shape, state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages) }, h("p", { key: '4c57ca651fc9fe2118ab6354d3bda5e58521406a', slot: "page_number" }, this.totalPages))), h("gb-button", { key: 'e923086b096b4196b236b75552051a515b1d74c7', size: "sm", hierarchy: "tertiary_gray", icon: "default", state: "default", "icon-trailing": true, "icon-trailing-swap": "assets/arrow-right-02.svg" }, h("p", { key: 'f362e6a245fca297502ac9a2acd0a73496f29761' }, "Next")))), this.type === 'page_minimal_center_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("gb-button", { key: 'b5969e330b0602fc51bb6e72b5e8d2e8ac91abc3', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg" }, h("p", { key: '90011d90a71a4d30441f753bcb607c2ed23eb5f6' }, "Previous")), h("div", { key: '63b7f335843308724ed648545f39925082279070', class: "pagination_numbers" }, h("gb-pagination-number-base", { key: '21828649d95455e2439c4e1ff27fb63c8b0708b1', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, h("p", { key: 'dd8692565209da4dab781d7f637e5e4267f705db', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: '59b72f3d98a651a85818e6ff7588721f2be3620c', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, h("p", { key: '5ce62f2c40654d94824462f4a70096caec86c223', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: '2f862085096780422ee4593b61442c414c09fed1', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, h("p", { key: '78f48700138884ffd77c4803a72a2615a3cc19ff', 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: 'aba48ad3fd60d099307585ac990376fd4866a587', shape: this.shape }, h("p", { key: '3d01f6d2dc2647441323000d73208871daf6423d', 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: '65ecff77727d7cbc89281cef73e1a7d7acdee91b', shape: this.shape, state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 2) }, h("p", { key: '81800368b788401c9b9bb1892508a407d0a92122', slot: "page_number" }, this.totalPages - 2)), h("gb-pagination-number-base", { key: 'ddb1f3c0d238eaba895bfdf1982b7ca710f11138', shape: this.shape, state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 1) }, h("p", { key: '7e05c47f90c128645fbb11e1270439df80a662b4', slot: "page_number" }, this.totalPages - 1)), h("gb-pagination-number-base", { key: '677c903bd93eb90a02eb4001399881261bac53e9', shape: this.shape, state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages) }, h("p", { key: '69968d3396b47e547156b7767f4a1463a12e407e', slot: "page_number" }, this.totalPages))), h("gb-button", { key: '88403ce58695e3985f61805b40f4c35684ed0c5e', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", "icon-trailing": true, "icon-trailing-swap": "assets/arrow-right-02.svg" }, h("p", { key: 'fd367ab332d8b436914f5f1408d1367f6e1c0bd1' }, "Next")))), this.type === 'card_default' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '575ce8eee499fa33a588283686407e582f50de17', class: "pagination_entries" }, h("div", { key: '6804a6f8e4ac2253e374dbc93d5bfa9d21381894', class: "entries_text" }, h("p", { key: 'dc5920f3bf6d39cf4b85a5d62953286b1adbdd23', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: 'fe9dde5ae458d1d666528fc7826052581692c86f', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '2450fc52d0af75db9bb2b7faae7a526e897cee57', type: "default", state: "default", size: "sm", "show-label": false, "show-hint-text": false, "show-supporting-text": false, "show-help-icon": false, items: this.entries, "menu-position": "top", onDropdownItemSelected: this.handlePageSizeSelect.bind(this), value: this.defaultSelected }))), h("div", { key: '77234a041b6198f9ce1347869de79fb1b59ccadd', class: "pagination_numbers" }, h("gb-pagination-number-base", { key: 'a4b4d0d9a939d9b5d87b6642a1dae12f92453df6', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, h("p", { key: '96e95158741551b045fb5bf9fe5243ad747ebb7a', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: '0ab7c041b9a7e36a8d9b74926de910feb5f5a2be', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, h("p", { key: '3e21942c08716458115da599d1c0e2e05111d542', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: '0a62343b52e02ed60d8745180342835ac72b4990', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, h("p", { key: '42b23d64fca78ef229d60abe70003104e0b33770', 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: '89e3af19009d22a5ede866b1cb9f2f9ab3da067a', shape: this.shape, state: "default" }, h("p", { key: '57c55fd3466e509556b1038e0b29d6d2bd07e10a', 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: '743c9e4b97885e8feafec2edfb3c7ae315e0405e', shape: this.shape, state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 2) }, h("p", { key: '8136a46a6582ce4dab510ad0ea3b93507fdc4517', slot: "page_number" }, this.totalPages - 2)), h("gb-pagination-number-base", { key: 'a90cb13d3a1360738b12a895886d0b866e16cc5f', shape: this.shape, state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 1) }, h("p", { key: '638a904d6ba6d6ea156635941686ee429c6e17b2', slot: "page_number" }, this.totalPages - 1)), h("gb-pagination-number-base", { key: '5f94c2aea48d76d7d32f8e6b0037039e59ec6362', shape: this.shape, state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages) }, h("p", { key: '1e0c8f67f46b2665ff35b7068f7c9bf3b1dc00f7', slot: "page_number" }, this.totalPages))), h("div", { key: '9d63b3802f61688ebc1b501979e57c9ed931d34c', class: "pagination_btns" }, h("gb-button", { key: '0f5245911f681397b917aa73523db279fc7809e1', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("gb-button", { key: '057a812a7b4c3faaf63fa8a6ef0d47e944f60eb7', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() })))), this.type === 'card_minimal_right_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: 'd58fe2d6d6d024116666763e62ccb167a8180c1e', class: "pagination_entries" }, h("div", { key: 'eae1321871ce1437c229c40d724ece9eebcfae9d', class: "entries_text" }, h("p", { key: '2e06025bb12389727d2dea600ef2487e7bd685f9', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '6ce64e594ce959d4ebe00d64aa1c186d6cef7e4a', class: `entries_dropdown` }, h("gb-input-dropdown", { key: 'bc95235508dbbea4c49a45046ca879b66c6d6fbc', type: "default", state: 'default', size: "sm", "show-label": false, "show-hint-text": false, "show-supporting-text": false, "show-hep-icon": false, items: this.entries, "menu-position": "top", onDropdownItemSelected: this.handlePageSizeSelect.bind(this), value: this.defaultSelected }))), h("div", { key: '587e3a08b777a6fde790195d495e866c2b89f423', class: "page_number_text" }, h("p", { key: 'b33fd3bca1822a550de0b57a090ac8999f68c779', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("div", { key: 'bd8164d6c70288a47f9503400262eaf8a165aa5d', class: "pagination_btns" }, h("gb-button", { key: '473fb792ae0da5877f88b6b89b3517b5dc792d5d', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '3e486accf7a1952c8c69453b84d6a2ae46577a18' }, "Previous")), h("gb-button", { key: '118bdec13e5078de527490e90840d692a825a5e5', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: '9ca3ccc325298400206dc7238a634b7ada53ef82' }, "Next"))))), this.type === 'card_minimal_left_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '9d362e1a989b6b3734ce549622e02825572bf30f', class: "pagination_btns" }, h("gb-button", { key: '40e8fa3b96f22bd41f84d63e6194bbe61206f190', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '1d7366d97f2d8f1b96acbaaf889eaa027ec27cfa' }, "Previous")), h("gb-button", { key: 'd57b879344ff0318ccae6ba828ddd3535e74fcef', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: 'ee692c0325ce796be6d1363427d07f48dbb8b08e' }, "Next"))), h("div", { key: '4e2c0320eccca1965d6f583518c49585cf85a65d', class: "page_number_text" }, h("p", { key: '6cf7678abce1fbbce81d514649ab4f58d5fd3925', class: "text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("div", { key: '741c027e9eb4f738eaa212858d71f6537395e5d2', class: "pagination_entries" }, h("div", { key: 'c5521a717fb69cc5689b238c7d49e63ebb36bf4b', class: "entries_text" }, h("p", { key: '805cf24ffdecd78b0929b8b1139ac67fcda81f41', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '167230c3585571f30a2484b8aa17d054f5f06649', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '5bb6fea65e2a63ead3b32648daee4c0ff08737be', type: "default", state: 'default', size: "sm", "show-label": false, "show-hint-text": false, "show-supporting-text": false, "show-hep-icon": false, items: this.entries, "menu-position": "top", onDropdownItemSelected: this.handlePageSizeSelect.bind(this), value: this.defaultSelected }))))), this.type === 'card_minimal_center_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("gb-button", { key: '79f9237144a55a467813b09a6bedbd2e36b218ce', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '44abd1596bb6e79f34ad786bbb61383c747d4e59' }, "Previous")), h("div", { key: '552bc2f353b93ce7c59ff80c72f2828b914b3b59', class: "page_number_text" }, h("p", { key: 'f7a40c341eb9995c6501b1139402c8dc0e3304d9', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: '237d8bed4a7e5fa5630832a54a84317acbf6ec24', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: '856e890985036a945aa17b06c971fd4448997a19' }, "Next")))), this.type === 'card_button_group_right_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '7e30a6101fa47804dc7932575576524a99fc3e3d', class: "pagination_entries" }, h("div", { key: 'c82242202ad8b11ec94b9eb4c11aba2db516a3f1', class: "entries_text" }, h("p", { key: '15f6cec48131efe6f6a5fac1cc78a951a8835c48', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '349595924c94403b3bbc3da7203176d62937b339', class: `entries_dropdown` }, h("gb-input-dropdown", { key: 'a1ebffe48d8adde683d041b96ef8756c07519560', type: "default", state: 'default', size: "sm", "show-label": false, "show-hint-text": false, "show-supporting-text": false, "show-hep-icon": false, items: this.entries, "menu-position": "top", onDropdownItemSelected: this.handlePageSizeSelect.bind(this), value: this.defaultSelected }))), h("div", { key: '4e29019be880dd74630db1b933a27920225b0deb', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '36195c090bc9a431ca22f461cf65852a37c2ac51', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: 'ba37d7716850b7763a84aea9c8c36aa5daa6d2c1' }, "Previous")), h("div", { key: '80fc14fb55143c8cba52e6512f5459787e09f921', class: "btn_group" }, h("gb-pagination-button-group-base", { key: 'd7068be7d1542b67cd95eb10ab2d25e859dd7b09', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '88a1597c3743b986156cabd55599ae1bdc53d01a' }, "1"))), h("gb-pagination-button-group-base", { key: 'ec205d7b941b560c99e9fd89f22f60e85af99543', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '96db6d5c02b0144efc45f77ffaab9580cc7c1035' }, "2")), h("gb-pagination-button-group-base", { key: '5b0bd485003974e905ac3e6b814de57318ffda44', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: 'fd1c90871dcf88290f2a9becdb9fb00bc2a5f755' }, "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: '5e629916549a6995ee2717d7d0ad73b332447d31', icon: "false" }, h("p", { key: 'a54dc59dda861a2dd8f0af2c128db1cf3add1114' }, "...")), 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: '119bba261213a80591bea520c6fcad38a53d0f8a', icon: "false", state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 2) }, h("p", { key: '5fbd654cd42e6934952999d88a0d42aecb52d474' }, this.totalPages - 2)), h("gb-pagination-button-group-base", { key: '4a2cfbd0215d1371259398d08c9550c0f563050d', icon: "false", state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 1) }, h("p", { key: 'c2722b016a764ec9df57a627c51dd3be03b15a74' }, this.totalPages - 1)), h("gb-pagination-button-group-base", { key: '3fca4ef99a95a3cc035c5303bbe354fba940e1c2', icon: "false", state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages) }, h("p", { key: '2f164c55a3a616b665c71435c8d8b2fd57b49c6c' }, this.totalPages)), h("gb-pagination-button-group-base", { key: 'e36d6064de8691318d5e0424bff046519cfa115f', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: '26fc19444f36de18e9bc6efc60cb80e3086ff969' }, "Next"))))), this.type === 'card_button_group_left_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '41ee2afcad2ba830de4f259f688bbbbf80519ad9', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '49c48263e5123dc97c295ae7bb318765ff270b25', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '45ef1e6fcbf5c35e706b31dcd3dfb4876fbaea91' }, "Previous")), h("div", { key: 'c5b47f96023bda06b7e67c89ae7666004037ce84', class: "btn_group" }, h("gb-pagination-button-group-base", { key: '33476508c1f222a0debd47bfd1f57fc32f6b36f8', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '817d7478cee752587deff83d00fff695b6b01a6d' }, "1"))), h("gb-pagination-button-group-base", { key: '475aeedb177e50278fbfc248ca116d2e0703bfa8', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '2fe497d30d6c25d78371616ff1b73d147ffe78ec' }, "2")), h("gb-pagination-button-group-base", { key: '333dd906b383cadf9d63def5e4ea1fc93f1e2d44', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '7e2be1af47fdfd234b67ce6f865b78dc75c38fc4' }, "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: 'ddea5ca906a9a793520603ccfd407862f9564c11', icon: "false" }, h("p", { key: 'd5996cb937fe07e7e6125ffa410f35068052c064' }, "...")), 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: '674a6e07184ff425cdf70856e9efd0ce020c9ecd', icon: "false", state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 2) }, h("p", { key: 'd8c67d5aa0318883bca45926832df669488c0db5' }, this.totalPages - 2)), h("gb-pagination-button-group-base", { key: '61caa1ff78be2ec500fbabbcb2cd2166654d2ee8', icon: "false", state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 1) }, h("p", { key: 'b64f3fb006a83f396abb5e616e248118be3a81c2' }, this.totalPages - 1)), h("gb-pagination-button-group-base", { key: 'f4b3d905c4bc3447e5c378df762a8b723bb12a80', icon: "false", state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages) }, h("p", { key: '4626c6c5cb0cf1be8c071b3eac3b968fcce4d473' }, this.totalPages)), h("gb-pagination-button-group-base", { key: '9ee1bda797943d8eebf8779f4c08a268656c564f', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: '9760619aa19eb6034f927cc866b7d6dfbae7a727' }, "Next"))), h("div", { key: 'dae3a81f9eb2f71425c86601bdd078e6cfdb0c94', class: "pagination_entries" }, h("div", { key: 'c9a9f255ceeca8314228b049c24972771f048f6a', class: "entries_text" }, h("p", { key: '092c1fc73bc8a6d07f62e8d37df71ac690eb981e', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '10e68664ea3a4dba1f129c452fb181ffcd4df54d', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '93de88d0737a177047a31c53fda1e0fefa4314f2', type: "default", state: 'default', size: "sm", "show-label": false, "show-hint-text": false, "show-supporting-text": false, "show-hep-icon": false, items: this.entries, "menu-position": "top", onDropdownItemSelected: this.handlePageSizeSelect.bind(this), value: this.defaultSelected }))))), this.type === 'card_button_group_center_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '4b392f6e8c582dc3495e464f3c33294025dc457b', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '475b315d2169cd87987619cb282f58f1c4c32b7b', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '51b28c4c2f663e8d1d65d007393aa6fcf4f4941d' }, "Previous")), h("div", { key: 'fb1b51970aad72127c645e04309c0636cf034990', class: "btn_group" }, h("gb-pagination-button-group-base", { key: '37e46d213173f1b0e3ad4b53cc96059982813dfb', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: 'ca64ce87df8d5490866e3b69c76a370abb7db210' }, "1"))), h("gb-pagination-button-group-base", { key: '7d960e1f14718ed4fb30103741e390992c152bc1', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: 'ff7f7daa29c2fd045985eaad44ba616898914694' }, "2")), h("gb-pagination-button-group-base", { key: '5a1ef359967fadf03a810d24150cd81cd76fae06', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: 'e4c55cb79dc6020e1082f421556f434e7783230f' }, "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: 'cdd6f99ab65aaf2403fa74f42778acdf5f8911a1', icon: "false" }, h("p", { key: 'd602d52d9e19b031a8aa28a4e92c7599cb09fc8e' }, "...")), 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: '962574b0df87bf9d90de638f17a107da76ca90de', icon: "false", state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 2) }, h("p", { key: '39ac820fab12056338005250d1d0d5b58caef9ed' }, this.totalPages - 2)), h("gb-pagination-button-group-base", { key: 'f822ea794f2ee5da5d132f97f6f7f265757f6541', icon: "false", state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 1) }, h("p", { key: '623a2d36de4b1de76cb5bf0f17f650c0f2e15e1b' }, this.totalPages - 1)), h("gb-pagination-button-group-base", { key: '41c3549865b2e980e2f6aba0eb14c1727ba2f83f', icon: "false", state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages) }, h("p", { key: '092cf92cdd32bd5da72112edd399826cb14c414d' }, this.totalPages)), h("gb-pagination-button-group-base", { key: 'e936adeb0b57b53d58a68c67b1978752d164fb7d', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: '3ffc162d5cfa69a5f8ff5ceb1a9f6ddf4b54fc63' }, "Next"))))), this.type === 'page_default' && this.breakpoint === 'mobile' && (h(Fragment, null, h("gb-button", { key: '2f3a7ba96c4368654abb039880b558a6dbc33c23', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: 'c1f8120816c1d310c4153d80af154598c6eb9a23', class: "page_number_text" }, h("p", { key: '9cfe60d535088216b29b73bde5c83248e25294c3', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: '6741a5bf98b55e4ecd8fa893049b93229594a2ee', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'page_minimal_center_aligned' && this.breakpoint === 'mobile' && (h(Fragment, null, h("gb-button", { key: '4c8b54b71834c45b5cbcbdae577a4449cceef46a', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: 'bafda8f04c598c114d8f49a2b45881e465ac4af4', class: "page_number_text" }, h("p", { key: '57235a1f2e5c1f3df8ce2dcdf46a6acea04b90c7', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: '126d3dec260881272c9f40f455095d28e1989fe5', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_default' && this.breakpoint === 'mobile' && (h(Fragment, null, h("gb-button", { key: 'e39112d8fa9f8cc50424b36cda756f98a4e75c6b', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: '3bccd51a9a9c1f4ca02b65e7cd08da8741c9fd77', class: "page_number_text" }, h("p", { key: 'a49a85440500b2ee3826446020307c243b2979b4', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: '191ba96287ee21064fc59c7245ad11ee67a3be18', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_minimal_right_aligned' && this.breakpoint === 'mobile' && (h(Fragment, null, h("gb-button", { key: 'aac00fc806ac093cb8c901333894a3d3f8a76f06', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: '802e1485a0224eff787a0a281d5039d9865f2f84', class: "page_number_text" }, h("p", { key: '7924c8fa1c66e93e7fa4315366bf1a7a4762c5b2', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: '7fad0cbcd1f02501295768a3d9e562115b0f280a', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_minimal_left_aligned' && this.breakpoint === 'mobile' && (h(Fragment, null, h("gb-button", { key: '737fb4bd53badcc1b2f7cff163d6c5baf18f1f4c', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: '30d84008ea9438647811c50d683ded8897acc2d2', class: "page_number_text" }, h("p", { key: '198682f788a62790b180b6f96bb4837377607652', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: '54c83187b43e7a1aff7624f4aedcfe0abc104622', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_minimal_center_aligned' && this.breakpoint === 'mobile' && (h(Fragment, null, h("gb-button", { key: '1d5185355574337277b744aca641e4545130bb65', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: '16bda7238c8b310555fe8368007a792afbb13c48', class: "page_number_text" }, h("p", { key: '1ed69c3b71fd635cfcb8a025d8f3abcbab333227', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: '52b9136375c28643f294a9f3571860559c646b69', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_button_group_right_aligned' && this.breakpoint === 'mobile' && (h("div", { key: '80ea78d1d36cefa7db3cb54513deb1fb73448468', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '60192ed47c129d9d8947ac7456db27f61e59bbea', icon: "only", "icon-src": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: '94999a7b6d820fa49ad4e2c29a1b35dcb5872892', class: "btn_group" }, h("gb-pagination-button-group-base", { key: '458327eb954c1531fc772d72a3b9f9afb0a04be3', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '9b7d8f78017855103ac95fdf4c12f4038308cfcb' }, "1"))), h("gb-pagination-button-group-base", { key: '140051c4fa84d1572064d0d5cadf316d360707dd', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: 'b6b431d4cfb8c45a3762131b6e8891db1e6f8fdb' }, "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: 'afc8442845880af1dff6d3888f9b6af83d06aa0f', icon: "false" }, h("p", { key: '48fcc8dd868c7a9dd95d604cf002aa5c43a0a64f' }, "...")), 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: 'cb5eabf364b67e4bbf5ae838e145cabcb8703dc1', icon: "false", state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 1) }, h("p", { key: '940b3bf4cf0a50dc9a071ea00465b37d3517e5c0' }, this.totalPages - 1)), h("gb-pagination-button-group-base", { key: '83666cccc2e3f4254c4593794e52aeec5969dee2', icon: "false", state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages) }, h("p", { key: 'bbf73bac5934d7ab65203c278dce89f5a250614f' }, this.totalPages)), h("gb-pagination-button-group-base", { key: '460b19496a9eae354ac9129e5bba809117541c11', icon: "only", "icon-src": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_button_group_left_aligned' && this.breakpoint === 'mobile' && (h("div", { key: 'ef5bdffe72720f1ad10ebcaa572c56a3b5da9509', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: 'dfc3713d0b6f0fdf7a587336cbc07a5ceb8e0617', icon: "only", "icon-src": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: 'fec74e50767f8d32804b50de9fa68b6a19c0a1a1', class: "btn_group" }, h("gb-pagination-button-group-base", { key: '5636898b96886f23964c23291b2798fed7c7e868', icon: "false", state: "active" }, h("p", { key: '512691f5686ee276cfab14789754d4b679273801' }, "1"))), h("gb-pagination-button-group-base", { key: 'ea94cb027f947465f531bac5b48218341ed235de', icon: "false" }, h("p", { key: 'd3bac9c7181aac1c33aee2792254a8e4d6ed8fa6' }, "2")), h("gb-pagination-button-group-base", { key: '0738e475601fc34ee976a6dd28bed69963135f56', icon: "false" }, h("p", { key: 'a9f13b61480ce9269878103a82ce4ca192f76d59' }, "...")), h("gb-pagination-button-group-base", { key: '7dc91fad97c1804266c114e067d74f5c5ff32203', icon: "false" }, h("p", { key: '60a8145e1e57879b0129404e485262de2c14c2dd' }, "9")), h("gb-pagination-button-group-base", { key: '0b986382114800533062d2049cf82372d2be5e7d', icon: "false" }, h("p", { key: 'dc0d8b20ac839d4b72e8d8abd57db21ff64611a5' }, "10")), h("gb-pagination-button-group-base", { key: '86ab1d6d92bde6cc1dfb61fe5228211ee6578bb0', icon: "only", "icon-src": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_button_group_center_aligned' && this.breakpoint === 'mobile' && (h("div", { key: 'f534a97b03d3f8d8c84932aa4e5855dcf504cec9', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: 'a696fa6b0eb8ee7255b45535fb6b5584436a8343', icon: "only", "icon-src": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: '8469ec58cbd06c07a9a0092686dab5d8b5ce80fc', class: "btn_group" }, h("gb-pagination-button-group-base", { key: 'de6368a5b9c7e0953bfef6a513a12acbd712f188', icon: "false", state: "active" }, h("p", { key: '5f922ce3bf8643934332ae42ab7de5aee4298178' }, "1"))), h("gb-pagination-button-group-base", { key: '082470c90aec77688321b4268304eea9b64019ce', icon: "false" }, h("p", { key: '5cfa96d16b3beddf6e57e1b072496edbf47d12dd' }, "2")), h("gb-pagination-button-group-base", { key: '9ca6b5ff927c76fd30a651fac2b44b5b291434c2', icon: "false" }, h("p", { key: 'c9ac4bfc7a3614283a68174f64dc82a883d66abc' }, "...")), h("gb-pagination-button-group-base", { key: '171acc1d7a48c56154c0c7d63f1f673474c87b58', icon: "false" }, h("p", { key: '025126516c520a255846d5a26f1d9adf5ff61548' }, "9")), h("gb-pagination-button-group-base", { key: '72a0895144b745ea839f009c132589d3d7f2b44c', icon: "false" }, h("p", { key: 'd0a4e552e5c3a1999c2ff9fa625741d6356efe91' }, "10")), h("gb-pagination-button-group-base", { key: '9ee7fd9b0171b2d128bf6108a550bd079bb01774', 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 CHANGED Viewed

@@ -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: '39fe9a2f8f5ed18a045bb5ab5ffd9c8fd2d0d63f', class: `button_base_div ${this.icon} ${this.state}` }, this.icon === 'false' && h("slot", { key: 'f8b9a0e1babfcbaba38997f3c584ef08ecb9d356' }), this.icon === 'leading' && (h(Fragment, null, h("svg", { key: '96b74f3aab3fe972229f8430da7dcf633b77fb50', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: '1610772bbfd876ca76111e4d8a2bd29ff2e59ba5', d: "M3.33325 9.99981H16.6666M3.33325 9.99981C3.33326 11.0978 7.49975 14.1667 7.49975 14.1667M3.33325 9.99981C3.33324 8.90182 7.49978 5.83334 7.49978 5.83334", stroke: "#4B5565", "stroke-width": "1.67", "stroke-linecap": "round", "stroke-linejoin": "round" })), h("slot", { key: '5d6402acfc2aeb82dcf3ffa0734ab90b14ae6d5d' }))), this.icon === 'trailing' && (h(Fragment, null, h("slot", { key: 'c60c31d830d03219c075ae8031d46b197f8671a2' }), h("svg", { key: 'ff099027abde8a276913b3ce1833a2e185876f50', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: '6a4b892feb86462186cf75a7c4ecfecdfb67e1d8', d: "M16.6668 9.99984H3.3335M16.6668 9.99984C16.6668 11.0978 12.5003 14.1667 12.5003 14.1667M16.6668 9.99984C16.6669 8.90185 12.5002 5.83337 12.5002 5.83337", stroke: "#4B5565", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })))), this.icon === 'only' && (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 CHANGED Viewed

@@ -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: '2898e3106089e584311e16457b6bfe209a8f66ef', class: "dot_group_div" }, h("div", { key: '0277b88ea306ed167e06d628b25b8137aa8e6f38' })));
     }
     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 CHANGED Viewed

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

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

@@ -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: 'c26a0e04e2b0801fecdfcb6977bd70af91c952c1', class: `page_number_base ${this.shape} ${this.state}` }, h("slot", { key: 'f9c2bf598ed574b9efdcc0338a54a00f4d93fe71', 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 CHANGED Viewed

@@ -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: 'bf82c82254634a3c8821c7e15d517428a096206d' }, h("gb-btn", { key: '392e036ae72721c00e2e18a784c707547d359c8f', 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 CHANGED Viewed

@@ -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: 'd31f8aa1b072e8c8dcc86fb26097336f6a156c62', class: `progress_bar_container ${this.labelPosition}` }, h("div", { key: 'f230c262a9e85eaeec4ff901865dc0d6dca4e6b4', class: "progress_bar" }, h("div", { key: '63a08eedbabe5954d2e422cc70615c7b046f034f', class: "progress_fill", style: { width: `${progressValue}%` } })), h(Fragment, null, this.showLabel && (h("div", { key: 'd2b3f180e67496b6bd7b445b3770a8373c14fa0a', class: `label ${this.labelPosition}` }, this.labelPosition === 'right' && h("span", { key: '56355c8d478f7698c9a0af601880191d1ccb4b32', class: `text-sm-medium` }, progressValue, "%"), this.labelPosition === 'bottom' && h("span", { key: '32525bb25670a29fe551fce45a3520173b139f11', class: `text-sm-medium` }, progressValue, "%"), this.labelPosition === 'top_floating' && (h("gb-tooltip", { key: 'ff28db3d32affe51676d06df64ddf350bbd0b704', class: `top_tooltip`, arrow: "none", style: { marginLeft: `${(progressValue - 6.5).toString()}%` } }, h("p", { key: '526c08d39076c6916b2f77993ac7c2737dfbd4ba', slot: "main_text", class: "text-xs-semi-bold" }, progressValue, "%"))), this.labelPosition === 'bottom_floating' && (h("gb-tooltip", { key: 'd169041200fde2dc7c03ade6f278302143d6c867', class: `bottom_tooltip`, arrow: "none", style: { marginLeft: `${(progressValue - 59.5).toString()}%` } }, h("p", { key: '0d98c751c7fb6b569b0c3b38f8db90bd33d8efd7', 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 CHANGED Viewed

@@ -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: '9164f5c3a9689c7341ffa8ed8f33d80730dd2532', class: "gauge" }, h("div", { key: 'a54f3a79cb4db035cdd10eabd6a1b806b428ba5c', class: "arc", ref: el => (this.arcElement = el) }), h("div", { key: '8a2b8514a1226f97e9196ea16ab6591349d5032c', class: "mask" }), this.label && (h("div", { key: 'd37c350330ff37e645b9a83feb374a48e29796de', class: "label", ref: el => (this.labelElement = el) }, h("p", { key: '0e8a0473707cdd3df6464a44fcbaaa2b18d6befc', class: "display-lg-semi-bold" }, `${this.progress}%`)))));
     }
     static get is() { return "gb-progress-circle"; }
     static get encapsulation() { return "shadow"; }