@ganpatiinfo/gids-core-web 15.0.0 → 16.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 (247) hide show
  1. package/dist/css/index.css +598 -0
  2. package/dist/css/index.css.map +1 -1
  3. package/dist/gids-action-bar.d.ts +1 -1
  4. package/dist/gids-action-bar.js +1 -1
  5. package/dist/gids-activity-gauge.d.ts +1 -1
  6. package/dist/gids-activity-gauge.js +1 -1
  7. package/dist/gids-advanced-tooltip.d.ts +1 -1
  8. package/dist/gids-advanced-tooltip.js +1 -1
  9. package/dist/gids-bar-chart.d.ts +1 -1
  10. package/dist/gids-bar-chart.js +1 -1
  11. package/dist/gids-calendar-header-panel.d.ts +1 -1
  12. package/dist/gids-calendar-header-panel.js +1 -1
  13. package/dist/gids-calendar-month-list.d.ts +1 -1
  14. package/dist/gids-calendar-month-list.js +1 -1
  15. package/dist/gids-calendar-year-list.d.ts +1 -1
  16. package/dist/gids-calendar-year-list.js +1 -1
  17. package/dist/gids-calendar.d.ts +1 -1
  18. package/dist/gids-calendar.js +1 -1
  19. package/dist/gids-chart-legend-item.d.ts +1 -1
  20. package/dist/gids-chart-legend-item.js +1 -1
  21. package/dist/gids-chart-legend.d.ts +1 -1
  22. package/dist/gids-chart-legend.js +1 -1
  23. package/dist/gids-chart.d.ts +1 -1
  24. package/dist/gids-chart.js +1 -1
  25. package/dist/gids-chevron-button.d.ts +1 -1
  26. package/dist/gids-chevron-button.js +1 -1
  27. package/dist/gids-dot.d.ts +1 -1
  28. package/dist/gids-dot.js +1 -1
  29. package/dist/gids-dropdown-field.d.ts +1 -1
  30. package/dist/gids-dropdown-field.js +1 -1
  31. package/dist/gids-dropdown-picker.d.ts +1 -1
  32. package/dist/gids-dropdown-picker.js +1 -1
  33. package/dist/gids-dropdown.d.ts +1 -1
  34. package/dist/gids-dropdown.js +1 -1
  35. package/dist/gids-expansion-body-list-item.d.ts +1 -1
  36. package/dist/gids-expansion-body-list-item.js +1 -1
  37. package/dist/gids-expansion-body-list.d.ts +1 -1
  38. package/dist/gids-expansion-body-list.js +1 -1
  39. package/dist/gids-expansion-group.d.ts +1 -1
  40. package/dist/gids-expansion-group.js +1 -1
  41. package/dist/gids-expansion.d.ts +1 -1
  42. package/dist/gids-expansion.js +1 -1
  43. package/dist/gids-field.d.ts +1 -1
  44. package/dist/gids-field.js +1 -1
  45. package/dist/gids-filter.d.ts +1 -1
  46. package/dist/gids-filter.js +1 -1
  47. package/dist/gids-header-navigation-item.d.ts +11 -0
  48. package/dist/gids-header-navigation-item.js +1 -0
  49. package/dist/gids-header-navigation.d.ts +11 -0
  50. package/dist/gids-header-navigation.js +1 -0
  51. package/dist/gids-icon.d.ts +1 -1
  52. package/dist/gids-icon.js +1 -1
  53. package/dist/gids-input.d.ts +1 -1
  54. package/dist/gids-input.js +1 -1
  55. package/dist/gids-level-gauge.d.ts +1 -1
  56. package/dist/gids-line-chart.d.ts +1 -1
  57. package/dist/gids-line-chart.js +1 -1
  58. package/dist/gids-md-table.d.ts +1 -1
  59. package/dist/gids-md-table.js +1 -1
  60. package/dist/gids-notification.d.ts +1 -1
  61. package/dist/gids-overflow-container.d.ts +1 -1
  62. package/dist/gids-overflow-container.js +1 -1
  63. package/dist/gids-overlay-provider.d.ts +1 -1
  64. package/dist/gids-overlay-provider.js +1 -1
  65. package/dist/gids-password-field.d.ts +1 -1
  66. package/dist/gids-password-field.js +1 -1
  67. package/dist/gids-pie-chart.d.ts +1 -1
  68. package/dist/gids-pie-chart.js +1 -1
  69. package/dist/gids-popover.d.ts +1 -1
  70. package/dist/gids-popover.js +1 -1
  71. package/dist/gids-profile-menu-header.d.ts +11 -0
  72. package/dist/gids-profile-menu-header.js +1 -0
  73. package/dist/gids-profile-menu.d.ts +11 -0
  74. package/dist/gids-profile-menu.js +1 -0
  75. package/dist/gids-profile.d.ts +11 -0
  76. package/dist/gids-profile.js +1 -0
  77. package/dist/gids-progress-circle.d.ts +1 -1
  78. package/dist/gids-scrim.d.ts +1 -1
  79. package/dist/gids-scrim.js +1 -1
  80. package/dist/gids-skeleton.d.ts +1 -1
  81. package/dist/gids-skeleton.js +1 -1
  82. package/dist/gids-snackbar.d.ts +1 -1
  83. package/dist/gids-tab-item.d.ts +1 -1
  84. package/dist/gids-tab-item.js +1 -1
  85. package/dist/gids-tab.d.ts +1 -1
  86. package/dist/gids-tab.js +1 -1
  87. package/dist/gids-text-field.d.ts +1 -1
  88. package/dist/gids-text-field.js +1 -1
  89. package/dist/gids-toggle-button.d.ts +1 -1
  90. package/dist/gids-toggle-button.js +1 -1
  91. package/dist/gids-tooltip.d.ts +1 -1
  92. package/dist/gids-tooltip.js +1 -1
  93. package/dist/gids-transfer-list.d.ts +1 -1
  94. package/dist/gids-transfer-list.js +1 -1
  95. package/dist/{p-Iqbf3Pja.js → p-BrYLEey4.js} +1 -1
  96. package/dist/p-Bs8TP3Rb.js +1 -0
  97. package/dist/p-Bw2pVReY.js +1 -0
  98. package/dist/{p-BtKwhIx5.js → p-Bzjuvoza.js} +1 -1
  99. package/dist/p-C-HyXFGR.js +1 -0
  100. package/dist/{p-Cyant-dw.js → p-CCpxJ8wu.js} +1 -1
  101. package/dist/p-CXFvqDBs.js +1 -0
  102. package/dist/{p-DLauG0q8.js → p-CZBiavxU.js} +1 -1
  103. package/dist/p-CcpdJCql.js +1 -0
  104. package/dist/{p-BKIsp763.js → p-Chb2OeFe.js} +1 -1
  105. package/dist/{p-Df5xaj-o.js → p-CiWZdp48.js} +1 -1
  106. package/dist/{p-DaqhrFRM.js → p-Co23kQaH.js} +1 -1
  107. package/dist/{p-DshXkAUj.js → p-DAuO4g6g.js} +1 -1
  108. package/dist/{p-BF46eY8H.js → p-DELTZ9Fh.js} +1 -1
  109. package/dist/{p-CLm5opt9.js → p-DGXqnrKo.js} +1 -1
  110. package/dist/p-DObJEzlz.js +1 -0
  111. package/dist/{p-MnCDY1k9.js → p-DbaNvRpS.js} +1 -1
  112. package/dist/{p-Dvh4sPkD.js → p-Dd-ec-e0.js} +1 -1
  113. package/dist/{p-DhtEw_C2.js → p-DiTjFG30.js} +1 -1
  114. package/dist/{p-Db4qRSmH.js → p-DxX3B1f0.js} +1 -1
  115. package/dist/{p-B0Nc9rVM.js → p-UDG6tkD1.js} +1 -1
  116. package/dist/p-bhEHIxPv.js +1 -0
  117. package/dist/{p-BgvpzBUx.js → p-d-t7__OQ.js} +1 -1
  118. package/dist/p-oJFgjzK5.js +1 -0
  119. package/dist/p-pVSQxFDF.js +1 -0
  120. package/dist/{p-DGenc1qz.js → p-u06XOrpj.js} +1 -1
  121. package/dist/types/components/webComponents/GidsHeaderNavigation/GidsHeaderNavigation.d.ts +51 -0
  122. package/dist/types/components/webComponents/GidsHeaderNavigationItem/GidsHeaderNavigationItem.d.ts +42 -0
  123. package/dist/types/components/webComponents/GidsProfile/GidsProfile.d.ts +66 -0
  124. package/dist/types/components/webComponents/GidsProfileMenu/GidsProfileMenu.d.ts +29 -0
  125. package/dist/types/components/webComponents/GidsProfileMenuHeader/GidsProfileMenuHeader.d.ts +30 -0
  126. package/dist/types/components.d.ts +596 -2
  127. package/dist-bundled/es/gids-action-bar.js +22 -21
  128. package/dist-bundled/es/gids-activity-gauge.js +1 -1
  129. package/dist-bundled/es/gids-advanced-tooltip.js +2 -2
  130. package/dist-bundled/es/gids-bar-chart.js +4 -4
  131. package/dist-bundled/es/gids-calendar-header-panel.js +1 -1
  132. package/dist-bundled/es/gids-calendar-month-list.js +3 -3
  133. package/dist-bundled/es/gids-calendar-year-list.js +2 -2
  134. package/dist-bundled/es/gids-calendar.js +24 -24
  135. package/dist-bundled/es/gids-chart-legend-item.js +1 -1
  136. package/dist-bundled/es/gids-chart-legend.js +4 -4
  137. package/dist-bundled/es/gids-chart.js +7 -7
  138. package/dist-bundled/es/gids-chevron-button.js +4 -4
  139. package/dist-bundled/es/gids-dot.js +2 -2
  140. package/dist-bundled/es/gids-dropdown-field.js +9 -9
  141. package/dist-bundled/es/gids-dropdown-picker.js +4 -4
  142. package/dist-bundled/es/gids-dropdown.js +3 -3
  143. package/dist-bundled/es/gids-expansion-body-list-item.js +4 -4
  144. package/dist-bundled/es/gids-expansion-body-list.js +2 -2
  145. package/dist-bundled/es/gids-expansion-group.js +5 -5
  146. package/dist-bundled/es/gids-expansion.js +1 -1
  147. package/dist-bundled/es/gids-field.js +2 -2
  148. package/dist-bundled/es/gids-filter.js +2 -2
  149. package/dist-bundled/es/gids-header-navigation-item.js +6 -0
  150. package/dist-bundled/es/gids-header-navigation.js +134 -0
  151. package/dist-bundled/es/gids-icon.js +4 -4
  152. package/dist-bundled/es/gids-input.js +2 -2
  153. package/dist-bundled/es/gids-line-chart.js +3 -3
  154. package/dist-bundled/es/gids-md-table.js +59 -59
  155. package/dist-bundled/es/gids-overflow-container.js +1 -1
  156. package/dist-bundled/es/gids-overlay-provider.js +1 -1
  157. package/dist-bundled/es/gids-password-field.js +12 -12
  158. package/dist-bundled/es/gids-pie-chart.js +1 -1
  159. package/dist-bundled/es/gids-popover.js +1 -1
  160. package/dist-bundled/es/gids-profile-menu-header.js +6 -0
  161. package/dist-bundled/es/gids-profile-menu.js +6 -0
  162. package/dist-bundled/es/gids-profile.js +199 -0
  163. package/dist-bundled/es/gids-scrim.js +1 -1
  164. package/dist-bundled/es/gids-skeleton.js +1 -1
  165. package/dist-bundled/es/gids-tab-item.js +16 -36
  166. package/dist-bundled/es/gids-tab.js +4 -4
  167. package/dist-bundled/es/gids-text-field.js +6 -6
  168. package/dist-bundled/es/gids-toggle-button.js +1 -1
  169. package/dist-bundled/es/gids-tooltip.js +1 -1
  170. package/dist-bundled/es/gids-transfer-list.js +3 -3
  171. package/dist-bundled/es/p-Bs8TP3Rb-BdcS7d5q.js +20 -0
  172. package/dist-bundled/es/{p-9NZjfY_u-CnjUEy1y.js → p-Bw2pVReY-K9pdG-hw.js} +2 -2
  173. package/dist-bundled/es/{p-BtKwhIx5-DTEmfdxe.js → p-Bzjuvoza-CzNs69NV.js} +12 -12
  174. package/dist-bundled/es/{p-D7qanqNO-Dby5jSjA.js → p-C-HyXFGR-UnFcWLOQ.js} +6 -5
  175. package/dist-bundled/es/{p-Cyant-dw-Ch2zYNkx.js → p-CCpxJ8wu-CMYQqNoP.js} +6 -6
  176. package/dist-bundled/es/p-CXFvqDBs-offadaUn.js +27 -0
  177. package/dist-bundled/es/{p-DLauG0q8-CCUuzYl9.js → p-CZBiavxU-CIstIm2b.js} +9 -9
  178. package/dist-bundled/es/p-CcpdJCql-CkEW2RAp.js +64 -0
  179. package/dist-bundled/es/{p-BKIsp763-CqL9MgyZ.js → p-Chb2OeFe-DDv_WPhe.js} +1 -1
  180. package/dist-bundled/es/{p-Df5xaj-o-fxAXUmag.js → p-CiWZdp48-1vf7Xh2R.js} +5 -5
  181. package/dist-bundled/es/{p-DaqhrFRM-2PqBeu5o.js → p-Co23kQaH-QJyKkzgc.js} +3 -3
  182. package/dist-bundled/es/{p-DshXkAUj-DgCiQIA2.js → p-DAuO4g6g-C8miaL-N.js} +6 -6
  183. package/dist-bundled/es/{p-BF46eY8H-Xn8Fl9EI.js → p-DELTZ9Fh-Byr0nLtY.js} +2 -2
  184. package/dist-bundled/es/{p-CLm5opt9-DlxkI38w.js → p-DGXqnrKo-C7feKS94.js} +5 -5
  185. package/dist-bundled/es/p-DObJEzlz-tt9h5cuI.js +17 -0
  186. package/dist-bundled/es/{p-MnCDY1k9-CgbTyJ5R.js → p-DbaNvRpS-r7kCW1TY.js} +9 -9
  187. package/dist-bundled/es/{p-Dvh4sPkD-B-T5C03p.js → p-Dd-ec-e0-BqX_F6y0.js} +5 -5
  188. package/dist-bundled/es/{p-DhtEw_C2-D_91JSPC.js → p-DiTjFG30-CQkxfu2K.js} +2 -2
  189. package/dist-bundled/es/{p-Db4qRSmH-B5pzOeve.js → p-DxX3B1f0-D1URliVh.js} +5 -5
  190. package/dist-bundled/es/{p-B0Nc9rVM-SBit1KrF.js → p-UDG6tkD1-JTLPxkEn.js} +5 -5
  191. package/dist-bundled/es/p-bhEHIxPv-ujyxL30O.js +136 -0
  192. package/dist-bundled/es/{p-BgvpzBUx-iq-eKBVZ.js → p-d-t7__OQ-CKPQZt2t.js} +3 -3
  193. package/dist-bundled/es/p-oJFgjzK5-CzagP1qD.js +99 -0
  194. package/dist-bundled/es/{p-CZxn31uZ-BBHM983b.js → p-pVSQxFDF-CsWxUaZX.js} +10 -9
  195. package/dist-bundled/es/{p-DGenc1qz-CMwVEtCm.js → p-u06XOrpj-C1tNznDd.js} +6 -6
  196. package/dist-bundled/umd/gids-action-bar.umd.js +2 -2
  197. package/dist-bundled/umd/gids-activity-gauge.umd.js +1 -1
  198. package/dist-bundled/umd/gids-advanced-tooltip.umd.js +1 -1
  199. package/dist-bundled/umd/gids-bar-chart.umd.js +1 -1
  200. package/dist-bundled/umd/gids-calendar-header-panel.umd.js +2 -2
  201. package/dist-bundled/umd/gids-calendar-month-list.umd.js +2 -2
  202. package/dist-bundled/umd/gids-calendar-year-list.umd.js +1 -1
  203. package/dist-bundled/umd/gids-calendar.umd.js +1 -1
  204. package/dist-bundled/umd/gids-chart-legend-item.umd.js +1 -1
  205. package/dist-bundled/umd/gids-chart-legend.umd.js +1 -1
  206. package/dist-bundled/umd/gids-chart.umd.js +1 -1
  207. package/dist-bundled/umd/gids-chevron-button.umd.js +1 -1
  208. package/dist-bundled/umd/gids-dot.umd.js +1 -1
  209. package/dist-bundled/umd/gids-dropdown-field.umd.js +2 -2
  210. package/dist-bundled/umd/gids-dropdown-picker.umd.js +1 -1
  211. package/dist-bundled/umd/gids-dropdown.umd.js +1 -1
  212. package/dist-bundled/umd/gids-expansion-body-list-item.umd.js +1 -1
  213. package/dist-bundled/umd/gids-expansion-body-list.umd.js +1 -1
  214. package/dist-bundled/umd/gids-expansion-group.umd.js +1 -1
  215. package/dist-bundled/umd/gids-expansion.umd.js +1 -1
  216. package/dist-bundled/umd/gids-field.umd.js +1 -1
  217. package/dist-bundled/umd/gids-filter.umd.js +2 -2
  218. package/dist-bundled/umd/gids-header-navigation-item.umd.js +5 -0
  219. package/dist-bundled/umd/gids-header-navigation.umd.js +5 -0
  220. package/dist-bundled/umd/gids-icon.umd.js +1 -1
  221. package/dist-bundled/umd/gids-input.umd.js +2 -2
  222. package/dist-bundled/umd/gids-line-chart.umd.js +1 -1
  223. package/dist-bundled/umd/gids-md-table.umd.js +1 -1
  224. package/dist-bundled/umd/gids-overflow-container.umd.js +1 -1
  225. package/dist-bundled/umd/gids-overlay-provider.umd.js +1 -1
  226. package/dist-bundled/umd/gids-password-field.umd.js +1 -1
  227. package/dist-bundled/umd/gids-pie-chart.umd.js +1 -1
  228. package/dist-bundled/umd/gids-popover.umd.js +1 -1
  229. package/dist-bundled/umd/gids-profile-menu-header.umd.js +5 -0
  230. package/dist-bundled/umd/gids-profile-menu.umd.js +5 -0
  231. package/dist-bundled/umd/gids-profile.umd.js +5 -0
  232. package/dist-bundled/umd/gids-scrim.umd.js +1 -1
  233. package/dist-bundled/umd/gids-skeleton.umd.js +1 -1
  234. package/dist-bundled/umd/gids-tab-item.umd.js +1 -1
  235. package/dist-bundled/umd/gids-tab.umd.js +1 -1
  236. package/dist-bundled/umd/gids-text-field.umd.js +1 -1
  237. package/dist-bundled/umd/gids-toggle-button.umd.js +2 -2
  238. package/dist-bundled/umd/gids-tooltip.umd.js +1 -1
  239. package/dist-bundled/umd/gids-transfer-list.umd.js +1 -1
  240. package/dist-bundled/umd-complete/gids-core-web.umd.js +9 -9
  241. package/package.json +44 -4
  242. package/dist/p-474lVBcu.js +0 -1
  243. package/dist/p-9NZjfY_u.js +0 -1
  244. package/dist/p-CZxn31uZ.js +0 -1
  245. package/dist/p-D7qanqNO.js +0 -1
  246. package/dist-bundled/es/p-474lVBcu-B1f8x2o1.js +0 -31
  247. /package/dist-bundled/es/{p-Iqbf3Pja-DuajY4uD.js → p-BrYLEey4-DuajY4uD.js} +0 -0
@@ -1 +1 @@
1
- import{t as e,p as t,H as n,h as a}from"./p-Bf3p-DY2.js";import{GidsChartLegendWebUtils as i}from"@ganpatiinfo/gids-web-shared";const{getGidsChartLegendClassNames:s}=i,r=t(class extends n{constructor(e){super(),!1!==e&&this.__registerHost(),this.orientation="horizontal"}handleOrientationChange(e){this.orientation=e}render(){const e=s({orientation:this.orientation});return a("div",{key:"d387e1907756393b835e4ff67eba8b10ec16d029",class:e},a("slot",{key:"0d8dc89a1285cb331ac6ca99e1cd6b2c554a0b2c"}))}static get watchers(){return{orientation:[{handleOrientationChange:0}]}}static get style(){return".gids-chart-legend{display:inline-flex;align-items:flex-start;gap:var(--gids-gap-150)}.gids-chart-legend--orientation-vertical{flex-direction:column;gap:var(--gids-gap-050)}"}},[260,"gids-chart-legend",{orientation:[1]},void 0,{orientation:[{handleOrientationChange:0}]}]);function o(){"undefined"!=typeof customElements&&["gids-chart-legend"].forEach((t=>{"gids-chart-legend"===t&&(customElements.get(e(t))||customElements.define(e(t),r))}))}o();export{r as G,o as d}
1
+ import{t as e,p as t,H as n,h as a}from"./p-Bf3p-DY2.js";import{GidsChartLegendWebUtils as i}from"@ganpatiinfo/gids-web-shared";const{getGidsChartLegendClassNames:s}=i,r=t(class extends n{constructor(e){super(),!1!==e&&this.__registerHost(),this.orientation="horizontal"}handleOrientationChange(e){this.orientation=e}render(){const e=s({orientation:this.orientation});return a("div",{key:"272620a7f72242f5e3559ee178c520f641bdca35",class:e},a("slot",{key:"e67141f00bb68f420b8af53c0f75ea55e1ccbe95"}))}static get watchers(){return{orientation:[{handleOrientationChange:0}]}}static get style(){return".gids-chart-legend{display:inline-flex;align-items:flex-start;gap:var(--gids-gap-150)}.gids-chart-legend--orientation-vertical{flex-direction:column;gap:var(--gids-gap-050)}"}},[260,"gids-chart-legend",{orientation:[1]},void 0,{orientation:[{handleOrientationChange:0}]}]);function o(){"undefined"!=typeof customElements&&["gids-chart-legend"].forEach((t=>{"gids-chart-legend"===t&&(customElements.get(e(t))||customElements.define(e(t),r))}))}o();export{r as G,o as d}
@@ -1 +1 @@
1
- import{t,p as i,H as e,h as a}from"./p-Bf3p-DY2.js";import{GidsLineChartWebUtils as s}from"@ganpatiinfo/gids-web-shared";import{G as r}from"./p-DMNS1d8v.js";import{G as l}from"./p-D4Pimu_8.js";import{d as n}from"./p-Dvh4sPkD.js";import{d as o}from"./p-Df5xaj-o.js";import{d}from"./p-DshXkAUj.js";const{getGidsLineChartClassNames:h}=s,g=i(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.breakpoint="desktop",this.legend="none",this.chartData=[],this.yAxisVisible=!1,this.dataPoints=[],this.chartLoaderSize="lg",this.chartLoading=!1,this.width=0,this.height=0,this.hoveredIndex=null,this.tooltip={visible:!1,x:0,y:0}}chartDataChanged(){this.updateDimensions()}dataPointsChanged(t){this.dataPoints=t}legendChanged(t){this.legend=t}yAxisVisibilityChanged(t){this.yAxisVisible=t}componentDidLoad(){this.updateDimensions(),this.resizeObserver=new ResizeObserver((()=>this.updateDimensions())),this.hostElement.parentElement&&this.resizeObserver.observe(this.hostElement.parentElement)}disconnectedCallback(){this.resizeObserver&&this.resizeObserver.disconnect()}updateDimensions(){const t=this.hostElement.getBoundingClientRect();this.width=t.width,this.height=t.height>0?t.height:300}getTooltipItems(t){return this.chartData.reduce(((i,e)=>{const a=e.data[t];return a?(i.push({label:e?.label??"",value:String(a.value),seriesIndicatorColor:e?.seriesColor??""}),i):i}),[])}render(){if(this.chartLoading)return a("div",{class:"gids-line-chart__no-data"},a(r,{label:this.chartLoadingTitle,supportingText:this.chartLoadingSupportingText,size:this?.chartLoaderSize??"lg"}));const t=this.chartData.flatMap((t=>Array.isArray(t?.data)?t.data.map((t=>t.value)):[])),i=t.length>0?Math.max(...t):10,e=Math.pow(10,Math.floor(Math.log10(i||1)));let s=e;i/e<=2?s=e/5:i/e<=5&&(s=e/2);const n=Math.ceil(i/s)*s;let o=[];if(Array.isArray(this.dataPoints)&&this.dataPoints.length>0)o=[...this.dataPoints].sort(((t,i)=>t-i));else{const t=5,i=n/(t-1);for(let e=0;e<t;e++)o.push(Math.round(0+e*i))}const d=Math.max(...o,n)-0||1,g=this?.chartData?.[0]?.data?.map((t=>t.label))??[],c=g.length,p=h({breakpoint:this.breakpoint});let y=!1,_=!1;return"mobile"===this.breakpoint?"none"!==this.legend&&(y=!0):"top"===this.legend?y=!0:"right"===this.legend&&(_=!0),a("div",{class:p},y?a("div",{class:"gids-line-chart__header"},a("gids-chart-legend",{orientation:"horizontal"},this.chartData.map((t=>a("gids-chart-legend-item",{key:t.label,seriesColor:t?.seriesColor,orientation:"horizontal"},t.label))))):null,a("div",{class:"gids-line-chart__main-container"},a("div",{class:"gids-line-chart__grid-layout"},a("span",{class:"gids-line-chart__y-axis-label"},this.yAxisLabel),a("div",{class:"gids-line-chart__chart-stage-container"},this.yAxisVisible?a("div",{class:"gids-line-chart__y-axis-scale-container"},o.map((t=>a("span",{id:"y-value",class:"gids-line-chart__scale-text gids-line-chart__y-axis-scale-value",key:t,style:{bottom:(t-0)/d*100+"%"}},t)))):null,a("div",{class:"gids-line-chart__chart-stage"},a("svg",{viewBox:"0 0 100 100",class:"gids-line-chart__chart-vector",preserveAspectRatio:"none"},a("defs",null,this.chartData.map(((t,i)=>{const e=t?.fillGradientStartColor,s=t?.fillGradientEndColor;return a("linearGradient",{id:`areaGradient-${i}`,x1:"0",y1:"0",x2:"0",y2:"1",key:i},a("stop",{offset:"0%",style:{stopColor:e,stopOpacity:"1"}}),a("stop",{offset:"100%",style:{stopColor:s,stopOpacity:"0"}}))}))),o.map((t=>{const i=100-(t-0)/d*100;return a("line",{x1:"0",y1:i,x2:"100",y2:i,class:"gids-line-chart__grid-line",key:t})})),this.chartData.map(((t,i)=>{if(!Array.isArray(t.data)||t.data.length<2)return null;const e=t.data.map(((t,i)=>`${0===i?"M":"L"} ${i/(c-1)*100} ${100-(t.value-0)/d*100}`)).join(" ");return a("g",{key:t.label||i},a("path",{d:`${e} L 100 100 L 0 100 Z`,fill:`url(#areaGradient-${i})`,opacity:t?.fillOpacity??"0.1",class:"gids-line-chart__chart-area"}),a("path",{d:e,class:"gids-line-chart__chart-line",fill:"none",style:{stroke:t?.seriesColor,strokeWidth:"2px"}}))})),a("rect",{x:"0",y:"0",width:"100",height:"100",fill:"transparent","pointer-events":"all",onMouseMove:t=>{const i=t.currentTarget.getBoundingClientRect(),e=Math.round((t.clientX-i.left)/i.width*(c-1));this.hoveredIndex=e,this.tooltip={visible:!0,x:t.clientX,y:t.clientY}},onMouseLeave:()=>{this.hoveredIndex=null,this.tooltip={...this.tooltip,visible:!1}}})),null!==this.hoveredIndex&&this.chartData.map(((t,i)=>{if(null===this.hoveredIndex)return;const e=this.hoveredIndex,s=t.data[e];return s?a("div",{id:`chart-dot-${i}`,class:"gids-line-chart__hover-dot",style:{left:e/(c-1)*100+"%",top:100-(s.value-0)/d*100+"%"}},a(l,{name:"new",size:"xs",appearance:"filled",style:{"--gidsIcon-color":t.seriesColor}})):null})),a("gids-advanced-tooltip",{visible:this.tooltip.visible,x:this.tooltip.x,y:this.tooltip.y,items:null!==this.hoveredIndex?this.getTooltipItems(this.hoveredIndex):[]}))),a("div",{class:"gids-line-chart__x-axis-scale-container"},g.map(((t,i)=>a("span",{class:"gids-line-chart__scale-text",key:i},t)))),a("span",{class:"gids-line-chart__x-axis-label"},this.xAxisLabel)),_?a("gids-chart-legend",{orientation:"vertical"},this.chartData.map((t=>a("gids-chart-legend-item",{key:t.label,seriesColor:t?.seriesColor,orientation:"vertical"},t.label)))):null))}get hostElement(){return this}static get watchers(){return{chartData:[{chartDataChanged:0}],dataPoints:[{dataPointsChanged:0}],legend:[{legendChanged:0}],yAxisVisible:[{yAxisVisibilityChanged:0}]}}static get style(){return":host{display:block;width:100%;height:100%;box-sizing:border-box}.gids-line-chart{display:flex;flex-direction:column;width:100%;height:100%;box-sizing:border-box}.gids-line-chart--breakpoint-mobile{max-width:var(--gids-width-xs)}.gids-line-chart__main-container{display:flex;gap:var(--gids-gap-200)}.gids-line-chart__header{display:flex;justify-content:flex-end;align-items:center;width:100%;margin-bottom:var(--gids-padding-vertical-edge-to-element-200)}.gids-line-chart__grid-layout{display:grid;grid-template-columns:auto 1fr;grid-template-rows:minmax(180px, 280px) auto auto;flex:1;width:100%;height:100%;box-sizing:border-box}.gids-line-chart__y-axis-label{grid-column:1;grid-row:1;display:flex;align-items:center;justify-content:center;margin-right:var(--gids-padding-horizontal-edge-to-element-600);font-family:var(--gids-typography-label-x-small__font-family);font-size:var(--gids-typography-label-x-small__font-size);font-weight:var(--gids-typography-label-x-small__font-weight);letter-spacing:var(--gids-typography-label-x-small__letter-spacing);line-height:var(--gids-typography-label-x-small__line-height);text-transform:var(--gids-typography-label-x-small__text-transform, inherit);font-variant-caps:var(--gids-typography-label-x-small__font-variant-caps, inherit);color:var(--gids-color-text-subtlest);writing-mode:vertical-rl;transform:rotate(180deg);white-space:nowrap}.gids-line-chart__chart-stage-container{grid-column:2;grid-row:1;position:relative;width:100%;height:100%;padding-left:var(--gids-container-padding-desktop);box-sizing:border-box}.gids-line-chart__y-axis-scale-container{position:absolute;top:0;bottom:0;left:0;width:calc(var(--gids-container-padding-desktop) - var(--gids-padding-horizontal-edge-to-element-100));pointer-events:none}.gids-line-chart__y-axis-scale-value{position:absolute;right:0;transform:translateY(50%);margin-right:var(--gids-padding-horizontal-edge-to-element-100)}.gids-line-chart__chart-stage{position:relative;width:100%;height:100%;border-bottom:var(--gids-border-width-thin) solid var(--gids-color-border-default);box-sizing:border-box}.gids-line-chart__chart-vector{display:block;width:100%;height:100%;overflow:visible}.gids-line-chart__grid-line{stroke:var(--gids-color-border-default);stroke-width:0.5;fill:none}.gids-line-chart__chart-area{stroke:none}.gids-line-chart__chart-line{fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.gids-line-chart__x-axis-scale-container{display:flex;grid-column:2;grid-row:2;justify-content:space-between;align-items:center;padding-left:var(--gids-container-padding-desktop);padding-top:var(--gids-padding-vertical-edge-to-element-200);gap:var(--gids-gap-050);box-sizing:border-box}.gids-line-chart__x-axis-label{grid-column:2;grid-row:3;display:flex;justify-content:center;align-items:center;padding-top:var(--gids-padding-vertical-edge-to-element-100);font-family:var(--gids-typography-label-x-small__font-family);font-size:var(--gids-typography-label-x-small__font-size);font-weight:var(--gids-typography-label-x-small__font-weight);letter-spacing:var(--gids-typography-label-x-small__letter-spacing);line-height:var(--gids-typography-label-x-small__line-height);text-transform:var(--gids-typography-label-x-small__text-transform, inherit);font-variant-caps:var(--gids-typography-label-x-small__font-variant-caps, inherit);color:var(--gids-color-text-subtlest);white-space:nowrap}.gids-line-chart__scale-text{font-family:var(--gids-typography-label-x-small__font-family);font-size:var(--gids-typography-label-x-small__font-size);font-weight:var(--gids-typography-label-x-small__font-weight);letter-spacing:var(--gids-typography-label-x-small__letter-spacing);line-height:var(--gids-typography-label-x-small__line-height);text-transform:var(--gids-typography-label-x-small__text-transform, inherit);font-variant-caps:var(--gids-typography-label-x-small__font-variant-caps, inherit);color:var(--gids-color-text-subtlest);user-select:none;white-space:nowrap}.gids-line-chart__no-data{display:flex;align-items:center;justify-content:center;padding:var(--gids-padding-vertical-edge-to-element-300) var(--gids-padding-horizontal-edge-to-element-100);width:100%;height:100%;min-height:200px;color:var(--gids-color-text-subtlest);border:var(--gids-border-width-thin) dashed var(--gids-color-border-default);border-radius:var(--gids-border-radius-md)}.gids-line-chart__hover-dot{position:absolute;transform:translate(-50%, -50%);pointer-events:none;z-index:20}"}},[0,"gids-line-chart",{breakpoint:[1],legend:[1],chartData:[16],yAxisVisible:[4,"y-axis-visible"],xAxisLabel:[1,"x-axis-label"],yAxisLabel:[1,"y-axis-label"],dataPoints:[16],chartLoaderSize:[1,"chart-loader-size"],chartLoading:[4,"chart-loading"],chartLoadingTitle:[1,"chart-loading-title"],chartLoadingSupportingText:[1,"chart-loading-supporting-text"],width:[32],height:[32],hoveredIndex:[32],tooltip:[32]},void 0,{chartData:[{chartDataChanged:0}],dataPoints:[{dataPointsChanged:0}],legend:[{legendChanged:0}],yAxisVisible:[{yAxisVisibilityChanged:0}]}]);function c(){"undefined"!=typeof customElements&&["gids-line-chart","gids-advanced-tooltip","gids-chart-legend","gids-chart-legend-item"].forEach((i=>{switch(i){case"gids-line-chart":customElements.get(t(i))||customElements.define(t(i),g);break;case"gids-advanced-tooltip":customElements.get(t(i))||n();break;case"gids-chart-legend":customElements.get(t(i))||o();break;case"gids-chart-legend-item":customElements.get(t(i))||d()}}))}c();export{g as G,c as d}
1
+ import{t,p as i,H as e,h as a}from"./p-Bf3p-DY2.js";import{GidsLineChartWebUtils as s}from"@ganpatiinfo/gids-web-shared";import{G as r}from"./p-DMNS1d8v.js";import{G as l}from"./p-D4Pimu_8.js";import{d as n}from"./p-Dd-ec-e0.js";import{d as o}from"./p-CiWZdp48.js";import{d}from"./p-DAuO4g6g.js";const{getGidsLineChartClassNames:h}=s,g=i(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.breakpoint="desktop",this.legend="none",this.chartData=[],this.yAxisVisible=!1,this.dataPoints=[],this.chartLoaderSize="lg",this.chartLoading=!1,this.width=0,this.height=0,this.hoveredIndex=null,this.tooltip={visible:!1,x:0,y:0}}chartDataChanged(){this.updateDimensions()}dataPointsChanged(t){this.dataPoints=t}legendChanged(t){this.legend=t}yAxisVisibilityChanged(t){this.yAxisVisible=t}componentDidLoad(){this.updateDimensions(),this.resizeObserver=new ResizeObserver((()=>this.updateDimensions())),this.hostElement.parentElement&&this.resizeObserver.observe(this.hostElement.parentElement)}disconnectedCallback(){this.resizeObserver&&this.resizeObserver.disconnect()}updateDimensions(){const t=this.hostElement.getBoundingClientRect();this.width=t.width,this.height=t.height>0?t.height:300}getTooltipItems(t){return this.chartData.reduce(((i,e)=>{const a=e.data[t];return a?(i.push({label:e?.label??"",value:String(a.value),seriesIndicatorColor:e?.seriesColor??""}),i):i}),[])}render(){if(this.chartLoading)return a("div",{class:"gids-line-chart__no-data"},a(r,{label:this.chartLoadingTitle,supportingText:this.chartLoadingSupportingText,size:this?.chartLoaderSize??"lg"}));const t=this.chartData.flatMap((t=>Array.isArray(t?.data)?t.data.map((t=>t.value)):[])),i=t.length>0?Math.max(...t):10,e=Math.pow(10,Math.floor(Math.log10(i||1)));let s=e;i/e<=2?s=e/5:i/e<=5&&(s=e/2);const n=Math.ceil(i/s)*s;let o=[];if(Array.isArray(this.dataPoints)&&this.dataPoints.length>0)o=[...this.dataPoints].sort(((t,i)=>t-i));else{const t=5,i=n/(t-1);for(let e=0;e<t;e++)o.push(Math.round(0+e*i))}const d=Math.max(...o,n)-0||1,g=this?.chartData?.[0]?.data?.map((t=>t.label))??[],c=g.length,p=h({breakpoint:this.breakpoint});let y=!1,_=!1;return"mobile"===this.breakpoint?"none"!==this.legend&&(y=!0):"top"===this.legend?y=!0:"right"===this.legend&&(_=!0),a("div",{class:p},y?a("div",{class:"gids-line-chart__header"},a("gids-chart-legend",{orientation:"horizontal"},this.chartData.map((t=>a("gids-chart-legend-item",{key:t.label,seriesColor:t?.seriesColor,orientation:"horizontal"},t.label))))):null,a("div",{class:"gids-line-chart__main-container"},a("div",{class:"gids-line-chart__grid-layout"},a("span",{class:"gids-line-chart__y-axis-label"},this.yAxisLabel),a("div",{class:"gids-line-chart__chart-stage-container"},this.yAxisVisible?a("div",{class:"gids-line-chart__y-axis-scale-container"},o.map((t=>a("span",{id:"y-value",class:"gids-line-chart__scale-text gids-line-chart__y-axis-scale-value",key:t,style:{bottom:(t-0)/d*100+"%"}},t)))):null,a("div",{class:"gids-line-chart__chart-stage"},a("svg",{viewBox:"0 0 100 100",class:"gids-line-chart__chart-vector",preserveAspectRatio:"none"},a("defs",null,this.chartData.map(((t,i)=>{const e=t?.fillGradientStartColor,s=t?.fillGradientEndColor;return a("linearGradient",{id:`areaGradient-${i}`,x1:"0",y1:"0",x2:"0",y2:"1",key:i},a("stop",{offset:"0%",style:{stopColor:e,stopOpacity:"1"}}),a("stop",{offset:"100%",style:{stopColor:s,stopOpacity:"0"}}))}))),o.map((t=>{const i=100-(t-0)/d*100;return a("line",{x1:"0",y1:i,x2:"100",y2:i,class:"gids-line-chart__grid-line",key:t})})),this.chartData.map(((t,i)=>{if(!Array.isArray(t.data)||t.data.length<2)return null;const e=t.data.map(((t,i)=>`${0===i?"M":"L"} ${i/(c-1)*100} ${100-(t.value-0)/d*100}`)).join(" ");return a("g",{key:t.label||i},a("path",{d:`${e} L 100 100 L 0 100 Z`,fill:`url(#areaGradient-${i})`,opacity:t?.fillOpacity??"0.1",class:"gids-line-chart__chart-area"}),a("path",{d:e,class:"gids-line-chart__chart-line",fill:"none",style:{stroke:t?.seriesColor,strokeWidth:"2px"}}))})),a("rect",{x:"0",y:"0",width:"100",height:"100",fill:"transparent","pointer-events":"all",onMouseMove:t=>{const i=t.currentTarget.getBoundingClientRect(),e=Math.round((t.clientX-i.left)/i.width*(c-1));this.hoveredIndex=e,this.tooltip={visible:!0,x:t.clientX,y:t.clientY}},onMouseLeave:()=>{this.hoveredIndex=null,this.tooltip={...this.tooltip,visible:!1}}})),null!==this.hoveredIndex&&this.chartData.map(((t,i)=>{if(null===this.hoveredIndex)return;const e=this.hoveredIndex,s=t.data[e];return s?a("div",{id:`chart-dot-${i}`,class:"gids-line-chart__hover-dot",style:{left:e/(c-1)*100+"%",top:100-(s.value-0)/d*100+"%"}},a(l,{name:"new",size:"xs",appearance:"filled",style:{"--gidsIcon-color":t.seriesColor}})):null})),a("gids-advanced-tooltip",{visible:this.tooltip.visible,x:this.tooltip.x,y:this.tooltip.y,items:null!==this.hoveredIndex?this.getTooltipItems(this.hoveredIndex):[]}))),a("div",{class:"gids-line-chart__x-axis-scale-container"},g.map(((t,i)=>a("span",{class:"gids-line-chart__scale-text",key:i},t)))),a("span",{class:"gids-line-chart__x-axis-label"},this.xAxisLabel)),_?a("gids-chart-legend",{orientation:"vertical"},this.chartData.map((t=>a("gids-chart-legend-item",{key:t.label,seriesColor:t?.seriesColor,orientation:"vertical"},t.label)))):null))}get hostElement(){return this}static get watchers(){return{chartData:[{chartDataChanged:0}],dataPoints:[{dataPointsChanged:0}],legend:[{legendChanged:0}],yAxisVisible:[{yAxisVisibilityChanged:0}]}}static get style(){return":host{display:block;width:100%;height:100%;box-sizing:border-box}.gids-line-chart{display:flex;flex-direction:column;width:100%;height:100%;box-sizing:border-box}.gids-line-chart--breakpoint-mobile{max-width:var(--gids-width-xs)}.gids-line-chart__main-container{display:flex;gap:var(--gids-gap-200)}.gids-line-chart__header{display:flex;justify-content:flex-end;align-items:center;width:100%;margin-bottom:var(--gids-padding-vertical-edge-to-element-200)}.gids-line-chart__grid-layout{display:grid;grid-template-columns:auto 1fr;grid-template-rows:minmax(180px, 280px) auto auto;flex:1;width:100%;height:100%;box-sizing:border-box}.gids-line-chart__y-axis-label{grid-column:1;grid-row:1;display:flex;align-items:center;justify-content:center;margin-right:var(--gids-padding-horizontal-edge-to-element-600);font-family:var(--gids-typography-label-x-small__font-family);font-size:var(--gids-typography-label-x-small__font-size);font-weight:var(--gids-typography-label-x-small__font-weight);letter-spacing:var(--gids-typography-label-x-small__letter-spacing);line-height:var(--gids-typography-label-x-small__line-height);text-transform:var(--gids-typography-label-x-small__text-transform, inherit);font-variant-caps:var(--gids-typography-label-x-small__font-variant-caps, inherit);color:var(--gids-color-text-subtlest);writing-mode:vertical-rl;transform:rotate(180deg);white-space:nowrap}.gids-line-chart__chart-stage-container{grid-column:2;grid-row:1;position:relative;width:100%;height:100%;padding-left:var(--gids-container-padding-desktop);box-sizing:border-box}.gids-line-chart__y-axis-scale-container{position:absolute;top:0;bottom:0;left:0;width:calc(var(--gids-container-padding-desktop) - var(--gids-padding-horizontal-edge-to-element-100));pointer-events:none}.gids-line-chart__y-axis-scale-value{position:absolute;right:0;transform:translateY(50%);margin-right:var(--gids-padding-horizontal-edge-to-element-100)}.gids-line-chart__chart-stage{position:relative;width:100%;height:100%;border-bottom:var(--gids-border-width-thin) solid var(--gids-color-border-default);box-sizing:border-box}.gids-line-chart__chart-vector{display:block;width:100%;height:100%;overflow:visible}.gids-line-chart__grid-line{stroke:var(--gids-color-border-default);stroke-width:0.5;fill:none}.gids-line-chart__chart-area{stroke:none}.gids-line-chart__chart-line{fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.gids-line-chart__x-axis-scale-container{display:flex;grid-column:2;grid-row:2;justify-content:space-between;align-items:center;padding-left:var(--gids-container-padding-desktop);padding-top:var(--gids-padding-vertical-edge-to-element-200);gap:var(--gids-gap-050);box-sizing:border-box}.gids-line-chart__x-axis-label{grid-column:2;grid-row:3;display:flex;justify-content:center;align-items:center;padding-top:var(--gids-padding-vertical-edge-to-element-100);font-family:var(--gids-typography-label-x-small__font-family);font-size:var(--gids-typography-label-x-small__font-size);font-weight:var(--gids-typography-label-x-small__font-weight);letter-spacing:var(--gids-typography-label-x-small__letter-spacing);line-height:var(--gids-typography-label-x-small__line-height);text-transform:var(--gids-typography-label-x-small__text-transform, inherit);font-variant-caps:var(--gids-typography-label-x-small__font-variant-caps, inherit);color:var(--gids-color-text-subtlest);white-space:nowrap}.gids-line-chart__scale-text{font-family:var(--gids-typography-label-x-small__font-family);font-size:var(--gids-typography-label-x-small__font-size);font-weight:var(--gids-typography-label-x-small__font-weight);letter-spacing:var(--gids-typography-label-x-small__letter-spacing);line-height:var(--gids-typography-label-x-small__line-height);text-transform:var(--gids-typography-label-x-small__text-transform, inherit);font-variant-caps:var(--gids-typography-label-x-small__font-variant-caps, inherit);color:var(--gids-color-text-subtlest);user-select:none;white-space:nowrap}.gids-line-chart__no-data{display:flex;align-items:center;justify-content:center;padding:var(--gids-padding-vertical-edge-to-element-300) var(--gids-padding-horizontal-edge-to-element-100);width:100%;height:100%;min-height:200px;color:var(--gids-color-text-subtlest);border:var(--gids-border-width-thin) dashed var(--gids-color-border-default);border-radius:var(--gids-border-radius-md)}.gids-line-chart__hover-dot{position:absolute;transform:translate(-50%, -50%);pointer-events:none;z-index:20}"}},[0,"gids-line-chart",{breakpoint:[1],legend:[1],chartData:[16],yAxisVisible:[4,"y-axis-visible"],xAxisLabel:[1,"x-axis-label"],yAxisLabel:[1,"y-axis-label"],dataPoints:[16],chartLoaderSize:[1,"chart-loader-size"],chartLoading:[4,"chart-loading"],chartLoadingTitle:[1,"chart-loading-title"],chartLoadingSupportingText:[1,"chart-loading-supporting-text"],width:[32],height:[32],hoveredIndex:[32],tooltip:[32]},void 0,{chartData:[{chartDataChanged:0}],dataPoints:[{dataPointsChanged:0}],legend:[{legendChanged:0}],yAxisVisible:[{yAxisVisibilityChanged:0}]}]);function c(){"undefined"!=typeof customElements&&["gids-line-chart","gids-advanced-tooltip","gids-chart-legend","gids-chart-legend-item"].forEach((i=>{switch(i){case"gids-line-chart":customElements.get(t(i))||customElements.define(t(i),g);break;case"gids-advanced-tooltip":customElements.get(t(i))||n();break;case"gids-chart-legend":customElements.get(t(i))||o();break;case"gids-chart-legend-item":customElements.get(t(i))||d()}}))}c();export{g as G,c as d}
@@ -1 +1 @@
1
- import{t as e,p as t,H as a,h as i}from"./p-Bf3p-DY2.js";import{G as r}from"./p-D4Pimu_8.js";import{GidsChartLegendItemWebUtils as s}from"@ganpatiinfo/gids-web-shared";const{getGidsChartLegendItemClassNames:n}=s,o=t(class extends a{constructor(e){super(),!1!==e&&this.__registerHost(),this.orientation="horizontal",this.seriesType="1"}handleOrientationChange(e){this.orientation=e}handleSeriesTypeChange(e){this.seriesType=e}handleSeriesColorChange(e){this.seriesColor=e}render(){const e=this.seriesColor,t=e&&""!==e,a=n({seriesType:t?"none":this.seriesType,orientation:this.orientation});return i("div",{key:"47ef7cb59fa7ffc5b285d7d1e717edd53ae2e729",class:a},i("div",{key:"d2ff5aae2e3c2f0978a529b07aec6578170ffb15",class:"vertical"===this.orientation?"gids-chart-legend-item__dot-wrapper-vertical":"gids-chart-legend-item__dot-wrapper-horizontal"},i(r,{key:"f77b68781d1fc3a70359f7d2e019a32f762e9f08",name:"new",alt:"new_icon",appearance:"filled",style:t?{"--gidsIcon-color":e}:{}})),i("span",{key:"960a2f79f4eb0b4432d7e4ce2ab33f0ea8b756e0",class:"gids-chart-legend-item__label"},i("slot",{key:"c614cfba777ae00cf83ad60f971bd060b78603e0"})))}static get watchers(){return{orientation:[{handleOrientationChange:0}],seriesType:[{handleSeriesTypeChange:0}],seriesColor:[{handleSeriesColorChange:0}]}}static get style(){return".gids-chart-legend-item{display:flex;align-items:center;gap:var(--gids-gap-100);--gidsChartLegendItemIcon-color:var(--gids-color-icon-subtle);--gidsIcon-color:var(--gidsChartLegendItemIcon-color);--gidsIcon-height:var(--gids-size-080)}.gids-chart-legend-item--orientation-vertical{display:flex}.gids-chart-legend-item--series-2{--gidsChartLegendItemIcon-color:var(--gids-color-icon-warning)}.gids-chart-legend-item--series-3{--gidsChartLegendItemIcon-color:var(--gids-color-icon-danger)}.gids-chart-legend-item--series-4{--gidsChartLegendItemIcon-color:var(--gids-color-background-positive-bold-hovered)}.gids-chart-legend-item--series-5{--gidsChartLegendItemIcon-color:var(--gids-color-background-information-bold-default)}.gids-chart-legend-item--series-6{--gidsChartLegendItemIcon-color:rgb(238, 70, 188)}.gids-chart-legend-item__label{font-family:var(--gids-typography-label-small__font-family);font-size:var(--gids-typography-label-small__font-size);font-weight:var(--gids-typography-label-small__font-weight);letter-spacing:var(--gids-typography-label-small__letter-spacing);line-height:var(--gids-typography-label-small__line-height);text-transform:var(--gids-typography-label-small__text-transform, inherit);font-variant-caps:var(--gids-typography-label-small__font-variant-caps, inherit);text-align:left;color:var(--gids-color-text-subtlest)}.gids-chart-legend-item__dot-wrapper-vertical{display:flex;padding-top:var(--gids-padding-vertical-edge-to-element-075)}.gids-chart-legend-item__dot-wrapper-horizontal{display:flex;align-items:center}"}},[260,"gids-chart-legend-item",{orientation:[1],seriesType:[1,"series-type"],seriesColor:[1,"series-color"]},void 0,{orientation:[{handleOrientationChange:0}],seriesType:[{handleSeriesTypeChange:0}],seriesColor:[{handleSeriesColorChange:0}]}]);function l(){"undefined"!=typeof customElements&&["gids-chart-legend-item"].forEach((t=>{"gids-chart-legend-item"===t&&(customElements.get(e(t))||customElements.define(e(t),o))}))}l();export{o as G,l as d}
1
+ import{t as e,p as t,H as a,h as i}from"./p-Bf3p-DY2.js";import{G as r}from"./p-D4Pimu_8.js";import{GidsChartLegendItemWebUtils as s}from"@ganpatiinfo/gids-web-shared";const{getGidsChartLegendItemClassNames:n}=s,o=t(class extends a{constructor(e){super(),!1!==e&&this.__registerHost(),this.orientation="horizontal",this.seriesType="1"}handleOrientationChange(e){this.orientation=e}handleSeriesTypeChange(e){this.seriesType=e}handleSeriesColorChange(e){this.seriesColor=e}render(){const e=this.seriesColor,t=e&&""!==e,a=n({seriesType:t?"none":this.seriesType,orientation:this.orientation});return i("div",{key:"ca543ca5462e15113d66a6be93e565751433bb96",class:a},i("div",{key:"78951ec28f3ae6753ca538e456f393514229ff4b",class:"vertical"===this.orientation?"gids-chart-legend-item__dot-wrapper-vertical":"gids-chart-legend-item__dot-wrapper-horizontal"},i(r,{key:"81aa6b456c2bcad7fcf9fbad82d66906f3cf4959",name:"new",alt:"new_icon",appearance:"filled",style:t?{"--gidsIcon-color":e}:{}})),i("span",{key:"9d23d232d1351d8d535c213118b2f0cc2caed629",class:"gids-chart-legend-item__label"},i("slot",{key:"33e5ef6da9de59e00057baa5e61e5a448999ac8a"})))}static get watchers(){return{orientation:[{handleOrientationChange:0}],seriesType:[{handleSeriesTypeChange:0}],seriesColor:[{handleSeriesColorChange:0}]}}static get style(){return".gids-chart-legend-item{display:flex;align-items:center;gap:var(--gids-gap-100);--gidsChartLegendItemIcon-color:var(--gids-color-icon-subtle);--gidsIcon-color:var(--gidsChartLegendItemIcon-color);--gidsIcon-height:var(--gids-size-080)}.gids-chart-legend-item--orientation-vertical{display:flex}.gids-chart-legend-item--series-2{--gidsChartLegendItemIcon-color:var(--gids-color-icon-warning)}.gids-chart-legend-item--series-3{--gidsChartLegendItemIcon-color:var(--gids-color-icon-danger)}.gids-chart-legend-item--series-4{--gidsChartLegendItemIcon-color:var(--gids-color-background-positive-bold-hovered)}.gids-chart-legend-item--series-5{--gidsChartLegendItemIcon-color:var(--gids-color-background-information-bold-default)}.gids-chart-legend-item--series-6{--gidsChartLegendItemIcon-color:rgb(238, 70, 188)}.gids-chart-legend-item__label{font-family:var(--gids-typography-label-small__font-family);font-size:var(--gids-typography-label-small__font-size);font-weight:var(--gids-typography-label-small__font-weight);letter-spacing:var(--gids-typography-label-small__letter-spacing);line-height:var(--gids-typography-label-small__line-height);text-transform:var(--gids-typography-label-small__text-transform, inherit);font-variant-caps:var(--gids-typography-label-small__font-variant-caps, inherit);text-align:left;color:var(--gids-color-text-subtlest)}.gids-chart-legend-item__dot-wrapper-vertical{display:flex;padding-top:var(--gids-padding-vertical-edge-to-element-075)}.gids-chart-legend-item__dot-wrapper-horizontal{display:flex;align-items:center}"}},[260,"gids-chart-legend-item",{orientation:[1],seriesType:[1,"series-type"],seriesColor:[1,"series-color"]},void 0,{orientation:[{handleOrientationChange:0}],seriesType:[{handleSeriesTypeChange:0}],seriesColor:[{handleSeriesColorChange:0}]}]);function l(){"undefined"!=typeof customElements&&["gids-chart-legend-item"].forEach((t=>{"gids-chart-legend-item"===t&&(customElements.get(e(t))||customElements.define(e(t),o))}))}l();export{o as G,l as d}
@@ -1 +1 @@
1
- import{t as e,p as i,H as t,h as s}from"./p-Bf3p-DY2.js";import{GidsPieChartWebUtils as r}from"@ganpatiinfo/gids-web-shared";import{G as a}from"./p-DMNS1d8v.js";import{d}from"./p-Df5xaj-o.js";import{d as h}from"./p-DshXkAUj.js";const{getGidsPieChartClassNames:g}=r,n=i(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.breakpoint="desktop",this.legendVisible=!1,this.chartData=[],this.size="xxs",this.chartLoaderSize="lg",this.chartLoading=!1,this.width=0,this.height=0}chartDataChanged(){this.updateDimensions()}legendVisibilityChanged(e){this.legendVisible=e}componentDidLoad(){this.updateDimensions(),this.resizeObserver=new ResizeObserver((()=>this.updateDimensions())),this.hostElement.parentElement&&this.resizeObserver.observe(this.hostElement.parentElement)}disconnectedCallback(){this.resizeObserver&&this.resizeObserver.disconnect()}updateDimensions(){const e=this.hostElement.getBoundingClientRect();this.width=e.width,this.height=e.height>0?e.height:240}render(){if(this.chartLoading)return s("div",{class:"gids-pie-chart__no-data"},s(a,{label:this.chartLoadingTitle,supportingText:this.chartLoadingSupportingText,size:this?.chartLoaderSize??"lg"}));const e=this.chartData.length,i=this.chartData.reduce(((e,i)=>e+(i.value||0)),0);let t=i;e<6&&e>0&&(t=i+i/e*(6-e));const r=t>0?t:1,d=g({breakpoint:this.breakpoint}),h=2*Math.PI*25;let n=0;return s("div",{class:d},s("div",{class:"gids-pie-chart__main-container"},s("div",{class:"gids-pie-chart__chart-stage-container"},s("div",{class:`gids-pie-chart__svg-wrapper gids-pie-chart__svg-wrapper--size-${this.size}`},s("svg",{viewBox:"0 0 100 100",class:"gids-pie-chart__chart-vector"},s("circle",{cx:"50",cy:"50",r:25,class:"gids-pie-chart__track-background"}),this.chartData.map(((e,i)=>{const t=(e.value||0)/r,a=`${t*h} ${h}`,d=-n*h;return n+=t,s("circle",{key:e.label||i,cx:"50",cy:"50",r:25,class:`gids-pie-chart__segment gids-pie-chart__segment-series-${i+1}`,"stroke-dasharray":a,"stroke-dashoffset":d,transform:"rotate(-90 50 50)"})}))))),this.legendVisible?s("div",{class:"gids-pie-chart__legend-container"},s("gids-chart-legend",{orientation:"vertical"},this.chartData.map(((e,i)=>s("gids-chart-legend-item",{key:e.label,seriesType:`${i+1}`,orientation:"vertical"},e.label))))):null))}get hostElement(){return this}static get watchers(){return{chartData:[{chartDataChanged:0}],legendVisible:[{legendVisibilityChanged:0}]}}static get style(){return":host{display:block;width:100%;height:100%;box-sizing:border-box}.gids-pie-chart{display:flex;flex-direction:column;width:100%;height:100%;box-sizing:border-box}.gids-pie-chart--breakpoint-mobile{max-width:var(--gids-width-xs)}.gids-pie-chart__main-container{display:inline-flex;justify-content:center;gap:var(--gids-gap-200);width:100%;height:100%}.gids-pie-chart__chart-stage-container{display:flex;justify-content:center;align-items:center}.gids-pie-chart{}.gids-pie-chart__svg-wrapper{position:relative;display:block;flex-shrink:0}.gids-pie-chart__svg-wrapper--size-xxs{width:180px;height:180px}.gids-pie-chart__svg-wrapper--size-xs{width:220px;height:220px}.gids-pie-chart__svg-wrapper--size-sm{width:260px;height:260px}.gids-pie-chart__svg-wrapper--size-md{width:300px;height:300px}.gids-pie-chart__svg-wrapper--size-lg{width:340px;height:340px}.gids-pie-chart__chart-vector{display:block;width:100%;height:100%}.gids-pie-chart{}.gids-pie-chart__track-background{fill:none;stroke:var(--gids-color-background-neutral-default);stroke-width:12;}.gids-pie-chart__segment{fill:none;stroke-width:12;stroke-linecap:butt;transition:stroke-dashoffset 0.3s ease;}.gids-pie-chart__segment.gids-pie-chart__segment-series-1{stroke:var(--gids-color-icon-subtle);}.gids-pie-chart__segment.gids-pie-chart__segment-series-2{stroke:var(--gids-color-icon-warning);}.gids-pie-chart__segment.gids-pie-chart__segment-series-3{stroke:var(--gids-color-icon-danger);}.gids-pie-chart__segment.gids-pie-chart__segment-series-4{stroke:var(--gids-color-background-positive-bold-hovered);}.gids-pie-chart__segment.gids-pie-chart__segment-series-5{stroke:var(--gids-color-background-information-bold-default);}.gids-pie-chart__segment.gids-pie-chart__segment-series-6{stroke:rgb(238, 70, 188);}.gids-pie-chart__legend-container{display:inline-flex;align-items:flex-start}.gids-pie-chart__no-data{display:flex;align-items:center;justify-content:center;padding:var(--gids-padding-vertical-edge-to-element-300) var(--gids-padding-horizontal-edge-to-element-100);width:100%;height:100%;min-height:200px;color:var(--gids-color-text-subtlest);border:var(--gids-border-width-thin) dashed var(--gids-color-border-default);border-radius:var(--gids-border-radius-md)}"}},[0,"gids-pie-chart",{breakpoint:[1],legendVisible:[4,"legend-visible"],chartData:[16],size:[1],chartLoaderSize:[1,"chart-loader-size"],chartLoading:[4,"chart-loading"],chartLoadingTitle:[1,"chart-loading-title"],chartLoadingSupportingText:[1,"chart-loading-supporting-text"],width:[32],height:[32]},void 0,{chartData:[{chartDataChanged:0}],legendVisible:[{legendVisibilityChanged:0}]}]);function c(){"undefined"!=typeof customElements&&["gids-pie-chart","gids-chart-legend","gids-chart-legend-item"].forEach((i=>{switch(i){case"gids-pie-chart":customElements.get(e(i))||customElements.define(e(i),n);break;case"gids-chart-legend":customElements.get(e(i))||d();break;case"gids-chart-legend-item":customElements.get(e(i))||h()}}))}c();export{n as G,c as d}
1
+ import{t as e,p as i,H as t,h as s}from"./p-Bf3p-DY2.js";import{GidsPieChartWebUtils as r}from"@ganpatiinfo/gids-web-shared";import{G as a}from"./p-DMNS1d8v.js";import{d}from"./p-CiWZdp48.js";import{d as g}from"./p-DAuO4g6g.js";const{getGidsPieChartClassNames:h}=r,n=i(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.breakpoint="desktop",this.legendVisible=!1,this.chartData=[],this.size="xxs",this.chartLoaderSize="lg",this.chartLoading=!1,this.width=0,this.height=0}chartDataChanged(){this.updateDimensions()}legendVisibilityChanged(e){this.legendVisible=e}componentDidLoad(){this.updateDimensions(),this.resizeObserver=new ResizeObserver((()=>this.updateDimensions())),this.hostElement.parentElement&&this.resizeObserver.observe(this.hostElement.parentElement)}disconnectedCallback(){this.resizeObserver&&this.resizeObserver.disconnect()}updateDimensions(){const e=this.hostElement.getBoundingClientRect();this.width=e.width,this.height=e.height>0?e.height:240}render(){if(this.chartLoading)return s("div",{class:"gids-pie-chart__no-data"},s(a,{label:this.chartLoadingTitle,supportingText:this.chartLoadingSupportingText,size:this?.chartLoaderSize??"lg"}));const e=this.chartData.length,i=this.chartData.reduce(((e,i)=>e+(i.value||0)),0);let t=i;e<6&&e>0&&(t=i+i/e*(6-e));const r=t>0?t:1,d=h({breakpoint:this.breakpoint}),g=2*Math.PI*25;let n=0;return s("div",{class:d},s("div",{class:"gids-pie-chart__main-container"},s("div",{class:"gids-pie-chart__chart-stage-container"},s("div",{class:`gids-pie-chart__svg-wrapper gids-pie-chart__svg-wrapper--size-${this.size}`},s("svg",{viewBox:"0 0 100 100",class:"gids-pie-chart__chart-vector"},s("circle",{cx:"50",cy:"50",r:25,class:"gids-pie-chart__track-background"}),this.chartData.map(((e,i)=>{const t=(e.value||0)/r,a=`${t*g} ${g}`,d=-n*g;return n+=t,s("circle",{key:e.label||i,cx:"50",cy:"50",r:25,class:`gids-pie-chart__segment gids-pie-chart__segment-series-${i+1}`,"stroke-dasharray":a,"stroke-dashoffset":d,transform:"rotate(-90 50 50)"})}))))),this.legendVisible?s("div",{class:"gids-pie-chart__legend-container"},s("gids-chart-legend",{orientation:"vertical"},this.chartData.map(((e,i)=>s("gids-chart-legend-item",{key:e.label,seriesType:`${i+1}`,orientation:"vertical"},e.label))))):null))}get hostElement(){return this}static get watchers(){return{chartData:[{chartDataChanged:0}],legendVisible:[{legendVisibilityChanged:0}]}}static get style(){return":host{display:block;width:100%;height:100%;box-sizing:border-box}.gids-pie-chart{display:flex;flex-direction:column;width:100%;height:100%;box-sizing:border-box}.gids-pie-chart--breakpoint-mobile{max-width:var(--gids-width-xs)}.gids-pie-chart__main-container{display:inline-flex;justify-content:center;gap:var(--gids-gap-200);width:100%;height:100%}.gids-pie-chart__chart-stage-container{display:flex;justify-content:center;align-items:center}.gids-pie-chart{}.gids-pie-chart__svg-wrapper{position:relative;display:block;flex-shrink:0}.gids-pie-chart__svg-wrapper--size-xxs{width:180px;height:180px}.gids-pie-chart__svg-wrapper--size-xs{width:220px;height:220px}.gids-pie-chart__svg-wrapper--size-sm{width:260px;height:260px}.gids-pie-chart__svg-wrapper--size-md{width:300px;height:300px}.gids-pie-chart__svg-wrapper--size-lg{width:340px;height:340px}.gids-pie-chart__chart-vector{display:block;width:100%;height:100%}.gids-pie-chart{}.gids-pie-chart__track-background{fill:none;stroke:var(--gids-color-background-neutral-default);stroke-width:12;}.gids-pie-chart__segment{fill:none;stroke-width:12;stroke-linecap:butt;transition:stroke-dashoffset 0.3s ease;}.gids-pie-chart__segment.gids-pie-chart__segment-series-1{stroke:var(--gids-color-icon-subtle);}.gids-pie-chart__segment.gids-pie-chart__segment-series-2{stroke:var(--gids-color-icon-warning);}.gids-pie-chart__segment.gids-pie-chart__segment-series-3{stroke:var(--gids-color-icon-danger);}.gids-pie-chart__segment.gids-pie-chart__segment-series-4{stroke:var(--gids-color-background-positive-bold-hovered);}.gids-pie-chart__segment.gids-pie-chart__segment-series-5{stroke:var(--gids-color-background-information-bold-default);}.gids-pie-chart__segment.gids-pie-chart__segment-series-6{stroke:rgb(238, 70, 188);}.gids-pie-chart__legend-container{display:inline-flex;align-items:flex-start}.gids-pie-chart__no-data{display:flex;align-items:center;justify-content:center;padding:var(--gids-padding-vertical-edge-to-element-300) var(--gids-padding-horizontal-edge-to-element-100);width:100%;height:100%;min-height:200px;color:var(--gids-color-text-subtlest);border:var(--gids-border-width-thin) dashed var(--gids-color-border-default);border-radius:var(--gids-border-radius-md)}"}},[0,"gids-pie-chart",{breakpoint:[1],legendVisible:[4,"legend-visible"],chartData:[16],size:[1],chartLoaderSize:[1,"chart-loader-size"],chartLoading:[4,"chart-loading"],chartLoadingTitle:[1,"chart-loading-title"],chartLoadingSupportingText:[1,"chart-loading-supporting-text"],width:[32],height:[32]},void 0,{chartData:[{chartDataChanged:0}],legendVisible:[{legendVisibilityChanged:0}]}]);function c(){"undefined"!=typeof customElements&&["gids-pie-chart","gids-chart-legend","gids-chart-legend-item"].forEach((i=>{switch(i){case"gids-pie-chart":customElements.get(e(i))||customElements.define(e(i),n);break;case"gids-chart-legend":customElements.get(e(i))||d();break;case"gids-chart-legend-item":customElements.get(e(i))||g()}}))}c();export{n as G,c as d}
@@ -1 +1 @@
1
- import{t as s,p as e,H as a,h as i}from"./p-Bf3p-DY2.js";import{g as d}from"./p-B2zUuNXz.js";import{GidsDotWebUtils as t}from"@ganpatiinfo/gids-web-shared";import{d as n}from"./p-Cyant-dw.js";const{getGidsDotClassNames:o}=t,h=e(class extends a{constructor(s){super(),!1!==s&&this.__registerHost(),this.appearance="subtle",this.size="xs",this.disabled=!1,this.activeClasses=""}handleExtraClassesAndSizeChange(s){this.activeClasses=o({size:this.size,appearance:this.appearance,disabled:this.disabled},s)}handleAppearanceChange(s){this.appearance=s}handleSizeChange(s){this.size=s}handleDisabledChange(s){this.disabled=s}connectedCallback(){const s=d();void 0!==s&&this._el.shadowRoot?.adoptedStyleSheets.push(s),this.activeClasses=o({size:this.size,appearance:this.appearance,disabled:this.disabled},this.extraClasses)}componentDidLoad(){this.activeClasses=o({size:this.size,appearance:this.appearance,disabled:this.disabled},this.extraClasses)}render(){return i("gids-icon",{key:"a204dacf153b91ff96a29edd42da79dcf5f839a6",class:this.activeClasses,name:"new",alt:"",appearance:"filled"})}get _el(){return this}static get watchers(){return{extraClasses:[{handleExtraClassesAndSizeChange:0}],appearance:[{handleExtraClassesAndSizeChange:0},{handleAppearanceChange:0}],size:[{handleExtraClassesAndSizeChange:0},{handleSizeChange:0}],disabled:[{handleExtraClassesAndSizeChange:0},{handleDisabledChange:0}]}}static get style(){return".gids-dot{display:flex;--gidsDotIcon-height:var(--gids-size-040);--gidsIcon-height:var(--gidsDotIcon-height);--gidsDotIcon-color:var(--gids-color-icon-subtle);--gidsIcon-color:var(--gidsDotIcon-color)}.gids-dot--sm{--gidsDotIcon-height:var(--gids-size-060)}.gids-dot--md{--gidsDotIcon-height:var(--gids-size-080)}.gids-dot--lg{--gidsDotIcon-height:var(--gids-size-100)}.gids-dot--xl{--gidsDotIcon-height:var(--gids-size-120)}.gids-dot--2xl{--gidsDotIcon-height:var(--gids-size-160)}.gids-dot--3xl{--gidsDotIcon-height:var(--gids-size-200)}.gids-dot--subtle{--gidsDotIcon-color:var(--gids-color-icon-subtle)}.gids-dot--static-inverse{--gidsDotIcon-color:var(--gids-color-icon-inverse)}.gids-dot--disabled{--gidsDotIcon-color:var(--gids-color-icon-disabled)}"}},[0,"gids-dot",{extraClasses:[513,"extra-classes"],appearance:[513],size:[513],disabled:[516],activeClasses:[32]},void 0,{extraClasses:[{handleExtraClassesAndSizeChange:0}],appearance:[{handleExtraClassesAndSizeChange:0},{handleAppearanceChange:0}],size:[{handleExtraClassesAndSizeChange:0},{handleSizeChange:0}],disabled:[{handleExtraClassesAndSizeChange:0},{handleDisabledChange:0}]}]);function g(){"undefined"!=typeof customElements&&["gids-dot","gids-icon"].forEach((e=>{switch(e){case"gids-dot":customElements.get(s(e))||customElements.define(s(e),h);break;case"gids-icon":customElements.get(s(e))||n()}}))}g();export{h as G,g as d}
1
+ import{t as s,p as e,H as a,h as i}from"./p-Bf3p-DY2.js";import{g as t}from"./p-B2zUuNXz.js";import{GidsDotWebUtils as d}from"@ganpatiinfo/gids-web-shared";import{d as n}from"./p-CCpxJ8wu.js";const{getGidsDotClassNames:o}=d,h=e(class extends a{constructor(s){super(),!1!==s&&this.__registerHost(),this.appearance="subtle",this.size="xs",this.disabled=!1,this.activeClasses=""}handleExtraClassesAndSizeChange(s){this.activeClasses=o({size:this.size,appearance:this.appearance,disabled:this.disabled},s)}handleAppearanceChange(s){this.appearance=s}handleSizeChange(s){this.size=s}handleDisabledChange(s){this.disabled=s}connectedCallback(){const s=t();void 0!==s&&this._el.shadowRoot?.adoptedStyleSheets.push(s),this.activeClasses=o({size:this.size,appearance:this.appearance,disabled:this.disabled},this.extraClasses)}componentDidLoad(){this.activeClasses=o({size:this.size,appearance:this.appearance,disabled:this.disabled},this.extraClasses)}render(){return i("gids-icon",{key:"5e38b94a7bcf1f43502815044e8e51b570d52d05",class:this.activeClasses,name:"new",alt:"",appearance:"filled"})}get _el(){return this}static get watchers(){return{extraClasses:[{handleExtraClassesAndSizeChange:0}],appearance:[{handleExtraClassesAndSizeChange:0},{handleAppearanceChange:0}],size:[{handleExtraClassesAndSizeChange:0},{handleSizeChange:0}],disabled:[{handleExtraClassesAndSizeChange:0},{handleDisabledChange:0}]}}static get style(){return".gids-dot{display:flex;--gidsDotIcon-height:var(--gids-size-040);--gidsIcon-height:var(--gidsDotIcon-height);--gidsDotIcon-color:var(--gids-color-icon-subtle);--gidsIcon-color:var(--gidsDotIcon-color)}.gids-dot--sm{--gidsDotIcon-height:var(--gids-size-060)}.gids-dot--md{--gidsDotIcon-height:var(--gids-size-080)}.gids-dot--lg{--gidsDotIcon-height:var(--gids-size-100)}.gids-dot--xl{--gidsDotIcon-height:var(--gids-size-120)}.gids-dot--2xl{--gidsDotIcon-height:var(--gids-size-160)}.gids-dot--3xl{--gidsDotIcon-height:var(--gids-size-200)}.gids-dot--subtle{--gidsDotIcon-color:var(--gids-color-icon-subtle)}.gids-dot--static-inverse{--gidsDotIcon-color:var(--gids-color-icon-inverse)}.gids-dot--disabled{--gidsDotIcon-color:var(--gids-color-icon-disabled)}"}},[0,"gids-dot",{extraClasses:[513,"extra-classes"],appearance:[513],size:[513],disabled:[516],activeClasses:[32]},void 0,{extraClasses:[{handleExtraClassesAndSizeChange:0}],appearance:[{handleExtraClassesAndSizeChange:0},{handleAppearanceChange:0}],size:[{handleExtraClassesAndSizeChange:0},{handleSizeChange:0}],disabled:[{handleExtraClassesAndSizeChange:0},{handleDisabledChange:0}]}]);function g(){"undefined"!=typeof customElements&&["gids-dot","gids-icon"].forEach((e=>{switch(e){case"gids-dot":customElements.get(s(e))||customElements.define(s(e),h);break;case"gids-icon":customElements.get(s(e))||n()}}))}g();export{h as G,g as d}
@@ -0,0 +1 @@
1
+ import{h as e}from"./p-Bf3p-DY2.js";import{GidsDropdownItemWebUtils as s}from"@ganpatiinfo/gids-web-shared";import{b as t}from"./p-BrYLEey4.js";const{getGidsDropdownItemClassNames:d}=s,i=({id:s,title:i,class:o,selected:l=!1,disabled:r=!1,role:a="list-item-option",value:n,name:c,onPressDropdownItem:m,index:p,defaultSelected:f,leadingAccessory:u,divider:b,isPlaceholderItem:I,...v})=>{const g=d("string"==typeof o?o:void 0);return e(t,{id:s,index:p??0,defaultSelected:f,selected:l,disabled:r,role:a,value:n,name:c,leadingAccessory:u,class:g,onPressListItem:e=>{if(e.defaultPrevented)return;const t=new CustomEvent("onPressDropdownItem",{bubbles:!0,composed:!0,detail:{id:s,title:i,value:n,disabled:r,selectedIndex:p,defaultSelected:f,isPlaceholderItem:I}});m?.(t)},divider:b,isPlaceholderItem:I,...v},i)};export{i as G}
@@ -1 +1 @@
1
- import{t,p as i,H as s,h as e,d as a}from"./p-Bf3p-DY2.js";import{GidsFieldWebUtils as o}from"@ganpatiinfo/gids-web-shared";import{G as r}from"./p-D4Pimu_8.js";import{g as n}from"./p-B2zUuNXz.js";const{getGidsFieldClassNames:l}=o,d=i(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.status="implicit",this._hasLabel=!1,this._controlListenerTargets=[],this._controlTouched=!1,this._handleLabelSlotChange=()=>{this._hasLabel=(this._labelSlot?.assignedElements()?.length??0)>0},this._setLabelSlot=t=>{this._labelSlot=t??void 0,this._handleLabelSlotChange()},this._setControlSlot=t=>{this._controlSlot=t??void 0,this._handleControlSlotChange()},this._handleControlSlotChange=()=>{const t=this._controlSlot?.assignedNodes({flatten:!0})??[],i=this._findTextControl(t);this._attachControlElement(i)},this._handleControlValueInput=t=>{if(!this._controlTouched){const i=t.target;i instanceof HTMLInputElement&&("checkbox"===i.type||"radio"===i.type)&&(this._controlTouched=!0)}this._updateControlValidationState()},this._handleControlBlur=()=>{this._controlTouched=!0,this._updateControlValidationState()},this._handleControlInvalid=()=>{this._controlTouched=!0,this._updateControlValidationState()},this._handleFormReset=()=>{this._controlTouched=!1,this._updateControlValidationState()},this._handleFormSubmit=()=>{this._controlTouched=!0,this._updateControlValidationState()}}_handleStatusChange(){this._isImplicitStatus()||void 0===this._controlValidationMessage?this._updateControlValidationState():this._controlValidationMessage=void 0}connectedCallback(){const t=n();void 0!==t&&this._el.shadowRoot?.adoptedStyleSheets.push(t)}componentDidLoad(){setTimeout((()=>{this._handleControlSlotChange(),this._handleLabelSlotChange()}))}async reScanControl(){this._handleControlSlotChange()}disconnectedCallback(){this._detachControlElement(),this._detachFormListeners()}render(){const t=this._hasStatusText(),i=void 0!==this._controlValidationMessage?this._controlValidationMessage:this._shouldRenderExplicitStatusText()?this.statusText:void 0,s=this._getCurrentStatus(),o=["gids-field__status-text"];if(t){const t=this._getStatusModifierClass(s,"gids-field__status-text");null!=t&&o.push(t)}return e(a,{key:"04e91bbfe28bfeccc9f7e26f68bca78e4cb2c2f8"},e("div",{key:"ca99c8bbfac4b2974d55aeb215d36ab6725e6397",class:l()},e("div",{key:"87cb9e7457e76e85230813524f8c1bae588589c2",class:"gids-field__header",hidden:!this._hasLabelContent()},e("slot",{key:"48743dccc0c7a29461ab1333a71b34058c43f194",ref:this._setLabelSlot,name:"label",onSlotchange:this._handleControlSlotChange}),e("div",{key:"42e854a1e83c75eeb35a4df7354d1310ea49627f",class:"gids-field__count","aria-live":"polite"},this.count)),e("div",{key:"0583dca7c9bc05530f4c7588a0a7fa592b90fbd8",class:"gids-field__control"},e("slot",{key:"bb2ae2641451b497b1b5f8df40d645ef07935eaa",ref:this._setControlSlot,onSlotchange:this._handleControlSlotChange})),e("p",{key:"9498d95ece5f84d07e621653cfae8e5a3854c9dd",class:"gids-field__supporting-text",hidden:!this._shouldShowHelperText()},this.helperText),t?e("p",{class:o.join(" "),role:"status","aria-live":"polite"},this._renderStatusIcon(s),void 0!==i?e("span",null,i):null):null))}_hasLabelContent(){return this._hasLabel}_hasHelperText(){return this._hasText(this.helperText)}_shouldShowHelperText(){return!!this._hasHelperText()&&!this._hasStatusText()}_hasStatusText(){return this._isImplicitStatus()?void 0!==this._controlValidationMessage:this._shouldRenderExplicitStatusText()}_shouldRenderExplicitStatusText(){return!this._isImplicitStatus()&&"default"!==this.status&&this._hasText(this.statusText)}_renderStatusIcon(t){if(!this._hasStatusText())return;const i=this._getStatusIconName(t);if(void 0===i)return;const s=["gids-field__status-icon"],a=this._getStatusModifierClass(t,"gids-field__status-icon");null!=a&&s.push(a);let o=t;return"error"===t&&(o="danger"),"success"===t&&(o="positive"),e(r,{appearance:"filled",size:"sm",alt:"",name:i,class:s.join(" "),style:{"--gidsIcon-color":`var(--gids-color-icon-${o})`}})}_getCurrentStatus(){return this._isImplicitStatus()&&null!=this._controlValidationMessage?"error":this.status??"implicit"}_getStatusIconName(t){if("implicit"!==t)return"success"===t?"positive":"error"===t?"danger":void 0}_isImplicitStatus(){return"implicit"===this.status||void 0===this.status}_hasText(t){return"string"==typeof t&&t.trim().length>0}_getStatusModifierClass(t,i){if("implicit"!==t)return`${i}--${t}`}_attachControlElement(t){if(this._controlElement===t)return this._updateControlValidationState(),void this._attachFormListeners(t?.form??this._el.closest("form"));if(this._detachControlElement(),this._controlElement=t,this._resetControlValidationState(),this._controlListenerTargets=[],t){const i=this._getControlListenerTargets(t);this._controlListenerTargets=i,i.forEach((t=>{t.addEventListener("input",this._handleControlValueInput),t.addEventListener("change",this._handleControlValueInput),t.addEventListener("blur",this._handleControlBlur,!0),t.addEventListener("invalid",this._handleControlInvalid)})),this._attachFormListeners(t.form??this._el.closest("form"))}this._updateControlValidationState()}_detachControlElement(){this._controlListenerTargets.length>0&&(this._controlListenerTargets?.forEach((t=>{t.removeEventListener("input",this._handleControlValueInput),t.removeEventListener("change",this._handleControlValueInput),t.removeEventListener("blur",this._handleControlBlur,!0),t.removeEventListener("invalid",this._handleControlInvalid)})),this._controlListenerTargets=[]),this._controlElement=null,this._resetControlValidationState(),this._detachFormListeners()}_getControlListenerTargets(t){return t instanceof HTMLInputElement&&"radio"===t.type&&null!=t.name?this._getRadioGroupControls(t):[t]}_getRadioGroupControls(t){const i=t.form;if(i&&null!=t.name){const s=i.elements.namedItem(t.name);if(s instanceof RadioNodeList){const t=Array.from(s).filter((t=>t instanceof HTMLInputElement&&"radio"===t.type&&this._el.contains(t)));if(t.length>0)return t}}if(null!=t.name){const i=`input[type="radio"][name="${CSS.escape(t.name)}"]`,s=Array.from(this._el.querySelectorAll(i));if(s.length>0)return s}return[t]}_attachFormListeners(t){void 0!==t&&(null!==t?t!==this._formElement&&(this._detachFormListeners(),this._formElement=t,this._formElement.addEventListener("reset",this._handleFormReset),this._formElement.addEventListener("submit",this._handleFormSubmit)):this._detachFormListeners())}_detachFormListeners(){this._formElement&&(this._formElement.removeEventListener("reset",this._handleFormReset),this._formElement.removeEventListener("submit",this._handleFormSubmit),this._formElement=null)}_findTextControl(t){for(const i of t){if(i.nodeType!==Node.ELEMENT_NODE)continue;const t=i,s=this._asTextControl(t);if(null!==s)return s;const e=t.querySelector("input, textarea");if(e instanceof HTMLInputElement||e instanceof HTMLTextAreaElement)return e}return null}_asTextControl(t){return t instanceof HTMLInputElement||t instanceof HTMLTextAreaElement?t:null}_resetControlValidationState(){this._controlTouched=!1,void 0!==this._controlValidationMessage&&(this._controlValidationMessage=void 0)}_updateControlValidationState(){if(!this._isImplicitStatus())return void(void 0!==this._controlValidationMessage&&(this._controlValidationMessage=void 0));const t=this._controlElement;if(!t||t.disabled)return void(void 0!==this._controlValidationMessage&&(this._controlValidationMessage=void 0));const i=t.validationMessage?.trim()??"";this._controlTouched&&t.matches(":user-invalid")&&i.length>0?this._controlValidationMessage!==i&&(this._controlValidationMessage=i):void 0!==this._controlValidationMessage&&(this._controlValidationMessage=void 0)}get _el(){return this}static get watchers(){return{status:[{_handleStatusChange:0}]}}static get style(){return".gids-field{display:flex;flex-direction:column;gap:var(--gids-gap-075)}.gids-field__header{display:flex;gap:var(--gids-gap-100);align-items:flex-start}.gids-field__header[hidden]{display:none}.gids-field__count{margin-left:auto;color:var(--gids-color-text-subtle);text-align:right;white-space:nowrap;font-family:var(--gids-typography-label-x-small__font-family);font-size:var(--gids-typography-label-x-small__font-size);font-weight:var(--gids-typography-label-x-small__font-weight);letter-spacing:var(--gids-typography-label-x-small__letter-spacing);line-height:var(--gids-typography-label-x-small__line-height);text-transform:var(--gids-typography-label-x-small__text-transform, inherit);font-variant-caps:var(--gids-typography-label-x-small__font-variant-caps, inherit)}:host([disabled]) .gids-field__count{color:var(--gids-color-text-disabled)}.gids-field__control{display:flex;flex-direction:column;gap:var(--gids-gap-050)}.gids-field__supporting-text,.gids-field__status-text{margin:0;padding-top:var(--gids-padding-vertical-edge-to-element-050);font-family:var(--gids-typography-paragraph-x-small__font-family);font-size:var(--gids-typography-paragraph-x-small__font-size);font-weight:var(--gids-typography-paragraph-x-small__font-weight);letter-spacing:var(--gids-typography-paragraph-x-small__letter-spacing);line-height:var(--gids-typography-paragraph-x-small__line-height);text-transform:var(--gids-typography-paragraph-x-small__text-transform, inherit);font-variant-caps:var(--gids-typography-paragraph-x-small__font-variant-caps, inherit)}.gids-field__supporting-text{color:var(--gids-color-text-subtlest)}.gids-field__status-text{display:flex;align-items:flex-start;gap:var(--gids-gap-050)}.gids-field__status-text .gids-field__status-icon{margin-top:max(0px, -1 * (var(--gids-size-160) - var(--gids-typograpy-paragraph-x-small__line-height) * var(--gids-typograpy-paragraph-x-small__font-size)) / 2)}.gids-field__status-text>span{margin-top:max(0px, (var(--gids-size-160) - var(--gids-typograpy-paragraph-x-small__line-height) * var(--gids-typograpy-paragraph-x-small__font-size)) / 2)}.gids-field__status-icon{flex-shrink:0}.gids-field__status-text--information{color:var(--gids-color-text-information);--gids-field-status-icon-color:$icon-color}.gids-field__status-icon--information{--gidsIcon-color:$icon-color}.gids-field__status-text--success{color:var(--gids-color-text-positive);--gids-field-status-icon-color:$icon-color}.gids-field__status-icon--success{--gidsIcon-color:$icon-color}.gids-field__status-text--warning{color:var(--gids-color-text-warning);--gids-field-status-icon-color:$icon-color}.gids-field__status-icon--warning{--gidsIcon-color:$icon-color}.gids-field__status-text--error{color:var(--gids-color-text-danger);--gids-field-status-icon-color:$icon-color}.gids-field__status-icon--error{--gidsIcon-color:$icon-color}"}},[257,"gids-field",{disabled:[516],count:[513],helperText:[513,"helper-text"],statusText:[513,"status-text"],status:[513],_controlValidationMessage:[32],_hasLabel:[32],reScanControl:[64]},void 0,{status:[{_handleStatusChange:0}]}]);function h(){"undefined"!=typeof customElements&&["gids-field"].forEach((i=>{"gids-field"===i&&(customElements.get(t(i))||customElements.define(t(i),d))}))}h();export{d as G,h as d}
1
+ import{t,p as i,H as s,h as e,d as a}from"./p-Bf3p-DY2.js";import{GidsFieldWebUtils as o}from"@ganpatiinfo/gids-web-shared";import{G as r}from"./p-D4Pimu_8.js";import{g as n}from"./p-B2zUuNXz.js";const{getGidsFieldClassNames:l}=o,d=i(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.status="implicit",this._hasLabel=!1,this._controlListenerTargets=[],this._controlTouched=!1,this._handleLabelSlotChange=()=>{this._hasLabel=(this._labelSlot?.assignedElements()?.length??0)>0},this._setLabelSlot=t=>{this._labelSlot=t??void 0,this._handleLabelSlotChange()},this._setControlSlot=t=>{this._controlSlot=t??void 0,this._handleControlSlotChange()},this._handleControlSlotChange=()=>{const t=this._controlSlot?.assignedNodes({flatten:!0})??[],i=this._findTextControl(t);this._attachControlElement(i)},this._handleControlValueInput=t=>{if(!this._controlTouched){const i=t.target;i instanceof HTMLInputElement&&("checkbox"===i.type||"radio"===i.type)&&(this._controlTouched=!0)}this._updateControlValidationState()},this._handleControlBlur=()=>{this._controlTouched=!0,this._updateControlValidationState()},this._handleControlInvalid=()=>{this._controlTouched=!0,this._updateControlValidationState()},this._handleFormReset=()=>{this._controlTouched=!1,this._updateControlValidationState()},this._handleFormSubmit=()=>{this._controlTouched=!0,this._updateControlValidationState()}}_handleStatusChange(){this._isImplicitStatus()||void 0===this._controlValidationMessage?this._updateControlValidationState():this._controlValidationMessage=void 0}connectedCallback(){const t=n();void 0!==t&&this._el.shadowRoot?.adoptedStyleSheets.push(t)}componentDidLoad(){setTimeout((()=>{this._handleControlSlotChange(),this._handleLabelSlotChange()}))}async reScanControl(){this._handleControlSlotChange()}disconnectedCallback(){this._detachControlElement(),this._detachFormListeners()}render(){const t=this._hasStatusText(),i=void 0!==this._controlValidationMessage?this._controlValidationMessage:this._shouldRenderExplicitStatusText()?this.statusText:void 0,s=this._getCurrentStatus(),o=["gids-field__status-text"];if(t){const t=this._getStatusModifierClass(s,"gids-field__status-text");null!=t&&o.push(t)}return e(a,{key:"7f674a66838197fe683f85296d7fd167fba5ff9d"},e("div",{key:"5679ac007f6d0f0aa4382b3a6bad542cff5f2966",class:l()},e("div",{key:"67d73571f6a8128e7373ea8d41d49dce557f39ab",class:"gids-field__header",hidden:!this._hasLabelContent()},e("slot",{key:"0431cdfb250434f45d553d9921b002511bbfb775",ref:this._setLabelSlot,name:"label",onSlotchange:this._handleControlSlotChange}),e("div",{key:"9fcc4055877708ddae999907000c85d473568c5c",class:"gids-field__count","aria-live":"polite"},this.count)),e("div",{key:"9d1cf6954d7b958c9250a5b4f6bcf9cddeddec2b",class:"gids-field__control"},e("slot",{key:"1c74237743475d245ec93b520566394c5a18eb7c",ref:this._setControlSlot,onSlotchange:this._handleControlSlotChange})),e("p",{key:"75123447715b194d6157d791682fc186f0eae495",class:"gids-field__supporting-text",hidden:!this._shouldShowHelperText()},this.helperText),t?e("p",{class:o.join(" "),role:"status","aria-live":"polite"},this._renderStatusIcon(s),void 0!==i?e("span",null,i):null):null))}_hasLabelContent(){return this._hasLabel}_hasHelperText(){return this._hasText(this.helperText)}_shouldShowHelperText(){return!!this._hasHelperText()&&!this._hasStatusText()}_hasStatusText(){return this._isImplicitStatus()?void 0!==this._controlValidationMessage:this._shouldRenderExplicitStatusText()}_shouldRenderExplicitStatusText(){return!this._isImplicitStatus()&&"default"!==this.status&&this._hasText(this.statusText)}_renderStatusIcon(t){if(!this._hasStatusText())return;const i=this._getStatusIconName(t);if(void 0===i)return;const s=["gids-field__status-icon"],a=this._getStatusModifierClass(t,"gids-field__status-icon");null!=a&&s.push(a);let o=t;return"error"===t&&(o="danger"),"success"===t&&(o="positive"),e(r,{appearance:"filled",size:"sm",alt:"",name:i,class:s.join(" "),style:{"--gidsIcon-color":`var(--gids-color-icon-${o})`}})}_getCurrentStatus(){return this._isImplicitStatus()&&null!=this._controlValidationMessage?"error":this.status??"implicit"}_getStatusIconName(t){if("implicit"!==t)return"success"===t?"positive":"error"===t?"danger":void 0}_isImplicitStatus(){return"implicit"===this.status||void 0===this.status}_hasText(t){return"string"==typeof t&&t.trim().length>0}_getStatusModifierClass(t,i){if("implicit"!==t)return`${i}--${t}`}_attachControlElement(t){if(this._controlElement===t)return this._updateControlValidationState(),void this._attachFormListeners(t?.form??this._el.closest("form"));if(this._detachControlElement(),this._controlElement=t,this._resetControlValidationState(),this._controlListenerTargets=[],t){const i=this._getControlListenerTargets(t);this._controlListenerTargets=i,i.forEach((t=>{t.addEventListener("input",this._handleControlValueInput),t.addEventListener("change",this._handleControlValueInput),t.addEventListener("blur",this._handleControlBlur,!0),t.addEventListener("invalid",this._handleControlInvalid)})),this._attachFormListeners(t.form??this._el.closest("form"))}this._updateControlValidationState()}_detachControlElement(){this._controlListenerTargets.length>0&&(this._controlListenerTargets?.forEach((t=>{t.removeEventListener("input",this._handleControlValueInput),t.removeEventListener("change",this._handleControlValueInput),t.removeEventListener("blur",this._handleControlBlur,!0),t.removeEventListener("invalid",this._handleControlInvalid)})),this._controlListenerTargets=[]),this._controlElement=null,this._resetControlValidationState(),this._detachFormListeners()}_getControlListenerTargets(t){return t instanceof HTMLInputElement&&"radio"===t.type&&null!=t.name?this._getRadioGroupControls(t):[t]}_getRadioGroupControls(t){const i=t.form;if(i&&null!=t.name){const s=i.elements.namedItem(t.name);if(s instanceof RadioNodeList){const t=Array.from(s).filter((t=>t instanceof HTMLInputElement&&"radio"===t.type&&this._el.contains(t)));if(t.length>0)return t}}if(null!=t.name){const i=`input[type="radio"][name="${CSS.escape(t.name)}"]`,s=Array.from(this._el.querySelectorAll(i));if(s.length>0)return s}return[t]}_attachFormListeners(t){void 0!==t&&(null!==t?t!==this._formElement&&(this._detachFormListeners(),this._formElement=t,this._formElement.addEventListener("reset",this._handleFormReset),this._formElement.addEventListener("submit",this._handleFormSubmit)):this._detachFormListeners())}_detachFormListeners(){this._formElement&&(this._formElement.removeEventListener("reset",this._handleFormReset),this._formElement.removeEventListener("submit",this._handleFormSubmit),this._formElement=null)}_findTextControl(t){for(const i of t){if(i.nodeType!==Node.ELEMENT_NODE)continue;const t=i,s=this._asTextControl(t);if(null!==s)return s;const e=t.querySelector("input, textarea");if(e instanceof HTMLInputElement||e instanceof HTMLTextAreaElement)return e}return null}_asTextControl(t){return t instanceof HTMLInputElement||t instanceof HTMLTextAreaElement?t:null}_resetControlValidationState(){this._controlTouched=!1,void 0!==this._controlValidationMessage&&(this._controlValidationMessage=void 0)}_updateControlValidationState(){if(!this._isImplicitStatus())return void(void 0!==this._controlValidationMessage&&(this._controlValidationMessage=void 0));const t=this._controlElement;if(!t||t.disabled)return void(void 0!==this._controlValidationMessage&&(this._controlValidationMessage=void 0));const i=t.validationMessage?.trim()??"";this._controlTouched&&t.matches(":user-invalid")&&i.length>0?this._controlValidationMessage!==i&&(this._controlValidationMessage=i):void 0!==this._controlValidationMessage&&(this._controlValidationMessage=void 0)}get _el(){return this}static get watchers(){return{status:[{_handleStatusChange:0}]}}static get style(){return".gids-field{display:flex;flex-direction:column;gap:var(--gids-gap-075)}.gids-field__header{display:flex;gap:var(--gids-gap-100);align-items:flex-start}.gids-field__header[hidden]{display:none}.gids-field__count{margin-left:auto;color:var(--gids-color-text-subtle);text-align:right;white-space:nowrap;font-family:var(--gids-typography-label-x-small__font-family);font-size:var(--gids-typography-label-x-small__font-size);font-weight:var(--gids-typography-label-x-small__font-weight);letter-spacing:var(--gids-typography-label-x-small__letter-spacing);line-height:var(--gids-typography-label-x-small__line-height);text-transform:var(--gids-typography-label-x-small__text-transform, inherit);font-variant-caps:var(--gids-typography-label-x-small__font-variant-caps, inherit)}:host([disabled]) .gids-field__count{color:var(--gids-color-text-disabled)}.gids-field__control{display:flex;flex-direction:column;gap:var(--gids-gap-050)}.gids-field__supporting-text,.gids-field__status-text{margin:0;padding-top:var(--gids-padding-vertical-edge-to-element-050);font-family:var(--gids-typography-paragraph-x-small__font-family);font-size:var(--gids-typography-paragraph-x-small__font-size);font-weight:var(--gids-typography-paragraph-x-small__font-weight);letter-spacing:var(--gids-typography-paragraph-x-small__letter-spacing);line-height:var(--gids-typography-paragraph-x-small__line-height);text-transform:var(--gids-typography-paragraph-x-small__text-transform, inherit);font-variant-caps:var(--gids-typography-paragraph-x-small__font-variant-caps, inherit)}.gids-field__supporting-text{color:var(--gids-color-text-subtlest)}.gids-field__status-text{display:flex;align-items:flex-start;gap:var(--gids-gap-050)}.gids-field__status-text .gids-field__status-icon{margin-top:max(0px, -1 * (var(--gids-size-160) - var(--gids-typograpy-paragraph-x-small__line-height) * var(--gids-typograpy-paragraph-x-small__font-size)) / 2)}.gids-field__status-text>span{margin-top:max(0px, (var(--gids-size-160) - var(--gids-typograpy-paragraph-x-small__line-height) * var(--gids-typograpy-paragraph-x-small__font-size)) / 2)}.gids-field__status-icon{flex-shrink:0}.gids-field__status-text--information{color:var(--gids-color-text-information);--gids-field-status-icon-color:$icon-color}.gids-field__status-icon--information{--gidsIcon-color:$icon-color}.gids-field__status-text--success{color:var(--gids-color-text-positive);--gids-field-status-icon-color:$icon-color}.gids-field__status-icon--success{--gidsIcon-color:$icon-color}.gids-field__status-text--warning{color:var(--gids-color-text-warning);--gids-field-status-icon-color:$icon-color}.gids-field__status-icon--warning{--gidsIcon-color:$icon-color}.gids-field__status-text--error{color:var(--gids-color-text-danger);--gids-field-status-icon-color:$icon-color}.gids-field__status-icon--error{--gidsIcon-color:$icon-color}"}},[257,"gids-field",{disabled:[516],count:[513],helperText:[513,"helper-text"],statusText:[513,"status-text"],status:[513],_controlValidationMessage:[32],_hasLabel:[32],reScanControl:[64]},void 0,{status:[{_handleStatusChange:0}]}]);function h(){"undefined"!=typeof customElements&&["gids-field"].forEach((i=>{"gids-field"===i&&(customElements.get(t(i))||customElements.define(t(i),d))}))}h();export{d as G,h as d}
@@ -1 +1 @@
1
- import{t,p as e,H as a,h as i,d as s}from"./p-Bf3p-DY2.js";import{autoUpdate as o,offset as l,flip as d,shift as n,arrow as r,computePosition as p,platform as c}from"@floating-ui/dom";import{e as g}from"./p-BKcvOO8o.js";import{GidsAdvancedTooltipWebUtils as h}from"@ganpatiinfo/gids-web-shared";import{g as m}from"./p-B2zUuNXz.js";import{G as v}from"./p-D4Pimu_8.js";const{getGidsAdvancedTooltipClassNames:f}=h,b=e(class extends a{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.visible=!1,this.x=0,this.y=0,this.offset=12,this.placement="top",this.items=[],this.currentPlacement="top"}connectedCallback(){const t=m();t&&this.host.shadowRoot?.adoptedStyleSheets.push(t)}componentDidLoad(){const t=this.host.shadowRoot;if(!t)return;const e=t.querySelector(".gids-advanced-tooltip__arrow");e instanceof a&&(this.tooltipElement=this.host,this.arrowElement=e,this.createVirtualReference(),this.startAutoUpdate(),this.updatePosition())}disconnectedCallback(){this.cleanupAutoUpdate?.()}visibleChanged(){this.updatePosition()}positionChanged(){this.updatePosition()}placementChanged(){this.updatePosition()}itemsChanged(){this.updatePosition()}createVirtualReference(){this.virtualReference||(this.virtualReference={getBoundingClientRect:()=>new DOMRect(this.x,this.y,0,0)})}startAutoUpdate(){this.cleanupAutoUpdate?.(),this.cleanupAutoUpdate=o(this.virtualReference,this.tooltipElement,(()=>{this.updatePosition()}),{ancestorScroll:!0,ancestorResize:!1,elementResize:!0,layoutShift:!0,animationFrame:!0})}getMiddleware(){return[l(this.offset),d({padding:this.offset}),n({padding:this.offset}),r({element:this.arrowElement,padding:this.offset})]}async updatePosition(){if(this.tooltipElement)try{const{x:t,y:e,placement:a,middlewareData:i}=await p(this.virtualReference,this.tooltipElement,{placement:this.placement,strategy:"fixed",middleware:this.getMiddleware(),platform:{...c,getOffsetParent:t=>c.getOffsetParent(t,g)}});if(this.currentPlacement=a,Object.assign(this.tooltipElement.style,{left:`${t}px`,top:`${e}px`,position:"fixed"}),i.arrow&&this.arrowElement){const{x:t,y:e}=i.arrow;let s;switch(a.split("-")[0]??"top"){case"top":s="bottom";break;case"right":s="left";break;case"bottom":s="top";break;default:s="right"}Object.assign(this.arrowElement.style,{left:null!=t?`${t}px`:"",top:null!=e?`${e}px`:"",right:"",bottom:"",[s]:"-5px",transform:"rotate(45deg)"})}}catch(t){console.error("computePosition failed",t)}}render(){const t=f({visible:this.visible});return i(s,{key:"48ba3ccc586208e069e5458b065a97ddd2848a7d",class:t,role:"tooltip",part:"tooltip"},i("div",{key:"be80b54e06ee897497128211b95462f9a4814ff4",class:"gids-advanced-tooltip__arrow",part:"arrow"}),i("div",{key:"4bf75d4393dab1b5eab736402af4eba4ccc508bf",class:"gids-advanced-tooltip__content"},this.items.map((t=>i("div",{class:"gids-advanced-tooltip__item",key:`${t.label}-${t.value}`},i("div",{class:"gids-advanced-tooltip__left"},i(v,{name:"new",size:"xs",appearance:"filled",style:{"--gidsIcon-color":t.seriesIndicatorColor}}),i("span",{class:"gids-advanced-tooltip__label"},t.label)),i("span",{class:"gids-advanced-tooltip__value"},t.value))))))}get host(){return this}static get watchers(){return{visible:[{visibleChanged:0}],x:[{positionChanged:0}],y:[{positionChanged:0}],placement:[{placementChanged:0}],items:[{itemsChanged:0}]}}static get style(){return".gids-advanced-tooltip{position:fixed;display:inline-flex;width:fit-content;height:fit-content;z-index:1001;--gidsAdvancedTooltip-background:var( --gids-color-background-neutral-bold-default );--gidsAdvancedTooltip-label-color:var(--gids-color-text-inverse);--gidsAdvancedTooltip-value-color:var(--gids-color-text-inverse)}.gids-advanced-tooltip--visible{opacity:1}.gids-advanced-tooltip__content{box-shadow:var(--gids-elevation-shadow-overlay);background:var(--gidsAdvancedTooltip-background);border-radius:var(--gids-border-radius-md);padding:var(--gids-padding-vertical-edge-to-element-150) var(--gids-padding-horizontal-edge-to-element-150);min-width:140px}.gids-advanced-tooltip__item{display:flex;justify-content:space-between;align-items:center;gap:var(--gids-gap-200)}.gids-advanced-tooltip__item+.gids-advanced-tooltip__item{margin-top:var(--gids-padding-vertical-edge-to-element-075)}.gids-advanced-tooltip__left{display:flex;align-items:center;gap:var(--gids-gap-100)}.gids-advanced-tooltip__arrow{position:absolute;width:10px;height:10px;background:var(--gidsAdvancedTooltip-background);backdrop-filter:calc(var(--gids-backdrop-blur-2-xl));transform:rotate(45deg)}.gids-advanced-tooltip__label{font-family:var(--gids-typography-label-small__font-family);font-size:var(--gids-typography-label-small__font-size);font-weight:var(--gids-typography-label-small__font-weight);letter-spacing:var(--gids-typography-label-small__letter-spacing);line-height:var(--gids-typography-label-small__line-height);text-transform:var(--gids-typography-label-small__text-transform, inherit);font-variant-caps:var(--gids-typography-label-small__font-variant-caps, inherit);color:var(--gidsAdvancedTooltip-label-color)}.gids-advanced-tooltip__value{font-family:var(--gids-typography-label-small__font-family);font-size:var(--gids-typography-label-small__font-size);font-weight:var(--gids-typography-label-small__font-weight);letter-spacing:var(--gids-typography-label-small__letter-spacing);line-height:var(--gids-typography-label-small__line-height);text-transform:var(--gids-typography-label-small__text-transform, inherit);font-variant-caps:var(--gids-typography-label-small__font-variant-caps, inherit);color:var(--gidsAdvancedTooltip-value-color);white-space:nowrap}"}},[1,"gids-advanced-tooltip",{visible:[516],x:[2],y:[2],offset:[2],placement:[1],items:[16],currentPlacement:[32]},void 0,{visible:[{visibleChanged:0}],x:[{positionChanged:0}],y:[{positionChanged:0}],placement:[{placementChanged:0}],items:[{itemsChanged:0}]}]);function _(){"undefined"!=typeof customElements&&["gids-advanced-tooltip"].forEach((e=>{"gids-advanced-tooltip"===e&&(customElements.get(t(e))||customElements.define(t(e),b))}))}_();export{b as G,_ as d}
1
+ import{t,p as e,H as i,h as a,d as s}from"./p-Bf3p-DY2.js";import{autoUpdate as o,offset as d,flip as l,shift as n,arrow as r,computePosition as p,platform as c}from"@floating-ui/dom";import{e as g}from"./p-BKcvOO8o.js";import{GidsAdvancedTooltipWebUtils as h}from"@ganpatiinfo/gids-web-shared";import{g as m}from"./p-B2zUuNXz.js";import{G as v}from"./p-D4Pimu_8.js";const{getGidsAdvancedTooltipClassNames:f}=h,b=e(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.visible=!1,this.x=0,this.y=0,this.offset=12,this.placement="top",this.items=[],this.currentPlacement="top"}connectedCallback(){const t=m();t&&this.host.shadowRoot?.adoptedStyleSheets.push(t)}componentDidLoad(){const t=this.host.shadowRoot;if(!t)return;const e=t.querySelector(".gids-advanced-tooltip__arrow");e instanceof i&&(this.tooltipElement=this.host,this.arrowElement=e,this.createVirtualReference(),this.startAutoUpdate(),this.updatePosition())}disconnectedCallback(){this.cleanupAutoUpdate?.()}visibleChanged(){this.updatePosition()}positionChanged(){this.updatePosition()}placementChanged(){this.updatePosition()}itemsChanged(){this.updatePosition()}createVirtualReference(){this.virtualReference||(this.virtualReference={getBoundingClientRect:()=>new DOMRect(this.x,this.y,0,0)})}startAutoUpdate(){this.cleanupAutoUpdate?.(),this.cleanupAutoUpdate=o(this.virtualReference,this.tooltipElement,(()=>{this.updatePosition()}),{ancestorScroll:!0,ancestorResize:!1,elementResize:!0,layoutShift:!0,animationFrame:!0})}getMiddleware(){return[d(this.offset),l({padding:this.offset}),n({padding:this.offset}),r({element:this.arrowElement,padding:this.offset})]}async updatePosition(){if(this.tooltipElement)try{const{x:t,y:e,placement:i,middlewareData:a}=await p(this.virtualReference,this.tooltipElement,{placement:this.placement,strategy:"fixed",middleware:this.getMiddleware(),platform:{...c,getOffsetParent:t=>c.getOffsetParent(t,g)}});if(this.currentPlacement=i,Object.assign(this.tooltipElement.style,{left:`${t}px`,top:`${e}px`,position:"fixed"}),a.arrow&&this.arrowElement){const{x:t,y:e}=a.arrow;let s;switch(i.split("-")[0]??"top"){case"top":s="bottom";break;case"right":s="left";break;case"bottom":s="top";break;default:s="right"}Object.assign(this.arrowElement.style,{left:null!=t?`${t}px`:"",top:null!=e?`${e}px`:"",right:"",bottom:"",[s]:"-5px",transform:"rotate(45deg)"})}}catch(t){console.error("computePosition failed",t)}}render(){const t=f({visible:this.visible});return a(s,{key:"2c70f3d6677ca6e2cf379250db5b6cdbb442c8fb",class:t,role:"tooltip",part:"tooltip"},a("div",{key:"45bb876df55d76fe4651b7a0e87bd714c5dcf828",class:"gids-advanced-tooltip__arrow",part:"arrow"}),a("div",{key:"634615debc56fa003fd07617fe3339464d3c6893",class:"gids-advanced-tooltip__content"},this.items.map((t=>a("div",{class:"gids-advanced-tooltip__item",key:`${t.label}-${t.value}`},a("div",{class:"gids-advanced-tooltip__left"},a(v,{name:"new",size:"xs",appearance:"filled",style:{"--gidsIcon-color":t.seriesIndicatorColor}}),a("span",{class:"gids-advanced-tooltip__label"},t.label)),a("span",{class:"gids-advanced-tooltip__value"},t.value))))))}get host(){return this}static get watchers(){return{visible:[{visibleChanged:0}],x:[{positionChanged:0}],y:[{positionChanged:0}],placement:[{placementChanged:0}],items:[{itemsChanged:0}]}}static get style(){return".gids-advanced-tooltip{position:fixed;display:inline-flex;width:fit-content;height:fit-content;z-index:1001;--gidsAdvancedTooltip-background:var( --gids-color-background-neutral-bold-default );--gidsAdvancedTooltip-label-color:var(--gids-color-text-inverse);--gidsAdvancedTooltip-value-color:var(--gids-color-text-inverse)}.gids-advanced-tooltip--visible{opacity:1}.gids-advanced-tooltip__content{box-shadow:var(--gids-elevation-shadow-overlay);background:var(--gidsAdvancedTooltip-background);border-radius:var(--gids-border-radius-md);padding:var(--gids-padding-vertical-edge-to-element-150) var(--gids-padding-horizontal-edge-to-element-150);min-width:140px}.gids-advanced-tooltip__item{display:flex;justify-content:space-between;align-items:center;gap:var(--gids-gap-200)}.gids-advanced-tooltip__item+.gids-advanced-tooltip__item{margin-top:var(--gids-padding-vertical-edge-to-element-075)}.gids-advanced-tooltip__left{display:flex;align-items:center;gap:var(--gids-gap-100)}.gids-advanced-tooltip__arrow{position:absolute;width:10px;height:10px;background:var(--gidsAdvancedTooltip-background);backdrop-filter:calc(var(--gids-backdrop-blur-2-xl));transform:rotate(45deg)}.gids-advanced-tooltip__label{font-family:var(--gids-typography-label-small__font-family);font-size:var(--gids-typography-label-small__font-size);font-weight:var(--gids-typography-label-small__font-weight);letter-spacing:var(--gids-typography-label-small__letter-spacing);line-height:var(--gids-typography-label-small__line-height);text-transform:var(--gids-typography-label-small__text-transform, inherit);font-variant-caps:var(--gids-typography-label-small__font-variant-caps, inherit);color:var(--gidsAdvancedTooltip-label-color)}.gids-advanced-tooltip__value{font-family:var(--gids-typography-label-small__font-family);font-size:var(--gids-typography-label-small__font-size);font-weight:var(--gids-typography-label-small__font-weight);letter-spacing:var(--gids-typography-label-small__letter-spacing);line-height:var(--gids-typography-label-small__line-height);text-transform:var(--gids-typography-label-small__text-transform, inherit);font-variant-caps:var(--gids-typography-label-small__font-variant-caps, inherit);color:var(--gidsAdvancedTooltip-value-color);white-space:nowrap}"}},[1,"gids-advanced-tooltip",{visible:[516],x:[2],y:[2],offset:[2],placement:[1],items:[16],currentPlacement:[32]},void 0,{visible:[{visibleChanged:0}],x:[{positionChanged:0}],y:[{positionChanged:0}],placement:[{placementChanged:0}],items:[{itemsChanged:0}]}]);function _(){"undefined"!=typeof customElements&&["gids-advanced-tooltip"].forEach((e=>{"gids-advanced-tooltip"===e&&(customElements.get(t(e))||customElements.define(t(e),b))}))}_();export{b as G,_ as d}
@@ -1 +1 @@
1
- import{t,p as a,H as i,h as e}from"./p-Bf3p-DY2.js";import{GidsActivityGaugeWebUtils as s}from"@ganpatiinfo/gids-web-shared";import{G as g}from"./p-DMNS1d8v.js";import{d as l}from"./p-Df5xaj-o.js";import{d as r}from"./p-DshXkAUj.js";const{getGidsActivityGaugeClassNames:n}=s,o=a(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.breakpoint="desktop",this.chartData=[],this.label="",this.size="xs",this.legend="none",this.chartLoaderSize="lg",this.chartLoading=!1,this.width=0,this.height=0}chartDataChanged(){this.updateDimensions()}legendChanged(t){this.legend=t}componentDidLoad(){this.updateDimensions(),this.resizeObserver=new ResizeObserver((()=>this.updateDimensions())),this.hostElement.parentElement&&this.resizeObserver.observe(this.hostElement.parentElement)}disconnectedCallback(){this.resizeObserver&&this.resizeObserver.disconnect()}updateDimensions(){const t=this.hostElement.getBoundingClientRect();this.width=t.width,this.height=t.height>0?t.height:240}render(){if(this.chartLoading)return e("div",{class:"gids-activity-gauge__no-data"},e(g,{label:this.chartLoadingTitle,supportingText:this.chartLoadingSupportingText,size:this?.chartLoaderSize??"lg"}));const t=this.chartData.map((t=>t.value||0)),a=t.length>0?Math.max(...t):0,i=Math.max(1e3,a),s=i.toLocaleString(),l=n({breakpoint:this.breakpoint}),r=[{radius:42,strokeWidth:5.5},{radius:34,strokeWidth:5.5},{radius:26,strokeWidth:5.5}],o="xxs"===this.size,d="string"==typeof this.label&&""!==this.label.trim(),h=this.legend&&"right"===this.legend&&"mobile"!==this.breakpoint,p=this.legend&&("bottom"===this.legend||"mobile"===this.breakpoint);return e("div",{class:l},e("div",{class:"gids-activity-gauge__main-container"},e("div",{class:"gids-activity-gauge__chart-stage-container"},e("div",{class:`gids-activity-gauge__svg-wrapper gids-activity-gauge--size-${this.size}`},e("svg",{viewBox:"0 0 100 100",class:"gids-activity-gauge__chart-vector"},this.chartData.slice(0,3).map(((t,a)=>{const s=r[a]||r[0]||{radius:26,strokeWidth:5.5},g=i>0?Math.min(Math.max((t.value||0)/i,0),1):0,l=2*Math.PI*s.radius,n=`${g*l} ${l}`;return e("g",{key:t.label||a},e("circle",{cx:"50",cy:"50",r:s.radius,"stroke-width":s.strokeWidth,class:"gids-activity-gauge__track-background"}),e("circle",{cx:"50",cy:"50",r:s.radius,"stroke-width":s.strokeWidth,class:`gids-activity-gauge__segment gids-activity-gauge__segment-series-${a+1}`,"stroke-dasharray":n,"stroke-dashoffset":"0",transform:"rotate(-90 50 50)"}))}))),e("div",{class:"gids-activity-gauge__center-content"},d&&!o?e("span",{class:`gids-activity-gauge__label-common gids-activity-gauge__label-${this.size}`},this.label):null,e("span",{class:`gids-activity-gauge__value-common gids-activity-gauge__value-${this.size}`},s)))),h?e("div",{class:"gids-activity-gauge__sidebar"},e("gids-chart-legend",{orientation:"vertical"},this.chartData.slice(0,3).map(((t,a)=>e("gids-chart-legend-item",{key:t.label,seriesType:`${a+1}`,orientation:"vertical"},t.label))))):null),o&&d?e("div",{class:"gids-activity-gauge__bottom-content"},e("span",{class:`gids-activity-gauge__label-common gids-activity-gauge__label-${this.size}`},this.label)):null,p?e("div",{class:"gids-activity-gauge__legend-container gids-activity-gauge__legend-container--bottom"},e("gids-chart-legend",{orientation:"horizontal"},this.chartData.slice(0,3).map(((t,a)=>e("gids-chart-legend-item",{key:t.label,seriesType:`${a+1}`,orientation:"horizontal"},t.label))))):null)}get hostElement(){return this}static get watchers(){return{chartData:[{chartDataChanged:0}],legend:[{legendChanged:0}]}}static get style(){return":host{display:block;width:100%;height:100%;box-sizing:border-box}.gids-activity-gauge{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;box-sizing:border-box}.gids-activity-gauge--breakpoint-mobile{max-width:var(--gids-width-xs)}.gids-activity-gauge__main-container{display:inline-flex;justify-content:center;gap:var(--gids-gap-200);width:100%;height:100%}.gids-activity-gauge__svg-wrapper{position:relative;display:block;flex-shrink:0}.gids-activity-gauge--size-xxs{width:180px;height:180px}.gids-activity-gauge--size-xs{width:220px;height:220px}.gids-activity-gauge--size-sm{width:260px;height:260px}.gids-activity-gauge--size-md{width:300px;height:300px}.gids-activity-gauge--size-lg{width:340px;height:340px}.gids-activity-gauge__chart-stage-container{display:flex;justify-content:center;align-items:center}.gids-activity-gauge__chart-vector{display:block;width:100%;height:100%}.gids-activity-gauge__track-background{fill:none;stroke:var(--gids-color-background-brand-subtlest-default);stroke-linecap:round}.gids-activity-gauge__segment{fill:none;stroke-linecap:round;transition:stroke-dasharray 0.4s ease-out}.gids-activity-gauge__segment.gids-activity-gauge__segment-series-1{stroke:var(--gids-color-icon-subtle)}.gids-activity-gauge__segment.gids-activity-gauge__segment-series-2{stroke:var(--gids-color-icon-warning)}.gids-activity-gauge__segment.gids-activity-gauge__segment-series-3{stroke:var(--gids-color-icon-danger)}.gids-activity-gauge__center-content{position:absolute;top:0;bottom:0;left:0;right:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;pointer-events:none}.gids-activity-gauge__label-xxs{font-family:var(--gids-typography-label-x-small__font-family);font-size:var(--gids-typography-label-x-small__font-size);font-weight:var(--gids-typography-label-x-small__font-weight);letter-spacing:var(--gids-typography-label-x-small__letter-spacing);line-height:var(--gids-typography-label-x-small__line-height);text-transform:var(--gids-typography-label-x-small__text-transform, inherit);font-variant-caps:var(--gids-typography-label-x-small__font-variant-caps, inherit)}.gids-activity-gauge__label-xs{font-family:var(--gids-typography-label-x-small__font-family);font-size:var(--gids-typography-label-x-small__font-size);font-weight:var(--gids-typography-label-x-small__font-weight);letter-spacing:var(--gids-typography-label-x-small__letter-spacing);line-height:var(--gids-typography-label-x-small__line-height);text-transform:var(--gids-typography-label-x-small__text-transform, inherit);font-variant-caps:var(--gids-typography-label-x-small__font-variant-caps, inherit)}.gids-activity-gauge__label-sm{font-family:var(--gids-typography-label-x-small__font-family);font-size:var(--gids-typography-label-x-small__font-size);font-weight:var(--gids-typography-label-x-small__font-weight);letter-spacing:var(--gids-typography-label-x-small__letter-spacing);line-height:var(--gids-typography-label-x-small__line-height);text-transform:var(--gids-typography-label-x-small__text-transform, inherit);font-variant-caps:var(--gids-typography-label-x-small__font-variant-caps, inherit)}.gids-activity-gauge__label-md{font-family:var(--gids-typography-label-small__font-family);font-size:var(--gids-typography-label-small__font-size);font-weight:var(--gids-typography-label-small__font-weight);letter-spacing:var(--gids-typography-label-small__letter-spacing);line-height:var(--gids-typography-label-small__line-height);text-transform:var(--gids-typography-label-small__text-transform, inherit);font-variant-caps:var(--gids-typography-label-small__font-variant-caps, inherit)}.gids-activity-gauge__label-lg{font-family:var(--gids-typography-label-small__font-family);font-size:var(--gids-typography-label-small__font-size);font-weight:var(--gids-typography-label-small__font-weight);letter-spacing:var(--gids-typography-label-small__letter-spacing);line-height:var(--gids-typography-label-small__line-height);text-transform:var(--gids-typography-label-small__text-transform, inherit);font-variant-caps:var(--gids-typography-label-small__font-variant-caps, inherit)}.gids-activity-gauge__label-common{color:var(--gids-color-text-subtlest)}.gids-activity-gauge__value-xxs{font-family:var(--gids-typography-label-small__font-family);font-size:var(--gids-typography-label-small__font-size);font-weight:var(--gids-typography-label-small__font-weight);letter-spacing:var(--gids-typography-label-small__letter-spacing);line-height:var(--gids-typography-label-small__line-height);text-transform:var(--gids-typography-label-small__text-transform, inherit);font-variant-caps:var(--gids-typography-label-small__font-variant-caps, inherit)}.gids-activity-gauge__value-xs{font-family:var(--gids-typography-display-x-small__font-family);font-size:var(--gids-typography-display-x-small__font-size);font-weight:var(--gids-typography-display-x-small__font-weight);letter-spacing:var(--gids-typography-display-x-small__letter-spacing);line-height:var(--gids-typography-display-x-small__line-height);text-transform:var(--gids-typography-display-x-small__text-transform, inherit);font-variant-caps:var(--gids-typography-display-x-small__font-variant-caps, inherit)}.gids-activity-gauge__value-sm{font-family:var(--gids-typography-display-x-small__font-family);font-size:var(--gids-typography-display-x-small__font-size);font-weight:var(--gids-typography-display-x-small__font-weight);letter-spacing:var(--gids-typography-display-x-small__letter-spacing);line-height:var(--gids-typography-display-x-small__line-height);text-transform:var(--gids-typography-display-x-small__text-transform, inherit);font-variant-caps:var(--gids-typography-display-x-small__font-variant-caps, inherit)}.gids-activity-gauge__value-md{font-family:var(--gids-typography-display-small__font-family);font-size:var(--gids-typography-display-small__font-size);font-weight:var(--gids-typography-display-small__font-weight);letter-spacing:var(--gids-typography-display-small__letter-spacing);line-height:var(--gids-typography-display-small__line-height);text-transform:var(--gids-typography-display-small__text-transform, inherit);font-variant-caps:var(--gids-typography-display-small__font-variant-caps, inherit)}.gids-activity-gauge__value-lg{font-family:var(--gids-typography-display-small__font-family);font-size:var(--gids-typography-display-small__font-size);font-weight:var(--gids-typography-display-small__font-weight);letter-spacing:var(--gids-typography-display-small__letter-spacing);line-height:var(--gids-typography-display-small__line-height);text-transform:var(--gids-typography-display-small__text-transform, inherit);font-variant-caps:var(--gids-typography-display-small__font-variant-caps, inherit)}.gids-activity-gauge__value-common{color:var(--gids-color-text-default)}.gids-activity-gauge__bottom-content{display:flex;justify-content:center;align-items:center;text-align:center}.gids-activity-gauge__no-data{display:flex;align-items:center;justify-content:center;padding:var(--gids-padding-vertical-edge-to-element-300) var(--gids-padding-horizontal-edge-to-element-100);width:100%;height:100%;min-height:200px;color:var(--gids-color-text-subtlest);border:var(--gids-border-width-thin) dashed var(--gids-color-border-default);border-radius:var(--gids-border-radius-md)}"}},[0,"gids-activity-gauge",{breakpoint:[1],chartData:[16],label:[1],size:[1],legend:[1],chartLoaderSize:[1,"chart-loader-size"],chartLoading:[4,"chart-loading"],chartLoadingTitle:[1,"chart-loading-title"],chartLoadingSupportingText:[1,"chart-loading-supporting-text"],width:[32],height:[32]},void 0,{chartData:[{chartDataChanged:0}],legend:[{legendChanged:0}]}]);function d(){"undefined"!=typeof customElements&&["gids-activity-gauge","gids-chart-legend","gids-chart-legend-item"].forEach((a=>{switch(a){case"gids-activity-gauge":customElements.get(t(a))||customElements.define(t(a),o);break;case"gids-chart-legend":customElements.get(t(a))||l();break;case"gids-chart-legend-item":customElements.get(t(a))||r()}}))}d();export{o as G,d}
1
+ import{t,p as a,H as i,h as e}from"./p-Bf3p-DY2.js";import{GidsActivityGaugeWebUtils as s}from"@ganpatiinfo/gids-web-shared";import{G as g}from"./p-DMNS1d8v.js";import{d as l}from"./p-CiWZdp48.js";import{d as r}from"./p-DAuO4g6g.js";const{getGidsActivityGaugeClassNames:n}=s,o=a(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.breakpoint="desktop",this.chartData=[],this.label="",this.size="xs",this.legend="none",this.chartLoaderSize="lg",this.chartLoading=!1,this.width=0,this.height=0}chartDataChanged(){this.updateDimensions()}legendChanged(t){this.legend=t}componentDidLoad(){this.updateDimensions(),this.resizeObserver=new ResizeObserver((()=>this.updateDimensions())),this.hostElement.parentElement&&this.resizeObserver.observe(this.hostElement.parentElement)}disconnectedCallback(){this.resizeObserver&&this.resizeObserver.disconnect()}updateDimensions(){const t=this.hostElement.getBoundingClientRect();this.width=t.width,this.height=t.height>0?t.height:240}render(){if(this.chartLoading)return e("div",{class:"gids-activity-gauge__no-data"},e(g,{label:this.chartLoadingTitle,supportingText:this.chartLoadingSupportingText,size:this?.chartLoaderSize??"lg"}));const t=this.chartData.map((t=>t.value||0)),a=t.length>0?Math.max(...t):0,i=Math.max(1e3,a),s=i.toLocaleString(),l=n({breakpoint:this.breakpoint}),r=[{radius:42,strokeWidth:5.5},{radius:34,strokeWidth:5.5},{radius:26,strokeWidth:5.5}],o="xxs"===this.size,d="string"==typeof this.label&&""!==this.label.trim(),h=this.legend&&"right"===this.legend&&"mobile"!==this.breakpoint,p=this.legend&&("bottom"===this.legend||"mobile"===this.breakpoint);return e("div",{class:l},e("div",{class:"gids-activity-gauge__main-container"},e("div",{class:"gids-activity-gauge__chart-stage-container"},e("div",{class:`gids-activity-gauge__svg-wrapper gids-activity-gauge--size-${this.size}`},e("svg",{viewBox:"0 0 100 100",class:"gids-activity-gauge__chart-vector"},this.chartData.slice(0,3).map(((t,a)=>{const s=r[a]||r[0]||{radius:26,strokeWidth:5.5},g=i>0?Math.min(Math.max((t.value||0)/i,0),1):0,l=2*Math.PI*s.radius,n=`${g*l} ${l}`;return e("g",{key:t.label||a},e("circle",{cx:"50",cy:"50",r:s.radius,"stroke-width":s.strokeWidth,class:"gids-activity-gauge__track-background"}),e("circle",{cx:"50",cy:"50",r:s.radius,"stroke-width":s.strokeWidth,class:`gids-activity-gauge__segment gids-activity-gauge__segment-series-${a+1}`,"stroke-dasharray":n,"stroke-dashoffset":"0",transform:"rotate(-90 50 50)"}))}))),e("div",{class:"gids-activity-gauge__center-content"},d&&!o?e("span",{class:`gids-activity-gauge__label-common gids-activity-gauge__label-${this.size}`},this.label):null,e("span",{class:`gids-activity-gauge__value-common gids-activity-gauge__value-${this.size}`},s)))),h?e("div",{class:"gids-activity-gauge__sidebar"},e("gids-chart-legend",{orientation:"vertical"},this.chartData.slice(0,3).map(((t,a)=>e("gids-chart-legend-item",{key:t.label,seriesType:`${a+1}`,orientation:"vertical"},t.label))))):null),o&&d?e("div",{class:"gids-activity-gauge__bottom-content"},e("span",{class:`gids-activity-gauge__label-common gids-activity-gauge__label-${this.size}`},this.label)):null,p?e("div",{class:"gids-activity-gauge__legend-container gids-activity-gauge__legend-container--bottom"},e("gids-chart-legend",{orientation:"horizontal"},this.chartData.slice(0,3).map(((t,a)=>e("gids-chart-legend-item",{key:t.label,seriesType:`${a+1}`,orientation:"horizontal"},t.label))))):null)}get hostElement(){return this}static get watchers(){return{chartData:[{chartDataChanged:0}],legend:[{legendChanged:0}]}}static get style(){return":host{display:block;width:100%;height:100%;box-sizing:border-box}.gids-activity-gauge{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;box-sizing:border-box}.gids-activity-gauge--breakpoint-mobile{max-width:var(--gids-width-xs)}.gids-activity-gauge__main-container{display:inline-flex;justify-content:center;gap:var(--gids-gap-200);width:100%;height:100%}.gids-activity-gauge__svg-wrapper{position:relative;display:block;flex-shrink:0}.gids-activity-gauge--size-xxs{width:180px;height:180px}.gids-activity-gauge--size-xs{width:220px;height:220px}.gids-activity-gauge--size-sm{width:260px;height:260px}.gids-activity-gauge--size-md{width:300px;height:300px}.gids-activity-gauge--size-lg{width:340px;height:340px}.gids-activity-gauge__chart-stage-container{display:flex;justify-content:center;align-items:center}.gids-activity-gauge__chart-vector{display:block;width:100%;height:100%}.gids-activity-gauge__track-background{fill:none;stroke:var(--gids-color-background-brand-subtlest-default);stroke-linecap:round}.gids-activity-gauge__segment{fill:none;stroke-linecap:round;transition:stroke-dasharray 0.4s ease-out}.gids-activity-gauge__segment.gids-activity-gauge__segment-series-1{stroke:var(--gids-color-icon-subtle)}.gids-activity-gauge__segment.gids-activity-gauge__segment-series-2{stroke:var(--gids-color-icon-warning)}.gids-activity-gauge__segment.gids-activity-gauge__segment-series-3{stroke:var(--gids-color-icon-danger)}.gids-activity-gauge__center-content{position:absolute;top:0;bottom:0;left:0;right:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;pointer-events:none}.gids-activity-gauge__label-xxs{font-family:var(--gids-typography-label-x-small__font-family);font-size:var(--gids-typography-label-x-small__font-size);font-weight:var(--gids-typography-label-x-small__font-weight);letter-spacing:var(--gids-typography-label-x-small__letter-spacing);line-height:var(--gids-typography-label-x-small__line-height);text-transform:var(--gids-typography-label-x-small__text-transform, inherit);font-variant-caps:var(--gids-typography-label-x-small__font-variant-caps, inherit)}.gids-activity-gauge__label-xs{font-family:var(--gids-typography-label-x-small__font-family);font-size:var(--gids-typography-label-x-small__font-size);font-weight:var(--gids-typography-label-x-small__font-weight);letter-spacing:var(--gids-typography-label-x-small__letter-spacing);line-height:var(--gids-typography-label-x-small__line-height);text-transform:var(--gids-typography-label-x-small__text-transform, inherit);font-variant-caps:var(--gids-typography-label-x-small__font-variant-caps, inherit)}.gids-activity-gauge__label-sm{font-family:var(--gids-typography-label-x-small__font-family);font-size:var(--gids-typography-label-x-small__font-size);font-weight:var(--gids-typography-label-x-small__font-weight);letter-spacing:var(--gids-typography-label-x-small__letter-spacing);line-height:var(--gids-typography-label-x-small__line-height);text-transform:var(--gids-typography-label-x-small__text-transform, inherit);font-variant-caps:var(--gids-typography-label-x-small__font-variant-caps, inherit)}.gids-activity-gauge__label-md{font-family:var(--gids-typography-label-small__font-family);font-size:var(--gids-typography-label-small__font-size);font-weight:var(--gids-typography-label-small__font-weight);letter-spacing:var(--gids-typography-label-small__letter-spacing);line-height:var(--gids-typography-label-small__line-height);text-transform:var(--gids-typography-label-small__text-transform, inherit);font-variant-caps:var(--gids-typography-label-small__font-variant-caps, inherit)}.gids-activity-gauge__label-lg{font-family:var(--gids-typography-label-small__font-family);font-size:var(--gids-typography-label-small__font-size);font-weight:var(--gids-typography-label-small__font-weight);letter-spacing:var(--gids-typography-label-small__letter-spacing);line-height:var(--gids-typography-label-small__line-height);text-transform:var(--gids-typography-label-small__text-transform, inherit);font-variant-caps:var(--gids-typography-label-small__font-variant-caps, inherit)}.gids-activity-gauge__label-common{color:var(--gids-color-text-subtlest)}.gids-activity-gauge__value-xxs{font-family:var(--gids-typography-label-small__font-family);font-size:var(--gids-typography-label-small__font-size);font-weight:var(--gids-typography-label-small__font-weight);letter-spacing:var(--gids-typography-label-small__letter-spacing);line-height:var(--gids-typography-label-small__line-height);text-transform:var(--gids-typography-label-small__text-transform, inherit);font-variant-caps:var(--gids-typography-label-small__font-variant-caps, inherit)}.gids-activity-gauge__value-xs{font-family:var(--gids-typography-display-x-small__font-family);font-size:var(--gids-typography-display-x-small__font-size);font-weight:var(--gids-typography-display-x-small__font-weight);letter-spacing:var(--gids-typography-display-x-small__letter-spacing);line-height:var(--gids-typography-display-x-small__line-height);text-transform:var(--gids-typography-display-x-small__text-transform, inherit);font-variant-caps:var(--gids-typography-display-x-small__font-variant-caps, inherit)}.gids-activity-gauge__value-sm{font-family:var(--gids-typography-display-x-small__font-family);font-size:var(--gids-typography-display-x-small__font-size);font-weight:var(--gids-typography-display-x-small__font-weight);letter-spacing:var(--gids-typography-display-x-small__letter-spacing);line-height:var(--gids-typography-display-x-small__line-height);text-transform:var(--gids-typography-display-x-small__text-transform, inherit);font-variant-caps:var(--gids-typography-display-x-small__font-variant-caps, inherit)}.gids-activity-gauge__value-md{font-family:var(--gids-typography-display-small__font-family);font-size:var(--gids-typography-display-small__font-size);font-weight:var(--gids-typography-display-small__font-weight);letter-spacing:var(--gids-typography-display-small__letter-spacing);line-height:var(--gids-typography-display-small__line-height);text-transform:var(--gids-typography-display-small__text-transform, inherit);font-variant-caps:var(--gids-typography-display-small__font-variant-caps, inherit)}.gids-activity-gauge__value-lg{font-family:var(--gids-typography-display-small__font-family);font-size:var(--gids-typography-display-small__font-size);font-weight:var(--gids-typography-display-small__font-weight);letter-spacing:var(--gids-typography-display-small__letter-spacing);line-height:var(--gids-typography-display-small__line-height);text-transform:var(--gids-typography-display-small__text-transform, inherit);font-variant-caps:var(--gids-typography-display-small__font-variant-caps, inherit)}.gids-activity-gauge__value-common{color:var(--gids-color-text-default)}.gids-activity-gauge__bottom-content{display:flex;justify-content:center;align-items:center;text-align:center}.gids-activity-gauge__no-data{display:flex;align-items:center;justify-content:center;padding:var(--gids-padding-vertical-edge-to-element-300) var(--gids-padding-horizontal-edge-to-element-100);width:100%;height:100%;min-height:200px;color:var(--gids-color-text-subtlest);border:var(--gids-border-width-thin) dashed var(--gids-color-border-default);border-radius:var(--gids-border-radius-md)}"}},[0,"gids-activity-gauge",{breakpoint:[1],chartData:[16],label:[1],size:[1],legend:[1],chartLoaderSize:[1,"chart-loader-size"],chartLoading:[4,"chart-loading"],chartLoadingTitle:[1,"chart-loading-title"],chartLoadingSupportingText:[1,"chart-loading-supporting-text"],width:[32],height:[32]},void 0,{chartData:[{chartDataChanged:0}],legend:[{legendChanged:0}]}]);function d(){"undefined"!=typeof customElements&&["gids-activity-gauge","gids-chart-legend","gids-chart-legend-item"].forEach((a=>{switch(a){case"gids-activity-gauge":customElements.get(t(a))||customElements.define(t(a),o);break;case"gids-chart-legend":customElements.get(t(a))||l();break;case"gids-chart-legend-item":customElements.get(t(a))||r()}}))}d();export{o as G,d}
@@ -1 +1 @@
1
- import{t,p as e,H as i,h as s}from"./p-Bf3p-DY2.js";import{GidsDropdownPickerWebUtils as n}from"@ganpatiinfo/gids-web-shared";import{G as o}from"./p-UVmSPzTd.js";import{G as d}from"./p-D4Pimu_8.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:"607e21503727f86ea4489ede7108e67787a370a4",class:e,onClick:this.handleOutSpaceClickOfDropdownButtonToggle},s(o,{key:"2dfd4ebc12236d6561169ada2be6e98638838a4d",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:"50f9c2877ae26020365446b28596a6aaa672d06a",class:"gids-dropdown-picker__menu",id:n,role:"pickerbox",onClick:this.handleMenuClick},s("slot",{key:"13210aa5e33e04614cfa1b90f977048fd9312646"})))}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
+ import{t,p as e,H as i,h as s}from"./p-Bf3p-DY2.js";import{GidsDropdownPickerWebUtils as n}from"@ganpatiinfo/gids-web-shared";import{G as o}from"./p-UVmSPzTd.js";import{G as d}from"./p-D4Pimu_8.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:"d089e5540c0f7d9c60b54f1adda5d3660fc1472e",class:e,onClick:this.handleOutSpaceClickOfDropdownButtonToggle},s(o,{key:"181791f6af8f98616dafd904bbc7f24f693f81e2",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:"ad430fdd8302e6ea0132e7b86dab9f01148c0520",class:"gids-dropdown-picker__menu",id:n,role:"pickerbox",onClick:this.handleMenuClick},s("slot",{key:"a3978616691ddafc976ef1a45d7577a95a35a954"})))}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 +1 @@
1
- import{t as e,p as t,H as a,h as i}from"./p-Bf3p-DY2.js";import{GidsCalendarHeaderPanelWebUtils as s}from"@ganpatiinfo/gids-web-shared";import{G as n}from"./p-UVmSPzTd.js";import{G as h}from"./p-D4Pimu_8.js";import{c as r}from"./p-ChV9xqsO.js";import{d}from"./p-D7qanqNO.js";import{d as l}from"./p-CZxn31uZ.js";import{d as c}from"./p-Db4qRSmH.js";const{getGidsCalendarHeaderPanelClassNames:o,getCalendarMonthNameViaMonthNumber:p}=s,m=t(class extends a{constructor(e){super(),!1!==e&&this.__registerHost(),this.appearance="primary",this.monthPickerDisabled=!1,this.yearPickerDisabled=!1,this.panelDisabled=!1,this.previousDisabled=!1,this.nextDisabled=!1,this.expandedMonthPicker=!1,this.expandedYearPicker=!1,this.internalPreviousDisabled=!1,this.internalNextDisabled=!1,this.suppressNextMenuClickSelection=!1,this.suppressNextActionClickSelection=!1,this.fallbackYear=(new Date).getFullYear(),this.fallbackMonth=1,this.fallbackStartYear=(new Date).getFullYear(),this.fallbackEndYear=(new Date).getFullYear()+100,this.handleMonthPickerMenuClick=e=>{if(this.suppressNextMenuClickSelection)return;const t=e;this.updateActionProps({newSelectedMonthNumber:t?.monthInNumber??this.fallbackMonth,newSelectedYear:this.panelYear??this.fallbackYear}),this.applyMonthSelection({id:t.id,type:"month",month:t.month,monthNumber:Number(t.monthInNumber),year:this.panelYear,disabled:!1,panelValue:`${t.month} ${this.panelYear}`})},this.handleYearPickerMenuClick=e=>{if(this.suppressNextMenuClickSelection)return;const t=e;this.updateActionProps({newSelectedMonthNumber:this?.panelMonthNumber??this.fallbackMonth,newSelectedYear:t?.year??this.fallbackYear}),this.applyYearSelection({id:t.id,type:"year",month:this.panelMonth,monthNumber:Number(this?.panelMonthNumber),year:t?.year,disabled:!1,panelValue:`${this.panelMonth} ${t.year}`})},this.handlePreviousActionClick=e=>{if(this.suppressNextActionClickSelection)return;if(!(e.target instanceof Element))return;if(!this.isPreviousActionInteractive())return;const{newSelectedMonthNumber:t,newSelectedYear:a}=this.onPreviousActionChange();this.updateActionProps({newSelectedMonthNumber:t,newSelectedYear:a});const i=p(t);this.applyActionsSelection({type:"previous",month:i,monthNumber:t,year:a,disabled:!1,panelValue:`${i} ${a}`})},this.handleNextActionClick=e=>{if(this.suppressNextActionClickSelection)return;if(!(e.target instanceof Element))return;if(!this.isNextActionInteractive())return;const{newSelectedMonthNumber:t,newSelectedYear:a}=this.onNextActionChange();this.updateActionProps({newSelectedMonthNumber:t,newSelectedYear:a});const i=p(t);this.applyActionsSelection({type:"next",month:i,monthNumber:t,year:a,disabled:!1,panelValue:`${i} ${a}`})}}handleSelectedMonthNumberChange(e){null!=e&&(this.panelMonthNumber=e,this.panelMonth=p(e),this.syncPanelDisplayValue())}handleSelectedYearChange(e){null!=e&&(this.panelYear=e,this.syncPanelDisplayValue())}handleExpandedMonthPickerChange(e){e&&!this.isMonthPickerInteractive()&&this.setExpandedMonthPickerState(!1),e&&this.isMonthPickerInteractive()&&this.setExpandedMonthPickerState(!1)}handleExpandedYearPickerChange(e){e&&!this.isYearPickerInteractive()&&this.setExpandedYearPickerState(!1),e&&this.isYearPickerInteractive()&&this.setExpandedYearPickerState(!1)}handleMonthPickerInteractivityChange(){!this.isMonthPickerInteractive()&&this.expandedMonthPicker&&this.setExpandedMonthPickerState(!1)}handleYearPickerInteractivityChange(){!this.isYearPickerInteractive()&&this.expandedYearPicker&&this.setExpandedYearPickerState(!1)}handleAppearanceChange(e){this.appearance=e}connectedCallback(){this.panelMonthNumber=this.selectedMonthNumber??this.fallbackMonth,this.panelMonth=p(this.selectedMonthNumber??this.fallbackMonth),this.panelYear=this.selectedYear??this.fallbackYear,this.panelDisplayValue=`${this.panelMonth} ${this.panelYear}`,this.syncPanelDisplayValue(),this.setPreviousActionInteractivity(),this.setNextActionInteractivity()}applyMonthSelection(e){this.setExpandedMonthPickerState(!1,this.coerceEvent(e?.originalEvent)),this.setPreviousActionInteractivity(),this.setNextActionInteractivity(),this.onPanelMonthChange?.(e),this.hostElement.dispatchEvent(new CustomEvent("gidsPanelMonthChange",{bubbles:!0,composed:!0,detail:e}))}applyYearSelection(e){this.setExpandedYearPickerState(!1,this.coerceEvent(e?.originalEvent)),this.setPreviousActionInteractivity(),this.setNextActionInteractivity(),this.onPanelYearChange?.(e),this.hostElement.dispatchEvent(new CustomEvent("gidsPanelYearChange",{bubbles:!0,composed:!0,detail:e}))}setExpandedMonthPickerState(e,t){const a=Boolean(e);a&&!this.isMonthPickerInteractive()||this.expandedMonthPicker!==a&&(this.expandedMonthPicker=a,a||this.syncPanelDisplayValue(),this.hostElement.dispatchEvent(new CustomEvent("gidsCalendarHeaderPanelMonthToggle",{bubbles:!0,composed:!0,detail:{expandedMonthPicker:a,expandedYearPicker:Boolean(this.expandedYearPicker),originalEvent:t}})))}setExpandedYearPickerState(e,t){const a=Boolean(e);a&&!this.isYearPickerInteractive()||this.expandedYearPicker!==a&&(this.expandedYearPicker=a,a||this.syncPanelDisplayValue(),this.hostElement.dispatchEvent(new CustomEvent("gidsCalendarHeaderPanelYearToggle",{bubbles:!0,composed:!0,detail:{expandedMonthPicker:Boolean(this.expandedMonthPicker),expandedYearPicker:a,originalEvent:t}})))}syncPanelDisplayValue(){this.panelMonth&&this.panelYear&&(this.panelDisplayValue=`${this.panelMonth} ${this.panelYear}`)}applyActionsSelection(e){this.setNextActionInteractivity(),this.setPreviousActionInteractivity(),"previous"===e.type&&this.onPreviousChange?.(e),"next"===e.type&&this.onNextChange?.(e)}checkPrevYearIsAllowed(e){return e>=(this.startYear??this.fallbackStartYear)}checkNextYearIsAllowed(e){return e<=(this.endYear??this.fallbackEndYear)}isPreviousActionInteractive(){return 1===(this.panelMonthNumber??this.fallbackMonth)?this.checkPrevYearIsAllowed((this.panelYear??this.fallbackYear)-1)&&!this.previousDisabled:!this.previousDisabled}isNextActionInteractive(){return 12===(this.panelMonthNumber??this.fallbackMonth)?this.checkNextYearIsAllowed((this.panelYear??this.fallbackYear)+1)&&!this.nextDisabled:!this.nextDisabled}onPreviousActionChange(){const e=this.panelMonthNumber??this.fallbackMonth,t=this.panelYear??this.fallbackYear;return this.isPreviousActionInteractive()?{newSelectedMonthNumber:1===e?12:e-1,newSelectedYear:1===e?t-1:t}:{newSelectedMonthNumber:e,newSelectedYear:t}}onNextActionChange(){const e=this.panelMonthNumber??this.fallbackMonth,t=this.panelYear??this.fallbackYear;return this.isNextActionInteractive()?{newSelectedMonthNumber:12===e?1:e+1,newSelectedYear:12===e?t+1:t}:{newSelectedMonthNumber:e,newSelectedYear:t}}isMonthPickerInteractive(){return!this.monthPickerDisabled}isYearPickerInteractive(){return!this.yearPickerDisabled}coerceEvent(e){if("undefined"!=typeof Event&&null!==e)return e instanceof Event?e:void 0}updatePanelMonth(e){e?(this.selectedMonthNumber=e,this.panelMonth=p(e),this.panelMonthNumber=e):(this.selectedMonthNumber=this.fallbackMonth,this.panelMonth=p(this.fallbackMonth),this.panelMonthNumber=this.fallbackMonth)}updatePanelYear(e){e?(this.selectedYear=e,this.panelYear=e):this.panelYear=this.fallbackYear}setPreviousActionInteractivity(){this.internalPreviousDisabled=!this.isPreviousActionInteractive()}setNextActionInteractivity(){this.internalNextDisabled=!this.isNextActionInteractive()}updateActionProps({newSelectedYear:e,newSelectedMonthNumber:t}){this.updatePanelYear(e),this.updatePanelMonth(t),this.syncPanelDisplayValue()}getPanelValue(){return this.panelDisplayValue}render(){const e=o(),t=this.expandedMonthPicker&&this.isMonthPickerInteractive()&&!this.expandedYearPicker,a=this.expandedYearPicker&&this.isYearPickerInteractive()&&!this.expandedMonthPicker,s=this.internalPreviousDisabled||this.previousDisabled,d=this.internalNextDisabled||this.nextDisabled;return i("div",{key:"3e824f3aa58867e2d5f10edbfc79a9537ddef52e",class:e},i(n,{key:"ee8399ff602d65712a281be09c21d2d9d23585cb",leadingIcon:i(h,{name:"arrow-left",size:"md",appearance:"regular"}),appearance:this.appearance,size:"sm",width:"intrinsic",onClick:this.handlePreviousActionClick,disabled:s}),i("div",{key:"2ca66adc5feb98e8dd05bf2275340edefa2557d3",class:"gids-calendar-header-panel__main-container"},i("gids-dropdown-picker",{key:"9574b933eb6a46102bfc89afb30e3f530343ea0a",expanded:t,appearance:this.appearance,size:"sm",value:`${this.panelMonthNumber}`,disabled:this.monthPickerDisabled},i("gids-calendar-month-list",{key:"89a7aa1c01cbd24e5c7fafb97adb6fe12c7cdcfe",type:"default",selectedMonthNumber:this.panelMonthNumber,onSelectionMonthChange:this.handleMonthPickerMenuClick})),i("span",{key:"94de66a163baadf939c8ea4a33534a811b01e0f3",class:r("gids-calendar-header-panel__panel-value",{"gids-calendar-header-panel__panel-value-disabled":this.panelDisabled})},this.getPanelValue()),i("gids-dropdown-picker",{key:"a59f257d0d7088d3325a77d824c765c72a026a05",expanded:a,appearance:this.appearance,size:"sm",value:`${this.panelYear}`,disabled:this.yearPickerDisabled},i("gids-calendar-year-list",{key:"edc0cc39b60026360730d07447d6f1f28d9bfca0",type:"default",selectedYear:this.panelYear,startYear:this.startYear??this.fallbackStartYear,endYear:this.endYear,onSelectionYearChange:this.handleYearPickerMenuClick}))),i(n,{key:"3b5e2b20a5d896b0b9a91de1bc29c621ff306c4c",leadingIcon:i(h,{name:"arrow-right",size:"md",appearance:"regular"}),appearance:this.appearance,size:"sm",width:"intrinsic",onClick:this.handleNextActionClick,disabled:d}))}get hostElement(){return this}static get watchers(){return{selectedMonthNumber:[{handleSelectedMonthNumberChange:0}],selectedYear:[{handleSelectedYearChange:0}],expandedMonthPicker:[{handleExpandedMonthPickerChange:0}],expandedYearPicker:[{handleExpandedYearPickerChange:0}],monthPickerDisabled:[{handleMonthPickerInteractivityChange:0}],yearPickerDisabled:[{handleYearPickerInteractivityChange:0}],appearance:[{handleAppearanceChange:0}]}}static get style(){return".gids-calendar-header-panel{display:flex;justify-content:center;align-items:center;align-self:stretch;gap:var(--gids-gap-150);width:100%}.gids-calendar-header-panel__main-container{display:flex;flex:1 0 0;align-items:center;justify-content:center;align-self:stretch;gap:var(--gids-gap-100)}.gids-calendar-header-panel__panel-value{font-family:var(--gids-typography-label-medium__font-family);font-size:var(--gids-typography-label-medium__font-size);font-weight:var(--gids-typography-label-medium__font-weight);letter-spacing:var(--gids-typography-label-medium__letter-spacing);line-height:var(--gids-typography-label-medium__line-height);text-transform:var(--gids-typography-label-medium__text-transform, inherit);font-variant-caps:var(--gids-typography-label-medium__font-variant-caps, inherit);color:var(--gids-color-text-default);text-align:center}.gids-calendar-header-panel__panel-value-disabled{color:var(--gids-color-text-disabled)}"}},[0,"gids-calendar-header-panel",{selectedMonthNumber:[1538,"selected-month-number"],selectedYear:[1538,"selected-year"],startYear:[1538,"start-year"],endYear:[1538,"end-year"],appearance:[1],monthPickerDisabled:[4,"month-picker-disabled"],yearPickerDisabled:[4,"year-picker-disabled"],panelDisabled:[4,"panel-disabled"],previousDisabled:[4,"previous-disabled"],nextDisabled:[4,"next-disabled"],expandedMonthPicker:[1540,"expanded-month-picker"],expandedYearPicker:[1540,"expanded-year-picker"],onPreviousChange:[16],onNextChange:[16],onPanelMonthChange:[16],onPanelYearChange:[16],panelMonth:[32],panelMonthNumber:[32],panelYear:[32],panelDisplayValue:[32],internalPreviousDisabled:[32],internalNextDisabled:[32]},void 0,{selectedMonthNumber:[{handleSelectedMonthNumberChange:0}],selectedYear:[{handleSelectedYearChange:0}],expandedMonthPicker:[{handleExpandedMonthPickerChange:0}],expandedYearPicker:[{handleExpandedYearPickerChange:0}],monthPickerDisabled:[{handleMonthPickerInteractivityChange:0}],yearPickerDisabled:[{handleYearPickerInteractivityChange:0}],appearance:[{handleAppearanceChange:0}]}]);function u(){"undefined"!=typeof customElements&&["gids-calendar-header-panel","gids-calendar-month-list","gids-calendar-year-list","gids-dropdown-picker"].forEach((t=>{switch(t){case"gids-calendar-header-panel":customElements.get(e(t))||customElements.define(e(t),m);break;case"gids-calendar-month-list":customElements.get(e(t))||d();break;case"gids-calendar-year-list":customElements.get(e(t))||l();break;case"gids-dropdown-picker":customElements.get(e(t))||c()}}))}u();export{m as G,u as d}
1
+ import{t as e,p as t,H as a,h as i}from"./p-Bf3p-DY2.js";import{GidsCalendarHeaderPanelWebUtils as s}from"@ganpatiinfo/gids-web-shared";import{G as n}from"./p-UVmSPzTd.js";import{G as h}from"./p-D4Pimu_8.js";import{c as r}from"./p-ChV9xqsO.js";import{d}from"./p-C-HyXFGR.js";import{d as l}from"./p-pVSQxFDF.js";import{d as c}from"./p-DxX3B1f0.js";const{getGidsCalendarHeaderPanelClassNames:o,getCalendarMonthNameViaMonthNumber:p}=s,m=t(class extends a{constructor(e){super(),!1!==e&&this.__registerHost(),this.appearance="primary",this.monthPickerDisabled=!1,this.yearPickerDisabled=!1,this.panelDisabled=!1,this.previousDisabled=!1,this.nextDisabled=!1,this.expandedMonthPicker=!1,this.expandedYearPicker=!1,this.internalPreviousDisabled=!1,this.internalNextDisabled=!1,this.suppressNextMenuClickSelection=!1,this.suppressNextActionClickSelection=!1,this.fallbackYear=(new Date).getFullYear(),this.fallbackMonth=1,this.fallbackStartYear=(new Date).getFullYear(),this.fallbackEndYear=(new Date).getFullYear()+100,this.handleMonthPickerMenuClick=e=>{if(this.suppressNextMenuClickSelection)return;const t=e;this.updateActionProps({newSelectedMonthNumber:t?.monthInNumber??this.fallbackMonth,newSelectedYear:this.panelYear??this.fallbackYear}),this.applyMonthSelection({id:t.id,type:"month",month:t.month,monthNumber:Number(t.monthInNumber),year:this.panelYear,disabled:!1,panelValue:`${t.month} ${this.panelYear}`})},this.handleYearPickerMenuClick=e=>{if(this.suppressNextMenuClickSelection)return;const t=e;this.updateActionProps({newSelectedMonthNumber:this?.panelMonthNumber??this.fallbackMonth,newSelectedYear:t?.year??this.fallbackYear}),this.applyYearSelection({id:t.id,type:"year",month:this.panelMonth,monthNumber:Number(this?.panelMonthNumber),year:t?.year,disabled:!1,panelValue:`${this.panelMonth} ${t.year}`})},this.handlePreviousActionClick=e=>{if(this.suppressNextActionClickSelection)return;if(!(e.target instanceof Element))return;if(!this.isPreviousActionInteractive())return;const{newSelectedMonthNumber:t,newSelectedYear:a}=this.onPreviousActionChange();this.updateActionProps({newSelectedMonthNumber:t,newSelectedYear:a});const i=p(t);this.applyActionsSelection({type:"previous",month:i,monthNumber:t,year:a,disabled:!1,panelValue:`${i} ${a}`})},this.handleNextActionClick=e=>{if(this.suppressNextActionClickSelection)return;if(!(e.target instanceof Element))return;if(!this.isNextActionInteractive())return;const{newSelectedMonthNumber:t,newSelectedYear:a}=this.onNextActionChange();this.updateActionProps({newSelectedMonthNumber:t,newSelectedYear:a});const i=p(t);this.applyActionsSelection({type:"next",month:i,monthNumber:t,year:a,disabled:!1,panelValue:`${i} ${a}`})}}handleSelectedMonthNumberChange(e){null!=e&&(this.panelMonthNumber=e,this.panelMonth=p(e),this.syncPanelDisplayValue())}handleSelectedYearChange(e){null!=e&&(this.panelYear=e,this.syncPanelDisplayValue())}handleExpandedMonthPickerChange(e){e&&!this.isMonthPickerInteractive()&&this.setExpandedMonthPickerState(!1),e&&this.isMonthPickerInteractive()&&this.setExpandedMonthPickerState(!1)}handleExpandedYearPickerChange(e){e&&!this.isYearPickerInteractive()&&this.setExpandedYearPickerState(!1),e&&this.isYearPickerInteractive()&&this.setExpandedYearPickerState(!1)}handleMonthPickerInteractivityChange(){!this.isMonthPickerInteractive()&&this.expandedMonthPicker&&this.setExpandedMonthPickerState(!1)}handleYearPickerInteractivityChange(){!this.isYearPickerInteractive()&&this.expandedYearPicker&&this.setExpandedYearPickerState(!1)}handleAppearanceChange(e){this.appearance=e}connectedCallback(){this.panelMonthNumber=this.selectedMonthNumber??this.fallbackMonth,this.panelMonth=p(this.selectedMonthNumber??this.fallbackMonth),this.panelYear=this.selectedYear??this.fallbackYear,this.panelDisplayValue=`${this.panelMonth} ${this.panelYear}`,this.syncPanelDisplayValue(),this.setPreviousActionInteractivity(),this.setNextActionInteractivity()}applyMonthSelection(e){this.setExpandedMonthPickerState(!1,this.coerceEvent(e?.originalEvent)),this.setPreviousActionInteractivity(),this.setNextActionInteractivity(),this.onPanelMonthChange?.(e),this.hostElement.dispatchEvent(new CustomEvent("gidsPanelMonthChange",{bubbles:!0,composed:!0,detail:e}))}applyYearSelection(e){this.setExpandedYearPickerState(!1,this.coerceEvent(e?.originalEvent)),this.setPreviousActionInteractivity(),this.setNextActionInteractivity(),this.onPanelYearChange?.(e),this.hostElement.dispatchEvent(new CustomEvent("gidsPanelYearChange",{bubbles:!0,composed:!0,detail:e}))}setExpandedMonthPickerState(e,t){const a=Boolean(e);a&&!this.isMonthPickerInteractive()||this.expandedMonthPicker!==a&&(this.expandedMonthPicker=a,a||this.syncPanelDisplayValue(),this.hostElement.dispatchEvent(new CustomEvent("gidsCalendarHeaderPanelMonthToggle",{bubbles:!0,composed:!0,detail:{expandedMonthPicker:a,expandedYearPicker:Boolean(this.expandedYearPicker),originalEvent:t}})))}setExpandedYearPickerState(e,t){const a=Boolean(e);a&&!this.isYearPickerInteractive()||this.expandedYearPicker!==a&&(this.expandedYearPicker=a,a||this.syncPanelDisplayValue(),this.hostElement.dispatchEvent(new CustomEvent("gidsCalendarHeaderPanelYearToggle",{bubbles:!0,composed:!0,detail:{expandedMonthPicker:Boolean(this.expandedMonthPicker),expandedYearPicker:a,originalEvent:t}})))}syncPanelDisplayValue(){this.panelMonth&&this.panelYear&&(this.panelDisplayValue=`${this.panelMonth} ${this.panelYear}`)}applyActionsSelection(e){this.setNextActionInteractivity(),this.setPreviousActionInteractivity(),"previous"===e.type&&this.onPreviousChange?.(e),"next"===e.type&&this.onNextChange?.(e)}checkPrevYearIsAllowed(e){return e>=(this.startYear??this.fallbackStartYear)}checkNextYearIsAllowed(e){return e<=(this.endYear??this.fallbackEndYear)}isPreviousActionInteractive(){return 1===(this.panelMonthNumber??this.fallbackMonth)?this.checkPrevYearIsAllowed((this.panelYear??this.fallbackYear)-1)&&!this.previousDisabled:!this.previousDisabled}isNextActionInteractive(){return 12===(this.panelMonthNumber??this.fallbackMonth)?this.checkNextYearIsAllowed((this.panelYear??this.fallbackYear)+1)&&!this.nextDisabled:!this.nextDisabled}onPreviousActionChange(){const e=this.panelMonthNumber??this.fallbackMonth,t=this.panelYear??this.fallbackYear;return this.isPreviousActionInteractive()?{newSelectedMonthNumber:1===e?12:e-1,newSelectedYear:1===e?t-1:t}:{newSelectedMonthNumber:e,newSelectedYear:t}}onNextActionChange(){const e=this.panelMonthNumber??this.fallbackMonth,t=this.panelYear??this.fallbackYear;return this.isNextActionInteractive()?{newSelectedMonthNumber:12===e?1:e+1,newSelectedYear:12===e?t+1:t}:{newSelectedMonthNumber:e,newSelectedYear:t}}isMonthPickerInteractive(){return!this.monthPickerDisabled}isYearPickerInteractive(){return!this.yearPickerDisabled}coerceEvent(e){if("undefined"!=typeof Event&&null!==e)return e instanceof Event?e:void 0}updatePanelMonth(e){e?(this.selectedMonthNumber=e,this.panelMonth=p(e),this.panelMonthNumber=e):(this.selectedMonthNumber=this.fallbackMonth,this.panelMonth=p(this.fallbackMonth),this.panelMonthNumber=this.fallbackMonth)}updatePanelYear(e){e?(this.selectedYear=e,this.panelYear=e):this.panelYear=this.fallbackYear}setPreviousActionInteractivity(){this.internalPreviousDisabled=!this.isPreviousActionInteractive()}setNextActionInteractivity(){this.internalNextDisabled=!this.isNextActionInteractive()}updateActionProps({newSelectedYear:e,newSelectedMonthNumber:t}){this.updatePanelYear(e),this.updatePanelMonth(t),this.syncPanelDisplayValue()}getPanelValue(){return this.panelDisplayValue}render(){const e=o(),t=this.expandedMonthPicker&&this.isMonthPickerInteractive()&&!this.expandedYearPicker,a=this.expandedYearPicker&&this.isYearPickerInteractive()&&!this.expandedMonthPicker,s=this.internalPreviousDisabled||this.previousDisabled,d=this.internalNextDisabled||this.nextDisabled;return i("div",{key:"5856eb25fab236a046196b5a2acb3cacec398112",class:e},i(n,{key:"718198d64b4819bf3ee78ac7ba2be34a03851e6a",leadingIcon:i(h,{name:"arrow-left",size:"md",appearance:"regular"}),appearance:this.appearance,size:"sm",width:"intrinsic",onClick:this.handlePreviousActionClick,disabled:s}),i("div",{key:"25b0d99d4c97dfa031a0228acfbaec467d4f960d",class:"gids-calendar-header-panel__main-container"},i("gids-dropdown-picker",{key:"3821a4897f347ccf97211d2927a71f81b5997bd3",expanded:t,appearance:this.appearance,size:"sm",value:`${this.panelMonthNumber}`,disabled:this.monthPickerDisabled},i("gids-calendar-month-list",{key:"e61c442cb151dc54f8f02d480ac1cfc537fc42ec",type:"default",selectedMonthNumber:this.panelMonthNumber,onSelectionMonthChange:this.handleMonthPickerMenuClick})),i("span",{key:"9fdbbb26e5f1c78588ed553cd2bff6a9519eb666",class:r("gids-calendar-header-panel__panel-value",{"gids-calendar-header-panel__panel-value-disabled":this.panelDisabled})},this.getPanelValue()),i("gids-dropdown-picker",{key:"300fcc08eae7b5f394c25a82fa1d92d945f46ece",expanded:a,appearance:this.appearance,size:"sm",value:`${this.panelYear}`,disabled:this.yearPickerDisabled},i("gids-calendar-year-list",{key:"0ff82ac77577032064a8fc49a95b6aa67387877d",type:"default",selectedYear:this.panelYear,startYear:this.startYear??this.fallbackStartYear,endYear:this.endYear,onSelectionYearChange:this.handleYearPickerMenuClick}))),i(n,{key:"069b5af91c8b4e259a18d722b1cd44b557f72bc4",leadingIcon:i(h,{name:"arrow-right",size:"md",appearance:"regular"}),appearance:this.appearance,size:"sm",width:"intrinsic",onClick:this.handleNextActionClick,disabled:d}))}get hostElement(){return this}static get watchers(){return{selectedMonthNumber:[{handleSelectedMonthNumberChange:0}],selectedYear:[{handleSelectedYearChange:0}],expandedMonthPicker:[{handleExpandedMonthPickerChange:0}],expandedYearPicker:[{handleExpandedYearPickerChange:0}],monthPickerDisabled:[{handleMonthPickerInteractivityChange:0}],yearPickerDisabled:[{handleYearPickerInteractivityChange:0}],appearance:[{handleAppearanceChange:0}]}}static get style(){return".gids-calendar-header-panel{display:flex;justify-content:center;align-items:center;align-self:stretch;gap:var(--gids-gap-150);width:100%}.gids-calendar-header-panel__main-container{display:flex;flex:1 0 0;align-items:center;justify-content:center;align-self:stretch;gap:var(--gids-gap-100)}.gids-calendar-header-panel__panel-value{font-family:var(--gids-typography-label-medium__font-family);font-size:var(--gids-typography-label-medium__font-size);font-weight:var(--gids-typography-label-medium__font-weight);letter-spacing:var(--gids-typography-label-medium__letter-spacing);line-height:var(--gids-typography-label-medium__line-height);text-transform:var(--gids-typography-label-medium__text-transform, inherit);font-variant-caps:var(--gids-typography-label-medium__font-variant-caps, inherit);color:var(--gids-color-text-default);text-align:center}.gids-calendar-header-panel__panel-value-disabled{color:var(--gids-color-text-disabled)}"}},[0,"gids-calendar-header-panel",{selectedMonthNumber:[1538,"selected-month-number"],selectedYear:[1538,"selected-year"],startYear:[1538,"start-year"],endYear:[1538,"end-year"],appearance:[1],monthPickerDisabled:[4,"month-picker-disabled"],yearPickerDisabled:[4,"year-picker-disabled"],panelDisabled:[4,"panel-disabled"],previousDisabled:[4,"previous-disabled"],nextDisabled:[4,"next-disabled"],expandedMonthPicker:[1540,"expanded-month-picker"],expandedYearPicker:[1540,"expanded-year-picker"],onPreviousChange:[16],onNextChange:[16],onPanelMonthChange:[16],onPanelYearChange:[16],panelMonth:[32],panelMonthNumber:[32],panelYear:[32],panelDisplayValue:[32],internalPreviousDisabled:[32],internalNextDisabled:[32]},void 0,{selectedMonthNumber:[{handleSelectedMonthNumberChange:0}],selectedYear:[{handleSelectedYearChange:0}],expandedMonthPicker:[{handleExpandedMonthPickerChange:0}],expandedYearPicker:[{handleExpandedYearPickerChange:0}],monthPickerDisabled:[{handleMonthPickerInteractivityChange:0}],yearPickerDisabled:[{handleYearPickerInteractivityChange:0}],appearance:[{handleAppearanceChange:0}]}]);function u(){"undefined"!=typeof customElements&&["gids-calendar-header-panel","gids-calendar-month-list","gids-calendar-year-list","gids-dropdown-picker"].forEach((t=>{switch(t){case"gids-calendar-header-panel":customElements.get(e(t))||customElements.define(e(t),m);break;case"gids-calendar-month-list":customElements.get(e(t))||d();break;case"gids-calendar-year-list":customElements.get(e(t))||l();break;case"gids-dropdown-picker":customElements.get(e(t))||c()}}))}u();export{m as G,u as d}
@@ -0,0 +1 @@
1
+ import{t as e,p as a,H as i,h as o,d as r}from"./p-Bf3p-DY2.js";import{GidsHeaderNavigationItemWebUtils as n}from"@ganpatiinfo/gids-web-shared";import{G as t}from"./p-D4Pimu_8.js";import{G as d,a as s}from"./p-Bs8TP3Rb.js";import{G as g}from"./p-DObJEzlz.js";const{getGidsHeaderNavigationItemClassNames:l}=n,c=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}}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)}render(){const e=this?.isSelected??!1,a=this?.appearance??"default",i=this?.selectionAppearance??"default",n=this.label,c=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=l({selected:e,appearance:a,selectionAppearance:i,size:c,expanded:m&&f,applyShadow:b,borderRadius:u});return o(r,{key:"9389361f0bf3596937b0497f8f5e314f154f3caa",id:h,"header-nav-item-appearance":a,"header-nav-item-size":c,"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:"6c0d9aba296f0ecbee24af46c1ef52b8396067d0",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"!==c?c:"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;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-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),c))}))}h();export{c as G,h as d}
@@ -1 +1 @@
1
- import{t,p as a,H as i,h as e}from"./p-Bf3p-DY2.js";import{GidsBarChartWebUtils as s}from"@ganpatiinfo/gids-web-shared";import{G as r}from"./p-DMNS1d8v.js";import{d as l}from"./p-Dvh4sPkD.js";import{d as n}from"./p-Df5xaj-o.js";import{d as o}from"./p-DshXkAUj.js";const{getGidsBarChartClassNames:d}=s,g=a(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.breakpoint="desktop",this.legend="none",this.chartData=[],this.yAxisVisible=!1,this.dataPoints=[],this.chartLoaderSize="lg",this.chartLoading=!1,this.width=0,this.height=0,this.hoveredIndex=null,this.tooltip={visible:!1,x:0,y:0}}chartDataChanged(){this.updateDimensions()}dataPointsChanged(t){this.dataPoints=t}legendChanged(t){this.legend=t}yAxisVisibilityChanged(t){this.yAxisVisible=t}componentDidLoad(){this.updateDimensions(),this.resizeObserver=new ResizeObserver((()=>this.updateDimensions())),this.hostElement.parentElement&&this.resizeObserver.observe(this.hostElement.parentElement)}disconnectedCallback(){this.resizeObserver&&this.resizeObserver.disconnect()}updateDimensions(){const t=this.hostElement.getBoundingClientRect();this.width=t.width,this.height=t.height>0?t.height:300}getTooltipItems(t){return this.chartData.reduce(((a,i)=>{const e=i.data[t];return e?(a.push({label:i?.label??"",value:String(e.value),seriesIndicatorColor:i?.seriesColor??""}),a):a}),[])}render(){if(this.chartLoading)return e("div",{class:"gids-bar-chart__no-data"},e(r,{label:this.chartLoadingTitle,supportingText:this.chartLoadingSupportingText,size:this?.chartLoaderSize??"lg"}));const t=this?.chartData?.[0]?.data?.map((t=>t.label))??[],a=t.length,i=Array(a).fill(0);this.chartData.forEach((t=>{Array.isArray(t?.data)&&t.data.forEach(((t,e)=>{e<a&&(i[e]=(i[e]??0)+(t?.value||0))}))}));const s=i.length>0?Math.max(...i):10,l=Math.pow(10,Math.floor(Math.log10(s||1)));let n=l;s/l<=2?n=l/5:s/l<=5&&(n=l/2);const o=Math.ceil(s/n)*n,g=[];if(Array.isArray(this.dataPoints)&&this.dataPoints.length>0){const t=[...this.dataPoints].sort(((t,a)=>t-a)),a=t.length>1?(t[1]??200)-(t[0]??0):200,e=Math.max(...t,o,...i),s=Math.ceil(e/(a||1));for(let t=0;t<=s;t++)g.push(t*a)}else{const t=5,a=o/(t-1);for(let i=0;i<t;i++)g.push(Math.round(0+i*a))}const h=Math.max(...g)-0||1,c=d({breakpoint:this.breakpoint});let p=!1,b=!1;"mobile"===this.breakpoint?"none"!==this.legend&&(p=!0):"top"===this.legend?p=!0:"right"===this.legend&&(b=!0);const m=100/a,x=.4*m;return e("div",{class:c},p?e("div",{class:"gids-bar-chart__header"},e("gids-chart-legend",{orientation:"horizontal"},this.chartData.map((t=>e("gids-chart-legend-item",{key:t.label,seriesColor:t?.seriesColor,orientation:"horizontal"},t.label))))):null,e("div",{class:"gids-bar-chart__main-container"},e("div",{class:"gids-bar-chart__grid-layout"},e("span",{class:"gids-bar-chart__y-axis-label"},this.yAxisLabel),e("div",{class:"gids-bar-chart__chart-stage-container"},this.yAxisVisible?e("div",{class:"gids-bar-chart__y-axis-scale-container"},g.map((t=>e("span",{class:"gids-bar-chart__scale-text gids-bar-chart__y-axis-scale-value",key:t,style:{bottom:(t-0)/h*100+"%"}},t)))):null,e("div",{class:"gids-bar-chart__chart-stage"},e("svg",{viewBox:"0 0 100 100",class:"gids-bar-chart__chart-vector",preserveAspectRatio:"none"},g.map((t=>{const a=100-(t-0)/h*100;return e("line",{x1:"0",y1:a,x2:"100",y2:a,class:"gids-bar-chart__grid-line",key:t})})),t.map(((t,a)=>{const i=a*m+(m-x)/2;let s=0;const r=[...this.chartData.map(((t,i)=>{if(!Array.isArray(t.data))return null;const e=t.data[a];if(!e)return null;const r=(e.value||0)/h*100,l=100-r-s;return s+=r,{seriesIdx:i,crownY:l,height:r,seriesColor:t?.seriesColor}})).filter((t=>null!==t&&t.height>0))].sort(((t,a)=>a.seriesIdx-t.seriesIdx));return e("g",{key:a},r.map((t=>{const a=.3*x,s=`\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tM ${i},${t.crownY+a}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tQ ${i},${t.crownY} ${i+a},${t.crownY}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tH ${i+x-a}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tQ ${i+x},${t.crownY} ${i+x},${t.crownY+a}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tV 100\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tH ${i}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tZ\n\t\t\t\t\t\t\t\t\t\t\t\t\t`.replace(/\s+/g," ").trim();return e("path",{key:t.seriesIdx,d:s,class:"gids-bar-chart__bar",style:{fill:t?.seriesColor}})})),e("rect",{x:i,y:"0",width:x,height:"100",fill:"transparent","pointer-events":"all",onMouseMove:t=>{this.hoveredIndex=a,this.tooltip={visible:!0,x:t.clientX,y:t.clientY}},onMouseLeave:()=>{this.hoveredIndex=null,this.tooltip={...this.tooltip,visible:!1}}}))}))),e("gids-advanced-tooltip",{visible:this.tooltip.visible,x:this.tooltip.x,y:this.tooltip.y,items:null!==this.hoveredIndex?this.getTooltipItems(this.hoveredIndex):[]}))),e("div",{class:"gids-bar-chart__x-axis-scale-container"},t.map(((t,a)=>e("span",{class:"gids-bar-chart__scale-text",key:a},t)))),e("span",{class:"gids-bar-chart__x-axis-label"},this.xAxisLabel)),b?e("gids-chart-legend",{orientation:"vertical"},this.chartData.map((t=>e("gids-chart-legend-item",{key:t.label,seriesColor:t?.seriesColor,orientation:"vertical"},t.label)))):null))}get hostElement(){return this}static get watchers(){return{chartData:[{chartDataChanged:0}],dataPoints:[{dataPointsChanged:0}],legend:[{legendChanged:0}],yAxisVisible:[{yAxisVisibilityChanged:0}]}}static get style(){return":host{display:block;width:100%;height:100%;box-sizing:border-box}.gids-bar-chart{display:flex;flex-direction:column;width:100%;height:100%;box-sizing:border-box}.gids-bar-chart--breakpoint-mobile{max-width:var(--gids-width-xs)}.gids-bar-chart__main-container{display:flex;gap:var(--gids-gap-200)}.gids-bar-chart__header{display:flex;justify-content:flex-end;align-items:center;width:100%;margin-bottom:var(--gids-padding-vertical-edge-to-element-200)}.gids-bar-chart__grid-layout{display:grid;grid-template-columns:auto 1fr;grid-template-rows:minmax(180px, 280px) auto auto;flex:1;width:100%;height:100%;box-sizing:border-box}.gids-bar-chart__y-axis-label{grid-column:1;grid-row:1;display:flex;align-items:center;justify-content:center;margin-right:var(--gids-padding-horizontal-edge-to-element-600);font-family:var(--gids-typography-label-x-small__font-family);font-size:var(--gids-typography-label-x-small__font-size);font-weight:var(--gids-typography-label-x-small__font-weight);letter-spacing:var(--gids-typography-label-x-small__letter-spacing);line-height:var(--gids-typography-label-x-small__line-height);text-transform:var(--gids-typography-label-x-small__text-transform, inherit);font-variant-caps:var(--gids-typography-label-x-small__font-variant-caps, inherit);color:var(--gids-color-text-subtlest);writing-mode:vertical-rl;transform:rotate(180deg);white-space:nowrap}.gids-bar-chart__chart-stage-container{grid-column:2;grid-row:1;position:relative;width:100%;height:100%;padding-left:var(--gids-container-padding-desktop);box-sizing:border-box}.gids-bar-chart__y-axis-scale-container{position:absolute;top:0;bottom:0;left:0;width:calc(var(--gids-container-padding-desktop) - var(--gids-padding-horizontal-edge-to-element-100));pointer-events:none}.gids-bar-chart__y-axis-scale-value{position:absolute;right:0;transform:translateY(50%);margin-right:var(--gids-padding-horizontal-edge-to-element-100)}.gids-bar-chart__chart-stage{position:relative;width:100%;height:100%;border-bottom:var(--gids-border-width-thin) solid var(--gids-color-border-default);box-sizing:border-box}.gids-bar-chart__chart-vector{display:block;width:100%;height:100%;overflow:visible}.gids-bar-chart__grid-line{stroke:var(--gids-color-border-default);stroke-width:0.5;fill:none}.gids-bar-chart{}.gids-bar-chart__bar{vector-effect:non-scaling-stroke}.gids-bar-chart{}.gids-bar-chart__x-axis-scale-container{display:flex;grid-column:2;grid-row:2;justify-content:space-around;align-items:center;padding-left:var(--gids-container-padding-desktop);padding-top:var(--gids-padding-vertical-edge-to-element-200);gap:var(--gids-gap-050);box-sizing:border-box}.gids-bar-chart__x-axis-label{grid-column:2;grid-row:3;display:flex;justify-content:center;align-items:center;padding-top:var(--gids-padding-vertical-edge-to-element-100);font-family:var(--gids-typography-label-x-small__font-family);font-size:var(--gids-typography-label-x-small__font-size);font-weight:var(--gids-typography-label-x-small__font-weight);letter-spacing:var(--gids-typography-label-x-small__letter-spacing);line-height:var(--gids-typography-label-x-small__line-height);text-transform:var(--gids-typography-label-x-small__text-transform, inherit);font-variant-caps:var(--gids-typography-label-x-small__font-variant-caps, inherit);color:var(--gids-color-text-subtlest);white-space:nowrap}.gids-bar-chart__scale-text{font-family:var(--gids-typography-label-x-small__font-family);font-size:var(--gids-typography-label-x-small__font-size);font-weight:var(--gids-typography-label-x-small__font-weight);letter-spacing:var(--gids-typography-label-x-small__letter-spacing);line-height:var(--gids-typography-label-x-small__line-height);text-transform:var(--gids-typography-label-x-small__text-transform, inherit);font-variant-caps:var(--gids-typography-label-x-small__font-variant-caps, inherit);color:var(--gids-color-text-subtlest);user-select:none;white-space:nowrap}.gids-bar-chart__no-data{display:flex;align-items:center;justify-content:center;padding:var(--gids-padding-vertical-edge-to-element-300) var(--gids-padding-horizontal-edge-to-element-100);width:100%;height:100%;min-height:200px;color:var(--gids-color-text-subtlest);border:var(--gids-border-width-thin) dashed var(--gids-color-border-default);border-radius:var(--gids-border-radius-md)}"}},[0,"gids-bar-chart",{breakpoint:[1],legend:[1],chartData:[16],yAxisVisible:[4,"y-axis-visible"],xAxisLabel:[1,"x-axis-label"],yAxisLabel:[1,"y-axis-label"],dataPoints:[16],chartLoaderSize:[1,"chart-loader-size"],chartLoading:[4,"chart-loading"],chartLoadingTitle:[1,"chart-loading-title"],chartLoadingSupportingText:[1,"chart-loading-supporting-text"],width:[32],height:[32],hoveredIndex:[32],tooltip:[32]},void 0,{chartData:[{chartDataChanged:0}],dataPoints:[{dataPointsChanged:0}],legend:[{legendChanged:0}],yAxisVisible:[{yAxisVisibilityChanged:0}]}]);function h(){"undefined"!=typeof customElements&&["gids-bar-chart","gids-advanced-tooltip","gids-chart-legend","gids-chart-legend-item"].forEach((a=>{switch(a){case"gids-bar-chart":customElements.get(t(a))||customElements.define(t(a),g);break;case"gids-advanced-tooltip":customElements.get(t(a))||l();break;case"gids-chart-legend":customElements.get(t(a))||n();break;case"gids-chart-legend-item":customElements.get(t(a))||o()}}))}h();export{g as G,h as d}
1
+ import{t,p as a,H as i,h as e}from"./p-Bf3p-DY2.js";import{GidsBarChartWebUtils as s}from"@ganpatiinfo/gids-web-shared";import{G as r}from"./p-DMNS1d8v.js";import{d as l}from"./p-Dd-ec-e0.js";import{d as n}from"./p-CiWZdp48.js";import{d as o}from"./p-DAuO4g6g.js";const{getGidsBarChartClassNames:d}=s,g=a(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.breakpoint="desktop",this.legend="none",this.chartData=[],this.yAxisVisible=!1,this.dataPoints=[],this.chartLoaderSize="lg",this.chartLoading=!1,this.width=0,this.height=0,this.hoveredIndex=null,this.tooltip={visible:!1,x:0,y:0}}chartDataChanged(){this.updateDimensions()}dataPointsChanged(t){this.dataPoints=t}legendChanged(t){this.legend=t}yAxisVisibilityChanged(t){this.yAxisVisible=t}componentDidLoad(){this.updateDimensions(),this.resizeObserver=new ResizeObserver((()=>this.updateDimensions())),this.hostElement.parentElement&&this.resizeObserver.observe(this.hostElement.parentElement)}disconnectedCallback(){this.resizeObserver&&this.resizeObserver.disconnect()}updateDimensions(){const t=this.hostElement.getBoundingClientRect();this.width=t.width,this.height=t.height>0?t.height:300}getTooltipItems(t){return this.chartData.reduce(((a,i)=>{const e=i.data[t];return e?(a.push({label:i?.label??"",value:String(e.value),seriesIndicatorColor:i?.seriesColor??""}),a):a}),[])}render(){if(this.chartLoading)return e("div",{class:"gids-bar-chart__no-data"},e(r,{label:this.chartLoadingTitle,supportingText:this.chartLoadingSupportingText,size:this?.chartLoaderSize??"lg"}));const t=this?.chartData?.[0]?.data?.map((t=>t.label))??[],a=t.length,i=Array(a).fill(0);this.chartData.forEach((t=>{Array.isArray(t?.data)&&t.data.forEach(((t,e)=>{e<a&&(i[e]=(i[e]??0)+(t?.value||0))}))}));const s=i.length>0?Math.max(...i):10,l=Math.pow(10,Math.floor(Math.log10(s||1)));let n=l;s/l<=2?n=l/5:s/l<=5&&(n=l/2);const o=Math.ceil(s/n)*n,g=[];if(Array.isArray(this.dataPoints)&&this.dataPoints.length>0){const t=[...this.dataPoints].sort(((t,a)=>t-a)),a=t.length>1?(t[1]??200)-(t[0]??0):200,e=Math.max(...t,o,...i),s=Math.ceil(e/(a||1));for(let t=0;t<=s;t++)g.push(t*a)}else{const t=5,a=o/(t-1);for(let i=0;i<t;i++)g.push(Math.round(0+i*a))}const h=Math.max(...g)-0||1,c=d({breakpoint:this.breakpoint});let p=!1,b=!1;"mobile"===this.breakpoint?"none"!==this.legend&&(p=!0):"top"===this.legend?p=!0:"right"===this.legend&&(b=!0);const m=100/a,y=.4*m;return e("div",{class:c},p?e("div",{class:"gids-bar-chart__header"},e("gids-chart-legend",{orientation:"horizontal"},this.chartData.map((t=>e("gids-chart-legend-item",{key:t.label,seriesColor:t?.seriesColor,orientation:"horizontal"},t.label))))):null,e("div",{class:"gids-bar-chart__main-container"},e("div",{class:"gids-bar-chart__grid-layout"},e("span",{class:"gids-bar-chart__y-axis-label"},this.yAxisLabel),e("div",{class:"gids-bar-chart__chart-stage-container"},this.yAxisVisible?e("div",{class:"gids-bar-chart__y-axis-scale-container"},g.map((t=>e("span",{class:"gids-bar-chart__scale-text gids-bar-chart__y-axis-scale-value",key:t,style:{bottom:(t-0)/h*100+"%"}},t)))):null,e("div",{class:"gids-bar-chart__chart-stage"},e("svg",{viewBox:"0 0 100 100",class:"gids-bar-chart__chart-vector",preserveAspectRatio:"none"},g.map((t=>{const a=100-(t-0)/h*100;return e("line",{x1:"0",y1:a,x2:"100",y2:a,class:"gids-bar-chart__grid-line",key:t})})),t.map(((t,a)=>{const i=a*m+(m-y)/2;let s=0;const r=[...this.chartData.map(((t,i)=>{if(!Array.isArray(t.data))return null;const e=t.data[a];if(!e)return null;const r=(e.value||0)/h*100,l=100-r-s;return s+=r,{seriesIdx:i,crownY:l,height:r,seriesColor:t?.seriesColor}})).filter((t=>null!==t&&t.height>0))].sort(((t,a)=>a.seriesIdx-t.seriesIdx));return e("g",{key:a},r.map((t=>{const a=.3*y,s=`\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tM ${i},${t.crownY+a}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tQ ${i},${t.crownY} ${i+a},${t.crownY}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tH ${i+y-a}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tQ ${i+y},${t.crownY} ${i+y},${t.crownY+a}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tV 100\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tH ${i}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tZ\n\t\t\t\t\t\t\t\t\t\t\t\t\t`.replace(/\s+/g," ").trim();return e("path",{key:t.seriesIdx,d:s,class:"gids-bar-chart__bar",style:{fill:t?.seriesColor}})})),e("rect",{x:i,y:"0",width:y,height:"100",fill:"transparent","pointer-events":"all",onMouseMove:t=>{this.hoveredIndex=a,this.tooltip={visible:!0,x:t.clientX,y:t.clientY}},onMouseLeave:()=>{this.hoveredIndex=null,this.tooltip={...this.tooltip,visible:!1}}}))}))),e("gids-advanced-tooltip",{visible:this.tooltip.visible,x:this.tooltip.x,y:this.tooltip.y,items:null!==this.hoveredIndex?this.getTooltipItems(this.hoveredIndex):[]}))),e("div",{class:"gids-bar-chart__x-axis-scale-container"},t.map(((t,a)=>e("span",{class:"gids-bar-chart__scale-text",key:a},t)))),e("span",{class:"gids-bar-chart__x-axis-label"},this.xAxisLabel)),b?e("gids-chart-legend",{orientation:"vertical"},this.chartData.map((t=>e("gids-chart-legend-item",{key:t.label,seriesColor:t?.seriesColor,orientation:"vertical"},t.label)))):null))}get hostElement(){return this}static get watchers(){return{chartData:[{chartDataChanged:0}],dataPoints:[{dataPointsChanged:0}],legend:[{legendChanged:0}],yAxisVisible:[{yAxisVisibilityChanged:0}]}}static get style(){return":host{display:block;width:100%;height:100%;box-sizing:border-box}.gids-bar-chart{display:flex;flex-direction:column;width:100%;height:100%;box-sizing:border-box}.gids-bar-chart--breakpoint-mobile{max-width:var(--gids-width-xs)}.gids-bar-chart__main-container{display:flex;gap:var(--gids-gap-200)}.gids-bar-chart__header{display:flex;justify-content:flex-end;align-items:center;width:100%;margin-bottom:var(--gids-padding-vertical-edge-to-element-200)}.gids-bar-chart__grid-layout{display:grid;grid-template-columns:auto 1fr;grid-template-rows:minmax(180px, 280px) auto auto;flex:1;width:100%;height:100%;box-sizing:border-box}.gids-bar-chart__y-axis-label{grid-column:1;grid-row:1;display:flex;align-items:center;justify-content:center;margin-right:var(--gids-padding-horizontal-edge-to-element-600);font-family:var(--gids-typography-label-x-small__font-family);font-size:var(--gids-typography-label-x-small__font-size);font-weight:var(--gids-typography-label-x-small__font-weight);letter-spacing:var(--gids-typography-label-x-small__letter-spacing);line-height:var(--gids-typography-label-x-small__line-height);text-transform:var(--gids-typography-label-x-small__text-transform, inherit);font-variant-caps:var(--gids-typography-label-x-small__font-variant-caps, inherit);color:var(--gids-color-text-subtlest);writing-mode:vertical-rl;transform:rotate(180deg);white-space:nowrap}.gids-bar-chart__chart-stage-container{grid-column:2;grid-row:1;position:relative;width:100%;height:100%;padding-left:var(--gids-container-padding-desktop);box-sizing:border-box}.gids-bar-chart__y-axis-scale-container{position:absolute;top:0;bottom:0;left:0;width:calc(var(--gids-container-padding-desktop) - var(--gids-padding-horizontal-edge-to-element-100));pointer-events:none}.gids-bar-chart__y-axis-scale-value{position:absolute;right:0;transform:translateY(50%);margin-right:var(--gids-padding-horizontal-edge-to-element-100)}.gids-bar-chart__chart-stage{position:relative;width:100%;height:100%;border-bottom:var(--gids-border-width-thin) solid var(--gids-color-border-default);box-sizing:border-box}.gids-bar-chart__chart-vector{display:block;width:100%;height:100%;overflow:visible}.gids-bar-chart__grid-line{stroke:var(--gids-color-border-default);stroke-width:0.5;fill:none}.gids-bar-chart{}.gids-bar-chart__bar{vector-effect:non-scaling-stroke}.gids-bar-chart{}.gids-bar-chart__x-axis-scale-container{display:flex;grid-column:2;grid-row:2;justify-content:space-around;align-items:center;padding-left:var(--gids-container-padding-desktop);padding-top:var(--gids-padding-vertical-edge-to-element-200);gap:var(--gids-gap-050);box-sizing:border-box}.gids-bar-chart__x-axis-label{grid-column:2;grid-row:3;display:flex;justify-content:center;align-items:center;padding-top:var(--gids-padding-vertical-edge-to-element-100);font-family:var(--gids-typography-label-x-small__font-family);font-size:var(--gids-typography-label-x-small__font-size);font-weight:var(--gids-typography-label-x-small__font-weight);letter-spacing:var(--gids-typography-label-x-small__letter-spacing);line-height:var(--gids-typography-label-x-small__line-height);text-transform:var(--gids-typography-label-x-small__text-transform, inherit);font-variant-caps:var(--gids-typography-label-x-small__font-variant-caps, inherit);color:var(--gids-color-text-subtlest);white-space:nowrap}.gids-bar-chart__scale-text{font-family:var(--gids-typography-label-x-small__font-family);font-size:var(--gids-typography-label-x-small__font-size);font-weight:var(--gids-typography-label-x-small__font-weight);letter-spacing:var(--gids-typography-label-x-small__letter-spacing);line-height:var(--gids-typography-label-x-small__line-height);text-transform:var(--gids-typography-label-x-small__text-transform, inherit);font-variant-caps:var(--gids-typography-label-x-small__font-variant-caps, inherit);color:var(--gids-color-text-subtlest);user-select:none;white-space:nowrap}.gids-bar-chart__no-data{display:flex;align-items:center;justify-content:center;padding:var(--gids-padding-vertical-edge-to-element-300) var(--gids-padding-horizontal-edge-to-element-100);width:100%;height:100%;min-height:200px;color:var(--gids-color-text-subtlest);border:var(--gids-border-width-thin) dashed var(--gids-color-border-default);border-radius:var(--gids-border-radius-md)}"}},[0,"gids-bar-chart",{breakpoint:[1],legend:[1],chartData:[16],yAxisVisible:[4,"y-axis-visible"],xAxisLabel:[1,"x-axis-label"],yAxisLabel:[1,"y-axis-label"],dataPoints:[16],chartLoaderSize:[1,"chart-loader-size"],chartLoading:[4,"chart-loading"],chartLoadingTitle:[1,"chart-loading-title"],chartLoadingSupportingText:[1,"chart-loading-supporting-text"],width:[32],height:[32],hoveredIndex:[32],tooltip:[32]},void 0,{chartData:[{chartDataChanged:0}],dataPoints:[{dataPointsChanged:0}],legend:[{legendChanged:0}],yAxisVisible:[{yAxisVisibilityChanged:0}]}]);function h(){"undefined"!=typeof customElements&&["gids-bar-chart","gids-advanced-tooltip","gids-chart-legend","gids-chart-legend-item"].forEach((a=>{switch(a){case"gids-bar-chart":customElements.get(t(a))||customElements.define(t(a),g);break;case"gids-advanced-tooltip":customElements.get(t(a))||l();break;case"gids-chart-legend":customElements.get(t(a))||n();break;case"gids-chart-legend-item":customElements.get(t(a))||o()}}))}h();export{g as G,h as d}
@@ -0,0 +1 @@
1
+ import{h as e,t as a,p as t,H as i,d as r}from"./p-Bf3p-DY2.js";import{GidsAvatarWebUtils as n,GidsProfileMenuHeaderWebUtils as s}from"@ganpatiinfo/gids-web-shared";import{GidsAvatarCommonUtils as o,GidsProfileMenuHeaderCommonUtils as d}from"@ganpatiinfo/gids-core-shared";import{G as l}from"./p-D4Pimu_8.js";import{c as g}from"./p-ChV9xqsO.js";import{G as p}from"./p-CXFvqDBs.js";const{shouldTextBeHiddenFromAt:h}=o,{getGidsAvatarClassNames:c}=n,m=({appearance:a,color:t,size:i,badge:r,text:n,imageSrc:s,alt:o,iconTitleId:d,class:g,...p})=>{const m=h({text:n,alt:o});return e("span",{class:c({color:t,size:i},g),...p},"image"===a?e("img",{src:s,alt:o??n??"",width:"100",height:"100"}):"icon"===a?e(l,{name:"user",alt:o??n,titleId:d}):e("span",{role:m?void 0:"img","aria-hidden":m?"true":void 0,"aria-label":m?void 0:o??n},n),r)},{getGidsProfileMenuHeaderClassNames:f}=s,{getProfileHeaderMenuAvatarText:v}=d,_=t(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.headerItemsPosition="default",this.avatarVisible=!1,this.avatarBadgeVisible=!1,this.onAvatarItemPress=e=>{const a=this.pressHeaderItems(e);this.onHeaderAvatarPress&&this.onHeaderAvatarPress({...a})},this.onHeaderItemTitlePress=e=>{const a=this.pressHeaderItems(e);this.onHeaderTitlePress&&this.onHeaderTitlePress({...a})},this.onHeaderItemSupportingTextPress=e=>{const a=this.pressHeaderItems(e);this.onHeaderSupportingTextPress&&this.onHeaderSupportingTextPress({...a})},this.pressHeaderItems=e=>{const a=this.avatarProps,t=a?.badgeProps??{};return{originalEvent:e,appearance:a?.appearance??"text",color:a?.color??"brand",imageSrc:a?.imageSrc??"",size:a?.size??"xl",text:this.getAvatarText(),badgeProps:{...t},headerItemsPosition:this?.headerItemsPosition??"default",headerTitle:this?.headerTitle??"",headerSupportingText:this?.headerSupportingText??""}},this.getAvatarText=()=>{const e=this?.avatarProps,a=this?.headerTitle;return e?.text??v({headerTitle:a})}}avatarPropsChanged(e){this.avatarProps=e}headerItemsPositionChanged(e){this.headerItemsPosition=e}headerTitleChanged(e){this.headerTitle=e}headerSupportingTextChanged(e){this.headerSupportingText=e}avatarVisibilityChanged(e){this.avatarVisible=e}avatarBadgeVisibilityChanged(e){this.avatarBadgeVisible=e}connectedCallback(){}render(){const a=this?.headerItemsPosition??"default",t=this?.headerTitle,i=this?.headerSupportingText,n=this?.avatarVisible??!1,s=this?.avatarBadgeVisible??!1,o=this?.avatarProps,d=o?.badgeProps,l=f({headerItemsPosition:a}),h=o?.size??"xl";return e(r,{key:"9b46b9581c3bdba759a9d4b8506a9acc8d44e144",class:l},n?e(m,{onClick:this.onAvatarItemPress,appearance:o?.appearance??"text",color:o?.color??"brand",size:h,text:this.getAvatarText(),imageSrc:o?.imageSrc??"",alt:o?.alt??"alt-img",badge:s?e(p,{appearance:d?.appearance??"information",type:d?.type,count:d?.count,outline:d?.outline}):void 0}):void 0,e("div",{key:"3a1758aef7a6393efcd87f52fbf21ba93977b62b",class:g("gids-profile-menu-header__content-container-default",{"gids-profile-menu-header__content-container-centralized":"centralized"===a})},e("span",{key:"26ea32d71575058291f0b0df78046d5c4dc642fd",onClick:this.onHeaderItemTitlePress},t),e("p",{key:"e559efb7c4860826925d021cceee93f058380430",onClick:this.onHeaderItemSupportingTextPress},i)))}get hostElement(){return this}static get watchers(){return{avatarProps:[{avatarPropsChanged:0}],headerItemsPosition:[{headerItemsPositionChanged:0}],headerTitle:[{headerTitleChanged:0}],headerSupportingText:[{headerSupportingTextChanged:0}],avatarVisible:[{avatarVisibilityChanged:0}],avatarBadgeVisible:[{avatarBadgeVisibilityChanged:0}]}}static get style(){return".gids-profile-menu-header{display:flex;gap:var(--gids-gap-100);align-items:center;justify-content:flex-start;width:100%}.gids-profile-menu-header .gids-avatar{cursor:pointer;transition:all 0.3s ease-in-out}.gids-profile-menu-header .gids-avatar:hover{transform:scale(1.2)}.gids-profile-menu-header .gids-avatar:active{transform:scale(1)}.gids-profile-menu-header--position-centralized{flex-direction:column;justify-content:center;align-items:center;gap:var(--gids-gap-150)}.gids-profile-menu-header__content-container-default{display:flex;flex-direction:column;text-align:left}.gids-profile-menu-header__content-container-default span{font-family:var(--gids-typography-heading-x-small__font-family);font-size:var(--gids-typography-heading-x-small__font-size);font-weight:var(--gids-typography-heading-x-small__font-weight);letter-spacing:var(--gids-typography-heading-x-small__letter-spacing);line-height:var(--gids-typography-heading-x-small__line-height);text-transform:var(--gids-typography-heading-x-small__text-transform, inherit);font-variant-caps:var(--gids-typography-heading-x-small__font-variant-caps, inherit);color:var(--gids-color-text-default);cursor:pointer;transition:all 0.3s ease-in-out}.gids-profile-menu-header__content-container-default span:hover{transform:scale(1.1);padding-bottom:var(--gids-padding-vertical-edge-to-element-050);padding-left:var(--gids-padding-horizontal-edge-to-element-100)}.gids-profile-menu-header__content-container-default span:active{transform:scale(1)}.gids-profile-menu-header__content-container-default p{margin:0;padding:0;font-family:var(--gids-typography-paragraph-small__font-family);font-size:var(--gids-typography-paragraph-small__font-size);font-weight:var(--gids-typography-paragraph-small__font-weight);letter-spacing:var(--gids-typography-paragraph-small__letter-spacing);line-height:var(--gids-typography-paragraph-small__line-height);text-transform:var(--gids-typography-paragraph-small__text-transform, inherit);font-variant-caps:var(--gids-typography-paragraph-small__font-variant-caps, inherit);color:var(--gids-color-text-subtlest);cursor:pointer;transition:all 0.3s ease-in-out}.gids-profile-menu-header__content-container-default p:hover{transform:scale(1.1);padding-top:var(--gids-padding-vertical-edge-to-element-050);padding-left:var(--gids-padding-horizontal-edge-to-element-100)}.gids-profile-menu-header__content-container-default p:active{transform:scale(1)}.gids-profile-menu-header__content-container-centralized{text-align:center}.gids-profile-menu-header__content-container-centralized span{font-family:var(--gids-typography-heading-x-small__font-family);font-size:var(--gids-typography-heading-x-small__font-size);font-weight:var(--gids-typography-heading-x-small__font-weight);letter-spacing:var(--gids-typography-heading-x-small__letter-spacing);line-height:var(--gids-typography-heading-x-small__line-height);text-transform:var(--gids-typography-heading-x-small__text-transform, inherit);font-variant-caps:var(--gids-typography-heading-x-small__font-variant-caps, inherit);color:var(--gids-color-text-default);cursor:pointer;transition:all 0.3s ease-in-out}.gids-profile-menu-header__content-container-centralized span:hover{transform:scale(1.1);padding-bottom:var(--gids-padding-vertical-edge-to-element-050)}.gids-profile-menu-header__content-container-centralized span:active{transform:scale(1)}.gids-profile-menu-header__content-container-centralized p{margin:0;padding:0;font-family:var(--gids-typography-paragraph-small__font-family);font-size:var(--gids-typography-paragraph-small__font-size);font-weight:var(--gids-typography-paragraph-small__font-weight);letter-spacing:var(--gids-typography-paragraph-small__letter-spacing);line-height:var(--gids-typography-paragraph-small__line-height);text-transform:var(--gids-typography-paragraph-small__text-transform, inherit);font-variant-caps:var(--gids-typography-paragraph-small__font-variant-caps, inherit);color:var(--gids-color-text-subtlest);cursor:pointer;transition:all 0.3s ease-in-out}.gids-profile-menu-header__content-container-centralized p:hover{transform:scale(1.1);padding-top:var(--gids-padding-vertical-edge-to-element-050)}.gids-profile-menu-header__content-container-centralized p:active{transform:scale(1)}"}},[0,"gids-profile-menu-header",{avatarProps:[16],headerItemsPosition:[1,"header-items-position"],headerTitle:[1,"header-title"],headerSupportingText:[1,"header-supporting-text"],avatarVisible:[4,"avatar-visible"],avatarBadgeVisible:[4,"avatar-badge-visible"],onHeaderAvatarPress:[16],onHeaderTitlePress:[16],onHeaderSupportingTextPress:[16]},void 0,{avatarProps:[{avatarPropsChanged:0}],headerItemsPosition:[{headerItemsPositionChanged:0}],headerTitle:[{headerTitleChanged:0}],headerSupportingText:[{headerSupportingTextChanged:0}],avatarVisible:[{avatarVisibilityChanged:0}],avatarBadgeVisible:[{avatarBadgeVisibilityChanged:0}]}]);function u(){"undefined"!=typeof customElements&&["gids-profile-menu-header"].forEach((e=>{"gids-profile-menu-header"===e&&(customElements.get(a(e))||customElements.define(a(e),_))}))}u();export{m as G,_ as a,u as d}
@@ -0,0 +1 @@
1
+ import{t as e,p as t,H as s,h as i}from"./p-Bf3p-DY2.js";import{GidsCalendarYearListWebUtils as a}from"@ganpatiinfo/gids-web-shared";import{G as r,a as n}from"./p-Bs8TP3Rb.js";import{G as d}from"./p-DObJEzlz.js";const{getGidsCalendarYearListClassNames:h,getGidsCalendarYearListYears:o,isValidFourDigitYear:c}=a,l=t(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.type="default",this.disabledIndices=[],this.divider=!1,this.newStartYear=(new Date).getFullYear(),this.newEndYear=(new Date).getFullYear()+100,this.hasItemListener=!1,this.suppressNextMenuClickSelection=!1,this.handleCalendarMenuItemSelect=e=>{const{title:t,value:s,selectedIndex:i,disabled:a,id:r}=e.detail;a||"string"!=typeof t||(this.suppressNextMenuClickSelection=!0,queueMicrotask((()=>{this.suppressNextMenuClickSelection=!1})),this.applySelection({id:r,year:Number(s),disabled:!1,selectedIndex:i,startYear:this.newStartYear,endYear:this.newEndYear}))},this.handleMenuClick=e=>{if(this.suppressNextMenuClickSelection)return;const t=e?.detail;this.applySelection({id:t.id,year:Number(t.value),disabled:!1,selectedIndex:t.selectedIndex,startYear:this.newStartYear,endYear:this.newEndYear})},this.yearsList=()=>o({startYear:this.newStartYear,endYear:this.newEndYear}),this.getSelectedItem=()=>{const e=this.selectedYear,t=this.yearsList(),s=t.findIndex((t=>t.value===e));let i;return null!=s&&-1!==s&&(i=t[s]),{foundItem:i,foundIndex:s}},this.isItemSelected=e=>{const{foundIndex:t}=this.getSelectedItem();return t===e}}connectedCallback(){this.attachItemListener(),this.handleStartAndEndYear()}disconnectedCallback(){this.detachItemListener()}getItemElements(){return Array.from(this.hostElement.querySelectorAll(".gids-dropdown-item"))}attachItemListener(){this.hasItemListener||(this.hostElement.addEventListener("onPressDropdownItem",this.handleCalendarMenuItemSelect),this.hasItemListener=!0)}detachItemListener(){this.hasItemListener&&(this.hostElement.removeEventListener("onPressDropdownItem",this.handleCalendarMenuItemSelect),this.hasItemListener=!1)}handleStartAndEndYear(){const e=this.startYear,t=this.endYear;return this.newStartYear=e&&e>0&&c(e)?e:(new Date).getFullYear(),this.newEndYear=t&&t>0&&c(t)?t:this.newStartYear+100,{newStartYear:this.newStartYear,newEndYear:this.newEndYear}}applySelection(e){this.clearActive(),this.onSelectionYearChange?.(e),this.hostElement.dispatchEvent(new CustomEvent("gidsCalendarYearChange",{bubbles:!0,composed:!0,detail:e}))}clearActive(){this.getItemElements().forEach((e=>e.classList.remove("gids-dropdown-item--active")))}render(){const e=h();return i("div",{key:"30e35bd40ce7aaa63a3bd6789d8542e9ac49b484",class:e},i(r,{key:"0002ca94fb2dcfea9c6c1b4a63539a72845ce8ce",type:this.type,supportingText:this.noOptionsText},i(n,{key:"8e283dc04cf6c9e0a533b889c29d9df1919c2c2a",sectionLabel:"Years"},this.yearsList().map(((e,t)=>{const s=`${t+1}`,a=this.disabledIndices?.includes(e.value);return i(d,{title:e.title,value:`${e.value}`,key:`${t.toString()}`,index:t,id:s,selected:this.isItemSelected(t),onPressDropdownItem:this.handleMenuClick,disabled:a,divider:this.divider,isPlaceholderItem:!1})})))))}get hostElement(){return this}},[0,"gids-calendar-year-list",{type:[1],noOptionsText:[1,"no-options-text"],disabledIndices:[16],divider:[4],selectedYear:[2,"selected-year"],startYear:[2,"start-year"],endYear:[2,"end-year"],onSelectionYearChange:[16],newStartYear:[32],newEndYear:[32]}]);function m(){"undefined"!=typeof customElements&&["gids-calendar-year-list"].forEach((t=>{"gids-calendar-year-list"===t&&(customElements.get(e(t))||customElements.define(e(t),l))}))}m();export{l as G,m as d}
@@ -1 +1 @@
1
- import{t as e,p as t,H as i,h as s,F as a}from"./p-Bf3p-DY2.js";import{isInteractiveElement as n}from"@ganpatiinfo/gids-web-shared";import{G as d}from"./p-D4Pimu_8.js";import{G as l}from"./p-CHGTBObD.js";const c=t(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.#e={},this._focusInput=e=>{const t=e.target;t===this.#t||this._isWithinInteractiveElement(t)||this.#t?.focus()},this._handleInputFocusAndBlur=e=>{this._el.dispatchEvent(new FocusEvent(e.type,{relatedTarget:e.relatedTarget}))}}get defaultValue(){return this.#t?.defaultValue??this.#e.defaultValue??""}set defaultValue(e){this.#t?this.#t.defaultValue=e:this.#e.defaultValue=e}get value(){return this.#t?.value??this.#e.value??this.#e.defaultValue??""}set value(e){this.#t?this.#t.value=e:this.#e.value=e}#t;#e;_isWithinInteractiveElement(e){if(null===e||e===this._el||!this._el.contains(e))return!1;if(n(e))return!0;{const t=e.parentElement;if(t)return this._isWithinInteractiveElement(t)}return!1}connectedCallback(){this._el.addEventListener("click",this._focusInput)}disconnectedCallback(){this._el.removeEventListener("click",this._focusInput)}render(){return s(a,{key:"8e83f27a9a2184689594d011aa47837b3e99eff9"},s("slot",{key:"0cd90f0580e2e57140fb8abb16250444d75b7ae2",name:"leadingIcon"}),this.leadingLabel&&s("span",{key:"c61a6ffd7054190421724c5125639b53d1ac2f28",class:"gids-input__label"},this.leadingLabel),s("slot",{key:"ea00c693b1fcfd6ba85c2179ce97bc286073078c",name:"leadingAccessory"}),s("input",{key:"00dcbb06fd546b60fed8310056096d25c0dc09d2",...this.inputProps,ref:e=>{this.#t=e,void 0!==this.#e.value&&(this.#t.value=this.#e.value,delete this.#e.value),void 0!==this.#e.defaultValue&&(this.#t.defaultValue=this.#e.defaultValue,delete this.#e.defaultValue)},class:"gids-input__control",name:this.name,disabled:this.disabled,readOnly:this.readOnly,required:this.required,onFocus:this._handleInputFocusAndBlur,onBlur:this._handleInputFocusAndBlur}),s("slot",{key:"aa449cf35c27946ad62bb63050e302167e871dc7",name:"trailingAccessory"}),this.trailingLabel&&s("span",{key:"a896156b9a680a2dae3bf572ca3a34b6b385d19d",class:"gids-input__label"},this.trailingLabel),s("slot",{key:"45c922441ce3eedd0d57dcfedc6e9629da056082",name:"trailingIcon"}),"incomplete"===this.status&&s(d,{key:"5b13f1af4a6eba7f18c1c0fd9cbd1f29decdd966",name:"warning",appearance:"filled",class:"gids-input__warning-icon"}),"complete"===this.status&&s(d,{key:"20cbf20a8465e1f774171e9d42009a66445fa988",name:"positive",appearance:"filled",class:"gids-input__positive-icon"}),this.loading&&s(l,{key:"add57df9d054eb26ad00ed8debe5f0d48502953d",size:"md",indeterminate:!0}))}get _el(){return this}},[260,"gids-input",{appearance:[513],defaultValue:[6657,"default-value"],disabled:[516],inputProps:[16],leadingLabel:[513,"leading-label"],trailingLabel:[513,"trailing-label"],loading:[516],name:[513],readOnly:[516,"readonly"],required:[516],status:[513],value:[6145]}]);function r(){"undefined"!=typeof customElements&&["gids-input"].forEach((t=>{"gids-input"===t&&(customElements.get(e(t))||customElements.define(e(t),c))}))}r();export{c as G,r as d}
1
+ import{t as e,p as t,H as i,h as s,F as a}from"./p-Bf3p-DY2.js";import{isInteractiveElement as n}from"@ganpatiinfo/gids-web-shared";import{G as c}from"./p-D4Pimu_8.js";import{G as l}from"./p-CHGTBObD.js";const d=t(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.#e={},this._focusInput=e=>{const t=e.target;t===this.#t||this._isWithinInteractiveElement(t)||this.#t?.focus()},this._handleInputFocusAndBlur=e=>{this._el.dispatchEvent(new FocusEvent(e.type,{relatedTarget:e.relatedTarget}))}}get defaultValue(){return this.#t?.defaultValue??this.#e.defaultValue??""}set defaultValue(e){this.#t?this.#t.defaultValue=e:this.#e.defaultValue=e}get value(){return this.#t?.value??this.#e.value??this.#e.defaultValue??""}set value(e){this.#t?this.#t.value=e:this.#e.value=e}#t;#e;_isWithinInteractiveElement(e){if(null===e||e===this._el||!this._el.contains(e))return!1;if(n(e))return!0;{const t=e.parentElement;if(t)return this._isWithinInteractiveElement(t)}return!1}connectedCallback(){this._el.addEventListener("click",this._focusInput)}disconnectedCallback(){this._el.removeEventListener("click",this._focusInput)}render(){return s(a,{key:"3e5c67807cc1acb5e6c2500670f1d0fea9381d88"},s("slot",{key:"47f73fead08570ba0b52f30ca966e1a987fa7ab1",name:"leadingIcon"}),this.leadingLabel&&s("span",{key:"ce9d892b1f69e26a99ba2a4bf3ee7ca7b34a91db",class:"gids-input__label"},this.leadingLabel),s("slot",{key:"fb55dde9ab4544932144763d8478ea2a9b52c4e9",name:"leadingAccessory"}),s("input",{key:"c5eb30883b552ccf8c92a8050f41dc997480b2f6",...this.inputProps,ref:e=>{this.#t=e,void 0!==this.#e.value&&(this.#t.value=this.#e.value,delete this.#e.value),void 0!==this.#e.defaultValue&&(this.#t.defaultValue=this.#e.defaultValue,delete this.#e.defaultValue)},class:"gids-input__control",name:this.name,disabled:this.disabled,readOnly:this.readOnly,required:this.required,onFocus:this._handleInputFocusAndBlur,onBlur:this._handleInputFocusAndBlur}),s("slot",{key:"9a6c373345f0fa962f4799eeb0df8c832868fbda",name:"trailingAccessory"}),this.trailingLabel&&s("span",{key:"92eb392fefe5ce474d2b9e161c4037180fbcc647",class:"gids-input__label"},this.trailingLabel),s("slot",{key:"e0869ac0156f877de99cb540e45b6229c95427ae",name:"trailingIcon"}),"incomplete"===this.status&&s(c,{key:"4f18050a0dda1d5a5beba5f5953072cfd0ff1688",name:"warning",appearance:"filled",class:"gids-input__warning-icon"}),"complete"===this.status&&s(c,{key:"51ddf5dc0ecee91201245f2f7ed837e02f100aeb",name:"positive",appearance:"filled",class:"gids-input__positive-icon"}),this.loading&&s(l,{key:"641dcdf6432777c6f945a548ab36c682f35974a1",size:"md",indeterminate:!0}))}get _el(){return this}},[260,"gids-input",{appearance:[513],defaultValue:[6657,"default-value"],disabled:[516],inputProps:[16],leadingLabel:[513,"leading-label"],trailingLabel:[513,"trailing-label"],loading:[516],name:[513],readOnly:[516,"readonly"],required:[516],status:[513],value:[6145]}]);function r(){"undefined"!=typeof customElements&&["gids-input"].forEach((t=>{"gids-input"===t&&(customElements.get(e(t))||customElements.define(e(t),d))}))}r();export{d as G,r as d}