globuswebcomponents 1.1.1 → 1.1.2

package/dist/cjs/loader.cjs.js

@@ -8,7 +8,7 @@ const appGlobals = require('./app-globals-3a1e7e63.js');
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;
   await appGlobals.globalScripts();
-  return index.bootstrapLazy(JSON.parse("[[\"gb-avatar_20.cjs\",[[1,\"gb-token-field\",{\"size\":[1],\"digits\":[2],\"showLabel\":[4,\"show-label\"],\"label\":[1],\"showSupportingText\":[4,\"show-supporting-text\"],\"supportingText\":[1,\"supporting-text\"]}],[1,\"gb-verification-code-field\",{\"size\":[1],\"digits\":[2],\"showLabel\":[4,\"show-label\"],\"label\":[1],\"showHintText\":[4,\"show-hint-text\"],\"hintText\":[1,\"hint-text\"]}],[1,\"gb-input-dropdown\",{\"type\":[1],\"state\":[1025],\"size\":[1],\"showLabel\":[4,\"show-label\"],\"label\":[1],\"placeholder\":[1],\"showHintText\":[4,\"show-hint-text\"],\"hintText\":[1,\"hint-text\"],\"showHelpIcon\":[4,\"show-help-icon\"],\"showLeadingIcon\":[4,\"show-leading-icon\"],\"iconSwap\":[1,\"icon-swap\"],\"text\":[4],\"leadingIcon\":[1,\"leading-icon\"],\"icon\":[1],\"items\":[1040],\"value\":[1040],\"supportingText\":[4,\"supporting-text\"],\"color\":[1],\"showBorder\":[4,\"show-border\"],\"menuPosition\":[1,\"menu-position\"],\"showSearchInput\":[4,\"show-search-input\"],\"inputValue\":[1,\"input-value\"],\"leadingIconSvg\":[32],\"dropdownOpen\":[32],\"selectedItems\":[32],\"unselectedItems\":[32],\"selectedItem\":[32],\"searchItem\":[32],\"searchResults\":[32]},[[4,\"click\",\"handleClickOutside\"]]],[1,\"gb-input-field\",{\"size\":[1],\"type\":[1],\"destructive\":[1028],\"state\":[1],\"showLabel\":[4,\"show-label\"],\"label\":[1],\"showHintText\":[4,\"show-hint-text\"],\"hintText\":[1,\"hint-text\"],\"errorText\":[1,\"error-text\"],\"showPlaceholder\":[4,\"show-placeholder\"],\"placeholder\":[1],\"showHelpIcon\":[4,\"show-help-icon\"],\"showValidation\":[4,\"show-validation\"],\"showCountryIcon\":[4,\"show-country-icon\"],\"iconSwap\":[1,\"icon-swap\"],\"showCloseButton\":[1028,\"show-close-button\"],\"options\":[1040],\"idOfInput\":[513,\"id-of-input\"],\"labelText\":[513,\"label-text\"],\"isReadOnly\":[516,\"is-read-only\"],\"results\":[1040],\"menuPosition\":[1,\"menu-position\"],\"icon\":[1],\"value\":[1032],\"inputValue\":[32],\"tags\":[32],\"leadingIconSvg\":[32],\"isPasswordVisible\":[32],\"showDropdown\":[32],\"selectedItem\":[32],\"selectedItems\":[32],\"unselectedItems\":[32],\"paddingLeft\":[32],\"paddingTop\":[32],\"dropdownOpen\":[32],\"show\":[32],\"showSpinner\":[32]},[[4,\"click\",\"handleClickOutside\"]],{\"options\":[\"optionsChanged\"],\"value\":[\"updateSelectedItems\"]}],[1,\"gb-megainput-field\",{\"size\":[1],\"state\":[1],\"inputValue\":[32]}],[1,\"gb-password-button\",{\"state\":[1],\"isPasswordVisible\":[32]}],[1,\"gb-help-tooltip\",{\"showArrow\":[4,\"show-arrow\"],\"showSupportingText\":[4,\"show-supporting-text\"],\"showHelpTooltip\":[32]}],[4,\"gb-btn\",{\"size\":[1],\"hierarchy\":[1],\"icon\":[1],\"destructive\":[4],\"state\":[1],\"iconLeading\":[4,\"icon-leading\"],\"iconLeadingSwap\":[1,\"icon-leading-swap\"],\"iconTrailing\":[4,\"icon-trailing\"],\"iconTrailingSwap\":[1,\"icon-trailing-swap\"],\"leadingIconSvg\":[32],\"trailingIconSvg\":[32]}],[1,\"gb-tag\",{\"size\":[1],\"icon\":[1],\"action\":[1],\"flagSwap\":[1,\"flag-swap\"],\"checkbox\":[4],\"onTagClose\":[64]}],[1,\"gb-input-dropdown-menu-item\",{\"type\":[1],\"supportingText\":[4,\"supporting-text\"],\"selected\":[1028],\"state\":[1],\"color\":[1],\"handleClick\":[64]}],[1,\"gb-tag-checkbox\",{\"checked\":[4],\"size\":[1],\"disabled\":[4]}],[1,\"gb-tag-close\",{\"size\":[1]}],[1,\"gb-tag-count\",{\"size\":[1]}],[1,\"gb-checkbox\",{\"checked\":[4],\"indeterminate\":[4],\"size\":[1],\"type\":[1],\"state\":[1],\"text\":[4],\"supportingText\":[4,\"supporting-text\"]}],[1,\"gb-button\",{\"size\":[1],\"hierarchy\":[1],\"icon\":[1],\"destructive\":[4],\"state\":[1],\"iconLeading\":[4,\"icon-leading\"],\"iconLeadingSwap\":[1,\"icon-leading-swap\"],\"iconTrailing\":[4,\"icon-trailing\"],\"iconTrailingSwap\":[1,\"icon-trailing-swap\"],\"leadingIconSvg\":[32],\"trailingIconSvg\":[32]}],[1,\"gb-checkbox-base\",{\"state\":[1025],\"size\":[1],\"type\":[1],\"checked\":[1028],\"indeterminate\":[1028]}],[1,\"gb-tooltip\",{\"showArrow\":[4,\"show-arrow\"],\"arrow\":[1],\"showSupportingText\":[4,\"show-supporting-text\"]}],[1,\"gb-avatar\",{\"size\":[1],\"placeholder\":[4],\"text\":[4],\"statusIcon\":[1,\"status-icon\"],\"state\":[1],\"icon\":[1],\"color\":[1],\"showBorder\":[4,\"show-border\"],\"weight\":[1],\"assignedColorClass\":[32]}],[1,\"gb-avatar-contrast-inner-border\",{\"weight\":[1],\"size\":[1],\"showBorder\":[4,\"show-border\"]}],[1,\"gb-status-indicator\",{\"statusIcon\":[1,\"status-icon\"],\"size\":[1],\"state\":[1],\"indicatorStateClass\":[1,\"indicator-state-class\"]}]]],[\"gb-pagination.cjs\",[[0,\"gb-pagination\",{\"type\":[1],\"shape\":[1],\"breakpoint\":[1],\"currentPage\":[1026,\"current-page\"],\"totalPages\":[1026,\"total-pages\"],\"entries\":[1040],\"selectedPageSize\":[32],\"defaultSelected\":[32]}]]],[\"gb-sidebar.cjs\",[[1,\"gb-sidebar\",{\"state\":[1025],\"category\":[1],\"navItemStyle\":[1,\"nav-item-style\"],\"type\":[1],\"showSecondCategory\":[4,\"show-second-category\"],\"iconInstance\":[1,\"icon-instance\"],\"firstItemIcon\":[1,\"first-item-icon\"],\"secondItemIcon\":[1,\"second-item-icon\"],\"thirdItemIcon\":[1,\"third-item-icon\"],\"fourthItemIcon\":[1,\"fourth-item-icon\"],\"fifthItemIcon\":[1,\"fifth-item-icon\"],\"sixthItemIcon\":[1,\"sixth-item-icon\"],\"seventhItemIcon\":[1,\"seventh-item-icon\"],\"eighthItemIcon\":[1,\"eighth-item-icon\"],\"ninthItemIcon\":[1,\"ninth-item-icon\"],\"tenthItemIcon\":[1,\"tenth-item-icon\"],\"firstItemLabel\":[1,\"first-item-label\"],\"secondItemLabel\":[1,\"second-item-label\"],\"thirdItemLabel\":[1,\"third-item-label\"],\"fourthItemLabel\":[1,\"fourth-item-label\"],\"fifthItemLabel\":[1,\"fifth-item-label\"],\"sixthItemLabel\":[1,\"sixth-item-label\"],\"seventhItemLabel\":[1,\"seventh-item-label\"],\"eighthItemLabel\":[1,\"eighth-item-label\"],\"ninthItemLabel\":[1,\"ninth-item-label\"],\"tenthItemLabel\":[1,\"tenth-item-label\"],\"complexSidebarData\":[8,\"complex-sidebar-data\"],\"activeIndex\":[1026,\"active-index\"],\"activePrimaryItem\":[1025,\"active-primary-item\"],\"activeSecondaryItem\":[1025,\"active-secondary-item\"],\"leadingIconSvg\":[32],\"sideBarItemClicked\":[64]}]]],[\"gb-textarea-input-field.cjs\",[[1,\"gb-textarea-input-field\",{\"type\":[1],\"state\":[1025],\"destructive\":[4],\"placeholderText\":[1,\"placeholder-text\"],\"showLabel\":[4,\"show-label\"],\"label\":[1],\"showHintText\":[4,\"show-hint-text\"],\"hintText\":[1,\"hint-text\"],\"idOfInput\":[513,\"id-of-input\"],\"isReadOnly\":[516,\"is-read-only\"],\"value\":[1032],\"icon\":[1],\"results\":[1040],\"content\":[32],\"inputValue\":[32],\"selectedStaff\":[32],\"paddingLeft\":[32],\"paddingTop\":[32],\"show\":[32],\"staffInfo\":[32],\"selectedItems\":[32],\"unselectedItems\":[32]},[[4,\"click\",\"handleClickOutside\"]],{\"value\":[\"updateSelectedItems\"]}]]],[\"test-input-tag.cjs\",[[0,\"test-input-tag\",{\"idOfInput\":[513,\"id-of-input\"],\"type\":[513],\"labelText\":[513,\"label-text\"],\"isReadOnly\":[516,\"is-read-only\"],\"placeholderText\":[513,\"placeholder-text\"],\"show\":[32],\"showSpinner\":[32],\"staffInfo\":[32],\"selectedStaff\":[32],\"paddingLeft\":[32],\"paddingTop\":[32],\"inputValue\":[32],\"dropdownOpen\":[32]}]]],[\"gb-avatar-dropdown.cjs\",[[1,\"gb-avatar-dropdown\",{\"type\":[1],\"text\":[4],\"showProfile\":[4,\"show-profile\"],\"showDarkTheme\":[4,\"show-dark-theme\"],\"showLogOut\":[4,\"show-log-out\"],\"listGroupOne\":[4,\"list-group-one\"],\"listGroupTwo\":[4,\"list-group-two\"],\"listGroupThree\":[4,\"list-group-three\"],\"color\":[1],\"showBorder\":[4,\"show-border\"]}]]],[\"gb-checkbox-group.cjs\",[[1,\"gb-checkbox-group\",{\"size\":[1],\"breakpoint\":[1],\"icon\":[1],\"selected\":[4],\"type\":[1]}]]],[\"gb-file-upload.cjs\",[[1,\"gb-file-upload\",{\"icon\":[1],\"type\":[1],\"heightSize\":[1,\"height-size\"],\"state\":[1],\"destructive\":[4],\"showLabel\":[4,\"show-label\"],\"progress\":[2],\"fileType\":[16],\"files\":[32],\"fileStates\":[32],\"isDragging\":[32]}]]],[\"gb-horizontal-tabs.cjs\",[[1,\"gb-horizontal-tabs\",{\"type\":[1],\"size\":[1],\"fullWidth\":[4,\"full-width\"],\"firstTabName\":[1,\"first-tab-name\"],\"secondTabName\":[1,\"second-tab-name\"],\"thirdTabName\":[1,\"third-tab-name\"],\"fourthTabName\":[1,\"fourth-tab-name\"],\"fifthTabName\":[1,\"fifth-tab-name\"],\"sixthTabName\":[1,\"sixth-tab-name\"],\"seventhTabName\":[1,\"seventh-tab-name\"],\"eighthTabName\":[1,\"eighth-tab-name\"],\"ninthTabName\":[1,\"ninth-tab-name\"],\"tenthTabName\":[1,\"tenth-tab-name\"],\"eleventhTabName\":[1,\"eleventh-tab-name\"],\"twelfthTabName\":[1,\"twelfth-tab-name\"],\"thirteenthTabName\":[1,\"thirteenth-tab-name\"],\"fourteenthTabName\":[1,\"fourteenth-tab-name\"],\"fifteenthTabName\":[1,\"fifteenth-tab-name\"],\"sixteenthTabName\":[1,\"sixteenth-tab-name\"],\"seventeenthTabName\":[1,\"seventeenth-tab-name\"],\"eighteenthTabName\":[1,\"eighteenth-tab-name\"],\"nineteenthTabName\":[1,\"nineteenth-tab-name\"],\"twentiethTabName\":[1,\"twentieth-tab-name\"],\"activeIndex\":[1026,\"active-index\"]}]]],[\"gb-vertical-tabs.cjs\",[[1,\"gb-vertical-tabs\",{\"size\":[1],\"type\":[1],\"firstTabName\":[1,\"first-tab-name\"],\"secondTabName\":[1,\"second-tab-name\"],\"thirdTabName\":[1,\"third-tab-name\"],\"fourthTabName\":[1,\"fourth-tab-name\"],\"fifthTabName\":[1,\"fifth-tab-name\"],\"sixthTabName\":[1,\"sixth-tab-name\"],\"seventhTabName\":[1,\"seventh-tab-name\"],\"eighthTabName\":[1,\"eighth-tab-name\"],\"ninthTabName\":[1,\"ninth-tab-name\"],\"tenthTabName\":[1,\"tenth-tab-name\"],\"eleventhTabName\":[1,\"eleventh-tab-name\"],\"twelfthTabName\":[1,\"twelfth-tab-name\"],\"thirteenthTabName\":[1,\"thirteenth-tab-name\"],\"fourteenthTabName\":[1,\"fourteenth-tab-name\"],\"fifteenthTabName\":[1,\"fifteenth-tab-name\"],\"sixteenthTabName\":[1,\"sixteenth-tab-name\"],\"seventeenthTabName\":[1,\"seventeenth-tab-name\"],\"eighteenthTabName\":[1,\"eighteenth-tab-name\"],\"nineteenthTabName\":[1,\"nineteenth-tab-name\"],\"twentiethTabName\":[1,\"twentieth-tab-name\"],\"activeIndex\":[1026,\"active-index\"]}]]],[\"gb-avatar-group.cjs\",[[1,\"gb-avatar-group\",{\"size\":[1],\"moreUsers\":[4,\"more-users\"],\"addMoreButton\":[4,\"add-more-button\"],\"text\":[4],\"state\":[1],\"images\":[16]}]]],[\"gb-header.cjs\",[[1,\"gb-header\",{\"state\":[1],\"showIndicator\":[4,\"show-indicator\"],\"text\":[4],\"placeholder\":[4],\"color\":[1],\"showBorder\":[4,\"show-border\"],\"showNotification\":[4,\"show-notification\"],\"showHelp\":[4,\"show-help\"],\"onNavBarItemClicked\":[64]}]]],[\"gb-avatar-profile-photo.cjs\",[[1,\"gb-avatar-profile-photo\",{\"placeholder\":[4],\"text\":[4],\"size\":[1],\"verified\":[4],\"icon\":[1]}]]],[\"gb-export-dropdown.cjs\",[[1,\"gb-export-dropdown\",{\"state\":[1],\"showFirstSubDropdown\":[32],\"showSecondSubDropdown\":[32]}]]],[\"gb-help-dropdown.cjs\",[[1,\"gb-help-dropdown\",{\"showLogError\":[4,\"show-log-error\"],\"onHelpItemClicked\":[64]}]]],[\"gb-toast.cjs\",[[1,\"gb-toast\",{\"color\":[1],\"size\":[1],\"breakpoint\":[1],\"xCloseButton\":[4,\"x-close-button\"],\"actions\":[4],\"showSupportingText\":[4,\"show-supporting-text\"]}]]],[\"gb-notification-content.cjs\",[[1,\"gb-notification-content\",{\"icon\":[1],\"label\":[1],\"time\":[1],\"supportingText\":[1,\"supporting-text\"]}]]],[\"gb-notification-pane.cjs\",[[1,\"gb-notification-pane\",{\"state\":[1],\"notifications\":[1040],\"icon\":[1],\"label\":[1],\"time\":[1],\"supportingText\":[1,\"supporting-text\"]}]]],[\"gb-slider.cjs\",[[1,\"gb-slider\",{\"min\":[2],\"max\":[2],\"thumbType\":[1,\"thumb-type\"],\"leftControl\":[2,\"left-control\"],\"rightControl\":[2,\"right-control\"],\"label\":[1],\"unit\":[1],\"unitPosition\":[1,\"unit-position\"],\"leftValue\":[32],\"rightValue\":[32]}]]],[\"gb-toggle.cjs\",[[1,\"gb-toggle\",{\"size\":[1],\"state\":[1],\"text\":[4],\"supportingText\":[4,\"supporting-text\"],\"pressed\":[4]}]]],[\"gb-carousel-arrow.cjs\",[[0,\"gb-carousel-arrow\",{\"size\":[1],\"chevron\":[1]}]]],[\"gb-pagination-dot-group.cjs\",[[1,\"gb-pagination-dot-group\",{\"size\":[1],\"type\":[1],\"color\":[1],\"framed\":[4]}]]],[\"gb-pagination-dot-indicator.cjs\",[[0,\"gb-pagination-dot-indicator\",{\"current\":[4],\"type\":[1],\"size\":[1]}]]],[\"gb-progress-circle.cjs\",[[1,\"gb-progress-circle\",{\"size\":[1],\"shape\":[1],\"label\":[4],\"progress\":[2]},null,{\"progress\":[\"handleProgressChange\"]}]]],[\"gb-scrollbar.cjs\",[[1,\"gb-scrollbar\",{\"length\":[1]}]]],[\"gb-table-cell.cjs\",[[1,\"gb-table-cell\",{\"type\":[1]}]]],[\"gb-wysiwyg-editor-icon.cjs\",[[1,\"gb-wysiwyg-editor-icon\",{\"active\":[4],\"type\":[1],\"state\":[1]}]]],[\"gb-checkbox-group-item.cjs\",[[1,\"gb-checkbox-group-item\",{\"size\":[1],\"type\":[1],\"state\":[1],\"breakpoint\":[1],\"showCost\":[4,\"show-cost\"],\"selected\":[1028]}]]],[\"gb-file-upload-item-base.cjs\",[[1,\"gb-file-upload-item-base\",{\"icon\":[1],\"state\":[1],\"heightSize\":[1,\"height-size\"],\"fileType\":[1,\"file-type\"],\"buttonState\":[1,\"button-state\"],\"progress\":[2],\"size\":[2],\"fileSize\":[2,\"file-size\"],\"fileName\":[1,\"file-name\"]}]]],[\"gb-avatar-label-group.cjs\",[[1,\"gb-avatar-label-group\",{\"size\":[1],\"statusIcon\":[1,\"status-icon\"],\"state\":[1],\"placeholder\":[4],\"text\":[4],\"color\":[1],\"showBorder\":[4,\"show-border\"]}]]],[\"gb-avatar-add-button.cjs\",[[1,\"gb-avatar-add-button\",{\"size\":[1],\"showToolTip\":[1028,\"show-tool-tip\"],\"state\":[1],\"el\":[16]}]]],[\"gb-slider-control-handle.cjs\",[[1,\"gb-slider-control-handle\",{\"value\":[1],\"type\":[1],\"isHovered\":[32],\"isFocused\":[32]}]]],[\"gb-header-icon.cjs\",[[1,\"gb-header-icon\",{\"state\":[1],\"showIndicator\":[4,\"show-indicator\"],\"icon\":[1]}]]],[\"gb-toast-button.cjs\",[[1,\"gb-toast-button\",{\"state\":[1],\"color\":[1]}]]],[\"gb-toggle-base.cjs\",[[1,\"gb-toggle-base\",{\"size\":[1],\"state\":[1],\"pressed\":[1028]}]]],[\"gb-tab-button-base.cjs\",[[1,\"gb-tab-button-base\",{\"current\":[4],\"size\":[1],\"fullWidth\":[4,\"full-width\"],\"badge\":[4],\"type\":[1],\"tabName\":[1,\"tab-name\"],\"alignment\":[1]}]]],[\"gb-dropdown-items-with-shortcut.cjs\",[[1,\"gb-dropdown-items-with-shortcut\",{\"icon\":[4],\"iconSrc\":[1,\"icon-src\"],\"checkbox\":[4],\"shortcut\":[4],\"shortcutIcon\":[1,\"shortcut-icon\"],\"label\":[1],\"state\":[1],\"destructive\":[4],\"leadingIconSvg\":[32]}]]],[\"gb-export-dropdown-item_2.cjs\",[[1,\"gb-export-sub-dropdown\"],[1,\"gb-export-dropdown-item\",{\"icon\":[4],\"state\":[1],\"type\":[1]}]]],[\"gb-pagination-button-group-base_2.cjs\",[[1,\"gb-pagination-button-group-base\",{\"icon\":[1],\"state\":[1],\"iconSrc\":[1,\"icon-src\"],\"leadingIconSvg\":[32]}],[1,\"gb-pagination-number-base\",{\"shape\":[1],\"state\":[1]}]]],[\"gb-export-sub-dropdown-item.cjs\",[[1,\"gb-export-sub-dropdown-item\",{\"icon\":[1],\"state\":[1],\"leadingIconSvg\":[32]}]]],[\"gb-badge_2.cjs\",[[1,\"gb-badge\",{\"size\":[1],\"icon\":[1],\"iconLeadingSwap\":[1,\"icon-leading-swap\"],\"iconTrailingSwap\":[1,\"icon-trailing-swap\"],\"flagSwap\":[1,\"flag-swap\"],\"color\":[1],\"type\":[1],\"closeButton\":[4,\"close-button\"],\"leadingIconContent\":[32],\"trailingIconContent\":[32]}],[1,\"gb-badge-close\",{\"color\":[1],\"type\":[1]}]]],[\"gb-collapse-button_4.cjs\",[[1,\"gb-simple-side-bar-item\",{\"state\":[1],\"type\":[1],\"label\":[1],\"icon\":[1],\"category\":[1],\"showArrow\":[4,\"show-arrow\"],\"showBadge\":[4,\"show-badge\"],\"showTooltip\":[1028,\"show-tooltip\"],\"leadingIconSvg\":[32]}],[1,\"gb-collapse-button\",{\"color\":[1],\"isCollapsed\":[1028,\"is-collapsed\"],\"action\":[1025],\"isHovered\":[1028,\"is-hovered\"],\"collapseSidebar\":[64],\"expandSidebar\":[64]}],[1,\"gb-complex-primary-side-bar-item\",{\"category\":[1],\"itemStyle\":[1,\"item-style\"],\"state\":[1],\"icon\":[1],\"label\":[1],\"showTooltip\":[1028,\"show-tooltip\"],\"leadingIconSvg\":[32]}],[1,\"gb-complex-secondary-side-bar-item\",{\"state\":[1],\"type\":[1],\"category\":[1],\"label\":[1],\"icon\":[1],\"showTooltip\":[1028,\"show-tooltip\"],\"leadingIconSvg\":[32]}]]],[\"gb-button-close_3.cjs\",[[1,\"gb-progress-bar\",{\"progress\":[2],\"showLabel\":[4,\"show-label\"],\"labelPosition\":[1,\"label-position\"]}],[1,\"gb-file-type-icon\",{\"fileStyle\":[1,\"file-style\"],\"fileType\":[1,\"file-type\"]}],[1,\"gb-button-close\",{\"size\":[1],\"color\":[1]}]]]]"), options);
+  return index.bootstrapLazy(JSON.parse("[[\"gb-avatar_21.cjs\",[[0,\"gb-pagination\",{\"type\":[1],\"shape\":[1],\"breakpoint\":[1],\"currentPage\":[1026,\"current-page\"],\"totalPages\":[1026,\"total-pages\"],\"entries\":[1040],\"selectedPageSize\":[32],\"defaultSelected\":[32]}],[1,\"gb-textarea-input-field\",{\"type\":[1],\"state\":[1025],\"destructive\":[4],\"placeholderText\":[1,\"placeholder-text\"],\"showLabel\":[4,\"show-label\"],\"label\":[1],\"showHintText\":[4,\"show-hint-text\"],\"hintText\":[1,\"hint-text\"],\"idOfInput\":[513,\"id-of-input\"],\"isReadOnly\":[516,\"is-read-only\"],\"value\":[1032],\"icon\":[1],\"results\":[1040],\"content\":[32],\"inputValue\":[32],\"selectedStaff\":[32],\"paddingLeft\":[32],\"paddingTop\":[32],\"show\":[32],\"staffInfo\":[32],\"selectedItems\":[32],\"unselectedItems\":[32]},[[4,\"click\",\"handleClickOutside\"]],{\"value\":[\"updateSelectedItems\"]}],[1,\"gb-input-dropdown\",{\"type\":[1],\"state\":[1025],\"size\":[1],\"showLabel\":[4,\"show-label\"],\"label\":[1],\"placeholder\":[1],\"showHintText\":[4,\"show-hint-text\"],\"hintText\":[1,\"hint-text\"],\"showHelpIcon\":[4,\"show-help-icon\"],\"showLeadingIcon\":[4,\"show-leading-icon\"],\"iconSwap\":[1,\"icon-swap\"],\"text\":[4],\"leadingIcon\":[1,\"leading-icon\"],\"icon\":[1],\"items\":[1040],\"value\":[1040],\"supportingText\":[4,\"supporting-text\"],\"color\":[1],\"showBorder\":[4,\"show-border\"],\"menuPosition\":[1,\"menu-position\"],\"showSearchInput\":[4,\"show-search-input\"],\"inputValue\":[1,\"input-value\"],\"leadingIconSvg\":[32],\"dropdownOpen\":[32],\"selectedItems\":[32],\"unselectedItems\":[32],\"selectedItem\":[32],\"searchItem\":[32],\"searchResults\":[32]},[[4,\"click\",\"handleClickOutside\"]]],[1,\"gb-pagination-button-group-base\",{\"icon\":[1],\"state\":[1],\"iconSrc\":[1,\"icon-src\"],\"leadingIconSvg\":[32]}],[1,\"gb-pagination-number-base\",{\"shape\":[1],\"state\":[1]}],[1,\"gb-input-field\",{\"size\":[1],\"type\":[1],\"destructive\":[1028],\"state\":[1],\"showLabel\":[4,\"show-label\"],\"label\":[1],\"showHintText\":[4,\"show-hint-text\"],\"hintText\":[1,\"hint-text\"],\"errorText\":[1,\"error-text\"],\"showPlaceholder\":[4,\"show-placeholder\"],\"placeholder\":[1],\"showHelpIcon\":[4,\"show-help-icon\"],\"showValidation\":[4,\"show-validation\"],\"showCountryIcon\":[4,\"show-country-icon\"],\"iconSwap\":[1,\"icon-swap\"],\"showCloseButton\":[1028,\"show-close-button\"],\"options\":[1040],\"idOfInput\":[513,\"id-of-input\"],\"labelText\":[513,\"label-text\"],\"isReadOnly\":[516,\"is-read-only\"],\"results\":[1040],\"menuPosition\":[1,\"menu-position\"],\"icon\":[1],\"value\":[1032],\"inputValue\":[32],\"tags\":[32],\"leadingIconSvg\":[32],\"isPasswordVisible\":[32],\"showDropdown\":[32],\"selectedItem\":[32],\"selectedItems\":[32],\"unselectedItems\":[32],\"paddingLeft\":[32],\"paddingTop\":[32],\"dropdownOpen\":[32],\"show\":[32],\"showSpinner\":[32]},[[4,\"click\",\"handleClickOutside\"]],{\"options\":[\"optionsChanged\"],\"value\":[\"updateSelectedItems\"]}],[1,\"gb-password-button\",{\"state\":[1],\"isPasswordVisible\":[32]}],[1,\"gb-help-tooltip\",{\"showArrow\":[4,\"show-arrow\"],\"showSupportingText\":[4,\"show-supporting-text\"],\"showHelpTooltip\":[32]}],[4,\"gb-btn\",{\"size\":[1],\"hierarchy\":[1],\"icon\":[1],\"destructive\":[4],\"state\":[1],\"iconLeading\":[4,\"icon-leading\"],\"iconLeadingSwap\":[1,\"icon-leading-swap\"],\"iconTrailing\":[4,\"icon-trailing\"],\"iconTrailingSwap\":[1,\"icon-trailing-swap\"],\"leadingIconSvg\":[32],\"trailingIconSvg\":[32]}],[1,\"gb-tag\",{\"size\":[1],\"icon\":[1],\"action\":[1],\"flagSwap\":[1,\"flag-swap\"],\"checkbox\":[4],\"onTagClose\":[64]}],[1,\"gb-input-dropdown-menu-item\",{\"type\":[1],\"supportingText\":[4,\"supporting-text\"],\"selected\":[1028],\"state\":[1],\"color\":[1],\"handleClick\":[64]}],[1,\"gb-tag-checkbox\",{\"checked\":[4],\"size\":[1],\"disabled\":[4]}],[1,\"gb-tag-close\",{\"size\":[1]}],[1,\"gb-tag-count\",{\"size\":[1]}],[1,\"gb-checkbox\",{\"checked\":[4],\"indeterminate\":[4],\"size\":[1],\"type\":[1],\"state\":[1],\"text\":[4],\"supportingText\":[4,\"supporting-text\"]}],[1,\"gb-button\",{\"size\":[1],\"hierarchy\":[1],\"icon\":[1],\"destructive\":[4],\"state\":[1],\"iconLeading\":[4,\"icon-leading\"],\"iconLeadingSwap\":[1,\"icon-leading-swap\"],\"iconTrailing\":[4,\"icon-trailing\"],\"iconTrailingSwap\":[1,\"icon-trailing-swap\"],\"leadingIconSvg\":[32],\"trailingIconSvg\":[32]}],[1,\"gb-checkbox-base\",{\"state\":[1025],\"size\":[1],\"type\":[1],\"checked\":[1028],\"indeterminate\":[1028]}],[1,\"gb-tooltip\",{\"showArrow\":[4,\"show-arrow\"],\"arrow\":[1],\"showSupportingText\":[4,\"show-supporting-text\"]}],[1,\"gb-avatar\",{\"size\":[1],\"placeholder\":[4],\"text\":[4],\"statusIcon\":[1,\"status-icon\"],\"state\":[1],\"icon\":[1],\"color\":[1],\"showBorder\":[4,\"show-border\"],\"weight\":[1],\"assignedColorClass\":[32]}],[1,\"gb-avatar-contrast-inner-border\",{\"weight\":[1],\"size\":[1],\"showBorder\":[4,\"show-border\"]}],[1,\"gb-status-indicator\",{\"statusIcon\":[1,\"status-icon\"],\"size\":[1],\"state\":[1],\"indicatorStateClass\":[1,\"indicator-state-class\"]}]]],[\"gb-sidebar.cjs\",[[1,\"gb-sidebar\",{\"state\":[1025],\"category\":[1],\"navItemStyle\":[1,\"nav-item-style\"],\"type\":[1],\"showSecondCategory\":[4,\"show-second-category\"],\"iconInstance\":[1,\"icon-instance\"],\"firstItemIcon\":[1,\"first-item-icon\"],\"secondItemIcon\":[1,\"second-item-icon\"],\"thirdItemIcon\":[1,\"third-item-icon\"],\"fourthItemIcon\":[1,\"fourth-item-icon\"],\"fifthItemIcon\":[1,\"fifth-item-icon\"],\"sixthItemIcon\":[1,\"sixth-item-icon\"],\"seventhItemIcon\":[1,\"seventh-item-icon\"],\"eighthItemIcon\":[1,\"eighth-item-icon\"],\"ninthItemIcon\":[1,\"ninth-item-icon\"],\"tenthItemIcon\":[1,\"tenth-item-icon\"],\"firstItemLabel\":[1,\"first-item-label\"],\"secondItemLabel\":[1,\"second-item-label\"],\"thirdItemLabel\":[1,\"third-item-label\"],\"fourthItemLabel\":[1,\"fourth-item-label\"],\"fifthItemLabel\":[1,\"fifth-item-label\"],\"sixthItemLabel\":[1,\"sixth-item-label\"],\"seventhItemLabel\":[1,\"seventh-item-label\"],\"eighthItemLabel\":[1,\"eighth-item-label\"],\"ninthItemLabel\":[1,\"ninth-item-label\"],\"tenthItemLabel\":[1,\"tenth-item-label\"],\"complexSidebarData\":[8,\"complex-sidebar-data\"],\"activeIndex\":[1026,\"active-index\"],\"activePrimaryItem\":[1025,\"active-primary-item\"],\"activeSecondaryItem\":[1025,\"active-secondary-item\"],\"leadingIconSvg\":[32],\"sideBarItemClicked\":[64]}]]],[\"test-input-tag.cjs\",[[0,\"test-input-tag\",{\"idOfInput\":[513,\"id-of-input\"],\"type\":[513],\"labelText\":[513,\"label-text\"],\"isReadOnly\":[516,\"is-read-only\"],\"placeholderText\":[513,\"placeholder-text\"],\"show\":[32],\"showSpinner\":[32],\"staffInfo\":[32],\"selectedStaff\":[32],\"paddingLeft\":[32],\"paddingTop\":[32],\"inputValue\":[32],\"dropdownOpen\":[32]}]]],[\"gb-avatar-dropdown.cjs\",[[1,\"gb-avatar-dropdown\",{\"type\":[1],\"text\":[4],\"showProfile\":[4,\"show-profile\"],\"showDarkTheme\":[4,\"show-dark-theme\"],\"showLogOut\":[4,\"show-log-out\"],\"listGroupOne\":[4,\"list-group-one\"],\"listGroupTwo\":[4,\"list-group-two\"],\"listGroupThree\":[4,\"list-group-three\"],\"color\":[1],\"showBorder\":[4,\"show-border\"]}]]],[\"gb-checkbox-group.cjs\",[[1,\"gb-checkbox-group\",{\"size\":[1],\"breakpoint\":[1],\"icon\":[1],\"selected\":[4],\"type\":[1]}]]],[\"gb-file-upload.cjs\",[[1,\"gb-file-upload\",{\"icon\":[1],\"type\":[1],\"heightSize\":[1,\"height-size\"],\"state\":[1],\"destructive\":[4],\"showLabel\":[4,\"show-label\"],\"progress\":[2],\"fileType\":[16],\"files\":[32],\"fileStates\":[32],\"isDragging\":[32]}]]],[\"gb-horizontal-tabs.cjs\",[[1,\"gb-horizontal-tabs\",{\"type\":[1],\"size\":[1],\"fullWidth\":[4,\"full-width\"],\"firstTabName\":[1,\"first-tab-name\"],\"secondTabName\":[1,\"second-tab-name\"],\"thirdTabName\":[1,\"third-tab-name\"],\"fourthTabName\":[1,\"fourth-tab-name\"],\"fifthTabName\":[1,\"fifth-tab-name\"],\"sixthTabName\":[1,\"sixth-tab-name\"],\"seventhTabName\":[1,\"seventh-tab-name\"],\"eighthTabName\":[1,\"eighth-tab-name\"],\"ninthTabName\":[1,\"ninth-tab-name\"],\"tenthTabName\":[1,\"tenth-tab-name\"],\"eleventhTabName\":[1,\"eleventh-tab-name\"],\"twelfthTabName\":[1,\"twelfth-tab-name\"],\"thirteenthTabName\":[1,\"thirteenth-tab-name\"],\"fourteenthTabName\":[1,\"fourteenth-tab-name\"],\"fifteenthTabName\":[1,\"fifteenth-tab-name\"],\"sixteenthTabName\":[1,\"sixteenth-tab-name\"],\"seventeenthTabName\":[1,\"seventeenth-tab-name\"],\"eighteenthTabName\":[1,\"eighteenth-tab-name\"],\"nineteenthTabName\":[1,\"nineteenth-tab-name\"],\"twentiethTabName\":[1,\"twentieth-tab-name\"],\"activeIndex\":[1026,\"active-index\"]}]]],[\"gb-vertical-tabs.cjs\",[[1,\"gb-vertical-tabs\",{\"size\":[1],\"type\":[1],\"firstTabName\":[1,\"first-tab-name\"],\"secondTabName\":[1,\"second-tab-name\"],\"thirdTabName\":[1,\"third-tab-name\"],\"fourthTabName\":[1,\"fourth-tab-name\"],\"fifthTabName\":[1,\"fifth-tab-name\"],\"sixthTabName\":[1,\"sixth-tab-name\"],\"seventhTabName\":[1,\"seventh-tab-name\"],\"eighthTabName\":[1,\"eighth-tab-name\"],\"ninthTabName\":[1,\"ninth-tab-name\"],\"tenthTabName\":[1,\"tenth-tab-name\"],\"eleventhTabName\":[1,\"eleventh-tab-name\"],\"twelfthTabName\":[1,\"twelfth-tab-name\"],\"thirteenthTabName\":[1,\"thirteenth-tab-name\"],\"fourteenthTabName\":[1,\"fourteenth-tab-name\"],\"fifteenthTabName\":[1,\"fifteenth-tab-name\"],\"sixteenthTabName\":[1,\"sixteenth-tab-name\"],\"seventeenthTabName\":[1,\"seventeenth-tab-name\"],\"eighteenthTabName\":[1,\"eighteenth-tab-name\"],\"nineteenthTabName\":[1,\"nineteenth-tab-name\"],\"twentiethTabName\":[1,\"twentieth-tab-name\"],\"activeIndex\":[1026,\"active-index\"]}]]],[\"gb-avatar-group.cjs\",[[1,\"gb-avatar-group\",{\"size\":[1],\"moreUsers\":[4,\"more-users\"],\"addMoreButton\":[4,\"add-more-button\"],\"text\":[4],\"state\":[1],\"images\":[16]}]]],[\"gb-header.cjs\",[[1,\"gb-header\",{\"state\":[1],\"showIndicator\":[4,\"show-indicator\"],\"text\":[4],\"placeholder\":[4],\"color\":[1],\"showBorder\":[4,\"show-border\"],\"showNotification\":[4,\"show-notification\"],\"showHelp\":[4,\"show-help\"],\"onNavBarItemClicked\":[64]}]]],[\"gb-avatar-profile-photo.cjs\",[[1,\"gb-avatar-profile-photo\",{\"placeholder\":[4],\"text\":[4],\"size\":[1],\"verified\":[4],\"icon\":[1]}]]],[\"gb-export-dropdown.cjs\",[[1,\"gb-export-dropdown\",{\"state\":[1],\"showFirstSubDropdown\":[32],\"showSecondSubDropdown\":[32]}]]],[\"gb-help-dropdown.cjs\",[[1,\"gb-help-dropdown\",{\"showLogError\":[4,\"show-log-error\"],\"onHelpItemClicked\":[64]}]]],[\"gb-toast.cjs\",[[1,\"gb-toast\",{\"color\":[1],\"size\":[1],\"breakpoint\":[1],\"xCloseButton\":[4,\"x-close-button\"],\"actions\":[4],\"showSupportingText\":[4,\"show-supporting-text\"]}]]],[\"gb-notification-pane.cjs\",[[1,\"gb-notification-pane\",{\"state\":[1],\"notifications\":[1040],\"icon\":[1],\"label\":[1],\"time\":[1],\"supportingText\":[1,\"supporting-text\"]}]]],[\"gb-slider.cjs\",[[1,\"gb-slider\",{\"min\":[2],\"max\":[2],\"thumbType\":[1,\"thumb-type\"],\"leftControl\":[2,\"left-control\"],\"rightControl\":[2,\"right-control\"],\"label\":[1],\"unit\":[1],\"unitPosition\":[1,\"unit-position\"],\"leftValue\":[32],\"rightValue\":[32]}]]],[\"gb-toggle.cjs\",[[1,\"gb-toggle\",{\"size\":[1],\"state\":[1],\"text\":[4],\"supportingText\":[4,\"supporting-text\"],\"pressed\":[4]}]]],[\"gb-token-field-compact.cjs\",[[1,\"gb-token-field-compact\",{\"size\":[1],\"digits\":[2],\"showLabel\":[4,\"show-label\"],\"label\":[1],\"showSupportingText\":[4,\"show-supporting-text\"],\"supportingText\":[1,\"supporting-text\"]}]]],[\"gb-token-field-compressed.cjs\",[[1,\"gb-token-field-compressed\",{\"size\":[1],\"digits\":[2],\"showLabel\":[4,\"show-label\"],\"label\":[1],\"showHintText\":[4,\"show-hint-text\"],\"hintText\":[1,\"hint-text\"]}]]],[\"gb-carousel-arrow.cjs\",[[0,\"gb-carousel-arrow\",{\"size\":[1],\"chevron\":[1]}]]],[\"gb-pagination-dot-group.cjs\",[[1,\"gb-pagination-dot-group\",{\"size\":[1],\"type\":[1],\"color\":[1],\"framed\":[4]}]]],[\"gb-pagination-dot-indicator.cjs\",[[0,\"gb-pagination-dot-indicator\",{\"current\":[4],\"type\":[1],\"size\":[1]}]]],[\"gb-progress-circle.cjs\",[[1,\"gb-progress-circle\",{\"size\":[1],\"shape\":[1],\"label\":[4],\"progress\":[2]},null,{\"progress\":[\"handleProgressChange\"]}]]],[\"gb-scrollbar.cjs\",[[1,\"gb-scrollbar\",{\"length\":[1]}]]],[\"gb-table-cell.cjs\",[[1,\"gb-table-cell\",{\"type\":[1]}]]],[\"gb-wysiwyg-editor-icon.cjs\",[[1,\"gb-wysiwyg-editor-icon\",{\"active\":[4],\"type\":[1],\"state\":[1]}]]],[\"gb-checkbox-group-item.cjs\",[[1,\"gb-checkbox-group-item\",{\"size\":[1],\"type\":[1],\"state\":[1],\"breakpoint\":[1],\"showCost\":[4,\"show-cost\"],\"selected\":[1028]}]]],[\"gb-file-upload-item-base.cjs\",[[1,\"gb-file-upload-item-base\",{\"icon\":[1],\"state\":[1],\"heightSize\":[1,\"height-size\"],\"fileType\":[1,\"file-type\"],\"buttonState\":[1,\"button-state\"],\"progress\":[2],\"size\":[2],\"fileSize\":[2,\"file-size\"],\"fileName\":[1,\"file-name\"]}]]],[\"gb-avatar-label-group.cjs\",[[1,\"gb-avatar-label-group\",{\"size\":[1],\"statusIcon\":[1,\"status-icon\"],\"state\":[1],\"placeholder\":[4],\"text\":[4],\"color\":[1],\"showBorder\":[4,\"show-border\"]}]]],[\"gb-avatar-add-button.cjs\",[[1,\"gb-avatar-add-button\",{\"size\":[1],\"showToolTip\":[1028,\"show-tool-tip\"],\"state\":[1],\"el\":[16]}]]],[\"gb-slider-control-handle.cjs\",[[1,\"gb-slider-control-handle\",{\"value\":[1],\"type\":[1],\"isHovered\":[32],\"isFocused\":[32]}]]],[\"gb-header-icon.cjs\",[[1,\"gb-header-icon\",{\"state\":[1],\"showIndicator\":[4,\"show-indicator\"],\"icon\":[1]}]]],[\"gb-notification-content.cjs\",[[1,\"gb-notification-content\",{\"icon\":[1],\"label\":[1],\"time\":[1],\"supportingText\":[1,\"supporting-text\"]}]]],[\"gb-toast-button.cjs\",[[1,\"gb-toast-button\",{\"state\":[1],\"color\":[1]}]]],[\"gb-toggle-base.cjs\",[[1,\"gb-toggle-base\",{\"size\":[1],\"state\":[1],\"pressed\":[1028]}]]],[\"gb-tab-button-base.cjs\",[[1,\"gb-tab-button-base\",{\"current\":[4],\"size\":[1],\"fullWidth\":[4,\"full-width\"],\"badge\":[4],\"type\":[1],\"tabName\":[1,\"tab-name\"],\"alignment\":[1]}]]],[\"gb-dropdown-items-with-shortcut.cjs\",[[1,\"gb-dropdown-items-with-shortcut\",{\"icon\":[4],\"iconSrc\":[1,\"icon-src\"],\"checkbox\":[4],\"shortcut\":[4],\"shortcutIcon\":[1,\"shortcut-icon\"],\"label\":[1],\"state\":[1],\"destructive\":[4],\"leadingIconSvg\":[32]}]]],[\"gb-export-sub-dropdown-item.cjs\",[[1,\"gb-export-sub-dropdown-item\",{\"icon\":[1],\"state\":[1],\"leadingIconSvg\":[32]}]]],[\"gb-export-dropdown-item_2.cjs\",[[1,\"gb-export-sub-dropdown\"],[1,\"gb-export-dropdown-item\",{\"icon\":[4],\"state\":[1],\"type\":[1]}]]],[\"gb-mega-input-field-base.cjs\",[[1,\"gb-mega-input-field-base\",{\"size\":[1],\"state\":[1],\"inputValue\":[32]}]]],[\"gb-badge_2.cjs\",[[1,\"gb-badge\",{\"size\":[1],\"icon\":[1],\"iconLeadingSwap\":[1,\"icon-leading-swap\"],\"iconTrailingSwap\":[1,\"icon-trailing-swap\"],\"flagSwap\":[1,\"flag-swap\"],\"color\":[1],\"type\":[1],\"closeButton\":[4,\"close-button\"],\"leadingIconContent\":[32],\"trailingIconContent\":[32]}],[1,\"gb-badge-close\",{\"color\":[1],\"type\":[1]}]]],[\"gb-collapse-button_4.cjs\",[[1,\"gb-simple-side-bar-item\",{\"state\":[1],\"type\":[1],\"label\":[1],\"icon\":[1],\"category\":[1],\"showArrow\":[4,\"show-arrow\"],\"showBadge\":[4,\"show-badge\"],\"showTooltip\":[1028,\"show-tooltip\"],\"leadingIconSvg\":[32]}],[1,\"gb-collapse-button\",{\"color\":[1],\"isCollapsed\":[1028,\"is-collapsed\"],\"action\":[1025],\"isHovered\":[1028,\"is-hovered\"],\"collapseSidebar\":[64],\"expandSidebar\":[64]}],[1,\"gb-complex-primary-side-bar-item\",{\"category\":[1],\"itemStyle\":[1,\"item-style\"],\"state\":[1],\"icon\":[1],\"label\":[1],\"showTooltip\":[1028,\"show-tooltip\"],\"leadingIconSvg\":[32]}],[1,\"gb-complex-secondary-side-bar-item\",{\"state\":[1],\"type\":[1],\"category\":[1],\"label\":[1],\"icon\":[1],\"showTooltip\":[1028,\"show-tooltip\"],\"leadingIconSvg\":[32]}]]],[\"gb-button-close_3.cjs\",[[1,\"gb-progress-bar\",{\"progress\":[2],\"showLabel\":[4,\"show-label\"],\"labelPosition\":[1,\"label-position\"]}],[1,\"gb-file-type-icon\",{\"fileStyle\":[1,\"file-style\"],\"fileType\":[1,\"file-type\"]}],[1,\"gb-button-close\",{\"size\":[1],\"color\":[1]}]]]]"), options);
 };
 
 exports.setNonce = index.setNonce;

package/dist/collection/collection-manifest.json

@@ -36,7 +36,7 @@
     "components/gb-input-dropdown/gb-input-dropdown.js",
     "components/gb-input-dropdown-menu-item/gb-input-dropdown-menu-item.js",
     "components/gb-input-field/gb-input-field.js",
-    "components/gb-megainput-field-base/gb-megainput-field.js",
+    "components/gb-mega-input-field-base/gb-mega-input-field-base.js",
     "components/gb-notification-content/gb-notification-content.js",
     "components/gb-notification-pane/gb-notification-pane.js",
     "components/gb-pagination/gb-pagination.js",
@@ -64,9 +64,9 @@
     "components/gb-toast-button/gb-toast-button.js",
     "components/gb-toggle/gb-toggle.js",
     "components/gb-toggle-base/gb-toggle-base.js",
-    "components/gb-token-field/gb-token-field.js",
+    "components/gb-token-field-compact/gb-token-field-compact.js",
+    "components/gb-token-field-compressed/gb-token-field-compressed.js",
     "components/gb-tooltip/gb-tooltip.js",
-    "components/gb-verification-code-field/gb-verification-code-field.js",
     "components/gb-vertical-tabs/gb-vertical-tabs.js",
     "components/gb-wysiwyg-editor-icon/gb-wysiwyg-editor-icon.js",
     "components/test-input-tag/test-input-tag.js"

package/dist/collection/components/{gb-megainput-field-base/gb-megainput-field.js → gb-mega-input-field-base/gb-mega-input-field-base.js}

@@ -1,5 +1,5 @@
 import { h } from "@stencil/core";
-export class GbMegaInputField {
+export class GbMegaInputFieldBase {
     constructor() {
         this.size = undefined;
         this.state = undefined;
@@ -16,24 +16,24 @@ export class GbMegaInputField {
         }
     }
     render() {
-        return (h("div", { key: '904bf0407a97200f03d118159b96ad7595c9014e', class: {
+        return (h("div", { key: '4bb93a7d50de3e6abfcfeb0de4aa9e8f99869fba', class: {
                 [this.size]: true,
                 disabled: this.state === 'disabled'
-            } }, h("input", { key: '7f70a0954ee246fda9b520217027f67ba9d507fa', class: {
+            } }, h("input", { key: '0caee9501978b4e4158af526bda6110c9c843eed', class: {
                 [this.size]: true,
                 disabled: this.state === 'disabled'
-            }, type: "number", min: "0", max: "1", placeholder: "0", value: this.inputValue, onInput: (event) => this.handleInput(event) })));
+            }, type: "text", maxlength: "1", placeholder: "0", value: this.inputValue, onInput: (event) => this.handleInput(event) })));
     }
-    static get is() { return "gb-megainput-field"; }
+    static get is() { return "gb-mega-input-field-base"; }
     static get encapsulation() { return "shadow"; }
     static get originalStyleUrls() {
         return {
-            "$": ["gb-megainput-field.css"]
+            "$": ["gb-mega-input-field-base.css"]
         };
     }
     static get styleUrls() {
         return {
-            "$": ["gb-megainput-field.css"]
+            "$": ["gb-mega-input-field-base.css"]
         };
     }
     static get properties() {
@@ -87,4 +87,4 @@ export class GbMegaInputField {
     }
     static get elementRef() { return "el"; }
 }
-//# sourceMappingURL=gb-megainput-field.js.map
+//# sourceMappingURL=gb-mega-input-field-base.js.map

package/dist/collection/components/gb-mega-input-field-base/gb-mega-input-field-base.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"gb-mega-input-field-base.js","sourceRoot":"","sources":["../../../src/components/gb-mega-input-field-base/gb-mega-input-field-base.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AASnE,MAAM,OAAO,oBAAoB;;;;0BAGC,EAAE;;IAGhC,WAAW,CAAC,KAAY;QACpB,MAAM,KAAK,GAAI,KAAK,CAAC,MAA2B,CAAC,KAAK,CAAC;QAEvD,0CAA0C;QAC1C,IAAI,KAAK,CAAC,MAAM,IAAI,CAAC,EAAE,CAAC;YACtB,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC,CAAC,sBAAsB;QACjD,CAAC;aAAM,CAAC;YACN,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,mDAAmD;QACjF,CAAC;IACL,CAAC;IAED,MAAM;QACF,OAAO,CACH,4DAAK,KAAK,EAAE;gBACR,CAAC,IAAI,CAAC,IAAI,CAAC,EAAG,IAAI;gBAClB,QAAQ,EAAE,IAAI,CAAC,KAAK,KAAK,UAAU;aACtC;YACG,8DACA,KAAK,EAAE;oBACH,CAAC,IAAI,CAAC,IAAI,CAAC,EAAG,IAAI;oBAClB,QAAQ,EAAE,IAAI,CAAC,KAAK,KAAK,UAAU;iBACtC,EACD,IAAI,EAAC,MAAM,EACX,SAAS,EAAC,GAAG,EACb,WAAW,EAAC,GAAG,EACf,KAAK,EAAE,IAAI,CAAC,UAAU,EACtB,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,GACnC,CACN,CAET,CAAA;IACL,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACJ","sourcesContent":["import { Component, h, Prop, State, Element } from \"@stencil/core\";\r\nimport { GeneralSizes } from \"../../models/reusableModels\";\r\n\r\n@Component({\r\n    tag: 'gb-mega-input-field-base',\r\n    styleUrl: 'gb-mega-input-field-base.css',\r\n    shadow: true\r\n})\r\n\r\nexport class GbMegaInputFieldBase {\r\n    @Prop() size: GeneralSizes;\r\n    @Prop() state: 'placeholder' | 'disabled';\r\n    @State() inputValue: string = '';\r\n    @Element() el: HTMLElement;\r\n\r\n    handleInput(event: Event) {\r\n        const input = (event.target as HTMLInputElement).value;\r\n    \r\n        // Allow only one digit in the input field\r\n        if (input.length <= 1) {\r\n          this.inputValue = input; // Set the input value\r\n        } else {\r\n          this.inputValue = input[0]; // Keep only the first character if more is entered\r\n        }\r\n    }\r\n\r\n    render() {\r\n        return (\r\n            <div class={{\r\n                [this.size] : true,\r\n                disabled: this.state === 'disabled'\r\n            }}>\r\n                <input  \r\n                class={{\r\n                    [this.size] : true,\r\n                    disabled: this.state === 'disabled'\r\n                }}\r\n                type=\"text\" \r\n                maxlength=\"1\" \r\n                placeholder=\"0\"\r\n                value={this.inputValue}\r\n                onInput={(event) => this.handleInput(event)}>\r\n                </input>\r\n            </div>\r\n            \r\n        )\r\n    }\r\n}"]}

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

@@ -13,27 +13,32 @@ export class GbPagination {
     onPreviousButtonClicked() {
         if (this.currentPage === this.totalPages || this.currentPage > 1) {
             this.currentPage = this.currentPage - 1;
-            // console.log(this.currentPage)
         }
+        // console.log({ pageSize: this.selectedPageSize, pageNumber: this.currentPage });
     }
     onNextButtonClicked() {
         if (this.currentPage === 1 || this.currentPage <= this.totalPages - 1) {
             this.currentPage = this.currentPage + 1;
         }
+        // console.log({ pageSize: this.selectedPageSize, pageNumber: this.currentPage });
     }
     componentWillLoad() {
-        // console.log(this.selectedPageSize)
         this.defaultSelected = [this.selectedPageSize];
-        this.pageSizeSelected.emit(this.selectedPageSize);
+        this.pageItemSelected.emit({ pageSize: this.selectedPageSize, pageNumber: this.currentPage });
+        // console.log({ pageSize: this.selectedPageSize, pageNumber: this.currentPage });
     }
     handlePageSizeSelect(item) {
-        // console.log(this.entries);
-        this.selectedPageSize = item;
-        this.pageSizeSelected.emit(this.selectedPageSize);
-        // console.log('Selected page size:', this.selectedPageSize);
+        this.selectedPageSize = item.detail;
+        this.pageItemSelected.emit({ pageSize: this.selectedPageSize, pageNumber: this.currentPage });
+        // console.log({ pageSize: this.selectedPageSize, pageNumber: this.currentPage });
+    }
+    setCurrentPage(number) {
+        this.currentPage = number;
+        console.log({ pageSize: this.selectedPageSize, pageNumber: this.currentPage });
+        // this.pageItemSelected.emit({ pageSize: this.selectedPageSize, pageNumber: this.currentPage });
     }
     render() {
-        return (h("div", { key: '6167eafa588a06afe5548807dd5f98a2b768d495', class: `pagination_div ${this.type} ${this.breakpoint}` }, this.type === 'page_default' && this.breakpoint === 'desktop' && (h(Fragment, null, h("gb-button", { key: '16f62a295256fbf29aae51717268ceb5ae0119d2', size: "sm", hierarchy: "tertiary_gray", icon: "default", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg" }, h("p", { key: '5b4e266be761370457846635b8e420bf874074ec' }, "Previous")), h("div", { key: '9dd2a67aa1ff86d2cc8f1132cb015a5f5bb1a46d', class: "pagination_numbers" }, h("gb-pagination-number-base", { key: '770c9d0773f1e355894c13fefd88561a4d100649', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default' }, h("p", { key: '35c13b724fa154f9425ec0e244cebd889f44161d', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: '31660c938b753cff5d1a19644a3363a8a097cd59', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default' }, h("p", { key: '822d47fb0ede45605ba8e44717a83739d036f7df', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: 'b4083ad2b8ec49eaf0296470064984d7df285a6f', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default' }, h("p", { key: '18889d659b0d1b3b9121a8f9540c2cf1b951fee3', slot: "page_number" }, "3")), this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: '8311aedf879ebae9a76ea38e32d378a45084db88', shape: this.shape }, h("p", { key: 'f9d697b91cc9bc0294a3a147e024143d26a97c00', slot: "page_number" }, "...")), this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: '43eba2b38ee2e44759958634792c2fee88f9e016', shape: this.shape, state: this.currentPage === this.totalPages - 2 ? 'active' : 'default' }, h("p", { key: '0a4c5ea15f4bbf76338a92f3633949b04efe49ed', slot: "page_number" }, this.totalPages - 2)), h("gb-pagination-number-base", { key: '4d26b65692e1835f5e77bf0deabbafb833d69acd', shape: this.shape, state: this.currentPage === this.totalPages - 1 ? 'active' : 'default' }, h("p", { key: 'af9794b2129fd528ef538e51ac621aaa96a56f58', slot: "page_number" }, this.totalPages - 1)), h("gb-pagination-number-base", { key: '73c550c39aea0a3245a919a999cd05710d0f6852', shape: this.shape, state: this.currentPage === this.totalPages ? 'active' : 'default' }, h("p", { key: 'd9f1ec3f633e5ed8db25907414ea1e964df7c57a', slot: "page_number" }, this.totalPages))), h("gb-button", { key: '04f89a926bcf8424147a55d61c3315c35027fb97', size: "sm", hierarchy: "tertiary_gray", icon: "default", state: "default", "icon-trailing": true, "icon-trailing-swap": "assets/arrow-right-02.svg" }, h("p", { key: '797bc91fa988c744a54ab9f4f45243957333f5c5' }, "Next")))), this.type === 'page_minimal_center_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("gb-button", { key: 'e61f28ac0b86be93fe73ff7c31e7bca5e8448a73', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg" }, h("p", { key: 'a3df9d4028f8a16b989162578b19f67e027162fc' }, "Previous")), h("div", { key: 'e361a1fb74e283eed5286a538dc9166054b34f80', class: "pagination_numbers" }, h("gb-pagination-number-base", { key: '5978f13a1a7dd28207722053d025dde8e2d2a716', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default' }, h("p", { key: '64590c9d1f42db30ad50a71d06656327198a14ea', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: '485135321359bfd28402aaf6f2fd706425ba0496', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default' }, h("p", { key: 'cc2007f62bb0ebf10be40019814781bc009754c4', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: 'c167f629ef0922f6c6d922454186db34d334f79d', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default' }, h("p", { key: '77557b38cb5b3d91c2f6ddd1548810c0115cf866', slot: "page_number" }, "3")), this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: '0e8bdfdede30127347b14305228db992c2704bfc', shape: this.shape }, h("p", { key: '9b4055a5ee09926dbc3ef1e3839b891a3e4dc784', slot: "page_number" }, "...")), this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: '1def118d64886894124c19fb1709bca1e28d90b8', shape: this.shape, state: this.currentPage === this.totalPages - 2 ? 'active' : 'default' }, h("p", { key: 'fedea55b3d530771fba68457f034818e0dab0691', slot: "page_number" }, this.totalPages - 2)), h("gb-pagination-number-base", { key: 'e62cba8751c7eeb91c3422048a57ba4efb81284a', shape: this.shape, state: this.currentPage === this.totalPages - 1 ? 'active' : 'default' }, h("p", { key: '4b09f2da6505031e5547e463d441cc2459e184a2', slot: "page_number" }, this.totalPages - 1)), h("gb-pagination-number-base", { key: '3f3d961dcf8e464a3337eb6ba205e431e5076cc1', shape: this.shape, state: this.currentPage === this.totalPages ? 'active' : 'default' }, h("p", { key: '9743eee4b013629911456424a1448a6e828920f5', slot: "page_number" }, this.totalPages))), h("gb-button", { key: '084d2b8a25a87df9b0cf3bdb721ff1e3fbf9df3e', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", "icon-trailing": true, "icon-trailing-swap": "assets/arrow-right-02.svg" }, h("p", { key: 'b78c750333c4cc66ed8ba6b18f99f21eab38e9ef' }, "Next")))), this.type === 'card_default' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '3e96804ea73c477339f3ccab772a4882740ba83d', class: "pagination_entries" }, h("div", { key: '4ad1a30efc933ea61531cebd793061f588c11747', class: "entries_text" }, h("p", { key: '86c38cc193e8841a62204763c5f1265389ec30b6', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '5ead6903ac609af9a6d1ce200b36b492089f018c', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '37495a3bbc6232ef7c75dbee259bb5e6b5edb70d', type: "default", state: "default", size: "sm", "show-label": false, "show-hint-text": false, "show-supporting-text": false, "show-help-icon": false, items: this.entries, "menu-position": "top", onDropdownItemSelected: this.handlePageSizeSelect.bind(this), value: this.defaultSelected }))), h("div", { key: 'd612ce95efff73df879e0bb5a6572f5e234b90c4', class: "pagination_numbers" }, h("gb-pagination-number-base", { key: '56497fc2bc377ae2c2ba95930400cf3cee8fb902', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '755917cd7561cddf8e13256257c4b4eab2e577af', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: 'a790126fb8dde7793b3433b6c464928baf4719c4', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: 'b4d429bcd19bce4b224e72a54f79951d3018b0a1', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: 'eeec96cc58e68a0ca1ec597fa87f962fdb4a2d0f', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: 'e39847514abeabc9aec406320ae8475194cc2b72', slot: "page_number" }, "3")), this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: '1bb3af98ff988e32c83fb73967c6ace0f7e46073', shape: this.shape, state: "default" }, h("p", { key: 'ee88d9c863d86e03e2d9def503bc0e263a2daa20', slot: "page_number" }, "...")), this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: 'ada0d252bb46a27702be80508e55bd2f3232cf54', shape: this.shape, state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 2) }, h("p", { key: '0def281ccd9affc8928c11a99c31c8865e8cb6fe', slot: "page_number" }, this.totalPages - 2)), h("gb-pagination-number-base", { key: 'ea7e95938d70d450b17b29f39debff323caa5c30', shape: this.shape, state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 1) }, h("p", { key: 'd5eb08ae24b2e0911afc2229c7f686d0313a1a51', slot: "page_number" }, this.totalPages - 1)), h("gb-pagination-number-base", { key: '0a5f855de5c7d64e5127b46b9d5ae3331dce85d6', shape: this.shape, state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages) }, h("p", { key: '1acdff98f9db4e35dfceda44c3691e6910e869b5', slot: "page_number" }, this.totalPages))), h("div", { key: '9816ae7c8cbf048ffdc456f1a161abb35beb64e8', class: "pagination_btns" }, h("gb-button", { key: '890f80f0a8ad5498493f61cd77d8d744447e9a2a', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("gb-button", { key: '65cea48005ceb8f930eed0efb8785a58466dffbd', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() })))), this.type === 'card_minimal_right_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '9f86a905a74af898ce51eab6f754b5ab8162e515', class: "pagination_entries" }, h("div", { key: 'a32d17eac6dbf9187c5380c39d5f39b727c60514', class: "entries_text" }, h("p", { key: 'cbccd40422977ec41b4cf530fb9c849426307e9b', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '3089ecb3873a091a4e9294330dec5598c15c9195', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '5c171802b11f3dcbd5c3d57d33b79c073facd61c', type: "default", state: 'default', size: "sm", "show-label": false, "show-hint-text": false, "show-supporting-text": false, "show-hep-icon": false, items: this.entries, "menu-position": "top" }))), h("div", { key: '599d37cf00daa7fcd25936e6812a71d948708cf6', class: "page_number_text" }, h("p", { key: 'e5939928ae1df7aa9f8fea9a0bce02b69b1e2891', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("div", { key: 'de81bdde19663a90b99785a2c1998f87e9575d9e', class: "pagination_btns" }, h("gb-button", { key: '86f7dc1f236c3a094e44a0b8bdbca6bd45b574f2', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '3298aed7c6ed735cc47791e0e2987c3c8c32ed5e' }, "Previous")), h("gb-button", { key: 'ff408488a0d3cec5aa89d83fcb7c9de629061332', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: '12d2979cb4a81982ca88917a006add0e30b76a92' }, "Next"))))), this.type === 'card_minimal_left_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: 'e7a3a65667856f5ff0e78ff2d6fe5e9b49e448c0', class: "pagination_btns" }, h("gb-button", { key: '1913c6fdeb0436ef5ee5c7cad29354ded76f8d95', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '184e1dd81062ed5aeea0e4ccdd52cd54b49e6e27' }, "Previous")), h("gb-button", { key: 'd50be3778aca6c6c2c680751abb46d53881e6173', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: '48932d802bdd8dcfa419e7415a4c5b95cc48e97e' }, "Next"))), h("div", { key: '403c747ff3bc2c42dadcf5ed927dad5b76624918', class: "page_number_text" }, h("p", { key: '93e5cc74a068cd394fc468c767cbdb7b4c7d4fc7', class: "text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("div", { key: '0ef60e363cafbb557a1a655bb9b80c8bdd40b7c8', class: "pagination_entries" }, h("div", { key: '02855d44d3bef1113f456c9c24cbf006e51f0603', class: "entries_text" }, h("p", { key: 'c331a108e90b5fde0c62d74e99e6fe52132b781b', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: 'e0aed07d5b2bd6d5dce17093c60b94f208085839', class: `entries_dropdown` }, h("gb-input-dropdown", { key: 'a1193b84a4fcf3bf9652d7f5324fd70658a1608d', type: "default", state: 'default', size: "sm", "show-label": false, "show-hint-text": false, "show-supporting-text": false, "show-hep-icon": false, items: this.entries, "menu-position": "top" }))))), this.type === 'card_minimal_center_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("gb-button", { key: 'ab399c3f864c4c4031378ef6af2da320ba3f1430', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '6e62c9d8cc41c1e6e55847ef1353626aff050298' }, "Previous")), h("div", { key: '5a42cf10699f2012df2171bb3e13f0920a5a14bd', class: "page_number_text" }, h("p", { key: '131afda30112d6d4458828a5f10589f0c88d41ea', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: 'bc9bd78cffa62cf69b4e23337141f2e09be57813', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: '9a393855ab82d6baeee1f102c3ace4daa2df7423' }, "Next")))), this.type === 'card_button_group_right_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '7ee2931c9c18be2eddc73d384a54abb84de35fd3', class: "pagination_entries" }, h("div", { key: 'eafdbeee713db2da4da66e06212595c87e499a3b', class: "entries_text" }, h("p", { key: 'f38ab588411cef5c49939620ce10e4ea74e5d21e', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '73e05e796e599a2056bfa639fc5175ccd4be9e86', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '6e20cfda6f7d5aaa84c6f20fa32b80adbfb4a47a', type: "default", state: 'default', size: "sm", "show-label": false, "show-hint-text": false, "show-supporting-text": false, "show-hep-icon": false, items: this.entries, "menu-position": "top" }))), h("div", { key: '81148ca1d6eaaa7f01d6cc4646ebfacadf768f68', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '64ec10114f22475047d7afe77493c67006ab69e8', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: 'be8ecfda965e42cb244c3dca0e84ce10589e37d1' }, "Previous")), h("div", { key: '9c9116abe717d9ed5a2f90d3d1f33635a7beb1f2', class: "btn_group" }, h("gb-pagination-button-group-base", { key: 'b2f4d8fcf81ceb8ee33f4ccf9eba5fe5d23980dc', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '000f608f69c8cad43704efd540b95c13b5795695' }, "1"))), h("gb-pagination-button-group-base", { key: 'a261cc1e6b0abc3dec8feafa8fd77d0a00d9189f', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '0890c411cfb99fb0dee4c07ccbeb22ddcc33c750' }, "2")), h("gb-pagination-button-group-base", { key: 'ab9b69a374f5e549c71011ec74decbd4776c227b', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '757d6d6b52910ced33d6a659a09cd9472181c1a2' }, "3")), this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: 'ed6c530063658f4bd729b8796dd338117ea9a2b1', icon: "false" }, h("p", { key: 'de804c737891cac8774311d922c5d4232905c5b8' }, "...")), this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '49b8abab0147b93f6c3e7aefdb577333a90042d6', icon: "false", state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 2) }, h("p", { key: '0eb7c2e064846cba7ef9bf00f0a33835eafc4656' }, this.totalPages - 2)), h("gb-pagination-button-group-base", { key: '6ae9acaff80c836e2fe5754799e251ad199bfce2', icon: "false", state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 1) }, h("p", { key: 'f77ec697487556e75f7f15e27d9eb2be21772ff3' }, this.totalPages - 1)), h("gb-pagination-button-group-base", { key: 'd251b1f53ee55ad61cf3d051890fe2aa9fb9d8df', icon: "false", state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages) }, h("p", { key: '28e4299508b3efe27000addc25a7de8538a59895' }, this.totalPages)), h("gb-pagination-button-group-base", { key: 'dcb7760ea9267c628577825302eb0cea8fca10ed', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: '0a3ee01b35a9f81a8471e86decd15a5d10376db0' }, "Next"))))), this.type === 'card_button_group_left_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '28be33dc58b895e3f5268abf6a7c59c0f0676e5a', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: 'efbcf33b6260794530d6368072b20437ae1fdabb', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: 'd79c601883f7ded305e8e8ef3fa6f983de3920f3' }, "Previous")), h("div", { key: '70f45b909584af2328cac4d50a6cb186517d01e0', class: "btn_group" }, h("gb-pagination-button-group-base", { key: '757d7dc7a32846d71137f1ec9039ed0c676593b5', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '75e212696ba2927011093bd852984c9770e4ac52' }, "1"))), h("gb-pagination-button-group-base", { key: '2650408cf7c3cf4e7a9d97fdd59a37dd47ea62af', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '7fa773ff82ad0f22ea8c6883565e66741e791d90' }, "2")), h("gb-pagination-button-group-base", { key: '31c2d9f439356d86f4f3a959c4bf65d59228a5ec', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '63942af47bfb6e44b8eb3edac8c5bd32fb5839df' }, "3")), this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '56822aeb509955b992ba1c94aecbcd3fe1421303', icon: "false" }, h("p", { key: '52faecfe86d8cd74c3afff97ba1a332d3538570b' }, "...")), this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: 'd6f70d215b8610862e6af28f579d3f590df3ebde', icon: "false", state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 2) }, h("p", { key: '48462a39eae59533a4b5bf4147db7b378bca4dc9' }, this.totalPages - 2)), h("gb-pagination-button-group-base", { key: 'b8509f974c3e05d6ddfe766c4dc307f1eef25eb0', icon: "false", state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 1) }, h("p", { key: '2ad3b06c4383e89f69006b1574acaada8eeb19d6' }, this.totalPages - 1)), h("gb-pagination-button-group-base", { key: '12934a3d71fba345cc47271424e4588e773a0bed', icon: "false", state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages) }, h("p", { key: '3d3507705f0bd14636a704c79ff3a71232a11b5c' }, this.totalPages)), h("gb-pagination-button-group-base", { key: '94a4c48e10e8cbae9d3c8c07bda344f1de3981e9', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: '7cc40b7e158e492c6cda7c8aedc4d28d9d79e55c' }, "Next"))), h("div", { key: 'cd052de0d436630157ef322019f9f1978656ee51', class: "pagination_entries" }, h("div", { key: 'e92ea046d08d4207eb7a55fc3b10ddb0023675e7', class: "entries_text" }, h("p", { key: '50602c225a2a8431bd9168e6dff13ff579db110d', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '113b5d398a5f011a65eb9ce619746a9299f21a17', class: `entries_dropdown` }, h("gb-input-dropdown", { key: 'f1ee85683e5cedd45d3a92017eac6871fd51bee4', type: "default", state: 'default', size: "sm", "show-label": false, "show-hint-text": false, "show-supporting-text": false, "show-hep-icon": false, items: this.entries, "menu-position": "top" }))))), this.type === 'card_button_group_center_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: 'a73792552228c9e4119e2c0027199d530bfdd78e', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: 'b042b80d9fc2e7be3f0414e385d20fe235d8ec71', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '34b16c9187c0d575ff74e0d2bcbdb2614a7497a9' }, "Previous")), h("div", { key: 'e70545f91f0df464f4df3428bb92b3f500e5fca7', class: "btn_group" }, h("gb-pagination-button-group-base", { key: 'ca52d8226a624daa68e2976955e5e769b8f6e933', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '9d7b0cbcd12d2009c6c6e3d5eebbe2b6eb8f3335' }, "1"))), h("gb-pagination-button-group-base", { key: '9460298676e6e7242f159b805c5a13af97d0d178', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '4be9b4833a0f74fd0453a5bd71c3514469a2f513' }, "2")), h("gb-pagination-button-group-base", { key: '5dc1e02c34a89016912b9793770e8c2efa76d58e', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '52fdfa688bea7bb68709e1bb8e26837f5f5825ef' }, "3")), this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '90669116061b0e73e59892cec4fdd8d26d397ebf', icon: "false" }, h("p", { key: '0816830cce9085890d20ebfb660da829f0562261' }, "...")), this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '12455fefaefdd7eb553e6ce31ce80b179cc9eb40', icon: "false", state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 2) }, h("p", { key: '19de072e06ff6a57cde30b358a9b8576bbe24c66' }, this.totalPages - 2)), h("gb-pagination-button-group-base", { key: '33053e6f3928757e762589eab72b2860d571837e', icon: "false", state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 1) }, h("p", { key: '1cde53c4218997133266dbcf3b286b4ea1606cb7' }, this.totalPages - 1)), h("gb-pagination-button-group-base", { key: 'bcb23d24d601d6ab64f68e2e7f94c662b83541c4', icon: "false", state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages) }, h("p", { key: 'af1776238eb78a432adf55fbfc00856070e54b14' }, this.totalPages)), h("gb-pagination-button-group-base", { key: 'ed8b8a8324f1181c9838e0498ff4d2ae2258ebaf', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: 'ce92a80906a69d202bab3935dc0fbe75740369fb' }, "Next"))))), this.type === 'page_default' && this.breakpoint === 'mobile' && (h(Fragment, null, h("gb-button", { key: '9172d74442e0ee4f7a85742cd6c58eefec59dc8c', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: 'cafbaca0aa01e4370a3b699fd42ccd193c344967', class: "page_number_text" }, h("p", { key: '15805945b9b4dc6ce592ac01a2350bf67ec20ac9', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: '50fcbd85e66bffb7e37736b36d9589c7ab746483', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'page_minimal_center_aligned' && this.breakpoint === 'mobile' && (h(Fragment, null, h("gb-button", { key: 'f46568191a83d3c55cf79fb783d67e9ae9c51846', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: 'e7855de4a5b8f668a3c67a7e2134de21eb46359a', class: "page_number_text" }, h("p", { key: '29448ca703beda6e4de5707b2b36b7aea1b1288a', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: 'bcefe5286a95582c6dcdb403ef512d9491df9aea', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_default' && this.breakpoint === 'mobile' && (h(Fragment, null, h("gb-button", { key: '9fc75fc319d3adb996abc21c1040940f2c1243d5', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: 'a59cf38c3b1773c6c0066263d6b5614c4349e51a', class: "page_number_text" }, h("p", { key: 'dfea22a802eeb58d01ed2d96cd5689f91a1ef242', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: '74d3337e0cedf6c903d2504fbe822b52d9d857e9', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_minimal_right_aligned' && this.breakpoint === 'mobile' && (h(Fragment, null, h("gb-button", { key: 'ba09d3701218e2b6385e59995051950f987ced5e', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: '383483ca70d861238268ecb8c01f49c4c1c69ef1', class: "page_number_text" }, h("p", { key: 'aee9feb09a2e1e5e451b3e90fd43ef58f4cfbddf', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: 'c25488466824226b66298c23b3bc5b3df3407d72', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_minimal_left_aligned' && this.breakpoint === 'mobile' && (h(Fragment, null, h("gb-button", { key: '2f6b2d3226e7eb6d4d46cf111c4ccfab6da49a05', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: '5f8baca306253e3abbb28fe7799827d4074728f2', class: "page_number_text" }, h("p", { key: '6406b7e9e304f127044eedd8ac8b4a1bd27c63c2', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: 'a5096d3cfebeb6cf1a4e0667131e307b9eaaec51', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_minimal_center_aligned' && this.breakpoint === 'mobile' && (h(Fragment, null, h("gb-button", { key: '376d1f92f6ddd6949fef701d1073f27a58a1ff24', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: 'fa0a35d959af54ac863c988c50eb2c606e99656f', class: "page_number_text" }, h("p", { key: '2e4202a9092bb81af8744acf35ed00a66bbb08eb', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: 'c842b568ed45ddeb6a3b698a71a210d5ed2189e7', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_button_group_right_aligned' && this.breakpoint === 'mobile' && (h("div", { key: 'e867fed17f2bc84240fa7f9cc5faa67f07d83f26', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '4b3cd479c5027d3b592142c8abf4c5f88220abc7', icon: "only", "icon-src": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: 'b9ae11a9e9607b8df514acd002674b1b0ed812f3', class: "btn_group" }, h("gb-pagination-button-group-base", { key: '2add9ae4971b399ccb5c211308e6a8ac837fae6a', icon: "false", state: this.currentPage === 1 ? "active" : "default", onClick: () => this.currentPage = 1 }, h("p", { key: '70891c7ee9c9313a7da97cf5fd612f8199ab1d55' }, "1"))), h("gb-pagination-button-group-base", { key: 'd16aa060c3514dbec96c13cbdc763a6f132fb5f6', icon: "false", state: this.currentPage === 2 ? "active" : "default", onClick: () => this.currentPage = 2 }, h("p", { key: '81efde4ccb3dd465ac1b53d418c8b42038d1c5fb' }, "2")), this.currentPage > 2 && this.currentPage <= this.totalPages / 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 2 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '3e345693ecb9f4bf1fb9f0015ce73ef100775f3f', icon: "false" }, h("p", { key: '43e1604b2a7e73fdab56bbf34b58feb87d14e7f7' }, "...")), this.currentPage > this.totalPages / 2 && this.currentPage <= this.totalPages - 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.totalPages / 2 && this.currentPage <= this.totalPages - 2 ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: 'b46ed8da45c5f95db5f19f0435797735f70c748f', icon: "false", state: this.currentPage === this.totalPages - 1 ? "active" : "default", onClick: () => this.currentPage = this.totalPages - 1 }, h("p", { key: 'a3696d3e2c1378e790ff2e24990fb97bbc3af71d' }, this.totalPages - 1)), h("gb-pagination-button-group-base", { key: 'd2e672bf8c35aa7cf8d5b99668b787cb326e3062', icon: "false", state: this.currentPage === this.totalPages ? "active" : "default", onClick: () => this.currentPage = this.totalPages }, h("p", { key: '79005257e98049d37540e9d16424015999e96006' }, this.totalPages)), h("gb-pagination-button-group-base", { key: '324a69118af1647f6cda22a3fb4262165086f66f', icon: "only", "icon-src": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_button_group_left_aligned' && this.breakpoint === 'mobile' && (h("div", { key: '343260c49ba84783cacd838fbfcc5af786548db2', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '5e9806badf4ede965e2bc201f2671c090348dc1e', icon: "only", "icon-src": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: '2f4aef860c8fcbde4788d2748ad81a79bd6e1f37', class: "btn_group" }, h("gb-pagination-button-group-base", { key: 'c7ab0f2246110533bd14f5b866ad5af2460b1ba2', icon: "false", state: "active" }, h("p", { key: 'b1edf6b3bfce415e594b24edc9d6489cd3fc1b39' }, "1"))), h("gb-pagination-button-group-base", { key: 'a07498457308ece6cda206f09bdd6926562c43f3', icon: "false" }, h("p", { key: 'fed7205d9ceb36e134bdf6a7bd9c4e8c1e1e0864' }, "2")), h("gb-pagination-button-group-base", { key: '07ed0a286f747627f13c1f928f13de269161a14d', icon: "false" }, h("p", { key: '33af238da9ba35585b97e08c1dab2d1bdde12271' }, "...")), h("gb-pagination-button-group-base", { key: 'a03f6d6bec71fdcec12c4f0445a0d91acdc8c7d3', icon: "false" }, h("p", { key: '4914d0e7e6507aa65fbb18d1ca28e5c1e0616493' }, "9")), h("gb-pagination-button-group-base", { key: '2f00bcd37d168d954dd4d51d4550a74d29957b28', icon: "false" }, h("p", { key: 'd11f3094549ea6ca7cddd44dc1440bb11b89a0b7' }, "10")), h("gb-pagination-button-group-base", { key: '3e7d3beadd96a21d523d83394ea98f662501b388', icon: "only", "icon-src": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_button_group_center_aligned' && this.breakpoint === 'mobile' && (h("div", { key: '058c7f7ce10bd0985e6e0381d5d1a367eb83ce36', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '92884b73abfc3130c0b34dc6b5870d83d16c0057', icon: "only", "icon-src": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: '99aa6d89a8930939e45ae125163943a254961c78', class: "btn_group" }, h("gb-pagination-button-group-base", { key: 'c4bcf6b35ca595f82a8e055e631545a42ebf0517', icon: "false", state: "active" }, h("p", { key: 'b94bc1f6f0ac764a54cbfcd4f4986cffe7b08df6' }, "1"))), h("gb-pagination-button-group-base", { key: 'edef7452e31598ad348326bc8b4e54504e7f1ecf', icon: "false" }, h("p", { key: 'f4d1e559216ddf9974551e110b44f30a11dfccc2' }, "2")), h("gb-pagination-button-group-base", { key: '1243e1520caf6aa66b1e19717d74f1fe63b06ca6', icon: "false" }, h("p", { key: '9bee9b1e9bd9700a073ca749ba6f972faf9b59a6' }, "...")), h("gb-pagination-button-group-base", { key: 'b62d4e4b59e3e7e12e3281cfac5068721f4d2d20', icon: "false" }, h("p", { key: '77b3606a41020ab56f827a40ffddfdf4dd81fb71' }, "9")), h("gb-pagination-button-group-base", { key: 'cf641568686040461d828e4fa4e3cb721931e503', icon: "false" }, h("p", { key: '20c488219e9046c5772d29b7e0bd766f71f6e5f5' }, "10")), h("gb-pagination-button-group-base", { key: 'b3fcd692d0c25326f7e1c94f380371cd2cf45492', icon: "only", "icon-src": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() })))));
+        return (h("div", { key: '8338d4050ff9aee6771a8265b28ff1fae6c35f25', class: `pagination_div ${this.type} ${this.breakpoint}` }, this.type === 'page_default' && this.breakpoint === 'desktop' && (h(Fragment, null, h("gb-button", { key: 'fc717d5eb5da722258953da7db787620654ee4b0', size: "sm", hierarchy: "tertiary_gray", icon: "default", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg" }, h("p", { key: 'cd2a5b29e02246a650ecaf29d3ba47d7d046a636' }, "Previous")), h("div", { key: '320e489f495ef0a2577abb8c4b0716105fcdf1f3', class: "pagination_numbers" }, h("gb-pagination-number-base", { key: 'a5f4de7e3f3b326435ec0e9ae6ec22e6c9e166bb', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default' }, h("p", { key: '2046fb39a09a225bdf34fe45c7b7dde8345662a8', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: '4c72f84146808891540eb216c09b77dc6b832daa', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default' }, h("p", { key: '81aed0be35f99a7e935c1d81a64fa9eda01b7740', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: 'b559dd57ee51b9dec50d3d499bec711265a4ab1d', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default' }, h("p", { key: '21be5a3742667ee733d1e5b14a93c0da95d8ebfe', slot: "page_number" }, "3")), this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: '30d7b64b0b0edd7aa086bffaf16634fe55a0d8a9', shape: this.shape }, h("p", { key: '09bcbbdc0481fab84b04993a7df0cfb30a776f90', slot: "page_number" }, "...")), this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: '78e7247099c966c190fdce78f16bf01f618f7229', shape: this.shape, state: this.currentPage === this.totalPages - 2 ? 'active' : 'default' }, h("p", { key: '826eb348afd511018a230b03865b2db9dedb5338', slot: "page_number" }, this.totalPages - 2)), h("gb-pagination-number-base", { key: '4ed6ee572eddf93b66bb7a34e97176c8bc1e10b7', shape: this.shape, state: this.currentPage === this.totalPages - 1 ? 'active' : 'default' }, h("p", { key: '10970e0fbb96ca596120f4c934232b4ea14bb2e0', slot: "page_number" }, this.totalPages - 1)), h("gb-pagination-number-base", { key: '36f704ebdef6e2b4eec2b4db6bfc6fbd8ba1a761', shape: this.shape, state: this.currentPage === this.totalPages ? 'active' : 'default' }, h("p", { key: 'adbcc9732ec280906c44acf5183bf260c24c3256', slot: "page_number" }, this.totalPages))), h("gb-button", { key: '6dc4d9c39d8e067e519703c21a6954364043f119', size: "sm", hierarchy: "tertiary_gray", icon: "default", state: "default", "icon-trailing": true, "icon-trailing-swap": "assets/arrow-right-02.svg" }, h("p", { key: '268de70482863129591b01601078352738296187' }, "Next")))), this.type === 'page_minimal_center_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("gb-button", { key: 'e71a8fcd1c2e32e17915486843649818e62d4fb4', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg" }, h("p", { key: 'b3b213d7966ed6a04b5247b6116a048747940891' }, "Previous")), h("div", { key: '3e348651663506792fb8bf8575a9f1f5614c4211', class: "pagination_numbers" }, h("gb-pagination-number-base", { key: '5a732ed827889f58734adb0751dc380bd451a4dd', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default' }, h("p", { key: '31cfff1ee038a510496373773805b248bdcdae5e', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: '6a8dd4bfc20cb2ac79d59130da2e36956886df44', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default' }, h("p", { key: 'b1126466129cee7f7c881245f3e8eef619321714', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: 'a413d7646d85148207c5dec553c5744aa28cabb4', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default' }, h("p", { key: '27e279240ad0b95c24e730337fc2dbee80d49035', slot: "page_number" }, "3")), this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: 'e53762a3921c93e61dcd9ede776d7ef47b098ddb', shape: this.shape }, h("p", { key: 'f1ef0ff9c7c75ca68c9418004cf8a506724febf3', slot: "page_number" }, "...")), this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: 'bbd2f6c62ba75d5419f6ecbb2c9a514504bac080', shape: this.shape, state: this.currentPage === this.totalPages - 2 ? 'active' : 'default' }, h("p", { key: 'f44ceb5a96d7b1c7e0d0232a4beb8aae6c833278', slot: "page_number" }, this.totalPages - 2)), h("gb-pagination-number-base", { key: '2448ee92afa0f6da74cf7a8d7000c6d55354fa8e', shape: this.shape, state: this.currentPage === this.totalPages - 1 ? 'active' : 'default' }, h("p", { key: '2de08365f35ee230fcd8fa10b8e28a5ee1cd6850', slot: "page_number" }, this.totalPages - 1)), h("gb-pagination-number-base", { key: '70f3210d151e5280bd5d8400dd909518e055f153', shape: this.shape, state: this.currentPage === this.totalPages ? 'active' : 'default' }, h("p", { key: '3b90b53721bf6bcf4be91f0d2540648e8006320c', slot: "page_number" }, this.totalPages))), h("gb-button", { key: 'ee903554196e77c2798d605c6a58747bb34ebe8e', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", "icon-trailing": true, "icon-trailing-swap": "assets/arrow-right-02.svg" }, h("p", { key: 'b44319aa9ac998d4190f87a3a551666bd0cc844a' }, "Next")))), this.type === 'card_default' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '41ba255c57f7b9635ace46cb9041a0a7083102e1', class: "pagination_entries" }, h("div", { key: '7546c23ec32459ea8586e3e8e483c657dd1a5363', class: "entries_text" }, h("p", { key: '0394f81351648abb7555b060740fdb2483d60810', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: 'e6e77812a41e18ab8fe3fa43e0009f53d20d7bda', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '53ab47a39eddcb64f28f637b5bdf23fc5dd752f1', type: "default", state: "default", size: "sm", "show-label": false, "show-hint-text": false, "show-supporting-text": false, "show-help-icon": false, items: this.entries, "menu-position": "top", onDropdownItemSelected: this.handlePageSizeSelect.bind(this), value: this.defaultSelected }))), h("div", { key: 'fedca4ba81338ae688fa3f496079cd81ff043074', class: "pagination_numbers" }, h("gb-pagination-number-base", { key: 'c3a7f27f902d70e5a4b11bc60594c11ad40e6f49', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, h("p", { key: 'bbbd53a598e14c7da2ddeedaaa9f692385f18032', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: '5168def0ae0b7287c0752b9cea538a278c51ffd6', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, h("p", { key: '1283a449ce3b82b0e4f4778f005d1350238f0548', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: 'fa205b27163ff1675c78cacb7307da68e556b26f', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, h("p", { key: 'b78b4f4bdecd75fa206383bc679a518212671a95', slot: "page_number" }, "3")), this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: '7087a7a1de5872c3166e185152febb29fe97c87d', shape: this.shape, state: "default" }, h("p", { key: '5d44f1953599d58854504487566715a3fe2bd2c5', slot: "page_number" }, "...")), this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: '1e20367d1c5f8220998684cb3295de4417db764a', shape: this.shape, state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 2) }, h("p", { key: 'd0c22a486219b2b9a864ba627a4ffb624b09ea89', slot: "page_number" }, this.totalPages - 2)), h("gb-pagination-number-base", { key: '602520fdb02033a76fd67a5615dc353149d99819', shape: this.shape, state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 1) }, h("p", { key: '33876204d0f88f123cd31b5cffd77dbbed80ed52', slot: "page_number" }, this.totalPages - 1)), h("gb-pagination-number-base", { key: '22adcd592451921b6d9f73ddfb31a490caf39478', shape: this.shape, state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages) }, h("p", { key: '8926f04c401a8911180f9edb5f680393152788de', slot: "page_number" }, this.totalPages))), h("div", { key: 'ce189cf97c9abde171c15b106da96bd75c48efe2', class: "pagination_btns" }, h("gb-button", { key: 'aa16e91077aaaaa3b428e93371e9527a15a091b2', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("gb-button", { key: 'b1587246da66592a31a9be9cc96496fb49b9b693', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() })))), this.type === 'card_minimal_right_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '9b388af17edc58e926323a24ba7c07a6d30f9e0b', class: "pagination_entries" }, h("div", { key: 'a61e31a8f0888f107eb11b82081adb19ec7cb10c', class: "entries_text" }, h("p", { key: 'd001145f00c01e863f9c31a09e69038fcb601dea', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: 'fc2032f0877a2d8e6129e2716515d1218fbd4f4a', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '1b470b3912a74dd28140671ed65dbfb38d0d0a7c', type: "default", state: 'default', size: "sm", "show-label": false, "show-hint-text": false, "show-supporting-text": false, "show-hep-icon": false, items: this.entries, "menu-position": "top" }))), h("div", { key: 'fd927945616cf348b8dce983a0b05042803ebde2', class: "page_number_text" }, h("p", { key: '8afa99d4571e9b5e3c5f078100dab2ed1d37215e', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("div", { key: 'aed7da8e177d38571d45cf5b3fec961c6a9f561c', class: "pagination_btns" }, h("gb-button", { key: '6acd62e2c1856494d283768c38fca1308a0979b2', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: 'ae72986c9a645cf73f7c91c6fbf4d05052b76ea6' }, "Previous")), h("gb-button", { key: '2eb24019d179bd2721034aa39181bef6b25abe17', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: 'c6d919b988a4269d3eb83fa034d56b76478db205' }, "Next"))))), this.type === 'card_minimal_left_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: 'e47f6f15151f728c5e236935259d12aabcec2cea', class: "pagination_btns" }, h("gb-button", { key: 'afcbb33b10dc863d280265323f6cf0b3f1755e36', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: 'ef9fb355034d01d893590525a1d2f769db351444' }, "Previous")), h("gb-button", { key: '5728367d5a0c36a9c8e5880f7432321802a81da7', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: '649e8a44a8aea2b24dbee25087149d0ece968108' }, "Next"))), h("div", { key: 'fb7d869fe1e9797a77f3595f3afa0aff5639811b', class: "page_number_text" }, h("p", { key: '1b304a4ab06f64e9c110600b665effdca6d29a0a', class: "text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("div", { key: '3b8bddaa7067f1e2395d0fab5248741e64ddb041', class: "pagination_entries" }, h("div", { key: '852dfa06d9e57c40bbb71794e379fddb450f8c4f', class: "entries_text" }, h("p", { key: '7c27206f6ce9c0520926f5fb3fc8a228da947502', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: 'c9f0e53482de6bba870bf53d5d07b7e0f0f3950c', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '04ee250fdef5c9e41b672a25d1bb9591896525ab', type: "default", state: 'default', size: "sm", "show-label": false, "show-hint-text": false, "show-supporting-text": false, "show-hep-icon": false, items: this.entries, "menu-position": "top" }))))), this.type === 'card_minimal_center_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("gb-button", { key: 'a0197e5208797e5d8e542f63c5fd4e2d7a236452', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: 'cc4d09fd10f70e374302e108dd853e1419f4e022' }, "Previous")), h("div", { key: '1949dc65e22164ba0bd1f23956611f963fddb459', class: "page_number_text" }, h("p", { key: '8d700ed684ba437759063eb91493da74ffe4cb0e', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: '0eaf2a45f71cbb41630161c25a76b5f3e10cefac', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: 'bc62e4ceef82f74195eefc799c4bbf523ded98ec' }, "Next")))), this.type === 'card_button_group_right_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '318acd20a92f0ab9c3e44978107ed8ab6c4d8206', class: "pagination_entries" }, h("div", { key: '63ce9989b659c29f0989f773302fbba6e7f8ece9', class: "entries_text" }, h("p", { key: '183c995ff3cfb67bcf7ed68a5fdbde00cd3f5fae', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '3a23d7e68d4da5c6ea6149a735db0fa1b22cb74a', class: `entries_dropdown` }, h("gb-input-dropdown", { key: 'e7664799ea1033ba69577ad95cda16b35d6d370f', type: "default", state: 'default', size: "sm", "show-label": false, "show-hint-text": false, "show-supporting-text": false, "show-hep-icon": false, items: this.entries, "menu-position": "top" }))), h("div", { key: '51834fa4f4d0eab3a412763dc36a268763c9dfa6', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '37bb72f3f7d16223591eaac37fee34595b48016e', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '814119c4ad6714d34e3a3cfa2fe243bdb77fe203' }, "Previous")), h("div", { key: '89015c0174a7de179c0ccd9698bf73e4b113b9f8', class: "btn_group" }, h("gb-pagination-button-group-base", { key: '5c4dc570ea3bcf8134159c14fa8f5624cd7bed47', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: 'c17dac266b0e12435e98653d1b876c02ec28fe63' }, "1"))), h("gb-pagination-button-group-base", { key: 'c4245789efc6dc6f0763baf99d12620e89d268b8', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: 'ac5520e56cd0ca14cb200575370796ecc3b6801c' }, "2")), h("gb-pagination-button-group-base", { key: '9befa1f8d61389342b4e585bd3a21c853986816c', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '519a8a47b6376028c807f6c8338ccb67fd92417b' }, "3")), this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: 'a30d94c42555ae0335ded30c07fd860808202eb5', icon: "false" }, h("p", { key: '150206f079bec0faa9a338d3c32a36bc772d0e02' }, "...")), this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '2db10adf2dee5df2c9a6f14fa0af7f47a2118786', icon: "false", state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 2) }, h("p", { key: '80ce00b1fc1cc3d90c85574b08ff40e1c5546fa1' }, this.totalPages - 2)), h("gb-pagination-button-group-base", { key: '2217b0a096de100f86c588abbaacd74fad122a89', icon: "false", state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 1) }, h("p", { key: 'a65714fccb9a9e59f7d34ff64b942776fe651443' }, this.totalPages - 1)), h("gb-pagination-button-group-base", { key: '74ea988ebef1f0782c1b7aa49860fe1f33fabec3', icon: "false", state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages) }, h("p", { key: 'f8938a9ec65933014351f99b9dd43a4bc9ea11a8' }, this.totalPages)), h("gb-pagination-button-group-base", { key: '3ffc7c0a18623f9618b079a9c631741f13945414', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: '9f79450e54e82051e125f44a39dee6b01b883b2d' }, "Next"))))), this.type === 'card_button_group_left_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: 'b4114e05046a4b4f52b94ad14003df8a87dc151b', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '1ee917dd8f2028e9e75c4a7460ad5b87e507afcb', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: 'a043ee47bdbb011502386106bd72ffc55273da9b' }, "Previous")), h("div", { key: 'ce2307419ccdbf9062ee303f4514c2b259947b9d', class: "btn_group" }, h("gb-pagination-button-group-base", { key: '7cb24dc57d08a8740bbab19a942dd16cfd3845da', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '60e33b809a6d2dc909aa372de3e2e9142d952c0a' }, "1"))), h("gb-pagination-button-group-base", { key: 'c5cfbf8dd3d1c2d9fc54d8d6b008c1dcdc1905d1', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: 'fccb9ea27f3c8acf2bfbe4b721d40bbf36baa4cc' }, "2")), h("gb-pagination-button-group-base", { key: '1aa5b657a866b7943293c637097d66de689e0cbf', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '616d63cc4e8ee01cc60d78fce969035b5c41ae29' }, "3")), this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '41ab1eb4fdac922837f9b8531210bcab1650ad06', icon: "false" }, h("p", { key: 'b8cc0b7a6a1872c83fa8436a91e4d0dcb610eced' }, "...")), this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '361daccd27180e0726284cf9a350ab29dc36ab97', icon: "false", state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 2) }, h("p", { key: '357db2c1ebf2d7c97fefaedc599d476b8e24896d' }, this.totalPages - 2)), h("gb-pagination-button-group-base", { key: 'e48fcab2a46605e8900c2e2aad364ade6bdcc19b', icon: "false", state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 1) }, h("p", { key: 'edcff625fb5635b2ac6d33d5e40e92f67b15c957' }, this.totalPages - 1)), h("gb-pagination-button-group-base", { key: '144b6ab4bf33a6980108ea8916a57fae8776d333', icon: "false", state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages) }, h("p", { key: 'b2175d186a5326900667f171e61005b5ba8d956a' }, this.totalPages)), h("gb-pagination-button-group-base", { key: '1046bec4b1eed9c46f71b606b9b4b7589a13211a', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: 'f7328c6cdba45d0b1c45483227b6bef84cedf2de' }, "Next"))), h("div", { key: '7894c4f97d1b3e65b783e31c5858d2ce8680ce1b', class: "pagination_entries" }, h("div", { key: 'f752a97628bd8c92f25cd3f6a415a2ba892560d5', class: "entries_text" }, h("p", { key: '2de024a3f474fc6b7ce7a0a827f35b083b4f0ade', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: 'b0e92cff576987a07f313e8de30ae220581bb451', class: `entries_dropdown` }, h("gb-input-dropdown", { key: 'c25e12a1f83f725b190702492f65509ae6519ee3', type: "default", state: 'default', size: "sm", "show-label": false, "show-hint-text": false, "show-supporting-text": false, "show-hep-icon": false, items: this.entries, "menu-position": "top" }))))), this.type === 'card_button_group_center_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: 'e00ab3a25adb3ca8c1eb887e30681a82526ef815', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '14ddb41ba3cea7bc19e87bf0de6163dcea639615', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '5ad3daff11805d7348cc8142c139d589fcd95c02' }, "Previous")), h("div", { key: '3688d5858086c97c2ca4fba06166f43166461da2', class: "btn_group" }, h("gb-pagination-button-group-base", { key: 'f8a45f92f177cad3484f0f346762a7ef13ce44e4', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '3ddf8eae6a9bb906e88bf54c62ecf482e322aa79' }, "1"))), h("gb-pagination-button-group-base", { key: '836fcef747bded1ddddfc78d089d5a5b94997971', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: 'ca74eb4cc2a3044f87d324c5daa1c3ec95668de1' }, "2")), h("gb-pagination-button-group-base", { key: '1d53f27f2d5206053fb6a95e9b6041d7a4f73e64', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: 'a6257ec3d8a8d24337991fce93f216771798201f' }, "3")), this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '6b7c1aeeea99006215c93eb7a45d9044c95f4056', icon: "false" }, h("p", { key: 'ea7188c1c6de3b16fce2afe570cf4196249a19de' }, "...")), this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: 'd44ee3667ac091aa901f1f0ae1b9610d57c521c6', icon: "false", state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 2) }, h("p", { key: '7cfe98865c44ae8fd760b49b4796b6239ca1ab51' }, this.totalPages - 2)), h("gb-pagination-button-group-base", { key: '3cda3307205d7e89c0e047cac27dcb35d1545acf', icon: "false", state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 1) }, h("p", { key: '7d8bcf76064acc15e01d4f2d64cc6fb193b6b292' }, this.totalPages - 1)), h("gb-pagination-button-group-base", { key: '25a8d21ca87b9616fef0ca093f277909da39a10c', icon: "false", state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages) }, h("p", { key: 'e310617e6a43af227a9e4c4916931384e8426adf' }, this.totalPages)), h("gb-pagination-button-group-base", { key: '4e12abdbba7501c59f245f325b7828f31954bd7a', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: '8ec7b89058fa6e36c40d62655acf8faf1a8b2959' }, "Next"))))), this.type === 'page_default' && this.breakpoint === 'mobile' && (h(Fragment, null, h("gb-button", { key: '4fa2dddd408f0149b1f958e7576453e72f3d847a', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: '8ac8a1aa01f9034f4a639dee8407b3987b34bb0b', class: "page_number_text" }, h("p", { key: 'c4e62e21781d000d82cc20ef0decd63719c415d2', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: '9c3aa46a9033d638c9c5442b4c46949f0d563036', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'page_minimal_center_aligned' && this.breakpoint === 'mobile' && (h(Fragment, null, h("gb-button", { key: 'f59b65bc71c2b19f857572949c4ff65754e8fc70', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: '02cecd6fab65e39fdce476657b954e2b2059673c', class: "page_number_text" }, h("p", { key: '85ad30ede883b0039a0aa008752813a9a9ff2b59', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: '45d02427a5d7667696005e773d7f2ebc38eb27f5', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_default' && this.breakpoint === 'mobile' && (h(Fragment, null, h("gb-button", { key: 'c28e3ed7a014ab52d875bdefab999e7d4d4e1ee5', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: 'fd804f2607746bd8e57f32581d51c88e5faa9b12', class: "page_number_text" }, h("p", { key: '8bdc85f2cd30ecd6fa3b254e18dcecd79f1fdbb1', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: '9740361c4606de976d1583cfb76e90b9a1044da7', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_minimal_right_aligned' && this.breakpoint === 'mobile' && (h(Fragment, null, h("gb-button", { key: '6196dde3c3aceb4deefa14aa659cc30e99313be5', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: '3bb323687ca69a758470e713373dfb8d030a93c9', class: "page_number_text" }, h("p", { key: 'a5a27d3e6c3e36ecee2246e92a8c9f310fd680fc', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: 'd1ea56f6ce80f569710aa774f136c6bdbc375e3d', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_minimal_left_aligned' && this.breakpoint === 'mobile' && (h(Fragment, null, h("gb-button", { key: 'f023cb2fe7911c4acf3ac4b1cf91fd8f84df5d29', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: 'ece7c799b088e3145ba9d329b776f50229f31ddd', class: "page_number_text" }, h("p", { key: '5b1940cb79f0c9215cd87dfa265e95f985d87f4e', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: '5054f86d0541eaf1669a6d7626eca7f42ea267cc', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_minimal_center_aligned' && this.breakpoint === 'mobile' && (h(Fragment, null, h("gb-button", { key: 'e13fdb1ed0cdb5feca79cdbc85711e106a74faa1', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: '2db0395d0d66b2b776f810ec8eed01a610e8aac0', class: "page_number_text" }, h("p", { key: '5c6832f08089bbdcc3a799f2eeefa91d9b3fd335', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: '9c82bec08a6c978d29467cb130c232541f15fa63', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_button_group_right_aligned' && this.breakpoint === 'mobile' && (h("div", { key: '8b2e94d12e6e179cd9551eb3b7d6ad6ca2426b8c', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: 'eced12fc9267d3824ab1e6ae15a17613d6727115', icon: "only", "icon-src": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: '293761b523776909de9fe0445fc6812d02a4c7fb', class: "btn_group" }, h("gb-pagination-button-group-base", { key: 'c3ab12ba2c812d8598a2c41000b28cdf6df751db', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: 'd350d2c9da0b1e0aa3c1740c34cff383bb481b4f' }, "1"))), h("gb-pagination-button-group-base", { key: '961841612fa9dfa3791260b00040abf298098632', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '18b6de6a5c8080e86f8553b806596f7b04305ce9' }, "2")), this.currentPage > 2 && this.currentPage <= this.totalPages / 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 2 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '98837be2ca23206f344cc402853577ddeb6dd19e', icon: "false" }, h("p", { key: '2e85f32094e73b370c097dcb5b4767148ed2e78f' }, "...")), this.currentPage > this.totalPages / 2 && this.currentPage <= this.totalPages - 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.totalPages / 2 && this.currentPage <= this.totalPages - 2 ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '369786c6617d6dce21fe86005dabbac2680b3d0f', icon: "false", state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 1) }, h("p", { key: '3b33dc88cf19a4ecdc46ea18c35428d959fa92c5' }, this.totalPages - 1)), h("gb-pagination-button-group-base", { key: '28c1850f10402220aa3e5218c572738864b2454b', icon: "false", state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages) }, h("p", { key: '28ae390052b139e98bc3e2f9d637aaf377fe2efa' }, this.totalPages)), h("gb-pagination-button-group-base", { key: '05aff90a26ec5aa54bfd706552255eca29676e48', icon: "only", "icon-src": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_button_group_left_aligned' && this.breakpoint === 'mobile' && (h("div", { key: '0c8e5ec905f439ddee2eecb5abe22966fa6a7645', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '6a8964d07b8ac23262a30347d5e1d55f00b7f238', icon: "only", "icon-src": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: '330527ad4bf65067f86177970bbaf414f051bb4e', class: "btn_group" }, h("gb-pagination-button-group-base", { key: 'dac976fb2a482b03f8fc8d92824519e4f2bce0ba', icon: "false", state: "active" }, h("p", { key: '3db23b27fc17742eba0738b749839cc018c9e8af' }, "1"))), h("gb-pagination-button-group-base", { key: '48b2f3f7d45ae064c665526a0cb69c9b526bbace', icon: "false" }, h("p", { key: 'b09dc1ca891373b246caf672effd80e4dd3dbf73' }, "2")), h("gb-pagination-button-group-base", { key: 'fb239ec21ce36b809881696772cfb29990ceadcb', icon: "false" }, h("p", { key: 'c3cd3a9dafd5857b57244292eaabd3b3fc21b76b' }, "...")), h("gb-pagination-button-group-base", { key: '0b8c385da073fffeddbcaf8d8f36c341a814abf9', icon: "false" }, h("p", { key: '473ea4d2f418b78e507ce4110227ad5c13390059' }, "9")), h("gb-pagination-button-group-base", { key: '8e1b22f0bf2ca0f66a7b6d868a6f0c354c616c18', icon: "false" }, h("p", { key: 'a0aaa59c775c5378a94e18fbbbf2585c83cf3a95' }, "10")), h("gb-pagination-button-group-base", { key: '6a8ed36c8cff7c4dcbc6c570388f09e8ceac78bf', icon: "only", "icon-src": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_button_group_center_aligned' && this.breakpoint === 'mobile' && (h("div", { key: '8ba8a314789c9ff2b196c88d38544128db92c0f2', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '6e1a2a0d15edb70febfec1e55957a59e3a171e06', icon: "only", "icon-src": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: 'cb3519fb29c819445db3aceceabc8c8b67ebd84b', class: "btn_group" }, h("gb-pagination-button-group-base", { key: '2e93036022245f4e71abf616978521161d889c97', icon: "false", state: "active" }, h("p", { key: '6b260c9aa1b5a2e7cdf71c4e47bf5808722b4f45' }, "1"))), h("gb-pagination-button-group-base", { key: 'a66df1128993775481932537ccf8d7fc0a62560c', icon: "false" }, h("p", { key: 'ca1468d406c4e30b2a1db2c16a529f9501e2cc1b' }, "2")), h("gb-pagination-button-group-base", { key: '3952583c4eddd30ead363b8898882be8858efafb', icon: "false" }, h("p", { key: '258ca4a0a7f06977b51e949a599a817c0fb68a41' }, "...")), h("gb-pagination-button-group-base", { key: 'a1beedcc28a3209ce5f503f1a451984e24150189', icon: "false" }, h("p", { key: 'dfab28109e5cc8963b259cc9a496124eea51ce09' }, "9")), h("gb-pagination-button-group-base", { key: 'fe529e5984ad95418db039af1e9ba910ae3f1a5f', icon: "false" }, h("p", { key: '1cd0bf32d1bc94026583c224715eda6ca623f53d' }, "10")), h("gb-pagination-button-group-base", { key: '95a01d0763b05c6d10728f9fac3db417a9affe53', icon: "only", "icon-src": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() })))));
     }
     static get is() { return "gb-pagination"; }
     static get originalStyleUrls() {
@@ -177,8 +182,8 @@ export class GbPagination {
     }
     static get events() {
         return [{
-                "method": "pageSizeSelected",
-                "name": "pageSizeSelected",
+                "method": "pageItemSelected",
+                "name": "pageItemSelected",
                 "bubbles": true,
                 "cancelable": true,
                 "composed": true,
@@ -187,8 +192,8 @@ export class GbPagination {
                     "text": ""
                 },
                 "complexType": {
-                    "original": "number | string | object",
-                    "resolved": "number | object | string",
+                    "original": "{ pageSize: any, pageNumber: number}",
+                    "resolved": "{ pageSize: any; pageNumber: number; }",
                     "references": {}
                 }
             }];