@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.
- package/dist/cjs/{f-button-293afb08.js → f-button-40953600.js} +1 -1
- package/dist/cjs/{f-cell-06b323ca.js → f-cell-e603ae4f.js} +4 -4
- package/dist/cjs/{f-chip-1c944c07.js → f-chip-01efabde.js} +2 -2
- package/dist/cjs/{f-image-bfb4e4c9.js → f-image-f741cb4c.js} +1 -1
- package/dist/cjs/{f-paginator-utils-c9560cfd.js → f-paginator-utils-35a6a848.js} +15 -12
- package/dist/cjs/{f-text-field-e99c5a26.js → f-text-field-60a2f24c.js} +1 -1
- package/dist/cjs/kup-accordion.cjs.entry.js +2 -2
- package/dist/cjs/kup-autocomplete_26.cjs.entry.js +88 -26
- package/dist/cjs/kup-box.cjs.entry.js +7 -7
- package/dist/cjs/kup-calendar.cjs.entry.js +4 -4
- package/dist/cjs/kup-cell.cjs.entry.js +5 -5
- package/dist/cjs/kup-dash-list.cjs.entry.js +1 -1
- package/dist/cjs/kup-dash_2.cjs.entry.js +1 -1
- package/dist/cjs/kup-dashboard.cjs.entry.js +4 -4
- package/dist/cjs/kup-drawer.cjs.entry.js +1 -1
- package/dist/cjs/kup-echart.cjs.entry.js +6 -4
- package/dist/cjs/kup-family-tree.cjs.entry.js +3 -3
- package/dist/cjs/kup-iframe.cjs.entry.js +1 -1
- package/dist/cjs/kup-image-list.cjs.entry.js +6 -6
- package/dist/cjs/kup-lazy.cjs.entry.js +1 -1
- package/dist/cjs/kup-magic-box.cjs.entry.js +2 -2
- package/dist/cjs/{kup-manager-1e882e61.js → kup-manager-6f05ebe1.js} +4 -1
- package/dist/cjs/kup-nav-bar.cjs.entry.js +1 -1
- package/dist/cjs/kup-numeric-picker.cjs.entry.js +2 -2
- package/dist/cjs/kup-photo-frame.cjs.entry.js +1 -1
- package/dist/cjs/kup-probe.cjs.entry.js +1 -1
- package/dist/cjs/kup-qlik.cjs.entry.js +1 -1
- package/dist/cjs/kup-snackbar.cjs.entry.js +3 -3
- package/dist/collection/assets/data-table.js +0 -44
- package/dist/collection/components/kup-card/built-in/kup-card-calendar.js +7 -2
- package/dist/collection/components/kup-data-table/kup-data-table-declarations.js +1 -0
- package/dist/collection/components/kup-data-table/kup-data-table-helper.js +11 -9
- package/dist/collection/components/kup-data-table/kup-data-table-state.js +1 -1
- package/dist/collection/components/kup-data-table/kup-data-table.css +2 -1
- package/dist/collection/components/kup-data-table/kup-data-table.js +84 -11
- package/dist/collection/components/kup-echart/kup-echart.js +5 -3
- package/dist/collection/components/kup-form/kup-form.js +1 -1
- package/dist/collection/f-components/f-button/f-button.js +0 -1
- package/dist/collection/managers/kup-data/kup-data.js +3 -1
- package/dist/collection/utils/filters/filters-rows.js +2 -1
- package/dist/collection/utils/kup-column-menu/kup-column-menu.js +6 -3
- package/dist/components/kup-autocomplete2.js +98 -30
- package/dist/components/kup-echart2.js +5 -3
- package/dist/esm/{f-button-4aad092d.js → f-button-9aec1bc5.js} +1 -1
- package/dist/esm/{f-cell-43ca8ab5.js → f-cell-556937d0.js} +4 -4
- package/dist/esm/{f-chip-94851217.js → f-chip-677db32a.js} +2 -2
- package/dist/esm/{f-image-48a4b032.js → f-image-52bb5950.js} +1 -1
- package/dist/esm/{f-paginator-utils-fe00f75c.js → f-paginator-utils-d472e336.js} +15 -12
- package/dist/esm/{f-text-field-b6f9ce84.js → f-text-field-88f92118.js} +1 -1
- package/dist/esm/kup-accordion.entry.js +2 -2
- package/dist/esm/kup-autocomplete_26.entry.js +88 -26
- package/dist/esm/kup-box.entry.js +7 -7
- package/dist/esm/kup-calendar.entry.js +4 -4
- package/dist/esm/kup-cell.entry.js +5 -5
- package/dist/esm/kup-dash-list.entry.js +1 -1
- package/dist/esm/kup-dash_2.entry.js +1 -1
- package/dist/esm/kup-dashboard.entry.js +4 -4
- package/dist/esm/kup-drawer.entry.js +1 -1
- package/dist/esm/kup-echart.entry.js +6 -4
- package/dist/esm/kup-family-tree.entry.js +3 -3
- package/dist/esm/kup-iframe.entry.js +1 -1
- package/dist/esm/kup-image-list.entry.js +6 -6
- package/dist/esm/kup-lazy.entry.js +1 -1
- package/dist/esm/kup-magic-box.entry.js +2 -2
- package/dist/esm/{kup-manager-07c9ba13.js → kup-manager-12e99c22.js} +4 -1
- package/dist/esm/kup-nav-bar.entry.js +1 -1
- package/dist/esm/kup-numeric-picker.entry.js +2 -2
- package/dist/esm/kup-photo-frame.entry.js +1 -1
- package/dist/esm/kup-probe.entry.js +1 -1
- package/dist/esm/kup-qlik.entry.js +1 -1
- package/dist/esm/kup-snackbar.entry.js +3 -3
- package/dist/ketchup/ketchup.esm.js +1 -1
- package/dist/ketchup/{p-33429412.entry.js → p-053824eb.entry.js} +1 -1
- package/dist/ketchup/{p-122f51a0.entry.js → p-1c371df3.entry.js} +2 -2
- package/dist/ketchup/{p-c1a5ed6b.js → p-25617855.js} +1 -1
- package/dist/ketchup/{p-e8666a6d.js → p-278188bf.js} +1 -1
- package/dist/ketchup/{p-5f7da18e.entry.js → p-3a7a05a7.entry.js} +1 -1
- package/dist/ketchup/{p-2935f22d.entry.js → p-4021d751.entry.js} +1 -1
- package/dist/ketchup/{p-94e3b109.entry.js → p-485883cb.entry.js} +1 -1
- package/dist/ketchup/{p-200c76a8.js → p-4f7302a9.js} +1 -1
- package/dist/ketchup/{p-79936744.entry.js → p-52f19c4f.entry.js} +1 -1
- package/dist/ketchup/{p-5781af8a.js → p-5483f20e.js} +1 -1
- package/dist/ketchup/{p-4c92f0a4.entry.js → p-584369be.entry.js} +1 -1
- package/dist/ketchup/{p-69a9af60.entry.js → p-60609877.entry.js} +1 -1
- package/dist/ketchup/{p-eab86c09.entry.js → p-6a6c3e69.entry.js} +1 -1
- package/dist/ketchup/p-751b5708.js +1 -0
- package/dist/ketchup/{p-23f50851.entry.js → p-775e0d34.entry.js} +1 -1
- package/dist/ketchup/{p-772f4bb7.entry.js → p-7e013c24.entry.js} +1 -1
- package/dist/ketchup/p-85c7a3a4.js +1 -0
- package/dist/ketchup/{p-14aec9c8.entry.js → p-88adddcf.entry.js} +1 -1
- package/dist/ketchup/{p-02be3dd2.entry.js → p-94290b09.entry.js} +1 -1
- package/dist/ketchup/{p-86e4bfad.js → p-9570ebfa.js} +1 -1
- package/dist/ketchup/p-a3c849ae.entry.js +9 -0
- package/dist/ketchup/{p-ec2d1c8c.entry.js → p-ac33139e.entry.js} +1 -1
- package/dist/ketchup/{p-7134b172.entry.js → p-ad3e7b2b.entry.js} +1 -1
- package/dist/ketchup/{p-be7748e6.entry.js → p-c59e6bc7.entry.js} +1 -1
- package/dist/ketchup/{p-9f759d8d.entry.js → p-ce1da4a8.entry.js} +1 -1
- package/dist/ketchup/{p-3a55568c.entry.js → p-e0135ce0.entry.js} +1 -1
- package/dist/ketchup/{p-ab6c66f7.entry.js → p-e094ebb8.entry.js} +1 -1
- package/dist/ketchup/{p-10281712.entry.js → p-f44aba79.entry.js} +1 -1
- package/dist/types/components/kup-data-table/kup-data-table-declarations.d.ts +3 -1
- package/dist/types/components/kup-data-table/kup-data-table-state.d.ts +1 -1
- package/dist/types/components/kup-data-table/kup-data-table.d.ts +4 -0
- package/dist/types/components.d.ts +4 -0
- package/dist/types/utils/kup-column-menu/kup-column-menu.d.ts +3 -1
- package/package.json +1 -1
- package/dist/ketchup/p-8f8b5a08.entry.js +0 -9
- package/dist/ketchup/p-984a05ff.js +0 -1
- 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
|
|
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
|
-
|
|
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 (
|
|
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
|
-
|
|
28691
|
-
|
|
28692
|
-
|
|
28693
|
-
|
|
28694
|
-
|
|
28695
|
-
|
|
28696
|
-
|
|
28697
|
-
|
|
28698
|
-
|
|
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 (
|
|
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,
|
|
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
|
-
|
|
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
|
-
|
|
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.
|
|
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
|
|
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
|
-
|
|
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.
|
|
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
|
-
|
|
39562
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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-
|
|
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-
|
|
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-
|
|
5
|
-
import { F as FImage } from './f-image-
|
|
6
|
-
import { a as FChip } from './f-chip-
|
|
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-
|
|
3
|
-
import { K as KupThemeIconValues, l as KupLanguageGeneric, b as KupThemeColorValues } from './kup-manager-
|
|
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,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-
|
|
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-
|
|
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 (
|
|
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
|
-
|
|
1402
|
-
|
|
1403
|
-
|
|
1404
|
-
|
|
1405
|
-
|
|
1406
|
-
|
|
1407
|
-
|
|
1408
|
-
|
|
1409
|
-
|
|
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-
|
|
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-
|
|
3
|
-
import { F as FImage } from './f-image-
|
|
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';
|