@sme.up/ketchup 8.3.3 → 9.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (227) hide show
  1. package/dist/cjs/{component-24811409.js → component-cb3b32f5.js} +7 -2
  2. package/dist/cjs/{f-button-7687085a.js → f-button-733664a5.js} +2 -2
  3. package/dist/cjs/{f-cell-37ef6f00.js → f-cell-f37757a6.js} +201 -22
  4. package/dist/cjs/{f-checkbox-758d1d34.js → f-checkbox-556771e8.js} +1 -1
  5. package/dist/cjs/{f-chip-cf59bdb3.js → f-chip-3349d130.js} +3 -3
  6. package/dist/cjs/{f-image-1245b0cf.js → f-image-b7a5816b.js} +2 -2
  7. package/dist/cjs/{f-paginator-utils-b1af2a8f.js → f-paginator-utils-1fe1df76.js} +49 -50
  8. package/dist/cjs/{f-text-field-9c745112.js → f-text-field-8557fc3f.js} +38 -4
  9. package/dist/cjs/{f-text-field-mdc-b1fa6fd6.js → f-text-field-mdc-4fda9705.js} +1 -1
  10. package/dist/cjs/{index-eac07680.js → index-4b3a5567.js} +134 -26
  11. package/dist/cjs/ketchup.cjs.js +3 -3
  12. package/dist/cjs/kup-accordion.cjs.entry.js +4 -4
  13. package/dist/cjs/kup-autocomplete_27.cjs.entry.js +295 -338
  14. package/dist/cjs/kup-box.cjs.entry.js +25 -17
  15. package/dist/cjs/kup-calendar.cjs.entry.js +6 -6
  16. package/dist/cjs/kup-card-list.cjs.entry.js +244 -0
  17. package/dist/cjs/kup-cell.cjs.entry.js +9 -7
  18. package/dist/cjs/kup-dashboard.cjs.entry.js +8 -8
  19. package/dist/cjs/kup-drawer.cjs.entry.js +2 -2
  20. package/dist/cjs/kup-echart.cjs.entry.js +4579 -4431
  21. package/dist/cjs/kup-family-tree.cjs.entry.js +4 -4
  22. package/dist/cjs/kup-grid.cjs.entry.js +109 -0
  23. package/dist/cjs/kup-iframe.cjs.entry.js +2 -2
  24. package/dist/cjs/kup-image-list.cjs.entry.js +9 -9
  25. package/dist/cjs/kup-lazy.cjs.entry.js +2 -2
  26. package/dist/cjs/kup-magic-box.cjs.entry.js +3 -3
  27. package/dist/cjs/{kup-manager-38caaef3.js → kup-manager-cb73c128.js} +64 -14
  28. package/dist/cjs/kup-nav-bar.cjs.entry.js +2 -2
  29. package/dist/cjs/kup-numeric-picker.cjs.entry.js +5 -5
  30. package/dist/cjs/kup-photo-frame.cjs.entry.js +2 -2
  31. package/dist/cjs/kup-planner.cjs.entry.js +5 -5
  32. package/dist/cjs/kup-probe.cjs.entry.js +2 -2
  33. package/dist/cjs/kup-qlik.cjs.entry.js +2 -2
  34. package/dist/cjs/kup-snackbar.cjs.entry.js +4 -4
  35. package/dist/cjs/loader.cjs.js +2 -2
  36. package/dist/collection/assets/card-list.js +709 -0
  37. package/dist/collection/assets/data-table-performance.js +6 -0
  38. package/dist/collection/assets/data-table.js +44 -0
  39. package/dist/collection/assets/image-list.js +2 -12
  40. package/dist/collection/assets/index.js +8 -4
  41. package/dist/collection/assets/progress-bar.js +0 -0
  42. package/dist/collection/assets/radio.js +30 -0
  43. package/dist/collection/collection-manifest.json +3 -4
  44. package/dist/collection/components/kup-box/kup-box.js +14 -6
  45. package/dist/collection/components/kup-calendar/kup-calendar-declarations.js +1 -1
  46. package/dist/collection/components/kup-card/kup-card.css +34 -7
  47. package/dist/collection/components/kup-card/kup-card.js +25 -22
  48. package/dist/collection/components/kup-card/scalable/kup-card-scalable.js +45 -54
  49. package/dist/collection/components/kup-card/standard/kup-card-standard.js +10 -5
  50. package/dist/collection/components/kup-card-list/kup-card-list-declarations.js +13 -0
  51. package/dist/collection/components/kup-card-list/kup-card-list.css +34 -0
  52. package/dist/collection/components/kup-card-list/kup-card-list.js +481 -0
  53. package/dist/collection/components/kup-data-table/kup-data-table-helper.js +47 -48
  54. package/dist/collection/components/kup-data-table/kup-data-table-state.js +1 -1
  55. package/dist/collection/components/kup-data-table/kup-data-table.js +36 -22
  56. package/dist/collection/components/kup-echart/kup-echart.js +0 -2
  57. package/dist/collection/components/kup-grid/kup-grid.css +10 -0
  58. package/dist/collection/components/kup-progress-bar/kup-progress-bar.css +1 -242
  59. package/dist/collection/components/kup-progress-bar/kup-progress-bar.js +37 -84
  60. package/dist/collection/components/kup-radio/kup-radio.css +0 -161
  61. package/dist/collection/components/kup-radio/kup-radio.js +31 -26
  62. package/dist/collection/components/kup-rating/kup-rating.css +0 -8
  63. package/dist/collection/components/kup-rating/kup-rating.js +27 -52
  64. package/dist/collection/f-components/f-cell/f-cell-declarations.js +2 -0
  65. package/dist/collection/f-components/f-cell/f-cell.js +38 -17
  66. package/dist/collection/f-components/f-progress-bar/f-progress-bar-declarations.js +1 -0
  67. package/dist/collection/f-components/f-progress-bar/f-progress-bar.js +88 -0
  68. package/dist/collection/f-components/f-radio/f-radio-declarations.js +1 -0
  69. package/dist/collection/f-components/f-radio/f-radio.js +28 -0
  70. package/dist/collection/f-components/f-rating/f-rating-declarations.js +1 -0
  71. package/dist/collection/f-components/f-rating/f-rating.js +26 -0
  72. package/dist/collection/f-components/f-text-field/f-text-field.js +36 -2
  73. package/dist/collection/managers/kup-data/kup-data.js +2 -0
  74. package/dist/collection/managers/kup-math/kup-math.js +1 -1
  75. package/dist/collection/managers/kup-theme/kup-theme-declarations.js +33 -0
  76. package/dist/collection/managers/kup-theme/kup-theme.js +13 -1
  77. package/dist/collection/types/GenericTypes.js +1 -2
  78. package/dist/collection/utils/cell-utils.js +6 -7
  79. package/dist/components/index.d.ts +6 -0
  80. package/dist/components/index.js +1 -1
  81. package/dist/components/kup-accordion.js +2 -0
  82. package/dist/components/kup-autocomplete2.js +1555 -1387
  83. package/dist/components/kup-box2.js +24 -6
  84. package/dist/components/kup-calendar.js +4 -1
  85. package/dist/components/{kup-dash-list.d.ts → kup-card-list.d.ts} +4 -4
  86. package/dist/components/kup-card-list.js +408 -0
  87. package/dist/components/kup-cell.js +1 -1
  88. package/dist/components/kup-chart.js +1 -1
  89. package/dist/components/kup-checkbox.js +1 -1
  90. package/dist/components/kup-chip.js +1 -1
  91. package/dist/components/kup-color-picker.js +1 -1
  92. package/dist/components/kup-combobox.js +1 -1
  93. package/dist/components/kup-dashboard.js +3 -1
  94. package/dist/components/kup-data-table.js +1 -1
  95. package/dist/components/kup-date-picker.js +1 -1
  96. package/dist/components/kup-dialog.js +1 -1
  97. package/dist/components/kup-dropdown-button.js +1 -1
  98. package/dist/components/kup-echart2.js +4578 -4430
  99. package/dist/components/kup-family-tree.js +1 -1
  100. package/dist/components/kup-form.js +1 -1
  101. package/dist/components/kup-gauge.js +1 -1
  102. package/dist/components/kup-grid2.js +1 -1
  103. package/dist/components/kup-image-list.js +3 -1
  104. package/dist/components/kup-image.js +1 -1
  105. package/dist/components/kup-list.js +1 -1
  106. package/dist/components/kup-magic-box.js +1 -1
  107. package/dist/components/kup-numeric-picker.js +1 -1
  108. package/dist/components/kup-planner.js +3 -1
  109. package/dist/esm/{component-cc25b031.js → component-879e99bf.js} +7 -2
  110. package/dist/esm/{f-button-e54ce8d5.js → f-button-f247ce10.js} +2 -2
  111. package/dist/esm/{f-cell-4149a05d.js → f-cell-ba94f1b3.js} +199 -23
  112. package/dist/esm/{f-checkbox-7b113dd8.js → f-checkbox-cbf7b3de.js} +1 -1
  113. package/dist/esm/{f-chip-c3c86f7b.js → f-chip-104c4a64.js} +3 -3
  114. package/dist/esm/{f-image-adceee49.js → f-image-d2a9603c.js} +2 -2
  115. package/dist/esm/{f-paginator-utils-e559dac8.js → f-paginator-utils-743522fa.js} +49 -50
  116. package/dist/esm/{f-text-field-aa4497a8.js → f-text-field-4d91ccfc.js} +38 -4
  117. package/dist/esm/{f-text-field-mdc-32a1ffd9.js → f-text-field-mdc-1143cf21.js} +1 -1
  118. package/dist/esm/{index-d413187a.js → index-c161a33e.js} +134 -26
  119. package/dist/esm/ketchup.js +4 -4
  120. package/dist/esm/kup-accordion.entry.js +4 -4
  121. package/dist/esm/kup-autocomplete_27.entry.js +295 -338
  122. package/dist/esm/kup-box.entry.js +25 -17
  123. package/dist/esm/kup-calendar.entry.js +6 -6
  124. package/dist/esm/kup-card-list.entry.js +240 -0
  125. package/dist/esm/kup-cell.entry.js +9 -7
  126. package/dist/esm/kup-dashboard.entry.js +8 -8
  127. package/dist/esm/kup-drawer.entry.js +2 -2
  128. package/dist/esm/kup-echart.entry.js +4579 -4431
  129. package/dist/esm/kup-family-tree.entry.js +4 -4
  130. package/dist/esm/kup-grid.entry.js +105 -0
  131. package/dist/esm/kup-iframe.entry.js +2 -2
  132. package/dist/esm/kup-image-list.entry.js +9 -9
  133. package/dist/esm/kup-lazy.entry.js +2 -2
  134. package/dist/esm/kup-magic-box.entry.js +3 -3
  135. package/dist/esm/{kup-manager-a4153fb2.js → kup-manager-94b3d177.js} +64 -14
  136. package/dist/esm/kup-nav-bar.entry.js +2 -2
  137. package/dist/esm/kup-numeric-picker.entry.js +5 -5
  138. package/dist/esm/kup-photo-frame.entry.js +2 -2
  139. package/dist/esm/kup-planner.entry.js +5 -5
  140. package/dist/esm/kup-probe.entry.js +2 -2
  141. package/dist/esm/kup-qlik.entry.js +2 -2
  142. package/dist/esm/kup-snackbar.entry.js +4 -4
  143. package/dist/esm/loader.js +3 -3
  144. package/dist/ketchup/ketchup.esm.js +1 -1
  145. package/dist/ketchup/p-12e47371.js +1 -0
  146. package/dist/ketchup/{p-3c44e838.entry.js → p-15548f51.entry.js} +1 -1
  147. package/dist/ketchup/p-20e8ab84.js +2 -0
  148. package/dist/ketchup/{p-2739b7ac.entry.js → p-21f1b22a.entry.js} +1 -1
  149. package/dist/ketchup/{p-e76b646c.js → p-2c47b88f.js} +3 -3
  150. package/dist/ketchup/{p-23d54fb2.entry.js → p-304f296e.entry.js} +1 -1
  151. package/dist/ketchup/p-48f8b0d5.entry.js +9 -0
  152. package/dist/ketchup/p-4ca502ce.entry.js +1 -0
  153. package/dist/ketchup/{p-698442ed.js → p-4d7c02f4.js} +1 -1
  154. package/dist/ketchup/{p-3d671241.entry.js → p-5abbf31b.entry.js} +1 -1
  155. package/dist/ketchup/{p-44b5c573.entry.js → p-5c9b10a5.entry.js} +1 -1
  156. package/dist/ketchup/{p-b415fe84.entry.js → p-5cb2dbf3.entry.js} +1 -1
  157. package/dist/ketchup/p-679ccbf8.js +1 -0
  158. package/dist/ketchup/p-6a0ac578.entry.js +1 -0
  159. package/dist/ketchup/{p-f3c8c1da.entry.js → p-87e13738.entry.js} +1 -1
  160. package/dist/ketchup/p-8e5db599.entry.js +1 -0
  161. package/dist/ketchup/{p-c0878519.entry.js → p-a14ede8c.entry.js} +1 -1
  162. package/dist/ketchup/{p-2f0798d3.js → p-a2007880.js} +1 -1
  163. package/dist/ketchup/p-a2b75445.entry.js +39 -0
  164. package/dist/ketchup/{p-47752f3b.js → p-b0678a34.js} +1 -1
  165. package/dist/ketchup/{p-7360a410.js → p-ba003975.js} +1 -1
  166. package/dist/ketchup/{p-d817be2a.js → p-bb80719e.js} +1 -1
  167. package/dist/ketchup/{p-c39ddeae.entry.js → p-bf41d71f.entry.js} +1 -1
  168. package/dist/ketchup/p-c32e8755.entry.js +1 -0
  169. package/dist/ketchup/p-c4b1bde1.entry.js +1 -0
  170. package/dist/ketchup/p-c6b58be6.entry.js +1 -0
  171. package/dist/ketchup/{p-6d9ffb32.js → p-cd2af1a6.js} +1 -1
  172. package/dist/ketchup/{p-124f3f42.js → p-d4a879fc.js} +1 -1
  173. package/dist/ketchup/{p-b623c774.entry.js → p-d56763cf.entry.js} +1 -1
  174. package/dist/ketchup/{p-3081ed82.entry.js → p-e7f57bee.entry.js} +1 -1
  175. package/dist/ketchup/{p-eec864dd.entry.js → p-eb12225c.entry.js} +1 -1
  176. package/dist/ketchup/{p-3bbcae45.entry.js → p-f22abf4e.entry.js} +1 -1
  177. package/dist/ketchup/{p-e917200c.entry.js → p-f82db512.entry.js} +1 -1
  178. package/dist/types/components/kup-box/kup-box.d.ts +1 -0
  179. package/dist/types/components/kup-calendar/kup-calendar-declarations.d.ts +1 -1
  180. package/dist/types/components/kup-calendar/kup-calendar.d.ts +1 -1
  181. package/dist/types/components/kup-card/kup-card.d.ts +3 -3
  182. package/dist/types/components/kup-card-list/kup-card-list-declarations.d.ts +35 -0
  183. package/dist/types/components/kup-card-list/kup-card-list.d.ts +62 -0
  184. package/dist/types/components/kup-data-table/kup-data-table-state.d.ts +1 -1
  185. package/dist/types/components/kup-progress-bar/kup-progress-bar.d.ts +0 -1
  186. package/dist/types/components/kup-radio/kup-radio-declarations.d.ts +1 -9
  187. package/dist/types/components/kup-radio/kup-radio.d.ts +3 -2
  188. package/dist/types/components/kup-rating/kup-rating.d.ts +2 -7
  189. package/dist/types/components.d.ts +103 -96
  190. package/dist/types/f-components/f-cell/f-cell-declarations.d.ts +2 -0
  191. package/dist/types/f-components/f-progress-bar/f-progress-bar-declarations.d.ts +16 -0
  192. package/dist/types/f-components/f-progress-bar/f-progress-bar.d.ts +3 -0
  193. package/dist/types/f-components/f-radio/f-radio-declarations.d.ts +22 -0
  194. package/dist/types/f-components/f-radio/f-radio.d.ts +3 -0
  195. package/dist/types/f-components/f-rating/f-rating-declarations.d.ts +10 -0
  196. package/dist/types/f-components/f-rating/f-rating.d.ts +3 -0
  197. package/dist/types/managers/kup-math/kup-math.d.ts +1 -1
  198. package/dist/types/managers/kup-theme/kup-theme-declarations.d.ts +12 -0
  199. package/dist/types/stencil-public-runtime.d.ts +16 -4
  200. package/dist/types/types/GenericTypes.d.ts +1 -2
  201. package/package.json +6 -3
  202. package/dist/cjs/kup-dash-list.cjs.entry.js +0 -116
  203. package/dist/cjs/kup-dash_2.cjs.entry.js +0 -179
  204. package/dist/collection/assets/dash-list.js +0 -474
  205. package/dist/collection/components/kup-dash/kup-dash.css +0 -136
  206. package/dist/collection/components/kup-dash/kup-dash.js +0 -171
  207. package/dist/collection/components/kup-dash-list/kup-dash-list.css +0 -10
  208. package/dist/collection/components/kup-dash-list/kup-dash-list.js +0 -331
  209. package/dist/components/kup-dash-list.js +0 -288
  210. package/dist/components/kup-dash.d.ts +0 -11
  211. package/dist/components/kup-dash.js +0 -6
  212. package/dist/components/kup-dash2.js +0 -228
  213. package/dist/esm/kup-dash-list.entry.js +0 -112
  214. package/dist/esm/kup-dash_2.entry.js +0 -174
  215. package/dist/ketchup/p-0848391f.entry.js +0 -1
  216. package/dist/ketchup/p-25d45dc9.entry.js +0 -1
  217. package/dist/ketchup/p-283ca113.entry.js +0 -1
  218. package/dist/ketchup/p-384137d7.entry.js +0 -39
  219. package/dist/ketchup/p-3972b97c.entry.js +0 -1
  220. package/dist/ketchup/p-5ce0e645.entry.js +0 -1
  221. package/dist/ketchup/p-b8fcbcc9.entry.js +0 -1
  222. package/dist/ketchup/p-be864593.entry.js +0 -9
  223. package/dist/ketchup/p-d680bdde.js +0 -1
  224. package/dist/ketchup/p-f79d544a.js +0 -1
  225. package/dist/ketchup/p-fd75d5bf.js +0 -2
  226. package/dist/types/components/kup-dash/kup-dash.d.ts +0 -33
  227. package/dist/types/components/kup-dash-list/kup-dash-list.d.ts +0 -22
@@ -17,6 +17,7 @@ import { KupButtonClickEventPayload } from "./components/kup-button/kup-button-d
17
17
  import { KupButtonListClickEventPayload, KupButtonListNode } from "./components/kup-button-list/kup-button-list-declarations";
18
18
  import { KupCalendarData, KupCalendarDateClickEventPayload, KupCalendarEventClickEventPayload, KupCalendarEventDropEventPayload, KupCalendarViewChangeEventPayload, KupCalendarViewTypes } from "./components/kup-calendar/kup-calendar-declarations";
19
19
  import { KupCardClickPayload, KupCardData, KupCardEventPayload, KupCardFamily } from "./components/kup-card/kup-card-declarations";
20
+ import { KupCardListClickEventPayload, KupCardListData } from "./components/kup-card-list/kup-card-list-declarations";
20
21
  import { FCellPadding } from "./f-components/f-cell/f-cell-declarations";
21
22
  import { ChartAspect, ChartAxis, ChartOfflineMode, ChartSerie, ChartTitle, ChartType, KupChartClickEvent, KupChartSort, KupChartTrendlines } from "./components/kup-chart/kup-chart-declarations";
22
23
  import { KupCheckboxEventPayload } from "./components/kup-checkbox/kup-checkbox-declarations";
@@ -46,7 +47,8 @@ import { KupNumericPickerEventPayload } from "./components/kup-numeric-picker/ku
46
47
  import { KupPlannerClickEventPayload, KupPlannerEventPayload, KupPlannerPhase, KupPlannerUnloadEventPayload, KupPlannerViewMode } from "./components/kup-planner/kup-planner-declarations";
47
48
  import { TaskType } from "@sme.up/gantt-component/dist/types/public-types";
48
49
  import { KupQlikGrid, QlikServer } from "./components/kup-qlik/kup-qlik-declarations";
49
- import { KupRadioChangeEventPayload, KupRadioData } from "./components/kup-radio/kup-radio-declarations";
50
+ import { FRadioData } from "./f-components/f-radio/f-radio-declarations";
51
+ import { KupRadioChangeEventPayload } from "./components/kup-radio/kup-radio-declarations";
50
52
  import { KupRatingClickEventPayload } from "./components/kup-rating/kup-rating-declarations";
51
53
  import { KupSwitchEventPayload } from "./components/kup-switch/kup-switch-declarations";
52
54
  import { KupTabBarEventPayload, KupTabBarNode } from "./components/kup-tab-bar/kup-tab-bar-declarations";
@@ -64,6 +66,7 @@ export { KupButtonClickEventPayload } from "./components/kup-button/kup-button-d
64
66
  export { KupButtonListClickEventPayload, KupButtonListNode } from "./components/kup-button-list/kup-button-list-declarations";
65
67
  export { KupCalendarData, KupCalendarDateClickEventPayload, KupCalendarEventClickEventPayload, KupCalendarEventDropEventPayload, KupCalendarViewChangeEventPayload, KupCalendarViewTypes } from "./components/kup-calendar/kup-calendar-declarations";
66
68
  export { KupCardClickPayload, KupCardData, KupCardEventPayload, KupCardFamily } from "./components/kup-card/kup-card-declarations";
69
+ export { KupCardListClickEventPayload, KupCardListData } from "./components/kup-card-list/kup-card-list-declarations";
67
70
  export { FCellPadding } from "./f-components/f-cell/f-cell-declarations";
68
71
  export { ChartAspect, ChartAxis, ChartOfflineMode, ChartSerie, ChartTitle, ChartType, KupChartClickEvent, KupChartSort, KupChartTrendlines } from "./components/kup-chart/kup-chart-declarations";
69
72
  export { KupCheckboxEventPayload } from "./components/kup-checkbox/kup-checkbox-declarations";
@@ -93,7 +96,8 @@ export { KupNumericPickerEventPayload } from "./components/kup-numeric-picker/ku
93
96
  export { KupPlannerClickEventPayload, KupPlannerEventPayload, KupPlannerPhase, KupPlannerUnloadEventPayload, KupPlannerViewMode } from "./components/kup-planner/kup-planner-declarations";
94
97
  export { TaskType } from "@sme.up/gantt-component/dist/types/public-types";
95
98
  export { KupQlikGrid, QlikServer } from "./components/kup-qlik/kup-qlik-declarations";
96
- export { KupRadioChangeEventPayload, KupRadioData } from "./components/kup-radio/kup-radio-declarations";
99
+ export { FRadioData } from "./f-components/f-radio/f-radio-declarations";
100
+ export { KupRadioChangeEventPayload } from "./components/kup-radio/kup-radio-declarations";
97
101
  export { KupRatingClickEventPayload } from "./components/kup-rating/kup-rating-declarations";
98
102
  export { KupSwitchEventPayload } from "./components/kup-switch/kup-switch-declarations";
99
103
  export { KupTabBarEventPayload, KupTabBarNode } from "./components/kup-tab-bar/kup-tab-bar-declarations";
@@ -646,6 +650,54 @@ export namespace Components {
646
650
  */
647
651
  "sizeY": string;
648
652
  }
653
+ interface KupCardList {
654
+ /**
655
+ * Sets the number of columns.
656
+ * @default 1
657
+ */
658
+ "columnsNumber": number;
659
+ /**
660
+ * Custom style of the component.
661
+ * @default ""
662
+ * @see https://ketchup.smeup.com/ketchup-showcase/#/customization
663
+ */
664
+ "customStyle": string;
665
+ /**
666
+ * Actual data of the component.
667
+ * @default null
668
+ */
669
+ "data": KupCardListData;
670
+ /**
671
+ * Sets whether the component occupies all available width.
672
+ * @default true
673
+ */
674
+ "fullWidth": boolean;
675
+ /**
676
+ * Used to retrieve component's props values.
677
+ * @param descriptions - When provided and true, the result will be the list of props with their description.
678
+ * @returns List of props as object, each key will be a prop.
679
+ */
680
+ "getProps": (descriptions?: boolean) => Promise<GenericObject>;
681
+ /**
682
+ * Sets whether the cards are placed horizontally or not.
683
+ * @default false
684
+ */
685
+ "horizontal": boolean;
686
+ /**
687
+ * Sets whether a single card is clickable or not.
688
+ * @default false
689
+ */
690
+ "isClickable": boolean;
691
+ /**
692
+ * This method is used to trigger a new render of the component.
693
+ */
694
+ "refresh": () => Promise<void>;
695
+ /**
696
+ * Sets the props to the component.
697
+ * @param props - Object containing props that will be set to the component.
698
+ */
699
+ "setProps": (props: GenericObject) => Promise<void>;
700
+ }
649
701
  interface KupCell {
650
702
  /**
651
703
  * Adds the given CSS classes to the cell's data.
@@ -1029,36 +1081,6 @@ export namespace Components {
1029
1081
  */
1030
1082
  "showDropDownIcon": boolean;
1031
1083
  }
1032
- interface KupDash {
1033
- /**
1034
- * The component can be clicked.
1035
- */
1036
- "active": boolean;
1037
- /**
1038
- * Sets the font size of the component.
1039
- */
1040
- "fontsize": string;
1041
- /**
1042
- * No idea what this is about.
1043
- */
1044
- "index": number;
1045
- /**
1046
- * Sets the layout of the component.
1047
- */
1048
- "layout": string;
1049
- }
1050
- interface KupDashList {
1051
- "active": boolean;
1052
- "columnsNumber": number;
1053
- "data": KupDataDataset;
1054
- "fontsize": string;
1055
- "fullWidth": boolean;
1056
- "horizontal": boolean;
1057
- "iconColor": Array<any>;
1058
- "layout": string;
1059
- "textColor": Array<any>;
1060
- "valueColor": Array<any>;
1061
- }
1062
1084
  interface KupDashboard {
1063
1085
  /**
1064
1086
  * Custom style of the component.
@@ -2797,7 +2819,7 @@ export namespace Components {
2797
2819
  * List of elements.
2798
2820
  * @default null
2799
2821
  */
2800
- "data": KupRadioData[];
2822
+ "data": FRadioData[];
2801
2823
  /**
2802
2824
  * Defaults at false. When set to true, the component is disabled.
2803
2825
  * @default false
@@ -3502,6 +3524,10 @@ export interface KupCardCustomEvent<T> extends CustomEvent<T> {
3502
3524
  detail: T;
3503
3525
  target: HTMLKupCardElement;
3504
3526
  }
3527
+ export interface KupCardListCustomEvent<T> extends CustomEvent<T> {
3528
+ detail: T;
3529
+ target: HTMLKupCardListElement;
3530
+ }
3505
3531
  export interface KupChartCustomEvent<T> extends CustomEvent<T> {
3506
3532
  detail: T;
3507
3533
  target: HTMLKupChartElement;
@@ -3522,14 +3548,6 @@ export interface KupComboboxCustomEvent<T> extends CustomEvent<T> {
3522
3548
  detail: T;
3523
3549
  target: HTMLKupComboboxElement;
3524
3550
  }
3525
- export interface KupDashCustomEvent<T> extends CustomEvent<T> {
3526
- detail: T;
3527
- target: HTMLKupDashElement;
3528
- }
3529
- export interface KupDashListCustomEvent<T> extends CustomEvent<T> {
3530
- detail: T;
3531
- target: HTMLKupDashListElement;
3532
- }
3533
3551
  export interface KupDashboardCustomEvent<T> extends CustomEvent<T> {
3534
3552
  detail: T;
3535
3553
  target: HTMLKupDashboardElement;
@@ -3687,6 +3705,12 @@ declare global {
3687
3705
  prototype: HTMLKupCardElement;
3688
3706
  new (): HTMLKupCardElement;
3689
3707
  };
3708
+ interface HTMLKupCardListElement extends Components.KupCardList, HTMLStencilElement {
3709
+ }
3710
+ var HTMLKupCardListElement: {
3711
+ prototype: HTMLKupCardListElement;
3712
+ new (): HTMLKupCardListElement;
3713
+ };
3690
3714
  interface HTMLKupCellElement extends Components.KupCell, HTMLStencilElement {
3691
3715
  }
3692
3716
  var HTMLKupCellElement: {
@@ -3723,18 +3747,6 @@ declare global {
3723
3747
  prototype: HTMLKupComboboxElement;
3724
3748
  new (): HTMLKupComboboxElement;
3725
3749
  };
3726
- interface HTMLKupDashElement extends Components.KupDash, HTMLStencilElement {
3727
- }
3728
- var HTMLKupDashElement: {
3729
- prototype: HTMLKupDashElement;
3730
- new (): HTMLKupDashElement;
3731
- };
3732
- interface HTMLKupDashListElement extends Components.KupDashList, HTMLStencilElement {
3733
- }
3734
- var HTMLKupDashListElement: {
3735
- prototype: HTMLKupDashListElement;
3736
- new (): HTMLKupDashListElement;
3737
- };
3738
3750
  interface HTMLKupDashboardElement extends Components.KupDashboard, HTMLStencilElement {
3739
3751
  }
3740
3752
  var HTMLKupDashboardElement: {
@@ -3942,14 +3954,13 @@ declare global {
3942
3954
  "kup-button-list": HTMLKupButtonListElement;
3943
3955
  "kup-calendar": HTMLKupCalendarElement;
3944
3956
  "kup-card": HTMLKupCardElement;
3957
+ "kup-card-list": HTMLKupCardListElement;
3945
3958
  "kup-cell": HTMLKupCellElement;
3946
3959
  "kup-chart": HTMLKupChartElement;
3947
3960
  "kup-checkbox": HTMLKupCheckboxElement;
3948
3961
  "kup-chip": HTMLKupChipElement;
3949
3962
  "kup-color-picker": HTMLKupColorPickerElement;
3950
3963
  "kup-combobox": HTMLKupComboboxElement;
3951
- "kup-dash": HTMLKupDashElement;
3952
- "kup-dash-list": HTMLKupDashListElement;
3953
3964
  "kup-dashboard": HTMLKupDashboardElement;
3954
3965
  "kup-data-table": HTMLKupDataTableElement;
3955
3966
  "kup-date-picker": HTMLKupDatePickerElement;
@@ -4462,6 +4473,40 @@ declare namespace LocalJSX {
4462
4473
  */
4463
4474
  "sizeY"?: string;
4464
4475
  }
4476
+ interface KupCardList {
4477
+ /**
4478
+ * Sets the number of columns.
4479
+ * @default 1
4480
+ */
4481
+ "columnsNumber"?: number;
4482
+ /**
4483
+ * Custom style of the component.
4484
+ * @default ""
4485
+ * @see https://ketchup.smeup.com/ketchup-showcase/#/customization
4486
+ */
4487
+ "customStyle"?: string;
4488
+ /**
4489
+ * Actual data of the component.
4490
+ * @default null
4491
+ */
4492
+ "data"?: KupCardListData;
4493
+ /**
4494
+ * Sets whether the component occupies all available width.
4495
+ * @default true
4496
+ */
4497
+ "fullWidth"?: boolean;
4498
+ /**
4499
+ * Sets whether the cards are placed horizontally or not.
4500
+ * @default false
4501
+ */
4502
+ "horizontal"?: boolean;
4503
+ /**
4504
+ * Sets whether a single card is clickable or not.
4505
+ * @default false
4506
+ */
4507
+ "isClickable"?: boolean;
4508
+ "onKup-cardlist-click"?: (event: KupCardListCustomEvent<KupCardListClickEventPayload>) => void;
4509
+ }
4465
4510
  interface KupCell {
4466
4511
  /**
4467
4512
  * Custom style of the component.
@@ -4757,42 +4802,6 @@ declare namespace LocalJSX {
4757
4802
  */
4758
4803
  "showDropDownIcon"?: boolean;
4759
4804
  }
4760
- interface KupDash {
4761
- /**
4762
- * The component can be clicked.
4763
- */
4764
- "active"?: boolean;
4765
- /**
4766
- * Sets the font size of the component.
4767
- */
4768
- "fontsize"?: string;
4769
- /**
4770
- * No idea what this is about.
4771
- */
4772
- "index"?: number;
4773
- /**
4774
- * Sets the layout of the component.
4775
- */
4776
- "layout"?: string;
4777
- "onKup-dash-click"?: (event: KupDashCustomEvent<{
4778
- id: number;
4779
- }>) => void;
4780
- }
4781
- interface KupDashList {
4782
- "active"?: boolean;
4783
- "columnsNumber"?: number;
4784
- "data"?: KupDataDataset;
4785
- "fontsize"?: string;
4786
- "fullWidth"?: boolean;
4787
- "horizontal"?: boolean;
4788
- "iconColor"?: Array<any>;
4789
- "layout"?: string;
4790
- "onKup-dash-click"?: (event: KupDashListCustomEvent<{
4791
- idx: number;
4792
- }>) => void;
4793
- "textColor"?: Array<any>;
4794
- "valueColor"?: Array<any>;
4795
- }
4796
4805
  interface KupDashboard {
4797
4806
  /**
4798
4807
  * Custom style of the component.
@@ -6169,7 +6178,7 @@ declare namespace LocalJSX {
6169
6178
  * List of elements.
6170
6179
  * @default null
6171
6180
  */
6172
- "data"?: KupRadioData[];
6181
+ "data"?: FRadioData[];
6173
6182
  /**
6174
6183
  * Defaults at false. When set to true, the component is disabled.
6175
6184
  * @default false
@@ -6769,14 +6778,13 @@ declare namespace LocalJSX {
6769
6778
  "kup-button-list": KupButtonList;
6770
6779
  "kup-calendar": KupCalendar;
6771
6780
  "kup-card": KupCard;
6781
+ "kup-card-list": KupCardList;
6772
6782
  "kup-cell": KupCell;
6773
6783
  "kup-chart": KupChart;
6774
6784
  "kup-checkbox": KupCheckbox;
6775
6785
  "kup-chip": KupChip;
6776
6786
  "kup-color-picker": KupColorPicker;
6777
6787
  "kup-combobox": KupCombobox;
6778
- "kup-dash": KupDash;
6779
- "kup-dash-list": KupDashList;
6780
6788
  "kup-dashboard": KupDashboard;
6781
6789
  "kup-data-table": KupDataTable;
6782
6790
  "kup-date-picker": KupDatePicker;
@@ -6824,14 +6832,13 @@ declare module "@stencil/core" {
6824
6832
  "kup-button-list": LocalJSX.KupButtonList & JSXBase.HTMLAttributes<HTMLKupButtonListElement>;
6825
6833
  "kup-calendar": LocalJSX.KupCalendar & JSXBase.HTMLAttributes<HTMLKupCalendarElement>;
6826
6834
  "kup-card": LocalJSX.KupCard & JSXBase.HTMLAttributes<HTMLKupCardElement>;
6835
+ "kup-card-list": LocalJSX.KupCardList & JSXBase.HTMLAttributes<HTMLKupCardListElement>;
6827
6836
  "kup-cell": LocalJSX.KupCell & JSXBase.HTMLAttributes<HTMLKupCellElement>;
6828
6837
  "kup-chart": LocalJSX.KupChart & JSXBase.HTMLAttributes<HTMLKupChartElement>;
6829
6838
  "kup-checkbox": LocalJSX.KupCheckbox & JSXBase.HTMLAttributes<HTMLKupCheckboxElement>;
6830
6839
  "kup-chip": LocalJSX.KupChip & JSXBase.HTMLAttributes<HTMLKupChipElement>;
6831
6840
  "kup-color-picker": LocalJSX.KupColorPicker & JSXBase.HTMLAttributes<HTMLKupColorPickerElement>;
6832
6841
  "kup-combobox": LocalJSX.KupCombobox & JSXBase.HTMLAttributes<HTMLKupComboboxElement>;
6833
- "kup-dash": LocalJSX.KupDash & JSXBase.HTMLAttributes<HTMLKupDashElement>;
6834
- "kup-dash-list": LocalJSX.KupDashList & JSXBase.HTMLAttributes<HTMLKupDashListElement>;
6835
6842
  "kup-dashboard": LocalJSX.KupDashboard & JSXBase.HTMLAttributes<HTMLKupDashboardElement>;
6836
6843
  "kup-data-table": LocalJSX.KupDataTable & JSXBase.HTMLAttributes<HTMLKupDataTableElement>;
6837
6844
  "kup-date-picker": LocalJSX.KupDatePicker & JSXBase.HTMLAttributes<HTMLKupDatePickerElement>;
@@ -108,6 +108,8 @@ export declare enum FCellShapes {
108
108
  EDITOR = "EDT",
109
109
  GAUGE = "GAU",
110
110
  IMAGE = "IMG",
111
+ INPUT_CHECKBOX = "INC",
112
+ INPUT_FIELD = "INF",
111
113
  KNOB = "KNB",
112
114
  MULTI_AUTOCOMPLETE = "AML",
113
115
  MULTI_COMBOBOX = "CML",
@@ -0,0 +1,16 @@
1
+ import type { FComponent } from '../../types/GenericTypes';
2
+ /**
3
+ * Props of the f-progress-bar component.
4
+ */
5
+ export interface FProgressBarProps extends FComponent {
6
+ animated?: boolean;
7
+ centeredLabel?: boolean;
8
+ hideLabel?: boolean;
9
+ icon?: string;
10
+ isRadial?: boolean;
11
+ label?: string;
12
+ padded?: boolean;
13
+ slim?: boolean;
14
+ striped?: boolean;
15
+ value?: number;
16
+ }
@@ -0,0 +1,3 @@
1
+ import type { FProgressBarProps } from './f-progress-bar-declarations';
2
+ import { FunctionalComponent } from '../../stencil-public-runtime';
3
+ export declare const FProgressBar: FunctionalComponent<FProgressBarProps>;
@@ -0,0 +1,22 @@
1
+ import type { FComponent } from '../../types/GenericTypes';
2
+ /**
3
+ * Props of the f-radio component.
4
+ */
5
+ export interface FRadioProps extends FComponent {
6
+ columns?: number;
7
+ data?: FRadioData[];
8
+ disabled?: boolean;
9
+ label?: string;
10
+ leadingLabel?: boolean;
11
+ onBlur?: (event: FocusEvent) => void;
12
+ onChange?: (i: number, event: Event) => void;
13
+ onFocus?: (event: FocusEvent) => void;
14
+ }
15
+ /**
16
+ * The object of a single radio.
17
+ */
18
+ export interface FRadioData {
19
+ checked: boolean;
20
+ label: string;
21
+ value: string;
22
+ }
@@ -0,0 +1,3 @@
1
+ import { FunctionalComponent } from '../../stencil-public-runtime';
2
+ import type { FRadioProps } from './f-radio-declarations';
3
+ export declare const FRadio: FunctionalComponent<FRadioProps>;
@@ -0,0 +1,10 @@
1
+ import type { FComponent } from '../../types/GenericTypes';
2
+ /**
3
+ * Props of the f-rating component.
4
+ */
5
+ export interface FRatingProps extends FComponent {
6
+ disabled?: boolean;
7
+ maxValue?: number;
8
+ value?: number;
9
+ onClick?: (i: number, event: MouseEvent) => void;
10
+ }
@@ -0,0 +1,3 @@
1
+ import { FunctionalComponent } from '../../stencil-public-runtime';
2
+ import type { FRatingProps } from './f-rating-declarations';
3
+ export declare const FRating: FunctionalComponent<FRatingProps>;
@@ -129,7 +129,7 @@ export declare class KupMath {
129
129
  * @param {string} input number as string, formatted by locale US, decimal separator . (like java decimal numbers)
130
130
  * @param {number} decimals number of significant decimal digits for output
131
131
  * @param {string} type - type of number for calculate suffix
132
- * @param {string} decSeparator decimal separator for outpu string
132
+ * @param {string} decSeparator decimal separator for output string
133
133
  * @returns {string} number as string, formatted by actual browser locale (or using decimal separator param), with suffix by type
134
134
  **/
135
135
  numberStringToFormattedString(input: string, decimals: number, type: string, decSeparator?: string): string;
@@ -27,6 +27,18 @@ export declare const fImageUsers: KupTagNames[];
27
27
  * Components using the FPaginator functional component.
28
28
  */
29
29
  export declare const fPaginatorUsers: KupTagNames[];
30
+ /**
31
+ * Components using the FProgressBar functional component.
32
+ */
33
+ export declare const fProgressBarUsers: KupTagNames[];
34
+ /**
35
+ * Components using the FRadio functional component.
36
+ */
37
+ export declare const fRadioUsers: KupTagNames[];
38
+ /**
39
+ * Components using the FRating functional component.
40
+ */
41
+ export declare const fRatingUsers: KupTagNames[];
30
42
  /**
31
43
  * Components using the FSwitch functional component.
32
44
  */
@@ -62,7 +62,7 @@ export interface PropOptions {
62
62
  /**
63
63
  * The name of the associated DOM attribute.
64
64
  * Stencil uses different heuristics to determine the default name of the attribute,
65
- * but using this property, you can override the default behaviour.
65
+ * but using this property, you can override the default behavior.
66
66
  */
67
67
  attribute?: string | null;
68
68
  /**
@@ -128,7 +128,7 @@ export interface ListenOptions {
128
128
  * By default, Stencil uses several heuristics to determine if
129
129
  * it must attach a `passive` event listener or not.
130
130
  *
131
- * Using the `passive` option can be used to change the default behaviour.
131
+ * Using the `passive` option can be used to change the default behavior.
132
132
  * Please see https://developers.google.com/web/updates/2016/06/passive-event-listeners for further information.
133
133
  */
134
134
  passive?: boolean;
@@ -432,7 +432,7 @@ export interface QueueApi {
432
432
  /**
433
433
  * Host
434
434
  */
435
- interface HostAttributes {
435
+ export interface HostAttributes {
436
436
  class?: string | {
437
437
  [className: string]: boolean;
438
438
  };
@@ -471,7 +471,7 @@ export interface FunctionalUtilities {
471
471
  /**
472
472
  * Utility for reading the children of a functional component at runtime.
473
473
  * Since the Stencil runtime uses a different interface for children it is
474
- * not recommendeded to read the children directly, and is preferable to use
474
+ * not recommended to read the children directly, and is preferable to use
475
475
  * this utility to, for instance, perform a side effect for each child.
476
476
  */
477
477
  forEach: (children: VNode[], cb: (vnode: ChildNode, index: number, array: ChildNode[]) => void) => void;
@@ -872,6 +872,8 @@ export declare namespace JSXBase {
872
872
  }
873
873
  interface ImgHTMLAttributes<T> extends HTMLAttributes<T> {
874
874
  alt?: string;
875
+ crossOrigin?: string;
876
+ crossorigin?: string;
875
877
  decoding?: 'async' | 'auto' | 'sync';
876
878
  importance?: 'low' | 'auto' | 'high';
877
879
  height?: number | string;
@@ -930,6 +932,8 @@ export declare namespace JSXBase {
930
932
  minlength?: number | string;
931
933
  multiple?: boolean;
932
934
  name?: string;
935
+ onSelect?: (event: Event) => void;
936
+ onselect?: (event: Event) => void;
933
937
  pattern?: string;
934
938
  placeholder?: string;
935
939
  readOnly?: boolean;
@@ -1143,6 +1147,8 @@ export declare namespace JSXBase {
1143
1147
  minLength?: number;
1144
1148
  minlength?: number | string;
1145
1149
  name?: string;
1150
+ onSelect?: (event: Event) => void;
1151
+ onselect?: (event: Event) => void;
1146
1152
  placeholder?: string;
1147
1153
  readOnly?: boolean;
1148
1154
  readonly?: boolean | string;
@@ -1619,8 +1625,14 @@ export declare namespace JSXBase {
1619
1625
  onAnimationEndCapture?: (event: AnimationEvent) => void;
1620
1626
  onAnimationIteration?: (event: AnimationEvent) => void;
1621
1627
  onAnimationIterationCapture?: (event: AnimationEvent) => void;
1628
+ onTransitionCancel?: (event: TransitionEvent) => void;
1629
+ onTransitionCancelCapture?: (event: TransitionEvent) => void;
1622
1630
  onTransitionEnd?: (event: TransitionEvent) => void;
1623
1631
  onTransitionEndCapture?: (event: TransitionEvent) => void;
1632
+ onTransitionRun?: (event: TransitionEvent) => void;
1633
+ onTransitionRunCapture?: (event: TransitionEvent) => void;
1634
+ onTransitionStart?: (event: TransitionEvent) => void;
1635
+ onTransitionStartCapture?: (event: TransitionEvent) => void;
1624
1636
  }
1625
1637
  }
1626
1638
  export interface JSXAttributes<T = Element> {
@@ -67,14 +67,13 @@ export declare enum KupTagNames {
67
67
  BUTTON_LIST = "KUP-BUTTON-LIST",
68
68
  CALENDAR = "KUP-CALENDAR",
69
69
  CARD = "KUP-CARD",
70
+ CARD_LIST = "KUP-CARD-LIST",
70
71
  CELL = "KUP-CELL",
71
72
  CHART = "KUP-CHART",
72
73
  CHECKBOX = "KUP-CHECKBOX",
73
74
  CHIP = "KUP-CHIP",
74
75
  COLOR_PICKER = "KUP-COLOR-PICKER",
75
76
  COMBOBOX = "KUP-COMBOBOX",
76
- DASH = "KUP-DASH",
77
- DASH_LIST = "KUP-DASH-LIST",
78
77
  DASHBOARD = "KUP-DASHBOARD",
79
78
  DATA_TABLE = "KUP-DATA-TABLE",
80
79
  DATE_PICKER = "KUP-DATE-PICKER",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sme.up/ketchup",
3
- "version": "8.3.3",
3
+ "version": "9.1.0",
4
4
  "keywords": [
5
5
  "smeup",
6
6
  "KetchUP",
@@ -62,9 +62,9 @@
62
62
  "vanilla-picker": "^2.12.1"
63
63
  },
64
64
  "devDependencies": {
65
- "@stencil/core": "^4.0.2",
66
- "@stencil/sass": "^3.0.5",
65
+ "@stencil/core": "^4.3.0",
67
66
  "@stencil/react-output-target": "0.5.3",
67
+ "@stencil/sass": "^3.0.5",
68
68
  "jest": "^27.4.5",
69
69
  "jest-cli": "^27.4.5",
70
70
  "jest-html-reporter": "^3.7.1",
@@ -76,5 +76,8 @@
76
76
  "repository": {
77
77
  "type": "git",
78
78
  "url": "https://github.com/smeup/ketchup.git"
79
+ },
80
+ "installConfig": {
81
+ "hoistingLimits": "workspaces"
79
82
  }
80
83
  }