@sme.up/ketchup 10.1.1 → 10.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (493) hide show
  1. package/dist/cjs/{f-button-c3ae141e.js → f-button-bfafefb3.js} +3 -3
  2. package/dist/cjs/{f-cell-66dc3984.js → f-cell-cfdd6703.js} +376 -168
  3. package/dist/cjs/{f-checkbox-59fb7aa5.js → f-checkbox-aaa6d45c.js} +3 -2
  4. package/dist/cjs/{f-chip-90155c76.js → f-chip-24b1eb58.js} +146 -10
  5. package/dist/cjs/{f-image-d22b012f.js → f-image-db10b066.js} +1 -1
  6. package/dist/cjs/{f-object-field-902b9d05.js → f-object-field-2ffc49c1.js} +13 -6
  7. package/dist/cjs/{f-paginator-utils-7df7d997.js → f-paginator-utils-51bb9317.js} +3 -3
  8. package/dist/cjs/{f-text-field-80716a60.js → f-text-field-5face063.js} +15 -15
  9. package/dist/cjs/{f-typography-271f5037.js → f-typography-85d8238a.js} +1 -1
  10. package/dist/cjs/{index-e8aa3c73.js → index-c7d441d8.js} +8 -3
  11. package/dist/cjs/index.cjs.js +2 -2
  12. package/dist/cjs/ketchup.cjs.js +2 -2
  13. package/dist/cjs/kup-accordion.cjs.entry.js +4 -4
  14. package/dist/cjs/kup-activity-timeline.cjs.entry.js +43 -23
  15. package/dist/cjs/{kup-autocomplete_28.cjs.entry.js → kup-autocomplete_29.cjs.entry.js} +2387 -1457
  16. package/dist/cjs/kup-box.cjs.entry.js +64 -60
  17. package/dist/cjs/kup-calendar.cjs.entry.js +12 -11
  18. package/dist/cjs/kup-card-list.cjs.entry.js +3 -3
  19. package/dist/cjs/kup-cell.cjs.entry.js +17 -12
  20. package/dist/cjs/kup-custom-task-list-header_4.cjs.entry.js +12 -12
  21. package/dist/cjs/kup-dashboard.cjs.entry.js +7 -7
  22. package/dist/cjs/{kup-data-table-helper-02d1e529.js → kup-data-table-helper-6f4d86ea.js} +28 -23
  23. package/dist/cjs/kup-drawer.cjs.entry.js +3 -3
  24. package/dist/cjs/kup-echart.cjs.entry.js +46 -14
  25. package/dist/cjs/kup-editor.cjs.entry.js +10 -5
  26. package/dist/cjs/kup-family-tree.cjs.entry.js +5 -5
  27. package/dist/cjs/kup-gantt_10.cjs.entry.js +33 -33
  28. package/dist/cjs/kup-grid.cjs.entry.js +3 -3
  29. package/dist/cjs/kup-htm.cjs.entry.js +4 -4
  30. package/dist/cjs/kup-iframe.cjs.entry.js +3 -3
  31. package/dist/cjs/kup-image-list.cjs.entry.js +25 -21
  32. package/dist/cjs/kup-input-panel.cjs.entry.js +137 -133
  33. package/dist/cjs/kup-lazy.cjs.entry.js +14 -14
  34. package/dist/cjs/kup-magic-box.cjs.entry.js +7 -7
  35. package/dist/cjs/{kup-manager-d67049ad.js → kup-manager-49d2d8fe.js} +471 -392
  36. package/dist/cjs/kup-nav-bar.cjs.entry.js +4 -4
  37. package/dist/cjs/kup-numeric-picker.cjs.entry.js +6 -6
  38. package/dist/cjs/kup-object-field.cjs.entry.js +7 -7
  39. package/dist/cjs/kup-pdf.cjs.entry.js +4 -4
  40. package/dist/cjs/kup-planner-renderer.cjs.entry.js +3 -3
  41. package/dist/cjs/kup-planner.cjs.entry.js +6 -6
  42. package/dist/cjs/kup-probe.cjs.entry.js +3 -3
  43. package/dist/cjs/kup-qlik.cjs.entry.js +4 -4
  44. package/dist/cjs/kup-snackbar.cjs.entry.js +6 -6
  45. package/dist/cjs/kup-txt.cjs.entry.js +4 -4
  46. package/dist/cjs/kup-typography-list.cjs.entry.js +5 -5
  47. package/dist/cjs/kup-typography.cjs.entry.js +115 -15
  48. package/dist/cjs/loader.cjs.js +2 -2
  49. package/dist/collection/collection-manifest.json +1 -0
  50. package/dist/collection/components/kup-accordion/kup-accordion.css +3 -3
  51. package/dist/collection/components/kup-activity-timeline/kup-activity-timeline-declarations.js +1 -1
  52. package/dist/collection/components/kup-activity-timeline/kup-activity-timeline.css +3 -3
  53. package/dist/collection/components/kup-activity-timeline/kup-activity-timeline.js +37 -17
  54. package/dist/collection/components/kup-autocomplete/kup-autocomplete-declarations.js +1 -0
  55. package/dist/collection/components/kup-autocomplete/kup-autocomplete.css +3 -3
  56. package/dist/collection/components/kup-autocomplete/kup-autocomplete.js +87 -19
  57. package/dist/collection/components/kup-badge/kup-badge.css +3 -3
  58. package/dist/collection/components/kup-box/kup-box.css +3 -3
  59. package/dist/collection/components/kup-box/kup-box.js +72 -48
  60. package/dist/collection/components/kup-button/kup-button.css +3 -3
  61. package/dist/collection/components/kup-button/kup-button.js +0 -24
  62. package/dist/collection/components/kup-button-list/kup-button-list.css +3 -3
  63. package/dist/collection/components/kup-button-list/kup-button-list.js +23 -3
  64. package/dist/collection/components/kup-calendar/kup-calendar.css +4 -4
  65. package/dist/collection/components/kup-calendar/kup-calendar.js +6 -5
  66. package/dist/collection/components/kup-card/built-in/kup-card-message-box.js +5 -1
  67. package/dist/collection/components/kup-card/dialog/kup-card-dialog.js +78 -1
  68. package/dist/collection/components/kup-card/kup-card.css +221 -20
  69. package/dist/collection/components/kup-card/kup-card.js +5 -2
  70. package/dist/collection/components/kup-card/standard/kup-card-standard.js +2 -2
  71. package/dist/collection/components/kup-card-list/kup-card-list.css +3 -3
  72. package/dist/collection/components/kup-cell/kup-cell.css +3 -3
  73. package/dist/collection/components/kup-cell/kup-cell.js +28 -3
  74. package/dist/collection/components/kup-chart/kup-chart.css +3 -3
  75. package/dist/collection/components/kup-checkbox/kup-checkbox.css +3 -3
  76. package/dist/collection/components/kup-chip/kup-chip.css +21 -7
  77. package/dist/collection/components/kup-chip/kup-chip.js +104 -33
  78. package/dist/collection/components/kup-color-picker/kup-color-picker.css +3 -3
  79. package/dist/collection/components/kup-combobox/kup-combobox-declarations.js +1 -0
  80. package/dist/collection/components/kup-combobox/kup-combobox.css +3 -3
  81. package/dist/collection/components/kup-combobox/kup-combobox.js +53 -4
  82. package/dist/collection/components/kup-dashboard/kup-dashboard.css +3 -3
  83. package/dist/collection/components/kup-data-table/kup-data-table-declarations.js +13 -0
  84. package/dist/collection/components/kup-data-table/kup-data-table-helper.js +6 -3
  85. package/dist/collection/components/kup-data-table/kup-data-table-state.js +2 -0
  86. package/dist/collection/components/kup-data-table/kup-data-table.css +55 -34
  87. package/dist/collection/components/kup-data-table/kup-data-table.js +783 -238
  88. package/dist/collection/components/kup-date-picker/kup-date-picker.css +3 -3
  89. package/dist/collection/components/kup-date-picker/kup-date-picker.js +8 -1
  90. package/dist/collection/components/kup-dialog/kup-dialog-declarations.js +3 -0
  91. package/dist/collection/components/kup-dialog/kup-dialog.css +31 -6
  92. package/dist/collection/components/kup-dialog/kup-dialog.js +169 -11
  93. package/dist/collection/components/kup-drawer/kup-drawer.css +3 -3
  94. package/dist/collection/components/kup-dropdown-button/kup-dropdown-button.css +3 -3
  95. package/dist/collection/components/kup-echart/kup-echart.css +3 -3
  96. package/dist/collection/components/kup-echart/kup-echart.js +106 -11
  97. package/dist/collection/components/kup-editor/kup-editor.js +8 -3
  98. package/dist/collection/components/kup-family-tree/kup-family-tree.css +15 -12
  99. package/dist/collection/components/kup-file-upload/kup-file-upload-declarations.js +5 -0
  100. package/dist/collection/components/kup-file-upload/kup-file-upload.css +203 -0
  101. package/dist/collection/components/kup-file-upload/kup-file-upload.js +424 -0
  102. package/dist/collection/components/kup-form/kup-form.css +3 -3
  103. package/dist/collection/components/kup-form/kup-form.js +2 -2
  104. package/dist/collection/components/kup-gauge/kup-gauge.css +3 -3
  105. package/dist/collection/components/kup-grid/kup-grid.css +3 -3
  106. package/dist/collection/components/kup-htm/kup-htm.css +3 -3
  107. package/dist/collection/components/kup-htm/kup-htm.js +1 -1
  108. package/dist/collection/components/kup-iframe/kup-iframe.css +3 -3
  109. package/dist/collection/components/kup-image/assets/svg/circle.svg +3 -0
  110. package/dist/collection/components/kup-image/assets/svg/up.svg +43 -0
  111. package/dist/collection/components/kup-image/kup-image.css +3 -3
  112. package/dist/collection/components/kup-image-list/kup-image-list.css +6 -6
  113. package/dist/collection/components/kup-image-list/kup-image-list.js +15 -11
  114. package/dist/collection/components/kup-input-panel/kup-input-panel-utils.js +35 -13
  115. package/dist/collection/components/kup-input-panel/kup-input-panel.css +12 -5
  116. package/dist/collection/components/kup-input-panel/kup-input-panel.js +133 -87
  117. package/dist/collection/components/kup-lazy/kup-lazy.css +3 -3
  118. package/dist/collection/components/kup-lazy/kup-lazy.js +11 -11
  119. package/dist/collection/components/kup-list/kup-list.css +3 -3
  120. package/dist/collection/components/kup-list/kup-list.js +56 -11
  121. package/dist/collection/components/kup-magic-box/kup-magic-box.css +3 -3
  122. package/dist/collection/components/kup-magic-box/kup-magic-box.js +3 -3
  123. package/dist/collection/components/kup-nav-bar/kup-nav-bar.css +3 -3
  124. package/dist/collection/components/kup-nav-bar/kup-nav-bar.js +1 -1
  125. package/dist/collection/components/kup-numeric-picker/kup-numeric-picker.css +3 -3
  126. package/dist/collection/components/kup-numeric-picker/kup-numeric-picker.js +1 -1
  127. package/dist/collection/components/kup-object-field/kup-object-field.js +1 -1
  128. package/dist/collection/components/kup-pdf/kup-pdf.css +3 -3
  129. package/dist/collection/components/kup-pdf/kup-pdf.js +1 -1
  130. package/dist/collection/components/kup-planner/kup-planner.css +3 -3
  131. package/dist/collection/components/kup-planner/kup-planner.js +1 -1
  132. package/dist/collection/components/kup-planner/utils/custom-task-list-header.js +2 -2
  133. package/dist/collection/components/kup-planner/utils/custom-task-list-header.module.css +3 -3
  134. package/dist/collection/components/kup-planner/utils/gantt-table.module.css +6 -6
  135. package/dist/collection/components/kup-planner/utils/kup-gantt/kup-gantt.css +3 -3
  136. package/dist/collection/components/kup-planner/utils/kup-gantt/kup-gantt.js +2 -2
  137. package/dist/collection/components/kup-planner/utils/kup-gantt-calendar/kup-gantt-calendar.css +4 -4
  138. package/dist/collection/components/kup-planner/utils/kup-gantt-calendar/kup-gantt-calendar.js +2 -2
  139. package/dist/collection/components/kup-planner/utils/kup-grid-renderer/kup-grid-renderer.css +3 -3
  140. package/dist/collection/components/kup-planner/utils/kup-grid-renderer/kup-grid-renderer.js +3 -3
  141. package/dist/collection/components/kup-planner/utils/kup-horizontal-scroll/kup-horizontal-scroll.css +3 -3
  142. package/dist/collection/components/kup-planner/utils/kup-horizontal-scroll/kup-horizontal-scroll.js +5 -5
  143. package/dist/collection/components/kup-planner/utils/kup-planner-renderer.js +2 -2
  144. package/dist/collection/components/kup-planner/utils/kup-switcher/kup-switcher.css +3 -3
  145. package/dist/collection/components/kup-planner/utils/kup-switcher/kup-switcher.js +1 -1
  146. package/dist/collection/components/kup-planner/utils/kup-task-gantt/kup-task-gantt.js +2 -2
  147. package/dist/collection/components/kup-planner/utils/kup-task-list/kup-task-list-header.js +7 -7
  148. package/dist/collection/components/kup-planner/utils/kup-task-list/kup-task-list-table.js +1 -1
  149. package/dist/collection/components/kup-planner/utils/kup-task-list/kup-task-list.css +3 -3
  150. package/dist/collection/components/kup-planner/utils/kup-task-list/kup-task-list.js +1 -1
  151. package/dist/collection/components/kup-planner/utils/kup-tooltip/kup-standard-tooltip.js +1 -1
  152. package/dist/collection/components/kup-planner/utils/kup-tooltip/kup-tooltip.css +3 -3
  153. package/dist/collection/components/kup-planner/utils/kup-tooltip/kup-tooltip.js +1 -1
  154. package/dist/collection/components/kup-planner/utils/kup-vertical-scroll/kup-vertical-scroll.css +3 -3
  155. package/dist/collection/components/kup-planner/utils/kup-vertical-scroll/kup-vertical-scroll.js +2 -2
  156. package/dist/collection/components/kup-probe/kup-probe.js +1 -1
  157. package/dist/collection/components/kup-progress-bar/kup-progress-bar.css +3 -3
  158. package/dist/collection/components/kup-progress-bar/kup-progress-bar.js +1 -1
  159. package/dist/collection/components/kup-qlik/kup-qlik.css +3 -3
  160. package/dist/collection/components/kup-qlik/kup-qlik.js +1 -1
  161. package/dist/collection/components/kup-radio/kup-radio.css +3 -3
  162. package/dist/collection/components/kup-rating/kup-rating.css +3 -3
  163. package/dist/collection/components/kup-rating/kup-rating.js +1 -1
  164. package/dist/collection/components/kup-snackbar/kup-snackbar.css +4 -4
  165. package/dist/collection/components/kup-snackbar/kup-snackbar.js +1 -1
  166. package/dist/collection/components/kup-spinner/kup-spinner.css +3 -3
  167. package/dist/collection/components/kup-spinner/kup-spinner.js +34 -34
  168. package/dist/collection/components/kup-switch/kup-switch.css +3 -3
  169. package/dist/collection/components/kup-switch/kup-switch.js +1 -1
  170. package/dist/collection/components/kup-tab-bar/kup-tab-bar.css +9 -7
  171. package/dist/collection/components/kup-tab-bar/kup-tab-bar.js +182 -20
  172. package/dist/collection/components/kup-text-field/kup-text-field.css +3 -3
  173. package/dist/collection/components/kup-time-picker/kup-time-picker.css +3 -3
  174. package/dist/collection/components/kup-time-picker/kup-time-picker.js +8 -1
  175. package/dist/collection/components/kup-toolbar/kup-toolbar.css +9 -12
  176. package/dist/collection/components/kup-tree/kup-tree.css +24 -13
  177. package/dist/collection/components/kup-tree/kup-tree.js +130 -52
  178. package/dist/collection/components/kup-txt/kup-txt.css +3 -3
  179. package/dist/collection/components/kup-txt/kup-txt.js +1 -1
  180. package/dist/collection/components/kup-typography/kup-typography.css +3 -3
  181. package/dist/collection/components/kup-typography/kup-typography.js +198 -28
  182. package/dist/collection/components/kup-typography-list/kup-typography-list.css +3 -3
  183. package/dist/collection/components/kup-typography-list/kup-typography-list.js +1 -1
  184. package/dist/collection/f-components/f-button/f-button.js +1 -1
  185. package/dist/collection/f-components/f-cell/f-cell-declarations.js +6 -1
  186. package/dist/collection/f-components/f-cell/f-cell.js +80 -52
  187. package/dist/collection/f-components/f-checkbox/f-checkbox.js +1 -0
  188. package/dist/collection/f-components/f-chip/f-chip.js +12 -7
  189. package/dist/collection/f-components/f-label/f-label.js +21 -0
  190. package/dist/collection/f-components/f-object-field/f-object-field.js +6 -1
  191. package/dist/collection/f-components/f-radio/f-radio.js +17 -6
  192. package/dist/collection/f-components/f-text-field/f-text-field.js +12 -12
  193. package/dist/collection/managers/kup-data/kup-data.js +4 -0
  194. package/dist/collection/managers/kup-interact/kup-interact.js +43 -22
  195. package/dist/collection/managers/kup-language/kup-language-declarations.js +10 -0
  196. package/dist/collection/managers/kup-manager/kup-manager.js +8 -3
  197. package/dist/collection/managers/kup-perf-monitoring/kup-perf-monitoring.js +55 -0
  198. package/dist/collection/managers/kup-perf-tuning/kup-perf-tuning-declarations.js +5 -1
  199. package/dist/collection/managers/kup-theme/kup-theme-declarations.js +3 -0
  200. package/dist/collection/managers/kup-tooltip/kup-tooltip.js +7 -3
  201. package/dist/collection/types/GenericTypes.js +1 -0
  202. package/dist/collection/utils/cell-utils.js +22 -8
  203. package/dist/collection/utils/filters/filters-column-menu.js +2 -1
  204. package/dist/collection/utils/filters/filters-rows.js +19 -18
  205. package/dist/collection/utils/filters/filters-tree-items.js +11 -11
  206. package/dist/collection/utils/filters/filters.js +12 -5
  207. package/dist/collection/utils/g-cell-style-generator.js +188 -0
  208. package/dist/collection/utils/label-utils.js +58 -0
  209. package/dist/collection/utils/utils.js +1 -1
  210. package/dist/components/index.js +2 -2
  211. package/dist/components/kup-accordion.js +23 -18
  212. package/dist/components/kup-activity-timeline.js +61 -36
  213. package/dist/components/kup-autocomplete.js +1 -1
  214. package/dist/components/kup-badge.js +1 -1
  215. package/dist/components/kup-box.js +1 -1
  216. package/dist/components/kup-button-list.js +1 -1
  217. package/dist/components/kup-button.js +1 -1
  218. package/dist/components/kup-calendar.js +29 -23
  219. package/dist/components/kup-card-list.js +24 -19
  220. package/dist/components/kup-card.js +1 -1
  221. package/dist/components/kup-cell.js +30 -20
  222. package/dist/components/kup-chart.js +1 -1
  223. package/dist/components/kup-checkbox.js +1 -1
  224. package/dist/components/kup-chip.js +1 -1
  225. package/dist/components/kup-color-picker.js +1 -1
  226. package/dist/components/kup-combobox.js +1 -1
  227. package/dist/components/kup-custom-task-list-header.js +1 -1
  228. package/dist/components/kup-custom-task-list-table.js +1 -1
  229. package/dist/components/kup-dashboard.js +23 -18
  230. package/dist/components/kup-data-table.js +1 -1
  231. package/dist/components/kup-date-picker.js +1 -1
  232. package/dist/components/kup-dialog.js +1 -1
  233. package/dist/components/kup-drawer.js +23 -18
  234. package/dist/components/kup-dropdown-button.js +1 -1
  235. package/dist/components/kup-echart.js +1 -1
  236. package/dist/components/kup-editor.js +1 -1
  237. package/dist/components/kup-family-tree.js +25 -20
  238. package/dist/components/kup-file-upload.d.ts +11 -0
  239. package/dist/components/kup-file-upload.js +6 -0
  240. package/dist/components/kup-form.js +1 -1
  241. package/dist/components/kup-gantt-calendar.js +1 -1
  242. package/dist/components/kup-gantt.js +1 -1
  243. package/dist/components/kup-gauge.js +1 -1
  244. package/dist/components/kup-grid-renderer.js +1 -1
  245. package/dist/components/kup-grid.js +1 -1
  246. package/dist/components/kup-horizontal-scroll.js +1 -1
  247. package/dist/components/kup-htm.js +24 -19
  248. package/dist/components/kup-iframe.js +23 -18
  249. package/dist/components/kup-image-list.js +38 -29
  250. package/dist/components/kup-image.js +1 -1
  251. package/dist/components/kup-input-panel.js +154 -144
  252. package/dist/components/kup-lazy.js +34 -29
  253. package/dist/components/kup-list.js +1 -1
  254. package/dist/components/kup-magic-box.js +30 -25
  255. package/dist/components/kup-nav-bar.js +24 -19
  256. package/dist/components/kup-numeric-picker.js +24 -19
  257. package/dist/components/kup-object-field.js +23 -18
  258. package/dist/components/kup-pdf.js +24 -19
  259. package/dist/components/kup-planner-renderer.js +1 -1
  260. package/dist/components/kup-planner.js +41 -36
  261. package/dist/components/kup-probe.js +23 -18
  262. package/dist/components/kup-progress-bar.js +1 -1
  263. package/dist/components/kup-qlik.js +24 -19
  264. package/dist/components/kup-radio.js +1 -1
  265. package/dist/components/kup-rating.js +1 -1
  266. package/dist/components/kup-snackbar.js +24 -19
  267. package/dist/components/kup-spinner.js +1 -1
  268. package/dist/components/kup-standard-tooltip.js +1 -1
  269. package/dist/components/kup-switch.js +1 -1
  270. package/dist/components/kup-switcher.js +1 -1
  271. package/dist/components/kup-tab-bar.js +1 -1
  272. package/dist/components/kup-task-gantt.js +1 -1
  273. package/dist/components/kup-task-list-header.js +1 -1
  274. package/dist/components/kup-task-list-table.js +1 -1
  275. package/dist/components/kup-task-list.js +1 -1
  276. package/dist/components/kup-text-field.js +1 -1
  277. package/dist/components/kup-time-picker.js +1 -1
  278. package/dist/components/kup-toolbar.js +1 -1
  279. package/dist/components/kup-tooltip.js +1 -1
  280. package/dist/components/kup-tree.js +1 -1
  281. package/dist/components/kup-txt.js +24 -19
  282. package/dist/components/kup-typography-list.js +24 -19
  283. package/dist/components/kup-typography.js +136 -29
  284. package/dist/components/kup-vertical-scroll.js +1 -1
  285. package/dist/components/{p-c43d08ab.js → p-0e85ab66.js} +5 -5
  286. package/dist/components/{p-0c219ec5.js → p-1ee81222.js} +2979 -1365
  287. package/dist/components/{p-7b052cb9.js → p-2a4abe21.js} +23 -18
  288. package/dist/components/p-3b4cdace.js +56 -0
  289. package/dist/components/p-55542b47.js +38 -0
  290. package/dist/components/{p-05429a55.js → p-66d53743.js} +30 -20
  291. package/dist/components/{p-0e6c0355.js → p-67ba8cd7.js} +2 -2
  292. package/dist/components/{p-5517e8e8.js → p-6992b96f.js} +5 -5
  293. package/dist/components/{p-ea6e4e37.js → p-6bfda249.js} +3 -3
  294. package/dist/components/{p-ab7c8404.js → p-7550d08c.js} +469 -392
  295. package/dist/components/{p-72305403.js → p-7dd33834.js} +69 -29
  296. package/dist/components/{p-709a51cf.js → p-8472facf.js} +4 -4
  297. package/dist/components/p-97053b4d.js +45 -0
  298. package/dist/components/{p-53e38c4a.js → p-bd3047ee.js} +3 -3
  299. package/dist/components/{p-4efa19a7.js → p-c325da75.js} +5 -5
  300. package/dist/components/{p-8b050302.js → p-c45e24b0.js} +75 -66
  301. package/dist/components/p-c7c7f760.js +49 -0
  302. package/dist/components/{p-9da8cd93.js → p-d0e33e04.js} +16 -16
  303. package/dist/components/{p-c62695d4.js → p-d7136d08.js} +4 -4
  304. package/dist/components/{p-2fff7268.js → p-de04aef6.js} +17 -17
  305. package/dist/components/{p-2e5f2e07.js → p-ef8cbd35.js} +6 -1
  306. package/dist/components/{p-e677dddf.js → p-f2e153e3.js} +7 -7
  307. package/dist/esm/{f-button-f1040575.js → f-button-3c8f4506.js} +3 -3
  308. package/dist/esm/{f-cell-50d54fdf.js → f-cell-fbe84498.js} +376 -168
  309. package/dist/esm/{f-checkbox-3ba20ca4.js → f-checkbox-5cdd1cad.js} +3 -2
  310. package/dist/esm/{f-chip-c31b2c02.js → f-chip-35dfafdb.js} +145 -11
  311. package/dist/esm/{f-image-9b15e9ac.js → f-image-a2ecd7c3.js} +1 -1
  312. package/dist/esm/{f-object-field-80e6eb02.js → f-object-field-fa368c87.js} +13 -6
  313. package/dist/esm/{f-paginator-utils-a835dde6.js → f-paginator-utils-d7e6b742.js} +3 -3
  314. package/dist/esm/{f-text-field-6b05bfbc.js → f-text-field-dcf09b57.js} +15 -15
  315. package/dist/esm/{f-typography-65229068.js → f-typography-8c914ec6.js} +1 -1
  316. package/dist/esm/{index-c9246a86.js → index-9b0f4a0d.js} +8 -3
  317. package/dist/esm/index.js +2 -2
  318. package/dist/esm/ketchup.js +3 -3
  319. package/dist/esm/kup-accordion.entry.js +4 -4
  320. package/dist/esm/kup-activity-timeline.entry.js +43 -23
  321. package/dist/esm/{kup-autocomplete_28.entry.js → kup-autocomplete_29.entry.js} +2383 -1454
  322. package/dist/esm/kup-box.entry.js +64 -60
  323. package/dist/esm/kup-calendar.entry.js +12 -11
  324. package/dist/esm/kup-card-list.entry.js +3 -3
  325. package/dist/esm/kup-cell.entry.js +17 -12
  326. package/dist/esm/kup-custom-task-list-header_4.entry.js +12 -12
  327. package/dist/esm/kup-dashboard.entry.js +7 -7
  328. package/dist/esm/{kup-data-table-helper-1b2c70b8.js → kup-data-table-helper-537035b9.js} +28 -23
  329. package/dist/esm/kup-drawer.entry.js +3 -3
  330. package/dist/esm/kup-echart.entry.js +46 -14
  331. package/dist/esm/kup-editor.entry.js +10 -5
  332. package/dist/esm/kup-family-tree.entry.js +5 -5
  333. package/dist/esm/kup-gantt_10.entry.js +33 -33
  334. package/dist/esm/kup-grid.entry.js +3 -3
  335. package/dist/esm/kup-htm.entry.js +4 -4
  336. package/dist/esm/kup-iframe.entry.js +3 -3
  337. package/dist/esm/kup-image-list.entry.js +25 -21
  338. package/dist/esm/kup-input-panel.entry.js +137 -133
  339. package/dist/esm/kup-lazy.entry.js +14 -14
  340. package/dist/esm/kup-magic-box.entry.js +7 -7
  341. package/dist/esm/{kup-manager-5fbf0037.js → kup-manager-2b2b7c68.js} +470 -393
  342. package/dist/esm/kup-nav-bar.entry.js +4 -4
  343. package/dist/esm/kup-numeric-picker.entry.js +6 -6
  344. package/dist/esm/kup-object-field.entry.js +7 -7
  345. package/dist/esm/kup-pdf.entry.js +4 -4
  346. package/dist/esm/kup-planner-renderer.entry.js +3 -3
  347. package/dist/esm/kup-planner.entry.js +6 -6
  348. package/dist/esm/kup-probe.entry.js +3 -3
  349. package/dist/esm/kup-qlik.entry.js +4 -4
  350. package/dist/esm/kup-snackbar.entry.js +6 -6
  351. package/dist/esm/kup-txt.entry.js +4 -4
  352. package/dist/esm/kup-typography-list.entry.js +5 -5
  353. package/dist/esm/kup-typography.entry.js +115 -15
  354. package/dist/esm/loader.js +3 -3
  355. package/dist/ketchup/assets/svg/circle.svg +3 -0
  356. package/dist/ketchup/assets/svg/up.svg +43 -0
  357. package/dist/ketchup/index.esm.js +1 -1
  358. package/dist/ketchup/ketchup.esm.js +1 -1
  359. package/dist/ketchup/p-058d9f3a.entry.js +1 -0
  360. package/dist/ketchup/p-0866ddcf.entry.js +1 -0
  361. package/dist/ketchup/p-0a60f2ec.js +1 -0
  362. package/dist/ketchup/p-0f7a8165.js +1 -0
  363. package/dist/ketchup/{p-1aa03e7f.entry.js → p-13f159d6.entry.js} +2 -2
  364. package/dist/ketchup/p-19689040.entry.js +1 -0
  365. package/dist/ketchup/p-1f32300c.entry.js +1 -0
  366. package/dist/ketchup/p-2020fbaf.entry.js +1 -0
  367. package/dist/ketchup/p-328896f0.entry.js +1 -0
  368. package/dist/ketchup/p-32aa082e.entry.js +1 -0
  369. package/dist/ketchup/{p-e8823224.entry.js → p-35e03e2f.entry.js} +1 -1
  370. package/dist/ketchup/p-3aa35543.entry.js +1 -0
  371. package/dist/ketchup/p-3c882916.entry.js +1 -0
  372. package/dist/ketchup/p-3cab6420.js +1 -0
  373. package/dist/ketchup/{p-5635bfbf.entry.js → p-3eb4daa3.entry.js} +1 -1
  374. package/dist/ketchup/p-4418988a.entry.js +1 -0
  375. package/dist/ketchup/p-446fedb6.entry.js +1 -0
  376. package/dist/ketchup/p-45d34ba7.js +1 -0
  377. package/dist/ketchup/p-4677cfd1.entry.js +1 -0
  378. package/dist/ketchup/p-4a44bef2.entry.js +1 -0
  379. package/dist/ketchup/{p-bdbcb755.entry.js → p-4a6c6bf4.entry.js} +1 -1
  380. package/dist/ketchup/{p-a9fa88cc.entry.js → p-63117858.entry.js} +1 -1
  381. package/dist/ketchup/p-6714d68a.entry.js +1 -0
  382. package/dist/ketchup/p-6b529a6f.entry.js +16 -0
  383. package/dist/ketchup/p-6eb5f3da.js +1 -0
  384. package/dist/ketchup/{p-b0368f88.js → p-710d0a7d.js} +1 -1
  385. package/dist/ketchup/{p-34f29123.entry.js → p-7722245b.entry.js} +1 -1
  386. package/dist/ketchup/{p-4608b0e6.entry.js → p-7b45a31b.entry.js} +1 -1
  387. package/dist/ketchup/{p-1374d2f7.entry.js → p-8932614c.entry.js} +2 -2
  388. package/dist/ketchup/{p-b16c12ab.entry.js → p-8a8da47d.entry.js} +1 -1
  389. package/dist/ketchup/{p-a19d0102.entry.js → p-8feabbf8.entry.js} +1 -1
  390. package/dist/ketchup/p-97d8720e.entry.js +1 -0
  391. package/dist/ketchup/p-9f9428d1.js +1 -0
  392. package/dist/ketchup/{p-b1a73691.entry.js → p-bce5be1c.entry.js} +1 -1
  393. package/dist/ketchup/p-c4224227.js +1 -0
  394. package/dist/ketchup/p-cd73eaec.js +21 -0
  395. package/dist/ketchup/{p-60cfddce.js → p-cec0955d.js} +1 -1
  396. package/dist/ketchup/{p-268af1b3.entry.js → p-d7d84da0.entry.js} +4 -4
  397. package/dist/ketchup/p-e695fd91.entry.js +1 -0
  398. package/dist/ketchup/p-e6be6193.entry.js +9 -0
  399. package/dist/ketchup/p-e78670d8.js +1 -0
  400. package/dist/ketchup/p-eaabc269.js +1 -0
  401. package/dist/ketchup/{p-82badc23.entry.js → p-f69679df.entry.js} +1 -1
  402. package/dist/ketchup/p-f69923dd.entry.js +1 -0
  403. package/dist/ketchup/{p-54ebe3bd.entry.js → p-f87b7768.entry.js} +1 -1
  404. package/dist/types/components/kup-activity-timeline/kup-activity-timeline-declarations.d.ts +2 -2
  405. package/dist/types/components/kup-autocomplete/kup-autocomplete-declarations.d.ts +2 -1
  406. package/dist/types/components/kup-autocomplete/kup-autocomplete.d.ts +11 -0
  407. package/dist/types/components/kup-box/kup-box.d.ts +2 -0
  408. package/dist/types/components/kup-button/kup-button.d.ts +0 -1
  409. package/dist/types/components/kup-button-list/kup-button-list.d.ts +4 -0
  410. package/dist/types/components/kup-card/dialog/kup-card-dialog.d.ts +6 -0
  411. package/dist/types/components/kup-card/kup-card-declarations.d.ts +2 -0
  412. package/dist/types/components/kup-cell/kup-cell.d.ts +3 -0
  413. package/dist/types/components/kup-chip/kup-chip.d.ts +16 -5
  414. package/dist/types/components/kup-combobox/kup-combobox-declarations.d.ts +2 -1
  415. package/dist/types/components/kup-combobox/kup-combobox.d.ts +9 -0
  416. package/dist/types/components/kup-data-table/kup-data-table-declarations.d.ts +9 -2
  417. package/dist/types/components/kup-data-table/kup-data-table-helper.d.ts +1 -1
  418. package/dist/types/components/kup-data-table/kup-data-table-state.d.ts +1 -0
  419. package/dist/types/components/kup-data-table/kup-data-table.d.ts +41 -1
  420. package/dist/types/components/kup-date-picker/kup-date-picker.d.ts +1 -0
  421. package/dist/types/components/kup-dialog/kup-dialog-declarations.d.ts +3 -0
  422. package/dist/types/components/kup-dialog/kup-dialog.d.ts +16 -0
  423. package/dist/types/components/kup-echart/kup-echart.d.ts +15 -0
  424. package/dist/types/components/kup-file-upload/kup-file-upload-declarations.d.ts +8 -0
  425. package/dist/types/components/kup-file-upload/kup-file-upload.d.ts +62 -0
  426. package/dist/types/components/kup-input-panel/kup-input-panel-declarations.d.ts +5 -1
  427. package/dist/types/components/kup-input-panel/kup-input-panel-utils.d.ts +10 -7
  428. package/dist/types/components/kup-input-panel/kup-input-panel.d.ts +7 -1
  429. package/dist/types/components/kup-list/kup-list.d.ts +4 -0
  430. package/dist/types/components/kup-tab-bar/kup-tab-bar.d.ts +27 -6
  431. package/dist/types/components/kup-time-picker/kup-time-picker.d.ts +1 -0
  432. package/dist/types/components/kup-tree/kup-tree.d.ts +4 -1
  433. package/dist/types/components/kup-typography/kup-typography.d.ts +30 -5
  434. package/dist/types/components.d.ts +322 -30
  435. package/dist/types/f-components/f-cell/f-cell-declarations.d.ts +7 -3
  436. package/dist/types/f-components/f-checkbox/f-checkbox-declarations.d.ts +2 -1
  437. package/dist/types/f-components/f-chip/f-chip-declarations.d.ts +3 -1
  438. package/dist/types/f-components/f-label/f-label-declarations.d.ts +15 -0
  439. package/dist/types/f-components/f-label/f-label.d.ts +3 -0
  440. package/dist/types/f-components/f-radio/f-radio-declarations.d.ts +1 -0
  441. package/dist/types/f-components/f-text-field/f-text-field-declarations.d.ts +1 -0
  442. package/dist/types/managers/kup-interact/kup-interact-declarations.d.ts +20 -1
  443. package/dist/types/managers/kup-interact/kup-interact.d.ts +7 -3
  444. package/dist/types/managers/kup-language/kup-language-declarations.d.ts +11 -2
  445. package/dist/types/managers/kup-manager/kup-manager-declarations.d.ts +2 -2
  446. package/dist/types/managers/kup-manager/kup-manager.d.ts +2 -2
  447. package/dist/types/managers/kup-perf-monitoring/kup-perf-monitoring.d.ts +7 -0
  448. package/dist/types/managers/kup-perf-tuning/kup-perf-tuning-declarations.d.ts +6 -0
  449. package/dist/types/types/GenericTypes.d.ts +2 -1
  450. package/dist/types/utils/cell-utils.d.ts +4 -6
  451. package/dist/types/utils/filters/filters-rows.d.ts +5 -5
  452. package/dist/types/utils/filters/filters-tree-items.d.ts +1 -1
  453. package/dist/types/utils/filters/filters.d.ts +2 -2
  454. package/dist/types/utils/g-cell-style-generator.d.ts +2 -0
  455. package/dist/types/utils/label-utils.d.ts +2 -0
  456. package/package.json +2 -2
  457. package/dist/collection/managers/kup-keys-binding/kup-keys-binding.js +0 -79
  458. package/dist/components/p-01015d54.js +0 -38
  459. package/dist/components/p-304eab56.js +0 -49
  460. package/dist/components/p-76c4c708.js +0 -56
  461. package/dist/components/p-aec44f8f.js +0 -45
  462. package/dist/ketchup/p-05aea063.entry.js +0 -1
  463. package/dist/ketchup/p-08691abd.entry.js +0 -1
  464. package/dist/ketchup/p-17279bd4.entry.js +0 -1
  465. package/dist/ketchup/p-1e53c21d.entry.js +0 -1
  466. package/dist/ketchup/p-27e9313b.entry.js +0 -1
  467. package/dist/ketchup/p-487909b5.entry.js +0 -1
  468. package/dist/ketchup/p-792e9244.entry.js +0 -1
  469. package/dist/ketchup/p-7966fa12.entry.js +0 -1
  470. package/dist/ketchup/p-7b5a2535.entry.js +0 -9
  471. package/dist/ketchup/p-7fc0ee16.entry.js +0 -1
  472. package/dist/ketchup/p-816de1ef.js +0 -1
  473. package/dist/ketchup/p-84ca2ebd.entry.js +0 -1
  474. package/dist/ketchup/p-8b97f53e.js +0 -1
  475. package/dist/ketchup/p-90a0de6c.js +0 -21
  476. package/dist/ketchup/p-9106b93f.js +0 -1
  477. package/dist/ketchup/p-9278528b.entry.js +0 -1
  478. package/dist/ketchup/p-a6cf4320.js +0 -1
  479. package/dist/ketchup/p-ab911e2d.js +0 -1
  480. package/dist/ketchup/p-b120abd7.js +0 -1
  481. package/dist/ketchup/p-b2ab5bdc.entry.js +0 -1
  482. package/dist/ketchup/p-cf2bf043.entry.js +0 -1
  483. package/dist/ketchup/p-d08d30c0.entry.js +0 -1
  484. package/dist/ketchup/p-d39c3267.js +0 -1
  485. package/dist/ketchup/p-e0fec6c7.entry.js +0 -1
  486. package/dist/ketchup/p-e736bf6f.js +0 -1
  487. package/dist/ketchup/p-ee85055c.js +0 -1
  488. package/dist/ketchup/p-f38c2d0e.entry.js +0 -16
  489. package/dist/ketchup/p-f705d641.entry.js +0 -1
  490. package/dist/ketchup/p-febf0250.entry.js +0 -1
  491. package/dist/types/managers/kup-keys-binding/kup-keys-binding-declarations.d.ts +0 -1
  492. package/dist/types/managers/kup-keys-binding/kup-keys-binding.d.ts +0 -20
  493. /package/dist/collection/{managers/kup-keys-binding/kup-keys-binding-declarations.js → f-components/f-label/f-label-declarations.js} +0 -0
package/dist/components/{p-8b050302.js → p-c45e24b0.js} RENAMED
@@ -1,6 +1,6 @@
1
- import { p as proxyCustomElement, H, c as createEvent, f as forceUpdate, h, d as Host } from './p-2e5f2e07.js';
2
- import { k as kupManagerInstance, ab as identify, g as getProps, s as setProps, Y as SortMode, J as getColumnByName, d as KupLanguageGeneric, c as KupThemeIconValues, t as KupDebugCategory, a6 as KupPointerEventTypes, ah as KupDragEffect, av as kupDraggableAttr, aj as KupDropEventTypes, H as KupLanguageSearch } from './p-ab7c8404.js';
3
- import { G as filterRows, H as paginateRows, D as sortRows, I as pageChange, J as rowsPerPageChange, F as FImage, L as FCell, N as FChip, O as FTextFieldMDC, c as componentWrapperId, d as defineCustomElement$1, a as defineCustomElement$2, b as defineCustomElement$3, e as defineCustomElement$4, f as defineCustomElement$5, g as defineCustomElement$6, h as defineCustomElement$7, i as defineCustomElement$8, j as defineCustomElement$9, k as defineCustomElement$a, l as defineCustomElement$b, m as defineCustomElement$c, n as defineCustomElement$d, o as defineCustomElement$e, p as defineCustomElement$f, q as defineCustomElement$g, r as defineCustomElement$h, s as defineCustomElement$i, t as defineCustomElement$j, u as defineCustomElement$k, v as defineCustomElement$l, w as defineCustomElement$m, x as defineCustomElement$n, y as defineCustomElement$o, z as defineCustomElement$p, A as defineCustomElement$q, B as defineCustomElement$r, C as defineCustomElement$s, P as FPaginator } from './p-0c219ec5.js';
1
+ import { p as proxyCustomElement, H, c as createEvent, f as forceUpdate, h, d as Host } from './p-ef8cbd35.js';
2
+ import { k as kupManagerInstance, ad as identify, g as getProps, s as setProps, Y as SortMode, L as getColumnByName, d as KupLanguageGeneric, c as KupThemeIconValues, u as KupDebugCategory, a7 as KupPointerEventTypes, ak as KupDragEffect, az as kupDraggableAttr, am as KupDropEventTypes, J as KupLanguageSearch } from './p-7550d08c.js';
3
+ import { H as filterRows, I as paginateRows, E as sortRows, J as pageChange, L as rowsPerPageChange, F as FImage, N as FCell, O as FChip, P as FTextFieldMDC, c as componentWrapperId, d as defineCustomElement$1, a as defineCustomElement$2, b as defineCustomElement$3, e as defineCustomElement$4, f as defineCustomElement$5, g as defineCustomElement$6, h as defineCustomElement$7, i as defineCustomElement$8, j as defineCustomElement$9, k as defineCustomElement$a, l as defineCustomElement$b, m as defineCustomElement$c, n as defineCustomElement$d, o as defineCustomElement$e, p as defineCustomElement$f, q as defineCustomElement$g, r as defineCustomElement$h, s as defineCustomElement$i, t as defineCustomElement$j, u as defineCustomElement$k, v as defineCustomElement$l, w as defineCustomElement$m, x as defineCustomElement$n, y as defineCustomElement$o, z as defineCustomElement$p, A as defineCustomElement$q, B as defineCustomElement$r, C as defineCustomElement$s, D as defineCustomElement$t, Q as FPaginator } from './p-1ee81222.js';
4
4
 
5
5
  /**
6
6
  * Props of the kup-box component.
@@ -65,7 +65,7 @@ class KupBoxState {
65
65
  }
66
66
  }
67
67
 
68
- const kupBoxCss = ".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}:host{--kup_box_background_color:var(--kup-box-background-color, var(--kup-layer-1));--kup_box_background_color_hover:var(\n --kup-box-background-color-hover,\n var(--kup-layer-1-hover)\n );--kup_box_background_color_selected:var(\n --kup-box-background-color-selected,\n var(--kup-layer-1-selected)\n );--kup_box_text_color:var(--kup-box-text-color, var(--kup-text-secondary));--kup_box_grid_gap:var(--kup-box-grid-gap, var(--kup-space-03));--kup_box_transition:var(--kup-box-transition, 0.25s);--kup_box_border_color_drag:var(--kup-box-border-color-drag, var(--kup-border-interactive))\n display: block;--kup_box_padding:var(--kup-box-padding, var(--kup-space-05))}.box-component{transition:border var(--kup_box_transition) ease}.box-component[kup-drag-over]{position:relative;border:3px dashed var(--kup_box_border_color_drag)}#box-container{display:grid;grid-gap:var(--kup_box_grid_gap);color:var(--kup_box_text_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;background-color:var(--kup_box_background_color);border-radius:var(--kup-radius-00)}#box-container .box-wrapper:hover{background-color:var(--kup_box_background_color_hover)}#box-container .box-wrapper.selected{background-color:var(--kup_box_background_color_selected)}#box-container .box-wrapper.selected .box-section.titled>h3{background-color:transparent}#box-container .box-wrapper .box{flex-grow:1;cursor:pointer;position:relative;display:flex;padding:var(--kup_box_padding);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[kup-draggable]{opacity:0.5}#box-container .box-wrapper .box[kup-drag-over]{border:3px dashed var(--kup_box_border_color_drag);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-subtle);color:rgba(var(--kup-text-secondary-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-subtle);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 300ms 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-subtle);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-subtle)}#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(.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 .box-section .box-object{padding:1px 4px}:host(:not(.kup-paddingless)) #box-container .box .box-section.last-child{padding: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)}";
68
+ const kupBoxCss = ".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:var(--kup-label-01-font-size, 12px);line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-heading-compact-01-font-size, 14px);line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:var(--kup-heading-01-font-size, 14px);line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}:host{--kup_box_background_color:var(--kup-box-background-color, var(--kup-layer-1));--kup_box_background_color_hover:var(\n --kup-box-background-color-hover,\n var(--kup-layer-1-hover)\n );--kup_box_background_color_selected:var(\n --kup-box-background-color-selected,\n var(--kup-layer-1-selected)\n );--kup_box_text_color:var(--kup-box-text-color, var(--kup-text-secondary));--kup_box_grid_gap:var(--kup-box-grid-gap, var(--kup-space-03));--kup_box_transition:var(--kup-box-transition, 0.25s);--kup_box_border_color_drag:var(--kup-box-border-color-drag, var(--kup-border-interactive))\n display: block;--kup_box_padding:var(--kup-box-padding, var(--kup-space-05))}.box-component{transition:border var(--kup_box_transition) ease}.box-component[kup-drag-over]{position:relative;border:3px dashed var(--kup_box_border_color_drag)}#box-container{display:grid;grid-gap:var(--kup_box_grid_gap);color:var(--kup_box_text_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;background-color:var(--kup_box_background_color);border-radius:var(--kup-radius-00)}#box-container .box-wrapper:hover{background-color:var(--kup_box_background_color_hover)}#box-container .box-wrapper.selected{background-color:var(--kup_box_background_color_selected)}#box-container .box-wrapper.selected .box-section.titled>h3{background-color:transparent}#box-container .box-wrapper .box{flex-grow:1;cursor:pointer;position:relative;display:flex;padding:var(--kup_box_padding);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[kup-draggable]{opacity:0.5}#box-container .box-wrapper .box[kup-drag-over]{border:3px dashed var(--kup_box_border_color_drag);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-subtle);color:rgba(var(--kup-text-secondary-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-subtle);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 300ms 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-subtle);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-subtle)}#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(.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 .box-section .box-object{padding:1px 4px}:host(:not(.kup-paddingless)) #box-container .box .box-section.last-child{padding: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)}";
69
69
  const KupBoxStyle0 = kupBoxCss;
70
70
 
71
71
  var __classPrivateFieldGet = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
@@ -84,7 +84,7 @@ var __classPrivateFieldSet = (undefined && undefined.__classPrivateFieldSet) ||
84
84
  throw new TypeError("Cannot write private member to an object whose class did not declare it");
85
85
  return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
86
86
  };
87
- var _KupBox_instances, _KupBox_intObserver, _KupBox_rowsRefs, _KupBox_navBarHeight, _KupBox_loadMoreEventCounter, _KupBox_loadMoreEventPreviousQuantity, _KupBox_didRenderObservers, _KupBox_setObserver, _KupBox_onLoadMoreClick;
87
+ var _KupBox_instances, _KupBox_checkUpdateState, _KupBox_intObserver, _KupBox_rowsRefs, _KupBox_navBarHeight, _KupBox_loadMoreEventCounter, _KupBox_loadMoreEventPreviousQuantity, _KupBox_didRenderObservers, _KupBox_setObserver, _KupBox_onLoadMoreClick;
88
88
  const KupBox = /*@__PURE__*/ proxyCustomElement(class KupBox extends H {
89
89
  constructor() {
90
90
  super();
@@ -99,6 +99,7 @@ const KupBox = /*@__PURE__*/ proxyCustomElement(class KupBox extends H {
99
99
  this.kupDidUnload = createEvent(this, "kup-box-didunload", 6);
100
100
  this.kupBoxContextMenu = createEvent(this, "kup-box-contextmenu", 6);
101
101
  this.kupLoadMoreClick = createEvent(this, "kup-box-loadmoreclick", 6);
102
+ this.kupBoxCellClick = createEvent(this, "kup-box-cell-click", 6);
102
103
  _KupBox_instances.add(this);
103
104
  this.state = new KupBoxState();
104
105
  /*-------------------------------------------------*/
@@ -161,6 +162,7 @@ const KupBox = /*@__PURE__*/ proxyCustomElement(class KupBox extends H {
161
162
  }
162
163
  initWithPersistedState() {
163
164
  if (this.store && this.stateId) {
165
+ this.state.load = true;
164
166
  const state = this.store.getState(this.stateId);
165
167
  if (state != null) {
166
168
  this.kupManager.debug.logMessage(this, 'Initialize with state for stateId ' +
@@ -180,48 +182,13 @@ const KupBox = /*@__PURE__*/ proxyCustomElement(class KupBox extends H {
180
182
  }
181
183
  persistState() {
182
184
  if (this.store && this.stateId) {
183
- let somethingChanged = false;
184
- if (!this.kupManager.objects.deepEqual(this.state.sortBy, this.sortBy)) {
185
- this.state.sortBy = this.sortBy;
186
- somethingChanged = true;
187
- }
188
- if (!this.kupManager.objects.deepEqual(this.state.globalFilterValue, this.globalFilterValue)) {
189
- this.state.globalFilterValue = this.globalFilterValue;
190
- somethingChanged = true;
191
- }
192
- if (!this.kupManager.objects.deepEqual(this.state.pageSelected, this.currentPage)) {
193
- this.state.pageSelected = this.currentPage;
194
- somethingChanged = true;
195
- }
196
- if (!this.kupManager.objects.deepEqual(this.state.rowsPerPage, this.currentRowsPerPage)) {
197
- this.state.rowsPerPage = this.currentRowsPerPage;
198
- somethingChanged = true;
199
- }
200
- const selectedRowsState = this.selectedRows.reduce((accumulator, row, currentIndex) => {
201
- const prefix = currentIndex > 0 ? ';' : '';
202
- return accumulator + prefix + row.id;
203
- }, '');
204
- if (!this.kupManager.objects.deepEqual(this.state.selectedRowsState, selectedRowsState)) {
205
- this.state.selectedRowsState = selectedRowsState;
206
- somethingChanged = true;
207
- }
208
- if (!this.kupManager.objects.deepEqual(this.state.loadMoreLimit, this.loadMoreLimit)) {
209
- this.state.loadMoreLimit = this.loadMoreLimit;
210
- somethingChanged = true;
211
- }
212
- if (!this.kupManager.objects.deepEqual(this.state.showLoadMore, this.showLoadMore)) {
213
- this.state.showLoadMore = this.showLoadMore;
214
- somethingChanged = true;
215
- }
185
+ let somethingChanged = __classPrivateFieldGet(this, _KupBox_instances, "m", _KupBox_checkUpdateState).call(this);
216
186
  if (!this.state.load) {
217
187
  this.state.load = true;
218
188
  return;
219
189
  }
220
190
  if (somethingChanged) {
221
- this.kupManager.debug.logMessage(this, 'Persisting state for stateId ' +
222
- this.stateId +
223
- ': ' +
224
- this.state);
191
+ this.kupManager.debug.logMessage(this, 'Persisting stateId ' + this.stateId);
225
192
  this.store.persistState(this.stateId, this.state);
226
193
  }
227
194
  }
@@ -766,13 +733,13 @@ const KupBox = /*@__PURE__*/ proxyCustomElement(class KupBox extends H {
766
733
  const parent = {
767
734
  horizontal: horizontal,
768
735
  };
769
- while (size-- > 0) {
770
- if (this.cardData !== null &&
771
- this.cardData !== undefined &&
772
- typeof this.cardData === 'object') {
773
- boxContent.push(this.renderSectionAsCard(row));
774
- }
775
- else {
736
+ if (this.cardData !== null &&
737
+ this.cardData !== undefined &&
738
+ typeof this.cardData === 'object') {
739
+ boxContent.push(this.renderSectionAsCard(row));
740
+ }
741
+ else {
742
+ while (size-- > 0) {
776
743
  boxContent.push(this.renderSection(sections[cnt++], parent, row, visibleColumns));
777
744
  }
778
745
  }
@@ -1261,7 +1228,7 @@ const KupBox = /*@__PURE__*/ proxyCustomElement(class KupBox extends H {
1261
1228
  // mode={FPaginatorMode.SIMPLE}
1262
1229
  perPage: this.currentRowsPerPage
1263
1230
  ? this.currentRowsPerPage
1264
- : this.rowsPerPage, onLoadMore: this.showLoadMore
1231
+ : this.rowsPerPage, maxRowsPerPage: Number.MAX_VALUE, onLoadMore: this.showLoadMore
1265
1232
  ? () => {
1266
1233
  __classPrivateFieldGet(this, _KupBox_instances, "m", _KupBox_onLoadMoreClick).call(this);
1267
1234
  }
@@ -1290,7 +1257,9 @@ const KupBox = /*@__PURE__*/ proxyCustomElement(class KupBox extends H {
1290
1257
  boxContent.push(this.renderRow(rows[cnt++]));
1291
1258
  }
1292
1259
  }
1293
- return (h(Host, null, h("style", null, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { id: componentWrapperId }, h("div", { class: 'box-component', ref: (el) => (this.sectionRef = el) }, sortPanel, filterPanel, paginator, h("div", { class: isKanban ? 'is-kanban' : '', id: 'box-container', style: containerStyle, onContextMenu: (e) => {
1260
+ return (h(Host, { "onKup-cell-click": (e) => {
1261
+ this.kupBoxCellClick.emit(e.detail);
1262
+ } }, h("style", null, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { id: componentWrapperId }, h("div", { class: 'box-component', ref: (el) => (this.sectionRef = el) }, sortPanel, filterPanel, paginator, h("div", { class: isKanban ? 'is-kanban' : '', id: 'box-container', style: containerStyle, onContextMenu: (e) => {
1294
1263
  e.preventDefault();
1295
1264
  }, ref: (el) => (this.boxContainer =
1296
1265
  el) }, boxContent)))));
@@ -1371,7 +1340,42 @@ const KupBox = /*@__PURE__*/ proxyCustomElement(class KupBox extends H {
1371
1340
  "layout": ["onLayoutChanged"],
1372
1341
  "selectBox": ["onSelectBoxChanged"]
1373
1342
  }]);
1374
- _KupBox_intObserver = new WeakMap(), _KupBox_rowsRefs = new WeakMap(), _KupBox_navBarHeight = new WeakMap(), _KupBox_loadMoreEventCounter = new WeakMap(), _KupBox_loadMoreEventPreviousQuantity = new WeakMap(), _KupBox_instances = new WeakSet(), _KupBox_didRenderObservers = function _KupBox_didRenderObservers() {
1343
+ _KupBox_intObserver = new WeakMap(), _KupBox_rowsRefs = new WeakMap(), _KupBox_navBarHeight = new WeakMap(), _KupBox_loadMoreEventCounter = new WeakMap(), _KupBox_loadMoreEventPreviousQuantity = new WeakMap(), _KupBox_instances = new WeakSet(), _KupBox_checkUpdateState = function _KupBox_checkUpdateState() {
1344
+ let somethingChanged = false;
1345
+ if (!this.kupManager.objects.deepEqual(this.state.sortBy, this.sortBy)) {
1346
+ this.state.sortBy = this.sortBy;
1347
+ somethingChanged = true;
1348
+ }
1349
+ if (!this.kupManager.objects.deepEqual(this.state.globalFilterValue, this.globalFilterValue)) {
1350
+ this.state.globalFilterValue = this.globalFilterValue;
1351
+ somethingChanged = true;
1352
+ }
1353
+ if (!this.kupManager.objects.deepEqual(this.state.pageSelected, this.currentPage)) {
1354
+ this.state.pageSelected = this.currentPage;
1355
+ somethingChanged = true;
1356
+ }
1357
+ if (!this.kupManager.objects.deepEqual(this.state.rowsPerPage, this.currentRowsPerPage)) {
1358
+ this.state.rowsPerPage = this.currentRowsPerPage;
1359
+ somethingChanged = true;
1360
+ }
1361
+ const selectedRowsState = this.selectedRows.reduce((accumulator, row, currentIndex) => {
1362
+ const prefix = currentIndex > 0 ? ';' : '';
1363
+ return accumulator + prefix + row.id;
1364
+ }, '');
1365
+ if (!this.kupManager.objects.deepEqual(this.state.selectedRowsState, selectedRowsState)) {
1366
+ this.state.selectedRowsState = selectedRowsState;
1367
+ somethingChanged = true;
1368
+ }
1369
+ if (!this.kupManager.objects.deepEqual(this.state.loadMoreLimit, this.loadMoreLimit)) {
1370
+ this.state.loadMoreLimit = this.loadMoreLimit;
1371
+ somethingChanged = true;
1372
+ }
1373
+ if (!this.kupManager.objects.deepEqual(this.state.showLoadMore, this.showLoadMore)) {
1374
+ this.state.showLoadMore = this.showLoadMore;
1375
+ somethingChanged = true;
1376
+ }
1377
+ return somethingChanged;
1378
+ }, _KupBox_didRenderObservers = function _KupBox_didRenderObservers() {
1375
1379
  if (this.lazyLoadRows &&
1376
1380
  this.currentRowsPerPage < this.data.rows.length) {
1377
1381
  __classPrivateFieldGet(this, _KupBox_intObserver, "f").observe(__classPrivateFieldGet(this, _KupBox_rowsRefs, "f")[__classPrivateFieldGet(this, _KupBox_rowsRefs, "f").length - 1]);
@@ -1429,7 +1433,7 @@ function defineCustomElement() {
1429
1433
  if (typeof customElements === "undefined") {
1430
1434
  return;
1431
1435
  }
1432
- const components = ["kup-box", "kup-autocomplete", "kup-badge", "kup-button", "kup-button-list", "kup-card", "kup-chart", "kup-checkbox", "kup-chip", "kup-color-picker", "kup-combobox", "kup-data-table", "kup-date-picker", "kup-dialog", "kup-dropdown-button", "kup-form", "kup-gauge", "kup-image", "kup-list", "kup-progress-bar", "kup-radio", "kup-rating", "kup-spinner", "kup-switch", "kup-tab-bar", "kup-text-field", "kup-time-picker", "kup-toolbar", "kup-tree"];
1436
+ const components = ["kup-box", "kup-autocomplete", "kup-badge", "kup-button", "kup-button-list", "kup-card", "kup-chart", "kup-checkbox", "kup-chip", "kup-color-picker", "kup-combobox", "kup-data-table", "kup-date-picker", "kup-dialog", "kup-dropdown-button", "kup-file-upload", "kup-form", "kup-gauge", "kup-image", "kup-list", "kup-progress-bar", "kup-radio", "kup-rating", "kup-spinner", "kup-switch", "kup-tab-bar", "kup-text-field", "kup-time-picker", "kup-toolbar", "kup-tree"];
1433
1437
  components.forEach(tagName => { switch (tagName) {
1434
1438
  case "kup-box":
1435
1439
  if (!customElements.get(tagName)) {
@@ -1438,70 +1442,75 @@ function defineCustomElement() {
1438
1442
  break;
1439
1443
  case "kup-autocomplete":
1440
1444
  if (!customElements.get(tagName)) {
1441
- defineCustomElement$s();
1445
+ defineCustomElement$t();
1442
1446
  }
1443
1447
  break;
1444
1448
  case "kup-badge":
1445
1449
  if (!customElements.get(tagName)) {
1446
- defineCustomElement$r();
1450
+ defineCustomElement$s();
1447
1451
  }
1448
1452
  break;
1449
1453
  case "kup-button":
1450
1454
  if (!customElements.get(tagName)) {
1451
- defineCustomElement$q();
1455
+ defineCustomElement$r();
1452
1456
  }
1453
1457
  break;
1454
1458
  case "kup-button-list":
1455
1459
  if (!customElements.get(tagName)) {
1456
- defineCustomElement$p();
1460
+ defineCustomElement$q();
1457
1461
  }
1458
1462
  break;
1459
1463
  case "kup-card":
1460
1464
  if (!customElements.get(tagName)) {
1461
- defineCustomElement$o();
1465
+ defineCustomElement$p();
1462
1466
  }
1463
1467
  break;
1464
1468
  case "kup-chart":
1465
1469
  if (!customElements.get(tagName)) {
1466
- defineCustomElement$n();
1470
+ defineCustomElement$o();
1467
1471
  }
1468
1472
  break;
1469
1473
  case "kup-checkbox":
1470
1474
  if (!customElements.get(tagName)) {
1471
- defineCustomElement$m();
1475
+ defineCustomElement$n();
1472
1476
  }
1473
1477
  break;
1474
1478
  case "kup-chip":
1475
1479
  if (!customElements.get(tagName)) {
1476
- defineCustomElement$l();
1480
+ defineCustomElement$m();
1477
1481
  }
1478
1482
  break;
1479
1483
  case "kup-color-picker":
1480
1484
  if (!customElements.get(tagName)) {
1481
- defineCustomElement$k();
1485
+ defineCustomElement$l();
1482
1486
  }
1483
1487
  break;
1484
1488
  case "kup-combobox":
1485
1489
  if (!customElements.get(tagName)) {
1486
- defineCustomElement$j();
1490
+ defineCustomElement$k();
1487
1491
  }
1488
1492
  break;
1489
1493
  case "kup-data-table":
1490
1494
  if (!customElements.get(tagName)) {
1491
- defineCustomElement$i();
1495
+ defineCustomElement$j();
1492
1496
  }
1493
1497
  break;
1494
1498
  case "kup-date-picker":
1495
1499
  if (!customElements.get(tagName)) {
1496
- defineCustomElement$h();
1500
+ defineCustomElement$i();
1497
1501
  }
1498
1502
  break;
1499
1503
  case "kup-dialog":
1500
1504
  if (!customElements.get(tagName)) {
1501
- defineCustomElement$g();
1505
+ defineCustomElement$h();
1502
1506
  }
1503
1507
  break;
1504
1508
  case "kup-dropdown-button":
1509
+ if (!customElements.get(tagName)) {
1510
+ defineCustomElement$g();
1511
+ }
1512
+ break;
1513
+ case "kup-file-upload":
1505
1514
  if (!customElements.get(tagName)) {
1506
1515
  defineCustomElement$f();
1507
1516
  }
package/dist/components/p-c7c7f760.js ADDED
@@ -0,0 +1,49 @@
1
+ import { p as proxyCustomElement, H, h } from './p-ef8cbd35.js';
2
+
3
+ const kupSwitcherCss = ".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:var(--kup-label-01-font-size, 12px);line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-heading-compact-01-font-size, 14px);line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:var(--kup-heading-01-font-size, 14px);line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}.switcher{display:grid;grid-auto-flow:column;grid-gap:8px;width:max-content;margin-bottom:var(--kup-space-05);margin-left:var(--kup-space-04)}.button{background-color:var(--kup-gray-color-70);border:none;text-align:left;box-sizing:border-box;color:var(--kup-gray-color-0);cursor:pointer;padding:var(--kup-space-03) var(--kup-space-05)}.button:hover{background-color:var(--kup-text-primary)}.button:focus{background-color:var(--kup-primary-color-60)}.label{text-decoration:none;font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.buttonActive{background-color:var(--kup-primary-color-60)}";
4
+ const KupSwitcherStyle0 = kupSwitcherCss;
5
+
6
+ const KupSwitcher = /*@__PURE__*/ proxyCustomElement(class KupSwitcher extends H {
7
+ constructor() {
8
+ super();
9
+ this.__registerHost();
10
+ this.buttonLabels = [
11
+ 'hour',
12
+ 'day',
13
+ 'week',
14
+ 'month',
15
+ 'year',
16
+ ];
17
+ this.timeUnitChange = undefined;
18
+ this.activeButton = 'day';
19
+ }
20
+ render() {
21
+ const handleButtonClick = (mode) => {
22
+ this.activeButton = mode;
23
+ this.timeUnitChange(mode);
24
+ };
25
+ return (h("div", { key: '1377b7f10da8d4f0dbe60c8dc63453a341f2434f', class: "switcher" }, this.buttonLabels.map((label) => (h("button", { type: "button", class: {
26
+ button: true,
27
+ buttonActive: this.activeButton === label,
28
+ }, onClick: () => handleButtonClick(label) }, h("span", { class: "label" }, label.charAt(0).toUpperCase() + label.slice(1)))))));
29
+ }
30
+ static get style() { return KupSwitcherStyle0; }
31
+ }, [0, "kup-switcher", {
32
+ "timeUnitChange": [16],
33
+ "activeButton": [32]
34
+ }]);
35
+ function defineCustomElement() {
36
+ if (typeof customElements === "undefined") {
37
+ return;
38
+ }
39
+ const components = ["kup-switcher"];
40
+ components.forEach(tagName => { switch (tagName) {
41
+ case "kup-switcher":
42
+ if (!customElements.get(tagName)) {
43
+ customElements.define(tagName, KupSwitcher);
44
+ }
45
+ break;
46
+ } });
47
+ }
48
+
49
+ export { KupSwitcher as K, defineCustomElement as d };
package/dist/components/{p-9da8cd93.js → p-d0e33e04.js} RENAMED
@@ -1,19 +1,19 @@
1
- import { p as proxyCustomElement, H, h, f as forceUpdate } from './p-2e5f2e07.js';
2
- import { g as ganttDateRangeFromTask, s as seedDates, d as defineCustomElement$5 } from './p-4efa19a7.js';
1
+ import { p as proxyCustomElement, H, h, f as forceUpdate } from './p-ef8cbd35.js';
2
+ import { g as ganttDateRangeFromTask, s as seedDates, d as defineCustomElement$5 } from './p-c325da75.js';
3
3
  import { r as removeHiddenTasks, s as sortTasks } from './p-9aa93983.js';
4
- import { c as convertToBarTasks, a as calculateCurrentDateCalculator, b as calculateProjection, d as defineCustomElement$9 } from './p-c43d08ab.js';
5
- import { d as defineCustomElement$c } from './p-aec44f8f.js';
6
- import { d as defineCustomElement$b } from './p-0e6c0355.js';
7
- import { d as defineCustomElement$a } from './p-c62695d4.js';
8
- import { d as defineCustomElement$8 } from './p-e677dddf.js';
9
- import { d as defineCustomElement$7 } from './p-01015d54.js';
10
- import { d as defineCustomElement$6 } from './p-5517e8e8.js';
11
- import { d as defineCustomElement$4 } from './p-76c4c708.js';
12
- import { d as defineCustomElement$3 } from './p-53e38c4a.js';
13
- import { d as defineCustomElement$2 } from './p-ea6e4e37.js';
14
- import { d as defineCustomElement$1 } from './p-709a51cf.js';
4
+ import { c as convertToBarTasks, a as calculateCurrentDateCalculator, b as calculateProjection, d as defineCustomElement$9 } from './p-0e85ab66.js';
5
+ import { d as defineCustomElement$c } from './p-97053b4d.js';
6
+ import { d as defineCustomElement$b } from './p-67ba8cd7.js';
7
+ import { d as defineCustomElement$a } from './p-d7136d08.js';
8
+ import { d as defineCustomElement$8 } from './p-f2e153e3.js';
9
+ import { d as defineCustomElement$7 } from './p-55542b47.js';
10
+ import { d as defineCustomElement$6 } from './p-6992b96f.js';
11
+ import { d as defineCustomElement$4 } from './p-3b4cdace.js';
12
+ import { d as defineCustomElement$3 } from './p-bd3047ee.js';
13
+ import { d as defineCustomElement$2 } from './p-6bfda249.js';
14
+ import { d as defineCustomElement$1 } from './p-8472facf.js';
15
15
 
16
- const kupGanttCss = ".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}.wrapper{display:flex;padding:0;margin:0;list-style:none;outline:none;position:relative}.ganttContainer{background:var(--kup-layer-2);border-radius:var(--kup-radius-00);overflow:hidden;padding:var(--kup-space-05)}.ganttVerticalContainer{overflow:hidden;font-size:0;margin:0;padding:0}.horizontalContainer{margin:0;padding:0;overflow:hidden}.horizontalContainerScrollable{overflow:auto !important;scrollbar-width:0}.horizontalContainerScrollable::-webkit-scrollbar{width:0;height:0}.task-gantt{overflow:hidden}";
16
+ const kupGanttCss = ".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:var(--kup-label-01-font-size, 12px);line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-heading-compact-01-font-size, 14px);line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:var(--kup-heading-01-font-size, 14px);line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}.wrapper{display:flex;padding:0;margin:0;list-style:none;outline:none;position:relative}.ganttContainer{background:var(--kup-layer-2);border-radius:var(--kup-radius-00);overflow:hidden;padding:var(--kup-space-05)}.ganttVerticalContainer{overflow:hidden;font-size:0;margin:0;padding:0}.horizontalContainer{margin:0;padding:0;overflow:hidden}.horizontalContainerScrollable{overflow:auto !important;scrollbar-width:0}.horizontalContainerScrollable::-webkit-scrollbar{width:0;height:0}.task-gantt{overflow:hidden}";
17
17
  const KupGanttStyle0 = kupGanttCss;
18
18
 
19
19
  const KupGantt = /*@__PURE__*/ proxyCustomElement(class KupGantt extends H {
@@ -579,9 +579,9 @@ const KupGantt = /*@__PURE__*/ proxyCustomElement(class KupGantt extends H {
579
579
  TaskListHeader: this.TaskListHeader,
580
580
  TaskListTable: this.TaskListTable
581
581
  };
582
- return (h("div", { key: '95eabbafe96bf8f67cfd5ed7d2b0598684cb23f3', class: "gannt-wrapper-main" }, h("div", { key: '55889af9cb5503f797fe68ec210c68af1374acc5', class: "wrapper", onKeyDown: this.handleKeyDown.bind(this), tabIndex: 0, ref: (el) => (this.wrapperRef = el) }, this.listCellWidth && (h("kup-task-list", Object.assign({ key: 'a4edfd9f6363f172bb31509ba37394b20cfdbd3d', 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 }, tableProps, { class: "tasks", scrollableTaskList: this.scrollableTaskList, updateTaskListScrollX: this.ignoreScrollEvent, ontaskListScrollWidth: (width) => {
582
+ return (h("div", { key: '1fa0600e961b81ec2f7d9b8017ffc858f1e621af', class: "gannt-wrapper-main" }, h("div", { key: '0c44c9eb29c22bc8908adc9339579b8ab5bfa51e', class: "wrapper", onKeyDown: this.handleKeyDown.bind(this), tabIndex: 0, ref: (el) => (this.wrapperRef = el) }, this.listCellWidth && (h("kup-task-list", Object.assign({ key: '6c07c6b2c3a762951ec13b2d02edefa5e4bbf5e3', 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 }, tableProps, { class: "tasks", scrollableTaskList: this.scrollableTaskList, updateTaskListScrollX: this.ignoreScrollEvent, ontaskListScrollWidth: (width) => {
583
583
  this.taskListScrollWidth = width;
584
- }, taskListScrollX: this.taskListScrollX, ref: (el) => (this.taskListTrueRef = el) }))), h("kup-task-gantt", { key: '600b2af4dd6fd1dda0730f49d954282c898726ff', gridProps: gridProps, calendarProps: calendarProps, barProps: barProps, ganttHeight: this.ganttHeight, taskGanttRef: this.taskGanttRef, scrollY: this.scrollY, scrollX: this.scrollX, phaseDragScroll: this.handlePhaseDragScroll.bind(this), class: "ganttContainer" }), this.ganttEvent.changedTask && (h("kup-tooltip", { key: 'fa9b8855edcd4e95283cb65ec3429d3ec3756c18', 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 })), h("kup-vertical-scroll", { key: 'a8173cc05e5608dc797f01f314fa2ffdc21407f9', ganttFullHeight: this.ganttFullHeight, ganttHeight: this.ganttHeight, headerHeight: this.headerHeight, scrollNumber: this.scrollY, verticalScroll: this.handleScrollY.bind(this), rtl: this.rtl })), this.taskGanttRef && (h("kup-horizontal-scroll", { key: '0c50510e0abef51e326bc21a84b96520deac88c8', svgWidth: this.svgWidth, taskListTrueRef: this.taskListTrueRef, taskListWidth: this.taskListWidth, scrollNumber: this.scrollX, rtl: this.rtl, horizontalScroll: this.handleScrollX.bind(this), horizontalTaskListScroll: this.handleTaskListScrollX.bind(this), listCellWidth: this.listCellWidth, scrollableTaskList: this.scrollableTaskList, taskListScrollWidth: this.taskListScrollWidth, taskListScrollNumber: this.taskListScrollX }))));
584
+ }, taskListScrollX: this.taskListScrollX, ref: (el) => (this.taskListTrueRef = el) }))), h("kup-task-gantt", { key: '994e436eea93e9178b7eb6d14836722aa9d7fddb', gridProps: gridProps, calendarProps: calendarProps, barProps: barProps, ganttHeight: this.ganttHeight, taskGanttRef: this.taskGanttRef, scrollY: this.scrollY, scrollX: this.scrollX, phaseDragScroll: this.handlePhaseDragScroll.bind(this), class: "ganttContainer" }), this.ganttEvent.changedTask && (h("kup-tooltip", { key: '6aaba459f112bb02f4db8aff962f028b8538b2f8', 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 })), h("kup-vertical-scroll", { key: 'eb83aa5f54f2502a4213f0e164cedad02005ef81', ganttFullHeight: this.ganttFullHeight, ganttHeight: this.ganttHeight, headerHeight: this.headerHeight, scrollNumber: this.scrollY, verticalScroll: this.handleScrollY.bind(this), rtl: this.rtl })), this.taskGanttRef && (h("kup-horizontal-scroll", { key: '15158be45b503cfc1de69870bfa5e5587574f296', svgWidth: this.svgWidth, taskListTrueRef: this.taskListTrueRef, taskListWidth: this.taskListWidth, scrollNumber: this.scrollX, rtl: this.rtl, horizontalScroll: this.handleScrollX.bind(this), horizontalTaskListScroll: this.handleTaskListScrollX.bind(this), listCellWidth: this.listCellWidth, scrollableTaskList: this.scrollableTaskList, taskListScrollWidth: this.taskListScrollWidth, taskListScrollNumber: this.taskListScrollX }))));
585
585
  }
586
586
  get rootElement() { return this; }
587
587
  static get watchers() { return {
package/dist/components/{p-c62695d4.js → p-d7136d08.js} RENAMED
@@ -1,4 +1,4 @@
1
- import { p as proxyCustomElement, H, h } from './p-2e5f2e07.js';
1
+ import { p as proxyCustomElement, H, h } from './p-ef8cbd35.js';
2
2
 
3
3
  const intlDTCache = {};
4
4
  const cachedFormats = {};
@@ -88,7 +88,7 @@ const getWeekNumberISO8601 = (date) => {
88
88
  }
89
89
  };
90
90
 
91
- const kupGanttCalendarCss = ".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}.calendarBottomText{text-anchor:middle;fill:var(--kup-text-secondary);-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.calendarTopTick{stroke:var(--kup-border-subtle)}.calendarTopText{text-anchor:middle;fill:var(--kup-text-secondary);-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.calendarHeader{fill:var(--kup-layer-1);stroke:var(--kup-border-subtle);stroke-width:1.4;font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}";
91
+ const kupGanttCalendarCss = ".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:var(--kup-label-01-font-size, 12px);line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-heading-compact-01-font-size, 14px);line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:var(--kup-heading-01-font-size, 14px);line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}.calendarBottomText{text-anchor:middle;fill:var(--kup-text-secondary);-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.calendarTopTick{stroke:var(--kup-border-subtle)}.calendarTopText{text-anchor:middle;fill:var(--kup-text-secondary);-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.calendarHeader{fill:var(--kup-layer-1);stroke:var(--kup-border-subtle);stroke-width:1.4;font-family:var(--kup-font-family);font-size:var(--kup-heading-compact-01-font-size, 14px);line-height:18px;font-weight:600;letter-spacing:0.16px}";
92
92
  const KupGanttCalendarStyle0 = kupGanttCalendarCss;
93
93
 
94
94
  const KupGanttCalendar = /*@__PURE__*/ proxyCustomElement(class KupGanttCalendar extends H {
@@ -316,11 +316,11 @@ const KupGanttCalendar = /*@__PURE__*/ proxyCustomElement(class KupGanttCalendar
316
316
  this.simplifiedHeader =
317
317
  this.singleLineHeader && this.dateSetup.viewMode !== 'year';
318
318
  const [topValues, bottomValues] = this.getTopAndBottomValues();
319
- return (h("svg", { key: '3c4ad0dc0aa5184b89d22b1340af5751d63e2bbf', xmlns: "http://www.w3.org/2000/svg", width: this.svgWidth, height: this.headerHeight }, h("g", { key: '0db95816bba2cb796b75f9515244430e39b806f7', class: "calendar", "font-size": this.fontSize, "font-family": this.fontFamily }, h("rect", { key: '94f45f66476ca31bc063590b9edaace7049ec8ef', x: 0, y: 0, width: this.columnWidth * this.dateSetup.dates.length, height: this.headerHeight, class: "calendarHeader" }), this.simplifiedHeader ? null : bottomValues, this.simplifiedHeader
319
+ return (h("svg", { key: 'c71c61e5c37f4530b2038d53a5b2114fd77c0431', xmlns: "http://www.w3.org/2000/svg", width: this.svgWidth, height: this.headerHeight }, h("g", { key: 'a62704ca526c2639b86c5b6b13b534f59633a77e', class: "calendar", "font-size": this.fontSize, "font-family": this.fontFamily }, h("rect", { key: '416e790f8caf4da15f37b3fb8ca50a53aa98d929', x: 0, y: 0, width: this.columnWidth * this.dateSetup.dates.length, height: this.headerHeight, class: "calendarHeader" }), this.simplifiedHeader ? null : bottomValues, this.simplifiedHeader
320
320
  ? topValues.map((topValue) => (h("g", { class: "calendarTop" }, h("line", { x1: topValue.x1Line, y1: topValue.y2Line * 2, x2: topValue.x1Line, y2: topValue.y2Line, class: "calendarTopTick", key: topValue.value + 'line' }), h("text", { key: topValue.value + 'text', y: topValue.yText, x: topValue.xText, class: "calendarTopText" }, topValue.value))))
321
321
  : topValues.map((topValue) => (h("g", { class: "calendarTop" }, h("line", { x1: topValue.x1Line, y1: topValue.y1Line, x2: topValue.x1Line, y2: topValue.y2Line, class: "calendarTopTick", key: topValue.value + 'line' }), h("text", { key: topValue.value + 'text', y: topValue.yText, x: topValue.xText, class: "calendarTopText" }, topValue.value)))), this.currentDateIndicator && (
322
322
  // current date indicator
323
- h("circle", { key: '2cd33e167d0e2cf70e6d37bf075dca727f39bb26', fill: this.currentDateIndicator.color, cx: this.currentDateIndicator.x + 2.5, cy: this.headerHeight - 8, r: "8" })))));
323
+ h("circle", { key: '89a09b1017a8f26e9829b4d90fded011b94065df', fill: this.currentDateIndicator.color, cx: this.currentDateIndicator.x + 2.5, cy: this.headerHeight - 8, r: "8" })))));
324
324
  }
325
325
  static get style() { return KupGanttCalendarStyle0; }
326
326
  }, [0, "kup-gantt-calendar", {
package/dist/components/{p-2fff7268.js → p-de04aef6.js} RENAMED
@@ -1,21 +1,21 @@
1
- import { p as proxyCustomElement, H, h as h$1 } from './p-2e5f2e07.js';
2
- import { c as calculateDisplayedDateRange, a as convertProjectToTasks, b as getPhaseById, m as mergeTaskIntoProjects, e as getProjectById, f as mergeTaskIntoPhases, h as columnWidthForTimeUnit, d as defineCustomElement$5 } from './p-4efa19a7.js';
1
+ import { p as proxyCustomElement, H, h as h$1 } from './p-ef8cbd35.js';
2
+ import { c as calculateDisplayedDateRange, a as convertProjectToTasks, b as getPhaseById, m as mergeTaskIntoProjects, e as getProjectById, f as mergeTaskIntoPhases, h as columnWidthForTimeUnit, d as defineCustomElement$5 } from './p-c325da75.js';
3
3
  import { K as KUP_PLANNER_MAIN_GANTT_ID, f as KUP_PLANNER_SECONDARY_GANTT_ID } from './p-a0eeacbd.js';
4
4
  import { a as KupDates } from './p-1581348d.js';
5
- import { g as ganttDateTimeFormatters, d as defineCustomElement$b } from './p-c62695d4.js';
5
+ import { g as ganttDateTimeFormatters, d as defineCustomElement$b } from './p-d7136d08.js';
6
6
  import { h } from './p-3aae989f.js';
7
- import { d as defineCustomElement$e } from './p-aec44f8f.js';
8
- import { d as defineCustomElement$d } from './p-0e6c0355.js';
9
- import { d as defineCustomElement$c } from './p-9da8cd93.js';
10
- import { d as defineCustomElement$a } from './p-c43d08ab.js';
11
- import { d as defineCustomElement$9 } from './p-e677dddf.js';
12
- import { d as defineCustomElement$8 } from './p-01015d54.js';
13
- import { d as defineCustomElement$7 } from './p-304eab56.js';
14
- import { d as defineCustomElement$6 } from './p-5517e8e8.js';
15
- import { d as defineCustomElement$4 } from './p-76c4c708.js';
16
- import { d as defineCustomElement$3 } from './p-53e38c4a.js';
17
- import { d as defineCustomElement$2 } from './p-ea6e4e37.js';
18
- import { d as defineCustomElement$1 } from './p-709a51cf.js';
7
+ import { d as defineCustomElement$e } from './p-97053b4d.js';
8
+ import { d as defineCustomElement$d } from './p-67ba8cd7.js';
9
+ import { d as defineCustomElement$c } from './p-d0e33e04.js';
10
+ import { d as defineCustomElement$a } from './p-0e85ab66.js';
11
+ import { d as defineCustomElement$9 } from './p-f2e153e3.js';
12
+ import { d as defineCustomElement$8 } from './p-55542b47.js';
13
+ import { d as defineCustomElement$7 } from './p-c7c7f760.js';
14
+ import { d as defineCustomElement$6 } from './p-6992b96f.js';
15
+ import { d as defineCustomElement$4 } from './p-3b4cdace.js';
16
+ import { d as defineCustomElement$3 } from './p-bd3047ee.js';
17
+ import { d as defineCustomElement$2 } from './p-6bfda249.js';
18
+ import { d as defineCustomElement$1 } from './p-8472facf.js';
19
19
 
20
20
  const CustomTooltipHOC = () => {
21
21
  const CustomTooltip = () => h("div", null);
@@ -240,13 +240,13 @@ const KupPlannerRenderer = /*@__PURE__*/ proxyCustomElement(class KupPlannerRend
240
240
  }
241
241
  render() {
242
242
  var _a, _b, _c;
243
- return (h$1("div", { key: '23145b3c2d83d53eadd4cbe0a00006089a5e277e', class: "planner-render" }, h$1("kup-switcher", { key: '745c70a1e903ae5f3af565e7843c3d84ca36d013', timeUnitChange: (timeUnit) => {
243
+ return (h$1("div", { key: '29c147210816cb1027ba9fa012a0e4a85799c681', class: "planner-render" }, h$1("kup-switcher", { key: '833aa730ccc65297d8b5cb9d27f89791b70c7618', timeUnitChange: (timeUnit) => {
244
244
  var _a, _b;
245
245
  (_b = (_a = this.props).onSetViewMode) === null || _b === void 0 ? void 0 : _b.call(_a, timeUnit);
246
246
  this.timeUnit = timeUnit;
247
247
  this.viewDate = undefined;
248
248
  this.scrollX = -1;
249
- } }), this.props && (h$1("div", { key: 'a07185cd6be444510aef8c07eef0a9afe72d9fd6', style: {
249
+ } }), this.props && (h$1("div", { key: '5bf9228b73b0eebdf5d71394875298c04922674c', style: {
250
250
  display: 'flex',
251
251
  flexDirection: 'column',
252
252
  } }, h$1("kup-gantt", Object.assign({ ref: (el) => (this.mainGantt = el), ganttId: KUP_PLANNER_MAIN_GANTT_ID, key: KUP_PLANNER_MAIN_GANTT_ID, 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: columnWidthForTimeUnit(this.timeUnit), viewMode: this.timeUnit }, this.props.mainGantt.stylingOptions, { TaskListHeader: this.props.mainGantt.taskListHeaderProject, TaskListTable: this.props.mainGantt.taskListTableProject, TooltipContent: (_a = this.props.mainGantt.tooltipContent) !== null && _a !== void 0 ? _a : CustomTooltipHOC(), barClick: (task) => {
package/dist/components/{p-2e5f2e07.js → p-ef8cbd35.js} RENAMED
@@ -1,5 +1,5 @@
1
1
  const NAMESPACE = 'ketchup';
2
- const BUILD = /* ketchup */ { allRenderFn: true, appendChildSlotFix: false, asyncLoading: true, asyncQueue: false, attachStyles: true, cloneNodeFix: false, cmpDidLoad: true, cmpDidRender: true, cmpDidUnload: false, cmpDidUpdate: true, cmpShouldUpdate: false, cmpWillLoad: true, cmpWillRender: true, cmpWillUpdate: true, connectedCallback: true, constructableCSS: true, cssAnnotations: true, devTools: false, disconnectedCallback: true, element: false, event: true, experimentalScopedSlotChanges: false, experimentalSlotFixes: false, formAssociated: false, hasRenderFn: true, hostListener: true, hostListenerTarget: true, hostListenerTargetBody: false, hostListenerTargetDocument: true, hostListenerTargetParent: false, hostListenerTargetWindow: false, hotModuleReplacement: false, hydrateClientSide: false, hydrateServerSide: false, hydratedAttribute: false, hydratedClass: true, hydratedSelectorName: "hydrated", invisiblePrehydration: true, isDebug: false, isDev: false, isTesting: false, lazyLoad: false, lifecycle: true, lifecycleDOMEvents: false, member: true, method: true, mode: false, observeAttribute: true, profile: false, prop: true, propBoolean: true, propMutable: true, propNumber: true, propString: true, reflect: true, scoped: false, scopedSlotTextContentFix: false, scriptDataOpts: false, shadowDelegatesFocus: false, shadowDom: true, slot: true, slotChildNodesFix: false, slotRelocation: false, state: true, style: true, svg: true, taskQueue: true, updatable: true, vdomAttribute: true, vdomClass: true, vdomFunctional: true, vdomKey: true, vdomListener: true, vdomPropOrAttr: true, vdomRef: true, vdomRender: true, vdomStyle: true, vdomText: true, vdomXlink: true, watchCallback: true };
2
+ const BUILD = /* ketchup */ { allRenderFn: true, appendChildSlotFix: false, asyncLoading: true, asyncQueue: false, attachStyles: true, cloneNodeFix: false, cmpDidLoad: true, cmpDidRender: true, cmpDidUnload: false, cmpDidUpdate: true, cmpShouldUpdate: true, cmpWillLoad: true, cmpWillRender: true, cmpWillUpdate: true, connectedCallback: true, constructableCSS: true, cssAnnotations: true, devTools: false, disconnectedCallback: true, element: false, event: true, experimentalScopedSlotChanges: false, experimentalSlotFixes: false, formAssociated: false, hasRenderFn: true, hostListener: true, hostListenerTarget: true, hostListenerTargetBody: false, hostListenerTargetDocument: true, hostListenerTargetParent: false, hostListenerTargetWindow: false, hotModuleReplacement: false, hydrateClientSide: false, hydrateServerSide: false, hydratedAttribute: false, hydratedClass: true, hydratedSelectorName: "hydrated", invisiblePrehydration: true, isDebug: false, isDev: false, isTesting: false, lazyLoad: false, lifecycle: true, lifecycleDOMEvents: false, member: true, method: true, mode: false, observeAttribute: true, profile: false, prop: true, propBoolean: true, propMutable: true, propNumber: true, propString: true, reflect: true, scoped: false, scopedSlotTextContentFix: false, scriptDataOpts: false, shadowDelegatesFocus: false, shadowDom: true, slot: true, slotChildNodesFix: false, slotRelocation: false, state: true, style: true, svg: true, taskQueue: true, updatable: true, vdomAttribute: true, vdomClass: true, vdomFunctional: true, vdomKey: true, vdomListener: true, vdomPropOrAttr: true, vdomRef: true, vdomRender: true, vdomStyle: true, vdomText: true, vdomXlink: true, watchCallback: true };
3
3
 
4
4
  /*
5
5
  Stencil Client Platform v4.20.0 | MIT Licensed | https://stenciljs.com
@@ -971,6 +971,11 @@ var setValue = (ref, propName, newVal, cmpMeta) => {
971
971
  }
972
972
  }
973
973
  if ((flags & (2 /* hasRendered */ | 16 /* isQueuedForUpdate */)) === 2 /* hasRendered */) {
974
+ if (instance.componentShouldUpdate) {
975
+ if (instance.componentShouldUpdate(newVal, oldVal, propName) === false) {
976
+ return;
977
+ }
978
+ }
974
979
  scheduleUpdate(hostRef, false);
975
980
  }
976
981
  }
package/dist/components/{p-e677dddf.js → p-f2e153e3.js} RENAMED
@@ -1,6 +1,6 @@
1
- import { p as proxyCustomElement, H, h, F as Fragment } from './p-2e5f2e07.js';
1
+ import { p as proxyCustomElement, H, h, F as Fragment } from './p-ef8cbd35.js';
2
2
 
3
- const kupHorizontalScrollCss = ".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}.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}.scroll-container{display:flex}";
3
+ const kupHorizontalScrollCss = ".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:var(--kup-label-01-font-size, 12px);line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-heading-compact-01-font-size, 14px);line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:var(--kup-heading-01-font-size, 14px);line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}.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}.scroll-container{display:flex}";
4
4
  const KupHorizontalScrollStyle0 = kupHorizontalScrollCss;
5
5
 
6
6
  const HorizontalScroll = /*@__PURE__*/ proxyCustomElement(class HorizontalScroll extends H {
@@ -60,20 +60,20 @@ const HorizontalScroll = /*@__PURE__*/ proxyCustomElement(class HorizontalScroll
60
60
  var _a, _b;
61
61
  const w = (_b = ((_a = this.taskListTrueRef) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect().width) + 24 * 1.5) !== null && _b !== void 0 ? _b : 0; // 24 * 2 is the sum of padding and margin for both list and gantt, multiplied by 1.5 cause we need to add the other half to the right
62
62
  const width = +this.listCellWidth.replace('px', '');
63
- return (h(Fragment, { key: 'ca3d1fe732a277b9f3dc43d86a84c5aa93df0e72' }, h("div", { key: 'c98ca3f706cf107db5f4879bc46bff26d0ce5dc9', class: "scroll-container" }, this.scrollableTaskList &&
64
- this.taskListScrollWidth > width && (h("div", { key: '0e632172e23dde89eb29591ef8646bd242f15ace', dir: "ltr", style: {
63
+ return (h(Fragment, { key: '9632477600482255d1cbcc1586428ee99af0057d' }, h("div", { key: '526d5a4fe48222746552cea9fa71d4052c14c7d0', class: "scroll-container" }, this.scrollableTaskList &&
64
+ this.taskListScrollWidth > width && (h("div", { key: '9b1ff92aa99675168b5f15c2e32490ebd5a0ede6', dir: "ltr", style: {
65
65
  margin: this.rtl
66
66
  ? `0px 20px 0px 20px`
67
67
  : `0px 20px 0px 20px`,
68
68
  maxWidth: `${width + 20}px`,
69
69
  minWidth: `${width + 20}px`,
70
- }, class: "scrollWrapper", "data-scrollx": "true", onScroll: this.horizontalTaskListScroll }, h("div", { key: 'a9df5067fa02c4a9ab0d8c5590e1713eb0fc37e5', style: {
70
+ }, class: "scrollWrapper", "data-scrollx": "true", onScroll: this.horizontalTaskListScroll }, h("div", { key: '37634bfadaa55ff19366bda36106dd6b9761f4c2', style: {
71
71
  width: `${this.taskListScrollWidth}px`,
72
- }, class: "scroll" }))), h("div", { key: '6cc995b3db68dc093e56adee9cd0ad33fce395e6', dir: "ltr", style: {
72
+ }, class: "scroll" }))), h("div", { key: '1a4ba83f91dd02570af9eff8f9c8cdde746df00a', dir: "ltr", style: {
73
73
  margin: this.rtl
74
74
  ? `0px ${this.scrollableTaskList && this.taskListScrollWidth > width ? 40 : w}px 0px 12px`
75
75
  : `0px 12px 0px ${this.scrollableTaskList && this.taskListScrollWidth > width ? 40 : w}px`,
76
- }, class: "scrollWrapper", "data-scrollx": "true", onScroll: this.horizontalScroll }, h("div", { key: '82b584c4a5067b9baf639da7b00e58141a9291c0', style: { width: `${this.svgWidth}px` }, class: "scroll" })))));
76
+ }, class: "scrollWrapper", "data-scrollx": "true", onScroll: this.horizontalScroll }, h("div", { key: 'd8a395c0984d703b78fc0cac038b83852b431c1e', style: { width: `${this.svgWidth}px` }, class: "scroll" })))));
77
77
  }
78
78
  get rootElement() { return this; }
79
79
  static get watchers() { return {