npm - globuswebcomponents - Versions diffs - 1.4.7 → 1.4.9 - Mend

globuswebcomponents 1.4.7 → 1.4.9

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 (616) hide show

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

@@ -305,16 +305,16 @@ const GbInputDropdown = class {
         const emptyStateBackground = index.getAssetPath('assets/empty-state-background.svg');
         const illustration = index.getAssetPath('assets/empty-state-no-data.svg');
         return [
-            index.h("div", { key: '059e7e2628bceec8110b5442190bb29999c3e784', class: `input_dropdown_container ${this.type === 'tags' ? 'tag' : ''}` }, index.h("div", { key: '58ecc3f56bbce1fd2c3cd8ad8f59a829b49435ff', class: `input_with_label` }, this.showLabel && (index.h("p", { key: '8ef2891dd6607b5547bb0424baebeb21d2356617', class: "text-sm-regular", style: { color: '#4B5565' } }, this.label.charAt(0).toUpperCase() + this.label.slice(1).toLowerCase())), index.h("div", { key: '22550d47ef6b882754cf46fcf55a51fcca6a5ca1', class: `input_dropdown_div ${this.size} ${this.state} ${this.destructive ? 'destructive' : ''} ${this.type === 'tags' ? 'tag' : ''} ${this.dropdownOpen ? 'focused' : ''}`, onClick: e => this.toggleDropdown(e) }, this.type === 'icon_leading' && (index.h("svg", { key: 'd7d501f8e4ef63a378635d44c8b59437502d40ce', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, index.h("path", { key: '0cf4d7c7808c3433ed37e0b55056567b65c988ed', d: "M5.48131 12.9013C4.30234 13.6033 1.21114 15.0368 3.09388 16.8305C4.01359 17.7067 5.03791 18.3333 6.32572 18.3333H13.6743C14.9621 18.3333 15.9864 17.7067 16.9061 16.8305C18.7889 15.0368 15.6977 13.6033 14.5187 12.9013C11.754 11.2551 8.24599 11.2551 5.48131 12.9013Z", stroke: "#697586", "stroke-width": "1.66667" }), index.h("path", { key: '029e618c41b3ca006000115b8d7926c3ef3f1867', d: "M13.75 5.41667C13.75 7.48774 12.0711 9.16667 10 9.16667C7.92893 9.16667 6.25 7.48774 6.25 5.41667C6.25 3.3456 7.92893 1.66667 10 1.66667C12.0711 1.66667 13.75 3.3456 13.75 5.41667Z", stroke: "#697586", "stroke-width": "1.66667" }))), this.type === 'avatar_leading' && (index.h(index.Fragment, null, this.state === 'default' && (index.h("svg", { key: '33edc250f8449097a12b8e9e0c247e18e69f54ce', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, index.h("path", { key: 'c39734b1a0aa9ceb044999dfe338f7fc07c4a4c2', d: "M5.48131 12.9013C4.30234 13.6033 1.21114 15.0368 3.09388 16.8305C4.01359 17.7067 5.03791 18.3333 6.32572 18.3333H13.6743C14.9621 18.3333 15.9864 17.7067 16.9061 16.8305C18.7889 15.0368 15.6977 13.6033 14.5187 12.9013C11.754 11.2551 8.24599 11.2551 5.48131 12.9013Z", stroke: "#4B5565", "stroke-width": "1.66667" }), index.h("path", { key: 'c9bd53228b723881e9bd54ea834fd1e3e16874e9', d: "M13.75 5.41666C13.75 7.48772 12.0711 9.16666 10 9.16666C7.92893 9.16666 6.25 7.48772 6.25 5.41666C6.25 3.34559 7.92893 1.66666 10 1.66666C12.0711 1.66666 13.75 3.34559 13.75 5.41666Z", stroke: "#4B5565", "stroke-width": "1.66667" }))), this.state === 'filled' && (index.h("gb-avatar", { key: '6547cdf7c0fa8291e36c5ecd3fd23883070a556e', size: "xs", text: this.text, color: this.color, "show-border": this.showBorder }, this.selectedItems.map(item => (index.h(index.Fragment, null, typeof item === 'object' ? (index.h("h1", { slot: "initials" }, item.name.split(' ').map(part => part.charAt(0).toUpperCase()))) : (index.h("h1", { slot: "initials" }, item.split(' ').map(part => part.charAt(0).toUpperCase())))))))))), this.showLeadingIcon && index.h(index.Fragment, null, this.type === 'search' || this.type === 'tags' ? index.h("div", { class: `icon`, innerHTML: this.leadingIconSvg }) : null), this.type === 'dot_leading' && (index.h("svg", { key: 'b55e0dd860213713424ae5c67d22b5bb070ab4a8', xmlns: "http://www.w3.org/2000/svg", width: "10", height: "10", viewBox: "0 0 10 10", fill: "none", class: `dot ${this.size}` }, index.h("circle", { key: 'dd51cc02988f3522be71f0da6434f4d89bde5bb5', cx: "5", cy: "5", r: "4", fill: "#079455" }))), index.h(index.Fragment, null, this.state === 'default' && (index.h(index.Fragment, null, this.placeholder && (index.h("div", { key: '3c51785f5890b0478667484324cf86926499931d', class: "placeholder" }, index.h("p", { key: '2259d8b1089e9ee4ee3536ccc609eaf3d24e1d9e', class: "text-md-regular", style: { color: '#CDD5DF' } }, this.placeholder))))), this.state === 'filled' && (index.h(index.Fragment, null, index.h("div", { key: '0f07bfd412cb8e2a5670ddaf6c319ea4166eee7c', class: `content` }, index.h("div", { key: '57529f05f6615e5f4b9c9cbff57070befe6488ec', class: `text text-md-regular ${this.type === 'tags' ? 'tag' : ''}`, style: { color: '#4B5565' } }, this.type === 'tags' ? (index.h(index.Fragment, null, this.value.length === 0 ? (index.h(index.Fragment, null, this.selectedItems.map((item, index$1) => typeof item === 'object' ? (index.h("div", { class: "added_tag", key: index$1 }, index.h("gb-tag", { size: "sm", icon: this.icon ? this.icon : 'avatar', action: "X_close", onClick: () => this.handleTagRemove(item) }, index.h("p", { class: "text-xs-medium" }, item.name.split(' ')[0]), index.h("h1", { slot: "initials", class: "text-xxs-semi-bold" }, item.name
+            index.h("div", { key: '51fc443899e631c5445366b87a50e7191ce07867', class: `input_dropdown_container ${this.type === 'tags' ? 'tag' : ''}` }, index.h("div", { key: 'e56cc539da7fb4b1b96b9a3fcb29abbddd363d09', class: `input_with_label` }, this.showLabel && (index.h("p", { key: '6cdefec130d0292738bc83679d37e99a0b6d4d5e', class: "text-sm-regular", style: { color: '#4B5565' } }, this.label.charAt(0).toUpperCase() + this.label.slice(1).toLowerCase())), index.h("div", { key: 'ee2a39558c1d910fa5084e50fbc3e8d4802eaf83', class: `input_dropdown_div ${this.size} ${this.state} ${this.destructive ? 'destructive' : ''} ${this.type === 'tags' ? 'tag' : ''} ${this.dropdownOpen ? 'focused' : ''}`, onClick: e => this.toggleDropdown(e) }, this.type === 'icon_leading' && (index.h("svg", { key: 'f36414b7751be9a57b5c1644f86c71d1ac59a621', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, index.h("path", { key: '850a51e3f7fc76a73e07d17d67de0426e7c3f9d8', d: "M5.48131 12.9013C4.30234 13.6033 1.21114 15.0368 3.09388 16.8305C4.01359 17.7067 5.03791 18.3333 6.32572 18.3333H13.6743C14.9621 18.3333 15.9864 17.7067 16.9061 16.8305C18.7889 15.0368 15.6977 13.6033 14.5187 12.9013C11.754 11.2551 8.24599 11.2551 5.48131 12.9013Z", stroke: "#697586", "stroke-width": "1.66667" }), index.h("path", { key: '31d1b74d536ffbc70ae296cde65603a2ba2fc3e2', d: "M13.75 5.41667C13.75 7.48774 12.0711 9.16667 10 9.16667C7.92893 9.16667 6.25 7.48774 6.25 5.41667C6.25 3.3456 7.92893 1.66667 10 1.66667C12.0711 1.66667 13.75 3.3456 13.75 5.41667Z", stroke: "#697586", "stroke-width": "1.66667" }))), this.type === 'avatar_leading' && (index.h(index.Fragment, null, this.state === 'default' && (index.h("svg", { key: 'ac6f62d87a34a415214dc0dd18bb67ca628e6359', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, index.h("path", { key: 'd9407c54a52b3b2dd9d7a9b4ed55faa925a0250b', d: "M5.48131 12.9013C4.30234 13.6033 1.21114 15.0368 3.09388 16.8305C4.01359 17.7067 5.03791 18.3333 6.32572 18.3333H13.6743C14.9621 18.3333 15.9864 17.7067 16.9061 16.8305C18.7889 15.0368 15.6977 13.6033 14.5187 12.9013C11.754 11.2551 8.24599 11.2551 5.48131 12.9013Z", stroke: "#4B5565", "stroke-width": "1.66667" }), index.h("path", { key: '90a70dd8f6428efbbacbef3162b0b3ea52a8ad79', d: "M13.75 5.41666C13.75 7.48772 12.0711 9.16666 10 9.16666C7.92893 9.16666 6.25 7.48772 6.25 5.41666C6.25 3.34559 7.92893 1.66666 10 1.66666C12.0711 1.66666 13.75 3.34559 13.75 5.41666Z", stroke: "#4B5565", "stroke-width": "1.66667" }))), this.state === 'filled' && (index.h("gb-avatar", { key: '345ec5abccc0d695dfa88056dc457216835a754f', size: "xs", text: this.text, color: this.color, "show-border": this.showBorder }, this.selectedItems.map(item => (index.h(index.Fragment, null, typeof item === 'object' ? (index.h("h1", { slot: "initials" }, item.name.split(' ').map(part => part.charAt(0).toUpperCase()))) : (index.h("h1", { slot: "initials" }, item.split(' ').map(part => part.charAt(0).toUpperCase())))))))))), this.showLeadingIcon && index.h(index.Fragment, null, this.type === 'search' || this.type === 'tags' ? index.h("div", { class: `icon`, innerHTML: this.leadingIconSvg }) : null), this.type === 'dot_leading' && (index.h("svg", { key: '5aa87f8e241b3d170b86dffc74922021342a4786', xmlns: "http://www.w3.org/2000/svg", width: "10", height: "10", viewBox: "0 0 10 10", fill: "none", class: `dot ${this.size}` }, index.h("circle", { key: 'baef24987c18c6ee5549dbb52098262ab78d9c07', cx: "5", cy: "5", r: "4", fill: "#079455" }))), index.h(index.Fragment, null, this.state === 'default' && (index.h(index.Fragment, null, this.placeholder && (index.h("div", { key: 'fb73f592ebafc2f0f204e9f2fc531821e3e41895', class: "placeholder" }, index.h("p", { key: '841ab442b62c22a2b62643855e6ec61cb8d84da3', class: "text-md-regular", style: { color: '#CDD5DF' } }, this.placeholder))))), this.state === 'filled' && (index.h(index.Fragment, null, index.h("div", { key: '0a2be926be834ff7f34cc0892571ebc87e92d0bd', class: `content` }, index.h("div", { key: 'edac60a3b953f79d107295284c1218c04c9ef85e', class: `text text-md-regular ${this.type === 'tags' ? 'tag' : ''}`, style: { color: '#4B5565' } }, this.type === 'tags' ? (index.h(index.Fragment, null, this.value.length === 0 ? (index.h(index.Fragment, null, this.selectedItems.map((item, index$1) => typeof item === 'object' ? (index.h("div", { class: "added_tag", key: index$1 }, index.h("gb-tag", { size: "sm", icon: this.icon ? this.icon : 'avatar', action: "X_close", onClick: () => this.handleTagRemove(item) }, index.h("p", { class: "text-xs-medium" }, item.name.split(' ')[0]), index.h("h1", { slot: "initials", class: "text-xxs-semi-bold" }, item.name
                 .split(' ')
                 .map(part => part.charAt(0).toUpperCase())
                 .join(''))))) : (index.h("div", { class: "added_tag", key: index$1 }, index.h("gb-tag", { size: "sm", icon: this.icon ? this.icon : 'avatar', action: "X_close", onClick: () => this.handleTagRemove(item) }, index.h("p", { class: "text-xs-medium" }, item))))))) : (index.h(index.Fragment, null, this.value.map((item, index$1) => typeof item === 'object' ? (index.h("div", { class: "added_tag", key: index$1 }, index.h("gb-tag", { size: "sm", icon: this.icon ? this.icon : 'avatar', action: "X_close", onClick: () => this.handleTagRemove(item) }, index.h("p", { class: "text-xs-medium" }, item.name.split(' ')[0]), index.h("h1", { slot: "initials", class: "text-xxs-semi-bold" }, item.name
                 .split(' ')
                 .map(part => part.charAt(0).toUpperCase())
-                .join(''))))) : (index.h("div", { class: "added_tag", key: index$1 }, index.h("gb-tag", { size: "sm", icon: this.icon ? this.icon : 'avatar', action: "X_close", onClick: () => this.handleTagRemove(item) }, index.h("p", { class: "text-xs-medium" }, item))))))))) : (index.h("p", { class: "selected_text" }, this.value.length === 0 ? ((_a = this.selectedItem) === null || _a === void 0 ? void 0 : _a.name) || this.selectedItem : index.h(index.Fragment, null, this.value.map(item => (typeof item === 'object' ? item.name : item)))))), this.supportingText && (index.h("div", { key: 'f95483112283080a9d32c48c14b2e4a0582286da', class: "supporting_text text-sm-regular", style: { color: '#697586' } }, this.type !== 'tags' && (index.h(index.Fragment, null, this.value.length === 0 ? index.h(index.Fragment, null, this.selectedItem.username) : index.h(index.Fragment, null, this.value.map(item => typeof item === 'object' && item.username))))))))), this.state === 'disabled' && (index.h(index.Fragment, null, index.h("div", { key: '3351a7814b6015afe68f9a25e6386697bdfcf6c7', class: `content` }, index.h("div", { key: '9ddc406ec7b1b796fab2ec9957d47a88de229aee', class: `text text-md-regular ${this.type === 'tags' ? 'tag' : ''}`, style: { color: '#4B5565' } }, this.type === 'tags' ? (index.h(index.Fragment, null, this.value.map((item, index$1) => typeof item === 'object' ? (index.h("div", { class: "added_tag", key: index$1 }, index.h("gb-tag", { size: "sm", icon: this.icon ? this.icon : 'avatar', action: "X_close" }, index.h("p", { class: "text-xs-medium" }, item.name.split(' ')[0]), index.h("h1", { slot: "initials", class: "text-xxs-semi-bold" }, item.name
+                .join(''))))) : (index.h("div", { class: "added_tag", key: index$1 }, index.h("gb-tag", { size: "sm", icon: this.icon ? this.icon : 'avatar', action: "X_close", onClick: () => this.handleTagRemove(item) }, index.h("p", { class: "text-xs-medium" }, item))))))))) : (index.h("p", { class: "selected_text" }, this.value.length === 0 ? ((_a = this.selectedItem) === null || _a === void 0 ? void 0 : _a.name) || this.selectedItem : index.h(index.Fragment, null, this.value.map(item => (typeof item === 'object' ? item.name : item)))))), this.supportingText && (index.h("div", { key: '005c6b7d75622ebd1fd841a1478a346b13350ea4', class: "supporting_text text-sm-regular", style: { color: '#697586' } }, this.type !== 'tags' && (index.h(index.Fragment, null, this.value.length === 0 ? index.h(index.Fragment, null, this.selectedItem.username) : index.h(index.Fragment, null, this.value.map(item => typeof item === 'object' && item.username))))))))), this.state === 'disabled' && (index.h(index.Fragment, null, index.h("div", { key: 'ea37495aea076a156359fb54fc31640a9ed8c10b', class: `content` }, index.h("div", { key: '770a68ccd03aabc45bc2a36d473680edd9d3dc38', class: `text text-md-regular ${this.type === 'tags' ? 'tag' : ''}`, style: { color: '#4B5565' } }, this.type === 'tags' ? (index.h(index.Fragment, null, this.value.map((item, index$1) => typeof item === 'object' ? (index.h("div", { class: "added_tag", key: index$1 }, index.h("gb-tag", { size: "sm", icon: this.icon ? this.icon : 'avatar', action: "X_close" }, index.h("p", { class: "text-xs-medium" }, item.name.split(' ')[0]), index.h("h1", { slot: "initials", class: "text-xxs-semi-bold" }, item.name
                 .split(' ')
                 .map(part => part.charAt(0).toUpperCase())
-                .join(''))))) : (index.h("div", { class: "added_tag", key: index$1 }, index.h("gb-tag", { size: "sm", icon: this.icon ? this.icon : 'avatar', action: "X_close" }, index.h("p", { class: "text-xs-medium" }, item))))))) : (index.h(index.Fragment, null, index.h(index.Fragment, null, this.value.map(item => (typeof item === 'object' ? item.name : item)))))), this.supportingText && (index.h("div", { key: 'c02987c07ada1948ed5750d391d1685474f2d88a', class: "supporting_text text-sm-regular", style: { color: '#697586' } }, this.type !== 'tags' && (index.h(index.Fragment, null, this.value.length === 0 ? index.h(index.Fragment, null, this.selectedItem.username) : index.h(index.Fragment, null, this.value.map(item => typeof item === 'object' && index.h(index.Fragment, null, item.username))))))))))), this.showHelpIcon && (index.h("div", { key: '206679f2d516302231d6c28adbcdcf5764c287d1', class: `help_icon` }, index.h("gb-help-tooltip", { key: '81c40dd00d91b5f753d4f8d759735bd63619d73f', "show-supporting-text": true }, index.h("slot", { key: '42e573985167001da53f30c69eecc2e4cb318db1', name: "tooltip_label", slot: "label" }), index.h("slot", { key: 'ed062e9b80cd9e50252e1f2dfb07ff5f638fb770', name: "tooltip_supporting_text", slot: "supporting_text" })))), this.type !== 'search' && (index.h("div", { key: '90cce3d79e4c845bb02b4f76682543a7fb908604', class: `dropdown_icon ${this.dropdownOpen ? 'opened' : ''}` }, index.h("svg", { key: 'c0befcee8ea9a67e45f9ea97c9be88afe7f86ee0', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", class: `${this.state}` }, index.h("path", { key: '334555f0617c97368bf9b525fc344031cca1bdc9', d: "M15 7.50004C15 7.50004 11.3176 12.5 9.99996 12.5C8.68237 12.5 5 7.5 5 7.5", stroke: "#697586", "stroke-width": "1.66667", "stroke-linecap": "round", "stroke-linejoin": "round" })))), index.h(index.Fragment, null, this.dropdownOpen && (index.h("div", { key: '386f11a618912c3f110301ab733e062953dbd6cc', class: `dropdown_menu ${this.menuPosition}`, ref: el => (this.dropdownRef = el), onClick: e => e.stopPropagation() }, this.showSearchInput && (index.h("div", { key: '74ff35c6270c5e03b4f9e88870522e2ec7737d6d', class: "dropdown_search_field" }, index.h("gb-input-field", { key: '087c3038675c5e845e9b211585df598f20b319da', size: "sm", value: this.inputValue, "show-close-button": this.inputValue ? true : false, "icon-swap": "assets/search-01.svg", placeholder: "Search banks", type: "icon_leading", labelText: "label", idOfInput: "3", onInputValueChanged: this.searchItems.bind(this) }))), this.searchItem ? (index.h(index.Fragment, null, this.searchItem !== '' && this.searchResults.length > 0 ? (index.h(index.Fragment, null, this.searchResults.map(item => (index.h("gb-input-dropdown-menu-item", { type: this.type === 'search' ? 'checkbox' : this.type === 'tags' ? 'checkbox' : this.type, state: reusableModels.StateEnum.Default, "supporting-text": this.supportingText, selected: this.isItemSelected(item), onClick: () => this.handleItemSelect(item) }, typeof item === 'object' ? (index.h(index.Fragment, null, index.h("p", { slot: "name" }, item.name), index.h("p", { slot: "supporting_text" }, item.username))) : (index.h("p", { slot: "name" }, item))))))) : this.searchItem !== '' && this.searchResults.length === 0 ? (
+                .join(''))))) : (index.h("div", { class: "added_tag", key: index$1 }, index.h("gb-tag", { size: "sm", icon: this.icon ? this.icon : 'avatar', action: "X_close" }, index.h("p", { class: "text-xs-medium" }, item))))))) : (index.h(index.Fragment, null, index.h(index.Fragment, null, this.value.map(item => (typeof item === 'object' ? item.name : item)))))), this.supportingText && (index.h("div", { key: '509af699b5819654b5701e27f558e47f0e5535d8', class: "supporting_text text-sm-regular", style: { color: '#697586' } }, this.type !== 'tags' && (index.h(index.Fragment, null, this.value.length === 0 ? index.h(index.Fragment, null, this.selectedItem.username) : index.h(index.Fragment, null, this.value.map(item => typeof item === 'object' && index.h(index.Fragment, null, item.username))))))))))), this.showHelpIcon && (index.h("div", { key: 'e5b580f196bddde1c305520bc38674e651a0bf78', class: `help_icon` }, index.h("gb-help-tooltip", { key: '169ba2f2df8adcffd8724e0863244ab8def20808', "show-supporting-text": true }, index.h("slot", { key: '2873e2ccbc7e0dc17833d032bf9086fa437f6f9e', name: "tooltip_label", slot: "label" }), index.h("slot", { key: '589ae1850875ccff43c3aa40c2a3d3eaf7bddae3', name: "tooltip_supporting_text", slot: "supporting_text" })))), this.type !== 'search' && (index.h("div", { key: '635ac3944deda470675099629808c839d99b51c4', class: `dropdown_icon ${this.dropdownOpen ? 'opened' : ''}` }, index.h("svg", { key: '3f0eed6532b75111c65f5e431f46f17c96367977', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", class: `${this.state}` }, index.h("path", { key: 'c0df045840ddd8e1b0cd12878e3a9714eda96fbc', d: "M15 7.50004C15 7.50004 11.3176 12.5 9.99996 12.5C8.68237 12.5 5 7.5 5 7.5", stroke: "#697586", "stroke-width": "1.66667", "stroke-linecap": "round", "stroke-linejoin": "round" })))), index.h(index.Fragment, null, this.dropdownOpen && (index.h("div", { key: '68dcf933aaf3fd80af70479ec240acf549f05986', class: `dropdown_menu ${this.menuPosition}`, ref: el => (this.dropdownRef = el), onClick: e => e.stopPropagation() }, this.showSearchInput && (index.h("div", { key: '3141025bfebca8b407670fd02ce9f2815c0b4a93', class: "dropdown_search_field" }, index.h("gb-input-field", { key: '62df9f616996d7822c3fa32152f33b61a8373afa', size: "sm", value: this.inputValue, "show-close-button": this.inputValue ? true : false, "icon-swap": "assets/search-01.svg", placeholder: "Search banks", type: "icon_leading", labelText: "label", idOfInput: "3", onInputValueChanged: this.searchItems.bind(this) }))), this.searchItem ? (index.h(index.Fragment, null, this.searchItem !== '' && this.searchResults.length > 0 ? (index.h(index.Fragment, null, this.searchResults.map(item => (index.h("gb-input-dropdown-menu-item", { type: this.type === 'search' ? 'checkbox' : this.type === 'tags' ? 'checkbox' : this.type, state: reusableModels.StateEnum.Default, "supporting-text": this.supportingText, selected: this.isItemSelected(item), onClick: () => this.handleItemSelect(item) }, typeof item === 'object' ? (index.h(index.Fragment, null, index.h("p", { slot: "name" }, item.name), index.h("p", { slot: "supporting_text" }, item.username))) : (index.h("p", { slot: "name" }, item))))))) : this.searchItem !== '' && this.searchResults.length === 0 ? (
             //Empty state for when there are no search results
             index.h("div", { class: "empty_state" }, index.h("img", { src: emptyStateBackground, class: "background", alt: "" }), index.h("div", { class: "message_background" }, index.h("img", { src: illustration, alt: "", class: "illustration" }), index.h("p", { class: "message text-md-semi-bold" }, "No results available")))) : null)) : (index.h(index.Fragment, null, this.type === 'tags' ? (index.h(index.Fragment, null, this.selectedItems.map(item => (index.h("gb-input-dropdown-menu-item", { type: this.type === 'search' ? 'checkbox' : this.type === 'tags' ? 'checkbox' : this.type, state: reusableModels.StateEnum.Default, "supporting-text": this.supportingText, selected: true, onClick: () => this.handleItemSelect(item) }, typeof item === 'object' ? (index.h(index.Fragment, null, index.h("p", { slot: "name" }, item.name), index.h("p", { slot: "supporting_text" }, item.username), index.h("h1", { slot: "initials" }, item.name.split(' ').map(part => part.charAt(0).toUpperCase())))) : (index.h(index.Fragment, null, index.h("p", { slot: "name" }, item), index.h("h1", { slot: "initials" }, item.split(' ').map(part => part.charAt(0).toUpperCase()))))))), this.unselectedItems.map(item => (index.h("gb-input-dropdown-menu-item", { type: this.type === 'search' ? 'checkbox' : this.type === 'tags' ? 'checkbox' : this.type, state: reusableModels.StateEnum.Default, "supporting-text": this.supportingText, selected: false, onClick: () => this.handleItemSelect(item) }, typeof item === 'object' ? (index.h(index.Fragment, null, index.h("p", { slot: "name" }, item.name), index.h("p", { slot: "supporting_text" }, item.username))) : (index.h("p", { slot: "name" }, item))))))) : (index.h(index.Fragment, null, this.items.map(item => (index.h("gb-input-dropdown-menu-item", { type: this.type === 'search' ? 'checkbox' : this.type === 'tags' ? 'checkbox' : this.type, state: reusableModels.StateEnum.Default, "supporting-text": this.supportingText, selected: this.isItemSelected(item), color: this.color, onClick: () => this.handleItemSelect(item) }, typeof item === 'object' ? (index.h(index.Fragment, null, index.h("p", { slot: "name" }, item.name), index.h("h1", { slot: "initials" }, item.name.split(' ').map(part => part.charAt(0).toUpperCase())), index.h("p", { slot: "supporting_text" }, item.username))) : (typeof item !== 'object' && (index.h(index.Fragment, null, index.h("p", { slot: "name" }, item), index.h("h1", { slot: "initials" }, item)))))))))))))))), this.showHintText && index.h(index.Fragment, null, !this.destructive ? index.h("p", { class: "hint_text text-sm-regular" }, this.hintText) : index.h("p", { class: "error_text text-sm-regular" }, this.errorText))),
         ];
@@ -350,7 +350,7 @@ const GbPaginationButtonGroupBase = class {
         this.leadingIconSvg = svg;
     }
     render() {
-        return (index.h("div", { key: '9f078001fabcce027e898487b98cbf46f42ec969', class: `button_base_div ${this.icon} ${this.state}` }, this.icon === 'false' && index.h("slot", { key: 'a289613106dfcd6ed2f9c822e351e9138867fd99' }), this.icon === 'leading' && (index.h(index.Fragment, null, index.h("svg", { key: 'beee8a77f01f55c1827362fcf434acdd77ae5524', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, index.h("path", { key: 'ccbeff565f7b7c0ed36055268270c2a8f3e964f2', d: "M3.33325 9.99981H16.6666M3.33325 9.99981C3.33326 11.0978 7.49975 14.1667 7.49975 14.1667M3.33325 9.99981C3.33324 8.90182 7.49978 5.83334 7.49978 5.83334", stroke: "#4B5565", "stroke-width": "1.67", "stroke-linecap": "round", "stroke-linejoin": "round" })), index.h("slot", { key: 'fb03616c55be0d7fa2ec90a581764e391000c65b' }))), this.icon === 'trailing' && (index.h(index.Fragment, null, index.h("slot", { key: '487c4e6064e2671341d18095bc5ba99bc8fdc83c' }), index.h("svg", { key: '3ebe8574707f009e07cd8826852f765db13b66f0', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, index.h("path", { key: '85f855662f4c77aa024b4b0b5b89d456c5c756e7', d: "M16.6668 9.99984H3.3335M16.6668 9.99984C16.6668 11.0978 12.5003 14.1667 12.5003 14.1667M16.6668 9.99984C16.6669 8.90185 12.5002 5.83337 12.5002 5.83337", stroke: "#4B5565", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })))), this.icon === 'only' && (index.h(index.Fragment, null))));
+        return (index.h("div", { key: 'f4ee45ad208fe746bb9772b5e736eea32ab54b68', class: `button_base_div ${this.icon} ${this.state}` }, this.icon === 'false' && index.h("slot", { key: 'd88bff124d5573e03d283a72011c4eed2e6fecef' }), this.icon === 'leading' && (index.h(index.Fragment, null, index.h("svg", { key: '5e508fb70ca1d8f083b9da52ff857887631cf600', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, index.h("path", { key: 'a0bbb8bb36a03429f4fde832ee57f2394108dce2', d: "M3.33325 9.99981H16.6666M3.33325 9.99981C3.33326 11.0978 7.49975 14.1667 7.49975 14.1667M3.33325 9.99981C3.33324 8.90182 7.49978 5.83334 7.49978 5.83334", stroke: "#4B5565", "stroke-width": "1.67", "stroke-linecap": "round", "stroke-linejoin": "round" })), index.h("slot", { key: 'fd82d818238db279bb5371528e8cdb2b103c5eb6' }))), this.icon === 'trailing' && (index.h(index.Fragment, null, index.h("slot", { key: '4168780308802abff01cabc128d442a1b1c0c248' }), index.h("svg", { key: '941fcf3a97a181cbf7ae34108d3736c52e1c0f53', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, index.h("path", { key: 'db95a435b148f731dafd744076e93a0dd7d26c0a', d: "M16.6668 9.99984H3.3335M16.6668 9.99984C16.6668 11.0978 12.5003 14.1667 12.5003 14.1667M16.6668 9.99984C16.6669 8.90185 12.5002 5.83337 12.5002 5.83337", stroke: "#4B5565", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })))), this.icon === 'only' && (index.h(index.Fragment, null))));
     }
     get el() { return index.getElement(this); }
 };
@@ -375,7 +375,7 @@ const GbPaginationNumberBase = class {
         }
     }
     render() {
-        return (index.h("div", { key: 'fa7bb3855d31f8cbdaea5418fb12b49087d6f981', class: `page_number_base ${this.shape} ${this.state}` }, index.h("slot", { key: '24bcd1dff04afe2f087f2982f753b7c9067929d3', name: "page_number" })));
+        return (index.h("div", { key: 'f8efaff5f3889f946c977a5fe6e831d7d16deb6b', class: `page_number_base ${this.shape} ${this.state}` }, index.h("slot", { key: '7243e856afadac6b114ec1a9531f490b053cbd86', name: "page_number" })));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -20,10 +20,10 @@ const GbMegaInputFieldBase = class {
         }
     }
     render() {
-        return (index.h("div", { key: 'cc68dca639654dc495d0ef454cddb647a8a3196f', class: {
+        return (index.h("div", { key: 'a0c7550e081714a50b8f81b49befeccf4752ed4e', class: {
                 [this.size]: true,
                 disabled: this.state === 'disabled'
-            } }, index.h("input", { key: '40f51a965f1317367a1c4c2780227aa33dc674bc', class: {
+            } }, index.h("input", { key: 'dec15b9b043c4a38d38b372cdc0c4759bfb6aedc', class: {
                 [this.size]: true,
                 disabled: this.state === 'disabled'
             }, type: "text", maxlength: "1", placeholder: "0", value: this.inputValue, onInput: (event) => this.handleInput(event) })));

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

@@ -13,7 +13,7 @@ const GbNotificationContent = class {
     }
     render() {
         const iconSrc = index.getAssetPath(`${this.icon}`);
-        return (index.h("div", { key: 'd1479fd1c65912d14242f60690ff022f5180f58e', class: "notification_container" }, index.h("div", { key: 'fa7f3497564202baf95c9a77cf87cd6b1c350412', class: "notification_title" }, this.icon && (index.h("div", { key: '12eea48544fd4661e10ff26ea9bf19113dea2e88', class: "icon" }, index.h("img", { key: '07faacd275e16fc94f540800623b88b7809f0093', src: iconSrc, alt: "Icon" }))), index.h("label", { key: 'b7248c3b70e572f580c8546e77fc895fe223e85c' }, this.label), index.h("span", { key: '520aeeeb14a4b02a684dbfb88e468d9a498515a4', class: "time" }, this.time)), index.h("div", { key: 'ec6d52a10900c17db8783e7e9caeca9afc150d42', class: "supporting_text" }, index.h("p", { key: 'c1bb8a19a7e47bb2d9436687414fa562c5f5eb09', class: "text-sm-regular" }, this.supportingText))));
+        return (index.h("div", { key: '0fc8e101be56605ffb88c227ea224124d0b58c06', class: "notification_container" }, index.h("div", { key: 'b84ef9c5456cbcc758b34de2c1ef345b66c495cd', class: "notification_title" }, this.icon && (index.h("div", { key: 'd1b3f264d42e60c45ad2f226a6ed329ad5d6ef1c', class: "icon" }, index.h("img", { key: 'e7f33004776cfe6511647759bb0d2aa74e4c66e7', src: iconSrc, alt: "Icon" }))), index.h("label", { key: '32889337f6e7577512c29def7adcc4da79e157c8' }, this.label), index.h("span", { key: '42092d241c42688f6e0e8b549eb5ae8637154313', class: "time" }, this.time)), index.h("div", { key: 'c35dc380fa4fe777b6e3d4505232171598cb9f61', class: "supporting_text" }, index.h("p", { key: 'e1f224b8ba13ebc012faa4b3f0ac31091d5071cf', class: "text-sm-regular" }, this.supportingText))));
     }
 };
 GbNotificationContent.style = gbNotificationContentCss;

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

@@ -56,9 +56,9 @@ const GbNotificationPane = class {
     render() {
         const patternSrc = index.getAssetPath(`assets/notification_background_pattern.svg`);
         const illustrationSrc = index.getAssetPath(`assets/notification_illustration.svg`);
-        return (index.h("div", { key: '4b10aeac7421fa20cba91f79b703a663e8ee395d', class: "notification_pane_div" }, this.state === 'empty' && [
-            index.h("div", { key: 'f7b94c45cb1ec877c819f52f56b3efd2e8e97362', class: `container` }, index.h("div", { key: '1410bb09ccd3d75a01de475ef167332f4579808e', class: "frame" }, index.h("img", { key: 'c57d71aa33fcd9b1536e1dfdfd5f7f48a46ca13f', src: patternSrc, alt: "", class: "empty_state_pattern" }), index.h("div", { key: '50eeea7470c62ecb4f4e3272ecd8bef41cd8bb5d', class: "empty_state" }, index.h("div", { key: '0a42b3fbae2e6fb4f68c1aaf943bbe9269def599', class: "content" }, index.h("img", { key: 'd0de3c72ecb80930acc464ad18d9cbff0dae167b', src: illustrationSrc, alt: "bell-icon", class: "bell_icon" }), index.h("div", { key: 'bd83b5efa054c47738ffa7537d320089fd00188f', class: "text" }, index.h("slot", { key: '088c3c45758382b31910c169e787b11bf7b84dee', name: "label" }), index.h("slot", { key: '616f2740ed038f11c5562c0312fe6f4ae12061a4', name: "supporting_text" })))))),
-            index.h("div", { key: '7761d9b886d3237b2a3707ced1f9af47090aaafa', class: `button` }, index.h("gb-button", { key: 'c0c912a864ac7421bc74c653cd0e38ee0208cff9', size: "sm", hierarchy: "tertiary_color", icon: "default", state: "disabled", "icon-leading": true, "icon-leading-swap": "assets/blush_brush.svg" }, index.h("p", { key: '5edd424c2634ffc93f3547e8fb630caa6bab9e71' }, "Mark all as read"))),
+        return (index.h("div", { key: 'a3111afe04fff93a83a8e5f071bc21bb6d162119', class: "notification_pane_div" }, this.state === 'empty' && [
+            index.h("div", { key: '471c965131ecfd123f16595ac57ca46768bb3f48', class: `container` }, index.h("div", { key: '46ae8fdf167d2a9d1512b36da98f4f9e0b26f33a', class: "frame" }, index.h("img", { key: '9c911cd1db7a208b44b956c9928321bb5550a5c4', src: patternSrc, alt: "", class: "empty_state_pattern" }), index.h("div", { key: '96e041649943e54a796d37f88022c4899baa680c', class: "empty_state" }, index.h("div", { key: 'a4f314fedc1aaa156657b4e106e8ad60cbec922d', class: "content" }, index.h("img", { key: '8eaa183f75309ce77d9b257dcb3b3e3e968b3cec', src: illustrationSrc, alt: "bell-icon", class: "bell_icon" }), index.h("div", { key: '5d2a67477004a357eacf4e6211c57ef3f9ed1f26', class: "text" }, index.h("slot", { key: 'e61e6c30ff491fbbf0ca91c032790aa6ccdce95b', name: "label" }), index.h("slot", { key: '1fffe1d25689b6b6cec8a1e665973cb75be46676', name: "supporting_text" })))))),
+            index.h("div", { key: '847352888cf393862be161301a6b72a1596a8a00', class: `button` }, index.h("gb-button", { key: '78cca7a12ad4c5fff67c0841a3574be66ac216e0', size: "sm", hierarchy: "tertiary_color", icon: "default", state: "disabled", "icon-leading": true, "icon-leading-swap": "assets/blush_brush.svg" }, index.h("p", { key: '2a003baec9100d53d1115bcc9e057659ff6cb00e' }, "Mark all as read"))),
         ], this.state === 'notification_dropdown' && (index.h(index.Fragment, null, this.notifications.length > 0 ? (index.h("div", { class: "notification_dropdown" }, index.h("div", { class: `content_wrapper` }, this.notifications.map(notification => (index.h("gb-notification-content", { label: notification.label, time: notification.time, "supporting-text": notification.desc, icon: notification.icon })))), index.h("gb-button", { size: "sm", hierarchy: "tertiary_color", icon: "default", "icon-leading": true, "icon-leading-swap": "assets/blush_brush.svg" }, index.h("p", null, "Mark all as read")))) : [index.h("div", { class: `container` }, index.h("div", { class: "frame" }, index.h("img", { src: patternSrc, alt: "", class: "empty_state_pattern" }), index.h("div", { class: "empty_state" }, index.h("div", { class: "content" }, index.h("img", { src: illustrationSrc, alt: "bell-icon", class: "bell_icon" }), index.h("div", { class: "text" }, index.h("slot", { name: "label" }), index.h("slot", { name: "supporting_text" })))))), index.h("div", { class: `button` }, index.h("gb-button", { size: "sm", hierarchy: "tertiary_color", icon: "default", state: "disabled", "icon-leading": true, "icon-leading-swap": "assets/blush_brush.svg" }, index.h("p", null, "Mark all as read"))),
         ]))));
     }

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

@@ -11,7 +11,7 @@ const GbPaginationDotGroup = class {
         this.framed = false;
     }
     render() {
-        return (index.h("div", { key: '0dbca103d2f05d5af152071ddd3d900575bbcdfa', class: "dot_group_div" }, index.h("div", { key: '2eb82995a66bac11f86fa96b72cfc5ed13ee2282' })));
+        return (index.h("div", { key: '63461e3b729f0659cd3750c810f28ae144004d23', class: "dot_group_div" }, index.h("div", { key: '44dda8a78da216a8769e824ddb856922cd8c0dec' })));
     }
 };
 GbPaginationDotGroup.style = gbPaginationDotGroupCss;

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

@@ -10,7 +10,7 @@ const GbPaginationDotIndicator = class {
         this.current = false;
     }
     render() {
-        return (index.h("div", { key: '9d3af42bdfec6e4b1f324f1ca829b5d8abf8abf3', class: `dot_indicator_div
+        return (index.h("div", { key: 'b77055ce3380f5b9ece6fd1e4a779332f9a9330f', class: `dot_indicator_div
       ${this.type} ${this.current ? 'current' : ''}
       ${this.size}` }));
     }

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

@@ -36,7 +36,7 @@ const GbPagination = class {
         this.pageItemSelected.emit({ pageSize: this.selectedPageSize, pageNumber: this.currentPage });
     }
     render() {
-        return (index.h("div", { key: '756ef57a62649739c9c30ae5c8b1f929931c4f7d', class: `pagination_div ${this.type} ${this.breakpoint}` }, this.type === 'page_default' && this.breakpoint === 'desktop' && (index.h(index.Fragment, null, index.h("gb-button", { key: '2bdfb28b6f78f3a8c4731edecc191f77bf854d26', size: "sm", hierarchy: "tertiary_gray", icon: "default", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg" }, index.h("p", { key: '0b119324379881ea8b04cb59866c2b29c688019a' }, "Previous")), index.h("div", { key: '6a73470427d425e033b5d482a95033cf01c6ee33', class: "pagination_numbers" }, index.h("gb-pagination-number-base", { key: '6aee9c987c6c338f0ca966901010206e6b0fc030', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, index.h("p", { key: '7cf4616ffc717b4c2776fa63ddd5ec25e82f1dc2', slot: "page_number" }, "1")), index.h("gb-pagination-number-base", { key: 'c9ae0d40a72e61884c6e7712e6ba026c5bb7a017', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, index.h("p", { key: '49d15379f19e63300b8796befa8fc4bbbb2291a1', slot: "page_number" }, "2")), index.h("gb-pagination-number-base", { key: 'bb83aa9286ee2ca89a5ed1e7c46a03445b7d522a', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, index.h("p", { key: '8bc180f4a9a5c639c0046f5f32c60b6e1fc2f047', slot: "page_number" }, "3")), this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (index.h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default' }, index.h("p", { slot: "page_number" }, this.currentPage))) : null, index.h("gb-pagination-number-base", { key: '96a79da2549d91c5b7213144b9979204f93540c2', shape: this.shape }, index.h("p", { key: 'b23e81c770c701db64b23810c39e7545303db527', slot: "page_number" }, "...")), this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (index.h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default' }, index.h("p", { slot: "page_number" }, this.currentPage))) : null, index.h("gb-pagination-number-base", { key: '98790681945b81aa380971547f575de68d3ff245', shape: this.shape, state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 2) }, index.h("p", { key: '381461f58a81b497b3f4c2ef400edbb23d844989', slot: "page_number" }, this.totalPages - 2)), index.h("gb-pagination-number-base", { key: '806c32096117e60bfb0ccf551394c8644b79df8e', shape: this.shape, state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 1) }, index.h("p", { key: '15410d2ac8f6eedc65a636b88bca66d101668924', slot: "page_number" }, this.totalPages - 1)), index.h("gb-pagination-number-base", { key: '5248be923107ed076a2c047e467ec7a28a040f53', shape: this.shape, state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages) }, index.h("p", { key: 'ecc17bb35214cf30393e08f7343b39dfee42bf42', slot: "page_number" }, this.totalPages))), index.h("gb-button", { key: '3fd1a31e1014be0ef49fee5a5d7cb4821c73c66b', size: "sm", hierarchy: "tertiary_gray", icon: "default", state: "default", "icon-trailing": true, "icon-trailing-swap": "assets/arrow-right-02.svg" }, index.h("p", { key: '5f81d04efd2b4196e93e532198480d2394b690f8' }, "Next")))), this.type === 'page_minimal_center_aligned' && this.breakpoint === 'desktop' && (index.h(index.Fragment, null, index.h("gb-button", { key: '1bfaad078f13be8097dacac1660eab8c48411139', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg" }, index.h("p", { key: '0338309aceedd119b6f29dfe31e4f55a1bb637a5' }, "Previous")), index.h("div", { key: 'f879cca80b9a0e9870efbda362fa56af20fa937b', class: "pagination_numbers" }, index.h("gb-pagination-number-base", { key: '37130f80ea93bb58ca2646d49d757ebdec269bc3', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, index.h("p", { key: '4a9ed1235bf391aca2344f5efabb579b2bb2fd19', slot: "page_number" }, "1")), index.h("gb-pagination-number-base", { key: '16f9e6b9a0ec31afd2a69980a0288a5acdd77cd1', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, index.h("p", { key: 'e8ef751862ab68a4d9241b13b593aa7ab1c54a4a', slot: "page_number" }, "2")), index.h("gb-pagination-number-base", { key: '459ca032fa1d19b39dbb74652ad257f2290b378c', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, index.h("p", { key: '9a483f19d24ad59677009b83ea131395f8dc2717', slot: "page_number" }, "3")), this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (index.h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default' }, index.h("p", { slot: "page_number" }, this.currentPage))) : null, index.h("gb-pagination-number-base", { key: '7d0e9cae0cbf3ca72af438efadb5fbd019f57e33', shape: this.shape }, index.h("p", { key: '009549daa9c2b2a1205ca667e25e9f2877af48bc', slot: "page_number" }, "...")), this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (index.h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default' }, index.h("p", { slot: "page_number" }, this.currentPage))) : null, index.h("gb-pagination-number-base", { key: '66470534d21aa10a0dd5ff0deaf8994b8437b9ba', shape: this.shape, state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 2) }, index.h("p", { key: '10aedfd22889adb109b5b801c1c3fe74881d36cc', slot: "page_number" }, this.totalPages - 2)), index.h("gb-pagination-number-base", { key: '0a306d749ddc321b8d8b9b9589d1bdf591feb4b7', shape: this.shape, state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 1) }, index.h("p", { key: '5e0e8159587a208697466c6f4ec4eb1e92b10ccd', slot: "page_number" }, this.totalPages - 1)), index.h("gb-pagination-number-base", { key: 'b407a12f0af35bec0fa6ab4f83b91994415ec738', shape: this.shape, state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages) }, index.h("p", { key: '09a8265598c3b0bacbd2b3aa75fb1c273ed7da48', slot: "page_number" }, this.totalPages))), index.h("gb-button", { key: '8b75ba5a587a409957e7cfbf216ad5a659cbab02', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", "icon-trailing": true, "icon-trailing-swap": "assets/arrow-right-02.svg" }, index.h("p", { key: 'd22b070339ae062591c584670b91ca0bfc8df12e' }, "Next")))), this.type === 'card_default' && this.breakpoint === 'desktop' && (index.h(index.Fragment, null, index.h("div", { key: 'c6211977a40f829bd858285111dcf60f235adecf', class: "pagination_entries" }, index.h("div", { key: '4c8732b8476b3dc63897f175b0ec40f4a37ecb94', class: "entries_text" }, index.h("p", { key: 'd3f8f0e4057ebebfebb12962bee0bc0fea5b485d', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), index.h("div", { key: 'f33bb5bf8b0cba88d98308169f2813806e7eb206', class: `entries_dropdown` }, index.h("gb-input-dropdown", { key: '5129a94f10b23061d0cee49f966a0c1cc374b31b', type: "default", state: "default", size: "sm", "show-label": false, "show-hint-text": false, "show-supporting-text": false, "show-help-icon": false, items: this.entries, "menu-position": "top", onDropdownItemSelected: this.handlePageSizeSelect.bind(this), value: this.defaultSelected }))), index.h("div", { key: '6ba23d05a441603596dcea2f676d333a1d12f338', class: "pagination_numbers" }, index.h("gb-pagination-number-base", { key: 'b0ab1df55bb0c537033cbf908961f1d936718a2c', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, index.h("p", { key: '8da89875411f5db73ef3031f17b6962adee04bc6', slot: "page_number" }, "1")), index.h("gb-pagination-number-base", { key: 'd789c77f1ab99c190eabaad50fbd12b049e6f76c', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, index.h("p", { key: '563913e3172bd3e0ffbbec4704a3103bad03c78c', slot: "page_number" }, "2")), index.h("gb-pagination-number-base", { key: 'ba0b508398189fec163795d62d08bc0caa5a7e0a', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, index.h("p", { key: 'a16266cffd0a5cd4b249d85c185e6ab043617e73', slot: "page_number" }, "3")), this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (index.h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default' }, index.h("p", { slot: "page_number" }, this.currentPage))) : null, index.h("gb-pagination-number-base", { key: 'c61bda9fa3c1d3b5aa61c14cda7219a0c3755b7b', shape: this.shape, state: "default" }, index.h("p", { key: '9985b6a4a4058d0095f94492400936286b37bbb6', slot: "page_number" }, "...")), this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (index.h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default' }, index.h("p", { slot: "page_number" }, this.currentPage))) : null, index.h("gb-pagination-number-base", { key: 'b75254f1e67412ad4c1fe12a9ebeabc4ada88a93', shape: this.shape, state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 2) }, index.h("p", { key: '200057b55f56ffd2228ee78a6dcb9248cdb19526', slot: "page_number" }, this.totalPages - 2)), index.h("gb-pagination-number-base", { key: 'accab51d9b611a10f8c14ec99bc90acba5170fc9', shape: this.shape, state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 1) }, index.h("p", { key: '1306d4812ffae0ae46104c2ee369b4a32b30b3f7', slot: "page_number" }, this.totalPages - 1)), index.h("gb-pagination-number-base", { key: '583d059e97f7de863b7aa2dff7cc5cac883d7c89', shape: this.shape, state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages) }, index.h("p", { key: '48538be6f9b4edb1780e02b793d2cb514907ccf5', slot: "page_number" }, this.totalPages))), index.h("div", { key: '7c6953bd4cee41a98922307ea3b2fb3e04afad22', class: "pagination_btns" }, index.h("gb-button", { key: '5c2bc072202046054b070ab8d5107df4a8a4585c', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), index.h("gb-button", { key: 'b07ed8e54a7ecb1e8588d872790265d580b6b9cf', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() })))), this.type === 'card_minimal_right_aligned' && this.breakpoint === 'desktop' && (index.h(index.Fragment, null, index.h("div", { key: '034dcb578c4e61668cc9c0e690860ae1cb80d05e', class: "pagination_entries" }, index.h("div", { key: '74eb56d88be9fb41648e0d321fa1269308e7a864', class: "entries_text" }, index.h("p", { key: 'be23d158677ece671108d467786f2a3ea7e4b609', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), index.h("div", { key: '12b4b754197a75fd330efb5ac576eaab1703d8ba', class: `entries_dropdown` }, index.h("gb-input-dropdown", { key: '54ea0e71a6d42613137b7926d56fdfaacf0e28d0', type: "default", state: 'default', size: "sm", "show-label": false, "show-hint-text": false, "show-supporting-text": false, "show-hep-icon": false, items: this.entries, "menu-position": "top", onDropdownItemSelected: this.handlePageSizeSelect.bind(this), value: this.defaultSelected }))), index.h("div", { key: '2f1bfbfd154caab1967746f3bd33453e2a0e862f', class: "page_number_text" }, index.h("p", { key: '133c835da2c3513705fd6e79fcfaf5bdf4e85e91', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), index.h("div", { key: '8ee5f40db7c5aa070678bc88f6168a0c1979f9f7', class: "pagination_btns" }, index.h("gb-button", { key: '23e8feb23a336e769add2d2ee332a1883c63f15f', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, index.h("p", { key: '50154be435bd2df49109b40bd78624b423cbc284' }, "Previous")), index.h("gb-button", { key: '3f768e4efd2a11c85c71423de1211f9055f3070d', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, index.h("p", { key: '891344a9152ec63fd7e6650639dd7dc67cacda1a' }, "Next"))))), this.type === 'card_minimal_left_aligned' && this.breakpoint === 'desktop' && (index.h(index.Fragment, null, index.h("div", { key: '9b9db81df01d60163ce7a6c59c30f16586709aa4', class: "pagination_btns" }, index.h("gb-button", { key: 'f1e14a7f776d14ce3bcbe0706112029a61892006', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, index.h("p", { key: '621d59070c5897e2931ca79c63feae62e70df310' }, "Previous")), index.h("gb-button", { key: '7d20803f000c033a0fe97fd0d8ba25b5e90fabac', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, index.h("p", { key: '785bd9a3dd2a6a664d66d20ee307931bb6588187' }, "Next"))), index.h("div", { key: 'af44c2a7be76614e60215763e7d9f9a09ecbe86a', class: "page_number_text" }, index.h("p", { key: '9712060c8a217b83fde5ec2d5382c0eed5111ebf', class: "text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), index.h("div", { key: '7de37378ba34b270987f9e8f0c72533d0a7479de', class: "pagination_entries" }, index.h("div", { key: 'a8a4d4752b57719cd8ed285ff5cede5556cfd044', class: "entries_text" }, index.h("p", { key: 'e73692ac49ce99c620361fe4132f116328d1e4cb', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), index.h("div", { key: '5dadcd3e3edeb35bc14bd80fdda1d7b9ca161181', class: `entries_dropdown` }, index.h("gb-input-dropdown", { key: '0f1060bcd64cc804eb7cac381e751b81bcbd4233', type: "default", state: 'default', size: "sm", "show-label": false, "show-hint-text": false, "show-supporting-text": false, "show-hep-icon": false, items: this.entries, "menu-position": "top", onDropdownItemSelected: this.handlePageSizeSelect.bind(this), value: this.defaultSelected }))))), this.type === 'card_minimal_center_aligned' && this.breakpoint === 'desktop' && (index.h(index.Fragment, null, index.h("gb-button", { key: 'c7cd0bcac071cdcc0a8acad456f3965856228edf', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, index.h("p", { key: '858f8777f9535b864f113a31090536aa2dc26e57' }, "Previous")), index.h("div", { key: '1be949ac0b271f648ecc9f6fdf1a14f5d3c75363', class: "page_number_text" }, index.h("p", { key: '03d8060916822f993e1a69a48a7ff2f18c802f62', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), index.h("gb-button", { key: '0ac8a64996e6c95171d1dfc60ccdc975441e3ff6', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, index.h("p", { key: 'b9d7ac36eeb0b7bb9ed325a12541d8ed57367064' }, "Next")))), this.type === 'card_button_group_right_aligned' && this.breakpoint === 'desktop' && (index.h(index.Fragment, null, index.h("div", { key: '46f0c2eca3ad28db2bd4104e1891f1f000ba4e1f', class: "pagination_entries" }, index.h("div", { key: 'ecd6e5053a84aa12da8a490c1cb3389ac7899804', class: "entries_text" }, index.h("p", { key: 'd8c222c733c7fea905bb9ef4838ecfa69cf286cd', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), index.h("div", { key: '32bc714222c7bd825ee15561b34e048163c5d020', class: `entries_dropdown` }, index.h("gb-input-dropdown", { key: '47103e01a34e58ec8c1a8cd5b55bd2da8478e5b5', type: "default", state: 'default', size: "sm", "show-label": false, "show-hint-text": false, "show-supporting-text": false, "show-hep-icon": false, items: this.entries, "menu-position": "top", onDropdownItemSelected: this.handlePageSizeSelect.bind(this), value: this.defaultSelected }))), index.h("div", { key: '632036011e94ceda371a3169b8a05b6a98195b11', class: "pagination_button_group" }, index.h("gb-pagination-button-group-base", { key: '7d9f57f66058e22b68ffb48ec8a4bf90e51f3cf7', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, index.h("p", { key: 'c939ee586266a86f47eb567712f88e78308bddbb' }, "Previous")), index.h("div", { key: 'e36096432a5d943e6be639273e2c7893b9d10710', class: "btn_group" }, index.h("gb-pagination-button-group-base", { key: '140660d24fc4e182e1ea9a528684e7bb62faf638', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, index.h("p", { key: '77a2ae59770f739893c7758faa724c9948aaa339' }, "1"))), index.h("gb-pagination-button-group-base", { key: '472777bd4de8017178994b66faa6addc7639d7ad', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, index.h("p", { key: '33e1cf2e9584cf548d98c345b65bfa3306bbe52c' }, "2")), index.h("gb-pagination-button-group-base", { key: '9f3cc297e0bd53d0e22b734c72681002ba462c70', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, index.h("p", { key: '19d724780ca437c2eb400ee3ad493aec6dcaa034' }, "3")), this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (index.h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default' }, index.h("p", null, this.currentPage))) : null, index.h("gb-pagination-button-group-base", { key: '15607f8a0ffcad9427c6e526bbc261c5ba58fb49', icon: "false" }, index.h("p", { key: '45e5b8293eb1804c01375adb79b99ca1978eaea5' }, "...")), this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (index.h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default' }, index.h("p", null, this.currentPage))) : null, index.h("gb-pagination-button-group-base", { key: '2f5b43eda3dbed0f9cbacbfe8483cbd44c5037fa', icon: "false", state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 2) }, index.h("p", { key: 'd69ce8d5e396f2b3928687463249ac25d4611aa1' }, this.totalPages - 2)), index.h("gb-pagination-button-group-base", { key: 'bb79c859ec226bed3303d2cf27725831bb130ff6', icon: "false", state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 1) }, index.h("p", { key: '40e530a9d4d82ce49203c2d6254b408dc9ad58f9' }, this.totalPages - 1)), index.h("gb-pagination-button-group-base", { key: '41852370696d18808c26a172823b0b60503320ca', icon: "false", state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages) }, index.h("p", { key: '5ce48475d2d9608ab1015c18976177d2eed38978' }, this.totalPages)), index.h("gb-pagination-button-group-base", { key: '941c2a3f70dca78801a6e213a8f1da674a0faa2c', icon: "trailing", onClick: () => this.onNextButtonClicked() }, index.h("p", { key: '36477b0ac7661205c83cbd79b432b3784dd2c81c' }, "Next"))))), this.type === 'card_button_group_left_aligned' && this.breakpoint === 'desktop' && (index.h(index.Fragment, null, index.h("div", { key: '0402c43b8fdb382b51703a8e6d2e084733409473', class: "pagination_button_group" }, index.h("gb-pagination-button-group-base", { key: '8766370588827ba8cde835c1b3dbdaeebab0da45', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, index.h("p", { key: '60d01f686d7794ea38a8735163e096377edf78be' }, "Previous")), index.h("div", { key: '5fbca8e8020b039ffe70dd49b2a3788c33261f13', class: "btn_group" }, index.h("gb-pagination-button-group-base", { key: '8a9b9733afdc3f2448003608b98b984d45a93355', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, index.h("p", { key: '4a77c98d7905e78260fb667eb339a06f0ad339e6' }, "1"))), index.h("gb-pagination-button-group-base", { key: 'b74d6e2c810c5a12516282e3a820337e59074aa2', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, index.h("p", { key: '4bd5f2fe55014a6e2bb0649c37d47b8bba2391f4' }, "2")), index.h("gb-pagination-button-group-base", { key: '81dbaa4595352be5c63eedefe0e078e1515adb2e', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, index.h("p", { key: 'ffa641c53b5c34d376f5104349c29248e6c50ec2' }, "3")), this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (index.h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default' }, index.h("p", null, this.currentPage))) : null, index.h("gb-pagination-button-group-base", { key: 'ad6e8c88c7971fa43cd8c1e61c351c37954cc0d3', icon: "false" }, index.h("p", { key: '4044fc9845be8b8eed9fcd9c6395ddd78f777502' }, "...")), this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (index.h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default' }, index.h("p", null, this.currentPage))) : null, index.h("gb-pagination-button-group-base", { key: 'f7d5e25338ac7ffe34bd94b2d1cf91c0b0c03ec7', icon: "false", state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 2) }, index.h("p", { key: '736479c6937321bf7329810c62fbe45e25808886' }, this.totalPages - 2)), index.h("gb-pagination-button-group-base", { key: 'bef6fe136356510a09e3a83324434361ff2a4032', icon: "false", state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 1) }, index.h("p", { key: 'f58b60e22245e132c5aa2701802739fe6d49d07f' }, this.totalPages - 1)), index.h("gb-pagination-button-group-base", { key: 'fa79dee3921c8b6b53183d7c5110f51de52c25da', icon: "false", state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages) }, index.h("p", { key: 'f44f94d2e3a467e140fb9f9f4d32e7073c30f7ad' }, this.totalPages)), index.h("gb-pagination-button-group-base", { key: 'cf58ee55b85935e122c1b111ddf10e9dc1e150c7', icon: "trailing", onClick: () => this.onNextButtonClicked() }, index.h("p", { key: '110f18d597995822266e95afe6230c8753637170' }, "Next"))), index.h("div", { key: 'f1cdc9ec6753016b384d96822bb895b042e84703', class: "pagination_entries" }, index.h("div", { key: '1fdc3d5c40fecf3db1e2b0c0f61cd98c33e564ae', class: "entries_text" }, index.h("p", { key: 'dc5d13f2f79fd933db7a72a1780c2f3c0de58c34', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), index.h("div", { key: '48e8393156a6e14048b1bebb3ddb459cdc49a17e', class: `entries_dropdown` }, index.h("gb-input-dropdown", { key: '415f8ae62644e6a130e9ce1e1e13c85d3ce3225a', type: "default", state: 'default', size: "sm", "show-label": false, "show-hint-text": false, "show-supporting-text": false, "show-hep-icon": false, items: this.entries, "menu-position": "top", onDropdownItemSelected: this.handlePageSizeSelect.bind(this), value: this.defaultSelected }))))), this.type === 'card_button_group_center_aligned' && this.breakpoint === 'desktop' && (index.h(index.Fragment, null, index.h("div", { key: 'b03ea79790bc740b4ab3da0e285e7f6cce2ad97a', class: "pagination_button_group" }, index.h("gb-pagination-button-group-base", { key: '6468eaaae782f6847993edc7abb58cbec1af9886', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, index.h("p", { key: 'f5b50e22e084655cb7d5d726d6e4cd80a331ee9d' }, "Previous")), index.h("div", { key: '06934aec027d63a3b6b227ea24bb3121f546ff69', class: "btn_group" }, index.h("gb-pagination-button-group-base", { key: '9bacc8290639ebb877f2cfc7ab3a72f9ab127e9c', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, index.h("p", { key: '823a0eff555c6ea3ed62f0bb634ffb399fb1d281' }, "1"))), index.h("gb-pagination-button-group-base", { key: 'c03e484e9eff0ab1c73999b7354256d45059f33d', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, index.h("p", { key: 'f795bcd8da2e709bb340642b30019d0f39707bd3' }, "2")), index.h("gb-pagination-button-group-base", { key: '435a842c64165ecd1f45ef7f4697875b6fd34dda', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, index.h("p", { key: '10dbe07c1aadeae8bc0bc09d0627cf325a7003d4' }, "3")), this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (index.h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default' }, index.h("p", null, this.currentPage))) : null, index.h("gb-pagination-button-group-base", { key: '4fcd07799e680dd720e47257dbd02f6f95f85906', icon: "false" }, index.h("p", { key: '1f3db91f2bed89b99d19919c42170361223c8915' }, "...")), this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (index.h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default' }, index.h("p", null, this.currentPage))) : null, index.h("gb-pagination-button-group-base", { key: '13efc9c0f75efa6c0b290a40aa0726423d3a9274', icon: "false", state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 2) }, index.h("p", { key: '5be4ab7034565756c19ce24ae3256c7422814fcb' }, this.totalPages - 2)), index.h("gb-pagination-button-group-base", { key: 'ced9d7782459b3c0e0511d860d733f4d0a19410f', icon: "false", state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 1) }, index.h("p", { key: 'e0a73c6ae98bbd3a79aaaaa9bb75a0b8da3fff24' }, this.totalPages - 1)), index.h("gb-pagination-button-group-base", { key: 'efdf5abcc9bb6ed0e4d5a8104748e10f1af498f2', icon: "false", state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages) }, index.h("p", { key: 'a392462d4ed6e86e843d4ec06ec278cfb2e6bd71' }, this.totalPages)), index.h("gb-pagination-button-group-base", { key: 'f83913d6a921e613e9c10412e5e941119dccdf5b', icon: "trailing", onClick: () => this.onNextButtonClicked() }, index.h("p", { key: 'fe84bc3dd4ff654f56cd791b69b7e5dbc436c2ca' }, "Next"))))), this.type === 'page_default' && this.breakpoint === 'mobile' && (index.h(index.Fragment, null, index.h("gb-button", { key: '3ce8d9dd4b0bdfc27ac03aa23bd65fc425bc3a0f', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), index.h("div", { key: '977a7b2312a9635045f720d0981479e62e23682f', class: "page_number_text" }, index.h("p", { key: '034381591855f09f4ef61717e70f50872ac56f04', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), index.h("gb-button", { key: '66abcd1b89533bd9f89b9bc6a310b1d04e11de24', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'page_minimal_center_aligned' && this.breakpoint === 'mobile' && (index.h(index.Fragment, null, index.h("gb-button", { key: 'f19efa412fb122addd4504b3b4232960e5dcbf5e', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), index.h("div", { key: '5c6012a86be45b66451099df1d34c487f360a076', class: "page_number_text" }, index.h("p", { key: '5986ca20a6767d45fe43bf7308658d3fa274d096', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), index.h("gb-button", { key: '305598db9131654d077a5a5fe2dce72fea55e6a2', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_default' && this.breakpoint === 'mobile' && (index.h(index.Fragment, null, index.h("gb-button", { key: '8fa97cb0af63b72b437824680e0a05b05fdd2e6c', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), index.h("div", { key: '1a5e86274bba0f23628cb8d74eec7a83cb527f96', class: "page_number_text" }, index.h("p", { key: 'ea37ce1db36ff9ce25458570d245a8065d0a6d8d', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), index.h("gb-button", { key: 'a7129ec56269e565f6183eab4210caf4689673ae', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_minimal_right_aligned' && this.breakpoint === 'mobile' && (index.h(index.Fragment, null, index.h("gb-button", { key: '543ae75223326d44dcf3cf7aa246c7cefaf3a6f9', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), index.h("div", { key: 'cf6e22b4b31def5487943249f2d4706336aef60b', class: "page_number_text" }, index.h("p", { key: '4fb319e984f74a0dd38e65a27787d975e09d7a42', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), index.h("gb-button", { key: '51ea391ddf52df6c908d0a782eca22557ae67a62', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_minimal_left_aligned' && this.breakpoint === 'mobile' && (index.h(index.Fragment, null, index.h("gb-button", { key: '689525cda8a61003e4253b9d993404cc9c661ee7', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), index.h("div", { key: 'a96b4435535fe2b65c9767d49dc3d0adb3b40c2a', class: "page_number_text" }, index.h("p", { key: '8248c7a16c4b83b3f53c2e29b4893ee72a1734ff', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), index.h("gb-button", { key: '4e5dd7a5407e48e2f812a5eed2023b5db487bb22', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_minimal_center_aligned' && this.breakpoint === 'mobile' && (index.h(index.Fragment, null, index.h("gb-button", { key: 'cad57e352785ae0ed500f73e3328fefabc85e9d1', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), index.h("div", { key: 'e2c0b6f90ca48ead595d9165dea9baef14f3941d', class: "page_number_text" }, index.h("p", { key: 'dc37bb256edde42c13bff2eb4a77f5319531a0ef', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), index.h("gb-button", { key: '573fc5d28b89658b879f1a14323d507ff898082d', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_button_group_right_aligned' && this.breakpoint === 'mobile' && (index.h("div", { key: '19c9d9715a1bcc387b9d4b874a226a791f0125f8', class: "pagination_button_group" }, index.h("gb-pagination-button-group-base", { key: '71eea69faed7df79a1956b82bf6bc00446a64e35', icon: "only", "icon-src": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), index.h("div", { key: '1fe49d56a4708b064d6804306b4e3702e2b9d802', class: "btn_group" }, index.h("gb-pagination-button-group-base", { key: 'd316da49e652dc1c092e83bf127b6b711d2c3e54', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, index.h("p", { key: 'b8efddbbed7272ee3963dec29963c7c48b307b11' }, "1"))), index.h("gb-pagination-button-group-base", { key: 'c07136e9918cf7982a8bcdccceda3d3b193bbf9b', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, index.h("p", { key: '8a641f4b86502810be3a7158f2c9f373d636af55' }, "2")), this.currentPage > 2 && this.currentPage <= this.totalPages / 2 ? (index.h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 2 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default' }, index.h("p", null, this.currentPage))) : null, index.h("gb-pagination-button-group-base", { key: '1cbe946056661b12ba13ecc0da92794ea84b03cd', icon: "false" }, index.h("p", { key: 'b9180d4496fc74645eaf11b7ad738e08bdbcaa52' }, "...")), this.currentPage > this.totalPages / 2 && this.currentPage <= this.totalPages - 2 ? (index.h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.totalPages / 2 && this.currentPage <= this.totalPages - 2 ? 'active' : 'default' }, index.h("p", null, this.currentPage))) : null, index.h("gb-pagination-button-group-base", { key: 'b15754e22bbf7186770f342312534b07deec65ef', icon: "false", state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 1) }, index.h("p", { key: 'bc8e63ed83f5b3957f658bd74724a57aef16647a' }, this.totalPages - 1)), index.h("gb-pagination-button-group-base", { key: 'c5afb9407f3bc7fa58996251d60df6c115e54840', icon: "false", state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages) }, index.h("p", { key: 'e63bb50a995a1c576d4009c9cc61860abe798607' }, this.totalPages)), index.h("gb-pagination-button-group-base", { key: 'd1aba37c0153fd5d8e5f646736118801fd623299', icon: "only", "icon-src": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_button_group_left_aligned' && this.breakpoint === 'mobile' && (index.h("div", { key: '04a9f069e798918ff89df0b40eebc8e7c2a04a4a', class: "pagination_button_group" }, index.h("gb-pagination-button-group-base", { key: 'a60ae46f6d2bb4b7bd7f393b4a35503e04c7a09b', icon: "only", "icon-src": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), index.h("div", { key: 'f2d09f03520530dede5402dea4e557e06fa95338', class: "btn_group" }, index.h("gb-pagination-button-group-base", { key: 'ce0cb0545caaf486d2e0829b1332f46880f9922a', icon: "false", state: "active" }, index.h("p", { key: '92afb74bf02dc9e132b992ebb3ebe2a26b18fb68' }, "1"))), index.h("gb-pagination-button-group-base", { key: 'c3845a15808f82c8244d5b1a74244ebd46f48eeb', icon: "false" }, index.h("p", { key: 'cba1538d47804476249d3c1ec27d7cb6bbbb1730' }, "2")), index.h("gb-pagination-button-group-base", { key: '528934ba98c2328196dbe315a008558fe5dab4a6', icon: "false" }, index.h("p", { key: '143b7c8c61ac7d88cd662fa3f0b4e06efb73a445' }, "...")), index.h("gb-pagination-button-group-base", { key: '99efeb34715f0bd84aa833a17980a2631e71571b', icon: "false" }, index.h("p", { key: '83c8cdf6cc5acb994592f9f3a1eafe584aeae314' }, "9")), index.h("gb-pagination-button-group-base", { key: '398c79d61a25bc9d1c0f3d95b82266ee44cceaa5', icon: "false" }, index.h("p", { key: '1134b7d231251514140f1b28e2224e3ad945ffac' }, "10")), index.h("gb-pagination-button-group-base", { key: '6fcf89cb956714aa1ba4753ffd1133f604d842db', icon: "only", "icon-src": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_button_group_center_aligned' && this.breakpoint === 'mobile' && (index.h("div", { key: '2c54541ea36e78fa1cbf079e6d677a98f09bce6f', class: "pagination_button_group" }, index.h("gb-pagination-button-group-base", { key: 'c175ade2cc587ade88d8d60c894248d33b735a47', icon: "only", "icon-src": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), index.h("div", { key: '2edd99d6a903f1afb0828327a883f0f3aa142afe', class: "btn_group" }, index.h("gb-pagination-button-group-base", { key: '023311f8368e3a796d5223f402dea46240105525', icon: "false", state: "active" }, index.h("p", { key: '937c23d528c8055954038b22a3d1f2b0b1d097a4' }, "1"))), index.h("gb-pagination-button-group-base", { key: 'd68266abc49b8deca19bbe671629b442ffb70733', icon: "false" }, index.h("p", { key: '4c02c124adfcd2b376bd305a1bddf6caf3efdfc3' }, "2")), index.h("gb-pagination-button-group-base", { key: 'dc2e77b0bc734979342110eedd2b696023ad47bc', icon: "false" }, index.h("p", { key: 'dbb23dac316862c4d1820b612b24f34275913092' }, "...")), index.h("gb-pagination-button-group-base", { key: 'a9d747bf721c100364ce4815a875169eedd68fa2', icon: "false" }, index.h("p", { key: '3a814589c4af8c787757b3e04ecbb619b194a18b' }, "9")), index.h("gb-pagination-button-group-base", { key: '873555d0de856ea32da6aefdb2fe04407fa91c29', icon: "false" }, index.h("p", { key: '891a4e2a5fdbbeab0cedd51095b5756fe5fefe61' }, "10")), index.h("gb-pagination-button-group-base", { key: '021c2bd1481c4f68e7ff96a11c3cf72fa41c927f', icon: "only", "icon-src": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() })))));
+        return (index.h("div", { key: '7d21afcf7a3a63fa2066cf5d7b86367ec6aa715d', class: `pagination_div ${this.type} ${this.breakpoint}` }, this.type === 'page_default' && this.breakpoint === 'desktop' && (index.h(index.Fragment, null, index.h("gb-button", { key: '68a4c774c225fe905067a685ca5219722e0fccc5', size: "sm", hierarchy: "tertiary_gray", icon: "default", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg" }, index.h("p", { key: '300a75d9d8a3e3f2959dcfd72831ce8547babfd8' }, "Previous")), index.h("div", { key: 'a9743ebdeaf584d1aadacfa15d9a320afba37f71', class: "pagination_numbers" }, index.h("gb-pagination-number-base", { key: 'fc9d10478a24a7e337c3446bf8d929eb22aa10d0', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, index.h("p", { key: '83274632b75563ca22a20d6bf49a436aaef60364', slot: "page_number" }, "1")), index.h("gb-pagination-number-base", { key: 'ec481b7ced05d81157c21e820e6f0ce673dcffa5', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, index.h("p", { key: '8c22e9687ce9116d88582d3472668d0ec382b119', slot: "page_number" }, "2")), index.h("gb-pagination-number-base", { key: '9c4dc2e0b2a95a3420dfb9c749e31e35339624fe', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, index.h("p", { key: '114a15dd0d2558a66d4a2e773eab0e4ca2937b25', slot: "page_number" }, "3")), this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (index.h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default' }, index.h("p", { slot: "page_number" }, this.currentPage))) : null, index.h("gb-pagination-number-base", { key: '9a6f50de1e93f6372391d64001c4ccd568e92eb8', shape: this.shape }, index.h("p", { key: 'f9af5b3e7d7d3b5d47b1d19fe442d453a43deae8', slot: "page_number" }, "...")), this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (index.h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default' }, index.h("p", { slot: "page_number" }, this.currentPage))) : null, index.h("gb-pagination-number-base", { key: 'd0c9826f7c2f779f25cf1f6194102493a1bfa14e', shape: this.shape, state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 2) }, index.h("p", { key: '074247a326bbc7664a76caebceb5951ac17e2e1a', slot: "page_number" }, this.totalPages - 2)), index.h("gb-pagination-number-base", { key: '806f63ef576b42a3ecae5acc55e595d4096ef1a7', shape: this.shape, state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 1) }, index.h("p", { key: '26134dcd0d8706fdb715846a8c6059392664cb96', slot: "page_number" }, this.totalPages - 1)), index.h("gb-pagination-number-base", { key: '7a81d5fcd8167dfcba80e7d0cf4f8a37331e29a9', shape: this.shape, state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages) }, index.h("p", { key: '7e83b263ff64174d4242500f4b7516ac7f68f45e', slot: "page_number" }, this.totalPages))), index.h("gb-button", { key: '4c5e317580a4c33eabee98a32ec1d4085e1a8a88', size: "sm", hierarchy: "tertiary_gray", icon: "default", state: "default", "icon-trailing": true, "icon-trailing-swap": "assets/arrow-right-02.svg" }, index.h("p", { key: '0da45993034ce697a1328345320a3906da112357' }, "Next")))), this.type === 'page_minimal_center_aligned' && this.breakpoint === 'desktop' && (index.h(index.Fragment, null, index.h("gb-button", { key: '5a0eb562f744a1c983afc20901abddc20596412c', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg" }, index.h("p", { key: '885e789f308b14893ddd2b1f16319230b7aae769' }, "Previous")), index.h("div", { key: 'a5bad8aa8321f18c94cd09c01069d31be35513b8', class: "pagination_numbers" }, index.h("gb-pagination-number-base", { key: '870e63421346f4acdfee205829ca34ef230e218f', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, index.h("p", { key: '462a3ca4f08935382164a532ee1231431b8b0e90', slot: "page_number" }, "1")), index.h("gb-pagination-number-base", { key: 'a06a80d910d4b5d03ddfbc697a6e26498c61239e', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, index.h("p", { key: '646bd0733835d747b4f08ccaab8cf3883818cd6f', slot: "page_number" }, "2")), index.h("gb-pagination-number-base", { key: '85cba5f770d5ca3442491a351c806767a34d6bec', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, index.h("p", { key: '363a0f8c12051ee14fc07596f3c0daacf6af0534', slot: "page_number" }, "3")), this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (index.h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default' }, index.h("p", { slot: "page_number" }, this.currentPage))) : null, index.h("gb-pagination-number-base", { key: '044834b317478422bf6c9d31299a2998717b12d1', shape: this.shape }, index.h("p", { key: 'fe74d29cd962acb0d590d4e7e3aa6f47b9fee7e3', slot: "page_number" }, "...")), this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (index.h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default' }, index.h("p", { slot: "page_number" }, this.currentPage))) : null, index.h("gb-pagination-number-base", { key: '34b3d6a5b3cdd6f5a38f677af831b29ee584d38a', shape: this.shape, state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 2) }, index.h("p", { key: '86a662729c7fc3f6160d627290529b04d20bbba0', slot: "page_number" }, this.totalPages - 2)), index.h("gb-pagination-number-base", { key: 'a76779415c4059229348d47f574902907a96adf3', shape: this.shape, state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 1) }, index.h("p", { key: '0315797d7b18f1d47ea306454bded20c2dab85b7', slot: "page_number" }, this.totalPages - 1)), index.h("gb-pagination-number-base", { key: 'f476b8ae3d50abecf22b2a40c91803d920220205', shape: this.shape, state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages) }, index.h("p", { key: 'ef0f3bd43e8741068282faaaa8b79a6b95328a40', slot: "page_number" }, this.totalPages))), index.h("gb-button", { key: 'a5ef1931b44b43783501914857d3f15ab2c2d169', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", "icon-trailing": true, "icon-trailing-swap": "assets/arrow-right-02.svg" }, index.h("p", { key: 'cf20a8358eca13472b930f5ebb11dd9c44210de5' }, "Next")))), this.type === 'card_default' && this.breakpoint === 'desktop' && (index.h(index.Fragment, null, index.h("div", { key: '5c4a2b2a270d745defe2d4f141126fd1bb07c7fa', class: "pagination_entries" }, index.h("div", { key: 'd8a9ed993e687e3ff1680418f55652cd2aeb53ef', class: "entries_text" }, index.h("p", { key: 'd8cf976aa2f554c858cce6b265b8ebc9f627e75c', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), index.h("div", { key: '01cff073d2d7b61b1e29967d431dc073bf5e9f41', class: `entries_dropdown` }, index.h("gb-input-dropdown", { key: '44e658065cd329b873eaffeaed0ca6650fbe6409', type: "default", state: "default", size: "sm", "show-label": false, "show-hint-text": false, "show-supporting-text": false, "show-help-icon": false, items: this.entries, "menu-position": "top", onDropdownItemSelected: this.handlePageSizeSelect.bind(this), value: this.defaultSelected }))), index.h("div", { key: 'b1a1d149b7817776ec13a6cfa71a3786fb77a4a5', class: "pagination_numbers" }, index.h("gb-pagination-number-base", { key: 'f3e7605ecd5cb002add749ece1469e6cf1e5c3b8', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, index.h("p", { key: 'a1afc60beb9631688c43526ca87efbcfbf448555', slot: "page_number" }, "1")), index.h("gb-pagination-number-base", { key: 'ed8ea9ccfb19953dbd0b6fd48edd670097016240', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, index.h("p", { key: '76b1665e17d0608bc6d9e06d04a152d95cf545a8', slot: "page_number" }, "2")), index.h("gb-pagination-number-base", { key: 'a69d9444fb1eb23db72fba8f7b509df77ffce28d', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, index.h("p", { key: '033e1ea09a3f161de5b6d58a5857719973217ddb', slot: "page_number" }, "3")), this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (index.h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default' }, index.h("p", { slot: "page_number" }, this.currentPage))) : null, index.h("gb-pagination-number-base", { key: '022877ba94a89f420b808d0b74ce7fb4b8184420', shape: this.shape, state: "default" }, index.h("p", { key: 'eac6a3367a05ee58a164a163954854fe7d5a2ff9', slot: "page_number" }, "...")), this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (index.h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default' }, index.h("p", { slot: "page_number" }, this.currentPage))) : null, index.h("gb-pagination-number-base", { key: 'ea09852a06e3f1ef9c4f07aada3b53ca5a9a8a8c', shape: this.shape, state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 2) }, index.h("p", { key: '89d26b102020edf9fc1eb0bbacf68ff537834529', slot: "page_number" }, this.totalPages - 2)), index.h("gb-pagination-number-base", { key: '543c43e7adb76a575ec205c755118cc2b4d6884e', shape: this.shape, state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 1) }, index.h("p", { key: '30d62b13d2b2e937f6ce866a3ee81d71cf80c614', slot: "page_number" }, this.totalPages - 1)), index.h("gb-pagination-number-base", { key: '304eb1c11a2d163345abc4a9f937ecc93d083cfa', shape: this.shape, state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages) }, index.h("p", { key: 'f59b024b940186aefd753bfd4e395c910358c08b', slot: "page_number" }, this.totalPages))), index.h("div", { key: 'e790e016aec3a698a51b11b2ef035dce15eff6d4', class: "pagination_btns" }, index.h("gb-button", { key: '5f8e3c38c2b1832e5ae47f3a277cf6db89d91fff', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), index.h("gb-button", { key: '30f7cbf126a3882461ac989f223392da4cdb7b0a', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() })))), this.type === 'card_minimal_right_aligned' && this.breakpoint === 'desktop' && (index.h(index.Fragment, null, index.h("div", { key: '4eec95dd09e4798575c308385855f62d11dddfa3', class: "pagination_entries" }, index.h("div", { key: '22268d16128959b67031c909767806fdb1c27c74', class: "entries_text" }, index.h("p", { key: '1bc31a06b85bfcd9466569ce1644d7430cc4b880', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), index.h("div", { key: 'ca36a3ec0e894c01cdb8d57f1f9b3b2c4d29e4ff', class: `entries_dropdown` }, index.h("gb-input-dropdown", { key: 'f3a26daa3425f51fa8fc42e0c5314657ab4c0123', type: "default", state: 'default', size: "sm", "show-label": false, "show-hint-text": false, "show-supporting-text": false, "show-hep-icon": false, items: this.entries, "menu-position": "top", onDropdownItemSelected: this.handlePageSizeSelect.bind(this), value: this.defaultSelected }))), index.h("div", { key: '349247ffc903d907b1afa45025b5d100843906b8', class: "page_number_text" }, index.h("p", { key: '163d8e191ee1741d8feb4a381ff47741f5cd2bc9', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), index.h("div", { key: '914a9c4badec4354334896e73ce421c87d1b1d1b', class: "pagination_btns" }, index.h("gb-button", { key: '740e7a23f34f11590263c4208a67782b025c474c', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, index.h("p", { key: '8ee0a07aceffe31dd49edaed77b2db9201b97778' }, "Previous")), index.h("gb-button", { key: 'c3fab14b8d64105e018a693715519f5cc3a4468b', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, index.h("p", { key: '5ad9612d40a0d5a29e25a2b295826a28887441a2' }, "Next"))))), this.type === 'card_minimal_left_aligned' && this.breakpoint === 'desktop' && (index.h(index.Fragment, null, index.h("div", { key: '85a14f914f809331a6b64846dbec568586f28ea8', class: "pagination_btns" }, index.h("gb-button", { key: 'e2e69e54c2302416941df204e3fe47675b3bdce7', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, index.h("p", { key: 'f5e68bd0fbea53299a1dfaba3c35178bb25ea43a' }, "Previous")), index.h("gb-button", { key: '1c5d455a938dda25208361014f3953f4a6d588e0', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, index.h("p", { key: 'de5a11381c84a1405d77ad7d9a910551055e8d35' }, "Next"))), index.h("div", { key: '821bad5430e30be3f7799a20bc530d5ee2fd36dc', class: "page_number_text" }, index.h("p", { key: 'f21aa9dfbb5172bb03b6d9d6ba03818e87f1a0f5', class: "text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), index.h("div", { key: 'be0f261beeb231fcc96d982037bce85891976d5a', class: "pagination_entries" }, index.h("div", { key: 'c963ca1f59a8bb130b6b7ce8e767a1cb7fffd33d', class: "entries_text" }, index.h("p", { key: '757b15f8df11d93e12462c2ee3158ca5c479a7b2', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), index.h("div", { key: '995f6aecd32fddfee2a7e089dda6d2935461a6a0', class: `entries_dropdown` }, index.h("gb-input-dropdown", { key: 'e5fc384f5cb1a6f7dc101ed423d445e5bae4afcc', type: "default", state: 'default', size: "sm", "show-label": false, "show-hint-text": false, "show-supporting-text": false, "show-hep-icon": false, items: this.entries, "menu-position": "top", onDropdownItemSelected: this.handlePageSizeSelect.bind(this), value: this.defaultSelected }))))), this.type === 'card_minimal_center_aligned' && this.breakpoint === 'desktop' && (index.h(index.Fragment, null, index.h("gb-button", { key: 'f8bbd4551eddd15320ad9bfa4d51e31c4050381e', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, index.h("p", { key: '3ef10f16ca21cc7ca012736dab41be8394b18cf4' }, "Previous")), index.h("div", { key: '98f1c05ed91788ab725bac7ca998466ddf70043f', class: "page_number_text" }, index.h("p", { key: '93e4cbd511537f02548326de558773f5ab2325ea', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), index.h("gb-button", { key: 'f16e4db105b39605d8d9a522f39f430de047fb7c', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, index.h("p", { key: 'cd3b083d28d5296271060f00cbbfafe757f5e5f2' }, "Next")))), this.type === 'card_button_group_right_aligned' && this.breakpoint === 'desktop' && (index.h(index.Fragment, null, index.h("div", { key: '0ef97d3a49cc1b2be0b63c5d551fb70f555bf8aa', class: "pagination_entries" }, index.h("div", { key: '1d47f771e737106f8b51aeafab901ffec5b4009b', class: "entries_text" }, index.h("p", { key: 'af02e150ce9998b7f3ecb8f232a68ec954925be1', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), index.h("div", { key: '89fceab8a54669773a6113ef88efe955181e19ee', class: `entries_dropdown` }, index.h("gb-input-dropdown", { key: 'd3eddf9698c1d42c6b1c62db49fc57d171ec6c41', type: "default", state: 'default', size: "sm", "show-label": false, "show-hint-text": false, "show-supporting-text": false, "show-hep-icon": false, items: this.entries, "menu-position": "top", onDropdownItemSelected: this.handlePageSizeSelect.bind(this), value: this.defaultSelected }))), index.h("div", { key: '671caf175e63fd4ded4da096395b997440007630', class: "pagination_button_group" }, index.h("gb-pagination-button-group-base", { key: 'b2571a2c91afeee5e7712637dca8f430681da20d', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, index.h("p", { key: '5e27081a62dee6d613b132467287f4743c12a23d' }, "Previous")), index.h("div", { key: 'a62eab540397afdfabcb6d5bad4aa0f11176ed33', class: "btn_group" }, index.h("gb-pagination-button-group-base", { key: '2ce78efe2176d718782a5b9f64afe343580b3a9b', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, index.h("p", { key: '59a6831ad079604c37014fd462f75d6d18b0c17e' }, "1"))), index.h("gb-pagination-button-group-base", { key: '0314147c90b2daf561b878ba4b5cd9844729b40c', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, index.h("p", { key: '1353a80c7ab4cc727e70b451a7a3939b6f439b53' }, "2")), index.h("gb-pagination-button-group-base", { key: '56366c7856bba2c1bc2ce9dc055fa9ebbe71d60e', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, index.h("p", { key: '9a4ef5912af832782f92d31b50ea3466eb21a13b' }, "3")), this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (index.h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default' }, index.h("p", null, this.currentPage))) : null, index.h("gb-pagination-button-group-base", { key: 'bb7abd180eb460ff908ae420ba77733b14e2a8f2', icon: "false" }, index.h("p", { key: 'b35c900aae75ba72da8a84402e2f3afdd145c0f6' }, "...")), this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (index.h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default' }, index.h("p", null, this.currentPage))) : null, index.h("gb-pagination-button-group-base", { key: '7d5b6b6eae8377b24afb9f588bc585e2ec4176ed', icon: "false", state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 2) }, index.h("p", { key: '2af4e5b9500bf9c0d3f863e94ab082f9f4ba46e1' }, this.totalPages - 2)), index.h("gb-pagination-button-group-base", { key: '4d83c5aaa0b4ba0eb059707c9e6cdb08e898562b', icon: "false", state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 1) }, index.h("p", { key: 'dd8c5bc4a45cc7cad17a19d8d77cf94086a0c48a' }, this.totalPages - 1)), index.h("gb-pagination-button-group-base", { key: 'eaa7757e13deb0459d524bc5fa5197bf071637d7', icon: "false", state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages) }, index.h("p", { key: 'cde9f578edd1ac9daaf5489a4f7927d25627652d' }, this.totalPages)), index.h("gb-pagination-button-group-base", { key: '2b087eda2a45c0b423f3b06cf3ec44f233beba40', icon: "trailing", onClick: () => this.onNextButtonClicked() }, index.h("p", { key: '0c497fb40dc93032e1496c42468f76e6f5c00112' }, "Next"))))), this.type === 'card_button_group_left_aligned' && this.breakpoint === 'desktop' && (index.h(index.Fragment, null, index.h("div", { key: 'c9ea077e269aa1acfac15cc6784be4ae193aee95', class: "pagination_button_group" }, index.h("gb-pagination-button-group-base", { key: 'a57c60943a69eac31ca7db7563542ea099764f8b', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, index.h("p", { key: 'a4f9f6e27c02757b6aa0c2c46cd748482a6bb6e2' }, "Previous")), index.h("div", { key: '7795ca4a5e8a39c809aab4dea5c1936e4885cd69', class: "btn_group" }, index.h("gb-pagination-button-group-base", { key: 'f5be8376b0aafab856965bfc2813693d44c360fe', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, index.h("p", { key: '6a7bfa08dac1ab931b6291d791b9ee63440643c2' }, "1"))), index.h("gb-pagination-button-group-base", { key: '320fb18edaf018ed5365ff11ddc16e865eadcc27', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, index.h("p", { key: '0a683d7c54a98f31126ecc90e994c7525ceb281c' }, "2")), index.h("gb-pagination-button-group-base", { key: '119efbc523bc66897bf06dcf03aca59a72182467', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, index.h("p", { key: 'fc197de260ec7be76c4c0554c81415db5e896b7d' }, "3")), this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (index.h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default' }, index.h("p", null, this.currentPage))) : null, index.h("gb-pagination-button-group-base", { key: '0bb4cdf119738cc5c172a44f9bdc98439f15a9e5', icon: "false" }, index.h("p", { key: 'd0c2baffab92cb0790b6a7ce36dc8a084f7aec45' }, "...")), this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (index.h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default' }, index.h("p", null, this.currentPage))) : null, index.h("gb-pagination-button-group-base", { key: '895751688bb5ffb784ba9761c476f02fdd837779', icon: "false", state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 2) }, index.h("p", { key: '18a92d2e29dbd8117c4df7f69e7650b58dacafa9' }, this.totalPages - 2)), index.h("gb-pagination-button-group-base", { key: '7e4aa9c5d8b4e11c2087d37ac3beabb7e76c3517', icon: "false", state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 1) }, index.h("p", { key: '5d69958b87b73402f7a11588c52932f4ef417904' }, this.totalPages - 1)), index.h("gb-pagination-button-group-base", { key: '70a1d002c29f473f0f8d889fef190635891e7940', icon: "false", state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages) }, index.h("p", { key: '7a97090446301042cf1f199fc9bb7b8ffd52b168' }, this.totalPages)), index.h("gb-pagination-button-group-base", { key: '3d3bbbf08f2e2a02992f931c188137adf59ac6c7', icon: "trailing", onClick: () => this.onNextButtonClicked() }, index.h("p", { key: 'f543e2f0d4357379cfcd39bd46ea295b3a1a4130' }, "Next"))), index.h("div", { key: '7ee9e7e9a717aae439d29c78e8f5eac6f601d90a', class: "pagination_entries" }, index.h("div", { key: '34bd262e403234296f9206ceae0315fa8dbc012e', class: "entries_text" }, index.h("p", { key: '26753e797ae2d8266a48f15f19000e911ded4d38', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), index.h("div", { key: 'e38b33ac821449c7541f8978eefb695f539e7d46', class: `entries_dropdown` }, index.h("gb-input-dropdown", { key: '93608eda2cc55ac2abf7c247781517c29796cd57', type: "default", state: 'default', size: "sm", "show-label": false, "show-hint-text": false, "show-supporting-text": false, "show-hep-icon": false, items: this.entries, "menu-position": "top", onDropdownItemSelected: this.handlePageSizeSelect.bind(this), value: this.defaultSelected }))))), this.type === 'card_button_group_center_aligned' && this.breakpoint === 'desktop' && (index.h(index.Fragment, null, index.h("div", { key: '2480de8a43b2cc9068527f0c015a6e03d6f86504', class: "pagination_button_group" }, index.h("gb-pagination-button-group-base", { key: '0fd40edf4c175dfa32994a9edaeefc74eb93c7ff', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, index.h("p", { key: '1ff0442271f9a2a350b6ce48a19d2cd5794b4374' }, "Previous")), index.h("div", { key: '657d46dc78ff70bfd1a1bcd67bb24f6fbc5067b8', class: "btn_group" }, index.h("gb-pagination-button-group-base", { key: 'a2b071a84ffe3232f86c1f89efe47ff28c07dcf5', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, index.h("p", { key: '3b5ea9aa67554741a0eeefba9b30a9ff677ecc0d' }, "1"))), index.h("gb-pagination-button-group-base", { key: 'b195c8649f752c71206c2c3a2e466beb5ef83001', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, index.h("p", { key: 'b733804bf6c520314f0c1e56069ac9554a6768e6' }, "2")), index.h("gb-pagination-button-group-base", { key: '055178d62c825bd55a358b5b0157b6f2c895ae57', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, index.h("p", { key: 'd113755486055949ff54c57b19f01dff2f37d5f7' }, "3")), this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (index.h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default' }, index.h("p", null, this.currentPage))) : null, index.h("gb-pagination-button-group-base", { key: '5627d055abb124f13a4e645022144eb64d928310', icon: "false" }, index.h("p", { key: '6911109fa5ba6a3a8538e6889f45ddb544b72c64' }, "...")), this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (index.h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default' }, index.h("p", null, this.currentPage))) : null, index.h("gb-pagination-button-group-base", { key: 'afbcc81c47cdf1926f4948fe6a7b57b022a2e4b6', icon: "false", state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 2) }, index.h("p", { key: '87793871279606278935c74c6e019f72fa619e60' }, this.totalPages - 2)), index.h("gb-pagination-button-group-base", { key: 'b42edd82b114ca53b457860ec9003f584f48ff23', icon: "false", state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 1) }, index.h("p", { key: '6af475e8140506a29db8d1b6416fc44ca6a3ed9f' }, this.totalPages - 1)), index.h("gb-pagination-button-group-base", { key: '781f7aac8c5a2fd7de39d3849b7d9ecfb37fb2e2', icon: "false", state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages) }, index.h("p", { key: '8e5206fc5c5ce66f2222495beccb4f32352ddf8a' }, this.totalPages)), index.h("gb-pagination-button-group-base", { key: 'be9c9addf98dc021ac1cf577dccafa044804c085', icon: "trailing", onClick: () => this.onNextButtonClicked() }, index.h("p", { key: 'd78887e7348b780cdcc1c108a8efe2aec9cdabd9' }, "Next"))))), this.type === 'page_default' && this.breakpoint === 'mobile' && (index.h(index.Fragment, null, index.h("gb-button", { key: '3e617ab60c6f5248489082c9d4be9cf6ef3f54f3', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), index.h("div", { key: '4bb9aadafb2742ae6c914f4200331d132653ca00', class: "page_number_text" }, index.h("p", { key: '4744ad5085b8ac3f6dfe53526cd87369b57d4c65', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), index.h("gb-button", { key: '59b0b06a69e69b276c57c92ef8564d246b193d3f', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'page_minimal_center_aligned' && this.breakpoint === 'mobile' && (index.h(index.Fragment, null, index.h("gb-button", { key: 'a474a0fc1cdf50bbd2ab5ea7d591cb720b6e1b38', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), index.h("div", { key: '7d4fcbe01a218005e614d9c1e4d5a646b746cbfd', class: "page_number_text" }, index.h("p", { key: '4f3836af47da53ab71da83b7dafb8d46b8d4133b', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), index.h("gb-button", { key: 'ffc54cd025a3732f41bd714e0a01a384148a3029', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_default' && this.breakpoint === 'mobile' && (index.h(index.Fragment, null, index.h("gb-button", { key: '0c98c897e62c55be71fa4e7ee67cce78031fdf68', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), index.h("div", { key: 'affd25578790f14b028bbcd3b730e4c0618505a1', class: "page_number_text" }, index.h("p", { key: 'ca78cf984aaa4a32ec89d4056614e729f5122916', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), index.h("gb-button", { key: '7b0c26259ae1caf0c54beef43cdc438dffe3eea7', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_minimal_right_aligned' && this.breakpoint === 'mobile' && (index.h(index.Fragment, null, index.h("gb-button", { key: '02ba96aabca5405a12aa7b7d511a4decb7e161fd', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), index.h("div", { key: '3bbc380bff805f98eee74dd818c76efe246ed439', class: "page_number_text" }, index.h("p", { key: '05299c7968a35b57042dec727bae8a9fd5079734', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), index.h("gb-button", { key: '98773ef30011123b1bcfdb7a51f79348b5d55262', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_minimal_left_aligned' && this.breakpoint === 'mobile' && (index.h(index.Fragment, null, index.h("gb-button", { key: '842ad148ef033fe50bd1d8b6a4e99d3b687368b7', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), index.h("div", { key: '6c139cc120ff5fea4866dcd75e1ae4bd963b1cc4', class: "page_number_text" }, index.h("p", { key: 'fef760dec31d268498c8ff2e93645166b126e3d3', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), index.h("gb-button", { key: '3dc7aed32100e9587617af5a6d3d6bc1707be4c0', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_minimal_center_aligned' && this.breakpoint === 'mobile' && (index.h(index.Fragment, null, index.h("gb-button", { key: '339e28092f3c8ea643f073f28a7443ff4ef3547c', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), index.h("div", { key: '64b8305f24e8931189c160856be3c0b7e80499b1', class: "page_number_text" }, index.h("p", { key: 'ed2c5f55e6801b3450948b159897453d73000bf1', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), index.h("gb-button", { key: '397a318c559fe86b82d02fdb96282a9ca3f74a2f', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_button_group_right_aligned' && this.breakpoint === 'mobile' && (index.h("div", { key: '0a0ff309cd2e8da3f7d1ad5a88673a463aec9baa', class: "pagination_button_group" }, index.h("gb-pagination-button-group-base", { key: '633364e88128e3d27f07cbc0b5bb8738d100af6f', icon: "only", "icon-src": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), index.h("div", { key: '092e1070fae3bdc5f12a51efc63836ee5772e950', class: "btn_group" }, index.h("gb-pagination-button-group-base", { key: '39bd02f4b6f10264b2c7dd510c30e2db59f688e3', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, index.h("p", { key: '252e63ed2bbdf8963d6eadaa4f9879a3ae983cb2' }, "1"))), index.h("gb-pagination-button-group-base", { key: 'fce699cd23e9caa8647f6b95dbc9b232dfd80136', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, index.h("p", { key: 'eda1d88614391a5da41da5a36379ae40a4dd6608' }, "2")), this.currentPage > 2 && this.currentPage <= this.totalPages / 2 ? (index.h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 2 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default' }, index.h("p", null, this.currentPage))) : null, index.h("gb-pagination-button-group-base", { key: 'ba1a4585b4dae5eb17c31a601cd5e7934ee233e2', icon: "false" }, index.h("p", { key: 'e2e74930dff253a9f3780562c83d14873cbef75f' }, "...")), this.currentPage > this.totalPages / 2 && this.currentPage <= this.totalPages - 2 ? (index.h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.totalPages / 2 && this.currentPage <= this.totalPages - 2 ? 'active' : 'default' }, index.h("p", null, this.currentPage))) : null, index.h("gb-pagination-button-group-base", { key: '1b431351c91fd06c297638bdf61135493a10a843', icon: "false", state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 1) }, index.h("p", { key: '8c86ffd2977015d104b68eac96cc7a7cb59dbd8b' }, this.totalPages - 1)), index.h("gb-pagination-button-group-base", { key: '09c8eedec8ad8893bc217cffa05d8048adb15015', icon: "false", state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages) }, index.h("p", { key: 'f99b83d7d06c413e8d3b155d1f0e9ea8973814c3' }, this.totalPages)), index.h("gb-pagination-button-group-base", { key: '47410d27fc126ba2b836bc26018aa3f97e95e9f0', icon: "only", "icon-src": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_button_group_left_aligned' && this.breakpoint === 'mobile' && (index.h("div", { key: '6e90b7219513cbd3397918c490a31ba241956b72', class: "pagination_button_group" }, index.h("gb-pagination-button-group-base", { key: '7e01d4c0496c7ba6694a0a551f0690a3bcad81fd', icon: "only", "icon-src": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), index.h("div", { key: '50111e31aaaf812c8dd0808864af424c69d2e549', class: "btn_group" }, index.h("gb-pagination-button-group-base", { key: '0a383658ebfa21a7903e00c25873e4dd57897c00', icon: "false", state: "active" }, index.h("p", { key: 'c6c6982df3d52ca6dd4c640379f013867dcf7043' }, "1"))), index.h("gb-pagination-button-group-base", { key: 'b0ea99a6e8337479c6dce09fb32bda1712cb2be8', icon: "false" }, index.h("p", { key: '8c90c2c6ddfd5da38ee3b3fabb849142a01cb608' }, "2")), index.h("gb-pagination-button-group-base", { key: '7444494f25f26911e4be797f23c5eb284abd0616', icon: "false" }, index.h("p", { key: 'eb9533579bf1b639a2ccf3e630607984bfc4fbc6' }, "...")), index.h("gb-pagination-button-group-base", { key: 'e6b21b6bb3320b9634c0b7670643559722dc1820', icon: "false" }, index.h("p", { key: '34d53fc7427939c65120bf3c64596cc4011860fe' }, "9")), index.h("gb-pagination-button-group-base", { key: '3fc89812fb24925dbd58657dc29db7edc6b3c9fc', icon: "false" }, index.h("p", { key: 'b1006f40b99c7f67901abf342cdedd76d402fc5d' }, "10")), index.h("gb-pagination-button-group-base", { key: '48efc6e673c432c79b146d0ac534fce331057514', icon: "only", "icon-src": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_button_group_center_aligned' && this.breakpoint === 'mobile' && (index.h("div", { key: 'de5de2f146b68e69f56e90f52e887a9be2be0e2b', class: "pagination_button_group" }, index.h("gb-pagination-button-group-base", { key: '47cd9b972a222e969d05a0166d8d6290d350d889', icon: "only", "icon-src": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), index.h("div", { key: '35b2f5c3a7651c7aff174fd21afd813ff58b828a', class: "btn_group" }, index.h("gb-pagination-button-group-base", { key: '570d88d72a9c8b4631fde5622ea227a054706a98', icon: "false", state: "active" }, index.h("p", { key: '33d6c076ead43760a94031687d6964ce75da710b' }, "1"))), index.h("gb-pagination-button-group-base", { key: 'b5a0f632fee095326c30b59b0e460bda6543cda9', icon: "false" }, index.h("p", { key: '0b8709a77adf752bc329549efc65d58b40aa174b' }, "2")), index.h("gb-pagination-button-group-base", { key: 'a78a564ff055d42e945218b883ab50cf09dd725e', icon: "false" }, index.h("p", { key: 'f069f8c9148ca2e36e8c98d174d6be4ee828e4e2' }, "...")), index.h("gb-pagination-button-group-base", { key: 'f4d70878489d1e26d17b40ed31be5d1cb7e47d97', icon: "false" }, index.h("p", { key: '6429bbf74283d2505fb9a6a6f1d73b26492aba98' }, "9")), index.h("gb-pagination-button-group-base", { key: '92d2c1f4565cc054f1e09fb51e05121963bc6e4b', icon: "false" }, index.h("p", { key: 'fdfe9ca10febed8c22b632041a52183e931e82e3' }, "10")), index.h("gb-pagination-button-group-base", { key: 'd419a0e9e7fb0da62db8d804f8c3d99f29896256', icon: "only", "icon-src": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() })))));
     }
 };
 GbPagination.style = gbPaginationCss;

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

@@ -34,7 +34,7 @@ const GbProgressCircle = class {
         }
     }
     render() {
-        return (index.h("div", { key: 'eb80c605f83f65aa6b37fd03c6e244cedf14710b', class: "gauge" }, index.h("div", { key: 'c7fd11a7ea23c110973caf7dc61d669099493d41', class: "arc", ref: el => (this.arcElement = el) }), index.h("div", { key: 'c044fa48ed8d33b97304f784119619368268deb3', class: "mask" }), this.label && (index.h("div", { key: '0fcdbe182f171f6e43eda61fce89b2a1897c11bb', class: "label", ref: el => (this.labelElement = el) }, index.h("p", { key: '58b8b9c46635bec3f695f357ec6d0b6d541ebfdb', class: "display-lg-semi-bold" }, `${this.progress}%`)))));
+        return (index.h("div", { key: '1b9fd4764122d4b2895c34b1c40b3f81decb08c4', class: "gauge" }, index.h("div", { key: '2a60898d1545df9e672f091dec796f1084b4266f', class: "arc", ref: el => (this.arcElement = el) }), index.h("div", { key: 'ae0543b2d8fee1f74f7190e7ca6a50fbf2fac806', class: "mask" }), this.label && (index.h("div", { key: '2875106e61fa4e0e2c332baa4565c7851cf8e46f', class: "label", ref: el => (this.labelElement = el) }, index.h("p", { key: '2e3177d4c51ac950ffc89e40c0951514e0eefea8', class: "display-lg-semi-bold" }, `${this.progress}%`)))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -11,7 +11,7 @@ const GbScrollbar = class {
         this.length = '25%';
     }
     render() {
-        return (index.h("div", { key: 'ac90735685e875623fe0196f8f5f0bc6b2173d0c', class: "scrollbar-container" }, index.h("div", { key: 'd26c2ca70eb2cc4770f39cfe23e75787d6656166', class: "scrollbar", style: { height: this.length } }, index.h("slot", { key: 'e87f88608046cf8e6d4d28d81e9e5b02f7f6de4c' }))));
+        return (index.h("div", { key: '13bd5e169fde2b506eded07a64ece8517349c2bf', class: "scrollbar-container" }, index.h("div", { key: '2b97f06d0a803690701f339eb320aca0f06e68c8', class: "scrollbar", style: { height: this.length } }, index.h("slot", { key: '69a2d591fc65559c2d7e2bc185ce44d65d17c5cb' }))));
     }
 };
 GbScrollbar.style = gbScrollbarCss;