@ganpatiinfo/gids-core-web 22.0.0 → 24.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 (273) hide show
  1. package/dist/css/index.css +111 -64
  2. package/dist/css/index.css.map +1 -1
  3. package/dist/gids-action-bar.js +1 -1
  4. package/dist/gids-activity-gauge.js +1 -1
  5. package/dist/gids-advanced-tooltip.js +1 -1
  6. package/dist/gids-bar-chart.js +1 -1
  7. package/dist/gids-bento-card.js +1 -1
  8. package/dist/gids-calendar-header-panel.js +1 -1
  9. package/dist/gids-calendar-month-list.js +1 -1
  10. package/dist/gids-calendar-picker.d.ts +11 -0
  11. package/dist/gids-calendar-picker.js +1 -0
  12. package/dist/gids-calendar-year-list.js +1 -1
  13. package/dist/gids-calendar.js +1 -1
  14. package/dist/gids-chart-legend-item.js +1 -1
  15. package/dist/gids-chart-legend.js +1 -1
  16. package/dist/gids-chart.js +1 -1
  17. package/dist/gids-chevron-button.js +1 -1
  18. package/dist/gids-date-picker-field.d.ts +11 -0
  19. package/dist/gids-date-picker-field.js +1 -0
  20. package/dist/gids-date-picker.d.ts +11 -0
  21. package/dist/gids-date-picker.js +1 -0
  22. package/dist/gids-day-dropdown-picker.d.ts +11 -0
  23. package/dist/gids-day-dropdown-picker.js +1 -0
  24. package/dist/gids-dot.js +1 -1
  25. package/dist/gids-dropdown-field.js +1 -1
  26. package/dist/gids-dropdown-picker.js +1 -1
  27. package/dist/gids-dropdown.js +1 -1
  28. package/dist/gids-expansion-body-list-item.js +1 -1
  29. package/dist/gids-expansion-body-list.js +1 -1
  30. package/dist/gids-expansion-group.js +1 -1
  31. package/dist/gids-expansion.js +1 -1
  32. package/dist/gids-field.js +1 -1
  33. package/dist/gids-filter.js +1 -1
  34. package/dist/gids-flyout-panel.js +1 -1
  35. package/dist/gids-form.js +1 -1
  36. package/dist/gids-header-navigation-item.js +1 -1
  37. package/dist/gids-header-navigation.js +1 -1
  38. package/dist/gids-icon.js +1 -1
  39. package/dist/gids-input.js +1 -1
  40. package/dist/gids-line-chart.js +1 -1
  41. package/dist/gids-md-table.js +1 -1
  42. package/dist/gids-month-dropdown-picker.d.ts +11 -0
  43. package/dist/gids-month-dropdown-picker.js +1 -0
  44. package/dist/gids-overflow-container.js +1 -1
  45. package/dist/gids-overlay-provider.js +1 -1
  46. package/dist/gids-password-field.js +1 -1
  47. package/dist/gids-pie-chart.js +1 -1
  48. package/dist/gids-popover.js +1 -1
  49. package/dist/gids-profile-menu-header.js +1 -1
  50. package/dist/gids-profile-menu.js +1 -1
  51. package/dist/gids-profile.js +1 -1
  52. package/dist/gids-scrim.js +1 -1
  53. package/dist/gids-sidebar-item.js +1 -1
  54. package/dist/gids-sidebar-menu.js +1 -1
  55. package/dist/gids-sidebar.js +1 -1
  56. package/dist/gids-skeleton.js +1 -1
  57. package/dist/gids-tab-item.js +1 -1
  58. package/dist/gids-tab.js +1 -1
  59. package/dist/gids-text-field.js +1 -1
  60. package/dist/gids-toggle-button.js +1 -1
  61. package/dist/gids-tooltip.js +1 -1
  62. package/dist/gids-transfer-list.js +1 -1
  63. package/dist/gids-year-dropdown-picker.d.ts +11 -0
  64. package/dist/gids-year-dropdown-picker.js +1 -0
  65. package/dist/{p-TfH966_e.js → p-3H10HA8U.js} +1 -1
  66. package/dist/{p-_W77iniK.js → p-5SNf54JN.js} +1 -1
  67. package/dist/p-69VXkSHc.js +1 -0
  68. package/dist/{p-B_FEFM5I.js → p-B2CvDGSE.js} +1 -1
  69. package/dist/{p-DLRj-mUX.js → p-B3AB3GQ0.js} +1 -1
  70. package/dist/p-BBlUduEr.js +1 -0
  71. package/dist/p-BGBsQSqM.js +1 -0
  72. package/dist/{p-BIxBMTG9.js → p-BWrCtA6O.js} +1 -1
  73. package/dist/{p-D0RJMGGj.js → p-BZdaC92p.js} +1 -1
  74. package/dist/p-Bbw1WCO7.js +1 -0
  75. package/dist/{p-CIjK3iHM.js → p-Bi-yBBYT.js} +1 -1
  76. package/dist/{p-DQQhGF5N.js → p-BwDi-0yS.js} +1 -1
  77. package/dist/{p-DKSnGphd.js → p-By0R-oJV.js} +1 -1
  78. package/dist/p-CCX8DA2Z.js +1 -0
  79. package/dist/{p-Ds5IzXj3.js → p-CJ1tQlEt.js} +1 -1
  80. package/dist/{p-DnRuhvRw.js → p-CL9pZVrx.js} +1 -1
  81. package/dist/p-CS2U2Mro.js +1 -0
  82. package/dist/p-Cf9ipNLT.js +1 -0
  83. package/dist/{p-B2flLE0s.js → p-Cs-QTqUM.js} +1 -1
  84. package/dist/{p-E13ycS5K.js → p-CytAVtIP.js} +1 -1
  85. package/dist/{p-CV1-78HB.js → p-D2VR17v2.js} +1 -1
  86. package/dist/p-D8vooi3L.js +1 -0
  87. package/dist/{p-DMxvWIj1.js → p-DB0ZJi5J.js} +1 -1
  88. package/dist/{p-BAqWcL0K.js → p-DHOvFnv4.js} +1 -1
  89. package/dist/{p--kh67-_Z.js → p-DIrAYgqX.js} +1 -1
  90. package/dist/p-DJH7wtiu.js +1 -0
  91. package/dist/{p-bfWlRsx_.js → p-DMN5PI18.js} +1 -1
  92. package/dist/p-DdJKIFk0.js +1 -0
  93. package/dist/{p-BCbovLBE.js → p-Dt270JVs.js} +1 -1
  94. package/dist/p-DuonIHDh.js +1 -0
  95. package/dist/{p-DzOOjiNH.js → p-_OVEnTXa.js} +1 -1
  96. package/dist/{p-DrxfD2yZ.js → p-cXOH6OAQ.js} +1 -1
  97. package/dist/p-lVcUFx2e.js +1 -0
  98. package/dist/{p-mv_7K1EM.js → p-peMqbYbz.js} +1 -1
  99. package/dist/p-piTNUZit.js +1 -0
  100. package/dist/types/components/webComponents/GidsCalendar/GidsCalendar.d.ts +4 -2
  101. package/dist/types/components/webComponents/GidsCalendarPicker/GidsCalendarPicker.d.ts +55 -0
  102. package/dist/types/components/webComponents/GidsDatePicker/GidsDatePicker.d.ts +74 -0
  103. package/dist/types/components/webComponents/GidsDatePickerField/GidsDatePickerField.d.ts +75 -0
  104. package/dist/types/components/webComponents/GidsDayDropdownPicker/GidsDayDropdownPicker.d.ts +40 -0
  105. package/dist/types/components/webComponents/GidsDropdown/GidsDropdown.d.ts +10 -8
  106. package/dist/types/components/webComponents/GidsDropdownField/GidsDropdownField.d.ts +5 -1
  107. package/dist/types/components/webComponents/GidsDropdownPicker/GidsDropdownPicker.d.ts +1 -0
  108. package/dist/types/components/webComponents/GidsFlyoutPanel/GidsFlyoutPanel.d.ts +7 -2
  109. package/dist/types/components/webComponents/GidsForm/GidsForm.d.ts +8 -0
  110. package/dist/types/components/webComponents/GidsHeaderNavigation/GidsHeaderNavigation.d.ts +0 -1
  111. package/dist/types/components/webComponents/GidsHeaderNavigationItem/GidsHeaderNavigationItem.d.ts +4 -6
  112. package/dist/types/components/webComponents/GidsMonthDropdownPicker/GidsMonthDropdownPicker.d.ts +40 -0
  113. package/dist/types/components/webComponents/GidsYearDropdownPicker/GidsYearDropdownPicker.d.ts +40 -0
  114. package/dist/types/components.d.ts +894 -70
  115. package/dist-bundled/es/GidsDatePickerSharedUtils-Dh5qFlYA.js +105 -0
  116. package/dist-bundled/es/gids-action-bar.js +17 -17
  117. package/dist-bundled/es/gids-activity-gauge.js +3 -3
  118. package/dist-bundled/es/gids-advanced-tooltip.js +4 -4
  119. package/dist-bundled/es/gids-bar-chart.js +3 -3
  120. package/dist-bundled/es/gids-bento-card.js +1 -1
  121. package/dist-bundled/es/gids-calendar-header-panel.js +1 -1
  122. package/dist-bundled/es/gids-calendar-month-list.js +3 -3
  123. package/dist-bundled/es/gids-calendar-picker.js +6 -0
  124. package/dist-bundled/es/gids-calendar-year-list.js +4 -4
  125. package/dist-bundled/es/gids-calendar.js +4 -151
  126. package/dist-bundled/es/gids-chart-legend-item.js +4 -4
  127. package/dist-bundled/es/gids-chart-legend.js +3 -3
  128. package/dist-bundled/es/gids-chart.js +21 -21
  129. package/dist-bundled/es/gids-chevron-button.js +3 -3
  130. package/dist-bundled/es/gids-date-picker-field.js +181 -0
  131. package/dist-bundled/es/gids-date-picker.js +6 -0
  132. package/dist-bundled/es/gids-day-dropdown-picker.js +6 -0
  133. package/dist-bundled/es/gids-dot.js +1 -1
  134. package/dist-bundled/es/gids-dropdown-field.js +29 -19
  135. package/dist-bundled/es/gids-dropdown-picker.js +2 -2
  136. package/dist-bundled/es/gids-dropdown.js +3 -3
  137. package/dist-bundled/es/gids-expansion-body-list-item.js +1 -1
  138. package/dist-bundled/es/gids-expansion-body-list.js +2 -2
  139. package/dist-bundled/es/gids-expansion-group.js +1 -1
  140. package/dist-bundled/es/gids-expansion.js +8 -8
  141. package/dist-bundled/es/gids-field.js +4 -4
  142. package/dist-bundled/es/gids-filter.js +1 -1
  143. package/dist-bundled/es/gids-flyout-panel.js +1 -1
  144. package/dist-bundled/es/gids-form.js +65 -49
  145. package/dist-bundled/es/gids-header-navigation-item.js +3 -3
  146. package/dist-bundled/es/gids-header-navigation.js +59 -60
  147. package/dist-bundled/es/gids-icon.js +1 -1
  148. package/dist-bundled/es/gids-input.js +4 -4
  149. package/dist-bundled/es/gids-line-chart.js +4 -4
  150. package/dist-bundled/es/gids-md-table.js +60 -60
  151. package/dist-bundled/es/gids-month-dropdown-picker.js +6 -0
  152. package/dist-bundled/es/gids-overflow-container.js +1 -1
  153. package/dist-bundled/es/gids-overlay-provider.js +2 -2
  154. package/dist-bundled/es/gids-password-field.js +25 -25
  155. package/dist-bundled/es/gids-pie-chart.js +1 -1
  156. package/dist-bundled/es/gids-popover.js +1 -1
  157. package/dist-bundled/es/gids-profile-menu-header.js +4 -4
  158. package/dist-bundled/es/gids-profile-menu.js +3 -3
  159. package/dist-bundled/es/gids-profile.js +10 -10
  160. package/dist-bundled/es/gids-scrim.js +1 -1
  161. package/dist-bundled/es/gids-sidebar-item.js +1 -1
  162. package/dist-bundled/es/gids-sidebar-menu.js +1 -1
  163. package/dist-bundled/es/gids-sidebar.js +7 -7
  164. package/dist-bundled/es/gids-skeleton.js +1 -1
  165. package/dist-bundled/es/gids-tab-item.js +1 -1
  166. package/dist-bundled/es/gids-tab.js +4 -4
  167. package/dist-bundled/es/gids-text-field.js +12 -12
  168. package/dist-bundled/es/gids-toggle-button.js +1 -1
  169. package/dist-bundled/es/gids-tooltip.js +4 -4
  170. package/dist-bundled/es/gids-transfer-list.js +8 -8
  171. package/dist-bundled/es/gids-year-dropdown-picker.js +6 -0
  172. package/dist-bundled/es/{p-TfH966_e-BzZRV8Rj.js → p-3H10HA8U-DWG31yfh.js} +9 -9
  173. package/dist-bundled/es/{p-_W77iniK-ChKfEOp3.js → p-5SNf54JN-Dke4QoYK.js} +2 -2
  174. package/dist-bundled/es/{p-kWyyLyT3-VhX9LNzT.js → p-69VXkSHc-vZd5gQWS.js} +28 -28
  175. package/dist-bundled/es/{p-B_FEFM5I-JoBieRfG.js → p-B2CvDGSE-B-50q6JD.js} +5 -5
  176. package/dist-bundled/es/{p-DLRj-mUX-BapdQYpI.js → p-B3AB3GQ0-DdgNC9FJ.js} +5 -5
  177. package/dist-bundled/es/{p-CAjDiWIc-C9dOa7FT.js → p-BBlUduEr-CWdvgBS6.js} +7 -7
  178. package/dist-bundled/es/{p-BQT5yy5L-C1C_zTi-.js → p-BGBsQSqM-DtooH-AA.js} +8 -4
  179. package/dist-bundled/es/{p-BIxBMTG9-Ctr342ff.js → p-BWrCtA6O-DHaJx1bg.js} +3 -3
  180. package/dist-bundled/es/{p-D0RJMGGj-BflZ9l8y.js → p-BZdaC92p-DjVPKyfk.js} +5 -5
  181. package/dist-bundled/es/p-Bbw1WCO7-CJU0y0iF.js +240 -0
  182. package/dist-bundled/es/{p-CIjK3iHM-DEW8PRM5.js → p-Bi-yBBYT-CC0Ktxng.js} +1 -1
  183. package/dist-bundled/es/{p-DQQhGF5N-mCqb5VTE.js → p-BwDi-0yS-vyn3pUko.js} +8 -8
  184. package/dist-bundled/es/{p-DKSnGphd-CZSPfB-N.js → p-By0R-oJV-DkI-JpEG.js} +3 -3
  185. package/dist-bundled/es/p-CCX8DA2Z-D0OkaCKx.js +157 -0
  186. package/dist-bundled/es/{p-Ds5IzXj3-B2o0ML2C.js → p-CJ1tQlEt-B8GYL1we.js} +13 -13
  187. package/dist-bundled/es/{p-DnRuhvRw-Beh0bANh.js → p-CL9pZVrx-BYVOaGDA.js} +8 -8
  188. package/dist-bundled/es/{p-DpvdbdZ--C7QlXxK2.js → p-CS2U2Mro-6wGJ-t9P.js} +31 -19
  189. package/dist-bundled/es/p-Cf9ipNLT-HF4MWnLF.js +86 -0
  190. package/dist-bundled/es/{p-B2flLE0s-SMg7vg1a.js → p-Cs-QTqUM-CcvsSUzr.js} +2 -2
  191. package/dist-bundled/es/{p-E13ycS5K-BBDydae3.js → p-CytAVtIP-IZSm6SZx.js} +1 -1
  192. package/dist-bundled/es/p-D8vooi3L-C5jeoC6H.js +122 -0
  193. package/dist-bundled/es/{p-DMxvWIj1-BxbvrlFL.js → p-DB0ZJi5J-BEYBVVuq.js} +9 -9
  194. package/dist-bundled/es/{p-BAqWcL0K-DNkV1R_C.js → p-DHOvFnv4-DZQmbUn3.js} +2 -2
  195. package/dist-bundled/es/{p--kh67-_Z-B-vf_gng.js → p-DIrAYgqX-BoR42JaL.js} +4 -4
  196. package/dist-bundled/es/p-DJH7wtiu-BDWtYcRw.js +148 -0
  197. package/dist-bundled/es/{p-bfWlRsx_-CNZjBYOE.js → p-DMN5PI18-CiBpBUeE.js} +3 -3
  198. package/dist-bundled/es/{p-Do_VlNHg-Ck03dQOR.js → p-DdJKIFk0-Co3FvR3K.js} +1 -1
  199. package/dist-bundled/es/{p-BCbovLBE-CDxKiOtS.js → p-Dt270JVs-DJODMRWa.js} +1 -1
  200. package/dist-bundled/es/p-DuonIHDh-B6YKWTfP.js +86 -0
  201. package/dist-bundled/es/{p-DzOOjiNH-CqI4E-mj.js → p-_OVEnTXa-q7qjnzI3.js} +2 -2
  202. package/dist-bundled/es/{p-DrxfD2yZ-Cetyr3S9.js → p-cXOH6OAQ-BRmZ0lXm.js} +10 -10
  203. package/dist-bundled/es/p-lVcUFx2e-D6N6qefs.js +86 -0
  204. package/dist-bundled/es/{p-mv_7K1EM-U3yKC45e.js → p-peMqbYbz-BnWVSfKD.js} +1 -1
  205. package/dist-bundled/es/p-piTNUZit-Jq4qQLgn.js +137 -0
  206. package/dist-bundled/umd/gids-action-bar.umd.js +3 -3
  207. package/dist-bundled/umd/gids-activity-gauge.umd.js +1 -1
  208. package/dist-bundled/umd/gids-advanced-tooltip.umd.js +1 -1
  209. package/dist-bundled/umd/gids-bar-chart.umd.js +1 -1
  210. package/dist-bundled/umd/gids-bento-card.umd.js +1 -1
  211. package/dist-bundled/umd/gids-calendar-header-panel.umd.js +1 -1
  212. package/dist-bundled/umd/gids-calendar-month-list.umd.js +1 -1
  213. package/dist-bundled/umd/gids-calendar-picker.umd.js +5 -0
  214. package/dist-bundled/umd/gids-calendar-year-list.umd.js +1 -1
  215. package/dist-bundled/umd/gids-calendar.umd.js +2 -2
  216. package/dist-bundled/umd/gids-chart-legend-item.umd.js +1 -1
  217. package/dist-bundled/umd/gids-chart-legend.umd.js +1 -1
  218. package/dist-bundled/umd/gids-chart.umd.js +1 -1
  219. package/dist-bundled/umd/gids-chevron-button.umd.js +1 -1
  220. package/dist-bundled/umd/gids-date-picker-field.umd.js +5 -0
  221. package/dist-bundled/umd/gids-date-picker.umd.js +5 -0
  222. package/dist-bundled/umd/gids-day-dropdown-picker.umd.js +5 -0
  223. package/dist-bundled/umd/gids-dot.umd.js +1 -1
  224. package/dist-bundled/umd/gids-dropdown-field.umd.js +2 -2
  225. package/dist-bundled/umd/gids-dropdown-picker.umd.js +2 -2
  226. package/dist-bundled/umd/gids-dropdown.umd.js +2 -2
  227. package/dist-bundled/umd/gids-expansion-body-list-item.umd.js +1 -1
  228. package/dist-bundled/umd/gids-expansion-body-list.umd.js +1 -1
  229. package/dist-bundled/umd/gids-expansion-group.umd.js +2 -2
  230. package/dist-bundled/umd/gids-expansion.umd.js +1 -1
  231. package/dist-bundled/umd/gids-field.umd.js +1 -1
  232. package/dist-bundled/umd/gids-filter.umd.js +2 -2
  233. package/dist-bundled/umd/gids-flyout-panel.umd.js +2 -2
  234. package/dist-bundled/umd/gids-form.umd.js +2 -2
  235. package/dist-bundled/umd/gids-header-navigation-item.umd.js +2 -2
  236. package/dist-bundled/umd/gids-header-navigation.umd.js +2 -2
  237. package/dist-bundled/umd/gids-icon.umd.js +2 -2
  238. package/dist-bundled/umd/gids-input.umd.js +1 -1
  239. package/dist-bundled/umd/gids-line-chart.umd.js +1 -1
  240. package/dist-bundled/umd/gids-md-table.umd.js +1 -1
  241. package/dist-bundled/umd/gids-month-dropdown-picker.umd.js +5 -0
  242. package/dist-bundled/umd/gids-overflow-container.umd.js +1 -1
  243. package/dist-bundled/umd/gids-overlay-provider.umd.js +1 -1
  244. package/dist-bundled/umd/gids-password-field.umd.js +1 -1
  245. package/dist-bundled/umd/gids-pie-chart.umd.js +2 -2
  246. package/dist-bundled/umd/gids-popover.umd.js +1 -1
  247. package/dist-bundled/umd/gids-profile-menu-header.umd.js +1 -1
  248. package/dist-bundled/umd/gids-profile-menu.umd.js +1 -1
  249. package/dist-bundled/umd/gids-profile.umd.js +1 -1
  250. package/dist-bundled/umd/gids-scrim.umd.js +1 -1
  251. package/dist-bundled/umd/gids-sidebar-item.umd.js +2 -2
  252. package/dist-bundled/umd/gids-sidebar-menu.umd.js +2 -2
  253. package/dist-bundled/umd/gids-sidebar.umd.js +2 -2
  254. package/dist-bundled/umd/gids-skeleton.umd.js +2 -2
  255. package/dist-bundled/umd/gids-tab-item.umd.js +1 -1
  256. package/dist-bundled/umd/gids-tab.umd.js +1 -1
  257. package/dist-bundled/umd/gids-text-field.umd.js +1 -1
  258. package/dist-bundled/umd/gids-toggle-button.umd.js +2 -2
  259. package/dist-bundled/umd/gids-tooltip.umd.js +2 -2
  260. package/dist-bundled/umd/gids-transfer-list.umd.js +1 -1
  261. package/dist-bundled/umd/gids-year-dropdown-picker.umd.js +5 -0
  262. package/dist-bundled/umd-complete/gids-core-web.umd.js +9 -9
  263. package/package.json +55 -7
  264. package/dist/p-BQT5yy5L.js +0 -1
  265. package/dist/p-B_St7yaX.js +0 -1
  266. package/dist/p-CAjDiWIc.js +0 -1
  267. package/dist/p-Do_VlNHg.js +0 -1
  268. package/dist/p-DpvdbdZ-.js +0 -1
  269. package/dist/p-kWyyLyT3.js +0 -1
  270. package/dist/p-tEbUT3n3.js +0 -1
  271. package/dist-bundled/es/p-B_St7yaX-Da4DWjGh.js +0 -151
  272. package/dist-bundled/es/p-tEbUT3n3-Byef6fQN.js +0 -244
  273. /package/dist-bundled/es/{p-CV1-78HB-C0k_l_CT.js → p-D2VR17v2-C0k_l_CT.js} +0 -0
@@ -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,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}
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{a as d,b as o}from"./p-D2VR17v2.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,b=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:"204cb69d84cc8957fe51c9ac37f01009db59756a",class:t},e("div",{key:"6ea166769c28f7bd9717ec8d916d5a62589facb0",class:"gids-transfer-list__left-container"},e(v,{key:"697d02bf9a9eb6b27308120a7ae8a988e0dbc492",type:i.length>0?"default":"no-options"},e(u,{key:"186b95114e6a0a7d5aeb3ba1d64301b06b8b13da",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:"54746b827f3521525b79118b10314e0513039849",class:"gids-transfer-list__middle-container"},e(f,{key:"450602d58efe7a93019670cebbb7fdc444a21194",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:"7890ffb0b4059d9febd9852ac1f3da2e80dcbc06",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:"0de37783b705b9ddc1f3db8fbbed1728e8f589ec",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:"2ff344a7ee67a68e108322333cd8bf8bb116b58f",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:"58a9d3a843871a24fbb1f3597a228e64d6729c2d",class:"gids-transfer-list__right-container"},e(v,{key:"ce70f53e7f24f91a17fd3cdcb98cd0163ad50732",type:s.length>0?"default":"no-options"},e(u,{key:"2fc87d113eb7f7f0e469962fc0bc806bcd6a8234",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 x(){"undefined"!=typeof customElements&&["gids-transfer-list"].forEach((e=>{"gids-transfer-list"===e&&(customElements.get(t(e))||customElements.define(t(e),b))}))}x();const _=b,I=x;export{_ as GidsTransferList,I as defineCustomElement}
@@ -0,0 +1,11 @@
1
+ import type { Components, JSX } from "./types/components";
2
+
3
+ interface GidsYearDropdownPicker extends Components.GidsYearDropdownPicker, HTMLElement {}
4
+ export const GidsYearDropdownPicker: {
5
+ prototype: GidsYearDropdownPicker;
6
+ new (): GidsYearDropdownPicker;
7
+ };
8
+ /**
9
+ * Used to define this component and all nested components recursively.
10
+ */
11
+ export const defineCustomElement: () => void;
@@ -0,0 +1 @@
1
+ import{G as o,d as s}from"./p-DuonIHDh.js";const p=o,r=s;export{p as GidsYearDropdownPicker,r as defineCustomElement}
@@ -1 +1 @@
1
- import{t as e,p as t,H as i,h as a}from"./p-B4hcsDH0.js";import{GidsCalendarHeaderPanelWebUtils as s}from"@ganpatiinfo/gids-web-shared";import{G as n}from"./p-Dg_WeHpV.js";import{G as h}from"./p-iQRr_fAH.js";import{c as r}from"./p-ChV9xqsO.js";import{d}from"./p-DrxfD2yZ.js";import{d as l}from"./p-Ds5IzXj3.js";import{d as c}from"./p-BQT5yy5L.js";const{getGidsCalendarHeaderPanelClassNames:o,getCalendarMonthNameViaMonthNumber:p}=s,m=t(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.appearance="primary",this.monthPickerDisabled=!1,this.yearPickerDisabled=!1,this.panelDisabled=!1,this.previousDisabled=!1,this.nextDisabled=!1,this.expandedMonthPicker=!1,this.expandedYearPicker=!1,this.internalPreviousDisabled=!1,this.internalNextDisabled=!1,this.suppressNextMenuClickSelection=!1,this.suppressNextActionClickSelection=!1,this.fallbackYear=(new Date).getFullYear(),this.fallbackMonth=1,this.fallbackStartYear=(new Date).getFullYear(),this.fallbackEndYear=(new Date).getFullYear()+100,this.handleMonthPickerMenuClick=e=>{if(this.suppressNextMenuClickSelection)return;const t=e;this.updateActionProps({newSelectedMonthNumber:t?.monthInNumber??this.fallbackMonth,newSelectedYear:this.panelYear??this.fallbackYear}),this.applyMonthSelection({id:t.id,type:"month",month:t.month,monthNumber:Number(t.monthInNumber),year:this.panelYear,disabled:!1,panelValue:`${t.month} ${this.panelYear}`})},this.handleYearPickerMenuClick=e=>{if(this.suppressNextMenuClickSelection)return;const t=e;this.updateActionProps({newSelectedMonthNumber:this?.panelMonthNumber??this.fallbackMonth,newSelectedYear:t?.year??this.fallbackYear}),this.applyYearSelection({id:t.id,type:"year",month:this.panelMonth,monthNumber:Number(this?.panelMonthNumber),year:t?.year,disabled:!1,panelValue:`${this.panelMonth} ${t.year}`})},this.handlePreviousActionClick=e=>{if(this.suppressNextActionClickSelection)return;if(!(e.target instanceof Element))return;if(!this.isPreviousActionInteractive())return;const{newSelectedMonthNumber:t,newSelectedYear:i}=this.onPreviousActionChange();this.updateActionProps({newSelectedMonthNumber:t,newSelectedYear:i});const a=p(t);this.applyActionsSelection({type:"previous",month:a,monthNumber:t,year:i,disabled:!1,panelValue:`${a} ${i}`})},this.handleNextActionClick=e=>{if(this.suppressNextActionClickSelection)return;if(!(e.target instanceof Element))return;if(!this.isNextActionInteractive())return;const{newSelectedMonthNumber:t,newSelectedYear:i}=this.onNextActionChange();this.updateActionProps({newSelectedMonthNumber:t,newSelectedYear:i});const a=p(t);this.applyActionsSelection({type:"next",month:a,monthNumber:t,year:i,disabled:!1,panelValue:`${a} ${i}`})}}handleSelectedMonthNumberChange(e){null!=e&&(this.panelMonthNumber=e,this.panelMonth=p(e),this.syncPanelDisplayValue())}handleSelectedYearChange(e){null!=e&&(this.panelYear=e,this.syncPanelDisplayValue())}handleExpandedMonthPickerChange(e){e&&!this.isMonthPickerInteractive()&&this.setExpandedMonthPickerState(!1),e&&this.isMonthPickerInteractive()&&this.setExpandedMonthPickerState(!1)}handleExpandedYearPickerChange(e){e&&!this.isYearPickerInteractive()&&this.setExpandedYearPickerState(!1),e&&this.isYearPickerInteractive()&&this.setExpandedYearPickerState(!1)}handleMonthPickerInteractivityChange(){!this.isMonthPickerInteractive()&&this.expandedMonthPicker&&this.setExpandedMonthPickerState(!1)}handleYearPickerInteractivityChange(){!this.isYearPickerInteractive()&&this.expandedYearPicker&&this.setExpandedYearPickerState(!1)}handleAppearanceChange(e){this.appearance=e}connectedCallback(){this.panelMonthNumber=this.selectedMonthNumber??this.fallbackMonth,this.panelMonth=p(this.selectedMonthNumber??this.fallbackMonth),this.panelYear=this.selectedYear??this.fallbackYear,this.panelDisplayValue=`${this.panelMonth} ${this.panelYear}`,this.syncPanelDisplayValue(),this.setPreviousActionInteractivity(),this.setNextActionInteractivity()}applyMonthSelection(e){this.setExpandedMonthPickerState(!1,this.coerceEvent(e?.originalEvent)),this.setPreviousActionInteractivity(),this.setNextActionInteractivity(),this.onPanelMonthChange?.(e),this.hostElement.dispatchEvent(new CustomEvent("gidsPanelMonthChange",{bubbles:!0,composed:!0,detail:e}))}applyYearSelection(e){this.setExpandedYearPickerState(!1,this.coerceEvent(e?.originalEvent)),this.setPreviousActionInteractivity(),this.setNextActionInteractivity(),this.onPanelYearChange?.(e),this.hostElement.dispatchEvent(new CustomEvent("gidsPanelYearChange",{bubbles:!0,composed:!0,detail:e}))}setExpandedMonthPickerState(e,t){const i=Boolean(e);i&&!this.isMonthPickerInteractive()||this.expandedMonthPicker!==i&&(this.expandedMonthPicker=i,i||this.syncPanelDisplayValue(),this.hostElement.dispatchEvent(new CustomEvent("gidsCalendarHeaderPanelMonthToggle",{bubbles:!0,composed:!0,detail:{expandedMonthPicker:i,expandedYearPicker:Boolean(this.expandedYearPicker),originalEvent:t}})))}setExpandedYearPickerState(e,t){const i=Boolean(e);i&&!this.isYearPickerInteractive()||this.expandedYearPicker!==i&&(this.expandedYearPicker=i,i||this.syncPanelDisplayValue(),this.hostElement.dispatchEvent(new CustomEvent("gidsCalendarHeaderPanelYearToggle",{bubbles:!0,composed:!0,detail:{expandedMonthPicker:Boolean(this.expandedMonthPicker),expandedYearPicker:i,originalEvent:t}})))}syncPanelDisplayValue(){this.panelMonth&&this.panelYear&&(this.panelDisplayValue=`${this.panelMonth} ${this.panelYear}`)}applyActionsSelection(e){this.setNextActionInteractivity(),this.setPreviousActionInteractivity(),"previous"===e.type&&this.onPreviousChange?.(e),"next"===e.type&&this.onNextChange?.(e)}checkPrevYearIsAllowed(e){return e>=(this.startYear??this.fallbackStartYear)}checkNextYearIsAllowed(e){return e<=(this.endYear??this.fallbackEndYear)}isPreviousActionInteractive(){return 1===(this.panelMonthNumber??this.fallbackMonth)?this.checkPrevYearIsAllowed((this.panelYear??this.fallbackYear)-1)&&!this.previousDisabled:!this.previousDisabled}isNextActionInteractive(){return 12===(this.panelMonthNumber??this.fallbackMonth)?this.checkNextYearIsAllowed((this.panelYear??this.fallbackYear)+1)&&!this.nextDisabled:!this.nextDisabled}onPreviousActionChange(){const e=this.panelMonthNumber??this.fallbackMonth,t=this.panelYear??this.fallbackYear;return this.isPreviousActionInteractive()?{newSelectedMonthNumber:1===e?12:e-1,newSelectedYear:1===e?t-1:t}:{newSelectedMonthNumber:e,newSelectedYear:t}}onNextActionChange(){const e=this.panelMonthNumber??this.fallbackMonth,t=this.panelYear??this.fallbackYear;return this.isNextActionInteractive()?{newSelectedMonthNumber:12===e?1:e+1,newSelectedYear:12===e?t+1:t}:{newSelectedMonthNumber:e,newSelectedYear:t}}isMonthPickerInteractive(){return!this.monthPickerDisabled}isYearPickerInteractive(){return!this.yearPickerDisabled}coerceEvent(e){if("undefined"!=typeof Event&&null!==e)return e instanceof Event?e:void 0}updatePanelMonth(e){e?(this.selectedMonthNumber=e,this.panelMonth=p(e),this.panelMonthNumber=e):(this.selectedMonthNumber=this.fallbackMonth,this.panelMonth=p(this.fallbackMonth),this.panelMonthNumber=this.fallbackMonth)}updatePanelYear(e){e?(this.selectedYear=e,this.panelYear=e):this.panelYear=this.fallbackYear}setPreviousActionInteractivity(){this.internalPreviousDisabled=!this.isPreviousActionInteractive()}setNextActionInteractivity(){this.internalNextDisabled=!this.isNextActionInteractive()}updateActionProps({newSelectedYear:e,newSelectedMonthNumber:t}){this.updatePanelYear(e),this.updatePanelMonth(t),this.syncPanelDisplayValue()}getPanelValue(){return this.panelDisplayValue}render(){const e=o(),t=this.expandedMonthPicker&&this.isMonthPickerInteractive()&&!this.expandedYearPicker,i=this.expandedYearPicker&&this.isYearPickerInteractive()&&!this.expandedMonthPicker,s=this.internalPreviousDisabled||this.previousDisabled,d=this.internalNextDisabled||this.nextDisabled;return a("div",{key:"87ecb2ec0d63b8e8d8a2b09dc8cc36a47b6e57c9",class:e},a(n,{key:"1d793e6b1d53851e35ad8f317cc0f2b61ba5160f",leadingIcon:a(h,{name:"arrow-left",size:"md",appearance:"regular"}),appearance:this.appearance,size:"sm",width:"intrinsic",onClick:this.handlePreviousActionClick,disabled:s}),a("div",{key:"97e053ab33a40ed94a0e573ea80c9326d4323203",class:"gids-calendar-header-panel__main-container"},a("gids-dropdown-picker",{key:"1fc0f27bb9745073ddaae93a3555290b7bcaabec",expanded:t,appearance:this.appearance,size:"sm",value:`${this.panelMonthNumber}`,disabled:this.monthPickerDisabled},a("gids-calendar-month-list",{key:"4de3eccbd5f989574729da350291720a21d2f2f4",type:"default",selectedMonthNumber:this.panelMonthNumber,onSelectionMonthChange:this.handleMonthPickerMenuClick})),a("span",{key:"f4130116941759492f16f11636fe686f07093743",class:r("gids-calendar-header-panel__panel-value",{"gids-calendar-header-panel__panel-value-disabled":this.panelDisabled})},this.getPanelValue()),a("gids-dropdown-picker",{key:"901389ce6e6d89f7c341743bc2a417e2d87138bf",expanded:i,appearance:this.appearance,size:"sm",value:`${this.panelYear}`,disabled:this.yearPickerDisabled},a("gids-calendar-year-list",{key:"f17878f6f9c660e3f2930dc2ae766efd83c487ed",type:"default",selectedYear:this.panelYear,startYear:this.startYear??this.fallbackStartYear,endYear:this.endYear,onSelectionYearChange:this.handleYearPickerMenuClick}))),a(n,{key:"f73cdc2970a5285eb327913aae433568a78f060f",leadingIcon:a(h,{name:"arrow-right",size:"md",appearance:"regular"}),appearance:this.appearance,size:"sm",width:"intrinsic",onClick:this.handleNextActionClick,disabled:d}))}get hostElement(){return this}static get watchers(){return{selectedMonthNumber:[{handleSelectedMonthNumberChange:0}],selectedYear:[{handleSelectedYearChange:0}],expandedMonthPicker:[{handleExpandedMonthPickerChange:0}],expandedYearPicker:[{handleExpandedYearPickerChange:0}],monthPickerDisabled:[{handleMonthPickerInteractivityChange:0}],yearPickerDisabled:[{handleYearPickerInteractivityChange:0}],appearance:[{handleAppearanceChange:0}]}}static get style(){return".gids-calendar-header-panel{display:flex;justify-content:center;align-items:center;align-self:stretch;gap:var(--gids-gap-150);width:100%}.gids-calendar-header-panel__main-container{display:flex;flex:1 0 0;align-items:center;justify-content:center;align-self:stretch;gap:var(--gids-gap-100)}.gids-calendar-header-panel__panel-value{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);text-align:center}.gids-calendar-header-panel__panel-value-disabled{color:var(--gids-color-text-disabled)}"}},[0,"gids-calendar-header-panel",{selectedMonthNumber:[1538,"selected-month-number"],selectedYear:[1538,"selected-year"],startYear:[1538,"start-year"],endYear:[1538,"end-year"],appearance:[1],monthPickerDisabled:[4,"month-picker-disabled"],yearPickerDisabled:[4,"year-picker-disabled"],panelDisabled:[4,"panel-disabled"],previousDisabled:[4,"previous-disabled"],nextDisabled:[4,"next-disabled"],expandedMonthPicker:[1540,"expanded-month-picker"],expandedYearPicker:[1540,"expanded-year-picker"],onPreviousChange:[16],onNextChange:[16],onPanelMonthChange:[16],onPanelYearChange:[16],panelMonth:[32],panelMonthNumber:[32],panelYear:[32],panelDisplayValue:[32],internalPreviousDisabled:[32],internalNextDisabled:[32]},void 0,{selectedMonthNumber:[{handleSelectedMonthNumberChange:0}],selectedYear:[{handleSelectedYearChange:0}],expandedMonthPicker:[{handleExpandedMonthPickerChange:0}],expandedYearPicker:[{handleExpandedYearPickerChange:0}],monthPickerDisabled:[{handleMonthPickerInteractivityChange:0}],yearPickerDisabled:[{handleYearPickerInteractivityChange:0}],appearance:[{handleAppearanceChange:0}]}]);function u(){"undefined"!=typeof customElements&&["gids-calendar-header-panel","gids-calendar-month-list","gids-calendar-year-list","gids-dropdown-picker"].forEach((t=>{switch(t){case"gids-calendar-header-panel":customElements.get(e(t))||customElements.define(e(t),m);break;case"gids-calendar-month-list":customElements.get(e(t))||d();break;case"gids-calendar-year-list":customElements.get(e(t))||l();break;case"gids-dropdown-picker":customElements.get(e(t))||c()}}))}u();export{m as G,u as d}
1
+ import{t as e,p as t,H as i,h as a}from"./p-B4hcsDH0.js";import{GidsCalendarHeaderPanelWebUtils as s}from"@ganpatiinfo/gids-web-shared";import{G as n}from"./p-Dg_WeHpV.js";import{G as h}from"./p-iQRr_fAH.js";import{c as r}from"./p-ChV9xqsO.js";import{d}from"./p-cXOH6OAQ.js";import{d as l}from"./p-CJ1tQlEt.js";import{d as c}from"./p-BGBsQSqM.js";const{getGidsCalendarHeaderPanelClassNames:o,getCalendarMonthNameViaMonthNumber:p}=s,m=t(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.appearance="primary",this.monthPickerDisabled=!1,this.yearPickerDisabled=!1,this.panelDisabled=!1,this.previousDisabled=!1,this.nextDisabled=!1,this.expandedMonthPicker=!1,this.expandedYearPicker=!1,this.internalPreviousDisabled=!1,this.internalNextDisabled=!1,this.suppressNextMenuClickSelection=!1,this.suppressNextActionClickSelection=!1,this.fallbackYear=(new Date).getFullYear(),this.fallbackMonth=1,this.fallbackStartYear=(new Date).getFullYear(),this.fallbackEndYear=(new Date).getFullYear()+100,this.handleMonthPickerMenuClick=e=>{if(this.suppressNextMenuClickSelection)return;const t=e;this.updateActionProps({newSelectedMonthNumber:t?.monthInNumber??this.fallbackMonth,newSelectedYear:this.panelYear??this.fallbackYear}),this.applyMonthSelection({id:t.id,type:"month",month:t.month,monthNumber:Number(t.monthInNumber),year:this.panelYear,disabled:!1,panelValue:`${t.month} ${this.panelYear}`})},this.handleYearPickerMenuClick=e=>{if(this.suppressNextMenuClickSelection)return;const t=e;this.updateActionProps({newSelectedMonthNumber:this?.panelMonthNumber??this.fallbackMonth,newSelectedYear:t?.year??this.fallbackYear}),this.applyYearSelection({id:t.id,type:"year",month:this.panelMonth,monthNumber:Number(this?.panelMonthNumber),year:t?.year,disabled:!1,panelValue:`${this.panelMonth} ${t.year}`})},this.handlePreviousActionClick=e=>{if(this.suppressNextActionClickSelection)return;if(!(e.target instanceof Element))return;if(!this.isPreviousActionInteractive())return;const{newSelectedMonthNumber:t,newSelectedYear:i}=this.onPreviousActionChange();this.updateActionProps({newSelectedMonthNumber:t,newSelectedYear:i});const a=p(t);this.applyActionsSelection({type:"previous",month:a,monthNumber:t,year:i,disabled:!1,panelValue:`${a} ${i}`})},this.handleNextActionClick=e=>{if(this.suppressNextActionClickSelection)return;if(!(e.target instanceof Element))return;if(!this.isNextActionInteractive())return;const{newSelectedMonthNumber:t,newSelectedYear:i}=this.onNextActionChange();this.updateActionProps({newSelectedMonthNumber:t,newSelectedYear:i});const a=p(t);this.applyActionsSelection({type:"next",month:a,monthNumber:t,year:i,disabled:!1,panelValue:`${a} ${i}`})}}handleSelectedMonthNumberChange(e){null!=e&&(this.panelMonthNumber=e,this.panelMonth=p(e),this.syncPanelDisplayValue())}handleSelectedYearChange(e){null!=e&&(this.panelYear=e,this.syncPanelDisplayValue())}handleExpandedMonthPickerChange(e){e&&!this.isMonthPickerInteractive()&&this.setExpandedMonthPickerState(!1),e&&this.isMonthPickerInteractive()&&this.setExpandedMonthPickerState(!1)}handleExpandedYearPickerChange(e){e&&!this.isYearPickerInteractive()&&this.setExpandedYearPickerState(!1),e&&this.isYearPickerInteractive()&&this.setExpandedYearPickerState(!1)}handleMonthPickerInteractivityChange(){!this.isMonthPickerInteractive()&&this.expandedMonthPicker&&this.setExpandedMonthPickerState(!1)}handleYearPickerInteractivityChange(){!this.isYearPickerInteractive()&&this.expandedYearPicker&&this.setExpandedYearPickerState(!1)}handleAppearanceChange(e){this.appearance=e}connectedCallback(){this.panelMonthNumber=this.selectedMonthNumber??this.fallbackMonth,this.panelMonth=p(this.selectedMonthNumber??this.fallbackMonth),this.panelYear=this.selectedYear??this.fallbackYear,this.panelDisplayValue=`${this.panelMonth} ${this.panelYear}`,this.syncPanelDisplayValue(),this.setPreviousActionInteractivity(),this.setNextActionInteractivity()}applyMonthSelection(e){this.setExpandedMonthPickerState(!1,this.coerceEvent(e?.originalEvent)),this.setPreviousActionInteractivity(),this.setNextActionInteractivity(),this.onPanelMonthChange?.(e),this.hostElement.dispatchEvent(new CustomEvent("gidsPanelMonthChange",{bubbles:!0,composed:!0,detail:e}))}applyYearSelection(e){this.setExpandedYearPickerState(!1,this.coerceEvent(e?.originalEvent)),this.setPreviousActionInteractivity(),this.setNextActionInteractivity(),this.onPanelYearChange?.(e),this.hostElement.dispatchEvent(new CustomEvent("gidsPanelYearChange",{bubbles:!0,composed:!0,detail:e}))}setExpandedMonthPickerState(e,t){const i=Boolean(e);i&&!this.isMonthPickerInteractive()||this.expandedMonthPicker!==i&&(this.expandedMonthPicker=i,i||this.syncPanelDisplayValue(),this.hostElement.dispatchEvent(new CustomEvent("gidsCalendarHeaderPanelMonthToggle",{bubbles:!0,composed:!0,detail:{expandedMonthPicker:i,expandedYearPicker:Boolean(this.expandedYearPicker),originalEvent:t}})))}setExpandedYearPickerState(e,t){const i=Boolean(e);i&&!this.isYearPickerInteractive()||this.expandedYearPicker!==i&&(this.expandedYearPicker=i,i||this.syncPanelDisplayValue(),this.hostElement.dispatchEvent(new CustomEvent("gidsCalendarHeaderPanelYearToggle",{bubbles:!0,composed:!0,detail:{expandedMonthPicker:Boolean(this.expandedMonthPicker),expandedYearPicker:i,originalEvent:t}})))}syncPanelDisplayValue(){this.panelMonth&&this.panelYear&&(this.panelDisplayValue=`${this.panelMonth} ${this.panelYear}`)}applyActionsSelection(e){this.setNextActionInteractivity(),this.setPreviousActionInteractivity(),"previous"===e.type&&this.onPreviousChange?.(e),"next"===e.type&&this.onNextChange?.(e)}checkPrevYearIsAllowed(e){return e>=(this.startYear??this.fallbackStartYear)}checkNextYearIsAllowed(e){return e<=(this.endYear??this.fallbackEndYear)}isPreviousActionInteractive(){return 1===(this.panelMonthNumber??this.fallbackMonth)?this.checkPrevYearIsAllowed((this.panelYear??this.fallbackYear)-1)&&!this.previousDisabled:!this.previousDisabled}isNextActionInteractive(){return 12===(this.panelMonthNumber??this.fallbackMonth)?this.checkNextYearIsAllowed((this.panelYear??this.fallbackYear)+1)&&!this.nextDisabled:!this.nextDisabled}onPreviousActionChange(){const e=this.panelMonthNumber??this.fallbackMonth,t=this.panelYear??this.fallbackYear;return this.isPreviousActionInteractive()?{newSelectedMonthNumber:1===e?12:e-1,newSelectedYear:1===e?t-1:t}:{newSelectedMonthNumber:e,newSelectedYear:t}}onNextActionChange(){const e=this.panelMonthNumber??this.fallbackMonth,t=this.panelYear??this.fallbackYear;return this.isNextActionInteractive()?{newSelectedMonthNumber:12===e?1:e+1,newSelectedYear:12===e?t+1:t}:{newSelectedMonthNumber:e,newSelectedYear:t}}isMonthPickerInteractive(){return!this.monthPickerDisabled}isYearPickerInteractive(){return!this.yearPickerDisabled}coerceEvent(e){if("undefined"!=typeof Event&&null!==e)return e instanceof Event?e:void 0}updatePanelMonth(e){e?(this.selectedMonthNumber=e,this.panelMonth=p(e),this.panelMonthNumber=e):(this.selectedMonthNumber=this.fallbackMonth,this.panelMonth=p(this.fallbackMonth),this.panelMonthNumber=this.fallbackMonth)}updatePanelYear(e){e?(this.selectedYear=e,this.panelYear=e):this.panelYear=this.fallbackYear}setPreviousActionInteractivity(){this.internalPreviousDisabled=!this.isPreviousActionInteractive()}setNextActionInteractivity(){this.internalNextDisabled=!this.isNextActionInteractive()}updateActionProps({newSelectedYear:e,newSelectedMonthNumber:t}){this.updatePanelYear(e),this.updatePanelMonth(t),this.syncPanelDisplayValue()}getPanelValue(){return this.panelDisplayValue}render(){const e=o(),t=this.expandedMonthPicker&&this.isMonthPickerInteractive()&&!this.expandedYearPicker,i=this.expandedYearPicker&&this.isYearPickerInteractive()&&!this.expandedMonthPicker,s=this.internalPreviousDisabled||this.previousDisabled,d=this.internalNextDisabled||this.nextDisabled;return a("div",{key:"58c5ea4f5980766a7de4ab0aa1f5cac1e8f63b9e",class:e},a(n,{key:"63636e2b1ba9b8c51c3867ed3aacbf6650d24b94",leadingIcon:a(h,{name:"arrow-left",size:"md",appearance:"regular"}),appearance:this.appearance,size:"sm",width:"intrinsic",onClick:this.handlePreviousActionClick,disabled:s}),a("div",{key:"8553dc4c307250f60e72c058700f41f9e2b62d81",class:"gids-calendar-header-panel__main-container"},a("gids-dropdown-picker",{key:"66517fe1ee2337dead5c2967f5a28bc36cd87101",expanded:t,appearance:this.appearance,size:"sm",value:`${this.panelMonthNumber}`,disabled:this.monthPickerDisabled},a("gids-calendar-month-list",{key:"05edc8f408d56e80f2403cb7b9960c1eb4382492",type:"default",selectedMonthNumber:this.panelMonthNumber,onSelectionMonthChange:this.handleMonthPickerMenuClick})),a("span",{key:"6f0371f222645093696ee90e28583417652352da",class:r("gids-calendar-header-panel__panel-value",{"gids-calendar-header-panel__panel-value-disabled":this.panelDisabled})},this.getPanelValue()),a("gids-dropdown-picker",{key:"f736ae3cd81ee0681e2c90e4f9f3584b48e11934",expanded:i,appearance:this.appearance,size:"sm",value:`${this.panelYear}`,disabled:this.yearPickerDisabled},a("gids-calendar-year-list",{key:"dd1592c6e1d525dfa5aaa5eb095ba505e723fca3",type:"default",selectedYear:this.panelYear,startYear:this.startYear??this.fallbackStartYear,endYear:this.endYear,onSelectionYearChange:this.handleYearPickerMenuClick}))),a(n,{key:"76183404c1c03cd5156736cf90b444a7cdeed7f6",leadingIcon:a(h,{name:"arrow-right",size:"md",appearance:"regular"}),appearance:this.appearance,size:"sm",width:"intrinsic",onClick:this.handleNextActionClick,disabled:d}))}get hostElement(){return this}static get watchers(){return{selectedMonthNumber:[{handleSelectedMonthNumberChange:0}],selectedYear:[{handleSelectedYearChange:0}],expandedMonthPicker:[{handleExpandedMonthPickerChange:0}],expandedYearPicker:[{handleExpandedYearPickerChange:0}],monthPickerDisabled:[{handleMonthPickerInteractivityChange:0}],yearPickerDisabled:[{handleYearPickerInteractivityChange:0}],appearance:[{handleAppearanceChange:0}]}}static get style(){return".gids-calendar-header-panel{display:flex;justify-content:center;align-items:center;align-self:stretch;gap:var(--gids-gap-150);width:100%}.gids-calendar-header-panel__main-container{display:flex;flex:1 0 0;align-items:center;justify-content:center;align-self:stretch;gap:var(--gids-gap-100)}.gids-calendar-header-panel__panel-value{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);text-align:center}.gids-calendar-header-panel__panel-value-disabled{color:var(--gids-color-text-disabled)}"}},[0,"gids-calendar-header-panel",{selectedMonthNumber:[1538,"selected-month-number"],selectedYear:[1538,"selected-year"],startYear:[1538,"start-year"],endYear:[1538,"end-year"],appearance:[1],monthPickerDisabled:[4,"month-picker-disabled"],yearPickerDisabled:[4,"year-picker-disabled"],panelDisabled:[4,"panel-disabled"],previousDisabled:[4,"previous-disabled"],nextDisabled:[4,"next-disabled"],expandedMonthPicker:[1540,"expanded-month-picker"],expandedYearPicker:[1540,"expanded-year-picker"],onPreviousChange:[16],onNextChange:[16],onPanelMonthChange:[16],onPanelYearChange:[16],panelMonth:[32],panelMonthNumber:[32],panelYear:[32],panelDisplayValue:[32],internalPreviousDisabled:[32],internalNextDisabled:[32]},void 0,{selectedMonthNumber:[{handleSelectedMonthNumberChange:0}],selectedYear:[{handleSelectedYearChange:0}],expandedMonthPicker:[{handleExpandedMonthPickerChange:0}],expandedYearPicker:[{handleExpandedYearPickerChange:0}],monthPickerDisabled:[{handleMonthPickerInteractivityChange:0}],yearPickerDisabled:[{handleYearPickerInteractivityChange:0}],appearance:[{handleAppearanceChange:0}]}]);function u(){"undefined"!=typeof customElements&&["gids-calendar-header-panel","gids-calendar-month-list","gids-calendar-year-list","gids-dropdown-picker"].forEach((t=>{switch(t){case"gids-calendar-header-panel":customElements.get(e(t))||customElements.define(e(t),m);break;case"gids-calendar-month-list":customElements.get(e(t))||d();break;case"gids-calendar-year-list":customElements.get(e(t))||l();break;case"gids-dropdown-picker":customElements.get(e(t))||c()}}))}u();export{m as G,u as d}
@@ -1 +1 @@
1
- import{t,p as a,H as i,h as e}from"./p-B4hcsDH0.js";import{GidsActivityGaugeWebUtils as s}from"@ganpatiinfo/gids-web-shared";import{G as g}from"./p-C-Lpfqcg.js";import{d as l}from"./p-DnRuhvRw.js";import{d as r}from"./p-E13ycS5K.js";const{getGidsActivityGaugeClassNames:n}=s,o=a(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.breakpoint="desktop",this.chartData=[],this.label="",this.size="xs",this.legend="none",this.chartLoaderSize="lg",this.chartLoading=!1,this.width=0,this.height=0}chartDataChanged(){this.updateDimensions()}legendChanged(t){this.legend=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:240}render(){if(this.chartLoading)return e("div",{class:"gids-activity-gauge__no-data"},e(g,{label:this.chartLoadingTitle,supportingText:this.chartLoadingSupportingText,size:this?.chartLoaderSize??"lg"}));const t=this.chartData.map((t=>t.value||0)),a=t.length>0?Math.max(...t):0,i=Math.max(1e3,a),s=i.toLocaleString(),l=n({breakpoint:this.breakpoint}),r=[{radius:42,strokeWidth:5.5},{radius:34,strokeWidth:5.5},{radius:26,strokeWidth:5.5}],o="xxs"===this.size,d="string"==typeof this.label&&""!==this.label.trim(),h=this.legend&&"right"===this.legend&&"mobile"!==this.breakpoint,p=this.legend&&("bottom"===this.legend||"mobile"===this.breakpoint);return e("div",{class:l},e("div",{class:"gids-activity-gauge__main-container"},e("div",{class:"gids-activity-gauge__chart-stage-container"},e("div",{class:`gids-activity-gauge__svg-wrapper gids-activity-gauge--size-${this.size}`},e("svg",{viewBox:"0 0 100 100",class:"gids-activity-gauge__chart-vector"},this.chartData.slice(0,3).map(((t,a)=>{const s=r[a]||r[0]||{radius:26,strokeWidth:5.5},g=i>0?Math.min(Math.max((t.value||0)/i,0),1):0,l=2*Math.PI*s.radius,n=`${g*l} ${l}`;return e("g",{key:t.label||a},e("circle",{cx:"50",cy:"50",r:s.radius,"stroke-width":s.strokeWidth,class:"gids-activity-gauge__track-background"}),e("circle",{cx:"50",cy:"50",r:s.radius,"stroke-width":s.strokeWidth,class:`gids-activity-gauge__segment gids-activity-gauge__segment-series-${a+1}`,"stroke-dasharray":n,"stroke-dashoffset":"0",transform:"rotate(-90 50 50)"}))}))),e("div",{class:"gids-activity-gauge__center-content"},d&&!o?e("span",{class:`gids-activity-gauge__label-common gids-activity-gauge__label-${this.size}`},this.label):null,e("span",{class:`gids-activity-gauge__value-common gids-activity-gauge__value-${this.size}`},s)))),h?e("div",{class:"gids-activity-gauge__sidebar"},e("gids-chart-legend",{orientation:"vertical"},this.chartData.slice(0,3).map(((t,a)=>e("gids-chart-legend-item",{key:t.label,seriesType:`${a+1}`,orientation:"vertical"},t.label))))):null),o&&d?e("div",{class:"gids-activity-gauge__bottom-content"},e("span",{class:`gids-activity-gauge__label-common gids-activity-gauge__label-${this.size}`},this.label)):null,p?e("div",{class:"gids-activity-gauge__legend-container gids-activity-gauge__legend-container--bottom"},e("gids-chart-legend",{orientation:"horizontal"},this.chartData.slice(0,3).map(((t,a)=>e("gids-chart-legend-item",{key:t.label,seriesType:`${a+1}`,orientation:"horizontal"},t.label))))):null)}get hostElement(){return this}static get watchers(){return{chartData:[{chartDataChanged:0}],legend:[{legendChanged:0}]}}static get style(){return":host{display:block;width:100%;height:100%;box-sizing:border-box}.gids-activity-gauge{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;box-sizing:border-box}.gids-activity-gauge--breakpoint-mobile{max-width:var(--gids-width-xs)}.gids-activity-gauge__main-container{display:inline-flex;justify-content:center;gap:var(--gids-gap-200);width:100%;height:100%}.gids-activity-gauge__svg-wrapper{position:relative;display:block;flex-shrink:0}.gids-activity-gauge--size-xxs{width:180px;height:180px}.gids-activity-gauge--size-xs{width:220px;height:220px}.gids-activity-gauge--size-sm{width:260px;height:260px}.gids-activity-gauge--size-md{width:300px;height:300px}.gids-activity-gauge--size-lg{width:340px;height:340px}.gids-activity-gauge__chart-stage-container{display:flex;justify-content:center;align-items:center}.gids-activity-gauge__chart-vector{display:block;width:100%;height:100%}.gids-activity-gauge__track-background{fill:none;stroke:var(--gids-color-background-brand-subtlest-default);stroke-linecap:round}.gids-activity-gauge__segment{fill:none;stroke-linecap:round;transition:stroke-dasharray 0.4s ease-out}.gids-activity-gauge__segment.gids-activity-gauge__segment-series-1{stroke:var(--gids-color-icon-subtle)}.gids-activity-gauge__segment.gids-activity-gauge__segment-series-2{stroke:var(--gids-color-icon-warning)}.gids-activity-gauge__segment.gids-activity-gauge__segment-series-3{stroke:var(--gids-color-icon-danger)}.gids-activity-gauge__center-content{position:absolute;top:0;bottom:0;left:0;right:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;pointer-events:none}.gids-activity-gauge__label-xxs{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)}.gids-activity-gauge__label-xs{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)}.gids-activity-gauge__label-sm{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)}.gids-activity-gauge__label-md{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)}.gids-activity-gauge__label-lg{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)}.gids-activity-gauge__label-common{color:var(--gids-color-text-subtlest)}.gids-activity-gauge__value-xxs{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)}.gids-activity-gauge__value-xs{font-family:var(--gids-typography-display-x-small__font-family);font-size:var(--gids-typography-display-x-small__font-size);font-weight:var(--gids-typography-display-x-small__font-weight);letter-spacing:var(--gids-typography-display-x-small__letter-spacing);line-height:var(--gids-typography-display-x-small__line-height);text-transform:var(--gids-typography-display-x-small__text-transform, inherit);font-variant-caps:var(--gids-typography-display-x-small__font-variant-caps, inherit)}.gids-activity-gauge__value-sm{font-family:var(--gids-typography-display-x-small__font-family);font-size:var(--gids-typography-display-x-small__font-size);font-weight:var(--gids-typography-display-x-small__font-weight);letter-spacing:var(--gids-typography-display-x-small__letter-spacing);line-height:var(--gids-typography-display-x-small__line-height);text-transform:var(--gids-typography-display-x-small__text-transform, inherit);font-variant-caps:var(--gids-typography-display-x-small__font-variant-caps, inherit)}.gids-activity-gauge__value-md{font-family:var(--gids-typography-display-small__font-family);font-size:var(--gids-typography-display-small__font-size);font-weight:var(--gids-typography-display-small__font-weight);letter-spacing:var(--gids-typography-display-small__letter-spacing);line-height:var(--gids-typography-display-small__line-height);text-transform:var(--gids-typography-display-small__text-transform, inherit);font-variant-caps:var(--gids-typography-display-small__font-variant-caps, inherit)}.gids-activity-gauge__value-lg{font-family:var(--gids-typography-display-small__font-family);font-size:var(--gids-typography-display-small__font-size);font-weight:var(--gids-typography-display-small__font-weight);letter-spacing:var(--gids-typography-display-small__letter-spacing);line-height:var(--gids-typography-display-small__line-height);text-transform:var(--gids-typography-display-small__text-transform, inherit);font-variant-caps:var(--gids-typography-display-small__font-variant-caps, inherit)}.gids-activity-gauge__value-common{color:var(--gids-color-text-default)}.gids-activity-gauge__bottom-content{display:flex;justify-content:center;align-items:center;text-align:center}.gids-activity-gauge__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-activity-gauge",{breakpoint:[1],chartData:[16],label:[1],size:[1],legend:[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}],legend:[{legendChanged:0}]}]);function d(){"undefined"!=typeof customElements&&["gids-activity-gauge","gids-chart-legend","gids-chart-legend-item"].forEach((a=>{switch(a){case"gids-activity-gauge":customElements.get(t(a))||customElements.define(t(a),o);break;case"gids-chart-legend":customElements.get(t(a))||l();break;case"gids-chart-legend-item":customElements.get(t(a))||r()}}))}d();export{o as G,d}
1
+ import{t,p as a,H as i,h as e}from"./p-B4hcsDH0.js";import{GidsActivityGaugeWebUtils as s}from"@ganpatiinfo/gids-web-shared";import{G as g}from"./p-C-Lpfqcg.js";import{d as l}from"./p-CL9pZVrx.js";import{d as r}from"./p-CytAVtIP.js";const{getGidsActivityGaugeClassNames:n}=s,o=a(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.breakpoint="desktop",this.chartData=[],this.label="",this.size="xs",this.legend="none",this.chartLoaderSize="lg",this.chartLoading=!1,this.width=0,this.height=0}chartDataChanged(){this.updateDimensions()}legendChanged(t){this.legend=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:240}render(){if(this.chartLoading)return e("div",{class:"gids-activity-gauge__no-data"},e(g,{label:this.chartLoadingTitle,supportingText:this.chartLoadingSupportingText,size:this?.chartLoaderSize??"lg"}));const t=this.chartData.map((t=>t.value||0)),a=t.length>0?Math.max(...t):0,i=Math.max(1e3,a),s=i.toLocaleString(),l=n({breakpoint:this.breakpoint}),r=[{radius:42,strokeWidth:5.5},{radius:34,strokeWidth:5.5},{radius:26,strokeWidth:5.5}],o="xxs"===this.size,d="string"==typeof this.label&&""!==this.label.trim(),h=this.legend&&"right"===this.legend&&"mobile"!==this.breakpoint,p=this.legend&&("bottom"===this.legend||"mobile"===this.breakpoint);return e("div",{class:l},e("div",{class:"gids-activity-gauge__main-container"},e("div",{class:"gids-activity-gauge__chart-stage-container"},e("div",{class:`gids-activity-gauge__svg-wrapper gids-activity-gauge--size-${this.size}`},e("svg",{viewBox:"0 0 100 100",class:"gids-activity-gauge__chart-vector"},this.chartData.slice(0,3).map(((t,a)=>{const s=r[a]||r[0]||{radius:26,strokeWidth:5.5},g=i>0?Math.min(Math.max((t.value||0)/i,0),1):0,l=2*Math.PI*s.radius,n=`${g*l} ${l}`;return e("g",{key:t.label||a},e("circle",{cx:"50",cy:"50",r:s.radius,"stroke-width":s.strokeWidth,class:"gids-activity-gauge__track-background"}),e("circle",{cx:"50",cy:"50",r:s.radius,"stroke-width":s.strokeWidth,class:`gids-activity-gauge__segment gids-activity-gauge__segment-series-${a+1}`,"stroke-dasharray":n,"stroke-dashoffset":"0",transform:"rotate(-90 50 50)"}))}))),e("div",{class:"gids-activity-gauge__center-content"},d&&!o?e("span",{class:`gids-activity-gauge__label-common gids-activity-gauge__label-${this.size}`},this.label):null,e("span",{class:`gids-activity-gauge__value-common gids-activity-gauge__value-${this.size}`},s)))),h?e("div",{class:"gids-activity-gauge__sidebar"},e("gids-chart-legend",{orientation:"vertical"},this.chartData.slice(0,3).map(((t,a)=>e("gids-chart-legend-item",{key:t.label,seriesType:`${a+1}`,orientation:"vertical"},t.label))))):null),o&&d?e("div",{class:"gids-activity-gauge__bottom-content"},e("span",{class:`gids-activity-gauge__label-common gids-activity-gauge__label-${this.size}`},this.label)):null,p?e("div",{class:"gids-activity-gauge__legend-container gids-activity-gauge__legend-container--bottom"},e("gids-chart-legend",{orientation:"horizontal"},this.chartData.slice(0,3).map(((t,a)=>e("gids-chart-legend-item",{key:t.label,seriesType:`${a+1}`,orientation:"horizontal"},t.label))))):null)}get hostElement(){return this}static get watchers(){return{chartData:[{chartDataChanged:0}],legend:[{legendChanged:0}]}}static get style(){return":host{display:block;width:100%;height:100%;box-sizing:border-box}.gids-activity-gauge{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;box-sizing:border-box}.gids-activity-gauge--breakpoint-mobile{max-width:var(--gids-width-xs)}.gids-activity-gauge__main-container{display:inline-flex;justify-content:center;gap:var(--gids-gap-200);width:100%;height:100%}.gids-activity-gauge__svg-wrapper{position:relative;display:block;flex-shrink:0}.gids-activity-gauge--size-xxs{width:180px;height:180px}.gids-activity-gauge--size-xs{width:220px;height:220px}.gids-activity-gauge--size-sm{width:260px;height:260px}.gids-activity-gauge--size-md{width:300px;height:300px}.gids-activity-gauge--size-lg{width:340px;height:340px}.gids-activity-gauge__chart-stage-container{display:flex;justify-content:center;align-items:center}.gids-activity-gauge__chart-vector{display:block;width:100%;height:100%}.gids-activity-gauge__track-background{fill:none;stroke:var(--gids-color-background-brand-subtlest-default);stroke-linecap:round}.gids-activity-gauge__segment{fill:none;stroke-linecap:round;transition:stroke-dasharray 0.4s ease-out}.gids-activity-gauge__segment.gids-activity-gauge__segment-series-1{stroke:var(--gids-color-icon-subtle)}.gids-activity-gauge__segment.gids-activity-gauge__segment-series-2{stroke:var(--gids-color-icon-warning)}.gids-activity-gauge__segment.gids-activity-gauge__segment-series-3{stroke:var(--gids-color-icon-danger)}.gids-activity-gauge__center-content{position:absolute;top:0;bottom:0;left:0;right:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;pointer-events:none}.gids-activity-gauge__label-xxs{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)}.gids-activity-gauge__label-xs{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)}.gids-activity-gauge__label-sm{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)}.gids-activity-gauge__label-md{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)}.gids-activity-gauge__label-lg{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)}.gids-activity-gauge__label-common{color:var(--gids-color-text-subtlest)}.gids-activity-gauge__value-xxs{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)}.gids-activity-gauge__value-xs{font-family:var(--gids-typography-display-x-small__font-family);font-size:var(--gids-typography-display-x-small__font-size);font-weight:var(--gids-typography-display-x-small__font-weight);letter-spacing:var(--gids-typography-display-x-small__letter-spacing);line-height:var(--gids-typography-display-x-small__line-height);text-transform:var(--gids-typography-display-x-small__text-transform, inherit);font-variant-caps:var(--gids-typography-display-x-small__font-variant-caps, inherit)}.gids-activity-gauge__value-sm{font-family:var(--gids-typography-display-x-small__font-family);font-size:var(--gids-typography-display-x-small__font-size);font-weight:var(--gids-typography-display-x-small__font-weight);letter-spacing:var(--gids-typography-display-x-small__letter-spacing);line-height:var(--gids-typography-display-x-small__line-height);text-transform:var(--gids-typography-display-x-small__text-transform, inherit);font-variant-caps:var(--gids-typography-display-x-small__font-variant-caps, inherit)}.gids-activity-gauge__value-md{font-family:var(--gids-typography-display-small__font-family);font-size:var(--gids-typography-display-small__font-size);font-weight:var(--gids-typography-display-small__font-weight);letter-spacing:var(--gids-typography-display-small__letter-spacing);line-height:var(--gids-typography-display-small__line-height);text-transform:var(--gids-typography-display-small__text-transform, inherit);font-variant-caps:var(--gids-typography-display-small__font-variant-caps, inherit)}.gids-activity-gauge__value-lg{font-family:var(--gids-typography-display-small__font-family);font-size:var(--gids-typography-display-small__font-size);font-weight:var(--gids-typography-display-small__font-weight);letter-spacing:var(--gids-typography-display-small__letter-spacing);line-height:var(--gids-typography-display-small__line-height);text-transform:var(--gids-typography-display-small__text-transform, inherit);font-variant-caps:var(--gids-typography-display-small__font-variant-caps, inherit)}.gids-activity-gauge__value-common{color:var(--gids-color-text-default)}.gids-activity-gauge__bottom-content{display:flex;justify-content:center;align-items:center;text-align:center}.gids-activity-gauge__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-activity-gauge",{breakpoint:[1],chartData:[16],label:[1],size:[1],legend:[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}],legend:[{legendChanged:0}]}]);function d(){"undefined"!=typeof customElements&&["gids-activity-gauge","gids-chart-legend","gids-chart-legend-item"].forEach((a=>{switch(a){case"gids-activity-gauge":customElements.get(t(a))||customElements.define(t(a),o);break;case"gids-chart-legend":customElements.get(t(a))||l();break;case"gids-chart-legend-item":customElements.get(t(a))||r()}}))}d();export{o as G,d}
@@ -0,0 +1 @@
1
+ import{h as e,t,p as a,H as i,c as s}from"./p-B4hcsDH0.js";import{GidsStatusTagWebUtils as n,generateId as d,GidsCheckboxWebUtils as c,GidsRadioControlWebUtils as r,GidsRadioWebUtils as l,GidsSidebarMenuItemWebUtils as o,GidsSidebarMenuWebUtils as m}from"@ganpatiinfo/gids-web-shared";import{G as h}from"./p-CcKHKwS0.js";import{G as u}from"./p-BsC3-MVH.js";import{G as p}from"./p-iQRr_fAH.js";import{G as g}from"./p-DZ1ZcTMe.js";import{G as b}from"./p-BkxmRN-4.js";import{d as I}from"./p-CS2U2Mro.js";const{getGidsStatusTagClassNames:f,getStatusTagIconName:C,getStatusTagText:v}=n,y=({type:t="new",appearance:a="subtlest",size:i="sm",class:s})=>e("div",{class:f({type:t,size:i,appearance:a},s)},e(p,{name:C(t),appearance:"filled"}),e("label",null,v(t))),{getGidsCheckboxClassNames:_}=c,S=({fieldRequirement:t,fieldRequirementOptionalText:a,fieldRequirementRequiredText:i,info:s,labelId:n,checked:c,defaultChecked:r,disabled:l,indeterminate:o,inputId:m,name:h,value:u,required:p,onChange:I,class:f,...C},v)=>{const y=m??d();return e("div",{class:_(f),...C},e(g,{checked:c,defaultChecked:r,disabled:l,indeterminate:o,inputId:y,name:h,value:u,required:p,onChange:I}),e(b,{disabled:l,fieldRequirement:t,fieldRequirementOptionalText:a,fieldRequirementRequiredText:i,labelId:n,htmlFor:y,info:s},v))},{getGidsRadioControlClassNames:x}=r,M=({checked:t,defaultChecked:a,disabled:i,inputId:s,name:n,value:d,onChange:c,class:r,...l})=>e("span",{class:x(r),...l},e("input",{class:"gids-radio-control__input",type:"radio",disabled:i,checked:t,defaultChecked:a,value:d,id:s,name:n,onChange:c}),e("span",{class:"gids-radio-control__check"})),{getGidsRadioClassNames:k}=l,A=({fieldRequirement:t,fieldRequirementOptionalText:a,fieldRequirementRequiredText:i,info:s,labelId:n,checked:c,defaultChecked:r,disabled:l,inputId:o,name:m,value:h,onChange:u,class:p,...g},I)=>{const f=o??d();return e("div",{class:k(p),...g},e(M,{checked:c,defaultChecked:r,disabled:l,inputId:f,name:m,value:h,onChange:u}),e(b,{disabled:l,fieldRequirement:t,fieldRequirementOptionalText:a,fieldRequirementRequiredText:i,labelId:n,htmlFor:f,info:s},I))},{getGidsSidebarMenuItemClassNames:R}=o,T=({id:t="sidebar-menu-item",appearance:a="default",selectionAppearance:i="subtle",leadingLabel:s,leadingSupportingText:n,trailingLabel:d,trailingSupportingText:c,leadingIcon:r,trailingIcon:l,leadingAccessory:o,trailingAccessory:m,selected:h,disabled:u,onPressSidebarMenuItem:p,class:g})=>{const b=s&&""!==s,I=n&&""!==n,f=d&&""!==d,C=c&&""!==c,v=b||I,y=f||C,_=v||y;return e("button",{type:"button",id:t,"data-appearance":a,"data-selected":h?"true":"false",disabled:u,class:R({selected:h,appearance:a,selectionAppearance:i},g),onClick:e=>{p&&p({originalEvent:e,sidebarMenuItemId:t,selected:!h})}},r||o?e("div",{class:"gids-sidebar-menu-item__leading-accessory-content"},r,o):void 0,_?e("div",{class:"gids-sidebar-menu-item__content"},v?e("div",{class:"gids-sidebar-menu-item__leading-content"},b?e("span",{class:"gids-sidebar-menu-item__label-content"},s):void 0,I?e("p",{class:"gids-sidebar-menu-item__support-content"},n):void 0):void 0,y?e("div",{class:"gids-sidebar-menu-item__trailing-content"},f?e("span",{class:"gids-sidebar-menu-item__label-content"},d):void 0,C?e("p",{class:"gids-sidebar-menu-item__support-content"},c):void 0):void 0):void 0,l||m?e("div",{class:"gids-sidebar-menu-item__trailing-accessory-content"},m,l):void 0)},{getGidsSidebarMenuClassNames:q}=m,G=a(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.id="sidebar-menu",this.sidebarMenuItemAppearance="subtle",this.sidebarMenuItemSelectionAppearance="default",this.placement="right-end",this.constrainPlacements=["bottom","left","right","left-start","left-end","right-start","right-end","top"],this.selectedSectionIdState=void 0,this.selectedItemIdState=void 0,this.onSidebarMenuItemPress=({menuItem:e,itemIndex:t,sectionIndex:a,event:i})=>{if(e){const s=(this?.menuData??[])[a];(s?.menuItems??[]).length>0&&!this.isMenuItemSelected({sectionId:s?.sectionId,itemId:e.id})&&(this.selectedSectionIdState=s?.sectionId,this.selectedItemIdState=e.id,this.onSidebarMenuChange&&this.onSidebarMenuChange({originalEvent:i?.originalEvent,sidebarMenuItemId:i.sidebarMenuItemId,selected:i?.selected,sidebarMenuItemSectionId:s?.sectionId??"",sidebarMenuItemSectionIndex:a,sidebarMenuItemIndex:t,sidebarMenuId:this.id}))}i?.originalEvent&&this.flyoutPanelElement?.closeFlyoutPanel(i.originalEvent)},this.isMenuItemSelected=({sectionId:e,itemId:t})=>{const a=this?.selectedSectionIdState,i=this?.selectedItemIdState;return a===e&&i===t},this.isValidMenu=()=>!!(this?.menuData&&this.menuData.length>0&&this.menuData[0]?.menuItems&&this.menuData[0].menuItems.length>0),this.renderAccessory=({accessoryType:t,accessory:a})=>{switch(t){case"badge":return e(h,{...a?.badgeProps});case"display-tag":return e(u,{...a?.displayTagProps,label:a?.displayTagProps?.label??"",color:a?.displayTagProps?.color??"accent-1",icon:a?.displayTagProps?.iconName?e(p,{name:a.displayTagProps.iconName,appearance:a?.displayTagProps?.iconAppearance??"regular",size:a?.displayTagProps?.iconSize??"md",alt:a?.displayTagProps?.iconAlt}):void 0});case"status-tag":return e(y,{...a?.statusTagProps});case"checkbox":return e(S,{checked:a?.checkboxProps?.checked,disabled:a?.checkboxProps?.disabled,indeterminate:a?.checkboxProps?.indeterminate},a?.checkboxProps?.label);case"radio":return e(A,{checked:a?.radioProps?.checked,disabled:a?.radioProps?.disabled},a?.radioProps?.label);default:return}},this.renderIcon=t=>t?.name?e(p,{name:t.name,appearance:t?.appearance??"regular",size:t?.size??"md",alt:t?.alt}):void 0}idChanged(e){this.id=e}sidebarMenuItemAppearanceChanged(e){this.sidebarMenuItemAppearance=e}sidebarMenuItemSelectionAppearanceChanged(e){this.sidebarMenuItemSelectionAppearance=e}selectedSectionIdChanged(e){this.selectedSectionId=e,this.selectedSectionIdState=e}selectedItemIdChanged(e){this.selectedItemId=e,this.selectedItemIdState=e}placementChanged(e){this.placement=e}constrainPlacementsChanged(e){this.constrainPlacements=e}htmlForChanged(e){this.htmlFor=e}menuDataChanged(e){this.menuData=e}connectedCallback(){this.selectedSectionIdState=this.selectedSectionId,this.selectedItemIdState=this.selectedItemId}componentDidRender(){this.flyoutPanelElement=this.hostElement.querySelector("gids-flyout-panel")??void 0}render(){const t=this.id,a=this?.sidebarMenuItemAppearance??"subtle",i=this?.sidebarMenuItemSelectionAppearance??"default",n=this?.placement??"right",d=this?.constrainPlacements&&this.constrainPlacements.length>0?this.constrainPlacements:["bottom","left","right","top","left-start","left-end","right-start","right-end"],c=this.htmlFor,r=this?.menuData??[],l=this.isValidMenu(),o=q();return e(s,{key:"0c64f373590a913f6d21d8a86f0d3289382a2052",id:t,class:o},l?e("gids-flyout-panel",{htmlFor:c,constrainPlacements:d,placement:n,matchReferenceWidth:!1},r.map(((t,s)=>{const n=t?.sectionLabel,d=t?.menuItems??[];return e("div",{key:`${s+1}`,class:"gids-sidebar-menu__container"},n&&""!==n?e("h3",null,n):void 0,e("div",{class:"gids-sidebar-menu__item-container"},d.map(((n,d)=>{const{leadingAccessoryType:c,leadingAccessory:r,trailingAccessoryType:l,trailingAccessory:o,leadingIconProps:m,trailingIconProps:h,...u}=n;return e(T,{key:`${d+1}`,...u,id:n.id,appearance:a,selectionAppearance:i,selected:this.isMenuItemSelected({sectionId:t?.sectionId,itemId:n.id}),leadingAccessory:this.renderAccessory({accessoryType:c,accessory:r}),trailingAccessory:this.renderAccessory({accessoryType:l,accessory:o}),leadingIcon:this.renderIcon(m),trailingIcon:this.renderIcon(h),onPressSidebarMenuItem:e=>this.onSidebarMenuItemPress({menuItem:n,sectionIndex:s,itemIndex:d,event:e})})}))))}))):void 0)}get hostElement(){return this}static get watchers(){return{id:[{idChanged:0}],sidebarMenuItemAppearance:[{sidebarMenuItemAppearanceChanged:0}],sidebarMenuItemSelectionAppearance:[{sidebarMenuItemSelectionAppearanceChanged:0}],selectedSectionId:[{selectedSectionIdChanged:0}],selectedItemId:[{selectedItemIdChanged:0}],placement:[{placementChanged:0}],constrainPlacements:[{constrainPlacementsChanged:0}],htmlFor:[{htmlForChanged:0}],menuData:[{menuDataChanged:0}]}}static get style(){return".gids-sidebar-menu__container{display:flex;flex-direction:column;gap:var(--gids-gap-200);width:100%;padding:var(--gids-padding-vertical-edge-to-element-150) var(--gids-padding-horizontal-edge-to-element-200)}.gids-sidebar-menu__item-container{display:flex;flex-direction:column;gap:var(--gids-gap-150)}"}},[0,"gids-sidebar-menu",{id:[1],sidebarMenuItemAppearance:[1,"sidebar-menu-item-appearance"],sidebarMenuItemSelectionAppearance:[1,"sidebar-menu-item-selection-appearance"],selectedSectionId:[1,"selected-section-id"],selectedItemId:[1,"selected-item-id"],placement:[1],constrainPlacements:[16],htmlFor:[1,"html-for"],menuData:[16],onSidebarMenuChange:[16],selectedSectionIdState:[32],selectedItemIdState:[32]},void 0,{id:[{idChanged:0}],sidebarMenuItemAppearance:[{sidebarMenuItemAppearanceChanged:0}],sidebarMenuItemSelectionAppearance:[{sidebarMenuItemSelectionAppearanceChanged:0}],selectedSectionId:[{selectedSectionIdChanged:0}],selectedItemId:[{selectedItemIdChanged:0}],placement:[{placementChanged:0}],constrainPlacements:[{constrainPlacementsChanged:0}],htmlFor:[{htmlForChanged:0}],menuData:[{menuDataChanged:0}]}]);function P(){"undefined"!=typeof customElements&&["gids-sidebar-menu","gids-flyout-panel"].forEach((e=>{switch(e){case"gids-sidebar-menu":customElements.get(t(e))||customElements.define(t(e),G);break;case"gids-flyout-panel":customElements.get(t(e))||I()}}))}P();export{A as G,S as a,y as b,T as c,P as d,G as e}
@@ -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-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
+ 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-DB0ZJi5J.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:"e14ecfd04eebd0165052b0d27bbc93ab5c981501",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{h as e}from"./p-B4hcsDH0.js";import{GidsDropdownItemWebUtils as s}from"@ganpatiinfo/gids-web-shared";import{a as t}from"./p-CV1-78HB.js";const{getGidsDropdownItemClassNames:d}=s,i=({id:s,title:i,class:o,selected:l=!1,disabled:r=!1,role:a="list-item-option",value:n,name:c,onPressDropdownItem:m,index:p,defaultSelected:u,leadingAccessory:f,divider:I,isPlaceholderItem:b,...v})=>{const g=d("string"==typeof o?o:void 0);return e(t,{id:s,index:p??0,defaultSelected:u,selected:l,disabled:r,role:a,value:n,name:c,leadingAccessory:f,class:g,onPressListItem:e=>{if(e.defaultPrevented)return;const t=new CustomEvent("onPressDropdownItem",{bubbles:!0,composed:!0,detail:{id:s,title:i,value:n,disabled:r,selectedIndex:p,defaultSelected:u,isPlaceholderItem:b}});m?.(t)},divider:I,isPlaceholderItem:b,...v},i)};export{i as G}
1
+ import{h as e}from"./p-B4hcsDH0.js";import{GidsDropdownItemWebUtils as s}from"@ganpatiinfo/gids-web-shared";import{b as t}from"./p-D2VR17v2.js";const{getGidsDropdownItemClassNames:d}=s,i=({id:s,title:i,class:o,selected:l=!1,disabled:r=!1,role:a="list-item-option",value:n,name:c,onPressDropdownItem:m,index:p,defaultSelected:u,leadingAccessory:f,divider:b,isPlaceholderItem:v,...I})=>{const g=d("string"==typeof o?o:void 0);return e(t,{id:s,index:p??0,defaultSelected:u,selected:l,disabled:r,role:a,value:n,name:c,leadingAccessory:f,class:g,onPressListItem:e=>{if(e.defaultPrevented)return;const t=new CustomEvent("onPressDropdownItem",{bubbles:!0,composed:!0,detail:{id:s,title:i,value:n,disabled:r,selectedIndex:p,defaultSelected:u,isPlaceholderItem:v}});m?.(t)},divider:b,isPlaceholderItem:v,...I},i)};export{i as G}
@@ -0,0 +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{a as p}from"./p-D2VR17v2.js";const{getGidsDropdownMenuGroupClassNames:e}=o,i=({type:o="no-options",supportingText:n="No options",class:p,...i},a)=>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!=a?a:null),{getGidsDropdownMenuClassNames:a}=n,t=({sectionLabel:o,class:n,...l},e)=>s("div",{class:a(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,t as a}
@@ -0,0 +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=>{if(this.isFromNestedDropdown(t))return;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.isFromNestedDropdown(t))return;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")))}isFromNestedDropdown(t){return t.composedPath().some((t=>t instanceof Element&&(t.matches("gids-dropdown")||t.matches("gids-calendar-picker"))))}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:"614cf556bbc263676024e0b45783098c2051e005",class:e,onClick:this.handleOutSpaceClickOfDropdownButtonToggle},s(o,{key:"20abc12e3ec2dddd42dadf31e83b93665e2f1dc4",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:"8a0ce19fe25013123a93c872252ce4bba6583e72",class:"gids-dropdown-picker__menu",id:n,role:"pickerbox",onClick:this.handleMenuClick},s("slot",{key:"0af42f52b621e480bf1ad1894605ad52407015a0"})))}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 +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-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
+ 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-BZdaC92p.js";import{d as n}from"./p-CL9pZVrx.js";import{d as o}from"./p-CytAVtIP.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 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
+ import{t,p as e,H as i,h as a,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 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[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: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:"2db37260f048711b24ed6354bc627acecf0cdd5c",class:t,role:"tooltip",part:"tooltip"},a("div",{key:"cddd1beb266a284887dda3ab87d3acafb068dc5c",class:"gids-advanced-tooltip__arrow",part:"arrow"}),a("div",{key:"e55e43f82180d4e5dd5ebddd9c8109abe888f58f",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 _(){"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}
@@ -0,0 +1 @@
1
+ import{t,p as e,H as i,h as s}from"./p-B4hcsDH0.js";import{GidsDropdownWebUtils as n}from"@ganpatiinfo/gids-web-shared";import{G as o}from"./p-iQRr_fAH.js";import{d as h}from"./p-CS2U2Mro.js";import{d as a}from"./p-_OVEnTXa.js";const{getGidsDropdownClassNames:d,getGidsChevronButtonControlClassNames:r}=n,c="gids-dropdown-item--active",l=e(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.appearance="default",this.menuPlacement="bottom",this.menuConstrainPlacements=["bottom","top"],this.filterValue="",this.isFilterEditing=!1,this.hasLeadingIcon=!1,this.hasLeadingAccessory=!1,this.activeIndex=-1,this.hasItemListener=!1,this.suppressNextMenuClickSelection=!1,this.hasDocumentListeners=!1,this.hasPendingControlRevalidation=!1,this.suppressNextFilterInput=!1,this.handleDropdownItemSelect=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")??"";let h=i.textContent?.trim()??"";h.endsWith("checkmark")&&(h=h.slice(0,-9).trim()),this.applySelection({id:n,value:s,title:h.trim(),disabled:!1,originalEvent:t,isPlaceholderItem:!(!o||"true"!==o)})},this.handleFilterInput=t=>{if(this.suppressNextFilterInput)return void(this.suppressNextFilterInput=!1);const e=t.target;this.filterValue=e?.value??"",this.isFilterEditing=!0,this.clearActive(),this.applyFilter()},this.handleInputKeyDown=t=>{if(!this.isInteractive())return;const e=t.key,i="ArrowDown"===e;return!i&&"ArrowUp"!==e||t.metaKey||t.ctrlKey?"Home"===e?(t.preventDefault(),void this.setActiveByIndex(0)):"End"===e?(t.preventDefault(),void this.setActiveByIndex(this.getVisibleEnabledItems().length-1)):void("Enter"===e&&this.selectActive()&&t.preventDefault()):(t.preventDefault(),void this.moveActive(i?1:-1))},this.handleInputFocusAndBlur=t=>{this.hostElement.dispatchEvent(new FocusEvent(t.type,{relatedTarget:t.relatedTarget}))},this.handleInputClickToggle=()=>{},this.handleChevronClickToggle=t=>{t.defaultPrevented||(t.stopPropagation(),this.disabled||this.readOnly||this.flyoutPanelElement?.isFlyoutPanelVisible().then((e=>{e?this.flyoutPanelElement?.closeFlyoutPanel(t):this.flyoutPanelElement?.openFlyoutPanel(t)})))},this.handleDocumentPointerDown=t=>{2!==t.button&&!("function"==typeof t.composedPath?t.composedPath():[]).includes(this.hostElement)&&this.hostElement.contains(t.target)},this.handleDocumentKeyDown=t=>{const e=t.key;"Escape"!==e&&"Esc"!==e||t.preventDefault()},this.handleFormReset=()=>{this.value=this.initialValue,this.selectedItemTitle=void 0,this.isFilterEditing=!1,this.filterValue=""}}handleInteractivityChange(t){this.disabled=t,this.readOnly=t}menuPlacementChanged(t){this.menuPlacement=t}menuConstrainPlacementsChanged(t){this.menuConstrainPlacements=t}connectedCallback(){this.initialValue=this.value,this.attachItemListener(),this.attachDocumentListeners(),this.attachFormListener()}disconnectedCallback(){this.detachItemListener(),this.detachDocumentListeners(),this.detachFormListener()}componentWillLoad(){this.checkSlots()}componentWillUpdate(){this.checkSlots()}componentDidRender(){this.flyoutPanelElement=this.hostElement.querySelector("gids-flyout-panel")??void 0}checkSlots(){this.hasLeadingIcon=!!this.hostElement.querySelector('[slot="leadingIconDropdown"]'),this.hasLeadingAccessory=!!this.hostElement.querySelector('[slot="leadingAccessoryDropdown"]')}getItemElements(){return Array.from(this.hostElement.querySelectorAll(".gids-dropdown-item"))}getVisibleEnabledItems(){return this.getItemElements().filter((t=>"none"!==t.style.display&&!t.hasAttribute("disabled")&&"true"!==t.getAttribute("aria-disabled")))}attachItemListener(){this.hasItemListener||(this.hostElement.addEventListener("onPressDropdownItem",this.handleDropdownItemSelect),this.hasItemListener=!0)}detachItemListener(){this.hasItemListener&&(this.hostElement.removeEventListener("onPressDropdownItem",this.handleDropdownItemSelect),this.hasItemListener=!1)}applySelection(t){this.value=t.value,this.selectedItemTitle="string"==typeof t.title?t.title:void 0,this.isFilterEditing=!1,this.filterValue="",this.clearActive(),this.emitNativeSelectionEvents(this.selectedItemTitle??""),this.resetItemVisibility(),this.onSelectionChange?.(t);const e=new CustomEvent("gidsDropdownChange",{bubbles:!0,composed:!0,detail:t});this.hostElement.dispatchEvent(e),this.disabled||this.readOnly||this.flyoutPanelElement?.isFlyoutPanelVisible().then((t=>{t?this.flyoutPanelElement?.closeFlyoutPanel(e):this.flyoutPanelElement?.openFlyoutPanel(e)}))}getInputControl(){return this.hostElement.querySelector(".gids-input__control")}emitNativeSelectionEvents(t){const e=this.getInputControl();e&&(e.value=t,this.suppressNextFilterInput=!0,e.dispatchEvent(new Event("input",{bubbles:!0,composed:!0})),e.dispatchEvent(new Event("change",{bubbles:!0,composed:!0})),this.suppressNextFilterInput&&(this.suppressNextFilterInput=!1))}clearActive(){this.activeIndex=-1,this.getItemElements().forEach((t=>t.classList.remove(c))),this.setActiveDescendant(void 0)}setActiveByIndex(t){const e=this.getVisibleEnabledItems();if(this.getItemElements().forEach((t=>t.classList.remove(c))),0===e.length)return this.activeIndex=-1,void this.setActiveDescendant(void 0);const i=Math.max(0,Math.min(t,e.length-1)),s=e[i];if(!s)return this.activeIndex=-1,void this.setActiveDescendant(void 0);this.activeIndex=i,s.classList.add(c),s.scrollIntoView({block:"nearest"}),this.setActiveDescendant(s.id||void 0)}moveActive(t){const e=this.getVisibleEnabledItems();0!==e.length?this.setActiveByIndex(-1===this.activeIndex?t>0?0:e.length-1:(this.activeIndex+t+e.length)%e.length):this.clearActive()}selectActive(){const t=this.getVisibleEnabledItems();if(0===t.length)return!1;const e=this.activeIndex>=0?t[this.activeIndex]:t[0];return!!e&&(e.click(),this.getInputControl()?.focus(),!0)}applyFilter(){const t=this.filterValue.trim().toLowerCase();this.getItemElements().forEach((e=>{const i=(e.textContent??"").toLowerCase();0===t.length||i.includes(t)?e.style.removeProperty("display"):e.style.display="none"}))}resetItemVisibility(){this.getItemElements().forEach((t=>{t.style.removeProperty("display")}))}setActiveDescendant(t){const e=this.getInputControl();e&&(t?e.setAttribute("aria-activedescendant",t):e.removeAttribute("aria-activedescendant"))}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)}get form(){return this.getInputControl()?.form??this.patternForm??null}get validity(){return this.getInputControl()?.validity??{}}get validationMessage(){return this.getInputControl()?.validationMessage??""}get willValidate(){return this.getInputControl()?.willValidate??!1}async checkValidity(){return this.getInputControl()?.checkValidity()??!0}async reportValidity(){return this.getInputControl()?.reportValidity()??!0}async setCustomValidity(t){return this.getInputControl()?.setCustomValidity(t)}isInteractive(){return!(this.disabled||this.readOnly)}scheduleControlRevalidation(){if(this.hasPendingControlRevalidation)return;this.hasPendingControlRevalidation=!0;const t=()=>{this.hasPendingControlRevalidation=!1,this.checkValidity()};"function"!=typeof requestAnimationFrame?t():requestAnimationFrame(t)}getEnhancedInputProps(){const t={...this.inputProps??{}};"string"==typeof t.autoComplete&&0!==t?.autoComplete?.trim?.()?.length||(t.autoComplete="off");const e=t.onInput;t.onInput=t=>{e?.(t),this.handleFilterInput(t)};const i=t.onBlur;t.onBlur=t=>{i?.(t),this.scheduleControlRevalidation()};const s=t.onKeyDown;return t.onKeyDown=t=>{s?.(t),t.defaultPrevented||this.handleInputKeyDown(t)},t}render(){const t=d(),e=this.getEnhancedInputProps(),i="string"==typeof e.id?e.id:void 0,n=i?`${i}__menu`:void 0,h=this.isFilterEditing?this.filterValue:this.selectedItemTitle??this.value??"",a=this.disabled||this.readOnly?"":`dropdown-${n}`,c=s("button",{key:"d3fc5400d7f2cccf92b5be848748ae9d71b16bb8",class:r({size:"lg"}),slot:"trailingAccessory",type:"button",onClick:t=>this.handleChevronClickToggle(t),"aria-haspopup":"listbox","aria-controls":n,disabled:this.disabled||this.readOnly,tabIndex:-1},s("span",{key:"4f2640fcd482a0616b65702eb9bcd1a16baacdee",class:"gids-button__content"},s(o,{key:"933d0766b0655aef2102f8b8908b8cbdd6178ff9",name:"chevron-vertical",alt:""})));return s("div",{key:"5cff063e1c1c42cf0d0b8d0e26d3134a6134cabf",class:t},s("gids-input",{key:"8d5b379dae8f65e6049a0d4d1d6ac9833f93d378",appearance:this.appearance,loading:this.loading,disabled:this.disabled,readOnly:this.readOnly,required:this.required,value:h,name:this.name,inputProps:e,onClick:this.handleInputClickToggle,onFocus:this.handleInputFocusAndBlur,onBlur:this.handleInputFocusAndBlur,id:a},this.hasLeadingIcon&&s("slot",{key:"94d6d5adfb4f50133a7db2b33369ca544c134501",name:"leadingIconDropdown",slot:"leadingIcon"}),this.hasLeadingAccessory&&s("slot",{key:"8de475c3d539311d3f9b2ee77c132e584f4aebee",name:"leadingAccessoryDropdown",slot:"leadingAccessory"}),c),s("gids-flyout-panel",{key:"06548f4c906e8977a77f697a5b8a691937fa4f58",placement:this?.menuPlacement??"bottom",constrainPlacements:this?.menuConstrainPlacements??["bottom","top"],onClick:this.handleMenuClick,htmlFor:a},s("slot",{key:"7e44848855366367c21960554e18e77cc4dd71d2"})))}get hostElement(){return this}static get watchers(){return{disabled:[{handleInteractivityChange:0}],readOnly:[{handleInteractivityChange:0}],menuPlacement:[{menuPlacementChanged:0}],menuConstrainPlacements:[{menuConstrainPlacementsChanged:0}]}}static get style(){return".gids-dropdown{position:relative}.gids-dropdown__leading-icon{display:flex;align-items:center}.gids-dropdown__accessory{display:flex;align-items:center}"}},[260,"gids-dropdown",{appearance:[1],inputProps:[16],disabled:[516],readOnly:[516,"read-only"],loading:[516],value:[513],name:[1],onSelectionChange:[16],required:[4],menuPlacement:[1,"menu-placement"],menuConstrainPlacements:[16],filterValue:[32],isFilterEditing:[32],selectedItemTitle:[32],hasLeadingIcon:[32],hasLeadingAccessory:[32],checkValidity:[64],reportValidity:[64],setCustomValidity:[64]},void 0,{disabled:[{handleInteractivityChange:0}],readOnly:[{handleInteractivityChange:0}],menuPlacement:[{menuPlacementChanged:0}],menuConstrainPlacements:[{menuConstrainPlacementsChanged:0}]}]);function u(){"undefined"!=typeof customElements&&["gids-dropdown","gids-flyout-panel","gids-input"].forEach((e=>{switch(e){case"gids-dropdown":customElements.get(t(e))||customElements.define(t(e),l);break;case"gids-flyout-panel":customElements.get(t(e))||h();break;case"gids-input":customElements.get(t(e))||a()}}))}u();export{l as G,u as d}
@@ -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:"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}
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:"5bf32884b1c457b8b748ba2ed58202248de82f96",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 +1 @@
1
- import{t as e,p as t,H as s,d as a,h as i,c as n}from"./p-B4hcsDH0.js";import{G as c}from"./p-Dg_WeHpV.js";import{g as d}from"./p-B2zUuNXz.js";const l=t(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.select=a(this,"select"),this._toggle=this._toggle.bind(this)}handleSelctedChange(e){this.selected!==e&&(this.selected=e)}connectedCallback(){const e=d();void 0!==e&&this._el.shadowRoot?.adoptedStyleSheets.push(e)}_toggle(){const e=!this.selected;this._el.selected=e,this.select?.emit(e),this.selected=e}render(){return i(n,{key:"7fd980f1b8cab6e45bfbc08b5aab0e09e8d7548a"},i("style",{key:"31fb86741af7cdfec09e228da19ee39d3a8399b6"},`:host {\n display: ${"full"===this.width?"block":"inline-block"}\n }`),i(c,{key:"a364c4e410442a012c0faab1d8c959a8bb781fdf",appearance:this.appearance,size:this.size,width:this.width,disabled:this.disabled,onClick:this._toggle,"aria-pressed":this.selected?"true":"false",leadingIcon:i("slot",{name:"leadingIcon"}),trailingIcon:i("slot",{name:"trailingIcon"}),forceIconOnly:this._onlyHasLeadingIcon()},i("slot",{key:"b832859edb3f5b46a89e5f2b20b0134630535c96"})))}_onlyHasLeadingIcon(){const e=this._el.childNodes;return 1===e.length&&e[0]instanceof window.Element&&"leadingIcon"===e[0].slot}get _el(){return this}static get watchers(){return{selected:[{handleSelctedChange:0}]}}},[257,"gids-toggle-button",{disabled:[516],appearance:[513],size:[513],width:[513],defaultSelected:[516,"default-selected"],selected:[1540]},void 0,{selected:[{handleSelctedChange:0}]}]);function o(){"undefined"!=typeof customElements&&["gids-toggle-button"].forEach((t=>{"gids-toggle-button"===t&&(customElements.get(e(t))||customElements.define(e(t),l))}))}o();export{l as G,o as d}
1
+ import{t as e,p as t,H as s,d as i,h as n,c as a}from"./p-B4hcsDH0.js";import{G as c}from"./p-Dg_WeHpV.js";import{g as d}from"./p-B2zUuNXz.js";const l=t(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.select=i(this,"select"),this._toggle=this._toggle.bind(this)}handleSelctedChange(e){this.selected!==e&&(this.selected=e)}connectedCallback(){const e=d();void 0!==e&&this._el.shadowRoot?.adoptedStyleSheets.push(e)}_toggle(){const e=!this.selected;this._el.selected=e,this.select?.emit(e),this.selected=e}render(){return n(a,{key:"69d81dcb83814c7d15783f712262d3349483f810"},n("style",{key:"4caec48e374b3ad1ed9622f7d283e29b6e900d57"},`:host {\n display: ${"full"===this.width?"block":"inline-block"}\n }`),n(c,{key:"43dab84c0fcba8a324a556eaf541c3a646957de0",appearance:this.appearance,size:this.size,width:this.width,disabled:this.disabled,onClick:this._toggle,"aria-pressed":this.selected?"true":"false",leadingIcon:n("slot",{name:"leadingIcon"}),trailingIcon:n("slot",{name:"trailingIcon"}),forceIconOnly:this._onlyHasLeadingIcon()},n("slot",{key:"7978debe993821c1af19dff654637ea47ce6075f"})))}_onlyHasLeadingIcon(){const e=this._el.childNodes;return 1===e.length&&e[0]instanceof window.Element&&"leadingIcon"===e[0].slot}get _el(){return this}static get watchers(){return{selected:[{handleSelctedChange:0}]}}},[257,"gids-toggle-button",{disabled:[516],appearance:[513],size:[513],width:[513],defaultSelected:[516,"default-selected"],selected:[1540]},void 0,{selected:[{handleSelctedChange:0}]}]);function o(){"undefined"!=typeof customElements&&["gids-toggle-button"].forEach((t=>{"gids-toggle-button"===t&&(customElements.get(e(t))||customElements.define(e(t),l))}))}o();export{l as G,o 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-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}
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-BZdaC92p.js";import{d as o}from"./p-CL9pZVrx.js";import{d}from"./p-CytAVtIP.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}
@@ -0,0 +1 @@
1
+ import{h as e,t,p as a,H as s}from"./p-B4hcsDH0.js";import{GidsCalendarCellWebUtils as i,GidsCalendarDayCellWebUtils as n,GidsCalendarHeaderPanelWebUtils as r,GidsCalendarWebUtils as d}from"@ganpatiinfo/gids-web-shared";import{d as l}from"./p-3H10HA8U.js";import{d as c}from"./p-cXOH6OAQ.js";import{d as o}from"./p-CJ1tQlEt.js";import{d as h}from"./p-B2CvDGSE.js";import{d as m}from"./p-BGBsQSqM.js";import{d as g}from"./p-DB0ZJi5J.js";const{getGidsCalendarCellClassNames:p}=i,b=({label:t,dot:a,disabled:s,selected:i,today:n,onPressCalendarCell:r,class:d,role:l="gridcell",cellType:c="effective",...o})=>{const h=!s&&"effective"===c;return e("button",{class:p({disabled:s,selected:i,today:n,cellType:c,dot:a},d),type:"button",role:l,"aria-selected":i?"true":"false",disabled:s,onClick:e=>{if(e.defaultPrevented||s||!h)return;const d=new CustomEvent("onPressCalendarCell",{bubbles:!0,composed:!0,detail:{cellValue:t,selected:i,disabled:s,dot:a,today:n}});r&&r(d)},...o},t?e("span",null,t):null,a?e("gids-dot",{appearance:(()=>{let e="subtle";return i&&!s&&(e="static-inverse"),e})(),disabled:s,size:"xs"}):null)},{getGidsCalendarDayCellClassNames:u}=n,y=({id:t,label:a,class:s,...i})=>e(b,{...i,id:t,label:a,name:a,dot:!1,disabled:!1,selected:!1,today:!1,cellType:"non-effective",class:u(s)}),{getGidsCalendarClassNames:C,generateCalendarDays:v,generateCalendarWeekdays:f}=d,{getCalendarMonthNameViaMonthNumber:k}=r,w=a(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.width="intrinsic",this.panelActionsAppearance="primary",this.dotVisibleDates=[],this.monthPickerDisabled=!1,this.yearPickerDisabled=!1,this.previousDisabled=!1,this.nextDisabled=!1,this.panelDisabled=!1,this.currentMonth=(new Date).getMonth()+1,this.currentYear=(new Date).getFullYear(),this.handleCHPOnPreviousActionEvent=e=>{e&&(this.setLocalStates({monthNumber:e.monthNumber,year:e.year}),this.onPreviousChange&&this.onPreviousChange(e))},this.handleCHPOnNextActionEvent=e=>{e&&(this.setLocalStates({monthNumber:e.monthNumber,year:e.year}),this.onNextChange&&this.onNextChange(e))},this.handleCHPOnPanelMonthChangeEvent=e=>{e&&(this.setLocalStates({monthNumber:e.monthNumber,year:e.year}),this.onPanelMonthChange&&this.onPanelMonthChange(e))},this.handleCHPOnPanelYearChangeEvent=e=>{e&&(this.setLocalStates({monthNumber:e.monthNumber,year:e.year}),this.onPanelYearChange&&this.onPanelYearChange(e))},this.setLocalStates=e=>{const{monthNumber:t,year:a}=e;t&&(this.currentMonth=Number(t)),a&&(this.currentYear=Number(a))}}handleActiveMonthPropChange(e){null!=e&&(this.currentMonth=Number(e))}handleActiveYearPropChange(e){null!=e&&(this.currentYear=Number(e))}connectedCallback(){}componentWillLoad(){null!=this.activeMonthNumber&&(this.currentMonth=Number(this.activeMonthNumber)),null!=this.activeYear&&(this.currentYear=Number(this.activeYear))}handleDateCellClick({event:e,dateStr:t,isCurrentMonth:a}){const s=e?.detail;if(s?.disabled)return;const i=(new Date).toISOString().split("T")[0],n=k(this.currentMonth);this.onSelectionCalendarCell&&this.onSelectionCalendarCell({currentActivePanelState:{monthNumber:this.currentMonth,year:this.currentYear,month:n,panelValue:`${n} ${this.currentYear}`},date:t,isCurrentMonth:a,selected:!0,today:i===t,dotVisibleDates:this.dotVisibleDates??[]})}render(){const t=v({currentYear:this.currentYear,currentMonth:this.currentMonth}),a=f(),s=C({width:this.width});return e("div",{key:"d066718a9751bbe89e7af0219dee6f6279a50ffb",class:s},e("gids-calendar-header-panel",{key:"a072a8c22f770a9907219673a874a37fde9bc2e1",appearance:this.panelActionsAppearance,startYear:this.startYear,endYear:this.endYear,monthPickerDisabled:this.monthPickerDisabled,yearPickerDisabled:this.yearPickerDisabled,previousDisabled:this.previousDisabled,nextDisabled:this.nextDisabled,panelDisabled:this.panelDisabled,selectedMonthNumber:this.currentMonth,selectedYear:this.currentYear,onPanelMonthChange:this.handleCHPOnPanelMonthChangeEvent,onPanelYearChange:this.handleCHPOnPanelYearChangeEvent,onNextChange:this.handleCHPOnNextActionEvent,onPreviousChange:this.handleCHPOnPreviousActionEvent}),e("div",{key:"6b287edcc7894805d89f3266d6c21d724e196153",class:"gids-calendar__weekdays-grid"},a.map((t=>e(y,{label:t})))),e("div",{key:"c6e54c3acef5564679d4f29b0c91aba1087cb705",class:"gids-calendar__days-grid"},t.map((t=>{const a=this.selectedDate===t.dateString,s=this.dotVisibleDates?.includes(t.dateString);return e(b,{label:String(t.day),today:t.isToday,selected:a,dot:s,cellType:"effective",disabled:!t.isCurrentMonth,onPressCalendarCell:e=>this.handleDateCellClick({event:e,dateStr:t.dateString,isCurrentMonth:t.isCurrentMonth})})}))))}get hostElement(){return this}static get watchers(){return{activeMonthNumber:[{handleActiveMonthPropChange:0}],activeYear:[{handleActiveYearPropChange:0}]}}static get style(){return".gids-calendar{display:flex;flex-direction:column;background-color:transparent;box-sizing:border-box;padding:var(--gids-padding-vertical-edge-to-element-300) var(--gids-padding-horizontal-edge-to-element-300);gap:var(--gids-gap-200)}.gids-calendar--width-fixed{width:100%;max-width:var(--gids-width-xs)}.gids-calendar--width-intrinsic{width:100%;max-width:100%}.gids-calendar--width-intrinsic .gids-calendar-cell{--cell-width:100%;--cell-aspect-ratio:1 / 1}.gids-calendar__weekdays-grid{display:grid;grid-template-columns:repeat(7, 1fr);text-align:center;align-items:center;width:100%}.gids-calendar__days-grid{display:grid;grid-template-columns:repeat(7, 1fr);gap:var(--gids-gap-050);justify-items:center;align-items:center;width:100%}"}},[0,"gids-calendar",{width:[1],panelActionsAppearance:[1,"panel-actions-appearance"],selectedDate:[1,"selected-date"],dotVisibleDates:[16],startYear:[2,"start-year"],endYear:[2,"end-year"],monthPickerDisabled:[4,"month-picker-disabled"],yearPickerDisabled:[4,"year-picker-disabled"],previousDisabled:[4,"previous-disabled"],nextDisabled:[4,"next-disabled"],panelDisabled:[4,"panel-disabled"],activeMonthNumber:[2,"active-month-number"],activeYear:[2,"active-year"],onNextChange:[16],onPreviousChange:[16],onPanelMonthChange:[16],onPanelYearChange:[16],onSelectionCalendarCell:[16],currentMonth:[32],currentYear:[32]},void 0,{activeMonthNumber:[{handleActiveMonthPropChange:0}],activeYear:[{handleActiveYearPropChange:0}]}]);function N(){"undefined"!=typeof customElements&&["gids-calendar","gids-calendar-header-panel","gids-calendar-month-list","gids-calendar-year-list","gids-dot","gids-dropdown-picker","gids-icon"].forEach((e=>{switch(e){case"gids-calendar":customElements.get(t(e))||customElements.define(t(e),w);break;case"gids-calendar-header-panel":customElements.get(t(e))||l();break;case"gids-calendar-month-list":customElements.get(t(e))||c();break;case"gids-calendar-year-list":customElements.get(t(e))||o();break;case"gids-dot":customElements.get(t(e))||h();break;case"gids-dropdown-picker":customElements.get(t(e))||m();break;case"gids-icon":customElements.get(t(e))||g()}}))}N();export{w as G,N as d}