@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
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ganpatiinfo/gids-core-web",
3
- "version": "22.0.0",
3
+ "version": "24.0.0",
4
4
  "private": false,
5
5
  "description": "This is a core web package contains html components",
6
6
  "homepage": "https://ganpatiinfo-design-system.onrender.com/",
@@ -513,6 +513,54 @@
513
513
  "types": "./dist/gids-form.d.ts",
514
514
  "default": "./dist/gids-form.js"
515
515
  },
516
+ "./gids-day-dropdown-picker.js": {
517
+ "types": "./dist/gids-day-dropdown-picker.d.ts",
518
+ "default": "./dist/gids-day-dropdown-picker.js"
519
+ },
520
+ "./dist/gids-day-dropdown-picker.js": {
521
+ "types": "./dist/gids-day-dropdown-picker.d.ts",
522
+ "default": "./dist/gids-day-dropdown-picker.js"
523
+ },
524
+ "./gids-month-dropdown-picker.js": {
525
+ "types": "./dist/gids-month-dropdown-picker.d.ts",
526
+ "default": "./dist/gids-month-dropdown-picker.js"
527
+ },
528
+ "./dist/gids-month-dropdown-picker.js": {
529
+ "types": "./dist/gids-month-dropdown-picker.d.ts",
530
+ "default": "./dist/gids-month-dropdown-picker.js"
531
+ },
532
+ "./gids-year-dropdown-picker.js": {
533
+ "types": "./dist/gids-year-dropdown-picker.d.ts",
534
+ "default": "./dist/gids-year-dropdown-picker.js"
535
+ },
536
+ "./dist/gids-year-dropdown-picker.js": {
537
+ "types": "./dist/gids-year-dropdown-picker.d.ts",
538
+ "default": "./dist/gids-year-dropdown-picker.js"
539
+ },
540
+ "./gids-calendar-picker.js": {
541
+ "types": "./dist/gids-calendar-picker.d.ts",
542
+ "default": "./dist/gids-calendar-picker.js"
543
+ },
544
+ "./dist/gids-calendar-picker.js": {
545
+ "types": "./dist/gids-calendar-picker.d.ts",
546
+ "default": "./dist/gids-calendar-picker.js"
547
+ },
548
+ "./gids-date-picker.js": {
549
+ "types": "./dist/gids-date-picker.d.ts",
550
+ "default": "./dist/gids-date-picker.js"
551
+ },
552
+ "./dist/gids-date-picker.js": {
553
+ "types": "./dist/gids-date-picker.d.ts",
554
+ "default": "./dist/gids-date-picker.js"
555
+ },
556
+ "./gids-date-picker-field.js": {
557
+ "types": "./dist/gids-date-picker-field.d.ts",
558
+ "default": "./dist/gids-date-picker-field.js"
559
+ },
560
+ "./dist/gids-date-picker-field.js": {
561
+ "types": "./dist/gids-date-picker-field.d.ts",
562
+ "default": "./dist/gids-date-picker-field.js"
563
+ },
516
564
  "./customElements": {
517
565
  "default": "./dist/custom-elements.json"
518
566
  },
@@ -526,13 +574,13 @@
526
574
  }
527
575
  },
528
576
  "peerDependencies": {
529
- "@ganpatiinfo/gids-web-theme-interface": "^8.0.0"
577
+ "@ganpatiinfo/gids-web-theme-interface": "^9.0.0"
530
578
  },
531
579
  "dependencies": {
532
580
  "@floating-ui/dom": "1.7.6",
533
581
  "clsx": "^2.1.1",
534
- "@ganpatiinfo/gids-core-shared": "^17.0.0",
535
- "@ganpatiinfo/gids-web-shared": "^14.1.0",
582
+ "@ganpatiinfo/gids-core-shared": "^19.0.0",
583
+ "@ganpatiinfo/gids-web-shared": "^16.0.0",
536
584
  "composed-offset-position": "^0.0.6"
537
585
  },
538
586
  "devDependencies": {
@@ -540,10 +588,10 @@
540
588
  "@fontsource/inter": "^5.2.8",
541
589
  "@fontsource/libre-caslon-text": "^5.2.7",
542
590
  "@ganpatiinfo/gids-liquid-renderer": "^6.0.0",
543
- "@ganpatiinfo/gids-storybook-theme": "^11.0.0",
591
+ "@ganpatiinfo/gids-storybook-theme": "^12.0.0",
544
592
  "@ganpatiinfo/gids-storybook-utilities": "^6.0.0",
545
- "@ganpatiinfo/gids-web-dom-reference": "^18.0.0",
546
- "@ganpatiinfo/gids-web-theme-ganpatiinfo": "^9.0.0",
593
+ "@ganpatiinfo/gids-web-dom-reference": "^20.0.0",
594
+ "@ganpatiinfo/gids-web-theme-ganpatiinfo": "^10.0.0",
547
595
  "@jest/globals": "^30.2.0",
548
596
  "@stencil/core": "^4.43.2",
549
597
  "@stencil/react-output-target": "^1.4.2",
@@ -1 +0,0 @@
1
- import{t,p as e,H as i,h as s}from"./p-B4hcsDH0.js";import{GidsDropdownPickerWebUtils as n}from"@ganpatiinfo/gids-web-shared";import{G as o}from"./p-Dg_WeHpV.js";import{G as d}from"./p-iQRr_fAH.js";const{getGidsDropdownPickerClassNames:a}=n,r=e(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.appearance="subtle",this.size="sm",this.idPicker="",this.expanded=!1,this.hasLeadingIcon=!1,this.hasItemListener=!1,this.suppressNextMenuClickSelection=!1,this.hasDocumentListeners=!1,this.handleDropdownPickerItemSelect=t=>{const{value:e,title:i,disabled:s,id:n,isPlaceholderItem:o}=t.detail;s||"string"!=typeof e||(this.suppressNextMenuClickSelection=!0,queueMicrotask((()=>{this.suppressNextMenuClickSelection=!1})),this.applySelection({id:n,value:e,title:i,disabled:!1,originalEvent:t,isPlaceholderItem:o}))},this.handleMenuClick=t=>{if(this.suppressNextMenuClickSelection)return;const e=t.target;if(!(e instanceof Element))return;const i=e.closest(".gids-dropdown-item");if(!i||!this.hostElement.contains(i))return;if(i.hasAttribute("disabled")||"true"===i.getAttribute("aria-disabled"))return;const s=i instanceof HTMLButtonElement?i.value:i.getAttribute("value")||"";if("string"!=typeof s||0===s.length)return;const n=i instanceof HTMLButtonElement?i.id:i.getAttribute("id")??"";if("string"!=typeof n||0===n.length)return;const o=i.getAttribute("is-placeholder-item")??"";this.applySelection({id:n,value:s,title:i.textContent?.trim()??"",disabled:!1,originalEvent:t,isPlaceholderItem:!(!o||"true"!==o)})},this.handleTriggerToggle=t=>{this.isInteractive()&&this.setExpandedState(!this.expanded,t)},this.handleDropdownButtonClickToggle=t=>{t.defaultPrevented||(t.stopPropagation(),this.handleTriggerToggle(t))},this.handleOutSpaceClickOfDropdownButtonToggle=t=>{this.expanded&&(t.stopPropagation(),this.setExpandedState(!1))},this.handleDocumentPointerDown=t=>{2!==t.button&&this.expanded&&(("function"==typeof t.composedPath?t.composedPath():[]).includes(this.hostElement)||this.hostElement.contains(t.target)||this.setExpandedState(!1,t))},this.handleDocumentKeyDown=t=>{if(!this.expanded)return;const e=t.key;if("Escape"===e||"Esc"===e)return t.preventDefault(),void this.setExpandedState(!1,t);"Tab"===e&&this.setExpandedState(!1,t)},this.handleFormReset=()=>{this.value=this.initialValue,this.selectedItemTitle=void 0,this.setExpandedState(!1)}}handleExpandedChange(t){t&&!this.isInteractive()&&(this.expanded=!1)}handleInteractivityChange(){!this.isInteractive()&&this.expanded&&this.setExpandedState(!1)}connectedCallback(){this.initialValue=this.value,this.attachItemListener(),this.attachDocumentListeners(),this.attachFormListener()}disconnectedCallback(){this.detachItemListener(),this.detachDocumentListeners(),this.detachFormListener()}componentWillLoad(){this.checkSlots()}componentWillUpdate(){this.checkSlots()}checkSlots(){this.hasLeadingIcon=!!this.hostElement.querySelector('[slot="leadingIconDropdownPicker"]')}getDropdownButtonControl(){return this.hostElement.querySelector(".gids-button")}getItemElements(){return Array.from(this.hostElement.querySelectorAll(".gids-dropdown-item"))}attachItemListener(){this.hasItemListener||(this.hostElement.addEventListener("onPressDropdownItem",this.handleDropdownPickerItemSelect),this.hasItemListener=!0)}detachItemListener(){this.hasItemListener&&(this.hostElement.removeEventListener("onPressDropdownItem",this.handleDropdownPickerItemSelect),this.hasItemListener=!1)}applySelection(t){this.value=t.value,this.selectedItemTitle="string"==typeof t.title?t.title:void 0,this.clearActive(),this.setExpandedState(!1,this.coerceEvent(t.originalEvent)),this.onSelectionChange?.(t),this.hostElement.dispatchEvent(new CustomEvent("gidsDropdownPickerChange",{bubbles:!0,composed:!0,detail:t}))}clearActive(){this.getItemElements().forEach((t=>t.classList.remove("gids-dropdown-item--active")))}setExpandedState(t,e){const i=Boolean(t);i&&!this.isInteractive()||this.expanded!==i&&(this.expanded=i,i||(this.clearActive(),this.syncInputDisplayValue()),this.hostElement.dispatchEvent(new CustomEvent("gidsDropdownPickerToggle",{bubbles:!0,composed:!0,detail:{expanded:i,originalEvent:e}})))}syncInputDisplayValue(){const t=this.getDropdownButtonControl();t&&t.value!==(this.selectedItemTitle??"")&&(t.value=this.selectedItemTitle??"")}attachDocumentListeners(){this.hasDocumentListeners||"undefined"==typeof document||(document.addEventListener("pointerdown",this.handleDocumentPointerDown),document.addEventListener("keydown",this.handleDocumentKeyDown),this.hasDocumentListeners=!0)}detachDocumentListeners(){this.hasDocumentListeners&&"undefined"!=typeof document&&(document.removeEventListener("pointerdown",this.handleDocumentPointerDown),document.removeEventListener("keydown",this.handleDocumentKeyDown),this.hasDocumentListeners=!1)}attachFormListener(){const t=this.hostElement.closest("form");this.patternForm!==t&&(this.patternForm&&this.patternForm.removeEventListener("reset",this.handleFormReset),this.patternForm=t??void 0,this.patternForm?.addEventListener("reset",this.handleFormReset))}detachFormListener(){this.patternForm&&(this.patternForm.removeEventListener("reset",this.handleFormReset),this.patternForm=void 0)}isInteractive(){return!this.disabled}coerceEvent(t){if("undefined"!=typeof Event&&null!==t)return t instanceof Event?t:void 0}render(){const t=this.expanded&&this.isInteractive(),e=a({expanded:t}),i="string"==typeof this.idPicker?this.idPicker:void 0,n=i?`${i}__menu`:void 0;return s("div",{key:"f4e12af57681f548e0b716745c483a31efbce9b5",class:e,onClick:this.handleOutSpaceClickOfDropdownButtonToggle},s(o,{key:"9b57b9f953d0e0727a5ae1304b2fca67f193108f",role:"pickerbox","aria-expanded":t?"true":"false","aria-haspopup":"pickerlistbox","aria-controls":n??"",onClick:this.handleDropdownButtonClickToggle,disabled:this.disabled,value:this.selectedItemTitle??this.value??"",loading:this.loading,appearance:this.appearance,size:this.size},this.hasLeadingIcon?s("slot",{name:"leadingIconDropdownPicker",slot:"leadingIcon"}):s(d,{name:"chevron-down",size:this.size,appearance:"regular",alt:"",slot:"leadingIcon"})),s("div",{key:"0360e3130abaa72d80b5f495dc3aec556d3fc0bf",class:"gids-dropdown-picker__menu",id:n,role:"pickerbox",onClick:this.handleMenuClick},s("slot",{key:"44cb6172ec327f229d5239ae2730bc7c9a07a244"})))}get hostElement(){return this}static get watchers(){return{expanded:[{handleExpandedChange:0}],disabled:[{handleInteractivityChange:0}]}}static get style(){return".gids-dropdown-picker{position:relative}.gids-dropdown-picker__menu{position:absolute;inset-inline:0;top:calc(100% + var(--gids-gap-050));z-index:3;display:none;flex-direction:column;align-self:stretch;min-width:var(--gids-width-2-xs);min-height:55px;max-height:15rem;overflow-x:hidden;overflow-y:auto;background-color:var(--gids-elevation-surface-overlay-default);box-shadow:var(--gids-elevation-shadow-overlay);border-radius:var(--gids-border-radius-lg)}.gids-dropdown-picker__menu>*{flex-shrink:0}.gids-dropdown-picker--expanded .gids-dropdown-picker__menu{display:flex}"}},[260,"gids-dropdown-picker",{appearance:[1],size:[1],idPicker:[1,"id-picker"],expanded:[1540],disabled:[516],loading:[516],value:[513],name:[1],onSelectionChange:[16],selectedItemTitle:[32],hasLeadingIcon:[32]},void 0,{expanded:[{handleExpandedChange:0}],disabled:[{handleInteractivityChange:0}]}]);function h(){"undefined"!=typeof customElements&&["gids-dropdown-picker"].forEach((e=>{"gids-dropdown-picker"===e&&(customElements.get(t(e))||customElements.define(t(e),r))}))}h();export{r as G,h as d}
@@ -1 +0,0 @@
1
- import{t as e,p as a,H as i,h as o,c as r}from"./p-B4hcsDH0.js";import{GidsHeaderNavigationItemWebUtils as n}from"@ganpatiinfo/gids-web-shared";import{G as t}from"./p-iQRr_fAH.js";import{G as d,a as s}from"./p-CAjDiWIc.js";import{G as g}from"./p-DLRj-mUX.js";const{getGidsHeaderNavigationItemClassNames:c}=n,l=a(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.expanded=!1,this.borderRadius="none",this.applyShadow=!1,this.appearance="default",this.selectionAppearance="default",this.selected=!1,this.size="sm",this.selectionType="single-deselection-allowed",this.menuItems=[],this.isSelected=!1,this.isMenuExpanded=!1,this.selectedMenuItems=[],this.onItemClick=e=>{if(this.hasMenu())this.isMenuExpanded=!this.isMenuExpanded;else{if(this.isSelected&&"single-deselection-not-allowed"===this.selectionType)return;this.isSelected=!this.isSelected}if(this.onPressNavigationItem){const a=this?.selectedMenuItems?this.selectedMenuItems[0]:void 0;this.onPressNavigationItem({originalEvent:e,itemId:this.id,itemLabel:this?.label,itemSelected:this.isSelected,hasMenu:this.hasMenu(),menuExpanded:this.isMenuExpanded,menuItemId:a?.menuItemId??"",menuItemTitle:a?.menuItemTitle,menuItemValue:a?.menuItemValue,menuItemSectionIndex:a?.menuItemSectionIndex,menuItemIndex:a?.menuItemIndex,menuItemSelected:!!a?.menuItemId,menuId:this?.menuId,selectionType:this?.selectionType})}},this.onMenuItemClick=({event:e,selectedItem:a,sectionIndex:i,itemIndex:o})=>{const r=this.isMenuItemSelected(a.id);r&&"single-deselection-not-allowed"===this.selectionType||(r?(this.selectedMenuItems=[],this.isSelected=!1):(this.selectedMenuItems=[{menuItemTitle:a?.title,menuItemValue:a?.value,menuItemId:a.id,menuItemSectionIndex:i,menuItemIndex:o,menuItemSelected:!0,menuId:this?.menuId}],this.isSelected=!0),this.isMenuExpanded=!1,this.onMenuItemChange&&this.onMenuItemChange({originalEvent:e,itemId:this.id,itemLabel:this?.label,itemSelected:!r,menuItemTitle:a?.title,menuItemValue:a?.value,menuItemId:a.id,menuItemSectionIndex:i,menuItemIndex:o,menuItemSelected:!r,menuId:this?.menuId,selectionType:this?.selectionType}))},this.defaultSelectedMenuItems=e=>{if(!e)return void(this.selectedMenuItems=[]);const a=this?.menuItems??[];for(let i=0;i<a.length;i++){const o=a[i]?.data??[];for(let a=0;a<o.length;a++){const r=o[a];if(r?.id===e)return this.selectedMenuItems=[{menuItemTitle:r.title,menuItemValue:r.value,menuItemId:r.id,menuItemSectionIndex:i,menuItemIndex:a,menuItemSelected:!0,menuId:this.menuId}],void(this.isSelected=!0)}}this.selectedMenuItems=[]},this.hasMenu=()=>!!(this?.menuItems&&this.menuItems.length>0),this.isMenuItemSelected=e=>{const a=this?.selectedMenuItems??[];if(!a||a.length<=0)return!1;const i=a.findIndex((a=>a.menuItemId===e));return null!=i&&-1!==i},this.positionHeaderNavigationItemMenu=()=>{const e=this.hostElement?.querySelector(".gids-header-navigation-item__dropdown-menu-container");if(!e)return;const a=this.hostElement.getBoundingClientRect(),i=window.innerWidth,o=window.innerHeight;e.style.maxHeight="none";const r=e.getBoundingClientRect(),n=o-a.bottom-8,t=a.top-4,d=r.height>n&&t>n,s=d?t:n;e.style.maxHeight=r.height>s?`${s}px`:"none";const g=e.getBoundingClientRect();let c=a.left;c+g.width>i-4&&(c=i-g.width-4),c<4&&(c=4),e.style.left=c-a.left+"px",e.style.top=d?-g.height-4+"px":`${a.height+4}px`}}appearanceChanged(e){this.appearance=e}selectionAppearanceChanged(e){this.selectionAppearance=e}expansionChanged(e){this.expanded=e,this.isMenuExpanded=e}borderRadiusChanged(e){this.borderRadius=e}shadowChanged(e){this.applyShadow=e}labelChanged(e){this.label=e}sizeChanged(e){this.size=e}menuItemsChanged(e){this.menuItems=e}selectedChanged(e){this.isSelected=e}selectedMenuItemIdChanged(e){this.defaultSelectedMenuItems(e)}connectedCallback(){this.isSelected=this.selected,this.isMenuExpanded=this.expanded,this.defaultSelectedMenuItems(this.selectedMenuItemId)}componentDidRender(){this.isMenuExpanded&&this.hasMenu()&&requestAnimationFrame((()=>{this.positionHeaderNavigationItemMenu()}))}render(){const e=this?.isSelected??!1,a=this?.appearance??"default",i=this?.selectionAppearance??"default",n=this.label,l=this?.size??"sm",h=this.id,v=this.menuId,p=this?.menuItems??[],m=this?.isMenuExpanded??!1,u=this?.borderRadius??"none",b=this?.applyShadow??!1,f=this.hasMenu(),y=c({selected:e,appearance:a,selectionAppearance:i,size:l,expanded:m&&f,applyShadow:b,borderRadius:u});return o(r,{key:"a4d69317daff54b5abc4ebb64095f208da12ef26",id:h,"header-nav-item-appearance":a,"header-nav-item-size":l,"header-nav-item-selection-appearance":i,"header-nav-item-selected":e?"true":"false",class:y,onClick:this.onItemClick,"header-nav-item-expanded":m},o("slot",{key:"d0ba32dd346cc17b322945454201fff5d7457419",name:"headerNavItemLeadingIcon"}),n&&""!==n?o("div",{class:"gids-header-navigation-item__label"},o("span",null,n)):void 0,f?o("div",{class:"gids-header-navigation-item__chevron"},o(t,{name:"chevron-down",size:"xl"!==l?l:"lg"})):void 0,f&&m?o("div",{class:"gids-header-navigation-item__dropdown-menu-container",id:v,role:"headerNavigationPickerbox",onClick:e=>e.stopPropagation()},o(d,{type:"default"},p.map(((e,a)=>{const i=e?.data??[];return o(s,{key:`${a+1}`,sectionLabel:e?.sectionLabel??""},i.map(((e,i)=>{const r=this.isMenuItemSelected(e.id);return o(g,{key:`${i}`,id:e.id,title:e?.title,value:e?.value,disabled:e?.disabled,index:i,selected:r,onPressDropdownItem:o=>this.onMenuItemClick({event:o,selectedItem:{...e,id:e.id},sectionIndex:a,itemIndex:i})})})))})))):void 0)}get hostElement(){return this}static get watchers(){return{appearance:[{appearanceChanged:0}],selectionAppearance:[{selectionAppearanceChanged:0}],expanded:[{expansionChanged:0}],borderRadius:[{borderRadiusChanged:0}],applyShadow:[{shadowChanged:0}],label:[{labelChanged:0}],size:[{sizeChanged:0}],menuItems:[{menuItemsChanged:0}],selected:[{selectedChanged:0}],selectedMenuItemId:[{selectedMenuItemIdChanged:0}]}}static get style(){return".gids-header-navigation-item{position:relative;margin:0;padding:0;appearance:none;border:none;background:none;font-family:var(--gids-typography-label-medium__font-family);font-size:var(--gids-typography-label-medium__font-size);font-weight:var(--gids-typography-label-medium__font-weight);letter-spacing:var(--gids-typography-label-medium__letter-spacing);line-height:var(--gids-typography-label-medium__line-height);text-transform:var(--gids-typography-label-medium__text-transform, inherit);font-variant-caps:var(--gids-typography-label-medium__font-variant-caps, inherit);display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:var(--gids-gap-100);cursor:pointer;padding:var(--gids-padding-vertical-edge-to-element-150) var(--gids-padding-horizontal-edge-to-element-200);background-color:var(--gids-color-background-neutral-default);color:var(--gids-color-text-default);--gidsIcon-color:var(--gids-color-icon-default)}.gids-header-navigation-item:hover{background-color:var(--gids-color-background-neutral-hovered)}.gids-header-navigation-item:active{background-color:var(--gids-color-background-neutral-pressed)}.gids-header-navigation-item__label{display:flex;flex:1;text-align:center;align-items:center;justify-content:center}.gids-header-navigation-item--appearance-primary{background-color:var(--gids-color-background-brand-bold-default);color:var(--gids-color-text-inverse);--gidsIcon-color:var(--gids-color-icon-inverse)}.gids-header-navigation-item--appearance-primary:hover{background-color:var(--gids-color-background-brand-bold-hovered)}.gids-header-navigation-item--appearance-primary:active{background-color:var(--gids-color-background-brand-bold-pressed)}.gids-header-navigation-item--appearance-subtle{background-color:var(--gids-color-background-neutral-subtle-default);color:var(--gids-color-text-default);--gidsIcon-color:var(--gids-color-icon-default)}.gids-header-navigation-item--appearance-subtle:hover{background-color:var(--gids-color-background-neutral-subtle-hovered)}.gids-header-navigation-item--appearance-subtle:active{background-color:var(--gids-color-background-neutral-subtle-pressed)}.gids-header-navigation-item--appearance-positive{background-color:var(--gids-color-background-positive-bold-default);color:var(--gids-color-text-inverse);--gidsIcon-color:var(--gids-color-icon-inverse)}.gids-header-navigation-item--appearance-positive:hover{background-color:var(--gids-color-background-positive-bold-hovered)}.gids-header-navigation-item--appearance-positive:active{background-color:var(--gids-color-background-positive-bold-pressed)}.gids-header-navigation-item--appearance-danger{background-color:var(--gids-color-background-danger-bold-default);color:var(--gids-color-text-inverse);--gidsIcon-color:var(--gids-color-icon-inverse)}.gids-header-navigation-item--appearance-danger:hover{background-color:var(--gids-color-background-danger-bold-hovered)}.gids-header-navigation-item--appearance-danger:active{background-color:var(--gids-color-background-danger-bold-pressed)}.gids-header-navigation-item--appearance-information{background-color:var(--gids-color-background-information-bold-default);color:var(--gids-color-text-inverse);--gidsIcon-color:var(--gids-color-icon-inverse)}.gids-header-navigation-item--appearance-information:hover{background-color:var(--gids-color-background-information-bold-hovered)}.gids-header-navigation-item--appearance-information:active{background-color:var(--gids-color-background-information-bold-pressed)}.gids-header-navigation-item--appearance-warning{background-color:var(--gids-color-background-warning-bold-default);color:var(--gids-color-text-inverse);--gidsIcon-color:var(--gids-color-icon-inverse)}.gids-header-navigation-item--appearance-warning:hover{background-color:var(--gids-color-background-warning-bold-hovered)}.gids-header-navigation-item--appearance-warning:active{background-color:var(--gids-color-background-warning-bold-pressed)}.gids-header-navigation-item--selection-appearance-default{background-color:var(--gids-color-background-neutral-default);color:var(--gids-color-text-default);--gidsIcon-color:var(--gids-color-icon-default)}.gids-header-navigation-item--selection-appearance-default:hover{background-color:var(--gids-color-background-neutral-hovered)}.gids-header-navigation-item--selection-appearance-default:active{background-color:var(--gids-color-background-neutral-pressed)}.gids-header-navigation-item--selection-appearance-primary{background-color:var(--gids-color-background-brand-bold-default);color:var(--gids-color-text-inverse);--gidsIcon-color:var(--gids-color-icon-inverse)}.gids-header-navigation-item--selection-appearance-primary:hover{background-color:var(--gids-color-background-brand-bold-hovered)}.gids-header-navigation-item--selection-appearance-primary:active{background-color:var(--gids-color-background-brand-bold-pressed)}.gids-header-navigation-item--selection-appearance-subtle{background-color:var(--gids-color-background-neutral-subtle-default);color:var(--gids-color-text-subtlest);--gidsIcon-color:var(--gids-color-icon-subtle)}.gids-header-navigation-item--selection-appearance-subtle:hover{background-color:var(--gids-color-background-neutral-subtle-hovered)}.gids-header-navigation-item--selection-appearance-subtle:active{background-color:var(--gids-color-background-neutral-subtle-pressed)}.gids-header-navigation-item--selection-appearance-positive{background-color:var(--gids-color-background-positive-bold-default);color:var(--gids-color-text-inverse);--gidsIcon-color:var(--gids-color-icon-inverse)}.gids-header-navigation-item--selection-appearance-positive:hover{background-color:var(--gids-color-background-positive-bold-hovered)}.gids-header-navigation-item--selection-appearance-positive:active{background-color:var(--gids-color-background-positive-bold-pressed)}.gids-header-navigation-item--selection-appearance-danger{background-color:var(--gids-color-background-danger-bold-default);color:var(--gids-color-text-inverse);--gidsIcon-color:var(--gids-color-icon-inverse)}.gids-header-navigation-item--selection-appearance-danger:hover{background-color:var(--gids-color-background-danger-bold-hovered)}.gids-header-navigation-item--selection-appearance-danger:active{background-color:var(--gids-color-background-danger-bold-pressed)}.gids-header-navigation-item--selection-appearance-information{background-color:var(--gids-color-background-information-bold-default);color:var(--gids-color-text-inverse);--gidsIcon-color:var(--gids-color-icon-inverse)}.gids-header-navigation-item--selection-appearance-information:hover{background-color:var(--gids-color-background-information-bold-hovered)}.gids-header-navigation-item--selection-appearance-information:active{background-color:var(--gids-color-background-information-bold-pressed)}.gids-header-navigation-item--selection-appearance-warning{background-color:var(--gids-color-background-warning-bold-default);color:var(--gids-color-text-inverse);--gidsIcon-color:var(--gids-color-icon-inverse)}.gids-header-navigation-item--selection-appearance-warning:hover{background-color:var(--gids-color-background-warning-bold-hovered)}.gids-header-navigation-item--selection-appearance-warning:active{background-color:var(--gids-color-background-warning-bold-pressed)}.gids-header-navigation-item--size-md{font-family:var(--gids-typography-label-large__font-family);font-size:var(--gids-typography-label-large__font-size);font-weight:var(--gids-typography-label-large__font-weight);letter-spacing:var(--gids-typography-label-large__letter-spacing);line-height:var(--gids-typography-label-large__line-height);text-transform:var(--gids-typography-label-large__text-transform, inherit);font-variant-caps:var(--gids-typography-label-large__font-variant-caps, inherit)}.gids-header-navigation-item--size-lg{font-family:var(--gids-typography-heading-small__font-family);font-size:var(--gids-typography-heading-small__font-size);font-weight:var(--gids-typography-heading-small__font-weight);letter-spacing:var(--gids-typography-heading-small__letter-spacing);line-height:var(--gids-typography-heading-small__line-height);text-transform:var(--gids-typography-heading-small__text-transform, inherit);font-variant-caps:var(--gids-typography-heading-small__font-variant-caps, inherit)}.gids-header-navigation-item--size-xl{font-family:var(--gids-typography-heading-medium__font-family);font-size:var(--gids-typography-heading-medium__font-size);font-weight:var(--gids-typography-heading-medium__font-weight);letter-spacing:var(--gids-typography-heading-medium__letter-spacing);line-height:var(--gids-typography-heading-medium__line-height);text-transform:var(--gids-typography-heading-medium__text-transform, inherit);font-variant-caps:var(--gids-typography-heading-medium__font-variant-caps, inherit)}.gids-header-navigation-item--shadow{box-shadow:var(--gids-elevation-shadow-raised)}.gids-header-navigation-item--border-radius-sm{border-radius:var(--gids-border-radius-sm)}.gids-header-navigation-item--border-radius-md{border-radius:var(--gids-border-radius-md)}.gids-header-navigation-item--border-radius-lg{border-radius:var(--gids-border-radius-lg)}.gids-header-navigation-item--border-radius-full{border-radius:var(--gids-border-radius-full)}.gids-header-navigation-item__dropdown-menu-container{position:absolute;inset-inline:0;top:calc(100% + var(--gids-gap-050));z-index:3;display:none;flex-direction:column;align-self:stretch;min-width:var(--gids-width-2-xs);min-height:55px;overflow-x:hidden;overflow-y:auto;background-color:var(--gids-elevation-surface-overlay-default);box-shadow:var(--gids-elevation-shadow-overlay);border-radius:var(--gids-border-radius-lg)}.gids-header-navigation-item__chevron{display:flex;align-items:center;justify-content:center;transform:rotate(0deg);transition:transform 200ms ease-in-out}.gids-header-navigation-item__dropdown-menu-container>*{flex-shrink:0}.gids-header-navigation-item--expanded .gids-header-navigation-item__dropdown-menu-container{display:flex}.gids-header-navigation-item--expanded .gids-header-navigation-item__chevron{transform:rotate(180deg)}"}},[260,"gids-header-navigation-item",{id:[1],menuId:[1,"menu-id"],expanded:[4],borderRadius:[1,"border-radius"],applyShadow:[4,"apply-shadow"],appearance:[1],selectionAppearance:[1,"selection-appearance"],selected:[4],selectedMenuItemId:[1,"selected-menu-item-id"],label:[1],size:[1],selectionType:[1,"selection-type"],menuItems:[16],onPressNavigationItem:[16],onMenuItemChange:[16],isSelected:[32],isMenuExpanded:[32],selectedMenuItems:[32]},void 0,{appearance:[{appearanceChanged:0}],selectionAppearance:[{selectionAppearanceChanged:0}],expanded:[{expansionChanged:0}],borderRadius:[{borderRadiusChanged:0}],applyShadow:[{shadowChanged:0}],label:[{labelChanged:0}],size:[{sizeChanged:0}],menuItems:[{menuItemsChanged:0}],selected:[{selectedChanged:0}],selectedMenuItemId:[{selectedMenuItemIdChanged:0}]}]);function h(){"undefined"!=typeof customElements&&["gids-header-navigation-item"].forEach((a=>{"gids-header-navigation-item"===a&&(customElements.get(e(a))||customElements.define(e(a),l))}))}h();export{l as G,h as d}
@@ -1 +0,0 @@
1
- import{h as s}from"./p-B4hcsDH0.js";import{GidsDropdownMenuGroupWebUtils as o,GidsDropdownMenuWebUtils as n}from"@ganpatiinfo/gids-web-shared";import{G as l}from"./p-C-Lpfqcg.js";import{b as p}from"./p-CV1-78HB.js";const{getGidsDropdownMenuGroupClassNames:e}=o,i=({type:o="no-options",supportingText:n="No options",class:p,...i},t)=>s("div",{class:e({type:o},p),...i},"loading"===o?s(l,{indeterminate:!0,size:"md"}):null,"no-options"===o?s("span",null,n):null,"default"===o&&null!=t?t:null),{getGidsDropdownMenuClassNames:t}=n,a=({sectionLabel:o,class:n,...l},e)=>s("div",{class:t(n),...l},null!=o&&""!==o?s(p,{supportingText:o,supportingTextTypography:"eyebrow-medium"}):null,null!=e?s("div",{class:"gids-dropdown-menu__children"},e):null);export{i as G,a}
@@ -1 +0,0 @@
1
- import{h as s}from"./p-B4hcsDH0.js";import{GidsDismissButtonWebUtils as a}from"@ganpatiinfo/gids-web-shared";import{G as e}from"./p-iQRr_fAH.js";const{getGidsDismissButtonClassNames:i}=a,r=({appearance:a="subtle",size:r="md",disabled:o=!1,class:p,onPressDismiss:l,label:t,...m})=>s("button",{class:i({appearance:a,size:r},p),onClick:l,disabled:o,"aria-label":t,...m},s(e,{name:"cross",appearance:"regular"}));export{r as G}
@@ -1 +0,0 @@
1
- import{t,p as e,H as s,h as n,F as i}from"./p-B4hcsDH0.js";import{G as o}from"./p-CTri3IsV.js";import{G as a}from"./p-CPgZgSBN.js";const l=e(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.placement="bottom",this.constrainPlacements=["bottom","top"],this.previouslyFocusedElement=null,this.focusableElements=[],this.handleToggleEvent=t=>{t.stopPropagation();const e=this.floatingElementManager.isVisible();this.floatingElementManager.toggle(),!e&&this.floatingElementManager.isVisible()?this.onFlyoutPanelShow():e&&!this.floatingElementManager.isVisible()&&this.onFlyoutPanelHide()},this.handleDocumentClick=t=>{this.floatingElementManager.isVisible()&&!this._el.contains(t.target)&&(this.floatingElementManager.hide(),this.onFlyoutPanelHide())},this.handleKeyDown=t=>{if(this.floatingElementManager.isVisible())return"Escape"===t.key?(t.preventDefault(),this.floatingElementManager.hide(),void this.onFlyoutPanelHide()):void("Tab"===t.key&&this.trapFocus(t))}}componentDidLoad(){this.floatingElementManager=new o(this._el,{htmlFor:this.htmlFor,placement:this.placement,showWithoutDelay:!0,floatingElementSelector:"#flyout-panel",showArrow:!1,visibilityClass:"gids-flyout-panel--visible",elementType:a.FLYOUT_PANEL,constrainPlacements:this?.constrainPlacements??["bottom","top"],constrainToViewportHeight:!0,getAnchorElementFromSlot:t=>{const e=t.querySelector('slot[name="anchor"]');return e?.assignedElements()[0]||null}}),this.floatingElementManager.initialize(),this.setupEventListeners()}setupEventListeners(){const t=this.floatingElementManager.getAnchorElement();t&&(t.addEventListener("click",this.handleToggleEvent),document.addEventListener("click",this.handleDocumentClick),document.addEventListener("keydown",this.handleKeyDown))}onFlyoutPanelShow(){this.previouslyFocusedElement=document.activeElement,this.updateFocusableElements(),setTimeout((()=>{this.focusableElements.length>0&&this.focusableElements[0]&&this.focusableElements[0].focus()}),50)}onFlyoutPanelHide(){this.previouslyFocusedElement&&(this.previouslyFocusedElement.focus(),this.previouslyFocusedElement=null)}updateFocusableElements(){const t=this._el.shadowRoot?.querySelector("#flyout-panel");if(!t)return;const e=[],s=d(t);e.push(...s);const n=this._el.shadowRoot?.querySelector("slot:not([name])");n&&n.assignedElements({flatten:!0}).forEach((t=>{const s=d(t);e.push(...s)})),this.focusableElements=e.sort(((t,e)=>{const s=t.compareDocumentPosition(e),n=Boolean(s&Node.DOCUMENT_POSITION_FOLLOWING),i=Boolean(s&Node.DOCUMENT_POSITION_PRECEDING);return n?-1:i?1:0}))}trapFocus(t){if(0===this.focusableElements.length)return;const e=this.focusableElements[0],s=this.focusableElements[this.focusableElements.length-1];let n=document.activeElement;if(n===this._el){const t=this._el.shadowRoot?.activeElement;null!==t&&(n=t)}const i=-1!==this.focusableElements.indexOf(n);t.shiftKey?n!==e&&i||(t.preventDefault(),s&&s.focus()):n!==s&&i||(t.preventDefault(),e&&e.focus())}placementChanged(t){this.floatingElementManager?.updateConfig({placement:t}),this.floatingElementManager?.isVisible()&&this.floatingElementManager?.reposition()}constrainPlacementsChanged(t){this.floatingElementManager?.updateConfig({constrainPlacements:t}),this.floatingElementManager?.isVisible()&&this.floatingElementManager?.reposition()}htmlForChanged(t){this.floatingElementManager?.updateConfig({htmlFor:t}),this.cleanupEventListeners(),this.floatingElementManager?.initialize(),this.setupEventListeners()}cleanupEventListeners(){const t=this.floatingElementManager?.getAnchorElement();t&&t.removeEventListener("click",this.handleToggleEvent),document.removeEventListener("click",this.handleDocumentClick),document.removeEventListener("keydown",this.handleKeyDown)}openFlyoutPanel(t){t&&t.stopPropagation(),this.floatingElementManager.isVisible()||(this.floatingElementManager.show(),this.onFlyoutPanelShow())}closeFlyoutPanel(t){t&&t.stopPropagation(),this.floatingElementManager.isVisible()&&(this.floatingElementManager.hide(),this.onFlyoutPanelHide())}render(){return n(i,{key:"ad79cb0c6c6f36d2d6926233dd10d1de053fa405"},n("slot",{key:"97333353f6deda3222ccdcee1a7c9a42900204f5",name:"anchor"}),n("div",{key:"805d139b92080862e60dad9591908f4c9af42dd3",id:"flyout-panel",part:"flyout-panel",role:"dialog","aria-modal":"true",tabindex:"-1"},n("div",{key:"522bae9ac93bbb12e3d3f820a477c81b768ddff3"},n("slot",{key:"3c3601c973866e9d6ccb7aaeb686e0659b54ea50"}))))}disconnectedCallback(){this.cleanupEventListeners(),this.floatingElementManager?.destroy()}get _el(){return this}static get watchers(){return{placement:[{placementChanged:0}],constrainPlacements:[{constrainPlacementsChanged:0}],htmlFor:[{htmlForChanged:0}]}}static get style(){return"gids-flyout-panel{--gidsFlyoutPanel-background:var(--gids-elevation-surface-overlay-default);--gidsFlyoutPanel-text-color:var(--gids-color-text-default);--gidsFlyoutPanel-padding:var(--gids-padding-vertical-edge-to-element-200) var(--gids-padding-horizontal-edge-to-element-300);--gidsFlyoutPanel-border-radius:var(--gids-border-radius-lg);--gidsFlyoutPanel-shadow:var(--gids-elevation-shadow-overlay);--gidsFloatingElement-background:var(--gidsFlyoutPanel-background)}[part=flyout-panel]{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);position:absolute;display:inline-block;background-color:var(--gidsFlyoutPanel-background);color:var(--gidsFlyoutPanel-text-color);border-radius:var(--gidsFlyoutPanel-border-radius);box-shadow:var(--gidsFlyoutPanel-shadow);z-index:1000;opacity:0;pointer-events:none;outline:none}[part=flyout-panel]:focus{outline:none}[part=flyout-panel].gids-flyout-panel--visible{pointer-events:initial;opacity:1}"}},[257,"gids-flyout-panel",{htmlFor:[513,"for"],placement:[513],constrainPlacements:[16],openFlyoutPanel:[64],closeFlyoutPanel:[64]},void 0,{placement:[{placementChanged:0}],constrainPlacements:[{constrainPlacementsChanged:0}],htmlFor:[{htmlForChanged:0}]}]),r=t=>{if(!(t instanceof s))return!1;if(-1===t.tabIndex)return!1;if(t.hasAttribute("disabled"))return!1;const e=getComputedStyle(t);if("none"===e.display||"hidden"===e.visibility||t.hidden)return!1;try{const e=t.tabIndex;t.tabIndex=-1,t.focus();const s=document.activeElement===t;return t.tabIndex=e,s&&t.blur(),s}catch{return!1}},d=t=>{const e=document.createTreeWalker(t,NodeFilter.SHOW_ELEMENT,{acceptNode:t=>r(t)?NodeFilter.FILTER_ACCEPT:NodeFilter.FILTER_SKIP}),s=[];r(t)&&s.push(t);let n=e.nextNode();for(;null!==n;)s.push(n),n=e.nextNode();return s};function h(){"undefined"!=typeof customElements&&["gids-flyout-panel"].forEach((e=>{"gids-flyout-panel"===e&&(customElements.get(t(e))||customElements.define(t(e),l))}))}h();export{l as G,h as d}
@@ -1 +0,0 @@
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 u}from"./p-CcKHKwS0.js";import{G as h}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-DpvdbdZ-.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:u,value:h,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:u,value:h,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:u,onChange:h,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:u,onChange:h}),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:u,disabled:h,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":u?"true":"false",disabled:h,class:R({selected:u,appearance:a,selectionAppearance:i},g),onClick:e=>{p&&p({originalEvent:e,sidebarMenuItemId:t,selected:!u})}},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}))}this.flyoutPanelElement?.closeFlyoutPanel()},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(u,{...a?.badgeProps});case"display-tag":return e(h,{...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:"18caea43f2a18e876e094176ee144ece86e0eeec",id:t,class:o},l?e("gids-flyout-panel",{htmlFor:c,constrainPlacements:d,placement:n},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:u,...h}=n;return e(T,{key:`${d+1}`,...h,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(u),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 +0,0 @@
1
- import{t,p as i,H as e,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}from"./p-DzOOjiNH.js";const{getGidsDropdownClassNames:h,getGidsChevronButtonControlClassNames:a}=n,r="gids-dropdown-item--active",c=i(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.appearance="default",this.expanded=!1,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.handleDropdownItemSelect=t=>{const{value:i,title:e,disabled:s,id:n,isPlaceholderItem:o}=t.detail;s||"string"!=typeof i||(this.suppressNextMenuClickSelection=!0,queueMicrotask((()=>{this.suppressNextMenuClickSelection=!1})),this.applySelection({id:n,value:i,title:e,disabled:!1,originalEvent:t,isPlaceholderItem:o}))},this.handleMenuClick=t=>{if(this.suppressNextMenuClickSelection)return;const i=t.target;if(!(i instanceof Element))return;const e=i.closest(".gids-dropdown-item");if(!e||!this.hostElement.contains(e))return;if(e.hasAttribute("disabled")||"true"===e.getAttribute("aria-disabled"))return;const s=e instanceof HTMLButtonElement?e.value:e.getAttribute("value")||"";if("string"!=typeof s||0===s.length)return;const n=e instanceof HTMLButtonElement?e.id:e.getAttribute("id")??"";if("string"!=typeof n||0===n.length)return;const o=e.getAttribute("is-placeholder-item")??"";let d=e.textContent?.trim()??"";d.endsWith("checkmark")&&(d=d.slice(0,-9).trim()),this.applySelection({id:n,value:s,title:d.trim(),disabled:!1,originalEvent:t,isPlaceholderItem:!(!o||"true"!==o)})},this.handleFilterInput=t=>{const i=t.target;this.filterValue=i?.value??"",this.isFilterEditing=!0,this.clearActive(),this.expanded||this.setExpandedState(!0,t),this.applyFilter()},this.handleInputKeyDown=t=>{if(!this.isInteractive())return;const i=t.key,e="ArrowDown"===i;if((e||"ArrowUp"===i)&&!t.metaKey&&!t.ctrlKey)return t.preventDefault(),this.expanded||this.setExpandedState(!0,t),void this.moveActive(e?1:-1);if("Home"===i&&this.expanded)return t.preventDefault(),void this.setActiveByIndex(0);if("End"===i&&this.expanded)return t.preventDefault(),void this.setActiveByIndex(this.getVisibleEnabledItems().length-1);if("Enter"===i){if(!this.expanded)return t.preventDefault(),this.setExpandedState(!0,t),void this.setActiveByIndex(0);this.selectActive()&&t.preventDefault()}},this.handleTriggerToggle=t=>{this.isInteractive()&&this.setExpandedState(!this.expanded,t)},this.handleInputFocusAndBlur=t=>{this.hostElement.dispatchEvent(new FocusEvent(t.type,{relatedTarget:t.relatedTarget}))},this.handleInputClickToggle=t=>{t.defaultPrevented||this.handleTriggerToggle(t)},this.handleChevronClickToggle=t=>{t.defaultPrevented||(t.stopPropagation(),this.handleTriggerToggle(t))},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 i=t.key;if("Escape"===i||"Esc"===i)return t.preventDefault(),void this.setExpandedState(!1,t);"Tab"===i&&this.setExpandedState(!1,t)},this.handleFormReset=()=>{this.value=this.initialValue,this.selectedItemTitle=void 0,this.isFilterEditing=!1,this.filterValue="",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="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.setExpandedState(!1,this.coerceEvent(t.originalEvent)),this.onSelectionChange?.(t),this.hostElement.dispatchEvent(new CustomEvent("gidsDropdownChange",{bubbles:!0,composed:!0,detail:t}))}getInputControl(){return this.hostElement.querySelector(".gids-input__control")}emitNativeSelectionEvents(t){const i=this.getInputControl();i&&(i.value=t,i.dispatchEvent(new Event("input",{bubbles:!0,composed:!0})),i.dispatchEvent(new Event("change",{bubbles:!0,composed:!0})))}clearActive(){this.activeIndex=-1,this.getItemElements().forEach((t=>t.classList.remove(r))),this.setActiveDescendant(void 0)}setActiveByIndex(t){const i=this.getVisibleEnabledItems();if(this.getItemElements().forEach((t=>t.classList.remove(r))),0===i.length)return this.activeIndex=-1,void this.setActiveDescendant(void 0);const e=Math.max(0,Math.min(t,i.length-1)),s=i[e];if(!s)return this.activeIndex=-1,void this.setActiveDescendant(void 0);this.activeIndex=e,s.classList.add(r),s.scrollIntoView({block:"nearest"}),this.setActiveDescendant(s.id||void 0)}moveActive(t){const i=this.getVisibleEnabledItems();0!==i.length?this.setActiveByIndex(-1===this.activeIndex?t>0?0:i.length-1:(this.activeIndex+t+i.length)%i.length):this.clearActive()}selectActive(){const t=this.getVisibleEnabledItems();if(0===t.length)return!1;const i=this.activeIndex>=0?t[this.activeIndex]:t[0];return!!i&&(i.click(),this.getInputControl()?.focus(),!0)}applyFilter(){const t=this.filterValue.trim().toLowerCase();this.getItemElements().forEach((i=>{const e=(i.textContent??"").toLowerCase(),s=0===t.length||e.includes(t);i.style.display=s?"":"none"}))}setActiveDescendant(t){const i=this.getInputControl();i&&(t?i.setAttribute("aria-activedescendant",t):i.removeAttribute("aria-activedescendant"))}setExpandedState(t,i){const e=Boolean(t);e&&!this.isInteractive()||this.expanded!==e&&(this.expanded=e,e||(this.isFilterEditing=!1,this.filterValue="",this.clearActive(),this.applyFilter(),this.syncInputDisplayValue()),this.hostElement.dispatchEvent(new CustomEvent("gidsDropdownToggle",{bubbles:!0,composed:!0,detail:{expanded:e,originalEvent:i}})))}syncInputDisplayValue(){const t=this.getInputControl();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)}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)}coerceEvent(t){if("undefined"!=typeof Event&&null!==t)return t instanceof Event?t:void 0}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 i=t.onInput;t.onInput=t=>{i?.(t),this.handleFilterInput(t)};const e=t.onBlur;t.onBlur=t=>{e?.(t),this.scheduleControlRevalidation()};const s=t.onKeyDown;return t.onKeyDown=t=>{s?.(t),t.defaultPrevented||this.handleInputKeyDown(t)},t}render(){const t=this.expanded&&this.isInteractive(),i=h({expanded:t}),e=this.getEnhancedInputProps(),n="string"==typeof e.id?e.id:void 0,d=n?`${n}__menu`:void 0;e.role="combobox",e["aria-expanded"]=t?"true":"false",e["aria-haspopup"]="listbox",e["aria-autocomplete"]="list",d&&(e["aria-controls"]=d);const r=this.isFilterEditing?this.filterValue:this.selectedItemTitle??this.value??"",c=t?"true":"false",l=s("button",{key:"ef56b4d650c7ede283ac956e1bb3fdb99f0464b9",class:a({size:"lg"}),slot:"trailingAccessory",type:"button",onClick:this.handleChevronClickToggle,"aria-label":t?"Collapse options":"Expanded options","aria-expanded":c,"aria-haspopup":"listbox","aria-controls":d,disabled:this.disabled||this.readOnly,tabIndex:-1},s("span",{key:"3707be6a0a5b247f6c624486c3ff5f69add5991c",class:"gids-button__content"},s(o,{key:"b36624f20725a6093fbe786dd34ae70131035b1d",name:"chevron-vertical",alt:""})));return s("div",{key:"07368ce8b66a08e4f874e9335a774a305d07b709",class:i},s("gids-input",{key:"13f996dabaf673f24ccb3752f5239a6461d8612e",appearance:this.appearance,loading:this.loading,disabled:this.disabled,readOnly:this.readOnly,required:this.required,value:r,name:this.name,inputProps:e,onClick:this.handleInputClickToggle,onFocus:this.handleInputFocusAndBlur,onBlur:this.handleInputFocusAndBlur},this.hasLeadingIcon&&s("slot",{key:"7ec0577f5a08094ca8caf73882dd5fee142f8229",name:"leadingIconDropdown",slot:"leadingIcon"}),this.hasLeadingAccessory&&s("slot",{key:"41a33c1e726a203c096de11b82ce4bd7e39b4641",name:"leadingAccessoryDropdown",slot:"leadingAccessory"}),l),s("div",{key:"c59f22dec8e5ca68bfa4bee0ba5ffc7150602468",class:"gids-dropdown__menu",id:d,role:"listbox",onClick:this.handleMenuClick},s("slot",{key:"93bb68248f925d570f01533382d71044079ee786"})))}get hostElement(){return this}static get watchers(){return{expanded:[{handleExpandedChange:0}],disabled:[{handleInteractivityChange:0}],readOnly:[{handleInteractivityChange:0}]}}static get style(){return'@charset "UTF-8";.gids-dropdown{position:relative}.gids-dropdown__menu{position:absolute;inset-inline:0;top:calc(100% + var(--gids-gap-050));z-index:3;display:none;flex-direction:column;min-height:55px;max-height:20rem;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__menu>*{flex-shrink:0}.gids-dropdown--expanded .gids-dropdown__menu{display:flex}.gids-dropdown__leading-icon{display:flex;align-items:center}.gids-dropdown__accessory{display:flex;align-items:center}'}},[260,"gids-dropdown",{appearance:[1],expanded:[1540],inputProps:[16],disabled:[516],readOnly:[516,"read-only"],loading:[516],value:[513],name:[1],onSelectionChange:[16],required:[4],filterValue:[32],isFilterEditing:[32],selectedItemTitle:[32],hasLeadingIcon:[32],hasLeadingAccessory:[32],checkValidity:[64],reportValidity:[64],setCustomValidity:[64]},void 0,{expanded:[{handleExpandedChange:0}],disabled:[{handleInteractivityChange:0}],readOnly:[{handleInteractivityChange:0}]}]);function l(){"undefined"!=typeof customElements&&["gids-dropdown","gids-input"].forEach((i=>{switch(i){case"gids-dropdown":customElements.get(t(i))||customElements.define(t(i),c);break;case"gids-input":customElements.get(t(i))||d()}}))}l();export{c as G,l as d}
@@ -1,151 +0,0 @@
1
- import { q as b, L as x, u as _, D as d, P as w } from "./p-B4hcsDH0-CPqEc-vc.js";
2
- import { d as M } from "./p-iQRr_fAH-Dvv1n8QD.js";
3
- import { i as C, a as S } from "./p-CAjDiWIc-C9dOa7FT.js";
4
- import { i as z } from "./p-DLRj-mUX-BapdQYpI.js";
5
- import { c as E } from "./clsx-OuTLNxxd.js";
6
- const T = ({ selected: e, appearance: i, selectionAppearance: a, size: n, expanded: o, borderRadius: t, applyShadow: r }, g) => E("gids-header-navigation-item", {
7
- // Appearances
8
- // 'gids-header-navigation-item--appearance-default':
9
- // appearance === 'default' && !selected, // Default so not needed
10
- "gids-header-navigation-item--appearance-primary": i === "primary" && !e,
11
- "gids-header-navigation-item--appearance-subtle": i === "subtle" && !e,
12
- "gids-header-navigation-item--appearance-positive": i === "positive" && !e,
13
- "gids-header-navigation-item--appearance-danger": i === "danger" && !e,
14
- "gids-header-navigation-item--appearance-information": i === "information" && !e,
15
- "gids-header-navigation-item--appearance-warning": i === "warning" && !e,
16
- // Selection Appearances
17
- "gids-header-navigation-item--selection-appearance-default": a === "default" && e,
18
- "gids-header-navigation-item--selection-appearance-primary": a === "primary" && e,
19
- "gids-header-navigation-item--selection-appearance-subtle": a === "subtle" && e,
20
- "gids-header-navigation-item--selection-appearance-positive": a === "positive" && e,
21
- "gids-header-navigation-item--selection-appearance-danger": a === "danger" && e,
22
- "gids-header-navigation-item--selection-appearance-information": a === "information" && e,
23
- "gids-header-navigation-item--selection-appearance-warning": a === "warning" && e,
24
- // Sizes
25
- // 'gids-header-navigation-item--size-sm': size === 'sm', // By default so not needed
26
- "gids-header-navigation-item--size-md": n === "md",
27
- "gids-header-navigation-item--size-lg": n === "lg",
28
- "gids-header-navigation-item--size-xl": n === "xl",
29
- // Menu expansion
30
- "gids-header-navigation-item--expanded": o,
31
- // Shadow
32
- "gids-header-navigation-item--shadow": r && i !== "subtle" && a !== "subtle",
33
- // Border Radius
34
- "gids-header-navigation-item--border-radius-sm": t === "sm" && i !== "subtle" && a !== "subtle",
35
- "gids-header-navigation-item--border-radius-md": t === "md" && i !== "subtle" && a !== "subtle",
36
- "gids-header-navigation-item--border-radius-lg": t === "lg" && i !== "subtle" && a !== "subtle",
37
- "gids-header-navigation-item--border-radius-full": t === "full" && i !== "subtle" && a !== "subtle"
38
- }, g), N = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
39
- __proto__: null,
40
- getGidsHeaderNavigationItemClassNames: T
41
- }, Symbol.toStringTag, { value: "Module" })), { getGidsHeaderNavigationItemClassNames: R } = N, H = x(class extends _ {
42
- constructor(e) {
43
- super(), e !== !1 && this.__registerHost(), this.expanded = !1, this.borderRadius = "none", this.applyShadow = !1, this.appearance = "default", this.selectionAppearance = "default", this.selected = !1, this.size = "sm", this.selectionType = "single-deselection-allowed", this.menuItems = [], this.isSelected = !1, this.isMenuExpanded = !1, this.selectedMenuItems = [], this.onItemClick = (i) => {
44
- if (this.hasMenu()) this.isMenuExpanded = !this.isMenuExpanded;
45
- else {
46
- if (this.isSelected && this.selectionType === "single-deselection-not-allowed") return;
47
- this.isSelected = !this.isSelected;
48
- }
49
- if (this.onPressNavigationItem) {
50
- const a = this?.selectedMenuItems ? this.selectedMenuItems[0] : void 0;
51
- this.onPressNavigationItem({ originalEvent: i, itemId: this.id, itemLabel: this?.label, itemSelected: this.isSelected, hasMenu: this.hasMenu(), menuExpanded: this.isMenuExpanded, menuItemId: a?.menuItemId ?? "", menuItemTitle: a?.menuItemTitle, menuItemValue: a?.menuItemValue, menuItemSectionIndex: a?.menuItemSectionIndex, menuItemIndex: a?.menuItemIndex, menuItemSelected: !!a?.menuItemId, menuId: this?.menuId, selectionType: this?.selectionType });
52
- }
53
- }, this.onMenuItemClick = ({ event: i, selectedItem: a, sectionIndex: n, itemIndex: o }) => {
54
- const t = this.isMenuItemSelected(a.id);
55
- t && this.selectionType === "single-deselection-not-allowed" || (t ? (this.selectedMenuItems = [], this.isSelected = !1) : (this.selectedMenuItems = [{ menuItemTitle: a?.title, menuItemValue: a?.value, menuItemId: a.id, menuItemSectionIndex: n, menuItemIndex: o, menuItemSelected: !0, menuId: this?.menuId }], this.isSelected = !0), this.isMenuExpanded = !1, this.onMenuItemChange && this.onMenuItemChange({ originalEvent: i, itemId: this.id, itemLabel: this?.label, itemSelected: !t, menuItemTitle: a?.title, menuItemValue: a?.value, menuItemId: a.id, menuItemSectionIndex: n, menuItemIndex: o, menuItemSelected: !t, menuId: this?.menuId, selectionType: this?.selectionType }));
56
- }, this.defaultSelectedMenuItems = (i) => {
57
- if (!i) return void (this.selectedMenuItems = []);
58
- const a = this?.menuItems ?? [];
59
- for (let n = 0; n < a.length; n++) {
60
- const o = a[n]?.data ?? [];
61
- for (let t = 0; t < o.length; t++) {
62
- const r = o[t];
63
- if (r?.id === i) return this.selectedMenuItems = [{ menuItemTitle: r.title, menuItemValue: r.value, menuItemId: r.id, menuItemSectionIndex: n, menuItemIndex: t, menuItemSelected: !0, menuId: this.menuId }], void (this.isSelected = !0);
64
- }
65
- }
66
- this.selectedMenuItems = [];
67
- }, this.hasMenu = () => !!(this?.menuItems && this.menuItems.length > 0), this.isMenuItemSelected = (i) => {
68
- const a = this?.selectedMenuItems ?? [];
69
- if (!a || a.length <= 0) return !1;
70
- const n = a.findIndex(((o) => o.menuItemId === i));
71
- return n != null && n !== -1;
72
- }, this.positionHeaderNavigationItemMenu = () => {
73
- const i = this.hostElement?.querySelector(".gids-header-navigation-item__dropdown-menu-container");
74
- if (!i) return;
75
- const a = this.hostElement.getBoundingClientRect(), n = window.innerWidth, o = window.innerHeight;
76
- i.style.maxHeight = "none";
77
- const t = i.getBoundingClientRect(), r = o - a.bottom - 8, g = a.top - 4, c = t.height > r && g > r, m = c ? g : r;
78
- i.style.maxHeight = t.height > m ? `${m}px` : "none";
79
- const h = i.getBoundingClientRect();
80
- let s = a.left;
81
- s + h.width > n - 4 && (s = n - h.width - 4), s < 4 && (s = 4), i.style.left = s - a.left + "px", i.style.top = c ? -h.height - 4 + "px" : `${a.height + 4}px`;
82
- };
83
- }
84
- appearanceChanged(e) {
85
- this.appearance = e;
86
- }
87
- selectionAppearanceChanged(e) {
88
- this.selectionAppearance = e;
89
- }
90
- expansionChanged(e) {
91
- this.expanded = e, this.isMenuExpanded = e;
92
- }
93
- borderRadiusChanged(e) {
94
- this.borderRadius = e;
95
- }
96
- shadowChanged(e) {
97
- this.applyShadow = e;
98
- }
99
- labelChanged(e) {
100
- this.label = e;
101
- }
102
- sizeChanged(e) {
103
- this.size = e;
104
- }
105
- menuItemsChanged(e) {
106
- this.menuItems = e;
107
- }
108
- selectedChanged(e) {
109
- this.isSelected = e;
110
- }
111
- selectedMenuItemIdChanged(e) {
112
- this.defaultSelectedMenuItems(e);
113
- }
114
- connectedCallback() {
115
- this.isSelected = this.selected, this.isMenuExpanded = this.expanded, this.defaultSelectedMenuItems(this.selectedMenuItemId);
116
- }
117
- componentDidRender() {
118
- this.isMenuExpanded && this.hasMenu() && requestAnimationFrame((() => {
119
- this.positionHeaderNavigationItemMenu();
120
- }));
121
- }
122
- render() {
123
- const e = this?.isSelected ?? !1, i = this?.appearance ?? "default", a = this?.selectionAppearance ?? "default", n = this.label, o = this?.size ?? "sm", t = this.id, r = this.menuId, g = this?.menuItems ?? [], c = this?.isMenuExpanded ?? !1, m = this?.borderRadius ?? "none", h = this?.applyShadow ?? !1, s = this.hasMenu(), f = R({ selected: e, appearance: i, selectionAppearance: a, size: o, expanded: c && s, applyShadow: h, borderRadius: m });
124
- return d(w, { key: "a4d69317daff54b5abc4ebb64095f208da12ef26", id: t, "header-nav-item-appearance": i, "header-nav-item-size": o, "header-nav-item-selection-appearance": a, "header-nav-item-selected": e ? "true" : "false", class: f, onClick: this.onItemClick, "header-nav-item-expanded": c }, d("slot", { key: "d0ba32dd346cc17b322945454201fff5d7457419", name: "headerNavItemLeadingIcon" }), n && n !== "" ? d("div", { class: "gids-header-navigation-item__label" }, d("span", null, n)) : void 0, s ? d("div", { class: "gids-header-navigation-item__chevron" }, d(M, { name: "chevron-down", size: o !== "xl" ? o : "lg" })) : void 0, s && c ? d("div", { class: "gids-header-navigation-item__dropdown-menu-container", id: r, role: "headerNavigationPickerbox", onClick: (u) => u.stopPropagation() }, d(C, { type: "default" }, g.map(((u, p) => {
125
- const I = u?.data ?? [];
126
- return d(S, { key: `${p + 1}`, sectionLabel: u?.sectionLabel ?? "" }, I.map(((l, v) => {
127
- const y = this.isMenuItemSelected(l.id);
128
- return d(z, { key: `${v}`, id: l.id, title: l?.title, value: l?.value, disabled: l?.disabled, index: v, selected: y, onPressDropdownItem: (k) => this.onMenuItemClick({ event: k, selectedItem: { ...l, id: l.id }, sectionIndex: p, itemIndex: v }) });
129
- })));
130
- })))) : void 0);
131
- }
132
- get hostElement() {
133
- return this;
134
- }
135
- static get watchers() {
136
- return { appearance: [{ appearanceChanged: 0 }], selectionAppearance: [{ selectionAppearanceChanged: 0 }], expanded: [{ expansionChanged: 0 }], borderRadius: [{ borderRadiusChanged: 0 }], applyShadow: [{ shadowChanged: 0 }], label: [{ labelChanged: 0 }], size: [{ sizeChanged: 0 }], menuItems: [{ menuItemsChanged: 0 }], selected: [{ selectedChanged: 0 }], selectedMenuItemId: [{ selectedMenuItemIdChanged: 0 }] };
137
- }
138
- static get style() {
139
- return ".gids-header-navigation-item{position:relative;margin:0;padding:0;appearance:none;border:none;background:none;font-family:var(--gids-typography-label-medium__font-family);font-size:var(--gids-typography-label-medium__font-size);font-weight:var(--gids-typography-label-medium__font-weight);letter-spacing:var(--gids-typography-label-medium__letter-spacing);line-height:var(--gids-typography-label-medium__line-height);text-transform:var(--gids-typography-label-medium__text-transform, inherit);font-variant-caps:var(--gids-typography-label-medium__font-variant-caps, inherit);display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:var(--gids-gap-100);cursor:pointer;padding:var(--gids-padding-vertical-edge-to-element-150) var(--gids-padding-horizontal-edge-to-element-200);background-color:var(--gids-color-background-neutral-default);color:var(--gids-color-text-default);--gidsIcon-color:var(--gids-color-icon-default)}.gids-header-navigation-item:hover{background-color:var(--gids-color-background-neutral-hovered)}.gids-header-navigation-item:active{background-color:var(--gids-color-background-neutral-pressed)}.gids-header-navigation-item__label{display:flex;flex:1;text-align:center;align-items:center;justify-content:center}.gids-header-navigation-item--appearance-primary{background-color:var(--gids-color-background-brand-bold-default);color:var(--gids-color-text-inverse);--gidsIcon-color:var(--gids-color-icon-inverse)}.gids-header-navigation-item--appearance-primary:hover{background-color:var(--gids-color-background-brand-bold-hovered)}.gids-header-navigation-item--appearance-primary:active{background-color:var(--gids-color-background-brand-bold-pressed)}.gids-header-navigation-item--appearance-subtle{background-color:var(--gids-color-background-neutral-subtle-default);color:var(--gids-color-text-default);--gidsIcon-color:var(--gids-color-icon-default)}.gids-header-navigation-item--appearance-subtle:hover{background-color:var(--gids-color-background-neutral-subtle-hovered)}.gids-header-navigation-item--appearance-subtle:active{background-color:var(--gids-color-background-neutral-subtle-pressed)}.gids-header-navigation-item--appearance-positive{background-color:var(--gids-color-background-positive-bold-default);color:var(--gids-color-text-inverse);--gidsIcon-color:var(--gids-color-icon-inverse)}.gids-header-navigation-item--appearance-positive:hover{background-color:var(--gids-color-background-positive-bold-hovered)}.gids-header-navigation-item--appearance-positive:active{background-color:var(--gids-color-background-positive-bold-pressed)}.gids-header-navigation-item--appearance-danger{background-color:var(--gids-color-background-danger-bold-default);color:var(--gids-color-text-inverse);--gidsIcon-color:var(--gids-color-icon-inverse)}.gids-header-navigation-item--appearance-danger:hover{background-color:var(--gids-color-background-danger-bold-hovered)}.gids-header-navigation-item--appearance-danger:active{background-color:var(--gids-color-background-danger-bold-pressed)}.gids-header-navigation-item--appearance-information{background-color:var(--gids-color-background-information-bold-default);color:var(--gids-color-text-inverse);--gidsIcon-color:var(--gids-color-icon-inverse)}.gids-header-navigation-item--appearance-information:hover{background-color:var(--gids-color-background-information-bold-hovered)}.gids-header-navigation-item--appearance-information:active{background-color:var(--gids-color-background-information-bold-pressed)}.gids-header-navigation-item--appearance-warning{background-color:var(--gids-color-background-warning-bold-default);color:var(--gids-color-text-inverse);--gidsIcon-color:var(--gids-color-icon-inverse)}.gids-header-navigation-item--appearance-warning:hover{background-color:var(--gids-color-background-warning-bold-hovered)}.gids-header-navigation-item--appearance-warning:active{background-color:var(--gids-color-background-warning-bold-pressed)}.gids-header-navigation-item--selection-appearance-default{background-color:var(--gids-color-background-neutral-default);color:var(--gids-color-text-default);--gidsIcon-color:var(--gids-color-icon-default)}.gids-header-navigation-item--selection-appearance-default:hover{background-color:var(--gids-color-background-neutral-hovered)}.gids-header-navigation-item--selection-appearance-default:active{background-color:var(--gids-color-background-neutral-pressed)}.gids-header-navigation-item--selection-appearance-primary{background-color:var(--gids-color-background-brand-bold-default);color:var(--gids-color-text-inverse);--gidsIcon-color:var(--gids-color-icon-inverse)}.gids-header-navigation-item--selection-appearance-primary:hover{background-color:var(--gids-color-background-brand-bold-hovered)}.gids-header-navigation-item--selection-appearance-primary:active{background-color:var(--gids-color-background-brand-bold-pressed)}.gids-header-navigation-item--selection-appearance-subtle{background-color:var(--gids-color-background-neutral-subtle-default);color:var(--gids-color-text-subtlest);--gidsIcon-color:var(--gids-color-icon-subtle)}.gids-header-navigation-item--selection-appearance-subtle:hover{background-color:var(--gids-color-background-neutral-subtle-hovered)}.gids-header-navigation-item--selection-appearance-subtle:active{background-color:var(--gids-color-background-neutral-subtle-pressed)}.gids-header-navigation-item--selection-appearance-positive{background-color:var(--gids-color-background-positive-bold-default);color:var(--gids-color-text-inverse);--gidsIcon-color:var(--gids-color-icon-inverse)}.gids-header-navigation-item--selection-appearance-positive:hover{background-color:var(--gids-color-background-positive-bold-hovered)}.gids-header-navigation-item--selection-appearance-positive:active{background-color:var(--gids-color-background-positive-bold-pressed)}.gids-header-navigation-item--selection-appearance-danger{background-color:var(--gids-color-background-danger-bold-default);color:var(--gids-color-text-inverse);--gidsIcon-color:var(--gids-color-icon-inverse)}.gids-header-navigation-item--selection-appearance-danger:hover{background-color:var(--gids-color-background-danger-bold-hovered)}.gids-header-navigation-item--selection-appearance-danger:active{background-color:var(--gids-color-background-danger-bold-pressed)}.gids-header-navigation-item--selection-appearance-information{background-color:var(--gids-color-background-information-bold-default);color:var(--gids-color-text-inverse);--gidsIcon-color:var(--gids-color-icon-inverse)}.gids-header-navigation-item--selection-appearance-information:hover{background-color:var(--gids-color-background-information-bold-hovered)}.gids-header-navigation-item--selection-appearance-information:active{background-color:var(--gids-color-background-information-bold-pressed)}.gids-header-navigation-item--selection-appearance-warning{background-color:var(--gids-color-background-warning-bold-default);color:var(--gids-color-text-inverse);--gidsIcon-color:var(--gids-color-icon-inverse)}.gids-header-navigation-item--selection-appearance-warning:hover{background-color:var(--gids-color-background-warning-bold-hovered)}.gids-header-navigation-item--selection-appearance-warning:active{background-color:var(--gids-color-background-warning-bold-pressed)}.gids-header-navigation-item--size-md{font-family:var(--gids-typography-label-large__font-family);font-size:var(--gids-typography-label-large__font-size);font-weight:var(--gids-typography-label-large__font-weight);letter-spacing:var(--gids-typography-label-large__letter-spacing);line-height:var(--gids-typography-label-large__line-height);text-transform:var(--gids-typography-label-large__text-transform, inherit);font-variant-caps:var(--gids-typography-label-large__font-variant-caps, inherit)}.gids-header-navigation-item--size-lg{font-family:var(--gids-typography-heading-small__font-family);font-size:var(--gids-typography-heading-small__font-size);font-weight:var(--gids-typography-heading-small__font-weight);letter-spacing:var(--gids-typography-heading-small__letter-spacing);line-height:var(--gids-typography-heading-small__line-height);text-transform:var(--gids-typography-heading-small__text-transform, inherit);font-variant-caps:var(--gids-typography-heading-small__font-variant-caps, inherit)}.gids-header-navigation-item--size-xl{font-family:var(--gids-typography-heading-medium__font-family);font-size:var(--gids-typography-heading-medium__font-size);font-weight:var(--gids-typography-heading-medium__font-weight);letter-spacing:var(--gids-typography-heading-medium__letter-spacing);line-height:var(--gids-typography-heading-medium__line-height);text-transform:var(--gids-typography-heading-medium__text-transform, inherit);font-variant-caps:var(--gids-typography-heading-medium__font-variant-caps, inherit)}.gids-header-navigation-item--shadow{box-shadow:var(--gids-elevation-shadow-raised)}.gids-header-navigation-item--border-radius-sm{border-radius:var(--gids-border-radius-sm)}.gids-header-navigation-item--border-radius-md{border-radius:var(--gids-border-radius-md)}.gids-header-navigation-item--border-radius-lg{border-radius:var(--gids-border-radius-lg)}.gids-header-navigation-item--border-radius-full{border-radius:var(--gids-border-radius-full)}.gids-header-navigation-item__dropdown-menu-container{position:absolute;inset-inline:0;top:calc(100% + var(--gids-gap-050));z-index:3;display:none;flex-direction:column;align-self:stretch;min-width:var(--gids-width-2-xs);min-height:55px;overflow-x:hidden;overflow-y:auto;background-color:var(--gids-elevation-surface-overlay-default);box-shadow:var(--gids-elevation-shadow-overlay);border-radius:var(--gids-border-radius-lg)}.gids-header-navigation-item__chevron{display:flex;align-items:center;justify-content:center;transform:rotate(0deg);transition:transform 200ms ease-in-out}.gids-header-navigation-item__dropdown-menu-container>*{flex-shrink:0}.gids-header-navigation-item--expanded .gids-header-navigation-item__dropdown-menu-container{display:flex}.gids-header-navigation-item--expanded .gids-header-navigation-item__chevron{transform:rotate(180deg)}";
140
- }
141
- }, [260, "gids-header-navigation-item", { id: [1], menuId: [1, "menu-id"], expanded: [4], borderRadius: [1, "border-radius"], applyShadow: [4, "apply-shadow"], appearance: [1], selectionAppearance: [1, "selection-appearance"], selected: [4], selectedMenuItemId: [1, "selected-menu-item-id"], label: [1], size: [1], selectionType: [1, "selection-type"], menuItems: [16], onPressNavigationItem: [16], onMenuItemChange: [16], isSelected: [32], isMenuExpanded: [32], selectedMenuItems: [32] }, void 0, { appearance: [{ appearanceChanged: 0 }], selectionAppearance: [{ selectionAppearanceChanged: 0 }], expanded: [{ expansionChanged: 0 }], borderRadius: [{ borderRadiusChanged: 0 }], applyShadow: [{ shadowChanged: 0 }], label: [{ labelChanged: 0 }], size: [{ sizeChanged: 0 }], menuItems: [{ menuItemsChanged: 0 }], selected: [{ selectedChanged: 0 }], selectedMenuItemId: [{ selectedMenuItemIdChanged: 0 }] }]);
142
- function P() {
143
- typeof customElements < "u" && ["gids-header-navigation-item"].forEach(((e) => {
144
- e === "gids-header-navigation-item" && (customElements.get(b(e)) || customElements.define(b(e), H));
145
- }));
146
- }
147
- P();
148
- export {
149
- P as h,
150
- H as l
151
- };