npm - globuswebcomponents - Versions diffs - 2.2.3 → 2.2.5 - Mend

globuswebcomponents 2.2.3 → 2.2.5

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 (460) hide show

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

@@ -6,7 +6,7 @@ var appGlobals = require('./app-globals-V2Kpy_OQ.js');
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;
   await appGlobals.globalScripts();
-  return index.bootstrapLazy(JSON.parse("[[\"gb-avatar_23.cjs\",[[1,\"gb-stepper-horizontal-icons-centered\",{\"size\":[1],\"steps\":[16],\"type\":[1],\"breakpoint\":[1]}],[1,\"gb-stepper-horizontal-minimal-icons\",{\"size\":[1],\"text\":[4],\"steps\":[16]}],[65,\"gb-button-group\",{\"items\":[16],\"icon\":[1],\"internalItems\":[32],\"selectedValue\":[32]}],[1,\"gb-button-group-base\",{\"current\":[4],\"icon\":[1],\"state\":[1],\"label\":[1],\"iconSrc\":[1,\"icon-src\"],\"leadingIconSvg\":[32]}],[65,\"gb-input-field\",{\"size\":[1],\"type\":[1],\"inputType\":[1,\"input-type\"],\"minLength\":[2,\"min-length\"],\"maxLength\":[2,\"max-length\"],\"destructive\":[1028],\"state\":[1],\"showLabel\":[4,\"show-label\"],\"label\":[1],\"showHintText\":[4,\"show-hint-text\"],\"hintText\":[1,\"hint-text\"],\"errorText\":[1,\"error-text\"],\"showPlaceholder\":[4,\"show-placeholder\"],\"placeholder\":[1],\"showHelpIcon\":[4,\"show-help-icon\"],\"showValidation\":[4,\"show-validation\"],\"showCountryIcon\":[4,\"show-country-icon\"],\"iconSwap\":[1,\"icon-swap\"],\"showCloseButton\":[1028,\"show-close-button\"],\"options\":[1040],\"idOfInput\":[513,\"id-of-input\"],\"labelText\":[513,\"label-text\"],\"isReadOnly\":[516,\"is-read-only\"],\"results\":[1040],\"menuPosition\":[1,\"menu-position\"],\"icon\":[1],\"value\":[1032],\"required\":[516],\"loading\":[1028],\"inputValue\":[32],\"tags\":[32],\"leadingIconSvg\":[32],\"isPasswordVisible\":[32],\"showDropdown\":[32],\"selectedItem\":[32],\"selectedItems\":[32],\"unselectedItems\":[32],\"paddingLeft\":[32],\"paddingTop\":[32],\"dropdownOpen\":[32],\"show\":[32],\"showSpinner\":[32],\"internalLoading\":[32]},[[4,\"click\",\"handleClickOutside\"]],{\"options\":[\"optionsChanged\"],\"loading\":[\"onLoadingChanged\"],\"value\":[\"updateSelectedItems\"]}],[1,\"gb-step-base\",{\"status\":[1],\"size\":[1],\"type\":[1],\"state\":[1],\"connector\":[4],\"showContent\":[4,\"show-content\"],\"showSupportingText\":[4,\"show-supporting-text\"],\"label\":[1],\"supportingText\":[1,\"supporting-text\"],\"breakpoint\":[1],\"internalState\":[32],\"internalStatus\":[32]},null,{\"status\":[\"onStatusChange\"],\"state\":[\"onStateChange\"]}],[1,\"gb-password-button\",{\"state\":[1],\"isPasswordVisible\":[32]}],[1,\"gb-help-tooltip\",{\"showArrow\":[4,\"show-arrow\"],\"showSupportingText\":[4,\"show-supporting-text\"],\"showHelpTooltip\":[32]}],[1,\"gb-featured-icon\",{\"size\":[1],\"destructive\":[4],\"icon\":[1],\"leadingIconSvg\":[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-step-icon-base\",{\"size\":[1],\"status\":[1],\"state\":[1],\"internalState\":[32],\"internalStatus\":[32]},null,{\"status\":[\"onStatusChange\"],\"state\":[\"onStateChange\"]}],[1,\"gb-tag\",{\"size\":[1],\"icon\":[1],\"action\":[1],\"flagSwap\":[1,\"flag-swap\"],\"checkbox\":[4],\"onTagClose\":[64]}],[1,\"gb-input-dropdown-menu-item\",{\"type\":[1],\"supportingText\":[4,\"supporting-text\"],\"selected\":[1028],\"state\":[1],\"color\":[1]}],[1,\"gb-tag-checkbox\",{\"checked\":[4],\"size\":[1],\"disabled\":[4]}],[1,\"gb-tag-close\",{\"size\":[1]}],[1,\"gb-tag-count\",{\"size\":[1]}],[1,\"gb-checkbox\",{\"checked\":[4],\"indeterminate\":[4],\"size\":[1],\"type\":[1],\"state\":[1],\"text\":[4],\"supportingText\":[4,\"supporting-text\"]}],[1,\"gb-button\",{\"size\":[1],\"hierarchy\":[1],\"icon\":[1],\"destructive\":[4],\"state\":[1],\"iconLeading\":[4,\"icon-leading\"],\"iconLeadingSwap\":[1,\"icon-leading-swap\"],\"iconTrailing\":[4,\"icon-trailing\"],\"iconTrailingSwap\":[1,\"icon-trailing-swap\"],\"leadingIconSvg\":[32],\"trailingIconSvg\":[32],\"internalButtonState\":[32]},null,{\"state\":[\"updateButtonState\"]}],[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\"],\"noWrap\":[4,\"no-wrap\"]}],[1,\"gb-avatar\",{\"size\":[1],\"placeholder\":[4],\"text\":[4],\"statusIcon\":[1,\"status-icon\"],\"state\":[1],\"icon\":[1],\"color\":[1],\"showBorder\":[4,\"show-border\"],\"weight\":[1],\"assignedColorClass\":[32]}],[1,\"gb-avatar-contrast-inner-border\",{\"weight\":[1],\"size\":[1],\"showBorder\":[4,\"show-border\"]}],[1,\"gb-status-indicator\",{\"statusIcon\":[1,\"status-icon\"],\"size\":[1],\"state\":[1],\"indicatorStateClass\":[1,\"indicator-state-class\"]}]]],[\"gb-table-header.cjs\",[[1,\"gb-table-header\",{\"showFilter\":[4,\"show-filter\"],\"showColumnOptions\":[4,\"show-column-options\"],\"tableHeading\":[4,\"table-heading\"],\"showSearch\":[4,\"show-search\"],\"showExport\":[4,\"show-export\"],\"showRefreshButton\":[4,\"show-refresh-button\"],\"tableHeadingLabel\":[1,\"table-heading-label\"],\"showLayoutToggle\":[4,\"show-layout-toggle\"],\"filterState\":[1,\"filter-state\"],\"filterCount\":[2,\"filter-count\"],\"showEntireData\":[4,\"show-entire-data\"],\"items\":[32],\"width\":[32],\"buttonIcon\":[32],\"showExportDropdown\":[32]}]]],[\"gb-pagination.cjs\",[[1,\"gb-pagination\",{\"type\":[1],\"shape\":[1],\"breakpoint\":[1025],\"currentPage\":[1026,\"current-page\"],\"totalPages\":[1026,\"total-pages\"],\"entries\":[1040],\"selectedPageSize\":[32],\"defaultSelected\":[32],\"pages\":[32],\"width\":[32],\"internalTotalPages\":[32]},null,{\"totalPages\":[\"onTotalPagesChange\"]}]]],[\"gb-avatar-dropdown.cjs\",[[1,\"gb-avatar-dropdown\",{\"type\":[1],\"text\":[4],\"showProfile\":[4,\"show-profile\"],\"showThemeTab\":[4,\"show-theme-tab\"],\"showRoles\":[4,\"show-roles\"],\"roles\":[16],\"showLogOut\":[4,\"show-log-out\"],\"listGroupOne\":[4,\"list-group-one\"],\"listGroupTwo\":[4,\"list-group-two\"],\"listGroupThree\":[4,\"list-group-three\"],\"color\":[1],\"showBorder\":[4,\"show-border\"],\"currentTheme\":[1,\"current-theme\"]}]]],[\"gb-sidebar.cjs\",[[1,\"gb-sidebar\",{\"state\":[1025],\"category\":[1],\"navItemStyle\":[1,\"nav-item-style\"],\"type\":[1],\"showSecondCategory\":[4,\"show-second-category\"],\"iconInstance\":[1,\"icon-instance\"],\"firstItemIcon\":[1,\"first-item-icon\"],\"secondItemIcon\":[1,\"second-item-icon\"],\"thirdItemIcon\":[1,\"third-item-icon\"],\"fourthItemIcon\":[1,\"fourth-item-icon\"],\"fifthItemIcon\":[1,\"fifth-item-icon\"],\"sixthItemIcon\":[1,\"sixth-item-icon\"],\"seventhItemIcon\":[1,\"seventh-item-icon\"],\"eighthItemIcon\":[1,\"eighth-item-icon\"],\"ninthItemIcon\":[1,\"ninth-item-icon\"],\"tenthItemIcon\":[1,\"tenth-item-icon\"],\"firstItemLabel\":[1,\"first-item-label\"],\"secondItemLabel\":[1,\"second-item-label\"],\"thirdItemLabel\":[1,\"third-item-label\"],\"fourthItemLabel\":[1,\"fourth-item-label\"],\"fifthItemLabel\":[1,\"fifth-item-label\"],\"sixthItemLabel\":[1,\"sixth-item-label\"],\"seventhItemLabel\":[1,\"seventh-item-label\"],\"eighthItemLabel\":[1,\"eighth-item-label\"],\"ninthItemLabel\":[1,\"ninth-item-label\"],\"tenthItemLabel\":[1,\"tenth-item-label\"],\"complexSidebarData\":[8,\"complex-sidebar-data\"],\"activeIndex\":[1026,\"active-index\"],\"activePrimaryItem\":[1025,\"active-primary-item\"],\"activeSecondaryItem\":[1025,\"active-secondary-item\"],\"leadingIconSvg\":[32],\"sideBarItemClicked\":[64]}]]],[\"gb-textarea-input-field.cjs\",[[1,\"gb-textarea-input-field\",{\"type\":[1],\"state\":[1025],\"destructive\":[4],\"placeholderText\":[1,\"placeholder-text\"],\"showLabel\":[4,\"show-label\"],\"label\":[1],\"showHintText\":[4,\"show-hint-text\"],\"hintText\":[1,\"hint-text\"],\"idOfInput\":[513,\"id-of-input\"],\"isReadOnly\":[516,\"is-read-only\"],\"value\":[1032],\"icon\":[1],\"results\":[1040],\"content\":[32],\"inputValue\":[32],\"selectedStaff\":[32],\"paddingLeft\":[32],\"paddingTop\":[32],\"show\":[32],\"staffInfo\":[32],\"selectedItems\":[32],\"unselectedItems\":[32]},[[4,\"click\",\"handleClickOutside\"]],{\"value\":[\"updateSelectedItems\"]}]]],[\"test-input-tag.cjs\",[[0,\"test-input-tag\",{\"idOfInput\":[513,\"id-of-input\"],\"type\":[513],\"labelText\":[513,\"label-text\"],\"isReadOnly\":[516,\"is-read-only\"],\"placeholderText\":[513,\"placeholder-text\"],\"show\":[32],\"showSpinner\":[32],\"staffInfo\":[32],\"selectedStaff\":[32],\"paddingLeft\":[32],\"paddingTop\":[32],\"inputValue\":[32],\"dropdownOpen\":[32]}]]],[\"gb-detail-cell.cjs\",[[1,\"gb-detail-cell\",{\"state\":[1],\"cellStyle\":[1025,\"cell-style\"],\"type\":[1],\"label\":[1],\"detail\":[1],\"badgeIcon\":[1,\"badge-icon\"],\"badgeIconLeading\":[1,\"badge-icon-leading\"],\"badgeIconTrailing\":[1,\"badge-icon-trailing\"],\"badgeColor\":[1,\"badge-color\"],\"badgeLabel\":[1,\"badge-label\"],\"badgeType\":[1,\"badge-type\"],\"fileType\":[1,\"file-type\"],\"fileStyle\":[1,\"file-style\"],\"showActionButtons\":[4,\"show-action-buttons\"],\"showViewButton\":[4,\"show-view-button\"],\"showDownloadButton\":[4,\"show-download-button\"],\"showCopyButton\":[1028,\"show-copy-button\"],\"buttonText\":[1,\"button-text\"],\"showStandardCopyButton\":[32],\"showTooltip\":[32],\"copied\":[32],\"isDownloaded\":[32],\"width\":[32]}]]],[\"gb-checkbox-group.cjs\",[[1,\"gb-checkbox-group\",{\"size\":[1],\"breakpoint\":[1],\"icon\":[1],\"selected\":[4],\"type\":[1]}]]],[\"gb-top-bar-sidemenu.cjs\",[[1,\"gb-top-bar-sidemenu\",{\"applicationName\":[1,\"application-name\"],\"applicationIcon\":[1,\"application-icon\"],\"activeIndex\":[2,\"active-index\"],\"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\"],\"leadingIconSvg\":[32]}]]],[\"gb-file-upload.cjs\",[[1,\"gb-file-upload\",{\"icon\":[1],\"type\":[1],\"heightSize\":[1,\"height-size\"],\"state\":[1],\"destructive\":[4],\"showLabel\":[4,\"show-label\"],\"progress\":[2],\"fileType\":[16],\"files\":[32],\"fileStates\":[32],\"isDragging\":[32]}]]],[\"gb-horizontal-tabs.cjs\",[[1,\"gb-horizontal-tabs\",{\"type\":[1],\"size\":[1],\"fullWidth\":[4,\"full-width\"],\"badge\":[4],\"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\"],\"internalActiveIndex\":[32]},null,{\"activeIndex\":[\"setActiveIndex\"]}]]],[\"gb-avatar-group.cjs\",[[1,\"gb-avatar-group\",{\"size\":[1],\"moreUsers\":[4,\"more-users\"],\"addMoreButton\":[4,\"add-more-button\"],\"text\":[4],\"state\":[1],\"images\":[16]}]]],[\"gb-action-panel.cjs\",[[1,\"gb-action-panel\",{\"type\":[1],\"showCloseButton\":[4,\"show-close-button\"],\"showSelectedRows\":[4,\"show-selected-rows\"],\"showCheckbox\":[4,\"show-checkbox\"],\"firstButton\":[4,\"first-button\"],\"firstButtonIconLeading\":[1,\"first-button-icon-leading\"],\"firstButtonIconTrailing\":[1,\"first-button-icon-trailing\"],\"secondButton\":[4,\"second-button\"],\"secondButtonIconLeading\":[1,\"second-button-icon-leading\"],\"secondButtonIconTrailing\":[1,\"second-button-icon-trailing\"],\"thirdButton\":[4,\"third-button\"],\"thirdButtonIconLeading\":[1,\"third-button-icon-leading\"],\"thirdButtonIconTrailing\":[1,\"third-button-icon-trailing\"],\"showSubmitButton\":[4,\"show-submit-button\"],\"firstButtonText\":[1,\"first-button-text\"],\"secondButtonText\":[1,\"second-button-text\"],\"thirdButtonText\":[1,\"third-button-text\"],\"firstButtonState\":[1,\"first-button-state\"],\"secondButtonState\":[1,\"second-button-state\"],\"thirdButtonState\":[1,\"third-button-state\"],\"previousButtonState\":[1,\"previous-button-state\"],\"nextButtonState\":[1,\"next-button-state\"],\"showDraftButton\":[4,\"show-draft-button\"],\"submitButtonText\":[1,\"submit-button-text\"],\"showAmount\":[4,\"show-amount\"],\"showFee\":[4,\"show-fee\"],\"amount\":[1],\"fee\":[1],\"checked\":[32],\"internalNextButtonState\":[32]},null,{\"state\":[\"updateButtonState\"]}]]],[\"gb-header.cjs\",[[1,\"gb-header\",{\"state\":[1],\"showIndicator\":[4,\"show-indicator\"],\"text\":[4],\"placeholder\":[4],\"color\":[1],\"showBorder\":[4,\"show-border\"],\"showNotification\":[4,\"show-notification\"],\"showHelp\":[4,\"show-help\"],\"showLogo\":[4,\"show-logo\"],\"onNavBarItemClicked\":[64]}]]],[\"gb-avatar-profile-photo.cjs\",[[1,\"gb-avatar-profile-photo\",{\"placeholder\":[4],\"text\":[4],\"size\":[1],\"verified\":[4],\"icon\":[1]}]]],[\"gb-help-dropdown.cjs\",[[1,\"gb-help-dropdown\",{\"showLogError\":[4,\"show-log-error\"],\"onHelpItemClicked\":[64]}]]],[\"gb-stepper-horizontal-line-with-text.cjs\",[[1,\"gb-stepper-horizontal-line-with-text\",{\"size\":[1],\"breakpoint\":[1],\"showContent\":[4,\"show-content\"],\"showSupportingText\":[1028,\"show-supporting-text\"],\"steps\":[16],\"internalSteps\":[32],\"width\":[32],\"internalState\":[32],\"internalStatus\":[32]},null,{\"steps\":[\"onStepsChanged\"]}]]],[\"gb-stepper-vertical-icons-with-text.cjs\",[[1,\"gb-stepper-vertical-icons-with-text\",{\"size\":[1],\"connector\":[4],\"type\":[1],\"steps\":[16],\"internalSteps\":[32],\"internalState\":[32],\"internalStatus\":[32]},null,{\"steps\":[\"onStepsChanged\"]}]]],[\"gb-toast.cjs\",[[1,\"gb-toast\",{\"color\":[1025],\"mainText\":[1,\"main-text\"],\"supportingText\":[1,\"supporting-text\"],\"size\":[1],\"breakpoint\":[1],\"icon\":[1],\"xCloseButton\":[4,\"x-close-button\"],\"actions\":[4],\"showSupportingText\":[4,\"show-supporting-text\"],\"internalColor\":[32]},null,{\"color\":[\"onColorChange\"]}]]],[\"gb-comment.cjs\",[[1,\"gb-comment\",{\"heading\":[1],\"state\":[1025],\"noCommentText\":[1,\"no-comment-text\"],\"noCommentTextSub\":[1,\"no-comment-text-sub\"],\"comments\":[16]}]]],[\"gb-notification-pane.cjs\",[[1,\"gb-notification-pane\",{\"state\":[1],\"notifications\":[1040],\"icon\":[1],\"label\":[1],\"time\":[1],\"supportingText\":[1,\"supporting-text\"]}]]],[\"gb-slider.cjs\",[[1,\"gb-slider\",{\"min\":[2],\"max\":[2],\"thumbType\":[1,\"thumb-type\"],\"leftControl\":[2,\"left-control\"],\"rightControl\":[2,\"right-control\"],\"label\":[1],\"unit\":[1],\"unitPosition\":[1,\"unit-position\"],\"leftValue\":[32],\"rightValue\":[32]}]]],[\"gb-top-bar.cjs\",[[1,\"gb-top-bar\",{\"category\":[1],\"firstTabIcon\":[1,\"first-tab-icon\"],\"secondTabIcon\":[1,\"second-tab-icon\"],\"thirdTabIcon\":[1,\"third-tab-icon\"],\"fourthTabIcon\":[1,\"fourth-tab-icon\"],\"fifthTabIcon\":[1,\"fifth-tab-icon\"],\"sixthTabIcon\":[1,\"sixth-tab-icon\"],\"seventhTabIcon\":[1,\"seventh-tab-icon\"],\"firstTabLabel\":[1,\"first-tab-label\"],\"secondTabLabel\":[1,\"second-tab-label\"],\"thirdTabLabel\":[1,\"third-tab-label\"],\"fourthTabLabel\":[1,\"fourth-tab-label\"],\"fifthTabLabel\":[1,\"fifth-tab-label\"],\"sixthTabLabel\":[1,\"sixth-tab-label\"],\"seventhTabLabel\":[1,\"seventh-tab-label\"],\"firstTabIconOnly\":[4,\"first-tab-icon-only\"],\"secondTabIconOnly\":[4,\"second-tab-icon-only\"],\"thirdTabIconOnly\":[4,\"third-tab-icon-only\"],\"fourthTabIconOnly\":[4,\"fourth-tab-icon-only\"],\"fifthTabIconOnly\":[4,\"fifth-tab-icon-only\"],\"sixthTabIconOnly\":[4,\"sixth-tab-icon-only\"],\"seventhTabIconOnly\":[4,\"seventh-tab-icon-only\"],\"activeIndex\":[1026,\"active-index\"]}]]],[\"gb-breadcrumbs.cjs\",[[1,\"gb-breadcrumbs\",{\"type\":[1],\"divider\":[1],\"breadcrumbs\":[16],\"icon\":[1],\"visibleBreadcrumbs\":[32]}]]],[\"gb-empty-state.cjs\",[[1,\"gb-empty-state\",{\"size\":[1],\"icon\":[1],\"message\":[1],\"description\":[1],\"cta\":[4],\"width\":[32]}]]],[\"gb-quick-action-card.cjs\",[[1,\"gb-quick-action-card\",{\"color\":[1],\"icon\":[1],\"label\":[1]}]]],[\"gb-quick-action-icon.cjs\",[[1,\"gb-quick-action-icon\",{\"icon\":[1],\"label\":[1],\"isHovered\":[32]}]]],[\"gb-toggle.cjs\",[[1,\"gb-toggle\",{\"size\":[1],\"state\":[1],\"text\":[4],\"supportingText\":[4,\"supporting-text\"],\"pressed\":[4]}]]],[\"gb-token-field-compact.cjs\",[[1,\"gb-token-field-compact\",{\"size\":[1],\"digits\":[2],\"showLabel\":[4,\"show-label\"],\"label\":[1],\"showSupportingText\":[4,\"show-supporting-text\"],\"supportingText\":[1,\"supporting-text\"]}]]],[\"gb-token-field-compressed.cjs\",[[1,\"gb-token-field-compressed\",{\"size\":[1],\"digits\":[2],\"showLabel\":[4,\"show-label\"],\"label\":[1],\"showHintText\":[4,\"show-hint-text\"],\"hintText\":[1,\"hint-text\"]}]]],[\"gb-wysiwyg-tooltip.cjs\",[[1,\"gb-wysiwyg-tooltip\",{\"arrow\":[1],\"breakpoint\":[1]}]]],[\"gb-carousel-arrow.cjs\",[[0,\"gb-carousel-arrow\",{\"size\":[1],\"chevron\":[1]}]]],[\"gb-pagination-dot-group.cjs\",[[1,\"gb-pagination-dot-group\",{\"size\":[1],\"type\":[1],\"color\":[1],\"framed\":[4]}]]],[\"gb-pagination-dot-indicator.cjs\",[[0,\"gb-pagination-dot-indicator\",{\"current\":[4],\"type\":[1],\"size\":[1]}]]],[\"gb-progress-circle.cjs\",[[1,\"gb-progress-circle\",{\"size\":[1],\"shape\":[1],\"label\":[4],\"progress\":[2]},null,{\"progress\":[\"handleProgressChange\"]}]]],[\"gb-scrollbar.cjs\",[[1,\"gb-scrollbar\",{\"length\":[1]}]]],[\"gb-table-cell.cjs\",[[1,\"gb-table-cell\",{\"type\":[1]}]]],[\"gb-checkbox-group-item.cjs\",[[1,\"gb-checkbox-group-item\",{\"size\":[1],\"type\":[1],\"state\":[1],\"breakpoint\":[1],\"showCost\":[4,\"show-cost\"],\"selected\":[1028]}]]],[\"gb-vertical-tabs.cjs\",[[1,\"gb-vertical-tabs\",{\"size\":[1],\"type\":[1],\"firstTabName\":[1,\"first-tab-name\"],\"secondTabName\":[1,\"second-tab-name\"],\"thirdTabName\":[1,\"third-tab-name\"],\"fourthTabName\":[1,\"fourth-tab-name\"],\"fifthTabName\":[1,\"fifth-tab-name\"],\"sixthTabName\":[1,\"sixth-tab-name\"],\"seventhTabName\":[1,\"seventh-tab-name\"],\"eighthTabName\":[1,\"eighth-tab-name\"],\"ninthTabName\":[1,\"ninth-tab-name\"],\"tenthTabName\":[1,\"tenth-tab-name\"],\"eleventhTabName\":[1,\"eleventh-tab-name\"],\"twelfthTabName\":[1,\"twelfth-tab-name\"],\"thirteenthTabName\":[1,\"thirteenth-tab-name\"],\"fourteenthTabName\":[1,\"fourteenth-tab-name\"],\"fifteenthTabName\":[1,\"fifteenth-tab-name\"],\"sixteenthTabName\":[1,\"sixteenth-tab-name\"],\"seventeenthTabName\":[1,\"seventeenth-tab-name\"],\"eighteenthTabName\":[1,\"eighteenth-tab-name\"],\"nineteenthTabName\":[1,\"nineteenth-tab-name\"],\"twentiethTabName\":[1,\"twentieth-tab-name\"],\"activeIndex\":[1026,\"active-index\"]}]]],[\"gb-file-upload-item-base.cjs\",[[1,\"gb-file-upload-item-base\",{\"icon\":[1],\"label\":[1],\"showLabel\":[4,\"show-label\"],\"state\":[1],\"heightSize\":[1,\"height-size\"],\"fileType\":[1,\"file-type\"],\"progress\":[2],\"fileSize\":[2,\"file-size\"],\"fileName\":[1,\"file-name\"],\"internalState\":[32],\"internalProgress\":[32]},null,{\"state\":[\"onStateChange\"],\"progress\":[\"onProgressChange\"]}]]],[\"gb-avatar-add-button.cjs\",[[1,\"gb-avatar-add-button\",{\"size\":[1],\"showToolTip\":[1028,\"show-tool-tip\"],\"state\":[1],\"el\":[16]}]]],[\"gb-slider-control-handle.cjs\",[[1,\"gb-slider-control-handle\",{\"value\":[1],\"type\":[1],\"isHovered\":[32],\"isFocused\":[32]}]]],[\"gb-top-bar-item.cjs\",[[1,\"gb-top-bar-item\",{\"state\":[1],\"iconOnly\":[4,\"icon-only\"],\"category\":[1],\"label\":[1],\"icon\":[1],\"leadingIconSvg\":[32],\"showTooltip\":[32]}]]],[\"gb-breadcrumb-button-base.cjs\",[[1,\"gb-breadcrumb-button-base\",{\"current\":[4],\"type\":[1],\"icon\":[4],\"label\":[1],\"iconSrc\":[1,\"icon-src\"],\"leadingIconSvg\":[32]}]]],[\"gb-comment-item.cjs\",[[1,\"gb-comment-item\",{\"name\":[1],\"duty\":[1],\"comment\":[1],\"timeStamp\":[1,\"time-stamp\"],\"connector\":[4]}]]],[\"gb-header-icon.cjs\",[[1,\"gb-header-icon\",{\"state\":[1],\"showIndicator\":[4,\"show-indicator\"],\"icon\":[1]}]]],[\"gb-notification-content.cjs\",[[1,\"gb-notification-content\",{\"icon\":[1],\"label\":[1],\"time\":[1],\"supportingText\":[1,\"supporting-text\"]}]]],[\"gb-toast-button.cjs\",[[1,\"gb-toast-button\",{\"state\":[1],\"color\":[1]}]]],[\"gb-toggle-base.cjs\",[[1,\"gb-toggle-base\",{\"size\":[1],\"state\":[1],\"pressed\":[1028]}]]],[\"gb-wysiwyg-editor-icon.cjs\",[[1,\"gb-wysiwyg-editor-icon\",{\"active\":[4],\"type\":[1],\"state\":[1]}]]],[\"gb-export-dropdown-item_3.cjs\",[[1,\"gb-export-sub-dropdown\",{\"showEntireData\":[4,\"show-entire-data\"]}],[1,\"gb-export-dropdown-item\",{\"icon\":[4],\"state\":[1],\"type\":[1]}],[1,\"gb-export-sub-dropdown-item\",{\"icon\":[1],\"state\":[1],\"leadingIconSvg\":[32]}]]],[\"gb-export-dropdown_2.cjs\",[[1,\"gb-filter-button\",{\"state\":[1],\"iconOnly\":[4,\"icon-only\"]}],[1,\"gb-export-dropdown\",{\"state\":[1],\"showEntireData\":[4,\"show-entire-data\"],\"showFirstSubDropdown\":[32],\"showSecondSubDropdown\":[32]}]]],[\"gb-avatar-label-group_2.cjs\",[[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-theme-tab\",{\"theme\":[1025],\"currentActiveTab\":[1025,\"current-active-tab\"]}]]],[\"gb-dropdown-items-with-shortcut.cjs\",[[1,\"gb-dropdown-items-with-shortcut\",{\"icon\":[4],\"iconSrc\":[1,\"icon-src\"],\"checkbox\":[4],\"shortcut\":[4],\"shortcutIcon\":[1,\"shortcut-icon\"],\"label\":[1],\"state\":[1],\"destructive\":[4],\"leadingIconSvg\":[32]}]]],[\"gb-icon-button-base.cjs\",[[1,\"gb-icon-button-base\",{\"current\":[4],\"icon\":[1],\"label\":[1],\"leadingIconSvg\":[32],\"showTooltip\":[32]}]]],[\"gb-card-icon.cjs\",[[1,\"gb-card-icon\",{\"color\":[1],\"icon\":[1],\"leadingIconSvg\":[32]}]]],[\"gb-mega-input-field-base.cjs\",[[1,\"gb-mega-input-field-base\",{\"size\":[1],\"state\":[1],\"inputValue\":[32]}]]],[\"gb-input-dropdown_3.cjs\",[[1,\"gb-input-dropdown\",{\"type\":[1],\"state\":[1025],\"size\":[1],\"showLabel\":[4,\"show-label\"],\"label\":[1],\"placeholder\":[1],\"showHintText\":[4,\"show-hint-text\"],\"hintText\":[1,\"hint-text\"],\"showHelpIcon\":[4,\"show-help-icon\"],\"showLeadingIcon\":[4,\"show-leading-icon\"],\"iconSwap\":[1,\"icon-swap\"],\"text\":[4],\"leadingIcon\":[1,\"leading-icon\"],\"icon\":[1],\"items\":[1040],\"value\":[1040],\"supportingText\":[4,\"supporting-text\"],\"color\":[1],\"showBorder\":[4,\"show-border\"],\"menuPosition\":[1,\"menu-position\"],\"showSearchInput\":[4,\"show-search-input\"],\"inputValue\":[1,\"input-value\"],\"destructive\":[1028],\"errorText\":[1,\"error-text\"],\"loading\":[1028],\"leadingIconSvg\":[32],\"dropdownOpen\":[32],\"selectedItem\":[32],\"selectedItems\":[32],\"unselectedItems\":[32],\"searchItem\":[32],\"searchResults\":[32],\"internalItems\":[32],\"showCloseButton\":[32],\"internalLoading\":[32],\"clearSelection\":[64]},[[4,\"click\",\"handleClickOutside\"]],{\"items\":[\"updateResultsAndShowInDropdown\"],\"loading\":[\"onLoadingChanged\"],\"destructive\":[\"watchDestructive\"]}],[1,\"gb-pagination-button-group-base\",{\"icon\":[1],\"state\":[1],\"iconSrc\":[1,\"icon-src\"],\"leadingIconSvg\":[32]}],[1,\"gb-pagination-number-base\",{\"shape\":[1],\"state\":[1]}]]],[\"gb-badge_2.cjs\",[[1,\"gb-badge\",{\"size\":[1],\"icon\":[1],\"iconLeadingSwap\":[1,\"icon-leading-swap\"],\"iconTrailingSwap\":[1,\"icon-trailing-swap\"],\"flagSwap\":[1,\"flag-swap\"],\"color\":[1],\"type\":[1],\"closeButton\":[4,\"close-button\"],\"leadingIconContent\":[32],\"trailingIconContent\":[32]}],[1,\"gb-badge-close\",{\"color\":[1],\"type\":[1]}]]],[\"gb-tab-button-base.cjs\",[[1,\"gb-tab-button-base\",{\"current\":[4],\"size\":[1],\"fullWidth\":[4,\"full-width\"],\"badge\":[4],\"type\":[1],\"tabName\":[1,\"tab-name\"],\"alignment\":[1]}]]],[\"gb-collapse-button_4.cjs\",[[1,\"gb-simple-side-bar-item\",{\"state\":[1],\"type\":[1],\"label\":[1],\"icon\":[1],\"category\":[1],\"showArrow\":[4,\"show-arrow\"],\"showBadge\":[4,\"show-badge\"],\"showTooltip\":[1028,\"show-tooltip\"],\"leadingIconSvg\":[32]}],[1,\"gb-collapse-button\",{\"color\":[1],\"isCollapsed\":[1028,\"is-collapsed\"],\"action\":[1025],\"isHovered\":[1028,\"is-hovered\"],\"collapseSidebar\":[64],\"expandSidebar\":[64]}],[1,\"gb-complex-primary-side-bar-item\",{\"category\":[1],\"itemStyle\":[1,\"item-style\"],\"state\":[1],\"icon\":[1],\"label\":[1],\"showTooltip\":[1028,\"show-tooltip\"],\"leadingIconSvg\":[32]}],[1,\"gb-complex-secondary-side-bar-item\",{\"state\":[1],\"type\":[1],\"category\":[1],\"label\":[1],\"icon\":[1],\"showTooltip\":[1028,\"show-tooltip\"],\"leadingIconSvg\":[32]}]]],[\"gb-button-close.cjs\",[[1,\"gb-button-close\",{\"size\":[1],\"color\":[1]}]]],[\"gb-file-type-icon_2.cjs\",[[1,\"gb-progress-bar\",{\"progress\":[2],\"showLabel\":[4,\"show-label\"],\"labelPosition\":[1,\"label-position\"]}],[1,\"gb-file-type-icon\",{\"fileStyle\":[1,\"file-style\"],\"fileType\":[1,\"file-type\"]}]]]]"), options);
+  return index.bootstrapLazy(JSON.parse("[[\"gb-avatar_24.cjs\",[[1,\"gb-avatar-dropdown\",{\"type\":[1],\"text\":[4],\"showProfile\":[4,\"show-profile\"],\"showThemeTab\":[4,\"show-theme-tab\"],\"showRoles\":[4,\"show-roles\"],\"roles\":[16],\"showLogOut\":[4,\"show-log-out\"],\"listGroupOne\":[4,\"list-group-one\"],\"listGroupTwo\":[4,\"list-group-two\"],\"listGroupThree\":[4,\"list-group-three\"],\"color\":[1],\"showBorder\":[4,\"show-border\"],\"currentTheme\":[1,\"current-theme\"]}],[1,\"gb-token-field-compact\",{\"size\":[1],\"digits\":[2],\"showLabel\":[4,\"show-label\"],\"label\":[1],\"showSupportingText\":[4,\"show-supporting-text\"],\"supportingText\":[1,\"supporting-text\"]}],[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-theme-tab\",{\"theme\":[1025],\"currentActiveTab\":[1025,\"current-active-tab\"]}],[1,\"gb-dropdown-items-with-shortcut\",{\"icon\":[4],\"iconSrc\":[1,\"icon-src\"],\"checkbox\":[4],\"shortcut\":[4],\"shortcutIcon\":[1,\"shortcut-icon\"],\"label\":[1],\"state\":[1],\"destructive\":[4],\"leadingIconSvg\":[32]}],[1,\"gb-icon-button-base\",{\"current\":[4],\"icon\":[1],\"label\":[1],\"leadingIconSvg\":[32],\"showTooltip\":[32]}],[65,\"gb-input-field\",{\"size\":[1],\"type\":[1],\"inputType\":[1,\"input-type\"],\"minLength\":[2,\"min-length\"],\"maxLength\":[2,\"max-length\"],\"destructive\":[1028],\"state\":[1],\"showLabel\":[4,\"show-label\"],\"label\":[1],\"showHintText\":[4,\"show-hint-text\"],\"hintText\":[1,\"hint-text\"],\"errorText\":[1,\"error-text\"],\"showPlaceholder\":[4,\"show-placeholder\"],\"placeholder\":[1],\"showHelpIcon\":[4,\"show-help-icon\"],\"showValidation\":[4,\"show-validation\"],\"showCountryIcon\":[4,\"show-country-icon\"],\"iconSwap\":[1,\"icon-swap\"],\"showCloseButton\":[1028,\"show-close-button\"],\"options\":[1040],\"idOfInput\":[513,\"id-of-input\"],\"labelText\":[513,\"label-text\"],\"isReadOnly\":[516,\"is-read-only\"],\"results\":[1040],\"menuPosition\":[1,\"menu-position\"],\"icon\":[1],\"value\":[1032],\"required\":[516],\"loading\":[1028],\"inputValue\":[32],\"tags\":[32],\"leadingIconSvg\":[32],\"isPasswordVisible\":[32],\"showDropdown\":[32],\"selectedItem\":[32],\"selectedItems\":[32],\"unselectedItems\":[32],\"paddingLeft\":[32],\"paddingTop\":[32],\"dropdownOpen\":[32],\"show\":[32],\"showSpinner\":[32],\"internalLoading\":[32]},[[4,\"click\",\"handleClickOutside\"]],{\"options\":[\"optionsChanged\"],\"loading\":[\"onLoadingChanged\"],\"value\":[\"updateSelectedItems\"]}],[1,\"gb-password-button\",{\"state\":[1],\"isPasswordVisible\":[32]}],[1,\"gb-help-tooltip\",{\"showArrow\":[4,\"show-arrow\"],\"showSupportingText\":[4,\"show-supporting-text\"],\"showHelpTooltip\":[32]}],[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],\"color\":[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-badge\",{\"size\":[1],\"icon\":[1],\"iconLeadingSwap\":[1,\"icon-leading-swap\"],\"iconTrailingSwap\":[1,\"icon-trailing-swap\"],\"flagSwap\":[1,\"flag-swap\"],\"color\":[1],\"type\":[1],\"closeButton\":[4,\"close-button\"],\"leadingIconContent\":[32],\"trailingIconContent\":[32]}],[1,\"gb-badge-close\",{\"color\":[1],\"type\":[1]}],[1,\"gb-checkbox\",{\"checked\":[4],\"indeterminate\":[4],\"size\":[1],\"type\":[1],\"state\":[1],\"text\":[4],\"supportingText\":[4,\"supporting-text\"]}],[1,\"gb-button\",{\"size\":[1],\"hierarchy\":[1],\"icon\":[1],\"destructive\":[4],\"state\":[1],\"iconLeading\":[4,\"icon-leading\"],\"iconLeadingSwap\":[1,\"icon-leading-swap\"],\"iconTrailing\":[4,\"icon-trailing\"],\"iconTrailingSwap\":[1,\"icon-trailing-swap\"],\"leadingIconSvg\":[32],\"trailingIconSvg\":[32],\"internalButtonState\":[32]},null,{\"state\":[\"updateButtonState\"]}],[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\"],\"noWrap\":[4,\"no-wrap\"]}],[1,\"gb-avatar\",{\"size\":[1],\"placeholder\":[4],\"text\":[4],\"statusIcon\":[1,\"status-icon\"],\"state\":[1],\"icon\":[1],\"color\":[1],\"showBorder\":[4,\"show-border\"],\"weight\":[1],\"assignedColorClass\":[32]}],[1,\"gb-avatar-contrast-inner-border\",{\"weight\":[1],\"size\":[1],\"showBorder\":[4,\"show-border\"]}],[1,\"gb-status-indicator\",{\"statusIcon\":[1,\"status-icon\"],\"size\":[1],\"state\":[1],\"indicatorStateClass\":[1,\"indicator-state-class\"]}]]],[\"gb-table-header.cjs\",[[1,\"gb-table-header\",{\"showFilter\":[4,\"show-filter\"],\"showColumnOptions\":[4,\"show-column-options\"],\"tableHeading\":[4,\"table-heading\"],\"showSearch\":[4,\"show-search\"],\"showExport\":[4,\"show-export\"],\"showRefreshButton\":[4,\"show-refresh-button\"],\"tableHeadingLabel\":[1,\"table-heading-label\"],\"showLayoutToggle\":[4,\"show-layout-toggle\"],\"filterState\":[1,\"filter-state\"],\"filterCount\":[2,\"filter-count\"],\"showEntireData\":[4,\"show-entire-data\"],\"items\":[32],\"width\":[32],\"buttonIcon\":[32],\"showExportDropdown\":[32]}]]],[\"gb-pagination.cjs\",[[1,\"gb-pagination\",{\"type\":[1],\"shape\":[1],\"breakpoint\":[1025],\"currentPage\":[1026,\"current-page\"],\"totalPages\":[1026,\"total-pages\"],\"entries\":[1040],\"selectedPageSize\":[32],\"defaultSelected\":[32],\"pages\":[32],\"width\":[32],\"internalTotalPages\":[32]},null,{\"totalPages\":[\"onTotalPagesChange\"]}]]],[\"gb-sidebar.cjs\",[[1,\"gb-sidebar\",{\"state\":[1025],\"category\":[1],\"navItemStyle\":[1,\"nav-item-style\"],\"type\":[1],\"showSecondCategory\":[4,\"show-second-category\"],\"iconInstance\":[1,\"icon-instance\"],\"firstItemIcon\":[1,\"first-item-icon\"],\"secondItemIcon\":[1,\"second-item-icon\"],\"thirdItemIcon\":[1,\"third-item-icon\"],\"fourthItemIcon\":[1,\"fourth-item-icon\"],\"fifthItemIcon\":[1,\"fifth-item-icon\"],\"sixthItemIcon\":[1,\"sixth-item-icon\"],\"seventhItemIcon\":[1,\"seventh-item-icon\"],\"eighthItemIcon\":[1,\"eighth-item-icon\"],\"ninthItemIcon\":[1,\"ninth-item-icon\"],\"tenthItemIcon\":[1,\"tenth-item-icon\"],\"firstItemLabel\":[1,\"first-item-label\"],\"secondItemLabel\":[1,\"second-item-label\"],\"thirdItemLabel\":[1,\"third-item-label\"],\"fourthItemLabel\":[1,\"fourth-item-label\"],\"fifthItemLabel\":[1,\"fifth-item-label\"],\"sixthItemLabel\":[1,\"sixth-item-label\"],\"seventhItemLabel\":[1,\"seventh-item-label\"],\"eighthItemLabel\":[1,\"eighth-item-label\"],\"ninthItemLabel\":[1,\"ninth-item-label\"],\"tenthItemLabel\":[1,\"tenth-item-label\"],\"complexSidebarData\":[8,\"complex-sidebar-data\"],\"activeIndex\":[1026,\"active-index\"],\"activePrimaryItem\":[1025,\"active-primary-item\"],\"activeSecondaryItem\":[1025,\"active-secondary-item\"],\"leadingIconSvg\":[32],\"sideBarItemClicked\":[64]}]]],[\"gb-textarea-input-field.cjs\",[[1,\"gb-textarea-input-field\",{\"type\":[1],\"state\":[1025],\"destructive\":[4],\"placeholderText\":[1,\"placeholder-text\"],\"showLabel\":[4,\"show-label\"],\"label\":[1],\"showHintText\":[4,\"show-hint-text\"],\"hintText\":[1,\"hint-text\"],\"idOfInput\":[513,\"id-of-input\"],\"isReadOnly\":[516,\"is-read-only\"],\"value\":[1032],\"icon\":[1],\"results\":[1040],\"content\":[32],\"inputValue\":[32],\"selectedStaff\":[32],\"paddingLeft\":[32],\"paddingTop\":[32],\"show\":[32],\"staffInfo\":[32],\"selectedItems\":[32],\"unselectedItems\":[32]},[[4,\"click\",\"handleClickOutside\"]],{\"value\":[\"updateSelectedItems\"]}]]],[\"test-input-tag.cjs\",[[0,\"test-input-tag\",{\"idOfInput\":[513,\"id-of-input\"],\"type\":[513],\"labelText\":[513,\"label-text\"],\"isReadOnly\":[516,\"is-read-only\"],\"placeholderText\":[513,\"placeholder-text\"],\"show\":[32],\"showSpinner\":[32],\"staffInfo\":[32],\"selectedStaff\":[32],\"paddingLeft\":[32],\"paddingTop\":[32],\"inputValue\":[32],\"dropdownOpen\":[32]}]]],[\"gb-detail-cell.cjs\",[[1,\"gb-detail-cell\",{\"state\":[1],\"cellStyle\":[1025,\"cell-style\"],\"type\":[1],\"label\":[1],\"detail\":[1],\"badgeIcon\":[1,\"badge-icon\"],\"badgeIconLeading\":[1,\"badge-icon-leading\"],\"badgeIconTrailing\":[1,\"badge-icon-trailing\"],\"badgeColor\":[1,\"badge-color\"],\"badgeLabel\":[1,\"badge-label\"],\"badgeType\":[1,\"badge-type\"],\"fileType\":[1,\"file-type\"],\"fileStyle\":[1,\"file-style\"],\"showActionButtons\":[4,\"show-action-buttons\"],\"showViewButton\":[4,\"show-view-button\"],\"showDownloadButton\":[4,\"show-download-button\"],\"showCopyButton\":[1028,\"show-copy-button\"],\"buttonText\":[1,\"button-text\"],\"showStandardCopyButton\":[32],\"showTooltip\":[32],\"copied\":[32],\"isDownloaded\":[32],\"width\":[32]}]]],[\"gb-checkbox-group.cjs\",[[1,\"gb-checkbox-group\",{\"size\":[1],\"breakpoint\":[1],\"icon\":[1],\"selected\":[4],\"type\":[1]}]]],[\"gb-top-bar-sidemenu.cjs\",[[1,\"gb-top-bar-sidemenu\",{\"applicationName\":[1,\"application-name\"],\"applicationIcon\":[1,\"application-icon\"],\"activeIndex\":[2,\"active-index\"],\"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\"],\"leadingIconSvg\":[32]}]]],[\"gb-file-upload.cjs\",[[1,\"gb-file-upload\",{\"icon\":[1],\"type\":[1],\"heightSize\":[1,\"height-size\"],\"state\":[1],\"destructive\":[4],\"showLabel\":[4,\"show-label\"],\"progress\":[2],\"fileType\":[16],\"files\":[32],\"fileStates\":[32],\"isDragging\":[32]}]]],[\"gb-horizontal-tabs.cjs\",[[1,\"gb-horizontal-tabs\",{\"type\":[1],\"size\":[1],\"fullWidth\":[4,\"full-width\"],\"badge\":[4],\"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\"],\"internalActiveIndex\":[32]},null,{\"activeIndex\":[\"setActiveIndex\"]}]]],[\"gb-avatar-group.cjs\",[[1,\"gb-avatar-group\",{\"size\":[1],\"moreUsers\":[4,\"more-users\"],\"addMoreButton\":[4,\"add-more-button\"],\"text\":[4],\"state\":[1],\"images\":[16]}]]],[\"gb-action-panel.cjs\",[[1,\"gb-action-panel\",{\"type\":[1],\"showCloseButton\":[4,\"show-close-button\"],\"showSelectedRows\":[4,\"show-selected-rows\"],\"showCheckbox\":[4,\"show-checkbox\"],\"firstButton\":[4,\"first-button\"],\"firstButtonIconLeading\":[1,\"first-button-icon-leading\"],\"firstButtonIconTrailing\":[1,\"first-button-icon-trailing\"],\"secondButton\":[4,\"second-button\"],\"secondButtonIconLeading\":[1,\"second-button-icon-leading\"],\"secondButtonIconTrailing\":[1,\"second-button-icon-trailing\"],\"thirdButton\":[4,\"third-button\"],\"thirdButtonIconLeading\":[1,\"third-button-icon-leading\"],\"thirdButtonIconTrailing\":[1,\"third-button-icon-trailing\"],\"showSubmitButton\":[4,\"show-submit-button\"],\"firstButtonText\":[1,\"first-button-text\"],\"secondButtonText\":[1,\"second-button-text\"],\"thirdButtonText\":[1,\"third-button-text\"],\"firstButtonState\":[1,\"first-button-state\"],\"secondButtonState\":[1,\"second-button-state\"],\"thirdButtonState\":[1,\"third-button-state\"],\"previousButtonState\":[1,\"previous-button-state\"],\"nextButtonState\":[1,\"next-button-state\"],\"showDraftButton\":[4,\"show-draft-button\"],\"submitButtonText\":[1,\"submit-button-text\"],\"showAmount\":[4,\"show-amount\"],\"showFee\":[4,\"show-fee\"],\"amount\":[1],\"fee\":[1],\"checked\":[32],\"internalNextButtonState\":[32]},null,{\"state\":[\"updateButtonState\"]}]]],[\"gb-header.cjs\",[[1,\"gb-header\",{\"state\":[1],\"showIndicator\":[4,\"show-indicator\"],\"text\":[4],\"placeholder\":[4],\"color\":[1],\"showBorder\":[4,\"show-border\"],\"showNotification\":[4,\"show-notification\"],\"showHelp\":[4,\"show-help\"],\"showLogo\":[4,\"show-logo\"],\"onNavBarItemClicked\":[64]}]]],[\"gb-avatar-profile-photo.cjs\",[[1,\"gb-avatar-profile-photo\",{\"placeholder\":[4],\"text\":[4],\"size\":[1],\"verified\":[4],\"icon\":[1]}]]],[\"gb-help-dropdown.cjs\",[[1,\"gb-help-dropdown\",{\"showLogError\":[4,\"show-log-error\"],\"onHelpItemClicked\":[64]}]]],[\"gb-stepper-horizontal-icons-centered.cjs\",[[1,\"gb-stepper-horizontal-icons-centered\",{\"size\":[1],\"steps\":[16],\"type\":[1],\"breakpoint\":[1]}]]],[\"gb-stepper-horizontal-line-with-text.cjs\",[[1,\"gb-stepper-horizontal-line-with-text\",{\"size\":[1],\"breakpoint\":[1],\"showContent\":[4,\"show-content\"],\"showSupportingText\":[1028,\"show-supporting-text\"],\"steps\":[16],\"internalSteps\":[32],\"width\":[32],\"internalState\":[32],\"internalStatus\":[32]},null,{\"steps\":[\"onStepsChanged\"]}]]],[\"gb-stepper-vertical-icons-with-text.cjs\",[[1,\"gb-stepper-vertical-icons-with-text\",{\"size\":[1],\"connector\":[4],\"type\":[1],\"steps\":[16],\"internalSteps\":[32],\"internalState\":[32],\"internalStatus\":[32]},null,{\"steps\":[\"onStepsChanged\"]}]]],[\"gb-toast.cjs\",[[1,\"gb-toast\",{\"color\":[1025],\"mainText\":[1,\"main-text\"],\"supportingText\":[1,\"supporting-text\"],\"size\":[1],\"breakpoint\":[1],\"icon\":[1],\"xCloseButton\":[4,\"x-close-button\"],\"actions\":[4],\"showSupportingText\":[4,\"show-supporting-text\"],\"internalColor\":[32]},null,{\"color\":[\"onColorChange\"]}]]],[\"gb-comment.cjs\",[[1,\"gb-comment\",{\"heading\":[1],\"state\":[1025],\"noCommentText\":[1,\"no-comment-text\"],\"noCommentTextSub\":[1,\"no-comment-text-sub\"],\"comments\":[16]}]]],[\"gb-notification-pane.cjs\",[[1,\"gb-notification-pane\",{\"state\":[1],\"notifications\":[1040],\"icon\":[1],\"label\":[1],\"time\":[1],\"supportingText\":[1,\"supporting-text\"]}]]],[\"gb-slider.cjs\",[[1,\"gb-slider\",{\"min\":[2],\"max\":[2],\"thumbType\":[1,\"thumb-type\"],\"leftControl\":[2,\"left-control\"],\"rightControl\":[2,\"right-control\"],\"label\":[1],\"unit\":[1],\"unitPosition\":[1,\"unit-position\"],\"leftValue\":[32],\"rightValue\":[32]}]]],[\"gb-top-bar.cjs\",[[1,\"gb-top-bar\",{\"category\":[1],\"firstTabIcon\":[1,\"first-tab-icon\"],\"secondTabIcon\":[1,\"second-tab-icon\"],\"thirdTabIcon\":[1,\"third-tab-icon\"],\"fourthTabIcon\":[1,\"fourth-tab-icon\"],\"fifthTabIcon\":[1,\"fifth-tab-icon\"],\"sixthTabIcon\":[1,\"sixth-tab-icon\"],\"seventhTabIcon\":[1,\"seventh-tab-icon\"],\"firstTabLabel\":[1,\"first-tab-label\"],\"secondTabLabel\":[1,\"second-tab-label\"],\"thirdTabLabel\":[1,\"third-tab-label\"],\"fourthTabLabel\":[1,\"fourth-tab-label\"],\"fifthTabLabel\":[1,\"fifth-tab-label\"],\"sixthTabLabel\":[1,\"sixth-tab-label\"],\"seventhTabLabel\":[1,\"seventh-tab-label\"],\"firstTabIconOnly\":[4,\"first-tab-icon-only\"],\"secondTabIconOnly\":[4,\"second-tab-icon-only\"],\"thirdTabIconOnly\":[4,\"third-tab-icon-only\"],\"fourthTabIconOnly\":[4,\"fourth-tab-icon-only\"],\"fifthTabIconOnly\":[4,\"fifth-tab-icon-only\"],\"sixthTabIconOnly\":[4,\"sixth-tab-icon-only\"],\"seventhTabIconOnly\":[4,\"seventh-tab-icon-only\"],\"activeIndex\":[1026,\"active-index\"]}]]],[\"gb-breadcrumbs.cjs\",[[1,\"gb-breadcrumbs\",{\"type\":[1],\"divider\":[1],\"breadcrumbs\":[16],\"icon\":[1],\"visibleBreadcrumbs\":[32]}]]],[\"gb-empty-state.cjs\",[[1,\"gb-empty-state\",{\"size\":[1],\"icon\":[1],\"message\":[1],\"description\":[1],\"cta\":[4],\"width\":[32]}]]],[\"gb-quick-action-card.cjs\",[[1,\"gb-quick-action-card\",{\"color\":[1],\"icon\":[1],\"label\":[1]}]]],[\"gb-quick-action-icon.cjs\",[[1,\"gb-quick-action-icon\",{\"icon\":[1],\"label\":[1],\"isHovered\":[32]}]]],[\"gb-stepper-horizontal-minimal-icons.cjs\",[[1,\"gb-stepper-horizontal-minimal-icons\",{\"size\":[1],\"text\":[4],\"steps\":[16]}]]],[\"gb-toggle.cjs\",[[1,\"gb-toggle\",{\"size\":[1],\"state\":[1],\"text\":[4],\"supportingText\":[4,\"supporting-text\"],\"pressed\":[4]}]]],[\"gb-token-field-compressed.cjs\",[[1,\"gb-token-field-compressed\",{\"size\":[1],\"digits\":[2],\"showLabel\":[4,\"show-label\"],\"label\":[1],\"showHintText\":[4,\"show-hint-text\"],\"hintText\":[1,\"hint-text\"]}]]],[\"gb-wysiwyg-tooltip.cjs\",[[1,\"gb-wysiwyg-tooltip\",{\"arrow\":[1],\"breakpoint\":[1]}]]],[\"gb-carousel-arrow.cjs\",[[0,\"gb-carousel-arrow\",{\"size\":[1],\"chevron\":[1]}]]],[\"gb-pagination-dot-group.cjs\",[[1,\"gb-pagination-dot-group\",{\"size\":[1],\"type\":[1],\"color\":[1],\"framed\":[4]}]]],[\"gb-pagination-dot-indicator.cjs\",[[0,\"gb-pagination-dot-indicator\",{\"current\":[4],\"type\":[1],\"size\":[1]}]]],[\"gb-progress-circle.cjs\",[[1,\"gb-progress-circle\",{\"size\":[1],\"shape\":[1],\"label\":[4],\"progress\":[2]},null,{\"progress\":[\"handleProgressChange\"]}]]],[\"gb-scrollbar.cjs\",[[1,\"gb-scrollbar\",{\"length\":[1]}]]],[\"gb-stepper-horizontal-icons-connected.cjs\",[[1,\"gb-stepper-horizontal-icons-connected\",{\"size\":[1],\"steps\":[16]}]]],[\"gb-table-cell.cjs\",[[1,\"gb-table-cell\",{\"type\":[1]}]]],[\"gb-checkbox-group-item.cjs\",[[1,\"gb-checkbox-group-item\",{\"size\":[1],\"type\":[1],\"state\":[1],\"breakpoint\":[1],\"showCost\":[4,\"show-cost\"],\"selected\":[1028]}]]],[\"gb-vertical-tabs.cjs\",[[1,\"gb-vertical-tabs\",{\"size\":[1],\"type\":[1],\"firstTabName\":[1,\"first-tab-name\"],\"secondTabName\":[1,\"second-tab-name\"],\"thirdTabName\":[1,\"third-tab-name\"],\"fourthTabName\":[1,\"fourth-tab-name\"],\"fifthTabName\":[1,\"fifth-tab-name\"],\"sixthTabName\":[1,\"sixth-tab-name\"],\"seventhTabName\":[1,\"seventh-tab-name\"],\"eighthTabName\":[1,\"eighth-tab-name\"],\"ninthTabName\":[1,\"ninth-tab-name\"],\"tenthTabName\":[1,\"tenth-tab-name\"],\"eleventhTabName\":[1,\"eleventh-tab-name\"],\"twelfthTabName\":[1,\"twelfth-tab-name\"],\"thirteenthTabName\":[1,\"thirteenth-tab-name\"],\"fourteenthTabName\":[1,\"fourteenth-tab-name\"],\"fifteenthTabName\":[1,\"fifteenth-tab-name\"],\"sixteenthTabName\":[1,\"sixteenth-tab-name\"],\"seventeenthTabName\":[1,\"seventeenth-tab-name\"],\"eighteenthTabName\":[1,\"eighteenth-tab-name\"],\"nineteenthTabName\":[1,\"nineteenth-tab-name\"],\"twentiethTabName\":[1,\"twentieth-tab-name\"],\"activeIndex\":[1026,\"active-index\"]}]]],[\"gb-file-upload-item-base.cjs\",[[1,\"gb-file-upload-item-base\",{\"icon\":[1],\"label\":[1],\"showLabel\":[4,\"show-label\"],\"state\":[1],\"heightSize\":[1,\"height-size\"],\"fileType\":[1,\"file-type\"],\"progress\":[2],\"fileSize\":[2,\"file-size\"],\"fileName\":[1,\"file-name\"],\"internalState\":[32],\"internalProgress\":[32]},null,{\"state\":[\"onStateChange\"],\"progress\":[\"onProgressChange\"]}]]],[\"gb-avatar-add-button.cjs\",[[1,\"gb-avatar-add-button\",{\"size\":[1],\"showToolTip\":[1028,\"show-tool-tip\"],\"state\":[1],\"el\":[16]}]]],[\"gb-slider-control-handle.cjs\",[[1,\"gb-slider-control-handle\",{\"value\":[1],\"type\":[1],\"isHovered\":[32],\"isFocused\":[32]}]]],[\"gb-top-bar-item.cjs\",[[1,\"gb-top-bar-item\",{\"state\":[1],\"iconOnly\":[4,\"icon-only\"],\"category\":[1],\"label\":[1],\"icon\":[1],\"leadingIconSvg\":[32],\"showTooltip\":[32]}]]],[\"gb-breadcrumb-button-base.cjs\",[[1,\"gb-breadcrumb-button-base\",{\"current\":[4],\"type\":[1],\"icon\":[4],\"label\":[1],\"iconSrc\":[1,\"icon-src\"],\"leadingIconSvg\":[32]}]]],[\"gb-comment-item.cjs\",[[1,\"gb-comment-item\",{\"name\":[1],\"duty\":[1],\"comment\":[1],\"timeStamp\":[1,\"time-stamp\"],\"connector\":[4]}]]],[\"gb-header-icon.cjs\",[[1,\"gb-header-icon\",{\"state\":[1],\"showIndicator\":[4,\"show-indicator\"],\"icon\":[1]}]]],[\"gb-mega-input-field-base.cjs\",[[1,\"gb-mega-input-field-base\",{\"size\":[1],\"state\":[1],\"inputValue\":[32]}]]],[\"gb-notification-content.cjs\",[[1,\"gb-notification-content\",{\"icon\":[1],\"label\":[1],\"time\":[1],\"supportingText\":[1,\"supporting-text\"]}]]],[\"gb-toast-button.cjs\",[[1,\"gb-toast-button\",{\"state\":[1],\"color\":[1]}]]],[\"gb-toggle-base.cjs\",[[1,\"gb-toggle-base\",{\"size\":[1],\"state\":[1],\"pressed\":[1028]}]]],[\"gb-wysiwyg-editor-icon.cjs\",[[1,\"gb-wysiwyg-editor-icon\",{\"active\":[4],\"type\":[1],\"state\":[1]}]]],[\"gb-button-group-base.cjs\",[[1,\"gb-button-group-base\",{\"current\":[4],\"icon\":[1],\"state\":[1],\"label\":[1],\"iconSrc\":[1,\"icon-src\"],\"leadingIconSvg\":[32]}]]],[\"gb-card-icon.cjs\",[[1,\"gb-card-icon\",{\"size\":[1],\"color\":[1],\"icon\":[1],\"leadingIconSvg\":[32]}]]],[\"gb-input-dropdown_3.cjs\",[[1,\"gb-input-dropdown\",{\"type\":[1],\"state\":[1025],\"size\":[1],\"showLabel\":[4,\"show-label\"],\"label\":[1],\"placeholder\":[1],\"showHintText\":[4,\"show-hint-text\"],\"hintText\":[1,\"hint-text\"],\"showHelpIcon\":[4,\"show-help-icon\"],\"showLeadingIcon\":[4,\"show-leading-icon\"],\"iconSwap\":[1,\"icon-swap\"],\"text\":[4],\"leadingIcon\":[1,\"leading-icon\"],\"icon\":[1],\"items\":[1040],\"value\":[1040],\"supportingText\":[4,\"supporting-text\"],\"color\":[1],\"showBorder\":[4,\"show-border\"],\"menuPosition\":[1,\"menu-position\"],\"showSearchInput\":[4,\"show-search-input\"],\"inputValue\":[1,\"input-value\"],\"destructive\":[1028],\"errorText\":[1,\"error-text\"],\"loading\":[1028],\"leadingIconSvg\":[32],\"dropdownOpen\":[32],\"selectedItem\":[32],\"selectedItems\":[32],\"unselectedItems\":[32],\"searchItem\":[32],\"searchResults\":[32],\"internalItems\":[32],\"showCloseButton\":[32],\"internalLoading\":[32],\"clearSelection\":[64]},[[4,\"click\",\"handleClickOutside\"]],{\"items\":[\"updateResultsAndShowInDropdown\"],\"loading\":[\"onLoadingChanged\"],\"destructive\":[\"watchDestructive\"]}],[1,\"gb-pagination-button-group-base\",{\"icon\":[1],\"state\":[1],\"iconSrc\":[1,\"icon-src\"],\"leadingIconSvg\":[32]}],[1,\"gb-pagination-number-base\",{\"shape\":[1],\"state\":[1]}]]],[\"gb-button-group_3.cjs\",[[1,\"gb-filter-button\",{\"state\":[1],\"iconOnly\":[4,\"icon-only\"]}],[65,\"gb-button-group\",{\"items\":[16],\"icon\":[1],\"internalItems\":[32],\"selectedValue\":[32]},null,{\"items\":[\"onItemsUpdated\"]}],[1,\"gb-export-dropdown\",{\"state\":[1],\"showEntireData\":[4,\"show-entire-data\"],\"showFirstSubDropdown\":[32],\"showSecondSubDropdown\":[32]}]]],[\"gb-tab-button-base.cjs\",[[1,\"gb-tab-button-base\",{\"current\":[4],\"size\":[1],\"fullWidth\":[4,\"full-width\"],\"badge\":[4],\"type\":[1],\"tabName\":[1,\"tab-name\"],\"alignment\":[1]}]]],[\"gb-collapse-button_4.cjs\",[[1,\"gb-simple-side-bar-item\",{\"state\":[1],\"type\":[1],\"label\":[1],\"icon\":[1],\"category\":[1],\"showArrow\":[4,\"show-arrow\"],\"showBadge\":[4,\"show-badge\"],\"showTooltip\":[1028,\"show-tooltip\"],\"leadingIconSvg\":[32]}],[1,\"gb-collapse-button\",{\"color\":[1],\"isCollapsed\":[1028,\"is-collapsed\"],\"action\":[1025],\"isHovered\":[1028,\"is-hovered\"],\"collapseSidebar\":[64],\"expandSidebar\":[64]}],[1,\"gb-complex-primary-side-bar-item\",{\"category\":[1],\"itemStyle\":[1,\"item-style\"],\"state\":[1],\"icon\":[1],\"label\":[1],\"showTooltip\":[1028,\"show-tooltip\"],\"leadingIconSvg\":[32]}],[1,\"gb-complex-secondary-side-bar-item\",{\"state\":[1],\"type\":[1],\"category\":[1],\"label\":[1],\"icon\":[1],\"showTooltip\":[1028,\"show-tooltip\"],\"leadingIconSvg\":[32]}]]],[\"gb-button-close.cjs\",[[1,\"gb-button-close\",{\"size\":[1],\"color\":[1]}]]],[\"gb-file-type-icon_2.cjs\",[[1,\"gb-progress-bar\",{\"progress\":[2],\"showLabel\":[4,\"show-label\"],\"labelPosition\":[1,\"label-position\"]}],[1,\"gb-file-type-icon\",{\"fileStyle\":[1,\"file-style\"],\"fileType\":[1,\"file-type\"]}]]],[\"gb-export-dropdown-item_3.cjs\",[[1,\"gb-export-sub-dropdown\",{\"showEntireData\":[4,\"show-entire-data\"]}],[1,\"gb-export-dropdown-item\",{\"icon\":[4],\"state\":[1],\"type\":[1]}],[1,\"gb-export-sub-dropdown-item\",{\"icon\":[1],\"state\":[1],\"leadingIconSvg\":[32]}]]],[\"gb-featured-icon_3.cjs\",[[1,\"gb-step-base\",{\"status\":[1],\"size\":[1],\"type\":[1],\"state\":[1],\"connector\":[4],\"showContent\":[4,\"show-content\"],\"showSupportingText\":[4,\"show-supporting-text\"],\"label\":[1],\"supportingText\":[1,\"supporting-text\"],\"breakpoint\":[1],\"internalState\":[32],\"internalStatus\":[32]},null,{\"status\":[\"onStatusChange\"],\"state\":[\"onStateChange\"]}],[1,\"gb-featured-icon\",{\"size\":[1],\"destructive\":[4],\"icon\":[1],\"leadingIconSvg\":[32]}],[1,\"gb-step-icon-base\",{\"size\":[1],\"status\":[1],\"state\":[1],\"internalState\":[32],\"internalStatus\":[32]},null,{\"status\":[\"onStatusChange\"],\"state\":[\"onStateChange\"]}]]]]"), options);
 };
 exports.setNonce = index.setNonce;

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

@@ -78,7 +78,7 @@ const TestInputTag = class {
         this.exportValue.emit(this.selectedStaff);
     }
     render() {
-        return (index.h("div", { key: 'ceaec443d0640eb12ce7bd5175943165fa0b809a', class: "input_group", ref: el => (this.inputGroupElement = el) }, index.h("label", { key: '04add43a98e5f50d826b7d78d144d6461856aa21', htmlFor: this.idOfInput }, this.labelText), index.h("div", { key: 'c4dfec2718b087d867c1f778e8ad66d41f41ebaf', class: "input_like_parent", onClick: () => (this.dropdownOpen = !this.dropdownOpen) }, index.h("input", { key: '149084e81bbf8b772975bd4cd1712ff07a07045b', id: this.idOfInput, class: "input_like", type: "text", placeholder: this.placeholderText, value: this.inputValue, readOnly: this.isReadOnly, ref: el => (this.inputElement = el), onBlur: () => this.exportSelectedStaff() }), index.h("div", { key: '32e7be70807bd93efe1aba4c4bcf6721f6ade8db', class: `results_display ${this.selectedStaff.length >= 1 ? 'show_results' : ''}`, ref: el => (this.resultsDisplayElement = el) }, this.selectedStaff.map((staff, index$1) => (
+        return (index.h("div", { key: '9b67e79025f8c36f552dfe09bc6f92d2075d981c', class: "input_group", ref: el => (this.inputGroupElement = el) }, index.h("label", { key: '00929610e676801b9ea18542fb4ff90a837f4725', htmlFor: this.idOfInput }, this.labelText), index.h("div", { key: '89f3e3af361eedd761436492315c800cf2ca28fe', class: "input_like_parent", onClick: () => (this.dropdownOpen = !this.dropdownOpen) }, index.h("input", { key: 'a919bb6bce07fc95f688e607deaf8520e81fea05', id: this.idOfInput, class: "input_like", type: "text", placeholder: this.placeholderText, value: this.inputValue, readOnly: this.isReadOnly, ref: el => (this.inputElement = el), onBlur: () => this.exportSelectedStaff() }), index.h("div", { key: '02ec37075d891237cde2627d17845d4ae2de30f8', class: `results_display ${this.selectedStaff.length >= 1 ? 'show_results' : ''}`, ref: el => (this.resultsDisplayElement = el) }, this.selectedStaff.map((staff, index$1) => (
         //   <span>
         //     {staff.fullname}
         //     <img
@@ -87,7 +87,7 @@ const TestInputTag = class {
         //       onClick={() => this.removeStaff(index)}
         //     />
         //   </span>
-        index.h("gb-tag", { size: "sm", action: "X_close", icon: "avatar", onClick: () => this.removeStaff(index$1) }, index.h("h1", { slot: "initials" }, staff.fullname.split(' ').map(part => part.charAt(0).toUpperCase())), index.h("p", null, staff.fullname.split(' ')[0])))))), this.show && (index.h("div", { key: 'ef4a274a13b62eb0fe078a5a88ea5562289c02cb', class: `dropdown_menu ${this.show ? 'show' : ''}` }, this.staffInfo.map(staff => (
+        index.h("gb-tag", { size: "sm", action: "X_close", icon: "avatar", onClick: () => this.removeStaff(index$1) }, index.h("h1", { slot: "initials" }, staff.fullname.split(' ').map(part => part.charAt(0).toUpperCase())), index.h("p", null, staff.fullname.split(' ')[0])))))), this.show && (index.h("div", { key: '4278f864c28f3acb171d408cf9bbec36e9087d2d', class: `dropdown_menu ${this.show ? 'show' : ''}` }, this.staffInfo.map(staff => (
         //   <li class="aList" onClick={() => this.selectStaff(staff)}>
         //     <div>{staff.fullname}</div>
         //     <div>{staff.email}</div>

package/dist/collection/assets/payment-success-01.svg ADDED Viewed

@@ -0,0 +1,4 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path opacity="0.4" fill-rule="evenodd" clip-rule="evenodd" d="M9.1665 2.91675H10.8332C14.3687 2.91675 16.1365 2.91675 17.2348 3.89306C18.3332 4.86937 18.3332 6.44072 18.3332 9.58341C18.3332 12.7261 18.3332 14.2975 17.2348 15.2738C16.1365 16.2501 14.3687 16.2501 10.8332 16.2501H9.1665C5.63097 16.2501 3.8632 16.2501 2.76485 15.2738C1.6665 14.2975 1.6665 12.7261 1.6665 9.58341C1.6665 6.44072 1.6665 4.86937 2.76485 3.89306C3.8632 2.91675 5.63097 2.91675 9.1665 2.91675ZM9.99984 11.6667C11.1504 11.6667 12.0832 10.734 12.0832 9.58341C12.0832 8.43282 11.1504 7.50008 9.99984 7.50008C8.84924 7.50008 7.9165 8.43282 7.9165 9.58341C7.9165 10.734 8.84924 11.6667 9.99984 11.6667Z" fill="#042F59"/>
+<path d="M11.6665 14.6667C11.2522 14.6667 10.9165 15.0025 10.9165 15.4167C10.9165 15.831 11.2522 16.1667 11.6665 16.1667V14.6667ZM13.3331 17.0834L12.6623 17.4188C12.7832 17.6606 13.0248 17.8186 13.2948 17.8324C13.5647 17.8463 13.8212 17.7137 13.9662 17.4856L13.3331 17.0834ZM18.5835 12.7904C18.974 12.6521 19.1784 12.2235 19.0401 11.833C18.9018 11.4426 18.4732 11.2382 18.0827 11.3764L18.5835 12.7904ZM4.58317 10.3334C4.99738 10.3334 5.33317 9.99763 5.33317 9.58342C5.33317 9.1692 4.99738 8.83342 4.58317 8.83342V10.3334ZM4.57569 8.83342C4.16147 8.83342 3.82569 9.1692 3.82569 9.58342C3.82569 9.99763 4.16147 10.3334 4.57569 10.3334V8.83342ZM3.00605 15.4244L2.54122 16.0129L2.54122 16.0129L3.00605 15.4244ZM2.54384 14.9893L3.10366 14.4902H3.10366L2.54384 14.9893ZM16.9936 3.74247L16.5288 4.33106L16.5288 4.33106L16.9936 3.74247ZM17.4558 4.1775L18.0157 3.6784L17.4558 4.1775ZM3.00605 3.74247L2.54122 3.15389L2.54122 3.15389L3.00605 3.74247ZM2.54384 4.1775L3.10366 4.6766H3.10366L2.54384 4.1775ZM9.1665 17.0001C9.58072 17.0001 9.9165 16.6643 9.9165 16.2501C9.9165 15.8359 9.58072 15.5001 9.1665 15.5001V17.0001ZM18.3323 8.75008H19.0823L19.0823 8.74766L18.3323 8.75008ZM17.5823 9.16675C17.5823 9.58096 17.9181 9.91675 18.3323 9.91675C18.7465 9.91675 19.0823 9.58096 19.0823 9.16675H17.5823ZM11.6665 15.4167C11.6665 16.1667 11.6657 16.1667 11.665 16.1667C11.6648 16.1667 11.664 16.1667 11.6636 16.1667C11.6626 16.1667 11.6617 16.1667 11.6607 16.1667C11.6589 16.1667 11.657 16.1667 11.6553 16.1667C11.6517 16.1666 11.6483 16.1665 11.6451 16.1664C11.6386 16.1662 11.6329 16.1659 11.6277 16.1656C11.6175 16.1649 11.6099 16.1641 11.6048 16.1634C11.5945 16.1621 11.5945 16.1613 11.6037 16.1639C11.6209 16.1689 11.6802 16.1884 11.7713 16.2491C11.952 16.3696 12.2901 16.6745 12.6623 17.4188L13.3331 17.0834L14.0039 16.748C13.5428 15.8257 13.0476 15.2972 12.6033 15.001C12.3819 14.8534 12.1807 14.7688 12.0157 14.7216C11.9338 14.6982 11.8622 14.6845 11.803 14.6766C11.7735 14.6726 11.7472 14.6702 11.7243 14.6687C11.7129 14.668 11.7023 14.6675 11.6927 14.6672C11.6878 14.667 11.6832 14.6669 11.6789 14.6668C11.6767 14.6668 11.6746 14.6668 11.6725 14.6668C11.6715 14.6668 11.6704 14.6668 11.6694 14.6668C11.6689 14.6668 11.6682 14.6668 11.6679 14.6667C11.6672 14.6667 11.6665 14.6667 11.6665 15.4167ZM13.3331 17.0834C13.9662 17.4856 13.9661 17.4857 13.9661 17.4857C13.9661 17.4857 13.9661 17.4858 13.9661 17.4858C13.9661 17.4858 13.9661 17.4857 13.9662 17.4856C13.9663 17.4854 13.9666 17.4849 13.9671 17.4841C13.9681 17.4826 13.9696 17.4802 13.9718 17.4768C13.9762 17.4699 13.9831 17.4593 13.9923 17.4451C14.0108 17.4166 14.0388 17.3738 14.0757 17.3185C14.1493 17.2079 14.2581 17.0475 14.3962 16.8519C14.673 16.4598 15.065 15.9298 15.5267 15.3764C15.9898 14.8212 16.5138 14.2536 17.0537 13.7801C17.6014 13.2998 18.1245 12.953 18.5835 12.7904L18.3331 12.0834L18.0827 11.3764C17.3653 11.6305 16.6751 12.1171 16.0647 12.6524C15.4466 13.1945 14.8676 13.8248 14.3749 14.4155C13.8807 15.0079 13.4638 15.5717 13.1708 15.9868C13.024 16.1948 12.9075 16.3665 12.8273 16.487C12.7871 16.5472 12.756 16.5948 12.7345 16.6278C12.7238 16.6443 12.7155 16.6571 12.7098 16.6661C12.7069 16.6706 12.7046 16.6741 12.703 16.6767C12.7022 16.6779 12.7015 16.6789 12.7011 16.6797C12.7008 16.6801 12.7006 16.6804 12.7004 16.6807C12.7004 16.6808 12.7003 16.6809 12.7002 16.681C12.7001 16.6811 12.7001 16.6812 13.3331 17.0834ZM4.58317 9.58342V8.83342H4.57569V9.58342V10.3334H4.58317V9.58342ZM8.74984 2.91675V3.66675H11.2498V2.91675V2.16675H8.74984V2.91675ZM8.74984 16.2501V15.5001C7.16616 15.5001 6.04149 15.499 5.17966 15.4016C4.33161 15.3058 3.83762 15.1254 3.47088 14.8358L3.00605 15.4244L2.54122 16.0129C3.22004 16.549 4.03187 16.7815 5.01129 16.8921C5.97693 17.0012 7.20137 17.0001 8.74984 17.0001V16.2501ZM1.6665 9.58342H0.916504C0.916504 11.0375 0.915078 12.1993 1.0322 13.1177C1.15196 14.0568 1.40558 14.8396 1.98402 15.4884L2.54384 14.9893L3.10366 14.4902C2.80476 14.155 2.61972 13.7088 2.52015 12.9279C2.41793 12.1264 2.4165 11.0772 2.4165 9.58342H1.6665ZM3.00605 15.4244L3.47088 14.8358C3.33749 14.7304 3.21467 14.6147 3.10366 14.4902L2.54384 14.9893L1.98402 15.4884C2.15365 15.6787 2.34015 15.8541 2.54122 16.0129L3.00605 15.4244ZM11.2498 2.91675V3.66675C12.8335 3.66675 13.9582 3.66787 14.82 3.76522C15.6681 3.86102 16.1621 4.04143 16.5288 4.33106L16.9936 3.74247L17.4585 3.15389C16.7796 2.6178 15.9678 2.38534 14.9884 2.2747C14.0227 2.16562 12.7983 2.16675 11.2498 2.16675V2.91675ZM16.9936 3.74247L16.5288 4.33106C16.6622 4.4364 16.785 4.55208 16.896 4.6766L17.4558 4.1775L18.0157 3.6784C17.846 3.48813 17.6595 3.31268 17.4585 3.15389L16.9936 3.74247ZM8.74984 2.91675V2.16675C7.20137 2.16675 5.97693 2.16562 5.01129 2.2747C4.03187 2.38534 3.22004 2.6178 2.54122 3.15389L3.00605 3.74247L3.47088 4.33106C3.83762 4.04143 4.33161 3.86102 5.17966 3.76522C6.04149 3.66787 7.16616 3.66675 8.74984 3.66675V2.91675ZM1.6665 9.58342H2.4165C2.4165 8.08964 2.41793 7.04044 2.52015 6.23889C2.61972 5.45808 2.80476 5.01185 3.10366 4.6766L2.54384 4.1775L1.98402 3.6784C1.40558 4.3272 1.15196 5.10998 1.0322 6.04914C0.915078 6.96756 0.916504 8.12929 0.916504 9.58342H1.6665ZM3.00605 3.74247L2.54122 3.15389C2.34015 3.31268 2.15365 3.48813 1.98402 3.6784L2.54384 4.1775L3.10366 4.6766C3.21467 4.55208 3.33749 4.4364 3.47088 4.33106L3.00605 3.74247ZM9.1665 16.2501V15.5001H8.74984V16.2501V17.0001H9.1665V16.2501ZM18.3323 8.75008L19.0823 8.74766C19.0785 7.55506 19.0582 6.575 18.9278 5.77497C18.7941 4.95489 18.536 4.26201 18.0157 3.6784L17.4558 4.1775L16.896 4.6766C17.1662 4.9796 17.3424 5.37218 17.4474 6.01631C17.5556 6.6805 17.5784 7.54342 17.5823 8.7525L18.3323 8.75008ZM18.3323 8.75008H17.5823V9.16675H18.3323H19.0823V8.75008H18.3323ZM12.0832 9.58342H11.3332C11.3332 10.3198 10.7362 10.9167 9.99984 10.9167V11.6667V12.4167C11.5646 12.4167 12.8332 11.1482 12.8332 9.58342H12.0832ZM9.99984 11.6667V10.9167C9.26346 10.9167 8.6665 10.3198 8.6665 9.58342H7.9165H7.1665C7.1665 11.1482 8.43503 12.4167 9.99984 12.4167V11.6667ZM7.9165 9.58342H8.6665C8.6665 8.84704 9.26346 8.25008 9.99984 8.25008V7.50008V6.75008C8.43503 6.75008 7.1665 8.01861 7.1665 9.58342H7.9165ZM9.99984 7.50008V8.25008C10.7362 8.25008 11.3332 8.84704 11.3332 9.58342H12.0832H12.8332C12.8332 8.01861 11.5646 6.75008 9.99984 6.75008V7.50008Z" fill="#042F59"/>
+</svg>

package/dist/collection/assets/user-square.svg ADDED Viewed

@@ -0,0 +1,3 @@
+<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M3.31603 8.08566C3.0872 8.32534 3.09599 8.70513 3.33566 8.93397C3.57534 9.1628 3.95513 9.15401 4.18397 8.91434L3.31603 8.08566ZM7.8088 8.90662C8.03337 9.15029 8.41296 9.16577 8.65662 8.9412C8.90029 8.71663 8.91577 8.33704 8.6912 8.09338L7.8088 8.90662ZM6 10.75V10.15C4.86345 10.15 4.0714 10.1487 3.47393 10.0684C2.89372 9.99039 2.58763 9.84786 2.36989 9.63011L1.94562 10.0544L1.52136 10.4786C1.99923 10.9565 2.60075 11.1618 3.31403 11.2577C4.01005 11.3513 4.89738 11.35 6 11.35V10.75ZM1.25 6H0.65C0.65 7.10262 0.648726 7.98995 0.742303 8.68597C0.838201 9.39925 1.04349 10.0008 1.52136 10.4786L1.94562 10.0544L2.36989 9.63011C2.15214 9.41236 2.00961 9.10628 1.9316 8.52607C1.85127 7.9286 1.85 7.13655 1.85 6H1.25ZM10.75 6H10.15C10.15 7.13655 10.1487 7.9286 10.0684 8.52607C9.99039 9.10628 9.84786 9.41236 9.63011 9.63011L10.0544 10.0544L10.4786 10.4786C10.9565 10.0008 11.1618 9.39925 11.2577 8.68597C11.3513 7.98995 11.35 7.10262 11.35 6H10.75ZM6 10.75V11.35C7.10262 11.35 7.98995 11.3513 8.68597 11.2577C9.39925 11.1618 10.0008 10.9565 10.4786 10.4786L10.0544 10.0544L9.63011 9.63011C9.41236 9.84786 9.10628 9.99039 8.52607 10.0684C7.9286 10.1487 7.13655 10.15 6 10.15V10.75ZM6 1.25V1.85C7.13655 1.85 7.9286 1.85127 8.52607 1.9316C9.10628 2.00961 9.41236 2.15214 9.63011 2.36989L10.0544 1.94562L10.4786 1.52136C10.0008 1.04349 9.39925 0.838201 8.68597 0.742303C7.98995 0.648726 7.10262 0.65 6 0.65V1.25ZM10.75 6H11.35C11.35 4.89738 11.3513 4.01005 11.2577 3.31403C11.1618 2.60075 10.9565 1.99923 10.4786 1.52136L10.0544 1.94562L9.63011 2.36989C9.84786 2.58763 9.99039 2.89372 10.0684 3.47393C10.1487 4.0714 10.15 4.86345 10.15 6H10.75ZM6 1.25V0.65C4.89738 0.65 4.01005 0.648726 3.31403 0.742303C2.60075 0.838201 1.99923 1.04349 1.52136 1.52136L1.94562 1.94562L2.36989 2.36989C2.58763 2.15214 2.89372 2.00961 3.47393 1.9316C4.0714 1.85127 4.86345 1.85 6 1.85V1.25ZM1.25 6H1.85C1.85 4.86345 1.85127 4.0714 1.9316 3.47393C2.00961 2.89372 2.15214 2.58763 2.36989 2.36989L1.94562 1.94562L1.52136 1.52136C1.04349 1.99923 0.838201 2.60075 0.742303 3.31403C0.648726 4.01005 0.65 4.89738 0.65 6H1.25ZM7.24755 4.75H6.64755C6.64755 5.10818 6.35654 5.4 5.99577 5.4V6V6.6C7.01767 6.6 7.84755 5.77253 7.84755 4.75H7.24755ZM5.99577 6V5.4C5.63499 5.4 5.34398 5.10818 5.34398 4.75H4.74398H4.14398C4.14398 5.77253 4.97386 6.6 5.99577 6.6V6ZM4.74398 4.75H5.34398C5.34398 4.39182 5.63499 4.1 5.99577 4.1V3.5V2.9C4.97386 2.9 4.14398 3.72747 4.14398 4.75H4.74398ZM5.99577 3.5V4.1C6.35654 4.1 6.64755 4.39182 6.64755 4.75H7.24755H7.84755C7.84755 3.72747 7.01767 2.9 5.99577 2.9V3.5ZM3.75 8.5L4.18397 8.91434C5.12478 7.92895 6.87892 7.89767 7.8088 8.90662L8.25 8.5L8.6912 8.09338C7.26432 6.54516 4.70692 6.62888 3.31603 8.08566L3.75 8.5Z" fill="#4B5565"/>
+</svg>

package/dist/collection/collection-manifest.json CHANGED Viewed

@@ -71,6 +71,7 @@
     "components/gb-step-base/gb-step-base.js",
     "components/gb-step-icon-base/gb-step-icon-base.js",
     "components/gb-stepper-horizontal-icons-centered/gb-stepper-horizontal-icons-centered.js",
+    "components/gb-stepper-horizontal-icons-connected/gb-stepper-horizontal-icons-connected.js",
     "components/gb-stepper-horizontal-line-with-text/gb-stepper-horizontal-line-with-text.js",
     "components/gb-stepper-horizontal-minimal-icons/gb-stepper-horizontal-minimal-icons.js",
     "components/gb-stepper-vertical-icons-with-text/gb-stepper-vertical-icons-with-text.js",

package/dist/collection/components/gb-action-panel/gb-action-panel.js CHANGED Viewed

@@ -86,13 +86,13 @@ export class GbActionPanel {
         this.saveAsDraft.emit(this.draftButton);
     }
     onSubmitClicked() {
-        this.submitButtonClicked.emit();
+        this.submitButtonClicked.emit(this.submitButton);
     }
     onNextButtonClicked() {
         this.nextButtonClicked.emit();
     }
     render() {
-        return (h("div", { key: 'f1107da7bda08dad6e4a4b7e25e614b9a8c154c7', class: "action_panel_div" }, this.type === 'decision_panel' && (h("div", { key: 'b162ea8a332cca91ee811ae93e338634b3131468', class: "panel_content" }, h("div", { key: 'c2f1584903c8f8c0e54598e577798ac16dc1f566', class: "left_action" }, h("div", { key: '100039a2d80dcdd450f5eeb877a842f86e0f58be', class: "rows_and_close_button" }, this.showCloseButton && h("gb-button-close", { key: '30a9b59afdaf972b00c0e1519be128fa912c6183', size: "md", color: "primary" }), this.showSelectedRows && h("slot", { key: 'b96abd031a62063ac2ef926906b2657121d2c2d1', name: "selected_rows" })), this.showCheckbox && (h("gb-checkbox", { key: '17d6f4084b8990bec35dbbddd96f66879bffc63f', size: "md", state: StateEnum.Default, type: "checkbox", text: true, "supporting-text": false, onCheckboxClicked: this.onCheckboxClicked.bind(this) }, h("slot", { key: '7a5c7e7426488187631463ebac07364ffb006d09', name: "label", slot: "label" }))), this.showAmount && (h("div", { key: 'f9f81148c4aaf6dad25c06790bfb1a5e9dfbc936', class: "amount" }, h("p", { key: '60947b573dfb22c69b0e0d63cd9b28fb4ff5cbc0', class: "amount_heading text-sm-medium" }, "Total amount:"), h("p", { key: 'ca4f62370e099c647fea57eb26037be3b09ab017', class: "amount_text text-lg-semi-bold" }, this.amount))), this.showFee && (h("div", { key: '9cd0f29f9e7936fed06cc3d86f30e851349a2727', class: "amount" }, h("p", { key: '5f7cb0d1a6dea73a29b17f09776d77129ce180cd', class: "amount_heading text-sm-medium" }, "Total fee:"), h("p", { key: 'eff36e97e00e2f4b9b46be0f19e9739e9ca1acff', class: "amount_text text-lg-semi-bold" }, this.fee)))), h("div", { key: '221030febe3ca009bd34753eb452dffaed6fd664', class: `right_action ${this.firstButton && this.secondButton && this.thirdButton && 'three_buttons'}` }, this.firstButton && (h("div", { key: 'a75420f60d81e23252f99893e9aa7c89a4742762', class: "button_divs" }, h("gb-button", { key: '739dfee3e017121f33a6d9500d9c647733688a54', size: "xl", state: this.firstButtonState, hierarchy: "primary", icon: "default", "icon-leading": this.firstButtonIconLeading ? true : false, "icon-trailing": this.firstButtonIconTrailing ? true : false, "icon-leading-swap": this.firstButtonIconLeading, "icon-trailing-swap": this.firstButtonIconTrailing, onClick: () => this.onFirstButtonClicked() }, h("p", { key: '61ca833af6a0bda8df8ece4818ab6b04d62a7537' }, this.firstButtonText)))), this.secondButton && (h("div", { key: '109fc264e6255587a23e5bf825b75d70c11c9bb4', class: "button_divs" }, h("gb-button", { key: '87e2f4ac360d2438cf743a649bd45d39ceb9d190', size: "xl", state: this.secondButtonState, hierarchy: "secondary_color", icon: "default", "icon-leading": this.secondButtonIconLeading ? true : false, "icon-trailing": this.secondButtonIconTrailing ? true : false, "icon-leading-swap": this.secondButtonIconLeading, "icon-trailing-swap": this.secondButtonIconTrailing, onClick: () => this.onSecondButtonClicked() }, h("p", { key: '9feb331c6e48b6007bea3bf7a57979347ad146e8' }, this.secondButtonText)))), this.thirdButton && (h("div", { key: '881d101f9e0dc328c4f293dac20ca48d7deaa599', class: "button_divs" }, h("gb-button", { key: '24a295fde00c1c48598f5b5339a3493d4be101cb', size: "xl", state: this.thirdButtonState, hierarchy: "secondary_gray", icon: "default", "icon-leading": this.thirdButtonIconLeading ? true : false, "icon-trailing": this.thirdButtonIconTrailing ? true : false, "icon-leading-swap": this.thirdButtonIconLeading, "icon-trailing-swap": this.thirdButtonIconTrailing, onClick: () => this.onThirdButtonClicked() }, h("p", { key: '763fc82304d2ca5ff7198e909487d30efdc5577b' }, this.thirdButtonText))))))), this.type === 'form_control' && (h("div", { key: '379f2077731fe93c12ac30c5e5e12596db5f4853', class: "panel_content" }, h("div", { key: 'b214e6beb44d204cc5ba8ef8f9342c80b4126860', class: `actions ${this.showDraftButton ? 'draft_shown' : ''}` }, h("div", { key: 'c308b88b61e16715317966eccd882df5581af303', class: "button_divs" }, h("gb-button", { key: '7ef5d7f2055c53f5bb67821a966375d8847c4fe3', size: "xl", state: this.previousButtonState, hierarchy: "secondary_gray", icon: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '04d854ebaea8d755a1a7cd23c587e632342ce005' }, "Previous"))), h("div", { key: '4c0d32a0b2ab4683006d35ca8292b4432728527d', class: "right" }, this.showDraftButton && (h("div", { key: '6ba838da5db0ea324a220e3189883cb545fb5e70', class: "button_divs" }, h("gb-button", { key: '7132b4a15ab2e5c91bf205cf18baf8af1393dcc5', size: "xl", hierarchy: "secondary_color", icon: "default", ref: el => (this.draftButton = el), onClick: () => this.onSaveAsDraft() }, h("p", { key: '64be66798a121c62b1c28e6420f27a46765eace4' }, "Save as draft")))), this.showSubmitButton ? (h("div", { class: "button_divs" }, h("gb-button", { size: "xl", hierarchy: "primary", icon: "default", onClick: () => this.onSubmitClicked() }, h("p", null, this.submitButtonText)))) : (h("div", { class: "button_divs" }, h("gb-button", { size: "xl", state: this.internalNextButtonState, hierarchy: "primary", icon: "default", "icon-trailing": true, "icon-trailing-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }, h("p", null, "Next"))))))))));
+        return (h("div", { key: 'e038767f92d00b44510be09496d65ed41188ce47', class: "action_panel_div" }, this.type === 'decision_panel' && (h("div", { key: 'b98ec492a628e4a006339171bf33abdbfeb6d5a3', class: "panel_content" }, h("div", { key: '4703cbc831da4cf66b5c59f41585713ea392bc9f', class: "left_action" }, h("div", { key: 'b1436fe02e5c3abf944db79cabbd34e1cd9254db', class: "rows_and_close_button" }, this.showCloseButton && h("gb-button-close", { key: '1e1754a3b370b1b3a8722e5d12cbbdf2a4ad254e', size: "md", color: "primary" }), this.showSelectedRows && h("slot", { key: 'a7e8c86b94389154009c2baeedf3e874b83a779a', name: "selected_rows" })), this.showCheckbox && (h("gb-checkbox", { key: '79d121140d8379abc5835067f49a57ca2e71e721', size: "md", state: StateEnum.Default, type: "checkbox", text: true, "supporting-text": false, onCheckboxClicked: this.onCheckboxClicked.bind(this) }, h("slot", { key: 'b7a7bbb90d607bd499b4d29e7075d2aa04c6fe5c', name: "label", slot: "label" }))), this.showAmount && (h("div", { key: '9002c9e3aee64ca225e3631b3d06a35066767bb8', class: "amount" }, h("p", { key: 'a26f14291f3bda4086ce4ce7dd700e16a8e918ce', class: "amount_heading text-sm-medium" }, "Total amount:"), h("p", { key: 'a34f2fb76bdd3f28611d39299805f922bb36c6c8', class: "amount_text text-lg-semi-bold" }, this.amount))), this.showFee && (h("div", { key: '13a358ff1e4269cc839340aa12156e19fbc3144b', class: "amount" }, h("p", { key: 'b05158df049123e854b9e65ec66708c26d2d6082', class: "amount_heading text-sm-medium" }, "Total fee:"), h("p", { key: '18ac459e588c366078db0f7828b3a79e7476886e', class: "amount_text text-lg-semi-bold" }, this.fee)))), h("div", { key: 'a6c21f69fe029000a52adb6881e088b82fb96f7e', class: `right_action ${this.firstButton && this.secondButton && this.thirdButton && 'three_buttons'}` }, this.firstButton && (h("div", { key: '7b953309e512149f31fbbe62708ebaded30be435', class: "button_divs" }, h("gb-button", { key: '912a4a1a911a468bcbcafe1ac0b4147445f08518', size: "xl", state: this.firstButtonState, hierarchy: "primary", icon: "default", "icon-leading": this.firstButtonIconLeading ? true : false, "icon-trailing": this.firstButtonIconTrailing ? true : false, "icon-leading-swap": this.firstButtonIconLeading, "icon-trailing-swap": this.firstButtonIconTrailing, onClick: () => this.onFirstButtonClicked() }, h("p", { key: '06d9ec258d4653c5a2781ca0cb64c0e754357cd0' }, this.firstButtonText)))), this.secondButton && (h("div", { key: 'a9f81aa5b08c8c945a02456da4769a37cedbf54f', class: "button_divs" }, h("gb-button", { key: '342517fbf60b445bea0e2c6b8b203e581cccf766', size: "xl", state: this.secondButtonState, hierarchy: "secondary_color", icon: "default", "icon-leading": this.secondButtonIconLeading ? true : false, "icon-trailing": this.secondButtonIconTrailing ? true : false, "icon-leading-swap": this.secondButtonIconLeading, "icon-trailing-swap": this.secondButtonIconTrailing, onClick: () => this.onSecondButtonClicked() }, h("p", { key: 'd409a1662997d6116240941fc0101bc01696f830' }, this.secondButtonText)))), this.thirdButton && (h("div", { key: 'becbdd3e37c7eecf1acb7648eb53cddc0ce00de2', class: "button_divs" }, h("gb-button", { key: 'e11f7d1d03ba73f46cde191f1138139176864f10', size: "xl", state: this.thirdButtonState, hierarchy: "secondary_gray", icon: "default", "icon-leading": this.thirdButtonIconLeading ? true : false, "icon-trailing": this.thirdButtonIconTrailing ? true : false, "icon-leading-swap": this.thirdButtonIconLeading, "icon-trailing-swap": this.thirdButtonIconTrailing, onClick: () => this.onThirdButtonClicked() }, h("p", { key: '4e33e71f3be48e54b50cb312efac0485fd49fd99' }, this.thirdButtonText))))))), this.type === 'form_control' && (h("div", { key: '03da873130424f74dedce605bfef11edda0aa5ae', class: "panel_content" }, h("div", { key: '1d0648e3a1fea150edc8bd66a0fc2fb4054b435f', class: `actions ${this.showDraftButton ? 'draft_shown' : ''}` }, h("div", { key: '06f712061f70553f67759998cdfd2f0a386211d4', class: "button_divs" }, h("gb-button", { key: '802d321b54c5128cf944ac8a4f79c2d6cc0aaceb', size: "xl", state: this.previousButtonState, hierarchy: "secondary_gray", icon: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '511c6fb071ec260c262000928819ba2169465d53' }, "Previous"))), h("div", { key: '91322623bd69995914aaad71d0f97c84f136ae70', class: "right" }, this.showDraftButton && (h("div", { key: '741dfddb5b16fd8a8f20428e7b847271b36190a5', class: "button_divs" }, h("gb-button", { key: '1b7377dcb2d81cd94de9b17788cab85a0bb016ca', size: "xl", hierarchy: "secondary_color", icon: "default", ref: el => (this.draftButton = el), onClick: () => this.onSaveAsDraft() }, h("p", { key: 'ac064ed6400deac4e36e1a32915495bb80a026de' }, "Save as draft")))), this.showSubmitButton ? (h("div", { class: "button_divs" }, h("gb-button", { size: "xl", hierarchy: "primary", icon: "default", ref: el => (this.submitButton = el), onClick: () => this.onSubmitClicked() }, h("p", null, this.submitButtonText)))) : (h("div", { class: "button_divs" }, h("gb-button", { size: "xl", state: this.internalNextButtonState, hierarchy: "primary", icon: "default", "icon-trailing": true, "icon-trailing-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }, h("p", null, "Next"))))))))));
     }
     static get is() { return "gb-action-panel"; }
     static get encapsulation() { return "shadow"; }
@@ -792,9 +792,14 @@ export class GbActionPanel {
                     "text": ""
                 },
                 "complexType": {
-                    "original": "void",
-                    "resolved": "void",
-                    "references": {}
+                    "original": "HTMLElement",
+                    "resolved": "HTMLElement",
+                    "references": {
+                        "HTMLElement": {
+                            "location": "global",
+                            "id": "global::HTMLElement"
+                        }
+                    }
                 }
             }, {
                 "method": "nextButtonClicked",

package/dist/collection/components/gb-action-panel/gb-action-panel.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"gb-action-panel.js","sourceRoot":"","sources":["../../../src/components/gb-action-panel/gb-action-panel.tsx"],"names":[],"mappings":"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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Element, Event, EventEmitter, Prop, State, Watch, h } from '@stencil/core';\r\nimport { StateEnum, StateType } from '../../models/reusableModels';\r\n\r\n@Component({\r\n tag: 'gb-action-panel',\r\n styleUrl: 'gb-action-panel.css',\r\n shadow: true,\r\n})\r\nexport class GbActionPanel {\r\n @Prop() type!: 'decision_panel' \| 'form_control';\r\n @Prop() showCloseButton: boolean = false;\r\n @Prop() showSelectedRows: boolean = false;\r\n @Prop() showCheckbox: boolean = false;\r\n @Prop() firstButton: boolean = false;\r\n @Prop() firstButtonIconLeading: string = '';\r\n @Prop() firstButtonIconTrailing: string = '';\r\n @Prop() secondButton: boolean = false;\r\n @Prop() secondButtonIconLeading: string = '';\r\n @Prop() secondButtonIconTrailing: string = '';\r\n @Prop() thirdButton: boolean = false;\r\n @Prop() thirdButtonIconLeading: string = '';\r\n @Prop() thirdButtonIconTrailing: string = '';\r\n @Prop() showSubmitButton: boolean = false;\r\n @Prop() firstButtonText: string = '';\r\n @Prop() secondButtonText: string = '';\r\n @Prop() thirdButtonText: string = '';\r\n @Prop() firstButtonState: StateType;\r\n @Prop() secondButtonState: StateType;\r\n @Prop() thirdButtonState: StateType;\r\n @Prop() previousButtonState: StateType;\r\n @Prop() nextButtonState: StateType;\r\n @Prop() showDraftButton: boolean = false;\r\n @Prop() submitButtonText: string = '';\r\n @Prop() showAmount: boolean = false;\r\n @Prop() showFee: boolean = false;\r\n @Prop() amount: string = '';\r\n @Prop() fee: string = '';\r\n @State() checked: any = false;\r\n @State() internalNextButtonState: StateType;\r\n @Event() firstButtonClicked: EventEmitter<void>;\r\n @Event() secondButtonClicked: EventEmitter<void>;\r\n @Event() thirdButtonClicked: EventEmitter<void>;\r\n @Event() previousButtonClicked: EventEmitter<void>;\r\n @Event() saveAsDraft: EventEmitter<HTMLElement>;\r\n @Event() submitButtonClicked: EventEmitter<void>;\r\n @Event() nextButtonClicked: EventEmitter<void>;\r\n @Event() checkboxClicked: EventEmitter<void>;\r\n @Element() el: HTMLElement;\r\n\r\n draftButton: HTMLElement;\r\n\r\n componentDidLoad() {\r\n const selectedRows = this.el.querySelector('[slot=\"selected_rows\"]');\r\n const label = this.el.querySelector('[slot=\"label\"]');\r\n\r\n if (selectedRows) {\r\n selectedRows.classList.add('text-md-medium');\r\n }\r\n\r\n if (label) {\r\n label.classList.add('text-md-medium');\r\n }\r\n }\r\n\r\n @Watch('state')\r\n updateButtonState(newValue: StateType) {\r\n this.internalNextButtonState = newValue;\r\n }\r\n\r\n componentWillRender() {\r\n this.internalNextButtonState = this.nextButtonState;\r\n }\r\n\r\n onCheckboxClicked(event) {\r\n this.checked = event.detail;\r\n this.checkboxClicked.emit(this.checked);\r\n }\r\n\r\n onFirstButtonClicked() {\r\n if (this.firstButtonState === 'default') {\r\n if (this.showCheckbox) {\r\n this.firstButtonClicked.emit(this.checked);\r\n } else {\r\n this.firstButtonClicked.emit();\r\n }\r\n } else {\r\n return;\r\n }\r\n }\r\n\r\n onSecondButtonClicked() {\r\n if (this.secondButtonState === 'default') {\r\n if (this.showCheckbox) {\r\n this.secondButtonClicked.emit(this.checked);\r\n } else {\r\n this.secondButtonClicked.emit();\r\n }\r\n }\r\n }\r\n\r\n onThirdButtonClicked() {\r\n if (this.thirdButtonState === 'default') {\r\n if (this.showCheckbox) {\r\n this.thirdButtonClicked.emit(this.checked);\r\n } else {\r\n this.thirdButtonClicked.emit();\r\n }\r\n }\r\n }\r\n\r\n onPreviousButtonClicked() {\r\n this.previousButtonClicked.emit();\r\n }\r\n\r\n onSaveAsDraft() {\r\n this.saveAsDraft.emit(this.draftButton);\r\n }\r\n\r\n onSubmitClicked() {\r\n this.submitButtonClicked.emit();\r\n }\r\n\r\n onNextButtonClicked() {\r\n this.nextButtonClicked.emit();\r\n }\r\n\r\n render() {\r\n return (\r\n <div class=\"action_panel_div\">\r\n {this.type === 'decision_panel' && (\r\n <div class=\"panel_content\">\r\n <div class=\"left_action\">\r\n <div class=\"rows_and_close_button\">\r\n {this.showCloseButton && <gb-button-close size=\"md\" color=\"primary\"></gb-button-close>}\r\n {this.showSelectedRows && <slot name=\"selected_rows\"></slot>}\r\n </div>\r\n {this.showCheckbox && (\r\n <gb-checkbox size=\"md\" state={StateEnum.Default} type=\"checkbox\" text={true} supporting-text={false} onCheckboxClicked={this.onCheckboxClicked.bind(this)}>\r\n <slot name=\"label\" slot=\"label\"></slot>\r\n </gb-checkbox>\r\n )}\r\n {this.showAmount && (\r\n <div class=\"amount\">\r\n <p class=\"amount_heading text-sm-medium\">Total amount:</p>\r\n <p class=\"amount_text text-lg-semi-bold\">{this.amount}</p>\r\n </div>\r\n )}\r\n {this.showFee && (\r\n <div class=\"amount\">\r\n <p class=\"amount_heading text-sm-medium\">Total fee:</p>\r\n <p class=\"amount_text text-lg-semi-bold\">{this.fee}</p>\r\n </div>\r\n )}\r\n </div>\r\n <div class={`right_action ${this.firstButton && this.secondButton && this.thirdButton && 'three_buttons'}`}>\r\n {this.firstButton && (\r\n <div class=\"button_divs\">\r\n <gb-button\r\n size=\"xl\"\r\n state={this.firstButtonState}\r\n hierarchy=\"primary\"\r\n icon=\"default\"\r\n icon-leading={this.firstButtonIconLeading ? true : false}\r\n icon-trailing={this.firstButtonIconTrailing ? true : false}\r\n icon-leading-swap={this.firstButtonIconLeading}\r\n icon-trailing-swap={this.firstButtonIconTrailing}\r\n onClick={() => this.onFirstButtonClicked()}\r\n >\r\n <p>{this.firstButtonText}</p>\r\n </gb-button>\r\n </div>\r\n )}\r\n {this.secondButton && (\r\n <div class=\"button_divs\">\r\n <gb-button\r\n size=\"xl\"\r\n state={this.secondButtonState}\r\n hierarchy=\"secondary_color\"\r\n icon=\"default\"\r\n icon-leading={this.secondButtonIconLeading ? true : false}\r\n icon-trailing={this.secondButtonIconTrailing ? true : false}\r\n icon-leading-swap={this.secondButtonIconLeading}\r\n icon-trailing-swap={this.secondButtonIconTrailing}\r\n onClick={() => this.onSecondButtonClicked()}\r\n >\r\n <p>{this.secondButtonText}</p>\r\n </gb-button>\r\n </div>\r\n )}\r\n {this.thirdButton && (\r\n <div class=\"button_divs\">\r\n <gb-button\r\n size=\"xl\"\r\n state={this.thirdButtonState}\r\n hierarchy=\"secondary_gray\"\r\n icon=\"default\"\r\n icon-leading={this.thirdButtonIconLeading ? true : false}\r\n icon-trailing={this.thirdButtonIconTrailing ? true : false}\r\n icon-leading-swap={this.thirdButtonIconLeading}\r\n icon-trailing-swap={this.thirdButtonIconTrailing}\r\n onClick={() => this.onThirdButtonClicked()}\r\n >\r\n <p>{this.thirdButtonText}</p>\r\n </gb-button>\r\n </div>\r\n )}\r\n </div>\r\n </div>\r\n )}\r\n {this.type === 'form_control' && (\r\n <div class=\"panel_content\">\r\n <div class={`actions ${this.showDraftButton ? 'draft_shown' : ''}`}>\r\n <div class=\"button_divs\">\r\n <gb-button\r\n size=\"xl\"\r\n state={this.previousButtonState}\r\n hierarchy=\"secondary_gray\"\r\n icon=\"default\"\r\n icon-leading={true}\r\n icon-leading-swap=\"assets/arrow-left-02.svg\"\r\n onClick={() => this.onPreviousButtonClicked()}\r\n >\r\n <p>Previous</p>\r\n </gb-button>\r\n </div>\r\n <div class=\"right\">\r\n {this.showDraftButton && (\r\n <div class=\"button_divs\">\r\n <gb-button size=\"xl\" hierarchy=\"secondary_color\" icon=\"default\" ref={el => (this.draftButton = el)} onClick={() => this.onSaveAsDraft()}>\r\n <p>Save as draft</p>\r\n </gb-button>\r\n </div>\r\n )}\r\n {this.showSubmitButton ? (\r\n <div class=\"button_divs\">\r\n <gb-button size=\"xl\" hierarchy=\"primary\" icon=\"default\" onClick={() => this.onSubmitClicked()}>\r\n <p>{this.submitButtonText}</p>\r\n </gb-button>\r\n </div>\r\n ) : (\r\n <div class=\"button_divs\">\r\n <gb-button\r\n size=\"xl\"\r\n state={this.internalNextButtonState}\r\n hierarchy=\"primary\"\r\n icon=\"default\"\r\n icon-trailing={true}\r\n icon-trailing-swap=\"assets/arrow-right-02.svg\"\r\n onClick={() => this.onNextButtonClicked()}\r\n >\r\n <p>Next</p>\r\n </gb-button>\r\n </div>\r\n )}\r\n </div>\r\n </div>\r\n </div>\r\n )}\r\n </div>\r\n );\r\n }\r\n}\r\n"]}
1	+ {"version":3,"file":"gb-action-panel.js","sourceRoot":"","sources":["../../../src/components/gb-action-panel/gb-action-panel.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,EAAgB,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAC/F,OAAO,EAAE,SAAS,EAAa,MAAM,6BAA6B,CAAC;AAOnE,MAAM,OAAO,aAAa;IAL1B;QAOU,oBAAe,GAAY,KAAK,CAAC;QACjC,qBAAgB,GAAY,KAAK,CAAC;QAClC,iBAAY,GAAY,KAAK,CAAC;QAC9B,gBAAW,GAAY,KAAK,CAAC;QAC7B,2BAAsB,GAAW,EAAE,CAAC;QACpC,4BAAuB,GAAW,EAAE,CAAC;QACrC,iBAAY,GAAY,KAAK,CAAC;QAC9B,4BAAuB,GAAW,EAAE,CAAC;QACrC,6BAAwB,GAAW,EAAE,CAAC;QACtC,gBAAW,GAAY,KAAK,CAAC;QAC7B,2BAAsB,GAAW,EAAE,CAAC;QACpC,4BAAuB,GAAW,EAAE,CAAC;QACrC,qBAAgB,GAAY,KAAK,CAAC;QAClC,oBAAe,GAAW,EAAE,CAAC;QAC7B,qBAAgB,GAAW,EAAE,CAAC;QAC9B,oBAAe,GAAW,EAAE,CAAC;QAM7B,oBAAe,GAAY,KAAK,CAAC;QACjC,qBAAgB,GAAW,EAAE,CAAC;QAC9B,eAAU,GAAY,KAAK,CAAC;QAC5B,YAAO,GAAY,KAAK,CAAC;QACzB,WAAM,GAAW,EAAE,CAAC;QACpB,QAAG,GAAW,EAAE,CAAC;QAChB,YAAO,GAAQ,KAAK,CAAC;KAiO/B;IAlNC,gBAAgB;QACd,MAAM,YAAY,GAAG,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,wBAAwB,CAAC,CAAC;QACrE,MAAM,KAAK,GAAG,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,gBAAgB,CAAC,CAAC;QAEtD,IAAI,YAAY,EAAE,CAAC;YACjB,YAAY,CAAC,SAAS,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAC;QAC/C,CAAC;QAED,IAAI,KAAK,EAAE,CAAC;YACV,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAC;QACxC,CAAC;IACH,CAAC;IAGD,iBAAiB,CAAC,QAAmB;QACnC,IAAI,CAAC,uBAAuB,GAAG,QAAQ,CAAC;IAC1C,CAAC;IAED,mBAAmB;QACjB,IAAI,CAAC,uBAAuB,GAAG,IAAI,CAAC,eAAe,CAAC;IACtD,CAAC;IAED,iBAAiB,CAAC,KAAK;QACrB,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC,MAAM,CAAC;QAC5B,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;IAC1C,CAAC;IAED,oBAAoB;QAClB,IAAI,IAAI,CAAC,gBAAgB,KAAK,SAAS,EAAE,CAAC;YACxC,IAAI,IAAI,CAAC,YAAY,EAAE,CAAC;gBACtB,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;YAC7C,CAAC;iBAAM,CAAC;gBACN,IAAI,CAAC,kBAAkB,CAAC,IAAI,EAAE,CAAC;YACjC,CAAC;QACH,CAAC;aAAM,CAAC;YACN,OAAO;QACT,CAAC;IACH,CAAC;IAED,qBAAqB;QACnB,IAAI,IAAI,CAAC,iBAAiB,KAAK,SAAS,EAAE,CAAC;YACzC,IAAI,IAAI,CAAC,YAAY,EAAE,CAAC;gBACtB,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;YAC9C,CAAC;iBAAM,CAAC;gBACN,IAAI,CAAC,mBAAmB,CAAC,IAAI,EAAE,CAAC;YAClC,CAAC;QACH,CAAC;IACH,CAAC;IAED,oBAAoB;QAClB,IAAI,IAAI,CAAC,gBAAgB,KAAK,SAAS,EAAE,CAAC;YACxC,IAAI,IAAI,CAAC,YAAY,EAAE,CAAC;gBACtB,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;YAC7C,CAAC;iBAAM,CAAC;gBACN,IAAI,CAAC,kBAAkB,CAAC,IAAI,EAAE,CAAC;YACjC,CAAC;QACH,CAAC;IACH,CAAC;IAED,uBAAuB;QACrB,IAAI,CAAC,qBAAqB,CAAC,IAAI,EAAE,CAAC;IACpC,CAAC;IAED,aAAa;QACX,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;IAC1C,CAAC;IAED,eAAe;QACb,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;IACnD,CAAC;IAED,mBAAmB;QACjB,IAAI,CAAC,iBAAiB,CAAC,IAAI,EAAE,CAAC;IAChC,CAAC;IAED,MAAM;QACJ,OAAO,CACL,4DAAK,KAAK,EAAC,kBAAkB;YAC1B,IAAI,CAAC,IAAI,KAAK,gBAAgB,IAAI,CACjC,4DAAK,KAAK,EAAC,eAAe;gBACxB,4DAAK,KAAK,EAAC,aAAa;oBACtB,4DAAK,KAAK,EAAC,uBAAuB;wBAC/B,IAAI,CAAC,eAAe,IAAI,wEAAiB,IAAI,EAAC,IAAI,EAAC,KAAK,EAAC,SAAS,GAAmB;wBACrF,IAAI,CAAC,gBAAgB,IAAI,6DAAM,IAAI,EAAC,eAAe,GAAQ,CACxD;oBACL,IAAI,CAAC,YAAY,IAAI,CACpB,oEAAa,IAAI,EAAC,IAAI,EAAC,KAAK,EAAE,SAAS,CAAC,OAAO,EAAE,IAAI,EAAC,UAAU,EAAC,IAAI,EAAE,IAAI,qBAAmB,KAAK,EAAE,iBAAiB,EAAE,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,IAAI,CAAC;wBACvJ,6DAAM,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,OAAO,GAAQ,CAC3B,CACf;oBACA,IAAI,CAAC,UAAU,IAAI,CAClB,4DAAK,KAAK,EAAC,QAAQ;wBACjB,0DAAG,KAAK,EAAC,+BAA+B,oBAAkB;wBAC1D,0DAAG,KAAK,EAAC,+BAA+B,IAAE,IAAI,CAAC,MAAM,CAAK,CACtD,CACP;oBACA,IAAI,CAAC,OAAO,IAAI,CACf,4DAAK,KAAK,EAAC,QAAQ;wBACjB,0DAAG,KAAK,EAAC,+BAA+B,iBAAe;wBACvD,0DAAG,KAAK,EAAC,+BAA+B,IAAE,IAAI,CAAC,GAAG,CAAK,CACnD,CACP,CACG;gBACN,4DAAK,KAAK,EAAE,gBAAgB,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,YAAY,IAAI,IAAI,CAAC,WAAW,IAAI,eAAe,EAAE;oBACvG,IAAI,CAAC,WAAW,IAAI,CACnB,4DAAK,KAAK,EAAC,aAAa;wBACtB,kEACE,IAAI,EAAC,IAAI,EACT,KAAK,EAAE,IAAI,CAAC,gBAAgB,EAC5B,SAAS,EAAC,SAAS,EACnB,IAAI,EAAC,SAAS,kBACA,IAAI,CAAC,sBAAsB,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,mBACzC,IAAI,CAAC,uBAAuB,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,uBACvC,IAAI,CAAC,sBAAsB,wBAC1B,IAAI,CAAC,uBAAuB,EAChD,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,oBAAoB,EAAE;4BAE1C,4DAAI,IAAI,CAAC,eAAe,CAAK,CACnB,CACR,CACP;oBACA,IAAI,CAAC,YAAY,IAAI,CACpB,4DAAK,KAAK,EAAC,aAAa;wBACtB,kEACE,IAAI,EAAC,IAAI,EACT,KAAK,EAAE,IAAI,CAAC,iBAAiB,EAC7B,SAAS,EAAC,iBAAiB,EAC3B,IAAI,EAAC,SAAS,kBACA,IAAI,CAAC,uBAAuB,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,mBAC1C,IAAI,CAAC,wBAAwB,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,uBACxC,IAAI,CAAC,uBAAuB,wBAC3B,IAAI,CAAC,wBAAwB,EACjD,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,qBAAqB,EAAE;4BAE3C,4DAAI,IAAI,CAAC,gBAAgB,CAAK,CACpB,CACR,CACP;oBACA,IAAI,CAAC,WAAW,IAAI,CACnB,4DAAK,KAAK,EAAC,aAAa;wBACtB,kEACE,IAAI,EAAC,IAAI,EACT,KAAK,EAAE,IAAI,CAAC,gBAAgB,EAC5B,SAAS,EAAC,gBAAgB,EAC1B,IAAI,EAAC,SAAS,kBACA,IAAI,CAAC,sBAAsB,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,mBACzC,IAAI,CAAC,uBAAuB,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,uBACvC,IAAI,CAAC,sBAAsB,wBAC1B,IAAI,CAAC,uBAAuB,EAChD,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,oBAAoB,EAAE;4BAE1C,4DAAI,IAAI,CAAC,eAAe,CAAK,CACnB,CACR,CACP,CACG,CACF,CACP;YACA,IAAI,CAAC,IAAI,KAAK,cAAc,IAAI,CAC/B,4DAAK,KAAK,EAAC,eAAe;gBACxB,4DAAK,KAAK,EAAE,WAAW,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,EAAE;oBAChE,4DAAK,KAAK,EAAC,aAAa;wBACtB,kEACE,IAAI,EAAC,IAAI,EACT,KAAK,EAAE,IAAI,CAAC,mBAAmB,EAC/B,SAAS,EAAC,gBAAgB,EAC1B,IAAI,EAAC,SAAS,kBACA,IAAI,uBACA,0BAA0B,EAC5C,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,uBAAuB,EAAE;4BAE7C,uEAAe,CACL,CACR;oBACN,4DAAK,KAAK,EAAC,OAAO;wBACf,IAAI,CAAC,eAAe,IAAI,CACvB,4DAAK,KAAK,EAAC,aAAa;4BACtB,kEAAW,IAAI,EAAC,IAAI,EAAC,SAAS,EAAC,iBAAiB,EAAC,IAAI,EAAC,SAAS,EAAC,GAAG,EAAE,EAAE,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,WAAW,GAAG,EAAE,CAAC,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,aAAa,EAAE;gCACrI,4EAAoB,CACV,CACR,CACP;wBACA,IAAI,CAAC,gBAAgB,CAAC,CAAC,CAAC,CACvB,WAAK,KAAK,EAAC,aAAa;4BACtB,iBAAW,IAAI,EAAC,IAAI,EAAC,SAAS,EAAC,SAAS,EAAC,IAAI,EAAC,SAAS,EAAC,GAAG,EAAE,EAAE,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,YAAY,GAAG,EAAE,CAAC,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,eAAe,EAAE;gCAChI,aAAI,IAAI,CAAC,gBAAgB,CAAK,CACpB,CACR,CACP,CAAC,CAAC,CAAC,CACF,WAAK,KAAK,EAAC,aAAa;4BACtB,iBACE,IAAI,EAAC,IAAI,EACT,KAAK,EAAE,IAAI,CAAC,uBAAuB,EACnC,SAAS,EAAC,SAAS,EACnB,IAAI,EAAC,SAAS,mBACC,IAAI,wBACA,2BAA2B,EAC9C,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,mBAAmB,EAAE;gCAEzC,oBAAW,CACD,CACR,CACP,CACG,CACF,CACF,CACP,CACG,CACP,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Element, Event, EventEmitter, Prop, State, Watch, h } from '@stencil/core';\r\nimport { StateEnum, StateType } from '../../models/reusableModels';\r\n\r\n@Component({\r\n tag: 'gb-action-panel',\r\n styleUrl: 'gb-action-panel.css',\r\n shadow: true,\r\n})\r\nexport class GbActionPanel {\r\n @Prop() type!: 'decision_panel' \| 'form_control';\r\n @Prop() showCloseButton: boolean = false;\r\n @Prop() showSelectedRows: boolean = false;\r\n @Prop() showCheckbox: boolean = false;\r\n @Prop() firstButton: boolean = false;\r\n @Prop() firstButtonIconLeading: string = '';\r\n @Prop() firstButtonIconTrailing: string = '';\r\n @Prop() secondButton: boolean = false;\r\n @Prop() secondButtonIconLeading: string = '';\r\n @Prop() secondButtonIconTrailing: string = '';\r\n @Prop() thirdButton: boolean = false;\r\n @Prop() thirdButtonIconLeading: string = '';\r\n @Prop() thirdButtonIconTrailing: string = '';\r\n @Prop() showSubmitButton: boolean = false;\r\n @Prop() firstButtonText: string = '';\r\n @Prop() secondButtonText: string = '';\r\n @Prop() thirdButtonText: string = '';\r\n @Prop() firstButtonState: StateType;\r\n @Prop() secondButtonState: StateType;\r\n @Prop() thirdButtonState: StateType;\r\n @Prop() previousButtonState: StateType;\r\n @Prop() nextButtonState: StateType;\r\n @Prop() showDraftButton: boolean = false;\r\n @Prop() submitButtonText: string = '';\r\n @Prop() showAmount: boolean = false;\r\n @Prop() showFee: boolean = false;\r\n @Prop() amount: string = '';\r\n @Prop() fee: string = '';\r\n @State() checked: any = false;\r\n @State() internalNextButtonState: StateType;\r\n @Event() firstButtonClicked: EventEmitter<void>;\r\n @Event() secondButtonClicked: EventEmitter<void>;\r\n @Event() thirdButtonClicked: EventEmitter<void>;\r\n @Event() previousButtonClicked: EventEmitter<void>;\r\n @Event() saveAsDraft: EventEmitter<HTMLElement>;\r\n @Event() submitButtonClicked: EventEmitter<HTMLElement>;\r\n @Event() nextButtonClicked: EventEmitter<void>;\r\n @Event() checkboxClicked: EventEmitter<void>;\r\n @Element() el: HTMLElement;\r\n\r\n draftButton: HTMLElement;\r\n submitButton: HTMLElement;\r\n\r\n componentDidLoad() {\r\n const selectedRows = this.el.querySelector('[slot=\"selected_rows\"]');\r\n const label = this.el.querySelector('[slot=\"label\"]');\r\n\r\n if (selectedRows) {\r\n selectedRows.classList.add('text-md-medium');\r\n }\r\n\r\n if (label) {\r\n label.classList.add('text-md-medium');\r\n }\r\n }\r\n\r\n @Watch('state')\r\n updateButtonState(newValue: StateType) {\r\n this.internalNextButtonState = newValue;\r\n }\r\n\r\n componentWillRender() {\r\n this.internalNextButtonState = this.nextButtonState;\r\n }\r\n\r\n onCheckboxClicked(event) {\r\n this.checked = event.detail;\r\n this.checkboxClicked.emit(this.checked);\r\n }\r\n\r\n onFirstButtonClicked() {\r\n if (this.firstButtonState === 'default') {\r\n if (this.showCheckbox) {\r\n this.firstButtonClicked.emit(this.checked);\r\n } else {\r\n this.firstButtonClicked.emit();\r\n }\r\n } else {\r\n return;\r\n }\r\n }\r\n\r\n onSecondButtonClicked() {\r\n if (this.secondButtonState === 'default') {\r\n if (this.showCheckbox) {\r\n this.secondButtonClicked.emit(this.checked);\r\n } else {\r\n this.secondButtonClicked.emit();\r\n }\r\n }\r\n }\r\n\r\n onThirdButtonClicked() {\r\n if (this.thirdButtonState === 'default') {\r\n if (this.showCheckbox) {\r\n this.thirdButtonClicked.emit(this.checked);\r\n } else {\r\n this.thirdButtonClicked.emit();\r\n }\r\n }\r\n }\r\n\r\n onPreviousButtonClicked() {\r\n this.previousButtonClicked.emit();\r\n }\r\n\r\n onSaveAsDraft() {\r\n this.saveAsDraft.emit(this.draftButton);\r\n }\r\n\r\n onSubmitClicked() {\r\n this.submitButtonClicked.emit(this.submitButton);\r\n }\r\n\r\n onNextButtonClicked() {\r\n this.nextButtonClicked.emit();\r\n }\r\n\r\n render() {\r\n return (\r\n <div class=\"action_panel_div\">\r\n {this.type === 'decision_panel' && (\r\n <div class=\"panel_content\">\r\n <div class=\"left_action\">\r\n <div class=\"rows_and_close_button\">\r\n {this.showCloseButton && <gb-button-close size=\"md\" color=\"primary\"></gb-button-close>}\r\n {this.showSelectedRows && <slot name=\"selected_rows\"></slot>}\r\n </div>\r\n {this.showCheckbox && (\r\n <gb-checkbox size=\"md\" state={StateEnum.Default} type=\"checkbox\" text={true} supporting-text={false} onCheckboxClicked={this.onCheckboxClicked.bind(this)}>\r\n <slot name=\"label\" slot=\"label\"></slot>\r\n </gb-checkbox>\r\n )}\r\n {this.showAmount && (\r\n <div class=\"amount\">\r\n <p class=\"amount_heading text-sm-medium\">Total amount:</p>\r\n <p class=\"amount_text text-lg-semi-bold\">{this.amount}</p>\r\n </div>\r\n )}\r\n {this.showFee && (\r\n <div class=\"amount\">\r\n <p class=\"amount_heading text-sm-medium\">Total fee:</p>\r\n <p class=\"amount_text text-lg-semi-bold\">{this.fee}</p>\r\n </div>\r\n )}\r\n </div>\r\n <div class={`right_action ${this.firstButton && this.secondButton && this.thirdButton && 'three_buttons'}`}>\r\n {this.firstButton && (\r\n <div class=\"button_divs\">\r\n <gb-button\r\n size=\"xl\"\r\n state={this.firstButtonState}\r\n hierarchy=\"primary\"\r\n icon=\"default\"\r\n icon-leading={this.firstButtonIconLeading ? true : false}\r\n icon-trailing={this.firstButtonIconTrailing ? true : false}\r\n icon-leading-swap={this.firstButtonIconLeading}\r\n icon-trailing-swap={this.firstButtonIconTrailing}\r\n onClick={() => this.onFirstButtonClicked()}\r\n >\r\n <p>{this.firstButtonText}</p>\r\n </gb-button>\r\n </div>\r\n )}\r\n {this.secondButton && (\r\n <div class=\"button_divs\">\r\n <gb-button\r\n size=\"xl\"\r\n state={this.secondButtonState}\r\n hierarchy=\"secondary_color\"\r\n icon=\"default\"\r\n icon-leading={this.secondButtonIconLeading ? true : false}\r\n icon-trailing={this.secondButtonIconTrailing ? true : false}\r\n icon-leading-swap={this.secondButtonIconLeading}\r\n icon-trailing-swap={this.secondButtonIconTrailing}\r\n onClick={() => this.onSecondButtonClicked()}\r\n >\r\n <p>{this.secondButtonText}</p>\r\n </gb-button>\r\n </div>\r\n )}\r\n {this.thirdButton && (\r\n <div class=\"button_divs\">\r\n <gb-button\r\n size=\"xl\"\r\n state={this.thirdButtonState}\r\n hierarchy=\"secondary_gray\"\r\n icon=\"default\"\r\n icon-leading={this.thirdButtonIconLeading ? true : false}\r\n icon-trailing={this.thirdButtonIconTrailing ? true : false}\r\n icon-leading-swap={this.thirdButtonIconLeading}\r\n icon-trailing-swap={this.thirdButtonIconTrailing}\r\n onClick={() => this.onThirdButtonClicked()}\r\n >\r\n <p>{this.thirdButtonText}</p>\r\n </gb-button>\r\n </div>\r\n )}\r\n </div>\r\n </div>\r\n )}\r\n {this.type === 'form_control' && (\r\n <div class=\"panel_content\">\r\n <div class={`actions ${this.showDraftButton ? 'draft_shown' : ''}`}>\r\n <div class=\"button_divs\">\r\n <gb-button\r\n size=\"xl\"\r\n state={this.previousButtonState}\r\n hierarchy=\"secondary_gray\"\r\n icon=\"default\"\r\n icon-leading={true}\r\n icon-leading-swap=\"assets/arrow-left-02.svg\"\r\n onClick={() => this.onPreviousButtonClicked()}\r\n >\r\n <p>Previous</p>\r\n </gb-button>\r\n </div>\r\n <div class=\"right\">\r\n {this.showDraftButton && (\r\n <div class=\"button_divs\">\r\n <gb-button size=\"xl\" hierarchy=\"secondary_color\" icon=\"default\" ref={el => (this.draftButton = el)} onClick={() => this.onSaveAsDraft()}>\r\n <p>Save as draft</p>\r\n </gb-button>\r\n </div>\r\n )}\r\n {this.showSubmitButton ? (\r\n <div class=\"button_divs\">\r\n <gb-button size=\"xl\" hierarchy=\"primary\" icon=\"default\" ref={el => (this.submitButton = el)} onClick={() => this.onSubmitClicked()}>\r\n <p>{this.submitButtonText}</p>\r\n </gb-button>\r\n </div>\r\n ) : (\r\n <div class=\"button_divs\">\r\n <gb-button\r\n size=\"xl\"\r\n state={this.internalNextButtonState}\r\n hierarchy=\"primary\"\r\n icon=\"default\"\r\n icon-trailing={true}\r\n icon-trailing-swap=\"assets/arrow-right-02.svg\"\r\n onClick={() => this.onNextButtonClicked()}\r\n >\r\n <p>Next</p>\r\n </gb-button>\r\n </div>\r\n )}\r\n </div>\r\n </div>\r\n </div>\r\n )}\r\n </div>\r\n );\r\n }\r\n}\r\n"]}

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

@@ -44,7 +44,7 @@ export class GbAvatarDropdown {
         this.itemClicked.emit(item);
     }
     emitTheme(theme) {
-        // console.log(theme.detail);
+        console.log(theme.detail);
         this.themeTabClicked.emit(theme);
     }
     componentDidLoad() {

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

	@@ -1 +1 @@
1	- {"version":3,"file":"gb-avatar-dropdown.js","sourceRoot":"","sources":["../../../src/components/gb-avatar-dropdown/gb-avatar-dropdown.tsx"],"names":[],"mappings":"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","sourcesContent":["import {Component, Element, Event, EventEmitter, Prop, h} from '@stencil/core';\r\nimport { ColorTypes, DropdownRoles, ThemeTypes } from '../../models/reusableModels';\r\n@Component({\r\n tag: 'gb-avatar-dropdown',\r\n styleUrl: 'gb-avatar-dropdown.css',\r\n shadow: true,\r\n})\r\nexport class GbAvatarDropdown {\r\n @Prop() type: 'simple' \| 'complex';\r\n @Prop() text: boolean = false;\r\n @Prop() showProfile: boolean;\r\n\r\n @Prop() showThemeTab: boolean;\r\n @Prop() showRoles: boolean = false;\r\n @Prop() roles: DropdownRoles[] = [\r\n // {\r\n // badgeLabel: 'Initiator',\r\n // badgeColor: 'information',\r\n // badgeType: 'badge_color',\r\n // },\r\n // {\r\n // badgeLabel: 'Authorizer',\r\n // badgeColor: 'success',\r\n // badgeType: 'badge_color',\r\n // },\r\n // {\r\n // badgeLabel: 'Viewer',\r\n // badgeColor: 'gray',\r\n // badgeType: 'badge_color',\r\n // },\r\n ];\r\n @Prop() showLogOut: boolean;\r\n @Prop() listGroupOne: boolean;\r\n @Prop() listGroupTwo: boolean;\r\n @Prop() listGroupThree: boolean;\r\n @Prop() color: ColorTypes;\r\n @Prop() showBorder: boolean = false;\r\n @Prop() currentTheme: ThemeTypes;\r\n @Element() el: HTMLElement;\r\n @Event() itemClicked: EventEmitter<string>;\r\n @Event() themeTabClicked: EventEmitter<string>;\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 onItemClicked(item: string) {\r\n this.itemClicked.emit(item);\r\n }\r\n\r\n emitTheme(theme) {\r\n // console.log(theme.detail);\r\n this.themeTabClicked.emit(theme);\r\n }\r\n\r\n componentDidLoad() {\r\n const slottedInitials = this.el.querySelector('[slot=\"initials\"]');\r\n const nameInitials = this.el.querySelector('[slot=\"name\"');\r\n const supportingTextSlot = this.el.querySelector('[slot=\"supporting_text\"');\r\n\r\n if (slottedInitials) {\r\n slottedInitials.classList.add('text-md-semi-bold');\r\n slottedInitials.classList.add(this.applyColorToInitials() \|\| 'gray');\r\n }\r\n\r\n if (nameInitials) {\r\n nameInitials.classList.add('text-sm-semi-bold');\r\n }\r\n\r\n if (supportingTextSlot) {\r\n supportingTextSlot.classList.add('text-sm-regular');\r\n }\r\n }\r\n\r\n render() {\r\n if (this.type === 'simple') {\r\n return (\r\n <div class=\"simple-dropdown\">\r\n <div class=\"profile simple_profile\">\r\n <gb-avatar-label-group size=\"md\" text={true} color={this.color} show-border={this.showBorder}>\r\n <slot name=\"name\" slot=\"name\"></slot>\r\n <slot name=\"initials\" slot=\"initials\"></slot>\r\n <slot name=\"supporting_text\" slot=\"supporting_text\"></slot>\r\n </gb-avatar-label-group>\r\n </div>\r\n <div class=\"menu-items\">\r\n <div class=\"list\">\r\n {this.showThemeTab && (\r\n <div class=\"theme_tab\">\r\n <gb-theme-tab current-active-tab={this.currentTheme} onThemeTabClicked={this.emitTheme.bind(this)}></gb-theme-tab>\r\n </div>\r\n )}\r\n {this.showProfile && (\r\n <gb-dropdown-items-with-shortcut\r\n icon\r\n iconSrc=\"assets/user_profile.svg\"\r\n label=\"View Profile\"\r\n shortcut\r\n shortcutIcon=\"K + P\"\r\n onClick={() => this.onItemClicked('view_profile')}\r\n ></gb-dropdown-items-with-shortcut>\r\n )}\r\n {this.showLogOut && (\r\n <gb-dropdown-items-with-shortcut\r\n icon\r\n iconSrc=\"assets/logout_button.svg\"\r\n label=\"Log out\"\r\n shortcut\r\n shortcutIcon=\"L\"\r\n onClick={() => this.onItemClicked('log_out')}\r\n ></gb-dropdown-items-with-shortcut>\r\n )}\r\n </div>\r\n </div>\r\n </div>\r\n );\r\n }\r\n\r\n if (this.type === 'complex') {\r\n return (\r\n <div class=\"complex-dropdown\">\r\n <div class=\"profile complex_profile\">\r\n <gb-avatar-label-group size=\"md\" class=\"label_group\" text={true} color={this.color}>\r\n <slot name=\"name\" slot=\"name\"></slot>\r\n <slot name=\"initials\" slot=\"initials\"></slot>\r\n <slot name=\"supporting_text\" slot=\"supporting_text\"></slot>\r\n </gb-avatar-label-group>\r\n </div>\r\n {this.showRoles && (\r\n <div class=\"roles\">\r\n <p class=\"text-sm-medium\">Available roles</p>\r\n <div class=\"badges\">\r\n {this.roles.map(role => (\r\n <gb-badge size=\"md\" color={role.badgeColor} type={role.badgeType}>\r\n <p>{role.badgeLabel}</p>\r\n </gb-badge>\r\n ))}\r\n </div>\r\n </div>\r\n )}\r\n {this.showThemeTab && (\r\n <div class=\"theme_tab\">\r\n <gb-theme-tab current-active-tab={this.currentTheme} onThemeTabClicked={this.emitTheme.bind(this)}></gb-theme-tab>\r\n </div>\r\n )}\r\n {this.listGroupOne && (\r\n <div class=\"list-group-one\">\r\n <div class=\"one\">\r\n <gb-dropdown-items-with-shortcut\r\n icon\r\n iconSrc=\"assets/user_profile.svg\"\r\n label=\"View Profile\"\r\n shortcut\r\n shortcutIcon=\"K+P\"\r\n onClick={() => this.onItemClicked('view_profile')}\r\n ></gb-dropdown-items-with-shortcut>\r\n </div>\r\n <div class=\"two\">\r\n <gb-dropdown-items-with-shortcut\r\n icon\r\n iconSrc=\"assets/book-open-02.svg\"\r\n label=\"Documentation\"\r\n shortcut\r\n shortcutIcon=\"T\"\r\n onClick={() => this.onItemClicked('documentation')}\r\n ></gb-dropdown-items-with-shortcut>\r\n </div>\r\n <div class=\"three\">\r\n <gb-dropdown-items-with-shortcut\r\n icon\r\n iconSrc=\"assets/customer-support.svg\"\r\n label=\"Support\"\r\n shortcut\r\n shortcutIcon=\"C\"\r\n onClick={() => this.onItemClicked('support')}\r\n ></gb-dropdown-items-with-shortcut>\r\n </div>\r\n </div>\r\n )}\r\n {this.listGroupTwo && (\r\n <div class=\"list-group-two\">\r\n <div class=\"one\">\r\n <gb-dropdown-items-with-shortcut\r\n icon\r\n iconSrc=\"assets/configuration_02.svg\"\r\n label=\"Configuration\"\r\n shortcut\r\n shortcutIcon=\"S\"\r\n onClick={() => this.onItemClicked('configuration')}\r\n ></gb-dropdown-items-with-shortcut>\r\n </div>\r\n <div class=\"two\">\r\n <gb-dropdown-items-with-shortcut\r\n icon\r\n iconSrc=\"assets/user_group.svg\"\r\n label=\"Team\"\r\n shortcut\r\n shortcutIcon=\"K->T\"\r\n onClick={() => this.onItemClicked('team')}\r\n ></gb-dropdown-items-with-shortcut>\r\n </div>\r\n <div class=\"three\">\r\n <gb-dropdown-items-with-shortcut\r\n icon\r\n iconSrc=\"assets/user_add.svg\"\r\n label=\"Invite Members\"\r\n shortcut\r\n shortcutIcon=\"I\"\r\n onClick={() => this.onItemClicked('invite_members')}\r\n ></gb-dropdown-items-with-shortcut>\r\n </div>\r\n </div>\r\n )}\r\n {this.listGroupThree && (\r\n <div class=\"list-group-three\">\r\n <div class=\"one\">\r\n <gb-dropdown-items-with-shortcut\r\n icon\r\n iconSrc=\"assets/logout_button.svg\"\r\n label=\"Log out\"\r\n shortcut\r\n shortcutIcon=\"L\"\r\n onClick={() => this.onItemClicked('log_out')}\r\n ></gb-dropdown-items-with-shortcut>\r\n </div>\r\n </div>\r\n )}\r\n </div>\r\n );\r\n }\r\n }\r\n}"]}
1	+ {"version":3,"file":"gb-avatar-dropdown.js","sourceRoot":"","sources":["../../../src/components/gb-avatar-dropdown/gb-avatar-dropdown.tsx"],"names":[],"mappings":"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","sourcesContent":["import {Component, Element, Event, EventEmitter, Prop, h} from '@stencil/core';\r\nimport { ColorTypes, DropdownRoles, ThemeTypes } from '../../models/reusableModels';\r\n@Component({\r\n tag: 'gb-avatar-dropdown',\r\n styleUrl: 'gb-avatar-dropdown.css',\r\n shadow: true,\r\n})\r\nexport class GbAvatarDropdown {\r\n @Prop() type: 'simple' \| 'complex';\r\n @Prop() text: boolean = false;\r\n @Prop() showProfile: boolean;\r\n\r\n @Prop() showThemeTab: boolean;\r\n @Prop() showRoles: boolean = false;\r\n @Prop() roles: DropdownRoles[] = [\r\n // {\r\n // badgeLabel: 'Initiator',\r\n // badgeColor: 'information',\r\n // badgeType: 'badge_color',\r\n // },\r\n // {\r\n // badgeLabel: 'Authorizer',\r\n // badgeColor: 'success',\r\n // badgeType: 'badge_color',\r\n // },\r\n // {\r\n // badgeLabel: 'Viewer',\r\n // badgeColor: 'gray',\r\n // badgeType: 'badge_color',\r\n // },\r\n ];\r\n @Prop() showLogOut: boolean;\r\n @Prop() listGroupOne: boolean;\r\n @Prop() listGroupTwo: boolean;\r\n @Prop() listGroupThree: boolean;\r\n @Prop() color: ColorTypes;\r\n @Prop() showBorder: boolean = false;\r\n @Prop() currentTheme: ThemeTypes;\r\n @Element() el: HTMLElement;\r\n @Event() itemClicked: EventEmitter<string>;\r\n @Event() themeTabClicked: EventEmitter<string>;\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 onItemClicked(item: string) {\r\n this.itemClicked.emit(item);\r\n }\r\n\r\n emitTheme(theme) {\r\n console.log(theme.detail);\r\n this.themeTabClicked.emit(theme);\r\n }\r\n\r\n componentDidLoad() {\r\n const slottedInitials = this.el.querySelector('[slot=\"initials\"]');\r\n const nameInitials = this.el.querySelector('[slot=\"name\"');\r\n const supportingTextSlot = this.el.querySelector('[slot=\"supporting_text\"');\r\n\r\n if (slottedInitials) {\r\n slottedInitials.classList.add('text-md-semi-bold');\r\n slottedInitials.classList.add(this.applyColorToInitials() \|\| 'gray');\r\n }\r\n\r\n if (nameInitials) {\r\n nameInitials.classList.add('text-sm-semi-bold');\r\n }\r\n\r\n if (supportingTextSlot) {\r\n supportingTextSlot.classList.add('text-sm-regular');\r\n }\r\n }\r\n\r\n render() {\r\n if (this.type === 'simple') {\r\n return (\r\n <div class=\"simple-dropdown\">\r\n <div class=\"profile simple_profile\">\r\n <gb-avatar-label-group size=\"md\" text={true} color={this.color} show-border={this.showBorder}>\r\n <slot name=\"name\" slot=\"name\"></slot>\r\n <slot name=\"initials\" slot=\"initials\"></slot>\r\n <slot name=\"supporting_text\" slot=\"supporting_text\"></slot>\r\n </gb-avatar-label-group>\r\n </div>\r\n <div class=\"menu-items\">\r\n <div class=\"list\">\r\n {this.showThemeTab && (\r\n <div class=\"theme_tab\">\r\n <gb-theme-tab current-active-tab={this.currentTheme} onThemeTabClicked={this.emitTheme.bind(this)}></gb-theme-tab>\r\n </div>\r\n )}\r\n {this.showProfile && (\r\n <gb-dropdown-items-with-shortcut\r\n icon\r\n iconSrc=\"assets/user_profile.svg\"\r\n label=\"View Profile\"\r\n shortcut\r\n shortcutIcon=\"K + P\"\r\n onClick={() => this.onItemClicked('view_profile')}\r\n ></gb-dropdown-items-with-shortcut>\r\n )}\r\n {this.showLogOut && (\r\n <gb-dropdown-items-with-shortcut\r\n icon\r\n iconSrc=\"assets/logout_button.svg\"\r\n label=\"Log out\"\r\n shortcut\r\n shortcutIcon=\"L\"\r\n onClick={() => this.onItemClicked('log_out')}\r\n ></gb-dropdown-items-with-shortcut>\r\n )}\r\n </div>\r\n </div>\r\n </div>\r\n );\r\n }\r\n\r\n if (this.type === 'complex') {\r\n return (\r\n <div class=\"complex-dropdown\">\r\n <div class=\"profile complex_profile\">\r\n <gb-avatar-label-group size=\"md\" class=\"label_group\" text={true} color={this.color}>\r\n <slot name=\"name\" slot=\"name\"></slot>\r\n <slot name=\"initials\" slot=\"initials\"></slot>\r\n <slot name=\"supporting_text\" slot=\"supporting_text\"></slot>\r\n </gb-avatar-label-group>\r\n </div>\r\n {this.showRoles && (\r\n <div class=\"roles\">\r\n <p class=\"text-sm-medium\">Available roles</p>\r\n <div class=\"badges\">\r\n {this.roles.map(role => (\r\n <gb-badge size=\"md\" color={role.badgeColor} type={role.badgeType}>\r\n <p>{role.badgeLabel}</p>\r\n </gb-badge>\r\n ))}\r\n </div>\r\n </div>\r\n )}\r\n {this.showThemeTab && (\r\n <div class=\"theme_tab\">\r\n <gb-theme-tab current-active-tab={this.currentTheme} onThemeTabClicked={this.emitTheme.bind(this)}></gb-theme-tab>\r\n </div>\r\n )}\r\n {this.listGroupOne && (\r\n <div class=\"list-group-one\">\r\n <div class=\"one\">\r\n <gb-dropdown-items-with-shortcut\r\n icon\r\n iconSrc=\"assets/user_profile.svg\"\r\n label=\"View Profile\"\r\n shortcut\r\n shortcutIcon=\"K+P\"\r\n onClick={() => this.onItemClicked('view_profile')}\r\n ></gb-dropdown-items-with-shortcut>\r\n </div>\r\n <div class=\"two\">\r\n <gb-dropdown-items-with-shortcut\r\n icon\r\n iconSrc=\"assets/book-open-02.svg\"\r\n label=\"Documentation\"\r\n shortcut\r\n shortcutIcon=\"T\"\r\n onClick={() => this.onItemClicked('documentation')}\r\n ></gb-dropdown-items-with-shortcut>\r\n </div>\r\n <div class=\"three\">\r\n <gb-dropdown-items-with-shortcut\r\n icon\r\n iconSrc=\"assets/customer-support.svg\"\r\n label=\"Support\"\r\n shortcut\r\n shortcutIcon=\"C\"\r\n onClick={() => this.onItemClicked('support')}\r\n ></gb-dropdown-items-with-shortcut>\r\n </div>\r\n </div>\r\n )}\r\n {this.listGroupTwo && (\r\n <div class=\"list-group-two\">\r\n <div class=\"one\">\r\n <gb-dropdown-items-with-shortcut\r\n icon\r\n iconSrc=\"assets/configuration_02.svg\"\r\n label=\"Configuration\"\r\n shortcut\r\n shortcutIcon=\"S\"\r\n onClick={() => this.onItemClicked('configuration')}\r\n ></gb-dropdown-items-with-shortcut>\r\n </div>\r\n <div class=\"two\">\r\n <gb-dropdown-items-with-shortcut\r\n icon\r\n iconSrc=\"assets/user_group.svg\"\r\n label=\"Team\"\r\n shortcut\r\n shortcutIcon=\"K->T\"\r\n onClick={() => this.onItemClicked('team')}\r\n ></gb-dropdown-items-with-shortcut>\r\n </div>\r\n <div class=\"three\">\r\n <gb-dropdown-items-with-shortcut\r\n icon\r\n iconSrc=\"assets/user_add.svg\"\r\n label=\"Invite Members\"\r\n shortcut\r\n shortcutIcon=\"I\"\r\n onClick={() => this.onItemClicked('invite_members')}\r\n ></gb-dropdown-items-with-shortcut>\r\n </div>\r\n </div>\r\n )}\r\n {this.listGroupThree && (\r\n <div class=\"list-group-three\">\r\n <div class=\"one\">\r\n <gb-dropdown-items-with-shortcut\r\n icon\r\n iconSrc=\"assets/logout_button.svg\"\r\n label=\"Log out\"\r\n shortcut\r\n shortcutIcon=\"L\"\r\n onClick={() => this.onItemClicked('log_out')}\r\n ></gb-dropdown-items-with-shortcut>\r\n </div>\r\n </div>\r\n )}\r\n </div>\r\n );\r\n }\r\n }\r\n}"]}

package/dist/collection/components/gb-button-group/gb-button-group.js CHANGED Viewed

@@ -12,6 +12,9 @@ export class GbButtonGroup {
         this.internalItems = [];
         this.selectedValue = '';
     }
+    onItemsUpdated(newValue) {
+        this.internalItems = newValue;
+    }
     componentWillLoad() {
         this.internalItems = [...this.items];
     }
@@ -25,7 +28,7 @@ export class GbButtonGroup {
         // this.valueChange.emit({ value: this.selectedValue, current: this.internalItems[index].current });
     }
     render() {
-        return (h("div", { key: 'd48fbb7345084abb7163440092decc2b2b6cb6e8', class: "button_group_wrapper" }, this.internalItems.map((item, index) => (h("gb-button-group-base", { key: index, state: "default", icon: this.icon, label: item.label, current: item.current, onClick: () => this.handleSelect(index), "icon-src": item.icon })))));
+        return (h("div", { key: '632331bb7cef4fa676224f659afda761127ab895', class: "button_group_wrapper" }, this.internalItems.map((item, index) => (h("gb-button-group-base", { key: index, state: "default", icon: this.icon, label: item.label, current: item.current, onClick: () => this.handleSelect(index), "icon-src": item.icon })))));
     }
     static get is() { return "gb-button-group"; }
     static get encapsulation() { return "shadow"; }
@@ -111,6 +114,12 @@ export class GbButtonGroup {
                 }
             }];
     }
+    static get watchers() {
+        return [{
+                "propName": "items",
+                "methodName": "onItemsUpdated"
+            }];
+    }
     static get attachInternalsMemberName() { return "internals"; }
 }
 //# sourceMappingURL=gb-button-group.js.map

package/dist/collection/components/gb-button-group/gb-button-group.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"gb-button-group.js","sourceRoot":"","sources":["../../../src/components/gb-button-group/gb-button-group.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,SAAS,EAAE,KAAK,EAAgB,IAAI,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;~~AAShG~~,MAAM,OAAO,aAAa;IAN1B;QAQU,UAAK,GAA0D;QACrE,oEAAoE;QACpE,uEAAuE;QACvE,mEAAmE;QACnE,uEAAuE;QACvE,yEAAyE;SAC1E,CAAC;QAEF,8BAA8B;QACrB,kBAAa,GAA0D,EAAE,CAAC;QAC1E,kBAAa,GAAW,EAAE,CAAC;~~KA0CrC~~;~~IAtCC~~,iBAAiB;QACf,IAAI,CAAC,aAAa,GAAG,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC;IACvC,CAAC;IAED,YAAY,CAAC,KAAa;QACxB,MAAM,aAAa,GAAG,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC;QAEtD,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,CAAC,iCACpD,IAAI,KACP,OAAO,EAAE,CAAC,KAAK,KAAK,IACpB,CAAC,CAAC;QAEJ,IAAI,CAAC,aAAa,GAAG,aAAa,CAAC;QAEnC,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;QAC3C,kCAAkC;QAElC,0FAA0F;QAC1F,oGAAoG;IACtG,CAAC;IAED,MAAM;QACJ,OAAO,CACL,4DAAK,KAAK,EAAC,sBAAsB,IAC9B,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CACvC,4BACE,GAAG,EAAE,KAAK,EACV,KAAK,EAAC,SAAS,EACf,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,cAC7B,IAAI,CAAC,IAAI,GACG,CACzB,CAAC,CACE,CACP,CAAC;IACJ,CAAC~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~CACF","sourcesContent":["import { AttachInternals, Component, Event, EventEmitter, Prop, State, h } from '@stencil/core';\r\nimport { ButtonGroupTypes } from '../../models/reusableModels';\r\n\r\n@Component({\r\n tag: 'gb-button-group',\r\n styleUrl: 'gb-button-group.css',\r\n shadow: true,\r\n formAssociated: true,\r\n})\r\nexport class GbButtonGroup {\r\n @AttachInternals() internals: ElementInternals;\r\n @Prop() items: { label: string; current?: boolean; icon?: string }[] = [\r\n // { label: 'Male', current: true, icon: 'assets/calendar-02.svg' },\r\n // { label: 'Female', current: false, icon: 'assets/calendar-02.svg' },\r\n // { label: 'Hi', current: false, icon: 'assets/calendar-02.svg' },\r\n // { label: 'Gideon', current: false, icon: 'assets/calendar-02.svg' },\r\n // { label: 'Emmanuel', current: false, icon: 'assets/calendar-02.svg' },\r\n ];\r\n @Prop() icon: ButtonGroupTypes;\r\n // @Prop() label: string = '';\r\n @State() internalItems: { label: string; current?: boolean; icon?: string }[] = [];\r\n @State() selectedValue: string = '';\r\n // @Event() valueChange: EventEmitter<{ value: string; current: boolean }>;\r\n @Event() optionChange: EventEmitter<string>;\r\n\r\n componentWillLoad() {\r\n this.internalItems = [...this.items];\r\n }\r\n\r\n handleSelect(index: number) {\r\n const selectedValue = this.internalItems[index].label;\r\n\r\n this.internalItems = this.internalItems.map((item, i) => ({\r\n ...item,\r\n current: i === index,\r\n }));\r\n\r\n this.selectedValue = selectedValue;\r\n\r\n this.optionChange.emit(this.selectedValue);\r\n // console.log(this.selectedValue)\r\n\r\n // console.log({ value: this.selectedValue, current: this.internalItems[index].current });\r\n // this.valueChange.emit({ value: this.selectedValue, current: this.internalItems[index].current });\r\n }\r\n\r\n render() {\r\n return (\r\n <div class=\"button_group_wrapper\">\r\n {this.internalItems.map((item, index) => (\r\n <gb-button-group-base\r\n key={index}\r\n state=\"default\"\r\n icon={this.icon}\r\n label={item.label}\r\n current={item.current}\r\n onClick={() => this.handleSelect(index)}\r\n icon-src={item.icon}\r\n ></gb-button-group-base>\r\n ))}\r\n </div>\r\n );\r\n }\r\n}\r\n"]}
1	+ {"version":3,"file":"gb-button-group.js","sourceRoot":"","sources":["../../../src/components/gb-button-group/gb-button-group.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,SAAS,EAAE,KAAK,EAAgB,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AASvG,MAAM,OAAO,aAAa;IAN1B;QAQU,UAAK,GAA0D;QACrE,oEAAoE;QACpE,uEAAuE;QACvE,mEAAmE;QACnE,uEAAuE;QACvE,yEAAyE;SAC1E,CAAC;QAEF,8BAA8B;QACrB,kBAAa,GAA0D,EAAE,CAAC;QAC1E,kBAAa,GAAW,EAAE,CAAC;KA+CrC;IA1CC,cAAc,CAAC,QAA+D;QAC5E,IAAI,CAAC,aAAa,GAAG,QAAQ,CAAC;IAChC,CAAC;IAED,iBAAiB;QACf,IAAI,CAAC,aAAa,GAAG,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC;IACvC,CAAC;IAED,YAAY,CAAC,KAAa;QACxB,MAAM,aAAa,GAAG,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC;QAEtD,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,CAAC,iCACpD,IAAI,KACP,OAAO,EAAE,CAAC,KAAK,KAAK,IACpB,CAAC,CAAC;QAEJ,IAAI,CAAC,aAAa,GAAG,aAAa,CAAC;QAEnC,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;QAC3C,kCAAkC;QAElC,0FAA0F;QAC1F,oGAAoG;IACtG,CAAC;IAED,MAAM;QACJ,OAAO,CACL,4DAAK,KAAK,EAAC,sBAAsB,IAC9B,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CACvC,4BACE,GAAG,EAAE,KAAK,EACV,KAAK,EAAC,SAAS,EACf,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,cAC7B,IAAI,CAAC,IAAI,GACG,CACzB,CAAC,CACE,CACP,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { AttachInternals, Component, Event, EventEmitter, Prop, State, Watch, h } from '@stencil/core';\r\nimport { ButtonGroupTypes } from '../../models/reusableModels';\r\n\r\n@Component({\r\n tag: 'gb-button-group',\r\n styleUrl: 'gb-button-group.css',\r\n shadow: true,\r\n formAssociated: true,\r\n})\r\nexport class GbButtonGroup {\r\n @AttachInternals() internals: ElementInternals;\r\n @Prop() items: { label: string; current?: boolean; icon?: string }[] = [\r\n // { label: 'Male', current: true, icon: 'assets/calendar-02.svg' },\r\n // { label: 'Female', current: false, icon: 'assets/calendar-02.svg' },\r\n // { label: 'Hi', current: false, icon: 'assets/calendar-02.svg' },\r\n // { label: 'Gideon', current: false, icon: 'assets/calendar-02.svg' },\r\n // { label: 'Emmanuel', current: false, icon: 'assets/calendar-02.svg' },\r\n ];\r\n @Prop() icon: ButtonGroupTypes;\r\n // @Prop() label: string = '';\r\n @State() internalItems: { label: string; current?: boolean; icon?: string }[] = [];\r\n @State() selectedValue: string = '';\r\n // @Event() valueChange: EventEmitter<{ value: string; current: boolean }>;\r\n @Event() optionChange: EventEmitter<string>;\r\n\r\n @Watch('items')\r\n onItemsUpdated(newValue: { label: string; current?: boolean; icon?: string }[]) {\r\n this.internalItems = newValue;\r\n }\r\n\r\n componentWillLoad() {\r\n this.internalItems = [...this.items];\r\n }\r\n\r\n handleSelect(index: number) {\r\n const selectedValue = this.internalItems[index].label;\r\n\r\n this.internalItems = this.internalItems.map((item, i) => ({\r\n ...item,\r\n current: i === index,\r\n }));\r\n\r\n this.selectedValue = selectedValue;\r\n\r\n this.optionChange.emit(this.selectedValue);\r\n // console.log(this.selectedValue)\r\n\r\n // console.log({ value: this.selectedValue, current: this.internalItems[index].current });\r\n // this.valueChange.emit({ value: this.selectedValue, current: this.internalItems[index].current });\r\n }\r\n\r\n render() {\r\n return (\r\n <div class=\"button_group_wrapper\">\r\n {this.internalItems.map((item, index) => (\r\n <gb-button-group-base\r\n key={index}\r\n state=\"default\"\r\n icon={this.icon}\r\n label={item.label}\r\n current={item.current}\r\n onClick={() => this.handleSelect(index)}\r\n icon-src={item.icon}\r\n ></gb-button-group-base>\r\n ))}\r\n </div>\r\n );\r\n }\r\n}\r\n"]}