@sme.up/ketchup 7.0.0 → 7.1.1

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 (109) hide show
  1. package/dist/cjs/{f-button-293afb08.js → f-button-40953600.js} +1 -1
  2. package/dist/cjs/{f-cell-06b323ca.js → f-cell-e603ae4f.js} +4 -4
  3. package/dist/cjs/{f-chip-1c944c07.js → f-chip-01efabde.js} +2 -2
  4. package/dist/cjs/{f-image-bfb4e4c9.js → f-image-f741cb4c.js} +1 -1
  5. package/dist/cjs/{f-paginator-utils-c9560cfd.js → f-paginator-utils-35a6a848.js} +15 -12
  6. package/dist/cjs/{f-text-field-e99c5a26.js → f-text-field-60a2f24c.js} +1 -1
  7. package/dist/cjs/kup-accordion.cjs.entry.js +2 -2
  8. package/dist/cjs/kup-autocomplete_26.cjs.entry.js +88 -26
  9. package/dist/cjs/kup-box.cjs.entry.js +7 -7
  10. package/dist/cjs/kup-calendar.cjs.entry.js +4 -4
  11. package/dist/cjs/kup-cell.cjs.entry.js +5 -5
  12. package/dist/cjs/kup-dash-list.cjs.entry.js +1 -1
  13. package/dist/cjs/kup-dash_2.cjs.entry.js +1 -1
  14. package/dist/cjs/kup-dashboard.cjs.entry.js +4 -4
  15. package/dist/cjs/kup-drawer.cjs.entry.js +1 -1
  16. package/dist/cjs/kup-echart.cjs.entry.js +6 -4
  17. package/dist/cjs/kup-family-tree.cjs.entry.js +3 -3
  18. package/dist/cjs/kup-iframe.cjs.entry.js +1 -1
  19. package/dist/cjs/kup-image-list.cjs.entry.js +6 -6
  20. package/dist/cjs/kup-lazy.cjs.entry.js +1 -1
  21. package/dist/cjs/kup-magic-box.cjs.entry.js +2 -2
  22. package/dist/cjs/{kup-manager-1e882e61.js → kup-manager-6f05ebe1.js} +4 -1
  23. package/dist/cjs/kup-nav-bar.cjs.entry.js +1 -1
  24. package/dist/cjs/kup-numeric-picker.cjs.entry.js +2 -2
  25. package/dist/cjs/kup-photo-frame.cjs.entry.js +1 -1
  26. package/dist/cjs/kup-probe.cjs.entry.js +1 -1
  27. package/dist/cjs/kup-qlik.cjs.entry.js +1 -1
  28. package/dist/cjs/kup-snackbar.cjs.entry.js +3 -3
  29. package/dist/collection/assets/data-table.js +0 -44
  30. package/dist/collection/components/kup-card/built-in/kup-card-calendar.js +7 -2
  31. package/dist/collection/components/kup-data-table/kup-data-table-declarations.js +1 -0
  32. package/dist/collection/components/kup-data-table/kup-data-table-helper.js +11 -9
  33. package/dist/collection/components/kup-data-table/kup-data-table-state.js +1 -1
  34. package/dist/collection/components/kup-data-table/kup-data-table.css +2 -1
  35. package/dist/collection/components/kup-data-table/kup-data-table.js +84 -11
  36. package/dist/collection/components/kup-echart/kup-echart.js +5 -3
  37. package/dist/collection/components/kup-form/kup-form.js +1 -1
  38. package/dist/collection/f-components/f-button/f-button.js +0 -1
  39. package/dist/collection/managers/kup-data/kup-data.js +3 -1
  40. package/dist/collection/utils/filters/filters-rows.js +2 -1
  41. package/dist/collection/utils/kup-column-menu/kup-column-menu.js +6 -3
  42. package/dist/components/kup-autocomplete2.js +98 -30
  43. package/dist/components/kup-echart2.js +5 -3
  44. package/dist/esm/{f-button-4aad092d.js → f-button-9aec1bc5.js} +1 -1
  45. package/dist/esm/{f-cell-43ca8ab5.js → f-cell-556937d0.js} +4 -4
  46. package/dist/esm/{f-chip-94851217.js → f-chip-677db32a.js} +2 -2
  47. package/dist/esm/{f-image-48a4b032.js → f-image-52bb5950.js} +1 -1
  48. package/dist/esm/{f-paginator-utils-fe00f75c.js → f-paginator-utils-d472e336.js} +15 -12
  49. package/dist/esm/{f-text-field-b6f9ce84.js → f-text-field-88f92118.js} +1 -1
  50. package/dist/esm/kup-accordion.entry.js +2 -2
  51. package/dist/esm/kup-autocomplete_26.entry.js +88 -26
  52. package/dist/esm/kup-box.entry.js +7 -7
  53. package/dist/esm/kup-calendar.entry.js +4 -4
  54. package/dist/esm/kup-cell.entry.js +5 -5
  55. package/dist/esm/kup-dash-list.entry.js +1 -1
  56. package/dist/esm/kup-dash_2.entry.js +1 -1
  57. package/dist/esm/kup-dashboard.entry.js +4 -4
  58. package/dist/esm/kup-drawer.entry.js +1 -1
  59. package/dist/esm/kup-echart.entry.js +6 -4
  60. package/dist/esm/kup-family-tree.entry.js +3 -3
  61. package/dist/esm/kup-iframe.entry.js +1 -1
  62. package/dist/esm/kup-image-list.entry.js +6 -6
  63. package/dist/esm/kup-lazy.entry.js +1 -1
  64. package/dist/esm/kup-magic-box.entry.js +2 -2
  65. package/dist/esm/{kup-manager-07c9ba13.js → kup-manager-12e99c22.js} +4 -1
  66. package/dist/esm/kup-nav-bar.entry.js +1 -1
  67. package/dist/esm/kup-numeric-picker.entry.js +2 -2
  68. package/dist/esm/kup-photo-frame.entry.js +1 -1
  69. package/dist/esm/kup-probe.entry.js +1 -1
  70. package/dist/esm/kup-qlik.entry.js +1 -1
  71. package/dist/esm/kup-snackbar.entry.js +3 -3
  72. package/dist/ketchup/ketchup.esm.js +1 -1
  73. package/dist/ketchup/{p-33429412.entry.js → p-053824eb.entry.js} +1 -1
  74. package/dist/ketchup/{p-122f51a0.entry.js → p-1c371df3.entry.js} +2 -2
  75. package/dist/ketchup/{p-c1a5ed6b.js → p-25617855.js} +1 -1
  76. package/dist/ketchup/{p-e8666a6d.js → p-278188bf.js} +1 -1
  77. package/dist/ketchup/{p-5f7da18e.entry.js → p-3a7a05a7.entry.js} +1 -1
  78. package/dist/ketchup/{p-2935f22d.entry.js → p-4021d751.entry.js} +1 -1
  79. package/dist/ketchup/{p-94e3b109.entry.js → p-485883cb.entry.js} +1 -1
  80. package/dist/ketchup/{p-200c76a8.js → p-4f7302a9.js} +1 -1
  81. package/dist/ketchup/{p-79936744.entry.js → p-52f19c4f.entry.js} +1 -1
  82. package/dist/ketchup/{p-5781af8a.js → p-5483f20e.js} +1 -1
  83. package/dist/ketchup/{p-4c92f0a4.entry.js → p-584369be.entry.js} +1 -1
  84. package/dist/ketchup/{p-69a9af60.entry.js → p-60609877.entry.js} +1 -1
  85. package/dist/ketchup/{p-eab86c09.entry.js → p-6a6c3e69.entry.js} +1 -1
  86. package/dist/ketchup/p-751b5708.js +1 -0
  87. package/dist/ketchup/{p-23f50851.entry.js → p-775e0d34.entry.js} +1 -1
  88. package/dist/ketchup/{p-772f4bb7.entry.js → p-7e013c24.entry.js} +1 -1
  89. package/dist/ketchup/p-85c7a3a4.js +1 -0
  90. package/dist/ketchup/{p-14aec9c8.entry.js → p-88adddcf.entry.js} +1 -1
  91. package/dist/ketchup/{p-02be3dd2.entry.js → p-94290b09.entry.js} +1 -1
  92. package/dist/ketchup/{p-86e4bfad.js → p-9570ebfa.js} +1 -1
  93. package/dist/ketchup/p-a3c849ae.entry.js +9 -0
  94. package/dist/ketchup/{p-ec2d1c8c.entry.js → p-ac33139e.entry.js} +1 -1
  95. package/dist/ketchup/{p-7134b172.entry.js → p-ad3e7b2b.entry.js} +1 -1
  96. package/dist/ketchup/{p-be7748e6.entry.js → p-c59e6bc7.entry.js} +1 -1
  97. package/dist/ketchup/{p-9f759d8d.entry.js → p-ce1da4a8.entry.js} +1 -1
  98. package/dist/ketchup/{p-3a55568c.entry.js → p-e0135ce0.entry.js} +1 -1
  99. package/dist/ketchup/{p-ab6c66f7.entry.js → p-e094ebb8.entry.js} +1 -1
  100. package/dist/ketchup/{p-10281712.entry.js → p-f44aba79.entry.js} +1 -1
  101. package/dist/types/components/kup-data-table/kup-data-table-declarations.d.ts +3 -1
  102. package/dist/types/components/kup-data-table/kup-data-table-state.d.ts +1 -1
  103. package/dist/types/components/kup-data-table/kup-data-table.d.ts +4 -0
  104. package/dist/types/components.d.ts +4 -0
  105. package/dist/types/utils/kup-column-menu/kup-column-menu.d.ts +3 -1
  106. package/package.json +1 -1
  107. package/dist/ketchup/p-8f8b5a08.entry.js +0 -9
  108. package/dist/ketchup/p-984a05ff.js +0 -1
  109. package/dist/ketchup/p-e3b85cae.js +0 -1
@@ -6862,6 +6862,7 @@ var KupDataTableProps;
6862
6862
  KupDataTableProps["rowsPerPage"] = "Sets the number of rows per page to display.";
6863
6863
  KupDataTableProps["scrollOnHover"] = "Activates the scroll on hover function.";
6864
6864
  KupDataTableProps["showCustomization"] = "If set to true, displays the button to open the customization panel.";
6865
+ KupDataTableProps["selection"] = "Set the type of the rows selection.";
6865
6866
  KupDataTableProps["showDeleteButton"] = "Enables the delete row button.";
6866
6867
  KupDataTableProps["showFilters"] = "When set to true enables the column filters.";
6867
6868
  KupDataTableProps["showFooter"] = "When set to true shows the footer.";
@@ -8834,7 +8835,9 @@ class KupData {
8834
8835
  }
8835
8836
  }
8836
8837
  }
8837
- else if (value === cell.value) {
8838
+ else if (value &&
8839
+ cell.value &&
8840
+ value.trim() === cell.value.trim()) {
8838
8841
  result.cells.push(cell);
8839
8842
  result.rows.push(row);
8840
8843
  }
@@ -23262,10 +23265,12 @@ function prepareCalendar(component) {
23262
23265
  el.kupData = {};
23263
23266
  const obj = opts.initialValue;
23264
23267
  if (opts.initialValue) {
23265
- if (obj && obj.k)
23268
+ if (obj && obj.k) {
23266
23269
  setValue$2(component, new Date(obj.k));
23267
- else
23270
+ }
23271
+ else {
23268
23272
  setValue$2(component, new Date(opts.initialValue));
23273
+ }
23269
23274
  }
23270
23275
  if (opts.firstDayIndex)
23271
23276
  el.kupData.firstDayIndex = opts.firstDayIndex;
@@ -23326,6 +23331,9 @@ function prepareCalendar(component) {
23326
23331
  h("div", { class: "section-2" }, createCalendar(component))));
23327
23332
  }
23328
23333
  function setValue$2(component, value) {
23334
+ if (!!(value instanceof Date)) {
23335
+ value = new Date();
23336
+ }
23329
23337
  const el = component.rootElement;
23330
23338
  el.kupData.value = value;
23331
23339
  el.kupData.day = el.kupData.value.getDate();
@@ -27875,7 +27883,8 @@ class FiltersRows extends Filters {
27875
27883
  isUsingGlobalFilter) {
27876
27884
  for (let i = 0; i < rows.length; i++) {
27877
27885
  let r = rows[i];
27878
- if (this.isRowCompliant(r, filters, globalFilter, isUsingGlobalFilter, columns, columnFilters)) {
27886
+ if ((r.id && r.id.indexOf('insert_') > -1) ||
27887
+ this.isRowCompliant(r, filters, globalFilter, isUsingGlobalFilter, columns, columnFilters)) {
27879
27888
  filteredRows[filteredRows.length] = r;
27880
27889
  }
27881
27890
  }
@@ -28687,15 +28696,17 @@ function cloneRow(row) {
28687
28696
  if (row == null) {
28688
28697
  return null;
28689
28698
  }
28690
- let cloned = {
28691
- id: row.id,
28692
- cells: Object.assign({}, row.cells),
28693
- actions: row.actions ? [...row.actions] : null,
28694
- group: cloneRowGroup(row.group),
28695
- readOnly: row.readOnly,
28696
- cssClass: row.cssClass,
28697
- };
28698
- return cloned;
28699
+ else {
28700
+ return {
28701
+ id: row.id,
28702
+ cells: Object.assign({}, row.cells),
28703
+ actions: row.actions ? [...row.actions] : null,
28704
+ group: cloneRowGroup(row.group),
28705
+ clonedFrom: row,
28706
+ readOnly: row.readOnly,
28707
+ cssClass: row.cssClass,
28708
+ };
28709
+ }
28699
28710
  }
28700
28711
  function cloneRows(rows) {
28701
28712
  if (rows == null) {
@@ -28731,8 +28742,8 @@ class KupDataTableState {
28731
28742
  this.expandGroups = false;
28732
28743
  this.groupLabelDisplay = GroupLabelDisplayMode.BOTH;
28733
28744
  this.density = 'small';
28734
- this.enableExtraColumns = true;
28735
28745
  this.enableSortableColumns = false;
28746
+ this.enableExtraColumns = true;
28736
28747
  this.forceOneLine = false;
28737
28748
  this.globalFilter = false;
28738
28749
  this.globalFilterValue = '';
@@ -28837,7 +28848,7 @@ class KupColumnMenu {
28837
28848
  : column.obj
28838
28849
  ? [column.obj]
28839
28850
  : null;
28840
- data.switch = this.prepSwitch(comp, column);
28851
+ data.switch = this.prepSwitch(comp, column, data.object);
28841
28852
  if (!currentData) {
28842
28853
  data.tabbar = this.prepTabBar(comp, column);
28843
28854
  data.text = [column.title];
@@ -28991,12 +29002,15 @@ class KupColumnMenu {
28991
29002
  * Handles the column menu's switch prop.
28992
29003
  * @param {KupDataTable | KupTree} comp - Component using the column menu.
28993
29004
  * @param {KupDataColumn} column - Column of the menu.
29005
+ * @param {KupObj[]} objs - Column's objs.
28994
29006
  * @returns {GenericObject[]} Switches props.
28995
29007
  */
28996
- prepSwitch(comp, column) {
29008
+ prepSwitch(comp, column, objs) {
28997
29009
  const props = [];
28998
29010
  if (!FiltersColumnMenu.isTree(comp)) {
28999
- if (!dom$2.ketchup.objects.isEmptyKupObj(column.obj)) {
29011
+ if (objs &&
29012
+ objs.length > 0 &&
29013
+ !dom$2.ketchup.objects.isEmptyKupObj(objs[0])) {
29000
29014
  props.push({
29001
29015
  'data-storage': {
29002
29016
  columnName: column.name,
@@ -36779,7 +36793,7 @@ const KupForm = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement$1 {
36779
36793
  if (isGrid) {
36780
36794
  sectionStyle['grid-template-columns'] = `repeat(${section.columns}, 1fr)`;
36781
36795
  }
36782
- return (h("div", { class: sectionClass, style: sectionStyle }, section.title ? h("h3", null, section.title) : null, h("table", null, h("tbody", null, section.horizontal ? (h("tr", null, sectionContent)) : (sectionContent)))));
36796
+ return (h("div", { class: sectionClass, style: sectionStyle }, section.title ? h("h3", null, section.title) : null, section.horizontal ? (sectionContent) : (h("table", null, h("tbody", null, sectionContent)))));
36783
36797
  }
36784
36798
  renderFormField({ formField, row, visibleColumns, }, section) {
36785
36799
  var _a;
@@ -38142,7 +38156,7 @@ function defineCustomElement$b() {
38142
38156
  } });
38143
38157
  }
38144
38158
 
38145
- const kupDataTableCss = ":host{--kup_datatable_background_color:var(\n --kup-datatable-background-color,\n var(--kup-background-color)\n );--kup_datatable_border:var(\n --kup-datatable-border,\n 1px solid var(--kup-border-color)\n );--kup_datatable_color:var(--kup-datatable-color, var(--kup-text-color));--kup_datatable_font_family:var(\n --kup-datatable-font-family,\n var(--kup-font-family)\n );--kup_datatable_font_family_monospace:var(\n --kup-datatable-font-family-monospace,\n var(--kup-font-family-monospace)\n );--kup_datatable_font_size:var(\n --kup-datatable-font-size,\n var(--kup-font-size)\n );--kup_datatable_th_border:var(\n --kup-datatable-th-border,\n 1px solid var(--kup-border-color)\n );--kup_datatable_th_resize_handle_width:var(\n --kup-datatable-th-resize-handle-width,\n 3px\n );display:block;font-family:var(--kup_datatable_font_family);font-size:var(--kup_datatable_font_size);position:relative}:host([kup-toolbar]) .settings-trigger{height:12px}:host([kup-toolbar]) .customize-panel{visibility:visible}:host([force-one-line]) .f-cell__text{white-space:nowrap}table{background-color:var(--kup_datatable_background_color);border-spacing:0;border-collapse:separate;color:var(--kup_datatable_color);min-width:intrinsic;min-width:-moz-max-content;min-width:-webkit-max-content;text-align:left;width:100%}table.auto-width{min-width:auto;width:0}table>tbody>tr.focus td:first-of-type,table>tbody>tr[kup-drag-over] td:first-of-type{box-shadow:inset 4px 0px 0px 0px var(--kup-secondary-color)}table>tbody>tr>td:first-of-type,table>tbody>tr>td.placeholder~td:not(.placeholder){border-left:var(--kup_datatable_border)}table>tbody>tr>td:last-of-type{border-right:var(--kup_datatable_border)}table>tbody>tr:last-of-type>td{border-bottom:var(--kup_datatable_border)}table.border-top>tbody>tr:first-of-type>td{border-top:var(--kup_datatable_border)}table.row-separation>tbody>tr>td{border-bottom:var(--kup_datatable_border)}table.column-separation>tbody>tr>td{border-right:var(--kup_datatable_border)}table.noGrid,table.noGrid td{border:none}table tfoot td{border-bottom:var(--kup_datatable_border);border-right:var(--kup_datatable_border);box-sizing:border-box;height:36px;text-align:right;font-weight:bold;padding:0.5em 0.3125em}table tfoot td:hover{background-color:var(--kup_datatable_background_color)}table tfoot td:first-of-type{border-left:var(--kup_datatable_border)}#global-filter{margin:0.5em 0px;min-width:140px;width:100%}.kup-icon:not(.f-image){background-color:var(--kup-title-color);margin:0 0.25em;height:1.25em;width:1.25em}.kup-icon:not(.f-image).kup-ascending-icon,.kup-icon:not(.f-image).kup-descending-icon,.kup-icon:not(.f-image).kup-key-icon,.kup-icon:not(.f-image).kup-filter-remove-icon{height:auto}.kup-icon:not(.f-image).kup-collapsed-icon,.kup-icon:not(.f-image).kup-expanded-icon{float:left}.kup-icon:not(.f-image).kup-filter-remove-icon,.kup-icon:not(.f-image).kup-key-icon{margin:0 0.25em}.below-wrapper{backface-visibility:hidden;height:auto;overflow:auto}.below-wrapper.custom-size{overflow:unset}.below-wrapper:not(.custom-size){overflow-x:auto}.density-dense tbody>tr.group td{padding-top:0.25em;padding-bottom:0.25em}.density-wide tbody>tr.group>td{padding-top:0.75em;padding-bottom:0.75em}.fontsize-small{font-size:calc(var(--kup_datatable_font_size) * 0.75);transition:font-size 0.1s}.fontsize-small .group-cell-content>span:before{font-size:calc(var(--kup_datatable_font_size) * 1) !important}.fontsize-big{font-size:calc(var(--kup_datatable_font_size) * 1.25);transition:font-size 0.1s}.fontsize-big .group-cell-content>span:before{font-size:calc(var(--kup_datatable_font_size) * 1.5) !important}th{background-color:var(--kup-title-background-color);border:var(--kup_datatable_th_border);border-left:0 none;border-bottom-width:2px;box-sizing:border-box;top:0;touch-action:none;transition:background-color 0.25s ease;user-select:none}th:first-of-type{border-left:var(--kup_datatable_th_border)}.header-cell__content{color:var(--kup-title-color);display:flex;justify-content:space-between;padding:0.5em 0.3125em;text-overflow:ellipsis;white-space:nowrap}.header-cell--centered .header-cell__content{justify-content:center}.header-cell--is-number .header-cell__content{justify-content:flex-end}.header-cell__title{overflow:hidden;text-overflow:ellipsis;user-select:none}.header-cell__icons{display:flex}.header-cell__drag-handler{background:rgba(var(--kup-title-color-rgb), 0.25);height:100%;position:absolute;right:0;top:0;touch-action:none;user-select:none;width:var(--kup_datatable_th_resize_handle_width)}.header-cell__drag-handler:hover{background:rgba(var(--kup-title-color-rgb), 0.5)}.header-cell--sortable{cursor:pointer}.header-cell--is-icon{width:30px}tbody{cursor:auto}tbody td{height:0;padding:0}tbody td>*{border:none !important}tbody tr kup-button{max-width:max-content}tbody tr[kup-draggable]{opacity:0.5}tbody tr.selected td{background-color:rgba(var(--kup-primary-color-rgb), 0.175)}tbody tr:hover:not(.group):not(.selected) td{color:var(--kup-hover-color);background-color:var(--kup-hover-background-color)}tbody tr.group{background:var(--kup-title-background-color);border-top:var(--kup_datatable_border);color:var(--kup-title-color);font-weight:bold;cursor:pointer}tbody tr.group.group-label{border-bottom:none}tbody tr.group.group-total{border-top:none;line-height:0.5em}tbody tr.group>td{padding:0.5em 0}tbody tr.group>td .group-cell-content .indent{float:left;margin-left:0.25em}tbody tr.group>td .group-cell-content>span{display:inline-flex;outline:none;margin-left:0.25em}tbody tr.group>td.total{text-align:right;padding:0.5em 0.3125em}tbody tr.group>td.total.negative-number{color:var(--kup-danger-color)}tbody tr>td{box-sizing:border-box;transition:box-shadow 0.1s}tbody tr>td .row-expander{margin-right:0.5em}tbody tr>td .row-action{margin-right:0.2em}tbody tr [row-select-cell]{min-height:40px}tbody tr td[row-action-cell]{width:calc(3em * var(--kup_datatable_row_actions))}tbody tr td[row-action-cell] .f-image{cursor:pointer;margin-left:0.75em;display:inline-block;opacity:1;transition:0.25s ease-in-out}tbody tr td[row-action-cell] .f-image:hover{opacity:0.5}.above-wrapper{display:flex;width:100%}.kup-icon.overlay-action{display:none;position:absolute;top:0.5em;left:calc(50% - 0.625em)}th:hover .kup-icon.overlay-action{display:block}thead th{position:relative}th.obj:hover span:not(.overlay-action){opacity:0.5}.hidden span{color:transparent;position:relative;text-overflow:ellipsis;transition:color 200ms}.hidden span:hover{color:var(--kup_datatable_color)}.group-wrapper{--kup-chip-margin:0 4px}.totals-value{font-weight:bold}.settings-trigger{cursor:pointer;display:block;width:32px;height:0;border-top-left-radius:25px 30px;border-top-right-radius:25px 30px;background-color:var(--kup-border-color);transition:height 0.25s}.settings-trigger.toggled{background-color:var(--kup-primary-color)}.settings-trigger.toggled .f-image__icon{background:var(--kup-text-on-primary-color) !important}.indent{display:inline-block;height:1em;width:2em}.indent~kup-image,.indent~kup-button{margin:0;vertical-align:middle}.indent~kup-image{display:inline-block}.indent~kup-button,.indent~kup-checkbox{display:inline-block}.actions-wrapper{display:flex}.insert-button,.delete-button{padding:1em 0.5em}.kup-icon.kup-ascending-icon{-webkit-mask:var(--kup-ascending-icon);mask:var(--kup-ascending-icon)}.kup-icon.kup-collapsed-icon{-webkit-mask:var(--kup-collapsed-icon);mask:var(--kup-collapsed-icon)}.kup-icon.kup-descending-icon{-webkit-mask:var(--kup-descending-icon);mask:var(--kup-descending-icon)}.kup-icon.kup-expanded-icon{-webkit-mask:var(--kup-expanded-icon);mask:var(--kup-expanded-icon)}.kup-icon.kup-filter-remove-icon{-webkit-mask:var(--kup-filter-remove-icon);mask:var(--kup-filter-remove-icon)}.kup-icon.kup-key-icon{-webkit-mask:var(--kup-key-icon);mask:var(--kup-key-icon)}.paginator-wrapper{display:flex;flex-flow:wrap;min-width:max-content}.paginator-tabs{width:100%}.paginator-tabs kup-paginator{display:inline-flex}.paginator-tabs kup-button{position:relative;height:100%;margin-left:0.25em;float:right}.paginator-tabs .load-more-button{margin:0.5em 0px 0px}sticky-header{display:none}.persistent-header~sticky-header{background:var(--kup-title-background-color);border-bottom:2px solid var(--kup-border-color);box-shadow:0px 0px 7.5px 0px rgba(128, 128, 128, 0.5);color:var(--kup-title-color);display:block;opacity:0;overflow:hidden;pointer-events:none;position:fixed;top:0;transition:opacity 0.25s ease-in-out;z-index:10}.persistent-header~sticky-header.activated{opacity:1;pointer-events:all}.persistent-header~sticky-header[hidden]{display:none}.persistent-header~sticky-header tr-sticky{display:inline-flex}.persistent-header~sticky-header th-sticky{box-sizing:border-box;display:inline-flex;padding:0 0.3125em}.persistent-header~sticky-header th-sticky .header-cell__content{width:100%}.fixed-column,.fixed-row{background-color:var(--kup_datatable_background_color);color:var(--kup-text-color);position:sticky}thead .fixed-column,thead .fixed-row,tfoot .fixed-column,tfoot .fixed-row{z-index:10}table.custom-size th{position:sticky;top:0;z-index:10}table.custom-size th.fixed-column{z-index:11}tr:hover .fixed-row,tr:hover .fixed-column{color:var(--kup-hover-color);background-color:var(--kup-hover-background-color)}tr.selected .fixed-column,tr.selected .fixed-row{background-color:var(--kup_datatable_background_color);background-image:linear-gradient(to right, rgba(var(--kup-primary-color-rgb), 0.175) 0%, rgba(var(--kup-primary-color-rgb), 0.175) 0.1%, rgba(var(--kup-primary-color-rgb), 0.175))}.fixed-row{top:0;z-index:4}.fixed-column{left:0;z-index:6}.fixed-column.fixed-row{z-index:8}thead tr .fixed-column,thead tr:hover:not(.group):not(.selected) .fixed-column{background-color:var(--kup-title-background-color);color:var(--kup-title-color)}tfoot tr:hover:not(.group):not(.selected) .fixed-row,tfoot tr:hover:not(.group):not(.selected) .fixed-column{color:var(--kup-text-color);background-color:var(--kup_datatable_background_color)}:host([drag-enabled]) tr{touch-action:none}th[kup-drag-over]{background-color:rgba(var(--kup-success-color-rgb), 0.25)}th[kup-draggable]{cursor:grabbing !important;opacity:0.5}.droparea{animation:fade-in 0.25s ease-out;background:var(--kup_datatable_background_color);border-radius:8px;box-shadow:var(--kup-box-shadow);display:none;padding:1em 0.5em}.droparea--visible{display:flex}.droparea__groups{border:2px dashed var(--kup-text-color)}.droparea__remove{border:2px dashed var(--kup-danger-color)}.droparea__groups,.droparea__remove{background:var(--kup_datatable_background_color);box-shadow:var(--kup-box-shadow);display:block;height:50px;margin:0 0.5em;opacity:0.5;position:relative;transition:opacity 0.25s;width:50px}.droparea__groups .f-image,.droparea__remove .f-image{width:100%;position:absolute}.droparea__groups .f-image:first-of-type,.droparea__remove .f-image:first-of-type{opacity:1}.droparea__groups .f-image:last-of-type,.droparea__remove .f-image:last-of-type{opacity:0}.droparea__groups[kup-drag-over],.droparea__remove[kup-drag-over]{opacity:1}.droparea__groups[kup-drag-over] .f-image:first-of-type,.droparea__remove[kup-drag-over] .f-image:first-of-type{opacity:0}.droparea__groups[kup-drag-over] .f-image:last-of-type,.droparea__remove[kup-drag-over] .f-image:last-of-type{opacity:1}:host(.kup-cross-selection) #kup-component th.selected{box-shadow:inset 0px 4px 0px 0px var(--kup-secondary-color)}:host(.kup-cross-selection) #kup-component td.selected{background-color:rgba(var(--kup-text-color-rgb), 0.075)}:host(.kup-cross-selection) #kup-component td.selected.fixed-column,:host(.kup-cross-selection) #kup-component td.selected.fixed-row{background-color:var(--kup_datatable_background_color);background-image:linear-gradient(to right, rgba(var(--kup-text-color-rgb), 0.075) 0%, rgba(var(--kup-text-color-rgb), 0.075) 0.1%, rgba(var(--kup-text-color-rgb), 0.075))}:host(.kup-cross-selection) #kup-component tr.selected td{background-color:rgba(var(--kup-text-color-rgb), 0.075)}:host(.kup-cross-selection) #kup-component tr.selected td:first-of-type{box-shadow:inset 4px 0px 0px 0px var(--kup-secondary-color)}:host(.kup-cross-selection) #kup-component tr.selected td.selected{background-color:rgba(var(--kup-text-color-rgb), 0.15)}:host(.kup-cross-selection) #kup-component tr.selected td.fixed-column,:host(.kup-cross-selection) #kup-component tr.selected td.fixed-row{background-color:var(--kup_datatable_background_color);background-image:linear-gradient(to right, rgba(var(--kup-text-color-rgb), 0.075) 0%, rgba(var(--kup-text-color-rgb), 0.075) 0.1%, rgba(var(--kup-text-color-rgb), 0.075))}:host(.kup-cross-selection) #kup-component tr.selected td.fixed-column.selected,:host(.kup-cross-selection) #kup-component tr.selected td.fixed-row.selected{background-image:linear-gradient(to right, rgba(var(--kup-text-color-rgb), 0.15) 0%, rgba(var(--kup-text-color-rgb), 0.15) 0.1%, rgba(var(--kup-text-color-rgb), 0.15))}:host(.kup-layout-fixed) #kup-component table{table-layout:fixed;width:100%}tr.clickable{cursor:pointer}";
38159
+ const kupDataTableCss = ":host{--kup_datatable_background_color:var(\n --kup-datatable-background-color,\n var(--kup-background-color)\n );--kup_datatable_border:var(\n --kup-datatable-border,\n 1px solid var(--kup-border-color)\n );--kup_datatable_color:var(--kup-datatable-color, var(--kup-text-color));--kup_datatable_font_family:var(\n --kup-datatable-font-family,\n var(--kup-font-family)\n );--kup_datatable_font_family_monospace:var(\n --kup-datatable-font-family-monospace,\n var(--kup-font-family-monospace)\n );--kup_datatable_font_size:var(\n --kup-datatable-font-size,\n var(--kup-font-size)\n );--kup_datatable_th_border:var(\n --kup-datatable-th-border,\n 1px solid var(--kup-border-color)\n );--kup_datatable_th_resize_handle_width:var(\n --kup-datatable-th-resize-handle-width,\n 3px\n );display:block;font-family:var(--kup_datatable_font_family);font-size:var(--kup_datatable_font_size);position:relative}:host([kup-toolbar]) .settings-trigger{height:12px}:host([kup-toolbar]) .customize-panel{visibility:visible}:host([force-one-line]) .f-cell__text{white-space:nowrap}table{background-color:var(--kup_datatable_background_color);border-spacing:0;border-collapse:separate;color:var(--kup_datatable_color);min-width:intrinsic;min-width:-moz-max-content;min-width:-webkit-max-content;text-align:left;width:100%}table.auto-width{min-width:auto;width:0}table>tbody>tr.focus td:first-of-type,table>tbody>tr[kup-drag-over] td:first-of-type{box-shadow:inset 4px 0px 0px 0px var(--kup-secondary-color)}table>tbody>tr>td:first-of-type,table>tbody>tr>td.placeholder~td:not(.placeholder){border-left:var(--kup_datatable_border)}table>tbody>tr>td:last-of-type{border-right:var(--kup_datatable_border)}table>tbody>tr:last-of-type>td{border-bottom:var(--kup_datatable_border)}table.border-top>tbody>tr:first-of-type>td{border-top:var(--kup_datatable_border)}table.row-separation>tbody>tr>td{border-bottom:var(--kup_datatable_border)}table.column-separation>tbody>tr>td{border-right:var(--kup_datatable_border)}table.noGrid,table.noGrid td{border:none}table tfoot td{border-bottom:var(--kup_datatable_border);border-right:var(--kup_datatable_border);box-sizing:border-box;height:36px;text-align:right;font-weight:bold;padding:0.5em 0.3125em}table tfoot td:hover{background-color:var(--kup_datatable_background_color)}table tfoot td:first-of-type{border-left:var(--kup_datatable_border)}#global-filter{margin:0.5em 0px;min-width:140px;width:100%}.kup-icon:not(.f-image){background-color:var(--kup-title-color);margin:0 0.25em;height:1.25em;width:1.25em}.kup-icon:not(.f-image).kup-ascending-icon,.kup-icon:not(.f-image).kup-descending-icon,.kup-icon:not(.f-image).kup-key-icon,.kup-icon:not(.f-image).kup-filter-remove-icon{height:auto}.kup-icon:not(.f-image).kup-collapsed-icon,.kup-icon:not(.f-image).kup-expanded-icon{float:left}.kup-icon:not(.f-image).kup-filter-remove-icon,.kup-icon:not(.f-image).kup-key-icon{margin:0 0.25em}.below-wrapper{backface-visibility:hidden;height:auto;overflow:auto}.below-wrapper.custom-size{overflow:unset}.below-wrapper:not(.custom-size){overflow-x:auto}.density-dense tbody>tr.group td{padding-top:0.25em;padding-bottom:0.25em}.density-wide tbody>tr.group>td{padding-top:0.75em;padding-bottom:0.75em}.fontsize-small{font-size:calc(var(--kup_datatable_font_size) * 0.75);transition:font-size 0.1s}.fontsize-small .group-cell-content>span:before{font-size:calc(var(--kup_datatable_font_size) * 1) !important}.fontsize-big{font-size:calc(var(--kup_datatable_font_size) * 1.25);transition:font-size 0.1s}.fontsize-big .group-cell-content>span:before{font-size:calc(var(--kup_datatable_font_size) * 1.5) !important}th{background-color:var(--kup-title-background-color);border:var(--kup_datatable_th_border);border-left:0 none;border-bottom-width:2px;box-sizing:border-box;top:0;touch-action:none;transition:background-color 0.25s ease;user-select:none}th:first-of-type{border-left:var(--kup_datatable_th_border)}.header-cell__content{color:var(--kup-title-color);display:flex;justify-content:space-between;padding:0.5em 0.3125em;text-overflow:ellipsis;white-space:nowrap}.header-cell--centered .header-cell__content{justify-content:center}.header-cell--is-number .header-cell__content{justify-content:flex-end}.header-cell__title{overflow:hidden;text-overflow:ellipsis;user-select:none}.header-cell__icons{display:flex}.header-cell__drag-handler{background:rgba(var(--kup-title-color-rgb), 0.25);height:100%;position:absolute;right:0;top:0;touch-action:none;user-select:none;width:var(--kup_datatable_th_resize_handle_width)}.header-cell__drag-handler:hover{background:rgba(var(--kup-title-color-rgb), 0.5)}.header-cell--sortable{cursor:pointer}.header-cell--is-icon{width:30px}tbody{cursor:auto}tbody td{height:0;padding:0}tbody td>*{border:none !important}tbody tr kup-button{max-width:max-content}tbody tr[kup-draggable]{opacity:0.5}tbody tr.selected td{background-color:rgba(var(--kup-primary-color-rgb), 0.175)}tbody tr:hover:not(.group):not(.selected) td{color:var(--kup-hover-color);background-color:var(--kup-hover-background-color)}tbody tr.group{background:var(--kup-title-background-color);border-top:var(--kup_datatable_border);color:var(--kup-title-color);font-weight:bold;cursor:pointer}tbody tr.group.group-label{border-bottom:none}tbody tr.group.group-total{border-top:none;line-height:0.5em}tbody tr.group>td{padding:0.5em 0}tbody tr.group>td .group-cell-content .indent{float:left;margin-left:0.25em}tbody tr.group>td .group-cell-content>span{display:inline-flex;outline:none;margin-left:0.25em}tbody tr.group>td.total{text-align:right;padding:0.5em 0.3125em}tbody tr.group>td.total.negative-number{color:var(--kup-danger-color)}tbody tr>td{box-sizing:border-box;transition:box-shadow 0.1s}tbody tr>td .row-expander{margin-right:0.5em}tbody tr>td .row-action{margin-right:0.2em}tbody tr [row-select-cell]{min-height:40px}tbody tr td[row-action-cell]{width:calc(3em * var(--kup_datatable_row_actions))}tbody tr td[row-action-cell] .f-image{cursor:pointer;margin-left:0.75em;display:inline-block;opacity:1;transition:0.25s ease-in-out}tbody tr td[row-action-cell] .f-image:hover{opacity:0.5}.above-wrapper{display:flex;width:100%}.kup-icon.overlay-action{display:none;position:absolute;top:0.5em;left:calc(50% - 0.625em)}th:hover .kup-icon.overlay-action{display:block}thead th{position:relative}th.obj:hover span:not(.overlay-action){opacity:0.5}.hidden span{color:transparent;position:relative;text-overflow:ellipsis;transition:color 200ms}.hidden span:hover{color:var(--kup_datatable_color)}.group-wrapper{--kup-chip-margin:0 4px}.totals-value{font-weight:bold}.settings-trigger{cursor:pointer;display:block;width:32px;height:0;border-top-left-radius:25px 30px;border-top-right-radius:25px 30px;background-color:var(--kup-border-color);transition:height 0.25s}.settings-trigger.toggled{background-color:var(--kup-primary-color)}.settings-trigger.toggled .f-image__icon{background:var(--kup-text-on-primary-color) !important}.indent{display:inline-block;height:1em;width:2em}.indent~kup-image,.indent~kup-button{margin:0;vertical-align:middle}.indent~kup-image{display:inline-block}.indent~kup-button,.indent~kup-checkbox{display:inline-block}.actions-wrapper{display:flex}.insert-button,.delete-button,.save-button{padding:1em 0.5em}.kup-icon.kup-ascending-icon{-webkit-mask:var(--kup-ascending-icon);mask:var(--kup-ascending-icon)}.kup-icon.kup-collapsed-icon{-webkit-mask:var(--kup-collapsed-icon);mask:var(--kup-collapsed-icon)}.kup-icon.kup-descending-icon{-webkit-mask:var(--kup-descending-icon);mask:var(--kup-descending-icon)}.kup-icon.kup-expanded-icon{-webkit-mask:var(--kup-expanded-icon);mask:var(--kup-expanded-icon)}.kup-icon.kup-filter-remove-icon{-webkit-mask:var(--kup-filter-remove-icon);mask:var(--kup-filter-remove-icon)}.kup-icon.kup-key-icon{-webkit-mask:var(--kup-key-icon);mask:var(--kup-key-icon)}.paginator-wrapper{display:flex;flex-flow:wrap;min-width:max-content}.paginator-tabs{width:100%}.paginator-tabs kup-paginator{display:inline-flex}.paginator-tabs kup-button{position:relative;height:100%;margin-left:0.25em;float:right}.paginator-tabs .load-more-button{margin:0.5em 0px 0px}sticky-header{display:none}.persistent-header~sticky-header{background:var(--kup-title-background-color);border-bottom:2px solid var(--kup-border-color);box-shadow:0px 0px 7.5px 0px rgba(128, 128, 128, 0.5);color:var(--kup-title-color);display:block;opacity:0;overflow:hidden;pointer-events:none;position:fixed;top:0;transition:opacity 0.25s ease-in-out;z-index:10}.persistent-header~sticky-header.activated{opacity:1;pointer-events:all}.persistent-header~sticky-header[hidden]{display:none}.persistent-header~sticky-header tr-sticky{display:inline-flex}.persistent-header~sticky-header th-sticky{box-sizing:border-box;display:inline-flex;padding:0 0.3125em}.persistent-header~sticky-header th-sticky .header-cell__content{width:100%}.fixed-column,.fixed-row{background-color:var(--kup_datatable_background_color);color:var(--kup-text-color);position:sticky}thead .fixed-column,thead .fixed-row,tfoot .fixed-column,tfoot .fixed-row{z-index:10}table.custom-size th{position:sticky;top:0;z-index:10}table.custom-size th.fixed-column{z-index:11}tr:hover .fixed-row,tr:hover .fixed-column{color:var(--kup-hover-color);background-color:var(--kup-hover-background-color)}tr.selected .fixed-column,tr.selected .fixed-row{background-color:var(--kup_datatable_background_color);background-image:linear-gradient(to right, rgba(var(--kup-primary-color-rgb), 0.175) 0%, rgba(var(--kup-primary-color-rgb), 0.175) 0.1%, rgba(var(--kup-primary-color-rgb), 0.175))}.fixed-row{top:0;z-index:4}.fixed-column{left:0;z-index:6}.fixed-column.fixed-row{z-index:8}thead tr .fixed-column,thead tr:hover:not(.group):not(.selected) .fixed-column{background-color:var(--kup-title-background-color);color:var(--kup-title-color)}tfoot tr:hover:not(.group):not(.selected) .fixed-row,tfoot tr:hover:not(.group):not(.selected) .fixed-column{color:var(--kup-text-color);background-color:var(--kup_datatable_background_color)}:host([drag-enabled]) tr{touch-action:none}th[kup-drag-over]{background-color:rgba(var(--kup-success-color-rgb), 0.25)}th[kup-draggable]{cursor:grabbing !important;opacity:0.5}.droparea{animation:fade-in 0.25s ease-out;background:var(--kup_datatable_background_color);border-radius:8px;box-shadow:var(--kup-box-shadow);display:none;padding:1em 0.5em}.droparea--visible{display:flex}.droparea__groups{border:2px dashed var(--kup-text-color)}.droparea__remove{border:2px dashed var(--kup-danger-color)}.droparea__groups,.droparea__remove{background:var(--kup_datatable_background_color);box-shadow:var(--kup-box-shadow);display:block;height:50px;margin:0 0.5em;opacity:0.5;position:relative;transition:opacity 0.25s;width:50px}.droparea__groups .f-image,.droparea__remove .f-image{width:100%;position:absolute}.droparea__groups .f-image:first-of-type,.droparea__remove .f-image:first-of-type{opacity:1}.droparea__groups .f-image:last-of-type,.droparea__remove .f-image:last-of-type{opacity:0}.droparea__groups[kup-drag-over],.droparea__remove[kup-drag-over]{opacity:1}.droparea__groups[kup-drag-over] .f-image:first-of-type,.droparea__remove[kup-drag-over] .f-image:first-of-type{opacity:0}.droparea__groups[kup-drag-over] .f-image:last-of-type,.droparea__remove[kup-drag-over] .f-image:last-of-type{opacity:1}:host(.kup-cross-selection) #kup-component th.selected{box-shadow:inset 0px 4px 0px 0px var(--kup-secondary-color)}:host(.kup-cross-selection) #kup-component td.selected{background-color:rgba(var(--kup-text-color-rgb), 0.075)}:host(.kup-cross-selection) #kup-component td.selected.fixed-column,:host(.kup-cross-selection) #kup-component td.selected.fixed-row{background-color:var(--kup_datatable_background_color);background-image:linear-gradient(to right, rgba(var(--kup-text-color-rgb), 0.075) 0%, rgba(var(--kup-text-color-rgb), 0.075) 0.1%, rgba(var(--kup-text-color-rgb), 0.075))}:host(.kup-cross-selection) #kup-component tr.selected td{background-color:rgba(var(--kup-text-color-rgb), 0.075)}:host(.kup-cross-selection) #kup-component tr.selected td:first-of-type{box-shadow:inset 4px 0px 0px 0px var(--kup-secondary-color)}:host(.kup-cross-selection) #kup-component tr.selected td.selected{background-color:rgba(var(--kup-text-color-rgb), 0.15)}:host(.kup-cross-selection) #kup-component tr.selected td.fixed-column,:host(.kup-cross-selection) #kup-component tr.selected td.fixed-row{background-color:var(--kup_datatable_background_color);background-image:linear-gradient(to right, rgba(var(--kup-text-color-rgb), 0.075) 0%, rgba(var(--kup-text-color-rgb), 0.075) 0.1%, rgba(var(--kup-text-color-rgb), 0.075))}:host(.kup-cross-selection) #kup-component tr.selected td.fixed-column.selected,:host(.kup-cross-selection) #kup-component tr.selected td.fixed-row.selected{background-image:linear-gradient(to right, rgba(var(--kup-text-color-rgb), 0.15) 0%, rgba(var(--kup-text-color-rgb), 0.15) 0.1%, rgba(var(--kup-text-color-rgb), 0.15))}:host(.kup-layout-fixed) #kup-component table{table-layout:fixed;width:100%}tr.clickable{cursor:pointer}";
38146
38160
 
38147
38161
  var __classPrivateFieldGet$2 = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
38148
38162
  if (kind === "a" && !f)
@@ -38179,6 +38193,7 @@ const KupDataTable = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement$
38179
38193
  this.kupColumnMove = createEvent(this, "kup-datatable-columnmove", 6);
38180
38194
  this.kupColumnRemove = createEvent(this, "kup-datatable-columnremove", 6);
38181
38195
  this.kupDeleteRow = createEvent(this, "kup-datatable-delete-row", 6);
38196
+ this.kupSave = createEvent(this, "kup-datatable-save", 6);
38182
38197
  this.kupInsertRow = createEvent(this, "kup-datatable-insert-row", 6);
38183
38198
  _KupDataTable_instances.add(this);
38184
38199
  this.state = new KupDataTableState();
@@ -38611,7 +38626,11 @@ const KupDataTable = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement$
38611
38626
  for (let index = 0; index < currentRows.length; index++) {
38612
38627
  const row = currentRows[index];
38613
38628
  if (ids.includes(row.id)) {
38614
- deletedRows.push(row);
38629
+ const r = row.clonedFrom ? row.clonedFrom : row;
38630
+ deletedRows.push(r);
38631
+ if (this.selectedRows.includes(row)) {
38632
+ this.selectedRows.splice(this.selectedRows.indexOf(row), 1);
38633
+ }
38615
38634
  }
38616
38635
  else {
38617
38636
  newRows.push(row);
@@ -38700,7 +38719,16 @@ const KupDataTable = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement$
38700
38719
  * This method will get the selected rows of the component.
38701
38720
  */
38702
38721
  async getSelectedRows() {
38703
- return this.selectedRows;
38722
+ const selRows = [];
38723
+ this.selectedRows.forEach((row) => {
38724
+ if (row.clonedFrom) {
38725
+ selRows.push(row.clonedFrom);
38726
+ }
38727
+ else {
38728
+ selRows.push(row);
38729
+ }
38730
+ });
38731
+ return selRows;
38704
38732
  }
38705
38733
  /**
38706
38734
  * Hides the given column.
@@ -38778,7 +38806,7 @@ const KupDataTable = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement$
38778
38806
  */
38779
38807
  async refresh(recalcRows) {
38780
38808
  if (recalcRows) {
38781
- this.recalculateRowsAndUndoSelections();
38809
+ __classPrivateFieldGet$2(this, _KupDataTable_instances, "m", _KupDataTable_initRows).call(this);
38782
38810
  }
38783
38811
  forceUpdate(this);
38784
38812
  }
@@ -39321,7 +39349,24 @@ const KupDataTable = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement$
39321
39349
  if (this.tableHeight !== undefined || this.tableWidth !== undefined) {
39322
39350
  belowClass += ' custom-size';
39323
39351
  }
39324
- const compCreated = (h(Host, null, h("style", null, __classPrivateFieldGet$2(this, _KupDataTable_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { id: componentWrapperId }, h("div", { class: "above-wrapper" }, this.globalFilter ? (h("div", { id: "global-filter" }, h(FTextField, { fullWidth: true, icon: KupThemeIconValues.SEARCH, label: __classPrivateFieldGet$2(this, _KupDataTable_kupManager, "f").language.translate(KupLanguageSearch.SEARCH), value: this.globalFilterValue, onInput: (event) => {
39352
+ const autoselectOnAction = (e) => {
39353
+ if (e && e.detail && e.detail.row) {
39354
+ const row = e.detail.row;
39355
+ if (!this.selectedRows.includes(row)) {
39356
+ if (this.selection === SelectionMode.MULTIPLE_CHECKBOX ||
39357
+ this.selection === SelectionMode.MULTIPLE) {
39358
+ this.selectedRows.push(row);
39359
+ }
39360
+ else {
39361
+ this.selectedRows = [row];
39362
+ }
39363
+ }
39364
+ if (e.type === 'kup-cell-input') {
39365
+ this.refresh();
39366
+ }
39367
+ }
39368
+ };
39369
+ const compCreated = (h(Host, { "onKup-cell-input": autoselectOnAction, "onKup-cell-update": autoselectOnAction }, h("style", null, __classPrivateFieldGet$2(this, _KupDataTable_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { id: componentWrapperId }, h("div", { class: "above-wrapper" }, this.globalFilter ? (h("div", { id: "global-filter" }, h(FTextField, { fullWidth: true, icon: KupThemeIconValues.SEARCH, label: __classPrivateFieldGet$2(this, _KupDataTable_kupManager, "f").language.translate(KupLanguageSearch.SEARCH), value: this.globalFilterValue, onInput: (event) => {
39325
39370
  const t = event.target;
39326
39371
  window.clearTimeout(__classPrivateFieldGet$2(this, _KupDataTable_globalFilterTimeout, "f"));
39327
39372
  __classPrivateFieldSet$2(this, _KupDataTable_globalFilterTimeout, window.setTimeout(() => __classPrivateFieldGet$2(this, _KupDataTable_instances, "m", _KupDataTable_onGlobalFilterChange).call(this, t), 600, t), "f");
@@ -39343,14 +39388,22 @@ const KupDataTable = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement$
39343
39388
  value: '',
39344
39389
  };
39345
39390
  }
39346
- this.data.rows.unshift({
39391
+ const row = {
39347
39392
  cells,
39348
39393
  id: __classPrivateFieldGet$2(this, _KupDataTable_INSERT_PREFIX, "f") +
39349
39394
  __classPrivateFieldGet$2(this, _KupDataTable_insertCount, "f"),
39350
- });
39395
+ };
39396
+ this.data.rows.unshift(row);
39351
39397
  await this.refresh(true);
39352
39398
  }
39353
- }, styling: FButtonStyling.OUTLINED, title: "Insert row", wrapperClass: "insert-button" })) : null, this.showDeleteButton &&
39399
+ }, styling: FButtonStyling.OUTLINED, title: "Insert row", wrapperClass: "insert-button" })) : null, this.insertMode !== '' &&
39400
+ this.selectedRows.length > 0 ? (h(FButton, { icon: "save", onClick: () => {
39401
+ this.kupSave.emit({
39402
+ comp: this,
39403
+ id: this.rootElement.id,
39404
+ selectedRows: this.selectedRows,
39405
+ });
39406
+ }, styling: FButtonStyling.OUTLINED, title: "Save", wrapperClass: "save-button" })) : null, this.showDeleteButton &&
39354
39407
  this.selectedRows.length > 0 ? (h(FButton, { icon: "delete", onClick: () => {
39355
39408
  __classPrivateFieldGet$2(this, _KupDataTable_instances, "m", _KupDataTable_rowsDelete).call(this);
39356
39409
  }, styling: FButtonStyling.OUTLINED, title: "Delete selected rows", wrapperClass: "delete-button" })) : null), h("div", { class: "droparea", ref: (el) => (__classPrivateFieldSet$2(this, _KupDataTable_dropareaRef, el, "f")) }, this.showGroups ? __classPrivateFieldGet$2(this, _KupDataTable_instances, "m", _KupDataTable_columnGroupArea).call(this) : null, this.removableColumns
@@ -39558,12 +39611,27 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
39558
39611
  __classPrivateFieldGet$2(this, _KupDataTable_instances, "m", _KupDataTable_setTransposedData).call(this);
39559
39612
  }
39560
39613
  }, _KupDataTable_getRow = function _KupDataTable_getRow(id) {
39561
- if (typeof id === 'number') {
39562
- return this.data.rows[id];
39614
+ let row = null;
39615
+ const search = (rows) => {
39616
+ if (rows && rows.length > 0 && !row) {
39617
+ test(rows);
39618
+ }
39619
+ };
39620
+ const test = (rows) => {
39621
+ if (typeof id === 'number') {
39622
+ row = rows[id];
39623
+ }
39624
+ else {
39625
+ row = rows.find((row) => row.id === id);
39626
+ }
39627
+ };
39628
+ if (__classPrivateFieldGet$2(this, _KupDataTable_instances, "m", _KupDataTable_isGrouping).call(this) && typeof id === 'string') {
39629
+ __classPrivateFieldGet$2(this, _KupDataTable_paginatedRows, "f").forEach((row) => search(row.group.children));
39563
39630
  }
39564
39631
  else {
39565
- return this.data.rows.find((row) => row.id === id);
39632
+ test(__classPrivateFieldGet$2(this, _KupDataTable_rows, "f"));
39566
39633
  }
39634
+ return row;
39567
39635
  }, _KupDataTable_getTransposedData = function _KupDataTable_getTransposedData(column) {
39568
39636
  if (column) {
39569
39637
  this.filters = {};
@@ -40311,7 +40379,7 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
40311
40379
  this.kupInsertRow.emit({
40312
40380
  comp: this,
40313
40381
  id: this.rootElement.id,
40314
- row: row,
40382
+ selectedRows: [row],
40315
40383
  });
40316
40384
  });
40317
40385
  buttonWrapper.append(cancel);
@@ -93699,11 +93699,13 @@ _KupEchart_chartContainer = new WeakMap(), _KupEchart_chartEl = new WeakMap(), _
93699
93699
  let objKey;
93700
93700
  if (this.axis) {
93701
93701
  for (const row of this.data.rows) {
93702
- objKey = row.cells[this.axis].value;
93703
- y[objKey] = [];
93702
+ objKey = row.cells[this.axis].value.trim();
93703
+ if (!y[objKey]) {
93704
+ y[objKey] = [];
93705
+ }
93704
93706
  for (const key of Object.keys(row.cells)) {
93705
93707
  const cell = row.cells[key];
93706
- const value = cell.value;
93708
+ const value = cell.value.trim();
93707
93709
  if (!this.axis.includes(key)) {
93708
93710
  if (this.series &&
93709
93711
  this.series.length > 0 &&
@@ -1,6 +1,6 @@
1
1
  import { h } from './index-a2197376.js';
2
2
  import { F as FButtonStyling } from './f-button-declarations-b1b4cac4.js';
3
- import { F as FImage } from './f-image-48a4b032.js';
3
+ import { F as FImage } from './f-image-52bb5950.js';
4
4
 
5
5
  /*-------------------------------------------------*/
6
6
  /* C o m p o n e n t */
@@ -1,9 +1,9 @@
1
- import { al as editableTypes, am as kupTypes, b as KupThemeColorValues, a7 as FCellTypes, an as KupTagNames, ao as fullWidthFieldsComps, ai as stringToNumber, ap as FCellClasses, aq as autoCenterComps, af as getCellValueForDisplay, ar as FCellEvents } from './kup-manager-07c9ba13.js';
1
+ import { al as editableTypes, am as kupTypes, b as KupThemeColorValues, a7 as FCellTypes, an as KupTagNames, ao as fullWidthFieldsComps, ai as stringToNumber, ap as FCellClasses, aq as autoCenterComps, af as getCellValueForDisplay, ar as FCellEvents } from './kup-manager-12e99c22.js';
2
2
  import { h } from './index-a2197376.js';
3
3
  import { F as FCheckbox } from './f-checkbox-b721178e.js';
4
- import { F as FTextField } from './f-text-field-b6f9ce84.js';
5
- import { F as FImage } from './f-image-48a4b032.js';
6
- import { a as FChip } from './f-chip-94851217.js';
4
+ import { F as FTextField } from './f-text-field-88f92118.js';
5
+ import { F as FImage } from './f-image-52bb5950.js';
6
+ import { a as FChip } from './f-chip-677db32a.js';
7
7
 
8
8
  /*-------------------------------------------------*/
9
9
  /* C o m p o n e n t */
@@ -1,6 +1,6 @@
1
1
  import { h } from './index-a2197376.js';
2
- import { F as FImage } from './f-image-48a4b032.js';
3
- import { K as KupThemeIconValues, l as KupLanguageGeneric, b as KupThemeColorValues } from './kup-manager-07c9ba13.js';
2
+ import { F as FImage } from './f-image-52bb5950.js';
3
+ import { K as KupThemeIconValues, l as KupLanguageGeneric, b as KupThemeColorValues } from './kup-manager-12e99c22.js';
4
4
 
5
5
  /**
6
6
  * Types of the f-chip component.
@@ -1,5 +1,5 @@
1
1
  import { h, a as getAssetPath } from './index-a2197376.js';
2
- import { b as KupThemeColorValues } from './kup-manager-07c9ba13.js';
2
+ import { b as KupThemeColorValues } from './kup-manager-12e99c22.js';
3
3
 
4
4
  /**
5
5
  * The type of a CSS step in CSS-drawing mode.
@@ -1,6 +1,6 @@
1
- import { E as Filters, J as FilterInterval, H as getValueForDisplay, C as getValueForDisplay2, af as getCellValueForDisplay, u as getColumnByName, y as KupObjects, ag as KupData, ah as compareCell, N as TotalMode, ai as stringToNumber, f as KupDatesFormats, aj as isNumber, a3 as SortMode, ak as KupLanguagePage, q as KupLanguageRow, l as KupLanguageGeneric } from './kup-manager-07c9ba13.js';
1
+ import { E as Filters, J as FilterInterval, H as getValueForDisplay, C as getValueForDisplay2, af as getCellValueForDisplay, u as getColumnByName, y as KupObjects, ag as KupData, ah as compareCell, N as TotalMode, ai as stringToNumber, f as KupDatesFormats, aj as isNumber, a3 as SortMode, ak as KupLanguagePage, q as KupLanguageRow, l as KupLanguageGeneric } from './kup-manager-12e99c22.js';
2
2
  import { h } from './index-a2197376.js';
3
- import { F as FButton } from './f-button-4aad092d.js';
3
+ import { F as FButton } from './f-button-9aec1bc5.js';
4
4
  import { F as FButtonStyling } from './f-button-declarations-b1b4cac4.js';
5
5
 
6
6
  /**
@@ -586,7 +586,8 @@ class FiltersRows extends Filters {
586
586
  isUsingGlobalFilter) {
587
587
  for (let i = 0; i < rows.length; i++) {
588
588
  let r = rows[i];
589
- if (this.isRowCompliant(r, filters, globalFilter, isUsingGlobalFilter, columns, columnFilters)) {
589
+ if ((r.id && r.id.indexOf('insert_') > -1) ||
590
+ this.isRowCompliant(r, filters, globalFilter, isUsingGlobalFilter, columns, columnFilters)) {
590
591
  filteredRows[filteredRows.length] = r;
591
592
  }
592
593
  }
@@ -1398,15 +1399,17 @@ function cloneRow(row) {
1398
1399
  if (row == null) {
1399
1400
  return null;
1400
1401
  }
1401
- let cloned = {
1402
- id: row.id,
1403
- cells: Object.assign({}, row.cells),
1404
- actions: row.actions ? [...row.actions] : null,
1405
- group: cloneRowGroup(row.group),
1406
- readOnly: row.readOnly,
1407
- cssClass: row.cssClass,
1408
- };
1409
- return cloned;
1402
+ else {
1403
+ return {
1404
+ id: row.id,
1405
+ cells: Object.assign({}, row.cells),
1406
+ actions: row.actions ? [...row.actions] : null,
1407
+ group: cloneRowGroup(row.group),
1408
+ clonedFrom: row,
1409
+ readOnly: row.readOnly,
1410
+ cssClass: row.cssClass,
1411
+ };
1412
+ }
1410
1413
  }
1411
1414
  function cloneRows(rows) {
1412
1415
  if (rows == null) {
@@ -1,5 +1,5 @@
1
1
  import { h, a as getAssetPath } from './index-a2197376.js';
2
- import { K as KupThemeIconValues } from './kup-manager-07c9ba13.js';
2
+ import { K as KupThemeIconValues } from './kup-manager-12e99c22.js';
3
3
 
4
4
  /*-------------------------------------------------*/
5
5
  /* C o m p o n e n t */
@@ -1,6 +1,6 @@
1
1
  import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host, g as getElement } from './index-a2197376.js';
2
- import { k as kupManagerInstance, g as getProps, s as setProps, b as KupThemeColorValues, K as KupThemeIconValues } from './kup-manager-07c9ba13.js';
3
- import { F as FImage } from './f-image-48a4b032.js';
2
+ import { k as kupManagerInstance, g as getProps, s as setProps, b as KupThemeColorValues, K as KupThemeIconValues } from './kup-manager-12e99c22.js';
3
+ import { F as FImage } from './f-image-52bb5950.js';
4
4
  import { c as componentWrapperId } from './GenericVariables-665de00a.js';
5
5
  import { M as MDCRipple } from './component-b1bedf1d.js';
6
6
  import './tslib.es6-3eea2234.js';