globuswebcomponents 0.5.1 → 0.5.3

package/dist/cjs/loader.cjs.js

@@ -8,7 +8,7 @@ const appGlobals = require('./app-globals-3a1e7e63.js');
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;
   await appGlobals.globalScripts();
-  return index.bootstrapLazy(JSON.parse("[[\"gb-avatar_24.cjs\",[[1,\"gb-horizontal-tabs\",{\"type\":[1],\"size\":[1],\"fullWidth\":[4,\"full-width\"],\"breakpoint\":[1],\"thirdTab\":[4,\"third-tab\"],\"fourthTab\":[4,\"fourth-tab\"],\"fifthTab\":[4,\"fifth-tab\"],\"sixthTab\":[4,\"sixth-tab\"],\"seventhTab\":[4,\"seventh-tab\"],\"eighthTab\":[4,\"eighth-tab\"],\"ninthTab\":[4,\"ninth-tab\"],\"tenthTab\":[4,\"tenth-tab\"],\"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\"],\"activeIndex\":[32]}],[1,\"gb-input-dropdown-menu-item\",{\"type\":[1],\"supportingText\":[4,\"supporting-text\"],\"selected\":[1028],\"state\":[1]}],[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\"],\"showPlaceholder\":[4,\"show-placeholder\"],\"placeholderText\":[1,\"placeholder-text\"],\"showHelpIcon\":[4,\"show-help-icon\"],\"showValidation\":[4,\"show-validation\"],\"iconSwap\":[1,\"icon-swap\"],\"showCloseButton\":[4,\"show-close-button\"],\"inputValue\":[32],\"tags\":[32],\"isPasswordVisible\":[32]}],[1,\"gb-notification-pane\",{\"state\":[1],\"notifications\":[32]},[[0,\"slotchange\",\"handleSlotChange\"]]],[1,\"gb-pagination\",{\"type\":[1],\"shape\":[1],\"breakpoint\":[1],\"currentPage\":[2,\"current-page\"],\"totalPages\":[2,\"total-pages\"]}],[1,\"gb-verification-code-field\",{\"size\":[1],\"digits\":[2],\"showLabel\":[4,\"show-label\"],\"label\":[1],\"showHintText\":[4,\"show-hint-text\"],\"hintText\":[1,\"hint-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-pagination-number-base\",{\"shape\":[1]}],[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-toggle-base\",{\"size\":[1],\"state\":[1],\"pressed\":[1028]}],[1,\"gb-input-dropdown\",{\"type\":[1],\"state\":[1],\"size\":[1],\"showLabel\":[4,\"show-label\"],\"label\":[1],\"showPlaceholder\":[4,\"show-placeholder\"],\"placeholderText\":[1,\"placeholder-text\"],\"showHintText\":[4,\"show-hint-text\"],\"hintText\":[1,\"hint-text\"],\"showHelpIcon\":[4,\"show-help-icon\"],\"iconSwap\":[1,\"icon-swap\"],\"text\":[4]}],[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-megainput-field\",{\"size\":[1],\"state\":[1],\"inputValue\":[32]}],[1,\"gb-badge\",{\"size\":[1],\"icon\":[1],\"iconLeadingSwap\":[1,\"icon-leading-swap\"],\"iconTrailingSwap\":[1,\"icon-trailing-swap\"],\"flagSwap\":[1,\"flag-swap\"],\"color\":[1],\"type\":[1],\"closeButton\":[4,\"close-button\"],\"leadingIconContent\":[32],\"trailingIconContent\":[32]}],[1,\"gb-badge-close\",{\"color\":[1],\"type\":[1]}],[1,\"gb-checkbox\",{\"checked\":[4],\"indeterminate\":[4],\"size\":[1],\"type\":[1],\"state\":[1],\"supportingText\":[4,\"supporting-text\"]}],[1,\"gb-checkbox-base\",{\"state\":[1025],\"size\":[1],\"type\":[1],\"checked\":[1028],\"indeterminate\":[1028]}],[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-avatar\",{\"size\":[1],\"placeholder\":[4],\"text\":[4],\"statusIcon\":[1,\"status-icon\"],\"state\":[1],\"icon\":[1],\"weight\":[1]}],[1,\"gb-avatar-contrast-inner-border\",{\"weight\":[1],\"size\":[1]}],[1,\"gb-status-indicator\",{\"statusIcon\":[1,\"status-icon\"],\"size\":[1],\"state\":[1],\"indicatorStateClass\":[1,\"indicator-state-class\"]}]]],[\"gb-sidebar.cjs\",[[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\":[32],\"leadingIconSvg\":[32],\"sideBarItemClicked\":[64]}]]],[\"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\"],\"viewProfileClicked\":[64],\"logoutClicked\":[64]}]]],[\"gb-checkbox-group.cjs\",[[1,\"gb-checkbox-group\",{\"size\":[1],\"breakpoint\":[1],\"icon\":[1],\"selected\":[4],\"type\":[1]}]]],[\"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-tag.cjs\",[[1,\"gb-tag\",{\"size\":[1],\"icon\":[1],\"action\":[1],\"flagSwap\":[1,\"flag-swap\"],\"checkbox\":[4]}]]],[\"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\"],\"buttonState\":[1,\"button-state\"]}]]],[\"gb-header.cjs\",[[1,\"gb-header\",{\"state\":[1],\"showIndicator\":[4,\"show-indicator\"],\"text\":[4],\"placeholder\":[4],\"onNavBarItemClicked\":[64]}]]],[\"gb-avatar-profile-photo.cjs\",[[1,\"gb-avatar-profile-photo\",{\"placeholder\":[4],\"text\":[4],\"size\":[1],\"verified\":[4],\"icon\":[1]}]]],[\"gb-help-dropdown.cjs\",[[1,\"gb-help-dropdown\",{\"showLogError\":[4,\"show-log-error\"],\"downloadUserGuideClicked\":[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-slider.cjs\",[[1,\"gb-slider\",{\"min\":[2],\"max\":[2],\"thumbType\":[1,\"thumb-type\"],\"leftValue\":[32],\"rightValue\":[32]}]]],[\"gb-toggle.cjs\",[[1,\"gb-toggle\",{\"size\":[1],\"state\":[1],\"supportingText\":[4,\"supporting-text\"]}]]],[\"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-wysiwyg-tooltip.cjs\",[[1,\"gb-wysiwyg-tooltip\",{\"arrow\":[1],\"breakpoint\":[1]}]]],[\"gb-file-type-icon.cjs\",[[1,\"gb-file-type-icon\"]]],[\"gb-notification-content.cjs\",[[1,\"gb-notification-content\",{\"icon\":[1],\"label\":[1],\"time\":[1],\"supportingText\":[1,\"supporting-text\"]}]]],[\"gb-progress-circle.cjs\",[[1,\"gb-progress-circle\",{\"size\":[1],\"shape\":[1],\"label\":[4],\"progress\":[2]}]]],[\"gb-scrollbar.cjs\",[[1,\"gb-scrollbar\",{\"length\":[1]}]]],[\"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-checkbox-group-item.cjs\",[[1,\"gb-checkbox-group-item\",{\"size\":[1],\"type\":[1],\"state\":[1],\"breakpoint\":[1],\"showCost\":[4,\"show-cost\"],\"selected\":[1028]}]]],[\"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-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]}]]],[\"gb-tooltip.cjs\",[[1,\"gb-tooltip\",{\"showArrow\":[4,\"show-arrow\"],\"arrow\":[1],\"showSupportingText\":[4,\"show-supporting-text\"]}]]],[\"gb-avatar-add-button.cjs\",[[1,\"gb-avatar-add-button\",{\"size\":[1],\"showToolTip\":[1028,\"show-tool-tip\"],\"state\":[1],\"el\":[16]}]]],[\"gb-slider-control-handle.cjs\",[[1,\"gb-slider-control-handle\",{\"value\":[2],\"type\":[1],\"isHovered\":[32],\"isFocused\":[32]}]]],[\"gb-header-icon.cjs\",[[1,\"gb-header-icon\",{\"state\":[1],\"showIndicator\":[4,\"show-indicator\"],\"icon\":[1]}]]],[\"gb-toast-button.cjs\",[[1,\"gb-toast-button\",{\"state\":[1],\"color\":[1]}]]],[\"gb-collapse-button_2.cjs\",[[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-collapse-button\",{\"color\":[1],\"isCollapsed\":[1028,\"is-collapsed\"],\"action\":[1025],\"isHovered\":[1028,\"is-hovered\"],\"collapseSidebar\":[64],\"expandSidebar\":[64]}]]],[\"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-tag-checkbox_3.cjs\",[[1,\"gb-tag-checkbox\",{\"checked\":[4],\"size\":[1],\"disabled\":[4]}],[1,\"gb-tag-close\",{\"size\":[1]}],[1,\"gb-tag-count\",{\"size\":[1]}]]],[\"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_28.cjs\",[[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\":[32],\"leadingIconSvg\":[32],\"sideBarItemClicked\":[64]}],[1,\"gb-horizontal-tabs\",{\"type\":[1],\"size\":[1],\"fullWidth\":[4,\"full-width\"],\"breakpoint\":[1],\"thirdTab\":[4,\"third-tab\"],\"fourthTab\":[4,\"fourth-tab\"],\"fifthTab\":[4,\"fifth-tab\"],\"sixthTab\":[4,\"sixth-tab\"],\"seventhTab\":[4,\"seventh-tab\"],\"eighthTab\":[4,\"eighth-tab\"],\"ninthTab\":[4,\"ninth-tab\"],\"tenthTab\":[4,\"tenth-tab\"],\"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\"],\"activeIndex\":[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\"],\"showPlaceholder\":[4,\"show-placeholder\"],\"placeholderText\":[1,\"placeholder-text\"],\"showHelpIcon\":[4,\"show-help-icon\"],\"showValidation\":[4,\"show-validation\"],\"iconSwap\":[1,\"icon-swap\"],\"showCloseButton\":[4,\"show-close-button\"],\"inputValue\":[32],\"tags\":[32],\"isPasswordVisible\":[32]}],[1,\"gb-pagination\",{\"type\":[1],\"shape\":[1],\"breakpoint\":[1],\"currentPage\":[2,\"current-page\"],\"totalPages\":[2,\"total-pages\"]}],[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-pagination-number-base\",{\"shape\":[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-input-dropdown\",{\"type\":[1],\"state\":[1025],\"size\":[1],\"showLabel\":[4,\"show-label\"],\"label\":[1],\"showPlaceholder\":[4,\"show-placeholder\"],\"placeholderText\":[1,\"placeholder-text\"],\"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\"],\"items\":[16],\"supportingText\":[4,\"supporting-text\"],\"leadingIconSvg\":[32],\"dropdownOpen\":[32],\"selectedItems\":[32],\"selectedItem\":[32],\"isSelected\":[32]}],[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-tag\",{\"size\":[1],\"icon\":[1],\"action\":[1],\"flagSwap\":[1,\"flag-swap\"],\"checkbox\":[4],\"onTagClose\":[64]}],[1,\"gb-input-dropdown-menu-item\",{\"type\":[1],\"supportingText\":[4,\"supporting-text\"],\"selected\":[1028],\"state\":[1]}],[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-tag-checkbox\",{\"checked\":[4],\"size\":[1],\"disabled\":[4]}],[1,\"gb-tag-close\",{\"size\":[1]}],[1,\"gb-tag-count\",{\"size\":[1]}],[1,\"gb-badge-close\",{\"color\":[1],\"type\":[1]}],[1,\"gb-checkbox\",{\"checked\":[4],\"indeterminate\":[4],\"size\":[1],\"type\":[1],\"state\":[1],\"supportingText\":[4,\"supporting-text\"]}],[1,\"gb-button\",{\"size\":[1],\"hierarchy\":[1],\"icon\":[1],\"destructive\":[4],\"state\":[1],\"iconLeading\":[4,\"icon-leading\"],\"iconLeadingSwap\":[1,\"icon-leading-swap\"],\"iconTrailing\":[4,\"icon-trailing\"],\"iconTrailingSwap\":[1,\"icon-trailing-swap\"],\"leadingIconSvg\":[32],\"trailingIconSvg\":[32]}],[1,\"gb-checkbox-base\",{\"state\":[1025],\"size\":[1],\"type\":[1],\"checked\":[1028],\"indeterminate\":[1028]}],[1,\"gb-tooltip\",{\"showArrow\":[4,\"show-arrow\"],\"arrow\":[1],\"showSupportingText\":[4,\"show-supporting-text\"]}],[1,\"gb-avatar\",{\"size\":[1],\"placeholder\":[4],\"text\":[4],\"statusIcon\":[1,\"status-icon\"],\"state\":[1],\"icon\":[1],\"color\":[1],\"weight\":[1]}],[1,\"gb-avatar-contrast-inner-border\",{\"weight\":[1],\"size\":[1]}],[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\"],\"viewProfileClicked\":[64],\"logoutClicked\":[64]}]]],[\"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\"],\"buttonState\":[1,\"button-state\"]}]]],[\"gb-header.cjs\",[[1,\"gb-header\",{\"state\":[1],\"showIndicator\":[4,\"show-indicator\"],\"text\":[4],\"placeholder\":[4],\"onNavBarItemClicked\":[64]}]]],[\"gb-avatar-profile-photo.cjs\",[[1,\"gb-avatar-profile-photo\",{\"placeholder\":[4],\"text\":[4],\"size\":[1],\"verified\":[4],\"icon\":[1]}]]],[\"gb-help-dropdown.cjs\",[[1,\"gb-help-dropdown\",{\"showLogError\":[4,\"show-log-error\"],\"downloadUserGuideClicked\":[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-slider.cjs\",[[1,\"gb-slider\",{\"min\":[2],\"max\":[2],\"thumbType\":[1,\"thumb-type\"],\"leftValue\":[32],\"rightValue\":[32]}]]],[\"gb-notification-pane.cjs\",[[1,\"gb-notification-pane\",{\"state\":[1],\"notifications\":[32]},[[0,\"slotchange\",\"handleSlotChange\"]]]]],[\"gb-toggle.cjs\",[[1,\"gb-toggle\",{\"size\":[1],\"state\":[1],\"supportingText\":[4,\"supporting-text\"]}]]],[\"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-notification-content.cjs\",[[1,\"gb-notification-content\",{\"icon\":[1],\"label\":[1],\"time\":[1],\"supportingText\":[1,\"supporting-text\"]}]]],[\"gb-progress-circle.cjs\",[[1,\"gb-progress-circle\",{\"size\":[1],\"shape\":[1],\"label\":[4],\"progress\":[2]}]]],[\"gb-scrollbar.cjs\",[[1,\"gb-scrollbar\",{\"length\":[1]}]]],[\"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]}]]],[\"gb-avatar-add-button.cjs\",[[1,\"gb-avatar-add-button\",{\"size\":[1],\"showToolTip\":[1028,\"show-tool-tip\"],\"state\":[1],\"el\":[16]}]]],[\"gb-slider-control-handle.cjs\",[[1,\"gb-slider-control-handle\",{\"value\":[2],\"type\":[1],\"isHovered\":[32],\"isFocused\":[32]}]]],[\"gb-header-icon.cjs\",[[1,\"gb-header-icon\",{\"state\":[1],\"showIndicator\":[4,\"show-indicator\"],\"icon\":[1]}]]],[\"gb-toast-button.cjs\",[[1,\"gb-toast-button\",{\"state\":[1],\"color\":[1]}]]],[\"gb-toggle-base.cjs\",[[1,\"gb-toggle-base\",{\"size\":[1],\"state\":[1],\"pressed\":[1028]}]]],[\"gb-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-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);
 };
 
 exports.setNonce = index.setNonce;

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

@@ -1 +1 @@
-{"file":"reusableModels-e50f3440.js","mappings":";;AAIYA;AAAZ,WAAY,SAAS;IACjB,gCAAmB,CAAA;IACnB,kCAAqB,CAAA;AACzB,CAAC,EAHWA,iBAAS,KAATA,iBAAS,QAGpB;AAMWC;AAAZ,WAAY,aAAa;IACrB,yCAAwB,CAAA;IACxB,gCAAe,CAAA;IACf,oCAAmB,CAAA;IACnB,gCAAe,CAAA;AACnB,CAAC,EALWA,qBAAa,KAAbA,qBAAa,QAKxB;AAEWC;AAAZ,WAAY,qBAAqB;IAC7B,0CAAiB,CAAA;IACjB,4CAAmB,CAAA;AACvB,CAAC,EAHWA,6BAAqB,KAArBA,6BAAqB;;","names":["StateEnum","BorderWeights","OnlineIndicatorStates"],"sources":["src/models/reusableModels.ts"],"sourcesContent":["export type GeneralSizes = 'xl4' | 'xl3' | 'xl2' | 'xl' | 'lg' | 'md' | 'sm' | 'xs' | 'xxs' | 'profile_lg' | 'profile_md' | 'profile_sm';\r\n\r\nexport type GeneralHierarchies = 'primary' | 'secondary_gray' | 'secondary_color' | 'tertiary_gray' | 'tertiary_color' | 'link_gray' | 'link_color';\r\n\r\nexport enum StateEnum {\r\n    Default = 'default',\r\n    Disabled = 'disabled'\r\n}\r\n\r\nexport type ArrowPositions = 'bottom_center' | 'bottom_left' | 'bottom_right' | 'top_center' | 'left' | 'right' | 'none';\r\n\r\nexport type CheckBoxVariants = 'checkbox' | 'check_circle' | 'radio';\r\n\r\nexport enum BorderWeights {\r\n    VeryLight = 'very_light',\r\n    Light = 'light',\r\n    Regular = 'regular',\r\n    Heavy = 'heavy'\r\n};\r\n\r\nexport enum OnlineIndicatorStates {\r\n    Online = 'online',\r\n    Offline = 'offline'\r\n}\r\n\r\nexport type BreakPoints = 'desktop' | 'mobile';\r\n\r\nexport type FileUploadIconType = 'icon' | 'outline';\r\n\r\nexport type FileUploadStates = 'default' | 'in_progress' | 'complete' | 'hover' | 'disabled' | 'error';\r\n\r\nexport type FileType = '';\r\n\r\nexport type GeneralColors = 'default' | 'gray' | 'primary' | 'error' | 'warning' | 'success' | 'discovery' | 'information' | 'pink' | 'purple';\r\n\r\nexport type PaginationNumberShapes = 'square' | 'circle';\r\n\r\nexport type PaginationTypes =\r\n  | 'page_default'\r\n  | 'page_minimal_center_aligned'\r\n  | 'card_default'\r\n  | 'card_minimal_right_aligned'\r\n  | 'card_minimal_left_aligned'\r\n  | 'card_minimal_center_aligned'\r\n  | 'card_button_group_ right_aligned'\r\n  | 'card_button_group_left_aligned'\r\n  | 'card_button_group_center_aligned';\r\n\r\nexport type TabTypes = 'button_primary' | 'button_gray' | 'button_white' | 'rounded_button_white' | 'underline' | 'underline_filled' | 'line' | 'button_white_border' | 'rounded_button_white_border';\r\n\r\nexport type GeneralBackgroundCategories = 'plain_background' | 'colored_background';\r\n\r\nexport type InputFieldTypes =\r\n  | 'default'\r\n  | 'icon_leading'\r\n  | 'leading_dropdown'\r\n  | 'trailing_dropdown'\r\n  | 'leading_text'\r\n  | 'payment_input'\r\n  | 'tags'\r\n  | 'trailing_button'\r\n  | 'password'\r\n  | 'password_icon_leading'\r\n  | 'count';"],"version":3}
+{"file":"reusableModels-e50f3440.js","mappings":";;AAIYA;AAAZ,WAAY,SAAS;IACjB,gCAAmB,CAAA;IACnB,kCAAqB,CAAA;AACzB,CAAC,EAHWA,iBAAS,KAATA,iBAAS,QAGpB;AAMWC;AAAZ,WAAY,aAAa;IACrB,yCAAwB,CAAA;IACxB,gCAAe,CAAA;IACf,oCAAmB,CAAA;IACnB,gCAAe,CAAA;AACnB,CAAC,EALWA,qBAAa,KAAbA,qBAAa,QAKxB;AAEWC;AAAZ,WAAY,qBAAqB;IAC7B,0CAAiB,CAAA;IACjB,4CAAmB,CAAA;AACvB,CAAC,EAHWA,6BAAqB,KAArBA,6BAAqB;;","names":["StateEnum","BorderWeights","OnlineIndicatorStates"],"sources":["src/models/reusableModels.ts"],"sourcesContent":["export type GeneralSizes = 'xl4' | 'xl3' | 'xl2' | 'xl' | 'lg' | 'md' | 'sm' | 'xs' | 'xxs' | 'profile_lg' | 'profile_md' | 'profile_sm';\r\n\r\nexport type GeneralHierarchies = 'primary' | 'secondary_gray' | 'secondary_color' | 'tertiary_gray' | 'tertiary_color' | 'link_gray' | 'link_color';\r\n\r\nexport enum StateEnum {\r\n    Default = 'default',\r\n    Disabled = 'disabled'\r\n}\r\n\r\nexport type ArrowPositions = 'bottom_center' | 'bottom_left' | 'bottom_right' | 'top_center' | 'left' | 'right' | 'none';\r\n\r\nexport type CheckBoxVariants = 'checkbox' | 'check_circle' | 'radio';\r\n\r\nexport enum BorderWeights {\r\n    VeryLight = 'very_light',\r\n    Light = 'light',\r\n    Regular = 'regular',\r\n    Heavy = 'heavy'\r\n};\r\n\r\nexport enum OnlineIndicatorStates {\r\n    Online = 'online',\r\n    Offline = 'offline'\r\n}\r\n\r\nexport type BreakPoints = 'desktop' | 'mobile';\r\n\r\nexport type FileUploadIconType = 'icon' | 'outline';\r\n\r\nexport type FileUploadStates = 'default' | 'in_progress' | 'complete' | 'hover' | 'disabled' | 'error';\r\n\r\nexport type FileType = '';\r\n\r\nexport type GeneralColors = 'default' | 'gray' | 'primary' | 'error' | 'warning' | 'success' | 'discovery' | 'information' | 'pink' | 'purple';\r\n\r\nexport type PaginationNumberShapes = 'square' | 'circle';\r\n\r\nexport type PaginationTypes =\r\n  | 'page_default'\r\n  | 'page_minimal_center_aligned'\r\n  | 'card_default'\r\n  | 'card_minimal_right_aligned'\r\n  | 'card_minimal_left_aligned'\r\n  | 'card_minimal_center_aligned'\r\n  | 'card_button_group_ right_aligned'\r\n  | 'card_button_group_left_aligned'\r\n  | 'card_button_group_center_aligned';\r\n\r\nexport type TabTypes = 'button_primary' | 'button_gray' | 'button_white' | 'rounded_button_white' | 'underline' | 'underline_filled' | 'line' | 'button_white_border' | 'rounded_button_white_border';\r\n\r\nexport type GeneralBackgroundCategories = 'plain_background' | 'colored_background';\r\n\r\nexport type InputFieldTypes =\r\n  | 'default'\r\n  | 'icon_leading'\r\n  | 'leading_dropdown'\r\n  | 'trailing_dropdown'\r\n  | 'leading_text'\r\n  | 'payment_input'\r\n  | 'tags'\r\n  | 'trailing_button'\r\n  | 'password'\r\n  | 'password_icon_leading'\r\n  | 'count';\r\n\r\n  export type DropdownTypes = 'default' | 'icon_leading' | 'avatar_leading' | 'dot_leading' | 'checkbox' | 'search' | 'tags'; \r\n\r\n  export type AvatarColorTypes = 'gray' | 'blue' | 'cyan' | 'pink' | 'purple' | 'green' | 'yellow';"],"version":3}

package/dist/collection/assets/calendar-02.svg

@@ -0,0 +1,6 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="calendar-02">
+<path id="Accent" opacity="0.4" d="M21.5 12.7568V12.2432C21.5 10.5138 21.5 9.12764 21.4217 8H2.57828C2.5 9.12764 2.5 10.5138 2.5 12.2432V12.7568C2.5 17.1141 2.5 19.2927 3.75212 20.6464C5.00424 22 7.01949 22 11.05 22H12.95C16.9805 22 18.9958 22 20.2479 20.6464C21.5 19.2927 21.5 17.1141 21.5 12.7568Z" fill="white"/>
+<path id="Icon" d="M11 12.25C10.5858 12.25 10.25 12.5858 10.25 13C10.25 13.4142 10.5858 13.75 11 13.75V12.25ZM16 13.75C16.4142 13.75 16.75 13.4142 16.75 13C16.75 12.5858 16.4142 12.25 16 12.25V13.75ZM8 12.25C7.58579 12.25 7.25 12.5858 7.25 13C7.25 13.4142 7.58579 13.75 8 13.75V12.25ZM8.00898 13.75C8.4232 13.75 8.75898 13.4142 8.75898 13C8.75898 12.5858 8.4232 12.25 8.00898 12.25V13.75ZM13 17.75C13.4142 17.75 13.75 17.4142 13.75 17C13.75 16.5858 13.4142 16.25 13 16.25V17.75ZM8 16.25C7.58579 16.25 7.25 16.5858 7.25 17C7.25 17.4142 7.58579 17.75 8 17.75V16.25ZM16 17.75C16.4142 17.75 16.75 17.4142 16.75 17C16.75 16.5858 16.4142 16.25 16 16.25V17.75ZM15.991 16.25C15.5768 16.25 15.241 16.5858 15.241 17C15.241 17.4142 15.5768 17.75 15.991 17.75V16.25ZM18.75 2C18.75 1.58579 18.4142 1.25 18 1.25C17.5858 1.25 17.25 1.58579 17.25 2H18.75ZM17.25 4C17.25 4.41421 17.5858 4.75 18 4.75C18.4142 4.75 18.75 4.41421 18.75 4H17.25ZM6.75 2C6.75 1.58579 6.41421 1.25 6 1.25C5.58579 1.25 5.25 1.58579 5.25 2H6.75ZM5.25 4C5.25 4.41421 5.58579 4.75 6 4.75C6.41421 4.75 6.75 4.41421 6.75 4H5.25ZM3 7.25C2.58579 7.25 2.25 7.58579 2.25 8C2.25 8.41421 2.58579 8.75 3 8.75V7.25ZM21 8.75C21.4142 8.75 21.75 8.41421 21.75 8C21.75 7.58579 21.4142 7.25 21 7.25V8.75ZM11 13.75H16V12.25H11V13.75ZM8 13.75H8.00898V12.25H8V13.75ZM13 16.25H8V17.75H13V16.25ZM16 16.25H15.991V17.75H16V16.25ZM17.25 2V4H18.75V2H17.25ZM5.25 2V4H6.75V2H5.25ZM11.05 3.75H12.95V2.25H11.05V3.75ZM20.75 12.2432V12.7568H22.25V12.2432H20.75ZM12.95 21.25H11.05V22.75H12.95V21.25ZM3.25 12.7568V12.2432H1.75V12.7568H3.25ZM11.05 21.25C9.01188 21.25 7.56476 21.2481 6.46704 21.0886C5.39728 20.9331 4.76921 20.6414 4.30269 20.1371L3.20154 21.1556C3.98714 22.0049 4.99276 22.3901 6.25129 22.573C7.48185 22.7519 9.05762 22.75 11.05 22.75V21.25ZM1.75 12.7568C1.75 14.9158 1.74863 16.6049 1.91225 17.9205C2.07785 19.2521 2.42363 20.3147 3.20154 21.1556L4.30269 20.1371C3.82849 19.6244 3.54821 18.9208 3.40078 17.7354C3.25137 16.5339 3.25 14.9551 3.25 12.7568H1.75ZM20.75 12.7568C20.75 14.9551 20.7486 16.5339 20.5992 17.7354C20.4518 18.9208 20.1715 19.6244 19.6973 20.1371L20.7985 21.1556C21.5764 20.3147 21.9222 19.2521 22.0878 17.9205C22.2514 16.6049 22.25 14.9158 22.25 12.7568H20.75ZM12.95 22.75C14.9424 22.75 16.5181 22.7519 17.7487 22.573C19.0072 22.3901 20.0129 22.0049 20.7985 21.1556L19.6973 20.1371C19.2308 20.6414 18.6027 20.9331 17.533 21.0886C16.4352 21.2481 14.9881 21.25 12.95 21.25V22.75ZM12.95 3.75C14.9881 3.75 16.4352 3.75186 17.533 3.91141C18.6027 4.06689 19.2308 4.35858 19.6973 4.86292L20.7985 3.84436C20.0129 2.99506 19.0072 2.60993 17.7487 2.427C16.5181 2.24814 14.9424 2.25 12.95 2.25V3.75ZM22.25 12.2432C22.25 10.0842 22.2514 8.39513 22.0878 7.07951C21.9222 5.74792 21.5764 4.68534 20.7985 3.84436L19.6973 4.86292C20.1715 5.37558 20.4518 6.07915 20.5992 7.26463C20.7486 8.46607 20.75 10.0449 20.75 12.2432H22.25ZM11.05 2.25C9.05762 2.25 7.48185 2.24814 6.25129 2.427C4.99276 2.60993 3.98714 2.99506 3.20154 3.84436L4.30269 4.86292C4.76921 4.35858 5.39728 4.06689 6.46704 3.91141C7.56476 3.75186 9.01188 3.75 11.05 3.75V2.25ZM3.25 12.2432C3.25 10.0449 3.25137 8.46607 3.40078 7.26463C3.54821 6.07915 3.82849 5.37558 4.30269 4.86292L3.20154 3.84436C2.42363 4.68534 2.07785 5.74792 1.91225 7.07951C1.74863 8.39513 1.75 10.0842 1.75 12.2432H3.25ZM3 8.75H21V7.25H3V8.75Z" fill="white"/>
+</g>
+</svg>

package/dist/collection/assets/database-sync.svg

@@ -0,0 +1,6 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="database-sync">
+<path id="Accent" opacity="0.4" fill-rule="evenodd" clip-rule="evenodd" d="M3.39124 3.39124C2 4.78249 2 7.02166 2 11.5C2 15.9783 2 18.2175 3.39124 19.6088C4.78248 21 7.02165 21 11.5 21C12.8534 21 14.0024 21 14.9852 20.9616C14.772 20.7478 14.5879 20.5082 14.4371 20.2496C13.8416 19.2283 13.9996 18.0626 14.0841 17.5944C14.5892 15.7277 16.5272 14.6199 18.4125 15.1201C19.3776 15.3761 20.1419 16.0039 20.5903 16.806C20.6404 16.8902 20.6989 17.0108 20.7556 17.1618C21 15.8139 21 14.0082 21 11.5C21 7.02168 21 4.78248 19.6088 3.39124C18.2175 2 15.9783 2 11.5 2C7.02166 2 4.78249 2 3.39124 3.39124ZM9 6.5C9 7.19036 8.44036 7.75 7.75 7.75C7.05964 7.75 6.5 7.19036 6.5 6.5C6.5 5.80964 7.05964 5.25 7.75 5.25C8.44036 5.25 9 5.80964 9 6.5ZM7.75 17.75C8.44036 17.75 9 17.1904 9 16.5C9 15.8096 8.44036 15.25 7.75 15.25C7.05964 15.25 6.5 15.8096 6.5 16.5C6.5 17.1904 7.05964 17.75 7.75 17.75Z" fill="white"/>
+<path id="Icon" d="M14.0226 17.5944L13.6458 18.2428C13.8469 18.3597 14.0908 18.3766 14.3062 18.2887C14.5215 18.2008 14.6839 18.0179 14.7457 17.7937L14.0226 17.5944ZM18.4317 15.1201L18.6207 14.3943L18.4317 15.1201ZM20.9773 19.4056L21.3542 18.7572C21.1531 18.6403 20.9091 18.6234 20.6938 18.7113C20.4785 18.7992 20.3161 18.9821 20.2543 19.2063L20.9773 19.4056ZM16.5682 21.8799L16.3792 22.6057L16.5682 21.8799ZM13.3767 16.3515C13.0186 16.1434 12.5595 16.265 12.3514 16.6232C12.1433 16.9813 12.2649 17.4403 12.623 17.6485L13.3767 16.3515ZM21.623 20.6484C21.9811 20.8566 22.4401 20.735 22.6483 20.3769C22.8564 20.0188 22.7349 19.5597 22.3768 19.3516L21.623 20.6484ZM19.9982 17.1771C20.2032 17.5371 20.6611 17.6627 21.0211 17.4578C21.381 17.2528 21.5067 16.7949 21.3018 16.4349L19.9982 17.1771ZM15.0271 19.8665C14.8156 19.5104 14.3554 19.3932 13.9993 19.6047C13.6431 19.8163 13.5259 20.2764 13.7374 20.6326L15.0271 19.8665ZM3.39124 19.6088L3.92157 19.0784L3.39124 19.6088ZM19.6088 3.39124L19.0784 3.92157L19.6088 3.39124ZM10 20.9977L9.99631 21.7477H10V20.9977ZM20.25 13C20.25 13.4142 20.5858 13.75 21 13.75C21.4142 13.75 21.75 13.4142 21.75 13H20.25ZM11 21.7477C11.4142 21.7477 11.75 21.4119 11.75 20.9977C11.75 20.5835 11.4142 20.2477 11 20.2477V21.7477ZM12.5 5.75C12.0858 5.75 11.75 6.08579 11.75 6.5C11.75 6.91421 12.0858 7.25 12.5 7.25V5.75ZM16.5 7.25C16.9142 7.25 17.25 6.91421 17.25 6.5C17.25 6.08579 16.9142 5.75 16.5 5.75V7.25ZM14.7457 17.7937C15.1468 16.3386 16.7025 15.4447 18.2427 15.8459L18.6207 14.3943C16.32 13.7951 13.9277 15.1167 13.2996 17.395L14.7457 17.7937ZM20.2543 19.2063C19.8532 20.6614 18.2975 21.5553 16.7572 21.1541L16.3792 22.6057C18.6799 23.2049 21.0723 21.8833 21.7003 19.605L20.2543 19.2063ZM14.3995 16.9459L13.3767 16.3515L12.623 17.6485L13.6458 18.2428L14.3995 16.9459ZM20.6004 20.0541L21.623 20.6484L22.3768 19.3516L21.3542 18.7572L20.6004 20.0541ZM18.2427 15.8459C19.0264 16.05 19.6397 16.5475 19.9982 17.1771L21.3018 16.4349C20.7468 15.4603 19.8032 14.7023 18.6207 14.3943L18.2427 15.8459ZM16.7572 21.1541C15.9917 20.9547 15.3888 20.4754 15.0271 19.8665L13.7374 20.6326C14.2971 21.5747 15.2242 22.3049 16.3792 22.6057L16.7572 21.1541ZM1.25 11.5C1.25 13.718 1.24841 15.4569 1.43059 16.812C1.61568 18.1886 2.00271 19.2809 2.86091 20.1391L3.92157 19.0784C3.38853 18.5454 3.07994 17.8224 2.91722 16.6121C2.75159 15.3802 2.75 13.7604 2.75 11.5H1.25ZM11.5 2.75C13.7604 2.75 15.3802 2.75159 16.6121 2.91722C17.8224 3.07994 18.5454 3.38853 19.0784 3.92157L20.1391 2.86091C19.2809 2.00271 18.1886 1.61568 16.812 1.43059C15.4569 1.24841 13.718 1.25 11.5 1.25V2.75ZM21.75 11.5C21.75 9.28204 21.7516 7.54311 21.5694 6.18803C21.3843 4.81137 20.9973 3.71911 20.1391 2.86091L19.0784 3.92157C19.6115 4.45462 19.9201 5.17757 20.0828 6.3879C20.2484 7.6198 20.25 9.23963 20.25 11.5H21.75ZM11.5 1.25C9.28203 1.25 7.54311 1.24841 6.18802 1.43059C4.81137 1.61568 3.71911 2.00271 2.86091 2.86091L3.92157 3.92157C4.45462 3.38853 5.17757 3.07994 6.38789 2.91722C7.61979 2.75159 9.23963 2.75 11.5 2.75V1.25ZM2.75 11.5C2.75 9.23963 2.75159 7.61979 2.91722 6.38789C3.07994 5.17757 3.38853 4.45462 3.92157 3.92157L2.86091 2.86091C2.00271 3.71911 1.61568 4.81137 1.43059 6.18802C1.24841 7.54311 1.25 9.28203 1.25 11.5H2.75ZM10.0037 20.2477C8.24828 20.239 6.96561 20.1971 5.97741 20.0186C5.01076 19.844 4.39279 19.5496 3.92157 19.0784L2.86091 20.1391C3.61608 20.8943 4.55394 21.2858 5.71079 21.4947C6.8461 21.6998 8.25461 21.7391 9.99631 21.7477L10.0037 20.2477ZM20.25 11.5V13H21.75V11.5H20.25ZM10 21.7477H11V20.2477H10V21.7477ZM2 12.25H21V10.75H2V12.25ZM12.5 7.25L16.5 7.25V5.75L12.5 5.75V7.25ZM8.25 6.5C8.25 6.77614 8.02614 7 7.75 7V8.5C8.85457 8.5 9.75 7.60457 9.75 6.5H8.25ZM7.75 7C7.47386 7 7.25 6.77614 7.25 6.5H5.75C5.75 7.60457 6.64543 8.5 7.75 8.5V7ZM7.25 6.5C7.25 6.22386 7.47386 6 7.75 6V4.5C6.64543 4.5 5.75 5.39543 5.75 6.5H7.25ZM7.75 6C8.02614 6 8.25 6.22386 8.25 6.5H9.75C9.75 5.39543 8.85457 4.5 7.75 4.5V6ZM8.25 16.5C8.25 16.7761 8.02614 17 7.75 17V18.5C8.85457 18.5 9.75 17.6046 9.75 16.5H8.25ZM7.75 17C7.47386 17 7.25 16.7761 7.25 16.5H5.75C5.75 17.6046 6.64543 18.5 7.75 18.5V17ZM7.25 16.5C7.25 16.2239 7.47386 16 7.75 16V14.5C6.64543 14.5 5.75 15.3954 5.75 16.5H7.25ZM7.75 16C8.02614 16 8.25 16.2239 8.25 16.5H9.75C9.75 15.3954 8.85457 14.5 7.75 14.5V16Z" fill="white"/>
+</g>
+</svg>

package/dist/collection/assets/search-01.svg

@@ -0,0 +1,3 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path id="Icon" d="M14.5834 14.5833L18.3334 18.3333M16.6667 9.16667C16.6667 5.02454 13.3088 1.66667 9.16669 1.66667C5.02455 1.66667 1.66669 5.02454 1.66669 9.16667C1.66669 13.3088 5.02455 16.6667 9.16669 16.6667C13.3088 16.6667 16.6667 13.3088 16.6667 9.16667Z" stroke="#697586" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/dist/collection/collection-manifest.json

@@ -30,7 +30,7 @@
     "components/gb-help-dropdown/gb-help-dropdown.js",
     "components/gb-horizontal-tabs/gb-horizontal-tabs.js",
     "components/gb-input-dropdown/gb-input-dropdown.js",
-    "components/gb-input-dropdown-menu/gb-input-dropdown-menu-item.js",
+    "components/gb-input-dropdown-menu-item/gb-input-dropdown-menu-item.js",
     "components/gb-input-field/gb-input-field.js",
     "components/gb-megainput-field-base/gb-megainput-field.js",
     "components/gb-notification-content/gb-notification-content.js",
@@ -46,14 +46,14 @@
     "components/gb-scrollbar/gb-scrollbar.js",
     "components/gb-side-bar-item/gb-side-bar-item.js",
     "components/gb-sidebar/gb-sidebar.js",
+    "components/gb-slider/gb-slider.js",
     "components/gb-slider-control-handle/slider-control-handle.js",
-    "components/gb-sliders/slider.js",
     "components/gb-status-indicator/gb-status-indicator.js",
     "components/gb-tab-button-base/gb-tab-button-base.js",
+    "components/gb-tag/gb-tag.js",
     "components/gb-tag-checkbox/gb-tag-checkbox.js",
     "components/gb-tag-close/gb-tag-close.js",
     "components/gb-tag-count/gb-tag-count.js",
-    "components/gb-tags/gb-tags.js",
     "components/gb-textarea-input-field/gb-textarea-input-field.js",
     "components/gb-toast/gb-toast.js",
     "components/gb-toast-button/gb-toast-button.js",

package/dist/collection/components/gb-WYSIWYG editor-icon/gb-WYSIWYG-editor-icon.css

@@ -1,3 +1,5 @@
+/* @import 'tailwind.css'; */
+
 :root {
     /* --------------------------------------Primary Colors--------------------------------------------- */
     /* base color palette */

package/dist/collection/components/gb-WYSIWYG-toolbar/gb-WYSIWYG-toolbar.css

@@ -1,3 +1,5 @@
+/* @import 'tailwind.css'; */
+
 :root {
     /* --------------------------------------Primary Colors--------------------------------------------- */
     /* base color palette */

package/dist/collection/components/gb-avatar/gb-avatar.css

@@ -1129,34 +1129,23 @@
     border-radius: var(--rounded-full);
 }
 
-::slotted(h1){
-    color: #4B5565;
-}
-
-.placeholder, .text{
+.placeholder,
+.initials{
     width: 100%;
     height: 100%;
     display: flex;
     justify-content: center;
     align-items: center;
-    background-color: #EEF2F6;
     border-radius: var(--rounded-full);
 }
 
-.placeholder:hover, .initials:hover{
-    background-color: #E3E8EF;
-}
-
-.placeholder:active, .initials:active{
-    background-color: #E3E8EF;
-}
-
 .indicator{
     position: absolute;
     bottom: -0.1rem;
     right: -0.03rem;
 }
 
+/* Size Styles */
 .user_avatar.xxs{
     width: 0.75rem;
     height: 0.75rem;
@@ -1207,12 +1196,164 @@
     height: 5rem;
 }
 
-.initials{
-    width: 100%;
-    height: 100%;
-    display: flex;
-    justify-content: center;
-    align-items: center;
+/* Avatar Color Styles */
+.initials.gray,
+.placeholder.gray{
     background-color: #EEF2F6;
-    border-radius: var(--rounded-full);
+}
+
+.initials.gray:hover,
+.placeholder.gray:hover{
+    background-color: #E3E8EF;
+}
+
+.initials.gray:active,
+.placeholder.gray:active{
+    background-color: var(--color-background-gray-subtlest, #F6F8FA);
+}
+
+.initials.blue,
+.placeholder.blue{
+    background-color: var(--color-background-information-subtler, #C8E0F9);
+}
+
+.initials.blue:hover,
+.placeholder.blue:hover{
+    background-color: var(--color-background-information-subtle, #9AC7F4);
+}
+
+.initials.blue:active,
+.placeholder.blue:active{
+    background-color: var(--color-background-information-subtlest, #E4F0FC);
+}
+
+.initials.cyan,
+.placeholder.cyan{
+    background-color: var(--color-background-discovery-subtler, #E0F2FE);
+}
+
+.initials.cyan:hover,
+.placeholder.cyan:hover{
+    background-color: var(--color-background-discovery-subtle, #B9E6FE);
+}
+
+.initials.cyan:active,
+.placeholder.cyan:active{
+    background-color: var(--color-background-discovery-subtlest, #F0F9FF);
+}
+
+.initials.pink,
+.placeholder.pink{
+    background-color: var(--color-background-pink-subtler, #FCE7F6);
+}
+
+.initials.pink:hover,
+.placeholder.pink:hover{
+    background-color: var(--color-background-pink-subtle, #FCCEEE);
+}
+
+.initials.pink:active,
+.placeholder.pink:active{
+    background-color: var(--color-background-pink-subtlest, #FDF2FA);
+}
+
+.initials.purple,
+.placeholder.purple{
+    background-color: var(--color-background-purple-subtler, #EBE9FE);
+}
+
+.initials.purple:hover,
+.placeholder.purple:hover{
+    background-color: var(--color-background-purple-subtle, #D9D6FE);
+}
+
+.initials.purple:active,
+.placeholder.purple:active{
+    background-color: var(--color-background-purple-subtlest, #F4F3FF);
+}
+
+.initials.green,
+.placeholder.green{
+    background-color: var(--color-background-success-subtler, #DCFAE6);
+}
+
+.initials.green:hover,
+.placeholder.green:hover{
+    background-color: var(--color-background-success-subtle, #A9EFC5);
+}
+
+.initials.green:active,
+.placeholder.green:active{
+    background-color: var(--color-background-success-subtlest, #ECFDF3);
+}
+
+.initials.yellow,
+.placeholder.yellow{
+    background-color: var(--color-background-warning-subtler, #FEF0C7);
+}
+
+.initials.yellow:hover,
+.placeholder.yellow:hover{
+    background-color: var(--color-background-warning-subtle, #FEDF89);
+}
+
+.initials.yellow:active,
+.placeholder.yellow:active{
+    background-color: var(--color-background-warning-subtlest, #FFFAEB);
+}
+
+::slotted([slot="initials"].gray){
+    color: #4B5565;
+}
+
+::slotted([slot="initials"].blue){
+    color: var(--color-text-information, #064E94);
+}
+
+::slotted([slot="initials"].cyan){
+    color: var(--color-text-discovery, #0086C9);
+}
+
+::slotted([slot="initials"].pink){
+    color: var(--color-text-pink, #DD2590);
+}
+
+::slotted([slot="initials"].purple){
+    color: var(--color-text-purple, #6938EF);
+}
+
+::slotted([slot="initials"].green){
+    color: var(--color-text-success, #079455);
+}
+
+::slotted([slot="initials"].yellow){
+    color: var(--color-text-warning, #DC6803);
+}
+
+.user_avatar.gray path{
+    fill: var(--color-icon-subtle, #697586);
+}
+
+.user_avatar.blue path{
+    fill: var(--color-icon-information, #064E94);
+}
+
+.user_avatar.cyan path{
+    fill: var(--color-icon-discovery, #0086C9);
+}
+
+.user_avatar.pink path{
+    fill: var(--color-icon-pink, #DD2590);
+}
+
+.user_avatar.purple path{
+    fill: var(--color-icon-purple, #6938EF);
+}
+
+.user_avatar.green path{
+    fill: var(--color-icon-success, #079455);
+}
+
+.user_avatar.yellow path{
+    fill: var(--color-icon-warning, #DC6803);
 }

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

@@ -8,6 +8,7 @@ export class GbAvatar {
         this.statusIcon = '';
         this.state = OnlineIndicatorStates.Online;
         this.icon = 'user';
+        this.color = undefined;
         this.weight = BorderWeights.Light;
     }
     getInitialsSize() {
@@ -32,15 +33,27 @@ export class GbAvatar {
             case 'xxs': return BorderWeights.VeryLight;
         }
     }
+    applyColorToInitials() {
+        switch (this.color) {
+            case 'gray': return 'gray';
+            case 'blue': return 'blue';
+            case 'cyan': return 'cyan';
+            case 'pink': return 'pink';
+            case 'purple': return 'purple';
+            case 'green': return 'green';
+            case 'yellow': return 'yellow';
+        }
+    }
     componentDidLoad() {
         const slottedInitials = this.el.querySelector('h1');
         if (slottedInitials) {
             slottedInitials.classList.add(this.getInitialsSize());
+            slottedInitials.classList.add(this.applyColorToInitials());
         }
     }
     render() {
         return [
-            h("div", { key: '16f2bb3ddda00ce219fee23a5ed85e7920fa1e36', class: "avatar" }, h("gb-avatar-contrast-inner-border", { key: 'dda3aff29b71c26b5e59fb64a4f25ab563eb361e', "border-size": this.size, weight: this.weight }, h("div", { key: '9ba13e41e5cb076874596bab26b98bd28d4fe7ad', class: `inner_content ${this.size}` }, !this.text ? (h("slot", { name: "image" })) : (h("div", { class: "initials" }, h("slot", { name: "initials" }))), this.placeholder && (h("div", { key: '2758b4015a0ab92f737649c246d5aaf032698fa8', class: `placeholder` }, this.icon === 'user' && (h("svg", { key: 'f417f4a8fc60730de185aff5b960afaed3b7c640', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", class: `user_avatar ${this.size}` }, h("path", { key: 'eee69e30606de6cbb52e1c3674da76da8bb627a5', d: "M11.8706 9.89137C11.9482 9.93754 12.044 9.99158 12.1524 10.0528C12.6276 10.3209 13.3459 10.7261 13.8381 11.2078C14.1458 11.5091 14.4383 11.9061 14.4914 12.3924C14.548 12.9097 14.3223 13.395 13.8697 13.8263C13.0887 14.5703 12.1515 15.1666 10.9393 15.1666H5.06045C3.84825 15.1666 2.91106 14.5703 2.13009 13.8263C1.67741 13.395 1.45177 12.9097 1.50831 12.3924C1.56147 11.9061 1.85391 11.5091 2.16169 11.2078C2.6538 10.7261 3.37214 10.3209 3.84735 10.0528C3.95578 9.99158 4.05158 9.93754 4.12912 9.89137C6.49848 8.48055 9.50126 8.48055 11.8706 9.89137Z", fill: "#697586" }), h("path", { key: '8666943f628f286d8cb3d807cb1f9f11ad5ac5d1', d: "M4.49987 4.33325C4.49987 2.40026 6.06688 0.833252 7.99987 0.833252C9.93287 0.833252 11.4999 2.40026 11.4999 4.33325C11.4999 6.26625 9.93287 7.83325 7.99987 7.83325C6.06688 7.83325 4.49987 6.26625 4.49987 4.33325Z", fill: "#697586" }))))))), h("gb-status-indicator", { key: '8d6fb344f4759a4de9434aac122c94d3e733f805', class: `indicator ${this.size}`, "status-icon": this.statusIcon, size: this.size, state: this.state }))
+            h("div", { key: 'e8462594881ea16016bdc266f5b5cd42719a82a1', class: "avatar" }, h("gb-avatar-contrast-inner-border", { key: '68b17eed07be15ffdea0ff8559266b02dbf03ac1', "border-size": this.size, weight: this.weight }, h("div", { key: 'b66357d3aa214a5ef9a84ff1a44cedef84d79c0c', class: `inner_content ${this.size}` }, !this.text ? (h("slot", { name: "image" })) : (h("div", { class: `initials ${this.color}` }, h("slot", { name: "initials" }))), this.placeholder && (h("div", { key: 'c1d3cefc72f78b67b0ae580fb53e77a00c030ded', class: `placeholder ${this.color}` }, this.icon === 'user' && (h("svg", { key: 'b4ad39c0087cd58335c4350949fe253aa53862d2', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", class: `user_avatar ${this.size} ${this.color}` }, h("path", { key: 'f5b97e57fc442aa28f3a5e8a9455509cf04f45ac', d: "M11.8706 9.89137C11.9482 9.93754 12.044 9.99158 12.1524 10.0528C12.6276 10.3209 13.3459 10.7261 13.8381 11.2078C14.1458 11.5091 14.4383 11.9061 14.4914 12.3924C14.548 12.9097 14.3223 13.395 13.8697 13.8263C13.0887 14.5703 12.1515 15.1666 10.9393 15.1666H5.06045C3.84825 15.1666 2.91106 14.5703 2.13009 13.8263C1.67741 13.395 1.45177 12.9097 1.50831 12.3924C1.56147 11.9061 1.85391 11.5091 2.16169 11.2078C2.6538 10.7261 3.37214 10.3209 3.84735 10.0528C3.95578 9.99158 4.05158 9.93754 4.12912 9.89137C6.49848 8.48055 9.50126 8.48055 11.8706 9.89137Z", fill: "#697586" }), h("path", { key: '1651d13f89bd3caca50c8be67c792fcd5e5af04a', d: "M4.49987 4.33325C4.49987 2.40026 6.06688 0.833252 7.99987 0.833252C9.93287 0.833252 11.4999 2.40026 11.4999 4.33325C11.4999 6.26625 9.93287 7.83325 7.99987 7.83325C6.06688 7.83325 4.49987 6.26625 4.49987 4.33325Z", fill: "#697586" }))))))), h("gb-status-indicator", { key: '3b3f3edd7fe12c5054f11b9312cdff708ad30f56', class: `indicator ${this.size}`, "status-icon": this.statusIcon, size: this.size, state: this.state }))
         ];
     }
     static get is() { return "gb-avatar"; }
@@ -176,6 +189,29 @@ export class GbAvatar {
                 "reflect": false,
                 "defaultValue": "'user'"
             },
+            "color": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "AvatarColorTypes",
+                    "resolved": "\"blue\" | \"cyan\" | \"gray\" | \"green\" | \"pink\" | \"purple\" | \"yellow\"",
+                    "references": {
+                        "AvatarColorTypes": {
+                            "location": "import",
+                            "path": "../../models/reusableModels",
+                            "id": "src/models/reusableModels.ts::AvatarColorTypes"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "color",
+                "reflect": false
+            },
             "weight": {
                 "type": "string",
                 "mutable": false,

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

@@ -1 +1 @@
-{"version":3,"file":"gb-avatar.js","sourceRoot":"","sources":["../../../src/components/gb-avatar/gb-avatar.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Element, h, Prop } from \"@stencil/core\";\r\nimport { BorderWeights, GeneralSizes, OnlineIndicatorStates } from \"../../models/reusableModels\";\r\n\r\n@Component({\r\n    tag: 'gb-avatar',\r\n    styleUrl: 'gb-avatar.css',\r\n    shadow: true\r\n})\r\n\r\nexport class GbAvatar {\r\n    @Prop() size: GeneralSizes;\r\n    @Prop() placeholder: boolean = false;\r\n    @Prop() text: boolean = false;\r\n    @Prop() statusIcon: string = '';\r\n    @Prop() state: OnlineIndicatorStates = OnlineIndicatorStates.Online;\r\n    @Prop() icon: 'user' = 'user';\r\n    @Element() el: HTMLElement;\r\n    @Prop() weight: BorderWeights = BorderWeights.Light;\r\n\r\n    getInitialsSize() {\r\n        switch (this.size) {\r\n            case 'xl2': return 'display-xs-semi-bold';\r\n            case 'xl': return 'text-xl-semi-bold';\r\n            case 'lg': return 'text-lg-semi-bold';\r\n            case 'md': return 'text-md-semi-bold';\r\n            case 'sm': return 'text-sm-semi-bold';\r\n            case 'xs': return 'text-xs-semi-bold';\r\n            case 'xxs': return 'text-xxs-semi-bold';\r\n        }\r\n    }\r\n\r\n    setWeight() {\r\n        switch (this.size) {\r\n            case 'xl2' : return BorderWeights.Regular;\r\n            case 'xl' : return BorderWeights.Regular;\r\n            case 'lg' : return BorderWeights.Regular;\r\n            case 'md' : return BorderWeights.Regular;\r\n            case 'sm' : return BorderWeights.Light;\r\n            case 'xs' : return BorderWeights.Light;\r\n            case 'xxs' : return BorderWeights.VeryLight;\r\n        }\r\n    }\r\n\r\n    componentDidLoad() {\r\n        const slottedInitials = this.el.querySelector('h1');\r\n    \r\n        if (slottedInitials) {\r\n            slottedInitials.classList.add(this.getInitialsSize());\r\n        }\r\n    }\r\n\r\n    render() {\r\n        return [\r\n            <div class=\"avatar\">\r\n                <gb-avatar-contrast-inner-border border-size={this.size} weight={this.weight}>\r\n                    <div class={`inner_content ${this.size}`}>\r\n                        { !this.text ? (\r\n                            <slot name=\"image\"></slot>\r\n                        ) : (\r\n                            <div class=\"initials\">\r\n                                <slot name=\"initials\"></slot>\r\n                            </div>\r\n                        )}\r\n                        { this.placeholder && (\r\n                            <div class={`placeholder`}>\r\n                                { this.icon === 'user' && (\r\n                                    <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" class={`user_avatar ${this.size}`}>\r\n                                        <path d=\"M11.8706 9.89137C11.9482 9.93754 12.044 9.99158 12.1524 10.0528C12.6276 10.3209 13.3459 10.7261 13.8381 11.2078C14.1458 11.5091 14.4383 11.9061 14.4914 12.3924C14.548 12.9097 14.3223 13.395 13.8697 13.8263C13.0887 14.5703 12.1515 15.1666 10.9393 15.1666H5.06045C3.84825 15.1666 2.91106 14.5703 2.13009 13.8263C1.67741 13.395 1.45177 12.9097 1.50831 12.3924C1.56147 11.9061 1.85391 11.5091 2.16169 11.2078C2.6538 10.7261 3.37214 10.3209 3.84735 10.0528C3.95578 9.99158 4.05158 9.93754 4.12912 9.89137C6.49848 8.48055 9.50126 8.48055 11.8706 9.89137Z\" fill=\"#697586\"/>\r\n                                        <path d=\"M4.49987 4.33325C4.49987 2.40026 6.06688 0.833252 7.99987 0.833252C9.93287 0.833252 11.4999 2.40026 11.4999 4.33325C11.4999 6.26625 9.93287 7.83325 7.99987 7.83325C6.06688 7.83325 4.49987 6.26625 4.49987 4.33325Z\" fill=\"#697586\"/>\r\n                                    </svg>\r\n                                )}\r\n                            </div>\r\n                        )}\r\n                    </div>\r\n                </gb-avatar-contrast-inner-border>\r\n                <gb-status-indicator class={`indicator ${this.size}`}\r\n                status-icon={this.statusIcon}\r\n                size={this.size} \r\n                state={this.state}\r\n                ></gb-status-indicator>\r\n            </div>\r\n        ]\r\n    }\r\n}"]}
+{"version":3,"file":"gb-avatar.js","sourceRoot":"","sources":["../../../src/components/gb-avatar/gb-avatar.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Element, h, Prop } from \"@stencil/core\";\r\nimport { AvatarColorTypes, BorderWeights, GeneralSizes, OnlineIndicatorStates } from \"../../models/reusableModels\";\r\n\r\n@Component({\r\n    tag: 'gb-avatar',\r\n    styleUrl: 'gb-avatar.css',\r\n    shadow: true\r\n})\r\n\r\nexport class GbAvatar {\r\n    @Prop() size: GeneralSizes;\r\n    @Prop() placeholder: boolean = false;\r\n    @Prop() text: boolean = false;\r\n    @Prop() statusIcon: string = '';\r\n    @Prop() state: OnlineIndicatorStates = OnlineIndicatorStates.Online;\r\n    @Prop() icon: 'user' = 'user';\r\n    @Prop() color: AvatarColorTypes;\r\n    @Element() el: HTMLElement;\r\n    @Prop() weight: BorderWeights = BorderWeights.Light;\r\n\r\n    getInitialsSize() {\r\n        switch (this.size) {\r\n            case 'xl2': return 'display-xs-semi-bold';\r\n            case 'xl': return 'text-xl-semi-bold';\r\n            case 'lg': return 'text-lg-semi-bold';\r\n            case 'md': return 'text-md-semi-bold';\r\n            case 'sm': return 'text-sm-semi-bold';\r\n            case 'xs': return 'text-xs-semi-bold';\r\n            case 'xxs': return 'text-xxs-semi-bold';\r\n        }\r\n    }\r\n\r\n    setWeight() {\r\n        switch (this.size) {\r\n            case 'xl2' : return BorderWeights.Regular;\r\n            case 'xl' : return BorderWeights.Regular;\r\n            case 'lg' : return BorderWeights.Regular;\r\n            case 'md' : return BorderWeights.Regular;\r\n            case 'sm' : return BorderWeights.Light;\r\n            case 'xs' : return BorderWeights.Light;\r\n            case 'xxs' : return BorderWeights.VeryLight;\r\n        }\r\n    }\r\n\r\n    applyColorToInitials() {\r\n        switch(this.color) {\r\n            case 'gray': return 'gray';\r\n            case 'blue': return 'blue';\r\n            case 'cyan': return 'cyan';\r\n            case 'pink': return 'pink';\r\n            case 'purple': return 'purple';\r\n            case 'green': return 'green';\r\n            case 'yellow': return 'yellow';\r\n        }\r\n    }\r\n\r\n    componentDidLoad() {\r\n        const slottedInitials = this.el.querySelector('h1');\r\n    \r\n        if (slottedInitials) {\r\n            slottedInitials.classList.add(this.getInitialsSize());\r\n            slottedInitials.classList.add(this.applyColorToInitials());\r\n        }\r\n    }\r\n\r\n    render() {\r\n        return [\r\n            <div class=\"avatar\">\r\n                <gb-avatar-contrast-inner-border border-size={this.size} weight={this.weight}>\r\n                    <div class={`inner_content ${this.size}`}>\r\n                        { !this.text ? (\r\n                            <slot name=\"image\"></slot>\r\n                        ) : (\r\n                            <div class={`initials ${this.color}`}>\r\n                                <slot name=\"initials\"></slot>\r\n                            </div>\r\n                        )}\r\n                        { this.placeholder && (\r\n                            <div class={`placeholder ${this.color}`}>\r\n                                { this.icon === 'user' && (\r\n                                    <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" class={`user_avatar ${this.size} ${this.color}`}>\r\n                                        <path d=\"M11.8706 9.89137C11.9482 9.93754 12.044 9.99158 12.1524 10.0528C12.6276 10.3209 13.3459 10.7261 13.8381 11.2078C14.1458 11.5091 14.4383 11.9061 14.4914 12.3924C14.548 12.9097 14.3223 13.395 13.8697 13.8263C13.0887 14.5703 12.1515 15.1666 10.9393 15.1666H5.06045C3.84825 15.1666 2.91106 14.5703 2.13009 13.8263C1.67741 13.395 1.45177 12.9097 1.50831 12.3924C1.56147 11.9061 1.85391 11.5091 2.16169 11.2078C2.6538 10.7261 3.37214 10.3209 3.84735 10.0528C3.95578 9.99158 4.05158 9.93754 4.12912 9.89137C6.49848 8.48055 9.50126 8.48055 11.8706 9.89137Z\" fill=\"#697586\"/>\r\n                                        <path d=\"M4.49987 4.33325C4.49987 2.40026 6.06688 0.833252 7.99987 0.833252C9.93287 0.833252 11.4999 2.40026 11.4999 4.33325C11.4999 6.26625 9.93287 7.83325 7.99987 7.83325C6.06688 7.83325 4.49987 6.26625 4.49987 4.33325Z\" fill=\"#697586\"/>\r\n                                    </svg>\r\n                                )}\r\n                            </div>\r\n                        )}\r\n                    </div>\r\n                </gb-avatar-contrast-inner-border>\r\n                <gb-status-indicator class={`indicator ${this.size}`}\r\n                status-icon={this.statusIcon}\r\n                size={this.size} \r\n                state={this.state}\r\n                ></gb-status-indicator>\r\n            </div>\r\n        ]\r\n    }\r\n}"]}

package/dist/collection/components/gb-avatar-contrast-inner-border/gb-avatar-contrast-inner-border.css

@@ -1,3 +1,5 @@
+/* @import 'tailwind.css'; */
+
 :root {
     /* --------------------------------------Primary Colors--------------------------------------------- */
     /* base color palette */

package/dist/collection/components/gb-avatar-dropdown/gb-avatar-dropdown.css

@@ -1,3 +1,5 @@
+/* @import 'tailwind.css'; */
+
 :root {
     /* --------------------------------------Primary Colors--------------------------------------------- */
     /* base color palette */

package/dist/collection/components/gb-avatar-label-group/gb-avatar-label-group.css

@@ -1,3 +1,5 @@
+/* @import 'tailwind.css'; */
+
 :root {
     /* --------------------------------------Primary Colors--------------------------------------------- */
     /* base color palette */

package/dist/collection/components/gb-avatar-profile-photo/gb-avatar-profile-photo.css

@@ -1,3 +1,5 @@
+/* @import 'tailwind.css'; */
+
 :root {
     /* --------------------------------------Primary Colors--------------------------------------------- */
     /* base color palette */

package/dist/collection/components/gb-badge-close/gb-badge-close.css

@@ -1,3 +1,5 @@
+/* @import 'tailwind.css'; */
+
 :root {
     /* --------------------------------------Primary Colors--------------------------------------------- */
     /* base color palette */

package/dist/collection/components/gb-badges/gb-badges.css

@@ -1,3 +1,5 @@
+/* @import 'tailwind.css'; */
+
 :root {
     /* --------------------------------------Primary Colors--------------------------------------------- */
     /* base color palette */

package/dist/collection/components/gb-btn/gb-btn.css

@@ -1,3 +1,5 @@
+/* @import 'tailwind.css'; */
+
 :root {
     /* --------------------------------------Primary Colors--------------------------------------------- */
     /* base color palette */
@@ -2978,4 +2980,14 @@ button.link_color.disabled{
 
 .center{
   flex-grow: 1;
+}
+
+button.lefticon{
+  justify-content: center;
+  gap: var(--spacing-2);
+}
+
+button.righticon{
+  justify-content: center;
+  gap: var(--spacing-2);
 }

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

@@ -50,6 +50,9 @@ export class GbButton {
             disabled: this.state === 'disabled',
             default: this.icon === 'default',
             only: this.icon === 'only',
+            lefticon: !this.iconTrailing,
+            righticon: !this.iconLeading,
+            // leftandrighticon: this.iconLeading && this.iconTrailing
         };
     }
     getButtonTextClasses() {
@@ -73,7 +76,7 @@ export class GbButton {
         return h("div", { class: "icon right-icon", innerHTML: this.trailingIconSvg });
     }
     render() {
-        return (h("button", { key: 'b839cf39ead0fcd4f8efe3c0185fbbe2842b4ce2', class: this.getButtonClasses() }, this.iconLeading && this.icon === 'default' && this.renderLeadingIcon(), this.icon === 'default' && h("slot", { key: '60bea1a956ef1cdafc4bf2803834b2e580e0b0d1' }), this.iconTrailing && this.renderTrailingIcon(), this.icon === 'only' && this.renderLeadingIcon()));
+        return (h("button", { key: 'a23e740269ef8abf561fa9e400800597655592f9', class: this.getButtonClasses() }, this.iconLeading && this.icon === 'default' && this.renderLeadingIcon(), this.icon === 'default' && h("slot", { key: 'dc5a135b5b65c0c93d4b354d2b67eae165593521' }), this.iconTrailing && this.renderTrailingIcon(), this.icon === 'only' && this.renderLeadingIcon()));
     }
     static get is() { return "gb-btn"; }
     static get originalStyleUrls() {

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

@@ -1 +1 @@
-{"version":3,"file":"gb-btn.js","sourceRoot":"","sources":["../../../src/components/gb-btn/gb-btn.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Element, getAssetPath, h, Prop, State } from \"@stencil/core\";\r\nimport { GeneralHierarchies, GeneralSizes } from \"../../models/reusableModels\";\r\n\r\n@Component({\r\n  tag: 'gb-btn',\r\n  styleUrl: 'gb-btn.css',\r\n})\r\nexport class GbButton {\r\n  @Prop() size: GeneralSizes;\r\n  @Prop() hierarchy: GeneralHierarchies;\r\n  @Prop() icon: 'default' | 'only';\r\n  @Prop() destructive: boolean = false;\r\n  @Prop() state: 'default' | 'disabled';\r\n  @Prop() iconLeading: boolean = false;\r\n  @Prop() iconLeadingSwap: string;\r\n  @Prop() iconTrailing: boolean = false;\r\n  @Prop() iconTrailingSwap: string;\r\n  @Element() el: HTMLElement;\r\n  @State() leadingIconSvg: string = '';\r\n  @State() trailingIconSvg: string = '';\r\n\r\n  componentWillLoad() {\r\n    if (this.iconLeading && this.iconLeadingSwap) {\r\n      this.loadIcon(this.iconLeadingSwap, 'leading');\r\n    }\r\n    if (this.iconTrailing && this.iconTrailingSwap) {\r\n      this.loadIcon(this.iconTrailingSwap, 'trailing');\r\n    }\r\n\r\n    const buttonSlot = this.el.querySelector('p');\r\n\r\n    if (buttonSlot) {\r\n      buttonSlot.classList.add(this.getButtonTextClasses());\r\n      buttonSlot.classList.add('nowrap');\r\n    }\r\n\r\n    if (!this.iconLeading && !this.iconTrailing) {\r\n      buttonSlot.classList.add('center');\r\n    }\r\n  }\r\n\r\n  async loadIcon(iconName: string, type: 'leading' | 'trailing') {\r\n    const iconPath = getAssetPath(`${iconName}`);\r\n    const response = await fetch(iconPath);\r\n    const svg = await response.text();\r\n    if (type === 'leading') {\r\n      this.leadingIconSvg = svg;\r\n    } else {\r\n      this.trailingIconSvg = svg;\r\n    }\r\n  }\r\n\r\n  // Helper to apply color styles based on the button state\r\n  getButtonClasses() {\r\n    return {\r\n      button: true,\r\n      [this.size]: true,\r\n      [this.hierarchy]: true,\r\n      destructive: this.destructive,\r\n      disabled: this.state === 'disabled',\r\n      default: this.icon === 'default',\r\n      only: this.icon === 'only',\r\n    };\r\n  }\r\n\r\n  getButtonTextClasses() {\r\n    switch (this.size) {\r\n      case 'xl2':\r\n        return 'text-lg-semi-bold';\r\n      case 'xl':\r\n        return 'text-md-semi-bold';\r\n      case 'lg':\r\n        return 'text-md-semi-bold';\r\n      case 'md':\r\n        return 'text-sm-semi-bold';\r\n      case 'sm':\r\n        return 'text-sm-semi-bold';\r\n    }\r\n  }\r\n\r\n  renderLeadingIcon() {\r\n    return <div class={`icon left-icon ${this.size}`} innerHTML={this.leadingIconSvg}></div>;\r\n  }\r\n\r\n  renderTrailingIcon() {\r\n    return <div class=\"icon right-icon\" innerHTML={this.trailingIconSvg}></div>;\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <button class={this.getButtonClasses()}>\r\n        {this.iconLeading && this.icon === 'default' && this.renderLeadingIcon()}\r\n        {this.icon === 'default' && <slot></slot>}\r\n        {this.iconTrailing && this.renderTrailingIcon()}\r\n        {this.icon === 'only' && this.renderLeadingIcon()}\r\n      </button>\r\n    );\r\n  }\r\n}"]}
+{"version":3,"file":"gb-btn.js","sourceRoot":"","sources":["../../../src/components/gb-btn/gb-btn.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Element, getAssetPath, h, Prop, State } from \"@stencil/core\";\r\nimport { GeneralHierarchies, GeneralSizes } from \"../../models/reusableModels\";\r\n\r\n@Component({\r\n  tag: 'gb-btn',\r\n  styleUrl: 'gb-btn.css',\r\n})\r\nexport class GbButton {\r\n  @Prop() size: GeneralSizes;\r\n  @Prop() hierarchy: GeneralHierarchies;\r\n  @Prop() icon: 'default' | 'only';\r\n  @Prop() destructive: boolean = false;\r\n  @Prop() state: 'default' | 'disabled';\r\n  @Prop() iconLeading: boolean = false;\r\n  @Prop() iconLeadingSwap: string;\r\n  @Prop() iconTrailing: boolean = false;\r\n  @Prop() iconTrailingSwap: string;\r\n  @Element() el: HTMLElement;\r\n  @State() leadingIconSvg: string = '';\r\n  @State() trailingIconSvg: string = '';\r\n\r\n  componentWillLoad() {\r\n    if (this.iconLeading && this.iconLeadingSwap) {\r\n      this.loadIcon(this.iconLeadingSwap, 'leading');\r\n    }\r\n    if (this.iconTrailing && this.iconTrailingSwap) {\r\n      this.loadIcon(this.iconTrailingSwap, 'trailing');\r\n    }\r\n\r\n    const buttonSlot = this.el.querySelector('p');\r\n\r\n    if (buttonSlot) {\r\n      buttonSlot.classList.add(this.getButtonTextClasses());\r\n      buttonSlot.classList.add('nowrap');\r\n    }\r\n\r\n    if (!this.iconLeading && !this.iconTrailing) {\r\n      buttonSlot.classList.add('center');\r\n    }\r\n  }\r\n\r\n  async loadIcon(iconName: string, type: 'leading' | 'trailing') {\r\n    const iconPath = getAssetPath(`${iconName}`);\r\n    const response = await fetch(iconPath);\r\n    const svg = await response.text();\r\n    if (type === 'leading') {\r\n      this.leadingIconSvg = svg;\r\n    } else {\r\n      this.trailingIconSvg = svg;\r\n    }\r\n  }\r\n\r\n  // Helper to apply color styles based on the button state\r\n  getButtonClasses() {\r\n    return {\r\n      button: true,\r\n      [this.size]: true,\r\n      [this.hierarchy]: true,\r\n      destructive: this.destructive,\r\n      disabled: this.state === 'disabled',\r\n      default: this.icon === 'default',\r\n      only: this.icon === 'only',\r\n      lefticon: !this.iconTrailing,\r\n      righticon: !this.iconLeading,\r\n      // leftandrighticon: this.iconLeading && this.iconTrailing\r\n    };\r\n  }\r\n\r\n  getButtonTextClasses() {\r\n    switch (this.size) {\r\n      case 'xl2':\r\n        return 'text-lg-semi-bold';\r\n      case 'xl':\r\n        return 'text-md-semi-bold';\r\n      case 'lg':\r\n        return 'text-md-semi-bold';\r\n      case 'md':\r\n        return 'text-sm-semi-bold';\r\n      case 'sm':\r\n        return 'text-sm-semi-bold';\r\n    }\r\n  }\r\n\r\n  renderLeadingIcon() {\r\n    return <div class={`icon left-icon ${this.size}`} innerHTML={this.leadingIconSvg}></div>;\r\n  }\r\n\r\n  renderTrailingIcon() {\r\n    return <div class=\"icon right-icon\" innerHTML={this.trailingIconSvg}></div>;\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <button class={this.getButtonClasses()}>\r\n        {this.iconLeading && this.icon === 'default' && this.renderLeadingIcon()}\r\n        {this.icon === 'default' && <slot></slot>}\r\n        {this.iconTrailing && this.renderTrailingIcon()}\r\n        {this.icon === 'only' && this.renderLeadingIcon()}\r\n      </button>\r\n    );\r\n  }\r\n}"]}