@sme.up/ketchup 10.4.7 → 10.4.9
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-b6499daf.js → f-cell-452d8a39.js} +6 -6
- package/dist/cjs/{f-chip-ad2e88cd.js → f-chip-973b22de.js} +1 -1
- package/dist/cjs/{f-object-field-a2060085.js → f-object-field-43d986c5.js} +2 -2
- package/dist/cjs/{f-paginator-utils-ae22f3de.js → f-paginator-utils-bc66522f.js} +1 -1
- package/dist/cjs/{f-text-field-582fa181.js → f-text-field-cc70132b.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_30.cjs.entry.js +69 -58
- package/dist/cjs/kup-box.cjs.entry.js +7 -7
- 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-a1c73939.js → kup-data-table-helper-c04ab7a9.js} +11 -12
- package/dist/cjs/kup-drawer.cjs.entry.js +1 -1
- package/dist/cjs/kup-echart.cjs.entry.js +22 -13
- 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-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-5faed2fc.js → kup-manager-2e0a7a26.js} +16 -11
- 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-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-data-table/kup-data-table.js +62 -51
- package/dist/collection/components/kup-echart/kup-echart.js +21 -12
- package/dist/collection/f-components/f-cell/f-cell.js +2 -2
- package/dist/collection/managers/kup-data/kup-data-column-helper.js +1 -1
- package/dist/collection/managers/kup-data/kup-data.js +15 -10
- package/dist/collection/utils/filters/filters-column-menu.js +10 -11
- package/dist/collection/utils/kup-column-menu/kup-column-menu.js +1 -1
- 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 +1 -1
- 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-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-a42dc353.js → p-64e94968.js} +16 -11
- package/dist/components/{p-99de2f5f.js → p-69425921.js} +2 -2
- package/dist/components/{p-77f72bf7.js → p-6d5f0117.js} +23 -14
- package/dist/components/{p-ba6132b3.js → p-8359b10a.js} +76 -66
- package/dist/components/{p-6c44f471.js → p-bddae662.js} +2 -2
- package/dist/components/{p-cd1fbb3a.js → p-fa3c07b8.js} +2 -2
- package/dist/esm/{f-cell-0a7e6c09.js → f-cell-9353dd77.js} +6 -6
- package/dist/esm/{f-chip-a2d07acb.js → f-chip-f9277fd9.js} +1 -1
- package/dist/esm/{f-object-field-bc0b6f80.js → f-object-field-e797f627.js} +2 -2
- package/dist/esm/{f-paginator-utils-8c3d7b88.js → f-paginator-utils-29fcddb4.js} +1 -1
- package/dist/esm/{f-text-field-0f550594.js → f-text-field-f2cd4df1.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_30.entry.js +69 -58
- package/dist/esm/kup-box.entry.js +7 -7
- 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-3f3bb266.js → kup-data-table-helper-4c4da1ec.js} +11 -12
- package/dist/esm/kup-drawer.entry.js +1 -1
- package/dist/esm/kup-echart.entry.js +22 -13
- 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-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-232be463.js → kup-manager-75b947f4.js} +16 -11
- 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-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-40d9b650.entry.js → p-04d4d4bb.entry.js} +1 -1
- package/dist/ketchup/{p-96bef43d.js → p-0829e7c5.js} +1 -1
- package/dist/ketchup/{p-860e64d6.entry.js → p-0a962ac8.entry.js} +1 -1
- package/dist/ketchup/{p-a41766d3.entry.js → p-174fe9ca.entry.js} +1 -1
- package/dist/ketchup/{p-a84998d8.entry.js → p-1fac1a59.entry.js} +1 -1
- package/dist/ketchup/p-3fa60abf.entry.js +1 -0
- package/dist/ketchup/{p-6622b9dd.js → p-459f5369.js} +1 -1
- package/dist/ketchup/{p-498e38ec.entry.js → p-613028b3.entry.js} +1 -1
- package/dist/ketchup/{p-8ab45e3d.entry.js → p-679ce9d9.entry.js} +1 -1
- package/dist/ketchup/{p-2ea8982a.entry.js → p-71705280.entry.js} +1 -1
- package/dist/ketchup/p-75a8afbe.entry.js +8 -0
- package/dist/ketchup/{p-8ac64a64.entry.js → p-76679ede.entry.js} +1 -1
- package/dist/ketchup/{p-106ef861.entry.js → p-7c3619bb.entry.js} +1 -1
- package/dist/ketchup/{p-88e822d6.entry.js → p-84ddf341.entry.js} +1 -1
- package/dist/ketchup/{p-bc2604ea.entry.js → p-856f4922.entry.js} +1 -1
- package/dist/ketchup/{p-9510d04c.entry.js → p-950f09bd.entry.js} +1 -1
- package/dist/ketchup/{p-5b05f037.entry.js → p-96ae851c.entry.js} +1 -1
- package/dist/ketchup/{p-855d7a7c.entry.js → p-9957f141.entry.js} +1 -1
- package/dist/ketchup/{p-e049f7d8.entry.js → p-9bf6f42d.entry.js} +1 -1
- package/dist/ketchup/{p-7d05209d.entry.js → p-9ee7e62f.entry.js} +1 -1
- package/dist/ketchup/{p-d53275b8.entry.js → p-ac579cc8.entry.js} +1 -1
- package/dist/ketchup/{p-5bb7d7b3.entry.js → p-b52908a9.entry.js} +1 -1
- package/dist/ketchup/{p-e032f052.entry.js → p-b6c1dc95.entry.js} +1 -1
- package/dist/ketchup/{p-c6acc505.entry.js → p-b82e6d26.entry.js} +1 -1
- package/dist/ketchup/{p-5f41ae01.entry.js → p-b894c2a3.entry.js} +1 -1
- package/dist/ketchup/{p-ce92a1d6.entry.js → p-bc2b81c7.entry.js} +2 -2
- package/dist/ketchup/{p-4e86911e.entry.js → p-c3efe25a.entry.js} +1 -1
- package/dist/ketchup/{p-0c4fdac4.js → p-c49cb8be.js} +1 -1
- package/dist/ketchup/{p-6f00f1a3.js → p-d230c26d.js} +1 -1
- package/dist/ketchup/p-d4dac70d.js +1 -0
- package/dist/ketchup/{p-6b2e3868.entry.js → p-db38289c.entry.js} +1 -1
- package/dist/ketchup/{p-ca31b7ee.entry.js → p-e703e6c1.entry.js} +1 -1
- package/dist/ketchup/{p-e155cbac.js → p-e7fbf76f.js} +1 -1
- package/dist/ketchup/{p-cc193dee.entry.js → p-f51a8f12.entry.js} +1 -1
- package/dist/ketchup/p-f81ec6f8.js +1 -0
- package/dist/types/components/kup-data-table/kup-data-table.d.ts +13 -0
- package/dist/types/managers/kup-data/kup-data.d.ts +5 -5
- package/package.json +1 -1
- package/dist/ketchup/p-1d602e4b.entry.js +0 -8
- package/dist/ketchup/p-436ef56e.js +0 -1
- package/dist/ketchup/p-b7abe6a2.entry.js +0 -1
- package/dist/ketchup/p-c284a18d.js +0 -1
|
@@ -1192,50 +1192,61 @@ export class KupDataTable {
|
|
|
1192
1192
|
? this.data.columns
|
|
1193
1193
|
: [{ title: '', name: '' }];
|
|
1194
1194
|
}
|
|
1195
|
+
/**
|
|
1196
|
+
* Retrieves the list of visible columns based on configuration and grouping state.
|
|
1197
|
+
*
|
|
1198
|
+
* This method handles multiple visibility scenarios:
|
|
1199
|
+
* 1. Explicit visibility list (via visibleColumns property)
|
|
1200
|
+
* 2. Column-level visibility flags
|
|
1201
|
+
* 3. CodVer (code/version) column filtering
|
|
1202
|
+
* 4. Group-based visibility when grouping is enabled
|
|
1203
|
+
*
|
|
1204
|
+
* @param {Object} options - Configuration options
|
|
1205
|
+
* @param {boolean} options.includeCodVer - If true, includes CodVer columns in the result (default: false)
|
|
1206
|
+
* @returns {Array<KupDataColumn>} Array of visible columns, ordered and filtered according to configuration
|
|
1207
|
+
*/
|
|
1195
1208
|
getVisibleColumns({ includeCodVer = false } = {}) {
|
|
1196
|
-
|
|
1197
|
-
|
|
1198
|
-
|
|
1199
|
-
|
|
1200
|
-
|
|
1201
|
-
|
|
1202
|
-
|
|
1203
|
-
}
|
|
1204
|
-
});
|
|
1205
|
-
}
|
|
1206
|
-
// Starting columns filter
|
|
1207
|
-
let resultVisibleColumns = this.getColumns().filter((col) => {
|
|
1208
|
-
const isNotCodVer = !__classPrivateFieldGet(this, _KupDataTable_kupManager, "f").data.column.isCodVer(col);
|
|
1209
|
+
const allColumns = this.getColumns();
|
|
1210
|
+
// Step 1: Filter columns based on visibility rules and CodVer inclusion
|
|
1211
|
+
let filteredColumns = allColumns.filter((column) => {
|
|
1212
|
+
// CodVer columns are system columns used for versioning/coding
|
|
1213
|
+
const isCodVer = __classPrivateFieldGet(this, _KupDataTable_kupManager, "f").data.column.isCodVer(column);
|
|
1214
|
+
// Determine if column should be included based on CodVer flag
|
|
1215
|
+
const codVerCheck = includeCodVer ? true : !isCodVer;
|
|
1209
1216
|
if (this.visibleColumns) {
|
|
1210
|
-
//
|
|
1211
|
-
return
|
|
1217
|
+
// Explicit visibility list takes precedence: include only specified columns
|
|
1218
|
+
return codVerCheck && this.visibleColumns.includes(column.name);
|
|
1212
1219
|
}
|
|
1213
1220
|
else {
|
|
1214
|
-
|
|
1221
|
+
// No explicit list: use column's visibility flag (undefined or true = visible)
|
|
1222
|
+
return (codVerCheck && (!('visible' in column) || column.visible));
|
|
1215
1223
|
}
|
|
1216
1224
|
});
|
|
1217
|
-
// order
|
|
1225
|
+
// Step 2: Sort columns according to the order specified in visibleColumns property
|
|
1226
|
+
// This ordering is ALWAYS applied when visibleColumns is defined, regardless of includeCodVer
|
|
1218
1227
|
if (this.visibleColumns) {
|
|
1219
|
-
|
|
1220
|
-
this.visibleColumns.indexOf(
|
|
1228
|
+
filteredColumns = filteredColumns.sort((columnA, columnB) => {
|
|
1229
|
+
const indexA = this.visibleColumns.indexOf(columnA.name);
|
|
1230
|
+
const indexB = this.visibleColumns.indexOf(columnB.name);
|
|
1231
|
+
return indexA - indexB;
|
|
1232
|
+
});
|
|
1221
1233
|
}
|
|
1222
|
-
//
|
|
1234
|
+
// Step 3: Apply group-based visibility filtering (only when grouping is active)
|
|
1223
1235
|
if (__classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_isGrouping).call(this)) {
|
|
1224
|
-
return
|
|
1225
|
-
|
|
1226
|
-
|
|
1227
|
-
|
|
1228
|
-
|
|
1229
|
-
|
|
1230
|
-
|
|
1231
|
-
|
|
1232
|
-
|
|
1233
|
-
|
|
1234
|
-
|
|
1235
|
-
return true; // Not in a group -> visible
|
|
1236
|
+
return filteredColumns.filter((column) => {
|
|
1237
|
+
// Find the group that contains this column
|
|
1238
|
+
const associatedGroup = this.groups.find((group) => group.column === column.name);
|
|
1239
|
+
if (associatedGroup) {
|
|
1240
|
+
// Column is in a group: respect the group's visibility flag
|
|
1241
|
+
// If group doesn't have 'visible' property, default to visible
|
|
1242
|
+
return (!associatedGroup.hasOwnProperty('visible') ||
|
|
1243
|
+
associatedGroup.visible);
|
|
1244
|
+
}
|
|
1245
|
+
// Column is not in any group: always visible
|
|
1246
|
+
return true;
|
|
1236
1247
|
});
|
|
1237
1248
|
}
|
|
1238
|
-
return
|
|
1249
|
+
return filteredColumns;
|
|
1239
1250
|
}
|
|
1240
1251
|
getGroupByName(column) {
|
|
1241
1252
|
if (!__classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_isGrouping).call(this)) {
|
|
@@ -1301,7 +1312,7 @@ export class KupDataTable {
|
|
|
1301
1312
|
// Action cell
|
|
1302
1313
|
let actionsCell = null;
|
|
1303
1314
|
if (__classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_hasRowActions).call(this) ||
|
|
1304
|
-
__classPrivateFieldGet(this, _KupDataTable_kupManager, "f").data.column.hasCodVer(this.data.columns)) {
|
|
1315
|
+
__classPrivateFieldGet(this, _KupDataTable_kupManager, "f").data.column.hasCodVer(this.data.columns, this.visibleColumns)) {
|
|
1305
1316
|
extraCells++;
|
|
1306
1317
|
const selectionStyleAndClass = __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_composeFixedCellStyleAndClass).call(this, extraCells, 0, 0, extraCells);
|
|
1307
1318
|
actionsCell = (h("td", { class: selectionStyleAndClass
|
|
@@ -1515,7 +1526,7 @@ export class KupDataTable {
|
|
|
1515
1526
|
__classPrivateFieldSet(this, _KupDataTable_sizedColumns, __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_getSizedColumns).call(this), "f");
|
|
1516
1527
|
let rows = null;
|
|
1517
1528
|
if (__classPrivateFieldGet(this, _KupDataTable_paginatedRowsLength, "f") === 0) {
|
|
1518
|
-
rows = (h("tr", { key: '
|
|
1529
|
+
rows = (h("tr", { key: '5af3b5bbddd72dcda17ff381d61f932fb27c8032', ref: (el) => __classPrivateFieldGet(this, _KupDataTable_rowsRefs, "f").push(el) }, h("td", { key: '9f1cc1d0808329c7d4f2895e382bfe905c05aa81', colSpan: __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_calculateColspan).call(this) }, this.emptyDataLabel)));
|
|
1519
1530
|
}
|
|
1520
1531
|
else {
|
|
1521
1532
|
rows = [];
|
|
@@ -1591,7 +1602,7 @@ export class KupDataTable {
|
|
|
1591
1602
|
__classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_handleChipsContextMenu).call(this, chipArg.id, e);
|
|
1592
1603
|
});
|
|
1593
1604
|
}
|
|
1594
|
-
groupChips = h(FChip, Object.assign({ key: '
|
|
1605
|
+
groupChips = h(FChip, Object.assign({ key: '0afbe37c45826c571290d584a50d6f247ed2c24e' }, props));
|
|
1595
1606
|
}
|
|
1596
1607
|
}
|
|
1597
1608
|
const tableClass = {
|
|
@@ -1623,7 +1634,7 @@ export class KupDataTable {
|
|
|
1623
1634
|
if (this.headerIsPersistent &&
|
|
1624
1635
|
this.tableHeight === undefined &&
|
|
1625
1636
|
this.tableWidth === undefined) {
|
|
1626
|
-
stickyEl = (h("sticky-header", { key: '
|
|
1637
|
+
stickyEl = (h("sticky-header", { key: 'e62c7b8a4f14798fa748e89c1ebb1e53e4d2d1b4', class: "hover-scrolling-child", hidden: !this.showHeader, ref: (el) => (__classPrivateFieldSet(this, _KupDataTable_stickyTheadRef, el, "f")) }, h("thead-sticky", { key: 'b00940904b9dd3f163dfc0a7420ec9ebe321ea16' }, h("tr-sticky", { key: '45e8a9f3b89fded211707b6e894d62c4781b98bb' }, stickyHeader))));
|
|
1627
1638
|
}
|
|
1628
1639
|
let belowClass = 'below-wrapper';
|
|
1629
1640
|
if (!!this.tableHeight || !!this.tableWidth) {
|
|
@@ -1669,7 +1680,7 @@ export class KupDataTable {
|
|
|
1669
1680
|
const useGlobalFilter = !this.legacyLook &&
|
|
1670
1681
|
(this.globalFilter ||
|
|
1671
1682
|
this.getRows().length > __classPrivateFieldGet(this, _KupDataTable_DEFAULT_ROWS_FOR_GLOBAL_FILTER, "f"));
|
|
1672
|
-
const compCreated = (h(Host, { key: '
|
|
1683
|
+
const compCreated = (h(Host, { key: '849919cbff79e9140a7bb6e1068557c055fb4936', "onKup-drop": (e) => {
|
|
1673
1684
|
this.kupDataTableDrop.emit(e.detail);
|
|
1674
1685
|
}, "onKup-cell-input": (e) => {
|
|
1675
1686
|
autoselectOnAction(e);
|
|
@@ -1688,11 +1699,11 @@ export class KupDataTable {
|
|
|
1688
1699
|
this.kupDataTableObjectFieldOpenSearchMenu.emit(e.detail);
|
|
1689
1700
|
}, "onKup-objectfield-selectedmenuitem": (e) => {
|
|
1690
1701
|
this.kupDataTableObjectFieldSelectedMenuItem.emit(e.detail);
|
|
1691
|
-
} }, h("style", { key: '
|
|
1702
|
+
} }, h("style", { key: '484caa276e09bf7840399c1bee9aa68f5a5cd1a6' }, __classPrivateFieldGet(this, _KupDataTable_kupManager, "f").theme.setKupStyle(this.rootElement)), this.updatableData ? __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_renderUpdateButtons).call(this) : null, __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_renderOtherButtons).call(this), h("div", { key: 'fcb5ef491b41dc38fa88749dce546e331c089001', id: componentWrapperId, class: wrapClass }, h("div", { key: 'ac8383cbe45ef36ab0b0424c6c5c5514bbccafb5', class: "group-wrapper" }, groupChips), h("div", { key: 'a1ef43847a9d3e1c768973a53b34b9b5dcf2c7ac', 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) => {
|
|
1692
1703
|
const t = event.target;
|
|
1693
1704
|
window.clearTimeout(__classPrivateFieldGet(this, _KupDataTable_globalFilterTimeout, "f"));
|
|
1694
1705
|
__classPrivateFieldSet(this, _KupDataTable_globalFilterTimeout, window.setTimeout(() => __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_onGlobalFilterChange).call(this, t), 600, t), "f");
|
|
1695
|
-
} }))) : null, paginatorTop && (h("div", { key: '
|
|
1706
|
+
} }))) : null, paginatorTop && (h("div", { key: '8bb555067a504811cf282719e654f9e3a5a344f9', class: "above-wrapper paginator-top" }, paginatorTop)), this.insertMode !== '' &&
|
|
1696
1707
|
this.selectedRows.length > 0 ? (h(FButton, { icon: "save", onClick: () => {
|
|
1697
1708
|
this.kupSave.emit({
|
|
1698
1709
|
comp: this,
|
|
@@ -1742,9 +1753,9 @@ export class KupDataTable {
|
|
|
1742
1753
|
this.data.rows.unshift(row);
|
|
1743
1754
|
await this.refresh(true);
|
|
1744
1755
|
}
|
|
1745
|
-
}, sizing: KupComponentSizing.MEDIUM, styling: FButtonStyling.RAISED, title: "Insert row", wrapperClass: "insert-button" })) : null), h("div", { key: '
|
|
1756
|
+
}, sizing: KupComponentSizing.MEDIUM, styling: FButtonStyling.RAISED, title: "Insert row", wrapperClass: "insert-button" })) : null), h("div", { key: '046551965866a0128eb67895170156f666f69b9b', class: "droparea", ref: (el) => (__classPrivateFieldSet(this, _KupDataTable_dropareaRef, el, "f")) }, this.showGroups ? __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_columnGroupArea).call(this) : null, this.removableColumns
|
|
1746
1757
|
? __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_columnRemoveArea).call(this)
|
|
1747
|
-
: null), h("div", { key: '
|
|
1758
|
+
: null), h("div", { key: '5e7dfb5a888a43f8518ec505f7f46416ccc39dfe', style: elStyle, class: belowClass, ref: (el) => (__classPrivateFieldSet(this, _KupDataTable_tableAreaRef, el, "f")) }, this.showCustomization
|
|
1748
1759
|
? [
|
|
1749
1760
|
h("div", { class: "settings-trigger", onClick: () => {
|
|
1750
1761
|
__classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_onCustomSettingsClick).call(this);
|
|
@@ -1753,7 +1764,7 @@ export class KupDataTable {
|
|
|
1753
1764
|
} }, h(FImage, { color: `var(${KupThemeColorValues.TITLE})`, resource: "settings", sizeX: "10px" })),
|
|
1754
1765
|
this.renderCustomizePanel(),
|
|
1755
1766
|
]
|
|
1756
|
-
: null, h("table", { key: '
|
|
1767
|
+
: null, h("table", { key: '8b6fc9cae625399b94ce673d850e63559866ad3f', class: tableClass, ref: (el) => (__classPrivateFieldSet(this, _KupDataTable_tableRef, el, "f")), onKeyDown: (e) => __classPrivateFieldGet(this, _KupDataTable_onKupKeyDown, "f").call(this, e), onMouseLeave: (ev) => {
|
|
1757
1768
|
ev.stopPropagation();
|
|
1758
1769
|
}, onPointerDown: (e) => {
|
|
1759
1770
|
__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");
|
|
@@ -1761,7 +1772,7 @@ export class KupDataTable {
|
|
|
1761
1772
|
__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");
|
|
1762
1773
|
}, onContextMenu: (e) => {
|
|
1763
1774
|
e.preventDefault();
|
|
1764
|
-
} }, h("thead", { key: '
|
|
1775
|
+
} }, h("thead", { key: '8826b5ce9e48db78fb3c2dc9929c70e7fca7a862', hidden: !this.showHeader, ref: (el) => (__classPrivateFieldSet(this, _KupDataTable_theadRef, el, "f")) }, h("tr", { key: 'ff0eeb4982e2955566c83d3eec4b0fcd1fcb5556' }, header)), h("tbody", { key: 'dc51f20082d292082ae946bdfbd79fe0c9b27022' }, rows), this.showFooter && this.renderFooter()), stickyEl), paginatorBottom)));
|
|
1765
1776
|
__classPrivateFieldGet(this, _KupDataTable_kupManager, "f").perfMonitoring.measure('componentRender', 'kup-data-table');
|
|
1766
1777
|
return compCreated;
|
|
1767
1778
|
}
|
|
@@ -6151,7 +6162,7 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
|
|
|
6151
6162
|
let previousWidth = 0;
|
|
6152
6163
|
const totalFixedColumns = this.fixedColumns +
|
|
6153
6164
|
(__classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_hasRowActions).call(this) ||
|
|
6154
|
-
__classPrivateFieldGet(this, _KupDataTable_kupManager, "f").data.column.hasCodVer(this.data.columns)
|
|
6165
|
+
__classPrivateFieldGet(this, _KupDataTable_kupManager, "f").data.column.hasCodVer(this.data.columns, this.visibleColumns)
|
|
6155
6166
|
? 1
|
|
6156
6167
|
: 0) +
|
|
6157
6168
|
(this.selection === SelectionMode.MULTIPLE_CHECKBOX ? 1 : 0);
|
|
@@ -6447,7 +6458,7 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
|
|
|
6447
6458
|
colSpan += 1;
|
|
6448
6459
|
}
|
|
6449
6460
|
if (__classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_hasRowActions).call(this) ||
|
|
6450
|
-
__classPrivateFieldGet(this, _KupDataTable_kupManager, "f").data.column.hasCodVer(this.data.columns)) {
|
|
6461
|
+
__classPrivateFieldGet(this, _KupDataTable_kupManager, "f").data.column.hasCodVer(this.data.columns, this.visibleColumns)) {
|
|
6451
6462
|
colSpan += 1;
|
|
6452
6463
|
}
|
|
6453
6464
|
return colSpan;
|
|
@@ -6571,7 +6582,7 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
|
|
|
6571
6582
|
// Renders action column
|
|
6572
6583
|
let actionsColumn = null;
|
|
6573
6584
|
if (__classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_hasRowActions).call(this) ||
|
|
6574
|
-
__classPrivateFieldGet(this, _KupDataTable_kupManager, "f").data.column.hasCodVer(this.data.columns)) {
|
|
6585
|
+
__classPrivateFieldGet(this, _KupDataTable_kupManager, "f").data.column.hasCodVer(this.data.columns, this.visibleColumns)) {
|
|
6575
6586
|
specialExtraCellsCount++;
|
|
6576
6587
|
const selectionStyleAndClass = __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_composeFixedCellStyleAndClass).call(this, specialExtraCellsCount, 0, 0, specialExtraCellsCount - 1);
|
|
6577
6588
|
actionsColumn = (h("th", { class: selectionStyleAndClass
|
|
@@ -6639,7 +6650,7 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
|
|
|
6639
6650
|
// Empty cell for the actions
|
|
6640
6651
|
let actionsColumn = null;
|
|
6641
6652
|
if (__classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_hasRowActions).call(this) ||
|
|
6642
|
-
__classPrivateFieldGet(this, _KupDataTable_kupManager, "f").data.column.hasCodVer(this.data.columns)) {
|
|
6653
|
+
__classPrivateFieldGet(this, _KupDataTable_kupManager, "f").data.column.hasCodVer(this.data.columns, this.visibleColumns)) {
|
|
6643
6654
|
specialExtraCellsCount++;
|
|
6644
6655
|
const selectionStyleAndClass = __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_composeFixedCellStyleAndClass).call(this, specialExtraCellsCount, 0, 0, specialExtraCellsCount - 1);
|
|
6645
6656
|
actionsColumn = (h("th-sticky", { class: selectionStyleAndClass
|
|
@@ -6709,7 +6720,7 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
|
|
|
6709
6720
|
//const colSpan = this.multiSelection ? 2 : 1;
|
|
6710
6721
|
const cells = [];
|
|
6711
6722
|
if (__classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_hasRowActions).call(this) ||
|
|
6712
|
-
__classPrivateFieldGet(this, _KupDataTable_kupManager, "f").data.column.hasCodVer(this.data.columns)) {
|
|
6723
|
+
__classPrivateFieldGet(this, _KupDataTable_kupManager, "f").data.column.hasCodVer(this.data.columns, this.visibleColumns)) {
|
|
6713
6724
|
cells.push(h("td", null));
|
|
6714
6725
|
}
|
|
6715
6726
|
if (this.selection === SelectionMode.MULTIPLE_CHECKBOX) {
|
|
@@ -6821,7 +6832,7 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
|
|
|
6821
6832
|
// If active, this can be either the first or second cell
|
|
6822
6833
|
let rowActionsCell = null;
|
|
6823
6834
|
if (__classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_hasRowActions).call(this) ||
|
|
6824
|
-
__classPrivateFieldGet(this, _KupDataTable_kupManager, "f").data.column.hasCodVer(this.data.columns)) {
|
|
6835
|
+
__classPrivateFieldGet(this, _KupDataTable_kupManager, "f").data.column.hasCodVer(this.data.columns, this.visibleColumns)) {
|
|
6825
6836
|
// Increments
|
|
6826
6837
|
specialExtraCellsCount++;
|
|
6827
6838
|
const actionsStyleAndClass = __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_composeFixedCellStyleAndClass).call(this, specialExtraCellsCount, 0, rowCssIndex, specialExtraCellsCount - 1);
|
|
@@ -6831,7 +6842,7 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
|
|
|
6831
6842
|
rowActionsCount += row.actions.length;
|
|
6832
6843
|
}
|
|
6833
6844
|
else {
|
|
6834
|
-
const rowActions = __classPrivateFieldGet(this, _KupDataTable_kupManager, "f").data.row.buildRowActions(row, this.getVisibleColumns({ includeCodVer: true }), this.rowActions, (_b = this.commands) !== null && _b !== void 0 ? _b : []);
|
|
6845
|
+
const rowActions = __classPrivateFieldGet(this, _KupDataTable_kupManager, "f").data.row.buildRowActions(row, this.getVisibleColumns({ includeCodVer: true }), this.rowActions, (_b = this.commands) !== null && _b !== void 0 ? _b : [], this.visibleColumns);
|
|
6835
6846
|
if (__classPrivateFieldGet(this, _KupDataTable_kupManager, "f").data.action.checkEveryActionHasOnlyIcon(rowActions) ||
|
|
6836
6847
|
(rowActions.length === 1 && rowActions[0].icon)) {
|
|
6837
6848
|
rowActions.forEach((action) => {
|
|
@@ -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 _KupEchart_instances, _KupEchart_chartContainer, _KupEchart_chartEl, _KupEchart_gaussianDatasets, _KupEchart_kupManager, _KupEchart_mapObj, _KupEchart_resizeTimeout, _KupEchart_sortedDataset, _KupEchart_themeBorder, _KupEchart_themeBackground, _KupEchart_minColorHeatMap, _KupEchart_maxColorHeatMap, _KupEchart_themeFont, _KupEchart_themeText, _KupEchart_initChart, _KupEchart_createChart, _KupEchart_funnelChart, _KupEchart_radarChart, _KupEchart_bubbleChart, _KupEchart_sankeyChart, _KupEchart_candleChart, _KupEchart_calendarChart, _KupEchart_createX, _KupEchart_createY, _KupEchart_createYWithColumnTitle, _KupEchart_createYForPie, _KupEchart_setAxisColors, _KupEchart_setLegend, _KupEchart_setTitle, _KupEchart_setTooltip, _KupEchart_setVisualMap, _KupEchart_setMapOptions, _KupEchart_setPieOptions, _KupEchart_setGaussianOptions, _KupEchart_addSeries, _KupEchart_buildResponsiveAxisLabel, _KupEchart_setOptions, _KupEchart_setColors, _KupEchart_checks;
|
|
17
|
+
var _KupEchart_instances, _KupEchart_chartContainer, _KupEchart_chartEl, _KupEchart_gaussianDatasets, _KupEchart_kupManager, _KupEchart_mapObj, _KupEchart_resizeTimeout, _KupEchart_sortedDataset, _KupEchart_themeBorder, _KupEchart_themeBackground, _KupEchart_minColorHeatMap, _KupEchart_maxColorHeatMap, _KupEchart_themeFont, _KupEchart_themeText, _KupEchart_initChart, _KupEchart_createChart, _KupEchart_funnelChart, _KupEchart_radarChart, _KupEchart_bubbleChart, _KupEchart_sankeyChart, _KupEchart_candleChart, _KupEchart_calendarChart, _KupEchart_createX, _KupEchart_createY, _KupEchart_createYWithColumnTitle, _KupEchart_createYForPie, _KupEchart_setAxisColors, _KupEchart_setLegend, _KupEchart_setTitle, _KupEchart_setTooltip, _KupEchart_formatTooltipValue, _KupEchart_setVisualMap, _KupEchart_setMapOptions, _KupEchart_setPieOptions, _KupEchart_setGaussianOptions, _KupEchart_addSeries, _KupEchart_buildResponsiveAxisLabel, _KupEchart_setOptions, _KupEchart_setColors, _KupEchart_checks;
|
|
18
18
|
import { forceUpdate, getAssetPath, Host, h, } from "@stencil/core";
|
|
19
19
|
import * as echarts from "echarts";
|
|
20
20
|
import { KupEchartLegendPlacement, KupEchartMaps, KupEchartProps, KupEchartTypes, } from "./kup-echart-declarations";
|
|
@@ -142,7 +142,7 @@ export class KupEchart {
|
|
|
142
142
|
'--kup_echart_height': this.sizeY ? this.sizeY : '100%',
|
|
143
143
|
'--kup_echart_width': this.sizeX ? this.sizeX : '100%',
|
|
144
144
|
};
|
|
145
|
-
return (h(Host, { key: '
|
|
145
|
+
return (h(Host, { key: '90763d03af943757a43395254643ac23b3316b91', style: style }, h("style", { key: '16da41fb5f188e0dd74fd2ef258e9398820c995a' }, __classPrivateFieldGet(this, _KupEchart_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: 'a5365416fc15bfd4d40549c15737c926b916d987', id: componentWrapperId, ref: (chartContainer) => (__classPrivateFieldSet(this, _KupEchart_chartContainer, chartContainer, "f")) })));
|
|
146
146
|
}
|
|
147
147
|
disconnectedCallback() {
|
|
148
148
|
var _a;
|
|
@@ -853,7 +853,7 @@ _KupEchart_chartContainer = new WeakMap(), _KupEchart_chartEl = new WeakMap(), _
|
|
|
853
853
|
const name = value.data.name;
|
|
854
854
|
const percentage = value.data
|
|
855
855
|
.value;
|
|
856
|
-
return `${name}: <strong>${cellsSum[name]}</strong> (${__classPrivateFieldGet(this,
|
|
856
|
+
return `${name}: <strong>${__classPrivateFieldGet(this, _KupEchart_instances, "m", _KupEchart_formatTooltipValue).call(this, cellsSum[name])}</strong> (${__classPrivateFieldGet(this, _KupEchart_instances, "m", _KupEchart_formatTooltipValue).call(this, percentage)}%)`;
|
|
857
857
|
} }),
|
|
858
858
|
legend: __classPrivateFieldGet(this, _KupEchart_instances, "m", _KupEchart_setLegend).call(this, cellsSum),
|
|
859
859
|
series: [
|
|
@@ -1009,7 +1009,7 @@ _KupEchart_chartContainer = new WeakMap(), _KupEchart_chartEl = new WeakMap(), _
|
|
|
1009
1009
|
if (usingDefaultSize && index === 2)
|
|
1010
1010
|
return '';
|
|
1011
1011
|
const columnTitle = this.data.columns.find((col) => col.name === key).title;
|
|
1012
|
-
return `<li>${columnTitle}: ${rowData[index]}</li>`;
|
|
1012
|
+
return `<li>${columnTitle}: ${__classPrivateFieldGet(this, _KupEchart_instances, "m", _KupEchart_formatTooltipValue).call(this, rowData[index])}</li>`;
|
|
1013
1013
|
})
|
|
1014
1014
|
.join('');
|
|
1015
1015
|
// Add label
|
|
@@ -1153,8 +1153,9 @@ _KupEchart_chartContainer = new WeakMap(), _KupEchart_chartEl = new WeakMap(), _
|
|
|
1153
1153
|
tooltip: Object.assign(Object.assign({}, __classPrivateFieldGet(this, _KupEchart_instances, "m", _KupEchart_setTooltip).call(this)), { trigger: 'item', formatter: (value) => {
|
|
1154
1154
|
const name = value.data || [];
|
|
1155
1155
|
const data = keys.map((e, i) => {
|
|
1156
|
-
|
|
1157
|
-
|
|
1156
|
+
return `<li> ${e}: ${name[i] != null
|
|
1157
|
+
? __classPrivateFieldGet(this, _KupEchart_instances, "m", _KupEchart_formatTooltipValue).call(this, name[i])
|
|
1158
|
+
: '-'} </li>`;
|
|
1158
1159
|
});
|
|
1159
1160
|
let showContent = '';
|
|
1160
1161
|
data.forEach((r) => {
|
|
@@ -1392,6 +1393,14 @@ _KupEchart_chartContainer = new WeakMap(), _KupEchart_chartEl = new WeakMap(), _
|
|
|
1392
1393
|
fontFamily: __classPrivateFieldGet(this, _KupEchart_themeFont, "f"),
|
|
1393
1394
|
},
|
|
1394
1395
|
};
|
|
1396
|
+
}, _KupEchart_formatTooltipValue = function _KupEchart_formatTooltipValue(value) {
|
|
1397
|
+
if (value === null ||
|
|
1398
|
+
value === undefined ||
|
|
1399
|
+
// convert to number first; non‑numeric strings become NaN
|
|
1400
|
+
isNaN(Number(value))) {
|
|
1401
|
+
return value != null ? String(value) : '';
|
|
1402
|
+
}
|
|
1403
|
+
return __classPrivateFieldGet(this, _KupEchart_kupManager, "f").math.format(String(value));
|
|
1395
1404
|
}, _KupEchart_setVisualMap = function _KupEchart_setVisualMap(max, min, colors, hasNumericValues) {
|
|
1396
1405
|
const opts = {
|
|
1397
1406
|
visualMap: {
|
|
@@ -1417,7 +1426,7 @@ _KupEchart_chartContainer = new WeakMap(), _KupEchart_chartEl = new WeakMap(), _
|
|
|
1417
1426
|
};
|
|
1418
1427
|
if (colorRange) {
|
|
1419
1428
|
opts.visualMap = Object.assign(Object.assign(Object.assign({}, opts.visualMap), colorRange), { calculable: true, formatter: (value) => {
|
|
1420
|
-
return __classPrivateFieldGet(this,
|
|
1429
|
+
return __classPrivateFieldGet(this, _KupEchart_instances, "m", _KupEchart_formatTooltipValue).call(this, value);
|
|
1421
1430
|
}, min: min, max: max, show: true });
|
|
1422
1431
|
}
|
|
1423
1432
|
return opts;
|
|
@@ -1509,7 +1518,7 @@ _KupEchart_chartContainer = new WeakMap(), _KupEchart_chartEl = new WeakMap(), _
|
|
|
1509
1518
|
}
|
|
1510
1519
|
else {
|
|
1511
1520
|
return ("<div style='min-width: 60px; text-align: center'>" +
|
|
1512
|
-
__classPrivateFieldGet(this,
|
|
1521
|
+
__classPrivateFieldGet(this, _KupEchart_instances, "m", _KupEchart_formatTooltipValue).call(this, value) +
|
|
1513
1522
|
'</div>');
|
|
1514
1523
|
}
|
|
1515
1524
|
};
|
|
@@ -1684,7 +1693,7 @@ _KupEchart_chartContainer = new WeakMap(), _KupEchart_chartEl = new WeakMap(), _
|
|
|
1684
1693
|
if (this.types[param.seriesIndex] == undefined ||
|
|
1685
1694
|
this.types[param.seriesIndex] == KupEchartTypes.GAUSSIAN) {
|
|
1686
1695
|
const value = param.value[0];
|
|
1687
|
-
const x = `<div style="color: ${param.color};"><span style="margin-right: 5px;"><strong>x:</strong></span><span>${param.value[0]}</span></div>`;
|
|
1696
|
+
const x = `<div style="color: ${param.color};"><span style="margin-right: 5px;"><strong>x:</strong></span><span>${__classPrivateFieldGet(this, _KupEchart_instances, "m", _KupEchart_formatTooltipValue).call(this, param.value[0])}</span></div>`;
|
|
1688
1697
|
if (!index) {
|
|
1689
1698
|
format += x;
|
|
1690
1699
|
}
|
|
@@ -1718,7 +1727,7 @@ _KupEchart_chartContainer = new WeakMap(), _KupEchart_chartEl = new WeakMap(), _
|
|
|
1718
1727
|
format += `<div style="display: flex; flex-direction: row;">`;
|
|
1719
1728
|
}
|
|
1720
1729
|
const style = `style="color: ${param.color}; margin-right: 5px"`;
|
|
1721
|
-
format += `<span ${style}><strong>${title}</strong>: ${cells[column].value}</span>`;
|
|
1730
|
+
format += `<span ${style}><strong>${title}</strong>: ${__classPrivateFieldGet(this, _KupEchart_instances, "m", _KupEchart_formatTooltipValue).call(this, cells[column].value)}</span>`;
|
|
1722
1731
|
count++;
|
|
1723
1732
|
}
|
|
1724
1733
|
}
|
|
@@ -1727,7 +1736,7 @@ _KupEchart_chartContainer = new WeakMap(), _KupEchart_chartEl = new WeakMap(), _
|
|
|
1727
1736
|
}
|
|
1728
1737
|
else {
|
|
1729
1738
|
const style = `style="color: ${param.color}; margin-right: 5px"`;
|
|
1730
|
-
format += `<div ${style}><strong>${param.name}</strong>: ${param.value}</div>`;
|
|
1739
|
+
format += `<div ${style}><strong>${param.name}</strong>: ${__classPrivateFieldGet(this, _KupEchart_instances, "m", _KupEchart_formatTooltipValue).call(this, param.value)}</div>`;
|
|
1731
1740
|
}
|
|
1732
1741
|
}
|
|
1733
1742
|
if (format === wrapper) {
|
|
@@ -1929,7 +1938,7 @@ _KupEchart_chartContainer = new WeakMap(), _KupEchart_chartEl = new WeakMap(), _
|
|
|
1929
1938
|
series: renamedSeries,
|
|
1930
1939
|
title: __classPrivateFieldGet(this, _KupEchart_instances, "m", _KupEchart_setTitle).call(this),
|
|
1931
1940
|
tooltip: Object.assign(Object.assign({}, __classPrivateFieldGet(this, _KupEchart_instances, "m", _KupEchart_setTooltip).call(this)), { trigger: 'item', formatter: (params) => {
|
|
1932
|
-
return `<b>${params.name}</b><br/>${params.seriesName}: <b>${params.value}</b>`;
|
|
1941
|
+
return `<b>${params.name}</b><br/>${params.seriesName}: <b>${__classPrivateFieldGet(this, _KupEchart_instances, "m", _KupEchart_formatTooltipValue).call(this, params.value)}</b>`;
|
|
1933
1942
|
} }),
|
|
1934
1943
|
xAxis: Object.assign(Object.assign(Object.assign({}, __classPrivateFieldGet(this, _KupEchart_instances, "m", _KupEchart_setAxisColors).call(this)), { data: isHorizontal ? undefined : x, type: isHorizontal ? 'value' : 'category', axisLabel: Object.assign({ formatter: axisLabelFormatter }, __classPrivateFieldGet(this, _KupEchart_instances, "m", _KupEchart_buildResponsiveAxisLabel).call(this, x)) }), this.xAxis),
|
|
1935
1944
|
yAxis,
|
|
@@ -620,7 +620,7 @@ function setCell(cellType, subcomponentProps, content, classObj, cell, column, p
|
|
|
620
620
|
subcomponentProps['disabled'] = true;
|
|
621
621
|
return h(FSwitch, Object.assign({}, subcomponentProps));
|
|
622
622
|
case FCellTypes.LABEL:
|
|
623
|
-
return h(FLabel, { style: cell.style, text: cell.value, classes: "f-cell__text" });
|
|
623
|
+
return (h(FLabel, { style: cell.style, text: cell.value, classes: "f-cell__text" }));
|
|
624
624
|
case FCellTypes.IMAGE_LIST:
|
|
625
625
|
const activeNode = cell.data.data.find((node) => node.value === cell.value) || null;
|
|
626
626
|
return (h("kup-image-list", Object.assign({ ripple: true }, cell.data, { "onKup-imagelist-click": (e) => cellEvent(e, props, cellType, FCellEvents.UPDATE), activeNode: activeNode })));
|
|
@@ -658,7 +658,7 @@ function setKupCell(cellType, classObj, subcomponentProps, cell, row, column, pr
|
|
|
658
658
|
row: row,
|
|
659
659
|
column: column,
|
|
660
660
|
};
|
|
661
|
-
return (h("kup-button-list", Object.assign({ key: column.name + props.row.id }, subcomponentProps)));
|
|
661
|
+
return (h("kup-button-list", Object.assign({ key: column.name + props.row.id }, subcomponentProps, { "onKup-buttonlist-click": (e) => cellEvent(e, props, cellType, FCellEvents.CLICK) })));
|
|
662
662
|
case FCellTypes.CHART:
|
|
663
663
|
if (isAutoCentered(props)) {
|
|
664
664
|
classObj[FCellClasses.C_CENTERED] = true;
|
|
@@ -236,7 +236,7 @@ function newColumnFromMath(dataset, operation, columns, title) {
|
|
|
236
236
|
prog++;
|
|
237
237
|
}
|
|
238
238
|
newName = newName + prog;
|
|
239
|
-
const newObj = firstColumn.obj;
|
|
239
|
+
const newObj = firstColumn === null || firstColumn === void 0 ? void 0 : firstColumn.obj;
|
|
240
240
|
let newTitle = formula;
|
|
241
241
|
for (let i = 0; i < columns.length; i++) {
|
|
242
242
|
const column = columns[i];
|
|
@@ -155,9 +155,12 @@ export class KupData {
|
|
|
155
155
|
* @param {KupDataTableRow} row single row.
|
|
156
156
|
* @returns { { id: string, column: KupDataColumn; cell: KupDataTableCell }[]} row codvers
|
|
157
157
|
*/
|
|
158
|
-
getRowCodVers: (columns, row) => {
|
|
158
|
+
getRowCodVers: (columns, row, visibleColumns) => {
|
|
159
159
|
return columns
|
|
160
|
-
.filter((col) => this.column.isCodVer(col) &&
|
|
160
|
+
.filter((col) => this.column.isCodVer(col) &&
|
|
161
|
+
(visibleColumns && visibleColumns.length > 0
|
|
162
|
+
? visibleColumns.includes(col.name)
|
|
163
|
+
: this.column.isVisible(col)))
|
|
161
164
|
.reduce((result, col) => {
|
|
162
165
|
var _a;
|
|
163
166
|
const cell = row.cells[col.name];
|
|
@@ -325,12 +328,14 @@ export class KupData {
|
|
|
325
328
|
/**
|
|
326
329
|
* Check if almost one column has COD_VER
|
|
327
330
|
* @param { KupDataColumn[] } columns single column.
|
|
328
|
-
* @returns { boolean }
|
|
331
|
+
* @returns { boolean } result of cod_ver search.
|
|
329
332
|
*/
|
|
330
|
-
hasCodVer: (columns) => {
|
|
333
|
+
hasCodVer: (columns, visibleColumns) => {
|
|
331
334
|
return columns
|
|
332
335
|
? columns.some((col) => this.column.isCodVer(col) &&
|
|
333
|
-
|
|
336
|
+
(visibleColumns && visibleColumns.length > 0
|
|
337
|
+
? visibleColumns === null || visibleColumns === void 0 ? void 0 : visibleColumns.includes(col.name)
|
|
338
|
+
: this.column.isVisible(col)))
|
|
334
339
|
: false;
|
|
335
340
|
},
|
|
336
341
|
};
|
|
@@ -385,8 +390,8 @@ export class KupData {
|
|
|
385
390
|
* @param { KupCommand[] } commands commands in component prop
|
|
386
391
|
* @returns { KupDataRowAction[] } action that must be show on row
|
|
387
392
|
*/
|
|
388
|
-
buildRowActions: (row, columns, actions, commands) => {
|
|
389
|
-
const codVerActions = this.action.createActionsFromVoCodRow(row, columns, commands);
|
|
393
|
+
buildRowActions: (row, columns, actions, commands, visibleColumns) => {
|
|
394
|
+
const codVerActions = this.action.createActionsFromVoCodRow(row, columns, commands, visibleColumns);
|
|
390
395
|
const rowActionsWithCodVer = actions && actions.length
|
|
391
396
|
? [...this.row.rowActionsAdapter(actions), ...codVerActions]
|
|
392
397
|
: [...codVerActions];
|
|
@@ -440,9 +445,9 @@ export class KupData {
|
|
|
440
445
|
* @param {KupCommand[]} commands group of commands.
|
|
441
446
|
* @returns { KupDataRowAction[]} Actions founded.
|
|
442
447
|
*/
|
|
443
|
-
createActionsFromVoCodRow: (row, columns, commands) => {
|
|
448
|
+
createActionsFromVoCodRow: (row, columns, commands, visibleColumns) => {
|
|
444
449
|
const actions = [];
|
|
445
|
-
const rowCodVers = this.cell.getRowCodVers(columns, row);
|
|
450
|
+
const rowCodVers = this.cell.getRowCodVers(columns, row, visibleColumns);
|
|
446
451
|
const commandMap = new Map();
|
|
447
452
|
const blankCommands = [];
|
|
448
453
|
commands.forEach((cmd, idx) => {
|
|
@@ -469,7 +474,7 @@ export class KupData {
|
|
|
469
474
|
}
|
|
470
475
|
});
|
|
471
476
|
// Handle VO;COD_VER command with blank K case if there is at least one VO;COD_VER column
|
|
472
|
-
if (this.column.hasCodVer(columns)) {
|
|
477
|
+
if (this.column.hasCodVer(columns, visibleColumns)) {
|
|
473
478
|
blankCommands.forEach(({ cmd, index }) => {
|
|
474
479
|
actions.push(Object.assign(Object.assign({}, this.action.createBlankRowAction(cmd, index)), { obj: { t: '', p: '', k: '' }, cell: { value: '', obj: { t: '', p: '', k: '' } }, column: {
|
|
475
480
|
name: '',
|
|
@@ -105,15 +105,8 @@ export class FiltersColumnMenu extends Filters {
|
|
|
105
105
|
if (filters == null) {
|
|
106
106
|
return;
|
|
107
107
|
}
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
filter = {
|
|
111
|
-
textField: '',
|
|
112
|
-
textFieldTmp: '',
|
|
113
|
-
checkBoxes: [],
|
|
114
|
-
};
|
|
115
|
-
filters[column] = filter;
|
|
116
|
-
}
|
|
108
|
+
// Clone the column-specific filter object to ensure reference change
|
|
109
|
+
let filter = Object.assign({ textField: '', textFieldTmp: '', checkBoxes: [] }, filters[column]);
|
|
117
110
|
if (filter.checkBoxes == null) {
|
|
118
111
|
filter.checkBoxes = [];
|
|
119
112
|
}
|
|
@@ -122,9 +115,11 @@ export class FiltersColumnMenu extends Filters {
|
|
|
122
115
|
}
|
|
123
116
|
else {
|
|
124
117
|
if (!Filters.valuesArrayContainsValue(filter.checkBoxes, newFilterItem.value)) {
|
|
125
|
-
|
|
118
|
+
// Clone the checkBoxes array to ensure reference change
|
|
119
|
+
filter.checkBoxes = [...filter.checkBoxes, newFilterItem];
|
|
126
120
|
}
|
|
127
121
|
}
|
|
122
|
+
filters[column] = filter; // Re-assign the new reference
|
|
128
123
|
}
|
|
129
124
|
/**
|
|
130
125
|
* Triggers when a filter checkbox becomes unchecked.
|
|
@@ -138,12 +133,16 @@ export class FiltersColumnMenu extends Filters {
|
|
|
138
133
|
if (!filters || remFilter == undefined || !filters[column]) {
|
|
139
134
|
return;
|
|
140
135
|
}
|
|
141
|
-
|
|
136
|
+
// Clone the column-specific filter object to ensure reference change
|
|
137
|
+
let filter = Object.assign({ textField: '', textFieldTmp: '', checkBoxes: [] }, filters[column]);
|
|
142
138
|
filter.checkBoxes = (_a = filter.checkBoxes) !== null && _a !== void 0 ? _a : [];
|
|
143
139
|
filter.checkBoxes = filter.checkBoxes.filter((item) => item.value !== remFilter);
|
|
144
140
|
if (filter.checkBoxes.length === 0) {
|
|
145
141
|
delete filters[column];
|
|
146
142
|
}
|
|
143
|
+
else {
|
|
144
|
+
filters[column] = filter; // Re-assign the new reference
|
|
145
|
+
}
|
|
147
146
|
}
|
|
148
147
|
isColumnNumeric(column) {
|
|
149
148
|
return this.isObjNumeric(column.obj);
|
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-64e94968.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 KupThemeIconValues, c as KupThemeColorValues, d as KupDynamicPositionPlacement } 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, E as defineCustomElement$v } from './p-
|
|
2
|
+
import { k as kupManagerInstance, a as KupComponentSizing, g as getProps, s as setProps, b as KupThemeIconValues, c as KupThemeColorValues, d as KupDynamicPositionPlacement } from './p-64e94968.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, E as defineCustomElement$v } from './p-8359b10a.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, G 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, E as defineCustomElement$v, F as FImage } from './p-
|
|
2
|
+
import { k as kupManagerInstance, g as getProps, s as setProps, u as KupDebugCategory, n as getCellValueForDisplay } from './p-64e94968.js';
|
|
3
|
+
import { c as componentWrapperId, G 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, E as defineCustomElement$v, F as FImage } from './p-8359b10a.js';
|
|
4
4
|
|
|
5
5
|
var KupActivityTimelineProps;
|
|
6
6
|
(function (KupActivityTimelineProps) {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { K as KupAutocomplete$1, E as defineCustomElement$1 } from './p-
|
|
1
|
+
import { K as KupAutocomplete$1, E as defineCustomElement$1 } from './p-8359b10a.js';
|
|
2
2
|
|
|
3
3
|
const KupAutocomplete = KupAutocomplete$1;
|
|
4
4
|
const defineCustomElement = defineCustomElement$1;
|