@sme.up/ketchup 11.0.0-SNAPSHOT-20241023072631 → 11.0.0-SNAPSHOT-20241023082921

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 (248) hide show
  1. package/dist/cjs/{f-cell-95f965f3.js → f-cell-c5a85032.js} +64 -1
  2. package/dist/cjs/f-cell-c5a85032.js.map +1 -0
  3. package/dist/cjs/kup-autocomplete_27.cjs.entry.js +49 -49
  4. package/dist/cjs/kup-box.cjs.entry.js +1 -1
  5. package/dist/cjs/kup-cell.cjs.entry.js +4 -19
  6. package/dist/cjs/kup-cell.cjs.entry.js.map +1 -1
  7. package/dist/cjs/kup-custom-task-list-header_4.cjs.entry.js +7 -7
  8. package/dist/cjs/kup-dashboard.cjs.entry.js +1 -1
  9. package/dist/cjs/kup-drawer.cjs.entry.js +2 -2
  10. package/dist/cjs/kup-echart.cjs.entry.js +1 -1
  11. package/dist/cjs/kup-editor.cjs.entry.js +1 -1
  12. package/dist/cjs/kup-family-tree.cjs.entry.js +2 -2
  13. package/dist/cjs/kup-gantt_10.cjs.entry.js +23 -23
  14. package/dist/cjs/kup-image-list.cjs.entry.js +4 -4
  15. package/dist/cjs/kup-input-panel.cjs.entry.js +2 -2
  16. package/dist/cjs/kup-lazy.cjs.entry.js +11 -11
  17. package/dist/cjs/kup-magic-box.cjs.entry.js +3 -3
  18. package/dist/cjs/kup-nav-bar.cjs.entry.js +1 -1
  19. package/dist/cjs/kup-numeric-picker.cjs.entry.js +1 -1
  20. package/dist/cjs/kup-pdf.cjs.entry.js +1 -1
  21. package/dist/cjs/kup-photo-frame.cjs.entry.js +2 -2
  22. package/dist/cjs/kup-planner-renderer.cjs.entry.js +2 -2
  23. package/dist/cjs/kup-planner.cjs.entry.js +1 -1
  24. package/dist/cjs/kup-probe.cjs.entry.js +1 -1
  25. package/dist/cjs/kup-qlik.cjs.entry.js +1 -1
  26. package/dist/cjs/kup-snackbar.cjs.entry.js +1 -1
  27. package/dist/cjs/kup-typography-list.cjs.entry.js +1 -1
  28. package/dist/cjs/kup-typography.cjs.entry.js +1 -1
  29. package/dist/collection/components/kup-cell/kup-cell.js +4 -18
  30. package/dist/collection/components/kup-cell/kup-cell.js.map +1 -1
  31. package/dist/collection/components/kup-checkbox/kup-checkbox.js +1 -1
  32. package/dist/collection/components/kup-chip/kup-chip.js +2 -2
  33. package/dist/collection/components/kup-color-picker/kup-color-picker.js +2 -2
  34. package/dist/collection/components/kup-combobox/kup-combobox.js +1 -1
  35. package/dist/collection/components/kup-dashboard/kup-dashboard.js +1 -1
  36. package/dist/collection/components/kup-date-picker/kup-date-picker.js +1 -1
  37. package/dist/collection/components/kup-dialog/kup-dialog.js +1 -1
  38. package/dist/collection/components/kup-drawer/kup-drawer.js +2 -2
  39. package/dist/collection/components/kup-echart/kup-echart.js +1 -1
  40. package/dist/collection/components/kup-editor/kup-editor.js +1 -1
  41. package/dist/collection/components/kup-family-tree/kup-family-tree.js +2 -2
  42. package/dist/collection/components/kup-form/kup-form.js +2 -2
  43. package/dist/collection/components/kup-image-list/kup-image-list.js +3 -3
  44. package/dist/collection/components/kup-input-panel/kup-input-panel.js +1 -1
  45. package/dist/collection/components/kup-lazy/kup-lazy.js +11 -11
  46. package/dist/collection/components/kup-magic-box/kup-magic-box.js +3 -3
  47. package/dist/collection/components/kup-nav-bar/kup-nav-bar.js +1 -1
  48. package/dist/collection/components/kup-numeric-picker/kup-numeric-picker.js +1 -1
  49. package/dist/collection/components/kup-pdf/kup-pdf.js +1 -1
  50. package/dist/collection/components/kup-photo-frame/kup-photo-frame.js +2 -2
  51. package/dist/collection/components/kup-planner/kup-planner.js +1 -1
  52. package/dist/collection/components/kup-planner/utils/custom-task-list-header.js +2 -2
  53. package/dist/collection/components/kup-planner/utils/kup-gantt/kup-gantt.js +2 -2
  54. package/dist/collection/components/kup-planner/utils/kup-gantt-calendar/kup-gantt-calendar.js +2 -2
  55. package/dist/collection/components/kup-planner/utils/kup-grid-renderer/kup-grid-renderer.js +3 -3
  56. package/dist/collection/components/kup-planner/utils/kup-horizontal-scroll/kup-horizontal-scroll.js +5 -5
  57. package/dist/collection/components/kup-planner/utils/kup-planner-renderer.js +2 -2
  58. package/dist/collection/components/kup-planner/utils/kup-switcher/kup-switcher.js +1 -1
  59. package/dist/collection/components/kup-planner/utils/kup-task-gantt/kup-task-gantt.js +2 -2
  60. package/dist/collection/components/kup-planner/utils/kup-task-list/kup-task-list-header.js +7 -7
  61. package/dist/collection/components/kup-planner/utils/kup-task-list/kup-task-list-table.js +1 -1
  62. package/dist/collection/components/kup-planner/utils/kup-task-list/kup-task-list.js +1 -1
  63. package/dist/collection/components/kup-planner/utils/kup-tooltip/kup-standard-tooltip.js +1 -1
  64. package/dist/collection/components/kup-planner/utils/kup-tooltip/kup-tooltip.js +1 -1
  65. package/dist/collection/components/kup-planner/utils/kup-vertical-scroll/kup-vertical-scroll.js +2 -2
  66. package/dist/collection/components/kup-probe/kup-probe.js +1 -1
  67. package/dist/collection/components/kup-progress-bar/kup-progress-bar.js +1 -1
  68. package/dist/collection/components/kup-qlik/kup-qlik.js +1 -1
  69. package/dist/collection/components/kup-rating/kup-rating.js +1 -1
  70. package/dist/collection/components/kup-snackbar/kup-snackbar.js +1 -1
  71. package/dist/collection/components/kup-spinner/kup-spinner.js +34 -34
  72. package/dist/collection/components/kup-switch/kup-switch.js +1 -1
  73. package/dist/collection/components/kup-time-picker/kup-time-picker.js +1 -1
  74. package/dist/collection/components/kup-typography/kup-typography.js +1 -1
  75. package/dist/collection/components/kup-typography-list/kup-typography-list.js +1 -1
  76. package/dist/collection/f-components/f-cell/f-cell.js +64 -1
  77. package/dist/collection/f-components/f-cell/f-cell.js.map +1 -1
  78. package/dist/collection/f-components/f-cell-options.tsx/f-cell-options.js +0 -1
  79. package/dist/collection/f-components/f-cell-options.tsx/f-cell-options.js.map +1 -1
  80. package/dist/components/custom-task-list-header.js +2 -2
  81. package/dist/components/kup-autocomplete2.js +112 -49
  82. package/dist/components/kup-autocomplete2.js.map +1 -1
  83. package/dist/components/kup-cell.js +4 -19
  84. package/dist/components/kup-cell.js.map +1 -1
  85. package/dist/components/kup-dashboard.js +1 -1
  86. package/dist/components/kup-drawer.js +2 -2
  87. package/dist/components/kup-echart2.js +1 -1
  88. package/dist/components/kup-editor2.js +1 -1
  89. package/dist/components/kup-family-tree.js +2 -2
  90. package/dist/components/kup-gantt-calendar2.js +2 -2
  91. package/dist/components/kup-gantt2.js +2 -2
  92. package/dist/components/kup-grid-renderer2.js +3 -3
  93. package/dist/components/kup-horizontal-scroll2.js +5 -5
  94. package/dist/components/kup-image-list.js +3 -3
  95. package/dist/components/kup-input-panel.js +2 -2
  96. package/dist/components/kup-lazy.js +11 -11
  97. package/dist/components/kup-magic-box.js +3 -3
  98. package/dist/components/kup-manager.js +1 -1
  99. package/dist/components/kup-nav-bar.js +1 -1
  100. package/dist/components/kup-numeric-picker.js +1 -1
  101. package/dist/components/kup-pdf.js +1 -1
  102. package/dist/components/kup-photo-frame.js +2 -2
  103. package/dist/components/kup-planner-renderer2.js +2 -2
  104. package/dist/components/kup-planner.js +1 -1
  105. package/dist/components/kup-probe.js +1 -1
  106. package/dist/components/kup-qlik.js +1 -1
  107. package/dist/components/kup-snackbar.js +1 -1
  108. package/dist/components/kup-standard-tooltip2.js +1 -1
  109. package/dist/components/kup-switcher2.js +1 -1
  110. package/dist/components/kup-task-gantt2.js +2 -2
  111. package/dist/components/kup-task-list-header2.js +7 -7
  112. package/dist/components/kup-task-list-table2.js +1 -1
  113. package/dist/components/kup-task-list2.js +1 -1
  114. package/dist/components/kup-tooltip2.js +1 -1
  115. package/dist/components/kup-typography-list.js +1 -1
  116. package/dist/components/kup-typography.js +1 -1
  117. package/dist/components/kup-vertical-scroll2.js +2 -2
  118. package/dist/esm/{f-cell-c813c70c.js → f-cell-aea93e3a.js} +67 -4
  119. package/dist/esm/f-cell-aea93e3a.js.map +1 -0
  120. package/dist/esm/{f-chip-4a35f0f8.js → f-chip-4eb4d42d.js} +2 -2
  121. package/dist/esm/{f-chip-4a35f0f8.js.map → f-chip-4eb4d42d.js.map} +1 -1
  122. package/dist/esm/{f-paginator-utils-4e6a69f6.js → f-paginator-utils-ae1c08f2.js} +2 -2
  123. package/dist/esm/{f-paginator-utils-4e6a69f6.js.map → f-paginator-utils-ae1c08f2.js.map} +1 -1
  124. package/dist/esm/{f-text-field-a7ef5d61.js → f-text-field-5c7e1016.js} +2 -2
  125. package/dist/esm/{f-text-field-a7ef5d61.js.map → f-text-field-5c7e1016.js.map} +1 -1
  126. package/dist/esm/index.js +1 -1
  127. package/dist/esm/kup-accordion.entry.js +1 -1
  128. package/dist/esm/kup-activity-timeline.entry.js +2 -2
  129. package/dist/esm/kup-autocomplete_27.entry.js +54 -54
  130. package/dist/esm/kup-box.entry.js +6 -6
  131. package/dist/esm/kup-calendar.entry.js +2 -2
  132. package/dist/esm/kup-card-list.entry.js +1 -1
  133. package/dist/esm/kup-cell.entry.js +7 -22
  134. package/dist/esm/kup-cell.entry.js.map +1 -1
  135. package/dist/esm/kup-custom-task-list-header_4.entry.js +7 -7
  136. package/dist/esm/kup-dashboard.entry.js +3 -3
  137. package/dist/esm/{kup-data-table-helper-9913aac7.js → kup-data-table-helper-77b091da.js} +2 -2
  138. package/dist/esm/{kup-data-table-helper-9913aac7.js.map → kup-data-table-helper-77b091da.js.map} +1 -1
  139. package/dist/esm/kup-drawer.entry.js +3 -3
  140. package/dist/esm/kup-echart.entry.js +2 -2
  141. package/dist/esm/kup-editor.entry.js +2 -2
  142. package/dist/esm/kup-family-tree.entry.js +3 -3
  143. package/dist/esm/kup-gantt_10.entry.js +23 -23
  144. package/dist/esm/kup-grid.entry.js +1 -1
  145. package/dist/esm/kup-iframe.entry.js +1 -1
  146. package/dist/esm/kup-image-list.entry.js +7 -7
  147. package/dist/esm/kup-input-panel.entry.js +5 -5
  148. package/dist/esm/kup-lazy.entry.js +12 -12
  149. package/dist/esm/kup-magic-box.entry.js +4 -4
  150. package/dist/esm/{kup-manager-669cda17.js → kup-manager-7f0308ee.js} +2 -2
  151. package/dist/esm/{kup-manager-669cda17.js.map → kup-manager-7f0308ee.js.map} +1 -1
  152. package/dist/esm/kup-nav-bar.entry.js +2 -2
  153. package/dist/esm/kup-numeric-picker.entry.js +3 -3
  154. package/dist/esm/kup-pdf.entry.js +2 -2
  155. package/dist/esm/kup-photo-frame.entry.js +3 -3
  156. package/dist/esm/kup-planner-renderer.entry.js +2 -2
  157. package/dist/esm/kup-planner.entry.js +3 -3
  158. package/dist/esm/kup-probe.entry.js +2 -2
  159. package/dist/esm/kup-qlik.entry.js +2 -2
  160. package/dist/esm/kup-snackbar.entry.js +2 -2
  161. package/dist/esm/kup-typography-list.entry.js +2 -2
  162. package/dist/esm/kup-typography.entry.js +2 -2
  163. package/dist/ketchup/index.esm.js +1 -1
  164. package/dist/ketchup/ketchup.esm.js +1 -1
  165. package/dist/ketchup/{p-ada5beae.entry.js → p-03885b8d.entry.js} +2 -2
  166. package/dist/ketchup/{p-42582605.entry.js → p-05a7120a.entry.js} +2 -2
  167. package/dist/ketchup/{p-cc1abfc4.js → p-1754ee9b.js} +2 -2
  168. package/dist/ketchup/{p-1460050d.entry.js → p-18229ac3.entry.js} +2 -2
  169. package/dist/ketchup/{p-ed400b83.entry.js → p-188ed514.entry.js} +2 -2
  170. package/dist/ketchup/{p-6f3846da.entry.js → p-202dfeee.entry.js} +3 -3
  171. package/dist/ketchup/{p-a7e1edb6.entry.js → p-203cb58a.entry.js} +3 -3
  172. package/dist/ketchup/{p-19c0491c.entry.js → p-2227785a.entry.js} +2 -2
  173. package/dist/ketchup/{p-07ab58b7.entry.js → p-246e4816.entry.js} +2 -2
  174. package/dist/ketchup/{p-06651510.entry.js → p-2b47d837.entry.js} +2 -2
  175. package/dist/ketchup/{p-22d4016a.entry.js → p-39fa8da7.entry.js} +2 -2
  176. package/dist/ketchup/{p-68be312f.entry.js → p-45db3eae.entry.js} +2 -2
  177. package/dist/ketchup/{p-c85be66a.entry.js → p-48368d6a.entry.js} +2 -2
  178. package/dist/ketchup/p-544eca9d.js +2 -0
  179. package/dist/ketchup/{p-bd9b1a39.entry.js → p-5d738584.entry.js} +3 -3
  180. package/dist/ketchup/{p-ac90237a.entry.js → p-674a4d20.entry.js} +2 -2
  181. package/dist/ketchup/{p-398b13ca.entry.js → p-6d51f043.entry.js} +2 -2
  182. package/dist/ketchup/{p-13f4b18e.entry.js → p-7b5bef8e.entry.js} +3 -3
  183. package/dist/ketchup/{p-a0dce50f.js → p-802a4e44.js} +2 -2
  184. package/dist/ketchup/{p-9ab7218f.entry.js → p-87ff86ee.entry.js} +2 -2
  185. package/dist/ketchup/{p-99de1bea.entry.js → p-8a77b0b2.entry.js} +2 -2
  186. package/dist/ketchup/{p-26030fba.js → p-8c07fd42.js} +2 -2
  187. package/dist/ketchup/p-9394a966.entry.js +2 -0
  188. package/dist/ketchup/p-9394a966.entry.js.map +1 -0
  189. package/dist/ketchup/{p-ac894b67.entry.js → p-9788df0b.entry.js} +2 -2
  190. package/dist/ketchup/{p-547ce22c.entry.js → p-992647ed.entry.js} +2 -2
  191. package/dist/ketchup/{p-aefbe2a4.entry.js → p-9d9bb8a9.entry.js} +2 -2
  192. package/dist/ketchup/{p-5fef2650.entry.js → p-afc92adf.entry.js} +2 -2
  193. package/dist/ketchup/p-b3c7cbd9.entry.js +2 -0
  194. package/dist/ketchup/{p-1ac6a21a.entry.js.map → p-b3c7cbd9.entry.js.map} +1 -1
  195. package/dist/ketchup/{p-fd60c779.entry.js → p-b6c07403.entry.js} +3 -3
  196. package/dist/ketchup/p-bbdf4a8f.js +2 -0
  197. package/dist/ketchup/p-bbdf4a8f.js.map +1 -0
  198. package/dist/ketchup/{p-ca5d792d.entry.js → p-cdd29a6d.entry.js} +2 -2
  199. package/dist/ketchup/{p-13b2ca2d.js → p-df06309a.js} +2 -2
  200. package/dist/ketchup/{p-ecd177b6.entry.js → p-e01cb12b.entry.js} +2 -2
  201. package/dist/ketchup/{p-07af0f44.entry.js → p-e32ad7e4.entry.js} +2 -2
  202. package/dist/ketchup/{p-ce2c3d02.entry.js → p-e921b455.entry.js} +2 -2
  203. package/dist/ketchup/{p-e8dc8c8f.entry.js → p-f4a6652e.entry.js} +2 -2
  204. package/dist/ketchup/{p-9586b234.entry.js → p-fedd9482.entry.js} +2 -2
  205. package/dist/types/components/kup-cell/kup-cell.d.ts +0 -1
  206. package/package.json +1 -1
  207. package/dist/cjs/f-cell-95f965f3.js.map +0 -1
  208. package/dist/esm/f-cell-c813c70c.js.map +0 -1
  209. package/dist/ketchup/p-1ac6a21a.entry.js +0 -2
  210. package/dist/ketchup/p-50e5a990.js +0 -2
  211. package/dist/ketchup/p-7285b1b3.entry.js +0 -2
  212. package/dist/ketchup/p-7285b1b3.entry.js.map +0 -1
  213. package/dist/ketchup/p-812c59be.js +0 -2
  214. package/dist/ketchup/p-812c59be.js.map +0 -1
  215. /package/dist/ketchup/{p-ada5beae.entry.js.map → p-03885b8d.entry.js.map} +0 -0
  216. /package/dist/ketchup/{p-42582605.entry.js.map → p-05a7120a.entry.js.map} +0 -0
  217. /package/dist/ketchup/{p-cc1abfc4.js.map → p-1754ee9b.js.map} +0 -0
  218. /package/dist/ketchup/{p-1460050d.entry.js.map → p-18229ac3.entry.js.map} +0 -0
  219. /package/dist/ketchup/{p-ed400b83.entry.js.map → p-188ed514.entry.js.map} +0 -0
  220. /package/dist/ketchup/{p-6f3846da.entry.js.map → p-202dfeee.entry.js.map} +0 -0
  221. /package/dist/ketchup/{p-a7e1edb6.entry.js.map → p-203cb58a.entry.js.map} +0 -0
  222. /package/dist/ketchup/{p-19c0491c.entry.js.map → p-2227785a.entry.js.map} +0 -0
  223. /package/dist/ketchup/{p-07ab58b7.entry.js.map → p-246e4816.entry.js.map} +0 -0
  224. /package/dist/ketchup/{p-06651510.entry.js.map → p-2b47d837.entry.js.map} +0 -0
  225. /package/dist/ketchup/{p-22d4016a.entry.js.map → p-39fa8da7.entry.js.map} +0 -0
  226. /package/dist/ketchup/{p-68be312f.entry.js.map → p-45db3eae.entry.js.map} +0 -0
  227. /package/dist/ketchup/{p-c85be66a.entry.js.map → p-48368d6a.entry.js.map} +0 -0
  228. /package/dist/ketchup/{p-50e5a990.js.map → p-544eca9d.js.map} +0 -0
  229. /package/dist/ketchup/{p-bd9b1a39.entry.js.map → p-5d738584.entry.js.map} +0 -0
  230. /package/dist/ketchup/{p-ac90237a.entry.js.map → p-674a4d20.entry.js.map} +0 -0
  231. /package/dist/ketchup/{p-398b13ca.entry.js.map → p-6d51f043.entry.js.map} +0 -0
  232. /package/dist/ketchup/{p-13f4b18e.entry.js.map → p-7b5bef8e.entry.js.map} +0 -0
  233. /package/dist/ketchup/{p-a0dce50f.js.map → p-802a4e44.js.map} +0 -0
  234. /package/dist/ketchup/{p-9ab7218f.entry.js.map → p-87ff86ee.entry.js.map} +0 -0
  235. /package/dist/ketchup/{p-99de1bea.entry.js.map → p-8a77b0b2.entry.js.map} +0 -0
  236. /package/dist/ketchup/{p-26030fba.js.map → p-8c07fd42.js.map} +0 -0
  237. /package/dist/ketchup/{p-ac894b67.entry.js.map → p-9788df0b.entry.js.map} +0 -0
  238. /package/dist/ketchup/{p-547ce22c.entry.js.map → p-992647ed.entry.js.map} +0 -0
  239. /package/dist/ketchup/{p-aefbe2a4.entry.js.map → p-9d9bb8a9.entry.js.map} +0 -0
  240. /package/dist/ketchup/{p-5fef2650.entry.js.map → p-afc92adf.entry.js.map} +0 -0
  241. /package/dist/ketchup/{p-fd60c779.entry.js.map → p-b6c07403.entry.js.map} +0 -0
  242. /package/dist/ketchup/{p-ca5d792d.entry.js.map → p-cdd29a6d.entry.js.map} +0 -0
  243. /package/dist/ketchup/{p-13b2ca2d.js.map → p-df06309a.js.map} +0 -0
  244. /package/dist/ketchup/{p-ecd177b6.entry.js.map → p-e01cb12b.entry.js.map} +0 -0
  245. /package/dist/ketchup/{p-07af0f44.entry.js.map → p-e32ad7e4.entry.js.map} +0 -0
  246. /package/dist/ketchup/{p-ce2c3d02.entry.js.map → p-e921b455.entry.js.map} +0 -0
  247. /package/dist/ketchup/{p-e8dc8c8f.entry.js.map → p-f4a6652e.entry.js.map} +0 -0
  248. /package/dist/ketchup/{p-9586b234.entry.js.map → p-fedd9482.entry.js.map} +0 -0
@@ -1,4 +1,4 @@
1
- import{r as t,h as i,F as e}from"./p-d7c15b0e.js";import{a as n,c as s}from"./p-029c7cbe.js";import{d as a,i as o,g as r,h as l}from"./p-008bdcdc.js";import{d as h,a as f,b as p,c,e as d}from"./p-53af4c87.js";import{d as u}from"./p-cd3a7d53.js";const g='.kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}.custom-task-list-wrapper{display:flex;justify-content:space-around;max-width:330px;place-items:"center";text-align:center;align-items:center}.title{font-weight:bold;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.toggler{max-width:max-content;padding:0 4px;text-align:right}.switch{position:relative;display:inline-block;width:30px;height:17px}.input{opacity:0;width:0;height:0}.input:checked+.slider{background-color:#003b77}.input:checked+.slider:before{-webkit-transform:translateX(13px);-ms-transform:translateX(13px);transform:translateX(13px)}.input:focus+.slider{box-shadow:0 0 1px #003b77}.slider{-webkit-transition:0.4s;cursor:pointer;background-color:#ccc;bottom:0;border-radius:17px;left:0;position:absolute;right:0;top:0;transition:0.4s}.slider:before{-webkit-transition:0.1s;background-color:white;border-radius:50%;bottom:2px;content:"";height:13px;left:2px;position:absolute;transition:0.1s;width:13px}.label{font-size:12px;padding:6px}.filter{font-size:12px}';const x=g;const v=class{constructor(i){t(this,i);this.label="";this.doubleView=false;this.setDoubleView=undefined;this.fontFamily=undefined;this.fontSize=undefined}render(){return i("div",{key:"1e337339b3b89005b39e2232f66a0bda60c53834",class:"custom-task-list-wrapper",style:{height:"25px",fontFamily:this.fontFamily,fontSize:this.fontSize}},i("div",{key:"e1a92aff28f5dd3fbd73801a803af22d59b86491",class:"title"},i("span",{key:"6963add81ee13dc675d19d8791c5e7779a2aa774"},this.label)),this.setDoubleView!==undefined&&i("div",{key:"d7a33be86ef3c890d763e4c933d4a8cd6ac49c9a",class:"toggler"},i("label",{key:"9a71699e73bcdcddfba88007e9660def60096b79",htmlFor:"ch2",class:"switch"},i("input",{key:"10130fe5a0eb330ffe0bb8d580104830555df5a5",class:"input",id:"ch2",type:"checkbox",checked:this.doubleView,onClick:()=>this.setDoubleView(!this.doubleView)}),i("span",{key:"cb6da2b38ac4ea7bb017da4a228dcb2506145120",class:"slider"})),i("span",{key:"4d747af5cd1a8b5fb70d119e334fa5c61dc5ee28",class:"label"},"Previsioni")))}};v.style=x;const y=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}.container{margin-top:var(--kup-space-04)}.scrollable{overflow-x:auto;scrollbar-width:0}.scrollable .project-wrapper{display:table}.scrollable .project{width:100% !important;display:table-row}.scrollable .project>*{overflow:unset;padding-right:10px;display:table-cell;vertical-align:middle;border-bottom:1px solid var(--kup-border-subtle, #acacac);border-top:1px solid var(--kup-border-subtle, #acacac);padding-left:12px}.scrollable .project>*:first-child{border-left:1px solid var(--kup-border-subtle, #acacac);border-bottom-left-radius:4px;border-top-left-radius:4px}.scrollable .project>*:last-child{border-right:1px solid var(--kup-border-subtle, #acacac);border-bottom-right-radius:4px;border-top-right-radius:4px}.scrollable .subrow{width:100% !important;display:table-row}.scrollable .subrow>*{overflow:unset;padding-right:10px;display:table-cell;vertical-align:middle;border-bottom:1px solid #acacac;border-top:1px solid #acacac;padding-left:12px}.scrollable .subrow>*:first-child{border-left:1px solid #acacac}.scrollable .subrow>*:last-child{border-right:1px solid #acacac}.scrollable .timeline{width:100% !important;display:table-row}.scrollable .timeline>*{overflow:unset;padding-right:10px;display:table-cell;vertical-align:middle;border-bottom:1px solid #acacac;border-top:1px solid #acacac;padding-left:12px}.scrollable .timeline>*:first-child{border-left:1px solid #acacac}.scrollable .timeline>*:last-child{border-right:1px solid #acacac}.scrollable .project:has(+.subrow)>*{border-bottom-left-radius:0;border-bottom-right-radius:0}.scrollable::-webkit-scrollbar{width:0;height:0}.project{background:var(--kup-layer-1);border-bottom:1px solid var(--kup-border-subtle);border-radius:var(--kup-radius-00);box-sizing:border-box;color:var(--kup-text-secondary);cursor:pointer;display:grid;font-weight:400;grid-template-columns:var(--grid-project-columns, 1fr 1fr 1fr);place-items:center;padding:var(--kup-space-03)}.project>*{font-size:14px;line-height:24px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.project .main{font-weight:700;width:100%;padding-left:4px;font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.subrow{cursor:pointer;display:grid;border-bottom:1px solid var(--kup-border-subtle);box-sizing:border-box;grid-template-columns:var(--grid-fasi-columns, 1fr 1fr 1fr);place-items:center;background-color:var(--kup-layer-1);color:var(--kup-text-primary);font-weight:400}.subrow>*{font-size:12px;line-height:14px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;width:100%;font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.subrow:last-of-type{border-bottom:1px solid var(--kup-border-subtle)}.subrow:has(+.subrow),.project:has(+.subrow){border-bottom-left-radius:0 !important;border-bottom-right-radius:0 !important}.timeline{padding:var(--kup-space-03);cursor:pointer;display:grid;border-bottom:1px solid var(--kup-border-subtle);border-radius:var(--kup-radius-00);grid-template-columns:var(--grid-fasi-columns, 1fr 1fr 1fr);place-items:center;background-color:var(--kup-layer-1);color:var(--kup-text-primary);font-weight:400;box-sizing:border-box}.timeline>*{font-size:14px;line-height:24px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.timeline .main{font-weight:700;width:100%;padding-left:4px;font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}";const m=y;const k=class{constructor(i){t(this,i);this.ganttId=undefined;this.tasks=[];this.rowHeight=0;this.rowWidth="";this.fontFamily="";this.fontSize="";this.scrollableTaskList=undefined;this.taskListScrollX=undefined;this.setSelectedTask=undefined;this.onclickTaskList=undefined;this.ondblclickTaskList=undefined;this.oncontextmenuTaskList=undefined;this.ontaskListScrollWidth=undefined}componentDidLoad(){var t;this.ontaskListScrollWidth((t=this.projectWrapperRef)===null||t===void 0?void 0:t.clientWidth)}componentDidUpdate(){var t;this.ontaskListScrollWidth((t=this.projectWrapperRef)===null||t===void 0?void 0:t.clientWidth)}updateTaskListScroll(){this.projectWrapperRef&&(this.projectWrapperRef.parentElement.scrollLeft=this.taskListScrollX)}render(){const t=new n;const s={};if(this.scrollableTaskList){s["width"]=this.rowWidth}const o=this.tasks.reduce(((t,i)=>t.valuesToShow.length>i.valuesToShow.length?t:i)).valuesToShow.length+1;return i("div",{class:`container ${this.scrollableTaskList?"scrollable":""}`,style:s},i("div",{class:"project-wrapper",ref:t=>this.projectWrapperRef=t},this.tasks.map((n=>{var s,r,l,h;return i(e,null,n.type==="project"?i("div",{class:"project",style:{height:`${this.rowHeight}px`,width:this.rowWidth,fontFamily:this.fontFamily,fontSize:this.fontSize,gridTemplateColumns:`repeat(${n.valuesToShow.length}, 1fr)`},onClick:()=>{this.setSelectedTask(n.id);this.onclickTaskList(n.id)},onDblClick:()=>{this.setSelectedTask(n.id);this.ondblclickTaskList(n.id)},onContextMenu:t=>{t.preventDefault();this.setSelectedTask(n.id);this.oncontextmenuTaskList(t,n.id)}},(s=n.valuesToShow)===null||s===void 0?void 0:s.map(((e,s)=>i("span",{class:s===0?"main":undefined,title:e.length>10?e:undefined,key:`task_${n.id}_valuesToShow_${s}`},e==="#START#"?t.formatToLocaleSimple(n.start):e==="#END#"?t.formatToLocaleSimple(n.end):e))),this.scrollableTaskList&&o>n.valuesToShow.length&&(()=>{const t=a(o-n.valuesToShow.length);return t.map((t=>i("span",{key:t})))})()):n.type==="task"?i("div",{class:"subrow",style:{height:`${this.rowHeight}px`,width:this.rowWidth,fontFamily:this.fontFamily,fontSize:this.fontSize,gridTemplateColumns:`repeat(${n.valuesToShow.length+1}, 1fr)`},onClick:()=>{this.setSelectedTask(n.id);this.onclickTaskList(n.id)},onDblClick:()=>{this.setSelectedTask(n.id);this.ondblclickTaskList(n.id)},onContextMenu:t=>{t.preventDefault();this.setSelectedTask(n.id);this.oncontextmenuTaskList(t,n.id)}},this.scrollableTaskList?i("div",{style:{textAlign:"end"}},i("span",{key:`phase_${n.id}_valuesToShow_color`,style:{height:"16px",width:"16px",display:"inline-block",backgroundColor:(r=n.styles)===null||r===void 0?void 0:r.backgroundColor}})):i("span",{key:`phase_${n.id}_valuesToShow_color`,style:{height:"16px",width:"16px",backgroundColor:(l=n.styles)===null||l===void 0?void 0:l.backgroundColor}}),(h=n.valuesToShow)===null||h===void 0?void 0:h.map(((e,s)=>i("span",{class:s===0?"main":undefined,title:e.length>10?e:undefined,key:`phase_${n.id}_valuesToShow_${s}`},e==="#START#"?t.formatToLocaleSimple(n.start):e==="#END#"?t.formatToLocaleSimple(n.end):e))),this.scrollableTaskList&&o>n.valuesToShow.length&&(()=>{const t=a(o-n.valuesToShow.length-1);return t.map((t=>i("span",{key:t})))})()):(()=>{var t;let e="";for(let t=0;t<n.valuesToShow.length;t++){e+="1fr "}return i("div",{class:"timeline",style:{height:`${this.rowHeight}px`,width:this.rowWidth,fontFamily:this.fontFamily,fontSize:this.fontSize,"--grid-fasi-columns":e},onContextMenu:t=>{t.preventDefault();this.setSelectedTask(n.id);this.oncontextmenuTaskList(t,n.id)}},(t=n.valuesToShow)===null||t===void 0?void 0:t.map(((t,e)=>i("span",{class:e===0?"main":undefined,title:t.length>10?t:undefined,key:`detail_${n.id}_valuesToShow_${e}`},t))))})())}))))}static get watchers(){return{taskListScrollX:["updateTaskListScroll"]}}};k.style=m;const b=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}.calendarBottomText{text-anchor:middle;fill:var(--kup-text-secondary);-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.calendarTopTick{stroke:var(--kup-border-subtle)}.calendarTopText{text-anchor:middle;fill:var(--kup-text-secondary);-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.calendarHeader{fill:var(--kup-layer-1);stroke:var(--kup-border-subtle);stroke-width:1.4;font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}";const w=b;const z=class{constructor(i){t(this,i);this.dateSetup=undefined;this.locale=undefined;this.rtl=undefined;this.headerHeight=undefined;this.columnWidth=undefined;this.fontFamily=undefined;this.fontSize=undefined;this.dateTimeFormatters=undefined;this.singleLineHeader=false;this.currentDateIndicator=undefined;this.svgWidth=undefined;this.simplifiedHeader=undefined}componentWillLoad(){this.simplifiedHeader=this.singleLineHeader&&this.dateSetup.viewMode!=="year"}formatYear(t){var i,e;return((i=this.dateTimeFormatters)===null||i===void 0?void 0:i.year)?(e=this.dateTimeFormatters)===null||e===void 0?void 0:e.year(t,this.locale):h.year(t,this.locale)}formatMonth(t){var i,e;return((i=this.dateTimeFormatters)===null||i===void 0?void 0:i.month)?(e=this.dateTimeFormatters)===null||e===void 0?void 0:e.month(t,this.locale):h.month(t,this.locale)}formatMonthAndYear(t){var i,e;return((i=this.dateTimeFormatters)===null||i===void 0?void 0:i.monthAndYear)?(e=this.dateTimeFormatters)===null||e===void 0?void 0:e.monthAndYear(t,this.locale):h.monthAndYear(t,this.locale)}formatWeek(t){var i,e;return((i=this.dateTimeFormatters)===null||i===void 0?void 0:i.week)?(e=this.dateTimeFormatters)===null||e===void 0?void 0:e.week(t,this.locale):h.week(t,this.locale)}formatDay(t){var i,e;return((i=this.dateTimeFormatters)===null||i===void 0?void 0:i.day)?(e=this.dateTimeFormatters)===null||e===void 0?void 0:e.day(t,this.locale):h.day(t,this.locale)}getCalendarValuesForYear(){const t=[];const e=[];const n=this.headerHeight*.5;const s=this.dateSetup.dates;for(let a=0;a<s.length;a++){const o=s[a];const r=this.formatYear(o);e.push(i("text",{key:r,y:this.headerHeight*.8,x:this.columnWidth*a+this.columnWidth*.5,class:"calendarBottomText"},r));if(a===0||o.getFullYear()!==s[a-1].getFullYear()){const i=o.getFullYear().toString();let e;if(this.rtl){e=(6+a+o.getFullYear()+1)*this.columnWidth}else{e=(6+a-o.getFullYear())*this.columnWidth}t.push({key:i,value:i,x1Line:this.columnWidth*a,y1Line:0,y2Line:this.headerHeight,xText:e,yText:n*.9})}}return[t,e]}getCalendarValuesForMonth(){const t=[];const e=[];const n=this.headerHeight*.5;const s=this.dateSetup.dates;for(let a=0;a<s.length;a++){const o=s[a];const r=this.formatMonth(o);e.push(i("text",{key:r+o.getFullYear(),y:this.headerHeight*.8,x:this.columnWidth*a+this.columnWidth*.5,class:"calendarBottomText"},r));if(a===0||o.getFullYear()!==s[a-1].getFullYear()){const i=this.formatYear(o);let e;if(this.rtl){e=(6+a+o.getMonth()+1)*this.columnWidth}else{e=(6+a-o.getMonth())*this.columnWidth}t.push({key:i,value:i,x1Line:this.columnWidth*a,y1Line:0,y2Line:n,xText:e,yText:n*.9})}}return[t,e]}getCalendarValuesForWeek(){const t=[];const e=[];let n=1;const s=this.headerHeight*.5;const a=this.dateSetup.dates;for(let o=a.length-1;o>=0;o--){const r=a[o];let l="";if(o===0||r.getMonth()!==a[o-1].getMonth()){l=this.formatMonthAndYear(r)}const h=this.formatWeek(r);e.push(i("text",{key:r.getTime(),y:this.headerHeight*.8,x:this.columnWidth*(o+ +this.rtl),class:"calendarBottomText"},h));if(l){if(o!==a.length-1){t.push({key:l,value:l,x1Line:this.columnWidth*o+n*this.columnWidth,y1Line:0,y2Line:s,xText:this.columnWidth*o+this.columnWidth*n*.5,yText:s*.9})}n=0}n++}return[t,e]}getCalendarValuesForDay(){const t=[];const e=[];const n=this.headerHeight*.5;const s=this.dateSetup.dates;for(let a=0;a<s.length;a++){const o=s[a];const r=this.formatDay(o);e.push(i("text",{key:o.getTime(),y:this.headerHeight*.8,x:this.columnWidth*a+this.columnWidth*.5,class:"calendarBottomText"},r));if(a+1!==s.length&&o.getMonth()!==s[a+1].getMonth()){const i=this.formatMonth(o);t.push({key:i+o.getFullYear(),value:i,x1Line:this.columnWidth*(a+1),y1Line:0,y2Line:n,xText:this.columnWidth*(a+1)-f(o.getMonth(),o.getFullYear())*this.columnWidth*.5,yText:n*.9})}}return[t,e]}getCalendarValuesForHour(){const t=[];const e=[];const n=this.headerHeight*.5;const s=this.dateSetup.dates;for(let a=0;a<s.length;a++){const o=s[a];const r=p(this.locale,{hour:"numeric"}).format(o);e.push(i("text",{key:o.getTime(),y:this.headerHeight*.8,x:this.columnWidth*(a+ +this.rtl),class:"calendarBottomText"},r));if(a!==0&&o.getDate()!==s[a-1].getDate()){const i=s[a-1];const e=`${c(i,this.locale,"long")}, ${i.getDate()} ${d(i,this.locale)}`;const r=(o.getHours()-24)/2;t.push({key:e+o.getFullYear(),value:e,x1Line:this.columnWidth*a,y1Line:0,y2Line:n,xText:this.columnWidth*(a+r),yText:n*.9})}}return[t,e]}getTopAndBottomValues(){switch(this.dateSetup.viewMode){case"hour":return this.getCalendarValuesForHour();case"day":return this.getCalendarValuesForDay();case"week":return this.getCalendarValuesForWeek();case"month":return this.getCalendarValuesForMonth();case"year":return this.getCalendarValuesForYear()}}render(){this.simplifiedHeader=this.singleLineHeader&&this.dateSetup.viewMode!=="year";const[t,e]=this.getTopAndBottomValues();return i("svg",{key:"0137f0b266f9c9ed1d3a9b6ae8b2990df572a780",xmlns:"http://www.w3.org/2000/svg",width:this.svgWidth,height:this.headerHeight},i("g",{key:"0f4af7831888120ba3734d0f778782433d626c2b",class:"calendar","font-size":this.fontSize,"font-family":this.fontFamily},i("rect",{key:"8f4b92d3927d6687ce4e4e2707920dbda9153b4b",x:0,y:0,width:this.columnWidth*this.dateSetup.dates.length,height:this.headerHeight,class:"calendarHeader"}),this.simplifiedHeader?null:e,this.simplifiedHeader?t.map((t=>i("g",{class:"calendarTop"},i("line",{x1:t.x1Line,y1:t.y2Line*2,x2:t.x1Line,y2:t.y2Line,class:"calendarTopTick",key:t.value+"line"}),i("text",{key:t.value+"text",y:t.yText,x:t.xText,class:"calendarTopText"},t.value)))):t.map((t=>i("g",{class:"calendarTop"},i("line",{x1:t.x1Line,y1:t.y1Line,x2:t.x1Line,y2:t.y2Line,class:"calendarTopTick",key:t.value+"line"}),i("text",{key:t.value+"text",y:t.yText,x:t.xText,class:"calendarTopText"},t.value)))),this.currentDateIndicator&&i("circle",{key:"b5ce42db928f9b1ad5570a6d96ae6f05664bc029",fill:this.currentDateIndicator.color,cx:this.currentDateIndicator.x+2.5,cy:this.headerHeight-8,r:"8"})))}};z.style=w;var T={exports:{}};(function(t,i){(function(t,e){e(i)})(s,(function(t){
1
+ import{r as t,h as i,F as e}from"./p-d7c15b0e.js";import{a as n,c as s}from"./p-029c7cbe.js";import{d as o,i as a,g as r,h as l}from"./p-008bdcdc.js";import{d as h,a as f,b as p,c,e as d}from"./p-53af4c87.js";import{d as u}from"./p-cd3a7d53.js";const g='.kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}.custom-task-list-wrapper{display:flex;justify-content:space-around;max-width:330px;place-items:"center";text-align:center;align-items:center}.title{font-weight:bold;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.toggler{max-width:max-content;padding:0 4px;text-align:right}.switch{position:relative;display:inline-block;width:30px;height:17px}.input{opacity:0;width:0;height:0}.input:checked+.slider{background-color:#003b77}.input:checked+.slider:before{-webkit-transform:translateX(13px);-ms-transform:translateX(13px);transform:translateX(13px)}.input:focus+.slider{box-shadow:0 0 1px #003b77}.slider{-webkit-transition:0.4s;cursor:pointer;background-color:#ccc;bottom:0;border-radius:17px;left:0;position:absolute;right:0;top:0;transition:0.4s}.slider:before{-webkit-transition:0.1s;background-color:white;border-radius:50%;bottom:2px;content:"";height:13px;left:2px;position:absolute;transition:0.1s;width:13px}.label{font-size:12px;padding:6px}.filter{font-size:12px}';const x=g;const v=class{constructor(i){t(this,i);this.label="";this.doubleView=false;this.setDoubleView=undefined;this.fontFamily=undefined;this.fontSize=undefined}render(){return i("div",{key:"ecc21b370cd5f68c2928ef67a30632fda38be930",class:"custom-task-list-wrapper",style:{height:"25px",fontFamily:this.fontFamily,fontSize:this.fontSize}},i("div",{key:"86caff8ac99996d0cc06b9597df5df1d795f4fc0",class:"title"},i("span",{key:"cb691bc12b557add501a84c7149e10d84ee5c727"},this.label)),this.setDoubleView!==undefined&&i("div",{key:"928749a2d5262e797f41f20670fe71ffb7808cb7",class:"toggler"},i("label",{key:"fe9abaea6c7db34d10b4965e96280d4c886f9800",htmlFor:"ch2",class:"switch"},i("input",{key:"fd77a93eab96b375ab6093a31309c50be2eeb745",class:"input",id:"ch2",type:"checkbox",checked:this.doubleView,onClick:()=>this.setDoubleView(!this.doubleView)}),i("span",{key:"91626e6138c5efb0fd95517a6d6fcf4580853851",class:"slider"})),i("span",{key:"ce4ec303663fed2ef214806f74c4a62b939bddcc",class:"label"},"Previsioni")))}};v.style=x;const y=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}.container{margin-top:var(--kup-space-04)}.scrollable{overflow-x:auto;scrollbar-width:0}.scrollable .project-wrapper{display:table}.scrollable .project{width:100% !important;display:table-row}.scrollable .project>*{overflow:unset;padding-right:10px;display:table-cell;vertical-align:middle;border-bottom:1px solid var(--kup-border-subtle, #acacac);border-top:1px solid var(--kup-border-subtle, #acacac);padding-left:12px}.scrollable .project>*:first-child{border-left:1px solid var(--kup-border-subtle, #acacac);border-bottom-left-radius:4px;border-top-left-radius:4px}.scrollable .project>*:last-child{border-right:1px solid var(--kup-border-subtle, #acacac);border-bottom-right-radius:4px;border-top-right-radius:4px}.scrollable .subrow{width:100% !important;display:table-row}.scrollable .subrow>*{overflow:unset;padding-right:10px;display:table-cell;vertical-align:middle;border-bottom:1px solid #acacac;border-top:1px solid #acacac;padding-left:12px}.scrollable .subrow>*:first-child{border-left:1px solid #acacac}.scrollable .subrow>*:last-child{border-right:1px solid #acacac}.scrollable .timeline{width:100% !important;display:table-row}.scrollable .timeline>*{overflow:unset;padding-right:10px;display:table-cell;vertical-align:middle;border-bottom:1px solid #acacac;border-top:1px solid #acacac;padding-left:12px}.scrollable .timeline>*:first-child{border-left:1px solid #acacac}.scrollable .timeline>*:last-child{border-right:1px solid #acacac}.scrollable .project:has(+.subrow)>*{border-bottom-left-radius:0;border-bottom-right-radius:0}.scrollable::-webkit-scrollbar{width:0;height:0}.project{background:var(--kup-layer-1);border-bottom:1px solid var(--kup-border-subtle);border-radius:var(--kup-radius-00);box-sizing:border-box;color:var(--kup-text-secondary);cursor:pointer;display:grid;font-weight:400;grid-template-columns:var(--grid-project-columns, 1fr 1fr 1fr);place-items:center;padding:var(--kup-space-03)}.project>*{font-size:14px;line-height:24px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.project .main{font-weight:700;width:100%;padding-left:4px;font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.subrow{cursor:pointer;display:grid;border-bottom:1px solid var(--kup-border-subtle);box-sizing:border-box;grid-template-columns:var(--grid-fasi-columns, 1fr 1fr 1fr);place-items:center;background-color:var(--kup-layer-1);color:var(--kup-text-primary);font-weight:400}.subrow>*{font-size:12px;line-height:14px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;width:100%;font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.subrow:last-of-type{border-bottom:1px solid var(--kup-border-subtle)}.subrow:has(+.subrow),.project:has(+.subrow){border-bottom-left-radius:0 !important;border-bottom-right-radius:0 !important}.timeline{padding:var(--kup-space-03);cursor:pointer;display:grid;border-bottom:1px solid var(--kup-border-subtle);border-radius:var(--kup-radius-00);grid-template-columns:var(--grid-fasi-columns, 1fr 1fr 1fr);place-items:center;background-color:var(--kup-layer-1);color:var(--kup-text-primary);font-weight:400;box-sizing:border-box}.timeline>*{font-size:14px;line-height:24px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.timeline .main{font-weight:700;width:100%;padding-left:4px;font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}";const m=y;const k=class{constructor(i){t(this,i);this.ganttId=undefined;this.tasks=[];this.rowHeight=0;this.rowWidth="";this.fontFamily="";this.fontSize="";this.scrollableTaskList=undefined;this.taskListScrollX=undefined;this.setSelectedTask=undefined;this.onclickTaskList=undefined;this.ondblclickTaskList=undefined;this.oncontextmenuTaskList=undefined;this.ontaskListScrollWidth=undefined}componentDidLoad(){var t;this.ontaskListScrollWidth((t=this.projectWrapperRef)===null||t===void 0?void 0:t.clientWidth)}componentDidUpdate(){var t;this.ontaskListScrollWidth((t=this.projectWrapperRef)===null||t===void 0?void 0:t.clientWidth)}updateTaskListScroll(){this.projectWrapperRef&&(this.projectWrapperRef.parentElement.scrollLeft=this.taskListScrollX)}render(){const t=new n;const s={};if(this.scrollableTaskList){s["width"]=this.rowWidth}const a=this.tasks.reduce(((t,i)=>t.valuesToShow.length>i.valuesToShow.length?t:i)).valuesToShow.length+1;return i("div",{class:`container ${this.scrollableTaskList?"scrollable":""}`,style:s},i("div",{class:"project-wrapper",ref:t=>this.projectWrapperRef=t},this.tasks.map((n=>{var s,r,l,h;return i(e,null,n.type==="project"?i("div",{class:"project",style:{height:`${this.rowHeight}px`,width:this.rowWidth,fontFamily:this.fontFamily,fontSize:this.fontSize,gridTemplateColumns:`repeat(${n.valuesToShow.length}, 1fr)`},onClick:()=>{this.setSelectedTask(n.id);this.onclickTaskList(n.id)},onDblClick:()=>{this.setSelectedTask(n.id);this.ondblclickTaskList(n.id)},onContextMenu:t=>{t.preventDefault();this.setSelectedTask(n.id);this.oncontextmenuTaskList(t,n.id)}},(s=n.valuesToShow)===null||s===void 0?void 0:s.map(((e,s)=>i("span",{class:s===0?"main":undefined,title:e.length>10?e:undefined,key:`task_${n.id}_valuesToShow_${s}`},e==="#START#"?t.formatToLocaleSimple(n.start):e==="#END#"?t.formatToLocaleSimple(n.end):e))),this.scrollableTaskList&&a>n.valuesToShow.length&&(()=>{const t=o(a-n.valuesToShow.length);return t.map((t=>i("span",{key:t})))})()):n.type==="task"?i("div",{class:"subrow",style:{height:`${this.rowHeight}px`,width:this.rowWidth,fontFamily:this.fontFamily,fontSize:this.fontSize,gridTemplateColumns:`repeat(${n.valuesToShow.length+1}, 1fr)`},onClick:()=>{this.setSelectedTask(n.id);this.onclickTaskList(n.id)},onDblClick:()=>{this.setSelectedTask(n.id);this.ondblclickTaskList(n.id)},onContextMenu:t=>{t.preventDefault();this.setSelectedTask(n.id);this.oncontextmenuTaskList(t,n.id)}},this.scrollableTaskList?i("div",{style:{textAlign:"end"}},i("span",{key:`phase_${n.id}_valuesToShow_color`,style:{height:"16px",width:"16px",display:"inline-block",backgroundColor:(r=n.styles)===null||r===void 0?void 0:r.backgroundColor}})):i("span",{key:`phase_${n.id}_valuesToShow_color`,style:{height:"16px",width:"16px",backgroundColor:(l=n.styles)===null||l===void 0?void 0:l.backgroundColor}}),(h=n.valuesToShow)===null||h===void 0?void 0:h.map(((e,s)=>i("span",{class:s===0?"main":undefined,title:e.length>10?e:undefined,key:`phase_${n.id}_valuesToShow_${s}`},e==="#START#"?t.formatToLocaleSimple(n.start):e==="#END#"?t.formatToLocaleSimple(n.end):e))),this.scrollableTaskList&&a>n.valuesToShow.length&&(()=>{const t=o(a-n.valuesToShow.length-1);return t.map((t=>i("span",{key:t})))})()):(()=>{var t;let e="";for(let t=0;t<n.valuesToShow.length;t++){e+="1fr "}return i("div",{class:"timeline",style:{height:`${this.rowHeight}px`,width:this.rowWidth,fontFamily:this.fontFamily,fontSize:this.fontSize,"--grid-fasi-columns":e},onContextMenu:t=>{t.preventDefault();this.setSelectedTask(n.id);this.oncontextmenuTaskList(t,n.id)}},(t=n.valuesToShow)===null||t===void 0?void 0:t.map(((t,e)=>i("span",{class:e===0?"main":undefined,title:t.length>10?t:undefined,key:`detail_${n.id}_valuesToShow_${e}`},t))))})())}))))}static get watchers(){return{taskListScrollX:["updateTaskListScroll"]}}};k.style=m;const b=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}.calendarBottomText{text-anchor:middle;fill:var(--kup-text-secondary);-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.calendarTopTick{stroke:var(--kup-border-subtle)}.calendarTopText{text-anchor:middle;fill:var(--kup-text-secondary);-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.calendarHeader{fill:var(--kup-layer-1);stroke:var(--kup-border-subtle);stroke-width:1.4;font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}";const w=b;const z=class{constructor(i){t(this,i);this.dateSetup=undefined;this.locale=undefined;this.rtl=undefined;this.headerHeight=undefined;this.columnWidth=undefined;this.fontFamily=undefined;this.fontSize=undefined;this.dateTimeFormatters=undefined;this.singleLineHeader=false;this.currentDateIndicator=undefined;this.svgWidth=undefined;this.simplifiedHeader=undefined}componentWillLoad(){this.simplifiedHeader=this.singleLineHeader&&this.dateSetup.viewMode!=="year"}formatYear(t){var i,e;return((i=this.dateTimeFormatters)===null||i===void 0?void 0:i.year)?(e=this.dateTimeFormatters)===null||e===void 0?void 0:e.year(t,this.locale):h.year(t,this.locale)}formatMonth(t){var i,e;return((i=this.dateTimeFormatters)===null||i===void 0?void 0:i.month)?(e=this.dateTimeFormatters)===null||e===void 0?void 0:e.month(t,this.locale):h.month(t,this.locale)}formatMonthAndYear(t){var i,e;return((i=this.dateTimeFormatters)===null||i===void 0?void 0:i.monthAndYear)?(e=this.dateTimeFormatters)===null||e===void 0?void 0:e.monthAndYear(t,this.locale):h.monthAndYear(t,this.locale)}formatWeek(t){var i,e;return((i=this.dateTimeFormatters)===null||i===void 0?void 0:i.week)?(e=this.dateTimeFormatters)===null||e===void 0?void 0:e.week(t,this.locale):h.week(t,this.locale)}formatDay(t){var i,e;return((i=this.dateTimeFormatters)===null||i===void 0?void 0:i.day)?(e=this.dateTimeFormatters)===null||e===void 0?void 0:e.day(t,this.locale):h.day(t,this.locale)}getCalendarValuesForYear(){const t=[];const e=[];const n=this.headerHeight*.5;const s=this.dateSetup.dates;for(let o=0;o<s.length;o++){const a=s[o];const r=this.formatYear(a);e.push(i("text",{key:r,y:this.headerHeight*.8,x:this.columnWidth*o+this.columnWidth*.5,class:"calendarBottomText"},r));if(o===0||a.getFullYear()!==s[o-1].getFullYear()){const i=a.getFullYear().toString();let e;if(this.rtl){e=(6+o+a.getFullYear()+1)*this.columnWidth}else{e=(6+o-a.getFullYear())*this.columnWidth}t.push({key:i,value:i,x1Line:this.columnWidth*o,y1Line:0,y2Line:this.headerHeight,xText:e,yText:n*.9})}}return[t,e]}getCalendarValuesForMonth(){const t=[];const e=[];const n=this.headerHeight*.5;const s=this.dateSetup.dates;for(let o=0;o<s.length;o++){const a=s[o];const r=this.formatMonth(a);e.push(i("text",{key:r+a.getFullYear(),y:this.headerHeight*.8,x:this.columnWidth*o+this.columnWidth*.5,class:"calendarBottomText"},r));if(o===0||a.getFullYear()!==s[o-1].getFullYear()){const i=this.formatYear(a);let e;if(this.rtl){e=(6+o+a.getMonth()+1)*this.columnWidth}else{e=(6+o-a.getMonth())*this.columnWidth}t.push({key:i,value:i,x1Line:this.columnWidth*o,y1Line:0,y2Line:n,xText:e,yText:n*.9})}}return[t,e]}getCalendarValuesForWeek(){const t=[];const e=[];let n=1;const s=this.headerHeight*.5;const o=this.dateSetup.dates;for(let a=o.length-1;a>=0;a--){const r=o[a];let l="";if(a===0||r.getMonth()!==o[a-1].getMonth()){l=this.formatMonthAndYear(r)}const h=this.formatWeek(r);e.push(i("text",{key:r.getTime(),y:this.headerHeight*.8,x:this.columnWidth*(a+ +this.rtl),class:"calendarBottomText"},h));if(l){if(a!==o.length-1){t.push({key:l,value:l,x1Line:this.columnWidth*a+n*this.columnWidth,y1Line:0,y2Line:s,xText:this.columnWidth*a+this.columnWidth*n*.5,yText:s*.9})}n=0}n++}return[t,e]}getCalendarValuesForDay(){const t=[];const e=[];const n=this.headerHeight*.5;const s=this.dateSetup.dates;for(let o=0;o<s.length;o++){const a=s[o];const r=this.formatDay(a);e.push(i("text",{key:a.getTime(),y:this.headerHeight*.8,x:this.columnWidth*o+this.columnWidth*.5,class:"calendarBottomText"},r));if(o+1!==s.length&&a.getMonth()!==s[o+1].getMonth()){const i=this.formatMonth(a);t.push({key:i+a.getFullYear(),value:i,x1Line:this.columnWidth*(o+1),y1Line:0,y2Line:n,xText:this.columnWidth*(o+1)-f(a.getMonth(),a.getFullYear())*this.columnWidth*.5,yText:n*.9})}}return[t,e]}getCalendarValuesForHour(){const t=[];const e=[];const n=this.headerHeight*.5;const s=this.dateSetup.dates;for(let o=0;o<s.length;o++){const a=s[o];const r=p(this.locale,{hour:"numeric"}).format(a);e.push(i("text",{key:a.getTime(),y:this.headerHeight*.8,x:this.columnWidth*(o+ +this.rtl),class:"calendarBottomText"},r));if(o!==0&&a.getDate()!==s[o-1].getDate()){const i=s[o-1];const e=`${c(i,this.locale,"long")}, ${i.getDate()} ${d(i,this.locale)}`;const r=(a.getHours()-24)/2;t.push({key:e+a.getFullYear(),value:e,x1Line:this.columnWidth*o,y1Line:0,y2Line:n,xText:this.columnWidth*(o+r),yText:n*.9})}}return[t,e]}getTopAndBottomValues(){switch(this.dateSetup.viewMode){case"hour":return this.getCalendarValuesForHour();case"day":return this.getCalendarValuesForDay();case"week":return this.getCalendarValuesForWeek();case"month":return this.getCalendarValuesForMonth();case"year":return this.getCalendarValuesForYear()}}render(){this.simplifiedHeader=this.singleLineHeader&&this.dateSetup.viewMode!=="year";const[t,e]=this.getTopAndBottomValues();return i("svg",{key:"eb5996256c199bb4d5f60df2d1f9c7378a480e0f",xmlns:"http://www.w3.org/2000/svg",width:this.svgWidth,height:this.headerHeight},i("g",{key:"491a7ddf831ba0b6d373d058f223f8dab6d76954",class:"calendar","font-size":this.fontSize,"font-family":this.fontFamily},i("rect",{key:"cd64c9a42c8c68d067e6a37cfb049bc77c15ac2d",x:0,y:0,width:this.columnWidth*this.dateSetup.dates.length,height:this.headerHeight,class:"calendarHeader"}),this.simplifiedHeader?null:e,this.simplifiedHeader?t.map((t=>i("g",{class:"calendarTop"},i("line",{x1:t.x1Line,y1:t.y2Line*2,x2:t.x1Line,y2:t.y2Line,class:"calendarTopTick",key:t.value+"line"}),i("text",{key:t.value+"text",y:t.yText,x:t.xText,class:"calendarTopText"},t.value)))):t.map((t=>i("g",{class:"calendarTop"},i("line",{x1:t.x1Line,y1:t.y1Line,x2:t.x1Line,y2:t.y2Line,class:"calendarTopTick",key:t.value+"line"}),i("text",{key:t.value+"text",y:t.yText,x:t.xText,class:"calendarTopText"},t.value)))),this.currentDateIndicator&&i("circle",{key:"ccc563c883e85c17c839dd6414fba8e0845c4eac",fill:this.currentDateIndicator.color,cx:this.currentDateIndicator.x+2.5,cy:this.headerHeight-8,r:"8"})))}};z.style=w;var T={exports:{}};(function(t,i){(function(t,e){e(i)})(s,(function(t){
2
2
  /*! *****************************************************************************
3
3
  Copyright (c) Microsoft Corporation.
4
4
 
@@ -13,5 +13,5 @@ import{r as t,h as i,F as e}from"./p-d7c15b0e.js";import{a as n,c as s}from"./p-
13
13
  OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
14
14
  PERFORMANCE OF THIS SOFTWARE.
15
15
  ***************************************************************************** */
16
- function i(t,i){var e=typeof Symbol==="function"&&t[Symbol.iterator];if(!e)return t;var n=e.call(t),s,a=[],o;try{while((i===void 0||i-- >0)&&!(s=n.next()).done)a.push(s.value)}catch(t){o={error:t}}finally{try{if(s&&!s.done&&(e=n["return"]))e.call(n)}finally{if(o)throw o.error}}return a}var e=function(){function t(t,i,e){this.r=0;this.g=0;this.b=0;this.set(t,i,e)}t.prototype.set=function(t,i,e){this.r=this.clamp(t);this.g=this.clamp(i);this.b=this.clamp(e)};t.prototype.hueRotate=function(t){if(t===void 0){t=0}t=t/180*Math.PI;var i=Math.sin(t);var e=Math.cos(t);this.multiply([.213+e*.787-i*.213,.715-e*.715-i*.715,.072-e*.072+i*.928,.213-e*.213+i*.143,.715+e*.285+i*.14,.072-e*.072-i*.283,.213-e*.213-i*.787,.715-e*.715+i*.715,.072+e*.928+i*.072])};t.prototype.grayscale=function(t){if(t===void 0){t=1}this.multiply([.2126+.7874*(1-t),.7152-.7152*(1-t),.0722-.0722*(1-t),.2126-.2126*(1-t),.7152+.2848*(1-t),.0722-.0722*(1-t),.2126-.2126*(1-t),.7152-.7152*(1-t),.0722+.9278*(1-t)])};t.prototype.sepia=function(t){if(t===void 0){t=1}this.multiply([.393+.607*(1-t),.769-.769*(1-t),.189-.189*(1-t),.349-.349*(1-t),.686+.314*(1-t),.168-.168*(1-t),.272-.272*(1-t),.534-.534*(1-t),.131+.869*(1-t)])};t.prototype.saturate=function(t){if(t===void 0){t=1}this.multiply([.213+.787*t,.715-.715*t,.072-.072*t,.213-.213*t,.715+.285*t,.072-.072*t,.213-.213*t,.715-.715*t,.072+.928*t])};t.prototype.multiply=function(t){var i=this.clamp(this.r*t[0]+this.g*t[1]+this.b*t[2]);var e=this.clamp(this.r*t[3]+this.g*t[4]+this.b*t[5]);var n=this.clamp(this.r*t[6]+this.g*t[7]+this.b*t[8]);this.r=i;this.g=e;this.b=n};t.prototype.brightness=function(t){if(t===void 0){t=1}this.linear(t)};t.prototype.contrast=function(t){if(t===void 0){t=1}this.linear(t,-(.5*t)+.5)};t.prototype.linear=function(t,i){if(t===void 0){t=1}if(i===void 0){i=0}this.r=this.clamp(this.r*t+i*255);this.g=this.clamp(this.g*t+i*255);this.b=this.clamp(this.b*t+i*255)};t.prototype.invert=function(t){if(t===void 0){t=1}this.r=this.clamp((t+this.r/255*(1-2*t))*255);this.g=this.clamp((t+this.g/255*(1-2*t))*255);this.b=this.clamp((t+this.b/255*(1-2*t))*255)};t.prototype.hsl=function(){var t=this.r/255;var i=this.g/255;var e=this.b/255;var n=Math.max(t,i,e);var s=Math.min(t,i,e);var a=0;var o=0;var r=(n+s)/2;if(n===s){return{h:0,s:0,l:r*100}}var l=n-s;o=r>.5?l/(2-n-s):l/(n+s);if(n===t){a=(i-e)/l+(i<e?6:0)}else if(n===i){a=(e-t)/l+2}else if(n===e){a=(t-i)/l+4}a/=6;return{h:a*100,s:o*100,l:r*100}};t.prototype.clamp=function(t){return Math.min(Math.max(t,0),255)};return t}();var n=function(){function t(t,i){this.target=t;this.targetHSL=t.hsl();this.options=Object.assign({},{acceptanceLossPercentage:5,maxChecks:15},i);this.reusedColor=new e(0,0,0)}t.prototype.solve=function(){var t=this.solveNarrow(this.solveWide());return{values:t.values,called:t.called,loss:t.loss,filter:this.css(t.values)}};t.prototype.solveWide=function(){var t=5;var i=15;var e=[60,180,18e3,600,1.2,1.2];var n={loss:Infinity};var s=0;while(n.loss>this.options.acceptanceLossPercentage){var a=[50,20,3750,50,100,100];var o=this.spsa({A:t,a:e,c:i,values:a,maxTriesInLoop:1e3});if(o.loss<n.loss){n=o}s+=1;if(s>=this.options.maxChecks){break}}return Object.assign({},n,{called:s})};t.prototype.solveNarrow=function(t){var i=t.loss;var e=2;var n=i+1;var s=[.25*n,.25*n,n,.25*n,.2*n,.2*n];return this.spsa({A:i,a:s,c:e,values:t.values,maxTriesInLoop:500,called:t.called})};t.prototype.fixValueByFilterIDX=function(t,i){var e=100;if(i===2){e=7500}else if(i===4||i===5){e=200}if(i===3){if(t>e){t%=e}else if(t<0){t=e+t%e}}else if(t<0){t=0}else if(t>e){t=e}return t};t.prototype.spsa=function(t){var i=t.A,e=t.a,n=t.c,s=t.values,a=t.maxTriesInLoop,o=a===void 0?500:a,r=t.called,l=r===void 0?0:r;var h=1;var f=.16666666666666666;var p=null;var c=Infinity;var d=new Array(6);var u=new Array(6);var g=new Array(6);var x=6;for(var v=0;v<o;v++){var y=n/Math.pow(v+1,f);for(var m=0;m<x;m++){d[m]=Math.random()>.5?1:-1;u[m]=s[m]+y*d[m];g[m]=s[m]-y*d[m]}var k=this.loss(u)-this.loss(g);for(var m=0;m<x;m++){var b=k/(2*y)*d[m];var w=e[m]/Math.pow(i+v+1,h);s[m]=this.fixValueByFilterIDX(s[m]-w*b,m)}var z=this.loss(s);if(z<c){p=s.slice(0);c=z}}return{values:p,loss:c,called:l}};t.prototype.loss=function(t){var i=this.reusedColor;i.set(0,0,0);i.invert(t[0]/100);i.sepia(t[1]/100);i.saturate(t[2]/100);i.hueRotate(t[3]*3.6);i.brightness(t[4]/100);i.contrast(t[5]/100);var e=i.hsl();return Math.abs(i.r-this.target.r)+Math.abs(i.g-this.target.g)+Math.abs(i.b-this.target.b)+Math.abs(e.h-this.targetHSL.h)+Math.abs(e.s-this.targetHSL.s)+Math.abs(e.l-this.targetHSL.l)};t.prototype.css=function(t){var i=function(i,e){if(e===void 0){e=1}return Math.round(t[i]*e)};return["invert("+i(0)+"%)","sepia("+i(1)+"%)","saturate("+i(2)+"%)","hue-rotate("+i(3,3.6)+"deg)","brightness("+i(4)+"%)","contrast("+i(5)+"%);"].join(" ")};return t}();var s=function(t){if(t.length===4){return[parseInt("0x"+t[1]+t[1]),parseInt("0x"+t[2]+t[2]),parseInt("0x"+t[3]+t[3])]}if(t.length===7){return[parseInt("0x"+t[1]+t[2]),parseInt("0x"+t[3]+t[4]),parseInt("0x"+t[5]+t[6])]}return[]};var a=function(t){return!isNaN(parseFloat(t))&&isFinite(t)};var o={};var r=function(t,r){var l;if(r===void 0){r={}}var h;var f;var p;if(o[t]&&!r.forceFilterRecalculation){return Object.assign({},o[t],{cache:true})}var c;try{l=i(s(t),3),h=l[0],f=l[1],p=l[2];if(!a(h)||!a(f)||!a(p)){throw new Error("hextToRgb returned an invalid value for '"+t+"'")}c=new e(Number(h),Number(f),Number(p))}catch(t){throw new Error("Color value should be in HEX format. "+t)}var d=new n(c,Object.assign({},{acceptanceLossPercentage:5,maxChecks:30,forceFilterRecalculation:false},r));return o[t]=Object.assign({},d.solve(),{hex:t,rgb:[h,f,p],cache:false})};var l=function(t){if(!t){o={}}else if(o[t]){delete o[t]}};t.clearCache=l;t.hexToCSSFilter=r;Object.defineProperty(t,"__esModule",{value:true})}))})(T,T.exports);const $=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}.gridRow{fill:var(--kup-layer-1)}.gridRowLine{stroke:transparent}.gridTick{stroke:var(--kup-border-subtle)}.barHandle{fill:#ddd;cursor:ew-resize;opacity:0;visibility:hidden}.barBackground{user-select:none;stroke-width:0}.barWrapper{cursor:pointer;outline:none}.task-wrapper{outline:none !important}.barWrapper:hover .barHandle{visibility:visible;opacity:1}.barLabel{fill:var(--kup-layer-0);text-anchor:middle;font-weight:lighter;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none}.barLabelOutside{fill:var(--kup-text-secondary);text-anchor:start;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none}.ghost-preview{opacity:0.5}";const M=$;const S=class{constructor(i){t(this,i);this.tasks=undefined;this.dates=undefined;this.ganttEvent=undefined;this.selectedTask=undefined;this.rowHeight=0;this.columnWidth=0;this.timeStep=0;this.taskHeight=0;this.arrowColor="";this.arrowIndent=0;this.fontFamily="";this.fontSize="";this.rtl=false;this.hideLabel=false;this.showSecondaryDates=false;this.currentDateIndicator=undefined;this.projection=undefined;this.readOnly=false;this.gridProps=undefined;this.dateChange=undefined;this.progressChange=undefined;this.doubleClick=undefined;this.barClick=undefined;this.barDblClick=undefined;this.barContextMenu=undefined;this.delete=undefined;this.setFailedTask=undefined;this.setSelectedTask=undefined;this.eventStart=undefined;this.eMouseDown=undefined;this.phaseDrop=undefined;this.setGanttEvent=undefined;this.phaseDragScroll=undefined;this.xStep=0;this.initEventX1Delta=0;this.initEventXClick=0;this.isMoving=false;this.point=undefined;this.svg=undefined;this.currentTarget=undefined;this.dragScrollInterval=undefined;this.dropZoneTask=undefined}componentDidLoad(){this.point=this.createSVGPoint();this.updateXStep()}createSVGPoint(){if(this.svg){return this.svg.createSVGPoint()}return undefined}updateXStep(){const t=this.dates[1].getTime()-this.dates[0].getTime()-this.dates[1].getTimezoneOffset()*60*1e3+this.dates[0].getTimezoneOffset()*60*1e3;const i=this.timeStep*this.columnWidth/t;this.xStep=i}updateSvgMove(){const t=async t=>{var i,e;if(!this.ganttEvent.changedTask||!this.point||!this.svg)return;t.preventDefault();this.point.x=t.clientX;this.point.y=t.clientY;const n=this.point.matrixTransform((e=(i=this.svg)===null||i===void 0?void 0:i.getScreenCTM())===null||e===void 0?void 0:e.inverse());const{isChanged:s,changedTask:a}=l(n.x,this.ganttEvent.action,this.ganttEvent.changedTask,this.xStep,this.timeStep,this.initEventX1Delta,this.rtl,n.y);if(this.currentTarget){this.addGhostPreview(t);this.handleAutoScrollForPhaseDrag(t);this.addDropzoneVisualization()}if(s){this.setGanttEvent(Object.assign(Object.assign({},this.ganttEvent),{action:this.ganttEvent.action,changedTask:a}))}};const i=async e=>{var n,s,a;clearInterval(this.dragScrollInterval);this.resetDropzoneVisualization();const{action:o,originalSelectedTask:r,changedTask:h}=this.ganttEvent;if(!h||!this.point||!this.svg||!r)return;e.preventDefault();this.point.x=e.clientX;const f=this.point.matrixTransform((s=(n=this.svg)===null||n===void 0?void 0:n.getScreenCTM())===null||s===void 0?void 0:s.inverse());this.currentTarget=null;const{changedTask:p}=l(f.x,o,h,this.xStep,this.timeStep,this.initEventX1Delta,this.rtl,f.y);const c=r.start!==p.start||r.end!==p.end||r.progress!==p.progress||r.y!==p.y;this.svg.removeEventListener("mousemove",t);this.svg.removeEventListener("mouseup",i);(a=this.svg.querySelector(".ghost-preview"))===null||a===void 0?void 0:a.remove();this.setGanttEvent({action:""});this.isMoving=false;let d=true;let u=undefined;let g=undefined;if(o==="move"&&c&&p.type==="task"){u=this.tasks.find((t=>this.isPhaseWithinTaskArea(h,t)&&t.type==="project"));g=this.tasks.find((t=>t.id==r.id.split("_").shift()))}if((u===null||u===void 0?void 0:u.id)&&(g===null||g===void 0?void 0:g.id)!==(u===null||u===void 0?void 0:u.id)){this.phaseDrop(r,g,p,u)}else if((o==="move"||o==="end"||o==="start")&&this.dateChange&&c){try{const t=await this.dateChange(p,p.barChildren);if(t!==undefined){d=t}}catch(t){d=false}}else if(this.progressChange&&c){try{const t=this.progressChange(p,p.barChildren);if(t!==undefined){d=t}}catch(t){d=false}}if(!d){this.setFailedTask(r)}};if(!this.isMoving&&(this.ganttEvent.action==="move"||this.ganttEvent.action==="end"||this.ganttEvent.action==="start"||this.ganttEvent.action==="progress")&&this.svg){this.svg.addEventListener("mousemove",t);this.svg.addEventListener("mouseup",i);this.isMoving=true}}hasMovedHorizontally(t){if(this.readOnly){return false}return this.initEventXClick!==t.clientX}addGhostPreview(t){var i;(i=this.svg.querySelector(".ghost-preview"))===null||i===void 0?void 0:i.remove();const e=Object.assign(Object.assign({},t),{dataTransfer:new DataTransfer});const n=this.currentTarget;n.classList.add("ghost-preview");this.svg.appendChild(n.cloneNode(true));const s=n.getBoundingClientRect();e.dataTransfer.setDragImage(n,e.clientX-s.left,e.clientY-s.top)}handleAutoScrollForPhaseDrag(t){var i,e;const n=(e=(i=this.svg)===null||i===void 0?void 0:i.parentElement)===null||e===void 0?void 0:e.parentElement;if(!n)return;clearInterval(this.dragScrollInterval);const s=n.clientHeight<n.scrollHeight;if(s){const i=n.getBoundingClientRect();const e=t.clientY-i.top;const s=5;if(e-20<s){this.dragScrollInterval=setInterval((()=>{this.phaseDragScroll(n.scrollTop-=s)}),1)}else if(e+20>i.height-s){this.dragScrollInterval=setInterval((()=>{this.phaseDragScroll(n.scrollTop+=s)}),1)}}else{const i=20;const e=window.innerHeight;const n=t.clientY;if(n<i){window.scrollBy(0,-i)}else if(n>e-i){window.scrollBy(0,i)}}}isPhaseWithinTaskArea(t,i){return t.y+t.height>=i.ySecondary&&t.y<=i.ySecondary+i.height&&t.x2>=i.x1&&t.x1<=i.x2}addDropzoneVisualization(){var t;this.resetDropzoneVisualization();const i=this.tasks.filter((t=>{var i,e,n;return t.type=="project"&&((n=(e=(i=this.ganttEvent.originalSelectedTask)===null||i===void 0?void 0:i.id)===null||e===void 0?void 0:e.split("_"))===null||n===void 0?void 0:n.shift())!=t.id}));const e=this.ganttEvent.changedTask;this.dropZoneTask=i.find((t=>this.isPhaseWithinTaskArea(e,t)));if((t=this.dropZoneTask)===null||t===void 0?void 0:t.ySecondary){const t=this.getBarRectsForDropzoneVisualization();t.forEach((t=>{t.setAttribute("fill",u.barDropZoneColor)}))}}resetDropzoneVisualization(){if(!this.dropZoneTask)return;const t=this.getBarRectsForDropzoneVisualization();const i=!!this.selectedTask&&this.dropZoneTask.id===this.selectedTask.id;t.forEach((t=>{t.setAttribute("fill",this.getBarColor(i,this.dropZoneTask.styles))}))}getBarRectsForDropzoneVisualization(){let t;if(!this.showSecondaryDates){t=this.svg.querySelectorAll(`.barWrapper[data-type="${this.dropZoneTask.type}"] rect[y='${this.dropZoneTask.ySecondary}']`)}else{const i=this.svg.querySelector(`.barWrapper[data-type="${this.dropZoneTask.type}"] rect[y='${this.dropZoneTask.ySecondary}']`);const e=[i];let n=i.nextElementSibling;while(n!==null){e.push(n);n=n.nextElementSibling}let s=i.previousElementSibling;while(s!==null){e.unshift(s);s=s.previousElementSibling}t=e}return t}handleBarEventStart(t,i,e){var n;if(!e){if(t==="select"){this.setSelectedTask(i.id)}}else if(o(e)){if(t==="delete"){if(this.delete){try{const e=this.delete(i);if(e!==undefined&&e){this.setGanttEvent({action:t,changedTask:i})}}catch(t){console.error("Error on Delete. "+t)}}}}else if(t==="mouseenter"){if(!this.ganttEvent.action){this.setGanttEvent({action:t,changedTask:i,originalSelectedTask:i})}}else if(t==="mouseleave"){if(this.ganttEvent.action==="mouseenter"){this.setGanttEvent({action:""})}}else if(t==="dblclick"){this.doubleClick&&this.doubleClick(i)}else if(t==="click"){const t=this.hasMovedHorizontally(e);!t&&this.barClick&&this.barClick(i)}else if(t==="contextmenu"){e.preventDefault();this.barContextMenu&&this.barContextMenu(e,i)}else if(t==="move"){if(!this.svg||!this.point)return;this.point.x=e.clientX;const s=this.point.matrixTransform((n=this.svg.getScreenCTM())===null||n===void 0?void 0:n.inverse());if(i.type==="task"){this.currentTarget=e.currentTarget.cloneNode(true)}else{this.currentTarget=null}this.initEventX1Delta=s.x-i.x1;this.point.y=e.clientY;this.initEventXClick=e.clientX;this.setGanttEvent({action:t,changedTask:i,originalSelectedTask:i})}else{this.setGanttEvent({action:t,changedTask:i,originalSelectedTask:i})}}getTaskIcon(t){const e=T.exports.hexToCSSFilter(t.color);return i("image",{href:t.url,filter:e.filter.replace(";",""),x:t.x,y:t.y,width:t.width,height:t.height})}renderKupBar(t,e,n,s){var a,o,r;return i("g",{class:"barWrapper","tab-index":0,"data-type":t.type},this.renderKupBarDisplay(t.x1,t.y,t.x2-t.x1,t.height,t.progressX,t.progressWidth,t.barCornerRadius,t.styles,e,!this.readOnly&&!!this.dateChange&&!t.isDisabled,t,t.x1secondary,((a=t.x2secondary)!==null&&a!==void 0?a:0)-((o=t.x1secondary)!==null&&o!==void 0?o:0),t.ySecondary),i("g",{class:"handleGroup"},n&&i("g",null,this.renderKupBarDateHandle(t.x1+1,t.y+1,t.handleWidth,t.height-2,t.barCornerRadius,t,"start"),this.renderKupBarDateHandle(t.x2-t.handleWidth-1,t.y+1,t.handleWidth,t.height-2,t.barCornerRadius,t,"end")),s&&i("polygon",{class:"barHandle",points:this.calculateProgressPoint(t),onMouseDown:i=>{this.handleBarEventStart("progress",t,i)}})),t.icon&&t.icon.url&&this.getTaskIcon({color:(r=t.icon.color)!==null&&r!==void 0?r:"#000000",url:t.icon.url,width:t.height/2+"px",height:t.height/2+"px",x:t.x1+(t.x2-t.x1)-t.height/2/2,y:t.y-t.height/2/2/2+(this.showSecondaryDates?t.height/2:0)}))}renderKupBarDisplay(t,e,n,s,a,o,r,l,h,f,p,c,d,u){if(this.showSecondaryDates&&typeof c!=="undefined"){const g=s/2;return i("g",{onMouseDown:t=>f&&this.handleBarEventStart("move",p,t)},i("rect",{key:"top semi-transparent bar",x:c,width:d,y:u!==null&&u!==void 0?u:e,height:g,ry:r,rx:r,fill:this.getBarColor(h,l),opacity:.5,class:"barBackground"}),i("rect",{key:"main bar",x:t,width:n,y:e+g,height:g,ry:r,rx:r,fill:this.getBarColor(h,l),class:"barBackground"}),i("rect",{key:"progress bar",x:a,width:o,y:e+g,height:g,ry:r,rx:r,fill:this.getProcessColor(h,l)}))}return i("g",{onMouseDown:t=>{f&&this.handleBarEventStart("move",p,t)}},i("rect",{x:t,width:n,y:e,height:s,ry:r,rx:r,fill:this.getBarColor(h,l),class:"barBackground"}),i("rect",{x:a,width:o,y:e,height:s,ry:r,rx:r,fill:this.getProcessColor(h,l)}))}renderKupBarDateHandle(t,e,n,s,a,o,r){return i("rect",{x:t,y:e,width:n,height:s,class:"barHandle",ry:a,rx:a,onMouseDown:t=>this.handleBarEventStart(r,o,t)})}renderKupBarSmall(t,e,n,s){return i("g",{class:"barWrapper","tab-index":0},this.renderKupBarDisplay(t.x1,t.y,t.x2-t.x1,t.height,t.progressX,t.progressWidth,t.barCornerRadius,t.styles,e,n,t),i("g",{class:"handleGroup"},s&&i("polygon",{class:"barHandle",points:this.calculateProgressPoint(t,"small"),onMouseDown:i=>{this.handleBarEventStart("progress",t,i)}})))}renderKupBarTimeLine(t,n){return i("g",{"tab-index":0},i("rect",{fill:n,x:"0",width:"100%",y:t.y,height:t.height,rx:0,ry:0}),t.barChildren.map((t=>{var n;return i(e,null,i("rect",{style:{cursor:"pointer"},key:t.id,fill:t.styles.backgroundColor,x:t.x1,width:t.x2-t.x1,y:t.y,height:t.height,rx:t.barCornerRadius,ry:t.barCornerRadius}),t.icon&&t.icon.url&&this.getTaskIcon({color:(n=t.icon.color)!==null&&n!==void 0?n:"#000000",url:t.icon.url,width:t.height+"px",height:t.height+"px",x:t.x1+(t.x2-t.x1)-t.height/2,y:t.y-t.height/2/2}))})))}renderKupArrow(t,e){const[n,s]=this.rtl?this.drownPathAndTriangleRTL(t,this.tasks[e.index],this.rowHeight,this.taskHeight,this.arrowIndent):this.drownPathAndTriangle(t,this.tasks[e.index],this.rowHeight,this.taskHeight,this.arrowIndent);return i("g",{class:"arrow"},i("path",{"stroke-width":"1.5",d:n,fill:"none"}),i("polygon",{points:s}))}drownPathAndTriangle(t,i,e,n,s){const a=t.index>i.index?-1:1;const o=i.y+n/2;const r=t.x2+s*2;const l=r<i.x1?"":`H ${i.x1-s}`;const h=r>i.x1?s:i.x1-t.x2-s;const f=`M ${t.x2} ${t.y+n/2}\n h ${s}\n v ${a*e/2}\n ${l}\n V ${o}\n h ${h}`;const p=`${i.x1},${o}\n ${i.x1-5},${o-5}\n ${i.x1-5},${o+5}`;return[f,p]}drownPathAndTriangleRTL(t,i,e,n,s){const a=t.index>i.index?-1:1;const o=i.y+n/2;const r=t.x1-s*2;const l=r>i.x2?"":`H ${i.x2+s}`;const h=r<i.x2?-s:i.x2-t.x1+s;const f=`M ${t.x1} ${t.y+n/2}\n h ${-s}\n v ${a*e/2}\n ${l}\n V ${o}\n h ${h}`;const p=`${i.x2},${o}\n ${i.x2+5},${o+5}\n ${i.x2+5},${o-5}`;return[f,p]}getBarColor(t,i){return t?i.backgroundSelectedColor:i.backgroundColor}getProcessColor(t,i){return t?i.progressSelectedColor:i.progressColor}calculateProgressPoint(t,i="bar"){return r(i=="bar"?+!this.rtl*t.progressWidth+t.progressX:t.progressWidth+t.x1,t.y,t.height)}render(){let t=0;const e=[];const n=[i("line",{key:"RowLineFirst",x1:0,y1:0,x2:this.gridProps.svgWidth,y2:0,class:"gridRowLine"})];for(const s of this.tasks){e.push(i("rect",{key:"Row"+s.id,x:0,y:t,width:this.gridProps.svgWidth,height:this.rowHeight,class:"gridRow"}));n.push(i("line",{key:"RowLine"+s.id,x1:0,y1:t+this.rowHeight,x2:this.gridProps.svgWidth,y2:t+this.rowHeight,class:"gridRowLine"}));t+=this.rowHeight}let s=0;const a=[];for(let e=0;e<this.dates.length;e++){const n=this.dates[e];a.push(i("line",{key:n.getTime(),x1:s,y1:0,x2:s,y2:t,class:"gridTick"}));s+=this.columnWidth}return i("svg",{key:"9263a7ff5b686852374b8ab09139cd5fcc0121d8",xmlns:"http://www.w3.org/2000/svg",width:this.gridProps.svgWidth,height:`${this.rowHeight*this.tasks.length}px`,"font-family":this.fontFamily,ref:t=>this.svg=t},i("g",{key:"85be8b28a1dace4119300b70f57315f078196aca",class:"grid"},i("g",{key:"5649441550478e9548ae5ca74e1103b4d1d5a0ae",class:"rows"},e),i("g",{key:"b9448651fa176155dcca85e255f4c18df8e82c78",class:"rowLines"},n),i("g",{key:"494680efd38cf2de8e2ed70ed9d9150e7445686a",class:"ticks"},a)),i("g",{key:"4d9372e10eb48f81db24e2ab192aaf3ba0d8ea35",class:"content"},this.currentDateIndicator&&i("rect",{key:"8895a188975316ece0a630c649011557db8abb35",fill:this.currentDateIndicator.color,x:this.currentDateIndicator.x+1.5,y:"0",width:"2",height:"100%"}),this.projection&&i("rect",{key:"840d85239cfae75ef410d67ea3a4b52c5c017f5a",fill:this.projection.color,x:this.projection.x0,y:"0",width:this.projection.xf-this.projection.x0,height:"100%","fill-opacity":"0.35"}),i("g",{key:"b39ff7980e443acc2b954389cc5ca2873e02ba1c",class:"arrows",fill:this.arrowColor,stroke:this.arrowColor},this.tasks.map((t=>t.barChildren.map((i=>{if(t.type!=="timeline"){this.renderKupArrow(t,i)}}))))),i("g",{key:"e4c860fe4271daf18cc3fee8f9660a23e7a8ac44",class:"bar","font-family":this.fontFamily,"font-size":this.fontSize},this.tasks.map((t=>{const e=t.type==="project";return i("g",{onKeyDown:i=>{switch(i.key){case"Delete":{if(!t.isDisabled)this.handleBarEventStart("delete",t,i);break}}i.stopPropagation()},onMouseEnter:i=>{this.handleBarEventStart("mouseenter",t,i)},onMouseLeave:i=>{this.handleBarEventStart("mouseleave",t,i)},onDblClick:()=>{this.barDblClick(t)},onClick:i=>{this.handleBarEventStart("click",t,i)},onContextMenu:i=>{this.handleBarEventStart("contextmenu",t,i)},onFocus:()=>{this.handleBarEventStart("select",t)},class:"task-wrapper"},(()=>{const i={task:t,arrowIndent:this.arrowIndent,isDelete:!t.isDisabled,taskHeight:this.taskHeight,isSelected:!!this.selectedTask&&t.id===this.selectedTask.id,rtl:this.rtl,hideLabel:this.hideLabel};const n=t.styles;const s=i.isSelected?n.backgroundSelectedColor:n.backgroundColor;const a=!this.readOnly&&!!this.dateChange&&!t.isDisabled&&!e;const o=!this.readOnly&&!!this.progressChange&&!t.isDisabled;const r=!this.readOnly&&!!this.dateChange&&!t.isDisabled;switch(t.typeInternal){case"project":return this.renderKupBar(t,i.isSelected,a,o);case"smalltask":return this.renderKupBarSmall(t,i.isSelected,r,o);case"timeline":return this.renderKupBarTimeLine(t,s);default:return this.renderKupBar(t,i.isSelected,a,o)}})())})),this.currentTarget&&this.ganttEvent.changedTask&&i("g",{key:"f767fdbf19649620d62420262cf978a3503d7d3e",class:"task-wrapper"},this.renderKupBar(this.ganttEvent.changedTask,false,false,false)))))}static get watchers(){return{columnWidth:["updateXStep"],dates:["updateXStep"],timeStep:["updateXStep","updateSvgMove"],ganttEvent:["updateSvgMove"],xStep:["updateSvgMove"],svg:["updateSvgMove"],initEventX1Delta:["updateSvgMove"],point:["updateSvgMove"],rtl:["updateSvgMove"],onProgressChange:["updateSvgMove"],onDateChange:["updateSvgMove"]}}};S.style=M;export{v as kup_custom_task_list_header,k as kup_custom_task_list_table,z as kup_gantt_calendar,S as kup_grid_renderer};
17
- //# sourceMappingURL=p-a7e1edb6.entry.js.map
16
+ function i(t,i){var e=typeof Symbol==="function"&&t[Symbol.iterator];if(!e)return t;var n=e.call(t),s,o=[],a;try{while((i===void 0||i-- >0)&&!(s=n.next()).done)o.push(s.value)}catch(t){a={error:t}}finally{try{if(s&&!s.done&&(e=n["return"]))e.call(n)}finally{if(a)throw a.error}}return o}var e=function(){function t(t,i,e){this.r=0;this.g=0;this.b=0;this.set(t,i,e)}t.prototype.set=function(t,i,e){this.r=this.clamp(t);this.g=this.clamp(i);this.b=this.clamp(e)};t.prototype.hueRotate=function(t){if(t===void 0){t=0}t=t/180*Math.PI;var i=Math.sin(t);var e=Math.cos(t);this.multiply([.213+e*.787-i*.213,.715-e*.715-i*.715,.072-e*.072+i*.928,.213-e*.213+i*.143,.715+e*.285+i*.14,.072-e*.072-i*.283,.213-e*.213-i*.787,.715-e*.715+i*.715,.072+e*.928+i*.072])};t.prototype.grayscale=function(t){if(t===void 0){t=1}this.multiply([.2126+.7874*(1-t),.7152-.7152*(1-t),.0722-.0722*(1-t),.2126-.2126*(1-t),.7152+.2848*(1-t),.0722-.0722*(1-t),.2126-.2126*(1-t),.7152-.7152*(1-t),.0722+.9278*(1-t)])};t.prototype.sepia=function(t){if(t===void 0){t=1}this.multiply([.393+.607*(1-t),.769-.769*(1-t),.189-.189*(1-t),.349-.349*(1-t),.686+.314*(1-t),.168-.168*(1-t),.272-.272*(1-t),.534-.534*(1-t),.131+.869*(1-t)])};t.prototype.saturate=function(t){if(t===void 0){t=1}this.multiply([.213+.787*t,.715-.715*t,.072-.072*t,.213-.213*t,.715+.285*t,.072-.072*t,.213-.213*t,.715-.715*t,.072+.928*t])};t.prototype.multiply=function(t){var i=this.clamp(this.r*t[0]+this.g*t[1]+this.b*t[2]);var e=this.clamp(this.r*t[3]+this.g*t[4]+this.b*t[5]);var n=this.clamp(this.r*t[6]+this.g*t[7]+this.b*t[8]);this.r=i;this.g=e;this.b=n};t.prototype.brightness=function(t){if(t===void 0){t=1}this.linear(t)};t.prototype.contrast=function(t){if(t===void 0){t=1}this.linear(t,-(.5*t)+.5)};t.prototype.linear=function(t,i){if(t===void 0){t=1}if(i===void 0){i=0}this.r=this.clamp(this.r*t+i*255);this.g=this.clamp(this.g*t+i*255);this.b=this.clamp(this.b*t+i*255)};t.prototype.invert=function(t){if(t===void 0){t=1}this.r=this.clamp((t+this.r/255*(1-2*t))*255);this.g=this.clamp((t+this.g/255*(1-2*t))*255);this.b=this.clamp((t+this.b/255*(1-2*t))*255)};t.prototype.hsl=function(){var t=this.r/255;var i=this.g/255;var e=this.b/255;var n=Math.max(t,i,e);var s=Math.min(t,i,e);var o=0;var a=0;var r=(n+s)/2;if(n===s){return{h:0,s:0,l:r*100}}var l=n-s;a=r>.5?l/(2-n-s):l/(n+s);if(n===t){o=(i-e)/l+(i<e?6:0)}else if(n===i){o=(e-t)/l+2}else if(n===e){o=(t-i)/l+4}o/=6;return{h:o*100,s:a*100,l:r*100}};t.prototype.clamp=function(t){return Math.min(Math.max(t,0),255)};return t}();var n=function(){function t(t,i){this.target=t;this.targetHSL=t.hsl();this.options=Object.assign({},{acceptanceLossPercentage:5,maxChecks:15},i);this.reusedColor=new e(0,0,0)}t.prototype.solve=function(){var t=this.solveNarrow(this.solveWide());return{values:t.values,called:t.called,loss:t.loss,filter:this.css(t.values)}};t.prototype.solveWide=function(){var t=5;var i=15;var e=[60,180,18e3,600,1.2,1.2];var n={loss:Infinity};var s=0;while(n.loss>this.options.acceptanceLossPercentage){var o=[50,20,3750,50,100,100];var a=this.spsa({A:t,a:e,c:i,values:o,maxTriesInLoop:1e3});if(a.loss<n.loss){n=a}s+=1;if(s>=this.options.maxChecks){break}}return Object.assign({},n,{called:s})};t.prototype.solveNarrow=function(t){var i=t.loss;var e=2;var n=i+1;var s=[.25*n,.25*n,n,.25*n,.2*n,.2*n];return this.spsa({A:i,a:s,c:e,values:t.values,maxTriesInLoop:500,called:t.called})};t.prototype.fixValueByFilterIDX=function(t,i){var e=100;if(i===2){e=7500}else if(i===4||i===5){e=200}if(i===3){if(t>e){t%=e}else if(t<0){t=e+t%e}}else if(t<0){t=0}else if(t>e){t=e}return t};t.prototype.spsa=function(t){var i=t.A,e=t.a,n=t.c,s=t.values,o=t.maxTriesInLoop,a=o===void 0?500:o,r=t.called,l=r===void 0?0:r;var h=1;var f=.16666666666666666;var p=null;var c=Infinity;var d=new Array(6);var u=new Array(6);var g=new Array(6);var x=6;for(var v=0;v<a;v++){var y=n/Math.pow(v+1,f);for(var m=0;m<x;m++){d[m]=Math.random()>.5?1:-1;u[m]=s[m]+y*d[m];g[m]=s[m]-y*d[m]}var k=this.loss(u)-this.loss(g);for(var m=0;m<x;m++){var b=k/(2*y)*d[m];var w=e[m]/Math.pow(i+v+1,h);s[m]=this.fixValueByFilterIDX(s[m]-w*b,m)}var z=this.loss(s);if(z<c){p=s.slice(0);c=z}}return{values:p,loss:c,called:l}};t.prototype.loss=function(t){var i=this.reusedColor;i.set(0,0,0);i.invert(t[0]/100);i.sepia(t[1]/100);i.saturate(t[2]/100);i.hueRotate(t[3]*3.6);i.brightness(t[4]/100);i.contrast(t[5]/100);var e=i.hsl();return Math.abs(i.r-this.target.r)+Math.abs(i.g-this.target.g)+Math.abs(i.b-this.target.b)+Math.abs(e.h-this.targetHSL.h)+Math.abs(e.s-this.targetHSL.s)+Math.abs(e.l-this.targetHSL.l)};t.prototype.css=function(t){var i=function(i,e){if(e===void 0){e=1}return Math.round(t[i]*e)};return["invert("+i(0)+"%)","sepia("+i(1)+"%)","saturate("+i(2)+"%)","hue-rotate("+i(3,3.6)+"deg)","brightness("+i(4)+"%)","contrast("+i(5)+"%);"].join(" ")};return t}();var s=function(t){if(t.length===4){return[parseInt("0x"+t[1]+t[1]),parseInt("0x"+t[2]+t[2]),parseInt("0x"+t[3]+t[3])]}if(t.length===7){return[parseInt("0x"+t[1]+t[2]),parseInt("0x"+t[3]+t[4]),parseInt("0x"+t[5]+t[6])]}return[]};var o=function(t){return!isNaN(parseFloat(t))&&isFinite(t)};var a={};var r=function(t,r){var l;if(r===void 0){r={}}var h;var f;var p;if(a[t]&&!r.forceFilterRecalculation){return Object.assign({},a[t],{cache:true})}var c;try{l=i(s(t),3),h=l[0],f=l[1],p=l[2];if(!o(h)||!o(f)||!o(p)){throw new Error("hextToRgb returned an invalid value for '"+t+"'")}c=new e(Number(h),Number(f),Number(p))}catch(t){throw new Error("Color value should be in HEX format. "+t)}var d=new n(c,Object.assign({},{acceptanceLossPercentage:5,maxChecks:30,forceFilterRecalculation:false},r));return a[t]=Object.assign({},d.solve(),{hex:t,rgb:[h,f,p],cache:false})};var l=function(t){if(!t){a={}}else if(a[t]){delete a[t]}};t.clearCache=l;t.hexToCSSFilter=r;Object.defineProperty(t,"__esModule",{value:true})}))})(T,T.exports);const $=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}.gridRow{fill:var(--kup-layer-1)}.gridRowLine{stroke:transparent}.gridTick{stroke:var(--kup-border-subtle)}.barHandle{fill:#ddd;cursor:ew-resize;opacity:0;visibility:hidden}.barBackground{user-select:none;stroke-width:0}.barWrapper{cursor:pointer;outline:none}.task-wrapper{outline:none !important}.barWrapper:hover .barHandle{visibility:visible;opacity:1}.barLabel{fill:var(--kup-layer-0);text-anchor:middle;font-weight:lighter;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none}.barLabelOutside{fill:var(--kup-text-secondary);text-anchor:start;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none}.ghost-preview{opacity:0.5}";const M=$;const S=class{constructor(i){t(this,i);this.tasks=undefined;this.dates=undefined;this.ganttEvent=undefined;this.selectedTask=undefined;this.rowHeight=0;this.columnWidth=0;this.timeStep=0;this.taskHeight=0;this.arrowColor="";this.arrowIndent=0;this.fontFamily="";this.fontSize="";this.rtl=false;this.hideLabel=false;this.showSecondaryDates=false;this.currentDateIndicator=undefined;this.projection=undefined;this.readOnly=false;this.gridProps=undefined;this.dateChange=undefined;this.progressChange=undefined;this.doubleClick=undefined;this.barClick=undefined;this.barDblClick=undefined;this.barContextMenu=undefined;this.delete=undefined;this.setFailedTask=undefined;this.setSelectedTask=undefined;this.eventStart=undefined;this.eMouseDown=undefined;this.phaseDrop=undefined;this.setGanttEvent=undefined;this.phaseDragScroll=undefined;this.xStep=0;this.initEventX1Delta=0;this.initEventXClick=0;this.isMoving=false;this.point=undefined;this.svg=undefined;this.currentTarget=undefined;this.dragScrollInterval=undefined;this.dropZoneTask=undefined}componentDidLoad(){this.point=this.createSVGPoint();this.updateXStep()}createSVGPoint(){if(this.svg){return this.svg.createSVGPoint()}return undefined}updateXStep(){const t=this.dates[1].getTime()-this.dates[0].getTime()-this.dates[1].getTimezoneOffset()*60*1e3+this.dates[0].getTimezoneOffset()*60*1e3;const i=this.timeStep*this.columnWidth/t;this.xStep=i}updateSvgMove(){const t=async t=>{var i,e;if(!this.ganttEvent.changedTask||!this.point||!this.svg)return;t.preventDefault();this.point.x=t.clientX;this.point.y=t.clientY;const n=this.point.matrixTransform((e=(i=this.svg)===null||i===void 0?void 0:i.getScreenCTM())===null||e===void 0?void 0:e.inverse());const{isChanged:s,changedTask:o}=l(n.x,this.ganttEvent.action,this.ganttEvent.changedTask,this.xStep,this.timeStep,this.initEventX1Delta,this.rtl,n.y);if(this.currentTarget){this.addGhostPreview(t);this.handleAutoScrollForPhaseDrag(t);this.addDropzoneVisualization()}if(s){this.setGanttEvent(Object.assign(Object.assign({},this.ganttEvent),{action:this.ganttEvent.action,changedTask:o}))}};const i=async e=>{var n,s,o;clearInterval(this.dragScrollInterval);this.resetDropzoneVisualization();const{action:a,originalSelectedTask:r,changedTask:h}=this.ganttEvent;if(!h||!this.point||!this.svg||!r)return;e.preventDefault();this.point.x=e.clientX;const f=this.point.matrixTransform((s=(n=this.svg)===null||n===void 0?void 0:n.getScreenCTM())===null||s===void 0?void 0:s.inverse());this.currentTarget=null;const{changedTask:p}=l(f.x,a,h,this.xStep,this.timeStep,this.initEventX1Delta,this.rtl,f.y);const c=r.start!==p.start||r.end!==p.end||r.progress!==p.progress||r.y!==p.y;this.svg.removeEventListener("mousemove",t);this.svg.removeEventListener("mouseup",i);(o=this.svg.querySelector(".ghost-preview"))===null||o===void 0?void 0:o.remove();this.setGanttEvent({action:""});this.isMoving=false;let d=true;let u=undefined;let g=undefined;if(a==="move"&&c&&p.type==="task"){u=this.tasks.find((t=>this.isPhaseWithinTaskArea(h,t)&&t.type==="project"));g=this.tasks.find((t=>t.id==r.id.split("_").shift()))}if((u===null||u===void 0?void 0:u.id)&&(g===null||g===void 0?void 0:g.id)!==(u===null||u===void 0?void 0:u.id)){this.phaseDrop(r,g,p,u)}else if((a==="move"||a==="end"||a==="start")&&this.dateChange&&c){try{const t=await this.dateChange(p,p.barChildren);if(t!==undefined){d=t}}catch(t){d=false}}else if(this.progressChange&&c){try{const t=this.progressChange(p,p.barChildren);if(t!==undefined){d=t}}catch(t){d=false}}if(!d){this.setFailedTask(r)}};if(!this.isMoving&&(this.ganttEvent.action==="move"||this.ganttEvent.action==="end"||this.ganttEvent.action==="start"||this.ganttEvent.action==="progress")&&this.svg){this.svg.addEventListener("mousemove",t);this.svg.addEventListener("mouseup",i);this.isMoving=true}}hasMovedHorizontally(t){if(this.readOnly){return false}return this.initEventXClick!==t.clientX}addGhostPreview(t){var i;(i=this.svg.querySelector(".ghost-preview"))===null||i===void 0?void 0:i.remove();const e=Object.assign(Object.assign({},t),{dataTransfer:new DataTransfer});const n=this.currentTarget;n.classList.add("ghost-preview");this.svg.appendChild(n.cloneNode(true));const s=n.getBoundingClientRect();e.dataTransfer.setDragImage(n,e.clientX-s.left,e.clientY-s.top)}handleAutoScrollForPhaseDrag(t){var i,e;const n=(e=(i=this.svg)===null||i===void 0?void 0:i.parentElement)===null||e===void 0?void 0:e.parentElement;if(!n)return;clearInterval(this.dragScrollInterval);const s=n.clientHeight<n.scrollHeight;if(s){const i=n.getBoundingClientRect();const e=t.clientY-i.top;const s=5;if(e-20<s){this.dragScrollInterval=setInterval((()=>{this.phaseDragScroll(n.scrollTop-=s)}),1)}else if(e+20>i.height-s){this.dragScrollInterval=setInterval((()=>{this.phaseDragScroll(n.scrollTop+=s)}),1)}}else{const i=20;const e=window.innerHeight;const n=t.clientY;if(n<i){window.scrollBy(0,-i)}else if(n>e-i){window.scrollBy(0,i)}}}isPhaseWithinTaskArea(t,i){return t.y+t.height>=i.ySecondary&&t.y<=i.ySecondary+i.height&&t.x2>=i.x1&&t.x1<=i.x2}addDropzoneVisualization(){var t;this.resetDropzoneVisualization();const i=this.tasks.filter((t=>{var i,e,n;return t.type=="project"&&((n=(e=(i=this.ganttEvent.originalSelectedTask)===null||i===void 0?void 0:i.id)===null||e===void 0?void 0:e.split("_"))===null||n===void 0?void 0:n.shift())!=t.id}));const e=this.ganttEvent.changedTask;this.dropZoneTask=i.find((t=>this.isPhaseWithinTaskArea(e,t)));if((t=this.dropZoneTask)===null||t===void 0?void 0:t.ySecondary){const t=this.getBarRectsForDropzoneVisualization();t.forEach((t=>{t.setAttribute("fill",u.barDropZoneColor)}))}}resetDropzoneVisualization(){if(!this.dropZoneTask)return;const t=this.getBarRectsForDropzoneVisualization();const i=!!this.selectedTask&&this.dropZoneTask.id===this.selectedTask.id;t.forEach((t=>{t.setAttribute("fill",this.getBarColor(i,this.dropZoneTask.styles))}))}getBarRectsForDropzoneVisualization(){let t;if(!this.showSecondaryDates){t=this.svg.querySelectorAll(`.barWrapper[data-type="${this.dropZoneTask.type}"] rect[y='${this.dropZoneTask.ySecondary}']`)}else{const i=this.svg.querySelector(`.barWrapper[data-type="${this.dropZoneTask.type}"] rect[y='${this.dropZoneTask.ySecondary}']`);const e=[i];let n=i.nextElementSibling;while(n!==null){e.push(n);n=n.nextElementSibling}let s=i.previousElementSibling;while(s!==null){e.unshift(s);s=s.previousElementSibling}t=e}return t}handleBarEventStart(t,i,e){var n;if(!e){if(t==="select"){this.setSelectedTask(i.id)}}else if(a(e)){if(t==="delete"){if(this.delete){try{const e=this.delete(i);if(e!==undefined&&e){this.setGanttEvent({action:t,changedTask:i})}}catch(t){console.error("Error on Delete. "+t)}}}}else if(t==="mouseenter"){if(!this.ganttEvent.action){this.setGanttEvent({action:t,changedTask:i,originalSelectedTask:i})}}else if(t==="mouseleave"){if(this.ganttEvent.action==="mouseenter"){this.setGanttEvent({action:""})}}else if(t==="dblclick"){this.doubleClick&&this.doubleClick(i)}else if(t==="click"){const t=this.hasMovedHorizontally(e);!t&&this.barClick&&this.barClick(i)}else if(t==="contextmenu"){e.preventDefault();this.barContextMenu&&this.barContextMenu(e,i)}else if(t==="move"){if(!this.svg||!this.point)return;this.point.x=e.clientX;const s=this.point.matrixTransform((n=this.svg.getScreenCTM())===null||n===void 0?void 0:n.inverse());if(i.type==="task"){this.currentTarget=e.currentTarget.cloneNode(true)}else{this.currentTarget=null}this.initEventX1Delta=s.x-i.x1;this.point.y=e.clientY;this.initEventXClick=e.clientX;this.setGanttEvent({action:t,changedTask:i,originalSelectedTask:i})}else{this.setGanttEvent({action:t,changedTask:i,originalSelectedTask:i})}}getTaskIcon(t){const e=T.exports.hexToCSSFilter(t.color);return i("image",{href:t.url,filter:e.filter.replace(";",""),x:t.x,y:t.y,width:t.width,height:t.height})}renderKupBar(t,e,n,s){var o,a,r;return i("g",{class:"barWrapper","tab-index":0,"data-type":t.type},this.renderKupBarDisplay(t.x1,t.y,t.x2-t.x1,t.height,t.progressX,t.progressWidth,t.barCornerRadius,t.styles,e,!this.readOnly&&!!this.dateChange&&!t.isDisabled,t,t.x1secondary,((o=t.x2secondary)!==null&&o!==void 0?o:0)-((a=t.x1secondary)!==null&&a!==void 0?a:0),t.ySecondary),i("g",{class:"handleGroup"},n&&i("g",null,this.renderKupBarDateHandle(t.x1+1,t.y+1,t.handleWidth,t.height-2,t.barCornerRadius,t,"start"),this.renderKupBarDateHandle(t.x2-t.handleWidth-1,t.y+1,t.handleWidth,t.height-2,t.barCornerRadius,t,"end")),s&&i("polygon",{class:"barHandle",points:this.calculateProgressPoint(t),onMouseDown:i=>{this.handleBarEventStart("progress",t,i)}})),t.icon&&t.icon.url&&this.getTaskIcon({color:(r=t.icon.color)!==null&&r!==void 0?r:"#000000",url:t.icon.url,width:t.height/2+"px",height:t.height/2+"px",x:t.x1+(t.x2-t.x1)-t.height/2/2,y:t.y-t.height/2/2/2+(this.showSecondaryDates?t.height/2:0)}))}renderKupBarDisplay(t,e,n,s,o,a,r,l,h,f,p,c,d,u){if(this.showSecondaryDates&&typeof c!=="undefined"){const g=s/2;return i("g",{onMouseDown:t=>f&&this.handleBarEventStart("move",p,t)},i("rect",{key:"top semi-transparent bar",x:c,width:d,y:u!==null&&u!==void 0?u:e,height:g,ry:r,rx:r,fill:this.getBarColor(h,l),opacity:.5,class:"barBackground"}),i("rect",{key:"main bar",x:t,width:n,y:e+g,height:g,ry:r,rx:r,fill:this.getBarColor(h,l),class:"barBackground"}),i("rect",{key:"progress bar",x:o,width:a,y:e+g,height:g,ry:r,rx:r,fill:this.getProcessColor(h,l)}))}return i("g",{onMouseDown:t=>{f&&this.handleBarEventStart("move",p,t)}},i("rect",{x:t,width:n,y:e,height:s,ry:r,rx:r,fill:this.getBarColor(h,l),class:"barBackground"}),i("rect",{x:o,width:a,y:e,height:s,ry:r,rx:r,fill:this.getProcessColor(h,l)}))}renderKupBarDateHandle(t,e,n,s,o,a,r){return i("rect",{x:t,y:e,width:n,height:s,class:"barHandle",ry:o,rx:o,onMouseDown:t=>this.handleBarEventStart(r,a,t)})}renderKupBarSmall(t,e,n,s){return i("g",{class:"barWrapper","tab-index":0},this.renderKupBarDisplay(t.x1,t.y,t.x2-t.x1,t.height,t.progressX,t.progressWidth,t.barCornerRadius,t.styles,e,n,t),i("g",{class:"handleGroup"},s&&i("polygon",{class:"barHandle",points:this.calculateProgressPoint(t,"small"),onMouseDown:i=>{this.handleBarEventStart("progress",t,i)}})))}renderKupBarTimeLine(t,n){return i("g",{"tab-index":0},i("rect",{fill:n,x:"0",width:"100%",y:t.y,height:t.height,rx:0,ry:0}),t.barChildren.map((t=>{var n;return i(e,null,i("rect",{style:{cursor:"pointer"},key:t.id,fill:t.styles.backgroundColor,x:t.x1,width:t.x2-t.x1,y:t.y,height:t.height,rx:t.barCornerRadius,ry:t.barCornerRadius}),t.icon&&t.icon.url&&this.getTaskIcon({color:(n=t.icon.color)!==null&&n!==void 0?n:"#000000",url:t.icon.url,width:t.height+"px",height:t.height+"px",x:t.x1+(t.x2-t.x1)-t.height/2,y:t.y-t.height/2/2}))})))}renderKupArrow(t,e){const[n,s]=this.rtl?this.drownPathAndTriangleRTL(t,this.tasks[e.index],this.rowHeight,this.taskHeight,this.arrowIndent):this.drownPathAndTriangle(t,this.tasks[e.index],this.rowHeight,this.taskHeight,this.arrowIndent);return i("g",{class:"arrow"},i("path",{"stroke-width":"1.5",d:n,fill:"none"}),i("polygon",{points:s}))}drownPathAndTriangle(t,i,e,n,s){const o=t.index>i.index?-1:1;const a=i.y+n/2;const r=t.x2+s*2;const l=r<i.x1?"":`H ${i.x1-s}`;const h=r>i.x1?s:i.x1-t.x2-s;const f=`M ${t.x2} ${t.y+n/2}\n h ${s}\n v ${o*e/2}\n ${l}\n V ${a}\n h ${h}`;const p=`${i.x1},${a}\n ${i.x1-5},${a-5}\n ${i.x1-5},${a+5}`;return[f,p]}drownPathAndTriangleRTL(t,i,e,n,s){const o=t.index>i.index?-1:1;const a=i.y+n/2;const r=t.x1-s*2;const l=r>i.x2?"":`H ${i.x2+s}`;const h=r<i.x2?-s:i.x2-t.x1+s;const f=`M ${t.x1} ${t.y+n/2}\n h ${-s}\n v ${o*e/2}\n ${l}\n V ${a}\n h ${h}`;const p=`${i.x2},${a}\n ${i.x2+5},${a+5}\n ${i.x2+5},${a-5}`;return[f,p]}getBarColor(t,i){return t?i.backgroundSelectedColor:i.backgroundColor}getProcessColor(t,i){return t?i.progressSelectedColor:i.progressColor}calculateProgressPoint(t,i="bar"){return r(i=="bar"?+!this.rtl*t.progressWidth+t.progressX:t.progressWidth+t.x1,t.y,t.height)}render(){let t=0;const e=[];const n=[i("line",{key:"RowLineFirst",x1:0,y1:0,x2:this.gridProps.svgWidth,y2:0,class:"gridRowLine"})];for(const s of this.tasks){e.push(i("rect",{key:"Row"+s.id,x:0,y:t,width:this.gridProps.svgWidth,height:this.rowHeight,class:"gridRow"}));n.push(i("line",{key:"RowLine"+s.id,x1:0,y1:t+this.rowHeight,x2:this.gridProps.svgWidth,y2:t+this.rowHeight,class:"gridRowLine"}));t+=this.rowHeight}let s=0;const o=[];for(let e=0;e<this.dates.length;e++){const n=this.dates[e];o.push(i("line",{key:n.getTime(),x1:s,y1:0,x2:s,y2:t,class:"gridTick"}));s+=this.columnWidth}return i("svg",{key:"5a7273db0e78764c1432747471f093f71021dfd2",xmlns:"http://www.w3.org/2000/svg",width:this.gridProps.svgWidth,height:`${this.rowHeight*this.tasks.length}px`,"font-family":this.fontFamily,ref:t=>this.svg=t},i("g",{key:"192f07e833557179530a07e525b107e38300365f",class:"grid"},i("g",{key:"0e08f10c0b0ef19518ab95591dbdb0c3213ba82e",class:"rows"},e),i("g",{key:"7aaa532f82aa195e00e0f0af6af59019216b7734",class:"rowLines"},n),i("g",{key:"716e07303c5e16fc662e3c859727c2be325edd9e",class:"ticks"},o)),i("g",{key:"a2663516577a108f216a65307b9f183c659a92a8",class:"content"},this.currentDateIndicator&&i("rect",{key:"7afb39c47ec99b8268757dab9a85c20eed6eeb4b",fill:this.currentDateIndicator.color,x:this.currentDateIndicator.x+1.5,y:"0",width:"2",height:"100%"}),this.projection&&i("rect",{key:"8348ee9e06dad473af617d618252405a114a3d36",fill:this.projection.color,x:this.projection.x0,y:"0",width:this.projection.xf-this.projection.x0,height:"100%","fill-opacity":"0.35"}),i("g",{key:"16b5df90351a040c71d8895a30ac9367d9a53b2e",class:"arrows",fill:this.arrowColor,stroke:this.arrowColor},this.tasks.map((t=>t.barChildren.map((i=>{if(t.type!=="timeline"){this.renderKupArrow(t,i)}}))))),i("g",{key:"67a5d0a4c0e3e655c0ea4c4373e765c12d25cc02",class:"bar","font-family":this.fontFamily,"font-size":this.fontSize},this.tasks.map((t=>{const e=t.type==="project";return i("g",{onKeyDown:i=>{switch(i.key){case"Delete":{if(!t.isDisabled)this.handleBarEventStart("delete",t,i);break}}i.stopPropagation()},onMouseEnter:i=>{this.handleBarEventStart("mouseenter",t,i)},onMouseLeave:i=>{this.handleBarEventStart("mouseleave",t,i)},onDblClick:()=>{this.barDblClick(t)},onClick:i=>{this.handleBarEventStart("click",t,i)},onContextMenu:i=>{this.handleBarEventStart("contextmenu",t,i)},onFocus:()=>{this.handleBarEventStart("select",t)},class:"task-wrapper"},(()=>{const i={task:t,arrowIndent:this.arrowIndent,isDelete:!t.isDisabled,taskHeight:this.taskHeight,isSelected:!!this.selectedTask&&t.id===this.selectedTask.id,rtl:this.rtl,hideLabel:this.hideLabel};const n=t.styles;const s=i.isSelected?n.backgroundSelectedColor:n.backgroundColor;const o=!this.readOnly&&!!this.dateChange&&!t.isDisabled&&!e;const a=!this.readOnly&&!!this.progressChange&&!t.isDisabled;const r=!this.readOnly&&!!this.dateChange&&!t.isDisabled;switch(t.typeInternal){case"project":return this.renderKupBar(t,i.isSelected,o,a);case"smalltask":return this.renderKupBarSmall(t,i.isSelected,r,a);case"timeline":return this.renderKupBarTimeLine(t,s);default:return this.renderKupBar(t,i.isSelected,o,a)}})())})),this.currentTarget&&this.ganttEvent.changedTask&&i("g",{key:"37c27322df479348c58dcebb92ad110ad813e939",class:"task-wrapper"},this.renderKupBar(this.ganttEvent.changedTask,false,false,false)))))}static get watchers(){return{columnWidth:["updateXStep"],dates:["updateXStep"],timeStep:["updateXStep","updateSvgMove"],ganttEvent:["updateSvgMove"],xStep:["updateSvgMove"],svg:["updateSvgMove"],initEventX1Delta:["updateSvgMove"],point:["updateSvgMove"],rtl:["updateSvgMove"],onProgressChange:["updateSvgMove"],onDateChange:["updateSvgMove"]}}};S.style=M;export{v as kup_custom_task_list_header,k as kup_custom_task_list_table,z as kup_gantt_calendar,S as kup_grid_renderer};
17
+ //# sourceMappingURL=p-203cb58a.entry.js.map
@@ -1,2 +1,2 @@
1
- import{r as i,f as n,h as t,H as e,d as a}from"./p-d7c15b0e.js";import{k as l,g as o,s as p,e as r}from"./p-26030fba.js";import{c as s}from"./p-635bb4b3.js";import"./p-029c7cbe.js";var d;(function(i){i["columns"]="The number of columns displayed by the grid, the default behavior is 12.";i["customStyle"]="Custom style of the component. For more information: https://smeup.github.io/ketchup/#/customization";i["singleLine"]="When set to true, forces the content on a single line."})(d||(d={}));const g=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}:host{--kup_grid_font_size:var(--kup-grid-font-size, var(--kup-font-size));--kup_grid_gap:var(--kup-grid-gap, 24px);--kup_grid_gap_mobile:var(--kup-grid-gap-mobile, 16px);--kup_grid_padding:var(--kup-grid-padding, 24px);display:block;font-size:var(--kup_grid_font_size);height:100%;width:100%}#kup-component{height:100%;width:100%}.layout-grid{box-sizing:border-box;margin:0px auto;padding:var(--kup_grid_padding)}.layout-grid .layout-grid__inner{display:grid;margin:0px;grid-gap:var(--kup_grid_gap);grid-template-columns:repeat(var(--kup_grid_columns, 12), minmax(0px, 1fr))}.layout-grid .layout-grid__inner .layout-grid__cell{box-sizing:border-box;display:flex;justify-content:center;margin:0px;width:auto}.layout-grid__cell--span-1{grid-column-end:span 1}.layout-grid__cell--span-2{grid-column-end:span 2}.layout-grid__cell--span-3{grid-column-end:span 3}.layout-grid__cell--span-4{grid-column-end:span 4}.layout-grid__cell--span-5{grid-column-end:span 5}.layout-grid__cell--span-6{grid-column-end:span 6}.layout-grid__cell--span-7{grid-column-end:span 7}.layout-grid__cell--span-8{grid-column-end:span 8}.layout-grid__cell--span-9{grid-column-end:span 9}.layout-grid__cell--span-10{grid-column-end:span 10}.layout-grid__cell--span-11{grid-column-end:span 11}.layout-grid__cell--span-12{grid-column-end:span 12}.layout-grid__cell--span-13{grid-column-end:span 13}.layout-grid__cell--span-14{grid-column-end:span 14}.layout-grid__cell--span-15{grid-column-end:span 15}.layout-grid__cell--span-16{grid-column-end:span 16}.layout-grid__cell--span-17{grid-column-end:span 17}.layout-grid__cell--span-18{grid-column-end:span 18}.layout-grid__cell--span-19{grid-column-end:span 19}.layout-grid__cell--span-20{grid-column-end:span 20}.layout-grid__cell--span-21{grid-column-end:span 21}.layout-grid__cell--span-22{grid-column-end:span 22}.layout-grid__cell--span-23{grid-column-end:span 23}.layout-grid__cell--span-24{grid-column-end:span 24}.flex-layout,.flex-layout__inner{height:100%;align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap}.flex-layout__inner{width:auto}.flex-layout__inner *{display:block;margin:0 1.5em}.flex-layout__inner .flex-layout__cell{display:flex}.flex-layout__inner .flex-layout__cell *{justify-content:center;margin:auto}@media (min-width: 600px) and (max-width: 839px){.layout-grid .layout-grid__inner{display:grid;margin:0px;grid-gap:var(--kup_grid_gap_mobile);grid-template-columns:repeat(var(--kup_grid_columns, 8), minmax(0px, 1fr))}}@media (max-width: 599px){.layout-grid .layout-grid__inner{display:grid;margin:0px;grid-gap:var(--kup_grid_gap_mobile);grid-template-columns:repeat(var(--kup_grid_columns, 4), minmax(0px, 1fr))}}:host(.kup-full-width) .flex-layout__inner{width:100%}:host(.kup-full-width) .flex-layout__inner *{margin:auto}:host(.kup-full-width.scalable-cards) .flex-layout__inner{width:100%}:host(.kup-full-width.scalable-cards) .flex-layout__inner *{margin:0;height:100%;width:100%}";const u=g;const f=class{constructor(n){i(this,n);this.kupManager=l();this.columns=12;this.customStyle="";this.singleLine=false}async getProps(i){return o(this,d,i)}async refresh(){n(this)}async setProps(i){p(this,d,i)}componentWillLoad(){this.kupManager.debug.logLoad(this,false);this.kupManager.theme.register(this)}componentDidLoad(){this.kupManager.debug.logLoad(this,true)}componentWillRender(){this.kupManager.debug.logRender(this,false)}componentDidRender(){this.kupManager.debug.logRender(this,true)}render(){const i=this.rootElement.children;if(!i||i.length===0){this.kupManager.debug.logMessage(this,"Missing slots, not rendering!",r.WARNING);return}const n=[];for(let e=0;e<i.length;e++){let a=null;if(this.singleLine){a=t("slot",{name:`${e}`})}else{const n=i[e]["span"]||i[e].getAttribute("span")||1;a=t("div",{class:`layout-grid__cell layout-grid__cell--span-${n}`},t("slot",{name:`${e}`}))}n.push(a)}const a={};if(this.columns&&this.columns!==12){a["--kup_grid_columns"]=this.columns}return t(e,{style:a},t("style",null,this.kupManager.theme.setKupStyle(this.rootElement)),t("div",{id:s},t("div",{class:this.singleLine?"flex-layout":"layout-grid"},t("div",{class:this.singleLine?"flex-layout__inner":"layout-grid__inner"},n))))}disconnectedCallback(){this.kupManager.theme.unregister(this)}get rootElement(){return a(this)}};f.style=u;export{f as kup_grid};
2
- //# sourceMappingURL=p-19c0491c.entry.js.map
1
+ import{r as i,f as n,h as t,H as e,d as a}from"./p-d7c15b0e.js";import{k as l,g as o,s as p,e as r}from"./p-8c07fd42.js";import{c as s}from"./p-635bb4b3.js";import"./p-029c7cbe.js";var d;(function(i){i["columns"]="The number of columns displayed by the grid, the default behavior is 12.";i["customStyle"]="Custom style of the component. For more information: https://smeup.github.io/ketchup/#/customization";i["singleLine"]="When set to true, forces the content on a single line."})(d||(d={}));const g=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}:host{--kup_grid_font_size:var(--kup-grid-font-size, var(--kup-font-size));--kup_grid_gap:var(--kup-grid-gap, 24px);--kup_grid_gap_mobile:var(--kup-grid-gap-mobile, 16px);--kup_grid_padding:var(--kup-grid-padding, 24px);display:block;font-size:var(--kup_grid_font_size);height:100%;width:100%}#kup-component{height:100%;width:100%}.layout-grid{box-sizing:border-box;margin:0px auto;padding:var(--kup_grid_padding)}.layout-grid .layout-grid__inner{display:grid;margin:0px;grid-gap:var(--kup_grid_gap);grid-template-columns:repeat(var(--kup_grid_columns, 12), minmax(0px, 1fr))}.layout-grid .layout-grid__inner .layout-grid__cell{box-sizing:border-box;display:flex;justify-content:center;margin:0px;width:auto}.layout-grid__cell--span-1{grid-column-end:span 1}.layout-grid__cell--span-2{grid-column-end:span 2}.layout-grid__cell--span-3{grid-column-end:span 3}.layout-grid__cell--span-4{grid-column-end:span 4}.layout-grid__cell--span-5{grid-column-end:span 5}.layout-grid__cell--span-6{grid-column-end:span 6}.layout-grid__cell--span-7{grid-column-end:span 7}.layout-grid__cell--span-8{grid-column-end:span 8}.layout-grid__cell--span-9{grid-column-end:span 9}.layout-grid__cell--span-10{grid-column-end:span 10}.layout-grid__cell--span-11{grid-column-end:span 11}.layout-grid__cell--span-12{grid-column-end:span 12}.layout-grid__cell--span-13{grid-column-end:span 13}.layout-grid__cell--span-14{grid-column-end:span 14}.layout-grid__cell--span-15{grid-column-end:span 15}.layout-grid__cell--span-16{grid-column-end:span 16}.layout-grid__cell--span-17{grid-column-end:span 17}.layout-grid__cell--span-18{grid-column-end:span 18}.layout-grid__cell--span-19{grid-column-end:span 19}.layout-grid__cell--span-20{grid-column-end:span 20}.layout-grid__cell--span-21{grid-column-end:span 21}.layout-grid__cell--span-22{grid-column-end:span 22}.layout-grid__cell--span-23{grid-column-end:span 23}.layout-grid__cell--span-24{grid-column-end:span 24}.flex-layout,.flex-layout__inner{height:100%;align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap}.flex-layout__inner{width:auto}.flex-layout__inner *{display:block;margin:0 1.5em}.flex-layout__inner .flex-layout__cell{display:flex}.flex-layout__inner .flex-layout__cell *{justify-content:center;margin:auto}@media (min-width: 600px) and (max-width: 839px){.layout-grid .layout-grid__inner{display:grid;margin:0px;grid-gap:var(--kup_grid_gap_mobile);grid-template-columns:repeat(var(--kup_grid_columns, 8), minmax(0px, 1fr))}}@media (max-width: 599px){.layout-grid .layout-grid__inner{display:grid;margin:0px;grid-gap:var(--kup_grid_gap_mobile);grid-template-columns:repeat(var(--kup_grid_columns, 4), minmax(0px, 1fr))}}:host(.kup-full-width) .flex-layout__inner{width:100%}:host(.kup-full-width) .flex-layout__inner *{margin:auto}:host(.kup-full-width.scalable-cards) .flex-layout__inner{width:100%}:host(.kup-full-width.scalable-cards) .flex-layout__inner *{margin:0;height:100%;width:100%}";const u=g;const f=class{constructor(n){i(this,n);this.kupManager=l();this.columns=12;this.customStyle="";this.singleLine=false}async getProps(i){return o(this,d,i)}async refresh(){n(this)}async setProps(i){p(this,d,i)}componentWillLoad(){this.kupManager.debug.logLoad(this,false);this.kupManager.theme.register(this)}componentDidLoad(){this.kupManager.debug.logLoad(this,true)}componentWillRender(){this.kupManager.debug.logRender(this,false)}componentDidRender(){this.kupManager.debug.logRender(this,true)}render(){const i=this.rootElement.children;if(!i||i.length===0){this.kupManager.debug.logMessage(this,"Missing slots, not rendering!",r.WARNING);return}const n=[];for(let e=0;e<i.length;e++){let a=null;if(this.singleLine){a=t("slot",{name:`${e}`})}else{const n=i[e]["span"]||i[e].getAttribute("span")||1;a=t("div",{class:`layout-grid__cell layout-grid__cell--span-${n}`},t("slot",{name:`${e}`}))}n.push(a)}const a={};if(this.columns&&this.columns!==12){a["--kup_grid_columns"]=this.columns}return t(e,{style:a},t("style",null,this.kupManager.theme.setKupStyle(this.rootElement)),t("div",{id:s},t("div",{class:this.singleLine?"flex-layout":"layout-grid"},t("div",{class:this.singleLine?"flex-layout__inner":"layout-grid__inner"},n))))}disconnectedCallback(){this.kupManager.theme.unregister(this)}get rootElement(){return a(this)}};f.style=u;export{f as kup_grid};
2
+ //# sourceMappingURL=p-2227785a.entry.js.map
@@ -1,2 +1,2 @@
1
- import{r as t,f as i,h as e,H as s,d as a}from"./p-d7c15b0e.js";import{k as o,g as n,s as l,h as c,e as p,ap as h,O as f,aq as r,V as u,d}from"./p-26030fba.js";import{a as g}from"./p-e3062c19.js";import{F as m}from"./p-2b519589.js";import{c as b}from"./p-635bb4b3.js";import"./p-029c7cbe.js";var k;(function(t){t["customStyle"]="Custom style of the component.";t["data"]="Sets the data that will be used to display different components."})(k||(k={}));var x;(function(t){t["BOX"]="Box";t["BUTTON_LIST"]="Button List";t["CHART"]="Chart";t["CHIP"]="Chip";t["ECHART"]="Echart";t["DATATABLE"]="Datatable";t["JSON"]="JSON";t["TREE"]="Tree"})(x||(x={}));const y=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}:host{background-color:var(--kup-background-color);color:var(--kup-text-color);display:block;height:300px;min-width:700px;width:700px}#kup-component,.magic-box-wrapper{height:100%;width:100%}.magic-box-wrapper{border:3px dashed var(--kup-border-subtle);box-sizing:border-box;display:flex;flex-direction:column}.actions{align-items:center;background-color:var(--kup-title-background-color);display:inline-flex;height:52px;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:1}.actions kup-button{margin:0.5em}.actions #comp-switcher{margin:auto 0}.actions #close-dialog{position:absolute;margin:0;top:0;right:0;background-color:var(--kup-title-background-color)}.content{box-sizing:border-box;height:100%;margin-top:52px;overflow:auto;transition:background-color 125ms ease}.empty{flex-direction:column;display:flex;text-align:center;justify-content:center;height:100%;width:100%;opacity:0.5;transition:opacity 0.25s ease-out}.empty .f-image{margin:0}.json{font-family:var(--kup-font-family-monospace);margin:0}[kup-drag-over]{background-color:rgba(var(--kup-success-color-rgb), 0.25)}";const v=y;const w=class{constructor(i){t(this,i);this.dragHandler=null;this.kupManager=o();this.textArea=null;this.wrapperRef=null;this.display=x.DATATABLE;this.customStyle="";this.data=null}async getProps(t){return n(this,k,t)}async refresh(){i(this)}async setProps(t){l(this,k,t)}comboboxProps(){const t=[];for(const i in x){if(Object.prototype.hasOwnProperty.call(x,i)){t.push({id:x[i],selected:false,value:x[i]})}}return{data:{"kup-list":{data:t,id:"kup-debug-theme-changer-list"},"kup-text-field":{emitSubmitEventOnEnter:false,inputType:"text",label:this.kupManager.language.translate(c.VIEW_AS)}},id:"comp-switcher",initialValue:this.display,isSelect:true,["onKup-combobox-itemclick"]:t=>{this.display=t.detail.value}}}setContent(){const t=!!(this.data&&this.data.columns&&this.data.columns.length>0);const i=[];const s={};if(this.display===x.JSON){s.initialValue=this.data?JSON.stringify(this.data,null,2):"";s.textArea=true;i.push(e("kup-text-field",Object.assign({class:"kup-full-width kup-full-height"},s,{ref:t=>this.textArea=t,"onkup-textfield-input":t=>{try{this.data=JSON.parse(t.detail.value)}catch(t){this.data={columns:[{name:"ERROR",title:"Error"}],rows:[{cells:{ERROR:{value:"Invalid JSON:"+t}}}]}}}})))}else if(!t){i.push(e("div",{class:"empty"},e(m,{sizeY:"100px",resource:"move_to_inbox"}),e("div",{class:"empty-text"},this.kupManager.language.translate(c.DROP_YOUR_DATA))))}else{switch(this.display){case x.BOX:s.data=this.data;i.push(e("kup-box",Object.assign({},s)));break;case x.BUTTON_LIST:s.data=this.data;i.push(e("kup-button-list",Object.assign({},s)));break;case x.CHIP:s.data=this.data;i.push(e("kup-chip",Object.assign({},s)));break;case x.CHART:case x.ECHART:s.data=this.data;s["series"]=[];s["axis"]=null;for(let t=0;t<this.data.columns.length;t++){const i=this.data.columns[t];if(i.obj&&this.kupManager.objects.isNumber(i.obj)||s["axis"]!==null){if(this.display===x.CHART){s["series"].push({code:i.name,decode:i.title})}else{s["series"].push(i.name)}}else{s["axis"]=i.name}}if(s["series"].length===0){this.kupManager.debug.logMessage(this,"Not enough numerical columns to display a chart!",p.WARNING)}if(!s["axis"]){this.kupManager.debug.logMessage(this,"No axis for the chart!",p.WARNING)}if(this.display===x.CHART){i.push(e("kup-chart",Object.assign({},s)))}else{i.push(e("kup-echart",Object.assign({},s)))}break;case x.DATATABLE:s.data=this.data;s["autoFillMissingCells"]=true;i.push(e("kup-data-table",Object.assign({},s)));break;case x.TREE:s.data=this.data;i.push(e("kup-tree",Object.assign({class:"kup-full-width"},s)));break;default:this.kupManager.debug.logMessage(this,"Display mode not supported ("+this.display+")!",p.ERROR);return}}return i}updateData(t){{const i=Object.assign({},this.data);const e=t.detail.sourceElement&&t.detail.sourceElement.column?t.detail.sourceElement.column:null;const s=t.detail.sourceElement&&t.detail.sourceElement.row?t.detail.sourceElement.row:null;if(e&&e.name){if(!i.columns){i.columns=[e]}else{const t=this.data.columns.find((t=>t.name===e.name));if(!t){i.columns.push(e)}}}else{this.kupManager.debug.logMessage(this,"Invalid column received.",p.WARNING)}if(s){if(!i.rows){i.rows=[s]}else{i.rows.push(s)}}this.data=i;if(this.data&&this.textArea){try{this.textArea.setValue(JSON.stringify(this.data,null,2))}catch(t){this.textArea.setValue("Invalid JSON:"+t)}}}}componentWillLoad(){this.kupManager.debug.logLoad(this,false);this.kupManager.language.register(this);this.kupManager.theme.register(this)}componentDidLoad(){this.rootElement.addEventListener(h,(t=>this.updateData(t)));this.dragHandler=this.rootElement.shadowRoot.querySelector("#drag-handle");this.kupManager.interact.dialogify(this.rootElement,this.dragHandler);this.kupManager.interact.dropzone(this.wrapperRef,{accept:`[${f}],[${r}]`},{dispatcher:this.rootElement,type:u.MAGICBOX});this.kupManager.debug.logLoad(this,true)}componentWillRender(){this.kupManager.debug.logRender(this,false)}componentDidRender(){this.kupManager.debug.logRender(this,true)}render(){return e(s,{key:"07f52199f9d163056ba8ec1089bf07b7ba4e0d35"},e("style",{key:"3461c9ea5ea13365817898b26a79fccd6f6a6877"},this.kupManager.theme.setKupStyle(this.rootElement)),e("div",{key:"59fd4ae432613d2412430e29bdd07262f33b458d",id:b},e("div",{key:"63333552e3a9c5f461e7c8a24fa9af89a4e0c9b7",class:"magic-box-wrapper"},e("div",{key:"d44e4ad5a2f9dbfb57b78418f524aad1f6cfc023",class:"actions",id:"drag-handle"},e("kup-combobox",Object.assign({key:"f839108261c8992cc064a02edc997871247e1759"},this.comboboxProps())),e("kup-button",{key:"fc3965b79ddd63c42d2224cc75aa6f5152907866",styling:g.FLAT,icon:"delete",label:"Reset","onkup-button-click":()=>{this.data=null}}),e("kup-button",{key:"7c0278888d83c9354e6f52bad7de5f325b22429f",id:"close-dialog",customStyle:`:host{${d.PRIMARY}: var(${d.TITLE});}`,icon:"clear","onkup-button-click":()=>{this.kupManager.hideMagicBox()}})),e("div",{key:"dddfa0b810d7c586c98fb8c9cd90408a9b6ec080",class:"content",ref:t=>this.wrapperRef=t},this.setContent()))))}disconnectedCallback(){this.kupManager.interact.unregister([this.rootElement,this.wrapperRef]);this.kupManager.language.unregister(this);this.kupManager.theme.unregister(this)}get rootElement(){return a(this)}};w.style=v;export{w as kup_magic_box};
2
- //# sourceMappingURL=p-07ab58b7.entry.js.map
1
+ import{r as t,f as e,h as i,H as s,d as a}from"./p-d7c15b0e.js";import{k as o,g as n,s as l,h as c,e as p,ap as h,O as r,aq as f,V as u,d}from"./p-8c07fd42.js";import{a as b}from"./p-e3062c19.js";import{F as g}from"./p-2b519589.js";import{c as m}from"./p-635bb4b3.js";import"./p-029c7cbe.js";var k;(function(t){t["customStyle"]="Custom style of the component.";t["data"]="Sets the data that will be used to display different components."})(k||(k={}));var x;(function(t){t["BOX"]="Box";t["BUTTON_LIST"]="Button List";t["CHART"]="Chart";t["CHIP"]="Chip";t["ECHART"]="Echart";t["DATATABLE"]="Datatable";t["JSON"]="JSON";t["TREE"]="Tree"})(x||(x={}));const y=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}:host{background-color:var(--kup-background-color);color:var(--kup-text-color);display:block;height:300px;min-width:700px;width:700px}#kup-component,.magic-box-wrapper{height:100%;width:100%}.magic-box-wrapper{border:3px dashed var(--kup-border-subtle);box-sizing:border-box;display:flex;flex-direction:column}.actions{align-items:center;background-color:var(--kup-title-background-color);display:inline-flex;height:52px;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:1}.actions kup-button{margin:0.5em}.actions #comp-switcher{margin:auto 0}.actions #close-dialog{position:absolute;margin:0;top:0;right:0;background-color:var(--kup-title-background-color)}.content{box-sizing:border-box;height:100%;margin-top:52px;overflow:auto;transition:background-color 125ms ease}.empty{flex-direction:column;display:flex;text-align:center;justify-content:center;height:100%;width:100%;opacity:0.5;transition:opacity 0.25s ease-out}.empty .f-image{margin:0}.json{font-family:var(--kup-font-family-monospace);margin:0}[kup-drag-over]{background-color:rgba(var(--kup-success-color-rgb), 0.25)}";const v=y;const w=class{constructor(e){t(this,e);this.dragHandler=null;this.kupManager=o();this.textArea=null;this.wrapperRef=null;this.display=x.DATATABLE;this.customStyle="";this.data=null}async getProps(t){return n(this,k,t)}async refresh(){e(this)}async setProps(t){l(this,k,t)}comboboxProps(){const t=[];for(const e in x){if(Object.prototype.hasOwnProperty.call(x,e)){t.push({id:x[e],selected:false,value:x[e]})}}return{data:{"kup-list":{data:t,id:"kup-debug-theme-changer-list"},"kup-text-field":{emitSubmitEventOnEnter:false,inputType:"text",label:this.kupManager.language.translate(c.VIEW_AS)}},id:"comp-switcher",initialValue:this.display,isSelect:true,["onKup-combobox-itemclick"]:t=>{this.display=t.detail.value}}}setContent(){const t=!!(this.data&&this.data.columns&&this.data.columns.length>0);const e=[];const s={};if(this.display===x.JSON){s.initialValue=this.data?JSON.stringify(this.data,null,2):"";s.textArea=true;e.push(i("kup-text-field",Object.assign({class:"kup-full-width kup-full-height"},s,{ref:t=>this.textArea=t,"onkup-textfield-input":t=>{try{this.data=JSON.parse(t.detail.value)}catch(t){this.data={columns:[{name:"ERROR",title:"Error"}],rows:[{cells:{ERROR:{value:"Invalid JSON:"+t}}}]}}}})))}else if(!t){e.push(i("div",{class:"empty"},i(g,{sizeY:"100px",resource:"move_to_inbox"}),i("div",{class:"empty-text"},this.kupManager.language.translate(c.DROP_YOUR_DATA))))}else{switch(this.display){case x.BOX:s.data=this.data;e.push(i("kup-box",Object.assign({},s)));break;case x.BUTTON_LIST:s.data=this.data;e.push(i("kup-button-list",Object.assign({},s)));break;case x.CHIP:s.data=this.data;e.push(i("kup-chip",Object.assign({},s)));break;case x.CHART:case x.ECHART:s.data=this.data;s["series"]=[];s["axis"]=null;for(let t=0;t<this.data.columns.length;t++){const e=this.data.columns[t];if(e.obj&&this.kupManager.objects.isNumber(e.obj)||s["axis"]!==null){if(this.display===x.CHART){s["series"].push({code:e.name,decode:e.title})}else{s["series"].push(e.name)}}else{s["axis"]=e.name}}if(s["series"].length===0){this.kupManager.debug.logMessage(this,"Not enough numerical columns to display a chart!",p.WARNING)}if(!s["axis"]){this.kupManager.debug.logMessage(this,"No axis for the chart!",p.WARNING)}if(this.display===x.CHART){e.push(i("kup-chart",Object.assign({},s)))}else{e.push(i("kup-echart",Object.assign({},s)))}break;case x.DATATABLE:s.data=this.data;s["autoFillMissingCells"]=true;e.push(i("kup-data-table",Object.assign({},s)));break;case x.TREE:s.data=this.data;e.push(i("kup-tree",Object.assign({class:"kup-full-width"},s)));break;default:this.kupManager.debug.logMessage(this,"Display mode not supported ("+this.display+")!",p.ERROR);return}}return e}updateData(t){{const e=Object.assign({},this.data);const i=t.detail.sourceElement&&t.detail.sourceElement.column?t.detail.sourceElement.column:null;const s=t.detail.sourceElement&&t.detail.sourceElement.row?t.detail.sourceElement.row:null;if(i&&i.name){if(!e.columns){e.columns=[i]}else{const t=this.data.columns.find((t=>t.name===i.name));if(!t){e.columns.push(i)}}}else{this.kupManager.debug.logMessage(this,"Invalid column received.",p.WARNING)}if(s){if(!e.rows){e.rows=[s]}else{e.rows.push(s)}}this.data=e;if(this.data&&this.textArea){try{this.textArea.setValue(JSON.stringify(this.data,null,2))}catch(t){this.textArea.setValue("Invalid JSON:"+t)}}}}componentWillLoad(){this.kupManager.debug.logLoad(this,false);this.kupManager.language.register(this);this.kupManager.theme.register(this)}componentDidLoad(){this.rootElement.addEventListener(h,(t=>this.updateData(t)));this.dragHandler=this.rootElement.shadowRoot.querySelector("#drag-handle");this.kupManager.interact.dialogify(this.rootElement,this.dragHandler);this.kupManager.interact.dropzone(this.wrapperRef,{accept:`[${r}],[${f}]`},{dispatcher:this.rootElement,type:u.MAGICBOX});this.kupManager.debug.logLoad(this,true)}componentWillRender(){this.kupManager.debug.logRender(this,false)}componentDidRender(){this.kupManager.debug.logRender(this,true)}render(){return i(s,{key:"f472c456d846a8db13368b9f54e5a092225f22d3"},i("style",{key:"0d90e35e265af8810a2b5873b7bef9dd48fb9bd8"},this.kupManager.theme.setKupStyle(this.rootElement)),i("div",{key:"87cdb1e3bdcb196b71031c160aa6608dbd298c5c",id:m},i("div",{key:"c99994dc335f14d63208b0fee2b67632c0ff1161",class:"magic-box-wrapper"},i("div",{key:"b318cdac704373547ece7c0a4e770a6b83a1c784",class:"actions",id:"drag-handle"},i("kup-combobox",Object.assign({key:"77800dd052310dade4154a339e08e6e25c0d8cb7"},this.comboboxProps())),i("kup-button",{key:"ad5e58acb8806b8f9f271e9ed33aa61f5ec0d0cd",styling:b.FLAT,icon:"delete",label:"Reset","onkup-button-click":()=>{this.data=null}}),i("kup-button",{key:"243a20cf6a6bbd9182290d4bdf6994386bf79d94",id:"close-dialog",customStyle:`:host{${d.PRIMARY}: var(${d.TITLE});}`,icon:"clear","onkup-button-click":()=>{this.kupManager.hideMagicBox()}})),i("div",{key:"35cae487666a6cadd2e205971b080692a84e2d7f",class:"content",ref:t=>this.wrapperRef=t},this.setContent()))))}disconnectedCallback(){this.kupManager.interact.unregister([this.rootElement,this.wrapperRef]);this.kupManager.language.unregister(this);this.kupManager.theme.unregister(this)}get rootElement(){return a(this)}};w.style=v;export{w as kup_magic_box};
2
+ //# sourceMappingURL=p-246e4816.entry.js.map
@@ -1,2 +1,2 @@
1
- import{r as t,c as e,f as i,h as n,F as a,H as o,d as r}from"./p-d7c15b0e.js";import{k as s,g as c,s as p,af as l}from"./p-26030fba.js";import{c as m}from"./p-635bb4b3.js";import{F as f}from"./p-2b519589.js";import{s as h}from"./p-a0dce50f.js";import"./p-029c7cbe.js";var d;(function(t){t["data"]="Dataset containing the activities list";t["dateColumn"]="Column containing dates";t["timeColumn"]="Column containing times";t["sortOrder"]="Order for sorting"})(d||(d={}));var u;(function(t){t["onClick"]="onClick";t["onRightClick"]="onRightClick"})(u||(u={}));const g='.kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}.atm-container{color:var(--kup-gray-color-70)}.atm-container.clickable{cursor:pointer}.atm-container .atm-event{margin-bottom:10px;padding-bottom:25px;display:flex;position:relative;width:100%}.atm-container .atm-event:after{content:"";display:inline-block;width:1px;left:15px;position:absolute;top:0;bottom:0;z-index:1;background:var(--kup-primary-color)}.atm-container .atm-event .atm-icon-wrapper{margin-top:10px}.atm-container .atm-event .atm-thumb{background:var(--kup-primary-color);display:inline-block;vertical-align:top;width:32px;height:32px;border:none;border-radius:var(--kup-radius-00);text-align:center;z-index:10;position:relative;border-bottom-width:2px}.atm-container .atm-event .atm-thumb>span.-atm-icon{vertical-align:middle;line-height:32px;color:white;font-size:20px}.atm-container .atm-event .atm-content{display:inline-block;padding:0 6px 0 10px;vertical-align:top;width:calc(100% - 45px)}.atm-container .atm-event .atm-content .atm-content-header h3.atm-title{margin:0;font-size:15px;line-height:16px;float:left;width:calc(100% - 100px)}.atm-container .atm-event .atm-content .atm-content-header .atm-datetime{font-style:italic;font-size:11px;line-height:16px;float:right;width:100px;text-align:right}.atm-container .atm-event .atm-content .atm-row{max-width:calc(100% - 30px);width:100%;display:grid;grid-template-columns:repeat(8, 1fr);grid-gap:0px 0px;padding-bottom:10px}.atm-container .atm-event .atm-content .atm-row .atm-col{display:flex;align-items:baseline;justify-content:center;gap:3px;width:100%}.atm-container .atm-event .atm-content .atm-row .atm-col .atm-inner-col{width:50%}.atm-container .atm-event .atm-content .atm-row .atm-col .atm-inner-col h3{margin-bottom:7px;font-size:12px;word-break:break-word;padding-right:6px;font-weight:400}.atm-container .atm-event .atm-content .atm-row .atm-col .atm-inner-col p{font-size:12px;word-break:break-word;text-decoration:underline;color:var(--kup-primary-color);cursor:pointer}@media (max-width: 1799px){.atm-container .atm-event .atm-content .atm-row{grid-template-columns:repeat(4, 1fr)}.atm-container .atm-event .atm-content .atm-row .atm-col{justify-content:start}}@media (max-width: 1365px){.atm-container .atm-event .atm-content .atm-row{grid-template-columns:repeat(3, 1fr)}}@media (max-width: 991px){.atm-container .atm-event .atm-content .atm-row{grid-template-columns:repeat(2, 1fr)}}@media (max-width: 575px){.atm-container .atm-event .atm-content .atm-row{grid-template-columns:repeat(1, 1fr)}}';const x=g;var v=undefined&&undefined.__classPrivateFieldGet||function(t,e,i,n){if(i==="a"&&!n)throw new TypeError("Private accessor was defined without a getter");if(typeof e==="function"?t!==e||!n:!e.has(t))throw new TypeError("Cannot read private member from an object whose class did not declare it");return i==="m"?n:i==="a"?n.call(t):n?n.value:e.get(t)};var y,k,w;const b=class{constructor(i){t(this,i);this.kupClick=e(this,"kup-activitytimeline-click",6);this.kupContextMenu=e(this,"kup-activitytimeline-contextmenu",6);this.kupReady=e(this,"kup-activitytimeline-ready",6);y.add(this);k.set(this,s());this.timeline=[];this.data=undefined;this.dateColumn=undefined;this.sort=[];this.timeColumn=undefined}async getProps(t){return c(this,d,t)}async refresh(){i(this)}async setProps(t){p(this,d,t)}getActivity(t){return{column:this.data.columns.find((e=>e.name===t.columnName)),row:this.data.rows.find((e=>e.id===t.rowId))}}onActivityClick(t,e){this.kupClick.emit({comp:this,id:this.rootElement.id,details:Object.assign(Object.assign({},this.getActivity(e)),{originalEvent:t,type:u.onClick})})}onActivityContextMenu(t,e){this.kupContextMenu.emit({comp:this,id:this.rootElement.id,details:Object.assign(Object.assign({},this.getActivity(e)),{originalEvent:t,type:u.onRightClick})})}activityItem(t){return n("div",{class:"atm-row"},t.columns.map((t=>n("div",{class:"atm-col"},n("div",{class:"atm-inner-col"},n("h3",null,t.title,":")),n("div",{class:"atm-inner-col",onClick:e=>{e.stopPropagation();this.onActivityClick(e,t)},onContextMenu:e=>{this.onActivityContextMenu(e,t)}},n("p",null,t.value))))))}calendarIcon(){return n(f,{color:"white",resource:"calendar",wrapperClass:"activity-timeline-item__icon",sizeX:"20px",sizeY:"32px"})}componentWillLoad(){v(this,k,"f").debug.logLoad(this,false);v(this,k,"f").theme.register(this)}componentDidLoad(){this.kupReady.emit({comp:this,id:this.rootElement.id});v(this,k,"f").debug.logLoad(this,true)}componentWillRender(){v(this,k,"f").debug.logRender(this,false)}componentDidRender(){v(this,k,"f").debug.logRender(this,true)}render(){this.timeline=v(this,y,"m",w).call(this,this.data);return n(o,{key:"19e1cc99991f8eeebf06295ff52cb9c94a6ea470"},n("style",{key:"120f8b51d484c8f41b16b485b4fc205f3d79ea19"},v(this,k,"f").theme.setKupStyle(this.rootElement)),n("div",{key:"655881a54afceccf22a2775b403e57d126894cfc",id:m},n("div",{key:this.rootElement.id,class:"kup-activity-timeline",onContextMenu:t=>{t.preventDefault()}},this.timeline.map((t=>n("div",{class:"atm-container",key:t.date},n("div",{class:"atm-event"},n("div",{class:"atm-icon-wrapper"},n("div",{class:"atm-thumb"},this.calendarIcon())),n("div",{class:"atm-content"},n("div",null,n("h3",null,n("span",null,t.date))),t.activities.map((t=>n(a,null,this.activityItem(t))))))))))))}disconnectedCallback(){v(this,k,"f").theme.unregister(this)}get rootElement(){return r(this)}};k=new WeakMap,y=new WeakSet,w=function t(e){const{columns:i,rows:n}=e;const a=i.find((t=>t.name===this.dateColumn));const o=i.find((t=>t.name===this.timeColumn));if(!a||!o)return[];const r=h(n,this.sort).reduce(((t,e)=>{const n=l(a,e.cells[a.name]);const r=l(o,e.cells[o.name]);const s=`${n} ${r}`;t[s]=t[s]||[];t[s].push({columns:i.filter((t=>t.visible!==false)).map((t=>({title:t.title,value:l(t,e.cells[t.name]),columnName:t.name,rowId:e.id})))});return t}),{});return Object.entries(r).map((([t,e])=>({date:t,activities:e})))};b.style=x;export{b as kup_activity_timeline};
2
- //# sourceMappingURL=p-06651510.entry.js.map
1
+ import{r as t,c as e,f as i,h as n,F as a,H as o,d as r}from"./p-d7c15b0e.js";import{k as s,g as c,s as p,ag as l}from"./p-8c07fd42.js";import{c as m}from"./p-635bb4b3.js";import{F as f}from"./p-2b519589.js";import{s as h}from"./p-802a4e44.js";import"./p-029c7cbe.js";var d;(function(t){t["data"]="Dataset containing the activities list";t["dateColumn"]="Column containing dates";t["timeColumn"]="Column containing times";t["sortOrder"]="Order for sorting"})(d||(d={}));var g;(function(t){t["onClick"]="onClick";t["onRightClick"]="onRightClick"})(g||(g={}));const u='.kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}.atm-container{color:var(--kup-gray-color-70)}.atm-container.clickable{cursor:pointer}.atm-container .atm-event{margin-bottom:10px;padding-bottom:25px;display:flex;position:relative;width:100%}.atm-container .atm-event:after{content:"";display:inline-block;width:1px;left:15px;position:absolute;top:0;bottom:0;z-index:1;background:var(--kup-primary-color)}.atm-container .atm-event .atm-icon-wrapper{margin-top:10px}.atm-container .atm-event .atm-thumb{background:var(--kup-primary-color);display:inline-block;vertical-align:top;width:32px;height:32px;border:none;border-radius:var(--kup-radius-00);text-align:center;z-index:10;position:relative;border-bottom-width:2px}.atm-container .atm-event .atm-thumb>span.-atm-icon{vertical-align:middle;line-height:32px;color:white;font-size:20px}.atm-container .atm-event .atm-content{display:inline-block;padding:0 6px 0 10px;vertical-align:top;width:calc(100% - 45px)}.atm-container .atm-event .atm-content .atm-content-header h3.atm-title{margin:0;font-size:15px;line-height:16px;float:left;width:calc(100% - 100px)}.atm-container .atm-event .atm-content .atm-content-header .atm-datetime{font-style:italic;font-size:11px;line-height:16px;float:right;width:100px;text-align:right}.atm-container .atm-event .atm-content .atm-row{max-width:calc(100% - 30px);width:100%;display:grid;grid-template-columns:repeat(8, 1fr);grid-gap:0px 0px;padding-bottom:10px}.atm-container .atm-event .atm-content .atm-row .atm-col{display:flex;align-items:baseline;justify-content:center;gap:3px;width:100%}.atm-container .atm-event .atm-content .atm-row .atm-col .atm-inner-col{width:50%}.atm-container .atm-event .atm-content .atm-row .atm-col .atm-inner-col h3{margin-bottom:7px;font-size:12px;word-break:break-word;padding-right:6px;font-weight:400}.atm-container .atm-event .atm-content .atm-row .atm-col .atm-inner-col p{font-size:12px;word-break:break-word;text-decoration:underline;color:var(--kup-primary-color);cursor:pointer}@media (max-width: 1799px){.atm-container .atm-event .atm-content .atm-row{grid-template-columns:repeat(4, 1fr)}.atm-container .atm-event .atm-content .atm-row .atm-col{justify-content:start}}@media (max-width: 1365px){.atm-container .atm-event .atm-content .atm-row{grid-template-columns:repeat(3, 1fr)}}@media (max-width: 991px){.atm-container .atm-event .atm-content .atm-row{grid-template-columns:repeat(2, 1fr)}}@media (max-width: 575px){.atm-container .atm-event .atm-content .atm-row{grid-template-columns:repeat(1, 1fr)}}';const x=u;var v=undefined&&undefined.__classPrivateFieldGet||function(t,e,i,n){if(i==="a"&&!n)throw new TypeError("Private accessor was defined without a getter");if(typeof e==="function"?t!==e||!n:!e.has(t))throw new TypeError("Cannot read private member from an object whose class did not declare it");return i==="m"?n:i==="a"?n.call(t):n?n.value:e.get(t)};var y,k,w;const b=class{constructor(i){t(this,i);this.kupClick=e(this,"kup-activitytimeline-click",6);this.kupContextMenu=e(this,"kup-activitytimeline-contextmenu",6);this.kupReady=e(this,"kup-activitytimeline-ready",6);y.add(this);k.set(this,s());this.timeline=[];this.data=undefined;this.dateColumn=undefined;this.sort=[];this.timeColumn=undefined}async getProps(t){return c(this,d,t)}async refresh(){i(this)}async setProps(t){p(this,d,t)}getActivity(t){return{column:this.data.columns.find((e=>e.name===t.columnName)),row:this.data.rows.find((e=>e.id===t.rowId))}}onActivityClick(t,e){this.kupClick.emit({comp:this,id:this.rootElement.id,details:Object.assign(Object.assign({},this.getActivity(e)),{originalEvent:t,type:g.onClick})})}onActivityContextMenu(t,e){this.kupContextMenu.emit({comp:this,id:this.rootElement.id,details:Object.assign(Object.assign({},this.getActivity(e)),{originalEvent:t,type:g.onRightClick})})}activityItem(t){return n("div",{class:"atm-row"},t.columns.map((t=>n("div",{class:"atm-col"},n("div",{class:"atm-inner-col"},n("h3",null,t.title,":")),n("div",{class:"atm-inner-col",onClick:e=>{e.stopPropagation();this.onActivityClick(e,t)},onContextMenu:e=>{this.onActivityContextMenu(e,t)}},n("p",null,t.value))))))}calendarIcon(){return n(f,{color:"white",resource:"calendar",wrapperClass:"activity-timeline-item__icon",sizeX:"20px",sizeY:"32px"})}componentWillLoad(){v(this,k,"f").debug.logLoad(this,false);v(this,k,"f").theme.register(this)}componentDidLoad(){this.kupReady.emit({comp:this,id:this.rootElement.id});v(this,k,"f").debug.logLoad(this,true)}componentWillRender(){v(this,k,"f").debug.logRender(this,false)}componentDidRender(){v(this,k,"f").debug.logRender(this,true)}render(){this.timeline=v(this,y,"m",w).call(this,this.data);return n(o,{key:"19e1cc99991f8eeebf06295ff52cb9c94a6ea470"},n("style",{key:"120f8b51d484c8f41b16b485b4fc205f3d79ea19"},v(this,k,"f").theme.setKupStyle(this.rootElement)),n("div",{key:"655881a54afceccf22a2775b403e57d126894cfc",id:m},n("div",{key:this.rootElement.id,class:"kup-activity-timeline",onContextMenu:t=>{t.preventDefault()}},this.timeline.map((t=>n("div",{class:"atm-container",key:t.date},n("div",{class:"atm-event"},n("div",{class:"atm-icon-wrapper"},n("div",{class:"atm-thumb"},this.calendarIcon())),n("div",{class:"atm-content"},n("div",null,n("h3",null,n("span",null,t.date))),t.activities.map((t=>n(a,null,this.activityItem(t))))))))))))}disconnectedCallback(){v(this,k,"f").theme.unregister(this)}get rootElement(){return r(this)}};k=new WeakMap,y=new WeakSet,w=function t(e){const{columns:i,rows:n}=e;const a=i.find((t=>t.name===this.dateColumn));const o=i.find((t=>t.name===this.timeColumn));if(!a||!o)return[];const r=h(n,this.sort).reduce(((t,e)=>{const n=l(a,e.cells[a.name]);const r=l(o,e.cells[o.name]);const s=`${n} ${r}`;t[s]=t[s]||[];t[s].push({columns:i.filter((t=>t.visible!==false)).map((t=>({title:t.title,value:l(t,e.cells[t.name]),columnName:t.name,rowId:e.id})))});return t}),{});return Object.entries(r).map((([t,e])=>({date:t,activities:e})))};b.style=x;export{b as kup_activity_timeline};
2
+ //# sourceMappingURL=p-2b47d837.entry.js.map
@@ -1,2 +1,2 @@
1
- import{r as i,c as t,f as e,h as a,H as s,d as o}from"./p-d7c15b0e.js";import{k as n,g as r,s as l,h as p,N as c,f as h}from"./p-26030fba.js";import{c as m}from"./p-635bb4b3.js";import{F as f}from"./p-2b519589.js";import{F as u}from"./p-cc32b7a2.js";import{a as g}from"./p-e3062c19.js";import{F as d}from"./p-812c59be.js";import{M as _}from"./p-d4a879fc.js";import"./p-029c7cbe.js";import"./p-5d03c077.js";import"./p-cc1abfc4.js";import"./p-13b2ca2d.js";var k;(function(i){i["columns"]="Can set a specific number of columns";i["customStyle"]="Custom style of the component.";i["data"]="Actual data of the component";i["ripple"]="When enabled displays Material's ripple effect on clicked items.";i["rows"]="Cam set a specific number of rows. It overwrite the columns flow into rows flow"})(k||(k={}));class b{constructor(){this.load=false}toDebugString(){return"image-list state"}}const v=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}:host{--kup_imagelist_columns_mobile:var(--kup-imagelist-columns-mobile, 4);--kup_imagelist_columns_tablet:var(--kup-imagelist-columns-tablet, 6);--kup_imagelist_columns_desktop:var(--kup-imagelist-columns-desktop, 8);--kup_imagelist_background_color:var(\n --kup-imagelist-background-color,\n transparent\n );--kup_imagelist_columns:var(--kup-imagelist-columns, 4);--kup_imagelist_grid_gap:var(--kup-imagelist-grid-gap, var(--kup-space-03));--kup_imagelist_image_min_height:var(\n --kup-imagelist-image-min-height,\n var(--kup-space-09)\n );--kup_imagelist_item_border_radius:var(\n --kup-imagelist-item-border-radius,\n var(--kup-radius-00)\n );--kup_imagelist_item_height:var(--kup-imagelist-item-height, auto);--kup_imagelist_item_padding:var(--kup-imagelist-item-padding, 0);--kup_imagelist_item_width:var(--kup-imagelist-item-width, auto);--kup_imagelist_label_margin:var(\n --kup-imagelist-label-margin,\n 0 auto 1em auto\n );--kup_imagelist_navbar_background_color:var(\n --kup-imagelist-navbar-background-color,\n transparent\n );--kup_imagelist_primary_color:var(\n --kup-imagelist-primary-color,\n var(--kup-primary-color)\n );--kup_imagelist_primary_color_rgb:var(\n --kup-imagelist-primary-color-rgb,\n var(--kup-primary-color-rgb)\n );--kup_imagelist_text_color:var(\n --kup-imagelist-text-color,\n var(--kup-text-secondary)\n );--kup_imagelist_item_background_color:var(\n --kup-imagelist-item-background-color,\n var(--kup-layer-1)\n );--kup_imagelist_item_background_color_hover:var(\n --kup-imagelist-item-background-color-hover,\n var(--kup-layer-1-hover)\n );display:block}.navigation-bar{align-items:center;background-color:var(--kup_imagelist_navbar_background_color);display:flex;justify-content:center}.navigation-bar__wrapper{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;max-width:100%;position:relative}.navigation-bar__wrapper--active .navigation-bar__title{background-color:rgba(var(--kup_imagelist_primary_color_rgb), 0.15);color:var(--kup_imagelist_primary_color)}.navigation-bar__back,.navigation-bar__top{--kup-button-primary-color-rgb:0}.navigation-bar__title{border-radius:16px;box-sizing:border-box;cursor:pointer;display:flex;justify-content:center;padding:0.75em 1em;user-select:none;transition:background-color 125ms, color 125ms;width:100%}.navigation-bar__title__image.f-image{margin:0}.navigation-bar__title__label{overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.image-list{background-color:var(--kup_imagelist_background_color);display:grid;grid-gap:var(--kup_imagelist_grid_gap);grid-template-columns:repeat(var(--kup-imagelist-columns-mobile, var(--kup_imagelist_columns_mobile)), minmax(0px, 1fr));margin-top:1em;width:100%;grid-auto-flow:row}.image-list .f-cell{height:100%;width:100%}.image-list .f-cell .f-cell__content{height:100%}.image-list .f-cell .f-cell__content .image-list__wrapper{display:flex;flex-direction:column;justify-content:space-between;box-sizing:border-box;position:relative;height:100%}.image-list .f-cell .f-cell__content .image-list__wrapper.images{height:100%;justify-content:flex-end}.image-list .f-cell .f-cell__content .image-list__wrapper.images .f-image{position:unset;overflow:auto;height:100%;display:flex}.image-list__item{background-color:var(--kup_imagelist_item_background_color);border-radius:var(--kup_imagelist_item_border_radius);cursor:pointer;height:var(--kup_imagelist_item_height);padding:var(--kup_imagelist_item_padding);width:var(--kup_imagelist_item_width)}.image-list__item:hover{background-color:var(--kup_imagelist_item_background_color_hover)}.image-list__image.f-image{position:absolute;padding:var(--kup-space-03);padding-bottom:0px;box-sizing:border-box;width:100%;height:calc(100% - 16px - var(--kup-space-03) * 2);overflow:hidden}.image-list__image.f-image .f-image__icon{mask-size:100% !important}.image-list__label{overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap;padding:var(--kup-space-03);font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}@media screen and (min-width: 678px){.image-list{grid-template-columns:repeat(var(--kup-imagelist-columns-tablet, var(--kup_imagelist_columns_tablet)), minmax(0px, 1fr));grid-gap:var(--kup-space-05)}}@media screen and (min-width: 1024px){.image-list{grid-template-columns:repeat(var(--kup-imagelist-columns-desktop, var(--kup_imagelist_columns_desktop)), minmax(0px, 1fr));grid-gap:var(--kup-space-05)}}:host(.kup-full-height){height:100%}:host(.kup-full-width){width:100%}:host(.kup-horizontal) .image-list{display:flex}:host(.kup-auto-grid) .image-list{display:flex;flex-wrap:wrap;justify-content:center}";const w=v;var x=undefined&&undefined.__classPrivateFieldGet||function(i,t,e,a){if(e==="a"&&!a)throw new TypeError("Private accessor was defined without a getter");if(typeof t==="function"?i!==t||!a:!t.has(i))throw new TypeError("Cannot read private member from an object whose class did not declare it");return e==="m"?a:e==="a"?a.call(i):a?a.value:t.get(i)};var y=undefined&&undefined.__classPrivateFieldSet||function(i,t,e,a,s){if(a==="m")throw new TypeError("Private method is not writable");if(a==="a"&&!s)throw new TypeError("Private accessor was defined without a setter");if(typeof t==="function"?i!==t||!s:!t.has(i))throw new TypeError("Cannot write private member to an object whose class did not declare it");return a==="a"?s.call(i,e):s?s.value=e:t.set(i,e),e};var j,z,C,W,$,M,E,O,T,P,D,I,N,R,S;const F=class{constructor(e){i(this,e);this.kupClick=t(this,"kup-imagelist-click",6);this.kupContextMenu=t(this,"kup-imagelist-contextmenu",6);this.kupDblClick=t(this,"kup-imagelist-dblclick",6);j.add(this);this.state=new b;z.set(this,[]);C.set(this,n());W.set(this,{icon:"arrow_back",onClick:()=>{this.currentNode=x(this,C,"f").data.node.getParent(this.data,this.currentNode);if(!this.currentNode){this.navigationBarToggled=false}},styling:g.FLAT,wrapperClass:"navigation-bar__back"});$.set(this,{icon:"arrow_upward",onClick:()=>{this.currentNode=null;this.navigationBarToggled=false},styling:g.FLAT,wrapperClass:"navigation-bar__top"});M.set(this,void 0);E.set(this,false);O.set(this,[]);this.currentNode=null;this.navigationBarToggled=false;this.columns=[];this.customStyle="";this.data=[];this.ripple=false;this.rows=null;this.selectedNode=[];this.stateId="";this.store=undefined}initWithPersistedState(){if(this.store&&this.stateId){const i=this.store.getState(this.stateId);if(i!=null){this.currentNode=x(this,C,"f").data.node.findByStrTreeNodePath(this.data,i.selectedTreeNodePath)}}}persistState(){if(this.store&&this.stateId){let i=false;let t=this.currentNode?this.currentNode.id:"";if(!x(this,C,"f").objects.deepEqual(this.state.selectedTreeNodePath,t)){this.state.selectedTreeNodePath=t;i=true}if(!this.state.load){this.state.load=true;return}if(i){this.store.persistState(this.stateId,this.state)}}}selectNode(i){if(!i||i.length==0){return}this.currentNode=x(this,C,"f").data.node.find(this.data,i)}async getProps(i){return r(this,k,i)}async refresh(){e(this)}async setProps(i){l(this,k,i)}componentWillLoad(){x(this,C,"f").debug.logLoad(this,false);x(this,C,"f").language.register(this);x(this,C,"f").theme.register(this)}componentDidLoad(){x(this,j,"m",S).call(this);x(this,C,"f").debug.logLoad(this,true)}componentWillRender(){x(this,C,"f").debug.logRender(this,false)}componentDidRender(){const i=this.rootElement.shadowRoot;if(i&&this.ripple){const t=i.querySelectorAll(".mdc-ripple-surface:not(.mdc-ripple-upgraded)");if(t){for(let i=0;i<t.length;i++){_.attachTo(t[i])}}}this.persistState();x(this,C,"f").debug.logRender(this,true)}render(){const i=!!this.currentNode;let t={};if(this.columns){if(this.columns.length===1){t={"--kup-imagelist-columns-mobile":`${this.columns[0]}`,"--kup-imagelist-columns-tablet":`${this.columns[0]}`,"--kup-imagelist-columns-desktop":`${this.columns[0]}`}}else if(this.columns.length===2){t={"--kup-imagelist-columns-mobile":`${this.columns[0]}`,"--kup-imagelist-columns-tablet":`${this.columns[0]}`,"--kup-imagelist-columns-desktop":`${this.columns[1]}`}}else if(this.columns.length===3){t={"--kup-imagelist-columns-mobile":`${this.columns[0]}`,"--kup-imagelist-columns-tablet":`${this.columns[1]}`,"--kup-imagelist-columns-desktop":`${this.columns[2]}`}}}let e=Object.assign({},t);if(this.rows!=null&&this.rows>0){const i={"grid-template-rows":`repeat(${this.rows}, minmax(0px, 1fr))`,"grid-auto-flow":`column`};e=Object.assign(Object.assign({},e),i)}return a(s,{key:"23c2d80631804f9c3a587cffc04dce998bff968f"},a("style",{key:"2b6e430e92b2a96191fbe3a662719073e0fb3a26"},x(this,C,"f").theme.setKupStyle(this.rootElement)),a("div",{key:"60472a44a90b970ea6424484586b27abeb633cf6",id:m,ref:i=>{y(this,M,i,"f")}},a("div",{key:"735d77b674d51d5601485505d14a7dfbac0c57fe",class:"navigation-bar"},i?a("div",{class:`navigation-bar__wrapper ${this.navigationBarToggled?"navigation-bar__wrapper--active":""}`},a("div",{class:`navigation-bar__title`,onClick:()=>{this.navigationBarToggled=!this.navigationBarToggled}},a(f,{fit:true,resource:this.currentNode.icon,placeholderResource:this.currentNode.placeholderIcon,sizeX:"1.25em",sizeY:"1.25em",wrapperClass:"navigation-bar__title__image"}),a("div",{class:"navigation-bar__title__label"},this.currentNode.value)),a(u,Object.assign({},x(this,W,"f"),{label:x(this,C,"f").language.translate(p.BACK)})),a(u,Object.assign({},x(this,$,"f"),{label:x(this,C,"f").language.translate(p.TOP)}))):null),a("div",{key:"8f463b49c509a559b7be874a37787b393e3e2bf2",class:"image-list",style:e},...x(this,j,"m",P).call(this))))}disconnectedCallback(){x(this,C,"f").interact.unregister(x(this,O,"f"));x(this,C,"f").language.unregister(this);x(this,C,"f").theme.unregister(this)}get rootElement(){return o(this)}static get watchers(){return{selectedNode:["selectNode"]}}};z=new WeakMap,C=new WeakMap,W=new WeakMap,$=new WeakMap,M=new WeakMap,E=new WeakMap,O=new WeakMap,j=new WeakSet,T=function i(t){const e={fit:true,resource:t.icon,placeholderResource:t.placeholderIcon,title:t.title,wrapperClass:"image-list__image",badgeData:t.badgeData};const s=a(f,Object.assign({},e));const o=a("div",{class:"image-list__label"},t.value);const n=e.resource.indexOf(".")>-1||e.resource.indexOf("/")>-1||e.resource.indexOf("\\")>-1;return a(d,{cell:{value:t.value,icon:t.icon,placeholderIcon:t.placeholderIcon,obj:t.obj},column:{name:"IMAGE",title:"Image"},component:this,density:h.NONE,row:Object.assign({},t)},a("div",{class:`image-list__wrapper${n?" images":""}`},!n&&a("svg",{xmlns:"http://www.w3.org/2000/svg",version:"1.1",viewBox:"0 0 24 24"}),s,o))},P=function i(){const t=[];const e=this.currentNode?this.currentNode.children:this.data;for(let i=0;e&&i<e.length;i++){const s=e[i];const o={"image-list__item":true,"mdc-ripple-surface":this.ripple?true:false};const n=a("div",{onContextMenu:i=>{i.preventDefault()},class:o},x(this,j,"m",T).call(this,s));t.push(n)}return t},D=function i(t,e){let a;if(t){for(let i=t.length-1;i>=0;i--){let e=t[i];if(!e.tagName){continue}if(e.classList.contains("f-cell")){a=e["kup-get-cell-props"]()}}}return{cell:a===null||a===void 0?void 0:a.cell,column:a===null||a===void 0?void 0:a.column,originalEvent:e,row:a===null||a===void 0?void 0:a.row}},I=function i(t){const e=x(this,j,"m",D).call(this,x(this,C,"f").getEventPath(t.target,this.rootElement),t);return e},N=function i(t){const e=x(this,j,"m",D).call(this,x(this,C,"f").getEventPath(t.target,this.rootElement),t);return e},R=function i(t){const e=x(this,j,"m",D).call(this,x(this,C,"f").getEventPath(t.target,this.rootElement),t);return e},S=function i(){x(this,O,"f").push(x(this,M,"f"));const t=i=>{if(x(this,E,"f")){y(this,E,false,"f");return}switch(i.button){case 0:const t={};for(const e in i){t[e]=i[e]}x(this,z,"f").push(setTimeout((()=>{var i;const e=x(this,j,"m",I).call(this,t);const a=e.row;if(((i=a===null||a===void 0?void 0:a.children)===null||i===void 0?void 0:i.length)>0){this.currentNode=a}this.kupClick.emit({comp:this,id:this.rootElement.id,details:e})}),300));break;case 2:this.kupContextMenu.emit({comp:this,id:this.rootElement.id,details:x(this,j,"m",N).call(this,i)});break}};const e=i=>{switch(i.button){case 0:for(let i=0;i<x(this,z,"f").length;i++){clearTimeout(x(this,z,"f")[i]);x(this,C,"f").debug.logMessage(this,"Cleared clickHandler timeout("+x(this,z,"f")[i]+").")}y(this,z,[],"f");this.kupDblClick.emit({comp:this,id:this.rootElement.id,details:x(this,j,"m",R).call(this,i)});break}};const a=i=>{if(i.pointerType==="pen"||i.pointerType==="touch"){y(this,E,true,"f");this.kupContextMenu.emit({comp:this,id:this.rootElement.id,details:x(this,j,"m",N).call(this,i)})}};x(this,C,"f").interact.on(x(this,M,"f"),c.HOLD,a);x(this,C,"f").interact.on(x(this,M,"f"),c.TAP,t);x(this,C,"f").interact.on(x(this,M,"f"),c.DOUBLETAP,e)};F.style=w;export{F as kup_image_list};
2
- //# sourceMappingURL=p-22d4016a.entry.js.map
1
+ import{r as i,c as t,f as e,h as a,H as s,d as o}from"./p-d7c15b0e.js";import{k as n,g as r,s as l,h as p,N as c,f as h}from"./p-8c07fd42.js";import{c as m}from"./p-635bb4b3.js";import{F as f}from"./p-2b519589.js";import{F as u}from"./p-cc32b7a2.js";import{a as g}from"./p-e3062c19.js";import{F as d}from"./p-bbdf4a8f.js";import{M as _}from"./p-d4a879fc.js";import"./p-029c7cbe.js";import"./p-5d03c077.js";import"./p-1754ee9b.js";import"./p-df06309a.js";var k;(function(i){i["columns"]="Can set a specific number of columns";i["customStyle"]="Custom style of the component.";i["data"]="Actual data of the component";i["ripple"]="When enabled displays Material's ripple effect on clicked items.";i["rows"]="Cam set a specific number of rows. It overwrite the columns flow into rows flow"})(k||(k={}));class b{constructor(){this.load=false}toDebugString(){return"image-list state"}}const v=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}:host{--kup_imagelist_columns_mobile:var(--kup-imagelist-columns-mobile, 4);--kup_imagelist_columns_tablet:var(--kup-imagelist-columns-tablet, 6);--kup_imagelist_columns_desktop:var(--kup-imagelist-columns-desktop, 8);--kup_imagelist_background_color:var(\n --kup-imagelist-background-color,\n transparent\n );--kup_imagelist_columns:var(--kup-imagelist-columns, 4);--kup_imagelist_grid_gap:var(--kup-imagelist-grid-gap, var(--kup-space-03));--kup_imagelist_image_min_height:var(\n --kup-imagelist-image-min-height,\n var(--kup-space-09)\n );--kup_imagelist_item_border_radius:var(\n --kup-imagelist-item-border-radius,\n var(--kup-radius-00)\n );--kup_imagelist_item_height:var(--kup-imagelist-item-height, auto);--kup_imagelist_item_padding:var(--kup-imagelist-item-padding, 0);--kup_imagelist_item_width:var(--kup-imagelist-item-width, auto);--kup_imagelist_label_margin:var(\n --kup-imagelist-label-margin,\n 0 auto 1em auto\n );--kup_imagelist_navbar_background_color:var(\n --kup-imagelist-navbar-background-color,\n transparent\n );--kup_imagelist_primary_color:var(\n --kup-imagelist-primary-color,\n var(--kup-primary-color)\n );--kup_imagelist_primary_color_rgb:var(\n --kup-imagelist-primary-color-rgb,\n var(--kup-primary-color-rgb)\n );--kup_imagelist_text_color:var(\n --kup-imagelist-text-color,\n var(--kup-text-secondary)\n );--kup_imagelist_item_background_color:var(\n --kup-imagelist-item-background-color,\n var(--kup-layer-1)\n );--kup_imagelist_item_background_color_hover:var(\n --kup-imagelist-item-background-color-hover,\n var(--kup-layer-1-hover)\n );display:block}.navigation-bar{align-items:center;background-color:var(--kup_imagelist_navbar_background_color);display:flex;justify-content:center}.navigation-bar__wrapper{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;max-width:100%;position:relative}.navigation-bar__wrapper--active .navigation-bar__title{background-color:rgba(var(--kup_imagelist_primary_color_rgb), 0.15);color:var(--kup_imagelist_primary_color)}.navigation-bar__back,.navigation-bar__top{--kup-button-primary-color-rgb:0}.navigation-bar__title{border-radius:16px;box-sizing:border-box;cursor:pointer;display:flex;justify-content:center;padding:0.75em 1em;user-select:none;transition:background-color 125ms, color 125ms;width:100%}.navigation-bar__title__image.f-image{margin:0}.navigation-bar__title__label{overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.image-list{background-color:var(--kup_imagelist_background_color);display:grid;grid-gap:var(--kup_imagelist_grid_gap);grid-template-columns:repeat(var(--kup-imagelist-columns-mobile, var(--kup_imagelist_columns_mobile)), minmax(0px, 1fr));margin-top:1em;width:100%;grid-auto-flow:row}.image-list .f-cell{height:100%;width:100%}.image-list .f-cell .f-cell__content{height:100%}.image-list .f-cell .f-cell__content .image-list__wrapper{display:flex;flex-direction:column;justify-content:space-between;box-sizing:border-box;position:relative;height:100%}.image-list .f-cell .f-cell__content .image-list__wrapper.images{height:100%;justify-content:flex-end}.image-list .f-cell .f-cell__content .image-list__wrapper.images .f-image{position:unset;overflow:auto;height:100%;display:flex}.image-list__item{background-color:var(--kup_imagelist_item_background_color);border-radius:var(--kup_imagelist_item_border_radius);cursor:pointer;height:var(--kup_imagelist_item_height);padding:var(--kup_imagelist_item_padding);width:var(--kup_imagelist_item_width)}.image-list__item:hover{background-color:var(--kup_imagelist_item_background_color_hover)}.image-list__image.f-image{position:absolute;padding:var(--kup-space-03);padding-bottom:0px;box-sizing:border-box;width:100%;height:calc(100% - 16px - var(--kup-space-03) * 2);overflow:hidden}.image-list__image.f-image .f-image__icon{mask-size:100% !important}.image-list__label{overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap;padding:var(--kup-space-03);font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}@media screen and (min-width: 678px){.image-list{grid-template-columns:repeat(var(--kup-imagelist-columns-tablet, var(--kup_imagelist_columns_tablet)), minmax(0px, 1fr));grid-gap:var(--kup-space-05)}}@media screen and (min-width: 1024px){.image-list{grid-template-columns:repeat(var(--kup-imagelist-columns-desktop, var(--kup_imagelist_columns_desktop)), minmax(0px, 1fr));grid-gap:var(--kup-space-05)}}:host(.kup-full-height){height:100%}:host(.kup-full-width){width:100%}:host(.kup-horizontal) .image-list{display:flex}:host(.kup-auto-grid) .image-list{display:flex;flex-wrap:wrap;justify-content:center}";const w=v;var x=undefined&&undefined.__classPrivateFieldGet||function(i,t,e,a){if(e==="a"&&!a)throw new TypeError("Private accessor was defined without a getter");if(typeof t==="function"?i!==t||!a:!t.has(i))throw new TypeError("Cannot read private member from an object whose class did not declare it");return e==="m"?a:e==="a"?a.call(i):a?a.value:t.get(i)};var y=undefined&&undefined.__classPrivateFieldSet||function(i,t,e,a,s){if(a==="m")throw new TypeError("Private method is not writable");if(a==="a"&&!s)throw new TypeError("Private accessor was defined without a setter");if(typeof t==="function"?i!==t||!s:!t.has(i))throw new TypeError("Cannot write private member to an object whose class did not declare it");return a==="a"?s.call(i,e):s?s.value=e:t.set(i,e),e};var j,z,C,W,$,M,E,O,T,P,D,I,N,R,S;const F=class{constructor(e){i(this,e);this.kupClick=t(this,"kup-imagelist-click",6);this.kupContextMenu=t(this,"kup-imagelist-contextmenu",6);this.kupDblClick=t(this,"kup-imagelist-dblclick",6);j.add(this);this.state=new b;z.set(this,[]);C.set(this,n());W.set(this,{icon:"arrow_back",onClick:()=>{this.currentNode=x(this,C,"f").data.node.getParent(this.data,this.currentNode);if(!this.currentNode){this.navigationBarToggled=false}},styling:g.FLAT,wrapperClass:"navigation-bar__back"});$.set(this,{icon:"arrow_upward",onClick:()=>{this.currentNode=null;this.navigationBarToggled=false},styling:g.FLAT,wrapperClass:"navigation-bar__top"});M.set(this,void 0);E.set(this,false);O.set(this,[]);this.currentNode=null;this.navigationBarToggled=false;this.columns=[];this.customStyle="";this.data=[];this.ripple=false;this.rows=null;this.selectedNode=[];this.stateId="";this.store=undefined}initWithPersistedState(){if(this.store&&this.stateId){const i=this.store.getState(this.stateId);if(i!=null){this.currentNode=x(this,C,"f").data.node.findByStrTreeNodePath(this.data,i.selectedTreeNodePath)}}}persistState(){if(this.store&&this.stateId){let i=false;let t=this.currentNode?this.currentNode.id:"";if(!x(this,C,"f").objects.deepEqual(this.state.selectedTreeNodePath,t)){this.state.selectedTreeNodePath=t;i=true}if(!this.state.load){this.state.load=true;return}if(i){this.store.persistState(this.stateId,this.state)}}}selectNode(i){if(!i||i.length==0){return}this.currentNode=x(this,C,"f").data.node.find(this.data,i)}async getProps(i){return r(this,k,i)}async refresh(){e(this)}async setProps(i){l(this,k,i)}componentWillLoad(){x(this,C,"f").debug.logLoad(this,false);x(this,C,"f").language.register(this);x(this,C,"f").theme.register(this)}componentDidLoad(){x(this,j,"m",S).call(this);x(this,C,"f").debug.logLoad(this,true)}componentWillRender(){x(this,C,"f").debug.logRender(this,false)}componentDidRender(){const i=this.rootElement.shadowRoot;if(i&&this.ripple){const t=i.querySelectorAll(".mdc-ripple-surface:not(.mdc-ripple-upgraded)");if(t){for(let i=0;i<t.length;i++){_.attachTo(t[i])}}}this.persistState();x(this,C,"f").debug.logRender(this,true)}render(){const i=!!this.currentNode;let t={};if(this.columns){if(this.columns.length===1){t={"--kup-imagelist-columns-mobile":`${this.columns[0]}`,"--kup-imagelist-columns-tablet":`${this.columns[0]}`,"--kup-imagelist-columns-desktop":`${this.columns[0]}`}}else if(this.columns.length===2){t={"--kup-imagelist-columns-mobile":`${this.columns[0]}`,"--kup-imagelist-columns-tablet":`${this.columns[0]}`,"--kup-imagelist-columns-desktop":`${this.columns[1]}`}}else if(this.columns.length===3){t={"--kup-imagelist-columns-mobile":`${this.columns[0]}`,"--kup-imagelist-columns-tablet":`${this.columns[1]}`,"--kup-imagelist-columns-desktop":`${this.columns[2]}`}}}let e=Object.assign({},t);if(this.rows!=null&&this.rows>0){const i={"grid-template-rows":`repeat(${this.rows}, minmax(0px, 1fr))`,"grid-auto-flow":`column`};e=Object.assign(Object.assign({},e),i)}return a(s,{key:"a739d3569084048dfbfbcfb797a1a69e3b30647f"},a("style",{key:"5703cab616be68410bfcc78016598049e939caf5"},x(this,C,"f").theme.setKupStyle(this.rootElement)),a("div",{key:"dcac9252c2ec7bfad10836a4e7193289612a7179",id:m,ref:i=>{y(this,M,i,"f")}},a("div",{key:"21c0bc1aab2d618da88ccb4dbbf240afc5146cb2",class:"navigation-bar"},i?a("div",{class:`navigation-bar__wrapper ${this.navigationBarToggled?"navigation-bar__wrapper--active":""}`},a("div",{class:`navigation-bar__title`,onClick:()=>{this.navigationBarToggled=!this.navigationBarToggled}},a(f,{fit:true,resource:this.currentNode.icon,placeholderResource:this.currentNode.placeholderIcon,sizeX:"1.25em",sizeY:"1.25em",wrapperClass:"navigation-bar__title__image"}),a("div",{class:"navigation-bar__title__label"},this.currentNode.value)),a(u,Object.assign({},x(this,W,"f"),{label:x(this,C,"f").language.translate(p.BACK)})),a(u,Object.assign({},x(this,$,"f"),{label:x(this,C,"f").language.translate(p.TOP)}))):null),a("div",{key:"f2a6f4fecf1a38fc173ab4569277772baf8e91b0",class:"image-list",style:e},...x(this,j,"m",P).call(this))))}disconnectedCallback(){x(this,C,"f").interact.unregister(x(this,O,"f"));x(this,C,"f").language.unregister(this);x(this,C,"f").theme.unregister(this)}get rootElement(){return o(this)}static get watchers(){return{selectedNode:["selectNode"]}}};z=new WeakMap,C=new WeakMap,W=new WeakMap,$=new WeakMap,M=new WeakMap,E=new WeakMap,O=new WeakMap,j=new WeakSet,T=function i(t){const e={fit:true,resource:t.icon,placeholderResource:t.placeholderIcon,title:t.title,wrapperClass:"image-list__image",badgeData:t.badgeData};const s=a(f,Object.assign({},e));const o=a("div",{class:"image-list__label"},t.value);const n=e.resource.indexOf(".")>-1||e.resource.indexOf("/")>-1||e.resource.indexOf("\\")>-1;return a(d,{cell:{value:t.value,icon:t.icon,placeholderIcon:t.placeholderIcon,obj:t.obj},column:{name:"IMAGE",title:"Image"},component:this,density:h.NONE,row:Object.assign({},t)},a("div",{class:`image-list__wrapper${n?" images":""}`},!n&&a("svg",{xmlns:"http://www.w3.org/2000/svg",version:"1.1",viewBox:"0 0 24 24"}),s,o))},P=function i(){const t=[];const e=this.currentNode?this.currentNode.children:this.data;for(let i=0;e&&i<e.length;i++){const s=e[i];const o={"image-list__item":true,"mdc-ripple-surface":this.ripple?true:false};const n=a("div",{onContextMenu:i=>{i.preventDefault()},class:o},x(this,j,"m",T).call(this,s));t.push(n)}return t},D=function i(t,e){let a;if(t){for(let i=t.length-1;i>=0;i--){let e=t[i];if(!e.tagName){continue}if(e.classList.contains("f-cell")){a=e["kup-get-cell-props"]()}}}return{cell:a===null||a===void 0?void 0:a.cell,column:a===null||a===void 0?void 0:a.column,originalEvent:e,row:a===null||a===void 0?void 0:a.row}},I=function i(t){const e=x(this,j,"m",D).call(this,x(this,C,"f").getEventPath(t.target,this.rootElement),t);return e},N=function i(t){const e=x(this,j,"m",D).call(this,x(this,C,"f").getEventPath(t.target,this.rootElement),t);return e},R=function i(t){const e=x(this,j,"m",D).call(this,x(this,C,"f").getEventPath(t.target,this.rootElement),t);return e},S=function i(){x(this,O,"f").push(x(this,M,"f"));const t=i=>{if(x(this,E,"f")){y(this,E,false,"f");return}switch(i.button){case 0:const t={};for(const e in i){t[e]=i[e]}x(this,z,"f").push(setTimeout((()=>{var i;const e=x(this,j,"m",I).call(this,t);const a=e.row;if(((i=a===null||a===void 0?void 0:a.children)===null||i===void 0?void 0:i.length)>0){this.currentNode=a}this.kupClick.emit({comp:this,id:this.rootElement.id,details:e})}),300));break;case 2:this.kupContextMenu.emit({comp:this,id:this.rootElement.id,details:x(this,j,"m",N).call(this,i)});break}};const e=i=>{switch(i.button){case 0:for(let i=0;i<x(this,z,"f").length;i++){clearTimeout(x(this,z,"f")[i]);x(this,C,"f").debug.logMessage(this,"Cleared clickHandler timeout("+x(this,z,"f")[i]+").")}y(this,z,[],"f");this.kupDblClick.emit({comp:this,id:this.rootElement.id,details:x(this,j,"m",R).call(this,i)});break}};const a=i=>{if(i.pointerType==="pen"||i.pointerType==="touch"){y(this,E,true,"f");this.kupContextMenu.emit({comp:this,id:this.rootElement.id,details:x(this,j,"m",N).call(this,i)})}};x(this,C,"f").interact.on(x(this,M,"f"),c.HOLD,a);x(this,C,"f").interact.on(x(this,M,"f"),c.TAP,t);x(this,C,"f").interact.on(x(this,M,"f"),c.DOUBLETAP,e)};F.style=w;export{F as kup_image_list};
2
+ //# sourceMappingURL=p-39fa8da7.entry.js.map
@@ -1,2 +1,2 @@
1
- import{r as t,c as i,f as e,h as s,H as h,d as n}from"./p-d7c15b0e.js";import{k as o,g as l,c as a,t as r}from"./p-26030fba.js";import{c as p}from"./p-635bb4b3.js";import{F as u}from"./p-cc1abfc4.js";import{F as f}from"./p-c4054aba.js";import"./p-029c7cbe.js";import"./p-2b519589.js";import"./p-d4a879fc.js";var c;(function(t){t["customStyle"]="Custom style of the component.";t["data"]="Props of the sub-components.";t["decimals"]="Defaults at false. When set to true, the component has decimals.";t["disabled"]="Defaults at false. When set to true, the component is disabled.";t["initialValue"]="Sets the initial value of the component";t["maxDecimals"]="when set, the component allows you to enter decimals with a maximum of characters.";t["maxIntegers"]="When set, the component allows you to enter integer numbers with a maximum of characters.";t["maxLength"]="When set, the component allows you to enter numbers with a maximum of characters, including decimals.";t["negative"]="Defaults at false. When set to true, the component has negative number."})(c||(c={}));const m=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}:host{display:block;font-size:var(--kup-font-size)}.f-text-field{position:relative}:host(.kup-full-height){height:100%}:host(.kup-full-height) #kup-component{height:100%}:host(.kup-full-width){width:100%}:host(.kup-full-width) #kup-component{width:100%}:host(.kup-danger){--kup-textfield-primary-color:var(--kup-danger-color-60);--kup-textfield-primary-color-rgb:var(--kup-danger-color-rgb)}:host(.kup-info){--kup-textfield-primary-color:var(--kup-info-color);--kup-textfield-primary-color-rgb:var(--kup-info-color-rgb)}:host(.kup-secondary){--kup-textfield-primary-color:var(--kup-secondary-color);--kup-textfield-primary-color-rgb:var(--kup-secondary-color-rgb)}:host(.kup-success){--kup-textfield-primary-color:var(--kup-success-color);--kup-textfield-primary-color-rgb:var(--kup-success-color-rgb)}:host(.kup-warning){--kup-textfield-primary-color:var(--kup-warning-color-50);--kup-textfield-primary-color-rgb:var(--kup-warning-color-rgb)}";const k=m;const g=class{constructor(e){t(this,e);this.kupBlur=i(this,"kup-numericpicker-blur",6);this.kupChange=i(this,"kup-numericpicker-change",6);this.kupClick=i(this,"kup-numericpicker-click",6);this.kupFocus=i(this,"kup-numericpicker-focus",6);this.kupInput=i(this,"kup-numericpicker-input",6);this.kupIconClick=i(this,"kup-numericpicker-iconclick",6);this.kupItemClick=i(this,"kup-numericpicker-itemclick",6);this.kupTextFieldSubmit=i(this,"kup-numericpicker-textfieldsubmit",6);this.kupClearIconClick=i(this,"kup-numericpicker-cleariconclick",6);this.kupManager=o();this.textfieldEl=null;this.pickerContainerEl=null;this.pickerEl={value:(new Date).toISOString(),date:new Date};this.clickCb=null;this.stateSwitcher=false;this.value="";this.customStyle="";this.data=null;this.decimals=false;this.disabled=false;this.initialValue="";this.maxDecimals=null;this.maxIntegers=null;this.maxLength=null;this.negative=false}onKupPickerItemClick(t){this.setPickerValueSelected(t);this.kupChange.emit({comp:this,id:this.rootElement.id,value:this.value});this.kupItemClick.emit({comp:this,id:this.rootElement.id,value:this.value});this.setFocus()}onKupClearIconClick(){this.setPickerValueSelected("");this.kupChange.emit({comp:this,id:this.rootElement.id,value:this.value});this.kupClearIconClick.emit({comp:this,id:this.rootElement.id})}onKupBlur(){this.kupBlur.emit({id:this.rootElement.id,value:this.value,comp:this})}onKupChange(t){this.refreshPickerValue(t.target.value,this.kupChange)}onKupClick(){this.kupClick.emit({comp:this,id:this.rootElement.id,value:this.value})}onKupFocus(){this.kupFocus.emit({comp:this,id:this.rootElement.id,value:this.value})}onKupInput(t){this.refreshPickerValue(t.target.value,this.kupInput,true)}onkupTextFieldSubmit(t){if(t.key==="Enter"){this.refreshPickerValue(t.target.value,this.kupTextFieldSubmit)}}onKupIconClick(){if(this.isPickerOpened()){this.closePicker()}else{this.openPicker()}this.kupIconClick.emit({comp:this,id:this.rootElement.id,value:this.value})}listenKeyup(t){if(this.isPickerOpened()){if(t.key==="Escape"){this.closePicker()}if(t.key==="Enter"){this.setPickerValueSelected()}}}async getValue(){return this.value}async getProps(t){return l(this,c,t)}async refresh(){e(this)}async setFocus(){if(this.textfieldEl!=null){this.textfieldEl.focus()}}async setValue(t){this.value=t}refreshPickerValue(t,i,e){let s=this.kupManager.math.numberify(t,true);if(s){let t=s.toString();const h=t.indexOf(".");let n=h>-1?t.substring(0,h):t;let o=h>-1?t.substring(h+1):"";if(this.maxIntegers&&n.length>this.maxIntegers)n=n.substring(n.length-this.maxIntegers);if(this.maxDecimals&&o.length>this.maxDecimals)o=o.substring(0,this.maxDecimals);while(this.maxLength&&n.length+o.length>this.maxLength){if(o.length>1)o=o.substring(0,o.length-1);else if(n.length>1)n=n.substring(1)}t=h>-1?`${n}.${o}`:n;if(e!=true){this.setValue(t)}if(i!=null){i.emit({id:this.rootElement.id,value:t})}}}setPickerValueSelected(t){if(this.disabled==true){return}if(t==null){t=this.getPickerValueSelected()}this.closePicker();if(t==null){return}this.setValue(t)}getPickerValueSelected(){return this.pickerEl.value}getValueForPickerComponent(){return this.value}openPicker(){const t=this.textfieldEl;this.pickerContainerEl.menuVisible=true;const i=this.pickerContainerEl.style;i.height="auto";i.minWidth=this.textfieldEl.parentElement.clientWidth+"px";if(t!=null){t.classList.add("toggled")}if(this.kupManager.dynamicPosition.isRegistered(this.pickerContainerEl)){this.kupManager.dynamicPosition.changeAnchor(this.pickerContainerEl,this.textfieldEl.parentElement)}else{this.kupManager.dynamicPosition.register(this.pickerContainerEl,this.textfieldEl.parentElement,0,a.AUTO,true)}this.kupManager.dynamicPosition.start(this.pickerContainerEl);if(!this.clickCb){this.clickCb={cb:()=>{this.closePicker()},el:this.pickerContainerEl}}this.kupManager.addClickCallback(this.clickCb,true)}closePicker(){this.kupManager.removeClickCallback(this.clickCb);if(!this.isPickerOpened()){return}let t=this.textfieldEl;if(t!=null){t.classList.remove("toggled")}this.pickerContainerEl.menuVisible=false;this.kupManager.dynamicPosition.stop(this.pickerContainerEl)}isPickerOpened(){return this.pickerContainerEl.menuVisible==true}getTextFieldId(){return this.textfieldEl.id}prepTextfield(){if(!this.decimals&&!this.maxIntegers)this.maxIntegers=17;if(this.decimals&&!this.maxIntegers&&!this.maxDecimals){this.maxIntegers=15;this.maxDecimals=2}const t=this.rootElement.classList.contains("kup-full-height");const i=this.rootElement.classList.contains("kup-full-width");const e=Object.assign({},this.data["kup-text-field"]);if(!e.icon){e.icon="calculator"}if(e.icon){e.trailingIcon=true}return s(u,Object.assign({},e,{disabled:this.disabled,fullHeight:t,fullWidth:i,id:this.rootElement.id+"_text-field",value:this.kupManager.math.numbers.toLocaleString(this.value),onBlur:()=>this.onKupBlur(),onChange:t=>this.onKupChange(t),onClearIconClick:()=>this.onKupClearIconClick(),onClick:()=>this.onKupClick(),onFocus:()=>this.onKupFocus(),onIconClick:()=>this.onKupIconClick(),onKeyDown:t=>this.onkupTextFieldSubmit(t),onInput:t=>this.onKupInput(t)}),this.prepPicker())}prepPicker(){const t={options:{decimals:this.decimals,initialValue:this.value,maxDecimals:this.maxDecimals,maxIntegers:this.maxIntegers,maxLength:this.maxLength,negative:this.negative,resetStatus:true}};return s("kup-card",{ref:t=>this.pickerContainerEl=t,data:t,layoutFamily:r.BUILT_IN,layoutNumber:5,sizeX:"300px",sizeY:"auto",isMenu:true,"onkup-card-click":t=>{if(t.detail.value!=null)this.onKupPickerItemClick(t.detail.value)}})}componentWillLoad(){this.kupManager.dates.register(this);this.kupManager.debug.logLoad(this,false);this.kupManager.theme.register(this);this.value=this.initialValue;if(!this.data){this.data={"kup-text-field":{}}}}componentDidLoad(){this.kupManager.debug.logLoad(this,true)}componentWillRender(){this.kupManager.debug.logRender(this,false)}componentDidRender(){const t=this.rootElement.shadowRoot;if(t){const i=t.querySelector(".f-text-field");if(i){this.textfieldEl=i.querySelector("input");f(i)}}this.kupManager.debug.logRender(this,true)}render(){return s(h,{key:"c759e34f7ff6d5eae483f7d3d7d491281e48190b"},s("style",{key:"6eacde56415f21922ab5401dcc519b24ff69ca01"},this.kupManager.theme.setKupStyle(this.rootElement)),s("div",{key:"12f75ea7f7782f3feade05a51708552baba35a55",id:p},this.prepTextfield()))}disconnectedCallback(){this.kupManager.dates.unregister(this);this.kupManager.theme.unregister(this);if(this.pickerContainerEl){this.pickerContainerEl.remove()}}get rootElement(){return n(this)}};g.style=k;export{g as kup_numeric_picker};
2
- //# sourceMappingURL=p-68be312f.entry.js.map
1
+ import{r as t,c as i,f as e,h as s,H as h,d as n}from"./p-d7c15b0e.js";import{k as o,g as l,c as r,t as a}from"./p-8c07fd42.js";import{c as p}from"./p-635bb4b3.js";import{F as u}from"./p-1754ee9b.js";import{F as c}from"./p-c4054aba.js";import"./p-029c7cbe.js";import"./p-2b519589.js";import"./p-d4a879fc.js";var f;(function(t){t["customStyle"]="Custom style of the component.";t["data"]="Props of the sub-components.";t["decimals"]="Defaults at false. When set to true, the component has decimals.";t["disabled"]="Defaults at false. When set to true, the component is disabled.";t["initialValue"]="Sets the initial value of the component";t["maxDecimals"]="when set, the component allows you to enter decimals with a maximum of characters.";t["maxIntegers"]="When set, the component allows you to enter integer numbers with a maximum of characters.";t["maxLength"]="When set, the component allows you to enter numbers with a maximum of characters, including decimals.";t["negative"]="Defaults at false. When set to true, the component has negative number."})(f||(f={}));const m=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}:host{display:block;font-size:var(--kup-font-size)}.f-text-field{position:relative}:host(.kup-full-height){height:100%}:host(.kup-full-height) #kup-component{height:100%}:host(.kup-full-width){width:100%}:host(.kup-full-width) #kup-component{width:100%}:host(.kup-danger){--kup-textfield-primary-color:var(--kup-danger-color-60);--kup-textfield-primary-color-rgb:var(--kup-danger-color-rgb)}:host(.kup-info){--kup-textfield-primary-color:var(--kup-info-color);--kup-textfield-primary-color-rgb:var(--kup-info-color-rgb)}:host(.kup-secondary){--kup-textfield-primary-color:var(--kup-secondary-color);--kup-textfield-primary-color-rgb:var(--kup-secondary-color-rgb)}:host(.kup-success){--kup-textfield-primary-color:var(--kup-success-color);--kup-textfield-primary-color-rgb:var(--kup-success-color-rgb)}:host(.kup-warning){--kup-textfield-primary-color:var(--kup-warning-color-50);--kup-textfield-primary-color-rgb:var(--kup-warning-color-rgb)}";const k=m;const d=class{constructor(e){t(this,e);this.kupBlur=i(this,"kup-numericpicker-blur",6);this.kupChange=i(this,"kup-numericpicker-change",6);this.kupClick=i(this,"kup-numericpicker-click",6);this.kupFocus=i(this,"kup-numericpicker-focus",6);this.kupInput=i(this,"kup-numericpicker-input",6);this.kupIconClick=i(this,"kup-numericpicker-iconclick",6);this.kupItemClick=i(this,"kup-numericpicker-itemclick",6);this.kupTextFieldSubmit=i(this,"kup-numericpicker-textfieldsubmit",6);this.kupClearIconClick=i(this,"kup-numericpicker-cleariconclick",6);this.kupManager=o();this.textfieldEl=null;this.pickerContainerEl=null;this.pickerEl={value:(new Date).toISOString(),date:new Date};this.clickCb=null;this.stateSwitcher=false;this.value="";this.customStyle="";this.data=null;this.decimals=false;this.disabled=false;this.initialValue="";this.maxDecimals=null;this.maxIntegers=null;this.maxLength=null;this.negative=false}onKupPickerItemClick(t){this.setPickerValueSelected(t);this.kupChange.emit({comp:this,id:this.rootElement.id,value:this.value});this.kupItemClick.emit({comp:this,id:this.rootElement.id,value:this.value});this.setFocus()}onKupClearIconClick(){this.setPickerValueSelected("");this.kupChange.emit({comp:this,id:this.rootElement.id,value:this.value});this.kupClearIconClick.emit({comp:this,id:this.rootElement.id})}onKupBlur(){this.kupBlur.emit({id:this.rootElement.id,value:this.value,comp:this})}onKupChange(t){this.refreshPickerValue(t.target.value,this.kupChange)}onKupClick(){this.kupClick.emit({comp:this,id:this.rootElement.id,value:this.value})}onKupFocus(){this.kupFocus.emit({comp:this,id:this.rootElement.id,value:this.value})}onKupInput(t){this.refreshPickerValue(t.target.value,this.kupInput,true)}onkupTextFieldSubmit(t){if(t.key==="Enter"){this.refreshPickerValue(t.target.value,this.kupTextFieldSubmit)}}onKupIconClick(){if(this.isPickerOpened()){this.closePicker()}else{this.openPicker()}this.kupIconClick.emit({comp:this,id:this.rootElement.id,value:this.value})}listenKeyup(t){if(this.isPickerOpened()){if(t.key==="Escape"){this.closePicker()}if(t.key==="Enter"){this.setPickerValueSelected()}}}async getValue(){return this.value}async getProps(t){return l(this,f,t)}async refresh(){e(this)}async setFocus(){if(this.textfieldEl!=null){this.textfieldEl.focus()}}async setValue(t){this.value=t}refreshPickerValue(t,i,e){let s=this.kupManager.math.numberify(t,true);if(s){let t=s.toString();const h=t.indexOf(".");let n=h>-1?t.substring(0,h):t;let o=h>-1?t.substring(h+1):"";if(this.maxIntegers&&n.length>this.maxIntegers)n=n.substring(n.length-this.maxIntegers);if(this.maxDecimals&&o.length>this.maxDecimals)o=o.substring(0,this.maxDecimals);while(this.maxLength&&n.length+o.length>this.maxLength){if(o.length>1)o=o.substring(0,o.length-1);else if(n.length>1)n=n.substring(1)}t=h>-1?`${n}.${o}`:n;if(e!=true){this.setValue(t)}if(i!=null){i.emit({id:this.rootElement.id,value:t})}}}setPickerValueSelected(t){if(this.disabled==true){return}if(t==null){t=this.getPickerValueSelected()}this.closePicker();if(t==null){return}this.setValue(t)}getPickerValueSelected(){return this.pickerEl.value}getValueForPickerComponent(){return this.value}openPicker(){const t=this.textfieldEl;this.pickerContainerEl.menuVisible=true;const i=this.pickerContainerEl.style;i.height="auto";i.minWidth=this.textfieldEl.parentElement.clientWidth+"px";if(t!=null){t.classList.add("toggled")}if(this.kupManager.dynamicPosition.isRegistered(this.pickerContainerEl)){this.kupManager.dynamicPosition.changeAnchor(this.pickerContainerEl,this.textfieldEl.parentElement)}else{this.kupManager.dynamicPosition.register(this.pickerContainerEl,this.textfieldEl.parentElement,0,r.AUTO,true)}this.kupManager.dynamicPosition.start(this.pickerContainerEl);if(!this.clickCb){this.clickCb={cb:()=>{this.closePicker()},el:this.pickerContainerEl}}this.kupManager.addClickCallback(this.clickCb,true)}closePicker(){this.kupManager.removeClickCallback(this.clickCb);if(!this.isPickerOpened()){return}let t=this.textfieldEl;if(t!=null){t.classList.remove("toggled")}this.pickerContainerEl.menuVisible=false;this.kupManager.dynamicPosition.stop(this.pickerContainerEl)}isPickerOpened(){return this.pickerContainerEl.menuVisible==true}getTextFieldId(){return this.textfieldEl.id}prepTextfield(){if(!this.decimals&&!this.maxIntegers)this.maxIntegers=17;if(this.decimals&&!this.maxIntegers&&!this.maxDecimals){this.maxIntegers=15;this.maxDecimals=2}const t=this.rootElement.classList.contains("kup-full-height");const i=this.rootElement.classList.contains("kup-full-width");const e=Object.assign({},this.data["kup-text-field"]);if(!e.icon){e.icon="calculator"}if(e.icon){e.trailingIcon=true}return s(u,Object.assign({},e,{disabled:this.disabled,fullHeight:t,fullWidth:i,id:this.rootElement.id+"_text-field",value:this.kupManager.math.numbers.toLocaleString(this.value),onBlur:()=>this.onKupBlur(),onChange:t=>this.onKupChange(t),onClearIconClick:()=>this.onKupClearIconClick(),onClick:()=>this.onKupClick(),onFocus:()=>this.onKupFocus(),onIconClick:()=>this.onKupIconClick(),onKeyDown:t=>this.onkupTextFieldSubmit(t),onInput:t=>this.onKupInput(t)}),this.prepPicker())}prepPicker(){const t={options:{decimals:this.decimals,initialValue:this.value,maxDecimals:this.maxDecimals,maxIntegers:this.maxIntegers,maxLength:this.maxLength,negative:this.negative,resetStatus:true}};return s("kup-card",{ref:t=>this.pickerContainerEl=t,data:t,layoutFamily:a.BUILT_IN,layoutNumber:5,sizeX:"300px",sizeY:"auto",isMenu:true,"onkup-card-click":t=>{if(t.detail.value!=null)this.onKupPickerItemClick(t.detail.value)}})}componentWillLoad(){this.kupManager.dates.register(this);this.kupManager.debug.logLoad(this,false);this.kupManager.theme.register(this);this.value=this.initialValue;if(!this.data){this.data={"kup-text-field":{}}}}componentDidLoad(){this.kupManager.debug.logLoad(this,true)}componentWillRender(){this.kupManager.debug.logRender(this,false)}componentDidRender(){const t=this.rootElement.shadowRoot;if(t){const i=t.querySelector(".f-text-field");if(i){this.textfieldEl=i.querySelector("input");c(i)}}this.kupManager.debug.logRender(this,true)}render(){return s(h,{key:"6facc37e24731377be34e65dcc123692e5c3e828"},s("style",{key:"54b8ddc07dc8d32c3b72da8ab2734e760d867c1b"},this.kupManager.theme.setKupStyle(this.rootElement)),s("div",{key:"e8c0c5d2bbee71b78cd513554d2708c9f9b0f2c1",id:p},this.prepTextfield()))}disconnectedCallback(){this.kupManager.dates.unregister(this);this.kupManager.theme.unregister(this);if(this.pickerContainerEl){this.pickerContainerEl.remove()}}get rootElement(){return n(this)}};d.style=k;export{d as kup_numeric_picker};
2
+ //# sourceMappingURL=p-45db3eae.entry.js.map