@sme.up/ketchup 7.0.0 → 7.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (107) 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 +82 -23
  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/components/kup-autocomplete2.js +92 -27
  42. package/dist/components/kup-echart2.js +5 -3
  43. package/dist/esm/{f-button-4aad092d.js → f-button-9aec1bc5.js} +1 -1
  44. package/dist/esm/{f-cell-43ca8ab5.js → f-cell-556937d0.js} +4 -4
  45. package/dist/esm/{f-chip-94851217.js → f-chip-677db32a.js} +2 -2
  46. package/dist/esm/{f-image-48a4b032.js → f-image-52bb5950.js} +1 -1
  47. package/dist/esm/{f-paginator-utils-fe00f75c.js → f-paginator-utils-d472e336.js} +15 -12
  48. package/dist/esm/{f-text-field-b6f9ce84.js → f-text-field-88f92118.js} +1 -1
  49. package/dist/esm/kup-accordion.entry.js +2 -2
  50. package/dist/esm/kup-autocomplete_26.entry.js +82 -23
  51. package/dist/esm/kup-box.entry.js +7 -7
  52. package/dist/esm/kup-calendar.entry.js +4 -4
  53. package/dist/esm/kup-cell.entry.js +5 -5
  54. package/dist/esm/kup-dash-list.entry.js +1 -1
  55. package/dist/esm/kup-dash_2.entry.js +1 -1
  56. package/dist/esm/kup-dashboard.entry.js +4 -4
  57. package/dist/esm/kup-drawer.entry.js +1 -1
  58. package/dist/esm/kup-echart.entry.js +6 -4
  59. package/dist/esm/kup-family-tree.entry.js +3 -3
  60. package/dist/esm/kup-iframe.entry.js +1 -1
  61. package/dist/esm/kup-image-list.entry.js +6 -6
  62. package/dist/esm/kup-lazy.entry.js +1 -1
  63. package/dist/esm/kup-magic-box.entry.js +2 -2
  64. package/dist/esm/{kup-manager-07c9ba13.js → kup-manager-12e99c22.js} +4 -1
  65. package/dist/esm/kup-nav-bar.entry.js +1 -1
  66. package/dist/esm/kup-numeric-picker.entry.js +2 -2
  67. package/dist/esm/kup-photo-frame.entry.js +1 -1
  68. package/dist/esm/kup-probe.entry.js +1 -1
  69. package/dist/esm/kup-qlik.entry.js +1 -1
  70. package/dist/esm/kup-snackbar.entry.js +3 -3
  71. package/dist/ketchup/ketchup.esm.js +1 -1
  72. package/dist/ketchup/{p-33429412.entry.js → p-053824eb.entry.js} +1 -1
  73. package/dist/ketchup/{p-122f51a0.entry.js → p-1c371df3.entry.js} +2 -2
  74. package/dist/ketchup/{p-c1a5ed6b.js → p-25617855.js} +1 -1
  75. package/dist/ketchup/{p-e8666a6d.js → p-278188bf.js} +1 -1
  76. package/dist/ketchup/{p-5f7da18e.entry.js → p-3a7a05a7.entry.js} +1 -1
  77. package/dist/ketchup/{p-2935f22d.entry.js → p-4021d751.entry.js} +1 -1
  78. package/dist/ketchup/{p-94e3b109.entry.js → p-485883cb.entry.js} +1 -1
  79. package/dist/ketchup/{p-200c76a8.js → p-4f7302a9.js} +1 -1
  80. package/dist/ketchup/{p-79936744.entry.js → p-52f19c4f.entry.js} +1 -1
  81. package/dist/ketchup/{p-5781af8a.js → p-5483f20e.js} +1 -1
  82. package/dist/ketchup/{p-4c92f0a4.entry.js → p-584369be.entry.js} +1 -1
  83. package/dist/ketchup/{p-69a9af60.entry.js → p-60609877.entry.js} +1 -1
  84. package/dist/ketchup/{p-eab86c09.entry.js → p-6a6c3e69.entry.js} +1 -1
  85. package/dist/ketchup/p-751b5708.js +1 -0
  86. package/dist/ketchup/{p-23f50851.entry.js → p-775e0d34.entry.js} +1 -1
  87. package/dist/ketchup/{p-772f4bb7.entry.js → p-7e013c24.entry.js} +1 -1
  88. package/dist/ketchup/p-85c7a3a4.js +1 -0
  89. package/dist/ketchup/{p-14aec9c8.entry.js → p-88adddcf.entry.js} +1 -1
  90. package/dist/ketchup/{p-02be3dd2.entry.js → p-94290b09.entry.js} +1 -1
  91. package/dist/ketchup/{p-86e4bfad.js → p-9570ebfa.js} +1 -1
  92. package/dist/ketchup/{p-ec2d1c8c.entry.js → p-ac33139e.entry.js} +1 -1
  93. package/dist/ketchup/{p-7134b172.entry.js → p-ad3e7b2b.entry.js} +1 -1
  94. package/dist/ketchup/p-b0f22298.entry.js +9 -0
  95. package/dist/ketchup/{p-be7748e6.entry.js → p-c59e6bc7.entry.js} +1 -1
  96. package/dist/ketchup/{p-9f759d8d.entry.js → p-ce1da4a8.entry.js} +1 -1
  97. package/dist/ketchup/{p-3a55568c.entry.js → p-e0135ce0.entry.js} +1 -1
  98. package/dist/ketchup/{p-ab6c66f7.entry.js → p-e094ebb8.entry.js} +1 -1
  99. package/dist/ketchup/{p-10281712.entry.js → p-f44aba79.entry.js} +1 -1
  100. package/dist/types/components/kup-data-table/kup-data-table-declarations.d.ts +3 -1
  101. package/dist/types/components/kup-data-table/kup-data-table-state.d.ts +1 -1
  102. package/dist/types/components/kup-data-table/kup-data-table.d.ts +4 -0
  103. package/dist/types/components.d.ts +4 -0
  104. package/package.json +1 -1
  105. package/dist/ketchup/p-8f8b5a08.entry.js +0 -9
  106. package/dist/ketchup/p-984a05ff.js +0 -1
  107. package/dist/ketchup/p-e3b85cae.js +0 -1
@@ -1,16 +1,16 @@
1
1
  import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host, g as getElement$1, a as getAssetPath } from './index-a2197376.js';
2
- import { k as kupManagerInstance, g as getProps, s as setProps, K as KupThemeIconValues, a as KupDynamicPositionPlacement, b as KupThemeColorValues, c as KupDebugCategory, F as FCellShapes, d as FCellPadding, e as getMonthsAsStringByLocale, f as KupDatesFormats, D as DateTimeFormatOptionsMonth, h as KupCardBuiltInClockElements, i as KupCardCSSClasses, j as KupLanguageTotals, l as KupLanguageGeneric, m as KupLanguageColumn, n as KupDataNewColumnTypes, o as KupCardSubEvents, p as KupCardIds, q as KupLanguageRow, r as KupCardFamily, t as KupCardProps, u as getColumnByName, v as KupDates, w as formatToNumber, x as KupDatesNormalize, y as KupObjects, z as identify, G as GroupLabelDisplayMode, S as SelectionMode, A as KupLanguageGrouping, B as KupLanguageCheckbox, C as getValueForDisplay2, E as Filters, H as getValueForDisplay, I as KupLanguageSearch, J as FilterInterval, L as LoadMoreMode, P as PaginatorPos, M as ShowGrid, T as TotalLabel, N as TotalMode, O as numberToFormattedStringNumber, Q as kupDynamicPositionAttribute, R as KupPointerEventTypes, U as kupDraggableColumnAttr, V as kupDragActiveAttr, W as KupDragEffect, X as kupDraggableCellAttr, Y as KupDropEventTypes, Z as FixedCellsCSSVarsBase, _ as KupLanguageFontsize, $ as KupLanguageDensity, a0 as KupLanguageGrid, a1 as KupDataTableProps, a2 as FixedCellsClasses, a3 as SortMode, a4 as iconColumn, a5 as keyColumn, a6 as fieldColumn, a7 as FCellTypes, a8 as unformattedStringToFormattedStringNumber, a9 as formattedStringToCustomUnformattedStringTime, aa as isValidFormattedStringTime, ab as formatTime, ac as unformattedStringToFormattedStringTime, ad as addColumnValueFromRow, ae as KupGlobalFilterMode } from './kup-manager-07c9ba13.js';
3
- import { F as FTextField } from './f-text-field-b6f9ce84.js';
2
+ import { k as kupManagerInstance, g as getProps, s as setProps, K as KupThemeIconValues, a as KupDynamicPositionPlacement, b as KupThemeColorValues, c as KupDebugCategory, F as FCellShapes, d as FCellPadding, e as getMonthsAsStringByLocale, f as KupDatesFormats, D as DateTimeFormatOptionsMonth, h as KupCardBuiltInClockElements, i as KupCardCSSClasses, j as KupLanguageTotals, l as KupLanguageGeneric, m as KupLanguageColumn, n as KupDataNewColumnTypes, o as KupCardSubEvents, p as KupCardIds, q as KupLanguageRow, r as KupCardFamily, t as KupCardProps, u as getColumnByName, v as KupDates, w as formatToNumber, x as KupDatesNormalize, y as KupObjects, z as identify, G as GroupLabelDisplayMode, S as SelectionMode, A as KupLanguageGrouping, B as KupLanguageCheckbox, C as getValueForDisplay2, E as Filters, H as getValueForDisplay, I as KupLanguageSearch, J as FilterInterval, L as LoadMoreMode, P as PaginatorPos, M as ShowGrid, T as TotalLabel, N as TotalMode, O as numberToFormattedStringNumber, Q as kupDynamicPositionAttribute, R as KupPointerEventTypes, U as kupDraggableColumnAttr, V as kupDragActiveAttr, W as KupDragEffect, X as kupDraggableCellAttr, Y as KupDropEventTypes, Z as FixedCellsCSSVarsBase, _ as KupLanguageFontsize, $ as KupLanguageDensity, a0 as KupLanguageGrid, a1 as KupDataTableProps, a2 as FixedCellsClasses, a3 as SortMode, a4 as iconColumn, a5 as keyColumn, a6 as fieldColumn, a7 as FCellTypes, a8 as unformattedStringToFormattedStringNumber, a9 as formattedStringToCustomUnformattedStringTime, aa as isValidFormattedStringTime, ab as formatTime, ac as unformattedStringToFormattedStringTime, ad as addColumnValueFromRow, ae as KupGlobalFilterMode } from './kup-manager-12e99c22.js';
3
+ import { F as FTextField } from './f-text-field-88f92118.js';
4
4
  import { F as FTextFieldMDC } from './f-text-field-mdc-d42d3f9e.js';
5
5
  import { c as componentWrapperId } from './GenericVariables-665de00a.js';
6
- import { F as FImage } from './f-image-48a4b032.js';
7
- import { F as FButton } from './f-button-4aad092d.js';
6
+ import { F as FImage } from './f-image-52bb5950.js';
7
+ import { F as FButton } from './f-button-9aec1bc5.js';
8
8
  import { F as FButtonStyling } from './f-button-declarations-b1b4cac4.js';
9
- import { F as FCell, a as FSwitch } from './f-cell-43ca8ab5.js';
10
- import { F as FChipType, a as FChip } from './f-chip-94851217.js';
9
+ import { F as FCell, a as FSwitch } from './f-cell-556937d0.js';
10
+ import { F as FChipType, a as FChip } from './f-chip-677db32a.js';
11
11
  import { M as MDCRipple } from './component-b1bedf1d.js';
12
12
  import { F as FCheckbox } from './f-checkbox-b721178e.js';
13
- import { F as FiltersColumnMenu, a as FiltersRows, c as calcTotals, n as normalizeRows, p as paginateRows, f as filterRows, g as groupRows, s as sortRows, b as FPaginator, d as pageChange, r as rowsPerPageChange, t as treeMainColumnName, K as KupTreeExpansionMode, e as KupTreeProps } from './f-paginator-utils-fe00f75c.js';
13
+ import { F as FiltersColumnMenu, a as FiltersRows, c as calcTotals, n as normalizeRows, p as paginateRows, f as filterRows, g as groupRows, s as sortRows, b as FPaginator, d as pageChange, r as rowsPerPageChange, t as treeMainColumnName, K as KupTreeExpansionMode, e as KupTreeProps } from './f-paginator-utils-d472e336.js';
14
14
  import './tslib.es6-3eea2234.js';
15
15
 
16
16
  /**
@@ -1406,10 +1406,12 @@ function prepareCalendar(component) {
1406
1406
  el.kupData = {};
1407
1407
  const obj = opts.initialValue;
1408
1408
  if (opts.initialValue) {
1409
- if (obj && obj.k)
1409
+ if (obj && obj.k) {
1410
1410
  setValue$2(component, new Date(obj.k));
1411
- else
1411
+ }
1412
+ else {
1412
1413
  setValue$2(component, new Date(opts.initialValue));
1414
+ }
1413
1415
  }
1414
1416
  if (opts.firstDayIndex)
1415
1417
  el.kupData.firstDayIndex = opts.firstDayIndex;
@@ -1470,6 +1472,9 @@ function prepareCalendar(component) {
1470
1472
  h("div", { class: "section-2" }, createCalendar(component))));
1471
1473
  }
1472
1474
  function setValue$2(component, value) {
1475
+ if (!!(value instanceof Date)) {
1476
+ value = new Date();
1477
+ }
1473
1478
  const el = component.rootElement;
1474
1479
  el.kupData.value = value;
1475
1480
  el.kupData.day = el.kupData.value.getDate();
@@ -7274,8 +7279,8 @@ class KupDataTableState {
7274
7279
  this.expandGroups = false;
7275
7280
  this.groupLabelDisplay = GroupLabelDisplayMode.BOTH;
7276
7281
  this.density = 'small';
7277
- this.enableExtraColumns = true;
7278
7282
  this.enableSortableColumns = false;
7283
+ this.enableExtraColumns = true;
7279
7284
  this.forceOneLine = false;
7280
7285
  this.globalFilter = false;
7281
7286
  this.globalFilterValue = '';
@@ -8040,7 +8045,7 @@ class KupColumnMenu {
8040
8045
  }
8041
8046
  }
8042
8047
 
8043
- 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}";
8048
+ 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}";
8044
8049
 
8045
8050
  var __classPrivateFieldGet$1 = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
8046
8051
  if (kind === "a" && !f)
@@ -8075,6 +8080,7 @@ const KupDataTable = class {
8075
8080
  this.kupColumnMove = createEvent(this, "kup-datatable-columnmove", 6);
8076
8081
  this.kupColumnRemove = createEvent(this, "kup-datatable-columnremove", 6);
8077
8082
  this.kupDeleteRow = createEvent(this, "kup-datatable-delete-row", 6);
8083
+ this.kupSave = createEvent(this, "kup-datatable-save", 6);
8078
8084
  this.kupInsertRow = createEvent(this, "kup-datatable-insert-row", 6);
8079
8085
  _KupDataTable_instances.add(this);
8080
8086
  this.state = new KupDataTableState();
@@ -8507,7 +8513,11 @@ const KupDataTable = class {
8507
8513
  for (let index = 0; index < currentRows.length; index++) {
8508
8514
  const row = currentRows[index];
8509
8515
  if (ids.includes(row.id)) {
8510
- deletedRows.push(row);
8516
+ const r = row.clonedFrom ? row.clonedFrom : row;
8517
+ deletedRows.push(r);
8518
+ if (this.selectedRows.includes(row)) {
8519
+ this.selectedRows.splice(this.selectedRows.indexOf(row), 1);
8520
+ }
8511
8521
  }
8512
8522
  else {
8513
8523
  newRows.push(row);
@@ -8596,7 +8606,16 @@ const KupDataTable = class {
8596
8606
  * This method will get the selected rows of the component.
8597
8607
  */
8598
8608
  async getSelectedRows() {
8599
- return this.selectedRows;
8609
+ const selRows = [];
8610
+ this.selectedRows.forEach((row) => {
8611
+ if (row.clonedFrom) {
8612
+ selRows.push(row.clonedFrom);
8613
+ }
8614
+ else {
8615
+ selRows.push(row);
8616
+ }
8617
+ });
8618
+ return selRows;
8600
8619
  }
8601
8620
  /**
8602
8621
  * Hides the given column.
@@ -8674,7 +8693,7 @@ const KupDataTable = class {
8674
8693
  */
8675
8694
  async refresh(recalcRows) {
8676
8695
  if (recalcRows) {
8677
- this.recalculateRowsAndUndoSelections();
8696
+ __classPrivateFieldGet$1(this, _KupDataTable_instances, "m", _KupDataTable_initRows).call(this);
8678
8697
  }
8679
8698
  forceUpdate(this);
8680
8699
  }
@@ -9217,7 +9236,24 @@ const KupDataTable = class {
9217
9236
  if (this.tableHeight !== undefined || this.tableWidth !== undefined) {
9218
9237
  belowClass += ' custom-size';
9219
9238
  }
9220
- const compCreated = (h(Host, null, h("style", null, __classPrivateFieldGet$1(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$1(this, _KupDataTable_kupManager, "f").language.translate(KupLanguageSearch.SEARCH), value: this.globalFilterValue, onInput: (event) => {
9239
+ const autoselectOnAction = (e) => {
9240
+ if (e && e.detail && e.detail.row) {
9241
+ const row = e.detail.row;
9242
+ if (!this.selectedRows.includes(row)) {
9243
+ if (this.selection === SelectionMode.MULTIPLE_CHECKBOX ||
9244
+ this.selection === SelectionMode.MULTIPLE) {
9245
+ this.selectedRows.push(row);
9246
+ }
9247
+ else {
9248
+ this.selectedRows = [row];
9249
+ }
9250
+ }
9251
+ if (e.type === 'kup-cell-input') {
9252
+ this.refresh();
9253
+ }
9254
+ }
9255
+ };
9256
+ const compCreated = (h(Host, { "onKup-cell-input": autoselectOnAction, "onKup-cell-update": autoselectOnAction }, h("style", null, __classPrivateFieldGet$1(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$1(this, _KupDataTable_kupManager, "f").language.translate(KupLanguageSearch.SEARCH), value: this.globalFilterValue, onInput: (event) => {
9221
9257
  const t = event.target;
9222
9258
  window.clearTimeout(__classPrivateFieldGet$1(this, _KupDataTable_globalFilterTimeout, "f"));
9223
9259
  __classPrivateFieldSet$1(this, _KupDataTable_globalFilterTimeout, window.setTimeout(() => __classPrivateFieldGet$1(this, _KupDataTable_instances, "m", _KupDataTable_onGlobalFilterChange).call(this, t), 600, t), "f");
@@ -9239,14 +9275,22 @@ const KupDataTable = class {
9239
9275
  value: '',
9240
9276
  };
9241
9277
  }
9242
- this.data.rows.unshift({
9278
+ const row = {
9243
9279
  cells,
9244
9280
  id: __classPrivateFieldGet$1(this, _KupDataTable_INSERT_PREFIX, "f") +
9245
9281
  __classPrivateFieldGet$1(this, _KupDataTable_insertCount, "f"),
9246
- });
9282
+ };
9283
+ this.data.rows.unshift(row);
9247
9284
  await this.refresh(true);
9248
9285
  }
9249
- }, styling: FButtonStyling.OUTLINED, title: "Insert row", wrapperClass: "insert-button" })) : null, this.showDeleteButton &&
9286
+ }, styling: FButtonStyling.OUTLINED, title: "Insert row", wrapperClass: "insert-button" })) : null, this.insertMode !== '' &&
9287
+ this.selectedRows.length > 0 ? (h(FButton, { icon: "save", onClick: () => {
9288
+ this.kupSave.emit({
9289
+ comp: this,
9290
+ id: this.rootElement.id,
9291
+ selectedRows: this.selectedRows,
9292
+ });
9293
+ }, styling: FButtonStyling.OUTLINED, title: "Save", wrapperClass: "save-button" })) : null, this.showDeleteButton &&
9250
9294
  this.selectedRows.length > 0 ? (h(FButton, { icon: "delete", onClick: () => {
9251
9295
  __classPrivateFieldGet$1(this, _KupDataTable_instances, "m", _KupDataTable_rowsDelete).call(this);
9252
9296
  }, styling: FButtonStyling.OUTLINED, title: "Delete selected rows", wrapperClass: "delete-button" })) : null), h("div", { class: "droparea", ref: (el) => (__classPrivateFieldSet$1(this, _KupDataTable_dropareaRef, el, "f")) }, this.showGroups ? __classPrivateFieldGet$1(this, _KupDataTable_instances, "m", _KupDataTable_columnGroupArea).call(this) : null, this.removableColumns
@@ -9367,12 +9411,27 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
9367
9411
  __classPrivateFieldGet$1(this, _KupDataTable_instances, "m", _KupDataTable_setTransposedData).call(this);
9368
9412
  }
9369
9413
  }, _KupDataTable_getRow = function _KupDataTable_getRow(id) {
9370
- if (typeof id === 'number') {
9371
- return this.data.rows[id];
9414
+ let row = null;
9415
+ const search = (rows) => {
9416
+ if (rows && rows.length > 0 && !row) {
9417
+ test(rows);
9418
+ }
9419
+ };
9420
+ const test = (rows) => {
9421
+ if (typeof id === 'number') {
9422
+ row = rows[id];
9423
+ }
9424
+ else {
9425
+ row = rows.find((row) => row.id === id);
9426
+ }
9427
+ };
9428
+ if (__classPrivateFieldGet$1(this, _KupDataTable_instances, "m", _KupDataTable_isGrouping).call(this) && typeof id === 'string') {
9429
+ __classPrivateFieldGet$1(this, _KupDataTable_paginatedRows, "f").forEach((row) => search(row.group.children));
9372
9430
  }
9373
9431
  else {
9374
- return this.data.rows.find((row) => row.id === id);
9432
+ test(__classPrivateFieldGet$1(this, _KupDataTable_rows, "f"));
9375
9433
  }
9434
+ return row;
9376
9435
  }, _KupDataTable_getTransposedData = function _KupDataTable_getTransposedData(column) {
9377
9436
  if (column) {
9378
9437
  this.filters = {};
@@ -10120,7 +10179,7 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
10120
10179
  this.kupInsertRow.emit({
10121
10180
  comp: this,
10122
10181
  id: this.rootElement.id,
10123
- row: row,
10182
+ selectedRows: [row],
10124
10183
  });
10125
10184
  });
10126
10185
  buttonWrapper.append(cancel);
@@ -12465,7 +12524,7 @@ const KupForm = class {
12465
12524
  if (isGrid) {
12466
12525
  sectionStyle['grid-template-columns'] = `repeat(${section.columns}, 1fr)`;
12467
12526
  }
12468
- 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)))));
12527
+ 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)))));
12469
12528
  }
12470
12529
  renderFormField({ formField, row, visibleColumns, }, section) {
12471
12530
  var _a;
@@ -1,15 +1,15 @@
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, z as identify, g as getProps, s as setProps, u as getColumnByName, l as KupLanguageGeneric, K as KupThemeIconValues, c as KupDebugCategory, R as KupPointerEventTypes, W as KupDragEffect, X as kupDraggableCellAttr, Y as KupDropEventTypes, I as KupLanguageSearch, a3 as SortMode } from './kup-manager-07c9ba13.js';
3
- import { f as filterRows, p as paginateRows, s as sortRows, d as pageChange, r as rowsPerPageChange, h as FPaginatorMode, b as FPaginator } from './f-paginator-utils-fe00f75c.js';
4
- import { F as FImage } from './f-image-48a4b032.js';
5
- import { a as FChip } from './f-chip-94851217.js';
2
+ import { k as kupManagerInstance, z as identify, g as getProps, s as setProps, u as getColumnByName, l as KupLanguageGeneric, K as KupThemeIconValues, c as KupDebugCategory, R as KupPointerEventTypes, W as KupDragEffect, X as kupDraggableCellAttr, Y as KupDropEventTypes, I as KupLanguageSearch, a3 as SortMode } from './kup-manager-12e99c22.js';
3
+ import { f as filterRows, p as paginateRows, s as sortRows, d as pageChange, r as rowsPerPageChange, h as FPaginatorMode, b as FPaginator } from './f-paginator-utils-d472e336.js';
4
+ import { F as FImage } from './f-image-52bb5950.js';
5
+ import { a as FChip } from './f-chip-677db32a.js';
6
6
  import { c as componentWrapperId } from './GenericVariables-665de00a.js';
7
- import { F as FCell } from './f-cell-43ca8ab5.js';
7
+ import { F as FCell } from './f-cell-556937d0.js';
8
8
  import { F as FTextFieldMDC } from './f-text-field-mdc-d42d3f9e.js';
9
- import './f-button-4aad092d.js';
9
+ import './f-button-9aec1bc5.js';
10
10
  import './f-button-declarations-b1b4cac4.js';
11
11
  import './f-checkbox-b721178e.js';
12
- import './f-text-field-b6f9ce84.js';
12
+ import './f-text-field-88f92118.js';
13
13
  import './tslib.es6-3eea2234.js';
14
14
  import './component-b1bedf1d.js';
15
15
 
@@ -1,11 +1,11 @@
1
1
  import { r as registerInstance, c as createEvent, a as getAssetPath, f as forceUpdate, h as h$1, H as Host, g as getElement } from './index-a2197376.js';
2
2
  import { _ as __extends, a as __assign, c as __spreadArray } from './tslib.es6-3eea2234.js';
3
- import { as as createCommonjsModule, at as getDefaultExportFromCjs, k as kupManagerInstance, g as getProps, s as setProps, au as KupDatesLocales, l as KupLanguageGeneric, u as getColumnByName } from './kup-manager-07c9ba13.js';
3
+ import { as as createCommonjsModule, at as getDefaultExportFromCjs, k as kupManagerInstance, g as getProps, s as setProps, au as KupDatesLocales, l as KupLanguageGeneric, u as getColumnByName } from './kup-manager-12e99c22.js';
4
4
  import { c as componentWrapperId } from './GenericVariables-665de00a.js';
5
- import { F as FButton } from './f-button-4aad092d.js';
6
- import { a as FChip, F as FChipType } from './f-chip-94851217.js';
5
+ import { F as FButton } from './f-button-9aec1bc5.js';
6
+ import { a as FChip, F as FChipType } from './f-chip-677db32a.js';
7
7
  import './f-button-declarations-b1b4cac4.js';
8
- import './f-image-48a4b032.js';
8
+ import './f-image-52bb5950.js';
9
9
 
10
10
  var n,l,u$1,t,o,r$1,f$1,e$1={},c$1=[],s=/acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine[ch]|zoo|^ord|itera/i;function a$1(n,l){for(var u in l)n[u]=l[u];return n}function h(n){var l=n.parentNode;l&&l.removeChild(n);}function v$1(l,u,i){var t,o,r,f={};for(r in u)"key"==r?t=u[r]:"ref"==r?o=u[r]:f[r]=u[r];if(arguments.length>2&&(f.children=arguments.length>3?n.call(arguments,2):i),"function"==typeof l&&null!=l.defaultProps)for(r in l.defaultProps)void 0===f[r]&&(f[r]=l.defaultProps[r]);return y(l,f,t,o,null)}function y(n,i,t,o,r){var f={type:n,props:i,key:t,ref:o,__k:null,__:null,__b:0,__e:null,__d:void 0,__c:null,__h:null,constructor:void 0,__v:null==r?++u$1:r};return null==r&&null!=l.vnode&&l.vnode(f),f}function p(){return {current:null}}function d(n){return n.children}function _(n,l){this.props=n,this.context=l;}function k(n,l){if(null==l)return n.__?k(n.__,n.__.__k.indexOf(n)+1):null;for(var u;l<n.__k.length;l++)if(null!=(u=n.__k[l])&&null!=u.__e)return u.__e;return "function"==typeof n.type?k(n):null}function b$1(n){var l,u;if(null!=(n=n.__)&&null!=n.__c){for(n.__e=n.__c.base=null,l=0;l<n.__k.length;l++)if(null!=(u=n.__k[l])&&null!=u.__e){n.__e=n.__c.base=u.__e;break}return b$1(n)}}function m(n){(!n.__d&&(n.__d=!0)&&t.push(n)&&!g$1.__r++||r$1!==l.debounceRendering)&&((r$1=l.debounceRendering)||o)(g$1);}function g$1(){for(var n;g$1.__r=t.length;)n=t.sort(function(n,l){return n.__v.__b-l.__v.__b}),t=[],n.some(function(n){var l,u,i,t,o,r;n.__d&&(o=(t=(l=n).__v).__e,(r=l.__P)&&(u=[],(i=a$1({},t)).__v=t.__v+1,j$2(r,t,i,l.__n,void 0!==r.ownerSVGElement,null!=t.__h?[o]:null,u,null==o?k(t):o,t.__h),z$1(u,t),t.__e!=o&&b$1(t)));});}function w$1(n,l,u,i,t,o,r,f,s,a){var h,v,p,_,b,m,g,w=i&&i.__k||c$1,A=w.length;for(u.__k=[],h=0;h<l.length;h++)if(null!=(_=u.__k[h]=null==(_=l[h])||"boolean"==typeof _?null:"string"==typeof _||"number"==typeof _||"bigint"==typeof _?y(null,_,null,null,_):Array.isArray(_)?y(d,{children:_},null,null,null):_.__b>0?y(_.type,_.props,_.key,null,_.__v):_)){if(_.__=u,_.__b=u.__b+1,null===(p=w[h])||p&&_.key==p.key&&_.type===p.type)w[h]=void 0;else for(v=0;v<A;v++){if((p=w[v])&&_.key==p.key&&_.type===p.type){w[v]=void 0;break}p=null;}j$2(n,_,p=p||e$1,t,o,r,f,s,a),b=_.__e,(v=_.ref)&&p.ref!=v&&(g||(g=[]),p.ref&&g.push(p.ref,null,_),g.push(v,_.__c||b,_)),null!=b?(null==m&&(m=b),"function"==typeof _.type&&_.__k===p.__k?_.__d=s=x$1(_,s,n):s=P$1(n,_,p,w,b,s),"function"==typeof u.type&&(u.__d=s)):s&&p.__e==s&&s.parentNode!=n&&(s=k(p));}for(u.__e=m,h=A;h--;)null!=w[h]&&("function"==typeof u.type&&null!=w[h].__e&&w[h].__e==u.__d&&(u.__d=k(i,h+1)),N(w[h],w[h]));if(g)for(h=0;h<g.length;h++)M$1(g[h],g[++h],g[++h]);}function x$1(n,l,u){for(var i,t=n.__k,o=0;t&&o<t.length;o++)(i=t[o])&&(i.__=n,l="function"==typeof i.type?x$1(i,l,u):P$1(u,i,i,t,i.__e,l));return l}function A$1(n,l){return l=l||[],null==n||"boolean"==typeof n||(Array.isArray(n)?n.some(function(n){A$1(n,l);}):l.push(n)),l}function P$1(n,l,u,i,t,o){var r,f,e;if(void 0!==l.__d)r=l.__d,l.__d=void 0;else if(null==u||t!=o||null==t.parentNode)n:if(null==o||o.parentNode!==n)n.appendChild(t),r=null;else {for(f=o,e=0;(f=f.nextSibling)&&e<i.length;e+=2)if(f==t)break n;n.insertBefore(t,o),r=o;}return void 0!==r?r:t.nextSibling}function C$1(n,l,u,i,t){var o;for(o in u)"children"===o||"key"===o||o in l||H$1(n,o,null,u[o],i);for(o in l)t&&"function"!=typeof l[o]||"children"===o||"key"===o||"value"===o||"checked"===o||u[o]===l[o]||H$1(n,o,l[o],u[o],i);}function $(n,l,u){"-"===l[0]?n.setProperty(l,u):n[l]=null==u?"":"number"!=typeof u||s.test(l)?u:u+"px";}function H$1(n,l,u,i,t){var o;n:if("style"===l)if("string"==typeof u)n.style.cssText=u;else {if("string"==typeof i&&(n.style.cssText=i=""),i)for(l in i)u&&l in u||$(n.style,l,"");if(u)for(l in u)i&&u[l]===i[l]||$(n.style,l,u[l]);}else if("o"===l[0]&&"n"===l[1])o=l!==(l=l.replace(/Capture$/,"")),l=l.toLowerCase()in n?l.toLowerCase().slice(2):l.slice(2),n.l||(n.l={}),n.l[l+o]=u,u?i||n.addEventListener(l,o?T$1:I$1,o):n.removeEventListener(l,o?T$1:I$1,o);else if("dangerouslySetInnerHTML"!==l){if(t)l=l.replace(/xlink(H|:h)/,"h").replace(/sName$/,"s");else if("href"!==l&&"list"!==l&&"form"!==l&&"tabIndex"!==l&&"download"!==l&&l in n)try{n[l]=null==u?"":u;break n}catch(n){}"function"==typeof u||(null!=u&&(!1!==u||"a"===l[0]&&"r"===l[1])?n.setAttribute(l,u):n.removeAttribute(l));}}function I$1(n){this.l[n.type+!1](l.event?l.event(n):n);}function T$1(n){this.l[n.type+!0](l.event?l.event(n):n);}function j$2(n,u,i,t,o,r,f,e,c){var s,h,v,y,p,k,b,m,g,x,A,P=u.type;if(void 0!==u.constructor)return null;null!=i.__h&&(c=i.__h,e=u.__e=i.__e,u.__h=null,r=[e]),(s=l.__b)&&s(u);try{n:if("function"==typeof P){if(m=u.props,g=(s=P.contextType)&&t[s.__c],x=s?g?g.props.value:s.__:t,i.__c?b=(h=u.__c=i.__c).__=h.__E:("prototype"in P&&P.prototype.render?u.__c=h=new P(m,x):(u.__c=h=new _(m,x),h.constructor=P,h.render=O$1),g&&g.sub(h),h.props=m,h.state||(h.state={}),h.context=x,h.__n=t,v=h.__d=!0,h.__h=[]),null==h.__s&&(h.__s=h.state),null!=P.getDerivedStateFromProps&&(h.__s==h.state&&(h.__s=a$1({},h.__s)),a$1(h.__s,P.getDerivedStateFromProps(m,h.__s))),y=h.props,p=h.state,v)null==P.getDerivedStateFromProps&&null!=h.componentWillMount&&h.componentWillMount(),null!=h.componentDidMount&&h.__h.push(h.componentDidMount);else {if(null==P.getDerivedStateFromProps&&m!==y&&null!=h.componentWillReceiveProps&&h.componentWillReceiveProps(m,x),!h.__e&&null!=h.shouldComponentUpdate&&!1===h.shouldComponentUpdate(m,h.__s,x)||u.__v===i.__v){h.props=m,h.state=h.__s,u.__v!==i.__v&&(h.__d=!1),h.__v=u,u.__e=i.__e,u.__k=i.__k,u.__k.forEach(function(n){n&&(n.__=u);}),h.__h.length&&f.push(h);break n}null!=h.componentWillUpdate&&h.componentWillUpdate(m,h.__s,x),null!=h.componentDidUpdate&&h.__h.push(function(){h.componentDidUpdate(y,p,k);});}h.context=x,h.props=m,h.state=h.__s,(s=l.__r)&&s(u),h.__d=!1,h.__v=u,h.__P=n,s=h.render(h.props,h.state,h.context),h.state=h.__s,null!=h.getChildContext&&(t=a$1(a$1({},t),h.getChildContext())),v||null==h.getSnapshotBeforeUpdate||(k=h.getSnapshotBeforeUpdate(y,p)),A=null!=s&&s.type===d&&null==s.key?s.props.children:s,w$1(n,Array.isArray(A)?A:[A],u,i,t,o,r,f,e,c),h.base=u.__e,u.__h=null,h.__h.length&&f.push(h),b&&(h.__E=h.__=null),h.__e=!1;}else null==r&&u.__v===i.__v?(u.__k=i.__k,u.__e=i.__e):u.__e=L$1(i.__e,u,i,t,o,r,f,c);(s=l.diffed)&&s(u);}catch(n){u.__v=null,(c||null!=r)&&(u.__e=e,u.__h=!!c,r[r.indexOf(e)]=null),l.__e(n,u,i);}}function z$1(n,u){l.__c&&l.__c(u,n),n.some(function(u){try{n=u.__h,u.__h=[],n.some(function(n){n.call(u);});}catch(n){l.__e(n,u.__v);}});}function L$1(l,u,i,t,o,r,f,c){var s,a,v,y=i.props,p=u.props,d=u.type,_=0;if("svg"===d&&(o=!0),null!=r)for(;_<r.length;_++)if((s=r[_])&&"setAttribute"in s==!!d&&(d?s.localName===d:3===s.nodeType)){l=s,r[_]=null;break}if(null==l){if(null===d)return document.createTextNode(p);l=o?document.createElementNS("http://www.w3.org/2000/svg",d):document.createElement(d,p.is&&p),r=null,c=!1;}if(null===d)y===p||c&&l.data===p||(l.data=p);else {if(r=r&&n.call(l.childNodes),a=(y=i.props||e$1).dangerouslySetInnerHTML,v=p.dangerouslySetInnerHTML,!c){if(null!=r)for(y={},_=0;_<l.attributes.length;_++)y[l.attributes[_].name]=l.attributes[_].value;(v||a)&&(v&&(a&&v.__html==a.__html||v.__html===l.innerHTML)||(l.innerHTML=v&&v.__html||""));}if(C$1(l,p,y,o,c),v)u.__k=[];else if(_=u.props.children,w$1(l,Array.isArray(_)?_:[_],u,i,t,o&&"foreignObject"!==d,r,f,r?r[0]:i.__k&&k(i,0),c),null!=r)for(_=r.length;_--;)null!=r[_]&&h(r[_]);c||("value"in p&&void 0!==(_=p.value)&&(_!==l.value||"progress"===d&&!_||"option"===d&&_!==y.value)&&H$1(l,"value",_,y.value,!1),"checked"in p&&void 0!==(_=p.checked)&&_!==l.checked&&H$1(l,"checked",_,y.checked,!1));}return l}function M$1(n,u,i){try{"function"==typeof n?n(u):n.current=u;}catch(n){l.__e(n,i);}}function N(n,u,i){var t,o;if(l.unmount&&l.unmount(n),(t=n.ref)&&(t.current&&t.current!==n.__e||M$1(t,null,u)),null!=(t=n.__c)){if(t.componentWillUnmount)try{t.componentWillUnmount();}catch(n){l.__e(n,u);}t.base=t.__P=null;}if(t=n.__k)for(o=0;o<t.length;o++)t[o]&&N(t[o],u,"function"!=typeof n.type);i||null==n.__e||h(n.__e),n.__e=n.__d=void 0;}function O$1(n,l,u){return this.constructor(n,u)}function S$1(u,i,t){var o,r,f;l.__&&l.__(u,i),r=(o="function"==typeof t)?null:t&&t.__k||i.__k,f=[],j$2(i,u=(!o&&t||i).__k=v$1(d,null,[u]),r||e$1,e$1,void 0!==i.ownerSVGElement,!o&&t?[t]:r?null:i.firstChild?n.call(i.childNodes):null,f,!o&&t?t:r?r.__e:i.firstChild,o),z$1(f,u);}function D$1(n,l){var u={__c:l="__cC"+f$1++,__:n,Consumer:function(n,l){return n.children(l)},Provider:function(n){var u,i;return this.getChildContext||(u=[],(i={})[l]=this,this.getChildContext=function(){return i},this.shouldComponentUpdate=function(n){this.props.value!==n.value&&u.some(m);},this.sub=function(n){u.push(n);var l=n.componentWillUnmount;n.componentWillUnmount=function(){u.splice(u.indexOf(n),1),l&&l.call(n);};}),n.children}};return u.Provider.__=u.Consumer.contextType=u}n=c$1.slice,l={__e:function(n,l,u,i){for(var t,o,r;l=l.__;)if((t=l.__c)&&!t.__)try{if((o=t.constructor)&&null!=o.getDerivedStateFromError&&(t.setState(o.getDerivedStateFromError(n)),r=t.__d),null!=t.componentDidCatch&&(t.componentDidCatch(n,i||{}),r=t.__d),r)return t.__E=t}catch(l){n=l;}throw n}},u$1=0,_.prototype.setState=function(n,l){var u;u=null!=this.__s&&this.__s!==this.state?this.__s:this.__s=a$1({},this.state),"function"==typeof n&&(n=n(a$1({},u),this.props)),n&&a$1(u,n),null!=n&&this.__v&&(l&&this.__h.push(l),m(this));},_.prototype.forceUpdate=function(n){this.__v&&(this.__e=!0,n&&this.__h.push(n),m(this));},_.prototype.render=d,t=[],o="function"==typeof Promise?Promise.prototype.then.bind(Promise.resolve()):setTimeout,g$1.__r=0,f$1=0;
11
11
 
@@ -1,11 +1,11 @@
1
1
  import { r as registerInstance, f as forceUpdate, h, H as Host, g as getElement } from './index-a2197376.js';
2
- import { k as kupManagerInstance, d as FCellPadding, g as getProps, s as setProps, W as KupDragEffect, l as KupLanguageGeneric } from './kup-manager-07c9ba13.js';
2
+ import { k as kupManagerInstance, d as FCellPadding, g as getProps, s as setProps, W as KupDragEffect, l as KupLanguageGeneric } from './kup-manager-12e99c22.js';
3
3
  import { c as componentWrapperId } from './GenericVariables-665de00a.js';
4
- import { F as FCell } from './f-cell-43ca8ab5.js';
4
+ import { F as FCell } from './f-cell-556937d0.js';
5
5
  import './f-checkbox-b721178e.js';
6
- import './f-text-field-b6f9ce84.js';
7
- import './f-image-48a4b032.js';
8
- import './f-chip-94851217.js';
6
+ import './f-text-field-88f92118.js';
7
+ import './f-image-52bb5950.js';
8
+ import './f-chip-677db32a.js';
9
9
 
10
10
  /**
11
11
  * Props of the kup-cell component.
@@ -1,5 +1,5 @@
1
1
  import { r as registerInstance, c as createEvent, h } from './index-a2197376.js';
2
- import { k as kupManagerInstance, af as getCellValueForDisplay, av as getDecimalSeparator } from './kup-manager-07c9ba13.js';
2
+ import { k as kupManagerInstance, af as getCellValueForDisplay, av as getDecimalSeparator } from './kup-manager-12e99c22.js';
3
3
 
4
4
  const kupDashListCss = ".horizontal{display:inline-block;min-width:300px;max-width:100%;overflow:visible;white-space:nowrap;border:solid;border-width:1px;margin:2px}";
5
5
 
@@ -1,5 +1,5 @@
1
1
  import { r as registerInstance, c as createEvent, h, g as getElement, f as forceUpdate, H as Host } from './index-a2197376.js';
2
- import { k as kupManagerInstance, g as getProps, s as setProps, c as KupDebugCategory } from './kup-manager-07c9ba13.js';
2
+ import { k as kupManagerInstance, g as getProps, s as setProps, c as KupDebugCategory } from './kup-manager-12e99c22.js';
3
3
  import { c as componentWrapperId } from './GenericVariables-665de00a.js';
4
4
 
5
5
  const kupDashCss = "#dash{color:var(--kup-text-color);font-size:2vw;display:flex;align-items:center;justify-content:center;position:relative;text-align:center;position:relative;word-break:normal}#dash.with-dyn{cursor:pointer}#dash #content .icon{margin:auto;font-size:90%}#dash #content.layout-1,#dash #content.layout-3{text-align:center}#dash #content.layout-1 .descr,#dash #content.layout-3 .descr{font-size:70%;width:100%}#dash #content.layout-1 .value,#dash #content.layout-3 .value{font-size:220%}#dash #content.layout-2>div{display:flex}#dash #content.layout-2>div .icon{margin:auto;font-size:150%;margin-right:5%}#dash #content.layout-2>div .value-int{font-size:250%}#dash #content.layout-2>div .value-dec,#dash #content.layout-2>div .unit{font-size:130%;margin-top:auto;margin-bottom:7%}#dash #content.layout-2>div .value-dec{margin-left:2%}#dash #content.layout-2>div .unit{margin-left:4%}#dash #content.layout-4>div{display:grid;grid-template-columns:2fr 5fr}#dash #content.layout-4>div .icon{margin:auto;font-size:150%;margin-right:5%}#dash #content.layout-4>div .value-and-unit{display:flex}#dash #content.layout-4>div .value-and-unit .value-int{font-size:250%}#dash #content.layout-4>div .value-and-unit .value-dec,#dash #content.layout-4>div .value-and-unit .unit{font-size:130%;margin-top:auto;margin-bottom:7%}#dash #content.layout-4>div .value-and-unit .value-dec{margin-left:2%}#dash #content.layout-4>div .value-and-unit .unit{margin-left:4%}#dash #content.layout-4>div .descr{margin-left:4%;text-align:left;font-size:80%;width:100%;min-width:max-content}#dash #content.layout-5>div,#dash #content.layout-7>div{display:flex}#dash #content.layout-5>div .icon,#dash #content.layout-7>div .icon{font-size:150%;margin:auto;margin-left:10%}#dash #content.layout-5>div .value,#dash #content.layout-7>div .value{font-size:200%}#dash #content.layout-5>div .descr,#dash #content.layout-7>div .descr{text-align:right;font-size:65%;width:100%;min-width:max-content}#dash #content.layout-6>div{display:flex;justify-content:space-between}#dash #content.layout-6>div .icon{font-size:150%;margin-right:10%}#dash #content.layout-6>div .value{font-size:220%;text-align:right}#dash #content.layout-6>div .descr{font-size:80%;text-align:right;width:100%;min-width:max-content}#dash #content.layout-8>div{display:flex;align-items:center}#dash #content.layout-8>div .icon{margin-right:4%;font-size:75%}#dash #content.layout-8>div .value{margin:0 10%;font-size:250%}#dash #content.layout-8>div .descr{font-size:60%;text-align:left}";
@@ -1,12 +1,12 @@
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 { F as FButton } from './f-button-4aad092d.js';
2
+ import { F as FButton } from './f-button-9aec1bc5.js';
3
3
  import { F as FCheckbox } from './f-checkbox-b721178e.js';
4
- import { F as FTextField } from './f-text-field-b6f9ce84.js';
4
+ import { F as FTextField } from './f-text-field-88f92118.js';
5
5
  import { F as FTextFieldMDC } from './f-text-field-mdc-d42d3f9e.js';
6
- import { k as kupManagerInstance, g as getProps, s as setProps, aw as KupLanguageDashboard, l as KupLanguageGeneric, W as KupDragEffect, c as KupDebugCategory } from './kup-manager-07c9ba13.js';
6
+ import { k as kupManagerInstance, g as getProps, s as setProps, aw as KupLanguageDashboard, l as KupLanguageGeneric, W as KupDragEffect, c as KupDebugCategory } from './kup-manager-12e99c22.js';
7
7
  import { c as componentWrapperId } from './GenericVariables-665de00a.js';
8
8
  import './f-button-declarations-b1b4cac4.js';
9
- import './f-image-48a4b032.js';
9
+ import './f-image-52bb5950.js';
10
10
  import './tslib.es6-3eea2234.js';
11
11
  import './component-b1bedf1d.js';
12
12
 
@@ -1,5 +1,5 @@
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 } from './kup-manager-07c9ba13.js';
2
+ import { k as kupManagerInstance, g as getProps, s as setProps } from './kup-manager-12e99c22.js';
3
3
  import { c as componentWrapperId } from './GenericVariables-665de00a.js';
4
4
 
5
5
  const drawerClass = 'drawer';
@@ -1,5 +1,5 @@
1
1
  import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host, g as getElement, a as getAssetPath } from './index-a2197376.js';
2
- import { k as kupManagerInstance, g as getProps, s as setProps, c as KupDebugCategory, b as KupThemeColorValues, n as KupDataNewColumnTypes, u as getColumnByName } from './kup-manager-07c9ba13.js';
2
+ import { k as kupManagerInstance, g as getProps, s as setProps, c as KupDebugCategory, b as KupThemeColorValues, n as KupDataNewColumnTypes, u as getColumnByName } from './kup-manager-12e99c22.js';
3
3
  import { c as componentWrapperId } from './GenericVariables-665de00a.js';
4
4
 
5
5
  /*! *****************************************************************************
@@ -93678,11 +93678,13 @@ _KupEchart_chartContainer = new WeakMap(), _KupEchart_chartEl = new WeakMap(), _
93678
93678
  let objKey;
93679
93679
  if (this.axis) {
93680
93680
  for (const row of this.data.rows) {
93681
- objKey = row.cells[this.axis].value;
93682
- y[objKey] = [];
93681
+ objKey = row.cells[this.axis].value.trim();
93682
+ if (!y[objKey]) {
93683
+ y[objKey] = [];
93684
+ }
93683
93685
  for (const key of Object.keys(row.cells)) {
93684
93686
  const cell = row.cells[key];
93685
- const value = cell.value;
93687
+ const value = cell.value.trim();
93686
93688
  if (!this.axis.includes(key)) {
93687
93689
  if (this.series &&
93688
93690
  this.series.length > 0 &&
@@ -1,8 +1,8 @@
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 { F as FButton } from './f-button-4aad092d.js';
2
+ import { F as FButton } from './f-button-9aec1bc5.js';
3
3
  import { F as FButtonStyling } from './f-button-declarations-b1b4cac4.js';
4
- import { F as FImage } from './f-image-48a4b032.js';
5
- import { k as kupManagerInstance, g as getProps, s as setProps, l as KupLanguageGeneric, R as KupPointerEventTypes } from './kup-manager-07c9ba13.js';
4
+ import { F as FImage } from './f-image-52bb5950.js';
5
+ import { k as kupManagerInstance, g as getProps, s as setProps, l as KupLanguageGeneric, R as KupPointerEventTypes } from './kup-manager-12e99c22.js';
6
6
  import { c as componentWrapperId } from './GenericVariables-665de00a.js';
7
7
 
8
8
  /**
@@ -1,5 +1,5 @@
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, c as KupDebugCategory } from './kup-manager-07c9ba13.js';
2
+ import { k as kupManagerInstance, g as getProps, s as setProps, c as KupDebugCategory } from './kup-manager-12e99c22.js';
3
3
 
4
4
  /**
5
5
  * Props of the kup-iframe component.
@@ -1,14 +1,14 @@
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, l as KupLanguageGeneric, d as FCellPadding } from './kup-manager-07c9ba13.js';
2
+ import { k as kupManagerInstance, g as getProps, s as setProps, l as KupLanguageGeneric, d as FCellPadding } from './kup-manager-12e99c22.js';
3
3
  import { c as componentWrapperId } from './GenericVariables-665de00a.js';
4
- import { F as FImage } from './f-image-48a4b032.js';
5
- import { F as FButton } from './f-button-4aad092d.js';
4
+ import { F as FImage } from './f-image-52bb5950.js';
5
+ import { F as FButton } from './f-button-9aec1bc5.js';
6
6
  import { F as FButtonStyling } from './f-button-declarations-b1b4cac4.js';
7
- import { F as FCell } from './f-cell-43ca8ab5.js';
7
+ import { F as FCell } from './f-cell-556937d0.js';
8
8
  import { M as MDCRipple } from './component-b1bedf1d.js';
9
9
  import './f-checkbox-b721178e.js';
10
- import './f-text-field-b6f9ce84.js';
11
- import './f-chip-94851217.js';
10
+ import './f-text-field-88f92118.js';
11
+ import './f-chip-677db32a.js';
12
12
  import './tslib.es6-3eea2234.js';
13
13
 
14
14
  /**
@@ -1,5 +1,5 @@
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 } from './kup-manager-07c9ba13.js';
2
+ import { k as kupManagerInstance, g as getProps, s as setProps } from './kup-manager-12e99c22.js';
3
3
  import { c as componentWrapperId } from './GenericVariables-665de00a.js';
4
4
 
5
5
  /**
@@ -1,7 +1,7 @@
1
1
  import { r as registerInstance, 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, l as KupLanguageGeneric, c as KupDebugCategory, ax as kupDropEvent, U as kupDraggableColumnAttr, ay as kupDraggableRowAttr, Y as KupDropEventTypes, b as KupThemeColorValues } from './kup-manager-07c9ba13.js';
2
+ import { k as kupManagerInstance, g as getProps, s as setProps, l as KupLanguageGeneric, c as KupDebugCategory, ax as kupDropEvent, U as kupDraggableColumnAttr, ay as kupDraggableRowAttr, Y as KupDropEventTypes, b as KupThemeColorValues } from './kup-manager-12e99c22.js';
3
3
  import { F as FButtonStyling } from './f-button-declarations-b1b4cac4.js';
4
- import { F as FImage } from './f-image-48a4b032.js';
4
+ import { F as FImage } from './f-image-52bb5950.js';
5
5
  import { c as componentWrapperId } from './GenericVariables-665de00a.js';
6
6
 
7
7
  /**
@@ -5770,6 +5770,7 @@ var KupDataTableProps;
5770
5770
  KupDataTableProps["rowsPerPage"] = "Sets the number of rows per page to display.";
5771
5771
  KupDataTableProps["scrollOnHover"] = "Activates the scroll on hover function.";
5772
5772
  KupDataTableProps["showCustomization"] = "If set to true, displays the button to open the customization panel.";
5773
+ KupDataTableProps["selection"] = "Set the type of the rows selection.";
5773
5774
  KupDataTableProps["showDeleteButton"] = "Enables the delete row button.";
5774
5775
  KupDataTableProps["showFilters"] = "When set to true enables the column filters.";
5775
5776
  KupDataTableProps["showFooter"] = "When set to true shows the footer.";
@@ -7742,7 +7743,9 @@ class KupData {
7742
7743
  }
7743
7744
  }
7744
7745
  }
7745
- else if (value === cell.value) {
7746
+ else if (value &&
7747
+ cell.value &&
7748
+ value.trim() === cell.value.trim()) {
7746
7749
  result.cells.push(cell);
7747
7750
  result.rows.push(row);
7748
7751
  }
@@ -1,5 +1,5 @@
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 } from './kup-manager-07c9ba13.js';
2
+ import { k as kupManagerInstance, g as getProps, s as setProps } from './kup-manager-12e99c22.js';
3
3
  import { c as componentWrapperId } from './GenericVariables-665de00a.js';
4
4
 
5
5
  const navbarClass = 'nav-bar';
@@ -1,7 +1,7 @@
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, a as KupDynamicPositionPlacement, r as KupCardFamily } from './kup-manager-07c9ba13.js';
2
+ import { k as kupManagerInstance, a as KupDynamicPositionPlacement, r as KupCardFamily } from './kup-manager-12e99c22.js';
3
3
  import { c as componentWrapperId } from './GenericVariables-665de00a.js';
4
- import { F as FTextField } from './f-text-field-b6f9ce84.js';
4
+ import { F as FTextField } from './f-text-field-88f92118.js';
5
5
  import { F as FTextFieldMDC } from './f-text-field-mdc-d42d3f9e.js';
6
6
  import './tslib.es6-3eea2234.js';
7
7
  import './component-b1bedf1d.js';
@@ -1,5 +1,5 @@
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 } from './kup-manager-07c9ba13.js';
2
+ import { k as kupManagerInstance, g as getProps, s as setProps } from './kup-manager-12e99c22.js';
3
3
  import { c as componentWrapperId } from './GenericVariables-665de00a.js';
4
4
 
5
5
  /**
@@ -1,5 +1,5 @@
1
1
  import { r as registerInstance, f as forceUpdate, h, H as Host, g as getElement } from './index-a2197376.js';
2
- import { k as kupManagerInstance } from './kup-manager-07c9ba13.js';
2
+ import { k as kupManagerInstance } from './kup-manager-12e99c22.js';
3
3
  import { c as componentWrapperId } from './GenericVariables-665de00a.js';
4
4
 
5
5
  const KupProbe = class {
@@ -1,5 +1,5 @@
1
1
  import { r as registerInstance, h, g as getElement } from './index-a2197376.js';
2
- import { k as kupManagerInstance } from './kup-manager-07c9ba13.js';
2
+ import { k as kupManagerInstance } from './kup-manager-12e99c22.js';
3
3
 
4
4
  const kupQlikCss = ".kup-qlik-container-fluid{width:100%}.kup-qlik-container{width:100%}@media (min-width: 576px){.kup-qlik-container{width:576px}.kup-qlik-row>.qvobject{flex:0 0 auto;min-width:100px;margin:0px auto 5px auto}}@media (min-width: 768px){.kup-qlik-container{width:768px}.kup-qlik-row>.qvobject{flex:0 0 auto;min-width:100px;margin:0px auto 5px auto}}@media (min-width: 992px){.kup-qlik-container{width:992px}.kup-qlik-row>.qvobject{flex:0 0 auto;min-width:100px;margin:0px auto 5px auto}}@media (min-width: 1200px){.kup-qlik-container{width:1200px}.kup-qlik-row>.qvobject{flex:0 0 auto;min-width:100px;margin:0px auto 5px auto}}.kup-qlik-row{display:flex;display:ms-flexbox;flex-wrap:wrap;-ms-flex-wrap:wrap;margin-bottom:5px}.kup-qlik-row .size-M{height:var(--lyo_obj-height)}.kup-qlik-row .size-S{height:calc(var(--lyo_obj-height)/2)}.kup-qlik-row .size-XS{height:calc(var(--lyo_obj-height)/3)}.kup-qlik-row .size-L{height:calc(var(--lyo_obj-height)*2)}.kup-qlik-row .size-XL{height:calc(var(--lyo_obj-height)*3)}.kup-qlik-row .bordered{border:1px solid var(--kup-border-color, #969696)}.kup-qlik-row .width-1{width:8.3333%}.kup-qlik-row .width-2{width:16.6666%}.kup-qlik-row .width-3{width:25%}.kup-qlik-row .width-4{width:33.3333%}.kup-qlik-row .width-5{width:41.6666%}.kup-qlik-row .width-6{width:50%}.kup-qlik-row .width-7{width:58.3333%}.kup-qlik-row .width-8{width:66.6666%}.kup-qlik-row .width-9{width:75%}.kup-qlik-row .width-10{width:83.3333%}.kup-qlik-row .width-11{width:91.6666%}.kup-qlik-row .width-12{width:100%}";
5
5
 
@@ -1,9 +1,9 @@
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 } from './kup-manager-07c9ba13.js';
2
+ import { k as kupManagerInstance, g as getProps, s as setProps } from './kup-manager-12e99c22.js';
3
3
  import { c as componentWrapperId } from './GenericVariables-665de00a.js';
4
- import { F as FButton } from './f-button-4aad092d.js';
4
+ import { F as FButton } from './f-button-9aec1bc5.js';
5
5
  import './f-button-declarations-b1b4cac4.js';
6
- import './f-image-48a4b032.js';
6
+ import './f-image-52bb5950.js';
7
7
 
8
8
  const snackbarClass = 'snackbar';
9
9
  /**