@sme.up/ketchup 11.0.0-SNAPSHOT-20250407095941 → 11.0.0-SNAPSHOT-20250407111441

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 (192) hide show
  1. package/dist/cjs/{f-cell-dbf90bb8.js → f-cell-209db057.js} +4 -4
  2. package/dist/cjs/{f-chip-24b1eb58.js → f-chip-dc085b9b.js} +1 -1
  3. package/dist/cjs/{f-object-field-2ffc49c1.js → f-object-field-96e1c599.js} +2 -2
  4. package/dist/cjs/{f-paginator-utils-51bb9317.js → f-paginator-utils-3f233ebe.js} +1 -1
  5. package/dist/cjs/{f-text-field-5face063.js → f-text-field-d91ab1e8.js} +1 -1
  6. package/dist/cjs/index.cjs.js +1 -1
  7. package/dist/cjs/kup-accordion.cjs.entry.js +1 -1
  8. package/dist/cjs/kup-activity-timeline.cjs.entry.js +2 -2
  9. package/dist/cjs/kup-autocomplete_29.cjs.entry.js +31 -23
  10. package/dist/cjs/kup-box.cjs.entry.js +58 -54
  11. package/dist/cjs/kup-calendar.cjs.entry.js +2 -2
  12. package/dist/cjs/kup-card-list.cjs.entry.js +1 -1
  13. package/dist/cjs/kup-cell.cjs.entry.js +5 -5
  14. package/dist/cjs/kup-dashboard.cjs.entry.js +2 -2
  15. package/dist/cjs/{kup-data-table-helper-6f4d86ea.js → kup-data-table-helper-ff263f4f.js} +1 -1
  16. package/dist/cjs/kup-drawer.cjs.entry.js +1 -1
  17. package/dist/cjs/kup-echart.cjs.entry.js +1 -1
  18. package/dist/cjs/kup-editor.cjs.entry.js +1 -1
  19. package/dist/cjs/kup-family-tree.cjs.entry.js +1 -1
  20. package/dist/cjs/kup-grid.cjs.entry.js +1 -1
  21. package/dist/cjs/kup-htm.cjs.entry.js +1 -1
  22. package/dist/cjs/kup-iframe.cjs.entry.js +1 -1
  23. package/dist/cjs/kup-image-list.cjs.entry.js +9 -8
  24. package/dist/cjs/kup-input-panel.cjs.entry.js +5 -5
  25. package/dist/cjs/kup-lazy.cjs.entry.js +1 -1
  26. package/dist/cjs/kup-magic-box.cjs.entry.js +1 -1
  27. package/dist/cjs/{kup-manager-49d2d8fe.js → kup-manager-ecc44384.js} +49 -0
  28. package/dist/cjs/kup-nav-bar.cjs.entry.js +1 -1
  29. package/dist/cjs/kup-numeric-picker.cjs.entry.js +2 -2
  30. package/dist/cjs/kup-object-field.cjs.entry.js +3 -3
  31. package/dist/cjs/kup-pdf.cjs.entry.js +1 -1
  32. package/dist/cjs/kup-planner.cjs.entry.js +2 -2
  33. package/dist/cjs/kup-probe.cjs.entry.js +1 -1
  34. package/dist/cjs/kup-qlik.cjs.entry.js +1 -1
  35. package/dist/cjs/kup-snackbar.cjs.entry.js +1 -1
  36. package/dist/cjs/kup-txt.cjs.entry.js +1 -1
  37. package/dist/cjs/kup-typography-list.cjs.entry.js +1 -1
  38. package/dist/cjs/kup-typography.cjs.entry.js +1 -1
  39. package/dist/collection/components/kup-box/kup-box.js +51 -47
  40. package/dist/collection/components/kup-data-table/kup-data-table.js +14 -10
  41. package/dist/collection/components/kup-image-list/kup-image-list.js +4 -3
  42. package/dist/collection/components/kup-tree/kup-tree.js +10 -6
  43. package/dist/collection/managers/kup-data/kup-data.js +49 -0
  44. package/dist/components/index.js +1 -1
  45. package/dist/components/kup-accordion.js +2 -2
  46. package/dist/components/kup-activity-timeline.js +2 -2
  47. package/dist/components/kup-autocomplete.js +1 -1
  48. package/dist/components/kup-badge.js +1 -1
  49. package/dist/components/kup-box.js +1 -1
  50. package/dist/components/kup-button-list.js +1 -1
  51. package/dist/components/kup-button.js +1 -1
  52. package/dist/components/kup-calendar.js +2 -2
  53. package/dist/components/kup-card-list.js +3 -3
  54. package/dist/components/kup-card.js +1 -1
  55. package/dist/components/kup-cell.js +2 -2
  56. package/dist/components/kup-chart.js +1 -1
  57. package/dist/components/kup-checkbox.js +1 -1
  58. package/dist/components/kup-chip.js +1 -1
  59. package/dist/components/kup-color-picker.js +1 -1
  60. package/dist/components/kup-combobox.js +1 -1
  61. package/dist/components/kup-dashboard.js +2 -2
  62. package/dist/components/kup-data-table.js +1 -1
  63. package/dist/components/kup-date-picker.js +1 -1
  64. package/dist/components/kup-dialog.js +1 -1
  65. package/dist/components/kup-drawer.js +2 -2
  66. package/dist/components/kup-dropdown-button.js +1 -1
  67. package/dist/components/kup-echart.js +1 -1
  68. package/dist/components/kup-editor.js +1 -1
  69. package/dist/components/kup-family-tree.js +3 -3
  70. package/dist/components/kup-file-upload.js +1 -1
  71. package/dist/components/kup-form.js +1 -1
  72. package/dist/components/kup-gauge.js +1 -1
  73. package/dist/components/kup-grid.js +1 -1
  74. package/dist/components/kup-htm.js +2 -2
  75. package/dist/components/kup-iframe.js +2 -2
  76. package/dist/components/kup-image-list.js +6 -5
  77. package/dist/components/kup-image.js +1 -1
  78. package/dist/components/kup-input-panel.js +3 -3
  79. package/dist/components/kup-lazy.js +2 -2
  80. package/dist/components/kup-list.js +1 -1
  81. package/dist/components/kup-magic-box.js +4 -4
  82. package/dist/components/kup-nav-bar.js +2 -2
  83. package/dist/components/kup-numeric-picker.js +2 -2
  84. package/dist/components/kup-object-field.js +2 -2
  85. package/dist/components/kup-pdf.js +2 -2
  86. package/dist/components/kup-planner.js +2 -2
  87. package/dist/components/kup-probe.js +2 -2
  88. package/dist/components/kup-progress-bar.js +1 -1
  89. package/dist/components/kup-qlik.js +2 -2
  90. package/dist/components/kup-radio.js +1 -1
  91. package/dist/components/kup-rating.js +1 -1
  92. package/dist/components/kup-snackbar.js +2 -2
  93. package/dist/components/kup-spinner.js +1 -1
  94. package/dist/components/kup-switch.js +1 -1
  95. package/dist/components/kup-tab-bar.js +1 -1
  96. package/dist/components/kup-text-field.js +1 -1
  97. package/dist/components/kup-time-picker.js +1 -1
  98. package/dist/components/kup-toolbar.js +1 -1
  99. package/dist/components/kup-tree.js +1 -1
  100. package/dist/components/kup-txt.js +2 -2
  101. package/dist/components/kup-typography-list.js +2 -2
  102. package/dist/components/kup-typography.js +2 -2
  103. package/dist/components/{p-af1e8346.js → p-0860ea4c.js} +2 -2
  104. package/dist/components/{p-c5f8d41f.js → p-726f15fa.js} +25 -17
  105. package/dist/components/{p-7550d08c.js → p-73922583.js} +49 -0
  106. package/dist/components/{p-7baa46f4.js → p-beb34679.js} +53 -49
  107. package/dist/components/{p-5cf6e379.js → p-d4cabd2b.js} +2 -2
  108. package/dist/components/{p-e63b1087.js → p-e407f2ce.js} +2 -2
  109. package/dist/esm/{f-cell-f5c25500.js → f-cell-8ed6963a.js} +4 -4
  110. package/dist/esm/{f-chip-35dfafdb.js → f-chip-72bcea75.js} +1 -1
  111. package/dist/esm/{f-object-field-fa368c87.js → f-object-field-1827746c.js} +2 -2
  112. package/dist/esm/{f-paginator-utils-d7e6b742.js → f-paginator-utils-e785d34e.js} +1 -1
  113. package/dist/esm/{f-text-field-dcf09b57.js → f-text-field-591dc383.js} +1 -1
  114. package/dist/esm/index.js +1 -1
  115. package/dist/esm/kup-accordion.entry.js +1 -1
  116. package/dist/esm/kup-activity-timeline.entry.js +2 -2
  117. package/dist/esm/kup-autocomplete_29.entry.js +31 -23
  118. package/dist/esm/kup-box.entry.js +58 -54
  119. package/dist/esm/kup-calendar.entry.js +2 -2
  120. package/dist/esm/kup-card-list.entry.js +1 -1
  121. package/dist/esm/kup-cell.entry.js +5 -5
  122. package/dist/esm/kup-dashboard.entry.js +2 -2
  123. package/dist/esm/{kup-data-table-helper-537035b9.js → kup-data-table-helper-0fbe9df1.js} +1 -1
  124. package/dist/esm/kup-drawer.entry.js +1 -1
  125. package/dist/esm/kup-echart.entry.js +1 -1
  126. package/dist/esm/kup-editor.entry.js +1 -1
  127. package/dist/esm/kup-family-tree.entry.js +1 -1
  128. package/dist/esm/kup-grid.entry.js +1 -1
  129. package/dist/esm/kup-htm.entry.js +1 -1
  130. package/dist/esm/kup-iframe.entry.js +1 -1
  131. package/dist/esm/kup-image-list.entry.js +9 -8
  132. package/dist/esm/kup-input-panel.entry.js +5 -5
  133. package/dist/esm/kup-lazy.entry.js +1 -1
  134. package/dist/esm/kup-magic-box.entry.js +1 -1
  135. package/dist/esm/{kup-manager-2b2b7c68.js → kup-manager-a3f8ee8f.js} +49 -0
  136. package/dist/esm/kup-nav-bar.entry.js +1 -1
  137. package/dist/esm/kup-numeric-picker.entry.js +2 -2
  138. package/dist/esm/kup-object-field.entry.js +3 -3
  139. package/dist/esm/kup-pdf.entry.js +1 -1
  140. package/dist/esm/kup-planner.entry.js +2 -2
  141. package/dist/esm/kup-probe.entry.js +1 -1
  142. package/dist/esm/kup-qlik.entry.js +1 -1
  143. package/dist/esm/kup-snackbar.entry.js +1 -1
  144. package/dist/esm/kup-txt.entry.js +1 -1
  145. package/dist/esm/kup-typography-list.entry.js +1 -1
  146. package/dist/esm/kup-typography.entry.js +1 -1
  147. package/dist/ketchup/index.esm.js +1 -1
  148. package/dist/ketchup/ketchup.esm.js +1 -1
  149. package/dist/ketchup/{p-f295ca34.entry.js → p-02da7934.entry.js} +1 -1
  150. package/dist/ketchup/p-083e3b75.entry.js +1 -0
  151. package/dist/ketchup/{p-40dafa35.entry.js → p-0bfca086.entry.js} +1 -1
  152. package/dist/ketchup/{p-79f41e98.entry.js → p-20c7a116.entry.js} +1 -1
  153. package/dist/ketchup/p-2118015b.entry.js +1 -0
  154. package/dist/ketchup/{p-3aa35543.entry.js → p-2faa7118.entry.js} +1 -1
  155. package/dist/ketchup/p-2fd7281c.entry.js +1 -0
  156. package/dist/ketchup/{p-75fbe557.entry.js → p-356f79c6.entry.js} +1 -1
  157. package/dist/ketchup/{p-98f96683.entry.js → p-53e99c04.entry.js} +1 -1
  158. package/dist/ketchup/p-64e064f0.js +1 -0
  159. package/dist/ketchup/{p-752959b9.entry.js → p-6823ebc7.entry.js} +1 -1
  160. package/dist/ketchup/{p-6124d70d.entry.js → p-6a0c985b.entry.js} +1 -1
  161. package/dist/ketchup/{p-9ba596f1.entry.js → p-6ef496b5.entry.js} +1 -1
  162. package/dist/ketchup/{p-4418988a.entry.js → p-6fe57b1a.entry.js} +1 -1
  163. package/dist/ketchup/{p-2386ce89.js → p-761ad9ec.js} +1 -1
  164. package/dist/ketchup/{p-63117858.entry.js → p-79e580bc.entry.js} +1 -1
  165. package/dist/ketchup/{p-fd413285.entry.js → p-7c395c61.entry.js} +1 -1
  166. package/dist/ketchup/{p-eaabc269.js → p-8140c1d2.js} +1 -1
  167. package/dist/ketchup/{p-9569dd8f.entry.js → p-83a1e078.entry.js} +1 -1
  168. package/dist/ketchup/{p-a9673b06.entry.js → p-8864762c.entry.js} +2 -2
  169. package/dist/ketchup/{p-4a6c6bf4.entry.js → p-8cf7b4a6.entry.js} +1 -1
  170. package/dist/ketchup/{p-c021821b.entry.js → p-8f0bf77e.entry.js} +1 -1
  171. package/dist/ketchup/{p-e78670d8.js → p-932940cb.js} +1 -1
  172. package/dist/ketchup/{p-084db57d.entry.js → p-a3f39aa5.entry.js} +1 -1
  173. package/dist/ketchup/{p-8ea55d48.entry.js → p-a52e835e.entry.js} +1 -1
  174. package/dist/ketchup/{p-1f03e444.entry.js → p-a551358b.entry.js} +1 -1
  175. package/dist/ketchup/{p-06b5e205.entry.js → p-a7f2189e.entry.js} +1 -1
  176. package/dist/ketchup/{p-723eb2b0.entry.js → p-aa204653.entry.js} +1 -1
  177. package/dist/ketchup/{p-aecd109b.entry.js → p-af850d55.entry.js} +1 -1
  178. package/dist/ketchup/{p-bd00b50d.entry.js → p-c832734a.entry.js} +1 -1
  179. package/dist/ketchup/{p-0f7a8165.js → p-d1fa33e0.js} +1 -1
  180. package/dist/ketchup/{p-c5c28122.entry.js → p-dd0c299b.entry.js} +1 -1
  181. package/dist/ketchup/{p-a291cdc2.entry.js → p-df3ce69c.entry.js} +1 -1
  182. package/dist/ketchup/{p-b8142dd8.entry.js → p-eac868f3.entry.js} +1 -1
  183. package/dist/ketchup/{p-0a60f2ec.js → p-f1886258.js} +1 -1
  184. package/dist/ketchup/{p-2619d7d8.entry.js → p-f9c32c30.entry.js} +1 -1
  185. package/dist/ketchup/{p-cd73eaec.js → p-fb4f10d5.js} +1 -1
  186. package/dist/types/components/kup-box/kup-box.d.ts +0 -4
  187. package/dist/types/managers/kup-data/kup-data.d.ts +11 -0
  188. package/package.json +1 -1
  189. package/dist/ketchup/p-52724b77.entry.js +0 -1
  190. package/dist/ketchup/p-6eb5f3da.js +0 -1
  191. package/dist/ketchup/p-82b354c1.entry.js +0 -1
  192. package/dist/ketchup/p-f179d3ca.entry.js +0 -1
@@ -14,7 +14,7 @@ var __classPrivateFieldSet = (this && this.__classPrivateFieldSet) || function (
14
14
  throw new TypeError("Cannot write private member to an object whose class did not declare it");
15
15
  return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
16
16
  };
17
- var _KupBox_instances, _KupBox_checkUpdateState, _KupBox_intObserver, _KupBox_rowsRefs, _KupBox_navBarHeight, _KupBox_loadMoreEventCounter, _KupBox_loadMoreEventPreviousQuantity, _KupBox_didRenderObservers, _KupBox_setObserver, _KupBox_onLoadMoreClick;
17
+ var _KupBox_instances, _KupBox_checkUpdateState, _KupBox_kupManager, _KupBox_intObserver, _KupBox_rowsRefs, _KupBox_navBarHeight, _KupBox_loadMoreEventCounter, _KupBox_loadMoreEventPreviousQuantity, _KupBox_didRenderObservers, _KupBox_setObserver, _KupBox_onLoadMoreClick;
18
18
  import { forceUpdate, h, Host, } from "@stencil/core";
19
19
  import { SortMode, } from "../kup-data-table/kup-data-table-declarations";
20
20
  import { KupBoxProps, LoadMoreMode, } from "./kup-box-declarations";
@@ -44,7 +44,7 @@ export class KupBox {
44
44
  /**
45
45
  * Instance of the KupManager class.
46
46
  */
47
- this.kupManager = kupManagerInstance();
47
+ _KupBox_kupManager.set(this, kupManagerInstance());
48
48
  this.rows = [];
49
49
  this.filteredRows = [];
50
50
  this.sectionRef = null;
@@ -101,7 +101,7 @@ export class KupBox {
101
101
  this.state.load = true;
102
102
  const state = this.store.getState(this.stateId);
103
103
  if (state != null) {
104
- this.kupManager.debug.logMessage(this, 'Initialize with state for stateId ' +
104
+ __classPrivateFieldGet(this, _KupBox_kupManager, "f").debug.logMessage(this, 'Initialize with state for stateId ' +
105
105
  this.stateId +
106
106
  ': ' +
107
107
  state);
@@ -124,7 +124,7 @@ export class KupBox {
124
124
  return;
125
125
  }
126
126
  if (somethingChanged) {
127
- this.kupManager.debug.logMessage(this, 'Persisting stateId ' + this.stateId);
127
+ __classPrivateFieldGet(this, _KupBox_kupManager, "f").debug.logMessage(this, 'Persisting stateId ' + this.stateId);
128
128
  this.store.persistState(this.stateId, this.state);
129
129
  }
130
130
  }
@@ -189,7 +189,7 @@ export class KupBox {
189
189
  getVisibleColumns() {
190
190
  // Starting columns filter
191
191
  let resultVisibleColumns = this.getColumns().filter((col) => {
192
- const isNotCodVer = !this.kupManager.data.column.isCodVer(col);
192
+ const isNotCodVer = !__classPrivateFieldGet(this, _KupBox_kupManager, "f").data.column.isCodVer(col);
193
193
  if (this.visibleColumns) {
194
194
  // if visible columns is specified, include only those columns
195
195
  return isNotCodVer && this.visibleColumns.includes(col.name);
@@ -241,14 +241,14 @@ export class KupBox {
241
241
  }
242
242
  checkScrollOnHover() {
243
243
  if (this.boxContainer) {
244
- if (!this.kupManager.scrollOnHover.isRegistered(this.boxContainer)) {
244
+ if (!__classPrivateFieldGet(this, _KupBox_kupManager, "f").scrollOnHover.isRegistered(this.boxContainer)) {
245
245
  if (this.scrollOnHover) {
246
- this.kupManager.scrollOnHover.register(this.boxContainer);
246
+ __classPrivateFieldGet(this, _KupBox_kupManager, "f").scrollOnHover.register(this.boxContainer);
247
247
  }
248
248
  }
249
249
  else {
250
250
  if (!this.scrollOnHover) {
251
- this.kupManager.scrollOnHover.unregister(this.boxContainer);
251
+ __classPrivateFieldGet(this, _KupBox_kupManager, "f").scrollOnHover.unregister(this.boxContainer);
252
252
  }
253
253
  }
254
254
  }
@@ -365,7 +365,7 @@ export class KupBox {
365
365
  };
366
366
  }
367
367
  clickHandler(e) {
368
- const details = this.getEventDetails(this.kupManager.getEventPath(e.target, this.rootElement), e);
368
+ const details = this.getEventDetails(__classPrivateFieldGet(this, _KupBox_kupManager, "f").getEventPath(e.target, this.rootElement), e);
369
369
  if (details.row) {
370
370
  if (this.multiSelection) {
371
371
  this.onSelectionCheckChange(details.row);
@@ -377,7 +377,7 @@ export class KupBox {
377
377
  return details;
378
378
  }
379
379
  contextMenuHandler(e) {
380
- const details = this.getEventDetails(this.kupManager.getEventPath(e.target, this.rootElement), e);
380
+ const details = this.getEventDetails(__classPrivateFieldGet(this, _KupBox_kupManager, "f").getEventPath(e.target, this.rootElement), e);
381
381
  return details;
382
382
  }
383
383
  /**
@@ -809,10 +809,10 @@ export class KupBox {
809
809
  headerTitle = section.title;
810
810
  }
811
811
  else if (sectionExpanded) {
812
- headerTitle = this.kupManager.language.translate(KupLanguageGeneric.COLLAPSE);
812
+ headerTitle = __classPrivateFieldGet(this, _KupBox_kupManager, "f").language.translate(KupLanguageGeneric.COLLAPSE);
813
813
  }
814
814
  else {
815
- headerTitle = this.kupManager.language.translate(KupLanguageGeneric.EXPAND);
815
+ headerTitle = __classPrivateFieldGet(this, _KupBox_kupManager, "f").language.translate(KupLanguageGeneric.EXPAND);
816
816
  }
817
817
  sectionContainer = (h("div", { class: sectionClass, style: sectionStyle }, h("div", { class: contentClass }, sectionContent), h("div", { class: "header", role: "button", onClick: (e) => {
818
818
  e.stopPropagation();
@@ -848,12 +848,16 @@ export class KupBox {
848
848
  }
849
849
  const cell = row.cells[boxObject.column];
850
850
  let title = undefined;
851
- if (cell && !this.kupManager.objects.isEmptyKupObj(cell.obj)) {
851
+ if (cell && !__classPrivateFieldGet(this, _KupBox_kupManager, "f").objects.isEmptyKupObj(cell.obj)) {
852
852
  classObj['is-obj'] = true;
853
- if (this.kupManager.debug.isDebug()) {
853
+ if (__classPrivateFieldGet(this, _KupBox_kupManager, "f").debug.isDebug()) {
854
854
  title =
855
855
  cell.obj.t + '; ' + cell.obj.p + '; ' + cell.obj.k + ';';
856
856
  }
857
+ if (!cell.isEditable) {
858
+ cell.cssClass =
859
+ __classPrivateFieldGet(this, _KupBox_kupManager, "f").data.cell.getObjectRelatedStyleClasses(cell.obj, cell.cssClass);
860
+ }
857
861
  }
858
862
  const cellProps = {
859
863
  cell: cell,
@@ -874,9 +878,9 @@ export class KupBox {
874
878
  kanbanMode() {
875
879
  // Testing whether there are columns to group by
876
880
  if (!this.kanban.columns || this.kanban.columns.length === 0) {
877
- this.kupManager.debug.logMessage(this, 'No columns to group by detected.', KupDebugCategory.ERROR);
881
+ __classPrivateFieldGet(this, _KupBox_kupManager, "f").debug.logMessage(this, 'No columns to group by detected.', KupDebugCategory.ERROR);
878
882
  return {
879
- jsx: (h("div", { id: "empty-data-message", class: "box-wrapper" }, h("div", { ref: (el) => this.rowsRefs.push(el) }), this.kupManager.language.translate(KupLanguageGeneric.EMPTY_DATA))),
883
+ jsx: (h("div", { id: "empty-data-message", class: "box-wrapper" }, h("div", { ref: (el) => this.rowsRefs.push(el) }), __classPrivateFieldGet(this, _KupBox_kupManager, "f").language.translate(KupLanguageGeneric.EMPTY_DATA))),
880
884
  style: { 'grid-template-columns': `repeat(1, 1fr)` },
881
885
  };
882
886
  }
@@ -897,7 +901,7 @@ export class KupBox {
897
901
  key.push(this.rows[index].cells[this.kanban.columns[j]].value);
898
902
  }
899
903
  catch (error) {
900
- this.kupManager.debug.logMessage(this, error, KupDebugCategory.WARNING);
904
+ __classPrivateFieldGet(this, _KupBox_kupManager, "f").debug.logMessage(this, error, KupDebugCategory.WARNING);
901
905
  }
902
906
  }
903
907
  const check = {
@@ -1002,8 +1006,8 @@ export class KupBox {
1002
1006
  });
1003
1007
  }
1004
1008
  };
1005
- this.kupManager.interact.on(this.boxContainer, KupPointerEventTypes.TAP, tapCb);
1006
- this.kupManager.interact.on(this.boxContainer, KupPointerEventTypes.HOLD, holdCb);
1009
+ __classPrivateFieldGet(this, _KupBox_kupManager, "f").interact.on(this.boxContainer, KupPointerEventTypes.TAP, tapCb);
1010
+ __classPrivateFieldGet(this, _KupBox_kupManager, "f").interact.on(this.boxContainer, KupPointerEventTypes.HOLD, holdCb);
1007
1011
  }
1008
1012
  didRenderInteractables() {
1009
1013
  if (this.dragEnabled) {
@@ -1022,7 +1026,7 @@ export class KupBox {
1022
1026
  };
1023
1027
  if (row && !this.interactableDrag.includes(row)) {
1024
1028
  this.interactableDrag.push(row);
1025
- this.kupManager.interact.draggable(row, {
1029
+ __classPrivateFieldGet(this, _KupBox_kupManager, "f").interact.draggable(row, {
1026
1030
  allowFrom: '.box-object',
1027
1031
  cursorChecker() {
1028
1032
  return null;
@@ -1037,10 +1041,10 @@ export class KupBox {
1037
1041
  const dataCb = () => {
1038
1042
  const cell = this.rootElement.shadowRoot.querySelector('.box:hover');
1039
1043
  if (!cell) {
1040
- this.kupManager.debug.logMessage(this, "Couldn't find cell hovered to retrieve dropzone informations!", KupDebugCategory.WARNING);
1044
+ __classPrivateFieldGet(this, _KupBox_kupManager, "f").debug.logMessage(this, "Couldn't find cell hovered to retrieve dropzone informations!", KupDebugCategory.WARNING);
1041
1045
  return;
1042
1046
  }
1043
- const path = this.kupManager.getEventPath(cell, this.rootElement);
1047
+ const path = __classPrivateFieldGet(this, _KupBox_kupManager, "f").getEventPath(cell, this.rootElement);
1044
1048
  const receivingDetails = this.getEventDetails(path);
1045
1049
  return {
1046
1050
  cell: receivingDetails.cell,
@@ -1051,7 +1055,7 @@ export class KupBox {
1051
1055
  };
1052
1056
  if (!this.interactableDrop.includes(this.sectionRef)) {
1053
1057
  this.interactableDrop.push(this.sectionRef);
1054
- this.kupManager.interact.dropzone(this.sectionRef, {
1058
+ __classPrivateFieldGet(this, _KupBox_kupManager, "f").interact.dropzone(this.sectionRef, {
1055
1059
  accept: `[${kupDraggableAttr}]`,
1056
1060
  }, {
1057
1061
  dispatcher: this.rootElement,
@@ -1062,7 +1066,7 @@ export class KupBox {
1062
1066
  const row = this.rowsRefs[index];
1063
1067
  if (row && !this.interactableDrop.includes(row)) {
1064
1068
  this.interactableDrop.push(row);
1065
- this.kupManager.interact.dropzone(row, {
1069
+ __classPrivateFieldGet(this, _KupBox_kupManager, "f").interact.dropzone(row, {
1066
1070
  accept: `[${kupDraggableAttr}]`,
1067
1071
  }, {
1068
1072
  callback: dataCb,
@@ -1077,7 +1081,7 @@ export class KupBox {
1077
1081
  /* L i f e c y c l e H o o k s */
1078
1082
  /*-------------------------------------------------*/
1079
1083
  componentWillLoad() {
1080
- this.kupManager.debug.logLoad(this, false);
1084
+ __classPrivateFieldGet(this, _KupBox_kupManager, "f").debug.logLoad(this, false);
1081
1085
  if (this.rowsPerPage) {
1082
1086
  this.currentRowsPerPage = this.rowsPerPage;
1083
1087
  }
@@ -1086,8 +1090,8 @@ export class KupBox {
1086
1090
  this.currentRowsPerPage > this.data.rows.length) {
1087
1091
  this.currentRowsPerPage = this.data.rows.length;
1088
1092
  }
1089
- this.kupManager.language.register(this);
1090
- this.kupManager.theme.register(this);
1093
+ __classPrivateFieldGet(this, _KupBox_kupManager, "f").language.register(this);
1094
+ __classPrivateFieldGet(this, _KupBox_kupManager, "f").theme.register(this);
1091
1095
  this.initWithPersistedState();
1092
1096
  this.onDataChanged();
1093
1097
  this.adjustPaginator();
@@ -1116,10 +1120,10 @@ export class KupBox {
1116
1120
  }
1117
1121
  this.didLoadInteractables();
1118
1122
  this.kupDidLoad.emit({ comp: this, id: this.rootElement.id });
1119
- this.kupManager.debug.logLoad(this, true);
1123
+ __classPrivateFieldGet(this, _KupBox_kupManager, "f").debug.logLoad(this, true);
1120
1124
  }
1121
1125
  componentWillRender() {
1122
- this.kupManager.debug.logRender(this, false);
1126
+ __classPrivateFieldGet(this, _KupBox_kupManager, "f").debug.logRender(this, false);
1123
1127
  }
1124
1128
  componentDidRender() {
1125
1129
  const root = this.rootElement.shadowRoot;
@@ -1133,7 +1137,7 @@ export class KupBox {
1133
1137
  this.persistState();
1134
1138
  this.didRenderInteractables();
1135
1139
  __classPrivateFieldGet(this, _KupBox_instances, "m", _KupBox_didRenderObservers).call(this);
1136
- this.kupManager.debug.logRender(this, true);
1140
+ __classPrivateFieldGet(this, _KupBox_kupManager, "f").debug.logRender(this, true);
1137
1141
  }
1138
1142
  render() {
1139
1143
  __classPrivateFieldSet(this, _KupBox_rowsRefs, [], "f");
@@ -1151,7 +1155,7 @@ export class KupBox {
1151
1155
  });
1152
1156
  const items = [{ value: '', id: '' }, ...visibleColumnsItems];
1153
1157
  let textfieldData = {
1154
- label: this.kupManager.language.translate(KupLanguageGeneric.SORT_BY),
1158
+ label: __classPrivateFieldGet(this, _KupBox_kupManager, "f").language.translate(KupLanguageGeneric.SORT_BY),
1155
1159
  trailingIcon: true,
1156
1160
  };
1157
1161
  let listData = {
@@ -1166,7 +1170,7 @@ export class KupBox {
1166
1170
  }
1167
1171
  let filterPanel = null;
1168
1172
  if (this.globalFilter) {
1169
- filterPanel = (h("div", { id: "global-filter" }, h("kup-text-field", { fullWidth: true, label: this.kupManager.language.translate(KupLanguageSearch.SEARCH), icon: KupThemeIconValues.SEARCH, initialValue: this.globalFilterValue, "onkup-textfield-input": (event) => {
1173
+ filterPanel = (h("div", { id: "global-filter" }, h("kup-text-field", { fullWidth: true, label: __classPrivateFieldGet(this, _KupBox_kupManager, "f").language.translate(KupLanguageSearch.SEARCH), icon: KupThemeIconValues.SEARCH, initialValue: this.globalFilterValue, "onkup-textfield-input": (event) => {
1170
1174
  window.clearTimeout(this.globalFilterTimeout);
1171
1175
  this.globalFilterTimeout = window.setTimeout(() => this.onGlobalFilterChange(event), 600);
1172
1176
  } })));
@@ -1188,7 +1192,7 @@ export class KupBox {
1188
1192
  let boxContent = null;
1189
1193
  let containerStyle = {};
1190
1194
  if (this.rows.length === 0) {
1191
- boxContent = (h("div", { id: "empty-data-message", class: "box-wrapper" }, h("div", { class: "box", ref: (el) => this.rowsRefs.push(el) }, this.kupManager.language.translate(KupLanguageGeneric.EMPTY_DATA))));
1195
+ boxContent = (h("div", { id: "empty-data-message", class: "box-wrapper" }, h("div", { class: "box", ref: (el) => this.rowsRefs.push(el) }, __classPrivateFieldGet(this, _KupBox_kupManager, "f").language.translate(KupLanguageGeneric.EMPTY_DATA))));
1192
1196
  containerStyle = { 'grid-template-columns': `repeat(1, 1fr)` };
1193
1197
  }
1194
1198
  else if (isKanban) {
@@ -1210,17 +1214,17 @@ export class KupBox {
1210
1214
  }
1211
1215
  return (h(Host, { "onKup-cell-click": (e) => {
1212
1216
  this.kupBoxCellClick.emit(e.detail);
1213
- } }, h("style", null, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { id: componentWrapperId }, h("div", { class: 'box-component', ref: (el) => (this.sectionRef = el) }, sortPanel, filterPanel, paginator, h("div", { class: isKanban ? 'is-kanban' : '', id: 'box-container', style: containerStyle, onContextMenu: (e) => {
1217
+ } }, h("style", null, __classPrivateFieldGet(this, _KupBox_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { id: componentWrapperId }, h("div", { class: 'box-component', ref: (el) => (this.sectionRef = el) }, sortPanel, filterPanel, paginator, h("div", { class: isKanban ? 'is-kanban' : '', id: 'box-container', style: containerStyle, onContextMenu: (e) => {
1214
1218
  e.preventDefault();
1215
1219
  }, ref: (el) => (this.boxContainer =
1216
1220
  el) }, boxContent)))));
1217
1221
  }
1218
1222
  disconnectedCallback() {
1219
- this.kupManager.interact.unregister(this.interactableDrag.concat(this.interactableDrop));
1220
- this.kupManager.language.unregister(this);
1221
- this.kupManager.theme.unregister(this);
1223
+ __classPrivateFieldGet(this, _KupBox_kupManager, "f").interact.unregister(this.interactableDrag.concat(this.interactableDrop));
1224
+ __classPrivateFieldGet(this, _KupBox_kupManager, "f").language.unregister(this);
1225
+ __classPrivateFieldGet(this, _KupBox_kupManager, "f").theme.unregister(this);
1222
1226
  if (this.scrollOnHover) {
1223
- this.kupManager.scrollOnHover.unregister(this.boxContainer);
1227
+ __classPrivateFieldGet(this, _KupBox_kupManager, "f").scrollOnHover.unregister(this.boxContainer);
1224
1228
  }
1225
1229
  // When component is destroyed, then the listener is removed. @See clickFunction for more details
1226
1230
  document.removeEventListener('click', this.clickFunction.bind(this));
@@ -2296,21 +2300,21 @@ export class KupBox {
2296
2300
  }];
2297
2301
  }
2298
2302
  }
2299
- _KupBox_intObserver = new WeakMap(), _KupBox_rowsRefs = new WeakMap(), _KupBox_navBarHeight = new WeakMap(), _KupBox_loadMoreEventCounter = new WeakMap(), _KupBox_loadMoreEventPreviousQuantity = new WeakMap(), _KupBox_instances = new WeakSet(), _KupBox_checkUpdateState = function _KupBox_checkUpdateState() {
2303
+ _KupBox_kupManager = new WeakMap(), _KupBox_intObserver = new WeakMap(), _KupBox_rowsRefs = new WeakMap(), _KupBox_navBarHeight = new WeakMap(), _KupBox_loadMoreEventCounter = new WeakMap(), _KupBox_loadMoreEventPreviousQuantity = new WeakMap(), _KupBox_instances = new WeakSet(), _KupBox_checkUpdateState = function _KupBox_checkUpdateState() {
2300
2304
  let somethingChanged = false;
2301
- if (!this.kupManager.objects.deepEqual(this.state.sortBy, this.sortBy)) {
2305
+ if (!__classPrivateFieldGet(this, _KupBox_kupManager, "f").objects.deepEqual(this.state.sortBy, this.sortBy)) {
2302
2306
  this.state.sortBy = this.sortBy;
2303
2307
  somethingChanged = true;
2304
2308
  }
2305
- if (!this.kupManager.objects.deepEqual(this.state.globalFilterValue, this.globalFilterValue)) {
2309
+ if (!__classPrivateFieldGet(this, _KupBox_kupManager, "f").objects.deepEqual(this.state.globalFilterValue, this.globalFilterValue)) {
2306
2310
  this.state.globalFilterValue = this.globalFilterValue;
2307
2311
  somethingChanged = true;
2308
2312
  }
2309
- if (!this.kupManager.objects.deepEqual(this.state.pageSelected, this.currentPage)) {
2313
+ if (!__classPrivateFieldGet(this, _KupBox_kupManager, "f").objects.deepEqual(this.state.pageSelected, this.currentPage)) {
2310
2314
  this.state.pageSelected = this.currentPage;
2311
2315
  somethingChanged = true;
2312
2316
  }
2313
- if (!this.kupManager.objects.deepEqual(this.state.rowsPerPage, this.currentRowsPerPage)) {
2317
+ if (!__classPrivateFieldGet(this, _KupBox_kupManager, "f").objects.deepEqual(this.state.rowsPerPage, this.currentRowsPerPage)) {
2314
2318
  this.state.rowsPerPage = this.currentRowsPerPage;
2315
2319
  somethingChanged = true;
2316
2320
  }
@@ -2318,15 +2322,15 @@ _KupBox_intObserver = new WeakMap(), _KupBox_rowsRefs = new WeakMap(), _KupBox_n
2318
2322
  const prefix = currentIndex > 0 ? ';' : '';
2319
2323
  return accumulator + prefix + row.id;
2320
2324
  }, '');
2321
- if (!this.kupManager.objects.deepEqual(this.state.selectedRowsState, selectedRowsState)) {
2325
+ if (!__classPrivateFieldGet(this, _KupBox_kupManager, "f").objects.deepEqual(this.state.selectedRowsState, selectedRowsState)) {
2322
2326
  this.state.selectedRowsState = selectedRowsState;
2323
2327
  somethingChanged = true;
2324
2328
  }
2325
- if (!this.kupManager.objects.deepEqual(this.state.loadMoreLimit, this.loadMoreLimit)) {
2329
+ if (!__classPrivateFieldGet(this, _KupBox_kupManager, "f").objects.deepEqual(this.state.loadMoreLimit, this.loadMoreLimit)) {
2326
2330
  this.state.loadMoreLimit = this.loadMoreLimit;
2327
2331
  somethingChanged = true;
2328
2332
  }
2329
- if (!this.kupManager.objects.deepEqual(this.state.showLoadMore, this.showLoadMore)) {
2333
+ if (!__classPrivateFieldGet(this, _KupBox_kupManager, "f").objects.deepEqual(this.state.showLoadMore, this.showLoadMore)) {
2330
2334
  this.state.showLoadMore = this.showLoadMore;
2331
2335
  somethingChanged = true;
2332
2336
  }
@@ -2340,7 +2344,7 @@ _KupBox_intObserver = new WeakMap(), _KupBox_rowsRefs = new WeakMap(), _KupBox_n
2340
2344
  const callback = (entries) => {
2341
2345
  entries.forEach((entry) => {
2342
2346
  if (entry.isIntersecting) {
2343
- this.kupManager.debug.logMessage(this, 'Last row entering the viewport, loading more elements.');
2347
+ __classPrivateFieldGet(this, _KupBox_kupManager, "f").debug.logMessage(this, 'Last row entering the viewport, loading more elements.');
2344
2348
  const delta = this.data.rows.length - this.currentRowsPerPage;
2345
2349
  if (delta < this.loadMoreStep) {
2346
2350
  this.currentRowsPerPage += delta;
@@ -1455,7 +1455,7 @@ export class KupDataTable {
1455
1455
  __classPrivateFieldSet(this, _KupDataTable_sizedColumns, __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_getSizedColumns).call(this), "f");
1456
1456
  let rows = null;
1457
1457
  if (__classPrivateFieldGet(this, _KupDataTable_paginatedRowsLength, "f") === 0) {
1458
- rows = (h("tr", { key: 'de082525b89e7bf2258b52d1b28cb8c68d391218', ref: (el) => __classPrivateFieldGet(this, _KupDataTable_rowsRefs, "f").push(el) }, h("td", { key: 'a36fcdad8f0b9bc34c854c054fbbc6d3fdb527ee', colSpan: __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_calculateColspan).call(this) }, this.emptyDataLabel)));
1458
+ rows = (h("tr", { key: 'a76c8f8dc5e982eecf3ae52ddb9bf77f2d158d99', ref: (el) => __classPrivateFieldGet(this, _KupDataTable_rowsRefs, "f").push(el) }, h("td", { key: '85a1dd62b28d6afc884be966f34e9ad1ff07c652', colSpan: __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_calculateColspan).call(this) }, this.emptyDataLabel)));
1459
1459
  }
1460
1460
  else {
1461
1461
  rows = [];
@@ -1520,7 +1520,7 @@ export class KupDataTable {
1520
1520
  for (let i = 0; i < chipsData.length; i++) {
1521
1521
  props.onIconClick.push(() => __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_removeGroup).call(this, i));
1522
1522
  }
1523
- groupChips = h(FChip, Object.assign({ key: 'd2a33e3081f5c52f54130a032611d1e164b25b79' }, props));
1523
+ groupChips = h(FChip, Object.assign({ key: '99e046951573012871c2433c226adac9382a242a' }, props));
1524
1524
  }
1525
1525
  }
1526
1526
  const tableClass = {
@@ -1552,7 +1552,7 @@ export class KupDataTable {
1552
1552
  if (this.headerIsPersistent &&
1553
1553
  this.tableHeight === undefined &&
1554
1554
  this.tableWidth === undefined) {
1555
- stickyEl = (h("sticky-header", { key: 'c471d213a0eb0142f820a0732eaacdd613e9aaf0', class: "hover-scrolling-child", hidden: !this.showHeader, ref: (el) => (__classPrivateFieldSet(this, _KupDataTable_stickyTheadRef, el, "f")) }, h("thead-sticky", { key: 'd44f7844edeb5da5647380a7eaf1d41f14fbdad4' }, h("tr-sticky", { key: '20ed5cf9a79c19b810bb8de984c3598994fbbf9f' }, stickyHeader))));
1555
+ stickyEl = (h("sticky-header", { key: 'f725e89f9ef954ce6cd3e1a22b48c588e11686f9', class: "hover-scrolling-child", hidden: !this.showHeader, ref: (el) => (__classPrivateFieldSet(this, _KupDataTable_stickyTheadRef, el, "f")) }, h("thead-sticky", { key: 'fa19d88756fb6cafdec2b4a0d30b99979af83a75' }, h("tr-sticky", { key: '85ce999c755781ecb7607acf7167af47536fe22f' }, stickyHeader))));
1556
1556
  }
1557
1557
  let belowClass = 'below-wrapper';
1558
1558
  if (!!this.tableHeight || !!this.tableWidth) {
@@ -1598,7 +1598,7 @@ export class KupDataTable {
1598
1598
  const useGlobalFilter = !this.legacyLook &&
1599
1599
  (this.globalFilter ||
1600
1600
  this.getRows().length > __classPrivateFieldGet(this, _KupDataTable_DEFAULT_ROWS_FOR_GLOBAL_FILTER, "f"));
1601
- const compCreated = (h(Host, { key: '16fc8681250d1d293f8810c84fb559f3d0e4b68f', "onKup-drop": (e) => {
1601
+ const compCreated = (h(Host, { key: 'e715de7058b4e8c5b7fb3b862aac4227422ca395', "onKup-drop": (e) => {
1602
1602
  this.kupDataTableDrop.emit(e.detail);
1603
1603
  }, "onKup-cell-input": (e) => {
1604
1604
  autoselectOnAction(e);
@@ -1613,11 +1613,11 @@ export class KupDataTable {
1613
1613
  this.kupDataTableObjectFieldOpenSearchMenu.emit(e.detail);
1614
1614
  }, "onKup-objectfield-selectedmenuitem": (e) => {
1615
1615
  this.kupDataTableObjectFieldSelectedMenuItem.emit(e.detail);
1616
- } }, h("style", { key: '96ad8527789ebd0173c0eccae9fa636ac95f07f9' }, __classPrivateFieldGet(this, _KupDataTable_kupManager, "f").theme.setKupStyle(this.rootElement)), this.updatableData ? __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_renderUpdateButtons).call(this) : null, h("div", { key: '1a3114c532d3e0d2ddfefe059073c927dfbb8edd', id: componentWrapperId, class: wrapClass }, h("div", { key: 'd37980ac5a2992080864d3c61a603799d62de9a7', class: "group-wrapper" }, groupChips), h("div", { key: '19c31186994d924c1b8d1a700115998d54f14786', class: "actions-wrapper", style: actionWrapperWidth }, useGlobalFilter ? (h("div", { id: "global-filter" }, h(FTextField, { fullWidth: true, icon: KupThemeIconValues.SEARCH, label: __classPrivateFieldGet(this, _KupDataTable_kupManager, "f").language.translate(KupLanguageSearch.SEARCH), sizing: KupComponentSizing.EXTRA_SMALL, value: this.globalFilterValue, onInput: (event) => {
1616
+ } }, h("style", { key: '71a61054181a746af3f28a60296ba1f04925995c' }, __classPrivateFieldGet(this, _KupDataTable_kupManager, "f").theme.setKupStyle(this.rootElement)), this.updatableData ? __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_renderUpdateButtons).call(this) : null, h("div", { key: '8a7b033dc9ea75b9bcb7d39c92d4885ced443163', id: componentWrapperId, class: wrapClass }, h("div", { key: 'a419cdb4ae7e9b1fc7436e9d0372d9e682b8a4ec', class: "group-wrapper" }, groupChips), h("div", { key: 'c805cebdb7665820df23858b5b6acc693e7b2c78', class: "actions-wrapper", style: actionWrapperWidth }, useGlobalFilter ? (h("div", { id: "global-filter" }, h(FTextField, { fullWidth: true, icon: KupThemeIconValues.SEARCH, label: __classPrivateFieldGet(this, _KupDataTable_kupManager, "f").language.translate(KupLanguageSearch.SEARCH), sizing: KupComponentSizing.EXTRA_SMALL, value: this.globalFilterValue, onInput: (event) => {
1617
1617
  const t = event.target;
1618
1618
  window.clearTimeout(__classPrivateFieldGet(this, _KupDataTable_globalFilterTimeout, "f"));
1619
1619
  __classPrivateFieldSet(this, _KupDataTable_globalFilterTimeout, window.setTimeout(() => __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_onGlobalFilterChange).call(this, t), 600, t), "f");
1620
- } }))) : null, h("div", { key: 'caf6227e13ae762aaab38deab074b9cc20861859', class: "above-wrapper paginator-top" }, paginatorTop), this.insertMode !== '' &&
1620
+ } }))) : null, h("div", { key: 'ed492fc2018c2eab0e952b903fb0361a0a85dce3', class: "above-wrapper paginator-top" }, paginatorTop), this.insertMode !== '' &&
1621
1621
  this.selectedRows.length > 0 ? (h(FButton, { icon: "save", onClick: () => {
1622
1622
  this.kupSave.emit({
1623
1623
  comp: this,
@@ -1667,9 +1667,9 @@ export class KupDataTable {
1667
1667
  this.data.rows.unshift(row);
1668
1668
  await this.refresh(true);
1669
1669
  }
1670
- }, sizing: KupComponentSizing.MEDIUM, styling: FButtonStyling.RAISED, title: "Insert row", wrapperClass: "insert-button" })) : null), h("div", { key: '00de192c9cb39d596a2978d19e41eaf261600bbe', class: "droparea", ref: (el) => (__classPrivateFieldSet(this, _KupDataTable_dropareaRef, el, "f")) }, this.showGroups ? __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_columnGroupArea).call(this) : null, this.removableColumns
1670
+ }, sizing: KupComponentSizing.MEDIUM, styling: FButtonStyling.RAISED, title: "Insert row", wrapperClass: "insert-button" })) : null), h("div", { key: 'a41b2a8949a57110e41329a0b7233f9df313e2c4', class: "droparea", ref: (el) => (__classPrivateFieldSet(this, _KupDataTable_dropareaRef, el, "f")) }, this.showGroups ? __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_columnGroupArea).call(this) : null, this.removableColumns
1671
1671
  ? __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_columnRemoveArea).call(this)
1672
- : null), h("div", { key: 'e773c8b8b1b85ea362a7e243a812f3a695493c0a', style: elStyle, class: belowClass, ref: (el) => (__classPrivateFieldSet(this, _KupDataTable_tableAreaRef, el, "f")) }, this.showCustomization
1672
+ : null), h("div", { key: '5a7f1c9e35c63a427b7d21d62acd118ba04da492', style: elStyle, class: belowClass, ref: (el) => (__classPrivateFieldSet(this, _KupDataTable_tableAreaRef, el, "f")) }, this.showCustomization
1673
1673
  ? [
1674
1674
  h("div", { class: "settings-trigger", onClick: () => {
1675
1675
  __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_onCustomSettingsClick).call(this);
@@ -1678,7 +1678,7 @@ export class KupDataTable {
1678
1678
  } }, h(FImage, { color: `var(${KupThemeColorValues.TITLE})`, resource: "settings", sizeX: "10px" })),
1679
1679
  this.renderCustomizePanel(),
1680
1680
  ]
1681
- : null, h("table", { key: '180b46002f72c36cf379dcd0a0c4ffe32f4a57cb', class: tableClass, ref: (el) => (__classPrivateFieldSet(this, _KupDataTable_tableRef, el, "f")), onKeyDown: (e) => __classPrivateFieldGet(this, _KupDataTable_onKupKeyDown, "f").call(this, e), onMouseLeave: (ev) => {
1681
+ : null, h("table", { key: '21dddbf797c42ed600eb596ccd8264f47ecc7857', class: tableClass, ref: (el) => (__classPrivateFieldSet(this, _KupDataTable_tableRef, el, "f")), onKeyDown: (e) => __classPrivateFieldGet(this, _KupDataTable_onKupKeyDown, "f").call(this, e), onMouseLeave: (ev) => {
1682
1682
  ev.stopPropagation();
1683
1683
  }, onPointerDown: (e) => {
1684
1684
  __classPrivateFieldSet(this, _KupDataTable_lastPointerDetails, __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_getEventDetails).call(this, __classPrivateFieldGet(this, _KupDataTable_kupManager, "f").getEventPath(e.target, this.rootElement), e), "f");
@@ -1686,7 +1686,7 @@ export class KupDataTable {
1686
1686
  __classPrivateFieldSet(this, _KupDataTable_lastPointerDetails, __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_getEventDetails).call(this, __classPrivateFieldGet(this, _KupDataTable_kupManager, "f").getEventPath(e.target, this.rootElement), e), "f");
1687
1687
  }, onContextMenu: (e) => {
1688
1688
  e.preventDefault();
1689
- } }, h("thead", { key: '150b33655c50c6e0c6de72698656b62130245bb4', hidden: !this.showHeader, ref: (el) => (__classPrivateFieldSet(this, _KupDataTable_theadRef, el, "f")) }, h("tr", { key: '727c91ce37add0066f257f7c905efd461629f858' }, header)), h("tbody", { key: '5568d44e9484d7eca947d78af99926260f70fd38' }, rows), this.showFooter && this.renderFooter()), stickyEl), paginatorBottom)));
1689
+ } }, h("thead", { key: 'faf92dab25bd3034245054cee9403f44777c6355', hidden: !this.showHeader, ref: (el) => (__classPrivateFieldSet(this, _KupDataTable_theadRef, el, "f")) }, h("tr", { key: '134be2f43bec27500c1290252b03a1d37970ad24' }, header)), h("tbody", { key: '4ced5608c517ee9deca486f493007f005bf3579b' }, rows), this.showFooter && this.renderFooter()), stickyEl), paginatorBottom)));
1690
1690
  __classPrivateFieldGet(this, _KupDataTable_kupManager, "f").perfMonitoring.measure('componentRender', 'kup-data-table');
1691
1691
  return compCreated;
1692
1692
  }
@@ -6833,6 +6833,10 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
6833
6833
  cell.data = Object.assign(Object.assign({}, cell.data), { legacyLook: this.legacyLook, sizing: this.density === 'extra_dense'
6834
6834
  ? 'extra-small'
6835
6835
  : (_a = cell.data) === null || _a === void 0 ? void 0 : _a.sizing });
6836
+ if (!cell.isEditable) {
6837
+ cell.cssClass =
6838
+ __classPrivateFieldGet(this, _KupDataTable_kupManager, "f").data.cell.getObjectRelatedStyleClasses(cell.obj, cell.cssClass);
6839
+ }
6836
6840
  const fcell = Object.assign(Object.assign({}, __classPrivateFieldGet(this, _KupDataTable_kupManager, "f").data.cell.buildFCell(cell, currentColumn, row)), { component: this, density: this.density, editable: this.editableData || this.updatableData, indents: indend, previousValue: hideValuesRepetitions && previousRow
6837
6841
  ? previousRow.cells[name].value
6838
6842
  : undefined, renderKup: this.lazyLoadCells, cellActionIcon: __classPrivateFieldGet(this, _KupDataTable_kupManager, "f").data.cell.hasActionCell(cell, (_b = this.commands) !== null && _b !== void 0 ? _b : [])
@@ -200,14 +200,14 @@ export class KupImageList {
200
200
  }
201
201
  const imlClass = 'image-list' +
202
202
  (this.showFullDescription ? ' full-description' : '');
203
- return (h(Host, { key: 'a1a52e172286d518a697a42dd7fe13d921d62eb3' }, h("style", { key: '2f6904332d802c12933486cac3ecffa25c22399e' }, __classPrivateFieldGet(this, _KupImageList_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: '282a5f51ac5284ecbb2478e6349c26a3b1efedc0', id: componentWrapperId, ref: (el) => {
203
+ return (h(Host, { key: '2d9f453a9119e9a1c61e876877c4e259dd26feb4' }, h("style", { key: 'c4a33416a589e3b735e9c37bbebe456335368175' }, __classPrivateFieldGet(this, _KupImageList_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: 'c6006dd29bec75e314e0b61c4d37d17061788b12', id: componentWrapperId, ref: (el) => {
204
204
  __classPrivateFieldSet(this, _KupImageList_el, el, "f");
205
- } }, h("div", { key: '4bb0927b46998d08fb725a4eb4f8a57f80995e7a', class: "navigation-bar" }, hasNavigation ? (h("div", { class: `navigation-bar__wrapper ${this.navigationBarToggled
205
+ } }, h("div", { key: 'f22918fadcc8719fdb1602dff1232d9252a952d1', class: "navigation-bar" }, hasNavigation ? (h("div", { class: `navigation-bar__wrapper ${this.navigationBarToggled
206
206
  ? 'navigation-bar__wrapper--active'
207
207
  : ''}` }, h("div", { class: `navigation-bar__title`, onClick: () => {
208
208
  this.navigationBarToggled =
209
209
  !this.navigationBarToggled;
210
- } }, h(FImage, { fit: true, resource: this.currentNode.icon, placeholderResource: this.currentNode.placeholderIcon, sizeX: "1.25em", sizeY: "1.25em", wrapperClass: "navigation-bar__title__image" }), h("div", { class: "navigation-bar__title__label" }, this.currentNode.value)), h(FButton, Object.assign({}, __classPrivateFieldGet(this, _KupImageList_backProps, "f"), { label: __classPrivateFieldGet(this, _KupImageList_kupManager, "f").language.translate(KupLanguageGeneric.BACK) })), h(FButton, Object.assign({}, __classPrivateFieldGet(this, _KupImageList_topProps, "f"), { label: __classPrivateFieldGet(this, _KupImageList_kupManager, "f").language.translate(KupLanguageGeneric.TOP) })))) : null), h("div", { key: 'e849e58b4cdefba66be97b76c2678390a5d994dd', class: imlClass, style: combinedGridStyle }, ...__classPrivateFieldGet(this, _KupImageList_instances, "m", _KupImageList_createList).call(this)))));
210
+ } }, h(FImage, { fit: true, resource: this.currentNode.icon, placeholderResource: this.currentNode.placeholderIcon, sizeX: "1.25em", sizeY: "1.25em", wrapperClass: "navigation-bar__title__image" }), h("div", { class: "navigation-bar__title__label" }, this.currentNode.value)), h(FButton, Object.assign({}, __classPrivateFieldGet(this, _KupImageList_backProps, "f"), { label: __classPrivateFieldGet(this, _KupImageList_kupManager, "f").language.translate(KupLanguageGeneric.BACK) })), h(FButton, Object.assign({}, __classPrivateFieldGet(this, _KupImageList_topProps, "f"), { label: __classPrivateFieldGet(this, _KupImageList_kupManager, "f").language.translate(KupLanguageGeneric.TOP) })))) : null), h("div", { key: '3baa97863a710241234387296177b2bf1a2174e0', class: imlClass, style: combinedGridStyle }, ...__classPrivateFieldGet(this, _KupImageList_instances, "m", _KupImageList_createList).call(this)))));
211
211
  }
212
212
  disconnectedCallback() {
213
213
  __classPrivateFieldGet(this, _KupImageList_kupManager, "f").interact.unregister(__classPrivateFieldGet(this, _KupImageList_interactableTouch, "f"));
@@ -611,6 +611,7 @@ _KupImageList_clickTimeout = new WeakMap(), _KupImageList_kupManager = new WeakM
611
611
  icon: node.icon,
612
612
  placeholderIcon: node.placeholderIcon,
613
613
  obj: node.obj,
614
+ cssClass: __classPrivateFieldGet(this, _KupImageList_kupManager, "f").data.cell.getObjectRelatedStyleClasses(node.obj, node.cssClass),
614
615
  }, column: { name: 'IMAGE', title: 'Image' }, component: this, density: FCellPadding.NONE, row: Object.assign({}, node) }, h("div", { class: `image-list__wrapper${hasExternalResource ? ' images' : ''}` }, !hasExternalResource && (h("svg", { xmlns: "http://www.w3.org/2000/svg", version: "1.1", viewBox: "0 0 24 24" })), image, label)));
615
616
  }, _KupImageList_createList = function _KupImageList_createList() {
616
617
  const nodes = [];
@@ -986,6 +986,10 @@ export class KupTree {
986
986
  if (treeNodeData.style) {
987
987
  cell.style = treeNodeData.style;
988
988
  }
989
+ if (!cell.isEditable) {
990
+ cell.cssClass =
991
+ __classPrivateFieldGet(this, _KupTree_kupManager, "f").data.cell.getObjectRelatedStyleClasses(cell.obj, cell.cssClass);
992
+ }
989
993
  const cellProps = {
990
994
  cell: cell,
991
995
  column: column,
@@ -1367,19 +1371,19 @@ export class KupTree {
1367
1371
  this.data &&
1368
1372
  this.data.length &&
1369
1373
  this.data.length > 0) {
1370
- filterField = (h("div", { key: 'f00b8f50aa2aff10b8c4ae25e4264b480245847d', id: "global-filter" }, h("kup-text-field", { key: 'b5c5fe6c7d7839163c11f58eab3bf813fbfc71be', fullWidth: true, label: __classPrivateFieldGet(this, _KupTree_kupManager, "f").language.translate(KupLanguageSearch.SEARCH), sizing: KupComponentSizing.EXTRA_SMALL, icon: KupThemeIconValues.SEARCH, initialValue: this.globalFilterValue, "onkup-textfield-input": (event) => {
1374
+ filterField = (h("div", { key: 'ff1020f304bbfee1d6433c8882b18272d4dda7be', id: "global-filter" }, h("kup-text-field", { key: '4dd811801af1f4cf8ece9a0a1ef3331c923378d3', fullWidth: true, label: __classPrivateFieldGet(this, _KupTree_kupManager, "f").language.translate(KupLanguageSearch.SEARCH), sizing: KupComponentSizing.EXTRA_SMALL, icon: KupThemeIconValues.SEARCH, initialValue: this.globalFilterValue, "onkup-textfield-input": (event) => {
1371
1375
  window.clearTimeout(this.globalFilterTimeout);
1372
1376
  this.globalFilterTimeout = window.setTimeout(() => this.onGlobalFilterChange(event), 600);
1373
1377
  } })));
1374
1378
  }
1375
- return (h(Host, { key: '513142ed6325c2ca3e32f4b3d3dbf5c3d84837a4', "onKup-cell-click": (e) => {
1379
+ return (h(Host, { key: 'f8ba7ff18d58a324731a3d0a45c8d8251b5440d2', "onKup-cell-click": (e) => {
1376
1380
  this.kupTreeCellClick.emit(e.detail);
1377
- } }, h("style", { key: '070582216d6d6e15938b799f4f4bbfa5c0a3c8d0' }, __classPrivateFieldGet(this, _KupTree_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: '0c6c1f88800eb911b692a746c151442cfe428f18', id: componentWrapperId, class: wrapperClass, style: wrapperStyle }, filterField, h("div", { key: '74c0bad8634b3ccd6b44f2ee85327757a09b4edc', class: "wrapper", ref: (el) => (this.treeWrapperRef =
1378
- el) }, h("table", { key: '0db350df95cc415cb830c33668b43312bcf33b81', class: "kup-tree", "data-show-columns": this.showColumns, onContextMenu: (e) => {
1381
+ } }, h("style", { key: 'd40a8b4436b49da39873ba2117515653d6aeadc1' }, __classPrivateFieldGet(this, _KupTree_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: '7a053d7b35ce514c3ba002ea0069da7c99b20bfe', id: componentWrapperId, class: wrapperClass, style: wrapperStyle }, filterField, h("div", { key: 'e5506ba273ae1323a57db34a282ff3141aa0435e', class: "wrapper", ref: (el) => (this.treeWrapperRef =
1382
+ el) }, h("table", { key: '0d50f091ff50a3ae3f3de83b2ebb447c49ea5149', class: "kup-tree", "data-show-columns": this.showColumns, onContextMenu: (e) => {
1379
1383
  e.preventDefault();
1380
- } }, h("thead", { key: '8f034ca68570f5b1fabc4b86789cb04c8641800d', class: {
1384
+ } }, h("thead", { key: '0016feac66903ec0c9ac686c56faa66b5a9c2a72', class: {
1381
1385
  'header--is-visible': visibleHeader,
1382
- } }, h("tr", { key: '3d57f3d67d28945a789f49293ca108b1da1f4769' }, visibleHeader ? this.renderHeader() : null)), h("tbody", { key: '0592c4926006bddb75c61bf41494c621012207bb' }, treeNodes), (this.showFooter || this.hasTotals()) &&
1386
+ } }, h("tr", { key: 'faa93cc2b52a2b58129d8a4a7865d1de396b9245' }, visibleHeader ? this.renderHeader() : null)), h("tbody", { key: 'ba126f0986e44b0237e0d124f012d49be1ead548' }, treeNodes), (this.showFooter || this.hasTotals()) &&
1383
1387
  this.columns
1384
1388
  ? this.renderFooter()
1385
1389
  : null)))));
@@ -236,6 +236,55 @@ export class KupData {
236
236
  hasActionCell: (cell, commands) => {
237
237
  return commands.some((command) => this.cell.isActionCell(command, cell));
238
238
  },
239
+ /**
240
+ * Gets css styles for cell, depending on cell's obj
241
+ * @param obj
242
+ * @param cssClass
243
+ * @returns
244
+ */
245
+ getObjectRelatedStyleClasses(obj, cssClass) {
246
+ const ParameterRelatedStylesMap = {
247
+ TA: {
248
+ 'B£W': ['c-fitted', 'c-shaped', 'c-hor-padded'],
249
+ 'B§A': ['strong-text'],
250
+ },
251
+ };
252
+ const CodeRelatedStylesMap = {
253
+ TA: {
254
+ 'B£W': {
255
+ '10': ['c-teal-bg'],
256
+ '13': ['c-teal-bg'],
257
+ '20': ['c-green-bg'],
258
+ '70': ['c-orange-bg'],
259
+ '80': ['c-grey-bg'],
260
+ '90': ['c-purple-bg'],
261
+ },
262
+ 'B§A': {
263
+ '§': ['purple-text'],
264
+ A: ['danger-text'],
265
+ B: ['warning-text'],
266
+ C: ['success-text'],
267
+ },
268
+ },
269
+ };
270
+ if (!obj)
271
+ return '';
272
+ const { t, p, k } = obj;
273
+ const stylesSet = new Set();
274
+ if (cssClass) {
275
+ cssClass
276
+ .split(' ')
277
+ .forEach((singleClass) => stylesSet.add(singleClass));
278
+ }
279
+ const parameterKey = Object.keys(ParameterRelatedStylesMap[t] || {}).find((param) => p.includes(param));
280
+ if (parameterKey) {
281
+ ParameterRelatedStylesMap[t][parameterKey].forEach((style) => stylesSet.add(style));
282
+ if (CodeRelatedStylesMap[t][parameterKey][k]) {
283
+ CodeRelatedStylesMap[t][parameterKey][k].forEach((style) => stylesSet.add(style));
284
+ }
285
+ }
286
+ return Array.from(stylesSet).join(' ');
287
+ },
239
288
  };
240
289
  this.column = {
241
290
  find(dataset, filters) {
@@ -1,5 +1,5 @@
1
1
  export { g as getAssetPath, s as setAssetPath, a as setNonce, b as setPlatformOptions } from './p-ef8cbd35.js';
2
- import { K as KupManager } from './p-7550d08c.js';
2
+ import { K as KupManager } from './p-73922583.js';
3
3
 
4
4
  /** used for obtain a KupManager instance without a dom document (for UT) */
5
5
  function newKupManager(init) {
@@ -1,6 +1,6 @@
1
1
  import { p as proxyCustomElement, H, c as createEvent, f as forceUpdate, h, d as Host } from './p-ef8cbd35.js';
2
- import { k as kupManagerInstance, a as KupComponentSizing, g as getProps, s as setProps, b as KupThemeColorValues, c as KupThemeIconValues } from './p-7550d08c.js';
3
- import { M as MDCRipple, F as FImage, c as componentWrapperId, d as defineCustomElement$2, a as defineCustomElement$3, b as defineCustomElement$4, e as defineCustomElement$5, f as defineCustomElement$6, g as defineCustomElement$7, h as defineCustomElement$8, i as defineCustomElement$9, j as defineCustomElement$a, k as defineCustomElement$b, l as defineCustomElement$c, m as defineCustomElement$d, n as defineCustomElement$e, o as defineCustomElement$f, p as defineCustomElement$g, q as defineCustomElement$h, r as defineCustomElement$i, s as defineCustomElement$j, t as defineCustomElement$k, u as defineCustomElement$l, v as defineCustomElement$m, w as defineCustomElement$n, x as defineCustomElement$o, y as defineCustomElement$p, z as defineCustomElement$q, A as defineCustomElement$r, B as defineCustomElement$s, C as defineCustomElement$t, D as defineCustomElement$u } from './p-c5f8d41f.js';
2
+ import { k as kupManagerInstance, a as KupComponentSizing, g as getProps, s as setProps, b as KupThemeColorValues, c as KupThemeIconValues } from './p-73922583.js';
3
+ import { M as MDCRipple, F as FImage, c as componentWrapperId, d as defineCustomElement$2, a as defineCustomElement$3, b as defineCustomElement$4, e as defineCustomElement$5, f as defineCustomElement$6, g as defineCustomElement$7, h as defineCustomElement$8, i as defineCustomElement$9, j as defineCustomElement$a, k as defineCustomElement$b, l as defineCustomElement$c, m as defineCustomElement$d, n as defineCustomElement$e, o as defineCustomElement$f, p as defineCustomElement$g, q as defineCustomElement$h, r as defineCustomElement$i, s as defineCustomElement$j, t as defineCustomElement$k, u as defineCustomElement$l, v as defineCustomElement$m, w as defineCustomElement$n, x as defineCustomElement$o, y as defineCustomElement$p, z as defineCustomElement$q, A as defineCustomElement$r, B as defineCustomElement$s, C as defineCustomElement$t, D as defineCustomElement$u } from './p-726f15fa.js';
4
4
 
5
5
  /**
6
6
  * Props of the kup-accordion component.
@@ -1,6 +1,6 @@
1
1
  import { p as proxyCustomElement, H, c as createEvent, f as forceUpdate, h, F as Fragment, d as Host } from './p-ef8cbd35.js';
2
- import { k as kupManagerInstance, g as getProps, s as setProps, u as KupDebugCategory, n as getCellValueForDisplay } from './p-7550d08c.js';
3
- import { c as componentWrapperId, E as sortRows, d as defineCustomElement$2, a as defineCustomElement$3, b as defineCustomElement$4, e as defineCustomElement$5, f as defineCustomElement$6, g as defineCustomElement$7, h as defineCustomElement$8, i as defineCustomElement$9, j as defineCustomElement$a, k as defineCustomElement$b, l as defineCustomElement$c, m as defineCustomElement$d, n as defineCustomElement$e, o as defineCustomElement$f, p as defineCustomElement$g, q as defineCustomElement$h, r as defineCustomElement$i, s as defineCustomElement$j, t as defineCustomElement$k, u as defineCustomElement$l, v as defineCustomElement$m, w as defineCustomElement$n, x as defineCustomElement$o, y as defineCustomElement$p, z as defineCustomElement$q, A as defineCustomElement$r, B as defineCustomElement$s, C as defineCustomElement$t, D as defineCustomElement$u, F as FImage } from './p-c5f8d41f.js';
2
+ import { k as kupManagerInstance, g as getProps, s as setProps, u as KupDebugCategory, n as getCellValueForDisplay } from './p-73922583.js';
3
+ import { c as componentWrapperId, E as sortRows, d as defineCustomElement$2, a as defineCustomElement$3, b as defineCustomElement$4, e as defineCustomElement$5, f as defineCustomElement$6, g as defineCustomElement$7, h as defineCustomElement$8, i as defineCustomElement$9, j as defineCustomElement$a, k as defineCustomElement$b, l as defineCustomElement$c, m as defineCustomElement$d, n as defineCustomElement$e, o as defineCustomElement$f, p as defineCustomElement$g, q as defineCustomElement$h, r as defineCustomElement$i, s as defineCustomElement$j, t as defineCustomElement$k, u as defineCustomElement$l, v as defineCustomElement$m, w as defineCustomElement$n, x as defineCustomElement$o, y as defineCustomElement$p, z as defineCustomElement$q, A as defineCustomElement$r, B as defineCustomElement$s, C as defineCustomElement$t, D as defineCustomElement$u, F as FImage } from './p-726f15fa.js';
4
4
 
5
5
  var KupActivityTimelineProps;
6
6
  (function (KupActivityTimelineProps) {
@@ -1,4 +1,4 @@
1
- import { K as KupAutocomplete$1, D as defineCustomElement$1 } from './p-c5f8d41f.js';
1
+ import { K as KupAutocomplete$1, D as defineCustomElement$1 } from './p-726f15fa.js';
2
2
 
3
3
  const KupAutocomplete = KupAutocomplete$1;
4
4
  const defineCustomElement = defineCustomElement$1;
@@ -1,4 +1,4 @@
1
- import { G as KupBadge$1, C as defineCustomElement$1 } from './p-c5f8d41f.js';
1
+ import { G as KupBadge$1, C as defineCustomElement$1 } from './p-726f15fa.js';
2
2
 
3
3
  const KupBadge = KupBadge$1;
4
4
  const defineCustomElement = defineCustomElement$1;
@@ -1,4 +1,4 @@
1
- import { K as KupBox$1, d as defineCustomElement$1 } from './p-7baa46f4.js';
1
+ import { K as KupBox$1, d as defineCustomElement$1 } from './p-beb34679.js';
2
2
 
3
3
  const KupBox = KupBox$1;
4
4
  const defineCustomElement = defineCustomElement$1;
@@ -1,4 +1,4 @@
1
- import { S as KupButtonList$1, A as defineCustomElement$1 } from './p-c5f8d41f.js';
1
+ import { S as KupButtonList$1, A as defineCustomElement$1 } from './p-726f15fa.js';
2
2
 
3
3
  const KupButtonList = KupButtonList$1;
4
4
  const defineCustomElement = defineCustomElement$1;