globuswebcomponents 2.8.11 → 2.8.12

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 (226) hide show
  1. package/dist/cjs/gb-action-panel_75.cjs.entry.js +400 -101
  2. package/dist/cjs/gb-table-cell.cjs.entry.js +1 -1
  3. package/dist/cjs/gb-token-field-compact.cjs.entry.js +1 -1
  4. package/dist/cjs/gb-token-field-compressed.cjs.entry.js +2 -2
  5. package/dist/cjs/gb-wysiwyg-editor-icon.cjs.entry.js +1 -1
  6. package/dist/cjs/globuscomponents.cjs.js +1 -1
  7. package/dist/cjs/loader.cjs.js +1 -1
  8. package/dist/cjs/reusableModels-_LRAKnsh.js.map +1 -1
  9. package/dist/cjs/test-input-tag.cjs.entry.js +2 -2
  10. package/dist/collection/components/gb-button/gb-button.js +30 -1
  11. package/dist/collection/components/gb-button/gb-button.js.map +1 -1
  12. package/dist/collection/components/gb-button/gb-button.tsx +6 -1
  13. package/dist/collection/components/gb-button/readme.md +10 -0
  14. package/dist/collection/components/gb-horizontal-tabs/gb-horizontal-tabs.js +4 -4
  15. package/dist/collection/components/gb-horizontal-tabs/gb-horizontal-tabs.js.map +1 -1
  16. package/dist/collection/components/gb-input-dropdown/gb-input-dropdown.js +17 -9
  17. package/dist/collection/components/gb-input-dropdown/gb-input-dropdown.js.map +1 -1
  18. package/dist/collection/components/gb-portal/gb-portal.js +51 -11
  19. package/dist/collection/components/gb-portal/gb-portal.js.map +1 -1
  20. package/dist/collection/components/gb-tab-button-base/gb-tab-button-base.js +8 -2
  21. package/dist/collection/components/gb-tab-button-base/gb-tab-button-base.js.map +1 -1
  22. package/dist/collection/components/gb-table/gb-table.css +90 -22
  23. package/dist/collection/components/gb-table/gb-table.js +464 -72
  24. package/dist/collection/components/gb-table/gb-table.js.map +1 -1
  25. package/dist/collection/components/gb-table-cell/gb-table-cell.js +1 -1
  26. package/dist/collection/components/gb-table-header/gb-table-header.js +22 -22
  27. package/dist/collection/components/gb-table-header/gb-table-header.js.map +1 -1
  28. package/dist/collection/components/gb-tag/gb-tag.js +1 -1
  29. package/dist/collection/components/gb-tag-checkbox/gb-tag-checkbox.js +1 -1
  30. package/dist/collection/components/gb-tag-close/gb-tag-close.js +1 -1
  31. package/dist/collection/components/gb-tag-count/gb-tag-count.js +1 -1
  32. package/dist/collection/components/gb-textarea-input-field/gb-textarea-input-field.js +3 -3
  33. package/dist/collection/components/gb-theme-tab/gb-theme-tab.js +1 -1
  34. package/dist/collection/components/gb-toast/gb-toast.js +18 -2
  35. package/dist/collection/components/gb-toast/gb-toast.js.map +1 -1
  36. package/dist/collection/components/gb-toast-button/gb-toast-button.js +1 -1
  37. package/dist/collection/components/gb-toggle/gb-toggle.js +1 -1
  38. package/dist/collection/components/gb-toggle-base/gb-toggle-base.js +2 -2
  39. package/dist/collection/components/gb-token-field-compact/gb-token-field-compact.js +1 -1
  40. package/dist/collection/components/gb-token-field-compressed/gb-token-field-compressed.js +2 -2
  41. package/dist/collection/components/gb-tooltip/gb-tooltip.js +1 -1
  42. package/dist/collection/components/gb-vertical-tabs/gb-vertical-tabs.js +1 -1
  43. package/dist/collection/components/gb-wysiwyg-editor-icon/gb-wysiwyg-editor-icon.js +1 -1
  44. package/dist/collection/components/test-input-tag/test-input-tag.js +2 -2
  45. package/dist/collection/models/reusableModels.js.map +1 -1
  46. package/dist/components/gb-action-panel.js +2 -2
  47. package/dist/components/gb-approval-modal.js +8 -8
  48. package/dist/components/gb-avatar-add-button.js +1 -1
  49. package/dist/components/gb-avatar-dropdown.js +1 -1
  50. package/dist/components/gb-avatar-group.js +2 -2
  51. package/dist/components/gb-btn.js +1 -1
  52. package/dist/components/gb-button.js +1 -1
  53. package/dist/components/gb-checkbox-group-item.js +1 -1
  54. package/dist/components/gb-checkbox-group.js +3 -3
  55. package/dist/components/gb-collapse-button.js +1 -1
  56. package/dist/components/gb-comment.js +2 -2
  57. package/dist/components/gb-complex-primary-side-bar-item.js +1 -1
  58. package/dist/components/gb-complex-secondary-side-bar-item.js +1 -1
  59. package/dist/components/gb-date-picker.js +1 -1
  60. package/dist/components/gb-detail-cell.js +2 -2
  61. package/dist/components/gb-empty-state.js +2 -2
  62. package/dist/components/gb-file-upload-item-base.js +1 -1
  63. package/dist/components/gb-file-upload.js +4 -4
  64. package/dist/components/gb-filter-button.js +1 -1
  65. package/dist/components/gb-header.js +14 -14
  66. package/dist/components/gb-help-tooltip.js +1 -1
  67. package/dist/components/gb-horizontal-tabs.js +4 -4
  68. package/dist/components/gb-horizontal-tabs.js.map +1 -1
  69. package/dist/components/gb-icon-button-base.js +1 -1
  70. package/dist/components/gb-input-dropdown.js +1 -1
  71. package/dist/components/gb-input-field.js +1 -1
  72. package/dist/components/gb-modal-action.js +1 -1
  73. package/dist/components/gb-nav-bar-item.js +1 -1
  74. package/dist/components/gb-nav-bar-sidemenu.js +2 -2
  75. package/dist/components/gb-nav-bar.js +2 -2
  76. package/dist/components/gb-notification-pane.js +1 -1
  77. package/dist/components/gb-pagination.js +1 -1
  78. package/dist/components/gb-password-button.js +1 -1
  79. package/dist/components/gb-portal.js +1 -1
  80. package/dist/components/gb-progress-bar.js +1 -1
  81. package/dist/components/gb-prompt-modal.js +2 -2
  82. package/dist/components/gb-sidebar.js +5 -5
  83. package/dist/components/gb-simple-side-bar-item.js +1 -1
  84. package/dist/components/gb-slider-control-handle.js +1 -1
  85. package/dist/components/gb-slider.js +2 -2
  86. package/dist/components/gb-tab-button-base.js +1 -1
  87. package/dist/components/gb-table-cell.js +1 -1
  88. package/dist/components/gb-table-header.js +1 -343
  89. package/dist/components/gb-table-header.js.map +1 -1
  90. package/dist/components/gb-table.js +368 -107
  91. package/dist/components/gb-table.js.map +1 -1
  92. package/dist/components/gb-tag-checkbox.js +1 -1
  93. package/dist/components/gb-tag-close.js +1 -1
  94. package/dist/components/gb-tag-count.js +1 -1
  95. package/dist/components/gb-tag.js +1 -1
  96. package/dist/components/gb-textarea-input-field.js +1 -1
  97. package/dist/components/gb-theme-tab.js +1 -1
  98. package/dist/components/gb-toast-button.js +1 -1
  99. package/dist/components/gb-toast.js +19 -5
  100. package/dist/components/gb-toast.js.map +1 -1
  101. package/dist/components/gb-toggle-base.js +1 -1
  102. package/dist/components/gb-toggle.js +2 -2
  103. package/dist/components/gb-token-field-compact.js +1 -1
  104. package/dist/components/gb-token-field-compressed.js +2 -2
  105. package/dist/components/gb-tooltip.js +1 -1
  106. package/dist/components/gb-vertical-tabs.js +1 -1
  107. package/dist/components/gb-wysiwyg-editor-icon.js +1 -1
  108. package/dist/components/gb-wysiwyg-tooltip.js +1 -1
  109. package/dist/components/{p-DvV7snbA.js → p-49dlhIYS.js} +10 -4
  110. package/dist/components/p-49dlhIYS.js.map +1 -0
  111. package/dist/components/{p-Db25H5UF.js → p-B0GSTQw3.js} +3 -3
  112. package/dist/components/{p-Db25H5UF.js.map → p-B0GSTQw3.js.map} +1 -1
  113. package/dist/components/{p-BQU0qEQ8.js → p-B9vWIoWs.js} +19 -15
  114. package/dist/components/p-B9vWIoWs.js.map +1 -0
  115. package/dist/components/p-BHOJKe6j.js +348 -0
  116. package/dist/components/p-BHOJKe6j.js.map +1 -0
  117. package/dist/components/{p-DAm-213Y.js → p-BHyPbecw.js} +3 -3
  118. package/dist/components/{p-DAm-213Y.js.map → p-BHyPbecw.js.map} +1 -1
  119. package/dist/components/{p-apFyrUM4.js → p-BTHdpYQl.js} +114 -9
  120. package/dist/components/p-BTHdpYQl.js.map +1 -0
  121. package/dist/components/{p-CEK6hgEo.js → p-BWx-o392.js} +4 -4
  122. package/dist/components/{p-CEK6hgEo.js.map → p-BWx-o392.js.map} +1 -1
  123. package/dist/components/{p-ByFyt4ia.js → p-BYwfw805.js} +3 -3
  124. package/dist/components/{p-ByFyt4ia.js.map → p-BYwfw805.js.map} +1 -1
  125. package/dist/components/{p-C8LbZ4kH.js → p-BaOylBgt.js} +5 -5
  126. package/dist/components/{p-C8LbZ4kH.js.map → p-BaOylBgt.js.map} +1 -1
  127. package/dist/components/{p-e-QGBXGa.js → p-Bt2auhuC.js} +3 -3
  128. package/dist/components/{p-e-QGBXGa.js.map → p-Bt2auhuC.js.map} +1 -1
  129. package/dist/components/{p-ofbsewem.js → p-ByCoMbO2.js} +5 -5
  130. package/dist/components/{p-ofbsewem.js.map → p-ByCoMbO2.js.map} +1 -1
  131. package/dist/components/{p-DlH97JYU.js → p-CIk9ZD0b.js} +13 -13
  132. package/dist/components/{p-DlH97JYU.js.map → p-CIk9ZD0b.js.map} +1 -1
  133. package/dist/components/{p-BXST6Rgi.js → p-CKzAcGL2.js} +3 -3
  134. package/dist/components/{p-BXST6Rgi.js.map → p-CKzAcGL2.js.map} +1 -1
  135. package/dist/components/{p-wopm_NSt.js → p-CLeShKhE.js} +4 -4
  136. package/dist/components/{p-wopm_NSt.js.map → p-CLeShKhE.js.map} +1 -1
  137. package/dist/components/{p-BVu-h1cX.js → p-CQFpc6__.js} +3 -3
  138. package/dist/components/{p-BVu-h1cX.js.map → p-CQFpc6__.js.map} +1 -1
  139. package/dist/components/{p-CaVLFaUk.js → p-CSka0gDO.js} +9 -9
  140. package/dist/components/{p-CaVLFaUk.js.map → p-CSka0gDO.js.map} +1 -1
  141. package/dist/components/{p-BKvAhdEP.js → p-C_9HhBzA.js} +3 -3
  142. package/dist/components/{p-BKvAhdEP.js.map → p-C_9HhBzA.js.map} +1 -1
  143. package/dist/components/{p-cxKfHAER.js → p-C_f2hEd8.js} +10 -5
  144. package/dist/components/p-C_f2hEd8.js.map +1 -0
  145. package/dist/components/{p-T48Hj6xM.js → p-Cdgx4Hwc.js} +3 -3
  146. package/dist/components/{p-T48Hj6xM.js.map → p-Cdgx4Hwc.js.map} +1 -1
  147. package/dist/components/{p-kAsXRFkD.js → p-Ci5AB68V.js} +3 -3
  148. package/dist/components/{p-kAsXRFkD.js.map → p-Ci5AB68V.js.map} +1 -1
  149. package/dist/components/{p-9xYUsl7q.js → p-Cj67a6IJ.js} +3 -3
  150. package/dist/components/{p-9xYUsl7q.js.map → p-Cj67a6IJ.js.map} +1 -1
  151. package/dist/components/{p-Dn5rOzr_.js → p-CsQhqi-L.js} +3 -3
  152. package/dist/components/{p-Dn5rOzr_.js.map → p-CsQhqi-L.js.map} +1 -1
  153. package/dist/components/{p-uV0Dz5N_.js → p-CwTzPqb2.js} +4 -4
  154. package/dist/components/{p-uV0Dz5N_.js.map → p-CwTzPqb2.js.map} +1 -1
  155. package/dist/components/{p-CTNnGEZs.js → p-D0VVIazI.js} +3 -3
  156. package/dist/components/{p-CTNnGEZs.js.map → p-D0VVIazI.js.map} +1 -1
  157. package/dist/components/{p-Bo4efGgC.js → p-DLhsTHln.js} +3 -3
  158. package/dist/components/{p-Bo4efGgC.js.map → p-DLhsTHln.js.map} +1 -1
  159. package/dist/components/{p-Dd_Eos3v.js → p-DMjBTN85.js} +4 -4
  160. package/dist/components/{p-Dd_Eos3v.js.map → p-DMjBTN85.js.map} +1 -1
  161. package/dist/components/{p-DRngXcjq.js → p-DNAqkyM0.js} +4 -4
  162. package/dist/components/{p-DRngXcjq.js.map → p-DNAqkyM0.js.map} +1 -1
  163. package/dist/components/{p-BgNv7S1j.js → p-DSuh8sT6.js} +4 -4
  164. package/dist/components/{p-BgNv7S1j.js.map → p-DSuh8sT6.js.map} +1 -1
  165. package/dist/components/{p-CO71VZ1J.js → p-DUlP9ot1.js} +4 -4
  166. package/dist/components/{p-CO71VZ1J.js.map → p-DUlP9ot1.js.map} +1 -1
  167. package/dist/components/{p-CTfLJ_Yp.js → p-DfeAzwhz.js} +3 -3
  168. package/dist/components/{p-CTfLJ_Yp.js.map → p-DfeAzwhz.js.map} +1 -1
  169. package/dist/components/{p-BByUPZTR.js → p-DpjHb85v.js} +5 -5
  170. package/dist/components/{p-BByUPZTR.js.map → p-DpjHb85v.js.map} +1 -1
  171. package/dist/components/{p-CgQonNKV.js → p-Dqd4hVBB.js} +3 -3
  172. package/dist/components/{p-CgQonNKV.js.map → p-Dqd4hVBB.js.map} +1 -1
  173. package/dist/components/{p-hck2xhPi.js → p-Z_m9SN0_.js} +3 -3
  174. package/dist/components/{p-hck2xhPi.js.map → p-Z_m9SN0_.js.map} +1 -1
  175. package/dist/components/{p-qZNN2nfj.js → p-blTaQhCM.js} +5 -5
  176. package/dist/components/{p-qZNN2nfj.js.map → p-blTaQhCM.js.map} +1 -1
  177. package/dist/components/p-cHn6O-Kf.js.map +1 -1
  178. package/dist/components/{p-yDP7ObG5.js → p-g6ayM_Wt.js} +6 -6
  179. package/dist/components/{p-yDP7ObG5.js.map → p-g6ayM_Wt.js.map} +1 -1
  180. package/dist/components/{p-c0RQJb24.js → p-rw4UZJOE.js} +11 -11
  181. package/dist/components/{p-c0RQJb24.js.map → p-rw4UZJOE.js.map} +1 -1
  182. package/dist/components/{p-BtGA-5EV.js → p-y6Xot37W.js} +3 -3
  183. package/dist/components/{p-BtGA-5EV.js.map → p-y6Xot37W.js.map} +1 -1
  184. package/dist/components/test-input-tag.js +6 -6
  185. package/dist/docs.json +524 -57
  186. package/dist/esm/gb-action-panel_75.entry.js +400 -101
  187. package/dist/esm/gb-table-cell.entry.js +1 -1
  188. package/dist/esm/gb-token-field-compact.entry.js +1 -1
  189. package/dist/esm/gb-token-field-compressed.entry.js +2 -2
  190. package/dist/esm/gb-wysiwyg-editor-icon.entry.js +1 -1
  191. package/dist/esm/globuscomponents.js +1 -1
  192. package/dist/esm/loader.js +1 -1
  193. package/dist/esm/reusableModels-cHn6O-Kf.js.map +1 -1
  194. package/dist/esm/test-input-tag.entry.js +2 -2
  195. package/dist/globuscomponents/gb-button.tsx +6 -1
  196. package/dist/globuscomponents/globuscomponents.esm.js +1 -1
  197. package/dist/globuscomponents/p-031a93b0.entry.js +2 -0
  198. package/dist/globuscomponents/{p-5f4f79f3.entry.js → p-7024cc46.entry.js} +2 -2
  199. package/dist/globuscomponents/p-7024cc46.entry.js.map +1 -0
  200. package/dist/globuscomponents/{p-5d4750b8.entry.js → p-a61d1385.entry.js} +2 -2
  201. package/dist/globuscomponents/{p-957759a4.entry.js → p-bc7a3ff1.entry.js} +2 -2
  202. package/dist/globuscomponents/{p-9f49601d.entry.js → p-bd89e53d.entry.js} +2 -2
  203. package/dist/globuscomponents/p-cHn6O-Kf.js.map +1 -1
  204. package/dist/globuscomponents/{p-b71b110d.entry.js → p-e4bda433.entry.js} +2 -2
  205. package/dist/globuscomponents/readme.md +10 -0
  206. package/dist/types/components/gb-button/gb-button.d.ts +1 -0
  207. package/dist/types/components/gb-input-dropdown/gb-input-dropdown.d.ts +1 -1
  208. package/dist/types/components/gb-portal/gb-portal.d.ts +3 -1
  209. package/dist/types/components/gb-tab-button-base/gb-tab-button-base.d.ts +3 -2
  210. package/dist/types/components/gb-table/gb-table.d.ts +49 -0
  211. package/dist/types/components/gb-table-header/gb-table-header.d.ts +1 -1
  212. package/dist/types/components/gb-toast/gb-toast.d.ts +4 -0
  213. package/dist/types/components.d.ts +129 -20
  214. package/dist/types/models/reusableModels.d.ts +8 -0
  215. package/package.json +1 -1
  216. package/dist/components/p-BQU0qEQ8.js.map +0 -1
  217. package/dist/components/p-DvV7snbA.js.map +0 -1
  218. package/dist/components/p-apFyrUM4.js.map +0 -1
  219. package/dist/components/p-cxKfHAER.js.map +0 -1
  220. package/dist/globuscomponents/p-5f4f79f3.entry.js.map +0 -1
  221. package/dist/globuscomponents/p-9bf9cc0c.entry.js +0 -2
  222. /package/dist/globuscomponents/{p-9bf9cc0c.entry.js.map → p-031a93b0.entry.js.map} +0 -0
  223. /package/dist/globuscomponents/{p-5d4750b8.entry.js.map → p-a61d1385.entry.js.map} +0 -0
  224. /package/dist/globuscomponents/{p-957759a4.entry.js.map → p-bc7a3ff1.entry.js.map} +0 -0
  225. /package/dist/globuscomponents/{p-9f49601d.entry.js.map → p-bd89e53d.entry.js.map} +0 -0
  226. /package/dist/globuscomponents/{p-b71b110d.entry.js.map → p-e4bda433.entry.js.map} +0 -0
@@ -5,7 +5,7 @@ var index = require('./index-DYd2fd_Q.js');
5
5
  const defineCustomElements = async (win, options) => {
6
6
  if (typeof window === 'undefined') return undefined;
7
7
  await index.globalScripts();
8
- return index.bootstrapLazy(JSON.parse("[[\"gb-action-panel_75.cjs\",[[257,\"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\"],\"showSearch\":[4,\"show-search\"],\"inputPlaceholder\":[1,\"input-placeholder\"],\"inputIcon\":[1,\"input-icon\"],\"avatarDropdownType\":[1,\"avatar-dropdown-type\"],\"listGroupOne\":[16],\"listGroupTwo\":[16],\"showThemeTab\":[4,\"show-theme-tab\"],\"showProfile\":[4,\"show-profile\"],\"showRoles\":[4,\"show-roles\"],\"roles\":[16],\"showLogOut\":[4,\"show-log-out\"],\"showLogError\":[4,\"show-log-error\"],\"notificationState\":[1,\"notification-state\"],\"notifications\":[1040],\"currentTheme\":[1,\"current-theme\"],\"contactHelpDropdown\":[4,\"contact-help-dropdown\"],\"contactHelpDropdownItems\":[16],\"initials\":[32],\"width\":[32],\"activeDropdown\":[32],\"breakpoint\":[32],\"searchBarShown\":[32],\"showSearchButton\":[32]},[[4,\"click\",\"handleClickOutside\"]]],[257,\"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\"],\"exportButtonState\":[1,\"export-button-state\"],\"pdfState\":[1,\"pdf-state\"],\"csvState\":[1,\"csv-state\"],\"showDateFilter\":[4,\"show-date-filter\"],\"dateItems\":[16],\"mode\":[1],\"format\":[1],\"datePickerDisabled\":[4,\"date-picker-disabled\"],\"datePickerPlaceholder\":[1,\"date-picker-placeholder\"],\"datePickerIconPosition\":[1,\"date-picker-icon-position\"],\"datePickerDropdownPosition\":[1,\"date-picker-dropdown-position\"],\"exportDropdownPosition\":[1,\"export-dropdown-position\"],\"enableTime\":[4,\"enable-time\"],\"noCalendar\":[4,\"no-calendar\"],\"twentyfourHr\":[4,\"twentyfour-hr\"],\"showMonths\":[2,\"show-months\"],\"items\":[32],\"width\":[32],\"buttonIcon\":[32],\"showExportDropdown\":[32],\"isDatePickerShown\":[32],\"isDatePickerFullWidth\":[32]},[[9,\"resize\",\"handleResize\"],[4,\"click\",\"handleClickOutside\"]]],[257,\"gb-table\",{\"columns\":[16],\"data\":[16],\"rowActions\":[16],\"stickyFirstColumn\":[4,\"sticky-first-column\"],\"stickyLastColumn\":[4,\"sticky-last-column\"],\"actionsType\":[1,\"actions-type\"],\"openRowIndex\":[32]}],[257,\"gb-approval-modal\",{\"showDecision\":[4,\"show-decision\"],\"badgeColor\":[1,\"badge-color\"],\"badgeType\":[1,\"badge-type\"],\"badgeIcon\":[1,\"badge-icon\"],\"badgeLabel\":[1,\"badge-label\"],\"firstButtonText\":[1,\"first-button-text\"],\"secondButtonText\":[1,\"second-button-text\"],\"thirdButtonText\":[1,\"third-button-text\"],\"firstIconButtonSwap\":[1,\"first-icon-button-swap\"],\"secondIconButtonSwap\":[1,\"second-icon-button-swap\"],\"firstButtonIconLeadingSwap\":[1,\"first-button-icon-leading-swap\"],\"secondButtonIconLeadingSwap\":[1,\"second-button-icon-leading-swap\"],\"thirdButtonIconLeadingSwap\":[1,\"third-button-icon-leading-swap\"],\"firstButtonIconTrailingSwap\":[1,\"first-button-icon-trailing-swap\"],\"secondButtonIconTrailingSwap\":[1,\"second-button-icon-trailing-swap\"],\"thirdButtonIconTrailingSwap\":[1,\"third-button-icon-trailing-swap\"]}],[257,\"gb-nav-bar-sidemenu\",{\"applicationName\":[1,\"application-name\"],\"applicationIcon\":[1,\"application-icon\"],\"activeIndex\":[2,\"active-index\"],\"tabs\":[16],\"leadingIconSvg\":[32]}],[257,\"gb-empty-state\",{\"size\":[1],\"icon\":[1],\"color\":[1],\"theme\":[1],\"illustrationStyle\":[1,\"illustration-style\"],\"illustrationIcon\":[1,\"illustration-icon\"],\"background\":[4],\"backgroundType\":[1,\"background-type\"],\"primaryButtonText\":[1,\"primary-button-text\"],\"secondaryButtonText\":[1,\"secondary-button-text\"],\"primaryButtonState\":[1,\"primary-button-state\"],\"primaryButtonIconLeadingSwap\":[1,\"primary-button-icon-leading-swap\"],\"primaryButtonIconTrailingSwap\":[1,\"primary-button-icon-trailing-swap\"],\"secondaryButtonIconLeadingSwap\":[1,\"secondary-button-icon-leading-swap\"],\"secondaryButtonIconTrailingSwap\":[1,\"secondary-button-icon-trailing-swap\"],\"mainText\":[1,\"main-text\"],\"supportingText\":[1,\"supporting-text\"],\"fileStyle\":[1,\"file-style\"],\"fileType\":[1,\"file-type\"],\"featuredIconSwap\":[1,\"featured-icon-swap\"],\"isDarkTheme\":[32],\"patternKey\":[32]},null,{\"theme\":[\"onThemeChanged\"]}],[257,\"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]}],[257,\"gb-horizontal-tabs\",{\"type\":[1],\"size\":[1],\"fullWidth\":[4,\"full-width\"],\"badge\":[4],\"activeIndex\":[1026,\"active-index\"],\"tabs\":[16],\"internalTabs\":[32],\"internalActiveIndex\":[32],\"width\":[32],\"showLeftButton\":[32],\"showRightButton\":[32]},[[9,\"resize\",\"updateScrollButtons\"]],{\"activeIndex\":[\"setActiveIndex\"],\"tabs\":[\"onTabsChanged\"]}],[257,\"gb-metric-card\",{\"size\":[1],\"radius\":[1],\"label\":[1],\"metric\":[1],\"showBadge\":[4,\"show-badge\"],\"featuredIconStyle\":[1,\"featured-icon-style\"],\"featuredIconColor\":[1,\"featured-icon-color\"],\"icon\":[1],\"percentage\":[1]}],[257,\"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\"],\"submitButtonIconLeadingSwap\":[1,\"submit-button-icon-leading-swap\"],\"submitButtonIconTrailingSwap\":[1,\"submit-button-icon-trailing-swap\"],\"submitButtonState\":[1,\"submit-button-state\"],\"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\"]}],[257,\"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\"],\"firstActionText\":[1,\"first-action-text\"],\"secondActionText\":[1,\"second-action-text\"],\"internalColor\":[32]},null,{\"color\":[\"onColorChange\"]}],[257,\"gb-avatar-profile-photo\",{\"placeholder\":[4],\"text\":[4],\"size\":[1],\"verified\":[4],\"icon\":[1]}],[257,\"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\"],\"heading\":[1],\"showHeading\":[4,\"show-heading\"],\"formatHeading\":[4,\"format-heading\"],\"leftValue\":[32],\"rightValue\":[32]}],[257,\"gb-toggle\",{\"size\":[1],\"state\":[1],\"text\":[4],\"supportingText\":[4,\"supporting-text\"],\"pressed\":[4],\"position\":[1]}],[257,\"gb-pagination\",{\"type\":[1],\"shape\":[1],\"breakpoint\":[1025],\"currentPage\":[1026,\"current-page\"],\"totalPages\":[1026,\"total-pages\"],\"entries\":[1040],\"entriesDropdownMenuPosition\":[1,\"entries-dropdown-menu-position\"],\"selectedPageSize\":[32],\"defaultSelected\":[32],\"pages\":[32],\"width\":[32],\"internalTotalPages\":[32]},null,{\"totalPages\":[\"onTotalPagesChange\"]}],[257,\"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\":[16],\"listGroupTwo\":[16],\"color\":[1],\"showBorder\":[4,\"show-border\"],\"currentTheme\":[1,\"current-theme\"]}],[257,\"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\"],\"errorText\":[1,\"error-text\"],\"idOfInput\":[513,\"id-of-input\"],\"isReadOnly\":[516,\"is-read-only\"],\"value\":[1040],\"icon\":[1],\"results\":[1040],\"inputValue\":[1025,\"input-value\"],\"content\":[32],\"selectedStaff\":[32],\"paddingLeft\":[32],\"paddingTop\":[32],\"show\":[32],\"staffInfo\":[32],\"selectedItems\":[32],\"unselectedItems\":[32]},[[4,\"click\",\"handleClickOutside\"]],{\"value\":[\"updateSelectedItems\"]}],[257,\"gb-checkbox-group-item\",{\"size\":[1],\"type\":[1],\"state\":[1],\"breakpoint\":[1],\"showCost\":[4,\"show-cost\"],\"selected\":[1028],\"showButton\":[4,\"show-button\"],\"buttonText\":[1,\"button-text\"],\"icon\":[1],\"checkboxType\":[1,\"checkbox-type\"],\"leadingIconSvg\":[32]}],[257,\"gb-filter-button\",{\"state\":[1],\"iconOnly\":[4,\"icon-only\"]}],[257,\"gb-simple-side-bar-item\",{\"state\":[1],\"type\":[1],\"label\":[1],\"icon\":[1],\"secondaryIcon\":[1,\"secondary-icon\"],\"category\":[1],\"showSecondaryIcon\":[4,\"show-secondary-icon\"],\"showBadge\":[4,\"show-badge\"],\"showTooltip\":[1028,\"show-tooltip\"],\"subMenu\":[4,\"sub-menu\"],\"leadingIconSvg\":[32],\"secondaryIconSvg\":[32],\"internalIcon\":[32]},null,{\"icon\":[\"updateSidebarIcon\"]}],[257,\"gb-vertical-tabs\",{\"size\":[1],\"type\":[1],\"activeIndex\":[1026,\"active-index\"],\"tabs\":[16],\"internalTabs\":[32]},null,{\"tabs\":[\"onTabsChanged\"]}],[257,\"gb-file-upload-item-base\",{\"icon\":[1],\"label\":[1],\"showLabel\":[4,\"show-label\"],\"formatLabel\":[4,\"format-label\"],\"state\":[1],\"heightSize\":[1,\"height-size\"],\"fileType\":[1,\"file-type\"],\"progress\":[2],\"fileSize\":[2,\"file-size\"],\"fileName\":[1,\"file-name\"],\"allowedType\":[1,\"allowed-type\"],\"showFileSize\":[4,\"show-file-size\"],\"required\":[4],\"errorSupportingText\":[1,\"error-supporting-text\"],\"internalState\":[32],\"internalProgress\":[32]},null,{\"state\":[\"onStateChange\"],\"progress\":[\"onProgressChange\"],\"fileName\":[\"handleFileNameChange\"]}],[257,\"gb-modal-action\",{\"actionType\":[1,\"action-type\"],\"destructive\":[4],\"fullWidth\":[4,\"full-width\"],\"showSecondaryAction\":[4,\"show-secondary-action\"],\"showFirstButton\":[4,\"show-first-button\"],\"showSecondButton\":[4,\"show-second-button\"],\"showThirdButton\":[4,\"show-third-button\"],\"firstButtonText\":[1,\"first-button-text\"],\"secondButtonText\":[1,\"second-button-text\"],\"thirdButtonText\":[1,\"third-button-text\"],\"firstIconButtonSwap\":[1,\"first-icon-button-swap\"],\"secondIconButtonSwap\":[1,\"second-icon-button-swap\"],\"firstButtonIconLeadingSwap\":[1,\"first-button-icon-leading-swap\"],\"secondButtonIconLeadingSwap\":[1,\"second-button-icon-leading-swap\"],\"thirdButtonIconLeadingSwap\":[1,\"third-button-icon-leading-swap\"],\"firstButtonIconTrailingSwap\":[1,\"first-button-icon-trailing-swap\"],\"secondButtonIconTrailingSwap\":[1,\"second-button-icon-trailing-swap\"],\"thirdButtonIconTrailingSwap\":[1,\"third-button-icon-trailing-swap\"],\"showFirstIconButton\":[4,\"show-first-icon-button\"],\"showSecondIconButton\":[4,\"show-second-icon-button\"],\"showCheckBox\":[4,\"show-check-box\"],\"checkboxLabel\":[1,\"checkbox-label\"],\"firstIconButtonTooltipShown\":[32],\"secondIconButtonTooltipShown\":[32]}],[321,\"gb-button-group\",{\"items\":[16],\"icon\":[1],\"showLabel\":[4,\"show-label\"],\"label\":[1],\"internalItems\":[32],\"selectedValue\":[32]},null,{\"items\":[\"onItemsUpdated\"]}],[257,\"gb-contact-help-dropdown\",{\"items\":[16]}],[257,\"gb-date-picker\",{\"placeholder\":[1],\"value\":[1040],\"format\":[1],\"mode\":[1],\"disabled\":[4],\"iconPosition\":[1,\"icon-position\"],\"dropdownAlignment\":[1,\"dropdown-alignment\"],\"label\":[1],\"formatLabel\":[4,\"format-label\"],\"allowInput\":[4,\"allow-input\"],\"enableTime\":[4,\"enable-time\"],\"noCalendar\":[4,\"no-calendar\"],\"twentyfourHr\":[4,\"twentyfour-hr\"],\"showMonths\":[2,\"show-months\"],\"fullWidth\":[4,\"full-width\"],\"isCalendarShown\":[32],\"breakpoint\":[32],\"width\":[32],\"displayValue\":[32],\"selectionSource\":[32]},null,{\"displayValue\":[\"handleDisplayValueChange\"]}],[257,\"gb-export-dropdown\",{\"state\":[1],\"showEntireData\":[4,\"show-entire-data\"],\"pdfState\":[1,\"pdf-state\"],\"csvState\":[1,\"csv-state\"],\"showFirstSubDropdown\":[32],\"showSecondSubDropdown\":[32]}],[257,\"gb-help-dropdown\",{\"showLogError\":[4,\"show-log-error\"]}],[257,\"gb-notification-pane\",{\"state\":[1],\"notifications\":[1040]}],[257,\"gb-collapse-button\",{\"color\":[1],\"isCollapsed\":[1028,\"is-collapsed\"],\"action\":[1025],\"isHovered\":[1028,\"is-hovered\"],\"direction\":[1],\"icon\":[1],\"leadingIconSvg\":[32],\"collapseSidebar\":[64],\"expandSidebar\":[64]}],[257,\"gb-modal-header\",{\"text\":[1],\"closeButtonPosition\":[513,\"close-button-position\"]}],[257,\"gb-slider-control-handle\",{\"value\":[1],\"type\":[1],\"isHovered\":[32],\"isFocused\":[32]}],[257,\"gb-header-icon\",{\"state\":[1],\"showIndicator\":[4,\"show-indicator\"],\"icon\":[1],\"leadingIconSvg\":[32]}],[257,\"gb-illustration\",{\"size\":[1],\"color\":[1],\"illustrationStyle\":[1,\"illustration-style\"],\"illustrationIcon\":[1,\"illustration-icon\"],\"theme\":[1],\"leadingIconSvg\":[32]}],[257,\"gb-metric-featured-icon\",{\"size\":[1],\"color\":[1],\"featuredIconStyle\":[1,\"featured-icon-style\"],\"icon\":[1],\"leadingIconSvg\":[32]}],[257,\"gb-pattern\",{\"type\":[1],\"theme\":[1],\"isDarkTheme\":[32]},null,{\"theme\":[\"changeTheme\"]}],[257,\"gb-portal\",{\"anchorId\":[1,\"anchor-id\"],\"placement\":[8],\"open\":[4]},null,{\"open\":[\"onOpenChange\"]}],[257,\"gb-toast-button\",{\"state\":[1],\"color\":[1]}],[257,\"gb-toggle-base\",{\"size\":[1],\"state\":[1],\"pressed\":[1028]}],[257,\"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],\"formatLabel\":[4,\"format-label\"],\"leadingIconSvg\":[32],\"dropdownOpen\":[32],\"selectedItem\":[32],\"selectedItems\":[32],\"unselectedItems\":[32],\"searchItem\":[32],\"searchResults\":[32],\"internalItems\":[32],\"showCloseButton\":[32],\"internalLoading\":[32],\"clearSelection\":[64],\"isDestructive\":[64],\"isNotDestructive\":[64]},[[4,\"click\",\"handleClickOutside\"]],{\"items\":[\"updateResultsAndShowInDropdown\",\"syncSelectedItems\"],\"loading\":[\"onLoadingChanged\"],\"destructive\":[\"watchDestructive\"],\"value\":[\"syncSelectedItems\"]}],[257,\"gb-avatar-label-group\",{\"size\":[1],\"statusIcon\":[1,\"status-icon\"],\"state\":[1],\"placeholder\":[4],\"text\":[4],\"color\":[1],\"showBorder\":[4,\"show-border\"]}],[257,\"gb-button-group-base\",{\"current\":[4],\"icon\":[1],\"state\":[1],\"label\":[1],\"iconSrc\":[1,\"icon-src\"],\"leadingIconSvg\":[32]}],[257,\"gb-theme-tab\",{\"theme\":[1025],\"currentActiveTab\":[1025,\"current-active-tab\"]}],[257,\"gb-export-sub-dropdown\",{\"showEntireData\":[4,\"show-entire-data\"]}],[257,\"gb-progress-bar\",{\"progress\":[2],\"showLabel\":[4,\"show-label\"],\"labelPosition\":[1,\"label-position\"]}],[257,\"gb-date-picker-list-item\",{\"selected\":[4],\"label\":[1]}],[257,\"gb-export-dropdown-item\",{\"icon\":[4],\"state\":[1],\"type\":[1]}],[257,\"gb-notification-content\",{\"icon\":[1],\"label\":[1],\"time\":[1],\"supportingText\":[1,\"supporting-text\"]}],[257,\"gb-pagination-button-group-base\",{\"icon\":[1],\"state\":[1],\"iconSrc\":[1,\"icon-src\"],\"leadingIconSvg\":[32]}],[257,\"gb-pagination-number-base\",{\"shape\":[1],\"state\":[1]}],[257,\"gb-tab-button-base\",{\"current\":[4],\"size\":[1],\"fullWidth\":[4,\"full-width\"],\"badge\":[4],\"type\":[1],\"tabName\":[1,\"tab-name\"],\"alignment\":[1]}],[257,\"gb-icon-button-base\",{\"current\":[4],\"icon\":[1],\"label\":[1],\"leadingIconSvg\":[32],\"showTooltip\":[32]}],[257,\"gb-export-sub-dropdown-item\",{\"icon\":[1],\"state\":[1],\"leadingIconSvg\":[32]}],[257,\"gb-file-type-icon\",{\"fileStyle\":[1,\"file-style\"],\"fileType\":[1,\"file-type\"]}],[321,\"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\":[1025,\"icon-swap\"],\"enableCancelButtonFunction\":[4,\"enable-cancel-button-function\"],\"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],\"loading\":[1028],\"formatLabel\":[4,\"format-label\"],\"formatNumber\":[4,\"format-number\"],\"inputOnlyDisabled\":[4,\"input-only-disabled\"],\"showCloseButton\":[32],\"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],\"isDestructive\":[64],\"isNotDestructive\":[64]},[[4,\"click\",\"handleClickOutside\"]],{\"iconSwap\":[\"iconSwapChanged\"],\"options\":[\"optionsChanged\"],\"loading\":[\"onLoadingChanged\"],\"value\":[\"updateSelectedItems\"]}],[257,\"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]}],[257,\"gb-featured-icon\",{\"size\":[1],\"destructive\":[4],\"icon\":[1],\"leadingIconSvg\":[32]}],[257,\"gb-password-button\",{\"state\":[1],\"isPasswordVisible\":[32]}],[257,\"gb-help-tooltip\",{\"showArrow\":[4,\"show-arrow\"],\"showSupportingText\":[4,\"show-supporting-text\"],\"showHelpTooltip\":[32]}],[260,\"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\"],\"tooltipText\":[1,\"tooltip-text\"],\"arrow\":[1],\"leadingIconSvg\":[32],\"trailingIconSvg\":[32],\"internalButtonState\":[32],\"internalIconLeadingState\":[32],\"internalIconTrailingState\":[32],\"tooltipShown\":[32]}],[257,\"gb-button-close\",{\"size\":[1],\"color\":[1]}],[257,\"gb-tag\",{\"size\":[1],\"icon\":[1],\"action\":[1],\"flagSwap\":[1,\"flag-swap\"],\"checkbox\":[4],\"onTagClose\":[64]}],[257,\"gb-input-dropdown-menu-item\",{\"type\":[1],\"supportingText\":[4,\"supporting-text\"],\"selected\":[1028],\"state\":[1],\"color\":[1],\"iconLeading\":[4,\"icon-leading\"],\"iconLeadingSwap\":[1,\"icon-leading-swap\"],\"ellipsed\":[4],\"leadingIconSvg\":[32]}],[257,\"gb-tag-checkbox\",{\"checked\":[4],\"size\":[1],\"disabled\":[4]}],[257,\"gb-tag-close\",{\"size\":[1]}],[257,\"gb-tag-count\",{\"size\":[1]}],[257,\"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]}],[257,\"gb-badge-close\",{\"color\":[1],\"type\":[1]}],[257,\"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\"],\"tooltipText\":[1,\"tooltip-text\"],\"arrow\":[1],\"event\":[4],\"leadingIconSvg\":[32],\"trailingIconSvg\":[32],\"internalButtonState\":[32],\"internalIconLeadingState\":[32],\"internalIconTrailingState\":[32],\"tooltipShown\":[32]}],[257,\"gb-checkbox\",{\"checked\":[4],\"indeterminate\":[4],\"size\":[1],\"type\":[1],\"state\":[1],\"text\":[4],\"supportingText\":[4,\"supporting-text\"]}],[257,\"gb-checkbox-base\",{\"state\":[1025],\"size\":[1],\"type\":[1],\"checked\":[1028],\"indeterminate\":[1028]}],[257,\"gb-avatar\",{\"size\":[1],\"placeholder\":[4],\"text\":[4],\"statusIcon\":[1,\"status-icon\"],\"state\":[1],\"icon\":[1],\"color\":[1],\"showBorder\":[4,\"show-border\"],\"companyIcon\":[1,\"company-icon\"],\"weight\":[1],\"assignedColorClass\":[32]}],[257,\"gb-avatar-contrast-inner-border\",{\"weight\":[1],\"size\":[1],\"showBorder\":[4,\"show-border\"]}],[257,\"gb-status-indicator\",{\"statusIcon\":[1,\"status-icon\"],\"size\":[1],\"state\":[1],\"indicatorStateClass\":[1,\"indicator-state-class\"],\"companyIcon\":[1,\"company-icon\"]}],[257,\"gb-tooltip\",{\"showArrow\":[4,\"show-arrow\"],\"arrow\":[1],\"showSupportingText\":[4,\"show-supporting-text\"],\"noWrap\":[4,\"no-wrap\"]}]]],[\"gb-sidebar.cjs\",[[257,\"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\"],\"hasInfo\":[4,\"has-info\"],\"email\":[1],\"phoneNumber\":[1,\"phone-number\"],\"theme\":[1],\"isDarkTheme\":[32],\"leadingIconSvg\":[32],\"sideBarItemClicked\":[64]}]]],[\"test-input-tag.cjs\",[[256,\"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-checkbox-group.cjs\",[[257,\"gb-checkbox-group\",{\"size\":[1],\"breakpoint\":[1],\"icon\":[1],\"selected\":[4],\"type\":[1]}]]],[\"gb-detail-cell.cjs\",[[257,\"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\"],\"showSupportingText\":[4,\"show-supporting-text\"],\"supportingText\":[1,\"supporting-text\"],\"showStandardCopyButton\":[32],\"showTooltip\":[32],\"copied\":[32],\"isDownloaded\":[32],\"width\":[32]}]]],[\"gb-avatar-group.cjs\",[[257,\"gb-avatar-group\",{\"size\":[1],\"moreUsers\":[4,\"more-users\"],\"addMoreButton\":[4,\"add-more-button\"],\"text\":[4],\"state\":[1],\"images\":[16]}]]],[\"gb-nav-bar.cjs\",[[257,\"gb-nav-bar\",{\"category\":[1],\"items\":[1040],\"showBorder\":[4,\"show-border\"],\"activeIndex\":[1026,\"active-index\"],\"internalItems\":[32],\"visibleItems\":[32],\"overflowItems\":[32],\"measured\":[32],\"dropdownOpen\":[32],\"dropdownItemClicked\":[32]},null,{\"items\":[\"onItemsChanged\"]}]]],[\"gb-prompt-modal.cjs\",[[257,\"gb-prompt-modal\",{\"showCheckBox\":[4,\"show-check-box\"],\"heading\":[1],\"supportingText\":[1,\"supporting-text\"],\"destructive\":[4],\"iconInstance\":[1,\"icon-instance\"],\"checkboxLabel\":[1,\"checkbox-label\"],\"primaryButtonText\":[1,\"primary-button-text\"],\"secondaryButtonText\":[1,\"secondary-button-text\"],\"checked\":[4],\"checkboxState\":[1,\"checkbox-state\"],\"leadingIconSvg\":[32]}]]],[\"gb-comment.cjs\",[[257,\"gb-comment\",{\"heading\":[1],\"state\":[1025],\"noCommentText\":[1,\"no-comment-text\"],\"noCommentTextSub\":[1,\"no-comment-text-sub\"],\"comments\":[16],\"theme\":[1],\"isDarkTheme\":[32]}]]],[\"gb-stepper-horizontal-icons-centered.cjs\",[[257,\"gb-stepper-horizontal-icons-centered\",{\"size\":[1],\"steps\":[16],\"type\":[1],\"breakpoint\":[1]}]]],[\"gb-stepper-horizontal-line-with-text.cjs\",[[257,\"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\",[[257,\"gb-stepper-vertical-icons-with-text\",{\"size\":[1],\"connector\":[4],\"type\":[1],\"steps\":[16],\"internalSteps\":[32],\"internalState\":[32],\"internalStatus\":[32]},null,{\"steps\":[\"onStepsChanged\"]}]]],[\"gb-breadcrumbs.cjs\",[[257,\"gb-breadcrumbs\",{\"type\":[1],\"divider\":[1],\"breadcrumbs\":[16],\"icon\":[1],\"visibleBreadcrumbs\":[32]}]]],[\"gb-quick-action-card.cjs\",[[257,\"gb-quick-action-card\",{\"color\":[1],\"icon\":[1],\"label\":[1]}]]],[\"gb-quick-action-icon.cjs\",[[257,\"gb-quick-action-icon\",{\"icon\":[1],\"label\":[1],\"isHovered\":[32]}]]],[\"gb-stepper-horizontal-minimal-icons.cjs\",[[257,\"gb-stepper-horizontal-minimal-icons\",{\"size\":[1],\"text\":[4],\"stepLabel\":[1,\"step-label\"],\"steps\":[16],\"position\":[1]}]]],[\"gb-nav-bar-item.cjs\",[[257,\"gb-nav-bar-item\",{\"state\":[1],\"iconOnly\":[4,\"icon-only\"],\"category\":[1],\"label\":[1],\"icon\":[1],\"leadingIconSvg\":[32],\"showTooltip\":[32]}]]],[\"gb-mega-input-field-base.cjs\",[[257,\"gb-mega-input-field-base\",{\"size\":[1],\"state\":[1],\"inputValue\":[32]}]]],[\"gb-token-field-compressed.cjs\",[[257,\"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\",[[257,\"gb-wysiwyg-tooltip\",{\"arrow\":[1],\"breakpoint\":[1]}]]],[\"gb-carousel-arrow.cjs\",[[256,\"gb-carousel-arrow\",{\"size\":[1],\"chevron\":[1]}]]],[\"gb-category-card.cjs\",[[257,\"gb-category-card\",{\"label\":[1],\"supportingText\":[1,\"supporting-text\"],\"showSupportingText\":[4,\"show-supporting-text\"],\"cardImage\":[1,\"card-image\"],\"isHovered\":[32]}]]],[\"gb-logo.cjs\",[[257,\"gb-logo\",{\"text\":[4]}]]],[\"gb-pagination-dot-group.cjs\",[[257,\"gb-pagination-dot-group\",{\"size\":[1],\"type\":[1],\"color\":[1],\"framed\":[4]}]]],[\"gb-pagination-dot-indicator.cjs\",[[256,\"gb-pagination-dot-indicator\",{\"current\":[4],\"type\":[1],\"size\":[1]}]]],[\"gb-progress-circle.cjs\",[[257,\"gb-progress-circle\",{\"size\":[1],\"shape\":[1],\"label\":[4],\"progress\":[2]},null,{\"progress\":[\"handleProgressChange\"]}]]],[\"gb-scrollbar.cjs\",[[257,\"gb-scrollbar\",{\"length\":[1]}]]],[\"gb-stepper-horizontal-icons-connected.cjs\",[[257,\"gb-stepper-horizontal-icons-connected\",{\"size\":[1],\"steps\":[16]}]]],[\"gb-table-cell.cjs\",[[257,\"gb-table-cell\",{\"type\":[1]}]]],[\"gb-token-field-compact.cjs\",[[257,\"gb-token-field-compact\",{\"size\":[1],\"digits\":[2],\"showLabel\":[4,\"show-label\"],\"label\":[1],\"showSupportingText\":[4,\"show-supporting-text\"],\"supportingText\":[1,\"supporting-text\"]}]]],[\"gb-avatar-add-button.cjs\",[[257,\"gb-avatar-add-button\",{\"size\":[1],\"showToolTip\":[1028,\"show-tool-tip\"],\"state\":[1],\"el\":[16]}]]],[\"gb-breadcrumb-button-base.cjs\",[[257,\"gb-breadcrumb-button-base\",{\"current\":[4],\"type\":[1],\"icon\":[4],\"label\":[1],\"iconSrc\":[1,\"icon-src\"],\"leadingIconSvg\":[32]}]]],[\"gb-comment-item.cjs\",[[257,\"gb-comment-item\",{\"name\":[1],\"duty\":[1],\"comment\":[1],\"timeStamp\":[1,\"time-stamp\"],\"connector\":[4]}]]],[\"gb-wysiwyg-editor-icon.cjs\",[[257,\"gb-wysiwyg-editor-icon\",{\"active\":[4],\"type\":[1],\"state\":[1]}]]],[\"gb-complex-primary-side-bar-item_2.cjs\",[[257,\"gb-complex-primary-side-bar-item\",{\"category\":[1],\"itemStyle\":[1,\"item-style\"],\"state\":[1],\"icon\":[1],\"label\":[1],\"showTooltip\":[1028,\"show-tooltip\"],\"leadingIconSvg\":[32]}],[257,\"gb-complex-secondary-side-bar-item\",{\"state\":[1],\"type\":[1],\"category\":[1],\"label\":[1],\"icon\":[1],\"showTooltip\":[1028,\"show-tooltip\"],\"leadingIconSvg\":[32]}]]],[\"gb-card-icon.cjs\",[[257,\"gb-card-icon\",{\"size\":[1],\"color\":[1],\"icon\":[1],\"leadingIconSvg\":[32]}]]],[\"gb-step-base_2.cjs\",[[257,\"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\"]}],[257,\"gb-step-icon-base\",{\"size\":[1],\"status\":[1],\"state\":[1],\"internalState\":[32],\"internalStatus\":[32]},null,{\"status\":[\"onStatusChange\"],\"state\":[\"onStateChange\"]}]]]]"), options);
8
+ return index.bootstrapLazy(JSON.parse("[[\"gb-action-panel_75.cjs\",[[257,\"gb-table\",{\"columns\":[16],\"data\":[16],\"tableHeaderConfig\":[16],\"paginationConfig\":[8,\"pagination-config\"],\"showActionsColumn\":[4,\"show-actions-column\"],\"rowActions\":[16],\"stickyFirstColumn\":[4,\"sticky-first-column\"],\"stickyLastColumn\":[4,\"sticky-last-column\"],\"actionsType\":[1,\"actions-type\"],\"showCheckbox\":[4,\"show-checkbox\"],\"paginationMode\":[1,\"pagination-mode\"],\"currentPage\":[1026,\"current-page\"],\"pageSize\":[2,\"page-size\"],\"totalItems\":[2,\"total-items\"],\"internalCurrentPage\":[32],\"openRowIndex\":[32],\"sortKey\":[32],\"sortDirection\":[32],\"selectedRowIds\":[32],\"breakpoint\":[32],\"isMobile\":[32]},[[9,\"resize\",\"checkViewport\"]],{\"data\":[\"onDataChange\"],\"totalItems\":[\"onTotalItemsChange\"],\"columns\":[\"validateMobilePositions\"]}],[257,\"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\"],\"showSearch\":[4,\"show-search\"],\"inputPlaceholder\":[1,\"input-placeholder\"],\"inputIcon\":[1,\"input-icon\"],\"avatarDropdownType\":[1,\"avatar-dropdown-type\"],\"listGroupOne\":[16],\"listGroupTwo\":[16],\"showThemeTab\":[4,\"show-theme-tab\"],\"showProfile\":[4,\"show-profile\"],\"showRoles\":[4,\"show-roles\"],\"roles\":[16],\"showLogOut\":[4,\"show-log-out\"],\"showLogError\":[4,\"show-log-error\"],\"notificationState\":[1,\"notification-state\"],\"notifications\":[1040],\"currentTheme\":[1,\"current-theme\"],\"contactHelpDropdown\":[4,\"contact-help-dropdown\"],\"contactHelpDropdownItems\":[16],\"initials\":[32],\"width\":[32],\"activeDropdown\":[32],\"breakpoint\":[32],\"searchBarShown\":[32],\"showSearchButton\":[32]},[[4,\"click\",\"handleClickOutside\"]]],[257,\"gb-approval-modal\",{\"showDecision\":[4,\"show-decision\"],\"badgeColor\":[1,\"badge-color\"],\"badgeType\":[1,\"badge-type\"],\"badgeIcon\":[1,\"badge-icon\"],\"badgeLabel\":[1,\"badge-label\"],\"firstButtonText\":[1,\"first-button-text\"],\"secondButtonText\":[1,\"second-button-text\"],\"thirdButtonText\":[1,\"third-button-text\"],\"firstIconButtonSwap\":[1,\"first-icon-button-swap\"],\"secondIconButtonSwap\":[1,\"second-icon-button-swap\"],\"firstButtonIconLeadingSwap\":[1,\"first-button-icon-leading-swap\"],\"secondButtonIconLeadingSwap\":[1,\"second-button-icon-leading-swap\"],\"thirdButtonIconLeadingSwap\":[1,\"third-button-icon-leading-swap\"],\"firstButtonIconTrailingSwap\":[1,\"first-button-icon-trailing-swap\"],\"secondButtonIconTrailingSwap\":[1,\"second-button-icon-trailing-swap\"],\"thirdButtonIconTrailingSwap\":[1,\"third-button-icon-trailing-swap\"]}],[257,\"gb-nav-bar-sidemenu\",{\"applicationName\":[1,\"application-name\"],\"applicationIcon\":[1,\"application-icon\"],\"activeIndex\":[2,\"active-index\"],\"tabs\":[16],\"leadingIconSvg\":[32]}],[257,\"gb-empty-state\",{\"size\":[1],\"icon\":[1],\"color\":[1],\"theme\":[1],\"illustrationStyle\":[1,\"illustration-style\"],\"illustrationIcon\":[1,\"illustration-icon\"],\"background\":[4],\"backgroundType\":[1,\"background-type\"],\"primaryButtonText\":[1,\"primary-button-text\"],\"secondaryButtonText\":[1,\"secondary-button-text\"],\"primaryButtonState\":[1,\"primary-button-state\"],\"primaryButtonIconLeadingSwap\":[1,\"primary-button-icon-leading-swap\"],\"primaryButtonIconTrailingSwap\":[1,\"primary-button-icon-trailing-swap\"],\"secondaryButtonIconLeadingSwap\":[1,\"secondary-button-icon-leading-swap\"],\"secondaryButtonIconTrailingSwap\":[1,\"secondary-button-icon-trailing-swap\"],\"mainText\":[1,\"main-text\"],\"supportingText\":[1,\"supporting-text\"],\"fileStyle\":[1,\"file-style\"],\"fileType\":[1,\"file-type\"],\"featuredIconSwap\":[1,\"featured-icon-swap\"],\"isDarkTheme\":[32],\"patternKey\":[32]},null,{\"theme\":[\"onThemeChanged\"]}],[257,\"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]}],[257,\"gb-horizontal-tabs\",{\"type\":[1],\"size\":[1],\"fullWidth\":[4,\"full-width\"],\"badge\":[4],\"activeIndex\":[1026,\"active-index\"],\"tabs\":[16],\"internalTabs\":[32],\"internalActiveIndex\":[32],\"width\":[32],\"showLeftButton\":[32],\"showRightButton\":[32]},[[9,\"resize\",\"updateScrollButtons\"]],{\"activeIndex\":[\"setActiveIndex\"],\"tabs\":[\"onTabsChanged\"]}],[257,\"gb-metric-card\",{\"size\":[1],\"radius\":[1],\"label\":[1],\"metric\":[1],\"showBadge\":[4,\"show-badge\"],\"featuredIconStyle\":[1,\"featured-icon-style\"],\"featuredIconColor\":[1,\"featured-icon-color\"],\"icon\":[1],\"percentage\":[1]}],[257,\"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\"],\"submitButtonIconLeadingSwap\":[1,\"submit-button-icon-leading-swap\"],\"submitButtonIconTrailingSwap\":[1,\"submit-button-icon-trailing-swap\"],\"submitButtonState\":[1,\"submit-button-state\"],\"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\"]}],[257,\"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\"],\"firstActionText\":[1,\"first-action-text\"],\"secondActionText\":[1,\"second-action-text\"],\"internalColor\":[32],\"internalMainText\":[32],\"internalSupportingText\":[32]},null,{\"mainText\":[\"onMainTextChange\"],\"supportingText\":[\"onSupportingTextChange\"],\"color\":[\"onColorChange\"]}],[257,\"gb-avatar-profile-photo\",{\"placeholder\":[4],\"text\":[4],\"size\":[1],\"verified\":[4],\"icon\":[1]}],[257,\"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\"],\"heading\":[1],\"showHeading\":[4,\"show-heading\"],\"formatHeading\":[4,\"format-heading\"],\"leftValue\":[32],\"rightValue\":[32]}],[257,\"gb-toggle\",{\"size\":[1],\"state\":[1],\"text\":[4],\"supportingText\":[4,\"supporting-text\"],\"pressed\":[4],\"position\":[1]}],[257,\"gb-table-header\",{\"showFilter\":[4,\"show-filter\"],\"showColumnOptions\":[4,\"show-column-options\"],\"tableHeading\":[4,\"table-heading\"],\"tableHeadingLabel\":[1,\"table-heading-label\"],\"showSearch\":[4,\"show-search\"],\"showExport\":[4,\"show-export\"],\"showRefreshButton\":[4,\"show-refresh-button\"],\"showLayoutToggle\":[4,\"show-layout-toggle\"],\"filterState\":[1,\"filter-state\"],\"filterCount\":[2,\"filter-count\"],\"showEntireData\":[4,\"show-entire-data\"],\"exportButtonState\":[1,\"export-button-state\"],\"pdfState\":[1,\"pdf-state\"],\"csvState\":[1,\"csv-state\"],\"showDateFilter\":[4,\"show-date-filter\"],\"dateItems\":[16],\"mode\":[1],\"format\":[1],\"datePickerDisabled\":[4,\"date-picker-disabled\"],\"datePickerPlaceholder\":[1,\"date-picker-placeholder\"],\"datePickerIconPosition\":[1,\"date-picker-icon-position\"],\"datePickerDropdownPosition\":[1,\"date-picker-dropdown-position\"],\"exportDropdownPosition\":[1,\"export-dropdown-position\"],\"enableTime\":[4,\"enable-time\"],\"noCalendar\":[4,\"no-calendar\"],\"twentyfourHr\":[4,\"twentyfour-hr\"],\"showMonths\":[2,\"show-months\"],\"items\":[32],\"width\":[32],\"buttonIcon\":[32],\"showExportDropdown\":[32],\"isDatePickerShown\":[32],\"isDatePickerFullWidth\":[32]},[[9,\"resize\",\"handleResize\"],[4,\"click\",\"handleClickOutside\"]]],[257,\"gb-pagination\",{\"type\":[1],\"shape\":[1],\"breakpoint\":[1025],\"currentPage\":[1026,\"current-page\"],\"totalPages\":[1026,\"total-pages\"],\"entries\":[1040],\"entriesDropdownMenuPosition\":[1,\"entries-dropdown-menu-position\"],\"selectedPageSize\":[32],\"defaultSelected\":[32],\"pages\":[32],\"width\":[32],\"internalTotalPages\":[32]},null,{\"totalPages\":[\"onTotalPagesChange\"]}],[257,\"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\":[16],\"listGroupTwo\":[16],\"color\":[1],\"showBorder\":[4,\"show-border\"],\"currentTheme\":[1,\"current-theme\"]}],[257,\"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\"],\"errorText\":[1,\"error-text\"],\"idOfInput\":[513,\"id-of-input\"],\"isReadOnly\":[516,\"is-read-only\"],\"value\":[1040],\"icon\":[1],\"results\":[1040],\"inputValue\":[1025,\"input-value\"],\"content\":[32],\"selectedStaff\":[32],\"paddingLeft\":[32],\"paddingTop\":[32],\"show\":[32],\"staffInfo\":[32],\"selectedItems\":[32],\"unselectedItems\":[32]},[[4,\"click\",\"handleClickOutside\"]],{\"value\":[\"updateSelectedItems\"]}],[257,\"gb-checkbox-group-item\",{\"size\":[1],\"type\":[1],\"state\":[1],\"breakpoint\":[1],\"showCost\":[4,\"show-cost\"],\"selected\":[1028],\"showButton\":[4,\"show-button\"],\"buttonText\":[1,\"button-text\"],\"icon\":[1],\"checkboxType\":[1,\"checkbox-type\"],\"leadingIconSvg\":[32]}],[257,\"gb-simple-side-bar-item\",{\"state\":[1],\"type\":[1],\"label\":[1],\"icon\":[1],\"secondaryIcon\":[1,\"secondary-icon\"],\"category\":[1],\"showSecondaryIcon\":[4,\"show-secondary-icon\"],\"showBadge\":[4,\"show-badge\"],\"showTooltip\":[1028,\"show-tooltip\"],\"subMenu\":[4,\"sub-menu\"],\"leadingIconSvg\":[32],\"secondaryIconSvg\":[32],\"internalIcon\":[32]},null,{\"icon\":[\"updateSidebarIcon\"]}],[257,\"gb-vertical-tabs\",{\"size\":[1],\"type\":[1],\"activeIndex\":[1026,\"active-index\"],\"tabs\":[16],\"internalTabs\":[32]},null,{\"tabs\":[\"onTabsChanged\"]}],[257,\"gb-file-upload-item-base\",{\"icon\":[1],\"label\":[1],\"showLabel\":[4,\"show-label\"],\"formatLabel\":[4,\"format-label\"],\"state\":[1],\"heightSize\":[1,\"height-size\"],\"fileType\":[1,\"file-type\"],\"progress\":[2],\"fileSize\":[2,\"file-size\"],\"fileName\":[1,\"file-name\"],\"allowedType\":[1,\"allowed-type\"],\"showFileSize\":[4,\"show-file-size\"],\"required\":[4],\"errorSupportingText\":[1,\"error-supporting-text\"],\"internalState\":[32],\"internalProgress\":[32]},null,{\"state\":[\"onStateChange\"],\"progress\":[\"onProgressChange\"],\"fileName\":[\"handleFileNameChange\"]}],[257,\"gb-modal-action\",{\"actionType\":[1,\"action-type\"],\"destructive\":[4],\"fullWidth\":[4,\"full-width\"],\"showSecondaryAction\":[4,\"show-secondary-action\"],\"showFirstButton\":[4,\"show-first-button\"],\"showSecondButton\":[4,\"show-second-button\"],\"showThirdButton\":[4,\"show-third-button\"],\"firstButtonText\":[1,\"first-button-text\"],\"secondButtonText\":[1,\"second-button-text\"],\"thirdButtonText\":[1,\"third-button-text\"],\"firstIconButtonSwap\":[1,\"first-icon-button-swap\"],\"secondIconButtonSwap\":[1,\"second-icon-button-swap\"],\"firstButtonIconLeadingSwap\":[1,\"first-button-icon-leading-swap\"],\"secondButtonIconLeadingSwap\":[1,\"second-button-icon-leading-swap\"],\"thirdButtonIconLeadingSwap\":[1,\"third-button-icon-leading-swap\"],\"firstButtonIconTrailingSwap\":[1,\"first-button-icon-trailing-swap\"],\"secondButtonIconTrailingSwap\":[1,\"second-button-icon-trailing-swap\"],\"thirdButtonIconTrailingSwap\":[1,\"third-button-icon-trailing-swap\"],\"showFirstIconButton\":[4,\"show-first-icon-button\"],\"showSecondIconButton\":[4,\"show-second-icon-button\"],\"showCheckBox\":[4,\"show-check-box\"],\"checkboxLabel\":[1,\"checkbox-label\"],\"firstIconButtonTooltipShown\":[32],\"secondIconButtonTooltipShown\":[32]}],[257,\"gb-contact-help-dropdown\",{\"items\":[16]}],[257,\"gb-help-dropdown\",{\"showLogError\":[4,\"show-log-error\"]}],[257,\"gb-notification-pane\",{\"state\":[1],\"notifications\":[1040]}],[257,\"gb-collapse-button\",{\"color\":[1],\"isCollapsed\":[1028,\"is-collapsed\"],\"action\":[1025],\"isHovered\":[1028,\"is-hovered\"],\"direction\":[1],\"icon\":[1],\"leadingIconSvg\":[32],\"collapseSidebar\":[64],\"expandSidebar\":[64]}],[257,\"gb-modal-header\",{\"text\":[1],\"closeButtonPosition\":[513,\"close-button-position\"]}],[257,\"gb-slider-control-handle\",{\"value\":[1],\"type\":[1],\"isHovered\":[32],\"isFocused\":[32]}],[257,\"gb-header-icon\",{\"state\":[1],\"showIndicator\":[4,\"show-indicator\"],\"icon\":[1],\"leadingIconSvg\":[32]}],[257,\"gb-illustration\",{\"size\":[1],\"color\":[1],\"illustrationStyle\":[1,\"illustration-style\"],\"illustrationIcon\":[1,\"illustration-icon\"],\"theme\":[1],\"leadingIconSvg\":[32]}],[257,\"gb-metric-featured-icon\",{\"size\":[1],\"color\":[1],\"featuredIconStyle\":[1,\"featured-icon-style\"],\"icon\":[1],\"leadingIconSvg\":[32]}],[257,\"gb-pattern\",{\"type\":[1],\"theme\":[1],\"isDarkTheme\":[32]},null,{\"theme\":[\"changeTheme\"]}],[257,\"gb-portal\",{\"anchorId\":[1,\"anchor-id\"],\"placement\":[1],\"open\":[4],\"anchorEl\":[16]},null,{\"open\":[\"onOpenChange\"]}],[257,\"gb-toast-button\",{\"state\":[1],\"color\":[1]}],[257,\"gb-toggle-base\",{\"size\":[1],\"state\":[1],\"pressed\":[1028]}],[257,\"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],\"formatLabel\":[4,\"format-label\"],\"leadingIconSvg\":[32],\"dropdownOpen\":[32],\"selectedItem\":[32],\"selectedItems\":[32],\"unselectedItems\":[32],\"searchItem\":[32],\"searchResults\":[32],\"internalItems\":[32],\"showCloseButton\":[32],\"internalLoading\":[32],\"clearSelection\":[64],\"isDestructive\":[64],\"isNotDestructive\":[64]},[[4,\"click\",\"handleClickOutside\"]],{\"items\":[\"updateResultsAndShowInDropdown\",\"syncSelectedItems\"],\"loading\":[\"onLoadingChanged\"],\"destructive\":[\"watchDestructive\"],\"value\":[\"syncSelectedItems\"]}],[257,\"gb-filter-button\",{\"state\":[1],\"iconOnly\":[4,\"icon-only\"]}],[257,\"gb-avatar-label-group\",{\"size\":[1],\"statusIcon\":[1,\"status-icon\"],\"state\":[1],\"placeholder\":[4],\"text\":[4],\"color\":[1],\"showBorder\":[4,\"show-border\"]}],[321,\"gb-button-group\",{\"items\":[16],\"icon\":[1],\"showLabel\":[4,\"show-label\"],\"label\":[1],\"internalItems\":[32],\"selectedValue\":[32]},null,{\"items\":[\"onItemsUpdated\"]}],[257,\"gb-date-picker\",{\"placeholder\":[1],\"value\":[1040],\"format\":[1],\"mode\":[1],\"disabled\":[4],\"iconPosition\":[1,\"icon-position\"],\"dropdownAlignment\":[1,\"dropdown-alignment\"],\"label\":[1],\"formatLabel\":[4,\"format-label\"],\"allowInput\":[4,\"allow-input\"],\"enableTime\":[4,\"enable-time\"],\"noCalendar\":[4,\"no-calendar\"],\"twentyfourHr\":[4,\"twentyfour-hr\"],\"showMonths\":[2,\"show-months\"],\"fullWidth\":[4,\"full-width\"],\"isCalendarShown\":[32],\"breakpoint\":[32],\"width\":[32],\"displayValue\":[32],\"selectionSource\":[32]},null,{\"displayValue\":[\"handleDisplayValueChange\"]}],[257,\"gb-export-dropdown\",{\"state\":[1],\"showEntireData\":[4,\"show-entire-data\"],\"pdfState\":[1,\"pdf-state\"],\"csvState\":[1,\"csv-state\"],\"showFirstSubDropdown\":[32],\"showSecondSubDropdown\":[32]}],[257,\"gb-theme-tab\",{\"theme\":[1025],\"currentActiveTab\":[1025,\"current-active-tab\"]}],[257,\"gb-progress-bar\",{\"progress\":[2],\"showLabel\":[4,\"show-label\"],\"labelPosition\":[1,\"label-position\"]}],[257,\"gb-notification-content\",{\"icon\":[1],\"label\":[1],\"time\":[1],\"supportingText\":[1,\"supporting-text\"]}],[257,\"gb-pagination-button-group-base\",{\"icon\":[1],\"state\":[1],\"iconSrc\":[1,\"icon-src\"],\"leadingIconSvg\":[32]}],[257,\"gb-pagination-number-base\",{\"shape\":[1],\"state\":[1]}],[257,\"gb-tab-button-base\",{\"current\":[4],\"size\":[1],\"fullWidth\":[4,\"full-width\"],\"badge\":[4],\"type\":[1],\"tabName\":[1,\"tab-name\"],\"alignment\":[1]}],[257,\"gb-button-group-base\",{\"current\":[4],\"icon\":[1],\"state\":[1],\"label\":[1],\"iconSrc\":[1,\"icon-src\"],\"leadingIconSvg\":[32]}],[257,\"gb-export-sub-dropdown\",{\"showEntireData\":[4,\"show-entire-data\"]}],[257,\"gb-icon-button-base\",{\"current\":[4],\"icon\":[1],\"label\":[1],\"leadingIconSvg\":[32],\"showTooltip\":[32]}],[257,\"gb-date-picker-list-item\",{\"selected\":[4],\"label\":[1]}],[257,\"gb-export-dropdown-item\",{\"icon\":[4],\"state\":[1],\"type\":[1]}],[257,\"gb-export-sub-dropdown-item\",{\"icon\":[1],\"state\":[1],\"leadingIconSvg\":[32]}],[257,\"gb-file-type-icon\",{\"fileStyle\":[1,\"file-style\"],\"fileType\":[1,\"file-type\"]}],[321,\"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\":[1025,\"icon-swap\"],\"enableCancelButtonFunction\":[4,\"enable-cancel-button-function\"],\"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],\"loading\":[1028],\"formatLabel\":[4,\"format-label\"],\"formatNumber\":[4,\"format-number\"],\"inputOnlyDisabled\":[4,\"input-only-disabled\"],\"showCloseButton\":[32],\"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],\"isDestructive\":[64],\"isNotDestructive\":[64]},[[4,\"click\",\"handleClickOutside\"]],{\"iconSwap\":[\"iconSwapChanged\"],\"options\":[\"optionsChanged\"],\"loading\":[\"onLoadingChanged\"],\"value\":[\"updateSelectedItems\"]}],[257,\"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]}],[257,\"gb-featured-icon\",{\"size\":[1],\"destructive\":[4],\"icon\":[1],\"leadingIconSvg\":[32]}],[257,\"gb-password-button\",{\"state\":[1],\"isPasswordVisible\":[32]}],[257,\"gb-help-tooltip\",{\"showArrow\":[4,\"show-arrow\"],\"showSupportingText\":[4,\"show-supporting-text\"],\"showHelpTooltip\":[32]}],[260,\"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\"],\"tooltipText\":[1,\"tooltip-text\"],\"arrow\":[1],\"leadingIconSvg\":[32],\"trailingIconSvg\":[32],\"internalButtonState\":[32],\"internalIconLeadingState\":[32],\"internalIconTrailingState\":[32],\"tooltipShown\":[32]}],[257,\"gb-button-close\",{\"size\":[1],\"color\":[1]}],[257,\"gb-tag\",{\"size\":[1],\"icon\":[1],\"action\":[1],\"flagSwap\":[1,\"flag-swap\"],\"checkbox\":[4],\"onTagClose\":[64]}],[257,\"gb-input-dropdown-menu-item\",{\"type\":[1],\"supportingText\":[4,\"supporting-text\"],\"selected\":[1028],\"state\":[1],\"color\":[1],\"iconLeading\":[4,\"icon-leading\"],\"iconLeadingSwap\":[1,\"icon-leading-swap\"],\"ellipsed\":[4],\"leadingIconSvg\":[32]}],[257,\"gb-tag-checkbox\",{\"checked\":[4],\"size\":[1],\"disabled\":[4]}],[257,\"gb-tag-close\",{\"size\":[1]}],[257,\"gb-tag-count\",{\"size\":[1]}],[257,\"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]}],[257,\"gb-badge-close\",{\"color\":[1],\"type\":[1]}],[257,\"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\"],\"tooltipText\":[1,\"tooltip-text\"],\"arrow\":[1],\"event\":[4],\"leadingIconSvg\":[32],\"trailingIconSvg\":[32],\"internalButtonState\":[32],\"internalIconLeadingState\":[32],\"internalIconTrailingState\":[32],\"tooltipShown\":[32],\"getNativeButton\":[64]}],[257,\"gb-checkbox\",{\"checked\":[4],\"indeterminate\":[4],\"size\":[1],\"type\":[1],\"state\":[1],\"text\":[4],\"supportingText\":[4,\"supporting-text\"]}],[257,\"gb-checkbox-base\",{\"state\":[1025],\"size\":[1],\"type\":[1],\"checked\":[1028],\"indeterminate\":[1028]}],[257,\"gb-avatar\",{\"size\":[1],\"placeholder\":[4],\"text\":[4],\"statusIcon\":[1,\"status-icon\"],\"state\":[1],\"icon\":[1],\"color\":[1],\"showBorder\":[4,\"show-border\"],\"companyIcon\":[1,\"company-icon\"],\"weight\":[1],\"assignedColorClass\":[32]}],[257,\"gb-avatar-contrast-inner-border\",{\"weight\":[1],\"size\":[1],\"showBorder\":[4,\"show-border\"]}],[257,\"gb-status-indicator\",{\"statusIcon\":[1,\"status-icon\"],\"size\":[1],\"state\":[1],\"indicatorStateClass\":[1,\"indicator-state-class\"],\"companyIcon\":[1,\"company-icon\"]}],[257,\"gb-tooltip\",{\"showArrow\":[4,\"show-arrow\"],\"arrow\":[1],\"showSupportingText\":[4,\"show-supporting-text\"],\"noWrap\":[4,\"no-wrap\"]}]]],[\"gb-sidebar.cjs\",[[257,\"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\"],\"hasInfo\":[4,\"has-info\"],\"email\":[1],\"phoneNumber\":[1,\"phone-number\"],\"theme\":[1],\"isDarkTheme\":[32],\"leadingIconSvg\":[32],\"sideBarItemClicked\":[64]}]]],[\"test-input-tag.cjs\",[[256,\"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-checkbox-group.cjs\",[[257,\"gb-checkbox-group\",{\"size\":[1],\"breakpoint\":[1],\"icon\":[1],\"selected\":[4],\"type\":[1]}]]],[\"gb-detail-cell.cjs\",[[257,\"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\"],\"showSupportingText\":[4,\"show-supporting-text\"],\"supportingText\":[1,\"supporting-text\"],\"showStandardCopyButton\":[32],\"showTooltip\":[32],\"copied\":[32],\"isDownloaded\":[32],\"width\":[32]}]]],[\"gb-avatar-group.cjs\",[[257,\"gb-avatar-group\",{\"size\":[1],\"moreUsers\":[4,\"more-users\"],\"addMoreButton\":[4,\"add-more-button\"],\"text\":[4],\"state\":[1],\"images\":[16]}]]],[\"gb-nav-bar.cjs\",[[257,\"gb-nav-bar\",{\"category\":[1],\"items\":[1040],\"showBorder\":[4,\"show-border\"],\"activeIndex\":[1026,\"active-index\"],\"internalItems\":[32],\"visibleItems\":[32],\"overflowItems\":[32],\"measured\":[32],\"dropdownOpen\":[32],\"dropdownItemClicked\":[32]},null,{\"items\":[\"onItemsChanged\"]}]]],[\"gb-prompt-modal.cjs\",[[257,\"gb-prompt-modal\",{\"showCheckBox\":[4,\"show-check-box\"],\"heading\":[1],\"supportingText\":[1,\"supporting-text\"],\"destructive\":[4],\"iconInstance\":[1,\"icon-instance\"],\"checkboxLabel\":[1,\"checkbox-label\"],\"primaryButtonText\":[1,\"primary-button-text\"],\"secondaryButtonText\":[1,\"secondary-button-text\"],\"checked\":[4],\"checkboxState\":[1,\"checkbox-state\"],\"leadingIconSvg\":[32]}]]],[\"gb-comment.cjs\",[[257,\"gb-comment\",{\"heading\":[1],\"state\":[1025],\"noCommentText\":[1,\"no-comment-text\"],\"noCommentTextSub\":[1,\"no-comment-text-sub\"],\"comments\":[16],\"theme\":[1],\"isDarkTheme\":[32]}]]],[\"gb-stepper-horizontal-icons-centered.cjs\",[[257,\"gb-stepper-horizontal-icons-centered\",{\"size\":[1],\"steps\":[16],\"type\":[1],\"breakpoint\":[1]}]]],[\"gb-stepper-horizontal-line-with-text.cjs\",[[257,\"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\",[[257,\"gb-stepper-vertical-icons-with-text\",{\"size\":[1],\"connector\":[4],\"type\":[1],\"steps\":[16],\"internalSteps\":[32],\"internalState\":[32],\"internalStatus\":[32]},null,{\"steps\":[\"onStepsChanged\"]}]]],[\"gb-breadcrumbs.cjs\",[[257,\"gb-breadcrumbs\",{\"type\":[1],\"divider\":[1],\"breadcrumbs\":[16],\"icon\":[1],\"visibleBreadcrumbs\":[32]}]]],[\"gb-quick-action-card.cjs\",[[257,\"gb-quick-action-card\",{\"color\":[1],\"icon\":[1],\"label\":[1]}]]],[\"gb-quick-action-icon.cjs\",[[257,\"gb-quick-action-icon\",{\"icon\":[1],\"label\":[1],\"isHovered\":[32]}]]],[\"gb-stepper-horizontal-minimal-icons.cjs\",[[257,\"gb-stepper-horizontal-minimal-icons\",{\"size\":[1],\"text\":[4],\"stepLabel\":[1,\"step-label\"],\"steps\":[16],\"position\":[1]}]]],[\"gb-nav-bar-item.cjs\",[[257,\"gb-nav-bar-item\",{\"state\":[1],\"iconOnly\":[4,\"icon-only\"],\"category\":[1],\"label\":[1],\"icon\":[1],\"leadingIconSvg\":[32],\"showTooltip\":[32]}]]],[\"gb-mega-input-field-base.cjs\",[[257,\"gb-mega-input-field-base\",{\"size\":[1],\"state\":[1],\"inputValue\":[32]}]]],[\"gb-token-field-compressed.cjs\",[[257,\"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\",[[257,\"gb-wysiwyg-tooltip\",{\"arrow\":[1],\"breakpoint\":[1]}]]],[\"gb-carousel-arrow.cjs\",[[256,\"gb-carousel-arrow\",{\"size\":[1],\"chevron\":[1]}]]],[\"gb-category-card.cjs\",[[257,\"gb-category-card\",{\"label\":[1],\"supportingText\":[1,\"supporting-text\"],\"showSupportingText\":[4,\"show-supporting-text\"],\"cardImage\":[1,\"card-image\"],\"isHovered\":[32]}]]],[\"gb-logo.cjs\",[[257,\"gb-logo\",{\"text\":[4]}]]],[\"gb-pagination-dot-group.cjs\",[[257,\"gb-pagination-dot-group\",{\"size\":[1],\"type\":[1],\"color\":[1],\"framed\":[4]}]]],[\"gb-pagination-dot-indicator.cjs\",[[256,\"gb-pagination-dot-indicator\",{\"current\":[4],\"type\":[1],\"size\":[1]}]]],[\"gb-progress-circle.cjs\",[[257,\"gb-progress-circle\",{\"size\":[1],\"shape\":[1],\"label\":[4],\"progress\":[2]},null,{\"progress\":[\"handleProgressChange\"]}]]],[\"gb-scrollbar.cjs\",[[257,\"gb-scrollbar\",{\"length\":[1]}]]],[\"gb-stepper-horizontal-icons-connected.cjs\",[[257,\"gb-stepper-horizontal-icons-connected\",{\"size\":[1],\"steps\":[16]}]]],[\"gb-table-cell.cjs\",[[257,\"gb-table-cell\",{\"type\":[1]}]]],[\"gb-token-field-compact.cjs\",[[257,\"gb-token-field-compact\",{\"size\":[1],\"digits\":[2],\"showLabel\":[4,\"show-label\"],\"label\":[1],\"showSupportingText\":[4,\"show-supporting-text\"],\"supportingText\":[1,\"supporting-text\"]}]]],[\"gb-avatar-add-button.cjs\",[[257,\"gb-avatar-add-button\",{\"size\":[1],\"showToolTip\":[1028,\"show-tool-tip\"],\"state\":[1],\"el\":[16]}]]],[\"gb-breadcrumb-button-base.cjs\",[[257,\"gb-breadcrumb-button-base\",{\"current\":[4],\"type\":[1],\"icon\":[4],\"label\":[1],\"iconSrc\":[1,\"icon-src\"],\"leadingIconSvg\":[32]}]]],[\"gb-comment-item.cjs\",[[257,\"gb-comment-item\",{\"name\":[1],\"duty\":[1],\"comment\":[1],\"timeStamp\":[1,\"time-stamp\"],\"connector\":[4]}]]],[\"gb-wysiwyg-editor-icon.cjs\",[[257,\"gb-wysiwyg-editor-icon\",{\"active\":[4],\"type\":[1],\"state\":[1]}]]],[\"gb-complex-primary-side-bar-item_2.cjs\",[[257,\"gb-complex-primary-side-bar-item\",{\"category\":[1],\"itemStyle\":[1,\"item-style\"],\"state\":[1],\"icon\":[1],\"label\":[1],\"showTooltip\":[1028,\"show-tooltip\"],\"leadingIconSvg\":[32]}],[257,\"gb-complex-secondary-side-bar-item\",{\"state\":[1],\"type\":[1],\"category\":[1],\"label\":[1],\"icon\":[1],\"showTooltip\":[1028,\"show-tooltip\"],\"leadingIconSvg\":[32]}]]],[\"gb-card-icon.cjs\",[[257,\"gb-card-icon\",{\"size\":[1],\"color\":[1],\"icon\":[1],\"leadingIconSvg\":[32]}]]],[\"gb-step-base_2.cjs\",[[257,\"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\"]}],[257,\"gb-step-icon-base\",{\"size\":[1],\"status\":[1],\"state\":[1],\"internalState\":[32],\"internalStatus\":[32]},null,{\"status\":[\"onStatusChange\"],\"state\":[\"onStateChange\"]}]]]]"), options);
9
9
  };
10
10
 
11
11
  exports.setNonce = index.setNonce;
@@ -1 +1 @@
1
- {"version":3,"file":"reusableModels-_LRAKnsh.js","sources":["src/models/reusableModels.ts"],"sourcesContent":["import { JSX } from \"@stencil/core\";\r\n\r\nexport type GeneralSizes = 'xxxxl' | 'xxxl' | 'xxl' | 'xl' | 'lg' | 'md' | 'sm' | 'xs' | 'xxs' | 'profile_lg' | 'profile_md' | 'profile_sm';\r\n\r\nexport type GeneralHierarchies = 'primary' | 'secondary_gray' | 'secondary_color' | 'tertiary_gray' | 'tertiary_color' | 'link_gray' | 'link_color';\r\n\r\nexport enum StateEnum {\r\n Default = 'default',\r\n Disabled = 'disabled',\r\n}\r\n\r\nexport type ArrowPositions = 'bottom_center' | 'bottom_left' | 'bottom_right' | 'top_center' | 'left' | 'right' | 'none' | 'center';\r\n\r\nexport type CheckBoxVariants = 'checkbox' | 'check_circle' | 'radio';\r\n\r\nexport enum BorderWeights {\r\n VeryLight = 'very_light',\r\n Light = 'light',\r\n Regular = 'regular',\r\n Heavy = 'heavy',\r\n}\r\n\r\nexport enum OnlineIndicatorStates {\r\n Online = 'online',\r\n Offline = 'offline',\r\n}\r\n\r\nexport type BreakPoints = 'desktop' | 'mobile';\r\n\r\nexport type FileUploadIconType = 'solid' | 'outline';\r\n\r\nexport type FileUploadStates = 'default' | 'in_progress' | 'complete' | 'hover' | 'disabled' | 'error';\r\n\r\nexport type GeneralColors = 'default' | 'gray' | 'primary' | 'error' | 'warning' | 'success' | 'discovery' | 'information' | 'pink' | 'purple' | 'white';\r\n\r\nexport type PaginationNumberShapes = 'square' | 'circle';\r\n\r\nexport type PaginationTypes =\r\n | 'page_default'\r\n | 'page_minimal_center_aligned'\r\n | 'card_default'\r\n | 'card_minimal_right_aligned'\r\n | 'card_minimal_left_aligned'\r\n | 'card_minimal_center_aligned'\r\n | 'card_button_group_right_aligned'\r\n | 'card_button_group_left_aligned'\r\n | 'card_button_group_center_aligned';\r\n\r\nexport type TabTypes =\r\n | 'button_primary'\r\n | 'button_gray'\r\n | 'button_white'\r\n | 'rounded_button_white'\r\n | 'underline'\r\n | 'underline_filled'\r\n | 'line'\r\n | 'button_white_border'\r\n | 'rounded_button_white_border'\r\n | 'button_gray_border';\r\n\r\nexport type GeneralBackgroundCategories = 'plain_background' | 'colored_background';\r\n\r\nexport type InputFieldTypes =\r\n | 'default'\r\n | 'icon_leading'\r\n | 'leading_dropdown'\r\n | 'trailing_dropdown'\r\n | 'leading_text'\r\n | 'payment_input'\r\n | 'tags'\r\n | 'trailing_button'\r\n | 'password'\r\n | 'password_icon_leading'\r\n | 'count';\r\n\r\nexport type DropdownTypes = 'default' | 'icon_leading' | 'avatar_leading' | 'dot_leading' | 'checkbox' | 'search' | 'tags';\r\n\r\nexport type ColorTypes = 'gray' | 'blue' | 'cyan' | 'pink' | 'purple' | 'green' | 'yellow' | 'red' | 'white';\r\n\r\nexport type DropdownItemTypes = string | number | { name: string | number; username: string; selected?: boolean };\r\n\r\nexport type PaginationDotTypes = 'dot' | 'line';\r\n\r\nexport type FileIconStyles = 'default' | 'gray' | 'solid';\r\n\r\nexport type FileIconTypes = 'pdf' | 'csv' | 'jpg' | 'jpeg' | 'ppt' | 'pptx' | 'doc' | 'docx' | 'xls' | 'xlsx' | 'svg' | 'txt' | 'zip' | 'rar' | 'mp3' | 'mp4' | 'png' | 'empty';\r\n\r\nexport type TableCellTypes = 'text' | 'lead_text' | 'lead_checkbox' | 'badge';\r\n\r\nexport type ProgressStepStatus = 'incomplete' | 'current' | 'complete';\r\n\r\nexport type ProgressStepTypes = 'icon_only' | 'icon_left' | 'icon_top' | 'text_line' | 'featured_icon_left' | 'featured_icon_top';\r\n\r\nexport type ProgressStepStates = 'default' | 'destructive';\r\n\r\nexport type BadgeTypes = 'pill_color' | 'pill_outline' | 'badge_color' | 'badge_modern';\r\n\r\nexport type GeneralStyles = 'standard' | 'compact';\r\n\r\nexport type StateType = 'default' | 'disabled' | 'applied' | 'loading';\r\n\r\nexport type ButtonGroupTypes = 'false' | 'leading' | 'only' | 'dot' | 'checkbox';\r\n\r\nexport type ThemeTypes = 'system' | 'light' | 'dark';\r\n\r\nexport type BadgeIconTypes = 'dot' | 'avatar' | 'icon_leading' | 'icon_trailing' | 'country' | 'only' | 'false';\r\n\r\nexport type DropdownRoles = { badgeLabel: string; badgeColor: GeneralColors; badgeType: BadgeTypes };\r\n\r\nexport type StepperType = {\r\n state: ProgressStepStates;\r\n status: ProgressStepStatus;\r\n label?: string;\r\n supportingText?: string;\r\n};\r\n\r\nexport type DetailCellType = 'information' | 'document' | 'status' | 'button';\r\n\r\nexport type MetricFeaturedIconTypes = 'glassmorphism' | 'circular_filled';\r\n\r\nexport interface DropdownListGroup {\r\n icon: string;\r\n label: string;\r\n shortcut: string;\r\n}\r\n\r\n\r\nexport type CloseButtonPositions = 'left' | 'right';\r\n\r\nexport interface Notification {\r\n label: string;\r\n time: string;\r\n desc: string;\r\n icon: string;\r\n}\r\n\r\nexport type IllustrationTypes = 'cloud' | 'box' | 'documents' | 'credit_card';\r\n\r\nexport type PatternTypes = 'circles' | 'grid' | 'grid_dot' | 'squares';\r\n\r\nexport interface TableColumn {\r\n key: string;\r\n label: string;\r\n width?: string;\r\n align?: 'left' | 'center' | 'right';\r\n stickyRight?: boolean;\r\n sortable?: boolean;\r\n cellComponent?: string;\r\n cellActionType?: 'dropdown' | 'void'; \r\n cellProps?: { [key: string]: any };\r\n cellSlots?: JSX.Element | ((row: any) => JSX.Element);\r\n onClick?: () => void;\r\n}\r\n\r\nexport interface RowAction {\r\n label: string;\r\n icon?: string;\r\n action: string; // emitted event name\r\n disabled?: boolean;\r\n}\r\n"],"names":["StateEnum","BorderWeights","OnlineIndicatorStates"],"mappings":";;AAMYA;AAAZ,CAAA,UAAY,SAAS,EAAA;AACnB,IAAA,SAAA,CAAA,SAAA,CAAA,GAAA,SAAmB;AACnB,IAAA,SAAA,CAAA,UAAA,CAAA,GAAA,UAAqB;AACvB,CAAC,EAHWA,iBAAS,KAATA,iBAAS,GAGpB,EAAA,CAAA,CAAA;AAMWC;AAAZ,CAAA,UAAY,aAAa,EAAA;AACvB,IAAA,aAAA,CAAA,WAAA,CAAA,GAAA,YAAwB;AACxB,IAAA,aAAA,CAAA,OAAA,CAAA,GAAA,OAAe;AACf,IAAA,aAAA,CAAA,SAAA,CAAA,GAAA,SAAmB;AACnB,IAAA,aAAA,CAAA,OAAA,CAAA,GAAA,OAAe;AACjB,CAAC,EALWA,qBAAa,KAAbA,qBAAa,GAKxB,EAAA,CAAA,CAAA;AAEWC;AAAZ,CAAA,UAAY,qBAAqB,EAAA;AAC/B,IAAA,qBAAA,CAAA,QAAA,CAAA,GAAA,QAAiB;AACjB,IAAA,qBAAA,CAAA,SAAA,CAAA,GAAA,SAAmB;AACrB,CAAC,EAHWA,6BAAqB,KAArBA,6BAAqB,GAGhC,EAAA,CAAA,CAAA;;"}
1
+ {"version":3,"file":"reusableModels-_LRAKnsh.js","sources":["src/models/reusableModels.ts"],"sourcesContent":["import { JSX } from \"@stencil/core\";\r\n\r\nexport type GeneralSizes = 'xxxxl' | 'xxxl' | 'xxl' | 'xl' | 'lg' | 'md' | 'sm' | 'xs' | 'xxs' | 'profile_lg' | 'profile_md' | 'profile_sm';\r\n\r\nexport type GeneralHierarchies = 'primary' | 'secondary_gray' | 'secondary_color' | 'tertiary_gray' | 'tertiary_color' | 'link_gray' | 'link_color';\r\n\r\nexport enum StateEnum {\r\n Default = 'default',\r\n Disabled = 'disabled',\r\n}\r\n\r\nexport type ArrowPositions = 'bottom_center' | 'bottom_left' | 'bottom_right' | 'top_center' | 'left' | 'right' | 'none' | 'center';\r\n\r\nexport type CheckBoxVariants = 'checkbox' | 'check_circle' | 'radio';\r\n\r\nexport enum BorderWeights {\r\n VeryLight = 'very_light',\r\n Light = 'light',\r\n Regular = 'regular',\r\n Heavy = 'heavy',\r\n}\r\n\r\nexport enum OnlineIndicatorStates {\r\n Online = 'online',\r\n Offline = 'offline',\r\n}\r\n\r\nexport type BreakPoints = 'desktop' | 'mobile';\r\n\r\nexport type FileUploadIconType = 'solid' | 'outline';\r\n\r\nexport type FileUploadStates = 'default' | 'in_progress' | 'complete' | 'hover' | 'disabled' | 'error';\r\n\r\nexport type GeneralColors = 'default' | 'gray' | 'primary' | 'error' | 'warning' | 'success' | 'discovery' | 'information' | 'pink' | 'purple' | 'white';\r\n\r\nexport type PaginationNumberShapes = 'square' | 'circle';\r\n\r\nexport type PaginationTypes =\r\n | 'page_default'\r\n | 'page_minimal_center_aligned'\r\n | 'card_default'\r\n | 'card_minimal_right_aligned'\r\n | 'card_minimal_left_aligned'\r\n | 'card_minimal_center_aligned'\r\n | 'card_button_group_right_aligned'\r\n | 'card_button_group_left_aligned'\r\n | 'card_button_group_center_aligned';\r\n\r\nexport type TabTypes =\r\n | 'button_primary'\r\n | 'button_gray'\r\n | 'button_white'\r\n | 'rounded_button_white'\r\n | 'underline'\r\n | 'underline_filled'\r\n | 'line'\r\n | 'button_white_border'\r\n | 'rounded_button_white_border'\r\n | 'button_gray_border';\r\n\r\nexport type GeneralBackgroundCategories = 'plain_background' | 'colored_background';\r\n\r\nexport type InputFieldTypes =\r\n | 'default'\r\n | 'icon_leading'\r\n | 'leading_dropdown'\r\n | 'trailing_dropdown'\r\n | 'leading_text'\r\n | 'payment_input'\r\n | 'tags'\r\n | 'trailing_button'\r\n | 'password'\r\n | 'password_icon_leading'\r\n | 'count';\r\n\r\nexport type DropdownTypes = 'default' | 'icon_leading' | 'avatar_leading' | 'dot_leading' | 'checkbox' | 'search' | 'tags';\r\n\r\nexport type ColorTypes = 'gray' | 'blue' | 'cyan' | 'pink' | 'purple' | 'green' | 'yellow' | 'red' | 'white';\r\n\r\nexport type DropdownItemTypes = string | number | { name: string | number; username: string; selected?: boolean };\r\n\r\nexport type PaginationDotTypes = 'dot' | 'line';\r\n\r\nexport type FileIconStyles = 'default' | 'gray' | 'solid';\r\n\r\nexport type FileIconTypes = 'pdf' | 'csv' | 'jpg' | 'jpeg' | 'ppt' | 'pptx' | 'doc' | 'docx' | 'xls' | 'xlsx' | 'svg' | 'txt' | 'zip' | 'rar' | 'mp3' | 'mp4' | 'png' | 'empty';\r\n\r\nexport type TableCellTypes = 'text' | 'lead_text' | 'lead_checkbox' | 'badge';\r\n\r\nexport type ProgressStepStatus = 'incomplete' | 'current' | 'complete';\r\n\r\nexport type ProgressStepTypes = 'icon_only' | 'icon_left' | 'icon_top' | 'text_line' | 'featured_icon_left' | 'featured_icon_top';\r\n\r\nexport type ProgressStepStates = 'default' | 'destructive';\r\n\r\nexport type BadgeTypes = 'pill_color' | 'pill_outline' | 'badge_color' | 'badge_modern';\r\n\r\nexport type GeneralStyles = 'standard' | 'compact';\r\n\r\nexport type StateType = 'default' | 'disabled' | 'applied' | 'loading';\r\n\r\nexport type ButtonGroupTypes = 'false' | 'leading' | 'only' | 'dot' | 'checkbox';\r\n\r\nexport type ThemeTypes = 'system' | 'light' | 'dark';\r\n\r\nexport type BadgeIconTypes = 'dot' | 'avatar' | 'icon_leading' | 'icon_trailing' | 'country' | 'only' | 'false';\r\n\r\nexport type DropdownRoles = { badgeLabel: string; badgeColor: GeneralColors; badgeType: BadgeTypes };\r\n\r\nexport type StepperType = {\r\n state: ProgressStepStates;\r\n status: ProgressStepStatus;\r\n label?: string;\r\n supportingText?: string;\r\n};\r\n\r\nexport type DetailCellType = 'information' | 'document' | 'status' | 'button';\r\n\r\nexport type MetricFeaturedIconTypes = 'glassmorphism' | 'circular_filled';\r\n\r\nexport interface DropdownListGroup {\r\n icon: string;\r\n label: string;\r\n shortcut: string;\r\n}\r\n\r\n\r\nexport type CloseButtonPositions = 'left' | 'right';\r\n\r\nexport interface Notification {\r\n label: string;\r\n time: string;\r\n desc: string;\r\n icon: string;\r\n}\r\n\r\nexport type IllustrationTypes = 'cloud' | 'box' | 'documents' | 'credit_card';\r\n\r\nexport type PatternTypes = 'circles' | 'grid' | 'grid_dot' | 'squares';\r\n\r\nexport type MobilePosition = 'top_left' | 'top_right' | 'bottom_left' | 'bottom_right';\r\n\r\nexport interface TableColumn {\r\n key: string;\r\n label: string;\r\n width?: string;\r\n align?: 'left' | 'center' | 'right';\r\n stickyRight?: boolean;\r\n helpIcon?: boolean;\r\n sortable?: boolean;\r\n sortType?: 'string' | 'number' | 'date';\r\n sortComparator?: (a: any, b: any) => number;\r\n cellComponent?: string;\r\n cellActionType?: 'dropdown' | 'void';\r\n cellProps?: { [key: string]: any };\r\n cellSlots?: JSX.Element | ((row: any) => JSX.Element);\r\n onClick?: () => void;\r\n mobile?: {\r\n position?: MobilePosition;\r\n };\r\n}\r\n\r\nexport interface RowAction {\r\n label: string;\r\n icon?: string;\r\n action: string; // emitted event name\r\n disabled?: boolean;\r\n}\r\n\r\nexport type PortalPlacement =\r\n | 'top'\r\n | 'top-start'\r\n | 'top-end'\r\n | 'bottom'\r\n | 'bottom-start'\r\n | 'bottom-end'\r\n | 'left'\r\n | 'left-start'\r\n | 'left-end'\r\n | 'right'\r\n | 'right-start'\r\n | 'right-end';\r\n"],"names":["StateEnum","BorderWeights","OnlineIndicatorStates"],"mappings":";;AAMYA;AAAZ,CAAA,UAAY,SAAS,EAAA;AACnB,IAAA,SAAA,CAAA,SAAA,CAAA,GAAA,SAAmB;AACnB,IAAA,SAAA,CAAA,UAAA,CAAA,GAAA,UAAqB;AACvB,CAAC,EAHWA,iBAAS,KAATA,iBAAS,GAGpB,EAAA,CAAA,CAAA;AAMWC;AAAZ,CAAA,UAAY,aAAa,EAAA;AACvB,IAAA,aAAA,CAAA,WAAA,CAAA,GAAA,YAAwB;AACxB,IAAA,aAAA,CAAA,OAAA,CAAA,GAAA,OAAe;AACf,IAAA,aAAA,CAAA,SAAA,CAAA,GAAA,SAAmB;AACnB,IAAA,aAAA,CAAA,OAAA,CAAA,GAAA,OAAe;AACjB,CAAC,EALWA,qBAAa,KAAbA,qBAAa,GAKxB,EAAA,CAAA,CAAA;AAEWC;AAAZ,CAAA,UAAY,qBAAqB,EAAA;AAC/B,IAAA,qBAAA,CAAA,QAAA,CAAA,GAAA,QAAiB;AACjB,IAAA,qBAAA,CAAA,SAAA,CAAA,GAAA,SAAmB;AACrB,CAAC,EAHWA,6BAAqB,KAArBA,6BAAqB,GAGhC,EAAA,CAAA,CAAA;;"}
@@ -78,7 +78,7 @@ const TestInputTag = class {
78
78
  this.exportValue.emit(this.selectedStaff);
79
79
  }
80
80
  render() {
81
- return (index.h("div", { key: '767f09723643396a0609b1d8c12bbf3ea34c4f3c', class: "input_group", ref: el => (this.inputGroupElement = el) }, index.h("label", { key: 'e5242b0b6ef6961dbba0c1123bb9c0fc470822c6', htmlFor: this.idOfInput }, this.labelText), index.h("div", { key: '750872aa95c39ce0653f1294cab45f9541e996ae', class: "input_like_parent", onClick: () => (this.dropdownOpen = !this.dropdownOpen) }, index.h("input", { key: '7219679077852f807e97c32b8799ff3596ca946e', 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: '9d839f6df7f0b0c080c763c4f9d618e23e07823f', class: `results_display ${this.selectedStaff.length >= 1 ? 'show_results' : ''}`, ref: el => (this.resultsDisplayElement = el) }, this.selectedStaff.map((staff, index$1) => (
81
+ return (index.h("div", { key: 'f143aa62717abc5c4055b03d14708e8fbee0a91a', class: "input_group", ref: el => (this.inputGroupElement = el) }, index.h("label", { key: 'acb529ea109ce2f6a15fcf1a19e3eddcf8e28479', htmlFor: this.idOfInput }, this.labelText), index.h("div", { key: '79239586ace2242ec05a323df99652dfef59f4df', class: "input_like_parent", onClick: () => (this.dropdownOpen = !this.dropdownOpen) }, index.h("input", { key: 'ccecf81dec594a0617c9357aa1d2ff5696b15f92', 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: '894b09cab3077685b08524a078b8c2988d363993', class: `results_display ${this.selectedStaff.length >= 1 ? 'show_results' : ''}`, ref: el => (this.resultsDisplayElement = el) }, this.selectedStaff.map((staff, index$1) => (
82
82
  // <span>
83
83
  // {staff.fullname}
84
84
  // <img
@@ -87,7 +87,7 @@ const TestInputTag = class {
87
87
  // onClick={() => this.removeStaff(index)}
88
88
  // />
89
89
  // </span>
90
- 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: '443a9724f0beeeab79a959a1306ade6a986717f2', class: `dropdown_menu ${this.show ? 'show' : ''}` }, this.staffInfo.map(staff => (
90
+ 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: 'ad68d62483dc25f4a55befb5408c23ee7f497a1a', class: `dropdown_menu ${this.show ? 'show' : ''}` }, this.staffInfo.map(staff => (
91
91
  // <li class="aList" onClick={() => this.selectStaff(staff)}>
92
92
  // <div>{staff.fullname}</div>
93
93
  // <div>{staff.email}</div>
@@ -17,6 +17,10 @@ export class GbButton {
17
17
  this.internalIconTrailingState = '';
18
18
  this.tooltipShown = false;
19
19
  }
20
+ async getNativeButton() {
21
+ var _a, _b;
22
+ return (_b = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('button')) !== null && _b !== void 0 ? _b : null;
23
+ }
20
24
  emitButtonClick() {
21
25
  this.buttonClicked.emit();
22
26
  }
@@ -79,7 +83,7 @@ export class GbButton {
79
83
  return h("div", { class: "icon right-icon", innerHTML: this.trailingIconSvg });
80
84
  }
81
85
  render() {
82
- return (h("div", { key: '26a035c96ba4306579b41c17d23a3ea04eb0eae6', class: "button_wrapper" }, h("button", { key: '452dcecb986e8f2aa6c74104dc0e2e263919277e', disabled: this.state === 'disabled', class: this.getButtonClasses(), onMouseEnter: () => (this.tooltipShown = true), onMouseLeave: () => (this.tooltipShown = false), onClick: () => this.event && this.emitButtonClick() }, this.state === 'loading' && h("div", { key: '87cb9a2111a77bafdca1bbef846e157cc96860c5', class: `loader ${this.hierarchy} ${this.size} ${this.icon} ${this.destructive ? 'destructive' : ''}` }), this.state !== 'loading' && (h(Fragment, null, this.iconLeading && this.icon === 'default' && this.renderLeadingIcon(), this.icon === 'default' && (h("div", { key: 'd9911e7aaeb46430ef55efddeb119dd99d97aaa0', class: `btn_text` }, h("slot", { key: '0688de4304d3eb2d5a0f1a7c2a7da906a54476e3' }))), this.iconTrailing && this.renderTrailingIcon(), this.icon === 'only' && this.renderLeadingIcon()))), this.tooltipText && this.icon === 'only' && this.tooltipShown && (h("gb-tooltip", { key: 'd33aaa1e8fbb47e61458c965e3bd4ca8448597a8', "show-arrow": true, arrow: this.arrow, class: `tooltip ${this.size}` }, h("p", { key: '60c168ac9ff6a327cbfd783607701ea758c445ba', slot: "label" }, this.tooltipText)))));
86
+ return (h("div", { key: '6a1939875e3be27100b3e5d6aa908bce2bc671f5', class: "button_wrapper" }, h("button", { key: '99ad12eb0e5595fc75928c4757fb16028309f2fd', disabled: this.state === 'disabled', class: this.getButtonClasses(), onMouseEnter: () => (this.tooltipShown = true), onMouseLeave: () => (this.tooltipShown = false), onClick: () => this.event && this.emitButtonClick() }, this.state === 'loading' && h("div", { key: 'c7846b00be71ea5c45947201ac9a4de898035403', class: `loader ${this.hierarchy} ${this.size} ${this.icon} ${this.destructive ? 'destructive' : ''}` }), this.state !== 'loading' && (h(Fragment, null, this.iconLeading && this.icon === 'default' && this.renderLeadingIcon(), this.icon === 'default' && (h("div", { key: 'e0733dae8d608523e68225149f0c1eb67f139918', class: `btn_text` }, h("slot", { key: '8e0dee9041080ae324d536fed8a9d45b2b2cf881' }))), this.iconTrailing && this.renderTrailingIcon(), this.icon === 'only' && this.renderLeadingIcon()))), this.tooltipText && this.icon === 'only' && this.tooltipShown && (h("gb-tooltip", { key: '5a16cc330829bbacead9258daa735982b7716fcf', "show-arrow": true, arrow: this.arrow, class: `tooltip ${this.size}` }, h("p", { key: '9b8158a2af3547d5279affb60eec3a42f499ee5e', slot: "label" }, this.tooltipText)))));
83
87
  }
84
88
  static get is() { return "gb-button"; }
85
89
  static get encapsulation() { return "shadow"; }
@@ -387,6 +391,31 @@ export class GbButton {
387
391
  }
388
392
  }];
389
393
  }
394
+ static get methods() {
395
+ return {
396
+ "getNativeButton": {
397
+ "complexType": {
398
+ "signature": "() => Promise<HTMLButtonElement | null>",
399
+ "parameters": [],
400
+ "references": {
401
+ "Promise": {
402
+ "location": "global",
403
+ "id": "global::Promise"
404
+ },
405
+ "HTMLButtonElement": {
406
+ "location": "global",
407
+ "id": "global::HTMLButtonElement"
408
+ }
409
+ },
410
+ "return": "Promise<HTMLButtonElement>"
411
+ },
412
+ "docs": {
413
+ "text": "",
414
+ "tags": []
415
+ }
416
+ }
417
+ };
418
+ }
390
419
  static get elementRef() { return "el"; }
391
420
  }
392
421
  //# sourceMappingURL=gb-button.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"gb-button.js","sourceRoot":"","sources":["../../../src/components/gb-button/gb-button.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Element, getAssetPath, h, Prop, State, Fragment, Event, EventEmitter } from '@stencil/core';\r\nimport { ArrowPositions, GeneralHierarchies, GeneralSizes, StateType } from '../../models/reusableModels';\r\n\r\n@Component({\r\n tag: 'gb-button',\r\n styleUrl: 'gb-button.css',\r\n shadow: true,\r\n assetsDirs: [''],\r\n})\r\nexport class GbButton {\r\n @Prop() size: GeneralSizes = 'xl';\r\n @Prop() hierarchy: GeneralHierarchies = 'primary';\r\n @Prop() icon!: 'default' | 'only';\r\n @Prop() destructive: boolean = false;\r\n @Prop() state: StateType = 'default';\r\n @Prop() iconLeading: boolean = false;\r\n @Prop() iconLeadingSwap: string;\r\n @Prop() iconTrailing: boolean = false;\r\n @Prop() iconTrailingSwap: string;\r\n @Prop() tooltipText: string = '';\r\n @Prop() arrow: ArrowPositions = 'bottom_center';\r\n @Prop() event: boolean = false;\r\n @Element() el: HTMLElement;\r\n @State() leadingIconSvg: string = '';\r\n @State() trailingIconSvg: string = '';\r\n @State() internalButtonState: string = '';\r\n @State() internalIconLeadingState: string = '';\r\n @State() internalIconTrailingState: string = '';\r\n @State() tooltipShown: boolean = false;\r\n @Event() buttonClicked: EventEmitter<void>;\r\n\r\n emitButtonClick() {\r\n this.buttonClicked.emit();\r\n }\r\n\r\n componentWillLoad() {\r\n if (this.iconLeading && this.iconLeadingSwap) {\r\n this.loadIcon(this.iconLeadingSwap, 'leading');\r\n }\r\n if (this.iconTrailing && this.iconTrailingSwap) {\r\n this.loadIcon(this.iconTrailingSwap, 'trailing');\r\n }\r\n\r\n const buttonSlot = this.el.querySelector('p');\r\n\r\n if (this.state === 'loading') {\r\n buttonSlot.style.display = 'none';\r\n }\r\n\r\n if (buttonSlot) {\r\n buttonSlot.classList.add(this.getButtonTextClasses());\r\n buttonSlot.classList.add('nowrap');\r\n }\r\n }\r\n\r\n async loadIcon(iconName: string, type: 'leading' | 'trailing') {\r\n const iconPath = getAssetPath(`${iconName}`);\r\n const response = await fetch(iconPath);\r\n const svg = await response.text();\r\n if (type === 'leading') {\r\n this.leadingIconSvg = svg;\r\n } else {\r\n this.trailingIconSvg = svg;\r\n }\r\n }\r\n\r\n // Helper to apply color styles based on the button state\r\n getButtonClasses() {\r\n return {\r\n button: true,\r\n [this.size]: true,\r\n [this.hierarchy]: true,\r\n destructive: this.destructive,\r\n disabled: this.state === 'disabled',\r\n only: this.icon === 'only',\r\n };\r\n }\r\n\r\n getButtonTextClasses() {\r\n switch (this.size) {\r\n case 'xxl':\r\n return 'text-lg-semi-bold';\r\n case 'xl':\r\n return 'text-md-semi-bold';\r\n case 'lg':\r\n return 'text-md-semi-bold';\r\n case 'md':\r\n return 'text-sm-semi-bold';\r\n case 'sm':\r\n return 'text-sm-semi-bold';\r\n }\r\n }\r\n\r\n renderLeadingIcon() {\r\n return <div class={`icon left-icon ${this.size}`} innerHTML={this.leadingIconSvg}></div>;\r\n }\r\n\r\n renderTrailingIcon() {\r\n return <div class=\"icon right-icon\" innerHTML={this.trailingIconSvg}></div>;\r\n }\r\n\r\n render() {\r\n return (\r\n <div class=\"button_wrapper\">\r\n <button\r\n disabled={this.state === 'disabled'}\r\n class={this.getButtonClasses()}\r\n onMouseEnter={() => (this.tooltipShown = true)}\r\n onMouseLeave={() => (this.tooltipShown = false)}\r\n onClick={() => this.event && this.emitButtonClick()}\r\n >\r\n {this.state === 'loading' && <div class={`loader ${this.hierarchy} ${this.size} ${this.icon} ${this.destructive ? 'destructive' : ''}`}></div>}\r\n {this.state !== 'loading' && (\r\n <>\r\n {this.iconLeading && this.icon === 'default' && this.renderLeadingIcon()}\r\n {this.icon === 'default' && (\r\n <div class={`btn_text`}>\r\n <slot></slot>\r\n </div>\r\n )}\r\n {this.iconTrailing && this.renderTrailingIcon()}\r\n {this.icon === 'only' && this.renderLeadingIcon()}\r\n </>\r\n )}\r\n </button>\r\n {this.tooltipText && this.icon === 'only' && this.tooltipShown && (\r\n <gb-tooltip show-arrow={true} arrow={this.arrow} class={`tooltip ${this.size}`}>\r\n <p slot=\"label\">{this.tooltipText}</p>\r\n </gb-tooltip>\r\n )}\r\n </div>\r\n );\r\n }\r\n}\r\n"]}
1
+ {"version":3,"file":"gb-button.js","sourceRoot":"","sources":["../../../src/components/gb-button/gb-button.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Element, getAssetPath, h, Prop, State, Fragment, Event, EventEmitter, Method } from '@stencil/core';\r\nimport { ArrowPositions, GeneralHierarchies, GeneralSizes, StateType } from '../../models/reusableModels';\r\n\r\n@Component({\r\n tag: 'gb-button',\r\n styleUrl: 'gb-button.css',\r\n shadow: true,\r\n assetsDirs: [''],\r\n})\r\nexport class GbButton {\r\n @Prop() size: GeneralSizes = 'xl';\r\n @Prop() hierarchy: GeneralHierarchies = 'primary';\r\n @Prop() icon!: 'default' | 'only';\r\n @Prop() destructive: boolean = false;\r\n @Prop() state: StateType = 'default';\r\n @Prop() iconLeading: boolean = false;\r\n @Prop() iconLeadingSwap: string;\r\n @Prop() iconTrailing: boolean = false;\r\n @Prop() iconTrailingSwap: string;\r\n @Prop() tooltipText: string = '';\r\n @Prop() arrow: ArrowPositions = 'bottom_center';\r\n @Prop() event: boolean = false;\r\n @Element() el: HTMLElement;\r\n @State() leadingIconSvg: string = '';\r\n @State() trailingIconSvg: string = '';\r\n @State() internalButtonState: string = '';\r\n @State() internalIconLeadingState: string = '';\r\n @State() internalIconTrailingState: string = '';\r\n @State() tooltipShown: boolean = false;\r\n @Event() buttonClicked: EventEmitter<void>;\r\n\r\n @Method()\r\n async getNativeButton(): Promise<HTMLButtonElement | null> {\r\n return this.el.shadowRoot?.querySelector('button') ?? null;\r\n }\r\n\r\n emitButtonClick() {\r\n this.buttonClicked.emit();\r\n }\r\n\r\n componentWillLoad() {\r\n if (this.iconLeading && this.iconLeadingSwap) {\r\n this.loadIcon(this.iconLeadingSwap, 'leading');\r\n }\r\n if (this.iconTrailing && this.iconTrailingSwap) {\r\n this.loadIcon(this.iconTrailingSwap, 'trailing');\r\n }\r\n\r\n const buttonSlot = this.el.querySelector('p');\r\n\r\n if (this.state === 'loading') {\r\n buttonSlot.style.display = 'none';\r\n }\r\n\r\n if (buttonSlot) {\r\n buttonSlot.classList.add(this.getButtonTextClasses());\r\n buttonSlot.classList.add('nowrap');\r\n }\r\n }\r\n\r\n async loadIcon(iconName: string, type: 'leading' | 'trailing') {\r\n const iconPath = getAssetPath(`${iconName}`);\r\n const response = await fetch(iconPath);\r\n const svg = await response.text();\r\n if (type === 'leading') {\r\n this.leadingIconSvg = svg;\r\n } else {\r\n this.trailingIconSvg = svg;\r\n }\r\n }\r\n\r\n // Helper to apply color styles based on the button state\r\n getButtonClasses() {\r\n return {\r\n button: true,\r\n [this.size]: true,\r\n [this.hierarchy]: true,\r\n destructive: this.destructive,\r\n disabled: this.state === 'disabled',\r\n only: this.icon === 'only',\r\n };\r\n }\r\n\r\n getButtonTextClasses() {\r\n switch (this.size) {\r\n case 'xxl':\r\n return 'text-lg-semi-bold';\r\n case 'xl':\r\n return 'text-md-semi-bold';\r\n case 'lg':\r\n return 'text-md-semi-bold';\r\n case 'md':\r\n return 'text-sm-semi-bold';\r\n case 'sm':\r\n return 'text-sm-semi-bold';\r\n }\r\n }\r\n\r\n renderLeadingIcon() {\r\n return <div class={`icon left-icon ${this.size}`} innerHTML={this.leadingIconSvg}></div>;\r\n }\r\n\r\n renderTrailingIcon() {\r\n return <div class=\"icon right-icon\" innerHTML={this.trailingIconSvg}></div>;\r\n }\r\n\r\n render() {\r\n return (\r\n <div class=\"button_wrapper\">\r\n <button\r\n disabled={this.state === 'disabled'}\r\n class={this.getButtonClasses()}\r\n onMouseEnter={() => (this.tooltipShown = true)}\r\n onMouseLeave={() => (this.tooltipShown = false)}\r\n onClick={() => this.event && this.emitButtonClick()}\r\n >\r\n {this.state === 'loading' && <div class={`loader ${this.hierarchy} ${this.size} ${this.icon} ${this.destructive ? 'destructive' : ''}`}></div>}\r\n {this.state !== 'loading' && (\r\n <>\r\n {this.iconLeading && this.icon === 'default' && this.renderLeadingIcon()}\r\n {this.icon === 'default' && (\r\n <div class={`btn_text`}>\r\n <slot></slot>\r\n </div>\r\n )}\r\n {this.iconTrailing && this.renderTrailingIcon()}\r\n {this.icon === 'only' && this.renderLeadingIcon()}\r\n </>\r\n )}\r\n </button>\r\n {this.tooltipText && this.icon === 'only' && this.tooltipShown && (\r\n <gb-tooltip show-arrow={true} arrow={this.arrow} class={`tooltip ${this.size}`}>\r\n <p slot=\"label\">{this.tooltipText}</p>\r\n </gb-tooltip>\r\n )}\r\n </div>\r\n );\r\n }\r\n}\r\n"]}
@@ -1,4 +1,4 @@
1
- import { Component, Element, getAssetPath, h, Prop, State, Fragment, Event, EventEmitter } from '@stencil/core';
1
+ import { Component, Element, getAssetPath, h, Prop, State, Fragment, Event, EventEmitter, Method } from '@stencil/core';
2
2
  import { ArrowPositions, GeneralHierarchies, GeneralSizes, StateType } from '../../models/reusableModels';
3
3
 
4
4
  @Component({
@@ -29,6 +29,11 @@ export class GbButton {
29
29
  @State() tooltipShown: boolean = false;
30
30
  @Event() buttonClicked: EventEmitter<void>;
31
31
 
32
+ @Method()
33
+ async getNativeButton(): Promise<HTMLButtonElement | null> {
34
+ return this.el.shadowRoot?.querySelector('button') ?? null;
35
+ }
36
+
32
37
  emitButtonClick() {
33
38
  this.buttonClicked.emit();
34
39
  }
@@ -9,6 +9,7 @@
9
9
  | ------------------- | -------------------- | ----------- | ----------------------------------------------------------------------------------------------------------------------------- | ----------------- |
10
10
  | `arrow` | `arrow` | | `"bottom_center" \| "bottom_left" \| "bottom_right" \| "center" \| "left" \| "none" \| "right" \| "top_center"` | `'bottom_center'` |
11
11
  | `destructive` | `destructive` | | `boolean` | `false` |
12
+ | `event` | `event` | | `boolean` | `false` |
12
13
  | `hierarchy` | `hierarchy` | | `"link_color" \| "link_gray" \| "primary" \| "secondary_color" \| "secondary_gray" \| "tertiary_color" \| "tertiary_gray"` | `'primary'` |
13
14
  | `icon` _(required)_ | `icon` | | `"default" \| "only"` | `undefined` |
14
15
  | `iconLeading` | `icon-leading` | | `boolean` | `false` |
@@ -20,6 +21,13 @@
20
21
  | `tooltipText` | `tooltip-text` | | `string` | `''` |
21
22
 
22
23
 
24
+ ## Events
25
+
26
+ | Event | Description | Type |
27
+ | --------------- | ----------- | ------------------- |
28
+ | `buttonClicked` | | `CustomEvent<void>` |
29
+
30
+
23
31
  ## Dependencies
24
32
 
25
33
  ### Used by
@@ -40,6 +48,7 @@
40
48
  - [gb-pagination](../gb-pagination)
41
49
  - [gb-password-button](../gb-password-button)
42
50
  - [gb-prompt-modal](../gb-prompt-modal)
51
+ - [gb-table](../gb-table)
43
52
  - [gb-table-header](../gb-table-header)
44
53
  - [gb-toast](../gb-toast)
45
54
 
@@ -67,6 +76,7 @@ graph TD;
67
76
  gb-pagination --> gb-button
68
77
  gb-password-button --> gb-button
69
78
  gb-prompt-modal --> gb-button
79
+ gb-table --> gb-button
70
80
  gb-table-header --> gb-button
71
81
  gb-toast --> gb-button
72
82
  style gb-button fill:#f9f,stroke:#333,stroke-width:4px
@@ -10,12 +10,12 @@ export class GbHorizontalTabs {
10
10
  // badgeCount: '5',
11
11
  // },
12
12
  // {
13
- // name: 'Second',
13
+ // name: 'LCY Accounts',
14
14
  // index: 1,
15
15
  // badgeCount: '10',
16
16
  // },
17
17
  // {
18
- // name: 'Second',
18
+ // name: 'FCY',
19
19
  // index: 1,
20
20
  // badgeCount: '10',
21
21
  // },
@@ -203,7 +203,7 @@ export class GbHorizontalTabs {
203
203
  this.tabItemClicked.emit(index);
204
204
  }
205
205
  render() {
206
- return (h("div", { key: '54f179d340920c66abeebff6e651853d4fe34726', class: `horizontal_tab_div_wrapper ${this.type}` }, h("div", { key: '06bec2c6776414902393ea58d9c9b5fbcc9db42e', class: "scroll_button_div left" }, this.showLeftButton && (h("div", { key: 'e95d3c8d470e5985abeaff7501aae75d6283f999', class: "scroll_button", onClick: () => this.scrollLeft() }, h("svg", { key: 'f4f9b80d61d7629b3727b88df7e061fea7df287e', xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none" }, h("path", { key: 'e5077eafebebf562514d97ffaa60948e676e8dde', d: "M15 6C15 6 9.00001 10.4189 9 12C8.99999 13.5812 15 18 15 18", stroke: "var(--color-icon, #4B5565)", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))))), h("div", { key: 'b56dde1f3664cfc121dfb88cacb1a7d74bfd11e6', class: "horizontal_tab_wrapper", ref: el => (this.tabContainer = el), onScroll: () => this.handleScroll(), onTouchStart: e => this.handleTouchStart(e), onTouchEnd: e => this.handleTouchEnd(e), onMouseDown: e => this.handleMouseDown(e), onMouseUp: e => this.handleMouseUp(e), onMouseLeave: () => this.handleMouseLeave() }, h("div", { key: '4071c76de952db8e2fdcd0356231bb75e961832d', class: `horizontal_tab_div ${this.type} ${this.fullWidth ? 'full_width' : ''}` }, this.internalTabs.map((tab, index) => (h("gb-tab-button-base", { class: `tab_button_base ${this.fullWidth ? 'full_width' : ''}`, size: this.size, "full-width": this.fullWidth, type: this.type === 'button_white_border' ? 'button_white' : this.type === 'rounded_button_white_border' ? 'rounded_button_white' : this.type, onClick: () => this.handleTabClick(index), current: this.internalActiveIndex === index, "tab-name": tab.name, badge: this.badge, alignment: "horizontal" }, h("p", { slot: "count" }, tab.badgeCount)))))), h("div", { key: 'd07af9e4cfd0cb806e2814fe111c01e300f21c3f', class: "scroll_button_div right" }, this.showRightButton && (h("div", { key: 'd1175772810a48a573f4fac65f157fe8cf3e92c0', class: "scroll_button", onClick: () => this.scrollRight() }, h("svg", { key: '441a4a4017f6fa6b650b5c321519093864f208c5', xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none" }, h("path", { key: '279a9a8f38ceff8cf537975dad9809abddd734b8', d: "M9.00005 6C9.00005 6 15 10.4189 15 12C15 13.5812 9 18 9 18", stroke: "var(--color-icon, #4B5565)", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })))))));
206
+ return (h("div", { key: 'b59dce87b168230fa7f7ecf7790d1801ef35fb31', class: `horizontal_tab_div_wrapper ${this.type}` }, h("div", { key: '40c60987e2a0a5d33c8f614ab17c446b3afb5409', class: "scroll_button_div left" }, this.showLeftButton && (h("div", { key: '423fcd3d4191bea44f85b707d38e9cb0b3a90c07', class: "scroll_button", onClick: () => this.scrollLeft() }, h("svg", { key: '092e52a9fbf6e061513cc81024a3ff80ee9e5cca', xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none" }, h("path", { key: '51e2c974734f8c5e2fa0bb2cbf43006bfafc4e7f', d: "M15 6C15 6 9.00001 10.4189 9 12C8.99999 13.5812 15 18 15 18", stroke: "var(--color-icon, #4B5565)", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))))), h("div", { key: '6b5885b053d2a2cde46c2060a933b461dc6b1a32', class: "horizontal_tab_wrapper", ref: el => (this.tabContainer = el), onScroll: () => this.handleScroll(), onTouchStart: e => this.handleTouchStart(e), onTouchEnd: e => this.handleTouchEnd(e), onMouseDown: e => this.handleMouseDown(e), onMouseUp: e => this.handleMouseUp(e), onMouseLeave: () => this.handleMouseLeave() }, h("div", { key: '6c540e0bfed3d5b0ce564bb99e7bf052548eda2c', class: `horizontal_tab_div ${this.type} ${this.fullWidth ? 'full_width' : ''}` }, this.internalTabs.map((tab, index) => (h("gb-tab-button-base", { class: `tab_button_base ${this.fullWidth ? 'full_width' : ''}`, size: this.size, "full-width": this.fullWidth, type: this.type === 'button_white_border' ? 'button_white' : this.type === 'rounded_button_white_border' ? 'rounded_button_white' : this.type, onClick: () => this.handleTabClick(index), current: this.internalActiveIndex === index, "tab-name": tab.name, badge: this.badge, alignment: "horizontal" }, h("p", { slot: "count" }, tab.badgeCount)))))), h("div", { key: 'a6851a3a7c44bfd102fcf56010c6b356b3d55158', class: "scroll_button_div right" }, this.showRightButton && (h("div", { key: 'aa5163e4afef63d9967e5a68cbd377fdcfa4fbb4', class: "scroll_button", onClick: () => this.scrollRight() }, h("svg", { key: '56b37d27ef790aaaab2ae63237f1f23780f08841', xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none" }, h("path", { key: '14e4925a41de7e7d9959a089144cec6b2afa80e7', d: "M9.00005 6C9.00005 6 15 10.4189 15 12C15 13.5812 9 18 9 18", stroke: "var(--color-icon, #4B5565)", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })))))));
207
207
  }
208
208
  static get is() { return "gb-horizontal-tabs"; }
209
209
  static get encapsulation() { return "shadow"; }
@@ -344,7 +344,7 @@ export class GbHorizontalTabs {
344
344
  },
345
345
  "getter": false,
346
346
  "setter": false,
347
- "defaultValue": "[\r\n // {\r\n // name: 'All accounts',\r\n // index: 0,\r\n // badgeCount: '5',\r\n // },\r\n // {\r\n // name: 'Second',\r\n // index: 1,\r\n // badgeCount: '10',\r\n // },\r\n // {\r\n // name: 'Second',\r\n // index: 1,\r\n // badgeCount: '10',\r\n // },\r\n // {\r\n // name: 'Second',\r\n // index: 1,\r\n // badgeCount: '10',\r\n // },\r\n // {\r\n // name: 'Second',\r\n // index: 1,\r\n // badgeCount: '10',\r\n // },\r\n // {\r\n // name: 'Second',\r\n // index: 1,\r\n // badgeCount: '10',\r\n // },\r\n // {\r\n // name: 'Second',\r\n // index: 1,\r\n // badgeCount: '10',\r\n // },\r\n // {\r\n // name: 'Second',\r\n // index: 1,\r\n // badgeCount: '10',\r\n // },\r\n // {\r\n // name: 'Second',\r\n // index: 1,\r\n // badgeCount: '10',\r\n // },\r\n // {\r\n // name: 'Second',\r\n // index: 1,\r\n // badgeCount: '10',\r\n // },\r\n // {\r\n // name: 'Second',\r\n // index: 1,\r\n // badgeCount: '10',\r\n // },\r\n // {\r\n // name: 'Second',\r\n // index: 1,\r\n // badgeCount: '10',\r\n // },\r\n // {\r\n // name: 'Second',\r\n // index: 1,\r\n // badgeCount: '10',\r\n // },\r\n // {\r\n // name: 'Second',\r\n // index: 1,\r\n // badgeCount: '10',\r\n // },\r\n // {\r\n // name: 'Second',\r\n // index: 1,\r\n // badgeCount: '10',\r\n // },\r\n // {\r\n // name: 'Second',\r\n // index: 1,\r\n // badgeCount: '10',\r\n // },\r\n // {\r\n // name: 'Second',\r\n // index: 1,\r\n // badgeCount: '10',\r\n // },\r\n // {\r\n // name: 'Second',\r\n // index: 1,\r\n // badgeCount: '10',\r\n // },\r\n // {\r\n // name: 'Second',\r\n // index: 1,\r\n // badgeCount: '10',\r\n // },\r\n ]"
347
+ "defaultValue": "[\r\n // {\r\n // name: 'All accounts',\r\n // index: 0,\r\n // badgeCount: '5',\r\n // },\r\n // {\r\n // name: 'LCY Accounts',\r\n // index: 1,\r\n // badgeCount: '10',\r\n // },\r\n // {\r\n // name: 'FCY',\r\n // index: 1,\r\n // badgeCount: '10',\r\n // },\r\n // {\r\n // name: 'Second',\r\n // index: 1,\r\n // badgeCount: '10',\r\n // },\r\n // {\r\n // name: 'Second',\r\n // index: 1,\r\n // badgeCount: '10',\r\n // },\r\n // {\r\n // name: 'Second',\r\n // index: 1,\r\n // badgeCount: '10',\r\n // },\r\n // {\r\n // name: 'Second',\r\n // index: 1,\r\n // badgeCount: '10',\r\n // },\r\n // {\r\n // name: 'Second',\r\n // index: 1,\r\n // badgeCount: '10',\r\n // },\r\n // {\r\n // name: 'Second',\r\n // index: 1,\r\n // badgeCount: '10',\r\n // },\r\n // {\r\n // name: 'Second',\r\n // index: 1,\r\n // badgeCount: '10',\r\n // },\r\n // {\r\n // name: 'Second',\r\n // index: 1,\r\n // badgeCount: '10',\r\n // },\r\n // {\r\n // name: 'Second',\r\n // index: 1,\r\n // badgeCount: '10',\r\n // },\r\n // {\r\n // name: 'Second',\r\n // index: 1,\r\n // badgeCount: '10',\r\n // },\r\n // {\r\n // name: 'Second',\r\n // index: 1,\r\n // badgeCount: '10',\r\n // },\r\n // {\r\n // name: 'Second',\r\n // index: 1,\r\n // badgeCount: '10',\r\n // },\r\n // {\r\n // name: 'Second',\r\n // index: 1,\r\n // badgeCount: '10',\r\n // },\r\n // {\r\n // name: 'Second',\r\n // index: 1,\r\n // badgeCount: '10',\r\n // },\r\n // {\r\n // name: 'Second',\r\n // index: 1,\r\n // badgeCount: '10',\r\n // },\r\n // {\r\n // name: 'Second',\r\n // index: 1,\r\n // badgeCount: '10',\r\n // },\r\n ]"
348
348
  }
349
349
  };
350
350
  }
@@ -1 +1 @@
1
- {"version":3,"file":"gb-horizontal-tabs.js","sourceRoot":"","sources":["../../../src/components/gb-horizontal-tabs/gb-horizontal-tabs.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Event, EventEmitter, Listen, Prop, State, Watch, h } from '@stencil/core';\r\nimport { GeneralSizes, TabTypes } from '../../models/reusableModels';\r\n\r\n@Component({\r\n tag: 'gb-horizontal-tabs',\r\n styleUrl: 'gb-horizontal-tabs.css',\r\n shadow: true,\r\n})\r\nexport class GbHorizontalTabs {\r\n @Prop() type: TabTypes;\r\n @Prop() size: GeneralSizes;\r\n @Prop() fullWidth: boolean = false;\r\n @Prop() badge: boolean = false;\r\n @Prop({ mutable: true }) activeIndex: number;\r\n @Prop() tabs: { name: string; index: number; badgeCount?: string }[] = [\r\n // {\r\n // name: 'All accounts',\r\n // index: 0,\r\n // badgeCount: '5',\r\n // },\r\n // {\r\n // name: 'Second',\r\n // index: 1,\r\n // badgeCount: '10',\r\n // },\r\n // {\r\n // name: 'Second',\r\n // index: 1,\r\n // badgeCount: '10',\r\n // },\r\n // {\r\n // name: 'Second',\r\n // index: 1,\r\n // badgeCount: '10',\r\n // },\r\n // {\r\n // name: 'Second',\r\n // index: 1,\r\n // badgeCount: '10',\r\n // },\r\n // {\r\n // name: 'Second',\r\n // index: 1,\r\n // badgeCount: '10',\r\n // },\r\n // {\r\n // name: 'Second',\r\n // index: 1,\r\n // badgeCount: '10',\r\n // },\r\n // {\r\n // name: 'Second',\r\n // index: 1,\r\n // badgeCount: '10',\r\n // },\r\n // {\r\n // name: 'Second',\r\n // index: 1,\r\n // badgeCount: '10',\r\n // },\r\n // {\r\n // name: 'Second',\r\n // index: 1,\r\n // badgeCount: '10',\r\n // },\r\n // {\r\n // name: 'Second',\r\n // index: 1,\r\n // badgeCount: '10',\r\n // },\r\n // {\r\n // name: 'Second',\r\n // index: 1,\r\n // badgeCount: '10',\r\n // },\r\n // {\r\n // name: 'Second',\r\n // index: 1,\r\n // badgeCount: '10',\r\n // },\r\n // {\r\n // name: 'Second',\r\n // index: 1,\r\n // badgeCount: '10',\r\n // },\r\n // {\r\n // name: 'Second',\r\n // index: 1,\r\n // badgeCount: '10',\r\n // },\r\n // {\r\n // name: 'Second',\r\n // index: 1,\r\n // badgeCount: '10',\r\n // },\r\n // {\r\n // name: 'Second',\r\n // index: 1,\r\n // badgeCount: '10',\r\n // },\r\n // {\r\n // name: 'Second',\r\n // index: 1,\r\n // badgeCount: '10',\r\n // },\r\n // {\r\n // name: 'Second',\r\n // index: 1,\r\n // badgeCount: '10',\r\n // },\r\n ];\r\n @State() internalTabs: { name: string; index: number; badgeCount?: string }[] = [...this.tabs];\r\n @State() internalActiveIndex: number = 0;\r\n // @State() showScrollButtons: boolean = false;\r\n @State() width: number = window.innerWidth;\r\n @Event() tabItemClicked: EventEmitter<number>;\r\n @State() showLeftButton = false;\r\n @State() showRightButton = false;\r\n private tabContainer!: HTMLElement;\r\n private touchStartX: number = 0;\r\n private touchEndX: number = 0;\r\n private mouseStartX: number = 0;\r\n private isMouseDown: boolean = false;\r\n\r\n componentDidLoad() {\r\n this.updateScrollButtons();\r\n }\r\n\r\n scrollLeft() {\r\n this.tabContainer.scrollBy({ left: -200, behavior: 'smooth' });\r\n }\r\n\r\n scrollRight() {\r\n this.tabContainer.scrollBy({ left: 200, behavior: 'smooth' });\r\n }\r\n\r\n handleScroll() {\r\n this.updateScrollButtons();\r\n }\r\n\r\n handleTouchStart(e: TouchEvent) {\r\n this.touchStartX = e.touches[0].clientX;\r\n }\r\n\r\n handleTouchEnd(e: TouchEvent) {\r\n this.touchEndX = e.changedTouches[0].clientX;\r\n this.handleSwipe();\r\n }\r\n\r\n handleSwipe() {\r\n const swipeThreshold = 50; // minimum distance for a swipe\r\n const diff = this.touchStartX - this.touchEndX;\r\n\r\n if (Math.abs(diff) > swipeThreshold) {\r\n if (diff > 0) {\r\n // Swiped left, scroll right\r\n this.scrollRight();\r\n } else {\r\n // Swiped right, scroll left\r\n this.scrollLeft();\r\n }\r\n }\r\n }\r\n\r\n handleMouseDown(e: MouseEvent) {\r\n this.isMouseDown = true;\r\n this.mouseStartX = e.clientX;\r\n }\r\n\r\n handleMouseUp(e: MouseEvent) {\r\n if (!this.isMouseDown) return;\r\n this.isMouseDown = false;\r\n const mouseEndX = e.clientX;\r\n const swipeThreshold = 50;\r\n const diff = this.mouseStartX - mouseEndX;\r\n\r\n if (Math.abs(diff) > swipeThreshold) {\r\n if (diff > 0) {\r\n // Dragged left, scroll right\r\n this.scrollRight();\r\n } else {\r\n // Dragged right, scroll left\r\n this.scrollLeft();\r\n }\r\n }\r\n }\r\n\r\n handleMouseLeave() {\r\n this.isMouseDown = false;\r\n }\r\n\r\n @Listen('resize', { target: 'window' })\r\n updateScrollButtons() {\r\n if (!this.tabContainer) return;\r\n\r\n // Read current viewport width so behavior updates dynamically on resize\r\n this.width = window.innerWidth;\r\n\r\n if (this.width > 768) {\r\n const { scrollLeft, scrollWidth, clientWidth } = this.tabContainer;\r\n\r\n // Only show buttons if overflow exists and the width greater than 768px for screens larger than mobile\r\n const isOverflowing = scrollWidth > clientWidth;\r\n this.showLeftButton = isOverflowing && scrollLeft > 0;\r\n this.showRightButton = isOverflowing && scrollLeft + clientWidth < scrollWidth - 1;\r\n } else {\r\n this.showLeftButton = false;\r\n this.showRightButton = false;\r\n }\r\n }\r\n\r\n @Watch('activeIndex')\r\n setActiveIndex(_oldValue: number, newValue: number) {\r\n this.internalActiveIndex = newValue;\r\n }\r\n\r\n @Watch('tabs')\r\n onTabsChanged(newTabs: { name: string; index: number; badgeCount?: string }[]) {\r\n this.internalTabs = newTabs;\r\n }\r\n\r\n componentWillLoad() {\r\n this.internalTabs = this.tabs;\r\n }\r\n\r\n componentWillRender() {\r\n this.internalActiveIndex = this.activeIndex;\r\n }\r\n\r\n async handleTabClick(index: number) {\r\n this.activeIndex = index;\r\n this.tabItemClicked.emit(index);\r\n }\r\n\r\n render() {\r\n return (\r\n <div class={`horizontal_tab_div_wrapper ${this.type}`}>\r\n <div class=\"scroll_button_div left\">\r\n {this.showLeftButton && (\r\n <div class=\"scroll_button\" onClick={() => this.scrollLeft()}>\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\r\n <path\r\n d=\"M15 6C15 6 9.00001 10.4189 9 12C8.99999 13.5812 15 18 15 18\"\r\n stroke=\"var(--color-icon, #4B5565)\"\r\n stroke-width=\"1.5\"\r\n stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\"\r\n />\r\n </svg>\r\n </div>\r\n )}\r\n </div>\r\n <div\r\n class=\"horizontal_tab_wrapper\"\r\n ref={el => (this.tabContainer = el as HTMLElement)}\r\n onScroll={() => this.handleScroll()}\r\n onTouchStart={e => this.handleTouchStart(e)}\r\n onTouchEnd={e => this.handleTouchEnd(e)}\r\n onMouseDown={e => this.handleMouseDown(e)}\r\n onMouseUp={e => this.handleMouseUp(e)}\r\n onMouseLeave={() => this.handleMouseLeave()}\r\n >\r\n <div class={`horizontal_tab_div ${this.type} ${this.fullWidth ? 'full_width' : ''}`}>\r\n {this.internalTabs.map((tab, index) => (\r\n <gb-tab-button-base\r\n class={`tab_button_base ${this.fullWidth ? 'full_width' : ''}`}\r\n size={this.size}\r\n full-width={this.fullWidth}\r\n type={this.type === 'button_white_border' ? 'button_white' : this.type === 'rounded_button_white_border' ? 'rounded_button_white' : this.type}\r\n onClick={() => this.handleTabClick(index)}\r\n current={this.internalActiveIndex === index}\r\n tab-name={tab.name}\r\n badge={this.badge}\r\n alignment=\"horizontal\"\r\n >\r\n <p slot=\"count\">{tab.badgeCount}</p>\r\n </gb-tab-button-base>\r\n ))}\r\n </div>\r\n </div>\r\n <div class=\"scroll_button_div right\">\r\n {this.showRightButton && (\r\n <div class=\"scroll_button\" onClick={() => this.scrollRight()}>\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\r\n <path\r\n d=\"M9.00005 6C9.00005 6 15 10.4189 15 12C15 13.5812 9 18 9 18\"\r\n stroke=\"var(--color-icon, #4B5565)\"\r\n stroke-width=\"1.5\"\r\n stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\"\r\n />\r\n </svg>\r\n </div>\r\n )}\r\n </div>\r\n </div>\r\n );\r\n }\r\n}\r\n"]}
1
+ {"version":3,"file":"gb-horizontal-tabs.js","sourceRoot":"","sources":["../../../src/components/gb-horizontal-tabs/gb-horizontal-tabs.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Event, EventEmitter, Listen, Prop, State, Watch, h } from '@stencil/core';\r\nimport { GeneralSizes, TabTypes } from '../../models/reusableModels';\r\n\r\n@Component({\r\n tag: 'gb-horizontal-tabs',\r\n styleUrl: 'gb-horizontal-tabs.css',\r\n shadow: true,\r\n})\r\nexport class GbHorizontalTabs {\r\n @Prop() type: TabTypes;\r\n @Prop() size: GeneralSizes;\r\n @Prop() fullWidth: boolean = false;\r\n @Prop() badge: boolean = false;\r\n @Prop({ mutable: true }) activeIndex: number;\r\n @Prop() tabs: { name: string; index: number; badgeCount?: string }[] = [\r\n // {\r\n // name: 'All accounts',\r\n // index: 0,\r\n // badgeCount: '5',\r\n // },\r\n // {\r\n // name: 'LCY Accounts',\r\n // index: 1,\r\n // badgeCount: '10',\r\n // },\r\n // {\r\n // name: 'FCY',\r\n // index: 1,\r\n // badgeCount: '10',\r\n // },\r\n // {\r\n // name: 'Second',\r\n // index: 1,\r\n // badgeCount: '10',\r\n // },\r\n // {\r\n // name: 'Second',\r\n // index: 1,\r\n // badgeCount: '10',\r\n // },\r\n // {\r\n // name: 'Second',\r\n // index: 1,\r\n // badgeCount: '10',\r\n // },\r\n // {\r\n // name: 'Second',\r\n // index: 1,\r\n // badgeCount: '10',\r\n // },\r\n // {\r\n // name: 'Second',\r\n // index: 1,\r\n // badgeCount: '10',\r\n // },\r\n // {\r\n // name: 'Second',\r\n // index: 1,\r\n // badgeCount: '10',\r\n // },\r\n // {\r\n // name: 'Second',\r\n // index: 1,\r\n // badgeCount: '10',\r\n // },\r\n // {\r\n // name: 'Second',\r\n // index: 1,\r\n // badgeCount: '10',\r\n // },\r\n // {\r\n // name: 'Second',\r\n // index: 1,\r\n // badgeCount: '10',\r\n // },\r\n // {\r\n // name: 'Second',\r\n // index: 1,\r\n // badgeCount: '10',\r\n // },\r\n // {\r\n // name: 'Second',\r\n // index: 1,\r\n // badgeCount: '10',\r\n // },\r\n // {\r\n // name: 'Second',\r\n // index: 1,\r\n // badgeCount: '10',\r\n // },\r\n // {\r\n // name: 'Second',\r\n // index: 1,\r\n // badgeCount: '10',\r\n // },\r\n // {\r\n // name: 'Second',\r\n // index: 1,\r\n // badgeCount: '10',\r\n // },\r\n // {\r\n // name: 'Second',\r\n // index: 1,\r\n // badgeCount: '10',\r\n // },\r\n // {\r\n // name: 'Second',\r\n // index: 1,\r\n // badgeCount: '10',\r\n // },\r\n ];\r\n @State() internalTabs: { name: string; index: number; badgeCount?: string }[] = [...this.tabs];\r\n @State() internalActiveIndex: number = 0;\r\n // @State() showScrollButtons: boolean = false;\r\n @State() width: number = window.innerWidth;\r\n @Event() tabItemClicked: EventEmitter<number>;\r\n @State() showLeftButton = false;\r\n @State() showRightButton = false;\r\n private tabContainer!: HTMLElement;\r\n private touchStartX: number = 0;\r\n private touchEndX: number = 0;\r\n private mouseStartX: number = 0;\r\n private isMouseDown: boolean = false;\r\n\r\n componentDidLoad() {\r\n this.updateScrollButtons();\r\n }\r\n\r\n scrollLeft() {\r\n this.tabContainer.scrollBy({ left: -200, behavior: 'smooth' });\r\n }\r\n\r\n scrollRight() {\r\n this.tabContainer.scrollBy({ left: 200, behavior: 'smooth' });\r\n }\r\n\r\n handleScroll() {\r\n this.updateScrollButtons();\r\n }\r\n\r\n handleTouchStart(e: TouchEvent) {\r\n this.touchStartX = e.touches[0].clientX;\r\n }\r\n\r\n handleTouchEnd(e: TouchEvent) {\r\n this.touchEndX = e.changedTouches[0].clientX;\r\n this.handleSwipe();\r\n }\r\n\r\n handleSwipe() {\r\n const swipeThreshold = 50; // minimum distance for a swipe\r\n const diff = this.touchStartX - this.touchEndX;\r\n\r\n if (Math.abs(diff) > swipeThreshold) {\r\n if (diff > 0) {\r\n // Swiped left, scroll right\r\n this.scrollRight();\r\n } else {\r\n // Swiped right, scroll left\r\n this.scrollLeft();\r\n }\r\n }\r\n }\r\n\r\n handleMouseDown(e: MouseEvent) {\r\n this.isMouseDown = true;\r\n this.mouseStartX = e.clientX;\r\n }\r\n\r\n handleMouseUp(e: MouseEvent) {\r\n if (!this.isMouseDown) return;\r\n this.isMouseDown = false;\r\n const mouseEndX = e.clientX;\r\n const swipeThreshold = 50;\r\n const diff = this.mouseStartX - mouseEndX;\r\n\r\n if (Math.abs(diff) > swipeThreshold) {\r\n if (diff > 0) {\r\n // Dragged left, scroll right\r\n this.scrollRight();\r\n } else {\r\n // Dragged right, scroll left\r\n this.scrollLeft();\r\n }\r\n }\r\n }\r\n\r\n handleMouseLeave() {\r\n this.isMouseDown = false;\r\n }\r\n\r\n @Listen('resize', { target: 'window' })\r\n updateScrollButtons() {\r\n if (!this.tabContainer) return;\r\n\r\n // Read current viewport width so behavior updates dynamically on resize\r\n this.width = window.innerWidth;\r\n\r\n if (this.width > 768) {\r\n const { scrollLeft, scrollWidth, clientWidth } = this.tabContainer;\r\n\r\n // Only show buttons if overflow exists and the width greater than 768px for screens larger than mobile\r\n const isOverflowing = scrollWidth > clientWidth;\r\n this.showLeftButton = isOverflowing && scrollLeft > 0;\r\n this.showRightButton = isOverflowing && scrollLeft + clientWidth < scrollWidth - 1;\r\n } else {\r\n this.showLeftButton = false;\r\n this.showRightButton = false;\r\n }\r\n }\r\n\r\n @Watch('activeIndex')\r\n setActiveIndex(_oldValue: number, newValue: number) {\r\n this.internalActiveIndex = newValue;\r\n }\r\n\r\n @Watch('tabs')\r\n onTabsChanged(newTabs: { name: string; index: number; badgeCount?: string }[]) {\r\n this.internalTabs = newTabs;\r\n }\r\n\r\n componentWillLoad() {\r\n this.internalTabs = this.tabs;\r\n }\r\n\r\n componentWillRender() {\r\n this.internalActiveIndex = this.activeIndex;\r\n }\r\n\r\n async handleTabClick(index: number) {\r\n this.activeIndex = index;\r\n this.tabItemClicked.emit(index);\r\n }\r\n\r\n render() {\r\n return (\r\n <div class={`horizontal_tab_div_wrapper ${this.type}`}>\r\n <div class=\"scroll_button_div left\">\r\n {this.showLeftButton && (\r\n <div class=\"scroll_button\" onClick={() => this.scrollLeft()}>\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\r\n <path\r\n d=\"M15 6C15 6 9.00001 10.4189 9 12C8.99999 13.5812 15 18 15 18\"\r\n stroke=\"var(--color-icon, #4B5565)\"\r\n stroke-width=\"1.5\"\r\n stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\"\r\n />\r\n </svg>\r\n </div>\r\n )}\r\n </div>\r\n <div\r\n class=\"horizontal_tab_wrapper\"\r\n ref={el => (this.tabContainer = el as HTMLElement)}\r\n onScroll={() => this.handleScroll()}\r\n onTouchStart={e => this.handleTouchStart(e)}\r\n onTouchEnd={e => this.handleTouchEnd(e)}\r\n onMouseDown={e => this.handleMouseDown(e)}\r\n onMouseUp={e => this.handleMouseUp(e)}\r\n onMouseLeave={() => this.handleMouseLeave()}\r\n >\r\n <div class={`horizontal_tab_div ${this.type} ${this.fullWidth ? 'full_width' : ''}`}>\r\n {this.internalTabs.map((tab, index) => (\r\n <gb-tab-button-base\r\n class={`tab_button_base ${this.fullWidth ? 'full_width' : ''}`}\r\n size={this.size}\r\n full-width={this.fullWidth}\r\n type={this.type === 'button_white_border' ? 'button_white' : this.type === 'rounded_button_white_border' ? 'rounded_button_white' : this.type}\r\n onClick={() => this.handleTabClick(index)}\r\n current={this.internalActiveIndex === index}\r\n tab-name={tab.name}\r\n badge={this.badge}\r\n alignment=\"horizontal\"\r\n >\r\n <p slot=\"count\">{tab.badgeCount}</p>\r\n </gb-tab-button-base>\r\n ))}\r\n </div>\r\n </div>\r\n <div class=\"scroll_button_div right\">\r\n {this.showRightButton && (\r\n <div class=\"scroll_button\" onClick={() => this.scrollRight()}>\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\r\n <path\r\n d=\"M9.00005 6C9.00005 6 15 10.4189 15 12C15 13.5812 9 18 9 18\"\r\n stroke=\"var(--color-icon, #4B5565)\"\r\n stroke-width=\"1.5\"\r\n stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\"\r\n />\r\n </svg>\r\n </div>\r\n )}\r\n </div>\r\n </div>\r\n );\r\n }\r\n}\r\n"]}