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