globuswebcomponents 2.18.15 → 2.18.16

package/dist/cjs/loader.cjs.js

@@ -5,7 +5,7 @@ var index = require('./index-jTFIEoSY.js');
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;
   await index.globalScripts();
-  return index.bootstrapLazy(JSON.parse("[[\"gb-accordion-card_90.cjs\",[[257,\"gb-table\",{\"loading\":[4],\"columns\":[16],\"data\":[16],\"gridCardConfig\":[16],\"tableHeaderConfig\":[16],\"paginationConfig\":[16],\"emptyStateConfig\":[16],\"filterConfig\":[16],\"showActionsColumn\":[4,\"show-actions-column\"],\"rowActions\":[16],\"dropdownOptions\":[16],\"stickyFirstColumn\":[4,\"sticky-first-column\"],\"stickyLastColumn\":[4,\"sticky-last-column\"],\"showCheckbox\":[4,\"show-checkbox\"],\"showCheckboxOn\":[1,\"show-checkbox-on\"],\"rowCheckboxDisabled\":[4,\"row-checkbox-disabled\"],\"tableHeadColor\":[1,\"table-head-color\"],\"rowKey\":[1,\"row-key\"],\"tableHeaderType\":[1,\"table-header-type\"],\"renderCustomActions\":[16],\"slicedData\":[32],\"internalCurrentPage\":[32],\"internalPageSize\":[32],\"openRowIndex\":[32],\"dropdownPlacement\":[32],\"sortKey\":[32],\"sortDirection\":[32],\"selectedRowIds\":[32],\"breakpoint\":[32],\"isMobile\":[32],\"isScrollable\":[32],\"showColumnsPanel\":[32],\"showFilterModal\":[32],\"internalColumns\":[32],\"modalPosition\":[32],\"showFilterModalInternal\":[32],\"isFilterModalVisible\":[32],\"isGridModalVisible\":[32],\"internalLoading\":[32],\"currentTableLayout\":[32],\"showGridCardModal\":[32],\"appliedFilterValues\":[32],\"searchTerm\":[32],\"showToast\":[32],\"filterMessage\":[32],\"toastVisible\":[32],\"handleAction\":[64]},[[9,\"resize\",\"checkViewport\"]],{\"data\":[\"onDataChange\"],\"paginationConfig\":[\"handlePaginationConfigChange\"],\"loading\":[\"onLoadingChange\"],\"columns\":[\"validateMobilePositions\"]}],[257,\"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\"],\"showLogo\":[4,\"show-logo\"],\"showSearch\":[4,\"show-search\"],\"inputPlaceholder\":[1,\"input-placeholder\"],\"inputIcon\":[1,\"input-icon\"],\"avatarDropdownType\":[1,\"avatar-dropdown-type\"],\"listGroupOne\":[16],\"listGroupTwo\":[16],\"showThemeTab\":[4,\"show-theme-tab\"],\"showProfile\":[4,\"show-profile\"],\"showRoles\":[4,\"show-roles\"],\"roles\":[16],\"showLogOut\":[4,\"show-log-out\"],\"showLogError\":[4,\"show-log-error\"],\"notificationState\":[1,\"notification-state\"],\"notifications\":[1040],\"currentTheme\":[1,\"current-theme\"],\"contactHelpDropdown\":[4,\"contact-help-dropdown\"],\"contactHelpDropdownItems\":[16],\"initials\":[32],\"width\":[32],\"activeDropdown\":[32],\"breakpoint\":[32],\"searchBarShown\":[32],\"showSearchButton\":[32]},[[4,\"click\",\"handleClickOutside\"]]],[256,\"gb-rich-text\",{\"label\":[1],\"placeholder\":[1],\"showHintText\":[4,\"show-hint-text\"],\"hintText\":[1,\"hint-text\"],\"value\":[8],\"disabled\":[4],\"destructive\":[4],\"errorText\":[1,\"error-text\"],\"disabledIcons\":[1,\"disabled-icons\"],\"isFocused\":[32],\"isBold\":[32],\"isItalic\":[32],\"isH1\":[32],\"isH2\":[32],\"isUnderline\":[32],\"isQuote\":[32],\"isLink\":[32],\"isBulletList\":[32],\"isOrderedList\":[32],\"attachments\":[32],\"getRichTextHTML\":[64],\"clearContent\":[64]},null,{\"value\":[\"handleValueChange\"]}],[257,\"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\"],\"subMenuData\":[16],\"activeIndex\":[1026,\"active-index\"],\"activePrimaryItem\":[1025,\"active-primary-item\"],\"activeSecondaryIndex\":[1026,\"active-secondary-index\"],\"activeSubMenuParentIndex\":[1026,\"active-sub-menu-parent-index\"],\"activeSubMenuChildIndex\":[1026,\"active-sub-menu-child-index\"],\"hasInfo\":[4,\"has-info\"],\"email\":[1],\"phoneNumber\":[1,\"phone-number\"],\"theme\":[1],\"simpleSidebarWidth\":[1,\"simple-sidebar-width\"],\"applicationName\":[32],\"isDarkTheme\":[32],\"expandedSubMenuIndex\":[32],\"leadingIconSvg\":[32],\"sideBarItemClicked\":[64]},[[4,\"click\",\"handleCollapsedDropdownOutsideClick\"]],{\"activeSubMenuParentIndex\":[\"handleActiveSubMenuParentIndexChange\"],\"theme\":[\"changeTheme\"]}],[257,\"gb-detail-cell\",{\"state\":[1],\"cellStyle\":[1025,\"cell-style\"],\"type\":[1],\"label\":[1],\"detail\":[1],\"badgeIcon\":[1,\"badge-icon\"],\"badgeIconLeading\":[1,\"badge-icon-leading\"],\"badgeIconTrailing\":[1,\"badge-icon-trailing\"],\"badgeColor\":[1,\"badge-color\"],\"badgeLabel\":[1,\"badge-label\"],\"badgeType\":[1,\"badge-type\"],\"fileType\":[1,\"file-type\"],\"fileStyle\":[1,\"file-style\"],\"showActionButtons\":[4,\"show-action-buttons\"],\"showViewButton\":[4,\"show-view-button\"],\"showDownloadButton\":[4,\"show-download-button\"],\"showEditButton\":[4,\"show-edit-button\"],\"showCopyButton\":[1028,\"show-copy-button\"],\"buttonText\":[1,\"button-text\"],\"tags\":[16],\"showSupportingText\":[4,\"show-supporting-text\"],\"supportingText\":[1,\"supporting-text\"],\"showBorderBottom\":[4,\"show-border-bottom\"],\"tagIcon\":[1,\"tag-icon\"],\"tagAction\":[1,\"tag-action\"],\"tagCheckbox\":[4,\"tag-checkbox\"],\"tagFlagSwap\":[1,\"tag-flag-swap\"],\"showStandardCopyButton\":[32],\"showTooltip\":[32],\"copied\":[32],\"isDownloaded\":[32],\"width\":[32]}],[257,\"gb-nav-bar-sidemenu\",{\"applicationName\":[1,\"application-name\"],\"applicationIcon\":[1,\"application-icon\"],\"activeIndex\":[2,\"active-index\"],\"tabs\":[16],\"leadingIconSvg\":[32]}],[257,\"gb-horizontal-tabs\",{\"type\":[1],\"size\":[1],\"fullWidth\":[4,\"full-width\"],\"badge\":[4],\"truncate\":[4],\"activeIndex\":[1026,\"active-index\"],\"tabs\":[16],\"internalTabs\":[32],\"internalActiveIndex\":[32],\"width\":[32],\"showLeftButton\":[32],\"showRightButton\":[32]},[[9,\"resize\",\"updateScrollButtons\"]],{\"activeIndex\":[\"setActiveIndex\"],\"tabs\":[\"onTabsChanged\"]}],[257,\"gb-avatar-group\",{\"size\":[1],\"moreUsers\":[4,\"more-users\"],\"addMoreButton\":[4,\"add-more-button\"],\"text\":[4],\"state\":[1],\"images\":[16]}],[257,\"gb-prompt-modal\",{\"showCheckBox\":[4,\"show-check-box\"],\"heading\":[1],\"supportingText\":[1,\"supporting-text\"],\"destructive\":[4],\"iconInstance\":[1,\"icon-instance\"],\"checkboxLabel\":[1,\"checkbox-label\"],\"primaryButtonText\":[1,\"primary-button-text\"],\"primaryButtonState\":[1,\"primary-button-state\"],\"secondaryButtonText\":[1,\"secondary-button-text\"],\"checked\":[4],\"checkboxState\":[1,\"checkbox-state\"],\"leadingIconSvg\":[32]}],[257,\"gb-avatar-profile-photo\",{\"placeholder\":[4],\"text\":[4],\"size\":[1],\"verified\":[4],\"icon\":[1]}],[257,\"gb-stepper-horizontal-icons-centered\",{\"size\":[1],\"steps\":[16],\"type\":[1],\"breakpoint\":[32],\"width\":[32]},[[9,\"resize\",\"handleResize\"]]],[257,\"gb-stepper-horizontal-line-with-text\",{\"size\":[1],\"breakpoint\":[1],\"showContent\":[4,\"show-content\"],\"showSupportingText\":[1028,\"show-supporting-text\"],\"steps\":[16],\"internalSteps\":[32],\"width\":[32],\"internalState\":[32],\"internalStatus\":[32]},null,{\"steps\":[\"onStepsChanged\"]}],[257,\"gb-stepper-vertical-icons-with-text\",{\"size\":[1],\"connector\":[4],\"type\":[1],\"steps\":[16],\"internalSteps\":[32],\"internalState\":[32],\"internalStatus\":[32]},null,{\"steps\":[\"onStepsChanged\"]}],[257,\"gb-accordion-card\",{\"heading\":[1],\"state\":[1],\"internalState\":[32]},null,{\"state\":[\"onStateChange\"]}],[257,\"gb-stepper-horizontal-minimal-icons\",{\"size\":[1],\"text\":[4],\"stepLabel\":[1,\"step-label\"],\"steps\":[16],\"position\":[1]}],[257,\"gb-app-name-card\",{\"appName\":[1,\"app-name\"],\"appIcon\":[1,\"app-icon\"],\"category\":[1],\"hasInfo\":[4,\"has-info\"],\"email\":[1],\"phoneNumber\":[1,\"phone-number\"],\"leadingIconSvg\":[32]}],[256,\"gb-carousel-arrow\",{\"size\":[1],\"chevron\":[1]}],[256,\"gb-pagination-dot-indicator\",{\"current\":[4],\"type\":[1],\"size\":[1]}],[257,\"gb-table-header\",{\"type\":[1],\"showFilter\":[4,\"show-filter\"],\"showColumnOptions\":[4,\"show-column-options\"],\"tableHeading\":[4,\"table-heading\"],\"tableHeadingLabel\":[1,\"table-heading-label\"],\"showSearch\":[4,\"show-search\"],\"showExport\":[4,\"show-export\"],\"showRefreshButton\":[4,\"show-refresh-button\"],\"showLayoutToggle\":[4,\"show-layout-toggle\"],\"filterState\":[1,\"filter-state\"],\"filterCount\":[2,\"filter-count\"],\"showEntireData\":[4,\"show-entire-data\"],\"exportButtonState\":[1,\"export-button-state\"],\"pdfState\":[1,\"pdf-state\"],\"csvState\":[1,\"csv-state\"],\"showDateFilter\":[4,\"show-date-filter\"],\"mode\":[1],\"format\":[1],\"datePickerDisabled\":[4,\"date-picker-disabled\"],\"datePickerPlaceholder\":[1,\"date-picker-placeholder\"],\"datePickerIconPosition\":[1,\"date-picker-icon-position\"],\"datePickerDropdownPosition\":[1,\"date-picker-dropdown-position\"],\"exportDropdownPosition\":[1,\"export-dropdown-position\"],\"enableTime\":[4,\"enable-time\"],\"noCalendar\":[4,\"no-calendar\"],\"twentyfourHr\":[4,\"twentyfour-hr\"],\"showMonths\":[2,\"show-months\"],\"inputPlaceholder\":[1,\"input-placeholder\"],\"pdfSubDropdown\":[4,\"pdf-sub-dropdown\"],\"csvSubDropdown\":[4,\"csv-sub-dropdown\"],\"dateValue\":[1,\"date-value\"],\"items\":[32],\"width\":[32],\"buttonIcon\":[32],\"showExportDropdown\":[32],\"isDatePickerShown\":[32],\"isDatePickerFullWidth\":[32]},[[9,\"resize\",\"handleResize\"],[4,\"click\",\"handleClickOutside\"]]],[257,\"gb-pagination\",{\"type\":[1],\"shape\":[1],\"breakpoint\":[1025],\"currentPage\":[1026,\"current-page\"],\"totalPages\":[1026,\"total-pages\"],\"entries\":[1040],\"entriesDropdownMenuPosition\":[1,\"entries-dropdown-menu-position\"],\"selectedPageSize\":[32],\"defaultSelected\":[32],\"pages\":[32],\"width\":[32],\"internalTotalPages\":[32]},null,{\"totalPages\":[\"onTotalPagesChange\"]}],[257,\"gb-wysiwyg-toolbar\",{\"fontSelector\":[4,\"font-selector\"],\"disabledIcons\":[1,\"disabled-icons\"],\"isBold\":[4,\"is-bold\"],\"isItalic\":[4,\"is-italic\"],\"isUnderline\":[4,\"is-underline\"],\"isH1\":[4,\"is-h-1\"],\"isH2\":[4,\"is-h-2\"],\"isQuote\":[4,\"is-quote\"],\"isLink\":[4,\"is-link\"],\"isBulletList\":[4,\"is-bullet-list\"],\"isOrderedList\":[4,\"is-ordered-list\"],\"isAttachment\":[4,\"is-attachment\"],\"isPhoto\":[4,\"is-photo\"],\"_isBold\":[32],\"_isItalic\":[32],\"_isUnderline\":[32],\"_isH1\":[32],\"_isH2\":[32],\"_isQuote\":[32],\"_isLink\":[32],\"_isBulletList\":[32],\"_isOrderedList\":[32]},null,{\"isBold\":[\"onBoldChange\"],\"isItalic\":[\"onItalicChange\"],\"isUnderline\":[\"onUnderlineChange\"],\"isH1\":[\"onH1Change\"],\"isH2\":[\"onH2Change\"],\"isQuote\":[\"onQuoteChange\"],\"isLink\":[\"onLinkChange\"],\"isBulletList\":[\"onBulletListChange\"],\"isOrderedList\":[\"onOrderedListChange\"]}],[257,\"gb-avatar-dropdown\",{\"type\":[1],\"text\":[4],\"showProfile\":[4,\"show-profile\"],\"showThemeTab\":[4,\"show-theme-tab\"],\"showRoles\":[4,\"show-roles\"],\"roles\":[16],\"showLogOut\":[4,\"show-log-out\"],\"listGroupOne\":[16],\"listGroupTwo\":[16],\"color\":[1],\"showBorder\":[4,\"show-border\"],\"currentTheme\":[1,\"current-theme\"]}],[257,\"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\"],\"errorText\":[1,\"error-text\"],\"idOfInput\":[513,\"id-of-input\"],\"isReadOnly\":[516,\"is-read-only\"],\"value\":[1040],\"icon\":[1],\"results\":[1040],\"inputValue\":[1025,\"input-value\"],\"content\":[32],\"selectedStaff\":[32],\"paddingLeft\":[32],\"paddingTop\":[32],\"show\":[32],\"staffInfo\":[32],\"selectedItems\":[32],\"unselectedItems\":[32]},[[4,\"click\",\"handleClickOutside\"]],{\"value\":[\"updateSelectedItems\"]}],[257,\"gb-filter-modal\",{\"filterConfig\":[16],\"formValues\":[32],\"renderKey\":[32],\"isMobile\":[32],\"sheetVisible\":[32]},[[9,\"resize\",\"checkViewport\"]]],[257,\"gb-checkbox-group-item\",{\"size\":[1],\"type\":[1],\"state\":[1],\"breakpoint\":[1],\"showCost\":[4,\"show-cost\"],\"selected\":[1028],\"showButton\":[4,\"show-button\"],\"buttonText\":[1,\"button-text\"],\"icon\":[1],\"checkboxType\":[1,\"checkbox-type\"],\"leadingIconSvg\":[32]}],[257,\"gb-empty-state\",{\"size\":[1],\"icon\":[1],\"color\":[1],\"theme\":[1],\"illustrationStyle\":[1,\"illustration-style\"],\"illustrationIcon\":[1,\"illustration-icon\"],\"background\":[4],\"backgroundType\":[1,\"background-type\"],\"primaryButtonText\":[1,\"primary-button-text\"],\"secondaryButtonText\":[1,\"secondary-button-text\"],\"primaryButtonState\":[1,\"primary-button-state\"],\"primaryButtonIconLeadingSwap\":[1,\"primary-button-icon-leading-swap\"],\"primaryButtonIconTrailingSwap\":[1,\"primary-button-icon-trailing-swap\"],\"secondaryButtonIconLeadingSwap\":[1,\"secondary-button-icon-leading-swap\"],\"secondaryButtonIconTrailingSwap\":[1,\"secondary-button-icon-trailing-swap\"],\"mainText\":[1,\"main-text\"],\"supportingText\":[1,\"supporting-text\"],\"fileStyle\":[1,\"file-style\"],\"fileType\":[1,\"file-type\"],\"featuredIconSwap\":[1,\"featured-icon-swap\"],\"buttonFullWidth\":[4,\"button-full-width\"],\"isDarkTheme\":[32],\"patternKey\":[32]},null,{\"theme\":[\"onThemeChanged\"]}],[257,\"gb-simple-side-bar-item\",{\"state\":[1],\"type\":[1],\"label\":[1],\"icon\":[1],\"secondaryIcon\":[1,\"secondary-icon\"],\"category\":[1],\"showSecondaryIcon\":[4,\"show-secondary-icon\"],\"showBadge\":[4,\"show-badge\"],\"showTooltip\":[1028,\"show-tooltip\"],\"subMenu\":[4,\"sub-menu\"],\"leadingIconSvg\":[32],\"secondaryIconSvg\":[32],\"internalIcon\":[32]},null,{\"icon\":[\"updateSidebarIcon\"]}],[257,\"gb-vertical-tabs\",{\"size\":[1],\"type\":[1],\"activeIndex\":[1026,\"active-index\"],\"tabs\":[16],\"truncate\":[4],\"internalTabs\":[32]},null,{\"tabs\":[\"onTabsChanged\"]}],[257,\"gb-toast\",{\"color\":[1025],\"mainText\":[1,\"main-text\"],\"supportingText\":[1,\"supporting-text\"],\"size\":[1],\"breakpoint\":[1025],\"icon\":[1],\"xCloseButton\":[4,\"x-close-button\"],\"actions\":[4],\"showSupportingText\":[4,\"show-supporting-text\"],\"firstActionText\":[1,\"first-action-text\"],\"secondActionText\":[1,\"second-action-text\"],\"internalColor\":[32],\"internalMainText\":[32],\"internalSupportingText\":[32],\"width\":[32]},null,{\"mainText\":[\"onMainTextChange\"],\"supportingText\":[\"onSupportingTextChange\"],\"color\":[\"onColorChange\"]}],[257,\"gb-contact-help-dropdown\",{\"items\":[16]}],[257,\"gb-help-dropdown\",{\"showLogError\":[4,\"show-log-error\"]}],[257,\"gb-notification-pane\",{\"state\":[1],\"notifications\":[1040]}],[257,\"gb-sidebar-sub-dropdown\",{\"type\":[1],\"menuItem\":[16],\"menuIndex\":[2,\"menu-index\"],\"isExpanded\":[4,\"is-expanded\"],\"isParentActive\":[4,\"is-parent-active\"],\"activeChildIndex\":[2,\"active-child-index\"]}],[257,\"gb-avatar-add-button\",{\"size\":[1],\"showToolTip\":[1028,\"show-tool-tip\"],\"state\":[1],\"el\":[16]}],[257,\"gb-complex-primary-side-bar-item\",{\"category\":[1],\"itemStyle\":[1,\"item-style\"],\"state\":[1],\"icon\":[1],\"label\":[1],\"showTooltip\":[1028,\"show-tooltip\"],\"leadingIconSvg\":[32]}],[257,\"gb-complex-secondary-side-bar-item\",{\"state\":[1],\"type\":[1],\"category\":[1],\"label\":[1],\"icon\":[1],\"showTooltip\":[1028,\"show-tooltip\"],\"leadingIconSvg\":[32]}],[257,\"gb-toggle\",{\"size\":[1],\"state\":[1],\"text\":[4],\"supportingText\":[4,\"supporting-text\"],\"pressed\":[4],\"position\":[1]}],[257,\"gb-header-icon\",{\"state\":[1],\"showIndicator\":[4,\"show-indicator\"],\"icon\":[1],\"leadingIconSvg\":[32]}],[257,\"gb-filter-button\",{\"state\":[1],\"iconOnly\":[4,\"icon-only\"]}],[257,\"gb-avatar-label-group\",{\"size\":[1],\"statusIcon\":[1,\"status-icon\"],\"state\":[1],\"placeholder\":[4],\"text\":[4],\"color\":[1],\"showBorder\":[4,\"show-border\"]}],[321,\"gb-button-group\",{\"items\":[16],\"icon\":[1],\"showLabel\":[4,\"show-label\"],\"label\":[1],\"internalItems\":[32],\"selectedValue\":[32]},null,{\"items\":[\"onItemsUpdated\"]}],[257,\"gb-export-dropdown\",{\"state\":[1],\"showEntireData\":[4,\"show-entire-data\"],\"pdfState\":[1,\"pdf-state\"],\"csvState\":[1,\"csv-state\"],\"pdfSubDropdown\":[4,\"pdf-sub-dropdown\"],\"csvSubDropdown\":[4,\"csv-sub-dropdown\"],\"showFirstSubDropdown\":[32],\"showSecondSubDropdown\":[32]}],[257,\"gb-theme-tab\",{\"theme\":[1025],\"currentActiveTab\":[1025,\"current-active-tab\"]}],[257,\"gb-collapse-button\",{\"color\":[1],\"isCollapsed\":[1028,\"is-collapsed\"],\"action\":[1025],\"isHovered\":[1028,\"is-hovered\"],\"direction\":[1],\"icon\":[1],\"leadingIconSvg\":[32],\"collapseSidebar\":[64],\"expandSidebar\":[64]}],[257,\"gb-illustration\",{\"size\":[1],\"color\":[1],\"illustrationStyle\":[1,\"illustration-style\"],\"illustrationIcon\":[1,\"illustration-icon\"],\"theme\":[1],\"leadingIconSvg\":[32]}],[257,\"gb-notification-content\",{\"icon\":[1],\"label\":[1],\"time\":[1],\"supportingText\":[1,\"supporting-text\"]}],[257,\"gb-pagination-button-group-base\",{\"icon\":[1],\"state\":[1],\"iconSrc\":[1,\"icon-src\"],\"leadingIconSvg\":[32]}],[257,\"gb-pagination-number-base\",{\"shape\":[1],\"state\":[1]}],[257,\"gb-pattern\",{\"type\":[1],\"theme\":[1],\"isDarkTheme\":[32]},null,{\"theme\":[\"changeTheme\"]}],[257,\"gb-sidebar-base-item\",{\"state\":[1],\"type\":[1],\"label\":[1],\"icon\":[1],\"selected\":[4],\"showDropdownArrow\":[4,\"show-dropdown-arrow\"],\"leadingIconSvg\":[32]}],[257,\"gb-sidebar-child-item\",{\"state\":[1],\"type\":[1],\"label\":[1],\"icon\":[1],\"selected\":[4],\"leadingIconSvg\":[32]}],[257,\"gb-toast-button\",{\"state\":[1],\"color\":[1]}],[257,\"gb-toggle-base\",{\"size\":[1],\"state\":[1],\"pressed\":[1028]}],[257,\"gb-tab-button-base\",{\"current\":[4],\"size\":[1],\"fullWidth\":[4,\"full-width\"],\"badge\":[4],\"type\":[1],\"tabName\":[1,\"tab-name\"],\"alignment\":[1],\"truncate\":[4]}],[257,\"gb-date-picker\",{\"size\":[1],\"placeholder\":[1],\"value\":[1],\"format\":[1],\"mode\":[1],\"disabled\":[4],\"iconPosition\":[1,\"icon-position\"],\"dropdownAlignment\":[1,\"dropdown-alignment\"],\"label\":[1],\"formatLabel\":[4,\"format-label\"],\"allowInput\":[4,\"allow-input\"],\"enableTime\":[4,\"enable-time\"],\"noCalendar\":[4,\"no-calendar\"],\"twentyfourHr\":[4,\"twentyfour-hr\"],\"showMonths\":[2,\"show-months\"],\"fullWidth\":[4,\"full-width\"],\"default\":[4],\"disabledDates\":[16],\"destructive\":[4],\"showHintText\":[4,\"show-hint-text\"],\"hintText\":[1,\"hint-text\"],\"errorText\":[1,\"error-text\"],\"isCalendarShown\":[32],\"breakpoint\":[32],\"width\":[32],\"displayValue\":[32],\"selectionSource\":[32]},null,{\"value\":[\"handleValueChange\"],\"displayValue\":[\"handleDisplayValueChange\"]}],[257,\"gb-button-group-base\",{\"current\":[4],\"icon\":[1],\"state\":[1],\"label\":[1],\"iconSrc\":[1,\"icon-src\"],\"leadingIconSvg\":[32]}],[257,\"gb-step-base\",{\"status\":[1],\"size\":[1],\"type\":[1],\"state\":[1],\"connector\":[4],\"showContent\":[4,\"show-content\"],\"showSupportingText\":[4,\"show-supporting-text\"],\"label\":[1],\"supportingText\":[1,\"supporting-text\"],\"breakpoint\":[1],\"internalState\":[32],\"internalStatus\":[32]},null,{\"status\":[\"onStatusChange\"],\"state\":[\"onStateChange\"]}],[257,\"gb-export-sub-dropdown\",{\"showEntireData\":[4,\"show-entire-data\"]}],[257,\"gb-icon-button-base\",{\"current\":[4],\"icon\":[1],\"label\":[1],\"leadingIconSvg\":[32],\"showTooltip\":[32]}],[257,\"gb-export-dropdown-item\",{\"icon\":[4],\"state\":[1],\"type\":[1],\"subMenu\":[4,\"sub-menu\"]}],[257,\"gb-wysiwyg-editor-icon\",{\"active\":[4],\"type\":[1],\"state\":[1],\"_active\":[32]},null,{\"active\":[\"onActiveChange\"]}],[257,\"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\"],\"iconSearch\":[4,\"icon-search\"],\"inputValue\":[1,\"input-value\"],\"destructive\":[1028],\"errorText\":[1,\"error-text\"],\"loading\":[1028],\"formatLabel\":[4,\"format-label\"],\"labelKey\":[1,\"label-key\"],\"supportingTextKey\":[1,\"supporting-text-key\"],\"valueKey\":[1,\"value-key\"],\"leadingIconSvg\":[32],\"dropdownOpen\":[32],\"selectedItem\":[32],\"selectedItems\":[32],\"unselectedItems\":[32],\"searchItem\":[32],\"searchResults\":[32],\"internalItems\":[32],\"showCloseButton\":[32],\"internalLoading\":[32],\"dropdownPlacement\":[32],\"clearSelection\":[64],\"isDestructive\":[64],\"isNotDestructive\":[64]},[[4,\"click\",\"handleClickOutside\"],[4,\"gbInputDropdownOpened\",\"handleOtherDropdownOpened\"]],{\"items\":[\"updateResultsAndShowInDropdown\",\"syncSelectedItems\"],\"loading\":[\"onLoadingChanged\"],\"destructive\":[\"watchDestructive\"],\"value\":[\"syncSelectedItems\"]}],[257,\"gb-modal-action\",{\"actionType\":[1,\"action-type\"],\"destructive\":[4],\"fullWidth\":[4,\"full-width\"],\"firstButtonText\":[1,\"first-button-text\"],\"secondButtonText\":[1,\"second-button-text\"],\"thirdButtonText\":[1,\"third-button-text\"],\"firstButtonState\":[1,\"first-button-state\"],\"secondButtonState\":[1,\"second-button-state\"],\"thirdButtonState\":[1,\"third-button-state\"],\"firstButtonIconLeadingSwap\":[1,\"first-button-icon-leading-swap\"],\"secondButtonIconLeadingSwap\":[1,\"second-button-icon-leading-swap\"],\"thirdButtonIconLeadingSwap\":[1,\"third-button-icon-leading-swap\"],\"firstButtonIconTrailingSwap\":[1,\"first-button-icon-trailing-swap\"],\"secondButtonIconTrailingSwap\":[1,\"second-button-icon-trailing-swap\"],\"thirdButtonIconTrailingSwap\":[1,\"third-button-icon-trailing-swap\"],\"showSecondaryActions\":[4,\"show-secondary-actions\"],\"showFirstIconButton\":[4,\"show-first-icon-button\"],\"showSecondIconButton\":[4,\"show-second-icon-button\"],\"firstIconButtonSwap\":[1,\"first-icon-button-swap\"],\"secondIconButtonSwap\":[1,\"second-icon-button-swap\"],\"showCheckBox\":[4,\"show-check-box\"],\"checkboxLabel\":[1,\"checkbox-label\"],\"firstIconButtonTooltipShown\":[32],\"secondIconButtonTooltipShown\":[32]}],[257,\"gb-modal-header\",{\"text\":[1],\"closeButtonPosition\":[513,\"close-button-position\"]}],[257,\"gb-date-picker-list-item\",{\"selected\":[4],\"label\":[1]}],[257,\"gb-export-sub-dropdown-item\",{\"icon\":[1],\"state\":[1],\"leadingIconSvg\":[32]}],[257,\"gb-icon\",{\"iconName\":[1,\"icon-name\"],\"iconStyle\":[1,\"icon-style\"],\"iconType\":[1,\"icon-type\"],\"color\":[1],\"defaultWidth\":[4,\"default-width\"],\"svgContent\":[32]},null,{\"iconName\":[\"onIconSourceChanged\"],\"iconStyle\":[\"onIconSourceChanged\"],\"iconType\":[\"onIconSourceChanged\"]}],[257,\"gb-portal\",{\"anchorId\":[1,\"anchor-id\"],\"placement\":[1],\"open\":[4],\"anchorEl\":[16],\"boundaryEl\":[16],\"dropdownHeight\":[2,\"dropdown-height\"],\"reposition\":[64]},null,{\"open\":[\"onOpenChange\"]}],[257,\"gb-step-icon-base\",{\"size\":[1],\"status\":[1],\"state\":[1],\"internalState\":[32],\"internalStatus\":[32]},null,{\"status\":[\"onStatusChange\"],\"state\":[\"onStateChange\"]}],[257,\"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]}],[257,\"gb-featured-icon\",{\"size\":[1],\"destructive\":[4],\"icon\":[1],\"leadingIconSvg\":[32]}],[257,\"gb-file-type-icon\",{\"fileStyle\":[1,\"file-style\"],\"fileType\":[1,\"file-type\"],\"width\":[1]}],[321,\"gb-input-field\",{\"size\":[1],\"type\":[1],\"inputType\":[1,\"input-type\"],\"minLength\":[2,\"min-length\"],\"maxLength\":[2,\"max-length\"],\"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\":[1025,\"icon-swap\"],\"enableCancelButtonFunction\":[4,\"enable-cancel-button-function\"],\"options\":[1040],\"defaultOption\":[1,\"default-option\"],\"idOfInput\":[513,\"id-of-input\"],\"isReadOnly\":[516,\"is-read-only\"],\"results\":[1040],\"menuPosition\":[1,\"menu-position\"],\"icon\":[1],\"value\":[1032],\"required\":[516],\"loading\":[1028],\"formatLabel\":[4,\"format-label\"],\"formatNumber\":[4,\"format-number\"],\"inputOnlyDisabled\":[4,\"input-only-disabled\"],\"searchMode\":[1,\"search-mode\"],\"allowCustomTags\":[4,\"allow-custom-tags\"],\"focused\":[4],\"filled\":[4],\"showCloseButton\":[32],\"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],\"internalLoading\":[32],\"filteredResults\":[32],\"showGreenFilledBar\":[32],\"isDestructive\":[64],\"isNotDestructive\":[64]},[[4,\"click\",\"handleClickOutside\"]],{\"iconSwap\":[\"iconSwapChanged\"],\"results\":[\"resultsChanged\"],\"options\":[\"optionsChanged\"],\"loading\":[\"onLoadingChanged\"],\"value\":[\"updateSelectedItems\"]}],[257,\"gb-password-button\",{\"state\":[1],\"isPasswordVisible\":[32]}],[257,\"gb-help-tooltip\",{\"arrowPosition\":[1,\"arrow-position\"],\"showSupportingText\":[4,\"show-supporting-text\"],\"tooltipAlignment\":[1,\"tooltip-alignment\"],\"tooltipWidth\":[1,\"tooltip-width\"],\"showHelpTooltip\":[32]}],[257,\"gb-input-dropdown-menu-item\",{\"type\":[1],\"supportingText\":[4,\"supporting-text\"],\"selected\":[1028],\"state\":[1],\"color\":[1],\"iconName\":[1,\"icon-name\"],\"iconLeading\":[4,\"icon-leading\"],\"iconLeadingSwap\":[1,\"icon-leading-swap\"],\"ellipsed\":[4],\"leadingIconSvg\":[32],\"iconPath\":[32]},null,{\"iconName\":[\"onIconSourceChanged\"],\"iconLeadingSwap\":[\"onIconSourceChanged\"]}],[257,\"gb-tag\",{\"size\":[1],\"icon\":[1],\"action\":[1],\"flagSwap\":[1,\"flag-swap\"],\"checkbox\":[4],\"onTagClose\":[64]}],[257,\"gb-button-close\",{\"size\":[1],\"color\":[1]}],[257,\"gb-tag-checkbox\",{\"checked\":[4],\"size\":[1],\"disabled\":[4]}],[257,\"gb-tag-close\",{\"size\":[1]}],[257,\"gb-tag-count\",{\"size\":[1]}],[257,\"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]}],[257,\"gb-badge-close\",{\"color\":[1],\"type\":[1]}],[257,\"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\"],\"tooltipText\":[1,\"tooltip-text\"],\"arrow\":[1],\"event\":[4],\"rounded\":[4],\"iconLeadingStyle\":[1,\"icon-leading-style\"],\"iconLeadingType\":[1,\"icon-leading-type\"],\"iconTrailingStyle\":[1,\"icon-trailing-style\"],\"iconTrailingType\":[1,\"icon-trailing-type\"],\"iconLeadingName\":[1,\"icon-leading-name\"],\"iconTrailingName\":[1,\"icon-trailing-name\"],\"fullWidth\":[4,\"full-width\"],\"iconPath\":[32],\"leadingIconSvg\":[32],\"trailingIconSvg\":[32],\"internalButtonState\":[32],\"internalIconLeadingState\":[32],\"internalIconTrailingState\":[32],\"tooltipShown\":[32],\"getNativeButton\":[64]}],[257,\"gb-checkbox\",{\"checked\":[4],\"indeterminate\":[4],\"size\":[1],\"type\":[1],\"state\":[1],\"text\":[4],\"supportingText\":[4,\"supporting-text\"],\"isChecked\":[32]},null,{\"checked\":[\"onCheckedChanged\"]}],[257,\"gb-checkbox-base\",{\"state\":[1025],\"size\":[1],\"type\":[1],\"checked\":[1028],\"indeterminate\":[1028]}],[257,\"gb-avatar\",{\"size\":[1],\"placeholder\":[4],\"text\":[4],\"statusIcon\":[1,\"status-icon\"],\"state\":[1],\"icon\":[1],\"color\":[1],\"showBorder\":[4,\"show-border\"],\"companyIcon\":[1,\"company-icon\"],\"weight\":[1],\"assignedColorClass\":[32]}],[257,\"gb-avatar-contrast-inner-border\",{\"weight\":[1],\"size\":[1],\"showBorder\":[4,\"show-border\"]}],[257,\"gb-status-indicator\",{\"statusIcon\":[1,\"status-icon\"],\"size\":[1],\"state\":[1],\"indicatorStateClass\":[1,\"indicator-state-class\"],\"companyIcon\":[1,\"company-icon\"]}],[257,\"gb-tooltip\",{\"showArrow\":[4,\"show-arrow\"],\"arrow\":[1],\"showSupportingText\":[4,\"show-supporting-text\"],\"noWrap\":[4,\"no-wrap\"],\"width\":[1]}]]],[\"gb-approval-modal.cjs\",[[257,\"gb-approval-modal\",{\"showDecision\":[4,\"show-decision\"],\"badgeColor\":[1,\"badge-color\"],\"badgeType\":[1,\"badge-type\"],\"badgeIcon\":[1,\"badge-icon\"],\"badgeLabel\":[1,\"badge-label\"],\"firstButtonText\":[1,\"first-button-text\"],\"secondButtonText\":[1,\"second-button-text\"],\"firstButtonState\":[1,\"first-button-state\"],\"headerText\":[1,\"header-text\"],\"textareaLabel\":[1,\"textarea-label\"]}]]],[\"test-input-tag.cjs\",[[256,\"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-checkbox-group.cjs\",[[257,\"gb-checkbox-group\",{\"size\":[1],\"breakpoint\":[1],\"icon\":[1],\"selected\":[4],\"type\":[1]}]]],[\"gb-modal.cjs\",[[257,\"gb-modal\",{\"width\":[1],\"footer\":[4],\"closeButtonPosition\":[1,\"close-button-position\"],\"heading\":[1],\"actionType\":[1,\"action-type\"],\"fullWidth\":[4,\"full-width\"],\"destructive\":[4],\"firstButtonText\":[1,\"first-button-text\"],\"secondButtonText\":[1,\"second-button-text\"],\"thirdButtonText\":[1,\"third-button-text\"],\"firstButtonState\":[1,\"first-button-state\"],\"secondButtonState\":[1,\"second-button-state\"],\"thirdButtonState\":[1,\"third-button-state\"],\"firstButtonIconLeadingSwap\":[1,\"first-button-icon-leading-swap\"],\"secondButtonIconLeadingSwap\":[1,\"second-button-icon-leading-swap\"],\"thirdButtonIconLeadingSwap\":[1,\"third-button-icon-leading-swap\"],\"firstButtonIconTrailingSwap\":[1,\"first-button-icon-trailing-swap\"],\"secondButtonIconTrailingSwap\":[1,\"second-button-icon-trailing-swap\"],\"thirdButtonIconTrailingSwap\":[1,\"third-button-icon-trailing-swap\"],\"showSecondaryActions\":[4,\"show-secondary-actions\"],\"showFirstIconButton\":[4,\"show-first-icon-button\"],\"showSecondIconButton\":[4,\"show-second-icon-button\"],\"firstIconButtonSwap\":[1,\"first-icon-button-swap\"],\"secondIconButtonSwap\":[1,\"second-icon-button-swap\"],\"showCheckBox\":[4,\"show-check-box\"],\"checkboxLabel\":[1,\"checkbox-label\"],\"hasFooterSlot\":[32]}]]],[\"gb-file-upload.cjs\",[[257,\"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-metric-card.cjs\",[[257,\"gb-metric-card\",{\"size\":[1],\"radius\":[1],\"label\":[1],\"metric\":[1],\"showBadge\":[4,\"show-badge\"],\"featuredIconStyle\":[1,\"featured-icon-style\"],\"featuredIconColor\":[1,\"featured-icon-color\"],\"icon\":[1],\"percentage\":[1]}]]],[\"gb-action-panel.cjs\",[[257,\"gb-action-panel\",{\"type\":[1],\"showCloseButton\":[4,\"show-close-button\"],\"showSelectedRows\":[4,\"show-selected-rows\"],\"showCheckbox\":[4,\"show-checkbox\"],\"firstButton\":[4,\"first-button\"],\"firstButtonIconLeading\":[1,\"first-button-icon-leading\"],\"firstButtonIconTrailing\":[1,\"first-button-icon-trailing\"],\"secondButton\":[4,\"second-button\"],\"secondButtonIconLeading\":[1,\"second-button-icon-leading\"],\"secondButtonIconTrailing\":[1,\"second-button-icon-trailing\"],\"thirdButton\":[4,\"third-button\"],\"thirdButtonIconLeading\":[1,\"third-button-icon-leading\"],\"thirdButtonIconTrailing\":[1,\"third-button-icon-trailing\"],\"showSubmitButton\":[4,\"show-submit-button\"],\"submitButtonIconLeadingSwap\":[1,\"submit-button-icon-leading-swap\"],\"submitButtonIconTrailingSwap\":[1,\"submit-button-icon-trailing-swap\"],\"submitButtonState\":[1,\"submit-button-state\"],\"firstButtonText\":[1,\"first-button-text\"],\"secondButtonText\":[1,\"second-button-text\"],\"thirdButtonText\":[1,\"third-button-text\"],\"firstButtonState\":[1,\"first-button-state\"],\"secondButtonState\":[1,\"second-button-state\"],\"thirdButtonState\":[1,\"third-button-state\"],\"previousButtonState\":[1,\"previous-button-state\"],\"nextButtonState\":[1,\"next-button-state\"],\"showDraftButton\":[4,\"show-draft-button\"],\"submitButtonText\":[1,\"submit-button-text\"],\"showAmount\":[4,\"show-amount\"],\"showFee\":[4,\"show-fee\"],\"amount\":[1],\"fee\":[1],\"checked\":[32],\"internalNextButtonState\":[32]},null,{\"state\":[\"updateButtonState\"]}]]],[\"gb-nav-bar.cjs\",[[257,\"gb-nav-bar\",{\"category\":[1],\"items\":[1040],\"showBorder\":[4,\"show-border\"],\"activeIndex\":[1026,\"active-index\"],\"internalItems\":[32],\"visibleItems\":[32],\"overflowItems\":[32],\"measured\":[32],\"dropdownOpen\":[32],\"dropdownItemClicked\":[32]},null,{\"items\":[\"onItemsChanged\"]}]]],[\"gb-comment.cjs\",[[257,\"gb-comment\",{\"heading\":[1],\"state\":[1025],\"noCommentText\":[1,\"no-comment-text\"],\"noCommentTextSub\":[1,\"no-comment-text-sub\"],\"comments\":[16],\"theme\":[1],\"isDarkTheme\":[32]}]]],[\"gb-slider.cjs\",[[257,\"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\"],\"heading\":[1],\"showHeading\":[4,\"show-heading\"],\"formatHeading\":[4,\"format-heading\"],\"leftValue\":[32],\"rightValue\":[32]}]]],[\"gb-breadcrumbs.cjs\",[[257,\"gb-breadcrumbs\",{\"type\":[1],\"divider\":[1],\"breadcrumbs\":[16],\"icon\":[1],\"visibleBreadcrumbs\":[32]}]]],[\"gb-btn.cjs\",[[257,\"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\"],\"tooltipText\":[1,\"tooltip-text\"],\"arrow\":[1],\"leadingIconSvg\":[32],\"trailingIconSvg\":[32],\"internalButtonState\":[32],\"internalIconLeadingState\":[32],\"internalIconTrailingState\":[32],\"tooltipShown\":[32]}]]],[\"gb-quick-action-card.cjs\",[[257,\"gb-quick-action-card\",{\"color\":[1],\"icon\":[1],\"label\":[1]}]]],[\"gb-quick-action-icon.cjs\",[[257,\"gb-quick-action-icon\",{\"icon\":[1],\"label\":[1],\"isHovered\":[32]}]]],[\"gb-token-field-compressed.cjs\",[[257,\"gb-token-field-compressed\",{\"size\":[1],\"state\":[1],\"digits\":[2],\"showLabel\":[4,\"show-label\"],\"label\":[1],\"showHintText\":[4,\"show-hint-text\"],\"hintText\":[1,\"hint-text\"],\"values\":[32],\"focusedIndex\":[32]}]]],[\"gb-wysiwyg-tooltip.cjs\",[[257,\"gb-wysiwyg-tooltip\",{\"arrow\":[1],\"breakpoint\":[1]}]]],[\"gb-category-card.cjs\",[[257,\"gb-category-card\",{\"label\":[1],\"supportingText\":[1,\"supporting-text\"],\"showSupportingText\":[4,\"show-supporting-text\"],\"cardImage\":[1,\"card-image\"],\"isHovered\":[32]}]]],[\"gb-logo.cjs\",[[257,\"gb-logo\",{\"text\":[4]}]]],[\"gb-pagination-dot-group.cjs\",[[257,\"gb-pagination-dot-group\",{\"size\":[1],\"type\":[1],\"color\":[1],\"framed\":[4]}]]],[\"gb-progress-circle.cjs\",[[257,\"gb-progress-circle\",{\"size\":[1],\"shape\":[1],\"label\":[4],\"progress\":[2]},null,{\"progress\":[\"handleProgressChange\"]}]]],[\"gb-scrollbar.cjs\",[[257,\"gb-scrollbar\",{\"length\":[1]}]]],[\"gb-stepper-horizontal-icons-connected.cjs\",[[257,\"gb-stepper-horizontal-icons-connected\",{\"size\":[1],\"steps\":[16]}]]],[\"gb-token-field-compact.cjs\",[[257,\"gb-token-field-compact\",{\"size\":[1],\"digits\":[2],\"showLabel\":[4,\"show-label\"],\"label\":[1],\"showSupportingText\":[4,\"show-supporting-text\"],\"supportingText\":[1,\"supporting-text\"],\"inputValue\":[32]}]]],[\"gb-progress-bar.cjs\",[[257,\"gb-progress-bar\",{\"progress\":[2],\"showLabel\":[4,\"show-label\"],\"labelPosition\":[1,\"label-position\"]}]]],[\"gb-file-upload-item-base.cjs\",[[257,\"gb-file-upload-item-base\",{\"icon\":[1],\"label\":[1],\"showLabel\":[4,\"show-label\"],\"formatLabel\":[4,\"format-label\"],\"state\":[1],\"heightSize\":[1,\"height-size\"],\"fileType\":[1,\"file-type\"],\"progress\":[2],\"fileSize\":[2,\"file-size\"],\"fileName\":[1,\"file-name\"],\"allowedType\":[1,\"allowed-type\"],\"showFileSize\":[4,\"show-file-size\"],\"required\":[4],\"errorSupportingText\":[1,\"error-supporting-text\"],\"internalState\":[32],\"internalProgress\":[32]},null,{\"state\":[\"onStateChange\"],\"progress\":[\"onProgressChange\"],\"fileName\":[\"handleFileNameChange\"]}]]],[\"gb-nav-bar-item.cjs\",[[257,\"gb-nav-bar-item\",{\"state\":[1],\"iconOnly\":[4,\"icon-only\"],\"category\":[1],\"label\":[1],\"icon\":[1],\"leadingIconSvg\":[32],\"showTooltip\":[32]}]]],[\"gb-slider-control-handle.cjs\",[[257,\"gb-slider-control-handle\",{\"value\":[1],\"type\":[1],\"isHovered\":[32],\"isFocused\":[32]}]]],[\"gb-breadcrumb-button-base.cjs\",[[257,\"gb-breadcrumb-button-base\",{\"current\":[4],\"type\":[1],\"icon\":[4],\"label\":[1],\"iconSrc\":[1,\"icon-src\"],\"leadingIconSvg\":[32]}]]],[\"gb-comment-item.cjs\",[[257,\"gb-comment-item\",{\"name\":[1],\"duty\":[1],\"comment\":[1],\"timeStamp\":[1,\"time-stamp\"],\"connector\":[4]}]]],[\"gb-mega-input-field-base.cjs\",[[257,\"gb-mega-input-field-base\",{\"size\":[1],\"state\":[1],\"value\":[1],\"inputValue\":[32],\"focusInput\":[64]},null,{\"value\":[\"onValueChanged\"]}]]],[\"gb-metric-featured-icon.cjs\",[[257,\"gb-metric-featured-icon\",{\"size\":[1],\"color\":[1],\"featuredIconStyle\":[1,\"featured-icon-style\"],\"icon\":[1],\"leadingIconSvg\":[32]}]]],[\"gb-card-icon.cjs\",[[257,\"gb-card-icon\",{\"size\":[1],\"color\":[1],\"icon\":[1],\"leadingIconSvg\":[32]}]]]]"), options);
+  return index.bootstrapLazy(JSON.parse("[[\"gb-accordion-card_91.cjs\",[[257,\"gb-table\",{\"loading\":[4],\"columns\":[16],\"data\":[16],\"gridCardConfig\":[16],\"tableHeaderConfig\":[16],\"paginationConfig\":[16],\"emptyStateConfig\":[16],\"filterConfig\":[16],\"showActionsColumn\":[4,\"show-actions-column\"],\"rowActions\":[16],\"dropdownOptions\":[16],\"stickyFirstColumn\":[4,\"sticky-first-column\"],\"stickyLastColumn\":[4,\"sticky-last-column\"],\"showCheckbox\":[4,\"show-checkbox\"],\"showCheckboxOn\":[1,\"show-checkbox-on\"],\"rowCheckboxDisabled\":[4,\"row-checkbox-disabled\"],\"tableHeadColor\":[1,\"table-head-color\"],\"rowKey\":[1,\"row-key\"],\"tableHeaderType\":[1,\"table-header-type\"],\"renderCustomActions\":[16],\"slicedData\":[32],\"internalCurrentPage\":[32],\"internalPageSize\":[32],\"openRowIndex\":[32],\"dropdownPlacement\":[32],\"sortKey\":[32],\"sortDirection\":[32],\"selectedRowIds\":[32],\"breakpoint\":[32],\"isMobile\":[32],\"isScrollable\":[32],\"showColumnsPanel\":[32],\"showFilterModal\":[32],\"internalColumns\":[32],\"modalPosition\":[32],\"showFilterModalInternal\":[32],\"isFilterModalVisible\":[32],\"isGridModalVisible\":[32],\"internalLoading\":[32],\"currentTableLayout\":[32],\"showGridCardModal\":[32],\"appliedFilterValues\":[32],\"searchTerm\":[32],\"showToast\":[32],\"filterMessage\":[32],\"toastVisible\":[32],\"handleAction\":[64]},[[9,\"resize\",\"checkViewport\"]],{\"data\":[\"onDataChange\"],\"paginationConfig\":[\"handlePaginationConfigChange\"],\"loading\":[\"onLoadingChange\"],\"columns\":[\"validateMobilePositions\"]}],[257,\"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\"],\"showLogo\":[4,\"show-logo\"],\"showSearch\":[4,\"show-search\"],\"inputPlaceholder\":[1,\"input-placeholder\"],\"inputIcon\":[1,\"input-icon\"],\"avatarDropdownType\":[1,\"avatar-dropdown-type\"],\"listGroupOne\":[16],\"listGroupTwo\":[16],\"showThemeTab\":[4,\"show-theme-tab\"],\"showProfile\":[4,\"show-profile\"],\"showRoles\":[4,\"show-roles\"],\"roles\":[16],\"showLogOut\":[4,\"show-log-out\"],\"showLogError\":[4,\"show-log-error\"],\"notificationState\":[1,\"notification-state\"],\"notifications\":[1040],\"currentTheme\":[1,\"current-theme\"],\"contactHelpDropdown\":[4,\"contact-help-dropdown\"],\"contactHelpDropdownItems\":[16],\"initials\":[32],\"width\":[32],\"activeDropdown\":[32],\"breakpoint\":[32],\"searchBarShown\":[32],\"showSearchButton\":[32]},[[4,\"click\",\"handleClickOutside\"]]],[256,\"gb-rich-text\",{\"label\":[1],\"placeholder\":[1],\"showHintText\":[4,\"show-hint-text\"],\"hintText\":[1,\"hint-text\"],\"value\":[8],\"disabled\":[4],\"destructive\":[4],\"errorText\":[1,\"error-text\"],\"disabledIcons\":[1,\"disabled-icons\"],\"isFocused\":[32],\"isBold\":[32],\"isItalic\":[32],\"isH1\":[32],\"isH2\":[32],\"isUnderline\":[32],\"isQuote\":[32],\"isLink\":[32],\"isBulletList\":[32],\"isOrderedList\":[32],\"attachments\":[32],\"getRichTextHTML\":[64],\"clearContent\":[64]},null,{\"value\":[\"handleValueChange\"]}],[257,\"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\"],\"subMenuData\":[16],\"activeIndex\":[1026,\"active-index\"],\"activePrimaryItem\":[1025,\"active-primary-item\"],\"activeSecondaryIndex\":[1026,\"active-secondary-index\"],\"activeSubMenuParentIndex\":[1026,\"active-sub-menu-parent-index\"],\"activeSubMenuChildIndex\":[1026,\"active-sub-menu-child-index\"],\"hasInfo\":[4,\"has-info\"],\"email\":[1],\"phoneNumber\":[1,\"phone-number\"],\"theme\":[1],\"simpleSidebarWidth\":[1,\"simple-sidebar-width\"],\"applicationName\":[32],\"isDarkTheme\":[32],\"expandedSubMenuIndex\":[32],\"leadingIconSvg\":[32],\"sideBarItemClicked\":[64]},[[4,\"click\",\"handleCollapsedDropdownOutsideClick\"]],{\"activeSubMenuParentIndex\":[\"handleActiveSubMenuParentIndexChange\"],\"theme\":[\"changeTheme\"]}],[257,\"gb-detail-cell\",{\"state\":[1],\"cellStyle\":[1025,\"cell-style\"],\"type\":[1],\"label\":[1],\"detail\":[1],\"badgeIcon\":[1,\"badge-icon\"],\"badgeIconLeading\":[1,\"badge-icon-leading\"],\"badgeIconTrailing\":[1,\"badge-icon-trailing\"],\"badgeColor\":[1,\"badge-color\"],\"badgeLabel\":[1,\"badge-label\"],\"badgeType\":[1,\"badge-type\"],\"fileType\":[1,\"file-type\"],\"fileStyle\":[1,\"file-style\"],\"showActionButtons\":[4,\"show-action-buttons\"],\"showViewButton\":[4,\"show-view-button\"],\"showDownloadButton\":[4,\"show-download-button\"],\"showEditButton\":[4,\"show-edit-button\"],\"showCopyButton\":[1028,\"show-copy-button\"],\"buttonText\":[1,\"button-text\"],\"tags\":[16],\"showSupportingText\":[4,\"show-supporting-text\"],\"supportingText\":[1,\"supporting-text\"],\"showBorderBottom\":[4,\"show-border-bottom\"],\"tagIcon\":[1,\"tag-icon\"],\"tagAction\":[1,\"tag-action\"],\"tagCheckbox\":[4,\"tag-checkbox\"],\"tagFlagSwap\":[1,\"tag-flag-swap\"],\"showStandardCopyButton\":[32],\"showTooltip\":[32],\"copied\":[32],\"isDownloaded\":[32],\"width\":[32]}],[257,\"gb-modal\",{\"width\":[1],\"footer\":[4],\"closeButtonPosition\":[1,\"close-button-position\"],\"heading\":[1],\"actionType\":[1,\"action-type\"],\"fullWidth\":[4,\"full-width\"],\"destructive\":[4],\"firstButtonText\":[1,\"first-button-text\"],\"secondButtonText\":[1,\"second-button-text\"],\"thirdButtonText\":[1,\"third-button-text\"],\"firstButtonState\":[1,\"first-button-state\"],\"secondButtonState\":[1,\"second-button-state\"],\"thirdButtonState\":[1,\"third-button-state\"],\"firstButtonIconLeadingSwap\":[1,\"first-button-icon-leading-swap\"],\"secondButtonIconLeadingSwap\":[1,\"second-button-icon-leading-swap\"],\"thirdButtonIconLeadingSwap\":[1,\"third-button-icon-leading-swap\"],\"firstButtonIconTrailingSwap\":[1,\"first-button-icon-trailing-swap\"],\"secondButtonIconTrailingSwap\":[1,\"second-button-icon-trailing-swap\"],\"thirdButtonIconTrailingSwap\":[1,\"third-button-icon-trailing-swap\"],\"showSecondaryActions\":[4,\"show-secondary-actions\"],\"showFirstIconButton\":[4,\"show-first-icon-button\"],\"showSecondIconButton\":[4,\"show-second-icon-button\"],\"firstIconButtonSwap\":[1,\"first-icon-button-swap\"],\"secondIconButtonSwap\":[1,\"second-icon-button-swap\"],\"showCheckBox\":[4,\"show-check-box\"],\"checkboxLabel\":[1,\"checkbox-label\"],\"hasFooterSlot\":[32]}],[257,\"gb-nav-bar-sidemenu\",{\"applicationName\":[1,\"application-name\"],\"applicationIcon\":[1,\"application-icon\"],\"activeIndex\":[2,\"active-index\"],\"tabs\":[16],\"leadingIconSvg\":[32]}],[257,\"gb-horizontal-tabs\",{\"type\":[1],\"size\":[1],\"fullWidth\":[4,\"full-width\"],\"badge\":[4],\"truncate\":[4],\"activeIndex\":[1026,\"active-index\"],\"tabs\":[16],\"internalTabs\":[32],\"internalActiveIndex\":[32],\"width\":[32],\"showLeftButton\":[32],\"showRightButton\":[32]},[[9,\"resize\",\"updateScrollButtons\"]],{\"activeIndex\":[\"setActiveIndex\"],\"tabs\":[\"onTabsChanged\"]}],[257,\"gb-avatar-group\",{\"size\":[1],\"moreUsers\":[4,\"more-users\"],\"addMoreButton\":[4,\"add-more-button\"],\"text\":[4],\"state\":[1],\"images\":[16]}],[257,\"gb-prompt-modal\",{\"showCheckBox\":[4,\"show-check-box\"],\"heading\":[1],\"supportingText\":[1,\"supporting-text\"],\"destructive\":[4],\"iconInstance\":[1,\"icon-instance\"],\"checkboxLabel\":[1,\"checkbox-label\"],\"primaryButtonText\":[1,\"primary-button-text\"],\"primaryButtonState\":[1,\"primary-button-state\"],\"secondaryButtonText\":[1,\"secondary-button-text\"],\"checked\":[4],\"checkboxState\":[1,\"checkbox-state\"],\"leadingIconSvg\":[32]}],[257,\"gb-avatar-profile-photo\",{\"placeholder\":[4],\"text\":[4],\"size\":[1],\"verified\":[4],\"icon\":[1]}],[257,\"gb-stepper-horizontal-icons-centered\",{\"size\":[1],\"steps\":[16],\"type\":[1],\"breakpoint\":[32],\"width\":[32]},[[9,\"resize\",\"handleResize\"]]],[257,\"gb-stepper-horizontal-line-with-text\",{\"size\":[1],\"breakpoint\":[1],\"showContent\":[4,\"show-content\"],\"showSupportingText\":[1028,\"show-supporting-text\"],\"steps\":[16],\"internalSteps\":[32],\"width\":[32],\"internalState\":[32],\"internalStatus\":[32]},null,{\"steps\":[\"onStepsChanged\"]}],[257,\"gb-stepper-vertical-icons-with-text\",{\"size\":[1],\"connector\":[4],\"type\":[1],\"steps\":[16],\"internalSteps\":[32],\"internalState\":[32],\"internalStatus\":[32]},null,{\"steps\":[\"onStepsChanged\"]}],[257,\"gb-accordion-card\",{\"heading\":[1],\"state\":[1],\"internalState\":[32]},null,{\"state\":[\"onStateChange\"]}],[257,\"gb-stepper-horizontal-minimal-icons\",{\"size\":[1],\"text\":[4],\"stepLabel\":[1,\"step-label\"],\"steps\":[16],\"position\":[1]}],[257,\"gb-app-name-card\",{\"appName\":[1,\"app-name\"],\"appIcon\":[1,\"app-icon\"],\"category\":[1],\"hasInfo\":[4,\"has-info\"],\"email\":[1],\"phoneNumber\":[1,\"phone-number\"],\"leadingIconSvg\":[32]}],[256,\"gb-carousel-arrow\",{\"size\":[1],\"chevron\":[1]}],[256,\"gb-pagination-dot-indicator\",{\"current\":[4],\"type\":[1],\"size\":[1]}],[257,\"gb-table-header\",{\"type\":[1],\"showFilter\":[4,\"show-filter\"],\"showColumnOptions\":[4,\"show-column-options\"],\"tableHeading\":[4,\"table-heading\"],\"tableHeadingLabel\":[1,\"table-heading-label\"],\"showSearch\":[4,\"show-search\"],\"showExport\":[4,\"show-export\"],\"showRefreshButton\":[4,\"show-refresh-button\"],\"showLayoutToggle\":[4,\"show-layout-toggle\"],\"filterState\":[1,\"filter-state\"],\"filterCount\":[2,\"filter-count\"],\"showEntireData\":[4,\"show-entire-data\"],\"exportButtonState\":[1,\"export-button-state\"],\"pdfState\":[1,\"pdf-state\"],\"csvState\":[1,\"csv-state\"],\"showDateFilter\":[4,\"show-date-filter\"],\"mode\":[1],\"format\":[1],\"datePickerDisabled\":[4,\"date-picker-disabled\"],\"datePickerPlaceholder\":[1,\"date-picker-placeholder\"],\"datePickerIconPosition\":[1,\"date-picker-icon-position\"],\"datePickerDropdownPosition\":[1,\"date-picker-dropdown-position\"],\"exportDropdownPosition\":[1,\"export-dropdown-position\"],\"enableTime\":[4,\"enable-time\"],\"noCalendar\":[4,\"no-calendar\"],\"twentyfourHr\":[4,\"twentyfour-hr\"],\"showMonths\":[2,\"show-months\"],\"inputPlaceholder\":[1,\"input-placeholder\"],\"pdfSubDropdown\":[4,\"pdf-sub-dropdown\"],\"csvSubDropdown\":[4,\"csv-sub-dropdown\"],\"dateValue\":[1,\"date-value\"],\"items\":[32],\"width\":[32],\"buttonIcon\":[32],\"showExportDropdown\":[32],\"isDatePickerShown\":[32],\"isDatePickerFullWidth\":[32]},[[9,\"resize\",\"handleResize\"],[4,\"click\",\"handleClickOutside\"]]],[257,\"gb-pagination\",{\"type\":[1],\"shape\":[1],\"breakpoint\":[1025],\"currentPage\":[1026,\"current-page\"],\"totalPages\":[1026,\"total-pages\"],\"entries\":[1040],\"entriesDropdownMenuPosition\":[1,\"entries-dropdown-menu-position\"],\"selectedPageSize\":[32],\"defaultSelected\":[32],\"pages\":[32],\"width\":[32],\"internalTotalPages\":[32]},null,{\"totalPages\":[\"onTotalPagesChange\"]}],[257,\"gb-wysiwyg-toolbar\",{\"fontSelector\":[4,\"font-selector\"],\"disabledIcons\":[1,\"disabled-icons\"],\"isBold\":[4,\"is-bold\"],\"isItalic\":[4,\"is-italic\"],\"isUnderline\":[4,\"is-underline\"],\"isH1\":[4,\"is-h-1\"],\"isH2\":[4,\"is-h-2\"],\"isQuote\":[4,\"is-quote\"],\"isLink\":[4,\"is-link\"],\"isBulletList\":[4,\"is-bullet-list\"],\"isOrderedList\":[4,\"is-ordered-list\"],\"isAttachment\":[4,\"is-attachment\"],\"isPhoto\":[4,\"is-photo\"],\"_isBold\":[32],\"_isItalic\":[32],\"_isUnderline\":[32],\"_isH1\":[32],\"_isH2\":[32],\"_isQuote\":[32],\"_isLink\":[32],\"_isBulletList\":[32],\"_isOrderedList\":[32]},null,{\"isBold\":[\"onBoldChange\"],\"isItalic\":[\"onItalicChange\"],\"isUnderline\":[\"onUnderlineChange\"],\"isH1\":[\"onH1Change\"],\"isH2\":[\"onH2Change\"],\"isQuote\":[\"onQuoteChange\"],\"isLink\":[\"onLinkChange\"],\"isBulletList\":[\"onBulletListChange\"],\"isOrderedList\":[\"onOrderedListChange\"]}],[257,\"gb-avatar-dropdown\",{\"type\":[1],\"text\":[4],\"showProfile\":[4,\"show-profile\"],\"showThemeTab\":[4,\"show-theme-tab\"],\"showRoles\":[4,\"show-roles\"],\"roles\":[16],\"showLogOut\":[4,\"show-log-out\"],\"listGroupOne\":[16],\"listGroupTwo\":[16],\"color\":[1],\"showBorder\":[4,\"show-border\"],\"currentTheme\":[1,\"current-theme\"]}],[257,\"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\"],\"errorText\":[1,\"error-text\"],\"idOfInput\":[513,\"id-of-input\"],\"isReadOnly\":[516,\"is-read-only\"],\"value\":[1040],\"icon\":[1],\"results\":[1040],\"inputValue\":[1025,\"input-value\"],\"content\":[32],\"selectedStaff\":[32],\"paddingLeft\":[32],\"paddingTop\":[32],\"show\":[32],\"staffInfo\":[32],\"selectedItems\":[32],\"unselectedItems\":[32]},[[4,\"click\",\"handleClickOutside\"]],{\"value\":[\"updateSelectedItems\"]}],[257,\"gb-filter-modal\",{\"filterConfig\":[16],\"formValues\":[32],\"renderKey\":[32],\"isMobile\":[32],\"sheetVisible\":[32]},[[9,\"resize\",\"checkViewport\"]]],[257,\"gb-checkbox-group-item\",{\"size\":[1],\"type\":[1],\"state\":[1],\"breakpoint\":[1],\"showCost\":[4,\"show-cost\"],\"selected\":[1028],\"showButton\":[4,\"show-button\"],\"buttonText\":[1,\"button-text\"],\"icon\":[1],\"checkboxType\":[1,\"checkbox-type\"],\"leadingIconSvg\":[32]}],[257,\"gb-empty-state\",{\"size\":[1],\"icon\":[1],\"color\":[1],\"theme\":[1],\"illustrationStyle\":[1,\"illustration-style\"],\"illustrationIcon\":[1,\"illustration-icon\"],\"background\":[4],\"backgroundType\":[1,\"background-type\"],\"primaryButtonText\":[1,\"primary-button-text\"],\"secondaryButtonText\":[1,\"secondary-button-text\"],\"primaryButtonState\":[1,\"primary-button-state\"],\"primaryButtonIconLeadingSwap\":[1,\"primary-button-icon-leading-swap\"],\"primaryButtonIconTrailingSwap\":[1,\"primary-button-icon-trailing-swap\"],\"secondaryButtonIconLeadingSwap\":[1,\"secondary-button-icon-leading-swap\"],\"secondaryButtonIconTrailingSwap\":[1,\"secondary-button-icon-trailing-swap\"],\"mainText\":[1,\"main-text\"],\"supportingText\":[1,\"supporting-text\"],\"fileStyle\":[1,\"file-style\"],\"fileType\":[1,\"file-type\"],\"featuredIconSwap\":[1,\"featured-icon-swap\"],\"buttonFullWidth\":[4,\"button-full-width\"],\"isDarkTheme\":[32],\"patternKey\":[32]},null,{\"theme\":[\"onThemeChanged\"]}],[257,\"gb-simple-side-bar-item\",{\"state\":[1],\"type\":[1],\"label\":[1],\"icon\":[1],\"secondaryIcon\":[1,\"secondary-icon\"],\"category\":[1],\"showSecondaryIcon\":[4,\"show-secondary-icon\"],\"showBadge\":[4,\"show-badge\"],\"showTooltip\":[1028,\"show-tooltip\"],\"subMenu\":[4,\"sub-menu\"],\"leadingIconSvg\":[32],\"secondaryIconSvg\":[32],\"internalIcon\":[32]},null,{\"icon\":[\"updateSidebarIcon\"]}],[257,\"gb-vertical-tabs\",{\"size\":[1],\"type\":[1],\"activeIndex\":[1026,\"active-index\"],\"tabs\":[16],\"truncate\":[4],\"internalTabs\":[32]},null,{\"tabs\":[\"onTabsChanged\"]}],[257,\"gb-toast\",{\"color\":[1025],\"mainText\":[1,\"main-text\"],\"supportingText\":[1,\"supporting-text\"],\"size\":[1],\"breakpoint\":[1025],\"icon\":[1],\"xCloseButton\":[4,\"x-close-button\"],\"actions\":[4],\"showSupportingText\":[4,\"show-supporting-text\"],\"firstActionText\":[1,\"first-action-text\"],\"secondActionText\":[1,\"second-action-text\"],\"internalColor\":[32],\"internalMainText\":[32],\"internalSupportingText\":[32],\"width\":[32]},null,{\"mainText\":[\"onMainTextChange\"],\"supportingText\":[\"onSupportingTextChange\"],\"color\":[\"onColorChange\"]}],[257,\"gb-contact-help-dropdown\",{\"items\":[16]}],[257,\"gb-help-dropdown\",{\"showLogError\":[4,\"show-log-error\"]}],[257,\"gb-notification-pane\",{\"state\":[1],\"notifications\":[1040]}],[257,\"gb-sidebar-sub-dropdown\",{\"type\":[1],\"menuItem\":[16],\"menuIndex\":[2,\"menu-index\"],\"isExpanded\":[4,\"is-expanded\"],\"isParentActive\":[4,\"is-parent-active\"],\"activeChildIndex\":[2,\"active-child-index\"]}],[257,\"gb-avatar-add-button\",{\"size\":[1],\"showToolTip\":[1028,\"show-tool-tip\"],\"state\":[1],\"el\":[16]}],[257,\"gb-complex-primary-side-bar-item\",{\"category\":[1],\"itemStyle\":[1,\"item-style\"],\"state\":[1],\"icon\":[1],\"label\":[1],\"showTooltip\":[1028,\"show-tooltip\"],\"leadingIconSvg\":[32]}],[257,\"gb-complex-secondary-side-bar-item\",{\"state\":[1],\"type\":[1],\"category\":[1],\"label\":[1],\"icon\":[1],\"showTooltip\":[1028,\"show-tooltip\"],\"leadingIconSvg\":[32]}],[257,\"gb-toggle\",{\"size\":[1],\"state\":[1],\"text\":[4],\"supportingText\":[4,\"supporting-text\"],\"pressed\":[4],\"position\":[1]}],[257,\"gb-header-icon\",{\"state\":[1],\"showIndicator\":[4,\"show-indicator\"],\"icon\":[1],\"leadingIconSvg\":[32]}],[257,\"gb-filter-button\",{\"state\":[1],\"iconOnly\":[4,\"icon-only\"]}],[257,\"gb-avatar-label-group\",{\"size\":[1],\"statusIcon\":[1,\"status-icon\"],\"state\":[1],\"placeholder\":[4],\"text\":[4],\"color\":[1],\"showBorder\":[4,\"show-border\"]}],[321,\"gb-button-group\",{\"items\":[16],\"icon\":[1],\"showLabel\":[4,\"show-label\"],\"label\":[1],\"internalItems\":[32],\"selectedValue\":[32]},null,{\"items\":[\"onItemsUpdated\"]}],[257,\"gb-export-dropdown\",{\"state\":[1],\"showEntireData\":[4,\"show-entire-data\"],\"pdfState\":[1,\"pdf-state\"],\"csvState\":[1,\"csv-state\"],\"pdfSubDropdown\":[4,\"pdf-sub-dropdown\"],\"csvSubDropdown\":[4,\"csv-sub-dropdown\"],\"showFirstSubDropdown\":[32],\"showSecondSubDropdown\":[32]}],[257,\"gb-theme-tab\",{\"theme\":[1025],\"currentActiveTab\":[1025,\"current-active-tab\"]}],[257,\"gb-collapse-button\",{\"color\":[1],\"isCollapsed\":[1028,\"is-collapsed\"],\"action\":[1025],\"isHovered\":[1028,\"is-hovered\"],\"direction\":[1],\"icon\":[1],\"leadingIconSvg\":[32],\"collapseSidebar\":[64],\"expandSidebar\":[64]}],[257,\"gb-illustration\",{\"size\":[1],\"color\":[1],\"illustrationStyle\":[1,\"illustration-style\"],\"illustrationIcon\":[1,\"illustration-icon\"],\"theme\":[1],\"leadingIconSvg\":[32]}],[257,\"gb-notification-content\",{\"icon\":[1],\"label\":[1],\"time\":[1],\"supportingText\":[1,\"supporting-text\"]}],[257,\"gb-pagination-button-group-base\",{\"icon\":[1],\"state\":[1],\"iconSrc\":[1,\"icon-src\"],\"leadingIconSvg\":[32]}],[257,\"gb-pagination-number-base\",{\"shape\":[1],\"state\":[1]}],[257,\"gb-pattern\",{\"type\":[1],\"theme\":[1],\"isDarkTheme\":[32]},null,{\"theme\":[\"changeTheme\"]}],[257,\"gb-sidebar-base-item\",{\"state\":[1],\"type\":[1],\"label\":[1],\"icon\":[1],\"selected\":[4],\"showDropdownArrow\":[4,\"show-dropdown-arrow\"],\"leadingIconSvg\":[32]}],[257,\"gb-sidebar-child-item\",{\"state\":[1],\"type\":[1],\"label\":[1],\"icon\":[1],\"selected\":[4],\"leadingIconSvg\":[32]}],[257,\"gb-toast-button\",{\"state\":[1],\"color\":[1]}],[257,\"gb-toggle-base\",{\"size\":[1],\"state\":[1],\"pressed\":[1028]}],[257,\"gb-tab-button-base\",{\"current\":[4],\"size\":[1],\"fullWidth\":[4,\"full-width\"],\"badge\":[4],\"type\":[1],\"tabName\":[1,\"tab-name\"],\"alignment\":[1],\"truncate\":[4]}],[257,\"gb-date-picker\",{\"size\":[1],\"placeholder\":[1],\"value\":[1],\"format\":[1],\"mode\":[1],\"disabled\":[4],\"iconPosition\":[1,\"icon-position\"],\"dropdownAlignment\":[1,\"dropdown-alignment\"],\"label\":[1],\"formatLabel\":[4,\"format-label\"],\"allowInput\":[4,\"allow-input\"],\"enableTime\":[4,\"enable-time\"],\"noCalendar\":[4,\"no-calendar\"],\"twentyfourHr\":[4,\"twentyfour-hr\"],\"showMonths\":[2,\"show-months\"],\"fullWidth\":[4,\"full-width\"],\"default\":[4],\"disabledDates\":[16],\"destructive\":[4],\"showHintText\":[4,\"show-hint-text\"],\"hintText\":[1,\"hint-text\"],\"errorText\":[1,\"error-text\"],\"isCalendarShown\":[32],\"breakpoint\":[32],\"width\":[32],\"displayValue\":[32],\"selectionSource\":[32]},null,{\"value\":[\"handleValueChange\"],\"displayValue\":[\"handleDisplayValueChange\"]}],[257,\"gb-button-group-base\",{\"current\":[4],\"icon\":[1],\"state\":[1],\"label\":[1],\"iconSrc\":[1,\"icon-src\"],\"leadingIconSvg\":[32]}],[257,\"gb-step-base\",{\"status\":[1],\"size\":[1],\"type\":[1],\"state\":[1],\"connector\":[4],\"showContent\":[4,\"show-content\"],\"showSupportingText\":[4,\"show-supporting-text\"],\"label\":[1],\"supportingText\":[1,\"supporting-text\"],\"breakpoint\":[1],\"internalState\":[32],\"internalStatus\":[32]},null,{\"status\":[\"onStatusChange\"],\"state\":[\"onStateChange\"]}],[257,\"gb-export-sub-dropdown\",{\"showEntireData\":[4,\"show-entire-data\"]}],[257,\"gb-icon-button-base\",{\"current\":[4],\"icon\":[1],\"label\":[1],\"leadingIconSvg\":[32],\"showTooltip\":[32]}],[257,\"gb-export-dropdown-item\",{\"icon\":[4],\"state\":[1],\"type\":[1],\"subMenu\":[4,\"sub-menu\"]}],[257,\"gb-wysiwyg-editor-icon\",{\"active\":[4],\"type\":[1],\"state\":[1],\"_active\":[32]},null,{\"active\":[\"onActiveChange\"]}],[257,\"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\"],\"iconSearch\":[4,\"icon-search\"],\"inputValue\":[1,\"input-value\"],\"destructive\":[1028],\"errorText\":[1,\"error-text\"],\"loading\":[1028],\"formatLabel\":[4,\"format-label\"],\"labelKey\":[1,\"label-key\"],\"supportingTextKey\":[1,\"supporting-text-key\"],\"valueKey\":[1,\"value-key\"],\"leadingIconSvg\":[32],\"dropdownOpen\":[32],\"selectedItem\":[32],\"selectedItems\":[32],\"unselectedItems\":[32],\"searchItem\":[32],\"searchResults\":[32],\"internalItems\":[32],\"showCloseButton\":[32],\"internalLoading\":[32],\"dropdownPlacement\":[32],\"clearSelection\":[64],\"isDestructive\":[64],\"isNotDestructive\":[64]},[[4,\"click\",\"handleClickOutside\"],[4,\"gbInputDropdownOpened\",\"handleOtherDropdownOpened\"]],{\"items\":[\"updateResultsAndShowInDropdown\",\"syncSelectedItems\"],\"loading\":[\"onLoadingChanged\"],\"destructive\":[\"watchDestructive\"],\"value\":[\"syncSelectedItems\"]}],[257,\"gb-modal-action\",{\"actionType\":[1,\"action-type\"],\"destructive\":[4],\"fullWidth\":[4,\"full-width\"],\"firstButtonText\":[1,\"first-button-text\"],\"secondButtonText\":[1,\"second-button-text\"],\"thirdButtonText\":[1,\"third-button-text\"],\"firstButtonState\":[1,\"first-button-state\"],\"secondButtonState\":[1,\"second-button-state\"],\"thirdButtonState\":[1,\"third-button-state\"],\"firstButtonIconLeadingSwap\":[1,\"first-button-icon-leading-swap\"],\"secondButtonIconLeadingSwap\":[1,\"second-button-icon-leading-swap\"],\"thirdButtonIconLeadingSwap\":[1,\"third-button-icon-leading-swap\"],\"firstButtonIconTrailingSwap\":[1,\"first-button-icon-trailing-swap\"],\"secondButtonIconTrailingSwap\":[1,\"second-button-icon-trailing-swap\"],\"thirdButtonIconTrailingSwap\":[1,\"third-button-icon-trailing-swap\"],\"showSecondaryActions\":[4,\"show-secondary-actions\"],\"showFirstIconButton\":[4,\"show-first-icon-button\"],\"showSecondIconButton\":[4,\"show-second-icon-button\"],\"firstIconButtonSwap\":[1,\"first-icon-button-swap\"],\"secondIconButtonSwap\":[1,\"second-icon-button-swap\"],\"showCheckBox\":[4,\"show-check-box\"],\"checkboxLabel\":[1,\"checkbox-label\"],\"firstIconButtonTooltipShown\":[32],\"secondIconButtonTooltipShown\":[32]}],[257,\"gb-modal-header\",{\"text\":[1],\"closeButtonPosition\":[513,\"close-button-position\"]}],[257,\"gb-date-picker-list-item\",{\"selected\":[4],\"label\":[1]}],[257,\"gb-export-sub-dropdown-item\",{\"icon\":[1],\"state\":[1],\"leadingIconSvg\":[32]}],[257,\"gb-icon\",{\"iconName\":[1,\"icon-name\"],\"iconStyle\":[1,\"icon-style\"],\"iconType\":[1,\"icon-type\"],\"color\":[1],\"defaultWidth\":[4,\"default-width\"],\"svgContent\":[32]},null,{\"iconName\":[\"onIconSourceChanged\"],\"iconStyle\":[\"onIconSourceChanged\"],\"iconType\":[\"onIconSourceChanged\"]}],[257,\"gb-portal\",{\"anchorId\":[1,\"anchor-id\"],\"placement\":[1],\"open\":[4],\"anchorEl\":[16],\"boundaryEl\":[16],\"dropdownHeight\":[2,\"dropdown-height\"],\"reposition\":[64]},null,{\"open\":[\"onOpenChange\"]}],[257,\"gb-step-icon-base\",{\"size\":[1],\"status\":[1],\"state\":[1],\"internalState\":[32],\"internalStatus\":[32]},null,{\"status\":[\"onStatusChange\"],\"state\":[\"onStateChange\"]}],[257,\"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]}],[257,\"gb-featured-icon\",{\"size\":[1],\"destructive\":[4],\"icon\":[1],\"leadingIconSvg\":[32]}],[257,\"gb-file-type-icon\",{\"fileStyle\":[1,\"file-style\"],\"fileType\":[1,\"file-type\"],\"width\":[1]}],[321,\"gb-input-field\",{\"size\":[1],\"type\":[1],\"inputType\":[1,\"input-type\"],\"minLength\":[2,\"min-length\"],\"maxLength\":[2,\"max-length\"],\"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\":[1025,\"icon-swap\"],\"enableCancelButtonFunction\":[4,\"enable-cancel-button-function\"],\"options\":[1040],\"defaultOption\":[1,\"default-option\"],\"idOfInput\":[513,\"id-of-input\"],\"isReadOnly\":[516,\"is-read-only\"],\"results\":[1040],\"menuPosition\":[1,\"menu-position\"],\"icon\":[1],\"value\":[1032],\"required\":[516],\"loading\":[1028],\"formatLabel\":[4,\"format-label\"],\"formatNumber\":[4,\"format-number\"],\"inputOnlyDisabled\":[4,\"input-only-disabled\"],\"searchMode\":[1,\"search-mode\"],\"allowCustomTags\":[4,\"allow-custom-tags\"],\"focused\":[4],\"filled\":[4],\"showCloseButton\":[32],\"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],\"internalLoading\":[32],\"filteredResults\":[32],\"showGreenFilledBar\":[32],\"isDestructive\":[64],\"isNotDestructive\":[64]},[[4,\"click\",\"handleClickOutside\"]],{\"iconSwap\":[\"iconSwapChanged\"],\"results\":[\"resultsChanged\"],\"options\":[\"optionsChanged\"],\"loading\":[\"onLoadingChanged\"],\"value\":[\"updateSelectedItems\"]}],[257,\"gb-password-button\",{\"state\":[1],\"isPasswordVisible\":[32]}],[257,\"gb-help-tooltip\",{\"arrowPosition\":[1,\"arrow-position\"],\"showSupportingText\":[4,\"show-supporting-text\"],\"tooltipAlignment\":[1,\"tooltip-alignment\"],\"tooltipWidth\":[1,\"tooltip-width\"],\"showHelpTooltip\":[32]}],[257,\"gb-input-dropdown-menu-item\",{\"type\":[1],\"supportingText\":[4,\"supporting-text\"],\"selected\":[1028],\"state\":[1],\"color\":[1],\"iconName\":[1,\"icon-name\"],\"iconLeading\":[4,\"icon-leading\"],\"iconLeadingSwap\":[1,\"icon-leading-swap\"],\"ellipsed\":[4],\"leadingIconSvg\":[32],\"iconPath\":[32]},null,{\"iconName\":[\"onIconSourceChanged\"],\"iconLeadingSwap\":[\"onIconSourceChanged\"]}],[257,\"gb-tag\",{\"size\":[1],\"icon\":[1],\"action\":[1],\"flagSwap\":[1,\"flag-swap\"],\"checkbox\":[4],\"onTagClose\":[64]}],[257,\"gb-button-close\",{\"size\":[1],\"color\":[1]}],[257,\"gb-tag-checkbox\",{\"checked\":[4],\"size\":[1],\"disabled\":[4]}],[257,\"gb-tag-close\",{\"size\":[1]}],[257,\"gb-tag-count\",{\"size\":[1]}],[257,\"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]}],[257,\"gb-badge-close\",{\"color\":[1],\"type\":[1]}],[257,\"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\"],\"tooltipText\":[1,\"tooltip-text\"],\"arrow\":[1],\"event\":[4],\"rounded\":[4],\"iconLeadingStyle\":[1,\"icon-leading-style\"],\"iconLeadingType\":[1,\"icon-leading-type\"],\"iconTrailingStyle\":[1,\"icon-trailing-style\"],\"iconTrailingType\":[1,\"icon-trailing-type\"],\"iconLeadingName\":[1,\"icon-leading-name\"],\"iconTrailingName\":[1,\"icon-trailing-name\"],\"fullWidth\":[4,\"full-width\"],\"iconPath\":[32],\"leadingIconSvg\":[32],\"trailingIconSvg\":[32],\"internalButtonState\":[32],\"internalIconLeadingState\":[32],\"internalIconTrailingState\":[32],\"tooltipShown\":[32],\"getNativeButton\":[64]}],[257,\"gb-checkbox\",{\"checked\":[4],\"indeterminate\":[4],\"size\":[1],\"type\":[1],\"state\":[1],\"text\":[4],\"supportingText\":[4,\"supporting-text\"],\"isChecked\":[32]},null,{\"checked\":[\"onCheckedChanged\"]}],[257,\"gb-checkbox-base\",{\"state\":[1025],\"size\":[1],\"type\":[1],\"checked\":[1028],\"indeterminate\":[1028]}],[257,\"gb-avatar\",{\"size\":[1],\"placeholder\":[4],\"text\":[4],\"statusIcon\":[1,\"status-icon\"],\"state\":[1],\"icon\":[1],\"color\":[1],\"showBorder\":[4,\"show-border\"],\"companyIcon\":[1,\"company-icon\"],\"weight\":[1],\"assignedColorClass\":[32]}],[257,\"gb-avatar-contrast-inner-border\",{\"weight\":[1],\"size\":[1],\"showBorder\":[4,\"show-border\"]}],[257,\"gb-status-indicator\",{\"statusIcon\":[1,\"status-icon\"],\"size\":[1],\"state\":[1],\"indicatorStateClass\":[1,\"indicator-state-class\"],\"companyIcon\":[1,\"company-icon\"]}],[257,\"gb-tooltip\",{\"showArrow\":[4,\"show-arrow\"],\"arrow\":[1],\"showSupportingText\":[4,\"show-supporting-text\"],\"noWrap\":[4,\"no-wrap\"],\"width\":[1]}]]],[\"gb-approval-modal.cjs\",[[257,\"gb-approval-modal\",{\"showDecision\":[4,\"show-decision\"],\"badgeColor\":[1,\"badge-color\"],\"badgeType\":[1,\"badge-type\"],\"badgeIcon\":[1,\"badge-icon\"],\"badgeLabel\":[1,\"badge-label\"],\"firstButtonText\":[1,\"first-button-text\"],\"secondButtonText\":[1,\"second-button-text\"],\"firstButtonState\":[1,\"first-button-state\"],\"headerText\":[1,\"header-text\"],\"textareaLabel\":[1,\"textarea-label\"]}]]],[\"test-input-tag.cjs\",[[256,\"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-checkbox-group.cjs\",[[257,\"gb-checkbox-group\",{\"size\":[1],\"breakpoint\":[1],\"icon\":[1],\"selected\":[4],\"type\":[1]}]]],[\"gb-file-upload.cjs\",[[257,\"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-metric-card.cjs\",[[257,\"gb-metric-card\",{\"size\":[1],\"radius\":[1],\"label\":[1],\"metric\":[1],\"showBadge\":[4,\"show-badge\"],\"featuredIconStyle\":[1,\"featured-icon-style\"],\"featuredIconColor\":[1,\"featured-icon-color\"],\"icon\":[1],\"percentage\":[1]}]]],[\"gb-action-panel.cjs\",[[257,\"gb-action-panel\",{\"type\":[1],\"showCloseButton\":[4,\"show-close-button\"],\"showSelectedRows\":[4,\"show-selected-rows\"],\"showCheckbox\":[4,\"show-checkbox\"],\"firstButton\":[4,\"first-button\"],\"firstButtonIconLeading\":[1,\"first-button-icon-leading\"],\"firstButtonIconTrailing\":[1,\"first-button-icon-trailing\"],\"secondButton\":[4,\"second-button\"],\"secondButtonIconLeading\":[1,\"second-button-icon-leading\"],\"secondButtonIconTrailing\":[1,\"second-button-icon-trailing\"],\"thirdButton\":[4,\"third-button\"],\"thirdButtonIconLeading\":[1,\"third-button-icon-leading\"],\"thirdButtonIconTrailing\":[1,\"third-button-icon-trailing\"],\"showSubmitButton\":[4,\"show-submit-button\"],\"submitButtonIconLeadingSwap\":[1,\"submit-button-icon-leading-swap\"],\"submitButtonIconTrailingSwap\":[1,\"submit-button-icon-trailing-swap\"],\"submitButtonState\":[1,\"submit-button-state\"],\"firstButtonText\":[1,\"first-button-text\"],\"secondButtonText\":[1,\"second-button-text\"],\"thirdButtonText\":[1,\"third-button-text\"],\"firstButtonState\":[1,\"first-button-state\"],\"secondButtonState\":[1,\"second-button-state\"],\"thirdButtonState\":[1,\"third-button-state\"],\"previousButtonState\":[1,\"previous-button-state\"],\"nextButtonState\":[1,\"next-button-state\"],\"showDraftButton\":[4,\"show-draft-button\"],\"submitButtonText\":[1,\"submit-button-text\"],\"showAmount\":[4,\"show-amount\"],\"showFee\":[4,\"show-fee\"],\"amount\":[1],\"fee\":[1],\"checked\":[32],\"internalNextButtonState\":[32]},null,{\"state\":[\"updateButtonState\"]}]]],[\"gb-nav-bar.cjs\",[[257,\"gb-nav-bar\",{\"category\":[1],\"items\":[1040],\"showBorder\":[4,\"show-border\"],\"activeIndex\":[1026,\"active-index\"],\"internalItems\":[32],\"visibleItems\":[32],\"overflowItems\":[32],\"measured\":[32],\"dropdownOpen\":[32],\"dropdownItemClicked\":[32]},null,{\"items\":[\"onItemsChanged\"]}]]],[\"gb-comment.cjs\",[[257,\"gb-comment\",{\"heading\":[1],\"state\":[1025],\"noCommentText\":[1,\"no-comment-text\"],\"noCommentTextSub\":[1,\"no-comment-text-sub\"],\"comments\":[16],\"theme\":[1],\"isDarkTheme\":[32]}]]],[\"gb-slider.cjs\",[[257,\"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\"],\"heading\":[1],\"showHeading\":[4,\"show-heading\"],\"formatHeading\":[4,\"format-heading\"],\"leftValue\":[32],\"rightValue\":[32]}]]],[\"gb-breadcrumbs.cjs\",[[257,\"gb-breadcrumbs\",{\"type\":[1],\"divider\":[1],\"breadcrumbs\":[16],\"icon\":[1],\"visibleBreadcrumbs\":[32]}]]],[\"gb-btn.cjs\",[[257,\"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\"],\"tooltipText\":[1,\"tooltip-text\"],\"arrow\":[1],\"leadingIconSvg\":[32],\"trailingIconSvg\":[32],\"internalButtonState\":[32],\"internalIconLeadingState\":[32],\"internalIconTrailingState\":[32],\"tooltipShown\":[32]}]]],[\"gb-quick-action-card.cjs\",[[257,\"gb-quick-action-card\",{\"color\":[1],\"icon\":[1],\"label\":[1]}]]],[\"gb-quick-action-icon.cjs\",[[257,\"gb-quick-action-icon\",{\"icon\":[1],\"label\":[1],\"isHovered\":[32]}]]],[\"gb-token-field-compressed.cjs\",[[257,\"gb-token-field-compressed\",{\"size\":[1],\"state\":[1],\"digits\":[2],\"showLabel\":[4,\"show-label\"],\"label\":[1],\"showHintText\":[4,\"show-hint-text\"],\"hintText\":[1,\"hint-text\"],\"values\":[32],\"focusedIndex\":[32]}]]],[\"gb-wysiwyg-tooltip.cjs\",[[257,\"gb-wysiwyg-tooltip\",{\"arrow\":[1],\"breakpoint\":[1]}]]],[\"gb-category-card.cjs\",[[257,\"gb-category-card\",{\"label\":[1],\"supportingText\":[1,\"supporting-text\"],\"showSupportingText\":[4,\"show-supporting-text\"],\"cardImage\":[1,\"card-image\"],\"isHovered\":[32]}]]],[\"gb-logo.cjs\",[[257,\"gb-logo\",{\"text\":[4]}]]],[\"gb-pagination-dot-group.cjs\",[[257,\"gb-pagination-dot-group\",{\"size\":[1],\"type\":[1],\"color\":[1],\"framed\":[4]}]]],[\"gb-progress-circle.cjs\",[[257,\"gb-progress-circle\",{\"size\":[1],\"shape\":[1],\"label\":[4],\"progress\":[2]},null,{\"progress\":[\"handleProgressChange\"]}]]],[\"gb-scrollbar.cjs\",[[257,\"gb-scrollbar\",{\"length\":[1]}]]],[\"gb-stepper-horizontal-icons-connected.cjs\",[[257,\"gb-stepper-horizontal-icons-connected\",{\"size\":[1],\"steps\":[16]}]]],[\"gb-token-field-compact.cjs\",[[257,\"gb-token-field-compact\",{\"size\":[1],\"digits\":[2],\"showLabel\":[4,\"show-label\"],\"label\":[1],\"showSupportingText\":[4,\"show-supporting-text\"],\"supportingText\":[1,\"supporting-text\"],\"inputValue\":[32]}]]],[\"gb-progress-bar.cjs\",[[257,\"gb-progress-bar\",{\"progress\":[2],\"showLabel\":[4,\"show-label\"],\"labelPosition\":[1,\"label-position\"]}]]],[\"gb-file-upload-item-base.cjs\",[[257,\"gb-file-upload-item-base\",{\"icon\":[1],\"label\":[1],\"showLabel\":[4,\"show-label\"],\"formatLabel\":[4,\"format-label\"],\"state\":[1],\"heightSize\":[1,\"height-size\"],\"fileType\":[1,\"file-type\"],\"progress\":[2],\"fileSize\":[2,\"file-size\"],\"fileName\":[1,\"file-name\"],\"allowedType\":[1,\"allowed-type\"],\"showFileSize\":[4,\"show-file-size\"],\"required\":[4],\"errorSupportingText\":[1,\"error-supporting-text\"],\"internalState\":[32],\"internalProgress\":[32]},null,{\"state\":[\"onStateChange\"],\"progress\":[\"onProgressChange\"],\"fileName\":[\"handleFileNameChange\"]}]]],[\"gb-nav-bar-item.cjs\",[[257,\"gb-nav-bar-item\",{\"state\":[1],\"iconOnly\":[4,\"icon-only\"],\"category\":[1],\"label\":[1],\"icon\":[1],\"leadingIconSvg\":[32],\"showTooltip\":[32]}]]],[\"gb-slider-control-handle.cjs\",[[257,\"gb-slider-control-handle\",{\"value\":[1],\"type\":[1],\"isHovered\":[32],\"isFocused\":[32]}]]],[\"gb-breadcrumb-button-base.cjs\",[[257,\"gb-breadcrumb-button-base\",{\"current\":[4],\"type\":[1],\"icon\":[4],\"label\":[1],\"iconSrc\":[1,\"icon-src\"],\"leadingIconSvg\":[32]}]]],[\"gb-comment-item.cjs\",[[257,\"gb-comment-item\",{\"name\":[1],\"duty\":[1],\"comment\":[1],\"timeStamp\":[1,\"time-stamp\"],\"connector\":[4]}]]],[\"gb-mega-input-field-base.cjs\",[[257,\"gb-mega-input-field-base\",{\"size\":[1],\"state\":[1],\"value\":[1],\"inputValue\":[32],\"focusInput\":[64]},null,{\"value\":[\"onValueChanged\"]}]]],[\"gb-metric-featured-icon.cjs\",[[257,\"gb-metric-featured-icon\",{\"size\":[1],\"color\":[1],\"featuredIconStyle\":[1,\"featured-icon-style\"],\"icon\":[1],\"leadingIconSvg\":[32]}]]],[\"gb-card-icon.cjs\",[[257,\"gb-card-icon\",{\"size\":[1],\"color\":[1],\"icon\":[1],\"leadingIconSvg\":[32]}]]]]"), options);
 };
 
 exports.setNonce = index.setNonce;

package/dist/collection/components/gb-horizontal-tabs/gb-horizontal-tabs.js

@@ -173,17 +173,11 @@ export class GbHorizontalTabs {
             return;
         // Read current viewport width so behavior updates dynamically on resize
         this.width = window.innerWidth;
-        if (this.width > 768) {
-            const { scrollLeft, scrollWidth, clientWidth } = this.tabContainer;
-            // Only show buttons if overflow exists and the width greater than 768px for screens larger than mobile
-            const isOverflowing = scrollWidth > clientWidth;
-            this.showLeftButton = isOverflowing && scrollLeft > 0;
-            this.showRightButton = isOverflowing && scrollLeft + clientWidth < scrollWidth - 1;
-        }
-        else {
-            this.showLeftButton = false;
-            this.showRightButton = false;
-        }
+        const { scrollLeft, scrollWidth, clientWidth } = this.tabContainer;
+        // Only show buttons if overflow exists and the width greater than 768px for screens larger than mobile
+        const isOverflowing = scrollWidth > clientWidth;
+        this.showLeftButton = isOverflowing && scrollLeft > 0;
+        this.showRightButton = isOverflowing && scrollLeft + clientWidth < scrollWidth - 1;
     }
     setActiveIndex(_oldValue, newValue) {
         this.internalActiveIndex = newValue;
@@ -202,7 +196,7 @@ export class GbHorizontalTabs {
         this.tabItemClicked.emit(index);
     }
     render() {
-        return (h("div", { key: '41941025bb9ebcd726f7fc367bbb375070ae7814', class: `horizontal_tab_div_wrapper ${this.type}` }, this.showLeftButton && (h("div", { key: '609782bfea0f5aa47ea623e5c61b8be5c9686e69', class: "scroll_button_div left" }, h("div", { key: '1866a2d33ad4bc6a7da12805f30db1e13db0ac22', class: "scroll_button", onClick: () => this.scrollLeft() }, h("svg", { key: 'c613e2f39cc92de648e3cab11c47556aff12d324', xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none" }, h("path", { key: 'b27e66cf188515a4f479f44acd269e963be27be4', d: "M15 6C15 6 9.00001 10.4189 9 12C8.99999 13.5812 15 18 15 18", stroke: "var(--color-icon, #4B5565)", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))))), h("div", { key: 'a1e8f72a62751257086624242d3f46393613edd5', class: "horizontal_tab_wrapper", ref: el => (this.tabContainer = el), onScroll: () => this.handleScroll(), onTouchStart: e => this.handleTouchStart(e), onTouchEnd: e => this.handleTouchEnd(e), onMouseDown: e => this.handleMouseDown(e), onMouseUp: e => this.handleMouseUp(e), onMouseLeave: () => this.handleMouseLeave() }, h("div", { key: '50df45a2ea9ef4ef62ae3c158dc4dea1f62c568e', class: `horizontal_tab_div ${this.type} ${this.fullWidth ? 'full_width' : ''}` }, this.internalTabs.map((tab, index) => (h("gb-tab-button-base", { class: `tab_button_base ${this.fullWidth ? 'full_width' : ''}`, size: this.size, "full-width": this.fullWidth, type: this.type === 'button_white_border' ? 'button_white' : this.type === 'rounded_button_white_border' ? 'rounded_button_white' : this.type, onClick: () => this.handleTabClick(index), current: this.internalActiveIndex === index, "tab-name": tab.name, truncate: this.truncate, badge: tab.badgeCount ? true : !tab.badgeCount ? false : this.badge, alignment: "horizontal" }, h("p", { slot: "count" }, tab.badgeCount)))))), this.showRightButton && (h("div", { key: 'af53cf064b9016a76e0594b5eb49bc100b152ce9', class: "scroll_button_div right" }, h("div", { key: '2d8d3d6d9c8c5b3e7b3ba5a5b52dd94df60ea1b9', class: "scroll_button", onClick: () => this.scrollRight() }, h("svg", { key: '746ab0636e0bfc8ce6ea89daad990c2786b2cd6b', xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none" }, h("path", { key: 'a252853c67a977ef4d96080e57238ac4d0ed44b1', d: "M9.00005 6C9.00005 6 15 10.4189 15 12C15 13.5812 9 18 9 18", stroke: "var(--color-icon, #4B5565)", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })))))));
+        return (h("div", { key: 'b60dac37be4babe81e87a8049fe887a91105ec6e', class: `horizontal_tab_div_wrapper ${this.type}` }, this.showLeftButton && (h("div", { key: '6d702018325bfe0e9bfb2f17bcc63f58e0503b72', class: "scroll_button_div left" }, h("div", { key: 'db839493877bbea2c97c1fe87f49cae1c448b43f', class: "scroll_button", onClick: () => this.scrollLeft() }, h("svg", { key: '49db9af396bf16c8bd0cec1538f7c9a668f1f430', xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none" }, h("path", { key: '22ce629ea46407692e1b9a47f3ce655fe3a8246e', d: "M15 6C15 6 9.00001 10.4189 9 12C8.99999 13.5812 15 18 15 18", stroke: "var(--color-icon, #4B5565)", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))))), h("div", { key: '7b1f1ee2abc677b2736c8bfff783230c6bee52ef', class: "horizontal_tab_wrapper", ref: el => (this.tabContainer = el), onScroll: () => this.handleScroll(), onTouchStart: e => this.handleTouchStart(e), onTouchEnd: e => this.handleTouchEnd(e), onMouseDown: e => this.handleMouseDown(e), onMouseUp: e => this.handleMouseUp(e), onMouseLeave: () => this.handleMouseLeave() }, h("div", { key: 'd4b929d907daa724086e91a29d7549a18f0625b2', class: `horizontal_tab_div ${this.type} ${this.fullWidth ? 'full_width' : ''}` }, this.internalTabs.map((tab, index) => (h("gb-tab-button-base", { class: `tab_button_base ${this.fullWidth ? 'full_width' : ''}`, size: this.size, "full-width": this.fullWidth, type: this.type === 'button_white_border' ? 'button_white' : this.type === 'rounded_button_white_border' ? 'rounded_button_white' : this.type, onClick: () => this.handleTabClick(index), current: this.internalActiveIndex === index, "tab-name": tab.name, truncate: this.truncate, badge: tab.badgeCount ? true : !tab.badgeCount ? false : this.badge, alignment: "horizontal" }, h("p", { slot: "count" }, tab.badgeCount)))))), this.showRightButton && (h("div", { key: '5cac2a7866f44a2872192dfa3b741ea79bb0917c', class: "scroll_button_div right" }, h("div", { key: '42377f1155dd2ac31fa6647b533f799abf013f9f', class: "scroll_button", onClick: () => this.scrollRight() }, h("svg", { key: 'ddf5ce439bcdf52fd81dda4057e3854b7155361b', xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none" }, h("path", { key: '83e3ff028318f077539da2c43dc0d7352e1ffbc5', d: "M9.00005 6C9.00005 6 15 10.4189 15 12C15 13.5812 9 18 9 18", stroke: "var(--color-icon, #4B5565)", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })))))));
     }
     static get is() { return "gb-horizontal-tabs"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/gb-horizontal-tabs/gb-horizontal-tabs.js.map

@@ -1 +1 @@
-{"version":3,"file":"gb-horizontal-tabs.js","sourceRoot":"","sources":["../../../src/components/gb-horizontal-tabs/gb-horizontal-tabs.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Event, EventEmitter, Listen, Prop, State, Watch, h } from '@stencil/core';\nimport { GeneralSizes, TabTypes } from '../../models/reusableModels';\n\n@Component({\n  tag: 'gb-horizontal-tabs',\n  styleUrl: 'gb-horizontal-tabs.css',\n  shadow: true,\n})\nexport class GbHorizontalTabs {\n  @Prop() type: TabTypes;\n  @Prop() size: GeneralSizes;\n  @Prop() fullWidth: boolean = false;\n  @Prop() badge: boolean = false;\n  @Prop() truncate: boolean = false;\n  @Prop({ mutable: true }) activeIndex: number;\n  @Prop() tabs: { name: string; index: number; badgeCount?: string }[] = [\n    // {\n    //   name: 'All accounts',\n    //   index: 0,\n    // },\n    // {\n    //   name: 'LCY Accounts',\n    //   index: 1,\n    //   badgeCount: '10',\n    // },\n    // {\n    //   name: 'FCY',\n    //   index: 1,\n    //   badgeCount: '10',\n    // },\n    // {\n    //   name: 'Second',\n    //   index: 1,\n    // },\n    // {\n    //   name: 'Second',\n    //   index: 1,\n    //   badgeCount: '10',\n    // },\n    // {\n    //   name: 'Second',\n    //   index: 1,\n    //   badgeCount: '10',\n    // },\n    // {\n    //   name: 'Second',\n    //   index: 1,\n    //   badgeCount: '10',\n    // },\n    // {\n    //   name: 'Second',\n    //   index: 1,\n    //   badgeCount: '10',\n    // },\n    // {\n    //   name: 'Second',\n    //   index: 1,\n    //   badgeCount: '10',\n    // },\n    // {\n    //   name: 'Second',\n    //   index: 1,\n    //   badgeCount: '10',\n    // },\n    // {\n    //   name: 'Second',\n    //   index: 1,\n    //   badgeCount: '10',\n    // },\n    // {\n    //   name: 'Second',\n    //   index: 1,\n    //   badgeCount: '10',\n    // },\n    // {\n    //   name: 'Second',\n    //   index: 1,\n    //   badgeCount: '10',\n    // },\n    // {\n    //   name: 'Second',\n    //   index: 1,\n    //   badgeCount: '10',\n    // },\n    // {\n    //   name: 'Second',\n    //   index: 1,\n    //   badgeCount: '10',\n    // },\n    // {\n    //   name: 'Second',\n    //   index: 1,\n    //   badgeCount: '10',\n    // },\n    // {\n    //   name: 'Second',\n    //   index: 1,\n    //   badgeCount: '10',\n    // },\n    // {\n    //   name: 'Second',\n    //   index: 1,\n    //   badgeCount: '10',\n    // },\n    // {\n    //   name: 'Second',\n    //   index: 1,\n    //   badgeCount: '10',\n    // },\n  ];\n  @State() internalTabs: { name: string; index: number; badgeCount?: string }[] = [...this.tabs];\n  @State() internalActiveIndex: number = 0;\n  // @State() showScrollButtons: boolean = false;\n  @State() width: number = window.innerWidth;\n  @Event() tabItemClicked: EventEmitter<number>;\n  @State() showLeftButton = false;\n  @State() showRightButton = false;\n  private tabContainer!: HTMLElement;\n  private touchStartX: number = 0;\n  private touchEndX: number = 0;\n  private mouseStartX: number = 0;\n  private isMouseDown: boolean = false;\n\n  componentDidLoad() {\n    this.updateScrollButtons();\n  }\n\n  scrollLeft() {\n    this.tabContainer.scrollBy({ left: -200, behavior: 'smooth' });\n  }\n\n  scrollRight() {\n    this.tabContainer.scrollBy({ left: 200, behavior: 'smooth' });\n  }\n\n  handleScroll() {\n    this.updateScrollButtons();\n  }\n\n  handleTouchStart(e: TouchEvent) {\n    this.touchStartX = e.touches[0].clientX;\n  }\n\n  handleTouchEnd(e: TouchEvent) {\n    this.touchEndX = e.changedTouches[0].clientX;\n    this.handleSwipe();\n  }\n\n  handleSwipe() {\n    const swipeThreshold = 50; // minimum distance for a swipe\n    const diff = this.touchStartX - this.touchEndX;\n\n    if (Math.abs(diff) > swipeThreshold) {\n      if (diff > 0) {\n        // Swiped left, scroll right\n        this.scrollRight();\n      } else {\n        // Swiped right, scroll left\n        this.scrollLeft();\n      }\n    }\n  }\n\n  handleMouseDown(e: MouseEvent) {\n    this.isMouseDown = true;\n    this.mouseStartX = e.clientX;\n  }\n\n  handleMouseUp(e: MouseEvent) {\n    if (!this.isMouseDown) return;\n    this.isMouseDown = false;\n    const mouseEndX = e.clientX;\n    const swipeThreshold = 50;\n    const diff = this.mouseStartX - mouseEndX;\n\n    if (Math.abs(diff) > swipeThreshold) {\n      if (diff > 0) {\n        // Dragged left, scroll right\n        this.scrollRight();\n      } else {\n        // Dragged right, scroll left\n        this.scrollLeft();\n      }\n    }\n  }\n\n  handleMouseLeave() {\n    this.isMouseDown = false;\n  }\n\n  @Listen('resize', { target: 'window' })\n  updateScrollButtons() {\n    if (!this.tabContainer) return;\n\n    // Read current viewport width so behavior updates dynamically on resize\n    this.width = window.innerWidth;\n\n    if (this.width > 768) {\n      const { scrollLeft, scrollWidth, clientWidth } = this.tabContainer;\n\n      // Only show buttons if overflow exists and the width greater than 768px for screens larger than mobile\n      const isOverflowing = scrollWidth > clientWidth;\n      this.showLeftButton = isOverflowing && scrollLeft > 0;\n      this.showRightButton = isOverflowing && scrollLeft + clientWidth < scrollWidth - 1;\n    } else {\n      this.showLeftButton = false;\n      this.showRightButton = false;\n    }\n  }\n\n  @Watch('activeIndex')\n  setActiveIndex(_oldValue: number, newValue: number) {\n    this.internalActiveIndex = newValue;\n  }\n\n  @Watch('tabs')\n  onTabsChanged(newTabs: { name: string; index: number; badgeCount?: string }[]) {\n    this.internalTabs = newTabs;\n  }\n\n  componentWillLoad() {\n    this.internalTabs = this.tabs;\n  }\n\n  componentWillRender() {\n    this.internalActiveIndex = this.activeIndex;\n  }\n\n  async handleTabClick(index: number) {\n    this.activeIndex = index;\n    this.tabItemClicked.emit(index);\n  }\n\n  render() {\n    return (\n      <div class={`horizontal_tab_div_wrapper ${this.type}`}>\n        {this.showLeftButton && (\n          <div class=\"scroll_button_div left\">\n            <div class=\"scroll_button\" onClick={() => this.scrollLeft()}>\n              <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n                <path\n                  d=\"M15 6C15 6 9.00001 10.4189 9 12C8.99999 13.5812 15 18 15 18\"\n                  stroke=\"var(--color-icon, #4B5565)\"\n                  stroke-width=\"1.5\"\n                  stroke-linecap=\"round\"\n                  stroke-linejoin=\"round\"\n                />\n              </svg>\n            </div>\n          </div>\n        )}\n        <div\n          class=\"horizontal_tab_wrapper\"\n          ref={el => (this.tabContainer = el as HTMLElement)}\n          onScroll={() => this.handleScroll()}\n          onTouchStart={e => this.handleTouchStart(e)}\n          onTouchEnd={e => this.handleTouchEnd(e)}\n          onMouseDown={e => this.handleMouseDown(e)}\n          onMouseUp={e => this.handleMouseUp(e)}\n          onMouseLeave={() => this.handleMouseLeave()}\n        >\n          <div class={`horizontal_tab_div ${this.type} ${this.fullWidth ? 'full_width' : ''}`}>\n            {this.internalTabs.map((tab, index) => (\n              <gb-tab-button-base\n                class={`tab_button_base ${this.fullWidth ? 'full_width' : ''}`}\n                size={this.size}\n                full-width={this.fullWidth}\n                type={this.type === 'button_white_border' ? 'button_white' : this.type === 'rounded_button_white_border' ? 'rounded_button_white' : this.type}\n                onClick={() => this.handleTabClick(index)}\n                current={this.internalActiveIndex === index}\n                tab-name={tab.name}\n                truncate={this.truncate}\n                badge={tab.badgeCount ? true : !tab.badgeCount ? false : this.badge}\n                alignment=\"horizontal\"\n              >\n                <p slot=\"count\">{tab.badgeCount}</p>\n              </gb-tab-button-base>\n            ))}\n          </div>\n        </div>\n        {this.showRightButton && (\n          <div class=\"scroll_button_div right\">\n            <div class=\"scroll_button\" onClick={() => this.scrollRight()}>\n              <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n                <path\n                  d=\"M9.00005 6C9.00005 6 15 10.4189 15 12C15 13.5812 9 18 9 18\"\n                  stroke=\"var(--color-icon, #4B5565)\"\n                  stroke-width=\"1.5\"\n                  stroke-linecap=\"round\"\n                  stroke-linejoin=\"round\"\n                />\n              </svg>\n            </div>\n          </div>\n        )}\n      </div>\n    );\n  }\n}\n"]}
+{"version":3,"file":"gb-horizontal-tabs.js","sourceRoot":"","sources":["../../../src/components/gb-horizontal-tabs/gb-horizontal-tabs.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Event, EventEmitter, Listen, Prop, State, Watch, h } from '@stencil/core';\nimport { GeneralSizes, TabTypes } from '../../models/reusableModels';\n\n@Component({\n  tag: 'gb-horizontal-tabs',\n  styleUrl: 'gb-horizontal-tabs.css',\n  shadow: true,\n})\nexport class GbHorizontalTabs {\n  @Prop() type: TabTypes;\n  @Prop() size: GeneralSizes;\n  @Prop() fullWidth: boolean = false;\n  @Prop() badge: boolean = false;\n  @Prop() truncate: boolean = false;\n  @Prop({ mutable: true }) activeIndex: number;\n  @Prop() tabs: { name: string; index: number; badgeCount?: string }[] = [\n    // {\n    //   name: 'All accounts',\n    //   index: 0,\n    // },\n    // {\n    //   name: 'LCY Accounts',\n    //   index: 1,\n    //   badgeCount: '10',\n    // },\n    // {\n    //   name: 'FCY',\n    //   index: 1,\n    //   badgeCount: '10',\n    // },\n    // {\n    //   name: 'Second',\n    //   index: 1,\n    // },\n    // {\n    //   name: 'Second',\n    //   index: 1,\n    //   badgeCount: '10',\n    // },\n    // {\n    //   name: 'Second',\n    //   index: 1,\n    //   badgeCount: '10',\n    // },\n    // {\n    //   name: 'Second',\n    //   index: 1,\n    //   badgeCount: '10',\n    // },\n    // {\n    //   name: 'Second',\n    //   index: 1,\n    //   badgeCount: '10',\n    // },\n    // {\n    //   name: 'Second',\n    //   index: 1,\n    //   badgeCount: '10',\n    // },\n    // {\n    //   name: 'Second',\n    //   index: 1,\n    //   badgeCount: '10',\n    // },\n    // {\n    //   name: 'Second',\n    //   index: 1,\n    //   badgeCount: '10',\n    // },\n    // {\n    //   name: 'Second',\n    //   index: 1,\n    //   badgeCount: '10',\n    // },\n    // {\n    //   name: 'Second',\n    //   index: 1,\n    //   badgeCount: '10',\n    // },\n    // {\n    //   name: 'Second',\n    //   index: 1,\n    //   badgeCount: '10',\n    // },\n    // {\n    //   name: 'Second',\n    //   index: 1,\n    //   badgeCount: '10',\n    // },\n    // {\n    //   name: 'Second',\n    //   index: 1,\n    //   badgeCount: '10',\n    // },\n    // {\n    //   name: 'Second',\n    //   index: 1,\n    //   badgeCount: '10',\n    // },\n    // {\n    //   name: 'Second',\n    //   index: 1,\n    //   badgeCount: '10',\n    // },\n    // {\n    //   name: 'Second',\n    //   index: 1,\n    //   badgeCount: '10',\n    // },\n  ];\n  @State() internalTabs: { name: string; index: number; badgeCount?: string }[] = [...this.tabs];\n  @State() internalActiveIndex: number = 0;\n  // @State() showScrollButtons: boolean = false;\n  @State() width: number = window.innerWidth;\n  @Event() tabItemClicked: EventEmitter<number>;\n  @State() showLeftButton = false;\n  @State() showRightButton = false;\n  private tabContainer!: HTMLElement;\n  private touchStartX: number = 0;\n  private touchEndX: number = 0;\n  private mouseStartX: number = 0;\n  private isMouseDown: boolean = false;\n\n  componentDidLoad() {\n    this.updateScrollButtons();\n  }\n\n  scrollLeft() {\n    this.tabContainer.scrollBy({ left: -200, behavior: 'smooth' });\n  }\n\n  scrollRight() {\n    this.tabContainer.scrollBy({ left: 200, behavior: 'smooth' });\n  }\n\n  handleScroll() {\n    this.updateScrollButtons();\n  }\n\n  handleTouchStart(e: TouchEvent) {\n    this.touchStartX = e.touches[0].clientX;\n  }\n\n  handleTouchEnd(e: TouchEvent) {\n    this.touchEndX = e.changedTouches[0].clientX;\n    this.handleSwipe();\n  }\n\n  handleSwipe() {\n    const swipeThreshold = 50; // minimum distance for a swipe\n    const diff = this.touchStartX - this.touchEndX;\n\n    if (Math.abs(diff) > swipeThreshold) {\n      if (diff > 0) {\n        // Swiped left, scroll right\n        this.scrollRight();\n      } else {\n        // Swiped right, scroll left\n        this.scrollLeft();\n      }\n    }\n  }\n\n  handleMouseDown(e: MouseEvent) {\n    this.isMouseDown = true;\n    this.mouseStartX = e.clientX;\n  }\n\n  handleMouseUp(e: MouseEvent) {\n    if (!this.isMouseDown) return;\n    this.isMouseDown = false;\n    const mouseEndX = e.clientX;\n    const swipeThreshold = 50;\n    const diff = this.mouseStartX - mouseEndX;\n\n    if (Math.abs(diff) > swipeThreshold) {\n      if (diff > 0) {\n        // Dragged left, scroll right\n        this.scrollRight();\n      } else {\n        // Dragged right, scroll left\n        this.scrollLeft();\n      }\n    }\n  }\n\n  handleMouseLeave() {\n    this.isMouseDown = false;\n  }\n\n  @Listen('resize', { target: 'window' })\n  updateScrollButtons() {\n    if (!this.tabContainer) return;\n\n    // Read current viewport width so behavior updates dynamically on resize\n    this.width = window.innerWidth;\n\n    const { scrollLeft, scrollWidth, clientWidth } = this.tabContainer;\n\n    // Only show buttons if overflow exists and the width greater than 768px for screens larger than mobile\n    const isOverflowing = scrollWidth > clientWidth;\n    this.showLeftButton = isOverflowing && scrollLeft > 0;\n    this.showRightButton = isOverflowing && scrollLeft + clientWidth < scrollWidth - 1;\n  }\n\n  @Watch('activeIndex')\n  setActiveIndex(_oldValue: number, newValue: number) {\n    this.internalActiveIndex = newValue;\n  }\n\n  @Watch('tabs')\n  onTabsChanged(newTabs: { name: string; index: number; badgeCount?: string }[]) {\n    this.internalTabs = newTabs;\n  }\n\n  componentWillLoad() {\n    this.internalTabs = this.tabs;\n  }\n\n  componentWillRender() {\n    this.internalActiveIndex = this.activeIndex;\n  }\n\n  async handleTabClick(index: number) {\n    this.activeIndex = index;\n    this.tabItemClicked.emit(index);\n  }\n\n  render() {\n    return (\n      <div class={`horizontal_tab_div_wrapper ${this.type}`}>\n        {this.showLeftButton && (\n          <div class=\"scroll_button_div left\">\n            <div class=\"scroll_button\" onClick={() => this.scrollLeft()}>\n              <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n                <path\n                  d=\"M15 6C15 6 9.00001 10.4189 9 12C8.99999 13.5812 15 18 15 18\"\n                  stroke=\"var(--color-icon, #4B5565)\"\n                  stroke-width=\"1.5\"\n                  stroke-linecap=\"round\"\n                  stroke-linejoin=\"round\"\n                />\n              </svg>\n            </div>\n          </div>\n        )}\n        <div\n          class=\"horizontal_tab_wrapper\"\n          ref={el => (this.tabContainer = el as HTMLElement)}\n          onScroll={() => this.handleScroll()}\n          onTouchStart={e => this.handleTouchStart(e)}\n          onTouchEnd={e => this.handleTouchEnd(e)}\n          onMouseDown={e => this.handleMouseDown(e)}\n          onMouseUp={e => this.handleMouseUp(e)}\n          onMouseLeave={() => this.handleMouseLeave()}\n        >\n          <div class={`horizontal_tab_div ${this.type} ${this.fullWidth ? 'full_width' : ''}`}>\n            {this.internalTabs.map((tab, index) => (\n              <gb-tab-button-base\n                class={`tab_button_base ${this.fullWidth ? 'full_width' : ''}`}\n                size={this.size}\n                full-width={this.fullWidth}\n                type={this.type === 'button_white_border' ? 'button_white' : this.type === 'rounded_button_white_border' ? 'rounded_button_white' : this.type}\n                onClick={() => this.handleTabClick(index)}\n                current={this.internalActiveIndex === index}\n                tab-name={tab.name}\n                truncate={this.truncate}\n                badge={tab.badgeCount ? true : !tab.badgeCount ? false : this.badge}\n                alignment=\"horizontal\"\n              >\n                <p slot=\"count\">{tab.badgeCount}</p>\n              </gb-tab-button-base>\n            ))}\n          </div>\n        </div>\n        {this.showRightButton && (\n          <div class=\"scroll_button_div right\">\n            <div class=\"scroll_button\" onClick={() => this.scrollRight()}>\n              <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n                <path\n                  d=\"M9.00005 6C9.00005 6 15 10.4189 15 12C15 13.5812 9 18 9 18\"\n                  stroke=\"var(--color-icon, #4B5565)\"\n                  stroke-width=\"1.5\"\n                  stroke-linecap=\"round\"\n                  stroke-linejoin=\"round\"\n                />\n              </svg>\n            </div>\n          </div>\n        )}\n      </div>\n    );\n  }\n}\n"]}

package/dist/components/gb-horizontal-tabs.js

@@ -188,17 +188,11 @@ const GbHorizontalTabs$1 = /*@__PURE__*/ proxyCustomElement(class GbHorizontalTa
             return;
         // Read current viewport width so behavior updates dynamically on resize
         this.width = window.innerWidth;
-        if (this.width > 768) {
-            const { scrollLeft, scrollWidth, clientWidth } = this.tabContainer;
-            // Only show buttons if overflow exists and the width greater than 768px for screens larger than mobile
-            const isOverflowing = scrollWidth > clientWidth;
-            this.showLeftButton = isOverflowing && scrollLeft > 0;
-            this.showRightButton = isOverflowing && scrollLeft + clientWidth < scrollWidth - 1;
-        }
-        else {
-            this.showLeftButton = false;
-            this.showRightButton = false;
-        }
+        const { scrollLeft, scrollWidth, clientWidth } = this.tabContainer;
+        // Only show buttons if overflow exists and the width greater than 768px for screens larger than mobile
+        const isOverflowing = scrollWidth > clientWidth;
+        this.showLeftButton = isOverflowing && scrollLeft > 0;
+        this.showRightButton = isOverflowing && scrollLeft + clientWidth < scrollWidth - 1;
     }
     setActiveIndex(_oldValue, newValue) {
         this.internalActiveIndex = newValue;
@@ -217,7 +211,7 @@ const GbHorizontalTabs$1 = /*@__PURE__*/ proxyCustomElement(class GbHorizontalTa
         this.tabItemClicked.emit(index);
     }
     render() {
-        return (h("div", { key: '41941025bb9ebcd726f7fc367bbb375070ae7814', class: `horizontal_tab_div_wrapper ${this.type}` }, this.showLeftButton && (h("div", { key: '609782bfea0f5aa47ea623e5c61b8be5c9686e69', class: "scroll_button_div left" }, h("div", { key: '1866a2d33ad4bc6a7da12805f30db1e13db0ac22', class: "scroll_button", onClick: () => this.scrollLeft() }, h("svg", { key: 'c613e2f39cc92de648e3cab11c47556aff12d324', xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none" }, h("path", { key: 'b27e66cf188515a4f479f44acd269e963be27be4', d: "M15 6C15 6 9.00001 10.4189 9 12C8.99999 13.5812 15 18 15 18", stroke: "var(--color-icon, #4B5565)", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))))), h("div", { key: 'a1e8f72a62751257086624242d3f46393613edd5', class: "horizontal_tab_wrapper", ref: el => (this.tabContainer = el), onScroll: () => this.handleScroll(), onTouchStart: e => this.handleTouchStart(e), onTouchEnd: e => this.handleTouchEnd(e), onMouseDown: e => this.handleMouseDown(e), onMouseUp: e => this.handleMouseUp(e), onMouseLeave: () => this.handleMouseLeave() }, h("div", { key: '50df45a2ea9ef4ef62ae3c158dc4dea1f62c568e', class: `horizontal_tab_div ${this.type} ${this.fullWidth ? 'full_width' : ''}` }, this.internalTabs.map((tab, index) => (h("gb-tab-button-base", { class: `tab_button_base ${this.fullWidth ? 'full_width' : ''}`, size: this.size, "full-width": this.fullWidth, type: this.type === 'button_white_border' ? 'button_white' : this.type === 'rounded_button_white_border' ? 'rounded_button_white' : this.type, onClick: () => this.handleTabClick(index), current: this.internalActiveIndex === index, "tab-name": tab.name, truncate: this.truncate, badge: tab.badgeCount ? true : !tab.badgeCount ? false : this.badge, alignment: "horizontal" }, h("p", { slot: "count" }, tab.badgeCount)))))), this.showRightButton && (h("div", { key: 'af53cf064b9016a76e0594b5eb49bc100b152ce9', class: "scroll_button_div right" }, h("div", { key: '2d8d3d6d9c8c5b3e7b3ba5a5b52dd94df60ea1b9', class: "scroll_button", onClick: () => this.scrollRight() }, h("svg", { key: '746ab0636e0bfc8ce6ea89daad990c2786b2cd6b', xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none" }, h("path", { key: 'a252853c67a977ef4d96080e57238ac4d0ed44b1', d: "M9.00005 6C9.00005 6 15 10.4189 15 12C15 13.5812 9 18 9 18", stroke: "var(--color-icon, #4B5565)", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })))))));
+        return (h("div", { key: 'b60dac37be4babe81e87a8049fe887a91105ec6e', class: `horizontal_tab_div_wrapper ${this.type}` }, this.showLeftButton && (h("div", { key: '6d702018325bfe0e9bfb2f17bcc63f58e0503b72', class: "scroll_button_div left" }, h("div", { key: 'db839493877bbea2c97c1fe87f49cae1c448b43f', class: "scroll_button", onClick: () => this.scrollLeft() }, h("svg", { key: '49db9af396bf16c8bd0cec1538f7c9a668f1f430', xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none" }, h("path", { key: '22ce629ea46407692e1b9a47f3ce655fe3a8246e', d: "M15 6C15 6 9.00001 10.4189 9 12C8.99999 13.5812 15 18 15 18", stroke: "var(--color-icon, #4B5565)", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))))), h("div", { key: '7b1f1ee2abc677b2736c8bfff783230c6bee52ef', class: "horizontal_tab_wrapper", ref: el => (this.tabContainer = el), onScroll: () => this.handleScroll(), onTouchStart: e => this.handleTouchStart(e), onTouchEnd: e => this.handleTouchEnd(e), onMouseDown: e => this.handleMouseDown(e), onMouseUp: e => this.handleMouseUp(e), onMouseLeave: () => this.handleMouseLeave() }, h("div", { key: 'd4b929d907daa724086e91a29d7549a18f0625b2', class: `horizontal_tab_div ${this.type} ${this.fullWidth ? 'full_width' : ''}` }, this.internalTabs.map((tab, index) => (h("gb-tab-button-base", { class: `tab_button_base ${this.fullWidth ? 'full_width' : ''}`, size: this.size, "full-width": this.fullWidth, type: this.type === 'button_white_border' ? 'button_white' : this.type === 'rounded_button_white_border' ? 'rounded_button_white' : this.type, onClick: () => this.handleTabClick(index), current: this.internalActiveIndex === index, "tab-name": tab.name, truncate: this.truncate, badge: tab.badgeCount ? true : !tab.badgeCount ? false : this.badge, alignment: "horizontal" }, h("p", { slot: "count" }, tab.badgeCount)))))), this.showRightButton && (h("div", { key: '5cac2a7866f44a2872192dfa3b741ea79bb0917c', class: "scroll_button_div right" }, h("div", { key: '42377f1155dd2ac31fa6647b533f799abf013f9f', class: "scroll_button", onClick: () => this.scrollRight() }, h("svg", { key: 'ddf5ce439bcdf52fd81dda4057e3854b7155361b', xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none" }, h("path", { key: '83e3ff028318f077539da2c43dc0d7352e1ffbc5', d: "M9.00005 6C9.00005 6 15 10.4189 15 12C15 13.5812 9 18 9 18", stroke: "var(--color-icon, #4B5565)", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })))))));
     }
     static get watchers() { return {
         "activeIndex": ["setActiveIndex"],

package/dist/components/gb-horizontal-tabs.js.map

@@ -1 +1 @@
-{"file":"gb-horizontal-tabs.js","mappings":"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","names":["GbHorizontalTabs","__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/gb-horizontal-tabs/gb-horizontal-tabs.css?tag=gb-horizontal-tabs&encapsulation=shadow","src/components/gb-horizontal-tabs/gb-horizontal-tabs.tsx"],"sourcesContent":["@import './../../global/global.css';\n\n.horizontal_tab_div_wrapper {\n  width: 100%;\n  overflow-x: auto;\n  scroll-behavior: smooth;\n  scrollbar-width: none; /* Firefox */\n  position: relative;\n  flex: 1;\n}\n\n.horizontal_tab_div_wrapper.underline,\n.horizontal_tab_div_wrapper.underline_filled{\n  box-shadow: inset 0 -1px 0 0 var(--color-border-subtle, #cdd5df);\n}\n\n.horizontal_tab_wrapper {\n  display: flex;\n  align-items: center;\n  width: 100%;\n  display: flex;\n  overflow: hidden;\n}\n\n.horizontal_tab_div_wrapper::-webkit-scrollbar {\n  display: none; /* Chrome, Safari, Opera */\n}\n\n.horizontal_tab_div {\n  display: flex;\n  justify-content: flex-start;\n  gap: var(--spacing-4);\n  width: 100%;\n}\n\n/* Tab Type Styles */\n.horizontal_tab_div.underline,\n.horizontal_tab_div.underline_filled {\n  width: 100%;\n}\n\n.horizontal_tab_div.button_white_border,\n.horizontal_tab_div.rounded_button_white_border {\n  padding: var(--spacing-1);\n  background: var(--color-background-gray-subtler, #eef2f6);\n  border: 1px solid var(--color-border-subtler, #e3e8ef);\n}\n\n.horizontal_tab_div.button_white_border {\n  border-radius: var(--rounded-sm);\n}\n\n.horizontal_tab_div.rounded_button_white_border {\n  border-radius: var(--rounded-full);\n}\n\n/* Full Width Styles */\n.horizontal_tab_div.full_width {\n  justify-content: space-between;\n}\n\n.horizontal_tab_div.button_primary,\n.horizontal_tab_div.button_gray,\n.horizontal_tab_div.button_white_border,\n.horizontal_tab_div.rounded_button_white_border {\n  gap: var(--spacing-2);\n}\n\n.tab_button_base.full_width {\n  display: flex;\n  justify-content: center;\n  flex-grow: 1;\n}\n\n.scroll_button_div {\n  display: flex;\n  /* height: 2.3125rem; */\n  justify-content: center;\n  align-items: center;\n  gap: 0.5rem;\n  top: 0;\n  position: absolute;\n  z-index: 9;\n}\n\n.scroll_button_div.left {\n  left: 0;\n  background: linear-gradient(90deg, var(--color-surface-bold, #f9fafb) 37.05%, var(--color-surface-bold-transparent-full, rgba(249, 250, 251, 0)) 100%);\n  padding: 0.1rem 2rem 0.1rem 0.5rem;\n  /* width: 2rem;\n  height: 100%; */\n}\n\n.scroll_button_div.right {\n  background: linear-gradient(270deg, var(--color-surface-bold, #f9fafb) 37.05%, var(--color-surface-bold-transparent-full, rgba(249, 250, 251, 0)) 100%);\n  padding: 0.1rem 0.5rem 0.1rem 2rem;\n  right: 0;\n  width: 1.5rem;\n  height: 100%;\n}\n\n.scroll_button {\n  display: flex;\n  padding: var(--spacing-1);\n  align-items: center;\n  gap: var(--spacing-2);\n  border-radius: var(--rounded-full);\n  border: 1px solid var(--color-border-subtler, #e3e8ef);\n  background: var(--color-background-card, #ffffff);\n  cursor: pointer;\n}\n","import { Component, Event, EventEmitter, Listen, Prop, State, Watch, h } from '@stencil/core';\nimport { GeneralSizes, TabTypes } from '../../models/reusableModels';\n\n@Component({\n  tag: 'gb-horizontal-tabs',\n  styleUrl: 'gb-horizontal-tabs.css',\n  shadow: true,\n})\nexport class GbHorizontalTabs {\n  @Prop() type: TabTypes;\n  @Prop() size: GeneralSizes;\n  @Prop() fullWidth: boolean = false;\n  @Prop() badge: boolean = false;\n  @Prop() truncate: boolean = false;\n  @Prop({ mutable: true }) activeIndex: number;\n  @Prop() tabs: { name: string; index: number; badgeCount?: string }[] = [\n    // {\n    //   name: 'All accounts',\n    //   index: 0,\n    // },\n    // {\n    //   name: 'LCY Accounts',\n    //   index: 1,\n    //   badgeCount: '10',\n    // },\n    // {\n    //   name: 'FCY',\n    //   index: 1,\n    //   badgeCount: '10',\n    // },\n    // {\n    //   name: 'Second',\n    //   index: 1,\n    // },\n    // {\n    //   name: 'Second',\n    //   index: 1,\n    //   badgeCount: '10',\n    // },\n    // {\n    //   name: 'Second',\n    //   index: 1,\n    //   badgeCount: '10',\n    // },\n    // {\n    //   name: 'Second',\n    //   index: 1,\n    //   badgeCount: '10',\n    // },\n    // {\n    //   name: 'Second',\n    //   index: 1,\n    //   badgeCount: '10',\n    // },\n    // {\n    //   name: 'Second',\n    //   index: 1,\n    //   badgeCount: '10',\n    // },\n    // {\n    //   name: 'Second',\n    //   index: 1,\n    //   badgeCount: '10',\n    // },\n    // {\n    //   name: 'Second',\n    //   index: 1,\n    //   badgeCount: '10',\n    // },\n    // {\n    //   name: 'Second',\n    //   index: 1,\n    //   badgeCount: '10',\n    // },\n    // {\n    //   name: 'Second',\n    //   index: 1,\n    //   badgeCount: '10',\n    // },\n    // {\n    //   name: 'Second',\n    //   index: 1,\n    //   badgeCount: '10',\n    // },\n    // {\n    //   name: 'Second',\n    //   index: 1,\n    //   badgeCount: '10',\n    // },\n    // {\n    //   name: 'Second',\n    //   index: 1,\n    //   badgeCount: '10',\n    // },\n    // {\n    //   name: 'Second',\n    //   index: 1,\n    //   badgeCount: '10',\n    // },\n    // {\n    //   name: 'Second',\n    //   index: 1,\n    //   badgeCount: '10',\n    // },\n    // {\n    //   name: 'Second',\n    //   index: 1,\n    //   badgeCount: '10',\n    // },\n  ];\n  @State() internalTabs: { name: string; index: number; badgeCount?: string }[] = [...this.tabs];\n  @State() internalActiveIndex: number = 0;\n  // @State() showScrollButtons: boolean = false;\n  @State() width: number = window.innerWidth;\n  @Event() tabItemClicked: EventEmitter<number>;\n  @State() showLeftButton = false;\n  @State() showRightButton = false;\n  private tabContainer!: HTMLElement;\n  private touchStartX: number = 0;\n  private touchEndX: number = 0;\n  private mouseStartX: number = 0;\n  private isMouseDown: boolean = false;\n\n  componentDidLoad() {\n    this.updateScrollButtons();\n  }\n\n  scrollLeft() {\n    this.tabContainer.scrollBy({ left: -200, behavior: 'smooth' });\n  }\n\n  scrollRight() {\n    this.tabContainer.scrollBy({ left: 200, behavior: 'smooth' });\n  }\n\n  handleScroll() {\n    this.updateScrollButtons();\n  }\n\n  handleTouchStart(e: TouchEvent) {\n    this.touchStartX = e.touches[0].clientX;\n  }\n\n  handleTouchEnd(e: TouchEvent) {\n    this.touchEndX = e.changedTouches[0].clientX;\n    this.handleSwipe();\n  }\n\n  handleSwipe() {\n    const swipeThreshold = 50; // minimum distance for a swipe\n    const diff = this.touchStartX - this.touchEndX;\n\n    if (Math.abs(diff) > swipeThreshold) {\n      if (diff > 0) {\n        // Swiped left, scroll right\n        this.scrollRight();\n      } else {\n        // Swiped right, scroll left\n        this.scrollLeft();\n      }\n    }\n  }\n\n  handleMouseDown(e: MouseEvent) {\n    this.isMouseDown = true;\n    this.mouseStartX = e.clientX;\n  }\n\n  handleMouseUp(e: MouseEvent) {\n    if (!this.isMouseDown) return;\n    this.isMouseDown = false;\n    const mouseEndX = e.clientX;\n    const swipeThreshold = 50;\n    const diff = this.mouseStartX - mouseEndX;\n\n    if (Math.abs(diff) > swipeThreshold) {\n      if (diff > 0) {\n        // Dragged left, scroll right\n        this.scrollRight();\n      } else {\n        // Dragged right, scroll left\n        this.scrollLeft();\n      }\n    }\n  }\n\n  handleMouseLeave() {\n    this.isMouseDown = false;\n  }\n\n  @Listen('resize', { target: 'window' })\n  updateScrollButtons() {\n    if (!this.tabContainer) return;\n\n    // Read current viewport width so behavior updates dynamically on resize\n    this.width = window.innerWidth;\n\n    if (this.width > 768) {\n      const { scrollLeft, scrollWidth, clientWidth } = this.tabContainer;\n\n      // Only show buttons if overflow exists and the width greater than 768px for screens larger than mobile\n      const isOverflowing = scrollWidth > clientWidth;\n      this.showLeftButton = isOverflowing && scrollLeft > 0;\n      this.showRightButton = isOverflowing && scrollLeft + clientWidth < scrollWidth - 1;\n    } else {\n      this.showLeftButton = false;\n      this.showRightButton = false;\n    }\n  }\n\n  @Watch('activeIndex')\n  setActiveIndex(_oldValue: number, newValue: number) {\n    this.internalActiveIndex = newValue;\n  }\n\n  @Watch('tabs')\n  onTabsChanged(newTabs: { name: string; index: number; badgeCount?: string }[]) {\n    this.internalTabs = newTabs;\n  }\n\n  componentWillLoad() {\n    this.internalTabs = this.tabs;\n  }\n\n  componentWillRender() {\n    this.internalActiveIndex = this.activeIndex;\n  }\n\n  async handleTabClick(index: number) {\n    this.activeIndex = index;\n    this.tabItemClicked.emit(index);\n  }\n\n  render() {\n    return (\n      <div class={`horizontal_tab_div_wrapper ${this.type}`}>\n        {this.showLeftButton && (\n          <div class=\"scroll_button_div left\">\n            <div class=\"scroll_button\" onClick={() => this.scrollLeft()}>\n              <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n                <path\n                  d=\"M15 6C15 6 9.00001 10.4189 9 12C8.99999 13.5812 15 18 15 18\"\n                  stroke=\"var(--color-icon, #4B5565)\"\n                  stroke-width=\"1.5\"\n                  stroke-linecap=\"round\"\n                  stroke-linejoin=\"round\"\n                />\n              </svg>\n            </div>\n          </div>\n        )}\n        <div\n          class=\"horizontal_tab_wrapper\"\n          ref={el => (this.tabContainer = el as HTMLElement)}\n          onScroll={() => this.handleScroll()}\n          onTouchStart={e => this.handleTouchStart(e)}\n          onTouchEnd={e => this.handleTouchEnd(e)}\n          onMouseDown={e => this.handleMouseDown(e)}\n          onMouseUp={e => this.handleMouseUp(e)}\n          onMouseLeave={() => this.handleMouseLeave()}\n        >\n          <div class={`horizontal_tab_div ${this.type} ${this.fullWidth ? 'full_width' : ''}`}>\n            {this.internalTabs.map((tab, index) => (\n              <gb-tab-button-base\n                class={`tab_button_base ${this.fullWidth ? 'full_width' : ''}`}\n                size={this.size}\n                full-width={this.fullWidth}\n                type={this.type === 'button_white_border' ? 'button_white' : this.type === 'rounded_button_white_border' ? 'rounded_button_white' : this.type}\n                onClick={() => this.handleTabClick(index)}\n                current={this.internalActiveIndex === index}\n                tab-name={tab.name}\n                truncate={this.truncate}\n                badge={tab.badgeCount ? true : !tab.badgeCount ? false : this.badge}\n                alignment=\"horizontal\"\n              >\n                <p slot=\"count\">{tab.badgeCount}</p>\n              </gb-tab-button-base>\n            ))}\n          </div>\n        </div>\n        {this.showRightButton && (\n          <div class=\"scroll_button_div right\">\n            <div class=\"scroll_button\" onClick={() => this.scrollRight()}>\n              <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n                <path\n                  d=\"M9.00005 6C9.00005 6 15 10.4189 15 12C15 13.5812 9 18 9 18\"\n                  stroke=\"var(--color-icon, #4B5565)\"\n                  stroke-width=\"1.5\"\n                  stroke-linecap=\"round\"\n                  stroke-linejoin=\"round\"\n                />\n              </svg>\n            </div>\n          </div>\n        )}\n      </div>\n    );\n  }\n}\n"],"version":3}
+{"file":"gb-horizontal-tabs.js","mappings":"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","names":["GbHorizontalTabs","__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/gb-horizontal-tabs/gb-horizontal-tabs.css?tag=gb-horizontal-tabs&encapsulation=shadow","src/components/gb-horizontal-tabs/gb-horizontal-tabs.tsx"],"sourcesContent":["@import './../../global/global.css';\n\n.horizontal_tab_div_wrapper {\n  width: 100%;\n  overflow-x: auto;\n  scroll-behavior: smooth;\n  scrollbar-width: none; /* Firefox */\n  position: relative;\n  flex: 1;\n}\n\n.horizontal_tab_div_wrapper.underline,\n.horizontal_tab_div_wrapper.underline_filled{\n  box-shadow: inset 0 -1px 0 0 var(--color-border-subtle, #cdd5df);\n}\n\n.horizontal_tab_wrapper {\n  display: flex;\n  align-items: center;\n  width: 100%;\n  display: flex;\n  overflow: hidden;\n}\n\n.horizontal_tab_div_wrapper::-webkit-scrollbar {\n  display: none; /* Chrome, Safari, Opera */\n}\n\n.horizontal_tab_div {\n  display: flex;\n  justify-content: flex-start;\n  gap: var(--spacing-4);\n  width: 100%;\n}\n\n/* Tab Type Styles */\n.horizontal_tab_div.underline,\n.horizontal_tab_div.underline_filled {\n  width: 100%;\n}\n\n.horizontal_tab_div.button_white_border,\n.horizontal_tab_div.rounded_button_white_border {\n  padding: var(--spacing-1);\n  background: var(--color-background-gray-subtler, #eef2f6);\n  border: 1px solid var(--color-border-subtler, #e3e8ef);\n}\n\n.horizontal_tab_div.button_white_border {\n  border-radius: var(--rounded-sm);\n}\n\n.horizontal_tab_div.rounded_button_white_border {\n  border-radius: var(--rounded-full);\n}\n\n/* Full Width Styles */\n.horizontal_tab_div.full_width {\n  justify-content: space-between;\n}\n\n.horizontal_tab_div.button_primary,\n.horizontal_tab_div.button_gray,\n.horizontal_tab_div.button_white_border,\n.horizontal_tab_div.rounded_button_white_border {\n  gap: var(--spacing-2);\n}\n\n.tab_button_base.full_width {\n  display: flex;\n  justify-content: center;\n  flex-grow: 1;\n}\n\n.scroll_button_div {\n  display: flex;\n  /* height: 2.3125rem; */\n  justify-content: center;\n  align-items: center;\n  gap: 0.5rem;\n  top: 0;\n  position: absolute;\n  z-index: 9;\n}\n\n.scroll_button_div.left {\n  left: 0;\n  background: linear-gradient(90deg, var(--color-surface-bold, #f9fafb) 37.05%, var(--color-surface-bold-transparent-full, rgba(249, 250, 251, 0)) 100%);\n  padding: 0.1rem 2rem 0.1rem 0.5rem;\n  /* width: 2rem;\n  height: 100%; */\n}\n\n.scroll_button_div.right {\n  background: linear-gradient(270deg, var(--color-surface-bold, #f9fafb) 37.05%, var(--color-surface-bold-transparent-full, rgba(249, 250, 251, 0)) 100%);\n  padding: 0.1rem 0.5rem 0.1rem 2rem;\n  right: 0;\n  width: 1.5rem;\n  height: 100%;\n}\n\n.scroll_button {\n  display: flex;\n  padding: var(--spacing-1);\n  align-items: center;\n  gap: var(--spacing-2);\n  border-radius: var(--rounded-full);\n  border: 1px solid var(--color-border-subtler, #e3e8ef);\n  background: var(--color-background-card, #ffffff);\n  cursor: pointer;\n}\n","import { Component, Event, EventEmitter, Listen, Prop, State, Watch, h } from '@stencil/core';\nimport { GeneralSizes, TabTypes } from '../../models/reusableModels';\n\n@Component({\n  tag: 'gb-horizontal-tabs',\n  styleUrl: 'gb-horizontal-tabs.css',\n  shadow: true,\n})\nexport class GbHorizontalTabs {\n  @Prop() type: TabTypes;\n  @Prop() size: GeneralSizes;\n  @Prop() fullWidth: boolean = false;\n  @Prop() badge: boolean = false;\n  @Prop() truncate: boolean = false;\n  @Prop({ mutable: true }) activeIndex: number;\n  @Prop() tabs: { name: string; index: number; badgeCount?: string }[] = [\n    // {\n    //   name: 'All accounts',\n    //   index: 0,\n    // },\n    // {\n    //   name: 'LCY Accounts',\n    //   index: 1,\n    //   badgeCount: '10',\n    // },\n    // {\n    //   name: 'FCY',\n    //   index: 1,\n    //   badgeCount: '10',\n    // },\n    // {\n    //   name: 'Second',\n    //   index: 1,\n    // },\n    // {\n    //   name: 'Second',\n    //   index: 1,\n    //   badgeCount: '10',\n    // },\n    // {\n    //   name: 'Second',\n    //   index: 1,\n    //   badgeCount: '10',\n    // },\n    // {\n    //   name: 'Second',\n    //   index: 1,\n    //   badgeCount: '10',\n    // },\n    // {\n    //   name: 'Second',\n    //   index: 1,\n    //   badgeCount: '10',\n    // },\n    // {\n    //   name: 'Second',\n    //   index: 1,\n    //   badgeCount: '10',\n    // },\n    // {\n    //   name: 'Second',\n    //   index: 1,\n    //   badgeCount: '10',\n    // },\n    // {\n    //   name: 'Second',\n    //   index: 1,\n    //   badgeCount: '10',\n    // },\n    // {\n    //   name: 'Second',\n    //   index: 1,\n    //   badgeCount: '10',\n    // },\n    // {\n    //   name: 'Second',\n    //   index: 1,\n    //   badgeCount: '10',\n    // },\n    // {\n    //   name: 'Second',\n    //   index: 1,\n    //   badgeCount: '10',\n    // },\n    // {\n    //   name: 'Second',\n    //   index: 1,\n    //   badgeCount: '10',\n    // },\n    // {\n    //   name: 'Second',\n    //   index: 1,\n    //   badgeCount: '10',\n    // },\n    // {\n    //   name: 'Second',\n    //   index: 1,\n    //   badgeCount: '10',\n    // },\n    // {\n    //   name: 'Second',\n    //   index: 1,\n    //   badgeCount: '10',\n    // },\n    // {\n    //   name: 'Second',\n    //   index: 1,\n    //   badgeCount: '10',\n    // },\n  ];\n  @State() internalTabs: { name: string; index: number; badgeCount?: string }[] = [...this.tabs];\n  @State() internalActiveIndex: number = 0;\n  // @State() showScrollButtons: boolean = false;\n  @State() width: number = window.innerWidth;\n  @Event() tabItemClicked: EventEmitter<number>;\n  @State() showLeftButton = false;\n  @State() showRightButton = false;\n  private tabContainer!: HTMLElement;\n  private touchStartX: number = 0;\n  private touchEndX: number = 0;\n  private mouseStartX: number = 0;\n  private isMouseDown: boolean = false;\n\n  componentDidLoad() {\n    this.updateScrollButtons();\n  }\n\n  scrollLeft() {\n    this.tabContainer.scrollBy({ left: -200, behavior: 'smooth' });\n  }\n\n  scrollRight() {\n    this.tabContainer.scrollBy({ left: 200, behavior: 'smooth' });\n  }\n\n  handleScroll() {\n    this.updateScrollButtons();\n  }\n\n  handleTouchStart(e: TouchEvent) {\n    this.touchStartX = e.touches[0].clientX;\n  }\n\n  handleTouchEnd(e: TouchEvent) {\n    this.touchEndX = e.changedTouches[0].clientX;\n    this.handleSwipe();\n  }\n\n  handleSwipe() {\n    const swipeThreshold = 50; // minimum distance for a swipe\n    const diff = this.touchStartX - this.touchEndX;\n\n    if (Math.abs(diff) > swipeThreshold) {\n      if (diff > 0) {\n        // Swiped left, scroll right\n        this.scrollRight();\n      } else {\n        // Swiped right, scroll left\n        this.scrollLeft();\n      }\n    }\n  }\n\n  handleMouseDown(e: MouseEvent) {\n    this.isMouseDown = true;\n    this.mouseStartX = e.clientX;\n  }\n\n  handleMouseUp(e: MouseEvent) {\n    if (!this.isMouseDown) return;\n    this.isMouseDown = false;\n    const mouseEndX = e.clientX;\n    const swipeThreshold = 50;\n    const diff = this.mouseStartX - mouseEndX;\n\n    if (Math.abs(diff) > swipeThreshold) {\n      if (diff > 0) {\n        // Dragged left, scroll right\n        this.scrollRight();\n      } else {\n        // Dragged right, scroll left\n        this.scrollLeft();\n      }\n    }\n  }\n\n  handleMouseLeave() {\n    this.isMouseDown = false;\n  }\n\n  @Listen('resize', { target: 'window' })\n  updateScrollButtons() {\n    if (!this.tabContainer) return;\n\n    // Read current viewport width so behavior updates dynamically on resize\n    this.width = window.innerWidth;\n\n    const { scrollLeft, scrollWidth, clientWidth } = this.tabContainer;\n\n    // Only show buttons if overflow exists and the width greater than 768px for screens larger than mobile\n    const isOverflowing = scrollWidth > clientWidth;\n    this.showLeftButton = isOverflowing && scrollLeft > 0;\n    this.showRightButton = isOverflowing && scrollLeft + clientWidth < scrollWidth - 1;\n  }\n\n  @Watch('activeIndex')\n  setActiveIndex(_oldValue: number, newValue: number) {\n    this.internalActiveIndex = newValue;\n  }\n\n  @Watch('tabs')\n  onTabsChanged(newTabs: { name: string; index: number; badgeCount?: string }[]) {\n    this.internalTabs = newTabs;\n  }\n\n  componentWillLoad() {\n    this.internalTabs = this.tabs;\n  }\n\n  componentWillRender() {\n    this.internalActiveIndex = this.activeIndex;\n  }\n\n  async handleTabClick(index: number) {\n    this.activeIndex = index;\n    this.tabItemClicked.emit(index);\n  }\n\n  render() {\n    return (\n      <div class={`horizontal_tab_div_wrapper ${this.type}`}>\n        {this.showLeftButton && (\n          <div class=\"scroll_button_div left\">\n            <div class=\"scroll_button\" onClick={() => this.scrollLeft()}>\n              <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n                <path\n                  d=\"M15 6C15 6 9.00001 10.4189 9 12C8.99999 13.5812 15 18 15 18\"\n                  stroke=\"var(--color-icon, #4B5565)\"\n                  stroke-width=\"1.5\"\n                  stroke-linecap=\"round\"\n                  stroke-linejoin=\"round\"\n                />\n              </svg>\n            </div>\n          </div>\n        )}\n        <div\n          class=\"horizontal_tab_wrapper\"\n          ref={el => (this.tabContainer = el as HTMLElement)}\n          onScroll={() => this.handleScroll()}\n          onTouchStart={e => this.handleTouchStart(e)}\n          onTouchEnd={e => this.handleTouchEnd(e)}\n          onMouseDown={e => this.handleMouseDown(e)}\n          onMouseUp={e => this.handleMouseUp(e)}\n          onMouseLeave={() => this.handleMouseLeave()}\n        >\n          <div class={`horizontal_tab_div ${this.type} ${this.fullWidth ? 'full_width' : ''}`}>\n            {this.internalTabs.map((tab, index) => (\n              <gb-tab-button-base\n                class={`tab_button_base ${this.fullWidth ? 'full_width' : ''}`}\n                size={this.size}\n                full-width={this.fullWidth}\n                type={this.type === 'button_white_border' ? 'button_white' : this.type === 'rounded_button_white_border' ? 'rounded_button_white' : this.type}\n                onClick={() => this.handleTabClick(index)}\n                current={this.internalActiveIndex === index}\n                tab-name={tab.name}\n                truncate={this.truncate}\n                badge={tab.badgeCount ? true : !tab.badgeCount ? false : this.badge}\n                alignment=\"horizontal\"\n              >\n                <p slot=\"count\">{tab.badgeCount}</p>\n              </gb-tab-button-base>\n            ))}\n          </div>\n        </div>\n        {this.showRightButton && (\n          <div class=\"scroll_button_div right\">\n            <div class=\"scroll_button\" onClick={() => this.scrollRight()}>\n              <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n                <path\n                  d=\"M9.00005 6C9.00005 6 15 10.4189 15 12C15 13.5812 9 18 9 18\"\n                  stroke=\"var(--color-icon, #4B5565)\"\n                  stroke-width=\"1.5\"\n                  stroke-linecap=\"round\"\n                  stroke-linejoin=\"round\"\n                />\n              </svg>\n            </div>\n          </div>\n        )}\n      </div>\n    );\n  }\n}\n"],"version":3}

package/dist/docs.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2026-09-14T17:18:35",
+  "timestamp": "2026-09-15T21:47:30",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.38.3",