globuswebcomponents 1.2.9 → 1.3.0

package/dist/cjs/loader.cjs.js

@@ -8,7 +8,7 @@ const appGlobals = require('./app-globals-3a1e7e63.js');
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;
   await appGlobals.globalScripts();
-  return index.bootstrapLazy(JSON.parse("[[\"gb-avatar_17.cjs\",[[1,\"gb-detail-cell\",{\"state\":[1],\"cellStyle\":[1,\"cell-style\"],\"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\"],\"showActionButtons\":[4,\"show-action-buttons\"],\"showViewButton\":[4,\"show-view-button\"],\"showDownloadButton\":[4,\"show-download-button\"],\"showCopyButton\":[1028,\"show-copy-button\"],\"showTooltip\":[32],\"copied\":[32],\"isDownloaded\":[32]}],[1,\"gb-toast\",{\"color\":[1],\"size\":[1],\"breakpoint\":[1],\"xCloseButton\":[4,\"x-close-button\"],\"actions\":[4],\"showSupportingText\":[4,\"show-supporting-text\"]}],[1,\"gb-stepper-horizontal-line-with-text\",{\"size\":[1],\"breakpoint\":[1],\"showContent\":[4,\"show-content\"],\"showSupportingText\":[4,\"show-supporting-text\"],\"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-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-toast-button\",{\"state\":[1],\"color\":[1]}],[1,\"gb-step-base\",{\"status\":[1],\"size\":[1],\"type\":[1],\"state\":[1],\"connector\":[4],\"showContent\":[4,\"show-content\"],\"showSupportingText\":[4,\"show-supporting-text\"],\"label\":[1],\"supportingText\":[1,\"supporting-text\"]}],[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-featured-icon\",{\"size\":[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-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-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-action-panel.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]}]]],[\"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-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-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-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-checkbox_2.cjs\",[[1,\"gb-checkbox\",{\"checked\":[4],\"indeterminate\":[4],\"size\":[1],\"type\":[1],\"state\":[1],\"text\":[4],\"supportingText\":[4,\"supporting-text\"]}],[1,\"gb-checkbox-base\",{\"state\":[1025],\"size\":[1],\"type\":[1],\"checked\":[1028],\"indeterminate\":[1028]}]]],[\"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-avatar_19.cjs\",[[1,\"gb-detail-cell\",{\"state\":[1],\"cellStyle\":[1,\"cell-style\"],\"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\"],\"showActionButtons\":[4,\"show-action-buttons\"],\"showViewButton\":[4,\"show-view-button\"],\"showDownloadButton\":[4,\"show-download-button\"],\"showCopyButton\":[1028,\"show-copy-button\"],\"showStandardCopyButton\":[32],\"showTooltip\":[32],\"copied\":[32],\"isDownloaded\":[32]}],[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]}],[1,\"gb-toast\",{\"color\":[1],\"size\":[1],\"breakpoint\":[1],\"xCloseButton\":[4,\"x-close-button\"],\"actions\":[4],\"showSupportingText\":[4,\"show-supporting-text\"]}],[1,\"gb-stepper-horizontal-line-with-text\",{\"size\":[1],\"breakpoint\":[1],\"showContent\":[4,\"show-content\"],\"showSupportingText\":[4,\"show-supporting-text\"],\"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-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-header-icon\",{\"state\":[1],\"showIndicator\":[4,\"show-indicator\"],\"icon\":[1]}],[1,\"gb-toast-button\",{\"state\":[1],\"color\":[1]}],[1,\"gb-step-base\",{\"status\":[1],\"size\":[1],\"type\":[1],\"state\":[1],\"connector\":[4],\"showContent\":[4,\"show-content\"],\"showSupportingText\":[4,\"show-supporting-text\"],\"label\":[1],\"supportingText\":[1,\"supporting-text\"]}],[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-featured-icon\",{\"size\":[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-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-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-action-panel.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]}]]],[\"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-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-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-notification-content.cjs\",[[1,\"gb-notification-content\",{\"icon\":[1],\"label\":[1],\"time\":[1],\"supportingText\":[1,\"supporting-text\"]}]]],[\"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-checkbox_2.cjs\",[[1,\"gb-checkbox\",{\"checked\":[4],\"indeterminate\":[4],\"size\":[1],\"type\":[1],\"state\":[1],\"text\":[4],\"supportingText\":[4,\"supporting-text\"]}],[1,\"gb-checkbox-base\",{\"state\":[1025],\"size\":[1],\"type\":[1],\"checked\":[1028],\"indeterminate\":[1028]}]]],[\"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);
 };
 
 exports.setNonce = index.setNonce;

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: 'af40c1326bac23ce7faf56890ab4ff65420702b6', class: "input_group", ref: el => (this.inputGroupElement = el) }, index.h("label", { key: '883770b3ca5acbb0637ae8c9e5a72f3c4d2cad8f', htmlFor: this.idOfInput }, this.labelText), index.h("div", { key: '2b9aaa19e7d7649e4a5312781ba1edba50a15d90', class: "input_like_parent", onClick: () => (this.dropdownOpen = !this.dropdownOpen) }, index.h("input", { key: 'f80bc6362304315bd6d3dd52f08d1e4953776b3d', 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: 'c6e674e9e914c56176375cd07d9ecec56cae8b5e', 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: '3363a51fbedb4edaaee65ea978359d6ff4aeac23', class: "input_group", ref: el => (this.inputGroupElement = el) }, index.h("label", { key: '53090d4d7f344407abb4fc12dbd547545b3b5341', htmlFor: this.idOfInput }, this.labelText), index.h("div", { key: '7d7db82fb07c86b539e9f5c4a27447944838e206', class: "input_like_parent", onClick: () => (this.dropdownOpen = !this.dropdownOpen) }, index.h("input", { key: '5789d7e7839e48cd2b499c5ee573a72438a85d8f', 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: 'eafc71d7415a4ae6f82e78e15603eb8502cb9dd8', 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: 'bc876531de312b8211bf23ff25c2aafef69becac', 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: 'a55cfd7f0e147dcaf8a6ee9bcf8828219df6de24', 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/components/gb-badge/gb-badge.js

@@ -77,7 +77,7 @@ export class GbBadges {
         };
         const flagSwap = getAssetPath(`${this.flagSwap}`);
         const dotColor = this.type === 'badge_modern' ? this.getDotColor(this.color) : 'currentColor';
-        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" })));
+        return (h("div", { key: '641211d0b86e09d314c074c28d281cab58895109', class: classes }, this.icon === 'dot' && (h("svg", { key: '2b3eddbc73963846ab1a4b9511e686447f1fc25f', xmlns: "http://www.w3.org/2000/svg", width: "8", height: "8", viewBox: "0 0 8 8", fill: dotColor }, h("circle", { key: 'f7e83064b14a3b7ca11e496ecbcd7b2a1ea5a7db', cx: "4", cy: "4", r: "3" }))), this.icon === 'icon_leading' && this.iconLeadingSwap && h("div", { key: '3ba07aaa1457a8672e521d059d9c65d41cb9da8a', class: `icon left-icon`, innerHTML: this.leadingIconContent }), this.icon === 'country' && h("img", { key: 'adfb6e743c6840b1cfb2f56367f190f87081d409', src: flagSwap, alt: "Country Icon" }), this.icon === 'avatar' && (h("gb-avatar", { key: 'c4a004e2fc3caec03236a5983a7cf4e196c1c7d1', class: "avatar-icon", size: "xxs", "status-icon": "false" }, h("slot", { key: '1246aa8e90c1d0d6af13a5c386c6d915fbd37193', name: "image", slot: "image" }))), this.icon !== 'only' && h("slot", { key: '7a53d2c171fc068cf2e781f466579d43efc4662a' }), this.icon === 'icon_trailing' && this.iconTrailingSwap && h("div", { key: 'aa47584c9c16198fe374e9230aed877a182af0fa', class: `icon right-icon`, innerHTML: this.trailingIconContent }), this.icon === 'only' && (h("div", { key: '3c46f777ccce27f2a989198508a49edc9048ab2b', id: "icon-only" }, h("svg", { key: '77fbe814c806c0dc40ca4178885383e6fb4e0a0f', xmlns: "http://www.w3.org/2000/svg", width: "12", height: "12", viewBox: "0 0 12 12", stroke: dotColor }, h("path", { key: '52bc1b251d8b90bd25bd9515d6dcbf1c0beb739c', 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: '6af4c11cc5dfcc4589e522ae5422cdabb391dca9', color: this.color, type: "rounded" })));
     }
     static get is() { return "gb-badge"; }
     static get encapsulation() { return "shadow"; }
@@ -108,7 +108,7 @@ export class GbBadges {
                         }
                     }
                 },
-                "required": false,
+                "required": true,
                 "optional": false,
                 "docs": {
                     "tags": [],
@@ -199,7 +199,7 @@ export class GbBadges {
                         }
                     }
                 },
-                "required": false,
+                "required": true,
                 "optional": false,
                 "docs": {
                     "tags": [],
@@ -222,7 +222,7 @@ export class GbBadges {
                         }
                     }
                 },
-                "required": false,
+                "required": true,
                 "optional": false,
                 "docs": {
                     "tags": [],

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 { 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"]}
+{"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

@@ -2667,7 +2667,6 @@
 .detail_cell_div {
   display: flex;
   justify-content: space-between;
-  height: 5rem;
   padding: 0 var(--spacing-6);
   align-items: center;
   border-bottom: 1px solid var(--color-border-subtler, #e3e8ef);
@@ -2682,6 +2681,10 @@
   background: var(--color-background-gray-subtlest, #f6f8fa);
 }
 
+.detail_cell_div.standard{
+  height: 5rem;
+}
+
 .detail_cell_div.compact {
   padding: 0;
 }
@@ -2695,6 +2698,7 @@
   display: flex;
   flex-direction: column;
   gap: var(--spacing-3);
+  flex: 1;
 }
 
 .status_text_div {
@@ -2755,7 +2759,7 @@
 .compact_info_div {
   display: flex;
   width: 100%;
-  padding: var(--spacing-4) var(--spacing-6);
+  padding: var(--spacing-3) var(--spacing-6);
   align-items: center;
 }
 
@@ -2764,8 +2768,9 @@
   min-height: 2.25rem;
   /* justify-content: space-between; */
   align-items: center;
-  gap: 1.25rem;
+  gap: var(--spacing-5);
   flex: 1 0 0;
+  width: 100%;
 }
 
 .compact_detail {
@@ -2774,20 +2779,27 @@
   flex: 1 0 0;
   align-items: flex-end;
   position: relative;
-  border: 1px solid blue;
   flex-wrap: wrap;
+  word-wrap: break-word; /* Ensures words break if needed */
+  overflow-wrap: break-word; /* Helps in modern browsers */
+  white-space: normal; /* Allows text wrapping */
+  text-align: right; /* Keeps text aligned to the right */
 }
 
-.comapact_copied_tooltip {
+.detail_compact_text{
+  color: var(--color-text, #4b5565);
+}
+
+.compact_copied_tooltip {
   position: absolute;
   right: 4rem;
-  bottom: 1.05rem;
+  bottom: 2rem;
 }
 
 .compact_status_div {
   display: flex;
   width: 100%;
-  padding: var(--spacing-4) var(--spacing-6);
+  padding: var(--spacing-3) var(--spacing-6);
   align-items: center;
 }
 
@@ -2803,7 +2815,7 @@
   display: flex;
   width: 100%;
   justify-content: space-between;
-  padding: var(--spacing-4) var(--spacing-6);
+  padding: var(--spacing-3) var(--spacing-6);
   align-items: center;
   gap: var(--spacing-2);
 }
@@ -2818,11 +2830,38 @@
 
 .compact_doc_textt_div {
   display: flex;
-  min-height: 2.25rem;
-  align-items: center;
-  gap: var(--spacing-5);
-  position: relative;
-  width: 100%;
+  flex-direction: column; /* Allows stacking if necessary */
+  align-items: flex-start; /* Aligns text to the left */
+  gap: 0.5rem;
+  flex: 1 1 auto;
+  word-wrap: break-word; /* Ensures words break properly */
+  overflow-wrap: break-word;
+  white-space: normal; /* Allows wrapping */
+  max-width: 100%; /* Prevents overflow */
+
+}
+
+.compact_doc_detail{
+  display: flex;
+  flex: 1 0 0;
+  text-align: right;
+  justify-content: flex-end;
+}
+
+.doc_label{
+  color: var(--color-text-subtle, #697586);
+  display: block; /* Ensure block or inline-block */
+  white-space: nowrap; /* Prevent text from wrapping */
+  text-overflow: ellipsis; /* Apply ellipsis */
+}
+
+.detaill{
+  max-width: 100%; /* Ensures it doesn’t stretch too far */
+  word-break: break-word; /* Breaks long words */
+  white-space: normal; /* Allows text to wrap */
+  overflow-wrap: break-word;
+  display: flex;
+  color: var(--color-text, #4b5565);
 }
 
 .button_container {
@@ -2838,6 +2877,6 @@
 
 .compact_downloaded_tooltip {
   position: absolute;
-  top: -1rem;
-  right: 6rem;
+  bottom: 3rem;
+  right: 10rem;
 }

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

@@ -15,6 +15,7 @@ export class GbDetailCell {
         this.showViewButton = false;
         this.showDownloadButton = false;
         this.showCopyButton = false;
+        this.showStandardCopyButton = false;
         this.showTooltip = false;
         this.copied = false;
         this.isDownloaded = false;
@@ -29,6 +30,16 @@ export class GbDetailCell {
         }, 2000);
         this.downloadButtonClicked.emit();
     }
+    onShowCopyButton() {
+        if (this.cellStyle === "standard") {
+            this.showStandardCopyButton = true;
+        }
+    }
+    onHideCopyButton() {
+        if (this.cellStyle === 'standard') {
+            this.showStandardCopyButton = false;
+        }
+    }
     async copyToClipboard() {
         try {
             await navigator.clipboard.writeText(this.detail);
@@ -42,15 +53,7 @@ export class GbDetailCell {
         }
     }
     render() {
-        return (h("div", { key: '74870daec4b15f3cd897621da04eb6998d8c5429', class: `detail_cell_div ${this.cellStyle}`, onMouseEnter: () => {
-                if (this.cellStyle === 'standard') {
-                    this.showCopyButton = true;
-                }
-            }, onMouseLeave: () => {
-                if (this.cellStyle === 'standard') {
-                    this.showCopyButton = false;
-                }
-            } }, this.type === 'information' && this.cellStyle === 'standard' && (h(Fragment, null, h("div", { key: '289d7c26ffa75e73f58350d3ba8ad48f5139dcbc', class: "info_text_div" }, h("p", { key: '94a57c79ac9821711e7ecd79e646b89eea9e20ba', class: "label text-sm-regular" }, this.label), h("p", { key: '5f86fe6681a6a14de850f2d4a51d8952cc90705e', class: "detail text-md-medium", onMouseEnter: () => (this.showTooltip = true), onMouseLeave: () => (this.showTooltip = false) }, this.detail), this.showTooltip && (h("gb-tooltip", { key: '0711bc09245658d5cc5ce865b4e1515a22305f44', "show-arrow": false, class: "information_text_tooltip" }, h("p", { key: '9507422d660ec79d0d84478a8bf7a99a2316283d', slot: "label" }, this.detail)))), this.showCopyButton && this.type === 'information' && !this.copied && (h("gb-button", { key: '273e3ee7df5c16df8996919b7ef72d61bd1a9302', 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: '8d105e119c552fb51777165a8687f1f1dd24ca34', "show-arrow": false, class: "copied_tooltip" }, h("p", { key: '4f057242f58431b0d9d608aad552066f2fa231f9', slot: "label" }, "Copied!"))))), this.type === 'document' && this.cellStyle === 'standard' && (h(Fragment, null, h("gb-file-type-icon", { key: '0375ef18dedeb9746be4a83dd4f63ad28db8bf20', "file-style": this.fileStyle, "file-type": this.fileType }), h("div", { key: 'c2d698393b498e2c0d0250ec999e15c5bb427fdb', class: "document_text_div" }, h("p", { key: 'f87c239aa351e96e35c7d2a15acee93c0dfa3652', class: "label text-sm-regular" }, this.label), h("p", { key: '0e0b5a767cec0384708c25333a7097931f5e2366', class: "detail text-md-medium", onMouseEnter: () => (this.showTooltip = true), onMouseLeave: () => (this.showTooltip = false) }, this.detail), this.showTooltip && (h("gb-tooltip", { key: '51491fd2ddb38bdfe5809942692aa43732393656', "show-arrow": false, class: "document_detail_tooltip" }, h("p", { key: '3c70fa8deeb3db95d86d6037e7972f3c76b3c192', slot: "label" }, this.detail)))), !this.isDownloaded ? (h(Fragment, null, this.showActionButtons && (h(Fragment, null, this.showViewButton && (h("gb-button", { size: "sm", hierarchy: "tertiary_gray", icon: "only", "icon-leading": "true", "icon-leading-swap": "assets/view.svg", onClick: () => this.onViewButtonClicked() })), this.showDownloadButton && (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' && this.cellStyle === 'standard' && (h("div", { key: '011f37f2812c0592063039f616694e05d4b8cf97', class: "status_text_div" }, h("p", { key: '2da50436eb77acc8bdbdfef3a7328a2d210346b6', class: "label text-sm-regular" }, this.label), h("gb-badge", { key: 'b765d4c8b083c61ab16dd009edae3636db9fe76d', size: "sm", type: this.badgeType, icon: "dot", color: this.badgeColor }, h("p", { key: '7c920afe19bb2ba2e65adb87212b5939cddb7162' }, this.badgeLabel)))), this.type === 'information' && this.cellStyle === 'compact' && (h("div", { key: '9a1d1d36c587d4d546a9e5b261693bb099d24192', class: "compact_info_div" }, h("div", { key: 'c3e9753578d7a98c3ede35d037bd94f06ba03ca5', class: "compact_info_text_div" }, h("div", { key: 'f4a64639cb9e6fab7a4bdf2438db583a9fadd13a', class: "compact_label" }, h("p", { key: 'ab8f5021eff6259ffb4d99b64246e69d02db672e', class: "label text-sm-regular" }, this.label)), h("div", { key: '4aa06fa9c78cd15df2feb89a09d2bd7390739eb8', class: "compact_detail" }, !this.copied ? (h("p", { class: "detail text-md-medium", onMouseEnter: () => (this.showTooltip = true), onMouseLeave: () => (this.showTooltip = false) }, this.detail)) : (h("gb-tooltip", { "show-arrow": false, class: "comapact_copied_tooltip" }, h("p", { slot: "label" }, "Copied!")))), this.showCopyButton && (h("gb-button", { key: '59ee214289fb9f33313c2633af4f43a0db45a61e', size: "sm", hierarchy: "tertiary_gray", icon: "only", "icon-leading": "true", "icon-leading-swap": "assets/copy.svg", onClick: () => this.copyToClipboard() }))))), this.type === 'document' && this.cellStyle === 'compact' && (h("div", { key: 'eb21ad444fc8ed267fa5fac4e0b433f86604f2cd', class: "compact_doc_div" }, h("gb-file-type-icon", { key: '8a501027072c5a1b0f20c64fa1df04b1019c58f9', "file-style": this.fileStyle, "file-type": this.fileType }), h("div", { key: 'dc9bc3807f57062ecd6854c508867e914f0c3a34', class: "compact_doc_text_div" }, !this.isDownloaded ? (h(Fragment, null, h("p", { class: "label text-sm-regular" }, this.label), h("div", { class: "compact_doc_detail" }, h("p", { class: "detail text-md-medium", onMouseEnter: () => (this.showTooltip = true), onMouseLeave: () => (this.showTooltip = false) }, this.detail)))) : (h("div", { class: "downloaded_toolip_div" }, h("gb-tooltip", { "show-arrow": false, class: "compact_downloaded_tooltip" }, h("p", { slot: "label" }, "Downloaded!")))), this.showActionButtons && (h("div", { key: '16bd0fd06f5d2171f24cad0fd6f3b76e314e10f1', class: "button_container" }, this.showViewButton && (h("gb-button", { key: '7d1032f9d82684678835126450d9b5abb6482ab6', size: "sm", hierarchy: "tertiary_gray", icon: "only", "icon-leading": "true", "icon-leading-swap": "assets/view.svg", onClick: () => this.onViewButtonClicked() })), this.showDownloadButton && (h("gb-button", { key: 'a97b6642dbc65267ecbc4c2facf02386b50fb181', size: "sm", hierarchy: "tertiary_gray", icon: "only", "icon-leading": "true", "icon-leading-swap": "assets/download-03.svg", onClick: () => this.onDownloadButtonClicked() }))))))), this.type === 'status' && this.cellStyle === 'compact' && (h("div", { key: 'e60f352137695bce4ba02fd31fd148733536e1eb', class: "compact_status_div" }, h("div", { key: 'fbbabceabd081392a690848e15ff109ca968e4b5', class: "compact_status_text_div" }, h("div", { key: 'ff43d701b26e8a76d1b155b00b8d7eb7d016d3c3', class: "compact_label" }, h("p", { key: '114643b0f7a5f445d14b385e882ee16c1bfe2a4e', class: "label text-sm-regular" }, this.label)), h("gb-badge", { key: 'f8339ada84c6f12995830c6a5689a5366d5eaf87', size: "sm", type: this.badgeType, icon: "dot", color: this.badgeColor }, h("p", { key: '89a4d730c06c3a4c2b23573a48b2e240acd076ba' }, this.badgeLabel)))))));
+        return (h("div", { key: '16ab1845cc2409351ecf34c268f6b2321fdedd8b', class: `detail_cell_div ${this.cellStyle}`, onMouseEnter: () => this.onShowCopyButton(), onMouseLeave: () => this.onHideCopyButton() }, this.type === 'information' && this.cellStyle === 'standard' && (h(Fragment, null, h("div", { key: 'fb6bf2a2b623062f9aeb7749f2306a4a57b0a46c', class: "info_text_div" }, h("p", { key: '61ab0a85c46cfa911a151589963d366d44f0c209', class: "label text-sm-regular" }, this.label), h("p", { key: 'a2c8d777380e5631d1ed346d904e075cde5cf1fd', class: "detail text-md-medium", onMouseEnter: () => (this.showTooltip = true), onMouseLeave: () => (this.showTooltip = false) }, this.detail), this.showTooltip && (h("gb-tooltip", { key: '2fa0c57e5a8056c586079d2a894a4cc54f421822', "show-arrow": false, class: "information_text_tooltip" }, h("p", { key: '75b351dfda6c8b0c0eabfa6f6450b292975aa99c', slot: "label" }, this.detail)))), this.showStandardCopyButton && (h("gb-button", { key: 'a16eecf03cc81696e419149a52fe4fba1ca68a68', 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: 'e2e10bea70e5b762a51aba7d33f6fc6380cf7b98', "show-arrow": false, class: "copied_tooltip" }, h("p", { key: '97b953ac99a6bb25f38a89d4d1ee5bde6f817d62', slot: "label" }, "Copied!"))))), this.type === 'document' && this.cellStyle === 'standard' && (h(Fragment, null, h("gb-file-type-icon", { key: '6ec21ef7eadd07ce44ccf858b7dbacad00325f4c', "file-style": this.fileStyle, "file-type": this.fileType }), h("div", { key: '5f24ec59bb9fe5a11da6b6311d4e8a03c19e9c40', class: "document_text_div" }, h("p", { key: 'a2d01425a0f4939af6166cf1c4efa73458bd22f5', class: "label text-sm-regular" }, this.label), h("p", { key: '70b74f84f31cdc1a2a090c30af29a537e3268a33', class: "detail text-md-medium", onMouseEnter: () => (this.showTooltip = true), onMouseLeave: () => (this.showTooltip = false) }, this.detail), this.showTooltip && (h("gb-tooltip", { key: '223794b0a6e285dd530209b92cdbcfc3bcfabc44', "show-arrow": false, class: "document_detail_tooltip" }, h("p", { key: '4471f0ddbf02deb60ebfd64faeea169304d15911', slot: "label" }, this.detail)))), !this.isDownloaded ? (h(Fragment, null, this.showActionButtons && (h(Fragment, null, this.showViewButton && (h("gb-button", { size: "sm", hierarchy: "tertiary_gray", icon: "only", "icon-leading": "true", "icon-leading-swap": "assets/view.svg", onClick: () => this.onViewButtonClicked() })), this.showDownloadButton && (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' && this.cellStyle === 'standard' && (h("div", { key: 'e31fab6f4474e5db67099bfc6215f492dec33ba9', class: "status_text_div" }, h("p", { key: 'a382e0dea7df3d418369ddb221964b4ea14c2398', class: "label text-sm-regular" }, this.label), h("gb-badge", { key: '9bc18bd3529068c38da995885d073e86f41430fd', size: "sm", type: this.badgeType, icon: "dot", color: this.badgeColor }, h("p", { key: 'a98175e669d75d1e18bf74913559169479cd275f' }, this.badgeLabel)))), this.type === 'information' && this.cellStyle === 'compact' && (h("div", { key: 'c39d3ab5d9502f96e1566459aa2d7932d50dd60e', class: "compact_info_div" }, h("div", { key: '88d055227f69b5e93981585b2bf229696328b2bc', class: "compact_info_text_div" }, h("div", { key: 'bf2972ebd0cf63c6271e2260c6801bbab23743b4', class: "compact_label" }, h("p", { key: '3c3cd6f0f7dc54cdef43e11ad03bf89595f5a55e', class: "label text-sm-regular" }, this.label)), h("div", { key: 'b7019702bb715547679d3d45a4423a1adc21f82e', class: "compact_detail" }, h("p", { key: '60dec5e96058b2425ed57fba7e73f9cbe546c295', class: "detail_compact_text text-md-medium" }, this.detail), this.copied && (h("gb-tooltip", { key: 'd7ce3c68bc910d1aa6e50dbab89eb5e809595ade', "show-arrow": false, class: "compact_copied_tooltip" }, h("p", { key: '2ba727638e52ef31c5be7e420c4dfd51f188818b', slot: "label" }, "Copied!")))), this.showCopyButton && (h("gb-button", { key: 'ec9dca4d530afaca0ee10894ed0ac6cfd6d71d6c', size: "sm", hierarchy: "tertiary_gray", icon: "only", "icon-leading": "true", "icon-leading-swap": "assets/copy.svg", onClick: () => this.copyToClipboard() }))))), this.type === 'document' && this.cellStyle === 'compact' && (h("div", { key: '72c754666deacb7150c36de7e554f38b841650f7', class: "compact_doc_div" }, h("gb-file-type-icon", { key: '291fd5ade3820e0f9d6a4201f1fc591ab48d4576', "file-style": this.fileStyle, "file-type": this.fileType }), h("div", { key: 'a0d8e4759d127243ed1c4336eed3debf14db6282', class: "compact_doc_text_div" }, h("p", { key: 'ee0011ae6317fd891c22803569d13432448b2e4e', class: "doc_label text-sm-regular" }, this.label), h("div", { key: '571d4fe1bc361bd890bddf91a414587659b8c9fd', class: "compact_doc_detail" }, h("p", { key: '1faf1f25b0e6946b3b58ddb2c4ab436640f8beeb', class: "detaill text-md-medium", onMouseEnter: () => (this.showTooltip = true), onMouseLeave: () => (this.showTooltip = false) }, this.detail)), this.isDownloaded && (h("gb-tooltip", { key: '0ab504ae6027977ae55f1d24e7a5ce7a60dadca7', "show-arrow": false, class: "compact_downloaded_tooltip" }, h("p", { key: 'f75bf3d37f1f311720c901d1522d004a88d7a84f', slot: "label" }, "Downloaded!"))), this.showActionButtons && (h("div", { key: '5aa14a17a458f1e187f9164e62401805a0e57755', class: "button_container" }, this.showViewButton && (h("gb-button", { key: '205b21c7a49ee94fa2cd08d9be2021e08be4f69f', size: "sm", hierarchy: "tertiary_gray", icon: "only", "icon-leading": "true", "icon-leading-swap": "assets/view.svg", onClick: () => this.onViewButtonClicked() })), this.showDownloadButton && (h("gb-button", { key: 'cd23740249846bd35b00f32820a1c158d66fe28f', size: "sm", hierarchy: "tertiary_gray", icon: "only", "icon-leading": "true", "icon-leading-swap": "assets/download-03.svg", onClick: () => this.onDownloadButtonClicked() }))))))), this.type === 'status' && this.cellStyle === 'compact' && (h("div", { key: '07d802e0bdf6cac4752e2509e8619745b28c03cf', class: "compact_status_div" }, h("div", { key: '9afeb7863f0239211fb84d7cb14284666c45c0d9', class: "compact_status_text_div" }, h("div", { key: '543e98b089f09c25af711c900c2926b5f8222f29', class: "compact_label" }, h("p", { key: '729e6f38ac439eaf6a946dccb3331b4426a60826', class: "label text-sm-regular" }, this.label)), h("gb-badge", { key: '5e0960fd9f0de408208de1072ba5076848caea88', size: "sm", type: this.badgeType, icon: "dot", color: this.badgeColor }, h("p", { key: '8d6c12d4633f6bc95947c3ae8ca75324fe596a84' }, this.badgeLabel)))))));
     }
     static get is() { return "gb-detail-cell"; }
     static get encapsulation() { return "shadow"; }
@@ -345,6 +348,7 @@ export class GbDetailCell {
     }
     static get states() {
         return {
+            "showStandardCopyButton": {},
             "showTooltip": {},
             "copied": {},
             "isDownloaded": {}

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":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAgB,MAAM,eAAe,CAAC;AAQzF,MAAM,OAAO,YAAY;;;;;qBAIC,EAAE;sBACD,EAAE;;0BAEE,EAAE;;;;iCAIM,KAAK;8BACR,KAAK;kCACD,KAAK;8BACQ,KAAK;2BACxB,KAAK;sBACV,KAAK;4BACC,KAAK;;IAItC,mBAAmB;QACjB,IAAI,CAAC,iBAAiB,CAAC,IAAI,EAAE,CAAC;IAChC,CAAC;IAED,uBAAuB;QACrB,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC;QAEzB,UAAU,CAAC,GAAG,EAAE;YACd,IAAI,CAAC,YAAY,GAAG,KAAK,CAAC;QAC5B,CAAC,EAAE,IAAI,CAAC,CAAC;QAET,IAAI,CAAC,qBAAqB,CAAC,IAAI,EAAE,CAAC;IACpC,CAAC;IAED,KAAK,CAAC,eAAe;QACnB,IAAI,CAAC;YACH,MAAM,SAAS,CAAC,SAAS,CAAC,SAAS,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;YACjD,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC;YAEnB,UAAU,CAAC,GAAG,EAAE;gBACd,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;YACtB,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC,qCAAqC;QACjD,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACf,OAAO,CAAC,KAAK,CAAC,iBAAiB,EAAE,KAAK,CAAC,CAAC;QAC1C,CAAC;IACH,CAAC;IAED,MAAM;QACJ,OAAO,CACL,4DACE,KAAK,EAAE,mBAAmB,IAAI,CAAC,SAAS,EAAE,EAC1C,YAAY,EAAE,GAAG,EAAE;gBACjB,IAAI,IAAI,CAAC,SAAS,KAAK,UAAU,EAAE,CAAC;oBAClC,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC;gBAC7B,CAAC;YACH,CAAC,EACD,YAAY,EAAE,GAAG,EAAE;gBACjB,IAAI,IAAI,CAAC,SAAS,KAAK,UAAU,EAAE,CAAC;oBAClC,IAAI,CAAC,cAAc,GAAG,KAAK,CAAC;gBAC9B,CAAC;YACH,CAAC;YAEA,IAAI,CAAC,IAAI,KAAK,aAAa,IAAI,IAAI,CAAC,SAAS,KAAK,UAAU,IAAI,CAC/D;gBACE,4DAAK,KAAK,EAAC,eAAe;oBACxB,0DAAG,KAAK,EAAC,uBAAuB,IAAE,IAAI,CAAC,KAAK,CAAK;oBACjD,0DAAG,KAAK,EAAC,uBAAuB,EAAC,YAAY,EAAE,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,EAAE,YAAY,EAAE,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC,IAC3H,IAAI,CAAC,MAAM,CACV;oBACH,IAAI,CAAC,WAAW,IAAI,CACnB,iFAAwB,KAAK,EAAE,KAAK,EAAC,0BAA0B;wBAC7D,0DAAG,IAAI,EAAC,OAAO,IAAE,IAAI,CAAC,MAAM,CAAK,CACtB,CACd,CACG;gBACL,IAAI,CAAC,cAAc,IAAI,IAAI,CAAC,IAAI,KAAK,aAAa,IAAI,CAAC,IAAI,CAAC,MAAM,IAAI,CACrE,kEAAW,IAAI,EAAC,IAAI,EAAC,SAAS,EAAC,eAAe,EAAC,IAAI,EAAC,MAAM,kBAAc,MAAM,uBAAmB,iBAAiB,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,eAAe,EAAE,GAAc,CACvK;gBACA,IAAI,CAAC,MAAM,IAAI,CACd,iFAAwB,KAAK,EAAE,KAAK,EAAC,gBAAgB;oBACnD,0DAAG,IAAI,EAAC,OAAO,cAAY,CAChB,CACd,CACA,CACJ;YACA,IAAI,CAAC,IAAI,KAAK,UAAU,IAAI,IAAI,CAAC,SAAS,KAAK,UAAU,IAAI,CAC5D;gBACE,wFAA+B,IAAI,CAAC,SAAS,eAAa,IAAI,CAAC,QAAQ,GAAsB;gBAC7F,4DAAK,KAAK,EAAC,mBAAmB;oBAC5B,0DAAG,KAAK,EAAC,uBAAuB,IAAE,IAAI,CAAC,KAAK,CAAK;oBACjD,0DAAG,KAAK,EAAC,uBAAuB,EAAC,YAAY,EAAE,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,EAAE,YAAY,EAAE,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC,IAC3H,IAAI,CAAC,MAAM,CACV;oBACH,IAAI,CAAC,WAAW,IAAI,CACnB,iFAAwB,KAAK,EAAE,KAAK,EAAC,yBAAyB;wBAC5D,0DAAG,IAAI,EAAC,OAAO,IAAE,IAAI,CAAC,MAAM,CAAK,CACtB,CACd,CACG;gBACL,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,CACpB,kBACG,IAAI,CAAC,iBAAiB,IAAI,CACzB;oBACG,IAAI,CAAC,cAAc,IAAI,CACtB,iBACE,IAAI,EAAC,IAAI,EACT,SAAS,EAAC,eAAe,EACzB,IAAI,EAAC,MAAM,kBACE,MAAM,uBACD,iBAAiB,EACnC,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,mBAAmB,EAAE,GAC9B,CACd;oBACA,IAAI,CAAC,kBAAkB,IAAI,CAC1B,iBACE,IAAI,EAAC,IAAI,EACT,SAAS,EAAC,eAAe,EACzB,IAAI,EAAC,MAAM,kBACE,MAAM,uBACD,wBAAwB,EAC1C,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,uBAAuB,EAAE,GAClC,CACd,CACA,CACJ,CACA,CACJ,CAAC,CAAC,CAAC,CACF,gCAAwB,KAAK,EAAE,KAAK,EAAC,oBAAoB;oBACvD,SAAG,IAAI,EAAC,OAAO,kBAAgB,CACpB,CACd,CACA,CACJ;YACA,IAAI,CAAC,IAAI,KAAK,QAAQ,IAAI,IAAI,CAAC,SAAS,KAAK,UAAU,IAAI,CAC1D,4DAAK,KAAK,EAAC,iBAAiB;gBAC1B,0DAAG,KAAK,EAAC,uBAAuB,IAAE,IAAI,CAAC,KAAK,CAAK;gBACjD,iEAAU,IAAI,EAAC,IAAI,EAAC,IAAI,EAAE,IAAI,CAAC,SAAS,EAAE,IAAI,EAAC,KAAK,EAAC,KAAK,EAAE,IAAI,CAAC,UAAU;oBACzE,4DAAI,IAAI,CAAC,UAAU,CAAK,CACf,CACP,CACP;YACA,IAAI,CAAC,IAAI,KAAK,aAAa,IAAI,IAAI,CAAC,SAAS,KAAK,SAAS,IAAI,CAC9D,4DAAK,KAAK,EAAC,kBAAkB;gBAC3B,4DAAK,KAAK,EAAC,uBAAuB;oBAChC,4DAAK,KAAK,EAAC,eAAe;wBACxB,0DAAG,KAAK,EAAC,uBAAuB,IAAE,IAAI,CAAC,KAAK,CAAK,CAC7C;oBACN,4DAAK,KAAK,EAAC,gBAAgB,IACxB,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CACd,SAAG,KAAK,EAAC,uBAAuB,EAAC,YAAY,EAAE,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,EAAE,YAAY,EAAE,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC,IAC3H,IAAI,CAAC,MAAM,CACV,CACL,CAAC,CAAC,CAAC,CACF,gCAAwB,KAAK,EAAE,KAAK,EAAC,yBAAyB;wBAC5D,SAAG,IAAI,EAAC,OAAO,cAAY,CAChB,CACd,CACG;oBACL,IAAI,CAAC,cAAc,IAAI,CACtB,kEACE,IAAI,EAAC,IAAI,EACT,SAAS,EAAC,eAAe,EACzB,IAAI,EAAC,MAAM,kBACE,MAAM,uBACD,iBAAiB,EACnC,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,eAAe,EAAE,GAC1B,CACd,CACG,CACF,CACP;YACA,IAAI,CAAC,IAAI,KAAK,UAAU,IAAI,IAAI,CAAC,SAAS,KAAK,SAAS,IAAI,CAC3D,4DAAK,KAAK,EAAC,iBAAiB;gBAC1B,wFAA+B,IAAI,CAAC,SAAS,eAAa,IAAI,CAAC,QAAQ,GAAsB;gBAC7F,4DAAK,KAAK,EAAC,sBAAsB;oBAC9B,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,CACpB;wBACE,SAAG,KAAK,EAAC,uBAAuB,IAAE,IAAI,CAAC,KAAK,CAAK;wBACjD,WAAK,KAAK,EAAC,oBAAoB;4BAC7B,SAAG,KAAK,EAAC,uBAAuB,EAAC,YAAY,EAAE,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,EAAE,YAAY,EAAE,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC,IAC3H,IAAI,CAAC,MAAM,CACV,CACA,CACL,CACJ,CAAC,CAAC,CAAC,CACF,WAAK,KAAK,EAAC,uBAAuB;wBAChC,gCAAwB,KAAK,EAAE,KAAK,EAAC,4BAA4B;4BAC/D,SAAG,IAAI,EAAC,OAAO,kBAAgB,CACpB,CACT,CACP;oBACA,IAAI,CAAC,iBAAiB,IAAI,CACzB,4DAAK,KAAK,EAAC,kBAAkB;wBAC1B,IAAI,CAAC,cAAc,IAAI,CACtB,kEACE,IAAI,EAAC,IAAI,EACT,SAAS,EAAC,eAAe,EACzB,IAAI,EAAC,MAAM,kBACE,MAAM,uBACD,iBAAiB,EACnC,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,mBAAmB,EAAE,GAC9B,CACd;wBACA,IAAI,CAAC,kBAAkB,IAAI,CAC1B,kEACE,IAAI,EAAC,IAAI,EACT,SAAS,EAAC,eAAe,EACzB,IAAI,EAAC,MAAM,kBACE,MAAM,uBACD,wBAAwB,EAC1C,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,uBAAuB,EAAE,GAClC,CACd,CACG,CACP,CACG,CACF,CACP;YACA,IAAI,CAAC,IAAI,KAAK,QAAQ,IAAI,IAAI,CAAC,SAAS,KAAK,SAAS,IAAI,CACzD,4DAAK,KAAK,EAAC,oBAAoB;gBAC7B,4DAAK,KAAK,EAAC,yBAAyB;oBAClC,4DAAK,KAAK,EAAC,eAAe;wBACxB,0DAAG,KAAK,EAAC,uBAAuB,IAAE,IAAI,CAAC,KAAK,CAAK,CAC7C;oBACN,iEAAU,IAAI,EAAC,IAAI,EAAC,IAAI,EAAE,IAAI,CAAC,SAAS,EAAE,IAAI,EAAC,KAAK,EAAC,KAAK,EAAE,IAAI,CAAC,UAAU;wBACzE,4DAAI,IAAI,CAAC,UAAU,CAAK,CACf,CACP,CACF,CACP,CACG,CACP,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Prop, State, h, Fragment, Event, EventEmitter } from '@stencil/core';\r\nimport { BadgeTypes, FileIconStyles, FileIconTypes, GeneralColors, GeneralStyles } 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() cellStyle: GeneralStyles;\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  @Prop() showActionButtons: boolean = false;\r\n  @Prop() showViewButton: boolean = false;\r\n  @Prop() showDownloadButton: boolean = false;\r\n  @Prop({ mutable: true }) 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\r\n        class={`detail_cell_div ${this.cellStyle}`}\r\n        onMouseEnter={() => {\r\n          if (this.cellStyle === 'standard') {\r\n            this.showCopyButton = true;\r\n          }\r\n        }}\r\n        onMouseLeave={() => {\r\n          if (this.cellStyle === 'standard') {\r\n            this.showCopyButton = false;\r\n          }\r\n        }}\r\n      >\r\n        {this.type === 'information' && this.cellStyle === 'standard' && (\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' && this.cellStyle === 'standard' && (\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                {this.showActionButtons && (\r\n                  <>\r\n                    {this.showViewButton && (\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                    )}\r\n                    {this.showDownloadButton && (\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                )}\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' && this.cellStyle === 'standard' && (\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        {this.type === 'information' && this.cellStyle === 'compact' && (\r\n          <div class=\"compact_info_div\">\r\n            <div class=\"compact_info_text_div\">\r\n              <div class=\"compact_label\">\r\n                <p class=\"label text-sm-regular\">{this.label}</p>\r\n              </div>\r\n              <div class=\"compact_detail\">\r\n                {!this.copied ? (\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                ) : (\r\n                  <gb-tooltip show-arrow={false} class=\"comapact_copied_tooltip\">\r\n                    <p slot=\"label\">Copied!</p>\r\n                  </gb-tooltip>\r\n                )}\r\n              </div>\r\n              {this.showCopyButton && (\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/copy.svg\"\r\n                  onClick={() => this.copyToClipboard()}\r\n                ></gb-button>\r\n              )}\r\n            </div>\r\n          </div>\r\n        )}\r\n        {this.type === 'document' && this.cellStyle === 'compact' && (\r\n          <div class=\"compact_doc_div\">\r\n            <gb-file-type-icon file-style={this.fileStyle} file-type={this.fileType}></gb-file-type-icon>\r\n            <div class=\"compact_doc_text_div\">\r\n              {!this.isDownloaded ? (\r\n                <>\r\n                  <p class=\"label text-sm-regular\">{this.label}</p>\r\n                  <div class=\"compact_doc_detail\">\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                  </div>\r\n                </>\r\n              ) : (\r\n                <div class=\"downloaded_toolip_div\">\r\n                  <gb-tooltip show-arrow={false} class=\"compact_downloaded_tooltip\">\r\n                    <p slot=\"label\">Downloaded!</p>\r\n                  </gb-tooltip>\r\n                </div>\r\n              )}\r\n              {this.showActionButtons && (\r\n                <div class=\"button_container\">\r\n                  {this.showViewButton && (\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                  )}\r\n                  {this.showDownloadButton && (\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                </div>\r\n              )}\r\n            </div>\r\n          </div>\r\n        )}\r\n        {this.type === 'status' && this.cellStyle === 'compact' && (\r\n          <div class=\"compact_status_div\">\r\n            <div class=\"compact_status_text_div\">\r\n              <div class=\"compact_label\">\r\n                <p class=\"label text-sm-regular\">{this.label}</p>\r\n              </div>\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          </div>\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, GeneralStyles } 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() cellStyle: GeneralStyles;\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  @Prop() showActionButtons: boolean = false;\r\n  @Prop() showViewButton: boolean = false;\r\n  @Prop() showDownloadButton: boolean = false;\r\n  @Prop({ mutable: true }) showCopyButton: boolean = false;\r\n  @State() showStandardCopyButton: 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  onShowCopyButton() {\r\n    if(this.cellStyle === \"standard\") {\r\n      this.showStandardCopyButton = true;\r\n    }\r\n  }\r\n\r\n  onHideCopyButton() {\r\n    if (this.cellStyle === 'standard') {\r\n      this.showStandardCopyButton = false;\r\n    }\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.cellStyle}`} onMouseEnter={() => this.onShowCopyButton()} onMouseLeave={() => this.onHideCopyButton()}>\r\n        {this.type === 'information' && this.cellStyle === 'standard' && (\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.showStandardCopyButton && (\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' && this.cellStyle === 'standard' && (\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                {this.showActionButtons && (\r\n                  <>\r\n                    {this.showViewButton && (\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                    )}\r\n                    {this.showDownloadButton && (\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                )}\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' && this.cellStyle === 'standard' && (\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        {this.type === 'information' && this.cellStyle === 'compact' && (\r\n          <div class=\"compact_info_div\">\r\n            <div class=\"compact_info_text_div\">\r\n              <div class=\"compact_label\">\r\n                <p class=\"label text-sm-regular\">{this.label}</p>\r\n              </div>\r\n              <div class=\"compact_detail\">\r\n                <p class=\"detail_compact_text text-md-medium\">{this.detail}</p>\r\n                {this.copied && (\r\n                  <gb-tooltip show-arrow={false} class=\"compact_copied_tooltip\">\r\n                    <p slot=\"label\">Copied!</p>\r\n                  </gb-tooltip>\r\n                )}\r\n              </div>\r\n              {this.showCopyButton && (\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/copy.svg\"\r\n                  onClick={() => this.copyToClipboard()}\r\n                ></gb-button>\r\n              )}\r\n            </div>\r\n          </div>\r\n        )}\r\n        {this.type === 'document' && this.cellStyle === 'compact' && (\r\n          <div class=\"compact_doc_div\">\r\n            <gb-file-type-icon file-style={this.fileStyle} file-type={this.fileType}></gb-file-type-icon>\r\n            <div class=\"compact_doc_text_div\">\r\n              <p class=\"doc_label text-sm-regular\">{this.label}</p>\r\n              <div class=\"compact_doc_detail\">\r\n                <p class=\"detaill text-md-medium\" onMouseEnter={() => (this.showTooltip = true)} onMouseLeave={() => (this.showTooltip = false)}>\r\n                  {this.detail}\r\n                </p>\r\n              </div>\r\n              {this.isDownloaded && (\r\n                <gb-tooltip show-arrow={false} class=\"compact_downloaded_tooltip\">\r\n                  <p slot=\"label\">Downloaded!</p>\r\n                </gb-tooltip>\r\n              )}\r\n              {this.showActionButtons && (\r\n                <div class=\"button_container\">\r\n                  {this.showViewButton && (\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                  )}\r\n                  {this.showDownloadButton && (\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                </div>\r\n              )}\r\n            </div>\r\n          </div>\r\n        )}\r\n        {this.type === 'status' && this.cellStyle === 'compact' && (\r\n          <div class=\"compact_status_div\">\r\n            <div class=\"compact_status_text_div\">\r\n              <div class=\"compact_label\">\r\n                <p class=\"label text-sm-regular\">{this.label}</p>\r\n              </div>\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          </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: '0a619b6c75363a23dba62fb704776576558c5b78', class: "shortcut-container" }, h("div", { key: '8a4f0919b21d668e15b092290f54d9fb22ccf6a4', class: `shortcut ${this.state === 'disabled' ? 'disabled' : ''} ${this.destructive ? 'destructive' : ''}` }, this.icon && (h("div", { key: 'b008176896026ae7ec0ab8a04a1b8847045712fa', class: "icon_div" }, h("div", { key: '470c4348252139cfa175ce2011792868bf571855', class: `icon ${this.state === 'disabled' ? 'disabled' : ''} ${this.destructive ? 'destructive' : ''}`, innerHTML: this.leadingIconSvg }))), this.checkbox && !this.icon && h("gb-checkbox", { key: 'ace61b603a8d9091d9ccdf5a9b5562abf595f143', class: "checkbox", size: "sm", type: "checkbox", state: StateEnum.Default }), h("span", { key: '7b2c074598b08eefc18ae9e1a1b65ea149e4529d', class: "label_div" }, h("p", { key: '425c99b5e98b4bc5d98a7de01b1ee3c762d399a4', class: `label text-sm-medium ${this.destructive ? 'destructive' : ''}` }, this.label)), this.shortcut && (h("span", { key: '934b89b5eb1e6bf1c5f8541fc84c1948636cd1eb', class: "shortcut-icon" }, h("slot", { key: 'dc5b5bb13787ef69165ca8ad0122e323962a5aa6' }, "\u2318", this.shortcutIcon))))));
+        return (h("div", { key: '53f983f6a690d92634e72e9e2e0b3e59023f43b0', class: "shortcut-container" }, h("div", { key: '2e76f091bba5b23b130dd09e1f941b47dc391f00', class: `shortcut ${this.state === 'disabled' ? 'disabled' : ''} ${this.destructive ? 'destructive' : ''}` }, this.icon && (h("div", { key: '464da68db7b850514d7fd41998c84f1296b901ed', class: "icon_div" }, h("div", { key: 'e6472f181632eb24b7af0c7b505d3fe273f9cd24', class: `icon ${this.state === 'disabled' ? 'disabled' : ''} ${this.destructive ? 'destructive' : ''}`, innerHTML: this.leadingIconSvg }))), this.checkbox && !this.icon && h("gb-checkbox", { key: '544ef5bc2a666932495a07da3494a8709956aaa3', class: "checkbox", size: "sm", type: "checkbox", state: StateEnum.Default }), h("span", { key: '321c1a73990c0acfd51f0ec60021ae14e975b4ea', class: "label_div" }, h("p", { key: '78973bb619d070224ac456f4bfe8e3646a0e84d0', class: `label text-sm-medium ${this.destructive ? 'destructive' : ''}` }, this.label)), this.shortcut && (h("span", { key: '434e91aefa1825e49e7e1ad832d84016bb8f6ebd', class: "shortcut-icon" }, h("slot", { key: 'e1960f78834c8d22645179ee08e1698bb31e8cc3' }, "\u2318", this.shortcutIcon))))));
     }
     static get is() { return "gb-dropdown-items-with-shortcut"; }
     static get encapsulation() { return "shadow"; }