globuswebcomponents 1.2.5 → 1.2.7

package/dist/cjs/loader.cjs.js

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

package/dist/cjs/reusableModels-e50f3440.js.map

@@ -1 +1 @@
-{"file":"reusableModels-e50f3440.js","mappings":";;AAIYA;AAAZ,WAAY,SAAS;IACnB,gCAAmB,CAAA;IACnB,kCAAqB,CAAA;AACvB,CAAC,EAHWA,iBAAS,KAATA,iBAAS,QAGpB;AAMWC;AAAZ,WAAY,aAAa;IACvB,yCAAwB,CAAA;IACxB,gCAAe,CAAA;IACf,oCAAmB,CAAA;IACnB,gCAAe,CAAA;AACjB,CAAC,EALWA,qBAAa,KAAbA,qBAAa,QAKxB;AAEWC;AAAZ,WAAY,qBAAqB;IAC/B,0CAAiB,CAAA;IACjB,4CAAmB,CAAA;AACrB,CAAC,EAHWA,6BAAqB,KAArBA,6BAAqB;;","names":["StateEnum","BorderWeights","OnlineIndicatorStates"],"sources":["src/models/reusableModels.ts"],"sourcesContent":["export type GeneralSizes = 'xl4' | 'xl3' | 'xl2' | 'xl' | 'lg' | 'md' | 'sm' | 'xs' | 'xxs' | 'profile_lg' | 'profile_md' | 'profile_sm';\r\n\r\nexport type GeneralHierarchies = 'primary' | 'secondary_gray' | 'secondary_color' | 'tertiary_gray' | 'tertiary_color' | 'link_gray' | 'link_color';\r\n\r\nexport enum StateEnum {\r\n  Default = 'default',\r\n  Disabled = 'disabled',\r\n}\r\n\r\nexport type ArrowPositions = 'bottom_center' | 'bottom_left' | 'bottom_right' | 'top_center' | 'left' | 'right' | 'none' | 'center';\r\n\r\nexport type CheckBoxVariants = 'checkbox' | 'check_circle' | 'radio';\r\n\r\nexport enum BorderWeights {\r\n  VeryLight = 'very_light',\r\n  Light = 'light',\r\n  Regular = 'regular',\r\n  Heavy = 'heavy',\r\n}\r\n\r\nexport enum OnlineIndicatorStates {\r\n  Online = 'online',\r\n  Offline = 'offline',\r\n}\r\n\r\nexport type BreakPoints = 'desktop' | 'mobile';\r\n\r\nexport type FileUploadIconType = 'solid' | 'outline';\r\n\r\nexport type FileUploadStates = 'default' | 'in_progress' | 'complete' | 'hover' | 'disabled' | 'error';\r\n\r\nexport type FileType = '';\r\n\r\nexport type GeneralColors = 'default' | 'gray' | 'primary' | 'error' | 'warning' | 'success' | 'discovery' | 'information' | 'pink' | 'purple';\r\n\r\nexport type PaginationNumberShapes = 'square' | 'circle';\r\n\r\nexport type PaginationTypes =\r\n  | 'page_default'\r\n  | 'page_minimal_center_aligned'\r\n  | 'card_default'\r\n  | 'card_minimal_right_aligned'\r\n  | 'card_minimal_left_aligned'\r\n  | 'card_minimal_center_aligned'\r\n  | 'card_button_group_right_aligned'\r\n  | 'card_button_group_left_aligned'\r\n  | 'card_button_group_center_aligned';\r\n\r\nexport type TabTypes =\r\n  | 'button_primary'\r\n  | 'button_gray'\r\n  | 'button_white'\r\n  | 'rounded_button_white'\r\n  | 'underline'\r\n  | 'underline_filled'\r\n  | 'line'\r\n  | 'button_white_border'\r\n  | 'rounded_button_white_border'\r\n  | 'button_gray_border';\r\n\r\nexport type GeneralBackgroundCategories = 'plain_background' | 'colored_background';\r\n\r\nexport type InputFieldTypes =\r\n  | 'default'\r\n  | 'icon_leading'\r\n  | 'leading_dropdown'\r\n  | 'trailing_dropdown'\r\n  | 'leading_text'\r\n  | 'payment_input'\r\n  | 'tags'\r\n  | 'trailing_button'\r\n  | 'password'\r\n  | 'password_icon_leading'\r\n  | 'count';\r\n\r\nexport type DropdownTypes = 'default' | 'icon_leading' | 'avatar_leading' | 'dot_leading' | 'checkbox' | 'search' | 'tags';\r\n\r\nexport type AvatarColorTypes = 'gray' | 'blue' | 'cyan' | 'pink' | 'purple' | 'green' | 'yellow';\r\n\r\nexport type DropdownItemTypes = string | number | { name: string | number; username: string; selected?: boolean };\r\n\r\nexport type PaginationDotTypes = 'dot' | 'line';\r\n\r\nexport type FileIconStyles = 'default' | 'gray' | 'solid';\r\n\r\nexport type FileIconTypes = 'pdf' | 'csv' | 'jpg' | 'jpeg' | 'ppt' | 'pptx' | 'doc' | 'docx' | 'xls' | 'xlsx' | 'svg' | 'txt' | 'zip' | 'rar' | 'mp3' | 'mp4';\r\n\r\nexport type TableCellTypes = 'text' | 'lead_text' | 'lead_checkbox' | 'badge';\r\n\r\nexport type ProgressStepStatus = 'incomplete' | 'current' | 'complete';\r\n\r\nexport type ProgressStepTypes = 'icon_only' | 'icon_left' | 'icon_top' | 'text_line' | 'featured_icon_left' | 'featured_icon_top';\r\n\r\nexport type ProgressStepStates = 'default' | 'destructive';"],"version":3}
+{"file":"reusableModels-e50f3440.js","mappings":";;AAIYA;AAAZ,WAAY,SAAS;IACnB,gCAAmB,CAAA;IACnB,kCAAqB,CAAA;AACvB,CAAC,EAHWA,iBAAS,KAATA,iBAAS,QAGpB;AAMWC;AAAZ,WAAY,aAAa;IACvB,yCAAwB,CAAA;IACxB,gCAAe,CAAA;IACf,oCAAmB,CAAA;IACnB,gCAAe,CAAA;AACjB,CAAC,EALWA,qBAAa,KAAbA,qBAAa,QAKxB;AAEWC;AAAZ,WAAY,qBAAqB;IAC/B,0CAAiB,CAAA;IACjB,4CAAmB,CAAA;AACrB,CAAC,EAHWA,6BAAqB,KAArBA,6BAAqB;;","names":["StateEnum","BorderWeights","OnlineIndicatorStates"],"sources":["src/models/reusableModels.ts"],"sourcesContent":["export type GeneralSizes = 'xl4' | 'xl3' | 'xl2' | 'xl' | 'lg' | 'md' | 'sm' | 'xs' | 'xxs' | 'profile_lg' | 'profile_md' | 'profile_sm';\r\n\r\nexport type GeneralHierarchies = 'primary' | 'secondary_gray' | 'secondary_color' | 'tertiary_gray' | 'tertiary_color' | 'link_gray' | 'link_color';\r\n\r\nexport enum StateEnum {\r\n  Default = 'default',\r\n  Disabled = 'disabled',\r\n}\r\n\r\nexport type ArrowPositions = 'bottom_center' | 'bottom_left' | 'bottom_right' | 'top_center' | 'left' | 'right' | 'none' | 'center';\r\n\r\nexport type CheckBoxVariants = 'checkbox' | 'check_circle' | 'radio';\r\n\r\nexport enum BorderWeights {\r\n  VeryLight = 'very_light',\r\n  Light = 'light',\r\n  Regular = 'regular',\r\n  Heavy = 'heavy',\r\n}\r\n\r\nexport enum OnlineIndicatorStates {\r\n  Online = 'online',\r\n  Offline = 'offline',\r\n}\r\n\r\nexport type BreakPoints = 'desktop' | 'mobile';\r\n\r\nexport type FileUploadIconType = 'solid' | 'outline';\r\n\r\nexport type FileUploadStates = 'default' | 'in_progress' | 'complete' | 'hover' | 'disabled' | 'error';\r\n\r\nexport type FileType = '';\r\n\r\nexport type GeneralColors = 'default' | 'gray' | 'primary' | 'error' | 'warning' | 'success' | 'discovery' | 'information' | 'pink' | 'purple';\r\n\r\nexport type PaginationNumberShapes = 'square' | 'circle';\r\n\r\nexport type PaginationTypes =\r\n  | 'page_default'\r\n  | 'page_minimal_center_aligned'\r\n  | 'card_default'\r\n  | 'card_minimal_right_aligned'\r\n  | 'card_minimal_left_aligned'\r\n  | 'card_minimal_center_aligned'\r\n  | 'card_button_group_right_aligned'\r\n  | 'card_button_group_left_aligned'\r\n  | 'card_button_group_center_aligned';\r\n\r\nexport type TabTypes =\r\n  | 'button_primary'\r\n  | 'button_gray'\r\n  | 'button_white'\r\n  | 'rounded_button_white'\r\n  | 'underline'\r\n  | 'underline_filled'\r\n  | 'line'\r\n  | 'button_white_border'\r\n  | 'rounded_button_white_border'\r\n  | 'button_gray_border';\r\n\r\nexport type GeneralBackgroundCategories = 'plain_background' | 'colored_background';\r\n\r\nexport type InputFieldTypes =\r\n  | 'default'\r\n  | 'icon_leading'\r\n  | 'leading_dropdown'\r\n  | 'trailing_dropdown'\r\n  | 'leading_text'\r\n  | 'payment_input'\r\n  | 'tags'\r\n  | 'trailing_button'\r\n  | 'password'\r\n  | 'password_icon_leading'\r\n  | 'count';\r\n\r\nexport type DropdownTypes = 'default' | 'icon_leading' | 'avatar_leading' | 'dot_leading' | 'checkbox' | 'search' | 'tags';\r\n\r\nexport type AvatarColorTypes = 'gray' | 'blue' | 'cyan' | 'pink' | 'purple' | 'green' | 'yellow';\r\n\r\nexport type DropdownItemTypes = string | number | { name: string | number; username: string; selected?: boolean };\r\n\r\nexport type PaginationDotTypes = 'dot' | 'line';\r\n\r\nexport type FileIconStyles = 'default' | 'gray' | 'solid';\r\n\r\nexport type FileIconTypes = 'pdf' | 'csv' | 'jpg' | 'jpeg' | 'ppt' | 'pptx' | 'doc' | 'docx' | 'xls' | 'xlsx' | 'svg' | 'txt' | 'zip' | 'rar' | 'mp3' | 'mp4';\r\n\r\nexport type TableCellTypes = 'text' | 'lead_text' | 'lead_checkbox' | 'badge';\r\n\r\nexport type ProgressStepStatus = 'incomplete' | 'current' | 'complete';\r\n\r\nexport type ProgressStepTypes = 'icon_only' | 'icon_left' | 'icon_top' | 'text_line' | 'featured_icon_left' | 'featured_icon_top';\r\n\r\nexport type ProgressStepStates = 'default' | 'destructive';\r\n\r\nexport type BadgeTypes = 'pill_color' | 'pill_outline' | 'badge_color' | 'badge_modern';"],"version":3}

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

@@ -84,7 +84,7 @@ const TestInputTag = class {
         this.exportValue.emit(this.selectedStaff);
     }
     render() {
-        return (index.h("div", { key: '88d212aac9542bd56b03f6d0ce6e8d9f4a47959a', class: "input_group", ref: el => (this.inputGroupElement = el) }, index.h("label", { key: '5c37946d0b0b90acf4c43a671f11b3863161dd3e', htmlFor: this.idOfInput }, this.labelText), index.h("div", { key: '0bfba50a6ff8b345c55f237ff182404a573c80d5', class: "input_like_parent", onClick: () => (this.dropdownOpen = !this.dropdownOpen) }, index.h("input", { key: 'f49c56bdd731b601af489846cfa60ceee864722d', 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() }), index.h("div", { key: '095eefdedc2e2e8db7f401c7af2c57ff837cd6a2', class: `results_display ${this.selectedStaff.length >= 1 ? 'show_results' : ''}`, ref: el => (this.resultsDisplayElement = el) }, this.selectedStaff.map((staff, index$1) => (
+        return (index.h("div", { key: '1f6df41d8d3e93efe0d09c706fb18f8a8b5ec598', class: "input_group", ref: el => (this.inputGroupElement = el) }, index.h("label", { key: 'f0fcc9ffd3d9a29dedbeda7edcdde628db4bdbee', htmlFor: this.idOfInput }, this.labelText), index.h("div", { key: 'bf51d709e77e13c1e7d6af1098c43cece554754b', class: "input_like_parent", onClick: () => (this.dropdownOpen = !this.dropdownOpen) }, index.h("input", { key: '11bff55f80af5a6a556f99ee1392177328e5bff2', 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() }), index.h("div", { key: 'b6744a6f0340c4b1be1514c08f33f76fbfaf3615', class: `results_display ${this.selectedStaff.length >= 1 ? 'show_results' : ''}`, ref: el => (this.resultsDisplayElement = el) }, this.selectedStaff.map((staff, index$1) => (
         //   <span>
         //     {staff.fullname}
         //     <img
@@ -93,7 +93,7 @@ const TestInputTag = class {
         //       onClick={() => this.removeStaff(index)}
         //     />
         //   </span>
-        index.h("gb-tag", { size: "sm", action: "X_close", icon: "avatar", onClick: () => this.removeStaff(index$1) }, index.h("h1", { slot: "initials" }, staff.fullname.split(' ').map(part => part.charAt(0).toUpperCase())), index.h("p", null, staff.fullname.split(' ')[0])))))), this.show && (index.h("div", { key: '6d1604f3dfb1005e174bca118309ac672be07520', class: `dropdown_menu ${this.show ? 'show' : ''}` }, this.staffInfo.map(staff => (
+        index.h("gb-tag", { size: "sm", action: "X_close", icon: "avatar", onClick: () => this.removeStaff(index$1) }, index.h("h1", { slot: "initials" }, staff.fullname.split(' ').map(part => part.charAt(0).toUpperCase())), index.h("p", null, staff.fullname.split(' ')[0])))))), this.show && (index.h("div", { key: '686fa39a22c25265a8040a46999bb0bb2cde9054', 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/collection/collection-manifest.json

@@ -27,6 +27,7 @@
     "components/gb-export-dropdown-item/gb-export-dropdown-item.js",
     "components/gb-export-sub-dropdown/gb-export-sub-dropdown.js",
     "components/gb-export-sub-dropdown-item/gb-export-sub-dropdown-item.js",
+    "components/gb-featured-icon/gb-featured-icon.js",
     "components/gb-file-type-icon/gb-file-type-icon.js",
     "components/gb-file-upload/gb-file-upload.js",
     "components/gb-file-upload-item-base/gb-file-upload-item-base.js",
@@ -56,9 +57,9 @@
     "components/gb-slider-control-handle/gb-slider-control-handle.js",
     "components/gb-status-indicator/gb-status-indicator.js",
     "components/gb-step-base/gb-step-base.js",
-    "components/gb-stepper/gb-progress-steps.js",
     "components/gb-stepper-horizontal-icons-centered/gb-stepper-horizontal-icons-centered.js",
     "components/gb-stepper-horizontal-line-with-text/gb-stepper-horizontal-line-with-text.js",
+    "components/gb-stepper-vertical-icons-with-text/gb-stepper-vertical-icons-with-text.js",
     "components/gb-tab-button-base/gb-tab-button-base.js",
     "components/gb-table-cell/gb-table-cell.js",
     "components/gb-tag/gb-tag.js",

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

@@ -14,15 +14,15 @@ export class GbBadges {
     }
     getDotColor(color) {
         const colorMap = {
-            'gray': '#4B5565',
-            'primary': '#212C65',
-            'error': '#B51726',
-            'warning': '#DC6803',
-            'success': '#079455',
-            'discovery': '#0BA5EC',
-            'information': '#064E94',
-            'pink': '#DD2590',
-            'purple': '#6938EF',
+            gray: '#4B5565',
+            primary: '#212C65',
+            error: '#B51726',
+            warning: '#DC6803',
+            success: '#079455',
+            discovery: '#0BA5EC',
+            information: '#064E94',
+            pink: '#DD2590',
+            purple: '#6938EF',
         };
         if (this.type === 'badge_modern') {
             return colorMap[color] || color;
@@ -54,9 +54,12 @@ export class GbBadges {
     }
     getTextClass() {
         switch (this.size) {
-            case 'sm': return 'text-xs-medium';
-            case 'md': return 'text-sm-medium';
-            case 'lg': return 'text-sm-medium';
+            case 'sm':
+                return 'text-xs-medium';
+            case 'md':
+                return 'text-sm-medium';
+            case 'lg':
+                return 'text-sm-medium';
         }
     }
     componentDidLoad() {
@@ -67,14 +70,14 @@ export class GbBadges {
     }
     render() {
         const classes = {
-            'badge': true,
+            badge: true,
             [this.type]: true,
             [this.color]: true,
-            [this.size]: true
+            [this.size]: true,
         };
         const flagSwap = getAssetPath(`${this.flagSwap}`);
         const dotColor = this.type === 'badge_modern' ? this.getDotColor(this.color) : 'currentColor';
-        return (h("div", { key: '5e99f9d44e827bcbe4cd3fdefb356ca8b339931e', class: classes }, this.icon === 'dot' && (h("svg", { key: '6e2dc7bc79565f16eaf530f8958815e95c40bdf9', xmlns: "http://www.w3.org/2000/svg", width: "8", height: "8", viewBox: "0 0 8 8", fill: dotColor }, h("circle", { key: 'd8d7b8950edbee1323d58458edfcfc45ab6a9a22', cx: "4", cy: "4", r: "3" }))), this.icon === 'icon_leading' && this.iconLeadingSwap && (h("div", { key: '0f53571de7bcff9444467d3f37db6fa9cfdcfc18', class: `icon left-icon`, innerHTML: this.leadingIconContent })), this.icon === 'country' && (h("img", { key: '76fa7de8868e81615f7c89211dbb4da5173045ea', src: flagSwap, alt: "Country Icon" })), this.icon === 'avatar' && (h("gb-avatar", { key: '0497c1de8ef23e27425df6273c05e59420c9fb08', class: "avatar-icon", size: "xxs", "status-icon": "false" }, h("slot", { key: '31a7d68825ccf2aa6f0c9cf819e3e1b800a37944', name: 'image', slot: 'image' }))), this.icon !== 'only' && (h("slot", { key: 'eac944106738c07789e8fa18443dc98498d8bf5c' })), this.icon === 'icon_trailing' && this.iconTrailingSwap && (h("div", { key: '8128121524e37c1f1bb2254f6bc4074dd476badb', class: `icon right-icon`, innerHTML: this.trailingIconContent })), this.icon === 'only' && (h("div", { key: '1b1da70e1eaf13038eed268d0a30063b4847ab10', id: "icon-only" }, h("svg", { key: '6959801a55e8b3061b0fce511e74b0f08e6e46aa', xmlns: "http://www.w3.org/2000/svg", width: "12", height: "12", viewBox: "0 0 12 12", stroke: dotColor }, h("path", { key: 'f235112bc2dd7e055a76d9a8c7be8c8a269d2e89', d: "M6 2L6 10M10 6L2 6", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })))), this.closeButton && this.icon !== 'only' && h("gb-badge-close", { key: '9f78baf49e57b8038fcd8f8550fcfc3915745cd2', color: this.color, type: 'rounded' })));
+        return (h("div", { key: '3b1a4f43ed2da0606cd9b7dab1551dc1fab2d87a', class: classes }, this.icon === 'dot' && (h("svg", { key: '9a5b1f6955dc3844bc3f008cd3c7fda5b69b8124', xmlns: "http://www.w3.org/2000/svg", width: "8", height: "8", viewBox: "0 0 8 8", fill: dotColor }, h("circle", { key: '570aa8ea59fc3eab846d633a690654586655b07d', cx: "4", cy: "4", r: "3" }))), this.icon === 'icon_leading' && this.iconLeadingSwap && h("div", { key: '874c346d9d5a97adef3b3a94df7679cb5d5d1ee7', class: `icon left-icon`, innerHTML: this.leadingIconContent }), this.icon === 'country' && h("img", { key: '3169f13c4d4aaa53249b57e372ad42c8896fafda', src: flagSwap, alt: "Country Icon" }), this.icon === 'avatar' && (h("gb-avatar", { key: '45b7f7dc7d05a19b70695be06aa86e9d6d4790b5', class: "avatar-icon", size: "xxs", "status-icon": "false" }, h("slot", { key: 'f03578900abb9ba555f4e0f0b4d5e942379008af', name: "image", slot: "image" }))), this.icon !== 'only' && h("slot", { key: 'a189358989a37a87cb0b7ed11cba83ed51f7c032' }), this.icon === 'icon_trailing' && this.iconTrailingSwap && h("div", { key: 'bd7294ac198de394b2deeb215827105a8c4484a3', class: `icon right-icon`, innerHTML: this.trailingIconContent }), this.icon === 'only' && (h("div", { key: 'fc27cf2ee55c00cda78942df7e73a47792f1f009', id: "icon-only" }, h("svg", { key: 'c9451467c2ab788d73c514ca265eed52d70416cd', xmlns: "http://www.w3.org/2000/svg", width: "12", height: "12", viewBox: "0 0 12 12", stroke: dotColor }, h("path", { key: 'e40bfed24d043a3d751d6d67ee800d40593591e6', d: "M6 2L6 10M10 6L2 6", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })))), this.closeButton && this.icon !== 'only' && h("gb-badge-close", { key: 'f447194fdf90f89035f67eeb3f64a9c3df7d1391', color: this.color, type: "rounded" })));
     }
     static get is() { return "gb-badge"; }
     static get encapsulation() { return "shadow"; }
@@ -209,9 +212,15 @@ export class GbBadges {
                 "type": "string",
                 "mutable": false,
                 "complexType": {
-                    "original": "'pill_color' | 'pill_outline' | 'badge_color' | 'badge_modern'",
+                    "original": "BadgeTypes",
                     "resolved": "\"badge_color\" | \"badge_modern\" | \"pill_color\" | \"pill_outline\"",
-                    "references": {}
+                    "references": {
+                        "BadgeTypes": {
+                            "location": "import",
+                            "path": "../../models/reusableModels",
+                            "id": "src/models/reusableModels.ts::BadgeTypes"
+                        }
+                    }
                 },
                 "required": false,
                 "optional": false,

package/dist/collection/components/gb-badge/gb-badge.js.map

@@ -1 +1 @@
-{"version":3,"file":"gb-badge.js","sourceRoot":"","sources":["../../../src/components/gb-badge/gb-badge.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Prop, getAssetPath, h, State, Element } from '@stencil/core';\r\nimport { GeneralColors, GeneralSizes } from '../../models/reusableModels';\r\n\r\n@Component({\r\n  tag: 'gb-badge',\r\n  styleUrl: 'gb-badge.css',\r\n  shadow: true,\r\n  assetsDirs: ['assets']\r\n})\r\nexport class GbBadges {\r\n  @Prop() size: GeneralSizes;\r\n  @Prop() icon: 'dot' | 'avatar' | 'icon_leading' | 'icon_trailing' | 'country' | 'only';\r\n  @Prop() iconLeadingSwap?: string; \r\n  @Prop() iconTrailingSwap?: string;\r\n  @Prop() flagSwap: string;\r\n  @Prop() color: GeneralColors;\r\n  @Prop() type: 'pill_color' | 'pill_outline' | 'badge_color' | 'badge_modern';\r\n  @Prop() closeButton?: boolean = false;\r\n\r\n  @State() leadingIconContent: string;\r\n  @State() trailingIconContent: string;\r\n  @Element() el: HTMLElement;\r\n\r\n  private getDotColor(color: GeneralColors): string {\r\n    const colorMap = {\r\n      'gray': '#4B5565',\r\n      'primary': '#212C65',\r\n      'error': '#B51726',\r\n      'warning': '#DC6803',\r\n      'success': '#079455',\r\n      'discovery': '#0BA5EC',\r\n      'information': '#064E94',\r\n      'pink': '#DD2590',\r\n      'purple': '#6938EF',\r\n    };\r\n    \r\n    if (this.type === 'badge_modern') {\r\n      return colorMap[color] || color;\r\n    }\r\n    \r\n    return 'currentColor';\r\n  }\r\n  \r\n\r\n  async componentWillLoad() {\r\n    if (this.iconLeadingSwap) {\r\n      const iconLeadingSrc = getAssetPath(`${this.iconLeadingSwap}`);\r\n      this.leadingIconContent = await this.fetchSvgContent(iconLeadingSrc);\r\n    }\r\n    \r\n    if (this.iconTrailingSwap) {\r\n      const iconTrailingSrc = getAssetPath(`${this.iconTrailingSwap}`);\r\n      this.trailingIconContent = await this.fetchSvgContent(iconTrailingSrc);\r\n    }\r\n  }\r\n\r\n  private async fetchSvgContent(src: string): Promise<string> {\r\n    try {\r\n      const response = await fetch(src);\r\n      if (response.ok) {\r\n        return await response.text();\r\n      }\r\n      return '';\r\n    } catch (error) {\r\n      console.error('Error fetching SVG:', error);\r\n      return '';\r\n    }\r\n  }\r\n\r\n  getTextClass() {\r\n    switch (this.size) {\r\n      case 'sm' : return 'text-xs-medium';\r\n      case 'md' : return 'text-sm-medium';\r\n      case 'lg' : return 'text-sm-medium';\r\n    }\r\n  }\r\n\r\n  componentDidLoad() {\r\n    const slottedContent = this.el.querySelector('p');\r\n\r\n    if(slottedContent) {\r\n      slottedContent.classList.add(this.getTextClass());\r\n    }\r\n  }\r\n\r\n  render() {\r\n    const classes = {\r\n      'badge': true,\r\n      [this.type]: true,\r\n      [this.color]: true,\r\n      [this.size]: true\r\n    };\r\n\r\n    const flagSwap = getAssetPath(`${this.flagSwap}`);\r\n    const dotColor = this.type === 'badge_modern' ? this.getDotColor(this.color) : 'currentColor';\r\n\r\n    return (\r\n      <div class={classes}>\r\n        {this.icon === 'dot' &&  (           \r\n          <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"8\" height=\"8\" viewBox=\"0 0 8 8\" fill={dotColor}>\r\n            <circle cx=\"4\" cy=\"4\" r=\"3\" />\r\n          </svg>\r\n        )}\r\n        {this.icon === 'icon_leading' && this.iconLeadingSwap && (\r\n          <div class={`icon left-icon`} innerHTML={this.leadingIconContent}></div>\r\n        )}\r\n        {this.icon === 'country' && (\r\n            <img src={flagSwap} alt=\"Country Icon\" />\r\n        )}\r\n        {this.icon === 'avatar' && (\r\n          <gb-avatar class=\"avatar-icon\" size=\"xxs\" status-icon=\"false\">\r\n            <slot name='image' slot='image'></slot>\r\n          </gb-avatar>\r\n        )}\r\n        {this.icon !== 'only' && (\r\n            <slot></slot>\r\n        )}\r\n        {this.icon === 'icon_trailing' && this.iconTrailingSwap && (\r\n          <div class={`icon right-icon`} innerHTML={this.trailingIconContent}></div>\r\n        )}\r\n        {this.icon === 'only' && (\r\n          <div id=\"icon-only\">\r\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" stroke={dotColor}>\r\n              <path d=\"M6 2L6 10M10 6L2 6\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n            </svg>\r\n          </div>\r\n        )}\r\n        {this.closeButton && this.icon !== 'only' && <gb-badge-close color={this.color} type='rounded'></gb-badge-close>}\r\n      </div>\r\n    );    \r\n  }    \r\n}\r\n"]}
+{"version":3,"file":"gb-badge.js","sourceRoot":"","sources":["../../../src/components/gb-badge/gb-badge.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Prop, getAssetPath, h, State, Element } from '@stencil/core';\r\nimport { BadgeTypes, GeneralColors, GeneralSizes } from '../../models/reusableModels';\r\n\r\n@Component({\r\n  tag: 'gb-badge',\r\n  styleUrl: 'gb-badge.css',\r\n  shadow: true,\r\n  assetsDirs: ['assets'],\r\n})\r\nexport class GbBadges {\r\n  @Prop() size: GeneralSizes;\r\n  @Prop() icon: 'dot' | 'avatar' | 'icon_leading' | 'icon_trailing' | 'country' | 'only';\r\n  @Prop() iconLeadingSwap?: string;\r\n  @Prop() iconTrailingSwap?: string;\r\n  @Prop() flagSwap: string;\r\n  @Prop() color: GeneralColors;\r\n  @Prop() type: BadgeTypes;\r\n  @Prop() closeButton?: boolean = false;\r\n  @State() leadingIconContent: string;\r\n  @State() trailingIconContent: string;\r\n  @Element() el: HTMLElement;\r\n\r\n  private getDotColor(color: GeneralColors): string {\r\n    const colorMap = {\r\n      gray: '#4B5565',\r\n      primary: '#212C65',\r\n      error: '#B51726',\r\n      warning: '#DC6803',\r\n      success: '#079455',\r\n      discovery: '#0BA5EC',\r\n      information: '#064E94',\r\n      pink: '#DD2590',\r\n      purple: '#6938EF',\r\n    };\r\n\r\n    if (this.type === 'badge_modern') {\r\n      return colorMap[color] || color;\r\n    }\r\n\r\n    return 'currentColor';\r\n  }\r\n\r\n  async componentWillLoad() {\r\n    if (this.iconLeadingSwap) {\r\n      const iconLeadingSrc = getAssetPath(`${this.iconLeadingSwap}`);\r\n      this.leadingIconContent = await this.fetchSvgContent(iconLeadingSrc);\r\n    }\r\n\r\n    if (this.iconTrailingSwap) {\r\n      const iconTrailingSrc = getAssetPath(`${this.iconTrailingSwap}`);\r\n      this.trailingIconContent = await this.fetchSvgContent(iconTrailingSrc);\r\n    }\r\n  }\r\n\r\n  private async fetchSvgContent(src: string): Promise<string> {\r\n    try {\r\n      const response = await fetch(src);\r\n      if (response.ok) {\r\n        return await response.text();\r\n      }\r\n      return '';\r\n    } catch (error) {\r\n      console.error('Error fetching SVG:', error);\r\n      return '';\r\n    }\r\n  }\r\n\r\n  getTextClass() {\r\n    switch (this.size) {\r\n      case 'sm':\r\n        return 'text-xs-medium';\r\n      case 'md':\r\n        return 'text-sm-medium';\r\n      case 'lg':\r\n        return 'text-sm-medium';\r\n    }\r\n  }\r\n\r\n  componentDidLoad() {\r\n    const slottedContent = this.el.querySelector('p');\r\n\r\n    if (slottedContent) {\r\n      slottedContent.classList.add(this.getTextClass());\r\n    }\r\n  }\r\n\r\n  render() {\r\n    const classes = {\r\n      badge: true,\r\n      [this.type]: true,\r\n      [this.color]: true,\r\n      [this.size]: true,\r\n    };\r\n\r\n    const flagSwap = getAssetPath(`${this.flagSwap}`);\r\n    const dotColor = this.type === 'badge_modern' ? this.getDotColor(this.color) : 'currentColor';\r\n\r\n    return (\r\n      <div class={classes}>\r\n        {this.icon === 'dot' && (\r\n          <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"8\" height=\"8\" viewBox=\"0 0 8 8\" fill={dotColor}>\r\n            <circle cx=\"4\" cy=\"4\" r=\"3\" />\r\n          </svg>\r\n        )}\r\n        {this.icon === 'icon_leading' && this.iconLeadingSwap && <div class={`icon left-icon`} innerHTML={this.leadingIconContent}></div>}\r\n        {this.icon === 'country' && <img src={flagSwap} alt=\"Country Icon\" />}\r\n        {this.icon === 'avatar' && (\r\n          <gb-avatar class=\"avatar-icon\" size=\"xxs\" status-icon=\"false\">\r\n            <slot name=\"image\" slot=\"image\"></slot>\r\n          </gb-avatar>\r\n        )}\r\n        {this.icon !== 'only' && <slot></slot>}\r\n        {this.icon === 'icon_trailing' && this.iconTrailingSwap && <div class={`icon right-icon`} innerHTML={this.trailingIconContent}></div>}\r\n        {this.icon === 'only' && (\r\n          <div id=\"icon-only\">\r\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" stroke={dotColor}>\r\n              <path d=\"M6 2L6 10M10 6L2 6\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n            </svg>\r\n          </div>\r\n        )}\r\n        {this.closeButton && this.icon !== 'only' && <gb-badge-close color={this.color} type=\"rounded\"></gb-badge-close>}\r\n      </div>\r\n    );\r\n  }\r\n}\r\n"]}

package/dist/collection/components/gb-detail-cell/gb-detail-cell.css

@@ -2659,30 +2659,42 @@
     margin-top: -0.416em;
 }
 
+:host {
+  min-width: 0;
+  width: 100%;
+}
+
 .detail_cell_div {
   display: flex;
-  /* height: 5rem; */
-  padding: 1rem var(--spacing-6);
+  justify-content: space-between;
+  height: 5rem;
+  padding: 0 var(--spacing-6);
   align-items: center;
-  flex-shrink: 0;
   border-bottom: 1px solid var(--color-border-subtler, #e3e8ef);
   cursor: pointer;
   position: relative;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  gap: var(--spacing-2);
 }
 
-.detail_cell_div.document {
-  gap: var(--spacing-2);
+.detail_cell_div:hover {
+  background: var(--color-background-gray-subtlest, #f6f8fa);
 }
 
-.text_and_supporting_text {
+.info_text_div,
+.status_text_div,
+.document_text_div {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
   display: flex;
   flex-direction: column;
-  align-items: flex-start;
   gap: var(--spacing-3);
-  min-width: 0;
-  width: 90%;
-  /* flex: 1 0 0; */
-  position: relative;
+}
+
+.status_text_div{
+  gap: var(--spacing-2);
 }
 
 .label {
@@ -2712,43 +2724,25 @@
   min-width: 0; /* Ensure it can shrink properly */
 }
 
-.detail_cell_div:hover {
-  background: var(--color-background-gray-subtlest, #f6f8fa);
-}
-
-.document_div {
-  display: flex;
-  align-items: center;
-  gap: var(--spacing-half);
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  width: 90%;
-  position: relative;
-}
-
-.file_detail {
-  position: relative;
-}
-
-.tooltip {
+.information_text_tooltip {
   position: absolute;
-  bottom: 140%;
+  bottom: 90%;
 }
 
 .document_detail_tooltip {
   position: absolute;
-  left: 35px;
-  top: -300%;
+  left: 4rem;
+  bottom: 90%;
 }
 
 .copied_tooltip {
   position: absolute;
   right: 6rem;
-  bottom: 4.5rem;
+  bottom: 3.5rem;
 }
 
 .downloaded_tooltip {
   position: absolute;
   right: 8rem;
-  bottom: 4.5rem;
+  bottom: 3.5rem;
 }

package/dist/collection/components/gb-detail-cell/gb-detail-cell.js

@@ -7,6 +7,7 @@ export class GbDetailCell {
         this.detail = '';
         this.badgeColor = undefined;
         this.badgeLabel = '';
+        this.badgeType = undefined;
         this.fileType = undefined;
         this.fileStyle = undefined;
         this.showCopyButton = false;
@@ -37,7 +38,7 @@ export class GbDetailCell {
         }
     }
     render() {
-        return (h("div", { key: '49e911f85b611eb23876c91496686789d3e48ef1', class: `detail_cell_div ${this.type}`, onMouseEnter: () => (this.showCopyButton = true), onMouseLeave: () => (this.showCopyButton = false) }, h("div", { key: '597d596d6f29f29680ff5b7031ba7ca0a60333d3', class: "text_and_supporting_text" }, h("p", { key: 'aee9938a4059f016320d920a4e5edf28ea86722b', class: "label text-sm-regular" }, this.label), this.type === 'information' && (h(Fragment, null, h("p", { key: '525910a4082dd84e9dce1819801a7db4a461f4f5', class: "detail text-md-medium", onMouseEnter: () => (this.showTooltip = true), onMouseLeave: () => (this.showTooltip = false) }, this.detail), this.showTooltip && (h("gb-tooltip", { key: 'd6b89659af83c0065f4e9fe9dae7524e2d28cc60', "show-arrow": false, class: "tooltip" }, h("p", { key: '9d82ca39cd82af610326ee560536dc822fe8b36a', slot: "label" }, this.detail))))), this.type === 'document' && (h("div", { key: 'ec3083129bfbec698c417bbc6218ad164e5add7d', class: "document_div" }, h("div", { key: '6f5a0b2d5b7afd5b960243d8f70233eac34d275c', class: "file_type_icon" }, h("gb-file-type-icon", { key: 'efd21cd46910bd722011dbae8ef5cf217146fd30', "file-style": this.fileStyle, "file-type": this.fileType })), h("p", { key: '419dd3fc571ae737a4966496956c75f7e9c0098b', class: "detail text-md-medium", onMouseEnter: () => (this.showTooltip = true), onMouseLeave: () => (this.showTooltip = false) }, this.detail), this.showTooltip && (h("gb-tooltip", { key: '4d9f6be7b5d6e22d660e4990b3391638be04c809', "show-arrow": false, class: "document_detail_tooltip" }, h("p", { key: 'c962ec74e6abfda7e8f6bfbc588e91e7d1dadc44', slot: "label" }, this.detail))))), this.type === 'status' && (h("div", { key: 'f83646b594fda8377fe621844ebf24e74f4fd4dc', class: "badge" }, h("gb-badge", { key: '9235a7670205fa78270ef29b415ed2ce57d9f6b9', size: "sm", type: "badge_color", icon: "dot", color: this.badgeColor }, h("p", { key: '86c1c6c1ee9d55f4edaef7636a176fa410b00515' }, this.badgeLabel))))), this.showCopyButton && this.type === 'information' && !this.copied && (h("gb-button", { key: '401ba83220934e61d7c8afb264c81c9b58f0bad1', size: "sm", hierarchy: "tertiary_gray", icon: "only", "icon-leading": "true", "icon-leading-swap": "assets/copy.svg", onClick: () => this.copyToClipboard() })), this.copied && (h("gb-tooltip", { key: '115a444d599b1a55725cd66b5ffcee02520deff1', "show-arrow": false, class: "copied_tooltip" }, h("p", { key: '5a38dc618dca30bda119813392d74faef53792f3', slot: "label" }, "Copied!"))), this.type === 'document' && (h(Fragment, null, !this.isDownloaded ? (h(Fragment, null, h("gb-button", { size: "sm", hierarchy: "tertiary_gray", icon: "only", "icon-leading": "true", "icon-leading-swap": "assets/view.svg", onClick: () => this.onViewButtonClicked() }), h("gb-button", { size: "sm", hierarchy: "tertiary_gray", icon: "only", "icon-leading": "true", "icon-leading-swap": "assets/download-03.svg", onClick: () => this.onDownloadButtonClicked() }))) : (h("gb-tooltip", { "show-arrow": false, class: "downloaded_tooltip" }, h("p", { slot: "label" }, "Downloaded!")))))));
+        return (h("div", { key: '62cd2aab2de8f216cc42cd5cdf7047d2871a41c3', class: "detail_cell_div", onMouseEnter: () => (this.showCopyButton = true), onMouseLeave: () => (this.showCopyButton = false) }, this.type === 'information' && (h(Fragment, null, h("div", { key: '344d8113fd90e6ea06d29ff72712fddbf265ddcd', class: "info_text_div" }, h("p", { key: 'e98cc8b6216eb754a9e051b42a42e1e5960592e7', class: "label text-sm-regular" }, this.label), h("p", { key: '258438673f83fc799f6238d69e46cdc1be7beb15', class: "detail text-md-medium", onMouseEnter: () => (this.showTooltip = true), onMouseLeave: () => (this.showTooltip = false) }, this.detail), this.showTooltip && (h("gb-tooltip", { key: 'd855046a28d88b584e94108d9b47e8b2ea0ea490', "show-arrow": false, class: "information_text_tooltip" }, h("p", { key: 'b69ac2003abf918d83b48a74481526cd97f70b83', slot: "label" }, this.detail)))), this.showCopyButton && this.type === 'information' && !this.copied && (h("gb-button", { key: '8e659dca57f7f374f20f92d8180a9e496e627439', size: "sm", hierarchy: "tertiary_gray", icon: "only", "icon-leading": "true", "icon-leading-swap": "assets/copy.svg", onClick: () => this.copyToClipboard() })), this.copied && (h("gb-tooltip", { key: 'a7ddf333176ed6887d643714858fd96a4ece8f4b', "show-arrow": false, class: "copied_tooltip" }, h("p", { key: '742097294d3b90ea412595eb2ffcaf199d204e8a', slot: "label" }, "Copied!"))))), this.type === 'document' && (h(Fragment, null, h("gb-file-type-icon", { key: '8c52ca5a9c6d81341b6e90e812b312d6155c00fc', "file-style": this.fileStyle, "file-type": this.fileType }), h("div", { key: '470958fbc7d5b09052a53f7cf8f3f26954944ff6', class: "document_text_div" }, h("p", { key: '6286cc81b326eefeb35f538578577f8f949cf6a8', class: "label text-sm-regular" }, this.label), h("p", { key: '48a80c95f24452a555ce0ff018104131f1f02b78', class: "detail text-md-medium", onMouseEnter: () => (this.showTooltip = true), onMouseLeave: () => (this.showTooltip = false) }, this.detail), this.showTooltip && (h("gb-tooltip", { key: '1c146b501a7109cac20e037ef8ea34b8553f711b', "show-arrow": false, class: "document_detail_tooltip" }, h("p", { key: '16e74d290e260f932c389896432b40723337a872', slot: "label" }, this.detail)))), !this.isDownloaded ? (h(Fragment, null, h("gb-button", { size: "sm", hierarchy: "tertiary_gray", icon: "only", "icon-leading": "true", "icon-leading-swap": "assets/view.svg", onClick: () => this.onViewButtonClicked() }), h("gb-button", { size: "sm", hierarchy: "tertiary_gray", icon: "only", "icon-leading": "true", "icon-leading-swap": "assets/download-03.svg", onClick: () => this.onDownloadButtonClicked() }))) : (h("gb-tooltip", { "show-arrow": false, class: "downloaded_tooltip" }, h("p", { slot: "label" }, "Downloaded!"))))), this.type === 'status' && (h("div", { key: '26d9847b70c8a0ced6cb4da55db4a3bffcbcafc4', class: "status_text_div" }, h("p", { key: '2aef29327e19c73b85c98b49f7b16be5d64fb2d7', class: "label text-sm-regular" }, this.label), h("gb-badge", { key: '8c1bab96c6464b69e0a7b9af76ed58453914c2ea', size: "sm", type: this.badgeType, icon: "dot", color: this.badgeColor }, h("p", { key: '660d82e32a435730c97398881c5a9dea57087b2d' }, this.badgeLabel))))));
     }
     static get is() { return "gb-detail-cell"; }
     static get encapsulation() { return "shadow"; }
@@ -164,6 +165,29 @@ export class GbDetailCell {
                 "reflect": false,
                 "defaultValue": "''"
             },
+            "badgeType": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "BadgeTypes",
+                    "resolved": "\"badge_color\" | \"badge_modern\" | \"pill_color\" | \"pill_outline\"",
+                    "references": {
+                        "BadgeTypes": {
+                            "location": "import",
+                            "path": "../../models/reusableModels",
+                            "id": "src/models/reusableModels.ts::BadgeTypes"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "badge-type",
+                "reflect": false
+            },
             "fileType": {
                 "type": "string",
                 "mutable": false,

package/dist/collection/components/gb-detail-cell/gb-detail-cell.js.map

@@ -1 +1 @@
-{"version":3,"file":"gb-detail-cell.js","sourceRoot":"","sources":["../../../src/components/gb-detail-cell/gb-detail-cell.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Prop, State, h, Fragment, Event, EventEmitter } from '@stencil/core';\r\nimport { FileIconStyles, FileIconTypes, GeneralColors } from '../../models/reusableModels';\r\n\r\n@Component({\r\n  tag: 'gb-detail-cell',\r\n  styleUrl: 'gb-detail-cell.css',\r\n  shadow: true,\r\n})\r\nexport class GbDetailCell {\r\n  @Prop() state: 'default' | 'disabled';\r\n  @Prop() type: 'information' | 'document' | 'status';\r\n  @Prop() label: string = '';\r\n  @Prop() detail: string = '';\r\n  @Prop() badgeColor: GeneralColors;\r\n  @Prop() badgeLabel: string = '';\r\n  @Prop() fileType: FileIconTypes;\r\n  @Prop() fileStyle: FileIconStyles;\r\n  @State() showCopyButton: boolean = false;\r\n  @State() showTooltip: boolean = false;\r\n  @State() copied: boolean = false;\r\n  @State() isDownloaded: boolean = false;\r\n  @Event() viewButtonClicked: EventEmitter<void>;\r\n  @Event() downloadButtonClicked: EventEmitter<void>;\r\n\r\n  onViewButtonClicked() {\r\n    this.viewButtonClicked.emit();\r\n  }\r\n\r\n  onDownloadButtonClicked() {\r\n    this.isDownloaded = true;\r\n\r\n    setTimeout(() => {\r\n      this.isDownloaded = false;\r\n    }, 2000);\r\n\r\n    this.downloadButtonClicked.emit();\r\n  }\r\n\r\n  async copyToClipboard() {\r\n    try {\r\n      await navigator.clipboard.writeText(this.detail);\r\n      this.copied = true;\r\n\r\n      setTimeout(() => {\r\n        this.copied = false;\r\n      }, 2000); // Reset copied state after 2 seconds\r\n    } catch (error) {\r\n      console.error('Failed to copy:', error);\r\n    }\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <div class={`detail_cell_div ${this.type}`} onMouseEnter={() => (this.showCopyButton = true)} onMouseLeave={() => (this.showCopyButton = false)}>\r\n        <div class=\"text_and_supporting_text\">\r\n          <p class=\"label text-sm-regular\">{this.label}</p>\r\n          {this.type === 'information' && (\r\n            <>\r\n              <p class=\"detail text-md-medium\" onMouseEnter={() => (this.showTooltip = true)} onMouseLeave={() => (this.showTooltip = false)}>\r\n                {this.detail}\r\n              </p>\r\n              {this.showTooltip && (\r\n                <gb-tooltip show-arrow={false} class=\"tooltip\">\r\n                  <p slot=\"label\">{this.detail}</p>\r\n                </gb-tooltip>\r\n              )}\r\n            </>\r\n          )}\r\n          {this.type === 'document' && (\r\n            <div class=\"document_div\">\r\n              <div class=\"file_type_icon\">\r\n                <gb-file-type-icon file-style={this.fileStyle} file-type={this.fileType}></gb-file-type-icon>\r\n              </div>\r\n              <p class=\"detail text-md-medium\" onMouseEnter={() => (this.showTooltip = true)} onMouseLeave={() => (this.showTooltip = false)}>\r\n                {this.detail}\r\n              </p>\r\n              {this.showTooltip && (\r\n                <gb-tooltip show-arrow={false} class=\"document_detail_tooltip\">\r\n                  <p slot=\"label\">{this.detail}</p>\r\n                </gb-tooltip>\r\n              )}\r\n            </div>\r\n          )}\r\n          {this.type === 'status' && (\r\n            <div class=\"badge\">\r\n              <gb-badge size=\"sm\" type=\"badge_color\" icon=\"dot\" color={this.badgeColor}>\r\n                <p>{this.badgeLabel}</p>\r\n              </gb-badge>\r\n            </div>\r\n          )}\r\n        </div>\r\n        {this.showCopyButton && this.type === 'information' && !this.copied && (\r\n          <gb-button size=\"sm\" hierarchy=\"tertiary_gray\" icon=\"only\" icon-leading=\"true\" icon-leading-swap=\"assets/copy.svg\" onClick={() => this.copyToClipboard()}></gb-button>\r\n        )}\r\n        {this.copied && (\r\n          <gb-tooltip show-arrow={false} class=\"copied_tooltip\">\r\n            <p slot=\"label\">Copied!</p>\r\n          </gb-tooltip>\r\n        )}\r\n        {this.type === 'document' && (\r\n          <>\r\n            {!this.isDownloaded ? (\r\n              <>\r\n                <gb-button\r\n                  size=\"sm\"\r\n                  hierarchy=\"tertiary_gray\"\r\n                  icon=\"only\"\r\n                  icon-leading=\"true\"\r\n                  icon-leading-swap=\"assets/view.svg\"\r\n                  onClick={() => this.onViewButtonClicked()}\r\n                ></gb-button>\r\n                <gb-button\r\n                  size=\"sm\"\r\n                  hierarchy=\"tertiary_gray\"\r\n                  icon=\"only\"\r\n                  icon-leading=\"true\"\r\n                  icon-leading-swap=\"assets/download-03.svg\"\r\n                  onClick={() => this.onDownloadButtonClicked()}\r\n                ></gb-button>\r\n              </>\r\n            ) : (\r\n              <gb-tooltip show-arrow={false} class=\"downloaded_tooltip\">\r\n                <p slot=\"label\">Downloaded!</p>\r\n              </gb-tooltip>\r\n            )}\r\n          </>\r\n        )}\r\n      </div>\r\n    );\r\n  }\r\n}\r\n"]}
+{"version":3,"file":"gb-detail-cell.js","sourceRoot":"","sources":["../../../src/components/gb-detail-cell/gb-detail-cell.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Prop, State, h, Fragment, Event, EventEmitter } from '@stencil/core';\r\nimport { BadgeTypes, FileIconStyles, FileIconTypes, GeneralColors } from '../../models/reusableModels';\r\n\r\n@Component({\r\n  tag: 'gb-detail-cell',\r\n  styleUrl: 'gb-detail-cell.css',\r\n  shadow: true,\r\n})\r\nexport class GbDetailCell {\r\n  @Prop() state: 'default' | 'disabled';\r\n  @Prop() type: 'information' | 'document' | 'status';\r\n  @Prop() label: string = '';\r\n  @Prop() detail: string = '';\r\n  @Prop() badgeColor: GeneralColors;\r\n  @Prop() badgeLabel: string = '';\r\n  @Prop() badgeType: BadgeTypes;\r\n  @Prop() fileType: FileIconTypes;\r\n  @Prop() fileStyle: FileIconStyles;\r\n  @State() showCopyButton: boolean = false;\r\n  @State() showTooltip: boolean = false;\r\n  @State() copied: boolean = false;\r\n  @State() isDownloaded: boolean = false;\r\n  @Event() viewButtonClicked: EventEmitter<void>;\r\n  @Event() downloadButtonClicked: EventEmitter<void>;\r\n\r\n  onViewButtonClicked() {\r\n    this.viewButtonClicked.emit();\r\n  }\r\n\r\n  onDownloadButtonClicked() {\r\n    this.isDownloaded = true;\r\n\r\n    setTimeout(() => {\r\n      this.isDownloaded = false;\r\n    }, 2000);\r\n\r\n    this.downloadButtonClicked.emit();\r\n  }\r\n\r\n  async copyToClipboard() {\r\n    try {\r\n      await navigator.clipboard.writeText(this.detail);\r\n      this.copied = true;\r\n\r\n      setTimeout(() => {\r\n        this.copied = false;\r\n      }, 2000); // Reset copied state after 2 seconds\r\n    } catch (error) {\r\n      console.error('Failed to copy:', error);\r\n    }\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <div class=\"detail_cell_div\" onMouseEnter={() => (this.showCopyButton = true)} onMouseLeave={() => (this.showCopyButton = false)}>\r\n        {this.type === 'information' && (\r\n          <>\r\n            <div class=\"info_text_div\">\r\n              <p class=\"label text-sm-regular\">{this.label}</p>\r\n              <p class=\"detail text-md-medium\" onMouseEnter={() => (this.showTooltip = true)} onMouseLeave={() => (this.showTooltip = false)}>\r\n                {this.detail}\r\n              </p>\r\n              {this.showTooltip && (\r\n                <gb-tooltip show-arrow={false} class=\"information_text_tooltip\">\r\n                  <p slot=\"label\">{this.detail}</p>\r\n                </gb-tooltip>\r\n              )}\r\n            </div>\r\n            {this.showCopyButton && this.type === 'information' && !this.copied && (\r\n              <gb-button size=\"sm\" hierarchy=\"tertiary_gray\" icon=\"only\" icon-leading=\"true\" icon-leading-swap=\"assets/copy.svg\" onClick={() => this.copyToClipboard()}></gb-button>\r\n            )}\r\n            {this.copied && (\r\n              <gb-tooltip show-arrow={false} class=\"copied_tooltip\">\r\n                <p slot=\"label\">Copied!</p>\r\n              </gb-tooltip>\r\n            )}\r\n          </>\r\n        )}\r\n        {this.type === 'document' && (\r\n          <>\r\n            <gb-file-type-icon file-style={this.fileStyle} file-type={this.fileType}></gb-file-type-icon>\r\n            <div class=\"document_text_div\">\r\n              <p class=\"label text-sm-regular\">{this.label}</p>\r\n              <p class=\"detail text-md-medium\" onMouseEnter={() => (this.showTooltip = true)} onMouseLeave={() => (this.showTooltip = false)}>\r\n                {this.detail}\r\n              </p>\r\n              {this.showTooltip && (\r\n                <gb-tooltip show-arrow={false} class=\"document_detail_tooltip\">\r\n                  <p slot=\"label\">{this.detail}</p>\r\n                </gb-tooltip>\r\n              )}\r\n            </div>\r\n            {!this.isDownloaded ? (\r\n              <>\r\n                <gb-button\r\n                  size=\"sm\"\r\n                  hierarchy=\"tertiary_gray\"\r\n                  icon=\"only\"\r\n                  icon-leading=\"true\"\r\n                  icon-leading-swap=\"assets/view.svg\"\r\n                  onClick={() => this.onViewButtonClicked()}\r\n                ></gb-button>\r\n                <gb-button\r\n                  size=\"sm\"\r\n                  hierarchy=\"tertiary_gray\"\r\n                  icon=\"only\"\r\n                  icon-leading=\"true\"\r\n                  icon-leading-swap=\"assets/download-03.svg\"\r\n                  onClick={() => this.onDownloadButtonClicked()}\r\n                ></gb-button>\r\n              </>\r\n            ) : (\r\n              <gb-tooltip show-arrow={false} class=\"downloaded_tooltip\">\r\n                <p slot=\"label\">Downloaded!</p>\r\n              </gb-tooltip>\r\n            )}\r\n          </>\r\n        )}\r\n        {this.type === 'status' && (\r\n          <div class=\"status_text_div\">\r\n            <p class=\"label text-sm-regular\">{this.label}</p>\r\n            <gb-badge size=\"sm\" type={this.badgeType} icon=\"dot\" color={this.badgeColor}>\r\n              <p>{this.badgeLabel}</p>\r\n            </gb-badge>\r\n          </div>\r\n        )}\r\n      </div>\r\n    );\r\n  }\r\n}\r\n"]}

package/dist/collection/components/gb-dropdown-items-with-shortcut/gb-dropdown-items-with-shortcut.js

@@ -22,7 +22,7 @@ export class GbDropdownShortcut {
         this.loadIcon(this.iconSrc);
     }
     render() {
-        return (h("div", { key: '93315e53439ebc418615e8983e9770183b7bf796', class: "shortcut-container" }, h("div", { key: '3c2ef872891f832c6775b9db802b5bb7125c363f', class: `shortcut ${this.state === 'disabled' ? 'disabled' : ''} ${this.destructive ? 'destructive' : ''}` }, this.icon && (h("div", { key: '5f0cd382bbfb0c67af66f9a8b9b8de90f68146fe', class: "icon_div" }, h("div", { key: '8f322c5269c3712bc58edfacb521eb1d495b6508', class: `icon ${this.state === 'disabled' ? 'disabled' : ''} ${this.destructive ? 'destructive' : ''}`, innerHTML: this.leadingIconSvg }))), this.checkbox && !this.icon && h("gb-checkbox", { key: '9a7ef43e25f9d1358a2e11f6f852b63226058599', class: "checkbox", size: "sm", type: "checkbox", state: StateEnum.Default }), h("span", { key: 'a62c38d4a3d3afb10f250eda98cf5b72e73f14a5', class: "label_div" }, h("p", { key: '0cb939dfc88c37c8ab12e2b6cfb83f9fbde10672', class: `label text-sm-medium ${this.destructive ? 'destructive' : ''}` }, this.label)), this.shortcut && (h("span", { key: '4bdd20a333bfb4adc3c1466d225d822fab9e669a', class: "shortcut-icon" }, h("slot", { key: '94db659389f8650baf8bac7a501655e0b68a1f45' }, "\u2318", this.shortcutIcon))))));
+        return (h("div", { key: '6bf7bd0294b364e6ba70b3f62b63edda6e535a4e', class: "shortcut-container" }, h("div", { key: '07002596db88d34d234c0ab9cdb7eaca2bd06b94', class: `shortcut ${this.state === 'disabled' ? 'disabled' : ''} ${this.destructive ? 'destructive' : ''}` }, this.icon && (h("div", { key: 'f31267812a1b9d43bd1ef020604d4f31d3840830', class: "icon_div" }, h("div", { key: 'ac434caa453c25a666d008783750f0164002e6ee', class: `icon ${this.state === 'disabled' ? 'disabled' : ''} ${this.destructive ? 'destructive' : ''}`, innerHTML: this.leadingIconSvg }))), this.checkbox && !this.icon && h("gb-checkbox", { key: 'da8519d45ebda03b05e12243f82fdad38d40a6e8', class: "checkbox", size: "sm", type: "checkbox", state: StateEnum.Default }), h("span", { key: '3b5505e169f15ba967eb6027fa8d79c1f8b5e16b', class: "label_div" }, h("p", { key: '34c37756019b8dd6f22750483639a2171b0a585e', class: `label text-sm-medium ${this.destructive ? 'destructive' : ''}` }, this.label)), this.shortcut && (h("span", { key: '1b4c0869637ab73f477acd9a489dc4bbff67ba0b', class: "shortcut-icon" }, h("slot", { key: 'f5cf3bf46179471dbdd39a80f652740d435a832f' }, "\u2318", this.shortcutIcon))))));
     }
     static get is() { return "gb-dropdown-items-with-shortcut"; }
     static get encapsulation() { return "shadow"; }