@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
@@ -277,15 +277,23 @@ const KupBox = /*@__PURE__*/ proxyCustomElement(class KupBox extends HTMLElement
277
277
  sortRows(rows) {
278
278
  let sortedRows = rows;
279
279
  if (this.sortBy) {
280
- // create 'fake' sortObject
281
- const sortObject = {
282
- column: this.sortBy,
283
- sortMode: SortMode.A,
284
- };
285
- sortedRows = sortRows(sortedRows, [sortObject]);
280
+ sortedRows = sortRows(sortedRows, this.toSortObjectList());
286
281
  }
287
282
  return sortedRows;
288
283
  }
284
+ toSortObjectList() {
285
+ const sortByArray = this.sortBy.split('|').map((col) => {
286
+ const colNameAndSortMode = col.split(',');
287
+ const sortObject = {
288
+ column: colNameAndSortMode[0],
289
+ sortMode: colNameAndSortMode.length > 1
290
+ ? SortMode[colNameAndSortMode[1]]
291
+ : SortMode.A,
292
+ };
293
+ return sortObject;
294
+ });
295
+ return sortByArray;
296
+ }
289
297
  checkScrollOnHover() {
290
298
  if (!this.kupManager.scrollOnHover.isRegistered(this.boxContainer)) {
291
299
  if (this.scrollOnHover) {
@@ -1294,6 +1302,16 @@ const KupBox = /*@__PURE__*/ proxyCustomElement(class KupBox extends HTMLElement
1294
1302
  "loadRowActions": [64],
1295
1303
  "refresh": [64],
1296
1304
  "setProps": [64]
1305
+ }, undefined, {
1306
+ "rowsPerPage": ["rowsPerPageHandler", "recalculateRows"],
1307
+ "globalFilterValue": ["recalculateRows"],
1308
+ "sortBy": ["recalculateRows"],
1309
+ "pagination": ["recalculateRows"],
1310
+ "currentPage": ["recalculateRows"],
1311
+ "currentRowsPerPage": ["recalculateRows"],
1312
+ "data": ["onDataChanged"],
1313
+ "layout": ["onLayoutChanged"],
1314
+ "selectBox": ["onSelectBoxChanged"]
1297
1315
  }]);
1298
1316
  _KupBox_intObserver = new WeakMap(), _KupBox_rowsRefs = new WeakMap(), _KupBox_navBarHeight = new WeakMap(), _KupBox_instances = new WeakSet(), _KupBox_didRenderObservers = function _KupBox_didRenderObservers() {
1299
1317
  if (this.lazyLoadRows &&
@@ -13794,7 +13794,7 @@ var KupCalendarViewTypes;
13794
13794
  KupCalendarViewTypes["WEEK"] = "timeGridWeek";
13795
13795
  })(KupCalendarViewTypes || (KupCalendarViewTypes = {}));
13796
13796
  /**
13797
- * Available view types.
13797
+ * Available column options.
13798
13798
  */
13799
13799
  var KupCalendarOptions;
13800
13800
  (function (KupCalendarOptions) {
@@ -14182,6 +14182,9 @@ const KupCalendar$1 = /*@__PURE__*/ proxyCustomElement(class KupCalendar extends
14182
14182
  "refresh": [64],
14183
14183
  "resizeCallback": [64],
14184
14184
  "setProps": [64]
14185
+ }, undefined, {
14186
+ "data": ["setCalendarData"],
14187
+ "currentDate": ["setCalendarData"]
14185
14188
  }]);
14186
14189
  function defineCustomElement$1() {
14187
14190
  if (typeof customElements === "undefined") {
@@ -1,9 +1,9 @@
1
1
  import type { Components, JSX } from "../types/components";
2
2
 
3
- interface KupDashList extends Components.KupDashList, HTMLElement {}
4
- export const KupDashList: {
5
- prototype: KupDashList;
6
- new (): KupDashList;
3
+ interface KupCardList extends Components.KupCardList, HTMLElement {}
4
+ export const KupCardList: {
5
+ prototype: KupCardList;
6
+ new (): KupCardList;
7
7
  };
8
8
  /**
9
9
  * Used to define this component and all nested components recursively.
@@ -0,0 +1,408 @@
1
+ import { proxyCustomElement, HTMLElement, createEvent, forceUpdate, h, Host } from '@stencil/core/internal/client';
2
+ import { k as kupManagerInstance, g as getProps, s as setProps, a9 as KupCardFamily, c as componentWrapperId, d as defineCustomElement$2, b as defineCustomElement$3, e as defineCustomElement$4, f as defineCustomElement$5, h as defineCustomElement$6, i as defineCustomElement$7, j as defineCustomElement$8, l as defineCustomElement$9, m as defineCustomElement$a, n as defineCustomElement$b, o as defineCustomElement$c, p as defineCustomElement$e, q as defineCustomElement$f, r as defineCustomElement$g, t as defineCustomElement$h, u as defineCustomElement$i, v as defineCustomElement$j, w as defineCustomElement$k, x as defineCustomElement$l, y as defineCustomElement$m, z as defineCustomElement$n, A as defineCustomElement$o, B as defineCustomElement$p, C as defineCustomElement$q, D as defineCustomElement$r, E as defineCustomElement$s, G as defineCustomElement$t, aa as getCellValueForDisplay } from './kup-autocomplete2.js';
3
+ import { d as defineCustomElement$d } from './kup-grid2.js';
4
+
5
+ /**
6
+ * Props of the kup-card-list component.
7
+ * Used to export every prop in an object.
8
+ */
9
+ var KupCardListProps;
10
+ (function (KupCardListProps) {
11
+ KupCardListProps["columnsNumber"] = "Sets the number of columns.";
12
+ KupCardListProps["customStyle"] = "Custom style of the component.";
13
+ KupCardListProps["data"] = "Actual data of the component.";
14
+ KupCardListProps["fullWidth"] = "Sets whether the component occupies all available width.";
15
+ KupCardListProps["horizontal"] = "Sets whether the cards are placed horizontally or not.";
16
+ KupCardListProps["isClickable"] = "Sets whether a single card is clickable or not.";
17
+ })(KupCardListProps || (KupCardListProps = {}));
18
+
19
+ const kupCardListCss = ":host{--kup_cardlist_cards_max_height:var(--kup-cardlist-cards-max-height, unset);--kup_cardlist_cards_min_height:var(--kup-cardlist-cards-min-height, unset);--kup_cardlist_cards_max_width:var(--kup-cardlist-cards-max-width, unset);--kup_cardlist_cards_min_width:var(--kup-cardlist-cards-min-width, unset);display:block;height:100%;width:100%}#kup-component{height:100%;width:100%}kup-card{max-height:var(--kup_cardlist_cards_max_height);min-height:var(--kup_cardlist_cards_min_height);max-width:var(--kup_cardlist_cards_max_width);min-width:var(--kup_cardlist_cards_min_width)}kup-card.is-clickable{cursor:pointer}kup-grid{--kup-grid-padding:0}";
20
+
21
+ var __classPrivateFieldGet = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
22
+ if (kind === "a" && !f)
23
+ throw new TypeError("Private accessor was defined without a getter");
24
+ if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
25
+ throw new TypeError("Cannot read private member from an object whose class did not declare it");
26
+ return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
27
+ };
28
+ var _KupCardList_kupManager;
29
+ const KupCardList$1 = /*@__PURE__*/ proxyCustomElement(class KupCardList extends HTMLElement {
30
+ constructor() {
31
+ super();
32
+ this.__registerHost();
33
+ this.__attachShadow();
34
+ this.kupCardListClickEvent = createEvent(this, "kup-cardlist-click", 7);
35
+ /*-------------------------------------------------*/
36
+ /* I n t e r n a l V a r i a b l e s */
37
+ /*-------------------------------------------------*/
38
+ _KupCardList_kupManager.set(this, kupManagerInstance());
39
+ this.columnsNumber = 1;
40
+ this.customStyle = '';
41
+ this.data = null;
42
+ this.fullWidth = true;
43
+ this.horizontal = false;
44
+ this.isClickable = false;
45
+ }
46
+ /*-------------------------------------------------*/
47
+ /* P u b l i c M e t h o d s */
48
+ /*-------------------------------------------------*/
49
+ /**
50
+ * Used to retrieve component's props values.
51
+ * @param {boolean} descriptions - When provided and true, the result will be the list of props with their description.
52
+ * @returns {Promise<GenericObject>} List of props as object, each key will be a prop.
53
+ */
54
+ async getProps(descriptions) {
55
+ return getProps(this, KupCardListProps, descriptions);
56
+ }
57
+ /**
58
+ * This method is used to trigger a new render of the component.
59
+ */
60
+ async refresh() {
61
+ forceUpdate(this);
62
+ }
63
+ /**
64
+ * Sets the props to the component.
65
+ * @param {GenericObject} props - Object containing props that will be set to the component.
66
+ */
67
+ async setProps(props) {
68
+ setProps(this, KupCardListProps, props);
69
+ }
70
+ /*-------------------------------------------------*/
71
+ /* L i f e c y c l e H o o k s */
72
+ /*-------------------------------------------------*/
73
+ componentWillLoad() {
74
+ __classPrivateFieldGet(this, _KupCardList_kupManager, "f").debug.logLoad(this, false);
75
+ __classPrivateFieldGet(this, _KupCardList_kupManager, "f").theme.register(this);
76
+ }
77
+ componentDidLoad() {
78
+ __classPrivateFieldGet(this, _KupCardList_kupManager, "f").debug.logLoad(this, true);
79
+ }
80
+ componentDidRender() {
81
+ __classPrivateFieldGet(this, _KupCardList_kupManager, "f").debug.logRender(this, true);
82
+ }
83
+ render() {
84
+ if (!this.data || !this.data.columns || !this.data.columns.length) {
85
+ return;
86
+ }
87
+ const content = [];
88
+ let decvalueCol, descrCol, iconCol, iconcolorCol, intvalueCol, layoutCol, measureCol, textcolorCol, valueCol, valuecolorCol;
89
+ for (let index = 0; index < this.data.columns.length; index++) {
90
+ const column = this.data.columns[index];
91
+ if (column.cardListOption) {
92
+ switch (column.cardListOption) {
93
+ case 'decvalue':
94
+ decvalueCol = column;
95
+ break;
96
+ case 'descr':
97
+ descrCol = column;
98
+ break;
99
+ case 'icon':
100
+ iconCol = column;
101
+ break;
102
+ case 'iconcolor':
103
+ iconcolorCol = column;
104
+ break;
105
+ case 'intvalue':
106
+ intvalueCol = column;
107
+ break;
108
+ case 'layout':
109
+ layoutCol = column;
110
+ break;
111
+ case 'measure':
112
+ measureCol = column;
113
+ break;
114
+ case 'textcolor':
115
+ textcolorCol = column;
116
+ break;
117
+ case 'value':
118
+ valueCol = column;
119
+ break;
120
+ case 'valuecolor':
121
+ valuecolorCol = column;
122
+ break;
123
+ }
124
+ }
125
+ }
126
+ for (let index = 0; index < this.data.rows.length; index++) {
127
+ const row = this.data.rows[index];
128
+ const data = {
129
+ color: [],
130
+ image: [],
131
+ text: [],
132
+ };
133
+ const layout = layoutCol && row.cells[layoutCol.name].value
134
+ ? parseInt(row.cells[layoutCol.name].value)
135
+ : 1;
136
+ const card = (h("kup-card", { class: this.isClickable ? 'is-clickable' : '', customStyle: "#kup-component, .scalable-card { min-height: var(--kup_cardlist_cardsminheight) }", data: data, layoutFamily: KupCardFamily.SCALABLE, layoutNumber: layout, key: index, "onKup-card-click": () => {
137
+ if (this.isClickable) {
138
+ this.kupCardListClickEvent.emit({
139
+ comp: this,
140
+ id: this.rootElement.id,
141
+ index,
142
+ row: row,
143
+ });
144
+ }
145
+ }, slot: index.toString() }));
146
+ const loadData = (col, prop, index) => {
147
+ if (col) {
148
+ const cell = row.cells[col.name];
149
+ if (cell) {
150
+ const value = cell.value;
151
+ switch (prop) {
152
+ case 'color':
153
+ data[prop][index] =
154
+ __classPrivateFieldGet(this, _KupCardList_kupManager, "f").theme.colorCheck(value).hexColor;
155
+ break;
156
+ case 'image':
157
+ data[prop][index] = { resource: value };
158
+ break;
159
+ default:
160
+ data[prop][index] = getCellValueForDisplay(col, cell);
161
+ break;
162
+ }
163
+ }
164
+ }
165
+ };
166
+ switch (layout) {
167
+ case 1:
168
+ loadData(textcolorCol, 'color', 0);
169
+ loadData(valuecolorCol, 'color', 1);
170
+ loadData(descrCol, 'text', 0);
171
+ loadData(valueCol, 'text', 1);
172
+ break;
173
+ case 2:
174
+ loadData(iconcolorCol, 'color', 0);
175
+ loadData(valuecolorCol, 'color', 1);
176
+ loadData(iconCol, 'image', 0);
177
+ loadData(intvalueCol, 'text', 0);
178
+ loadData(decvalueCol, 'text', 1);
179
+ loadData(measureCol, 'text', 2);
180
+ break;
181
+ case 3:
182
+ loadData(valuecolorCol, 'color', 0);
183
+ loadData(textcolorCol, 'color', 1);
184
+ loadData(valueCol, 'text', 0);
185
+ loadData(descrCol, 'text', 1);
186
+ break;
187
+ case 4:
188
+ loadData(iconcolorCol, 'color', 0);
189
+ loadData(valuecolorCol, 'color', 1);
190
+ loadData(textcolorCol, 'color', 2);
191
+ loadData(iconCol, 'image', 0);
192
+ loadData(intvalueCol, 'text', 0);
193
+ loadData(decvalueCol, 'text', 1);
194
+ loadData(measureCol, 'text', 2);
195
+ loadData(descrCol, 'text', 3);
196
+ break;
197
+ case 5:
198
+ loadData(iconcolorCol, 'color', 0);
199
+ loadData(textcolorCol, 'color', 1);
200
+ loadData(valuecolorCol, 'color', 2);
201
+ loadData(iconCol, 'image', 0);
202
+ loadData(descrCol, 'text', 0);
203
+ loadData(valueCol, 'text', 1);
204
+ break;
205
+ case 6:
206
+ loadData(iconcolorCol, 'color', 0);
207
+ loadData(valuecolorCol, 'color', 1);
208
+ loadData(textcolorCol, 'color', 2);
209
+ loadData(iconCol, 'image', 0);
210
+ loadData(valueCol, 'text', 0);
211
+ loadData(descrCol, 'text', 1);
212
+ break;
213
+ case 7:
214
+ loadData(iconcolorCol, 'color', 0);
215
+ loadData(valuecolorCol, 'color', 1);
216
+ loadData(textcolorCol, 'color', 2);
217
+ loadData(iconCol, 'image', 0);
218
+ loadData(valueCol, 'text', 0);
219
+ loadData(descrCol, 'text', 1);
220
+ break;
221
+ case 8:
222
+ loadData(iconcolorCol, 'color', 0);
223
+ loadData(valuecolorCol, 'color', 1);
224
+ loadData(textcolorCol, 'color', 2);
225
+ loadData(iconCol, 'image', 0);
226
+ loadData(valueCol, 'text', 0);
227
+ loadData(descrCol, 'text', 1);
228
+ break;
229
+ }
230
+ content.push(card);
231
+ }
232
+ return (h(Host, null, h("style", null, __classPrivateFieldGet(this, _KupCardList_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { id: componentWrapperId }, h("kup-grid", { class: `${this.fullWidth ? 'kup-full-width' : ''} scalable-cards`, columns: this.columnsNumber, singleLine: this.horizontal }, content))));
233
+ }
234
+ disconnectedCallback() {
235
+ __classPrivateFieldGet(this, _KupCardList_kupManager, "f").theme.unregister(this);
236
+ }
237
+ get rootElement() { return this; }
238
+ static get style() { return kupCardListCss; }
239
+ }, [1, "kup-card-list", {
240
+ "columnsNumber": [2, "columns-number"],
241
+ "customStyle": [1, "custom-style"],
242
+ "data": [16],
243
+ "fullWidth": [4, "full-width"],
244
+ "horizontal": [4],
245
+ "isClickable": [4, "is-clickable"],
246
+ "getProps": [64],
247
+ "refresh": [64],
248
+ "setProps": [64]
249
+ }]);
250
+ _KupCardList_kupManager = new WeakMap();
251
+ function defineCustomElement$1() {
252
+ if (typeof customElements === "undefined") {
253
+ return;
254
+ }
255
+ const components = ["kup-card-list", "kup-autocomplete", "kup-badge", "kup-button", "kup-button-list", "kup-card", "kup-chart", "kup-checkbox", "kup-chip", "kup-color-picker", "kup-combobox", "kup-data-table", "kup-date-picker", "kup-dialog", "kup-dropdown-button", "kup-form", "kup-gauge", "kup-grid", "kup-image", "kup-list", "kup-progress-bar", "kup-radio", "kup-rating", "kup-spinner", "kup-switch", "kup-tab-bar", "kup-text-field", "kup-time-picker", "kup-tree"];
256
+ components.forEach(tagName => { switch (tagName) {
257
+ case "kup-card-list":
258
+ if (!customElements.get(tagName)) {
259
+ customElements.define(tagName, KupCardList$1);
260
+ }
261
+ break;
262
+ case "kup-autocomplete":
263
+ if (!customElements.get(tagName)) {
264
+ defineCustomElement$t();
265
+ }
266
+ break;
267
+ case "kup-badge":
268
+ if (!customElements.get(tagName)) {
269
+ defineCustomElement$s();
270
+ }
271
+ break;
272
+ case "kup-button":
273
+ if (!customElements.get(tagName)) {
274
+ defineCustomElement$r();
275
+ }
276
+ break;
277
+ case "kup-button-list":
278
+ if (!customElements.get(tagName)) {
279
+ defineCustomElement$q();
280
+ }
281
+ break;
282
+ case "kup-card":
283
+ if (!customElements.get(tagName)) {
284
+ defineCustomElement$p();
285
+ }
286
+ break;
287
+ case "kup-chart":
288
+ if (!customElements.get(tagName)) {
289
+ defineCustomElement$o();
290
+ }
291
+ break;
292
+ case "kup-checkbox":
293
+ if (!customElements.get(tagName)) {
294
+ defineCustomElement$n();
295
+ }
296
+ break;
297
+ case "kup-chip":
298
+ if (!customElements.get(tagName)) {
299
+ defineCustomElement$m();
300
+ }
301
+ break;
302
+ case "kup-color-picker":
303
+ if (!customElements.get(tagName)) {
304
+ defineCustomElement$l();
305
+ }
306
+ break;
307
+ case "kup-combobox":
308
+ if (!customElements.get(tagName)) {
309
+ defineCustomElement$k();
310
+ }
311
+ break;
312
+ case "kup-data-table":
313
+ if (!customElements.get(tagName)) {
314
+ defineCustomElement$j();
315
+ }
316
+ break;
317
+ case "kup-date-picker":
318
+ if (!customElements.get(tagName)) {
319
+ defineCustomElement$i();
320
+ }
321
+ break;
322
+ case "kup-dialog":
323
+ if (!customElements.get(tagName)) {
324
+ defineCustomElement$h();
325
+ }
326
+ break;
327
+ case "kup-dropdown-button":
328
+ if (!customElements.get(tagName)) {
329
+ defineCustomElement$g();
330
+ }
331
+ break;
332
+ case "kup-form":
333
+ if (!customElements.get(tagName)) {
334
+ defineCustomElement$f();
335
+ }
336
+ break;
337
+ case "kup-gauge":
338
+ if (!customElements.get(tagName)) {
339
+ defineCustomElement$e();
340
+ }
341
+ break;
342
+ case "kup-grid":
343
+ if (!customElements.get(tagName)) {
344
+ defineCustomElement$d();
345
+ }
346
+ break;
347
+ case "kup-image":
348
+ if (!customElements.get(tagName)) {
349
+ defineCustomElement$c();
350
+ }
351
+ break;
352
+ case "kup-list":
353
+ if (!customElements.get(tagName)) {
354
+ defineCustomElement$b();
355
+ }
356
+ break;
357
+ case "kup-progress-bar":
358
+ if (!customElements.get(tagName)) {
359
+ defineCustomElement$a();
360
+ }
361
+ break;
362
+ case "kup-radio":
363
+ if (!customElements.get(tagName)) {
364
+ defineCustomElement$9();
365
+ }
366
+ break;
367
+ case "kup-rating":
368
+ if (!customElements.get(tagName)) {
369
+ defineCustomElement$8();
370
+ }
371
+ break;
372
+ case "kup-spinner":
373
+ if (!customElements.get(tagName)) {
374
+ defineCustomElement$7();
375
+ }
376
+ break;
377
+ case "kup-switch":
378
+ if (!customElements.get(tagName)) {
379
+ defineCustomElement$6();
380
+ }
381
+ break;
382
+ case "kup-tab-bar":
383
+ if (!customElements.get(tagName)) {
384
+ defineCustomElement$5();
385
+ }
386
+ break;
387
+ case "kup-text-field":
388
+ if (!customElements.get(tagName)) {
389
+ defineCustomElement$4();
390
+ }
391
+ break;
392
+ case "kup-time-picker":
393
+ if (!customElements.get(tagName)) {
394
+ defineCustomElement$3();
395
+ }
396
+ break;
397
+ case "kup-tree":
398
+ if (!customElements.get(tagName)) {
399
+ defineCustomElement$2();
400
+ }
401
+ break;
402
+ } });
403
+ }
404
+
405
+ const KupCardList = KupCardList$1;
406
+ const defineCustomElement = defineCustomElement$1;
407
+
408
+ export { KupCardList, defineCustomElement };
@@ -1,5 +1,5 @@
1
1
  import { proxyCustomElement, HTMLElement, forceUpdate, h, Host } from '@stencil/core/internal/client';
2
- import { k as kupManagerInstance, a9 as FCellPadding, g as getProps, s as setProps, c as componentWrapperId, X as KupDragEffect, S as KupLanguageGeneric, T as FCell, d as defineCustomElement$2, b as defineCustomElement$3, e as defineCustomElement$4, f as defineCustomElement$5, h as defineCustomElement$6, i as defineCustomElement$7, j as defineCustomElement$8, l as defineCustomElement$9, m as defineCustomElement$a, n as defineCustomElement$b, o as defineCustomElement$c, p as defineCustomElement$d, q as defineCustomElement$e, r as defineCustomElement$f, t as defineCustomElement$g, u as defineCustomElement$h, v as defineCustomElement$i, w as defineCustomElement$j, x as defineCustomElement$k, y as defineCustomElement$l, z as defineCustomElement$m, A as defineCustomElement$n, B as defineCustomElement$o, C as defineCustomElement$p, D as defineCustomElement$q, E as defineCustomElement$r, G as defineCustomElement$s } from './kup-autocomplete2.js';
2
+ import { k as kupManagerInstance, ab as FCellPadding, g as getProps, s as setProps, c as componentWrapperId, X as KupDragEffect, S as KupLanguageGeneric, T as FCell, d as defineCustomElement$2, b as defineCustomElement$3, e as defineCustomElement$4, f as defineCustomElement$5, h as defineCustomElement$6, i as defineCustomElement$7, j as defineCustomElement$8, l as defineCustomElement$9, m as defineCustomElement$a, n as defineCustomElement$b, o as defineCustomElement$c, p as defineCustomElement$d, q as defineCustomElement$e, r as defineCustomElement$f, t as defineCustomElement$g, u as defineCustomElement$h, v as defineCustomElement$i, w as defineCustomElement$j, x as defineCustomElement$k, y as defineCustomElement$l, z as defineCustomElement$m, A as defineCustomElement$n, B as defineCustomElement$o, C as defineCustomElement$p, D as defineCustomElement$q, E as defineCustomElement$r, G as defineCustomElement$s } from './kup-autocomplete2.js';
3
3
 
4
4
  /**
5
5
  * Props of the kup-cell component.
@@ -1,4 +1,4 @@
1
- import { aa as KupChart$1, A as defineCustomElement$1 } from './kup-autocomplete2.js';
1
+ import { ac as KupChart$1, A as defineCustomElement$1 } from './kup-autocomplete2.js';
2
2
 
3
3
  const KupChart = KupChart$1;
4
4
  const defineCustomElement = defineCustomElement$1;
@@ -1,4 +1,4 @@
1
- import { ab as KupCheckbox$1, z as defineCustomElement$1 } from './kup-autocomplete2.js';
1
+ import { ad as KupCheckbox$1, z as defineCustomElement$1 } from './kup-autocomplete2.js';
2
2
 
3
3
  const KupCheckbox = KupCheckbox$1;
4
4
  const defineCustomElement = defineCustomElement$1;
@@ -1,4 +1,4 @@
1
- import { ac as KupChip$1, y as defineCustomElement$1 } from './kup-autocomplete2.js';
1
+ import { ae as KupChip$1, y as defineCustomElement$1 } from './kup-autocomplete2.js';
2
2
 
3
3
  const KupChip = KupChip$1;
4
4
  const defineCustomElement = defineCustomElement$1;
@@ -1,4 +1,4 @@
1
- import { ad as KupColorPicker$1, x as defineCustomElement$1 } from './kup-autocomplete2.js';
1
+ import { af as KupColorPicker$1, x as defineCustomElement$1 } from './kup-autocomplete2.js';
2
2
 
3
3
  const KupColorPicker = KupColorPicker$1;
4
4
  const defineCustomElement = defineCustomElement$1;
@@ -1,4 +1,4 @@
1
- import { ae as KupCombobox$1, w as defineCustomElement$1 } from './kup-autocomplete2.js';
1
+ import { ag as KupCombobox$1, w as defineCustomElement$1 } from './kup-autocomplete2.js';
2
2
 
3
3
  const KupCombobox = KupCombobox$1;
4
4
  const defineCustomElement = defineCustomElement$1;
@@ -1,5 +1,5 @@
1
1
  import { proxyCustomElement, HTMLElement, createEvent, forceUpdate, h, Host } from '@stencil/core/internal/client';
2
- import { k as kupManagerInstance, g as getProps, s as setProps, ag as KupLanguageDashboard, a6 as FButton, S as KupLanguageGeneric, ah as FTextField, ai as FCheckbox, X as KupDragEffect, U as KupDebugCategory, _ as FTextFieldMDC, c as componentWrapperId, d as defineCustomElement$2, b as defineCustomElement$3, e as defineCustomElement$4, f as defineCustomElement$5, h as defineCustomElement$6, i as defineCustomElement$7, j as defineCustomElement$8, l as defineCustomElement$9, m as defineCustomElement$a, n as defineCustomElement$b, o as defineCustomElement$c, p as defineCustomElement$d, q as defineCustomElement$e, r as defineCustomElement$f, t as defineCustomElement$g, u as defineCustomElement$h, v as defineCustomElement$i, w as defineCustomElement$j, x as defineCustomElement$k, y as defineCustomElement$l, z as defineCustomElement$m, A as defineCustomElement$n, B as defineCustomElement$o, C as defineCustomElement$p, D as defineCustomElement$q, E as defineCustomElement$r, G as defineCustomElement$s } from './kup-autocomplete2.js';
2
+ import { k as kupManagerInstance, g as getProps, s as setProps, ah as KupLanguageDashboard, a6 as FButton, S as KupLanguageGeneric, ai as FTextField, aj as FCheckbox, X as KupDragEffect, U as KupDebugCategory, _ as FTextFieldMDC, c as componentWrapperId, d as defineCustomElement$2, b as defineCustomElement$3, e as defineCustomElement$4, f as defineCustomElement$5, h as defineCustomElement$6, i as defineCustomElement$7, j as defineCustomElement$8, l as defineCustomElement$9, m as defineCustomElement$a, n as defineCustomElement$b, o as defineCustomElement$c, p as defineCustomElement$d, q as defineCustomElement$e, r as defineCustomElement$f, t as defineCustomElement$g, u as defineCustomElement$h, v as defineCustomElement$i, w as defineCustomElement$j, x as defineCustomElement$k, y as defineCustomElement$l, z as defineCustomElement$m, A as defineCustomElement$n, B as defineCustomElement$o, C as defineCustomElement$p, D as defineCustomElement$q, E as defineCustomElement$r, G as defineCustomElement$s } from './kup-autocomplete2.js';
3
3
 
4
4
  /**
5
5
  * Props of the kup-dashboard component.
@@ -405,6 +405,8 @@ const KupDashboard$1 = /*@__PURE__*/ proxyCustomElement(class KupDashboard exten
405
405
  "getProps": [64],
406
406
  "refresh": [64],
407
407
  "setProps": [64]
408
+ }, undefined, {
409
+ "data": ["dataChanged"]
408
410
  }]);
409
411
  function defineCustomElement$1() {
410
412
  if (typeof customElements === "undefined") {
@@ -1,4 +1,4 @@
1
- import { aj as KupDataTable$1, v as defineCustomElement$1 } from './kup-autocomplete2.js';
1
+ import { ak as KupDataTable$1, v as defineCustomElement$1 } from './kup-autocomplete2.js';
2
2
 
3
3
  const KupDataTable = KupDataTable$1;
4
4
  const defineCustomElement = defineCustomElement$1;
@@ -1,4 +1,4 @@
1
- import { ak as KupDatePicker$1, u as defineCustomElement$1 } from './kup-autocomplete2.js';
1
+ import { al as KupDatePicker$1, u as defineCustomElement$1 } from './kup-autocomplete2.js';
2
2
 
3
3
  const KupDatePicker = KupDatePicker$1;
4
4
  const defineCustomElement = defineCustomElement$1;
@@ -1,4 +1,4 @@
1
- import { al as KupDialog$1, t as defineCustomElement$1 } from './kup-autocomplete2.js';
1
+ import { am as KupDialog$1, t as defineCustomElement$1 } from './kup-autocomplete2.js';
2
2
 
3
3
  const KupDialog = KupDialog$1;
4
4
  const defineCustomElement = defineCustomElement$1;
@@ -1,4 +1,4 @@
1
- import { am as KupDropdownButton$1, r as defineCustomElement$1 } from './kup-autocomplete2.js';
1
+ import { an as KupDropdownButton$1, r as defineCustomElement$1 } from './kup-autocomplete2.js';
2
2
 
3
3
  const KupDropdownButton = KupDropdownButton$1;
4
4
  const defineCustomElement = defineCustomElement$1;