@sme.up/ketchup 11.0.0-SNAPSHOT-20250926074033 → 11.0.0-SNAPSHOT-20250930090929

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 (286) hide show
  1. package/dist/cjs/{f-cell-2c0f4388.js → f-cell-c90b0744.js} +4 -4
  2. package/dist/cjs/{f-chip-11c1763b.js → f-chip-29f981f7.js} +1 -1
  3. package/dist/cjs/{f-object-field-974b6790.js → f-object-field-ae0e860d.js} +2 -2
  4. package/dist/cjs/{f-paginator-utils-1736353d.js → f-paginator-utils-806868eb.js} +1 -1
  5. package/dist/cjs/{f-text-field-bdf15a0f.js → f-text-field-025f9ff3.js} +1 -1
  6. package/dist/cjs/index.cjs.js +1 -1
  7. package/dist/cjs/ketchup.cjs.js +1 -1
  8. package/dist/cjs/kup-accordion.cjs.entry.js +2 -2
  9. package/dist/cjs/kup-activity-timeline.cjs.entry.js +2 -2
  10. package/dist/cjs/kup-autocomplete_30.cjs.entry.js +81 -318
  11. package/dist/cjs/kup-box.cjs.entry.js +7 -7
  12. package/dist/cjs/kup-calendar.cjs.entry.js +4 -4
  13. package/dist/cjs/kup-card-list.cjs.entry.js +1 -1
  14. package/dist/cjs/kup-cell.cjs.entry.js +7 -7
  15. package/dist/cjs/kup-custom-task-list-header_4.cjs.entry.js +7 -7
  16. package/dist/cjs/kup-dashboard.cjs.entry.js +3 -3
  17. package/dist/cjs/{kup-data-table-helper-c411be01.js → kup-data-table-helper-d3b9b899.js} +1 -1
  18. package/dist/cjs/kup-drawer.cjs.entry.js +3 -3
  19. package/dist/cjs/kup-echart.cjs.entry.js +2 -2
  20. package/dist/cjs/kup-editor.cjs.entry.js +2 -2
  21. package/dist/cjs/kup-family-tree.cjs.entry.js +3 -3
  22. package/dist/cjs/kup-gantt_10.cjs.entry.js +23 -23
  23. package/dist/cjs/kup-grid.cjs.entry.js +1 -1
  24. package/dist/cjs/kup-htm.cjs.entry.js +2 -2
  25. package/dist/cjs/kup-iframe.cjs.entry.js +1 -1
  26. package/dist/cjs/kup-input-panel.cjs.entry.js +7 -7
  27. package/dist/cjs/kup-lazy.cjs.entry.js +12 -12
  28. package/dist/cjs/kup-magic-box.cjs.entry.js +4 -4
  29. package/dist/cjs/{kup-manager-d4cfbd61.js → kup-manager-dbf73b5f.js} +3 -3
  30. package/dist/cjs/kup-nav-bar.cjs.entry.js +2 -2
  31. package/dist/cjs/kup-numeric-picker.cjs.entry.js +3 -3
  32. package/dist/cjs/kup-object-field.cjs.entry.js +4 -4
  33. package/dist/cjs/kup-pdf.cjs.entry.js +2 -2
  34. package/dist/cjs/kup-planner-renderer.cjs.entry.js +2 -2
  35. package/dist/cjs/kup-planner.cjs.entry.js +3 -3
  36. package/dist/cjs/kup-probe.cjs.entry.js +2 -2
  37. package/dist/cjs/kup-qlik.cjs.entry.js +2 -2
  38. package/dist/cjs/kup-snackbar.cjs.entry.js +2 -2
  39. package/dist/cjs/kup-txt.cjs.entry.js +2 -2
  40. package/dist/cjs/kup-typography-list.cjs.entry.js +2 -2
  41. package/dist/cjs/kup-typography.cjs.entry.js +3 -3
  42. package/dist/cjs/loader.cjs.js +1 -1
  43. package/dist/collection/components/kup-accordion/kup-accordion.js +1 -1
  44. package/dist/collection/components/kup-autocomplete/kup-autocomplete.js +1 -1
  45. package/dist/collection/components/kup-badge/kup-badge.js +2 -2
  46. package/dist/collection/components/kup-button-list/kup-button-list.js +1 -1
  47. package/dist/collection/components/kup-calendar/kup-calendar.js +2 -2
  48. package/dist/collection/components/kup-card/standard/kup-card-standard.js +2 -4
  49. package/dist/collection/components/kup-cell/kup-cell.js +2 -2
  50. package/dist/collection/components/kup-checkbox/kup-checkbox.js +1 -1
  51. package/dist/collection/components/kup-chip/kup-chip.js +2 -2
  52. package/dist/collection/components/kup-color-picker/kup-color-picker.js +2 -2
  53. package/dist/collection/components/kup-combobox/kup-combobox.js +1 -1
  54. package/dist/collection/components/kup-dashboard/kup-dashboard.js +1 -1
  55. package/dist/collection/components/kup-data-table/kup-data-table.js +28 -257
  56. package/dist/collection/components/kup-date-picker/kup-date-picker.js +1 -1
  57. package/dist/collection/components/kup-dialog/kup-dialog.js +1 -1
  58. package/dist/collection/components/kup-drawer/kup-drawer.js +2 -2
  59. package/dist/collection/components/kup-dropdown-button/kup-dropdown-button.js +1 -1
  60. package/dist/collection/components/kup-echart/kup-echart.js +1 -1
  61. package/dist/collection/components/kup-editor/kup-editor.js +1 -1
  62. package/dist/collection/components/kup-family-tree/kup-family-tree.js +2 -2
  63. package/dist/collection/components/kup-file-upload/kup-file-upload.js +2 -2
  64. package/dist/collection/components/kup-form/kup-form.js +2 -2
  65. package/dist/collection/components/kup-htm/kup-htm.js +1 -1
  66. package/dist/collection/components/kup-image-list/kup-image-list.js +3 -3
  67. package/dist/collection/components/kup-input-panel/kup-input-panel.js +2 -2
  68. package/dist/collection/components/kup-lazy/kup-lazy.js +11 -11
  69. package/dist/collection/components/kup-magic-box/kup-magic-box.js +3 -3
  70. package/dist/collection/components/kup-nav-bar/kup-nav-bar.js +1 -1
  71. package/dist/collection/components/kup-numeric-picker/kup-numeric-picker.js +1 -1
  72. package/dist/collection/components/kup-object-field/kup-object-field.js +1 -1
  73. package/dist/collection/components/kup-pdf/kup-pdf.js +1 -1
  74. package/dist/collection/components/kup-planner/kup-planner.js +1 -1
  75. package/dist/collection/components/kup-planner/utils/custom-task-list-header.js +2 -2
  76. package/dist/collection/components/kup-planner/utils/kup-gantt/kup-gantt.js +2 -2
  77. package/dist/collection/components/kup-planner/utils/kup-gantt-calendar/kup-gantt-calendar.js +2 -2
  78. package/dist/collection/components/kup-planner/utils/kup-grid-renderer/kup-grid-renderer.js +3 -3
  79. package/dist/collection/components/kup-planner/utils/kup-horizontal-scroll/kup-horizontal-scroll.js +5 -5
  80. package/dist/collection/components/kup-planner/utils/kup-planner-renderer.js +2 -2
  81. package/dist/collection/components/kup-planner/utils/kup-switcher/kup-switcher.js +1 -1
  82. package/dist/collection/components/kup-planner/utils/kup-task-gantt/kup-task-gantt.js +2 -2
  83. package/dist/collection/components/kup-planner/utils/kup-task-list/kup-task-list-header.js +7 -7
  84. package/dist/collection/components/kup-planner/utils/kup-task-list/kup-task-list-table.js +1 -1
  85. package/dist/collection/components/kup-planner/utils/kup-task-list/kup-task-list.js +1 -1
  86. package/dist/collection/components/kup-planner/utils/kup-tooltip/kup-standard-tooltip.js +1 -1
  87. package/dist/collection/components/kup-planner/utils/kup-tooltip/kup-tooltip.js +1 -1
  88. package/dist/collection/components/kup-planner/utils/kup-vertical-scroll/kup-vertical-scroll.js +2 -2
  89. package/dist/collection/components/kup-probe/kup-probe.js +1 -1
  90. package/dist/collection/components/kup-progress-bar/kup-progress-bar.js +1 -1
  91. package/dist/collection/components/kup-qlik/kup-qlik.js +1 -1
  92. package/dist/collection/components/kup-rating/kup-rating.js +1 -1
  93. package/dist/collection/components/kup-snackbar/kup-snackbar.js +1 -1
  94. package/dist/collection/components/kup-spinner/kup-spinner.js +34 -34
  95. package/dist/collection/components/kup-switch/kup-switch.js +1 -1
  96. package/dist/collection/components/kup-time-picker/kup-time-picker.js +1 -1
  97. package/dist/collection/components/kup-txt/kup-txt.js +1 -1
  98. package/dist/collection/components/kup-typography/kup-typography.js +2 -2
  99. package/dist/collection/components/kup-typography-list/kup-typography-list.js +1 -1
  100. package/dist/collection/utils/cell-utils.js +3 -3
  101. package/dist/collection/utils/kup-column-menu/kup-column-menu.js +1 -17
  102. package/dist/components/index.js +1 -1
  103. package/dist/components/kup-accordion.js +3 -3
  104. package/dist/components/kup-activity-timeline.js +2 -2
  105. package/dist/components/kup-autocomplete.js +1 -1
  106. package/dist/components/kup-badge.js +1 -1
  107. package/dist/components/kup-box.js +1 -1
  108. package/dist/components/kup-button-list.js +1 -1
  109. package/dist/components/kup-button.js +1 -1
  110. package/dist/components/kup-calendar.js +4 -4
  111. package/dist/components/kup-card-list.js +3 -3
  112. package/dist/components/kup-card.js +1 -1
  113. package/dist/components/kup-cell.js +4 -4
  114. package/dist/components/kup-chart.js +1 -1
  115. package/dist/components/kup-checkbox.js +1 -1
  116. package/dist/components/kup-chip.js +1 -1
  117. package/dist/components/kup-color-picker.js +1 -1
  118. package/dist/components/kup-combobox.js +1 -1
  119. package/dist/components/kup-custom-task-list-header.js +1 -1
  120. package/dist/components/kup-dashboard.js +3 -3
  121. package/dist/components/kup-data-table.js +1 -1
  122. package/dist/components/kup-date-picker.js +1 -1
  123. package/dist/components/kup-dialog.js +1 -1
  124. package/dist/components/kup-drawer.js +4 -4
  125. package/dist/components/kup-dropdown-button.js +1 -1
  126. package/dist/components/kup-echart.js +1 -1
  127. package/dist/components/kup-editor.js +1 -1
  128. package/dist/components/kup-family-tree.js +5 -5
  129. package/dist/components/kup-file-upload.js +1 -1
  130. package/dist/components/kup-form.js +1 -1
  131. package/dist/components/kup-gantt-calendar.js +1 -1
  132. package/dist/components/kup-gantt.js +1 -1
  133. package/dist/components/kup-gauge.js +1 -1
  134. package/dist/components/kup-grid-renderer.js +1 -1
  135. package/dist/components/kup-grid.js +1 -1
  136. package/dist/components/kup-horizontal-scroll.js +1 -1
  137. package/dist/components/kup-htm.js +3 -3
  138. package/dist/components/kup-iframe.js +2 -2
  139. package/dist/components/kup-image-list.js +1 -1
  140. package/dist/components/kup-image.js +1 -1
  141. package/dist/components/kup-input-panel.js +5 -5
  142. package/dist/components/kup-lazy.js +13 -13
  143. package/dist/components/kup-list.js +1 -1
  144. package/dist/components/kup-magic-box.js +7 -7
  145. package/dist/components/kup-nav-bar.js +3 -3
  146. package/dist/components/kup-numeric-picker.js +3 -3
  147. package/dist/components/kup-object-field.js +3 -3
  148. package/dist/components/kup-pdf.js +3 -3
  149. package/dist/components/kup-planner-renderer.js +1 -1
  150. package/dist/components/kup-planner.js +17 -17
  151. package/dist/components/kup-probe.js +3 -3
  152. package/dist/components/kup-progress-bar.js +1 -1
  153. package/dist/components/kup-qlik.js +3 -3
  154. package/dist/components/kup-radio.js +1 -1
  155. package/dist/components/kup-rating.js +1 -1
  156. package/dist/components/kup-snackbar.js +3 -3
  157. package/dist/components/kup-spinner.js +1 -1
  158. package/dist/components/kup-standard-tooltip.js +1 -1
  159. package/dist/components/kup-switch.js +1 -1
  160. package/dist/components/kup-switcher.js +1 -1
  161. package/dist/components/kup-tab-bar.js +1 -1
  162. package/dist/components/kup-task-gantt.js +1 -1
  163. package/dist/components/kup-task-list-header.js +1 -1
  164. package/dist/components/kup-task-list-table.js +1 -1
  165. package/dist/components/kup-task-list.js +1 -1
  166. package/dist/components/kup-text-field.js +1 -1
  167. package/dist/components/kup-time-picker.js +1 -1
  168. package/dist/components/kup-toolbar.js +1 -1
  169. package/dist/components/kup-tooltip.js +1 -1
  170. package/dist/components/kup-tree.js +1 -1
  171. package/dist/components/kup-txt.js +3 -3
  172. package/dist/components/kup-typography-list.js +3 -3
  173. package/dist/components/kup-typography.js +4 -4
  174. package/dist/components/kup-vertical-scroll.js +1 -1
  175. package/dist/components/{p-b7db8929.js → p-03f1cdd9.js} +15 -15
  176. package/dist/components/{p-67276f12.js → p-17bb968f.js} +75 -314
  177. package/dist/components/{p-28774031.js → p-40202dad.js} +3 -3
  178. package/dist/components/{p-81f061fc.js → p-4a8f734f.js} +2 -2
  179. package/dist/components/{p-343b2833.js → p-4d6dda24.js} +3 -3
  180. package/dist/components/{p-30c8e164.js → p-56da9a2f.js} +1 -1
  181. package/dist/components/{p-54d46233.js → p-74fd0cb8.js} +3 -3
  182. package/dist/components/{p-17337a7c.js → p-77d5a7b9.js} +5 -5
  183. package/dist/components/{p-b7fd7e3d.js → p-916e6551.js} +2 -2
  184. package/dist/components/{p-7c68a61b.js → p-98036b1e.js} +7 -7
  185. package/dist/components/{p-a0e72afe.js → p-9fae47de.js} +13 -13
  186. package/dist/components/{p-08f7e266.js → p-a0689c36.js} +2 -2
  187. package/dist/components/{p-f39218a4.js → p-b33ec213.js} +1 -1
  188. package/dist/components/{p-0ff64854.js → p-b5ccc0d2.js} +4 -4
  189. package/dist/components/{p-da813d4a.js → p-b6f1319e.js} +2 -2
  190. package/dist/components/{p-da4b46f9.js → p-ca94de44.js} +3 -3
  191. package/dist/components/{p-1d99f2fe.js → p-e8d83de0.js} +1 -1
  192. package/dist/components/{p-1cfc8a82.js → p-ea13425c.js} +2 -2
  193. package/dist/components/{p-e7f68bbe.js → p-f57a4a4e.js} +1 -1
  194. package/dist/components/{p-a07ff6c6.js → p-f852dbfa.js} +2 -2
  195. package/dist/esm/{f-cell-1137210f.js → f-cell-327a6142.js} +4 -4
  196. package/dist/esm/{f-chip-19ec7dfe.js → f-chip-9d6113fe.js} +1 -1
  197. package/dist/esm/{f-object-field-9dc89cb1.js → f-object-field-0c2013c8.js} +2 -2
  198. package/dist/esm/{f-paginator-utils-0cd02efc.js → f-paginator-utils-8314bf54.js} +1 -1
  199. package/dist/esm/{f-text-field-ab9dca9d.js → f-text-field-371b1b43.js} +1 -1
  200. package/dist/esm/index.js +1 -1
  201. package/dist/esm/ketchup.js +1 -1
  202. package/dist/esm/kup-accordion.entry.js +2 -2
  203. package/dist/esm/kup-activity-timeline.entry.js +2 -2
  204. package/dist/esm/kup-autocomplete_30.entry.js +81 -318
  205. package/dist/esm/kup-box.entry.js +7 -7
  206. package/dist/esm/kup-calendar.entry.js +4 -4
  207. package/dist/esm/kup-card-list.entry.js +1 -1
  208. package/dist/esm/kup-cell.entry.js +7 -7
  209. package/dist/esm/kup-custom-task-list-header_4.entry.js +7 -7
  210. package/dist/esm/kup-dashboard.entry.js +3 -3
  211. package/dist/esm/{kup-data-table-helper-20a204e9.js → kup-data-table-helper-04404034.js} +1 -1
  212. package/dist/esm/kup-drawer.entry.js +3 -3
  213. package/dist/esm/kup-echart.entry.js +2 -2
  214. package/dist/esm/kup-editor.entry.js +2 -2
  215. package/dist/esm/kup-family-tree.entry.js +3 -3
  216. package/dist/esm/kup-gantt_10.entry.js +23 -23
  217. package/dist/esm/kup-grid.entry.js +1 -1
  218. package/dist/esm/kup-htm.entry.js +2 -2
  219. package/dist/esm/kup-iframe.entry.js +1 -1
  220. package/dist/esm/kup-input-panel.entry.js +7 -7
  221. package/dist/esm/kup-lazy.entry.js +12 -12
  222. package/dist/esm/kup-magic-box.entry.js +4 -4
  223. package/dist/esm/{kup-manager-fda30dc6.js → kup-manager-9ccdaa27.js} +3 -3
  224. package/dist/esm/kup-nav-bar.entry.js +2 -2
  225. package/dist/esm/kup-numeric-picker.entry.js +3 -3
  226. package/dist/esm/kup-object-field.entry.js +4 -4
  227. package/dist/esm/kup-pdf.entry.js +2 -2
  228. package/dist/esm/kup-planner-renderer.entry.js +2 -2
  229. package/dist/esm/kup-planner.entry.js +3 -3
  230. package/dist/esm/kup-probe.entry.js +2 -2
  231. package/dist/esm/kup-qlik.entry.js +2 -2
  232. package/dist/esm/kup-snackbar.entry.js +2 -2
  233. package/dist/esm/kup-txt.entry.js +2 -2
  234. package/dist/esm/kup-typography-list.entry.js +2 -2
  235. package/dist/esm/kup-typography.entry.js +3 -3
  236. package/dist/esm/loader.js +1 -1
  237. package/dist/ketchup/index.esm.js +1 -1
  238. package/dist/ketchup/ketchup.esm.js +1 -1
  239. package/dist/ketchup/{p-8c5aa6e4.entry.js → p-0522fc73.entry.js} +1 -1
  240. package/dist/ketchup/{p-b8adb9c7.entry.js → p-2a53c171.entry.js} +1 -1
  241. package/dist/ketchup/{p-d6f45de5.entry.js → p-2be9b9af.entry.js} +1 -1
  242. package/dist/ketchup/p-2d075c06.entry.js +1 -0
  243. package/dist/ketchup/{p-d2605540.entry.js → p-2ddb1b4e.entry.js} +2 -2
  244. package/dist/ketchup/{p-6c2438ef.entry.js → p-2febabdf.entry.js} +1 -1
  245. package/dist/ketchup/{p-2777a746.entry.js → p-41e79d58.entry.js} +1 -1
  246. package/dist/ketchup/{p-3a118dba.js → p-43e37416.js} +1 -1
  247. package/dist/ketchup/{p-a61449bb.entry.js → p-45c8e8e0.entry.js} +1 -1
  248. package/dist/ketchup/{p-e38b3b08.entry.js → p-4cb12245.entry.js} +1 -1
  249. package/dist/ketchup/p-53110db9.entry.js +8 -0
  250. package/dist/ketchup/p-5fa425df.entry.js +16 -0
  251. package/dist/ketchup/{p-713aec20.entry.js → p-5fb3bb78.entry.js} +1 -1
  252. package/dist/ketchup/p-63a1d0e5.entry.js +1 -0
  253. package/dist/ketchup/{p-a6dcbd2a.entry.js → p-6a59894e.entry.js} +1 -1
  254. package/dist/ketchup/{p-99f280d4.js → p-6bf3ff2f.js} +1 -1
  255. package/dist/ketchup/{p-4ca472ec.entry.js → p-6c8ce0a9.entry.js} +1 -1
  256. package/dist/ketchup/{p-4af8c55b.entry.js → p-70b28803.entry.js} +2 -2
  257. package/dist/ketchup/{p-df654b52.entry.js → p-75e6c445.entry.js} +2 -2
  258. package/dist/ketchup/{p-ddf37d4e.entry.js → p-84855922.entry.js} +1 -1
  259. package/dist/ketchup/p-87d242df.js +1 -0
  260. package/dist/ketchup/{p-223b9ff7.js → p-885d0dd0.js} +1 -1
  261. package/dist/ketchup/{p-d7330a4e.entry.js → p-8bc34194.entry.js} +1 -1
  262. package/dist/ketchup/{p-b2042e19.entry.js → p-8d14fccb.entry.js} +1 -1
  263. package/dist/ketchup/{p-c8ca2bdc.entry.js → p-8fd227ec.entry.js} +1 -1
  264. package/dist/ketchup/{p-1036b64a.entry.js → p-9369e4f1.entry.js} +1 -1
  265. package/dist/ketchup/p-93dcbb39.js +1 -0
  266. package/dist/ketchup/{p-73feb2dc.entry.js → p-a113106a.entry.js} +1 -1
  267. package/dist/ketchup/{p-7aef1158.entry.js → p-a14160c1.entry.js} +1 -1
  268. package/dist/ketchup/{p-814c5e8a.entry.js → p-c2969bbd.entry.js} +1 -1
  269. package/dist/ketchup/{p-f28d4e2e.js → p-c5dfb8d1.js} +1 -1
  270. package/dist/ketchup/{p-624a867b.entry.js → p-c6454ab3.entry.js} +1 -1
  271. package/dist/ketchup/{p-481729c8.entry.js → p-d2e0d702.entry.js} +1 -1
  272. package/dist/ketchup/{p-69a3e47a.entry.js → p-d3baddb1.entry.js} +1 -1
  273. package/dist/ketchup/{p-3e8901fc.entry.js → p-da6ecaf5.entry.js} +1 -1
  274. package/dist/ketchup/{p-35de99b7.entry.js → p-e161adf9.entry.js} +1 -1
  275. package/dist/ketchup/{p-0dd0cf8d.entry.js → p-f12fa3ba.entry.js} +1 -1
  276. package/dist/ketchup/{p-90145ee3.entry.js → p-f8307edd.entry.js} +1 -1
  277. package/dist/ketchup/{p-d629f411.js → p-f8aefe67.js} +1 -1
  278. package/dist/types/components/kup-data-table/kup-data-table.d.ts +1 -2
  279. package/dist/types/components.d.ts +2 -1
  280. package/package.json +1 -1
  281. package/dist/ketchup/p-0ba187b4.js +0 -1
  282. package/dist/ketchup/p-507efcb3.entry.js +0 -1
  283. package/dist/ketchup/p-5c7b6b74.entry.js +0 -16
  284. package/dist/ketchup/p-b97055a6.entry.js +0 -1
  285. package/dist/ketchup/p-bfd4ab89.entry.js +0 -8
  286. package/dist/ketchup/p-c9323112.js +0 -1
@@ -1 +1 @@
1
- import{h as e,F as n}from"./p-710d0a7d.js";import{aq as a,ar as o,R as t,ad as c,f as l,ao as i,am as r,al as s,as as u,F as d,ai as p,a as b,at as k,I as v,au as f,av as m,aw as h,ax as g,ay as j,h as O}from"./p-d629f411.js";import{F as x}from"./p-ff735e62.js";import{F as w}from"./p-ef3112d4.js";import{F as _,d as y}from"./p-c9323112.js";import{F as C}from"./p-cc9db65d.js";import{F as $}from"./p-0ba187b4.js";import{F}from"./p-99f280d4.js";var I;!function(e){e.RADIO="radio",e.CHEVRON="chevron"}(I||(I={}));const E=a=>{var o;const t=a.horizontal||"lineDirection"==a.RadLay,c=!!a.columns,l=[],i=a.type||I.RADIO;for(let t=0;t<(null===(o=a.data)||void 0===o?void 0:o.length);t++){const o=a.data[t],c={radio:!0,"radio--checked":!!o.checked,"radio--disabled":!!a.disabled,[`radio--${a.type}`]:!!a.type};l.push(e("div",{class:`form-field \n ${a.leadingLabel?" form-field--align-end":""} ${a.disabled?"radio--disabled":""} ${i===I.CHEVRON?"form--chevron":""}`,onClick:a.onChange?a.onChange.bind(a.onChange,t):null},e("div",{class:c},i===I.RADIO?e("input",{class:"radio__native-control",type:"radio",name:"radio-element",value:o.value,checked:o.checked,disabled:a.disabled,onBlur:a.onBlur,onChange:e=>{a.onChange&&a.onChange(t,e),e.stopPropagation()},onFocus:a.onFocus}):e(n,null,e(C,o.checked?{resource:"check",sizeX:"14px",sizeY:"14px"}:{sizeX:"14px",sizeY:"14px",onClick:e=>{a.onChange&&a.onChange(t,e),e.stopPropagation()}})),i===I.RADIO&&e("div",{class:"radio__background"},e("div",{class:"radio__outer-circle"}),e("div",{class:"radio__inner-circle"}))),e("div",{class:"label-wrapper",onClick:e=>{a.onChange&&a.onChange(t,e),e.stopPropagation()}},i===I.CHEVRON&&e(C,{resource:o.icon,sizeX:"14px",sizeY:"14px"}),e("label",{htmlFor:"radio-element"},o.label?o.label:""),o.shortcutLabel&&e("div",{class:"shortcut"},o.shortcutLabel))))}return e("div",{class:`f-radio radio-wrapper\n ${c?"radio-wrapper-grid":""} ${a.danger?"kup-danger":""} ${a.info?"kup-info":""} ${a.secondary?"kup-secondary":""} ${a.success?"kup-success":""} ${a.warning?"kup-warning":""} ${a.wrapperClass?a.wrapperClass:""} ${t?"kup-horizontal":""}`,style:{"--kup_radio_columns":c?`repeat(${a.columns}, 1fr)`:""}},l)},A=n=>(n.maxValue||(n.maxValue=5),e("div",{class:`f-rating ${n.disabled?"disabled":""} ${n.danger?"kup-danger":""} ${n.info?"kup-info":""} ${n.secondary?"kup-secondary":""} ${n.success?"kup-success":""} ${n.warning?"kup-warning":""} ${n.wrapperClass?n.wrapperClass:""}`},function(n){const a=[];for(let o=1;o<=n.maxValue;o++)a.push(e("span",{class:"rating",onClick:n.onClick?n.onClick.bind(n.onClick,o):null},o<=n.value?"★":"☆"));return a}(n)));var B;!function(e){e.SMALL="small",e.MEDIUM="medium"}(B||(B={}));const D=n=>{n.sizing||(n.sizing=B.MEDIUM),n.sizing.toLowerCase();const a={switch:!0,"switch--checked":n.checked,"switch--disabled":n.disabled,[`switch--${n.sizing}`]:!!n.sizing};return e("div",Object.assign({class:`f-switch ${n.danger?"kup-danger":""} ${n.info?"kup-info":""} ${n.secondary?"kup-secondary":""} ${n.success?"kup-success":""} ${n.warning?"kup-warning":""} ${n.wrapperClass?n.wrapperClass:""}`},n.dataSet,{id:n.id,title:n.title}),e("div",{class:"form-field "+(n.leadingLabel?"form-field--align-end":"")},e("div",{class:a},e("div",{class:"switch__track"}),e("div",{class:"switch__thumb-underlay"},e("div",{class:"switch__thumb"},e("input",{type:"checkbox",class:"switch__native-control",role:"switch",checked:n.checked,disabled:n.disabled,value:n.checked?"on":"off",onBlur:n.onBlur,onChange:n.onChange,onFocus:n.onFocus})))),e("label",{onClick:n.onChange},n.label)))},N={"*BOLD":"font-weight: bold; !important;","*ERROR":"color: white !important; background: red !important;","*UNDERLINE":"text-decoration: underline !important;","*ITALIC":"font-style: italic !important;"};function z(e){let n;switch(e){case"0":n="color: #000000 !important;";break;case"1":n="color: #6C7A89 !important;";break;case"2":n="color: #3A539B !important;";break;case"3":n="color: var(--kup-danger-color-60) !important;";break;case"4":n="color: #C0C0C0 !important;";break;case"5":n="color: #FFFFFF !important;";break;case"6":n="color: var(--kup-success-color-60) !important;";break;case"7":n="color: #9B59B6 !important;";break;default:n=""}return n}function R(e){let n;switch(e){case"1":n="font-weight: bold !important;";break;case"2":n="font-style: italic !important;";break;case"3":n="text-decoration: underline !important;";break;default:n=""}return n}function K(e){let n;switch(e){case"0":n="background: transparent;";break;case"1":n="background: #D5ECF7;";break;case"2":n="background: #59ABE3;";break;case"3":n="background: #446CB3;";break;case"4":n="background: #9B59B6;";break;case"5":n="background: #F1A9A0;";break;case"6":n="background: #E74C3C;";break;case"7":n="background: #CF000F;";break;case"8":n="background: #C0392B;";break;case"9":n="background: #95A5A6;";break;case"A":n="background: #F5D76E;";break;case"B":case"C":n="background: #F7CA18;";break;case"D":n="background: #F39C12;";break;case"E":n="background: #90C695;";break;case"F":n="background: #26A65B;";break;case"G":n="background: #019875;";break;case"H":n="background: #36D7B7;";break;default:n=""}return n}function L(e){let n;switch(e){case"1":n='font-family: "Courier New", Courier, monospace !important;';break;case"2":n='font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif !important;';break;case"3":n="font-family: Arial, Helvetica, sans-serif !important;";break;default:n=""}return n}const M=({text:n,classes:a})=>{const o=function(e){const n=[];let a=null;return function(e,n){const a=/((_G\d{2}[A-Z0-9]\d{2}_|_G\*(BOLD|ERROR|ITALIC|UNDERLINE)_)|_n_)/g;let o,t=0;for(;null!==(o=a.exec(e));)o.index>t&&n.onContent(e.slice(t,o.index)),"_n_"===o[1]?n.onEndTag(o[1]):n.onStartTag(o[2]),t=a.lastIndex;t<e.length&&n.onContent(e.slice(t))}(e,{onStartTag(e){(null==a?void 0:a.tag)&&(a.closed=!0),n.push(a={tag:e,content:""})},onEndTag(e){a?a.tag?(a.closed=!0,a=null):this.onContent(e):n.push(a={content:e})},onContent(e){a?a.content+=e:n.push(a={content:e})}}),a&&a.tag&&(a.closed=!0),n}(n);return e("span",{class:a},o.find((e=>void 0!==e.tag))?function(n){return n.map((n=>{var a,o;const t=function(e){const n=function(e){let n="";if((null==e?void 0:e.match(/\d{2}[A-Z0-9]\d{2}|\*(BOLD|ERROR|ITALIC|UNDERLINE)/))&&(n=N[e],!n)){n="";for(let a=0;a<e.length;a++)switch(a){case 0:n+=z(e.charAt(a));break;case 1:n+=R(e.charAt(a));break;case 2:n+=K(e.charAt(a));break;case 3:n+=L(e.charAt(a))}}return n}(e);return n.split(";").filter((e=>e.trim())).reduce(((e,n)=>{const[a,o]=n.split(":").map((e=>e.trim()));if(a&&o){const n=o.replace(/!important/g,"").trim();e[a.replace(/-([a-z])/g,((e,n)=>n.toUpperCase()))]=n}return e}),{})}(null===(a=n.tag)||void 0===a?void 0:a.replace(/[_]/g,"").slice(1));return n.closed?e("span",{style:t},n.content):e("span",null,`${null!==(o=n.tag)&&void 0!==o?o:""}${n.content}`)}))}(o):n)},T=document.documentElement,V=(n,i)=>{var r,s,k,f,O;const I=n.cell,B=n.column,N=n.row,z=n.shape?n.shape:I.shape?I.shape:B.shape?B.shape:null,R=!T.ketchup.objects.isEmptyKupObj(I.obj);let K=!1;I.hasOwnProperty("isEditable")?K=I.isEditable:B.hasOwnProperty("isEditable")&&(K=B.isEditable),K=K&&n.editable,I.data=null!==(r=X(I,B))&&void 0!==r?r:I.data;const L=n.previousValue!==I.value?I.value:"",V=T.ketchup.data.cell.getType(I,z),G="extra_dense"===n.density?"extra-small":null===(s=I.data)||void 0===s?void 0:s.sizing;let Y=I.cssClass?I.cssClass:(null==B?void 0:B.cssClass)?null==B?void 0:B.cssClass:"";const U={"f-cell":!0,[t.OBJ]:!!R,[V+"-cell"]:!0,[n.wrapperClass]:!!n.wrapperClass,[n.density]:!(!n.density||V===c.BAR),[Y]:!!Y,"c-input-uppercase":g(I),"c-input-lowercase":j(I),"monospace c-pre":null===(k=I.data)||void 0===k?void 0:k.legacyLook};let W=L;I.data&&0!==Object.keys(I.data).length||function(e,n){function a(e){return e.toUpperCase().startsWith("SHAPE;BAR")}function o(e){return e.toUpperCase().startsWith("SHAPE;")}function t(e){return e.toUpperCase().startsWith("BCOLOR;")}function l(e){return e.toUpperCase().startsWith("HEIGHT;")}function i(e){return e.toUpperCase().startsWith("SEP;")||e.toUpperCase().startsWith("DIV;")||e.toUpperCase().startsWith("ARW;")||e.toUpperCase().startsWith("GRID;")}function r(e){const n={},c=e.split("\\\\"),r=[];for(const e of c){if(e){if(i(e))return null;if(o(e)){if(!a(e))return null;{const a=e.split(";");if(3===a.length){const e=a[2].replace(",",".");isNaN(parseFloat(e))||(n.width=`${e}%`)}}}else if(t(e));else if(l(e)){const a=e.substring(7).replace(",",".");isNaN(parseFloat(a))||(n.height=`${a}%`)}else r.push(s(e,n))}return r.length?r:null}function s(e,n){const a=Object.assign({},n),o=e.split(";");if(o.length>=1){const e=/R(\d+)G(\d+)B(\d+)/.exec(o[0]);if(e){const[,n,o,t]=e;isNaN(parseInt(n,10))||isNaN(parseInt(o,10))||isNaN(parseInt(t,10))||(a.color=`rgb(${parseInt(n)},${parseInt(o)},${parseInt(t)})`)}if(o.length>=2){const e=o[1].replace(",",".");isNaN(parseFloat(e))||(a.width=`${e}%`)}}return a}}n.data={};switch(e){case c.CHECKBOX:case c.SWITCH:n.data.checked="1"===n.value;break;case c.BAR:o(n.value)?(n.data.isCanvas=!0,n.data.resource=n.value):n.data.data=function(e){if(!e)return null;const n=e.split("\\\\AND\\"),a=[];for(const e of n){const n=r(e);if(!n)return null;a.push(...n)}return a}(n.value);break;case c.BUTTON:n.data.label=n.value;break;case c.CHART:Object.assign(n.data,{sizeX:"100px",sizeY:"100px",offlineMode:{value:n.value,shape:"pie"}});break;case c.BUTTON_LIST:case c.CHIP:case c.MULTI_AUTOCOMPLETE:case c.MULTI_COMBOBOX:case c.RADIO:(()=>{var e;const a=null===(e=n.value)||void 0===e?void 0:e.split(";");if(""===(null==a?void 0:a[a.length-1].trim())&&a.pop(),a&&a.length){n.data.data=[];for(let e of a)n.data.data.push({id:e,value:e})}})();break;case c.COLOR_PICKER:n.data.initialValue=n.value;break;case c.GAUGE:case c.KNOB:case c.PROGRESS_BAR:case c.RATING:n.data.value=parseInt(n.value);break;case c.ICON:case c.IMAGE:n.data.resource=n.value}}(V,I);const P=Object.assign(Object.assign(Object.assign(Object.assign({},I.data),(null==I?void 0:I.icon)?{resource:I.icon}:{}),(null==I?void 0:I.placeholderIcon)?{placeholderResource:I.placeholderIcon}:{}),G?{sizing:G}:{});K&&a.includes(V)?(I.data.showMarker=null!==(f=I.tooltip)&&void 0!==f&&f,W=function(n,a,o,l,i){var r,s,u,k,f,m,g,j,O,x,y,C,I,A;switch(n){case c.AUTOCOMPLETE:return e("kup-autocomplete",Object.assign({key:l.name+i.row.id,initialValue:o.value,initialValueDecode:o.decode},o.data,{class:le(i)?"kup-full-width":"","onkup-autocomplete-change":e=>te(e,i,n,h.UPDATE),"onkup-autocomplete-input":e=>te(e,i,n,h.INPUT),"onkup-autocomplete-iconclick":e=>te(e,i,n,h.ICON_CLICK),"onKup-autocomplete-blur":e=>te(e,i,n,h.BLUR),"onKup-autocomplete-itemclick":e=>te(e,i,n,h.ITEMCLICK)}));case c.CHECKBOX:return ce(i)&&(a[t.C_CENTERED]=!0),o.shape===d.INPUT_CHECKBOX?e("input",{checked:"on"===o.value.toLowerCase()||"1"===o.value,class:"input-checkbox",onChange:e=>te(e,i,n,h.UPDATE),type:"checkbox",onBlur:e=>te(e,i,n,h.BLUR)}):e(w,Object.assign({},o.data,{onChange:e=>te(e,i,n,h.UPDATE),onBlur:e=>te(e,i,n,h.BLUR)}));case c.CHIP:return e("kup-chip",Object.assign({},o.data,{type:_.INPUT,enableInput:!0,"onKup-chip-change":e=>te(e,i,n,h.UPDATE)}),e("kup-text-field",Object.assign({fullWidth:!0,slot:"field"},o.slotData,{error:o.data.error,"onKup-textfield-blur":e=>te(e,i,n,h.BLUR)})));case c.COLOR_PICKER:return e("kup-color-picker",Object.assign({key:l.name+i.row.id,initialValue:o.value},o.data,{class:le(i)?"kup-full-width":"",disabled:!1,"onkup-colorpicker-change":e=>te(e,i,n,h.UPDATE)}));case c.COMBOBOX:return e("kup-combobox",Object.assign({key:l.name+i.row.id,initialValue:o.value,initialValueDecode:o.decode},o.data,{class:le(i)?"kup-full-width":"","onkup-combobox-change":e=>te(e,i,n,h.UPDATE),"onkup-combobox-input":e=>te(e,i,n,h.INPUT),"onkup-combobox-iconclick":e=>te(e,i,n,h.ICON_CLICK),"onKup-combobox-blur":e=>te(e,i,n,h.BLUR),"onKup-combobox-itemclick":e=>te(e,i,n,h.ITEMCLICK)}));case c.DATE:return e("kup-date-picker",Object.assign({key:l.name+i.row.id,initialValue:o.value},o.data,{class:le(i)?"kup-full-width":"","onkup-datepicker-change":e=>te(e,i,n,h.UPDATE),"onkup-datepicker-input":e=>te(e,i,n,h.INPUT),"onKup-datepicker-blur":e=>te(e,i,n,h.BLUR),"onkup-datepicker-textfieldsubmit":e=>te(e,i,n,h.UPDATE)}));case c.EDITOR:const B=e=>{"Enter"!==e.key||e.ctrlKey?("Enter"===e.key&&e.ctrlKey||/^F[1-9]|F1[0-2]$/.test(e.key))&&te(e,i,n,h.UPDATE):e.stopPropagation()};return e(F,Object.assign({},o.data,{textArea:!0,sizing:b.EXTRA_LARGE,label:l.title,fullWidth:!!le(i),maxLength:o.data.maxLength,value:o.value,onChange:e=>{te(e,i,n,h.UPDATE)},onInput:e=>{var a,t;null===(t=null===(a=o.data)||void 0===a?void 0:a.onInput)||void 0===t||t.call(a,e),te(e,i,n,h.INPUT)},onBlur:e=>te(e,i,n,h.BLUR),onKeyDown:B}));case c.FILE_UPLOAD:return e("kup-file-upload",Object.assign({"onKup-file-upload-change":e=>te(e,i,n,h.UPDATE)},o.data));case c.MULTI_AUTOCOMPLETE:return e("kup-chip",Object.assign({displayMode:null!==(r=o.data.displayMode)&&void 0!==r?r:v.DESCRIPTION},o.data,{label:null!==(u=null===(s=o.slotData)||void 0===s?void 0:s.label)&&void 0!==u?u:"",type:_.INPUT,enableInput:!0,"onKup-chip-change":e=>te(e,i,n,h.UPDATE)}),e("kup-autocomplete",{class:"kup-full-width",slot:"field",displayMode:v.CODE_AND_DESC,sizing:b.EXTRA_SMALL,"onKup-autocomplete-blur":e=>te(e,i,n,h.BLUR),"onkup-autocomplete-input":e=>te(e,i,n,h.INPUT),"onkup-autocomplete-iconclick":e=>te(e,i,n,h.ICON_CLICK),data:null===(k=o.slotData)||void 0===k?void 0:k.data,initialValue:null===(f=o.slotData)||void 0===f?void 0:f.initialValue,showDropDownIcon:null===(m=o.slotData)||void 0===m?void 0:m.showDropDownIcon,style:null===(g=o.slotData)||void 0===g?void 0:g.style,disabled:null===(j=o.slotData)||void 0===j?void 0:j.disabled,id:null===(O=o.slotData)||void 0===O?void 0:O.id,error:o.data.error,showMarker:null!==(x=o.tooltip)&&void 0!==x&&x,listDisplayMode:o.data.listDisplayMode}));case c.MULTI_COMBOBOX:return e("kup-chip",Object.assign({displayMode:null!==(y=o.data.displayMode)&&void 0!==y?y:v.DESCRIPTION},o.data,{type:_.INPUT,enableInput:!0,"onKup-chip-change":e=>te(e,i,n,h.UPDATE)}),e("kup-combobox",Object.assign({class:"kup-full-width",slot:"field",displayMode:v.CODE_AND_DESC,sizing:b.EXTRA_SMALL,"onKup-combobox-blur":e=>te(e,i,n,h.BLUR),"onkup-combobox-input":e=>te(e,i,n,h.INPUT),"onkup-combobox-iconclick":e=>te(e,i,n,h.ICON_CLICK)},o.slotData,{error:o.data.error,showMarker:null!==(C=o.tooltip)&&void 0!==C&&C})));case c.RADIO:return e(E,Object.assign({},o.data,{disabled:!1,onChange:(e,a)=>{const t=o.data.data;for(let n=0;n<t.length;n++){t[n].checked=n===e}te(a,i,n,h.UPDATE)},onBlur:e=>te(e,i,n,h.BLUR)}));case c.RATING:return e("kup-rating",Object.assign({key:l.name+i.row.id},o.data,{disabled:!1,"onkup-rating-click":e=>te(e,i,n,h.UPDATE)}));case c.SWITCH:return e(D,Object.assign({},o.data,{disabled:!1,onChange:e=>te(e,i,n,h.UPDATE),onBlur:e=>te(e,i,n,h.BLUR)}));case c.TIME:return e("kup-time-picker",Object.assign({key:l.name+i.row.id,initialValue:o.value},o.data,{class:le(i)?"kup-full-width":"","onkup-timepicker-change":e=>te(e,i,n,h.UPDATE),"onkup-timepicker-input":e=>te(e,i,n,h.INPUT),"onKup-timepicker-blur":e=>te(e,i,n,h.BLUR)}));case c.OBJECT:return e($,{cell:o,column:i.column,row:i.row,inputValue:o.value,onChange:e=>te(e,i,n,h.UPDATE)});case c.NUMBER:a[t.C_RIGHT_ALIGNED]=!0;case c.LINK:case c.MEMO:case c.STRING:const N=e=>te(e,i,n,h.UPDATE),z=e=>{var a,t;null===(t=null===(a=o.data)||void 0===a?void 0:a.onInput)||void 0===t||t.call(a,e),te(e,i,n,h.INPUT)},R=e=>{var a,t,l;null===(t=null===(a=o.data)||void 0===a?void 0:a.onKeyDown)||void 0===t||t.call(a,e);const r="MEMO"===o.shape||(null===(l=o.data)||void 0===l?void 0:l.maxLength)>=256||n===c.MEMO,s="Enter"===e.key&&e.ctrlKey;r&&"Enter"===e.key&&!e.ctrlKey?e.stopPropagation():(s||/^F[1-9]|F1[0-2]$/.test(e.key))&&te(e,i,n,h.UPDATE)},K=n===c.NUMBER?"number":null;if(o.shape===d.INPUT_FIELD){const a=n===c.NUMBER&&o.value?p(l,o):o.value;return e("input",{class:"input-field",onChange:N,onInput:z,onKeyDown:R,type:K,value:a,maxLength:null!==(A=null===(I=l.cellData)||void 0===I?void 0:I.maxLength)&&void 0!==A?A:-1})}{const a=!!o.shape&&o.shape===d.MEMO||!!n&&n===c.MEMO||o.data.maxLength>=256;return e(F,Object.assign({},o.data,{textArea:a,sizing:o.data.sizing?o.data.sizing:a?b.EXTRA_LARGE:b.SMALL,inputType:K,fullWidth:!!le(i),maxLength:n==c.NUMBER&&(i.column.decimals&&i.column.decimals>0||i.column.group)||i.column.integers&&i.column.integers>0?-1:o.data.maxLength,icon:o.data&&o.data.icon?o.data.icon:o.icon?o.icon:l.icon?l.icon:null,decimals:i.column.decimals,integers:i.column.integers,group:i.column.group,value:o.value,label:l.title,onChange:N,onInput:z,onKeyDown:R,onIconClick:e=>te(e,i,n,h.ICON_CLICK),onBlur:e=>te(e,i,n,h.BLUR)}))}}}(V,U,I,B,n)):I.data&&o.includes(V)?(n.setSizes&&function(e,n,a){switch(e){case c.BAR:n.sizeY||(n.sizeY="26px");break;case c.BUTTON:let e="";n.label&&(e="36px"),a.style?a.style.height||(a.style.minHeight=e):a.style={minHeight:e};break;case c.CHART:n.sizeX||(n.sizeX="100%"),n.sizeY||(n.sizeY="100%");break;case c.CHIP:a.style?a.style.height||(a.style.minHeight="18px"):a.style={minHeight:"18px"};break;case c.RADIO:a.style?a.style.height||(a.style.minHeight="40px"):a.style={minHeight:"40px"}}}(V,P,I),W=n.renderKup?function(n,a,o,l,i,r,s){switch(n){case c.BAR:return o.data?e("div",{style:{height:o.sizeY,width:"100%"}},e(C,Object.assign({},o))):e("kup-image",Object.assign({key:r.name+s.row.id,sizeX:"250px"},o));case c.BUTTON:ce(s)&&(a[t.C_CENTERED]=!0);const u=Object.assign({label:l.value,icon:l.icon,placeholderIcon:l.placeholderIcon,title:r.title},o);return e(x,Object.assign({},u,{onClick:e=>te(e,s,n,h.CLICK)}));case c.BUTTON_LIST:return ce(s)&&(a[t.C_CENTERED]=!0),o["data-storage"]={cell:l,row:i,column:r},e("kup-button-list",Object.assign({key:r.name+s.row.id},o));case c.CHART:return ce(s)&&(a[t.C_CENTERED]=!0),e("kup-chart",Object.assign({key:r.name+s.row.id},o));case c.MULTI_AUTOCOMPLETE:case c.MULTI_COMBOBOX:case c.CHIP:return e(y,Object.assign({},o));case c.COLOR_PICKER:return e("kup-color-picker",Object.assign({key:r.name+s.row.id},o,{class:le(s)?"kup-full-width":"",disabled:!0}));case c.GAUGE:return e("kup-gauge",Object.assign({key:r.name+s.row.id,value:T.ketchup.math.numberifySafe(l.value),"width-component":"280px"},o));case c.KNOB:case c.PROGRESS_BAR:return e("kup-progress-bar",Object.assign({key:r.name+s.row.id},o,{value:T.ketchup.math.numberifySafe(l.value)}));case c.RADIO:return ce(s)&&(a[t.C_CENTERED]=!0),o.disabled=i.readOnly,e(E,Object.assign({},o));case c.RATING:return e(A,Object.assign({},o,{disabled:!0}));case c.OBJECT:return e(F,Object.assign({icon:"table"},o,{disabled:!0}))}}(V,U,P,I,N,B,n):e("span",{class:"cell-"+V+" placeholder"})):(n.setSizes&&function(e,n,a,o){var t;switch(e){case c.CHECKBOX:case c.ICON:n.sizeX||(n.sizeX="18px"),n.sizeY||(n.sizeY="18px"),a.style?a.style.height||(a.style.minHeight=n.sizeY):a.style={minHeight:n.sizeY};break;case c.IMAGE:const e=(null===(t=o.cell)||void 0===t?void 0:t.value)||"",l=e.indexOf(".")>-1||e.indexOf("/")>-1||e.indexOf("\\")>-1;o.component.rootElement.tagName!==u.DATA_TABLE||l||(n.sizeX||n.sizeY?(n.sizeX||(n.sizeX="100%",n.wrapperClass="noWidth"),n.sizeY||(n.sizeY="auto")):(n.sizeX="100%",n.sizeY="64px",n.wrapperClass="noWidth")),o.component.rootElement.tagName===u.BOX?(n.sizeY||(n.sizeY="auto"),void 0===n.fit&&(n.fit=!0)):n.sizeX||(n.sizeX="auto"),n.sizeY||(n.sizeY="64px")}}(V,P,I,n),U[t.INDICATOR_TOPRIGHT]=null!==(O=I.tooltip)&&void 0!==O&&O,W=function(n,a,o,l,i,r,s){switch(n){case c.AUTOCOMPLETE:case c.COMBOBOX:return o&&""!=o?e("div",{class:"f-cell__text"},m(i,o," - ")):o;case c.DATE:case c.DATETIME:case c.TIME:if(o&&""!=o){const n=p(r,i);return e("div",{class:"f-cell__text"},n)}return o;case c.CHECKBOX:return ce(s)&&(l[t.C_CENTERED]=!0),e(C,{resource:a.checked?"check_box":"check_box_outline_blank",sizeX:"18px",sizeY:"18px"});case c.EDITOR:case c.MEMO:return e("div",{innerHTML:i.value});case c.ICON:case c.IMAGE:return ce(s)&&(l[t.C_CENTERED]=!0),a.badgeData&&(l[t.C_PADDED]=!0),e(C,Object.assign({},a));case c.LINK:return e("a",{href:o,target:"_blank"},i.value);case c.NUMBER:if(o&&""!=o){const n=T.ketchup.math.numberifySafe(i.value),a=p(r,i);return!Boolean(i.style&&i.style.color)&&n<0&&(l[t.TEXT_DANGER]=!0),ce(s)&&(l[t.C_RIGHT_ALIGNED]=!0),e("div",{class:"f-cell__text"},a)}return e("div",{class:"f-cell__text"},o);case c.SWITCH:return ce(s)&&(l[t.C_CENTERED]=!0),a.disabled=!0,e(D,Object.assign({},a));case c.LABEL:return e(M,{text:i.value,classes:"f-cell__text"});case c.IMAGE_LIST:const u=i.data.data.find((e=>e.value===i.value))||null;return e("kup-image-list",Object.assign({ripple:!0},i.data,{"onKup-imagelist-click":e=>te(e,s,n,h.UPDATE),activeNode:u}));default:return e("div",{class:"f-cell__text"},i.data.displayMode?m(i,o,"-"):o)}}(V,P,W,U,I,B,n));let Z=null;!K&&(B.icon||I.icon)&&W&&V!=c.BUTTON&&V!=c.BUTTON_LIST&&V!=c.IMAGE&&V!=c.ICON&&(Z=e(C,Object.assign({},{color:`rgba(var(${l.TEXT}-rgb), 0.375)`,resource:I.icon?I.icon:B.icon,placeholderResource:I.placeholderIcon?I.placeholderIcon:B.placeholderIcon,sizeX:"1.25em",sizeY:"1.25em",wrapperClass:"obj-icon"})));let q=null;T.ketchup.debug.isDebug()&&R?q=I.obj.t+"; "+I.obj.p+"; "+I.obj.k+";":null!=I.title&&""!=I.title.trim()&&(q=I.title);let J=null;if(I.info){const n=Object.assign({},I.info);n.color||(n.color=`var(${l.INFO})`),n.icon||(n.icon="info"),J=e(C,Object.assign({},{color:n.color,resource:n.icon,placeholderResource:n.placeholderIcon,sizeX:"1.25em",sizeY:"1.25em",title:n.message?n.message:"",wrapperClass:"cell-info"}))}if(n.component.rootElement.tagName===u.INPUT_PANEL&&I.style){if(I.style.backgroundColor){const e=I.style.backgroundColor;I.style.backgroundColor="",I.style["--kup-textfield-background-color"]=e}if(I.style.color){const e=I.style.color;I.style.color="",I.style["--kup-textfield-color"]=e}}return e("div",{onKeyUp:e=>te(e,n,V,h.KEYUP),class:U,"kup-get-cell-props":()=>n,ref:e=>I.element=e,style:I.style},e("div",{class:"f-cell__content",style:I.styleContent,title:q,onMouseEnter:e=>H(e,n,V),onMouseLeave:e=>S(e)},i&&i.length>0?i:[n.indents,J,Z,W]))},H=(e,n,a)=>{var o;if(n.cellActionIcon){const t=e.currentTarget,l=document.createElement("kup-image");l.resource="more_vert",l.sizeX="16px",l.sizeY="16px",l.tabIndex=0,l.className="f-cell__iconfunction "+(a===c.NUMBER?"left":"right"),(null===(o=n.cellActionIcon)||void 0===o?void 0:o.onClick)&&l.addEventListener("click",n.cellActionIcon.onClick),t.appendChild(l)}},S=e=>{const n=e.currentTarget.querySelector("kup-image");n&&n.remove()},X=(e,n)=>{var a;if(!e)return null;const o=e.options,t=(null===(a=e.data)||void 0===a?void 0:a.hasOwnProperty("label"))?e.data.label:n.title,l=e.value,i=T.ketchup.data.cell.getType(e,e.shape),r=new Map([[c.BUTTON_LIST,W.bind(void 0)],[c.STRING,P.bind(void 0)],[c.RADIO,Z.bind(void 0)],[c.AUTOCOMPLETE,q.bind(void 0)],[c.COMBOBOX,q.bind(void 0)],[c.CHECKBOX,U.bind(void 0)],[c.OBJECT,Y.bind(void 0)],[c.CHIP,G.bind(void 0)],[c.FILE_UPLOAD,J.bind(void 0)]]).get(i);return r?r(o,t,l,e):null},G=(e,n,a,o)=>{var t;return(null===(t=o.data)||void 0===t?void 0:t.data)?Object.assign({},o.data):i(o.value,o.decode)},Y=(e,n,a,o)=>Object.assign(Object.assign({},o.data),{data:{initialValue:a||"",label:n||"",value:a||""}}),U=(e,n,a,o)=>Object.assign(Object.assign({},o.data),{checked:"on"===a||"1"===a,label:n}),W=(e,n,a,o)=>({data:[Object.assign(Object.assign({},o.data),{icon:o.icon,placeholderIcon:o.placeholderIcon,value:a})]}),P=(e,n,a,o)=>{var t;return Object.assign(Object.assign(Object.assign({},o.data),{label:n}),(null===(t=o.data)||void 0===t?void 0:t.maxLength)&&{textArea:o.data.maxLength>=256})},Z=(e,n,a,o)=>{var t,c,l;const i=r(a,e);return Object.assign(Object.assign(Object.assign({},o.data),i),{data:Array.from(new Map([...null!==(c=null===(t=o.data)||void 0===t?void 0:t.data)&&void 0!==c?c:[],...null!==(l=i.data)&&void 0!==l?l:[]].map((e=>[e.value,e]))).values())})},q=(e,n,a,o)=>{if(e){const t=s(a,n,[],o.data);return t.data["kup-list"].data=Q(e,a),o.data?Object.assign(Object.assign({},t),o.data):t}},J=(e,n,a,o)=>Object.assign(Object.assign({},o.data),{pathString:a}),Q=(e,n)=>{const a=oe.get(e.type);return a?a(e,n):e.map((e=>({value:e.label,id:e.id,selected:n===e.id})))},ee=(e,n)=>e.children.map((e=>{var a;return{id:e.content.codice,value:e.content.testo,selected:n===e.content.codice,children:(null===(a=e.children)||void 0===a?void 0:a.length)?ee(e,n):[]}})),ne=(e,n)=>e.children.map((e=>{var a;return{id:e.obj.k,value:e.value,selected:n===e.obj.k,children:(null===(a=e.children)||void 0===a?void 0:a.length)?ne(e,n):[]}})),ae=(e,n)=>e.rows.map((e=>{var a;const o=e.fields||e.cells,[t,c]=Object.keys(o);return{id:o[t].value,value:(null===(a=o[c])||void 0===a?void 0:a.value)||o[t].value,selected:n===o[t].value}})),oe=new Map([["SmeupTreeNode",ee.bind(void 0)],["SmeupDataTree",ne.bind(void 0)],["SmeupTable",ae.bind(void 0)],["SmeupDataTable",ae.bind(void 0)]]);function te(e,n,a,o){var t,l,i,r,s,u,d,b;const k=n.cell,v=n.column,f=n.component,m=n.row;if(o===h.UPDATE){let n=function(e,n){var a;const o=!("INPUT"!==e.target.tagName&&"TEXTAREA"!==e.target.tagName);let t=o?e.target.value:e.detail.value;return n===c.CHECKBOX&&o&&(t=e.target.checked?"off":"on"),n===c.DATE&&o&&(t=null===(a=e.detail)||void 0===a?void 0:a.value),n===c.NUMBER&&o&&(t=T.ketchup.math.formattedStringToNumberString(t,"")),t}(e,a);switch(g(k)?n=null==n?void 0:n.toUpperCase():j(k)&&(n=null==n?void 0:n.toLowerCase()),a){case c.AUTOCOMPLETE:k.decode=null===(l=null===(t=e.detail)||void 0===t?void 0:t.node)||void 0===l?void 0:l.value,k.data&&(k.data.initialValue=n,k.data.initialValueDecode=null===(r=null===(i=e.detail)||void 0===i?void 0:i.node)||void 0===r?void 0:r.value);break;case c.COMBOBOX:k.decode=null===(u=null===(s=e.detail)||void 0===s?void 0:s.node)||void 0===u?void 0:u.value;case c.DATE:case c.TIME:k.data&&(k.data.initialValue=n);break;case c.CHECKBOX:case c.SWITCH:n="on"===n.toLowerCase()?"0":"1",k.data&&(k.data.checked="0"!==n);break;case c.RADIO:if(k.data.data){const e=k.data.data.find((e=>e.checked));e&&(n=e.value)}break;case c.CHIP:case c.MULTI_AUTOCOMPLETE:case c.MULTI_COMBOBOX:n=e.detail.stringifiedValues,k.data&&(k.data.data=e.detail.comp.data);break;case c.IMAGE_LIST:const a=e.detail.details.cell.obj;n=(null==a?void 0:a.k)?a.k:e.detail.details.cell.value}k.obj&&(k.obj.k=null==n?void 0:n.toString()),k.value=null==n?void 0:n.toString(),k.displayedValue=null,k.displayedValue=p(v,k)}if(f&&f.rootElement){const n=new CustomEvent(o,{bubbles:!0,cancelable:!0,composed:!0,detail:{comp:f,id:f.rootElement.id,cell:k,column:v,event:e,row:m,type:a,inputValue:(null===(b=null===(d=k.element)||void 0===d?void 0:d.querySelector("input"))||void 0===b?void 0:b.value)||null}});if(f.rootElement.dispatchEvent(n),o===h.UPDATE)try{f.refresh()}catch(e){T.ketchup.debug.logMessage(f,e,O.ERROR)}}}function ce(e){var n;return f.includes(null===(n=e.component)||void 0===n?void 0:n.rootElement.tagName)}function le(e){var n;return k.includes(null===(n=e.component)||void 0===n?void 0:n.rootElement.tagName)}export{V as F,E as a,A as b,B as c,D as d,M as e}
1
+ import{h as e,F as n}from"./p-710d0a7d.js";import{aq as a,ar as o,R as t,ad as c,f as l,ao as i,am as r,al as s,as as u,F as d,ai as p,a as b,at as k,I as v,au as f,av as m,aw as h,ax as g,ay as j,h as O}from"./p-f8aefe67.js";import{F as x}from"./p-ff735e62.js";import{F as w}from"./p-ef3112d4.js";import{F as _,d as y}from"./p-93dcbb39.js";import{F as C}from"./p-cc9db65d.js";import{F as $}from"./p-87d242df.js";import{F}from"./p-6bf3ff2f.js";var I;!function(e){e.RADIO="radio",e.CHEVRON="chevron"}(I||(I={}));const E=a=>{var o;const t=a.horizontal||"lineDirection"==a.RadLay,c=!!a.columns,l=[],i=a.type||I.RADIO;for(let t=0;t<(null===(o=a.data)||void 0===o?void 0:o.length);t++){const o=a.data[t],c={radio:!0,"radio--checked":!!o.checked,"radio--disabled":!!a.disabled,[`radio--${a.type}`]:!!a.type};l.push(e("div",{class:`form-field \n ${a.leadingLabel?" form-field--align-end":""} ${a.disabled?"radio--disabled":""} ${i===I.CHEVRON?"form--chevron":""}`,onClick:a.onChange?a.onChange.bind(a.onChange,t):null},e("div",{class:c},i===I.RADIO?e("input",{class:"radio__native-control",type:"radio",name:"radio-element",value:o.value,checked:o.checked,disabled:a.disabled,onBlur:a.onBlur,onChange:e=>{a.onChange&&a.onChange(t,e),e.stopPropagation()},onFocus:a.onFocus}):e(n,null,e(C,o.checked?{resource:"check",sizeX:"14px",sizeY:"14px"}:{sizeX:"14px",sizeY:"14px",onClick:e=>{a.onChange&&a.onChange(t,e),e.stopPropagation()}})),i===I.RADIO&&e("div",{class:"radio__background"},e("div",{class:"radio__outer-circle"}),e("div",{class:"radio__inner-circle"}))),e("div",{class:"label-wrapper",onClick:e=>{a.onChange&&a.onChange(t,e),e.stopPropagation()}},i===I.CHEVRON&&e(C,{resource:o.icon,sizeX:"14px",sizeY:"14px"}),e("label",{htmlFor:"radio-element"},o.label?o.label:""),o.shortcutLabel&&e("div",{class:"shortcut"},o.shortcutLabel))))}return e("div",{class:`f-radio radio-wrapper\n ${c?"radio-wrapper-grid":""} ${a.danger?"kup-danger":""} ${a.info?"kup-info":""} ${a.secondary?"kup-secondary":""} ${a.success?"kup-success":""} ${a.warning?"kup-warning":""} ${a.wrapperClass?a.wrapperClass:""} ${t?"kup-horizontal":""}`,style:{"--kup_radio_columns":c?`repeat(${a.columns}, 1fr)`:""}},l)},A=n=>(n.maxValue||(n.maxValue=5),e("div",{class:`f-rating ${n.disabled?"disabled":""} ${n.danger?"kup-danger":""} ${n.info?"kup-info":""} ${n.secondary?"kup-secondary":""} ${n.success?"kup-success":""} ${n.warning?"kup-warning":""} ${n.wrapperClass?n.wrapperClass:""}`},function(n){const a=[];for(let o=1;o<=n.maxValue;o++)a.push(e("span",{class:"rating",onClick:n.onClick?n.onClick.bind(n.onClick,o):null},o<=n.value?"★":"☆"));return a}(n)));var B;!function(e){e.SMALL="small",e.MEDIUM="medium"}(B||(B={}));const D=n=>{n.sizing||(n.sizing=B.MEDIUM),n.sizing.toLowerCase();const a={switch:!0,"switch--checked":n.checked,"switch--disabled":n.disabled,[`switch--${n.sizing}`]:!!n.sizing};return e("div",Object.assign({class:`f-switch ${n.danger?"kup-danger":""} ${n.info?"kup-info":""} ${n.secondary?"kup-secondary":""} ${n.success?"kup-success":""} ${n.warning?"kup-warning":""} ${n.wrapperClass?n.wrapperClass:""}`},n.dataSet,{id:n.id,title:n.title}),e("div",{class:"form-field "+(n.leadingLabel?"form-field--align-end":"")},e("div",{class:a},e("div",{class:"switch__track"}),e("div",{class:"switch__thumb-underlay"},e("div",{class:"switch__thumb"},e("input",{type:"checkbox",class:"switch__native-control",role:"switch",checked:n.checked,disabled:n.disabled,value:n.checked?"on":"off",onBlur:n.onBlur,onChange:n.onChange,onFocus:n.onFocus})))),e("label",{onClick:n.onChange},n.label)))},N={"*BOLD":"font-weight: bold; !important;","*ERROR":"color: white !important; background: red !important;","*UNDERLINE":"text-decoration: underline !important;","*ITALIC":"font-style: italic !important;"};function z(e){let n;switch(e){case"0":n="color: #000000 !important;";break;case"1":n="color: #6C7A89 !important;";break;case"2":n="color: #3A539B !important;";break;case"3":n="color: var(--kup-danger-color-60) !important;";break;case"4":n="color: #C0C0C0 !important;";break;case"5":n="color: #FFFFFF !important;";break;case"6":n="color: var(--kup-success-color-60) !important;";break;case"7":n="color: #9B59B6 !important;";break;default:n=""}return n}function R(e){let n;switch(e){case"1":n="font-weight: bold !important;";break;case"2":n="font-style: italic !important;";break;case"3":n="text-decoration: underline !important;";break;default:n=""}return n}function K(e){let n;switch(e){case"0":n="background: transparent;";break;case"1":n="background: #D5ECF7;";break;case"2":n="background: #59ABE3;";break;case"3":n="background: #446CB3;";break;case"4":n="background: #9B59B6;";break;case"5":n="background: #F1A9A0;";break;case"6":n="background: #E74C3C;";break;case"7":n="background: #CF000F;";break;case"8":n="background: #C0392B;";break;case"9":n="background: #95A5A6;";break;case"A":n="background: #F5D76E;";break;case"B":case"C":n="background: #F7CA18;";break;case"D":n="background: #F39C12;";break;case"E":n="background: #90C695;";break;case"F":n="background: #26A65B;";break;case"G":n="background: #019875;";break;case"H":n="background: #36D7B7;";break;default:n=""}return n}function L(e){let n;switch(e){case"1":n='font-family: "Courier New", Courier, monospace !important;';break;case"2":n='font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif !important;';break;case"3":n="font-family: Arial, Helvetica, sans-serif !important;";break;default:n=""}return n}const M=({text:n,classes:a})=>{const o=function(e){const n=[];let a=null;return function(e,n){const a=/((_G\d{2}[A-Z0-9]\d{2}_|_G\*(BOLD|ERROR|ITALIC|UNDERLINE)_)|_n_)/g;let o,t=0;for(;null!==(o=a.exec(e));)o.index>t&&n.onContent(e.slice(t,o.index)),"_n_"===o[1]?n.onEndTag(o[1]):n.onStartTag(o[2]),t=a.lastIndex;t<e.length&&n.onContent(e.slice(t))}(e,{onStartTag(e){(null==a?void 0:a.tag)&&(a.closed=!0),n.push(a={tag:e,content:""})},onEndTag(e){a?a.tag?(a.closed=!0,a=null):this.onContent(e):n.push(a={content:e})},onContent(e){a?a.content+=e:n.push(a={content:e})}}),a&&a.tag&&(a.closed=!0),n}(n);return e("span",{class:a},o.find((e=>void 0!==e.tag))?function(n){return n.map((n=>{var a,o;const t=function(e){const n=function(e){let n="";if((null==e?void 0:e.match(/\d{2}[A-Z0-9]\d{2}|\*(BOLD|ERROR|ITALIC|UNDERLINE)/))&&(n=N[e],!n)){n="";for(let a=0;a<e.length;a++)switch(a){case 0:n+=z(e.charAt(a));break;case 1:n+=R(e.charAt(a));break;case 2:n+=K(e.charAt(a));break;case 3:n+=L(e.charAt(a))}}return n}(e);return n.split(";").filter((e=>e.trim())).reduce(((e,n)=>{const[a,o]=n.split(":").map((e=>e.trim()));if(a&&o){const n=o.replace(/!important/g,"").trim();e[a.replace(/-([a-z])/g,((e,n)=>n.toUpperCase()))]=n}return e}),{})}(null===(a=n.tag)||void 0===a?void 0:a.replace(/[_]/g,"").slice(1));return n.closed?e("span",{style:t},n.content):e("span",null,`${null!==(o=n.tag)&&void 0!==o?o:""}${n.content}`)}))}(o):n)},T=document.documentElement,V=(n,i)=>{var r,s,k,f,O;const I=n.cell,B=n.column,N=n.row,z=n.shape?n.shape:I.shape?I.shape:B.shape?B.shape:null,R=!T.ketchup.objects.isEmptyKupObj(I.obj);let K=!1;I.hasOwnProperty("isEditable")?K=I.isEditable:B.hasOwnProperty("isEditable")&&(K=B.isEditable),K=K&&n.editable,I.data=null!==(r=X(I,B))&&void 0!==r?r:I.data;const L=n.previousValue!==I.value?I.value:"",V=T.ketchup.data.cell.getType(I,z),G="extra_dense"===n.density?"extra-small":null===(s=I.data)||void 0===s?void 0:s.sizing;let Y=I.cssClass?I.cssClass:(null==B?void 0:B.cssClass)?null==B?void 0:B.cssClass:"";const U={"f-cell":!0,[t.OBJ]:!!R,[V+"-cell"]:!0,[n.wrapperClass]:!!n.wrapperClass,[n.density]:!(!n.density||V===c.BAR),[Y]:!!Y,"c-input-uppercase":g(I),"c-input-lowercase":j(I),"monospace c-pre":null===(k=I.data)||void 0===k?void 0:k.legacyLook};let W=L;I.data&&0!==Object.keys(I.data).length||function(e,n){function a(e){return e.toUpperCase().startsWith("SHAPE;BAR")}function o(e){return e.toUpperCase().startsWith("SHAPE;")}function t(e){return e.toUpperCase().startsWith("BCOLOR;")}function l(e){return e.toUpperCase().startsWith("HEIGHT;")}function i(e){return e.toUpperCase().startsWith("SEP;")||e.toUpperCase().startsWith("DIV;")||e.toUpperCase().startsWith("ARW;")||e.toUpperCase().startsWith("GRID;")}function r(e){const n={},c=e.split("\\\\"),r=[];for(const e of c){if(e){if(i(e))return null;if(o(e)){if(!a(e))return null;{const a=e.split(";");if(3===a.length){const e=a[2].replace(",",".");isNaN(parseFloat(e))||(n.width=`${e}%`)}}}else if(t(e));else if(l(e)){const a=e.substring(7).replace(",",".");isNaN(parseFloat(a))||(n.height=`${a}%`)}else r.push(s(e,n))}return r.length?r:null}function s(e,n){const a=Object.assign({},n),o=e.split(";");if(o.length>=1){const e=/R(\d+)G(\d+)B(\d+)/.exec(o[0]);if(e){const[,n,o,t]=e;isNaN(parseInt(n,10))||isNaN(parseInt(o,10))||isNaN(parseInt(t,10))||(a.color=`rgb(${parseInt(n)},${parseInt(o)},${parseInt(t)})`)}if(o.length>=2){const e=o[1].replace(",",".");isNaN(parseFloat(e))||(a.width=`${e}%`)}}return a}}n.data={};switch(e){case c.CHECKBOX:case c.SWITCH:n.data.checked="1"===n.value;break;case c.BAR:o(n.value)?(n.data.isCanvas=!0,n.data.resource=n.value):n.data.data=function(e){if(!e)return null;const n=e.split("\\\\AND\\"),a=[];for(const e of n){const n=r(e);if(!n)return null;a.push(...n)}return a}(n.value);break;case c.BUTTON:n.data.label=n.value;break;case c.CHART:Object.assign(n.data,{sizeX:"100px",sizeY:"100px",offlineMode:{value:n.value,shape:"pie"}});break;case c.BUTTON_LIST:case c.CHIP:case c.MULTI_AUTOCOMPLETE:case c.MULTI_COMBOBOX:case c.RADIO:(()=>{var e;const a=null===(e=n.value)||void 0===e?void 0:e.split(";");if(""===(null==a?void 0:a[a.length-1].trim())&&a.pop(),a&&a.length){n.data.data=[];for(let e of a)n.data.data.push({id:e,value:e})}})();break;case c.COLOR_PICKER:n.data.initialValue=n.value;break;case c.GAUGE:case c.KNOB:case c.PROGRESS_BAR:case c.RATING:n.data.value=parseInt(n.value);break;case c.ICON:case c.IMAGE:n.data.resource=n.value}}(V,I);const P=Object.assign(Object.assign(Object.assign(Object.assign({},I.data),(null==I?void 0:I.icon)?{resource:I.icon}:{}),(null==I?void 0:I.placeholderIcon)?{placeholderResource:I.placeholderIcon}:{}),G?{sizing:G}:{});K&&a.includes(V)?(I.data.showMarker=null!==(f=I.tooltip)&&void 0!==f&&f,W=function(n,a,o,l,i){var r,s,u,k,f,m,g,j,O,x,y,C,I,A;switch(n){case c.AUTOCOMPLETE:return e("kup-autocomplete",Object.assign({key:l.name+i.row.id,initialValue:o.value,initialValueDecode:o.decode},o.data,{class:le(i)?"kup-full-width":"","onkup-autocomplete-change":e=>te(e,i,n,h.UPDATE),"onkup-autocomplete-input":e=>te(e,i,n,h.INPUT),"onkup-autocomplete-iconclick":e=>te(e,i,n,h.ICON_CLICK),"onKup-autocomplete-blur":e=>te(e,i,n,h.BLUR),"onKup-autocomplete-itemclick":e=>te(e,i,n,h.ITEMCLICK)}));case c.CHECKBOX:return ce(i)&&(a[t.C_CENTERED]=!0),o.shape===d.INPUT_CHECKBOX?e("input",{checked:"on"===o.value.toLowerCase()||"1"===o.value,class:"input-checkbox",onChange:e=>te(e,i,n,h.UPDATE),type:"checkbox",onBlur:e=>te(e,i,n,h.BLUR)}):e(w,Object.assign({},o.data,{onChange:e=>te(e,i,n,h.UPDATE),onBlur:e=>te(e,i,n,h.BLUR)}));case c.CHIP:return e("kup-chip",Object.assign({},o.data,{type:_.INPUT,enableInput:!0,"onKup-chip-change":e=>te(e,i,n,h.UPDATE)}),e("kup-text-field",Object.assign({fullWidth:!0,slot:"field"},o.slotData,{error:o.data.error,"onKup-textfield-blur":e=>te(e,i,n,h.BLUR)})));case c.COLOR_PICKER:return e("kup-color-picker",Object.assign({key:l.name+i.row.id,initialValue:o.value},o.data,{class:le(i)?"kup-full-width":"",disabled:!1,"onkup-colorpicker-change":e=>te(e,i,n,h.UPDATE)}));case c.COMBOBOX:return e("kup-combobox",Object.assign({key:l.name+i.row.id,initialValue:o.value,initialValueDecode:o.decode},o.data,{class:le(i)?"kup-full-width":"","onkup-combobox-change":e=>te(e,i,n,h.UPDATE),"onkup-combobox-input":e=>te(e,i,n,h.INPUT),"onkup-combobox-iconclick":e=>te(e,i,n,h.ICON_CLICK),"onKup-combobox-blur":e=>te(e,i,n,h.BLUR),"onKup-combobox-itemclick":e=>te(e,i,n,h.ITEMCLICK)}));case c.DATE:return e("kup-date-picker",Object.assign({key:l.name+i.row.id,initialValue:o.value},o.data,{class:le(i)?"kup-full-width":"","onkup-datepicker-change":e=>te(e,i,n,h.UPDATE),"onkup-datepicker-input":e=>te(e,i,n,h.INPUT),"onKup-datepicker-blur":e=>te(e,i,n,h.BLUR),"onkup-datepicker-textfieldsubmit":e=>te(e,i,n,h.UPDATE)}));case c.EDITOR:const B=e=>{"Enter"!==e.key||e.ctrlKey?("Enter"===e.key&&e.ctrlKey||/^F[1-9]|F1[0-2]$/.test(e.key))&&te(e,i,n,h.UPDATE):e.stopPropagation()};return e(F,Object.assign({},o.data,{textArea:!0,sizing:b.EXTRA_LARGE,label:l.title,fullWidth:!!le(i),maxLength:o.data.maxLength,value:o.value,onChange:e=>{te(e,i,n,h.UPDATE)},onInput:e=>{var a,t;null===(t=null===(a=o.data)||void 0===a?void 0:a.onInput)||void 0===t||t.call(a,e),te(e,i,n,h.INPUT)},onBlur:e=>te(e,i,n,h.BLUR),onKeyDown:B}));case c.FILE_UPLOAD:return e("kup-file-upload",Object.assign({"onKup-file-upload-change":e=>te(e,i,n,h.UPDATE)},o.data));case c.MULTI_AUTOCOMPLETE:return e("kup-chip",Object.assign({displayMode:null!==(r=o.data.displayMode)&&void 0!==r?r:v.DESCRIPTION},o.data,{label:null!==(u=null===(s=o.slotData)||void 0===s?void 0:s.label)&&void 0!==u?u:"",type:_.INPUT,enableInput:!0,"onKup-chip-change":e=>te(e,i,n,h.UPDATE)}),e("kup-autocomplete",{class:"kup-full-width",slot:"field",displayMode:v.CODE_AND_DESC,sizing:b.EXTRA_SMALL,"onKup-autocomplete-blur":e=>te(e,i,n,h.BLUR),"onkup-autocomplete-input":e=>te(e,i,n,h.INPUT),"onkup-autocomplete-iconclick":e=>te(e,i,n,h.ICON_CLICK),data:null===(k=o.slotData)||void 0===k?void 0:k.data,initialValue:null===(f=o.slotData)||void 0===f?void 0:f.initialValue,showDropDownIcon:null===(m=o.slotData)||void 0===m?void 0:m.showDropDownIcon,style:null===(g=o.slotData)||void 0===g?void 0:g.style,disabled:null===(j=o.slotData)||void 0===j?void 0:j.disabled,id:null===(O=o.slotData)||void 0===O?void 0:O.id,error:o.data.error,showMarker:null!==(x=o.tooltip)&&void 0!==x&&x,listDisplayMode:o.data.listDisplayMode}));case c.MULTI_COMBOBOX:return e("kup-chip",Object.assign({displayMode:null!==(y=o.data.displayMode)&&void 0!==y?y:v.DESCRIPTION},o.data,{type:_.INPUT,enableInput:!0,"onKup-chip-change":e=>te(e,i,n,h.UPDATE)}),e("kup-combobox",Object.assign({class:"kup-full-width",slot:"field",displayMode:v.CODE_AND_DESC,sizing:b.EXTRA_SMALL,"onKup-combobox-blur":e=>te(e,i,n,h.BLUR),"onkup-combobox-input":e=>te(e,i,n,h.INPUT),"onkup-combobox-iconclick":e=>te(e,i,n,h.ICON_CLICK)},o.slotData,{error:o.data.error,showMarker:null!==(C=o.tooltip)&&void 0!==C&&C})));case c.RADIO:return e(E,Object.assign({},o.data,{disabled:!1,onChange:(e,a)=>{const t=o.data.data;for(let n=0;n<t.length;n++){t[n].checked=n===e}te(a,i,n,h.UPDATE)},onBlur:e=>te(e,i,n,h.BLUR)}));case c.RATING:return e("kup-rating",Object.assign({key:l.name+i.row.id},o.data,{disabled:!1,"onkup-rating-click":e=>te(e,i,n,h.UPDATE)}));case c.SWITCH:return e(D,Object.assign({},o.data,{disabled:!1,onChange:e=>te(e,i,n,h.UPDATE),onBlur:e=>te(e,i,n,h.BLUR)}));case c.TIME:return e("kup-time-picker",Object.assign({key:l.name+i.row.id,initialValue:o.value},o.data,{class:le(i)?"kup-full-width":"","onkup-timepicker-change":e=>te(e,i,n,h.UPDATE),"onkup-timepicker-input":e=>te(e,i,n,h.INPUT),"onKup-timepicker-blur":e=>te(e,i,n,h.BLUR)}));case c.OBJECT:return e($,{cell:o,column:i.column,row:i.row,inputValue:o.value,onChange:e=>te(e,i,n,h.UPDATE)});case c.NUMBER:a[t.C_RIGHT_ALIGNED]=!0;case c.LINK:case c.MEMO:case c.STRING:const N=e=>te(e,i,n,h.UPDATE),z=e=>{var a,t;null===(t=null===(a=o.data)||void 0===a?void 0:a.onInput)||void 0===t||t.call(a,e),te(e,i,n,h.INPUT)},R=e=>{var a,t,l;null===(t=null===(a=o.data)||void 0===a?void 0:a.onKeyDown)||void 0===t||t.call(a,e);const r="MEMO"===o.shape||(null===(l=o.data)||void 0===l?void 0:l.maxLength)>=256||n===c.MEMO,s="Enter"===e.key&&e.ctrlKey;r&&"Enter"===e.key&&!e.ctrlKey?e.stopPropagation():(s||/^F[1-9]|F1[0-2]$/.test(e.key))&&te(e,i,n,h.UPDATE)},K=n===c.NUMBER?"number":null;if(o.shape===d.INPUT_FIELD){const a=n===c.NUMBER&&o.value?p(l,o):o.value;return e("input",{class:"input-field",onChange:N,onInput:z,onKeyDown:R,type:K,value:a,maxLength:null!==(A=null===(I=l.cellData)||void 0===I?void 0:I.maxLength)&&void 0!==A?A:-1})}{const a=!!o.shape&&o.shape===d.MEMO||!!n&&n===c.MEMO||o.data.maxLength>=256;return e(F,Object.assign({},o.data,{textArea:a,sizing:o.data.sizing?o.data.sizing:a?b.EXTRA_LARGE:b.SMALL,inputType:K,fullWidth:!!le(i),maxLength:n==c.NUMBER&&(i.column.decimals&&i.column.decimals>0||i.column.group)||i.column.integers&&i.column.integers>0?-1:o.data.maxLength,icon:o.data&&o.data.icon?o.data.icon:o.icon?o.icon:l.icon?l.icon:null,decimals:i.column.decimals,integers:i.column.integers,group:i.column.group,value:o.value,label:l.title,onChange:N,onInput:z,onKeyDown:R,onIconClick:e=>te(e,i,n,h.ICON_CLICK),onBlur:e=>te(e,i,n,h.BLUR)}))}}}(V,U,I,B,n)):I.data&&o.includes(V)?(n.setSizes&&function(e,n,a){switch(e){case c.BAR:n.sizeY||(n.sizeY="26px");break;case c.BUTTON:let e="";n.label&&(e="36px"),a.style?a.style.height||(a.style.minHeight=e):a.style={minHeight:e};break;case c.CHART:n.sizeX||(n.sizeX="100%"),n.sizeY||(n.sizeY="100%");break;case c.CHIP:a.style?a.style.height||(a.style.minHeight="18px"):a.style={minHeight:"18px"};break;case c.RADIO:a.style?a.style.height||(a.style.minHeight="40px"):a.style={minHeight:"40px"}}}(V,P,I),W=n.renderKup?function(n,a,o,l,i,r,s){switch(n){case c.BAR:return o.data?e("div",{style:{height:o.sizeY,width:"100%"}},e(C,Object.assign({},o))):e("kup-image",Object.assign({key:r.name+s.row.id,sizeX:"250px"},o));case c.BUTTON:ce(s)&&(a[t.C_CENTERED]=!0);const u=Object.assign({label:l.value,icon:l.icon,placeholderIcon:l.placeholderIcon,title:r.title},o);return e(x,Object.assign({},u,{onClick:e=>te(e,s,n,h.CLICK)}));case c.BUTTON_LIST:return ce(s)&&(a[t.C_CENTERED]=!0),o["data-storage"]={cell:l,row:i,column:r},e("kup-button-list",Object.assign({key:r.name+s.row.id},o));case c.CHART:return ce(s)&&(a[t.C_CENTERED]=!0),e("kup-chart",Object.assign({key:r.name+s.row.id},o));case c.MULTI_AUTOCOMPLETE:case c.MULTI_COMBOBOX:case c.CHIP:return e(y,Object.assign({},o));case c.COLOR_PICKER:return e("kup-color-picker",Object.assign({key:r.name+s.row.id},o,{class:le(s)?"kup-full-width":"",disabled:!0}));case c.GAUGE:return e("kup-gauge",Object.assign({key:r.name+s.row.id,value:T.ketchup.math.numberifySafe(l.value),"width-component":"280px"},o));case c.KNOB:case c.PROGRESS_BAR:return e("kup-progress-bar",Object.assign({key:r.name+s.row.id},o,{value:T.ketchup.math.numberifySafe(l.value)}));case c.RADIO:return ce(s)&&(a[t.C_CENTERED]=!0),o.disabled=i.readOnly,e(E,Object.assign({},o));case c.RATING:return e(A,Object.assign({},o,{disabled:!0}));case c.OBJECT:return e(F,Object.assign({icon:"table"},o,{disabled:!0}))}}(V,U,P,I,N,B,n):e("span",{class:"cell-"+V+" placeholder"})):(n.setSizes&&function(e,n,a,o){var t;switch(e){case c.CHECKBOX:case c.ICON:n.sizeX||(n.sizeX="18px"),n.sizeY||(n.sizeY="18px"),a.style?a.style.height||(a.style.minHeight=n.sizeY):a.style={minHeight:n.sizeY};break;case c.IMAGE:const e=(null===(t=o.cell)||void 0===t?void 0:t.value)||"",l=e.indexOf(".")>-1||e.indexOf("/")>-1||e.indexOf("\\")>-1;o.component.rootElement.tagName!==u.DATA_TABLE||l||(n.sizeX||n.sizeY?(n.sizeX||(n.sizeX="100%",n.wrapperClass="noWidth"),n.sizeY||(n.sizeY="auto")):(n.sizeX="100%",n.sizeY="64px",n.wrapperClass="noWidth")),o.component.rootElement.tagName===u.BOX?(n.sizeY||(n.sizeY="auto"),void 0===n.fit&&(n.fit=!0)):n.sizeX||(n.sizeX="auto"),n.sizeY||(n.sizeY="64px")}}(V,P,I,n),U[t.INDICATOR_TOPRIGHT]=null!==(O=I.tooltip)&&void 0!==O&&O,W=function(n,a,o,l,i,r,s){switch(n){case c.AUTOCOMPLETE:case c.COMBOBOX:return o&&""!=o?e("div",{class:"f-cell__text"},m(i,o," - ")):o;case c.DATE:case c.DATETIME:case c.TIME:if(o&&""!=o){const n=p(r,i);return e("div",{class:"f-cell__text"},n)}return o;case c.CHECKBOX:return ce(s)&&(l[t.C_CENTERED]=!0),e(C,{resource:a.checked?"check_box":"check_box_outline_blank",sizeX:"18px",sizeY:"18px"});case c.EDITOR:case c.MEMO:return e("div",{innerHTML:i.value});case c.ICON:case c.IMAGE:return ce(s)&&(l[t.C_CENTERED]=!0),a.badgeData&&(l[t.C_PADDED]=!0),e(C,Object.assign({},a));case c.LINK:return e("a",{href:o,target:"_blank"},i.value);case c.NUMBER:if(o&&""!=o){const n=T.ketchup.math.numberifySafe(i.value),a=p(r,i);return!Boolean(i.style&&i.style.color)&&n<0&&(l[t.TEXT_DANGER]=!0),ce(s)&&(l[t.C_RIGHT_ALIGNED]=!0),e("div",{class:"f-cell__text"},a)}return e("div",{class:"f-cell__text"},o);case c.SWITCH:return ce(s)&&(l[t.C_CENTERED]=!0),a.disabled=!0,e(D,Object.assign({},a));case c.LABEL:return e(M,{text:i.value,classes:"f-cell__text"});case c.IMAGE_LIST:const u=i.data.data.find((e=>e.value===i.value))||null;return e("kup-image-list",Object.assign({ripple:!0},i.data,{"onKup-imagelist-click":e=>te(e,s,n,h.UPDATE),activeNode:u}));default:return e("div",{class:"f-cell__text"},i.data.displayMode?m(i,o,"-"):o)}}(V,P,W,U,I,B,n));let Z=null;!K&&(B.icon||I.icon)&&W&&V!=c.BUTTON&&V!=c.BUTTON_LIST&&V!=c.IMAGE&&V!=c.ICON&&(Z=e(C,Object.assign({},{color:`rgba(var(${l.TEXT}-rgb), 0.375)`,resource:I.icon?I.icon:B.icon,placeholderResource:I.placeholderIcon?I.placeholderIcon:B.placeholderIcon,sizeX:"1.25em",sizeY:"1.25em",wrapperClass:"obj-icon"})));let q=null;T.ketchup.debug.isDebug()&&R?q=I.obj.t+"; "+I.obj.p+"; "+I.obj.k+";":null!=I.title&&""!=I.title.trim()&&(q=I.title);let J=null;if(I.info){const n=Object.assign({},I.info);n.color||(n.color=`var(${l.INFO})`),n.icon||(n.icon="info"),J=e(C,Object.assign({},{color:n.color,resource:n.icon,placeholderResource:n.placeholderIcon,sizeX:"1.25em",sizeY:"1.25em",title:n.message?n.message:"",wrapperClass:"cell-info"}))}if(n.component.rootElement.tagName===u.INPUT_PANEL&&I.style){if(I.style.backgroundColor){const e=I.style.backgroundColor;I.style.backgroundColor="",I.style["--kup-textfield-background-color"]=e}if(I.style.color){const e=I.style.color;I.style.color="",I.style["--kup-textfield-color"]=e}}return e("div",{onKeyUp:e=>te(e,n,V,h.KEYUP),class:U,"kup-get-cell-props":()=>n,ref:e=>I.element=e,style:I.style},e("div",{class:"f-cell__content",style:I.styleContent,title:q,onMouseEnter:e=>H(e,n,V),onMouseLeave:e=>S(e)},i&&i.length>0?i:[n.indents,J,Z,W]))},H=(e,n,a)=>{var o;if(n.cellActionIcon){const t=e.currentTarget,l=document.createElement("kup-image");l.resource="more_vert",l.sizeX="16px",l.sizeY="16px",l.tabIndex=0,l.className="f-cell__iconfunction "+(a===c.NUMBER?"left":"right"),(null===(o=n.cellActionIcon)||void 0===o?void 0:o.onClick)&&l.addEventListener("click",n.cellActionIcon.onClick),t.appendChild(l)}},S=e=>{const n=e.currentTarget.querySelector("kup-image");n&&n.remove()},X=(e,n)=>{var a;if(!e)return null;const o=e.options,t=(null===(a=e.data)||void 0===a?void 0:a.hasOwnProperty("label"))?e.data.label:n.title,l=e.value,i=T.ketchup.data.cell.getType(e,e.shape),r=new Map([[c.BUTTON_LIST,W.bind(void 0)],[c.STRING,P.bind(void 0)],[c.RADIO,Z.bind(void 0)],[c.AUTOCOMPLETE,q.bind(void 0)],[c.COMBOBOX,q.bind(void 0)],[c.CHECKBOX,U.bind(void 0)],[c.OBJECT,Y.bind(void 0)],[c.CHIP,G.bind(void 0)],[c.FILE_UPLOAD,J.bind(void 0)]]).get(i);return r?r(o,t,l,e):null},G=(e,n,a,o)=>{var t;return(null===(t=o.data)||void 0===t?void 0:t.data)?Object.assign({},o.data):i(o.value,o.decode)},Y=(e,n,a,o)=>Object.assign(Object.assign({},o.data),{data:{initialValue:a||"",label:n||"",value:a||""}}),U=(e,n,a,o)=>Object.assign(Object.assign({},o.data),{checked:"on"===a||"1"===a,label:n}),W=(e,n,a,o)=>({data:[Object.assign(Object.assign({},o.data),{icon:o.icon,placeholderIcon:o.placeholderIcon,value:a})]}),P=(e,n,a,o)=>{var t;return Object.assign(Object.assign(Object.assign({},o.data),{label:n}),(null===(t=o.data)||void 0===t?void 0:t.maxLength)&&{textArea:o.data.maxLength>=256})},Z=(e,n,a,o)=>{var t,c,l;const i=r(a,e);return Object.assign(Object.assign(Object.assign({},o.data),i),{data:Array.from(new Map([...null!==(c=null===(t=o.data)||void 0===t?void 0:t.data)&&void 0!==c?c:[],...null!==(l=i.data)&&void 0!==l?l:[]].map((e=>[e.value,e]))).values())})},q=(e,n,a,o)=>{if(e){const t=s(a,n,[],o.data);return t.data["kup-list"].data=Q(e,a),o.data?Object.assign(Object.assign({},t),o.data):t}},J=(e,n,a,o)=>Object.assign(Object.assign({},o.data),{pathString:a}),Q=(e,n)=>{const a=oe.get(e.type);return a?a(e,n):e.map((e=>({value:e.label,id:e.id,selected:n===e.id})))},ee=(e,n)=>e.children.map((e=>{var a;return{id:e.content.codice,value:e.content.testo,selected:n===e.content.codice,children:(null===(a=e.children)||void 0===a?void 0:a.length)?ee(e,n):[]}})),ne=(e,n)=>e.children.map((e=>{var a;return{id:e.obj.k,value:e.value,selected:n===e.obj.k,children:(null===(a=e.children)||void 0===a?void 0:a.length)?ne(e,n):[]}})),ae=(e,n)=>e.rows.map((e=>{var a;const o=e.fields||e.cells,[t,c]=Object.keys(o);return{id:o[t].value,value:(null===(a=o[c])||void 0===a?void 0:a.value)||o[t].value,selected:n===o[t].value}})),oe=new Map([["SmeupTreeNode",ee.bind(void 0)],["SmeupDataTree",ne.bind(void 0)],["SmeupTable",ae.bind(void 0)],["SmeupDataTable",ae.bind(void 0)]]);function te(e,n,a,o){var t,l,i,r,s,u,d,b;const k=n.cell,v=n.column,f=n.component,m=n.row;if(o===h.UPDATE){let n=function(e,n){var a;const o=!("INPUT"!==e.target.tagName&&"TEXTAREA"!==e.target.tagName);let t=o?e.target.value:e.detail.value;return n===c.CHECKBOX&&o&&(t=e.target.checked?"off":"on"),n===c.DATE&&o&&(t=null===(a=e.detail)||void 0===a?void 0:a.value),n===c.NUMBER&&o&&(t=T.ketchup.math.formattedStringToNumberString(t,"")),t}(e,a);switch(g(k)?n=null==n?void 0:n.toUpperCase():j(k)&&(n=null==n?void 0:n.toLowerCase()),a){case c.AUTOCOMPLETE:k.decode=null===(l=null===(t=e.detail)||void 0===t?void 0:t.node)||void 0===l?void 0:l.value,k.data&&(k.data.initialValue=n,k.data.initialValueDecode=null===(r=null===(i=e.detail)||void 0===i?void 0:i.node)||void 0===r?void 0:r.value);break;case c.COMBOBOX:k.decode=null===(u=null===(s=e.detail)||void 0===s?void 0:s.node)||void 0===u?void 0:u.value;case c.DATE:case c.TIME:k.data&&(k.data.initialValue=n);break;case c.CHECKBOX:case c.SWITCH:n="on"===n.toLowerCase()?"0":"1",k.data&&(k.data.checked="0"!==n);break;case c.RADIO:if(k.data.data){const e=k.data.data.find((e=>e.checked));e&&(n=e.value)}break;case c.CHIP:case c.MULTI_AUTOCOMPLETE:case c.MULTI_COMBOBOX:n=e.detail.stringifiedValues,k.data&&(k.data.data=e.detail.comp.data);break;case c.IMAGE_LIST:const a=e.detail.details.cell.obj;n=(null==a?void 0:a.k)?a.k:e.detail.details.cell.value}k.obj&&(k.obj.k=null==n?void 0:n.toString()),k.value=null==n?void 0:n.toString(),k.displayedValue=null,k.displayedValue=p(v,k)}if(f&&f.rootElement){const n=new CustomEvent(o,{bubbles:!0,cancelable:!0,composed:!0,detail:{comp:f,id:f.rootElement.id,cell:k,column:v,event:e,row:m,type:a,inputValue:(null===(b=null===(d=k.element)||void 0===d?void 0:d.querySelector("input"))||void 0===b?void 0:b.value)||null}});if(f.rootElement.dispatchEvent(n),o===h.UPDATE)try{f.refresh()}catch(e){T.ketchup.debug.logMessage(f,e,O.ERROR)}}}function ce(e){var n;return f.includes(null===(n=e.component)||void 0===n?void 0:n.rootElement.tagName)}function le(e){var n;return k.includes(null===(n=e.component)||void 0===n?void 0:n.rootElement.tagName)}export{V as F,E as a,A as b,B as c,D as d,M as e}
@@ -1 +1 @@
1
- import{r as t,c as n,f as i,h as e,H as a,d as p}from"./p-710d0a7d.js";import{k as o,h as s,g as h,s as l}from"./p-d629f411.js";import{a as f,F as r}from"./p-cec0955d.js";import{c}from"./p-635bb4b3.js";import"./p-cabebabc.js";var u;!function(t){t.data="prop of the sub compoennt",t.Style="it is the style of the text",t.Border="when true it will appear a border",t.BorderWidth="it is the width of the border",t.Align="text alignment",t.FontBold="when true it will display the bold font",t.FontItalic="when true it will display the italic ( cursive )",t.FontName="it is the name of the font",t.FontSize="it is the size of the font of the text",t.FontULine="when true it will show the underline",t.FontColor="it is the color of the font of the text",t.BackColor="it is the background color of the text",t.Type="it is the type of the font. It is an enum that can take from different variant such as body, heading1, caption and so on"}(u||(u={}));const g=class{constructor(i){t(this,i),this.kupIconClick=n(this,"kup-typographylist-icon-click",6),this.KupClick=n(this,"kup-typographylist-click",6),this.kupManager=o(),this.customStyle="",this.data=[],this.type=f.BODY_COMPACT,this.toolbar=!1}onKupClick(t,n){this.KupClick.emit({comp:this,id:this.rootElement.id,index:t,subIndex:n,obj:this.getObjForEvent(t,n)})}onKupIconClick(t,n){this.kupIconClick.emit({comp:this,id:this.rootElement.id,index:t,node:n})}checkDataset(t){t||(t=[]),t.columns&&(this.kupManager.debug.logMessage(this,"Detected KupDataDataset: converting rows to nodes.",s.WARNING),this.data=this.kupManager.data.row.toNode(this.data))}async getProps(t){return h(this,u,t)}async refresh(){i(this)}async setProps(t){l(this,u,t)}renderTypography(t,n){if(null===t)return this.kupManager.debug.logMessage(this,"Empty data text.",s.WARNING),null;const i=this.prepareDataFromTreeNode(t,n);return i.value?e(r,Object.assign({},{value:i.value,type:i.type,toolbar:i.toolbar})):(this.kupManager.debug.logMessage(this,"Empty text.",s.WARNING),null)}prepareDataFromTreeNode(t,n){const i=null!=t.data?Object.assign({},t.data):{};return null!=this.customStyle&&""!=this.customStyle.trim()&&(i.customStyle=this.customStyle),null==i.value&&(i.value=t.value),i.wrapperClass||(i.wrapperClass=""),null!=this.type&&(i.type=this.type),null!=this.toolbar&&(i.toolbar=this.toolbar),i.id=n.toString(),i}renderTypographys(){if(null==this.data||this.data.length<1)return null;const t=[];for(let n=0;n<this.data.length;n++){let i=null;i=this.renderTypography(this.data[n],n),i&&t.push(i)}return t}getObjForEvent(t,n){let i=Number(t),e=-1;null!=n&&""!=n.trim()&&(e=Number(n));let a=this.data[i];return-1!=e?a.children[e].obj:a.obj}componentWillLoad(){this.kupManager.debug.logLoad(this,!1),this.checkDataset(this.data),this.kupManager.theme.register(this)}componentDidLoad(){this.kupManager.debug.logLoad(this,!0)}componentWillRender(){this.kupManager.debug.logRender(this,!1)}componentDidRender(){this.kupManager.debug.logRender(this,!0)}render(){const t=this.renderTypographys();return e(a,{key:"29dea3875209182f44b8f5a17663d1aec0dcc536"},e("style",{key:"ac2271a5b915e8045a93f7ad5007fdd5f1742982"},this.kupManager.theme.setKupStyle(this.rootElement)),e("div",{key:"402702c59a7a6c3365a713a4f6f52bcbcf1bb669",id:c},e("div",{key:"3faff006b6d1497a62bbc3c3df3148a76197c449",class:"typographies-wrapper"},t)))}disconnectedCallback(){this.kupManager.theme.unregister(this)}get rootElement(){return p(this)}static get watchers(){return{data:["checkDataset"]}}};g.style=".kup-body-compact-01 {\n font-family: var(--kup-font-family);\n font-size: var(--kup-body-compact-01-font-size, 14px);\n line-height: 18px;\n font-weight: 400;\n letter-spacing: 0.16px;\n}\n\n.kup-body-01 {\n font-family: var(--kup-font-family);\n font-size: var(--kup-body-01-font-size, 14px);\n line-height: 20px;\n font-weight: 400;\n letter-spacing: 0.16px;\n}\n\n.kup-code-01 {\n font-family: var(--kup-font-family-monospace);\n font-size: 12px;\n line-height: 16px;\n font-weight: 400;\n letter-spacing: 0.32px;\n}\n\n.kup-label-01 {\n font-family: var(--kup-font-family);\n font-size: var(--kup-label-01-font-size, 12px);\n line-height: 16px;\n font-weight: 400;\n letter-spacing: 0.32px;\n}\n\n.kup-caption-02 {\n font-family: var(--kup-font-family);\n font-size: 12px;\n line-height: 15px;\n font-weight: 500;\n letter-spacing: 1px;\n}\n\n.kup-caption-01 {\n font-family: var(--kup-font-family);\n font-size: 10px;\n line-height: 13px;\n font-weight: 400;\n letter-spacing: 1px;\n}\n\n.kup-small-label-01 {\n font-family: var(--kup-font-family);\n font-size: 6px;\n line-height: 9px;\n font-weight: 400;\n letter-spacing: 1px;\n}\n\n.kup-heading-compact-01 {\n font-family: var(--kup-font-family);\n font-size: var(--kup-heading-compact-01-font-size, 14px);\n line-height: 18px;\n font-weight: 600;\n letter-spacing: 0.16px;\n}\n\n.kup-heading-01 {\n font-family: var(--kup-font-family);\n font-size: var(--kup-heading-01-font-size, 14px);\n line-height: 20px;\n font-weight: 600;\n letter-spacing: 0.16px;\n}\n\n.kup-heading-02 {\n font-family: var(--kup-font-family);\n font-size: 16px;\n line-height: 24px;\n font-weight: 500;\n letter-spacing: 0;\n}\n\n.kup-heading-03 {\n font-family: var(--kup-font-family);\n font-size: 20px;\n line-height: 28px;\n font-weight: 400;\n letter-spacing: 0;\n}\n\n.kup-heading-04 {\n font-family: var(--kup-font-family);\n font-size: 28px;\n line-height: 36px;\n font-weight: 400;\n letter-spacing: 0;\n}\n\n.kup-heading-05 {\n font-family: var(--kup-font-family);\n font-size: 32px;\n line-height: 40px;\n font-weight: 300;\n letter-spacing: 0;\n}\n\n.kup-heading-06 {\n font-family: var(--kup-font-family);\n font-size: 42px;\n line-height: 50px;\n font-weight: 300;\n letter-spacing: 0;\n}\n\n.kup-heading-07 {\n font-family: var(--kup-font-family);\n font-size: 54px;\n line-height: 64px;\n font-weight: 300;\n letter-spacing: 0;\n}\n\n.kup-heading-08 {\n font-family: var(--kup-font-family);\n font-size: 54px;\n line-height: 64px;\n font-weight: 600;\n letter-spacing: 0;\n}\n\n:host {\n --kup_typographylist_wrapper_gap: var(\n --kup-typographylist-wrapper-gap,\n var(--kup-space-00) ;\n );\n}\n\n.typographies-wrapper {\n display: flex;\n flex-direction: column;\n gap: var(--kup_typographylist_wrapper_gap);\n}\n\n:host {\n display: block;\n}";export{g as kup_typography_list}
1
+ import{r as t,c as n,f as i,h as e,H as a,d as p}from"./p-710d0a7d.js";import{k as o,h as s,g as h,s as l}from"./p-f8aefe67.js";import{a as f,F as r}from"./p-cec0955d.js";import{c}from"./p-635bb4b3.js";import"./p-cabebabc.js";var u;!function(t){t.data="prop of the sub compoennt",t.Style="it is the style of the text",t.Border="when true it will appear a border",t.BorderWidth="it is the width of the border",t.Align="text alignment",t.FontBold="when true it will display the bold font",t.FontItalic="when true it will display the italic ( cursive )",t.FontName="it is the name of the font",t.FontSize="it is the size of the font of the text",t.FontULine="when true it will show the underline",t.FontColor="it is the color of the font of the text",t.BackColor="it is the background color of the text",t.Type="it is the type of the font. It is an enum that can take from different variant such as body, heading1, caption and so on"}(u||(u={}));const g=class{constructor(i){t(this,i),this.kupIconClick=n(this,"kup-typographylist-icon-click",6),this.KupClick=n(this,"kup-typographylist-click",6),this.kupManager=o(),this.customStyle="",this.data=[],this.type=f.BODY_COMPACT,this.toolbar=!1}onKupClick(t,n){this.KupClick.emit({comp:this,id:this.rootElement.id,index:t,subIndex:n,obj:this.getObjForEvent(t,n)})}onKupIconClick(t,n){this.kupIconClick.emit({comp:this,id:this.rootElement.id,index:t,node:n})}checkDataset(t){t||(t=[]),t.columns&&(this.kupManager.debug.logMessage(this,"Detected KupDataDataset: converting rows to nodes.",s.WARNING),this.data=this.kupManager.data.row.toNode(this.data))}async getProps(t){return h(this,u,t)}async refresh(){i(this)}async setProps(t){l(this,u,t)}renderTypography(t,n){if(null===t)return this.kupManager.debug.logMessage(this,"Empty data text.",s.WARNING),null;const i=this.prepareDataFromTreeNode(t,n);return i.value?e(r,Object.assign({},{value:i.value,type:i.type,toolbar:i.toolbar})):(this.kupManager.debug.logMessage(this,"Empty text.",s.WARNING),null)}prepareDataFromTreeNode(t,n){const i=null!=t.data?Object.assign({},t.data):{};return null!=this.customStyle&&""!=this.customStyle.trim()&&(i.customStyle=this.customStyle),null==i.value&&(i.value=t.value),i.wrapperClass||(i.wrapperClass=""),null!=this.type&&(i.type=this.type),null!=this.toolbar&&(i.toolbar=this.toolbar),i.id=n.toString(),i}renderTypographys(){if(null==this.data||this.data.length<1)return null;const t=[];for(let n=0;n<this.data.length;n++){let i=null;i=this.renderTypography(this.data[n],n),i&&t.push(i)}return t}getObjForEvent(t,n){let i=Number(t),e=-1;null!=n&&""!=n.trim()&&(e=Number(n));let a=this.data[i];return-1!=e?a.children[e].obj:a.obj}componentWillLoad(){this.kupManager.debug.logLoad(this,!1),this.checkDataset(this.data),this.kupManager.theme.register(this)}componentDidLoad(){this.kupManager.debug.logLoad(this,!0)}componentWillRender(){this.kupManager.debug.logRender(this,!1)}componentDidRender(){this.kupManager.debug.logRender(this,!0)}render(){const t=this.renderTypographys();return e(a,{key:"36e226b6216bcf060f775362b80ca2db7a848f18"},e("style",{key:"403a533b3ee961802706c9c804dacf6991b0a80f"},this.kupManager.theme.setKupStyle(this.rootElement)),e("div",{key:"20d58d63664a938c0791c43ddee20a7703272837",id:c},e("div",{key:"28456e42adbbd778d1448b3d7991318fe226792c",class:"typographies-wrapper"},t)))}disconnectedCallback(){this.kupManager.theme.unregister(this)}get rootElement(){return p(this)}static get watchers(){return{data:["checkDataset"]}}};g.style=".kup-body-compact-01 {\n font-family: var(--kup-font-family);\n font-size: var(--kup-body-compact-01-font-size, 14px);\n line-height: 18px;\n font-weight: 400;\n letter-spacing: 0.16px;\n}\n\n.kup-body-01 {\n font-family: var(--kup-font-family);\n font-size: var(--kup-body-01-font-size, 14px);\n line-height: 20px;\n font-weight: 400;\n letter-spacing: 0.16px;\n}\n\n.kup-code-01 {\n font-family: var(--kup-font-family-monospace);\n font-size: 12px;\n line-height: 16px;\n font-weight: 400;\n letter-spacing: 0.32px;\n}\n\n.kup-label-01 {\n font-family: var(--kup-font-family);\n font-size: var(--kup-label-01-font-size, 12px);\n line-height: 16px;\n font-weight: 400;\n letter-spacing: 0.32px;\n}\n\n.kup-caption-02 {\n font-family: var(--kup-font-family);\n font-size: 12px;\n line-height: 15px;\n font-weight: 500;\n letter-spacing: 1px;\n}\n\n.kup-caption-01 {\n font-family: var(--kup-font-family);\n font-size: 10px;\n line-height: 13px;\n font-weight: 400;\n letter-spacing: 1px;\n}\n\n.kup-small-label-01 {\n font-family: var(--kup-font-family);\n font-size: 6px;\n line-height: 9px;\n font-weight: 400;\n letter-spacing: 1px;\n}\n\n.kup-heading-compact-01 {\n font-family: var(--kup-font-family);\n font-size: var(--kup-heading-compact-01-font-size, 14px);\n line-height: 18px;\n font-weight: 600;\n letter-spacing: 0.16px;\n}\n\n.kup-heading-01 {\n font-family: var(--kup-font-family);\n font-size: var(--kup-heading-01-font-size, 14px);\n line-height: 20px;\n font-weight: 600;\n letter-spacing: 0.16px;\n}\n\n.kup-heading-02 {\n font-family: var(--kup-font-family);\n font-size: 16px;\n line-height: 24px;\n font-weight: 500;\n letter-spacing: 0;\n}\n\n.kup-heading-03 {\n font-family: var(--kup-font-family);\n font-size: 20px;\n line-height: 28px;\n font-weight: 400;\n letter-spacing: 0;\n}\n\n.kup-heading-04 {\n font-family: var(--kup-font-family);\n font-size: 28px;\n line-height: 36px;\n font-weight: 400;\n letter-spacing: 0;\n}\n\n.kup-heading-05 {\n font-family: var(--kup-font-family);\n font-size: 32px;\n line-height: 40px;\n font-weight: 300;\n letter-spacing: 0;\n}\n\n.kup-heading-06 {\n font-family: var(--kup-font-family);\n font-size: 42px;\n line-height: 50px;\n font-weight: 300;\n letter-spacing: 0;\n}\n\n.kup-heading-07 {\n font-family: var(--kup-font-family);\n font-size: 54px;\n line-height: 64px;\n font-weight: 300;\n letter-spacing: 0;\n}\n\n.kup-heading-08 {\n font-family: var(--kup-font-family);\n font-size: 54px;\n line-height: 64px;\n font-weight: 600;\n letter-spacing: 0;\n}\n\n:host {\n --kup_typographylist_wrapper_gap: var(\n --kup-typographylist-wrapper-gap,\n var(--kup-space-00) ;\n );\n}\n\n.typographies-wrapper {\n display: flex;\n flex-direction: column;\n gap: var(--kup_typographylist_wrapper_gap);\n}\n\n:host {\n display: block;\n}";export{g as kup_typography_list}
@@ -1 +1 @@
1
- import{r as i,c as o,f as t,h as e,H as r,d as n}from"./p-710d0a7d.js";import{k as a,a as c,g as s,s as p,d as h,f as l,e as d}from"./p-d629f411.js";import{F as u}from"./p-cc9db65d.js";import{c as f}from"./p-635bb4b3.js";import{M as m}from"./p-c56195a0.js";import"./p-cabebabc.js";var k;!function(i){i.customStyle="Custom style of the component. For more information: https://smeup.github.io/ketchup/#/customization",i.data="List of elements.",i.infoIcon="When true, it will show the info activation icon",i.ripple="When enabled displays Material's ripple effect on item headers.",i.toolbar="When true, it will show the toolbar activation icon",i.sizing="Sets the type of the component sizing.",i.toolbarCallback="Callback to be called when the toolbar icon is clicked",i.infoCallback="Callback to be called when the info icon is clicked"}(k||(k={}));var _,g,v=function(i,o,t,e,r){if("m"===e)throw new TypeError("Private method is not writable");if("a"===e&&!r)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof o?i!==o||!r:!o.has(i))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===e?r.call(i,t):r?r.value=t:o.set(i,t),t},b=function(i,o,t,e){if("a"===t&&!e)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof o?i!==o||!e:!o.has(i))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===t?e:"a"===t?e.call(i):e?e.value:o.get(i)};const y=class{constructor(t){i(this,t),this.kupBlur=o(this,"kup-accordion-blur",6),this.kupClick=o(this,"kup-accordion-click",6),this.kupIconClick=o(this,"kup-accordion-iconclick",6),this.kupFocus=o(this,"kup-accordion-focus",6),this.kupToolbarItemClick=o(this,"kup-accordion-toolbaritemclick",6),this.toolbarState=[],this.infoState=[],this.kupManager=a(),_.set(this,null),this.slotsNames=[],g.set(this,null),this.selectedItems=[],this.customStyle="",this.data=null,this.infoIcon=!1,this.ripple=!1,this.toolbar=!1,this.sizing=c.SMALL,this.toolbarCallback=void 0,this.infoCallback=void 0}onKupBlur(i){this.kupBlur.emit({comp:this,id:this.rootElement.id,node:i})}onKupIconClick(i){i?(v(this,g,i,"f"),this.createDropDownToolbarList()):this.kupManager.debug.logMessage(this,"onKupIconClick: Element is null")}onKupInfoIconClick(i){i?(v(this,g,i,"f"),this.createDropDownInfoList()):this.kupManager.debug.logMessage(this,"onKupIconClick: Element is null")}onKupFocus(i){this.kupFocus.emit({comp:this,id:this.rootElement.id,node:i})}onKupToolbarItemClick(i){this.kupToolbarItemClick.emit({comp:this,id:this.rootElement.id,node:i.detail.selected})}applyRipple(){const i=this.rootElement.shadowRoot;if(i&&this.ripple){const o=i.querySelectorAll(".mdc-ripple-surface:not(.mdc-ripple-upgraded)");if(o)for(let i=0;i<o.length;i++)m.attachTo(o[i])}}updateSelectedItems(){var i;const o=[];if(null===(i=this.data)||void 0===i?void 0:i.length)for(let i=0;i<this.data.length;i++){const t=this.data[i];void 0===t.contentVisible&&(t.contentVisible=!0),t.contentVisible&&o.push(t.id)}this.selectedItems=o}async collapseAll(){const i=[];for(let o=0;o<this.data.length;o++){const t=this.data[o];!this.isItemExpandible(t)&&this.isItemSelected(t)&&i.push(t.id)}this.selectedItems=i}async expandAll(){const i=[];for(let o=0;o<this.data.length;o++){const t=this.data[o];this.isItemExpandible(t)&&i.push(t.id)}this.selectedItems=i}async getProps(i){return s(this,k,i)}async refresh(){t(this)}async setProps(i){p(this,k,i)}async toggleItem(i){this.isItemExpandible(i)&&(void 0===i.contentVisible&&(i.contentVisible=!0),i.contentVisible=!i.contentVisible,this.updateSelectedItems(),this.kupClick.emit({comp:this,id:this.rootElement.id,node:i}))}isItemExpandible(i){return i.expandable||this.slotsNames.includes(i.id)}isItemSelected(i){return this.selectedItems.includes(i.id)}renderItems(){var i,o;const t=[],r=Array.prototype.slice.call(this.rootElement.children,0);this.slotsNames=[];for(let i=0;i<r.length;i++)this.slotsNames.push(r[i].slot);for(let r=0;r<this.data.length;r++){const n=this.data[r],a=this.isItemSelected(n),c=this.isItemExpandible(n),s={"accordion-item__header":!0,"accordion-item__header--selected":!(c||!a),"accordion-item__header--expanded":!(!c||!a),"mdc-ripple-surface":!!this.ripple,[`accordion-item--${this.sizing}`]:!!this.sizing},p={"accordion-item__content":!0,"accordion-item__content--selected":!!a},d=e("div",{class:"accordion-rigtbuttons"},this.infoIcon&&this.infoCallback&&e(u,{resource:"info_outline",sizeX:"16px",sizeY:"16px",onClick:async i=>{i.stopPropagation();const o=i.currentTarget;this.infoState=await this.infoCallback(),this.infoState.length>0?this.onKupInfoIconClick(o):this.kupManager.debug.logMessage(this,"InfoIcon data is empty, not opening dropdown.")},wrapperClass:"tab__iconToolbar iconInfo"}),this.toolbar&&this.toolbarCallback&&e(u,{resource:"more_vert",sizeX:"16px",sizeY:"16px",onClick:async i=>{var o;i.stopPropagation();const t=i.currentTarget;this.toolbarState=await this.toolbarCallback(),(null===(o=this.toolbarState)||void 0===o?void 0:o.length)>0?this.onKupIconClick(t):this.kupManager.debug.logMessage(this,"Toolbar data is empty, not opening dropdown.")},wrapperClass:"tab__iconToolbar iconToolbar"}),c?e("div",{class:`accordion-item__dropdown kup-icon ${h.DROPDOWN.replace("--","")}`}):null);t.push(e("div",{class:"accordion-item"},e("div",{tabindex:r,title:null!==(i=n.title)&&void 0!==i?i:null,class:s,onClick:i=>{i.stopPropagation(),this.toggleItem(n)},onBlur:()=>this.onKupBlur(n),onFocus:()=>this.onKupFocus(n)},n.icon?e(u,{color:`var(${l.PRIMARY})`,resource:n.icon,placeholderResource:n.placeholderIcon,sizeX:"1.5em",sizeY:"1.5em",wrapperClass:"accordion-item__icon"}):null,n.value?e("span",{class:"accordion-item__text"},null!==(o=n.value)&&void 0!==o?o:""):null,d),e("div",{class:p},e("slot",{name:n.id}))))}return t}closeRowToolbarList(){this.toolbarList&&(this.kupManager.dynamicPosition.stop(this.toolbarList),this.kupManager.removeClickCallback(b(this,_,"f")),this.toolbarList.remove(),this.kupManager.dynamicPosition.unregister([this.toolbarList]),this.toolbarList=null)}createDropDownToolbarList(){if(!b(this,g,"f"))return void this.kupManager.debug.logMessage(this,"createDropDownToolbarList: Anchor is null!");if(this.toolbarList&&this.closeRowToolbarList(),0===this.toolbarState.length)return void this.kupManager.debug.logMessage(this,"No toolbar state available.");const i=document.createElement("kup-toolbar");i.data=this.toolbarState,i.addEventListener("kup-toolbar-click",(i=>{this.onKupToolbarItemClick(i),setTimeout((()=>{this.closeRowToolbarList()}),0)})),this.toolbarList=i,v(this,_,{cb:()=>{this.closeRowToolbarList()},el:this.toolbarList},"f"),this.kupManager.addClickCallback(b(this,_,"f"),!0),this.rootElement.shadowRoot.appendChild(this.toolbarList),requestAnimationFrame((()=>{b(this,g,"f")?(this.kupManager.dynamicPosition.register(this.toolbarList,b(this,g,"f"),0,d.AUTO,!0),this.kupManager.dynamicPosition.start(this.toolbarList)):this.kupManager.debug.logMessage(this,"DropDown anchor is still null after delay!")}))}createDropDownInfoList(){if(!b(this,g,"f"))return void this.kupManager.debug.logMessage(this,"createDropDownToolbarList: Anchor is null!");if(this.infoList&&this.closeInfoDataList(),0===this.infoState.length)return void this.kupManager.debug.logMessage(this,"No toolbar state available.");const i=document.createElement("kup-list");i.data=this.infoState,this.infoList=i,v(this,_,{cb:()=>{this.closeInfoDataList()},el:this.infoList},"f"),this.kupManager.addClickCallback(b(this,_,"f"),!0),this.rootElement.shadowRoot.appendChild(this.infoList),requestAnimationFrame((()=>{this.kupManager.dynamicPosition.register(this.infoList,b(this,g,"f"),0,d.AUTO,!0),this.kupManager.dynamicPosition.start(this.infoList)}))}closeInfoDataList(){this.infoList&&(this.kupManager.dynamicPosition.stop(this.infoList),this.kupManager.removeClickCallback(b(this,_,"f")),this.infoList.remove(),this.kupManager.dynamicPosition.unregister([this.infoList]),this.infoList=null)}componentWillLoad(){this.kupManager.debug.logLoad(this,!1),this.kupManager.theme.register(this)}componentDidLoad(){this.updateSelectedItems(),this.applyRipple(),this.kupManager.debug.logLoad(this,!0)}componentWillRender(){this.kupManager.debug.logRender(this,!1)}componentDidRender(){const i=this.rootElement.shadowRoot;if(i){const o=i.querySelectorAll(".mdc-ripple-surface");if(o)for(let i=0;i<o.length;i++)m.attachTo(o[i])}this.kupManager.debug.logRender(this,!0)}render(){const i=this.data&&this.data.length?this.renderItems():null;return e(r,{key:"ca90959a079da29d24795d36439774faa32b0d0c"},e("style",{key:"31ddf12addc3694495da4c0f6906bd5e41fa4f53"},this.kupManager.theme.setKupStyle(this.rootElement)),e("div",{key:"b957f95742f667698d1686e49a1bfabaa9fb740d",id:f},e("div",{key:"fdf87fb7777d0aa417764ca29a93ca121e1bb36b",class:"accordion"},i)))}disconnectedCallback(){this.kupManager.theme.unregister(this)}get rootElement(){return n(this)}static get watchers(){return{ripple:["applyRipple"],data:["updateSelectedItems"]}}};_=new WeakMap,g=new WeakMap,y.style=".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_accordion_border_top_color:var(\n --kup-accordion-border-top-color,\n var(--kup-border-subtle)\n );--kup_accordion_item_small_height:var(\n --kup-accordion-item-small-height,\n 32px\n );--kup_accordion_item_medium_height:var(\n --kup-accordion-item-medium-height,\n 40px\n );--kup_accordion_item_outline_color_active:var(\n --kup-accordion-item-outline-color-focus,\n var(--kup-border-interactive)\n );--kup_accordion_item_large_height:var(\n --kup-accordion-item-medium-height,\n 48px\n );--kup_accordion_header_background_color:var(\n --kup-accordion-header-background-color,\n var(--kup-layer-0)\n );--kup_accordion_header_background_color_hover:var(\n --kup-accordion-header-background-color-hover,\n var(--kup-layer-0-hover)\n );--kup_accordion_header_padding:var(\n --kup-accordion-header-padding,\n var(--kup-space-05)\n );--kup_accordion_dropdown_icon_color:var(\n --kup-accordio-dropdown-icon-color,\n var(--kup-text-primary)\n );--kup_accordion_transition:var(--kup-accordion-transition, 80ms);display:block;font-family:var(--kup_accordion_font_family);font-size:var(--kup_accordion_font_size)}.accordion{border-radius:var(--kup_accordion_border_radius);display:flex;flex-wrap:wrap;flex-direction:column;width:100%}.accordion-item{border-top:1px solid var(--kup_accordion_border_top_color);box-sizing:border-box;width:100%}.accordion-item--visible{display:block}.accordion-item:is(:last-of-type){border-bottom:1px solid var(--kup_accordion_border_top_color)}.accordion-item__header{height:var(--kup_accordion_item_medium_height);align-items:center;border:none;box-sizing:border-box;color:var(--kup_accordion_text_color);cursor:pointer;display:flex;line-height:1.75em;outline:none;padding:var(--kup_accordion_padding);text-align:left;transition:background-color var(--kup_accordion_transition), color var(--kup_accordion_transition);width:100%;outline:2px solid transparent;outline-offset:-2px;padding-left:16px;padding-right:16px;gap:var(--kup-space-03)}.accordion-item__header:focus{outline:2px solid var(--kup_accordion_item_outline_color_active)}.accordion-item__header.accordion-item--small{height:var(--kup_accordion_item_small_height)}.accordion-item__header.accordion-item--large{height:var(--kup_accordion_item_large_height)}.accordion-item__header:hover:not(.accordion-item__header--selected){background-color:var(--kup_accordion_header_background_color_hover)}.accordion-item__header:focus(.accordion-item__header--selected){outline:2px solid var(--kup_accordion_item_outline_color_active)}.accordion-item__header--expanded{background-color:var(--kup_accordion_background_color)}.accordion-item__header--expanded .accordion-item__dropdown{transform:rotate(-180deg)}.accordion-item__header .f-image{margin:0}.accordion-item__header .accordion-rigtbuttons{margin-left:auto;margin-right:0;display:flex;gap:var(--kup-space-03)}.accordion-item__text{margin-right:0.5em;overflow:hidden;text-overflow:ellipsis;white-space:pre}.accordion-item__text--highlighted{color:var(--kup_accordion_text_on_primary_color);background-color:var(--kup_accordion_primary_color)}.accordion-item__icon{margin-left:0;margin-right:0.5em}.accordion-item__dropdown{background-color:var(--kup_accordion_dropdown_icon_color);height:1.5em;min-width:1.5em;width:1.5em;transition:transform var(--kup_accordion_transition)}.accordion-item__content{padding-left:16px;padding-top:8px;padding-bottom:24px;padding-right:80px;animation:fade-in 0.25s ease-out;display: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}.accordion-item__content--selected{display:block}.mdc-ripple-surface{--mdc-ripple-fg-opacity:0.24}.mdc-ripple-surface:before,.mdc-ripple-surface:after{background-color:var(--kup_accordion_primary_color)}.kup-icon.kup-dropdown-icon{-webkit-mask:var(--kup-dropdown-icon);mask:var(--kup-dropdown-icon)}:host(.kup-borderless){--kup-accordion-border:none}:host(.kup-full-height){height:100%}:host(.kup-full-width){width:100%}:host(.kup-danger){--kup-accordion-primary-color:var(--kup-danger-color-60);--kup-accordion-primary-color-rgb:var(--kup-danger-color-60-rgb);--kup-accordion-text-on-primary-color:white}:host(.kup-info){--kup-accordion-primary-color:var(--kup-info-50-color);--kup-accordion-primary-color-rgb:var(--kup-info-color-50-rgb);--kup-accordion-text-on-primary-color:white}:host(.kup-secondary){--kup-accordion-primary-color:var(--kup-secondary-color);--kup-accordion-primary-color-rgb:var(--kup-secondary-color-rgb);--kup-accordion-text-on-primary-color:var(--kup-text-on-secondary-color)}:host(.kup-success){--kup-accordion-primary-color:var(--kup-success-color-40);--kup-accordion-primary-color-rgb:var(--kup-success-color-40-rgb);--kup-accordion-text-on-primary-color:white}:host(.kup-warning){--kup-accordion-primary-color:var(--kup-warning-color-50);--kup-accordion-primary-color-rgb:var(--kup-warning-color-50-rgb);--kup-accordion-text-on-primary-color:white}";export{y as kup_accordion}
1
+ import{r as i,c as o,f as t,h as e,H as r,d as n}from"./p-710d0a7d.js";import{k as a,a as c,g as s,s as p,d as h,f as l,e as d}from"./p-f8aefe67.js";import{F as u}from"./p-cc9db65d.js";import{c as f}from"./p-635bb4b3.js";import{M as m}from"./p-c56195a0.js";import"./p-cabebabc.js";var k;!function(i){i.customStyle="Custom style of the component. For more information: https://smeup.github.io/ketchup/#/customization",i.data="List of elements.",i.infoIcon="When true, it will show the info activation icon",i.ripple="When enabled displays Material's ripple effect on item headers.",i.toolbar="When true, it will show the toolbar activation icon",i.sizing="Sets the type of the component sizing.",i.toolbarCallback="Callback to be called when the toolbar icon is clicked",i.infoCallback="Callback to be called when the info icon is clicked"}(k||(k={}));var _,g,v=function(i,o,t,e,r){if("m"===e)throw new TypeError("Private method is not writable");if("a"===e&&!r)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof o?i!==o||!r:!o.has(i))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===e?r.call(i,t):r?r.value=t:o.set(i,t),t},b=function(i,o,t,e){if("a"===t&&!e)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof o?i!==o||!e:!o.has(i))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===t?e:"a"===t?e.call(i):e?e.value:o.get(i)};const y=class{constructor(t){i(this,t),this.kupBlur=o(this,"kup-accordion-blur",6),this.kupClick=o(this,"kup-accordion-click",6),this.kupIconClick=o(this,"kup-accordion-iconclick",6),this.kupFocus=o(this,"kup-accordion-focus",6),this.kupToolbarItemClick=o(this,"kup-accordion-toolbaritemclick",6),this.toolbarState=[],this.infoState=[],this.kupManager=a(),_.set(this,null),this.slotsNames=[],g.set(this,null),this.selectedItems=[],this.customStyle="",this.data=null,this.infoIcon=!1,this.ripple=!1,this.toolbar=!1,this.sizing=c.SMALL,this.toolbarCallback=void 0,this.infoCallback=void 0}onKupBlur(i){this.kupBlur.emit({comp:this,id:this.rootElement.id,node:i})}onKupIconClick(i){i?(v(this,g,i,"f"),this.createDropDownToolbarList()):this.kupManager.debug.logMessage(this,"onKupIconClick: Element is null")}onKupInfoIconClick(i){i?(v(this,g,i,"f"),this.createDropDownInfoList()):this.kupManager.debug.logMessage(this,"onKupIconClick: Element is null")}onKupFocus(i){this.kupFocus.emit({comp:this,id:this.rootElement.id,node:i})}onKupToolbarItemClick(i){this.kupToolbarItemClick.emit({comp:this,id:this.rootElement.id,node:i.detail.selected})}applyRipple(){const i=this.rootElement.shadowRoot;if(i&&this.ripple){const o=i.querySelectorAll(".mdc-ripple-surface:not(.mdc-ripple-upgraded)");if(o)for(let i=0;i<o.length;i++)m.attachTo(o[i])}}updateSelectedItems(){var i;const o=[];if(null===(i=this.data)||void 0===i?void 0:i.length)for(let i=0;i<this.data.length;i++){const t=this.data[i];void 0===t.contentVisible&&(t.contentVisible=!0),t.contentVisible&&o.push(t.id)}this.selectedItems=o}async collapseAll(){const i=[];for(let o=0;o<this.data.length;o++){const t=this.data[o];!this.isItemExpandible(t)&&this.isItemSelected(t)&&i.push(t.id)}this.selectedItems=i}async expandAll(){const i=[];for(let o=0;o<this.data.length;o++){const t=this.data[o];this.isItemExpandible(t)&&i.push(t.id)}this.selectedItems=i}async getProps(i){return s(this,k,i)}async refresh(){t(this)}async setProps(i){p(this,k,i)}async toggleItem(i){this.isItemExpandible(i)&&(void 0===i.contentVisible&&(i.contentVisible=!0),i.contentVisible=!i.contentVisible,this.updateSelectedItems(),this.kupClick.emit({comp:this,id:this.rootElement.id,node:i}))}isItemExpandible(i){return i.expandable||this.slotsNames.includes(i.id)}isItemSelected(i){return this.selectedItems.includes(i.id)}renderItems(){var i,o;const t=[],r=Array.prototype.slice.call(this.rootElement.children,0);this.slotsNames=[];for(let i=0;i<r.length;i++)this.slotsNames.push(r[i].slot);for(let r=0;r<this.data.length;r++){const n=this.data[r],a=this.isItemSelected(n),c=this.isItemExpandible(n),s={"accordion-item__header":!0,"accordion-item__header--selected":!(c||!a),"accordion-item__header--expanded":!(!c||!a),"mdc-ripple-surface":!!this.ripple,[`accordion-item--${this.sizing}`]:!!this.sizing},p={"accordion-item__content":!0,"accordion-item__content--selected":!!a},d=e("div",{class:"accordion-rigtbuttons"},this.infoIcon&&this.infoCallback&&e(u,{resource:"info_outline",sizeX:"16px",sizeY:"16px",onClick:async i=>{i.stopPropagation();const o=i.currentTarget;this.infoState=await this.infoCallback(),this.infoState.length>0?this.onKupInfoIconClick(o):this.kupManager.debug.logMessage(this,"InfoIcon data is empty, not opening dropdown.")},wrapperClass:"tab__iconToolbar iconInfo"}),this.toolbar&&this.toolbarCallback&&e(u,{resource:"more_vert",sizeX:"16px",sizeY:"16px",onClick:async i=>{var o;i.stopPropagation();const t=i.currentTarget;this.toolbarState=await this.toolbarCallback(),(null===(o=this.toolbarState)||void 0===o?void 0:o.length)>0?this.onKupIconClick(t):this.kupManager.debug.logMessage(this,"Toolbar data is empty, not opening dropdown.")},wrapperClass:"tab__iconToolbar iconToolbar"}),c?e("div",{class:`accordion-item__dropdown kup-icon ${h.DROPDOWN.replace("--","")}`}):null);t.push(e("div",{class:"accordion-item"},e("div",{tabindex:r,title:null!==(i=n.title)&&void 0!==i?i:null,class:s,onClick:i=>{i.stopPropagation(),this.toggleItem(n)},onBlur:()=>this.onKupBlur(n),onFocus:()=>this.onKupFocus(n)},n.icon?e(u,{color:`var(${l.PRIMARY})`,resource:n.icon,placeholderResource:n.placeholderIcon,sizeX:"1.5em",sizeY:"1.5em",wrapperClass:"accordion-item__icon"}):null,n.value?e("span",{class:"accordion-item__text"},null!==(o=n.value)&&void 0!==o?o:""):null,d),e("div",{class:p},e("slot",{name:n.id}))))}return t}closeRowToolbarList(){this.toolbarList&&(this.kupManager.dynamicPosition.stop(this.toolbarList),this.kupManager.removeClickCallback(b(this,_,"f")),this.toolbarList.remove(),this.kupManager.dynamicPosition.unregister([this.toolbarList]),this.toolbarList=null)}createDropDownToolbarList(){if(!b(this,g,"f"))return void this.kupManager.debug.logMessage(this,"createDropDownToolbarList: Anchor is null!");if(this.toolbarList&&this.closeRowToolbarList(),0===this.toolbarState.length)return void this.kupManager.debug.logMessage(this,"No toolbar state available.");const i=document.createElement("kup-toolbar");i.data=this.toolbarState,i.addEventListener("kup-toolbar-click",(i=>{this.onKupToolbarItemClick(i),setTimeout((()=>{this.closeRowToolbarList()}),0)})),this.toolbarList=i,v(this,_,{cb:()=>{this.closeRowToolbarList()},el:this.toolbarList},"f"),this.kupManager.addClickCallback(b(this,_,"f"),!0),this.rootElement.shadowRoot.appendChild(this.toolbarList),requestAnimationFrame((()=>{b(this,g,"f")?(this.kupManager.dynamicPosition.register(this.toolbarList,b(this,g,"f"),0,d.AUTO,!0),this.kupManager.dynamicPosition.start(this.toolbarList)):this.kupManager.debug.logMessage(this,"DropDown anchor is still null after delay!")}))}createDropDownInfoList(){if(!b(this,g,"f"))return void this.kupManager.debug.logMessage(this,"createDropDownToolbarList: Anchor is null!");if(this.infoList&&this.closeInfoDataList(),0===this.infoState.length)return void this.kupManager.debug.logMessage(this,"No toolbar state available.");const i=document.createElement("kup-list");i.data=this.infoState,this.infoList=i,v(this,_,{cb:()=>{this.closeInfoDataList()},el:this.infoList},"f"),this.kupManager.addClickCallback(b(this,_,"f"),!0),this.rootElement.shadowRoot.appendChild(this.infoList),requestAnimationFrame((()=>{this.kupManager.dynamicPosition.register(this.infoList,b(this,g,"f"),0,d.AUTO,!0),this.kupManager.dynamicPosition.start(this.infoList)}))}closeInfoDataList(){this.infoList&&(this.kupManager.dynamicPosition.stop(this.infoList),this.kupManager.removeClickCallback(b(this,_,"f")),this.infoList.remove(),this.kupManager.dynamicPosition.unregister([this.infoList]),this.infoList=null)}componentWillLoad(){this.kupManager.debug.logLoad(this,!1),this.kupManager.theme.register(this)}componentDidLoad(){this.updateSelectedItems(),this.applyRipple(),this.kupManager.debug.logLoad(this,!0)}componentWillRender(){this.kupManager.debug.logRender(this,!1)}componentDidRender(){const i=this.rootElement.shadowRoot;if(i){const o=i.querySelectorAll(".mdc-ripple-surface");if(o)for(let i=0;i<o.length;i++)m.attachTo(o[i])}this.kupManager.debug.logRender(this,!0)}render(){const i=this.data&&this.data.length?this.renderItems():null;return e(r,{key:"2b6280c1daf20870cb5a73f3c8f2c8e7272d9cd4"},e("style",{key:"92169351854c60b65712dc174214ac450172dbf1"},this.kupManager.theme.setKupStyle(this.rootElement)),e("div",{key:"20a65571ec0481ddf2938e29f48c2d26c7c637c7",id:f},e("div",{key:"8389a5bd3752c0ee21658de14f5e3590890b944c",class:"accordion"},i)))}disconnectedCallback(){this.kupManager.theme.unregister(this)}get rootElement(){return n(this)}static get watchers(){return{ripple:["applyRipple"],data:["updateSelectedItems"]}}};_=new WeakMap,g=new WeakMap,y.style=".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_accordion_border_top_color:var(\n --kup-accordion-border-top-color,\n var(--kup-border-subtle)\n );--kup_accordion_item_small_height:var(\n --kup-accordion-item-small-height,\n 32px\n );--kup_accordion_item_medium_height:var(\n --kup-accordion-item-medium-height,\n 40px\n );--kup_accordion_item_outline_color_active:var(\n --kup-accordion-item-outline-color-focus,\n var(--kup-border-interactive)\n );--kup_accordion_item_large_height:var(\n --kup-accordion-item-medium-height,\n 48px\n );--kup_accordion_header_background_color:var(\n --kup-accordion-header-background-color,\n var(--kup-layer-0)\n );--kup_accordion_header_background_color_hover:var(\n --kup-accordion-header-background-color-hover,\n var(--kup-layer-0-hover)\n );--kup_accordion_header_padding:var(\n --kup-accordion-header-padding,\n var(--kup-space-05)\n );--kup_accordion_dropdown_icon_color:var(\n --kup-accordio-dropdown-icon-color,\n var(--kup-text-primary)\n );--kup_accordion_transition:var(--kup-accordion-transition, 80ms);display:block;font-family:var(--kup_accordion_font_family);font-size:var(--kup_accordion_font_size)}.accordion{border-radius:var(--kup_accordion_border_radius);display:flex;flex-wrap:wrap;flex-direction:column;width:100%}.accordion-item{border-top:1px solid var(--kup_accordion_border_top_color);box-sizing:border-box;width:100%}.accordion-item--visible{display:block}.accordion-item:is(:last-of-type){border-bottom:1px solid var(--kup_accordion_border_top_color)}.accordion-item__header{height:var(--kup_accordion_item_medium_height);align-items:center;border:none;box-sizing:border-box;color:var(--kup_accordion_text_color);cursor:pointer;display:flex;line-height:1.75em;outline:none;padding:var(--kup_accordion_padding);text-align:left;transition:background-color var(--kup_accordion_transition), color var(--kup_accordion_transition);width:100%;outline:2px solid transparent;outline-offset:-2px;padding-left:16px;padding-right:16px;gap:var(--kup-space-03)}.accordion-item__header:focus{outline:2px solid var(--kup_accordion_item_outline_color_active)}.accordion-item__header.accordion-item--small{height:var(--kup_accordion_item_small_height)}.accordion-item__header.accordion-item--large{height:var(--kup_accordion_item_large_height)}.accordion-item__header:hover:not(.accordion-item__header--selected){background-color:var(--kup_accordion_header_background_color_hover)}.accordion-item__header:focus(.accordion-item__header--selected){outline:2px solid var(--kup_accordion_item_outline_color_active)}.accordion-item__header--expanded{background-color:var(--kup_accordion_background_color)}.accordion-item__header--expanded .accordion-item__dropdown{transform:rotate(-180deg)}.accordion-item__header .f-image{margin:0}.accordion-item__header .accordion-rigtbuttons{margin-left:auto;margin-right:0;display:flex;gap:var(--kup-space-03)}.accordion-item__text{margin-right:0.5em;overflow:hidden;text-overflow:ellipsis;white-space:pre}.accordion-item__text--highlighted{color:var(--kup_accordion_text_on_primary_color);background-color:var(--kup_accordion_primary_color)}.accordion-item__icon{margin-left:0;margin-right:0.5em}.accordion-item__dropdown{background-color:var(--kup_accordion_dropdown_icon_color);height:1.5em;min-width:1.5em;width:1.5em;transition:transform var(--kup_accordion_transition)}.accordion-item__content{padding-left:16px;padding-top:8px;padding-bottom:24px;padding-right:80px;animation:fade-in 0.25s ease-out;display: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}.accordion-item__content--selected{display:block}.mdc-ripple-surface{--mdc-ripple-fg-opacity:0.24}.mdc-ripple-surface:before,.mdc-ripple-surface:after{background-color:var(--kup_accordion_primary_color)}.kup-icon.kup-dropdown-icon{-webkit-mask:var(--kup-dropdown-icon);mask:var(--kup-dropdown-icon)}:host(.kup-borderless){--kup-accordion-border:none}:host(.kup-full-height){height:100%}:host(.kup-full-width){width:100%}:host(.kup-danger){--kup-accordion-primary-color:var(--kup-danger-color-60);--kup-accordion-primary-color-rgb:var(--kup-danger-color-60-rgb);--kup-accordion-text-on-primary-color:white}:host(.kup-info){--kup-accordion-primary-color:var(--kup-info-50-color);--kup-accordion-primary-color-rgb:var(--kup-info-color-50-rgb);--kup-accordion-text-on-primary-color:white}:host(.kup-secondary){--kup-accordion-primary-color:var(--kup-secondary-color);--kup-accordion-primary-color-rgb:var(--kup-secondary-color-rgb);--kup-accordion-text-on-primary-color:var(--kup-text-on-secondary-color)}:host(.kup-success){--kup-accordion-primary-color:var(--kup-success-color-40);--kup-accordion-primary-color-rgb:var(--kup-success-color-40-rgb);--kup-accordion-text-on-primary-color:white}:host(.kup-warning){--kup-accordion-primary-color:var(--kup-warning-color-50);--kup-accordion-primary-color-rgb:var(--kup-warning-color-50-rgb);--kup-accordion-text-on-primary-color:white}";export{y as kup_accordion}
@@ -1 +1 @@
1
- import{r as t,c as i,f as e,h as n,F as a,H as o,d as r}from"./p-710d0a7d.js";import{k as s,g as l,s as p,h as m,ai as c}from"./p-d629f411.js";import{c as h}from"./p-635bb4b3.js";import{F as f}from"./p-cc9db65d.js";import{s as d}from"./p-3a118dba.js";import"./p-cabebabc.js";var u,g;!function(t){t.data="Dataset containing the activities list",t.dateColumn="Column containing dates",t.timeColumn="Column containing times",t.sort="Order for sorting"}(u||(u={})),function(t){t.onClick="onClick",t.onRightClick="onRightClick"}(g||(g={}));var x,v,y,k=function(t,i,e,n){if("a"===e&&!n)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof i?t!==i||!n:!i.has(t))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===e?n:"a"===e?n.call(t):n?n.value:i.get(t)};const w=class{constructor(e){t(this,e),this.kupClick=i(this,"kup-activitytimeline-click",6),this.kupContextMenu=i(this,"kup-activitytimeline-contextmenu",6),this.kupReady=i(this,"kup-activitytimeline-ready",6),x.add(this),v.set(this,s()),this.timeline=[],this.data=void 0,this.dateColumn=void 0,this.sort=[],this.timeColumn=void 0}async getProps(t){return l(this,u,t)}async refresh(){e(this)}async setProps(t){p(this,u,t)}getActivity(t){return{column:this.data.columns.find((i=>i.name===t.columnName)),row:this.data.rows.find((i=>i.id===t.rowId))}}onActivityClick(t,i){this.kupClick.emit({comp:this,id:this.rootElement.id,details:Object.assign(Object.assign({},this.getActivity(i)),{originalEvent:t,type:g.onClick})})}onActivityContextMenu(t,i){this.kupContextMenu.emit({comp:this,id:this.rootElement.id,details:Object.assign(Object.assign({},this.getActivity(i)),{originalEvent:t,type:g.onRightClick})})}activityItem(t){return n("div",{class:"atm-row"},t.cells.map((t=>n("div",{class:"atm-col"},n("div",{class:"atm-inner-col"},n("h3",null,t.title,":")),n("div",{class:"atm-inner-col",onClick:i=>{i.stopPropagation(),this.onActivityClick(i,t)},onContextMenu:i=>{this.onActivityContextMenu(i,t)}},n("p",null,t.value))))))}calendarIcon(){return n(f,{color:"white",resource:"calendar",wrapperClass:"activity-timeline-item__icon",sizeX:"20px",sizeY:"32px"})}componentWillLoad(){k(this,v,"f").debug.logLoad(this,!1),k(this,v,"f").theme.register(this)}componentDidLoad(){this.kupReady.emit({comp:this,id:this.rootElement.id}),k(this,v,"f").debug.logLoad(this,!0)}componentWillRender(){k(this,v,"f").debug.logRender(this,!1)}componentDidRender(){k(this,v,"f").debug.logRender(this,!0)}render(){var t,i;if(!Boolean(!(null===(t=this.data)||void 0===t?void 0:t.columns)||!(null===(i=this.data)||void 0===i?void 0:i.rows)))return this.timeline=k(this,x,"m",y).call(this,this.data),n(o,null,n("style",null,k(this,v,"f").theme.setKupStyle(this.rootElement)),n("div",{id:h},n("div",{key:this.rootElement.id,class:"kup-activity-timeline",onContextMenu:t=>{t.preventDefault()}},this.timeline.map((t=>n("div",{class:"atm-container",key:t.date},n("div",{class:"atm-event"},n("div",{class:"atm-icon-wrapper"},n("div",{class:"atm-thumb"},this.calendarIcon())),n("div",{class:"atm-content"},n("div",null,n("h3",null,n("span",null,t.date))),t.activities.map((t=>n(a,null,this.activityItem(t))))))))))));k(this,v,"f").debug.logMessage(this,"Empty data.",m.WARNING)}disconnectedCallback(){k(this,v,"f").theme.unregister(this)}get rootElement(){return r(this)}};v=new WeakMap,x=new WeakSet,y=function(t){const{columns:i,rows:e}=t;if(!e)return k(this,v,"f").debug.logMessage(this,"Empty rows",m.ERROR),[];const n=i.find((t=>k(this,v,"f").objects.isDate(t.obj)&&t.name===this.dateColumn)),a=i.find((t=>k(this,v,"f").objects.isTime(t.obj)&&t.name===this.timeColumn));if(!n&&!a)return k(this,v,"f").debug.logMessage(this,'At least one of "dateColumn" or "timeColumn" must be set and exist in the dataset',m.ERROR),[];const o=this.sort.filter((({column:t})=>i.some((i=>i.name===t)))),r=d(e,o).reduce(((t,e)=>(t[`${n?c(n,e.cells[n.name]):""} ${a?c(a,e.cells[a.name]):""}`.trim()].push({cells:i.filter((t=>t.visible)).map((t=>({title:t.title,value:c(t,e.cells[t.name]),columnName:t.name,rowId:e.id})))}),t)),new Proxy({},{get:(t,i)=>{var e;return null!==(e=t[i])&&void 0!==e?e:t[i]=[]}}));return Object.entries(r).map((([t,i])=>({date:t,activities:i})))},w.style='.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}.atm-container{color:var(--kup-gray-color-70)}.atm-container.clickable{cursor:pointer}.atm-container .atm-event{margin-bottom:10px;padding-bottom:25px;display:flex;position:relative;width:100%}.atm-container .atm-event:after{content:"";display:inline-block;width:1px;left:15px;position:absolute;top:0;bottom:0;z-index:1;background:var(--kup-primary-color)}.atm-container .atm-event .atm-icon-wrapper{margin-top:10px}.atm-container .atm-event .atm-thumb{background:var(--kup-primary-color);display:inline-block;vertical-align:top;width:32px;height:32px;border:none;border-radius:var(--kup-radius-00);text-align:center;z-index:10;position:relative;border-bottom-width:2px}.atm-container .atm-event .atm-thumb>span.-atm-icon{vertical-align:middle;line-height:32px;color:white;font-size:20px}.atm-container .atm-event .atm-content{display:inline-block;padding:0 6px 0 10px;vertical-align:top;width:calc(100% - 45px)}.atm-container .atm-event .atm-content .atm-content-header h3.atm-title{margin:0;font-size:15px;line-height:16px;float:left;width:calc(100% - 100px)}.atm-container .atm-event .atm-content .atm-content-header .atm-datetime{font-style:italic;font-size:11px;line-height:16px;float:right;width:100px;text-align:right}.atm-container .atm-event .atm-content .atm-row{max-width:calc(100% - 30px);width:100%;display:grid;grid-template-columns:repeat(8, 1fr);grid-gap:0px 0px;padding-bottom:10px}.atm-container .atm-event .atm-content .atm-row .atm-col{display:flex;align-items:baseline;justify-content:center;gap:3px;width:100%}.atm-container .atm-event .atm-content .atm-row .atm-col .atm-inner-col{width:50%}.atm-container .atm-event .atm-content .atm-row .atm-col .atm-inner-col h3{margin-bottom:7px;font-size:12px;word-break:break-word;padding-right:6px;font-weight:400}.atm-container .atm-event .atm-content .atm-row .atm-col .atm-inner-col p{font-size:12px;word-break:break-word;text-decoration:underline;color:var(--kup-primary-color);cursor:pointer}@media (max-width: 1799px){.atm-container .atm-event .atm-content .atm-row{grid-template-columns:repeat(4, 1fr)}.atm-container .atm-event .atm-content .atm-row .atm-col{justify-content:start}}@media (max-width: 1365px){.atm-container .atm-event .atm-content .atm-row{grid-template-columns:repeat(3, 1fr)}}@media (max-width: 991px){.atm-container .atm-event .atm-content .atm-row{grid-template-columns:repeat(2, 1fr)}}@media (max-width: 575px){.atm-container .atm-event .atm-content .atm-row{grid-template-columns:repeat(1, 1fr)}}';export{w as kup_activity_timeline}
1
+ import{r as t,c as i,f as e,h as n,F as a,H as o,d as r}from"./p-710d0a7d.js";import{k as s,g as l,s as p,h as m,ai as c}from"./p-f8aefe67.js";import{c as h}from"./p-635bb4b3.js";import{F as f}from"./p-cc9db65d.js";import{s as d}from"./p-43e37416.js";import"./p-cabebabc.js";var u,g;!function(t){t.data="Dataset containing the activities list",t.dateColumn="Column containing dates",t.timeColumn="Column containing times",t.sort="Order for sorting"}(u||(u={})),function(t){t.onClick="onClick",t.onRightClick="onRightClick"}(g||(g={}));var x,v,y,k=function(t,i,e,n){if("a"===e&&!n)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof i?t!==i||!n:!i.has(t))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===e?n:"a"===e?n.call(t):n?n.value:i.get(t)};const w=class{constructor(e){t(this,e),this.kupClick=i(this,"kup-activitytimeline-click",6),this.kupContextMenu=i(this,"kup-activitytimeline-contextmenu",6),this.kupReady=i(this,"kup-activitytimeline-ready",6),x.add(this),v.set(this,s()),this.timeline=[],this.data=void 0,this.dateColumn=void 0,this.sort=[],this.timeColumn=void 0}async getProps(t){return l(this,u,t)}async refresh(){e(this)}async setProps(t){p(this,u,t)}getActivity(t){return{column:this.data.columns.find((i=>i.name===t.columnName)),row:this.data.rows.find((i=>i.id===t.rowId))}}onActivityClick(t,i){this.kupClick.emit({comp:this,id:this.rootElement.id,details:Object.assign(Object.assign({},this.getActivity(i)),{originalEvent:t,type:g.onClick})})}onActivityContextMenu(t,i){this.kupContextMenu.emit({comp:this,id:this.rootElement.id,details:Object.assign(Object.assign({},this.getActivity(i)),{originalEvent:t,type:g.onRightClick})})}activityItem(t){return n("div",{class:"atm-row"},t.cells.map((t=>n("div",{class:"atm-col"},n("div",{class:"atm-inner-col"},n("h3",null,t.title,":")),n("div",{class:"atm-inner-col",onClick:i=>{i.stopPropagation(),this.onActivityClick(i,t)},onContextMenu:i=>{this.onActivityContextMenu(i,t)}},n("p",null,t.value))))))}calendarIcon(){return n(f,{color:"white",resource:"calendar",wrapperClass:"activity-timeline-item__icon",sizeX:"20px",sizeY:"32px"})}componentWillLoad(){k(this,v,"f").debug.logLoad(this,!1),k(this,v,"f").theme.register(this)}componentDidLoad(){this.kupReady.emit({comp:this,id:this.rootElement.id}),k(this,v,"f").debug.logLoad(this,!0)}componentWillRender(){k(this,v,"f").debug.logRender(this,!1)}componentDidRender(){k(this,v,"f").debug.logRender(this,!0)}render(){var t,i;if(!Boolean(!(null===(t=this.data)||void 0===t?void 0:t.columns)||!(null===(i=this.data)||void 0===i?void 0:i.rows)))return this.timeline=k(this,x,"m",y).call(this,this.data),n(o,null,n("style",null,k(this,v,"f").theme.setKupStyle(this.rootElement)),n("div",{id:h},n("div",{key:this.rootElement.id,class:"kup-activity-timeline",onContextMenu:t=>{t.preventDefault()}},this.timeline.map((t=>n("div",{class:"atm-container",key:t.date},n("div",{class:"atm-event"},n("div",{class:"atm-icon-wrapper"},n("div",{class:"atm-thumb"},this.calendarIcon())),n("div",{class:"atm-content"},n("div",null,n("h3",null,n("span",null,t.date))),t.activities.map((t=>n(a,null,this.activityItem(t))))))))))));k(this,v,"f").debug.logMessage(this,"Empty data.",m.WARNING)}disconnectedCallback(){k(this,v,"f").theme.unregister(this)}get rootElement(){return r(this)}};v=new WeakMap,x=new WeakSet,y=function(t){const{columns:i,rows:e}=t;if(!e)return k(this,v,"f").debug.logMessage(this,"Empty rows",m.ERROR),[];const n=i.find((t=>k(this,v,"f").objects.isDate(t.obj)&&t.name===this.dateColumn)),a=i.find((t=>k(this,v,"f").objects.isTime(t.obj)&&t.name===this.timeColumn));if(!n&&!a)return k(this,v,"f").debug.logMessage(this,'At least one of "dateColumn" or "timeColumn" must be set and exist in the dataset',m.ERROR),[];const o=this.sort.filter((({column:t})=>i.some((i=>i.name===t)))),r=d(e,o).reduce(((t,e)=>(t[`${n?c(n,e.cells[n.name]):""} ${a?c(a,e.cells[a.name]):""}`.trim()].push({cells:i.filter((t=>t.visible)).map((t=>({title:t.title,value:c(t,e.cells[t.name]),columnName:t.name,rowId:e.id})))}),t)),new Proxy({},{get:(t,i)=>{var e;return null!==(e=t[i])&&void 0!==e?e:t[i]=[]}}));return Object.entries(r).map((([t,i])=>({date:t,activities:i})))},w.style='.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}.atm-container{color:var(--kup-gray-color-70)}.atm-container.clickable{cursor:pointer}.atm-container .atm-event{margin-bottom:10px;padding-bottom:25px;display:flex;position:relative;width:100%}.atm-container .atm-event:after{content:"";display:inline-block;width:1px;left:15px;position:absolute;top:0;bottom:0;z-index:1;background:var(--kup-primary-color)}.atm-container .atm-event .atm-icon-wrapper{margin-top:10px}.atm-container .atm-event .atm-thumb{background:var(--kup-primary-color);display:inline-block;vertical-align:top;width:32px;height:32px;border:none;border-radius:var(--kup-radius-00);text-align:center;z-index:10;position:relative;border-bottom-width:2px}.atm-container .atm-event .atm-thumb>span.-atm-icon{vertical-align:middle;line-height:32px;color:white;font-size:20px}.atm-container .atm-event .atm-content{display:inline-block;padding:0 6px 0 10px;vertical-align:top;width:calc(100% - 45px)}.atm-container .atm-event .atm-content .atm-content-header h3.atm-title{margin:0;font-size:15px;line-height:16px;float:left;width:calc(100% - 100px)}.atm-container .atm-event .atm-content .atm-content-header .atm-datetime{font-style:italic;font-size:11px;line-height:16px;float:right;width:100px;text-align:right}.atm-container .atm-event .atm-content .atm-row{max-width:calc(100% - 30px);width:100%;display:grid;grid-template-columns:repeat(8, 1fr);grid-gap:0px 0px;padding-bottom:10px}.atm-container .atm-event .atm-content .atm-row .atm-col{display:flex;align-items:baseline;justify-content:center;gap:3px;width:100%}.atm-container .atm-event .atm-content .atm-row .atm-col .atm-inner-col{width:50%}.atm-container .atm-event .atm-content .atm-row .atm-col .atm-inner-col h3{margin-bottom:7px;font-size:12px;word-break:break-word;padding-right:6px;font-weight:400}.atm-container .atm-event .atm-content .atm-row .atm-col .atm-inner-col p{font-size:12px;word-break:break-word;text-decoration:underline;color:var(--kup-primary-color);cursor:pointer}@media (max-width: 1799px){.atm-container .atm-event .atm-content .atm-row{grid-template-columns:repeat(4, 1fr)}.atm-container .atm-event .atm-content .atm-row .atm-col{justify-content:start}}@media (max-width: 1365px){.atm-container .atm-event .atm-content .atm-row{grid-template-columns:repeat(3, 1fr)}}@media (max-width: 991px){.atm-container .atm-event .atm-content .atm-row{grid-template-columns:repeat(2, 1fr)}}@media (max-width: 575px){.atm-container .atm-event .atm-content .atm-row{grid-template-columns:repeat(1, 1fr)}}';export{w as kup_activity_timeline}
@@ -1 +1 @@
1
- import{r as t,c as e,f as i,h as a,H as s,d as o}from"./p-710d0a7d.js";import{k as n,g as r,s as h,v as c,ai as l}from"./p-d629f411.js";import{c as p}from"./p-635bb4b3.js";import"./p-cabebabc.js";var f;!function(t){t.columnsNumber="Sets the number of columns.",t.customStyle="Custom style of the component.",t.data="Actual data of the component.",t.decvalueCol="Sets the decimal value column.",t.descrCol="Sets the description column.",t.fullWidth="Sets whether the component occupies all available width.",t.horizontal="Sets whether the cards are placed horizontally or not.",t.iconCol="Sets the icon column.",t.iconcolorCol="Sets the icon color column.",t.intvalueCol="Sets the integer value column.",t.isClickable="Sets whether a single card is clickable or not.",t.layoutCol="Sets the layout column.",t.measureCol="Sets the unit of measure column.",t.textcolorCol="Sets the text color column.",t.valueCol="Sets the value column.",t.valuecolorCol="Sets the value color column."}(f||(f={}));var u,m=function(t,e,i,a){if("a"===i&&!a)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof e?t!==e||!a:!e.has(t))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===i?a:"a"===i?a.call(t):a?a.value:e.get(t)};const d=class{constructor(i){t(this,i),this.kupCardListClickEvent=e(this,"kup-cardlist-click",7),u.set(this,n()),this.columnsNumber=1,this.customStyle="",this.data=null,this.fullWidth=!0,this.horizontal=!1,this.descrCol="",this.iconCol="",this.valueCol="",this.measureCol="",this.intvalueCol="",this.decvalueCol="",this.textcolorCol="",this.valuecolorCol="",this.iconcolorCol="",this.layoutCol="",this.isClickable=!1}async getProps(t){return r(this,f,t)}async refresh(){i(this)}async setProps(t){h(this,f,t)}componentWillLoad(){m(this,u,"f").debug.logLoad(this,!1),m(this,u,"f").theme.register(this)}componentDidLoad(){m(this,u,"f").debug.logLoad(this,!0)}componentDidRender(){m(this,u,"f").debug.logRender(this,!0)}render(){if(!this.data||!this.data.columns||!this.data.columns.length)return;const t=[];let e,i,o,n,r,h,f,d,g,k;for(let t=0;t<this.data.columns.length;t++){const a=this.data.columns[t];if(a.name)switch(a.name){case this.decvalueCol:e=a;break;case this.descrCol:i=a;break;case this.iconCol:o=a;break;case this.iconcolorCol:n=a;break;case this.intvalueCol:r=a;break;case this.layoutCol:h=a;break;case this.measureCol:f=a;break;case this.textcolorCol:d=a;break;case this.valueCol:g=a;break;case this.valuecolorCol:k=a}}for(let s=0;s<this.data.rows.length;s++){const p=this.data.rows[s],x={color:[],image:[],text:[]},y=h&&p.cells[h.name].value?parseInt(p.cells[h.name].value):1,w=a("kup-card",{class:this.isClickable?"is-clickable":"",customStyle:"#kup-component, .scalable-card { min-height: var(--kup_cardlist_cardsminheight) }",data:x,layoutFamily:c.SCALABLE,layoutNumber:y,key:s,"onKup-card-click":()=>{this.isClickable&&this.kupCardListClickEvent.emit({comp:this,id:this.rootElement.id,index:s,row:p})},slot:s.toString()}),b=(t,e,i)=>{if(t){const a=p.cells[t.name];if(a){const s=a.value;switch(e){case"color":x[e][i]=m(this,u,"f").theme.colorCheck(s).hexColor;break;case"image":x[e][i]={resource:s};break;default:x[e][i]=l(t,a)}}}};switch(y){case 1:b(d,"color",0),b(k,"color",1),b(i,"text",0),b(g,"text",1);break;case 2:b(n,"color",0),b(k,"color",1),b(o,"image",0),b(r,"text",0),b(e,"text",1),b(f,"text",2);break;case 3:b(k,"color",0),b(d,"color",1),b(g,"text",0),b(i,"text",1);break;case 4:b(n,"color",0),b(k,"color",1),b(d,"color",2),b(o,"image",0),b(r,"text",0),b(e,"text",1),b(f,"text",2),b(i,"text",3);break;case 5:b(n,"color",0),b(d,"color",1),b(k,"color",2),b(o,"image",0),b(i,"text",0),b(g,"text",1);break;case 6:case 7:case 8:b(n,"color",0),b(k,"color",1),b(d,"color",2),b(o,"image",0),b(g,"text",0),b(i,"text",1)}t.push(w)}return a(s,null,a("style",null,m(this,u,"f").theme.setKupStyle(this.rootElement)),a("div",{id:p},a("kup-grid",{class:(this.fullWidth?"kup-full-width":"")+" scalable-cards",columns:this.columnsNumber,singleLine:this.horizontal},t)))}disconnectedCallback(){m(this,u,"f").theme.unregister(this)}get rootElement(){return o(this)}};u=new WeakMap,d.style=".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_cardlist_cards_max_height:var(--kup-cardlist-cards-max-height, unset);--kup_cardlist_cards_min_height:var(--kup-cardlist-cards-min-height, unset);--kup_cardlist_cards_max_width:var(--kup-cardlist-cards-max-width, unset);--kup_cardlist_cards_min_width:var(--kup-cardlist-cards-min-width, unset);display:block;height:fit-content;width:100%}#kup-component{height:100%;width:100%}kup-card{max-height:var(--kup_cardlist_cards_max_height);min-height:var(--kup_cardlist_cards_min_height);max-width:var(--kup_cardlist_cards_max_width);min-width:var(--kup_cardlist_cards_min_width)}kup-card.is-clickable{cursor:pointer}kup-grid{--kup-grid-padding:0}";export{d as kup_card_list}
1
+ import{r as t,c as e,f as i,h as a,H as s,d as o}from"./p-710d0a7d.js";import{k as n,g as r,s as h,v as c,ai as l}from"./p-f8aefe67.js";import{c as p}from"./p-635bb4b3.js";import"./p-cabebabc.js";var f;!function(t){t.columnsNumber="Sets the number of columns.",t.customStyle="Custom style of the component.",t.data="Actual data of the component.",t.decvalueCol="Sets the decimal value column.",t.descrCol="Sets the description column.",t.fullWidth="Sets whether the component occupies all available width.",t.horizontal="Sets whether the cards are placed horizontally or not.",t.iconCol="Sets the icon column.",t.iconcolorCol="Sets the icon color column.",t.intvalueCol="Sets the integer value column.",t.isClickable="Sets whether a single card is clickable or not.",t.layoutCol="Sets the layout column.",t.measureCol="Sets the unit of measure column.",t.textcolorCol="Sets the text color column.",t.valueCol="Sets the value column.",t.valuecolorCol="Sets the value color column."}(f||(f={}));var u,m=function(t,e,i,a){if("a"===i&&!a)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof e?t!==e||!a:!e.has(t))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===i?a:"a"===i?a.call(t):a?a.value:e.get(t)};const d=class{constructor(i){t(this,i),this.kupCardListClickEvent=e(this,"kup-cardlist-click",7),u.set(this,n()),this.columnsNumber=1,this.customStyle="",this.data=null,this.fullWidth=!0,this.horizontal=!1,this.descrCol="",this.iconCol="",this.valueCol="",this.measureCol="",this.intvalueCol="",this.decvalueCol="",this.textcolorCol="",this.valuecolorCol="",this.iconcolorCol="",this.layoutCol="",this.isClickable=!1}async getProps(t){return r(this,f,t)}async refresh(){i(this)}async setProps(t){h(this,f,t)}componentWillLoad(){m(this,u,"f").debug.logLoad(this,!1),m(this,u,"f").theme.register(this)}componentDidLoad(){m(this,u,"f").debug.logLoad(this,!0)}componentDidRender(){m(this,u,"f").debug.logRender(this,!0)}render(){if(!this.data||!this.data.columns||!this.data.columns.length)return;const t=[];let e,i,o,n,r,h,f,d,g,k;for(let t=0;t<this.data.columns.length;t++){const a=this.data.columns[t];if(a.name)switch(a.name){case this.decvalueCol:e=a;break;case this.descrCol:i=a;break;case this.iconCol:o=a;break;case this.iconcolorCol:n=a;break;case this.intvalueCol:r=a;break;case this.layoutCol:h=a;break;case this.measureCol:f=a;break;case this.textcolorCol:d=a;break;case this.valueCol:g=a;break;case this.valuecolorCol:k=a}}for(let s=0;s<this.data.rows.length;s++){const p=this.data.rows[s],x={color:[],image:[],text:[]},y=h&&p.cells[h.name].value?parseInt(p.cells[h.name].value):1,w=a("kup-card",{class:this.isClickable?"is-clickable":"",customStyle:"#kup-component, .scalable-card { min-height: var(--kup_cardlist_cardsminheight) }",data:x,layoutFamily:c.SCALABLE,layoutNumber:y,key:s,"onKup-card-click":()=>{this.isClickable&&this.kupCardListClickEvent.emit({comp:this,id:this.rootElement.id,index:s,row:p})},slot:s.toString()}),b=(t,e,i)=>{if(t){const a=p.cells[t.name];if(a){const s=a.value;switch(e){case"color":x[e][i]=m(this,u,"f").theme.colorCheck(s).hexColor;break;case"image":x[e][i]={resource:s};break;default:x[e][i]=l(t,a)}}}};switch(y){case 1:b(d,"color",0),b(k,"color",1),b(i,"text",0),b(g,"text",1);break;case 2:b(n,"color",0),b(k,"color",1),b(o,"image",0),b(r,"text",0),b(e,"text",1),b(f,"text",2);break;case 3:b(k,"color",0),b(d,"color",1),b(g,"text",0),b(i,"text",1);break;case 4:b(n,"color",0),b(k,"color",1),b(d,"color",2),b(o,"image",0),b(r,"text",0),b(e,"text",1),b(f,"text",2),b(i,"text",3);break;case 5:b(n,"color",0),b(d,"color",1),b(k,"color",2),b(o,"image",0),b(i,"text",0),b(g,"text",1);break;case 6:case 7:case 8:b(n,"color",0),b(k,"color",1),b(d,"color",2),b(o,"image",0),b(g,"text",0),b(i,"text",1)}t.push(w)}return a(s,null,a("style",null,m(this,u,"f").theme.setKupStyle(this.rootElement)),a("div",{id:p},a("kup-grid",{class:(this.fullWidth?"kup-full-width":"")+" scalable-cards",columns:this.columnsNumber,singleLine:this.horizontal},t)))}disconnectedCallback(){m(this,u,"f").theme.unregister(this)}get rootElement(){return o(this)}};u=new WeakMap,d.style=".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_cardlist_cards_max_height:var(--kup-cardlist-cards-max-height, unset);--kup_cardlist_cards_min_height:var(--kup-cardlist-cards-min-height, unset);--kup_cardlist_cards_max_width:var(--kup-cardlist-cards-max-width, unset);--kup_cardlist_cards_min_width:var(--kup-cardlist-cards-min-width, unset);display:block;height:fit-content;width:100%}#kup-component{height:100%;width:100%}kup-card{max-height:var(--kup_cardlist_cards_max_height);min-height:var(--kup_cardlist_cards_min_height);max-width:var(--kup_cardlist_cards_max_width);min-width:var(--kup_cardlist_cards_min_width)}kup-card.is-clickable{cursor:pointer}kup-grid{--kup-grid-padding:0}";export{d as kup_card_list}
@@ -1 +1 @@
1
- import{r as a,c as t,f as r,h as o,H as i,d as n}from"./p-710d0a7d.js";import{k as e,g as p,s}from"./p-d629f411.js";import{c as l}from"./p-635bb4b3.js";import"./p-cabebabc.js";const u="nav-bar";var c,h;!function(a){a.customStyle="Custom style of the component.",a.image="Image displayed by the nav bar, uses the kup-image component's props.",a.label="Text displayed by the nav bar.",a.showMenuButton="When true, the menu button will be displayed on the left of the nav bar.",a.styling="Defines the style of the nav bar"}(c||(c={})),function(a){a.SHORT="short",a.STANDARD="standard"}(h||(h={}));const b=class{constructor(r){a(this,r),this.kupNavbarReady=t(this,"kup-navbar-ready",6),this.kupNavbarResize=t(this,"kup-navbar-resize",6),this.kupManager=e(),this.customStyle="",this.styling=h.STANDARD}async getProps(a){return p(this,c,a)}async refresh(){r(this)}async resizeCallback(){window.clearTimeout(this.resizeTimeout),this.resizeTimeout=window.setTimeout((()=>{this.kupNavbarResize.emit({comp:this,id:this.rootElement.id})}),300)}async setProps(a){s(this,c,a)}content(){const a=Array.prototype.slice.call(this.rootElement.children,0),t=[],r=[];for(let i=0;i<a.length;i++)"left"===a[i].slot?t.push(o("slot",{name:"left"})):r.push(o("slot",{name:"right"}));return[t.length?o("section",{class:`${u}__section ${u}__section--align-start`},t):null,r.length?o("section",{class:`${u}__section ${u}__section--align-end`,role:"toolbar"},r):null]}componentWillLoad(){this.kupManager.debug.logLoad(this,!1),this.kupManager.language.register(this),this.kupManager.theme.register(this)}componentDidLoad(){this.kupNavbarReady.emit({comp:this,id:this.rootElement.id}),this.kupManager.resize.observe(this.rootElement),this.kupManager.debug.logLoad(this,!0)}componentWillRender(){this.kupManager.debug.logRender(this,!1)}componentDidRender(){this.kupManager.debug.logRender(this,!0)}render(){return o(i,{key:"1b7dfbdcdba323600c1694ffd97fae2fea456fa3",class:"header"},o("style",{key:"19c21b8f911faff1b7721c108f5ee37ca36d093b"},this.kupManager.theme.setKupStyle(this.rootElement)),o("div",{key:"5636fc107766c42b39a0681c60d037598a2340af",id:l},o("header",{key:"7b7179dcf45e60515e3915f386fa8c589e740a65",class:`${u} ${u}--${this.styling.toLowerCase()} `},o("div",{key:"41b77c118a6455497d84c5b6fef3604d8e48e2e5",class:`${u}__row`},this.content()))))}disconnectedCallback(){this.kupManager.language.unregister(this),this.kupManager.resize.unobserve(this.rootElement),this.kupManager.theme.unregister(this)}get rootElement(){return n(this)}};b.style=".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_navbar_item_color:var(\n --kup-navbar-item-color,\n var(--kup-primary-color-0)\n );--kup_navbar_background_color:var(\n --kup-navbar-background-color,\n var(--kup-layer-1-inverted)\n );--kup_navbar_box_shadow:var(\n --kup-navbar-box-shadow,\n 0 2px 4px -1px rgba(128, 128, 128, 0.2),\n 0 4px 5px 0 rgba(128, 128, 128, 0.14),\n 0 1px 10px 0 rgba(128, 128, 128, 0.12)\n );--kup_navbar_position:var(--kup-navbar-position, fixed);--kup_navbar_short_border_radius:var(\n --kup-navbar-short-border-radius,\n 0px 0px 24px\n );--kup_navbar_short_box_shadow:var(\n --kup-navbar-short-box-shadow,\n rgba(128, 128, 128, 0.2) 0px 2px 4px -1px,\n rgba(128, 128, 128, 0.14) 0px 4px 5px 0px,\n rgba(128, 128, 128, 0.12) 0px 1px 10px 0px\n );--kup_navbar_short_width:var(--kup-navbar-short-width, 9em);--kup_navbar_transition:var(--kup-navbar-transition, 250ms);--kup_navbar_width:var(--kup-navbar-width, 100%);box-sizing:border-box;font-size:var(--kup-font-size);left:0;position:var(--kup_navbar_position);top:0;transition:all var(--kup_navbar_transition);width:var(--kup_navbar_width);z-index:var(--kup-navbar-zindex)}#kup-component{width:var(--kup_navbar_width)}.nav-bar{background-color:var(--kup_navbar_background_color);box-sizing:border-box;color:var(--kup_navbar_item_color);display:flex;flex-direction:column;justify-content:space-between;width:var(--kup_navbar_width);padding:0 var(--kup-space-05)}.nav-bar--short{border-radius:var(--kup_navbar_short_border_radius);box-shadow:var(--kup_navbar_short_box_shadow);width:var(--kup_navbar_short_width)}.nav-bar--short .nav-bar__section{padding:0 0.5em}.nav-bar--short section{overflow:hidden}.nav-bar ::slotted(*){--kup-button-primary-color:var(--kup_navbar_item_color);--kup-button-primary-color-rgb:var(--kup_navbar_item_color-rgb);--kup-button-primary-color-h:var(--kup_navbar_item_color-h);--kup-button-primary-color-s:var(--kup_navbar_item_color-s);--kup-button-primary-color-l:var(--kup_navbar_item_color-l);--kup-switch-label-color:var(--kup_navbar_item_color);--kup-switch-primary-color:var(--kup_navbar_item_color);--kup-switch-primary-color-rgb:var(--kup_navbar_item_color);--kup-textfield-color:var(--kup_navbar_item_color);--kup-textfield-color-rgb:var(--kup_navbar_item_color-rgb);--kup-tree-color:var(--kup_navbar_item_color);--kup-tree-color-rgb:var(--kup_navbar_item_color-rgb);--kup-button-text-color:var(--kup-primary-color-0);color:var(--kup_navbar_item_color);fill:var(--kup_navbar_item_color);margin:0}.nav-bar__row{box-sizing:border-box;display:flex;height:var(--kup-navbar-height);position:relative;width:var(--kup_navbar_width)}.nav-bar__section{align-items:center;display:inline-flex;flex:1 1 auto;min-width:0;padding:var(--kup_navbar_padding)}.nav-bar__section--align-start{flex-shrink:5;justify-content:flex-start;order:-1}.nav-bar__section--align-end{justify-content:flex-end;order:1;overflow:hidden}@media screen and (max-width: 678px){.nav-bar{padding:0 var(--kup-space-03)}}::slotted(*){--kup-button-primary-color:var(--kup_navbar_item_color);--kup-button-primary-color-rgb:var(--kup_navbar_item_color-rgb);--kup-button-primary-color-h:var(--kup_navbar_item_color-h);--kup-button-primary-color-s:var(--kup_navbar_item_color-s);--kup-button-primary-color-l:var(--kup_navbar_item_color-l);--kup-switch-label-color:var(--kup_navbar_item_color);--kup-switch-primary-color:var(--kup_navbar_item_color);--kup-switch-primary-color-rgb:var(--kup_navbar_item_color);--kup-textfield-color:var(--kup_navbar_item_color);--kup-textfield-color-rgb:var(--kup_navbar_item_color-rgb);--kup-tree-color:var(--kup_navbar_item_color);--kup-tree-color-rgb:var(--kup_navbar_item_color-rgb);--kup-button-text-color:var(--kup-primary-color-0);color:var(--kup_navbar_item_color);fill:var(--kup_navbar_item_color);margin:0}";export{b as kup_nav_bar}
1
+ import{r as a,c as t,f as r,h as o,H as i,d as n}from"./p-710d0a7d.js";import{k as e,g as p,s}from"./p-f8aefe67.js";import{c as l}from"./p-635bb4b3.js";import"./p-cabebabc.js";const u="nav-bar";var b,h;!function(a){a.customStyle="Custom style of the component.",a.image="Image displayed by the nav bar, uses the kup-image component's props.",a.label="Text displayed by the nav bar.",a.showMenuButton="When true, the menu button will be displayed on the left of the nav bar.",a.styling="Defines the style of the nav bar"}(b||(b={})),function(a){a.SHORT="short",a.STANDARD="standard"}(h||(h={}));const c=class{constructor(r){a(this,r),this.kupNavbarReady=t(this,"kup-navbar-ready",6),this.kupNavbarResize=t(this,"kup-navbar-resize",6),this.kupManager=e(),this.customStyle="",this.styling=h.STANDARD}async getProps(a){return p(this,b,a)}async refresh(){r(this)}async resizeCallback(){window.clearTimeout(this.resizeTimeout),this.resizeTimeout=window.setTimeout((()=>{this.kupNavbarResize.emit({comp:this,id:this.rootElement.id})}),300)}async setProps(a){s(this,b,a)}content(){const a=Array.prototype.slice.call(this.rootElement.children,0),t=[],r=[];for(let i=0;i<a.length;i++)"left"===a[i].slot?t.push(o("slot",{name:"left"})):r.push(o("slot",{name:"right"}));return[t.length?o("section",{class:`${u}__section ${u}__section--align-start`},t):null,r.length?o("section",{class:`${u}__section ${u}__section--align-end`,role:"toolbar"},r):null]}componentWillLoad(){this.kupManager.debug.logLoad(this,!1),this.kupManager.language.register(this),this.kupManager.theme.register(this)}componentDidLoad(){this.kupNavbarReady.emit({comp:this,id:this.rootElement.id}),this.kupManager.resize.observe(this.rootElement),this.kupManager.debug.logLoad(this,!0)}componentWillRender(){this.kupManager.debug.logRender(this,!1)}componentDidRender(){this.kupManager.debug.logRender(this,!0)}render(){return o(i,{key:"afdc1262ab3f18a3836bdef1e1dbb95feebbe3dc",class:"header"},o("style",{key:"7c7727e0ae01ea83f6eebfa1c31f448499ed67b6"},this.kupManager.theme.setKupStyle(this.rootElement)),o("div",{key:"ba7a8b75d5a4f19e7e4d79483e0f0453b67e0fa6",id:l},o("header",{key:"da35b1c5ae827e60b9c230ef7f1665fb4fcfc5fe",class:`${u} ${u}--${this.styling.toLowerCase()} `},o("div",{key:"27eaaae6da4b19e433df7e72772841ba51379f3c",class:`${u}__row`},this.content()))))}disconnectedCallback(){this.kupManager.language.unregister(this),this.kupManager.resize.unobserve(this.rootElement),this.kupManager.theme.unregister(this)}get rootElement(){return n(this)}};c.style=".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_navbar_item_color:var(\n --kup-navbar-item-color,\n var(--kup-primary-color-0)\n );--kup_navbar_background_color:var(\n --kup-navbar-background-color,\n var(--kup-layer-1-inverted)\n );--kup_navbar_box_shadow:var(\n --kup-navbar-box-shadow,\n 0 2px 4px -1px rgba(128, 128, 128, 0.2),\n 0 4px 5px 0 rgba(128, 128, 128, 0.14),\n 0 1px 10px 0 rgba(128, 128, 128, 0.12)\n );--kup_navbar_position:var(--kup-navbar-position, fixed);--kup_navbar_short_border_radius:var(\n --kup-navbar-short-border-radius,\n 0px 0px 24px\n );--kup_navbar_short_box_shadow:var(\n --kup-navbar-short-box-shadow,\n rgba(128, 128, 128, 0.2) 0px 2px 4px -1px,\n rgba(128, 128, 128, 0.14) 0px 4px 5px 0px,\n rgba(128, 128, 128, 0.12) 0px 1px 10px 0px\n );--kup_navbar_short_width:var(--kup-navbar-short-width, 9em);--kup_navbar_transition:var(--kup-navbar-transition, 250ms);--kup_navbar_width:var(--kup-navbar-width, 100%);box-sizing:border-box;font-size:var(--kup-font-size);left:0;position:var(--kup_navbar_position);top:0;transition:all var(--kup_navbar_transition);width:var(--kup_navbar_width);z-index:var(--kup-navbar-zindex)}#kup-component{width:var(--kup_navbar_width)}.nav-bar{background-color:var(--kup_navbar_background_color);box-sizing:border-box;color:var(--kup_navbar_item_color);display:flex;flex-direction:column;justify-content:space-between;width:var(--kup_navbar_width);padding:0 var(--kup-space-05)}.nav-bar--short{border-radius:var(--kup_navbar_short_border_radius);box-shadow:var(--kup_navbar_short_box_shadow);width:var(--kup_navbar_short_width)}.nav-bar--short .nav-bar__section{padding:0 0.5em}.nav-bar--short section{overflow:hidden}.nav-bar ::slotted(*){--kup-button-primary-color:var(--kup_navbar_item_color);--kup-button-primary-color-rgb:var(--kup_navbar_item_color-rgb);--kup-button-primary-color-h:var(--kup_navbar_item_color-h);--kup-button-primary-color-s:var(--kup_navbar_item_color-s);--kup-button-primary-color-l:var(--kup_navbar_item_color-l);--kup-switch-label-color:var(--kup_navbar_item_color);--kup-switch-primary-color:var(--kup_navbar_item_color);--kup-switch-primary-color-rgb:var(--kup_navbar_item_color);--kup-textfield-color:var(--kup_navbar_item_color);--kup-textfield-color-rgb:var(--kup_navbar_item_color-rgb);--kup-tree-color:var(--kup_navbar_item_color);--kup-tree-color-rgb:var(--kup_navbar_item_color-rgb);--kup-button-text-color:var(--kup-primary-color-0);color:var(--kup_navbar_item_color);fill:var(--kup_navbar_item_color);margin:0}.nav-bar__row{box-sizing:border-box;display:flex;height:var(--kup-navbar-height);position:relative;width:var(--kup_navbar_width)}.nav-bar__section{align-items:center;display:inline-flex;flex:1 1 auto;min-width:0;padding:var(--kup_navbar_padding)}.nav-bar__section--align-start{flex-shrink:5;justify-content:flex-start;order:-1}.nav-bar__section--align-end{justify-content:flex-end;order:1;overflow:hidden}@media screen and (max-width: 678px){.nav-bar{padding:0 var(--kup-space-03)}}::slotted(*){--kup-button-primary-color:var(--kup_navbar_item_color);--kup-button-primary-color-rgb:var(--kup_navbar_item_color-rgb);--kup-button-primary-color-h:var(--kup_navbar_item_color-h);--kup-button-primary-color-s:var(--kup_navbar_item_color-s);--kup-button-primary-color-l:var(--kup_navbar_item_color-l);--kup-switch-label-color:var(--kup_navbar_item_color);--kup-switch-primary-color:var(--kup_navbar_item_color);--kup-switch-primary-color-rgb:var(--kup_navbar_item_color);--kup-textfield-color:var(--kup_navbar_item_color);--kup-textfield-color-rgb:var(--kup_navbar_item_color-rgb);--kup-tree-color:var(--kup_navbar_item_color);--kup-tree-color-rgb:var(--kup_navbar_item_color-rgb);--kup-button-text-color:var(--kup-primary-color-0);color:var(--kup_navbar_item_color);fill:var(--kup_navbar_item_color);margin:0}";export{c as kup_nav_bar}
@@ -1 +1 @@
1
- import{r as t,c as r,f as e,h as o,H as a,d as i}from"./p-710d0a7d.js";import{k as p,g as n,s}from"./p-d629f411.js";import{c as l}from"./p-635bb4b3.js";import"./p-cabebabc.js";const d="drawer";var h;!function(t){t.customStyle="Custom style of the component.",t.opened="Defaults at false. When set to true, the drawer appears."}(h||(h={}));const c=class{constructor(e){t(this,e),this.kupDrawerClose=r(this,"kup-drawer-close",6),this.kupDrawerOpen=r(this,"kup-drawer-open",6),this.kupDrawerReady=r(this,"kup-drawer-ready",6),this.kupManager=p(),this.opened=!1,this.customStyle=""}async close(){this.opened=!1,this.kupDrawerClose.emit({comp:this,id:this.rootElement.id})}async getProps(t){return n(this,h,t)}async isOpened(){return this.opened}async open(){this.opened=!0,this.kupDrawerOpen.emit({comp:this,id:this.rootElement.id})}async refresh(){e(this)}async setProps(t){s(this,h,t)}async toggle(){this.opened?this.close():this.open()}content(){const t=[],r=Array.prototype.slice.call(this.rootElement.children,0),e=[];for(let e=0;e<r.length;e++)t.push(o("slot",null));return e.push(o("div",{class:`${d}__content`},t)),e}componentWillLoad(){this.kupManager.debug.logLoad(this,!1),this.kupManager.theme.register(this)}componentDidLoad(){this.kupDrawerReady.emit({comp:this,id:this.rootElement.id}),this.kupManager.debug.logLoad(this,!0)}componentWillRender(){this.kupManager.debug.logRender(this,!1)}componentDidRender(){this.kupManager.debug.logRender(this,!0)}render(){return o(a,{key:"0f03a9ec28a30133c48af267f152510a22d25c45","kup-opened":this.opened},o("style",{key:"b6a2a042edb3ba925cb8e53b42f5a8f4329ae302"},this.kupManager.theme.setKupStyle(this.rootElement)),o("div",{key:"47d94ef2126cec0fc4bf908175cd5f75853ef7bb",class:"backdrop",onClick:t=>{t.preventDefault(),t.stopPropagation()},onPointerDown:t=>{t.preventDefault(),t.stopPropagation(),this.close()},onTouchStart:t=>{t.preventDefault(),t.stopPropagation()}}),o("div",{key:"0ac61233158d55895bea11122f177814d20b4518",id:l},o("div",{key:"b29993549e61788eee7aa060a21de5eaca4e5eba",class:d},this.content())))}disconnectedCallback(){this.kupManager.theme.unregister(this)}get rootElement(){return i(this)}};c.style=".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_drawer_backdrop:var(--kup-drawer-backdrop, rgba(0, 0, 0, 0.32));--kup_drawer_box_shadow:var(\n --kup-drawer-box-shadow,\n 0 8px 10px -5px rgba(0, 0, 0, 0.2),\n 0 16px 24px 2px rgba(0, 0, 0, 0.14),\n 0 6px 30px 5px rgba(0, 0, 0, 0.12)\n );--kup_drawer_slotted_color:var(\n --kup-drawer-slotted-color,\n var(--kup-text-secondary)\n );--kup_drawer_background_color:var(\n --kup-drawer-background-color,\n var(--kup-layer-1)\n );--kup_drawer_permanent_border:var(\n --kup-drawer-permanent-border,\n 1px solid var(--kup-border-subtle)\n );--kup_drawer_slide_transition:var(--kup-drawer-slide-transition, 300ms);--kup_drawer_transition:var(--kup-drawer-transition, 250ms);box-shadow:var(--kup_drawer_box_shadow);display:block;height:100vh;left:calc(var(--kup-drawer-width) * -1);position:fixed;top:0;transition:left var(--kup_drawer_slide_transition) cubic-bezier(0.4, 0, 0.2, 1), right var(--kup_drawer_slide_transition) cubic-bezier(0.4, 0, 0.2, 1);width:var(--kup-drawer-width);z-index:var(--kup-drawer-zindex)}#kup-component{height:100%;width:100%}.backdrop{background:var(--kup_drawer_backdrop);display:none;height:100%;left:0;position:fixed;top:0;width:100%;z-index:var(--kup-drawer-zindex)}.drawer{height:100%;position:fixed;width:var(--kup-drawer-width);z-index:calc(var(--kup-drawer-zindex) + 1)}.drawer__content{background-color:var(--kup_drawer_background_color);box-sizing:border-box;height:100%;overflow-y:auto;width:100%}.drawer ::slotted(*){--kup-button-primary-color:var(--kup_drawer_slotted_color);--kup-button-primary-color-rgb:var(--kup_drawer_slotted_color-rgb);--kup-button-primary-color-h:var(--kup_drawer_slotted_color-h);--kup-button-primary-color-s:var(--kup_drawer_slotted_color-s);--kup-button-primary-color-l:var(--kup_drawer_slotted_color-l);--kup-switch-label-color:var(--kup_drawer_slotted_color);--kup-switch-primary-color:var(--kup_drawer_slotted_color);--kup-switch-primary-color-rgb:var(--kup_drawer_slotted_color-rgb);--kup-textfield-color:var(--kup_drawer_slotted_color);--kup-textfield-color-rgb:var(--kup_drawer_slotted_color-rgb);--kup-textfield-primary-color:var(--kup_drawer_slotted_color);--kup-textfield-primary-color-rgb:var(--kup_drawer_slotted_color-rgb);--kup-tree-color:var(--kup_drawer_slotted_color);--kup-tree-color-rgb:var(--kup_drawer_slotted_color-rgb);--kup-tree-filter-background-color:var(--kup-drawer-background-color);--kup-tree-icon-color:var(--kup_drawer_slotted_color);color:var(--kup_drawer_slotted_color);fill:var(--kup_drawer_slotted_color)}:host([kup-opened]){left:0}:host([kup-opened]) .backdrop{display:block}:host(.kup-right){left:unset;right:-100%}:host([kup-opened].kup-right){right:0}:host(.kup-permanent){box-shadow:unset;transition:all 250ms}:host(.kup-permanent) .backdrop{display:none}:host(.kup-permanent) .drawer{position:relative}:host(.kup-permanent) .drawer__content{border-right:var(--kup_drawer_permanent_border)}";export{c as kup_drawer}
1
+ import{r as t,c as r,f as e,h as o,H as a,d as i}from"./p-710d0a7d.js";import{k as p,g as n,s}from"./p-f8aefe67.js";import{c as l}from"./p-635bb4b3.js";import"./p-cabebabc.js";const d="drawer";var c;!function(t){t.customStyle="Custom style of the component.",t.opened="Defaults at false. When set to true, the drawer appears."}(c||(c={}));const h=class{constructor(e){t(this,e),this.kupDrawerClose=r(this,"kup-drawer-close",6),this.kupDrawerOpen=r(this,"kup-drawer-open",6),this.kupDrawerReady=r(this,"kup-drawer-ready",6),this.kupManager=p(),this.opened=!1,this.customStyle=""}async close(){this.opened=!1,this.kupDrawerClose.emit({comp:this,id:this.rootElement.id})}async getProps(t){return n(this,c,t)}async isOpened(){return this.opened}async open(){this.opened=!0,this.kupDrawerOpen.emit({comp:this,id:this.rootElement.id})}async refresh(){e(this)}async setProps(t){s(this,c,t)}async toggle(){this.opened?this.close():this.open()}content(){const t=[],r=Array.prototype.slice.call(this.rootElement.children,0),e=[];for(let e=0;e<r.length;e++)t.push(o("slot",null));return e.push(o("div",{class:`${d}__content`},t)),e}componentWillLoad(){this.kupManager.debug.logLoad(this,!1),this.kupManager.theme.register(this)}componentDidLoad(){this.kupDrawerReady.emit({comp:this,id:this.rootElement.id}),this.kupManager.debug.logLoad(this,!0)}componentWillRender(){this.kupManager.debug.logRender(this,!1)}componentDidRender(){this.kupManager.debug.logRender(this,!0)}render(){return o(a,{key:"93f1b8abbecb61a277b9e727363a63a79bec6b2f","kup-opened":this.opened},o("style",{key:"a4adae4c503ce4cd85171f3aba656d00cc537e11"},this.kupManager.theme.setKupStyle(this.rootElement)),o("div",{key:"241bc8dd79fc0a01b7912a525f6b7cb56ef7c8f6",class:"backdrop",onClick:t=>{t.preventDefault(),t.stopPropagation()},onPointerDown:t=>{t.preventDefault(),t.stopPropagation(),this.close()},onTouchStart:t=>{t.preventDefault(),t.stopPropagation()}}),o("div",{key:"b267c124462e0ca0b7255c004bbc25fd85897775",id:l},o("div",{key:"fa2ed194e5be92c1dabee9cd32fd641a4960561d",class:d},this.content())))}disconnectedCallback(){this.kupManager.theme.unregister(this)}get rootElement(){return i(this)}};h.style=".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_drawer_backdrop:var(--kup-drawer-backdrop, rgba(0, 0, 0, 0.32));--kup_drawer_box_shadow:var(\n --kup-drawer-box-shadow,\n 0 8px 10px -5px rgba(0, 0, 0, 0.2),\n 0 16px 24px 2px rgba(0, 0, 0, 0.14),\n 0 6px 30px 5px rgba(0, 0, 0, 0.12)\n );--kup_drawer_slotted_color:var(\n --kup-drawer-slotted-color,\n var(--kup-text-secondary)\n );--kup_drawer_background_color:var(\n --kup-drawer-background-color,\n var(--kup-layer-1)\n );--kup_drawer_permanent_border:var(\n --kup-drawer-permanent-border,\n 1px solid var(--kup-border-subtle)\n );--kup_drawer_slide_transition:var(--kup-drawer-slide-transition, 300ms);--kup_drawer_transition:var(--kup-drawer-transition, 250ms);box-shadow:var(--kup_drawer_box_shadow);display:block;height:100vh;left:calc(var(--kup-drawer-width) * -1);position:fixed;top:0;transition:left var(--kup_drawer_slide_transition) cubic-bezier(0.4, 0, 0.2, 1), right var(--kup_drawer_slide_transition) cubic-bezier(0.4, 0, 0.2, 1);width:var(--kup-drawer-width);z-index:var(--kup-drawer-zindex)}#kup-component{height:100%;width:100%}.backdrop{background:var(--kup_drawer_backdrop);display:none;height:100%;left:0;position:fixed;top:0;width:100%;z-index:var(--kup-drawer-zindex)}.drawer{height:100%;position:fixed;width:var(--kup-drawer-width);z-index:calc(var(--kup-drawer-zindex) + 1)}.drawer__content{background-color:var(--kup_drawer_background_color);box-sizing:border-box;height:100%;overflow-y:auto;width:100%}.drawer ::slotted(*){--kup-button-primary-color:var(--kup_drawer_slotted_color);--kup-button-primary-color-rgb:var(--kup_drawer_slotted_color-rgb);--kup-button-primary-color-h:var(--kup_drawer_slotted_color-h);--kup-button-primary-color-s:var(--kup_drawer_slotted_color-s);--kup-button-primary-color-l:var(--kup_drawer_slotted_color-l);--kup-switch-label-color:var(--kup_drawer_slotted_color);--kup-switch-primary-color:var(--kup_drawer_slotted_color);--kup-switch-primary-color-rgb:var(--kup_drawer_slotted_color-rgb);--kup-textfield-color:var(--kup_drawer_slotted_color);--kup-textfield-color-rgb:var(--kup_drawer_slotted_color-rgb);--kup-textfield-primary-color:var(--kup_drawer_slotted_color);--kup-textfield-primary-color-rgb:var(--kup_drawer_slotted_color-rgb);--kup-tree-color:var(--kup_drawer_slotted_color);--kup-tree-color-rgb:var(--kup_drawer_slotted_color-rgb);--kup-tree-filter-background-color:var(--kup-drawer-background-color);--kup-tree-icon-color:var(--kup_drawer_slotted_color);color:var(--kup_drawer_slotted_color);fill:var(--kup_drawer_slotted_color)}:host([kup-opened]){left:0}:host([kup-opened]) .backdrop{display:block}:host(.kup-right){left:unset;right:-100%}:host([kup-opened].kup-right){right:0}:host(.kup-permanent){box-shadow:unset;transition:all 250ms}:host(.kup-permanent) .backdrop{display:none}:host(.kup-permanent) .drawer{position:relative}:host(.kup-permanent) .drawer__content{border-right:var(--kup_drawer_permanent_border)}";export{h as kup_drawer}