globuswebcomponents 2.6.16 → 2.6.18

package/dist/esm/loader.js

@@ -4,7 +4,7 @@ export { s as setNonce } from './index-qKDhDYPI.js';
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;
   await globalScripts();
-  return bootstrapLazy(JSON.parse("[[\"gb-action-panel_72\",[[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\"],\"logo\":[1],\"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\"],\"avatarDropdownShown\":[32],\"notificationDropdownShown\":[32],\"helpDropdownShown\":[32],\"initials\":[32]},[[4,\"click\",\"handleClickOutside\"]]],[257,\"gb-table-header\",{\"showFilter\":[4,\"show-filter\"],\"showColumnOptions\":[4,\"show-column-options\"],\"tableHeading\":[4,\"table-heading\"],\"showSearch\":[4,\"show-search\"],\"showExport\":[4,\"show-export\"],\"showRefreshButton\":[4,\"show-refresh-button\"],\"tableHeadingLabel\":[1,\"table-heading-label\"],\"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\"],\"dateItems\":[16],\"mode\":[1],\"datePickerPlaceholder\":[1,\"date-picker-placeholder\"],\"exportDropdownPosition\":[1,\"export-dropdown-position\"],\"items\":[32],\"width\":[32],\"buttonIcon\":[32],\"showExportDropdown\":[32],\"isDatePickerShown\":[32]},[[4,\"click\",\"handleClickOutside\"]]],[257,\"gb-pagination\",{\"type\":[1],\"shape\":[1],\"breakpoint\":[1025],\"currentPage\":[1026,\"current-page\"],\"totalPages\":[1026,\"total-pages\"],\"entries\":[1040],\"selectedPageSize\":[32],\"defaultSelected\":[32],\"pages\":[32],\"width\":[32],\"internalTotalPages\":[32]},null,{\"totalPages\":[\"onTotalPagesChange\"]}],[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\"],\"thirdButtonText\":[1,\"third-button-text\"],\"firstIconButtonSwap\":[1,\"first-icon-button-swap\"],\"secondIconButtonSwap\":[1,\"second-icon-button-swap\"],\"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\"]}],[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\"],\"activeIndex\":[1026,\"active-index\"],\"activePrimaryItem\":[1025,\"active-primary-item\"],\"activeSecondaryItem\":[1025,\"active-secondary-item\"],\"hasInfo\":[4,\"has-info\"],\"email\":[1],\"phoneNumber\":[1,\"phone-number\"],\"theme\":[1],\"isDarkTheme\":[32],\"leadingIconSvg\":[32],\"sideBarItemClicked\":[64]}],[257,\"gb-nav-bar-sidemenu\",{\"applicationName\":[1,\"application-name\"],\"applicationIcon\":[1,\"application-icon\"],\"activeIndex\":[2,\"active-index\"],\"tabs\":[16],\"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\"],\"isDarkTheme\":[4,\"is-dark-theme\"],\"mainText\":[1,\"main-text\"],\"supportingText\":[1,\"supporting-text\"],\"fileStyle\":[1,\"file-style\"],\"fileType\":[1,\"file-type\"],\"featuredIconSwap\":[1,\"featured-icon-swap\"],\"patternKey\":[32]},null,{\"theme\":[\"onThemeChanged\"]}],[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\"]}],[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\"]}],[257,\"gb-toast\",{\"color\":[1025],\"mainText\":[1,\"main-text\"],\"supportingText\":[1,\"supporting-text\"],\"size\":[1],\"breakpoint\":[1],\"icon\":[1],\"xCloseButton\":[4,\"x-close-button\"],\"actions\":[4],\"showSupportingText\":[4,\"show-supporting-text\"],\"internalColor\":[32]},null,{\"color\":[\"onColorChange\"]}],[257,\"gb-avatar-profile-photo\",{\"placeholder\":[4],\"text\":[4],\"size\":[1],\"verified\":[4],\"icon\":[1]}],[257,\"gb-stepper-horizontal-minimal-icons\",{\"size\":[1],\"text\":[4],\"stepLabel\":[1,\"step-label\"],\"steps\":[16],\"position\":[1]}],[257,\"gb-toggle\",{\"size\":[1],\"state\":[1],\"text\":[4],\"supportingText\":[4,\"supporting-text\"],\"pressed\":[4],\"position\":[1]}],[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\":[1032],\"icon\":[1],\"results\":[1040],\"content\":[32],\"inputValue\":[32],\"selectedStaff\":[32],\"paddingLeft\":[32],\"paddingTop\":[32],\"show\":[32],\"staffInfo\":[32],\"selectedItems\":[32],\"unselectedItems\":[32]},[[4,\"click\",\"handleClickOutside\"]],{\"value\":[\"updateSelectedItems\"]}],[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-filter-button\",{\"state\":[1],\"iconOnly\":[4,\"icon-only\"]}],[257,\"gb-simple-side-bar-item\",{\"state\":[1],\"type\":[1],\"label\":[1],\"icon\":[1],\"category\":[1],\"showArrow\":[4,\"show-arrow\"],\"showBadge\":[4,\"show-badge\"],\"showTooltip\":[1028,\"show-tooltip\"],\"leadingIconSvg\":[32],\"internalIcon\":[32]},null,{\"icon\":[\"updateSidebarIcon\"]}],[257,\"gb-vertical-tabs\",{\"size\":[1],\"type\":[1],\"activeIndex\":[1026,\"active-index\"],\"tabs\":[16],\"internalTabs\":[32]},null,{\"tabs\":[\"onTabsChanged\"]}],[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\"],\"internalState\":[32],\"internalProgress\":[32]},null,{\"state\":[\"onStateChange\"],\"progress\":[\"onProgressChange\"]}],[257,\"gb-modal-action\",{\"actionType\":[1,\"action-type\"],\"destructive\":[4],\"fullWidth\":[4,\"full-width\"],\"showSecondaryAction\":[4,\"show-secondary-action\"],\"showFirstButton\":[4,\"show-first-button\"],\"showSecondButton\":[4,\"show-second-button\"],\"showThirdButton\":[4,\"show-third-button\"],\"firstButtonText\":[1,\"first-button-text\"],\"secondButtonText\":[1,\"second-button-text\"],\"thirdButtonText\":[1,\"third-button-text\"],\"firstIconButtonSwap\":[1,\"first-icon-button-swap\"],\"secondIconButtonSwap\":[1,\"second-icon-button-swap\"],\"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\"],\"showFirstIconButton\":[4,\"show-first-icon-button\"],\"showSecondIconButton\":[4,\"show-second-icon-button\"],\"showCheckBox\":[4,\"show-check-box\"],\"checkboxLabel\":[1,\"checkbox-label\"],\"firstIconButtonTooltipShown\":[32],\"secondIconButtonTooltipShown\":[32]}],[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\"],\"showFirstSubDropdown\":[32],\"showSecondSubDropdown\":[32]}],[257,\"gb-help-dropdown\",{\"showLogError\":[4,\"show-log-error\"]}],[257,\"gb-notification-pane\",{\"state\":[1],\"notifications\":[1040]}],[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-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-modal-header\",{\"text\":[1],\"closeButtonPosition\":[513,\"close-button-position\"]}],[257,\"gb-nav-bar-item\",{\"state\":[1],\"iconOnly\":[4,\"icon-only\"],\"category\":[1],\"label\":[1],\"icon\":[1],\"leadingIconSvg\":[32],\"showTooltip\":[32]}],[257,\"gb-date-picker\",{\"placeholder\":[1],\"value\":[1025],\"format\":[1],\"mode\":[1],\"disabled\":[4],\"iconPosition\":[1,\"icon-position\"],\"dropdownAlignment\":[1,\"dropdown-alignment\"],\"isCalendarShown\":[32]}],[257,\"gb-header-icon\",{\"state\":[1],\"showIndicator\":[4,\"show-indicator\"],\"icon\":[1],\"leadingIconSvg\":[32]}],[257,\"gb-illustration\",{\"size\":[1],\"color\":[1],\"illustrationStyle\":[1,\"illustration-style\"],\"illustrationIcon\":[1,\"illustration-icon\"],\"theme\":[1],\"leadingIconSvg\":[32]}],[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\":[4,\"is-dark-theme\"]},null,{\"theme\":[\"changeTheme\"]}],[257,\"gb-toast-button\",{\"state\":[1],\"color\":[1]}],[257,\"gb-toggle-base\",{\"size\":[1],\"state\":[1],\"pressed\":[1028]}],[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\"],\"inputValue\":[1,\"input-value\"],\"destructive\":[1028],\"errorText\":[1,\"error-text\"],\"loading\":[1028],\"formatLabel\":[4,\"format-label\"],\"leadingIconSvg\":[32],\"dropdownOpen\":[32],\"selectedItem\":[32],\"selectedItems\":[32],\"unselectedItems\":[32],\"searchItem\":[32],\"searchResults\":[32],\"internalItems\":[32],\"showCloseButton\":[32],\"internalLoading\":[32],\"clearSelection\":[64],\"isDestructive\":[64],\"isNotDestructive\":[64]},[[4,\"click\",\"handleClickOutside\"]],{\"items\":[\"updateResultsAndShowInDropdown\"],\"loading\":[\"onLoadingChanged\"],\"destructive\":[\"watchDestructive\"]}],[257,\"gb-avatar-label-group\",{\"size\":[1],\"statusIcon\":[1,\"status-icon\"],\"state\":[1],\"placeholder\":[4],\"text\":[4],\"color\":[1],\"showBorder\":[4,\"show-border\"]}],[257,\"gb-button-group-base\",{\"current\":[4],\"icon\":[1],\"state\":[1],\"label\":[1],\"iconSrc\":[1,\"icon-src\"],\"leadingIconSvg\":[32]}],[257,\"gb-theme-tab\",{\"theme\":[1025],\"currentActiveTab\":[1025,\"current-active-tab\"]}],[257,\"gb-export-sub-dropdown\",{\"showEntireData\":[4,\"show-entire-data\"]}],[257,\"gb-progress-bar\",{\"progress\":[2],\"showLabel\":[4,\"show-label\"],\"labelPosition\":[1,\"label-position\"]}],[257,\"gb-export-dropdown-item\",{\"icon\":[4],\"state\":[1],\"type\":[1]}],[257,\"gb-notification-content\",{\"icon\":[1],\"label\":[1],\"time\":[1],\"supportingText\":[1,\"supporting-text\"]}],[257,\"gb-tab-button-base\",{\"current\":[4],\"size\":[1],\"fullWidth\":[4,\"full-width\"],\"badge\":[4],\"type\":[1],\"tabName\":[1,\"tab-name\"],\"alignment\":[1]}],[257,\"gb-icon-button-base\",{\"current\":[4],\"icon\":[1],\"label\":[1],\"leadingIconSvg\":[32],\"showTooltip\":[32]}],[257,\"gb-export-sub-dropdown-item\",{\"icon\":[1],\"state\":[1],\"leadingIconSvg\":[32]}],[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\":[1,\"icon-swap\"],\"enableCancelButtonFunction\":[4,\"enable-cancel-button-function\"],\"options\":[1040],\"idOfInput\":[513,\"id-of-input\"],\"labelText\":[513,\"label-text\"],\"isReadOnly\":[516,\"is-read-only\"],\"results\":[1040],\"menuPosition\":[1,\"menu-position\"],\"icon\":[1],\"value\":[1032],\"required\":[516],\"loading\":[1028],\"formatLabel\":[4,\"format-label\"],\"formatNumber\":[4,\"format-number\"],\"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],\"isDestructive\":[64],\"isNotDestructive\":[64]},[[4,\"click\",\"handleClickOutside\"]],{\"options\":[\"optionsChanged\"],\"loading\":[\"onLoadingChanged\"],\"value\":[\"updateSelectedItems\"]}],[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-file-type-icon\",{\"fileStyle\":[1,\"file-style\"],\"fileType\":[1,\"file-type\"]}],[257,\"gb-password-button\",{\"state\":[1],\"isPasswordVisible\":[32]}],[257,\"gb-help-tooltip\",{\"showArrow\":[4,\"show-arrow\"],\"showSupportingText\":[4,\"show-supporting-text\"],\"showHelpTooltip\":[32]}],[257,\"gb-featured-icon\",{\"size\":[1],\"destructive\":[4],\"icon\":[1],\"leadingIconSvg\":[32]}],[257,\"gb-step-icon-base\",{\"size\":[1],\"status\":[1],\"state\":[1],\"internalState\":[32],\"internalStatus\":[32]},null,{\"status\":[\"onStatusChange\"],\"state\":[\"onStateChange\"]}],[260,\"gb-btn\",{\"size\":[1],\"hierarchy\":[1],\"icon\":[1],\"destructive\":[4],\"state\":[1],\"iconLeading\":[4,\"icon-leading\"],\"iconLeadingSwap\":[1,\"icon-leading-swap\"],\"iconTrailing\":[4,\"icon-trailing\"],\"iconTrailingSwap\":[1,\"icon-trailing-swap\"],\"leadingIconSvg\":[32],\"trailingIconSvg\":[32]}],[257,\"gb-button-close\",{\"size\":[1],\"color\":[1]}],[257,\"gb-tag\",{\"size\":[1],\"icon\":[1],\"action\":[1],\"flagSwap\":[1,\"flag-swap\"],\"checkbox\":[4],\"onTagClose\":[64]}],[257,\"gb-input-dropdown-menu-item\",{\"type\":[1],\"supportingText\":[4,\"supporting-text\"],\"selected\":[1028],\"state\":[1],\"color\":[1],\"iconLeading\":[4,\"icon-leading\"],\"iconLeadingSwap\":[1,\"icon-leading-swap\"],\"leadingIconSvg\":[32]}],[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],\"leadingIconSvg\":[32],\"trailingIconSvg\":[32],\"internalButtonState\":[32],\"internalIconLeadingState\":[32],\"internalIconTrailingState\":[32],\"tooltipShown\":[32]}],[257,\"gb-checkbox\",{\"checked\":[4],\"indeterminate\":[4],\"size\":[1],\"type\":[1],\"state\":[1],\"text\":[4],\"supportingText\":[4,\"supporting-text\"]}],[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\"],\"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\"]}],[257,\"gb-tooltip\",{\"showArrow\":[4,\"show-arrow\"],\"arrow\":[1],\"showSupportingText\":[4,\"show-supporting-text\"],\"noWrap\":[4,\"no-wrap\"]}]]],[\"test-input-tag\",[[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\",[[257,\"gb-checkbox-group\",{\"size\":[1],\"breakpoint\":[1],\"icon\":[1],\"selected\":[4],\"type\":[1]}]]],[\"gb-detail-cell\",[[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\"],\"showCopyButton\":[1028,\"show-copy-button\"],\"buttonText\":[1,\"button-text\"],\"showSupportingText\":[4,\"show-supporting-text\"],\"supportingText\":[1,\"supporting-text\"],\"showStandardCopyButton\":[32],\"showTooltip\":[32],\"copied\":[32],\"isDownloaded\":[32],\"width\":[32]}]]],[\"gb-file-upload\",[[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-horizontal-tabs\",[[257,\"gb-horizontal-tabs\",{\"type\":[1],\"size\":[1],\"fullWidth\":[4,\"full-width\"],\"badge\":[4],\"activeIndex\":[1026,\"active-index\"],\"tabs\":[16],\"internalTabs\":[32],\"internalActiveIndex\":[32],\"showLeftButton\":[32],\"showRightButton\":[32]},null,{\"activeIndex\":[\"setActiveIndex\"],\"tabs\":[\"onTabsChanged\"]}]]],[\"gb-metric-card\",[[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-avatar-group\",[[257,\"gb-avatar-group\",{\"size\":[1],\"moreUsers\":[4,\"more-users\"],\"addMoreButton\":[4,\"add-more-button\"],\"text\":[4],\"state\":[1],\"images\":[16]}]]],[\"gb-prompt-modal\",[[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\"],\"secondaryButtonText\":[1,\"secondary-button-text\"],\"checked\":[4],\"checkboxState\":[1,\"checkbox-state\"],\"leadingIconSvg\":[32]}]]],[\"gb-comment\",[[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-stepper-horizontal-icons-centered\",[[257,\"gb-stepper-horizontal-icons-centered\",{\"size\":[1],\"steps\":[16],\"type\":[1],\"breakpoint\":[1]}]]],[\"gb-stepper-horizontal-line-with-text\",[[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\"]}]]],[\"gb-stepper-vertical-icons-with-text\",[[257,\"gb-stepper-vertical-icons-with-text\",{\"size\":[1],\"connector\":[4],\"type\":[1],\"steps\":[16],\"internalSteps\":[32],\"internalState\":[32],\"internalStatus\":[32]},null,{\"steps\":[\"onStepsChanged\"]}]]],[\"gb-slider\",[[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\"],\"leftValue\":[32],\"rightValue\":[32]}]]],[\"gb-breadcrumbs\",[[257,\"gb-breadcrumbs\",{\"type\":[1],\"divider\":[1],\"breadcrumbs\":[16],\"icon\":[1],\"visibleBreadcrumbs\":[32]}]]],[\"gb-quick-action-card\",[[257,\"gb-quick-action-card\",{\"color\":[1],\"icon\":[1],\"label\":[1]}]]],[\"gb-quick-action-icon\",[[257,\"gb-quick-action-icon\",{\"icon\":[1],\"label\":[1],\"isHovered\":[32]}]]],[\"gb-token-field-compressed\",[[257,\"gb-token-field-compressed\",{\"size\":[1],\"digits\":[2],\"showLabel\":[4,\"show-label\"],\"label\":[1],\"showHintText\":[4,\"show-hint-text\"],\"hintText\":[1,\"hint-text\"]}]]],[\"gb-wysiwyg-tooltip\",[[257,\"gb-wysiwyg-tooltip\",{\"arrow\":[1],\"breakpoint\":[1]}]]],[\"gb-carousel-arrow\",[[256,\"gb-carousel-arrow\",{\"size\":[1],\"chevron\":[1]}]]],[\"gb-category-card\",[[257,\"gb-category-card\",{\"label\":[1],\"supportingText\":[1,\"supporting-text\"],\"showSupportingText\":[4,\"show-supporting-text\"],\"cardImage\":[1,\"card-image\"],\"isHovered\":[32]}]]],[\"gb-logo\",[[257,\"gb-logo\",{\"text\":[4]}]]],[\"gb-pagination-dot-group\",[[257,\"gb-pagination-dot-group\",{\"size\":[1],\"type\":[1],\"color\":[1],\"framed\":[4]}]]],[\"gb-pagination-dot-indicator\",[[256,\"gb-pagination-dot-indicator\",{\"current\":[4],\"type\":[1],\"size\":[1]}]]],[\"gb-progress-circle\",[[257,\"gb-progress-circle\",{\"size\":[1],\"shape\":[1],\"label\":[4],\"progress\":[2]},null,{\"progress\":[\"handleProgressChange\"]}]]],[\"gb-scrollbar\",[[257,\"gb-scrollbar\",{\"length\":[1]}]]],[\"gb-stepper-horizontal-icons-connected\",[[257,\"gb-stepper-horizontal-icons-connected\",{\"size\":[1],\"steps\":[16]}]]],[\"gb-table-cell\",[[257,\"gb-table-cell\",{\"type\":[1]}]]],[\"gb-token-field-compact\",[[257,\"gb-token-field-compact\",{\"size\":[1],\"digits\":[2],\"showLabel\":[4,\"show-label\"],\"label\":[1],\"showSupportingText\":[4,\"show-supporting-text\"],\"supportingText\":[1,\"supporting-text\"]}]]],[\"gb-avatar-add-button\",[[257,\"gb-avatar-add-button\",{\"size\":[1],\"showToolTip\":[1028,\"show-tool-tip\"],\"state\":[1],\"el\":[16]}]]],[\"gb-slider-control-handle\",[[257,\"gb-slider-control-handle\",{\"value\":[1],\"type\":[1],\"isHovered\":[32],\"isFocused\":[32]}]]],[\"gb-breadcrumb-button-base\",[[257,\"gb-breadcrumb-button-base\",{\"current\":[4],\"type\":[1],\"icon\":[4],\"label\":[1],\"iconSrc\":[1,\"icon-src\"],\"leadingIconSvg\":[32]}]]],[\"gb-comment-item\",[[257,\"gb-comment-item\",{\"name\":[1],\"duty\":[1],\"comment\":[1],\"timeStamp\":[1,\"time-stamp\"],\"connector\":[4]}]]],[\"gb-mega-input-field-base\",[[257,\"gb-mega-input-field-base\",{\"size\":[1],\"state\":[1],\"inputValue\":[32]}]]],[\"gb-metric-featured-icon\",[[257,\"gb-metric-featured-icon\",{\"size\":[1],\"color\":[1],\"featuredIconStyle\":[1,\"featured-icon-style\"],\"icon\":[1],\"leadingIconSvg\":[32]}]]],[\"gb-wysiwyg-editor-icon\",[[257,\"gb-wysiwyg-editor-icon\",{\"active\":[4],\"type\":[1],\"state\":[1]}]]],[\"gb-card-icon\",[[257,\"gb-card-icon\",{\"size\":[1],\"color\":[1],\"icon\":[1],\"leadingIconSvg\":[32]}]]],[\"gb-step-base\",[[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\"]}]]]]"), options);
+  return bootstrapLazy(JSON.parse("[[\"gb-action-panel_76\",[[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\"],\"logo\":[1],\"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\"],\"avatarDropdownShown\":[32],\"notificationDropdownShown\":[32],\"helpDropdownShown\":[32],\"initials\":[32]},[[4,\"click\",\"handleClickOutside\"]]],[257,\"gb-table-header\",{\"showFilter\":[4,\"show-filter\"],\"showColumnOptions\":[4,\"show-column-options\"],\"tableHeading\":[4,\"table-heading\"],\"showSearch\":[4,\"show-search\"],\"showExport\":[4,\"show-export\"],\"showRefreshButton\":[4,\"show-refresh-button\"],\"tableHeadingLabel\":[1,\"table-heading-label\"],\"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\"],\"dateItems\":[16],\"mode\":[1],\"datePickerPlaceholder\":[1,\"date-picker-placeholder\"],\"exportDropdownPosition\":[1,\"export-dropdown-position\"],\"items\":[32],\"width\":[32],\"buttonIcon\":[32],\"showExportDropdown\":[32],\"isDatePickerShown\":[32]},[[4,\"click\",\"handleClickOutside\"]]],[257,\"gb-pagination\",{\"type\":[1],\"shape\":[1],\"breakpoint\":[1025],\"currentPage\":[1026,\"current-page\"],\"totalPages\":[1026,\"total-pages\"],\"entries\":[1040],\"selectedPageSize\":[32],\"defaultSelected\":[32],\"pages\":[32],\"width\":[32],\"internalTotalPages\":[32]},null,{\"totalPages\":[\"onTotalPagesChange\"]}],[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\"],\"thirdButtonText\":[1,\"third-button-text\"],\"firstIconButtonSwap\":[1,\"first-icon-button-swap\"],\"secondIconButtonSwap\":[1,\"second-icon-button-swap\"],\"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\"]}],[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\"],\"activeIndex\":[1026,\"active-index\"],\"activePrimaryItem\":[1025,\"active-primary-item\"],\"activeSecondaryItem\":[1025,\"active-secondary-item\"],\"hasInfo\":[4,\"has-info\"],\"email\":[1],\"phoneNumber\":[1,\"phone-number\"],\"theme\":[1],\"isDarkTheme\":[32],\"leadingIconSvg\":[32],\"sideBarItemClicked\":[64]}],[257,\"gb-nav-bar-sidemenu\",{\"applicationName\":[1,\"application-name\"],\"applicationIcon\":[1,\"application-icon\"],\"activeIndex\":[2,\"active-index\"],\"tabs\":[16],\"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\"],\"isDarkTheme\":[4,\"is-dark-theme\"],\"mainText\":[1,\"main-text\"],\"supportingText\":[1,\"supporting-text\"],\"fileStyle\":[1,\"file-style\"],\"fileType\":[1,\"file-type\"],\"featuredIconSwap\":[1,\"featured-icon-swap\"],\"patternKey\":[32]},null,{\"theme\":[\"onThemeChanged\"]}],[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]}],[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\"]}],[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\"]}],[257,\"gb-toast\",{\"color\":[1025],\"mainText\":[1,\"main-text\"],\"supportingText\":[1,\"supporting-text\"],\"size\":[1],\"breakpoint\":[1],\"icon\":[1],\"xCloseButton\":[4,\"x-close-button\"],\"actions\":[4],\"showSupportingText\":[4,\"show-supporting-text\"],\"internalColor\":[32]},null,{\"color\":[\"onColorChange\"]}],[257,\"gb-avatar-profile-photo\",{\"placeholder\":[4],\"text\":[4],\"size\":[1],\"verified\":[4],\"icon\":[1]}],[257,\"gb-comment\",{\"heading\":[1],\"state\":[1025],\"noCommentText\":[1,\"no-comment-text\"],\"noCommentTextSub\":[1,\"no-comment-text-sub\"],\"comments\":[16],\"theme\":[1],\"isDarkTheme\":[32]}],[257,\"gb-stepper-horizontal-minimal-icons\",{\"size\":[1],\"text\":[4],\"stepLabel\":[1,\"step-label\"],\"steps\":[16],\"position\":[1]}],[257,\"gb-toggle\",{\"size\":[1],\"state\":[1],\"text\":[4],\"supportingText\":[4,\"supporting-text\"],\"pressed\":[4],\"position\":[1]}],[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\":[1032],\"icon\":[1],\"results\":[1040],\"content\":[32],\"inputValue\":[32],\"selectedStaff\":[32],\"paddingLeft\":[32],\"paddingTop\":[32],\"show\":[32],\"staffInfo\":[32],\"selectedItems\":[32],\"unselectedItems\":[32]},[[4,\"click\",\"handleClickOutside\"]],{\"value\":[\"updateSelectedItems\"]}],[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-filter-button\",{\"state\":[1],\"iconOnly\":[4,\"icon-only\"]}],[257,\"gb-simple-side-bar-item\",{\"state\":[1],\"type\":[1],\"label\":[1],\"icon\":[1],\"category\":[1],\"showArrow\":[4,\"show-arrow\"],\"showBadge\":[4,\"show-badge\"],\"showTooltip\":[1028,\"show-tooltip\"],\"leadingIconSvg\":[32],\"internalIcon\":[32]},null,{\"icon\":[\"updateSidebarIcon\"]}],[257,\"gb-vertical-tabs\",{\"size\":[1],\"type\":[1],\"activeIndex\":[1026,\"active-index\"],\"tabs\":[16],\"internalTabs\":[32]},null,{\"tabs\":[\"onTabsChanged\"]}],[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\"],\"internalState\":[32],\"internalProgress\":[32]},null,{\"state\":[\"onStateChange\"],\"progress\":[\"onProgressChange\"]}],[257,\"gb-modal-action\",{\"actionType\":[1,\"action-type\"],\"destructive\":[4],\"fullWidth\":[4,\"full-width\"],\"showSecondaryAction\":[4,\"show-secondary-action\"],\"showFirstButton\":[4,\"show-first-button\"],\"showSecondButton\":[4,\"show-second-button\"],\"showThirdButton\":[4,\"show-third-button\"],\"firstButtonText\":[1,\"first-button-text\"],\"secondButtonText\":[1,\"second-button-text\"],\"thirdButtonText\":[1,\"third-button-text\"],\"firstIconButtonSwap\":[1,\"first-icon-button-swap\"],\"secondIconButtonSwap\":[1,\"second-icon-button-swap\"],\"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\"],\"showFirstIconButton\":[4,\"show-first-icon-button\"],\"showSecondIconButton\":[4,\"show-second-icon-button\"],\"showCheckBox\":[4,\"show-check-box\"],\"checkboxLabel\":[1,\"checkbox-label\"],\"firstIconButtonTooltipShown\":[32],\"secondIconButtonTooltipShown\":[32]}],[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\"],\"showFirstSubDropdown\":[32],\"showSecondSubDropdown\":[32]}],[257,\"gb-help-dropdown\",{\"showLogError\":[4,\"show-log-error\"]}],[257,\"gb-notification-pane\",{\"state\":[1],\"notifications\":[1040]}],[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-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-modal-header\",{\"text\":[1],\"closeButtonPosition\":[513,\"close-button-position\"]}],[257,\"gb-nav-bar-item\",{\"state\":[1],\"iconOnly\":[4,\"icon-only\"],\"category\":[1],\"label\":[1],\"icon\":[1],\"leadingIconSvg\":[32],\"showTooltip\":[32]}],[257,\"gb-comment-item\",{\"name\":[1],\"duty\":[1],\"comment\":[1],\"timeStamp\":[1,\"time-stamp\"],\"connector\":[4]}],[257,\"gb-date-picker\",{\"placeholder\":[1],\"value\":[1025],\"format\":[1],\"mode\":[1],\"disabled\":[4],\"iconPosition\":[1,\"icon-position\"],\"dropdownAlignment\":[1,\"dropdown-alignment\"],\"isCalendarShown\":[32]}],[257,\"gb-header-icon\",{\"state\":[1],\"showIndicator\":[4,\"show-indicator\"],\"icon\":[1],\"leadingIconSvg\":[32]}],[257,\"gb-illustration\",{\"size\":[1],\"color\":[1],\"illustrationStyle\":[1,\"illustration-style\"],\"illustrationIcon\":[1,\"illustration-icon\"],\"theme\":[1],\"leadingIconSvg\":[32]}],[257,\"gb-metric-featured-icon\",{\"size\":[1],\"color\":[1],\"featuredIconStyle\":[1,\"featured-icon-style\"],\"icon\":[1],\"leadingIconSvg\":[32]}],[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\":[4,\"is-dark-theme\"]},null,{\"theme\":[\"changeTheme\"]}],[257,\"gb-toast-button\",{\"state\":[1],\"color\":[1]}],[257,\"gb-toggle-base\",{\"size\":[1],\"state\":[1],\"pressed\":[1028]}],[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\"],\"inputValue\":[1,\"input-value\"],\"destructive\":[1028],\"errorText\":[1,\"error-text\"],\"loading\":[1028],\"formatLabel\":[4,\"format-label\"],\"leadingIconSvg\":[32],\"dropdownOpen\":[32],\"selectedItem\":[32],\"selectedItems\":[32],\"unselectedItems\":[32],\"searchItem\":[32],\"searchResults\":[32],\"internalItems\":[32],\"showCloseButton\":[32],\"internalLoading\":[32],\"clearSelection\":[64],\"isDestructive\":[64],\"isNotDestructive\":[64]},[[4,\"click\",\"handleClickOutside\"]],{\"items\":[\"updateResultsAndShowInDropdown\"],\"loading\":[\"onLoadingChanged\"],\"destructive\":[\"watchDestructive\"]}],[257,\"gb-avatar-label-group\",{\"size\":[1],\"statusIcon\":[1,\"status-icon\"],\"state\":[1],\"placeholder\":[4],\"text\":[4],\"color\":[1],\"showBorder\":[4,\"show-border\"]}],[257,\"gb-button-group-base\",{\"current\":[4],\"icon\":[1],\"state\":[1],\"label\":[1],\"iconSrc\":[1,\"icon-src\"],\"leadingIconSvg\":[32]}],[257,\"gb-theme-tab\",{\"theme\":[1025],\"currentActiveTab\":[1025,\"current-active-tab\"]}],[257,\"gb-export-sub-dropdown\",{\"showEntireData\":[4,\"show-entire-data\"]}],[257,\"gb-progress-bar\",{\"progress\":[2],\"showLabel\":[4,\"show-label\"],\"labelPosition\":[1,\"label-position\"]}],[257,\"gb-export-dropdown-item\",{\"icon\":[4],\"state\":[1],\"type\":[1]}],[257,\"gb-notification-content\",{\"icon\":[1],\"label\":[1],\"time\":[1],\"supportingText\":[1,\"supporting-text\"]}],[257,\"gb-tab-button-base\",{\"current\":[4],\"size\":[1],\"fullWidth\":[4,\"full-width\"],\"badge\":[4],\"type\":[1],\"tabName\":[1,\"tab-name\"],\"alignment\":[1]}],[257,\"gb-icon-button-base\",{\"current\":[4],\"icon\":[1],\"label\":[1],\"leadingIconSvg\":[32],\"showTooltip\":[32]}],[257,\"gb-export-sub-dropdown-item\",{\"icon\":[1],\"state\":[1],\"leadingIconSvg\":[32]}],[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\":[1,\"icon-swap\"],\"enableCancelButtonFunction\":[4,\"enable-cancel-button-function\"],\"options\":[1040],\"idOfInput\":[513,\"id-of-input\"],\"labelText\":[513,\"label-text\"],\"isReadOnly\":[516,\"is-read-only\"],\"results\":[1040],\"menuPosition\":[1,\"menu-position\"],\"icon\":[1],\"value\":[1032],\"required\":[516],\"loading\":[1028],\"formatLabel\":[4,\"format-label\"],\"formatNumber\":[4,\"format-number\"],\"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],\"isDestructive\":[64],\"isNotDestructive\":[64]},[[4,\"click\",\"handleClickOutside\"]],{\"options\":[\"optionsChanged\"],\"loading\":[\"onLoadingChanged\"],\"value\":[\"updateSelectedItems\"]}],[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-file-type-icon\",{\"fileStyle\":[1,\"file-style\"],\"fileType\":[1,\"file-type\"]}],[257,\"gb-password-button\",{\"state\":[1],\"isPasswordVisible\":[32]}],[257,\"gb-help-tooltip\",{\"showArrow\":[4,\"show-arrow\"],\"showSupportingText\":[4,\"show-supporting-text\"],\"showHelpTooltip\":[32]}],[257,\"gb-featured-icon\",{\"size\":[1],\"destructive\":[4],\"icon\":[1],\"leadingIconSvg\":[32]}],[257,\"gb-step-icon-base\",{\"size\":[1],\"status\":[1],\"state\":[1],\"internalState\":[32],\"internalStatus\":[32]},null,{\"status\":[\"onStatusChange\"],\"state\":[\"onStateChange\"]}],[260,\"gb-btn\",{\"size\":[1],\"hierarchy\":[1],\"icon\":[1],\"destructive\":[4],\"state\":[1],\"iconLeading\":[4,\"icon-leading\"],\"iconLeadingSwap\":[1,\"icon-leading-swap\"],\"iconTrailing\":[4,\"icon-trailing\"],\"iconTrailingSwap\":[1,\"icon-trailing-swap\"],\"leadingIconSvg\":[32],\"trailingIconSvg\":[32]}],[257,\"gb-button-close\",{\"size\":[1],\"color\":[1]}],[257,\"gb-tag\",{\"size\":[1],\"icon\":[1],\"action\":[1],\"flagSwap\":[1,\"flag-swap\"],\"checkbox\":[4],\"onTagClose\":[64]}],[257,\"gb-input-dropdown-menu-item\",{\"type\":[1],\"supportingText\":[4,\"supporting-text\"],\"selected\":[1028],\"state\":[1],\"color\":[1],\"iconLeading\":[4,\"icon-leading\"],\"iconLeadingSwap\":[1,\"icon-leading-swap\"],\"leadingIconSvg\":[32]}],[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],\"leadingIconSvg\":[32],\"trailingIconSvg\":[32],\"internalButtonState\":[32],\"internalIconLeadingState\":[32],\"internalIconTrailingState\":[32],\"tooltipShown\":[32]}],[257,\"gb-checkbox\",{\"checked\":[4],\"indeterminate\":[4],\"size\":[1],\"type\":[1],\"state\":[1],\"text\":[4],\"supportingText\":[4,\"supporting-text\"]}],[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\"],\"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\"]}],[257,\"gb-tooltip\",{\"showArrow\":[4,\"show-arrow\"],\"arrow\":[1],\"showSupportingText\":[4,\"show-supporting-text\"],\"noWrap\":[4,\"no-wrap\"]}]]],[\"test-input-tag\",[[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\",[[257,\"gb-checkbox-group\",{\"size\":[1],\"breakpoint\":[1],\"icon\":[1],\"selected\":[4],\"type\":[1]}]]],[\"gb-detail-cell\",[[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\"],\"showCopyButton\":[1028,\"show-copy-button\"],\"buttonText\":[1,\"button-text\"],\"showSupportingText\":[4,\"show-supporting-text\"],\"supportingText\":[1,\"supporting-text\"],\"showStandardCopyButton\":[32],\"showTooltip\":[32],\"copied\":[32],\"isDownloaded\":[32],\"width\":[32]}]]],[\"gb-file-upload\",[[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-horizontal-tabs\",[[257,\"gb-horizontal-tabs\",{\"type\":[1],\"size\":[1],\"fullWidth\":[4,\"full-width\"],\"badge\":[4],\"activeIndex\":[1026,\"active-index\"],\"tabs\":[16],\"internalTabs\":[32],\"internalActiveIndex\":[32],\"showLeftButton\":[32],\"showRightButton\":[32]},null,{\"activeIndex\":[\"setActiveIndex\"],\"tabs\":[\"onTabsChanged\"]}]]],[\"gb-avatar-group\",[[257,\"gb-avatar-group\",{\"size\":[1],\"moreUsers\":[4,\"more-users\"],\"addMoreButton\":[4,\"add-more-button\"],\"text\":[4],\"state\":[1],\"images\":[16]}]]],[\"gb-prompt-modal\",[[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\"],\"secondaryButtonText\":[1,\"secondary-button-text\"],\"checked\":[4],\"checkboxState\":[1,\"checkbox-state\"],\"leadingIconSvg\":[32]}]]],[\"gb-stepper-horizontal-icons-centered\",[[257,\"gb-stepper-horizontal-icons-centered\",{\"size\":[1],\"steps\":[16],\"type\":[1],\"breakpoint\":[1]}]]],[\"gb-stepper-horizontal-line-with-text\",[[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\"]}]]],[\"gb-stepper-vertical-icons-with-text\",[[257,\"gb-stepper-vertical-icons-with-text\",{\"size\":[1],\"connector\":[4],\"type\":[1],\"steps\":[16],\"internalSteps\":[32],\"internalState\":[32],\"internalStatus\":[32]},null,{\"steps\":[\"onStepsChanged\"]}]]],[\"gb-slider\",[[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\"],\"leftValue\":[32],\"rightValue\":[32]}]]],[\"gb-breadcrumbs\",[[257,\"gb-breadcrumbs\",{\"type\":[1],\"divider\":[1],\"breadcrumbs\":[16],\"icon\":[1],\"visibleBreadcrumbs\":[32]}]]],[\"gb-quick-action-card\",[[257,\"gb-quick-action-card\",{\"color\":[1],\"icon\":[1],\"label\":[1]}]]],[\"gb-quick-action-icon\",[[257,\"gb-quick-action-icon\",{\"icon\":[1],\"label\":[1],\"isHovered\":[32]}]]],[\"gb-token-field-compressed\",[[257,\"gb-token-field-compressed\",{\"size\":[1],\"digits\":[2],\"showLabel\":[4,\"show-label\"],\"label\":[1],\"showHintText\":[4,\"show-hint-text\"],\"hintText\":[1,\"hint-text\"]}]]],[\"gb-wysiwyg-tooltip\",[[257,\"gb-wysiwyg-tooltip\",{\"arrow\":[1],\"breakpoint\":[1]}]]],[\"gb-carousel-arrow\",[[256,\"gb-carousel-arrow\",{\"size\":[1],\"chevron\":[1]}]]],[\"gb-category-card\",[[257,\"gb-category-card\",{\"label\":[1],\"supportingText\":[1,\"supporting-text\"],\"showSupportingText\":[4,\"show-supporting-text\"],\"cardImage\":[1,\"card-image\"],\"isHovered\":[32]}]]],[\"gb-logo\",[[257,\"gb-logo\",{\"text\":[4]}]]],[\"gb-pagination-dot-group\",[[257,\"gb-pagination-dot-group\",{\"size\":[1],\"type\":[1],\"color\":[1],\"framed\":[4]}]]],[\"gb-pagination-dot-indicator\",[[256,\"gb-pagination-dot-indicator\",{\"current\":[4],\"type\":[1],\"size\":[1]}]]],[\"gb-progress-circle\",[[257,\"gb-progress-circle\",{\"size\":[1],\"shape\":[1],\"label\":[4],\"progress\":[2]},null,{\"progress\":[\"handleProgressChange\"]}]]],[\"gb-scrollbar\",[[257,\"gb-scrollbar\",{\"length\":[1]}]]],[\"gb-stepper-horizontal-icons-connected\",[[257,\"gb-stepper-horizontal-icons-connected\",{\"size\":[1],\"steps\":[16]}]]],[\"gb-table-cell\",[[257,\"gb-table-cell\",{\"type\":[1]}]]],[\"gb-token-field-compact\",[[257,\"gb-token-field-compact\",{\"size\":[1],\"digits\":[2],\"showLabel\":[4,\"show-label\"],\"label\":[1],\"showSupportingText\":[4,\"show-supporting-text\"],\"supportingText\":[1,\"supporting-text\"]}]]],[\"gb-avatar-add-button\",[[257,\"gb-avatar-add-button\",{\"size\":[1],\"showToolTip\":[1028,\"show-tool-tip\"],\"state\":[1],\"el\":[16]}]]],[\"gb-slider-control-handle\",[[257,\"gb-slider-control-handle\",{\"value\":[1],\"type\":[1],\"isHovered\":[32],\"isFocused\":[32]}]]],[\"gb-breadcrumb-button-base\",[[257,\"gb-breadcrumb-button-base\",{\"current\":[4],\"type\":[1],\"icon\":[4],\"label\":[1],\"iconSrc\":[1,\"icon-src\"],\"leadingIconSvg\":[32]}]]],[\"gb-mega-input-field-base\",[[257,\"gb-mega-input-field-base\",{\"size\":[1],\"state\":[1],\"inputValue\":[32]}]]],[\"gb-wysiwyg-editor-icon\",[[257,\"gb-wysiwyg-editor-icon\",{\"active\":[4],\"type\":[1],\"state\":[1]}]]],[\"gb-card-icon\",[[257,\"gb-card-icon\",{\"size\":[1],\"color\":[1],\"icon\":[1],\"leadingIconSvg\":[32]}]]],[\"gb-step-base\",[[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\"]}]]]]"), options);
 };
 
 export { defineCustomElements };

package/dist/esm/test-input-tag.entry.js

@@ -76,7 +76,7 @@ const TestInputTag = class {
         this.exportValue.emit(this.selectedStaff);
     }
     render() {
-        return (h("div", { key: '0867a2fc9acae76e7ef9ee979b65f0c8c8fdcdb2', class: "input_group", ref: el => (this.inputGroupElement = el) }, h("label", { key: 'ffc41db4ec6014fccb4a3881b20eb95032717488', htmlFor: this.idOfInput }, this.labelText), h("div", { key: 'a3bd48aae376ad88e40a53604c1ff2669618d490', class: "input_like_parent", onClick: () => (this.dropdownOpen = !this.dropdownOpen) }, h("input", { key: '9029c66a3916ab3251fdba0788a1edb4ff1b41f4', id: this.idOfInput, class: "input_like", type: "text", placeholder: this.placeholderText, value: this.inputValue, readOnly: this.isReadOnly, ref: el => (this.inputElement = el), onBlur: () => this.exportSelectedStaff() }), h("div", { key: '6e344e6a914fb16d71618afed3b1aacbd2f93128', class: `results_display ${this.selectedStaff.length >= 1 ? 'show_results' : ''}`, ref: el => (this.resultsDisplayElement = el) }, this.selectedStaff.map((staff, index) => (
+        return (h("div", { key: 'cc7684d2908253d0a78c0676403d2b46efc23c2e', class: "input_group", ref: el => (this.inputGroupElement = el) }, h("label", { key: '410dfd48f73f582f25317802ecaa2ba0da79c0f7', htmlFor: this.idOfInput }, this.labelText), h("div", { key: 'e3ece236dd2b3cbdbc296cd4c6c35aa0a5cfbdd2', class: "input_like_parent", onClick: () => (this.dropdownOpen = !this.dropdownOpen) }, h("input", { key: '0923915a538dc61f994a1def95a3e6fedac17add', id: this.idOfInput, class: "input_like", type: "text", placeholder: this.placeholderText, value: this.inputValue, readOnly: this.isReadOnly, ref: el => (this.inputElement = el), onBlur: () => this.exportSelectedStaff() }), h("div", { key: '1b1c5ad607fb0a12e27aee85f82f374f30cd8caf', class: `results_display ${this.selectedStaff.length >= 1 ? 'show_results' : ''}`, ref: el => (this.resultsDisplayElement = el) }, this.selectedStaff.map((staff, index) => (
         //   <span>
         //     {staff.fullname}
         //     <img
@@ -85,7 +85,7 @@ const TestInputTag = class {
         //       onClick={() => this.removeStaff(index)}
         //     />
         //   </span>
-        h("gb-tag", { size: "sm", action: "X_close", icon: "avatar", onClick: () => this.removeStaff(index) }, h("h1", { slot: "initials" }, staff.fullname.split(' ').map(part => part.charAt(0).toUpperCase())), h("p", null, staff.fullname.split(' ')[0])))))), this.show && (h("div", { key: '4ceb527b5c373d22bc1708d594a5d35ea6a32c76', class: `dropdown_menu ${this.show ? 'show' : ''}` }, this.staffInfo.map(staff => (
+        h("gb-tag", { size: "sm", action: "X_close", icon: "avatar", onClick: () => this.removeStaff(index) }, h("h1", { slot: "initials" }, staff.fullname.split(' ').map(part => part.charAt(0).toUpperCase())), h("p", null, staff.fullname.split(' ')[0])))))), this.show && (h("div", { key: '33ce69ec3314af10b9e77e1b3809ef421d5ccf88', class: `dropdown_menu ${this.show ? 'show' : ''}` }, this.staffInfo.map(staff => (
         //   <li class="aList" onClick={() => this.selectStaff(staff)}>
         //     <div>{staff.fullname}</div>
         //     <div>{staff.email}</div>

package/dist/globuscomponents/assets/database_entire_data.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M20 5C20 6.65685 16.4183 8 12 8C7.58172 8 4 6.65685 4 5M20 5C20 3.34315 16.4183 2 12 2C7.58172 2 4 3.34315 4 5M20 5V19C20 20.6569 16.4183 22 12 22C7.58172 22 4 20.6569 4 19V5M20 12C20 13.6569 16.4183 15 12 15C7.58172 15 4 13.6569 4 12M8 8V10M8 15V17" stroke="#141B34" stroke-width="1.5" stroke-linecap="round"/>
+</svg>

package/dist/globuscomponents/assets/filter_filtered_data.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M3 6.25C2.58579 6.25 2.25 6.58579 2.25 7C2.25 7.41421 2.58579 7.75 3 7.75V6.25ZM3 16.25C2.58579 16.25 2.25 16.5858 2.25 17C2.25 17.4142 2.58579 17.75 3 17.75V16.25ZM9 17.75C9.41421 17.75 9.75 17.4142 9.75 17C9.75 16.5858 9.41421 16.25 9 16.25V17.75ZM21 17.75C21.4142 17.75 21.75 17.4142 21.75 17C21.75 16.5858 21.4142 16.25 21 16.25V17.75ZM15 6.25C14.5858 6.25 14.25 6.58579 14.25 7C14.25 7.41421 14.5858 7.75 15 7.75V6.25ZM21 7.75C21.4142 7.75 21.75 7.41421 21.75 7C21.75 6.58579 21.4142 6.25 21 6.25V7.75ZM11.8478 8.76537L11.1549 8.47835L11.8478 8.76537ZM11.8478 5.23463L11.1549 5.52165L11.8478 5.23463ZM17.8478 18.7654L17.1549 18.4784L17.8478 18.7654ZM17.8478 15.2346L17.1549 15.5216L17.8478 15.2346ZM3 7.75H6V6.25H3V7.75ZM3 17.75H9V16.25H3V17.75ZM18 17.75H21V16.25H18V17.75ZM15 7.75L21 7.75V6.25L15 6.25V7.75ZM9 9.25C8.5238 9.25 8.20421 9.24959 7.95674 9.23271C7.71601 9.21628 7.5988 9.18681 7.52165 9.15485L6.94762 10.5407C7.23801 10.661 7.53754 10.7076 7.85464 10.7292C8.165 10.7504 8.54432 10.75 9 10.75V9.25ZM5.25 7C5.25 7.45568 5.24959 7.835 5.27077 8.14536C5.29241 8.46246 5.33905 8.76199 5.45933 9.05238L6.84515 8.47835C6.81319 8.4012 6.78372 8.28399 6.76729 8.04326C6.75041 7.79579 6.75 7.4762 6.75 7H5.25ZM7.52165 9.15485C7.21536 9.02798 6.97202 8.78464 6.84515 8.47835L5.45933 9.05238C5.73844 9.72621 6.27379 10.2616 6.94762 10.5407L7.52165 9.15485ZM11.25 7C11.25 7.4762 11.2496 7.79579 11.2327 8.04326C11.2163 8.28399 11.1868 8.4012 11.1549 8.47835L12.5407 9.05238C12.661 8.76199 12.7076 8.46246 12.7292 8.14536C12.7504 7.835 12.75 7.45568 12.75 7H11.25ZM9 10.75C9.45568 10.75 9.835 10.7504 10.1454 10.7292C10.4625 10.7076 10.762 10.661 11.0524 10.5407L10.4784 9.15485C10.4012 9.18681 10.284 9.21628 10.0433 9.23271C9.79579 9.24959 9.4762 9.25 9 9.25V10.75ZM11.1549 8.47835C11.028 8.78464 10.7846 9.02798 10.4784 9.15485L11.0524 10.5407C11.7262 10.2616 12.2616 9.72621 12.5407 9.05238L11.1549 8.47835ZM9 4.75C9.4762 4.75 9.79579 4.75041 10.0433 4.76729C10.284 4.78372 10.4012 4.81319 10.4784 4.84515L11.0524 3.45933C10.762 3.33905 10.4625 3.29241 10.1454 3.27077C9.835 3.24959 9.45568 3.25 9 3.25V4.75ZM12.75 7C12.75 6.54432 12.7504 6.165 12.7292 5.85464C12.7076 5.53754 12.661 5.23801 12.5407 4.94762L11.1549 5.52165C11.1868 5.5988 11.2163 5.71601 11.2327 5.95674C11.2496 6.20421 11.25 6.5238 11.25 7H12.75ZM10.4784 4.84515C10.7846 4.97202 11.028 5.21536 11.1549 5.52165L12.5407 4.94762C12.2616 4.27379 11.7262 3.73844 11.0524 3.45933L10.4784 4.84515ZM9 3.25C8.54432 3.25 8.165 3.24959 7.85464 3.27077C7.53754 3.29241 7.23801 3.33905 6.94762 3.45933L7.52165 4.84515C7.5988 4.81319 7.71601 4.78372 7.95674 4.76729C8.20421 4.75041 8.5238 4.75 9 4.75V3.25ZM6.75 7C6.75 6.5238 6.75041 6.20421 6.76729 5.95674C6.78372 5.71602 6.81319 5.5988 6.84515 5.52165L5.45933 4.94762C5.33905 5.23801 5.29241 5.53754 5.27077 5.85464C5.24959 6.165 5.25 6.54432 5.25 7H6.75ZM6.94762 3.45933C6.27379 3.73844 5.73844 4.27379 5.45933 4.94762L6.84515 5.52165C6.97202 5.21536 7.21536 4.97202 7.52165 4.84515L6.94762 3.45933ZM15 19.25C14.5238 19.25 14.2042 19.2496 13.9567 19.2327C13.716 19.2163 13.5988 19.1868 13.5216 19.1549L12.9476 20.5407C13.238 20.661 13.5375 20.7076 13.8546 20.7292C14.165 20.7504 14.5443 20.75 15 20.75V19.25ZM11.25 17C11.25 17.4557 11.2496 17.835 11.2708 18.1454C11.2924 18.4625 11.339 18.762 11.4593 19.0524L12.8451 18.4784C12.8132 18.4012 12.7837 18.284 12.7673 18.0433C12.7504 17.7958 12.75 17.4762 12.75 17H11.25ZM13.5216 19.1549C13.2154 19.028 12.972 18.7846 12.8451 18.4784L11.4593 19.0524C11.7384 19.7262 12.2738 20.2616 12.9476 20.5407L13.5216 19.1549ZM17.25 17C17.25 17.4762 17.2496 17.7958 17.2327 18.0433C17.2163 18.284 17.1868 18.4012 17.1549 18.4784L18.5407 19.0524C18.661 18.762 18.7076 18.4625 18.7292 18.1454C18.7504 17.835 18.75 17.4557 18.75 17H17.25ZM15 20.75C15.4557 20.75 15.835 20.7504 16.1454 20.7292C16.4625 20.7076 16.762 20.661 17.0524 20.5407L16.4784 19.1549C16.4012 19.1868 16.284 19.2163 16.0433 19.2327C15.7958 19.2496 15.4762 19.25 15 19.25V20.75ZM17.1549 18.4784C17.028 18.7846 16.7846 19.028 16.4784 19.1549L17.0524 20.5407C17.7262 20.2616 18.2616 19.7262 18.5407 19.0524L17.1549 18.4784ZM15 14.75C15.4762 14.75 15.7958 14.7504 16.0433 14.7673C16.284 14.7837 16.4012 14.8132 16.4784 14.8451L17.0524 13.4593C16.762 13.339 16.4625 13.2924 16.1454 13.2708C15.835 13.2496 15.4557 13.25 15 13.25V14.75ZM18.75 17C18.75 16.5443 18.7504 16.165 18.7292 15.8546C18.7076 15.5375 18.661 15.238 18.5407 14.9476L17.1549 15.5216C17.1868 15.5988 17.2163 15.716 17.2327 15.9567C17.2496 16.2042 17.25 16.5238 17.25 17H18.75ZM16.4784 14.8451C16.7846 14.972 17.028 15.2154 17.1549 15.5216L18.5407 14.9476C18.2616 14.2738 17.7262 13.7384 17.0524 13.4593L16.4784 14.8451ZM15 13.25C14.5443 13.25 14.165 13.2496 13.8546 13.2708C13.5375 13.2924 13.238 13.339 12.9476 13.4593L13.5216 14.8451C13.5988 14.8132 13.716 14.7837 13.9567 14.7673C14.2042 14.7504 14.5238 14.75 15 14.75V13.25ZM12.75 17C12.75 16.5238 12.7504 16.2042 12.7673 15.9567C12.7837 15.716 12.8132 15.5988 12.8451 15.5216L11.4593 14.9476C11.339 15.238 11.2924 15.5375 11.2708 15.8546C11.2496 16.165 11.25 16.5443 11.25 17H12.75ZM12.9476 13.4593C12.2738 13.7384 11.7384 14.2738 11.4593 14.9476L12.8451 15.5216C12.972 15.2154 13.2154 14.972 13.5216 14.8451L12.9476 13.4593Z" fill="#141B34"/>
+</svg>

package/dist/globuscomponents/assets/laptop_data_on_view.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M20 14.5V6.5C20 4.61438 20 3.67157 19.4142 3.08579C18.8284 2.5 17.8856 2.5 16 2.5H8C6.11438 2.5 5.17157 2.5 4.58579 3.08579C4 3.67157 4 4.61438 4 6.5V14.5M12 5.5H12.009M4.01953 14.5L3.49762 15.5154C2.05474 18.177 1.69543 19.5077 2.24387 20.5039C2.79231 21.5 4.24642 21.5 7.15462 21.5H16.8454C19.7536 21.5 21.2077 21.5 21.7561 20.5039C22.3046 19.5077 21.9452 18.177 20.5023 15.5154L19.9518 14.5H4.01953Z" stroke="#141B34" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/dist/globuscomponents/gb-breadcrumbs.entry.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"gb-breadcrumbs.entry.esm.js","sources":["src/components/gb-breadcrumbs/gb-breadcrumbs.css?tag=gb-breadcrumbs&encapsulation=shadow","src/components/gb-breadcrumbs/gb-breadcrumbs.tsx"],"sourcesContent":["@import './../../global/global.css';\r\n\r\n:host{\r\n    width: 100%;\r\n}\r\n\r\n.breadcrumbs_div {\r\n  display: inline-flex;\r\n  align-items: center;\r\n}\r\n\r\n.breadcrumb-item{\r\n  display: flex;\r\n  align-items: center;\r\n  gap: var(--spacing-2);\r\n}\r\n\r\n.breadcrumbs_div.text_with_line {\r\n  display: inline-flex;\r\n  padding: 0.5rem 0rem;\r\n  flex-direction: column;\r\n  justify-content: center;\r\n  align-items: flex-start;\r\n  gap: 0.5rem;\r\n  border-top: 1px solid var(--color-border-subtler, #e3e8ef);\r\n  border-bottom: 1px solid var(--color-border-subtler, #e3e8ef);\r\n}\r\n\r\n.breadcrumbs_div.button_gray_with_border{\r\npadding: 0.25rem;\r\nalign-items: center;\r\nborder-radius: 0.5rem;\r\nborder: 1px solid var(--color-border-subtler, #CDD5DF);\r\nbackground: var(--color-background-gray-subtlest, #F6F8FA);\r\n}\r\n\r\n.tabs {\r\n  display: flex;\r\n  align-items: center;\r\n}\r\n\r\n.tabs.text,\r\n.tabs.text_with_line {\r\n  gap: var(--spacing-3);\r\n}\r\n\r\n.tabs.text_with_line {\r\n  padding-left: var(--spacing-3);\r\n}\r\n\r\n.tabs.button_primary,\r\n.tabs.button_gray,\r\n.tabs.button_gray_with_border {\r\n  gap: var(--spacing-2);\r\n}\r\n","import { Component, Prop, h, Event, EventEmitter, State } from '@stencil/core';\r\n\r\n@Component({\r\n  tag: 'gb-breadcrumbs',\r\n  styleUrl: 'gb-breadcrumbs.css',\r\n  shadow: true,\r\n})\r\nexport class GbBreadcrumbs {\r\n  @Prop() type: 'text' | 'text_with_line' | 'button_primary' | 'button_gray' | 'button_gray_with_border' = 'text';\r\n  @Prop() divider: 'chevron' | 'slash' = 'chevron';\r\n  @Prop() breadcrumbs: {\r\n    label: string;\r\n    id: string;\r\n    url: string;\r\n  }[] = [\r\n    // { label: 'Projects', id: 'projects' },\r\n    // { label: 'Design System', id: 'design-system' },\r\n    // { label: 'Buttons', id: 'buttons' },\r\n  ];\r\n  @Prop() icon?: string;\r\n  @Event() breadcrumbClicked: EventEmitter<{ id: string; url?: string }>;\r\n  @State() visibleBreadcrumbs: {\r\n    label: string;\r\n    id: string;\r\n    url: string;\r\n  }[] = [];\r\n\r\n  componentWillLoad() {\r\n    this.visibleBreadcrumbs = [...this.breadcrumbs];\r\n  }\r\n\r\n  private handleBreadcrumbClick(clickedId: string, url: string) {\r\n    const index = this.visibleBreadcrumbs.findIndex(b => b.id === clickedId);\r\n    if (index !== -1) {\r\n      this.visibleBreadcrumbs = this.visibleBreadcrumbs.slice(0, index + 1);\r\n      this.breadcrumbClicked.emit({ id: clickedId, url });\r\n    }\r\n  }\r\n\r\n  private handleHomeClick() {\r\n    this.visibleBreadcrumbs = [];\r\n    this.breadcrumbClicked.emit({ id: 'home' });\r\n  }\r\n\r\n  private renderDivider() {\r\n    return this.divider === 'chevron' ? (\r\n      <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\r\n        <path d=\"M6 4C6 4 10 6.946 10 8C10 9.054 6 12 6 12\" stroke=\"#CDD5DF\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n      </svg>\r\n    ) : (\r\n      <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\">\r\n        <path d=\"M5.833 18.333L14.167 1.667\" stroke=\"#CDD5DF\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n      </svg>\r\n    );\r\n  }\r\n\r\n  private resolveType() {\r\n    switch (this.type) {\r\n      case 'text':\r\n      case 'text_with_line':\r\n        return 'text';\r\n      case 'button_primary':\r\n        return 'button_primary';\r\n      case 'button_gray':\r\n      case 'button_gray_with_border':\r\n        return 'button_gray';\r\n      default:\r\n        return 'text';\r\n    }\r\n  }\r\n\r\n  render() {\r\n    const btnType = this.resolveType();\r\n\r\n    return (\r\n      <div class={`breadcrumbs_div ${this.type}`}>\r\n        <div class={`tabs ${this.type}`}>\r\n          {/* Home button */}\r\n          <gb-breadcrumb-button-base\r\n            icon={true}\r\n            icon-src={this.icon}\r\n            type={btnType}\r\n            current={this.visibleBreadcrumbs.length === 0}\r\n            onClick={() => this.handleHomeClick()}\r\n          ></gb-breadcrumb-button-base>\r\n\r\n          {this.visibleBreadcrumbs.map((breadcrumb, index) => (\r\n            <div class=\"breadcrumb-item\" key={breadcrumb.id}>\r\n              {this.renderDivider()}\r\n              <gb-breadcrumb-button-base\r\n                icon={false}\r\n                label={breadcrumb.label}\r\n                type={btnType}\r\n                current={index === this.visibleBreadcrumbs.length - 1}\r\n                onClick={() => this.handleBreadcrumbClick(breadcrumb.id, breadcrumb.url)}\r\n              ></gb-breadcrumb-button-base>\r\n            </div>\r\n          ))}\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"gb-breadcrumbs.entry.esm.js","sources":["src/components/gb-breadcrumbs/gb-breadcrumbs.css?tag=gb-breadcrumbs&encapsulation=shadow","src/components/gb-breadcrumbs/gb-breadcrumbs.tsx"],"sourcesContent":["@import './../../global/global.css';\r\n\r\n:host {\r\n  width: 100%;\r\n}\r\n\r\n.breadcrumbs_div {\r\n  display: inline-flex;\r\n  align-items: center;\r\n}\r\n\r\n.breadcrumb-item {   \r\n  display: flex;\r\n  align-items: center;\r\n  gap: var(--spacing-2);\r\n}\r\n\r\n.breadcrumbs_div.text_with_line {\r\n  display: inline-flex;\r\n  padding: 0.5rem 0rem;\r\n  flex-direction: column;\r\n  justify-content: center;\r\n  align-items: flex-start;\r\n  gap: 0.5rem;\r\n  border-top: 1px solid var(--color-border-subtler, #e3e8ef);\r\n  border-bottom: 1px solid var(--color-border-subtler, #e3e8ef);\r\n}\r\n\r\n.breadcrumbs_div.button_gray_with_border {\r\n  padding: 0.25rem;\r\n  align-items: center;\r\n  border-radius: 0.5rem;\r\n  border: 1px solid var(--color-border-subtler, #cdd5df);\r\n  background: var(--color-background-gray-subtlest, #f6f8fa);\r\n}\r\n\r\n.tabs {\r\n  display: flex;\r\n  align-items: center;\r\n}\r\n\r\n.tabs.text,\r\n.tabs.text_with_line {\r\n  gap: var(--spacing-3);\r\n}\r\n\r\n.tabs.text_with_line {\r\n  padding-left: var(--spacing-3);\r\n}\r\n\r\n.tabs.button_primary,\r\n.tabs.button_gray,\r\n.tabs.button_gray_with_border {\r\n  gap: var(--spacing-2);\r\n}\r\n","import { Component, Prop, h, Event, EventEmitter, State } from '@stencil/core';\r\n\r\n@Component({\r\n  tag: 'gb-breadcrumbs',\r\n  styleUrl: 'gb-breadcrumbs.css',\r\n  shadow: true,\r\n})\r\nexport class GbBreadcrumbs {\r\n  @Prop() type: 'text' | 'text_with_line' | 'button_primary' | 'button_gray' | 'button_gray_with_border' = 'text';\r\n  @Prop() divider: 'chevron' | 'slash' = 'chevron';\r\n  @Prop() breadcrumbs: {\r\n    label: string;\r\n    id: string;\r\n    url: string;\r\n  }[] = [\r\n    // { label: 'Projects', id: 'projects' },\r\n    // { label: 'Design System', id: 'design-system' },\r\n    // { label: 'Buttons', id: 'buttons' },\r\n  ];\r\n  @Prop() icon?: string;\r\n  @Event() breadcrumbClicked: EventEmitter<{ id: string; url?: string }>;\r\n  @State() visibleBreadcrumbs: {\r\n    label: string;\r\n    id: string;\r\n    url: string;\r\n  }[] = [];\r\n\r\n  componentWillLoad() {\r\n    this.visibleBreadcrumbs = [...this.breadcrumbs];\r\n  }\r\n\r\n  private handleBreadcrumbClick(clickedId: string, url: string) {\r\n    const index = this.visibleBreadcrumbs.findIndex(b => b.id === clickedId);\r\n    if (index !== -1) {\r\n      this.visibleBreadcrumbs = this.visibleBreadcrumbs.slice(0, index + 1);\r\n      this.breadcrumbClicked.emit({ id: clickedId, url });\r\n    }\r\n  }\r\n\r\n  private handleHomeClick() {\r\n    this.visibleBreadcrumbs = [];\r\n    this.breadcrumbClicked.emit({ id: 'home' });\r\n  }\r\n\r\n  private renderDivider() {\r\n    return this.divider === 'chevron' ? (\r\n      <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\r\n        <path d=\"M6 4C6 4 10 6.946 10 8C10 9.054 6 12 6 12\" stroke=\"#CDD5DF\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n      </svg>\r\n    ) : (\r\n      <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\">\r\n        <path d=\"M5.833 18.333L14.167 1.667\" stroke=\"#CDD5DF\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n      </svg>\r\n    );\r\n  }\r\n\r\n  private resolveType() {\r\n    switch (this.type) {\r\n      case 'text':\r\n      case 'text_with_line':\r\n        return 'text';\r\n      case 'button_primary':\r\n        return 'button_primary';\r\n      case 'button_gray':\r\n      case 'button_gray_with_border':\r\n        return 'button_gray';\r\n      default:\r\n        return 'text';\r\n    }\r\n  }\r\n\r\n  render() {\r\n    const btnType = this.resolveType();\r\n\r\n    return (\r\n      <div class={`breadcrumbs_div ${this.type}`}>\r\n        <div class={`tabs ${this.type}`}>\r\n          {/* Home button */}\r\n          <gb-breadcrumb-button-base\r\n            icon={true}\r\n            icon-src={this.icon}\r\n            type={btnType}\r\n            current={this.visibleBreadcrumbs.length === 0}\r\n            onClick={() => this.handleHomeClick()}\r\n          ></gb-breadcrumb-button-base>\r\n\r\n          {this.visibleBreadcrumbs.map((breadcrumb, index) => (\r\n            <div class=\"breadcrumb-item\" key={breadcrumb.id}>\r\n              {this.renderDivider()}\r\n              <gb-breadcrumb-button-base\r\n                icon={false}\r\n                label={breadcrumb.label}\r\n                type={btnType}\r\n                current={index === this.visibleBreadcrumbs.length - 1}\r\n                onClick={() => this.handleBreadcrumbClick(breadcrumb.id, breadcrumb.url)}\r\n              ></gb-breadcrumb-button-base>\r\n            </div>\r\n          ))}\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n"],"names":[],"mappings":"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"}

package/dist/globuscomponents/gb-button.css

@@ -126,10 +126,7 @@ button.sm .icon svg {
 button.primary {
   background-color: var(--color-background-brandRed, #e21b2e);
   --icon-color: var(--color-icon-inverse, #ffffff);
-  color: var(--color-text-inverse, #ffffff) !important;
-}
-
-.slotted_text.primary {
+  color: var(--color-text-inverse, #ffffff);
 }
 
 button.secondary_gray {
@@ -139,9 +136,6 @@ button.secondary_gray {
   color: var(--color-text, #4b5565) !important;
 }
 
-.slotted_text.secondary_gray {
-}
-
 button.secondary_color {
   background-color: transparent;
   border: 1px solid var(--color-border-brandRed, #e21b2e);
@@ -149,27 +143,18 @@ button.secondary_color {
   --icon-color: var(--color-icon-brandRed, #e21b2e);
 }
 
-.slotted_text.secondary_color {
-}
-
 button.tertiary_gray {
   background-color: transparent;
   --icon-color: var(--color-icon, #4b5565);
   color: var(--color-text, #4b5565) !important;
 }
 
-.slotted_text.tertiary_gray {
-}
-
 button.tertiary_color {
   background-color: transparent;
   --icon-color: var(--color-icon-brandRed, #e21b2e);
   color: var(--color-text-brandRed, #e21b2e) !important;
 }
 
-.slotted_text.tertiary_color {
-}
-
 button.link_gray {
   background-color: transparent;
   --icon-color: var(--color-icon, #4b5565);
@@ -179,9 +164,6 @@ button.link_gray {
   color: var(--color-text, #4b5565) !important;
 }
 
-.slotted_text.link_gray {
-}
-
 button.link_color {
   background-color: transparent;
   --icon-color: var(--color-link, #075db2);
@@ -191,9 +173,6 @@ button.link_color {
   color: var(--color-link, #075db2) !important;
 }
 
-.slotted_text.link_color {
-}
-
 /* Button Destructive Styles */
 button.primary.destructive {
   background-color: var(--color-background-danger, #b51726);

package/dist/globuscomponents/gb-button.tsx

@@ -44,8 +44,6 @@ export class GbButton {
     if (buttonSlot) {
       buttonSlot.classList.add(this.getButtonTextClasses());
       buttonSlot.classList.add('nowrap');
-      buttonSlot.classList.add('slotted_button_text');
-      buttonSlot.classList.add(`${this.hierarchy}`);
     }
   }
 

package/dist/globuscomponents/gb-horizontal-tabs.entry.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"gb-horizontal-tabs.entry.esm.js","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';\r\n\r\n.horizontal_tab_div_wrapper {\r\n  width: 100%;\r\n  overflow-x: auto;\r\n  scroll-behavior: smooth;\r\n  scrollbar-width: none; /* Firefox */\r\n  position: relative;\r\n  flex: 1;\r\n}\r\n\r\n.horizontal_tab_wrapper {\r\n  display: flex;\r\n  align-items: center;\r\n  width: 100%;\r\n  display: flex;\r\n  overflow: hidden;\r\n}\r\n\r\n.horizontal_tab_div_wrapper::-webkit-scrollbar {\r\n  display: none; /* Chrome, Safari, Opera */\r\n}\r\n\r\n.horizontal_tab_div {\r\n  display: flex;\r\n  justify-content: flex-start;\r\n  gap: var(--spacing-4);\r\n  width: 100%;\r\n}\r\n\r\n/* Tab Type Styles */\r\n.horizontal_tab_div.underline,\r\n.horizontal_tab_div.underline_filled {\r\n  box-shadow: inset 0 -1px 0 0 var(--color-border-subtle, #cdd5df);\r\n  width: 100%;\r\n}\r\n\r\n.horizontal_tab_div.button_white_border,\r\n.horizontal_tab_div.rounded_button_white_border {\r\n  padding: var(--spacing-1);\r\n  background: var(--color-background-gray-subtler, #eef2f6);\r\n  border: 1px solid var(--color-border-subtler, #e3e8ef);\r\n}\r\n\r\n.horizontal_tab_div.button_white_border {\r\n  border-radius: var(--rounded-sm);\r\n}\r\n\r\n.horizontal_tab_div.rounded_button_white_border {\r\n  border-radius: var(--rounded-full);\r\n}\r\n\r\n/* Full Width Styles */\r\n.horizontal_tab_div.full_width {\r\n  justify-content: space-between;\r\n}\r\n\r\n.horizontal_tab_div.button_primary,\r\n.horizontal_tab_div.button_gray,\r\n.horizontal_tab_div.button_white_border,\r\n.horizontal_tab_div.rounded_button_white_border {\r\n  gap: var(--spacing-2);\r\n}\r\n\r\n.tab_button_base.full_width {\r\n  display: flex;\r\n  justify-content: center;\r\n  flex-grow: 1;\r\n}\r\n\r\n.scroll_button_div {\r\n  display: flex;\r\n  /* height: 2.3125rem; */\r\n  justify-content: center;\r\n  align-items: center;\r\n  gap: 0.5rem;\r\n  top: 0;\r\n  position: absolute;\r\n  z-index: 9;\r\n}\r\n\r\n.scroll_button_div.left {\r\n  left: 0;\r\n  background: linear-gradient(90deg, var(--color-surface-bold, #f9fafb) 37.05%, var(--color-surface-bold-transparent-full, rgba(249, 250, 251, 0)) 100%);\r\n  padding: var(--spacing-2) var(--spacing-8) var(--spacing-2) var(--spacing-2);\r\n}\r\n\r\n.scroll_button_div.right {\r\n  background: linear-gradient(270deg, var(--color-surface-bold, #f9fafb) 37.05%, var(--color-surface-bold-transparent-full, rgba(249, 250, 251, 0)) 100%);\r\n  padding: var(--spacing-2) var(--spacing-2) var(--spacing-2) var(--spacing-8);\r\n  right: 0;\r\n}\r\n\r\n.scroll_button {\r\n  display: flex;\r\n  padding: var(--spacing-1);\r\n  align-items: center;\r\n  gap: var(--spacing-2);\r\n  border-radius: var(--rounded-full);\r\n  border: 1px solid var(--color-border-subtler, #e3e8ef);\r\n  background: var(--color-background-card, #ffffff);\r\n  cursor: pointer;\r\n}\r\n","import { Component, Event, EventEmitter, Prop, State, Watch, h } from '@stencil/core';\r\nimport { GeneralSizes, TabTypes } from '../../models/reusableModels';\r\n\r\n@Component({\r\n  tag: 'gb-horizontal-tabs',\r\n  styleUrl: 'gb-horizontal-tabs.css',\r\n  shadow: true,\r\n})\r\nexport class GbHorizontalTabs {\r\n  @Prop() type: TabTypes;\r\n  @Prop() size: GeneralSizes;\r\n  @Prop() fullWidth: boolean = false;\r\n  @Prop() badge: boolean = false;\r\n  @Prop({ mutable: true }) activeIndex: number;\r\n  @Prop() tabs: { name: string; index: number; badgeCount?: string }[] = [\r\n    {\r\n      name: 'First',\r\n      index: 0,\r\n      badgeCount: '5',\r\n    },\r\n    {\r\n      name: 'Second',\r\n      index: 1,\r\n      badgeCount: '10',\r\n    },\r\n    {\r\n      name: 'Second',\r\n      index: 1,\r\n      badgeCount: '10',\r\n    },\r\n    {\r\n      name: 'Second',\r\n      index: 1,\r\n      badgeCount: '10',\r\n    },\r\n    {\r\n      name: 'Second',\r\n      index: 1,\r\n      badgeCount: '10',\r\n    },\r\n    {\r\n      name: 'Second',\r\n      index: 1,\r\n      badgeCount: '10',\r\n    },\r\n    {\r\n      name: 'Second',\r\n      index: 1,\r\n      badgeCount: '10',\r\n    },\r\n    {\r\n      name: 'Second',\r\n      index: 1,\r\n      badgeCount: '10',\r\n    },\r\n    {\r\n      name: 'Second',\r\n      index: 1,\r\n      badgeCount: '10',\r\n    },\r\n    {\r\n      name: 'Second',\r\n      index: 1,\r\n      badgeCount: '10',\r\n    },\r\n    {\r\n      name: 'Second',\r\n      index: 1,\r\n      badgeCount: '10',\r\n    },\r\n    {\r\n      name: 'Second',\r\n      index: 1,\r\n      badgeCount: '10',\r\n    },\r\n    {\r\n      name: 'Second',\r\n      index: 1,\r\n      badgeCount: '10',\r\n    },\r\n    {\r\n      name: 'Second',\r\n      index: 1,\r\n      badgeCount: '10',\r\n    },\r\n    {\r\n      name: 'Second',\r\n      index: 1,\r\n      badgeCount: '10',\r\n    },\r\n    {\r\n      name: 'Second',\r\n      index: 1,\r\n      badgeCount: '10',\r\n    },\r\n    {\r\n      name: 'Second',\r\n      index: 1,\r\n      badgeCount: '10',\r\n    },\r\n    {\r\n      name: 'Second',\r\n      index: 1,\r\n      badgeCount: '10',\r\n    },\r\n    {\r\n      name: 'Second',\r\n      index: 1,\r\n      badgeCount: '10',\r\n    },\r\n  ];\r\n  @State() internalTabs: { name: string; index: number; badgeCount?: string }[] = [...this.tabs];\r\n  @State() internalActiveIndex: number = 0;\r\n  @Event() tabItemClicked: EventEmitter<number>;\r\n  @State() showLeftButton = false;\r\n  @State() showRightButton = false;\r\n  private tabContainer!: HTMLElement;\r\n\r\n  componentDidLoad() {\r\n    this.updateScrollButtons();\r\n    window.addEventListener('resize', this.updateScrollButtons.bind(this)); // Recheck on resize\r\n  }\r\n\r\n  scrollLeft() {\r\n    this.tabContainer.scrollBy({ left: -200, behavior: 'smooth' });\r\n  }\r\n\r\n  scrollRight() {\r\n    this.tabContainer.scrollBy({ left: 200, behavior: 'smooth' });\r\n  }\r\n\r\n  handleScroll() {\r\n    this.updateScrollButtons();\r\n  }\r\n\r\n  updateScrollButtons() {\r\n    if (!this.tabContainer) return;\r\n    const { scrollLeft, scrollWidth, clientWidth } = this.tabContainer;\r\n\r\n    // Only show buttons if overflow exists\r\n    const isOverflowing = scrollWidth > clientWidth;\r\n    this.showLeftButton = isOverflowing && scrollLeft > 0;\r\n    this.showRightButton = isOverflowing && scrollLeft + clientWidth < scrollWidth - 1;\r\n  }\r\n\r\n  @Watch('activeIndex')\r\n  setActiveIndex(_oldValue: number, newValue: number) {\r\n    this.internalActiveIndex = newValue;\r\n  }\r\n\r\n  @Watch('tabs')\r\n  onTabsChanged(newTabs: { name: string; index: number; badgeCount?: string }[]) {\r\n    this.internalTabs = newTabs;\r\n  }\r\n\r\n  componentWillLoad() {\r\n    this.internalTabs = this.tabs;\r\n  }\r\n\r\n  componentWillRender() {\r\n    this.internalActiveIndex = this.activeIndex;\r\n  }\r\n\r\n  disconnectedCallback() {\r\n    window.removeEventListener('resize', this.updateScrollButtons.bind(this));\r\n  }\r\n\r\n  async handleTabClick(index: number) {\r\n    this.activeIndex = index;\r\n    this.tabItemClicked.emit(index);\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <div class=\"horizontal_tab_div_wrapper\">\r\n        {this.showLeftButton && (\r\n          <div class=\"scroll_button_div left\">\r\n            <div class=\"scroll_button\" onClick={() => this.scrollLeft()}>\r\n              <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\r\n                <path\r\n                  d=\"M15 6C15 6 9.00001 10.4189 9 12C8.99999 13.5812 15 18 15 18\"\r\n                  stroke=\"var(--color-icon, #4B5565)\"\r\n                  stroke-width=\"1.5\"\r\n                  stroke-linecap=\"round\"\r\n                  stroke-linejoin=\"round\"\r\n                />\r\n              </svg>\r\n            </div>\r\n          </div>\r\n        )}\r\n        <div class=\"horizontal_tab_wrapper\" ref={el => (this.tabContainer = el as HTMLElement)} onScroll={() => this.handleScroll()}>\r\n          <div class={`horizontal_tab_div ${this.type} ${this.fullWidth ? 'full_width' : ''}`}>\r\n            {this.internalTabs.map((tab, index) => (\r\n              <gb-tab-button-base\r\n                class={`tab_button_base ${this.fullWidth ? 'full_width' : ''}`}\r\n                size={this.size}\r\n                full-width={this.fullWidth}\r\n                type={this.type === 'button_white_border' ? 'button_white' : this.type === 'rounded_button_white_border' ? 'rounded_button_white' : this.type}\r\n                onClick={() => this.handleTabClick(index)}\r\n                current={this.internalActiveIndex === index}\r\n                tab-name={tab.name}\r\n                badge={this.badge}\r\n                alignment=\"horizontal\"\r\n              >\r\n                <p slot=\"count\">{tab.badgeCount}</p>\r\n              </gb-tab-button-base>\r\n            ))}\r\n          </div>\r\n        </div>\r\n        {this.showRightButton && (\r\n          <div class=\"scroll_button_div right\">\r\n            <div class=\"scroll_button\" onClick={() => this.scrollRight()}>\r\n              <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\r\n                <path\r\n                  d=\"M9.00005 6C9.00005 6 15 10.4189 15 12C15 13.5812 9 18 9 18\"\r\n                  stroke=\"var(--color-icon, #4B5565)\"\r\n                  stroke-width=\"1.5\"\r\n                  stroke-linecap=\"round\"\r\n                  stroke-linejoin=\"round\"\r\n                />\r\n              </svg>\r\n            </div>\r\n          </div>\r\n        )}\r\n      </div>\r\n    );\r\n  }\r\n}\r\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"gb-horizontal-tabs.entry.esm.js","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';\r\n\r\n.horizontal_tab_div_wrapper {\r\n  width: 100%;\r\n  overflow-x: auto;\r\n  scroll-behavior: smooth;\r\n  scrollbar-width: none; /* Firefox */\r\n  position: relative;\r\n  flex: 1;\r\n}\r\n\r\n.horizontal_tab_wrapper {\r\n  display: flex;\r\n  align-items: center;\r\n  width: 100%;\r\n  display: flex;\r\n  overflow: hidden;\r\n}\r\n\r\n.horizontal_tab_div_wrapper::-webkit-scrollbar {\r\n  display: none; /* Chrome, Safari, Opera */\r\n}\r\n\r\n.horizontal_tab_div {\r\n  display: flex;\r\n  justify-content: flex-start;\r\n  gap: var(--spacing-4);\r\n  width: 100%;\r\n}\r\n\r\n/* Tab Type Styles */\r\n.horizontal_tab_div.underline,\r\n.horizontal_tab_div.underline_filled {\r\n  box-shadow: inset 0 -1px 0 0 var(--color-border-subtle, #cdd5df);\r\n  width: 100%;\r\n}\r\n\r\n.horizontal_tab_div.button_white_border,\r\n.horizontal_tab_div.rounded_button_white_border {\r\n  padding: var(--spacing-1);\r\n  background: var(--color-background-gray-subtler, #eef2f6);\r\n  border: 1px solid var(--color-border-subtler, #e3e8ef);\r\n}\r\n\r\n.horizontal_tab_div.button_white_border {\r\n  border-radius: var(--rounded-sm);\r\n}\r\n\r\n.horizontal_tab_div.rounded_button_white_border {\r\n  border-radius: var(--rounded-full);\r\n}\r\n\r\n/* Full Width Styles */\r\n.horizontal_tab_div.full_width {\r\n  justify-content: space-between;\r\n}\r\n\r\n.horizontal_tab_div.button_primary,\r\n.horizontal_tab_div.button_gray,\r\n.horizontal_tab_div.button_white_border,\r\n.horizontal_tab_div.rounded_button_white_border {\r\n  gap: var(--spacing-2);\r\n}\r\n\r\n.tab_button_base.full_width {\r\n  display: flex;\r\n  justify-content: center;\r\n  flex-grow: 1;\r\n}\r\n\r\n.scroll_button_div {\r\n  display: flex;\r\n  /* height: 2.3125rem; */\r\n  justify-content: center;\r\n  align-items: center;\r\n  gap: 0.5rem;\r\n  top: 0;\r\n  position: absolute;\r\n  z-index: 9;\r\n}\r\n\r\n.scroll_button_div.left {\r\n  left: 0;\r\n  background: linear-gradient(90deg, var(--color-surface-bold, #f9fafb) 37.05%, var(--color-surface-bold-transparent-full, rgba(249, 250, 251, 0)) 100%);\r\n  padding: var(--spacing-2) var(--spacing-8) var(--spacing-2) var(--spacing-2);\r\n}\r\n\r\n.scroll_button_div.right {\r\n  background: linear-gradient(270deg, var(--color-surface-bold, #f9fafb) 37.05%, var(--color-surface-bold-transparent-full, rgba(249, 250, 251, 0)) 100%);\r\n  padding: var(--spacing-2) var(--spacing-2) var(--spacing-2) var(--spacing-8);\r\n  right: 0;\r\n}\r\n\r\n.scroll_button {\r\n  display: flex;\r\n  padding: var(--spacing-1);\r\n  align-items: center;\r\n  gap: var(--spacing-2);\r\n  border-radius: var(--rounded-full);\r\n  border: 1px solid var(--color-border-subtler, #e3e8ef);\r\n  background: var(--color-background-card, #ffffff);\r\n  cursor: pointer;\r\n}\r\n","import { Component, Event, EventEmitter, Prop, State, Watch, h } from '@stencil/core';\r\nimport { GeneralSizes, TabTypes } from '../../models/reusableModels';\r\n\r\n@Component({\r\n  tag: 'gb-horizontal-tabs',\r\n  styleUrl: 'gb-horizontal-tabs.css',\r\n  shadow: true,\r\n})\r\nexport class GbHorizontalTabs {\r\n  @Prop() type: TabTypes;\r\n  @Prop() size: GeneralSizes;\r\n  @Prop() fullWidth: boolean = false;\r\n  @Prop() badge: boolean = false;\r\n  @Prop({ mutable: true }) activeIndex: number;\r\n  @Prop() tabs: { name: string; index: number; badgeCount?: string }[] = [\r\n    // {\r\n    //   name: 'First',\r\n    //   index: 0,\r\n    //   badgeCount: '5',\r\n    // },\r\n    // {\r\n    //   name: 'Second',\r\n    //   index: 1,\r\n    //   badgeCount: '10',\r\n    // },\r\n    // {\r\n    //   name: 'Second',\r\n    //   index: 1,\r\n    //   badgeCount: '10',\r\n    // },\r\n    // {\r\n    //   name: 'Second',\r\n    //   index: 1,\r\n    //   badgeCount: '10',\r\n    // },\r\n    // {\r\n    //   name: 'Second',\r\n    //   index: 1,\r\n    //   badgeCount: '10',\r\n    // },\r\n    // {\r\n    //   name: 'Second',\r\n    //   index: 1,\r\n    //   badgeCount: '10',\r\n    // },\r\n    // {\r\n    //   name: 'Second',\r\n    //   index: 1,\r\n    //   badgeCount: '10',\r\n    // },\r\n    // {\r\n    //   name: 'Second',\r\n    //   index: 1,\r\n    //   badgeCount: '10',\r\n    // },\r\n    // {\r\n    //   name: 'Second',\r\n    //   index: 1,\r\n    //   badgeCount: '10',\r\n    // },\r\n    // {\r\n    //   name: 'Second',\r\n    //   index: 1,\r\n    //   badgeCount: '10',\r\n    // },\r\n    // {\r\n    //   name: 'Second',\r\n    //   index: 1,\r\n    //   badgeCount: '10',\r\n    // },\r\n    // {\r\n    //   name: 'Second',\r\n    //   index: 1,\r\n    //   badgeCount: '10',\r\n    // },\r\n    // {\r\n    //   name: 'Second',\r\n    //   index: 1,\r\n    //   badgeCount: '10',\r\n    // },\r\n    // {\r\n    //   name: 'Second',\r\n    //   index: 1,\r\n    //   badgeCount: '10',\r\n    // },\r\n    // {\r\n    //   name: 'Second',\r\n    //   index: 1,\r\n    //   badgeCount: '10',\r\n    // },\r\n    // {\r\n    //   name: 'Second',\r\n    //   index: 1,\r\n    //   badgeCount: '10',\r\n    // },\r\n    // {\r\n    //   name: 'Second',\r\n    //   index: 1,\r\n    //   badgeCount: '10',\r\n    // },\r\n    // {\r\n    //   name: 'Second',\r\n    //   index: 1,\r\n    //   badgeCount: '10',\r\n    // },\r\n    // {\r\n    //   name: 'Second',\r\n    //   index: 1,\r\n    //   badgeCount: '10',\r\n    // },\r\n  ];\r\n  @State() internalTabs: { name: string; index: number; badgeCount?: string }[] = [...this.tabs];\r\n  @State() internalActiveIndex: number = 0;\r\n  @Event() tabItemClicked: EventEmitter<number>;\r\n  @State() showLeftButton = false;\r\n  @State() showRightButton = false;\r\n  private tabContainer!: HTMLElement;\r\n\r\n  componentDidLoad() {\r\n    this.updateScrollButtons();\r\n    window.addEventListener('resize', this.updateScrollButtons.bind(this)); // Recheck on resize\r\n  }\r\n\r\n  scrollLeft() {\r\n    this.tabContainer.scrollBy({ left: -200, behavior: 'smooth' });\r\n  }\r\n\r\n  scrollRight() {\r\n    this.tabContainer.scrollBy({ left: 200, behavior: 'smooth' });\r\n  }\r\n\r\n  handleScroll() {\r\n    this.updateScrollButtons();\r\n  }\r\n\r\n  updateScrollButtons() {\r\n    if (!this.tabContainer) return;\r\n    const { scrollLeft, scrollWidth, clientWidth } = this.tabContainer;\r\n\r\n    // Only show buttons if overflow exists\r\n    const isOverflowing = scrollWidth > clientWidth;\r\n    this.showLeftButton = isOverflowing && scrollLeft > 0;\r\n    this.showRightButton = isOverflowing && scrollLeft + clientWidth < scrollWidth - 1;\r\n  }\r\n\r\n  @Watch('activeIndex')\r\n  setActiveIndex(_oldValue: number, newValue: number) {\r\n    this.internalActiveIndex = newValue;\r\n  }\r\n\r\n  @Watch('tabs')\r\n  onTabsChanged(newTabs: { name: string; index: number; badgeCount?: string }[]) {\r\n    this.internalTabs = newTabs;\r\n  }\r\n\r\n  componentWillLoad() {\r\n    this.internalTabs = this.tabs;\r\n  }\r\n\r\n  componentWillRender() {\r\n    this.internalActiveIndex = this.activeIndex;\r\n  }\r\n\r\n  disconnectedCallback() {\r\n    window.removeEventListener('resize', this.updateScrollButtons.bind(this));\r\n  }\r\n\r\n  async handleTabClick(index: number) {\r\n    this.activeIndex = index;\r\n    this.tabItemClicked.emit(index);\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <div class=\"horizontal_tab_div_wrapper\">\r\n        {this.showLeftButton && (\r\n          <div class=\"scroll_button_div left\">\r\n            <div class=\"scroll_button\" onClick={() => this.scrollLeft()}>\r\n              <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\r\n                <path\r\n                  d=\"M15 6C15 6 9.00001 10.4189 9 12C8.99999 13.5812 15 18 15 18\"\r\n                  stroke=\"var(--color-icon, #4B5565)\"\r\n                  stroke-width=\"1.5\"\r\n                  stroke-linecap=\"round\"\r\n                  stroke-linejoin=\"round\"\r\n                />\r\n              </svg>\r\n            </div>\r\n          </div>\r\n        )}\r\n        <div class=\"horizontal_tab_wrapper\" ref={el => (this.tabContainer = el as HTMLElement)} onScroll={() => this.handleScroll()}>\r\n          <div class={`horizontal_tab_div ${this.type} ${this.fullWidth ? 'full_width' : ''}`}>\r\n            {this.internalTabs.map((tab, index) => (\r\n              <gb-tab-button-base\r\n                class={`tab_button_base ${this.fullWidth ? 'full_width' : ''}`}\r\n                size={this.size}\r\n                full-width={this.fullWidth}\r\n                type={this.type === 'button_white_border' ? 'button_white' : this.type === 'rounded_button_white_border' ? 'rounded_button_white' : this.type}\r\n                onClick={() => this.handleTabClick(index)}\r\n                current={this.internalActiveIndex === index}\r\n                tab-name={tab.name}\r\n                badge={this.badge}\r\n                alignment=\"horizontal\"\r\n              >\r\n                <p slot=\"count\">{tab.badgeCount}</p>\r\n              </gb-tab-button-base>\r\n            ))}\r\n          </div>\r\n        </div>\r\n        {this.showRightButton && (\r\n          <div class=\"scroll_button_div right\">\r\n            <div class=\"scroll_button\" onClick={() => this.scrollRight()}>\r\n              <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\r\n                <path\r\n                  d=\"M9.00005 6C9.00005 6 15 10.4189 15 12C15 13.5812 9 18 9 18\"\r\n                  stroke=\"var(--color-icon, #4B5565)\"\r\n                  stroke-width=\"1.5\"\r\n                  stroke-linecap=\"round\"\r\n                  stroke-linejoin=\"round\"\r\n                />\r\n              </svg>\r\n            </div>\r\n          </div>\r\n        )}\r\n      </div>\r\n    );\r\n  }\r\n}\r\n"],"names":[],"mappings":"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"}