npm - globuswebcomponents - Versions diffs - 0.8.3 → 0.8.4 - Mend

globuswebcomponents 0.8.3 → 0.8.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (47) hide show

package/dist/cjs/globuscomponents.cjs.js CHANGED Viewed

@@ -19,7 +19,7 @@ var patchBrowser = () => {
 patchBrowser().then(async (options) => {
   await appGlobals.globalScripts();
-  return index.bootstrapLazy(JSON.parse("[[\"gb-avatar_34.cjs\",[[1,\"gb-pagination\",{\"type\":[1],\"shape\":[1],\"breakpoint\":[1],\"currentPage\":[1026,\"current-page\"],\"totalPages\":[1026,\"total-pages\"],\"entries\":[1040]}],[1,\"gb-input-field\",{\"size\":[1],\"type\":[1],\"destructive\":[4],\"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\"],\"iconSwap\":[1,\"icon-swap\"],\"showCloseButton\":[4,\"show-close-button\"],\"options\":[1040],\"inputValue\":[32],\"tags\":[32],\"leadingIconSvg\":[32],\"isPasswordVisible\":[32],\"showDropdown\":[32],\"selectedItem\":[32]},[[4,\"click\",\"handleClickOutside\"]],{\"options\":[\"optionsChanged\"]}],[1,\"gb-sidebar\",{\"state\":[1025],\"category\":[1],\"showSecondCategory\":[4,\"show-second-category\"],\"applicationName\":[1,\"application-name\"],\"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\"],\"iconInstance\":[1,\"icon-instance\"],\"label\":[1],\"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\"],\"activeIndex\":[1026,\"active-index\"],\"leadingIconSvg\":[32],\"sideBarItemClicked\":[64]}],[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\"]}],[1,\"gb-header\",{\"state\":[1],\"showIndicator\":[4,\"show-indicator\"],\"text\":[4],\"placeholder\":[4],\"color\":[1],\"showBorder\":[4,\"show-border\"],\"onNavBarItemClicked\":[64]}],[1,\"gb-notification-pane\",{\"state\":[1],\"notifications\":[16],\"icon\":[1],\"label\":[1],\"time\":[1],\"supportingText\":[1,\"supporting-text\"]}],[0,\"gb-carousel-arrow\",{\"size\":[1],\"chevron\":[1]}],[1,\"gb-pagination-button-group-base\",{\"icon\":[1],\"iconLeading\":[1,\"icon-leading\"],\"iconTrailing\":[1,\"icon-trailing\"]}],[0,\"gb-pagination-dot-indicator\",{\"current\":[4],\"type\":[1],\"size\":[1]}],[1,\"gb-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],\"textState\":[32]}],[1,\"gb-tab-button-base\",{\"current\":[4],\"size\":[1],\"fullWidth\":[4,\"full-width\"],\"badge\":[4],\"type\":[1],\"tabName\":[1,\"tab-name\"]}],[1,\"gb-password-button\",{\"state\":[1],\"isPasswordVisible\":[32]}],[1,\"gb-collapse-button\",{\"color\":[1],\"isCollapsed\":[1028,\"is-collapsed\"],\"action\":[1025],\"isHovered\":[1028,\"is-hovered\"],\"collapseSidebar\":[64],\"expandSidebar\":[64]}],[1,\"gb-header-icon\",{\"state\":[1],\"showIndicator\":[4,\"show-indicator\"],\"icon\":[1]}],[1,\"gb-notification-content\",{\"icon\":[1],\"label\":[1],\"time\":[1],\"supportingText\":[1,\"supporting-text\"]}],[1,\"gb-pagination-number-base\",{\"shape\":[1],\"state\":[1]}],[1,\"gb-toggle-base\",{\"size\":[1],\"state\":[1],\"pressed\":[1028]}],[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-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],\"supportingText\":[4,\"supporting-text\"],\"color\":[1],\"showBorder\":[4,\"show-border\"],\"menuPosition\":[1,\"menu-position\"],\"leadingIconSvg\":[32],\"dropdownOpen\":[32],\"selectedItems\":[32],\"unselectedItems\":[32],\"selectedItem\":[32]},[[4,\"click\",\"handleClickOutside\"]]],[1,\"gb-tag\",{\"size\":[1],\"icon\":[1],\"action\":[1],\"flagSwap\":[1,\"flag-swap\"],\"checkbox\":[4],\"onTagClose\":[64]}],[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-input-dropdown-menu-item\",{\"type\":[1],\"supportingText\":[4,\"supporting-text\"],\"selected\":[1028],\"state\":[1],\"color\":[1]}],[1,\"gb-help-tooltip\",{\"showArrow\":[4,\"show-arrow\"],\"showSupportingText\":[4,\"show-supporting-text\"],\"showHelpTooltip\":[32]}],[1,\"gb-badge-close\",{\"color\":[1],\"type\":[1]}],[1,\"gb-tag-checkbox\",{\"checked\":[4],\"size\":[1],\"disabled\":[4]}],[1,\"gb-tag-close\",{\"size\":[1]}],[1,\"gb-tag-count\",{\"size\":[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-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]}],[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]}],[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-rich-text.cjs\",[[1,\"gb-rich-text\",{\"state\":[1],\"destructive\":[4],\"showLabel\":[4,\"show-label\"],\"label\":[1],\"showPlaceholder\":[4,\"show-placeholder\"],\"placeholder\":[1],\"showHintText\":[4,\"show-hint-text\"],\"hintText\":[1,\"hint-text\"]}]]],[\"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-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-file-upload.cjs\",[[1,\"gb-file-upload\",{\"icon\":[1],\"type\":[1],\"heightSize\":[1,\"height-size\"],\"state\":[1],\"destructive\":[4],\"showLabel\":[4,\"show-label\"]}]]],[\"gb-avatar-profile-photo.cjs\",[[1,\"gb-avatar-profile-photo\",{\"placeholder\":[4],\"text\":[4],\"size\":[1],\"verified\":[4],\"icon\":[1]}]]],[\"gb-export-dropdown.cjs\",[[1,\"gb-export-dropdown\",{\"state\":[1],\"showFirstSubDropdown\":[32],\"showSecondSubDropdown\":[32]}]]],[\"gb-help-dropdown.cjs\",[[1,\"gb-help-dropdown\",{\"showLogError\":[4,\"show-log-error\"],\"onHelpItemClicked\":[64]}]]],[\"gb-toast.cjs\",[[1,\"gb-toast\",{\"color\":[1],\"size\":[1],\"breakpoint\":[1],\"xCloseButton\":[4,\"x-close-button\"],\"actions\":[4],\"showSupportingText\":[4,\"show-supporting-text\"]}]]],[\"gb-control-handle.cjs\",[[1,\"gb-control-handle\",{\"value\":[2],\"type\":[1],\"isHovered\":[32],\"isFocused\":[32]}]]],[\"gb-toggle.cjs\",[[1,\"gb-toggle\",{\"size\":[1],\"state\":[1],\"supportingText\":[4,\"supporting-text\"],\"pressed\":[4]}]]],[\"gb-token-field.cjs\",[[1,\"gb-token-field\",{\"size\":[1],\"digits\":[2],\"showLabel\":[4,\"show-label\"],\"label\":[1],\"showSupportingText\":[4,\"show-supporting-text\"],\"supportingText\":[1,\"supporting-text\"]}]]],[\"gb-verification-code-field.cjs\",[[1,\"gb-verification-code-field\",{\"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-file-type-icon.cjs\",[[1,\"gb-file-type-icon\"]]],[\"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-slider.cjs\",[[1,\"gb-slider\",{\"min\":[2],\"max\":[2],\"thumbType\":[1,\"thumb-type\"],\"leftValue\":[32],\"rightValue\":[32]}]]],[\"gb-textarea-input-field.cjs\",[[1,\"gb-textarea-input-field\",{\"type\":[1],\"destructive\":[4],\"state\":[1],\"showPlaceholder\":[4,\"show-placeholder\"],\"placeholder\":[1],\"showLabel\":[4,\"show-label\"],\"label\":[1],\"showHintText\":[4,\"show-hint-text\"],\"hintText\":[1,\"hint-text\"]}]]],[\"gb-wysiwyg-toolbar.cjs\",[[1,\"gb-wysiwyg-toolbar\",{\"breakpoint\":[1],\"fontSelector\":[4,\"font-selector\"],\"bold\":[4],\"italic\":[4],\"h1\":[4,\"h-1\"],\"h2\":[4,\"h-2\"],\"quote\":[4],\"link\":[4],\"image\":[4],\"bulletList\":[4,\"bullet-list\"],\"numberList\":[4,\"number-list\"]}]]],[\"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\"]}]]],[\"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-toast-button.cjs\",[[1,\"gb-toast-button\",{\"state\":[1],\"color\":[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]}]]],[\"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-megainput-field.cjs\",[[1,\"gb-megainput-field\",{\"size\":[1],\"state\":[1],\"inputValue\":[32]}]]],[\"gb-wysiwyg-editor-icon.cjs\",[[1,\"gb-wysiwyg-editor-icon\",{\"active\":[4],\"type\":[1],\"state\":[1]}]]],[\"gb-button-close_2.cjs\",[[1,\"gb-progress-bar\",{\"progress\":[2],\"showLabel\":[4,\"show-label\"],\"labelPosition\":[1,\"label-position\"],\"el\":[16]}],[1,\"gb-button-close\",{\"size\":[1],\"color\":[1]}]]]]"), options);
+  return index.bootstrapLazy(JSON.parse("[[\"gb-avatar_35.cjs\",[[1,\"gb-pagination\",{\"type\":[1],\"shape\":[1],\"breakpoint\":[1],\"currentPage\":[1026,\"current-page\"],\"totalPages\":[1026,\"total-pages\"],\"entries\":[32],\"selectedPageSize\":[32]}],[1,\"gb-input-field\",{\"size\":[1],\"type\":[1],\"destructive\":[4],\"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\"],\"iconSwap\":[1,\"icon-swap\"],\"showCloseButton\":[4,\"show-close-button\"],\"options\":[1040],\"inputValue\":[32],\"tags\":[32],\"leadingIconSvg\":[32],\"isPasswordVisible\":[32],\"showDropdown\":[32],\"selectedItem\":[32]},[[4,\"click\",\"handleClickOutside\"]],{\"options\":[\"optionsChanged\"]}],[1,\"gb-sidebar\",{\"state\":[1025],\"category\":[1],\"showSecondCategory\":[4,\"show-second-category\"],\"applicationName\":[1,\"application-name\"],\"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\"],\"iconInstance\":[1,\"icon-instance\"],\"label\":[1],\"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\"],\"activeIndex\":[1026,\"active-index\"],\"leadingIconSvg\":[32],\"sideBarItemClicked\":[64]}],[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\"]}],[1,\"gb-header\",{\"state\":[1],\"showIndicator\":[4,\"show-indicator\"],\"text\":[4],\"placeholder\":[4],\"color\":[1],\"showBorder\":[4,\"show-border\"],\"onNavBarItemClicked\":[64]}],[1,\"gb-notification-pane\",{\"state\":[1],\"notifications\":[16],\"icon\":[1],\"label\":[1],\"time\":[1],\"supportingText\":[1,\"supporting-text\"]}],[0,\"gb-carousel-arrow\",{\"size\":[1],\"chevron\":[1]}],[1,\"gb-pagination-button-group-base\",{\"icon\":[1],\"iconLeading\":[1,\"icon-leading\"],\"iconTrailing\":[1,\"icon-trailing\"]}],[0,\"gb-pagination-dot-indicator\",{\"current\":[4],\"type\":[1],\"size\":[1]}],[1,\"gb-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],\"textState\":[32]}],[1,\"gb-tab-button-base\",{\"current\":[4],\"size\":[1],\"fullWidth\":[4,\"full-width\"],\"badge\":[4],\"type\":[1],\"tabName\":[1,\"tab-name\"]}],[1,\"gb-avatar-label-group\",{\"size\":[1],\"statusIcon\":[1,\"status-icon\"],\"state\":[1],\"placeholder\":[4],\"text\":[4],\"color\":[1],\"showBorder\":[4,\"show-border\"]}],[1,\"gb-password-button\",{\"state\":[1],\"isPasswordVisible\":[32]}],[1,\"gb-collapse-button\",{\"color\":[1],\"isCollapsed\":[1028,\"is-collapsed\"],\"action\":[1025],\"isHovered\":[1028,\"is-hovered\"],\"collapseSidebar\":[64],\"expandSidebar\":[64]}],[1,\"gb-header-icon\",{\"state\":[1],\"showIndicator\":[4,\"show-indicator\"],\"icon\":[1]}],[1,\"gb-notification-content\",{\"icon\":[1],\"label\":[1],\"time\":[1],\"supportingText\":[1,\"supporting-text\"]}],[1,\"gb-pagination-number-base\",{\"shape\":[1],\"state\":[1]}],[1,\"gb-toggle-base\",{\"size\":[1],\"state\":[1],\"pressed\":[1028]}],[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-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],\"supportingText\":[4,\"supporting-text\"],\"color\":[1],\"showBorder\":[4,\"show-border\"],\"menuPosition\":[1,\"menu-position\"],\"leadingIconSvg\":[32],\"dropdownOpen\":[32],\"selectedItems\":[32],\"unselectedItems\":[32],\"selectedItem\":[32]},[[4,\"click\",\"handleClickOutside\"]]],[1,\"gb-tag\",{\"size\":[1],\"icon\":[1],\"action\":[1],\"flagSwap\":[1,\"flag-swap\"],\"checkbox\":[4],\"onTagClose\":[64]}],[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-input-dropdown-menu-item\",{\"type\":[1],\"supportingText\":[4,\"supporting-text\"],\"selected\":[1028],\"state\":[1],\"color\":[1]}],[1,\"gb-help-tooltip\",{\"showArrow\":[4,\"show-arrow\"],\"showSupportingText\":[4,\"show-supporting-text\"],\"showHelpTooltip\":[32]}],[1,\"gb-badge-close\",{\"color\":[1],\"type\":[1]}],[1,\"gb-tag-checkbox\",{\"checked\":[4],\"size\":[1],\"disabled\":[4]}],[1,\"gb-tag-close\",{\"size\":[1]}],[1,\"gb-tag-count\",{\"size\":[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-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]}],[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]}],[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-rich-text.cjs\",[[1,\"gb-rich-text\",{\"state\":[1],\"destructive\":[4],\"showLabel\":[4,\"show-label\"],\"label\":[1],\"showPlaceholder\":[4,\"show-placeholder\"],\"placeholder\":[1],\"showHintText\":[4,\"show-hint-text\"],\"hintText\":[1,\"hint-text\"]}]]],[\"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-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-file-upload.cjs\",[[1,\"gb-file-upload\",{\"icon\":[1],\"type\":[1],\"heightSize\":[1,\"height-size\"],\"state\":[1],\"destructive\":[4],\"showLabel\":[4,\"show-label\"]}]]],[\"gb-avatar-profile-photo.cjs\",[[1,\"gb-avatar-profile-photo\",{\"placeholder\":[4],\"text\":[4],\"size\":[1],\"verified\":[4],\"icon\":[1]}]]],[\"gb-export-dropdown.cjs\",[[1,\"gb-export-dropdown\",{\"state\":[1],\"showFirstSubDropdown\":[32],\"showSecondSubDropdown\":[32]}]]],[\"gb-help-dropdown.cjs\",[[1,\"gb-help-dropdown\",{\"showLogError\":[4,\"show-log-error\"],\"onHelpItemClicked\":[64]}]]],[\"gb-toast.cjs\",[[1,\"gb-toast\",{\"color\":[1],\"size\":[1],\"breakpoint\":[1],\"xCloseButton\":[4,\"x-close-button\"],\"actions\":[4],\"showSupportingText\":[4,\"show-supporting-text\"]}]]],[\"gb-control-handle.cjs\",[[1,\"gb-control-handle\",{\"value\":[2],\"type\":[1],\"isHovered\":[32],\"isFocused\":[32]}]]],[\"gb-toggle.cjs\",[[1,\"gb-toggle\",{\"size\":[1],\"state\":[1],\"supportingText\":[4,\"supporting-text\"],\"pressed\":[4]}]]],[\"gb-token-field.cjs\",[[1,\"gb-token-field\",{\"size\":[1],\"digits\":[2],\"showLabel\":[4,\"show-label\"],\"label\":[1],\"showSupportingText\":[4,\"show-supporting-text\"],\"supportingText\":[1,\"supporting-text\"]}]]],[\"gb-verification-code-field.cjs\",[[1,\"gb-verification-code-field\",{\"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-file-type-icon.cjs\",[[1,\"gb-file-type-icon\"]]],[\"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-slider.cjs\",[[1,\"gb-slider\",{\"min\":[2],\"max\":[2],\"thumbType\":[1,\"thumb-type\"],\"leftValue\":[32],\"rightValue\":[32]}]]],[\"gb-textarea-input-field.cjs\",[[1,\"gb-textarea-input-field\",{\"type\":[1],\"destructive\":[4],\"state\":[1],\"showPlaceholder\":[4,\"show-placeholder\"],\"placeholder\":[1],\"showLabel\":[4,\"show-label\"],\"label\":[1],\"showHintText\":[4,\"show-hint-text\"],\"hintText\":[1,\"hint-text\"]}]]],[\"gb-wysiwyg-toolbar.cjs\",[[1,\"gb-wysiwyg-toolbar\",{\"breakpoint\":[1],\"fontSelector\":[4,\"font-selector\"],\"bold\":[4],\"italic\":[4],\"h1\":[4,\"h-1\"],\"h2\":[4,\"h-2\"],\"quote\":[4],\"link\":[4],\"image\":[4],\"bulletList\":[4,\"bullet-list\"],\"numberList\":[4,\"number-list\"]}]]],[\"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-button-close_2.cjs\",[[1,\"gb-progress-bar\",{\"progress\":[2],\"showLabel\":[4,\"show-label\"],\"labelPosition\":[1,\"label-position\"],\"el\":[16]}],[1,\"gb-button-close\",{\"size\":[1],\"color\":[1]}]]],[\"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\"]}]]],[\"gb-avatar-add-button.cjs\",[[1,\"gb-avatar-add-button\",{\"size\":[1],\"showToolTip\":[1028,\"show-tool-tip\"],\"state\":[1],\"el\":[16]}]]],[\"gb-toast-button.cjs\",[[1,\"gb-toast-button\",{\"state\":[1],\"color\":[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]}]]],[\"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-megainput-field.cjs\",[[1,\"gb-megainput-field\",{\"size\":[1],\"state\":[1],\"inputValue\":[32]}]]],[\"gb-wysiwyg-editor-icon.cjs\",[[1,\"gb-wysiwyg-editor-icon\",{\"active\":[4],\"type\":[1],\"state\":[1]}]]]]"), options);
 });
 exports.setNonce = index.setNonce;

package/dist/cjs/loader.cjs.js CHANGED Viewed

@@ -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_34.cjs\",[[1,\"gb-pagination\",{\"type\":[1],\"shape\":[1],\"breakpoint\":[1],\"currentPage\":[1026,\"current-page\"],\"totalPages\":[1026,\"total-pages\"],\"entries\":[1040]}],[1,\"gb-input-field\",{\"size\":[1],\"type\":[1],\"destructive\":[4],\"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\"],\"iconSwap\":[1,\"icon-swap\"],\"showCloseButton\":[4,\"show-close-button\"],\"options\":[1040],\"inputValue\":[32],\"tags\":[32],\"leadingIconSvg\":[32],\"isPasswordVisible\":[32],\"showDropdown\":[32],\"selectedItem\":[32]},[[4,\"click\",\"handleClickOutside\"]],{\"options\":[\"optionsChanged\"]}],[1,\"gb-sidebar\",{\"state\":[1025],\"category\":[1],\"showSecondCategory\":[4,\"show-second-category\"],\"applicationName\":[1,\"application-name\"],\"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\"],\"iconInstance\":[1,\"icon-instance\"],\"label\":[1],\"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\"],\"activeIndex\":[1026,\"active-index\"],\"leadingIconSvg\":[32],\"sideBarItemClicked\":[64]}],[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\"]}],[1,\"gb-header\",{\"state\":[1],\"showIndicator\":[4,\"show-indicator\"],\"text\":[4],\"placeholder\":[4],\"color\":[1],\"showBorder\":[4,\"show-border\"],\"onNavBarItemClicked\":[64]}],[1,\"gb-notification-pane\",{\"state\":[1],\"notifications\":[16],\"icon\":[1],\"label\":[1],\"time\":[1],\"supportingText\":[1,\"supporting-text\"]}],[0,\"gb-carousel-arrow\",{\"size\":[1],\"chevron\":[1]}],[1,\"gb-pagination-button-group-base\",{\"icon\":[1],\"iconLeading\":[1,\"icon-leading\"],\"iconTrailing\":[1,\"icon-trailing\"]}],[0,\"gb-pagination-dot-indicator\",{\"current\":[4],\"type\":[1],\"size\":[1]}],[1,\"gb-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],\"textState\":[32]}],[1,\"gb-tab-button-base\",{\"current\":[4],\"size\":[1],\"fullWidth\":[4,\"full-width\"],\"badge\":[4],\"type\":[1],\"tabName\":[1,\"tab-name\"]}],[1,\"gb-password-button\",{\"state\":[1],\"isPasswordVisible\":[32]}],[1,\"gb-collapse-button\",{\"color\":[1],\"isCollapsed\":[1028,\"is-collapsed\"],\"action\":[1025],\"isHovered\":[1028,\"is-hovered\"],\"collapseSidebar\":[64],\"expandSidebar\":[64]}],[1,\"gb-header-icon\",{\"state\":[1],\"showIndicator\":[4,\"show-indicator\"],\"icon\":[1]}],[1,\"gb-notification-content\",{\"icon\":[1],\"label\":[1],\"time\":[1],\"supportingText\":[1,\"supporting-text\"]}],[1,\"gb-pagination-number-base\",{\"shape\":[1],\"state\":[1]}],[1,\"gb-toggle-base\",{\"size\":[1],\"state\":[1],\"pressed\":[1028]}],[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-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],\"supportingText\":[4,\"supporting-text\"],\"color\":[1],\"showBorder\":[4,\"show-border\"],\"menuPosition\":[1,\"menu-position\"],\"leadingIconSvg\":[32],\"dropdownOpen\":[32],\"selectedItems\":[32],\"unselectedItems\":[32],\"selectedItem\":[32]},[[4,\"click\",\"handleClickOutside\"]]],[1,\"gb-tag\",{\"size\":[1],\"icon\":[1],\"action\":[1],\"flagSwap\":[1,\"flag-swap\"],\"checkbox\":[4],\"onTagClose\":[64]}],[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-input-dropdown-menu-item\",{\"type\":[1],\"supportingText\":[4,\"supporting-text\"],\"selected\":[1028],\"state\":[1],\"color\":[1]}],[1,\"gb-help-tooltip\",{\"showArrow\":[4,\"show-arrow\"],\"showSupportingText\":[4,\"show-supporting-text\"],\"showHelpTooltip\":[32]}],[1,\"gb-badge-close\",{\"color\":[1],\"type\":[1]}],[1,\"gb-tag-checkbox\",{\"checked\":[4],\"size\":[1],\"disabled\":[4]}],[1,\"gb-tag-close\",{\"size\":[1]}],[1,\"gb-tag-count\",{\"size\":[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-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]}],[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]}],[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-rich-text.cjs\",[[1,\"gb-rich-text\",{\"state\":[1],\"destructive\":[4],\"showLabel\":[4,\"show-label\"],\"label\":[1],\"showPlaceholder\":[4,\"show-placeholder\"],\"placeholder\":[1],\"showHintText\":[4,\"show-hint-text\"],\"hintText\":[1,\"hint-text\"]}]]],[\"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-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-file-upload.cjs\",[[1,\"gb-file-upload\",{\"icon\":[1],\"type\":[1],\"heightSize\":[1,\"height-size\"],\"state\":[1],\"destructive\":[4],\"showLabel\":[4,\"show-label\"]}]]],[\"gb-avatar-profile-photo.cjs\",[[1,\"gb-avatar-profile-photo\",{\"placeholder\":[4],\"text\":[4],\"size\":[1],\"verified\":[4],\"icon\":[1]}]]],[\"gb-export-dropdown.cjs\",[[1,\"gb-export-dropdown\",{\"state\":[1],\"showFirstSubDropdown\":[32],\"showSecondSubDropdown\":[32]}]]],[\"gb-help-dropdown.cjs\",[[1,\"gb-help-dropdown\",{\"showLogError\":[4,\"show-log-error\"],\"onHelpItemClicked\":[64]}]]],[\"gb-toast.cjs\",[[1,\"gb-toast\",{\"color\":[1],\"size\":[1],\"breakpoint\":[1],\"xCloseButton\":[4,\"x-close-button\"],\"actions\":[4],\"showSupportingText\":[4,\"show-supporting-text\"]}]]],[\"gb-control-handle.cjs\",[[1,\"gb-control-handle\",{\"value\":[2],\"type\":[1],\"isHovered\":[32],\"isFocused\":[32]}]]],[\"gb-toggle.cjs\",[[1,\"gb-toggle\",{\"size\":[1],\"state\":[1],\"supportingText\":[4,\"supporting-text\"],\"pressed\":[4]}]]],[\"gb-token-field.cjs\",[[1,\"gb-token-field\",{\"size\":[1],\"digits\":[2],\"showLabel\":[4,\"show-label\"],\"label\":[1],\"showSupportingText\":[4,\"show-supporting-text\"],\"supportingText\":[1,\"supporting-text\"]}]]],[\"gb-verification-code-field.cjs\",[[1,\"gb-verification-code-field\",{\"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-file-type-icon.cjs\",[[1,\"gb-file-type-icon\"]]],[\"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-slider.cjs\",[[1,\"gb-slider\",{\"min\":[2],\"max\":[2],\"thumbType\":[1,\"thumb-type\"],\"leftValue\":[32],\"rightValue\":[32]}]]],[\"gb-textarea-input-field.cjs\",[[1,\"gb-textarea-input-field\",{\"type\":[1],\"destructive\":[4],\"state\":[1],\"showPlaceholder\":[4,\"show-placeholder\"],\"placeholder\":[1],\"showLabel\":[4,\"show-label\"],\"label\":[1],\"showHintText\":[4,\"show-hint-text\"],\"hintText\":[1,\"hint-text\"]}]]],[\"gb-wysiwyg-toolbar.cjs\",[[1,\"gb-wysiwyg-toolbar\",{\"breakpoint\":[1],\"fontSelector\":[4,\"font-selector\"],\"bold\":[4],\"italic\":[4],\"h1\":[4,\"h-1\"],\"h2\":[4,\"h-2\"],\"quote\":[4],\"link\":[4],\"image\":[4],\"bulletList\":[4,\"bullet-list\"],\"numberList\":[4,\"number-list\"]}]]],[\"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\"]}]]],[\"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-toast-button.cjs\",[[1,\"gb-toast-button\",{\"state\":[1],\"color\":[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]}]]],[\"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-megainput-field.cjs\",[[1,\"gb-megainput-field\",{\"size\":[1],\"state\":[1],\"inputValue\":[32]}]]],[\"gb-wysiwyg-editor-icon.cjs\",[[1,\"gb-wysiwyg-editor-icon\",{\"active\":[4],\"type\":[1],\"state\":[1]}]]],[\"gb-button-close_2.cjs\",[[1,\"gb-progress-bar\",{\"progress\":[2],\"showLabel\":[4,\"show-label\"],\"labelPosition\":[1,\"label-position\"],\"el\":[16]}],[1,\"gb-button-close\",{\"size\":[1],\"color\":[1]}]]]]"), options);
+  return index.bootstrapLazy(JSON.parse("[[\"gb-avatar_35.cjs\",[[1,\"gb-pagination\",{\"type\":[1],\"shape\":[1],\"breakpoint\":[1],\"currentPage\":[1026,\"current-page\"],\"totalPages\":[1026,\"total-pages\"],\"entries\":[32],\"selectedPageSize\":[32]}],[1,\"gb-input-field\",{\"size\":[1],\"type\":[1],\"destructive\":[4],\"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\"],\"iconSwap\":[1,\"icon-swap\"],\"showCloseButton\":[4,\"show-close-button\"],\"options\":[1040],\"inputValue\":[32],\"tags\":[32],\"leadingIconSvg\":[32],\"isPasswordVisible\":[32],\"showDropdown\":[32],\"selectedItem\":[32]},[[4,\"click\",\"handleClickOutside\"]],{\"options\":[\"optionsChanged\"]}],[1,\"gb-sidebar\",{\"state\":[1025],\"category\":[1],\"showSecondCategory\":[4,\"show-second-category\"],\"applicationName\":[1,\"application-name\"],\"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\"],\"iconInstance\":[1,\"icon-instance\"],\"label\":[1],\"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\"],\"activeIndex\":[1026,\"active-index\"],\"leadingIconSvg\":[32],\"sideBarItemClicked\":[64]}],[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\"]}],[1,\"gb-header\",{\"state\":[1],\"showIndicator\":[4,\"show-indicator\"],\"text\":[4],\"placeholder\":[4],\"color\":[1],\"showBorder\":[4,\"show-border\"],\"onNavBarItemClicked\":[64]}],[1,\"gb-notification-pane\",{\"state\":[1],\"notifications\":[16],\"icon\":[1],\"label\":[1],\"time\":[1],\"supportingText\":[1,\"supporting-text\"]}],[0,\"gb-carousel-arrow\",{\"size\":[1],\"chevron\":[1]}],[1,\"gb-pagination-button-group-base\",{\"icon\":[1],\"iconLeading\":[1,\"icon-leading\"],\"iconTrailing\":[1,\"icon-trailing\"]}],[0,\"gb-pagination-dot-indicator\",{\"current\":[4],\"type\":[1],\"size\":[1]}],[1,\"gb-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],\"textState\":[32]}],[1,\"gb-tab-button-base\",{\"current\":[4],\"size\":[1],\"fullWidth\":[4,\"full-width\"],\"badge\":[4],\"type\":[1],\"tabName\":[1,\"tab-name\"]}],[1,\"gb-avatar-label-group\",{\"size\":[1],\"statusIcon\":[1,\"status-icon\"],\"state\":[1],\"placeholder\":[4],\"text\":[4],\"color\":[1],\"showBorder\":[4,\"show-border\"]}],[1,\"gb-password-button\",{\"state\":[1],\"isPasswordVisible\":[32]}],[1,\"gb-collapse-button\",{\"color\":[1],\"isCollapsed\":[1028,\"is-collapsed\"],\"action\":[1025],\"isHovered\":[1028,\"is-hovered\"],\"collapseSidebar\":[64],\"expandSidebar\":[64]}],[1,\"gb-header-icon\",{\"state\":[1],\"showIndicator\":[4,\"show-indicator\"],\"icon\":[1]}],[1,\"gb-notification-content\",{\"icon\":[1],\"label\":[1],\"time\":[1],\"supportingText\":[1,\"supporting-text\"]}],[1,\"gb-pagination-number-base\",{\"shape\":[1],\"state\":[1]}],[1,\"gb-toggle-base\",{\"size\":[1],\"state\":[1],\"pressed\":[1028]}],[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-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],\"supportingText\":[4,\"supporting-text\"],\"color\":[1],\"showBorder\":[4,\"show-border\"],\"menuPosition\":[1,\"menu-position\"],\"leadingIconSvg\":[32],\"dropdownOpen\":[32],\"selectedItems\":[32],\"unselectedItems\":[32],\"selectedItem\":[32]},[[4,\"click\",\"handleClickOutside\"]]],[1,\"gb-tag\",{\"size\":[1],\"icon\":[1],\"action\":[1],\"flagSwap\":[1,\"flag-swap\"],\"checkbox\":[4],\"onTagClose\":[64]}],[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-input-dropdown-menu-item\",{\"type\":[1],\"supportingText\":[4,\"supporting-text\"],\"selected\":[1028],\"state\":[1],\"color\":[1]}],[1,\"gb-help-tooltip\",{\"showArrow\":[4,\"show-arrow\"],\"showSupportingText\":[4,\"show-supporting-text\"],\"showHelpTooltip\":[32]}],[1,\"gb-badge-close\",{\"color\":[1],\"type\":[1]}],[1,\"gb-tag-checkbox\",{\"checked\":[4],\"size\":[1],\"disabled\":[4]}],[1,\"gb-tag-close\",{\"size\":[1]}],[1,\"gb-tag-count\",{\"size\":[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-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]}],[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]}],[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-rich-text.cjs\",[[1,\"gb-rich-text\",{\"state\":[1],\"destructive\":[4],\"showLabel\":[4,\"show-label\"],\"label\":[1],\"showPlaceholder\":[4,\"show-placeholder\"],\"placeholder\":[1],\"showHintText\":[4,\"show-hint-text\"],\"hintText\":[1,\"hint-text\"]}]]],[\"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-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-file-upload.cjs\",[[1,\"gb-file-upload\",{\"icon\":[1],\"type\":[1],\"heightSize\":[1,\"height-size\"],\"state\":[1],\"destructive\":[4],\"showLabel\":[4,\"show-label\"]}]]],[\"gb-avatar-profile-photo.cjs\",[[1,\"gb-avatar-profile-photo\",{\"placeholder\":[4],\"text\":[4],\"size\":[1],\"verified\":[4],\"icon\":[1]}]]],[\"gb-export-dropdown.cjs\",[[1,\"gb-export-dropdown\",{\"state\":[1],\"showFirstSubDropdown\":[32],\"showSecondSubDropdown\":[32]}]]],[\"gb-help-dropdown.cjs\",[[1,\"gb-help-dropdown\",{\"showLogError\":[4,\"show-log-error\"],\"onHelpItemClicked\":[64]}]]],[\"gb-toast.cjs\",[[1,\"gb-toast\",{\"color\":[1],\"size\":[1],\"breakpoint\":[1],\"xCloseButton\":[4,\"x-close-button\"],\"actions\":[4],\"showSupportingText\":[4,\"show-supporting-text\"]}]]],[\"gb-control-handle.cjs\",[[1,\"gb-control-handle\",{\"value\":[2],\"type\":[1],\"isHovered\":[32],\"isFocused\":[32]}]]],[\"gb-toggle.cjs\",[[1,\"gb-toggle\",{\"size\":[1],\"state\":[1],\"supportingText\":[4,\"supporting-text\"],\"pressed\":[4]}]]],[\"gb-token-field.cjs\",[[1,\"gb-token-field\",{\"size\":[1],\"digits\":[2],\"showLabel\":[4,\"show-label\"],\"label\":[1],\"showSupportingText\":[4,\"show-supporting-text\"],\"supportingText\":[1,\"supporting-text\"]}]]],[\"gb-verification-code-field.cjs\",[[1,\"gb-verification-code-field\",{\"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-file-type-icon.cjs\",[[1,\"gb-file-type-icon\"]]],[\"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-slider.cjs\",[[1,\"gb-slider\",{\"min\":[2],\"max\":[2],\"thumbType\":[1,\"thumb-type\"],\"leftValue\":[32],\"rightValue\":[32]}]]],[\"gb-textarea-input-field.cjs\",[[1,\"gb-textarea-input-field\",{\"type\":[1],\"destructive\":[4],\"state\":[1],\"showPlaceholder\":[4,\"show-placeholder\"],\"placeholder\":[1],\"showLabel\":[4,\"show-label\"],\"label\":[1],\"showHintText\":[4,\"show-hint-text\"],\"hintText\":[1,\"hint-text\"]}]]],[\"gb-wysiwyg-toolbar.cjs\",[[1,\"gb-wysiwyg-toolbar\",{\"breakpoint\":[1],\"fontSelector\":[4,\"font-selector\"],\"bold\":[4],\"italic\":[4],\"h1\":[4,\"h-1\"],\"h2\":[4,\"h-2\"],\"quote\":[4],\"link\":[4],\"image\":[4],\"bulletList\":[4,\"bullet-list\"],\"numberList\":[4,\"number-list\"]}]]],[\"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-button-close_2.cjs\",[[1,\"gb-progress-bar\",{\"progress\":[2],\"showLabel\":[4,\"show-label\"],\"labelPosition\":[1,\"label-position\"],\"el\":[16]}],[1,\"gb-button-close\",{\"size\":[1],\"color\":[1]}]]],[\"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\"]}]]],[\"gb-avatar-add-button.cjs\",[[1,\"gb-avatar-add-button\",{\"size\":[1],\"showToolTip\":[1028,\"show-tool-tip\"],\"state\":[1],\"el\":[16]}]]],[\"gb-toast-button.cjs\",[[1,\"gb-toast-button\",{\"state\":[1],\"color\":[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]}]]],[\"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-megainput-field.cjs\",[[1,\"gb-megainput-field\",{\"size\":[1],\"state\":[1],\"inputValue\":[32]}]]],[\"gb-wysiwyg-editor-icon.cjs\",[[1,\"gb-wysiwyg-editor-icon\",{\"active\":[4],\"type\":[1],\"state\":[1]}]]]]"), options);
 };
 exports.setNonce = index.setNonce;

package/dist/collection/components/gb-input-dropdown/gb-input-dropdown.css CHANGED Viewed

@@ -2781,6 +2781,7 @@ svg.disabled path{
     position: absolute;
     z-index: 10;
     gap: var(--spacing-none);
+    transition: 1s ease-in-out;
 }
 .dropdown_menu.top{

package/dist/collection/components/gb-input-dropdown/gb-input-dropdown.js CHANGED Viewed

@@ -47,9 +47,15 @@ export class GbInputDropdown {
             this.dropdownOpen = !this.dropdownOpen;
         }
     }
-    isItemSelected(selectedItem) {
-        const found = this.selectedItems.find(item => item.name === selectedItem.name);
-        return found !== undefined;
+    isItemSelected(item) {
+        // if(typeof selectedItem === 'object') {
+        //   const found = this.selectedItems.find(item => item.name === selectedItem.name);
+        //   return found !== undefined;
+        // } else {
+        //   return this.selectedItem === selectedItem;
+        // }
+        const isObject = typeof item === 'object';
+        return this.selectedItems.some(i => (isObject ? i.name === item.name : i === item));
     }
     async loadIcon(iconName) {
         const iconPath = getAssetPath(`${iconName}`);
@@ -77,67 +83,50 @@ export class GbInputDropdown {
         });
     }
     handleItemSelect(item) {
+        const isObject = typeof item === 'object';
         if (this.type === 'tags') {
-            const itemExists = this.selectedItems.some(i => i.name === item.name);
-            if (itemExists) {
-                // Unselect item if it exists
-                this.selectedItems = this.selectedItems.filter(i => i.name !== item.name);
-                item.selected = false;
-                this.unselectedItems = [...this.unselectedItems, item];
+            // Handle multiple selection for "tags" type
+            const isSelected = this.selectedItems.some(i => (isObject ? i.name === item.name : i === item));
+            if (isSelected) {
+                // Unselect item: Move it from selectedItems to unselectedItems
+                this.selectedItems = this.selectedItems.filter(i => (isObject ? i.name !== item.name : i !== item));
+                if (!this.unselectedItems.some(i => (isObject ? i.name === item.name : i === item))) {
+                    this.unselectedItems = [...this.unselectedItems, item];
+                }
             }
             else {
-                // Select item
-                item.selected = true;
+                // Select item: Move it from unselectedItems to selectedItems
                 this.selectedItems = [...this.selectedItems, item];
-                this.unselectedItems = this.unselectedItems.filter(unselectedItem => unselectedItem.name !== item.name);
+                this.unselectedItems = this.unselectedItems.filter(i => (isObject ? i.name !== item.name : i !== item));
             }
-            // Emit selected items for tags
-            this.dropdownValue.emit(this.selectedItems);
         }
         else {
-            // For single selection types (non-tags)
-            this.selectedItem = item;
-            this.selectedItems = [item]; // Ensure only one item is selected
-            this.state = 'filled';
-            // Emit the single selected item
-            this.dropdownValue.emit(this.selectedItem);
-            // Close dropdown after selection
+            // Handle single selection for other types
+            this.selectedItem = item; // Store single selected item
+            this.selectedItems = [item]; // Ensure only one item in selectedItems
+            // this.unselectedItems = this.items.filter(i => (isObject ? i.name !== item.name : i !== item));
+            // Close the dropdown after selection for single selection types
             this.dropdownOpen = false;
         }
-        // Update the dropdown state
         this.state = this.selectedItems.length > 0 ? 'filled' : 'default';
     }
     handleTagRemove(item) {
-        // Remove the item from selectedItems array
-        if (this.type === 'tags') {
-            const itemExists = this.selectedItems.some(i => i.name === item.name);
-            if (itemExists) {
-                this.selectedItems = this.selectedItems.filter(i => i.name !== item.name);
-                item.selected = false;
-                if (!this.unselectedItems.includes(item)) {
-                    this.unselectedItems = [...this.unselectedItems, item];
-                }
-            }
-            // Update the state based on whether there are selected items
-            this.state = this.selectedItems.length > 0 ? 'filled' : 'default';
+        const isObject = typeof item === 'object';
+        // Remove item from selectedItems
+        this.selectedItems = this.selectedItems.filter(i => (isObject ? i.name !== item.name : i !== item));
+        // Add item back to unselectedItems if not already present
+        if (!this.unselectedItems.some(i => (isObject ? i.name === item.name : i === item))) {
+            this.unselectedItems = [...this.unselectedItems, item];
         }
-        // For non-tags type, set selectedItem to null if that item is removed
-        if (this.type !== 'tags' && this.selectedItem === item) {
-            this.selectedItem = null;
-        }
-        // Update state based on whether there are selected items
+        // Optionally update state or emit event
         this.state = this.selectedItems.length > 0 ? 'filled' : 'default';
     }
     componentWillLoad() {
         this.loadIcon(this.leadingIcon);
-        if (this.items && this.items.every(item => typeof item === 'object')) {
-            if (this.type === 'tags') {
-                this.selectedItems = this.items.filter(item => item.selected);
-                this.unselectedItems = this.items.filter(item => !item.selected);
-            }
-        }
-        else if (this.items && this.items.every(item => typeof item !== 'object')) {
-            this.selectedItem = this.items.find(item => item) || null;
+        this.unselectedItems = [...this.items];
+        this.selectedItems = [];
+        if (this.type !== 'tags') {
+            this.selectedItem = null; // For single selection types
         }
     }
     componentDidLoad() {
@@ -176,16 +165,15 @@ export class GbInputDropdown {
         }
     }
     render() {
+        var _a;
         return [
-            h("div", { key: '62564f1ca159be928257a5d3ad399b78e5eb88bd', class: `input_dropdown_container ${this.type === 'tags' ? 'tag' : ''}`, onClick: () => this.toggleDropdown() }, h("div", { key: 'f88b03fedbf28f4729faf91e2fb9a0b556a9e41a', class: `input_with_label` }, this.showLabel && (h("p", { key: 'e3888086b92126cb7d8d7a785407cfff2b0a66ad', class: "text-sm-regular", style: { color: '#4B5565' } }, this.label.charAt(0).toUpperCase() + this.label.slice(1).toLowerCase())), h("div", { key: '7c6e379a4213e3e5d4358e096c0b697ba7b8cab5', class: `input_dropdown_div ${this.size} ${this.state} ${this.type === 'tags' ? 'tag' : ''}` }, this.type === 'icon_leading' && (h("svg", { key: 'fc1f66f25be92fd15a98c7ffec12d5749abc1894', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: '3e8849679c6a24067dfeab6e9d2d237d2df23186', d: "M5.48131 12.9013C4.30234 13.6033 1.21114 15.0368 3.09388 16.8305C4.01359 17.7067 5.03791 18.3333 6.32572 18.3333H13.6743C14.9621 18.3333 15.9864 17.7067 16.9061 16.8305C18.7889 15.0368 15.6977 13.6033 14.5187 12.9013C11.754 11.2551 8.24599 11.2551 5.48131 12.9013Z", stroke: "#697586", "stroke-width": "1.66667" }), h("path", { key: 'acdcf29c80406e4f6c6c43eb4569c152d2c7ad34', d: "M13.75 5.41667C13.75 7.48774 12.0711 9.16667 10 9.16667C7.92893 9.16667 6.25 7.48774 6.25 5.41667C6.25 3.3456 7.92893 1.66667 10 1.66667C12.0711 1.66667 13.75 3.3456 13.75 5.41667Z", stroke: "#697586", "stroke-width": "1.66667" }))), this.type === 'avatar_leading' && (h(Fragment, null, this.state === 'default' && (h("svg", { key: '2995d19c4f87c194e0dd6dd92441de66f0409b36', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: 'fe320f709e3cb9d14243800ab80cc88c321b7ad4', d: "M5.48131 12.9013C4.30234 13.6033 1.21114 15.0368 3.09388 16.8305C4.01359 17.7067 5.03791 18.3333 6.32572 18.3333H13.6743C14.9621 18.3333 15.9864 17.7067 16.9061 16.8305C18.7889 15.0368 15.6977 13.6033 14.5187 12.9013C11.754 11.2551 8.24599 11.2551 5.48131 12.9013Z", stroke: "#4B5565", "stroke-width": "1.66667" }), h("path", { key: 'f31aaf95c76c311380f244dc9870b2b1c914db3a', d: "M13.75 5.41666C13.75 7.48772 12.0711 9.16666 10 9.16666C7.92893 9.16666 6.25 7.48772 6.25 5.41666C6.25 3.34559 7.92893 1.66666 10 1.66666C12.0711 1.66666 13.75 3.34559 13.75 5.41666Z", stroke: "#4B5565", "stroke-width": "1.66667" }))), this.state === 'filled' && (h("gb-avatar", { key: '11c49c971ad68198b62280a2f5571c3aa3698b51', size: "xs", text: this.text, color: this.color, "show-border": this.showBorder }, h("h1", { key: '247be53f9a671d5c7e11416514594ec8fc8bbb32', slot: "initials" }, this.selectedItem.name.split(' ').map(part => part.charAt(0).toUpperCase())))))), this.showLeadingIcon && h(Fragment, null, this.type === 'search' || this.type === 'tags' ? h("div", { class: `icon`, innerHTML: this.leadingIconSvg }) : null), this.type === 'dot_leading' && (h("svg", { key: '2a9e467b08912ab619603f3dd9a2cb4316976b97', xmlns: "http://www.w3.org/2000/svg", width: "10", height: "10", viewBox: "0 0 10 10", fill: "none", class: `dot ${this.size}` }, h("circle", { key: '14663245e474a1b2e882ab7216a7193faddeebd1', cx: "5", cy: "5", r: "4", fill: "#079455" }))), h("div", { key: '288a7ab7d5d6f32175fcbfa923555c229c953733', class: "placeholder" }, h(Fragment, null, this.state === 'default' && (h(Fragment, null, this.placeholder && (h("p", { key: '80a410e6f77de2b92e17db922b37b3c5677a387d', class: "text-md-regular", style: { color: '#CDD5DF' } }, this.placeholder)))), this.state === 'filled' && (h(Fragment, null, h("div", { key: 'd9f6bf4ee3cbd09a5752fadb290707aa94065cae', class: `content` }, h("div", { key: '9507a4045e4aff6b9f39640d741293e5b148229e', class: `text text-md-regular ${this.type === 'tags' ? 'tag' : ''}`, style: { color: '#4B5565' } }, this.type === 'tags' && (h(Fragment, null, this.selectedItems.map((item, index) => {
-                {
-                    typeof item === 'object' ? (h("div", { class: "added_tag" }, h("gb-tag", { size: "sm", icon: !this.icon ? 'avatar' : this.icon, action: "X_close", key: index, onClick: () => this.handleTagRemove(item) }, h("p", { class: "text-xs-medium" }, item.name.split(' ')[0]), h("h1", { slot: "initials", class: "text-xxs-semi-bold" }, item.name.split(' ').map(part => part.charAt(0).toUpperCase()))))) : ((console.log(item),
-                        (h("div", { class: "added_tag" }, h("gb-tag", { size: "sm", icon: "avatar", action: "X_close", key: index, onClick: () => this.handleTagRemove(item) }, h("p", { class: "text-xs-medium" }, item))))));
-                }
-            })))), this.supportingText && (h("div", { key: 'ae8c938509b0c7c8557992b51fb91c2a4b2d6ab7', class: "supporting_text text-sm-regular", style: { color: '#697586' } }, this.type === 'tags'
+            h("div", { key: 'c05a1e0a90d2a6d123f42b15022ed7d7c6e36b30', class: `input_dropdown_container ${this.type === 'tags' ? 'tag' : ''}`, onClick: () => this.toggleDropdown() }, h("div", { key: '9dd26307028206269aff983f46a878cf67e85ee1', class: `input_with_label` }, this.showLabel && (h("p", { key: 'b5cd043cadf7bd75bc3ffa6a0a86069d3911e4ff', class: "text-sm-regular", style: { color: '#4B5565' } }, this.label.charAt(0).toUpperCase() + this.label.slice(1).toLowerCase())), h("div", { key: '7164768bdfbe8e720eb9a6c23f310175174bd16e', class: `input_dropdown_div ${this.size} ${this.state} ${this.type === 'tags' ? 'tag' : ''}` }, this.type === 'icon_leading' && (h("svg", { key: 'c40c84647ed9e1b6d05a74d8dd8c5a6d6c0c861a', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: '6a5bfec0339745f649c5d702e3a6d4fa40f853be', d: "M5.48131 12.9013C4.30234 13.6033 1.21114 15.0368 3.09388 16.8305C4.01359 17.7067 5.03791 18.3333 6.32572 18.3333H13.6743C14.9621 18.3333 15.9864 17.7067 16.9061 16.8305C18.7889 15.0368 15.6977 13.6033 14.5187 12.9013C11.754 11.2551 8.24599 11.2551 5.48131 12.9013Z", stroke: "#697586", "stroke-width": "1.66667" }), h("path", { key: 'd71e59cbd503b8eb7ad31d22b0c6b493d1c1d379', d: "M13.75 5.41667C13.75 7.48774 12.0711 9.16667 10 9.16667C7.92893 9.16667 6.25 7.48774 6.25 5.41667C6.25 3.3456 7.92893 1.66667 10 1.66667C12.0711 1.66667 13.75 3.3456 13.75 5.41667Z", stroke: "#697586", "stroke-width": "1.66667" }))), this.type === 'avatar_leading' && (h(Fragment, null, this.state === 'default' && (h("svg", { key: 'c2052c165d7da73fb7d9f23d842f7649f4926ef6', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: '32b4e5e6451b2d93c59c928f27bf530e72edc929', d: "M5.48131 12.9013C4.30234 13.6033 1.21114 15.0368 3.09388 16.8305C4.01359 17.7067 5.03791 18.3333 6.32572 18.3333H13.6743C14.9621 18.3333 15.9864 17.7067 16.9061 16.8305C18.7889 15.0368 15.6977 13.6033 14.5187 12.9013C11.754 11.2551 8.24599 11.2551 5.48131 12.9013Z", stroke: "#4B5565", "stroke-width": "1.66667" }), h("path", { key: '3934cb880c2a71a2f05226c8b7300ed347505709', d: "M13.75 5.41666C13.75 7.48772 12.0711 9.16666 10 9.16666C7.92893 9.16666 6.25 7.48772 6.25 5.41666C6.25 3.34559 7.92893 1.66666 10 1.66666C12.0711 1.66666 13.75 3.34559 13.75 5.41666Z", stroke: "#4B5565", "stroke-width": "1.66667" }))), this.state === 'filled' && (h("gb-avatar", { key: 'fe2e5da7c9ff6547d6de91cfc74b854830ff83c3', size: "xs", text: this.text, color: this.color, "show-border": this.showBorder }, h("h1", { key: '15c31e6729c35279b88f25bffc8fbcb00238accf', slot: "initials" }, this.selectedItem.name.split(' ').map(part => part.charAt(0).toUpperCase())))))), this.showLeadingIcon && h(Fragment, null, this.type === 'search' || this.type === 'tags' ? h("div", { class: `icon`, innerHTML: this.leadingIconSvg }) : null), this.type === 'dot_leading' && (h("svg", { key: 'df8ced3434e27c6a325af717909ec937d413a702', xmlns: "http://www.w3.org/2000/svg", width: "10", height: "10", viewBox: "0 0 10 10", fill: "none", class: `dot ${this.size}` }, h("circle", { key: 'b5e3eb5f6c46382ecc690ac8ebc982297a204c32', cx: "5", cy: "5", r: "4", fill: "#079455" }))), h("div", { key: '825b31dad3bd47a97a92276d898a849dc7164022', class: "placeholder" }, h(Fragment, null, this.state === 'default' && (h(Fragment, null, this.placeholder && (h("p", { key: '40bc7a1de481007ea0c1617fcd999bd08f32feed', class: "text-md-regular", style: { color: '#CDD5DF' } }, this.placeholder)))), this.state === 'filled' && (h(Fragment, null, h("div", { key: '7c371132987ca09c97ad4e4e502454d5c1c79f67', class: `content` }, h("div", { key: 'a4a30001d05d445bd17cc2667fef4311ac8f74e7', class: `text text-md-regular ${this.type === 'tags' ? 'tag' : ''}`, style: { color: '#4B5565' } }, this.type === 'tags' ? (h(Fragment, null, this.selectedItems.map((item, index) => typeof item === 'object' ? (h("div", { class: "added_tag", key: index }, h("gb-tag", { size: "sm", icon: !this.icon ? 'avatar' : this.icon ? this.icon : 'false', action: "X_close", onClick: () => this.handleTagRemove(item) }, h("p", { class: "text-xs-medium" }, item.name.split(' ')[0]), h("h1", { slot: "initials", class: "text-xxs-semi-bold" }, item.name
+                .split(' ')
+                .map(part => part.charAt(0).toUpperCase())
+                .join(''))))) : (h("div", { class: "added_tag", key: index }, h("gb-tag", { size: "sm", icon: "avatar", action: "X_close", onClick: () => this.handleTagRemove(item) }, h("p", { class: "text-xs-medium" }, item))))))) : (((_a = this.selectedItem) === null || _a === void 0 ? void 0 : _a.name) || this.selectedItem)), this.supportingText && (h("div", { key: '70fec1afdfca2f007272d33a45503f1efa064db1', class: "supporting_text text-sm-regular", style: { color: '#697586' } }, this.type === 'tags'
                 ? this.selectedItems.map(item => item.username).join(', ') // For multiple selections
-                : this.selectedItem.username))))))), this.showHelpIcon && (h("div", { key: '950245814531d8834fba74099c11d9c4f36ad071', class: `help_icon` }, h("gb-help-tooltip", { key: '35f5ab08edee155ec2645c1dc9c0af1f2a20cfc7', "show-supporting-text": true }, h("slot", { key: '32df2997d5df8428b52428825626e47cbe591729', name: "tooltip_label", slot: "label" }), h("slot", { key: '9b6246463d00ab9dcb3186b8d891212b71419935', name: "tooltip_supporting_text", slot: "supporting_text" })))), this.type !== 'search' && (h("div", { key: 'aec5f1ab3a97424e72e7a06815bd830874980650', class: `dropdown_icon ${this.dropdownOpen ? 'opened' : ''}` }, h("svg", { key: '4990f7cbbe5452b636c9382f7e466c61a03b0447', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", class: `${this.state}` }, h("path", { key: 'eca379af5531e497831588722531227d52d9ba26', d: "M15 7.50004C15 7.50004 11.3176 12.5 9.99996 12.5C8.68237 12.5 5 7.5 5 7.5", stroke: "#697586", "stroke-width": "1.66667", "stroke-linecap": "round", "stroke-linejoin": "round" })))))), this.showHintText && (h("p", { key: 'b0c5bf5ce329c675299692c36c7f67d7f06d3452', class: "text-sm-regular", style: { color: '#697586' } }, this.hintText))),
-            h(Fragment, null, this.dropdownOpen && (h("div", { key: 'a5012cf5d250288b5b42c3e4aa75501873de4a28', class: `dropdown_menu ${this.menuPosition}`, ref: el => (this.dropdownRef = el) }, this.type === 'tags' ? (h(Fragment, null, this.selectedItems.map(item => (h("gb-input-dropdown-menu-item", { type: this.type === 'search' ? 'checkbox' : this.type === 'tags' ? 'checkbox' : this.type, state: StateEnum.Default, "supporting-text": this.supportingText, selected: this.isItemSelected(item), onClick: () => this.handleItemSelect(item) }, typeof item === 'object' ? (h(Fragment, null, h("p", { slot: "name" }, item.name), h("p", { slot: "supporting_text" }, "@", item.username))) : (h("p", { slot: "name" }, item))))), this.unselectedItems.map(item => (h("gb-input-dropdown-menu-item", { type: this.type === 'search' ? 'checkbox' : this.type === 'tags' ? 'checkbox' : this.type, state: StateEnum.Default, "supporting-text": this.supportingText, selected: this.isItemSelected(item) || false, onClick: () => this.handleItemSelect(item) }, typeof item === 'object' ? (h(Fragment, null, h("p", { slot: "name" }, item.name), h("p", { slot: "supporting_text" }, "@", item.username))) : (h("p", { slot: "name" }, item))))), this.items.map(item => (h("gb-input-dropdown-menu-item", { type: this.type === 'search' ? 'checkbox' : this.type === 'tags' ? 'checkbox' : this.type, state: StateEnum.Default, "supporting-text": this.supportingText, selected: this.isItemSelected(item), color: this.color, onClick: () => this.handleItemSelect(item) }, typeof item === 'object' ? (h(Fragment, null, h("p", { slot: "name" }, item.name), h("h1", { slot: "initials" }, item.name.split(' ').map(part => part.charAt(0).toUpperCase())), h("p", { slot: "supporting_text" }, "@", item.username))) : (typeof item !== 'object' && (console.log(item), (h("p", { slot: "name" }, item))))))))) : (h(Fragment, null, this.items.map(item => (h("gb-input-dropdown-menu-item", { type: this.type === 'search' ? 'checkbox' : this.type === 'tags' ? 'checkbox' : this.type, state: StateEnum.Default, "supporting-text": this.supportingText, selected: this.isItemSelected(item), color: this.color, onClick: () => this.handleItemSelect(item) }, typeof item === 'object' ? (h(Fragment, null, h("p", { slot: "name" }, item.name), h("h1", { slot: "initials" }, item.name.split(' ').map(part => part.charAt(0).toUpperCase())), h("p", { slot: "supporting_text" }, "@", item.username))) : (typeof item !== 'object' && (console.log(item), (h("p", { slot: "name" }, item)))))))))))),
+                : this.selectedItem.username))))))), this.showHelpIcon && (h("div", { key: '2d63d7a4ba7e43acb08ea83bd068c4c9cabf0cc8', class: `help_icon` }, h("gb-help-tooltip", { key: '5990767416dcb74cf0f2e178758328d7f02dc2ca', "show-supporting-text": true }, h("slot", { key: '8a649d1ff588495be018db3a4210deee93d41d21', name: "tooltip_label", slot: "label" }), h("slot", { key: '296c905530acbdea7b731e229be83bded756c931', name: "tooltip_supporting_text", slot: "supporting_text" })))), this.type !== 'search' && (h("div", { key: '8895bbaee36e9857e158191e966a839ff7ad9492', class: `dropdown_icon ${this.dropdownOpen ? 'opened' : ''}` }, h("svg", { key: 'cfa72f8a6f33b745eebb401bb1b26904a0a340e6', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", class: `${this.state}` }, h("path", { key: '47dfbd026976e4ffa766428701c9069b1eb0b2c3', d: "M15 7.50004C15 7.50004 11.3176 12.5 9.99996 12.5C8.68237 12.5 5 7.5 5 7.5", stroke: "#697586", "stroke-width": "1.66667", "stroke-linecap": "round", "stroke-linejoin": "round" })))))), this.showHintText && (h("p", { key: '5a6103dfea9f79299428323983ea1e474e43c435', class: "text-sm-regular", style: { color: '#697586' } }, this.hintText))),
+            h(Fragment, null, this.dropdownOpen && (h("div", { key: '9406e1596a6caf02fe2d2cfd0fc91bd45bc2e637', class: `dropdown_menu ${this.menuPosition}`, ref: el => (this.dropdownRef = el) }, this.type === 'tags' ? (h(Fragment, null, this.selectedItems.map(item => (h("gb-input-dropdown-menu-item", { type: this.type === 'search' ? 'checkbox' : this.type === 'tags' ? 'checkbox' : this.type, state: StateEnum.Default, "supporting-text": this.supportingText, selected: true, onClick: () => this.handleItemSelect(item) }, typeof item === 'object' ? (h(Fragment, null, h("p", { slot: "name" }, item.name), h("p", { slot: "supporting_text" }, "@", item.username))) : (h("p", { slot: "name" }, item))))), this.unselectedItems.map(item => (h("gb-input-dropdown-menu-item", { type: this.type === 'search' ? 'checkbox' : this.type === 'tags' ? 'checkbox' : this.type, state: StateEnum.Default, "supporting-text": this.supportingText, selected: false, onClick: () => this.handleItemSelect(item) }, typeof item === 'object' ? (h(Fragment, null, h("p", { slot: "name" }, item.name), h("p", { slot: "supporting_text" }, "@", item.username))) : (h("p", { slot: "name" }, item))))))) : (h(Fragment, null, this.items.map(item => (h("gb-input-dropdown-menu-item", { type: this.type === 'search' ? 'checkbox' : this.type === 'tags' ? 'checkbox' : this.type, state: StateEnum.Default, "supporting-text": this.supportingText, selected: this.isItemSelected(item), color: this.color, onClick: () => this.handleItemSelect(item) }, typeof item === 'object' ? (h(Fragment, null, h("p", { slot: "name" }, item.name), h("h1", { slot: "initials" }, item.name.split(' ').map(part => part.charAt(0).toUpperCase())), h("p", { slot: "supporting_text" }, "@", item.username))) : (typeof item !== 'object' && (console.log(item), (h("p", { slot: "name" }, item)))))))))))),
         ];
     }
     static get is() { return "gb-input-dropdown"; }
@@ -447,8 +435,8 @@ export class GbInputDropdown {
                 "type": "string",
                 "mutable": false,
                 "complexType": {
-                    "original": "'country' | 'avatar' | 'dot'",
-                    "resolved": "\"avatar\" | \"country\" | \"dot\"",
+                    "original": "'country' | 'avatar' | 'dot' | 'false'",
+                    "resolved": "\"avatar\" | \"country\" | \"dot\" | \"false\"",
                     "references": {}
                 },
                 "required": false,
@@ -569,24 +557,6 @@ export class GbInputDropdown {
             "selectedItem": {}
         };
     }
-    static get events() {
-        return [{
-                "method": "dropdownValue",
-                "name": "dropdownValue",
-                "bubbles": true,
-                "cancelable": true,
-                "composed": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "complexType": {
-                    "original": "any",
-                    "resolved": "any",
-                    "references": {}
-                }
-            }];
-    }
     static get elementRef() { return "el"; }
     static get listeners() {
         return [{

package/dist/collection/components/gb-input-dropdown/gb-input-dropdown.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"gb-input-dropdown.js","sourceRoot":"","sources":["../../../src/components/gb-input-dropdown/gb-input-dropdown.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Prop, h, Fragment, Element, State, getAssetPath, Event, EventEmitter, Listen } from \"@stencil/core\";\r\nimport { AvatarColorTypes, DropdownItemTypes, DropdownTypes, GeneralSizes, StateEnum } from \"../../models/reusableModels\";\r\n@Component({\r\n tag: 'gb-input-dropdown',\r\n styleUrl: 'gb-input-dropdown.css',\r\n shadow: true,\r\n})\r\nexport class GbInputDropdown {\r\n @Prop() type: DropdownTypes;\r\n @Prop({ mutable: true }) state: 'default' \| 'focused' \| 'disabled' \| 'filled';\r\n @Prop() size: GeneralSizes;\r\n @Prop() showLabel: boolean = false;\r\n @Prop() label: string = '';\r\n @Prop() placeholder: string = '';\r\n @Prop() showHintText: boolean;\r\n @Prop() hintText: string = '';\r\n @Prop() showHelpIcon: boolean;\r\n @Prop() showLeadingIcon: boolean = false;\r\n @Prop() iconSwap: string = '';\r\n @Prop() text: boolean = false;\r\n @Prop() leadingIcon: string = '';\r\n @Prop() icon: 'country' \| 'avatar' \| 'dot';\r\n @Prop({ mutable: true }) items: DropdownItemTypes[] = [\r\n // { name: 'Mock Item A', username: 'A', selected: false },\r\n // { name: 'Mock Item B', username: 'B', selected: false },\r\n // { name: 'Mock Item C', username: 'C', selected: false },\r\n\r\n // 45, 50, 20, 25, 90,\r\n\r\n // 'Activated',\r\n // 'Deactivated',\r\n ];\r\n @Prop() supportingText: boolean = false;\r\n @Prop() color: AvatarColorTypes;\r\n @Prop() showBorder: boolean = false;\r\n @Prop() menuPosition: 'top' \| ' bottom';\r\n @State() leadingIconSvg: string = '';\r\n @State() dropdownOpen: boolean = false;\r\n @State() selectedItems: any[] = [];\r\n @State() unselectedItems: any[] = [];\r\n @State() selectedItem: any;\r\n @Element() el: HTMLElement;\r\n @Event() dropdownValue: EventEmitter<any>;\r\n\r\n dropdownRef!: HTMLElement;\r\n\r\n disconnectedCallback() {\r\n document.removeEventListener('click', this.handleClickOutside);\r\n }\r\n\r\n @Listen('click', { target: 'document' })\r\n handleClickOutside(event: MouseEvent) {\r\n if (this.dropdownOpen && !this.el.contains(event.target as Node)) {\r\n this.dropdownOpen = false;\r\n }\r\n }\r\n\r\n toggleDropdown() {\r\n if (this.state !== 'disabled') {\r\n this.dropdownOpen = !this.dropdownOpen;\r\n }\r\n }\r\n\r\n isItemSelected(selectedItem) {\r\n const found = this.selectedItems.find(item => item.name === selectedItem.name);\r\n return found !== undefined;\r\n }\r\n\r\n async loadIcon(iconName: string) {\r\n const iconPath = getAssetPath(`${iconName}`);\r\n const response = await fetch(iconPath);\r\n const svg = await response.text();\r\n this.leadingIconSvg = svg;\r\n }\r\n\r\n getAvatarSize() {\r\n switch (this.size) {\r\n case 'sm':\r\n return 'xs';\r\n case 'md':\r\n return 'xs';\r\n }\r\n }\r\n\r\n sortDropdownItems(menuItems: any[]): any[] {\r\n return menuItems.sort((a, b) => {\r\n if (a.selected && !b.selected) {\r\n return -1; // Move selected items up\r\n } else if (!a.selected && b.selected) {\r\n return 1; // Keep unselected items down\r\n }\r\n return 0; // Keep order if both are selected or unselected\r\n });\r\n }\r\n\r\n handleItemSelect(item) {\r\n if (this.type === 'tags') {\r\n const itemExists = this.selectedItems.some(i => i.name === item.name);\r\n\r\n if (itemExists) {\r\n // Unselect item if it exists\r\n this.selectedItems = this.selectedItems.filter(i => i.name !== item.name);\r\n item.selected = false;\r\n this.unselectedItems = [...this.unselectedItems, item];\r\n } else {\r\n // Select item\r\n item.selected = true;\r\n this.selectedItems = [...this.selectedItems, item];\r\n this.unselectedItems = this.unselectedItems.filter(unselectedItem => unselectedItem.name !== item.name);\r\n }\r\n\r\n // Emit selected items for tags\r\n this.dropdownValue.emit(this.selectedItems);\r\n } else {\r\n // For single selection types (non-tags)\r\n this.selectedItem = item;\r\n this.selectedItems = [item]; // Ensure only one item is selected\r\n this.state = 'filled';\r\n\r\n // Emit the single selected item\r\n this.dropdownValue.emit(this.selectedItem);\r\n\r\n // Close dropdown after selection\r\n this.dropdownOpen = false;\r\n }\r\n\r\n // Update the dropdown state\r\n this.state = this.selectedItems.length > 0 ? 'filled' : 'default';\r\n }\r\n\r\n handleTagRemove(item) {\r\n // Remove the item from selectedItems array\r\n if (this.type === 'tags') {\r\n const itemExists = this.selectedItems.some(i => i.name === item.name);\r\n\r\n if (itemExists) {\r\n this.selectedItems = this.selectedItems.filter(i => i.name !== item.name);\r\n item.selected = false;\r\n\r\n if (!this.unselectedItems.includes(item)) {\r\n this.unselectedItems = [...this.unselectedItems, item];\r\n }\r\n }\r\n\r\n // Update the state based on whether there are selected items\r\n this.state = this.selectedItems.length > 0 ? 'filled' : 'default';\r\n }\r\n\r\n // For non-tags type, set selectedItem to null if that item is removed\r\n if (this.type !== 'tags' && this.selectedItem === item) {\r\n this.selectedItem = null;\r\n }\r\n\r\n // Update state based on whether there are selected items\r\n this.state = this.selectedItems.length > 0 ? 'filled' : 'default';\r\n }\r\n\r\n componentWillLoad() {\r\n this.loadIcon(this.leadingIcon);\r\n\r\n if (this.items && this.items.every(item => typeof item === 'object')) {\r\n if (this.type === 'tags') {\r\n this.selectedItems = this.items.filter(item => item.selected);\r\n this.unselectedItems = this.items.filter(item => !item.selected);\r\n }\r\n } else if (this.items && this.items.every(item => typeof item !== 'object')) {\r\n this.selectedItem = this.items.find(item => item) \|\| null;\r\n }\r\n }\r\n\r\n componentDidLoad() {\r\n if (this.type !== 'tags') {\r\n document.addEventListener('click', this.handleClickOutside);\r\n }\r\n\r\n const slottedInitials = this.el.querySelector('[slot=\"initials\"]');\r\n\r\n const mainTextSlot = this.el.querySelector('[slot=\"tooltip_label\"]');\r\n const supportingTextSlot = this.el.querySelector('[slot=\"tooltip_supporting_text\"]');\r\n\r\n if(slottedInitials) {\r\n slottedInitials.classList.add('text-xxs-semi-bold');\r\n }\r\n\r\n if (mainTextSlot) {\r\n mainTextSlot.classList.add('text-xs-semi-bold');\r\n }\r\n\r\n if (supportingTextSlot) {\r\n supportingTextSlot.classList.add('text-xs-regular');\r\n }\r\n }\r\n\r\n applyColorToInitials() {\r\n switch (this.color) {\r\n case 'gray':\r\n return 'gray';\r\n case 'blue':\r\n return 'blue';\r\n case 'cyan':\r\n return 'cyan';\r\n case 'pink':\r\n return 'pink';\r\n case 'purple':\r\n return 'purple';\r\n case 'green':\r\n return 'green';\r\n case 'yellow':\r\n return 'yellow';\r\n }\r\n }\r\n\r\n render() {\r\n return [\r\n <div class={`input_dropdown_container ${this.type === 'tags' ? 'tag' : ''}`} onClick={() => this.toggleDropdown()}>\r\n <div class={`input_with_label`}>\r\n {this.showLabel && (\r\n <p class=\"text-sm-regular\" style={{ color: '#4B5565' }}>\r\n {this.label.charAt(0).toUpperCase() + this.label.slice(1).toLowerCase()}\r\n </p>\r\n )}\r\n <div class={`input_dropdown_div ${this.size} ${this.state} ${this.type === 'tags' ? 'tag' : ''}`}>\r\n {this.type === 'icon_leading' && (\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\">\r\n <path\r\n d=\"M5.48131 12.9013C4.30234 13.6033 1.21114 15.0368 3.09388 16.8305C4.01359 17.7067 5.03791 18.3333 6.32572 18.3333H13.6743C14.9621 18.3333 15.9864 17.7067 16.9061 16.8305C18.7889 15.0368 15.6977 13.6033 14.5187 12.9013C11.754 11.2551 8.24599 11.2551 5.48131 12.9013Z\"\r\n stroke=\"#697586\"\r\n stroke-width=\"1.66667\"\r\n />\r\n <path\r\n d=\"M13.75 5.41667C13.75 7.48774 12.0711 9.16667 10 9.16667C7.92893 9.16667 6.25 7.48774 6.25 5.41667C6.25 3.3456 7.92893 1.66667 10 1.66667C12.0711 1.66667 13.75 3.3456 13.75 5.41667Z\"\r\n stroke=\"#697586\"\r\n stroke-width=\"1.66667\"\r\n />\r\n </svg>\r\n )}\r\n {this.type === 'avatar_leading' && (\r\n <>\r\n {this.state === 'default' && (\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\">\r\n <path\r\n d=\"M5.48131 12.9013C4.30234 13.6033 1.21114 15.0368 3.09388 16.8305C4.01359 17.7067 5.03791 18.3333 6.32572 18.3333H13.6743C14.9621 18.3333 15.9864 17.7067 16.9061 16.8305C18.7889 15.0368 15.6977 13.6033 14.5187 12.9013C11.754 11.2551 8.24599 11.2551 5.48131 12.9013Z\"\r\n stroke=\"#4B5565\"\r\n stroke-width=\"1.66667\"\r\n />\r\n <path\r\n d=\"M13.75 5.41666C13.75 7.48772 12.0711 9.16666 10 9.16666C7.92893 9.16666 6.25 7.48772 6.25 5.41666C6.25 3.34559 7.92893 1.66666 10 1.66666C12.0711 1.66666 13.75 3.34559 13.75 5.41666Z\"\r\n stroke=\"#4B5565\"\r\n stroke-width=\"1.66667\"\r\n />\r\n </svg>\r\n )}\r\n {this.state === 'filled' && (\r\n <gb-avatar size=\"xs\" text={this.text} color={this.color} show-border={this.showBorder}>\r\n <h1 slot=\"initials\">{this.selectedItem.name.split(' ').map(part => part.charAt(0).toUpperCase())}</h1>\r\n </gb-avatar>\r\n )}\r\n </>\r\n )}\r\n {this.showLeadingIcon && <>{this.type === 'search' \|\| this.type === 'tags' ? <div class={`icon`} innerHTML={this.leadingIconSvg}></div> : null}</>}\r\n {this.type === 'dot_leading' && (\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"10\" height=\"10\" viewBox=\"0 0 10 10\" fill=\"none\" class={`dot ${this.size}`}>\r\n <circle cx=\"5\" cy=\"5\" r=\"4\" fill=\"#079455\" />\r\n </svg>\r\n )}\r\n <div class=\"placeholder\">\r\n <>\r\n {this.state === 'default' && (\r\n <>\r\n {this.placeholder && (\r\n <p class=\"text-md-regular\" style={{ color: '#CDD5DF' }}>\r\n {this.placeholder}\r\n </p>\r\n )}\r\n </>\r\n )}\r\n {this.state === 'filled' && (\r\n <>\r\n <div class={`content`}>\r\n <div class={`text text-md-regular ${this.type === 'tags' ? 'tag' : ''}`} style={{ color: '#4B5565' }}>\r\n {/* {this.type === 'tags'\r\n ? this.selectedItems.map((item, index) => (\r\n <>\r\n <div class=\"added_tag\">\r\n <gb-tag size=\"sm\" icon={!this.icon ? 'avatar' : this.icon} action=\"X_close\" key={index} onClick={() => this.handleTagRemove(item)}>\r\n <p class=\"text-xs-medium\">{item.name.split(' ')[0]}</p>\r\n <h1 slot=\"initials\" class=\"text-xxs-semi-bold\">\r\n {item.name.split(' ').map(part => part.charAt(0).toUpperCase())}\r\n </h1>\r\n </gb-tag>\r\n </div>\r\n </>\r\n ))\r\n : this.selectedItem} */}\r\n {this.type === 'tags' && (\r\n <>\r\n {this.selectedItems.map((item, index) => {\r\n {\r\n typeof item === 'object' ? (\r\n <div class=\"added_tag\">\r\n <gb-tag size=\"sm\" icon={!this.icon ? 'avatar' : this.icon} action=\"X_close\" key={index} onClick={() => this.handleTagRemove(item)}>\r\n <p class=\"text-xs-medium\">{item.name.split(' ')[0]}</p>\r\n <h1 slot=\"initials\" class=\"text-xxs-semi-bold\">\r\n {item.name.split(' ').map(part => part.charAt(0).toUpperCase())}\r\n </h1>\r\n </gb-tag>\r\n </div>\r\n ) : (\r\n (console.log(item),\r\n (\r\n <div class=\"added_tag\">\r\n <gb-tag size=\"sm\" icon=\"avatar\" action=\"X_close\" key={index} onClick={() => this.handleTagRemove(item)}>\r\n <p class=\"text-xs-medium\">{item}</p>\r\n </gb-tag>\r\n </div>\r\n ))\r\n );\r\n }\r\n })}\r\n </>\r\n )}\r\n </div>\r\n {this.supportingText && (\r\n <div class=\"supporting_text text-sm-regular\" style={{ color: '#697586' }}>\r\n {this.type === 'tags'\r\n ? this.selectedItems.map(item => item.username).join(', ') // For multiple selections\r\n : this.selectedItem.username}\r\n </div>\r\n )}\r\n </div>\r\n </>\r\n )}\r\n </>\r\n </div>\r\n {this.showHelpIcon && (\r\n <div class={`help_icon`}>\r\n <gb-help-tooltip show-supporting-text={true}>\r\n <slot name=\"tooltip_label\" slot=\"label\"></slot>\r\n <slot name=\"tooltip_supporting_text\" slot=\"supporting_text\"></slot>\r\n </gb-help-tooltip>\r\n </div>\r\n )}\r\n {this.type !== 'search' && (\r\n <div class={`dropdown_icon ${this.dropdownOpen ? 'opened' : ''}`}>\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" class={`${this.state}`}>\r\n <path\r\n d=\"M15 7.50004C15 7.50004 11.3176 12.5 9.99996 12.5C8.68237 12.5 5 7.5 5 7.5\"\r\n stroke=\"#697586\"\r\n stroke-width=\"1.66667\"\r\n stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\"\r\n />\r\n </svg>\r\n </div>\r\n )}\r\n </div>\r\n </div>\r\n {this.showHintText && (\r\n <p class=\"text-sm-regular\" style={{ color: '#697586' }}>\r\n {this.hintText}\r\n </p>\r\n )}\r\n </div>,\r\n <>\r\n {this.dropdownOpen && (\r\n <div class={`dropdown_menu ${this.menuPosition}`} ref={el => (this.dropdownRef = el)}>\r\n {this.type === 'tags' ? (\r\n <>\r\n {this.selectedItems.map(item => (\r\n <gb-input-dropdown-menu-item\r\n type={this.type === 'search' ? 'checkbox' : this.type === 'tags' ? 'checkbox' : this.type}\r\n state={StateEnum.Default}\r\n supporting-text={this.supportingText}\r\n selected={this.isItemSelected(item)}\r\n onClick={() => this.handleItemSelect(item)}\r\n >\r\n {typeof item === 'object' ? (\r\n <>\r\n <p slot=\"name\">{item.name}</p>\r\n <p slot=\"supporting_text\">@{item.username}</p>\r\n </>\r\n ) : (\r\n <p slot=\"name\">{item}</p>\r\n )}\r\n </gb-input-dropdown-menu-item>\r\n ))}\r\n {this.unselectedItems.map(item => (\r\n <gb-input-dropdown-menu-item\r\n type={this.type === 'search' ? 'checkbox' : this.type === 'tags' ? 'checkbox' : this.type}\r\n state={StateEnum.Default}\r\n supporting-text={this.supportingText}\r\n selected={this.isItemSelected(item) \|\| false}\r\n onClick={() => this.handleItemSelect(item)}\r\n >\r\n {typeof item === 'object' ? (\r\n <>\r\n <p slot=\"name\">{item.name}</p>\r\n <p slot=\"supporting_text\">@{item.username}</p>\r\n </>\r\n ) : (\r\n <p slot=\"name\">{item}</p>\r\n )}\r\n </gb-input-dropdown-menu-item>\r\n ))}\r\n {this.items.map(item => (\r\n <gb-input-dropdown-menu-item\r\n type={this.type === 'search' ? 'checkbox' : this.type === 'tags' ? 'checkbox' : this.type}\r\n state={StateEnum.Default}\r\n supporting-text={this.supportingText}\r\n selected={this.isItemSelected(item)}\r\n color={this.color}\r\n onClick={() => this.handleItemSelect(item)}\r\n >\r\n {typeof item === 'object' ? (\r\n <>\r\n <p slot=\"name\">{item.name}</p>\r\n <h1 slot=\"initials\">{item.name.split(' ').map(part => part.charAt(0).toUpperCase())}</h1>\r\n <p slot=\"supporting_text\">@{item.username}</p>\r\n </>\r\n ) : (\r\n typeof item !== 'object' && (console.log(item), (<p slot=\"name\">{item}</p>))\r\n )}\r\n </gb-input-dropdown-menu-item>\r\n ))}\r\n </>\r\n ) : (\r\n <>\r\n {this.items.map(item => (\r\n <gb-input-dropdown-menu-item\r\n type={this.type === 'search' ? 'checkbox' : this.type === 'tags' ? 'checkbox' : this.type}\r\n state={StateEnum.Default}\r\n supporting-text={this.supportingText}\r\n selected={this.isItemSelected(item)}\r\n color={this.color}\r\n onClick={() => this.handleItemSelect(item)}\r\n >\r\n {typeof item === 'object' ? (\r\n <>\r\n <p slot=\"name\">{item.name}</p>\r\n <h1 slot=\"initials\">{item.name.split(' ').map(part => part.charAt(0).toUpperCase())}</h1>\r\n <p slot=\"supporting_text\">@{item.username}</p>\r\n </>\r\n ) : (\r\n typeof item !== 'object' && (console.log(item), (<p slot=\"name\">{item}</p>))\r\n )}\r\n </gb-input-dropdown-menu-item>\r\n ))}\r\n </>\r\n )}\r\n </div>\r\n )}\r\n </>,\r\n ];\r\n }\r\n} \r\n "]}
1	+ {"version":3,"file":"gb-input-dropdown.js","sourceRoot":"","sources":["../../../src/components/gb-input-dropdown/gb-input-dropdown.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Prop, h, Fragment, Element, State, getAssetPath, Listen } from \"@stencil/core\";\r\nimport { AvatarColorTypes, DropdownItemTypes, DropdownTypes, GeneralSizes, StateEnum } from \"../../models/reusableModels\";\r\n@Component({\r\n tag: 'gb-input-dropdown',\r\n styleUrl: 'gb-input-dropdown.css',\r\n shadow: true,\r\n})\r\nexport class GbInputDropdown {\r\n @Prop() type: DropdownTypes;\r\n @Prop({ mutable: true }) state: 'default' \| 'focused' \| 'disabled' \| 'filled';\r\n @Prop() size: GeneralSizes;\r\n @Prop() showLabel: boolean = false;\r\n @Prop() label: string = '';\r\n @Prop() placeholder: string = '';\r\n @Prop() showHintText: boolean;\r\n @Prop() hintText: string = '';\r\n @Prop() showHelpIcon: boolean;\r\n @Prop() showLeadingIcon: boolean = false;\r\n @Prop() iconSwap: string = '';\r\n @Prop() text: boolean = false;\r\n @Prop() leadingIcon: string = '';\r\n @Prop() icon: 'country' \| 'avatar' \| 'dot' \| 'false';\r\n @Prop({ mutable: true }) items: DropdownItemTypes[] = [\r\n // { name: 'Mock Item A', username: 'A', selected: false },\r\n // { name: 'Mock Item B', username: 'B', selected: false },\r\n // { name: 'Mock Item C', username: 'C', selected: false },\r\n\r\n // 45, 50, 20, 25, 90,\r\n\r\n // 'Activated',\r\n // 'Deactivated',\r\n ];\r\n @Prop() supportingText: boolean = false;\r\n @Prop() color: AvatarColorTypes;\r\n @Prop() showBorder: boolean = false;\r\n @Prop() menuPosition: 'top' \| ' bottom';\r\n @State() leadingIconSvg: string = '';\r\n @State() dropdownOpen: boolean = false;\r\n @State() selectedItems: any[] = [];\r\n @State() unselectedItems: any[] = [];\r\n @State() selectedItem: any;\r\n @Element() el: HTMLElement;\r\n // @Event() dropdownValue: EventEmitter<any>;\r\n\r\n dropdownRef!: HTMLElement;\r\n\r\n disconnectedCallback() {\r\n document.removeEventListener('click', this.handleClickOutside);\r\n }\r\n\r\n @Listen('click', { target: 'document' })\r\n handleClickOutside(event: MouseEvent) {\r\n if (this.dropdownOpen && !this.el.contains(event.target as Node)) {\r\n this.dropdownOpen = false;\r\n }\r\n }\r\n\r\n toggleDropdown() {\r\n if (this.state !== 'disabled') {\r\n this.dropdownOpen = !this.dropdownOpen;\r\n }\r\n }\r\n\r\n isItemSelected(item) {\r\n // if(typeof selectedItem === 'object') {\r\n // const found = this.selectedItems.find(item => item.name === selectedItem.name);\r\n // return found !== undefined;\r\n // } else {\r\n // return this.selectedItem === selectedItem;\r\n // }\r\n\r\n const isObject = typeof item === 'object';\r\n return this.selectedItems.some(i => (isObject ? i.name === item.name : i === item));\r\n }\r\n\r\n async loadIcon(iconName: string) {\r\n const iconPath = getAssetPath(`${iconName}`);\r\n const response = await fetch(iconPath);\r\n const svg = await response.text();\r\n this.leadingIconSvg = svg;\r\n }\r\n\r\n getAvatarSize() {\r\n switch (this.size) {\r\n case 'sm':\r\n return 'xs';\r\n case 'md':\r\n return 'xs';\r\n }\r\n }\r\n\r\n sortDropdownItems(menuItems: any[]): any[] {\r\n return menuItems.sort((a, b) => {\r\n if (a.selected && !b.selected) {\r\n return -1; // Move selected items up\r\n } else if (!a.selected && b.selected) {\r\n return 1; // Keep unselected items down\r\n }\r\n return 0; // Keep order if both are selected or unselected\r\n });\r\n }\r\n\r\n handleItemSelect(item) {\r\n const isObject = typeof item === 'object';\r\n\r\n if (this.type === 'tags') {\r\n // Handle multiple selection for \"tags\" type\r\n const isSelected = this.selectedItems.some(i => (isObject ? i.name === item.name : i === item));\r\n\r\n if (isSelected) {\r\n // Unselect item: Move it from selectedItems to unselectedItems\r\n this.selectedItems = this.selectedItems.filter(i => (isObject ? i.name !== item.name : i !== item));\r\n if (!this.unselectedItems.some(i => (isObject ? i.name === item.name : i === item))) {\r\n this.unselectedItems = [...this.unselectedItems, item];\r\n }\r\n } else {\r\n // Select item: Move it from unselectedItems to selectedItems\r\n this.selectedItems = [...this.selectedItems, item];\r\n this.unselectedItems = this.unselectedItems.filter(i => (isObject ? i.name !== item.name : i !== item));\r\n }\r\n } else {\r\n // Handle single selection for other types\r\n this.selectedItem = item; // Store single selected item\r\n this.selectedItems = [item]; // Ensure only one item in selectedItems\r\n // this.unselectedItems = this.items.filter(i => (isObject ? i.name !== item.name : i !== item));\r\n\r\n // Close the dropdown after selection for single selection types\r\n this.dropdownOpen = false;\r\n }\r\n\r\n this.state = this.selectedItems.length > 0 ? 'filled' : 'default';\r\n }\r\n\r\n handleTagRemove(item) {\r\n const isObject = typeof item === 'object';\r\n\r\n // Remove item from selectedItems\r\n this.selectedItems = this.selectedItems.filter(i => (isObject ? i.name !== item.name : i !== item));\r\n\r\n // Add item back to unselectedItems if not already present\r\n if (!this.unselectedItems.some(i => (isObject ? i.name === item.name : i === item))) {\r\n this.unselectedItems = [...this.unselectedItems, item];\r\n }\r\n\r\n // Optionally update state or emit event\r\n this.state = this.selectedItems.length > 0 ? 'filled' : 'default';\r\n }\r\n\r\n componentWillLoad() {\r\n this.loadIcon(this.leadingIcon);\r\n\r\n this.unselectedItems = [...this.items];\r\n this.selectedItems = [];\r\n if (this.type !== 'tags') {\r\n this.selectedItem = null; // For single selection types\r\n }\r\n }\r\n\r\n componentDidLoad() {\r\n if (this.type !== 'tags') {\r\n document.addEventListener('click', this.handleClickOutside);\r\n }\r\n\r\n const slottedInitials = this.el.querySelector('[slot=\"initials\"]');\r\n\r\n const mainTextSlot = this.el.querySelector('[slot=\"tooltip_label\"]');\r\n const supportingTextSlot = this.el.querySelector('[slot=\"tooltip_supporting_text\"]');\r\n\r\n if (slottedInitials) {\r\n slottedInitials.classList.add('text-xxs-semi-bold');\r\n }\r\n\r\n if (mainTextSlot) {\r\n mainTextSlot.classList.add('text-xs-semi-bold');\r\n }\r\n\r\n if (supportingTextSlot) {\r\n supportingTextSlot.classList.add('text-xs-regular');\r\n }\r\n }\r\n\r\n applyColorToInitials() {\r\n switch (this.color) {\r\n case 'gray':\r\n return 'gray';\r\n case 'blue':\r\n return 'blue';\r\n case 'cyan':\r\n return 'cyan';\r\n case 'pink':\r\n return 'pink';\r\n case 'purple':\r\n return 'purple';\r\n case 'green':\r\n return 'green';\r\n case 'yellow':\r\n return 'yellow';\r\n }\r\n }\r\n\r\n render() {\r\n return [\r\n <div class={`input_dropdown_container ${this.type === 'tags' ? 'tag' : ''}`} onClick={() => this.toggleDropdown()}>\r\n <div class={`input_with_label`}>\r\n {this.showLabel && (\r\n <p class=\"text-sm-regular\" style={{ color: '#4B5565' }}>\r\n {this.label.charAt(0).toUpperCase() + this.label.slice(1).toLowerCase()}\r\n </p>\r\n )}\r\n <div class={`input_dropdown_div ${this.size} ${this.state} ${this.type === 'tags' ? 'tag' : ''}`}>\r\n {this.type === 'icon_leading' && (\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\">\r\n <path\r\n d=\"M5.48131 12.9013C4.30234 13.6033 1.21114 15.0368 3.09388 16.8305C4.01359 17.7067 5.03791 18.3333 6.32572 18.3333H13.6743C14.9621 18.3333 15.9864 17.7067 16.9061 16.8305C18.7889 15.0368 15.6977 13.6033 14.5187 12.9013C11.754 11.2551 8.24599 11.2551 5.48131 12.9013Z\"\r\n stroke=\"#697586\"\r\n stroke-width=\"1.66667\"\r\n />\r\n <path\r\n d=\"M13.75 5.41667C13.75 7.48774 12.0711 9.16667 10 9.16667C7.92893 9.16667 6.25 7.48774 6.25 5.41667C6.25 3.3456 7.92893 1.66667 10 1.66667C12.0711 1.66667 13.75 3.3456 13.75 5.41667Z\"\r\n stroke=\"#697586\"\r\n stroke-width=\"1.66667\"\r\n />\r\n </svg>\r\n )}\r\n {this.type === 'avatar_leading' && (\r\n <>\r\n {this.state === 'default' && (\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\">\r\n <path\r\n d=\"M5.48131 12.9013C4.30234 13.6033 1.21114 15.0368 3.09388 16.8305C4.01359 17.7067 5.03791 18.3333 6.32572 18.3333H13.6743C14.9621 18.3333 15.9864 17.7067 16.9061 16.8305C18.7889 15.0368 15.6977 13.6033 14.5187 12.9013C11.754 11.2551 8.24599 11.2551 5.48131 12.9013Z\"\r\n stroke=\"#4B5565\"\r\n stroke-width=\"1.66667\"\r\n />\r\n <path\r\n d=\"M13.75 5.41666C13.75 7.48772 12.0711 9.16666 10 9.16666C7.92893 9.16666 6.25 7.48772 6.25 5.41666C6.25 3.34559 7.92893 1.66666 10 1.66666C12.0711 1.66666 13.75 3.34559 13.75 5.41666Z\"\r\n stroke=\"#4B5565\"\r\n stroke-width=\"1.66667\"\r\n />\r\n </svg>\r\n )}\r\n {this.state === 'filled' && (\r\n <gb-avatar size=\"xs\" text={this.text} color={this.color} show-border={this.showBorder}>\r\n <h1 slot=\"initials\">{this.selectedItem.name.split(' ').map(part => part.charAt(0).toUpperCase())}</h1>\r\n </gb-avatar>\r\n )}\r\n </>\r\n )}\r\n {this.showLeadingIcon && <>{this.type === 'search' \|\| this.type === 'tags' ? <div class={`icon`} innerHTML={this.leadingIconSvg}></div> : null}</>}\r\n {this.type === 'dot_leading' && (\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"10\" height=\"10\" viewBox=\"0 0 10 10\" fill=\"none\" class={`dot ${this.size}`}>\r\n <circle cx=\"5\" cy=\"5\" r=\"4\" fill=\"#079455\" />\r\n </svg>\r\n )}\r\n <div class=\"placeholder\">\r\n <>\r\n {this.state === 'default' && (\r\n <>\r\n {this.placeholder && (\r\n <p class=\"text-md-regular\" style={{ color: '#CDD5DF' }}>\r\n {this.placeholder}\r\n </p>\r\n )}\r\n </>\r\n )}\r\n {this.state === 'filled' && (\r\n <>\r\n <div class={`content`}>\r\n <div class={`text text-md-regular ${this.type === 'tags' ? 'tag' : ''}`} style={{ color: '#4B5565' }}>\r\n {this.type === 'tags' ? (\r\n <>\r\n {this.selectedItems.map((item, index) =>\r\n typeof item === 'object' ? (\r\n <div class=\"added_tag\" key={index}>\r\n <gb-tag size=\"sm\" icon={!this.icon ? 'avatar' : this.icon ? this.icon : 'false'} action=\"X_close\" onClick={() => this.handleTagRemove(item)}>\r\n <p class=\"text-xs-medium\">{item.name.split(' ')[0]}</p>\r\n <h1 slot=\"initials\" class=\"text-xxs-semi-bold\">\r\n {item.name\r\n .split(' ')\r\n .map(part => part.charAt(0).toUpperCase())\r\n .join('')}\r\n </h1>\r\n </gb-tag>\r\n </div>\r\n ) : (\r\n <div class=\"added_tag\" key={index}>\r\n <gb-tag size=\"sm\" icon=\"avatar\" action=\"X_close\" onClick={() => this.handleTagRemove(item)}>\r\n <p class=\"text-xs-medium\">{item}</p>\r\n </gb-tag>\r\n </div>\r\n ),\r\n )}\r\n </>\r\n ) : (\r\n this.selectedItem?.name \|\| this.selectedItem\r\n )}\r\n </div>\r\n {this.supportingText && (\r\n <div class=\"supporting_text text-sm-regular\" style={{ color: '#697586' }}>\r\n {this.type === 'tags'\r\n ? this.selectedItems.map(item => item.username).join(', ') // For multiple selections\r\n : this.selectedItem.username}\r\n </div>\r\n )}\r\n </div>\r\n </>\r\n )}\r\n </>\r\n </div>\r\n {this.showHelpIcon && (\r\n <div class={`help_icon`}>\r\n <gb-help-tooltip show-supporting-text={true}>\r\n <slot name=\"tooltip_label\" slot=\"label\"></slot>\r\n <slot name=\"tooltip_supporting_text\" slot=\"supporting_text\"></slot>\r\n </gb-help-tooltip>\r\n </div>\r\n )}\r\n {this.type !== 'search' && (\r\n <div class={`dropdown_icon ${this.dropdownOpen ? 'opened' : ''}`}>\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" class={`${this.state}`}>\r\n <path\r\n d=\"M15 7.50004C15 7.50004 11.3176 12.5 9.99996 12.5C8.68237 12.5 5 7.5 5 7.5\"\r\n stroke=\"#697586\"\r\n stroke-width=\"1.66667\"\r\n stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\"\r\n />\r\n </svg>\r\n </div>\r\n )}\r\n </div>\r\n </div>\r\n {this.showHintText && (\r\n <p class=\"text-sm-regular\" style={{ color: '#697586' }}>\r\n {this.hintText}\r\n </p>\r\n )}\r\n </div>,\r\n <>\r\n {this.dropdownOpen && (\r\n <div class={`dropdown_menu ${this.menuPosition}`} ref={el => (this.dropdownRef = el)}>\r\n {this.type === 'tags' ? (\r\n <>\r\n {this.selectedItems.map(item => (\r\n <gb-input-dropdown-menu-item\r\n type={this.type === 'search' ? 'checkbox' : this.type === 'tags' ? 'checkbox' : this.type}\r\n state={StateEnum.Default}\r\n supporting-text={this.supportingText}\r\n selected={true}\r\n onClick={() => this.handleItemSelect(item)}\r\n >\r\n {typeof item === 'object' ? (\r\n <>\r\n <p slot=\"name\">{item.name}</p>\r\n <p slot=\"supporting_text\">@{item.username}</p>\r\n </>\r\n ) : (\r\n <p slot=\"name\">{item}</p>\r\n )}\r\n </gb-input-dropdown-menu-item>\r\n ))}\r\n {this.unselectedItems.map(item => (\r\n <gb-input-dropdown-menu-item\r\n type={this.type === 'search' ? 'checkbox' : this.type === 'tags' ? 'checkbox' : this.type}\r\n state={StateEnum.Default}\r\n supporting-text={this.supportingText}\r\n selected={false}\r\n onClick={() => this.handleItemSelect(item)}\r\n >\r\n {typeof item === 'object' ? (\r\n <>\r\n <p slot=\"name\">{item.name}</p>\r\n <p slot=\"supporting_text\">@{item.username}</p>\r\n </>\r\n ) : (\r\n <p slot=\"name\">{item}</p>\r\n )}\r\n </gb-input-dropdown-menu-item>\r\n ))}\r\n </>\r\n ) : (\r\n <>\r\n {this.items.map(item => (\r\n <gb-input-dropdown-menu-item\r\n type={this.type === 'search' ? 'checkbox' : this.type === 'tags' ? 'checkbox' : this.type}\r\n state={StateEnum.Default}\r\n supporting-text={this.supportingText}\r\n selected={this.isItemSelected(item)}\r\n color={this.color}\r\n onClick={() => this.handleItemSelect(item)}\r\n >\r\n {typeof item === 'object' ? (\r\n <>\r\n <p slot=\"name\">{item.name}</p>\r\n <h1 slot=\"initials\">{item.name.split(' ').map(part => part.charAt(0).toUpperCase())}</h1>\r\n <p slot=\"supporting_text\">@{item.username}</p>\r\n </>\r\n ) : (\r\n typeof item !== 'object' && (console.log(item), (<p slot=\"name\">{item}</p>))\r\n )}\r\n </gb-input-dropdown-menu-item>\r\n ))}\r\n </>\r\n )}\r\n </div>\r\n )}\r\n </>,\r\n ];\r\n }\r\n} \r\n "]}