@sme.up/ketchup 10.3.7 → 10.3.8
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-5c1b2c66.js → f-cell-9a77e09a.js} +7 -10
- package/dist/cjs/{f-chip-b4aebf7c.js → f-chip-f1b14141.js} +1 -1
- package/dist/cjs/{f-object-field-62195164.js → f-object-field-7c1ea180.js} +2 -2
- package/dist/cjs/{f-paginator-utils-54bc1b31.js → f-paginator-utils-49cf707b.js} +1 -1
- package/dist/cjs/{f-text-field-03e975ad.js → f-text-field-f5b2163a.js} +1 -1
- package/dist/cjs/index.cjs.js +1 -1
- package/dist/cjs/ketchup.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 +119 -44
- package/dist/cjs/kup-box.cjs.entry.js +7 -7
- package/dist/cjs/kup-calendar.cjs.entry.js +10 -6
- 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-custom-task-list-header_4.cjs.entry.js +30 -12
- package/dist/cjs/kup-dashboard.cjs.entry.js +2 -2
- package/dist/cjs/{kup-data-table-helper-72dc3004.js → kup-data-table-helper-63e5d7a2.js} +6 -2
- 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-gantt_10.cjs.entry.js +3 -3
- 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 +8 -8
- 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-bb0a1490.js → kup-manager-15f30f03.js} +1 -1
- package/dist/cjs/kup-nav-bar.cjs.entry.js +1 -1
- package/dist/cjs/kup-numeric-picker.cjs.entry.js +2 -2
- package/dist/cjs/kup-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/cjs/loader.cjs.js +1 -1
- package/dist/collection/components/kup-calendar/kup-calendar.js +8 -4
- package/dist/collection/components/kup-chip/kup-chip-declarations.js +6 -1
- package/dist/collection/components/kup-chip/kup-chip.js +57 -57
- package/dist/collection/components/kup-data-table/kup-data-table-helper.js +5 -1
- package/dist/collection/components/kup-data-table/kup-data-table.css +14 -0
- package/dist/collection/components/kup-data-table/kup-data-table.js +86 -22
- package/dist/collection/components/kup-file-upload/kup-file-upload.js +37 -3
- package/dist/collection/components/kup-input-panel/kup-input-panel.js +3 -3
- package/dist/collection/components/kup-planner/utils/custom-task-list-table.js +30 -12
- package/dist/collection/components/kup-planner/utils/kup-task-list/kup-task-list.css +1 -0
- package/dist/collection/f-components/f-chip/f-chip.js +1 -1
- package/dist/collection/f-components/f-label/f-label.js +4 -7
- 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 +10 -6
- 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-custom-task-list-table.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-gantt.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 +6 -6
- 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-renderer.js +1 -1
- package/dist/components/kup-planner.js +8 -8
- 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-task-list-header.js +1 -1
- package/dist/components/kup-task-list-table.js +1 -1
- package/dist/components/kup-task-list.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-a266fbc3.js → p-0886650d.js} +2 -2
- package/dist/components/{p-9c59685c.js → p-168b2e98.js} +1 -1
- package/dist/components/{p-eee85021.js → p-46440124.js} +2 -2
- package/dist/components/{p-66800070.js → p-5aea1707.js} +129 -50
- package/dist/components/{p-a6da9edf.js → p-75cc2a0e.js} +2 -2
- package/dist/components/{p-a70b7f3e.js → p-91cbfbb1.js} +2 -2
- package/dist/components/{p-5579a90c.js → p-a52b0e92.js} +30 -12
- package/dist/components/{p-0448c650.js → p-d5573b9a.js} +4 -4
- package/dist/components/{p-09e09e43.js → p-dbfe7218.js} +5 -5
- package/dist/components/{p-e8d7edaf.js → p-e74c4841.js} +2 -2
- package/dist/components/{p-072ba014.js → p-f0de2fa5.js} +1 -1
- package/dist/components/{p-970526a0.js → p-fbaf1165.js} +1 -1
- package/dist/esm/{f-cell-3f9d4de0.js → f-cell-0a43dfd3.js} +7 -10
- package/dist/esm/{f-chip-28fde4c9.js → f-chip-d5f27ee2.js} +1 -1
- package/dist/esm/{f-object-field-24f67438.js → f-object-field-6f759bf9.js} +2 -2
- package/dist/esm/{f-paginator-utils-3e2a0dcd.js → f-paginator-utils-6d124369.js} +1 -1
- package/dist/esm/{f-text-field-f64cc53e.js → f-text-field-86dd8534.js} +1 -1
- package/dist/esm/index.js +1 -1
- package/dist/esm/ketchup.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 +119 -44
- package/dist/esm/kup-box.entry.js +7 -7
- package/dist/esm/kup-calendar.entry.js +10 -6
- package/dist/esm/kup-card-list.entry.js +1 -1
- package/dist/esm/kup-cell.entry.js +5 -5
- package/dist/esm/kup-custom-task-list-header_4.entry.js +30 -12
- package/dist/esm/kup-dashboard.entry.js +2 -2
- package/dist/esm/{kup-data-table-helper-edbee21a.js → kup-data-table-helper-7d5e4260.js} +6 -2
- 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-gantt_10.entry.js +3 -3
- 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 +8 -8
- package/dist/esm/kup-lazy.entry.js +1 -1
- package/dist/esm/kup-magic-box.entry.js +1 -1
- package/dist/esm/{kup-manager-7acd779a.js → kup-manager-2b06d829.js} +1 -1
- package/dist/esm/kup-nav-bar.entry.js +1 -1
- package/dist/esm/kup-numeric-picker.entry.js +2 -2
- package/dist/esm/kup-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/esm/loader.js +1 -1
- package/dist/ketchup/index.esm.js +1 -1
- package/dist/ketchup/ketchup.esm.js +1 -1
- package/dist/ketchup/{p-4e8d34ad.entry.js → p-00963efe.entry.js} +1 -1
- package/dist/ketchup/{p-6429a3bc.entry.js → p-045e7306.entry.js} +1 -1
- package/dist/ketchup/{p-001bf9b3.entry.js → p-0a93321f.entry.js} +1 -1
- package/dist/ketchup/{p-864d384f.entry.js → p-1015f35b.entry.js} +1 -1
- package/dist/ketchup/{p-d7bfb6da.entry.js → p-179d9c32.entry.js} +1 -1
- package/dist/ketchup/{p-561db8b0.entry.js → p-17f69e68.entry.js} +1 -1
- package/dist/ketchup/p-2bb6c663.js +1 -0
- package/dist/ketchup/{p-05da127e.entry.js → p-2f626d6c.entry.js} +1 -1
- package/dist/ketchup/{p-5cdbe34b.entry.js → p-39472246.entry.js} +1 -1
- package/dist/ketchup/{p-d643a6b0.entry.js → p-3f7fec03.entry.js} +1 -1
- package/dist/ketchup/{p-cb4c3ec6.entry.js → p-425fab24.entry.js} +1 -1
- package/dist/ketchup/{p-e3098793.js → p-43246def.js} +1 -1
- package/dist/ketchup/{p-f446a5dd.entry.js → p-4c8480a1.entry.js} +1 -1
- package/dist/ketchup/p-4d3ae43b.entry.js +8 -0
- package/dist/ketchup/{p-ebcf33a3.entry.js → p-4f380f49.entry.js} +1 -1
- package/dist/ketchup/{p-b7b54a12.js → p-514a0dfd.js} +1 -1
- package/dist/ketchup/{p-c00b4f52.js → p-5f35bc3e.js} +1 -1
- package/dist/ketchup/{p-84a053a8.js → p-62b0efc0.js} +1 -1
- package/dist/ketchup/{p-003617f2.entry.js → p-68929471.entry.js} +1 -1
- package/dist/ketchup/{p-00e3a2c7.entry.js → p-74035126.entry.js} +1 -1
- package/dist/ketchup/{p-5c538668.entry.js → p-8a95b2a0.entry.js} +1 -1
- package/dist/ketchup/{p-92d5502a.entry.js → p-98fb85e5.entry.js} +1 -1
- package/dist/ketchup/{p-c38d19f9.js → p-a186678f.js} +1 -1
- package/dist/ketchup/{p-a5589352.entry.js → p-a301cd89.entry.js} +1 -1
- package/dist/ketchup/{p-3823781f.entry.js → p-a34c1e3c.entry.js} +1 -1
- package/dist/ketchup/p-b1371652.js +1 -0
- package/dist/ketchup/{p-0f3e905b.entry.js → p-b1a9f499.entry.js} +1 -1
- package/dist/ketchup/{p-91184407.entry.js → p-b5575d63.entry.js} +1 -1
- package/dist/ketchup/{p-0a4869d8.entry.js → p-beacc7fd.entry.js} +1 -1
- package/dist/ketchup/{p-9667a3f6.entry.js → p-bf5abe49.entry.js} +1 -1
- package/dist/ketchup/{p-0f78bd11.entry.js → p-d022b77e.entry.js} +1 -1
- package/dist/ketchup/{p-bbdc671b.entry.js → p-d83f2153.entry.js} +1 -1
- package/dist/ketchup/{p-98865092.entry.js → p-e5022c5b.entry.js} +1 -1
- package/dist/ketchup/{p-39ab2443.entry.js → p-e5f2da82.entry.js} +1 -1
- package/dist/ketchup/{p-60c3a948.entry.js → p-e6cad40c.entry.js} +1 -1
- package/dist/ketchup/{p-ab5dcfce.entry.js → p-f9c3699f.entry.js} +1 -1
- package/dist/ketchup/p-f9d6a629.entry.js +16 -0
- package/dist/ketchup/{p-ee752492.entry.js → p-fd855732.entry.js} +1 -1
- package/dist/types/components/kup-chip/kup-chip-declarations.d.ts +5 -1
- package/dist/types/components/kup-chip/kup-chip.d.ts +15 -15
- package/dist/types/components/kup-data-table/kup-data-table-declarations.d.ts +2 -0
- package/dist/types/components/kup-data-table/kup-data-table-helper.d.ts +1 -1
- package/dist/types/components/kup-file-upload/kup-file-upload.d.ts +7 -0
- package/dist/types/components.d.ts +10 -0
- package/package.json +1 -1
- package/dist/ketchup/p-216b5deb.js +0 -1
- package/dist/ketchup/p-607b56b3.entry.js +0 -8
- package/dist/ketchup/p-90345661.entry.js +0 -16
- package/dist/ketchup/p-ebcd12d5.js +0 -1
|
@@ -3,21 +3,21 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
const index = require('./index-c7d441d8.js');
|
|
6
|
-
const kupManager$2 = require('./kup-manager-
|
|
7
|
-
const fTextField = require('./f-text-field-
|
|
6
|
+
const kupManager$2 = require('./kup-manager-15f30f03.js');
|
|
7
|
+
const fTextField = require('./f-text-field-f5b2163a.js');
|
|
8
8
|
const fTextFieldMdc = require('./f-text-field-mdc-29aae9c9.js');
|
|
9
|
-
const fChip = require('./f-chip-
|
|
9
|
+
const fChip = require('./f-chip-f1b14141.js');
|
|
10
10
|
const GenericVariables = require('./GenericVariables-1d52ba57.js');
|
|
11
11
|
const fImage = require('./f-image-db10b066.js');
|
|
12
12
|
const fButton = require('./f-button-bfafefb3.js');
|
|
13
13
|
const fButtonDeclarations = require('./f-button-declarations-76ef9f87.js');
|
|
14
|
-
const fCell = require('./f-cell-
|
|
14
|
+
const fCell = require('./f-cell-9a77e09a.js');
|
|
15
15
|
const kupDates = require('./kup-dates-8619368a.js');
|
|
16
16
|
const component = require('./component-a6dd6c14.js');
|
|
17
17
|
const fCheckbox = require('./f-checkbox-aaa6d45c.js');
|
|
18
|
-
const kupDataTableHelper = require('./kup-data-table-helper-
|
|
19
|
-
const fPaginatorUtils = require('./f-paginator-utils-
|
|
20
|
-
require('./f-object-field-
|
|
18
|
+
const kupDataTableHelper = require('./kup-data-table-helper-63e5d7a2.js');
|
|
19
|
+
const fPaginatorUtils = require('./f-paginator-utils-49cf707b.js');
|
|
20
|
+
require('./f-object-field-7c1ea180.js');
|
|
21
21
|
|
|
22
22
|
/**
|
|
23
23
|
* Props of the kup-autocomplete component.
|
|
@@ -6941,8 +6941,13 @@ var KupChipProps;
|
|
|
6941
6941
|
(function (KupChipProps) {
|
|
6942
6942
|
KupChipProps["customStyle"] = "Custom style of the component.";
|
|
6943
6943
|
KupChipProps["data"] = "List of elements.";
|
|
6944
|
-
|
|
6944
|
+
// displayId = "When enabled, the chip's text will display both the id and the value.",
|
|
6945
|
+
KupChipProps["disabled"] = "When true, the chip cannot be edited, nor removed.";
|
|
6946
|
+
KupChipProps["displayMode"] = "When enabled, the chip will display both the id and description of the data.";
|
|
6945
6947
|
KupChipProps["enableInput"] = "When enabled, it's possible to add items to the chip's dataset through an input slot (kup-autocomplete, kup-combobox, kup-text-field).";
|
|
6948
|
+
KupChipProps["label"] = "When set, will be shown a label on the chips.";
|
|
6949
|
+
KupChipProps["sizing"] = "The size of the chip. Available sizes: small, medium.";
|
|
6950
|
+
KupChipProps["styling"] = "The style of the chip. Available styles: outlined, raised.";
|
|
6946
6951
|
KupChipProps["type"] = "The type of chip. Available types: input, filter, choice or empty for default.";
|
|
6947
6952
|
})(KupChipProps || (KupChipProps = {}));
|
|
6948
6953
|
|
|
@@ -6975,13 +6980,13 @@ const KupChip = class {
|
|
|
6975
6980
|
this.kupManager = kupManager$2.kupManagerInstance();
|
|
6976
6981
|
this.customStyle = '';
|
|
6977
6982
|
this.data = [];
|
|
6978
|
-
this.enableInput = false;
|
|
6979
6983
|
this.disabled = false;
|
|
6980
|
-
this.type = fChip.FChipType.STANDARD;
|
|
6981
|
-
this.sizing = fChip.FChipSize.SMALL;
|
|
6982
|
-
this.styling = fChip.FChipStyling.RAISED;
|
|
6983
6984
|
this.displayMode = kupManager$2.ItemsDisplayMode.DESCRIPTION;
|
|
6985
|
+
this.enableInput = false;
|
|
6984
6986
|
this.label = null;
|
|
6987
|
+
this.sizing = fChip.FChipSize.SMALL;
|
|
6988
|
+
this.styling = fChip.FChipStyling.RAISED;
|
|
6989
|
+
this.type = fChip.FChipType.STANDARD;
|
|
6985
6990
|
}
|
|
6986
6991
|
onKupBlur(chip) {
|
|
6987
6992
|
this.kupBlur.emit({
|
|
@@ -7144,7 +7149,7 @@ const KupChip = class {
|
|
|
7144
7149
|
props.onFocus.push((chip) => this.onKupFocus(chip));
|
|
7145
7150
|
props.onIconClick.push((chip) => this.onKupIconClick(chip));
|
|
7146
7151
|
}
|
|
7147
|
-
return (index.h(index.Host, { key: '
|
|
7152
|
+
return (index.h(index.Host, { key: '092919df319761de61a7e6535f0dd18976463c6c', "onKup-autocomplete-itemclick": (e) => {
|
|
7148
7153
|
__classPrivateFieldGet$a(this, _KupChip_instances, "m", _KupChip_changeHandler).call(this, e);
|
|
7149
7154
|
}, "onKup-combobox-itemclick": (e) => {
|
|
7150
7155
|
__classPrivateFieldGet$a(this, _KupChip_instances, "m", _KupChip_changeHandler).call(this, e);
|
|
@@ -7154,7 +7159,7 @@ const KupChip = class {
|
|
|
7154
7159
|
__classPrivateFieldGet$a(this, _KupChip_instances, "m", _KupChip_changeHandler).call(this, e);
|
|
7155
7160
|
}, "onKup-textfield-submit": (e) => {
|
|
7156
7161
|
__classPrivateFieldGet$a(this, _KupChip_instances, "m", _KupChip_changeHandler).call(this, e);
|
|
7157
|
-
} }, index.h("style", { key: '
|
|
7162
|
+
} }, index.h("style", { key: '3cc916a8db665b151f59f4224d5f6f168268f842' }, this.kupManager.theme.setKupStyle(this.rootElement)), index.h("div", { key: '57500014b7c3f0fe98add9eb950fa88615e6eec0', id: GenericVariables.componentWrapperId }, this.label ? (index.h("div", { class: "mdc-text-field__label-container" }, index.h("label", { class: "mdc-label" }, this.label))) : null, ((_a = this.data) === null || _a === void 0 ? void 0 : _a.length) > 0 ? index.h(fChip.FChip, Object.assign({}, props)) : null, index.h("slot", { key: '92f0d3996bddacc0be40eab0298c4716de3783c1', name: "field" }))));
|
|
7158
7163
|
}
|
|
7159
7164
|
disconnectedCallback() {
|
|
7160
7165
|
this.kupManager.theme.unregister(this);
|
|
@@ -8628,7 +8633,7 @@ class KupColumnMenu {
|
|
|
8628
8633
|
}
|
|
8629
8634
|
}
|
|
8630
8635
|
|
|
8631
|
-
const kupDataTableCss = ".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:var(--kup-label-01-font-size, 12px);line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-heading-compact-01-font-size, 14px);line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:var(--kup-heading-01-font-size, 14px);line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}:host{--kup_datatable_background_color:var(\n --kup-datatable-background-color,\n var(--kup-layer-1)\n );--kup_datatable_th_background_color:var(\n --kup-datatable-th-background-color,\n var(--kup-layer-2)\n );--kup_datatable_background_color_selected:var(\n --kup-datatable-background-color-selected,\n var(--kup-layer-1-selected)\n );--kup_datatable_border:var(\n --kup-datatable-border-color,\n 1px solid var(--kup-border-subtle)\n );--kup_datatable_font_family:var(\n --kup-datatable-font-family,\n var(--kup-font-family)\n );--kup_datatable_font_family_monospace:var(\n --kup-datatable-font-family-monospace,\n var(--kup-font-family-monospace)\n );--kup_datatable_font_size:var(\n --kup-datatable-font-size,\n var(--kup-font-size)\n );--kup_fcell_line_height_extradense:var(\n --kup-fcell-line-height-extradense,\n 14px\n );--kup_fcell_font_size_extradense:var(--kup-fcell-font-size-extradense, 12px);--kup_datatable_th_border:var(\n --kup-datatable-th-border,\n 1px solid var(--kup-gray-color-30)\n );--kup_datatable_th_resize_handle_width:var(\n --kup-datatable-th-resize-handle-width,\n 3px\n );--kup_datatable_background_color_hover:var(\n --kup-datatable-background-color-hover,\n var(--kup-layer-1-hover)\n );--kup_datatable_text_color_hover:var(\n --kup-datatable-text-color-hover,\n var(--kup-text-primary)\n );--kup_card_text_color:var(--kup-card-text-color, var(--kup-text-secondary));--kup_fcell_padding_extradense:var(\n --kup-fcell-padding-dense,\n var(--kup-space-01) var(--kup-space-01)\n );--kup_fcell_padding_dense:var(\n --kup-fcell-padding-dense,\n var(--kup-space-01) var(--kup-space-03)\n );--kup_fcell_padding_medium:var(\n --kup-fcell-padding-medium,\n var(--kup-space-02) var(--kup-space-03)\n );--kup_fcell_padding_wide:var(\n --kup-fcell-padding-wide,\n var(--kup-space-04) var(--kup-space-03)\n );display:block;font-family:var(--kup_datatable_font_family);font-size:var(--kup_datatable_font_size);position:relative}:host([kup-toolbar]) .settings-trigger{height:12px}:host([kup-toolbar]) .customize-panel{visibility:visible}:host([force-one-line]) .f-cell__text{white-space:nowrap}#kup-component.auto-width{width:fit-content}table{background-color:var(--kup_datatable_background_color);border-spacing:0;border-collapse:separate;color:var(--kup_card_text_color);min-width:intrinsic;min-width:-moz-max-content;min-width:-webkit-max-content;text-align:left;width:100%}table.auto-width{min-width:auto;width:0}table>tbody>tr.focus td:first-of-type,table>tbody>tr[kup-drag-over] td:first-of-type{box-shadow:inset 4px 0px 0px 0px var(--kup_datatable_th_border)}table>tbody>tr:last-of-type>td{border-bottom:var(--kup_datatable_border)}table.border-top>tbody>tr:first-of-type>td{border-top:var(--kup_datatable_border)}table.row-separation>tbody>tr>td{border-bottom:var(--kup_datatable_border)}table.column-separation>tbody>tr>td{border-right:var(--kup_datatable_border)}table.noGrid,table.noGrid td{border:none}table tfoot tr td{background-color:var(--kup_datatable_background_color);border-bottom:var(--kup_datatable_border);border-right:var(--kup_datatable_border);box-sizing:border-box;height:36px;text-align:right;font-weight:bold;padding:0.5em var(--kup-space-03)}table tfoot tr td:hover{background-color:var(--kup_datatable_background_color)}table tfoot tr td:last-of-type{border-right:none}#global-filter{min-width:140px;width:100%;flex:1}#global-filter .f-text-field .mdc-text-field-container .mdc-text-field{border-bottom:none}.kup-icon:not(.f-image){background-color:var(--kup-title-color);margin:0 0.25em;height:1.25em;width:1.25em}.kup-icon:not(.f-image).kup-ascending-icon,.kup-icon:not(.f-image).kup-descending-icon,.kup-icon:not(.f-image).kup-key-icon,.kup-icon:not(.f-image).kup-filter-remove-icon{height:auto}.kup-icon:not(.f-image).kup-collapsed-icon,.kup-icon:not(.f-image).kup-expanded-icon{float:left}.kup-icon:not(.f-image).kup-filter-remove-icon,.kup-icon:not(.f-image).kup-key-icon{margin:0 0.25em}.below-wrapper{backface-visibility:hidden;height:auto;overflow:auto}.below-wrapper.custom-size{overflow:unset}.below-wrapper.custom-size table{overflow:auto}.below-wrapper:not(.custom-size){overflow-x:auto}.density-extra_dense .header-cell__content,.density-extra_dense tbody>tr.group td{padding:var(--kup-fcell-padding-extradense, var(--kup_fcell_padding_extradense))}.density-extra_dense .header-cell__title{font-size:var(--kup_fcell_font_size_extradense)}.density-extra_dense .group-cell-content>span.text{font-size:var(--kup_fcell_font_size_extradense);line-height:var(--kup_fcell_line_height_extradense)}.density-dense .header-cell__content,.density-dense tbody>tr.group td{padding:var(--kup-fcell-padding-dense, var(--kup_fcell_padding_dense))}.density-medium .header-cell__content,.density-medium tbody>tr.group>td{padding:var(--kup-fcell-padding-medium, var(--kup_fcell_padding_medium))}.density-wide .header-cell__content,.density-wide tbody>tr.group>td{padding:var(--kup-fcell-padding-wide, var(--kup_fcell_padding_wide))}.fontsize-small{font-size:calc(var(--kup_datatable_font_size) * 0.75);transition:font-size 0.1s}.fontsize-small .group-cell-content>span:before{font-size:calc(var(--kup_datatable_font_size) * 1) !important}.fontsize-big{font-size:calc(var(--kup_datatable_font_size) * 1.25);transition:font-size 0.1s}.fontsize-big .group-cell-content>span:before{font-size:calc(var(--kup_datatable_font_size) * 1.5) !important}th{background-color:var(--kup_datatable_th_background_color);border:var(--kup_datatable_th_border);border-left:0 none;box-sizing:border-box;top:0;touch-action:none;transition:background-color 0.25s ease;user-select:none}th:last-of-type{border-right:none}.header-cell__content{color:var(--kup-text-primary);display:flex;justify-content:space-between;padding:0.5em var(--kup-space-03);text-overflow:ellipsis;white-space:nowrap;font-family:var(--kup-font-family);font-size:var(--kup-heading-compact-01-font-size, 14px);line-height:18px;font-weight:600;letter-spacing:0.16px}.header-cell--centered .header-cell__content{justify-content:center}.header-cell--is-number .header-cell__content{justify-content:flex-end}.header-cell__title{overflow:hidden;text-overflow:ellipsis;user-select:none}.header-cell__icons{display:flex}.header-cell__icons .kup-icon{background-color:var(--kup-text-primary)}.header-cell__drag-handler{background:var(--kup-border-strong);height:100%;position:absolute;right:0;top:0;touch-action:none;user-select:none;width:var(--kup-space-01)}.header-cell__drag-handler:hover{background:var(--kup-border-strong-hover)}.header-cell--sortable{cursor:pointer}.header-cell--is-icon{width:30px}tbody{cursor:auto}tbody td{height:0;padding:0;font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px;font-size:13px;outline:none}tbody td>*{border:none !important}tbody tr kup-button{max-width:max-content}tbody tr[kup-draggable]{opacity:0.5}tbody tr.selected td{background-color:var(--kup_datatable_background_color_selected)}tbody tr:hover:not(.group):not(.selected) td{color:var(--kup_datatable_text_color_hover);background-color:var(--kup_datatable_background_color_hover)}tbody tr.group{background:var(--kup-layer-1-selected);border-top:var(--kup_datatable_border);color:var(--kup-text-secondary);font-weight:bold;cursor:pointer}tbody tr.group.group-label{border-bottom:none}tbody tr.group.group-total{border-top:none;line-height:0.5em}tbody tr.group>td .group-cell-content .indent{float:left;margin-left:0.25em}tbody tr.group>td .group-cell-content>span{display:inline-flex;outline:none;margin-left:0.25em;font-family:var(--kup-font-family);font-size:var(--kup-heading-compact-01-font-size, 14px);line-height:18px;font-weight:600;letter-spacing:0.16px}tbody tr.group>td .group-cell-content .kup-icon{background-color:var(--kup-text-secondary)}tbody tr.group>td.total{border-bottom:1px solid var(--kup-border-subtle-selected);text-align:right;padding:0 var(--kup-space-03) 0.25em var(--kup-space-03);font-family:var(--kup_datatable_font_family_monospace)}tbody tr.group>td.total.negative-number{color:var(--kup-danger-color-60)}tbody tr>td{box-sizing:border-box;transition:box-shadow 0.1s}tbody tr>td .row-expander{margin-right:0.5em}tbody tr>td .row-action{margin-right:0.2em}tbody tr [row-select-cell]{min-height:40px}tbody tr td[row-action-cell]{width:calc(3em * var(--kup_datatable_row_actions))}tbody tr td[row-action-cell] .f-image{cursor:pointer;margin-left:0.75em;display:inline-block;opacity:1;transition:0.25s ease-in-out}tbody tr td[row-action-cell] .f-image:hover{opacity:0.5}.kup-icon.overlay-action{display:none;position:absolute;top:0.5em;left:calc(50% - 0.625em)}th:hover .kup-icon.overlay-action{display:block}thead th{position:relative;box-sizing:content-box}th.obj:hover span:not(.overlay-action){opacity:0.5}.hidden span{color:transparent;position:relative;text-overflow:ellipsis;transition:color 200ms}.hidden span:hover{color:var(--kup-text-secondary)}.group-wrapper{--kup-chip-margin:0 4px}.totals-value{font-weight:bold;font-family:var(--kup-font-family);font-size:var(--kup-heading-compact-01-font-size, 14px);line-height:18px;font-weight:600;letter-spacing:0.16px;font-size:13px;font-family:var(--kup_datatable_font_family_monospace)}.totals-value.danger-text{color:var(--kup-danger-color-60) !important}.settings-trigger{cursor:pointer;display:block;width:32px;height:0;border-top-left-radius:25px 30px;border-top-right-radius:25px 30px;background-color:var(--kup-border-subtle);transition:height 0.25s}.settings-trigger.toggled{background-color:var(--kup-primary-color)}.settings-trigger.toggled .f-image__icon{background:var(--kup-text-on-primary-color) !important}.indent{display:inline-block;height:1em;width:2em}.indent~kup-image,.indent~kup-button{margin:0;vertical-align:middle}.indent~kup-image{display:inline-block}.indent~kup-button,.indent~kup-checkbox{display:inline-block}.actions-wrapper{display:flex;justify-content:flex-end;background-color:var(--kup-layer-1)}.actions-wrapper .insert-button .f-button .icon-button,.actions-wrapper .delete-button .f-button .icon-button,.actions-wrapper .history-button .f-button .icon-button,.actions-wrapper .save-button .f-button .icon-button{padding:0.55em}.actions-wrapper.paginator-top{border-left:var(--kup_datatable_border)}.kup-icon.kup-ascending-icon{-webkit-mask:var(--kup-ascending-icon);mask:var(--kup-ascending-icon)}.kup-icon.kup-collapsed-icon{-webkit-mask:var(--kup-collapsed-icon);mask:var(--kup-collapsed-icon)}.kup-icon.kup-descending-icon{-webkit-mask:var(--kup-descending-icon);mask:var(--kup-descending-icon)}.kup-icon.kup-expanded-icon{-webkit-mask:var(--kup-expanded-icon);mask:var(--kup-expanded-icon)}.kup-icon.kup-filter-remove-icon{-webkit-mask:var(--kup-filter-remove-icon);mask:var(--kup-filter-remove-icon)}.kup-icon.kup-key-icon{-webkit-mask:var(--kup-key-icon);mask:var(--kup-key-icon)}@media (max-width: 830px){.actions-wrapper{flex-direction:column-reverse}#kup-component.auto-width{width:auto}}:host([legacy-look]){--kup-textfield-background-color:transparent;--kup-fcell-width:100%;--kup-fcell-padding-extradense:0px;--kup-extradense-legacy-look-padding:var(--kup-space-00) var(--kup-space-03);--kup-textfield-extrasmall-padding:var(--kup-extradense-legacy-look-padding);--kup-textfield-extrasmall-height:20px}:host([legacy-look]) th .header-cell__content{font-family:var(--kup_datatable_font_family_monospace);white-space:pre !important;font-size:12px;padding:var(--kup-extradense-legacy-look-padding)}:host([legacy-look]) .f-cell__text{padding:var(--kup-extradense-legacy-look-padding)}:host([legacy-look]) .f-cell.extra_dense{min-height:var(--kup_fcell_extradense_min_height)}:host([legacy-look]) .f-cell.dense{min-height:var(--kup_fcell_dense_min_height)}:host([legacy-look]) .f-cell.medium{min-height:var(--kup_fcell_medium_min_height)}:host([legacy-look]) .f-cell.wide{min-height:var(--kup_fcell_wide_min_height)}:host([legacy-look]) table.row-separation>tbody>tr>td{box-shadow:0px 1px var(--kup-border-subtle);border-bottom:0px}.paginator-wrapper{display:flex;flex-flow:wrap}.paginator-tabs{width:100%;display:flex}.paginator-tabs kup-paginator{display:inline-flex}.paginator-tabs kup-button{position:relative;height:100%;margin-left:0.25em;float:right}@media (max-width: 830px){.above-wrapper.paginator-top{border-bottom:1px solid var(--kup-border-subtle)}}@media (max-width: 500px){.paginator-wrapper{min-width:fit-content}}sticky-header{display:none}.persistent-header~sticky-header{background:var(--kup-gray-color-20);color:var(--kup-title-color);display:block;opacity:0;overflow:hidden;pointer-events:none;position:fixed;top:0;transition:opacity 0.25s ease-in-out;z-index:10}.persistent-header~sticky-header.activated{opacity:1;pointer-events:all}.persistent-header~sticky-header[hidden]{display:none}.persistent-header~sticky-header tr-sticky{display:inline-flex}.persistent-header~sticky-header th-sticky{box-sizing:border-box;display:inline-flex;padding:0 0.3125em}.persistent-header~sticky-header th-sticky .header-cell__content{width:100%}.fixed-column-r,.fixed-column,.fixed-row{background-color:var(--kup_datatable_background_color);color:var(--kup-text-color);position:sticky}thead .fixed-column-r,thead .fixed-column,thead .fixed-row,tfoot .fixed-column-r,tfoot .fixed-column,tfoot .fixed-row{z-index:10}table.custom-size th{position:sticky;inset-block-start:0;z-index:10}table.custom-size th.fixed-column,table.custom-size th.fixed-column-r{z-index:11}table.custom-size tfoot td{position:sticky;inset-block-end:0;z-index:10}table.custom-size tfoot td.fixed-column{z-index:11}tr:hover .fixed-row,tr:hover .fixed-column,tr:hover .fixed-column-r{background-color:var(--kup-gray-color-20-hover)}tr.selected .fixed-column,tr.selected .fixed-row,tr.selected .fixed-row-r{background-color:var(--kup_datatable_background_color);background-image:linear-gradient(to right, rgba(var(--kup-primary-color-rgb), 0.175) 0%, rgba(var(--kup-primary-color-rgb), 0.175) 0.1%, rgba(var(--kup-primary-color-rgb), 0.175))}.fixed-row{top:0;z-index:4}.fixed-column{left:0;z-index:6}.fixed-column.fixed-row{z-index:8}.fixed-column-r{right:0;z-index:6}.fixed-column-r.fixed-row{z-index:8}thead tr .fixed-column,thead tr:hover:not(.group):not(.selected) .fixed-column,thead tr .fixed-column-r,thead tr:hover:not(.group):not(.selected) .fixed-column-r{background-color:var(--kup-gray-color-20-hover)}tfoot tr:hover:not(.group):not(.selected) .fixed-row,tfoot tr:hover:not(.group):not(.selected) .fixed-column,tfoot tr:hover:not(.group):not(.selected) .fixed-column-r{background-color:var(--kup-gray-color-20-hover)}:host([drag-enabled]) tr{touch-action:none}th[kup-drag-over]{background-color:rgba(var(--kup-success-color-rgb), 0.25)}th[kup-draggable]{cursor:grabbing !important;opacity:0.5}.droparea{animation:fade-in 0.25s ease-out;background:var(--kup_datatable_background_color);border-radius:8px;box-shadow:var(--kup-box-shadow);display:none;padding:1em 0.5em}.droparea--visible{display:flex}.droparea__groups{border:2px dashed var(--kup-text-color)}.droparea__remove{border:2px dashed var(--kup-danger-color-60)}.droparea__groups,.droparea__remove{background:var(--kup_datatable_background_color);box-shadow:var(--kup-box-shadow);display:block;height:50px;margin:0 0.5em;opacity:0.5;position:relative;transition:opacity 0.25s;width:50px}.droparea__groups .f-image,.droparea__remove .f-image{width:100%;position:absolute}.droparea__groups .f-image:first-of-type,.droparea__remove .f-image:first-of-type{opacity:1}.droparea__groups .f-image:last-of-type,.droparea__remove .f-image:last-of-type{opacity:0}.droparea__groups[kup-drag-over],.droparea__remove[kup-drag-over]{opacity:1}.droparea__groups[kup-drag-over] .f-image:first-of-type,.droparea__remove[kup-drag-over] .f-image:first-of-type{opacity:0}.droparea__groups[kup-drag-over] .f-image:last-of-type,.droparea__remove[kup-drag-over] .f-image:last-of-type{opacity:1}:host(.kup-cross-selection) #kup-component th.selected{box-shadow:inset 0px 4px 0px 0px var(--kup-secondary-color)}:host(.kup-cross-selection) #kup-component tbody td.selected{background-color:rgba(var(--kup-text-color-rgb), 0.075)}:host(.kup-cross-selection) #kup-component tbody td.selected.fixed-column,:host(.kup-cross-selection) #kup-component tbody td.selected.fixed-row{background-color:var(--kup_datatable_background_color);background-image:linear-gradient(to right, rgba(var(--kup-text-color-rgb), 0.075) 0%, rgba(var(--kup-text-color-rgb), 0.075) 0.1%, rgba(var(--kup-text-color-rgb), 0.075))}:host(.kup-cross-selection) #kup-component tr.selected td{background-color:var(--kup-gray-color-20-hover)}:host(.kup-cross-selection) #kup-component tr.selected td:first-of-type{box-shadow:inset 4px 0px 0px 0px var(--kup-secondary-color)}:host(.kup-cross-selection) #kup-component tr.selected td.selected{background-color:rgba(var(--kup-text-color-rgb), 0.15)}:host(.kup-cross-selection) #kup-component tr.selected td.fixed-column,:host(.kup-cross-selection) #kup-component tr.selected td.fixed-row{background-color:var(--kup_datatable_background_color);background-image:linear-gradient(to right, rgba(var(--kup-text-color-rgb), 0.075) 0%, rgba(var(--kup-text-color-rgb), 0.075) 0.1%, rgba(var(--kup-text-color-rgb), 0.075))}:host(.kup-cross-selection) #kup-component tr.selected td.fixed-column.selected,:host(.kup-cross-selection) #kup-component tr.selected td.fixed-row.selected{background-image:linear-gradient(to right, rgba(var(--kup-text-color-rgb), 0.15) 0%, rgba(var(--kup-text-color-rgb), 0.15) 0.1%, rgba(var(--kup-text-color-rgb), 0.15))}:host(.kup-layout-fixed) #kup-component table{table-layout:fixed;width:100%}tr.clickable{cursor:pointer}.commands{display:flex;gap:1px}";
|
|
8636
|
+
const kupDataTableCss = ".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:var(--kup-label-01-font-size, 12px);line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-heading-compact-01-font-size, 14px);line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:var(--kup-heading-01-font-size, 14px);line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}:host{--kup_datatable_background_color:var(\n --kup-datatable-background-color,\n var(--kup-layer-1)\n );--kup_datatable_th_background_color:var(\n --kup-datatable-th-background-color,\n var(--kup-layer-2)\n );--kup_datatable_background_color_selected:var(\n --kup-datatable-background-color-selected,\n var(--kup-layer-1-selected)\n );--kup_datatable_border:var(\n --kup-datatable-border-color,\n 1px solid var(--kup-border-subtle)\n );--kup_datatable_font_family:var(\n --kup-datatable-font-family,\n var(--kup-font-family)\n );--kup_datatable_font_family_monospace:var(\n --kup-datatable-font-family-monospace,\n var(--kup-font-family-monospace)\n );--kup_datatable_font_size:var(\n --kup-datatable-font-size,\n var(--kup-font-size)\n );--kup_fcell_line_height_extradense:var(\n --kup-fcell-line-height-extradense,\n 14px\n );--kup_fcell_font_size_extradense:var(--kup-fcell-font-size-extradense, 12px);--kup_datatable_th_border:var(\n --kup-datatable-th-border,\n 1px solid var(--kup-gray-color-30)\n );--kup_datatable_th_resize_handle_width:var(\n --kup-datatable-th-resize-handle-width,\n 3px\n );--kup_datatable_background_color_hover:var(\n --kup-datatable-background-color-hover,\n var(--kup-layer-1-hover)\n );--kup_datatable_text_color_hover:var(\n --kup-datatable-text-color-hover,\n var(--kup-text-primary)\n );--kup_card_text_color:var(--kup-card-text-color, var(--kup-text-secondary));--kup_fcell_padding_extradense:var(\n --kup-fcell-padding-dense,\n var(--kup-space-01) var(--kup-space-01)\n );--kup_fcell_padding_dense:var(\n --kup-fcell-padding-dense,\n var(--kup-space-01) var(--kup-space-03)\n );--kup_fcell_padding_medium:var(\n --kup-fcell-padding-medium,\n var(--kup-space-02) var(--kup-space-03)\n );--kup_fcell_padding_wide:var(\n --kup-fcell-padding-wide,\n var(--kup-space-04) var(--kup-space-03)\n );--kup_datatable_inserted_row_background:var(\n --kup-datatable-inserted-row-background,\n #c8e6c9\n );--kup_datatable_modified_row_background:var(\n --kup-datatable-modified-row-background,\n #ffd8a6\n );display:block;font-family:var(--kup_datatable_font_family);font-size:var(--kup_datatable_font_size);position:relative}:host([kup-toolbar]) .settings-trigger{height:12px}:host([kup-toolbar]) .customize-panel{visibility:visible}:host([force-one-line]) .f-cell__text{white-space:nowrap}#kup-component.auto-width{width:fit-content}table{background-color:var(--kup_datatable_background_color);border-spacing:0;border-collapse:separate;color:var(--kup_card_text_color);min-width:intrinsic;min-width:-moz-max-content;min-width:-webkit-max-content;text-align:left;width:100%}table.auto-width{min-width:auto;width:0}table>tbody>tr.focus td:first-of-type,table>tbody>tr[kup-drag-over] td:first-of-type{box-shadow:inset 4px 0px 0px 0px var(--kup_datatable_th_border)}table>tbody>tr:last-of-type>td{border-bottom:var(--kup_datatable_border)}table.border-top>tbody>tr:first-of-type>td{border-top:var(--kup_datatable_border)}table.row-separation>tbody>tr>td{border-bottom:var(--kup_datatable_border)}table.column-separation>tbody>tr>td{border-right:var(--kup_datatable_border)}table.noGrid,table.noGrid td{border:none}table tfoot tr td{background-color:var(--kup_datatable_background_color);border-bottom:var(--kup_datatable_border);border-right:var(--kup_datatable_border);box-sizing:border-box;height:36px;text-align:right;font-weight:bold;padding:0.5em var(--kup-space-03)}table tfoot tr td:hover{background-color:var(--kup_datatable_background_color)}table tfoot tr td:last-of-type{border-right:none}#global-filter{min-width:140px;width:100%;flex:1}#global-filter .f-text-field .mdc-text-field-container .mdc-text-field{border-bottom:none}.kup-icon:not(.f-image){background-color:var(--kup-title-color);margin:0 0.25em;height:1.25em;width:1.25em}.kup-icon:not(.f-image).kup-ascending-icon,.kup-icon:not(.f-image).kup-descending-icon,.kup-icon:not(.f-image).kup-key-icon,.kup-icon:not(.f-image).kup-filter-remove-icon{height:auto}.kup-icon:not(.f-image).kup-collapsed-icon,.kup-icon:not(.f-image).kup-expanded-icon{float:left}.kup-icon:not(.f-image).kup-filter-remove-icon,.kup-icon:not(.f-image).kup-key-icon{margin:0 0.25em}.below-wrapper{backface-visibility:hidden;height:auto;overflow:auto}.below-wrapper.custom-size{overflow:unset}.below-wrapper.custom-size table{overflow:auto}.below-wrapper:not(.custom-size){overflow-x:auto}.density-extra_dense .header-cell__content,.density-extra_dense tbody>tr.group td{padding:var(--kup-fcell-padding-extradense, var(--kup_fcell_padding_extradense))}.density-extra_dense .header-cell__title{font-size:var(--kup_fcell_font_size_extradense)}.density-extra_dense .group-cell-content>span.text{font-size:var(--kup_fcell_font_size_extradense);line-height:var(--kup_fcell_line_height_extradense)}.density-dense .header-cell__content,.density-dense tbody>tr.group td{padding:var(--kup-fcell-padding-dense, var(--kup_fcell_padding_dense))}.density-medium .header-cell__content,.density-medium tbody>tr.group>td{padding:var(--kup-fcell-padding-medium, var(--kup_fcell_padding_medium))}.density-wide .header-cell__content,.density-wide tbody>tr.group>td{padding:var(--kup-fcell-padding-wide, var(--kup_fcell_padding_wide))}.fontsize-small{font-size:calc(var(--kup_datatable_font_size) * 0.75);transition:font-size 0.1s}.fontsize-small .group-cell-content>span:before{font-size:calc(var(--kup_datatable_font_size) * 1) !important}.fontsize-big{font-size:calc(var(--kup_datatable_font_size) * 1.25);transition:font-size 0.1s}.fontsize-big .group-cell-content>span:before{font-size:calc(var(--kup_datatable_font_size) * 1.5) !important}th{background-color:var(--kup_datatable_th_background_color);border:var(--kup_datatable_th_border);border-left:0 none;box-sizing:border-box;top:0;touch-action:none;transition:background-color 0.25s ease;user-select:none}th:last-of-type{border-right:none}.header-cell__content{color:var(--kup-text-primary);display:flex;justify-content:space-between;padding:0.5em var(--kup-space-03);text-overflow:ellipsis;white-space:nowrap;font-family:var(--kup-font-family);font-size:var(--kup-heading-compact-01-font-size, 14px);line-height:18px;font-weight:600;letter-spacing:0.16px}.header-cell--centered .header-cell__content{justify-content:center}.header-cell--is-number .header-cell__content{justify-content:flex-end}.header-cell__title{overflow:hidden;text-overflow:ellipsis;user-select:none}.header-cell__icons{display:flex}.header-cell__icons .kup-icon{background-color:var(--kup-text-primary)}.header-cell__drag-handler{background:var(--kup-border-strong);height:100%;position:absolute;right:0;top:0;touch-action:none;user-select:none;width:var(--kup-space-01)}.header-cell__drag-handler:hover{background:var(--kup-border-strong-hover)}.header-cell--sortable{cursor:pointer}.header-cell--is-icon{width:30px}tbody{cursor:auto}tbody td{height:0;padding:0;font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px;font-size:13px;outline:none}tbody td>*{border:none !important}tbody tr kup-button{max-width:max-content}tbody tr[kup-draggable]{opacity:0.5}tbody tr.selected td{background-color:var(--kup_datatable_background_color_selected)}tbody tr.inserted td{background-color:var(--kup_datatable_inserted_row_background)}tbody tr.modified td{background-color:var(--kup_datatable_modified_row_background)}tbody tr:hover:not(.group):not(.selected) td{color:var(--kup_datatable_text_color_hover);background-color:var(--kup_datatable_background_color_hover)}tbody tr.group{background:var(--kup-layer-1-selected);border-top:var(--kup_datatable_border);color:var(--kup-text-secondary);font-weight:bold;cursor:pointer}tbody tr.group.group-label{border-bottom:none}tbody tr.group.group-total{border-top:none;line-height:0.5em}tbody tr.group>td .group-cell-content .indent{float:left;margin-left:0.25em}tbody tr.group>td .group-cell-content>span{display:inline-flex;outline:none;margin-left:0.25em;font-family:var(--kup-font-family);font-size:var(--kup-heading-compact-01-font-size, 14px);line-height:18px;font-weight:600;letter-spacing:0.16px}tbody tr.group>td .group-cell-content .kup-icon{background-color:var(--kup-text-secondary)}tbody tr.group>td.total{border-bottom:1px solid var(--kup-border-subtle-selected);text-align:right;padding:0 var(--kup-space-03) 0.25em var(--kup-space-03);font-family:var(--kup_datatable_font_family_monospace)}tbody tr.group>td.total.negative-number{color:var(--kup-danger-color-60)}tbody tr>td{box-sizing:border-box;transition:box-shadow 0.1s}tbody tr>td .row-expander{margin-right:0.5em}tbody tr>td .row-action{margin-right:0.2em}tbody tr [row-select-cell]{min-height:40px}tbody tr td[row-action-cell]{width:calc(3em * var(--kup_datatable_row_actions))}tbody tr td[row-action-cell] .f-image{cursor:pointer;margin-left:0.75em;display:inline-block;opacity:1;transition:0.25s ease-in-out}tbody tr td[row-action-cell] .f-image:hover{opacity:0.5}.kup-icon.overlay-action{display:none;position:absolute;top:0.5em;left:calc(50% - 0.625em)}th:hover .kup-icon.overlay-action{display:block}thead th{position:relative;box-sizing:content-box}th.obj:hover span:not(.overlay-action){opacity:0.5}.hidden span{color:transparent;position:relative;text-overflow:ellipsis;transition:color 200ms}.hidden span:hover{color:var(--kup-text-secondary)}.group-wrapper{--kup-chip-margin:0 4px}.totals-value{font-weight:bold;font-family:var(--kup-font-family);font-size:var(--kup-heading-compact-01-font-size, 14px);line-height:18px;font-weight:600;letter-spacing:0.16px;font-size:13px;font-family:var(--kup_datatable_font_family_monospace)}.totals-value.danger-text{color:var(--kup-danger-color-60) !important}.settings-trigger{cursor:pointer;display:block;width:32px;height:0;border-top-left-radius:25px 30px;border-top-right-radius:25px 30px;background-color:var(--kup-border-subtle);transition:height 0.25s}.settings-trigger.toggled{background-color:var(--kup-primary-color)}.settings-trigger.toggled .f-image__icon{background:var(--kup-text-on-primary-color) !important}.indent{display:inline-block;height:1em;width:2em}.indent~kup-image,.indent~kup-button{margin:0;vertical-align:middle}.indent~kup-image{display:inline-block}.indent~kup-button,.indent~kup-checkbox{display:inline-block}.actions-wrapper{display:flex;justify-content:flex-end;background-color:var(--kup-layer-1)}.actions-wrapper .insert-button .f-button .icon-button,.actions-wrapper .delete-button .f-button .icon-button,.actions-wrapper .history-button .f-button .icon-button,.actions-wrapper .save-button .f-button .icon-button{padding:0.55em}.actions-wrapper.paginator-top{border-left:var(--kup_datatable_border)}.kup-icon.kup-ascending-icon{-webkit-mask:var(--kup-ascending-icon);mask:var(--kup-ascending-icon)}.kup-icon.kup-collapsed-icon{-webkit-mask:var(--kup-collapsed-icon);mask:var(--kup-collapsed-icon)}.kup-icon.kup-descending-icon{-webkit-mask:var(--kup-descending-icon);mask:var(--kup-descending-icon)}.kup-icon.kup-expanded-icon{-webkit-mask:var(--kup-expanded-icon);mask:var(--kup-expanded-icon)}.kup-icon.kup-filter-remove-icon{-webkit-mask:var(--kup-filter-remove-icon);mask:var(--kup-filter-remove-icon)}.kup-icon.kup-key-icon{-webkit-mask:var(--kup-key-icon);mask:var(--kup-key-icon)}@media (max-width: 830px){.actions-wrapper{flex-direction:column-reverse}#kup-component.auto-width{width:auto}}:host([legacy-look]){--kup-textfield-background-color:transparent;--kup-fcell-width:100%;--kup-fcell-padding-extradense:0px;--kup-extradense-legacy-look-padding:var(--kup-space-00) var(--kup-space-03);--kup-textfield-extrasmall-padding:var(--kup-extradense-legacy-look-padding);--kup-textfield-extrasmall-height:20px}:host([legacy-look]) th .header-cell__content{font-family:var(--kup_datatable_font_family_monospace);white-space:pre !important;font-size:12px;padding:var(--kup-extradense-legacy-look-padding)}:host([legacy-look]) .f-cell__text{padding:var(--kup-extradense-legacy-look-padding)}:host([legacy-look]) .f-cell.extra_dense{min-height:var(--kup_fcell_extradense_min_height)}:host([legacy-look]) .f-cell.dense{min-height:var(--kup_fcell_dense_min_height)}:host([legacy-look]) .f-cell.medium{min-height:var(--kup_fcell_medium_min_height)}:host([legacy-look]) .f-cell.wide{min-height:var(--kup_fcell_wide_min_height)}:host([legacy-look]) table.row-separation>tbody>tr>td{box-shadow:0px 1px var(--kup-border-subtle);border-bottom:0px}.paginator-wrapper{display:flex;flex-flow:wrap}.paginator-tabs{width:100%;display:flex}.paginator-tabs kup-paginator{display:inline-flex}.paginator-tabs kup-button{position:relative;height:100%;margin-left:0.25em;float:right}@media (max-width: 830px){.above-wrapper.paginator-top{border-bottom:1px solid var(--kup-border-subtle)}}@media (max-width: 500px){.paginator-wrapper{min-width:fit-content}}sticky-header{display:none}.persistent-header~sticky-header{background:var(--kup-gray-color-20);color:var(--kup-title-color);display:block;opacity:0;overflow:hidden;pointer-events:none;position:fixed;top:0;transition:opacity 0.25s ease-in-out;z-index:10}.persistent-header~sticky-header.activated{opacity:1;pointer-events:all}.persistent-header~sticky-header[hidden]{display:none}.persistent-header~sticky-header tr-sticky{display:inline-flex}.persistent-header~sticky-header th-sticky{box-sizing:border-box;display:inline-flex;padding:0 0.3125em}.persistent-header~sticky-header th-sticky .header-cell__content{width:100%}.fixed-column-r,.fixed-column,.fixed-row{background-color:var(--kup_datatable_background_color);color:var(--kup-text-color);position:sticky}thead .fixed-column-r,thead .fixed-column,thead .fixed-row,tfoot .fixed-column-r,tfoot .fixed-column,tfoot .fixed-row{z-index:10}table.custom-size th{position:sticky;inset-block-start:0;z-index:10}table.custom-size th.fixed-column,table.custom-size th.fixed-column-r{z-index:11}table.custom-size tfoot td{position:sticky;inset-block-end:0;z-index:10}table.custom-size tfoot td.fixed-column{z-index:11}tr:hover .fixed-row,tr:hover .fixed-column,tr:hover .fixed-column-r{background-color:var(--kup-gray-color-20-hover)}tr.selected .fixed-column,tr.selected .fixed-row,tr.selected .fixed-row-r{background-color:var(--kup_datatable_background_color);background-image:linear-gradient(to right, rgba(var(--kup-primary-color-rgb), 0.175) 0%, rgba(var(--kup-primary-color-rgb), 0.175) 0.1%, rgba(var(--kup-primary-color-rgb), 0.175))}.fixed-row{top:0;z-index:4}.fixed-column{left:0;z-index:6}.fixed-column.fixed-row{z-index:8}.fixed-column-r{right:0;z-index:6}.fixed-column-r.fixed-row{z-index:8}thead tr .fixed-column,thead tr:hover:not(.group):not(.selected) .fixed-column,thead tr .fixed-column-r,thead tr:hover:not(.group):not(.selected) .fixed-column-r{background-color:var(--kup-gray-color-20-hover)}tfoot tr:hover:not(.group):not(.selected) .fixed-row,tfoot tr:hover:not(.group):not(.selected) .fixed-column,tfoot tr:hover:not(.group):not(.selected) .fixed-column-r{background-color:var(--kup-gray-color-20-hover)}:host([drag-enabled]) tr{touch-action:none}th[kup-drag-over]{background-color:rgba(var(--kup-success-color-rgb), 0.25)}th[kup-draggable]{cursor:grabbing !important;opacity:0.5}.droparea{animation:fade-in 0.25s ease-out;background:var(--kup_datatable_background_color);border-radius:8px;box-shadow:var(--kup-box-shadow);display:none;padding:1em 0.5em}.droparea--visible{display:flex}.droparea__groups{border:2px dashed var(--kup-text-color)}.droparea__remove{border:2px dashed var(--kup-danger-color-60)}.droparea__groups,.droparea__remove{background:var(--kup_datatable_background_color);box-shadow:var(--kup-box-shadow);display:block;height:50px;margin:0 0.5em;opacity:0.5;position:relative;transition:opacity 0.25s;width:50px}.droparea__groups .f-image,.droparea__remove .f-image{width:100%;position:absolute}.droparea__groups .f-image:first-of-type,.droparea__remove .f-image:first-of-type{opacity:1}.droparea__groups .f-image:last-of-type,.droparea__remove .f-image:last-of-type{opacity:0}.droparea__groups[kup-drag-over],.droparea__remove[kup-drag-over]{opacity:1}.droparea__groups[kup-drag-over] .f-image:first-of-type,.droparea__remove[kup-drag-over] .f-image:first-of-type{opacity:0}.droparea__groups[kup-drag-over] .f-image:last-of-type,.droparea__remove[kup-drag-over] .f-image:last-of-type{opacity:1}:host(.kup-cross-selection) #kup-component th.selected{box-shadow:inset 0px 4px 0px 0px var(--kup-secondary-color)}:host(.kup-cross-selection) #kup-component tbody td.selected{background-color:rgba(var(--kup-text-color-rgb), 0.075)}:host(.kup-cross-selection) #kup-component tbody td.selected.fixed-column,:host(.kup-cross-selection) #kup-component tbody td.selected.fixed-row{background-color:var(--kup_datatable_background_color);background-image:linear-gradient(to right, rgba(var(--kup-text-color-rgb), 0.075) 0%, rgba(var(--kup-text-color-rgb), 0.075) 0.1%, rgba(var(--kup-text-color-rgb), 0.075))}:host(.kup-cross-selection) #kup-component tr.selected td{background-color:var(--kup-gray-color-20-hover)}:host(.kup-cross-selection) #kup-component tr.selected td:first-of-type{box-shadow:inset 4px 0px 0px 0px var(--kup-secondary-color)}:host(.kup-cross-selection) #kup-component tr.selected td.selected{background-color:rgba(var(--kup-text-color-rgb), 0.15)}:host(.kup-cross-selection) #kup-component tr.selected td.fixed-column,:host(.kup-cross-selection) #kup-component tr.selected td.fixed-row{background-color:var(--kup_datatable_background_color);background-image:linear-gradient(to right, rgba(var(--kup-text-color-rgb), 0.075) 0%, rgba(var(--kup-text-color-rgb), 0.075) 0.1%, rgba(var(--kup-text-color-rgb), 0.075))}:host(.kup-cross-selection) #kup-component tr.selected td.fixed-column.selected,:host(.kup-cross-selection) #kup-component tr.selected td.fixed-row.selected{background-image:linear-gradient(to right, rgba(var(--kup-text-color-rgb), 0.15) 0%, rgba(var(--kup-text-color-rgb), 0.15) 0.1%, rgba(var(--kup-text-color-rgb), 0.15))}:host(.kup-layout-fixed) #kup-component table{table-layout:fixed;width:100%}tr.clickable{cursor:pointer}.commands{display:flex;gap:1px}";
|
|
8632
8637
|
const KupDataTableStyle0 = kupDataTableCss;
|
|
8633
8638
|
|
|
8634
8639
|
var __classPrivateFieldGet$8 = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
|
|
@@ -8647,7 +8652,7 @@ var __classPrivateFieldSet$4 = (undefined && undefined.__classPrivateFieldSet) |
|
|
|
8647
8652
|
throw new TypeError("Cannot write private member to an object whose class did not declare it");
|
|
8648
8653
|
return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
|
|
8649
8654
|
};
|
|
8650
|
-
var _KupDataTable_instances, _KupDataTable_checkUpdateState, _KupDataTable_initialized, _KupDataTable_rows, _KupDataTable_rowsLength, _KupDataTable_paginatedRows, _KupDataTable_paginatedRowsLength, _KupDataTable_footer, _KupDataTable_kupManager, _KupDataTable_renderedRows, _KupDataTable_loadMoreEventCounter, _KupDataTable_loadMoreEventPreviousQuantity, _KupDataTable_theadRef, _KupDataTable_tableRef, _KupDataTable_originalData, _KupDataTable_originalDataLoaded, _KupDataTable_originalDataLoadedMaxId, _KupDataTable_insertedRowIds, _KupDataTable_tableAreaRef, _KupDataTable_stickyTheadRef, _KupDataTable_lastPointerDetails, _KupDataTable_customizeTopButtonRef, _KupDataTable_customizeTopPanelRef, _KupDataTable_sizedColumns, _KupDataTable_intObserver, _KupDataTable_navBarHeight, _KupDataTable_theadIntersecting, _KupDataTable_tableIntersecting, _KupDataTable_isSafariBrowser, _KupDataTable_isRestoringState, _KupDataTable_globalFilterTimeout, _KupDataTable_totalMenuCoords, _KupDataTable_clickTimeout, _KupDataTable_thRefs, _KupDataTable_rowsRefs, _KupDataTable_oldWidth, _KupDataTable_hold, _KupDataTable_interactableDrag, _KupDataTable_interactableDrop, _KupDataTable_interactableResize, _KupDataTable_interactableTouch, _KupDataTable_dropareaRef, _KupDataTable_removeDropareaRef, _KupDataTable_groupsDropareaRef, _KupDataTable_clickCb, _KupDataTable_clickCbCustomPanel, _KupDataTable_clickCbDropCard, _KupDataTable_resizeTimeout, _KupDataTable_columnMenuInstance, _KupDataTable_filtersColumnMenuInstance, _KupDataTable_filtersRowsInstance, _KupDataTable_detailCard, _KupDataTable_insertCard, _KupDataTable_actionsCard, _KupDataTable_confirmDeleteCard, _KupDataTable_confirmDeleteDialog, _KupDataTable_columnMenuCard, _KupDataTable_columnDropCard, _KupDataTable_columnDropCardAnchor, _KupDataTable_dropDownActionCardAnchor, _KupDataTable_insertCount, _KupDataTable_lastFocusedColumn, _KupDataTable_lastFocusedCell, _KupDataTable_lastFocusedRow, _KupDataTable_maxRowsPerPage, _KupDataTable_readyPromise, _KupDataTable_readyResolve, _KupDataTable_BUTTON_CANCEL_ID, _KupDataTable_BUTTON_SUBMIT_ID, _KupDataTable_FIELDS_FORM_ID, _KupDataTable_MESSAGE_ID, _KupDataTable_MESSAGE_WRAPPER_ID, _KupDataTable_INSERT_PREFIX, _KupDataTable_DEFAULT_ROWS_FOR_GLOBAL_FILTER, _KupDataTable_insertNewColumnInVisibleColumnsList, _KupDataTable_closeDropCard, _KupDataTable_createDropCard, _KupDataTable_calculateData, _KupDataTable_getRow, _KupDataTable__getRow, _KupDataTable_getTransposedData, _KupDataTable_setTransposedData, _KupDataTable_switchToTotalsMatrix, _KupDataTable_setObjForTotalsMatrix, _KupDataTable_stickyHeaderPosition, _KupDataTable_updateStickyHeaderSize, _KupDataTable_setObserver, _KupDataTable_didLoadInteractables, _KupDataTable_didRenderInteractables, _KupDataTable_didLoadObservers, _KupDataTable_didRenderObservers, _KupDataTable_didLoadEventHandling, _KupDataTable_scrollStickyHeader, _KupDataTable_checkScrollOnHover, _KupDataTable_customizePanelPosition, _KupDataTable_rowsPointLength, _KupDataTable_paginatedRowsPointLength, _KupDataTable__rowsLength, _KupDataTable_resetSelectedRows, _KupDataTable_getSizedColumns, _KupDataTable_rowDetail, _KupDataTable_dropDownActions, _KupDataTable_createDropDownActionsCard, _KupDataTable_clearSearchActionsCard, _KupDataTable_filterRowActionsCard, _KupDataTable_closeRowActionsCard, _KupDataTable_closeColumnMenuCard, _KupDataTable_prepareDataForActionsCard, _KupDataTable_rowInsertForm, _KupDataTable_rowsDelete, _KupDataTable_getEventDetails, _KupDataTable_getEventDetailsForCurrentSelection, _KupDataTable_getSourceElementCoordsForCurrentSelection, _KupDataTable_clickHandler, _KupDataTable_cellActionsMenuHandler, _KupDataTable_contextMenuHandler, _KupDataTable_tooltipRequestHandler, _KupDataTable_contextMenuHandlerDetailsManager, _KupDataTable_dblClickHandler, _KupDataTable_initRows, _KupDataTable_filterRows, _KupDataTable_isGrouping, _KupDataTable_hasRowActions, _KupDataTable_removeGroup, _KupDataTable_hasTotals, _KupDataTable_copyCellValueInColumnHandler, _KupDataTable_tableHasAutoWidth, _KupDataTable_forceGroupExpansion, _KupDataTable_forceRowGroupExpansion, _KupDataTable_adjustPaginator, _KupDataTable_setCellEditability, _KupDataTable_composeFixedCellStyleAndClass, _KupDataTable_updateFixedRowsAndColumnsCssVariables, _KupDataTable_horNav, _KupDataTable_verNav, _KupDataTable_onKupKeyDown, _KupDataTable_onColumnSort, _KupDataTable_onRemoveFilter, _KupDataTable_getFilterValueForTooltip, _KupDataTable_onGlobalFilterChange, _KupDataTable_handlePageChange, _KupDataTable_handleRowsPerPageChange, _KupDataTable_onRowClick, _KupDataTable_selectColumn, _KupDataTable_deselectColumn, _KupDataTable_onRowActionExpanderClick, _KupDataTable_handleRowSelect, _KupDataTable_onRowExpand, _KupDataTable_onSelectAll, _KupDataTable_openTotalMenu, _KupDataTable_closeTotalMenu, _KupDataTable_isOpenedTotalMenuForColumn, _KupDataTable_groupRows, _KupDataTable_onLoadMoreClick, _KupDataTable_adjustGroupState, _KupDataTable_adjustGroupStateFromRow, _KupDataTable_sortRows, _KupDataTable_getSortIcon, _KupDataTable_getSortDecode, _KupDataTable_calculateColspan, _KupDataTable_isGroupExpanded, _KupDataTable_handleColumnSort, _KupDataTable_moveSortedColumns, _KupDataTable_handleUpdateClick, _KupDataTable_onBlurHandler, _KupDataTable_applyLineBreaks, _KupDataTable_composeHeaderCellClassAndStyle, _KupDataTable_renderHeader, _KupDataTable_renderStickyHeader, _KupDataTable_totalMenuPosition, _KupDataTable_onTotalMenuOpen, _KupDataTable_renderRow, _KupDataTable_onCustomSettingsClick, _KupDataTable_openCustomSettings, _KupDataTable_closeCustomSettings, _KupDataTable_renderPaginator, _KupDataTable_columnRemoveArea, _KupDataTable_columnGroupArea, _KupDataTable_hideShowColumnDropArea, _KupDataTable_handleColumnGroup, _KupDataTable_transcodeItem, _KupDataTable_createListData, _KupDataTable_FONTSIZE_CODES, _KupDataTable_FONTSIZE_DECODES, _KupDataTable_FONTSIZE_ICONS, _KupDataTable_getFontSizeCodeFromDecode, _KupDataTable_renderFontSizePanel, _KupDataTable_DENSITY_DECODES, _KupDataTable_DENSITY_ICONS, _KupDataTable_getDensityCodeFromDecode, _KupDataTable_renderDensityPanel, _KupDataTable_GRID_CODES, _KupDataTable_GRID_DECODES, _KupDataTable_GRID_ICONS, _KupDataTable_getGridCodeFromDecode, _KupDataTable_renderTransposeSwitch, _KupDataTable_renderTotalsMatrix, _KupDataTable_renderGridPanel, _KupDataTable_renderCommandButton, _KupDataTable_handleChipsContextMenu, _KupDataTable_renderCommandDropDownButton, _KupDataTable_renderUpdateButtons;
|
|
8655
|
+
var _KupDataTable_instances, _KupDataTable_checkUpdateState, _KupDataTable_initialized, _KupDataTable_rows, _KupDataTable_rowsLength, _KupDataTable_paginatedRows, _KupDataTable_paginatedRowsLength, _KupDataTable_footer, _KupDataTable_kupManager, _KupDataTable_renderedRows, _KupDataTable_loadMoreEventCounter, _KupDataTable_loadMoreEventPreviousQuantity, _KupDataTable_theadRef, _KupDataTable_tableRef, _KupDataTable_originalData, _KupDataTable_originalDataLoaded, _KupDataTable_originalDataLoadedMaxId, _KupDataTable_insertedRowIds, _KupDataTable_modifiedRowsIds, _KupDataTable_tableAreaRef, _KupDataTable_stickyTheadRef, _KupDataTable_lastPointerDetails, _KupDataTable_customizeTopButtonRef, _KupDataTable_customizeTopPanelRef, _KupDataTable_sizedColumns, _KupDataTable_intObserver, _KupDataTable_navBarHeight, _KupDataTable_theadIntersecting, _KupDataTable_tableIntersecting, _KupDataTable_isSafariBrowser, _KupDataTable_isRestoringState, _KupDataTable_globalFilterTimeout, _KupDataTable_totalMenuCoords, _KupDataTable_clickTimeout, _KupDataTable_thRefs, _KupDataTable_rowsRefs, _KupDataTable_oldWidth, _KupDataTable_hold, _KupDataTable_interactableDrag, _KupDataTable_interactableDrop, _KupDataTable_interactableResize, _KupDataTable_interactableTouch, _KupDataTable_dropareaRef, _KupDataTable_removeDropareaRef, _KupDataTable_groupsDropareaRef, _KupDataTable_clickCb, _KupDataTable_clickCbCustomPanel, _KupDataTable_clickCbDropCard, _KupDataTable_resizeTimeout, _KupDataTable_columnMenuInstance, _KupDataTable_filtersColumnMenuInstance, _KupDataTable_filtersRowsInstance, _KupDataTable_detailCard, _KupDataTable_insertCard, _KupDataTable_actionsCard, _KupDataTable_confirmDeleteCard, _KupDataTable_confirmDeleteDialog, _KupDataTable_columnMenuCard, _KupDataTable_columnDropCard, _KupDataTable_columnDropCardAnchor, _KupDataTable_dropDownActionCardAnchor, _KupDataTable_insertCount, _KupDataTable_lastFocusedColumn, _KupDataTable_lastFocusedCell, _KupDataTable_lastFocusedRow, _KupDataTable_maxRowsPerPage, _KupDataTable_readyPromise, _KupDataTable_readyResolve, _KupDataTable_BUTTON_CANCEL_ID, _KupDataTable_BUTTON_SUBMIT_ID, _KupDataTable_FIELDS_FORM_ID, _KupDataTable_MESSAGE_ID, _KupDataTable_MESSAGE_WRAPPER_ID, _KupDataTable_INSERT_PREFIX, _KupDataTable_DEFAULT_ROWS_FOR_GLOBAL_FILTER, _KupDataTable_insertNewColumnInVisibleColumnsList, _KupDataTable_closeDropCard, _KupDataTable_createDropCard, _KupDataTable_calculateData, _KupDataTable_getRow, _KupDataTable__getRow, _KupDataTable_getTransposedData, _KupDataTable_setTransposedData, _KupDataTable_switchToTotalsMatrix, _KupDataTable_setObjForTotalsMatrix, _KupDataTable_stickyHeaderPosition, _KupDataTable_updateStickyHeaderSize, _KupDataTable_setObserver, _KupDataTable_didLoadInteractables, _KupDataTable_didRenderInteractables, _KupDataTable_didLoadObservers, _KupDataTable_didRenderObservers, _KupDataTable_didLoadEventHandling, _KupDataTable_scrollStickyHeader, _KupDataTable_checkScrollOnHover, _KupDataTable_customizePanelPosition, _KupDataTable_rowsPointLength, _KupDataTable_paginatedRowsPointLength, _KupDataTable__rowsLength, _KupDataTable_resetSelectedRows, _KupDataTable_getSizedColumns, _KupDataTable_rowDetail, _KupDataTable_dropDownActions, _KupDataTable_createDropDownActionsCard, _KupDataTable_clearSearchActionsCard, _KupDataTable_filterRowActionsCard, _KupDataTable_closeRowActionsCard, _KupDataTable_closeColumnMenuCard, _KupDataTable_prepareDataForActionsCard, _KupDataTable_rowInsertForm, _KupDataTable_rowsDelete, _KupDataTable_getEventDetails, _KupDataTable_getEventDetailsForCurrentSelection, _KupDataTable_getSourceElementCoordsForCurrentSelection, _KupDataTable_clickHandler, _KupDataTable_cellActionsMenuHandler, _KupDataTable_contextMenuHandler, _KupDataTable_tooltipRequestHandler, _KupDataTable_contextMenuHandlerDetailsManager, _KupDataTable_dblClickHandler, _KupDataTable_initRows, _KupDataTable_filterRows, _KupDataTable_isGrouping, _KupDataTable_hasRowActions, _KupDataTable_removeGroup, _KupDataTable_hasTotals, _KupDataTable_copyCellValueInColumnHandler, _KupDataTable_tableHasAutoWidth, _KupDataTable_forceGroupExpansion, _KupDataTable_forceRowGroupExpansion, _KupDataTable_adjustPaginator, _KupDataTable_setCellEditability, _KupDataTable_composeFixedCellStyleAndClass, _KupDataTable_updateFixedRowsAndColumnsCssVariables, _KupDataTable_horNav, _KupDataTable_verNav, _KupDataTable_onKupKeyDown, _KupDataTable_onColumnSort, _KupDataTable_onRemoveFilter, _KupDataTable_getFilterValueForTooltip, _KupDataTable_onGlobalFilterChange, _KupDataTable_handlePageChange, _KupDataTable_handleRowsPerPageChange, _KupDataTable_onRowClick, _KupDataTable_selectColumn, _KupDataTable_deselectColumn, _KupDataTable_onRowActionExpanderClick, _KupDataTable_handleRowSelect, _KupDataTable_onRowExpand, _KupDataTable_onSelectAll, _KupDataTable_openTotalMenu, _KupDataTable_closeTotalMenu, _KupDataTable_isOpenedTotalMenuForColumn, _KupDataTable_groupRows, _KupDataTable_onLoadMoreClick, _KupDataTable_adjustGroupState, _KupDataTable_adjustGroupStateFromRow, _KupDataTable_sortRows, _KupDataTable_getSortIcon, _KupDataTable_getSortDecode, _KupDataTable_calculateColspan, _KupDataTable_isGroupExpanded, _KupDataTable_handleColumnSort, _KupDataTable_moveSortedColumns, _KupDataTable_handleUpdateClick, _KupDataTable_onBlurHandler, _KupDataTable_applyLineBreaks, _KupDataTable_composeHeaderCellClassAndStyle, _KupDataTable_renderHeader, _KupDataTable_renderStickyHeader, _KupDataTable_totalMenuPosition, _KupDataTable_onTotalMenuOpen, _KupDataTable_renderRow, _KupDataTable_onCustomSettingsClick, _KupDataTable_openCustomSettings, _KupDataTable_closeCustomSettings, _KupDataTable_renderPaginator, _KupDataTable_columnRemoveArea, _KupDataTable_columnGroupArea, _KupDataTable_hideShowColumnDropArea, _KupDataTable_handleColumnGroup, _KupDataTable_transcodeItem, _KupDataTable_createListData, _KupDataTable_FONTSIZE_CODES, _KupDataTable_FONTSIZE_DECODES, _KupDataTable_FONTSIZE_ICONS, _KupDataTable_getFontSizeCodeFromDecode, _KupDataTable_renderFontSizePanel, _KupDataTable_DENSITY_DECODES, _KupDataTable_DENSITY_ICONS, _KupDataTable_getDensityCodeFromDecode, _KupDataTable_renderDensityPanel, _KupDataTable_GRID_CODES, _KupDataTable_GRID_DECODES, _KupDataTable_GRID_ICONS, _KupDataTable_getGridCodeFromDecode, _KupDataTable_renderTransposeSwitch, _KupDataTable_renderTotalsMatrix, _KupDataTable_renderGridPanel, _KupDataTable_renderCommandButton, _KupDataTable_handleChipsContextMenu, _KupDataTable_renderCommandDropDownButton, _KupDataTable_renderOtherButtons, _KupDataTable_renderUpdateButtons, _KupDataTable_createDeletePayload, _KupDataTable_isRowInserted, _KupDataTable_isRowModified, _KupDataTable_arraysContainSameElements;
|
|
8651
8656
|
const dom$2 = document.documentElement;
|
|
8652
8657
|
const KupDataTable = class {
|
|
8653
8658
|
constructor(hostRef) {
|
|
@@ -8716,6 +8721,10 @@ const KupDataTable = class {
|
|
|
8716
8721
|
* contains the id greater value in #originalDataLoaded
|
|
8717
8722
|
*/
|
|
8718
8723
|
_KupDataTable_insertedRowIds.set(this, []);
|
|
8724
|
+
/**
|
|
8725
|
+
* contains the id greater value in #originalDataLoaded
|
|
8726
|
+
*/
|
|
8727
|
+
_KupDataTable_modifiedRowsIds.set(this, []);
|
|
8719
8728
|
/**
|
|
8720
8729
|
* Reference to the working area of the table. This is the below-wrapper reference.
|
|
8721
8730
|
*/
|
|
@@ -8858,11 +8867,12 @@ const KupDataTable = class {
|
|
|
8858
8867
|
}
|
|
8859
8868
|
});
|
|
8860
8869
|
_KupDataTable_handleUpdateClick.set(this, (command) => {
|
|
8870
|
+
var _a, _b;
|
|
8861
8871
|
this.kupUpdate.emit({
|
|
8862
8872
|
comp: this,
|
|
8863
8873
|
id: this.rootElement.id,
|
|
8864
|
-
originalData: __classPrivateFieldGet$8(this, _KupDataTable_originalDataLoaded, "f"),
|
|
8865
|
-
updatedData: kupDataTableHelper.getDiffData(__classPrivateFieldGet$8(this, _KupDataTable_originalDataLoaded, "f"), this.data, true),
|
|
8874
|
+
originalData: (_a = __classPrivateFieldGet$8(this, _KupDataTable_originalDataLoaded, "f")) !== null && _a !== void 0 ? _a : this.data,
|
|
8875
|
+
updatedData: kupDataTableHelper.getDiffData((_b = __classPrivateFieldGet$8(this, _KupDataTable_originalDataLoaded, "f")) !== null && _b !== void 0 ? _b : this.data, this.data, true, __classPrivateFieldGet$8(this, _KupDataTable_insertedRowIds, "f")),
|
|
8866
8876
|
command: command,
|
|
8867
8877
|
});
|
|
8868
8878
|
});
|
|
@@ -9061,6 +9071,7 @@ const KupDataTable = class {
|
|
|
9061
9071
|
? kupManager$2.SelectionMode.MULTIPLE_CHECKBOX
|
|
9062
9072
|
: this.selection;
|
|
9063
9073
|
__classPrivateFieldSet$4(this, _KupDataTable_insertedRowIds, [], "f");
|
|
9074
|
+
__classPrivateFieldSet$4(this, _KupDataTable_modifiedRowsIds, [], "f");
|
|
9064
9075
|
__classPrivateFieldSet$4(this, _KupDataTable_originalDataLoadedMaxId, ((_c = __classPrivateFieldGet$8(this, _KupDataTable_originalDataLoaded, "f").rows) === null || _c === void 0 ? void 0 : _c.length) > 0
|
|
9065
9076
|
? Math.max(...__classPrivateFieldGet$8(this, _KupDataTable_originalDataLoaded, "f").rows.map((r) => parseInt(r.id)))
|
|
9066
9077
|
: -1, "f");
|
|
@@ -10067,7 +10078,7 @@ const KupDataTable = class {
|
|
|
10067
10078
|
__classPrivateFieldSet$4(this, _KupDataTable_sizedColumns, __classPrivateFieldGet$8(this, _KupDataTable_instances, "m", _KupDataTable_getSizedColumns).call(this), "f");
|
|
10068
10079
|
let rows = null;
|
|
10069
10080
|
if (__classPrivateFieldGet$8(this, _KupDataTable_paginatedRowsLength, "f") === 0) {
|
|
10070
|
-
rows = (index.h("tr", { key: '
|
|
10081
|
+
rows = (index.h("tr", { key: '902c7371c90ba64e20e2555b12ef5bc4fb21290d', ref: (el) => __classPrivateFieldGet$8(this, _KupDataTable_rowsRefs, "f").push(el) }, index.h("td", { key: 'b02884900122cb4bf8d743ab4541877a65064ec4', colSpan: __classPrivateFieldGet$8(this, _KupDataTable_instances, "m", _KupDataTable_calculateColspan).call(this) }, this.emptyDataLabel)));
|
|
10071
10082
|
}
|
|
10072
10083
|
else {
|
|
10073
10084
|
rows = [];
|
|
@@ -10143,7 +10154,7 @@ const KupDataTable = class {
|
|
|
10143
10154
|
__classPrivateFieldGet$8(this, _KupDataTable_instances, "m", _KupDataTable_handleChipsContextMenu).call(this, chipArg.id, e);
|
|
10144
10155
|
});
|
|
10145
10156
|
}
|
|
10146
|
-
groupChips = index.h(fChip.FChip, Object.assign({ key: '
|
|
10157
|
+
groupChips = index.h(fChip.FChip, Object.assign({ key: '217ee793c622149f45fc02884a84fd217f8b21b8' }, props));
|
|
10147
10158
|
}
|
|
10148
10159
|
}
|
|
10149
10160
|
const tableClass = {
|
|
@@ -10175,7 +10186,7 @@ const KupDataTable = class {
|
|
|
10175
10186
|
if (this.headerIsPersistent &&
|
|
10176
10187
|
this.tableHeight === undefined &&
|
|
10177
10188
|
this.tableWidth === undefined) {
|
|
10178
|
-
stickyEl = (index.h("sticky-header", { key: '
|
|
10189
|
+
stickyEl = (index.h("sticky-header", { key: '4a3d3a4d4b22801a227e7df37a433a5e9286dd3d', class: "hover-scrolling-child", hidden: !this.showHeader, ref: (el) => (__classPrivateFieldSet$4(this, _KupDataTable_stickyTheadRef, el, "f")) }, index.h("thead-sticky", { key: 'dbdb4e307318a5dc4acf586a52623ee00265889a' }, index.h("tr-sticky", { key: '3847c3a85153786af338aa0dacce81eabd1bcf1c' }, stickyHeader))));
|
|
10179
10190
|
}
|
|
10180
10191
|
let belowClass = 'below-wrapper';
|
|
10181
10192
|
if (!!this.tableHeight || !!this.tableWidth) {
|
|
@@ -10221,12 +10232,16 @@ const KupDataTable = class {
|
|
|
10221
10232
|
const useGlobalFilter = !this.legacyLook &&
|
|
10222
10233
|
(this.globalFilter ||
|
|
10223
10234
|
this.getRows().length > __classPrivateFieldGet$8(this, _KupDataTable_DEFAULT_ROWS_FOR_GLOBAL_FILTER, "f"));
|
|
10224
|
-
const compCreated = (index.h(index.Host, { key: '
|
|
10235
|
+
const compCreated = (index.h(index.Host, { key: 'e07fa79400eadf0b6101f062d45c3602d868c7ab', "onKup-drop": (e) => {
|
|
10225
10236
|
this.kupDataTableDrop.emit(e.detail);
|
|
10226
10237
|
}, "onKup-cell-input": (e) => {
|
|
10227
10238
|
autoselectOnAction(e);
|
|
10228
10239
|
this.kupDataTableCellInput.emit(e.detail);
|
|
10229
|
-
|
|
10240
|
+
__classPrivateFieldGet$8(this, _KupDataTable_modifiedRowsIds, "f").push(e.detail.row.id);
|
|
10241
|
+
}, "onKup-cell-update": (e) => {
|
|
10242
|
+
autoselectOnAction(e);
|
|
10243
|
+
__classPrivateFieldGet$8(this, _KupDataTable_modifiedRowsIds, "f").push(e.detail.row.id);
|
|
10244
|
+
}, "onKup-cell-blur": __classPrivateFieldGet$8(this, _KupDataTable_instances, "m", _KupDataTable_onBlurHandler), "onKup-cell-click": (e) => {
|
|
10230
10245
|
this.kupDataTableCellClick.emit(e.detail);
|
|
10231
10246
|
}, "onKup-cell-iconclick": (e) => {
|
|
10232
10247
|
this.kupDataTableCellIconClick.emit(e.detail);
|
|
@@ -10236,11 +10251,11 @@ const KupDataTable = class {
|
|
|
10236
10251
|
this.kupDataTableObjectFieldOpenSearchMenu.emit(e.detail);
|
|
10237
10252
|
}, "onKup-objectfield-selectedmenuitem": (e) => {
|
|
10238
10253
|
this.kupDataTableObjectFieldSelectedMenuItem.emit(e.detail);
|
|
10239
|
-
} }, index.h("style", { key: '
|
|
10254
|
+
} }, index.h("style", { key: '6311bee2d1697f6c4f5294b753475b9b11c5f847' }, __classPrivateFieldGet$8(this, _KupDataTable_kupManager, "f").theme.setKupStyle(this.rootElement)), this.updatableData ? __classPrivateFieldGet$8(this, _KupDataTable_instances, "m", _KupDataTable_renderUpdateButtons).call(this) : null, __classPrivateFieldGet$8(this, _KupDataTable_instances, "m", _KupDataTable_renderOtherButtons).call(this), index.h("div", { key: '09c976d6d1fe888ced301bf342a8ed62db08b9c7', id: GenericVariables.componentWrapperId, class: wrapClass }, index.h("div", { key: '1733cc9946c7a78c2569c4fcc2e3d15184838e70', class: "group-wrapper" }, groupChips), index.h("div", { key: 'beed723dc37a8b1b99bf6237fc5c596d9750004e', class: "actions-wrapper", style: actionWrapperWidth }, useGlobalFilter ? (index.h("div", { id: "global-filter" }, index.h(fTextField.FTextField, { fullWidth: true, icon: kupManager$2.KupThemeIconValues.SEARCH, label: __classPrivateFieldGet$8(this, _KupDataTable_kupManager, "f").language.translate(kupManager$2.KupLanguageSearch.SEARCH), sizing: kupManager$2.KupComponentSizing.EXTRA_SMALL, value: this.globalFilterValue, onInput: (event) => {
|
|
10240
10255
|
const t = event.target;
|
|
10241
10256
|
window.clearTimeout(__classPrivateFieldGet$8(this, _KupDataTable_globalFilterTimeout, "f"));
|
|
10242
10257
|
__classPrivateFieldSet$4(this, _KupDataTable_globalFilterTimeout, window.setTimeout(() => __classPrivateFieldGet$8(this, _KupDataTable_instances, "m", _KupDataTable_onGlobalFilterChange).call(this, t), 600, t), "f");
|
|
10243
|
-
} }))) : null, paginatorTop && (index.h("div", { key: '
|
|
10258
|
+
} }))) : null, paginatorTop && (index.h("div", { key: '9dfa26b1be7ecb3abea4bdf7a2d5761bc931bb61', class: "above-wrapper paginator-top" }, paginatorTop)), this.insertMode !== '' &&
|
|
10244
10259
|
this.selectedRows.length > 0 ? (index.h(fButton.FButton, { icon: "save", onClick: () => {
|
|
10245
10260
|
this.kupSave.emit({
|
|
10246
10261
|
comp: this,
|
|
@@ -10290,9 +10305,9 @@ const KupDataTable = class {
|
|
|
10290
10305
|
this.data.rows.unshift(row);
|
|
10291
10306
|
await this.refresh(true);
|
|
10292
10307
|
}
|
|
10293
|
-
}, sizing: kupManager$2.KupComponentSizing.MEDIUM, styling: fButtonDeclarations.FButtonStyling.RAISED, title: "Insert row", wrapperClass: "insert-button" })) : null), index.h("div", { key: '
|
|
10308
|
+
}, sizing: kupManager$2.KupComponentSizing.MEDIUM, styling: fButtonDeclarations.FButtonStyling.RAISED, title: "Insert row", wrapperClass: "insert-button" })) : null), index.h("div", { key: '4ff75f22a29a5dfa9bf6554d43d0de137cc58737', class: "droparea", ref: (el) => (__classPrivateFieldSet$4(this, _KupDataTable_dropareaRef, el, "f")) }, this.showGroups ? __classPrivateFieldGet$8(this, _KupDataTable_instances, "m", _KupDataTable_columnGroupArea).call(this) : null, this.removableColumns
|
|
10294
10309
|
? __classPrivateFieldGet$8(this, _KupDataTable_instances, "m", _KupDataTable_columnRemoveArea).call(this)
|
|
10295
|
-
: null), index.h("div", { key: '
|
|
10310
|
+
: null), index.h("div", { key: 'f1d27db06eb8d10641cb5159ef29ff9d0cf88a18', style: elStyle, class: belowClass, ref: (el) => (__classPrivateFieldSet$4(this, _KupDataTable_tableAreaRef, el, "f")) }, this.showCustomization
|
|
10296
10311
|
? [
|
|
10297
10312
|
index.h("div", { class: "settings-trigger", onClick: () => {
|
|
10298
10313
|
__classPrivateFieldGet$8(this, _KupDataTable_instances, "m", _KupDataTable_onCustomSettingsClick).call(this);
|
|
@@ -10301,7 +10316,7 @@ const KupDataTable = class {
|
|
|
10301
10316
|
} }, index.h(fImage.FImage, { color: `var(${kupManager$2.KupThemeColorValues.TITLE})`, resource: "settings", sizeX: "10px" })),
|
|
10302
10317
|
this.renderCustomizePanel(),
|
|
10303
10318
|
]
|
|
10304
|
-
: null, index.h("table", { key: '
|
|
10319
|
+
: null, index.h("table", { key: 'a2aed0782eb7313b7ea421e2e6ce5249c3dc8171', class: tableClass, ref: (el) => (__classPrivateFieldSet$4(this, _KupDataTable_tableRef, el, "f")), onKeyDown: (e) => __classPrivateFieldGet$8(this, _KupDataTable_onKupKeyDown, "f").call(this, e), onMouseLeave: (ev) => {
|
|
10305
10320
|
ev.stopPropagation();
|
|
10306
10321
|
}, onPointerDown: (e) => {
|
|
10307
10322
|
__classPrivateFieldSet$4(this, _KupDataTable_lastPointerDetails, __classPrivateFieldGet$8(this, _KupDataTable_instances, "m", _KupDataTable_getEventDetails).call(this, __classPrivateFieldGet$8(this, _KupDataTable_kupManager, "f").getEventPath(e.target, this.rootElement), e), "f");
|
|
@@ -10309,7 +10324,7 @@ const KupDataTable = class {
|
|
|
10309
10324
|
__classPrivateFieldSet$4(this, _KupDataTable_lastPointerDetails, __classPrivateFieldGet$8(this, _KupDataTable_instances, "m", _KupDataTable_getEventDetails).call(this, __classPrivateFieldGet$8(this, _KupDataTable_kupManager, "f").getEventPath(e.target, this.rootElement), e), "f");
|
|
10310
10325
|
}, onContextMenu: (e) => {
|
|
10311
10326
|
e.preventDefault();
|
|
10312
|
-
} }, index.h("thead", { key: '
|
|
10327
|
+
} }, index.h("thead", { key: '35c20848d82327d48eb6cdcce8a69c785d343e79', hidden: !this.showHeader, ref: (el) => (__classPrivateFieldSet$4(this, _KupDataTable_theadRef, el, "f")) }, index.h("tr", { key: 'aef2b03f6050da0abb10bd95a0abf95e55bdcfa3' }, header)), index.h("tbody", { key: 'f8895a2d3f0e4cf0f10fdbf2ef991b563d5585e2' }, rows), this.showFooter && this.renderFooter()), stickyEl), paginatorBottom)));
|
|
10313
10328
|
__classPrivateFieldGet$8(this, _KupDataTable_kupManager, "f").perfMonitoring.measure('componentRender', 'kup-data-table');
|
|
10314
10329
|
return compCreated;
|
|
10315
10330
|
}
|
|
@@ -10357,7 +10372,7 @@ const KupDataTable = class {
|
|
|
10357
10372
|
"transpose": ["recalculateData"]
|
|
10358
10373
|
}; }
|
|
10359
10374
|
};
|
|
10360
|
-
_KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _KupDataTable_rowsLength = new WeakMap(), _KupDataTable_paginatedRows = new WeakMap(), _KupDataTable_paginatedRowsLength = new WeakMap(), _KupDataTable_footer = new WeakMap(), _KupDataTable_kupManager = new WeakMap(), _KupDataTable_renderedRows = new WeakMap(), _KupDataTable_loadMoreEventCounter = new WeakMap(), _KupDataTable_loadMoreEventPreviousQuantity = new WeakMap(), _KupDataTable_theadRef = new WeakMap(), _KupDataTable_tableRef = new WeakMap(), _KupDataTable_originalData = new WeakMap(), _KupDataTable_originalDataLoaded = new WeakMap(), _KupDataTable_originalDataLoadedMaxId = new WeakMap(), _KupDataTable_insertedRowIds = new WeakMap(), _KupDataTable_tableAreaRef = new WeakMap(), _KupDataTable_stickyTheadRef = new WeakMap(), _KupDataTable_lastPointerDetails = new WeakMap(), _KupDataTable_customizeTopButtonRef = new WeakMap(), _KupDataTable_customizeTopPanelRef = new WeakMap(), _KupDataTable_sizedColumns = new WeakMap(), _KupDataTable_intObserver = new WeakMap(), _KupDataTable_navBarHeight = new WeakMap(), _KupDataTable_theadIntersecting = new WeakMap(), _KupDataTable_tableIntersecting = new WeakMap(), _KupDataTable_isSafariBrowser = new WeakMap(), _KupDataTable_isRestoringState = new WeakMap(), _KupDataTable_globalFilterTimeout = new WeakMap(), _KupDataTable_totalMenuCoords = new WeakMap(), _KupDataTable_clickTimeout = new WeakMap(), _KupDataTable_thRefs = new WeakMap(), _KupDataTable_rowsRefs = new WeakMap(), _KupDataTable_oldWidth = new WeakMap(), _KupDataTable_hold = new WeakMap(), _KupDataTable_interactableDrag = new WeakMap(), _KupDataTable_interactableDrop = new WeakMap(), _KupDataTable_interactableResize = new WeakMap(), _KupDataTable_interactableTouch = new WeakMap(), _KupDataTable_dropareaRef = new WeakMap(), _KupDataTable_removeDropareaRef = new WeakMap(), _KupDataTable_groupsDropareaRef = new WeakMap(), _KupDataTable_clickCb = new WeakMap(), _KupDataTable_clickCbCustomPanel = new WeakMap(), _KupDataTable_clickCbDropCard = new WeakMap(), _KupDataTable_resizeTimeout = new WeakMap(), _KupDataTable_columnMenuInstance = new WeakMap(), _KupDataTable_filtersColumnMenuInstance = new WeakMap(), _KupDataTable_filtersRowsInstance = new WeakMap(), _KupDataTable_detailCard = new WeakMap(), _KupDataTable_insertCard = new WeakMap(), _KupDataTable_actionsCard = new WeakMap(), _KupDataTable_confirmDeleteCard = new WeakMap(), _KupDataTable_confirmDeleteDialog = new WeakMap(), _KupDataTable_columnMenuCard = new WeakMap(), _KupDataTable_columnDropCard = new WeakMap(), _KupDataTable_columnDropCardAnchor = new WeakMap(), _KupDataTable_dropDownActionCardAnchor = new WeakMap(), _KupDataTable_insertCount = new WeakMap(), _KupDataTable_lastFocusedColumn = new WeakMap(), _KupDataTable_lastFocusedCell = new WeakMap(), _KupDataTable_lastFocusedRow = new WeakMap(), _KupDataTable_maxRowsPerPage = new WeakMap(), _KupDataTable_readyPromise = new WeakMap(), _KupDataTable_readyResolve = new WeakMap(), _KupDataTable_BUTTON_CANCEL_ID = new WeakMap(), _KupDataTable_BUTTON_SUBMIT_ID = new WeakMap(), _KupDataTable_FIELDS_FORM_ID = new WeakMap(), _KupDataTable_MESSAGE_ID = new WeakMap(), _KupDataTable_MESSAGE_WRAPPER_ID = new WeakMap(), _KupDataTable_INSERT_PREFIX = new WeakMap(), _KupDataTable_DEFAULT_ROWS_FOR_GLOBAL_FILTER = new WeakMap(), _KupDataTable_stickyHeaderPosition = new WeakMap(), _KupDataTable_horNav = new WeakMap(), _KupDataTable_verNav = new WeakMap(), _KupDataTable_onKupKeyDown = new WeakMap(), _KupDataTable_handleUpdateClick = new WeakMap(), _KupDataTable_FONTSIZE_CODES = new WeakMap(), _KupDataTable_FONTSIZE_DECODES = new WeakMap(), _KupDataTable_FONTSIZE_ICONS = new WeakMap(), _KupDataTable_DENSITY_DECODES = new WeakMap(), _KupDataTable_DENSITY_ICONS = new WeakMap(), _KupDataTable_GRID_CODES = new WeakMap(), _KupDataTable_GRID_DECODES = new WeakMap(), _KupDataTable_GRID_ICONS = new WeakMap(), _KupDataTable_instances = new WeakSet(), _KupDataTable_checkUpdateState = function _KupDataTable_checkUpdateState() {
|
|
10375
|
+
_KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _KupDataTable_rowsLength = new WeakMap(), _KupDataTable_paginatedRows = new WeakMap(), _KupDataTable_paginatedRowsLength = new WeakMap(), _KupDataTable_footer = new WeakMap(), _KupDataTable_kupManager = new WeakMap(), _KupDataTable_renderedRows = new WeakMap(), _KupDataTable_loadMoreEventCounter = new WeakMap(), _KupDataTable_loadMoreEventPreviousQuantity = new WeakMap(), _KupDataTable_theadRef = new WeakMap(), _KupDataTable_tableRef = new WeakMap(), _KupDataTable_originalData = new WeakMap(), _KupDataTable_originalDataLoaded = new WeakMap(), _KupDataTable_originalDataLoadedMaxId = new WeakMap(), _KupDataTable_insertedRowIds = new WeakMap(), _KupDataTable_modifiedRowsIds = new WeakMap(), _KupDataTable_tableAreaRef = new WeakMap(), _KupDataTable_stickyTheadRef = new WeakMap(), _KupDataTable_lastPointerDetails = new WeakMap(), _KupDataTable_customizeTopButtonRef = new WeakMap(), _KupDataTable_customizeTopPanelRef = new WeakMap(), _KupDataTable_sizedColumns = new WeakMap(), _KupDataTable_intObserver = new WeakMap(), _KupDataTable_navBarHeight = new WeakMap(), _KupDataTable_theadIntersecting = new WeakMap(), _KupDataTable_tableIntersecting = new WeakMap(), _KupDataTable_isSafariBrowser = new WeakMap(), _KupDataTable_isRestoringState = new WeakMap(), _KupDataTable_globalFilterTimeout = new WeakMap(), _KupDataTable_totalMenuCoords = new WeakMap(), _KupDataTable_clickTimeout = new WeakMap(), _KupDataTable_thRefs = new WeakMap(), _KupDataTable_rowsRefs = new WeakMap(), _KupDataTable_oldWidth = new WeakMap(), _KupDataTable_hold = new WeakMap(), _KupDataTable_interactableDrag = new WeakMap(), _KupDataTable_interactableDrop = new WeakMap(), _KupDataTable_interactableResize = new WeakMap(), _KupDataTable_interactableTouch = new WeakMap(), _KupDataTable_dropareaRef = new WeakMap(), _KupDataTable_removeDropareaRef = new WeakMap(), _KupDataTable_groupsDropareaRef = new WeakMap(), _KupDataTable_clickCb = new WeakMap(), _KupDataTable_clickCbCustomPanel = new WeakMap(), _KupDataTable_clickCbDropCard = new WeakMap(), _KupDataTable_resizeTimeout = new WeakMap(), _KupDataTable_columnMenuInstance = new WeakMap(), _KupDataTable_filtersColumnMenuInstance = new WeakMap(), _KupDataTable_filtersRowsInstance = new WeakMap(), _KupDataTable_detailCard = new WeakMap(), _KupDataTable_insertCard = new WeakMap(), _KupDataTable_actionsCard = new WeakMap(), _KupDataTable_confirmDeleteCard = new WeakMap(), _KupDataTable_confirmDeleteDialog = new WeakMap(), _KupDataTable_columnMenuCard = new WeakMap(), _KupDataTable_columnDropCard = new WeakMap(), _KupDataTable_columnDropCardAnchor = new WeakMap(), _KupDataTable_dropDownActionCardAnchor = new WeakMap(), _KupDataTable_insertCount = new WeakMap(), _KupDataTable_lastFocusedColumn = new WeakMap(), _KupDataTable_lastFocusedCell = new WeakMap(), _KupDataTable_lastFocusedRow = new WeakMap(), _KupDataTable_maxRowsPerPage = new WeakMap(), _KupDataTable_readyPromise = new WeakMap(), _KupDataTable_readyResolve = new WeakMap(), _KupDataTable_BUTTON_CANCEL_ID = new WeakMap(), _KupDataTable_BUTTON_SUBMIT_ID = new WeakMap(), _KupDataTable_FIELDS_FORM_ID = new WeakMap(), _KupDataTable_MESSAGE_ID = new WeakMap(), _KupDataTable_MESSAGE_WRAPPER_ID = new WeakMap(), _KupDataTable_INSERT_PREFIX = new WeakMap(), _KupDataTable_DEFAULT_ROWS_FOR_GLOBAL_FILTER = new WeakMap(), _KupDataTable_stickyHeaderPosition = new WeakMap(), _KupDataTable_horNav = new WeakMap(), _KupDataTable_verNav = new WeakMap(), _KupDataTable_onKupKeyDown = new WeakMap(), _KupDataTable_handleUpdateClick = new WeakMap(), _KupDataTable_FONTSIZE_CODES = new WeakMap(), _KupDataTable_FONTSIZE_DECODES = new WeakMap(), _KupDataTable_FONTSIZE_ICONS = new WeakMap(), _KupDataTable_DENSITY_DECODES = new WeakMap(), _KupDataTable_DENSITY_ICONS = new WeakMap(), _KupDataTable_GRID_CODES = new WeakMap(), _KupDataTable_GRID_DECODES = new WeakMap(), _KupDataTable_GRID_ICONS = new WeakMap(), _KupDataTable_instances = new WeakSet(), _KupDataTable_checkUpdateState = function _KupDataTable_checkUpdateState() {
|
|
10361
10376
|
let somethingChanged = false;
|
|
10362
10377
|
if (!__classPrivateFieldGet$8(this, _KupDataTable_kupManager, "f").objects.deepEqual(this.state.filters, this.filters)) {
|
|
10363
10378
|
this.state.filters = Object.assign({}, this.filters);
|
|
@@ -12821,6 +12836,8 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
|
|
|
12821
12836
|
__classPrivateFieldGet$8(this, _KupDataTable_renderedRows, "f").push(row);
|
|
12822
12837
|
const rowClass = {
|
|
12823
12838
|
selected: this.selectedRows.includes(row),
|
|
12839
|
+
inserted: __classPrivateFieldGet$8(this, _KupDataTable_instances, "m", _KupDataTable_isRowInserted).call(this, row.id),
|
|
12840
|
+
modified: !__classPrivateFieldGet$8(this, _KupDataTable_instances, "m", _KupDataTable_isRowInserted).call(this, row.id) && __classPrivateFieldGet$8(this, _KupDataTable_instances, "m", _KupDataTable_isRowModified).call(this, row.id),
|
|
12824
12841
|
};
|
|
12825
12842
|
if (row.cssClass) {
|
|
12826
12843
|
rowClass[row.cssClass] = true;
|
|
@@ -13084,18 +13101,39 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
|
|
|
13084
13101
|
return (index.h("kup-dropdown-button", Object.assign({}, commandObj.data, { styling: styling, sizing: kupManager$2.KupComponentSizing.MEDIUM, label: commandObj.value, data: data, "onkup-dropdownbutton-itemclick": (e) => {
|
|
13085
13102
|
__classPrivateFieldGet$8(this, _KupDataTable_handleUpdateClick, "f").call(this, e.detail.node);
|
|
13086
13103
|
} })));
|
|
13104
|
+
}, _KupDataTable_renderOtherButtons = function _KupDataTable_renderOtherButtons() {
|
|
13105
|
+
const styling = fButtonDeclarations.FButtonStyling.FLAT;
|
|
13106
|
+
const addCommands = () => {
|
|
13107
|
+
var _a, _b, _c;
|
|
13108
|
+
(_c = (_b = (_a = this.data) === null || _a === void 0 ? void 0 : _a.setup) === null || _b === void 0 ? void 0 : _b.otherCommands) === null || _c === void 0 ? void 0 : _c.forEach((commandObj) => {
|
|
13109
|
+
commandButtons.push((commandObj === null || commandObj === void 0 ? void 0 : commandObj.children) && (commandObj === null || commandObj === void 0 ? void 0 : commandObj.children.length) > 0
|
|
13110
|
+
? __classPrivateFieldGet$8(this, _KupDataTable_instances, "m", _KupDataTable_renderCommandDropDownButton).call(this, commandObj, styling)
|
|
13111
|
+
: __classPrivateFieldGet$8(this, _KupDataTable_instances, "m", _KupDataTable_renderCommandButton).call(this, commandObj, styling));
|
|
13112
|
+
});
|
|
13113
|
+
};
|
|
13114
|
+
let commandButtons = [];
|
|
13115
|
+
addCommands();
|
|
13116
|
+
return (!!commandButtons.length && (index.h("div", { class: "commands" }, commandButtons)));
|
|
13087
13117
|
}, _KupDataTable_renderUpdateButtons = function _KupDataTable_renderUpdateButtons() {
|
|
13088
13118
|
const styling = fButtonDeclarations.FButtonStyling.FLAT;
|
|
13089
13119
|
const createRowWithInputFields = () => {
|
|
13090
13120
|
var _a;
|
|
13091
|
-
|
|
13092
|
-
(_a =
|
|
13093
|
-
var _a;
|
|
13094
|
-
|
|
13095
|
-
shape: (_a = c.shape) !== null && _a !== void 0 ? _a : kupManager$2.FCellShapes.
|
|
13121
|
+
const row = { cells: {} };
|
|
13122
|
+
(_a = this.data) === null || _a === void 0 ? void 0 : _a.columns.forEach((c) => {
|
|
13123
|
+
var _a, _b;
|
|
13124
|
+
const cell = {
|
|
13125
|
+
shape: (_a = c.shape) !== null && _a !== void 0 ? _a : kupManager$2.FCellShapes.TEXT_FIELD,
|
|
13096
13126
|
obj: Object.assign({}, c.obj),
|
|
13097
|
-
isEditable: true,
|
|
13127
|
+
isEditable: (_b = c.isEditable) !== null && _b !== void 0 ? _b : true,
|
|
13128
|
+
data: {},
|
|
13098
13129
|
};
|
|
13130
|
+
if (c['length'] && c['maxLength']) {
|
|
13131
|
+
cell.data = {
|
|
13132
|
+
size: c['length'],
|
|
13133
|
+
maxLength: c['maxLength'],
|
|
13134
|
+
};
|
|
13135
|
+
}
|
|
13136
|
+
row.cells[c.name] = cell;
|
|
13099
13137
|
});
|
|
13100
13138
|
return row;
|
|
13101
13139
|
};
|
|
@@ -13122,10 +13160,6 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
|
|
|
13122
13160
|
__classPrivateFieldGet$8(this, _KupDataTable_insertedRowIds, "f").push(newRow.id);
|
|
13123
13161
|
this.insertNewRow(newRow, true);
|
|
13124
13162
|
};
|
|
13125
|
-
const deleteRowHandler = async () => {
|
|
13126
|
-
const ids = (await this.getSelectedRows()).map((row) => row.id);
|
|
13127
|
-
this.deleteRows(ids);
|
|
13128
|
-
};
|
|
13129
13163
|
const addConfirmButton = () => {
|
|
13130
13164
|
if (this.hiddenSubmitButton) {
|
|
13131
13165
|
return;
|
|
@@ -13156,7 +13190,24 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
|
|
|
13156
13190
|
enabled: operationList === null || operationList === void 0 ? void 0 : operationList.delete,
|
|
13157
13191
|
icon: 'minus',
|
|
13158
13192
|
title: __classPrivateFieldGet$8(this, _KupDataTable_kupManager, "f").language.translate(kupManager$2.KupLanguageGeneric.ROW_DELETE),
|
|
13159
|
-
onClickHandler: () =>
|
|
13193
|
+
onClickHandler: () => {
|
|
13194
|
+
const selectedRowsIds = this.selectedRows.map((row) => row.id);
|
|
13195
|
+
const insertedRowsIds = __classPrivateFieldGet$8(this, _KupDataTable_insertedRowIds, "f");
|
|
13196
|
+
if (__classPrivateFieldGet$8(this, _KupDataTable_instances, "m", _KupDataTable_arraysContainSameElements).call(this, selectedRowsIds, insertedRowsIds)) {
|
|
13197
|
+
//If the only rows to delete are the ones inserted by the user
|
|
13198
|
+
//AND NOT CONFIRMED, avoid calling the update
|
|
13199
|
+
this.deleteRows(selectedRowsIds);
|
|
13200
|
+
}
|
|
13201
|
+
else {
|
|
13202
|
+
this.kupUpdate.emit({
|
|
13203
|
+
comp: this,
|
|
13204
|
+
id: this.rootElement.id,
|
|
13205
|
+
originalData: __classPrivateFieldGet$8(this, _KupDataTable_originalDataLoaded, "f"),
|
|
13206
|
+
updatedData: __classPrivateFieldGet$8(this, _KupDataTable_instances, "m", _KupDataTable_createDeletePayload).call(this),
|
|
13207
|
+
command: undefined,
|
|
13208
|
+
});
|
|
13209
|
+
}
|
|
13210
|
+
},
|
|
13160
13211
|
},
|
|
13161
13212
|
};
|
|
13162
13213
|
Object.values(operations)
|
|
@@ -13170,6 +13221,20 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
|
|
|
13170
13221
|
addCommands();
|
|
13171
13222
|
addOperations();
|
|
13172
13223
|
return (!!commandButtons.length && (index.h("div", { class: "commands" }, commandButtons)));
|
|
13224
|
+
}, _KupDataTable_createDeletePayload = function _KupDataTable_createDeletePayload() {
|
|
13225
|
+
const idsToRemove = this.selectedRows.map((item) => item.id);
|
|
13226
|
+
const newRows = __classPrivateFieldGet$8(this, _KupDataTable_originalDataLoaded, "f").rows.filter((row) => !idsToRemove.includes(row.id));
|
|
13227
|
+
return kupDataTableHelper.getDiffData(__classPrivateFieldGet$8(this, _KupDataTable_originalDataLoaded, "f"), Object.assign(Object.assign({}, __classPrivateFieldGet$8(this, _KupDataTable_originalDataLoaded, "f")), { rows: newRows }), true);
|
|
13228
|
+
}, _KupDataTable_isRowInserted = function _KupDataTable_isRowInserted(rowId) {
|
|
13229
|
+
return __classPrivateFieldGet$8(this, _KupDataTable_insertedRowIds, "f").includes(rowId);
|
|
13230
|
+
}, _KupDataTable_isRowModified = function _KupDataTable_isRowModified(rowId) {
|
|
13231
|
+
return __classPrivateFieldGet$8(this, _KupDataTable_modifiedRowsIds, "f").includes(rowId);
|
|
13232
|
+
}, _KupDataTable_arraysContainSameElements = function _KupDataTable_arraysContainSameElements(arr1, arr2) {
|
|
13233
|
+
if (arr1.length !== arr2.length)
|
|
13234
|
+
return false;
|
|
13235
|
+
const sorted1 = [...arr1].sort();
|
|
13236
|
+
const sorted2 = [...arr2].sort();
|
|
13237
|
+
return sorted1.every((val, index) => val === sorted2[index]);
|
|
13173
13238
|
};
|
|
13174
13239
|
KupDataTable.style = KupDataTableStyle0;
|
|
13175
13240
|
|
|
@@ -14251,6 +14316,7 @@ const KupFileUpload = class {
|
|
|
14251
14316
|
this.FupMul = 'false';
|
|
14252
14317
|
this.FupAut = 'false';
|
|
14253
14318
|
this.FupDir = null;
|
|
14319
|
+
this.FupAty = null;
|
|
14254
14320
|
this.error = undefined;
|
|
14255
14321
|
this.inputRef = undefined;
|
|
14256
14322
|
this.tempFiles = [];
|
|
@@ -14259,6 +14325,7 @@ const KupFileUpload = class {
|
|
|
14259
14325
|
this.showSpinner = false;
|
|
14260
14326
|
this.multiUpload = false;
|
|
14261
14327
|
this.autoUpload = false;
|
|
14328
|
+
this.acceptedFiles = null;
|
|
14262
14329
|
}
|
|
14263
14330
|
//#endregion
|
|
14264
14331
|
//#region WATCHERS
|
|
@@ -14277,6 +14344,10 @@ const KupFileUpload = class {
|
|
|
14277
14344
|
onFupAutChanged() {
|
|
14278
14345
|
this.autoUpload = this.FupAut === 'true';
|
|
14279
14346
|
}
|
|
14347
|
+
onFupFupAtyChanged() {
|
|
14348
|
+
var _a;
|
|
14349
|
+
this.acceptedFiles = (_a = this.FupAty) === null || _a === void 0 ? void 0 : _a.split('|').map((ext) => `.${ext}`);
|
|
14350
|
+
}
|
|
14280
14351
|
//#endregion
|
|
14281
14352
|
//#region PUBLIC METHODS
|
|
14282
14353
|
/*-------------------------------------------------*/
|
|
@@ -14335,11 +14406,13 @@ const KupFileUpload = class {
|
|
|
14335
14406
|
/* L i f e c y c l e H o o k s */
|
|
14336
14407
|
/*-------------------------------------------------*/
|
|
14337
14408
|
componentWillLoad() {
|
|
14409
|
+
var _a;
|
|
14338
14410
|
__classPrivateFieldGet$6(this, _KupFileUpload_kupManager, "f").debug.logLoad(this, false);
|
|
14339
14411
|
__classPrivateFieldGet$6(this, _KupFileUpload_kupManager, "f").language.register(this);
|
|
14340
14412
|
__classPrivateFieldGet$6(this, _KupFileUpload_kupManager, "f").theme.register(this);
|
|
14341
14413
|
this.multiUpload = this.FupMul === 'true';
|
|
14342
14414
|
this.autoUpload = this.FupAut === 'true';
|
|
14415
|
+
this.acceptedFiles = (_a = this.FupAty) === null || _a === void 0 ? void 0 : _a.split('|').map((ext) => `.${ext}`);
|
|
14343
14416
|
}
|
|
14344
14417
|
componentDidLoad() {
|
|
14345
14418
|
this.kupReady.emit({ comp: this, id: this.rootElement.id });
|
|
@@ -14352,10 +14425,11 @@ const KupFileUpload = class {
|
|
|
14352
14425
|
__classPrivateFieldGet$6(this, _KupFileUpload_kupManager, "f").debug.logRender(this, true);
|
|
14353
14426
|
}
|
|
14354
14427
|
render() {
|
|
14355
|
-
|
|
14428
|
+
var _a;
|
|
14429
|
+
return (index.h(index.Host, { key: 'f08391eac6f841cb117304af6a09ae63ff92549b' }, index.h("style", { key: 'acc0df4a07fdd65f35182769077763a9643f34b0' }, __classPrivateFieldGet$6(this, _KupFileUpload_kupManager, "f").theme.setKupStyle(this.rootElement)), index.h("div", { key: '11e1fb63a9949c804f9b41236c218b80eef965a1', id: GenericVariables.componentWrapperId }, index.h("div", { key: '8cf8270d6e066bc361feda602a82ac97657853a4', class: {
|
|
14356
14430
|
'file-upload': true,
|
|
14357
14431
|
'file-upload-spinner': this.showSpinner,
|
|
14358
|
-
}, onDrop: __classPrivateFieldGet$6(this, _KupFileUpload_instances, "m", _KupFileUpload_handleDrop).bind(this), onDragOver: (event) => event.preventDefault() }, index.h("input", { key: '
|
|
14432
|
+
}, onDrop: __classPrivateFieldGet$6(this, _KupFileUpload_instances, "m", _KupFileUpload_handleDrop).bind(this), onDragOver: (event) => event.preventDefault() }, index.h("input", { key: 'a34748d05872c863c0f96ef5a8e4fa36f549f1ae', type: "file", ref: (el) => (this.inputRef = el), onChange: __classPrivateFieldGet$6(this, _KupFileUpload_instances, "m", _KupFileUpload_handleFileChange).bind(this), multiple: this.multiUpload, accept: (_a = this.acceptedFiles) === null || _a === void 0 ? void 0 : _a.join(','), hidden: true }), index.h("div", { key: 'cc13058c673bc816ff51e8278b187c87a1ef4467', class: "file-upload__buttons" }, index.h(fButton.FButton, { key: 'b54e4ff41658b67e1700b2d4c06885ea37ae3004', icon: "upload", label: __classPrivateFieldGet$6(this, _KupFileUpload_kupManager, "f").language.translate(kupManager$2.KupLanguageGeneric.CHOOSE), onClick: __classPrivateFieldGet$6(this, _KupFileUpload_instances, "m", _KupFileUpload_handleClick).bind(this) }), !this.autoUpload && (index.h(index.Fragment, { key: 'd2df1fc3e94dc20573226456a5131599140817d3' }, index.h(fButton.FButton, { key: '6b05c656c460218841c85e4f07dde8965f47c36e', icon: "save", disabled: !this.tempFiles.length, label: __classPrivateFieldGet$6(this, _KupFileUpload_kupManager, "f").language.translate(kupManager$2.KupLanguageGeneric.UPLOAD), onClick: __classPrivateFieldGet$6(this, _KupFileUpload_instances, "m", _KupFileUpload_uploadClick).bind(this), styling: fButtonDeclarations.FButtonStyling.FLAT }), index.h(fButton.FButton, { key: '70ac6c463966d7e0fd2f69a59a648334587d46ef', icon: "clear", disabled: !this.tempFiles.length, label: __classPrivateFieldGet$6(this, _KupFileUpload_kupManager, "f").language.translate(kupManager$2.KupLanguageGeneric.ABORT), onClick: __classPrivateFieldGet$6(this, _KupFileUpload_instances, "m", _KupFileUpload_handleCancel).bind(this), styling: fButtonDeclarations.FButtonStyling.FLAT })))), this.error && (index.h("div", { key: '90c46db7caa99ba8460b0b925135ef1c9223e3e8', class: "file-upload__error" }, index.h("span", { key: '5a50f58e4d6e6cd87ac3074d48c849fc54716de5', class: "mdc-error-message" }, this.error))), this.uploadSuccess ? (index.h("span", null, __classPrivateFieldGet$6(this, _KupFileUpload_kupManager, "f").language.translate(kupManager$2.KupLanguageUpload.SUCCESS))) : (index.h("div", { class: "file-upload__list" }, this.tempFiles.map((file, i) => (index.h("div", { class: "file-upload__list__item" }, index.h("div", { class: "file-upload__list__item__preview" }, index.h(fImage.FImage, { resource: __classPrivateFieldGet$6(this, _KupFileUpload_instances, "m", _KupFileUpload_getPreview).call(this, file), placeholderResource: "file" })), index.h("span", { class: "file-upload__list__item__desc", title: file.name }, __classPrivateFieldGet$6(this, _KupFileUpload_instances, "m", _KupFileUpload_trimFileName).call(this, file.name)), index.h("span", { class: "file-upload__list__item__clear", onClick: __classPrivateFieldGet$6(this, _KupFileUpload_instances, "m", _KupFileUpload_handleFileRemove).bind(this, i) })))))), this.pathFiles.length ? (index.h("div", { class: "file-upload__list" }, this.pathFiles.map((path, i) => (index.h("span", { class: "file-upload__list__item" }, index.h("span", null, i + 1, ". ", path)))))) : null, this.showSpinner && (index.h("div", { key: '4cf819053c80ffaff9225fa351e9c1c3f37791b6', class: "file-upload__spinner-container" }, index.h("kup-spinner", { key: '3e1c322698976c8243fd6e9aefc678727056f8ea', active: true, layout: 14, dimensions: "7px" })))))));
|
|
14359
14433
|
}
|
|
14360
14434
|
disconnectedCallback() {
|
|
14361
14435
|
__classPrivateFieldGet$6(this, _KupFileUpload_kupManager, "f").language.unregister(this);
|
|
@@ -14365,7 +14439,8 @@ const KupFileUpload = class {
|
|
|
14365
14439
|
static get watchers() { return {
|
|
14366
14440
|
"pathString": ["onDataChanged"],
|
|
14367
14441
|
"FupMul": ["onFupMulChanged"],
|
|
14368
|
-
"FupAut": ["onFupAutChanged"]
|
|
14442
|
+
"FupAut": ["onFupAutChanged"],
|
|
14443
|
+
"FupAty": ["onFupFupAtyChanged"]
|
|
14369
14444
|
}; }
|
|
14370
14445
|
};
|
|
14371
14446
|
_KupFileUpload_kupManager = new WeakMap(), _KupFileUpload_previewMap = new WeakMap(), _KupFileUpload_instances = new WeakSet(), _KupFileUpload_handleClick = function _KupFileUpload_handleClick() {
|
|
@@ -3,20 +3,20 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
const index = require('./index-c7d441d8.js');
|
|
6
|
-
const kupManager = require('./kup-manager-
|
|
7
|
-
const kupDataTableHelper = require('./kup-data-table-helper-
|
|
6
|
+
const kupManager = require('./kup-manager-15f30f03.js');
|
|
7
|
+
const kupDataTableHelper = require('./kup-data-table-helper-63e5d7a2.js');
|
|
8
8
|
const fImage = require('./f-image-db10b066.js');
|
|
9
|
-
const fChip = require('./f-chip-
|
|
9
|
+
const fChip = require('./f-chip-f1b14141.js');
|
|
10
10
|
const GenericVariables = require('./GenericVariables-1d52ba57.js');
|
|
11
|
-
const fCell = require('./f-cell-
|
|
12
|
-
const fPaginatorUtils = require('./f-paginator-utils-
|
|
11
|
+
const fCell = require('./f-cell-9a77e09a.js');
|
|
12
|
+
const fPaginatorUtils = require('./f-paginator-utils-49cf707b.js');
|
|
13
13
|
const fTextFieldMdc = require('./f-text-field-mdc-29aae9c9.js');
|
|
14
14
|
require('./kup-dates-8619368a.js');
|
|
15
15
|
require('./f-button-bfafefb3.js');
|
|
16
16
|
require('./f-button-declarations-76ef9f87.js');
|
|
17
17
|
require('./f-checkbox-aaa6d45c.js');
|
|
18
|
-
require('./f-object-field-
|
|
19
|
-
require('./f-text-field-
|
|
18
|
+
require('./f-object-field-7c1ea180.js');
|
|
19
|
+
require('./f-text-field-f5b2163a.js');
|
|
20
20
|
require('./component-a6dd6c14.js');
|
|
21
21
|
|
|
22
22
|
/**
|