@sme.up/ketchup 9.6.2 → 9.6.4

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 (328) hide show
  1. package/dist/cjs/{f-button-4c346ca8.js → f-button-89de2403.js} +2 -2
  2. package/dist/cjs/{f-cell-8f3d12fd.js → f-cell-75dbd6eb.js} +31 -9
  3. package/dist/cjs/{f-checkbox-bfa92ebe.js → f-checkbox-1fa28e76.js} +1 -1
  4. package/dist/cjs/{f-chip-a6c800be.js → f-chip-08857345.js} +3 -3
  5. package/dist/cjs/{f-image-40476fa6.js → f-image-a41d7f1e.js} +2 -2
  6. package/dist/cjs/{f-paginator-utils-c652ceaa.js → f-paginator-utils-ff07301e.js} +7 -4
  7. package/dist/cjs/{f-text-field-1f77ef23.js → f-text-field-eb207a83.js} +2 -2
  8. package/dist/cjs/{index-db0a6be6.js → index-958d0399.js} +21 -26
  9. package/dist/cjs/index.cjs.js +3 -3
  10. package/dist/cjs/ketchup.cjs.js +3 -3
  11. package/dist/cjs/kup-accordion.cjs.entry.js +5 -5
  12. package/dist/cjs/kup-autocomplete_27.cjs.entry.js +86 -85
  13. package/dist/cjs/kup-box.cjs.entry.js +60 -20
  14. package/dist/cjs/kup-calendar.cjs.entry.js +7 -7
  15. package/dist/cjs/kup-card-list.cjs.entry.js +4 -4
  16. package/dist/cjs/kup-cell.cjs.entry.js +10 -10
  17. package/dist/cjs/kup-custom-task-list-header_4.cjs.entry.js +13 -13
  18. package/dist/cjs/kup-dashboard.cjs.entry.js +8 -8
  19. package/dist/cjs/{kup-dates-4aa560f0.js → kup-dates-e22ee32c.js} +46 -8
  20. package/dist/cjs/kup-drawer.cjs.entry.js +4 -4
  21. package/dist/cjs/kup-echart.cjs.entry.js +4 -4
  22. package/dist/cjs/kup-editor.cjs.entry.js +3 -3
  23. package/dist/cjs/kup-family-tree.cjs.entry.js +6 -6
  24. package/dist/cjs/kup-gantt_10.cjs.entry.js +37 -31
  25. package/dist/cjs/kup-grid.cjs.entry.js +4 -4
  26. package/dist/cjs/kup-iframe.cjs.entry.js +4 -4
  27. package/dist/cjs/kup-image-list.cjs.entry.js +138 -50
  28. package/dist/cjs/kup-input-panel.cjs.entry.js +298 -0
  29. package/dist/cjs/kup-lazy.cjs.entry.js +15 -15
  30. package/dist/cjs/kup-magic-box.cjs.entry.js +8 -8
  31. package/dist/cjs/{kup-manager-08f1585b.js → kup-manager-abfe4ddd.js} +639 -33
  32. package/dist/cjs/kup-nav-bar.cjs.entry.js +5 -5
  33. package/dist/cjs/kup-numeric-picker.cjs.entry.js +6 -6
  34. package/dist/cjs/kup-pdf.cjs.entry.js +76600 -0
  35. package/dist/cjs/kup-photo-frame.cjs.entry.js +6 -6
  36. package/dist/cjs/{kup-planner-renderer-helper-f0c869d7.js → kup-planner-renderer-helper-9f776d6e.js} +3 -23
  37. package/dist/cjs/kup-planner-renderer.cjs.entry.js +13 -6
  38. package/dist/cjs/kup-planner.cjs.entry.js +12 -6
  39. package/dist/cjs/kup-probe.cjs.entry.js +4 -4
  40. package/dist/cjs/kup-qlik.cjs.entry.js +5 -5
  41. package/dist/cjs/kup-snackbar.cjs.entry.js +7 -7
  42. package/dist/cjs/loader.cjs.js +2 -2
  43. package/dist/collection/assets/data-table.js +7 -2
  44. package/dist/collection/assets/image-list.js +20 -0
  45. package/dist/collection/assets/index.js +12 -0
  46. package/dist/collection/assets/input-panel.js +249 -0
  47. package/dist/collection/assets/pdf.js +15 -0
  48. package/dist/collection/assets/planner-example-6.js +983 -0
  49. package/dist/collection/collection-manifest.json +3 -1
  50. package/dist/collection/components/kup-accordion/kup-accordion.css +128 -0
  51. package/dist/collection/components/kup-autocomplete/kup-autocomplete.css +128 -0
  52. package/dist/collection/components/kup-badge/kup-badge.css +128 -0
  53. package/dist/collection/components/kup-box/kup-box.css +128 -0
  54. package/dist/collection/components/kup-box/kup-box.js +49 -9
  55. package/dist/collection/components/kup-button/kup-button.css +128 -0
  56. package/dist/collection/components/kup-button-list/kup-button-list.css +128 -0
  57. package/dist/collection/components/kup-calendar/kup-calendar.css +128 -0
  58. package/dist/collection/components/kup-card/kup-card.css +128 -0
  59. package/dist/collection/components/kup-card-list/kup-card-list.css +128 -0
  60. package/dist/collection/components/kup-cell/kup-cell.css +128 -0
  61. package/dist/collection/components/kup-chart/kup-chart.css +128 -0
  62. package/dist/collection/components/kup-checkbox/kup-checkbox.css +128 -0
  63. package/dist/collection/components/kup-chip/kup-chip.css +128 -0
  64. package/dist/collection/components/kup-color-picker/kup-color-picker.css +128 -0
  65. package/dist/collection/components/kup-combobox/kup-combobox.css +128 -0
  66. package/dist/collection/components/kup-dashboard/kup-dashboard.css +128 -0
  67. package/dist/collection/components/kup-data-table/kup-data-table-declarations.js +1 -0
  68. package/dist/collection/components/kup-data-table/kup-data-table.css +133 -0
  69. package/dist/collection/components/kup-data-table/kup-data-table.js +28 -9
  70. package/dist/collection/components/kup-date-picker/kup-date-picker.css +128 -0
  71. package/dist/collection/components/kup-dialog/kup-dialog.css +128 -0
  72. package/dist/collection/components/kup-drawer/kup-drawer.css +128 -0
  73. package/dist/collection/components/kup-dropdown-button/kup-dropdown-button.css +128 -0
  74. package/dist/collection/components/kup-echart/kup-echart.css +128 -0
  75. package/dist/collection/components/kup-family-tree/kup-family-tree.css +128 -0
  76. package/dist/collection/components/kup-form/kup-form.css +128 -0
  77. package/dist/collection/components/kup-gauge/kup-gauge.css +128 -0
  78. package/dist/collection/components/kup-grid/kup-grid.css +128 -0
  79. package/dist/collection/components/kup-iframe/kup-iframe.css +128 -0
  80. package/dist/collection/components/kup-image/kup-image.css +128 -0
  81. package/dist/collection/components/kup-image-list/kup-image-list-declarations.js +2 -0
  82. package/dist/collection/components/kup-image-list/kup-image-list.css +158 -18
  83. package/dist/collection/components/kup-image-list/kup-image-list.js +175 -46
  84. package/dist/collection/components/kup-input-panel/kup-input-panel-declarations.js +8 -0
  85. package/dist/collection/components/kup-input-panel/kup-input-panel.css +132 -0
  86. package/dist/collection/components/kup-input-panel/kup-input-panel.e2e.js +305 -0
  87. package/dist/collection/components/kup-input-panel/kup-input-panel.js +522 -0
  88. package/dist/collection/components/kup-lazy/kup-lazy.css +128 -0
  89. package/dist/collection/components/kup-lazy/kup-lazy.js +11 -11
  90. package/dist/collection/components/kup-list/kup-list.css +128 -0
  91. package/dist/collection/components/kup-list/kup-list.js +1 -1
  92. package/dist/collection/components/kup-magic-box/kup-magic-box.css +128 -0
  93. package/dist/collection/components/kup-magic-box/kup-magic-box.js +3 -3
  94. package/dist/collection/components/kup-nav-bar/kup-nav-bar.css +128 -0
  95. package/dist/collection/components/kup-nav-bar/kup-nav-bar.js +1 -1
  96. package/dist/collection/components/kup-numeric-picker/kup-numeric-picker.css +128 -0
  97. package/dist/collection/components/kup-numeric-picker/kup-numeric-picker.js +1 -1
  98. package/dist/collection/components/kup-pdf/kup-pdf-declarations.js +8 -0
  99. package/dist/collection/components/kup-pdf/kup-pdf.css +169 -0
  100. package/dist/collection/components/kup-pdf/kup-pdf.js +262 -0
  101. package/dist/collection/components/kup-photo-frame/kup-photo-frame.css +128 -0
  102. package/dist/collection/components/kup-photo-frame/kup-photo-frame.js +2 -2
  103. package/dist/collection/components/kup-planner/kup-planner.css +128 -0
  104. package/dist/collection/components/kup-planner/kup-planner.js +7 -1
  105. package/dist/collection/components/kup-planner/utils/custom-task-list-header.js +2 -2
  106. package/dist/collection/components/kup-planner/utils/custom-task-list-header.module.css +128 -0
  107. package/dist/collection/components/kup-planner/utils/custom-task-list-table.js +1 -1
  108. package/dist/collection/components/kup-planner/utils/gantt-table.module.css +128 -0
  109. package/dist/collection/components/kup-planner/utils/kup-gantt/kup-gantt.css +128 -0
  110. package/dist/collection/components/kup-planner/utils/kup-gantt/kup-gantt.js +29 -2
  111. package/dist/collection/components/kup-planner/utils/kup-gantt-calendar/kup-gantt-calendar.css +128 -0
  112. package/dist/collection/components/kup-planner/utils/kup-gantt-calendar/kup-gantt-calendar.js +1 -1
  113. package/dist/collection/components/kup-planner/utils/kup-grid-renderer/kup-grid-renderer.css +128 -0
  114. package/dist/collection/components/kup-planner/utils/kup-grid-renderer/kup-grid-renderer.js +2 -2
  115. package/dist/collection/components/kup-planner/utils/kup-horizontal-scroll/kup-horizontal-scroll.css +128 -0
  116. package/dist/collection/components/kup-planner/utils/kup-horizontal-scroll/kup-horizontal-scroll.js +2 -2
  117. package/dist/collection/components/kup-planner/utils/kup-planner-renderer-helper.js +2 -22
  118. package/dist/collection/components/kup-planner/utils/kup-planner-renderer.js +37 -4
  119. package/dist/collection/components/kup-planner/utils/kup-switcher/kup-switcher.css +128 -0
  120. package/dist/collection/components/kup-planner/utils/kup-switcher/kup-switcher.js +1 -1
  121. package/dist/collection/components/kup-planner/utils/kup-task-gantt/kup-task-gantt.js +2 -2
  122. package/dist/collection/components/kup-planner/utils/kup-task-list/kup-task-list-header.js +7 -7
  123. package/dist/collection/components/kup-planner/utils/kup-task-list/kup-task-list-table.js +1 -1
  124. package/dist/collection/components/kup-planner/utils/kup-task-list/kup-task-list.css +128 -0
  125. package/dist/collection/components/kup-planner/utils/kup-task-list/kup-task-list.js +1 -1
  126. package/dist/collection/components/kup-planner/utils/kup-tooltip/kup-standard-tooltip.js +1 -1
  127. package/dist/collection/components/kup-planner/utils/kup-tooltip/kup-tooltip.css +128 -0
  128. package/dist/collection/components/kup-planner/utils/kup-tooltip/kup-tooltip.js +1 -1
  129. package/dist/collection/components/kup-planner/utils/kup-vertical-scroll/kup-vertical-scroll.css +128 -0
  130. package/dist/collection/components/kup-planner/utils/kup-vertical-scroll/kup-vertical-scroll.js +2 -2
  131. package/dist/collection/components/kup-probe/kup-probe.js +1 -1
  132. package/dist/collection/components/kup-progress-bar/kup-progress-bar.css +128 -0
  133. package/dist/collection/components/kup-progress-bar/kup-progress-bar.js +1 -1
  134. package/dist/collection/components/kup-qlik/kup-qlik.css +128 -0
  135. package/dist/collection/components/kup-qlik/kup-qlik.js +1 -1
  136. package/dist/collection/components/kup-radio/kup-radio.css +128 -0
  137. package/dist/collection/components/kup-rating/kup-rating.css +128 -0
  138. package/dist/collection/components/kup-rating/kup-rating.js +1 -1
  139. package/dist/collection/components/kup-snackbar/kup-snackbar.css +128 -0
  140. package/dist/collection/components/kup-snackbar/kup-snackbar.js +1 -1
  141. package/dist/collection/components/kup-spinner/kup-spinner.css +128 -0
  142. package/dist/collection/components/kup-spinner/kup-spinner.js +34 -34
  143. package/dist/collection/components/kup-switch/kup-switch.css +128 -0
  144. package/dist/collection/components/kup-switch/kup-switch.js +1 -1
  145. package/dist/collection/components/kup-tab-bar/kup-tab-bar.css +128 -0
  146. package/dist/collection/components/kup-text-field/kup-text-field.css +128 -0
  147. package/dist/collection/components/kup-time-picker/kup-time-picker.css +128 -0
  148. package/dist/collection/components/kup-time-picker/kup-time-picker.js +1 -1
  149. package/dist/collection/components/kup-tree/kup-tree.css +128 -0
  150. package/dist/collection/f-components/f-cell/f-cell-declarations.js +1 -0
  151. package/dist/collection/f-components/f-cell/f-cell.js +25 -2
  152. package/dist/collection/f-components/f-paginator/f-paginator.js +3 -0
  153. package/dist/collection/managers/kup-dates/kup-dates.js +18 -8
  154. package/dist/collection/managers/kup-interact/kup-interact.js +7 -0
  155. package/dist/collection/managers/kup-theme/kup-theme-declarations.js +7 -0
  156. package/dist/collection/types/GenericTypes.js +1 -0
  157. package/dist/collection/utils/cell-utils.js +2 -2
  158. package/dist/components/custom-task-list-header.js +3 -3
  159. package/dist/components/custom-task-list-table.js +2 -2
  160. package/dist/components/kup-accordion.js +1 -1
  161. package/dist/components/kup-autocomplete2.js +105 -78
  162. package/dist/components/kup-box2.js +51 -11
  163. package/dist/components/kup-calendar.js +2 -2
  164. package/dist/components/kup-card-list.js +1 -1
  165. package/dist/components/kup-cell.js +2 -2
  166. package/dist/components/kup-dashboard.js +2 -2
  167. package/dist/components/kup-dates.js +45 -9
  168. package/dist/components/kup-drawer.js +1 -1
  169. package/dist/components/kup-echart2.js +2 -2
  170. package/dist/components/kup-family-tree.js +1 -1
  171. package/dist/components/kup-gantt-calendar2.js +2 -2
  172. package/dist/components/kup-gantt2.js +11 -4
  173. package/dist/components/kup-grid-renderer2.js +3 -3
  174. package/dist/components/kup-grid2.js +2 -2
  175. package/dist/components/kup-horizontal-scroll2.js +3 -3
  176. package/dist/components/kup-iframe.js +2 -2
  177. package/dist/components/kup-image-list.js +132 -42
  178. package/dist/components/kup-input-panel.d.ts +11 -0
  179. package/dist/components/kup-input-panel.js +449 -0
  180. package/dist/components/kup-lazy.js +12 -12
  181. package/dist/components/kup-magic-box.js +5 -5
  182. package/dist/components/kup-manager.js +638 -32
  183. package/dist/components/kup-nav-bar.js +2 -2
  184. package/dist/components/kup-numeric-picker.js +3 -3
  185. package/dist/components/kup-pdf.d.ts +11 -0
  186. package/dist/components/kup-pdf.js +76756 -0
  187. package/dist/components/kup-photo-frame.js +3 -3
  188. package/dist/components/kup-planner-renderer-helper.js +2 -22
  189. package/dist/components/kup-planner-renderer2.js +12 -4
  190. package/dist/components/kup-planner.js +8 -2
  191. package/dist/components/kup-probe.js +1 -1
  192. package/dist/components/kup-qlik.js +2 -2
  193. package/dist/components/kup-snackbar.js +2 -2
  194. package/dist/components/kup-standard-tooltip2.js +2 -2
  195. package/dist/components/kup-switcher2.js +2 -2
  196. package/dist/components/kup-task-gantt2.js +2 -2
  197. package/dist/components/kup-task-list-header2.js +8 -8
  198. package/dist/components/kup-task-list-table2.js +2 -2
  199. package/dist/components/kup-task-list2.js +2 -2
  200. package/dist/components/kup-tooltip2.js +2 -2
  201. package/dist/components/kup-vertical-scroll2.js +3 -3
  202. package/dist/esm/{f-button-90a7ea86.js → f-button-1eebd42e.js} +2 -2
  203. package/dist/esm/{f-cell-fdd338c5.js → f-cell-af19d5c7.js} +31 -9
  204. package/dist/esm/{f-checkbox-fdf27ce9.js → f-checkbox-ddb6234e.js} +1 -1
  205. package/dist/esm/{f-chip-4e6341a6.js → f-chip-9e5fdb25.js} +3 -3
  206. package/dist/esm/{f-image-5210f0b3.js → f-image-1e1ed567.js} +2 -2
  207. package/dist/esm/{f-paginator-utils-3f179999.js → f-paginator-utils-dede029b.js} +7 -4
  208. package/dist/esm/{f-text-field-8429a853.js → f-text-field-802b45fb.js} +2 -2
  209. package/dist/esm/{index-bbef9f2a.js → index-460631fd.js} +21 -26
  210. package/dist/esm/index.js +3 -3
  211. package/dist/esm/ketchup.js +4 -4
  212. package/dist/esm/kup-accordion.entry.js +5 -5
  213. package/dist/esm/kup-autocomplete_27.entry.js +86 -85
  214. package/dist/esm/kup-box.entry.js +60 -20
  215. package/dist/esm/kup-calendar.entry.js +7 -7
  216. package/dist/esm/kup-card-list.entry.js +4 -4
  217. package/dist/esm/kup-cell.entry.js +10 -10
  218. package/dist/esm/kup-custom-task-list-header_4.entry.js +13 -13
  219. package/dist/esm/kup-dashboard.entry.js +8 -8
  220. package/dist/esm/{kup-dates-172954df.js → kup-dates-26a56bf7.js} +45 -9
  221. package/dist/esm/kup-drawer.entry.js +4 -4
  222. package/dist/esm/kup-echart.entry.js +4 -4
  223. package/dist/esm/kup-editor.entry.js +3 -3
  224. package/dist/esm/kup-family-tree.entry.js +6 -6
  225. package/dist/esm/kup-gantt_10.entry.js +37 -31
  226. package/dist/esm/kup-grid.entry.js +4 -4
  227. package/dist/esm/kup-iframe.entry.js +4 -4
  228. package/dist/esm/kup-image-list.entry.js +138 -50
  229. package/dist/esm/kup-input-panel.entry.js +294 -0
  230. package/dist/esm/kup-lazy.entry.js +15 -15
  231. package/dist/esm/kup-magic-box.entry.js +8 -8
  232. package/dist/esm/{kup-manager-8b39f876.js → kup-manager-dd24fb5a.js} +639 -33
  233. package/dist/esm/kup-nav-bar.entry.js +5 -5
  234. package/dist/esm/kup-numeric-picker.entry.js +6 -6
  235. package/dist/esm/kup-pdf.entry.js +76596 -0
  236. package/dist/esm/kup-photo-frame.entry.js +6 -6
  237. package/dist/esm/{kup-planner-renderer-helper-5d97e075.js → kup-planner-renderer-helper-b4727e44.js} +3 -23
  238. package/dist/esm/kup-planner-renderer.entry.js +13 -6
  239. package/dist/esm/kup-planner.entry.js +12 -6
  240. package/dist/esm/kup-probe.entry.js +4 -4
  241. package/dist/esm/kup-qlik.entry.js +5 -5
  242. package/dist/esm/kup-snackbar.entry.js +7 -7
  243. package/dist/esm/loader.js +3 -3
  244. package/dist/ketchup/index.esm.js +1 -1
  245. package/dist/ketchup/ketchup.esm.js +1 -1
  246. package/dist/ketchup/p-14943de9.entry.js +1 -0
  247. package/dist/ketchup/p-158076de.entry.js +1 -0
  248. package/dist/ketchup/p-180cd7ab.entry.js +1 -0
  249. package/dist/ketchup/p-19a13672.entry.js +1 -0
  250. package/dist/ketchup/p-201f8d7b.entry.js +1 -0
  251. package/dist/ketchup/p-26d42b88.entry.js +1 -0
  252. package/dist/ketchup/{p-35d503e2.js → p-2d4a9235.js} +1 -1
  253. package/dist/ketchup/p-2e04042b.entry.js +1 -0
  254. package/dist/ketchup/{p-4c20fefd.entry.js → p-34d70475.entry.js} +1 -1
  255. package/dist/ketchup/p-3b544027.entry.js +1 -0
  256. package/dist/ketchup/{p-82694fad.entry.js → p-43ce397b.entry.js} +1 -1
  257. package/dist/ketchup/p-47040db6.js +2 -0
  258. package/dist/ketchup/p-489af77f.entry.js +1 -0
  259. package/dist/ketchup/{p-4eb70dd2.entry.js → p-4f69f6f9.entry.js} +4 -4
  260. package/dist/ketchup/{p-5e16c9d3.js → p-61e8d573.js} +1 -1
  261. package/dist/ketchup/p-636be6f1.entry.js +16 -0
  262. package/dist/ketchup/p-63c141d9.entry.js +1 -0
  263. package/dist/ketchup/p-6972fa0c.entry.js +1 -0
  264. package/dist/ketchup/{p-86f9b0d9.js → p-6c888179.js} +1 -1
  265. package/dist/ketchup/p-79f4dc5b.entry.js +1 -0
  266. package/dist/ketchup/p-818e61d5.entry.js +1 -0
  267. package/dist/ketchup/p-8229b97a.js +28 -0
  268. package/dist/ketchup/p-8f3d400a.entry.js +44 -0
  269. package/dist/ketchup/{p-f9766625.js → p-8fcdf454.js} +1 -1
  270. package/dist/ketchup/p-a2e14d8b.entry.js +1 -0
  271. package/dist/ketchup/p-a2e691b8.entry.js +9 -0
  272. package/dist/ketchup/p-a46f99d4.js +1 -0
  273. package/dist/ketchup/p-b238cde7.entry.js +1 -0
  274. package/dist/ketchup/p-b3b50bb5.entry.js +1 -0
  275. package/dist/ketchup/{p-c089b961.js → p-c0f660d6.js} +1 -1
  276. package/dist/ketchup/{p-ee30e274.entry.js → p-cd7fec02.entry.js} +1 -1
  277. package/dist/ketchup/p-dcf7e9b6.entry.js +1 -0
  278. package/dist/ketchup/p-e0e47ca9.entry.js +1 -0
  279. package/dist/ketchup/{p-dc18691c.js → p-e2bf2bb6.js} +1 -1
  280. package/dist/ketchup/{p-2778f948.js → p-e4c63684.js} +1 -1
  281. package/dist/ketchup/p-e7507dd6.entry.js +1 -0
  282. package/dist/ketchup/p-eb8ea3a6.js +1 -0
  283. package/dist/ketchup/p-f998ff28.entry.js +1 -0
  284. package/dist/ketchup/p-f9a7c21c.entry.js +1 -0
  285. package/dist/types/components/kup-box/kup-box.d.ts +1 -0
  286. package/dist/types/components/kup-data-table/kup-data-table-declarations.d.ts +1 -0
  287. package/dist/types/components/kup-data-table/kup-data-table.d.ts +4 -0
  288. package/dist/types/components/kup-image-list/kup-image-list-declarations.d.ts +19 -4
  289. package/dist/types/components/kup-image-list/kup-image-list.d.ts +13 -11
  290. package/dist/types/components/kup-input-panel/kup-input-panel-declarations.d.ts +79 -0
  291. package/dist/types/components/kup-input-panel/kup-input-panel.d.ts +67 -0
  292. package/dist/types/components/kup-pdf/kup-pdf-declarations.d.ts +7 -0
  293. package/dist/types/components/kup-pdf/kup-pdf.d.ts +42 -0
  294. package/dist/types/components/kup-planner/kup-planner.d.ts +1 -0
  295. package/dist/types/components/kup-planner/utils/kup-gantt/kup-gantt.d.ts +4 -0
  296. package/dist/types/components/kup-planner/utils/kup-planner-renderer.d.ts +6 -0
  297. package/dist/types/components.d.ts +202 -8
  298. package/dist/types/f-components/f-image/f-image-declarations.d.ts +3 -4
  299. package/dist/types/managers/kup-dates/kup-dates.d.ts +2 -2
  300. package/dist/types/managers/kup-interact/kup-interact.d.ts +5 -0
  301. package/dist/types/types/GenericTypes.d.ts +1 -0
  302. package/package.json +2 -1
  303. package/dist/ketchup/p-02820c2b.entry.js +0 -1
  304. package/dist/ketchup/p-09d853c3.entry.js +0 -1
  305. package/dist/ketchup/p-14e1a36b.entry.js +0 -1
  306. package/dist/ketchup/p-1936c6cd.entry.js +0 -1
  307. package/dist/ketchup/p-1ad7fea0.js +0 -2
  308. package/dist/ketchup/p-318c9ecd.entry.js +0 -1
  309. package/dist/ketchup/p-35dce86e.entry.js +0 -1
  310. package/dist/ketchup/p-3c9ac0fd.entry.js +0 -1
  311. package/dist/ketchup/p-5739cdc2.entry.js +0 -1
  312. package/dist/ketchup/p-5ab3a88a.entry.js +0 -1
  313. package/dist/ketchup/p-6780a391.js +0 -1
  314. package/dist/ketchup/p-67930d7c.entry.js +0 -1
  315. package/dist/ketchup/p-6953f769.entry.js +0 -1
  316. package/dist/ketchup/p-7d2fd8bd.entry.js +0 -1
  317. package/dist/ketchup/p-8257141a.entry.js +0 -1
  318. package/dist/ketchup/p-8ea68d14.entry.js +0 -1
  319. package/dist/ketchup/p-98c72335.entry.js +0 -1
  320. package/dist/ketchup/p-ab8cac45.entry.js +0 -1
  321. package/dist/ketchup/p-b5d3c24d.entry.js +0 -1
  322. package/dist/ketchup/p-cdb24584.entry.js +0 -1
  323. package/dist/ketchup/p-d466d6d1.entry.js +0 -1
  324. package/dist/ketchup/p-de07d17e.js +0 -1
  325. package/dist/ketchup/p-df450df9.entry.js +0 -16
  326. package/dist/ketchup/p-f31530fc.js +0 -28
  327. package/dist/ketchup/p-f353805e.entry.js +0 -1
  328. package/dist/ketchup/p-f515308d.entry.js +0 -9
@@ -1 +0,0 @@
1
- import{r as t,c as i,f as s,h as e,H as h,d as o}from"./p-1ad7fea0.js";import{k as r,b as l,r as n}from"./p-f31530fc.js";import{c}from"./p-635bb4b3.js";import{F as u}from"./p-86f9b0d9.js";import{F as a}from"./p-b3577066.js";import"./p-de07d17e.js";import"./p-d4a879fc.js";var p;!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."}(p||(p={}));const k=class{constructor(s){t(this,s),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=r(),this.textfieldEl=null,this.pickerContainerEl=null,this.pickerEl={value:(new Date).toISOString(),date:new Date},this.clickCb=null,this.stateSwitcher=!1,this.value="",this.customStyle="",this.data=null,this.decimals=!1,this.disabled=!1,this.initialValue="",this.maxDecimals=null,this.maxIntegers=null,this.maxLength=null,this.negative=!1}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,!0)}onkupTextFieldSubmit(t){"Enter"===t.key&&this.refreshPickerValue(t.target.value,this.kupTextFieldSubmit)}onKupIconClick(){this.isPickerOpened()?this.closePicker():this.openPicker(),this.kupIconClick.emit({comp:this,id:this.rootElement.id,value:this.value})}listenKeyup(t){this.isPickerOpened()&&("Escape"===t.key&&this.closePicker(),"Enter"===t.key&&this.setPickerValueSelected())}async getValue(){return this.value}async getProps(t){let i={};if(t)i=p;else for(const t in p)Object.prototype.hasOwnProperty.call(p,t)&&(i[t]=this[t]);return i}async refresh(){s(this)}async setFocus(){null!=this.textfieldEl&&this.textfieldEl.focus()}async setValue(t){this.value=t}refreshPickerValue(t,i,s){let e=this.kupManager.math.numberify(t,!0);if(e){let t=e.toString();const h=t.indexOf(".");let o=h>-1?t.substring(0,h):t,r=h>-1?t.substring(h+1):"";for(this.maxIntegers&&o.length>this.maxIntegers&&(o=o.substring(o.length-this.maxIntegers)),this.maxDecimals&&r.length>this.maxDecimals&&(r=r.substring(0,this.maxDecimals));this.maxLength&&o.length+r.length>this.maxLength;)r.length>1?r=r.substring(0,r.length-1):o.length>1&&(o=o.substring(1));t=h>-1?`${o}.${r}`:o,1!=s&&this.setValue(t),null!=i&&i.emit({id:this.rootElement.id,value:t})}}setPickerValueSelected(t){1!=this.disabled&&(null==t&&(t=this.getPickerValueSelected()),this.closePicker(),null!=t&&this.setValue(t))}getPickerValueSelected(){return this.pickerEl.value}getValueForPickerComponent(){return this.value}openPicker(){const t=this.textfieldEl;this.pickerContainerEl.menuVisible=!0;const i=this.pickerContainerEl.style;i.height="auto",i.minWidth=this.textfieldEl.parentElement.clientWidth+"px",null!=t&&t.classList.add("toggled"),this.kupManager.dynamicPosition.isRegistered(this.pickerContainerEl)?this.kupManager.dynamicPosition.changeAnchor(this.pickerContainerEl,this.textfieldEl.parentElement):this.kupManager.dynamicPosition.register(this.pickerContainerEl,this.textfieldEl.parentElement,0,l.AUTO,!0),this.kupManager.dynamicPosition.start(this.pickerContainerEl),this.clickCb||(this.clickCb={cb:()=>{this.closePicker()},el:this.pickerContainerEl}),this.kupManager.addClickCallback(this.clickCb,!0)}closePicker(){if(this.kupManager.removeClickCallback(this.clickCb),!this.isPickerOpened())return;let t=this.textfieldEl;null!=t&&t.classList.remove("toggled"),this.pickerContainerEl.menuVisible=!1,this.kupManager.dynamicPosition.stop(this.pickerContainerEl)}isPickerOpened(){return 1==this.pickerContainerEl.menuVisible}getTextFieldId(){return this.textfieldEl.id}prepTextfield(){this.decimals||this.maxIntegers||(this.maxIntegers=17),!this.decimals||this.maxIntegers||this.maxDecimals||(this.maxIntegers=15,this.maxDecimals=2);const t=this.rootElement.classList.contains("kup-full-height"),i=this.rootElement.classList.contains("kup-full-width"),s=Object.assign({},this.data["kup-text-field"]);return s.icon||(s.icon="calculator"),s.icon&&(s.trailingIcon=!0),e(u,Object.assign({},s,{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(){return e("kup-card",{ref:t=>this.pickerContainerEl=t,data:{options:{decimals:this.decimals,initialValue:this.value,maxDecimals:this.maxDecimals,maxIntegers:this.maxIntegers,maxLength:this.maxLength,negative:this.negative,resetStatus:!0}},layoutFamily:n.BUILT_IN,layoutNumber:5,sizeX:"300px",sizeY:"auto",isMenu:!0,"onkup-card-click":t=>{null!=t.detail.value&&this.onKupPickerItemClick(t.detail.value)}})}componentWillLoad(){this.kupManager.dates.register(this),this.kupManager.debug.logLoad(this,!1),this.kupManager.theme.register(this),this.value=this.initialValue,this.data||(this.data={"kup-text-field":{}})}componentDidLoad(){this.kupManager.debug.logLoad(this,!0)}componentWillRender(){this.kupManager.debug.logRender(this,!1)}componentDidRender(){const t=this.rootElement.shadowRoot;if(t){const i=t.querySelector(".f-text-field");i&&(this.textfieldEl=i.querySelector("input"),a(i))}this.kupManager.debug.logRender(this,!0)}render(){return e(h,{key:"00b965e54783036031219a8eb57fcb3a764c6f30"},e("style",{key:"004fdaa3d5cf77a7364ba2114eaff76f3985e3ac"},this.kupManager.theme.setKupStyle(this.rootElement)),e("div",{key:"2d7cb3bec99e2874ca26246a091ca2c21bdf2f1e",id:c},this.prepTextfield()))}disconnectedCallback(){this.kupManager.dates.unregister(this),this.kupManager.theme.unregister(this),this.pickerContainerEl&&this.pickerContainerEl.remove()}get rootElement(){return o(this)}};k.style=":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);--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);--kup-textfield-primary-color-rgb:var(--kup-warning-color-rgb)}";export{k as kup_numeric_picker}
@@ -1 +0,0 @@
1
- import{r as t,c as e,f as i,h as o,H as s,d as r}from"./p-1ad7fea0.js";import{k as a,g as h,s as n}from"./p-f31530fc.js";import{c as f}from"./p-635bb4b3.js";import"./p-de07d17e.js";var c;!function(t){t.customStyle="Custom style of the component.",t.placeholderAttrs="Html attributes of the picture before the component enters the viewport.",t.resourceAttrs="Html attributes of the picture after the component enters the viewport."}(c||(c={}));var d,p,l,m,u,b,w=function(t,e,i,o){if("a"===i&&!o)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof e?t!==e||!o:!e.has(t))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===i?o:"a"===i?o.call(t):o?o.value:e.get(t)},k=function(t,e,i,o,s){if("m"===o)throw new TypeError("Private method is not writable");if("a"===o&&!s)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof e?t!==e||!s:!e.has(t))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===o?s.call(t,i):s?s.value=i:e.set(t,i),i};const v=class{constructor(i){t(this,i),this.kupPhotoFramePlaceholderLoad=e(this,"kup-photoframe-placeholderload",6),this.kupPhotoFrameResourceLoad=e(this,"kup-photoframe-resourceload",6),d.set(this,null),p.set(this,a()),l.set(this,null),m.set(this,null),u.set(this,!1),b.set(this,null),this.isInViewport=!1,this.customStyle="",this.placeholderAttrs={},this.resourceAttrs={},this.threshold=.25}async getProps(t){return h(this,c,t)}async refresh(){i(this)}async setProps(t){n(this,c,t)}setObserver(){k(this,d,new IntersectionObserver((t=>{t.forEach((t=>{t.isIntersecting&&(this.isInViewport=!0,w(this,d,"f").unobserve(this.rootElement))}))}),{threshold:this.threshold}),"f")}componentWillLoad(){w(this,p,"f").debug.logLoad(this,!1),w(this,p,"f").theme.register(this),this.setObserver()}componentDidLoad(){w(this,p,"f").debug.logLoad(this,!0)}componentWillRender(){w(this,p,"f").debug.logRender(this,!1)}componentDidRender(){w(this,p,"f").debug.logRender(this,!0)}render(){return this.isInViewport&&!w(this,u,"f")&&k(this,u,!0,"f"),o(s,{key:"6c00ea47c4d5d38086cebc033c69938c21fbd2aa"},o("style",{key:"0efdcd6f886f5dd5dd2f773e5bd1420b5c01d1f7"},w(this,p,"f").theme.setKupStyle(this.rootElement)),o("div",{key:"a760ffb8b7cd901b3fb695f5bfcfcd5b09e7888f",id:f,ref:t=>{k(this,b,t,"f")}},o("img",Object.assign({key:"2c2d9a4843488612240a96c16eeb6cbf30929c21"},this.placeholderAttrs,{class:"placeholder",ref:t=>k(this,l,t,"f"),onLoad:()=>{w(this,l,"f").naturalWidth>w(this,l,"f").naturalHeight?w(this,b,"f").classList.add("horizontal"):w(this,b,"f").classList.add("vertical"),w(this,d,"f").observe(this.rootElement),w(this,l,"f").classList.add("placeholder--loaded"),this.kupPhotoFramePlaceholderLoad.emit({comp:this,id:this.rootElement.id})}})),w(this,u,"f")?o("img",Object.assign({},this.resourceAttrs,{class:"resource",ref:t=>k(this,m,t,"f"),onLoad:()=>{w(this,l,"f").classList.add("placeholder--fade-out"),w(this,m,"f").classList.add("resource--fade-in"),this.kupPhotoFrameResourceLoad.emit({comp:this,id:this.rootElement.id})}})):null))}disconnectedCallback(){var t;w(this,p,"f").theme.unregister(this),null===(t=w(this,d,"f"))||void 0===t||t.unobserve(this.rootElement)}get rootElement(){return r(this)}};d=new WeakMap,p=new WeakMap,l=new WeakMap,m=new WeakMap,u=new WeakMap,b=new WeakMap,v.style=":host{--kup_photoframe_border:var(\n --kup-photoframe-border,\n 1px inset var(--kup-border-color)\n );--kup_photoframe_fade_out_time:var(--kup-photoframe-fade-out-time, 2000ms);border:var(--kup_photoframe_border);display:block;height:100%;position:relative;width:100%}#kup-component{position:relative;height:100%;width:100%}img{max-height:100%;max-width:100%}.horizontal img{width:100%}.vertical img{height:100%}.placeholder{display:none;transition:opacity var(--kup_photoframe_fade_out_time) ease-out;will-change:opacity;z-index:1}.placeholder--loaded{display:block}.placeholder--fade-out{opacity:0;position:absolute}.resource{display:none;left:0;position:absolute;top:0;z-index:0}.resource--fade-in{display:block;position:relative}:host(.kup-fit) img{height:100%;object-fit:cover;width:100%}";export{v as kup_photo_frame}
@@ -1 +0,0 @@
1
- import{r as t,f as s,h as i,H as e,d as h}from"./p-1ad7fea0.js";import{k as o,e as c,g as n,s as a,Q as r,l as d}from"./p-f31530fc.js";import{c as l}from"./p-635bb4b3.js";import{F as p}from"./p-6780a391.js";import"./p-de07d17e.js";import"./p-dc18691c.js";import"./p-86f9b0d9.js";import"./p-c089b961.js";import"./p-5e16c9d3.js";import"./p-35d503e2.js";import"./p-c634eb82.js";var m;!function(t){t.customStyle="Custom style of the component.",t.data="The data of the cell.",t.density="The density of the cell, defaults at 'dense' and can be also set to 'wide' or 'medium'.",t.dragEnabled="When set to true, the component is draggable."}(m||(m={}));const f=class{constructor(s){t(this,s),this.kupManager=o(),this.customStyle="",this.data=null,this.density=c.NONE,this.dragEnabled=!1}async addCssClasses(t){if(this.data.cssClass||(this.data.cssClass=""),t)for(let s=0;s<t.length;s++){const i=t[s];this.data.cssClass.indexOf(i)<0&&(this.data.cssClass+=` ${i}`)}this.refresh()}async getProps(t){return n(this,m,t)}async refresh(){s(this)}async removeCssClasses(t){if(this.data.cssClass){if(t)for(let s=0;s<t.length;s++){const i=t[s];this.data.cssClass.indexOf(i)>0&&(this.data.cssClass=this.data.cssClass.replace(new RegExp(i,"g"),""))}this.refresh()}}async setProps(t){a(this,m,t)}didRenderInteractables(){if(this.dragEnabled){const t=()=>({cell:this.data,column:this.generateColumn(),id:this.rootElement.id,multiple:!1,row:this.generateRow()});this.kupManager.interact.draggable(this.rootElement.shadowRoot.querySelector("#"+l),{cursorChecker:()=>null},{callback:t},r.BADGE)}}generateColumn(){return{name:this.data&&this.data.obj&&this.data.obj.t?this.data.obj.t+";"+this.data.obj.p:"KUPCELL",title:this.data&&this.data.obj&&this.data.obj.t?this.data.obj.t+";"+this.data.obj.p:this.kupManager.language.translate(d.EMPTY_OBJECT)}}generateRow(){const t=this.generateColumn(),s={cells:{}};return s.cells[t.name]=this.data,s}componentWillLoad(){this.kupManager.dates.register(this),this.kupManager.debug.logLoad(this,!1),this.kupManager.language.register(this),this.kupManager.theme.register(this)}componentDidLoad(){this.kupManager.debug.logLoad(this,!0)}componentWillRender(){this.kupManager.debug.logRender(this,!1)}componentDidRender(){this.didRenderInteractables(),this.kupManager.debug.logRender(this,!0)}render(){const t={cell:this.data,column:this.generateColumn(),component:this,density:this.density,editable:this.data.isEditable,renderKup:!0,row:this.generateRow()};return i(e,{key:"6eae5c64c3c22889f6d67c79150bb109e2a27c83"},i("style",{key:"a807aece995466845f8699d51e5d78ddba19cb5d"},this.kupManager.theme.setKupStyle(this.rootElement)),i("div",{key:"759dc36e0a82552f49238ada3906634c7ff032ea",id:l},i(p,Object.assign({key:"1f45b43d0dd416c935f1c2963806c3f90bf1f61d"},t))))}disconnectedCallback(){this.kupManager.dates.unregister(this),this.kupManager.language.unregister(this),this.kupManager.theme.unregister(this)}get rootElement(){return h(this)}};f.style=":host{display:block;height:100%;width:100%}#kup-component{height:100%;width:100%}";export{f as kup_cell}
@@ -1 +0,0 @@
1
- import{r as t,c as i,f as s,h,H as e,d as n,g as o}from"./p-1ad7fea0.js";import{k as a,ac as r,g as l,s as c,a as d,D as f}from"./p-f31530fc.js";import{K as u,d as v,a as p,b as m,c as w}from"./p-924b841b.js";import{c as b}from"./p-635bb4b3.js";import{K as k}from"./p-de07d17e.js";import{F as y}from"./p-86f9b0d9.js";import{F as D}from"./p-b3577066.js";import"./p-d4a879fc.js";const S=a();function g(t,i,s,h){const e=j(t,i);let n=[];return s&&h&&(n=C(s,h)?j(s,h):[...e]),{dateValues:e,secDateValues:n}}function j(t,i){let s=[t.value,i.value];return O(t)&&O(i)?s:O(t)?[t.value,t.value]:O(i)?[i.value,i.value]:s}function O(t){return S.objects.isDate(t.obj)&&S.dates.isValid(t.value,k.ISO_DATE)}function C(t,i){return O(t)||O(i)}function T(t,i,s,h,e,n){let o=()=>e.map((i=>r(h.find((t=>t.name==i)),t.cells[i])));return n&&(o=n),(null==e?void 0:e.length)>=2?o():[t.cells[i].value,t.cells[s].value]}class M{constructor(){this.showSecondaryDates=!1,this.detailFilter="",this.detailInitialScrollX=0,this.detailInitialScrollY=0,this.taskFilter="",this.taskInitialScrollX=0,this.taskInitialScrollY=0,this.viewMode="day"}toDebugString(){return"dt state"}}var x,E,W,I,R,Y,K,P,V,G,X,A,F,L,H,N,_,z,q,B,J,Q,U,Z,$=function(t,i,s,h){if("a"===s&&!h)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof i?t!==i||!h:!i.has(t))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===s?h:"a"===s?h.call(t):h?h.value:i.get(t)},tt=function(t,i,s,h,e){if("m"===h)throw new TypeError("Private method is not writable");if("a"===h&&!e)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof i?t!==i||!e:!i.has(t))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===h?e.call(t,s):e?e.value=s:i.set(t,s),s};const it=class{constructor(s){t(this,s),this.kupClick=i(this,"kup-planner-click",6),this.kupDblClick=i(this,"kup-planner-dblclick",6),this.kupDateChange=i(this,"kup-planner-datechange",6),this.kupReady=i(this,"kup-planner-ready",6),this.kupContextMenu=i(this,"kup-planner-contextmenu",6),this.kupDidUnload=i(this,"kup-planner-didunload",6),x.add(this),this.state=new M,E.set(this,a()),W.set(this,void 0),I.set(this,[]),R.set(this,{}),Y.set(this,void 0),this.stateId="",this.store=void 0,this.customStyle="",this.data=void 0,this.detailData=void 0,this.detailColorCol=void 0,this.detailColumns=void 0,this.detailDates=void 0,this.detailFilter=void 0,this.detailHeight=void 0,this.detailIconCol=void 0,this.detailIdCol=void 0,this.detailNameCol=void 0,this.detailPrevDates=void 0,this.detailInitialScrollX=void 0,this.detailInitialScrollY=void 0,this.listCellWidth="300px",this.maxWidth="90vw",this.phaseColorCol=void 0,this.phaseColumns=void 0,this.phaseColParDep=void 0,this.phaseDates=void 0,this.phaseIconCol=void 0,this.phaseIdCol=void 0,this.phaseNameCol=void 0,this.phasePrevDates=void 0,this.readOnly=!1,this.showSecondaryDates=!1,this.taskColumns=void 0,this.taskDates=void 0,this.taskFilter=void 0,this.taskHeight=void 0,this.taskIconCol=void 0,this.taskIdCol=void 0,this.taskInitialScrollX=void 0,this.taskInitialScrollY=void 0,this.taskNameCol=void 0,this.taskPrevDates=void 0,this.titleMess=void 0,this.viewMode="month",this.mainFilter=void 0,this.secondaryFilter=void 0,this.plannerProps=void 0}initWithPersistedState(){if(this.store&&this.stateId){const t=this.store.getState(this.stateId);null!=t&&($(this,E,"f").debug.logMessage(this,"Initializing stateId "+this.stateId),this.detailFilter=t.detailFilter,this.showSecondaryDates=t.showSecondaryDates,this.detailInitialScrollX=t.detailInitialScrollX,this.detailInitialScrollY=t.detailInitialScrollY,this.taskFilter=t.taskFilter,this.taskInitialScrollX=t.taskInitialScrollX,this.taskInitialScrollY=t.taskInitialScrollY,this.viewMode=t.viewMode)}}persistState(){if(this.store&&this.stateId){let t=!1;$(this,E,"f").objects.deepEqual(this.state.detailFilter,$(this,Y,"f").detailFilter)||(this.state.detailFilter=$(this,Y,"f").detailFilter,t=!0),$(this,E,"f").objects.deepEqual(this.state.showSecondaryDates,$(this,Y,"f").showSecondaryDates)||(this.state.showSecondaryDates=$(this,Y,"f").showSecondaryDates,t=!0),$(this,E,"f").objects.deepEqual(this.state.detailInitialScrollX,$(this,Y,"f").detailInitialScrollX)||(this.state.detailInitialScrollX=$(this,Y,"f").detailInitialScrollX,t=!0),$(this,E,"f").objects.deepEqual(this.state.detailInitialScrollY,$(this,Y,"f").detailInitialScrollY)||(this.state.detailInitialScrollY=$(this,Y,"f").detailInitialScrollY,t=!0),$(this,E,"f").objects.deepEqual(this.state.taskFilter,$(this,Y,"f").taskFilter)||(this.state.taskFilter=$(this,Y,"f").taskFilter,t=!0),$(this,E,"f").objects.deepEqual(this.state.taskInitialScrollX,$(this,Y,"f").taskInitialScrollX)||(this.state.taskInitialScrollX=$(this,Y,"f").taskInitialScrollX,t=!0),$(this,E,"f").objects.deepEqual(this.state.taskInitialScrollY,$(this,Y,"f").taskInitialScrollY)||(this.state.taskInitialScrollY=$(this,Y,"f").taskInitialScrollY,t=!0),$(this,E,"f").objects.deepEqual(this.state.viewMode,$(this,Y,"f").viewMode)||(this.state.viewMode=$(this,Y,"f").viewMode,t=!0),t&&($(this,E,"f").debug.logMessage(this,"Persisting stateId "+this.stateId),this.store.persistState(this.stateId,this.state))}}dataChanged(){tt(this,R,{},"f")}async getProps(t){return l(this,w,t)}async refresh(){s(this)}async setProps(t){c(this,w,t)}async addPhases(t,i){var s;const h=$(this,x,"m",V).call(this,t);h&&($(this,R,"f")[t]=i,h.phases=null===(s=i.rows)||void 0===s?void 0:s.filter((t=>C(t.cells[this.phaseDates[0]],t.cells[this.phaseDates[1]]))).map((t=>{const s=g(t.cells[this.phaseDates[0]],t.cells[this.phaseDates[1]],t.cells[this.phasePrevDates[0]],t.cells[this.phasePrevDates[1]]),e=T(t,this.phaseIdCol,this.phaseNameCol,i.columns,this.phaseColumns,(()=>this.phaseColumns.map((s=>s==this.phaseDates[0]?"#START#":s==this.phaseDates[1]?"#END#":r(i.columns.find((t=>t.name==s)),t.cells[s])))));let n=$(this,x,"m",U).call(this,t,this.phaseIconCol),o=$(this,x,"m",Z).call(this,t,this.phaseIconCol);return{taskRow:h.taskRow,phaseRow:t,id:h.id+"_"+t.cells[this.phaseIdCol].value,phaseRowId:t.id,taskRowId:h.taskRowId,name:t.cells[this.phaseNameCol].value,startDate:s.dateValues[0],endDate:s.dateValues[1],secondaryStartDate:s.secDateValues[0],secondaryEndDate:s.secDateValues[1],type:"task",color:t.cells[this.phaseColorCol].value,selectedColor:t.cells[this.phaseColorCol].value,valuesToShow:e,rowType:u.PHASE,icon:n?{url:n,color:null!=o?o:"#595959"}:void 0}}))),this.plannerProps.mainGantt.initialScrollX=$(this,Y,"f").taskInitialScrollX,this.plannerProps.mainGantt.initialScrollY=$(this,Y,"f").taskInitialScrollY,this.plannerProps.secondaryGantt&&(this.plannerProps.secondaryGantt.initialScrollX=$(this,Y,"f").detailInitialScrollX,this.plannerProps.secondaryGantt.initialScrollX=$(this,Y,"f").detailInitialScrollY),this.plannerProps=Object.assign({},this.plannerProps)}componentWillLoad(){$(this,E,"f").debug.logLoad(this,!1),$(this,E,"f").theme.register(this),this.initWithPersistedState(),tt(this,Y,{detailFilter:this.detailFilter,detailInitialScrollX:this.detailInitialScrollX,detailInitialScrollY:this.detailInitialScrollY,showSecondaryDates:this.showSecondaryDates,taskFilter:this.taskFilter,taskInitialScrollX:this.taskInitialScrollX,taskInitialScrollY:this.taskInitialScrollY,viewMode:this.viewMode},"f")}componentDidLoad(){let t=$(this,x,"m",P).call(this,$(this,x,"m",Q).call(this,$(this,Y,"f").detailFilter,!0));const i=this.rootElement.shadowRoot.querySelector("#main-filter");D(i);const s=this.rootElement.shadowRoot.querySelector("#secondary-filter");let h,e,n;t&&D(s),this.plannerProps={mainGantt:{title:this.titleMess,items:$(this,x,"m",K).call(this,$(this,x,"m",Q).call(this,$(this,Y,"f").taskFilter,!1)),stylingOptions:Object.assign(Object.assign({},v),{listCellWidth:this.listCellWidth}),filter:i,hideLabel:!0,ganttHeight:this.taskHeight,showSecondaryDates:$(this,Y,"f").showSecondaryDates,onClick:t=>this.handleOnClick(t),onDblClick:t=>this.handleOnDblClick(t),onContextMenu:(t,i)=>this.handleOnContextMenu(t,i),onDateChange:t=>this.handleOnDateChange(t),initialScrollX:this.taskInitialScrollX,initialScrollY:this.taskInitialScrollY,readOnly:this.readOnly,onScrollY:t=>{window.clearTimeout(e),e=window.setTimeout((()=>this.handleTaskGanttScrollY(t)),500)}},secondaryGantt:t?{title:"",items:t,stylingOptions:Object.assign(Object.assign({},v),{listCellWidth:this.listCellWidth}),filter:s,hideLabel:!0,ganttHeight:this.detailHeight,onClick:t=>this.handleOnClick(t),onContextMenu:(t,i)=>this.handleOnContextMenu(t,i),onDateChange:t=>this.handleOnDateChange(t),initialScrollX:this.detailInitialScrollX,initialScrollY:this.detailInitialScrollY,readOnly:this.readOnly,onScrollY:t=>{window.clearTimeout(n),n=window.setTimeout((()=>this.handleDetailGanttScrollY(t)),500)}}:void 0,onSetDoubleView:t=>this.handleOnSetDoubleView(t),onSetViewMode:t=>this.handleOnSetViewMode(t),viewMode:this.viewMode,onScrollX:t=>{window.clearTimeout(h),h=window.setTimeout((()=>this.handleOnScrollX(t)),500)}},this.kupReady.emit({comp:this,id:this.rootElement.id,value:void 0}),this.taskFilter&&$(this,x,"m",J).call(this,this.taskFilter),this.detailFilter&&$(this,x,"m",J).call(this,this.detailFilter,!0),$(this,E,"f").debug.logLoad(this,!0)}componentDidRender(){this.persistState(),$(this,E,"f").debug.logRender(this,!0)}onKupDblClick(t,i){this.kupDblClick.emit({comp:this,id:this.rootElement.id,value:t,taskAction:i})}onKupClick(t,i){this.kupClick.emit({comp:this,id:this.rootElement.id,value:t,taskAction:i})}onKupContextMenu(t,i,s){let h,e,n;switch(i.type){case"project":h=i.taskRow,e=h.cells[this.taskIdCol],n=this.data.columns[this.taskIdCol];break;case"task":h=i.phaseRow,e=h.cells[this.phaseIdCol];break;case"timeline":h=i.detailRow,e=h.cells[this.detailIdCol],n=this.data.columns[this.detailIdCol]}this.kupContextMenu.emit({comp:this,id:this.rootElement.id,value:i,taskAction:s,details:{cell:e,column:n,originalEvent:t,row:h}})}onKupDateChange(t,i){this.kupDateChange.emit({comp:this,id:this.rootElement.id,value:t,taskAction:i})}handleOnDblClick(t){switch(t.rowType){case u.TASK:$(this,x,"m",X).call(this)&&this.onKupDblClick(t,p.onDblClick);break;case u.PHASE:$(this,x,"m",A).call(this)&&this.onKupDblClick(t,p.onDblClick);break;case u.DETAIL:$(this,x,"m",F).call(this)&&this.onKupDblClick(t,p.onDblClick)}for(let t=0;t<$(this,I,"f").length;t++)clearTimeout($(this,I,"f")[t]),$(this,E,"f").debug.logMessage(this,"Cleared click timeout("+$(this,I,"f")[t]+").");tt(this,I,[],"f")}handleOnClick(t){$(this,I,"f").push(setTimeout((()=>{switch(t.rowType){case u.TASK:const i=t.phases?p.onTaskClosing:p.onTaskOpening;$(this,x,"m",L).call(this,t)&&this.onKupClick(t,i);break;case u.PHASE:$(this,x,"m",H).call(this)&&this.onKupClick(t,p.onClick);break;case u.DETAIL:$(this,x,"m",N).call(this)&&this.onKupClick(t,p.onClick)}}),300))}handleOnContextMenu(t,i){switch(i.rowType){case u.TASK:$(this,x,"m",_).call(this)&&this.onKupContextMenu(t,i,p.onRightClick);break;case u.PHASE:$(this,x,"m",z).call(this)&&this.onKupContextMenu(t,i,p.onRightClick);break;case u.DETAIL:$(this,x,"m",q).call(this)&&this.onKupContextMenu(t,i,p.onRightClick)}}handleOnSetDoubleView(t){var i;$(this,Y,"f").showSecondaryDates=t,(null===(i=this.plannerProps)||void 0===i?void 0:i.mainGantt)&&(this.plannerProps.mainGantt.showSecondaryDates=t),this.persistState()}handleOnSetViewMode(t){$(this,Y,"f").viewMode=t,this.plannerProps.viewMode=t,this.persistState()}handleOnScrollX(t){$(this,Y,"f").taskInitialScrollX=t,$(this,Y,"f").detailInitialScrollX=t,this.persistState()}handleTaskGanttScrollY(t){$(this,Y,"f").taskInitialScrollY=t,this.persistState()}handleDetailGanttScrollY(t){$(this,Y,"f").detailInitialScrollY=t,this.persistState()}handleOnDateChange(t){$(this,x,"m",B).call(this,t)&&t.rowType!=u.DETAIL&&this.onKupDateChange(t,p.onResize)}render(){var t,i,s;const n=this.plannerProps?Object.assign(Object.assign({},this.plannerProps),{onSetDoubleView:this.handleOnSetDoubleView.bind(this),onSetViewMode:this.handleOnSetViewMode.bind(this),onScrollX:this.handleOnScrollX.bind(this),mainGantt:Object.assign(Object.assign({},null===(t=this.plannerProps)||void 0===t?void 0:t.mainGantt),{onScrollY:this.handleTaskGanttScrollY.bind(this)})}):null;return(null===(i=this.plannerProps)||void 0===i?void 0:i.secondaryGantt)&&(n.secondaryGantt=Object.assign(Object.assign({},this.plannerProps.secondaryGantt),{onScrollY:this.handleDetailGanttScrollY.bind(this)})),h(e,{key:"addf4b06c3ce81da8e4a5a8868762e4bc9ce413b"},h("style",{key:"2e95eb171c1462831ce5e0af5f01d80748fcc7e5"},$(this,E,"f").theme.setKupStyle(this.rootElement)),h("div",{key:"fb4d18b8abdaa14fb4be7b9b8fae8f27c196b212",id:b,style:{maxWidth:this.maxWidth}},this.plannerProps&&h("kup-planner-renderer",{props:n})),h("div",{key:"022ee4535660fe54af7c123a6461054eb66853b1",style:{display:this.plannerProps?"none":""}},h(y,{key:"3d1bcc55d5dd7e1714c3a2ed62f3c323dfe8b0b9",icon:d.SEARCH,id:"main-filter",label:$(this,E,"f").language.translate(f.SEARCH),onKeyDown:t=>{"Enter"===t.key&&$(this,x,"m",J).call(this,t.target.value)},value:this.taskFilter,wrapperClass:"filter"}),(null===(s=this.detailData)||void 0===s?void 0:s.rows)&&this.detailData.rows.length>0?h(y,{icon:d.SEARCH,id:"secondary-filter",label:$(this,E,"f").language.translate(f.SEARCH),onKeyDown:t=>{"Enter"===t.key&&$(this,x,"m",J).call(this,t.target.value,!0)},value:this.detailFilter,wrapperClass:"filter"}):null))}disconnectedCallback(){$(this,E,"f").theme.unregister(this),this.kupDidUnload.emit({comp:this,id:this.rootElement.id,storedSettings:$(this,Y,"f")})}get rootElement(){return n(this)}static get watchers(){return{data:["dataChanged"]}}};E=new WeakMap,W=new WeakMap,I=new WeakMap,R=new WeakMap,Y=new WeakMap,x=new WeakSet,K=function(t){var i;return t&&t.rows?null===(i=t.rows)||void 0===i?void 0:i.filter((t=>C(t.cells[this.taskDates[0]],t.cells[this.taskDates[1]]))).map((i=>{const s=g(i.cells[this.taskDates[0]],i.cells[this.taskDates[1]],i.cells[this.taskPrevDates[0]],i.cells[this.taskPrevDates[1]]),h=T(i,this.taskIdCol,this.taskNameCol,t.columns,this.taskColumns,(()=>this.taskColumns.map((s=>s==this.taskDates[0]?"#START#":s==this.taskDates[1]?"#END#":r(t.columns.find((t=>t.name==s)),i.cells[s])))));let e=$(this,x,"m",U).call(this,i,this.taskIconCol),n=$(this,x,"m",Z).call(this,i,this.taskIconCol);return{taskRow:i,taskRowId:i.id,id:i.cells[this.taskIdCol].value,name:i.cells[this.taskNameCol].value,startDate:s.dateValues[0],endDate:s.dateValues[1],secondaryStartDate:s.secDateValues[0],secondaryEndDate:s.secDateValues[1],type:"project",valuesToShow:h,rowType:u.TASK,icon:e?{url:e,color:null!=n?n:"#595959"}:void 0}})):[]},P=function(t){if(!t||!t.rows)return;let i=[];return t.rows.filter((t=>C(t.cells[this.detailDates[0]],t.cells[this.detailDates[1]]))).forEach((s=>{var h,e;const n=s.cells[this.detailIdCol].value,o=s.cells[this.detailNameCol].value,a=g(s.cells[this.detailDates[0]],s.cells[this.detailDates[1]]),r=T(s,this.detailIdCol,this.detailNameCol,t.columns,this.detailColumns);let l=i.find((t=>t.id==n));l||(l={id:n,name:o,detailRow:s,type:"timeline",valuesToShow:r,rowType:u.DETAIL,schedule:[]},i.push(l));let c=$(this,x,"m",U).call(this,s,this.detailIconCol),d=$(this,x,"m",Z).call(this,s,this.detailIconCol);l.schedule.push({startDate:a.dateValues[0],endDate:a.dateValues[1],color:this.detailColorCol&&null!==(h=s.cells[this.detailColorCol].value)&&void 0!==h?h:"#D9D9D8",selectedColor:this.detailColorCol&&null!==(e=s.cells[this.detailColorCol].value)&&void 0!==e?e:"#D9D9D8",icon:c?{url:c,color:null!=d?d:"#595959"}:void 0})})),i},V=function(t){return this.plannerProps.mainGantt.items.find((i=>i.id==t))},G=function(t){const i=$(this,x,"m",V).call(this,t);i&&(i.phases=void 0),this.plannerProps=Object.assign({},this.plannerProps)},X=function(){return!0},A=function(){return!0},F=function(){return!0},L=function(t){const i=$(this,x,"m",V).call(this,t.id);return(null==i?void 0:i.phases)&&$(this,x,"m",G).call(this,i.id),!0},H=function(){return!0},N=function(){return!0},_=function(){return!0},z=function(){return!0},q=function(){return!0},B=function(t){let i=!1;return $(this,W,"f")?$(this,W,"f").isEquivalent(t)||(tt(this,W,new m(t),"f"),i=!0):(i=!0,tt(this,W,new m(t),"f")),i},J=function(t,i){i?$(this,Y,"f").detailFilter=t:$(this,Y,"f").taskFilter=t;const s=i?{secondaryGantt:Object.assign(Object.assign({},this.plannerProps.secondaryGantt),{items:$(this,x,"m",P).call(this,$(this,x,"m",Q).call(this,t,i))})}:{mainGantt:Object.assign(Object.assign({},this.plannerProps.mainGantt),{items:$(this,x,"m",K).call(this,$(this,x,"m",Q).call(this,t,i))})};this.plannerProps=Object.assign(Object.assign({},this.plannerProps),s),this.persistState()},Q=function(t,i){const s=i?this.detailData:this.data;if(!s||!s.rows||0==s.rows.length)return;if(!t)return s;const h={columns:this.data.columns,rows:[]},e=[];for(let i=0;i<s.rows.length;i++){const h=s.rows[i],n=h.cells;for(let i=0;i<s.columns.length;i++){const o=n[s.columns[i].name];if(o&&r(s.columns[i],o).toLowerCase().indexOf(t.toLowerCase())>-1){e.push({row:h,weight:i});break}}}return e.sort(((t,i)=>t.weight-i.weight)).forEach((t=>{h.rows.push(t.row)})),h},U=function(t,i){var s;let h;if(i){const e=t.cells[i];let n=null===(s=null==e?void 0:e.data)||void 0===s?void 0:s.resource;n||(n=e.value),n&&(h=o("./assets/svg/"+n+".svg"))}return h},Z=function(t,i){var s;let h;if(i){const e=t.cells[i];h=null===(s=null==e?void 0:e.data)||void 0===s?void 0:s.color,h&&(h=$(this,E,"f").theme.colorCheck(h).hexColor)}return h},it.style=":host{display:block}.filter{margin:12px 10px 12px 0;padding:0 10px}.planner-render{padding-top:40px}";export{it as kup_planner}
@@ -1,2 +0,0 @@
1
- let e,n,t=!1,l=!1,o=!1;const s=e=>{const n=new URL(e,ve.t);return n.origin!==fe.location.origin?n.href:n.pathname},i=e=>ve.t=e,c="slot-fb{display:contents}slot-fb[hidden]{display:none}",r="http://www.w3.org/1999/xlink",u={},a=e=>"object"==(e=typeof e)||"function"===e;function f(e){var n,t,l;return null!==(l=null===(t=null===(n=e.head)||void 0===n?void 0:n.querySelector('meta[name="csp-nonce"]'))||void 0===t?void 0:t.getAttribute("content"))&&void 0!==l?l:void 0}const d=(e,n,...t)=>{let l=null,o=null,s=!1,i=!1;const c=[],r=n=>{for(let t=0;t<n.length;t++)l=n[t],Array.isArray(l)?r(l):null!=l&&"boolean"!=typeof l&&((s="function"!=typeof e&&!a(l))&&(l+=""),s&&i?c[c.length-1].l+=l:c.push(s?v(null,l):l),i=s)};if(r(t),n){n.key&&(o=n.key);{const e=n.className||n.class;e&&(n.class="object"!=typeof e?e:Object.keys(e).filter((n=>e[n])).join(" "))}}if("function"==typeof e)return e(null===n?{}:n,c,y);const u=v(e,null);return u.o=n,c.length>0&&(u.i=c),u.u=o,u},v=(e,n)=>({v:0,p:e,l:n,h:null,i:null,o:null,u:null}),p={},y={forEach:(e,n)=>e.map(h).forEach(n),map:(e,n)=>e.map(h).map(n).map(m)},h=e=>({vattrs:e.o,vchildren:e.i,vkey:e.u,vname:e.m,vtag:e.p,vtext:e.l}),m=e=>{if("function"==typeof e.vtag){const n=Object.assign({},e.vattrs);return e.vkey&&(n.key=e.vkey),e.vname&&(n.name=e.vname),d(e.vtag,n,...e.vchildren||[])}const n=v(e.vtag,e.vtext);return n.o=e.vattrs,n.i=e.vchildren,n.u=e.vkey,n.m=e.vname,n},b=e=>le(e).$hostElement$,$=(e,n,t)=>{const l=b(e);return{emit:e=>w(l,n,{bubbles:!!(4&t),composed:!!(2&t),cancelable:!!(1&t),detail:e})}},w=(e,n,t)=>{const l=ve.ce(n,t);return e.dispatchEvent(l),l},g=new WeakMap,j=e=>"sc-"+e.$,k=(e,n,t,l,o,s)=>{if(t!==l){let i=ie(e,n),c=n.toLowerCase();if("class"===n){const n=e.classList,o=O(t),s=O(l);n.remove(...o.filter((e=>e&&!s.includes(e)))),n.add(...s.filter((e=>e&&!o.includes(e))))}else if("style"===n){for(const n in t)l&&null!=l[n]||(n.includes("-")?e.style.removeProperty(n):e.style[n]="");for(const n in l)t&&l[n]===t[n]||(n.includes("-")?e.style.setProperty(n,l[n]):e.style[n]=l[n])}else if("key"===n);else if("ref"===n)l&&l(e);else if(i||"o"!==n[0]||"n"!==n[1]){const u=a(l);if((i||u&&null!==l)&&!o)try{if(e.tagName.includes("-"))e[n]=l;else{const o=null==l?"":l;"list"===n?i=!1:null!=t&&e[n]==o||(e[n]=o)}}catch(e){}let f=!1;c!==(c=c.replace(/^xlink\:?/,""))&&(n=c,f=!0),null==l||!1===l?!1===l&&""!==e.getAttribute(n)||(f?e.removeAttributeNS(r,n):e.removeAttribute(n)):(!i||4&s||o)&&!u&&(l=!0===l?"":l,f?e.setAttributeNS(r,n,l):e.setAttribute(n,l))}else if(n="-"===n[2]?n.slice(3):ie(fe,c)?c.slice(2):c[2]+n.slice(3),t||l){const o=n.endsWith(x);n=n.replace(C,""),t&&ve.rel(e,n,t,o),l&&ve.ael(e,n,l,o)}}},S=/\s/,O=e=>e?e.split(S):[],x="Capture",C=RegExp(x+"$"),M=(e,n,t,l)=>{const o=11===n.h.nodeType&&n.h.host?n.h.host:n.h,s=e&&e.o||u,i=n.o||u;for(l in s)l in i||k(o,l,s[l],void 0,t,n.v);for(l in i)k(o,l,s[l],i[l],t,n.v)},P=(t,o,s)=>{const i=o.i[s];let c,r,u=0;if(null!==i.l)c=i.h=de.createTextNode(i.l);else{if(l||(l="svg"===i.p),c=i.h=de.createElementNS(l?"http://www.w3.org/2000/svg":"http://www.w3.org/1999/xhtml",i.p),l&&"foreignObject"===i.p&&(l=!1),M(null,i,l),null!=e&&c["s-si"]!==e&&c.classList.add(c["s-si"]=e),i.i)for(u=0;u<i.i.length;++u)r=P(t,i,u),r&&c.appendChild(r);"svg"===i.p?l=!1:"foreignObject"===c.tagName&&(l=!0)}return c["s-hn"]=n,c},R=(e,t,l,o,s,i)=>{let c,r=e;for(r.shadowRoot&&r.tagName===n&&(r=r.shadowRoot);s<=i;++s)o[s]&&(c=P(null,l,s),c&&(o[s].h=c,r.insertBefore(c,t)))},E=(e,n,t)=>{for(let l=n;l<=t;++l){const n=e[l];if(n){const e=n.h;W(n),e&&e.remove()}}},L=(e,n,t=!1)=>e.p===n.p&&(!!t||e.u===n.u),U=(e,n,o=!1)=>{const s=n.h=e.h,i=e.i,c=n.i,r=n.p,u=n.l;null===u?(l="svg"===r||"foreignObject"!==r&&l,("slot"!==r||t)&&M(e,n,l),null!==i&&null!==c?((e,n,t,l,o=!1)=>{let s,i,c=0,r=0,u=0,a=0,f=n.length-1,d=n[0],v=n[f],p=l.length-1,y=l[0],h=l[p];for(;c<=f&&r<=p;)if(null==d)d=n[++c];else if(null==v)v=n[--f];else if(null==y)y=l[++r];else if(null==h)h=l[--p];else if(L(d,y,o))U(d,y,o),d=n[++c],y=l[++r];else if(L(v,h,o))U(v,h,o),v=n[--f],h=l[--p];else if(L(d,h,o))U(d,h,o),e.insertBefore(d.h,v.h.nextSibling),d=n[++c],h=l[--p];else if(L(v,y,o))U(v,y,o),e.insertBefore(v.h,d.h),v=n[--f],y=l[++r];else{for(u=-1,a=c;a<=f;++a)if(n[a]&&null!==n[a].u&&n[a].u===y.u){u=a;break}u>=0?(i=n[u],i.p!==y.p?s=P(n&&n[r],t,u):(U(i,y,o),n[u]=void 0,s=i.h),y=l[++r]):(s=P(n&&n[r],t,r),y=l[++r]),s&&d.h.parentNode.insertBefore(s,d.h)}c>f?R(e,null==l[p+1]?null:l[p+1].h,t,l,r,p):r>p&&E(n,c,f)})(s,i,n,c,o):null!==c?(null!==e.l&&(s.textContent=""),R(s,null,n,c,0,c.length-1)):null!==i&&E(i,0,i.length-1),l&&"svg"===r&&(l=!1)):e.l!==u&&(s.data=u)},W=e=>{e.o&&e.o.ref&&e.o.ref(null),e.i&&e.i.map(W)},A=(e,n)=>{n&&!e.j&&n["s-p"]&&n["s-p"].push(new Promise((n=>e.j=n)))},D=(e,n)=>{if(e.v|=16,!(4&e.v))return A(e,e.k),je((()=>F(e,n)));e.v|=512},F=(e,n)=>{const t=e.S;let l;return n?(e.v|=256,e.O&&(e.O.map((([e,n])=>B(t,e,n))),e.O=void 0),l=B(t,"componentWillLoad")):l=B(t,"componentWillUpdate"),l=N(l,(()=>B(t,"componentWillRender"))),N(l,(()=>H(e,t,n)))},N=(e,n)=>T(e)?e.then(n):n(),T=e=>e instanceof Promise||e&&e.then&&"function"==typeof e.then,H=async(e,n,t)=>{var l;const o=e.$hostElement$,s=o["s-rc"];t&&(e=>{const n=e.C,t=e.$hostElement$,l=n.v,o=((e,n)=>{var t;const l=j(n),o=ae.get(l);if(e=11===e.nodeType?e:de,o)if("string"==typeof o){let s,i=g.get(e=e.head||e);if(i||g.set(e,i=new Set),!i.has(l)){{s=de.createElement("style"),s.innerHTML=o;const n=null!==(t=ve.M)&&void 0!==t?t:f(de);null!=n&&s.setAttribute("nonce",n),e.insertBefore(s,e.querySelector("link"))}4&n.v&&(s.innerHTML+=c),i&&i.add(l)}}else e.adoptedStyleSheets.includes(o)||(e.adoptedStyleSheets=[...e.adoptedStyleSheets,o]);return l})(t.shadowRoot?t.shadowRoot:t.getRootNode(),n);10&l&&(t["s-sc"]=o,t.classList.add(o+"-h"))})(e);q(e,n,o,t),s&&(s.map((e=>e())),o["s-rc"]=void 0);{const n=null!==(l=o["s-p"])&&void 0!==l?l:[],t=()=>V(e);0===n.length?t():(Promise.all(n).then(t),e.v|=4,n.length=0)}},q=(l,o,s,i)=>{try{o=o.render(),l.v&=-17,l.v|=2,((l,o,s=!1)=>{const i=l.$hostElement$,c=l.C,r=l.P||v(null,null),u=(e=>e&&e.p===p)(o)?o:d(null,null,o);if(n=i.tagName,c.R&&(u.o=u.o||{},c.R.map((([e,n])=>u.o[n]=i[e]))),s&&u.o)for(const e of Object.keys(u.o))i.hasAttribute(e)&&!["key","ref","style","class"].includes(e)&&(u.o[e]=i[e]);u.p=null,u.v|=4,l.P=u,u.h=r.h=i.shadowRoot||i,e=i["s-sc"],t=0!=(1&c.v),U(r,u,s)})(l,o,i)}catch(e){ce(e,l.$hostElement$)}return null},V=e=>{const n=e.$hostElement$,t=e.S,l=e.k;B(t,"componentDidRender"),64&e.v?B(t,"componentDidUpdate"):(e.v|=64,G(n),B(t,"componentDidLoad"),e.L(n),l||z()),e.U(n),e.j&&(e.j(),e.j=void 0),512&e.v&&ge((()=>D(e,!1))),e.v&=-517},_=e=>{{const n=le(e),t=n.$hostElement$.isConnected;return t&&2==(18&n.v)&&D(n,!1),t}},z=()=>{G(de.documentElement),ge((()=>w(fe,"appload",{detail:{namespace:"ketchup"}})))},B=(e,n,t)=>{if(e&&e[n])try{return e[n](t)}catch(e){ce(e)}},G=e=>e.classList.add("hydrated"),I=(e,n,t)=>{var l;const o=e.prototype;if(n.W){e.watchers&&(n.A=e.watchers);const s=Object.entries(n.W);if(s.map((([e,[l]])=>{31&l||2&t&&32&l?Object.defineProperty(o,e,{get(){return((e,n)=>le(this).D.get(n))(0,e)},set(t){((e,n,t,l)=>{const o=le(e),s=o.$hostElement$,i=o.D.get(n),c=o.v,r=o.S;if(t=((e,n)=>null==e||a(e)?e:4&n?"false"!==e&&(""===e||!!e):2&n?parseFloat(e):1&n?e+"":e)(t,l.W[n][0]),(!(8&c)||void 0===i)&&t!==i&&(!Number.isNaN(i)||!Number.isNaN(t))&&(o.D.set(n,t),r)){if(l.A&&128&c){const e=l.A[n];e&&e.map((e=>{try{r[e](t,i,n)}catch(e){ce(e,s)}}))}2==(18&c)&&D(o,!1)}})(this,e,t,n)},configurable:!0,enumerable:!0}):1&t&&64&l&&Object.defineProperty(o,e,{value(...n){var t;const l=le(this);return null===(t=null==l?void 0:l.F)||void 0===t?void 0:t.then((()=>{var t;return null===(t=l.S)||void 0===t?void 0:t[e](...n)}))}})})),1&t){const t=new Map;o.attributeChangedCallback=function(e,l,s){ve.jmp((()=>{var i;const c=t.get(e);if(this.hasOwnProperty(c))s=this[c],delete this[c];else{if(o.hasOwnProperty(c)&&"number"==typeof this[c]&&this[c]==s)return;if(null==c){const t=le(this),o=null==t?void 0:t.v;if(o&&!(8&o)&&128&o&&s!==l){const o=t.S,c=null===(i=n.A)||void 0===i?void 0:i[e];null==c||c.forEach((n=>{null!=o[n]&&o[n].call(o,s,l,e)}))}return}}this[c]=(null!==s||"boolean"!=typeof this[c])&&s}))},e.observedAttributes=Array.from(new Set([...Object.keys(null!==(l=n.A)&&void 0!==l?l:{}),...s.filter((([e,n])=>15&n[0])).map((([e,l])=>{var o;const s=l[1]||e;return t.set(s,e),512&l[0]&&(null===(o=n.R)||void 0===o||o.push([e,s])),s}))]))}}return e},J=e=>{B(e,"disconnectedCallback")},K=(e,n={})=>{var t;const l=[],o=n.exclude||[],s=fe.customElements,i=de.head,r=i.querySelector("meta[charset]"),u=de.createElement("style"),a=[];let d,v=!0;Object.assign(ve,n),ve.t=new URL(n.resourcesUrl||"./",de.baseURI).href;let p=!1;if(e.map((e=>{e[1].map((n=>{var t;const i={v:n[0],$:n[1],W:n[2],N:n[3]};4&i.v&&(p=!0),i.W=n[2],i.N=n[3],i.R=[],i.A=null!==(t=n[4])&&void 0!==t?t:{};const c=i.$,r=class extends HTMLElement{constructor(e){super(e),se(e=this,i),1&i.v&&e.attachShadow({mode:"open"})}connectedCallback(){d&&(clearTimeout(d),d=null),v?a.push(this):ve.jmp((()=>(e=>{if(0==(1&ve.v)){const n=le(e),t=n.C,l=()=>{};if(1&n.v)X(e,n,t.N),(null==n?void 0:n.S)||(null==n?void 0:n.T)&&n.T.then((()=>{}));else{n.v|=1;{let t=e;for(;t=t.parentNode||t.host;)if(t["s-p"]){A(n,n.k=t);break}}t.W&&Object.entries(t.W).map((([n,[t]])=>{if(31&t&&e.hasOwnProperty(n)){const t=e[n];delete e[n],e[n]=t}})),(async(e,n,t)=>{let l;if(0==(32&n.v)){n.v|=32;{if(l=ue(t),l.then){const e=()=>{};l=await l,e()}l.isProxied||(t.A=l.watchers,I(l,t,2),l.isProxied=!0);const e=()=>{};n.v|=8;try{new l(n)}catch(e){ce(e)}n.v&=-9,n.v|=128,e()}if(l.style){let e=l.style;const n=j(t);if(!ae.has(n)){const l=()=>{};((e,n,t)=>{let l=ae.get(e);ye&&t?(l=l||new CSSStyleSheet,"string"==typeof l?l=n:l.replaceSync(n)):l=n,ae.set(e,l)})(n,e,!!(1&t.v)),l()}}}const o=n.k,s=()=>D(n,!0);o&&o["s-rc"]?o["s-rc"].push(s):s()})(0,n,t)}l()}})(this)))}disconnectedCallback(){ve.jmp((()=>(async()=>{if(0==(1&ve.v)){const e=le(this);e.H&&(e.H.map((e=>e())),e.H=void 0),(null==e?void 0:e.S)?J(e.S):(null==e?void 0:e.T)&&e.T.then((()=>J(e.S)))}})()))}componentOnReady(){return le(this).T}};i.q=e[0],o.includes(c)||s.get(c)||(l.push(c),s.define(c,I(r,i,1)))}))})),l.length>0&&(p&&(u.innerHTML+=c),u.innerHTML+=l+"{visibility:hidden}.hydrated{visibility:inherit}",u.innerHTML.length)){u.setAttribute("data-styles","");const e=null!==(t=ve.M)&&void 0!==t?t:f(de);null!=e&&u.setAttribute("nonce",e),i.insertBefore(u,r?r.nextSibling:i.firstChild)}v=!1,a.length?a.map((e=>e.connectedCallback())):ve.jmp((()=>d=setTimeout(z,30)))},Q=(e,n)=>n,X=(e,n,t)=>{t&&t.map((([t,l,o])=>{const s=Z(e,t),i=Y(n,o),c=ee(t);ve.ael(s,l,i,c),(n.H=n.H||[]).push((()=>ve.rel(s,l,i,c)))}))},Y=(e,n)=>t=>{try{256&e.v?e.S[n](t):(e.O=e.O||[]).push([n,t])}catch(e){ce(e)}},Z=(e,n)=>4&n?de:e,ee=e=>({passive:0!=(1&e),capture:0!=(2&e)}),ne=e=>ve.M=e,te=new WeakMap,le=e=>te.get(e),oe=(e,n)=>te.set(n.S=e,n),se=(e,n)=>{const t={v:0,$hostElement$:e,C:n,D:new Map};return t.F=new Promise((e=>t.U=e)),t.T=new Promise((e=>t.L=e)),e["s-p"]=[],e["s-rc"]=[],X(e,t,n.N),te.set(e,t)},ie=(e,n)=>n in e,ce=(e,n)=>(0,console.error)(e,n),re=new Map,ue=e=>{const n=e.$.replace(/-/g,"_"),t=e.q,l=re.get(t);return l?l[n]:import(`./${t}.entry.js`).then((e=>(re.set(t,e),e[n])),ce)
2
- /*!__STENCIL_STATIC_IMPORT_SWITCH__*/},ae=new Map,fe="undefined"!=typeof window?window:{},de=fe.document||{head:{}},ve={v:0,t:"",jmp:e=>e(),raf:e=>requestAnimationFrame(e),ael:(e,n,t,l)=>e.addEventListener(n,t,l),rel:(e,n,t,l)=>e.removeEventListener(n,t,l),ce:(e,n)=>new CustomEvent(e,n)},pe=e=>Promise.resolve(e),ye=(()=>{try{return new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replaceSync}catch(e){}return!1})(),he=[],me=[],be=(e,n)=>t=>{e.push(t),o||(o=!0,n&&4&ve.v?ge(we):ve.raf(we))},$e=e=>{for(let n=0;n<e.length;n++)try{e[n](performance.now())}catch(e){ce(e)}e.length=0},we=()=>{$e(he),$e(me),(o=he.length>0)&&ve.raf(we)},ge=e=>pe().then(e),je=be(me,!0);export{Q as F,p as H,i as a,K as b,$ as c,b as d,_ as f,s as g,d as h,pe as p,oe as r,ne as s}
@@ -1 +0,0 @@
1
- import{r as t,c as s,f as e,h as i,H as a,d as c}from"./p-1ad7fea0.js";import{k as r,g as o,s as h,r as l,ac as n}from"./p-f31530fc.js";import{c as d}from"./p-635bb4b3.js";import"./p-de07d17e.js";var u;!function(t){t.columnsNumber="Sets the number of columns.",t.customStyle="Custom style of the component.",t.data="Actual data of the component.",t.decvalueCol="Sets the decimal value column.",t.descrCol="Sets the description column.",t.fullWidth="Sets whether the component occupies all available width.",t.horizontal="Sets whether the cards are placed horizontally or not.",t.iconCol="Sets the icon column.",t.iconcolorCol="Sets the icon color column.",t.intvalueCol="Sets the integer value column.",t.isClickable="Sets whether a single card is clickable or not.",t.layoutCol="Sets the layout column.",t.measureCol="Sets the unit of measure column.",t.textcolorCol="Sets the text color column.",t.valueCol="Sets the value column.",t.valuecolorCol="Sets the value color column."}(u||(u={}));var m,p=function(t,s,e,i){if("a"===e&&!i)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof s?t!==s||!i:!s.has(t))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===e?i:"a"===e?i.call(t):i?i.value:s.get(t)};const k=class{constructor(e){t(this,e),this.kupCardListClickEvent=s(this,"kup-cardlist-click",7),m.set(this,r()),this.columnsNumber=1,this.customStyle="",this.data=null,this.fullWidth=!0,this.horizontal=!1,this.descrCol="",this.iconCol="",this.valueCol="",this.measureCol="",this.intvalueCol="",this.decvalueCol="",this.textcolorCol="",this.valuecolorCol="",this.iconcolorCol="",this.layoutCol="",this.isClickable=!1}async getProps(t){return o(this,u,t)}async refresh(){e(this)}async setProps(t){h(this,u,t)}componentWillLoad(){p(this,m,"f").debug.logLoad(this,!1),p(this,m,"f").theme.register(this)}componentDidLoad(){p(this,m,"f").debug.logLoad(this,!0)}componentDidRender(){p(this,m,"f").debug.logRender(this,!0)}render(){if(!this.data||!this.data.columns||!this.data.columns.length)return;const t=[];let s,e,c,r,o,h,u,k,_,f;for(let t=0;t<this.data.columns.length;t++){const i=this.data.columns[t];if(i.name)switch(i.name){case this.decvalueCol:s=i;break;case this.descrCol:e=i;break;case this.iconCol:c=i;break;case this.iconcolorCol:r=i;break;case this.intvalueCol:o=i;break;case this.layoutCol:h=i;break;case this.measureCol:u=i;break;case this.textcolorCol:k=i;break;case this.valueCol:_=i;break;case this.valuecolorCol:f=i}}for(let a=0;a<this.data.rows.length;a++){const d=this.data.rows[a],b={color:[],image:[],text:[]},g=h&&d.cells[h.name].value?parseInt(d.cells[h.name].value):1,w=i("kup-card",{class:this.isClickable?"is-clickable":"",customStyle:"#kup-component, .scalable-card { min-height: var(--kup_cardlist_cardsminheight) }",data:b,layoutFamily:l.SCALABLE,layoutNumber:g,key:a,"onKup-card-click":()=>{this.isClickable&&this.kupCardListClickEvent.emit({comp:this,id:this.rootElement.id,index:a,row:d})},slot:a.toString()}),x=(t,s,e)=>{if(t){const i=d.cells[t.name];if(i){const a=i.value;switch(s){case"color":b[s][e]=p(this,m,"f").theme.colorCheck(a).hexColor;break;case"image":b[s][e]={resource:a};break;default:b[s][e]=n(t,i)}}}};switch(g){case 1:x(k,"color",0),x(f,"color",1),x(e,"text",0),x(_,"text",1);break;case 2:x(r,"color",0),x(f,"color",1),x(c,"image",0),x(o,"text",0),x(s,"text",1),x(u,"text",2);break;case 3:x(f,"color",0),x(k,"color",1),x(_,"text",0),x(e,"text",1);break;case 4:x(r,"color",0),x(f,"color",1),x(k,"color",2),x(c,"image",0),x(o,"text",0),x(s,"text",1),x(u,"text",2),x(e,"text",3);break;case 5:x(r,"color",0),x(k,"color",1),x(f,"color",2),x(c,"image",0),x(e,"text",0),x(_,"text",1);break;case 6:case 7:case 8:x(r,"color",0),x(f,"color",1),x(k,"color",2),x(c,"image",0),x(_,"text",0),x(e,"text",1)}t.push(w)}return i(a,null,i("style",null,p(this,m,"f").theme.setKupStyle(this.rootElement)),i("div",{id:d},i("kup-grid",{class:(this.fullWidth?"kup-full-width":"")+" scalable-cards",columns:this.columnsNumber,singleLine:this.horizontal},t)))}disconnectedCallback(){p(this,m,"f").theme.unregister(this)}get rootElement(){return c(this)}};m=new WeakMap,k.style=":host{--kup_cardlist_cards_max_height:var(--kup-cardlist-cards-max-height, unset);--kup_cardlist_cards_min_height:var(--kup-cardlist-cards-min-height, unset);--kup_cardlist_cards_max_width:var(--kup-cardlist-cards-max-width, unset);--kup_cardlist_cards_min_width:var(--kup-cardlist-cards-min-width, unset);display:block;height:100%;width:100%}#kup-component{height:100%;width:100%}kup-card{max-height:var(--kup_cardlist_cards_max_height);min-height:var(--kup_cardlist_cards_min_height);max-width:var(--kup_cardlist_cards_max_width);min-width:var(--kup_cardlist_cards_min_width)}kup-card.is-clickable{cursor:pointer}kup-grid{--kup-grid-padding:0}";export{k as kup_card_list}
@@ -1 +0,0 @@
1
- import{r as t,c as o,f as i,h as e,H as s,d as r}from"./p-1ad7fea0.js";import{k as n,x as a,g as h,s as l,$ as c,u as p,l as b,a as d,d as u,M as x,Q as f,ak as g,U as w,D as m}from"./p-f31530fc.js";import{f as k,p as v,s as y,d as _,r as j,b as C}from"./p-f9766625.js";import{F as P}from"./p-c089b961.js";import{a as M}from"./p-5e16c9d3.js";import{c as A}from"./p-635bb4b3.js";import{F as R}from"./p-6780a391.js";import{F as I}from"./p-b3577066.js";import"./p-de07d17e.js";import"./p-35d503e2.js";import"./p-c634eb82.js";import"./p-dc18691c.js";import"./p-86f9b0d9.js";import"./p-d4a879fc.js";var z,E;!function(t){t.cardData="Data of the card linked to the box when the latter's layout must be a premade template.",t.columns="Number of columns.",t.customStyle="Custom style of the component.",t.data="Actual data of the box.",t.dragEnabled="Enable dragging.",t.dropEnabled="Enable dropping.",t.dropOnSection="Drop can be done in section.",t.enableRowActions="If enabled, a button to load / display the row actions will be displayed on the right of every box.",t.globalFilter="When set to true it activates the global filter.",t.globalFilterValue="The value of the global filter.",t.kanban="Displays the boxlist as a Kanban.",t.layout="How the field will be displayed. If not present, a default one will be created.",t.lazyLoadRows="When set to true, extra rows will be automatically loaded once the last row enters the viewport.",t.loadMoreLimit="Sets a maximum limit of new records which can be required by the load more functionality.",t.loadMoreMode="Establish the modality of how many new records will be downloaded. This property is regulated also by loadMoreStep.",t.loadMoreStep="The number of records which will be requested to be downloaded when clicking on the load more button. This property is regulated also by loadMoreMode.",t.multiSelection="Enable multi selection.",t.pageSelected="Current page number.",t.pagination="Enables pagination.",t.rowsPerPage="Number of current rows per page.",t.scrollOnHover="Activates the scroll on hover function.",t.selectBox="Automatically selects the box at the specified index.",t.selectedRowsState="Multiple selection.",t.showLoadMore="If set to true, displays the button to load more records.",t.showSelection="If enabled, highlights the selected box/boxes.",t.sortBy="If sorting is enabled, specifies which column to sort.",t.sortEnabled="Enable sorting.",t.stateId="",t.store="",t.swipeDisabled="Disable swipe."}(z||(z={})),function(t){t.CONSTANT="constant",t.CONSTANT_INCREMENT="constant_increment",t.PROGRESSIVE_THRESHOLD="progressive_threshold"}(E||(E={}));class S{constructor(){this.globalFilterValue="",this.sortBy="",this.selectedRowsState="",this.pageSelected=1,this.rowsPerPage=0,this.load=!1,this.loadMoreLimit=1e3,this.showLoadMore=!1}toDebugString(){return"box state"}}var O,D,B,T,W,$,L,F,H,N=function(t,o,i,e){if("a"===i&&!e)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof o?t!==o||!e:!o.has(t))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===i?e:"a"===i?e.call(t):e?e.value:o.get(t)},G=function(t,o,i,e,s){if("m"===e)throw new TypeError("Private method is not writable");if("a"===e&&!s)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof o?t!==o||!s:!o.has(t))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===e?s.call(t,i):s?s.value=i:o.set(t,i),i};const V=class{constructor(i){t(this,i),this.kupBoxClick=o(this,"kup-box-click",6),this.kupBoxSelected=o(this,"kup-box-selected",6),this.kupAutoBoxSelect=o(this,"kup-box-autoselect",6),this.kupRowActionMenuClick=o(this,"kup-box-rowactionmenuclick",6),this.kupRowActionClick=o(this,"kup-box-rowactionclick",6),this.kupDidLoad=o(this,"kup-box-didload",6),this.kupDidUnload=o(this,"kup-box-didunload",6),this.kupBoxContextMenu=o(this,"kup-box-contextmenu",6),this.kupLoadMoreClick=o(this,"kup-box-loadmoreclick",6),O.add(this),this.state=new S,this.kupManager=n(),this.visibleColumns=[],this.rows=[],this.filteredRows=[],this.sectionRef=null,this.rowsRefs=[],this.hold=!1,this.interactableDrag=[],this.interactableDrop=[],this.interactableTouch=[],D.set(this,void 0),B.set(this,[]),T.set(this,0),W.set(this,0),$.set(this,0),this.collapsedSection={},this.selectedRows=[],this.rowActionMenuOpened=void 0,this.currentPage=1,this.currentRowsPerPage=10,this.cardData=null,this.columns=1,this.customStyle="",this.data=null,this.dragEnabled=!1,this.dropEnabled=!1,this.dropOnSection=!1,this.editableData=!1,this.enableRowActions=!1,this.globalFilter=!1,this.globalFilterValue="",this.kanban=null,this.layout=void 0,this.lazyLoadRows=!1,this.loadMoreLimit=1e3,this.loadMoreMode=E.PROGRESSIVE_THRESHOLD,this.loadMoreStep=60,this.multiSelection=!1,this.pageSelected=1,this.pagination=!1,this.rowsPerPage=void 0,this.scrollOnHover=!1,this.selectBox=void 0,this.selectedRowsState=void 0,this.showLoadMore=!1,this.showSelection=!0,this.sortBy=void 0,this.sortEnabled=!1,this.stateId="",this.store=void 0,this.swipeDisabled=!1}initWithPersistedState(){if(this.store&&this.stateId){const t=this.store.getState(this.stateId);null!=t&&(this.kupManager.debug.logMessage(this,"Initialize with state for stateId "+this.stateId+": "+t),this.sortBy=this.state.sortBy,this.globalFilterValue=this.state.globalFilterValue,this.selectedRowsState=this.state.selectedRowsState,this.pageSelected=this.state.pageSelected,this.rowsPerPage=this.state.rowsPerPage,this.loadMoreLimit=t.loadMoreLimit,this.showLoadMore=t.showLoadMore)}}persistState(){if(this.store&&this.stateId){let t=!1;this.kupManager.objects.deepEqual(this.state.sortBy,this.sortBy)||(this.state.sortBy=this.sortBy,t=!0),this.kupManager.objects.deepEqual(this.state.globalFilterValue,this.globalFilterValue)||(this.state.globalFilterValue=this.globalFilterValue,t=!0),this.kupManager.objects.deepEqual(this.state.pageSelected,this.currentPage)||(this.state.pageSelected=this.currentPage,t=!0),this.kupManager.objects.deepEqual(this.state.rowsPerPage,this.currentRowsPerPage)||(this.state.rowsPerPage=this.currentRowsPerPage,t=!0);const o=this.selectedRows.reduce(((t,o,i)=>t+(i>0?";":"")+o.id),"");if(this.kupManager.objects.deepEqual(this.state.selectedRowsState,o)||(this.state.selectedRowsState=o,t=!0),this.kupManager.objects.deepEqual(this.state.loadMoreLimit,this.loadMoreLimit)||(this.state.loadMoreLimit=this.loadMoreLimit,t=!0),this.kupManager.objects.deepEqual(this.state.showLoadMore,this.showLoadMore)||(this.state.showLoadMore=this.showLoadMore,t=!0),!this.state.load)return void(this.state.load=!0);t&&(this.kupManager.debug.logMessage(this,"Persisting state for stateId "+this.stateId+": "+this.state),this.store.persistState(this.stateId,this.state))}}rowsPerPageHandler(t){this.currentRowsPerPage=t}recalculateRows(){this.initRows()}onDataChanged(){a(this.getRows()),this.initVisibleColumns(),this.initRows(),this.checkLayout()}onLayoutChanged(){this.checkLayout()}onSelectBoxChanged(){this.handleAutomaticBoxSelection()}async getProps(t){return h(this,z,t)}async loadRowActions(t,o){t.actions=o,this.rowActionMenuOpened=t}async refresh(){i(this)}async setProps(t){l(this,z,t)}getColumns(){return this.data&&this.data.columns?this.data.columns:[{title:"",name:"",size:void 0}]}initVisibleColumns(){this.visibleColumns=this.getColumns().filter((t=>!t.hasOwnProperty("visible")||t.visible))}getRows(){return this.data&&this.data.rows?this.data.rows:[]}initRows(){this.filteredRows=this.getRows(),this.globalFilter&&this.globalFilterValue&&(this.filteredRows=k(this.filteredRows,null,this.globalFilterValue,this.visibleColumns)),this.rows=this.sortRows(this.filteredRows),this.pagination&&(this.rows=v(this.rows,this.currentPage,this.currentRowsPerPage,!1))}sortRows(t){let o=t;return this.sortBy&&(o=y(o,this.toSortObjectList())),o}toSortObjectList(){return this.sortBy.split("|").map((t=>{const o=t.split(",");return{column:o[0],sortMode:o.length>1?c[o[1]]:c.A}}))}checkScrollOnHover(){this.kupManager.scrollOnHover.isRegistered(this.boxContainer)?this.scrollOnHover||this.kupManager.scrollOnHover.unregister(this.boxContainer):this.scrollOnHover&&this.kupManager.scrollOnHover.register(this.boxContainer)}checkLayout(){if(this.layout)return void(this.boxLayout=this.layout);const t={horizontal:!1,sections:[]},o=this.visibleColumns;let i=o.length,e=[],s=0;for(;i-- >0;)e.push({column:o[s++].name});t.content=e,this.boxLayout={sections:[t]}}onSortChange(t){let o=p(this.visibleColumns,t.detail.value);this.sortBy=o.name}onGlobalFilterChange({detail:t}){let o="";t&&t.value&&(o=t.value),this.globalFilterValue=o}isSectionExpanded(t,o){return!(!t.id||!o.id)&&this.collapsedSection[o.id]&&this.collapsedSection[o.id][t.id]}handleAutomaticBoxSelection(){if(this.selectBox&&this.selectBox>0&&this.selectBox<=this.data.rows.length){this.selectedRows=[];for(let t of this.data.rows)if(t.id===(this.selectBox-1).toString()){this.selectedRows.push(t);break}this.kupAutoBoxSelect.emit({comp:this,id:this.rootElement.id,row:this.selectedRows[0]})}}getEventDetails(t,o){let i=null,e=null,s=null,r=null;if(t&&(i=t.closest(".box-object")||t.querySelector(".box-object")||t.closest(".f-cell")),i)if(i.classList.contains("f-cell")){const t=i["kup-get-cell-props"]();e=t.cell,r=t.column,s=t.row}else e=i["data-cell"],s=i["data-row"],r=p(this.visibleColumns,i.dataset.column);return{boxObject:i||null,column:r||null,cell:e||null,originalEvent:o,row:s||null}}contextMenuHandler(t){return this.getEventDetails(t.target,t)}checkIfElementIsActionMenuIcon(t){return!(!t.tagName||!t.parentElement)&&"svg"===t.tagName&&t.parentElement.classList.contains("row-actions-toggler")}onBoxClick({target:t},o){if(!(t instanceof HTMLElement))return;let i=t,e=i.classList;for(;!e.contains("box-object")&&!e.contains("box-section")&&!e.contains("box")&&(i=i.parentElement,null!==i);)e=i.classList;let s=null;e.contains("box-object")&&(s=i.dataset.column),this.kupBoxClick.emit({comp:this,id:this.rootElement.id,row:o,column:s}),this.multiSelection?this.onSelectionCheckChange(o):this.selectedRows=[o]}onSelectionCheckChange(t){var o=-1;for(let i=0;i<this.selectedRows.length;i++)if(this.selectedRows[i].id===t.id){o=i;break}o>=0?(this.selectedRows.splice(o,1),this.selectedRows=[...this.selectedRows]):this.selectedRows=[...this.selectedRows,t],this.kupBoxSelected.emit({comp:this,id:this.rootElement.id,rows:this.selectedRows})}toggleSectionExpand(t,o){if(o.id)if(t.id){if(this.collapsedSection[o.id]){const i=this.collapsedSection[o.id];i[t.id]=!i[t.id]||!i[t.id]}else this.collapsedSection[o.id]={},this.collapsedSection[o.id][t.id]=!0;this.collapsedSection=Object.assign({},this.collapsedSection)}else console.error("cannot expand / collapse a section of a row without ad id");else console.error("cannot expand / collapse a section withoun an ID")}onRowAction(t){t&&(t!==this.rowActionMenuOpened?t.actions?this.rowActionMenuOpened=t:this.kupRowActionMenuClick.emit({comp:this,id:this.rootElement.id,row:t}):this.rowActionMenuOpened=null)}onRowActionClick(t,o,i){this.kupRowActionClick.emit({comp:this,id:this.rootElement.id,row:t,action:o,index:i})}clickFunction(t){try{const o=t.composedPath();for(let t of o)if(this.checkIfElementIsActionMenuIcon(t))return}catch(o){if(this.checkIfElementIsActionMenuIcon(t.target))return}this.rowActionMenuOpened=null}handlePageChange(t){const o=_(t,this.filteredRows.length,this.currentRowsPerPage);o&&(this.currentPage=o)}handleRowsPerPageChange(t){const o=j(t,this.filteredRows.length);o&&(this.currentRowsPerPage=o,this.adjustPaginator())}adjustPaginator(){const t=Math.ceil(this.rows.length/this.currentRowsPerPage);this.currentPage>t&&(this.currentPage=1)}renderSectionAsCard(t){let o=!1;const i={button:[],cell:[],columns:[],image:[],progressbar:[],text:[]};for(let o=0;o<this.data.columns.length;o++){const e=this.data.columns[o];!1!==e.visible&&(i.cell.push(t.cells[e.name]),i.columns.push(e))}for(const o in t.cells)if(t.cells.hasOwnProperty(o)){const e=t.cells[o];if(void 0!==e.cardID&&e.obj)switch(e.obj.p){case"BTN":do{i.button.push({})}while(i.button.length<e.cardID);i.button[e.cardID]={label:e.value};break;case"IMG":do{i.image.push({})}while(i.image.length<e.cardID);i.image[e.cardID]={resource:e.value};break;case"PGB":do{i.progressbar.push({})}while(i.progressbar.length<e.cardID);i.progressbar[e.cardID]={value:e.value};break;default:do{i.text.push("")}while(i.text.length<e.cardID);i.text[e.cardID]=e.value}}for(const e in t.cells)if(t.cells.hasOwnProperty(e)){const s=t.cells[e];if(void 0===s.cardID&&s.obj)switch(o=!1,s.obj.p){case"BTN":for(let t=0;t<i.button.length;t++)if(!Object.keys(i.button[t]).length){i.button[t]={label:s.value},o=!0;break}o||i.button.push({label:s.value});break;case"IMG":for(let t=0;t<i.image.length;t++)if(!Object.keys(i.image[t]).length){i.image[t]={resource:s.value},o=!0;break}o||i.image.push({resource:s.value});break;case"PGB":for(let t=0;t<i.progressbar.length;t++)if(!Object.keys(i.progressbar[t]).length){i.progressbar[t]={value:s.value},o=!0;break}o||i.progressbar.push({value:s.value});break;default:for(let t=0;t<i.text.length;t++)if(""===i.text[t]){i.text[t]=s.value,o=!0;break}o||i.text.push(s.value)}}return e("kup-card",Object.assign({data:i},this.cardData))}renderRow(t){const o=[...this.visibleColumns];let i=null,s=t.layout;s||(s=this.boxLayout);let r=!1;if(s){s.horizontal&&(r=!0);const e=s.sections;let n=e.length,a=0;n>0&&(i=[]);const h={horizontal:r};for(;n-- >0;)i.push(null!=this.cardData&&"object"==typeof this.cardData?this.renderSectionAsCard(t):this.renderSection(e[a++],h,t,o))}var n=!1;for(let o of this.selectedRows)o.id===t.id&&(n=!0);let a=null;this.multiSelection&&(a=e("div",{class:"box-selection"},e("kup-checkbox",{checked:n})));let h=null;if(this.enableRowActions&&!this.swipeDisabled){const o={"row-action-menu":!0,open:t===this.rowActionMenuOpened};let i=null;if(t.actions){const o=t.actions.map(((o,i)=>e("li",{tabindex:"0",onClick:()=>this.onRowActionClick(t,o,i)},e("div",{class:`icon ${o.icon}`}),e("div",{class:"text"},o.text))));i=e("ul",null,o)}h=e("div",{class:"row-actions-wrapper"},e("div",{class:"row-actions-toggler"},e("svg",{version:"1.1",width:"24",height:"24",viewBox:"0 0 24 24",onClick:()=>this.onRowAction(t)},e("path",{d:"M12,16A2,2 0 0,1 14,18A2,2 0 0,1 12,20A2,2 0 0,1 10,18A2,2 0 0,1 12,16M12,10A2,2 0 0,1 14,12A2,2 0 0,1 12,14A2,2 0 0,1 10,12A2,2 0 0,1 12,10M12,4A2,2 0 0,1 14,6A2,2 0 0,1 12,8A2,2 0 0,1 10,6A2,2 0 0,1 12,4Z"})),e("div",{class:o},i)))}let l=null;return t.badgeData&&t.badgeData.length>0&&(l=t.badgeData.map((t=>e("kup-badge",{text:t.text,class:t.className?`centered ${t.className}`:"centered",imageData:t.imageData})))),e("div",{class:"box-wrapper",style:t.style||{},ref:t=>N(this,B,"f").push(t)},e("div",{class:{box:!0,draggable:this.dragEnabled,selected:this.showSelection&&n,column:!r},onClick:o=>this.onBoxClick(o,t),ref:t=>this.rowsRefs.push(t)},a,i,l),h)}renderSection(t,o,i,s){let r=null;if(t.sections&&t.sections.length>0){const o=t.sections;let e=o.length,n=0;for(e>0&&(r=[]);e-- >0;)r.push(this.renderSection(o[n++],t,i,s))}else if(t.content){const o=t.content;let e=o.length,n=0;for(e>0&&(r=[]);e-- >0;)r.push(this.renderBoxObject({boxObject:o[n++],row:i,visibleColumns:s},!0))}else s.length>0&&(r=this.renderBoxObject({boxObject:{column:s[0].name},row:i,visibleColumns:s}));const n=this.isSectionExpanded(i,t),a=!!t.columns,h={"box-section":!0,open:n,column:!a&&!t.horizontal,grid:a,titled:!!t.title,"last-child":!t.sections||0===t.sections.length},l=t.style||{};t.dim&&o&&(l.flex=`0 0 ${t.dim}`,l.overflow="hidden",o.horizontal?l.maxWidth=t.dim:l.maxHeight=t.dim),a&&(l["grid-template-columns"]=`repeat(${t.columns}, 1fr)`);let c=null;if(t.collapsible){h["collapse-section"]=!0;const o={content:!0};let s="";s=t.title?t.title:this.kupManager.language.translate(n?b.COLLAPSE:b.EXPAND),c=e("div",{class:h,style:l},e("div",{class:o},r),e("div",{class:"header",role:"button",onClick:o=>{o.stopPropagation(),this.toggleSectionExpand(i,t)}},e("div",{class:"header-content"},e("span",null,s),e(P,{resource:`${d.DROPDOWN}`,sizeX:"1.25em",sizeY:"1.25em",wrapperClass:n?"toggled":""}))))}else{const o=t.title?e("h3",null,t.title):null;c=e("div",{class:h,style:l},o,r)}return c}renderBoxObject({boxObject:t,row:o,visibleColumns:i},s){const r={"box-object":!0};let n=null,a=-1;for(let o=0;o<i.length;o++)if(i[o].name===t.column){a=o;break}a>=0?(n=i[a],i.splice(a,1)):s&&(n=this.data.columns.find((o=>o.name===t.column)));const h=o.cells[t.column];let l;return h&&!this.kupManager.objects.isEmptyKupObj(h.obj)&&(r["is-obj"]=!0,this.kupManager.debug.isDebug()&&(l=h.obj.t+"; "+h.obj.p+"; "+h.obj.k+";")),e("div",{"data-cell":h,"data-row":o,"data-column":t.column,class:r,style:{},title:l},h&&n?e(R,Object.assign({},{cell:h,column:n,component:this,editable:this.editableData,renderKup:!0,row:o,setSizes:!0,shape:t.shape})):e("span",null,t.value))}kanbanMode(){if(!this.kanban.columns||0===this.kanban.columns.length)return this.kupManager.debug.logMessage(this,"No columns to group by detected.",u.ERROR),{jsx:e("div",{id:"empty-data-message",class:"box-wrapper"},e("div",{ref:t=>this.rowsRefs.push(t)}),this.kupManager.language.translate(b.EMPTY_DATA)),style:{"grid-template-columns":"repeat(1, 1fr)"}};const t=[];if(this.kanban.labels)for(let o=0;o<this.kanban.labels.length;o++)t.push({labels:this.kanban.labels[o],nodes:[]});for(let o=0;o<this.rows.length;o++){let i=[];for(let t=0;t<this.kanban.columns.length;t++)try{i.push(this.rows[o].cells[this.kanban.columns[t]].value)}catch(t){this.kupManager.debug.logMessage(this,t,u.WARNING)}const e={found:!1,index:null};for(let o=0;o<t.length;o++){let s=t[o].labels,r=!0;for(let t=0;t<s.length;t++)if(i[t]!==s[t]){r=!1;break}if(r){e.found=!0,e.index=o;break}}e.found?t[e.index].nodes.push(this.renderRow(this.rows[o])):t.push({labels:i,nodes:[this.renderRow(this.rows[o])]})}const o=[];for(let i=0;i<t.length;i++){const s=t[i].labels,r={data:[]};for(let t=0;t<s.length;t++)r.data.push({value:s[t],id:s[t]});o.push(e("div",{class:"kanban-section"},e(M,Object.assign({},r)),t[i].nodes))}return{jsx:o,style:{"grid-template-columns":this.kanban.isStacked?"repeat(1fr)":this.kanban.size?`repeat(${Object.keys(t).length}, ${this.kanban.size})`:`repeat(${Object.keys(t).length}, 1fr)`}}}didLoadInteractables(){this.interactableTouch.push(this.boxContainer),this.kupManager.interact.on(this.boxContainer,x.TAP,(t=>{this.hold?this.hold=!1:2===t.button&&this.kupBoxContextMenu.emit({comp:this,id:this.rootElement.id,details:this.contextMenuHandler(t)})})),this.kupManager.interact.on(this.boxContainer,x.HOLD,(t=>{"pen"!==t.pointerType&&"touch"!==t.pointerType||(this.hold=!0,this.kupBoxContextMenu.emit({comp:this,id:this.rootElement.id,details:this.contextMenuHandler(t)}))}))}didRenderInteractables(){if(this.dragEnabled)for(let t=0;t<this.rowsRefs.length;t++){const o=this.rowsRefs[t],i=()=>{const t=this.rootElement.shadowRoot.querySelector(".box-object:hover");return{cell:t["data-cell"],column:p(this.visibleColumns,t.dataset.column),id:this.rootElement.id,multiple:this.multiSelection,row:t["data-row"],selectedRows:this.selectedRows}};o&&!this.interactableDrag.includes(o)&&(this.interactableDrag.push(o),this.kupManager.interact.draggable(o,{allowFrom:".box-object",cursorChecker:()=>null},{callback:i},f.BADGE))}if(this.dropEnabled){const t=()=>{const t=this.getEventDetails(this.rootElement.shadowRoot.querySelector(".box:hover"));return{cell:t.cell,column:t.column,id:this.rootElement.id,row:t.row}};this.interactableDrop.includes(this.sectionRef)||(this.interactableDrop.push(this.sectionRef),this.kupManager.interact.dropzone(this.sectionRef,{accept:`[${g}]`},{dispatcher:this.rootElement,type:w.BOX}));for(let o=0;o<this.rowsRefs.length;o++){const i=this.rowsRefs[o];i&&!this.interactableDrop.includes(i)&&(this.interactableDrop.push(i),this.kupManager.interact.dropzone(i,{accept:`[${g}]`},{callback:t,dispatcher:this.rootElement,type:w.BOX}))}}}componentWillLoad(){this.kupManager.debug.logLoad(this,!1),this.rowsPerPage&&(this.currentRowsPerPage=this.rowsPerPage),this.data&&this.data.rows&&this.currentRowsPerPage>this.data.rows.length&&(this.currentRowsPerPage=this.data.rows.length),this.kupManager.language.register(this),this.kupManager.theme.register(this),this.onDataChanged(),this.adjustPaginator(),document.querySelector(".header")?G(this,T,document.querySelector(".header").clientHeight,"f"):G(this,T,0,"f"),document.querySelector(".topbar")&&G(this,T,N(this,T,"f")+document.querySelector(".topbar").clientHeight,"f"),N(this,O,"m",F).call(this)}componentDidLoad(){if(this.handleAutomaticBoxSelection(),document.addEventListener("click",this.clickFunction.bind(this)),this.currentPage=this.pageSelected,this.multiSelection&&this.selectedRowsState){this.selectedRows=[];let t=this.selectedRowsState.split(";");this.selectedRows=this.data.rows.filter((o=>t.indexOf(o.id)>=0))}this.didLoadInteractables(),this.kupDidLoad.emit({comp:this,id:this.rootElement.id}),this.kupManager.debug.logLoad(this,!0)}componentWillRender(){this.kupManager.debug.logRender(this,!1)}componentDidRender(){const t=this.rootElement.shadowRoot;if(t){const o=t.querySelectorAll(".f-text-field");for(let t=0;t<o.length;t++)I(o[t])}this.checkScrollOnHover(),this.persistState(),this.didRenderInteractables(),N(this,O,"m",L).call(this),this.kupManager.debug.logRender(this,!0)}render(){const t=!("object"!=typeof this.kanban||null===this.kanban);let o=null;if(this.sortEnabled){const t=[{value:"",id:""},...this.visibleColumns.map((t=>({value:t.title,id:t.name,selected:t.name===this.sortBy})))];let i={label:this.kupManager.language.translate(b.SORT_BY),trailingIcon:!0};o=e("div",{id:"sort-panel"},e("kup-combobox",{data:{"kup-text-field":i,"kup-list":{data:t,selectable:!0}},initialValue:this.sortBy,"onkup-combobox-itemclick":t=>this.onSortChange(t)}))}let i=null;this.globalFilter&&(i=e("div",{id:"global-filter"},e("kup-text-field",{fullWidth:!0,label:this.kupManager.language.translate(m.SEARCH),icon:d.SEARCH,initialValue:this.globalFilterValue,"onkup-textfield-input":t=>{window.clearTimeout(this.globalFilterTimeout),this.globalFilterTimeout=window.setTimeout((()=>this.onGlobalFilterChange(t)),600)}})));let r=null;(this.showLoadMore||!this.lazyLoadRows&&this.pagination)&&(r=e(C,{id:"top-paginator",currentPage:this.currentPage,max:this.filteredRows.length,perPage:this.currentRowsPerPage?this.currentRowsPerPage:this.rowsPerPage,onLoadMore:this.showLoadMore?()=>{N(this,O,"m",H).call(this)}:null,onNextPage:()=>this.handlePageChange(this.currentPage+1),onPrevPage:()=>this.handlePageChange(this.currentPage-1),onPageChange:t=>this.handlePageChange(t.detail.value),onRowsChange:t=>this.handleRowsPerPageChange(t.detail.value)}));let n=null,a={};if(0===this.rows.length)n=e("div",{id:"empty-data-message",class:"box-wrapper"},e("div",{class:"box",ref:t=>this.rowsRefs.push(t)},this.kupManager.language.translate(b.EMPTY_DATA))),a={"grid-template-columns":"repeat(1, 1fr)"};else if(t){const t=this.kanbanMode();n=t.jsx,a=t.style}else{a={"grid-template-columns":`repeat(${this.columns}, 1fr)`};const t=this.rows;let o=t.length,i=0;for(n=[];o-- >0;)n.push(this.renderRow(t[i++]))}return e(s,null,e("style",null,this.kupManager.theme.setKupStyle(this.rootElement)),e("div",{id:A},e("div",{class:"box-component",ref:t=>this.sectionRef=t},o,i,r,e("div",{class:t?"is-kanban":"",id:"box-container",style:a,onContextMenu:t=>{t.preventDefault()},ref:t=>this.boxContainer=t},n))))}disconnectedCallback(){this.kupManager.interact.unregister(this.interactableDrag.concat(this.interactableDrop)),this.kupManager.language.unregister(this),this.kupManager.theme.unregister(this),this.scrollOnHover&&this.kupManager.scrollOnHover.unregister(this.boxContainer),document.removeEventListener("click",this.clickFunction.bind(this)),this.kupDidUnload.emit({comp:this,id:this.rootElement.id})}get rootElement(){return r(this)}static get watchers(){return{rowsPerPage:["rowsPerPageHandler","recalculateRows"],globalFilterValue:["recalculateRows"],sortBy:["recalculateRows"],pagination:["recalculateRows"],currentPage:["recalculateRows"],currentRowsPerPage:["recalculateRows"],data:["onDataChanged"],layout:["onLayoutChanged"],selectBox:["onSelectBoxChanged"]}}};D=new WeakMap,B=new WeakMap,T=new WeakMap,W=new WeakMap,$=new WeakMap,O=new WeakSet,L=function(){this.lazyLoadRows&&this.currentRowsPerPage<this.data.rows.length&&N(this,D,"f").observe(N(this,B,"f")[N(this,B,"f").length-1])},F=function(){const t={threshold:0,rootMargin:"-"+N(this,T,"f")+"px 0px 0px 0px"};G(this,D,new IntersectionObserver((t=>{t.forEach((t=>{if(t.isIntersecting){this.kupManager.debug.logMessage(this,"Last row entering the viewport, loading more elements.");const o=this.data.rows.length-this.currentRowsPerPage;this.currentRowsPerPage+=o<this.loadMoreStep?o:this.loadMoreStep,t.target.classList.remove("last-row"),N(this,D,"f").unobserve(t.target)}}))}),t),"f")},H=function(){var t;let o=0;switch(this.loadMoreMode){case E.CONSTANT:o=this.loadMoreStep;break;case E.CONSTANT_INCREMENT:o=this.loadMoreStep*(N(this,W,"f")+1);break;case E.PROGRESSIVE_THRESHOLD:o=Math.max(N(this,$,"f"),this.loadMoreStep)*Math.min(N(this,W,"f")+1,2)}o>this.loadMoreLimit&&(o=this.loadMoreLimit),this.kupLoadMoreClick.emit({comp:this,id:this.rootElement.id,loadItems:o}),G(this,$,o,"f"),G(this,W,(t=N(this,W,"f"),++t),"f")},V.style=":host{--kup_box_background_color:var(\n --kup-box-background-color,\n var(--kup-background-color)\n );--kup_box_color:var(--kup-box-color, var(--kup-text-color));--kup_box_font_family:var(--kup-box-font-family, var(--kup-font-family));--kup_box_font_size:var(--kup-box-font-size, var(--kup-font-size));--kup_box_grid_gap:var(--kup-box-grid-gap, 1em);--kup_box_hover_box_shadow:var(\n --kup-box-hover-box-shadow,\n 0px 0px 7.5px 0px rgba(128, 128, 128, 0.5)\n );--kup_box_primary_color_rgb:var(\n --kup-box-primary-color-rgb,\n var(--kup-primary-color-rgb)\n );--kup_box_transition:var(--kup-box-transition, 0.25s);display:block;font-family:var(--kup_box_font_family);font-size:var(--kup_box_font_size)}.box-component{background:var(--kup_box_background_color);transition:border var(--kup_box_transition) ease}.box-component[kup-drag-over]{position:relative;border:3px dashed var(--kup-border-color)}#box-container{display:grid;grid-gap:var(--kup_box_grid_gap);color:var(--kup_box_color);overflow:auto}#box-container.is-kanban .kanban-section{overflow:auto}#box-container.is-kanban .box-wrapper{padding-top:1em}#box-container.is-kanban .box-wrapper .box{overflow:auto}#box-container *:not(.progress-bar-percentage){box-sizing:border-box}#box-container .box-wrapper{display:flex;align-items:center}#box-container .box-wrapper .box{flex-grow:1;cursor:pointer;position:relative;display:flex;transition:background-color var(--kup_box_transition) ease, box-shadow var(--kup_box_transition) ease, border var(--kup_box_transition) ease}#box-container .box-wrapper .box.draggable{touch-action:none;user-select:none}#box-container .box-wrapper .box.column{flex-direction:column}#box-container .box-wrapper .box:hover{box-shadow:var(--kup_box_hover_box_shadow)}#box-container .box-wrapper .box.selected{background-color:rgba(var(--kup_box_primary_color_rgb), 0.175)}#box-container .box-wrapper .box.selected .box-section.titled>h3{background-color:transparent}#box-container .box-wrapper .box[kup-draggable]{opacity:0.5}#box-container .box-wrapper .box[kup-drag-over]{border:3px dashed var(--kup-border-color);position:relative;z-index:2}#box-container .box-wrapper .box .box-section{display:flex;flex-direction:row;flex:1 1 1%;flex-wrap:wrap}#box-container .box-wrapper .box .box-section.column{flex-direction:column;justify-content:center;flex-wrap:unset}#box-container .box-wrapper .box .box-section.column>.box-section{flex:0 0 auto}#box-container .box-wrapper .box .box-section.grid{display:grid}#box-container .box-wrapper .box .box-section .box-object{min-height:16px}#box-container .box-wrapper .box .box-section .box-object img{height:auto}#box-container .box-wrapper .box .box-section.collapse-section .header{border-top:1px solid var(--kup-border-color);color:rgba(var(--kup-text-color-rgb), 0.75);display:flex;justify-content:space-around;width:100%}#box-container .box-wrapper .box .box-section.collapse-section .header .header-content{margin:0.5em;display:flex;align-items:center}#box-container .box-wrapper .box .box-section.collapse-section .header .header-content .f-image{transition:transform 0.15s}#box-container .box-wrapper .box .box-section.collapse-section .header .header-content .f-image.toggled{transform:rotate(-180deg)}#box-container .box-wrapper .box .box-section.collapse-section .header .header-content .kup-icon.kup-dropdown-icon{margin:0;-webkit-mask:var(--kup-dropdown-icon);mask:var(--kup-dropdown-icon)}#box-container .box-wrapper .box .box-section.collapse-section .content{display:none;width:100%}#box-container .box-wrapper .box .box-section.collapse-section.open .content{display:block}#box-container .box-wrapper .box .box-section.titled{border:1px solid var(--kup-border-color);padding-top:5px;position:relative;margin:10px}#box-container .box-wrapper .box .box-section.titled>h3{background:var(--kup-background-color);font-size:calc(var(--kup-font-size) * 1.15);position:absolute;margin:0px;padding:0 8px;top:-11px;left:5px;transition:background-color 0.25s ease}#box-container .box-wrapper .box .box-selection{position:absolute;top:0.5em;right:0.5em;z-index:1}#box-container .box-wrapper .row-actions-wrapper .row-actions-toggler{position:relative;width:24px;height:24px;margin-left:3px}#box-container .box-wrapper .row-actions-wrapper .row-actions-toggler svg{cursor:pointer;opacity:0;fill:var(--kup-text-color);transition:opacity 500ms ease-out}#box-container .box-wrapper .row-actions-wrapper .row-actions-toggler .row-action-menu{background:var(--kup-background-color);border:1px solid var(--kup-border-color);box-shadow:0px 0px 7.5px 0px rgba(128, 128, 128, 0.5);position:absolute;top:0;right:24px;display:none;z-index:10}#box-container .box-wrapper .row-actions-wrapper .row-actions-toggler .row-action-menu ul{list-style-type:none;margin:0;padding:0}#box-container .box-wrapper .row-actions-wrapper .row-actions-toggler .row-action-menu ul>li{cursor:pointer;white-space:nowrap;padding:0 12px;display:flex;align-items:center;line-height:30px}#box-container .box-wrapper .row-actions-wrapper .row-actions-toggler .row-action-menu ul>li:not(:last-child){border-bottom:1px solid var(--kup-border-color)}#box-container .box-wrapper .row-actions-wrapper .row-actions-toggler .row-action-menu.open{display:block}#box-container .box-wrapper:hover .row-actions-wrapper .row-actions-toggler svg{opacity:1}#sort-panel,#global-filter{margin-bottom:1em}:host(.kup-center-aligned) #kup-component .box-section{text-align:center}:host(.kup-center-aligned) #kup-component .box-section .f-cell{justify-content:center;margin:auto;text-align:center}:host(.kup-center-aligned) #kup-component .box-section .f-cell .f-cell__content{justify-content:center;margin:auto;text-align:center}:host(.kup-center-aligned) #kup-component .box-section .f-cell img{margin:auto}:host(.kup-right-aligned) #kup-component .box-section{text-align:right}:host(.kup-right-aligned) #kup-component .box-section .f-cell{justify-content:flex-end;margin-left:auto;margin-right:0;text-align:right}:host(.kup-right-aligned) #kup-component .box-section .f-cell .f-cell__content{justify-content:flex-end;margin-left:auto;margin-right:0;text-align:right}:host(.kup-right-aligned) #kup-component .box-section .f-cell img{margin-left:auto;margin-right:0}:host(.kup-top-aligned) #box-container .box-wrapper .box .box-section .column{justify-content:flex-start}:host(.kup-bottom-aligned) #box-container .box-wrapper .box .box-section .column{justify-content:flex-end}:host(:not(.kup-borderless)) .box{border:1px solid var(--kup-border-color)}:host(.kup-flat-on-hover) #box-container .box-wrapper .box:hover{box-shadow:none}:host(.kup-shaped) .box{border-radius:10px}:host(.kup-round) .box{border-radius:25px}:host(.kup-dashed-sections) .box-section{border:2px dashed var(--kup-text-color)}:host(:not(.kup-paddingless)) #box-container .box{padding:3px}:host(:not(.kup-paddingless)) #box-container .box .box-section .box-object{padding:1px 4px}:host(:not(.kup-paddingless)) #box-container .box .box-section.last-child{margin:3px 4px}:host(.kup-danger){--kup-box-primary-color-rgb:var(--kup-danger-color-rgb)}:host(.kup-info){--kup-box-primary-color-rgb:var(--kup-info-color-rgb)}:host(.kup-secondary){--kup-box-primary-color-rgb:var(--kup-secondary-color-rgb)}:host(.kup-success){--kup-box-primary-color-rgb:var(--kup-success-color-rgb)}:host(.kup-warning){--kup-box-primary-color-rgb:var(--kup-warning-color-rgb)}";export{V as kup_box}
@@ -1 +0,0 @@
1
- import{r as t,h as i,d as e}from"./p-1ad7fea0.js";import{f as s,s as a,g as o,b as h}from"./p-2778f948.js";import{r,s as l,c as d,a as n,b as c}from"./p-8e3b6de8.js";import{e as p}from"./p-924b841b.js";import"./p-de07d17e.js";const b=class{constructor(e){t(this,e),this.taskListTrueRef=null,this.ganttId=void 0,this.tasks=void 0,this.headerHeight=114,this.columnWidth=60,this.listCellWidth="297px",this.rowHeight=50,this.filter=void 0,this.ganttHeight=0,this.viewMode="month",this.preStepsCount=1,this.locale="en-GB",this.barFill=60,this.projectFill=80,this.timelineFill=40,this.barCornerRadius=3,this.barProgressColor="#a3a3ff",this.barProgressSelectedColor="#8282f5",this.barBackgroundColor="#b8c2cc",this.barBackgroundSelectedColor="#aeb8c2",this.projectProgressColor="#7db59a",this.projectProgressSelectedColor="#59a985",this.projectBackgroundColor="#fac465",this.projectBackgroundSelectedColor="#f7bb53",this.rtl=!1,this.handleWidth=8,this.timeStep=3e5,this.arrowColor="grey",this.fontFamily="Arial, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue",this.fontSize="14px",this.arrowIndent=20,this.todayColor="#ff0000",this.viewDate=void 0,this.TooltipContent=i("kup-standard-tooltip",null),this.TaskListHeader=i("kup-task-list-header",null),this.TaskListTable=i("kup-task-list-table",null),this.dateTimeFormatters=void 0,this.singleLineHeader=!1,this.hideLabel=!1,this.showSecondaryDates=!1,this.hideDependencies=!1,this.projection=void 0,this.displayedStartDate=void 0,this.displayedEndDate=void 0,this.initialScrollX=-1,this.initialScrollY=0,this.readOnly=void 0,this.currentTasks=[],this.label=void 0,this.doubleView=void 0,this.setDoubleView=void 0,this.barContextMenu=void 0,this.scrollXChange=void 0,this.scrollYChange=void 0,this.barClick=void 0,this.barDblClick=void 0,this.dateChange=void 0,this.select=void 0,this.handleClick=void 0,this.handleDblClick=void 0,this.handleContextMenu=void 0,this.ganttOnClick=void 0,this.ganttOnDblClick=void 0,this.ganttonOnContextMenu=void 0,this.progressChange=void 0,this.doubleClick=void 0,this.delete=void 0,this.expanderClick=void 0,this.wrapperRef=void 0,this.taskGanttRef=null,this.taskListRef=void 0,this.dateSetup=void 0,this.taskListWidth=0,this.svgContainerWidth=0,this.svgContainerHeight=this.ganttHeight,this.barTasks=[],this.ganttEvent={action:""},this.taskHeight=this.rowHeight*this.barFill/100,this.projectHeight=this.rowHeight*this.projectFill/100,this.timelineHeight=this.rowHeight*this.timelineFill/100,this.selectedTask=void 0,this.failedTask=null,this.svgWidth=void 0,this.ganttFullHeight=void 0,this.scrollX=0,this.scrollY=-1,this.ignoreScrollEvent=!1,this.currentDateIndicatorContent=void 0,this.projectionContent=void 0}componentWillLoad(){this.updateGanttData(),this.loadStates()}loadStates(){var t,i;this.scrollX=this.initialScrollX,this.scrollY=this.initialScrollY;const[e,o]=s(this.tasks,this.viewMode,this.preStepsCount,this.showSecondaryDates,this.displayedStartDate,this.displayedEndDate);this.dateSetup={viewMode:this.viewMode,dates:a(e,o,this.viewMode)},this.svgWidth=(null===(i=null===(t=this.dateSetup)||void 0===t?void 0:t.dates)||void 0===i?void 0:i.length)*this.columnWidth,this.ganttFullHeight=this.barTasks.length*this.rowHeight}componentDidRender(){this.taskGanttRef=this.rootElement.querySelector("kup-task-gantt").querySelector(".ganttVerticalContainer")}componentDidLoad(){this.updateScrollLeftAndScrollTop(),window.addEventListener("gantt-sync-scroll-event",this.onGanttSyncScrollEvent.bind(this))}updateInitialScrollY(){this.scrollYChange&&this.scrollYChange(this.initialScrollY),this.scrollY=this.initialScrollY}updateInitialScrollX(){window.addEventListener("gantt-sync-scroll-event",(function(t){t.detail.id!==this.ganttId&&(this.scrollX=t.detail.scrollX,this.scrollXChange&&this.scrollXChange(t.detail.scrollX))}))}updateGanttData(){let t;t=this.expanderClick?r(this.tasks):this.tasks,t=t.sort(l);const[i,e]=s(t,this.viewMode,this.preStepsCount,this.showSecondaryDates,this.displayedStartDate,this.displayedEndDate);let o=a(i,e,this.viewMode);this.rtl&&(o=o.reverse(),-1===scrollX&&(this.scrollX=o.length*this.columnWidth));let h=!1;if(this.dateSetup&&this.dateSetup.dates){const t=this.dateSetup.dates;if(t.length!==o.length)h=!0;else for(let i=0;i<t.length;i++)if(t[i].valueOf()!==o[i].valueOf()){h=!0;break}}h&&(this.dateSetup={dates:o,viewMode:this.viewMode}),this.barTasks=d(t,o,this.columnWidth,this.rowHeight,this.taskHeight,this.projectHeight,this.timelineHeight,this.barCornerRadius,this.handleWidth,this.rtl,this.barProgressColor,this.barProgressSelectedColor,this.barBackgroundColor,this.barBackgroundSelectedColor,this.projectProgressColor,this.projectProgressSelectedColor,this.projectBackgroundColor,this.projectBackgroundSelectedColor,this.showSecondaryDates)}updateIgnoreScrollEvent(){if(this.viewMode===this.dateSetup.viewMode&&this.viewDate&&this.initialScrollX<1){const t=this.dateSetup.dates,i=t.findIndex(((i,e)=>this.viewDate.valueOf()>=i.valueOf()&&e+1!==t.length&&this.viewDate.valueOf()<t[e+1].valueOf()));if(-1===i)return;this.ignoreScrollEvent=!0,this.scrollX=this.columnWidth*i}}updateGanttEventAndBarTasks(){const{changedTask:t,action:i}=this.ganttEvent;if(t)if("delete"===i)this.ganttEvent={action:""},this.barTasks=this.barTasks.filter((i=>i.id!==t.id));else if("move"===i||"end"===i||"start"===i||"progress"===i){const i=this.barTasks.find((i=>i.id===t.id));if(i&&(i.start.getTime()!==t.start.getTime()||i.end.getTime()!==t.end.getTime()||i.progress!==t.progress)){const i=this.barTasks.map((i=>i.id===t.id?t:i));this.barTasks=i}}}updateFailedTasksAndBarChart(){this.failedTask&&(this.barTasks=this.barTasks.map((t=>t.id!==this.failedTask.id?t:this.failedTask)),this.failedTask=null)}updateTaskListWidth(){this.listCellWidth||(this.taskListWidth=0),this.taskListRef&&(this.taskListWidth=this.taskListRef.offsetWidth)}updateSvgContainerWidth(){this.wrapperRef&&(this.svgContainerWidth=this.wrapperRef.offsetWidth-this.taskListWidth)}updateSvgContainerHeight(){this.svgContainerHeight=this.ganttHeight?this.ganttHeight+this.headerHeight:this.tasks.length*this.rowHeight+this.headerHeight}handleWheel(t){if(this.wrapperRef&&"wheel"===(null==t?void 0:t.type)){if(t.shiftKey||t.deltaX){let i=this.scrollX+(t.deltaX?t.deltaX:t.deltaY);i<0?i=0:i>this.svgWidth&&(i=this.svgWidth),this.scrollX=i,window.dispatchEvent(new CustomEvent("gantt-sync-scroll-event",{detail:{componentId:this.ganttId,scrollX:i}})),t.preventDefault()}else if(this.ganttHeight){let i=this.scrollY+t.deltaY;i<0?i=0:i>Math.abs(this.ganttFullHeight-this.ganttHeight)&&(i=Math.abs(this.ganttFullHeight-this.ganttHeight)),i!==this.scrollY&&(this.scrollYChange&&this.scrollYChange(i),this.scrollY=i,t.preventDefault())}this.ignoreScrollEvent=!0}}updateCurrentDateIndicatorContent(){const t=n(this.dateSetup.dates,this.columnWidth);0!==t&&(this.currentDateIndicatorContent={color:this.todayColor,x:t})}updateProjectionContent(){if(this.projection){const{x0:t,xf:i}=c(this.projection.start,this.projection.end,this.dateSetup.dates,this.columnWidth);this.projectionContent={x0:t,xf:i,color:this.projection.color}}else this.projectionContent=void 0}updateSvgWidth(){var t,i;this.svgWidth=(null===(i=null===(t=this.dateSetup)||void 0===t?void 0:t.dates)||void 0===i?void 0:i.length)*this.columnWidth}updateGanttFullHeight(){this.ganttFullHeight=this.barTasks.length*this.rowHeight}onGanttSyncScrollEvent(t){t.detail.componentId!==this.ganttId&&(this.scrollX=t.detail.scrollX,this.scrollXChange&&this.scrollXChange(t.detail.scrollX))}updateScrollLeftAndScrollTop(){if(this.wrapperRef){const t=this.wrapperRef;t&&(-1!==this.scrollX&&setTimeout((()=>{t.scrollLeft=this.scrollX}),125),0!==this.scrollY&&setTimeout((()=>{t.scrollTop=this.scrollY}),125))}}handleScrollY(t){const i=t.currentTarget;this.scrollY!==i.scrollTop?this.ignoreScrollEvent?this.ignoreScrollEvent=!1:(this.scrollYChange&&this.scrollYChange(i.scrollTop),this.scrollY=i.scrollTop,this.ignoreScrollEvent=!0):this.ignoreScrollEvent=!1}handleScrollX(t){const i=t.currentTarget;this.scrollX===i.scrollLeft||this.ignoreScrollEvent?this.ignoreScrollEvent=!1:(this.scrollX=i.scrollLeft,this.ignoreScrollEvent=!0,window.dispatchEvent(new CustomEvent("gantt-sync-scroll-event",{detail:{componentId:this.ganttId,scrollX:i.scrollLeft}})))}handleKeyDown(t){if("INPUT"===t.target.tagName)return;t.preventDefault();let i=this.scrollY,e=this.scrollX,s=!0;switch(t.key){case"Down":case"ArrowDown":i+=this.rowHeight,s=!1;break;case"Up":case"ArrowUp":i-=this.rowHeight,s=!1;break;case"Left":case"ArrowLeft":e-=this.columnWidth;break;case"Right":case"ArrowRight":e+=this.columnWidth}s?(e<0?e=0:e>this.svgWidth&&(e=this.svgWidth),this.scrollX=e,window.dispatchEvent(new CustomEvent("gantt-sync-scroll-event",{detail:{componentId:this.ganttId,scrollX:e}}))):(i<0?i=0:i>this.ganttFullHeight-this.ganttHeight&&(i=this.ganttFullHeight-this.ganttHeight),this.scrollYChange&&this.scrollYChange(i),this.scrollY=i),this.ignoreScrollEvent=!0}handleSelectedTask(t){const i=this.barTasks.find((i=>i.id===t)),e=this.barTasks.find((t=>!!this.selectedTask&&t.id===this.selectedTask.id));this.select&&(e&&this.select(e,!1),i&&this.select(i,!0)),this.selectedTask=i}handleExpanderClick(t){this.expanderClick&&void 0!==t.hideChildren&&this.expanderClick(Object.assign(Object.assign({},t),{hideChildren:!t.hideChildren}))}setFailedTask(t){this.failedTask=t}setGanttEvent(t){this.ganttEvent=t}render(){var t,e;const s={columnWidth:this.columnWidth,svgWidth:this.svgWidth,tasks:this.tasks,rowHeight:this.rowHeight,dates:null===(t=this.dateSetup)||void 0===t?void 0:t.dates,todayColor:this.todayColor,rtl:this.rtl},a={dateSetup:this.dateSetup,locale:this.locale,viewMode:this.viewMode,headerHeight:this.headerHeight,columnWidth:this.columnWidth,fontFamily:this.fontFamily,fontSize:this.fontSize,rtl:this.rtl,dateTimeFormatters:this.dateTimeFormatters,singleLineHeader:this.singleLineHeader,currentDateIndicator:this.currentDateIndicatorContent},o={tasks:this.barTasks,dates:null===(e=this.dateSetup)||void 0===e?void 0:e.dates,ganttEvent:this.ganttEvent,selectedTask:this.selectedTask,rowHeight:this.rowHeight,taskHeight:this.taskHeight,columnWidth:this.columnWidth,arrowColor:this.hideDependencies?"transparent":this.arrowColor,timeStep:this.timeStep,fontFamily:this.fontFamily,fontSize:this.fontSize,arrowIndent:this.arrowIndent,svgWidth:this.svgWidth,rtl:this.rtl,hideLabel:this.hideLabel,showSecondaryDates:this.showSecondaryDates,ganttHeight:this.ganttHeight,currentDateIndicator:this.currentDateIndicatorContent,projection:this.projectionContent,readOnly:this.readOnly,setGanttEvent:this.setGanttEvent.bind(this),setFailedTask:this.setFailedTask.bind(this),setSelectedTask:this.handleSelectedTask.bind(this),dateChange:this.dateChange,progressChange:this.progressChange,doubleClick:this.doubleClick,barClick:this.barClick,barDblClick:this.barDblClick,barContextMenu:this.barContextMenu,delete:this.delete},h={rowHeight:this.rowHeight,rowWidth:this.listCellWidth,fontFamily:this.fontFamily,fontSize:this.fontSize,tasks:this.barTasks,locale:this.locale,headerHeight:this.headerHeight,scrollY:this.scrollY,ganttHeight:this.ganttHeight,filter:this.filter,horizontalContainerClass:"horizontalContainer",selectedTask:this.selectedTask,taskListRef:this.taskListRef,setSelectedTask:this.handleSelectedTask.bind(this),expanderClick:this.handleExpanderClick.bind(this),TaskListHeader:this.TaskListHeader,TaskListTable:this.TaskListTable};return i("div",{key:"45f78de60434d538eb10b97a88be922a9365a7e9",class:"gannt-wrapper-main"},i("div",{key:"9376c59327c70a07fd87e8c26f58c073c7da6d38",class:"wrapper",onKeyDown:this.handleKeyDown.bind(this),tabIndex:0,ref:t=>this.wrapperRef=t},this.listCellWidth&&i("kup-task-list",Object.assign({currentTasks:this.currentTasks,handleClick:this.handleClick,handleDblClick:this.handleDblClick,handleContextMenu:this.handleContextMenu,ganttOnClick:this.ganttOnClick,ganttOnDblClick:this.ganttOnDblClick,ganttonOnContextMenu:this.ganttonOnContextMenu,label:this.label,doubleView:this.doubleView,setDoubleView:this.setDoubleView},h,{class:"tasks",ref:t=>this.taskListTrueRef=t})),i("kup-task-gantt",{key:"fbf014b8900787ad70e0acd609d512da11248890",gridProps:s,calendarProps:a,barProps:o,ganttHeight:this.ganttHeight,taskGanttRef:this.taskGanttRef,scrollY:this.scrollY,scrollX:this.scrollX,class:"ganttContainer"}),this.ganttEvent.changedTask&&i("kup-tooltip",{arrowIndent:this.arrowIndent,rowHeight:this.rowHeight,svgContainerHeight:this.svgContainerHeight,svgContainerWidth:this.svgContainerWidth,fontFamily:this.fontFamily,fontSize:this.fontSize,scrollX:this.scrollX,scrollY:this.scrollY,task:this.ganttEvent.changedTask,headerHeight:this.headerHeight,taskListWidth:this.taskListWidth,TooltipContent:this.TooltipContent,rtl:this.rtl,svgWidth:this.svgWidth}),i("kup-vertical-scroll",{key:"55634bee7bb94ddb0958e955c915a3fd18916228",ganttFullHeight:this.ganttFullHeight,ganttHeight:this.ganttHeight,headerHeight:this.headerHeight,scrollNumber:this.scrollY,verticalScroll:this.handleScrollY.bind(this),rtl:this.rtl})),this.taskGanttRef&&i("kup-horizontal-scroll",{svgWidth:this.svgWidth,taskListTrueRef:this.taskListTrueRef,taskListWidth:this.taskListWidth,scrollNumber:this.scrollX,rtl:this.rtl,horizontalScroll:this.handleScrollX.bind(this)}))}get rootElement(){return e(this)}static get watchers(){return{initialScrollY:["updateInitialScrollY"],scrollYChange:["updateInitialScrollY"],initialScrollX:["updateInitialScrollX","updateIgnoreScrollEvent"],scrollXChange:["updateInitialScrollX"],tasks:["updateGanttData","updateSvgContainerHeight"],viewMode:["updateGanttData","updateIgnoreScrollEvent"],preStepsCount:["updateGanttData"],rowHeight:["updateGanttData","updateSvgContainerHeight","updateGanttFullHeight"],barCornerRadius:["updateGanttData"],columnWidth:["updateGanttData","updateIgnoreScrollEvent","updateCurrentDateIndicatorContent","updateProjectionContent","updateSvgWidth"],taskHeight:["updateGanttData"],handleWidth:["updateGanttData"],barProgressColor:["updateGanttData"],barProgressSelectedColor:["updateGanttData"],barBackgroundColor:["updateGanttData"],barBackgroundSelectedColor:["updateGanttData"],projectProgressColor:["updateGanttData"],projectProgressSelectedColor:["updateGanttData"],projectBackgroundColor:["updateGanttData"],projectBackgroundSelectedColor:["updateGanttData"],milestoneBackgroundColor:["updateGanttData"],milestoneBackgroundSelectedColor:["updateGanttData"],rtl:["updateGanttData","handleWheel"],scrollX:["updateGanttData","handleWheel"],onExpanderClick:["updateGanttData"],showSecondaryDates:["updateGanttData"],projectHeight:["updateGanttData"],timelineHeight:["updateGanttData"],displayedStartDate:["updateGanttData"],displayedEndDate:["updateGanttData"],dateSetup:["updateGanttData","updateIgnoreScrollEvent","updateCurrentDateIndicatorContent","updateProjectionContent","updateSvgWidth"],viewDate:["updateIgnoreScrollEvent"],ganttEvent:["updateGanttEventAndBarTasks"],failedTask:["updateFailedTasksAndBarChart"],barTasks:["updateFailedTasksAndBarChart","updateGanttFullHeight"],taskListRef:["updateTaskListWidth"],listCellWidth:["updateTaskListWidth"],wrapperRef:["updateSvgContainerWidth","handleWheel"],ganttHeight:["updateSvgContainerHeight","handleWheel"],headerHeight:["updateSvgContainerHeight"],scrollY:["handleWheel"],svgWidth:["handleWheel"],ganttFullHeight:["handleWheel"],todayColor:["updateCurrentDateIndicatorContent"],projection:["updateProjectionContent"]}}};b.style=".wrapper{display:flex;padding:0;margin:0;list-style:none;outline:none;position:relative}.ganttContainer{background:#efefef;border-radius:8px;margin:12px;overflow:hidden;padding:12px}.ganttVerticalContainer{overflow:hidden;font-size:0;margin:0;padding:0}.horizontalContainer{margin:0;padding:0;overflow:hidden}.task-gantt{overflow:hidden}.tasks{border-radius:8px;background:#efefef;margin:12px;padding:12px}";const u=class{constructor(i){t(this,i),this.scrollNumber=void 0,this.svgWidth=void 0,this.taskListTrueRef=void 0,this.rtl=void 0,this.taskListWidth=void 0,this.horizontalScroll=void 0,this.timeoutId=void 0}componentDidLoad(){this.scrollLeft()}scrollLeft(){clearTimeout(this.timeoutId),this.timeoutId=setTimeout((()=>{this.setScrollLeft()}),50)}setScrollLeft(){this.rootElement&&(this.rootElement.shadowRoot.querySelector("div").scrollLeft=this.scrollNumber)}render(){var t,e;const s=null!==(e=(null===(t=this.taskListTrueRef)||void 0===t?void 0:t.getBoundingClientRect().width)+36)&&void 0!==e?e:0;return i("div",{key:"6900ce2b4ff33f7f48403c085861d25d8a55ae51",dir:"ltr",style:{margin:this.rtl?`0px ${s}px 0px 12px`:`0px 12px 0px ${s}px`},class:"scrollWrapper","data-scrollx":"true",onScroll:this.horizontalScroll},i("div",{key:"d5cd1e9ec9d4dc2a1c249eef3c485dc3eb9f82ad",style:{width:`${this.svgWidth}px`},class:"scroll"}))}get rootElement(){return e(this)}static get watchers(){return{scrollNumber:["scrollLeft"]}}};u.style=".scrollWrapper{overflow:auto;max-width:100%;height:1.2rem}.scrollWrapper::-webkit-scrollbar{width:1.1rem;height:1.1rem}.scrollWrapper::-webkit-scrollbar-corner{background:transparent}.scrollWrapper::-webkit-scrollbar-thumb{border:6px solid transparent;background:rgba(0, 0, 0, 0.2);background:var(--palette-black-alpha-20, rgba(0, 0, 0, 0.2));border-radius:10px;background-clip:padding-box}.scrollWrapper::-webkit-scrollbar-thumb:hover{border:4px solid transparent;background:rgba(0, 0, 0, 0.3);background:var(--palette-black-alpha-30, rgba(0, 0, 0, 0.3));background-clip:padding-box}.scroll{height:1px}";const g=class{constructor(i){t(this,i),this.task=void 0,this.fontSize=void 0,this.fontFamily=void 0}render(){return i("div",{key:"654584ad4531cbc29fac8f6f1f8862f32127e614",class:"tooltipDefaultContainer",style:{fontSize:this.fontSize,fontFamily:this.fontFamily}},i("b",{key:"fc0104c8f5cce036410e84236b73237ca8c32e10",style:{fontSize:`${parseInt(this.fontSize)+6}px`}},`${this.task.name}: ${this.task.start.getDate()}-${this.task.start.getMonth()+1}-${this.task.start.getFullYear()} - ${this.task.end.getDate()}-${this.task.end.getMonth()+1}-${this.task.end.getFullYear()}`),this.task.end.getTime()-this.task.start.getTime()!=0&&i("p",{class:"tooltipDefaultContainerParagraph"},`Duration: ${~~((this.task.end.getTime()-this.task.start.getTime())/864e5)} day(s)`),i("p",{key:"021b32e66e1ee1254acb60d7a5c1f38f1b59ea42",class:"tooltipDefaultContainerParagraph"},!!this.task.progress&&`Progress: ${this.task.progress} %`))}};g.style=".tooltipDefaultContainer{background:#fff;padding:12px;box-shadow:0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23)}.tooltipDefaultContainerParagraph{font-size:12px;margin-bottom:6px;color:#666}.tooltipDetailsContainer{position:absolute;display:flex;flex-shrink:0;pointer-events:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.tooltipDetailsContainerHidden{visibility:hidden;position:absolute;display:flex;pointer-events:none}";const v=class{constructor(i){t(this,i),this.timeUnitChange=void 0}render(){return i("div",{key:"64c26910f550b5c74b294667e58f396f0642e601",class:"switcher"},i("button",{key:"1f110cd85b5e837aec6f5c2b69ac14b3a47d9f79",type:"button",class:"button",onClick:()=>this.timeUnitChange("day")},i("span",{key:"be249d7896fcd93905e8865309405d30dfa506bf",class:"label"},"Day")),i("button",{key:"81dfab2aebed98d32cff106577795a064c03a257",type:"button",class:"button",onClick:()=>this.timeUnitChange("week")},i("span",{key:"e5c41e5dcd9d775c6749c2907e59a7d0400e3712",class:"label"},"Week")),i("button",{key:"a598a5ab4f1496bbd267134201b21c45e5198d01",type:"button",class:"button",onClick:()=>this.timeUnitChange("month")},i("span",{key:"57769be17ca1de59a919cbb7e7ac11d0546a28fb",class:"label"},"Month")),i("button",{key:"b62c7585c44acc19863bc93898851348250ba7fa",type:"button",class:"button",onClick:()=>this.timeUnitChange("year")},i("span",{key:"9f4ab800c4eef1666ceabaebe0d35b042753430f",class:"label"},"Year")))}};v.style=".switcher{display:grid;grid-auto-flow:column;grid-gap:8px;margin-left:12px;width:max-content}.button{background:transparent;border-color:var(--kup-primary-color, #003b77);border-radius:4px;border-width:1px;box-shadow:0 3px 1px -2px rgba(var(--kup-text-color-rgb, 51 51 51), 0.2), 0 2px 2px 0 rgba(var(--kup-text-color-rgb, 51 51 51), 0.14), 0 1px 5px 0 rgba(var(--kup-text-color-rgb, 51 51 51), 0.12);box-sizing:border-box;color:var(--kup-primary-color, #003b77);cursor:pointer;font-size:11px;height:32px;min-width:64px}.label{font-family:var(--kup-font-family, inherit);font-size:11px;letter-spacing:0.0892857143em;text-decoration:none;text-transform:uppercase;padding:0 6px}";const f=class{constructor(i){t(this,i),this.gridProps=void 0,this.calendarProps=void 0,this.barProps=void 0,this.taskGanttRef=void 0,this.ganttHeight=void 0,this.scrollY=void 0,this.scrollX=void 0}updateScrollX(){setTimeout((()=>{this.verticalGanttContainerRef&&(this.verticalGanttContainerRef.scrollLeft=this.scrollX)}),30)}updateScrollY(){setTimeout((()=>{this.horizontalContainerRef&&(this.horizontalContainerRef.scrollTop=this.scrollY)}),30)}componentDidLoad(){setTimeout((()=>{this.updateScrollX(),this.updateScrollY()}),75)}render(){const t=Object.assign(Object.assign({},this.barProps),{gridProps:this.gridProps});return i("div",{key:"d9a4cf68f10e8263f73123022b4e545f6a028580",class:"ganttVerticalContainer",ref:t=>this.verticalGanttContainerRef=t,dir:"ltr"},i("kup-gantt-calendar",{key:"2ad5614e2df01e5f3cc21b9940c14ba7dd5a785d",dateSetup:this.calendarProps.dateSetup,locale:this.calendarProps.locale,rtl:this.calendarProps.rtl,headerHeight:this.calendarProps.headerHeight,columnWidth:this.calendarProps.columnWidth,fontFamily:this.calendarProps.fontFamily,fontSize:this.calendarProps.fontSize,dateTimeFormatters:this.calendarProps.dateTimeFormatters,singleLineHeader:this.calendarProps.singleLineHeader,currentDateIndicator:this.calendarProps.currentDateIndicator,svgWidth:this.gridProps.svgWidth}),i("div",{key:"8c0e76cb967f172406f352c6568582fdc4008d38",ref:t=>this.horizontalContainerRef=t,class:"horizontalContainer",style:this.ganttHeight?{height:`${this.ganttHeight}px`,width:`${this.gridProps.svgWidth}px`}:{width:`${this.gridProps.svgWidth}px`}},i("kup-grid-renderer",Object.assign({key:"69040247d6fde1ddb12f3b2ce54e02bc7781e569"},t))))}get rootElement(){return e(this)}static get watchers(){return{scrollX:["updateScrollX"],verticalGanttContainerRef:["updateScrollX"],scrollY:["updateScrollY"],horizontalContainerRef:["updateScrollY"]}}},k=class{constructor(i){t(this,i),this.headerHeight=void 0,this.fontFamily=void 0,this.fontSize=void 0,this.rowWidth=void 0,this.rowHeight=void 0,this.scrollY=void 0,this.locale=void 0,this.tasks=void 0,this.selectedTask=void 0,this.horizontalContainerClass=void 0,this.ganttHeight=void 0,this.filter=void 0,this.TaskListHeader=void 0,this.TaskListTable=void 0,this.currentTasks=void 0,this.label=void 0,this.doubleView=void 0,this.setDoubleView=void 0,this.handleClick=void 0,this.handleDblClick=void 0,this.handleContextMenu=void 0,this.ganttOnClick=void 0,this.ganttOnDblClick=void 0,this.ganttonOnContextMenu=void 0,this.setSelectedTask=void 0,this.expanderClick=void 0,this.selectedTaskId=""}componentDidLoad(){this.taskListRef.prepend(this.filter),setTimeout((()=>{this.horizontalContainerRef&&(this.horizontalContainerRef.scrollTop=this.scrollY)}),75)}componentDidUpdate(){this.taskListRef&&(this.taskListRef.scrollTop=this.scrollY)}updateScrollY(){this.horizontalContainerRef&&(this.horizontalContainerRef.scrollTop=this.scrollY)}render(){var t;const e={headerHeight:this.headerHeight,fontFamily:this.fontFamily,fontSize:this.fontSize,rowWidth:this.rowWidth};this.selectedTask&&(this.selectedTaskId=this.selectedTask.id);const s={rowHeight:this.rowHeight,rowWidth:this.rowWidth,fontFamily:this.fontFamily,fontSize:this.fontSize,tasks:this.tasks,locale:this.locale,selectedTaskId:this.selectedTaskId,setSelectedTask:this.setSelectedTask.bind(this),onExpanderClick:this.expanderClick},a=this.TaskListHeader;a&&a.t&&Object.assign(a.t,Object.assign({},e));const r=this.TaskListTable;return r&&r.t&&Object.assign(r.t,Object.assign({},s)),i("div",{key:"7dd68dd1a7d21ae60df1565041e4c40c4e809190",ref:t=>this.taskListRef=t},a&&a.t?a:i("kup-custom-task-list-header",Object.assign({label:this.label,doubleView:null!==(t=this.doubleView)&&void 0!==t&&t,setDoubleView:this.setDoubleView},e)),i("div",{key:"7a956f23ef07603f31a331d229f1bb1d04e98773",class:this.horizontalContainerClass,style:this.ganttHeight?{height:this.ganttHeight+"px"}:{},ref:t=>this.horizontalContainerRef=t},r&&r.t?r:i("kup-custom-task-list-table",Object.assign({},s,{onclickTaskList:t=>{let i=h(t,this.currentTasks);i||(i=o(t,this.currentTasks)),i&&this.handleClick(i,this.ganttOnClick)},ondblclickTaskList:t=>{let i=h(t,this.currentTasks);i||(i=o(t,this.currentTasks)),i&&this.handleDblClick(i,this.ganttOnDblClick)},oncontextmenuTaskList:(t,i)=>{let e=h(i,this.currentTasks);e||(e=o(i,this.currentTasks)),e&&this.handleContextMenu(t,e,this.ganttonOnContextMenu)},ganttId:p}))))}get element(){return e(this)}static get watchers(){return{scrollY:["updateScrollY"]}}};k.style=".tasks{border-radius:8px;background:#efefef;margin:12px;padding:12px}.taskListWrapper{display:table;border-bottom:#e6e4e4 1px solid;border-left:#e6e4e4 1px solid}.taskListTableRow{display:table-row;text-overflow:ellipsis}.taskListCell{display:table-cell;vertical-align:middle;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.taskListNameWrapper{display:flex}.taskListExpander{color:rgb(86, 86, 86);font-size:0.6rem;padding:0.15rem 0.2rem 0 0.2rem;user-select:none;cursor:pointer}.taskListEmptyExpander{font-size:0.6rem;padding-left:1rem;user-select:none}.ganttTable{display:table;border-bottom:#e6e4e4 1px solid;border-top:#e6e4e4 1px solid;border-left:#e6e4e4 1px solid}.ganttTable_Header{display:table-row;list-style:none}.ganttTable_HeaderSeparator{border-right:1px solid rgb(196, 196, 196);opacity:1;margin-left:-2px}.ganttTable_HeaderItem{display:table-cell;vertical-align:-webkit-baseline-middle;vertical-align:middle}";const m=class{constructor(i){t(this,i),this.headerHeight=void 0,this.fontFamily=void 0,this.fontSize=void 0,this.rowWidth=void 0}render(){return i("div",{key:"85c164a7a4313c8708ce2774338ff123621e7648",class:"ganttTable",style:{fontFamily:this.fontFamily,fontSize:this.fontSize}},i("div",{key:"46aad2a15e9f7d6fe8e7b705b5cc4f385ebf2d69",class:"ganttTable_Header",style:{height:this.headerHeight-2+"px"}},i("div",{key:"fafa8c4eb47c740fff23eb204a75b872d39876e2",class:"ganttTable_HeaderItem",style:{minWidth:this.rowWidth}}," Name"),i("div",{key:"1ebbcca3ce32701a8af4140fb638173de9795995",class:"ganttTable_HeaderSeparator",style:{height:.5*this.headerHeight+"px",marginTop:.2*this.headerHeight+"px"}}),i("div",{key:"b08345a4be12e76a9d634508e32e035a3c570dfb",class:"ganttTable_HeaderItem",style:{minWidth:this.rowWidth}}," From"),i("div",{key:"3f035b39c2c66677e78c2786cea4a39c824bb60b",class:"ganttTable_HeaderSeparator",style:{height:.5*this.headerHeight+"px",marginTop:.25*this.headerHeight+"px"}}),i("div",{key:"01effc62e0e2ddf73ab5cf4cbad5873f70d510c6",class:"ganttTable_HeaderItem",style:{minWidth:this.rowWidth}}," To")))}};m.style=".tasks{border-radius:8px;background:#efefef;margin:12px;padding:12px}.taskListWrapper{display:table;border-bottom:#e6e4e4 1px solid;border-left:#e6e4e4 1px solid}.taskListTableRow{display:table-row;text-overflow:ellipsis}.taskListCell{display:table-cell;vertical-align:middle;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.taskListNameWrapper{display:flex}.taskListExpander{color:rgb(86, 86, 86);font-size:0.6rem;padding:0.15rem 0.2rem 0 0.2rem;user-select:none;cursor:pointer}.taskListEmptyExpander{font-size:0.6rem;padding-left:1rem;user-select:none}.ganttTable{display:table;border-bottom:#e6e4e4 1px solid;border-top:#e6e4e4 1px solid;border-left:#e6e4e4 1px solid}.ganttTable_Header{display:table-row;list-style:none}.ganttTable_HeaderSeparator{border-right:1px solid rgb(196, 196, 196);opacity:1;margin-left:-2px}.ganttTable_HeaderItem{display:table-cell;vertical-align:-webkit-baseline-middle;vertical-align:middle}";const x=class{constructor(i){t(this,i),this.dateTimeOptions={weekday:"short",year:"numeric",month:"long",day:"numeric"},this.rowHeight=void 0,this.rowWidth=void 0,this.fontFamily=void 0,this.fontSize=void 0,this.locale=void 0,this.tasks=void 0,this.selectedTaskId=void 0,this.expandedTasks=new Set,this.setSelectedTask=void 0,this.expanderClick=void 0}toLocaleDateString(t){return t.toLocaleDateString(this.locale,this.dateTimeOptions)}render(){return i("div",{key:"384204e115a7d10387be01795a096ae843b06ebf",class:"taskListWrapper",style:{fontFamily:this.fontFamily,fontSize:this.fontSize}},this.tasks.map((t=>i("div",{class:{taskListTableRow:!0,expanded:this.expandedTasks.has(t.id)},style:{height:`${this.rowHeight}px`},key:`${t.id}row`},i("div",{class:"taskListCell",style:{minWidth:this.rowWidth,maxWidth:this.rowWidth},title:t.name},i("div",{class:"taskListNameWrapper"},i("div",{class:{taskListExpander:!0,expanded:this.expandedTasks.has(t.id)},onClick:()=>this.expanderClick(t)},this.expandedTasks.has(t.id)?"▼":"▶"),i("div",null,t.name))),i("div",{class:"taskListCell",style:{minWidth:this.rowWidth,maxWidth:this.rowWidth}}," ",this.toLocaleDateString(t.start)),i("div",{class:"taskListCell",style:{minWidth:this.rowWidth,maxWidth:this.rowWidth}}," ",this.toLocaleDateString(t.end))))))}};x.style=".tasks{border-radius:8px;background:#efefef;margin:12px;padding:12px}.taskListWrapper{display:table;border-bottom:#e6e4e4 1px solid;border-left:#e6e4e4 1px solid}.taskListTableRow{display:table-row;text-overflow:ellipsis}.taskListCell{display:table-cell;vertical-align:middle;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.taskListNameWrapper{display:flex}.taskListExpander{color:rgb(86, 86, 86);font-size:0.6rem;padding:0.15rem 0.2rem 0 0.2rem;user-select:none;cursor:pointer}.taskListEmptyExpander{font-size:0.6rem;padding-left:1rem;user-select:none}.ganttTable{display:table;border-bottom:#e6e4e4 1px solid;border-top:#e6e4e4 1px solid;border-left:#e6e4e4 1px solid}.ganttTable_Header{display:table-row;list-style:none}.ganttTable_HeaderSeparator{border-right:1px solid rgb(196, 196, 196);opacity:1;margin-left:-2px}.ganttTable_HeaderItem{display:table-cell;vertical-align:-webkit-baseline-middle;vertical-align:middle}";const y=class{constructor(i){t(this,i),this.task=void 0,this.rowHeight=void 0,this.rtl=void 0,this.svgContainerHeight=void 0,this.svgContainerWidth=void 0,this.scrollX=void 0,this.scrollY=void 0,this.arrowIndent=void 0,this.fontSize=void 0,this.fontFamily=void 0,this.headerHeight=void 0,this.taskListWidth=void 0,this.TooltipContent=void 0,this.svgWidth=void 0,this.relatedY=0,this.relatedX=0}componentWillLoad(){this.calculateTooltipPosition()}calculateTooltipPosition(){if(this.rootElement){const t=1.1*this.rootElement.offsetHeight,i=1.1*this.rootElement.offsetWidth;let e,s=this.task.index*this.rowHeight-this.scrollY+this.headerHeight;this.rtl?(e=this.task.x1-1.5*this.arrowIndent-i-this.scrollX,e<0&&(e=this.task.x2+1.5*this.arrowIndent-this.scrollX),i+e>this.svgContainerWidth&&(e=this.svgContainerWidth-i,s+=this.rowHeight)):(e=this.task.x2+1.5*this.arrowIndent+this.taskListWidth-this.scrollX,i+e>this.taskListWidth+this.svgContainerWidth&&(e=this.task.x1+this.taskListWidth-1.5*this.arrowIndent-this.scrollX-i),e<this.taskListWidth&&(e=this.svgContainerWidth+this.taskListWidth-i,s+=this.rowHeight)),t+s-this.scrollY>this.svgContainerHeight-this.scrollY&&(s=this.svgContainerHeight-t),this.relatedY=s,this.relatedX=e}}render(){return i("div",{key:"6e6cc9d062e2910930ea039bd62c7d7c6cbfca30",class:this.relatedX?"tooltipDetailsContainer":"tooltipDetailsContainerHidden",style:{left:`${this.relatedX}px`,top:`${this.relatedY}px`}},i(this.TooltipContent,{key:"08262258302d58b11d3c832194adfcdecf262bc2",task:this.task,fontSize:this.fontSize,fontFamily:this.fontFamily}))}get rootElement(){return e(this)}static get watchers(){return{task:["calculateTooltipPosition"],arrowIndent:["calculateTooltipPosition"],scrollX:["calculateTooltipPosition"],scrollY:["calculateTooltipPosition"],headerHeight:["calculateTooltipPosition"],taskListWidth:["calculateTooltipPosition"],rowHeight:["calculateTooltipPosition"],svgContainerHeight:["calculateTooltipPosition"],svgContainerWidth:["calculateTooltipPosition"],rtl:["calculateTooltipPosition"]}}};y.style=".tooltipDefaultContainer{background:#fff;padding:12px;box-shadow:0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23)}.tooltipDefaultContainerParagraph{font-size:12px;margin-bottom:6px;color:#666}.tooltipDetailsContainer{position:absolute;display:flex;flex-shrink:0;pointer-events:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.tooltipDetailsContainerHidden{visibility:hidden;position:absolute;display:flex;pointer-events:none}";const w=class{constructor(i){t(this,i),this.scrollNumber=void 0,this.ganttHeight=void 0,this.ganttFullHeight=void 0,this.headerHeight=void 0,this.rtl=void 0,this.verticalScroll=void 0}componentDidLoad(){setTimeout((()=>{this.updateScroll()}),50)}updateScroll(){let t;if(this.scrollRef){const i=this.scrollRef;t=setTimeout((()=>{i.scrollTop=this.scrollNumber}),50)}return()=>{clearTimeout(t)}}render(){return i("div",{key:"80335159040a9c60dc8213840c3b2d684636585d",style:{height:`${this.ganttHeight}px`,marginTop:`${this.headerHeight}px`,marginLeft:this.rtl?"":"-1rem"},class:"scroll",onScroll:this.verticalScroll,ref:t=>this.scrollRef=t},i("div",{key:"2ad01e01bb31d6885cf87bda7e1448f70b182435",style:{height:`${this.ganttFullHeight}px`,width:"1px"}}))}get rootElement(){return e(this)}static get watchers(){return{scrollNumber:["updateScroll"]}}};w.style=".scroll{overflow:hidden auto;width:1rem;flex-shrink:0}.scroll::-webkit-scrollbar{width:1.1rem;height:1.1rem}.scroll::-webkit-scrollbar-corner{background:transparent}.scroll::-webkit-scrollbar-thumb{border:6px solid transparent;background:rgba(0, 0, 0, 0.2);background:var(--palette-black-alpha-20, rgba(0, 0, 0, 0.2));border-radius:10px;background-clip:padding-box}.scroll::-webkit-scrollbar-thumb:hover{border:4px solid transparent;background:rgba(0, 0, 0, 0.3);background:var(--palette-black-alpha-30, rgba(0, 0, 0, 0.3));background-clip:padding-box}";export{b as kup_gantt,u as kup_horizontal_scroll,g as kup_standard_tooltip,v as kup_switcher,f as kup_task_gantt,k as kup_task_list,m as kup_task_list_header,x as kup_task_list_table,y as kup_tooltip,w as kup_vertical_scroll}
@@ -1 +0,0 @@
1
- import{r as t,f as e,h as i,H as s,d as o}from"./p-1ad7fea0.js";import{k as a,g as c,s as n,l as r,d as h,ai as l,N as d,aj as p,U as u,c as b}from"./p-f31530fc.js";import{F as f}from"./p-c634eb82.js";import{F as m}from"./p-c089b961.js";import{c as k}from"./p-635bb4b3.js";import"./p-de07d17e.js";var g,y;!function(t){t.customStyle="Custom style of the component.",t.data="Sets the data that will be used to display different components."}(g||(g={})),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"}(y||(y={}));const x=class{constructor(e){t(this,e),this.dragHandler=null,this.kupManager=a(),this.textArea=null,this.wrapperRef=null,this.display=y.DATATABLE,this.customStyle="",this.data=null}async getProps(t){return c(this,g,t)}async refresh(){e(this)}async setProps(t){n(this,g,t)}comboboxProps(){const t=[];for(const e in y)Object.prototype.hasOwnProperty.call(y,e)&&t.push({id:y[e],selected:!1,value:y[e]});return{data:{"kup-list":{data:t,id:"kup-debug-theme-changer-list"},"kup-text-field":{emitSubmitEventOnEnter:!1,inputType:"text",label:this.kupManager.language.translate(r.VIEW_AS)}},id:"comp-switcher",initialValue:this.display,isSelect:!0,"onKup-combobox-itemclick":t=>{this.display=t.detail.value}}}setContent(){const t=!!(this.data&&this.data.columns&&this.data.columns.length>0),e=[],s={};if(this.display===y.JSON)s.initialValue=this.data?JSON.stringify(this.data,null,2):"",s.textArea=!0,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)switch(this.display){case y.BOX:s.data=this.data,e.push(i("kup-box",Object.assign({},s)));break;case y.BUTTON_LIST:s.data=this.data,e.push(i("kup-button-list",Object.assign({},s)));break;case y.CHIP:s.data=this.data,e.push(i("kup-chip",Object.assign({},s)));break;case y.CHART:case y.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];e.obj&&this.kupManager.objects.isNumber(e.obj)||null!==s.axis?s.series.push(this.display===y.CHART?{code:e.name,decode:e.title}:e.name):s.axis=e.name}0===s.series.length&&this.kupManager.debug.logMessage(this,"Not enough numerical columns to display a chart!",h.WARNING),s.axis||this.kupManager.debug.logMessage(this,"No axis for the chart!",h.WARNING),e.push(i(this.display===y.CHART?"kup-chart":"kup-echart",Object.assign({},s)));break;case y.DATATABLE:s.data=this.data,s.autoFillMissingCells=!0,e.push(i("kup-data-table",Object.assign({},s)));break;case y.TREE:s.data=this.data,e.push(i("kup-tree",Object.assign({class:"kup-full-width"},s)));break;default:return void this.kupManager.debug.logMessage(this,"Display mode not supported ("+this.display+")!",h.ERROR)}else e.push(i("div",{class:"empty"},i(m,{sizeY:"100px",resource:"move_to_inbox"}),i("div",{class:"empty-text"},this.kupManager.language.translate(r.DROP_YOUR_DATA))));return e}updateData(t){{const e=Object.assign({},this.data),i=t.detail.sourceElement&&t.detail.sourceElement.column?t.detail.sourceElement.column:null,s=t.detail.sourceElement&&t.detail.sourceElement.row?t.detail.sourceElement.row:null;if(i&&i.name?e.columns?this.data.columns.find((t=>t.name===i.name))||e.columns.push(i):e.columns=[i]:this.kupManager.debug.logMessage(this,"Invalid column received.",h.WARNING),s&&(e.rows?e.rows.push(s):e.rows=[s]),this.data=e,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,!1),this.kupManager.language.register(this),this.kupManager.theme.register(this)}componentDidLoad(){this.rootElement.addEventListener(l,(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:`[${d}],[${p}]`},{dispatcher:this.rootElement,type:u.MAGICBOX}),this.kupManager.debug.logLoad(this,!0)}componentWillRender(){this.kupManager.debug.logRender(this,!1)}componentDidRender(){this.kupManager.debug.logRender(this,!0)}render(){return i(s,{key:"79c487291987eeaa0dfd3127cd93e11bdd51a048"},i("style",{key:"88d77f9029cbe5e112c41fad1e1a7c4fefdc06ef"},this.kupManager.theme.setKupStyle(this.rootElement)),i("div",{key:"59cbf333a260e3c2455c69d9717d088019a7ca53",id:k},i("div",{key:"e1a68e91de25ca426c7d029219fdaf98865c2a9f",class:"magic-box-wrapper"},i("div",{key:"1db871607d685738ce9eb4ea99c7807aa0918a25",class:"actions",id:"drag-handle"},i("kup-combobox",Object.assign({key:"01e46100ea2c370e0079358921e8fa338434ff6e"},this.comboboxProps())),i("kup-button",{key:"0ab7767d552bf4119db2ac2f5f69f574027eeebd",styling:f.FLAT,icon:"delete",label:"Reset","onkup-button-click":()=>{this.data=null}}),i("kup-button",{key:"26267a6c3e19b15725feda21eed43d9db3f2ddc4",id:"close-dialog",customStyle:`:host{${b.PRIMARY}: var(${b.TITLE});}`,icon:"clear","onkup-button-click":()=>{this.kupManager.hideMagicBox()}})),i("div",{key:"d5ec68498c68b205ce2c7247cd19e01b6a283230",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 o(this)}};x.style=":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-color);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)}";export{x as kup_magic_box}
@@ -1 +0,0 @@
1
- import{r,c as e,f as o,h as t,H as a,d as i}from"./p-1ad7fea0.js";import{k as s,g as d,s as p}from"./p-f31530fc.js";import{c as n}from"./p-635bb4b3.js";import"./p-de07d17e.js";const c="drawer";var u;!function(r){r.customStyle="Custom style of the component.",r.opened="Defaults at false. When set to true, the drawer appears."}(u||(u={}));const h=class{constructor(o){r(this,o),this.kupDrawerClose=e(this,"kup-drawer-close",6),this.kupDrawerOpen=e(this,"kup-drawer-open",6),this.kupDrawerReady=e(this,"kup-drawer-ready",6),this.kupManager=s(),this.opened=!1,this.customStyle=""}async close(){this.opened=!1,this.kupDrawerClose.emit({comp:this,id:this.rootElement.id})}async getProps(r){return d(this,u,r)}async isOpened(){return this.opened}async open(){this.opened=!0,this.kupDrawerOpen.emit({comp:this,id:this.rootElement.id})}async refresh(){o(this)}async setProps(r){p(this,u,r)}async toggle(){this.opened?this.close():this.open()}content(){const r=[],e=Array.prototype.slice.call(this.rootElement.children,0),o=[];for(let o=0;o<e.length;o++)r.push(t("slot",null));return o.push(t("div",{class:`${c}__content`},r)),o}componentWillLoad(){this.kupManager.debug.logLoad(this,!1),this.kupManager.theme.register(this)}componentDidLoad(){this.kupDrawerReady.emit({comp:this,id:this.rootElement.id}),this.kupManager.debug.logLoad(this,!0)}componentWillRender(){this.kupManager.debug.logRender(this,!1)}componentDidRender(){this.kupManager.debug.logRender(this,!0)}render(){return t(a,{key:"862fc022944ee0862f4d53ae589e9266e18adf3a","kup-opened":this.opened},t("style",{key:"428062c25d92fa7f034365196319c36a3d43d417"},this.kupManager.theme.setKupStyle(this.rootElement)),t("div",{key:"0cd3e4d4363dd338cc0b47aecc3a505a716cc0cc",class:"backdrop",onClick:r=>{r.preventDefault(),r.stopPropagation()},onPointerDown:r=>{r.preventDefault(),r.stopPropagation(),this.close()},onTouchStart:r=>{r.preventDefault(),r.stopPropagation()}}),t("div",{key:"1c65d469467e3efddf3a58a729670037ecefb0f3",id:n},t("div",{key:"75e507b1574cf744216c9eeee76967f8eda2633a",class:c},this.content())))}disconnectedCallback(){this.kupManager.theme.unregister(this)}get rootElement(){return i(this)}};h.style=":host{--kup_drawer_backdrop:var(--kup-drawer-backdrop, rgba(0, 0, 0, 0.32));--kup_drawer_box_shadow:var(\n --kup-drawer-box-shadow,\n 0 8px 10px -5px rgba(0, 0, 0, 0.2),\n 0 16px 24px 2px rgba(0, 0, 0, 0.14),\n 0 6px 30px 5px rgba(0, 0, 0, 0.12)\n );--kup_drawer_permanent_border:var(\n --kup-drawer-permanent-border,\n 1px solid var(--kup-border-color)\n );--kup_drawer_slide_transition:var(--kup-drawer-slide-transition, 750ms);--kup_drawer_transition:var(--kup-drawer-transition, 250ms);box-shadow:var(--kup_drawer_box_shadow);display:block;font-size:var(--kup-font-size);height:100vh;left:calc(var(--kup-drawer-width) * -1);position:fixed;top:0;transition:left var(--kup_drawer_slide_transition) cubic-bezier(0.4, 0, 0.2, 1), right var(--kup_drawer_slide_transition) cubic-bezier(0.4, 0, 0.2, 1);width:var(--kup-drawer-width);z-index:var(--kup-drawer-zindex)}#kup-component{height:100%;width:100%}.backdrop{background:var(--kup_drawer_backdrop);display:none;height:100%;left:0;position:fixed;top:0;width:100%;z-index:var(--kup-drawer-zindex)}.drawer{height:100%;position:fixed;width:var(--kup-drawer-width);z-index:calc(var(--kup-drawer-zindex) + 1)}.drawer__content{background-color:var(--kup-drawer-background-color);box-sizing:border-box;height:100%;overflow-y:auto;width:100%}.drawer ::slotted(*){--kup-button-primary-color:var(--kup-drawer-color);--kup-button-primary-color-rgb:var(--kup-drawer-color-rgb);--kup-button-primary-color-h:var(--kup-drawer-color-h);--kup-button-primary-color-s:var(--kup-drawer-color-s);--kup-button-primary-color-l:var(--kup-drawer-color-l);--kup-switch-label-color:var(--kup-drawer-color);--kup-switch-primary-color:var(--kup-drawer-color);--kup-switch-primary-color-rgb:var(--kup-drawer-color-rgb);--kup-textfield-color:var(--kup-drawer-color);--kup-textfield-color-rgb:var(--kup-drawer-color-rgb);--kup-textfield-primary-color:var(--kup-drawer-color);--kup-textfield-primary-color-rgb:var(--kup-drawer-color-rgb);--kup-tree-color:var(--kup-drawer-color);--kup-tree-color-rgb:var(--kup-drawer-color-rgb);--kup-tree-filter-background-color:var(--kup-drawer-background-color);--kup-tree-icon-color:var(--kup-drawer-color);color:var(--kup-drawer-color);fill:var(--kup-drawer-color)}:host([kup-opened]){left:0}:host([kup-opened]) .backdrop{display:block}:host(.kup-right){left:unset;right:-100%}:host([kup-opened].kup-right){right:0}:host(.kup-permanent){box-shadow:unset;transition:all 250ms}:host(.kup-permanent) .backdrop{display:none}:host(.kup-permanent) .drawer{position:relative}:host(.kup-permanent) .drawer__content{border-right:var(--kup_drawer_permanent_border)}";export{h as kup_drawer}
@@ -1 +0,0 @@
1
- import{a6 as e,a7 as s,c,a3 as t,a8 as a,F as i,a9 as n,aa as l,ab as o,ac as r,ad as u}from"./p-f31530fc.js";import{h as p,g as d}from"./p-1ad7fea0.js";import{F as k}from"./p-dc18691c.js";import{F as b}from"./p-86f9b0d9.js";import{F as h}from"./p-c089b961.js";import{F as f,a as m}from"./p-5e16c9d3.js";import{F as g}from"./p-35d503e2.js";var v,w,y;!function(e){e.customStyle="Custom style of the component.",e.data="The data of the list.",e.displayMode="Selects how the items must display their label and how they can be filtered for.",e.filter="Keeps string for filtering elements when filter mode is active",e.hideText="Hides rows' text, ideally to display a list of icons only.",e.isMenu="Defines whether the list is a menu or not.",e.keyboardNavigation="When true, enables items' navigation through arrow keys.",e.menuVisible="Sets the status of the menu, when false it's hidden otherwise it's visible.",e.roleType="Defines the type of selection. Values accepted: listbox, radiogroup or group.",e.selectable="Defines whether items are selectable or not.",e.showIcons="Displays the icons associated to each row when set to true.",e.twoLine="The list elements descriptions will be arranged in two lines."}(v||(v={})),function(e){e.LISTBOX="listbox",e.RADIOGROUP="radiogroup",e.GROUP="group"}(w||(w={})),function(e){e.CODE="code",e.DESCRIPTION="description",e.DESCRIPTION_AND_CODE="both"}(y||(y={}));const j=e=>p("div",Object.assign({class:`f-switch ${e.danger?"kup-danger":""} ${e.info?"kup-info":""} ${e.secondary?"kup-secondary":""} ${e.success?"kup-success":""} ${e.warning?"kup-warning":""} ${e.wrapperClass?e.wrapperClass:""}`},e.dataSet,{id:e.id,title:e.title}),p("div",{class:"form-field "+(e.leadingLabel?"form-field--align-end":"")},p("div",{class:`switch ${e.checked?"switch--checked":""} ${e.disabled?"switch--disabled":""}`},p("div",{class:"switch__track"}),p("div",{class:"switch__thumb-underlay"},p("div",{class:"switch__thumb"},p("input",{type:"checkbox",class:"switch__native-control",role:"switch",checked:e.checked,disabled:e.disabled,value:e.checked?"on":"off",onBlur:e.onBlur,onChange:e.onChange,onFocus:e.onFocus})))),p("label",{onClick:e.onChange},e.label))),$=e=>{e.centeredLabel||0==!e.centeredLabel||(e.centeredLabel=!0);let s,c=`f-progress-bar ${e.danger?"kup-danger":""} ${e.animated?"kup-animated":""} ${e.padded?"kup-padded":""} ${e.info?"kup-info":""} ${e.slim?"kup-slim":""} ${e.striped?"kup-striped":""} ${e.secondary?"kup-secondary":""} ${e.slim?"kup-slim":""} ${e.success?"kup-success":""} ${e.warning?"kup-warning":""} ${e.wrapperClass?e.wrapperClass:""}`,t="pie";c+=e.isRadial?" pie-wrapper is-radial":" progress-bar";const a={width:`${e.value}%`};e.centeredLabel?e.value>49&&(c+=" text-color-on-primary"):(s=a,e.value>2&&(c+=" text-color-on-primary"));let i=null;return e.icon?i=function(e){if(e.icon){if(e.icon.indexOf(".")>-1||e.icon.indexOf("/")>-1||e.icon.indexOf("\\")>-1)return p("span",{class:"label kup-icon is-image"},p("img",{src:e.icon}));{let s=`url('${d(`./assets/svg/${e.icon}.svg`)}') no-repeat center`;return p("span",{style:{mask:s,webkitMask:s},class:"label kup-icon"})}}}(e):e.hideLabel||(i=e.isRadial?e.label?p("span",{class:"label"},e.label):p("span",{class:"label"},e.value,p("span",{class:"smaller"},"%")):e.label?e.label:e.value+"%"),e.value>0&&(t+=" has-value",t+=e.value>50?" is-more-than-half":" is-less-than-half"),e.isRadial?p("div",{class:c},i,p("div",{class:t},p("div",{style:undefined,class:"left-side half-circle"}),p("div",{class:"right-side half-circle"})),p("div",{class:"shadow"})):p("div",{class:c},p("div",{class:"progress-bar-percentage",style:a},p("span",{style:s},i)))},x=e=>{var s;const c=!!e.columns,t=[];for(let c=0;c<(null===(s=e.data)||void 0===s?void 0:s.length);c++){const s=e.data[c];t.push(p("div",{class:"form-field "+(e.leadingLabel?" form-field--align-end":"")},p("div",{class:{radio:!0,"radio--checked":!!s.checked,"radio--disabled":!!e.disabled}},p("input",{class:"radio__native-control",type:"radio",name:"radio-element",value:s.value,checked:s.checked,disabled:e.disabled,onBlur:e.onBlur,onChange:e.onChange?e.onChange.bind(e.onChange,c):null,onFocus:e.onFocus}),p("div",{class:"radio__background"},p("div",{class:"radio__outer-circle"}),p("div",{class:"radio__inner-circle"}))),p("label",{htmlFor:"radio-element",onClick:e.onChange?e.onChange.bind(e.onChange,c):null},s.label?s.label:"")))}return p("div",{class:`f-radio radio-wrapper ${c?"radio-wrapper-grid":""} ${e.danger?"kup-danger":""} ${e.info?"kup-info":""} ${e.secondary?"kup-secondary":""} ${e.success?"kup-success":""} ${e.warning?"kup-warning":""} ${e.wrapperClass?e.wrapperClass:""}`,style:{"--kup_radio_columns":c?`repeat(${e.columns}, 1fr)`:""}},t)},O=e=>(e.maxValue||(e.maxValue=5),p("div",{class:`f-rating ${e.disabled?"disabled":""} ${e.danger?"kup-danger":""} ${e.info?"kup-info":""} ${e.secondary?"kup-secondary":""} ${e.success?"kup-success":""} ${e.warning?"kup-warning":""} ${e.wrapperClass?e.wrapperClass:""}`},function(e){const s=[];for(let c=1;c<=e.maxValue;c++)s.push(p("span",{class:"rating",onClick:e.onClick?e.onClick.bind(e.onClick,c):null},c<=e.value?"★":"☆"));return s}(e))),_=document.documentElement,C=(n,o)=>{const d=n.cell,v=n.column,w=n.row,C=n.shape?n.shape:d.shape?d.shape:v.shape?v.shape:null,D=!_.ketchup.objects.isEmptyKupObj(d.obj),K=!(!d.isEditable&&!v.isEditable||!n.editable),M=n.previousValue!==d.value?d.value:"",V=_.ketchup.data.cell.getType(d,C),H=Object.assign({},d.data);let T=d.cssClass?d.cssClass:v.cssClass?v.cssClass:"";const X={"f-cell":!0,[l.OBJ]:!!D,[V+"-cell"]:!0,[n.wrapperClass]:!!n.wrapperClass,[n.density]:!(!n.density||V===t.BAR),[T]:!!T};let W=M;K&&e.includes(V)?W=function(e,s,c,a,n){var o,r;switch(e){case t.AUTOCOMPLETE:return p("kup-autocomplete",Object.assign({key:a.name+n.row.id,initialValue:c.value},c.data,{class:z(n)?"kup-full-width":"","onkup-autocomplete-change":s=>I(s,n,e,u.UPDATE),"onkup-autocomplete-input":s=>I(s,n,e,u.INPUT),"onkup-autocomplete-iconclick":s=>I(s,n,e,u.ICON_CLICK)}));case t.CHECKBOX:return F(n)&&(s[l.C_CENTERED]=!0),c.shape===i.INPUT_CHECKBOX?p("input",{checked:"on"===c.value||"1"===c.value,class:"input-checkbox",onChange:s=>I(s,n,e,u.UPDATE),type:"checkbox"}):p(k,Object.assign({},c.data,{onChange:s=>I(s,n,e,u.UPDATE)}));case t.CHIP:return p("kup-chip",Object.assign({},c.data,{type:f.INPUT,enableInput:!0,"onKup-chip-change":s=>I(s,n,e,u.UPDATE)}),p("kup-text-field",Object.assign({fullWidth:!0,slot:"field"},c.slotData)));case t.COLOR_PICKER:return p("kup-color-picker",Object.assign({key:a.name+n.row.id,initialValue:c.value},c.data,{class:z(n)?"kup-full-width":"",disabled:!1,"onkup-colorpicker-change":s=>I(s,n,e,u.UPDATE)}));case t.COMBOBOX:return p("kup-combobox",Object.assign({key:a.name+n.row.id,initialValue:c.value},c.data,{class:z(n)?"kup-full-width":"","onkup-combobox-change":s=>I(s,n,e,u.UPDATE),"onkup-combobox-input":s=>I(s,n,e,u.INPUT),"onkup-combobox-iconclick":s=>I(s,n,e,u.ICON_CLICK)}));case t.DATE:return p("kup-date-picker",Object.assign({key:a.name+n.row.id,initialValue:c.value},c.data,{class:z(n)?"kup-full-width":"","onkup-datepicker-change":s=>I(s,n,e,u.UPDATE),"onkup-datepicker-input":s=>I(s,n,e,u.INPUT)}));case t.MULTI_AUTOCOMPLETE:return p("kup-chip",Object.assign({displayId:!0},c.data,{type:f.INPUT,enableInput:!0,"onKup-chip-change":s=>I(s,n,e,u.UPDATE)}),p("kup-autocomplete",Object.assign({class:"kup-full-width",slot:"field",displayMode:y.DESCRIPTION_AND_CODE,selectMode:y.DESCRIPTION_AND_CODE,"onkup-autocomplete-input":s=>I(s,n,e,u.INPUT),"onkup-autocomplete-iconclick":s=>I(s,n,e,u.ICON_CLICK),showDropDownIcon:!1},c.slotData)));case t.MULTI_COMBOBOX:return p("kup-chip",Object.assign({displayId:!0},c.data,{type:f.INPUT,enableInput:!0,"onKup-chip-change":s=>I(s,n,e,u.UPDATE)}),p("kup-combobox",Object.assign({class:"kup-full-width",slot:"field",displayMode:y.DESCRIPTION_AND_CODE,selectMode:y.DESCRIPTION_AND_CODE,"onkup-combobox-input":s=>I(s,n,e,u.INPUT),"onkup-combobox-iconclick":s=>I(s,n,e,u.ICON_CLICK)},c.slotData)));case t.RATING:return p("kup-rating",Object.assign({key:a.name+n.row.id},c.data,{disabled:!1,"onkup-rating-click":s=>I(s,n,e,u.UPDATE)}));case t.SWITCH:return p(j,Object.assign({},c.data,{disabled:!1,onChange:s=>I(s,n,e,u.UPDATE)}));case t.TIME:return p("kup-time-picker",Object.assign({key:a.name+n.row.id,initialValue:c.value},c.data,{class:z(n)?"kup-full-width":"","onkup-timepicker-change":s=>I(s,n,e,u.UPDATE),"onkup-timepicker-input":s=>I(s,n,e,u.INPUT)}));case t.NUMBER:s[l.C_RIGHT_ALIGNED]=!0;case t.LINK:case t.STRING:const d=s=>I(s,n,e,u.UPDATE),h=s=>I(s,n,e,u.INPUT),m=e===t.NUMBER?"number":null,g=e===t.NUMBER&&c.value?_.ketchup.math.numberifySafe(c.value).toString():c.value;return c.shape===i.INPUT_FIELD?p("input",{class:"input-field",onChange:d,onInput:h,type:m,value:g,maxLength:null!==(r=null===(o=a.cellData)||void 0===o?void 0:o.maxLength)&&void 0!==r?r:-1}):p(b,Object.assign({inputType:m,fullWidth:!!z(n)},c.data,{icon:c.data&&c.data.icon?c.data.icon:c.icon?c.icon:a.icon?a.icon:null,value:g,onChange:d,onInput:h,onIconClick:s=>I(s,n,e,u.ICON_CLICK)}))}}(V,X,d,v,n):d.data&&s.includes(V)?(n.setSizes&&function(e,s,c){switch(e){case t.BAR:s.sizeY||(s.sizeY="26px");break;case t.BUTTON:let e="";s.label&&(e="36px"),c.style?c.style.height||(c.style.minHeight=e):c.style={minHeight:e};break;case t.CHART:s.sizeX||(s.sizeX="100%"),s.sizeY||(s.sizeY="100%");break;case t.CHIP:case t.RADIO:c.style?c.style.height||(c.style.minHeight="40px"):c.style={minHeight:"40px"}}}(V,H,d),W=n.renderKup?function(e,s,c,a,i,n,o){switch(e){case t.BAR:return c.data?p("div",{style:{height:c.sizeY,width:"100%"}},p(h,Object.assign({},c))):p("kup-image",Object.assign({key:n.name+o.row.id,sizeX:"250px"},c));case t.BUTTON:return F(o)&&(s[l.C_CENTERED]=!0),p(g,Object.assign({},c,{onClick:s=>I(s,o,e,u.CLICK)}));case t.BUTTON_LIST:return F(o)&&(s[l.C_CENTERED]=!0),c["data-storage"]={cell:a,row:i,column:n},p("kup-button-list",Object.assign({key:n.name+o.row.id},c));case t.CHART:return F(o)&&(s[l.C_CENTERED]=!0),p("kup-chart",Object.assign({key:n.name+o.row.id},c));case t.MULTI_AUTOCOMPLETE:case t.MULTI_COMBOBOX:case t.CHIP:return p(m,Object.assign({},c));case t.COLOR_PICKER:return p("kup-color-picker",Object.assign({key:n.name+o.row.id},c,{class:z(o)?"kup-full-width":"",disabled:!0}));case t.GAUGE:return p("kup-gauge",Object.assign({key:n.name+o.row.id,value:_.ketchup.math.numberifySafe(a.value),"width-component":"280px"},c));case t.KNOB:case t.PROGRESS_BAR:return c.customStyle?p("kup-progress-bar",Object.assign({key:n.name+o.row.id},c)):p($,Object.assign({},c));case t.RADIO:return F(o)&&(s[l.C_CENTERED]=!0),c.disabled=i.readOnly,p(x,Object.assign({},c));case t.RATING:return p(O,Object.assign({},c,{disabled:!0}))}}(V,X,H,d,w,v,n):p("span",{class:"cell-"+V+" placeholder"})):(n.setSizes&&function(e,s,c,i){switch(e){case t.CHECKBOX:case t.ICON:s.sizeX||(s.sizeX="18px"),s.sizeY||(s.sizeY="18px"),c.style?c.style.height||(c.style.minHeight=s.sizeY):c.style={minHeight:s.sizeY};break;case t.IMAGE:i.component.rootElement.tagName===a.BOX?(s.sizeY||(s.sizeY="auto"),void 0===s.fit&&(s.fit=!0)):s.sizeX||(s.sizeX="auto"),s.sizeY||(s.sizeY="64px")}}(V,H,d,n),W=function(e,s,c,a,i,n,o){switch(e){case t.AUTOCOMPLETE:case t.COMBOBOX:case t.DATE:case t.DATETIME:case t.TIME:if(c&&""!=c){const e=r(n,i);return p("div",{class:"f-cell__text"},e)}return c;case t.CHECKBOX:return F(o)&&(a[l.C_CENTERED]=!0),p(h,{resource:s.checked?"check_box":"check_box_outline_blank",sizeX:"18px",sizeY:"18px"});case t.EDITOR:return p("div",{innerHTML:i.value});case t.ICON:case t.IMAGE:return F(o)&&(a[l.C_CENTERED]=!0),s.badgeData&&(a[l.C_PADDED]=!0),p(h,Object.assign({},s));case t.LINK:return p("a",{href:c,target:"_blank"},i.value);case t.NUMBER:if(c&&""!=c){const e=_.ketchup.math.numberifySafe(i.value),s=r(n,i);return e<0&&(a[l.TEXT_DANGER]=!0),F(o)&&(a[l.C_RIGHT_ALIGNED]=!0),p("div",{class:"f-cell__text"},s)}return p("div",{class:"f-cell__text"},c);case t.SWITCH:return F(o)&&(a[l.C_CENTERED]=!0),s.disabled=!0,p(j,Object.assign({},s));default:return p("div",{class:"f-cell__text"},c)}}(V,H,W,X,d,v,n));let Y=null;!K&&(v.icon||d.icon)&&W&&(Y=p(h,Object.assign({},{color:`rgba(var(${c.TEXT}-rgb), 0.375)`,resource:d.icon?d.icon:v.icon,sizeX:"1.25em",sizeY:"1.25em",wrapperClass:"obj-icon"})));let B=null;_.ketchup.debug.isDebug()&&D?B=d.obj.t+"; "+d.obj.p+"; "+d.obj.k+";":null!=d.title&&""!=d.title.trim()&&(B=d.title);let L=null;if(d.info){const e=Object.assign({},d.info);e.color||(e.color=`var(${c.INFO})`),e.icon||(e.icon="info"),L=p(h,Object.assign({},{color:e.color,resource:e.icon,sizeX:"1.25em",sizeY:"1.25em",title:e.message?e.message:"",wrapperClass:"cell-info"}))}return p("div",{onKeyUp:e=>I(e,n,V,u.KEYUP),class:X,"kup-get-cell-props":()=>n,ref:e=>d.element=e,style:d.style},p("div",{class:"f-cell__content",style:d.styleContent,title:B},o&&o.length>0?o:[n.indents,L,Y,W]))};function I(e,s,c,a){const i=s.cell,n=s.column,l=s.component,o=s.row;let p=function(e,s){const c=!("INPUT"!==e.target.tagName);let a=c?e.target.value:e.detail.value;return s===t.CHECKBOX&&c&&(a=e.target.checked?"off":"on"),s===t.NUMBER&&c&&(a=_.ketchup.math.formattedStringToNumberString(a,"")),a}(e,c);if(a===u.UPDATE){switch(c){case t.AUTOCOMPLETE:case t.COMBOBOX:case t.DATE:case t.TIME:i.data&&(i.data.initialValue=p);break;case t.CHECKBOX:case t.SWITCH:p="on"===p?"0":"1",i.data&&(i.data.checked="0"!==p);break;case t.CHIP:case t.MULTI_AUTOCOMPLETE:case t.MULTI_COMBOBOX:p=e.detail.stringifiedValues,i.data&&(i.data.data=e.detail.comp.data)}i.obj&&(i.obj.k=p.toString()),i.value=p.toString(),i.displayedValue=null,i.displayedValue=r(n,i)}if(l&&l.rootElement){const s=new CustomEvent(a,{bubbles:!0,cancelable:!0,composed:!0,detail:{comp:l,id:l.rootElement.id,cell:i,column:n,event:e,row:o,type:c}});if(l.rootElement.dispatchEvent(s),a===u.UPDATE)try{l.refresh()}catch(e){}}}function F(e){var s;return o.includes(null===(s=e.component)||void 0===s?void 0:s.rootElement.tagName)}function z(e){var s;return n.includes(null===(s=e.component)||void 0===s?void 0:s.rootElement.tagName)}export{C as F,y as I,w as K,v as a,$ as b,x as c,O as d,j as e}
@@ -1 +0,0 @@
1
- import{r as i,f as n,h as l,H as a,d as t}from"./p-1ad7fea0.js";import{k as e,g as r,s as d,d as s}from"./p-f31530fc.js";import{c as o}from"./p-635bb4b3.js";import"./p-de07d17e.js";var p;!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://ketchup.smeup.com/ketchup-showcase/#/customization",i.singleLine="When set to true, forces the content on a single line."}(p||(p={}));const u=class{constructor(n){i(this,n),this.kupManager=e(),this.columns=12,this.customStyle="",this.singleLine=!1}async getProps(i){return r(this,p,i)}async refresh(){n(this)}async setProps(i){d(this,p,i)}componentWillLoad(){this.kupManager.debug.logLoad(this,!1),this.kupManager.theme.register(this)}componentDidLoad(){this.kupManager.debug.logLoad(this,!0)}componentWillRender(){this.kupManager.debug.logRender(this,!1)}componentDidRender(){this.kupManager.debug.logRender(this,!0)}render(){const i=this.rootElement.children;if(!i||0===i.length)return void this.kupManager.debug.logMessage(this,"Missing slots, not rendering!",s.WARNING);const n=[];for(let a=0;a<i.length;a++){let t=null;if(this.singleLine)t=l("slot",{name:`${a}`});else{const n=i[a].span||i[a].getAttribute("span")||1;t=l("div",{class:`layout-grid__cell layout-grid__cell--span-${n}`},l("slot",{name:`${a}`}))}n.push(t)}const t={};return this.columns&&12!==this.columns&&(t["--kup_grid_columns"]=this.columns),l(a,{style:t},l("style",null,this.kupManager.theme.setKupStyle(this.rootElement)),l("div",{id:o},l("div",{class:this.singleLine?"flex-layout":"layout-grid"},l("div",{class:this.singleLine?"flex-layout__inner":"layout-grid__inner"},n))))}disconnectedCallback(){this.kupManager.theme.unregister(this)}get rootElement(){return t(this)}};u.style=":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%}";export{u as kup_grid}
@@ -1 +0,0 @@
1
- import{r as t,c as i,f as s,h as e,H as o,d as h}from"./p-1ad7fea0.js";import{k as n,g as r,s as a,d}from"./p-f31530fc.js";import"./p-de07d17e.js";var p;!function(t){t.buttonData="Props of the button (when isButton is set to true).",t.isButton="The component will be rendered as a button, which opens the link associated to the iframe in another tab when clicked.",t.src="The address the iframe should be referencing to."}(p||(p={}));const c=class{constructor(s){t(this,s),this.kupIframeError=i(this,"kup-iframe-error",6),this.kupIframeLoad=i(this,"kup-iframe-load",6),this.kupManager=n(),this.buttonData={},this.isButton=!1,this.src=void 0}onKupIframeError(){this.kupIframeError.emit({comp:this,id:this.rootElement.id})}onKupIframeLoad(){this.kupIframeLoad.emit({comp:this,id:this.rootElement.id})}async getProps(t){return r(this,p,t)}async refresh(){s(this)}async setProps(t){a(this,p,t)}openInNew(){window.open(this.src,"_blank")}componentWillLoad(){this.kupManager.debug.logLoad(this,!1)}componentDidLoad(){this.kupManager.debug.logLoad(this,!0)}componentWillRender(){this.kupManager.debug.logRender(this,!1)}componentDidRender(){this.kupManager.debug.logRender(this,!0)}render(){if(null!=this.src&&""!==this.src)return this.buttonData.icon||(this.buttonData.icon="open_in_new"),this.buttonData.label||(this.buttonData.label="Open in new tab"),this.isButton?e(o,{"is-button":!0},e("kup-button",Object.assign({},this.buttonData,{"onkup-button-click":()=>this.openInNew()}))):e(o,{"is-iframe":!0},e("iframe",{onError:this.onKupIframeError.bind(this),onLoad:this.onKupIframeLoad.bind(this),src:this.src}));this.kupManager.debug.logMessage(this,"Resource undefined, not rendering!",d.WARNING)}get rootElement(){return h(this)}};c.style="iframe{box-sizing:border-box;height:100%;width:100%}:host([is-iframe]){box-sizing:border-box;display:block;height:100%;width:100%}";export{c as kup_iframe}
@@ -1 +0,0 @@
1
- import{r as i,h as t,d as h}from"./p-1ad7fea0.js";import{k as o}from"./p-f31530fc.js";import"./p-de07d17e.js";const e=class{constructor(t){i(this,t),this.kupManager=o(),this.config=void 0,this.qlik=void 0,this.appid="",this.app=!1,this.grid=[],this.debug=!1,this.fluid=!1,this.bordered=!1,this.defobjsize="400px",this.divlist=[]}getObjects(i){let t;return new Promise((h=>{i.rows.forEach((i=>{i.columns.forEach((i=>{t=!1,i.noSelections&&(t=i.noSelections),this.app.getObject(i.obj,i.obj,{noInteraction:!1,noSelections:t})}))})),h(!0)}))}doSelection(i){return new Promise((t=>{i.selections&&i.selections.forEach((i=>{this.app.field(i.field).selectValues(i.values,!1,!0)})),t(!0)}))}setRender(i){return new Promise((h=>{this.divlist=[],i.rows.forEach((i=>{let h=[];i.columns.forEach((i=>{let o="qvobject ";this.bordered&&(o+="bordered "),o=o+"width-"+i.colDim+" size-"+i.size,h.push(t("div",""!=i.obj?{id:i.obj,class:o}:{class:o}))})),this.divlist.push(t("div",{class:"kup-qlik-row"},h))})),h(!0)}))}componentWillLoad(){this.kupManager.debug.logLoad(this,!1)}componentDidLoad(){this.kupManager.debug.logLoad(this,!0)}componentWillRender(){this.kupManager.debug.logRender(this,!1),this.setRender(this.grid)}render(){let i=null,h=null;return i=this.fluid?{"kup-qlik-container-fluid":!0}:{"kup-qlik-container":!0},h={"--lyo_obj-height":this.defobjsize},t("div",{key:"533e892f582c7ee663b5e41b44617c00edd1d48b",class:i,style:h},this.divlist)}componentDidRender(){this.debug&&console.log("Grid",this.grid),this.qlik&&(""==this.appid||this.app?this.debug&&console.log("App already open:",this.app):this.app=this.qlik.openApp(this.appid,this.config),this.app&&this.getObjects(this.grid).then((()=>{this.doSelection(this.grid)}))),this.kupManager.debug.logRender(this,!0)}get rootElement(){return h(this)}};e.style=".kup-qlik-container-fluid{width:100%}.kup-qlik-container{width:100%}@media (min-width: 576px){.kup-qlik-container{width:576px}.kup-qlik-row>.qvobject{flex:0 0 auto;min-width:100px;margin:0px auto 5px auto}}@media (min-width: 768px){.kup-qlik-container{width:768px}.kup-qlik-row>.qvobject{flex:0 0 auto;min-width:100px;margin:0px auto 5px auto}}@media (min-width: 992px){.kup-qlik-container{width:992px}.kup-qlik-row>.qvobject{flex:0 0 auto;min-width:100px;margin:0px auto 5px auto}}@media (min-width: 1200px){.kup-qlik-container{width:1200px}.kup-qlik-row>.qvobject{flex:0 0 auto;min-width:100px;margin:0px auto 5px auto}}.kup-qlik-row{display:flex;display:ms-flexbox;flex-wrap:wrap;-ms-flex-wrap:wrap;margin-bottom:5px}.kup-qlik-row .size-M{height:var(--lyo_obj-height)}.kup-qlik-row .size-S{height:calc(var(--lyo_obj-height) / 2)}.kup-qlik-row .size-XS{height:calc(var(--lyo_obj-height) / 3)}.kup-qlik-row .size-L{height:calc(var(--lyo_obj-height) * 2)}.kup-qlik-row .size-XL{height:calc(var(--lyo_obj-height) * 3)}.kup-qlik-row .bordered{border:1px solid var(--kup-border-color, #969696)}.kup-qlik-row .width-1{width:8.3333%}.kup-qlik-row .width-2{width:16.6666%}.kup-qlik-row .width-3{width:25%}.kup-qlik-row .width-4{width:33.3333%}.kup-qlik-row .width-5{width:41.6666%}.kup-qlik-row .width-6{width:50%}.kup-qlik-row .width-7{width:58.3333%}.kup-qlik-row .width-8{width:66.6666%}.kup-qlik-row .width-9{width:75%}.kup-qlik-row .width-10{width:83.3333%}.kup-qlik-row .width-11{width:91.6666%}.kup-qlik-row .width-12{width:100%}";export{e as kup_qlik}
@@ -1 +0,0 @@
1
- import{r as t,c as i,f as e,h as s,H as o,d as n}from"./p-1ad7fea0.js";import{F as r}from"./p-35d503e2.js";import{F as a}from"./p-dc18691c.js";import{F as c}from"./p-86f9b0d9.js";import{F as h}from"./p-b3577066.js";import{k as d,g as l,s as m,ah as u,l as p,Q as f,d as b}from"./p-f31530fc.js";import{c as g}from"./p-635bb4b3.js";import"./p-c634eb82.js";import"./p-c089b961.js";import"./p-d4a879fc.js";import"./p-de07d17e.js";var x;!function(t){t.customStyle="Custom style of the component.",t.data="The data of the component.",t.enableDesign="When set to true, the component is in design mode and it is draggable."}(x||(x={}));const y=class{constructor(e){t(this,e),this.kupSave=i(this,"kup-dashboard-save",6),this.kupManager=d(),this.internalData=null,this.internalDataBackup=null,this.resetInternalData=!1,this.customStyle="",this.data=null,this.enableDesign=!1}onKupSave(){this.kupSave.emit({comp:this,id:this.rootElement.id,data:this.internalData})}dataChanged(){this.resetData()}async getProps(t){return l(this,x,t)}async refresh(){e(this)}async setProps(t){m(this,x,t)}buildGuid(){return"xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g,(function(t){var i=16*Math.random()|0;return("x"===t?i:3&i|8).toString(16)}))}buildHeader(){const t={icon:"cancel",label:this.kupManager.language.translate(u.RESET),secondary:!0,onClick:()=>{this.resetData()}},i={icon:"save",label:this.kupManager.language.translate(u.SAVE),onClick:()=>this.onKupSave()};return s("div",{class:"header"},this.enableDesign?s(r,Object.assign({},t)):void 0,this.enableDesign?s(r,Object.assign({},i)):void 0)}buildForm(t,i){return t?s("div",{class:{form:!0,"layout-column":t&&"column"==t.layout,"layout-row":t&&"row"==t.layout,"form-dropzone":this.enableDesign&&t&&null!=t.sections&&t.sections.length>0},style:this.getGridStyle(t),ref:e=>{e&&(e.kupData={parent:i,form:t})}},t.sections.map((i=>this.buildSection(i,t)))):s("div",null,this.kupManager.language.translate(p.EMPTY_DATA))}buildSectionHeader(t,i){const e={value:t.dim,label:this.kupManager.language.translate(u.DIMENSION),onChange:i=>{const{target:e}=i;t.dim=e.value,this.refresh()}},o={icon:"add",slim:!0,onClick:()=>{t.sections||(t.sections=[]),t.sections.push({id:t.id+(t.sections.length+1),loaded:t.loaded,layout:t.layout}),this.resetData(this.internalData)}},n={icon:"remove",slim:!0,secondary:!0,onClick:()=>{const e=i.sections.indexOf(t);i.sections.splice(e,1),this.resetData(this.internalData)}},h={checked:t.loaded,label:this.kupManager.language.translate(u.LOADED),onChange:()=>{t.loaded=!t.loaded,this.refresh()}},d={checked:"column"==t.layout,label:this.kupManager.language.translate(u.VERTICAL),onChange:()=>{t.layout="column"==t.layout?"row":"column",this.refresh()}};return s("div",{class:"section-header"},s("div",null,t.id," - ",t.layout),s("div",null,s("div",{class:"section-header-actions"},s(c,Object.assign({},e)),s(a,Object.assign({},h)),s(a,Object.assign({},d)),s(r,Object.assign({},o)),s(r,Object.assign({},n)))))}buildSection(t,i){const e={"section-body":!0,"layout-column":t&&"column"==t.layout,"layout-row":t&&"row"==t.layout};return s("div",{class:{section:!0,"section-draggable":this.enableDesign,"section-dropzone":this.enableDesign},ref:e=>{e&&(e.kupData={parent:i,section:t})}},this.enableDesign?this.buildSectionHeader(t,i):void 0,s("div",{class:e,style:this.getGridStyle(t)},this.enableDesign||!t.loaded||t.sections&&0!=t.sections.length?void 0:s("slot",{name:t.id}),t.sections&&(t.loaded||this.enableDesign)?t.sections.map((i=>this.buildSection(i,t))):void 0))}calcSectionPosition(t,i,e,s,o){let n=s;for(let s=0;s<o.length;s++){const r=o[s].getBoundingClientRect();if(e&&t<r.y){n=s;break}if(!e&&i<r.x){n=s;break}}return n}didRenderInteractables(){try{const t=[];this.rootElement.shadowRoot.querySelectorAll(".section-draggable").forEach((i=>t.push(i))),t.forEach((t=>{this.kupManager.interact.draggable(t,null,null,f.CLONE)}))}catch(t){this.kupManager.debug.logMessage(this,t,b.ERROR)}try{const t=[];this.rootElement.shadowRoot.querySelectorAll(".section-dropzone").forEach((i=>t.push(i))),this.rootElement.shadowRoot.querySelectorAll(".form-dropzone").forEach((i=>t.push(i))),t.forEach((t=>{this.kupManager.interact.dropzone(t,{ondropdeactivate:()=>{this.removeSectionPlaceHolder()},ondropmove:t=>{this.removeSectionPlaceHolder(),this.dragEnter(t.dragEvent.clientY,t.dragEvent.clientX,t.currentTarget)}},null,{drop:t=>{this.dropped(t,t.currentTarget,t.relatedTarget)}})}))}catch(t){this.kupManager.debug.logMessage(this,t,b.ERROR)}}dragEnter(t,i,e){if(e.kupData.form){const s=this.calcSectionPosition(t,i,"column"==e.kupData.form.layout,e.kupData.form.sections.length,e.children);this.setSectionPlaceHolder(e,s)}else if(e.kupData.section){const s=this.calcSectionPosition(t,i,"column"==e.kupData.section.layout,e.kupData.section.sections.length,e.lastElementChild.children);this.setSectionPlaceHolder(e.lastElementChild,s)}}dropped(t,i,e){const s=e.kupData.parent.sections.indexOf(e.kupData.section);if(e.kupData.parent.sections.splice(s,1),i.kupData.form){i.kupData.form.sections||(i.kupData.form.sections=[]);const s=this.calcSectionPosition(t.dragEvent.clientY,t.dragEvent.clientX,"column"==i.kupData.form.layout,i.kupData.form.sections.length,i.children);i.kupData.form.sections.splice(s,0,e.kupData.section),e.kupData.parent=i.kupData.form}else if(i.kupData.section){if(!i.kupData.section.sections||0==i.kupData.section.sections.length){const t=JSON.parse(JSON.stringify(i.kupData.section));t.dim=null,e.kupData.section.dim=null,i.kupData.section.id=this.buildGuid(),i.kupData.section.sections=[],i.kupData.section.sections.push(t)}const s=this.calcSectionPosition(t.dragEvent.clientY,t.dragEvent.clientX,"column"==i.kupData.section.layout,i.kupData.section.sections.length,i.lastElementChild.children);i.kupData.section.sections.splice(s,0,e.kupData.section),e.kupData.parent=i.kupData.section}this.resetData(this.internalData)}getGridStyle(t){let i={};if(t.sections){let e="";t.sections.forEach((t=>{e+=this.enableDesign||!t.dim?" 1fr":t.dim.indexOf("%")<0?" "+t.dim+"px":" "+t.dim})),"column"==t.layout&&(i.gridTemplateRows=e),"row"==t.layout&&(i.gridTemplateColumns=e)}return i}setSectionPlaceHolder(t,i){const e=document.createElement("div");e.className="section-placeholder",t.insertBefore(e,t.childNodes[i])}removeSectionPlaceHolder(){const t=this.rootElement.shadowRoot.querySelector(".section-placeholder");t&&t.parentElement.removeChild(t)}resetData(t=null){t&&(this.internalDataBackup=t),this.resetInternalData=!0,setTimeout((()=>{this.internalDataBackup&&(this.internalData=this.internalDataBackup,this.internalDataBackup=null),this.resetInternalData=!1}),250)}unregisterInteractables(){this.kupManager.interact.unregister(Array.from(this.rootElement.shadowRoot.querySelectorAll(".section-dropzone"))),this.kupManager.interact.unregister(Array.from(this.rootElement.shadowRoot.querySelectorAll(".section-draggable"))),this.kupManager.interact.unregister(Array.from(this.rootElement.shadowRoot.querySelectorAll(".form-dropzone")))}componentWillLoad(){this.kupManager.dates.register(this),this.kupManager.debug.logLoad(this,!1),this.kupManager.language.register(this),this.kupManager.theme.register(this)}componentDidLoad(){this.kupManager.debug.logLoad(this,!0)}componentWillRender(){this.kupManager.debug.logRender(this,!1),this.resetInternalData?(this.internalData=null,this.unregisterInteractables()):this.internalData||(this.internalData=JSON.parse(JSON.stringify(this.data)))}componentDidRender(){this.kupManager.debug.logRender(this,!0);const t=this.rootElement.shadowRoot;if(t){const i=t.querySelectorAll(".f-text-field");i&&i.forEach((t=>{h(t)}))}this.didRenderInteractables()}render(){return s(o,{key:"d137a4cd1fe9f41d4b3b26bd9ea21661b005e824"},s("style",{key:"97e692c9fde917dc863029428329b4a08cbed122"},this.kupManager.theme.setKupStyle(this.rootElement)),s("div",{key:"7e48783550fee1e317c77b3ff5edab3d4cbc0274",id:g},this.buildHeader(),this.buildForm(this.internalData,null)))}disconnectedCallback(){this.unregisterInteractables(),this.kupManager.dates.unregister(this),this.kupManager.language.unregister(this),this.kupManager.theme.unregister(this)}get rootElement(){return n(this)}static get watchers(){return{data:["dataChanged"]}}};y.style=":host{width:100%;height:100%}#kup-component{height:100%}.header{display:flex;flex-direction:row;justify-content:center}.header>*{margin-left:0.5em}.form{display:grid;height:100%}.form-dropzone{padding:1em;grid-gap:0.5em;border:1px solid var(--kup-primary-color);height:auto}.section{display:flex;flex-direction:column;overflow:auto}.section-header{display:flex;flex-direction:column}.section-header>*{width:100%;display:flex;flex-direction:row}.section-header>*>.section-header-actions{display:flex;justify-content:end}.section-header>*>.section-header-actions>*{margin-top:auto;margin-bottom:auto}.section-body{display:grid}.section-dropzone{border:1px solid var(--kup-primary-color)}.section-draggable{border:1px solid var(--kup-secondary-color);padding:1em}.section-placeholder{background-color:rgba(var(--kup-secondary-color-rgb), 0.5);min-height:1em;min-width:1em}.component{height:fit-content;padding:1em;margin:0.5em}.layout-row{grid-auto-flow:column;grid-template-columns:min-content}.layout-column{grid-auto-flow:row;grid-template-rows:min-content}";export{y as kup_dashboard}
@@ -1 +0,0 @@
1
- import{r as t,c as s,f as i,h as o,H as e,d as a}from"./p-1ad7fea0.js";import{k as n,g as r,s as c}from"./p-f31530fc.js";import{c as p}from"./p-635bb4b3.js";import{F as l}from"./p-35d503e2.js";import"./p-de07d17e.js";import"./p-c634eb82.js";import"./p-c089b961.js";const h="snackbar";var b;!function(t){t.actionButton="Set of FButton props to set the action button.",t.closeButton="When true, the hide button will be displayed.",t.customStyle="Custom style of the component.",t.text="Sets the textual content of the snackbar.",t.timeout="Defaults at null, when set the snackbar will automatically disappear after the specified amount of milliseconds."}(b||(b={}));const d=class{constructor(i){t(this,i),this.kupActionClick=s(this,"kup-snackbar-actionclick",6),this.kupTimeoutComplete=s(this,"kup-snackbar-timeoutcomplete",6),this.kupManager=n(),this.visible=!1,this.actionButton=null,this.closeButton=!0,this.customStyle="",this.text="",this.timeout=null}onKupActionClick(){this.hide(),this.kupActionClick.emit({comp:this,id:this.rootElement.id})}onKupTimeoutComplete(){this.kupTimeoutComplete.emit({comp:this,id:this.rootElement.id})}async getProps(t){return r(this,b,t)}async hide(){this.visible=!1}async refresh(){i(this)}async setProps(t){c(this,b,t)}async show(){this.visible=!0}componentWillLoad(){this.kupManager.debug.logLoad(this,!1),this.kupManager.theme.register(this)}componentDidLoad(){this.kupManager.debug.logLoad(this,!0)}componentWillRender(){this.kupManager.debug.logRender(this,!1)}componentDidRender(){this.timeout&&this.visible&&setTimeout((()=>{this.hide(),this.onKupTimeoutComplete()}),this.timeout),this.kupManager.debug.logRender(this,!0)}render(){return o(e,{key:"f75d7ca1de9b0f63c555a5bbe65d18f515b30020","kup-visible":this.visible},o("style",{key:"e457888f9c6355cd2997f136cc542d424cf7d72e"},this.kupManager.theme.setKupStyle(this.rootElement)),o("div",{key:"ede1431d986952c43cbe5d3b8484b3f27750aec6",id:p},o("div",{key:"c76c7533233b5ca057b8f2d49c99a5771b90b3f1",class:h},o("div",{key:"5546bfb280f7ba4bbc462c30b36094fea1276c08",class:`${h}__text`},this.text),this.actionButton||this.closeButton?o("div",{class:`${h}__buttons`},this.actionButton?o("div",{class:`${h}__action`},o(l,Object.assign({},this.actionButton,{onClick:()=>this.onKupActionClick()}))):null,this.closeButton?o("div",{class:`${h}__close`},o(l,{icon:"close",onClick:()=>this.hide()})):null):null)))}disconnectedCallback(){this.kupManager.theme.unregister(this)}get rootElement(){return a(this)}};d.style=":host{animation:snackbar-show 125ms;bottom:0;box-sizing:border-box;display:block;left:0;outline:none;pointer-events:none;position:fixed;transition:opacity 0.15s cubic-bezier(0, 0, 0.2, 1) 0ms, transform 0.15s cubic-bezier(0, 0, 0.2, 1) 0ms, -webkit-transform 0.15s cubic-bezier(0, 0, 0.2, 1) 0ms;width:100%;z-index:calc(var(--kup-navbar-zindex) + 1)}:host(:not([kup-visible])){display:none}#kup-component{box-sizing:border-box;display:flex;justify-content:center;height:100%;padding:8px;width:100%}.snackbar{align-items:center;background:var(--kup-navbar-background-color);border-radius:5px;box-shadow:var(--kup-box-shadow);color:var(--kup-navbar-color);display:flex;justify-content:space-between;max-width:672px;min-height:48px;min-width:344px}.snackbar__text{padding:14px 16px;pointer-events:all;word-break:break-word}.snackbar__buttons{--kup-button-primary-color:var(--kup-navbar-color);--kup-button-primary-color-rgb:var(--kup-navbar-color-rgb);--kup-button-primary-color-h:var(--kup-navbar-color-h);--kup-button-primary-color-s:var(--kup-navbar-color-s);--kup-button-primary-color-l:var(--kup-navbar-color-l);align-items:center;display:flex;justify-content:flex-end;margin-right:8px;pointer-events:all;width:max-content}.snackbar__close{--kup-button-font-size:11px;margin-left:8px;pointer-events:all}@keyframes snackbar-show{from{transform:scale(0.5);opacity:0}to{transform:scale(1);opacity:1}}:host(.kup-top){bottom:unset;top:var(--kup-navbar-height, 0)}";export{d as kup_snackbar}
@@ -1 +0,0 @@
1
- import{r as i,c as t,f as e,h as a,H as s,d as r}from"./p-1ad7fea0.js";import{k as o,g as n,s as l,l as p,e as m}from"./p-f31530fc.js";import{c}from"./p-635bb4b3.js";import{F as h}from"./p-c089b961.js";import{F as g}from"./p-35d503e2.js";import{F as _}from"./p-c634eb82.js";import{F as d}from"./p-6780a391.js";import{M as u}from"./p-d4a879fc.js";import"./p-de07d17e.js";import"./p-dc18691c.js";import"./p-86f9b0d9.js";import"./p-5e16c9d3.js";var f;!function(i){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."}(f||(f={}));class b{constructor(){this.load=!1}toDebugString(){return"image-list state"}}var k,v,w,y,x,j,C,M=function(i,t,e,a){if("a"===e&&!a)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof t?i!==t||!a:!t.has(i))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===e?a:"a"===e?a.call(i):a?a.value:t.get(i)};const W=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),k.add(this),this.state=new b,this.kupManager=o(),v.set(this,[]),w.set(this,o()),y.set(this,{icon:"arrow_back",onClick:()=>{this.currentNode=M(this,w,"f").data.node.getParent(this.data,this.currentNode),this.currentNode||(this.navigationBarToggled=!1)},styling:_.FLAT,wrapperClass:"navigation-bar__back"}),x.set(this,{icon:"arrow_upward",onClick:()=>{this.currentNode=null,this.navigationBarToggled=!1},styling:_.FLAT,wrapperClass:"navigation-bar__top"}),this.currentNode=null,this.navigationBarToggled=!1,this.customStyle="",this.data=[],this.ripple=!0,this.selectedNode=[],this.stateId="",this.store=void 0}initWithPersistedState(){if(this.store&&this.stateId){const i=this.store.getState(this.stateId);null!=i&&(this.currentNode=this.kupManager.data.node.findByStrTreeNodePath(this.data,i.selectedTreeNodePath))}}persistState(){if(this.store&&this.stateId){let i=!1,t=this.currentNode?this.currentNode.id:"";if(this.kupManager.objects.deepEqual(this.state.selectedTreeNodePath,t)||(this.state.selectedTreeNodePath=t,i=!0),!this.state.load)return void(this.state.load=!0);i&&this.store.persistState(this.stateId,this.state)}}onKupClick(i){i.children&&i.children.length>0&&(this.currentNode=i),this.kupClick.emit({comp:this,id:this.rootElement.id,node:i})}onKupContextMenu(i,t){i.preventDefault(),this.kupContextMenu.emit({comp:this,id:this.rootElement.id,node:t})}onKupDblClick(i){for(let i=0;i<M(this,v,"f").length;i++)clearTimeout(M(this,v,"f")[i]);(function(i,t,e,a,s){if("m"===a)throw new TypeError("Private method is not writable");if("a"===a&&!s)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof t?i!==t||!s:!t.has(i))throw new TypeError("Cannot write private member to an object whose class did not declare it");"a"===a?s.call(i,e):s?s.value=e:t.set(i,e)})(this,v,[],"f"),this.kupDblClick.emit({comp:this,id:this.rootElement.id,node:i})}selectNode(i){i&&0!=i.length&&(this.currentNode=this.kupManager.data.node.find(this.data,i))}async getProps(i){return n(this,f,i)}async refresh(){e(this)}async setProps(i){l(this,f,i)}componentWillLoad(){M(this,w,"f").debug.logLoad(this,!1),M(this,w,"f").language.register(this),M(this,w,"f").theme.register(this)}componentDidLoad(){M(this,w,"f").debug.logLoad(this,!0)}componentWillRender(){M(this,w,"f").debug.logRender(this,!1)}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++)u.attachTo(t[i])}this.persistState(),M(this,w,"f").debug.logRender(this,!0)}render(){const i=!!this.currentNode;return a(s,{key:"94b709d607d3478d8572765bb4d9f332fc8f3287"},a("style",{key:"c861fd2f928f0ccfb201d28fe2de8fbe895f11cf"},M(this,w,"f").theme.setKupStyle(this.rootElement)),a("div",{key:"783c35aa4b598e4dc281dfe58720ef1dfed57bec",id:c},a("div",{key:"dd7b1310596456aa8ae775c29937197fcab50c49",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(h,{fit:!0,resource:this.currentNode.icon,sizeX:"1.25em",sizeY:"1.25em",wrapperClass:"navigation-bar__title__image"}),a("div",{class:"navigation-bar__title__label"},this.currentNode.value)),a(g,Object.assign({},M(this,y,"f"),{label:M(this,w,"f").language.translate(p.BACK)})),a(g,Object.assign({},M(this,x,"f"),{label:M(this,w,"f").language.translate(p.TOP)}))):null),a("div",{key:"13a2d026cab95a4da2c0fde2a0af8f4f6827fdb9",class:"image-list"},...M(this,k,"m",C).call(this))))}disconnectedCallback(){M(this,w,"f").language.unregister(this),M(this,w,"f").theme.unregister(this)}get rootElement(){return r(this)}static get watchers(){return{selectedNode:["selectNode"]}}};v=new WeakMap,w=new WeakMap,y=new WeakMap,x=new WeakMap,k=new WeakSet,j=function(i){const t=a(h,Object.assign({},{fit:!0,resource:i.icon,title:i.title,wrapperClass:"image-list__image"})),e=a("div",{class:"image-list__label"},i.value);return a(d,{cell:{value:i.value,icon:i.icon,obj:i.obj},column:{name:"IMAGE",title:"Image"},component:this,density:m.NONE,row:Object.assign({},i)},a("div",{class:"image-list__wrapper"},t,e))},C=function(){const i=[],t=this.currentNode?this.currentNode.children:this.data;for(let e=0;t&&e<t.length;e++){const s=t[e],r=a("div",{onClick:()=>{M(this,v,"f").push(setTimeout((()=>this.onKupClick(s)),300))},onContextMenu:i=>this.onKupContextMenu(i,s),onDblClick:()=>this.onKupDblClick(s),class:{"image-list__item":!0,"mdc-ripple-surface":!!this.ripple}},M(this,k,"m",j).call(this,s));i.push(r)}return i},W.style=":host{--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, 0.5em);--kup_imagelist_image_margin:var(--kup-imagelist-image-margin, 1em auto);--kup_imagelist_image_min_height:var(--kup-imagelist-image-min-height, 64px);--kup_imagelist_item_border_radius:var(\n --kup-imagelist-item-border-radius,\n 8px\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-color)\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{font-size:1.2em;font-weight:bold;letter-spacing:0.12em;overflow:hidden;padding:0 0.5em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.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, 4), minmax(0px, 1fr));margin-top:1em;width:100%}.image-list .f-cell{height:100%;width:100%}.image-list__item{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__image.f-image{margin:var(--kup_imagelist_image_margin)}.image-list__image.f-image .f-image__icon{min-height:var(--kup_imagelist_image_min_height)}.image-list__label{color:var(--kup_imagelist_text_color);letter-spacing:0.12em;margin:var(--kup_imagelist_label_margin);overflow:hidden;text-align:center;text-overflow:ellipsis}.image-list .mdc-ripple-surface{--mdc-ripple-fg-opacity:0.24}.image-list .mdc-ripple-surface:before,.image-list .mdc-ripple-surface:after{background-color:var(--kup_imagelist_primary_color)}: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}";export{W as kup_image_list}
@@ -1 +0,0 @@
1
- import{r,c as a,f as o,h as t,H as n,d as i}from"./p-1ad7fea0.js";import{k as s,g as e,s as p}from"./p-f31530fc.js";import{c as b}from"./p-635bb4b3.js";import"./p-de07d17e.js";const l="nav-bar";var v,c;!function(r){r.customStyle="Custom style of the component.",r.image="Image displayed by the nav bar, uses the kup-image component's props.",r.label="Text displayed by the nav bar.",r.showMenuButton="When true, the menu button will be displayed on the left of the nav bar.",r.styling="Defines the style of the nav bar"}(v||(v={})),function(r){r.SHORT="short",r.STANDARD="standard"}(c||(c={}));const u=class{constructor(o){r(this,o),this.kupNavbarReady=a(this,"kup-navbar-ready",6),this.kupNavbarResize=a(this,"kup-navbar-resize",6),this.kupManager=s(),this.customStyle="",this.styling=c.STANDARD}async getProps(r){return e(this,v,r)}async refresh(){o(this)}async resizeCallback(){window.clearTimeout(this.resizeTimeout),this.resizeTimeout=window.setTimeout((()=>{this.kupNavbarResize.emit({comp:this,id:this.rootElement.id})}),300)}async setProps(r){p(this,v,r)}content(){const r=Array.prototype.slice.call(this.rootElement.children,0),a=[],o=[];for(let n=0;n<r.length;n++)"left"===r[n].slot?a.push(t("slot",{name:"left"})):o.push(t("slot",{name:"right"}));return[a.length?t("section",{class:`${l}__section ${l}__section--align-start`},a):null,o.length?t("section",{class:`${l}__section ${l}__section--align-end`,role:"toolbar"},o):null]}componentWillLoad(){this.kupManager.debug.logLoad(this,!1),this.kupManager.language.register(this),this.kupManager.theme.register(this)}componentDidLoad(){this.kupNavbarReady.emit({comp:this,id:this.rootElement.id}),this.kupManager.resize.observe(this.rootElement),this.kupManager.debug.logLoad(this,!0)}componentWillRender(){this.kupManager.debug.logRender(this,!1)}componentDidRender(){this.kupManager.debug.logRender(this,!0)}render(){return t(n,{key:"d87202afdc46b32160433e9367e65b8911081758",class:"header"},t("style",{key:"f040c8ddb9a4e109be8b83c0ef434a331ffe1f28"},this.kupManager.theme.setKupStyle(this.rootElement)),t("div",{key:"12d4968317af6fecbad1f5e08a818798668d39e0",id:b},t("header",{key:"4b8be98eea078116b8f166ca4b12872b51690ba8",class:`${l} ${l}--${this.styling.toLowerCase()} `},t("div",{key:"42939e2fa3d1ec1f19b77aa994ce49b27a942063",class:`${l}__row`},this.content()))))}disconnectedCallback(){this.kupManager.language.unregister(this),this.kupManager.resize.unobserve(this.rootElement),this.kupManager.theme.unregister(this)}get rootElement(){return i(this)}};u.style=":host{--kup_navbar_box_shadow:var(\n --kup-navbar-box-shadow,\n 0 2px 4px -1px rgba(128, 128, 128, 0.2),\n 0 4px 5px 0 rgba(128, 128, 128, 0.14),\n 0 1px 10px 0 rgba(128, 128, 128, 0.12)\n );--kup_navbar_padding:var(--kup-navbar-padding, 8px 12px);--kup_navbar_position:var(--kup-navbar-position, fixed);--kup_navbar_short_border_radius:var(\n --kup-navbar-short-border-radius,\n 0px 0px 24px\n );--kup_navbar_short_box_shadow:var(\n --kup-navbar-short-box-shadow,\n rgba(128, 128, 128, 0.2) 0px 2px 4px -1px,\n rgba(128, 128, 128, 0.14) 0px 4px 5px 0px,\n rgba(128, 128, 128, 0.12) 0px 1px 10px 0px\n );--kup_navbar_short_width:var(--kup-navbar-short-width, 9em);--kup_navbar_transition:var(--kup-navbar-transition, 250ms);--kup_navbar_width:var(--kup-navbar-width, 100%);box-sizing:border-box;font-size:var(--kup-font-size);left:0;position:var(--kup_navbar_position);top:0;transition:all var(--kup_navbar_transition);width:var(--kup_navbar_width);z-index:var(--kup-navbar-zindex)}#kup-component{width:var(--kup_navbar_width)}.nav-bar{background-color:var(--kup-navbar-background-color);box-shadow:var(--kup_navbar_box_shadow);box-sizing:border-box;color:var(--kup-navbar-color);display:flex;flex-direction:column;justify-content:space-between;width:var(--kup_navbar_width)}.nav-bar--short{border-radius:var(--kup_navbar_short_border_radius);box-shadow:var(--kup_navbar_short_box_shadow);width:var(--kup_navbar_short_width)}.nav-bar--short .nav-bar__section{padding:0 0.5em}.nav-bar--short section{overflow:hidden}.nav-bar ::slotted(*){--kup-button-primary-color:var(--kup-navbar-color);--kup-button-primary-color-rgb:var(--kup-navbar-color-rgb);--kup-button-primary-color-h:var(--kup-navbar-color-h);--kup-button-primary-color-s:var(--kup-navbar-color-s);--kup-button-primary-color-l:var(--kup-navbar-color-l);--kup-switch-label-color:var(--kup-navbar-color);--kup-switch-primary-color:var(--kup-navbar-color);--kup-switch-primary-color-rgb:var(--kup-navbar-color-rgb);--kup-textfield-color:var(--kup-navbar-color);--kup-textfield-color-rgb:var(--kup-navbar-color-rgb);--kup-tree-color:var(--kup-navbar-color);--kup-tree-color-rgb:var(--kup-navbar-color-rgb);color:var(--kup-navbar-color);fill:var(--kup-navbar-color);margin:0}.nav-bar__row{box-sizing:border-box;display:flex;height:var(--kup-navbar-height);position:relative;width:var(--kup_navbar_width)}.nav-bar__section{align-items:center;display:inline-flex;flex:1 1 auto;min-width:0;padding:var(--kup_navbar_padding)}.nav-bar__section--align-start{flex-shrink:5;justify-content:flex-start;order:-1}.nav-bar__section--align-end{justify-content:flex-end;order:1;overflow:hidden}::slotted(*){--kup-button-primary-color:var(--kup-navbar-color);--kup-button-primary-color-rgb:var(--kup-navbar-color-rgb);--kup-button-primary-color-h:var(--kup-navbar-color-h);--kup-button-primary-color-s:var(--kup-navbar-color-s);--kup-button-primary-color-l:var(--kup-navbar-color-l);--kup-switch-label-color:var(--kup-navbar-color);--kup-switch-primary-color:var(--kup-navbar-color);--kup-switch-primary-color-rgb:var(--kup-navbar-color-rgb);--kup-textfield-color:var(--kup-navbar-color);--kup-textfield-color-rgb:var(--kup-navbar-color-rgb);--kup-textfield-primary-color:var(--kup-navbar-color);--kup-textfield-primary-color-rgb:var(--kup-navbar-color-rgb);--kup-tree-color:var(--kup-navbar-color);--kup-tree-color-rgb:var(--kup-navbar-color-rgb);color:var(--kup-navbar-color);fill:var(--kup-navbar-color);margin:0}";export{u as kup_nav_bar}
@@ -1 +0,0 @@
1
- import{h as t,r as i,d as s}from"./p-1ad7fea0.js";import{c as e,a as h,g as a,m as l,b as n,d as o,e as d}from"./p-2778f948.js";import{e as r,f as c}from"./p-924b841b.js";import{b as u}from"./p-de07d17e.js";import{g as v}from"./p-e841c2ae.js";const D=()=>()=>t("div",null),p=class{constructor(t){i(this,t),this.locale="it-IT",this.props=void 0,this.timeUnit=void 0,this.currentTasks=[],this.currentDetails=[],this.scrollX=-1,this.mainGanttDoubleView=!1,this.displayedDates={displayedStartDate:new Date,displayedEndDate:new Date},this.viewDate=void 0,this.projection=void 0,this.tasks=[],this.details=[]}mainGanttChangeHandler(){var t;this.currentTasks=this.props.mainGantt.items,this.currentDetails=null===(t=this.props.secondaryGantt)||void 0===t?void 0:t.items,this.projection=void 0,this.updateTasks()}updateDisplayedDates(){const t=e(this.currentTasks,this.timeUnit,this.mainGanttDoubleView,this.currentDetails,this.props.preStepsCount);if(!this.viewDate){const i=new Date;this.viewDate=t.displayedStartDate<=i&&t.displayedEndDate>=i?i:t.displayedStartDate}}updateTasks(){var t,i;const s=new u;this.tasks=[];for(let i=0;i<(null===(t=this.currentTasks)||void 0===t?void 0:t.length);i++)this.tasks.push(...h(this.currentTasks[i],s.formatToIsoDate(this.displayedDates.displayedStartDate),s.formatToIsoDate(this.displayedDates.displayedEndDate)));this.details=[];for(let t=0;t<(null===(i=this.currentDetails)||void 0===i?void 0:i.length);t++)this.details.push(...h(this.currentDetails[t],s.formatToIsoDate(this.displayedDates.displayedStartDate),s.formatToIsoDate(this.displayedDates.displayedEndDate)))}componentWillLoad(){var t,i,s,h,a,l,n,o,d,r;this.timeUnit=null===(t=this.props)||void 0===t?void 0:t.viewMode,this.currentTasks=(null===(i=this.props)||void 0===i?void 0:i.mainGantt.items)||[],this.currentDetails=null===(h=null===(s=this.props)||void 0===s?void 0:s.secondaryGantt)||void 0===h?void 0:h.items,this.scrollX=(null===(l=null===(a=this.props)||void 0===a?void 0:a.mainGantt)||void 0===l?void 0:l.initialScrollX)||-1,this.mainGanttDoubleView=null!==(d=null===(o=null===(n=this.props)||void 0===n?void 0:n.mainGantt)||void 0===o?void 0:o.showSecondaryDates)&&void 0!==d&&d,this.displayedDates=e(this.currentTasks,this.timeUnit,this.mainGanttDoubleView,this.currentDetails,null===(r=this.props)||void 0===r?void 0:r.preStepsCount),this.viewDate=void 0,this.projection=void 0,this.updateTasks()}handleClick(t,i){if(t){if("task"===t.type&&this.props.secondaryGantt){const i=t;this.projection={start:new Date(i.startDate),end:new Date(i.endDate),color:i.color||"#ED7D31"}}else this.projection=void 0;null==i||i(t)}}handleDblClick(t,i){t&&(null==i||i(t))}handleContextMenu(t,i,s){if(i){if("task"===i.type&&this.props.secondaryGantt){const t=i;this.projection={start:new Date(t.startDate),end:new Date(t.endDate),color:t.color||"#ED7D31"}}else this.projection=void 0;null==s||s(t,i)}}handleSetDoubleView(t){var i,s;this.mainGanttDoubleView=t,null===(s=null===(i=this.props)||void 0===i?void 0:i.onSetDoubleView)||void 0===s||s.call(i,t)}handleDateChange(t,i,s){var e;const h=null==t?void 0:t.id;if(!h)return;let d=n(h,i);if(d||(d=a(h,i)),d)if("timeline"!==d.type){if("project"===d.type){const s=l(i,t);d=n(d.id,s),this.viewDate=t.start,this.currentTasks=s}else if("task"===d.type){const s=i.find((t=>{var i;return null===(i=t.phases)||void 0===i?void 0:i.some((t=>(null==t?void 0:t.id)===h))}));if(s){const h=o(s.phases,t),l=i.map((t=>t.id===s.id?Object.assign(Object.assign({},t),{phases:h}):t));d=a(d.id,l),this.props.secondaryGantt&&d&&(this.projection={start:new Date(d.startDate),end:new Date(d.endDate),color:null!==(e=d.color)&&void 0!==e?e:"#ED7D31"}),this.viewDate=t.start,this.currentTasks=l}}null==s||s(d),setTimeout(this.getScrollX,500)}else console.log("onDateChange for timeline not managed yet",h,d.type)}getScrollX(){var t,i,s;if(this.rootElement){const e=null===(t=this.rootElement.querySelector('[data-scrollx="true"]'))||void 0===t?void 0:t.scrollLeft;void 0!==e&&(null===(s=(i=this.props).onScrollX)||void 0===s||s.call(i,e))}}render(){var i,s,e;return t("div",{key:"133ea45016bd02bd7536e01bea88ea1e079607d8",class:"planner-render"},t("kup-switcher",{key:"5f187be68f2d85066d9d6886445a03caeb4a5d33",timeUnitChange:t=>{var i,s;null===(s=(i=this.props).onSetViewMode)||void 0===s||s.call(i,t),this.timeUnit=t,this.viewDate=void 0,this.scrollX=-1}}),this.props&&t("div",{style:{display:"flex",flexDirection:"column"}},t("kup-gantt",Object.assign({ganttId:r,key:c,filter:this.props.mainGantt.filter,hideLabel:this.props.mainGantt.hideLabel,showSecondaryDates:this.mainGanttDoubleView,hideDependencies:this.props.mainGantt.hideDependencies,ganttHeight:this.props.mainGantt.ganttHeight,displayedStartDate:this.displayedDates.displayedStartDate,displayedEndDate:this.displayedDates.displayedEndDate,viewDate:this.viewDate,tasks:this.tasks,columnWidth:d(this.timeUnit),viewMode:this.timeUnit},this.props.mainGantt.stylingOptions,{TaskListHeader:this.props.mainGantt.taskListHeaderProject,TaskListTable:this.props.mainGantt.taskListTableProject,TooltipContent:null!==(i=this.props.mainGantt.tooltipContent)&&void 0!==i?i:D(),barClick:t=>{let i=n(t.id,this.currentTasks);i||(i=a(t.id,this.currentTasks)),i&&this.handleClick(i,this.props.mainGantt.onClick)},barDblClick:t=>{let i=n(t.id,this.currentTasks);i||(i=a(t.id,this.currentTasks)),i&&this.handleDblClick(i,this.props.mainGantt.onDblClick)},barContextMenu:(t,i)=>{let s=n(i.id,this.currentTasks);s||(s=a(i.id,this.currentTasks)),s&&this.handleContextMenu(t,s,this.props.mainGantt.onContextMenu)},dateChange:t=>this.handleDateChange(t,this.currentTasks,this.props.mainGantt.onDateChange),locale:this.locale,dateTimeFormatters:v,initialScrollX:this.scrollX,initialScrollY:this.props.mainGantt.initialScrollY,readOnly:this.props.mainGantt.readOnly,scrollXChange:this.props.onScrollX,scrollYChange:this.props.mainGantt.onScrollY,currentTasks:this.currentTasks,handleClick:this.handleClick.bind(this),handleDblClick:this.handleDblClick.bind(this),handleContextMenu:this.handleContextMenu.bind(this),ganttOnClick:this.props.mainGantt.onClick,ganttOnDblClick:this.props.mainGantt.onDblClick,ganttonOnContextMenu:this.props.mainGantt.onContextMenu,label:this.props.mainGantt.title,doubleView:null!==(s=this.mainGanttDoubleView)&&void 0!==s&&s,setDoubleView:this.handleSetDoubleView.bind(this)})),this.props.secondaryGantt&&t("kup-gantt",Object.assign({ganttId:c,key:c,filter:this.props.secondaryGantt.filter,hideLabel:this.props.secondaryGantt.hideLabel,showSecondaryDates:this.mainGanttDoubleView,hideDependencies:this.props.secondaryGantt.hideDependencies,ganttHeight:this.props.secondaryGantt.ganttHeight,displayedStartDate:this.displayedDates.displayedStartDate,displayedEndDate:this.displayedDates.displayedEndDate,viewDate:this.viewDate,tasks:this.details,columnWidth:d(this.timeUnit),viewMode:this.timeUnit},this.props.secondaryGantt.stylingOptions,{TaskListHeader:this.props.secondaryGantt.taskListHeaderProject,TaskListTable:this.props.secondaryGantt.taskListTableProject,TooltipContent:null!==(e=this.props.secondaryGantt.tooltipContent)&&void 0!==e?e:D(),projection:this.projection,barClick:t=>{if(this.props.secondaryGantt){let i=n(t.id,this.currentDetails);i&&this.handleClick(i,this.props.secondaryGantt.onClick)}},barDblClick:t=>{if(this.props.secondaryGantt){let i=n(t.id,this.currentDetails);i&&this.handleDblClick(i,this.props.secondaryGantt.onDblClick)}},barContextMenu:(t,i)=>{if(this.props.secondaryGantt){let s=n(i.id,this.currentDetails);s&&this.handleContextMenu(t,s,this.props.secondaryGantt.onContextMenu)}},dateChange:t=>this.handleDateChange(t,this.currentTasks,this.props.secondaryGantt.onDateChange),locale:this.locale,dateTimeFormatters:v,initialScrollX:this.scrollX,initialScrollY:this.props.secondaryGantt.initialScrollY,readOnly:this.props.secondaryGantt.readOnly,scrollXChange:this.props.onScrollX,scrollYChange:this.props.secondaryGantt.onScrollY,currentTasks:this.currentTasks,handleClick:this.handleClick.bind(this),handleDblClick:this.handleDblClick.bind(this),handleContextMenu:this.handleContextMenu.bind(this),ganttOnClick:this.props.secondaryGantt.onClick,ganttOnDblClick:this.props.secondaryGantt.onDblClick,ganttonOnContextMenu:this.props.secondaryGantt.onContextMenu,label:this.props.secondaryGantt.title}))))}get rootElement(){return s(this)}static get watchers(){return{props:["mainGanttChangeHandler"],timeUnit:["updateDisplayedDates"],mainGanttDoubleView:["updateDisplayedDates"],"props.preStepsCount":["updateDisplayedDates"],viewDate:["updateDisplayedDates"],currentTasks:["updateTasks"],currentDetails:["updateTasks"]}}};export{p as kup_planner_renderer}
@@ -1 +0,0 @@
1
- import{r as o,c as r,f as c,h as i,H as a,d as n}from"./p-1ad7fea0.js";import{k as e,g as t,s as d,c as p,a as s}from"./p-f31530fc.js";import{F as l}from"./p-c089b961.js";import{c as u}from"./p-635bb4b3.js";import{M as _}from"./p-d4a879fc.js";import"./p-de07d17e.js";var k;!function(o){o.customStyle="Custom style of the component. For more information: https://ketchup.smeup.com/ketchup-showcase/#/customization",o.data="Data of the accordion.",o.ripple="When enabled displays Material's ripple effect on item headers."}(k||(k={}));const h=class{constructor(c){o(this,c),this.kupAccordionItemSelected=r(this,"kup-accordion-itemselected",6),this.kupManager=e(),this.slotsNames=[],this.selectedItems=[],this.customStyle="",this.data=null,this.ripple=!0}applyRipple(){const o=this.rootElement.shadowRoot;if(o&&this.ripple){const r=o.querySelectorAll(".mdc-ripple-surface:not(.mdc-ripple-upgraded)");if(r)for(let o=0;o<r.length;o++)_.attachTo(r[o])}}async collapseAll(){const o=[];for(let r=0;r<this.data.columns.length;r++){const c=this.data.columns[r].name;!this.isItemExpandible(c)&&this.isItemSelected(c)&&o.push(c)}this.selectedItems=o}async expandAll(){const o=[];for(let r=0;r<this.data.columns.length;r++){const c=this.data.columns[r].name;this.isItemExpandible(c)&&o.push(c)}this.selectedItems=o}async getProps(o){return t(this,k,o)}async refresh(){c(this)}async setProps(o){d(this,k,o)}async toggleItem(o){const r=this.isItemExpandible(o),c=[...this.selectedItems];c.includes(o)?c.splice(c.indexOf(o),1):c.push(o),this.selectedItems=c,r||this.kupAccordionItemSelected.emit({comp:this,id:this.rootElement.id,itemName:o})}isItemExpandible(o){return this.slotsNames.includes(o)}isItemSelected(o){return this.selectedItems.includes(o)}renderItems(){const o=[],r=Array.prototype.slice.call(this.rootElement.children,0);this.slotsNames=[];for(let o=0;o<r.length;o++)this.slotsNames.push(r[o].slot);for(let r=0;r<this.data.columns.length;r++){const c=this.data.columns[r],a=c.name,n=this.isItemSelected(a),e=this.isItemExpandible(a),t={"accordion-item__content":!0,"accordion-item__content--selected":!!n};o.push(i("div",{class:"accordion-item"},i("div",{title:c.title,class:{"accordion-item__header":!0,"accordion-item__header--selected":!(e||!n),"accordion-item__header--expanded":!(!e||!n),"mdc-ripple-surface":!!this.ripple},onClick:()=>this.toggleItem(a)},c.icon?i(l,{color:`var(${p.ICON})`,resource:c.icon,sizeX:"1.5em",sizeY:"1.5em",wrapperClass:"accordion-item__icon"}):null,i("span",{class:"accordion-item__text"},c.title),e?i("span",{class:`accordion-item__dropdown kup-icon ${s.DROPDOWN.replace("--","")}`}):null),i("div",{class:t},i("slot",{name:c.name}))))}return o}componentWillLoad(){this.kupManager.debug.logLoad(this,!1),this.kupManager.theme.register(this)}componentDidLoad(){this.applyRipple(),this.kupManager.debug.logLoad(this,!0)}componentWillRender(){this.kupManager.debug.logRender(this,!1)}componentDidRender(){const o=this.rootElement.shadowRoot;if(o){const r=o.querySelectorAll(".mdc-ripple-surface");if(r)for(let o=0;o<r.length;o++)_.attachTo(r[o])}this.kupManager.debug.logRender(this,!0)}render(){const o=this.data&&this.data.columns?this.renderItems():null;return i(a,{key:"12da47dc3f3462e4d3e78b5266ee5416c26a2a99"},i("style",{key:"af0aa37c789ba350584ffd5289e5e08a581a2bb7"},this.kupManager.theme.setKupStyle(this.rootElement)),i("div",{key:"e662e0fb3e38440eb105a18f0e6302d5b619a958",id:u},i("div",{key:"e5860263f1b09c6f9f64d3a15ccbde1d2d88a316",class:"accordion"},o)))}disconnectedCallback(){this.kupManager.theme.unregister(this)}get rootElement(){return n(this)}static get watchers(){return{ripple:["applyRipple"]}}};h.style=":host{--kup_accordion_background_color:var(\n --kup-accordion-background-color,\n var(--kup-background-color)\n );--kup_accordion_border:var(\n --kup-accordion-border,\n 1px solid var(--kup-border-color)\n );--kup_accordion_border_radius:var(--kup-accordion-border-radius, 4px);--kup-accordion_dropdown_icon_color:var(\n --kup-accordion-dropdown-icon-color,\n var(--kup-icon-color)\n );--kup_accordion_font_family:var(\n --kup-accordion-font-family,\n var(--kup-font-family)\n );--kup_accordion_font_size:var(\n --kup-accordion-font-size,\n var(--kup-font-size)\n );--kup_accordion_hover_background_color:var(\n --kup-accordion-hover-background-color,\n var(--kup-hover-background-color)\n );--kup_accordion_hover_color:var(\n --kup-accordion-hover-color,\n var(--kup-hover-color)\n );--kup_accordion_padding:var(--kup-accordion-padding, 1em 1.5em);--kup_accordion_primary_color:var(\n --kup-accordion-primary-color,\n var(--kup-primary-color)\n );--kup_accordion_primary_color_rgb:var(\n --kup-accordion-primary-color-rgb,\n var(--kup-primary-color-rgb)\n );--kup_accordion_text_color:var(\n --kup-accordion-text-color,\n var(--kup-text-color)\n );--kup_accordion_text_on_primary_color:var(\n --kup-accordion-text-on-primary-color,\n var(--kup-text-on-primary-color)\n );--kup_accordion_transition:var(--kup-accordion-transition, 80ms);display:block;font-family:var(--kup_accordion_font_family);font-size:var(--kup_accordion_font_size)}.accordion{background-color:var(--kup_accordion_background_color);border-bottom:var(--kup_accordion_border);border-radius:var(--kup_accordion_border_radius);border-top:var(--kup_accordion_border);display:flex;flex-wrap:wrap;flex-direction:column;width:100%}.accordion-item{border-left:var(--kup_accordion_border);border-right:var(--kup_accordion_border);box-sizing:border-box;width:100%}.accordion-item--visible{display:block}.accordion-item:not(:first-of-type){border-top:var(--kup_accordion_border)}.accordion-item__header{align-items:center;border:none;box-sizing:border-box;color:var(--kup_accordion_text_color);cursor:pointer;display:flex;line-height:1.75em;outline:none;padding:var(--kup_accordion_padding);text-align:left;transition:background-color var(--kup_accordion_transition), color var(--kup_accordion_transition);width:100%}.accordion-item__header:hover:not(.accordion-item__header--selected){color:var(--kup_accordion_hover_color);background-color:var(--kup_accordion_hover_background_color)}.accordion-item__header--expanded{color:var(--kup_accordion_hover_color);background-color:var(--kup_accordion_hover_background_color)}.accordion-item__header--expanded .accordion-item__dropdown{transform:rotate(-180deg)}.accordion-item__header--selected{background-color:rgba(var(--kup_accordion_primary_color_rgb), 0.175)}.accordion-item__text{margin-right:0.5em;overflow:hidden;text-overflow:ellipsis;white-space:pre}.accordion-item__text--highlighted{color:var(--kup_accordion_text_on_primary_color);background-color:var(--kup_accordion_primary_color)}.accordion-item__icon{margin-left:0;margin-right:0.5em}.accordion-item__dropdown{background-color:var(--kup-accordion_dropdown_icon_color);height:1.5em;margin-left:auto;margin-right:0;min-width:1.5em;width:1.5em;transition:transform var(--kup_accordion_transition)}.accordion-item__content{animation:fade-in 0.25s ease-out;display:none}.accordion-item__content--selected{display:block}.mdc-ripple-surface{--mdc-ripple-fg-opacity:0.24}.mdc-ripple-surface:before,.mdc-ripple-surface:after{background-color:var(--kup_accordion_primary_color)}.kup-icon.kup-dropdown-icon{-webkit-mask:var(--kup-dropdown-icon);mask:var(--kup-dropdown-icon)}:host(.kup-borderless){--kup-accordion-border:none}:host(.kup-full-height){height:100%}:host(.kup-full-width){width:100%}:host(.kup-danger){--kup-accordion-primary-color:var(--kup-danger-color);--kup-accordion-primary-color-rgb:var(--kup-danger-color-rgb);--kup-accordion-text-on-primary-color:white}:host(.kup-info){--kup-accordion-primary-color:var(--kup-info-color);--kup-accordion-primary-color-rgb:var(--kup-info-color-rgb);--kup-accordion-text-on-primary-color:white}:host(.kup-secondary){--kup-accordion-primary-color:var(--kup-secondary-color);--kup-accordion-primary-color-rgb:var(--kup-secondary-color-rgb);--kup-accordion-text-on-primary-color:var(--kup-text-on-secondary-color)}:host(.kup-success){--kup-accordion-primary-color:var(--kup-success-color);--kup-accordion-primary-color-rgb:var(--kup-success-color-rgb);--kup-accordion-text-on-primary-color:white}:host(.kup-warning){--kup-accordion-primary-color:var(--kup-warning-color);--kup-accordion-primary-color-rgb:var(--kup-warning-color-rgb);--kup-accordion-text-on-primary-color:white}";export{h as kup_accordion}