globuswebcomponents 2.6.16 → 2.6.18

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 (482) hide show
  1. package/dist/cjs/{gb-action-panel_72.cjs.entry.js → gb-action-panel_76.cjs.entry.js} +256 -115
  2. package/dist/cjs/gb-breadcrumbs.cjs.entry.js +1 -1
  3. package/dist/cjs/gb-breadcrumbs.entry.cjs.js.map +1 -1
  4. package/dist/cjs/gb-detail-cell.cjs.entry.js +1 -1
  5. package/dist/cjs/gb-file-upload.cjs.entry.js +12 -12
  6. package/dist/cjs/gb-horizontal-tabs.cjs.entry.js +96 -96
  7. package/dist/cjs/gb-horizontal-tabs.entry.cjs.js.map +1 -1
  8. package/dist/cjs/gb-logo.cjs.entry.js +1 -1
  9. package/dist/cjs/gb-mega-input-field-base.cjs.entry.js +2 -2
  10. package/dist/cjs/gb-pagination-dot-group.cjs.entry.js +1 -1
  11. package/dist/cjs/gb-pagination-dot-indicator.cjs.entry.js +1 -1
  12. package/dist/cjs/gb-progress-circle.cjs.entry.js +1 -1
  13. package/dist/cjs/gb-prompt-modal.cjs.entry.js +1 -1
  14. package/dist/cjs/gb-quick-action-card.cjs.entry.js +1 -1
  15. package/dist/cjs/gb-quick-action-icon.cjs.entry.js +1 -1
  16. package/dist/cjs/gb-scrollbar.cjs.entry.js +1 -1
  17. package/dist/cjs/gb-slider-control-handle.cjs.entry.js +1 -1
  18. package/dist/cjs/gb-slider.cjs.entry.js +1 -1
  19. package/dist/cjs/gb-step-base.cjs.entry.js +1 -1
  20. package/dist/cjs/gb-stepper-horizontal-icons-centered.cjs.entry.js +1 -1
  21. package/dist/cjs/gb-stepper-horizontal-icons-connected.cjs.entry.js +1 -1
  22. package/dist/cjs/gb-stepper-horizontal-line-with-text.cjs.entry.js +1 -1
  23. package/dist/cjs/gb-stepper-vertical-icons-with-text.cjs.entry.js +1 -1
  24. package/dist/cjs/gb-table-cell.cjs.entry.js +1 -1
  25. package/dist/cjs/gb-token-field-compact.cjs.entry.js +1 -1
  26. package/dist/cjs/gb-token-field-compressed.cjs.entry.js +2 -2
  27. package/dist/cjs/gb-wysiwyg-editor-icon.cjs.entry.js +1 -1
  28. package/dist/cjs/gb-wysiwyg-tooltip.cjs.entry.js +1 -1
  29. package/dist/cjs/globuscomponents.cjs.js +1 -1
  30. package/dist/cjs/loader.cjs.js +1 -1
  31. package/dist/cjs/test-input-tag.cjs.entry.js +2 -2
  32. package/dist/collection/assets/database_entire_data.svg +3 -0
  33. package/dist/collection/assets/filter_filtered_data.svg +3 -0
  34. package/dist/collection/assets/laptop_data_on_view.svg +3 -0
  35. package/dist/collection/components/gb-badge/gb-badge.css +18 -17
  36. package/dist/collection/components/gb-badge/gb-badge.js +10 -12
  37. package/dist/collection/components/gb-badge/gb-badge.js.map +1 -1
  38. package/dist/collection/components/gb-breadcrumbs/gb-breadcrumbs.css +9 -9
  39. package/dist/collection/components/gb-button/gb-button.css +1 -22
  40. package/dist/collection/components/gb-button/gb-button.js +1 -3
  41. package/dist/collection/components/gb-button/gb-button.js.map +1 -1
  42. package/dist/collection/components/gb-button/gb-button.tsx +0 -2
  43. package/dist/collection/components/gb-collapse-button/gb-collapse-button.css +6 -6
  44. package/dist/collection/components/gb-collapse-button/gb-collapse-button.js +4 -4
  45. package/dist/collection/components/gb-collapse-button/gb-collapse-button.js.map +1 -1
  46. package/dist/collection/components/gb-comment/gb-comment.js +1 -1
  47. package/dist/collection/components/gb-comment-item/gb-comment-item.js +1 -1
  48. package/dist/collection/components/gb-complex-primary-side-bar-item/gb-complex-primary-side-bar-item.js +1 -1
  49. package/dist/collection/components/gb-complex-secondary-side-bar-item/gb-complex-secondary-side-bar-item.js +1 -1
  50. package/dist/collection/components/gb-date-picker/gb-date-picker.js +2 -2
  51. package/dist/collection/components/gb-detail-cell/gb-detail-cell.js +1 -1
  52. package/dist/collection/components/gb-dropdown-items-with-shortcut/gb-dropdown-items-with-shortcut.js +1 -1
  53. package/dist/collection/components/gb-empty-state/gb-empty-state.js +1 -1
  54. package/dist/collection/components/gb-export-dropdown/gb-export-dropdown.js +3 -3
  55. package/dist/collection/components/gb-export-dropdown-item/gb-export-dropdown-item.js +1 -1
  56. package/dist/collection/components/gb-export-sub-dropdown/gb-export-sub-dropdown.js +1 -1
  57. package/dist/collection/components/gb-export-sub-dropdown-item/gb-export-sub-dropdown-item.css +39 -37
  58. package/dist/collection/components/gb-export-sub-dropdown-item/gb-export-sub-dropdown-item.js +1 -1
  59. package/dist/collection/components/gb-featured-icon/gb-featured-icon.js +1 -1
  60. package/dist/collection/components/gb-file-type-icon/gb-file-type-icon.js +1 -1
  61. package/dist/collection/components/gb-file-upload/gb-file-upload.js +12 -12
  62. package/dist/collection/components/gb-file-upload-item-base/gb-file-upload-item-base.js +8 -5
  63. package/dist/collection/components/gb-file-upload-item-base/gb-file-upload-item-base.js.map +1 -1
  64. package/dist/collection/components/gb-filter-button/gb-filter-button.js +1 -1
  65. package/dist/collection/components/gb-header/gb-header.js +1 -1
  66. package/dist/collection/components/gb-header-icon/gb-header-icon.js +1 -1
  67. package/dist/collection/components/gb-help-dropdown/gb-help-dropdown.js +1 -1
  68. package/dist/collection/components/gb-help-tooltip/gb-help-tooltip.js +1 -1
  69. package/dist/collection/components/gb-horizontal-tabs/gb-horizontal-tabs.js +97 -97
  70. package/dist/collection/components/gb-horizontal-tabs/gb-horizontal-tabs.js.map +1 -1
  71. package/dist/collection/components/gb-icon-button-base/gb-icon-button-base.js +1 -1
  72. package/dist/collection/components/gb-illustration/gb-illustration.js +8 -8
  73. package/dist/collection/components/gb-input-dropdown/gb-input-dropdown.js +3 -3
  74. package/dist/collection/components/gb-input-dropdown-menu-item/gb-input-dropdown-menu-item.js +2 -2
  75. package/dist/collection/components/gb-input-field/gb-input-field.js +12 -12
  76. package/dist/collection/components/gb-logo/gb-logo.js +1 -1
  77. package/dist/collection/components/gb-mega-input-field-base/gb-mega-input-field-base.js +2 -2
  78. package/dist/collection/components/gb-metric-card/gb-metric-card.css +1 -0
  79. package/dist/collection/components/gb-metric-card/gb-metric-card.js +1 -1
  80. package/dist/collection/components/gb-metric-featured-icon/gb-metric-featured-icon.js +1 -1
  81. package/dist/collection/components/gb-modal-header/gb-modal-header.js +2 -2
  82. package/dist/collection/components/gb-nav-bar/gb-nav-bar.js +1 -1
  83. package/dist/collection/components/gb-nav-bar-item/gb-nav-bar-item.js +1 -1
  84. package/dist/collection/components/gb-nav-bar-sidemenu/gb-nav-bar-sidemenu.js +1 -1
  85. package/dist/collection/components/gb-notification-content/gb-notification-content.js +1 -1
  86. package/dist/collection/components/gb-notification-pane/gb-notification-pane.js +3 -3
  87. package/dist/collection/components/gb-pagination/gb-pagination.js +4 -4
  88. package/dist/collection/components/gb-pagination-button-group-base/gb-pagination-button-group-base.js +1 -1
  89. package/dist/collection/components/gb-pagination-dot-group/gb-pagination-dot-group.js +1 -1
  90. package/dist/collection/components/gb-pagination-dot-indicator/gb-pagination-dot-indicator.js +1 -1
  91. package/dist/collection/components/gb-pagination-number-base/gb-pagination-number-base.js +1 -1
  92. package/dist/collection/components/gb-password-button/gb-password-button.js +1 -1
  93. package/dist/collection/components/gb-pattern/gb-pattern.js +1 -1
  94. package/dist/collection/components/gb-progress-bar/gb-progress-bar.js +1 -1
  95. package/dist/collection/components/gb-progress-circle/gb-progress-circle.js +1 -1
  96. package/dist/collection/components/gb-prompt-modal/gb-prompt-modal.js +1 -1
  97. package/dist/collection/components/gb-quick-action-card/gb-quick-action-card.js +1 -1
  98. package/dist/collection/components/gb-quick-action-icon/gb-quick-action-icon.js +1 -1
  99. package/dist/collection/components/gb-scrollbar/gb-scrollbar.js +1 -1
  100. package/dist/collection/components/gb-sidebar/gb-sidebar.js +1 -1
  101. package/dist/collection/components/gb-simple-side-bar-item/gb-simple-side-bar-item.css +1 -1
  102. package/dist/collection/components/gb-simple-side-bar-item/gb-simple-side-bar-item.js +1 -1
  103. package/dist/collection/components/gb-slider/gb-slider.js +1 -1
  104. package/dist/collection/components/gb-slider-control-handle/gb-slider-control-handle.js +1 -1
  105. package/dist/collection/components/gb-status-indicator/gb-status-indicator.js +1 -1
  106. package/dist/collection/components/gb-step-base/gb-step-base.js +1 -1
  107. package/dist/collection/components/gb-step-icon-base/gb-step-icon-base.js +1 -1
  108. package/dist/collection/components/gb-stepper-horizontal-icons-centered/gb-stepper-horizontal-icons-centered.js +1 -1
  109. package/dist/collection/components/gb-stepper-horizontal-icons-connected/gb-stepper-horizontal-icons-connected.js +1 -1
  110. package/dist/collection/components/gb-stepper-horizontal-line-with-text/gb-stepper-horizontal-line-with-text.js +1 -1
  111. package/dist/collection/components/gb-stepper-horizontal-minimal-icons/gb-stepper-horizontal-minimal-icons.js +1 -1
  112. package/dist/collection/components/gb-stepper-vertical-icons-with-text/gb-stepper-vertical-icons-with-text.js +1 -1
  113. package/dist/collection/components/gb-tab-button-base/gb-tab-button-base.js +3 -3
  114. package/dist/collection/components/gb-table-cell/gb-table-cell.js +1 -1
  115. package/dist/collection/components/gb-table-header/gb-table-header.js +1 -1
  116. package/dist/collection/components/gb-tag/gb-tag.js +1 -1
  117. package/dist/collection/components/gb-tag-checkbox/gb-tag-checkbox.js +1 -1
  118. package/dist/collection/components/gb-tag-close/gb-tag-close.js +1 -1
  119. package/dist/collection/components/gb-tag-count/gb-tag-count.js +1 -1
  120. package/dist/collection/components/gb-textarea-input-field/gb-textarea-input-field.js +3 -3
  121. package/dist/collection/components/gb-theme-tab/gb-theme-tab.js +1 -1
  122. package/dist/collection/components/gb-toast/gb-toast.js +1 -1
  123. package/dist/collection/components/gb-toast-button/gb-toast-button.js +1 -1
  124. package/dist/collection/components/gb-toggle/gb-toggle.js +1 -1
  125. package/dist/collection/components/gb-toggle-base/gb-toggle-base.js +2 -2
  126. package/dist/collection/components/gb-token-field-compact/gb-token-field-compact.js +1 -1
  127. package/dist/collection/components/gb-token-field-compressed/gb-token-field-compressed.js +2 -2
  128. package/dist/collection/components/gb-tooltip/gb-tooltip.js +1 -1
  129. package/dist/collection/components/gb-vertical-tabs/gb-vertical-tabs.js +1 -1
  130. package/dist/collection/components/gb-wysiwyg-editor-icon/gb-wysiwyg-editor-icon.js +1 -1
  131. package/dist/collection/components/gb-wysiwyg-tooltip/gb-wysiwyg-tooltip.js +1 -1
  132. package/dist/collection/components/test-input-tag/test-input-tag.js +2 -2
  133. package/dist/components/gb-action-panel.js +2 -2
  134. package/dist/components/gb-approval-modal.js +13 -13
  135. package/dist/components/gb-avatar-add-button.js +1 -1
  136. package/dist/components/gb-avatar-dropdown.js +1 -1
  137. package/dist/components/gb-avatar-group.js +4 -4
  138. package/dist/components/gb-avatar-label-group.js +1 -1
  139. package/dist/components/gb-avatar-profile-photo.js +2 -2
  140. package/dist/components/gb-avatar.js +1 -1
  141. package/dist/components/gb-badge.js +1 -1
  142. package/dist/components/gb-breadcrumbs.js +1 -1
  143. package/dist/components/gb-breadcrumbs.js.map +1 -1
  144. package/dist/components/gb-button.js +1 -1
  145. package/dist/components/gb-checkbox-group-item.js +1 -1
  146. package/dist/components/gb-checkbox-group.js +5 -5
  147. package/dist/components/gb-collapse-button.js +1 -1
  148. package/dist/components/gb-comment-item.js +1 -1
  149. package/dist/components/gb-comment.js +4 -4
  150. package/dist/components/gb-complex-primary-side-bar-item.js +1 -1
  151. package/dist/components/gb-complex-secondary-side-bar-item.js +1 -1
  152. package/dist/components/gb-date-picker.js +1 -1
  153. package/dist/components/gb-detail-cell.js +7 -7
  154. package/dist/components/gb-dropdown-items-with-shortcut.js +1 -1
  155. package/dist/components/gb-empty-state.js +7 -7
  156. package/dist/components/gb-export-dropdown-item.js +1 -1
  157. package/dist/components/gb-export-dropdown.js +1 -1
  158. package/dist/components/gb-export-sub-dropdown-item.js +1 -1
  159. package/dist/components/gb-export-sub-dropdown.js +1 -1
  160. package/dist/components/gb-featured-icon.js +1 -1
  161. package/dist/components/gb-file-type-icon.js +1 -1
  162. package/dist/components/gb-file-upload-item-base.js +1 -1
  163. package/dist/components/gb-file-upload.js +17 -17
  164. package/dist/components/gb-filter-button.js +1 -1
  165. package/dist/components/gb-header-icon.js +1 -1
  166. package/dist/components/gb-header.js +23 -23
  167. package/dist/components/gb-help-dropdown.js +1 -1
  168. package/dist/components/gb-help-tooltip.js +1 -1
  169. package/dist/components/gb-horizontal-tabs.js +100 -100
  170. package/dist/components/gb-horizontal-tabs.js.map +1 -1
  171. package/dist/components/gb-icon-button-base.js +1 -1
  172. package/dist/components/gb-illustration.js +1 -1
  173. package/dist/components/gb-input-dropdown-menu-item.js +1 -1
  174. package/dist/components/gb-input-dropdown.js +1 -1
  175. package/dist/components/gb-input-field.js +1 -1
  176. package/dist/components/gb-logo.js +1 -1
  177. package/dist/components/gb-mega-input-field-base.js +1 -1
  178. package/dist/components/gb-metric-card.js +6 -6
  179. package/dist/components/gb-metric-card.js.map +1 -1
  180. package/dist/components/gb-metric-featured-icon.js +1 -1
  181. package/dist/components/gb-modal-action.js +1 -1
  182. package/dist/components/gb-modal-header.js +1 -1
  183. package/dist/components/gb-nav-bar-item.js +1 -1
  184. package/dist/components/gb-nav-bar-sidemenu.js +6 -6
  185. package/dist/components/gb-nav-bar.js +4 -4
  186. package/dist/components/gb-notification-content.js +1 -1
  187. package/dist/components/gb-notification-pane.js +1 -1
  188. package/dist/components/gb-pagination-button-group-base.js +1 -1
  189. package/dist/components/gb-pagination-dot-group.js +1 -1
  190. package/dist/components/gb-pagination-dot-indicator.js +1 -1
  191. package/dist/components/gb-pagination-number-base.js +1 -1
  192. package/dist/components/gb-pagination.js +19 -19
  193. package/dist/components/gb-password-button.js +1 -1
  194. package/dist/components/gb-pattern.js +1 -1
  195. package/dist/components/gb-progress-bar.js +1 -1
  196. package/dist/components/gb-progress-circle.js +1 -1
  197. package/dist/components/gb-prompt-modal.js +3 -3
  198. package/dist/components/gb-quick-action-card.js +1 -1
  199. package/dist/components/gb-quick-action-icon.js +1 -1
  200. package/dist/components/gb-scrollbar.js +1 -1
  201. package/dist/components/gb-sidebar.js +9 -9
  202. package/dist/components/gb-simple-side-bar-item.js +1 -1
  203. package/dist/components/gb-slider-control-handle.js +1 -1
  204. package/dist/components/gb-slider.js +3 -3
  205. package/dist/components/gb-status-indicator.js +1 -1
  206. package/dist/components/gb-step-base.js +1 -1
  207. package/dist/components/gb-step-icon-base.js +1 -1
  208. package/dist/components/gb-stepper-horizontal-icons-centered.js +4 -4
  209. package/dist/components/gb-stepper-horizontal-icons-connected.js +1 -1
  210. package/dist/components/gb-stepper-horizontal-line-with-text.js +4 -4
  211. package/dist/components/gb-stepper-horizontal-minimal-icons.js +2 -2
  212. package/dist/components/gb-stepper-vertical-icons-with-text.js +4 -4
  213. package/dist/components/gb-tab-button-base.js +1 -1
  214. package/dist/components/gb-table-cell.js +1 -1
  215. package/dist/components/gb-table-header.js +21 -21
  216. package/dist/components/gb-tag-checkbox.js +1 -1
  217. package/dist/components/gb-tag-close.js +1 -1
  218. package/dist/components/gb-tag-count.js +1 -1
  219. package/dist/components/gb-tag.js +1 -1
  220. package/dist/components/gb-textarea-input-field.js +1 -1
  221. package/dist/components/gb-theme-tab.js +1 -1
  222. package/dist/components/gb-toast-button.js +1 -1
  223. package/dist/components/gb-toast.js +4 -4
  224. package/dist/components/gb-toggle-base.js +1 -1
  225. package/dist/components/gb-toggle.js +2 -2
  226. package/dist/components/gb-token-field-compact.js +1 -1
  227. package/dist/components/gb-token-field-compressed.js +3 -3
  228. package/dist/components/gb-tooltip.js +1 -1
  229. package/dist/components/gb-vertical-tabs.js +1 -1
  230. package/dist/components/gb-wysiwyg-editor-icon.js +1 -1
  231. package/dist/components/gb-wysiwyg-tooltip.js +2 -2
  232. package/dist/components/{p-B6Z1If-j.js → p-0jI2FVV8.js} +4 -4
  233. package/dist/components/{p-B6Z1If-j.js.map → p-0jI2FVV8.js.map} +1 -1
  234. package/dist/components/{p-ro10Qmtl.js → p-8R4DgjwC.js} +14 -11
  235. package/dist/components/p-8R4DgjwC.js.map +1 -0
  236. package/dist/components/{p-QQMD9lyS.js → p-B3nnZMUe.js} +3 -3
  237. package/dist/components/{p-QQMD9lyS.js.map → p-B3nnZMUe.js.map} +1 -1
  238. package/dist/components/{p-BIoY-A87.js → p-B8CVbkwo.js} +3 -3
  239. package/dist/components/{p-BIoY-A87.js.map → p-B8CVbkwo.js.map} +1 -1
  240. package/dist/components/{p-BIZJMi3r.js → p-BATs8aj-.js} +4 -4
  241. package/dist/components/{p-BIZJMi3r.js.map → p-BATs8aj-.js.map} +1 -1
  242. package/dist/components/{p-DG_7DZUp.js → p-BJRl_Ka-.js} +8 -8
  243. package/dist/components/{p-DG_7DZUp.js.map → p-BJRl_Ka-.js.map} +1 -1
  244. package/dist/components/{p-DhJsjuhy.js → p-BJqX19tj.js} +4 -4
  245. package/dist/components/{p-DhJsjuhy.js.map → p-BJqX19tj.js.map} +1 -1
  246. package/dist/components/{p-DFl_Vm-4.js → p-BKwRndyS.js} +4 -4
  247. package/dist/components/{p-DFl_Vm-4.js.map → p-BKwRndyS.js.map} +1 -1
  248. package/dist/components/{p-DfUgcESs.js → p-BLdvjAVl.js} +4 -4
  249. package/dist/components/{p-DfUgcESs.js.map → p-BLdvjAVl.js.map} +1 -1
  250. package/dist/components/{p-DirO-V_R.js → p-BLw88Say.js} +4 -4
  251. package/dist/components/{p-DirO-V_R.js.map → p-BLw88Say.js.map} +1 -1
  252. package/dist/components/{p-CcTDzUFP.js → p-BQH3mtcw.js} +8 -8
  253. package/dist/components/{p-CcTDzUFP.js.map → p-BQH3mtcw.js.map} +1 -1
  254. package/dist/components/{p-BhZ1P8SA.js → p-BSHzv5OV.js} +10 -10
  255. package/dist/components/{p-BhZ1P8SA.js.map → p-BSHzv5OV.js.map} +1 -1
  256. package/dist/components/{p-mA17wW10.js → p-BVABu37q.js} +3 -3
  257. package/dist/components/{p-mA17wW10.js.map → p-BVABu37q.js.map} +1 -1
  258. package/dist/components/{p-CG8DbGtu.js → p-BYltVmXy.js} +3 -3
  259. package/dist/components/{p-CG8DbGtu.js.map → p-BYltVmXy.js.map} +1 -1
  260. package/dist/components/{p-DUdPuAnq.js → p-BcVzSqw7.js} +5 -5
  261. package/dist/components/{p-DUdPuAnq.js.map → p-BcVzSqw7.js.map} +1 -1
  262. package/dist/components/{p-DLUDYNHZ.js → p-BczNUnOv.js} +4 -4
  263. package/dist/components/{p-DLUDYNHZ.js.map → p-BczNUnOv.js.map} +1 -1
  264. package/dist/components/{p-536_b1gw.js → p-BeZ9oBa0.js} +7 -7
  265. package/dist/components/{p-536_b1gw.js.map → p-BeZ9oBa0.js.map} +1 -1
  266. package/dist/components/{p-sotltPnn.js → p-Bg776Pj2.js} +5 -5
  267. package/dist/components/{p-sotltPnn.js.map → p-Bg776Pj2.js.map} +1 -1
  268. package/dist/components/{p-DJbdxVvB.js → p-Bt4sgaSB.js} +8 -8
  269. package/dist/components/{p-DJbdxVvB.js.map → p-Bt4sgaSB.js.map} +1 -1
  270. package/dist/components/{p-DMH5ExUe.js → p-C6uNKIjw.js} +8 -8
  271. package/dist/components/{p-DMH5ExUe.js.map → p-C6uNKIjw.js.map} +1 -1
  272. package/dist/components/{p-ClXamGR5.js → p-CD4OrDSu.js} +4 -4
  273. package/dist/components/{p-ClXamGR5.js.map → p-CD4OrDSu.js.map} +1 -1
  274. package/dist/components/{p-D79gnPMN.js → p-CEc1GpcO.js} +8 -8
  275. package/dist/components/{p-D79gnPMN.js.map → p-CEc1GpcO.js.map} +1 -1
  276. package/dist/components/{p-SPkNWhMl.js → p-CIhB2fCC.js} +3 -3
  277. package/dist/components/{p-SPkNWhMl.js.map → p-CIhB2fCC.js.map} +1 -1
  278. package/dist/components/{p-BB1gga7T.js → p-CKC2-r_V.js} +15 -17
  279. package/dist/components/p-CKC2-r_V.js.map +1 -0
  280. package/dist/components/{p-ycvY3d5Z.js → p-CNHKpPUh.js} +3 -3
  281. package/dist/components/{p-ycvY3d5Z.js.map → p-CNHKpPUh.js.map} +1 -1
  282. package/dist/components/{p-BhZ9gO-e.js → p-CQ-Kcv4C.js} +12 -12
  283. package/dist/components/{p-BhZ9gO-e.js.map → p-CQ-Kcv4C.js.map} +1 -1
  284. package/dist/components/{p-B48huYbW.js → p-CSwzUEcO.js} +3 -3
  285. package/dist/components/{p-B48huYbW.js.map → p-CSwzUEcO.js.map} +1 -1
  286. package/dist/components/{p-DT3Yi5-d.js → p-CiUrANbp.js} +4 -4
  287. package/dist/components/p-CiUrANbp.js.map +1 -0
  288. package/dist/components/{p-C4TLf1gY.js → p-CsmhJpms.js} +8 -8
  289. package/dist/components/{p-C4TLf1gY.js.map → p-CsmhJpms.js.map} +1 -1
  290. package/dist/components/{p-B5ZbIaPq.js → p-CuOGf-D0.js} +6 -6
  291. package/dist/components/{p-B5ZbIaPq.js.map → p-CuOGf-D0.js.map} +1 -1
  292. package/dist/components/{p-C9fjGxBA.js → p-D0-7ewqg.js} +3 -3
  293. package/dist/components/{p-C9fjGxBA.js.map → p-D0-7ewqg.js.map} +1 -1
  294. package/dist/components/{p-B-cu_ylY.js → p-D3Gj7srV.js} +5 -5
  295. package/dist/components/{p-B-cu_ylY.js.map → p-D3Gj7srV.js.map} +1 -1
  296. package/dist/components/{p-D17r2sEx.js → p-D4rmRDRu.js} +3 -3
  297. package/dist/components/{p-D17r2sEx.js.map → p-D4rmRDRu.js.map} +1 -1
  298. package/dist/components/{p-CO2j2qSM.js → p-DANyKJ9z.js} +25 -25
  299. package/dist/components/{p-CO2j2qSM.js.map → p-DANyKJ9z.js.map} +1 -1
  300. package/dist/components/{p-Be3_shk0.js → p-DDD9RX26.js} +3 -3
  301. package/dist/components/{p-Be3_shk0.js.map → p-DDD9RX26.js.map} +1 -1
  302. package/dist/components/{p-DX4JVou1.js → p-DHvzeuk7.js} +4 -4
  303. package/dist/components/{p-DX4JVou1.js.map → p-DHvzeuk7.js.map} +1 -1
  304. package/dist/components/{p--yTC9FTD.js → p-DLaE9f-q.js} +4 -4
  305. package/dist/components/{p--yTC9FTD.js.map → p-DLaE9f-q.js.map} +1 -1
  306. package/dist/components/{p-CNFJ_WcH.js → p-DMMflKMz.js} +3 -3
  307. package/dist/components/{p-CNFJ_WcH.js.map → p-DMMflKMz.js.map} +1 -1
  308. package/dist/components/{p-BvZIc1VI.js → p-DQbLkq2k.js} +3 -3
  309. package/dist/components/{p-BvZIc1VI.js.map → p-DQbLkq2k.js.map} +1 -1
  310. package/dist/components/{p-BV_EroU_.js → p-DRwZ6D51.js} +10 -10
  311. package/dist/components/{p-BV_EroU_.js.map → p-DRwZ6D51.js.map} +1 -1
  312. package/dist/components/{p-4OOjC1er.js → p-DX-w8E1m.js} +6 -6
  313. package/dist/components/{p-4OOjC1er.js.map → p-DX-w8E1m.js.map} +1 -1
  314. package/dist/components/{p-C4ojnesh.js → p-DYuNnFb2.js} +3 -3
  315. package/dist/components/{p-C4ojnesh.js.map → p-DYuNnFb2.js.map} +1 -1
  316. package/dist/components/{p-IiVhqd54.js → p-DaEt6OV9.js} +3 -3
  317. package/dist/components/{p-IiVhqd54.js.map → p-DaEt6OV9.js.map} +1 -1
  318. package/dist/components/{p-CTj_6CFb.js → p-Di3w5jMH.js} +3 -3
  319. package/dist/components/{p-CTj_6CFb.js.map → p-Di3w5jMH.js.map} +1 -1
  320. package/dist/components/{p-C1EY9mqf.js → p-DiVNbkQJ.js} +4 -4
  321. package/dist/components/{p-C1EY9mqf.js.map → p-DiVNbkQJ.js.map} +1 -1
  322. package/dist/components/{p-DwO4FaUO.js → p-DuJgqcA2.js} +4 -4
  323. package/dist/components/{p-DwO4FaUO.js.map → p-DuJgqcA2.js.map} +1 -1
  324. package/dist/components/{p-DzWMYldJ.js → p-Dv-1bzYh.js} +3 -3
  325. package/dist/components/{p-DzWMYldJ.js.map → p-Dv-1bzYh.js.map} +1 -1
  326. package/dist/components/{p-2dfyGxAA.js → p-Dw57Tz8Z.js} +3 -3
  327. package/dist/components/{p-2dfyGxAA.js.map → p-Dw57Tz8Z.js.map} +1 -1
  328. package/dist/components/{p-C50HILNj.js → p-Dz3hZxTB.js} +3 -3
  329. package/dist/components/{p-C50HILNj.js.map → p-Dz3hZxTB.js.map} +1 -1
  330. package/dist/components/{p-D2bypnF7.js → p-DzP_QUze.js} +3 -3
  331. package/dist/components/{p-D2bypnF7.js.map → p-DzP_QUze.js.map} +1 -1
  332. package/dist/components/{p-DKu1Z_S9.js → p-LHU2FeBm.js} +3 -3
  333. package/dist/components/{p-DKu1Z_S9.js.map → p-LHU2FeBm.js.map} +1 -1
  334. package/dist/components/{p-zUbXw_d0.js → p-PJV1T9bW.js} +5 -7
  335. package/dist/components/p-PJV1T9bW.js.map +1 -0
  336. package/dist/components/{p-BaTFuPA8.js → p-VDw3uj_f.js} +3 -3
  337. package/dist/components/{p-BaTFuPA8.js.map → p-VDw3uj_f.js.map} +1 -1
  338. package/dist/components/{p-j2jZ4_zH.js → p-VdUJB_sI.js} +7 -7
  339. package/dist/components/p-VdUJB_sI.js.map +1 -0
  340. package/dist/components/{p-BM7k30uX.js → p-WIstuQ0T.js} +4 -4
  341. package/dist/components/{p-BM7k30uX.js.map → p-WIstuQ0T.js.map} +1 -1
  342. package/dist/components/{p-DKL3a2pp.js → p-e8m5f8Oh.js} +17 -17
  343. package/dist/components/{p-DKL3a2pp.js.map → p-e8m5f8Oh.js.map} +1 -1
  344. package/dist/components/{p-BxOhNcI-.js → p-gNOPgyQN.js} +4 -4
  345. package/dist/components/{p-BxOhNcI-.js.map → p-gNOPgyQN.js.map} +1 -1
  346. package/dist/components/{p-CyxVWv20.js → p-ikzYZrWU.js} +4 -4
  347. package/dist/components/{p-CyxVWv20.js.map → p-ikzYZrWU.js.map} +1 -1
  348. package/dist/components/test-input-tag.js +9 -9
  349. package/dist/docs.json +5 -5
  350. package/dist/esm/{gb-action-panel_72.entry.js → gb-action-panel_76.entry.js} +253 -116
  351. package/dist/esm/gb-breadcrumbs.entry.js +1 -1
  352. package/dist/esm/gb-breadcrumbs.entry.js.map +1 -1
  353. package/dist/esm/gb-detail-cell.entry.js +1 -1
  354. package/dist/esm/gb-file-upload.entry.js +12 -12
  355. package/dist/esm/gb-horizontal-tabs.entry.js +96 -96
  356. package/dist/esm/gb-horizontal-tabs.entry.js.map +1 -1
  357. package/dist/esm/gb-logo.entry.js +1 -1
  358. package/dist/esm/gb-mega-input-field-base.entry.js +2 -2
  359. package/dist/esm/gb-pagination-dot-group.entry.js +1 -1
  360. package/dist/esm/gb-pagination-dot-indicator.entry.js +1 -1
  361. package/dist/esm/gb-progress-circle.entry.js +1 -1
  362. package/dist/esm/gb-prompt-modal.entry.js +1 -1
  363. package/dist/esm/gb-quick-action-card.entry.js +1 -1
  364. package/dist/esm/gb-quick-action-icon.entry.js +1 -1
  365. package/dist/esm/gb-scrollbar.entry.js +1 -1
  366. package/dist/esm/gb-slider-control-handle.entry.js +1 -1
  367. package/dist/esm/gb-slider.entry.js +1 -1
  368. package/dist/esm/gb-step-base.entry.js +1 -1
  369. package/dist/esm/gb-stepper-horizontal-icons-centered.entry.js +1 -1
  370. package/dist/esm/gb-stepper-horizontal-icons-connected.entry.js +1 -1
  371. package/dist/esm/gb-stepper-horizontal-line-with-text.entry.js +1 -1
  372. package/dist/esm/gb-stepper-vertical-icons-with-text.entry.js +1 -1
  373. package/dist/esm/gb-table-cell.entry.js +1 -1
  374. package/dist/esm/gb-token-field-compact.entry.js +1 -1
  375. package/dist/esm/gb-token-field-compressed.entry.js +2 -2
  376. package/dist/esm/gb-wysiwyg-editor-icon.entry.js +1 -1
  377. package/dist/esm/gb-wysiwyg-tooltip.entry.js +1 -1
  378. package/dist/esm/globuscomponents.js +1 -1
  379. package/dist/esm/loader.js +1 -1
  380. package/dist/esm/test-input-tag.entry.js +2 -2
  381. package/dist/globuscomponents/assets/database_entire_data.svg +3 -0
  382. package/dist/globuscomponents/assets/filter_filtered_data.svg +3 -0
  383. package/dist/globuscomponents/assets/laptop_data_on_view.svg +3 -0
  384. package/dist/globuscomponents/gb-breadcrumbs.entry.esm.js.map +1 -1
  385. package/dist/globuscomponents/gb-button.css +1 -22
  386. package/dist/globuscomponents/gb-button.tsx +0 -2
  387. package/dist/globuscomponents/gb-horizontal-tabs.entry.esm.js.map +1 -1
  388. package/dist/globuscomponents/globuscomponents.esm.js +1 -1
  389. package/dist/globuscomponents/{p-5603ee7d.entry.js → p-04374479.entry.js} +2 -2
  390. package/dist/globuscomponents/{p-e7419d13.entry.js → p-0bb03f74.entry.js} +2 -2
  391. package/dist/globuscomponents/{p-0cd059d5.entry.js → p-19440f9b.entry.js} +2 -2
  392. package/dist/globuscomponents/{p-effe863f.entry.js → p-2022b858.entry.js} +2 -2
  393. package/dist/globuscomponents/p-23a53695.entry.js +2 -0
  394. package/dist/globuscomponents/{p-0379a381.entry.js → p-26150a25.entry.js} +2 -2
  395. package/dist/globuscomponents/{p-0379a381.entry.js.map → p-26150a25.entry.js.map} +1 -1
  396. package/dist/globuscomponents/{p-6ad801ac.entry.js → p-2df0ce05.entry.js} +2 -2
  397. package/dist/globuscomponents/{p-f7d91fec.entry.js → p-371fb472.entry.js} +2 -2
  398. package/dist/globuscomponents/{p-871f3fdd.entry.js → p-38d04d52.entry.js} +2 -2
  399. package/dist/globuscomponents/{p-9ad95a7f.entry.js → p-44a2c501.entry.js} +2 -2
  400. package/dist/globuscomponents/{p-863e7132.entry.js → p-4ae06252.entry.js} +2 -2
  401. package/dist/globuscomponents/{p-440d82f8.entry.js → p-50a87191.entry.js} +2 -2
  402. package/dist/globuscomponents/{p-11f27065.entry.js → p-57fa8bdf.entry.js} +2 -2
  403. package/dist/globuscomponents/{p-f05e0123.entry.js → p-69adf551.entry.js} +2 -2
  404. package/dist/globuscomponents/{p-09483955.entry.js → p-6aaf58b7.entry.js} +2 -2
  405. package/dist/globuscomponents/p-6aaf58b7.entry.js.map +1 -0
  406. package/dist/globuscomponents/{p-270e15b1.entry.js → p-6d7af68b.entry.js} +2 -2
  407. package/dist/globuscomponents/{p-7f63f435.entry.js → p-72a2c945.entry.js} +2 -2
  408. package/dist/globuscomponents/p-765e4586.entry.js +2 -0
  409. package/dist/globuscomponents/{p-d809bb24.entry.js → p-8119ed8c.entry.js} +2 -2
  410. package/dist/globuscomponents/p-8119ed8c.entry.js.map +1 -0
  411. package/dist/globuscomponents/{p-2edad402.entry.js → p-854feeb5.entry.js} +2 -2
  412. package/dist/globuscomponents/p-91be6976.entry.js +2 -0
  413. package/dist/globuscomponents/{p-711c7c50.entry.js → p-92a34e84.entry.js} +2 -2
  414. package/dist/globuscomponents/{p-2185c841.entry.js → p-94ad87ff.entry.js} +2 -2
  415. package/dist/globuscomponents/{p-14ee8307.entry.js → p-96396203.entry.js} +2 -2
  416. package/dist/globuscomponents/{p-0a36da0b.entry.js → p-980f103b.entry.js} +2 -2
  417. package/dist/globuscomponents/{p-3d83784c.entry.js → p-b86467c3.entry.js} +2 -2
  418. package/dist/globuscomponents/{p-cbace1d8.entry.js → p-e638fefd.entry.js} +2 -2
  419. package/dist/types/components.d.ts +4 -4
  420. package/package.json +1 -1
  421. package/dist/cjs/gb-comment-item.cjs.entry.js +0 -27
  422. package/dist/cjs/gb-comment-item.entry.cjs.js.map +0 -1
  423. package/dist/cjs/gb-comment.cjs.entry.js +0 -82
  424. package/dist/cjs/gb-comment.entry.cjs.js.map +0 -1
  425. package/dist/cjs/gb-metric-card.cjs.entry.js +0 -25
  426. package/dist/cjs/gb-metric-card.entry.cjs.js.map +0 -1
  427. package/dist/cjs/gb-metric-featured-icon.cjs.entry.js +0 -28
  428. package/dist/cjs/gb-metric-featured-icon.entry.cjs.js.map +0 -1
  429. package/dist/components/p-BB1gga7T.js.map +0 -1
  430. package/dist/components/p-DT3Yi5-d.js.map +0 -1
  431. package/dist/components/p-j2jZ4_zH.js.map +0 -1
  432. package/dist/components/p-ro10Qmtl.js.map +0 -1
  433. package/dist/components/p-zUbXw_d0.js.map +0 -1
  434. package/dist/esm/gb-comment-item.entry.js +0 -25
  435. package/dist/esm/gb-comment-item.entry.js.map +0 -1
  436. package/dist/esm/gb-comment.entry.js +0 -80
  437. package/dist/esm/gb-comment.entry.js.map +0 -1
  438. package/dist/esm/gb-metric-card.entry.js +0 -23
  439. package/dist/esm/gb-metric-card.entry.js.map +0 -1
  440. package/dist/esm/gb-metric-featured-icon.entry.js +0 -26
  441. package/dist/esm/gb-metric-featured-icon.entry.js.map +0 -1
  442. package/dist/globuscomponents/gb-comment-item.entry.esm.js.map +0 -1
  443. package/dist/globuscomponents/gb-comment.entry.esm.js.map +0 -1
  444. package/dist/globuscomponents/gb-metric-card.entry.esm.js.map +0 -1
  445. package/dist/globuscomponents/gb-metric-featured-icon.entry.esm.js.map +0 -1
  446. package/dist/globuscomponents/p-09483955.entry.js.map +0 -1
  447. package/dist/globuscomponents/p-09b6e321.entry.js +0 -2
  448. package/dist/globuscomponents/p-1ba8a885.entry.js +0 -2
  449. package/dist/globuscomponents/p-9a7a1346.entry.js +0 -2
  450. package/dist/globuscomponents/p-b1c50349.entry.js +0 -2
  451. package/dist/globuscomponents/p-b1c50349.entry.js.map +0 -1
  452. package/dist/globuscomponents/p-ba3a30ba.entry.js +0 -2
  453. package/dist/globuscomponents/p-ba3a30ba.entry.js.map +0 -1
  454. package/dist/globuscomponents/p-bcb42b20.entry.js +0 -2
  455. package/dist/globuscomponents/p-bcb42b20.entry.js.map +0 -1
  456. package/dist/globuscomponents/p-d809bb24.entry.js.map +0 -1
  457. package/dist/globuscomponents/p-e447025f.entry.js +0 -2
  458. package/dist/globuscomponents/p-e447025f.entry.js.map +0 -1
  459. /package/dist/globuscomponents/{p-5603ee7d.entry.js.map → p-04374479.entry.js.map} +0 -0
  460. /package/dist/globuscomponents/{p-e7419d13.entry.js.map → p-0bb03f74.entry.js.map} +0 -0
  461. /package/dist/globuscomponents/{p-0cd059d5.entry.js.map → p-19440f9b.entry.js.map} +0 -0
  462. /package/dist/globuscomponents/{p-effe863f.entry.js.map → p-2022b858.entry.js.map} +0 -0
  463. /package/dist/globuscomponents/{p-09b6e321.entry.js.map → p-23a53695.entry.js.map} +0 -0
  464. /package/dist/globuscomponents/{p-6ad801ac.entry.js.map → p-2df0ce05.entry.js.map} +0 -0
  465. /package/dist/globuscomponents/{p-f7d91fec.entry.js.map → p-371fb472.entry.js.map} +0 -0
  466. /package/dist/globuscomponents/{p-871f3fdd.entry.js.map → p-38d04d52.entry.js.map} +0 -0
  467. /package/dist/globuscomponents/{p-9ad95a7f.entry.js.map → p-44a2c501.entry.js.map} +0 -0
  468. /package/dist/globuscomponents/{p-863e7132.entry.js.map → p-4ae06252.entry.js.map} +0 -0
  469. /package/dist/globuscomponents/{p-440d82f8.entry.js.map → p-50a87191.entry.js.map} +0 -0
  470. /package/dist/globuscomponents/{p-11f27065.entry.js.map → p-57fa8bdf.entry.js.map} +0 -0
  471. /package/dist/globuscomponents/{p-f05e0123.entry.js.map → p-69adf551.entry.js.map} +0 -0
  472. /package/dist/globuscomponents/{p-270e15b1.entry.js.map → p-6d7af68b.entry.js.map} +0 -0
  473. /package/dist/globuscomponents/{p-7f63f435.entry.js.map → p-72a2c945.entry.js.map} +0 -0
  474. /package/dist/globuscomponents/{p-9a7a1346.entry.js.map → p-765e4586.entry.js.map} +0 -0
  475. /package/dist/globuscomponents/{p-2edad402.entry.js.map → p-854feeb5.entry.js.map} +0 -0
  476. /package/dist/globuscomponents/{p-1ba8a885.entry.js.map → p-91be6976.entry.js.map} +0 -0
  477. /package/dist/globuscomponents/{p-711c7c50.entry.js.map → p-92a34e84.entry.js.map} +0 -0
  478. /package/dist/globuscomponents/{p-2185c841.entry.js.map → p-94ad87ff.entry.js.map} +0 -0
  479. /package/dist/globuscomponents/{p-14ee8307.entry.js.map → p-96396203.entry.js.map} +0 -0
  480. /package/dist/globuscomponents/{p-0a36da0b.entry.js.map → p-980f103b.entry.js.map} +0 -0
  481. /package/dist/globuscomponents/{p-3d83784c.entry.js.map → p-b86467c3.entry.js.map} +0 -0
  482. /package/dist/globuscomponents/{p-cbace1d8.entry.js.map → p-e638fefd.entry.js.map} +0 -0
package/dist/collection/components/gb-horizontal-tabs/gb-horizontal-tabs.js CHANGED
@@ -4,101 +4,101 @@ export class GbHorizontalTabs {
4
4
  this.fullWidth = false;
5
5
  this.badge = false;
6
6
  this.tabs = [
7
- {
8
- name: 'First',
9
- index: 0,
10
- badgeCount: '5',
11
- },
12
- {
13
- name: 'Second',
14
- index: 1,
15
- badgeCount: '10',
16
- },
17
- {
18
- name: 'Second',
19
- index: 1,
20
- badgeCount: '10',
21
- },
22
- {
23
- name: 'Second',
24
- index: 1,
25
- badgeCount: '10',
26
- },
27
- {
28
- name: 'Second',
29
- index: 1,
30
- badgeCount: '10',
31
- },
32
- {
33
- name: 'Second',
34
- index: 1,
35
- badgeCount: '10',
36
- },
37
- {
38
- name: 'Second',
39
- index: 1,
40
- badgeCount: '10',
41
- },
42
- {
43
- name: 'Second',
44
- index: 1,
45
- badgeCount: '10',
46
- },
47
- {
48
- name: 'Second',
49
- index: 1,
50
- badgeCount: '10',
51
- },
52
- {
53
- name: 'Second',
54
- index: 1,
55
- badgeCount: '10',
56
- },
57
- {
58
- name: 'Second',
59
- index: 1,
60
- badgeCount: '10',
61
- },
62
- {
63
- name: 'Second',
64
- index: 1,
65
- badgeCount: '10',
66
- },
67
- {
68
- name: 'Second',
69
- index: 1,
70
- badgeCount: '10',
71
- },
72
- {
73
- name: 'Second',
74
- index: 1,
75
- badgeCount: '10',
76
- },
77
- {
78
- name: 'Second',
79
- index: 1,
80
- badgeCount: '10',
81
- },
82
- {
83
- name: 'Second',
84
- index: 1,
85
- badgeCount: '10',
86
- },
87
- {
88
- name: 'Second',
89
- index: 1,
90
- badgeCount: '10',
91
- },
92
- {
93
- name: 'Second',
94
- index: 1,
95
- badgeCount: '10',
96
- },
97
- {
98
- name: 'Second',
99
- index: 1,
100
- badgeCount: '10',
101
- },
7
+ // {
8
+ // name: 'First',
9
+ // index: 0,
10
+ // badgeCount: '5',
11
+ // },
12
+ // {
13
+ // name: 'Second',
14
+ // index: 1,
15
+ // badgeCount: '10',
16
+ // },
17
+ // {
18
+ // name: 'Second',
19
+ // index: 1,
20
+ // badgeCount: '10',
21
+ // },
22
+ // {
23
+ // name: 'Second',
24
+ // index: 1,
25
+ // badgeCount: '10',
26
+ // },
27
+ // {
28
+ // name: 'Second',
29
+ // index: 1,
30
+ // badgeCount: '10',
31
+ // },
32
+ // {
33
+ // name: 'Second',
34
+ // index: 1,
35
+ // badgeCount: '10',
36
+ // },
37
+ // {
38
+ // name: 'Second',
39
+ // index: 1,
40
+ // badgeCount: '10',
41
+ // },
42
+ // {
43
+ // name: 'Second',
44
+ // index: 1,
45
+ // badgeCount: '10',
46
+ // },
47
+ // {
48
+ // name: 'Second',
49
+ // index: 1,
50
+ // badgeCount: '10',
51
+ // },
52
+ // {
53
+ // name: 'Second',
54
+ // index: 1,
55
+ // badgeCount: '10',
56
+ // },
57
+ // {
58
+ // name: 'Second',
59
+ // index: 1,
60
+ // badgeCount: '10',
61
+ // },
62
+ // {
63
+ // name: 'Second',
64
+ // index: 1,
65
+ // badgeCount: '10',
66
+ // },
67
+ // {
68
+ // name: 'Second',
69
+ // index: 1,
70
+ // badgeCount: '10',
71
+ // },
72
+ // {
73
+ // name: 'Second',
74
+ // index: 1,
75
+ // badgeCount: '10',
76
+ // },
77
+ // {
78
+ // name: 'Second',
79
+ // index: 1,
80
+ // badgeCount: '10',
81
+ // },
82
+ // {
83
+ // name: 'Second',
84
+ // index: 1,
85
+ // badgeCount: '10',
86
+ // },
87
+ // {
88
+ // name: 'Second',
89
+ // index: 1,
90
+ // badgeCount: '10',
91
+ // },
92
+ // {
93
+ // name: 'Second',
94
+ // index: 1,
95
+ // badgeCount: '10',
96
+ // },
97
+ // {
98
+ // name: 'Second',
99
+ // index: 1,
100
+ // badgeCount: '10',
101
+ // },
102
102
  ];
103
103
  this.internalTabs = [...this.tabs];
104
104
  this.internalActiveIndex = 0;
@@ -147,7 +147,7 @@ export class GbHorizontalTabs {
147
147
  this.tabItemClicked.emit(index);
148
148
  }
149
149
  render() {
150
- return (h("div", { key: '6a6bb350ce2d79b6c6049690052ccb89d0f392f6', class: "horizontal_tab_div_wrapper" }, this.showLeftButton && (h("div", { key: 'b20ed5608cc0c4af69f27edfb5d3cd0be076836b', class: "scroll_button_div left" }, h("div", { key: 'f6f0421dcfded035250707ed8390f2c94b1adb31', class: "scroll_button", onClick: () => this.scrollLeft() }, h("svg", { key: '6cb53df32fd816055a1ecb81e564140188ca51a5', xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none" }, h("path", { key: '01dd0ad7c4129d2b209e362da235ba6c712ee2ea', 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: 'cc436171218779cfb38d2acdb1cd0a78bb3ea5b2', class: "horizontal_tab_wrapper", ref: el => (this.tabContainer = el), onScroll: () => this.handleScroll() }, h("div", { key: '2cb15ca00a2fd8b3d14cbeed3ae3e34eab28fb0e', 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)))))), this.showRightButton && (h("div", { key: '32763bc9596cae499b98a6b39fa4f208301e502b', class: "scroll_button_div right" }, h("div", { key: '4cc78902b66877f3716d0cff2784b1387de06c4c', class: "scroll_button", onClick: () => this.scrollRight() }, h("svg", { key: '8268d836a194460188e10554036c3b5424931ea5', xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none" }, h("path", { key: '36467ec4fa01a054f3bd9a8dcdf102935e57c57d', 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" })))))));
150
+ return (h("div", { key: '732beed8c7e88b8b54de8b717a3fa4fba3d4ed00', class: "horizontal_tab_div_wrapper" }, this.showLeftButton && (h("div", { key: '93669d988fe82695862db9cd444f25244c473992', class: "scroll_button_div left" }, h("div", { key: 'd28293b8dce5bd68b3a38af3771652c5461ec3c1', class: "scroll_button", onClick: () => this.scrollLeft() }, h("svg", { key: '258e518ff71233fb97fc08ee6cd316bbdcedc914', xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none" }, h("path", { key: '9f4e6eee11101287cfd49619b22da27616536420', 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: 'a9bf33c390ec4e5730f16b820397c2c8a306e2ed', class: "horizontal_tab_wrapper", ref: el => (this.tabContainer = el), onScroll: () => this.handleScroll() }, h("div", { key: 'e4e937845a8c50daa8f799d2b166f271b3015e94', 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)))))), this.showRightButton && (h("div", { key: '9d66da1c503ba7c14a733403e5744267bd183361', class: "scroll_button_div right" }, h("div", { key: 'cf40d41e07e3dff5fb4248d6aee80c5bed96a6ab', class: "scroll_button", onClick: () => this.scrollRight() }, h("svg", { key: '5dad68dcc9cd0bc61d0277d846917e2f1fd21f63', xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none" }, h("path", { key: '09279ea3393be80e65b58372ef96af6f68d126e7', 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" })))))));
151
151
  }
152
152
  static get is() { return "gb-horizontal-tabs"; }
153
153
  static get encapsulation() { return "shadow"; }
@@ -288,7 +288,7 @@ export class GbHorizontalTabs {
288
288
  },
289
289
  "getter": false,
290
290
  "setter": false,
291
- "defaultValue": "[\r\n {\r\n name: 'First',\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 ]"
291
+ "defaultValue": "[\r\n // {\r\n // name: 'First',\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 ]"
292
292
  }
293
293
  };
294
294
  }
package/dist/collection/components/gb-horizontal-tabs/gb-horizontal-tabs.js.map CHANGED
@@ -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, 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: 'First',\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 @Event() tabItemClicked: EventEmitter<number>;\r\n @State() showLeftButton = false;\r\n @State() showRightButton = false;\r\n private tabContainer!: HTMLElement;\r\n\r\n componentDidLoad() {\r\n this.updateScrollButtons();\r\n window.addEventListener('resize', this.updateScrollButtons.bind(this)); // Recheck on resize\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 updateScrollButtons() {\r\n if (!this.tabContainer) return;\r\n const { scrollLeft, scrollWidth, clientWidth } = this.tabContainer;\r\n\r\n // Only show buttons if overflow exists\r\n const isOverflowing = scrollWidth > clientWidth;\r\n this.showLeftButton = isOverflowing && scrollLeft > 0;\r\n this.showRightButton = isOverflowing && scrollLeft + clientWidth < scrollWidth - 1;\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 disconnectedCallback() {\r\n window.removeEventListener('resize', this.updateScrollButtons.bind(this));\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\">\r\n {this.showLeftButton && (\r\n <div class=\"scroll_button_div left\">\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 </div>\r\n )}\r\n <div class=\"horizontal_tab_wrapper\" ref={el => (this.tabContainer = el as HTMLElement)} onScroll={() => this.handleScroll()}>\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 {this.showRightButton && (\r\n <div class=\"scroll_button_div right\">\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 </div>\r\n )}\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, 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: 'First',\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 @Event() tabItemClicked: EventEmitter<number>;\r\n @State() showLeftButton = false;\r\n @State() showRightButton = false;\r\n private tabContainer!: HTMLElement;\r\n\r\n componentDidLoad() {\r\n this.updateScrollButtons();\r\n window.addEventListener('resize', this.updateScrollButtons.bind(this)); // Recheck on resize\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 updateScrollButtons() {\r\n if (!this.tabContainer) return;\r\n const { scrollLeft, scrollWidth, clientWidth } = this.tabContainer;\r\n\r\n // Only show buttons if overflow exists\r\n const isOverflowing = scrollWidth > clientWidth;\r\n this.showLeftButton = isOverflowing && scrollLeft > 0;\r\n this.showRightButton = isOverflowing && scrollLeft + clientWidth < scrollWidth - 1;\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 disconnectedCallback() {\r\n window.removeEventListener('resize', this.updateScrollButtons.bind(this));\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\">\r\n {this.showLeftButton && (\r\n <div class=\"scroll_button_div left\">\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 </div>\r\n )}\r\n <div class=\"horizontal_tab_wrapper\" ref={el => (this.tabContainer = el as HTMLElement)} onScroll={() => this.handleScroll()}>\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 {this.showRightButton && (\r\n <div class=\"scroll_button_div right\">\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 </div>\r\n )}\r\n </div>\r\n );\r\n }\r\n}\r\n"]}
package/dist/collection/components/gb-icon-button-base/gb-icon-button-base.js CHANGED
@@ -17,7 +17,7 @@ export class GbIconButtonBase {
17
17
  this.loadIcon(this.icon);
18
18
  }
19
19
  render() {
20
- return (h("div", { key: '2448e2862e361e06c2c1914b56b4d260a79ef1a6', class: "icon_button_base_container" }, this.showTooltip && (h("gb-tooltip", { key: '3b5d8ae6d4b91d9f5432dc06c3e0e899581fac4f', "show-arrow": true, arrow: "bottom_center", class: "tooltip" }, h("p", { key: 'db845405a23d774c2ccbc3fda73d459c60b412cd', slot: "label" }, this.label))), h("div", { key: 'dffec0fe11519dda65ecae53eda32448dc1c73cf', class: `icon_button_base_div ${this.current ? 'current' : ''}`, onMouseEnter: () => (this.showTooltip = true), onMouseLeave: () => (this.showTooltip = false) }, h("div", { key: 'e332c345553359b6cc4c2e3750d75a37e7e3dc0a', class: `icon ${this.current ? 'current' : ''}`, innerHTML: this.leadingIconSvg }))));
20
+ return (h("div", { key: '3398af04a53cd1ec18bf9fc506f0aa268d0e36d8', class: "icon_button_base_container" }, this.showTooltip && (h("gb-tooltip", { key: 'de2c9b045b9bcb35f86f1cb9e74b61c48868fa27', "show-arrow": true, arrow: "bottom_center", class: "tooltip" }, h("p", { key: '9b390a87b3be8ba1f5aca44c3eb9709b2033937e', slot: "label" }, this.label))), h("div", { key: '914d06162b0b3e240fb6300f4084d81d530fb323', class: `icon_button_base_div ${this.current ? 'current' : ''}`, onMouseEnter: () => (this.showTooltip = true), onMouseLeave: () => (this.showTooltip = false) }, h("div", { key: '8361c82eac90755730f28ef62ff0c3319cb766f3', class: `icon ${this.current ? 'current' : ''}`, innerHTML: this.leadingIconSvg }))));
21
21
  }
22
22
  static get is() { return "gb-icon-button-base"; }
23
23
  static get encapsulation() { return "shadow"; }
package/dist/collection/components/gb-illustration/gb-illustration.js CHANGED
@@ -34,35 +34,35 @@ export class GbIllustration {
34
34
  this.loadIcon(this.illustrationIcon);
35
35
  }
36
36
  render() {
37
- return (h("div", { key: '2d94e95daddf87d020ca0910c817b3df932b4955', class: `illustration_wrapper` }, h("svg", { key: '1ea4282f92081251f573c805d543a42f4704d63a', xmlns: "http://www.w3.org/2000/svg", width: "220", height: "168", viewBox: "0 0 220 168", fill: "none", class: `illustration_background ${this.size}` }, h("circle", { key: '018d7787208c632308f72929ed0f07388a871f79', cx: "110", cy: "88", r: "80", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtlest, #E4F0FC)' : this.color === 'gray' ? 'var(--color-background-gray-subtlest, #F6F8FA)' : ''}` }), h("circle", { key: 'c5b8005fb0fab6670322472d0c4568ad244d00f5', cx: "26", cy: "28", r: "8", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtler, #C8E0F9)' : this.color === 'gray' ? 'var(--color-background-gray-subtler, #EEF2F6)' : ''}` }), h("circle", { key: '86332b5fcfbb774fa391ac62715cdf36011adbdb', cx: "198", cy: "134", r: "6", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtler, #C8E0F9)' : this.color === 'gray' ? 'var(--color-background-gray-subtler, #EEF2F6)' : ''}` }), h("circle", { key: 'ee93c540bab0dae74997bb06cba56c01aae10e89', cx: "25", cy: "146", r: "10", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtler, #C8E0F9)' : this.color === 'gray' ? 'var(--color-background-gray-subtler, #EEF2F6)' : ''}` }), h("circle", { key: '064119538226e84bcb43fb34a2b24d7b8640746b', cx: "210", cy: "54", r: "10", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtler, #C8E0F9)' : this.color === 'gray' ? 'var(--color-background-gray-subtler, #EEF2F6)' : ''}` }), h("circle", { key: '4efc7b72e19abac203427a868bfe0ec2138200bc', cx: "191", cy: "19", r: "7", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtler, #C8E0F9)' : this.color === 'gray' ? 'var(--color-background-gray-subtler, #EEF2F6)' : ''}` })), h("div", { key: '31c1ee33d8c226fca8916e399d8ee7c35bbd9381', class: "illustration_div" }, h("div", { key: 'ec935ccbf776822c0e526bb0b57683afff8c2dc1', class: "illustration" }, this.illustrationStyle === 'cloud' && (h("svg", { key: '299b112a5540ae74b5daf6d225cbece2d18c3035', xmlns: "http://www.w3.org/2000/svg", width: "214", height: "140", viewBox: "0 0 214 140", fill: "none", class: `cloud ${this.size}` }, h("g", { key: '5a8df5be1dd0fa7bb3f163582c9b8f892a1e5fc0', filter: "url(#filter0_dd_7590_639)" }, h("path", { key: '9e1bf2fe2d4402bc779c3a8c0eb85b38e724b2db', d: "M109.485 0C129.961 0 147.543 12.3802 155.161 30.0625C156.486 29.9093 157.834 29.8281 159.2 29.8281C178.42 29.8282 194 45.4095 194 64.6289C194 83.5478 178.903 98.9404 160.099 99.417L159.2 99.4287H59.7715L58.7451 99.416C37.2543 98.8717 20 81.2792 20 59.6572C20 37.6921 37.8063 19.8857 59.7715 19.8857C62.9248 19.8857 65.992 20.2546 68.9336 20.9482C77.9428 8.27072 92.7484 0.000119405 109.485 0Z", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtlest, #E4F0FC)' : 'var(--color-background-disabled, #F9FAFB)'}` }), h("circle", { key: '2b77b7011c157b0e644be1f3d75f42c9a948835f', cx: "59.7714", cy: "59.6572", r: "39.7714", fill: "url(#paint0_linear_7590_639)" }), h("circle", { key: 'd7dbb0834b76310ee72db8dc4e9500686fceb59c', cx: "109.486", cy: "49.7143", r: "49.7143", fill: "url(#paint1_linear_7590_639)" }), h("circle", { key: '25c8bfbb92be7c8c8b67eeb65e9a3a9f3695f2e7', cx: "159.2", cy: "64.6286", r: "34.8", fill: "url(#paint2_linear_7590_639)" })), h("defs", { key: '535cd1d7ba03e931812bdba4404187d04876898a' }, h("filter", { key: '4fa09f46d5ddd8944e76e2c38359cf92b9c4b6ab', id: "filter0_dd_7590_639", x: "0", y: "0", width: "214", height: "139.429", filterUnits: "userSpaceOnUse", "color-interpolation-filters": "sRGB" }, h("feFlood", { key: 'b2f0f038bb91f26217ba132d7bae3dbd86ea577a', "flood-opacity": "0", result: "BackgroundImageFix" }), h("feColorMatrix", { key: '500ec65daccc101bc9f36c91dba8c8677e38a1fa', in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), h("feMorphology", { key: '577d56beca7b00c837b45d0be2878e210ded788f', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect1_dropShadow_7590_639" }), h("feOffset", { key: 'e573ab1d54ca026056edd108cc6f9270388304da', dy: "8" }), h("feGaussianBlur", { key: '9de091b7f9e8445d1bf9b8b86dfddbdaaa79eaac', stdDeviation: "4" }), h("feColorMatrix", { key: '53199e7f3c1d9b57bb030d6c032e278842324a0d', type: "matrix", values: "0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.03 0" }), h("feBlend", { key: '1427a2be8a4adfeddbdd42c01288bbe43fbecdc7', mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_7590_639" }), h("feColorMatrix", { key: '4d35cef02f16b4eec169ac099c2e793e1aa06e1f', in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), h("feMorphology", { key: 'cfdea9e8c4e11bb65d036d5feb7e3e1889b53c66', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect2_dropShadow_7590_639" }), h("feOffset", { key: 'f1ad235c5a4e7408b13bb51d9e2f677938d5954f', dy: "20" }), h("feGaussianBlur", { key: '9d98c3ed869abc39c0c4596f33f66b7db8eec4c7', stdDeviation: "12" }), h("feColorMatrix", { key: '6dc6c881491d5161d71966ce127fc631aff4bed5', type: "matrix", values: "0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.08 0" }), h("feBlend", { key: '7730ddad1af8d750582238fbd0799119cecf5489', mode: "normal", in2: "effect1_dropShadow_7590_639", result: "effect2_dropShadow_7590_639" }), h("feBlend", { key: 'fa9a421a91d575760ad0f007d5222ccfa0badd4b', mode: "normal", in: "SourceGraphic", in2: "effect2_dropShadow_7590_639", result: "shape" })), h("linearGradient", { key: 'f3bb60df398257f2cb0369f8ddce17d0595ecdef', id: "paint0_linear_7590_639", x1: "29.2326", y1: "33.3796", x2: "99.5429", y2: "99.4285", gradientUnits: "userSpaceOnUse" }, h("stop", { key: '83698048ee3b2956d0569de90594127e00704f1b', "stop-color": `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : this.color === 'gray' ? 'var(--color-background-gray, #CDD5DF)' : ''}` }), h("stop", { key: '7e7c5016d76aea40012ae685ab679cdd444fe4b8', offset: "0.350715", "stop-color": "white", "stop-opacity": "0" })), h("linearGradient", { key: '1a6ee27b486a130e542a6be9f0d4652c02fc7312', id: "paint1_linear_7590_639", x1: "71.3123", y1: "16.8673", x2: "159.2", y2: "99.4285", gradientUnits: "userSpaceOnUse" }, h("stop", { key: 'ce868978d7670e519cc8574e9c3460511dcb628d', "stop-color": `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : this.color === 'gray' ? 'var(--color-background-gray, #CDD5DF)' : ''}` }), h("stop", { key: 'c8cd28a0e2d72ce66755e0e627c1e9c4cd7d4667', offset: "0.350715", "stop-color": "white", "stop-opacity": "0" })), h("linearGradient", { key: '9b5f6cd5bec7c9e4ea6348b483e71e3d8bcdf66b', id: "paint2_linear_7590_639", x1: "132.478", y1: "41.6358", x2: "194", y2: "99.4286", gradientUnits: "userSpaceOnUse" }, h("stop", { key: '8399012edc65629c2d702564d3ddf0a8853fe303', "stop-color": `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : this.color === 'gray' ? 'var(--color-background-gray, #CDD5DF)' : ''}` }), h("stop", { key: '4113e39e15f543dab2beda060c3648bb02e58710', offset: "0.350715", "stop-color": "white", "stop-opacity": "0" }))))), this.illustrationStyle === 'box' && (h("svg", { key: '32e08c7fd776f69fe55e78548b5083b1b9a59ec6', xmlns: "http://www.w3.org/2000/svg", width: "168", height: "178", viewBox: "0 0 168 178", fill: "none", class: `box ${this.size}` }, h("g", { key: '5c7601ea1a409903161434dd12a4b46294f94e24', filter: "url(#filter0_dd_7590_623)" }, h("path", { key: '28024e94ed91d67cf14b6fe34c2c5dfb4b63d4aa', d: "M84 54.9529L90.9121 52.0578L84.0009 55.002V137.432L147.69 110.743V28.2767L148 28.1466L147.69 28.009V27.8705L147.53 27.9384L84.5026 0L20 27.4765L20.3053 27.6076L20 109.74L84 137.383L84 54.9529Z", fill: "#F9FAFB" }), h("path", { key: '7fd3b716a6fc9c8f3e3337b62270e24b21cf188c', d: "M84 54.953V137.383L20 109.739L20.3053 27.6075L84 54.953Z", fill: "url(#paint0_linear_7590_623)" }), h("path", { key: '30a88ddfb6712d8a518b61d9ec8cc22eda0cd75f', d: "M84.0012 55.002V137.432L147.69 110.743V27.8705L84.0012 55.002Z", fill: "url(#paint1_linear_7590_623)" }), h("path", { key: '6141ff70de7aaecf353e88ccb44908eb6c44250a', d: "M84 54.9529L148 28.1466L84.5026 0L20 27.4765L84 54.9529Z", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtler, #C8E0F9)' : 'var(--color-background-gray-subtler, #EEF2F6)'}` }), h("path", { key: '65086554c73fc6b464a56074ecc0022d5a2cf84d', d: "M44.1255 17.1998L107.881 44.9503L108.461 65.173L126.299 57.8126L125.759 37.4622L60.1172 10.3877L44.1255 17.1998Z", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtlest, #E4F0FC)' : 'var(--color-background-gray, #CDD5DF)'}` })), h("defs", { key: '2fa97eb381985d51871b8a797292268cf1f7fb9c' }, h("filter", { key: '29e1a051cd85acf1686e3a1f26888f9628d2852b', id: "filter0_dd_7590_623", x: "0", y: "0", width: "168", height: "177.432", filterUnits: "userSpaceOnUse", "color-interpolation-filters": "sRGB" }, h("feFlood", { key: '1e1c1649d7820ba873c9e68a28c4aed3bfc70ecd', "flood-opacity": "0", result: "BackgroundImageFix" }), h("feColorMatrix", { key: '7b0e9a177d2f03f9e4c58d15a3a9cb864c335d41', in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), h("feMorphology", { key: 'd6a9c1d324e7c539163f03e1cbbf4728af6ebeae', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect1_dropShadow_7590_623" }), h("feOffset", { key: '23c54c6e298152cb911211dde560a90ffd3bd416', dy: "8" }), h("feGaussianBlur", { key: '9bb532e88f9369f65fa7138d2331fb06842e1888', stdDeviation: "4" }), h("feColorMatrix", { key: 'db6ca257678f38d9fb7d3a91fd38a23c2c76ba8f', type: "matrix", values: "0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.03 0" }), h("feBlend", { key: 'aa13aff068bf8908f8fa8bebf3f9172960a05776', mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_7590_623" }), h("feColorMatrix", { key: '44faa9cf0f54c882c3f34d66942858badba73814', in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), h("feMorphology", { key: '26190835a039b6a57b6ffe4456ebf1a34811f71c', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect2_dropShadow_7590_623" }), h("feOffset", { key: '5df5393204bb4d2bf576d77341533e0f5448b17a', dy: "20" }), h("feGaussianBlur", { key: 'a0efd45d6684100d1d80a6c3c0f63a2c4434f26b', stdDeviation: "12" }), h("feColorMatrix", { key: '50ae8b1851c1a6525b1b3adc37dee3c11fa74f7d', type: "matrix", values: "0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.08 0" }), h("feBlend", { key: 'dcc91757ac4e35ca545cc4de82c1fd03a3003ec5', mode: "normal", in2: "effect1_dropShadow_7590_623", result: "effect2_dropShadow_7590_623" }), h("feBlend", { key: '42ebcc9683f2dd9d51095f9be848d90ec92cd727', mode: "normal", in: "SourceGraphic", in2: "effect2_dropShadow_7590_623", result: "shape" })), h("linearGradient", { key: '44584d3a162fe6477ae0bf3081fc5b5c44cf8744', id: "paint0_linear_7590_623", x1: "20", y1: "110.154", x2: "45.2754", y2: "41.7013", gradientUnits: "userSpaceOnUse" }, h("stop", { key: '44605278f4fed8e3af061c4ae03688efca34eff5', "stop-color": `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : this.color === 'gray' ? 'var(--color-background-gray, #CDD5DF)' : ''}` }), h("stop", { key: '29034b15658862bc4159f48bb1ef8b6096da63d7', offset: "1", "stop-color": `${this.color === 'primary'
37
+ return (h("div", { key: '3de5224bdfda6e482fb10d5bd6b9425d02ead1a8', class: `illustration_wrapper` }, h("svg", { key: '86afe9cc3f913410fdbfc80e471f53385a4c11a1', xmlns: "http://www.w3.org/2000/svg", width: "220", height: "168", viewBox: "0 0 220 168", fill: "none", class: `illustration_background ${this.size}` }, h("circle", { key: '3ea46a5a171cd817ee7949d536ab72030b0e15c9', cx: "110", cy: "88", r: "80", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtlest, #E4F0FC)' : this.color === 'gray' ? 'var(--color-background-gray-subtlest, #F6F8FA)' : ''}` }), h("circle", { key: '64fc37d9895bbb937f0780b4691a6d61aa185119', cx: "26", cy: "28", r: "8", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtler, #C8E0F9)' : this.color === 'gray' ? 'var(--color-background-gray-subtler, #EEF2F6)' : ''}` }), h("circle", { key: '220267e5dc90d7c639c02570e90ff12d81a065c4', cx: "198", cy: "134", r: "6", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtler, #C8E0F9)' : this.color === 'gray' ? 'var(--color-background-gray-subtler, #EEF2F6)' : ''}` }), h("circle", { key: '1fb2384ec75d8613d4168d9af627da8168b307a5', cx: "25", cy: "146", r: "10", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtler, #C8E0F9)' : this.color === 'gray' ? 'var(--color-background-gray-subtler, #EEF2F6)' : ''}` }), h("circle", { key: 'fcb54fa7b5f69bba70eb2a3067be1d4845368b7a', cx: "210", cy: "54", r: "10", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtler, #C8E0F9)' : this.color === 'gray' ? 'var(--color-background-gray-subtler, #EEF2F6)' : ''}` }), h("circle", { key: 'a17c9f6d0b724ba4ffd53c657edb8f684219a680', cx: "191", cy: "19", r: "7", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtler, #C8E0F9)' : this.color === 'gray' ? 'var(--color-background-gray-subtler, #EEF2F6)' : ''}` })), h("div", { key: '9fe990b7cae47aaf5eb2b8938779858435c47eae', class: "illustration_div" }, h("div", { key: 'c247532c3efd9f1a87a06a1705af05de8600aa9b', class: "illustration" }, this.illustrationStyle === 'cloud' && (h("svg", { key: '2322c94f8f278c34ebeeea2f0af90a0572c97422', xmlns: "http://www.w3.org/2000/svg", width: "214", height: "140", viewBox: "0 0 214 140", fill: "none", class: `cloud ${this.size}` }, h("g", { key: 'd2455507610beee924a8b6007d25a499a13cc88e', filter: "url(#filter0_dd_7590_639)" }, h("path", { key: '4cc9ff51c93b0b734dc0b7978acfcf8e41d172da', d: "M109.485 0C129.961 0 147.543 12.3802 155.161 30.0625C156.486 29.9093 157.834 29.8281 159.2 29.8281C178.42 29.8282 194 45.4095 194 64.6289C194 83.5478 178.903 98.9404 160.099 99.417L159.2 99.4287H59.7715L58.7451 99.416C37.2543 98.8717 20 81.2792 20 59.6572C20 37.6921 37.8063 19.8857 59.7715 19.8857C62.9248 19.8857 65.992 20.2546 68.9336 20.9482C77.9428 8.27072 92.7484 0.000119405 109.485 0Z", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtlest, #E4F0FC)' : 'var(--color-background-disabled, #F9FAFB)'}` }), h("circle", { key: '1921db0adbcf03967d2814d61994296b095d12c8', cx: "59.7714", cy: "59.6572", r: "39.7714", fill: "url(#paint0_linear_7590_639)" }), h("circle", { key: 'd6e3591ad00a15458f36ac71c99d20f8dd504294', cx: "109.486", cy: "49.7143", r: "49.7143", fill: "url(#paint1_linear_7590_639)" }), h("circle", { key: '495df5e761fa9aba96faed3d3eff2abb855fc306', cx: "159.2", cy: "64.6286", r: "34.8", fill: "url(#paint2_linear_7590_639)" })), h("defs", { key: '6d8b8973b7412444e9587f01630a8db9af8cc0fa' }, h("filter", { key: 'bf5de96439d7319ffa26c68bf611d383358b7475', id: "filter0_dd_7590_639", x: "0", y: "0", width: "214", height: "139.429", filterUnits: "userSpaceOnUse", "color-interpolation-filters": "sRGB" }, h("feFlood", { key: '54a751b360bff6669fc0e56a46fd6de79a1299ad', "flood-opacity": "0", result: "BackgroundImageFix" }), h("feColorMatrix", { key: '6aabdf7e22fbf7d78a0000a4d743af44b8f95905', in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), h("feMorphology", { key: 'a00d2665d4f1bd6ab68e203775e28878eadc09d1', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect1_dropShadow_7590_639" }), h("feOffset", { key: '35e29d0ce29f95ae0664e65a30fb2c0b5e1c962b', dy: "8" }), h("feGaussianBlur", { key: '7e59c5657eabc2e904edc548d8f5e8fc0c61233d', stdDeviation: "4" }), h("feColorMatrix", { key: '331dc39a18be438d1141ed0b8b9512d376e7932e', type: "matrix", values: "0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.03 0" }), h("feBlend", { key: '1ef04df3b13374c6039335907fc56a707a2049fe', mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_7590_639" }), h("feColorMatrix", { key: 'f2cc7784471df3187798d9ef0a45a2a0dcbb765c', in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), h("feMorphology", { key: '30539e6ed44156666d90655cc2684fca40fbd554', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect2_dropShadow_7590_639" }), h("feOffset", { key: 'd4de5a3d4f300bba23b24e2da6ffc7f67f4a4c9a', dy: "20" }), h("feGaussianBlur", { key: '523308d6c3b7f28284a8f0bcc3c2feb9513c58e8', stdDeviation: "12" }), h("feColorMatrix", { key: '9cd084e95c923f53117fe8ab18fa58c2fa93b902', type: "matrix", values: "0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.08 0" }), h("feBlend", { key: '537cb0d49da6f946432cdbe459fe50de9d8126e4', mode: "normal", in2: "effect1_dropShadow_7590_639", result: "effect2_dropShadow_7590_639" }), h("feBlend", { key: '57b29dde508882b49b7b8ef5d51ae7157ac23c5a', mode: "normal", in: "SourceGraphic", in2: "effect2_dropShadow_7590_639", result: "shape" })), h("linearGradient", { key: '4d3fec56cbe812718a7fe7aa713117794c772d77', id: "paint0_linear_7590_639", x1: "29.2326", y1: "33.3796", x2: "99.5429", y2: "99.4285", gradientUnits: "userSpaceOnUse" }, h("stop", { key: '132b2c5fa5b2fc7c71ae03adf2858b5925b73c6b', "stop-color": `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : this.color === 'gray' ? 'var(--color-background-gray, #CDD5DF)' : ''}` }), h("stop", { key: 'a13b68ed30d62c8c781712dad86e2af2b0f2b897', offset: "0.350715", "stop-color": "white", "stop-opacity": "0" })), h("linearGradient", { key: 'e322ee5fb4e8a2dccdae7d77697e7ef0928fb40b', id: "paint1_linear_7590_639", x1: "71.3123", y1: "16.8673", x2: "159.2", y2: "99.4285", gradientUnits: "userSpaceOnUse" }, h("stop", { key: 'd089e62ce88f485c58d180f1560213c2f5c116d4', "stop-color": `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : this.color === 'gray' ? 'var(--color-background-gray, #CDD5DF)' : ''}` }), h("stop", { key: '2d37013a414048a81257969197ed012c7877ae0c', offset: "0.350715", "stop-color": "white", "stop-opacity": "0" })), h("linearGradient", { key: '7a2c2fc940f63f5bd66a3e24cf3497d492e1fbd8', id: "paint2_linear_7590_639", x1: "132.478", y1: "41.6358", x2: "194", y2: "99.4286", gradientUnits: "userSpaceOnUse" }, h("stop", { key: '80150973c93c1476791afa9ed2a5240aef15f187', "stop-color": `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : this.color === 'gray' ? 'var(--color-background-gray, #CDD5DF)' : ''}` }), h("stop", { key: '331f9d32be29f7242789bcb68e9037ed80ebc0e9', offset: "0.350715", "stop-color": "white", "stop-opacity": "0" }))))), this.illustrationStyle === 'box' && (h("svg", { key: '6da72e0c35c98e67e1668c70b2218cab52ea838b', xmlns: "http://www.w3.org/2000/svg", width: "168", height: "178", viewBox: "0 0 168 178", fill: "none", class: `box ${this.size}` }, h("g", { key: 'd3c44a31d643ceb91371e753fd5c55532ba6b861', filter: "url(#filter0_dd_7590_623)" }, h("path", { key: '7eb6ad021f7b313766bd0027bb7afa1ea5ffbeb1', d: "M84 54.9529L90.9121 52.0578L84.0009 55.002V137.432L147.69 110.743V28.2767L148 28.1466L147.69 28.009V27.8705L147.53 27.9384L84.5026 0L20 27.4765L20.3053 27.6076L20 109.74L84 137.383L84 54.9529Z", fill: "#F9FAFB" }), h("path", { key: '77e22e8165703f669690d2a8804f16fd78380e15', d: "M84 54.953V137.383L20 109.739L20.3053 27.6075L84 54.953Z", fill: "url(#paint0_linear_7590_623)" }), h("path", { key: '875ca4dadc75333f90c7f087df2439b0b7d7d092', d: "M84.0012 55.002V137.432L147.69 110.743V27.8705L84.0012 55.002Z", fill: "url(#paint1_linear_7590_623)" }), h("path", { key: '7452f0726c018768171a6746a101198958186a25', d: "M84 54.9529L148 28.1466L84.5026 0L20 27.4765L84 54.9529Z", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtler, #C8E0F9)' : 'var(--color-background-gray-subtler, #EEF2F6)'}` }), h("path", { key: '516eee5aadb7d84580eaf019f1da5e53969492bc', d: "M44.1255 17.1998L107.881 44.9503L108.461 65.173L126.299 57.8126L125.759 37.4622L60.1172 10.3877L44.1255 17.1998Z", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtlest, #E4F0FC)' : 'var(--color-background-gray, #CDD5DF)'}` })), h("defs", { key: '9ff8ae5ab555fa16189f687ea0ec65b29b596a98' }, h("filter", { key: 'be91d27cfdd72e887cbf80ec8acdd2beb5c22dad', id: "filter0_dd_7590_623", x: "0", y: "0", width: "168", height: "177.432", filterUnits: "userSpaceOnUse", "color-interpolation-filters": "sRGB" }, h("feFlood", { key: '4731c1fd686a89e77727b732183c74e83552048c', "flood-opacity": "0", result: "BackgroundImageFix" }), h("feColorMatrix", { key: 'd6551fa253195c6406985df0f302362d3e20b325', in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), h("feMorphology", { key: 'ce21baa1add77da07e05a88887e8cc5aac63ad03', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect1_dropShadow_7590_623" }), h("feOffset", { key: '85b9e0367ce5f8fe57ae41b272daffd031317708', dy: "8" }), h("feGaussianBlur", { key: '78976861b4ba367f159d01321cc00bedb229c5ef', stdDeviation: "4" }), h("feColorMatrix", { key: 'fb897592404207f0237dec9054b20d693cd53708', type: "matrix", values: "0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.03 0" }), h("feBlend", { key: '77d543078d7682ae9ba4beb00f918c7c3dabf491', mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_7590_623" }), h("feColorMatrix", { key: 'b0973ed1d2e3861adfec77cdfa95edbee9b62032', in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), h("feMorphology", { key: 'f2aafaddb0b741ea47912dfa76ce954a0a31b898', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect2_dropShadow_7590_623" }), h("feOffset", { key: 'f5a7d1c264832ceb0b40e3afa15e3afb142b8f1c', dy: "20" }), h("feGaussianBlur", { key: '3eb61166259f3cfda89c4cb1af06ace293ade47a', stdDeviation: "12" }), h("feColorMatrix", { key: 'eafcfe27e9cd70688027b4fc627c95762c152f3c', type: "matrix", values: "0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.08 0" }), h("feBlend", { key: '320c9b68854f89a0eecae4cd863e53c67cbe2a64', mode: "normal", in2: "effect1_dropShadow_7590_623", result: "effect2_dropShadow_7590_623" }), h("feBlend", { key: 'bc8b9eb78c9bc093b578aefa239091b522a1b700', mode: "normal", in: "SourceGraphic", in2: "effect2_dropShadow_7590_623", result: "shape" })), h("linearGradient", { key: '18775c3c2da5440d8ef17ddd7042956970d2cb00', id: "paint0_linear_7590_623", x1: "20", y1: "110.154", x2: "45.2754", y2: "41.7013", gradientUnits: "userSpaceOnUse" }, h("stop", { key: '67885cc1dbed14d03d9c3abf31d985b42656e895', "stop-color": `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : this.color === 'gray' ? 'var(--color-background-gray, #CDD5DF)' : ''}` }), h("stop", { key: 'acdc09e15e7c64693c96577270183209865da90c', offset: "1", "stop-color": `${this.color === 'primary'
38
38
  ? 'var(--color-background-information-subtler, #C8E0F9)'
39
39
  : this.color === 'gray'
40
40
  ? 'var(--color-background-gray-subtler, #EEF2F6)'
41
- : ''}` })), h("linearGradient", { key: 'd4c170902ea8bc606985a5d001082de8d5f5e693', id: "paint1_linear_7590_623", x1: "84.0003", y1: "56.6154", x2: "156.166", y2: "70.983", gradientUnits: "userSpaceOnUse" }, h("stop", { key: '57cd40f4e77777e46d55515c82a834d05cb7582d', "stop-color": `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : this.color === 'gray' ? 'var(--color-background-gray, #CDD5DF)' : ''}` }), h("stop", { key: 'f6c29d3057b50a113977f720fa15aa7be4030ec1', offset: "1", "stop-color": `${this.color === 'primary'
41
+ : ''}` })), h("linearGradient", { key: '26b71e517c6560d551124ef3f79d6a8b2d072fa0', id: "paint1_linear_7590_623", x1: "84.0003", y1: "56.6154", x2: "156.166", y2: "70.983", gradientUnits: "userSpaceOnUse" }, h("stop", { key: 'cbdc2a6e79cb859bafe7d1caf50e56128f101e09', "stop-color": `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : this.color === 'gray' ? 'var(--color-background-gray, #CDD5DF)' : ''}` }), h("stop", { key: '7b32a6775fc88c7541e0463c03dbd55a3175d3bc', offset: "1", "stop-color": `${this.color === 'primary'
42
42
  ? 'var(--color-background-information-subtler, #C8E0F9)'
43
43
  : this.color === 'gray'
44
44
  ? 'var(--color-background-gray-subtler, #EEF2F6)'
45
- : ''}` }))))), this.illustrationStyle === 'documents' && (h("svg", { key: 'ed043e6c2d3ab443f7541be45793904f273eca91', xmlns: "http://www.w3.org/2000/svg", width: "229", height: "153", viewBox: "0 0 229 153", fill: "none", class: `documents ${this.size}` }, h("g", { key: '951051ad8a9b78d4e552c893445f3dc14999aa79', filter: "url(#filter0_dd_7590_657)" }, h("path", { key: 'ccb6daf419c9eefbb44803f122d9f8684063c83e', d: "M63.6376 112.214L116.089 87.7552C118.722 86.5272 119.862 83.3969 118.634 80.7634L87.6581 14.3361L66.6827 6.7017L23.7681 26.7132C21.1346 27.9412 19.9952 31.0715 21.2233 33.7049L56.6458 109.669C57.8738 112.302 61.0041 113.442 63.6376 112.214Z", fill: "url(#paint0_linear_7590_657)" })), h("path", { key: '56222d62109bba69bc64d30b9635a39a1676d688', d: "M66.6826 6.70166L87.658 14.3361L73.3531 21.0066L66.6826 6.70166Z", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : 'var(--color-background-gray, #CDD5DF)'}` }), h("g", { key: '6d1d6cafcce444e4c8dd9681bb08d2eacec3e972', filter: "url(#filter1_dd_7590_657)" }, h("path", { key: '065cba22403487923f73beb237809ffd08a80c22', d: "M88.7112 94.3394H146.585C149.49 94.3394 151.846 91.9838 151.846 89.0781V15.7837L136.062 0H88.7112C85.8055 0 83.45 2.35554 83.45 5.26124V89.0782C83.45 91.9839 85.8055 94.3394 88.7112 94.3394Z", fill: "url(#paint1_linear_7590_657)" })), h("path", { key: 'cad02375b838660e4542384b8a15599d6a9a3cc0', d: "M136.062 -0.00012207L151.846 15.7836H136.062V-0.00012207Z", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : 'var(--color-background-gray, #CDD5DF)'}` }), h("g", { key: 'e22475baf217dad2541257c604861fff9eb81e6a', filter: "url(#filter2_dd_7590_657)" }, h("path", { key: '03d6e3a21d5f4c3eb37f3380fb09dd8640cb5573', d: "M118.471 87.724L170.922 112.182C173.555 113.41 176.686 112.271 177.914 109.638L208.889 43.2103L201.255 22.2349L158.34 2.22349C155.707 0.995492 152.576 2.13484 151.348 4.7683L115.926 80.7322C114.698 83.3657 115.837 86.496 118.471 87.724Z", fill: "url(#paint2_linear_7590_657)" })), h("path", { key: '69c191caed4f4f0395e1a9f75bd54ef244ae30a6', d: "M201.255 22.2349L208.889 43.2102L194.584 36.5398L201.255 22.2349Z", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : 'var(--color-background-gray, #CDD5DF)'}` }), h("defs", { key: 'dcba83859edd097461cf2b838e7629742868e65a' }, h("filter", { key: '455b49160bc8d1a5af3cf9303ce9630912ac9cac', id: "filter0_dd_7590_657", x: "0.729004", y: "6.70166", width: "138.399", height: "146.006", filterUnits: "userSpaceOnUse", "color-interpolation-filters": "sRGB" }, h("feFlood", { key: 'dc370d2e6c3f408c3f0afefa0f845b9616a59aa2', "flood-opacity": "0", result: "BackgroundImageFix" }), h("feColorMatrix", { key: 'bb90484523880d40866cb6b6333c39307067d869', in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), h("feMorphology", { key: 'c10b1da9811c2b766fd04d43b62eefb1b691f4b0', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect1_dropShadow_7590_657" }), h("feOffset", { key: 'c0c686a87de9058e3bac58ca7aaaa5b5f817bc8f', dy: "8" }), h("feGaussianBlur", { key: '69d4c935413433b015235301e236001547c2a382', stdDeviation: "4" }), h("feColorMatrix", { key: '051e594f7b5365a56b93ef87a30b667fac53eb81', type: "matrix", values: "0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.03 0" }), h("feBlend", { key: '8d2e9bc1431d0f692bf6f03ada7c020dde07671e', mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_7590_657" }), h("feColorMatrix", { key: '519ad1bdc93494a813654fd264f29954692ef4e2', in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), h("feMorphology", { key: '32f389a4eb3055d759488818e77a3ec91cd177e6', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect2_dropShadow_7590_657" }), h("feOffset", { key: 'f25da84bb960833b7ca6b8c709c612d03268a126', dy: "20" }), h("feGaussianBlur", { key: '3c680acb920e2c1f4b194d86c9406b1d97ad18db', stdDeviation: "12" }), h("feColorMatrix", { key: 'a536b459d409e436b6bd157b373dffe958ec171b', type: "matrix", values: "0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.08 0" }), h("feBlend", { key: 'dad4a7fc69bb42b53365a3fa15cf6a1b9f2f1737', mode: "normal", in2: "effect1_dropShadow_7590_657", result: "effect2_dropShadow_7590_657" }), h("feBlend", { key: 'c3b1f9ad4ad33f1bfad7c2c1450c8b5cd66a1e58', mode: "normal", in: "SourceGraphic", in2: "effect2_dropShadow_7590_657", result: "shape" })), h("filter", { key: '7d6a9e0a747e0ab783bb8e2e50d81f2c0fc54614', id: "filter1_dd_7590_657", x: "63.45", y: "0", width: "108.396", height: "134.339", filterUnits: "userSpaceOnUse", "color-interpolation-filters": "sRGB" }, h("feFlood", { key: 'bcd6273d8b517a8df7f563130d02c6f221b6d6c3', "flood-opacity": "0", result: "BackgroundImageFix" }), h("feColorMatrix", { key: 'aa2e80593f36d3dcbae5c2e6eabbf48d6f4a2dd1', in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), h("feMorphology", { key: '83d289986abd5178d3231b600ef96c5e73ec1b16', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect1_dropShadow_7590_657" }), h("feOffset", { key: '984162c54d410af290de45589664bfac62b451d1', dy: "8" }), h("feGaussianBlur", { key: 'dcc5e88f7856e54340397f9ff80246e7d1549f85', stdDeviation: "4" }), h("feColorMatrix", { key: 'b8871c6408817e6a8504b6991e7342a21dc20d81', type: "matrix", values: "0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.03 0" }), h("feBlend", { key: '1e0377b2dae222c4c6ed5056564d8d67648db489', mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_7590_657" }), h("feColorMatrix", { key: 'abf43b1ab3be0e41334dec3f15c18ebe9b3eaa41', in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), h("feMorphology", { key: '9a907e722ec7c21a7ad03fb03779c6396b3caf3c', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect2_dropShadow_7590_657" }), h("feOffset", { key: '51a111133c3f53d72867749dd2b02f991c8f91ea', dy: "20" }), h("feGaussianBlur", { key: '72a76fc9deb833e3644284a7b96075f859ce8197', stdDeviation: "12" }), h("feColorMatrix", { key: '183050f29ed2aaeac474e23d611881d56956410f', type: "matrix", values: "0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.08 0" }), h("feBlend", { key: 'a32ffebd47c5759a5905e04024b3c006c9b167e3', mode: "normal", in2: "effect1_dropShadow_7590_657", result: "effect2_dropShadow_7590_657" }), h("feBlend", { key: 'a55d39ed463872f4dbdb5ebf22a9f2c692997f66', mode: "normal", in: "SourceGraphic", in2: "effect2_dropShadow_7590_657", result: "shape" })), h("filter", { key: '9054aba05651d800d9e365f3f359b6b0fa52d3a1', id: "filter2_dd_7590_657", x: "95.4316", y: "1.72925", width: "133.458", height: "150.947", filterUnits: "userSpaceOnUse", "color-interpolation-filters": "sRGB" }, h("feFlood", { key: 'd7a2af5a3782f1f23965774eb8bf06f6e9788e12', "flood-opacity": "0", result: "BackgroundImageFix" }), h("feColorMatrix", { key: '48da740021e3c58b99b95b2818a739ab1761ced2', in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), h("feMorphology", { key: '33273b494600fd904427dfe08db54ac571ef24b6', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect1_dropShadow_7590_657" }), h("feOffset", { key: '457ff1f85a97d2844cdbb0197aff0fc74f28fa37', dy: "8" }), h("feGaussianBlur", { key: 'e3087fd813e875f6e4da3a684b855217abdf3b23', stdDeviation: "4" }), h("feColorMatrix", { key: '014830c594ddcb7cf2a46c3dd71c9c57f53436d8', type: "matrix", values: "0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.03 0" }), h("feBlend", { key: 'c836d98976574e14fab9eb8e248b2a44f0407a45', mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_7590_657" }), h("feColorMatrix", { key: '227d33c5bfb293a91a80a5514ff7c3b61094ba03', in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), h("feMorphology", { key: 'da6d220f076cd00a11a99870568b9dfd5d367846', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect2_dropShadow_7590_657" }), h("feOffset", { key: '9d2f34e87695637bcf3c13251d1931d8ef29b29e', dy: "20" }), h("feGaussianBlur", { key: 'd6f11bc40ccd92386d05472178c7fd4dd93e69e8', stdDeviation: "12" }), h("feColorMatrix", { key: 'b51ba0ef44830b4aa57c2fdbae4163727e9971e6', type: "matrix", values: "0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.08 0" }), h("feBlend", { key: 'dc065a747a5a48c0364e5f676a53ea6658b8a7d5', mode: "normal", in2: "effect1_dropShadow_7590_657", result: "effect2_dropShadow_7590_657" }), h("feBlend", { key: '4529380d87327f3ed9e5ef84138607039e416098', mode: "normal", in: "SourceGraphic", in2: "effect2_dropShadow_7590_657", result: "shape" })), h("linearGradient", { key: 'cdbda7e15b2b74a0492b385f05f115f923c621da', id: "paint0_linear_7590_657", x1: "60.5561", y1: "112.418", x2: "18.7566", y2: "37.0089", gradientUnits: "userSpaceOnUse" }, h("stop", { key: '485cbbfc8d23a60543f6b7fbdda495e00fd6e8fe', "stop-color": `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : 'var(--color-background-gray, #CDD5DF)'}` }), h("stop", { key: '15348a54b69c413ebdcc35d5c9ffeaca5ac91376', offset: "1", "stop-color": `${this.color === 'primary'
45
+ : ''}` }))))), this.illustrationStyle === 'documents' && (h("svg", { key: 'cd5563f1489db12eecef1f5ba7ed583c6a6573af', xmlns: "http://www.w3.org/2000/svg", width: "229", height: "153", viewBox: "0 0 229 153", fill: "none", class: `documents ${this.size}` }, h("g", { key: '1d94a2874d30f4e9f57fa278c61d1572beaac763', filter: "url(#filter0_dd_7590_657)" }, h("path", { key: '9e4c216ce2f59df13c419574e263cf624fba6086', d: "M63.6376 112.214L116.089 87.7552C118.722 86.5272 119.862 83.3969 118.634 80.7634L87.6581 14.3361L66.6827 6.7017L23.7681 26.7132C21.1346 27.9412 19.9952 31.0715 21.2233 33.7049L56.6458 109.669C57.8738 112.302 61.0041 113.442 63.6376 112.214Z", fill: "url(#paint0_linear_7590_657)" })), h("path", { key: 'a32eaf8a641f04c1d6c6bf6ae1a68e5d5c1575a4', d: "M66.6826 6.70166L87.658 14.3361L73.3531 21.0066L66.6826 6.70166Z", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : 'var(--color-background-gray, #CDD5DF)'}` }), h("g", { key: '62760ad15d44d8f9d2fca0e5e9fc743968e05159', filter: "url(#filter1_dd_7590_657)" }, h("path", { key: '337e40c987055995b64090bf936726c35b60b8cb', d: "M88.7112 94.3394H146.585C149.49 94.3394 151.846 91.9838 151.846 89.0781V15.7837L136.062 0H88.7112C85.8055 0 83.45 2.35554 83.45 5.26124V89.0782C83.45 91.9839 85.8055 94.3394 88.7112 94.3394Z", fill: "url(#paint1_linear_7590_657)" })), h("path", { key: '091d95c63ac0f7e79385f56582144bb96409e4c4', d: "M136.062 -0.00012207L151.846 15.7836H136.062V-0.00012207Z", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : 'var(--color-background-gray, #CDD5DF)'}` }), h("g", { key: '5e186f16e552a94000a1f07e9c559c7007813d92', filter: "url(#filter2_dd_7590_657)" }, h("path", { key: 'f7fb27cc591011d0f8f2615b76fa7636763d14b8', d: "M118.471 87.724L170.922 112.182C173.555 113.41 176.686 112.271 177.914 109.638L208.889 43.2103L201.255 22.2349L158.34 2.22349C155.707 0.995492 152.576 2.13484 151.348 4.7683L115.926 80.7322C114.698 83.3657 115.837 86.496 118.471 87.724Z", fill: "url(#paint2_linear_7590_657)" })), h("path", { key: 'aa6e9d5d0d7cf7b2bdcb88540a73066fad6952d8', d: "M201.255 22.2349L208.889 43.2102L194.584 36.5398L201.255 22.2349Z", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : 'var(--color-background-gray, #CDD5DF)'}` }), h("defs", { key: '0817a93b185442283bd4cfc29dd68c4b318e405a' }, h("filter", { key: '8b35def1c309d275458b80c732593b1d4518497e', id: "filter0_dd_7590_657", x: "0.729004", y: "6.70166", width: "138.399", height: "146.006", filterUnits: "userSpaceOnUse", "color-interpolation-filters": "sRGB" }, h("feFlood", { key: '4f9aed916fe20a312ee68f507266a8c965d45b01', "flood-opacity": "0", result: "BackgroundImageFix" }), h("feColorMatrix", { key: 'e1b8467e24bb536a13b4f27c462ff4899640004b', in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), h("feMorphology", { key: '1d5e8139fb27778f1bc7c1f874f0ef163124dd79', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect1_dropShadow_7590_657" }), h("feOffset", { key: '1bcfdea509408741d9d487ffd7460ed6baf00b85', dy: "8" }), h("feGaussianBlur", { key: '6eb9159bb6899eae83726503885f31aec095a0b5', stdDeviation: "4" }), h("feColorMatrix", { key: 'f792cc4aeea8861d39f83fd523db630517b0e7a0', type: "matrix", values: "0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.03 0" }), h("feBlend", { key: '39b6079bc96e52c10a31b9eab14c1f3ddb5c0ff4', mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_7590_657" }), h("feColorMatrix", { key: '270c8ee1448bfdcd37c54aa53f6858eefa86ed91', in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), h("feMorphology", { key: 'd2b3a54c2c8a71cbfa299d0589b5a12054a7c05b', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect2_dropShadow_7590_657" }), h("feOffset", { key: '590523f6585ae35b1c17fab0198fefc669a3f3b5', dy: "20" }), h("feGaussianBlur", { key: '8817dd671dbc74e4519fa1cf5b3b0b957aba2b1a', stdDeviation: "12" }), h("feColorMatrix", { key: '582a56aa32f78a1f3464f5c365bc923e73d99264', type: "matrix", values: "0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.08 0" }), h("feBlend", { key: 'c0b9840b1e4376123b1f7b9e2e0b3d798ca7b62d', mode: "normal", in2: "effect1_dropShadow_7590_657", result: "effect2_dropShadow_7590_657" }), h("feBlend", { key: '94bbe78ab910e6e135d46de46596da0721a3126c', mode: "normal", in: "SourceGraphic", in2: "effect2_dropShadow_7590_657", result: "shape" })), h("filter", { key: 'e3b8774e45e149b4c19658e3e12fe566229147f1', id: "filter1_dd_7590_657", x: "63.45", y: "0", width: "108.396", height: "134.339", filterUnits: "userSpaceOnUse", "color-interpolation-filters": "sRGB" }, h("feFlood", { key: 'f7ab85c4b89f66aa43a297c66e9164d66f9e02f4', "flood-opacity": "0", result: "BackgroundImageFix" }), h("feColorMatrix", { key: '1292a3951e7e8051d6cc6daefd4bfbc6e7f3db21', in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), h("feMorphology", { key: 'e3e149fbea9df17553ba42cd3f9b0634a3cf9e7c', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect1_dropShadow_7590_657" }), h("feOffset", { key: '67e2ab5a201f8d55adaba4781601983d9ad5f3fe', dy: "8" }), h("feGaussianBlur", { key: 'e43c845f708f2357dc8ae54a3801cab8a16b9fbf', stdDeviation: "4" }), h("feColorMatrix", { key: 'a93ff7671b9a9381ccf5682278f718c4c1b6338f', type: "matrix", values: "0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.03 0" }), h("feBlend", { key: '9982f3a176627b772058fdc65ed060437fb18238', mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_7590_657" }), h("feColorMatrix", { key: '4b6d6f03f5e2c5276f039a03123fde4e5478a582', in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), h("feMorphology", { key: 'd0a98573b485ae11ee2844209c80325f18cdebf9', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect2_dropShadow_7590_657" }), h("feOffset", { key: '133669dd8e40a1c30c97b405193b1455606f3c5e', dy: "20" }), h("feGaussianBlur", { key: '7c69b489a8c78aa40b87f8bb9008301359c0569b', stdDeviation: "12" }), h("feColorMatrix", { key: '42c0a0c935d4996f444bf1001cc64fa8f7655631', type: "matrix", values: "0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.08 0" }), h("feBlend", { key: '07bb4ab5e4f793ab35d56ee5b907b19f390c3d94', mode: "normal", in2: "effect1_dropShadow_7590_657", result: "effect2_dropShadow_7590_657" }), h("feBlend", { key: '9d5506c980f33d906f3e9ef44b789e71bce09ff7', mode: "normal", in: "SourceGraphic", in2: "effect2_dropShadow_7590_657", result: "shape" })), h("filter", { key: 'cd3c0e62609ce54b29387b61c6c90b82ad6fd364', id: "filter2_dd_7590_657", x: "95.4316", y: "1.72925", width: "133.458", height: "150.947", filterUnits: "userSpaceOnUse", "color-interpolation-filters": "sRGB" }, h("feFlood", { key: '3e271a755f811d1892fe3cc37d6c0c9cc8c5d514', "flood-opacity": "0", result: "BackgroundImageFix" }), h("feColorMatrix", { key: 'f15c3efb2d4e713d2d901d70fe00017d7f5d0d8e', in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), h("feMorphology", { key: 'c33ea2cde7322f5a7a446c82886a1603b4a3b231', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect1_dropShadow_7590_657" }), h("feOffset", { key: 'ac6d9751b04f06fe512779cc7ae54c632effb3a3', dy: "8" }), h("feGaussianBlur", { key: '33bdd319b3e483819f4b11ceef736733192c4bcd', stdDeviation: "4" }), h("feColorMatrix", { key: 'bae44cf5f36b74754f92f0619683429779d5fc49', type: "matrix", values: "0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.03 0" }), h("feBlend", { key: '4b734085f572d43a10625c393a9d10a0f4acff4d', mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_7590_657" }), h("feColorMatrix", { key: '31e635925d5ebf9ce863cd3d4d32f4284b688674', in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), h("feMorphology", { key: '80a89b988101abf21a00a5ed5cf2d026dd0e5a0f', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect2_dropShadow_7590_657" }), h("feOffset", { key: '07d45e54658e26c6217af5c617e57c5654bd6e06', dy: "20" }), h("feGaussianBlur", { key: '8afa630c4892007580c893f70c47d09aa7c233cc', stdDeviation: "12" }), h("feColorMatrix", { key: 'f9250d9030f445ca391c4a4ef88db12831430d00', type: "matrix", values: "0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.08 0" }), h("feBlend", { key: '7ec1217773122259a592c6c061ac764a9b8c497a', mode: "normal", in2: "effect1_dropShadow_7590_657", result: "effect2_dropShadow_7590_657" }), h("feBlend", { key: '631e564496e3fb0efcca1763da1d5bfbb9cf8f0c', mode: "normal", in: "SourceGraphic", in2: "effect2_dropShadow_7590_657", result: "shape" })), h("linearGradient", { key: '70c5a8fa2dc07ee6e90e15cc20b97fc82ff1e7c8', id: "paint0_linear_7590_657", x1: "60.5561", y1: "112.418", x2: "18.7566", y2: "37.0089", gradientUnits: "userSpaceOnUse" }, h("stop", { key: 'f98b7f878c05fe1171ddbe1979b2e07eeef53448', "stop-color": `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : 'var(--color-background-gray, #CDD5DF)'}` }), h("stop", { key: '5ff8a884105a8953c030a85dab8f9d55b5ad4e41', offset: "1", "stop-color": `${this.color === 'primary'
46
46
  ? 'var(--color-background-information-subtlest, #E4F0FC)'
47
47
  : this.color === 'gray'
48
48
  ? 'var(--color-background-gray-subtlest, #F6F8FA)'
49
- : ''}` })), h("linearGradient", { key: '2b59191ed186d5b5c86673bf354d5c572ad269f4', id: "paint1_linear_7590_657", x1: "85.8318", y1: "93.2227", x2: "79.8181", y2: "7.21313", gradientUnits: "userSpaceOnUse" }, h("stop", { key: '3dbc7f2d3b0070ebb31b65ff247feea22665357d', "stop-color": `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : 'var(--color-background-gray, #CDD5DF)'}` }), h("stop", { key: 'abb11e517faa7bec392e243f15320c9911999bd9', offset: "1", "stop-color": `${this.color === 'primary'
49
+ : ''}` })), h("linearGradient", { key: '79df6775f578db073957c54d0a83f0ecd8e99907', id: "paint1_linear_7590_657", x1: "85.8318", y1: "93.2227", x2: "79.8181", y2: "7.21313", gradientUnits: "userSpaceOnUse" }, h("stop", { key: '108b64f81e9c59caa22e1d44fb03ebe37fa1251f', "stop-color": `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : 'var(--color-background-gray, #CDD5DF)'}` }), h("stop", { key: '02eaa65de59f3bba8f9be15b26527a7ed4fa8399', offset: "1", "stop-color": `${this.color === 'primary'
50
50
  ? 'var(--color-background-information-subtlest, #E4F0FC)'
51
51
  : this.color === 'gray'
52
52
  ? 'var(--color-background-gray-subtlest, #F6F8FA)'
53
- : ''}` })), h("linearGradient", { key: '8a06b9c574abf8029f3ba4a12d63d6fe9bd1e239', id: "paint2_linear_7590_657", x1: "116.333", y1: "85.4951", x2: "147.232", y2: "5.00242", gradientUnits: "userSpaceOnUse" }, h("stop", { key: '79fe3ea928acfbafad9f6925ca7de5f5d2365bdf', "stop-color": `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : 'var(--color-background-gray, #CDD5DF)'}` }), h("stop", { key: '28a42e2bf1612c071b00f54ba48885e89de2ca5b', offset: "1", "stop-color": `${this.color === 'primary'
53
+ : ''}` })), h("linearGradient", { key: 'e7058b1567f01e1407e64240b81eed8d2da291e7', id: "paint2_linear_7590_657", x1: "116.333", y1: "85.4951", x2: "147.232", y2: "5.00242", gradientUnits: "userSpaceOnUse" }, h("stop", { key: '0f8e80f7df12fe1dcb9f2729afe2ebab01e69a02', "stop-color": `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : 'var(--color-background-gray, #CDD5DF)'}` }), h("stop", { key: '4078b09f812c1ece69c02c7b26dc5cf6174363c9', offset: "1", "stop-color": `${this.color === 'primary'
54
54
  ? 'var(--color-background-information-subtlest, #E4F0FC)'
55
55
  : this.color === 'gray'
56
56
  ? 'var(--color-background-gray-subtlest, #F6F8FA)'
57
- : ''}` }))))), this.illustrationStyle === 'credit_card' && (h("svg", { key: 'fd0675e864d465b221ba62c043f38c3d873c5b95', xmlns: "http://www.w3.org/2000/svg", width: "206", height: "144", viewBox: "0 0 206 144", fill: "none", class: `credit_card ${this.size}` }, h("g", { key: '7830d946fb864e4400b2e91ff050c6d09e2d3247', filter: "url(#filter0_dd_7590_677)" }, h("rect", { key: 'c15d4932c01558e2b56aae335ba209c95738a040', x: "20", width: "166", height: "104", rx: "7.25581", fill: "url(#paint0_linear_7590_677)" }), h("rect", { key: '023edf0754e28f9666bd64d64f7550d4d7360384', x: "34.0698", y: "24.186", width: "29.0233", height: "21.7674", rx: "2.4186", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : 'var(--color-background-gray, #CDD5DF)'}` }), h("circle", { key: 'a655578fd2c60cfafe709a2070f9a31d0e176f6b', cx: "159.837", cy: "31.4419", r: "12.093", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : 'var(--color-background-gray, #CDD5DF)'}` }), h("circle", { key: '3986cde192bb16fde3985b07a792aa258e284148', cx: "145.325", cy: "31.4419", r: "12.093", fill: `${this.color === 'primary'
57
+ : ''}` }))))), this.illustrationStyle === 'credit_card' && (h("svg", { key: 'fa4c4dd15835b220196cd13e3d9e0d8e059890d6', xmlns: "http://www.w3.org/2000/svg", width: "206", height: "144", viewBox: "0 0 206 144", fill: "none", class: `credit_card ${this.size}` }, h("g", { key: '3ec93b75a27fdd8ef507bd79aea0e3e1760e5a91', filter: "url(#filter0_dd_7590_677)" }, h("rect", { key: '05611dc25a8905ad01cec30c396a91c26d8e3d30', x: "20", width: "166", height: "104", rx: "7.25581", fill: "url(#paint0_linear_7590_677)" }), h("rect", { key: '414bcbd16a1cf3e13fead5ad685040b7c96581aa', x: "34.0698", y: "24.186", width: "29.0233", height: "21.7674", rx: "2.4186", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : 'var(--color-background-gray, #CDD5DF)'}` }), h("circle", { key: '249db0ee685b7ff44aa39ae6163ffdc77577bd35', cx: "159.837", cy: "31.4419", r: "12.093", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : 'var(--color-background-gray, #CDD5DF)'}` }), h("circle", { key: '8844c06878dcf8cf5615367d80ba91cc3922497e', cx: "145.325", cy: "31.4419", r: "12.093", fill: `${this.color === 'primary'
58
58
  ? 'var(--color-background-information-subtler, #C8E0F9)'
59
59
  : this.color === 'gray'
60
60
  ? 'var(--color-background-gray-subtle, #E3E8EF)'
61
- : ''}` }), h("path", { key: '594507e606861e79e1b19f5ba312b37fa4b2b1e2', d: "M34.0698 88.279C34.0698 86.9432 35.1527 85.8604 36.4884 85.8604H60.6745C62.0102 85.8604 63.0931 86.9432 63.0931 88.279C63.0931 89.6147 62.0102 90.6976 60.6745 90.6976H36.4884C35.1527 90.6976 34.0698 89.6147 34.0698 88.279Z", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtler, #C8E0F9)' : this.color === 'gray' ? 'var(--color-background-gray, #CDD5DF)' : ''}` }), h("path", { key: '0ee71ad3035192074d53405757bd8d2f01723d67', d: "M70.3489 88.279C70.3489 86.9432 71.4317 85.8604 72.7675 85.8604H96.9535C98.2893 85.8604 99.3721 86.9432 99.3721 88.279C99.3721 89.6147 98.2893 90.6976 96.9535 90.6976H72.7675C71.4317 90.6976 70.3489 89.6147 70.3489 88.279Z", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtler, #C8E0F9)' : this.color === 'gray' ? 'var(--color-background-gray, #CDD5DF)' : ''}` }), h("path", { key: '8214232ebe0f44df26e51088242027c1411afa8a', d: "M106.628 88.279C106.628 86.9432 107.711 85.8604 109.047 85.8604H133.233C134.568 85.8604 135.651 86.9432 135.651 88.279C135.651 89.6147 134.568 90.6976 133.233 90.6976H109.047C107.711 90.6976 106.628 89.6147 106.628 88.279Z", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtler, #C8E0F9)' : this.color === 'gray' ? 'var(--color-background-gray, #CDD5DF)' : ''}` }), h("path", { key: '5ee5c2ed152f5f998512f53dc5d471fa6bf1ffea', d: "M142.907 88.279C142.907 86.9432 143.99 85.8604 145.326 85.8604H169.512C170.847 85.8604 171.93 86.9432 171.93 88.279C171.93 89.6147 170.847 90.6976 169.512 90.6976H145.326C143.99 90.6976 142.907 89.6147 142.907 88.279Z", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtler, #C8E0F9)' : this.color === 'gray' ? 'var(--color-background-gray, #CDD5DF)' : ''}` })), h("defs", { key: 'dc0172727e7c2130d48d34d3bc5ee18d7b0562c2' }, h("filter", { key: '317156c6ef6f47c2104a735edf4290c10b0a7d22', id: "filter0_dd_7590_677", x: "0", y: "0", width: "206", height: "144", filterUnits: "userSpaceOnUse", "color-interpolation-filters": "sRGB" }, h("feFlood", { key: 'e4ad31575ee7c69e1f2e07657531a7bf61c4e843', "flood-opacity": "0", result: "BackgroundImageFix" }), h("feColorMatrix", { key: '805e0895c6229dd6094af53f414dde8bc1122a8f', in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), h("feMorphology", { key: '6265c910126bd7208ab283239c9939377abbf3e1', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect1_dropShadow_7590_677" }), h("feOffset", { key: 'd80863595312c0250a8825940aff49cce5892013', dy: "8" }), h("feGaussianBlur", { key: '99ff174bf7f7b13e97a77aeae105f3f30d3420ac', stdDeviation: "4" }), h("feColorMatrix", { key: '4511c8f9cb7f616ce4c9f6bb109f3dab0637db69', type: "matrix", values: "0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.03 0" }), h("feBlend", { key: '5c81a249decc1eb5e1048c4cb00146cab8b9aa98', mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_7590_677" }), h("feColorMatrix", { key: '6415b25e449c96788897eab02debc3915e3eeacb', in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), h("feMorphology", { key: '3be18df1e0dd22f7c62d99de75707e558d1f02d6', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect2_dropShadow_7590_677" }), h("feOffset", { key: 'a07b66cdc8f5cfebcd396556d0097ccb6d11ea64', dy: "20" }), h("feGaussianBlur", { key: '8d2ff8864f048b29f9310b1c28ce8897d9d1279e', stdDeviation: "12" }), h("feColorMatrix", { key: 'b01d3dbad4fd7400034630eb35651a1f8f7f62c8', type: "matrix", values: "0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.08 0" }), h("feBlend", { key: '96f9962b1c8b46ca0e91447b835221d036b6144f', mode: "normal", in2: "effect1_dropShadow_7590_677", result: "effect2_dropShadow_7590_677" }), h("feBlend", { key: 'e9321374ff38c329cb55cbcc0ab70a5ce0deb9b5', mode: "normal", in: "SourceGraphic", in2: "effect2_dropShadow_7590_677", result: "shape" })), h("linearGradient", { key: '96381921f229ce10888479ae81f926634dce5f89', id: "paint0_linear_7590_677", x1: "25.7809", y1: "102.769", x2: "22.758", y2: "7.58424", gradientUnits: "userSpaceOnUse" }, h("stop", { key: 'f4c74466a149c39a7db081343410115ed7c3252b', "stop-color": `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : 'var(--color-background-gray-subtle, #E3E8EF)'}` }), h("stop", { key: 'ccfcdc624a35387dd52b5f47eec2d3a3ee2de12e', offset: "1", "stop-color": `${this.color === 'primary'
61
+ : ''}` }), h("path", { key: '60d585025bd510e54b72aa63cd4cf02d4f6500e4', d: "M34.0698 88.279C34.0698 86.9432 35.1527 85.8604 36.4884 85.8604H60.6745C62.0102 85.8604 63.0931 86.9432 63.0931 88.279C63.0931 89.6147 62.0102 90.6976 60.6745 90.6976H36.4884C35.1527 90.6976 34.0698 89.6147 34.0698 88.279Z", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtler, #C8E0F9)' : this.color === 'gray' ? 'var(--color-background-gray, #CDD5DF)' : ''}` }), h("path", { key: '887ab38e39af5429feeea0d31e2ed1fa5a2c097b', d: "M70.3489 88.279C70.3489 86.9432 71.4317 85.8604 72.7675 85.8604H96.9535C98.2893 85.8604 99.3721 86.9432 99.3721 88.279C99.3721 89.6147 98.2893 90.6976 96.9535 90.6976H72.7675C71.4317 90.6976 70.3489 89.6147 70.3489 88.279Z", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtler, #C8E0F9)' : this.color === 'gray' ? 'var(--color-background-gray, #CDD5DF)' : ''}` }), h("path", { key: '04f0a50e82a308727d986abb3fca974c67425328', d: "M106.628 88.279C106.628 86.9432 107.711 85.8604 109.047 85.8604H133.233C134.568 85.8604 135.651 86.9432 135.651 88.279C135.651 89.6147 134.568 90.6976 133.233 90.6976H109.047C107.711 90.6976 106.628 89.6147 106.628 88.279Z", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtler, #C8E0F9)' : this.color === 'gray' ? 'var(--color-background-gray, #CDD5DF)' : ''}` }), h("path", { key: 'b13956d6636aafb573e13fbaf7cd885320b0aa6d', d: "M142.907 88.279C142.907 86.9432 143.99 85.8604 145.326 85.8604H169.512C170.847 85.8604 171.93 86.9432 171.93 88.279C171.93 89.6147 170.847 90.6976 169.512 90.6976H145.326C143.99 90.6976 142.907 89.6147 142.907 88.279Z", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtler, #C8E0F9)' : this.color === 'gray' ? 'var(--color-background-gray, #CDD5DF)' : ''}` })), h("defs", { key: '08d0cec14e3e1b7bde0ad7900e5b77a9768e1710' }, h("filter", { key: '3eda190ae7f4f000449b9128de9e984515d75a1a', id: "filter0_dd_7590_677", x: "0", y: "0", width: "206", height: "144", filterUnits: "userSpaceOnUse", "color-interpolation-filters": "sRGB" }, h("feFlood", { key: '1f56a597f8afa226fd841145f3838d8b1abaeaa4', "flood-opacity": "0", result: "BackgroundImageFix" }), h("feColorMatrix", { key: 'bb526f48120cc4e9b74434a97590735b2ba2d232', in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), h("feMorphology", { key: '0e5746fb61e7e6f7815a0f89ad0d6b65a125cc16', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect1_dropShadow_7590_677" }), h("feOffset", { key: 'e3eb216c8ba383e79b3472c98ae4f43b68cff28b', dy: "8" }), h("feGaussianBlur", { key: '7088e4736795c2c124992da204a478f6196bb32f', stdDeviation: "4" }), h("feColorMatrix", { key: '0af1b1175a814351230a0cd0231eca99a1171838', type: "matrix", values: "0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.03 0" }), h("feBlend", { key: '92e983aa56d45c119da329e0b2ed8c157ab301bf', mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_7590_677" }), h("feColorMatrix", { key: '2b186284b74eee0aa20c88e4dc176dec2119c36f', in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), h("feMorphology", { key: '9f90eae836109108aaf6b7b9569df16fd25c82a2', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect2_dropShadow_7590_677" }), h("feOffset", { key: '23ddb5e181f8292afaa5212a74a8b5d68dec7e65', dy: "20" }), h("feGaussianBlur", { key: '76190621a8be3624e3e5d8e6471b5799b83794fc', stdDeviation: "12" }), h("feColorMatrix", { key: '84ed3fdd79ef7af4d8e9e40382f8d3caa8886381', type: "matrix", values: "0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.08 0" }), h("feBlend", { key: '6d0dfcc7067d6068f84161287b3a41c7107eb1e9', mode: "normal", in2: "effect1_dropShadow_7590_677", result: "effect2_dropShadow_7590_677" }), h("feBlend", { key: '839575fb92258ef818e3fa74efc9ac231af77cef', mode: "normal", in: "SourceGraphic", in2: "effect2_dropShadow_7590_677", result: "shape" })), h("linearGradient", { key: 'e09516469485c2566c0dbf259bf6dcfa29448ac1', id: "paint0_linear_7590_677", x1: "25.7809", y1: "102.769", x2: "22.758", y2: "7.58424", gradientUnits: "userSpaceOnUse" }, h("stop", { key: '4093dd4698e99af6142b43e14a603a485273e05b', "stop-color": `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : 'var(--color-background-gray-subtle, #E3E8EF)'}` }), h("stop", { key: '9418bd92ca947cb406c9ad728268c1ae28849342', offset: "1", "stop-color": `${this.color === 'primary'
62
62
  ? 'var(--color-background-information-subtler, #C8E0F9)'
63
63
  : this.color === 'gray'
64
64
  ? 'var(--color-background-gray-subtlest, #F6F8FA)'
65
- : ''}` })))))), h("div", { key: '5df111bdcd4baea470904ffa8c0447c027223ea5', class: `icon_div ${this.color} ${this.size}` }, h("div", { key: '26fa6a49cd60a89c52a14aa0be60d0db8c131f55', class: `icon ${this.size}`, innerHTML: this.leadingIconSvg })))));
65
+ : ''}` })))))), h("div", { key: '959c296f72fbf30e6affa1d5bf98f5031c08107c', class: `icon_div ${this.color} ${this.size}` }, h("div", { key: '7ae5354bdce84efccefda9745f76290725322a4c', class: `icon ${this.size}`, innerHTML: this.leadingIconSvg })))));
66
66
  }
67
67
  static get is() { return "gb-illustration"; }
68
68
  static get encapsulation() { return "shadow"; }