@ganpatiinfo/gids-core-web 20.0.0 → 21.0.0

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 (283) hide show
  1. package/dist/css/index.css +607 -59
  2. package/dist/css/index.css.map +1 -1
  3. package/dist/gids-action-bar.d.ts +1 -1
  4. package/dist/gids-action-bar.js +1 -1
  5. package/dist/gids-activity-gauge.d.ts +1 -1
  6. package/dist/gids-activity-gauge.js +1 -1
  7. package/dist/gids-advanced-tooltip.d.ts +1 -1
  8. package/dist/gids-advanced-tooltip.js +1 -1
  9. package/dist/gids-bar-chart.d.ts +1 -1
  10. package/dist/gids-bar-chart.js +1 -1
  11. package/dist/gids-bento-card.d.ts +1 -1
  12. package/dist/gids-bento-card.js +1 -1
  13. package/dist/gids-calendar-header-panel.d.ts +1 -1
  14. package/dist/gids-calendar-header-panel.js +1 -1
  15. package/dist/gids-calendar-month-list.d.ts +1 -1
  16. package/dist/gids-calendar-month-list.js +1 -1
  17. package/dist/gids-calendar-year-list.d.ts +1 -1
  18. package/dist/gids-calendar-year-list.js +1 -1
  19. package/dist/gids-calendar.d.ts +1 -1
  20. package/dist/gids-calendar.js +1 -1
  21. package/dist/gids-carousel.d.ts +1 -1
  22. package/dist/gids-chart-legend-item.d.ts +1 -1
  23. package/dist/gids-chart-legend-item.js +1 -1
  24. package/dist/gids-chart-legend.d.ts +1 -1
  25. package/dist/gids-chart-legend.js +1 -1
  26. package/dist/gids-chart.d.ts +1 -1
  27. package/dist/gids-chart.js +1 -1
  28. package/dist/gids-chevron-button.d.ts +1 -1
  29. package/dist/gids-chevron-button.js +1 -1
  30. package/dist/gids-dot.d.ts +1 -1
  31. package/dist/gids-dot.js +1 -1
  32. package/dist/gids-dropdown-field.d.ts +1 -1
  33. package/dist/gids-dropdown-field.js +1 -1
  34. package/dist/gids-dropdown-picker.d.ts +1 -1
  35. package/dist/gids-dropdown-picker.js +1 -1
  36. package/dist/gids-dropdown.d.ts +1 -1
  37. package/dist/gids-dropdown.js +1 -1
  38. package/dist/gids-expansion-body-list-item.d.ts +1 -1
  39. package/dist/gids-expansion-body-list-item.js +1 -1
  40. package/dist/gids-expansion-body-list.d.ts +1 -1
  41. package/dist/gids-expansion-body-list.js +1 -1
  42. package/dist/gids-expansion-group.d.ts +1 -1
  43. package/dist/gids-expansion-group.js +1 -1
  44. package/dist/gids-expansion.d.ts +1 -1
  45. package/dist/gids-expansion.js +1 -1
  46. package/dist/gids-field.d.ts +1 -1
  47. package/dist/gids-field.js +1 -1
  48. package/dist/gids-filter.d.ts +1 -1
  49. package/dist/gids-filter.js +1 -1
  50. package/dist/gids-flyout-panel.d.ts +1 -1
  51. package/dist/gids-flyout-panel.js +1 -1
  52. package/dist/gids-form.d.ts +11 -0
  53. package/dist/gids-form.js +1 -0
  54. package/dist/gids-header-navigation-item.d.ts +1 -1
  55. package/dist/gids-header-navigation-item.js +1 -1
  56. package/dist/gids-header-navigation.d.ts +1 -1
  57. package/dist/gids-header-navigation.js +1 -1
  58. package/dist/gids-icon.d.ts +1 -1
  59. package/dist/gids-icon.js +1 -1
  60. package/dist/gids-input.d.ts +1 -1
  61. package/dist/gids-input.js +1 -1
  62. package/dist/gids-level-gauge.d.ts +1 -1
  63. package/dist/gids-line-chart.d.ts +1 -1
  64. package/dist/gids-line-chart.js +1 -1
  65. package/dist/gids-md-table.d.ts +1 -1
  66. package/dist/gids-md-table.js +1 -1
  67. package/dist/gids-notification.d.ts +1 -1
  68. package/dist/gids-overflow-container.d.ts +1 -1
  69. package/dist/gids-overflow-container.js +1 -1
  70. package/dist/gids-overlay-provider.d.ts +1 -1
  71. package/dist/gids-overlay-provider.js +1 -1
  72. package/dist/gids-password-field.d.ts +1 -1
  73. package/dist/gids-password-field.js +1 -1
  74. package/dist/gids-pie-chart.d.ts +1 -1
  75. package/dist/gids-pie-chart.js +1 -1
  76. package/dist/gids-popover.d.ts +1 -1
  77. package/dist/gids-popover.js +1 -1
  78. package/dist/gids-profile-menu-header.d.ts +1 -1
  79. package/dist/gids-profile-menu-header.js +1 -1
  80. package/dist/gids-profile-menu.d.ts +1 -1
  81. package/dist/gids-profile-menu.js +1 -1
  82. package/dist/gids-profile.d.ts +1 -1
  83. package/dist/gids-profile.js +1 -1
  84. package/dist/gids-progress-circle.d.ts +1 -1
  85. package/dist/gids-scrim.d.ts +1 -1
  86. package/dist/gids-scrim.js +1 -1
  87. package/dist/gids-sidebar-item.d.ts +11 -0
  88. package/dist/gids-sidebar-item.js +1 -0
  89. package/dist/gids-sidebar-menu.d.ts +11 -0
  90. package/dist/gids-sidebar-menu.js +1 -0
  91. package/dist/gids-sidebar.d.ts +11 -0
  92. package/dist/gids-sidebar.js +1 -0
  93. package/dist/gids-skeleton.d.ts +1 -1
  94. package/dist/gids-skeleton.js +1 -1
  95. package/dist/gids-snackbar.d.ts +1 -1
  96. package/dist/gids-tab-item.d.ts +1 -1
  97. package/dist/gids-tab-item.js +1 -1
  98. package/dist/gids-tab.d.ts +1 -1
  99. package/dist/gids-tab.js +1 -1
  100. package/dist/gids-text-field.d.ts +1 -1
  101. package/dist/gids-text-field.js +1 -1
  102. package/dist/gids-toggle-button.d.ts +1 -1
  103. package/dist/gids-toggle-button.js +1 -1
  104. package/dist/gids-tooltip.d.ts +1 -1
  105. package/dist/gids-tooltip.js +1 -1
  106. package/dist/gids-transfer-list.d.ts +1 -1
  107. package/dist/gids-transfer-list.js +1 -1
  108. package/dist/p--kh67-_Z.js +1 -0
  109. package/dist/{p-DrDadv7P.js → p-B2flLE0s.js} +1 -1
  110. package/dist/{p-jGho9nbS.js → p-BAqWcL0K.js} +1 -1
  111. package/dist/p-BCbovLBE.js +1 -0
  112. package/dist/{p-PcSMc4jQ.js → p-BIxBMTG9.js} +1 -1
  113. package/dist/{p-DgKrPmDn.js → p-BQT5yy5L.js} +1 -1
  114. package/dist/p-BRNvHMdK.js +1 -0
  115. package/dist/{p-CBiu-Vh3.js → p-B_FEFM5I.js} +1 -1
  116. package/dist/{p-Dw_kb9MC.js → p-B_St7yaX.js} +1 -1
  117. package/dist/{p-D0coZTd2.js → p-CAjDiWIc.js} +1 -1
  118. package/dist/{p-DYjV5XrH.js → p-CIjK3iHM.js} +1 -1
  119. package/dist/p-CV1-78HB.js +1 -0
  120. package/dist/{p-BdsUwTgh.js → p-D0RJMGGj.js} +1 -1
  121. package/dist/{p-CH4nrjpL.js → p-DKSnGphd.js} +1 -1
  122. package/dist/{p-CIxuyUAl.js → p-DLRj-mUX.js} +1 -1
  123. package/dist/{p-DKOr5iAk.js → p-DMxvWIj1.js} +1 -1
  124. package/dist/p-DQQhGF5N.js +1 -0
  125. package/dist/p-DZ1ZcTMe.js +1 -0
  126. package/dist/{p-BthkC6NU.js → p-DnRuhvRw.js} +1 -1
  127. package/dist/p-DpvdbdZ-.js +1 -0
  128. package/dist/{p-DZ6xQXis.js → p-DrxfD2yZ.js} +1 -1
  129. package/dist/{p-C6GHG170.js → p-Ds5IzXj3.js} +1 -1
  130. package/dist/{p-j2_DKwBz.js → p-DzOOjiNH.js} +1 -1
  131. package/dist/{p-Cacy0Dji.js → p-E13ycS5K.js} +1 -1
  132. package/dist/{p-Cz9nwmgK.js → p-TfH966_e.js} +1 -1
  133. package/dist/{p-CMW3SjbP.js → p-_W77iniK.js} +1 -1
  134. package/dist/p-bfWlRsx_.js +1 -0
  135. package/dist/p-kWyyLyT3.js +1 -0
  136. package/dist/{p-CrqHKmjy.js → p-mv_7K1EM.js} +1 -1
  137. package/dist/{p-xbqOQZl9.js → p-tEbUT3n3.js} +1 -1
  138. package/dist/types/components/html/GidsSidebarMenuItem/GidsSidebarMenuItem.d.ts +6 -0
  139. package/dist/types/components/shared/GidsFloatingElementManager.d.ts +1 -1
  140. package/dist/types/components/webComponents/GidsFlyoutPanel/GidsFlyoutPanel.d.ts +4 -0
  141. package/dist/types/components/webComponents/GidsForm/GidsForm.d.ts +32 -0
  142. package/dist/types/components/webComponents/GidsProfileMenuHeader/GidsProfileMenuHeader.d.ts +2 -0
  143. package/dist/types/components/webComponents/GidsSidebar/GidsSidebar.d.ts +55 -0
  144. package/dist/types/components/webComponents/GidsSidebarItem/GidsSidebarItem.d.ts +56 -0
  145. package/dist/types/components/webComponents/GidsSidebarMenu/GidsSidebarMenu.d.ts +38 -0
  146. package/dist/types/components.d.ts +462 -2
  147. package/dist-bundled/es/gids-action-bar.js +6 -6
  148. package/dist-bundled/es/gids-activity-gauge.js +3 -3
  149. package/dist-bundled/es/gids-advanced-tooltip.js +1 -1
  150. package/dist-bundled/es/gids-bar-chart.js +3 -3
  151. package/dist-bundled/es/gids-bento-card.js +1 -1
  152. package/dist-bundled/es/gids-calendar-header-panel.js +3 -3
  153. package/dist-bundled/es/gids-calendar-month-list.js +3 -3
  154. package/dist-bundled/es/gids-calendar-year-list.js +1 -1
  155. package/dist-bundled/es/gids-calendar.js +23 -23
  156. package/dist-bundled/es/gids-chart-legend-item.js +3 -3
  157. package/dist-bundled/es/gids-chart-legend.js +4 -4
  158. package/dist-bundled/es/gids-chart.js +21 -21
  159. package/dist-bundled/es/gids-chevron-button.js +3 -3
  160. package/dist-bundled/es/gids-dot.js +1 -1
  161. package/dist-bundled/es/gids-dropdown-field.js +4 -4
  162. package/dist-bundled/es/gids-dropdown-picker.js +4 -4
  163. package/dist-bundled/es/gids-dropdown.js +3 -3
  164. package/dist-bundled/es/gids-expansion-body-list-item.js +3 -3
  165. package/dist-bundled/es/gids-expansion-body-list.js +2 -2
  166. package/dist-bundled/es/gids-expansion-group.js +4 -4
  167. package/dist-bundled/es/gids-expansion.js +6 -6
  168. package/dist-bundled/es/gids-field.js +3 -3
  169. package/dist-bundled/es/gids-filter.js +1 -1
  170. package/dist-bundled/es/gids-flyout-panel.js +4 -108
  171. package/dist-bundled/es/gids-form.js +92 -0
  172. package/dist-bundled/es/gids-header-navigation-item.js +3 -3
  173. package/dist-bundled/es/gids-header-navigation.js +3 -3
  174. package/dist-bundled/es/gids-icon.js +3 -3
  175. package/dist-bundled/es/gids-input.js +1 -1
  176. package/dist-bundled/es/gids-line-chart.js +1 -1
  177. package/dist-bundled/es/gids-md-table.js +53 -53
  178. package/dist-bundled/es/gids-overflow-container.js +4 -4
  179. package/dist-bundled/es/gids-overlay-provider.js +1 -1
  180. package/dist-bundled/es/gids-password-field.js +10 -10
  181. package/dist-bundled/es/gids-pie-chart.js +4 -4
  182. package/dist-bundled/es/gids-popover.js +1 -1
  183. package/dist-bundled/es/gids-profile-menu-header.js +1 -1
  184. package/dist-bundled/es/gids-profile-menu.js +4 -4
  185. package/dist-bundled/es/gids-profile.js +12 -12
  186. package/dist-bundled/es/gids-scrim.js +1 -1
  187. package/dist-bundled/es/gids-sidebar-item.js +6 -0
  188. package/dist-bundled/es/gids-sidebar-menu.js +6 -0
  189. package/dist-bundled/es/gids-sidebar.js +150 -0
  190. package/dist-bundled/es/gids-skeleton.js +1 -1
  191. package/dist-bundled/es/gids-tab-item.js +13 -13
  192. package/dist-bundled/es/gids-tab.js +7 -7
  193. package/dist-bundled/es/gids-text-field.js +3 -3
  194. package/dist-bundled/es/gids-toggle-button.js +1 -1
  195. package/dist-bundled/es/gids-tooltip.js +4 -4
  196. package/dist-bundled/es/gids-transfer-list.js +25 -26
  197. package/dist-bundled/es/{p-Cf3Ny79u-VGT_IyGI.js → p--kh67-_Z-BBhYy4ZX.js} +12 -11
  198. package/dist-bundled/es/{p-DrDadv7P-D4rbSYTr.js → p-B2flLE0s-UXdlvRVr.js} +2 -2
  199. package/dist-bundled/es/{p-jGho9nbS-BDiBvsn2.js → p-BAqWcL0K-DRjKDzoa.js} +8 -8
  200. package/dist-bundled/es/p-BCbovLBE-DfkhIEts.js +102 -0
  201. package/dist-bundled/es/{p-PcSMc4jQ-CzYLaIZr.js → p-BIxBMTG9-Bs6G0Wvv.js} +12 -12
  202. package/dist-bundled/es/{p-DgKrPmDn-C2CSKicX.js → p-BQT5yy5L-DhdgFXTM.js} +3 -3
  203. package/dist-bundled/es/p-BRNvHMdK-CqGtfAsn.js +11 -0
  204. package/dist-bundled/es/{p-CBiu-Vh3-r-McGzCb.js → p-B_FEFM5I-WvEFe7I_.js} +5 -5
  205. package/dist-bundled/es/{p-Dw_kb9MC-BTd0lrGA.js → p-B_St7yaX-Dq9UwiaA.js} +3 -3
  206. package/dist-bundled/es/{p-D0coZTd2-KhJZ57gK.js → p-CAjDiWIc-BieYBjHk.js} +1 -1
  207. package/dist-bundled/es/{p-DYjV5XrH-CI9LfBFx.js → p-CIjK3iHM-DEW8PRM5.js} +7 -7
  208. package/dist-bundled/es/{p-KQxuw_F--BTSoDfF9.js → p-CV1-78HB-DGkn3SPO.js} +18 -23
  209. package/dist-bundled/es/{p-BdsUwTgh-Cc7AQBsx.js → p-D0RJMGGj-DSjGfUhB.js} +3 -3
  210. package/dist-bundled/es/{p-CH4nrjpL-CrEJXTn0.js → p-DKSnGphd-EpxzqjUA.js} +7 -7
  211. package/dist-bundled/es/{p-CIxuyUAl-B2DxRM64.js → p-DLRj-mUX-B_ACFGx6.js} +6 -6
  212. package/dist-bundled/es/{p-DKOr5iAk-DA3Kc4Cn.js → p-DMxvWIj1-DPw-ITMY.js} +11 -11
  213. package/dist-bundled/es/{p-GcC8pCKF-CZJFTFeN.js → p-DQQhGF5N-mCqb5VTE.js} +8 -8
  214. package/dist-bundled/es/p-DZ1ZcTMe-tnPOECry.js +10 -0
  215. package/dist-bundled/es/{p-BthkC6NU-F03MhDw7.js → p-DnRuhvRw-Beh0bANh.js} +2 -2
  216. package/dist-bundled/es/p-DpvdbdZ--C7QlXxK2.js +118 -0
  217. package/dist-bundled/es/{p-DZ6xQXis-XT86MMis.js → p-DrxfD2yZ-Juydw__6.js} +9 -9
  218. package/dist-bundled/es/{p-C6GHG170-Di8lwQkY.js → p-Ds5IzXj3-BC_F0-JJ.js} +13 -13
  219. package/dist-bundled/es/{p-j2_DKwBz-CqyuxxnN.js → p-DzOOjiNH-Wm7KbI3O.js} +5 -5
  220. package/dist-bundled/es/{p-Cacy0Dji-D-D254kT.js → p-E13ycS5K-D-yK6pqz.js} +1 -1
  221. package/dist-bundled/es/{p-Cz9nwmgK-BO8HUAvD.js → p-TfH966_e-tyxLyzL3.js} +7 -7
  222. package/dist-bundled/es/{p-CMW3SjbP-ZYYIF_i6.js → p-_W77iniK-DZ9pVDuI.js} +2 -2
  223. package/dist-bundled/es/p-bfWlRsx_-B9hzkHIt.js +110 -0
  224. package/dist-bundled/es/p-kWyyLyT3-DhHcKhR9.js +267 -0
  225. package/dist-bundled/es/{p-CrqHKmjy-DwSsCofb.js → p-mv_7K1EM-lPgJqpPI.js} +1 -1
  226. package/dist-bundled/es/{p-xbqOQZl9-BK9vjfj7.js → p-tEbUT3n3-CWq8ErgN.js} +10 -10
  227. package/dist-bundled/umd/gids-action-bar.umd.js +3 -3
  228. package/dist-bundled/umd/gids-activity-gauge.umd.js +2 -2
  229. package/dist-bundled/umd/gids-advanced-tooltip.umd.js +2 -2
  230. package/dist-bundled/umd/gids-bar-chart.umd.js +1 -1
  231. package/dist-bundled/umd/gids-bento-card.umd.js +2 -2
  232. package/dist-bundled/umd/gids-calendar-header-panel.umd.js +1 -1
  233. package/dist-bundled/umd/gids-calendar-month-list.umd.js +2 -2
  234. package/dist-bundled/umd/gids-calendar-year-list.umd.js +2 -2
  235. package/dist-bundled/umd/gids-calendar.umd.js +1 -1
  236. package/dist-bundled/umd/gids-chart-legend-item.umd.js +1 -1
  237. package/dist-bundled/umd/gids-chart-legend.umd.js +1 -1
  238. package/dist-bundled/umd/gids-chart.umd.js +1 -1
  239. package/dist-bundled/umd/gids-chevron-button.umd.js +1 -1
  240. package/dist-bundled/umd/gids-dot.umd.js +1 -1
  241. package/dist-bundled/umd/gids-dropdown-field.umd.js +1 -1
  242. package/dist-bundled/umd/gids-dropdown-picker.umd.js +1 -1
  243. package/dist-bundled/umd/gids-dropdown.umd.js +1 -1
  244. package/dist-bundled/umd/gids-expansion-body-list-item.umd.js +1 -1
  245. package/dist-bundled/umd/gids-expansion-body-list.umd.js +1 -1
  246. package/dist-bundled/umd/gids-expansion-group.umd.js +2 -2
  247. package/dist-bundled/umd/gids-expansion.umd.js +1 -1
  248. package/dist-bundled/umd/gids-field.umd.js +2 -2
  249. package/dist-bundled/umd/gids-filter.umd.js +3 -3
  250. package/dist-bundled/umd/gids-flyout-panel.umd.js +2 -2
  251. package/dist-bundled/umd/gids-form.umd.js +5 -0
  252. package/dist-bundled/umd/gids-header-navigation-item.umd.js +2 -2
  253. package/dist-bundled/umd/gids-header-navigation.umd.js +1 -1
  254. package/dist-bundled/umd/gids-icon.umd.js +1 -1
  255. package/dist-bundled/umd/gids-input.umd.js +2 -2
  256. package/dist-bundled/umd/gids-line-chart.umd.js +1 -1
  257. package/dist-bundled/umd/gids-md-table.umd.js +1 -1
  258. package/dist-bundled/umd/gids-overflow-container.umd.js +1 -1
  259. package/dist-bundled/umd/gids-overlay-provider.umd.js +1 -1
  260. package/dist-bundled/umd/gids-password-field.umd.js +1 -1
  261. package/dist-bundled/umd/gids-pie-chart.umd.js +1 -1
  262. package/dist-bundled/umd/gids-popover.umd.js +1 -1
  263. package/dist-bundled/umd/gids-profile-menu-header.umd.js +2 -2
  264. package/dist-bundled/umd/gids-profile-menu.umd.js +2 -2
  265. package/dist-bundled/umd/gids-profile.umd.js +2 -2
  266. package/dist-bundled/umd/gids-scrim.umd.js +1 -1
  267. package/dist-bundled/umd/gids-sidebar-item.umd.js +5 -0
  268. package/dist-bundled/umd/gids-sidebar-menu.umd.js +5 -0
  269. package/dist-bundled/umd/gids-sidebar.umd.js +5 -0
  270. package/dist-bundled/umd/gids-skeleton.umd.js +1 -1
  271. package/dist-bundled/umd/gids-tab-item.umd.js +1 -1
  272. package/dist-bundled/umd/gids-tab.umd.js +1 -1
  273. package/dist-bundled/umd/gids-text-field.umd.js +2 -2
  274. package/dist-bundled/umd/gids-toggle-button.umd.js +2 -2
  275. package/dist-bundled/umd/gids-tooltip.umd.js +2 -2
  276. package/dist-bundled/umd/gids-transfer-list.umd.js +2 -2
  277. package/dist-bundled/umd-complete/gids-core-web.umd.js +4 -4
  278. package/package.json +35 -3
  279. package/dist/p-B0hLXifA.js +0 -1
  280. package/dist/p-Cf3Ny79u.js +0 -1
  281. package/dist/p-GcC8pCKF.js +0 -1
  282. package/dist/p-KQxuw_F-.js +0 -1
  283. package/dist-bundled/es/p-B0hLXifA-CoImnX3T.js +0 -99
@@ -1 +1 @@
1
- import{h as e,t,p as i,H as s,c as n}from"./p-B4hcsDH0.js";import{GidsMenuGroupWebUtils as a,GidsMenuWebUtils as l,GidsCheckboxControlWebUtils as r,GidsTransferListWebUtils as h}from"@ganpatiinfo/gids-web-shared";import{G as d}from"./p-C-Lpfqcg.js";import{a as o,c as g,b as c}from"./p-KQxuw_F-.js";import{G as m}from"./p-iQRr_fAH.js";import{G as f}from"./p-Dg_WeHpV.js";const{getGidsMenuGroupClassNames:p}=a,v=({type:t="no-options",supportingText:i="No options",class:s,...n},a)=>e("div",{class:p({type:t},s),...n},"loading"===t?e(d,{indeterminate:!0,size:"md"}):null,"no-options"===t?e("span",null,i):null,"default"===t&&null!=a?a:null),{getGidsMenuClassNames:u}=l,y=({heading:t,supportingText:i,level:s,supportingTextTypography:n,isHeaderDividerVisible:a=!1,class:l,...r},h)=>e("div",{class:u(l),...r},null!=t&&""!==t||null!=i&&""!==i?e(g,{heading:t,supportingText:i,level:s,supportingTextTypography:n??"eyebrow-medium"}):null,a?e("div",{class:"gids-menu__header-divider"},e(o,{orientation:"horizontal"})):void 0,null!=h?e("div",{class:"gids-menu__children"},h):null),{getGidsCheckboxControlClassNames:L}=r,_=({checked:t,defaultChecked:i,disabled:s,indeterminate:n,inputId:a,name:l,value:r,required:h,onChange:d,class:o,...g})=>e("span",{class:L(o),...g},e("input",{class:"gids-checkbox-control__input",type:"checkbox",disabled:s,checked:t,defaultChecked:i,required:h,indeterminate:n,value:r,id:a,name:l,onChange:d}),e(m,{class:"gids-checkbox-control__check",name:"checkmark",alt:"",size:"sm"}),e(m,{class:"gids-checkbox-control__minus",name:"minus",alt:"",size:"sm"})),{getGidsTransferListClassNames:b}=h,x=i(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.leftListHeading="Choices",this.rightListHeading="Choosen",this.moveAllVisible=!1,this.transferListType="basic",this.leftListItems=[],this.rightListItems=[],this.listsMaxHeight="200px",this.leftListItemsState=[],this.rightListItemsState=[],this.tempLeftListItemsState=[],this.tempRightListItemsState=[]}handleListsMaxHeightChange(e){this.listsMaxHeight=e}handleLeftListHeadingChange(e){this.leftListHeading=e}handleRightListHeadingChange(e){this.rightListHeading=e}handleMoveAllVisibilityChange(e){this.moveAllVisible=e}handleTransferListTypeChange(e){this.transferListType=e}handleLeftListItemsChange(e){this.leftListItems=e,this.setListItemsStates()}handleRightListItemsChange(e){this.rightListItems=e,this.setListItemsStates()}componentDidLoad(){this.setListItemsStates()}setListItemsStates(){this.leftListItemsState=this.leftListItems,this.rightListItemsState=this.rightListItems}getListHeading(e){return"left"===e?this.leftListHeading:this.rightListHeading}getListSupportingText(e){let t=this?.tempLeftListItemsState??[],i=this?.leftListItemsState??[];return"right"===e&&(t=this?.tempRightListItemsState??[],i=this?.rightListItemsState??[]),`${t.length} of ${i.length} selected`}isAllItemsSelectedInList({listSide:e}){const t=this.getStateListsItemsArr(e),i=this.getTempListsItemsArr(e);return t.length>0&&t.length===i.length}isAtleastOneItemSelectedInList({listSide:e}){const t=this.getStateListsItemsArr(e),i=this.getTempListsItemsArr(e);return i.length>0&&i.length<t.length}renderListHeading(t){if("basic"!==(this?.transferListType??"basic")){const i=this.isAllItemsSelectedInList({listSide:t}),s=this.isAtleastOneItemSelectedInList({listSide:t});return e("div",{class:"gids-transfer-list__menu-heading-container"},e(_,{checked:i||s,onChange:e=>this.selectUnselectAllItems({event:e,listSide:t}),indeterminate:s}),e("div",{class:"gids-transfer-list__menu-heading-text-content-container"},e("span",{class:"gids-transfer-list__heading-text"},this.getListHeading(t)),e("span",{class:"gids-transfer-list__heading-support-text"},this.getListSupportingText(t))))}}listItemSelection({event:e,pressedIndex:t,listSide:i}){this.selectUnselectListItem({event:e,pressedIndex:t,listSide:i})}onPressingListItem({event:e,pressedIndex:t,listSide:i}){this.listItemSelection({event:e,pressedIndex:t,listSide:i})}selectUnselectListItem({event:e,pressedIndex:t,listSide:i}){const s=this.getStateListsItemsArr(i)[t];let n=!1;if("left"===i&&s){const e=this?.tempLeftListItemsState??[],t=e.findIndex((e=>e?.id===s?.id));null!=t&&-1!==t?(e.splice(t,1),n=!1):(e.push(s),n=!0),this.tempLeftListItemsState=e,this.leftListItemsState=this?.leftListItemsState?[...this.leftListItemsState]:[]}else if("right"===i&&s){const e=this?.tempRightListItemsState??[],t=e.findIndex((e=>e?.id===s?.id));null!=t&&-1!==t?(e.splice(t,1),n=!1):(e.push(s),n=!0),this.tempRightListItemsState=e,this.rightListItemsState=this?.rightListItemsState?[...this.rightListItemsState]:[]}this.callOnTransferListSelectFunc({event:e,isSelected:n,listSide:i,selectedIndexes:[t],selectionType:"single"})}isItemSelected({id:e,listSide:t}){const i=this.getTempListsItemsArr(t);return i.length>0&&!!i.find((t=>t?.id===e))}getStateListsItemsArr(e){let t=this?.leftListItemsState??[];return"right"===e&&(t=this?.rightListItemsState??[]),t}getTempListsItemsArr(e){let t=this?.tempLeftListItemsState??[];return"right"===e&&(t=this?.tempRightListItemsState??[]),t}selectUnselectAllItems({event:e,listSide:t}){const i=this.getStateListsItemsArr(t),s=this.isAllItemsSelectedInList({listSide:t}),n=this.isAtleastOneItemSelectedInList({listSide:t});"left"===t?this.tempLeftListItemsState=s||n?[]:[...i]:this.tempRightListItemsState=s||n?[]:[...i];const a=[];s||n||i.map(((e,t)=>{a.push(t)})),this.callOnTransferListSelectFunc({event:e,isSelected:!s&&!n,listSide:t,selectedIndexes:a,selectionType:"all"})}callOnTransferListSelectFunc({event:e,isSelected:t,listSide:i,selectedIndexes:s,selectionType:n}){this.onTransferListSelect&&this.onTransferListSelect({originalEvent:e,originalLeftListItems:this?.leftListItems??[],originalRightListItems:this?.rightListItems??[],currentLeftListItems:this?.leftListItemsState??[],currentRightListItems:this?.rightListItemsState??[],leftListSelectedItems:this?.tempLeftListItemsState??[],rightListSelectedItems:this?.tempRightListItemsState??[],selectedIndexes:s,selectionType:n,listSide:i,isSelected:t})}movementButtonDisabled({listSide:e,movementType:t}){if("left"===e){const e=this?.leftListItemsState&&this.leftListItemsState.length>0?this.leftListItemsState.length:0;if("move-single"===t)return!(e>0&&(this?.tempLeftListItemsState&&this.tempLeftListItemsState.length>0?this.tempLeftListItemsState.length:0)>0);if("move-all"===t)return!(e>0)}else if("right"===e){const e=this?.rightListItemsState&&this.rightListItemsState.length>0?this.rightListItemsState.length:0;if("move-single"===t)return!(e>0&&(this?.tempRightListItemsState&&this.tempRightListItemsState.length>0?this.tempRightListItemsState.length:0)>0);if("move-all"===t)return!(e>0)}return!0}callOnTransferAction({transferTo:e,transferFrom:t,movementType:i,newTransferredItems:s}){this.onTransferAction&&this.onTransferAction({transferTo:e,transferFrom:t,originalLeftListItems:this?.leftListItems??[],originalRightListItems:this?.rightListItems??[],currentLeftListItems:this?.leftListItemsState??[],currentRightListItems:this?.rightListItemsState??[],leftListSelectedItems:this?.tempLeftListItemsState??[],rightListSelectedItems:this?.tempRightListItemsState??[],newTransferredItems:s,movementType:i})}clearListSystem({event:e,listSide:t,movementType:i}){if(console.log("event",e),console.log("listSide",t),console.log("movementType",i),!this.movementButtonDisabled({listSide:t,movementType:i}))if("left"===t)if("move-single"===i){const e=this?.tempLeftListItemsState??[],t=this?.leftListItemsState??[];if(t.length>0){const i=[];t.map((t=>{e.find((e=>e?.id===t?.id))||i.push(t)})),this.leftListItemsState=[...i]}this.tempLeftListItemsState=[]}else"move-all"===i&&(this.leftListItemsState=[],this.tempLeftListItemsState=[]);else if("right"===t)if("move-single"===i){const e=this?.tempRightListItemsState??[],t=this?.rightListItemsState??[];if(t.length>0){const i=[];t.map((t=>{e.find((e=>e?.id===t?.id))||i.push(t)})),this.rightListItemsState=[...i]}this.tempRightListItemsState=[]}else"move-all"===i&&(this.rightListItemsState=[],this.tempRightListItemsState=[])}moveListItems({event:e,listSide:t,movementType:i}){if(!this.movementButtonDisabled({listSide:t,movementType:i})){const s=this?.leftListItemsState??[],n=this?.rightListItemsState??[],a=this?.tempLeftListItemsState??[],l=this?.tempRightListItemsState??[];let r=[];"left"===t?"move-single"===i?(this.rightListItemsState=[...a,...n],r=[...a]):"move-all"===i&&(this.rightListItemsState=[...s,...n],r=[...s]):"right"===t&&("move-single"===i?(this.leftListItemsState=[...l,...s],r=[...l]):"move-all"===i&&(this.leftListItemsState=[...n,...s],r=[...n])),this.clearListSystem({event:e,listSide:t,movementType:i}),this.callOnTransferAction({transferTo:"left"===t?"right":"left",transferFrom:t,movementType:i,newTransferredItems:r})}}onItemsMovement({event:e,listSide:t,movementType:i}){this.moveListItems({event:e,listSide:t,movementType:i})}render(){const t=b(),i=this?.leftListItemsState??[],s=this?.rightListItemsState??[],a=this.listsMaxHeight,l=this?.transferListType??"basic";return e(n,{key:"f6d27883de92122e98bd43c004ecc71cb04b2bfd",class:t},e("div",{key:"6cee295abcfa7a1e0238e11fefe61784b30e1af2",class:"gids-transfer-list__left-container"},e(v,{key:"3ef75b241090fb7cdfe00e56019d71cc9e390201",type:i.length>0?"default":"no-options"},e(y,{key:"b176f73704f65bb733e4a6eff81ea6a0afbb9983",heading:this.renderListHeading("left"),style:{"--gidsMenuChildren-max-height":a},isHeaderDividerVisible:"basic"!==l},i.map(((t,i)=>{const s=t?.id?t.id:""+(i+1),n=this.isItemSelected({id:s,listSide:"left"});return e(c,{id:""+s,index:i,leadingAccessory:e(_,{checked:n}),selected:n,onPressListItem:e=>this.onPressingListItem({event:e,pressedIndex:i,listSide:"left"})},t?.listLabel)}))))),e("div",{key:"954bb5d1328adb1058e26d04d5c60c71aa417a33",class:"gids-transfer-list__middle-container"},e(f,{key:"77bd61dbf02106e8a5372c5afa01138ad1791a91",leadingIcon:e(m,{name:"forward"}),appearance:"default",size:"sm",width:"full",disabled:this.movementButtonDisabled({listSide:"left",movementType:"move-all"}),onClick:e=>this.onItemsMovement({event:e,listSide:"left",movementType:"move-all"})}),e(f,{key:"eecbbaa63c5acbdf1ea2c2a5f4546b6e1247b6a3",leadingIcon:e(m,{name:"chevron-right"}),appearance:"default",size:"sm",width:"full",disabled:this.movementButtonDisabled({listSide:"left",movementType:"move-single"}),onClick:e=>this.onItemsMovement({event:e,listSide:"left",movementType:"move-single"})}),e(f,{key:"72d8f5b58abfc18ab365d822e5460d4dbf332329",leadingIcon:e(m,{name:"chevron-left"}),appearance:"default",size:"sm",width:"full",disabled:this.movementButtonDisabled({listSide:"right",movementType:"move-single"}),onClick:e=>this.onItemsMovement({event:e,listSide:"right",movementType:"move-single"})}),e(f,{key:"73dfa4e3104ec15b79d1bfda52db59fe8ba03e8b",leadingIcon:e(m,{name:"backward"}),appearance:"default",size:"sm",width:"full",disabled:this.movementButtonDisabled({listSide:"right",movementType:"move-all"}),onClick:e=>this.onItemsMovement({event:e,listSide:"right",movementType:"move-all"})})),e("div",{key:"5ac78a3c3704fda5e7c92cbb52d6a5cde45312f7",class:"gids-transfer-list__right-container"},e(v,{key:"4c0e727d5452d11e48917ee0a8fa0d1462295771",type:s.length>0?"default":"no-options"},e(y,{key:"83f6e5578ccbcc6fe0dfac56b738e6c88498224a",heading:this.renderListHeading("right"),style:{"--gidsMenuChildren-max-height":a},isHeaderDividerVisible:"basic"!==l},s.map(((t,i)=>{const s=t?.id?t.id:""+(i+1),n=this.isItemSelected({id:s,listSide:"right"});return e(c,{id:""+s,index:i,selected:n,leadingAccessory:e(_,{checked:n}),onPressListItem:e=>this.onPressingListItem({event:e,pressedIndex:i,listSide:"right"})},t?.listLabel)}))))))}get hostElement(){return this}static get watchers(){return{listsMaxHeight:[{handleListsMaxHeightChange:0}],leftListHeading:[{handleLeftListHeadingChange:0}],rightListHeading:[{handleRightListHeadingChange:0}],moveAllVisible:[{handleMoveAllVisibilityChange:0}],transferListType:[{handleTransferListTypeChange:0}],leftListItems:[{handleLeftListItemsChange:0}],rightListItems:[{handleRightListItemsChange:0}]}}static get style(){return".gids-transfer-list{display:flex;align-items:center;justify-content:center;gap:var(--gids-gap-500)}.gids-transfer-list .gids-menu__children{max-height:var(--gidsMenuChildren-max-height);overflow:auto}.gids-transfer-list__left-container{display:flex;width:100%;flex-direction:column}.gids-transfer-list__middle-container{display:flex;width:15%;flex-direction:column;gap:var(--gids-gap-150)}.gids-transfer-list__right-container{display:flex;width:100%;flex-direction:column}.gids-transfer-list__menu-heading-container{display:flex;align-items:flex-start;justify-content:flex-start;gap:var(--gids-gap-100)}.gids-transfer-list__menu-heading-text-content-container{display:flex;flex-direction:column}.gids-transfer-list__heading-text{font-family:var(--gids-typography-heading-x-small__font-family);font-size:var(--gids-typography-heading-x-small__font-size);font-weight:var(--gids-typography-heading-x-small__font-weight);letter-spacing:var(--gids-typography-heading-x-small__letter-spacing);line-height:var(--gids-typography-heading-x-small__line-height);text-transform:var(--gids-typography-heading-x-small__text-transform, inherit);font-variant-caps:var(--gids-typography-heading-x-small__font-variant-caps, inherit);color:var(--gids-color-text-subtle)}.gids-transfer-list__heading-support-text{font-family:var(--gids-typography-paragraph-medium__font-family);font-size:var(--gids-typography-paragraph-medium__font-size);font-weight:var(--gids-typography-paragraph-medium__font-weight);letter-spacing:var(--gids-typography-paragraph-medium__letter-spacing);line-height:var(--gids-typography-paragraph-medium__line-height);text-transform:var(--gids-typography-paragraph-medium__text-transform, inherit);font-variant-caps:var(--gids-typography-paragraph-medium__font-variant-caps, inherit);color:var(--gids-color-text-subtlest)}"}},[0,"gids-transfer-list",{leftListHeading:[1,"left-list-heading"],rightListHeading:[1,"right-list-heading"],moveAllVisible:[4,"move-all-visible"],transferListType:[1,"transfer-list-type"],leftListItems:[16],rightListItems:[16],listsMaxHeight:[1,"lists-max-height"],onTransferAction:[16],onTransferListSelect:[16],leftListItemsState:[32],rightListItemsState:[32],tempLeftListItemsState:[32],tempRightListItemsState:[32]},void 0,{listsMaxHeight:[{handleListsMaxHeightChange:0}],leftListHeading:[{handleLeftListHeadingChange:0}],rightListHeading:[{handleRightListHeadingChange:0}],moveAllVisible:[{handleMoveAllVisibilityChange:0}],transferListType:[{handleTransferListTypeChange:0}],leftListItems:[{handleLeftListItemsChange:0}],rightListItems:[{handleRightListItemsChange:0}]}]);function I(){"undefined"!=typeof customElements&&["gids-transfer-list"].forEach((e=>{"gids-transfer-list"===e&&(customElements.get(t(e))||customElements.define(t(e),x))}))}I();const S=x,T=I;export{S as GidsTransferList,T as defineCustomElement}
1
+ import{h as e,t,p as i,H as s,c as n}from"./p-B4hcsDH0.js";import{GidsMenuGroupWebUtils as a,GidsMenuWebUtils as l,GidsTransferListWebUtils as r}from"@ganpatiinfo/gids-web-shared";import{G as h}from"./p-C-Lpfqcg.js";import{b as d,a as o}from"./p-CV1-78HB.js";import{G as g}from"./p-BRNvHMdK.js";import{G as m}from"./p-DZ1ZcTMe.js";import{G as f}from"./p-Dg_WeHpV.js";import{G as c}from"./p-iQRr_fAH.js";const{getGidsMenuGroupClassNames:p}=a,v=({type:t="no-options",supportingText:i="No options",class:s,...n},a)=>e("div",{class:p({type:t},s),...n},"loading"===t?e(h,{indeterminate:!0,size:"md"}):null,"no-options"===t?e("span",null,i):null,"default"===t&&null!=a?a:null),{getGidsMenuClassNames:y}=l,u=({heading:t,supportingText:i,level:s,supportingTextTypography:n,isHeaderDividerVisible:a=!1,class:l,...r},h)=>e("div",{class:y(l),...r},null!=t&&""!==t||null!=i&&""!==i?e(d,{heading:t,supportingText:i,level:s,supportingTextTypography:n??"eyebrow-medium"}):null,a?e("div",{class:"gids-menu__header-divider"},e(g,{orientation:"horizontal"})):void 0,null!=h?e("div",{class:"gids-menu__children"},h):null),{getGidsTransferListClassNames:L}=r,x=i(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.leftListHeading="Choices",this.rightListHeading="Choosen",this.moveAllVisible=!1,this.transferListType="basic",this.leftListItems=[],this.rightListItems=[],this.listsMaxHeight="200px",this.leftListItemsState=[],this.rightListItemsState=[],this.tempLeftListItemsState=[],this.tempRightListItemsState=[]}handleListsMaxHeightChange(e){this.listsMaxHeight=e}handleLeftListHeadingChange(e){this.leftListHeading=e}handleRightListHeadingChange(e){this.rightListHeading=e}handleMoveAllVisibilityChange(e){this.moveAllVisible=e}handleTransferListTypeChange(e){this.transferListType=e}handleLeftListItemsChange(e){this.leftListItems=e,this.setListItemsStates()}handleRightListItemsChange(e){this.rightListItems=e,this.setListItemsStates()}componentDidLoad(){this.setListItemsStates()}setListItemsStates(){this.leftListItemsState=this.leftListItems,this.rightListItemsState=this.rightListItems}getListHeading(e){return"left"===e?this.leftListHeading:this.rightListHeading}getListSupportingText(e){let t=this?.tempLeftListItemsState??[],i=this?.leftListItemsState??[];return"right"===e&&(t=this?.tempRightListItemsState??[],i=this?.rightListItemsState??[]),`${t.length} of ${i.length} selected`}isAllItemsSelectedInList({listSide:e}){const t=this.getStateListsItemsArr(e),i=this.getTempListsItemsArr(e);return t.length>0&&t.length===i.length}isAtleastOneItemSelectedInList({listSide:e}){const t=this.getStateListsItemsArr(e),i=this.getTempListsItemsArr(e);return i.length>0&&i.length<t.length}renderListHeading(t){if("basic"!==(this?.transferListType??"basic")){const i=this.isAllItemsSelectedInList({listSide:t}),s=this.isAtleastOneItemSelectedInList({listSide:t});return e("div",{class:"gids-transfer-list__menu-heading-container"},e(m,{checked:i||s,onChange:e=>this.selectUnselectAllItems({event:e,listSide:t}),indeterminate:s}),e("div",{class:"gids-transfer-list__menu-heading-text-content-container"},e("span",{class:"gids-transfer-list__heading-text"},this.getListHeading(t)),e("span",{class:"gids-transfer-list__heading-support-text"},this.getListSupportingText(t))))}}listItemSelection({event:e,pressedIndex:t,listSide:i}){this.selectUnselectListItem({event:e,pressedIndex:t,listSide:i})}onPressingListItem({event:e,pressedIndex:t,listSide:i}){this.listItemSelection({event:e,pressedIndex:t,listSide:i})}selectUnselectListItem({event:e,pressedIndex:t,listSide:i}){const s=this.getStateListsItemsArr(i)[t];let n=!1;if("left"===i&&s){const e=this?.tempLeftListItemsState??[],t=e.findIndex((e=>e?.id===s?.id));null!=t&&-1!==t?(e.splice(t,1),n=!1):(e.push(s),n=!0),this.tempLeftListItemsState=e,this.leftListItemsState=this?.leftListItemsState?[...this.leftListItemsState]:[]}else if("right"===i&&s){const e=this?.tempRightListItemsState??[],t=e.findIndex((e=>e?.id===s?.id));null!=t&&-1!==t?(e.splice(t,1),n=!1):(e.push(s),n=!0),this.tempRightListItemsState=e,this.rightListItemsState=this?.rightListItemsState?[...this.rightListItemsState]:[]}this.callOnTransferListSelectFunc({event:e,isSelected:n,listSide:i,selectedIndexes:[t],selectionType:"single"})}isItemSelected({id:e,listSide:t}){const i=this.getTempListsItemsArr(t);return i.length>0&&!!i.find((t=>t?.id===e))}getStateListsItemsArr(e){let t=this?.leftListItemsState??[];return"right"===e&&(t=this?.rightListItemsState??[]),t}getTempListsItemsArr(e){let t=this?.tempLeftListItemsState??[];return"right"===e&&(t=this?.tempRightListItemsState??[]),t}selectUnselectAllItems({event:e,listSide:t}){const i=this.getStateListsItemsArr(t),s=this.isAllItemsSelectedInList({listSide:t}),n=this.isAtleastOneItemSelectedInList({listSide:t});"left"===t?this.tempLeftListItemsState=s||n?[]:[...i]:this.tempRightListItemsState=s||n?[]:[...i];const a=[];s||n||i.map(((e,t)=>{a.push(t)})),this.callOnTransferListSelectFunc({event:e,isSelected:!s&&!n,listSide:t,selectedIndexes:a,selectionType:"all"})}callOnTransferListSelectFunc({event:e,isSelected:t,listSide:i,selectedIndexes:s,selectionType:n}){this.onTransferListSelect&&this.onTransferListSelect({originalEvent:e,originalLeftListItems:this?.leftListItems??[],originalRightListItems:this?.rightListItems??[],currentLeftListItems:this?.leftListItemsState??[],currentRightListItems:this?.rightListItemsState??[],leftListSelectedItems:this?.tempLeftListItemsState??[],rightListSelectedItems:this?.tempRightListItemsState??[],selectedIndexes:s,selectionType:n,listSide:i,isSelected:t})}movementButtonDisabled({listSide:e,movementType:t}){if("left"===e){const e=this?.leftListItemsState&&this.leftListItemsState.length>0?this.leftListItemsState.length:0;if("move-single"===t)return!(e>0&&(this?.tempLeftListItemsState&&this.tempLeftListItemsState.length>0?this.tempLeftListItemsState.length:0)>0);if("move-all"===t)return!(e>0)}else if("right"===e){const e=this?.rightListItemsState&&this.rightListItemsState.length>0?this.rightListItemsState.length:0;if("move-single"===t)return!(e>0&&(this?.tempRightListItemsState&&this.tempRightListItemsState.length>0?this.tempRightListItemsState.length:0)>0);if("move-all"===t)return!(e>0)}return!0}callOnTransferAction({transferTo:e,transferFrom:t,movementType:i,newTransferredItems:s}){this.onTransferAction&&this.onTransferAction({transferTo:e,transferFrom:t,originalLeftListItems:this?.leftListItems??[],originalRightListItems:this?.rightListItems??[],currentLeftListItems:this?.leftListItemsState??[],currentRightListItems:this?.rightListItemsState??[],leftListSelectedItems:this?.tempLeftListItemsState??[],rightListSelectedItems:this?.tempRightListItemsState??[],newTransferredItems:s,movementType:i})}clearListSystem({event:e,listSide:t,movementType:i}){if(console.log("event",e),console.log("listSide",t),console.log("movementType",i),!this.movementButtonDisabled({listSide:t,movementType:i}))if("left"===t)if("move-single"===i){const e=this?.tempLeftListItemsState??[],t=this?.leftListItemsState??[];if(t.length>0){const i=[];t.map((t=>{e.find((e=>e?.id===t?.id))||i.push(t)})),this.leftListItemsState=[...i]}this.tempLeftListItemsState=[]}else"move-all"===i&&(this.leftListItemsState=[],this.tempLeftListItemsState=[]);else if("right"===t)if("move-single"===i){const e=this?.tempRightListItemsState??[],t=this?.rightListItemsState??[];if(t.length>0){const i=[];t.map((t=>{e.find((e=>e?.id===t?.id))||i.push(t)})),this.rightListItemsState=[...i]}this.tempRightListItemsState=[]}else"move-all"===i&&(this.rightListItemsState=[],this.tempRightListItemsState=[])}moveListItems({event:e,listSide:t,movementType:i}){if(!this.movementButtonDisabled({listSide:t,movementType:i})){const s=this?.leftListItemsState??[],n=this?.rightListItemsState??[],a=this?.tempLeftListItemsState??[],l=this?.tempRightListItemsState??[];let r=[];"left"===t?"move-single"===i?(this.rightListItemsState=[...a,...n],r=[...a]):"move-all"===i&&(this.rightListItemsState=[...s,...n],r=[...s]):"right"===t&&("move-single"===i?(this.leftListItemsState=[...l,...s],r=[...l]):"move-all"===i&&(this.leftListItemsState=[...n,...s],r=[...n])),this.clearListSystem({event:e,listSide:t,movementType:i}),this.callOnTransferAction({transferTo:"left"===t?"right":"left",transferFrom:t,movementType:i,newTransferredItems:r})}}onItemsMovement({event:e,listSide:t,movementType:i}){this.moveListItems({event:e,listSide:t,movementType:i})}render(){const t=L(),i=this?.leftListItemsState??[],s=this?.rightListItemsState??[],a=this.listsMaxHeight,l=this?.transferListType??"basic";return e(n,{key:"8e423fc11b33c0221541fcdd160550523d0d09f6",class:t},e("div",{key:"221d92966d78f1e2f4efb9b36366d7002ef53061",class:"gids-transfer-list__left-container"},e(v,{key:"9dc87d0694bcf93f262a0a474c1c021b12fc90f6",type:i.length>0?"default":"no-options"},e(u,{key:"6f682bf9f733e11028cb2baa106b1609d01123c3",heading:this.renderListHeading("left"),style:{"--gidsMenuChildren-max-height":a},isHeaderDividerVisible:"basic"!==l},i.map(((t,i)=>{const s=t?.id?t.id:""+(i+1),n=this.isItemSelected({id:s,listSide:"left"});return e(o,{id:""+s,index:i,leadingAccessory:e(m,{checked:n}),selected:n,onPressListItem:e=>this.onPressingListItem({event:e,pressedIndex:i,listSide:"left"})},t?.listLabel)}))))),e("div",{key:"55f4165f5e9ccf1f1e9255061beb9712945187f5",class:"gids-transfer-list__middle-container"},e(f,{key:"02a0d11e2810aeab2753504944d68fdf51a0be5c",leadingIcon:e(c,{name:"forward"}),appearance:"default",size:"sm",width:"full",disabled:this.movementButtonDisabled({listSide:"left",movementType:"move-all"}),onClick:e=>this.onItemsMovement({event:e,listSide:"left",movementType:"move-all"})}),e(f,{key:"849d07570396824492897c3dbd347bb8fb2c353d",leadingIcon:e(c,{name:"chevron-right"}),appearance:"default",size:"sm",width:"full",disabled:this.movementButtonDisabled({listSide:"left",movementType:"move-single"}),onClick:e=>this.onItemsMovement({event:e,listSide:"left",movementType:"move-single"})}),e(f,{key:"9eb9747b5764a75bf7c4433c89fcc6b2dc31870d",leadingIcon:e(c,{name:"chevron-left"}),appearance:"default",size:"sm",width:"full",disabled:this.movementButtonDisabled({listSide:"right",movementType:"move-single"}),onClick:e=>this.onItemsMovement({event:e,listSide:"right",movementType:"move-single"})}),e(f,{key:"6558100625834f9936aaba67be1c554f53f5fcb3",leadingIcon:e(c,{name:"backward"}),appearance:"default",size:"sm",width:"full",disabled:this.movementButtonDisabled({listSide:"right",movementType:"move-all"}),onClick:e=>this.onItemsMovement({event:e,listSide:"right",movementType:"move-all"})})),e("div",{key:"838f2a0f22827f350fc383ffd246ed25fe880cc9",class:"gids-transfer-list__right-container"},e(v,{key:"39597530e1dcd657dfcfbe8677d346099f8fcfae",type:s.length>0?"default":"no-options"},e(u,{key:"25ac5e481024b4a8fd34b6e6a017e1c5eca25b34",heading:this.renderListHeading("right"),style:{"--gidsMenuChildren-max-height":a},isHeaderDividerVisible:"basic"!==l},s.map(((t,i)=>{const s=t?.id?t.id:""+(i+1),n=this.isItemSelected({id:s,listSide:"right"});return e(o,{id:""+s,index:i,selected:n,leadingAccessory:e(m,{checked:n}),onPressListItem:e=>this.onPressingListItem({event:e,pressedIndex:i,listSide:"right"})},t?.listLabel)}))))))}get hostElement(){return this}static get watchers(){return{listsMaxHeight:[{handleListsMaxHeightChange:0}],leftListHeading:[{handleLeftListHeadingChange:0}],rightListHeading:[{handleRightListHeadingChange:0}],moveAllVisible:[{handleMoveAllVisibilityChange:0}],transferListType:[{handleTransferListTypeChange:0}],leftListItems:[{handleLeftListItemsChange:0}],rightListItems:[{handleRightListItemsChange:0}]}}static get style(){return".gids-transfer-list{display:flex;align-items:center;justify-content:center;gap:var(--gids-gap-500)}.gids-transfer-list .gids-menu__children{max-height:var(--gidsMenuChildren-max-height);overflow:auto}.gids-transfer-list__left-container{display:flex;width:100%;flex-direction:column}.gids-transfer-list__middle-container{display:flex;width:15%;flex-direction:column;gap:var(--gids-gap-150)}.gids-transfer-list__right-container{display:flex;width:100%;flex-direction:column}.gids-transfer-list__menu-heading-container{display:flex;align-items:flex-start;justify-content:flex-start;gap:var(--gids-gap-100)}.gids-transfer-list__menu-heading-text-content-container{display:flex;flex-direction:column}.gids-transfer-list__heading-text{font-family:var(--gids-typography-heading-x-small__font-family);font-size:var(--gids-typography-heading-x-small__font-size);font-weight:var(--gids-typography-heading-x-small__font-weight);letter-spacing:var(--gids-typography-heading-x-small__letter-spacing);line-height:var(--gids-typography-heading-x-small__line-height);text-transform:var(--gids-typography-heading-x-small__text-transform, inherit);font-variant-caps:var(--gids-typography-heading-x-small__font-variant-caps, inherit);color:var(--gids-color-text-subtle)}.gids-transfer-list__heading-support-text{font-family:var(--gids-typography-paragraph-medium__font-family);font-size:var(--gids-typography-paragraph-medium__font-size);font-weight:var(--gids-typography-paragraph-medium__font-weight);letter-spacing:var(--gids-typography-paragraph-medium__letter-spacing);line-height:var(--gids-typography-paragraph-medium__line-height);text-transform:var(--gids-typography-paragraph-medium__text-transform, inherit);font-variant-caps:var(--gids-typography-paragraph-medium__font-variant-caps, inherit);color:var(--gids-color-text-subtlest)}"}},[0,"gids-transfer-list",{leftListHeading:[1,"left-list-heading"],rightListHeading:[1,"right-list-heading"],moveAllVisible:[4,"move-all-visible"],transferListType:[1,"transfer-list-type"],leftListItems:[16],rightListItems:[16],listsMaxHeight:[1,"lists-max-height"],onTransferAction:[16],onTransferListSelect:[16],leftListItemsState:[32],rightListItemsState:[32],tempLeftListItemsState:[32],tempRightListItemsState:[32]},void 0,{listsMaxHeight:[{handleListsMaxHeightChange:0}],leftListHeading:[{handleLeftListHeadingChange:0}],rightListHeading:[{handleRightListHeadingChange:0}],moveAllVisible:[{handleMoveAllVisibilityChange:0}],transferListType:[{handleTransferListTypeChange:0}],leftListItems:[{handleLeftListItemsChange:0}],rightListItems:[{handleRightListItemsChange:0}]}]);function _(){"undefined"!=typeof customElements&&["gids-transfer-list"].forEach((e=>{"gids-transfer-list"===e&&(customElements.get(t(e))||customElements.define(t(e),x))}))}_();const I=x,S=_;export{I as GidsTransferList,S as defineCustomElement}
@@ -0,0 +1 @@
1
+ import{t as e,p as i,H as t,h as s,c as d}from"./p-B4hcsDH0.js";import{GidsProfileMenuWebUtils as n}from"@ganpatiinfo/gids-web-shared";import{a as r}from"./p-CV1-78HB.js";import{G as o,a}from"./p-CAjDiWIc.js";import{G as h}from"./p-BRNvHMdK.js";import{d as l}from"./p-BCbovLBE.js";const{getGidsProfileMenuClassNames:m}=n,c=i(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.headerVisible=!1,this.listSectionDividerVisible=!1,this.headerDividerVisible=!0,this.profileMenuItems=[],this.selectedProfileMenuItem=void 0,this.onListItemPress=({event:e,sectionIndex:i,itemIndex:t,item:s})=>{const d={...s,sectionIndex:i,itemIndex:t};this.onProfileMenuItemPress&&!this.isItemAlreadySelected(d)&&this.onProfileMenuItemPress({originalEvent:e,id:s.id,sectionIndex:i,itemIndex:t,leadingLabel:s?.leadingLabel,leadingSupport:s?.leadingSupport,trailingLabel:s?.trailingLabel,trailingSupport:s?.trailingSupport}),this.profileMenuItemSelection(d)},this.defaultSelectedProfileMenuItem=()=>{const e=this?.profileMenuItems??[],i=this?.selectedProfileMenuItemId??void 0;e.length>0&&i&&e.map(((e,t)=>{const s=e?.items??[],d=s.findIndex((e=>e?.id===i));if(null!=d&&-1!==d){const e=s[d];e&&(this.selectedProfileMenuItem={...e,id:e.id,sectionIndex:t,itemIndex:d})}}))},this.profileMenuItemSelection=e=>{e?.id&&(this.isItemAlreadySelected(e)||(this.selectedProfileMenuItem=e))},this.isItemAlreadySelected=e=>e.id===this?.selectedProfileMenuItem?.id&&e?.sectionIndex===this?.selectedProfileMenuItem?.sectionIndex&&e?.itemIndex===this?.selectedProfileMenuItem?.itemIndex,this.isThisItemSelected=e=>e?.id===this?.selectedProfileMenuItem?.id&&e?.sectionIndex===this?.selectedProfileMenuItem?.sectionIndex&&e?.itemIndex===this?.selectedProfileMenuItem?.itemIndex,this.hasHeaderItem=()=>{const e=this?.headerItem,i=this?.headerVisible;return!(!i||!(e?.avatarVisible||e?.avatarProps&&Object.keys(e).length>0||e?.headerSupportingText||e?.headerTitle))},this.hasProfileMenuItems=()=>{const e=this?.profileMenuItems??[];return!!(e.length>0&&e[0]?.items&&e[0].items.length>0||this.hasHeaderItem())}}headerItemChanged(e){this.headerItem=e}headerVisibleChanged(e){this.headerVisible=e}selectedProfileMenuItemIdChanged(e){this.selectedProfileMenuItemId=e}profileMenuItemsChanged(e){this.profileMenuItems=e,this.defaultSelectedProfileMenuItem()}connectedCallback(){}componentDidLoad(){this.defaultSelectedProfileMenuItem()}render(){const e=this?.headerItem,i=this?.headerVisible,t=this?.headerDividerVisible,n=this?.listSectionDividerVisible,l=this?.profileMenuItems??[],c=m();return s(d,{key:"866336e6c629f77b95aa04809e6e8e2b9cdb7b3a",class:c},s(o,{key:"fe52b727ce65e54cf2808d608c136698fea7d7c7",type:this.hasProfileMenuItems()?"default":"no-options"},i?s("div",{class:"gids-profile-menu__header-container"},s("gids-profile-menu-header",{...e,onHeaderAvatarPress:this.onHeaderAvatarPress,onHeaderTitlePress:this.onHeaderTitlePress,onHeaderSupportingTextPress:this.onHeaderSupportingTextPress})):void 0,t&&this.hasHeaderItem()?s("div",{class:"gids-profile-menu__header-divider-container"},s(h,null)):void 0,l.map(((e,i)=>s(a,{key:`${i+1}`,sectionLabel:e?.sectionLabel??""},(e?.items??[]).map(((e,t)=>{const d=this.isThisItemSelected({...e,sectionIndex:i,itemIndex:t});return console.log("_thisItemSelected",d),s(r,{...e,key:`${t+1}`,id:e.id,index:t,onPressListItem:s=>this.onListItemPress({event:s,sectionIndex:i,itemIndex:t,item:e}),selected:d},e?.leadingLabel)})),i<l.length-1&&n?s(h,null):void 0)))))}get hostElement(){return this}static get watchers(){return{headerItem:[{headerItemChanged:0}],headerVisible:[{headerVisibleChanged:0}],selectedProfileMenuItemId:[{selectedProfileMenuItemIdChanged:0}],profileMenuItems:[{profileMenuItemsChanged:0}]}}static get style(){return".gids-profile-menu .gids-divider{width:100%}.gids-profile-menu__header-divider-container{width:100%;padding-bottom:var(--gids-padding-vertical-edge-to-element-200)}.gids-profile-menu__header-container{display:flex;width:100%;padding:var(--gids-padding-vertical-edge-to-element-150) 0px}"}},[0,"gids-profile-menu",{headerItem:[16],selectedProfileMenuItemId:[1,"selected-profile-menu-item-id"],headerVisible:[4,"header-visible"],listSectionDividerVisible:[4,"list-section-divider-visible"],headerDividerVisible:[4,"header-divider-visible"],profileMenuItems:[16],onHeaderAvatarPress:[16],onHeaderTitlePress:[16],onHeaderSupportingTextPress:[16],onProfileMenuItemPress:[16],selectedProfileMenuItem:[32]},void 0,{headerItem:[{headerItemChanged:0}],headerVisible:[{headerVisibleChanged:0}],selectedProfileMenuItemId:[{selectedProfileMenuItemIdChanged:0}],profileMenuItems:[{profileMenuItemsChanged:0}]}]);function p(){"undefined"!=typeof customElements&&["gids-profile-menu","gids-profile-menu-header"].forEach((i=>{switch(i){case"gids-profile-menu":customElements.get(e(i))||customElements.define(e(i),c);break;case"gids-profile-menu-header":customElements.get(e(i))||l()}}))}p();export{c as G,p as d}
@@ -1 +1 @@
1
- import{t as e,p as i,H as t,h as s}from"./p-B4hcsDH0.js";import{GidsPieChartWebUtils as r}from"@ganpatiinfo/gids-web-shared";import{G as a}from"./p-C-Lpfqcg.js";import{d}from"./p-BthkC6NU.js";import{d as h}from"./p-Cacy0Dji.js";const{getGidsPieChartClassNames:g}=r,n=i(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.breakpoint="desktop",this.legendVisible=!1,this.chartData=[],this.size="xxs",this.chartLoaderSize="lg",this.chartLoading=!1,this.width=0,this.height=0}chartDataChanged(){this.updateDimensions()}legendVisibilityChanged(e){this.legendVisible=e}componentDidLoad(){this.updateDimensions(),this.resizeObserver=new ResizeObserver((()=>this.updateDimensions())),this.hostElement.parentElement&&this.resizeObserver.observe(this.hostElement.parentElement)}disconnectedCallback(){this.resizeObserver&&this.resizeObserver.disconnect()}updateDimensions(){const e=this.hostElement.getBoundingClientRect();this.width=e.width,this.height=e.height>0?e.height:240}render(){if(this.chartLoading)return s("div",{class:"gids-pie-chart__no-data"},s(a,{label:this.chartLoadingTitle,supportingText:this.chartLoadingSupportingText,size:this?.chartLoaderSize??"lg"}));const e=this.chartData.length,i=this.chartData.reduce(((e,i)=>e+(i.value||0)),0);let t=i;e<6&&e>0&&(t=i+i/e*(6-e));const r=t>0?t:1,d=g({breakpoint:this.breakpoint}),h=2*Math.PI*25;let n=0;return s("div",{class:d},s("div",{class:"gids-pie-chart__main-container"},s("div",{class:"gids-pie-chart__chart-stage-container"},s("div",{class:`gids-pie-chart__svg-wrapper gids-pie-chart__svg-wrapper--size-${this.size}`},s("svg",{viewBox:"0 0 100 100",class:"gids-pie-chart__chart-vector"},s("circle",{cx:"50",cy:"50",r:25,class:"gids-pie-chart__track-background"}),this.chartData.map(((e,i)=>{const t=(e.value||0)/r,a=`${t*h} ${h}`,d=-n*h;return n+=t,s("circle",{key:e.label||i,cx:"50",cy:"50",r:25,class:`gids-pie-chart__segment gids-pie-chart__segment-series-${i+1}`,"stroke-dasharray":a,"stroke-dashoffset":d,transform:"rotate(-90 50 50)"})}))))),this.legendVisible?s("div",{class:"gids-pie-chart__legend-container"},s("gids-chart-legend",{orientation:"vertical"},this.chartData.map(((e,i)=>s("gids-chart-legend-item",{key:e.label,seriesType:`${i+1}`,orientation:"vertical"},e.label))))):null))}get hostElement(){return this}static get watchers(){return{chartData:[{chartDataChanged:0}],legendVisible:[{legendVisibilityChanged:0}]}}static get style(){return":host{display:block;width:100%;height:100%;box-sizing:border-box}.gids-pie-chart{display:flex;flex-direction:column;width:100%;height:100%;box-sizing:border-box}.gids-pie-chart--breakpoint-mobile{max-width:var(--gids-width-xs)}.gids-pie-chart__main-container{display:inline-flex;justify-content:center;gap:var(--gids-gap-200);width:100%;height:100%}.gids-pie-chart__chart-stage-container{display:flex;justify-content:center;align-items:center}.gids-pie-chart{}.gids-pie-chart__svg-wrapper{position:relative;display:block;flex-shrink:0}.gids-pie-chart__svg-wrapper--size-xxs{width:180px;height:180px}.gids-pie-chart__svg-wrapper--size-xs{width:220px;height:220px}.gids-pie-chart__svg-wrapper--size-sm{width:260px;height:260px}.gids-pie-chart__svg-wrapper--size-md{width:300px;height:300px}.gids-pie-chart__svg-wrapper--size-lg{width:340px;height:340px}.gids-pie-chart__chart-vector{display:block;width:100%;height:100%}.gids-pie-chart{}.gids-pie-chart__track-background{fill:none;stroke:var(--gids-color-background-neutral-default);stroke-width:12;}.gids-pie-chart__segment{fill:none;stroke-width:12;stroke-linecap:butt;transition:stroke-dashoffset 0.3s ease;}.gids-pie-chart__segment.gids-pie-chart__segment-series-1{stroke:var(--gids-color-icon-subtle);}.gids-pie-chart__segment.gids-pie-chart__segment-series-2{stroke:var(--gids-color-icon-warning);}.gids-pie-chart__segment.gids-pie-chart__segment-series-3{stroke:var(--gids-color-icon-danger);}.gids-pie-chart__segment.gids-pie-chart__segment-series-4{stroke:var(--gids-color-background-positive-bold-hovered);}.gids-pie-chart__segment.gids-pie-chart__segment-series-5{stroke:var(--gids-color-background-information-bold-default);}.gids-pie-chart__segment.gids-pie-chart__segment-series-6{stroke:rgb(238, 70, 188);}.gids-pie-chart__legend-container{display:inline-flex;align-items:flex-start}.gids-pie-chart__no-data{display:flex;align-items:center;justify-content:center;padding:var(--gids-padding-vertical-edge-to-element-300) var(--gids-padding-horizontal-edge-to-element-100);width:100%;height:100%;min-height:200px;color:var(--gids-color-text-subtlest);border:var(--gids-border-width-thin) dashed var(--gids-color-border-default);border-radius:var(--gids-border-radius-md)}"}},[0,"gids-pie-chart",{breakpoint:[1],legendVisible:[4,"legend-visible"],chartData:[16],size:[1],chartLoaderSize:[1,"chart-loader-size"],chartLoading:[4,"chart-loading"],chartLoadingTitle:[1,"chart-loading-title"],chartLoadingSupportingText:[1,"chart-loading-supporting-text"],width:[32],height:[32]},void 0,{chartData:[{chartDataChanged:0}],legendVisible:[{legendVisibilityChanged:0}]}]);function c(){"undefined"!=typeof customElements&&["gids-pie-chart","gids-chart-legend","gids-chart-legend-item"].forEach((i=>{switch(i){case"gids-pie-chart":customElements.get(e(i))||customElements.define(e(i),n);break;case"gids-chart-legend":customElements.get(e(i))||d();break;case"gids-chart-legend-item":customElements.get(e(i))||h()}}))}c();export{n as G,c as d}
1
+ import{t as e,p as i,H as t,h as s}from"./p-B4hcsDH0.js";import{GidsPieChartWebUtils as r}from"@ganpatiinfo/gids-web-shared";import{G as a}from"./p-C-Lpfqcg.js";import{d}from"./p-DnRuhvRw.js";import{d as h}from"./p-E13ycS5K.js";const{getGidsPieChartClassNames:g}=r,n=i(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.breakpoint="desktop",this.legendVisible=!1,this.chartData=[],this.size="xxs",this.chartLoaderSize="lg",this.chartLoading=!1,this.width=0,this.height=0}chartDataChanged(){this.updateDimensions()}legendVisibilityChanged(e){this.legendVisible=e}componentDidLoad(){this.updateDimensions(),this.resizeObserver=new ResizeObserver((()=>this.updateDimensions())),this.hostElement.parentElement&&this.resizeObserver.observe(this.hostElement.parentElement)}disconnectedCallback(){this.resizeObserver&&this.resizeObserver.disconnect()}updateDimensions(){const e=this.hostElement.getBoundingClientRect();this.width=e.width,this.height=e.height>0?e.height:240}render(){if(this.chartLoading)return s("div",{class:"gids-pie-chart__no-data"},s(a,{label:this.chartLoadingTitle,supportingText:this.chartLoadingSupportingText,size:this?.chartLoaderSize??"lg"}));const e=this.chartData.length,i=this.chartData.reduce(((e,i)=>e+(i.value||0)),0);let t=i;e<6&&e>0&&(t=i+i/e*(6-e));const r=t>0?t:1,d=g({breakpoint:this.breakpoint}),h=2*Math.PI*25;let n=0;return s("div",{class:d},s("div",{class:"gids-pie-chart__main-container"},s("div",{class:"gids-pie-chart__chart-stage-container"},s("div",{class:`gids-pie-chart__svg-wrapper gids-pie-chart__svg-wrapper--size-${this.size}`},s("svg",{viewBox:"0 0 100 100",class:"gids-pie-chart__chart-vector"},s("circle",{cx:"50",cy:"50",r:25,class:"gids-pie-chart__track-background"}),this.chartData.map(((e,i)=>{const t=(e.value||0)/r,a=`${t*h} ${h}`,d=-n*h;return n+=t,s("circle",{key:e.label||i,cx:"50",cy:"50",r:25,class:`gids-pie-chart__segment gids-pie-chart__segment-series-${i+1}`,"stroke-dasharray":a,"stroke-dashoffset":d,transform:"rotate(-90 50 50)"})}))))),this.legendVisible?s("div",{class:"gids-pie-chart__legend-container"},s("gids-chart-legend",{orientation:"vertical"},this.chartData.map(((e,i)=>s("gids-chart-legend-item",{key:e.label,seriesType:`${i+1}`,orientation:"vertical"},e.label))))):null))}get hostElement(){return this}static get watchers(){return{chartData:[{chartDataChanged:0}],legendVisible:[{legendVisibilityChanged:0}]}}static get style(){return":host{display:block;width:100%;height:100%;box-sizing:border-box}.gids-pie-chart{display:flex;flex-direction:column;width:100%;height:100%;box-sizing:border-box}.gids-pie-chart--breakpoint-mobile{max-width:var(--gids-width-xs)}.gids-pie-chart__main-container{display:inline-flex;justify-content:center;gap:var(--gids-gap-200);width:100%;height:100%}.gids-pie-chart__chart-stage-container{display:flex;justify-content:center;align-items:center}.gids-pie-chart{}.gids-pie-chart__svg-wrapper{position:relative;display:block;flex-shrink:0}.gids-pie-chart__svg-wrapper--size-xxs{width:180px;height:180px}.gids-pie-chart__svg-wrapper--size-xs{width:220px;height:220px}.gids-pie-chart__svg-wrapper--size-sm{width:260px;height:260px}.gids-pie-chart__svg-wrapper--size-md{width:300px;height:300px}.gids-pie-chart__svg-wrapper--size-lg{width:340px;height:340px}.gids-pie-chart__chart-vector{display:block;width:100%;height:100%}.gids-pie-chart{}.gids-pie-chart__track-background{fill:none;stroke:var(--gids-color-background-neutral-default);stroke-width:12;}.gids-pie-chart__segment{fill:none;stroke-width:12;stroke-linecap:butt;transition:stroke-dashoffset 0.3s ease;}.gids-pie-chart__segment.gids-pie-chart__segment-series-1{stroke:var(--gids-color-icon-subtle);}.gids-pie-chart__segment.gids-pie-chart__segment-series-2{stroke:var(--gids-color-icon-warning);}.gids-pie-chart__segment.gids-pie-chart__segment-series-3{stroke:var(--gids-color-icon-danger);}.gids-pie-chart__segment.gids-pie-chart__segment-series-4{stroke:var(--gids-color-background-positive-bold-hovered);}.gids-pie-chart__segment.gids-pie-chart__segment-series-5{stroke:var(--gids-color-background-information-bold-default);}.gids-pie-chart__segment.gids-pie-chart__segment-series-6{stroke:rgb(238, 70, 188);}.gids-pie-chart__legend-container{display:inline-flex;align-items:flex-start}.gids-pie-chart__no-data{display:flex;align-items:center;justify-content:center;padding:var(--gids-padding-vertical-edge-to-element-300) var(--gids-padding-horizontal-edge-to-element-100);width:100%;height:100%;min-height:200px;color:var(--gids-color-text-subtlest);border:var(--gids-border-width-thin) dashed var(--gids-color-border-default);border-radius:var(--gids-border-radius-md)}"}},[0,"gids-pie-chart",{breakpoint:[1],legendVisible:[4,"legend-visible"],chartData:[16],size:[1],chartLoaderSize:[1,"chart-loader-size"],chartLoading:[4,"chart-loading"],chartLoadingTitle:[1,"chart-loading-title"],chartLoadingSupportingText:[1,"chart-loading-supporting-text"],width:[32],height:[32]},void 0,{chartData:[{chartDataChanged:0}],legendVisible:[{legendVisibilityChanged:0}]}]);function c(){"undefined"!=typeof customElements&&["gids-pie-chart","gids-chart-legend","gids-chart-legend-item"].forEach((i=>{switch(i){case"gids-pie-chart":customElements.get(e(i))||customElements.define(e(i),n);break;case"gids-chart-legend":customElements.get(e(i))||d();break;case"gids-chart-legend-item":customElements.get(e(i))||h()}}))}c();export{n as G,c as d}
@@ -1 +1 @@
1
- import{p as e,H as t,h as i,t as s}from"./p-B4hcsDH0.js";import{GidsFilterWebUtils as l}from"@ganpatiinfo/gids-web-shared";import{G as n}from"./p-iQRr_fAH.js";import{d}from"./p-GcC8pCKF.js";const{getGidsFilterClassNames:h}=l,r=e(class e extends t{constructor(t){super(),!1!==t&&this.__registerHost(),this.expanded=!1,this.type="none",this.filterItemType="primary",this.filterSelected=!1,this.filterDefaultSelected=!1,this.disabled=!1,this.size="sm",this.loading=!1,this.filterIndex=0,this.hasSlottedMenu=!1,this.hasItemListener=!1,this.suppressNextMenuClickSelection=!1,this.setupDefaultSelctedFilterEmission=()=>{this.setupDefaultSelectedNoneAllFilterEmission()},this.setupDefaultSelectedNoneAllFilterEmission=()=>{const t=`${this.filterId||"default"}_${this.value}`;if(this.filterDefaultSelected&&!e.emittedValuesTracker.has(t)&&("none"===this.type&&"secondary"===this.filterItemType||"all"===this.type)){e.emittedValuesTracker.add(t);const i={id:"1",filterId:this.filterId,value:this.value,title:this.value,disabled:this.disabled,selectedFilterMenuIndex:void 0,filterType:this.type,filterItemType:this.filterItemType,filterTitle:this.value,filterIndex:this.filterIndex,originalEvent:void 0,filterSelected:!0,filterDefaultSelected:this.filterDefaultSelected,hasFilterMenu:!1,isPlaceholderItem:!1};setTimeout((()=>{this.onFilterMenuItemChange?.(i)}),0)}},this.handleFilterPickerItemSelect=e=>{const{value:t,title:i,disabled:s,id:l,selectedIndex:n,isPlaceholderItem:d,defaultSelected:h}=e.detail;s||"string"!=typeof t||(this.suppressNextMenuClickSelection=!0,queueMicrotask((()=>{this.suppressNextMenuClickSelection=!1})),this.applySelection({id:l,filterId:this?.filterId,value:t,title:i,disabled:!1,selectedFilterMenuIndex:n,defaultSelected:h,filterType:this.type,filterItemType:this.filterItemType,filterTitle:i,filterIndex:this.filterIndex,hasFilterMenu:!0,originalEvent:e,filterSelected:!d,isPlaceholderItem:d||!1}))},this.handleMenuClick=e=>{if(this.suppressNextMenuClickSelection)return;const t=e.target;if(!(t instanceof Element))return;const i=t.closest(".gids-dropdown-item");if(!i||!this.hostElement.contains(i))return;if(i.hasAttribute("disabled")||"true"===i.getAttribute("aria-disabled"))return;const s=i instanceof HTMLButtonElement?i.value:i.getAttribute("value")??"";if("string"!=typeof s||0===s.length)return;const l=i instanceof HTMLButtonElement?i.id:i.getAttribute("id")??"";if("string"!=typeof l||0===l.length)return;const n=i instanceof HTMLButtonElement?i.tabIndex:i.getAttribute("tabIndex")??"",d=i.getAttribute("is-placeholder-item")??"",h=i.querySelector(".gids-dropdown-item__label")||i.querySelector("span"),r=h?h.textContent?.trim():i.firstChild?.textContent?.trim()||s,a=!(!d||"true"!==d);this.applySelection({id:l,filterId:this.filterId,value:s,title:r,disabled:!1,selectedFilterMenuIndex:Number(n),defaultSelected:this.filterDefaultSelected,filterType:this.type,filterItemType:this.filterItemType,filterTitle:r,filterIndex:this.filterIndex,hasFilterMenu:!0,originalEvent:e,filterSelected:!a,isPlaceholderItem:a})},this.handleTriggerToggle=e=>{this.isInteractive()&&this.setExpandedState(!this.expanded,e)},this.handleFilterButtonClickToggle=e=>{if(!e.defaultPrevented)if(e.stopPropagation(),this.isMenuToggler())this.handleTriggerToggle(e);else{this.filterSelected=e.detail,!1===e?.detail&&this.handleFormReset(),this.applySelection({id:"1",filterId:this.filterId,value:this.value,title:this.value,disabled:this.disabled,selectedFilterMenuIndex:void 0,filterType:this.type,filterItemType:this.filterItemType,filterTitle:this.value,filterIndex:this.filterIndex,originalEvent:e,filterSelected:e.detail,filterDefaultSelected:this.filterDefaultSelected,hasFilterMenu:!1,isPlaceholderItem:!1});const t={expanded:!1,originalEvent:e};this.onToggle?.(t)}},this.handleFormReset=()=>{this.value=this.initialValue,this.selectedItemTitle=this.initialValue,this.filterSelected=!1,this.isMenuToggler()?this.setExpandedState(!1):this.expanded=!1},this.setFilterDropdownPosition=()=>{if(!this.hostElement)return;const e=this.hostElement.querySelector(".gids-filter__menu");if(!e)return;const t=window.innerWidth/2,i=this.hostElement.getBoundingClientRect();i.left+i.width/2>t?e.classList.add("gids-filter__menu--align-right"):e.classList.remove("gids-filter__menu--align-right")}}static{this.emittedValuesTracker=new Set}handleExpandedChange(e){e&&!this.isInteractive()&&(this.expanded=!1)}handleInteractivityChange(){!this.isInteractive()&&this.expanded&&this.setExpandedState(!1)}handleFilterTypeChange(e){this.type=e}handleFilterIdArrival(e){null!=e&&this.setupDefaultSelctedFilterEmission()}handleFilterSelectedChange(e){this.filterSelected=e}handleFilterDefaultSelectedChange(t){const i=`${this.filterId||"default"}_${this.value}`;t?(e.emittedValuesTracker.delete(i),this.setupDefaultSelctedFilterEmission()):e.emittedValuesTracker.delete(i)}connectedCallback(){this.attachItemListener(),this.attachFormListener()}componentDidLoad(){this.initialValue=this.value,this.evaluateSlottedMenuExistence(),null!=this.filterId&&this.setupDefaultSelctedFilterEmission()}disconnectedCallback(){this.detachItemListener(),this.detachFormListener()}getFilterButtonControl(){return this.hostElement.querySelector(".gids-button")}getItemElements(){return Array.from(this.hostElement.querySelectorAll(".gids-dropdown-item"))}evaluateSlottedMenuExistence(){const e=this.hostElement.querySelector(".gids-filter__menu");if(!e)return void(this.hasSlottedMenu=!1);const t=Array.from(e.childNodes).filter((e=>e.nodeType!==Node.COMMENT_NODE&&!(e.nodeType===Node.TEXT_NODE&&!e.textContent?.trim())));this.hasSlottedMenu=t.length>0}attachItemListener(){this.hasItemListener||(this.hostElement.addEventListener("onPressDropdownItem",this.handleFilterPickerItemSelect),this.hasItemListener=!0)}detachItemListener(){this.hasItemListener&&(this.hostElement.removeEventListener("onPressDropdownItem",this.handleFilterPickerItemSelect),this.hasItemListener=!1)}applySelection(e){this.value=e.value,this.selectedItemTitle="string"==typeof e.title?e.title:void 0,this.clearActive(),this.isMenuToggler()?this.setExpandedState(!1,this.coerceEvent(e.originalEvent)):this.expanded=!1,this.onFilterMenuItemChange?.(e),this.hostElement.dispatchEvent(new CustomEvent("gidsFilterPickerChange",{bubbles:!0,composed:!0,detail:e}))}clearActive(){this.getItemElements().forEach((e=>e.classList.remove("gids-dropdown-item--active")))}setExpandedState(e,t){const i=Boolean(e);if(this.setFilterDropdownPosition(),i&&!this.isInteractive())return;if(this.expanded===i)return;this.expanded=i,i||(this.clearActive(),this.syncFilterDisplayValue());const s={expanded:i,originalEvent:t};this.onToggle?.(s)}syncFilterDisplayValue(){const e=this.getFilterButtonControl();e&&e.value!==(this.selectedItemTitle??"")&&(e.value=this.selectedItemTitle??"")}attachFormListener(){const e=this.hostElement.closest("form");this.patternForm!==e&&(this.patternForm&&this.patternForm.removeEventListener("reset",this.handleFormReset),this.patternForm=e??void 0,this.patternForm?.addEventListener("reset",this.handleFormReset))}detachFormListener(){this.patternForm&&(this.patternForm.removeEventListener("reset",this.handleFormReset),this.patternForm=void 0)}isInteractive(){return!this.disabled}coerceEvent(e){if("undefined"!=typeof Event&&null!==e)return e instanceof Event?e:void 0}isMenuToggler(){return("none"===this.type||"more"===this.type)&&this.hasSlottedMenu}handleWindowClick(e){this.expanded&&(e.composedPath().includes(this.hostElement)||this.setExpandedState(!1,e))}render(){const e=this.expanded&&this.isInteractive(),t=h({expanded:e}),s=this.isMenuToggler(),l="string"==typeof this.filterPickerId?this.filterPickerId:void 0,d=l?`${l}__menu`:void 0,r=this.selectedItemTitle??this.value??"",a="more"===this.type,o="all"===this.type,c="none"===this.type;return i("div",{key:"48ed552fe95d69e18e365e85b3de3b8b7536c1bb",class:t,"aria-control":d??""},i("gids-toggle-button",{key:"d656f1fcb5a220c1e42376ec305bf2c402c037ae",id:l,name:this.name,expanded:e,value:r,disabled:this.disabled,size:this.size,loading:this.loading,tabIndex:this.filterIndex,defaultSelected:this.filterDefaultSelected,selected:this.filterSelected,onSelect:this.handleFilterButtonClickToggle},a||o?i(n,{name:a?"options":"filter",size:this.size,appearance:"regular",alt:"",slot:"leadingIcon"}):void 0,c||o?r:void 0,s&&!a?i(n,{name:"chevron-down",size:this.size,appearance:"regular",alt:"",slot:"trailingIcon"}):void 0),i("div",{key:"1fcbedea7065cad76baba2626e73535bf8add8db",class:"gids-filter__menu",id:d,role:"pickerbox",onClick:this.handleMenuClick},i("slot",{key:"d2f20aec18633d789b71e08498b4b190caed73a9",onSlotchange:()=>this.evaluateSlottedMenuExistence()})))}get hostElement(){return this}static get watchers(){return{expanded:[{handleExpandedChange:0}],disabled:[{handleInteractivityChange:0}],type:[{handleFilterTypeChange:0}],filterId:[{handleFilterIdArrival:0}],filterSelected:[{handleFilterSelectedChange:0}],filterDefaultSelected:[{handleFilterDefaultSelectedChange:0}]}}static get style(){return".gids-filter{position:relative}.gids-filter__menu{position:absolute;inset-inline:0;top:calc(100% + var(--gids-gap-050));z-index:3;display:none;flex-direction:column;align-self:stretch;min-width:var(--gids-width-2-xs);min-height:55px;max-height:15rem;overflow-x:hidden;overflow-y:auto;background-color:var(--gids-elevation-surface-overlay-default);box-shadow:var(--gids-elevation-shadow-overlay);border-radius:var(--gids-border-radius-lg);left:0;right:auto}.gids-filter__menu--align-right{left:auto !important;right:0 !important}.gids-filter__menu>*{flex-shrink:0}.gids-filter--expanded .gids-filter__menu{display:flex}"}},[260,"gids-filter",{name:[1],filterId:[1025,"filter-id"],filterPickerId:[1,"filter-picker-id"],expanded:[4],type:[1],filterItemType:[1,"filter-item-type"],value:[1],filterSelected:[1540,"filter-selected"],filterDefaultSelected:[4,"filter-default-selected"],disabled:[4],size:[1],loading:[4],filterIndex:[2,"filter-index"],onFilterMenuItemChange:[16],onToggle:[16],selectedItemTitle:[32],hasSlottedMenu:[32]},[[8,"click","handleWindowClick"]],{expanded:[{handleExpandedChange:0}],disabled:[{handleInteractivityChange:0}],type:[{handleFilterTypeChange:0}],filterId:[{handleFilterIdArrival:0}],filterSelected:[{handleFilterSelectedChange:0}],filterDefaultSelected:[{handleFilterDefaultSelectedChange:0}]}]);function a(){"undefined"!=typeof customElements&&["gids-filter","gids-toggle-button"].forEach((e=>{switch(e){case"gids-filter":customElements.get(s(e))||customElements.define(s(e),r);break;case"gids-toggle-button":customElements.get(s(e))||d()}}))}a();export{r as G,a as d}
1
+ import{p as e,H as t,h as i,t as s}from"./p-B4hcsDH0.js";import{GidsFilterWebUtils as l}from"@ganpatiinfo/gids-web-shared";import{G as n}from"./p-iQRr_fAH.js";import{d}from"./p-DQQhGF5N.js";const{getGidsFilterClassNames:h}=l,r=e(class e extends t{constructor(t){super(),!1!==t&&this.__registerHost(),this.expanded=!1,this.type="none",this.filterItemType="primary",this.filterSelected=!1,this.filterDefaultSelected=!1,this.disabled=!1,this.size="sm",this.loading=!1,this.filterIndex=0,this.hasSlottedMenu=!1,this.hasItemListener=!1,this.suppressNextMenuClickSelection=!1,this.setupDefaultSelctedFilterEmission=()=>{this.setupDefaultSelectedNoneAllFilterEmission()},this.setupDefaultSelectedNoneAllFilterEmission=()=>{const t=`${this.filterId||"default"}_${this.value}`;if(this.filterDefaultSelected&&!e.emittedValuesTracker.has(t)&&("none"===this.type&&"secondary"===this.filterItemType||"all"===this.type)){e.emittedValuesTracker.add(t);const i={id:"1",filterId:this.filterId,value:this.value,title:this.value,disabled:this.disabled,selectedFilterMenuIndex:void 0,filterType:this.type,filterItemType:this.filterItemType,filterTitle:this.value,filterIndex:this.filterIndex,originalEvent:void 0,filterSelected:!0,filterDefaultSelected:this.filterDefaultSelected,hasFilterMenu:!1,isPlaceholderItem:!1};setTimeout((()=>{this.onFilterMenuItemChange?.(i)}),0)}},this.handleFilterPickerItemSelect=e=>{const{value:t,title:i,disabled:s,id:l,selectedIndex:n,isPlaceholderItem:d,defaultSelected:h}=e.detail;s||"string"!=typeof t||(this.suppressNextMenuClickSelection=!0,queueMicrotask((()=>{this.suppressNextMenuClickSelection=!1})),this.applySelection({id:l,filterId:this?.filterId,value:t,title:i,disabled:!1,selectedFilterMenuIndex:n,defaultSelected:h,filterType:this.type,filterItemType:this.filterItemType,filterTitle:i,filterIndex:this.filterIndex,hasFilterMenu:!0,originalEvent:e,filterSelected:!d,isPlaceholderItem:d||!1}))},this.handleMenuClick=e=>{if(this.suppressNextMenuClickSelection)return;const t=e.target;if(!(t instanceof Element))return;const i=t.closest(".gids-dropdown-item");if(!i||!this.hostElement.contains(i))return;if(i.hasAttribute("disabled")||"true"===i.getAttribute("aria-disabled"))return;const s=i instanceof HTMLButtonElement?i.value:i.getAttribute("value")??"";if("string"!=typeof s||0===s.length)return;const l=i instanceof HTMLButtonElement?i.id:i.getAttribute("id")??"";if("string"!=typeof l||0===l.length)return;const n=i instanceof HTMLButtonElement?i.tabIndex:i.getAttribute("tabIndex")??"",d=i.getAttribute("is-placeholder-item")??"",h=i.querySelector(".gids-dropdown-item__label")||i.querySelector("span"),r=h?h.textContent?.trim():i.firstChild?.textContent?.trim()||s,a=!(!d||"true"!==d);this.applySelection({id:l,filterId:this.filterId,value:s,title:r,disabled:!1,selectedFilterMenuIndex:Number(n),defaultSelected:this.filterDefaultSelected,filterType:this.type,filterItemType:this.filterItemType,filterTitle:r,filterIndex:this.filterIndex,hasFilterMenu:!0,originalEvent:e,filterSelected:!a,isPlaceholderItem:a})},this.handleTriggerToggle=e=>{this.isInteractive()&&this.setExpandedState(!this.expanded,e)},this.handleFilterButtonClickToggle=e=>{if(!e.defaultPrevented)if(e.stopPropagation(),this.isMenuToggler())this.handleTriggerToggle(e);else{this.filterSelected=e.detail,!1===e?.detail&&this.handleFormReset(),this.applySelection({id:"1",filterId:this.filterId,value:this.value,title:this.value,disabled:this.disabled,selectedFilterMenuIndex:void 0,filterType:this.type,filterItemType:this.filterItemType,filterTitle:this.value,filterIndex:this.filterIndex,originalEvent:e,filterSelected:e.detail,filterDefaultSelected:this.filterDefaultSelected,hasFilterMenu:!1,isPlaceholderItem:!1});const t={expanded:!1,originalEvent:e};this.onToggle?.(t)}},this.handleFormReset=()=>{this.value=this.initialValue,this.selectedItemTitle=this.initialValue,this.filterSelected=!1,this.isMenuToggler()?this.setExpandedState(!1):this.expanded=!1},this.setFilterDropdownPosition=()=>{if(!this.hostElement)return;const e=this.hostElement.querySelector(".gids-filter__menu");if(!e)return;const t=window.innerWidth/2,i=this.hostElement.getBoundingClientRect();i.left+i.width/2>t?e.classList.add("gids-filter__menu--align-right"):e.classList.remove("gids-filter__menu--align-right")}}static{this.emittedValuesTracker=new Set}handleExpandedChange(e){e&&!this.isInteractive()&&(this.expanded=!1)}handleInteractivityChange(){!this.isInteractive()&&this.expanded&&this.setExpandedState(!1)}handleFilterTypeChange(e){this.type=e}handleFilterIdArrival(e){null!=e&&this.setupDefaultSelctedFilterEmission()}handleFilterSelectedChange(e){this.filterSelected=e}handleFilterDefaultSelectedChange(t){const i=`${this.filterId||"default"}_${this.value}`;t?(e.emittedValuesTracker.delete(i),this.setupDefaultSelctedFilterEmission()):e.emittedValuesTracker.delete(i)}connectedCallback(){this.attachItemListener(),this.attachFormListener()}componentDidLoad(){this.initialValue=this.value,this.evaluateSlottedMenuExistence(),null!=this.filterId&&this.setupDefaultSelctedFilterEmission()}disconnectedCallback(){this.detachItemListener(),this.detachFormListener()}getFilterButtonControl(){return this.hostElement.querySelector(".gids-button")}getItemElements(){return Array.from(this.hostElement.querySelectorAll(".gids-dropdown-item"))}evaluateSlottedMenuExistence(){const e=this.hostElement.querySelector(".gids-filter__menu");if(!e)return void(this.hasSlottedMenu=!1);const t=Array.from(e.childNodes).filter((e=>e.nodeType!==Node.COMMENT_NODE&&!(e.nodeType===Node.TEXT_NODE&&!e.textContent?.trim())));this.hasSlottedMenu=t.length>0}attachItemListener(){this.hasItemListener||(this.hostElement.addEventListener("onPressDropdownItem",this.handleFilterPickerItemSelect),this.hasItemListener=!0)}detachItemListener(){this.hasItemListener&&(this.hostElement.removeEventListener("onPressDropdownItem",this.handleFilterPickerItemSelect),this.hasItemListener=!1)}applySelection(e){this.value=e.value,this.selectedItemTitle="string"==typeof e.title?e.title:void 0,this.clearActive(),this.isMenuToggler()?this.setExpandedState(!1,this.coerceEvent(e.originalEvent)):this.expanded=!1,this.onFilterMenuItemChange?.(e),this.hostElement.dispatchEvent(new CustomEvent("gidsFilterPickerChange",{bubbles:!0,composed:!0,detail:e}))}clearActive(){this.getItemElements().forEach((e=>e.classList.remove("gids-dropdown-item--active")))}setExpandedState(e,t){const i=Boolean(e);if(this.setFilterDropdownPosition(),i&&!this.isInteractive())return;if(this.expanded===i)return;this.expanded=i,i||(this.clearActive(),this.syncFilterDisplayValue());const s={expanded:i,originalEvent:t};this.onToggle?.(s)}syncFilterDisplayValue(){const e=this.getFilterButtonControl();e&&e.value!==(this.selectedItemTitle??"")&&(e.value=this.selectedItemTitle??"")}attachFormListener(){const e=this.hostElement.closest("form");this.patternForm!==e&&(this.patternForm&&this.patternForm.removeEventListener("reset",this.handleFormReset),this.patternForm=e??void 0,this.patternForm?.addEventListener("reset",this.handleFormReset))}detachFormListener(){this.patternForm&&(this.patternForm.removeEventListener("reset",this.handleFormReset),this.patternForm=void 0)}isInteractive(){return!this.disabled}coerceEvent(e){if("undefined"!=typeof Event&&null!==e)return e instanceof Event?e:void 0}isMenuToggler(){return("none"===this.type||"more"===this.type)&&this.hasSlottedMenu}handleWindowClick(e){this.expanded&&(e.composedPath().includes(this.hostElement)||this.setExpandedState(!1,e))}render(){const e=this.expanded&&this.isInteractive(),t=h({expanded:e}),s=this.isMenuToggler(),l="string"==typeof this.filterPickerId?this.filterPickerId:void 0,d=l?`${l}__menu`:void 0,r=this.selectedItemTitle??this.value??"",a="more"===this.type,o="all"===this.type,c="none"===this.type;return i("div",{key:"585c3018b1f5e50fe268648883fba7bda102b5ab",class:t,"aria-control":d??""},i("gids-toggle-button",{key:"21524dd8e6327022b17a91f41abdf7e1db7a0295",id:l,name:this.name,expanded:e,value:r,disabled:this.disabled,size:this.size,loading:this.loading,tabIndex:this.filterIndex,defaultSelected:this.filterDefaultSelected,selected:this.filterSelected,onSelect:this.handleFilterButtonClickToggle},a||o?i(n,{name:a?"options":"filter",size:this.size,appearance:"regular",alt:"",slot:"leadingIcon"}):void 0,c||o?r:void 0,s&&!a?i(n,{name:"chevron-down",size:this.size,appearance:"regular",alt:"",slot:"trailingIcon"}):void 0),i("div",{key:"3cb8fe6ed4e06a8c0c64d1e753040c1dd61b14dd",class:"gids-filter__menu",id:d,role:"pickerbox",onClick:this.handleMenuClick},i("slot",{key:"28fa646b9f75307b046372d602238e96121dbd14",onSlotchange:()=>this.evaluateSlottedMenuExistence()})))}get hostElement(){return this}static get watchers(){return{expanded:[{handleExpandedChange:0}],disabled:[{handleInteractivityChange:0}],type:[{handleFilterTypeChange:0}],filterId:[{handleFilterIdArrival:0}],filterSelected:[{handleFilterSelectedChange:0}],filterDefaultSelected:[{handleFilterDefaultSelectedChange:0}]}}static get style(){return".gids-filter{position:relative}.gids-filter__menu{position:absolute;inset-inline:0;top:calc(100% + var(--gids-gap-050));z-index:3;display:none;flex-direction:column;align-self:stretch;min-width:var(--gids-width-2-xs);min-height:55px;max-height:15rem;overflow-x:hidden;overflow-y:auto;background-color:var(--gids-elevation-surface-overlay-default);box-shadow:var(--gids-elevation-shadow-overlay);border-radius:var(--gids-border-radius-lg);left:0;right:auto}.gids-filter__menu--align-right{left:auto !important;right:0 !important}.gids-filter__menu>*{flex-shrink:0}.gids-filter--expanded .gids-filter__menu{display:flex}"}},[260,"gids-filter",{name:[1],filterId:[1025,"filter-id"],filterPickerId:[1,"filter-picker-id"],expanded:[4],type:[1],filterItemType:[1,"filter-item-type"],value:[1],filterSelected:[1540,"filter-selected"],filterDefaultSelected:[4,"filter-default-selected"],disabled:[4],size:[1],loading:[4],filterIndex:[2,"filter-index"],onFilterMenuItemChange:[16],onToggle:[16],selectedItemTitle:[32],hasSlottedMenu:[32]},[[8,"click","handleWindowClick"]],{expanded:[{handleExpandedChange:0}],disabled:[{handleInteractivityChange:0}],type:[{handleFilterTypeChange:0}],filterId:[{handleFilterIdArrival:0}],filterSelected:[{handleFilterSelectedChange:0}],filterDefaultSelected:[{handleFilterDefaultSelectedChange:0}]}]);function a(){"undefined"!=typeof customElements&&["gids-filter","gids-toggle-button"].forEach((e=>{switch(e){case"gids-filter":customElements.get(s(e))||customElements.define(s(e),r);break;case"gids-toggle-button":customElements.get(s(e))||d()}}))}a();export{r as G,a as d}
@@ -0,0 +1 @@
1
+ import{h as e,t as a,p as t,H as i,c as r}from"./p-B4hcsDH0.js";import{GidsAvatarWebUtils as n,GidsProfileMenuHeaderWebUtils as s}from"@ganpatiinfo/gids-web-shared";import{GidsAvatarCommonUtils as o,GidsProfileMenuHeaderCommonUtils as d}from"@ganpatiinfo/gids-core-shared";import{G as l}from"./p-iQRr_fAH.js";import{c as g}from"./p-ChV9xqsO.js";import{G as p}from"./p-CcKHKwS0.js";const{shouldTextBeHiddenFromAt:h}=o,{getGidsAvatarClassNames:c}=n,m=({appearance:a,color:t,size:i,badge:r,text:n,imageSrc:s,alt:o,iconTitleId:d,class:g,...p})=>{const m=h({text:n,alt:o});return e("span",{class:c({color:t,size:i},g),...p},"image"===a?e("img",{src:s,alt:o??n??"",width:"100",height:"100"}):"icon"===a?e(l,{name:"user",alt:o??n,titleId:d}):e("span",{role:m?void 0:"img","aria-hidden":m?"true":void 0,"aria-label":m?void 0:o??n},n),r)},{getGidsProfileMenuHeaderClassNames:f}=s,{getProfileHeaderMenuAvatarText:v}=d,_=t(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.headerItemsPosition="default",this.avatarVisible=!1,this.avatarBadgeVisible=!1,this.onAvatarItemPress=e=>{const a=this.pressHeaderItems(e);this.onHeaderAvatarPress&&this.onHeaderAvatarPress({...a})},this.onHeaderItemTitlePress=e=>{const a=this.pressHeaderItems(e);this.onHeaderTitlePress&&this.onHeaderTitlePress({...a})},this.onHeaderItemSupportingTextPress=e=>{const a=this.pressHeaderItems(e);this.onHeaderSupportingTextPress&&this.onHeaderSupportingTextPress({...a})},this.pressHeaderItems=e=>{const a=this.avatarProps,t=a?.badgeProps??{};return{originalEvent:e,appearance:a?.appearance??"text",color:a?.color??"brand",imageSrc:a?.imageSrc??"",size:a?.size??"xl",text:this.getAvatarText(),badgeProps:{...t},headerItemsPosition:this?.headerItemsPosition??"default",headerTitle:this?.headerTitle??"",headerSupportingText:this?.headerSupportingText??""}},this.getAvatarText=()=>{const e=this?.avatarProps,a=this?.headerTitle;return e?.text??v({headerTitle:a})}}avatarPropsChanged(e){this.avatarProps=e}headerItemsPositionChanged(e){this.headerItemsPosition=e}headerTitleChanged(e){this.headerTitle=e}headerSupportingTextChanged(e){this.headerSupportingText=e}headerDescriptionChanged(e){this.headerDescription=e}avatarVisibilityChanged(e){this.avatarVisible=e}avatarBadgeVisibilityChanged(e){this.avatarBadgeVisible=e}connectedCallback(){}render(){const a=this?.headerItemsPosition??"default",t=this?.headerTitle,i=this?.headerSupportingText,n=this?.headerDescription,s=this?.avatarVisible??!1,o=this?.avatarBadgeVisible??!1,d=this?.avatarProps,l=d?.badgeProps,h=f({headerItemsPosition:a}),c=d?.size??"xl";return e(r,{key:"830704cc0616b1347eebe6041ebe14f57f35aafd",class:h},s?e(m,{onClick:this.onAvatarItemPress,appearance:d?.appearance??"text",color:d?.color??"brand",size:c,text:this.getAvatarText(),imageSrc:d?.imageSrc??"",alt:d?.alt??"alt-img",badge:o?e(p,{appearance:l?.appearance??"information",type:l?.type,count:l?.count,outline:l?.outline}):void 0}):void 0,e("div",{key:"b7a3e59194a6554c5cd50bc36a5eaa2f6ca0c8e1",class:g("gids-profile-menu-header__content-container-default",{"gids-profile-menu-header__content-container-centralized":"centralized"===a})},e("label",{key:"15b4582569e247c7f95b4c0082112f22f3e208e5",onClick:this.onHeaderItemTitlePress},t),e("span",{key:"f6b20cf4490bd6068ca809d2c6399e5233b7ac96",onClick:this.onHeaderItemSupportingTextPress},i),e("p",{key:"477ed8e8dc51791f9c95b031de8cc9f94ce0cc7b"},n)))}get hostElement(){return this}static get watchers(){return{avatarProps:[{avatarPropsChanged:0}],headerItemsPosition:[{headerItemsPositionChanged:0}],headerTitle:[{headerTitleChanged:0}],headerSupportingText:[{headerSupportingTextChanged:0}],headerDescription:[{headerDescriptionChanged:0}],avatarVisible:[{avatarVisibilityChanged:0}],avatarBadgeVisible:[{avatarBadgeVisibilityChanged:0}]}}static get style(){return".gids-profile-menu-header{display:flex;gap:var(--gids-gap-100);align-items:center;justify-content:flex-start;width:100%}.gids-profile-menu-header .gids-avatar{cursor:pointer;transition:all 0.3s ease-in-out}.gids-profile-menu-header .gids-avatar:hover{transform:scale(1.2)}.gids-profile-menu-header .gids-avatar:active{transform:scale(1)}.gids-profile-menu-header--position-centralized{flex-direction:column;justify-content:center;align-items:center;gap:var(--gids-gap-150)}.gids-profile-menu-header__content-container-default{display:flex;flex-direction:column;text-align:left;gap:var(--gids-gap-050)}.gids-profile-menu-header__content-container-default label{font-family:var(--gids-typography-heading-x-small__font-family);font-size:var(--gids-typography-heading-x-small__font-size);font-weight:var(--gids-typography-heading-x-small__font-weight);letter-spacing:var(--gids-typography-heading-x-small__letter-spacing);line-height:var(--gids-typography-heading-x-small__line-height);text-transform:var(--gids-typography-heading-x-small__text-transform, inherit);font-variant-caps:var(--gids-typography-heading-x-small__font-variant-caps, inherit);color:var(--gids-color-text-default);cursor:pointer;transition:all 0.3s ease-in-out}.gids-profile-menu-header__content-container-default label:hover{transform:scale(1.1);padding-bottom:var(--gids-padding-vertical-edge-to-element-050);padding-left:var(--gids-padding-horizontal-edge-to-element-100)}.gids-profile-menu-header__content-container-default label:active{transform:scale(1)}.gids-profile-menu-header__content-container-default span{font-family:var(--gids-typography-label-medium__font-family);font-size:var(--gids-typography-label-medium__font-size);font-weight:var(--gids-typography-label-medium__font-weight);letter-spacing:var(--gids-typography-label-medium__letter-spacing);line-height:var(--gids-typography-label-medium__line-height);text-transform:var(--gids-typography-label-medium__text-transform, inherit);font-variant-caps:var(--gids-typography-label-medium__font-variant-caps, inherit);color:var(--gids-color-text-subtle);cursor:pointer;transition:all 0.3s ease-in-out}.gids-profile-menu-header__content-container-default span:hover{transform:scale(1.1);padding-top:var(--gids-padding-vertical-edge-to-element-050);padding-left:var(--gids-padding-horizontal-edge-to-element-100)}.gids-profile-menu-header__content-container-default span:active{transform:scale(1)}.gids-profile-menu-header__content-container-default p{margin:0;padding:0;font-family:var(--gids-typography-paragraph-small__font-family);font-size:var(--gids-typography-paragraph-small__font-size);font-weight:var(--gids-typography-paragraph-small__font-weight);letter-spacing:var(--gids-typography-paragraph-small__letter-spacing);line-height:var(--gids-typography-paragraph-small__line-height);text-transform:var(--gids-typography-paragraph-small__text-transform, inherit);font-variant-caps:var(--gids-typography-paragraph-small__font-variant-caps, inherit);color:var(--gids-color-text-subtlest);cursor:pointer;transition:all 0.3s ease-in-out}.gids-profile-menu-header__content-container-default p:hover{transform:scale(1.1);padding-top:var(--gids-padding-vertical-edge-to-element-050);padding-left:var(--gids-padding-horizontal-edge-to-element-100)}.gids-profile-menu-header__content-container-default p:active{transform:scale(1)}.gids-profile-menu-header__content-container-centralized{text-align:center;gap:var(--gids-gap-050)}.gids-profile-menu-header__content-container-centralized label{font-family:var(--gids-typography-heading-x-small__font-family);font-size:var(--gids-typography-heading-x-small__font-size);font-weight:var(--gids-typography-heading-x-small__font-weight);letter-spacing:var(--gids-typography-heading-x-small__letter-spacing);line-height:var(--gids-typography-heading-x-small__line-height);text-transform:var(--gids-typography-heading-x-small__text-transform, inherit);font-variant-caps:var(--gids-typography-heading-x-small__font-variant-caps, inherit);color:var(--gids-color-text-default);cursor:pointer;transition:all 0.3s ease-in-out}.gids-profile-menu-header__content-container-centralized label:hover{transform:scale(1.1);padding-bottom:var(--gids-padding-vertical-edge-to-element-050)}.gids-profile-menu-header__content-container-centralized label:active{transform:scale(1)}.gids-profile-menu-header__content-container-centralized span{margin:0;padding:0;font-family:var(--gids-typography-label-medium__font-family);font-size:var(--gids-typography-label-medium__font-size);font-weight:var(--gids-typography-label-medium__font-weight);letter-spacing:var(--gids-typography-label-medium__letter-spacing);line-height:var(--gids-typography-label-medium__line-height);text-transform:var(--gids-typography-label-medium__text-transform, inherit);font-variant-caps:var(--gids-typography-label-medium__font-variant-caps, inherit);color:var(--gids-color-text-subtle);cursor:pointer;transition:all 0.3s ease-in-out}.gids-profile-menu-header__content-container-centralized span:hover{transform:scale(1.1);padding-top:var(--gids-padding-vertical-edge-to-element-050)}.gids-profile-menu-header__content-container-centralized span:active{transform:scale(1)}.gids-profile-menu-header__content-container-centralized p{margin:0;padding:0;font-family:var(--gids-typography-paragraph-small__font-family);font-size:var(--gids-typography-paragraph-small__font-size);font-weight:var(--gids-typography-paragraph-small__font-weight);letter-spacing:var(--gids-typography-paragraph-small__letter-spacing);line-height:var(--gids-typography-paragraph-small__line-height);text-transform:var(--gids-typography-paragraph-small__text-transform, inherit);font-variant-caps:var(--gids-typography-paragraph-small__font-variant-caps, inherit);color:var(--gids-color-text-subtlest);cursor:pointer;transition:all 0.3s ease-in-out}.gids-profile-menu-header__content-container-centralized p:hover{transform:scale(1.1);padding-top:var(--gids-padding-vertical-edge-to-element-050)}.gids-profile-menu-header__content-container-centralized p:active{transform:scale(1)}"}},[0,"gids-profile-menu-header",{avatarProps:[16],headerItemsPosition:[1,"header-items-position"],headerTitle:[1,"header-title"],headerSupportingText:[1,"header-supporting-text"],headerDescription:[1,"header-description"],avatarVisible:[4,"avatar-visible"],avatarBadgeVisible:[4,"avatar-badge-visible"],onHeaderAvatarPress:[16],onHeaderTitlePress:[16],onHeaderSupportingTextPress:[16]},void 0,{avatarProps:[{avatarPropsChanged:0}],headerItemsPosition:[{headerItemsPositionChanged:0}],headerTitle:[{headerTitleChanged:0}],headerSupportingText:[{headerSupportingTextChanged:0}],headerDescription:[{headerDescriptionChanged:0}],avatarVisible:[{avatarVisibilityChanged:0}],avatarBadgeVisible:[{avatarBadgeVisibilityChanged:0}]}]);function y(){"undefined"!=typeof customElements&&["gids-profile-menu-header"].forEach((e=>{"gids-profile-menu-header"===e&&(customElements.get(a(e))||customElements.define(a(e),_))}))}y();export{m as G,_ as a,y as d}
@@ -1 +1 @@
1
- import{t,p as a,H as i,h as e}from"./p-B4hcsDH0.js";import{GidsBarChartWebUtils as s}from"@ganpatiinfo/gids-web-shared";import{G as r}from"./p-C-Lpfqcg.js";import{d as l}from"./p-BdsUwTgh.js";import{d as n}from"./p-BthkC6NU.js";import{d as o}from"./p-Cacy0Dji.js";const{getGidsBarChartClassNames:d}=s,g=a(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.breakpoint="desktop",this.legend="none",this.chartData=[],this.yAxisVisible=!1,this.dataPoints=[],this.chartLoaderSize="lg",this.chartLoading=!1,this.width=0,this.height=0,this.hoveredIndex=null,this.tooltip={visible:!1,x:0,y:0}}chartDataChanged(){this.updateDimensions()}dataPointsChanged(t){this.dataPoints=t}legendChanged(t){this.legend=t}yAxisVisibilityChanged(t){this.yAxisVisible=t}componentDidLoad(){this.updateDimensions(),this.resizeObserver=new ResizeObserver((()=>this.updateDimensions())),this.hostElement.parentElement&&this.resizeObserver.observe(this.hostElement.parentElement)}disconnectedCallback(){this.resizeObserver&&this.resizeObserver.disconnect()}updateDimensions(){const t=this.hostElement.getBoundingClientRect();this.width=t.width,this.height=t.height>0?t.height:300}getTooltipItems(t){return this.chartData.reduce(((a,i)=>{const e=i.data[t];return e?(a.push({label:i?.label??"",value:String(e.value),seriesIndicatorColor:i?.seriesColor??""}),a):a}),[])}render(){if(this.chartLoading)return e("div",{class:"gids-bar-chart__no-data"},e(r,{label:this.chartLoadingTitle,supportingText:this.chartLoadingSupportingText,size:this?.chartLoaderSize??"lg"}));const t=this?.chartData?.[0]?.data?.map((t=>t.label))??[],a=t.length,i=Array(a).fill(0);this.chartData.forEach((t=>{Array.isArray(t?.data)&&t.data.forEach(((t,e)=>{e<a&&(i[e]=(i[e]??0)+(t?.value||0))}))}));const s=i.length>0?Math.max(...i):10,l=Math.pow(10,Math.floor(Math.log10(s||1)));let n=l;s/l<=2?n=l/5:s/l<=5&&(n=l/2);const o=Math.ceil(s/n)*n,g=[];if(Array.isArray(this.dataPoints)&&this.dataPoints.length>0){const t=[...this.dataPoints].sort(((t,a)=>t-a)),a=t.length>1?(t[1]??200)-(t[0]??0):200,e=Math.max(...t,o,...i),s=Math.ceil(e/(a||1));for(let t=0;t<=s;t++)g.push(t*a)}else{const t=5,a=o/(t-1);for(let i=0;i<t;i++)g.push(Math.round(0+i*a))}const h=Math.max(...g)-0||1,c=d({breakpoint:this.breakpoint});let p=!1,b=!1;"mobile"===this.breakpoint?"none"!==this.legend&&(p=!0):"top"===this.legend?p=!0:"right"===this.legend&&(b=!0);const m=100/a,y=.4*m;return e("div",{class:c},p?e("div",{class:"gids-bar-chart__header"},e("gids-chart-legend",{orientation:"horizontal"},this.chartData.map((t=>e("gids-chart-legend-item",{key:t.label,seriesColor:t?.seriesColor,orientation:"horizontal"},t.label))))):null,e("div",{class:"gids-bar-chart__main-container"},e("div",{class:"gids-bar-chart__grid-layout"},e("span",{class:"gids-bar-chart__y-axis-label"},this.yAxisLabel),e("div",{class:"gids-bar-chart__chart-stage-container"},this.yAxisVisible?e("div",{class:"gids-bar-chart__y-axis-scale-container"},g.map((t=>e("span",{class:"gids-bar-chart__scale-text gids-bar-chart__y-axis-scale-value",key:t,style:{bottom:(t-0)/h*100+"%"}},t)))):null,e("div",{class:"gids-bar-chart__chart-stage"},e("svg",{viewBox:"0 0 100 100",class:"gids-bar-chart__chart-vector",preserveAspectRatio:"none"},g.map((t=>{const a=100-(t-0)/h*100;return e("line",{x1:"0",y1:a,x2:"100",y2:a,class:"gids-bar-chart__grid-line",key:t})})),t.map(((t,a)=>{const i=a*m+(m-y)/2;let s=0;const r=[...this.chartData.map(((t,i)=>{if(!Array.isArray(t.data))return null;const e=t.data[a];if(!e)return null;const r=(e.value||0)/h*100,l=100-r-s;return s+=r,{seriesIdx:i,crownY:l,height:r,seriesColor:t?.seriesColor}})).filter((t=>null!==t&&t.height>0))].sort(((t,a)=>a.seriesIdx-t.seriesIdx));return e("g",{key:a},r.map((t=>{const a=.3*y,s=`\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tM ${i},${t.crownY+a}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tQ ${i},${t.crownY} ${i+a},${t.crownY}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tH ${i+y-a}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tQ ${i+y},${t.crownY} ${i+y},${t.crownY+a}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tV 100\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tH ${i}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tZ\n\t\t\t\t\t\t\t\t\t\t\t\t\t`.replace(/\s+/g," ").trim();return e("path",{key:t.seriesIdx,d:s,class:"gids-bar-chart__bar",style:{fill:t?.seriesColor}})})),e("rect",{x:i,y:"0",width:y,height:"100",fill:"transparent","pointer-events":"all",onMouseMove:t=>{this.hoveredIndex=a,this.tooltip={visible:!0,x:t.clientX,y:t.clientY}},onMouseLeave:()=>{this.hoveredIndex=null,this.tooltip={...this.tooltip,visible:!1}}}))}))),e("gids-advanced-tooltip",{visible:this.tooltip.visible,x:this.tooltip.x,y:this.tooltip.y,items:null!==this.hoveredIndex?this.getTooltipItems(this.hoveredIndex):[]}))),e("div",{class:"gids-bar-chart__x-axis-scale-container"},t.map(((t,a)=>e("span",{class:"gids-bar-chart__scale-text",key:a},t)))),e("span",{class:"gids-bar-chart__x-axis-label"},this.xAxisLabel)),b?e("gids-chart-legend",{orientation:"vertical"},this.chartData.map((t=>e("gids-chart-legend-item",{key:t.label,seriesColor:t?.seriesColor,orientation:"vertical"},t.label)))):null))}get hostElement(){return this}static get watchers(){return{chartData:[{chartDataChanged:0}],dataPoints:[{dataPointsChanged:0}],legend:[{legendChanged:0}],yAxisVisible:[{yAxisVisibilityChanged:0}]}}static get style(){return":host{display:block;width:100%;height:100%;box-sizing:border-box}.gids-bar-chart{display:flex;flex-direction:column;width:100%;height:100%;box-sizing:border-box}.gids-bar-chart--breakpoint-mobile{max-width:var(--gids-width-xs)}.gids-bar-chart__main-container{display:flex;gap:var(--gids-gap-200)}.gids-bar-chart__header{display:flex;justify-content:flex-end;align-items:center;width:100%;margin-bottom:var(--gids-padding-vertical-edge-to-element-200)}.gids-bar-chart__grid-layout{display:grid;grid-template-columns:auto 1fr;grid-template-rows:minmax(180px, 280px) auto auto;flex:1;width:100%;height:100%;box-sizing:border-box}.gids-bar-chart__y-axis-label{grid-column:1;grid-row:1;display:flex;align-items:center;justify-content:center;margin-right:var(--gids-padding-horizontal-edge-to-element-600);font-family:var(--gids-typography-label-x-small__font-family);font-size:var(--gids-typography-label-x-small__font-size);font-weight:var(--gids-typography-label-x-small__font-weight);letter-spacing:var(--gids-typography-label-x-small__letter-spacing);line-height:var(--gids-typography-label-x-small__line-height);text-transform:var(--gids-typography-label-x-small__text-transform, inherit);font-variant-caps:var(--gids-typography-label-x-small__font-variant-caps, inherit);color:var(--gids-color-text-subtlest);writing-mode:vertical-rl;transform:rotate(180deg);white-space:nowrap}.gids-bar-chart__chart-stage-container{grid-column:2;grid-row:1;position:relative;width:100%;height:100%;padding-left:var(--gids-container-padding-desktop);box-sizing:border-box}.gids-bar-chart__y-axis-scale-container{position:absolute;top:0;bottom:0;left:0;width:calc(var(--gids-container-padding-desktop) - var(--gids-padding-horizontal-edge-to-element-100));pointer-events:none}.gids-bar-chart__y-axis-scale-value{position:absolute;right:0;transform:translateY(50%);margin-right:var(--gids-padding-horizontal-edge-to-element-100)}.gids-bar-chart__chart-stage{position:relative;width:100%;height:100%;border-bottom:var(--gids-border-width-thin) solid var(--gids-color-border-default);box-sizing:border-box}.gids-bar-chart__chart-vector{display:block;width:100%;height:100%;overflow:visible}.gids-bar-chart__grid-line{stroke:var(--gids-color-border-default);stroke-width:0.5;fill:none}.gids-bar-chart{}.gids-bar-chart__bar{vector-effect:non-scaling-stroke}.gids-bar-chart{}.gids-bar-chart__x-axis-scale-container{display:flex;grid-column:2;grid-row:2;justify-content:space-around;align-items:center;padding-left:var(--gids-container-padding-desktop);padding-top:var(--gids-padding-vertical-edge-to-element-200);gap:var(--gids-gap-050);box-sizing:border-box}.gids-bar-chart__x-axis-label{grid-column:2;grid-row:3;display:flex;justify-content:center;align-items:center;padding-top:var(--gids-padding-vertical-edge-to-element-100);font-family:var(--gids-typography-label-x-small__font-family);font-size:var(--gids-typography-label-x-small__font-size);font-weight:var(--gids-typography-label-x-small__font-weight);letter-spacing:var(--gids-typography-label-x-small__letter-spacing);line-height:var(--gids-typography-label-x-small__line-height);text-transform:var(--gids-typography-label-x-small__text-transform, inherit);font-variant-caps:var(--gids-typography-label-x-small__font-variant-caps, inherit);color:var(--gids-color-text-subtlest);white-space:nowrap}.gids-bar-chart__scale-text{font-family:var(--gids-typography-label-x-small__font-family);font-size:var(--gids-typography-label-x-small__font-size);font-weight:var(--gids-typography-label-x-small__font-weight);letter-spacing:var(--gids-typography-label-x-small__letter-spacing);line-height:var(--gids-typography-label-x-small__line-height);text-transform:var(--gids-typography-label-x-small__text-transform, inherit);font-variant-caps:var(--gids-typography-label-x-small__font-variant-caps, inherit);color:var(--gids-color-text-subtlest);user-select:none;white-space:nowrap}.gids-bar-chart__no-data{display:flex;align-items:center;justify-content:center;padding:var(--gids-padding-vertical-edge-to-element-300) var(--gids-padding-horizontal-edge-to-element-100);width:100%;height:100%;min-height:200px;color:var(--gids-color-text-subtlest);border:var(--gids-border-width-thin) dashed var(--gids-color-border-default);border-radius:var(--gids-border-radius-md)}"}},[0,"gids-bar-chart",{breakpoint:[1],legend:[1],chartData:[16],yAxisVisible:[4,"y-axis-visible"],xAxisLabel:[1,"x-axis-label"],yAxisLabel:[1,"y-axis-label"],dataPoints:[16],chartLoaderSize:[1,"chart-loader-size"],chartLoading:[4,"chart-loading"],chartLoadingTitle:[1,"chart-loading-title"],chartLoadingSupportingText:[1,"chart-loading-supporting-text"],width:[32],height:[32],hoveredIndex:[32],tooltip:[32]},void 0,{chartData:[{chartDataChanged:0}],dataPoints:[{dataPointsChanged:0}],legend:[{legendChanged:0}],yAxisVisible:[{yAxisVisibilityChanged:0}]}]);function h(){"undefined"!=typeof customElements&&["gids-bar-chart","gids-advanced-tooltip","gids-chart-legend","gids-chart-legend-item"].forEach((a=>{switch(a){case"gids-bar-chart":customElements.get(t(a))||customElements.define(t(a),g);break;case"gids-advanced-tooltip":customElements.get(t(a))||l();break;case"gids-chart-legend":customElements.get(t(a))||n();break;case"gids-chart-legend-item":customElements.get(t(a))||o()}}))}h();export{g as G,h as d}
1
+ import{t,p as a,H as i,h as e}from"./p-B4hcsDH0.js";import{GidsBarChartWebUtils as s}from"@ganpatiinfo/gids-web-shared";import{G as r}from"./p-C-Lpfqcg.js";import{d as l}from"./p-D0RJMGGj.js";import{d as n}from"./p-DnRuhvRw.js";import{d as o}from"./p-E13ycS5K.js";const{getGidsBarChartClassNames:d}=s,g=a(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.breakpoint="desktop",this.legend="none",this.chartData=[],this.yAxisVisible=!1,this.dataPoints=[],this.chartLoaderSize="lg",this.chartLoading=!1,this.width=0,this.height=0,this.hoveredIndex=null,this.tooltip={visible:!1,x:0,y:0}}chartDataChanged(){this.updateDimensions()}dataPointsChanged(t){this.dataPoints=t}legendChanged(t){this.legend=t}yAxisVisibilityChanged(t){this.yAxisVisible=t}componentDidLoad(){this.updateDimensions(),this.resizeObserver=new ResizeObserver((()=>this.updateDimensions())),this.hostElement.parentElement&&this.resizeObserver.observe(this.hostElement.parentElement)}disconnectedCallback(){this.resizeObserver&&this.resizeObserver.disconnect()}updateDimensions(){const t=this.hostElement.getBoundingClientRect();this.width=t.width,this.height=t.height>0?t.height:300}getTooltipItems(t){return this.chartData.reduce(((a,i)=>{const e=i.data[t];return e?(a.push({label:i?.label??"",value:String(e.value),seriesIndicatorColor:i?.seriesColor??""}),a):a}),[])}render(){if(this.chartLoading)return e("div",{class:"gids-bar-chart__no-data"},e(r,{label:this.chartLoadingTitle,supportingText:this.chartLoadingSupportingText,size:this?.chartLoaderSize??"lg"}));const t=this?.chartData?.[0]?.data?.map((t=>t.label))??[],a=t.length,i=Array(a).fill(0);this.chartData.forEach((t=>{Array.isArray(t?.data)&&t.data.forEach(((t,e)=>{e<a&&(i[e]=(i[e]??0)+(t?.value||0))}))}));const s=i.length>0?Math.max(...i):10,l=Math.pow(10,Math.floor(Math.log10(s||1)));let n=l;s/l<=2?n=l/5:s/l<=5&&(n=l/2);const o=Math.ceil(s/n)*n,g=[];if(Array.isArray(this.dataPoints)&&this.dataPoints.length>0){const t=[...this.dataPoints].sort(((t,a)=>t-a)),a=t.length>1?(t[1]??200)-(t[0]??0):200,e=Math.max(...t,o,...i),s=Math.ceil(e/(a||1));for(let t=0;t<=s;t++)g.push(t*a)}else{const t=5,a=o/(t-1);for(let i=0;i<t;i++)g.push(Math.round(0+i*a))}const h=Math.max(...g)-0||1,c=d({breakpoint:this.breakpoint});let p=!1,b=!1;"mobile"===this.breakpoint?"none"!==this.legend&&(p=!0):"top"===this.legend?p=!0:"right"===this.legend&&(b=!0);const m=100/a,y=.4*m;return e("div",{class:c},p?e("div",{class:"gids-bar-chart__header"},e("gids-chart-legend",{orientation:"horizontal"},this.chartData.map((t=>e("gids-chart-legend-item",{key:t.label,seriesColor:t?.seriesColor,orientation:"horizontal"},t.label))))):null,e("div",{class:"gids-bar-chart__main-container"},e("div",{class:"gids-bar-chart__grid-layout"},e("span",{class:"gids-bar-chart__y-axis-label"},this.yAxisLabel),e("div",{class:"gids-bar-chart__chart-stage-container"},this.yAxisVisible?e("div",{class:"gids-bar-chart__y-axis-scale-container"},g.map((t=>e("span",{class:"gids-bar-chart__scale-text gids-bar-chart__y-axis-scale-value",key:t,style:{bottom:(t-0)/h*100+"%"}},t)))):null,e("div",{class:"gids-bar-chart__chart-stage"},e("svg",{viewBox:"0 0 100 100",class:"gids-bar-chart__chart-vector",preserveAspectRatio:"none"},g.map((t=>{const a=100-(t-0)/h*100;return e("line",{x1:"0",y1:a,x2:"100",y2:a,class:"gids-bar-chart__grid-line",key:t})})),t.map(((t,a)=>{const i=a*m+(m-y)/2;let s=0;const r=[...this.chartData.map(((t,i)=>{if(!Array.isArray(t.data))return null;const e=t.data[a];if(!e)return null;const r=(e.value||0)/h*100,l=100-r-s;return s+=r,{seriesIdx:i,crownY:l,height:r,seriesColor:t?.seriesColor}})).filter((t=>null!==t&&t.height>0))].sort(((t,a)=>a.seriesIdx-t.seriesIdx));return e("g",{key:a},r.map((t=>{const a=.3*y,s=`\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tM ${i},${t.crownY+a}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tQ ${i},${t.crownY} ${i+a},${t.crownY}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tH ${i+y-a}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tQ ${i+y},${t.crownY} ${i+y},${t.crownY+a}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tV 100\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tH ${i}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tZ\n\t\t\t\t\t\t\t\t\t\t\t\t\t`.replace(/\s+/g," ").trim();return e("path",{key:t.seriesIdx,d:s,class:"gids-bar-chart__bar",style:{fill:t?.seriesColor}})})),e("rect",{x:i,y:"0",width:y,height:"100",fill:"transparent","pointer-events":"all",onMouseMove:t=>{this.hoveredIndex=a,this.tooltip={visible:!0,x:t.clientX,y:t.clientY}},onMouseLeave:()=>{this.hoveredIndex=null,this.tooltip={...this.tooltip,visible:!1}}}))}))),e("gids-advanced-tooltip",{visible:this.tooltip.visible,x:this.tooltip.x,y:this.tooltip.y,items:null!==this.hoveredIndex?this.getTooltipItems(this.hoveredIndex):[]}))),e("div",{class:"gids-bar-chart__x-axis-scale-container"},t.map(((t,a)=>e("span",{class:"gids-bar-chart__scale-text",key:a},t)))),e("span",{class:"gids-bar-chart__x-axis-label"},this.xAxisLabel)),b?e("gids-chart-legend",{orientation:"vertical"},this.chartData.map((t=>e("gids-chart-legend-item",{key:t.label,seriesColor:t?.seriesColor,orientation:"vertical"},t.label)))):null))}get hostElement(){return this}static get watchers(){return{chartData:[{chartDataChanged:0}],dataPoints:[{dataPointsChanged:0}],legend:[{legendChanged:0}],yAxisVisible:[{yAxisVisibilityChanged:0}]}}static get style(){return":host{display:block;width:100%;height:100%;box-sizing:border-box}.gids-bar-chart{display:flex;flex-direction:column;width:100%;height:100%;box-sizing:border-box}.gids-bar-chart--breakpoint-mobile{max-width:var(--gids-width-xs)}.gids-bar-chart__main-container{display:flex;gap:var(--gids-gap-200)}.gids-bar-chart__header{display:flex;justify-content:flex-end;align-items:center;width:100%;margin-bottom:var(--gids-padding-vertical-edge-to-element-200)}.gids-bar-chart__grid-layout{display:grid;grid-template-columns:auto 1fr;grid-template-rows:minmax(180px, 280px) auto auto;flex:1;width:100%;height:100%;box-sizing:border-box}.gids-bar-chart__y-axis-label{grid-column:1;grid-row:1;display:flex;align-items:center;justify-content:center;margin-right:var(--gids-padding-horizontal-edge-to-element-600);font-family:var(--gids-typography-label-x-small__font-family);font-size:var(--gids-typography-label-x-small__font-size);font-weight:var(--gids-typography-label-x-small__font-weight);letter-spacing:var(--gids-typography-label-x-small__letter-spacing);line-height:var(--gids-typography-label-x-small__line-height);text-transform:var(--gids-typography-label-x-small__text-transform, inherit);font-variant-caps:var(--gids-typography-label-x-small__font-variant-caps, inherit);color:var(--gids-color-text-subtlest);writing-mode:vertical-rl;transform:rotate(180deg);white-space:nowrap}.gids-bar-chart__chart-stage-container{grid-column:2;grid-row:1;position:relative;width:100%;height:100%;padding-left:var(--gids-container-padding-desktop);box-sizing:border-box}.gids-bar-chart__y-axis-scale-container{position:absolute;top:0;bottom:0;left:0;width:calc(var(--gids-container-padding-desktop) - var(--gids-padding-horizontal-edge-to-element-100));pointer-events:none}.gids-bar-chart__y-axis-scale-value{position:absolute;right:0;transform:translateY(50%);margin-right:var(--gids-padding-horizontal-edge-to-element-100)}.gids-bar-chart__chart-stage{position:relative;width:100%;height:100%;border-bottom:var(--gids-border-width-thin) solid var(--gids-color-border-default);box-sizing:border-box}.gids-bar-chart__chart-vector{display:block;width:100%;height:100%;overflow:visible}.gids-bar-chart__grid-line{stroke:var(--gids-color-border-default);stroke-width:0.5;fill:none}.gids-bar-chart{}.gids-bar-chart__bar{vector-effect:non-scaling-stroke}.gids-bar-chart{}.gids-bar-chart__x-axis-scale-container{display:flex;grid-column:2;grid-row:2;justify-content:space-around;align-items:center;padding-left:var(--gids-container-padding-desktop);padding-top:var(--gids-padding-vertical-edge-to-element-200);gap:var(--gids-gap-050);box-sizing:border-box}.gids-bar-chart__x-axis-label{grid-column:2;grid-row:3;display:flex;justify-content:center;align-items:center;padding-top:var(--gids-padding-vertical-edge-to-element-100);font-family:var(--gids-typography-label-x-small__font-family);font-size:var(--gids-typography-label-x-small__font-size);font-weight:var(--gids-typography-label-x-small__font-weight);letter-spacing:var(--gids-typography-label-x-small__letter-spacing);line-height:var(--gids-typography-label-x-small__line-height);text-transform:var(--gids-typography-label-x-small__text-transform, inherit);font-variant-caps:var(--gids-typography-label-x-small__font-variant-caps, inherit);color:var(--gids-color-text-subtlest);white-space:nowrap}.gids-bar-chart__scale-text{font-family:var(--gids-typography-label-x-small__font-family);font-size:var(--gids-typography-label-x-small__font-size);font-weight:var(--gids-typography-label-x-small__font-weight);letter-spacing:var(--gids-typography-label-x-small__letter-spacing);line-height:var(--gids-typography-label-x-small__line-height);text-transform:var(--gids-typography-label-x-small__text-transform, inherit);font-variant-caps:var(--gids-typography-label-x-small__font-variant-caps, inherit);color:var(--gids-color-text-subtlest);user-select:none;white-space:nowrap}.gids-bar-chart__no-data{display:flex;align-items:center;justify-content:center;padding:var(--gids-padding-vertical-edge-to-element-300) var(--gids-padding-horizontal-edge-to-element-100);width:100%;height:100%;min-height:200px;color:var(--gids-color-text-subtlest);border:var(--gids-border-width-thin) dashed var(--gids-color-border-default);border-radius:var(--gids-border-radius-md)}"}},[0,"gids-bar-chart",{breakpoint:[1],legend:[1],chartData:[16],yAxisVisible:[4,"y-axis-visible"],xAxisLabel:[1,"x-axis-label"],yAxisLabel:[1,"y-axis-label"],dataPoints:[16],chartLoaderSize:[1,"chart-loader-size"],chartLoading:[4,"chart-loading"],chartLoadingTitle:[1,"chart-loading-title"],chartLoadingSupportingText:[1,"chart-loading-supporting-text"],width:[32],height:[32],hoveredIndex:[32],tooltip:[32]},void 0,{chartData:[{chartDataChanged:0}],dataPoints:[{dataPointsChanged:0}],legend:[{legendChanged:0}],yAxisVisible:[{yAxisVisibilityChanged:0}]}]);function h(){"undefined"!=typeof customElements&&["gids-bar-chart","gids-advanced-tooltip","gids-chart-legend","gids-chart-legend-item"].forEach((a=>{switch(a){case"gids-bar-chart":customElements.get(t(a))||customElements.define(t(a),g);break;case"gids-advanced-tooltip":customElements.get(t(a))||l();break;case"gids-chart-legend":customElements.get(t(a))||n();break;case"gids-chart-legend-item":customElements.get(t(a))||o()}}))}h();export{g as G,h as d}
@@ -1 +1 @@
1
- import{t,p as e,H as i,h as s}from"./p-B4hcsDH0.js";import{GidsDropdownPickerWebUtils as n}from"@ganpatiinfo/gids-web-shared";import{G as o}from"./p-Dg_WeHpV.js";import{G as d}from"./p-iQRr_fAH.js";const{getGidsDropdownPickerClassNames:r}=n,a=e(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.appearance="subtle",this.size="sm",this.idPicker="",this.expanded=!1,this.hasLeadingIcon=!1,this.hasItemListener=!1,this.suppressNextMenuClickSelection=!1,this.hasDocumentListeners=!1,this.handleDropdownPickerItemSelect=t=>{const{value:e,title:i,disabled:s,id:n,isPlaceholderItem:o}=t.detail;s||"string"!=typeof e||(this.suppressNextMenuClickSelection=!0,queueMicrotask((()=>{this.suppressNextMenuClickSelection=!1})),this.applySelection({id:n,value:e,title:i,disabled:!1,originalEvent:t,isPlaceholderItem:o}))},this.handleMenuClick=t=>{if(this.suppressNextMenuClickSelection)return;const e=t.target;if(!(e instanceof Element))return;const i=e.closest(".gids-dropdown-item");if(!i||!this.hostElement.contains(i))return;if(i.hasAttribute("disabled")||"true"===i.getAttribute("aria-disabled"))return;const s=i instanceof HTMLButtonElement?i.value:i.getAttribute("value")||"";if("string"!=typeof s||0===s.length)return;const n=i instanceof HTMLButtonElement?i.id:i.getAttribute("id")??"";if("string"!=typeof n||0===n.length)return;const o=i.getAttribute("is-placeholder-item")??"";this.applySelection({id:n,value:s,title:i.textContent?.trim()??"",disabled:!1,originalEvent:t,isPlaceholderItem:!(!o||"true"!==o)})},this.handleTriggerToggle=t=>{this.isInteractive()&&this.setExpandedState(!this.expanded,t)},this.handleDropdownButtonClickToggle=t=>{t.defaultPrevented||(t.stopPropagation(),this.handleTriggerToggle(t))},this.handleOutSpaceClickOfDropdownButtonToggle=t=>{this.expanded&&(t.stopPropagation(),this.setExpandedState(!1))},this.handleDocumentPointerDown=t=>{2!==t.button&&this.expanded&&(("function"==typeof t.composedPath?t.composedPath():[]).includes(this.hostElement)||this.hostElement.contains(t.target)||this.setExpandedState(!1,t))},this.handleDocumentKeyDown=t=>{if(!this.expanded)return;const e=t.key;if("Escape"===e||"Esc"===e)return t.preventDefault(),void this.setExpandedState(!1,t);"Tab"===e&&this.setExpandedState(!1,t)},this.handleFormReset=()=>{this.value=this.initialValue,this.selectedItemTitle=void 0,this.setExpandedState(!1)}}handleExpandedChange(t){t&&!this.isInteractive()&&(this.expanded=!1)}handleInteractivityChange(){!this.isInteractive()&&this.expanded&&this.setExpandedState(!1)}connectedCallback(){this.initialValue=this.value,this.attachItemListener(),this.attachDocumentListeners(),this.attachFormListener()}disconnectedCallback(){this.detachItemListener(),this.detachDocumentListeners(),this.detachFormListener()}componentWillLoad(){this.checkSlots()}componentWillUpdate(){this.checkSlots()}checkSlots(){this.hasLeadingIcon=!!this.hostElement.querySelector('[slot="leadingIconDropdownPicker"]')}getDropdownButtonControl(){return this.hostElement.querySelector(".gids-button")}getItemElements(){return Array.from(this.hostElement.querySelectorAll(".gids-dropdown-item"))}attachItemListener(){this.hasItemListener||(this.hostElement.addEventListener("onPressDropdownItem",this.handleDropdownPickerItemSelect),this.hasItemListener=!0)}detachItemListener(){this.hasItemListener&&(this.hostElement.removeEventListener("onPressDropdownItem",this.handleDropdownPickerItemSelect),this.hasItemListener=!1)}applySelection(t){this.value=t.value,this.selectedItemTitle="string"==typeof t.title?t.title:void 0,this.clearActive(),this.setExpandedState(!1,this.coerceEvent(t.originalEvent)),this.onSelectionChange?.(t),this.hostElement.dispatchEvent(new CustomEvent("gidsDropdownPickerChange",{bubbles:!0,composed:!0,detail:t}))}clearActive(){this.getItemElements().forEach((t=>t.classList.remove("gids-dropdown-item--active")))}setExpandedState(t,e){const i=Boolean(t);i&&!this.isInteractive()||this.expanded!==i&&(this.expanded=i,i||(this.clearActive(),this.syncInputDisplayValue()),this.hostElement.dispatchEvent(new CustomEvent("gidsDropdownPickerToggle",{bubbles:!0,composed:!0,detail:{expanded:i,originalEvent:e}})))}syncInputDisplayValue(){const t=this.getDropdownButtonControl();t&&t.value!==(this.selectedItemTitle??"")&&(t.value=this.selectedItemTitle??"")}attachDocumentListeners(){this.hasDocumentListeners||"undefined"==typeof document||(document.addEventListener("pointerdown",this.handleDocumentPointerDown),document.addEventListener("keydown",this.handleDocumentKeyDown),this.hasDocumentListeners=!0)}detachDocumentListeners(){this.hasDocumentListeners&&"undefined"!=typeof document&&(document.removeEventListener("pointerdown",this.handleDocumentPointerDown),document.removeEventListener("keydown",this.handleDocumentKeyDown),this.hasDocumentListeners=!1)}attachFormListener(){const t=this.hostElement.closest("form");this.patternForm!==t&&(this.patternForm&&this.patternForm.removeEventListener("reset",this.handleFormReset),this.patternForm=t??void 0,this.patternForm?.addEventListener("reset",this.handleFormReset))}detachFormListener(){this.patternForm&&(this.patternForm.removeEventListener("reset",this.handleFormReset),this.patternForm=void 0)}isInteractive(){return!this.disabled}coerceEvent(t){if("undefined"!=typeof Event&&null!==t)return t instanceof Event?t:void 0}render(){const t=this.expanded&&this.isInteractive(),e=r({expanded:t}),i="string"==typeof this.idPicker?this.idPicker:void 0,n=i?`${i}__menu`:void 0;return s("div",{key:"71d81b97fa9194702f5ecab842e09d741be8ef15",class:e,onClick:this.handleOutSpaceClickOfDropdownButtonToggle},s(o,{key:"81175ae046e5686ccf116ce2967f4a437db4193d",role:"pickerbox","aria-expanded":t?"true":"false","aria-haspopup":"pickerlistbox","aria-controls":n??"",onClick:this.handleDropdownButtonClickToggle,disabled:this.disabled,value:this.selectedItemTitle??this.value??"",loading:this.loading,appearance:this.appearance,size:this.size},this.hasLeadingIcon?s("slot",{name:"leadingIconDropdownPicker",slot:"leadingIcon"}):s(d,{name:"chevron-down",size:this.size,appearance:"regular",alt:"",slot:"leadingIcon"})),s("div",{key:"74a5c6fde8cf21cf08478a7d888922a263003802",class:"gids-dropdown-picker__menu",id:n,role:"pickerbox",onClick:this.handleMenuClick},s("slot",{key:"dbf8ed799e1d586b73e7cd2f949e73330c067557"})))}get hostElement(){return this}static get watchers(){return{expanded:[{handleExpandedChange:0}],disabled:[{handleInteractivityChange:0}]}}static get style(){return".gids-dropdown-picker{position:relative}.gids-dropdown-picker__menu{position:absolute;inset-inline:0;top:calc(100% + var(--gids-gap-050));z-index:3;display:none;flex-direction:column;align-self:stretch;min-width:var(--gids-width-2-xs);min-height:55px;max-height:15rem;overflow-x:hidden;overflow-y:auto;background-color:var(--gids-elevation-surface-overlay-default);box-shadow:var(--gids-elevation-shadow-overlay);border-radius:var(--gids-border-radius-lg)}.gids-dropdown-picker__menu>*{flex-shrink:0}.gids-dropdown-picker--expanded .gids-dropdown-picker__menu{display:flex}"}},[260,"gids-dropdown-picker",{appearance:[1],size:[1],idPicker:[1,"id-picker"],expanded:[1540],disabled:[516],loading:[516],value:[513],name:[1],onSelectionChange:[16],selectedItemTitle:[32],hasLeadingIcon:[32]},void 0,{expanded:[{handleExpandedChange:0}],disabled:[{handleInteractivityChange:0}]}]);function h(){"undefined"!=typeof customElements&&["gids-dropdown-picker"].forEach((e=>{"gids-dropdown-picker"===e&&(customElements.get(t(e))||customElements.define(t(e),a))}))}h();export{a as G,h as d}
1
+ import{t,p as e,H as i,h as s}from"./p-B4hcsDH0.js";import{GidsDropdownPickerWebUtils as n}from"@ganpatiinfo/gids-web-shared";import{G as o}from"./p-Dg_WeHpV.js";import{G as d}from"./p-iQRr_fAH.js";const{getGidsDropdownPickerClassNames:a}=n,r=e(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.appearance="subtle",this.size="sm",this.idPicker="",this.expanded=!1,this.hasLeadingIcon=!1,this.hasItemListener=!1,this.suppressNextMenuClickSelection=!1,this.hasDocumentListeners=!1,this.handleDropdownPickerItemSelect=t=>{const{value:e,title:i,disabled:s,id:n,isPlaceholderItem:o}=t.detail;s||"string"!=typeof e||(this.suppressNextMenuClickSelection=!0,queueMicrotask((()=>{this.suppressNextMenuClickSelection=!1})),this.applySelection({id:n,value:e,title:i,disabled:!1,originalEvent:t,isPlaceholderItem:o}))},this.handleMenuClick=t=>{if(this.suppressNextMenuClickSelection)return;const e=t.target;if(!(e instanceof Element))return;const i=e.closest(".gids-dropdown-item");if(!i||!this.hostElement.contains(i))return;if(i.hasAttribute("disabled")||"true"===i.getAttribute("aria-disabled"))return;const s=i instanceof HTMLButtonElement?i.value:i.getAttribute("value")||"";if("string"!=typeof s||0===s.length)return;const n=i instanceof HTMLButtonElement?i.id:i.getAttribute("id")??"";if("string"!=typeof n||0===n.length)return;const o=i.getAttribute("is-placeholder-item")??"";this.applySelection({id:n,value:s,title:i.textContent?.trim()??"",disabled:!1,originalEvent:t,isPlaceholderItem:!(!o||"true"!==o)})},this.handleTriggerToggle=t=>{this.isInteractive()&&this.setExpandedState(!this.expanded,t)},this.handleDropdownButtonClickToggle=t=>{t.defaultPrevented||(t.stopPropagation(),this.handleTriggerToggle(t))},this.handleOutSpaceClickOfDropdownButtonToggle=t=>{this.expanded&&(t.stopPropagation(),this.setExpandedState(!1))},this.handleDocumentPointerDown=t=>{2!==t.button&&this.expanded&&(("function"==typeof t.composedPath?t.composedPath():[]).includes(this.hostElement)||this.hostElement.contains(t.target)||this.setExpandedState(!1,t))},this.handleDocumentKeyDown=t=>{if(!this.expanded)return;const e=t.key;if("Escape"===e||"Esc"===e)return t.preventDefault(),void this.setExpandedState(!1,t);"Tab"===e&&this.setExpandedState(!1,t)},this.handleFormReset=()=>{this.value=this.initialValue,this.selectedItemTitle=void 0,this.setExpandedState(!1)}}handleExpandedChange(t){t&&!this.isInteractive()&&(this.expanded=!1)}handleInteractivityChange(){!this.isInteractive()&&this.expanded&&this.setExpandedState(!1)}connectedCallback(){this.initialValue=this.value,this.attachItemListener(),this.attachDocumentListeners(),this.attachFormListener()}disconnectedCallback(){this.detachItemListener(),this.detachDocumentListeners(),this.detachFormListener()}componentWillLoad(){this.checkSlots()}componentWillUpdate(){this.checkSlots()}checkSlots(){this.hasLeadingIcon=!!this.hostElement.querySelector('[slot="leadingIconDropdownPicker"]')}getDropdownButtonControl(){return this.hostElement.querySelector(".gids-button")}getItemElements(){return Array.from(this.hostElement.querySelectorAll(".gids-dropdown-item"))}attachItemListener(){this.hasItemListener||(this.hostElement.addEventListener("onPressDropdownItem",this.handleDropdownPickerItemSelect),this.hasItemListener=!0)}detachItemListener(){this.hasItemListener&&(this.hostElement.removeEventListener("onPressDropdownItem",this.handleDropdownPickerItemSelect),this.hasItemListener=!1)}applySelection(t){this.value=t.value,this.selectedItemTitle="string"==typeof t.title?t.title:void 0,this.clearActive(),this.setExpandedState(!1,this.coerceEvent(t.originalEvent)),this.onSelectionChange?.(t),this.hostElement.dispatchEvent(new CustomEvent("gidsDropdownPickerChange",{bubbles:!0,composed:!0,detail:t}))}clearActive(){this.getItemElements().forEach((t=>t.classList.remove("gids-dropdown-item--active")))}setExpandedState(t,e){const i=Boolean(t);i&&!this.isInteractive()||this.expanded!==i&&(this.expanded=i,i||(this.clearActive(),this.syncInputDisplayValue()),this.hostElement.dispatchEvent(new CustomEvent("gidsDropdownPickerToggle",{bubbles:!0,composed:!0,detail:{expanded:i,originalEvent:e}})))}syncInputDisplayValue(){const t=this.getDropdownButtonControl();t&&t.value!==(this.selectedItemTitle??"")&&(t.value=this.selectedItemTitle??"")}attachDocumentListeners(){this.hasDocumentListeners||"undefined"==typeof document||(document.addEventListener("pointerdown",this.handleDocumentPointerDown),document.addEventListener("keydown",this.handleDocumentKeyDown),this.hasDocumentListeners=!0)}detachDocumentListeners(){this.hasDocumentListeners&&"undefined"!=typeof document&&(document.removeEventListener("pointerdown",this.handleDocumentPointerDown),document.removeEventListener("keydown",this.handleDocumentKeyDown),this.hasDocumentListeners=!1)}attachFormListener(){const t=this.hostElement.closest("form");this.patternForm!==t&&(this.patternForm&&this.patternForm.removeEventListener("reset",this.handleFormReset),this.patternForm=t??void 0,this.patternForm?.addEventListener("reset",this.handleFormReset))}detachFormListener(){this.patternForm&&(this.patternForm.removeEventListener("reset",this.handleFormReset),this.patternForm=void 0)}isInteractive(){return!this.disabled}coerceEvent(t){if("undefined"!=typeof Event&&null!==t)return t instanceof Event?t:void 0}render(){const t=this.expanded&&this.isInteractive(),e=a({expanded:t}),i="string"==typeof this.idPicker?this.idPicker:void 0,n=i?`${i}__menu`:void 0;return s("div",{key:"f4e12af57681f548e0b716745c483a31efbce9b5",class:e,onClick:this.handleOutSpaceClickOfDropdownButtonToggle},s(o,{key:"9b57b9f953d0e0727a5ae1304b2fca67f193108f",role:"pickerbox","aria-expanded":t?"true":"false","aria-haspopup":"pickerlistbox","aria-controls":n??"",onClick:this.handleDropdownButtonClickToggle,disabled:this.disabled,value:this.selectedItemTitle??this.value??"",loading:this.loading,appearance:this.appearance,size:this.size},this.hasLeadingIcon?s("slot",{name:"leadingIconDropdownPicker",slot:"leadingIcon"}):s(d,{name:"chevron-down",size:this.size,appearance:"regular",alt:"",slot:"leadingIcon"})),s("div",{key:"0360e3130abaa72d80b5f495dc3aec556d3fc0bf",class:"gids-dropdown-picker__menu",id:n,role:"pickerbox",onClick:this.handleMenuClick},s("slot",{key:"44cb6172ec327f229d5239ae2730bc7c9a07a244"})))}get hostElement(){return this}static get watchers(){return{expanded:[{handleExpandedChange:0}],disabled:[{handleInteractivityChange:0}]}}static get style(){return".gids-dropdown-picker{position:relative}.gids-dropdown-picker__menu{position:absolute;inset-inline:0;top:calc(100% + var(--gids-gap-050));z-index:3;display:none;flex-direction:column;align-self:stretch;min-width:var(--gids-width-2-xs);min-height:55px;max-height:15rem;overflow-x:hidden;overflow-y:auto;background-color:var(--gids-elevation-surface-overlay-default);box-shadow:var(--gids-elevation-shadow-overlay);border-radius:var(--gids-border-radius-lg)}.gids-dropdown-picker__menu>*{flex-shrink:0}.gids-dropdown-picker--expanded .gids-dropdown-picker__menu{display:flex}"}},[260,"gids-dropdown-picker",{appearance:[1],size:[1],idPicker:[1,"id-picker"],expanded:[1540],disabled:[516],loading:[516],value:[513],name:[1],onSelectionChange:[16],selectedItemTitle:[32],hasLeadingIcon:[32]},void 0,{expanded:[{handleExpandedChange:0}],disabled:[{handleInteractivityChange:0}]}]);function h(){"undefined"!=typeof customElements&&["gids-dropdown-picker"].forEach((e=>{"gids-dropdown-picker"===e&&(customElements.get(t(e))||customElements.define(t(e),r))}))}h();export{r as G,h as d}
@@ -0,0 +1 @@
1
+ import{h as i}from"./p-B4hcsDH0.js";import{GidsDividerWebUtils as s}from"@ganpatiinfo/gids-web-shared";const{getGidsDividerClassNames:o}=s,r=({orientation:s})=>i("hr",{class:o({orientation:s})});export{r as G}
@@ -1 +1 @@
1
- import{t as s,p as e,H as a,h as i}from"./p-B4hcsDH0.js";import{g as d}from"./p-B2zUuNXz.js";import{GidsDotWebUtils as t}from"@ganpatiinfo/gids-web-shared";import{d as n}from"./p-DKOr5iAk.js";const{getGidsDotClassNames:o}=t,h=e(class extends a{constructor(s){super(),!1!==s&&this.__registerHost(),this.appearance="subtle",this.size="xs",this.disabled=!1,this.activeClasses=""}handleExtraClassesAndSizeChange(s){this.activeClasses=o({size:this.size,appearance:this.appearance,disabled:this.disabled},s)}handleAppearanceChange(s){this.appearance=s}handleSizeChange(s){this.size=s}handleDisabledChange(s){this.disabled=s}connectedCallback(){const s=d();void 0!==s&&this._el.shadowRoot?.adoptedStyleSheets.push(s),this.activeClasses=o({size:this.size,appearance:this.appearance,disabled:this.disabled},this.extraClasses)}componentDidLoad(){this.activeClasses=o({size:this.size,appearance:this.appearance,disabled:this.disabled},this.extraClasses)}render(){return i("gids-icon",{key:"210eb96840d97372d7d07ad3b139d2a0fe6705f3",class:this.activeClasses,name:"new",alt:"",appearance:"filled"})}get _el(){return this}static get watchers(){return{extraClasses:[{handleExtraClassesAndSizeChange:0}],appearance:[{handleExtraClassesAndSizeChange:0},{handleAppearanceChange:0}],size:[{handleExtraClassesAndSizeChange:0},{handleSizeChange:0}],disabled:[{handleExtraClassesAndSizeChange:0},{handleDisabledChange:0}]}}static get style(){return".gids-dot{display:flex;--gidsDotIcon-height:var(--gids-size-040);--gidsIcon-height:var(--gidsDotIcon-height);--gidsDotIcon-color:var(--gids-color-icon-subtle);--gidsIcon-color:var(--gidsDotIcon-color)}.gids-dot--sm{--gidsDotIcon-height:var(--gids-size-060)}.gids-dot--md{--gidsDotIcon-height:var(--gids-size-080)}.gids-dot--lg{--gidsDotIcon-height:var(--gids-size-100)}.gids-dot--xl{--gidsDotIcon-height:var(--gids-size-120)}.gids-dot--2xl{--gidsDotIcon-height:var(--gids-size-160)}.gids-dot--3xl{--gidsDotIcon-height:var(--gids-size-200)}.gids-dot--subtle{--gidsDotIcon-color:var(--gids-color-icon-subtle)}.gids-dot--static-inverse{--gidsDotIcon-color:var(--gids-color-icon-inverse)}.gids-dot--disabled{--gidsDotIcon-color:var(--gids-color-icon-disabled)}"}},[0,"gids-dot",{extraClasses:[513,"extra-classes"],appearance:[513],size:[513],disabled:[516],activeClasses:[32]},void 0,{extraClasses:[{handleExtraClassesAndSizeChange:0}],appearance:[{handleExtraClassesAndSizeChange:0},{handleAppearanceChange:0}],size:[{handleExtraClassesAndSizeChange:0},{handleSizeChange:0}],disabled:[{handleExtraClassesAndSizeChange:0},{handleDisabledChange:0}]}]);function g(){"undefined"!=typeof customElements&&["gids-dot","gids-icon"].forEach((e=>{switch(e){case"gids-dot":customElements.get(s(e))||customElements.define(s(e),h);break;case"gids-icon":customElements.get(s(e))||n()}}))}g();export{h as G,g as d}
1
+ import{t as s,p as e,H as a,h as i}from"./p-B4hcsDH0.js";import{g as d}from"./p-B2zUuNXz.js";import{GidsDotWebUtils as t}from"@ganpatiinfo/gids-web-shared";import{d as n}from"./p-DMxvWIj1.js";const{getGidsDotClassNames:o}=t,h=e(class extends a{constructor(s){super(),!1!==s&&this.__registerHost(),this.appearance="subtle",this.size="xs",this.disabled=!1,this.activeClasses=""}handleExtraClassesAndSizeChange(s){this.activeClasses=o({size:this.size,appearance:this.appearance,disabled:this.disabled},s)}handleAppearanceChange(s){this.appearance=s}handleSizeChange(s){this.size=s}handleDisabledChange(s){this.disabled=s}connectedCallback(){const s=d();void 0!==s&&this._el.shadowRoot?.adoptedStyleSheets.push(s),this.activeClasses=o({size:this.size,appearance:this.appearance,disabled:this.disabled},this.extraClasses)}componentDidLoad(){this.activeClasses=o({size:this.size,appearance:this.appearance,disabled:this.disabled},this.extraClasses)}render(){return i("gids-icon",{key:"1c8c6036a44dd686aa263a2e3bf426d904a60f1c",class:this.activeClasses,name:"new",alt:"",appearance:"filled"})}get _el(){return this}static get watchers(){return{extraClasses:[{handleExtraClassesAndSizeChange:0}],appearance:[{handleExtraClassesAndSizeChange:0},{handleAppearanceChange:0}],size:[{handleExtraClassesAndSizeChange:0},{handleSizeChange:0}],disabled:[{handleExtraClassesAndSizeChange:0},{handleDisabledChange:0}]}}static get style(){return".gids-dot{display:flex;--gidsDotIcon-height:var(--gids-size-040);--gidsIcon-height:var(--gidsDotIcon-height);--gidsDotIcon-color:var(--gids-color-icon-subtle);--gidsIcon-color:var(--gidsDotIcon-color)}.gids-dot--sm{--gidsDotIcon-height:var(--gids-size-060)}.gids-dot--md{--gidsDotIcon-height:var(--gids-size-080)}.gids-dot--lg{--gidsDotIcon-height:var(--gids-size-100)}.gids-dot--xl{--gidsDotIcon-height:var(--gids-size-120)}.gids-dot--2xl{--gidsDotIcon-height:var(--gids-size-160)}.gids-dot--3xl{--gidsDotIcon-height:var(--gids-size-200)}.gids-dot--subtle{--gidsDotIcon-color:var(--gids-color-icon-subtle)}.gids-dot--static-inverse{--gidsDotIcon-color:var(--gids-color-icon-inverse)}.gids-dot--disabled{--gidsDotIcon-color:var(--gids-color-icon-disabled)}"}},[0,"gids-dot",{extraClasses:[513,"extra-classes"],appearance:[513],size:[513],disabled:[516],activeClasses:[32]},void 0,{extraClasses:[{handleExtraClassesAndSizeChange:0}],appearance:[{handleExtraClassesAndSizeChange:0},{handleAppearanceChange:0}],size:[{handleExtraClassesAndSizeChange:0},{handleSizeChange:0}],disabled:[{handleExtraClassesAndSizeChange:0},{handleDisabledChange:0}]}]);function g(){"undefined"!=typeof customElements&&["gids-dot","gids-icon"].forEach((e=>{switch(e){case"gids-dot":customElements.get(s(e))||customElements.define(s(e),h);break;case"gids-icon":customElements.get(s(e))||n()}}))}g();export{h as G,g as d}
@@ -1 +1 @@
1
- import{t as e,p as a,H as i,h as o,c as r}from"./p-B4hcsDH0.js";import{GidsHeaderNavigationItemWebUtils as n}from"@ganpatiinfo/gids-web-shared";import{G as t}from"./p-iQRr_fAH.js";import{G as d,a as s}from"./p-D0coZTd2.js";import{G as g}from"./p-CIxuyUAl.js";const{getGidsHeaderNavigationItemClassNames:c}=n,l=a(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.expanded=!1,this.borderRadius="none",this.applyShadow=!1,this.appearance="default",this.selectionAppearance="default",this.selected=!1,this.size="sm",this.selectionType="single-deselection-allowed",this.menuItems=[],this.isSelected=!1,this.isMenuExpanded=!1,this.selectedMenuItems=[],this.onItemClick=e=>{if(this.hasMenu())this.isMenuExpanded=!this.isMenuExpanded;else{if(this.isSelected&&"single-deselection-not-allowed"===this.selectionType)return;this.isSelected=!this.isSelected}if(this.onPressNavigationItem){const a=this?.selectedMenuItems?this.selectedMenuItems[0]:void 0;this.onPressNavigationItem({originalEvent:e,itemId:this.id,itemLabel:this?.label,itemSelected:this.isSelected,hasMenu:this.hasMenu(),menuExpanded:this.isMenuExpanded,menuItemId:a?.menuItemId??"",menuItemTitle:a?.menuItemTitle,menuItemValue:a?.menuItemValue,menuItemSectionIndex:a?.menuItemSectionIndex,menuItemIndex:a?.menuItemIndex,menuItemSelected:!!a?.menuItemId,menuId:this?.menuId,selectionType:this?.selectionType})}},this.onMenuItemClick=({event:e,selectedItem:a,sectionIndex:i,itemIndex:o})=>{const r=this.isMenuItemSelected(a.id);r&&"single-deselection-not-allowed"===this.selectionType||(r?(this.selectedMenuItems=[],this.isSelected=!1):(this.selectedMenuItems=[{menuItemTitle:a?.title,menuItemValue:a?.value,menuItemId:a.id,menuItemSectionIndex:i,menuItemIndex:o,menuItemSelected:!0,menuId:this?.menuId}],this.isSelected=!0),this.isMenuExpanded=!1,this.onMenuItemChange&&this.onMenuItemChange({originalEvent:e,itemId:this.id,itemLabel:this?.label,itemSelected:!r,menuItemTitle:a?.title,menuItemValue:a?.value,menuItemId:a.id,menuItemSectionIndex:i,menuItemIndex:o,menuItemSelected:!r,menuId:this?.menuId,selectionType:this?.selectionType}))},this.defaultSelectedMenuItems=e=>{if(!e)return void(this.selectedMenuItems=[]);const a=this?.menuItems??[];for(let i=0;i<a.length;i++){const o=a[i]?.data??[];for(let a=0;a<o.length;a++){const r=o[a];if(r?.id===e)return this.selectedMenuItems=[{menuItemTitle:r.title,menuItemValue:r.value,menuItemId:r.id,menuItemSectionIndex:i,menuItemIndex:a,menuItemSelected:!0,menuId:this.menuId}],void(this.isSelected=!0)}}this.selectedMenuItems=[]},this.hasMenu=()=>!!(this?.menuItems&&this.menuItems.length>0),this.isMenuItemSelected=e=>{const a=this?.selectedMenuItems??[];if(!a||a.length<=0)return!1;const i=a.findIndex((a=>a.menuItemId===e));return null!=i&&-1!==i},this.positionHeaderNavigationItemMenu=()=>{const e=this.hostElement?.querySelector(".gids-header-navigation-item__dropdown-menu-container");if(!e)return;const a=this.hostElement.getBoundingClientRect(),i=window.innerWidth,o=window.innerHeight;e.style.maxHeight="none";const r=e.getBoundingClientRect(),n=o-a.bottom-8,t=a.top-4,d=r.height>n&&t>n,s=d?t:n;e.style.maxHeight=r.height>s?`${s}px`:"none";const g=e.getBoundingClientRect();let c=a.left;c+g.width>i-4&&(c=i-g.width-4),c<4&&(c=4),e.style.left=c-a.left+"px",e.style.top=d?-g.height-4+"px":`${a.height+4}px`}}appearanceChanged(e){this.appearance=e}selectionAppearanceChanged(e){this.selectionAppearance=e}expansionChanged(e){this.expanded=e,this.isMenuExpanded=e}borderRadiusChanged(e){this.borderRadius=e}shadowChanged(e){this.applyShadow=e}labelChanged(e){this.label=e}sizeChanged(e){this.size=e}menuItemsChanged(e){this.menuItems=e}selectedChanged(e){this.isSelected=e}selectedMenuItemIdChanged(e){this.defaultSelectedMenuItems(e)}connectedCallback(){this.isSelected=this.selected,this.isMenuExpanded=this.expanded,this.defaultSelectedMenuItems(this.selectedMenuItemId)}componentDidRender(){this.isMenuExpanded&&this.hasMenu()&&requestAnimationFrame((()=>{this.positionHeaderNavigationItemMenu()}))}render(){const e=this?.isSelected??!1,a=this?.appearance??"default",i=this?.selectionAppearance??"default",n=this.label,l=this?.size??"sm",h=this.id,v=this.menuId,p=this?.menuItems??[],m=this?.isMenuExpanded??!1,u=this?.borderRadius??"none",b=this?.applyShadow??!1,f=this.hasMenu(),y=c({selected:e,appearance:a,selectionAppearance:i,size:l,expanded:m&&f,applyShadow:b,borderRadius:u});return o(r,{key:"fe595c3ec2f1c2a756cc0d12a5191312d6c5dbdb",id:h,"header-nav-item-appearance":a,"header-nav-item-size":l,"header-nav-item-selection-appearance":i,"header-nav-item-selected":e?"true":"false",class:y,onClick:this.onItemClick,"header-nav-item-expanded":m},o("slot",{key:"4456f748ee740b0d35a47bd79ee95db4536a0cdf",name:"headerNavItemLeadingIcon"}),n&&""!==n?o("div",{class:"gids-header-navigation-item__label"},o("span",null,n)):void 0,f?o("div",{class:"gids-header-navigation-item__chevron"},o(t,{name:"chevron-down",size:"xl"!==l?l:"lg"})):void 0,f&&m?o("div",{class:"gids-header-navigation-item__dropdown-menu-container",id:v,role:"headerNavigationPickerbox",onClick:e=>e.stopPropagation()},o(d,{type:"default"},p.map(((e,a)=>{const i=e?.data??[];return o(s,{key:`${a+1}`,sectionLabel:e?.sectionLabel??""},i.map(((e,i)=>{const r=this.isMenuItemSelected(e.id);return o(g,{key:`${i}`,id:e.id,title:e?.title,value:e?.value,disabled:e?.disabled,index:i,selected:r,onPressDropdownItem:o=>this.onMenuItemClick({event:o,selectedItem:{...e,id:e.id},sectionIndex:a,itemIndex:i})})})))})))):void 0)}get hostElement(){return this}static get watchers(){return{appearance:[{appearanceChanged:0}],selectionAppearance:[{selectionAppearanceChanged:0}],expanded:[{expansionChanged:0}],borderRadius:[{borderRadiusChanged:0}],applyShadow:[{shadowChanged:0}],label:[{labelChanged:0}],size:[{sizeChanged:0}],menuItems:[{menuItemsChanged:0}],selected:[{selectedChanged:0}],selectedMenuItemId:[{selectedMenuItemIdChanged:0}]}}static get style(){return".gids-header-navigation-item{position:relative;margin:0;padding:0;appearance:none;border:none;background:none;font-family:var(--gids-typography-label-medium__font-family);font-size:var(--gids-typography-label-medium__font-size);font-weight:var(--gids-typography-label-medium__font-weight);letter-spacing:var(--gids-typography-label-medium__letter-spacing);line-height:var(--gids-typography-label-medium__line-height);text-transform:var(--gids-typography-label-medium__text-transform, inherit);font-variant-caps:var(--gids-typography-label-medium__font-variant-caps, inherit);display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:var(--gids-gap-100);cursor:pointer;padding:var(--gids-padding-vertical-edge-to-element-150) var(--gids-padding-horizontal-edge-to-element-200);background-color:var(--gids-color-background-neutral-default);color:var(--gids-color-text-default);--gidsIcon-color:var(--gids-color-icon-default)}.gids-header-navigation-item:hover{background-color:var(--gids-color-background-neutral-hovered)}.gids-header-navigation-item:active{background-color:var(--gids-color-background-neutral-pressed)}.gids-header-navigation-item__label{display:flex;flex:1;text-align:center;align-items:center;justify-content:center}.gids-header-navigation-item--appearance-primary{background-color:var(--gids-color-background-brand-bold-default);color:var(--gids-color-text-inverse);--gidsIcon-color:var(--gids-color-icon-inverse)}.gids-header-navigation-item--appearance-primary:hover{background-color:var(--gids-color-background-brand-bold-hovered)}.gids-header-navigation-item--appearance-primary:active{background-color:var(--gids-color-background-brand-bold-pressed)}.gids-header-navigation-item--appearance-subtle{background-color:var(--gids-color-background-neutral-subtle-default);color:var(--gids-color-text-default);--gidsIcon-color:var(--gids-color-icon-default)}.gids-header-navigation-item--appearance-subtle:hover{background-color:var(--gids-color-background-neutral-subtle-hovered)}.gids-header-navigation-item--appearance-subtle:active{background-color:var(--gids-color-background-neutral-subtle-pressed)}.gids-header-navigation-item--appearance-positive{background-color:var(--gids-color-background-positive-bold-default);color:var(--gids-color-text-inverse);--gidsIcon-color:var(--gids-color-icon-inverse)}.gids-header-navigation-item--appearance-positive:hover{background-color:var(--gids-color-background-positive-bold-hovered)}.gids-header-navigation-item--appearance-positive:active{background-color:var(--gids-color-background-positive-bold-pressed)}.gids-header-navigation-item--appearance-danger{background-color:var(--gids-color-background-danger-bold-default);color:var(--gids-color-text-inverse);--gidsIcon-color:var(--gids-color-icon-inverse)}.gids-header-navigation-item--appearance-danger:hover{background-color:var(--gids-color-background-danger-bold-hovered)}.gids-header-navigation-item--appearance-danger:active{background-color:var(--gids-color-background-danger-bold-pressed)}.gids-header-navigation-item--appearance-information{background-color:var(--gids-color-background-information-bold-default);color:var(--gids-color-text-inverse);--gidsIcon-color:var(--gids-color-icon-inverse)}.gids-header-navigation-item--appearance-information:hover{background-color:var(--gids-color-background-information-bold-hovered)}.gids-header-navigation-item--appearance-information:active{background-color:var(--gids-color-background-information-bold-pressed)}.gids-header-navigation-item--appearance-warning{background-color:var(--gids-color-background-warning-bold-default);color:var(--gids-color-text-inverse);--gidsIcon-color:var(--gids-color-icon-inverse)}.gids-header-navigation-item--appearance-warning:hover{background-color:var(--gids-color-background-warning-bold-hovered)}.gids-header-navigation-item--appearance-warning:active{background-color:var(--gids-color-background-warning-bold-pressed)}.gids-header-navigation-item--selection-appearance-default{background-color:var(--gids-color-background-neutral-default);color:var(--gids-color-text-default);--gidsIcon-color:var(--gids-color-icon-default)}.gids-header-navigation-item--selection-appearance-default:hover{background-color:var(--gids-color-background-neutral-hovered)}.gids-header-navigation-item--selection-appearance-default:active{background-color:var(--gids-color-background-neutral-pressed)}.gids-header-navigation-item--selection-appearance-primary{background-color:var(--gids-color-background-brand-bold-default);color:var(--gids-color-text-inverse);--gidsIcon-color:var(--gids-color-icon-inverse)}.gids-header-navigation-item--selection-appearance-primary:hover{background-color:var(--gids-color-background-brand-bold-hovered)}.gids-header-navigation-item--selection-appearance-primary:active{background-color:var(--gids-color-background-brand-bold-pressed)}.gids-header-navigation-item--selection-appearance-subtle{background-color:var(--gids-color-background-neutral-subtle-default);color:var(--gids-color-text-subtlest);--gidsIcon-color:var(--gids-color-icon-subtle)}.gids-header-navigation-item--selection-appearance-subtle:hover{background-color:var(--gids-color-background-neutral-subtle-hovered)}.gids-header-navigation-item--selection-appearance-subtle:active{background-color:var(--gids-color-background-neutral-subtle-pressed)}.gids-header-navigation-item--selection-appearance-positive{background-color:var(--gids-color-background-positive-bold-default);color:var(--gids-color-text-inverse);--gidsIcon-color:var(--gids-color-icon-inverse)}.gids-header-navigation-item--selection-appearance-positive:hover{background-color:var(--gids-color-background-positive-bold-hovered)}.gids-header-navigation-item--selection-appearance-positive:active{background-color:var(--gids-color-background-positive-bold-pressed)}.gids-header-navigation-item--selection-appearance-danger{background-color:var(--gids-color-background-danger-bold-default);color:var(--gids-color-text-inverse);--gidsIcon-color:var(--gids-color-icon-inverse)}.gids-header-navigation-item--selection-appearance-danger:hover{background-color:var(--gids-color-background-danger-bold-hovered)}.gids-header-navigation-item--selection-appearance-danger:active{background-color:var(--gids-color-background-danger-bold-pressed)}.gids-header-navigation-item--selection-appearance-information{background-color:var(--gids-color-background-information-bold-default);color:var(--gids-color-text-inverse);--gidsIcon-color:var(--gids-color-icon-inverse)}.gids-header-navigation-item--selection-appearance-information:hover{background-color:var(--gids-color-background-information-bold-hovered)}.gids-header-navigation-item--selection-appearance-information:active{background-color:var(--gids-color-background-information-bold-pressed)}.gids-header-navigation-item--selection-appearance-warning{background-color:var(--gids-color-background-warning-bold-default);color:var(--gids-color-text-inverse);--gidsIcon-color:var(--gids-color-icon-inverse)}.gids-header-navigation-item--selection-appearance-warning:hover{background-color:var(--gids-color-background-warning-bold-hovered)}.gids-header-navigation-item--selection-appearance-warning:active{background-color:var(--gids-color-background-warning-bold-pressed)}.gids-header-navigation-item--size-md{font-family:var(--gids-typography-label-large__font-family);font-size:var(--gids-typography-label-large__font-size);font-weight:var(--gids-typography-label-large__font-weight);letter-spacing:var(--gids-typography-label-large__letter-spacing);line-height:var(--gids-typography-label-large__line-height);text-transform:var(--gids-typography-label-large__text-transform, inherit);font-variant-caps:var(--gids-typography-label-large__font-variant-caps, inherit)}.gids-header-navigation-item--size-lg{font-family:var(--gids-typography-heading-small__font-family);font-size:var(--gids-typography-heading-small__font-size);font-weight:var(--gids-typography-heading-small__font-weight);letter-spacing:var(--gids-typography-heading-small__letter-spacing);line-height:var(--gids-typography-heading-small__line-height);text-transform:var(--gids-typography-heading-small__text-transform, inherit);font-variant-caps:var(--gids-typography-heading-small__font-variant-caps, inherit)}.gids-header-navigation-item--size-xl{font-family:var(--gids-typography-heading-medium__font-family);font-size:var(--gids-typography-heading-medium__font-size);font-weight:var(--gids-typography-heading-medium__font-weight);letter-spacing:var(--gids-typography-heading-medium__letter-spacing);line-height:var(--gids-typography-heading-medium__line-height);text-transform:var(--gids-typography-heading-medium__text-transform, inherit);font-variant-caps:var(--gids-typography-heading-medium__font-variant-caps, inherit)}.gids-header-navigation-item--shadow{box-shadow:var(--gids-elevation-shadow-raised)}.gids-header-navigation-item--border-radius-sm{border-radius:var(--gids-border-radius-sm)}.gids-header-navigation-item--border-radius-md{border-radius:var(--gids-border-radius-md)}.gids-header-navigation-item--border-radius-lg{border-radius:var(--gids-border-radius-lg)}.gids-header-navigation-item--border-radius-full{border-radius:var(--gids-border-radius-full)}.gids-header-navigation-item__dropdown-menu-container{position:absolute;inset-inline:0;top:calc(100% + var(--gids-gap-050));z-index:3;display:none;flex-direction:column;align-self:stretch;min-width:var(--gids-width-2-xs);min-height:55px;overflow-x:hidden;overflow-y:auto;background-color:var(--gids-elevation-surface-overlay-default);box-shadow:var(--gids-elevation-shadow-overlay);border-radius:var(--gids-border-radius-lg)}.gids-header-navigation-item__chevron{display:flex;align-items:center;justify-content:center;transform:rotate(0deg);transition:transform 200ms ease-in-out}.gids-header-navigation-item__dropdown-menu-container>*{flex-shrink:0}.gids-header-navigation-item--expanded .gids-header-navigation-item__dropdown-menu-container{display:flex}.gids-header-navigation-item--expanded .gids-header-navigation-item__chevron{transform:rotate(180deg)}"}},[260,"gids-header-navigation-item",{id:[1],menuId:[1,"menu-id"],expanded:[4],borderRadius:[1,"border-radius"],applyShadow:[4,"apply-shadow"],appearance:[1],selectionAppearance:[1,"selection-appearance"],selected:[4],selectedMenuItemId:[1,"selected-menu-item-id"],label:[1],size:[1],selectionType:[1,"selection-type"],menuItems:[16],onPressNavigationItem:[16],onMenuItemChange:[16],isSelected:[32],isMenuExpanded:[32],selectedMenuItems:[32]},void 0,{appearance:[{appearanceChanged:0}],selectionAppearance:[{selectionAppearanceChanged:0}],expanded:[{expansionChanged:0}],borderRadius:[{borderRadiusChanged:0}],applyShadow:[{shadowChanged:0}],label:[{labelChanged:0}],size:[{sizeChanged:0}],menuItems:[{menuItemsChanged:0}],selected:[{selectedChanged:0}],selectedMenuItemId:[{selectedMenuItemIdChanged:0}]}]);function h(){"undefined"!=typeof customElements&&["gids-header-navigation-item"].forEach((a=>{"gids-header-navigation-item"===a&&(customElements.get(e(a))||customElements.define(e(a),l))}))}h();export{l as G,h as d}
1
+ import{t as e,p as a,H as i,h as o,c as r}from"./p-B4hcsDH0.js";import{GidsHeaderNavigationItemWebUtils as n}from"@ganpatiinfo/gids-web-shared";import{G as t}from"./p-iQRr_fAH.js";import{G as d,a as s}from"./p-CAjDiWIc.js";import{G as g}from"./p-DLRj-mUX.js";const{getGidsHeaderNavigationItemClassNames:c}=n,l=a(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.expanded=!1,this.borderRadius="none",this.applyShadow=!1,this.appearance="default",this.selectionAppearance="default",this.selected=!1,this.size="sm",this.selectionType="single-deselection-allowed",this.menuItems=[],this.isSelected=!1,this.isMenuExpanded=!1,this.selectedMenuItems=[],this.onItemClick=e=>{if(this.hasMenu())this.isMenuExpanded=!this.isMenuExpanded;else{if(this.isSelected&&"single-deselection-not-allowed"===this.selectionType)return;this.isSelected=!this.isSelected}if(this.onPressNavigationItem){const a=this?.selectedMenuItems?this.selectedMenuItems[0]:void 0;this.onPressNavigationItem({originalEvent:e,itemId:this.id,itemLabel:this?.label,itemSelected:this.isSelected,hasMenu:this.hasMenu(),menuExpanded:this.isMenuExpanded,menuItemId:a?.menuItemId??"",menuItemTitle:a?.menuItemTitle,menuItemValue:a?.menuItemValue,menuItemSectionIndex:a?.menuItemSectionIndex,menuItemIndex:a?.menuItemIndex,menuItemSelected:!!a?.menuItemId,menuId:this?.menuId,selectionType:this?.selectionType})}},this.onMenuItemClick=({event:e,selectedItem:a,sectionIndex:i,itemIndex:o})=>{const r=this.isMenuItemSelected(a.id);r&&"single-deselection-not-allowed"===this.selectionType||(r?(this.selectedMenuItems=[],this.isSelected=!1):(this.selectedMenuItems=[{menuItemTitle:a?.title,menuItemValue:a?.value,menuItemId:a.id,menuItemSectionIndex:i,menuItemIndex:o,menuItemSelected:!0,menuId:this?.menuId}],this.isSelected=!0),this.isMenuExpanded=!1,this.onMenuItemChange&&this.onMenuItemChange({originalEvent:e,itemId:this.id,itemLabel:this?.label,itemSelected:!r,menuItemTitle:a?.title,menuItemValue:a?.value,menuItemId:a.id,menuItemSectionIndex:i,menuItemIndex:o,menuItemSelected:!r,menuId:this?.menuId,selectionType:this?.selectionType}))},this.defaultSelectedMenuItems=e=>{if(!e)return void(this.selectedMenuItems=[]);const a=this?.menuItems??[];for(let i=0;i<a.length;i++){const o=a[i]?.data??[];for(let a=0;a<o.length;a++){const r=o[a];if(r?.id===e)return this.selectedMenuItems=[{menuItemTitle:r.title,menuItemValue:r.value,menuItemId:r.id,menuItemSectionIndex:i,menuItemIndex:a,menuItemSelected:!0,menuId:this.menuId}],void(this.isSelected=!0)}}this.selectedMenuItems=[]},this.hasMenu=()=>!!(this?.menuItems&&this.menuItems.length>0),this.isMenuItemSelected=e=>{const a=this?.selectedMenuItems??[];if(!a||a.length<=0)return!1;const i=a.findIndex((a=>a.menuItemId===e));return null!=i&&-1!==i},this.positionHeaderNavigationItemMenu=()=>{const e=this.hostElement?.querySelector(".gids-header-navigation-item__dropdown-menu-container");if(!e)return;const a=this.hostElement.getBoundingClientRect(),i=window.innerWidth,o=window.innerHeight;e.style.maxHeight="none";const r=e.getBoundingClientRect(),n=o-a.bottom-8,t=a.top-4,d=r.height>n&&t>n,s=d?t:n;e.style.maxHeight=r.height>s?`${s}px`:"none";const g=e.getBoundingClientRect();let c=a.left;c+g.width>i-4&&(c=i-g.width-4),c<4&&(c=4),e.style.left=c-a.left+"px",e.style.top=d?-g.height-4+"px":`${a.height+4}px`}}appearanceChanged(e){this.appearance=e}selectionAppearanceChanged(e){this.selectionAppearance=e}expansionChanged(e){this.expanded=e,this.isMenuExpanded=e}borderRadiusChanged(e){this.borderRadius=e}shadowChanged(e){this.applyShadow=e}labelChanged(e){this.label=e}sizeChanged(e){this.size=e}menuItemsChanged(e){this.menuItems=e}selectedChanged(e){this.isSelected=e}selectedMenuItemIdChanged(e){this.defaultSelectedMenuItems(e)}connectedCallback(){this.isSelected=this.selected,this.isMenuExpanded=this.expanded,this.defaultSelectedMenuItems(this.selectedMenuItemId)}componentDidRender(){this.isMenuExpanded&&this.hasMenu()&&requestAnimationFrame((()=>{this.positionHeaderNavigationItemMenu()}))}render(){const e=this?.isSelected??!1,a=this?.appearance??"default",i=this?.selectionAppearance??"default",n=this.label,l=this?.size??"sm",h=this.id,v=this.menuId,p=this?.menuItems??[],m=this?.isMenuExpanded??!1,u=this?.borderRadius??"none",b=this?.applyShadow??!1,f=this.hasMenu(),y=c({selected:e,appearance:a,selectionAppearance:i,size:l,expanded:m&&f,applyShadow:b,borderRadius:u});return o(r,{key:"a4d69317daff54b5abc4ebb64095f208da12ef26",id:h,"header-nav-item-appearance":a,"header-nav-item-size":l,"header-nav-item-selection-appearance":i,"header-nav-item-selected":e?"true":"false",class:y,onClick:this.onItemClick,"header-nav-item-expanded":m},o("slot",{key:"d0ba32dd346cc17b322945454201fff5d7457419",name:"headerNavItemLeadingIcon"}),n&&""!==n?o("div",{class:"gids-header-navigation-item__label"},o("span",null,n)):void 0,f?o("div",{class:"gids-header-navigation-item__chevron"},o(t,{name:"chevron-down",size:"xl"!==l?l:"lg"})):void 0,f&&m?o("div",{class:"gids-header-navigation-item__dropdown-menu-container",id:v,role:"headerNavigationPickerbox",onClick:e=>e.stopPropagation()},o(d,{type:"default"},p.map(((e,a)=>{const i=e?.data??[];return o(s,{key:`${a+1}`,sectionLabel:e?.sectionLabel??""},i.map(((e,i)=>{const r=this.isMenuItemSelected(e.id);return o(g,{key:`${i}`,id:e.id,title:e?.title,value:e?.value,disabled:e?.disabled,index:i,selected:r,onPressDropdownItem:o=>this.onMenuItemClick({event:o,selectedItem:{...e,id:e.id},sectionIndex:a,itemIndex:i})})})))})))):void 0)}get hostElement(){return this}static get watchers(){return{appearance:[{appearanceChanged:0}],selectionAppearance:[{selectionAppearanceChanged:0}],expanded:[{expansionChanged:0}],borderRadius:[{borderRadiusChanged:0}],applyShadow:[{shadowChanged:0}],label:[{labelChanged:0}],size:[{sizeChanged:0}],menuItems:[{menuItemsChanged:0}],selected:[{selectedChanged:0}],selectedMenuItemId:[{selectedMenuItemIdChanged:0}]}}static get style(){return".gids-header-navigation-item{position:relative;margin:0;padding:0;appearance:none;border:none;background:none;font-family:var(--gids-typography-label-medium__font-family);font-size:var(--gids-typography-label-medium__font-size);font-weight:var(--gids-typography-label-medium__font-weight);letter-spacing:var(--gids-typography-label-medium__letter-spacing);line-height:var(--gids-typography-label-medium__line-height);text-transform:var(--gids-typography-label-medium__text-transform, inherit);font-variant-caps:var(--gids-typography-label-medium__font-variant-caps, inherit);display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:var(--gids-gap-100);cursor:pointer;padding:var(--gids-padding-vertical-edge-to-element-150) var(--gids-padding-horizontal-edge-to-element-200);background-color:var(--gids-color-background-neutral-default);color:var(--gids-color-text-default);--gidsIcon-color:var(--gids-color-icon-default)}.gids-header-navigation-item:hover{background-color:var(--gids-color-background-neutral-hovered)}.gids-header-navigation-item:active{background-color:var(--gids-color-background-neutral-pressed)}.gids-header-navigation-item__label{display:flex;flex:1;text-align:center;align-items:center;justify-content:center}.gids-header-navigation-item--appearance-primary{background-color:var(--gids-color-background-brand-bold-default);color:var(--gids-color-text-inverse);--gidsIcon-color:var(--gids-color-icon-inverse)}.gids-header-navigation-item--appearance-primary:hover{background-color:var(--gids-color-background-brand-bold-hovered)}.gids-header-navigation-item--appearance-primary:active{background-color:var(--gids-color-background-brand-bold-pressed)}.gids-header-navigation-item--appearance-subtle{background-color:var(--gids-color-background-neutral-subtle-default);color:var(--gids-color-text-default);--gidsIcon-color:var(--gids-color-icon-default)}.gids-header-navigation-item--appearance-subtle:hover{background-color:var(--gids-color-background-neutral-subtle-hovered)}.gids-header-navigation-item--appearance-subtle:active{background-color:var(--gids-color-background-neutral-subtle-pressed)}.gids-header-navigation-item--appearance-positive{background-color:var(--gids-color-background-positive-bold-default);color:var(--gids-color-text-inverse);--gidsIcon-color:var(--gids-color-icon-inverse)}.gids-header-navigation-item--appearance-positive:hover{background-color:var(--gids-color-background-positive-bold-hovered)}.gids-header-navigation-item--appearance-positive:active{background-color:var(--gids-color-background-positive-bold-pressed)}.gids-header-navigation-item--appearance-danger{background-color:var(--gids-color-background-danger-bold-default);color:var(--gids-color-text-inverse);--gidsIcon-color:var(--gids-color-icon-inverse)}.gids-header-navigation-item--appearance-danger:hover{background-color:var(--gids-color-background-danger-bold-hovered)}.gids-header-navigation-item--appearance-danger:active{background-color:var(--gids-color-background-danger-bold-pressed)}.gids-header-navigation-item--appearance-information{background-color:var(--gids-color-background-information-bold-default);color:var(--gids-color-text-inverse);--gidsIcon-color:var(--gids-color-icon-inverse)}.gids-header-navigation-item--appearance-information:hover{background-color:var(--gids-color-background-information-bold-hovered)}.gids-header-navigation-item--appearance-information:active{background-color:var(--gids-color-background-information-bold-pressed)}.gids-header-navigation-item--appearance-warning{background-color:var(--gids-color-background-warning-bold-default);color:var(--gids-color-text-inverse);--gidsIcon-color:var(--gids-color-icon-inverse)}.gids-header-navigation-item--appearance-warning:hover{background-color:var(--gids-color-background-warning-bold-hovered)}.gids-header-navigation-item--appearance-warning:active{background-color:var(--gids-color-background-warning-bold-pressed)}.gids-header-navigation-item--selection-appearance-default{background-color:var(--gids-color-background-neutral-default);color:var(--gids-color-text-default);--gidsIcon-color:var(--gids-color-icon-default)}.gids-header-navigation-item--selection-appearance-default:hover{background-color:var(--gids-color-background-neutral-hovered)}.gids-header-navigation-item--selection-appearance-default:active{background-color:var(--gids-color-background-neutral-pressed)}.gids-header-navigation-item--selection-appearance-primary{background-color:var(--gids-color-background-brand-bold-default);color:var(--gids-color-text-inverse);--gidsIcon-color:var(--gids-color-icon-inverse)}.gids-header-navigation-item--selection-appearance-primary:hover{background-color:var(--gids-color-background-brand-bold-hovered)}.gids-header-navigation-item--selection-appearance-primary:active{background-color:var(--gids-color-background-brand-bold-pressed)}.gids-header-navigation-item--selection-appearance-subtle{background-color:var(--gids-color-background-neutral-subtle-default);color:var(--gids-color-text-subtlest);--gidsIcon-color:var(--gids-color-icon-subtle)}.gids-header-navigation-item--selection-appearance-subtle:hover{background-color:var(--gids-color-background-neutral-subtle-hovered)}.gids-header-navigation-item--selection-appearance-subtle:active{background-color:var(--gids-color-background-neutral-subtle-pressed)}.gids-header-navigation-item--selection-appearance-positive{background-color:var(--gids-color-background-positive-bold-default);color:var(--gids-color-text-inverse);--gidsIcon-color:var(--gids-color-icon-inverse)}.gids-header-navigation-item--selection-appearance-positive:hover{background-color:var(--gids-color-background-positive-bold-hovered)}.gids-header-navigation-item--selection-appearance-positive:active{background-color:var(--gids-color-background-positive-bold-pressed)}.gids-header-navigation-item--selection-appearance-danger{background-color:var(--gids-color-background-danger-bold-default);color:var(--gids-color-text-inverse);--gidsIcon-color:var(--gids-color-icon-inverse)}.gids-header-navigation-item--selection-appearance-danger:hover{background-color:var(--gids-color-background-danger-bold-hovered)}.gids-header-navigation-item--selection-appearance-danger:active{background-color:var(--gids-color-background-danger-bold-pressed)}.gids-header-navigation-item--selection-appearance-information{background-color:var(--gids-color-background-information-bold-default);color:var(--gids-color-text-inverse);--gidsIcon-color:var(--gids-color-icon-inverse)}.gids-header-navigation-item--selection-appearance-information:hover{background-color:var(--gids-color-background-information-bold-hovered)}.gids-header-navigation-item--selection-appearance-information:active{background-color:var(--gids-color-background-information-bold-pressed)}.gids-header-navigation-item--selection-appearance-warning{background-color:var(--gids-color-background-warning-bold-default);color:var(--gids-color-text-inverse);--gidsIcon-color:var(--gids-color-icon-inverse)}.gids-header-navigation-item--selection-appearance-warning:hover{background-color:var(--gids-color-background-warning-bold-hovered)}.gids-header-navigation-item--selection-appearance-warning:active{background-color:var(--gids-color-background-warning-bold-pressed)}.gids-header-navigation-item--size-md{font-family:var(--gids-typography-label-large__font-family);font-size:var(--gids-typography-label-large__font-size);font-weight:var(--gids-typography-label-large__font-weight);letter-spacing:var(--gids-typography-label-large__letter-spacing);line-height:var(--gids-typography-label-large__line-height);text-transform:var(--gids-typography-label-large__text-transform, inherit);font-variant-caps:var(--gids-typography-label-large__font-variant-caps, inherit)}.gids-header-navigation-item--size-lg{font-family:var(--gids-typography-heading-small__font-family);font-size:var(--gids-typography-heading-small__font-size);font-weight:var(--gids-typography-heading-small__font-weight);letter-spacing:var(--gids-typography-heading-small__letter-spacing);line-height:var(--gids-typography-heading-small__line-height);text-transform:var(--gids-typography-heading-small__text-transform, inherit);font-variant-caps:var(--gids-typography-heading-small__font-variant-caps, inherit)}.gids-header-navigation-item--size-xl{font-family:var(--gids-typography-heading-medium__font-family);font-size:var(--gids-typography-heading-medium__font-size);font-weight:var(--gids-typography-heading-medium__font-weight);letter-spacing:var(--gids-typography-heading-medium__letter-spacing);line-height:var(--gids-typography-heading-medium__line-height);text-transform:var(--gids-typography-heading-medium__text-transform, inherit);font-variant-caps:var(--gids-typography-heading-medium__font-variant-caps, inherit)}.gids-header-navigation-item--shadow{box-shadow:var(--gids-elevation-shadow-raised)}.gids-header-navigation-item--border-radius-sm{border-radius:var(--gids-border-radius-sm)}.gids-header-navigation-item--border-radius-md{border-radius:var(--gids-border-radius-md)}.gids-header-navigation-item--border-radius-lg{border-radius:var(--gids-border-radius-lg)}.gids-header-navigation-item--border-radius-full{border-radius:var(--gids-border-radius-full)}.gids-header-navigation-item__dropdown-menu-container{position:absolute;inset-inline:0;top:calc(100% + var(--gids-gap-050));z-index:3;display:none;flex-direction:column;align-self:stretch;min-width:var(--gids-width-2-xs);min-height:55px;overflow-x:hidden;overflow-y:auto;background-color:var(--gids-elevation-surface-overlay-default);box-shadow:var(--gids-elevation-shadow-overlay);border-radius:var(--gids-border-radius-lg)}.gids-header-navigation-item__chevron{display:flex;align-items:center;justify-content:center;transform:rotate(0deg);transition:transform 200ms ease-in-out}.gids-header-navigation-item__dropdown-menu-container>*{flex-shrink:0}.gids-header-navigation-item--expanded .gids-header-navigation-item__dropdown-menu-container{display:flex}.gids-header-navigation-item--expanded .gids-header-navigation-item__chevron{transform:rotate(180deg)}"}},[260,"gids-header-navigation-item",{id:[1],menuId:[1,"menu-id"],expanded:[4],borderRadius:[1,"border-radius"],applyShadow:[4,"apply-shadow"],appearance:[1],selectionAppearance:[1,"selection-appearance"],selected:[4],selectedMenuItemId:[1,"selected-menu-item-id"],label:[1],size:[1],selectionType:[1,"selection-type"],menuItems:[16],onPressNavigationItem:[16],onMenuItemChange:[16],isSelected:[32],isMenuExpanded:[32],selectedMenuItems:[32]},void 0,{appearance:[{appearanceChanged:0}],selectionAppearance:[{selectionAppearanceChanged:0}],expanded:[{expansionChanged:0}],borderRadius:[{borderRadiusChanged:0}],applyShadow:[{shadowChanged:0}],label:[{labelChanged:0}],size:[{sizeChanged:0}],menuItems:[{menuItemsChanged:0}],selected:[{selectedChanged:0}],selectedMenuItemId:[{selectedMenuItemIdChanged:0}]}]);function h(){"undefined"!=typeof customElements&&["gids-header-navigation-item"].forEach((a=>{"gids-header-navigation-item"===a&&(customElements.get(e(a))||customElements.define(e(a),l))}))}h();export{l as G,h as d}
@@ -1 +1 @@
1
- import{h as s}from"./p-B4hcsDH0.js";import{GidsDropdownMenuGroupWebUtils as o,GidsDropdownMenuWebUtils as n}from"@ganpatiinfo/gids-web-shared";import{G as l}from"./p-C-Lpfqcg.js";import{c as p}from"./p-KQxuw_F-.js";const{getGidsDropdownMenuGroupClassNames:e}=o,i=({type:o="no-options",supportingText:n="No options",class:p,...i},t)=>s("div",{class:e({type:o},p),...i},"loading"===o?s(l,{indeterminate:!0,size:"md"}):null,"no-options"===o?s("span",null,n):null,"default"===o&&null!=t?t:null),{getGidsDropdownMenuClassNames:t}=n,a=({sectionLabel:o,class:n,...l},e)=>s("div",{class:t(n),...l},null!=o&&""!==o?s(p,{supportingText:o,supportingTextTypography:"eyebrow-medium"}):null,null!=e?s("div",{class:"gids-dropdown-menu__children"},e):null);export{i as G,a}
1
+ import{h as s}from"./p-B4hcsDH0.js";import{GidsDropdownMenuGroupWebUtils as o,GidsDropdownMenuWebUtils as n}from"@ganpatiinfo/gids-web-shared";import{G as l}from"./p-C-Lpfqcg.js";import{b as p}from"./p-CV1-78HB.js";const{getGidsDropdownMenuGroupClassNames:e}=o,i=({type:o="no-options",supportingText:n="No options",class:p,...i},t)=>s("div",{class:e({type:o},p),...i},"loading"===o?s(l,{indeterminate:!0,size:"md"}):null,"no-options"===o?s("span",null,n):null,"default"===o&&null!=t?t:null),{getGidsDropdownMenuClassNames:t}=n,a=({sectionLabel:o,class:n,...l},e)=>s("div",{class:t(n),...l},null!=o&&""!==o?s(p,{supportingText:o,supportingTextTypography:"eyebrow-medium"}):null,null!=e?s("div",{class:"gids-dropdown-menu__children"},e):null);export{i as G,a}
@@ -1 +1 @@
1
- import{t,p as i,H as e,h as s,c as a}from"./p-B4hcsDH0.js";import{GidsExpansionBodyListItemWebUtils as o}from"@ganpatiinfo/gids-web-shared";import{G as n}from"./p-BsC3-MVH.js";const{getGidsExpansionBodyListItemClassNames:l}=o,r=i(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.displayTagVisible=!1,this.displayTagColor="accent-5",this.displayTagSize="xs",this.displayTagAppearance="subtle",this.hasSubtitleItemListener=!1,this.hasSupportingTextItemListener=!1,this.handleSubtitleClick=t=>{this.applySubtitleSelection({listItemId:this.listItemId,label:this.label,subtitle:this.subtitle,supportingText:this.supportingText,listItemPressedType:"subtitle",originalEvent:t})},this.handleSupportingTextClick=t=>{this.applySupportingTextSelection({listItemId:this.listItemId,label:this.label,subtitle:this.subtitle,supportingText:this.supportingText,listItemPressedType:"supporting-text",originalEvent:t})}}handleDisplayTagVisibilityChange(t){this.displayTagVisible=t}handleDisplayTagColorChange(t){this.displayTagColor=t}handleDisplayTagSizeChange(t){this.displayTagSize=t}handleDisplayTagAppearanceChange(t){this.displayTagAppearance=t}connectedCallback(){this.attachSubtitleItemListener(),this.attachSupportingTextItemListener()}disconnectedCallback(){this.detachSubtitleItemListener(),this.detachSupportingTextItemListener()}applySubtitleSelection(t){this.onSubtitlePress&&this.onSubtitlePress(t)}applySupportingTextSelection(t){this.onSupportingTextPress&&this.onSupportingTextPress(t)}attachSubtitleItemListener(){this.hasSubtitleItemListener||(this.hostElement.addEventListener("onSubtitlePress",this.handleSubtitleClick),this.hasSubtitleItemListener=!0)}attachSupportingTextItemListener(){this.hasSupportingTextItemListener||(this.hostElement.addEventListener("onSupportingTextPress",this.handleSupportingTextClick),this.hasSupportingTextItemListener=!0)}detachSubtitleItemListener(){this.hasSubtitleItemListener&&(this.hostElement.removeEventListener("onSubtitlePress",this.handleSubtitleClick),this.hasSubtitleItemListener=!1)}detachSupportingTextItemListener(){this.hasSupportingTextItemListener&&(this.hostElement.removeEventListener("onSupportingTextPress",this.handleSupportingTextClick),this.hasSupportingTextItemListener=!1)}isValidLabel(){return!(!this?.label||""===this.label)}isValidSubtitle(){return!(!this?.subtitle||""===this.subtitle)}isValidSupportingText(){return!(!this?.supportingText||""===this.supportingText)}isDisplayTagVisible(){return!(!this.displayTagVisible||!this?.displayTagLabel||""===this.displayTagLabel)}convertTextToUppercase(t){return t&&""!==t?t.toUpperCase():""}render(){const t=l(),i=this?.label,e=this?.subtitle,o=this?.supportingText,r=this.isValidLabel(),d=this.isValidSubtitle(),p=this.isValidSupportingText(),g=this.isDisplayTagVisible(),h=this?.displayTagLabel??"";return s(a,{key:"bfe69722ce1b8b0f7f2d935131009ba755bd25cb",class:t},r||d||g?s("div",{class:"gids-expansion-body-list-item__primary-container"},r||g?s("div",{class:"gids-expansion-body-list-item__primary-content"},r?s("span",{class:"gids-expansion-body-list-item__label"},this.convertTextToUppercase(i)):void 0,g?s(n,{color:this.displayTagColor||"accent-5",label:h,size:this.displayTagSize,appearance:this.displayTagAppearance}):void 0):void 0,d?s("button",{type:"button",class:"gids-expansion-body-list-item__subtitle",onClick:this.handleSubtitleClick},e):void 0):void 0,p?s("div",{class:"gids-expansion-body-list-item__secondary-container"},s("button",{type:"button",class:"gids-expansion-body-list-item__supporting-text",onClick:this.handleSupportingTextClick},this.convertTextToUppercase(o))):void 0)}get hostElement(){return this}static get watchers(){return{displayTagVisible:[{handleDisplayTagVisibilityChange:0}],displayTagColor:[{handleDisplayTagColorChange:0}],displayTagSize:[{handleDisplayTagSizeChange:0}],displayTagAppearance:[{handleDisplayTagAppearanceChange:0}]}}static get style(){return'.gids-expansion-body-list-item{display:flex;flex:1;gap:var(--gids-gap-400);padding-bottom:var(--gids-padding-vertical-edge-to-element-300);position:relative;cursor:default}.gids-expansion-body-list-item::after{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background-color:var(--gids-color-border-default);transition:background 0.3s ease-in-out;z-index:1}.gids-expansion-body-list-item::before{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background:linear-gradient(to right, transparent 0%, transparent 25%, var(--gids-color-background-selected-pressed) 45%, var(--gids-color-background-selected-pressed) 55%, transparent 75%, transparent 100%);opacity:0;transition:opacity 0.3s ease-in-out;z-index:2}.gids-expansion-body-list-item:has(.gids-expansion-body-list-item__subtitle:hover)::after{background:linear-gradient(to right, var(--gids-color-border-default) 0%, var(--gids-color-border-default) 15%, var(--gids-color-background-selected-pressed) 45%, var(--gids-color-background-selected-pressed) 70%, var(--gids-color-border-default) 90%, var(--gids-color-border-default) 100%)}.gids-expansion-body-list-item:has(.gids-expansion-body-list-item__subtitle:hover)::before{opacity:1}.gids-expansion-body-list-item__primary-container{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;flex:1 0;gap:var(--gids-gap-150)}.gids-expansion-body-list-item__primary-content{display:flex;align-items:center;justify-content:center;gap:var(--gids-gap-200)}.gids-expansion-body-list-item__secondary-container{display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-end}.gids-expansion-body-list-item__label{font-family:var(--gids-typography-label-x-small__font-family);font-size:var(--gids-typography-label-x-small__font-size);font-weight:var(--gids-typography-label-x-small__font-weight);letter-spacing:var(--gids-typography-label-x-small__letter-spacing);line-height:var(--gids-typography-label-x-small__line-height);text-transform:var(--gids-typography-label-x-small__text-transform, inherit);font-variant-caps:var(--gids-typography-label-x-small__font-variant-caps, inherit);color:var(--gids-color-text-subtle);cursor:default}.gids-expansion-body-list-item__subtitle{margin:0;padding:0;appearance:none;border:none;background:none;font-family:var(--gids-typography-label-medium__font-family);font-size:var(--gids-typography-label-medium__font-size);font-weight:var(--gids-typography-label-medium__font-weight);letter-spacing:var(--gids-typography-label-medium__letter-spacing);line-height:var(--gids-typography-label-medium__line-height);text-transform:var(--gids-typography-label-medium__text-transform, inherit);font-variant-caps:var(--gids-typography-label-medium__font-variant-caps, inherit);color:var(--gids-color-text-default);cursor:pointer}.gids-expansion-body-list-item__supporting-text{margin:0;padding:0;appearance:none;border:none;background:none;font-family:var(--gids-typography-label-x-small__font-family);font-size:var(--gids-typography-label-x-small__font-size);font-weight:var(--gids-typography-label-x-small__font-weight);letter-spacing:var(--gids-typography-label-x-small__letter-spacing);line-height:var(--gids-typography-label-x-small__line-height);text-transform:var(--gids-typography-label-x-small__text-transform, inherit);font-variant-caps:var(--gids-typography-label-x-small__font-variant-caps, inherit);color:var(--gids-color-text-subtle);padding:var(--gids-padding-vertical-edge-to-element-050) var(--gids-padding-horizontal-edge-to-element-100);border-radius:var(--gids-border-radius-sm);cursor:pointer;transition:background-color 0.3s ease-in-out, color 0.3s ease-in-out}.gids-expansion-body-list-item__supporting-text:hover{background-color:var(--gids-color-background-brand-bold-hovered);color:var(--gids-color-text-inverse)}.gids-expansion-body-list-item__supporting-text:active{background-color:var(--gids-color-background-brand-bold-pressed);color:var(--gids-color-text-inverse)}'}},[0,"gids-expansion-body-list-item",{listItemId:[1,"list-item-id"],label:[1],subtitle:[1],supportingText:[1,"supporting-text"],displayTagVisible:[4,"display-tag-visible"],displayTagColor:[1,"display-tag-color"],displayTagSize:[1,"display-tag-size"],displayTagAppearance:[1,"display-tag-appearance"],displayTagLabel:[1,"display-tag-label"],onSubtitlePress:[16],onSupportingTextPress:[16]},void 0,{displayTagVisible:[{handleDisplayTagVisibilityChange:0}],displayTagColor:[{handleDisplayTagColorChange:0}],displayTagSize:[{handleDisplayTagSizeChange:0}],displayTagAppearance:[{handleDisplayTagAppearanceChange:0}]}]);function d(){"undefined"!=typeof customElements&&["gids-expansion-body-list-item"].forEach((i=>{"gids-expansion-body-list-item"===i&&(customElements.get(t(i))||customElements.define(t(i),r))}))}d();export{r as G,d}
1
+ import{t,p as i,H as e,h as s,c as a}from"./p-B4hcsDH0.js";import{GidsExpansionBodyListItemWebUtils as o}from"@ganpatiinfo/gids-web-shared";import{G as n}from"./p-BsC3-MVH.js";const{getGidsExpansionBodyListItemClassNames:l}=o,r=i(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.displayTagVisible=!1,this.displayTagColor="accent-5",this.displayTagSize="xs",this.displayTagAppearance="subtle",this.hasSubtitleItemListener=!1,this.hasSupportingTextItemListener=!1,this.handleSubtitleClick=t=>{this.applySubtitleSelection({listItemId:this.listItemId,label:this.label,subtitle:this.subtitle,supportingText:this.supportingText,listItemPressedType:"subtitle",originalEvent:t})},this.handleSupportingTextClick=t=>{this.applySupportingTextSelection({listItemId:this.listItemId,label:this.label,subtitle:this.subtitle,supportingText:this.supportingText,listItemPressedType:"supporting-text",originalEvent:t})}}handleDisplayTagVisibilityChange(t){this.displayTagVisible=t}handleDisplayTagColorChange(t){this.displayTagColor=t}handleDisplayTagSizeChange(t){this.displayTagSize=t}handleDisplayTagAppearanceChange(t){this.displayTagAppearance=t}connectedCallback(){this.attachSubtitleItemListener(),this.attachSupportingTextItemListener()}disconnectedCallback(){this.detachSubtitleItemListener(),this.detachSupportingTextItemListener()}applySubtitleSelection(t){this.onSubtitlePress&&this.onSubtitlePress(t)}applySupportingTextSelection(t){this.onSupportingTextPress&&this.onSupportingTextPress(t)}attachSubtitleItemListener(){this.hasSubtitleItemListener||(this.hostElement.addEventListener("onSubtitlePress",this.handleSubtitleClick),this.hasSubtitleItemListener=!0)}attachSupportingTextItemListener(){this.hasSupportingTextItemListener||(this.hostElement.addEventListener("onSupportingTextPress",this.handleSupportingTextClick),this.hasSupportingTextItemListener=!0)}detachSubtitleItemListener(){this.hasSubtitleItemListener&&(this.hostElement.removeEventListener("onSubtitlePress",this.handleSubtitleClick),this.hasSubtitleItemListener=!1)}detachSupportingTextItemListener(){this.hasSupportingTextItemListener&&(this.hostElement.removeEventListener("onSupportingTextPress",this.handleSupportingTextClick),this.hasSupportingTextItemListener=!1)}isValidLabel(){return!(!this?.label||""===this.label)}isValidSubtitle(){return!(!this?.subtitle||""===this.subtitle)}isValidSupportingText(){return!(!this?.supportingText||""===this.supportingText)}isDisplayTagVisible(){return!(!this.displayTagVisible||!this?.displayTagLabel||""===this.displayTagLabel)}convertTextToUppercase(t){return t&&""!==t?t.toUpperCase():""}render(){const t=l(),i=this?.label,e=this?.subtitle,o=this?.supportingText,r=this.isValidLabel(),d=this.isValidSubtitle(),p=this.isValidSupportingText(),g=this.isDisplayTagVisible(),h=this?.displayTagLabel??"";return s(a,{key:"8da02d6491ec86087b4b42c64d553e31c533fade",class:t},r||d||g?s("div",{class:"gids-expansion-body-list-item__primary-container"},r||g?s("div",{class:"gids-expansion-body-list-item__primary-content"},r?s("span",{class:"gids-expansion-body-list-item__label"},this.convertTextToUppercase(i)):void 0,g?s(n,{color:this.displayTagColor||"accent-5",label:h,size:this.displayTagSize,appearance:this.displayTagAppearance}):void 0):void 0,d?s("button",{type:"button",class:"gids-expansion-body-list-item__subtitle",onClick:this.handleSubtitleClick},e):void 0):void 0,p?s("div",{class:"gids-expansion-body-list-item__secondary-container"},s("button",{type:"button",class:"gids-expansion-body-list-item__supporting-text",onClick:this.handleSupportingTextClick},this.convertTextToUppercase(o))):void 0)}get hostElement(){return this}static get watchers(){return{displayTagVisible:[{handleDisplayTagVisibilityChange:0}],displayTagColor:[{handleDisplayTagColorChange:0}],displayTagSize:[{handleDisplayTagSizeChange:0}],displayTagAppearance:[{handleDisplayTagAppearanceChange:0}]}}static get style(){return'.gids-expansion-body-list-item{display:flex;flex:1;gap:var(--gids-gap-400);padding-bottom:var(--gids-padding-vertical-edge-to-element-300);position:relative;cursor:default}.gids-expansion-body-list-item::after{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background-color:var(--gids-color-border-default);transition:background 0.3s ease-in-out;z-index:1}.gids-expansion-body-list-item::before{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background:linear-gradient(to right, transparent 0%, transparent 25%, var(--gids-color-background-selected-pressed) 45%, var(--gids-color-background-selected-pressed) 55%, transparent 75%, transparent 100%);opacity:0;transition:opacity 0.3s ease-in-out;z-index:2}.gids-expansion-body-list-item:has(.gids-expansion-body-list-item__subtitle:hover)::after{background:linear-gradient(to right, var(--gids-color-border-default) 0%, var(--gids-color-border-default) 15%, var(--gids-color-background-selected-pressed) 45%, var(--gids-color-background-selected-pressed) 70%, var(--gids-color-border-default) 90%, var(--gids-color-border-default) 100%)}.gids-expansion-body-list-item:has(.gids-expansion-body-list-item__subtitle:hover)::before{opacity:1}.gids-expansion-body-list-item__primary-container{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;flex:1 0;gap:var(--gids-gap-150)}.gids-expansion-body-list-item__primary-content{display:flex;align-items:center;justify-content:center;gap:var(--gids-gap-200)}.gids-expansion-body-list-item__secondary-container{display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-end}.gids-expansion-body-list-item__label{font-family:var(--gids-typography-label-x-small__font-family);font-size:var(--gids-typography-label-x-small__font-size);font-weight:var(--gids-typography-label-x-small__font-weight);letter-spacing:var(--gids-typography-label-x-small__letter-spacing);line-height:var(--gids-typography-label-x-small__line-height);text-transform:var(--gids-typography-label-x-small__text-transform, inherit);font-variant-caps:var(--gids-typography-label-x-small__font-variant-caps, inherit);color:var(--gids-color-text-subtle);cursor:default}.gids-expansion-body-list-item__subtitle{margin:0;padding:0;appearance:none;border:none;background:none;font-family:var(--gids-typography-label-medium__font-family);font-size:var(--gids-typography-label-medium__font-size);font-weight:var(--gids-typography-label-medium__font-weight);letter-spacing:var(--gids-typography-label-medium__letter-spacing);line-height:var(--gids-typography-label-medium__line-height);text-transform:var(--gids-typography-label-medium__text-transform, inherit);font-variant-caps:var(--gids-typography-label-medium__font-variant-caps, inherit);color:var(--gids-color-text-default);cursor:pointer}.gids-expansion-body-list-item__supporting-text{margin:0;padding:0;appearance:none;border:none;background:none;font-family:var(--gids-typography-label-x-small__font-family);font-size:var(--gids-typography-label-x-small__font-size);font-weight:var(--gids-typography-label-x-small__font-weight);letter-spacing:var(--gids-typography-label-x-small__letter-spacing);line-height:var(--gids-typography-label-x-small__line-height);text-transform:var(--gids-typography-label-x-small__text-transform, inherit);font-variant-caps:var(--gids-typography-label-x-small__font-variant-caps, inherit);color:var(--gids-color-text-subtle);padding:var(--gids-padding-vertical-edge-to-element-050) var(--gids-padding-horizontal-edge-to-element-100);border-radius:var(--gids-border-radius-sm);cursor:pointer;transition:background-color 0.3s ease-in-out, color 0.3s ease-in-out}.gids-expansion-body-list-item__supporting-text:hover{background-color:var(--gids-color-background-brand-bold-hovered);color:var(--gids-color-text-inverse)}.gids-expansion-body-list-item__supporting-text:active{background-color:var(--gids-color-background-brand-bold-pressed);color:var(--gids-color-text-inverse)}'}},[0,"gids-expansion-body-list-item",{listItemId:[1,"list-item-id"],label:[1],subtitle:[1],supportingText:[1,"supporting-text"],displayTagVisible:[4,"display-tag-visible"],displayTagColor:[1,"display-tag-color"],displayTagSize:[1,"display-tag-size"],displayTagAppearance:[1,"display-tag-appearance"],displayTagLabel:[1,"display-tag-label"],onSubtitlePress:[16],onSupportingTextPress:[16]},void 0,{displayTagVisible:[{handleDisplayTagVisibilityChange:0}],displayTagColor:[{handleDisplayTagColorChange:0}],displayTagSize:[{handleDisplayTagSizeChange:0}],displayTagAppearance:[{handleDisplayTagAppearanceChange:0}]}]);function d(){"undefined"!=typeof customElements&&["gids-expansion-body-list-item"].forEach((i=>{"gids-expansion-body-list-item"===i&&(customElements.get(t(i))||customElements.define(t(i),r))}))}d();export{r as G,d}
@@ -0,0 +1 @@
1
+ import{h as t,F as i}from"./p-B4hcsDH0.js";import{GidsButtonGroupWebUtils as e,GidsHeadingWebUtils as s,GidsEditButtonWebUtils as n,GidsListItemWebUtils as l}from"@ganpatiinfo/gids-web-shared";import{G as a}from"./p-iQRr_fAH.js";import{G as d}from"./p-BRNvHMdK.js";const{getGidsButtonGroupClassNames:o}=e,r=({layout:i,class:e},s)=>t("span",{class:o({layout:i},e)},s),{getGidsHeadingClassNames:c,getGidsHeadingSupportingTextTypographyClass:g}=s,_=({heading:i,supportingText:e,level:s="section",children:n,supportingTextTypography:l,class:a})=>t("div",{class:c(a)},t("div",{class:"gids-heading__content-container"},null!=i&&""!==i?"string"==typeof i?""!==i?t("span",{class:"section"===s?"gids-heading__heading-text-section":"gids-heading__heading-text-group"},i):null:i:null,null!=e&&""!==e?"string"==typeof e?""!==e?t("span",{class:`${"section"===s?"gids-heading__supporting-text-section":"gids-heading__supporting-text-group"} ${g(l)}`},e):null:e:null),n?t(r,{layout:"wrap"},n):null),{getGidsEditButtonClassNames:p}=n,u=({disabled:i,children:e,size:s="md",editButtonType:n="add",onPressEditButton:l,class:d,...o})=>t("button",{class:p({size:s},d),...o,onClick:l,disabled:i},"custom"===n&&e?t("div",null,e):"add"===n?t("div",{class:i?"gids-edit-button__add gids-edit-button__disabled":"gids-edit-button__add"},t(a,{name:"add",appearance:"filled",size:s})):"remove"===n?t("div",{class:i?"gids-edit-button__remove gids-edit-button__disabled":"gids-edit-button__remove"},t(a,{appearance:"filled",name:"remove",size:s})):void 0),{getGidsListItemClassNames:m}=l,b=({id:e,value:s,index:n,defaultSelected:l,disabled:o,selected:r,editButton:c,onPressEditButton:g,onPressListItem:_,leadingAccessory:p,leadingSupport:b,leadingParagraph:y,trailingContent:v,trailingAccessory:f,trailingSupport:x,trailingParagraph:h,divider:B,role:C="list-item-option",isPlaceholderItem:G,class:P,...z},I)=>{const T=r||l;return t("button",{type:"button",id:e,class:m({selected:T,disabled:o},P),role:C,"aria-selected":T?"true":"false",disabled:o,value:(()=>{if("string"==typeof s&&""!==s.trim())return s;const t=I;return t?(Array.isArray(t)?t:[t]).map((t=>"string"==typeof t||"number"==typeof t?String(t):t&&"object"==typeof t&&"text"in t?t.text??"":"")).join("").trim():""})(),tabIndex:n,onClick:t=>{const i=t.currentTarget;if(!i)return;if(t.defaultPrevented||i.disabled)return;const e=new CustomEvent("onPressListItem",{bubbles:!0,composed:!0,detail:{selectedIndex:n,defaultSelected:l,isPlaceholderItem:G}});_?.(e)},"is-placeholder-item":G?"true":"false",...z},t("div",{class:"gids-list-item__main-container"},null==c||"none"===c||o?null:t(u,{size:"md",editButtonType:c,onPressEditButton:g}),null!=p?t("div",{class:o?"gids-list-item__leading-accessory-container gids-list-item__accessory-content-disabled":"gids-list-item__leading-accessory-container"},p):null,t("div",{class:"gids-list-item__middle-content-container"},t("div",{class:"gids-list-item__leading-content-container"},t(i,null,null!=I?t("span",{class:o?"gids-list-item__leading-content-label gids-list-item__text-content-disabled":"gids-list-item__leading-content-label"},I):null,t("div",{class:"gids-list-item__leading-support-content"},null!=b?"string"==typeof b?t("p",{class:o?"gids-list-item__leading-content-supporting-text gids-list-item__text-content-disabled":"gids-list-item__leading-content-supporting-text"},b):b:null,null!=y?"string"==typeof y?t("p",{class:o?"gids-list-item__leading-content-paragraph-text gids-list-item__text-content-disabled":"gids-list-item__leading-content-paragraph-text"},y):y:null))),t("div",{class:"gids-list-item__trailing-content-container"},t(i,null,null!=v?"string"==typeof v?t("span",{class:o?"gids-list-item__trailing-content-label gids-list-item__text-content-disabled":"gids-list-item__trailing-content-label"},v):v:null,t("div",{class:"gids-list-item__trailing-support-content"},null!=x?"string"==typeof x?t("p",{class:o?"gids-list-item__trailing-content-supporting-text gids-list-item__text-content-disabled":"gids-list-item__trailing-content-supporting-text"},x):x:null,null!=h?"string"==typeof h?t("p",{class:o?"gids-list-item__trailing-content-paragraph-text gids-list-item__text-content-disabled":"gids-list-item__trailing-content-paragraph-text"},h):h:null)))),T?t("div",{class:o?"gids-list-item__trailing-accessory-container gids-list-item__accessory-content-disabled":"gids-list-item__trailing-accessory-container"},t(a,{name:"checkmark",size:"md",appearance:"regular"})):null,T||null==f?null:t("div",{class:o?"gids-list-item__trailing-accessory-container gids-list-item__accessory-content-disabled":"gids-list-item__trailing-accessory-container"},f)),B&&!T?t("div",{class:"gids-list-item__divider"},t(d,{orientation:"horizontal"})):null)};export{r as G,b as a,_ as b}
@@ -1 +1 @@
1
- import{t,p as e,H as i,h as a,c as s}from"./p-B4hcsDH0.js";import{autoUpdate as o,offset as l,flip as d,shift as n,arrow as r,computePosition as p,platform as c}from"@floating-ui/dom";import{e as g}from"./p-BKcvOO8o.js";import{GidsAdvancedTooltipWebUtils as h}from"@ganpatiinfo/gids-web-shared";import{g as v}from"./p-B2zUuNXz.js";import{G as m}from"./p-iQRr_fAH.js";const{getGidsAdvancedTooltipClassNames:f}=h,_=e(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.visible=!1,this.x=0,this.y=0,this.offset=12,this.placement="top",this.items=[],this.currentPlacement="top"}connectedCallback(){const t=v();t&&this.host.shadowRoot?.adoptedStyleSheets.push(t)}componentDidLoad(){const t=this.host.shadowRoot;if(!t)return;const e=t.querySelector(".gids-advanced-tooltip__arrow");e instanceof i&&(this.tooltipElement=this.host,this.arrowElement=e,this.createVirtualReference(),this.startAutoUpdate(),this.updatePosition())}disconnectedCallback(){this.cleanupAutoUpdate?.()}visibleChanged(){this.updatePosition()}positionChanged(){this.updatePosition()}placementChanged(){this.updatePosition()}itemsChanged(){this.updatePosition()}createVirtualReference(){this.virtualReference||(this.virtualReference={getBoundingClientRect:()=>new DOMRect(this.x,this.y,0,0)})}startAutoUpdate(){this.cleanupAutoUpdate?.(),this.cleanupAutoUpdate=o(this.virtualReference,this.tooltipElement,(()=>{this.updatePosition()}),{ancestorScroll:!0,ancestorResize:!1,elementResize:!0,layoutShift:!0,animationFrame:!0})}getMiddleware(){return[l(this.offset),d({padding:this.offset}),n({padding:this.offset}),r({element:this.arrowElement,padding:this.offset})]}async updatePosition(){if(this.tooltipElement)try{const{x:t,y:e,placement:i,middlewareData:a}=await p(this.virtualReference,this.tooltipElement,{placement:this.placement,strategy:"fixed",middleware:this.getMiddleware(),platform:{...c,getOffsetParent:t=>c.getOffsetParent(t,g)}});if(this.currentPlacement=i,Object.assign(this.tooltipElement.style,{left:`${t}px`,top:`${e}px`,position:"fixed"}),a.arrow&&this.arrowElement){const{x:t,y:e}=a.arrow;let s;switch(i.split("-")[0]??"top"){case"top":s="bottom";break;case"right":s="left";break;case"bottom":s="top";break;default:s="right"}Object.assign(this.arrowElement.style,{left:null!=t?`${t}px`:"",top:null!=e?`${e}px`:"",right:"",bottom:"",[s]:"-5px",transform:"rotate(45deg)"})}}catch(t){console.error("computePosition failed",t)}}render(){const t=f({visible:this.visible});return a(s,{key:"6152e667a5224e6808917a1182a5e105239457b9",class:t,role:"tooltip",part:"tooltip"},a("div",{key:"038cf107a7ff1936ca8bc28cfd0a913f4c1bf7d2",class:"gids-advanced-tooltip__arrow",part:"arrow"}),a("div",{key:"6cae35d1b61d4e45175909375f69754e762b38b2",class:"gids-advanced-tooltip__content"},this.items.map((t=>a("div",{class:"gids-advanced-tooltip__item",key:`${t.label}-${t.value}`},a("div",{class:"gids-advanced-tooltip__left"},a(m,{name:"new",size:"xs",appearance:"filled",style:{"--gidsIcon-color":t.seriesIndicatorColor}}),a("span",{class:"gids-advanced-tooltip__label"},t.label)),a("span",{class:"gids-advanced-tooltip__value"},t.value))))))}get host(){return this}static get watchers(){return{visible:[{visibleChanged:0}],x:[{positionChanged:0}],y:[{positionChanged:0}],placement:[{placementChanged:0}],items:[{itemsChanged:0}]}}static get style(){return".gids-advanced-tooltip{position:fixed;display:inline-flex;width:fit-content;height:fit-content;z-index:1001;--gidsAdvancedTooltip-background:var( --gids-color-background-neutral-bold-default );--gidsAdvancedTooltip-label-color:var(--gids-color-text-inverse);--gidsAdvancedTooltip-value-color:var(--gids-color-text-inverse)}.gids-advanced-tooltip--visible{opacity:1}.gids-advanced-tooltip__content{box-shadow:var(--gids-elevation-shadow-overlay);background:var(--gidsAdvancedTooltip-background);border-radius:var(--gids-border-radius-md);padding:var(--gids-padding-vertical-edge-to-element-150) var(--gids-padding-horizontal-edge-to-element-150);min-width:140px}.gids-advanced-tooltip__item{display:flex;justify-content:space-between;align-items:center;gap:var(--gids-gap-200)}.gids-advanced-tooltip__item+.gids-advanced-tooltip__item{margin-top:var(--gids-padding-vertical-edge-to-element-075)}.gids-advanced-tooltip__left{display:flex;align-items:center;gap:var(--gids-gap-100)}.gids-advanced-tooltip__arrow{position:absolute;width:10px;height:10px;background:var(--gidsAdvancedTooltip-background);backdrop-filter:calc(var(--gids-backdrop-blur-2-xl));transform:rotate(45deg)}.gids-advanced-tooltip__label{font-family:var(--gids-typography-label-small__font-family);font-size:var(--gids-typography-label-small__font-size);font-weight:var(--gids-typography-label-small__font-weight);letter-spacing:var(--gids-typography-label-small__letter-spacing);line-height:var(--gids-typography-label-small__line-height);text-transform:var(--gids-typography-label-small__text-transform, inherit);font-variant-caps:var(--gids-typography-label-small__font-variant-caps, inherit);color:var(--gidsAdvancedTooltip-label-color)}.gids-advanced-tooltip__value{font-family:var(--gids-typography-label-small__font-family);font-size:var(--gids-typography-label-small__font-size);font-weight:var(--gids-typography-label-small__font-weight);letter-spacing:var(--gids-typography-label-small__letter-spacing);line-height:var(--gids-typography-label-small__line-height);text-transform:var(--gids-typography-label-small__text-transform, inherit);font-variant-caps:var(--gids-typography-label-small__font-variant-caps, inherit);color:var(--gidsAdvancedTooltip-value-color);white-space:nowrap}"}},[1,"gids-advanced-tooltip",{visible:[516],x:[2],y:[2],offset:[2],placement:[1],items:[16],currentPlacement:[32]},void 0,{visible:[{visibleChanged:0}],x:[{positionChanged:0}],y:[{positionChanged:0}],placement:[{placementChanged:0}],items:[{itemsChanged:0}]}]);function b(){"undefined"!=typeof customElements&&["gids-advanced-tooltip"].forEach((e=>{"gids-advanced-tooltip"===e&&(customElements.get(t(e))||customElements.define(t(e),_))}))}b();export{_ as G,b as d}
1
+ import{t,p as e,H as a,h as i,c as s}from"./p-B4hcsDH0.js";import{autoUpdate as o,offset as d,flip as l,shift as n,arrow as r,computePosition as p,platform as c}from"@floating-ui/dom";import{e as g}from"./p-BKcvOO8o.js";import{GidsAdvancedTooltipWebUtils as h}from"@ganpatiinfo/gids-web-shared";import{g as v}from"./p-B2zUuNXz.js";import{G as m}from"./p-iQRr_fAH.js";const{getGidsAdvancedTooltipClassNames:f}=h,b=e(class extends a{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.visible=!1,this.x=0,this.y=0,this.offset=12,this.placement="top",this.items=[],this.currentPlacement="top"}connectedCallback(){const t=v();t&&this.host.shadowRoot?.adoptedStyleSheets.push(t)}componentDidLoad(){const t=this.host.shadowRoot;if(!t)return;const e=t.querySelector(".gids-advanced-tooltip__arrow");e instanceof a&&(this.tooltipElement=this.host,this.arrowElement=e,this.createVirtualReference(),this.startAutoUpdate(),this.updatePosition())}disconnectedCallback(){this.cleanupAutoUpdate?.()}visibleChanged(){this.updatePosition()}positionChanged(){this.updatePosition()}placementChanged(){this.updatePosition()}itemsChanged(){this.updatePosition()}createVirtualReference(){this.virtualReference||(this.virtualReference={getBoundingClientRect:()=>new DOMRect(this.x,this.y,0,0)})}startAutoUpdate(){this.cleanupAutoUpdate?.(),this.cleanupAutoUpdate=o(this.virtualReference,this.tooltipElement,(()=>{this.updatePosition()}),{ancestorScroll:!0,ancestorResize:!1,elementResize:!0,layoutShift:!0,animationFrame:!0})}getMiddleware(){return[d(this.offset),l({padding:this.offset}),n({padding:this.offset}),r({element:this.arrowElement,padding:this.offset})]}async updatePosition(){if(this.tooltipElement)try{const{x:t,y:e,placement:a,middlewareData:i}=await p(this.virtualReference,this.tooltipElement,{placement:this.placement,strategy:"fixed",middleware:this.getMiddleware(),platform:{...c,getOffsetParent:t=>c.getOffsetParent(t,g)}});if(this.currentPlacement=a,Object.assign(this.tooltipElement.style,{left:`${t}px`,top:`${e}px`,position:"fixed"}),i.arrow&&this.arrowElement){const{x:t,y:e}=i.arrow;let s;switch(a.split("-")[0]??"top"){case"top":s="bottom";break;case"right":s="left";break;case"bottom":s="top";break;default:s="right"}Object.assign(this.arrowElement.style,{left:null!=t?`${t}px`:"",top:null!=e?`${e}px`:"",right:"",bottom:"",[s]:"-5px",transform:"rotate(45deg)"})}}catch(t){console.error("computePosition failed",t)}}render(){const t=f({visible:this.visible});return i(s,{key:"13bb6a794c624327216a1cc03550a9afc6f7d9cb",class:t,role:"tooltip",part:"tooltip"},i("div",{key:"1edafa4de30dc67dece07b8283e6233e26f71986",class:"gids-advanced-tooltip__arrow",part:"arrow"}),i("div",{key:"8b4b08220a7d2c444cca9f62eb4ed2d367b79a13",class:"gids-advanced-tooltip__content"},this.items.map((t=>i("div",{class:"gids-advanced-tooltip__item",key:`${t.label}-${t.value}`},i("div",{class:"gids-advanced-tooltip__left"},i(m,{name:"new",size:"xs",appearance:"filled",style:{"--gidsIcon-color":t.seriesIndicatorColor}}),i("span",{class:"gids-advanced-tooltip__label"},t.label)),i("span",{class:"gids-advanced-tooltip__value"},t.value))))))}get host(){return this}static get watchers(){return{visible:[{visibleChanged:0}],x:[{positionChanged:0}],y:[{positionChanged:0}],placement:[{placementChanged:0}],items:[{itemsChanged:0}]}}static get style(){return".gids-advanced-tooltip{position:fixed;display:inline-flex;width:fit-content;height:fit-content;z-index:1001;--gidsAdvancedTooltip-background:var( --gids-color-background-neutral-bold-default );--gidsAdvancedTooltip-label-color:var(--gids-color-text-inverse);--gidsAdvancedTooltip-value-color:var(--gids-color-text-inverse)}.gids-advanced-tooltip--visible{opacity:1}.gids-advanced-tooltip__content{box-shadow:var(--gids-elevation-shadow-overlay);background:var(--gidsAdvancedTooltip-background);border-radius:var(--gids-border-radius-md);padding:var(--gids-padding-vertical-edge-to-element-150) var(--gids-padding-horizontal-edge-to-element-150);min-width:140px}.gids-advanced-tooltip__item{display:flex;justify-content:space-between;align-items:center;gap:var(--gids-gap-200)}.gids-advanced-tooltip__item+.gids-advanced-tooltip__item{margin-top:var(--gids-padding-vertical-edge-to-element-075)}.gids-advanced-tooltip__left{display:flex;align-items:center;gap:var(--gids-gap-100)}.gids-advanced-tooltip__arrow{position:absolute;width:10px;height:10px;background:var(--gidsAdvancedTooltip-background);backdrop-filter:calc(var(--gids-backdrop-blur-2-xl));transform:rotate(45deg)}.gids-advanced-tooltip__label{font-family:var(--gids-typography-label-small__font-family);font-size:var(--gids-typography-label-small__font-size);font-weight:var(--gids-typography-label-small__font-weight);letter-spacing:var(--gids-typography-label-small__letter-spacing);line-height:var(--gids-typography-label-small__line-height);text-transform:var(--gids-typography-label-small__text-transform, inherit);font-variant-caps:var(--gids-typography-label-small__font-variant-caps, inherit);color:var(--gidsAdvancedTooltip-label-color)}.gids-advanced-tooltip__value{font-family:var(--gids-typography-label-small__font-family);font-size:var(--gids-typography-label-small__font-size);font-weight:var(--gids-typography-label-small__font-weight);letter-spacing:var(--gids-typography-label-small__letter-spacing);line-height:var(--gids-typography-label-small__line-height);text-transform:var(--gids-typography-label-small__text-transform, inherit);font-variant-caps:var(--gids-typography-label-small__font-variant-caps, inherit);color:var(--gidsAdvancedTooltip-value-color);white-space:nowrap}"}},[1,"gids-advanced-tooltip",{visible:[516],x:[2],y:[2],offset:[2],placement:[1],items:[16],currentPlacement:[32]},void 0,{visible:[{visibleChanged:0}],x:[{positionChanged:0}],y:[{positionChanged:0}],placement:[{placementChanged:0}],items:[{itemsChanged:0}]}]);function _(){"undefined"!=typeof customElements&&["gids-advanced-tooltip"].forEach((e=>{"gids-advanced-tooltip"===e&&(customElements.get(t(e))||customElements.define(t(e),b))}))}_();export{b as G,_ as d}
@@ -1 +1 @@
1
- import{t,p as i,H as e,h as a}from"./p-B4hcsDH0.js";import{GidsLineChartWebUtils as s}from"@ganpatiinfo/gids-web-shared";import{G as r}from"./p-C-Lpfqcg.js";import{G as l}from"./p-iQRr_fAH.js";import{d as n}from"./p-BdsUwTgh.js";import{d as o}from"./p-BthkC6NU.js";import{d}from"./p-Cacy0Dji.js";const{getGidsLineChartClassNames:h}=s,g=i(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.breakpoint="desktop",this.legend="none",this.chartData=[],this.yAxisVisible=!1,this.dataPoints=[],this.chartLoaderSize="lg",this.chartLoading=!1,this.width=0,this.height=0,this.hoveredIndex=null,this.tooltip={visible:!1,x:0,y:0}}chartDataChanged(){this.updateDimensions()}dataPointsChanged(t){this.dataPoints=t}legendChanged(t){this.legend=t}yAxisVisibilityChanged(t){this.yAxisVisible=t}componentDidLoad(){this.updateDimensions(),this.resizeObserver=new ResizeObserver((()=>this.updateDimensions())),this.hostElement.parentElement&&this.resizeObserver.observe(this.hostElement.parentElement)}disconnectedCallback(){this.resizeObserver&&this.resizeObserver.disconnect()}updateDimensions(){const t=this.hostElement.getBoundingClientRect();this.width=t.width,this.height=t.height>0?t.height:300}getTooltipItems(t){return this.chartData.reduce(((i,e)=>{const a=e.data[t];return a?(i.push({label:e?.label??"",value:String(a.value),seriesIndicatorColor:e?.seriesColor??""}),i):i}),[])}render(){if(this.chartLoading)return a("div",{class:"gids-line-chart__no-data"},a(r,{label:this.chartLoadingTitle,supportingText:this.chartLoadingSupportingText,size:this?.chartLoaderSize??"lg"}));const t=this.chartData.flatMap((t=>Array.isArray(t?.data)?t.data.map((t=>t.value)):[])),i=t.length>0?Math.max(...t):10,e=Math.pow(10,Math.floor(Math.log10(i||1)));let s=e;i/e<=2?s=e/5:i/e<=5&&(s=e/2);const n=Math.ceil(i/s)*s;let o=[];if(Array.isArray(this.dataPoints)&&this.dataPoints.length>0)o=[...this.dataPoints].sort(((t,i)=>t-i));else{const t=5,i=n/(t-1);for(let e=0;e<t;e++)o.push(Math.round(0+e*i))}const d=Math.max(...o,n)-0||1,g=this?.chartData?.[0]?.data?.map((t=>t.label))??[],c=g.length,p=h({breakpoint:this.breakpoint});let y=!1,_=!1;return"mobile"===this.breakpoint?"none"!==this.legend&&(y=!0):"top"===this.legend?y=!0:"right"===this.legend&&(_=!0),a("div",{class:p},y?a("div",{class:"gids-line-chart__header"},a("gids-chart-legend",{orientation:"horizontal"},this.chartData.map((t=>a("gids-chart-legend-item",{key:t.label,seriesColor:t?.seriesColor,orientation:"horizontal"},t.label))))):null,a("div",{class:"gids-line-chart__main-container"},a("div",{class:"gids-line-chart__grid-layout"},a("span",{class:"gids-line-chart__y-axis-label"},this.yAxisLabel),a("div",{class:"gids-line-chart__chart-stage-container"},this.yAxisVisible?a("div",{class:"gids-line-chart__y-axis-scale-container"},o.map((t=>a("span",{id:"y-value",class:"gids-line-chart__scale-text gids-line-chart__y-axis-scale-value",key:t,style:{bottom:(t-0)/d*100+"%"}},t)))):null,a("div",{class:"gids-line-chart__chart-stage"},a("svg",{viewBox:"0 0 100 100",class:"gids-line-chart__chart-vector",preserveAspectRatio:"none"},a("defs",null,this.chartData.map(((t,i)=>{const e=t?.fillGradientStartColor,s=t?.fillGradientEndColor;return a("linearGradient",{id:`areaGradient-${i}`,x1:"0",y1:"0",x2:"0",y2:"1",key:i},a("stop",{offset:"0%",style:{stopColor:e,stopOpacity:"1"}}),a("stop",{offset:"100%",style:{stopColor:s,stopOpacity:"0"}}))}))),o.map((t=>{const i=100-(t-0)/d*100;return a("line",{x1:"0",y1:i,x2:"100",y2:i,class:"gids-line-chart__grid-line",key:t})})),this.chartData.map(((t,i)=>{if(!Array.isArray(t.data)||t.data.length<2)return null;const e=t.data.map(((t,i)=>`${0===i?"M":"L"} ${i/(c-1)*100} ${100-(t.value-0)/d*100}`)).join(" ");return a("g",{key:t.label||i},a("path",{d:`${e} L 100 100 L 0 100 Z`,fill:`url(#areaGradient-${i})`,opacity:t?.fillOpacity??"0.1",class:"gids-line-chart__chart-area"}),a("path",{d:e,class:"gids-line-chart__chart-line",fill:"none",style:{stroke:t?.seriesColor,strokeWidth:"2px"}}))})),a("rect",{x:"0",y:"0",width:"100",height:"100",fill:"transparent","pointer-events":"all",onMouseMove:t=>{const i=t.currentTarget.getBoundingClientRect(),e=Math.round((t.clientX-i.left)/i.width*(c-1));this.hoveredIndex=e,this.tooltip={visible:!0,x:t.clientX,y:t.clientY}},onMouseLeave:()=>{this.hoveredIndex=null,this.tooltip={...this.tooltip,visible:!1}}})),null!==this.hoveredIndex&&this.chartData.map(((t,i)=>{if(null===this.hoveredIndex)return;const e=this.hoveredIndex,s=t.data[e];return s?a("div",{id:`chart-dot-${i}`,class:"gids-line-chart__hover-dot",style:{left:e/(c-1)*100+"%",top:100-(s.value-0)/d*100+"%"}},a(l,{name:"new",size:"xs",appearance:"filled",style:{"--gidsIcon-color":t.seriesColor}})):null})),a("gids-advanced-tooltip",{visible:this.tooltip.visible,x:this.tooltip.x,y:this.tooltip.y,items:null!==this.hoveredIndex?this.getTooltipItems(this.hoveredIndex):[]}))),a("div",{class:"gids-line-chart__x-axis-scale-container"},g.map(((t,i)=>a("span",{class:"gids-line-chart__scale-text",key:i},t)))),a("span",{class:"gids-line-chart__x-axis-label"},this.xAxisLabel)),_?a("gids-chart-legend",{orientation:"vertical"},this.chartData.map((t=>a("gids-chart-legend-item",{key:t.label,seriesColor:t?.seriesColor,orientation:"vertical"},t.label)))):null))}get hostElement(){return this}static get watchers(){return{chartData:[{chartDataChanged:0}],dataPoints:[{dataPointsChanged:0}],legend:[{legendChanged:0}],yAxisVisible:[{yAxisVisibilityChanged:0}]}}static get style(){return":host{display:block;width:100%;height:100%;box-sizing:border-box}.gids-line-chart{display:flex;flex-direction:column;width:100%;height:100%;box-sizing:border-box}.gids-line-chart--breakpoint-mobile{max-width:var(--gids-width-xs)}.gids-line-chart__main-container{display:flex;gap:var(--gids-gap-200)}.gids-line-chart__header{display:flex;justify-content:flex-end;align-items:center;width:100%;margin-bottom:var(--gids-padding-vertical-edge-to-element-200)}.gids-line-chart__grid-layout{display:grid;grid-template-columns:auto 1fr;grid-template-rows:minmax(180px, 280px) auto auto;flex:1;width:100%;height:100%;box-sizing:border-box}.gids-line-chart__y-axis-label{grid-column:1;grid-row:1;display:flex;align-items:center;justify-content:center;margin-right:var(--gids-padding-horizontal-edge-to-element-600);font-family:var(--gids-typography-label-x-small__font-family);font-size:var(--gids-typography-label-x-small__font-size);font-weight:var(--gids-typography-label-x-small__font-weight);letter-spacing:var(--gids-typography-label-x-small__letter-spacing);line-height:var(--gids-typography-label-x-small__line-height);text-transform:var(--gids-typography-label-x-small__text-transform, inherit);font-variant-caps:var(--gids-typography-label-x-small__font-variant-caps, inherit);color:var(--gids-color-text-subtlest);writing-mode:vertical-rl;transform:rotate(180deg);white-space:nowrap}.gids-line-chart__chart-stage-container{grid-column:2;grid-row:1;position:relative;width:100%;height:100%;padding-left:var(--gids-container-padding-desktop);box-sizing:border-box}.gids-line-chart__y-axis-scale-container{position:absolute;top:0;bottom:0;left:0;width:calc(var(--gids-container-padding-desktop) - var(--gids-padding-horizontal-edge-to-element-100));pointer-events:none}.gids-line-chart__y-axis-scale-value{position:absolute;right:0;transform:translateY(50%);margin-right:var(--gids-padding-horizontal-edge-to-element-100)}.gids-line-chart__chart-stage{position:relative;width:100%;height:100%;border-bottom:var(--gids-border-width-thin) solid var(--gids-color-border-default);box-sizing:border-box}.gids-line-chart__chart-vector{display:block;width:100%;height:100%;overflow:visible}.gids-line-chart__grid-line{stroke:var(--gids-color-border-default);stroke-width:0.5;fill:none}.gids-line-chart__chart-area{stroke:none}.gids-line-chart__chart-line{fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.gids-line-chart__x-axis-scale-container{display:flex;grid-column:2;grid-row:2;justify-content:space-between;align-items:center;padding-left:var(--gids-container-padding-desktop);padding-top:var(--gids-padding-vertical-edge-to-element-200);gap:var(--gids-gap-050);box-sizing:border-box}.gids-line-chart__x-axis-label{grid-column:2;grid-row:3;display:flex;justify-content:center;align-items:center;padding-top:var(--gids-padding-vertical-edge-to-element-100);font-family:var(--gids-typography-label-x-small__font-family);font-size:var(--gids-typography-label-x-small__font-size);font-weight:var(--gids-typography-label-x-small__font-weight);letter-spacing:var(--gids-typography-label-x-small__letter-spacing);line-height:var(--gids-typography-label-x-small__line-height);text-transform:var(--gids-typography-label-x-small__text-transform, inherit);font-variant-caps:var(--gids-typography-label-x-small__font-variant-caps, inherit);color:var(--gids-color-text-subtlest);white-space:nowrap}.gids-line-chart__scale-text{font-family:var(--gids-typography-label-x-small__font-family);font-size:var(--gids-typography-label-x-small__font-size);font-weight:var(--gids-typography-label-x-small__font-weight);letter-spacing:var(--gids-typography-label-x-small__letter-spacing);line-height:var(--gids-typography-label-x-small__line-height);text-transform:var(--gids-typography-label-x-small__text-transform, inherit);font-variant-caps:var(--gids-typography-label-x-small__font-variant-caps, inherit);color:var(--gids-color-text-subtlest);user-select:none;white-space:nowrap}.gids-line-chart__no-data{display:flex;align-items:center;justify-content:center;padding:var(--gids-padding-vertical-edge-to-element-300) var(--gids-padding-horizontal-edge-to-element-100);width:100%;height:100%;min-height:200px;color:var(--gids-color-text-subtlest);border:var(--gids-border-width-thin) dashed var(--gids-color-border-default);border-radius:var(--gids-border-radius-md)}.gids-line-chart__hover-dot{position:absolute;transform:translate(-50%, -50%);pointer-events:none;z-index:20}"}},[0,"gids-line-chart",{breakpoint:[1],legend:[1],chartData:[16],yAxisVisible:[4,"y-axis-visible"],xAxisLabel:[1,"x-axis-label"],yAxisLabel:[1,"y-axis-label"],dataPoints:[16],chartLoaderSize:[1,"chart-loader-size"],chartLoading:[4,"chart-loading"],chartLoadingTitle:[1,"chart-loading-title"],chartLoadingSupportingText:[1,"chart-loading-supporting-text"],width:[32],height:[32],hoveredIndex:[32],tooltip:[32]},void 0,{chartData:[{chartDataChanged:0}],dataPoints:[{dataPointsChanged:0}],legend:[{legendChanged:0}],yAxisVisible:[{yAxisVisibilityChanged:0}]}]);function c(){"undefined"!=typeof customElements&&["gids-line-chart","gids-advanced-tooltip","gids-chart-legend","gids-chart-legend-item"].forEach((i=>{switch(i){case"gids-line-chart":customElements.get(t(i))||customElements.define(t(i),g);break;case"gids-advanced-tooltip":customElements.get(t(i))||n();break;case"gids-chart-legend":customElements.get(t(i))||o();break;case"gids-chart-legend-item":customElements.get(t(i))||d()}}))}c();export{g as G,c as d}
1
+ import{t,p as i,H as e,h as a}from"./p-B4hcsDH0.js";import{GidsLineChartWebUtils as s}from"@ganpatiinfo/gids-web-shared";import{G as r}from"./p-C-Lpfqcg.js";import{G as l}from"./p-iQRr_fAH.js";import{d as n}from"./p-D0RJMGGj.js";import{d as o}from"./p-DnRuhvRw.js";import{d}from"./p-E13ycS5K.js";const{getGidsLineChartClassNames:h}=s,g=i(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.breakpoint="desktop",this.legend="none",this.chartData=[],this.yAxisVisible=!1,this.dataPoints=[],this.chartLoaderSize="lg",this.chartLoading=!1,this.width=0,this.height=0,this.hoveredIndex=null,this.tooltip={visible:!1,x:0,y:0}}chartDataChanged(){this.updateDimensions()}dataPointsChanged(t){this.dataPoints=t}legendChanged(t){this.legend=t}yAxisVisibilityChanged(t){this.yAxisVisible=t}componentDidLoad(){this.updateDimensions(),this.resizeObserver=new ResizeObserver((()=>this.updateDimensions())),this.hostElement.parentElement&&this.resizeObserver.observe(this.hostElement.parentElement)}disconnectedCallback(){this.resizeObserver&&this.resizeObserver.disconnect()}updateDimensions(){const t=this.hostElement.getBoundingClientRect();this.width=t.width,this.height=t.height>0?t.height:300}getTooltipItems(t){return this.chartData.reduce(((i,e)=>{const a=e.data[t];return a?(i.push({label:e?.label??"",value:String(a.value),seriesIndicatorColor:e?.seriesColor??""}),i):i}),[])}render(){if(this.chartLoading)return a("div",{class:"gids-line-chart__no-data"},a(r,{label:this.chartLoadingTitle,supportingText:this.chartLoadingSupportingText,size:this?.chartLoaderSize??"lg"}));const t=this.chartData.flatMap((t=>Array.isArray(t?.data)?t.data.map((t=>t.value)):[])),i=t.length>0?Math.max(...t):10,e=Math.pow(10,Math.floor(Math.log10(i||1)));let s=e;i/e<=2?s=e/5:i/e<=5&&(s=e/2);const n=Math.ceil(i/s)*s;let o=[];if(Array.isArray(this.dataPoints)&&this.dataPoints.length>0)o=[...this.dataPoints].sort(((t,i)=>t-i));else{const t=5,i=n/(t-1);for(let e=0;e<t;e++)o.push(Math.round(0+e*i))}const d=Math.max(...o,n)-0||1,g=this?.chartData?.[0]?.data?.map((t=>t.label))??[],c=g.length,p=h({breakpoint:this.breakpoint});let y=!1,_=!1;return"mobile"===this.breakpoint?"none"!==this.legend&&(y=!0):"top"===this.legend?y=!0:"right"===this.legend&&(_=!0),a("div",{class:p},y?a("div",{class:"gids-line-chart__header"},a("gids-chart-legend",{orientation:"horizontal"},this.chartData.map((t=>a("gids-chart-legend-item",{key:t.label,seriesColor:t?.seriesColor,orientation:"horizontal"},t.label))))):null,a("div",{class:"gids-line-chart__main-container"},a("div",{class:"gids-line-chart__grid-layout"},a("span",{class:"gids-line-chart__y-axis-label"},this.yAxisLabel),a("div",{class:"gids-line-chart__chart-stage-container"},this.yAxisVisible?a("div",{class:"gids-line-chart__y-axis-scale-container"},o.map((t=>a("span",{id:"y-value",class:"gids-line-chart__scale-text gids-line-chart__y-axis-scale-value",key:t,style:{bottom:(t-0)/d*100+"%"}},t)))):null,a("div",{class:"gids-line-chart__chart-stage"},a("svg",{viewBox:"0 0 100 100",class:"gids-line-chart__chart-vector",preserveAspectRatio:"none"},a("defs",null,this.chartData.map(((t,i)=>{const e=t?.fillGradientStartColor,s=t?.fillGradientEndColor;return a("linearGradient",{id:`areaGradient-${i}`,x1:"0",y1:"0",x2:"0",y2:"1",key:i},a("stop",{offset:"0%",style:{stopColor:e,stopOpacity:"1"}}),a("stop",{offset:"100%",style:{stopColor:s,stopOpacity:"0"}}))}))),o.map((t=>{const i=100-(t-0)/d*100;return a("line",{x1:"0",y1:i,x2:"100",y2:i,class:"gids-line-chart__grid-line",key:t})})),this.chartData.map(((t,i)=>{if(!Array.isArray(t.data)||t.data.length<2)return null;const e=t.data.map(((t,i)=>`${0===i?"M":"L"} ${i/(c-1)*100} ${100-(t.value-0)/d*100}`)).join(" ");return a("g",{key:t.label||i},a("path",{d:`${e} L 100 100 L 0 100 Z`,fill:`url(#areaGradient-${i})`,opacity:t?.fillOpacity??"0.1",class:"gids-line-chart__chart-area"}),a("path",{d:e,class:"gids-line-chart__chart-line",fill:"none",style:{stroke:t?.seriesColor,strokeWidth:"2px"}}))})),a("rect",{x:"0",y:"0",width:"100",height:"100",fill:"transparent","pointer-events":"all",onMouseMove:t=>{const i=t.currentTarget.getBoundingClientRect(),e=Math.round((t.clientX-i.left)/i.width*(c-1));this.hoveredIndex=e,this.tooltip={visible:!0,x:t.clientX,y:t.clientY}},onMouseLeave:()=>{this.hoveredIndex=null,this.tooltip={...this.tooltip,visible:!1}}})),null!==this.hoveredIndex&&this.chartData.map(((t,i)=>{if(null===this.hoveredIndex)return;const e=this.hoveredIndex,s=t.data[e];return s?a("div",{id:`chart-dot-${i}`,class:"gids-line-chart__hover-dot",style:{left:e/(c-1)*100+"%",top:100-(s.value-0)/d*100+"%"}},a(l,{name:"new",size:"xs",appearance:"filled",style:{"--gidsIcon-color":t.seriesColor}})):null})),a("gids-advanced-tooltip",{visible:this.tooltip.visible,x:this.tooltip.x,y:this.tooltip.y,items:null!==this.hoveredIndex?this.getTooltipItems(this.hoveredIndex):[]}))),a("div",{class:"gids-line-chart__x-axis-scale-container"},g.map(((t,i)=>a("span",{class:"gids-line-chart__scale-text",key:i},t)))),a("span",{class:"gids-line-chart__x-axis-label"},this.xAxisLabel)),_?a("gids-chart-legend",{orientation:"vertical"},this.chartData.map((t=>a("gids-chart-legend-item",{key:t.label,seriesColor:t?.seriesColor,orientation:"vertical"},t.label)))):null))}get hostElement(){return this}static get watchers(){return{chartData:[{chartDataChanged:0}],dataPoints:[{dataPointsChanged:0}],legend:[{legendChanged:0}],yAxisVisible:[{yAxisVisibilityChanged:0}]}}static get style(){return":host{display:block;width:100%;height:100%;box-sizing:border-box}.gids-line-chart{display:flex;flex-direction:column;width:100%;height:100%;box-sizing:border-box}.gids-line-chart--breakpoint-mobile{max-width:var(--gids-width-xs)}.gids-line-chart__main-container{display:flex;gap:var(--gids-gap-200)}.gids-line-chart__header{display:flex;justify-content:flex-end;align-items:center;width:100%;margin-bottom:var(--gids-padding-vertical-edge-to-element-200)}.gids-line-chart__grid-layout{display:grid;grid-template-columns:auto 1fr;grid-template-rows:minmax(180px, 280px) auto auto;flex:1;width:100%;height:100%;box-sizing:border-box}.gids-line-chart__y-axis-label{grid-column:1;grid-row:1;display:flex;align-items:center;justify-content:center;margin-right:var(--gids-padding-horizontal-edge-to-element-600);font-family:var(--gids-typography-label-x-small__font-family);font-size:var(--gids-typography-label-x-small__font-size);font-weight:var(--gids-typography-label-x-small__font-weight);letter-spacing:var(--gids-typography-label-x-small__letter-spacing);line-height:var(--gids-typography-label-x-small__line-height);text-transform:var(--gids-typography-label-x-small__text-transform, inherit);font-variant-caps:var(--gids-typography-label-x-small__font-variant-caps, inherit);color:var(--gids-color-text-subtlest);writing-mode:vertical-rl;transform:rotate(180deg);white-space:nowrap}.gids-line-chart__chart-stage-container{grid-column:2;grid-row:1;position:relative;width:100%;height:100%;padding-left:var(--gids-container-padding-desktop);box-sizing:border-box}.gids-line-chart__y-axis-scale-container{position:absolute;top:0;bottom:0;left:0;width:calc(var(--gids-container-padding-desktop) - var(--gids-padding-horizontal-edge-to-element-100));pointer-events:none}.gids-line-chart__y-axis-scale-value{position:absolute;right:0;transform:translateY(50%);margin-right:var(--gids-padding-horizontal-edge-to-element-100)}.gids-line-chart__chart-stage{position:relative;width:100%;height:100%;border-bottom:var(--gids-border-width-thin) solid var(--gids-color-border-default);box-sizing:border-box}.gids-line-chart__chart-vector{display:block;width:100%;height:100%;overflow:visible}.gids-line-chart__grid-line{stroke:var(--gids-color-border-default);stroke-width:0.5;fill:none}.gids-line-chart__chart-area{stroke:none}.gids-line-chart__chart-line{fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.gids-line-chart__x-axis-scale-container{display:flex;grid-column:2;grid-row:2;justify-content:space-between;align-items:center;padding-left:var(--gids-container-padding-desktop);padding-top:var(--gids-padding-vertical-edge-to-element-200);gap:var(--gids-gap-050);box-sizing:border-box}.gids-line-chart__x-axis-label{grid-column:2;grid-row:3;display:flex;justify-content:center;align-items:center;padding-top:var(--gids-padding-vertical-edge-to-element-100);font-family:var(--gids-typography-label-x-small__font-family);font-size:var(--gids-typography-label-x-small__font-size);font-weight:var(--gids-typography-label-x-small__font-weight);letter-spacing:var(--gids-typography-label-x-small__letter-spacing);line-height:var(--gids-typography-label-x-small__line-height);text-transform:var(--gids-typography-label-x-small__text-transform, inherit);font-variant-caps:var(--gids-typography-label-x-small__font-variant-caps, inherit);color:var(--gids-color-text-subtlest);white-space:nowrap}.gids-line-chart__scale-text{font-family:var(--gids-typography-label-x-small__font-family);font-size:var(--gids-typography-label-x-small__font-size);font-weight:var(--gids-typography-label-x-small__font-weight);letter-spacing:var(--gids-typography-label-x-small__letter-spacing);line-height:var(--gids-typography-label-x-small__line-height);text-transform:var(--gids-typography-label-x-small__text-transform, inherit);font-variant-caps:var(--gids-typography-label-x-small__font-variant-caps, inherit);color:var(--gids-color-text-subtlest);user-select:none;white-space:nowrap}.gids-line-chart__no-data{display:flex;align-items:center;justify-content:center;padding:var(--gids-padding-vertical-edge-to-element-300) var(--gids-padding-horizontal-edge-to-element-100);width:100%;height:100%;min-height:200px;color:var(--gids-color-text-subtlest);border:var(--gids-border-width-thin) dashed var(--gids-color-border-default);border-radius:var(--gids-border-radius-md)}.gids-line-chart__hover-dot{position:absolute;transform:translate(-50%, -50%);pointer-events:none;z-index:20}"}},[0,"gids-line-chart",{breakpoint:[1],legend:[1],chartData:[16],yAxisVisible:[4,"y-axis-visible"],xAxisLabel:[1,"x-axis-label"],yAxisLabel:[1,"y-axis-label"],dataPoints:[16],chartLoaderSize:[1,"chart-loader-size"],chartLoading:[4,"chart-loading"],chartLoadingTitle:[1,"chart-loading-title"],chartLoadingSupportingText:[1,"chart-loading-supporting-text"],width:[32],height:[32],hoveredIndex:[32],tooltip:[32]},void 0,{chartData:[{chartDataChanged:0}],dataPoints:[{dataPointsChanged:0}],legend:[{legendChanged:0}],yAxisVisible:[{yAxisVisibilityChanged:0}]}]);function c(){"undefined"!=typeof customElements&&["gids-line-chart","gids-advanced-tooltip","gids-chart-legend","gids-chart-legend-item"].forEach((i=>{switch(i){case"gids-line-chart":customElements.get(t(i))||customElements.define(t(i),g);break;case"gids-advanced-tooltip":customElements.get(t(i))||n();break;case"gids-chart-legend":customElements.get(t(i))||o();break;case"gids-chart-legend-item":customElements.get(t(i))||d()}}))}c();export{g as G,c as d}