npm - globuswebcomponents - Versions diffs - 1.7.0 → 1.7.2 - Mend

globuswebcomponents 1.7.0 → 1.7.2

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

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

@@ -0,0 +1 @@

+ {"file":"gb-input-dropdown.gb-pagination-button-group-base.gb-pagination-number-base.entry.cjs.js","mappings":"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","names":["getAssetPath","h","Fragment","index","StateEnum"],"sources":["src/components/gb-input-dropdown/gb-input-dropdown.css?tag=gb-input-dropdown&encapsulation=shadow","src/components/gb-input-dropdown/gb-input-dropdown.tsx","src/components/gb-pagination-button-group-base/gb-pagination-button-group-base.css?tag=gb-pagination-button-group-base&encapsulation=shadow","src/components/gb-pagination-button-group-base/gb-pagination-button-group-base.tsx","src/components/gb-pagination-number-base/gb-pagination-number-base.css?tag=gb-pagination-number-base&encapsulation=shadow","src/components/gb-pagination-number-base/gb-pagination-number-base.tsx"],"sourcesContent":["@import './../../global/global.css';\r\n\r\n.input_dropdown_div{\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n border-radius: 0.5rem;\r\n gap: var(--spacing-3);\r\n border: 1px solid var(--color-border-input, #CDD5DF);\r\n background-color: var(--color-background-card, #FFFFFF);\r\n padding: var(--spacing-none) var(--spacing-3);\r\n cursor: pointer;\r\n position: relative;\r\n}\r\n\r\n.input_dropdown_container{\r\n display: flex;\r\n flex-direction: column;\r\n gap: var(--spacing-2);\r\n}\r\n\r\n.input_dropdown_container.tag{\r\n min-height: 3rem;\r\n}\r\n\r\n.icon{\r\n display: flex;\r\n align-items: center;\r\n}\r\n\r\n.input_with_label{\r\n display: flex;\r\n flex-direction: column;\r\n gap: var(--spacing-2);\r\n}\r\n\r\n.hint_text{\r\n color: var(--color-text-subtle, #697586);\r\n}\r\n\r\n.error_text{\r\n color: var(--color-text-danger, #B51726);\r\n}\r\n\r\n/* Size Styles */\r\n.input_dropdown_div.sm{\r\n height: 2.5rem;\r\n}\r\n\r\n.input_dropdown_div.md{\r\n height: 3rem;\r\n}\r\n\r\n.dot.sm{\r\n width: var(--spacing-2);\r\n height: var(--spacing-2);\r\n}\r\n\r\n.dot.md{\r\n width: 0.625rem;\r\n height: 0.625rem;\r\n}\r\n\r\n/* State Styles */\r\n.input_dropdown_div.focused{\r\n border-color: var(--color-border-selected, #075DB2);\r\n}\r\n\r\n.input_dropdown_div.destructive{\r\n border-color: var(--color-border-danger, #B51726);\r\n}\r\n\r\n.input_dropdown_div.disabled{\r\n background-color: var(--color-background-disabled, #F6F8FA);\r\n pointer-events: none;\r\n cursor: not-allowed;\r\n}\r\n\r\n.placeholder{\r\n display: flex;\r\n justify-content: stretch;\r\n width: 100%;\r\n white-space: nowrap;\r\n}\r\n\r\n.content{\r\n display: flex;\r\n gap: var(--spacing-2);\r\n overflow: hidden; /* Clip overflowing content */\r\n /* width: 50px; */\r\n flex: 1 0 0;\r\n}\r\n\r\n.text.tag{\r\n display: flex;\r\n justify-content: flex-start;\r\n align-items: stretch;\r\n flex-wrap: wrap;\r\n gap: 0.38rem;\r\n padding: 0.4rem 0;\r\n}\r\n\r\n.added_tag{\r\n width: fit-content;\r\n}\r\n\r\n.help_icon{\r\n display: flex;\r\n align-items: center;\r\n height: fit-content;\r\n}\r\n\r\n.dropdown_icon{\r\n display: flex;\r\n align-items: center;\r\n}\r\n\r\nsvg.disabled path{\r\n stroke: var(--color-icon-disabled, #CDD5DF);\r\n}\r\n\r\n.dropdown_menu{\r\n display: flex;\r\n min-width: 100%;\r\n max-height: 300px;\r\n padding: var(--spacing-none);\r\n flex-direction: column;\r\n align-items: flex-start;\r\n align-items: stretch;\r\n border-radius: var(--rounded-sm);\r\n border: 1px solid var(--color-border-subtler, #E3E8EF);\r\n background: var(--color-surface, #FFFFFF);\r\n box-shadow: var(--shadow-sm);\r\n position: absolute;\r\n gap: var(--spacing-none);\r\n transition: 1s ease-in-out;\r\n overflow-y: auto;\r\n}\r\n\r\n.dropdown_menu.top{\r\n bottom: 105%;\r\n left: 0;\r\n z-index: 999;\r\n}\r\n\r\n.dropdown_menu.bottom{\r\n top: 105%;\r\n left: 0;\r\n z-index: 999;\r\n}\r\n\r\n/* .input_dropdown_div.sm.tag{\r\n min-height: 2.5rem;\r\n} */\r\n\r\n.input_dropdown_div.tag{\r\n min-height: 3rem;\r\n height: fit-content;\r\n}\r\n\r\n.input_dropdown_div.md.tag{\r\n min-height: 2.5rem;\r\n}\r\n\r\n.input_dropdown_div.md.tag{\r\n min-height: 3rem;\r\n}\r\n\r\n.opened{\r\n transform: rotate(180deg);\r\n transition: 0.2s ease-in-out;\r\n}\r\n\r\n::slotted([slot=\"tooltip_label\"]){\r\n white-space: nowrap;\r\n color: var(--color-text, #4B5565);\r\n}\r\n\r\n::slotted([slot=\"tooltip_supporting_text\"]){\r\n min-width: fit-content;\r\n max-width: 18.5rem;\r\n color: var(--color-text-subtle, #697586);\r\n margin-top: 5rem;\r\n}\r\n\r\n::slotted([slot=\"initials\"].gray){\r\n color: #4B5565;\r\n}\r\n\r\n::slotted([slot=\"initials\"].blue){\r\n color: var(--color-text-information, #064E94);\r\n}\r\n\r\n::slotted([slot=\"initials\"].cyan){\r\n color: var(--color-text-discovery, #0086C9);\r\n}\r\n\r\n::slotted([slot=\"initials\"].pink){\r\n color: var(--color-text-pink, #DD2590);\r\n}\r\n\r\n::slotted([slot=\"initials\"].purple){\r\n color: var(--color-text-purple, #6938EF);\r\n}\r\n\r\n::slotted([slot=\"initials\"].green){\r\n color: var(--color-text-success, #079455);\r\n}\r\n\r\n::slotted([slot=\"initials\"].yellow){\r\n color: var(--color-text-warning, #DC6803);\r\n}\r\n\r\n.dropdown_search_field{\r\n background: var(--color-surface, #FFFFFF);\r\n padding: var(--spacing-2) var(--spacing-2) var(--spacing-none) var(--spacing-2);\r\n position: sticky;\r\n top: 0;\r\n z-index: 999;\r\n}\r\n\r\n.empty_state{\r\n margin: auto;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n}\r\n\r\n.background{\r\n position: relative;\r\n width: 80%;\r\n}\r\n\r\n.message_background{\r\n position: absolute;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n gap: var(--spacing-1);\r\n}\r\n\r\n.illustration{\r\n width: 100px;\r\n height: 100px;\r\n}\r\n\r\n.message{\r\n color: var(--color-text-bold, #202939);\r\n}\r\n\r\n.text{\r\n display: flex;\r\n align-items: center;\r\n gap: var(--spacing-2);\r\n flex: 1 1 auto; /* Allow it to grow and shrink */\r\n overflow: hidden; /* Prevent content from overflowing */\r\n}\r\n\r\n.selected_text{\r\n overflow: hidden; /* Hide overflowing text */\r\n text-overflow: ellipsis;\r\n white-space: nowrap; /* Prevent wrapping */\r\n flex: 1 1 auto; /* Take up available space and adjust dynamically */\r\n min-width: 0; /* Ensures it respects parent width in flexbox */\r\n}\r\n\r\n/* .new_div{\r\n background: red;\r\n display: flex;\r\n flex: 1 0 0;\r\n justify-content: space-between;\r\n} */\r\n\r\n/* .icon_and_text{\r\n background: purple;\r\n display: flex;\r\n flex: 1 0 0;\r\n} */","import { Component, Prop, h, Fragment, Element, State, getAssetPath, Listen, Event, EventEmitter, Watch } from '@stencil/core';\r\nimport { ColorTypes, DropdownTypes, GeneralSizes, StateEnum } from '../../models/reusableModels';\r\n@Component({\r\n tag: 'gb-input-dropdown',\r\n styleUrl: 'gb-input-dropdown.css',\r\n shadow: true,\r\n})\r\nexport class GbInputDropdown {\r\n @Prop() type: DropdownTypes;\r\n @Prop({ mutable: true }) state: 'default' | 'focused' | 'disabled' | 'filled';\r\n @Prop() size: GeneralSizes;\r\n @Prop() showLabel: boolean = false;\r\n @Prop() label: string = '';\r\n @Prop() placeholder: string = '';\r\n @Prop() showHintText: boolean;\r\n @Prop() hintText: string = '';\r\n @Prop() showHelpIcon: boolean;\r\n @Prop() showLeadingIcon: boolean = false;\r\n @Prop() iconSwap: string = '';\r\n @Prop() text: boolean = false;\r\n @Prop() leadingIcon: string = '';\r\n @Prop() icon: 'country' | 'avatar' | 'dot' | 'false';\r\n @Prop({ mutable: true }) items: any[] = [\r\n { name: 'Mock Item A', username: 1 },\r\n { name: 'Mock Item B', username: 3 },\r\n { name: 'Mock Item C', username: 3 },\r\n { name: 'Mock Item D', username: 3 },\r\n { name: 'Mock Item E', username: 3 },\r\n 45,\r\n 50,\r\n 20,\r\n 25,\r\n 90,\r\n 92,\r\n 53,\r\n 'Activated',\r\n 'Deactivated',\r\n 'John Doe',\r\n 'John smith',\r\n 'Jane leo'\r\n ];\r\n @Prop({ mutable: true }) value: any[] = [\r\n // { name: 'Mock Item A', username: 1, selected: false },\r\n // { name: 'Mock Item B', username: 2, selected: false },\r\n // { name: 'Mock Item C', username: 3, selected: false },\r\n // 45,\r\n // 50,\r\n // 20,\r\n // 25,\r\n // 90,\r\n // 'Activated',\r\n // 'Deactivated',\r\n // 'Transaction Status'\r\n ];\r\n @Prop() supportingText: boolean = false;\r\n @Prop() color: ColorTypes;\r\n @Prop() showBorder: boolean = false;\r\n @Prop() menuPosition: 'top' | ' bottom';\r\n @Prop() showSearchInput: boolean = false;\r\n @Prop() inputValue: string;\r\n @Prop({ mutable: true }) destructive: boolean = false;\r\n @Prop() errorText: string = '';\r\n @State() leadingIconSvg: string = '';\r\n @State() dropdownOpen: boolean = false;\r\n @State() selectedItems: any[] = [];\r\n @State() unselectedItems: any[] = [];\r\n @State() selectedItem: any;\r\n @State() searchItem: any;\r\n @State() searchResults: any;\r\n @Element() el: HTMLElement;\r\n // @Event() dropdownValue: EventEmitter<any>;\r\n @Event() dropdownItemSelected: EventEmitter<any>;\r\n\r\n dropdownRef!: HTMLElement;\r\n\r\n searchItems(event: CustomEvent<any>) {\r\n this.searchItem = event.detail;\r\n this.searchResults = this.items.filter(item => {\r\n if (typeof item === 'string') {\r\n return item.toLowerCase().includes(this.searchItem.toLowerCase());\r\n } else if (typeof item === 'number') {\r\n return item.toString().includes(this.searchItem.toString());\r\n } else if (typeof item === 'object') {\r\n return item.name.toLowerCase().includes(this.searchItem.toLowerCase());\r\n }\r\n });\r\n }\r\n\r\n @Watch('destructive')\r\n watchDestructive() {\r\n this.destructive = this.destructive;\r\n }\r\n\r\n disconnectedCallback() {\r\n document.removeEventListener('click', this.handleClickOutside);\r\n }\r\n\r\n @Listen('click', { target: 'document' })\r\n handleClickOutside(event: MouseEvent) {\r\n if (this.dropdownOpen && !this.el.contains(event.target as Node)) {\r\n this.dropdownOpen = false;\r\n }\r\n }\r\n\r\n toggleDropdown(event: MouseEvent) {\r\n if (this.state !== 'disabled') {\r\n this.dropdownOpen = !this.dropdownOpen;\r\n }\r\n\r\n // console.log(this.inputValue);\r\n event.stopPropagation();\r\n }\r\n\r\n isItemSelected(item) {\r\n const isObject = typeof item === 'object';\r\n if (this.value.length === 0) {\r\n return this.selectedItems.some(i => (isObject ? i.name === item.name : i === item));\r\n } else if (this.value.length > 0) {\r\n return this.value.some(i => (isObject ? i.name === item.name : i === item));\r\n }\r\n }\r\n\r\n async loadIcon(iconName: string) {\r\n const iconPath = getAssetPath(`${iconName}`);\r\n const response = await fetch(iconPath);\r\n const svg = await response.text();\r\n this.leadingIconSvg = svg;\r\n }\r\n\r\n getAvatarSize() {\r\n switch (this.size) {\r\n case 'sm':\r\n return 'xs';\r\n case 'md':\r\n return 'xs';\r\n }\r\n }\r\n\r\n sortDropdownItems(menuItems: any[]): any[] {\r\n return menuItems.sort((a, b) => {\r\n if (a.selected && !b.selected) {\r\n return -1; // Move selected items up\r\n } else if (!a.selected && b.selected) {\r\n return 1; // Keep unselected items down\r\n }\r\n return 0; // Keep order if both are selected or unselected\r\n });\r\n }\r\n\r\n handleItemSelect(item) {\r\n this.destructive = false;\r\n\r\n if (this.type === 'tags') {\r\n if (this.state === 'default') {\r\n this.selectMultipleItems(item);\r\n // console.log(this.state);\r\n } else if (this.state === 'filled' && this.value.length > 0) {\r\n this.state = 'default';\r\n this.value.length = 0;\r\n // console.log(this.state);\r\n this.selectMultipleItems(item);\r\n } else if (this.state === 'filled' && this.value.length === 0) {\r\n this.selectMultipleItems(item);\r\n // console.log(this.state);\r\n }\r\n } else {\r\n if (this.state === 'default') {\r\n this.singleItemSelect(item);\r\n // console.log(this.state);\r\n } else if (this.state === 'filled' && this.value.length > 0) {\r\n this.state = 'default';\r\n this.value.length = 0;\r\n this.singleItemSelect(item);\r\n // console.log(this.state);\r\n } else if (this.state === 'filled' && this.value.length === 0) {\r\n this.singleItemSelect(item);\r\n // console.log(this.state);\r\n }\r\n }\r\n\r\n this.state = this.selectedItems.length > 0 ? 'filled' : 'default';\r\n // console.log(this.state)\r\n }\r\n\r\n singleItemSelect(item) {\r\n // Handle single selection for other types\r\n this.selectedItem = item; // Store single selected item\r\n this.selectedItems = [item]; // Ensure only one item in selectedItems\r\n\r\n // Close the dropdown after selection for single selection types\r\n this.dropdownOpen = false;\r\n // console.log(this.selectedItems);\r\n this.dropdownItemSelected.emit(this.selectedItem);\r\n }\r\n\r\n selectMultipleItems(item) {\r\n const isObject = typeof item === 'object';\r\n\r\n const isSelected = this.selectedItems.some(i => (isObject ? i.name === item.name : i === item));\r\n\r\n if (isSelected) {\r\n // Unselect item: Move it from selectedItems to unselectedItems\r\n this.selectedItems = this.selectedItems.filter(i => (isObject ? i.name !== item.name : i !== item));\r\n if (!this.unselectedItems.some(i => (isObject ? i.name === item.name : i === item))) {\r\n this.unselectedItems = [...this.unselectedItems, item];\r\n }\r\n } else {\r\n // Select item: Move it from unselectedItems to selectedItems\r\n this.selectedItems = [...this.selectedItems, item];\r\n this.unselectedItems = this.unselectedItems.filter(i => (isObject ? i.name !== item.name : i !== item));\r\n // console.log(this.selectedItems);\r\n\r\n this.dropdownItemSelected.emit(this.selectedItems);\r\n }\r\n }\r\n\r\n handleTagRemove(item) {\r\n if (this.value.length === 0) {\r\n const isObject = typeof item === 'object';\r\n\r\n // Remove item from selectedItems\r\n this.selectedItems = this.selectedItems.filter(i => (isObject ? i.name !== item.name : i !== item));\r\n\r\n // Add item back to unselectedItems if not already present\r\n if (!this.unselectedItems.some(i => (isObject ? i.name === item.name : i === item))) {\r\n this.unselectedItems = [...this.unselectedItems, item];\r\n }\r\n\r\n // Optionally update state or emit event\r\n this.state = this.selectedItems.length > 0 ? 'filled' : 'default';\r\n } else if (this.value.length > 0) {\r\n const isObject = typeof item === 'object';\r\n\r\n // Remove item from selectedItems\r\n this.value = this.value.filter(i => (isObject ? i.name !== item.name : i !== item));\r\n this.selectedItems = this.value;\r\n\r\n // Add item back to unselectedItems if not already present\r\n if (!this.unselectedItems.some(i => (isObject ? i.name === item.name : i === item))) {\r\n this.unselectedItems = [...this.unselectedItems, item];\r\n }\r\n\r\n // Optionally update state or emit event\r\n this.state = this.selectedItems.length > 0 ? 'filled' : 'default';\r\n }\r\n }\r\n\r\n componentWillRender() {\r\n if (this.value.length > 0 && this.state === 'default') {\r\n this.state = 'filled';\r\n }\r\n }\r\n\r\n // @Method()\r\n // clearSelection() {}\r\n\r\n componentWillLoad() {\r\n this.loadIcon(this.leadingIcon);\r\n\r\n if (this.type !== 'tags') {\r\n this.selectedItem = null; // For single selection types\r\n }\r\n\r\n if (this.value.length > 0) {\r\n if (Array.isArray(this.items)) {\r\n this.selectedItems = [];\r\n this.unselectedItems = [];\r\n\r\n // Separate objects from primitive values\r\n const objectValues = this.value.filter(val => typeof val === 'object' && val !== null);\r\n const primitiveValues = this.value.filter(val => typeof val !== 'object');\r\n\r\n // Find selected items\r\n this.selectedItems = this.items.filter(item => {\r\n if (typeof item === 'object' && item !== null) {\r\n return objectValues.some(val => val.name === item.name);\r\n } else {\r\n return primitiveValues.includes(item);\r\n }\r\n });\r\n\r\n // Find unselected items\r\n this.unselectedItems = this.items.filter(item => {\r\n if (typeof item === 'object' && item !== null) {\r\n return !objectValues.some(val => val.name === item.name);\r\n } else {\r\n return !primitiveValues.includes(item);\r\n }\r\n });\r\n }\r\n } else {\r\n // If value array is empty, all items are unselected\r\n this.selectedItems = [];\r\n this.unselectedItems = [...this.items];\r\n }\r\n\r\n // console.log('Selected Items:', this.selectedItems);\r\n // console.log('Unselected Items:', this.unselectedItems);\r\n }\r\n\r\n componentDidLoad() {\r\n if (this.type !== 'tags') {\r\n document.addEventListener('click', this.handleClickOutside);\r\n }\r\n\r\n const slottedInitials = this.el.querySelector('[slot=\"initials\"]');\r\n\r\n const mainTextSlot = this.el.querySelector('[slot=\"tooltip_label\"]');\r\n const supportingTextSlot = this.el.querySelector('[slot=\"tooltip_supporting_text\"]');\r\n\r\n if (slottedInitials) {\r\n slottedInitials.classList.add('text-xxs-semi-bold');\r\n }\r\n\r\n if (mainTextSlot) {\r\n mainTextSlot.classList.add('text-xs-semi-bold');\r\n }\r\n\r\n if (supportingTextSlot) {\r\n supportingTextSlot.classList.add('text-xs-regular');\r\n }\r\n }\r\n\r\n applyColorToInitials() {\r\n switch (this.color) {\r\n case 'gray':\r\n return 'gray';\r\n case 'blue':\r\n return 'blue';\r\n case 'cyan':\r\n return 'cyan';\r\n case 'pink':\r\n return 'pink';\r\n case 'purple':\r\n return 'purple';\r\n case 'green':\r\n return 'green';\r\n case 'yellow':\r\n return 'yellow';\r\n }\r\n }\r\n\r\n render() {\r\n const emptyStateBackground = getAssetPath('assets/empty-state-background.svg');\r\n const illustration = getAssetPath('assets/empty-state-no-data.svg');\r\n\r\n return [\r\n <div class={`input_dropdown_container ${this.type === 'tags' ? 'tag' : ''}`}>\r\n <div class={`input_with_label`}>\r\n {this.showLabel && (\r\n <p class=\"text-sm-regular\" style={{ color: '#4B5565' }}>\r\n {this.label.charAt(0).toUpperCase() + this.label.slice(1).toLowerCase()}\r\n </p>\r\n )}\r\n <div\r\n class={`input_dropdown_div ${this.size} ${this.state} ${this.destructive ? 'destructive' : ''} ${this.type === 'tags' ? 'tag' : ''} ${\r\n this.dropdownOpen ? 'focused' : ''\r\n }`}\r\n onClick={e => this.toggleDropdown(e)}\r\n >\r\n {this.type === 'icon_leading' && (\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\">\r\n <path\r\n 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\"\r\n stroke=\"#697586\"\r\n stroke-width=\"1.66667\"\r\n />\r\n <path\r\n 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\"\r\n stroke=\"#697586\"\r\n stroke-width=\"1.66667\"\r\n />\r\n </svg>\r\n )}\r\n {this.type === 'avatar_leading' && (\r\n <>\r\n {this.state === 'default' && (\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\">\r\n <path\r\n 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\"\r\n stroke=\"#4B5565\"\r\n stroke-width=\"1.66667\"\r\n />\r\n <path\r\n 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\"\r\n stroke=\"#4B5565\"\r\n stroke-width=\"1.66667\"\r\n />\r\n </svg>\r\n )}\r\n {this.state === 'filled' && (\r\n <gb-avatar size=\"xs\" text={this.text} color={this.color} show-border={this.showBorder}>\r\n {this.selectedItems.map(item => (\r\n <>\r\n {typeof item === 'object' ? (\r\n <h1 slot=\"initials\">{item.name.split(' ').map(part => part.charAt(0).toUpperCase())}</h1>\r\n ) : (\r\n <h1 slot=\"initials\">{item.split(' ').map(part => part.charAt(0).toUpperCase())}</h1>\r\n )}\r\n </>\r\n ))}\r\n </gb-avatar>\r\n )}\r\n </>\r\n )}\r\n {this.showLeadingIcon && <>{this.type === 'search' || this.type === 'tags' ? <div class={`icon`} innerHTML={this.leadingIconSvg}></div> : null}</>}\r\n {this.type === 'dot_leading' && (\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"10\" height=\"10\" viewBox=\"0 0 10 10\" fill=\"none\" class={`dot ${this.size}`}>\r\n <circle cx=\"5\" cy=\"5\" r=\"4\" fill=\"#079455\" />\r\n </svg>\r\n )}\r\n <>\r\n {this.state === 'default' && (\r\n <>\r\n {this.placeholder && (\r\n <div class=\"placeholder\">\r\n <p class=\"text-md-regular\" style={{ color: '#CDD5DF' }}>\r\n {this.placeholder}\r\n </p>\r\n </div>\r\n )}\r\n </>\r\n )}\r\n {this.state === 'filled' && (\r\n <>\r\n <div class={`content`}>\r\n <div class={`text text-md-regular ${this.type === 'tags' ? 'tag' : ''}`} style={{ color: '#4B5565' }}>\r\n {this.type === 'tags' ? (\r\n <>\r\n {this.value.length === 0 ? (\r\n <>\r\n {this.selectedItems.map((item, index) =>\r\n typeof item === 'object' ? (\r\n <div class=\"added_tag\" key={index}>\r\n <gb-tag size=\"sm\" icon={this.icon ? this.icon : 'avatar'} action=\"X_close\" onClick={() => this.handleTagRemove(item)}>\r\n <p class=\"text-xs-medium\">{item.name.split(' ')[0]}</p>\r\n <h1 slot=\"initials\" class=\"text-xxs-semi-bold\">\r\n {item.name\r\n .split(' ')\r\n .map(part => part.charAt(0).toUpperCase())\r\n .join('')}\r\n </h1>\r\n </gb-tag>\r\n </div>\r\n ) : (\r\n <div class=\"added_tag\" key={index}>\r\n <gb-tag size=\"sm\" icon={this.icon ? this.icon : 'avatar'} action=\"X_close\" onClick={() => this.handleTagRemove(item)}>\r\n <p class=\"text-xs-medium\">{item}</p>\r\n </gb-tag>\r\n </div>\r\n ),\r\n )}\r\n </>\r\n ) : (\r\n <>\r\n {this.value.map((item, index) =>\r\n typeof item === 'object' ? (\r\n <div class=\"added_tag\" key={index}>\r\n <gb-tag size=\"sm\" icon={this.icon ? this.icon : 'avatar'} action=\"X_close\" onClick={() => this.handleTagRemove(item)}>\r\n <p class=\"text-xs-medium\">{item.name.split(' ')[0]}</p>\r\n <h1 slot=\"initials\" class=\"text-xxs-semi-bold\">\r\n {item.name\r\n .split(' ')\r\n .map(part => part.charAt(0).toUpperCase())\r\n .join('')}\r\n </h1>\r\n </gb-tag>\r\n </div>\r\n ) : (\r\n <div class=\"added_tag\" key={index}>\r\n <gb-tag size=\"sm\" icon={this.icon ? this.icon : 'avatar'} action=\"X_close\" onClick={() => this.handleTagRemove(item)}>\r\n <p class=\"text-xs-medium\">{item}</p>\r\n </gb-tag>\r\n </div>\r\n ),\r\n )}\r\n </>\r\n )}\r\n </>\r\n ) : (\r\n <p class=\"selected_text\">\r\n {this.value.length === 0 ? this.selectedItem?.name || this.selectedItem : <>{this.value.map(item => (typeof item === 'object' ? item.name : item))}</>}\r\n </p>\r\n )}\r\n </div>\r\n {this.supportingText && (\r\n <div class=\"supporting_text text-sm-regular\" style={{ color: '#697586' }}>\r\n {this.type !== 'tags' && (\r\n <>{this.value.length === 0 ? <>{this.selectedItem.username}</> : <>{this.value.map(item => typeof item === 'object' && item.username)}</>}</>\r\n )}\r\n </div>\r\n )}\r\n </div>\r\n </>\r\n )}\r\n {this.state === 'disabled' && (\r\n <>\r\n <div class={`content`}>\r\n <div class={`text text-md-regular ${this.type === 'tags' ? 'tag' : ''}`} style={{ color: '#4B5565' }}>\r\n {this.type === 'tags' ? (\r\n <>\r\n {this.value.map((item, index) =>\r\n typeof item === 'object' ? (\r\n <div class=\"added_tag\" key={index}>\r\n <gb-tag size=\"sm\" icon={this.icon ? this.icon : 'avatar'} action=\"X_close\">\r\n <p class=\"text-xs-medium\">{item.name.split(' ')[0]}</p>\r\n <h1 slot=\"initials\" class=\"text-xxs-semi-bold\">\r\n {item.name\r\n .split(' ')\r\n .map(part => part.charAt(0).toUpperCase())\r\n .join('')}\r\n </h1>\r\n </gb-tag>\r\n </div>\r\n ) : (\r\n <div class=\"added_tag\" key={index}>\r\n <gb-tag size=\"sm\" icon={this.icon ? this.icon : 'avatar'} action=\"X_close\">\r\n <p class=\"text-xs-medium\">{item}</p>\r\n </gb-tag>\r\n </div>\r\n ),\r\n )}\r\n </>\r\n ) : (\r\n <>{<>{this.value.map(item => (typeof item === 'object' ? item.name : item))}</>}</>\r\n )}\r\n </div>\r\n {this.supportingText && (\r\n <div class=\"supporting_text text-sm-regular\" style={{ color: '#697586' }}>\r\n {this.type !== 'tags' && (\r\n <>{this.value.length === 0 ? <>{this.selectedItem.username}</> : <>{this.value.map(item => typeof item === 'object' && <>{item.username}</>)}</>}</>\r\n )}\r\n </div>\r\n )}\r\n </div>\r\n </>\r\n )}\r\n </>\r\n {this.showHelpIcon && (\r\n <div class={`help_icon`}>\r\n <gb-help-tooltip show-supporting-text={true}>\r\n <slot name=\"tooltip_label\" slot=\"label\"></slot>\r\n <slot name=\"tooltip_supporting_text\" slot=\"supporting_text\"></slot>\r\n </gb-help-tooltip>\r\n </div>\r\n )}\r\n {this.type !== 'search' && (\r\n <div class={`dropdown_icon ${this.dropdownOpen ? 'opened' : ''}`}>\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" class={`${this.state}`}>\r\n <path\r\n d=\"M15 7.50004C15 7.50004 11.3176 12.5 9.99996 12.5C8.68237 12.5 5 7.5 5 7.5\"\r\n stroke=\"#697586\"\r\n stroke-width=\"1.66667\"\r\n stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\"\r\n />\r\n </svg>\r\n </div>\r\n )}\r\n <>\r\n {this.dropdownOpen && (\r\n <div class={`dropdown_menu ${this.menuPosition}`} ref={el => (this.dropdownRef = el)} onClick={e => e.stopPropagation()}>\r\n {this.showSearchInput && (\r\n <div class=\"dropdown_search_field\">\r\n <gb-input-field\r\n size=\"sm\"\r\n value={this.inputValue}\r\n show-close-button={this.inputValue ? true : false}\r\n icon-swap=\"assets/search-01.svg\"\r\n placeholder=\"Search banks\"\r\n type=\"icon_leading\"\r\n labelText=\"label\"\r\n idOfInput=\"3\"\r\n onInputValueChanged={this.searchItems.bind(this)}\r\n ></gb-input-field>\r\n </div>\r\n )}\r\n {this.searchItem ? (\r\n <>\r\n {this.searchItem !== '' && this.searchResults.length > 0 ? (\r\n <>\r\n {this.searchResults.map(item => (\r\n <gb-input-dropdown-menu-item\r\n type={this.type === 'search' ? 'checkbox' : this.type === 'tags' ? 'checkbox' : this.type}\r\n state={StateEnum.Default}\r\n supporting-text={this.supportingText}\r\n selected={this.isItemSelected(item)}\r\n onClick={() => this.handleItemSelect(item)}\r\n >\r\n {typeof item === 'object' ? (\r\n <>\r\n <p slot=\"name\">{item.name}</p>\r\n <p slot=\"supporting_text\">{item.username}</p>\r\n </>\r\n ) : (\r\n <p slot=\"name\">{item}</p>\r\n )}\r\n </gb-input-dropdown-menu-item>\r\n ))}\r\n </>\r\n ) : this.searchItem !== '' && this.searchResults.length === 0 ? (\r\n //Empty state for when there are no search results\r\n <div class=\"empty_state\">\r\n <img src={emptyStateBackground} class=\"background\" alt=\"\" />\r\n <div class=\"message_background\">\r\n <img src={illustration} alt=\"\" class=\"illustration\" />\r\n <p class=\"message text-md-semi-bold\">No results available</p>\r\n </div>\r\n </div>\r\n ) : null}\r\n </>\r\n ) : (\r\n <>\r\n {this.type === 'tags' ? (\r\n <>\r\n {this.selectedItems.map(item => (\r\n <gb-input-dropdown-menu-item\r\n type={this.type === 'search' ? 'checkbox' : this.type === 'tags' ? 'checkbox' : this.type}\r\n state={StateEnum.Default}\r\n supporting-text={this.supportingText}\r\n selected={true}\r\n onClick={() => this.handleItemSelect(item)}\r\n >\r\n {typeof item === 'object' ? (\r\n <>\r\n <p slot=\"name\">{item.name}</p>\r\n <p slot=\"supporting_text\">{item.username}</p>\r\n <h1 slot=\"initials\">{item.name.split(' ').map(part => part.charAt(0).toUpperCase())}</h1>\r\n </>\r\n ) : (\r\n <>\r\n <p slot=\"name\">{item}</p>\r\n <h1 slot=\"initials\">{item.split(' ').map(part => part.charAt(0).toUpperCase())}</h1>\r\n </>\r\n )}\r\n </gb-input-dropdown-menu-item>\r\n ))}\r\n {this.unselectedItems.map(item => (\r\n <gb-input-dropdown-menu-item\r\n type={this.type === 'search' ? 'checkbox' : this.type === 'tags' ? 'checkbox' : this.type}\r\n state={StateEnum.Default}\r\n supporting-text={this.supportingText}\r\n selected={false}\r\n onClick={() => this.handleItemSelect(item)}\r\n >\r\n {typeof item === 'object' ? (\r\n <>\r\n <p slot=\"name\">{item.name}</p>\r\n <p slot=\"supporting_text\">{item.username}</p>\r\n </>\r\n ) : (\r\n <p slot=\"name\">{item}</p>\r\n )}\r\n </gb-input-dropdown-menu-item>\r\n ))}\r\n </>\r\n ) : (\r\n <>\r\n {this.items.map(item => (\r\n <gb-input-dropdown-menu-item\r\n type={this.type === 'search' ? 'checkbox' : this.type === 'tags' ? 'checkbox' : this.type}\r\n state={StateEnum.Default}\r\n supporting-text={this.supportingText}\r\n selected={this.isItemSelected(item)}\r\n color={this.color}\r\n onClick={() => this.handleItemSelect(item)}\r\n >\r\n {typeof item === 'object' ? (\r\n <>\r\n <p slot=\"name\">{item.name}</p>\r\n <h1 slot=\"initials\">\r\n {item.name\r\n .split(' ')\r\n .map(part => part.charAt(0).toUpperCase())\r\n .join('')}\r\n </h1>\r\n <p slot=\"supporting_text\">{item.username}</p>\r\n </>\r\n ) : typeof item === 'string' ? (\r\n <>\r\n <p slot=\"name\">{item}</p>\r\n <h1 slot=\"initials\">\r\n {item\r\n .split(' ')\r\n .map(part => part.charAt(0).toUpperCase())\r\n .join('')}\r\n </h1>\r\n </>\r\n ) : (\r\n <>\r\n <p slot=\"name\">{item}</p>\r\n <h1 slot=\"initials\">{item}</h1>\r\n </>\r\n )}\r\n </gb-input-dropdown-menu-item>\r\n ))}\r\n </>\r\n )}\r\n </>\r\n )}\r\n </div>\r\n )}\r\n </>\r\n </div>\r\n </div>\r\n {/* <button onClick={() => this.clearValue()}>Clear</button> */}\r\n {this.showHintText && <>{!this.destructive ? <p class=\"hint_text text-sm-regular\">{this.hintText}</p> : <p class=\"error_text text-sm-regular\">{this.errorText}</p>}</>}\r\n </div>,\r\n ];\r\n }\r\n}\r\n",".button_base_div{\r\n display: flex;\r\n align-items: center;\r\n align-self: stretch;\r\n border-right: 1px solid var(--color-border-subtle, #CDD5DF);\r\n justify-content: center;\r\n cursor: pointer;\r\n width: fit-content;\r\n}\r\n\r\n.button_base_div:hover{\r\n background: var(--color-background-gray-subtler, #EEF2F6);\r\n}\r\n\r\n.button_base_div.active{\r\n background: var(--color-background-gray-subtler, #EEF2F6);\r\n}\r\n\r\n.button_base_div:active{\r\n background: none;\r\n}\r\n\r\n.button_base_div.false{\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n align-items: center;\r\n width: 2.5rem;\r\n height: 2.5rem;\r\n padding: var(--spacing-none);\r\n}\r\n\r\n.button_base_div.leading,\r\n.button_base_div.trailing{\r\n height: 2.5rem;\r\n gap: 0.5rem;\r\n padding: var(--spacing-none) var(--spacing-4);\r\n}\r\n\r\n.button_base_div.only{\r\n width: 2.5rem;\r\n height: 2.5rem;\r\n}\r\n\r\n::slotted(p){\r\n color: var(--color-text, #4B5565);\r\n}\r\n\r\n::slotted(p.active_text){\r\n color: var(--color-text-bold, #202939);\r\n}","import { Component, Prop, h, Fragment, Element, getAssetPath, State } from \"@stencil/core\";\r\n\r\n@Component({\r\n tag: 'gb-pagination-button-group-base',\r\n styleUrl: 'gb-pagination-button-group-base.css',\r\n shadow: true,\r\n})\r\nexport class GbPaginationButtonGroupBase {\r\n @Prop() icon: 'false' | 'only' | 'trailing' | 'leading';\r\n @Prop() state: 'default' | 'active';\r\n @Prop() iconSrc: string;\r\n @State() leadingIconSvg: string = '';\r\n @Element() el: HTMLElement;\r\n\r\n componentDidLoad() {\r\n const slottedContent = this.el.querySelector('p');\r\n\r\n if (slottedContent) {\r\n slottedContent.classList.add('text-sm-semi-bold');\r\n }\r\n\r\n if(this.state === 'active') {\r\n slottedContent.classList.add('active_text');\r\n }\r\n\r\n this.loadIcon(this.iconSrc);\r\n }\r\n\r\n async loadIcon(iconName: string) {\r\n const iconPath = getAssetPath(`${iconName}`);\r\n const response = await fetch(iconPath);\r\n const svg = await response.text();\r\n this.leadingIconSvg = svg;\r\n }\r\n\r\n render() {\r\n return (\r\n <div class={`button_base_div ${this.icon} ${this.state}`}>\r\n {this.icon === 'false' && <slot></slot>}\r\n {this.icon === 'leading' && (\r\n <>\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\">\r\n <path\r\n 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\"\r\n stroke=\"#4B5565\"\r\n stroke-width=\"1.67\"\r\n stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\"\r\n />\r\n </svg>\r\n <slot></slot>\r\n </>\r\n )}\r\n {this.icon === 'trailing' && (\r\n <>\r\n <slot></slot>\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\">\r\n <path\r\n 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\"\r\n stroke=\"#4B5565\"\r\n stroke-width=\"1.5\"\r\n stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\"\r\n />\r\n </svg>\r\n </>\r\n )}\r\n {this.icon === 'only' && (\r\n <>\r\n {/* <div class={`icon`} innerHTML={this.leadingIconSvg}></div> */}\r\n </>\r\n )}\r\n </div>\r\n );\r\n }\r\n}","@import './../../global/global.css';\r\n\r\n.page_number_base{\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n width: 2.5rem;\r\n height: 2.5rem;\r\n cursor: pointer;\r\n}\r\n\r\n/* Shape Styles */\r\n.page_number_base.square{\r\n border-radius: var(--rounded-sm);\r\n}\r\n\r\n.page_number_base.circle{\r\n border-radius: 1.25rem;\r\n}\r\n\r\n/* State Styles */\r\n.page_number_base:hover{\r\n background-color: var(--color-background-information-subtler, #C8E0F9);\r\n}\r\n\r\n.page_number_base:active,\r\n.page_number_base.active{\r\n background-color: var(--color-background-information-subtle, #9AC7F4);\r\n}\r\n\r\n::slotted([slot=\"page_number\"].default) {\r\n color: var(--color-text, #4B5565);\r\n}\r\n\r\n::slotted([slot=\"page_number\"].active) {\r\n color: var(--color-text-bold, #202939);\r\n}","import { Component, Element, Prop, h } from \"@stencil/core\";\r\nimport { PaginationNumberShapes } from \"../../models/reusableModels\";\r\n\r\n@Component({\r\n tag: 'gb-pagination-number-base',\r\n styleUrl: 'gb-pagination-number-base.css',\r\n shadow: true\r\n})\r\n\r\nexport class GbPaginationNumberBase {\r\n @Prop() shape: PaginationNumberShapes;\r\n @Prop() state: 'default' | 'active' | 'pressed';\r\n @Element() el: HTMLElement;\r\n\r\n componentDidLoad() {\r\n const slottedContent = this.el.querySelector('[slot=\"page_number\"]');\r\n\r\n if(slottedContent) {\r\n slottedContent.classList.add('text-sm-medium');\r\n }\r\n\r\n if (this.state === 'default') {\r\n slottedContent.classList.add('default');\r\n }\r\n\r\n if(this.state === 'active') {\r\n slottedContent.classList.add('active');\r\n }\r\n }\r\n\r\n render() {\r\n return (\r\n <div class={`page_number_base ${this.shape} ${this.state}`}>\r\n <slot name=\"page_number\"></slot>\r\n </div>\r\n )\r\n }\r\n}"],"version":3}

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: 'ad6db472817811af733cb0aff8f7ac071a21885c', class: {
+        return (index.h("div", { key: '6bdc4305b0fb298c1bcff7ac723377be31c9d3bd', class: {
                 [this.size]: true,
                 disabled: this.state === 'disabled'
-            } }, index.h("input", { key: '105d13fb9a3624b8486b3a5ce87a870be35f7fb1', class: {
+            } }, index.h("input", { key: '3d41bbfd811c4906c0e022ecda6d30b0189fe359', 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: '322d4150f904d66f66970923c764034c643bfaa0', class: "notification_container" }, index.h("div", { key: '50fb9a693e6b06c1048f978b5b9b817911a5c176', class: "notification_title" }, this.icon && (index.h("div", { key: 'ee1717402ed83b24324f559c3781bf83e8187963', class: "icon" }, index.h("img", { key: '9b1e0317fbb2e1b30a1d32bcdd690efbd85ea822', src: iconSrc, alt: "Icon" }))), index.h("label", { key: 'cc6666e17a77e9c8948e0862183f0092b4ed38f8' }, this.label), index.h("span", { key: '5e07df45d8e867d39ce50784fcd8b72c364bc566', class: "time" }, this.time)), index.h("div", { key: '7c16ab6d943f92d059ca2251dca5ef5674510f92', class: "supporting_text" }, index.h("p", { key: '2f70c3a0b6f3ba75586c7eb7041cd72765466bb2', class: "text-sm-regular" }, this.supportingText))));
+        return (index.h("div", { key: '523e4fa69bc4560a7aa6d5a2d08b14f2135efa12', class: "notification_container" }, index.h("div", { key: '703cc1bade98ad7668e11bc9413f09d214551238', class: "notification_title" }, this.icon && (index.h("div", { key: '2a05b4b34f7b2df6584006a00cd4a1bf2985e916', class: "icon" }, index.h("img", { key: '8f72378a2907a21a1d90dfc666cd4f9dab5fbaa4', src: iconSrc, alt: "Icon" }))), index.h("label", { key: 'ed0de5b417a1013d84c6e0747886b84ca689b7d4' }, this.label), index.h("span", { key: '04a749b9baaa591c3644bb22cb96ad43f9164ba5', class: "time" }, this.time)), index.h("div", { key: '906b79e541612c186c1f1bafd57cdfc5508c505d', class: "supporting_text" }, index.h("p", { key: '846a1b2eb8853f5dab2fd6ca4e32dbd0f0684239', 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: '964ddc20edd23b2ad731c52875287f684b25d963', class: "notification_pane_div" }, this.state === 'empty' && [
-            index.h("div", { key: '27cf75a7bfe2df0ac971ca763fe349c88a0437cb', class: `container` }, index.h("div", { key: '3030c276a13f757b1098496326de1c42ccd08e86', class: "frame" }, index.h("img", { key: 'ee3b8549d91710858530f47cbaf0f981c34f17bd', src: patternSrc, alt: "", class: "empty_state_pattern" }), index.h("div", { key: '6b3612ff668599707a7d4ffbf8dd94dfbfc722d5', class: "empty_state" }, index.h("div", { key: '934231e96ce594272109a7004f7e7fc3d2a75994', class: "content" }, index.h("img", { key: 'b8a80db86a70b939add151987553a1b6e153f29a', src: illustrationSrc, alt: "bell-icon", class: "bell_icon" }), index.h("div", { key: '053fc63e143e78525d00b50239f085e4526ba548', class: "text" }, index.h("slot", { key: 'f61c1446f9a7e93ba3d8d964d0cdbbdf9f00b4eb', name: "label" }), index.h("slot", { key: 'bb5216699785645f86fb3c5a06b1a343be07705c', name: "supporting_text" })))))),
-            index.h("div", { key: 'f8681208f9ede734b99e50c87b7538e744f4f8d4', class: `button` }, index.h("gb-button", { key: '29a93384011c5dadaea1b6f2eb3b3c6427ec9076', size: "sm", hierarchy: "tertiary_color", icon: "default", state: "disabled", "icon-leading": true, "icon-leading-swap": "assets/blush_brush.svg" }, index.h("p", { key: '787ed1ea933cfcb5a16c1fe4806d5ea7fc4f3f29' }, "Mark all as read"))),
+        return (index.h("div", { key: '4fdee154c9f221fb70af35c8354667d6f097d595', class: "notification_pane_div" }, this.state === 'empty' && [
+            index.h("div", { key: 'f899ce8aa950596d9d99d9e399e599d919793422', class: `container` }, index.h("div", { key: 'bba75888bf505547eeb94a287f25c9aafc322cdb', class: "frame" }, index.h("img", { key: '82d8ff76ac7acfb2e994ec7f5c4c9ad7ffeb6ef7', src: patternSrc, alt: "", class: "empty_state_pattern" }), index.h("div", { key: '31663bb3b210611f1e955cdc4536040f543811b9', class: "empty_state" }, index.h("div", { key: 'c8db09d8e011c608d41f26c8ed033f3d23c3c8fb', class: "content" }, index.h("img", { key: '7ab4b277ed46f6f1bb06a2f260e3cad649dc9fae', src: illustrationSrc, alt: "bell-icon", class: "bell_icon" }), index.h("div", { key: '2d9f420fd552bab009be9bbddefbca9875c29776', class: "text" }, index.h("slot", { key: 'de975599934136cf847f53c1cbe91ed7cdabb5dc', name: "label" }), index.h("slot", { key: 'f5899366da28ad00645c1adf14e80426d1ad2ae5', name: "supporting_text" })))))),
+            index.h("div", { key: 'f3a41282dec30859c8104361871f37dd4ff26932', class: `button` }, index.h("gb-button", { key: '76ced367bd0c95447f99d4fa97ec42c019cf1335', size: "sm", hierarchy: "tertiary_color", icon: "default", state: "disabled", "icon-leading": true, "icon-leading-swap": "assets/blush_brush.svg" }, index.h("p", { key: 'ab1820fc2e954c63d8e77d2fc161fa09c81fb357' }, "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: '4a8c2f865c7429330c53e01ab16b38508cfdc34e', class: "dot_group_div" }, index.h("div", { key: '8d0b195fb56778eec6e371004434913e32890f02' })));
+        return (index.h("div", { key: '51fb1359580682a0239d5b5c97cd17e14e381e00', class: "dot_group_div" }, index.h("div", { key: '7ec0d89e8425019333b150b6e23eb30381b873e8' })));
     }
 };
 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: '9a480f7cf7cb8d230115ec0b25b061ced8573915', class: `dot_indicator_div
+        return (index.h("div", { key: '72a41e01baecccb010ce65cf37524d8eca52a4fd', 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: 'ec8ccb0af128b79e0ebc0c348c0536dc71e8d04e', class: `pagination_div ${this.type} ${this.breakpoint}` }, this.type === 'page_default' && this.breakpoint === 'desktop' && (index.h(index.Fragment, null, index.h("gb-button", { key: '9ccfbab70cb1b82fa5c50290b5ec69e6be0fbbed', size: "sm", hierarchy: "tertiary_gray", icon: "default", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg" }, index.h("p", { key: '9312ef8021f6ff39aa5525e3c2fe21541e4d3632' }, "Previous")), index.h("div", { key: 'da57f318b240b64aac40f2c905827e4c1128f639', class: "pagination_numbers" }, index.h("gb-pagination-number-base", { key: 'bff8f360b9bc1e7ee3831463ba2a351d268a9750', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, index.h("p", { key: 'a2d8a364faf11e0b26fc658df24e6397018fecf3', slot: "page_number" }, "1")), index.h("gb-pagination-number-base", { key: '8e61a6539e465d405e15afcd91e051dce0c8eb49', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, index.h("p", { key: 'c6cfbc3da9922ff769ee134e29f157837369582f', slot: "page_number" }, "2")), index.h("gb-pagination-number-base", { key: 'bb83a94c2d3b525cbc8a63b20c0d378839e3b790', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, index.h("p", { key: 'bfcc29cc65aad2d306d639a2d1a790c762f039ca', 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: '9847e627afb8cb58b91e36d56618f4e37f227c8a', shape: this.shape }, index.h("p", { key: 'f8dbe2b15ae995b224af7bc772031892efe68fb9', 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: '267a3cbe037692c2600e036b93ceb27ac25f4123', shape: this.shape, state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 2) }, index.h("p", { key: '115992bb6a46b5f01a10cdad2ef5978798c8475d', slot: "page_number" }, this.totalPages - 2)), index.h("gb-pagination-number-base", { key: '86bfb488fb96186ed6fc11549ea3c6f402aa9c94', shape: this.shape, state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 1) }, index.h("p", { key: 'cfcdf36dcd4e249a07d31b94ae37bf8a67828bfb', slot: "page_number" }, this.totalPages - 1)), index.h("gb-pagination-number-base", { key: 'bbe927df769d02c2fcda3bb0449e6688afebb6e0', shape: this.shape, state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages) }, index.h("p", { key: 'cbf0df6641b0483ab60591bd43b3be11ccb03291', slot: "page_number" }, this.totalPages))), index.h("gb-button", { key: '2b968fbc29abf865acaf7aead64543feb2183d62', size: "sm", hierarchy: "tertiary_gray", icon: "default", state: "default", "icon-trailing": true, "icon-trailing-swap": "assets/arrow-right-02.svg" }, index.h("p", { key: 'a8916dcc58350c12d02978c491a0dcd67a7d7141' }, "Next")))), this.type === 'page_minimal_center_aligned' && this.breakpoint === 'desktop' && (index.h(index.Fragment, null, index.h("gb-button", { key: 'cef448b9ad2c0810f27bda0b62c195c79e1cd910', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg" }, index.h("p", { key: '1803554ee6373145b9c2566cb265ed3d6eb0ce29' }, "Previous")), index.h("div", { key: '4634ae0052c46d67203d6c838270cc10ed7ece67', class: "pagination_numbers" }, index.h("gb-pagination-number-base", { key: '8725b0b11fc6ecf49d21d23fc3d14e84cc4d8126', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, index.h("p", { key: 'b0daa7936d264910635bde219a008acfa8d415c3', slot: "page_number" }, "1")), index.h("gb-pagination-number-base", { key: 'e03b1f621f87fa2a5e0d43325be6bf2e172e7312', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, index.h("p", { key: '72ff348c292661ceeb6c9918049c19791b2d362a', slot: "page_number" }, "2")), index.h("gb-pagination-number-base", { key: 'd88448ac16503b1212d9c4efa60318202a633ed9', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, index.h("p", { key: '49abbcf615146a152b796dfaef72f5ab83ca06d6', 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: '5776f80790217c42fc829de164d912c7d441342f', shape: this.shape }, index.h("p", { key: 'debf00decad6c8f3b554aa0fb205d3fa8d5ed0c9', 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: 'f465322acb6213ecfc15dd52734bb1037a43748a', shape: this.shape, state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 2) }, index.h("p", { key: 'f54d3d7d3441787516485f3b8f5c5d4389961f66', slot: "page_number" }, this.totalPages - 2)), index.h("gb-pagination-number-base", { key: '1053a57a2eb0955a3529c02e0c454b1d204fff50', shape: this.shape, state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 1) }, index.h("p", { key: '2f0f078a29d4a916bdd66576fa792277e7e73707', slot: "page_number" }, this.totalPages - 1)), index.h("gb-pagination-number-base", { key: '367419fb4d9e6808175f96d6de161d6f146483e7', shape: this.shape, state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages) }, index.h("p", { key: 'b5503a3d0e8b82d451755e3825a068cbe1242cc2', slot: "page_number" }, this.totalPages))), index.h("gb-button", { key: 'de270856c2444f66e7b29c5673cd8c6239356a58', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", "icon-trailing": true, "icon-trailing-swap": "assets/arrow-right-02.svg" }, index.h("p", { key: 'b755f308f6339d2bd3b68ffda4e3bb714cf9e840' }, "Next")))), this.type === 'card_default' && this.breakpoint === 'desktop' && (index.h(index.Fragment, null, index.h("div", { key: '735f244b9787d8a0520ad8badf072d998fadfdac', class: "pagination_entries" }, index.h("div", { key: 'b5010e13ca41a71c3401af61475457782c28d801', class: "entries_text" }, index.h("p", { key: 'cc493826cf6bc262aa795807d10094df318318d4', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), index.h("div", { key: 'de5cc59573d79f78f39cd148df49d374c7c01d9d', class: `entries_dropdown` }, index.h("gb-input-dropdown", { key: 'd6841542c48a42d38d41cfda58e77f4d181ba24a', 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: '50081c5efca804622fcca9da144fb49cec7f01ac', class: "pagination_numbers" }, index.h("gb-pagination-number-base", { key: '3ed5cf3726fa8849d6e8c778211a9fda3e04275a', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, index.h("p", { key: 'ace287fdd7a30d101b783e37c79e0da84f0d3e95', slot: "page_number" }, "1")), index.h("gb-pagination-number-base", { key: '67a01a4c9245e20d6c0e4d2147c2a9d891d06c31', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, index.h("p", { key: '1a749911f6e523254f2b669d7015912a2eda072d', slot: "page_number" }, "2")), index.h("gb-pagination-number-base", { key: 'a29737a8caec7f85ed824b8b6ae302b09ceeee08', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, index.h("p", { key: 'ef33497326849454afe25704e2413d9b74c85bc3', 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: 'b625cc9e55599550b1fc648f05ed368f690b13e4', shape: this.shape, state: "default" }, index.h("p", { key: '3e1ff1f8922af8353fdd382c0c91dc7141716dd2', 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: 'fd4be66119b09a261864c9fc141d39931be39f71', shape: this.shape, state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 2) }, index.h("p", { key: 'a22b5bda99eb798b4f5c8d8de8a16830afbb6fcd', slot: "page_number" }, this.totalPages - 2)), index.h("gb-pagination-number-base", { key: 'f8af4a57306c47a9986c7952a566e42d6a20746f', shape: this.shape, state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 1) }, index.h("p", { key: '267a329a51ae9db9867d1b99763527ddec60b00e', slot: "page_number" }, this.totalPages - 1)), index.h("gb-pagination-number-base", { key: '855eeb0da775fe5463d911cfcd18f92b0efb96f9', shape: this.shape, state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages) }, index.h("p", { key: 'a8e4c0bc1868466bcec955382d5a2eea2880a846', slot: "page_number" }, this.totalPages))), index.h("div", { key: '90cfc4f85c8055e4187e08a328dfe1aaaaccf05e', class: "pagination_btns" }, index.h("gb-button", { key: '2be5675fb416e6d794ae5bf56f1523a7c6b6526d', 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: '01ee1ceff436fd75f65994fb2349e7741d0e3251', 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: '3d649a2fd70b6269cb6e95bd43d48e1d8c0b317b', class: "pagination_entries" }, index.h("div", { key: '0f88dc814b50021d9d16fe95b62f932a16c7b12c', class: "entries_text" }, index.h("p", { key: 'bd30adc06842d763ae966fa62f665a4171da1eb5', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), index.h("div", { key: '3c6f4d55327c32a8d911499c476b5948c47b5571', class: `entries_dropdown` }, index.h("gb-input-dropdown", { key: '7f8fb06d86f8ff1c869f96a5b490354958b83c08', 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: '9cd661eed7deea3822ccaf418085974b2af83042', class: "page_number_text" }, index.h("p", { key: '2ecbd8bb2d052c75d5348bd1848aba1baaecfe81', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), index.h("div", { key: 'b93c759712d6d6e6b3e4e310ed570fc3276dc59d', class: "pagination_btns" }, index.h("gb-button", { key: '90ba7ca0e32196bc20bea9258eac97e65a507c4d', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, index.h("p", { key: '34ba003b53d5473ee0e1f0068cb7c4c6747070d5' }, "Previous")), index.h("gb-button", { key: '1244c60b7e008a167fad56e6df5f24ece1a90b8a', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, index.h("p", { key: '48997f990a6e3daeedc267ab948764a9b4f5604a' }, "Next"))))), this.type === 'card_minimal_left_aligned' && this.breakpoint === 'desktop' && (index.h(index.Fragment, null, index.h("div", { key: '08df46cecfdd1d471ae3f7b4588655270786e0f2', class: "pagination_btns" }, index.h("gb-button", { key: 'c0f454c586f2e9eddb6d733d9ea7bd9ca2b579c4', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, index.h("p", { key: 'ff9e7f6cf08c502b6d60e15123961ffd9be85ecc' }, "Previous")), index.h("gb-button", { key: '3269b6d51bada62deb6f3b7ed3b0171e87c63a6d', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, index.h("p", { key: '97ec75e57e8ae48a0117f27c2e01125879bb4c3b' }, "Next"))), index.h("div", { key: '2926a50ba2b487d59bcf18dfd574ef4ba9b1e1e4', class: "page_number_text" }, index.h("p", { key: '1f9317ed8b0c285357005dead10e965f54ee458e', class: "text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), index.h("div", { key: '5a2666fbce7c23ead94dddd5d07830d121e5f77f', class: "pagination_entries" }, index.h("div", { key: '7d60f8c724f2321ad199c2e10fd693ab6aad7117', class: "entries_text" }, index.h("p", { key: 'cd6ae6798adce4ec3dce319f87d6c567a75b3e4e', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), index.h("div", { key: '9c986c68355bd752d77f413c10a544ab2c07296c', class: `entries_dropdown` }, index.h("gb-input-dropdown", { key: 'f0726ab702a056ae200996c784e6c836335bad72', 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: '1ea16dda37b3697d19b4b747bec95527336c338a', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, index.h("p", { key: 'a1f79d8a14df9314e73c2494597cb68e6a91c74f' }, "Previous")), index.h("div", { key: '6a8e075b6b5e60dac6c28ae33bb8bd068d9456a5', class: "page_number_text" }, index.h("p", { key: 'd442a56c9e98eec99296223088d48bbaa17bc33d', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), index.h("gb-button", { key: '198261e9d8c9068a8a729082303bb667d515216a', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, index.h("p", { key: 'a9cbb31e3193de6696d4cbc7e9816aeacc3f9a7a' }, "Next")))), this.type === 'card_button_group_right_aligned' && this.breakpoint === 'desktop' && (index.h(index.Fragment, null, index.h("div", { key: '7f2a39ee6e1fa7493d9945c4ea2bc0a29f357d9e', class: "pagination_entries" }, index.h("div", { key: '3623e949007cfb2a86226dfc014d85d2a3b6264a', class: "entries_text" }, index.h("p", { key: '57366c430d19360db821c7a2e2e0a968bbf0c9df', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), index.h("div", { key: '88d7d356b410b269bb6405bf69220013279d3ad0', class: `entries_dropdown` }, index.h("gb-input-dropdown", { key: '069840e4626989ea14d961b371e105df16775bc0', 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: 'a80a51d2c0c8ef50202468efe294b67d51f0f1e4', class: "pagination_button_group" }, index.h("gb-pagination-button-group-base", { key: '8485f024fa9c8a94fff10b1618ff91a29b2f9f6e', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, index.h("p", { key: 'c5cc10e94bc1f89de72eda7d2527d537a5a0df93' }, "Previous")), index.h("div", { key: '59f649e5340e5e870de47aae2ec68fd963122f1e', class: "btn_group" }, index.h("gb-pagination-button-group-base", { key: '6bb74f49fb72ec7ff1069d79368a17f7311f0d35', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, index.h("p", { key: '3777b8271d22d6b631da729fe6d263acb94a778a' }, "1"))), index.h("gb-pagination-button-group-base", { key: 'e4cca8b84eab17da6aa9468a959def54d246f836', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, index.h("p", { key: 'c59c9f7efbe45da961e660538247a33d6da179fb' }, "2")), index.h("gb-pagination-button-group-base", { key: '10d3fd8389b30d30a8529ed0a32856513036520e', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, index.h("p", { key: '00d2e477881e890d3b863c1eafcae2b8f5cf8127' }, "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: 'dc38e9cbb3e1111879e28c74c61a88a53390b791', icon: "false" }, index.h("p", { key: '741f0a0c88e8873d0b92acc4aa7c8b8097bb2e39' }, "...")), 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: '2f0a8854c42316207d9ca9e9a65e4a3a262263e6', icon: "false", state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 2) }, index.h("p", { key: 'c7616ca96246b88a4360017dd70c37b73c77d1e3' }, this.totalPages - 2)), index.h("gb-pagination-button-group-base", { key: '062d76231f0a0843936f8d58694836b4faed4ab2', icon: "false", state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 1) }, index.h("p", { key: '8113d39bb1e0e99d0f6d2f1c48684e1e63f3c4a2' }, this.totalPages - 1)), index.h("gb-pagination-button-group-base", { key: '43122b9b879b47d99a2acf6b5f7adbc1185d751c', icon: "false", state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages) }, index.h("p", { key: 'fed05e139a063daf74b197c27eb31319cc83227f' }, this.totalPages)), index.h("gb-pagination-button-group-base", { key: '0720bdf1bf9869292a1eccec9211335f21623207', icon: "trailing", onClick: () => this.onNextButtonClicked() }, index.h("p", { key: 'dba10cbb024e49bf02e83cbebddce2cddcb2ebd9' }, "Next"))))), this.type === 'card_button_group_left_aligned' && this.breakpoint === 'desktop' && (index.h(index.Fragment, null, index.h("div", { key: '98ec67ec16226a67120fcc03c1f2bdfe8d74218c', class: "pagination_button_group" }, index.h("gb-pagination-button-group-base", { key: '793d22ad46c1c66a8355116fcfe27571b923a26f', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, index.h("p", { key: '1477514b0b76a0082b8d7a825d51959c01e28ed0' }, "Previous")), index.h("div", { key: 'e2d8956999280f9f84fde58f1f0a8cd38039d9f8', class: "btn_group" }, index.h("gb-pagination-button-group-base", { key: 'f3994b19c1efc666544bdcef2619c7d131e0e2db', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, index.h("p", { key: 'dcd1293f394bd0fe5f92f3d0f9f5678e9246c3c0' }, "1"))), index.h("gb-pagination-button-group-base", { key: 'bd7a3a87a698c3a3fc00e1ba036f40b4373bf135', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, index.h("p", { key: 'd7bedec5d74dccfef6da63412f132bdc4d2218ae' }, "2")), index.h("gb-pagination-button-group-base", { key: '067d02be96b7bc95b07e8cd960d1430156dd3427', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, index.h("p", { key: '076ae8abd18310df4aa1ca1c249afb0370b9c92b' }, "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: '994aa9a569b2047e63e49b213e0fc9a5f5721fce', icon: "false" }, index.h("p", { key: '9bb62b2ee6eabc0ae2887dee26dfabb7ee96c4fb' }, "...")), 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: 'd9b86a6918be0d0ea874f22a7552cdb8c44459ac', icon: "false", state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 2) }, index.h("p", { key: '44e4b85b7e1308548ba0443a688af33a99692d31' }, this.totalPages - 2)), index.h("gb-pagination-button-group-base", { key: '858daa1250d1ac5ead2be64987050eecbeebc9f9', icon: "false", state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 1) }, index.h("p", { key: 'd0934d480bac185e3a97ce8fae45b603a9c120c7' }, this.totalPages - 1)), index.h("gb-pagination-button-group-base", { key: '2deb50589f5bd7c03762212945f247211889e3c4', icon: "false", state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages) }, index.h("p", { key: 'dd9cc8625dfeafbc7fcf5f54c89b79dc1939f3eb' }, this.totalPages)), index.h("gb-pagination-button-group-base", { key: 'a51669de5105a6455dd4407d444378ea6f745b35', icon: "trailing", onClick: () => this.onNextButtonClicked() }, index.h("p", { key: '1cbb0f2ee5019346fbbe6033983e178ebe705468' }, "Next"))), index.h("div", { key: 'a211c03addb43a7d975ccf0e715150b994c3c17d', class: "pagination_entries" }, index.h("div", { key: '8e96344d2753886d8d2a1c8c3e8646a9f92a3030', class: "entries_text" }, index.h("p", { key: '42a26566e0183976c52a807f8ea86b7308665c95', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), index.h("div", { key: '8ec2052237a856fa9847dea6bfa9afc31dd4a7d9', class: `entries_dropdown` }, index.h("gb-input-dropdown", { key: 'ee29b61743ad15a7129c3b9d4ebe25e0f7fd42b6', 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: 'd827dfbc32ec1b7e60b4d70130e16eea09e6f439', class: "pagination_button_group" }, index.h("gb-pagination-button-group-base", { key: 'fd64e149928df8dbb887e3a0e1437de1bec076b3', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, index.h("p", { key: '268f5a9ef409afa8542682cf8e0383ee8e9cefad' }, "Previous")), index.h("div", { key: '34dee38f4504b32fb475983e0d08b5c5fee09478', class: "btn_group" }, index.h("gb-pagination-button-group-base", { key: 'e9e39e309c6a72e8d93f30c9c63eb549703b672f', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, index.h("p", { key: '2347c9eb6f418f874f7f06bd369fff6533205b99' }, "1"))), index.h("gb-pagination-button-group-base", { key: '020920bcfdc8155da6a48ab348c697bb198b7a7d', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, index.h("p", { key: '78e1545a93baf3fde64c2c2a77939100dbe1107b' }, "2")), index.h("gb-pagination-button-group-base", { key: '3ac1a4635ed3712c3add2cf4415082aa001c1994', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, index.h("p", { key: '5b3301e1086924f31179d27763715c8762571608' }, "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: 'c697007745838dddbc80a289e35bed2c5a606af6', icon: "false" }, index.h("p", { key: '5a552d57fd35a0ef4260d76df03147513aa1b135' }, "...")), 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: 'b89443b5977c61a92dd567089b092c5978ced21d', icon: "false", state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 2) }, index.h("p", { key: 'dfce185618fcad2b61b4b1e4d5883b27ef7e8519' }, this.totalPages - 2)), index.h("gb-pagination-button-group-base", { key: 'baa6b31aaf35e5aba20c054f255df7b47464e819', icon: "false", state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 1) }, index.h("p", { key: 'e1c6d541f0f56c6d3200d19fe60504706620abbc' }, this.totalPages - 1)), index.h("gb-pagination-button-group-base", { key: '258de0d4362e4cef7942a164ecddf661d3acac23', icon: "false", state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages) }, index.h("p", { key: 'd1e59dcea9e18b66fdcca600f87a77044fe58f57' }, this.totalPages)), index.h("gb-pagination-button-group-base", { key: 'f5eca8187e83bde64a025d2eae532cec4ac98a62', icon: "trailing", onClick: () => this.onNextButtonClicked() }, index.h("p", { key: 'fcb46fa1d14692175124061fbbecdf4d42809cac' }, "Next"))))), this.type === 'page_default' && this.breakpoint === 'mobile' && (index.h(index.Fragment, null, index.h("gb-button", { key: '0fecf5b50814203e7756dd077da30b5c78be4ccd', 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: '1375e9fcc69760d36761217b00dd9be8bbccb7ad', class: "page_number_text" }, index.h("p", { key: '1314563ec7dc0d26cc57f289f2626f6ae11b061d', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), index.h("gb-button", { key: 'ed91b0439af7e33bc3e910dfd2211126af9b1f53', 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: 'e8ef80f21f5c0d34a26298afe536630edfbfe655', 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: 'c30e78b7462746edbb7df08f4c86740618d5df7f', class: "page_number_text" }, index.h("p", { key: '94f63e96c9d8bf4f2d548b0dbadb3f9b0aeb9adf', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), index.h("gb-button", { key: '7107b31381d0d05535c00942cf36fff16d51c467', 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: '73529af4858b0e4d7e7d236f90fd5e8a2dc509e8', 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: 'a9713b5873c0470021a4b04789be782622ea6998', class: "page_number_text" }, index.h("p", { key: '103082ebf525579480e6d27513ef2af490dfdd28', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), index.h("gb-button", { key: '8fb59c70c58271cf9ca6fe98777c41e302d10f35', 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: '65673aba3530ad73cdbef44576066c22dfbaf8e0', 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: 'bd59ba8655b469fa05ef1017750f8e4222ae9390', class: "page_number_text" }, index.h("p", { key: 'b465ed38f034bd10dc0bfb26ac5d2270a60ae034', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), index.h("gb-button", { key: '957febcfb8555e910147edb0f1552f237f5357a7', 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: 'b84cb3764e2d06bed94a06eb943ba8128d302d7f', 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: 'dd14e60db39a0556d45f63a2c963c4d905537a6a', class: "page_number_text" }, index.h("p", { key: '5c87546e4eec0f0d3c107f4818938b2af7fb4ab5', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), index.h("gb-button", { key: '5eebedfce29e93bd238231c00a415edf1a0cb518', 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: 'c1abc87f2d0f8e23feae2796e39601c7976db560', 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: 'f23ba1c6e7a52693a07c51908f5ea0892dbac906', class: "page_number_text" }, index.h("p", { key: 'd63fac67c2d59f9bd4ff409203e597eff411077b', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), index.h("gb-button", { key: '0c4cb6923e786ce55af008ef237cc56575277a88', 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: '50d4dfde8c97da60382bed771683bcf47a5b6ca1', class: "pagination_button_group" }, index.h("gb-pagination-button-group-base", { key: '8e3124b912a6035479339fb2cccacb4f91100a93', icon: "only", "icon-src": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), index.h("div", { key: '57aa1db71e7ac2b97c4e625dea5881a5e8ce7175', class: "btn_group" }, index.h("gb-pagination-button-group-base", { key: 'd72a4e5e744ab1e9bfdd05862f64f366bac67c94', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, index.h("p", { key: '3b4864182e206102b261d54d7eb59dce4547e2e0' }, "1"))), index.h("gb-pagination-button-group-base", { key: '19d7e1b35b8f3f6db4797c8fefb4dc25508cf5bf', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, index.h("p", { key: 'bf83518d1758e179df417bc2edf57ce547b63f5d' }, "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: 'c6e24ebda56115547fbf5d124a947346b6e2ce67', icon: "false" }, index.h("p", { key: 'c7ab32f49ae58c5b7521e4380f796c18880d335d' }, "...")), 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: 'be9fb312d65d22ac039b03f27566d54d4192af74', icon: "false", state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 1) }, index.h("p", { key: '7b5da6c4bff1c711a0e4b87e0fb822efea7a326d' }, this.totalPages - 1)), index.h("gb-pagination-button-group-base", { key: 'c9403933f8da469509379334a362f05e2ffe48af', icon: "false", state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages) }, index.h("p", { key: '57d110bc13b7a9131a9bc3c42e7679463477a009' }, this.totalPages)), index.h("gb-pagination-button-group-base", { key: '6cb54f744f78ca5e91beebfd097ebde64e2586a4', 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: 'acb72cfb41d7f9cd4930274666912f02fa8ec4a4', class: "pagination_button_group" }, index.h("gb-pagination-button-group-base", { key: 'fb8f7209415e37b6723f2fc767d89f3ecc9c4d96', icon: "only", "icon-src": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), index.h("div", { key: '3a23b84790d53d943458f71693e52a0d0d784cef', class: "btn_group" }, index.h("gb-pagination-button-group-base", { key: '39c718f3a525d75f28af7787bcfcc49c109a5dc3', icon: "false", state: "active" }, index.h("p", { key: '9f2c6ac54e38be4347f377b715431cbd303f7ff8' }, "1"))), index.h("gb-pagination-button-group-base", { key: 'c94af8941919a2bf9af233fbca286585b102d69d', icon: "false" }, index.h("p", { key: '81319891761f27b8b97c30655a3ae50173632a73' }, "2")), index.h("gb-pagination-button-group-base", { key: 'e84b98d4faa1c0aa53c8fcd21606e0f590faf61d', icon: "false" }, index.h("p", { key: '096aa18a84b77fb98fecf5086f6755c457766f1f' }, "...")), index.h("gb-pagination-button-group-base", { key: 'ef81b9145bf11304b5d7e26b7dcd877daf7dfee1', icon: "false" }, index.h("p", { key: '7494aacb435cc420d58490e76297702c44d3c6cb' }, "9")), index.h("gb-pagination-button-group-base", { key: '2c0d357f10714b0d6518d9c419af1bb52394e30d', icon: "false" }, index.h("p", { key: '3197bd8c09421147f22d4dc3609879ebb4fd4c1b' }, "10")), index.h("gb-pagination-button-group-base", { key: '03f9e42d09d19c32a7b62f069a529f28edfb37fe', 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: 'be316e4b605a5417a625820e4eef4fe0e6dd3ff9', class: "pagination_button_group" }, index.h("gb-pagination-button-group-base", { key: 'ac55378c5babf1335068c86dab825ac0f582aca6', icon: "only", "icon-src": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), index.h("div", { key: '34fc3851bbfd3ce1c44847b0f31665bd62f58b08', class: "btn_group" }, index.h("gb-pagination-button-group-base", { key: '6c3796bbebff01254492ce2534f3a281baf61f3f', icon: "false", state: "active" }, index.h("p", { key: 'a3544376627fa69e5398ef7b311ad8c314c55162' }, "1"))), index.h("gb-pagination-button-group-base", { key: 'd4dbb2e18d4270b3df8b97f059c61185595a4285', icon: "false" }, index.h("p", { key: '263ebe95a30f4aace1bacc4d89fca2a0012e793d' }, "2")), index.h("gb-pagination-button-group-base", { key: 'c7aaac940d162a9730c67982cda8c48ec888a649', icon: "false" }, index.h("p", { key: '96439778dd8a90aa8cdfe6f36b0694211e8d70d9' }, "...")), index.h("gb-pagination-button-group-base", { key: 'ece9bf8f375278598fc778943a44be264e5d6532', icon: "false" }, index.h("p", { key: 'afdb1652b7fbb1ac4059d5d5e7d0de4905c6a7c0' }, "9")), index.h("gb-pagination-button-group-base", { key: 'aec675b2631e455ce016d5967e088c04dcc6c15b', icon: "false" }, index.h("p", { key: 'd58aaff2cb35f40055db6e4981e7b098375bc043' }, "10")), index.h("gb-pagination-button-group-base", { key: 'b0383d99fc48c71e00406486b7f97e40b86da16d', icon: "only", "icon-src": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() })))));
+        return (index.h("div", { key: 'bbf6ebbb016d6da4b07c159f1be934f513e8bfa0', class: `pagination_div ${this.type} ${this.breakpoint}` }, this.type === 'page_default' && this.breakpoint === 'desktop' && (index.h(index.Fragment, null, index.h("gb-button", { key: '4a531e571b358918face5c663f9f65d684599cbd', size: "sm", hierarchy: "tertiary_gray", icon: "default", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg" }, index.h("p", { key: '4a382197b872418b3a2611367b89ce02223011a3' }, "Previous")), index.h("div", { key: '74714a5f64ab4a9d0d8057141873aa789dd5dac4', class: "pagination_numbers" }, index.h("gb-pagination-number-base", { key: 'd38c85b7aaba3a5fb6c0b728ad67f50f0aa7f28a', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, index.h("p", { key: '53faa2c88247324f0e1c473c52f90d4e32e53585', slot: "page_number" }, "1")), index.h("gb-pagination-number-base", { key: 'e4bbe9c6b8cb3c023e7bac375fedce35da77755c', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, index.h("p", { key: '15c32e2936555cb77b8b162d42dfbe7030e47731', slot: "page_number" }, "2")), index.h("gb-pagination-number-base", { key: 'f47178208bfd0a4b9ca18fc29347ce010b9f01eb', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, index.h("p", { key: '38da3db4863f981b819bdaa315b9043aab6a4982', 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: 'f781b9e1927262093b6881dec2614bbec07f0450', shape: this.shape }, index.h("p", { key: '1dd4129fad7e4b3fadf6edc1085f02554b69bd61', 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: '67618c0ad2e0ec43e0b0457725c5328c2807c647', shape: this.shape, state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 2) }, index.h("p", { key: '8dc6ebf601a427c6f449b8f3afe43c23286c9e25', slot: "page_number" }, this.totalPages - 2)), index.h("gb-pagination-number-base", { key: '65af0988a78319b924dd631ccdfd381a84d155b8', shape: this.shape, state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 1) }, index.h("p", { key: 'd155566a53355f52fc640785097b1ea1b51d14ee', slot: "page_number" }, this.totalPages - 1)), index.h("gb-pagination-number-base", { key: 'a753df59bff72c1fd6455ab234a7a1d01d77082e', shape: this.shape, state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages) }, index.h("p", { key: 'bf7bc568b25aa74784ac1b349f594059231d0d7d', slot: "page_number" }, this.totalPages))), index.h("gb-button", { key: '788c941fa4858609923b2740b949236b761dd516', size: "sm", hierarchy: "tertiary_gray", icon: "default", state: "default", "icon-trailing": true, "icon-trailing-swap": "assets/arrow-right-02.svg" }, index.h("p", { key: 'f119f8d422a58ae5872b54529a4c117dff0746f5' }, "Next")))), this.type === 'page_minimal_center_aligned' && this.breakpoint === 'desktop' && (index.h(index.Fragment, null, index.h("gb-button", { key: 'a947dcc03dd93fcb41d82e1b276b591133836ece', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg" }, index.h("p", { key: 'ebad9548a66b983d48cb4f106f648a19208e3422' }, "Previous")), index.h("div", { key: '80b0aba2aaaaa69891174941f9764087f5d5d879', class: "pagination_numbers" }, index.h("gb-pagination-number-base", { key: 'e47048fa8aa73e4f711e021086d4fa24f6c9d008', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, index.h("p", { key: '6897be04051d3406fb6f29b63708cddaeb746a3a', slot: "page_number" }, "1")), index.h("gb-pagination-number-base", { key: 'da65b56fb9fb9d456fbc39af66ea4c055b9fb0b9', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, index.h("p", { key: 'c19406b3994e5936da5a81d3ed92846a7bd98b7b', slot: "page_number" }, "2")), index.h("gb-pagination-number-base", { key: '75f5f7b43fdfb31686511d5ce7a716c89d68daf2', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, index.h("p", { key: '63ba9c187139569c67e2f6f1164ca7c22570e842', 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: '9a580b72fe227841035c5d7f310932e8536cbda0', shape: this.shape }, index.h("p", { key: '76bd75e10ba4794d2b411d368cd20850fb91208c', 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: '6db5972f15f2799d0be98720527c33b9ea481595', shape: this.shape, state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 2) }, index.h("p", { key: '363b3444c168d484cc3507d1a053f86af3b75078', slot: "page_number" }, this.totalPages - 2)), index.h("gb-pagination-number-base", { key: 'd4495c74a98d00c7b172754ec3917696d1b41f95', shape: this.shape, state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 1) }, index.h("p", { key: '11a701e488dc82ea8a555a5128f20e92f8b7e31f', slot: "page_number" }, this.totalPages - 1)), index.h("gb-pagination-number-base", { key: 'cdcdce494771fd1633338dcfdbaf9d220dc21644', shape: this.shape, state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages) }, index.h("p", { key: '0ed2f1edb52426445da7fc4d8ce510b1ad7ab449', slot: "page_number" }, this.totalPages))), index.h("gb-button", { key: 'ce3d6f214375db3ef759eb85cea4321e721a1ea6', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", "icon-trailing": true, "icon-trailing-swap": "assets/arrow-right-02.svg" }, index.h("p", { key: 'c34214648588761089cb6ed269093c5b69f289e8' }, "Next")))), this.type === 'card_default' && this.breakpoint === 'desktop' && (index.h(index.Fragment, null, index.h("div", { key: '78846c47617160418044775d9c709e3617320709', class: "pagination_entries" }, index.h("div", { key: 'aacb018150b7992efdcb94f3ae885e525eb3835f', class: "entries_text" }, index.h("p", { key: 'de51f242cf947070fd7a9da6c66f29a30d11761b', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), index.h("div", { key: 'eb96f095c7034fd008704af0842e43239708b45f', class: `entries_dropdown` }, index.h("gb-input-dropdown", { key: '4bd56d4436a6a0d17d9f37a2e3f01721ae046c23', 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: '7c16ab887aafa9d5d1c88cf60675637e9b316e1b', class: "pagination_numbers" }, index.h("gb-pagination-number-base", { key: 'ae2a49da588071ac030ec7b9341a6f760024b909', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, index.h("p", { key: '75c541a8e70ef54feae29f17c37cc4fad1a19577', slot: "page_number" }, "1")), index.h("gb-pagination-number-base", { key: 'e3f013b4bb0e76a79ff6a91036b3c78ab90c1050', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, index.h("p", { key: '9650eb80b4a762e731be4a34fbb5c4c794e194c0', slot: "page_number" }, "2")), index.h("gb-pagination-number-base", { key: '8eed0ae4fc51604165faabc6c8139dfa7a7ba6d1', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, index.h("p", { key: '3d66210b9cbcf2f0cb6f18776dff1e00d6304a4e', 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: '4ac41978f32dc2c0be84cd6a88a74589b7c8d925', shape: this.shape, state: "default" }, index.h("p", { key: 'fa8b28b75d5b786d2ec38883348341f5c4ee9e85', 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: '8ccf4a9cf03175c4b6d4740bfe4ca185be59b96e', shape: this.shape, state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 2) }, index.h("p", { key: '0778c463374ccae1e784905661dff63797471aca', slot: "page_number" }, this.totalPages - 2)), index.h("gb-pagination-number-base", { key: '421e52bb3e813dd0a853b0c5ecaccabbaa5c8cba', shape: this.shape, state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 1) }, index.h("p", { key: '14e04ea4e244d371123825a59000654e4139d459', slot: "page_number" }, this.totalPages - 1)), index.h("gb-pagination-number-base", { key: '100e6e9943e4b2b21493b0dd8d4974fd268802b9', shape: this.shape, state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages) }, index.h("p", { key: 'bf7a9cc75e469fae9302370dd775f0179de9cd03', slot: "page_number" }, this.totalPages))), index.h("div", { key: 'f1467d6105bc98b21683d1d07fb4cd6427ed27c4', class: "pagination_btns" }, index.h("gb-button", { key: '66fb2e36b5c9798d731943c7950b16994e1770dd', 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: '0b04b0c6a9b1a3c3e19d37d909e6c35bffa50393', 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: '95caf04beec1fd4e58d07fce0f62376902f12370', class: "pagination_entries" }, index.h("div", { key: 'a2140a8c332ed625fc9156d1cbead1b0fbe19ded', class: "entries_text" }, index.h("p", { key: 'f64a075451a7f8269c36d46465a95a75395b3fe2', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), index.h("div", { key: 'ec569436ea1fb35183129932650aac979d1eb546', class: `entries_dropdown` }, index.h("gb-input-dropdown", { key: 'ebb4e3a76facbe67c99de8d1c1bfd6cf1d58bada', 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: '5e94d08b21aae0136545ad80539e5998e6b3ef0e', class: "page_number_text" }, index.h("p", { key: 'd49ff8111f5fb8751d70d92369aa34d104b36096', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), index.h("div", { key: 'f5c97cf001a202cbc9144772e3357c3f53cd5f75', class: "pagination_btns" }, index.h("gb-button", { key: '991f9338bf9acdda72ce9dcd86575c9646e4c680', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, index.h("p", { key: 'f5721e5d47f65b043775769878e7cf203ff61c15' }, "Previous")), index.h("gb-button", { key: '52264b4c363a5a813c71ff73eedd8e338681abbd', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, index.h("p", { key: 'c610e8320a8337ba8d373af4ea55a976dc7d244c' }, "Next"))))), this.type === 'card_minimal_left_aligned' && this.breakpoint === 'desktop' && (index.h(index.Fragment, null, index.h("div", { key: 'cbbf06a3a3f50d8a3933b623955702df5c21fbe5', class: "pagination_btns" }, index.h("gb-button", { key: '58ae53ce64cd753ab0c40ff51646baf448da72be', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, index.h("p", { key: 'e778ca876a6a3fe7988f3845fe64d02531348582' }, "Previous")), index.h("gb-button", { key: '35d6cfcbd89422bbd9d02f69ab091e1de485f67f', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, index.h("p", { key: '213d1cf427007b2dd98ac83fd4a5041f1aa6b139' }, "Next"))), index.h("div", { key: '5adb8310f2f7f486ff9d5b87ed49883d6ae31b91', class: "page_number_text" }, index.h("p", { key: 'd13eccd54e4821b104b14bdde5060e7471c30089', class: "text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), index.h("div", { key: '135c2b397bcb92a003310391585cb4bf3992cfb7', class: "pagination_entries" }, index.h("div", { key: '2ead855ee98d35cf03690025fd0dc29291d66dbc', class: "entries_text" }, index.h("p", { key: '291a74bd4fbed3f6bc10f719cc7699dd3c0277ce', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), index.h("div", { key: '586e2bc021da5e7f51bf4d6722b91c534bd96e38', class: `entries_dropdown` }, index.h("gb-input-dropdown", { key: '2e0defac47065ac2908c2d1481a5fa2df467f45a', 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: '1d461fe45c0127139851cd68d1ec51f039643071', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, index.h("p", { key: 'e2bf14987a28d95eafb8b2a204ceefa3d0d36f1c' }, "Previous")), index.h("div", { key: '465d5496c8ac97bb17fdfcfee66f9e10cb6f46b5', class: "page_number_text" }, index.h("p", { key: 'e43c295c7e40db69490cd3002186b57cf9fcd48b', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), index.h("gb-button", { key: '43d4f22bdcd5727a52acada21960df7aa4063866', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, index.h("p", { key: '751062253f87b20bf77fd49e1408bb8757c1256c' }, "Next")))), this.type === 'card_button_group_right_aligned' && this.breakpoint === 'desktop' && (index.h(index.Fragment, null, index.h("div", { key: 'b1e5499562786fad2b6a6f3badc19365992cc6c0', class: "pagination_entries" }, index.h("div", { key: '4820511d389b9b50bc964b1b51fccb256face1d6', class: "entries_text" }, index.h("p", { key: 'fdbcb8989b6bf3264cbdf5a992f8c2702993b40f', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), index.h("div", { key: '80875327ee9271553a36d5d3e7f411f8c26c1848', class: `entries_dropdown` }, index.h("gb-input-dropdown", { key: '364911369702a0dfd0bee7662b318d3e97145d03', 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: 'c9d7bc11fea90e1bd9c6c611be69deccdd051903', class: "pagination_button_group" }, index.h("gb-pagination-button-group-base", { key: '972b9cce9fddcf747502681e42f127c37e39237d', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, index.h("p", { key: '69991ed757e7f0b7666a2656f6db60a0b0a23e13' }, "Previous")), index.h("div", { key: 'f542e39606d295855274520b2e3482f9c8ceb1fc', class: "btn_group" }, index.h("gb-pagination-button-group-base", { key: 'c02547845c8169461d89526f57ef083043e189e7', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, index.h("p", { key: '5cf8266ce59d744ac1bf812a8868d821fc7e58d6' }, "1"))), index.h("gb-pagination-button-group-base", { key: '15920839e45f4b132205d7a29f8f386f65f92c95', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, index.h("p", { key: 'aa6327b38e7676048bcdf7a1cd56e90422b60b22' }, "2")), index.h("gb-pagination-button-group-base", { key: 'd072c302841d28ed8feed3e7899d867697452754', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, index.h("p", { key: '55a64a19c9313d6d83ca9bdbfc4585c06503cb76' }, "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: '5d1b0de2456cd8b7fe0c12a4a9f1f070c1abead5', icon: "false" }, index.h("p", { key: 'd8813199a332065d9090a16825a3e0132b7385dd' }, "...")), 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: 'f8e55308c8c482e30e5b173a316afc218da9117b', icon: "false", state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 2) }, index.h("p", { key: '60a6dcd4534e97e3aecf8b9e175de7913195a0f1' }, this.totalPages - 2)), index.h("gb-pagination-button-group-base", { key: '7d96355eda1bf90819127461ac03ecc41053a159', icon: "false", state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 1) }, index.h("p", { key: '50c0de913a27754a0d41987e237eb1f48f37d8f7' }, this.totalPages - 1)), index.h("gb-pagination-button-group-base", { key: '011b6e0e9bd7ef67b0572858930ad1582d62bbc0', icon: "false", state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages) }, index.h("p", { key: '107c8aac919a1f09ea0cd3ea91ee536954a2a9b3' }, this.totalPages)), index.h("gb-pagination-button-group-base", { key: 'af643717c0af8c7862c04cd505d64104ebdd6d88', icon: "trailing", onClick: () => this.onNextButtonClicked() }, index.h("p", { key: '93796a23bba8fe5d256d96a3e40715f166c0ed0f' }, "Next"))))), this.type === 'card_button_group_left_aligned' && this.breakpoint === 'desktop' && (index.h(index.Fragment, null, index.h("div", { key: '46c93e78106489c8c9e9076dfe8c349bf72b4e4b', class: "pagination_button_group" }, index.h("gb-pagination-button-group-base", { key: '6e3730260645ea5142b702c1c2d99b81793e5114', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, index.h("p", { key: '5879e5881a8db32331e89b48c27f2d4b6ac96d4a' }, "Previous")), index.h("div", { key: 'bc1fc90d04aca32f6eb6680098cf42e8171889a4', class: "btn_group" }, index.h("gb-pagination-button-group-base", { key: '810d5ba8ee707982e689e00709f6e81188766322', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, index.h("p", { key: 'abdce3f0d5b763338ab69cbfe58fcfda5abce881' }, "1"))), index.h("gb-pagination-button-group-base", { key: '032739f0aed061c565c0df3ffacefa4bf1416c2b', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, index.h("p", { key: 'eb12761b6c31ffaf72da0f2ed90fa70b21ac516d' }, "2")), index.h("gb-pagination-button-group-base", { key: '286b3a90ba6b64cd69641e0cec5f168454d5aa37', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, index.h("p", { key: 'c261b1c2f36dc6a27fb968e62e7e3f17fb09f9f4' }, "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: '3d2cf4c58521d504fdedd98332d6c490089d8fcb', icon: "false" }, index.h("p", { key: '96b884adc9123255a26792e02e974b600d5a2ed6' }, "...")), 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: 'cd04ab5f7eac83426aed6390cc66c64c05271ae3', icon: "false", state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 2) }, index.h("p", { key: '222a4775d80a4205ce2bdbb298cc2d322e45986f' }, this.totalPages - 2)), index.h("gb-pagination-button-group-base", { key: 'cde69aa1af5ce894335da89a2c9e3a16c61ca12c', icon: "false", state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 1) }, index.h("p", { key: '8a07aeeedcaa04a9de84c1c8c674e6e768298be7' }, this.totalPages - 1)), index.h("gb-pagination-button-group-base", { key: '28e6c2ce9400c449ec1ca049d37f1bef62fcb08a', icon: "false", state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages) }, index.h("p", { key: '4f121b1a3ee6fe03225b793a1cd5cb6ea438cabd' }, this.totalPages)), index.h("gb-pagination-button-group-base", { key: '0a74ac53c71ef1769c845bc5858d7c8570f4ab17', icon: "trailing", onClick: () => this.onNextButtonClicked() }, index.h("p", { key: '458865ff9e3c788b59510ae1d820c3fb4a64a7e6' }, "Next"))), index.h("div", { key: '9bcba021e6d1b6c8dd147653f26e9e98f36abcd2', class: "pagination_entries" }, index.h("div", { key: '6768844dd645b86a02a38f1ac17c99794b4391bc', class: "entries_text" }, index.h("p", { key: '5ca9bac35f807371d0cc76b9a48c156fbfc29af4', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), index.h("div", { key: '84bcbc9abf87fc2de615dd3180ce544b0c025085', class: `entries_dropdown` }, index.h("gb-input-dropdown", { key: '5e6eaaaf09fb81cf17be6cf84c50d6bed1c5663e', 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: 'dc62d0cd69d1aedec88252d76e2c93c2ad40c8dd', class: "pagination_button_group" }, index.h("gb-pagination-button-group-base", { key: '0e6c1fb393abde0223e43a593f5d61e006b0606b', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, index.h("p", { key: 'f18932aaf6864328a284ea3057e168e11d379165' }, "Previous")), index.h("div", { key: '219433d0ba0d79ec4c8f41424b38f04ce0b5e79d', class: "btn_group" }, index.h("gb-pagination-button-group-base", { key: 'c7c72f20d3522ad14a10946b18283b8a41803cd6', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, index.h("p", { key: '4a9350b23fd2bc83952d521ea4222ef3eae12dcd' }, "1"))), index.h("gb-pagination-button-group-base", { key: '9eb5650a7240c77820544a8545573fff33353a06', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, index.h("p", { key: '56e4c829facf58c07970dd2aa947ff9ba14ddec8' }, "2")), index.h("gb-pagination-button-group-base", { key: 'b23577a373afbd744a2700a9b1bda51860613bca', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, index.h("p", { key: '4cd6a2fe2a1e0c6152be5df8fa84ff6a46e339df' }, "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: '10c87b18eecda44e28029e0a403ac1f429962b7a', icon: "false" }, index.h("p", { key: '84d4a1afde0a33ce1d195a3c197179869aa4f588' }, "...")), 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: '0af7c74a26ce9f8aa1fcbaf30f5908f21640731e', icon: "false", state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 2) }, index.h("p", { key: '708992db767f7361617e2b0ca27f7780ad78f74c' }, this.totalPages - 2)), index.h("gb-pagination-button-group-base", { key: '1f396e3aa60a4ff4f6cd450682eb19b0f9b06279', icon: "false", state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 1) }, index.h("p", { key: 'a34a6c3099d00d26ff9a30da16c8c797cd5441e2' }, this.totalPages - 1)), index.h("gb-pagination-button-group-base", { key: 'f56545a5bdea62c02ecbeae6d51da395e88663e4', icon: "false", state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages) }, index.h("p", { key: '1b9294463d7412f09440649aaf83a87ab4fd8943' }, this.totalPages)), index.h("gb-pagination-button-group-base", { key: '9488e8b544355d93d633ead142570a8199db8fe5', icon: "trailing", onClick: () => this.onNextButtonClicked() }, index.h("p", { key: '6dc7131fea72d9f3aeef3570bdf113bbf03bd774' }, "Next"))))), this.type === 'page_default' && this.breakpoint === 'mobile' && (index.h(index.Fragment, null, index.h("gb-button", { key: '559f5f26941f44a03dca53b554a69b338c42b413', 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: '678d6370f6486b935738386e30fa3c2ff48c9fa4', class: "page_number_text" }, index.h("p", { key: '537ad9711d24a9daf87099e536cd0c1c2a179ef6', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), index.h("gb-button", { key: '27cf995b8b74941344b24c4f5198ad4d0d43358e', 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: '36b0369efff8e823079f9cfe4b22f15c502af0ed', 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: '3c9009edc7be669de304b8852742711a05b42da0', class: "page_number_text" }, index.h("p", { key: 'f7bfacf2bcd34bfb415d2adcf41451c015f58645', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), index.h("gb-button", { key: '2e40fb080bad506131c027661f57e20c3f30ea7f', 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: 'd8ec9cd48154500ff1ee1c5186529345581a88ef', 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: '1ce4ec4d97e524b5d260d6b3405d232f43119e59', class: "page_number_text" }, index.h("p", { key: 'c2d216a177f691d8d1697c83b6ea77ba48b0bcc2', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), index.h("gb-button", { key: '127bae04862da9b5705a186d86e43a2330185bc4', 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: 'a3b6941bc536aae333d8d54d674bd345daa640c1', 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: 'be182a5b7f59e9cc168b27d16f5d8f8d8de45fdd', class: "page_number_text" }, index.h("p", { key: '8b64d1a8986426b87b125a2249d4588968b164d9', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), index.h("gb-button", { key: '0f3621708dfa38167fea2d2b444db59e38e7d786', 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: '9725e9c1ef29feec42336896aca084d9c0f0f8f3', 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: 'c5a98928d16e8ec3264d1f6e72bb9099adc5aeef', class: "page_number_text" }, index.h("p", { key: 'b4e53a7402d739d599461e75230b4349fc017ff2', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), index.h("gb-button", { key: 'fcacbc5e3bad33342297dde173db258d89f4cbb2', 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: '7209851fa0ad5e3be3765671a4d06d2f41e0ec76', 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: '765b92b9199e06caef82ec5880194ddf972a0f43', class: "page_number_text" }, index.h("p", { key: 'd314b89f668a6ab1d883fd62be3e52bdb7e0d624', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), index.h("gb-button", { key: 'aeab3b96a3a1f29d870f845792772295610172ea', 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: '75e40000c126c8023dbbc75ad19cd8030abd77a5', class: "pagination_button_group" }, index.h("gb-pagination-button-group-base", { key: 'a05d06e901cff240224608eca96ece69f75d693d', icon: "only", "icon-src": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), index.h("div", { key: 'bb8fbfd4aea50b54e489609479d879070910e4f7', class: "btn_group" }, index.h("gb-pagination-button-group-base", { key: 'bc4dbd394f757bf08bb57006e380ee5bd397c878', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, index.h("p", { key: 'cdddfa65a15dc5edd18dbeb95043b11332ec700d' }, "1"))), index.h("gb-pagination-button-group-base", { key: '77d53cdd876f9288c4654c360f0ae49a6cf4a3e0', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, index.h("p", { key: 'f3b2a063d07ba958bb5b1ca166f5c590ac3c3307' }, "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: '2e7723c8640294b226dd44187b578979229745e3', icon: "false" }, index.h("p", { key: '67c882d67ce0d078fe84e1ea9dcd3713a11048b0' }, "...")), 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: '35834e17aa1ab6125eff8ba62728e38eb9bd094a', icon: "false", state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 1) }, index.h("p", { key: '89390b4809320fb8a6758aee72f233146d67a70c' }, this.totalPages - 1)), index.h("gb-pagination-button-group-base", { key: '8520a4d72a73314eddcc01f81b9f1c99cf496e15', icon: "false", state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages) }, index.h("p", { key: '17ac116c8a7690ca036bddc557d7ee99322e5083' }, this.totalPages)), index.h("gb-pagination-button-group-base", { key: '6473f2abb1267b50012a481e5877dd15877efb33', 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: '04864e0b4e8850824921cac72ae3a2b0c182b845', class: "pagination_button_group" }, index.h("gb-pagination-button-group-base", { key: '301aeb1a3ee99f5c6f612a4f583ee7e5c0d38520', icon: "only", "icon-src": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), index.h("div", { key: 'cfcef0b6c02a30f4c70cff4d05b8f570e56810f1', class: "btn_group" }, index.h("gb-pagination-button-group-base", { key: '3b28834053ca0cb3859957ab071177f91c0f1d14', icon: "false", state: "active" }, index.h("p", { key: '637a69e349a322279bba420b49520ad8adabe2e4' }, "1"))), index.h("gb-pagination-button-group-base", { key: '5f47c1c5cfd0077f255b132bf1117cf7eb9aa774', icon: "false" }, index.h("p", { key: 'e010c931c4a5b25840e23a9f601d240e5697475d' }, "2")), index.h("gb-pagination-button-group-base", { key: '64063e2772ff8d22e9af40094987e0925d5df039', icon: "false" }, index.h("p", { key: '1cd89c390a6003a6f659df7360ca2416322cf805' }, "...")), index.h("gb-pagination-button-group-base", { key: '02eb2040b8870fb1f57d08ac4fab18eeae301242', icon: "false" }, index.h("p", { key: 'ad95281d6188aa2be4d2e28d4306fbaed9c4ebc9' }, "9")), index.h("gb-pagination-button-group-base", { key: '2b0b3eee9b8b3974854436df01d00d1f7953aadb', icon: "false" }, index.h("p", { key: '926de96ddcdb84841dd1a4fb8ac7e365b2a10870' }, "10")), index.h("gb-pagination-button-group-base", { key: '1d338df03c4c388d820a45d8a14df2a4386c0c4a', 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: '13aa657665b6cc45b2d51392dd510c1d0fbea49a', class: "pagination_button_group" }, index.h("gb-pagination-button-group-base", { key: 'e1e0c90b4b7a7c21eb31d22a9ef4d4baf1a07900', icon: "only", "icon-src": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), index.h("div", { key: '8bd89e32aed8ffefdda2a2603232ae82b2d8ecd9', class: "btn_group" }, index.h("gb-pagination-button-group-base", { key: '1b6419e0eca8681788660c6973be0291e55deb66', icon: "false", state: "active" }, index.h("p", { key: 'b68affaaae765c5d4956cce0ae1146823c95eea1' }, "1"))), index.h("gb-pagination-button-group-base", { key: 'fd355c9256519848103284ab52ddcf7e567b6d37', icon: "false" }, index.h("p", { key: '28cdb3a7d070e8b47f0c3a57ec4dbbe14b499996' }, "2")), index.h("gb-pagination-button-group-base", { key: '093c577a214607be497e707fecbfecf0cd128c43', icon: "false" }, index.h("p", { key: 'cc06fec9ce376f5fa1657e61329d0bf3b940d1d6' }, "...")), index.h("gb-pagination-button-group-base", { key: '577566fc3c8567fec0711fa9be9149e9b4da6fac', icon: "false" }, index.h("p", { key: '47c6a7804602729a843cf12d91d7947943a3be3d' }, "9")), index.h("gb-pagination-button-group-base", { key: 'bb46022b2eadac60bbdcc4df13367121395f3430', icon: "false" }, index.h("p", { key: 'a4890a28c48ccd9c2cc9858f54e0d4c3d86c1bef' }, "10")), index.h("gb-pagination-button-group-base", { key: 'cc581f25a4fc09631ae38724ac453c5cde3b2816', 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: 'f63f5940c9af0cd7aa6403fa5a7b8ceb1cff549e', class: "gauge" }, index.h("div", { key: 'df8e8830eef369cbca3a9e0d5c1a2e54dfc8a137', class: "arc", ref: el => (this.arcElement = el) }), index.h("div", { key: '19ee1d0024ff6a6cd6a18d729530ecd516882354', class: "mask" }), this.label && (index.h("div", { key: '5d92fe335c573b34dfc12052b6d9e29661aa0cd5', class: "label", ref: el => (this.labelElement = el) }, index.h("p", { key: '6ee0316e2399a0a1550112bee124ef7acc3f5b76', class: "display-lg-semi-bold" }, `${this.progress}%`)))));
+        return (index.h("div", { key: 'd2b9e9100360a8e1a7ed1296db298bf2450ee258', class: "gauge" }, index.h("div", { key: '955bccbc1fe4ab025fd606f9233760310f13c2a4', class: "arc", ref: el => (this.arcElement = el) }), index.h("div", { key: 'a1ef31db66a7e2ad0524a8f13bf6831d3afa34f6', class: "mask" }), this.label && (index.h("div", { key: 'f7bd9a3d5a11c6a56111aa0185523c77bbce7564', class: "label", ref: el => (this.labelElement = el) }, index.h("p", { key: '6cd51aa6b68660f8ce638859ea157042a11982db', class: "display-lg-semi-bold" }, `${this.progress}%`)))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/gb-quick-action-card.cjs.entry.js CHANGED Viewed

@@ -11,7 +11,7 @@ const GbQuickActionCard = class {
         this.label = '';
     }
     render() {
-        return (index.h("div", { key: '6101f7b717145c6e0570204138ab2d6ab87c278d', class: "quick_action_div" }, index.h("gb-card-icon", { key: '23a76417d610e153316fca272ac7bd146f90b029', color: this.color, icon: this.icon }), index.h("p", { key: 'a6c1ce88acfa690da9bee76524665cbd16ff70fb', class: "label text-xs-medium" }, this.label)));
+        return (index.h("div", { key: 'e07c1a65471ca7d1f3db892ee5ab0fac034bcb89', class: "quick_action_div" }, index.h("gb-card-icon", { key: 'fb40c957f2a311f0f40ff9587cf641b64a83f543', color: this.color, icon: this.icon }), index.h("p", { key: '8e2f94f20d5623ab9dc8f503feb1352742db16f5', class: "label text-xs-medium" }, this.label)));
     }
 };
 GbQuickActionCard.style = gbQuickActionCardCss;

package/dist/cjs/gb-quick-action-icon.cjs.entry.js CHANGED Viewed

@@ -12,7 +12,7 @@ const GbQuickActionIcon = class {
         this.isHovered = false;
     }
     render() {
-        return (index.h("div", { key: '06a1b383863aceb9f2dee58bdd1ec01193fe10a2', class: "quick_action_icon_div", onMouseEnter: () => (this.isHovered = true), onMouseLeave: () => (this.isHovered = false) }, index.h("gb-card-icon", { key: 'b51b301abdbc332e9310a240f966909f19a844de', color: this.isHovered ? 'cyan' : 'blue', icon: this.icon }), index.h("p", { key: '4b7085ece6f889b1c2b9cb1f824f13131901ef62', class: "label text-xs-medium" }, this.label)));
+        return (index.h("div", { key: '81939c9207cd860327abdcadd0519016eec92b7d', class: "quick_action_icon_div", onMouseEnter: () => (this.isHovered = true), onMouseLeave: () => (this.isHovered = false) }, index.h("gb-card-icon", { key: '83807aa3339a29fdb21f91de23a2910ac0747a8c', color: this.isHovered ? 'cyan' : 'blue', icon: this.icon }), index.h("p", { key: '1d3a1928a2baf650ae3dcf11dc36b42605b24a8c', class: "label text-xs-medium" }, this.label)));
     }
 };
 GbQuickActionIcon.style = gbQuickActionIconCss;

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: '61e08697b306dd4d7190ddf939e8015c53c42afe', class: "scrollbar-container" }, index.h("div", { key: '945ac4a8ea1aa228eac50b8584618e659dad524a', class: "scrollbar", style: { height: this.length } }, index.h("slot", { key: 'ca223f90d95aa42bcf77ddce3f8f000031d1289a' }))));
+        return (index.h("div", { key: '57ab1c11a2b3b53e5f392df31bcb441f3644cb2d', class: "scrollbar-container" }, index.h("div", { key: '06108389caee049c8721162a5fd6315c6c0505fa', class: "scrollbar", style: { height: this.length } }, index.h("slot", { key: 'a32a680842adb2ab2cbfe59d9c6499638185b135' }))));
     }
 };
 GbScrollbar.style = gbScrollbarCss;